sales-frontend-components 0.0.66 → 0.0.68

package/dist/index.d.ts

@@ -1,8 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FieldValues, UseControllerProps } from 'react-hook-form';
-import { CheckboxButtonProps, CheckboxProps, DatePickerSingleHtmlProps, DatePickerRangeHtmlProps, SegmentGroupHtmlProps, FormField } from 'sales-frontend-design-system';
-import * as react from 'react';
-import react__default from 'react';
+import { CheckboxButtonProps, CheckboxProps, DatePickerSingleHtmlProps, DatePickerRangeHtmlProps, FormField, SegmentGroupHtmlProps, SelectProps, OptionProps } from 'sales-frontend-design-system';
+import * as sales_frontend_api_method from 'sales-frontend-api/method';
+import { OccupationResponseDto, Address } from 'sales-frontend-api/method';
+import * as React$1 from 'react';
+import React__default from 'react';
 import { getEnvironmentFromHostname } from 'sales-frontend-utils';
 
 declare const FormCheckboxButton: <TFormValues extends FieldValues>({ name, control, disabled, children, ...props }: Pick<UseControllerProps<TFormValues>, "name" | "control" | "disabled"> & Omit<CheckboxButtonProps, "id">) => react_jsx_runtime.JSX.Element;
@@ -13,7 +15,33 @@ declare const FormDatePicker: <TFormValues extends FieldValues>({ name, control,
 
 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 FormSegmentGroup: <TFormValues extends FieldValues>({ name, control, disabled, ...props }: Pick<UseControllerProps<TFormValues>, "name" | "control" | "disabled"> & Omit<SegmentGroupHtmlProps, "defaultValue">) => react_jsx_runtime.JSX.Element;
+declare const FormSearchJobField: <TFormValues extends FieldValues>({ name, control, disabled, rootProps, error, size, placeholder, ...props }: Pick<UseControllerProps<TFormValues>, "name" | "control" | "disabled"> & FormField.TextFieldProps & {
+    onValueChange?: (value?: OccupationResponseDto) => void;
+}) => react_jsx_runtime.JSX.Element;
+
+interface FormSegmentGroupProps<TFormValues extends FieldValues> extends Pick<UseControllerProps<TFormValues>, 'name' | 'control' | 'disabled'>, Omit<SegmentGroupHtmlProps, 'defaultValue'> {
+    disabledItems?: string[];
+}
+declare const FormSegmentGroup: <TFormValues extends FieldValues>({ name, control, disabled, disabledItems, items, ...props }: FormSegmentGroupProps<TFormValues>) => react_jsx_runtime.JSX.Element;
+
+/**
+ * 영업지원 시스템 셀렉트필드
+ * @param param0
+ * @returns
+ */
+type FormSelectProps<TFormValues extends FieldValues> = Pick<UseControllerProps<TFormValues>, 'name' | 'control' | 'disabled'> & Omit<SelectProps, 'defaultValue'>;
+declare const FormSelect: {
+    <TFormValues extends FieldValues>({ name, control, disabled, error, children, ...props }: FormSelectProps<TFormValues>): react_jsx_runtime.JSX.Element;
+    Option: ({ children, value, ...rest }: OptionProps) => react_jsx_runtime.JSX.Element;
+    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;
+    }[];
+    optionsProps?: Omit<OptionProps, 'children' | 'value'>;
+}
 
 declare const FormTextField: <TFormValues extends FieldValues>({ name, control, size, disabled, error, onBlur, onChange, rootProps, ...props }: Pick<UseControllerProps<TFormValues>, "name" | "control" | "disabled"> & FormField.TextFieldProps) => react_jsx_runtime.JSX.Element;
 
@@ -37,9 +65,10 @@ interface StepIndicatorProps {
     /** 표시할 dot의 총 개수 (items 배열과 별개로 시각적 표시만 조절할 때 사용) */
     dotCount?: number;
     onClickItem?: (item: StepItem) => void;
+    isLoading?: boolean;
 }
 
-declare const StepIndicator: ({ items, onClickItem, currentIndex, defaultValue, dotCount }: StepIndicatorProps) => react_jsx_runtime.JSX.Element;
+declare const StepIndicator: ({ items, onClickItem, currentIndex, defaultValue, dotCount, isLoading }: StepIndicatorProps) => react_jsx_runtime.JSX.Element;
 
 interface AttachedPhoto {
     id: string;
@@ -139,7 +168,7 @@ declare function useCanvasPaint(paintProps?: PaintProps): {
     download: (downloadProps: DownloadProps) => void;
     getBase64String: (imageProps: DownloadProps) => string | undefined;
     isCanvasBlank: () => boolean;
-    setCanvasRefState: react.Dispatch<react.SetStateAction<HTMLCanvasElement | null>>;
+    setCanvasRefState: React$1.Dispatch<React$1.SetStateAction<HTMLCanvasElement | null>>;
     canvasRefState: HTMLCanvasElement | null;
 };
 
@@ -181,12 +210,60 @@ interface DebugToolProps {
     envOverride?: Environment;
     /** 기본 메뉴 설정을 재정의합니다. 동적으로 메뉴를 추가하거나 변경할 때 사용합니다. */
     menuItemsOverride?: (Omit<MenuItem, 'component'> & {
-        component: react__default.ComponentType<any>;
+        component: React__default.ComponentType<any>;
     })[];
     /** @deprecated Storybook 전용 prop으로, 실제 사용되지 않습니다. */
     menuConfig?: Record<string, boolean>;
 }
-declare const DebugTool: react__default.FC<DebugToolProps>;
+declare const DebugTool: React__default.FC<DebugToolProps>;
+
+interface FullAddress extends Address {
+    detail: string;
+}
+type Step = 'initial' | 'search-result' | 'detail-input';
+
+interface Props {
+    setValue: (address: FullAddress) => void;
+    onClose: () => void;
+    isOpen: boolean;
+}
+declare function useSearchAddress({ setValue, onClose, isOpen }: Props): {
+    onAddressSearchClear: () => void;
+    onAddressSearchNext: () => void;
+    addressSearchKeyword: string;
+    addressSearchList: QueryObserverResult<TData, TError>;
+    addressSearchStep: Step;
+    selectedAddress: Address | null;
+    addressSearchOnValueChange: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
+    nextButtonDisabled: boolean;
+    detailAddressInput: string;
+    onSearch: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
+    onKeyUp: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
+    onSelectChange: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
+    setDetail: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
+    search: () => void;
+    searchInput: string;
+};
+declare const useAddressComponent: () => {
+    fullAddress: FullAddress | null;
+    openModal: () => void;
+    AddressSearchComponent: () => react_jsx_runtime.JSX.Element;
+};
+
+declare function useJobVehicleSearchModal(): {
+    selectedJob: sales_frontend_api_method.OccupationResponseDto | null;
+    selectedVehicle: sales_frontend_api_method.VehicleTypeResponseDto | undefined;
+    riskGrade: string;
+    hospitalizationGrade: string;
+    openJobVehicleModal: () => void;
+    JobVehicleSearchModalComponent: react_jsx_runtime.JSX.Element;
+};
+
+interface JobSearchModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+declare const JobSearchModal: React__default.FC<JobSearchModalProps>;
 
-export { Attachment, DebugTool, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSegmentGroup, FormTextField, StepIndicator, resize, testSignatureBase64Data, useCamera, useCanvasPaint };
+export { Attachment, DebugTool, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, JobSearchModal, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useCamera, useCanvasPaint, useJobVehicleSearchModal, useSearchAddress };
 export type { AttachedPhoto, AttachmentProps, DownloadProps, PaintProps, Pen, StepIndicatorProps, StepItem, cameraItemType, cameraOptions };