@skbkontur/react-ui 0.0.0-375e096002 → 0.0.0-388db940ca

package/internal/MaskCharLowLine/MaskCharLowLine/MaskCharLowLine.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { jsStyles } from "../MaskCharLowLine.styles";
-/**
- * FIGURE SPACE
- *
- * space equal to tabular width of a font this is equivalent to the digit width of fonts with fixed-width digits
- *
- * @see http://www.fileformat.info/info/unicode/char/2007/index.htm
- */
-
-export var MASK_CHAR_EXEMPLAR = String.fromCharCode(0x2007);
-export var MaskCharLowLine = function MaskCharLowLine() {
-  return /*#__PURE__*/React.createElement("span", {
-    className: jsStyles.root()
-  }, MASK_CHAR_EXEMPLAR);
-};

package/internal/MaskCharLowLine/MaskCharLowLine/MaskCharLowLine.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MaskCharLowLine.tsx"],"names":["React","jsStyles","MASK_CHAR_EXEMPLAR","String","fromCharCode","MaskCharLowLine","root"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,QAAT,QAAyB,0BAAzB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,kBAAkB,GAAGC,MAAM,CAACC,YAAP,CAAoB,MAApB,CAA3B;;AAEP,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,wBAAM,8BAAM,SAAS,EAAEJ,QAAQ,CAACK,IAAT,EAAjB,IAAmCJ,kBAAnC,CAAN,EAAxB","sourcesContent":["import React from 'react';\r\n\r\nimport { jsStyles } from './MaskCharLowLine.styles';\r\n\r\n/**\r\n * FIGURE SPACE\r\n *\r\n * space equal to tabular width of a font this is equivalent to the digit width of fonts with fixed-width digits\r\n *\r\n * @see http://www.fileformat.info/info/unicode/char/2007/index.htm\r\n */\r\nexport const MASK_CHAR_EXEMPLAR = String.fromCharCode(0x2007);\r\n\r\nexport const MaskCharLowLine = () => <span className={jsStyles.root()}>{MASK_CHAR_EXEMPLAR}</span>;\r\n"]}

package/internal/MaskCharLowLine/MaskCharLowLine/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/internal/MaskCharLowLine/MaskCharLowLine.js",
-  "module": "MaskCharLowLine",
-  "types": "../MaskCharLowLine.d.ts",
-  "sideEffects": false
-}

package/internal/MaskCharLowLine/MaskCharLowLine.styles/MaskCharLowLine.styles.js

@@ -1,19 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
-  root: function root() {
-    return css(_templateObject());
-  }
-};
-export var jsStyles = memoizeStyle(styles);

package/internal/MaskCharLowLine/MaskCharLowLine.styles/MaskCharLowLine.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MaskCharLowLine.styles.ts"],"names":["css","memoizeStyle","styles","root","jsStyles"],"mappings":"kfAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,WAAOH,GAAP;;;;;;;;;;;;;AAaD,GAfY,EAAf;;;AAkBA,OAAO,IAAMI,QAAQ,GAAGH,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      position: relative;\r\n\r\n      &:after {\r\n        content: '';\r\n        position: absolute;\r\n        width: calc(100% - 0.1em);\r\n        height: 1px;\r\n        left: 0.05em;\r\n        bottom: 0.11em;\r\n        border-bottom: solid 0.05em;\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/internal/MaskCharLowLine/MaskCharLowLine.styles/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/internal/MaskCharLowLine/MaskCharLowLine.styles.js",
-  "module": "MaskCharLowLine.styles",
-  "types": "../MaskCharLowLine.styles.d.ts",
-  "sideEffects": false
-}

package/internal/MaskCharLowLine/index/index.js

@@ -1 +0,0 @@
-export * from "../MaskCharLowLine";

package/internal/MaskCharLowLine/index/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAd","sourcesContent":["export * from './MaskCharLowLine';\r\n"]}

package/internal/MaskCharLowLine/index/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/internal/MaskCharLowLine/index.js",
-  "module": "index",
-  "types": "../index.d.ts",
-  "sideEffects": false
-}

package/internal/MaskCharLowLine/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../cjs/internal/MaskCharLowLine/index.js",
-  "module": "index",
-  "types": "index.d.ts",
-  "sideEffects": false
-}

package/internal/MaskedInput/MaskedInput/MaskedInput.js

