sales-frontend-components 0.0.67 → 0.0.68

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 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 { 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';
-import * as sales_frontend_api_method from 'sales-frontend-api/method';
-import { Address } from 'sales-frontend-api/method';
 
 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;
 
@@ -15,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;
 
@@ -39,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;
@@ -232,5 +259,11 @@ declare function useJobVehicleSearchModal(): {
     JobVehicleSearchModalComponent: react_jsx_runtime.JSX.Element;
 };
 
-export { Attachment, DebugTool, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSegmentGroup, FormTextField, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useCamera, useCanvasPaint, useJobVehicleSearchModal, useSearchAddress };
+interface JobSearchModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+declare const JobSearchModal: React__default.FC<JobSearchModalProps>;
+
+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 };