sales-frontend-components 0.0.73 → 0.0.75

package/dist/index.cjs.js

@@ -59,12 +59,17 @@ const FormDatePicker = ({
   ...props
 }) => {
   const { field, fieldState } = reactHookForm.useController({ name, control, disabled, defaultValue });
-  const [initialDate, setInitialDate] = React.useState();
+  const [selected, setSelected] = React.useState();
   React.useEffect(() => {
     if (field.value) {
-      setInitialDate(field.value);
+      setSelected(field.value);
     }
   }, [defaultValue]);
+  React.useEffect(() => {
+    if (field.value !== selected) {
+      setSelected(field.value);
+    }
+  }, [field.value]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     salesFrontendDesignSystem.DatePicker,
     {
@@ -73,7 +78,7 @@ const FormDatePicker = ({
         ...props,
         ...field,
         id: field.name,
-        defaultValue: initialDate,
+        defaultValue: selected,
         error: fieldState.invalid,
         onValueChange: field.onChange
       }
@@ -89,12 +94,18 @@ const FormDateRangePicker = ({
   ...props
 }) => {
   const { field, fieldState } = reactHookForm.useController({ name, control, disabled, defaultValue });
-  const [initialDate, setInitialDate] = React.useState();
+  const [selected, setSelected] = React.useState();
   React.useEffect(() => {
     if (field.value) {
-      setInitialDate(field.value);
+      setSelected(field.value);
     }
   }, [defaultValue]);
+  React.useEffect(() => {
+    if (selected && field.value.startDate.getTime() === selected.startDate?.getTime() && field.value.endDate.getTime() === selected.endDate?.getTime()) {
+      return;
+    }
+    setSelected(field.value);
+  }, [field.value]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     salesFrontendDesignSystem.DateRangePicker,
     {
@@ -103,13 +114,9 @@ const FormDateRangePicker = ({
         ...props,
         ...field,
         id: field.name,
-        defaultValue: initialDate,
+        defaultValue: selected,
         error: fieldState.invalid,
-        onValueChange: (selected) => {
-          if (field.value !== selected) {
-            field.onChange(selected);
-          }
-        }
+        onValueChange: field.onChange
       }
     }
   );
@@ -887,7 +894,7 @@ function Attachment({
   const renderPhotoSingle = () => {
     if (photos.length === 0) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$5("single-photo-item", "add-photo-item"), children: /* @__PURE__ */ jsxRuntime.jsxs("button", { className: cx$5("add-photo-button-single"), onClick: handleAddPhoto, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Icon, { name: "illust/camera" }),
+        /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconIllustCamera, {}),
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: buttonText || "\uC0AC\uC9C4 \uCCA8\uBD80\uD558\uAE30" })
       ] }) });
     }
@@ -902,7 +909,7 @@ function Attachment({
     if (photos.length < maxPhotos) {
       gridItems.push(
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$5("photo-item", "add-photo-item"), children: /* @__PURE__ */ jsxRuntime.jsxs("button", { className: cx$5("add-photo-button"), onClick: handleAddPhoto, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Icon, { name: "illust/camera" }),
+          /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconIllustCamera, {}),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: buttonText || "\uCCA8\uBD80\uD558\uAE30" }),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cx$5("photo-count"), children: [
             "(",
@@ -2032,7 +2039,11 @@ const useCustomerSearch = (onSelect) => {
     search,
     onClear,
     handleSelectItem,
-    selectedCustomer
+    selectedCustomer,
+    setSearchInput,
+    setCustomerList,
+    setSearchKeyword,
+    setIsOpen
   };
 };
 
@@ -2080,7 +2091,7 @@ const CustomerSearch = ({ onSelect }) => {
         ref: triggerRef
       }
     ) }) }),
-    isOpen && /* @__PURE__ */ jsxRuntime.jsx(DropDown, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx("result-container"), children: customerList.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.List, { rootProps: { style: { width: "100%" } }, children: customerList.map((customer) => /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.ListItem, { onClick: () => handleSelectItem(customer), selectable: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("customer-item"), children: [
+    isOpen && customerList.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(DropDown, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx("result-container"), children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.List, { children: customerList.map((customer) => /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.ListItem, { onClick: () => handleSelectItem(customer), selectable: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("customer-item"), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx("name"), children: highlightOnSearchKeyword(customer.customerName || "", searchKeyword) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("details"), children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: customer.birthDate }),