@@ -1,197 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import React from 'react';
-import cn from 'classnames';
-import ReactInputMask from 'react-input-mask';
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { MaskCharLowLine } from "../../MaskCharLowLine";
-import { jsStyles } from "../MaskedInput.styles";
-export var MaskedInput = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(MaskedInput, _React$Component);
-
-  function MaskedInput(_props) {
-    var _this;
-
-    _this = _React$Component.call(this, _props) || this;
-    _this.input = null;
-    _this.theme = void 0;
-    _this.reactInputMask = null;
-
-    _this.getValue = function (props) {
-      var value = props.value,
-          defaultValue = props.defaultValue;
-      return value !== undefined ? value.toString() : defaultValue !== undefined ? defaultValue.toString() : '';
-    };
-
-    _this.refInput = function (input) {
-      _this.input = input;
-    };
-
-    _this.refMaskedInput = function (reactInputMask) {
-      _this.reactInputMask = reactInputMask;
-    };
-
-    _this.handleChange = function (event) {
-      if (event.target.value === _this.state.value) {
-        _this.handleUnexpectedInput();
-      } else {
-        _this.setState({
-          value: event.target.value
-        });
-
-        if (_this.props.onValueChange) {
-          _this.props.onValueChange(event.target.value);
-        }
-
-        if (_this.props.onChange) {
-          _this.props.onChange(event);
-        }
-      }
-    };
-
-    _this.handleFocus = function (event) {
-      _this.setState({
-        focused: true
-      });
-
-      if (_this.props.onFocus) {
-        _this.props.onFocus(event);
-      }
-    };
-
-    _this.handleBlur = function (event) {
-      _this.setState({
-        focused: false
-      });
-
-      if (_this.props.onBlur) {
-        _this.props.onBlur(event);
-      }
-    };
-
-    _this.preprocess = function (newState, oldState, userInput, options) {
-      var visibleMaskChars = new Array(options.mask.length).fill(_this.props.maskChar);
-
-      if (newState.value !== oldState.value && userInput === null) {
-        _this.setState({
-          value: newState.value
-        });
-      }
-
-      options.mask.split('').forEach(function (_char2, index) {
-        if (options.permanents.includes(index)) {
-          visibleMaskChars[index] = _char2;
-        }
-
-        if (newState.value[index]) {
-          visibleMaskChars[index] = newState.value[index];
-        }
-      });
-      var emptyValue = visibleMaskChars.join('');
-
-      if (_this.state.emptyValue !== emptyValue) {
-        _this.setState({
-          emptyValue: emptyValue
-        });
-      }
-
-      return newState;
-    };
-
-    _this.isMaskVisible = function () {
-      return _this.props.alwaysShowMask || _this.state.focused;
-    };
-
-    _this.handleUnexpectedInput = function () {
-      if (_this.props.onUnexpectedInput) {
-        _this.props.onUnexpectedInput(_this.state.value);
-      }
-    };
-
-    _this.state = {
-      value: _this.getValue(_props),
-      emptyValue: '',
-      focused: false
-    };
-    return _this;
-  }
-
-  var _proto = MaskedInput.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    if (this.reactInputMask) {
-      // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue
-      this.reactInputMask.forceUpdate();
-    }
-  };
-
-  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
-    if (this.props.value !== nextProps.value) {
-      this.setState({
-        value: nextProps.value ? nextProps.value.toString() : ''
-      });
-    }
-  };
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return _this2.renderMain();
-    });
-  };
-
-  _proto.renderMain = function renderMain() {
-    var _this$props = this.props,
-        maskChar = _this$props.maskChar,
-        alwaysShowMask = _this$props.alwaysShowMask,
-        hasLeftIcon = _this$props.hasLeftIcon,
-        hasRightIcon = _this$props.hasRightIcon,
-        maxLength = _this$props.maxLength,
-        onValueChange = _this$props.onValueChange,
-        onUnexpectedInput = _this$props.onUnexpectedInput,
-        defaultValue = _this$props.defaultValue,
-        style = _this$props.style,
-        inputProps = _objectWithoutPropertiesLoose(_this$props, ["maskChar", "alwaysShowMask", "hasLeftIcon", "hasRightIcon", "maxLength", "onValueChange", "onUnexpectedInput", "defaultValue", "style"]);
-
-    var _this$state = this.state,
-        emptyValue = _this$state.emptyValue,
-        value = _this$state.value;
-    var leftHelper = (style == null ? void 0 : style.textAlign) !== 'right' && /*#__PURE__*/React.createElement("span", {
-      style: {
-        color: 'transparent'
-      }
-    }, emptyValue.slice(0, value.length));
-    var leftClass = (style == null ? void 0 : style.textAlign) !== 'right' && jsStyles.inputMaskLeft();
-    var rightHelper = emptyValue.slice(value.length).split('').map(function (_char, i) {
-      return _char === '_' ? /*#__PURE__*/React.createElement(MaskCharLowLine, {
-        key: i
-      }) : _char;
-    });
-    return /*#__PURE__*/React.createElement("span", {
-      className: jsStyles.container(),
-      "x-ms-format-detection": "none"
-    }, /*#__PURE__*/React.createElement(ReactInputMask, _extends({}, inputProps, {
-      maskChar: null,
-      beforeMaskedValueChange: this.preprocess,
-      alwaysShowMask: false,
-      onChange: this.handleChange,
-      onFocus: this.handleFocus,
-      onBlur: this.handleBlur,
-      value: value,
-      inputRef: this.refInput,
-      ref: this.refMaskedInput,
-      style: _extends({}, style)
-    })), this.isMaskVisible() && /*#__PURE__*/React.createElement("span", {
-      className: cn(jsStyles.inputMask(this.theme), leftClass)
-    }, leftHelper, rightHelper));
-  };
-
-  return MaskedInput;
-}(React.Component);
-MaskedInput.__KONTUR_REACT_UI__ = 'MaskedInput';
-MaskedInput.defaultProps = {
-  maskChar: '_'
-};

