@itcase/ui 1.1.9 → 1.1.10

package/dist/components/Code.js

@@ -1,429 +1,12 @@
-import React__default, { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+export { C as Code } from '../Code-DkWVSDOy.js';
+import '../_tslib-S-VPg1Cw.js';
+import '../jsx-runtime-C2uP7l8s.js';
+import 'react';
+import 'clsx';
+import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
+import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-
-var isStyleObject = function (obj) { return typeof obj === 'object' && obj !== null; };
-var OTPInput = function (_a) {
-    var _b = _a.value, value = _b === void 0 ? '' : _b, _c = _a.numInputs, numInputs = _c === void 0 ? 4 : _c, onChange = _a.onChange, onPaste = _a.onPaste, renderInput = _a.renderInput, _d = _a.shouldAutoFocus, shouldAutoFocus = _d === void 0 ? false : _d, _e = _a.inputType, inputType = _e === void 0 ? 'text' : _e, renderSeparator = _a.renderSeparator, placeholder = _a.placeholder, containerStyle = _a.containerStyle, inputStyle = _a.inputStyle, _f = _a.skipDefaultStyles, skipDefaultStyles = _f === void 0 ? false : _f;
-    var _g = React__default.useState(0), activeInput = _g[0], setActiveInput = _g[1];
-    var inputRefs = React__default.useRef([]);
-    var getOTPValue = function () { return (value ? value.toString().split('') : []); };
-    var isInputNum = inputType === 'number' || inputType === 'tel';
-    React__default.useEffect(function () {
-        inputRefs.current = inputRefs.current.slice(0, numInputs);
-    }, [numInputs]);
-    React__default.useEffect(function () {
-        var _a;
-        if (shouldAutoFocus) {
-            (_a = inputRefs.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    }, [shouldAutoFocus]);
-    var getPlaceholderValue = function () {
-        if (typeof placeholder === 'string') {
-            if (placeholder.length === numInputs) {
-                return placeholder;
-            }
-            if (placeholder.length > 0) {
-                console.error('Length of the placeholder should be equal to the number of inputs.');
-            }
-        }
-        return undefined;
-    };
-    var isInputValueValid = function (value) {
-        var isTypeValid = isInputNum ? !isNaN(Number(value)) : typeof value === 'string';
-        return isTypeValid && value.trim().length === 1;
-    };
-    var handleChange = function (event) {
-        var value = event.target.value;
-        if (isInputValueValid(value)) {
-            changeCodeAtFocus(value);
-            focusInput(activeInput + 1);
-        }
-    };
-    var handleInputChange = function (event) {
-        var nativeEvent = event.nativeEvent;
-        var value = event.target.value;
-        if (!isInputValueValid(value)) {
-            // Pasting from the native autofill suggestion on a mobile device can pass
-            // the pasted string as one long input to one of the cells. This ensures
-            // that we handle the full input and not just the first character.
-            if (value.length === numInputs) {
-                var hasInvalidInput = value.split('').some(function (cellInput) { return !isInputValueValid(cellInput); });
-                if (!hasInvalidInput) {
-                    handleOTPChange(value.split(''));
-                    focusInput(numInputs - 1);
-                }
-            }
-            // @ts-expect-error - This was added previously to handle and edge case
-            // for dealing with keyCode "229 Unidentified" on Android. Check if this is
-            // still needed.
-            if (nativeEvent.data === null && nativeEvent.inputType === 'deleteContentBackward') {
-                event.preventDefault();
-                changeCodeAtFocus('');
-                focusInput(activeInput - 1);
-            }
-            // Clear the input if it's not valid value because firefox allows
-            // pasting non-numeric characters in a number type input
-            event.target.value = '';
-        }
-    };
-    var handleFocus = function (event) { return function (index) {
-        setActiveInput(index);
-        event.target.select();
-    }; };
-    var handleBlur = function () {
-        setActiveInput(activeInput - 1);
-    };
-    var handleKeyDown = function (event) {
-        var otp = getOTPValue();
-        if ([event.code, event.key].includes('Backspace')) {
-            event.preventDefault();
-            changeCodeAtFocus('');
-            focusInput(activeInput - 1);
-        }
-        else if (event.code === 'Delete') {
-            event.preventDefault();
-            changeCodeAtFocus('');
-        }
-        else if (event.code === 'ArrowLeft') {
-            event.preventDefault();
-            focusInput(activeInput - 1);
-        }
-        else if (event.code === 'ArrowRight') {
-            event.preventDefault();
-            focusInput(activeInput + 1);
-        }
-        // React does not trigger onChange when the same value is entered
-        // again. So we need to focus the next input manually in this case.
-        else if (event.key === otp[activeInput]) {
-            event.preventDefault();
-            focusInput(activeInput + 1);
-        }
-        else if (event.code === 'Spacebar' ||
-            event.code === 'Space' ||
-            event.code === 'ArrowUp' ||
-            event.code === 'ArrowDown') {
-            event.preventDefault();
-        }
-    };
-    var focusInput = function (index) {
-        var _a, _b;
-        var activeInput = Math.max(Math.min(numInputs - 1, index), 0);
-        if (inputRefs.current[activeInput]) {
-            (_a = inputRefs.current[activeInput]) === null || _a === void 0 ? void 0 : _a.focus();
-            (_b = inputRefs.current[activeInput]) === null || _b === void 0 ? void 0 : _b.select();
-            setActiveInput(activeInput);
-        }
-    };
-    var changeCodeAtFocus = function (value) {
-        var otp = getOTPValue();
-        otp[activeInput] = value[0];
-        handleOTPChange(otp);
-    };
-    var handleOTPChange = function (otp) {
-        var otpValue = otp.join('');
-        onChange(otpValue);
-    };
-    var handlePaste = function (event) {
-        var _a;
-        event.preventDefault();
-        var otp = getOTPValue();
-        var nextActiveInput = activeInput;
-        // Get pastedData in an array of max size (num of inputs - current position)
-        var pastedData = event.clipboardData
-            .getData('text/plain')
-            .slice(0, numInputs - activeInput)
-            .split('');
-        // Prevent pasting if the clipboard data contains non-numeric values for number inputs
-        if (isInputNum && pastedData.some(function (value) { return isNaN(Number(value)); })) {
-            return;
-        }
-        // Paste data from focused input onwards
-        for (var pos = 0; pos < numInputs; ++pos) {
-            if (pos >= activeInput && pastedData.length > 0) {
-                otp[pos] = (_a = pastedData.shift()) !== null && _a !== void 0 ? _a : '';
-                nextActiveInput++;
-            }
-        }
-        focusInput(nextActiveInput);
-        handleOTPChange(otp);
-    };
-    return (React__default.createElement("div", { style: Object.assign({ display: 'flex', alignItems: 'center' }, isStyleObject(containerStyle) && containerStyle), className: typeof containerStyle === 'string' ? containerStyle : undefined, onPaste: onPaste }, Array.from({ length: numInputs }, function (_, index) { return index; }).map(function (index) {
-        var _a, _b, _c;
-        return (React__default.createElement(React__default.Fragment, { key: index },
-            renderInput({
-                value: (_a = getOTPValue()[index]) !== null && _a !== void 0 ? _a : '',
-                placeholder: (_c = (_b = getPlaceholderValue()) === null || _b === void 0 ? void 0 : _b[index]) !== null && _c !== void 0 ? _c : undefined,
-                ref: function (element) { return (inputRefs.current[index] = element); },
-                onChange: handleChange,
-                onFocus: function (event) { return handleFocus(event)(index); },
-                onBlur: handleBlur,
-                onKeyDown: handleKeyDown,
-                onPaste: handlePaste,
-                autoComplete: 'off',
-                'aria-label': "Please enter OTP character ".concat(index + 1),
-                style: Object.assign(!skipDefaultStyles ? { width: '1em', textAlign: 'center' } : {}, isStyleObject(inputStyle) ? inputStyle : {}),
-                className: typeof inputStyle === 'string' ? inputStyle : undefined,
-                type: inputType,
-                inputMode: isInputNum ? 'numeric' : 'text',
-                onInput: handleInputChange,
-            }, index),
-            index < numInputs - 1 && (typeof renderSeparator === 'function' ? renderSeparator(index) : renderSeparator)));
-    })));
-};
-
-function Code(props) {
-  const {
-    className,
-    inputPlaceholder,
-    inputAutoFocus,
-    inputCount,
-    inputType,
-    before,
-    after,
-    separatorComponent,
-    onBlur,
-    onChange,
-    onFocus
-  } = props;
-  const [otp, setOtp] = useState('');
-  const fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'inputFill'
-  });
-  const fillHoverClass = useDeviceTargetClass(props, {
-    prefix: 'fill_hover_',
-    propsKey: 'inputFillHover'
-  });
-  const sizeClass = useDeviceTargetClass(props, {
-    prefix: 'code__input_size_',
-    propsKey: 'inputSize'
-  });
-  const shapeClass = useDeviceTargetClass(props, {
-    prefix: 'code__input_shape_',
-    propsKey: 'inputShape'
-  });
-  const textSizeClass = useDeviceTargetClass(props, {
-    prefix: 'text_size_',
-    propsKey: 'inputTextSize'
-  });
-  const textColorClass = useDeviceTargetClass(props, {
-    prefix: 'text-color_',
-    propsKey: 'inputTextColor'
-  });
-  const caretClass = useDeviceTargetClass(props, {
-    prefix: 'caret-color_',
-    propsKey: 'inputCaretColor'
-  });
-  const placeholderClass = useDeviceTargetClass(props, {
-    prefix: 'placeholder-text-color_',
-    propsKey: 'inputPlaceholderTextColor'
-  });
-  const weightClass = useDeviceTargetClass(props, {
-    prefix: 'text-weight_',
-    propsKey: 'inputTextWeight'
-  });
-  const borderWidthClass = useDeviceTargetClass(props, {
-    prefix: 'border-width_',
-    propsKey: 'inputBorderWidth'
-  });
-  const borderColorClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'inputBorderColor'
-  });
-  const borderColorHoverClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_hover_',
-    propsKey: 'inputBorderColorHover'
-  });
-  const borderColorFocusClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_focus_',
-    propsKey: 'inputBorderFocusColor'
-  });
-  const gapClass = useDeviceTargetClass(props, {
-    prefix: 'gap_',
-    propsKey: 'gap'
-  });
-  const widthClass = useDeviceTargetClass(props, {
-    prefix: 'width_',
-    propsKey: 'width'
-  });
-
-  // NOTE: too many dependencies for "useCallback" and possible too many checks
-  const renderInput = otpInputProps => {
-    return /*#__PURE__*/React__default.createElement("input", Object.assign({}, otpInputProps, {
-      autocomplete: "one-time-code",
-      className: clsx('code__input', caretClass, fillClass, fillHoverClass, placeholderClass, shapeClass, textSizeClass, textColorClass, weightClass, borderWidthClass, borderColorClass, borderColorHoverClass, borderColorFocusClass, sizeClass, fillClass),
-      onBlur: event => {
-        onBlur && onBlur(event);
-        otpInputProps.onBlur(event);
-      },
-      onFocus: event => {
-        onFocus && onFocus(event);
-        otpInputProps.onFocus(event);
-      }
-    }));
-  };
-  useEffect(() => {
-    onChange && onChange(otp);
-  }, [otp]);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: clsx(className, 'code', widthClass)
-  }, before, /*#__PURE__*/React__default.createElement(OTPInput, {
-    containerStyle: clsx(className, 'code__wrapper', gapClass),
-    inputType: inputType,
-    numInputs: inputCount,
-    placeholder: inputPlaceholder,
-    renderInput: renderInput,
-    renderSeparator: separatorComponent || null,
-    shouldAutoFocus: inputAutoFocus,
-    value: otp,
-    onChange: setOtp
-  }), after);
-}
-Code.propTypes = {
-  value: PropTypes.number
-};
-Code.defaultProps = {
-  inputCount: 6,
-  gap: 12,
-  inputType: 'number',
-  inputSize: 'normal',
-  inputBorderWidth: 1,
-  inputPlaceholder: 0,
-  inputBorderColor: 'surfaceBorderTertiary',
-  inputBorderColorHover: 'surfaceBorderQuaternary',
-  inputBorderFocusColor: 'surfaceBorderAccent',
-  inputFill: 'surfacePrimary',
-  inputFillHover: 'surfaceSecondary',
-  inputShape: 'rounded',
-  inputTextColor: 'surfaceTextPrimary',
-  inputTextSize: 'xxl',
-  inputCaretColor: 'surfaceItemAccent'
-};
-Code.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Code",
-  "props": {
-    "inputCount": {
-      "defaultValue": {
-        "value": "6",
-        "computed": false
-      },
-      "required": false
-    },
-    "gap": {
-      "defaultValue": {
-        "value": "12",
-        "computed": false
-      },
-      "required": false
-    },
-    "inputType": {
-      "defaultValue": {
-        "value": "'number'",
-        "computed": false
-      },
-      "required": false
-    },
-    "inputSize": {
-      "defaultValue": {
-        "value": "'normal'",
-        "computed": false
-      },
-      "required": false
-    },
-    "inputBorderWidth": {
-      "defaultValue": {
-        "value": "1",
-        "computed": false
-      },
-      "required": false
-    },
-    "inputPlaceholder": {
-      "defaultValue": {
-        "value": "0",
-        "computed": false
-      },
-      "required": false
-    },
-    "inputBorderColor": {
-      "defaultValue": {
-        "value": "'surfaceBorderTertiary'",
-        "computed": false
-      },
-      "required": false
-    },
-    "inputBorderColorHover": {
-      "defaultValue": {
-        "value": "'surfaceBorderQuaternary'",
-        "computed": false
-      },
-      "required": false
-    },
-    "inputBorderFocusColor": {
-      "defaultValue": {
-        "value": "'surfaceBorderAccent'",
-        "computed": false
-      },
-      "required": false
-    },
-    "inputFill": {
-      "defaultValue": {
-        "value": "'surfacePrimary'",
-        "computed": false
-      },
-      "required": false
-    },
-    "inputFillHover": {
-      "defaultValue": {
-        "value": "'surfaceSecondary'",
-        "computed": false
-      },
-      "required": false
-    },
-    "inputShape": {
-      "defaultValue": {
-        "value": "'rounded'",
-        "computed": false
-      },
-      "required": false
-    },
-    "inputTextColor": {
-      "defaultValue": {
-        "value": "'surfaceTextPrimary'",
-        "computed": false
-      },
-      "required": false
-    },
-    "inputTextSize": {
-      "defaultValue": {
-        "value": "'xxl'",
-        "computed": false
-      },
-      "required": false
-    },
-    "inputCaretColor": {
-      "defaultValue": {
-        "value": "'surfaceItemAccent'",
-        "computed": false
-      },
-      "required": false
-    },
-    "value": {
-      "description": "",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    }
-  }
-};
-
-export { Code };

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,8 @@
+import { IContextMenuProps } from './ContextMenu.interface';
+declare function ContextMenu(props: IContextMenuProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenu {
+    var defaultProps: {
+        tag: string;
+    };
+}
+export { ContextMenu };

package/dist/components/ContextMenu/ContextMenu.interface.d.ts

@@ -0,0 +1,36 @@
+import type { MouseEventHandler, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { directionPropsType, fillPropsType, iconSizePropsType, shapePropsType, sizePropsType, textColorPropsType, textSizePropsType, textWeightPropsType } from '../../types';
+export interface IContextMenuItemProps extends TypeStyleAttributes {
+    children?: ReactNode;
+    className?: string;
+    dividerDirection?: directionPropsType;
+    dividerFill?: fillPropsType;
+    dividerSize?: sizePropsType;
+    dividerWidth?: string;
+    iconAfter?: any;
+    iconAfterBgFill?: fillPropsType;
+    iconAfterFill?: fillPropsType;
+    iconAfterSize?: iconSizePropsType;
+    iconBefore?: any;
+    iconBeforeBgFill?: fillPropsType;
+    iconBeforeFill?: fillPropsType;
+    iconBeforeSize?: iconSizePropsType;
+    id?: string;
+    label?: string;
+    labelTextColor?: textColorPropsType;
+    labelTextSize?: textSizePropsType;
+    labelTextWeight?: textWeightPropsType;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+}
+export interface IContextMenuProps extends TypeStyleAttributes {
+    children?: ReactNode;
+    className?: string;
+    id?: string;
+    set?: string;
+    shape?: shapePropsType;
+    shapeDesktop?: shapePropsType;
+    shapeMobile?: shapePropsType;
+    shapeTablet?: shapePropsType;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+}

package/dist/components/ContextMenu/ContextMenuItem.d.ts

@@ -0,0 +1,3 @@
+import { IContextMenuItemProps } from './ContextMenu.interface';
+declare function ContextMenuItem(props: IContextMenuItemProps): import("react/jsx-runtime").JSX.Element;
+export { ContextMenuItem };

package/dist/components/ContextMenu/index.d.ts

@@ -0,0 +1,3 @@
+import { ContextMenu } from './ContextMenu';
+import { ContextMenuItem } from './ContextMenuItem';
+export { ContextMenu, ContextMenuItem };

package/dist/components/ContextMenu.js

@@ -1,34 +1,23 @@
-export { C as ContextMenu, a as ContextMenuItem } from '../ContextMenuItem-BPqsjmSA.js';
+export { C as ContextMenu, a as ContextMenuItem } from '../ContextMenuItem-DjDhhmjF.js';
+import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
-import 'prop-types';
 import 'clsx';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
+import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../constants/componentProps/shape.js';
-import '../Text-BcGbRc14.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+import '../Divider-D0TEKxHr.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-Dn2eEZvb.js';
-import '../Link-ByBzBRDH.js';
+import '../Icon-C1j6rkeI.js';
+import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
-import './Tooltip.js';
-import './Title.js';
-import '../constants/componentProps/fill.js';
-import '../constants/componentProps/textAlign.js';
-import '../constants/componentProps/textColor.js';
-import '../constants/componentProps/textGradient.js';
-import '../constants/componentProps/textStyle.js';
-import '../constants/componentProps/textWeight.js';
-import '../constants/componentProps/titleSize.js';
-import '../constants/componentProps/type.js';
-import '../constants/componentProps/wrap.js';
-import '../constants/componentProps/size.js';
-import '../constants/componentProps/textSize.js';
-import '../Divider-BlBwMHgl.js';
+import '../Link-CbCqej5B.js';
+import '../Tooltip-jT5A43he.js';
+import '../Text-edtauAM6.js';
+import '../Title-BUN57fWw.js';

package/dist/components/CookiesWarning.js

@@ -2,35 +2,24 @@ import React__default, { useRef, useMemo, useCallback, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import Cookies from 'js-cookie';
 import clsx from 'clsx';
-import { T as Text } from '../Text-BcGbRc14.js';
-import { B as Button } from '../Button-B7vbiqrJ.js';
-import { G as Group } from '../Group-fbVPmr8W.js';
+import { T as Text } from '../Text-edtauAM6.js';
+import { B as Button } from '../Button-CyO_Wl49.js';
+import { G as Group } from '../Group-C2kJKhWJ.js';
 import 'lodash/camelCase';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../context/UIContext.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+import '../jsx-runtime-C2uP7l8s.js';
 import '../hooks/useStyles.js';
 import '../hooks/styleAttributes.js';
-import '../Icon-Dn2eEZvb.js';
-import '../Link-ByBzBRDH.js';
+import '../Icon-C1j6rkeI.js';
+import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
-import './Tooltip.js';
-import './Title.js';
-import '../constants/componentProps/fill.js';
-import '../constants/componentProps/textAlign.js';
-import '../constants/componentProps/textColor.js';
-import '../constants/componentProps/textGradient.js';
-import '../constants/componentProps/textStyle.js';
-import '../constants/componentProps/textWeight.js';
-import '../constants/componentProps/titleSize.js';
-import '../constants/componentProps/type.js';
-import '../constants/componentProps/wrap.js';
-import '../constants/componentProps/size.js';
-import '../constants/componentProps/textSize.js';
-import '../constants/componentProps/shape.js';
-import './Loader.js';
+import '../Link-CbCqej5B.js';
+import '../Tooltip-jT5A43he.js';
+import '../Title-BUN57fWw.js';
+import '../Loader-BUgSIcId.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/castArray';

package/dist/components/DadataHintField/DadataHintField.d.ts

@@ -0,0 +1,3 @@
+import { IDadataHintFieldProps } from './DadataHintField.interface';
+declare function DadataHintField(props: IDadataHintFieldProps): import("react/jsx-runtime").JSX.Element;
+export { DadataHintField };

package/dist/components/DadataHintField/DadataHintField.interface.d.ts

@@ -0,0 +1,14 @@
+import { HTMLProps } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import '../../types';
+export interface IDadataHintFieldProps extends TypeStyleAttributes {
+    delay?: number;
+    inputProps?: HTMLProps<HTMLInputElement>;
+    setValue?: () => void;
+    input?: any;
+    meta?: any;
+    token: string;
+}
+export interface IDadataСustomInputProps extends TypeStyleAttributes {
+    inputValue?: string;
+}

package/dist/components/DadataHintField/index.d.ts

@@ -0,0 +1 @@
+export { DadataHintField } from './DadataHintField';