@scbt-ecom/ui 0.22.3 → 0.22.5

package/README.md

@@ -11,7 +11,7 @@ Currently, two official plugins are available:
 
 If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
 
-- Configure the top-level `parserOptions` property like this:
+- Configure the top-level `parserOptions` property like this: 
 
 ```js
 export default {

package/dist/shared/ui/formElements/comboboxControl/ComboboxControl.d.ts

@@ -24,6 +24,6 @@ export interface IComboboxControlProps<T extends FieldValues, ValueType> extends
     customChange?: (...args: unknown[]) => void;
 }
 /**
- * @deprecated For better performance use `Controlled.SelectControl` instead.
+ * @deprecated For better performance use `Controlled.ComboboxControl` instead.
  */
 export declare const ComboboxControl: <T extends FieldValues, ValueType>({ options, control, defaultValue, isClearable, label, disabled, placeholder, helperText, noOptionsMessage, size, classes, isMulti, isSearchable, customChange, ...props }: IComboboxControlProps<T, ValueType>) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/formElements/controlled/combobox/ComboboxControl.d.ts

@@ -0,0 +1,26 @@
+import { FieldValues } from 'react-hook-form';
+import { TCommonFieldProps } from '../../model/types';
+import { TFieldContainerConfig } from '../../ui';
+import { TComboboxControlClasses } from './model/types';
+import * as React from 'react';
+export interface SelectOption<ValueType> {
+    value: ValueType;
+    label: string | React.ReactElement;
+}
+export interface IComboboxControlProps<T extends FieldValues, ValueType> extends TCommonFieldProps<T> {
+    options: SelectOption<ValueType>[];
+    size?: TFieldContainerConfig['size'];
+    marker?: boolean;
+    isClearable?: boolean;
+    defaultValue?: ValueType;
+    noOptionsMessage?: string | React.ReactElement;
+    disabled?: boolean;
+    isMulti?: boolean;
+    placeholder?: string | React.ReactElement;
+    isSearchable?: boolean;
+    classes?: TComboboxControlClasses;
+    onClickIcon?: (...args: unknown[]) => unknown;
+    onKeyDownIcon?: (event: React.KeyboardEvent) => unknown;
+    customChange?: (...args: unknown[]) => void;
+}
+export declare const ComboboxControl: <T extends FieldValues, ValueType>({ options, control, defaultValue, isClearable, label, disabled, placeholder, helperText, noOptionsMessage, size, classes, isMulti, isSearchable, customChange, ...props }: IComboboxControlProps<T, ValueType>) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/formElements/controlled/combobox/index.d.ts

@@ -0,0 +1 @@
+export * from './ComboboxControl';

package/dist/shared/ui/formElements/controlled/combobox/model/selectClassnames.d.ts

@@ -0,0 +1,21 @@
+import { MenuProps, OptionProps } from 'react-select';
+import { TComboboxControlClassesCommon } from './types';
+export declare const selectClassNames: (isMulti: boolean, disabled?: boolean, classes?: Partial<TComboboxControlClassesCommon>) => {
+    dropdownIndicator: () => string;
+    indicatorsContainer: () => string;
+    input: () => string;
+    valueContainer: () => string;
+    control: () => string;
+    container: () => string;
+    menuList: () => string;
+    menu: (state: MenuProps) => string;
+    group: () => string;
+    option: (state: OptionProps) => string;
+    noOptionsMessage: () => string;
+    singleValue: () => string;
+    multiValue: () => string;
+    multiValueLabel: () => string;
+    multiValueRemove: () => string;
+    placeholder: () => string;
+    indicatorSeparator: () => string;
+};

package/dist/shared/ui/formElements/controlled/combobox/model/types.d.ts

@@ -0,0 +1,37 @@
+export type TComboboxControlClasses = TComboboxControlClassesCommon & TComboboxChildClasses & {};
+export type TComboboxControlClassesCommon = {
+    messageCombobox?: string;
+    selectWrapper?: string;
+    dropdownIndicator?: string;
+    indicatorsContainer?: string;
+    inputCombobox?: string;
+    valueContainer?: string;
+    controlCombobox?: string;
+    containerCombobox?: string;
+    menuList?: string;
+    menuCombobox?: string;
+    groupCombobox?: string;
+    menuPortal?: string;
+    optionCombobox?: string;
+    noOptionsMessage?: string;
+    singleValue?: string;
+    multiValue?: string;
+    multiValueLabel?: string;
+    multiValueRemove?: string;
+    placeholderCombobox?: string;
+    indicatorSeparator?: string;
+    fieldLabel?: string;
+    message?: string;
+};
+export type TComboboxChildClasses = TMultiValueRemoveClasses | TComboboxOptionClasses | TDropdownIndicatorClasses;
+export type TMultiValueRemoveClasses = {
+    multiRemoveIcon?: string;
+};
+export type TComboboxOptionClasses = {
+    optionCustom?: string;
+    checkboxIsMulti?: string;
+    checkboxIsMultiIcon?: string;
+};
+export type TDropdownIndicatorClasses = {
+    indicatorIcon?: string;
+};

package/dist/shared/ui/formElements/controlled/combobox/ui/ComboboxOption.d.ts

@@ -0,0 +1,8 @@
+import { OptionProps } from 'react-select';
+import { TComboboxOptionClasses } from '../model/types';
+interface IComboboxOptionProps<Option> extends OptionProps<Option> {
+    classes?: TComboboxOptionClasses;
+    isSelected: boolean;
+}
+export declare const ComboboxOption: <Option>({ isSelected, classes, ...props }: IComboboxOptionProps<Option>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formElements/controlled/combobox/ui/DropdownIndicator.d.ts

@@ -0,0 +1,7 @@
+import { DropdownIndicatorProps } from 'react-select';
+import { TDropdownIndicatorClasses } from '../model/types';
+interface IDropdownIndicatorProps<Option> extends DropdownIndicatorProps<Option> {
+    classes?: TDropdownIndicatorClasses;
+}
+export declare const DropdownIndicator: <Option>({ classes, ...props }: IDropdownIndicatorProps<Option>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formElements/controlled/combobox/ui/MultiValueRemove.d.ts

@@ -0,0 +1,7 @@
+import { MultiValueRemoveProps } from 'react-select';
+import { TMultiValueRemoveClasses } from '../model/types';
+interface IMultiValueRemoveProps extends MultiValueRemoveProps {
+    classes?: TMultiValueRemoveClasses;
+}
+export declare const MultiValueRemove: ({ classes, ...props }: IMultiValueRemoveProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formElements/controlled/combobox/ui/index.d.ts

@@ -0,0 +1,3 @@
+export { ComboboxOption } from './ComboboxOption';
+export { DropdownIndicator } from './DropdownIndicator';
+export { MultiValueRemove } from './MultiValueRemove';

package/dist/shared/ui/formElements/controlled/index.d.ts

@@ -81,4 +81,5 @@ export declare const Controlled: {
         };
         helperText?: string;
     }) => import("react/jsx-runtime").JSX.Element;
+    ComboboxControl: <T extends import('react-hook-form').FieldValues, ValueType>({ options, control, defaultValue, isClearable, label, disabled, placeholder, helperText, noOptionsMessage, size, classes, isMulti, isSearchable, customChange, ...props }: import('./combobox').IComboboxControlProps<T, ValueType>) => import("react/jsx-runtime").JSX.Element;
 };