@farmzone/fz-react-ui 1.1.3 → 1.1.5

package/dist/index.d.cts

@@ -966,6 +966,7 @@ type SelectableOption = {
 interface BaseOption<P> {
     label?: string;
     key: keyof P;
+    className?: string;
 }
 type InputOption<P> = BaseOption<P> & {
     type: "input";
@@ -1014,6 +1015,8 @@ interface PageFilterProps<P> {
     colGap?: number;
     submitButtonText?: string;
     resetButtonText?: string;
+    showSubmitButton?: boolean;
+    showResetButton?: boolean;
     values: P;
     primaryColor?: string;
 }

package/dist/index.d.ts

@@ -966,6 +966,7 @@ type SelectableOption = {
 interface BaseOption<P> {
     label?: string;
     key: keyof P;
+    className?: string;
 }
 type InputOption<P> = BaseOption<P> & {
     type: "input";
@@ -1014,6 +1015,8 @@ interface PageFilterProps<P> {
     colGap?: number;
     submitButtonText?: string;
     resetButtonText?: string;
+    showSubmitButton?: boolean;
+    showResetButton?: boolean;
     values: P;
     primaryColor?: string;
 }

package/dist/index.js

@@ -7828,6 +7828,8 @@ function PageFilter(props) {
     colGap = 0,
     submitButtonText = "\uAC80\uC0C9",
     resetButtonText = "\uCD08\uAE30\uD654",
+    showSubmitButton = true,
+    showResetButton = true,
     values,
     primaryColor
   } = props;
@@ -7888,7 +7890,8 @@ function PageFilter(props) {
             onKeyDown: (e) => {
               if (e.key === "Enter") handleSubmit();
             },
-            leftIcon: option.leftIcon !== false ? /* @__PURE__ */ jsx(Search, { size: 16 }) : void 0
+            leftIcon: option.leftIcon !== false ? /* @__PURE__ */ jsx(Search, { size: 16 }) : void 0,
+            className: option.className
           }
         ) }, String(optionKey));
       case "select":
@@ -7900,7 +7903,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":
@@ -7911,7 +7915,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":
@@ -7921,7 +7926,8 @@ function PageFilter(props) {
             value: currentValue,
             onChange: handleDateChange(optionKey),
             placeholder: option.placeholder,
-            onKeyDownEnter: handleSubmit
+            onKeyDownEnter: handleSubmit,
+            className: option.className
           }
         ) }, String(optionKey));
       case "date-range":
@@ -7931,17 +7937,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__ */ jsx(LabeledFilterOption, { label: option.label, gap: rowGap2, children: /* @__PURE__ */ jsx(
+        return /* @__PURE__ */ jsx(LabeledFilterOption, { gap: rowGap2, children: /* @__PURE__ */ 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: {
@@ -7959,9 +7968,9 @@ function PageFilter(props) {
         const isLastRow = rows.length - 1 === ix;
         return /* @__PURE__ */ jsxs("div", { className: "flex flex-row min-h-11", children: [
           row.options.map((option, index) => renderFilterOption(option, rowGap, index)),
-          isLastRow && /* @__PURE__ */ jsxs("div", { className: "ml-2 flex flex-row items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Button, { variant: "search", onClick: handleSubmit, children: submitButtonText }),
-            onReset && /* @__PURE__ */ jsx(Button, { variant: "reset", onClick: handleReset, children: resetButtonText })
+          isLastRow && (showSubmitButton || showResetButton && onReset) && /* @__PURE__ */ jsxs("div", { className: "ml-2 flex flex-row items-center gap-2", children: [
+            showSubmitButton && /* @__PURE__ */ jsx(Button, { variant: "search", onClick: handleSubmit, children: submitButtonText }),
+            onReset && showResetButton && /* @__PURE__ */ jsx(Button, { variant: "reset", onClick: handleReset, children: resetButtonText })
           ] })
         ] }, row.options.map((opt) => String(opt.key)).join("_"));
       }) })