sales-frontend-components 0.0.90 → 0.0.92

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FieldValues, UseControllerProps } from 'react-hook-form';
-import { CheckboxButtonProps, CheckboxProps, DatePickerSingleHtmlProps, DatePickerRangeHtmlProps, FormField, SegmentGroupHtmlProps, SelectProps, OptionProps } from 'sales-frontend-design-system';
+import { CheckboxButtonProps, CheckboxProps, DatePickerSingleHtmlProps, DatePickerRangeHtmlProps, FormField, SegmentGroupHtmlProps, SelectProps, OptionProps, SegmentItems } from 'sales-frontend-design-system';
 import * as sales_frontend_api_method from 'sales-frontend-api/method';
 import { OccupationResponseDto, AddressStandardizationResponseDto, AddressResponseDto, CodeDto, OrganizationProfileResponse, EmployeeProfileResponseDto, PersonalCustomerProfileResponseDto, CustomerSearchProps, RemoteIdentityVerificationSystemTokenRequestDto, ApiConfig } from 'sales-frontend-api/method';
 import * as React$1 from 'react';
@@ -35,10 +35,7 @@ declare const FormSelect: {
     Group: <TFormValues extends FieldValues>({ options, optionsProps, ...props }: Omit<IFormSelectGroupProps<TFormValues>, "children">) => react_jsx_runtime.JSX.Element;
 };
 interface IFormSelectGroupProps<TFormValues extends FieldValues> extends FormSelectProps<TFormValues> {
-    options: {
-        label: string;
-        value: string;
-    }[];
+    options: SegmentItems[];
     optionsProps?: Omit<OptionProps, 'children' | 'value'>;
 }
 

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useController } from 'react-hook-form';
-import { CheckboxButton, Checkbox, DatePicker, DateRangePicker, Table, Accordion, Radio, FormField, Select, Tab, useModalState, Modal, Button, SegmentGroup, ModalUtils, FormCore, RadioGroup, useDropDown, List, ListItem, Loading } from 'sales-frontend-design-system';
+import { CheckboxButton, Checkbox, isDate, DatePicker, DateRangePicker, Table, Accordion, Radio, FormField, Select, Tab, useModalState, Modal, Button, SegmentGroup, ModalUtils, FormCore, RadioGroup, useDropDown, List, ListItem, Loading } from 'sales-frontend-design-system';
 import React, { useState, useEffect, useRef, useCallback, useMemo } from 'react';
 import { useSearchOccupationDetailQuery, useSearchOccupationQuery, useSearchAddressQuery, useSearchPostalCodeQuery, useSearchAddressStandardizationQuery, useSearchCommonCodeQuery, useSearchOrganizationQuery, useSearchEmployeeProfileQuery, useSearchVehicleQuery, useSearchRiskGradeQuery, getDspCustomerListMethod, useSearchCustomerListQuery, getRemoteIdentityVerificationSystemToken } from 'sales-frontend-api/method';
 import { IconMainUiSearch, IconIllustCamera, IconGraphicsBankSaneop, IconGraphicsBankKiup, IconGraphicsBankKukmin, IconGraphicsBankSuhyeop, IconGraphicsBankJangGiSinYong, IconGraphicsBankNhNonghyeop, IconGraphicsBankJiyeokNonghyeop, IconGraphicsBankWoori, IconGraphicsBankScJeil, IconGraphicsBankSinhan, IconGraphicsBankHankookCity, IconGraphicsBankDaegu, IconGraphicsBankBusan, IconGraphicsBankGwangju, IconGraphicsBankJeju, IconGraphicsBankJeonbuk, IconGraphicsBankGyeongnam, IconGraphicsBankSaemaulGeumgo, IconGraphicsBankSinhyeop, IconGraphicsBankJeochuk, IconGraphicsBankHsbc, IconGraphicsBankABNAMRO, IconGraphicsBankSanlim, IconGraphicsBankPost, IconGraphicsBankKebHana, IconGraphicsBankKBank, IconGraphicsBankKakaoBank, IconGraphicsBankTossBank, IconGraphicsStockYuantaJeungkwon, IconGraphicsStockKbJeungkwon, IconGraphicsStockMiraeAssetJeungkwon, IconGraphicsStockSamsungJeungkwon, IconGraphicsStockHankookTujajeungkwon, IconGraphicsStockNhWooriTujajeungkwon, IconGraphicsStockGyoboJeungkwon, IconGraphicsStockHiTujajeungkwon, IconGraphicsStockHyundaiChaJeungkwon, IconGraphicsStockKiwoomJeungkwon, IconGraphicsStockSkJeungkwon, IconGraphicsStockDaesinJeungkwon, IconGraphicsStockHanwhaTujajeungkwon, IconGraphicsStockHanaGeumyungTujajeungkwon, IconGraphicsStockSinhanTujajeungkwon, IconGraphicsStockDbGeumyungTujajeungkwon, IconGraphicsStockYujinTujajeungkwon, IconGraphicsStockMeritzJeungkwon, IconGraphicsStockKakaoPayJeungkwon, IconGraphicsStockNhTujajeungkwon, IconGraphicsStockBugukJeungkwon, IconGraphicsStockSinyeongJeungkwon, IconGraphicsStockHochulEopsum, IconGraphicsFeedbackEmpty, IconIllustGrade, IconIllustJob, IconSubUiArrowRight, IconIllustVehicle } from 'sales-frontend-assets';
