chore: prettier format

2026-05-26 08:15:44 +00:00 · 2026-04-27 10:49:07 +07:00
parent 6cf8e463c6
commit f9d2a875e2
11 changed files with 280 additions and 148 deletions
@@ -153,8 +153,14 @@ const InventoryAdjustmentTable = () => {
      updateFilter('productFilter', values.product_id || '');
      updateFilter('warehouseFilter', values.warehouse_id || '');
      updateFilter('transactionTypeFilter', values.transaction_type || '');
-      updateFilter('productName', productIdValue?.label ? String(productIdValue.label) : '');
-      updateFilter('warehouseName', warehouseIdValue?.label ? String(warehouseIdValue.label) : '');
+      updateFilter(
+        'productName',
+        productIdValue?.label ? String(productIdValue.label) : ''
+      );
+      updateFilter(
+        'warehouseName',
+        warehouseIdValue?.label ? String(warehouseIdValue.label) : ''
+      );
      filterModal.closeModal();
      setSubmitting(false);
    },
@@ -216,7 +222,10 @@ const InventoryAdjustmentTable = () => {
    val: OptionType | OptionType[] | null
  ) => {
    const warehouse = val as OptionType | null;
-    formik.setFieldValue('warehouse_id', warehouse?.value ? String(warehouse.value) : null);
+    formik.setFieldValue(
+      'warehouse_id',
+      warehouse?.value ? String(warehouse.value) : null
+    );
  };

  const handleFilterTransactionTypeChange = useCallback(
@@ -236,7 +245,10 @@ const InventoryAdjustmentTable = () => {
    );
    if (found) return found;
    if (tableFilterState.productName) {
-      return { value: formik.values.product_id, label: tableFilterState.productName };
+      return {
+        value: formik.values.product_id,
+        label: tableFilterState.productName,
+      };
    }
    return null;
  }, [formik.values.product_id, productOptions, tableFilterState.productName]);
@@ -248,10 +260,17 @@ const InventoryAdjustmentTable = () => {
    );
    if (found) return found;
    if (tableFilterState.warehouseName) {
-      return { value: formik.values.warehouse_id, label: tableFilterState.warehouseName };
+      return {
+        value: formik.values.warehouse_id,
+        label: tableFilterState.warehouseName,
+      };
    }
    return null;
