migrate to npm back

Dockerfile

@@ -81,10 +81,12 @@ COPY package.json package-lock.json ./
 COPY vendor/ckeditor5 ./vendor/ckeditor5
 
 # Instal dependensi
-RUN npm ci --omit=dev
+RUN npm install -g npm@latest
-
+RUN npm install next --legacy-peer-deps
 # Salin semua file proyek
-COPY . .
+# COPY . .
+COPY . /usr/src/app
+
 
 # Bangun aplikasi
 RUN npm run build

components/form/article/create-article-form.tsx

@@ -766,7 +766,7 @@ export default function CreateArticleForm() {
           {errors?.tags && (
             <p className="text-red-400 text-sm  mb-3">{errors.tags?.message}</p>
           )}
-          <div className="flex flex-col gap-2 mt-3">
+          {/* <div className="flex flex-col gap-2 mt-3">
             <Switch isSelected={isScheduled} onValueChange={setIsScheduled}>
               Publish dengan Jadwal
             </Switch>
@@ -805,7 +805,7 @@ export default function CreateArticleForm() {
                 </div>
               </div>
             )}
-          </div>
+          </div> */}
         </div>
 
         <div className="flex flex-row justify-end gap-3">

components/layout/sidebar/sidebar.tsx

@@ -445,7 +445,7 @@ const Sidebar: React.FC<SidebarProps> = ({ updateSidebarData }) => {
                 <UserProfileIcon size={36} />
                 <div className="flex flex-col ">
                   <a className="cursor-pointer ">
-                    {textEllipsis(String(username), 23)}
+                    {textEllipsis(String(username), 18)}
                   </a>
                   <a
                     className="hover:text-red-600 underline text-sm cursor-pointer"

components/main/dashboard/dashboard-container.tsx

@@ -265,14 +265,14 @@ export default function DashboardContainer() {
                 Rekapitulasi Post Berita Polda Pada Website
               </p>
               <div className="w-[220px]">
-                <Datepicker
+                {/* <Datepicker
                   value={postContentDate}
                   displayFormat="DD/MM/YYYY"
                   asSingle={false}
                   useRange={true}
                   onChange={(e: any) => setPostContentDate(e)}
                   inputClassName="z-50 w-full text-xs lg:text-sm bg-transparent border-1 border-gray-200 px-2 py-[6px] rounded-sm lg:rounded-lg h-[30px] lg:h-[40px] text-gray-600 dark:text-gray-300"
-                />
+                /> */}
               </div>
             </div>
             <div className="flex flex-row border-b-1 gap-1 py-1">
@@ -404,14 +404,14 @@ export default function DashboardContainer() {
                   Mingguan
                 </Button>
                 <div className="w-[140px]">
-                  <Datepicker
+                  {/* <Datepicker
                     value={startDateValue}
                     displayFormat="DD/MM/YYYY"
                     asSingle={true}
                     useRange={false}
                     onChange={(e: any) => setStartDateValue(e)}
                     inputClassName="z-50 w-full text-xs lg:text-sm bg-transparent border-1 border-gray-200 px-2 py-[6px] rounded-sm lg:rounded-lg h-[30px] lg:h-[40px] text-gray-600 dark:text-gray-300"
-                  />
+                  /> */}
                 </div>
               </div>
             </div>

components/table/article-table.tsx

@@ -301,7 +301,7 @@ export default function ArticleTable() {
                 ))}
               </Select>
             </div>
-            <div className="flex flex-col gap-1 w-full lg:w-[240px]">
+            {/* <div className="flex flex-col gap-1 w-full lg:w-[240px]">
               <p className="font-semibold text-sm">Tanggal</p>
               <Datepicker
                 value={startDateValue}
@@ -309,7 +309,7 @@ export default function ArticleTable() {
                 onChange={(e: any) => setStartDateValue(e)}
                 inputClassName="z-50 w-full text-sm bg-transparent border-1 border-gray-200 px-2 py-[6px] rounded-xl h-[40px] text-gray-600 dark:text-gray-300"
               />
-            </div>
+            </div> */}
           </div>
           <Table
             aria-label="micro issue table"

components/table/magazine/magazine-table.tsx

@@ -297,7 +297,7 @@ export default function MagazineTable() {
                 ))}
               </Select>
             </div> */}
