@salutejs/plasma-new-hope 0.145.0-canary.1418.10848257808.0 → 0.145.0-canary.1421.10845314144.0

package/styled-components/cjs/components/Mask/utils/processMask.js

@@ -1,99 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.processMask = void 0;
-var _constants = /*#__PURE__*/require("./constants");
-var processMask = exports.processMask = function processMask(data, mask, input, maskChar, maskString, selection) {
-  var value = [];
-  var valueIndex = 0;
-  var pastedIndex = 0;
-  var maskedValue = '';
-  var inputValuesApplied = 0;
-  var processMaskPartAsChar = function processMaskPartAsChar(maskPart, pastedValuesStack, item) {
-    if (pastedValuesStack && pastedValuesStack[0] === maskPart["char"]) {
-      pastedIndex++;
-    } else if (item && (item["char"] === maskPart["char"] || item.type !== _constants.charType.User) || input) {
-      valueIndex++;
-    }
-    value.push({
-      "char": String(maskPart["char"]),
-      type: _constants.charType.Char
-    });
-    if (pastedValuesStack) {
-      inputValuesApplied++;
-    }
-    maskedValue += maskPart["char"];
-  };
-  var processMaskPartAsRegExp = function processMaskPartAsRegExp(maskPart, maskIndex, pastedValuesStack, item) {
-    var _maskPart$regexp2;
-    var part;
-    if (pastedValuesStack) {
-      var i = 0;
-      while (!(maskPart !== null && maskPart !== void 0 && (_maskPart$regexp = maskPart.regexp) !== null && _maskPart$regexp !== void 0 && _maskPart$regexp.test(pastedValuesStack[i])) && pastedValuesStack.length > i) {
-        var _maskPart$regexp;
-        i++;
-        pastedIndex++;
-      }
-      if (pastedValuesStack.length > i) {
-        pastedIndex++;
-        inputValuesApplied++;
-        valueIndex++;
-        part = pastedValuesStack[i];
-        value.push({
-          "char": part,
-          type: _constants.charType.User
-        });
-        maskedValue += part;
-      }
-    }
-    if (part) {
-      return;
-    }
-    if (item && item.type === _constants.charType.Char && data.length > valueIndex + 1) {
-      valueIndex++;
-      processMaskItem(maskPart, maskIndex);
-      return;
-    }
-    if (item && item.type === _constants.charType.User && maskPart !== null && maskPart !== void 0 && (_maskPart$regexp2 = maskPart.regexp) !== null && _maskPart$regexp2 !== void 0 && _maskPart$regexp2.test(item["char"])) {
-      value.push({
-        "char": item["char"],
-        type: _constants.charType.User
-      });
-      maskedValue += item["char"];
-      valueIndex++;
-      return;
-    }
-    part = maskString ? maskString[maskIndex] : maskChar;
-    value.push({
-      "char": part,
-      type: _constants.charType.Mask
-    });
-    if (data.length > maskIndex) {
-      valueIndex++;
-    }
-    maskedValue += part;
-  };
-  var processMaskItem = function processMaskItem(maskPart, maskIndex) {
-    var item = data.length > valueIndex ? data[valueIndex] : null;
-    var pastedValuesStack = '';
-    if (selection.start <= maskIndex && pastedIndex < input.length) {
-      pastedValuesStack = input.slice(pastedIndex);
-    }
-    if (maskPart["char"]) {
-      return processMaskPartAsChar(maskPart, pastedValuesStack, item);
-    }
-    if (maskPart.regexp) {
-      return processMaskPartAsRegExp(maskPart, maskIndex, pastedValuesStack, item);
-    }
-  };
-  mask.forEach(function (maskPart, maskIndex) {
-    processMaskItem(maskPart, maskIndex);
-  });
-  return {
-    value: value,
-    maskedValue: maskedValue,
-    inputValuesApplied: inputValuesApplied
-  };
-};