-  }, [formik.values.warehouse_id, warehouseOptions, tableFilterState.warehouseName]);
+  }, [
+    formik.values.warehouse_id,
+    warehouseOptions,
+    tableFilterState.warehouseName,
+  ]);

  const transactionTypeValue = useMemo(() => {
    if (!formik.values.transaction_type) return null;
@@ -149,8 +149,14 @@ const MovementTable = () => {
    onSubmit: (values, { setSubmitting }) => {
      updateFilter('productFilter', values.product_id || '');
      updateFilter('warehouseFilter', values.warehouse_id || '');
-      updateFilter('productName', productIdValue?.label ? String(productIdValue.label) : '');
-      updateFilter('warehouseName', warehouseIdValue?.label ? String(warehouseIdValue.label) : '');
+      updateFilter(
+        'productName',
+        productIdValue?.label ? String(productIdValue.label) : ''
+      );
+      updateFilter(
+        'warehouseName',
+        warehouseIdValue?.label ? String(warehouseIdValue.label) : ''
+      );
      filterModal.closeModal();
      setSubmitting(false);
    },
@@ -216,7 +222,10 @@ const MovementTable = () => {
    );
    if (found) return found;
    if (tableFilterState.productName) {
-      return { value: formik.values.product_id, label: tableFilterState.productName };
+      return {
+        value: formik.values.product_id,
+        label: tableFilterState.productName,
+      };
    }
    return null;
  }, [formik.values.product_id, productOptions, tableFilterState.productName]);
@@ -228,10 +237,17 @@ const MovementTable = () => {
    );
    if (found) return found;
    if (tableFilterState.warehouseName) {
-      return { value: formik.values.warehouse_id, label: tableFilterState.warehouseName };
+      return {
+        value: formik.values.warehouse_id,
+        label: tableFilterState.warehouseName,
+      };
    }
    return null;
-  }, [formik.values.warehouse_id, warehouseOptions, tableFilterState.warehouseName]);
+  }, [
+    formik.values.warehouse_id,
+    warehouseOptions,
+    tableFilterState.warehouseName,
+  ]);

  // ===== HANDLE FILTER MODAL OPEN =====
  const handleFilterModalOpen = () => {
@@ -403,7 +419,13 @@ const MovementTable = () => {

            <ButtonFilter
              values={tableFilterState}
-              excludeFields={['page', 'pageSize', 'search', 'productName', 'warehouseName']}
+              excludeFields={[
+                'page',
+                'pageSize',
+                'search',
+                'productName',
+                'warehouseName',
+              ]}
              onClick={handleFilterModalOpen}
              className='px-3 py-2.5'
            />
@@ -113,7 +113,10 @@ const InventoryProductTable = () => {
    validationSchema: object().shape({ category_id: string().nullable() }),
    onSubmit: (values, { setSubmitting }) => {
      updateFilter('categoryFilter', values.category_id || '');
-      updateFilter('categoryName', categoryIdValue?.label ? String(categoryIdValue.label) : '');
+      updateFilter(
+        'categoryName',
+        categoryIdValue?.label ? String(categoryIdValue.label) : ''
+      );
      filterModal.closeModal();
      setSubmitting(false);
    },
@@ -145,10 +148,17 @@ const InventoryProductTable = () => {
    );
    if (found) return found;
    if (tableFilterState.categoryName) {
-      return { value: formik.values.category_id, label: tableFilterState.categoryName };
+      return {
+        value: formik.values.category_id,
+        label: tableFilterState.categoryName,
+      };
    }
    return null;
-  }, [formik.values.category_id, categoryOptions, tableFilterState.categoryName]);
+  }, [
+    formik.values.category_id,
+    categoryOptions,
+    tableFilterState.categoryName,
+  ]);

  // ===== HANDLE FILTER MODAL OPEN =====
  const handleFilterModalOpen = () => {
@@ -156,9 +166,14 @@ const InventoryProductTable = () => {
    filterModal.openModal();
  };

-  const handleFilterCategoryChange = (val: OptionType | OptionType[] | null) => {
+  const handleFilterCategoryChange = (
+    val: OptionType | OptionType[] | null
+  ) => {
    const category = val as OptionType | null;
-    formik.setFieldValue('category_id', category?.value ? String(category.value) : null);
+    formik.setFieldValue(
+      'category_id',
+      category?.value ? String(category.value) : null
+    );
  };

  const [sorting, setSorting] = useState<SortingState>([]);
@@ -254,102 +269,106 @@ const InventoryProductTable = () => {

  return (
    <>
-    <div className='w-full'>
-      {/* Header Section */}
-      <div className='w-full p-3 flex flex-row justify-between gap-3 flex-wrap border-b border-base-content/10'>
-        {/* Action Buttons */}
-        <div className='w-fit flex flex-row gap-3 flex-wrap'>
-          <RequirePermission permissions='lti.inventory.product_stock.create'>
-            <Button
-              href='/inventory/product/add'
-              color='primary'
-              className='px-3 py-2.5 w-fit text-sm text-base-100 rounded-lg shadow-sm'
-            >
-              <Icon icon='heroicons:plus' width={20} height={20} />
-              Add Product
-            </Button>
-          </RequirePermission>
-        </div>
-
-        {/* Search and Filter */}
-        <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
-          <DebouncedTextInput
-            name='search'
-            placeholder='Search'
-            value={tableFilterState.search ?? ''}
-            onChange={searchChangeHandler}
-            startAdornment={
-              <Icon icon='heroicons:magnifying-glass' width={20} height={20} />
-            }
-            className={{
-              wrapper: 'w-full min-w-24 max-w-3xs',
-              inputWrapper: 'rounded-xl! shadow-button-soft',
-              input:
-                'placeholder:font-semibold placeholder:text-base-content/50',
-            }}
-          />
-          <ButtonFilter
-            values={tableFilterState}
-            excludeFields={['page', 'pageSize', 'search', 'categoryName']}
-            onClick={handleFilterModalOpen}
-            className='px-3 py-2.5'
-          />
-        </div>
-      </div>
-
-      {/* Table Section */}
-      <div className='flex flex-col mb-4'>
-        {isLoading ? (
-          <div className='w-full flex flex-row justify-center items-center p-4'>
-            <span className='loading loading-spinner loading-xl' />
+      <div className='w-full'>
+        {/* Header Section */}
+        <div className='w-full p-3 flex flex-row justify-between gap-3 flex-wrap border-b border-base-content/10'>
+          {/* Action Buttons */}
+          <div className='w-fit flex flex-row gap-3 flex-wrap'>
+            <RequirePermission permissions='lti.inventory.product_stock.create'>
+              <Button
+                href='/inventory/product/add'
+                color='primary'
+                className='px-3 py-2.5 w-fit text-sm text-base-100 rounded-lg shadow-sm'
+              >
+                <Icon icon='heroicons:plus' width={20} height={20} />
+                Add Product
+              </Button>
+            </RequirePermission>
          </div>
-        ) : !isResponseSuccess(inventoryProducts) ||
-          inventoryProducts.data?.length === 0 ? (
-          <div className='p-3'>
-            <InventoryProductTableSkeleton
-              columns={columns}
-              icon={
+
+          {/* Search and Filter */}
+          <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
+            <DebouncedTextInput
+              name='search'
+              placeholder='Search'
+              value={tableFilterState.search ?? ''}
+              onChange={searchChangeHandler}
+              startAdornment={
                <Icon
-                  icon='heroicons:document-text'
-                  className='text-white'
+                  icon='heroicons:magnifying-glass'
                  width={20}
                  height={20}
                />
              }
+              className={{
+                wrapper: 'w-full min-w-24 max-w-3xs',
+                inputWrapper: 'rounded-xl! shadow-button-soft',
+                input:
+                  'placeholder:font-semibold placeholder:text-base-content/50',
+              }}
+            />
+            <ButtonFilter
+              values={tableFilterState}
+              excludeFields={['page', 'pageSize', 'search', 'categoryName']}
+              onClick={handleFilterModalOpen}
+              className='px-3 py-2.5'
            />
          </div>
-        ) : (
-          <Table<InventoryProduct>
-            data={
-              isResponseSuccess(inventoryProducts)
-                ? inventoryProducts?.data
-                : []
-            }
-            columns={columns}
-            pageSize={tableFilterState.pageSize}
-            page={
-              isResponseSuccess(inventoryProducts)
-                ? inventoryProducts?.meta?.page
-                : 0
-            }
-            totalItems={
-              isResponseSuccess(inventoryProducts)
-                ? inventoryProducts?.meta?.total_results
-                : 0
-            }
-            onPageChange={setPage}
-            onPageSizeChange={setPageSize}
-            isLoading={isLoading}
-            sorting={sorting}
-            setSorting={setSorting}
-            className={{
-              containerClassName: cn('p-3 mb-0'),
-              headerColumnClassName: 'text-nowrap',
-            }}
-          />
-        )}
+        </div>
+
+        {/* Table Section */}
+        <div className='flex flex-col mb-4'>
+          {isLoading ? (
+            <div className='w-full flex flex-row justify-center items-center p-4'>
+              <span className='loading loading-spinner loading-xl' />
+            </div>
+          ) : !isResponseSuccess(inventoryProducts) ||
+            inventoryProducts.data?.length === 0 ? (
+            <div className='p-3'>
+              <InventoryProductTableSkeleton
+                columns={columns}
+                icon={
+                  <Icon
+                    icon='heroicons:document-text'
+                    className='text-white'
+                    width={20}
+                    height={20}
+                  />
+                }
+              />
+            </div>
+          ) : (
+            <Table<InventoryProduct>
+              data={
+                isResponseSuccess(inventoryProducts)
+                  ? inventoryProducts?.data
+                  : []
+              }
+              columns={columns}
+              pageSize={tableFilterState.pageSize}
+              page={
+                isResponseSuccess(inventoryProducts)
+                  ? inventoryProducts?.meta?.page
+                  : 0
+              }
+              totalItems={
+                isResponseSuccess(inventoryProducts)
+                  ? inventoryProducts?.meta?.total_results
+                  : 0
+              }
+              onPageChange={setPage}
+              onPageSizeChange={setPageSize}
+              isLoading={isLoading}
+              sorting={sorting}
+              setSorting={setSorting}
+              className={{
+                containerClassName: cn('p-3 mb-0'),
+                headerColumnClassName: 'text-nowrap',
+              }}
+            />
+          )}
+        </div>
      </div>
-    </div>

      {/* Filter Modal */}
      <Modal