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

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

@@ -1,235 +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); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-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); }
-import { charType, defaultFormatChars } from './constants';
-import { parseMask } from './parseMask';
-import { processInput } from './processInput';
-import { removeSelectedRange } from './selection';
-export var Mask = /*#__PURE__*/function () {
-  function Mask(showPrefix, maskChar, maskString, reformat) {
-    _classCallCheck(this, Mask);
-    _defineProperty(this, "selection", void 0);
-    _defineProperty(this, "value", void 0);
-    _defineProperty(this, "maskedValue", void 0);
-    _defineProperty(this, "visibleValue", void 0);
-    _defineProperty(this, "mask", void 0);
-    _defineProperty(this, "maskChar", void 0);
-    _defineProperty(this, "maskFormatMap", void 0);
-    _defineProperty(this, "showPrefix", void 0);
-    _defineProperty(this, "callbacks", void 0);
-    _defineProperty(this, "maskString", void 0);
-    _defineProperty(this, "reformat", void 0);
-    this.value = '';
-    this.mask = [];
-    this.maskedValue = '';
-    this.visibleValue = '';
-    this.selection = {
-      start: 0,
-      end: 0
-    };
-    this.callbacks = [];
-    this.maskFormatMap = this.parseMaskFormat;
-    this.showPrefix = showPrefix;
-    this.maskChar = maskChar;
-    this.maskString = maskString;
-    this.reformat = reformat;
-  }
-  return _createClass(Mask, [{
-    key: "parseMaskFormat",
-    get: function get() {
-      return defaultFormatChars.reduce(function (acc, current) {
-        acc[String(current.str)] = current;
-        return acc;
-      }, {});
-    }
-  }, {
-    key: "getSelection",
-    get: function get() {
-      var _this$selection = this.selection,
-        start = _this$selection.start,
-        end = _this$selection.end;
-      return {
-        start: start,
-        end: end
-      };
-    }
-  }, {
-    key: "getState",
-    get: function get() {
-      return {
-        value: this.value,
-        maskedValue: this.maskedValue,
-        visibleValue: this.visibleValue,
-        selection: this.selection
-      };
-    }
-  }, {
-    key: "setSelection",
-    set: function set(newSelection) {
-      this.selection = newSelection;
-    }
-  }, {
-    key: "setShowStartChars",
-    set: function set(show) {
-      this.showPrefix = show;
-    }
-  }, {
-    key: "updateMask",
-    value: function updateMask(newMask) {
-      this.mask = parseMask(newMask, this.maskFormatMap);
-      this.updateValue(this.value);
-    }
-  }, {
-    key: "updateMaskChar",
-    value: function updateMaskChar(newMaskChar) {
-      if (this.maskChar.length > 1) {
-        throw new Error('maskChar должен содержать только 1 символ');
-      }
-      this.maskChar = newMaskChar;
-      this.updateValue(this.value);
-    }
-  }, {
-    key: "updateMaskString",
-    value: function updateMaskString(newMaskString) {
-      if (newMaskString && newMaskString.length !== this.mask.length) {
-        throw new Error('maskString должна иметь такую же длину, как и mask');
-      }
-      this.maskString = newMaskString;
-      this.updateValue(this.value);
-    }
-  }, {
-    key: "updateReformat",
-    value: function updateReformat(newReformat) {
-      this.reformat = newReformat;
-      this.updateValue(this.value);
-    }
-  }, {
-    key: "updateValue",
-    value: function updateValue(data) {
-      if (this.reformat) {
-        var _result = this.reformat({
-          value: data,
-          selection: this.selection
-        });
-        return this.applyChanges(_result);
-      }
-      var dataList = Array.isArray(data) ? data : Array.from(data).reduce(function (acc, _char) {
-        acc.push({
-          "char": _char,
-          type: charType.User
-        });
-        return acc;
-      }, []);
-      var result = processInput({
-        data: dataList,
-        selection: this.selection,
-        mask: this.mask,
-        maskChar: this.maskChar,
-        maskString: this.maskString,
-        showPrefix: this.showPrefix
-      });
-      this.applyChanges(result);
-    }
-  }, {
-    key: "removePreviousOrSelected",
-    value: function removePreviousOrSelected() {
-      var _this$selection2 = this.selection,
-        start = _this$selection2.start,
-        end = _this$selection2.end;
-      if (start === end) {
-        var newStart = end - 1 < 0 ? 0 : end - 1;
-        this.setSelection = {
-          start: newStart,
-          end: end
-        };
-      }
-      this.input('');
-    }
-  }, {
-    key: "removeNextOrSelected",
-    value: function removeNextOrSelected() {
-      var _this$selection3 = this.selection,
-        start = _this$selection3.start,
-        end = _this$selection3.end;
-      if (start === end) {
-        this.setSelection = {
-          start: start,
-          end: end + 1
-        };
-      }
-      this.input('');
-    }
-  }, {
-    key: "paste",
-    value: function paste(value) {
-      this.input(value);
-    }
-  }, {
-    key: "input",
-    value: function input(_input) {
-      if (this.reformat) {
-        var _result2 = this.reformat({
-          value: this.value,
-          input: _input,
-          selection: this.selection
-        });
-        return this.applyChanges(_result2);
-      }
-      var tmpValue = removeSelectedRange({
-        value: this.value,
-        selection: this.selection,
-        maskChar: this.maskChar,
-        maskString: String(this.maskString)
-      });
-      this.selection.end = this.selection.start;
-      var result = processInput({
-        data: tmpValue,
-        input: _input,
-        selection: this.selection,
-        mask: this.mask,
-        maskChar: this.maskChar,
-        maskString: this.maskString,
-        showPrefix: this.showPrefix
-      });
-      this.applyChanges(result);
-    }
-  }, {
-    key: "applyChanges",
-    value: function applyChanges(result) {
-      var oldMaskedValue = this.maskedValue;
-      var oldVisibleValue = this.visibleValue;
-      var oldSelection = this.selection;
-      this.value = result.value;
-      this.maskedValue = result.maskedValue;
-      this.visibleValue = result.visibleValue;
-      this.setSelection = result.selection;
-      if (oldMaskedValue !== this.maskedValue || oldVisibleValue !== this.visibleValue || oldSelection.start !== this.selection.start || oldSelection.end !== this.selection.end) {
-        this.notify();
-      }
-    }
-  }, {
-    key: "subscribe",
-    value: function subscribe(callback) {
-      this.callbacks.push(callback);
-    }
-  }, {
-    key: "unsubscribe",
-    value: function unsubscribe(callback) {
-      this.callbacks = this.callbacks.filter(function (item) {
-        return item !== callback;
-      });
-    }
-  }, {
-    key: "notify",
-    value: function notify() {
-      var state = this.getState;
-      this.callbacks.forEach(function (callback) {
-        callback(state);
-      });
-    }
-  }]);
-}();

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

