@salutejs/plasma-new-hope 0.144.0-canary.1418.10833167538.0 → 0.144.0-canary.1430.10832391195.0

package/emotion/es/components/Mask/utils/selection.js

@@ -1,42 +0,0 @@
-import { CharType } from './constants';
-var copyMaskChar = function copyMaskChar(count, maskChar) {
-  var res = [];
-  for (var i = 0; i < count; i++) {
-    res.push({
-      "char": maskChar,
-      type: 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: CharType.Mask
-      });
-    }
-    return res;
-  }
-  return copyMaskChar(selection.end - selection.start, maskChar);
-};
-export var 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/emotion/es/components/Mask/utils/types/mask.types.js

@@ -1 +0,0 @@
-export {};

package/emotion/es/components/Mask/utils/types/selectRange.types.js

@@ -1 +0,0 @@
-export {};

package/emotion/es/examples/plasma_b2c/components/Mask/Mask.js

@@ -1,3 +0,0 @@
-import { composeMask } from '../../../../components/Mask';
-import { TextField } from '../TextField/TextField';
-export var Mask = /*#__PURE__*/composeMask(TextField);

package/emotion/es/examples/plasma_b2c/components/Mask/Mask.stories.tsx

@@ -1,131 +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 onValueChange = action('onValueChange');
-
-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}
-                onValueChange={onValueChange}
-                {...rest}
-            />
-
-            <Mask
-                label="Маска телефона: отображается всегда"
-                mask="+7 (000) 000 - 00 - 00"
-                maskChar="_"
-                view={view}
-                alwaysShowMask
-                onChange={onChange}
-                onValueChange={onValueChange}
-                {...rest}
-            />
-
-            <Mask
-                label="Маска даты"
-                mask="00/00/0000"
-                maskString="DD/MM/YYYY"
-                alwaysShowMask
-                view={view}
-                onChange={onChange}
-                onValueChange={onValueChange}
-                {...rest}
-            />
-
-            <Mask
-                label="Маска даты: значения по умолчанию"
-                // eslint-disable-next-line no-octal-escape
-                mask="12.\04.0000"
-                maskChar="_"
-                alwaysShowMask
-                view={view}
-                onChange={onChange}
-                onValueChange={onValueChange}
-                {...rest}
-            />
-
-            <Mask
-                label="Маска времени"
-                mask="00:00"
-                maskChar="_"
-                alwaysShowMask
-                view={view}
-                onChange={onChange}
-                onValueChange={onValueChange}
-                {...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/cjs/components/Mask/Mask.js

@@ -1,207 +0,0 @@
-"use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.composeMask = void 0;
-var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
-var _hooks = /*#__PURE__*/require("../../hooks");
-var _createMask = /*#__PURE__*/require("./utils/createMask");
-var _constants = /*#__PURE__*/require("./utils/constants");
-var _excluded = ["mask", "maskChar", "alwaysShowMask", "maskString", "showPrefix", "value", "defaultValue", "showMask", "onChange", "onBlur", "onFocus", "reformat"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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; }
-var composeMask = exports.composeMask = function composeMask(InputComponent) {
-  return /*#__PURE__*/(0, _react.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 = (0, _react.useState)(alwaysShowMask || showMaskedValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      showMask = _useState2[0],
-      setShowMask = _useState2[1];
-    var mask = (0, _react.useMemo)(function () {
-      return (0, _createMask.createMask)({
-        value: String(value) || String(defaultValue) || '',
-        mask: maskValue,
-        maskChar: maskChar || _createMask.defaults.maskChar,
-        maskString: maskString,
-        showPrefix: showPrefix || _createMask.defaults.showPrefix,
-        reformat: reformat
-      });
-    }, []);
-    var canSetSelection = (0, _react.useRef)(false);
-    var inputRef = (0, _react.useRef)(null);
-    var innerRef = (0, _plasmaCore.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.keyCode === _constants.KeyboardCode.Backspace) {
-        e.preventDefault();
-        getSelection();
-        mask.removePreviosOrSelected();
-        setSelection();
-        dispatchEvent(e);
-      }
-      if (e.keyCode === _constants.KeyboardCode.Delete) {
-        e.preventDefault();
-        getSelection();
-        mask.removeNextOrSelected();
-        setSelection();
-        dispatchEvent(e);
-      }
-    };
-    var handleFocus = function handleFocus(e) {
-      canSetSelection.current = true;
-      onFocus && onFocus(e);
-    };
-    var handleBlur = function handleBlur(e) {
-      canSetSelection.current = false;
-      onBlur && onBlur(e);
-    };
-    var keyPressEvent = _defineProperty({}, keyPressPropName(), onKeyPress);
-    (0, _hooks.useDidMountEffect)(function () {
-      setShowMask(alwaysShowMask || showMask);
-    }, [alwaysShowMask, showMask]);
-    (0, _hooks.useDidMountEffect)(function () {
-      reformat && mask.updateReformat(reformat);
-    }, [reformat]);
-    (0, _hooks.useDidMountEffect)(function () {
-      mask.updateMask(String(mask));
-    }, [mask]);
-    (0, _hooks.useDidMountEffect)(function () {
-      mask.updateMaskString(String(maskString));
-    }, [maskString]);
-    (0, _hooks.useDidMountEffect)(function () {
-      mask.updateMaskChar(String(maskChar));
-    }, [maskChar]);
-    (0, _hooks.useDidMountEffect)(function () {
-      mask.updateValue(String(value));
-    }, [value]);
-    (0, _react.useEffect)(function () {
-      showValue();
-    }, [showValue, mask]);
-    (0, _react.useEffect)(function () {
-      var subscriber = function subscriber() {
-        showValue();
-        setSelection();
-      };
-      mask.subscribe(subscriber);
-      return function () {
-        mask.unsubscribe(subscriber);
-      };
-    }, [mask, showValue, setSelection]);
-    return /*#__PURE__*/_react["default"].createElement(InputComponent, _extends({}, rest, {
-      onChange: handleChange,
-      onKeyDown: onKeyDown,
-      onPaste: onPaste,
-      onFocus: handleFocus,
-      onBlur: handleBlur
-    }, keyPressEvent, {
-      ref: innerRef,
-      autoComplete: "off"
-    }));
-  });
-};

