@itcase/ui 1.1.8 → 1.1.10

package/dist/cjs/components/Code.js

@@ -1,437 +1,18 @@
 'use strict';
 
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
+var Code = require('../Code-ByEr4h2R.js');
+require('../_tslib-CKiUdo7p.js');
+require('../jsx-runtime-BBxmckJR.js');
+require('react');
+require('clsx');
+require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
+require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
-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.default.useState(0), activeInput = _g[0], setActiveInput = _g[1];
-    var inputRefs = React__default.default.useRef([]);
-    var getOTPValue = function () { return (value ? value.toString().split('') : []); };
-    var isInputNum = inputType === 'number' || inputType === 'tel';
-    React__default.default.useEffect(function () {
-        inputRefs.current = inputRefs.current.slice(0, numInputs);
-    }, [numInputs]);
-    React__default.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.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.default.createElement(React__default.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] = React.useState('');
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'inputFill'
-  });
-  const fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_hover_',
-    propsKey: 'inputFillHover'
-  });
-  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'code__input_size_',
-    propsKey: 'inputSize'
-  });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'code__input_shape_',
-    propsKey: 'inputShape'
-  });
-  const textSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text_size_',
-    propsKey: 'inputTextSize'
-  });
-  const textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text-color_',
-    propsKey: 'inputTextColor'
-  });
-  const caretClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'caret-color_',
-    propsKey: 'inputCaretColor'
-  });
-  const placeholderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'placeholder-text-color_',
-    propsKey: 'inputPlaceholderTextColor'
-  });
-  const weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text-weight_',
-    propsKey: 'inputTextWeight'
-  });
-  const borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-width_',
-    propsKey: 'inputBorderWidth'
-  });
-  const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'inputBorderColor'
-  });
-  const borderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-color_hover_',
-    propsKey: 'inputBorderColorHover'
-  });
-  const borderColorFocusClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-color_focus_',
-    propsKey: 'inputBorderFocusColor'
-  });
-  const gapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'gap_',
-    propsKey: 'gap'
-  });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'width_',
-    propsKey: 'width'
-  });
-
-  // NOTE: too many dependencies for "useCallback" and possible too many checks
-  const renderInput = otpInputProps => {
-    return /*#__PURE__*/React__default.default.createElement("input", Object.assign({}, otpInputProps, {
-      autocomplete: "one-time-code",
-      className: clsx__default.default('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);
-      }
-    }));
-  };
-  React.useEffect(() => {
-    onChange && onChange(otp);
-  }, [otp]);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'code', widthClass)
-  }, before, /*#__PURE__*/React__default.default.createElement(OTPInput, {
-    containerStyle: clsx__default.default(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__default.default.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
-    }
-  }
-};
-
-exports.Code = Code;
+exports.Code = Code.Code;

package/dist/cjs/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/cjs/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/cjs/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/cjs/components/ContextMenu/index.d.ts

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

package/dist/cjs/components/ContextMenu.js

@@ -1,39 +1,28 @@
 'use strict';
 
-var ContextMenuItem = require('../ContextMenuItem-DmbSoGn1.js');
+var ContextMenuItem = require('../ContextMenuItem-DocbJZKp.js');
+require('../jsx-runtime-BBxmckJR.js');
 require('react');
-require('prop-types');
 require('clsx');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
+require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../constants/componentProps/shape.js');
-require('../Text-D7Aq1i5R.js');
-require('../jsx-runtime-BCmQOGxJ.js');
+require('../Divider-doetVRw0.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Icon-UBahY607.js');
-require('../Link-BoShjCEw.js');
+require('../Icon-D1v73UhR.js');
+require('../_tslib-CKiUdo7p.js');
 require('react-inlinesvg');
-require('./Tooltip.js');
-require('./Title.js');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/titleSize.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/wrap.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textSize.js');
-require('../Divider-CIYsHYud.js');
+require('../Link-3qPujNn9.js');
+require('../Tooltip-DasmzIDY.js');
+require('../Text-CgYNdSwY.js');
+require('../Title-C3lN-EvU.js');
 
 
 

package/dist/cjs/components/CookiesWarning.js

@@ -4,35 +4,24 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var Cookies = require('js-cookie');
 var clsx = require('clsx');
-var Text = require('../Text-D7Aq1i5R.js');
-var Button = require('../Button-3GkRq8Pv.js');
-var Group = require('../Group-4zWTDvKx.js');
+var Text = require('../Text-CgYNdSwY.js');
+var Button = require('../Button-D7ctQMni.js');
+var Group = require('../Group-C9BxTKs-.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../context/UIContext.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-require('../jsx-runtime-BCmQOGxJ.js');
+require('../jsx-runtime-BBxmckJR.js');
 require('../hooks/useStyles.js');
 require('../hooks/styleAttributes.js');
-require('../Icon-UBahY607.js');
-require('../Link-BoShjCEw.js');
+require('../Icon-D1v73UhR.js');
+require('../_tslib-CKiUdo7p.js');
 require('react-inlinesvg');
-require('./Tooltip.js');
-require('./Title.js');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/titleSize.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/wrap.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textSize.js');
-require('../constants/componentProps/shape.js');
-require('./Loader.js');
+require('../Link-3qPujNn9.js');
+require('../Tooltip-DasmzIDY.js');
+require('../Title-C3lN-EvU.js');
+require('../Loader-CK9zQAPl.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('lodash/castArray');

package/dist/cjs/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/cjs/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/cjs/components/DadataHintField/index.d.ts

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