package/internal/MaskedInput/MaskedInput/MaskedInput.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MaskedInput.tsx"],"names":["React","cn","ReactInputMask","ThemeContext","MaskCharLowLine","jsStyles","MaskedInput","props","input","theme","reactInputMask","getValue","value","defaultValue","undefined","toString","refInput","refMaskedInput","handleChange","event","target","state","handleUnexpectedInput","setState","onValueChange","onChange","handleFocus","focused","onFocus","handleBlur","onBlur","preprocess","newState","oldState","userInput","options","visibleMaskChars","Array","mask","length","fill","maskChar","split","forEach","char","index","permanents","includes","emptyValue","join","isMaskVisible","alwaysShowMask","onUnexpectedInput","componentDidMount","forceUpdate","UNSAFE_componentWillReceiveProps","nextProps","render","renderMain","hasLeftIcon","hasRightIcon","maxLength","style","inputProps","leftHelper","textAlign","color","slice","leftClass","inputMaskLeft","rightHelper","map","_char","i","container","inputMask","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport ReactInputMask, { InputState, MaskOptions } from 'react-input-mask';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { MaskCharLowLine } from '../MaskCharLowLine';\r\n\r\nimport { jsStyles } from './MaskedInput.styles';\r\n\r\nexport interface MaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\r\n  mask: string;\r\n  maskChar: string | null;\r\n  formatChars?: { [key: string]: string };\r\n  alwaysShowMask?: boolean;\r\n  hasLeftIcon?: boolean;\r\n  hasRightIcon?: boolean;\r\n  onUnexpectedInput?: (value: string) => void;\r\n  onValueChange?: (value: string) => void;\r\n}\r\n\r\ninterface MaskedInputState {\r\n  value: string;\r\n  emptyValue: string;\r\n  focused: boolean;\r\n}\r\n\r\nexport class MaskedInput extends React.Component<MaskedInputProps, MaskedInputState> {\r\n  public static __KONTUR_REACT_UI__ = 'MaskedInput';\r\n\r\n  public static defaultProps: Partial<MaskedInputProps> = {\r\n    maskChar: '_',\r\n  };\r\n\r\n  public input: HTMLInputElement | null = null;\r\n  private theme!: Theme;\r\n  private reactInputMask: ReactInputMask | null = null;\r\n\r\n  public constructor(props: MaskedInputProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      value: this.getValue(props),\r\n      emptyValue: '',\r\n      focused: false,\r\n    };\r\n  }\r\n\r\n  public componentDidMount() {\r\n    if (this.reactInputMask) {\r\n      // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue\r\n      this.reactInputMask.forceUpdate();\r\n    }\r\n  }\r\n\r\n  public UNSAFE_componentWillReceiveProps(nextProps: MaskedInputProps) {\r\n    if (this.props.value !== nextProps.value) {\r\n      this.setState({\r\n        value: nextProps.value ? nextProps.value.toString() : '',\r\n      });\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const {\r\n      maskChar,\r\n      alwaysShowMask,\r\n      hasLeftIcon,\r\n      hasRightIcon,\r\n      maxLength,\r\n      onValueChange,\r\n      onUnexpectedInput,\r\n      defaultValue,\r\n      style,\r\n      ...inputProps\r\n    } = this.props;\r\n    const { emptyValue, value } = this.state;\r\n\r\n    const leftHelper = style?.textAlign !== 'right' && (\r\n      <span style={{ color: 'transparent' }}>{emptyValue.slice(0, value.length)}</span>\r\n    );\r\n    const leftClass = style?.textAlign !== 'right' && jsStyles.inputMaskLeft();\r\n\r\n    const rightHelper = emptyValue\r\n      .slice(value.length)\r\n      .split('')\r\n      .map((_char, i) => (_char === '_' ? <MaskCharLowLine key={i} /> : _char));\r\n\r\n    return (\r\n      <span className={jsStyles.container()} x-ms-format-detection=\"none\">\r\n        <ReactInputMask\r\n          {...inputProps}\r\n          maskChar={null}\r\n          beforeMaskedValueChange={this.preprocess}\r\n          alwaysShowMask={false}\r\n          onChange={this.handleChange}\r\n          onFocus={this.handleFocus}\r\n          onBlur={this.handleBlur}\r\n          value={value}\r\n          inputRef={this.refInput}\r\n          ref={this.refMaskedInput}\r\n          style={{ ...style }}\r\n        />\r\n        {this.isMaskVisible() && (\r\n          <span className={cn(jsStyles.inputMask(this.theme), leftClass)}>\r\n            {leftHelper}\r\n            {rightHelper}\r\n          </span>\r\n        )}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  private getValue = (props: MaskedInputProps): string => {\r\n    const { value, defaultValue } = props;\r\n\r\n    return value !== undefined ? value.toString() : defaultValue !== undefined ? defaultValue.toString() : '';\r\n  };\r\n\r\n  private refInput = (input: HTMLInputElement | null) => {\r\n    this.input = input;\r\n  };\r\n\r\n  private refMaskedInput = (reactInputMask: ReactInputMask) => {\r\n    this.reactInputMask = reactInputMask;\r\n  };\r\n\r\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (event.target.value === this.state.value) {\r\n      this.handleUnexpectedInput();\r\n    } else {\r\n      this.setState({ value: event.target.value });\r\n      if (this.props.onValueChange) {\r\n        this.props.onValueChange(event.target.value);\r\n      }\r\n      if (this.props.onChange) {\r\n        this.props.onChange(event);\r\n      }\r\n    }\r\n  };\r\n\r\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    this.setState({ focused: true });\r\n\r\n    if (this.props.onFocus) {\r\n      this.props.onFocus(event);\r\n    }\r\n  };\r\n\r\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    this.setState({ focused: false });\r\n\r\n    if (this.props.onBlur) {\r\n      this.props.onBlur(event);\r\n    }\r\n  };\r\n\r\n  private preprocess = (\r\n    newState: InputState,\r\n    oldState: InputState,\r\n    userInput: string,\r\n    options: MaskOptions & Pick<MaskedInputProps, 'mask'>,\r\n  ) => {\r\n    const visibleMaskChars = new Array(options.mask.length).fill(this.props.maskChar);\r\n\r\n    if (newState.value !== oldState.value && userInput === null) {\r\n      this.setState({\r\n        value: newState.value,\r\n      });\r\n    }\r\n\r\n    options.mask.split('').forEach((char, index) => {\r\n      if (options.permanents.includes(index)) {\r\n        visibleMaskChars[index] = char;\r\n      }\r\n\r\n      if (newState.value[index]) {\r\n        visibleMaskChars[index] = newState.value[index];\r\n      }\r\n    });\r\n\r\n    const emptyValue = visibleMaskChars.join('');\r\n\r\n    if (this.state.emptyValue !== emptyValue) {\r\n      this.setState({\r\n        emptyValue,\r\n      });\r\n    }\r\n\r\n    return newState;\r\n  };\r\n\r\n  private isMaskVisible = () => this.props.alwaysShowMask || this.state.focused;\r\n\r\n  private handleUnexpectedInput = () => {\r\n    if (this.props.onUnexpectedInput) {\r\n      this.props.onUnexpectedInput(this.state.value);\r\n    }\r\n  };\r\n}\r\n"]}

package/internal/MaskedInput/MaskedInput/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/internal/MaskedInput/MaskedInput.js",
-  "module": "MaskedInput",
-  "types": "../MaskedInput.d.ts",
-  "sideEffects": false
-}

package/internal/MaskedInput/MaskedInput.d.ts

@@ -1,40 +0,0 @@
-import React from 'react';
-export interface MaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    mask: string;
-    maskChar: string | null;
-    formatChars?: {
-        [key: string]: string;
-    };
-    alwaysShowMask?: boolean;
-    hasLeftIcon?: boolean;
-    hasRightIcon?: boolean;
-    onUnexpectedInput?: (value: string) => void;
-    onValueChange?: (value: string) => void;
-}
-interface MaskedInputState {
-    value: string;
-    emptyValue: string;
-    focused: boolean;
-}
-export declare class MaskedInput extends React.Component<MaskedInputProps, MaskedInputState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: Partial<MaskedInputProps>;
-    input: HTMLInputElement | null;
-    private theme;
-    private reactInputMask;
-    constructor(props: MaskedInputProps);
-    componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: MaskedInputProps): void;
-    render(): JSX.Element;
-    private renderMain;
-    private getValue;
-    private refInput;
-    private refMaskedInput;
-    private handleChange;
-    private handleFocus;
-    private handleBlur;
-    private preprocess;
-    private isMaskVisible;
-    private handleUnexpectedInput;
-}
-export {};

