@farmzone/fz-react-ui 1.1.3 → 1.1.5

package/dist/index.cjs

@@ -7865,6 +7865,8 @@ function PageFilter(props) {
     colGap = 0,
     submitButtonText = "\uAC80\uC0C9",
     resetButtonText = "\uCD08\uAE30\uD654",
+    showSubmitButton = true,
+    showResetButton = true,
     values,
     primaryColor
   } = props;
@@ -7925,7 +7927,8 @@ function PageFilter(props) {
             onKeyDown: (e) => {
               if (e.key === "Enter") handleSubmit();
             },
-            leftIcon: option.leftIcon !== false ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { size: 16 }) : void 0
+            leftIcon: option.leftIcon !== false ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { size: 16 }) : void 0,
+            className: option.className
           }
         ) }, String(optionKey));
       case "select":
@@ -7937,7 +7940,8 @@ function PageFilter(props) {
             options: option.options,
             placeholder: option.placeholder || "\uC120\uD0DD",
             canReset: option.canReset ?? true,
-            containerClassName: option.containerClassName ?? "w-30"
+            containerClassName: option.containerClassName ?? "w-30",
+            className: option.className
           }
         ) }, String(optionKey));
       case "radio":
@@ -7948,7 +7952,8 @@ function PageFilter(props) {
             value: currentValue,
             onChange: handleRadioChange(optionKey, option.autoSubmit),
             options: option.options,
-            direction: "horizontal"
+            direction: "horizontal",
+            containerClassName: option.className
           }
         ) }, String(optionKey));
       case "date":
@@ -7958,7 +7963,8 @@ function PageFilter(props) {
             value: currentValue,
             onChange: handleDateChange(optionKey),
             placeholder: option.placeholder,
-            onKeyDownEnter: handleSubmit
+            onKeyDownEnter: handleSubmit,
+            className: option.className
           }
         ) }, String(optionKey));
       case "date-range":
@@ -7968,17 +7974,20 @@ function PageFilter(props) {
             startValue: currentValue,
             endValue: String(values[option.endKey] ?? ""),
             onRangeChange: handleRangeChangeCurried(optionKey, option.endKey),
-            onKeyDownEnter: handleSubmit
+            onKeyDownEnter: handleSubmit,
+            className: option.className
           }
         ) }, String(optionKey));
       case "checkbox":
-        return /* @__PURE__ */ jsxRuntime.jsx(LabeledFilterOption, { label: option.label, gap: rowGap2, children: /* @__PURE__ */ jsxRuntime.jsx(
+        return /* @__PURE__ */ jsxRuntime.jsx(LabeledFilterOption, { gap: rowGap2, children: /* @__PURE__ */ jsxRuntime.jsx(
           Checkbox,
           {
             checked: currentValue === "true",
             name: String(optionKey),
             value: currentValue,
-            onChange: handleCheckboxChange(optionKey, option.autoSubmit)
+            label: option.label,
+            onChange: handleCheckboxChange(optionKey, option.autoSubmit),
+            className: option.className
           }
         ) }, String(optionKey));
       default: {
@@ -7996,9 +8005,9 @@ function PageFilter(props) {
         const isLastRow = rows.length - 1 === ix;
         return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row min-h-11", children: [
           row.options.map((option, index) => renderFilterOption(option, rowGap, index)),
-          isLastRow && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-2 flex flex-row items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "search", onClick: handleSubmit, children: submitButtonText }),
-            onReset && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "reset", onClick: handleReset, children: resetButtonText })
+          isLastRow && (showSubmitButton || showResetButton && onReset) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-2 flex flex-row items-center gap-2", children: [
+            showSubmitButton && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "search", onClick: handleSubmit, children: submitButtonText }),
+            onReset && showResetButton && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "reset", onClick: handleReset, children: resetButtonText })
           ] })
         ] }, row.options.map((opt) => String(opt.key)).join("_"));
       }) })