package/styled-components/cjs/components/Mask/utils/selection.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.removeSelectedRange = void 0;
-var _constants = /*#__PURE__*/require("./constants");
-var copyMaskChar = function copyMaskChar(count, maskChar) {
-  var res = [];
-  for (var i = 0; i < count; i++) {
-    res.push({
-      "char": maskChar,
-      type: _constants.charType.Mask
-    });
-  }
-  return res;
-};
-var pasteMaskSymbols = function pasteMaskSymbols(maskString, maskChar, selection) {
-  if (maskString) {
-    var res = [];
-    for (var i = selection.start; i < selection.end; i++) {
-      res.push({
-        "char": maskString[i],
-        type: _constants.charType.Mask
-      });
-    }
-    return res;
-  }
-  return copyMaskChar(selection.end - selection.start, maskChar);
-};
-var removeSelectedRange = exports.removeSelectedRange = function removeSelectedRange(args) {
-  var value = args.value,
-    selection = args.selection,
-    maskChar = args.maskChar,
-    maskString = args.maskString;
-  if (selection.end < selection.start) {
-    var tmp = selection.end;
-    selection.end = selection.start;
-    selection.start = tmp;
-  }
-  if (selection.start === selection.end) {
-    return value;
-  }
-  if (value.length > selection.start) {
-    return value.slice(0, selection.start).concat(pasteMaskSymbols(maskString, maskChar, selection), value.slice(selection.end, value.length));
-  }
-  return value;
-};

package/styled-components/cjs/examples/plasma_b2c/components/Mask/Mask.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Mask = void 0;
-var _Mask = /*#__PURE__*/require("../../../../components/Mask");
-var _TextField = /*#__PURE__*/require("../TextField/TextField");
-var Mask = exports.Mask = /*#__PURE__*/(0, _Mask.composeMask)(_TextField.TextField);

package/styled-components/cjs/examples/plasma_b2c/components/Mask/Mask.stories.tsx

