@salutejs/plasma-new-hope 0.326.1-canary.2043.15852251108.0 → 0.327.0-canary.1741.15775036215.0

package/es/components/Attach/Attach.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef, useState, useEffect } from 'react';
 import { useForkRef, useIsomorphicLayoutEffect } from '@salutejs/plasma-core';
 import { cx } from '../../utils/index.js';
@@ -16,161 +16,155 @@ import { StyledCell } from './ui/Cell/Cell.styles.js';
 import { IconCloseCircleOutline } from '../_Icon/Icons/IconCloseCircleOutline.js';
 import { getFileicon } from './utils/getFileicon.js';
 
-var _IconCloseCircleOutli;
-var _excluded = ["flow", "buttonType", "hasAttachment", "acceptedFileFormats", "helperText", "size", "view", "helperTextView", "className", "style", "isLoading", "disabled", "id", "name", "onChange", "onClear"];
-var attachRoot = function attachRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (props, outerRef) {
-    var _props$flow = props.flow,
-      flow = _props$flow === void 0 ? 'auto' : _props$flow,
-      _props$buttonType = props.buttonType,
-      buttonType = _props$buttonType === void 0 ? 'button' : _props$buttonType,
-      _props$hasAttachment = props.hasAttachment,
-      hasAttachment = _props$hasAttachment === void 0 ? true : _props$hasAttachment,
-      acceptedFileFormats = props.acceptedFileFormats,
-      helperText = props.helperText,
-      size = props.size,
-      view = props.view,
-      helperTextView = props.helperTextView,
-      className = props.className,
-      style = props.style,
-      isLoading = props.isLoading,
-      disabled = props.disabled,
-      id = props.id,
-      name = props.name,
-      onChange = props.onChange,
-      onClear = props.onClear,
-      rest = _objectWithoutProperties(props, _excluded);
-    var innerRef = useRef(null);
-    var ref = useForkRef(outerRef, innerRef);
-    var inputRef = useRef(null);
-    var inputHelperRef = useRef(null);
-    var cellRef = useRef(null);
-    var buttonRef = useRef(null);
-    var emptyTextCellWidth = useRef(null);
-    var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      filename = _useState2[0],
-      setFilename = _useState2[1];
-    var _useState3 = useState(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      truncatedFilename = _useState4[0],
-      setTruncatedFilename = _useState4[1];
-    var horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;
-    var verticalClass = flow === 'vertical' ? classes.vertical : undefined;
-    var withHelperTextClass = helperText ? classes.withHelperText : undefined;
-    var autoClass = flow === 'auto' ? classes.auto : undefined;
-    var cellHiddenClass = truncatedFilename.length === 0 ? classes.cellHidden : undefined;
-    var accept = acceptedFileFormats === null || acceptedFileFormats === void 0 ? void 0 : acceptedFileFormats.join(',');
-    var extension = extractExtension(filename);
-    var cellContentLeft = getFileicon(extension, size);
-    useEffect(function () {
-      var _cellRef$current;
-      emptyTextCellWidth.current = ((_cellRef$current = cellRef.current) === null || _cellRef$current === void 0 ? void 0 : _cellRef$current.offsetWidth) || 0;
-    }, []);
-    useIsomorphicLayoutEffect(function () {
-      if (!cellRef.current || !cellRef.current.parentElement || !inputHelperRef.current || !inputHelperRef.current.textContent || !emptyTextCellWidth.current || !buttonRef.current) {
-        return;
-      }
-      var textWidth = inputHelperRef.current.offsetWidth;
-      var buttonWidth = buttonRef.current.offsetWidth;
-      var _cellRef$current$pare = cellRef.current.parentElement.getBoundingClientRect(),
-        parentWidth = _cellRef$current$pare.width,
-        parentLeft = _cellRef$current$pare.left;
-      var _cellRef$current$getB = cellRef.current.getBoundingClientRect(),
-        cellLeft = _cellRef$current$getB.left;
-      var leftDiff = cellLeft - parentLeft;
-      var currentTextWidth = textWidth;
-      if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth || currentTextWidth + emptyTextCellWidth.current < buttonWidth) {
-        setTruncatedFilename(filename);
-        return;
-      }
-      var currFilename = addSeparator(filename, separator);
-      for (var i = currFilename.indexOf(separator) - 1; i > 0; i -= 1) {
-        if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {
-          break;
-        }
-        var left = currFilename.slice(0, i);
-        var right = currFilename.slice(i + 1);
-        var newFilename = "".concat(left).concat(right);
-        inputHelperRef.current.textContent = newFilename;
-        currentTextWidth = inputHelperRef.current.offsetWidth;
-        if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {
-          break;
-        }
-        currFilename = newFilename;
-      }
-      inputHelperRef.current.textContent = filename;
-      setTruncatedFilename(currFilename);
-    });
-    var handleClick = function handleClick() {
-      if (!inputRef.current) {
-        return;
-      }
-      inputRef.current.click();
-    };
-    var handleChange = function handleChange(e) {
-      if (!e.target.files) {
-        return;
-      }
-      if (onChange) {
-        onChange(e);
-      }
-      setFilename(e.target.files[0].name);
-    };
-    var handleClear = function handleClear() {
-      if (!inputRef.current) {
-        return;
+const attachRoot = Root => /*#__PURE__*/forwardRef((props, outerRef) => {
+  const {
+    flow = 'auto',
+    buttonType = 'button',
+    hasAttachment = true,
+    acceptedFileFormats,
+    helperText,
+    size,
+    view,
+    helperTextView,
+    className,
+    style,
+    isLoading,
+    disabled,
+    id,
+    name,
+    onChange,
+    onClear,
+    ...rest
+  } = props;
+  const innerRef = useRef(null);
+  const ref = useForkRef(outerRef, innerRef);
+  const inputRef = useRef(null);
+  const inputHelperRef = useRef(null);
+  const cellRef = useRef(null);
+  const buttonRef = useRef(null);
+  const emptyTextCellWidth = useRef(null);
+  const [filename, setFilename] = useState('');
+  const [truncatedFilename, setTruncatedFilename] = useState('');
+  const horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;
+  const verticalClass = flow === 'vertical' ? classes.vertical : undefined;
+  const withHelperTextClass = helperText ? classes.withHelperText : undefined;
+  const autoClass = flow === 'auto' ? classes.auto : undefined;
+  const cellHiddenClass = truncatedFilename.length === 0 ? classes.cellHidden : undefined;
+  const accept = acceptedFileFormats?.join(',');
+  const extension = extractExtension(filename);
+  const cellContentLeft = getFileicon(extension, size);
+  useEffect(() => {
+    emptyTextCellWidth.current = cellRef.current?.offsetWidth || 0;
+  }, []);
+  useIsomorphicLayoutEffect(() => {
+    if (!cellRef.current || !cellRef.current.parentElement || !inputHelperRef.current || !inputHelperRef.current.textContent || !emptyTextCellWidth.current || !buttonRef.current) {
+      return;
+    }
+    const {
+      offsetWidth: textWidth
+    } = inputHelperRef.current;
+    const {
+      offsetWidth: buttonWidth
+    } = buttonRef.current;
+    const {
+      width: parentWidth,
+      left: parentLeft
+    } = cellRef.current.parentElement.getBoundingClientRect();
+    const {
+      left: cellLeft
+    } = cellRef.current.getBoundingClientRect();
+    const leftDiff = cellLeft - parentLeft;
+    let currentTextWidth = textWidth;
+    if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth || currentTextWidth + emptyTextCellWidth.current < buttonWidth) {
+      setTruncatedFilename(filename);
+      return;
+    }
+    let currFilename = addSeparator(filename, separator);
+    for (let i = currFilename.indexOf(separator) - 1; i > 0; i -= 1) {
+      if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {
+        break;
       }
-      if (onClear) {
-        onClear();
+      const left = currFilename.slice(0, i);
+      const right = currFilename.slice(i + 1);
+      const newFilename = `${left}${right}`;
+      inputHelperRef.current.textContent = newFilename;
+      currentTextWidth = inputHelperRef.current.offsetWidth;
+      if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {
+        break;
       }
-      inputRef.current.value = '';
-      setFilename('');
-      setTruncatedFilename('');
-    };
-    return /*#__PURE__*/React.createElement(Root, {
-      className: cx(horizontalClass, verticalClass, autoClass, withHelperTextClass, className),
-      style: style,
-      size: size,
-      view: view,
-      helperTextView: helperTextView,
-      ref: ref
-    }, /*#__PURE__*/React.createElement(StyledHiddenInput, {
-      ref: inputRef,
-      accept: accept,
-      type: "file",
-      id: id,
-      name: name,
-      onChange: handleChange
-    }), /*#__PURE__*/React.createElement(StyledHiddenInputHelper, {
-      ref: inputHelperRef
-    }, filename), /*#__PURE__*/React.createElement(StyledAttachButtonWrapper, null, /*#__PURE__*/React.createElement(AttachButton, _extends({
-      ref: buttonRef,
-      buttonType: buttonType,
-      isLoading: isLoading,
-      disabled: disabled,
-      onClick: handleClick
-    }, rest)), helperText && /*#__PURE__*/React.createElement(StyledHelperText, null, helperText)), hasAttachment && /*#__PURE__*/React.createElement(StyledCell, {
-      stretching: "fixed",
-      className: cellHiddenClass,
-      ref: cellRef,
-      size: size,
-      title: truncatedFilename,
-      contentLeft: cellContentLeft,
-      contentRight: /*#__PURE__*/React.createElement(StyledIconButtonCancel, {
-        onClick: handleClear
-      }, _IconCloseCircleOutli || (_IconCloseCircleOutli = /*#__PURE__*/React.createElement(IconCloseCircleOutline, {
-        size: "xs",
-        color: "inherit"
-      })))
-    }));
+      currFilename = newFilename;
+    }
+    inputHelperRef.current.textContent = filename;
+    setTruncatedFilename(currFilename);
   });
-};
-var attachConfig = {
+  const handleClick = () => {
+    if (!inputRef.current) {
+      return;
+    }
+    inputRef.current.click();
+  };
+  const handleChange = e => {
+    if (!e.target.files) {
+      return;
+    }
+    if (onChange) {
+      onChange(e);
+    }
+    setFilename(e.target.files[0].name);
+  };
+  const handleClear = () => {
+    if (!inputRef.current) {
+      return;
+    }
+    if (onClear) {
+      onClear();
+    }
+    inputRef.current.value = '';
+    setFilename('');
+    setTruncatedFilename('');
+  };
+  return /*#__PURE__*/React.createElement(Root, {
+    className: cx(horizontalClass, verticalClass, autoClass, withHelperTextClass, className),
+    style: style,
+    size: size,
+    view: view,
+    helperTextView: helperTextView,
+    ref: ref
+  }, /*#__PURE__*/React.createElement(StyledHiddenInput, {
+    ref: inputRef,
+    accept: accept,
+    type: "file",
+    id: id,
+    name: name,
+    onChange: handleChange
+  }), /*#__PURE__*/React.createElement(StyledHiddenInputHelper, {
+    ref: inputHelperRef
+  }, filename), /*#__PURE__*/React.createElement(StyledAttachButtonWrapper, null, /*#__PURE__*/React.createElement(AttachButton, _extends({
+    ref: buttonRef,
+    buttonType: buttonType,
+    isLoading: isLoading,
+    disabled: disabled,
+    onClick: handleClick
+  }, rest)), helperText && /*#__PURE__*/React.createElement(StyledHelperText, null, helperText)), hasAttachment && /*#__PURE__*/React.createElement(StyledCell, {
+    stretching: "fixed",
+    className: cellHiddenClass,
+    ref: cellRef,
+    size: size,
+    title: truncatedFilename,
+    contentLeft: cellContentLeft,
+    contentRight: /*#__PURE__*/React.createElement(StyledIconButtonCancel, {
+      onClick: handleClear
+    }, /*#__PURE__*/React.createElement(IconCloseCircleOutline, {
+      size: "xs",
+      color: "inherit"
+    }))
+  }));
+});
+const attachConfig = {
   name: 'Attach',
   tag: 'div',
   layout: attachRoot,
-  base: base,
+  base,
   variations: {
     view: {
       css: base$1

package/es/components/Attach/Attach.js.map

@@ -1 +1 @@
-{"version":3,"file":"Attach.js","sources":["../../../src/components/Attach/Attach.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEvent } from 'react';\nimport { useForkRef, useIsomorphicLayoutEffect } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconCloseCircleOutline } from '../_Icon';\n\nimport { AttachProps } from './Attach.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as helperTextViewCSS } from './variations/_helperTextView/base';\nimport {\n    base,\n    StyledHelperText,\n    StyledHiddenInput,\n    StyledHiddenInputHelper,\n    StyledAttachButtonWrapper,\n} from './Attach.styles';\nimport { StyledCell } from './ui/Cell/Cell';\nimport { extractExtension, getFileicon, addSeparator, separator } from './utils';\nimport { classes } from './Attach.tokens';\nimport { AttachButton } from './components/AttachButton';\nimport { StyledIconButtonCancel } from './ui/IconButton/IconButton.styles';\n\nexport const attachRoot = (Root: RootProps<HTMLDivElement, AttachProps>) =>\n    forwardRef<HTMLDivElement, AttachProps>((props, outerRef) => {\n        const {\n            flow = 'auto',\n            buttonType = 'button',\n            hasAttachment = true,\n            acceptedFileFormats,\n            helperText,\n            size,\n            view,\n            helperTextView,\n            className,\n            style,\n            isLoading,\n            disabled,\n            id,\n            name,\n            onChange,\n            onClear,\n            ...rest\n        } = props;\n\n        const innerRef = useRef<HTMLDivElement>(null);\n        const ref = useForkRef(outerRef, innerRef);\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const inputHelperRef = useRef<HTMLDivElement | null>(null);\n        const cellRef = useRef<HTMLDivElement | null>(null);\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n        const emptyTextCellWidth = useRef<number | null>(null);\n\n        const [filename, setFilename] = useState<string>('');\n        const [truncatedFilename, setTruncatedFilename] = useState<string>('');\n\n        const horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;\n        const verticalClass = flow === 'vertical' ? classes.vertical : undefined;\n        const withHelperTextClass = helperText ? classes.withHelperText : undefined;\n        const autoClass = flow === 'auto' ? classes.auto : undefined;\n        const cellHiddenClass = truncatedFilename.length === 0 ? classes.cellHidden : undefined;\n\n        const accept = acceptedFileFormats?.join(',');\n        const extension = extractExtension(filename);\n        const cellContentLeft = getFileicon(extension, size);\n\n        useEffect(() => {\n            emptyTextCellWidth.current = cellRef.current?.offsetWidth || 0;\n        }, []);\n\n        useIsomorphicLayoutEffect(() => {\n            if (\n                !cellRef.current ||\n                !cellRef.current.parentElement ||\n                !inputHelperRef.current ||\n                !inputHelperRef.current.textContent ||\n                !emptyTextCellWidth.current ||\n                !buttonRef.current\n            ) {\n                return;\n            }\n\n            const { offsetWidth: textWidth } = inputHelperRef.current;\n            const { offsetWidth: buttonWidth } = buttonRef.current;\n            const { width: parentWidth, left: parentLeft } = cellRef.current.parentElement.getBoundingClientRect();\n            const { left: cellLeft } = cellRef.current.getBoundingClientRect();\n            const leftDiff = cellLeft - parentLeft;\n            let currentTextWidth = textWidth;\n\n            if (\n                currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth ||\n                currentTextWidth + emptyTextCellWidth.current < buttonWidth\n            ) {\n                setTruncatedFilename(filename);\n                return;\n            }\n\n            let currFilename = addSeparator(filename, separator);\n            for (let i = currFilename.indexOf(separator) - 1; i > 0; i -= 1) {\n                if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {\n                    break;\n                }\n\n                const left = currFilename.slice(0, i);\n                const right = currFilename.slice(i + 1);\n                const newFilename = `${left}${right}`;\n                inputHelperRef.current.textContent = newFilename;\n                currentTextWidth = inputHelperRef.current.offsetWidth;\n\n                if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {\n                    break;\n                }\n\n                currFilename = newFilename;\n            }\n\n            inputHelperRef.current.textContent = filename;\n            setTruncatedFilename(currFilename);\n        });\n\n        const handleClick = () => {\n            if (!inputRef.current) {\n                return;\n            }\n\n            inputRef.current.click();\n        };\n\n        const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n            if (!e.target.files) {\n                return;\n            }\n\n            if (onChange) {\n                onChange(e);\n            }\n\n            setFilename(e.target.files[0].name);\n        };\n\n        const handleClear = () => {\n            if (!inputRef.current) {\n                return;\n            }\n\n            if (onClear) {\n                onClear();\n            }\n\n            inputRef.current.value = '';\n            setFilename('');\n            setTruncatedFilename('');\n        };\n\n        return (\n            <Root\n                className={cx(horizontalClass, verticalClass, autoClass, withHelperTextClass, className)}\n                style={style}\n                size={size}\n                view={view}\n                helperTextView={helperTextView}\n                ref={ref}\n            >\n                <StyledHiddenInput\n                    ref={inputRef}\n                    accept={accept}\n                    type=\"file\"\n                    id={id}\n                    name={name}\n                    onChange={handleChange}\n                />\n                <StyledHiddenInputHelper ref={inputHelperRef}>{filename}</StyledHiddenInputHelper>\n\n                <StyledAttachButtonWrapper>\n                    <AttachButton\n                        ref={buttonRef}\n                        buttonType={buttonType}\n                        isLoading={isLoading}\n                        disabled={disabled}\n                        onClick={handleClick}\n                        {...rest}\n                    />\n\n                    {helperText && <StyledHelperText>{helperText}</StyledHelperText>}\n                </StyledAttachButtonWrapper>\n\n                {hasAttachment && (\n                    <StyledCell\n                        stretching=\"fixed\"\n                        className={cellHiddenClass}\n                        ref={cellRef}\n                        size={size}\n                        title={truncatedFilename}\n                        contentLeft={cellContentLeft}\n                        contentRight={\n                            <StyledIconButtonCancel onClick={handleClear}>\n                                <IconCloseCircleOutline size=\"xs\" color=\"inherit\" />\n                            </StyledIconButtonCancel>\n                        }\n                    />\n                )}\n            </Root>\n        );\n    });\n\nexport const attachConfig = {\n    name: 'Attach',\n    tag: 'div',\n    layout: attachRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        helperTextView: {\n            css: helperTextViewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        helperTextView: 'default',\n        size: 'm',\n    },\n};\n"],"names":["attachRoot","Root","forwardRef","props","outerRef","_props$flow","flow","_props$buttonType","buttonType","_props$hasAttachment","hasAttachment","acceptedFileFormats","helperText","size","view","helperTextView","className","style","isLoading","disabled","id","name","onChange","onClear","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","inputRef","inputHelperRef","cellRef","buttonRef","emptyTextCellWidth","_useState","useState","_useState2","_slicedToArray","filename","setFilename","_useState3","_useState4","truncatedFilename","setTruncatedFilename","horizontalClass","classes","horizontal","undefined","verticalClass","vertical","withHelperTextClass","withHelperText","autoClass","auto","cellHiddenClass","length","cellHidden","accept","join","extension","extractExtension","cellContentLeft","getFileicon","useEffect","_cellRef$current","current","offsetWidth","useIsomorphicLayoutEffect","parentElement","textContent","textWidth","buttonWidth","_cellRef$current$pare","getBoundingClientRect","parentWidth","width","parentLeft","left","_cellRef$current$getB","cellLeft","leftDiff","currentTextWidth","currFilename","addSeparator","separator","i","indexOf","slice","right","newFilename","concat","handleClick","click","handleChange","e","target","files","handleClear","value","React","createElement","cx","StyledHiddenInput","type","StyledHiddenInputHelper","StyledAttachButtonWrapper","AttachButton","_extends","onClick","StyledHelperText","StyledCell","stretching","title","contentLeft","contentRight","StyledIconButtonCancel","_IconCloseCircleOutli","IconCloseCircleOutline","color","attachConfig","tag","layout","base","variations","css","viewCSS","helperTextViewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;IAyBaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAA4C,EAAA;AAAA,EAAA,oBACnEC,UAAU,CAA8B,UAACC,KAAK,EAAEC,QAAQ,EAAK;AACzD,IAAA,IAAAC,WAAA,GAkBIF,KAAK,CAjBLG,IAAI;AAAJA,MAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,WAAA;MAAAE,iBAAA,GAiBbJ,KAAK,CAhBLK,UAAU;AAAVA,MAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,iBAAA;MAAAE,oBAAA,GAgBrBN,KAAK,CAfLO,aAAa;AAAbA,MAAAA,aAAa,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,oBAAA;MACpBE,mBAAmB,GAcnBR,KAAK,CAdLQ,mBAAmB;MACnBC,UAAU,GAaVT,KAAK,CAbLS,UAAU;MACVC,IAAI,GAYJV,KAAK,CAZLU,IAAI;MACJC,IAAI,GAWJX,KAAK,CAXLW,IAAI;MACJC,cAAc,GAUdZ,KAAK,CAVLY,cAAc;MACdC,SAAS,GASTb,KAAK,CATLa,SAAS;MACTC,KAAK,GAQLd,KAAK,CARLc,KAAK;MACLC,SAAS,GAOTf,KAAK,CAPLe,SAAS;MACTC,QAAQ,GAMRhB,KAAK,CANLgB,QAAQ;MACRC,EAAE,GAKFjB,KAAK,CALLiB,EAAE;MACFC,IAAI,GAIJlB,KAAK,CAJLkB,IAAI;MACJC,QAAQ,GAGRnB,KAAK,CAHLmB,QAAQ;MACRC,OAAO,GAEPpB,KAAK,CAFLoB,OAAO;AACJC,MAAAA,IAAI,GAAAC,wBAAA,CACPtB,KAAK,EAAAuB,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,QAAQ,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAC7C,IAAA,IAAMC,GAAG,GAAGC,UAAU,CAAC1B,QAAQ,EAAEuB,QAAQ,CAAC,CAAA;AAE1C,IAAA,IAAMI,QAAQ,GAAGH,MAAM,CAA0B,IAAI,CAAC,CAAA;AACtD,IAAA,IAAMI,cAAc,GAAGJ,MAAM,CAAwB,IAAI,CAAC,CAAA;AAC1D,IAAA,IAAMK,OAAO,GAAGL,MAAM,CAAwB,IAAI,CAAC,CAAA;AACnD,IAAA,IAAMM,SAAS,GAAGN,MAAM,CAA2B,IAAI,CAAC,CAAA;AAExD,IAAA,IAAMO,kBAAkB,GAAGP,MAAM,CAAgB,IAAI,CAAC,CAAA;AAEtD,IAAA,IAAAQ,SAAA,GAAgCC,QAAQ,CAAS,EAAE,CAAC;MAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA7CI,MAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,WAAW,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAC5B,IAAA,IAAAI,UAAA,GAAkDL,QAAQ,CAAS,EAAE,CAAC;MAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA/DE,MAAAA,iBAAiB,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,oBAAoB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;IAE9C,IAAMG,eAAe,GAAGxC,IAAI,KAAK,YAAY,GAAGyC,OAAO,CAACC,UAAU,GAAGC,SAAS,CAAA;IAC9E,IAAMC,aAAa,GAAG5C,IAAI,KAAK,UAAU,GAAGyC,OAAO,CAACI,QAAQ,GAAGF,SAAS,CAAA;IACxE,IAAMG,mBAAmB,GAAGxC,UAAU,GAAGmC,OAAO,CAACM,cAAc,GAAGJ,SAAS,CAAA;IAC3E,IAAMK,SAAS,GAAGhD,IAAI,KAAK,MAAM,GAAGyC,OAAO,CAACQ,IAAI,GAAGN,SAAS,CAAA;AAC5D,IAAA,IAAMO,eAAe,GAAGZ,iBAAiB,CAACa,MAAM,KAAK,CAAC,GAAGV,OAAO,CAACW,UAAU,GAAGT,SAAS,CAAA;IAEvF,IAAMU,MAAM,GAAGhD,mBAAmB,KAAnBA,IAAAA,IAAAA,mBAAmB,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAmB,CAAEiD,IAAI,CAAC,GAAG,CAAC,CAAA;AAC7C,IAAA,IAAMC,SAAS,GAAGC,gBAAgB,CAACtB,QAAQ,CAAC,CAAA;AAC5C,IAAA,IAAMuB,eAAe,GAAGC,WAAW,CAACH,SAAS,EAAEhD,IAAI,CAAC,CAAA;AAEpDoD,IAAAA,SAAS,CAAC,YAAM;AAAA,MAAA,IAAAC,gBAAA,CAAA;AACZ/B,MAAAA,kBAAkB,CAACgC,OAAO,GAAG,CAAAD,CAAAA,gBAAA,GAAAjC,OAAO,CAACkC,OAAO,MAAA,IAAA,IAAAD,gBAAA,KAAfA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAA,CAAiBE,WAAW,KAAI,CAAC,CAAA;KACjE,EAAE,EAAE,CAAC,CAAA;AAENC,IAAAA,yBAAyB,CAAC,YAAM;AAC5B,MAAA,IACI,CAACpC,OAAO,CAACkC,OAAO,IAChB,CAAClC,OAAO,CAACkC,OAAO,CAACG,aAAa,IAC9B,CAACtC,cAAc,CAACmC,OAAO,IACvB,CAACnC,cAAc,CAACmC,OAAO,CAACI,WAAW,IACnC,CAACpC,kBAAkB,CAACgC,OAAO,IAC3B,CAACjC,SAAS,CAACiC,OAAO,EACpB;AACE,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAqBK,SAAS,GAAKxC,cAAc,CAACmC,OAAO,CAAjDC,WAAW,CAAA;AACnB,MAAA,IAAqBK,WAAW,GAAKvC,SAAS,CAACiC,OAAO,CAA9CC,WAAW,CAAA;MACnB,IAAAM,qBAAA,GAAiDzC,OAAO,CAACkC,OAAO,CAACG,aAAa,CAACK,qBAAqB,EAAE;QAAvFC,WAAW,GAAAF,qBAAA,CAAlBG,KAAK;QAAqBC,UAAU,GAAAJ,qBAAA,CAAhBK,IAAI,CAAA;MAChC,IAAAC,qBAAA,GAA2B/C,OAAO,CAACkC,OAAO,CAACQ,qBAAqB,EAAE;QAApDM,QAAQ,GAAAD,qBAAA,CAAdD,IAAI,CAAA;AACZ,MAAA,IAAMG,QAAQ,GAAGD,QAAQ,GAAGH,UAAU,CAAA;MACtC,IAAIK,gBAAgB,GAAGX,SAAS,CAAA;AAEhC,MAAA,IACIW,gBAAgB,GAAGhD,kBAAkB,CAACgC,OAAO,GAAGe,QAAQ,IAAIN,WAAW,IACvEO,gBAAgB,GAAGhD,kBAAkB,CAACgC,OAAO,GAAGM,WAAW,EAC7D;QACE5B,oBAAoB,CAACL,QAAQ,CAAC,CAAA;AAC9B,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAI4C,YAAY,GAAGC,YAAY,CAAC7C,QAAQ,EAAE8C,SAAS,CAAC,CAAA;AACpD,MAAA,KAAK,IAAIC,CAAC,GAAGH,YAAY,CAACI,OAAO,CAACF,SAAS,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAG,CAAC,EAAEA,CAAC,IAAI,CAAC,EAAE;QAC7D,IAAIJ,gBAAgB,GAAGhD,kBAAkB,CAACgC,OAAO,GAAGe,QAAQ,IAAIN,WAAW,EAAE;AACzE,UAAA,MAAA;AACJ,SAAA;QAEA,IAAMG,IAAI,GAAGK,YAAY,CAACK,KAAK,CAAC,CAAC,EAAEF,CAAC,CAAC,CAAA;QACrC,IAAMG,KAAK,GAAGN,YAAY,CAACK,KAAK,CAACF,CAAC,GAAG,CAAC,CAAC,CAAA;QACvC,IAAMI,WAAW,MAAAC,MAAA,CAAMb,IAAI,CAAAa,CAAAA,MAAA,CAAGF,KAAK,CAAE,CAAA;AACrC1D,QAAAA,cAAc,CAACmC,OAAO,CAACI,WAAW,GAAGoB,WAAW,CAAA;AAChDR,QAAAA,gBAAgB,GAAGnD,cAAc,CAACmC,OAAO,CAACC,WAAW,CAAA;AAErD,QAAA,IAAIe,gBAAgB,GAAGhD,kBAAkB,CAACgC,OAAO,GAAGM,WAAW,EAAE;AAC7D,UAAA,MAAA;AACJ,SAAA;AAEAW,QAAAA,YAAY,GAAGO,WAAW,CAAA;AAC9B,OAAA;AAEA3D,MAAAA,cAAc,CAACmC,OAAO,CAACI,WAAW,GAAG/B,QAAQ,CAAA;MAC7CK,oBAAoB,CAACuC,YAAY,CAAC,CAAA;AACtC,KAAC,CAAC,CAAA;AAEF,IAAA,IAAMS,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtB,MAAA,IAAI,CAAC9D,QAAQ,CAACoC,OAAO,EAAE;AACnB,QAAA,OAAA;AACJ,OAAA;AAEApC,MAAAA,QAAQ,CAACoC,OAAO,CAAC2B,KAAK,EAAE,CAAA;KAC3B,CAAA;AAED,IAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,CAAgC,EAAK;AACvD,MAAA,IAAI,CAACA,CAAC,CAACC,MAAM,CAACC,KAAK,EAAE;AACjB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAI5E,QAAQ,EAAE;QACVA,QAAQ,CAAC0E,CAAC,CAAC,CAAA;AACf,OAAA;MAEAvD,WAAW,CAACuD,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC7E,IAAI,CAAC,CAAA;KACtC,CAAA;AAED,IAAA,IAAM8E,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtB,MAAA,IAAI,CAACpE,QAAQ,CAACoC,OAAO,EAAE;AACnB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAI5C,OAAO,EAAE;AACTA,QAAAA,OAAO,EAAE,CAAA;AACb,OAAA;AAEAQ,MAAAA,QAAQ,CAACoC,OAAO,CAACiC,KAAK,GAAG,EAAE,CAAA;MAC3B3D,WAAW,CAAC,EAAE,CAAC,CAAA;MACfI,oBAAoB,CAAC,EAAE,CAAC,CAAA;KAC3B,CAAA;AAED,IAAA,oBACIwD,KAAA,CAAAC,aAAA,CAACrG,IAAI,EAAA;AACDe,MAAAA,SAAS,EAAEuF,EAAE,CAACzD,eAAe,EAAEI,aAAa,EAAEI,SAAS,EAAEF,mBAAmB,EAAEpC,SAAS,CAAE;AACzFC,MAAAA,KAAK,EAAEA,KAAM;AACbJ,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,cAAc,EAAEA,cAAe;AAC/Bc,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,eAETwE,KAAA,CAAAC,aAAA,CAACE,iBAAiB,EAAA;AACd3E,MAAAA,GAAG,EAAEE,QAAS;AACd4B,MAAAA,MAAM,EAAEA,MAAO;AACf8C,MAAAA,IAAI,EAAC,MAAM;AACXrF,MAAAA,EAAE,EAAEA,EAAG;AACPC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,QAAQ,EAAEyE,YAAAA;AAAa,KAC1B,CAAC,eACFM,KAAA,CAAAC,aAAA,CAACI,uBAAuB,EAAA;AAAC7E,MAAAA,GAAG,EAAEG,cAAAA;AAAe,KAAA,EAAEQ,QAAkC,CAAC,eAElF6D,KAAA,CAAAC,aAAA,CAACK,yBAAyB,EAAA,IAAA,eACtBN,KAAA,CAAAC,aAAA,CAACM,YAAY,EAAAC,QAAA,CAAA;AACThF,MAAAA,GAAG,EAAEK,SAAU;AACf1B,MAAAA,UAAU,EAAEA,UAAW;AACvBU,MAAAA,SAAS,EAAEA,SAAU;AACrBC,MAAAA,QAAQ,EAAEA,QAAS;AACnB2F,MAAAA,OAAO,EAAEjB,WAAAA;KACLrE,EAAAA,IAAI,CACX,CAAC,EAEDZ,UAAU,iBAAIyF,KAAA,CAAAC,aAAA,CAACS,gBAAgB,QAAEnG,UAA6B,CACxC,CAAC,EAE3BF,aAAa,iBACV2F,KAAA,CAAAC,aAAA,CAACU,UAAU,EAAA;AACPC,MAAAA,UAAU,EAAC,OAAO;AAClBjG,MAAAA,SAAS,EAAEwC,eAAgB;AAC3B3B,MAAAA,GAAG,EAAEI,OAAQ;AACbpB,MAAAA,IAAI,EAAEA,IAAK;AACXqG,MAAAA,KAAK,EAAEtE,iBAAkB;AACzBuE,MAAAA,WAAW,EAAEpD,eAAgB;AAC7BqD,MAAAA,YAAY,eACRf,KAAA,CAAAC,aAAA,CAACe,sBAAsB,EAAA;AAACP,QAAAA,OAAO,EAAEX,WAAAA;OAAYmB,EAAAA,qBAAA,KAAAA,qBAAA,gBACzCjB,KAAA,CAAAC,aAAA,CAACiB,sBAAsB,EAAA;AAAC1G,QAAAA,IAAI,EAAC,IAAI;AAAC2G,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAChC,CAAA;AAC3B,KACJ,CAEH,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMC,YAAY,GAAG;AACxBpG,EAAAA,IAAI,EAAE,QAAQ;AACdqG,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE3H,UAAU;AAClB4H,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR/G,IAAAA,IAAI,EAAE;AACFgH,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDhH,IAAAA,cAAc,EAAE;AACZ+G,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDnH,IAAAA,IAAI,EAAE;AACFiH,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNpH,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,cAAc,EAAE,SAAS;AACzBF,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"Attach.js","sources":["../../../src/components/Attach/Attach.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEvent } from 'react';\nimport { useForkRef, useIsomorphicLayoutEffect } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconCloseCircleOutline } from '../_Icon';\n\nimport { AttachProps } from './Attach.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as helperTextViewCSS } from './variations/_helperTextView/base';\nimport {\n    base,\n    StyledHelperText,\n    StyledHiddenInput,\n    StyledHiddenInputHelper,\n    StyledAttachButtonWrapper,\n} from './Attach.styles';\nimport { StyledCell } from './ui/Cell/Cell';\nimport { extractExtension, getFileicon, addSeparator, separator } from './utils';\nimport { classes } from './Attach.tokens';\nimport { AttachButton } from './components/AttachButton';\nimport { StyledIconButtonCancel } from './ui/IconButton/IconButton.styles';\n\nexport const attachRoot = (Root: RootProps<HTMLDivElement, AttachProps>) =>\n    forwardRef<HTMLDivElement, AttachProps>((props, outerRef) => {\n        const {\n            flow = 'auto',\n            buttonType = 'button',\n            hasAttachment = true,\n            acceptedFileFormats,\n            helperText,\n            size,\n            view,\n            helperTextView,\n            className,\n            style,\n            isLoading,\n            disabled,\n            id,\n            name,\n            onChange,\n            onClear,\n            ...rest\n        } = props;\n\n        const innerRef = useRef<HTMLDivElement>(null);\n        const ref = useForkRef(outerRef, innerRef);\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const inputHelperRef = useRef<HTMLDivElement | null>(null);\n        const cellRef = useRef<HTMLDivElement | null>(null);\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n        const emptyTextCellWidth = useRef<number | null>(null);\n\n        const [filename, setFilename] = useState<string>('');\n        const [truncatedFilename, setTruncatedFilename] = useState<string>('');\n\n        const horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;\n        const verticalClass = flow === 'vertical' ? classes.vertical : undefined;\n        const withHelperTextClass = helperText ? classes.withHelperText : undefined;\n        const autoClass = flow === 'auto' ? classes.auto : undefined;\n        const cellHiddenClass = truncatedFilename.length === 0 ? classes.cellHidden : undefined;\n\n        const accept = acceptedFileFormats?.join(',');\n        const extension = extractExtension(filename);\n        const cellContentLeft = getFileicon(extension, size);\n\n        useEffect(() => {\n            emptyTextCellWidth.current = cellRef.current?.offsetWidth || 0;\n        }, []);\n\n        useIsomorphicLayoutEffect(() => {\n            if (\n                !cellRef.current ||\n                !cellRef.current.parentElement ||\n                !inputHelperRef.current ||\n                !inputHelperRef.current.textContent ||\n                !emptyTextCellWidth.current ||\n                !buttonRef.current\n            ) {\n                return;\n            }\n\n            const { offsetWidth: textWidth } = inputHelperRef.current;\n            const { offsetWidth: buttonWidth } = buttonRef.current;\n            const { width: parentWidth, left: parentLeft } = cellRef.current.parentElement.getBoundingClientRect();\n            const { left: cellLeft } = cellRef.current.getBoundingClientRect();\n            const leftDiff = cellLeft - parentLeft;\n            let currentTextWidth = textWidth;\n\n            if (\n                currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth ||\n                currentTextWidth + emptyTextCellWidth.current < buttonWidth\n            ) {\n                setTruncatedFilename(filename);\n                return;\n            }\n\n            let currFilename = addSeparator(filename, separator);\n            for (let i = currFilename.indexOf(separator) - 1; i > 0; i -= 1) {\n                if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {\n                    break;\n                }\n\n                const left = currFilename.slice(0, i);\n                const right = currFilename.slice(i + 1);\n                const newFilename = `${left}${right}`;\n                inputHelperRef.current.textContent = newFilename;\n                currentTextWidth = inputHelperRef.current.offsetWidth;\n\n                if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {\n                    break;\n                }\n\n                currFilename = newFilename;\n            }\n\n            inputHelperRef.current.textContent = filename;\n            setTruncatedFilename(currFilename);\n        });\n\n        const handleClick = () => {\n            if (!inputRef.current) {\n                return;\n            }\n\n            inputRef.current.click();\n        };\n\n        const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n            if (!e.target.files) {\n                return;\n            }\n\n            if (onChange) {\n                onChange(e);\n            }\n\n            setFilename(e.target.files[0].name);\n        };\n\n        const handleClear = () => {\n            if (!inputRef.current) {\n                return;\n            }\n\n            if (onClear) {\n                onClear();\n            }\n\n            inputRef.current.value = '';\n            setFilename('');\n            setTruncatedFilename('');\n        };\n\n        return (\n            <Root\n                className={cx(horizontalClass, verticalClass, autoClass, withHelperTextClass, className)}\n                style={style}\n                size={size}\n                view={view}\n                helperTextView={helperTextView}\n                ref={ref}\n            >\n                <StyledHiddenInput\n                    ref={inputRef}\n                    accept={accept}\n                    type=\"file\"\n                    id={id}\n                    name={name}\n                    onChange={handleChange}\n                />\n                <StyledHiddenInputHelper ref={inputHelperRef}>{filename}</StyledHiddenInputHelper>\n\n                <StyledAttachButtonWrapper>\n                    <AttachButton\n                        ref={buttonRef}\n                        buttonType={buttonType}\n                        isLoading={isLoading}\n                        disabled={disabled}\n                        onClick={handleClick}\n                        {...rest}\n                    />\n\n                    {helperText && <StyledHelperText>{helperText}</StyledHelperText>}\n                </StyledAttachButtonWrapper>\n\n                {hasAttachment && (\n                    <StyledCell\n                        stretching=\"fixed\"\n                        className={cellHiddenClass}\n                        ref={cellRef}\n                        size={size}\n                        title={truncatedFilename}\n                        contentLeft={cellContentLeft}\n                        contentRight={\n                            <StyledIconButtonCancel onClick={handleClear}>\n                                <IconCloseCircleOutline size=\"xs\" color=\"inherit\" />\n                            </StyledIconButtonCancel>\n                        }\n                    />\n                )}\n            </Root>\n        );\n    });\n\nexport const attachConfig = {\n    name: 'Attach',\n    tag: 'div',\n    layout: attachRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        helperTextView: {\n            css: helperTextViewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        helperTextView: 'default',\n        size: 'm',\n    },\n};\n"],"names":["attachRoot","Root","forwardRef","props","outerRef","flow","buttonType","hasAttachment","acceptedFileFormats","helperText","size","view","helperTextView","className","style","isLoading","disabled","id","name","onChange","onClear","rest","innerRef","useRef","ref","useForkRef","inputRef","inputHelperRef","cellRef","buttonRef","emptyTextCellWidth","filename","setFilename","useState","truncatedFilename","setTruncatedFilename","horizontalClass","classes","horizontal","undefined","verticalClass","vertical","withHelperTextClass","withHelperText","autoClass","auto","cellHiddenClass","length","cellHidden","accept","join","extension","extractExtension","cellContentLeft","getFileicon","useEffect","current","offsetWidth","useIsomorphicLayoutEffect","parentElement","textContent","textWidth","buttonWidth","width","parentWidth","left","parentLeft","getBoundingClientRect","cellLeft","leftDiff","currentTextWidth","currFilename","addSeparator","separator","i","indexOf","slice","right","newFilename","handleClick","click","handleChange","e","target","files","handleClear","value","React","createElement","cx","StyledHiddenInput","type","StyledHiddenInputHelper","StyledAttachButtonWrapper","AttachButton","_extends","onClick","StyledHelperText","StyledCell","stretching","title","contentLeft","contentRight","StyledIconButtonCancel","IconCloseCircleOutline","color","attachConfig","tag","layout","base","variations","css","viewCSS","helperTextViewCSS","sizeCSS","defaults"],"mappings":"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"}

package/es/components/Attach/Attach.styles.js

@@ -1,25 +1,25 @@
 import './Attach.styles_1w3ga58.css';
 import { styled } from '@linaria/react';
 
-var base = "by826kf";
-var StyledHiddenInput = /*#__PURE__*/styled('input')({
+const base = "by826kf";
+const StyledHiddenInput = /*#__PURE__*/styled('input')({
   name: "StyledHiddenInput",
-  "class": "sw7vb9c",
+  class: "sw7vb9c",
   propsAsIs: false
 });
-var StyledHiddenInputHelper = /*#__PURE__*/styled('div')({
+const StyledHiddenInputHelper = /*#__PURE__*/styled('div')({
   name: "StyledHiddenInputHelper",
-  "class": "suojwhg",
+  class: "suojwhg",
   propsAsIs: false
 });
-var StyledAttachButtonWrapper = /*#__PURE__*/styled('div')({
+const StyledAttachButtonWrapper = /*#__PURE__*/styled('div')({
   name: "StyledAttachButtonWrapper",
-  "class": "sjp429d",
+  class: "sjp429d",
   propsAsIs: false
 });
-var StyledHelperText = /*#__PURE__*/styled('div')({
+const StyledHelperText = /*#__PURE__*/styled('div')({
   name: "StyledHelperText",
-  "class": "sssye98",
+  class: "sssye98",
   propsAsIs: false
 });
 

package/es/components/Attach/Attach.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Attach.styles.js","sources":["../../../src/components/Attach/Attach.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nexport const base = css`\n    position: relative;\n    display: flex;\n`;\n\nexport const StyledHiddenInput = styled.input`\n    display: none;\n`;\n\nexport const StyledHiddenInputHelper = styled.div`\n    position: absolute;\n    visibility: hidden;\n    white-space: nowrap;\n`;\n\nexport const StyledAttachButtonWrapper = styled.div`\n    position: relative;\n`;\n\nexport const StyledHelperText = styled.div`\n    position: absolute;\n    margin-top: 0.25rem;\n`;\n"],"names":["base","StyledHiddenInput","styled","name","class","propsAsIs","StyledHiddenInputHelper","StyledAttachButtonWrapper","StyledHelperText"],"mappings":";;AAGO,IAAMA,IAAI,GAGhB,UAAA;AAEM,IAAMC,iBAAiB,gBAAGC,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEtC,EAAA;AAEM,IAAMC,uBAAuB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI5C,EAAA;AAEM,IAAME,yBAAyB,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE9C,EAAA;AAEM,IAAMG,gBAAgB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC;;;;"}
+{"version":3,"file":"Attach.styles.js","sources":["../../../src/components/Attach/Attach.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nexport const base = css`\n    position: relative;\n    display: flex;\n`;\n\nexport const StyledHiddenInput = styled.input`\n    display: none;\n`;\n\nexport const StyledHiddenInputHelper = styled.div`\n    position: absolute;\n    visibility: hidden;\n    white-space: nowrap;\n`;\n\nexport const StyledAttachButtonWrapper = styled.div`\n    position: relative;\n`;\n\nexport const StyledHelperText = styled.div`\n    position: absolute;\n    margin-top: 0.25rem;\n`;\n"],"names":["base","StyledHiddenInput","styled","name","class","propsAsIs","StyledHiddenInputHelper","StyledAttachButtonWrapper","StyledHelperText"],"mappings":";;AAGO,MAAMA,IAAI,GAGhB,UAAA;AAEM,MAAMC,iBAAiB,gBAAGC,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEtC,EAAA;AAEM,MAAMC,uBAAuB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI5C,EAAA;AAEM,MAAME,yBAAyB,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE9C,EAAA;AAEM,MAAMG,gBAAgB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC;;;;"}

package/es/components/Attach/Attach.tokens.js

@@ -1,11 +1,11 @@
-var classes = {
+const classes = {
   auto: 'auto',
   horizontal: 'horizontal',
   vertical: 'vertical',
   withHelperText: 'with-helper-text',
   cellHidden: 'cell-hidden'
 };
-var tokens = {
+const tokens = {
   horizontalGap: '--plasma-attach-horizontal-gap',
   verticalGap: '--plasma-attach-vertical-gap',
   verticalGapWithHelperText: '--plasma-attach-vertical-gap-with-helper-text',

package/es/components/Attach/Attach.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Attach.tokens.js","sources":["../../../src/components/Attach/Attach.tokens.ts"],"sourcesContent":["export const classes = {\n    auto: 'auto',\n    horizontal: 'horizontal',\n    vertical: 'vertical',\n    withHelperText: 'with-helper-text',\n    cellHidden: 'cell-hidden',\n};\n\nexport const tokens = {\n    horizontalGap: '--plasma-attach-horizontal-gap',\n    verticalGap: '--plasma-attach-vertical-gap',\n    verticalGapWithHelperText: '--plasma-attach-vertical-gap-with-helper-text',\n\n    helperTextColor: '--plasma-attach-helper-text-color',\n\n    // Токены для Button\n    buttonColor: '--plasma-attach-button-color',\n    buttonValueColor: '--plasma-attach-button-value-color',\n    buttonBackgroundColor: '--plasma-attach-button-background-color',\n    buttonColorHover: '--plasma-attach-button-color-hover',\n    buttonBackgroundColorHover: '--plasma-attach-button-background-color-hover',\n    buttonColorActive: '--plasma-attach-button-color-active',\n    buttonBackgroundColorActive: '--plasma-attach-button-background-color-active',\n    buttonLoadingBackgroundColor: '--plasma-attach-button-loading-background-color',\n\n    buttonScaleHover: '--plasma-attach-button-scale-hover',\n    buttonScaleActive: '---plasma-attach-button-scale-active',\n    buttonHeight: '--plasma-attach-button-height',\n    buttonWidth: '--plasma-attach-button-width',\n    buttonPadding: '--plasma-attach-button-padding',\n    buttonRadius: '--plasma-attach-button-radius',\n    buttonRadiusCircle: '--plasma-attach-button-radius-circle',\n\n    buttonFontFamily: '--plasma-attach-button-font-family',\n    buttonFontSize: '--plasma-attach-button-font-size',\n    buttonFontStyle: '--plasma-attach-button-font-style',\n    buttonFontWeight: '--plasma-attach-button-font-weight',\n    buttonLetterSpacing: '--plasma-attach-button-letter-spacing',\n    buttonLineHeight: '--plasma-attach-button-line-height',\n\n    buttonLeftContentMargin: '--plasma-attach-button-left-content-margin',\n    buttonLeftContentAlignSelf: '--plasma-attach-button-left-content-align-self',\n    buttonRightContentMargin: '--plasma-attach-button-right-content-margin',\n    buttonRightContentAlignSelf: '--plasma-attach-button-right-content-align-self',\n    buttonValueMargin: '--plasma-attach-button-value-margin',\n\n    buttonDisabledOpacity: '--plasma-attach-button-disabled-opacity',\n    buttonFocusColor: '--plasma-attach-button-focus-color',\n\n    buttonSpinnerColor: '--plasma-attach-button-spinner-color',\n    buttonSpinnerSize: '--plasma-attach-button-spinner-size',\n\n    // Токены для Cell\n    cellColor: '--plasma-attach-cell-color',\n    cellBackgroundColor: '--plasma-attach-cell-background-color',\n\n    cellPadding: '--plasma-attach-cell-padding',\n    cellPaddingLeftContent: '--plasma-attach-cell-padding-left-content',\n    cellPaddingContent: '--plasma-attach-cell-padding-content',\n    cellPaddingRightContent: '--plasma-attach-cell-padding-right-content',\n\n    cellTextboxGap: '--plasma-attach-cell-textbox-gap',\n    cellGap: '--plasma-attach-cell-gap',\n\n    cellWidth: '--plasma-attach-cell-width',\n\n    cellLabelColor: '--plasma-attach-cell-label-color',\n    cellLabelFontFamily: '--plasma-attach-cell-label-font-family',\n    cellLabelFontSize: '--plasma-attach-cell-label-font-size',\n    cellLabelFontStyle: '--plasma-attach-cell-label-font-style',\n    cellLabelFontWeight: '--plasma-attach-cell-label-font-weight',\n    cellLabelLetterSpacing: '--plasma-attach-cell-label-letter-spacing',\n    cellLabelLineHeight: '--plasma-attach-cell-label-line-height',\n\n    cellTitleColor: '--plasma-attach-cell-title-color',\n    cellTitleFontFamily: '--plasma-attach-cell-title-font-family',\n    cellTitleFontSize: '--plasma-attach-cell-title-font-size',\n    cellTitleFontStyle: '--plasma-attach-cell-title-font-style',\n    cellTitleFontWeight: '--plasma-attach-cell-title-font-weight',\n    cellTitleLetterSpacing: '--plasma-attach-cell-title-letter-spacing',\n    cellTitleLineHeight: '--plasma-attach-cell-title-line-height',\n\n    cellSubtitleColor: '--plasma-attach-cell-subtitle-color',\n    cellSubtitleFontFamily: '--plasma-attach-cell-subtitle-font-family',\n    cellSubtitleFontSize: '--plasma-attach-cell-subtitle-font-size',\n    cellSubtitleFontStyle: '--plasma-attach-cell-subtitle-font-style',\n    cellSubtitleFontWeight: '--plasma-attach-cell-subtitle-font-weight',\n    cellSubtitleLetterSpacing: '--plasma-attach-cell-subtitle-letter-spacing',\n    cellSubtitleLineHeight: '--plasma-attach-cell-subtitle-line-height',\n\n    // Токены для IconButton\n    iconButtonColor: '--plasma-attach-icon-button-color',\n    iconButtonBackgroundColor: '--plasma-attach-icon-button-background-color',\n    iconButtonLoadingBackgroundColor: '--plasma-attach-icon-button-loading-background-color',\n    iconButtonColorHover: '--plasma-attach-icon-button-color-hover',\n    iconButtonBackgroundColorHover: '--plasma-attach-icon-button-background-color-hover',\n    iconButtonColorActive: '--plasma-attach-icon-button-color-active',\n    iconButtonBackgroundColorActive: '--plasma-attach-icon-button-background-color-active',\n\n    iconButtonScaleHover: '--plasma-attach-icon-button-scale-hover',\n    iconButtonScaleActive: '---plasma-attach-icon-button-scale-active',\n    iconButtonHeight: '--plasma-attach-icon-button-height',\n    iconButtonWidth: '--plasma-attach-icon-button-width',\n    iconButtonPadding: '--plasma-attach-icon-button-padding',\n    iconButtonRadius: '--plasma-attach-icon-button-radius',\n    iconButtonRadiusCircle: '--plasma-attach-icon-button-radius-circle',\n\n    iconButtonFontFamily: '--plasma-attach-icon-button-font-family',\n    iconButtonFontSize: '--plasma-attach-icon-button-font-size',\n    iconButtonFontStyle: '--plasma-attach-icon-button-font-style',\n    iconButtonFontWeight: '--plasma-attach-icon-button-font-weight',\n    iconButtonLetterSpacing: '--plasma-attach-icon-button-letter-spacing',\n    iconButtonLineHeight: '--plasma-attach-icon-button-line-height',\n\n    iconButtonDisabledOpacity: '--plasma-attach-icon-button-disabled-opacity',\n    iconButtonFocusColor: '--plasma-attach-icon-button-focus-color',\n\n    iconButtonSpinnerColor: '--plasma-attach-icon-button-spinner-color',\n    iconButtonSpinnerSize: '--plasma-attach-icon-button-spinner-size',\n\n    // Токены для IconButtonCancel\n    iconButtonCancelColor: '--plasma-attach-icon-button-cancel-color',\n    iconButtonCancelBackgroundColor: '--plasma-attach-icon-button-cancel-background-color',\n    iconButtonCancelLoadingBackgroundColor: '--plasma-attach-icon-button-cancel-loading-background-color',\n    iconButtonCancelColorHover: '--plasma-attach-icon-button-cancel-color-hover',\n    iconButtonCancelBackgroundColorHover: '--plasma-attach-icon-button-cancel-background-color-hover',\n    iconButtonCancelColorActive: '--plasma-attach-icon-button-cancel-color-active',\n    iconButtonCancelBackgroundColorActive: '--plasma-attach-icon-button-cancel-background-color-active',\n\n    iconButtonCancelScaleHover: '--plasma-attach-icon-button-cancel-scale-hover',\n    iconButtonCancelScaleActive: '---plasma-attach-icon-button-cancel-scale-active',\n    iconButtonCancelHeight: '--plasma-attach-icon-button-cancel-height',\n    iconButtonCancelWidth: '--plasma-attach-icon-button-cancel-width',\n    iconButtonCancelPadding: '--plasma-attach-icon-button-cancel-padding',\n    iconButtonCancelRadius: '--plasma-attach-icon-button-cancel-radius',\n    iconButtonCancelRadiusCircle: '--plasma-attach-icon-button-cancel-radius-circle',\n\n    iconButtonCancelFontFamily: '--plasma-attach-icon-button-cancel-font-family',\n    iconButtonCancelFontSize: '--plasma-attach-icon-button-cancel-font-size',\n    iconButtonCancelFontStyle: '--plasma-attach-icon-button-cancel-font-style',\n    iconButtonCancelFontWeight: '--plasma-attach-icon-button-cancel-font-weight',\n    iconButtonCancelLetterSpacing: '--plasma-attach-icon-button-cancel-letter-spacing',\n    iconButtonCancelLineHeight: '--plasma-attach-icon-button-cancel-line-height',\n\n    iconButtonCancelDisabledOpacity: '--plasma-attach-icon-button-cancel-disabled-opacity',\n    iconButtonCancelFocusColor: '--plasma-attach-icon-button-cancel-focus-color',\n\n    iconButtonCancelSpinnerColor: '--plasma-attach-icon-button-cancel-spinner-color',\n    iconButtonCancelSpinnerSize: '--plasma-attach-icon-button-cancel-spinner-size',\n};\n"],"names":["classes","auto","horizontal","vertical","withHelperText","cellHidden","tokens","horizontalGap","verticalGap","verticalGapWithHelperText","helperTextColor","buttonColor","buttonValueColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonLoadingBackgroundColor","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadius","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","buttonLeftContentMargin","buttonLeftContentAlignSelf","buttonRightContentMargin","buttonRightContentAlignSelf","buttonValueMargin","buttonDisabledOpacity","buttonFocusColor","buttonSpinnerColor","buttonSpinnerSize","cellColor","cellBackgroundColor","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellWidth","cellLabelColor","cellLabelFontFamily","cellLabelFontSize","cellLabelFontStyle","cellLabelFontWeight","cellLabelLetterSpacing","cellLabelLineHeight","cellTitleColor","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","cellSubtitleColor","cellSubtitleFontFamily","cellSubtitleFontSize","cellSubtitleFontStyle","cellSubtitleFontWeight","cellSubtitleLetterSpacing","cellSubtitleLineHeight","iconButtonColor","iconButtonBackgroundColor","iconButtonLoadingBackgroundColor","iconButtonColorHover","iconButtonBackgroundColorHover","iconButtonColorActive","iconButtonBackgroundColorActive","iconButtonScaleHover","iconButtonScaleActive","iconButtonHeight","iconButtonWidth","iconButtonPadding","iconButtonRadius","iconButtonRadiusCircle","iconButtonFontFamily","iconButtonFontSize","iconButtonFontStyle","iconButtonFontWeight","iconButtonLetterSpacing","iconButtonLineHeight","iconButtonDisabledOpacity","iconButtonFocusColor","iconButtonSpinnerColor","iconButtonSpinnerSize","iconButtonCancelColor","iconButtonCancelBackgroundColor","iconButtonCancelLoadingBackgroundColor","iconButtonCancelColorHover","iconButtonCancelBackgroundColorHover","iconButtonCancelColorActive","iconButtonCancelBackgroundColorActive","iconButtonCancelScaleHover","iconButtonCancelScaleActive","iconButtonCancelHeight","iconButtonCancelWidth","iconButtonCancelPadding","iconButtonCancelRadius","iconButtonCancelRadiusCircle","iconButtonCancelFontFamily","iconButtonCancelFontSize","iconButtonCancelFontStyle","iconButtonCancelFontWeight","iconButtonCancelLetterSpacing","iconButtonCancelLineHeight","iconButtonCancelDisabledOpacity","iconButtonCancelFocusColor","iconButtonCancelSpinnerColor","iconButtonCancelSpinnerSize"],"mappings":"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"}
+{"version":3,"file":"Attach.tokens.js","sources":["../../../src/components/Attach/Attach.tokens.ts"],"sourcesContent":["export const classes = {\n    auto: 'auto',\n    horizontal: 'horizontal',\n    vertical: 'vertical',\n    withHelperText: 'with-helper-text',\n    cellHidden: 'cell-hidden',\n};\n\nexport const tokens = {\n    horizontalGap: '--plasma-attach-horizontal-gap',\n    verticalGap: '--plasma-attach-vertical-gap',\n    verticalGapWithHelperText: '--plasma-attach-vertical-gap-with-helper-text',\n\n    helperTextColor: '--plasma-attach-helper-text-color',\n\n    // Токены для Button\n    buttonColor: '--plasma-attach-button-color',\n    buttonValueColor: '--plasma-attach-button-value-color',\n    buttonBackgroundColor: '--plasma-attach-button-background-color',\n    buttonColorHover: '--plasma-attach-button-color-hover',\n    buttonBackgroundColorHover: '--plasma-attach-button-background-color-hover',\n    buttonColorActive: '--plasma-attach-button-color-active',\n    buttonBackgroundColorActive: '--plasma-attach-button-background-color-active',\n    buttonLoadingBackgroundColor: '--plasma-attach-button-loading-background-color',\n\n    buttonScaleHover: '--plasma-attach-button-scale-hover',\n    buttonScaleActive: '---plasma-attach-button-scale-active',\n    buttonHeight: '--plasma-attach-button-height',\n    buttonWidth: '--plasma-attach-button-width',\n    buttonPadding: '--plasma-attach-button-padding',\n    buttonRadius: '--plasma-attach-button-radius',\n    buttonRadiusCircle: '--plasma-attach-button-radius-circle',\n\n    buttonFontFamily: '--plasma-attach-button-font-family',\n    buttonFontSize: '--plasma-attach-button-font-size',\n    buttonFontStyle: '--plasma-attach-button-font-style',\n    buttonFontWeight: '--plasma-attach-button-font-weight',\n    buttonLetterSpacing: '--plasma-attach-button-letter-spacing',\n    buttonLineHeight: '--plasma-attach-button-line-height',\n\n    buttonLeftContentMargin: '--plasma-attach-button-left-content-margin',\n    buttonLeftContentAlignSelf: '--plasma-attach-button-left-content-align-self',\n    buttonRightContentMargin: '--plasma-attach-button-right-content-margin',\n    buttonRightContentAlignSelf: '--plasma-attach-button-right-content-align-self',\n    buttonValueMargin: '--plasma-attach-button-value-margin',\n\n    buttonDisabledOpacity: '--plasma-attach-button-disabled-opacity',\n    buttonFocusColor: '--plasma-attach-button-focus-color',\n\n    buttonSpinnerColor: '--plasma-attach-button-spinner-color',\n    buttonSpinnerSize: '--plasma-attach-button-spinner-size',\n\n    // Токены для Cell\n    cellColor: '--plasma-attach-cell-color',\n    cellBackgroundColor: '--plasma-attach-cell-background-color',\n\n    cellPadding: '--plasma-attach-cell-padding',\n    cellPaddingLeftContent: '--plasma-attach-cell-padding-left-content',\n    cellPaddingContent: '--plasma-attach-cell-padding-content',\n    cellPaddingRightContent: '--plasma-attach-cell-padding-right-content',\n\n    cellTextboxGap: '--plasma-attach-cell-textbox-gap',\n    cellGap: '--plasma-attach-cell-gap',\n\n    cellWidth: '--plasma-attach-cell-width',\n\n    cellLabelColor: '--plasma-attach-cell-label-color',\n    cellLabelFontFamily: '--plasma-attach-cell-label-font-family',\n    cellLabelFontSize: '--plasma-attach-cell-label-font-size',\n    cellLabelFontStyle: '--plasma-attach-cell-label-font-style',\n    cellLabelFontWeight: '--plasma-attach-cell-label-font-weight',\n    cellLabelLetterSpacing: '--plasma-attach-cell-label-letter-spacing',\n    cellLabelLineHeight: '--plasma-attach-cell-label-line-height',\n\n    cellTitleColor: '--plasma-attach-cell-title-color',\n    cellTitleFontFamily: '--plasma-attach-cell-title-font-family',\n    cellTitleFontSize: '--plasma-attach-cell-title-font-size',\n    cellTitleFontStyle: '--plasma-attach-cell-title-font-style',\n    cellTitleFontWeight: '--plasma-attach-cell-title-font-weight',\n    cellTitleLetterSpacing: '--plasma-attach-cell-title-letter-spacing',\n    cellTitleLineHeight: '--plasma-attach-cell-title-line-height',\n\n    cellSubtitleColor: '--plasma-attach-cell-subtitle-color',\n    cellSubtitleFontFamily: '--plasma-attach-cell-subtitle-font-family',\n    cellSubtitleFontSize: '--plasma-attach-cell-subtitle-font-size',\n    cellSubtitleFontStyle: '--plasma-attach-cell-subtitle-font-style',\n    cellSubtitleFontWeight: '--plasma-attach-cell-subtitle-font-weight',\n    cellSubtitleLetterSpacing: '--plasma-attach-cell-subtitle-letter-spacing',\n    cellSubtitleLineHeight: '--plasma-attach-cell-subtitle-line-height',\n\n    // Токены для IconButton\n    iconButtonColor: '--plasma-attach-icon-button-color',\n    iconButtonBackgroundColor: '--plasma-attach-icon-button-background-color',\n    iconButtonLoadingBackgroundColor: '--plasma-attach-icon-button-loading-background-color',\n    iconButtonColorHover: '--plasma-attach-icon-button-color-hover',\n    iconButtonBackgroundColorHover: '--plasma-attach-icon-button-background-color-hover',\n    iconButtonColorActive: '--plasma-attach-icon-button-color-active',\n    iconButtonBackgroundColorActive: '--plasma-attach-icon-button-background-color-active',\n\n    iconButtonScaleHover: '--plasma-attach-icon-button-scale-hover',\n    iconButtonScaleActive: '---plasma-attach-icon-button-scale-active',\n    iconButtonHeight: '--plasma-attach-icon-button-height',\n    iconButtonWidth: '--plasma-attach-icon-button-width',\n    iconButtonPadding: '--plasma-attach-icon-button-padding',\n    iconButtonRadius: '--plasma-attach-icon-button-radius',\n    iconButtonRadiusCircle: '--plasma-attach-icon-button-radius-circle',\n\n    iconButtonFontFamily: '--plasma-attach-icon-button-font-family',\n    iconButtonFontSize: '--plasma-attach-icon-button-font-size',\n    iconButtonFontStyle: '--plasma-attach-icon-button-font-style',\n    iconButtonFontWeight: '--plasma-attach-icon-button-font-weight',\n    iconButtonLetterSpacing: '--plasma-attach-icon-button-letter-spacing',\n    iconButtonLineHeight: '--plasma-attach-icon-button-line-height',\n\n    iconButtonDisabledOpacity: '--plasma-attach-icon-button-disabled-opacity',\n    iconButtonFocusColor: '--plasma-attach-icon-button-focus-color',\n\n    iconButtonSpinnerColor: '--plasma-attach-icon-button-spinner-color',\n    iconButtonSpinnerSize: '--plasma-attach-icon-button-spinner-size',\n\n    // Токены для IconButtonCancel\n    iconButtonCancelColor: '--plasma-attach-icon-button-cancel-color',\n    iconButtonCancelBackgroundColor: '--plasma-attach-icon-button-cancel-background-color',\n    iconButtonCancelLoadingBackgroundColor: '--plasma-attach-icon-button-cancel-loading-background-color',\n    iconButtonCancelColorHover: '--plasma-attach-icon-button-cancel-color-hover',\n    iconButtonCancelBackgroundColorHover: '--plasma-attach-icon-button-cancel-background-color-hover',\n    iconButtonCancelColorActive: '--plasma-attach-icon-button-cancel-color-active',\n    iconButtonCancelBackgroundColorActive: '--plasma-attach-icon-button-cancel-background-color-active',\n\n    iconButtonCancelScaleHover: '--plasma-attach-icon-button-cancel-scale-hover',\n    iconButtonCancelScaleActive: '---plasma-attach-icon-button-cancel-scale-active',\n    iconButtonCancelHeight: '--plasma-attach-icon-button-cancel-height',\n    iconButtonCancelWidth: '--plasma-attach-icon-button-cancel-width',\n    iconButtonCancelPadding: '--plasma-attach-icon-button-cancel-padding',\n    iconButtonCancelRadius: '--plasma-attach-icon-button-cancel-radius',\n    iconButtonCancelRadiusCircle: '--plasma-attach-icon-button-cancel-radius-circle',\n\n    iconButtonCancelFontFamily: '--plasma-attach-icon-button-cancel-font-family',\n    iconButtonCancelFontSize: '--plasma-attach-icon-button-cancel-font-size',\n    iconButtonCancelFontStyle: '--plasma-attach-icon-button-cancel-font-style',\n    iconButtonCancelFontWeight: '--plasma-attach-icon-button-cancel-font-weight',\n    iconButtonCancelLetterSpacing: '--plasma-attach-icon-button-cancel-letter-spacing',\n    iconButtonCancelLineHeight: '--plasma-attach-icon-button-cancel-line-height',\n\n    iconButtonCancelDisabledOpacity: '--plasma-attach-icon-button-cancel-disabled-opacity',\n    iconButtonCancelFocusColor: '--plasma-attach-icon-button-cancel-focus-color',\n\n    iconButtonCancelSpinnerColor: '--plasma-attach-icon-button-cancel-spinner-color',\n    iconButtonCancelSpinnerSize: '--plasma-attach-icon-button-cancel-spinner-size',\n};\n"],"names":["classes","auto","horizontal","vertical","withHelperText","cellHidden","tokens","horizontalGap","verticalGap","verticalGapWithHelperText","helperTextColor","buttonColor","buttonValueColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonLoadingBackgroundColor","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadius","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","buttonLeftContentMargin","buttonLeftContentAlignSelf","buttonRightContentMargin","buttonRightContentAlignSelf","buttonValueMargin","buttonDisabledOpacity","buttonFocusColor","buttonSpinnerColor","buttonSpinnerSize","cellColor","cellBackgroundColor","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellWidth","cellLabelColor","cellLabelFontFamily","cellLabelFontSize","cellLabelFontStyle","cellLabelFontWeight","cellLabelLetterSpacing","cellLabelLineHeight","cellTitleColor","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","cellSubtitleColor","cellSubtitleFontFamily","cellSubtitleFontSize","cellSubtitleFontStyle","cellSubtitleFontWeight","cellSubtitleLetterSpacing","cellSubtitleLineHeight","iconButtonColor","iconButtonBackgroundColor","iconButtonLoadingBackgroundColor","iconButtonColorHover","iconButtonBackgroundColorHover","iconButtonColorActive","iconButtonBackgroundColorActive","iconButtonScaleHover","iconButtonScaleActive","iconButtonHeight","iconButtonWidth","iconButtonPadding","iconButtonRadius","iconButtonRadiusCircle","iconButtonFontFamily","iconButtonFontSize","iconButtonFontStyle","iconButtonFontWeight","iconButtonLetterSpacing","iconButtonLineHeight","iconButtonDisabledOpacity","iconButtonFocusColor","iconButtonSpinnerColor","iconButtonSpinnerSize","iconButtonCancelColor","iconButtonCancelBackgroundColor","iconButtonCancelLoadingBackgroundColor","iconButtonCancelColorHover","iconButtonCancelBackgroundColorHover","iconButtonCancelColorActive","iconButtonCancelBackgroundColorActive","iconButtonCancelScaleHover","iconButtonCancelScaleActive","iconButtonCancelHeight","iconButtonCancelWidth","iconButtonCancelPadding","iconButtonCancelRadius","iconButtonCancelRadiusCircle","iconButtonCancelFontFamily","iconButtonCancelFontSize","iconButtonCancelFontStyle","iconButtonCancelFontWeight","iconButtonCancelLetterSpacing","iconButtonCancelLineHeight","iconButtonCancelDisabledOpacity","iconButtonCancelFocusColor","iconButtonCancelSpinnerColor","iconButtonCancelSpinnerSize"],"mappings":"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"}

package/es/components/Attach/components/AttachButton/AttachButton.js

@@ -1,30 +1,31 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
 import { StyledIconButton } from '../../ui/IconButton/IconButton.styles.js';
 import { StyledButton } from '../../ui/Button/Button.styles.js';
 import { IconPlus } from '../../../_Icon/Icons/IconPlus.js';
 
-var _excluded = ["size", "icon"],
-  _excluded2 = ["text"];
-var getDefaultIcon = function getDefaultIcon(size) {
-  var iconSize = size === 'xs' ? 'xs' : 's';
+const getDefaultIcon = size => {
+  const iconSize = size === 'xs' ? 'xs' : 's';
   return /*#__PURE__*/React.createElement(IconPlus, {
     size: iconSize,
     color: "inherit"
   });
 };
-var AttachButton = /*#__PURE__*/forwardRef(function (props, ref) {
+const AttachButton = /*#__PURE__*/forwardRef((props, ref) => {
   if (props.buttonType === 'iconButton') {
-    var size = props.size,
-      icon = props.icon,
-      _rest = _objectWithoutProperties(props, _excluded);
+    const {
+      size,
+      icon,
+      ...rest
+    } = props;
     return /*#__PURE__*/React.createElement(StyledIconButton, _extends({
       ref: ref
-    }, _rest), icon || getDefaultIcon(size));
+    }, rest), icon || getDefaultIcon(size));
   }
-  var _props$text = props.text,
-    text = _props$text === void 0 ? 'Загрузить файл' : _props$text,
-    rest = _objectWithoutProperties(props, _excluded2);
+  const {
+    text = 'Загрузить файл',
+    ...rest
+  } = props;
   return /*#__PURE__*/React.createElement(StyledButton, _extends({
     ref: ref,
     text: text

package/es/components/Attach/components/AttachButton/AttachButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachButton.js","sources":["../../../../../src/components/Attach/components/AttachButton/AttachButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { AttachButtonProps } from '../../Attach.types';\nimport { StyledIconButton } from '../../ui/IconButton/IconButton';\nimport { StyledButton } from '../../ui/Button/Button';\nimport { IconPlus } from '../../../_Icon';\n\nconst getDefaultIcon = (size?: string) => {\n    const iconSize = size === 'xs' ? 'xs' : 's';\n    return <IconPlus size={iconSize} color=\"inherit\" />;\n};\n\nexport const AttachButton = forwardRef<HTMLButtonElement, AttachButtonProps>((props, ref) => {\n    if (props.buttonType === 'iconButton') {\n        const { size, icon, ...rest } = props;\n\n        return (\n            <StyledIconButton ref={ref} {...rest}>\n                {icon || getDefaultIcon(size)}\n            </StyledIconButton>\n        );\n    }\n\n    const { text = 'Загрузить файл', ...rest } = props;\n    return <StyledButton ref={ref} text={text} {...rest} />;\n});\n"],"names":["getDefaultIcon","size","iconSize","React","createElement","IconPlus","color","AttachButton","forwardRef","props","ref","buttonType","icon","rest","_objectWithoutProperties","_excluded","StyledIconButton","_extends","_props$text","text","_excluded2","StyledButton"],"mappings":";;;;;;;;AAOA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAa,EAAK;EACtC,IAAMC,QAAQ,GAAGD,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,CAAA;AAC3C,EAAA,oBAAOE,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACJ,IAAAA,IAAI,EAAEC,QAAS;AAACI,IAAAA,KAAK,EAAC,SAAA;AAAS,GAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAEM,IAAMC,YAAY,gBAAGC,UAAU,CAAuC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACzF,EAAA,IAAID,KAAK,CAACE,UAAU,KAAK,YAAY,EAAE;AACnC,IAAA,IAAQV,IAAI,GAAoBQ,KAAK,CAA7BR,IAAI;MAAEW,IAAI,GAAcH,KAAK,CAAvBG,IAAI;AAAKC,MAAAA,KAAI,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;AAErC,IAAA,oBACIZ,KAAA,CAAAC,aAAA,CAACY,gBAAgB,EAAAC,QAAA,CAAA;AAACP,MAAAA,GAAG,EAAEA,GAAAA;KAASG,EAAAA,KAAI,GAC/BD,IAAI,IAAIZ,cAAc,CAACC,IAAI,CACd,CAAC,CAAA;AAE3B,GAAA;AAEA,EAAA,IAAAiB,WAAA,GAA6CT,KAAK,CAA1CU,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,gBAAgB,GAAAA,WAAA;AAAKL,IAAAA,IAAI,GAAAC,wBAAA,CAAKL,KAAK,EAAAW,UAAA,CAAA,CAAA;AAClD,EAAA,oBAAOjB,KAAA,CAAAC,aAAA,CAACiB,YAAY,EAAAJ,QAAA,CAAA;AAACP,IAAAA,GAAG,EAAEA,GAAI;AAACS,IAAAA,IAAI,EAAEA,IAAAA;GAAUN,EAAAA,IAAI,CAAG,CAAC,CAAA;AAC3D,CAAC;;;;"}
+{"version":3,"file":"AttachButton.js","sources":["../../../../../src/components/Attach/components/AttachButton/AttachButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { AttachButtonProps } from '../../Attach.types';\nimport { StyledIconButton } from '../../ui/IconButton/IconButton';\nimport { StyledButton } from '../../ui/Button/Button';\nimport { IconPlus } from '../../../_Icon';\n\nconst getDefaultIcon = (size?: string) => {\n    const iconSize = size === 'xs' ? 'xs' : 's';\n    return <IconPlus size={iconSize} color=\"inherit\" />;\n};\n\nexport const AttachButton = forwardRef<HTMLButtonElement, AttachButtonProps>((props, ref) => {\n    if (props.buttonType === 'iconButton') {\n        const { size, icon, ...rest } = props;\n\n        return (\n            <StyledIconButton ref={ref} {...rest}>\n                {icon || getDefaultIcon(size)}\n            </StyledIconButton>\n        );\n    }\n\n    const { text = 'Загрузить файл', ...rest } = props;\n    return <StyledButton ref={ref} text={text} {...rest} />;\n});\n"],"names":["getDefaultIcon","size","iconSize","React","createElement","IconPlus","color","AttachButton","forwardRef","props","ref","buttonType","icon","rest","StyledIconButton","_extends","text","StyledButton"],"mappings":";;;;;;AAOA,MAAMA,cAAc,GAAIC,IAAa,IAAK;EACtC,MAAMC,QAAQ,GAAGD,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,CAAA;AAC3C,EAAA,oBAAOE,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACJ,IAAAA,IAAI,EAAEC,QAAS;AAACI,IAAAA,KAAK,EAAC,SAAA;AAAS,GAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAEM,MAAMC,YAAY,gBAAGC,UAAU,CAAuC,CAACC,KAAK,EAAEC,GAAG,KAAK;AACzF,EAAA,IAAID,KAAK,CAACE,UAAU,KAAK,YAAY,EAAE;IACnC,MAAM;MAAEV,IAAI;MAAEW,IAAI;MAAE,GAAGC,IAAAA;AAAK,KAAC,GAAGJ,KAAK,CAAA;AAErC,IAAA,oBACIN,KAAA,CAAAC,aAAA,CAACU,gBAAgB,EAAAC,QAAA,CAAA;AAACL,MAAAA,GAAG,EAAEA,GAAAA;KAASG,EAAAA,IAAI,GAC/BD,IAAI,IAAIZ,cAAc,CAACC,IAAI,CACd,CAAC,CAAA;AAE3B,GAAA;EAEA,MAAM;AAAEe,IAAAA,IAAI,GAAG,gBAAgB;IAAE,GAAGH,IAAAA;AAAK,GAAC,GAAGJ,KAAK,CAAA;AAClD,EAAA,oBAAON,KAAA,CAAAC,aAAA,CAACa,YAAY,EAAAF,QAAA,CAAA;AAACL,IAAAA,GAAG,EAAEA,GAAI;AAACM,IAAAA,IAAI,EAAEA,IAAAA;GAAUH,EAAAA,IAAI,CAAG,CAAC,CAAA;AAC3D,CAAC;;;;"}

package/es/components/Attach/ui/Button/Button.styles.js

@@ -1,16 +1,14 @@
 import './Button.styles_bj69th.css';
 import { styled } from '@linaria/react';
-import { component, mergeConfig } from '../../../../engines/common.js';
+import { mergeConfig, component } from '../../../../engines/common.js';
 import { buttonConfig } from '../../../Button/Button.js';
 
-var mergedConfig = /*#__PURE__*/mergeConfig(buttonConfig);
-var Button = /*#__PURE__*/component(mergedConfig);
-var _exp = function _exp() {
-  return Button;
-};
-var StyledButton = /*#__PURE__*/styled(_exp())({
+const mergedConfig = mergeConfig(buttonConfig);
+const Button = component(mergedConfig);
+const _exp = /*#__PURE__*/() => Button;
+const StyledButton = /*#__PURE__*/styled(_exp())({
   name: "StyledButton",
-  "class": "sfplb1t",
+  class: "sfplb1t",
   propsAsIs: true
 });