package/internal/MaskedInput/MaskedInput.styles/MaskedInput.styles.js

@@ -1,45 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n    "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      pointer-events: none;\n      font-size: inherit;\n      z-index: 5;\n      user-select: none;\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      position: relative;\n      font-size: inherit;\n      flex: 100% 1 1;\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
-  container: function container() {
-    return css(_templateObject());
-  },
-  inputMask: function inputMask(t) {
-    return css(_templateObject2(), t.placeholderColor);
-  },
-  inputMaskLeft: function inputMaskLeft() {
-    return css(_templateObject3());
-  }
-};
-export var jsStyles = memoizeStyle(styles);

package/internal/MaskedInput/MaskedInput.styles/MaskedInput.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MaskedInput.styles.ts"],"names":["css","memoizeStyle","styles","container","inputMask","t","placeholderColor","inputMaskLeft","jsStyles"],"mappings":"41BAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,SADa,uBACD;AACV,WAAOH,GAAP;;;;;;AAMD,GARY;AASbI,EAAAA,SATa,qBASHC,CATG,EASO;AAClB,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACC,gBADb;;;;;;AAOD,GAjBY;AAkBbC,EAAAA,aAlBa,2BAkBG;AACd,WAAOP,GAAP;;;;;;AAMD,GAzBY,EAAf;;;AA4BA,OAAO,IAAMQ,QAAQ,GAAGP,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  container() {\r\n    return css`\r\n      display: inline-flex;\r\n      position: relative;\r\n      font-size: inherit;\r\n      flex: 100% 1 1;\r\n    `;\r\n  },\r\n  inputMask(t: Theme) {\r\n    return css`\r\n      color: ${t.placeholderColor};\r\n      pointer-events: none;\r\n      font-size: inherit;\r\n      z-index: 5;\r\n      user-select: none;\r\n    `;\r\n  },\r\n  inputMaskLeft() {\r\n    return css`\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/internal/MaskedInput/MaskedInput.styles/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/internal/MaskedInput/MaskedInput.styles.js",
-  "module": "MaskedInput.styles",
-  "types": "../MaskedInput.styles.d.ts",
-  "sideEffects": false
-}

package/internal/MaskedInput/MaskedInput.styles.d.ts

@@ -1,5 +0,0 @@
-export declare const jsStyles: {
-    container(): string;
-    inputMask(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    inputMaskLeft(): string;
-};

package/internal/MaskedInput/index/index.js

@@ -1 +0,0 @@
-export * from "../MaskedInput";

package/internal/MaskedInput/index/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAd","sourcesContent":["export * from './MaskedInput';\r\n"]}

package/internal/MaskedInput/index/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/internal/MaskedInput/index.js",
-  "module": "index",
-  "types": "../index.d.ts",
-  "sideEffects": false
-}

package/internal/MaskedInput/index.d.ts

@@ -1 +0,0 @@
-export * from './MaskedInput';

package/internal/MaskedInput/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../cjs/internal/MaskedInput/index.js",
-  "module": "index",
-  "types": "index.d.ts",
-  "sideEffects": false
-}