@@ -1,125 +0,0 @@
-import React from 'react';
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-
-import { WithTheme } from '../../../_helpers';
-
-import { Mask } from './Mask';
-
-const onChange = action('onChange');
-
-const sizes = ['l', 'm', 's', 'xs'];
-const views = ['default', 'positive', 'warning', 'negative'];
-
-const meta: Meta<typeof Mask> = {
-    title: 'plasma_b2c/Mask',
-    component: Mask,
-    decorators: [WithTheme],
-    argTypes: {
-        view: {
-            options: views,
-            control: {
-                type: 'select',
-            },
-        },
-        size: {
-            options: sizes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-    },
-};
-
-export default meta;
-
-type StoryPropsDefault = Omit<
-    ComponentProps<typeof Mask>,
-    | 'helperBlock'
-    | 'contentLeft'
-    | 'htmlSize'
-    | 'contentRight'
-    | 'type'
-    | 'name'
-    | 'onFocus'
-    | 'onBlur'
-    | 'onChange'
-    | 'value'
-    | 'checked'
-    | 'maxLength'
-    | 'minLength'
-    | 'required'
-    | 'enumerationType'
-    | 'chips'
-    | 'onChangeChips'
->;
-
-const StoryDemo = ({ view, ...rest }: StoryPropsDefault) => {
-    return (
-        <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem', width: '50%' }}>
-            <Mask
-                label="Маска телефона"
-                mask="+7 (000) 000 - 00 - 00"
-                maskChar="_"
-                showPrefix={false}
-                view={view}
-                onChange={onChange}
-                {...rest}
-            />
-
-            <Mask
-                label="Маска телефона: отображается всегда"
-                mask="+7 (000) 000 - 00 - 00"
-                maskChar="_"
-                view={view}
-                alwaysShowMask
-                onChange={onChange}
-                {...rest}
-            />
-
-            <Mask
-                label="Маска даты"
-                mask="00/00/0000"
-                maskString="DD/MM/YYYY"
-                alwaysShowMask
-                view={view}
-                onChange={onChange}
-                {...rest}
-            />
-
-            <Mask
-                label="Маска даты: значения по умолчанию"
-                // eslint-disable-next-line no-octal-escape
-                mask="12.\04.0000"
-                maskChar="_"
-                alwaysShowMask
-                view={view}
-                onChange={onChange}
-                {...rest}
-            />
-
-            <Mask
-                label="Маска времени"
-                mask="00:00"
-                maskChar="_"
-                alwaysShowMask
-                view={view}
-                onChange={onChange}
-                {...rest}
-            />
-        </div>
-    );
-};
-
-export const Default: StoryObj<StoryPropsDefault> = {
-    args: {
-        size: 'l',
-        view: 'default',
-        labelPlacement: 'outer',
-        placeholder: 'Заполните поле',
-        disabled: false,
-        readOnly: false,
-    },
-    render: (args) => <StoryDemo {...args} />,
-};

package/styled-components/es/components/Mask/Mask.js

@@ -1,205 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["mask", "maskChar", "alwaysShowMask", "maskString", "showPrefix", "value", "defaultValue", "showMask", "onChange", "onBlur", "onFocus", "reformat"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
-import { useForkRef } from '@salutejs/plasma-core';
-import { useDidMountEffect } from '../../hooks';
-import { createMask, defaults } from './utils/createMask';
-import { keyboardCode } from './utils/constants';
-export var composeMask = function composeMask(InputComponent) {
-  return /*#__PURE__*/forwardRef(function (props, outerRef) {
-    var maskValue = props.mask,
-      maskChar = props.maskChar,
-      alwaysShowMask = props.alwaysShowMask,
-      maskString = props.maskString,
-      showPrefix = props.showPrefix,
-      value = props.value,
-      defaultValue = props.defaultValue,
-      showMaskedValue = props.showMask,
-      onChange = props.onChange,
-      onBlur = props.onBlur,
-      onFocus = props.onFocus,
-      reformat = props.reformat,
-      rest = _objectWithoutProperties(props, _excluded);
-    var _useState = useState(alwaysShowMask || showMaskedValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      showMask = _useState2[0],
-      setShowMask = _useState2[1];
-    var mask = useMemo(function () {
-      return createMask({
-        value: String(value) || String(defaultValue) || '',
-        mask: maskValue,
-        maskChar: maskChar || defaults.maskChar,
-        maskString: maskString,
-        showPrefix: showPrefix || defaults.showPrefix,
-        reformat: reformat
-      });
-    }, []);
-    var canSetSelection = useRef(false);
-    var inputRef = useRef(null);
-    var innerRef = useForkRef(inputRef, outerRef);
-    var getSelection = function getSelection() {
-      var _inputRef$current, _inputRef$current2;
-      mask.setSelection = {
-        start: (inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.selectionStart) || 0,
-        end: (inputRef === null || inputRef === void 0 || (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.selectionEnd) || 0
-      };
-    };
-    var setSelection = function setSelection() {
-      var _inputRef$current3;
-      if (!canSetSelection.current) {
-        return;
-      }
-      var selection = mask.getSelection;
-      inputRef === null || inputRef === void 0 || (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.setSelectionRange(selection.start, selection.end);
-      setTimeout(function () {
-        var _inputRef$current4;
-        return inputRef === null || inputRef === void 0 || (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.setSelectionRange(selection.start, selection.end);
-      }, 0);
-    };
-    var showValue = function showValue() {
-      if (!(inputRef !== null && inputRef !== void 0 && inputRef.current)) {
-        return;
-      }
-      if (showMask && (canSetSelection.current || alwaysShowMask)) {
-        inputRef.current.value = mask.getState.maskedValue;
-        return;
-      }
-      inputRef.current.value = mask.getState.visibleValue;
-    };
-    var keyPressPropName = function keyPressPropName() {
-      if (typeof navigator !== 'undefined' && navigator.userAgent.match(/Android/i)) {
-        return 'onBeforeInput';
-      }
-      return 'onKeyPress';
-    };
-    var dispatchEvent = function dispatchEvent(e) {
-      var _mask$getState = mask.getState,
-        maskedValue = _mask$getState.maskedValue,
-        visibleValue = _mask$getState.visibleValue;
-      if (onChange) {
-        onChange(e, {
-          maskedValue: maskedValue,
-          value: visibleValue
-        });
-      }
-    };
-    var onPaste = function onPaste(e) {
-      e.preventDefault();
-      getSelection();
-      if (!(e !== null && e !== void 0 && e.clipboardData)) {
-        return;
-      }
-      mask.paste(e.clipboardData.getData('Text'));
-      setTimeout(setSelection, 0);
-      dispatchEvent(e);
-    };
-    var handleChange = function handleChange(e) {
-      var currentValue;
-      if (showMask && (canSetSelection.current || alwaysShowMask)) {
-        currentValue = mask.getState.maskedValue;
-      } else {
-        currentValue = mask.getState.visibleValue;
-      }
-      if (e.target.value !== currentValue) {
-        getSelection();
-        mask.updateValue(e.target.value);
-        setTimeout(setSelection, 0);
-      }
-      dispatchEvent(e);
-    };
-    var onKeyPress = function onKeyPress(e) {
-      if (e.metaKey || e.altKey || e.ctrlKey || e.key === 'Enter') {
-        return;
-      }
-      e.preventDefault();
-      getSelection();
-      mask.input(e.key || String.fromCharCode(e.which));
-      setSelection();
-      dispatchEvent(e);
-    };
-    var onKeyDown = function onKeyDown(e) {
-      if (e.code === keyboardCode.Backspace) {
-        e.preventDefault();
-        getSelection();
-        mask.removePreviousOrSelected();
-        setSelection();
-        dispatchEvent(e);
-      }
-      if (e.code === keyboardCode.Delete) {
-        e.preventDefault();
-        getSelection();
-        mask.removeNextOrSelected();
-        setSelection();
-        dispatchEvent(e);
-      }
-    };
-    var handleFocus = function handleFocus(e) {
-      canSetSelection.current = true;
-      if (onFocus) {
-        onFocus(e);
-      }
-    };
-    var handleBlur = function handleBlur(e) {
-      canSetSelection.current = false;
-      if (onBlur) {
-        onBlur(e);
-      }
-    };
-    var keyPressEvent = _defineProperty({}, keyPressPropName(), onKeyPress);
-    useDidMountEffect(function () {
-      setShowMask(alwaysShowMask || showMask);
-    }, [alwaysShowMask, showMask]);
-    useDidMountEffect(function () {
-      if (reformat) {
-        mask.updateReformat(reformat);
-      }
-    }, [reformat]);
-    useDidMountEffect(function () {
-      mask.updateMask(String(mask));
-    }, [mask]);
-    useDidMountEffect(function () {
-      mask.updateMaskString(String(maskString));
-    }, [maskString]);
-    useDidMountEffect(function () {
-      mask.updateMaskChar(String(maskChar));
-    }, [maskChar]);
-    useDidMountEffect(function () {
-      mask.updateValue(String(value));
-    }, [value]);
-    useEffect(function () {
-      showValue();
-    }, [showValue, mask]);
-    useEffect(function () {
-      var subscriber = function subscriber() {
-        showValue();
-        setSelection();
-      };
-      mask.subscribe(subscriber);
-      return function () {
-        mask.unsubscribe(subscriber);
-      };
-    }, [mask, showValue, setSelection]);
-    return /*#__PURE__*/React.createElement(InputComponent, _extends({}, rest, {
-      onChange: handleChange,
-      onKeyDown: onKeyDown,
-      onPaste: onPaste,
-      onFocus: handleFocus,
-      onBlur: handleBlur
-    }, keyPressEvent, {
-      ref: innerRef,
-      autoComplete: "off"
-    }));
-  });
-};

package/styled-components/es/components/Mask/index.js

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

package/styled-components/es/components/Mask/utils/constants.js

@@ -1,23 +0,0 @@
-export var charType = {
-  User: 1,
-  Char: 2,
-  Mask: 3
-};
-export var keyboardCode = {
-  Backspace: 'Backspace',
-  Delete: 'Delete'
-};
-export var escapeChar = '\\';
-export var defaultFormatChars = [{
-  str: '0',
-  regexp: /[0-9]/
-}, {
-  str: '*',
-  regexp: /./
-}, {
-  str: 'a',
-  regexp: /[a-zA-Z]/
-}, {
-  str: 'я',
-  regexp: /[а-яА-ЯёЁ]/
-}];

package/styled-components/es/components/Mask/utils/createMask.js

@@ -1,44 +0,0 @@
-import { defaultFormatChars } from './constants';
-import { Mask } from './mask';
-import { removeSelectedRange } from './selection';
-export var defaults = {
-  maskFormat: defaultFormatChars,
-  maskChar: '',
-  showMask: false,
-  removeSelectedRange: removeSelectedRange,
-  showPrefix: false
-};
-export var createMask = function createMask(params) {
-  var _params$mask;
-  var maskString = params.maskString,
-    _params$showPrefix = params.showPrefix,
-    showPrefix = _params$showPrefix === void 0 ? defaults.showPrefix : _params$showPrefix,
-    _params$maskChar = params.maskChar,
-    maskChar = _params$maskChar === void 0 ? defaults.maskChar : _params$maskChar,
-    reformat = params.reformat;
-  var resReformat = reformat;
-  if (!reformat && !params.mask) {
-    resReformat = function resReformat(args) {
-      var str = args.value.map(function (item) {
-        return item["char"];
-      }).join('');
-      return {
-        value: args.value,
-        visibleValue: str,
-        maskedValue: str,
-        selection: args.selection
-      };
-    };
-  } else if (reformat && params.mask) {
-    params.mask = undefined;
-  }
-  if (maskString && maskString.length !== (params === null || params === void 0 || (_params$mask = params.mask) === null || _params$mask === void 0 ? void 0 : _params$mask.length)) {
-    throw new Error('maskString должна быть такой же длины, как и mask');
-  }
-  if (maskChar.length > 1) {
-    throw new Error('maskChar должен содержать только 1 символ');
-  }
-  var mask = new Mask(showPrefix, maskChar, maskString, resReformat);
-  mask.updateMask(params.mask);
-  return mask;
-};