package/styled-components/cjs/components/Mask/Mask.types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

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

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "composeMask", {
-  enumerable: true,
-  get: function get() {
-    return _Mask.composeMask;
-  }
-});
-var _Mask = /*#__PURE__*/require("./Mask");

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

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.escapeChar = exports.defaultFormatChars = exports.KeyboardCode = exports.CharType = void 0;
-var CharType = exports.CharType = /*#__PURE__*/function (CharType) {
-  CharType[CharType["User"] = 1] = "User";
-  CharType[CharType["Char"] = 2] = "Char";
-  CharType[CharType["Mask"] = 3] = "Mask";
-  return CharType;
-}({});
-var KeyboardCode = exports.KeyboardCode = /*#__PURE__*/function (KeyboardCode) {
-  KeyboardCode[KeyboardCode["Backspace"] = 8] = "Backspace";
-  KeyboardCode[KeyboardCode["Delete"] = 46] = "Delete";
-  return KeyboardCode;
-}({});
-var escapeChar = exports.escapeChar = '\\';
-var defaultFormatChars = exports.defaultFormatChars = [{
-  str: '0',
-  regexp: /[0-9]/
-}, {
-  str: '*',
-  regexp: /./
-}, {
-  str: 'a',
-  regexp: /[a-zA-Z]/
-}, {
-  str: 'я',
-  regexp: /[а-яА-ЯёЁ]/
-}];

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

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaults = exports.createMask = void 0;
-var _constants = /*#__PURE__*/require("./constants");
-var _mask = /*#__PURE__*/require("./mask");
-var _selection = /*#__PURE__*/require("./selection");
-var defaults = exports.defaults = {
-  maskFormat: _constants.defaultFormatChars,
-  maskChar: '',
-  showMask: false,
-  removeSelectedRange: _selection.removeSelectedRange,
-  showPrefix: false
-};
-var createMask = exports.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.Mask(showPrefix, maskChar, maskString, resReformat);
-  mask.updateMask(params.mask);
-  return mask;
-};