sales-frontend-components 0.0.182 → 0.0.184

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, FormField, SegmentItems, SegmentGroupHtmlProps, SelectProps, OptionProps, useDropDown } from 'sales-frontend-design-system';
+import { CheckboxButtonProps, CheckboxProps, DatePickerSingleHtmlProps, DatePickerRangeHtmlProps, FormField, SegmentItems, SegmentGroupHtmlProps, SelectProps, OptionProps, useDropDown } from 'sales-frontend-design-system';
 import * as React$1 from 'react';
 import React__default, { JSX } from 'react';
 import * as sales_frontend_api_method from 'sales-frontend-api/method';
@@ -13,6 +13,8 @@ declare const FormCheckbox: <TFormValues extends FieldValues>({ name, control, d
 
 declare const FormDatePicker: <TFormValues extends FieldValues>({ name, control, disabled, defaultValue, ...props }: Pick<UseControllerProps<TFormValues>, "name" | "control" | "disabled" | "defaultValue"> & DatePickerSingleHtmlProps) => react_jsx_runtime.JSX.Element;
 
+declare const FormDateRangePicker: <TFormValues extends FieldValues>({ name, control, disabled, defaultValue, ...props }: Pick<UseControllerProps<TFormValues>, "name" | "control" | "disabled" | "defaultValue"> & DatePickerRangeHtmlProps) => react_jsx_runtime.JSX.Element;
+
 declare const FormSearchJobField: <TFormValues extends FieldValues>({ name, control, disabled, error, size, placeholder, onValueChange, defaultValue, ...props }: Pick<UseControllerProps<TFormValues>, "name" | "control" | "disabled"> & Omit<FormField.TextFieldProps, "defaultValue"> & {
     onValueChange?: (value?: SegmentItems) => void;
     defaultValue?: SegmentItems;
@@ -687,5 +689,5 @@ declare const useDownloader: () => {
 
 declare function GaIframe(): react_jsx_runtime.JSX.Element;
 
-export { Attachment, BANK_STOCK_ICON_LIST, BANK_STOCK_SEARCH_MODAL_TABS, BankStockSearchModal, CODES, CustomerSearch, CustomerSearchModal, DeaCustomerSearchModal, DudDownload, DudUpload, EmployeeSearchModal, FormCheckbox, FormCheckboxButton, FormDatePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, GaIframe, JobVehicleSearchModal, OrganizationSearchModal, RIV_SEARCH_PARAM_MAP, StepIndicator, getGenderName, highlightOnSearchKeyword, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useCustomerSearch, useDownloader, useJobSearchModal, useJobVehicleSearch, useJobVehicleSearchModal, useNationalityComponent, useNxlOneModal, useRemoteIdentityVerification, useRemoteIdentityVerificationIframe, useRemoteIdentityVerificationPopup, useSearchAddress, useSearchNationality, useSearchVisa, useVisaComponent };
+export { Attachment, BANK_STOCK_ICON_LIST, BANK_STOCK_SEARCH_MODAL_TABS, BankStockSearchModal, CODES, CustomerSearch, CustomerSearchModal, DeaCustomerSearchModal, DudDownload, DudUpload, EmployeeSearchModal, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, GaIframe, JobVehicleSearchModal, OrganizationSearchModal, RIV_SEARCH_PARAM_MAP, StepIndicator, getGenderName, highlightOnSearchKeyword, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useCustomerSearch, useDownloader, useJobSearchModal, useJobVehicleSearch, useJobVehicleSearchModal, useNationalityComponent, useNxlOneModal, useRemoteIdentityVerification, useRemoteIdentityVerificationIframe, useRemoteIdentityVerificationPopup, useSearchAddress, useSearchNationality, useSearchVisa, useVisaComponent };
 export type { AttachedPhoto, AttachmentProps, BankStockSearchModalProps, CodeSet, DownloadProps, DownloadTargetInfo, DownloaderProps, FormSegmentGroupProps, PaintProps, Pen, RemoteIdentityVerificationSuccess, RivUrlParams, Step, StepIndicatorProps, StepItem, UseRemoteIdentityVerificationProps, Vehicle, VerificationResponse, cameraItemType, cameraOptions };

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, FormCore, Modal, Button, RadioGroup, Radio, FormField, useModalState, ModalUtils, useDropDown, List, ListItem, Table, Select, Accordion, Tab, SegmentGroup, Loading } from 'sales-frontend-design-system';
+import { CheckboxButton, Checkbox, DatePicker, DateRangePicker, FormCore, Modal, Button, RadioGroup, Radio, FormField, useModalState, ModalUtils, useDropDown, List, ListItem, Table, Select, Accordion, Tab, SegmentGroup, Loading } from 'sales-frontend-design-system';
 import React, { useState, useCallback, useEffect, useRef } from 'react';
 import { useSearchAddressQuery, useSearchPostalCodeQuery, useSearchAddressStandardizationQuery, useSearchCommonCodeQuery, useSearchCustomerListQuery, useSearchNationalityQuery, useSearchVisaQuery, getDspCustomerListMethod, useSearchEmployeeProfileQuery, useSearchOccupationDetailQuery, useSearchOccupationQuery, useSearchVehicleQuery, useSearchRiskGradeQuery, useSearchOrganizationQuery, getRemoteIdentityVerificationSystemToken, useDudExternalFileUploadMutation, useDudExternalFileDownloadQuery } from 'sales-frontend-api/method';
 import { IconMainUiSearch, 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, IconIllustCamera } from 'sales-frontend-assets';
@@ -450,6 +450,48 @@ const FormDatePicker = ({
   );
 };
 
+const FormDateRangePicker = ({
+  name,
+  control,
+  disabled,
+  defaultValue,
+  ...props
+}) => {
+  const { field, fieldState } = 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__ */ jsx(
+    DateRangePicker,
+    {
+      tabIndex: 0,
+      ...{
+        ...props,
+        ...field,
+        id: field.name,
+        defaultValue: selected,
+        error: fieldState.invalid,
+        onValueChange: field.onChange
+      }
+    }
+  );
+};
+
 var bind = {exports: {}};
 
 /*!
@@ -4599,5 +4641,5 @@ function GaIframe() {
   return /* @__PURE__ */ jsx("noscript", { children: /* @__PURE__ */ jsx("iframe", { src: "https://www.googletagmanager.com/ns.html?id=GTM-PPT3LJ56", height: "0", width: "0", style: { display: "none", visibility: "hidden" } }) });
 }
 
-export { Attachment, BANK_STOCK_ICON_LIST, BANK_STOCK_SEARCH_MODAL_TABS, BankStockSearchModal, CODES, CustomerSearch, CustomerSearchModal, DeaCustomerSearchModal, DudDownload, DudUpload, EmployeeSearchModal, FormCheckbox, FormCheckboxButton, FormDatePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, GaIframe, JobVehicleSearchModal, OrganizationSearchModal, RIV_SEARCH_PARAM_MAP, StepIndicator, getGenderName, highlightOnSearchKeyword, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useCustomerSearch, useDownloader, useJobSearchModal, useJobVehicleSearch, useJobVehicleSearchModal, useNationalityComponent, useNxlOneModal, useRemoteIdentityVerification, useRemoteIdentityVerificationIframe, useRemoteIdentityVerificationPopup, useSearchAddress, useSearchNationality, useSearchVisa, useVisaComponent };
+export { Attachment, BANK_STOCK_ICON_LIST, BANK_STOCK_SEARCH_MODAL_TABS, BankStockSearchModal, CODES, CustomerSearch, CustomerSearchModal, DeaCustomerSearchModal, DudDownload, DudUpload, EmployeeSearchModal, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, GaIframe, JobVehicleSearchModal, OrganizationSearchModal, RIV_SEARCH_PARAM_MAP, StepIndicator, getGenderName, highlightOnSearchKeyword, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useCustomerSearch, useDownloader, useJobSearchModal, useJobVehicleSearch, useJobVehicleSearchModal, useNationalityComponent, useNxlOneModal, useRemoteIdentityVerification, useRemoteIdentityVerificationIframe, useRemoteIdentityVerificationPopup, useSearchAddress, useSearchNationality, useSearchVisa, useVisaComponent };
 //# sourceMappingURL=index.esm.js.map