-            <div className="flex flex-col gap-1 w-full lg:w-[240px]">
+            {/* <div className="flex flex-col gap-1 w-full lg:w-[240px]">
               <p className="font-semibold text-sm">Tanggal</p>
               <Datepicker
                 value={startDateValue}
@@ -305,7 +305,7 @@ export default function MagazineTable() {
                 onChange={(e: any) => setStartDateValue(e)}
                 inputClassName="z-50 w-full text-sm bg-transparent border-1 border-gray-200 px-2 py-[6px] rounded-xl h-[40px] text-gray-600 dark:text-gray-300"
               />
-            </div>
+            </div> */}
           </div>
           <Table
             aria-label="micro issue table"

components/table/static-page-table.tsx

@@ -246,7 +246,7 @@ export default function StaticPageTable() {
               </Select>
             </div>
 
-            <div className="flex flex-col gap-1 w-full lg:w-[340px]">
+            {/* <div className="flex flex-col gap-1 w-full lg:w-[340px]">
               <p className="font-semibold text-sm">Tanggal</p>
               <Datepicker
                 value={startDateValue}
@@ -254,7 +254,7 @@ export default function StaticPageTable() {
                 onChange={(e: any) => setStartDateValue(e)}
                 inputClassName="z-50 w-full text-sm bg-transparent border-1 border-gray-200 px-2 py-[6px] rounded-xl h-[40px] text-gray-600 dark:text-gray-300"
               />
-            </div>
+            </div> */}
           </div>
           <Table
             aria-label="micro issue table"

package.json

@@ -10,19 +10,19 @@
   },
   "dependencies": {
     "@ckeditor/ckeditor5-react": "^6.2.0",
-      "@hookform/resolvers": "^3.3.4",
     "@heroui/breadcrumbs": "^2.2.6",
-      "@heroui/button": "2.0.26",
+    "@heroui/button": "^2.2.10",
-      "@heroui/code": "2.0.24",
+    "@heroui/code": "2.2.7",
-      "@heroui/input": "2.1.16",
+    "@heroui/input": "2.4.10",
-      "@heroui/kbd": "2.0.25",
+    "@heroui/kbd": "2.2.6",
-      "@heroui/link": "2.0.26",
+    "@heroui/link": "2.2.7",
-      "@heroui/navbar": "2.0.27",
+    "@heroui/navbar": "2.2.8",
     "@heroui/react": "^2.2.9",
-      "@heroui/snippet": "2.0.30",
+    "@heroui/snippet": "2.2.10",
-      "@heroui/switch": "2.0.25",
+    "@heroui/switch": "2.2.8",
     "@heroui/system": "^2.4.6",
-      "@heroui/theme": "2.1.17",
+    "@heroui/theme": "2.4.5",
+    "@hookform/resolvers": "^3.3.4",
     "@react-aria/ssr": "^3.8.0",
     "@react-aria/visually-hidden": "^3.8.6",
     "@types/js-cookie": "^3.0.6",
@@ -59,7 +59,7 @@
     "react-password-checklist": "^1.8.1",
     "react-select": "^5.8.3",
     "react-sweetalert2": "^0.6.0",
-      "react-tailwindcss-datepicker": "^1.6.6",
+    "react-tailwindcss-datepicker": "^2.0.0",
     "react-tweet": "^3.2.0",
     "sweetalert2": "^11.10.8",
     "sweetalert2-react-content": "^5.0.7",

vendor/ckeditor5/node_modules/postcss/lib/parser.js

@@ -347,6 +347,8 @@ class Parser {
       if (prev && prev.type === 'rule' && !prev.raws.ownSemicolon) {
         prev.raws.ownSemicolon = this.spaces
         this.spaces = ''
+        prev.source.end = this.getPosition(token[2])
+        prev.source.end.offset += prev.raws.ownSemicolon.length
       }
     }
   }

vendor/ckeditor5/node_modules/postcss/lib/processor.js

@@ -7,7 +7,7 @@ let Root = require('./root')
 
 class Processor {
   constructor(plugins = []) {
-    this.version = '8.5.1'
+    this.version = '8.5.2'
     this.plugins = this.normalize(plugins)
   }
 

vendor/ckeditor5/node_modules/postcss/package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss",
-  "version": "8.5.1",
+  "version": "8.5.2",
   "description": "Tool for transforming styles with JS plugins",
   "engines": {
     "node": "^10 || ^12 || >=14"