sales-frontend-components 0.0.215 → 0.0.217

package/dist/index.cjs.js

@@ -3969,6 +3969,125 @@ const FormTextField = ({
   );
 };
 
+const FormDatePickerRenew = ({
+  name,
+  control,
+  disabled,
+  defaultValue,
+  ...props
+}) => {
+  const { field, fieldState } = reactHookForm.useController({ name, control, disabled, defaultValue });
+  const [selected, setSelected] = React.useState();
+  React.useEffect(() => {
+    if (isDate(field.value) && field.value !== selected) {
+      setSelected(field.value);
+    }
+  }, [field.value]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    salesFrontendDesignSystem.DatePickerSingleRenew,
+    {
+      validator: () => {
+        if (props.validator) {
+          return props.validator();
+        }
+        const _fieldState = fieldState;
+        if (_fieldState.invalid) {
+          throw new Error(_fieldState.error?.message ?? "");
+        }
+        return true;
+      },
+      defaultValue: dayjs(selected),
+      onValueChange: field.onChange,
+      inputProps: {
+        comboBoxItemProps: {
+          tabIndex: 0,
+          id: field.name,
+          ...props.inputProps?.comboBoxItemProps,
+          ...field
+        },
+        ...props.inputProps
+      },
+      ...props
+    }
+  );
+};
+
+const FormDateRangePickerRenew = ({
+  name,
+  control,
+  disabled,
+  defaultValue,
+  startDateProps,
+  endDateProps
+}) => {
+  const { field, fieldState } = reactHookForm.useController({
+    name,
+    control,
+    disabled,
+    defaultValue
+  });
+  const [selected, setSelected] = React.useState();
+  React.useEffect(() => {
+    const fieldValue = field.value;
+    if (!fieldValue) {
+      setSelected(void 0);
+      return;
+    }
+    const isStartDateDifferent = fieldValue.startDate?.getTime() !== selected?.startDate?.getTime();
+    const isEndDateDifferent = fieldValue.endDate?.getTime() !== selected?.endDate?.getTime();
+    if (!selected || isStartDateDifferent || isEndDateDifferent) {
+      setSelected(fieldValue);
+    }
+  }, [field.value]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    salesFrontendDesignSystem.DatePickerRangeRenew,
+    {
+      startDateProps: {
+        validator: () => {
+          const _fieldState = fieldState;
+          if (_fieldState.invalid) {
+            throw new Error(_fieldState.error?.message ?? "");
+          }
+          return true;
+        },
+        defaultValue: dayjs(selected?.startDate),
+        onValueChange: field.onChange,
+        inputProps: {
+          comboBoxItemProps: {
+            tabIndex: 0,
+            id: field.name,
+            ...startDateProps?.inputProps?.comboBoxItemProps,
+            ...field
+          },
+          ...startDateProps?.inputProps
+        },
+        ...startDateProps
+      },
+      endDateProps: {
+        validator: () => {
+          const _fieldState = fieldState;
+          if (_fieldState.invalid) {
+            throw new Error(_fieldState.error?.message ?? "");
+          }
+          return true;
+        },
+        defaultValue: dayjs(selected?.endDate),
+        onValueChange: field.onChange,
+        inputProps: {
+          comboBoxItemProps: {
+            tabIndex: 0,
+            id: field.name,
+            ...endDateProps?.inputProps?.comboBoxItemProps,
+            ...field
+          },
+          ...endDateProps?.inputProps
+        },
+        ...endDateProps
+      }
+    }
+  );
+};
+
 const cx$1 = classNames.bind(styles$c);
 const StepIndicator = ({
   items,
@@ -4059,7 +4178,14 @@ function Attachment({
     }
     return photos.map((photo) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("single-photo-item"), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx("photo-placeholder"), children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: photo.src, alt: photo.name, className: cx("photo-image") }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { className: cx("remove-button"), onClick: () => handleRemovePhoto(photo.id), "aria-label": "\uC0AC\uC9C4 \uC0AD\uC81C", children: "\xD7" })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: cx("remove-button", "dsp-icons", "dsp-icons-icons-sub-ui-reset"),
+          onClick: () => handleRemovePhoto(photo.id),
+          "aria-label": "\uC0AC\uC9C4 \uC0AD\uC81C"
+        }
+      )
     ] }, photo.id));
   };
   const renderPhotoGrid = () => {
@@ -4976,7 +5102,9 @@ exports.EmployeeSearchModal = EmployeeSearchModal;
 exports.FormCheckbox = FormCheckbox;
 exports.FormCheckboxButton = FormCheckboxButton;
 exports.FormDatePicker = FormDatePicker;
+exports.FormDatePickerRenew = FormDatePickerRenew;
 exports.FormDateRangePicker = FormDateRangePicker;
+exports.FormDateRangePickerRenew = FormDateRangePickerRenew;
 exports.FormSearchJobField = FormSearchJobField;
 exports.FormSegmentGroup = FormSegmentGroup;
 exports.FormSelect = FormSelect;