sales-frontend-components 0.0.90 → 0.0.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -66,7 +66,7 @@ const FormDatePicker = ({
66
66
  const { field, fieldState } = reactHookForm.useController({ name, control, disabled, defaultValue });
67
67
  const [selected, setSelected] = React.useState();
68
68
  React.useEffect(() => {
69
- if (field.value !== selected) {
69
+ if (salesFrontendDesignSystem.isDate(field.value) && field.value !== selected) {
70
70
  setSelected(field.value);
71
71
  }
72
72
  }, [field.value]);
@@ -101,16 +101,12 @@ const FormDateRangePicker = ({
101
101
  });
102
102
  const [selected, setSelected] = React.useState();
103
103
  React.useEffect(() => {
104
- if (field.value && !selected) {
104
+ if (salesFrontendDesignSystem.isDate(field.value) && !selected) {
105
105
  setSelected(field.value);
106
106
  }
107
- try {
108
- if (field.value && selected && (field.value.startDate.getTime() !== selected.startDate?.getTime() || field.value.endDate.getTime() !== selected.endDate?.getTime())) {
109
- setSelected(field.value);
110
- console.warn(field.value, selected);
111
- }
112
- } catch (e) {
113
- console.log(e);
107
+ if (salesFrontendDesignSystem.isDate(field.value) && selected && (field.value.startDate.getTime() !== selected.startDate?.getTime() || field.value.endDate.getTime() !== selected.endDate?.getTime())) {
108
+ setSelected(field.value);
109
+ console.warn(field.value, selected);
114
110
  }
115
111
  }, [field.value]);
116
112
  return /* @__PURE__ */ jsxRuntime.jsx(
@@ -866,7 +862,9 @@ const FormSelectGroup = ({
866
862
  optionsProps,
867
863
  ...props
868
864
  }) => {
869
- return /* @__PURE__ */ jsxRuntime.jsx(FormSelect, { ...props, children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(FormSelectOption, { value: option.value, ...optionsProps, children: option.label }, option.value)) });
865
+ return /* @__PURE__ */ jsxRuntime.jsx(FormSelect, { ...props, children: options.map(
866
+ (option) => option.label && /* @__PURE__ */ jsxRuntime.jsx(FormSelectOption, { value: option.value, ...optionsProps, children: option.label }, option.value)
867
+ ) });
870
868
  };
871
869
  FormSelect.Option = FormSelectOption;
872
870
  FormSelect.Group = FormSelectGroup;
@@ -1682,7 +1680,6 @@ function AddressComponent({ isOpen, onClose, setValue }) {
1682
1680
  size: "medium",
1683
1681
  appearance: "filled",
1684
1682
  width: "full",
1685
- disabled: nextButtonDisabled,
1686
1683
  children: [
1687
1684
  addressSearchStep === "search-result" && "\uB2E4\uC74C(1/2)",
1688
1685
  addressSearchStep === "detail-input" && "\uD655\uC778(2/2)"
@@ -1722,6 +1719,14 @@ function useSearchAddress({ setValue, onClose, isOpen }) {
1722
1719
  });
1723
1720
  const [nextButtonDisabled, setNextButtonDisabled] = React.useState(false);
1724
1721
  const onNext = () => {
1722
+ if (step === "search-result" && nextButtonDisabled) {
1723
+ salesFrontendDesignSystem.ModalUtils.alert(
1724
+ "\uC8FC\uC18C\uB97C \uC120\uD0DD\uD558\uC9C0 \uC54A\uC73C\uBA74 \uB2E4\uC74C \uB2E8\uACC4\uB85C \uC774\uB3D9\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.\n\uC8FC\uC18C\uB97C \uC120\uD0DD\uD55C \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694.",
1725
+ "\uC120\uD0DD \uC8FC\uC18C \uC5C6\uC74C",
1726
+ { modalId: "search-modal-address-no-selected" }
1727
+ );
1728
+ return;
1729
+ }
1725
1730
  if (step === "search-result") {
1726
1731
  setStep("detail-input");
1727
1732
  setNextButtonDisabled(true);