@@ -64,7 +64,7 @@ const FormDatePicker = ({
   const { field, fieldState } = useController({ name, control, disabled, defaultValue });
   const [selected, setSelected] = React.useState();
   React.useEffect(() => {
-    if (field.value !== selected) {
+    if (isDate(field.value) && field.value !== selected) {
       setSelected(field.value);
     }
   }, [field.value]);
@@ -99,16 +99,12 @@ const FormDateRangePicker = ({
   });
   const [selected, setSelected] = React.useState();
   React.useEffect(() => {
-    if (field.value && !selected) {
+    if (isDate(field.value) && !selected) {
       setSelected(field.value);
     }
-    try {
-      if (field.value && selected && (field.value.startDate.getTime() !== selected.startDate?.getTime() || field.value.endDate.getTime() !== selected.endDate?.getTime())) {
-        setSelected(field.value);
-        console.warn(field.value, selected);
-      }
-    } catch (e) {
-      console.log(e);
+    if (isDate(field.value) && selected && (field.value.startDate.getTime() !== selected.startDate?.getTime() || field.value.endDate.getTime() !== selected.endDate?.getTime())) {
+      setSelected(field.value);
+      console.warn(field.value, selected);
     }
   }, [field.value]);
   return /* @__PURE__ */ jsx(
@@ -864,7 +860,9 @@ const FormSelectGroup = ({
   optionsProps,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx(FormSelect, { ...props, children: options.map((option) => /* @__PURE__ */ jsx(FormSelectOption, { value: option.value, ...optionsProps, children: option.label }, option.value)) });
+  return /* @__PURE__ */ jsx(FormSelect, { ...props, children: options.map(
+    (option) => option.label && /* @__PURE__ */ jsx(FormSelectOption, { value: option.value, ...optionsProps, children: option.label }, option.value)
+  ) });
 };
 FormSelect.Option = FormSelectOption;
 FormSelect.Group = FormSelectGroup;
@@ -1680,7 +1678,6 @@ function AddressComponent({ isOpen, onClose, setValue }) {
           size: "medium",
           appearance: "filled",
           width: "full",
-          disabled: nextButtonDisabled,
           children: [
             addressSearchStep === "search-result" && "\uB2E4\uC74C(1/2)",
             addressSearchStep === "detail-input" && "\uD655\uC778(2/2)"
@@ -1720,6 +1717,14 @@ function useSearchAddress({ setValue, onClose, isOpen }) {
   });
   const [nextButtonDisabled, setNextButtonDisabled] = useState(false);
   const onNext = () => {
+    if (step === "search-result" && nextButtonDisabled) {
+      ModalUtils.alert(
+        "\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.",
+        "\uC120\uD0DD \uC8FC\uC18C \uC5C6\uC74C",
+        { modalId: "search-modal-address-no-selected" }
+      );
+      return;
+    }
     if (step === "search-result") {
       setStep("detail-input");
       setNextButtonDisabled(true);