@@ -1,30 +0,0 @@
-import { escapeChar } from './constants';
-export var parseMask = function parseMask(mask, format) {
-  if (!mask) {
-    return [];
-  }
-  var stack = [];
-  var escape = false;
-  mask.split('').forEach(function (maskChar) {
-    var item = format === null || format === void 0 ? void 0 : format[maskChar];
-    if (escape && item) {
-      item = undefined;
-      escape = false;
-    }
-    if (!item) {
-      if (!escape && maskChar === escapeChar) {
-        escape = true;
-        return;
-      }
-      escape = false;
-      stack.push({
-        "char": maskChar
-      });
-      return;
-    }
-    if (item.regexp) {
-      stack.push(item);
-    }
-  });
-  return stack;
-};

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

@@ -1,46 +0,0 @@
-import { charType } from './constants';
-import { processMask } from './processMask';
-export var processInput = function processInput(args) {
-  var data = args.data,
-    _args$input = args.input,
-    input = _args$input === void 0 ? '' : _args$input,
-    selection = args.selection,
-    mask = args.mask,
-    _args$maskChar = args.maskChar,
-    maskChar = _args$maskChar === void 0 ? '' : _args$maskChar,
-    _args$maskString = args.maskString,
-    maskString = _args$maskString === void 0 ? '' : _args$maskString,
-    showPrefix = args.showPrefix;
-  var _processMask = processMask(data, mask, input, maskChar, maskString, selection),
-    value = _processMask.value,
-    maskedValue = _processMask.maskedValue,
-    inputValuesApplied = _processMask.inputValuesApplied;
-  var selectionPosition = selection.start + inputValuesApplied;
-  var bound = value.length - 1;
-  var charsCount = 0;
-  while (bound >= 0 && value[bound].type !== charType.User) {
-    if (value[bound].type === charType.Mask) {
-      charsCount = 0;
-    }
-    if (value[bound].type === charType.Char) {
-      charsCount++;
-    }
-    bound--;
-  }
-  if (showPrefix || bound >= 0 || input && input.trim()) {
-    bound += charsCount;
-  }
-  var visibleValue = '';
-  for (var i = 0; i <= bound; i++) {
-    visibleValue += value[i]["char"];
-  }
-  return {
-    value: value,
-    visibleValue: visibleValue,
-    maskedValue: maskedValue,
-    selection: {
-      start: selectionPosition,
-      end: selectionPosition
-    }
-  };
-};

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

@@ -1,93 +0,0 @@
-import { charType } from './constants';
-export var 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 !== charType.User) || input) {
-      valueIndex++;
-    }
-    value.push({
-      "char": String(maskPart["char"]),
-      type: 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: charType.User
-        });
-        maskedValue += part;
-      }
-    }
-    if (part) {
-      return;
-    }
-    if (item && item.type === charType.Char && data.length > valueIndex + 1) {
-      valueIndex++;
-      processMaskItem(maskPart, maskIndex);
-      return;
-    }
-    if (item && item.type === 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: charType.User
-      });
-      maskedValue += item["char"];
-      valueIndex++;
-      return;
-    }
-    part = maskString ? maskString[maskIndex] : maskChar;
-    value.push({
-      "char": part,
-      type: 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/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/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,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} />,
-};