@mdtl/uikit 0.0.34 → 0.0.36

package/dist/components/AutocompleteSelect/AutocompleteSelect.d.ts

@@ -0,0 +1,65 @@
+import { default as React, FC } from 'react';
+import { TextFieldProps } from '@mui/material/TextField';
+import { default as Autocomplete } from '@mui/material/Autocomplete';
+import { SxProps } from '@mui/system';
+export type Option = {
+    label: string;
+    value: any;
+};
+export type PayloadType = {
+    currentPage: number;
+    itemsPerPage: number;
+    filters?: {
+        operation: unknown;
+        values: string[];
+        fieldName: string;
+    }[];
+};
+type CollectionPageType = {
+    readonly currentPage: number;
+    readonly itemsPerPage: number;
+    readonly totalPages: number;
+    readonly data: Option[];
+};
+export interface IAutocompleteSelectProps {
+    multiple?: boolean;
+    creatable?: boolean;
+    getOptions: (payload: PayloadType) => Promise<CollectionPageType>;
+    onChange: (option: Option | Option[]) => void;
+    value: Option | Option[];
+    /**
+     * Поле fieldName для DataSelectionRequest - используется для поиска; обычно это может быть label/value Option-а
+     */
+    searchFieldName: string;
+    placeholder?: string;
+    invalid?: boolean;
+    disabled?: boolean;
+    tooltip?: string;
+    showTooltip?: boolean;
+    inputSize?: TextFieldProps['size'];
+    /**
+     * перезапрашивать данные каждый раз, когда открываем дропдаун
+     * может быть полезно, если результат getOptions изменится при внешних манипуляциях
+     */
+    fetchOnEachOpen?: boolean;
+    sx?: SxProps;
+    inputLabel?: string;
+    /**
+     * Пропсы для настройки popper
+     */
+    popperProps?: React.ComponentProps<typeof Autocomplete>['slotProps']['popper'];
+    filterOperation: unknown;
+    itemsPerPage: number;
+    reqCatchHandler: (error: unknown) => void;
+}
+/**
+ * Если от бэка получаем строку, которую используем и как label, и как value,
+ * можно использовать функции
+ *
+ * convertAutocompleteValueToFormValueUsingLabel
+ *
+ * convertFormValueToAutocompleteValueUsingLabel
+ */
+export declare const AutocompleteSelect: FC<IAutocompleteSelectProps>;
+declare const _default: React.NamedExoticComponent<IAutocompleteSelectProps>;
+export default _default;

package/dist/components/AutocompleteSelect/MoreChip.d.ts

@@ -0,0 +1,8 @@
+import { Option } from './AutocompleteSelect';
+import { FC, MouseEvent } from 'react';
+interface IMoreChipProps {
+    value: Option[];
+    onClick: (e: MouseEvent<HTMLDivElement>) => void;
+}
+export declare const MoreChip: FC<IMoreChipProps>;
+export {};

package/dist/components/AutocompleteSelect/ValueChip.d.ts

@@ -0,0 +1,9 @@
+import { Option } from './AutocompleteSelect';
+import { FC } from 'react';
+interface IValueChipProps {
+    value: Option;
+    onDelete: () => void;
+    first?: boolean;
+}
+export declare const ValueChip: FC<IValueChipProps>;
+export {};

package/dist/components/AutocompleteSelect/utils.d.ts

@@ -0,0 +1,38 @@
+import { Option, PayloadType } from './AutocompleteSelect';
+/**
+ * Если в форме будем хранить label (и отправлять/получать от бэка - так, например, в простоях), используем
+ * эту функцию
+ *
+ * Преобразует Option | Option[] в string | string[] label-ов
+ *
+ * @param value
+ * @param multiple
+ * @returns
+ */
+export declare const convertAutocompleteValueToFormValueUsingLabel: (value: Option | Option[], multiple?: boolean) => any;
+/**
+ * Если в форме будем хранить label (и отправлять/получать от бэка - так, например, в простоях), используем
+ * эту функцию
+ *
+ * Преобразует string | string[] label-ов в Option | Option[]
+ * @param value
+ * @param multiple
+ * @returns
+ */
+export declare const convertFormValueToAutocompleteValueUsingLabel: (value: unknown, multiple?: boolean) => Option[] | {
+    label: string;
+    value: unknown;
+};
+/**
+ * Функция возвращает ответ для AutocomleteSelect
+ *
+ * Использовать в случае, когда список опций определен на фронте
+ */
+export declare const constructAutocompleteResponseWithDefinedData: (payload: PayloadType, data: Option[]) => {
+    currentPage: number;
+    totalPages: number;
+    totalItems: number;
+    itemsPerPage: number;
+    expressionString: string;
+    data: Option[];
+};

package/dist/components/Stepper/Stepper.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+interface IStepperProps {
+    activeStep: number;
+    steps: {
+        title: string;
+    }[];
+}
+export declare const Stepper: FC<IStepperProps>;
+export {};

package/dist/index.d.ts

@@ -17,4 +17,10 @@ export { ExpandableText } from './components/ExpandableText/ExpandableText';
 export { CustomSwitch } from './components/CustomSwitch/CustomSwitch';
 export { LoadingIndicator } from './components/LoadingIndicator/LoadingIndicator';
 export { Snackbar } from './components/Snackbar/Snackbar';
+export { Stepper } from './components/Stepper/Stepper';
+export { AutocompleteSelect } from './components/AutocompleteSelect/AutocompleteSelect';
+export * from './components/AutocompleteSelect/utils';
+export { calculateRightIconsWidth } from './utils/calculateRightIconsWidth';
 export { generateGuid } from './utils/generateGuid';
+export { getIconsGapSize } from './utils/getIconsGapSize';
+export { getTextRightPadding } from './utils/getTextRightPadding';