npm - @salutejs/plasma-new-hope - Versions diffs - 0.344.0-canary.2397.20370453452.0 → 0.344.0-canary.2399.20427286988.0 - Mend

@salutejs/plasma-new-hope 0.344.0-canary.2397.20370453452.0 → 0.344.0-canary.2399.20427286988.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1054) hide show

package/dist/css/es/components/Note/Note.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, useRef, useLayoutEffect, useEffect } from 'react';
+import React__default, { forwardRef, useState, useRef, useLayoutEffect, useEffect } from 'react';
 import { useResizeObserver } from '@salutejs/plasma-core';
 import { cx } from '../../utils/index.js';
 import { IconCrossThin } from '../_Icon/Icons/IconCrossThin.js';
@@ -85,28 +85,28 @@ var noteRoot = function noteRoot(Root) {
       }
       setContentBeforeWidth("var(".concat(tokens.fixedContentBeforeWidth, ")"));
     }, [contentBefore, contentBeforeSizing]);
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: outerRef,
       className: cx(className, stretch && classes.stretch, contentBeforeSizing === 'scalable' && classes.contentAlignCenter),
       view: view,
       size: size,
       style: _objectSpread2(_objectSpread2({}, style), {}, _defineProperty(_defineProperty(_defineProperty({}, privateTokens.width, innerWidth), privateTokens.height, innerHeight), privateTokens.contentWidthWithOffset, contentWidthWithOffsetToken))
-    }, rest), contentBefore && /*#__PURE__*/React.createElement(ContentBefore, {
+    }, rest), contentBefore && /*#__PURE__*/React__default.createElement(ContentBefore, {
       ref: contentBeforeRef
-    }, contentBefore), /*#__PURE__*/React.createElement(ContentWrapper, {
+    }, contentBefore), /*#__PURE__*/React__default.createElement(ContentWrapper, {
       ref: contentWrapperRef
-    }, title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title, {
+    }, title && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Title, {
       hasClose: hasClose
-    }, title), /*#__PURE__*/React.createElement(TitleHelper, {
+    }, title), /*#__PURE__*/React__default.createElement(TitleHelper, {
       ref: titleHelperRef
-    }, "C")), innerText && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, null, innerText, /*#__PURE__*/React.createElement(TextHelper, {
+    }, "C")), innerText && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Text, null, innerText, /*#__PURE__*/React__default.createElement(TextHelper, {
       ref: textRenderHelperRef
-    }, "C")))), hasClose && /*#__PURE__*/React.createElement(CloseIconWrapper, {
+    }, "C")))), hasClose && /*#__PURE__*/React__default.createElement(CloseIconWrapper, {
       view: "clear",
       size: "s",
       onClick: onCloseButtonClick,
       className: classes.closeIcon
-    }, /*#__PURE__*/React.createElement(IconCrossThin, {
+    }, /*#__PURE__*/React__default.createElement(IconCrossThin, {
       size: "s",
       sizeCustomProperty: tokens.closeIconSize,
       color: "inherit"

package/dist/css/es/components/Note/Note.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Note.js","sources":["../../../../../src/components/Note/Note.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport type { CSSProperties } from 'react';\nimport { useResizeObserver } from '@salutejs/plasma-core';\n\nimport { canUseDOM, cx, getSizeValueFromProp } from '../../utils';\nimport type { RootProps } from '../../engines';\nimport { IconCrossThin } from '../_Icon/Icons/IconCrossThin';\n\nimport type { NoteProps } from './Note.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport {\n base,\n CloseIconWrapper,\n ContentBefore,\n ContentWrapper,\n Text,\n TextHelper,\n Title,\n TitleHelper,\n} from './Note.styles';\nimport { classes, privateTokens, tokens } from './Note.tokens';\n\nexport const noteRoot = (Root: RootProps<HTMLDivElement, NoteProps>) =>\n forwardRef<HTMLDivElement, NoteProps>(\n (\n {\n className,\n style,\n title,\n text,\n contentBefore,\n contentBeforeSizing = 'fixed',\n size,\n view,\n stretch,\n width,\n height,\n hasClose,\n onCloseButtonClick,\n ...rest\n },\n outerRef,\n ) => {\n const [innerText, setInnerText] = useState(text);\n const [contentBeforeWidth, setContentBeforeWidth] = useState(\n contentBefore ? `var(${tokens.fixedContentBeforeWidth})` : '0',\n );\n\n const contentWrapperRef = useRef<HTMLDivElement>(null);\n const contentBeforeRef = useRef<HTMLDivElement>(null);\n const titleHelperRef = useRef<HTMLDivElement>(null);\n const textRenderHelperRef = useRef<HTMLSpanElement>(null);\n\n const innerWidth = width ? getSizeValueFromProp(width) : 'fit-content';\n const innerHeight = height ? getSizeValueFromProp(height) : 'fit-content';\n\n const contentGapToken = contentBeforeSizing === 'scalable' ? tokens.gapScalable : tokens.gap;\n const contentWidthWithOffsetToken = contentBefore\n ? `calc(100% - ${contentBeforeWidth} - var(${contentGapToken}))`\n : '100%';\n\n const setTruncatedText = () => {\n if (\n !canUseDOM \|\|\n !text \|\|\n typeof text !== 'string' \|\|\n !contentWrapperRef?.current \|\|\n !textRenderHelperRef?.current \|\|\n (!width && !height)\n ) {\n return;\n }\n\n const contentHeight = contentWrapperRef.current.offsetHeight;\n const titleHeight = titleHelperRef.current?.offsetHeight \|\| 0;\n\n const contentGap = Number(window.getComputedStyle(contentWrapperRef.current).rowGap.replace('px', ''));\n\n const textAvailableHeight = contentHeight - titleHeight - contentGap;\n\n textRenderHelperRef.current.textContent = text;\n\n if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {\n setInnerText(text);\n return;\n }\n\n let fullText = `${text.slice(0, -3)}...`;\n\n for (let i = text.length - 1; i >= 0; i -= 1) {\n textRenderHelperRef.current.textContent = fullText;\n\n if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {\n break;\n }\n\n fullText = `${fullText.slice(0, i)}...`;\n }\n\n setInnerText(fullText);\n };\n\n useResizeObserver(contentWrapperRef, setTruncatedText);\n\n useLayoutEffect(() => {\n setTruncatedText();\n }, [text, contentBefore, contentBeforeSizing, stretch]);\n\n useEffect(() => {\n setTruncatedText();\n }, [text]);\n\n useEffect(() => {\n if (!contentBeforeRef?.current) {\n return;\n }\n\n if (contentBeforeSizing === 'scalable') {\n setContentBeforeWidth(`${contentBeforeRef.current.offsetWidth}px`);\n return;\n }\n\n setContentBeforeWidth(`var(${tokens.fixedContentBeforeWidth})`);\n }, [contentBefore, contentBeforeSizing]);\n\n return (\n <Root\n ref={outerRef}\n className={cx(\n className,\n stretch && classes.stretch,\n contentBeforeSizing === 'scalable' && classes.contentAlignCenter,\n )}\n view={view}\n size={size}\n style={\n {\n ...style,\n [privateTokens.width]: innerWidth,\n [privateTokens.height]: innerHeight,\n [privateTokens.contentWidthWithOffset]: contentWidthWithOffsetToken,\n } as CSSProperties\n }\n {...rest}\n >\n {contentBefore && <ContentBefore ref={contentBeforeRef}>{contentBefore}</ContentBefore>}\n <ContentWrapper ref={contentWrapperRef}>\n {title && (\n <>\n <Title hasClose={hasClose}>{title}</Title>\n <TitleHelper ref={titleHelperRef}>C</TitleHelper>\n </>\n )}\n {innerText && (\n <>\n <Text>\n {innerText}\n <TextHelper ref={textRenderHelperRef}>C</TextHelper>\n </Text>\n </>\n )}\n </ContentWrapper>\n {hasClose && (\n <CloseIconWrapper\n view=\"clear\"\n size=\"s\"\n onClick={onCloseButtonClick}\n className={classes.closeIcon}\n >\n <IconCrossThin size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n </CloseIconWrapper>\n )}\n </Root>\n );\n },\n );\n\nexport const noteConfig = {\n name: 'Note',\n tag: 'div',\n layout: noteRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["noteRoot","Root","forwardRef","_ref","outerRef","className","style","title","text","contentBefore","_ref$contentBeforeSiz","contentBeforeSizing","size","view","stretch","width","height","hasClose","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerText","setInnerText","_useState3","concat","tokens","fixedContentBeforeWidth","_useState4","contentBeforeWidth","setContentBeforeWidth","contentWrapperRef","useRef","contentBeforeRef","titleHelperRef","textRenderHelperRef","innerWidth","getSizeValueFromProp","innerHeight","contentGapToken","gapScalable","gap","contentWidthWithOffsetToken","setTruncatedText","_titleHelperRef$curre","canUseDOM","current","contentHeight","offsetHeight","titleHeight","contentGap","Number","window","getComputedStyle","rowGap","replace","textAvailableHeight","textContent","fullText","slice","i","length","useResizeObserver","useLayoutEffect","useEffect","offsetWidth","React","createElement","_extends","ref","cx","classes","contentAlignCenter","_objectSpread","_defineProperty","privateTokens","contentWidthWithOffset","ContentBefore","ContentWrapper","Fragment","Title","TitleHelper","Text","TextHelper","CloseIconWrapper","onClick","closeIcon","IconCrossThin","sizeCustomProperty","closeIconSize","color","noteConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"Note.js","sources":["../../../../../src/components/Note/Note.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport type { CSSProperties } from 'react';\nimport { useResizeObserver } from '@salutejs/plasma-core';\n\nimport { canUseDOM, cx, getSizeValueFromProp } from '../../utils';\nimport type { RootProps } from '../../engines';\nimport { IconCrossThin } from '../_Icon/Icons/IconCrossThin';\n\nimport type { NoteProps } from './Note.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport {\n base,\n CloseIconWrapper,\n ContentBefore,\n ContentWrapper,\n Text,\n TextHelper,\n Title,\n TitleHelper,\n} from './Note.styles';\nimport { classes, privateTokens, tokens } from './Note.tokens';\n\nexport const noteRoot = (Root: RootProps<HTMLDivElement, NoteProps>) =>\n forwardRef<HTMLDivElement, NoteProps>(\n (\n {\n className,\n style,\n title,\n text,\n contentBefore,\n contentBeforeSizing = 'fixed',\n size,\n view,\n stretch,\n width,\n height,\n hasClose,\n onCloseButtonClick,\n ...rest\n },\n outerRef,\n ) => {\n const [innerText, setInnerText] = useState(text);\n const [contentBeforeWidth, setContentBeforeWidth] = useState(\n contentBefore ? `var(${tokens.fixedContentBeforeWidth})` : '0',\n );\n\n const contentWrapperRef = useRef<HTMLDivElement>(null);\n const contentBeforeRef = useRef<HTMLDivElement>(null);\n const titleHelperRef = useRef<HTMLDivElement>(null);\n const textRenderHelperRef = useRef<HTMLSpanElement>(null);\n\n const innerWidth = width ? getSizeValueFromProp(width) : 'fit-content';\n const innerHeight = height ? getSizeValueFromProp(height) : 'fit-content';\n\n const contentGapToken = contentBeforeSizing === 'scalable' ? tokens.gapScalable : tokens.gap;\n const contentWidthWithOffsetToken = contentBefore\n ? `calc(100% - ${contentBeforeWidth} - var(${contentGapToken}))`\n : '100%';\n\n const setTruncatedText = () => {\n if (\n !canUseDOM \|\|\n !text \|\|\n typeof text !== 'string' \|\|\n !contentWrapperRef?.current \|\|\n !textRenderHelperRef?.current \|\|\n (!width && !height)\n ) {\n return;\n }\n\n const contentHeight = contentWrapperRef.current.offsetHeight;\n const titleHeight = titleHelperRef.current?.offsetHeight \|\| 0;\n\n const contentGap = Number(window.getComputedStyle(contentWrapperRef.current).rowGap.replace('px', ''));\n\n const textAvailableHeight = contentHeight - titleHeight - contentGap;\n\n textRenderHelperRef.current.textContent = text;\n\n if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {\n setInnerText(text);\n return;\n }\n\n let fullText = `${text.slice(0, -3)}...`;\n\n for (let i = text.length - 1; i >= 0; i -= 1) {\n textRenderHelperRef.current.textContent = fullText;\n\n if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {\n break;\n }\n\n fullText = `${fullText.slice(0, i)}...`;\n }\n\n setInnerText(fullText);\n };\n\n useResizeObserver(contentWrapperRef, setTruncatedText);\n\n useLayoutEffect(() => {\n setTruncatedText();\n }, [text, contentBefore, contentBeforeSizing, stretch]);\n\n useEffect(() => {\n setTruncatedText();\n }, [text]);\n\n useEffect(() => {\n if (!contentBeforeRef?.current) {\n return;\n }\n\n if (contentBeforeSizing === 'scalable') {\n setContentBeforeWidth(`${contentBeforeRef.current.offsetWidth}px`);\n return;\n }\n\n setContentBeforeWidth(`var(${tokens.fixedContentBeforeWidth})`);\n }, [contentBefore, contentBeforeSizing]);\n\n return (\n <Root\n ref={outerRef}\n className={cx(\n className,\n stretch && classes.stretch,\n contentBeforeSizing === 'scalable' && classes.contentAlignCenter,\n )}\n view={view}\n size={size}\n style={\n {\n ...style,\n [privateTokens.width]: innerWidth,\n [privateTokens.height]: innerHeight,\n [privateTokens.contentWidthWithOffset]: contentWidthWithOffsetToken,\n } as CSSProperties\n }\n {...rest}\n >\n {contentBefore && <ContentBefore ref={contentBeforeRef}>{contentBefore}</ContentBefore>}\n <ContentWrapper ref={contentWrapperRef}>\n {title && (\n <>\n <Title hasClose={hasClose}>{title}</Title>\n <TitleHelper ref={titleHelperRef}>C</TitleHelper>\n </>\n )}\n {innerText && (\n <>\n <Text>\n {innerText}\n <TextHelper ref={textRenderHelperRef}>C</TextHelper>\n </Text>\n </>\n )}\n </ContentWrapper>\n {hasClose && (\n <CloseIconWrapper\n view=\"clear\"\n size=\"s\"\n onClick={onCloseButtonClick}\n className={classes.closeIcon}\n >\n <IconCrossThin size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n </CloseIconWrapper>\n )}\n </Root>\n );\n },\n );\n\nexport const noteConfig = {\n name: 'Note',\n tag: 'div',\n layout: noteRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["noteRoot","Root","forwardRef","_ref","outerRef","className","style","title","text","contentBefore","_ref$contentBeforeSiz","contentBeforeSizing","size","view","stretch","width","height","hasClose","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerText","setInnerText","_useState3","concat","tokens","fixedContentBeforeWidth","_useState4","contentBeforeWidth","setContentBeforeWidth","contentWrapperRef","useRef","contentBeforeRef","titleHelperRef","textRenderHelperRef","innerWidth","getSizeValueFromProp","innerHeight","contentGapToken","gapScalable","gap","contentWidthWithOffsetToken","setTruncatedText","_titleHelperRef$curre","canUseDOM","current","contentHeight","offsetHeight","titleHeight","contentGap","Number","window","getComputedStyle","rowGap","replace","textAvailableHeight","textContent","fullText","slice","i","length","useResizeObserver","useLayoutEffect","useEffect","offsetWidth","React","createElement","_extends","ref","cx","classes","contentAlignCenter","_objectSpread","_defineProperty","privateTokens","contentWidthWithOffset","ContentBefore","ContentWrapper","Fragment","Title","TitleHelper","Text","TextHelper","CloseIconWrapper","onClick","closeIcon","IconCrossThin","sizeCustomProperty","closeIconSize","color","noteConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/dist/css/es/components/Notification/Notification.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useMemo } from 'react';
+import React__default, { forwardRef, useMemo } from 'react';
 import { cx } from '../../utils/index.js';
 import { IconCross } from '../_Icon/Icons/IconCross.js';
 import { IconCrossThin } from '../_Icon/Icons/IconCrossThin.js';
@@ -55,7 +55,7 @@ var notificationRoot = function notificationRoot(Root) {
     var IconPlacementInternal = useMemo(function () {
       return icon ? iconPlacement : undefined;
     }, [icon, iconPlacement]);
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       view: view,
       size: size,
       layout: layout,
@@ -64,40 +64,40 @@ var notificationRoot = function notificationRoot(Root) {
       role: role,
       "aria-live": ariaLive,
       "aria-atomic": ariaAtomic
-    }, rest), /*#__PURE__*/React.createElement(Wrapper, {
+    }, rest), /*#__PURE__*/React__default.createElement(Wrapper, {
       backgroundColor: backgroundColor,
       width: width,
       maxWidth: maxWidth,
       className: cx(classes.wrapper, getLayoutClass(layout), oneLineClass, withoutCloseIconClass)
-    }, /*#__PURE__*/React.createElement(ContentBox, {
+    }, /*#__PURE__*/React__default.createElement(ContentBox, {
       iconPlacement: IconPlacementInternal,
       className: cx(classes.contentBox, getLayoutClass(layout), withoutIconClass)
-    }, icon && /*#__PURE__*/React.createElement(IconWrapper, {
+    }, icon && /*#__PURE__*/React__default.createElement(IconWrapper, {
       iconPlacement: IconPlacementInternal,
       className: cx(classes.icon, getLayoutClass(layout))
-    }, icon), /*#__PURE__*/React.createElement(TextBox, {
+    }, icon), /*#__PURE__*/React__default.createElement(TextBox, {
       iconPlacement: IconPlacementInternal,
       showCloseIcon: showCloseIcon,
       className: cx(classes.textbox, getLayoutClass(layout))
-    }, title && /*#__PURE__*/React.createElement(StyledTitle, {
+    }, title && /*#__PURE__*/React__default.createElement(StyledTitle, {
       className: classes.title,
       textColor: titleColor
-    }, title), content && /*#__PURE__*/React.createElement(StyledContent, {
+    }, title), content && /*#__PURE__*/React__default.createElement(StyledContent, {
       className: classes.text,
       textColor: textColor
-    }, content))), actions && /*#__PURE__*/React.createElement(ButtonsWrapper, {
+    }, content))), actions && /*#__PURE__*/React__default.createElement(ButtonsWrapper, {
       iconPlacement: IconPlacementInternal,
       className: cx(classes.buttonsWrapper, getLayoutClass(layout))
-    }, actions), showCloseIcon && /*#__PURE__*/React.createElement(CloseIconWrapper, {
+    }, actions), showCloseIcon && /*#__PURE__*/React__default.createElement(CloseIconWrapper, {
       view: "clear",
       size: "s",
       onClick: onCloseButtonClick,
       className: cx(classes.closeIcon, getLayoutClass(layout))
-    }, customCloseIcon || (closeIconType === 'default' ? /*#__PURE__*/React.createElement(IconCross, {
+    }, customCloseIcon || (closeIconType === 'default' ? /*#__PURE__*/React__default.createElement(IconCross, {
       size: "s",
       sizeCustomProperty: tokens.closeIconSize,
       color: "inherit"
-    }) : /*#__PURE__*/React.createElement(IconCrossThin, {
+    }) : /*#__PURE__*/React__default.createElement(IconCrossThin, {
       size: "s",
       sizeCustomProperty: tokens.closeIconSize,
       color: "inherit"

package/dist/css/es/components/Notification/Notification.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Notification.js","sources":["../../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconCross } from '../_Icon/Icons/IconCross';\nimport { IconCrossThin } from '../_Icon/Icons/IconCrossThin';\n\nimport { classes, tokens } from './Notification.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as layoutCSS } from './variations/_layout/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as closeIconTypeCSS } from './variations/_closeIconType/base';\nimport { NotificationLayout, NotificationProps, layouts } from './Notification.types';\nimport {\n ButtonsWrapper,\n CloseIconWrapper,\n ContentBox,\n IconWrapper,\n StyledContent,\n StyledNotification,\n StyledTitle,\n TextBox,\n Wrapper,\n} from './Notification.styles';\nimport { getLayoutClass } from './utils';\n\n/*\n Компонент для небольших уведомлений пользователя\n */\nexport const notificationRoot = (Root: RootProps<HTMLDivElement, Omit<NotificationProps, 'title'>>) =>\n forwardRef<HTMLDivElement, NotificationProps>((props, ref) => {\n const {\n role = 'status',\n title,\n children: content,\n actions,\n view,\n size,\n iconPlacement,\n layout = layouts.vertical as NotificationLayout,\n icon,\n showCloseIcon = true,\n closeIconType,\n customCloseIcon,\n textColor,\n titleColor,\n backgroundColor,\n width,\n maxWidth,\n onCloseButtonClick,\n ...rest\n } = props;\n\n let ariaLive: 'assertive' \| 'polite' = 'polite';\n let ariaAtomic = false;\n\n if (role === 'alert') {\n ariaLive = 'assertive';\n } else if (role === 'status') {\n ariaAtomic = true;\n }\n\n const isOneLine = !content \|\| !title;\n const oneLineClass = isOneLine ? classes.oneLine : undefined;\n const withoutIconClass = icon ? undefined : classes.withoutIcon;\n const withoutCloseIconClass = showCloseIcon ? undefined : classes.withoutCloseIcon;\n\n const IconPlacementInternal = useMemo(() => (icon ? iconPlacement : undefined), [icon, iconPlacement]);\n\n return (\n <Root\n view={view}\n size={size}\n layout={layout}\n closeIconType={closeIconType}\n ref={ref}\n role={role}\n aria-live={ariaLive}\n aria-atomic={ariaAtomic}\n {...rest}\n >\n <Wrapper\n backgroundColor={backgroundColor}\n width={width}\n maxWidth={maxWidth}\n className={cx(classes.wrapper, getLayoutClass(layout), oneLineClass, withoutCloseIconClass)}\n >\n <ContentBox\n iconPlacement={IconPlacementInternal}\n className={cx(classes.contentBox, getLayoutClass(layout), withoutIconClass)}\n >\n {icon && (\n <IconWrapper\n iconPlacement={IconPlacementInternal}\n className={cx(classes.icon, getLayoutClass(layout))}\n >\n {icon}\n </IconWrapper>\n )}\n <TextBox\n iconPlacement={IconPlacementInternal}\n showCloseIcon={showCloseIcon}\n className={cx(classes.textbox, getLayoutClass(layout))}\n >\n {title && (\n <StyledTitle className={classes.title} textColor={titleColor}>\n {title}\n </StyledTitle>\n )}\n {content && (\n <StyledContent className={classes.text} textColor={textColor}>\n {content}\n </StyledContent>\n )}\n </TextBox>\n </ContentBox>\n {actions && (\n <ButtonsWrapper\n iconPlacement={IconPlacementInternal}\n className={cx(classes.buttonsWrapper, getLayoutClass(layout))}\n >\n {actions}\n </ButtonsWrapper>\n )}\n\n {showCloseIcon && (\n <CloseIconWrapper\n view=\"clear\"\n size=\"s\"\n onClick={onCloseButtonClick}\n className={cx(classes.closeIcon, getLayoutClass(layout))}\n >\n {customCloseIcon \|\|\n (closeIconType === 'default' ? (\n <IconCross size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n ) : (\n <IconCrossThin size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n ))}\n </CloseIconWrapper>\n )}\n </Wrapper>\n </Root>\n );\n });\n\nexport const notificationConfig = {\n name: 'Notification',\n tag: 'div',\n layout: notificationRoot,\n base: StyledNotification,\n variations: {\n layout: {\n css: layoutCSS,\n },\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n closeIconType: {\n css: closeIconTypeCSS,\n },\n },\n defaults: {\n view: 'default',\n layout: layouts.vertical,\n size: 'xs',\n closeIconType: 'default',\n },\n};\n"],"names":["notificationRoot","Root","forwardRef","props","ref","_props$role","role","title","content","children","actions","view","size","iconPlacement","_props$layout","layout","layouts","vertical","icon","_props$showCloseIcon","showCloseIcon","closeIconType","customCloseIcon","textColor","titleColor","backgroundColor","width","maxWidth","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","ariaLive","ariaAtomic","isOneLine","oneLineClass","classes","oneLine","undefined","withoutIconClass","withoutIcon","withoutCloseIconClass","withoutCloseIcon","IconPlacementInternal","useMemo","React","createElement","_extends","Wrapper","className","cx","wrapper","getLayoutClass","ContentBox","contentBox","IconWrapper","TextBox","textbox","StyledTitle","StyledContent","text","ButtonsWrapper","buttonsWrapper","CloseIconWrapper","onClick","closeIcon","IconCross","sizeCustomProperty","tokens","closeIconSize","color","IconCrossThin","notificationConfig","name","tag","base","StyledNotification","variations","css","layoutCSS","viewCSS","sizeCSS","closeIconTypeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;AA0BA;AACA;AACA;IACaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,IAAiE,EAAA;AAAA,EAAA,oBAC9FC,UAAU,CAAoC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC1D,IAAA,IAAAC,WAAA,GAoBIF,KAAK,CAnBLG,IAAI;AAAJA,MAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,WAAA;MACfE,KAAK,GAkBLJ,KAAK,CAlBLI,KAAK;MACKC,OAAO,GAiBjBL,KAAK,CAjBLM,QAAQ;MACRC,OAAO,GAgBPP,KAAK,CAhBLO,OAAO;MACPC,IAAI,GAeJR,KAAK,CAfLQ,IAAI;MACJC,IAAI,GAcJT,KAAK,CAdLS,IAAI;MACJC,aAAa,GAabV,KAAK,CAbLU,aAAa;MAAAC,aAAA,GAabX,KAAK,CAZLY,MAAM;AAANA,MAAAA,MAAM,GAAAD,aAAA,KAAA,KAAA,CAAA,GAAGE,OAAO,CAACC,QAAQ,GAAAH,aAAA;MACzBI,IAAI,GAWJf,KAAK,CAXLe,IAAI;MAAAC,oBAAA,GAWJhB,KAAK,CAVLiB,aAAa;AAAbA,MAAAA,aAAa,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,oBAAA;MACpBE,aAAa,GASblB,KAAK,CATLkB,aAAa;MACbC,eAAe,GAQfnB,KAAK,CARLmB,eAAe;MACfC,SAAS,GAOTpB,KAAK,CAPLoB,SAAS;MACTC,UAAU,GAMVrB,KAAK,CANLqB,UAAU;MACVC,eAAe,GAKftB,KAAK,CALLsB,eAAe;MACfC,KAAK,GAILvB,KAAK,CAJLuB,KAAK;MACLC,QAAQ,GAGRxB,KAAK,CAHLwB,QAAQ;MACRC,kBAAkB,GAElBzB,KAAK,CAFLyB,kBAAkB;AACfC,MAAAA,IAAI,GAAAC,wBAAA,CACP3B,KAAK,EAAA4B,SAAA,CAAA,CAAA;IAET,IAAIC,QAAgC,GAAG,QAAQ,CAAA;IAC/C,IAAIC,UAAU,GAAG,KAAK,CAAA;IAEtB,IAAI3B,IAAI,KAAK,OAAO,EAAE;AAClB0B,MAAAA,QAAQ,GAAG,WAAW,CAAA;AAC1B,KAAC,MAAM,IAAI1B,IAAI,KAAK,QAAQ,EAAE;AAC1B2B,MAAAA,UAAU,GAAG,IAAI,CAAA;AACrB,KAAA;AAEA,IAAA,IAAMC,SAAS,GAAG,CAAC1B,OAAO,IAAI,CAACD,KAAK,CAAA;IACpC,IAAM4B,YAAY,GAAGD,SAAS,GAAGE,OAAO,CAACC,OAAO,GAAGC,SAAS,CAAA;IAC5D,IAAMC,gBAAgB,GAAGrB,IAAI,GAAGoB,SAAS,GAAGF,OAAO,CAACI,WAAW,CAAA;IAC/D,IAAMC,qBAAqB,GAAGrB,aAAa,GAAGkB,SAAS,GAAGF,OAAO,CAACM,gBAAgB,CAAA;IAElF,IAAMC,qBAAqB,GAAGC,OAAO,CAAC,YAAA;AAAA,MAAA,OAAO1B,IAAI,GAAGL,aAAa,GAAGyB,SAAS,CAAA;AAAA,KAAC,EAAE,CAACpB,IAAI,EAAEL,aAAa,CAAC,CAAC,CAAA;AAEtG,IAAA,oBACIgC,KAAA,CAAAC,aAAA,CAAC7C,IAAI,EAAA8C,QAAA,CAAA;AACDpC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXG,MAAAA,MAAM,EAAEA,MAAO;AACfM,MAAAA,aAAa,EAAEA,aAAc;AAC7BjB,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,IAAI,EAAEA,IAAK;AACX,MAAA,WAAA,EAAW0B,QAAS;MACpB,aAAaC,EAAAA,UAAAA;AAAW,KAAA,EACpBJ,IAAI,CAERgB,eAAAA,KAAA,CAAAC,aAAA,CAACE,OAAO,EAAA;AACJvB,MAAAA,eAAe,EAAEA,eAAgB;AACjCC,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,QAAQ,EAAEA,QAAS;AACnBsB,MAAAA,SAAS,EAAEC,EAAE,CAACd,OAAO,CAACe,OAAO,EAAEC,cAAc,CAACrC,MAAM,CAAC,EAAEoB,YAAY,EAAEM,qBAAqB,CAAA;AAAE,KAAA,eAE5FI,KAAA,CAAAC,aAAA,CAACO,UAAU,EAAA;AACPxC,MAAAA,aAAa,EAAE8B,qBAAsB;AACrCM,MAAAA,SAAS,EAAEC,EAAE,CAACd,OAAO,CAACkB,UAAU,EAAEF,cAAc,CAACrC,MAAM,CAAC,EAAEwB,gBAAgB,CAAA;AAAE,KAAA,EAE3ErB,IAAI,iBACD2B,KAAA,CAAAC,aAAA,CAACS,WAAW,EAAA;AACR1C,MAAAA,aAAa,EAAE8B,qBAAsB;MACrCM,SAAS,EAAEC,EAAE,CAACd,OAAO,CAAClB,IAAI,EAAEkC,cAAc,CAACrC,MAAM,CAAC,CAAA;AAAE,KAAA,EAEnDG,IACQ,CAChB,eACD2B,KAAA,CAAAC,aAAA,CAACU,OAAO,EAAA;AACJ3C,MAAAA,aAAa,EAAE8B,qBAAsB;AACrCvB,MAAAA,aAAa,EAAEA,aAAc;MAC7B6B,SAAS,EAAEC,EAAE,CAACd,OAAO,CAACqB,OAAO,EAAEL,cAAc,CAACrC,MAAM,CAAC,CAAA;AAAE,KAAA,EAEtDR,KAAK,iBACFsC,KAAA,CAAAC,aAAA,CAACY,WAAW,EAAA;MAACT,SAAS,EAAEb,OAAO,CAAC7B,KAAM;AAACgB,MAAAA,SAAS,EAAEC,UAAAA;KAC7CjB,EAAAA,KACQ,CAChB,EACAC,OAAO,iBACJqC,KAAA,CAAAC,aAAA,CAACa,aAAa,EAAA;MAACV,SAAS,EAAEb,OAAO,CAACwB,IAAK;AAACrC,MAAAA,SAAS,EAAEA,SAAAA;KAC9Cf,EAAAA,OACU,CAEd,CACD,CAAC,EACZE,OAAO,iBACJmC,KAAA,CAAAC,aAAA,CAACe,cAAc,EAAA;AACXhD,MAAAA,aAAa,EAAE8B,qBAAsB;MACrCM,SAAS,EAAEC,EAAE,CAACd,OAAO,CAAC0B,cAAc,EAAEV,cAAc,CAACrC,MAAM,CAAC,CAAA;KAE3DL,EAAAA,OACW,CACnB,EAEAU,aAAa,iBACVyB,KAAA,CAAAC,aAAA,CAACiB,gBAAgB,EAAA;AACbpD,MAAAA,IAAI,EAAC,OAAO;AACZC,MAAAA,IAAI,EAAC,GAAG;AACRoD,MAAAA,OAAO,EAAEpC,kBAAmB;MAC5BqB,SAAS,EAAEC,EAAE,CAACd,OAAO,CAAC6B,SAAS,EAAEb,cAAc,CAACrC,MAAM,CAAC,CAAA;KAEtDO,EAAAA,eAAe,KACXD,aAAa,KAAK,SAAS,gBACxBwB,KAAA,CAAAC,aAAA,CAACoB,SAAS,EAAA;AAACtD,MAAAA,IAAI,EAAC,GAAG;MAACuD,kBAAkB,EAAEC,MAAM,CAACC,aAAc;AAACC,MAAAA,KAAK,EAAC,SAAA;AAAS,KAAE,CAAC,gBAEhFzB,KAAA,CAAAC,aAAA,CAACyB,aAAa,EAAA;AAAC3D,MAAAA,IAAI,EAAC,GAAG;MAACuD,kBAAkB,EAAEC,MAAM,CAACC,aAAc;AAACC,MAAAA,KAAK,EAAC,SAAA;AAAS,KAAE,CACtF,CACS,CAEjB,CACP,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAME,kBAAkB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,GAAG,EAAE,KAAK;AACV3D,EAAAA,MAAM,EAAEf,gBAAgB;AACxB2E,EAAAA,IAAI,EAAEC,kBAAkB;AACxBC,EAAAA,UAAU,EAAE;AACR9D,IAAAA,MAAM,EAAE;AACJ+D,MAAAA,GAAG,EAAEC,IAAAA;KACR;AACDpE,IAAAA,IAAI,EAAE;AACFmE,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDpE,IAAAA,IAAI,EAAE;AACFkE,MAAAA,GAAG,EAAEG,MAAAA;KACR;AACD5D,IAAAA,aAAa,EAAE;AACXyD,MAAAA,GAAG,EAAEI,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNxE,IAAAA,IAAI,EAAE,SAAS;IACfI,MAAM,EAAEC,OAAO,CAACC,QAAQ;AACxBL,IAAAA,IAAI,EAAE,IAAI;AACVS,IAAAA,aAAa,EAAE,SAAA;AACnB,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"Notification.js","sources":["../../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconCross } from '../_Icon/Icons/IconCross';\nimport { IconCrossThin } from '../_Icon/Icons/IconCrossThin';\n\nimport { classes, tokens } from './Notification.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as layoutCSS } from './variations/_layout/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as closeIconTypeCSS } from './variations/_closeIconType/base';\nimport { NotificationLayout, NotificationProps, layouts } from './Notification.types';\nimport {\n ButtonsWrapper,\n CloseIconWrapper,\n ContentBox,\n IconWrapper,\n StyledContent,\n StyledNotification,\n StyledTitle,\n TextBox,\n Wrapper,\n} from './Notification.styles';\nimport { getLayoutClass } from './utils';\n\n/*\n Компонент для небольших уведомлений пользователя\n */\nexport const notificationRoot = (Root: RootProps<HTMLDivElement, Omit<NotificationProps, 'title'>>) =>\n forwardRef<HTMLDivElement, NotificationProps>((props, ref) => {\n const {\n role = 'status',\n title,\n children: content,\n actions,\n view,\n size,\n iconPlacement,\n layout = layouts.vertical as NotificationLayout,\n icon,\n showCloseIcon = true,\n closeIconType,\n customCloseIcon,\n textColor,\n titleColor,\n backgroundColor,\n width,\n maxWidth,\n onCloseButtonClick,\n ...rest\n } = props;\n\n let ariaLive: 'assertive' \| 'polite' = 'polite';\n let ariaAtomic = false;\n\n if (role === 'alert') {\n ariaLive = 'assertive';\n } else if (role === 'status') {\n ariaAtomic = true;\n }\n\n const isOneLine = !content \|\| !title;\n const oneLineClass = isOneLine ? classes.oneLine : undefined;\n const withoutIconClass = icon ? undefined : classes.withoutIcon;\n const withoutCloseIconClass = showCloseIcon ? undefined : classes.withoutCloseIcon;\n\n const IconPlacementInternal = useMemo(() => (icon ? iconPlacement : undefined), [icon, iconPlacement]);\n\n return (\n <Root\n view={view}\n size={size}\n layout={layout}\n closeIconType={closeIconType}\n ref={ref}\n role={role}\n aria-live={ariaLive}\n aria-atomic={ariaAtomic}\n {...rest}\n >\n <Wrapper\n backgroundColor={backgroundColor}\n width={width}\n maxWidth={maxWidth}\n className={cx(classes.wrapper, getLayoutClass(layout), oneLineClass, withoutCloseIconClass)}\n >\n <ContentBox\n iconPlacement={IconPlacementInternal}\n className={cx(classes.contentBox, getLayoutClass(layout), withoutIconClass)}\n >\n {icon && (\n <IconWrapper\n iconPlacement={IconPlacementInternal}\n className={cx(classes.icon, getLayoutClass(layout))}\n >\n {icon}\n </IconWrapper>\n )}\n <TextBox\n iconPlacement={IconPlacementInternal}\n showCloseIcon={showCloseIcon}\n className={cx(classes.textbox, getLayoutClass(layout))}\n >\n {title && (\n <StyledTitle className={classes.title} textColor={titleColor}>\n {title}\n </StyledTitle>\n )}\n {content && (\n <StyledContent className={classes.text} textColor={textColor}>\n {content}\n </StyledContent>\n )}\n </TextBox>\n </ContentBox>\n {actions && (\n <ButtonsWrapper\n iconPlacement={IconPlacementInternal}\n className={cx(classes.buttonsWrapper, getLayoutClass(layout))}\n >\n {actions}\n </ButtonsWrapper>\n )}\n\n {showCloseIcon && (\n <CloseIconWrapper\n view=\"clear\"\n size=\"s\"\n onClick={onCloseButtonClick}\n className={cx(classes.closeIcon, getLayoutClass(layout))}\n >\n {customCloseIcon \|\|\n (closeIconType === 'default' ? (\n <IconCross size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n ) : (\n <IconCrossThin size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n ))}\n </CloseIconWrapper>\n )}\n </Wrapper>\n </Root>\n );\n });\n\nexport const notificationConfig = {\n name: 'Notification',\n tag: 'div',\n layout: notificationRoot,\n base: StyledNotification,\n variations: {\n layout: {\n css: layoutCSS,\n },\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n closeIconType: {\n css: closeIconTypeCSS,\n },\n },\n defaults: {\n view: 'default',\n layout: layouts.vertical,\n size: 'xs',\n closeIconType: 'default',\n },\n};\n"],"names":["notificationRoot","Root","forwardRef","props","ref","_props$role","role","title","content","children","actions","view","size","iconPlacement","_props$layout","layout","layouts","vertical","icon","_props$showCloseIcon","showCloseIcon","closeIconType","customCloseIcon","textColor","titleColor","backgroundColor","width","maxWidth","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","ariaLive","ariaAtomic","isOneLine","oneLineClass","classes","oneLine","undefined","withoutIconClass","withoutIcon","withoutCloseIconClass","withoutCloseIcon","IconPlacementInternal","useMemo","React","createElement","_extends","Wrapper","className","cx","wrapper","getLayoutClass","ContentBox","contentBox","IconWrapper","TextBox","textbox","StyledTitle","StyledContent","text","ButtonsWrapper","buttonsWrapper","CloseIconWrapper","onClick","closeIcon","IconCross","sizeCustomProperty","tokens","closeIconSize","color","IconCrossThin","notificationConfig","name","tag","base","StyledNotification","variations","css","layoutCSS","viewCSS","sizeCSS","closeIconTypeCSS","defaults"],"mappings":"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"}

package/dist/css/es/components/Notification/NotificationsPortal.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import './NotificationsPortal_6417q6.css';
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useMemo } from 'react';
+import React__default, { useMemo } from 'react';
 import { useStoreon } from 'storeon/react';
 import { styled } from '@linaria/react';
 import { cx } from '../../utils/index.js';
@@ -39,24 +39,24 @@ var NotificationsPortal = function NotificationsPortal(_ref) {
     return component(config);
   }, []);
   var hasLeftAnimationClass = ['left', 'bottom-left', 'top-left'].includes(placement);
-  return /*#__PURE__*/React.createElement(PopupProvider, {
+  return /*#__PURE__*/React__default.createElement(PopupProvider, {
     UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
-  }, notifications.length > 0 && /*#__PURE__*/React.createElement(StyledPopup, {
+  }, notifications.length > 0 && /*#__PURE__*/React__default.createElement(StyledPopup, {
     opened: true,
     frame: frame,
     placement: placement,
     zIndex: "9100"
-  }, /*#__PURE__*/React.createElement(StyledRoot, {
+  }, /*#__PURE__*/React__default.createElement(StyledRoot, {
     placement: placement
   }, notifications.map(function (_ref2) {
     var id = _ref2.id,
       isHidden = _ref2.isHidden,
       rest = _objectWithoutProperties(_ref2, _excluded);
-    return /*#__PURE__*/React.createElement(StyledItemWrapper, {
+    return /*#__PURE__*/React__default.createElement(StyledItemWrapper, {
       key: id,
       className: cx(isHidden ? classes.notificationItemHidden : classes.notificationItemOpened, hasLeftAnimationClass && classes.notificationLeftToRightAnimation, placement === 'top' && classes.notificationTopToCenterAnimation, placement === 'bottom' && classes.notificationBottomToCenterAnimation),
       isHidden: isHidden || false
-    }, /*#__PURE__*/React.createElement(Notification, _extends({
+    }, /*#__PURE__*/React__default.createElement(Notification, _extends({
       key: id,
       id: id,
       onCloseButtonClick: function onCloseButtonClick() {

package/dist/css/es/components/Notification/NotificationsPortal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationsPortal.js","sources":["../../../../../src/components/Notification/NotificationsPortal.tsx"],"sourcesContent":["import React, { FC, ForwardRefExoticComponent, RefAttributes, useMemo } from 'react';\nimport { useStoreon } from 'storeon/react';\nimport { styled } from '@linaria/react';\nimport { popupBaseRootClass } from '@salutejs/plasma-core';\n\nimport { PopupProvider, popupConfig } from '../Popup';\nimport { component } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { NotificationsState, NotificationsEvents, closeNotification } from './NotificationsStore';\nimport { NotificationPortalProps, NotificationProps } from './Notification.types';\nimport { StyledItemWrapper, StyledRoot } from './Notification.styles';\nimport { classes } from './Notification.tokens';\n\n// issue #823\nconst Popup = component(popupConfig);\n\nconst StyledPopup = styled(Popup)`\n & > .${popupBaseRootClass} {\n overflow: hidden;\n }\n`;\n\n/*\n Обертка для визуального представления уведомлений.\n */\nexport const NotificationsPortal: FC<NotificationPortalProps> = ({\n config,\n frame,\n placement = 'bottom-right',\n UNSAFE_SSR_ENABLED,\n}) => {\n const { notifications } = useStoreon<NotificationsState, NotificationsEvents>('notifications');\n\n const Notification = useMemo(\n () => component(config) as ForwardRefExoticComponent<NotificationProps & RefAttributes<HTMLDivElement>>,\n [],\n );\n\n const hasLeftAnimationClass = ['left', 'bottom-left', 'top-left'].includes(placement);\n\n return (\n <PopupProvider UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}>\n {notifications.length > 0 && (\n <StyledPopup opened frame={frame} placement={placement} zIndex=\"9100\">\n <StyledRoot placement={placement}>\n {notifications.map(({ id, isHidden, ...rest }) => (\n <StyledItemWrapper\n key={id}\n className={cx(\n isHidden ? classes.notificationItemHidden : classes.notificationItemOpened,\n hasLeftAnimationClass && classes.notificationLeftToRightAnimation,\n placement === 'top' && classes.notificationTopToCenterAnimation,\n placement === 'bottom' && classes.notificationBottomToCenterAnimation,\n )}\n isHidden={isHidden \|\| false}\n >\n <Notification\n key={id}\n id={id}\n onCloseButtonClick={() => closeNotification(id)}\n {...rest}\n />\n </StyledItemWrapper>\n ))}\n </StyledRoot>\n </StyledPopup>\n )}\n </PopupProvider>\n );\n};\n"],"names":["Popup","component","popupConfig","_exp","StyledPopup","styled","name","class","propsAsIs","NotificationsPortal","_ref","config","frame","_ref$placement","placement","UNSAFE_SSR_ENABLED","_useStoreon","useStoreon","notifications","Notification","useMemo","hasLeftAnimationClass","includes","React","createElement","PopupProvider","length","opened","zIndex","StyledRoot","map","_ref2","id","isHidden","rest","StyledItemWrapper","key","className","cx","classes","notificationItemHidden","notificationItemOpened","notificationLeftToRightAnimation","notificationTopToCenterAnimation","notificationBottomToCenterAnimation","_extends","onCloseButtonClick","closeNotification"],"mappings":";;;;;;;;;;;;;;AAcA;AACA,IAAMA,KAAK,gBAAGC,SAAS,CAACC,WAAW,CAAC,CAAA;AAAC,IAAAC,IAAA,GAdnBA,SAcmBA,IAAAA,GAAA;AAAA,EAAA,OAEVH,KAAK,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMI,WAAW,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIzB,CAAA,CAAA;;AAED;AACA;AACA;IACaC,mBAAgD,GAAGA,SAAnDA,mBAAgDA,CAAAC,IAAA,EAKvD;AAAA,EAAA,IAJFC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,cAAA,GAAAH,IAAA,CACLI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,cAAc,GAAAA,cAAA;IAC1BE,kBAAAA,GAAAA,IAAAA,CAAAA,kBAAAA,CAAAA;AAEA,EAAA,IAAAC,WAAA,GAA0BC,UAAU,CAA0C,eAAe,CAAC;IAAtFC,aAAAA,GAAAA,WAAAA,CAAAA,aAAAA,CAAAA;EAER,IAAMC,YAAY,GAAGC,OAAO,CACxB,YAAA;IAAA,OAAMnB,SAAS,CAACU,MAAM,CAAC,CAAA;GAAgF,EACvG,EACJ,CAAC,CAAA;AAED,EAAA,IAAMU,qBAAqB,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,UAAU,CAAC,CAACC,QAAQ,CAACR,SAAS,CAAC,CAAA;AAErF,EAAA,oBACIS,~~KAAA~~,CAAAC,aAAA,CAACC,aAAa,EAAA;AAACV,IAAAA,kBAAkB,EAAEA,kBAAAA;GAC9BG,EAAAA,aAAa,CAACQ,MAAM,GAAG,CAAC,iBACrBH,~~KAAA~~,CAAAC,aAAA,CAACpB,WAAW,EAAA;IAACuB,MAAM,EAAA,IAAA;AAACf,IAAAA,KAAK,EAAEA,KAAM;AAACE,IAAAA,SAAS,EAAEA,SAAU;AAACc,IAAAA,MAAM,EAAC,MAAA;AAAM,GAAA,eACjEL,~~KAAA~~,CAAAC,aAAA,CAACK,UAAU,EAAA;AAACf,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAC5BI,aAAa,CAACY,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,EAAE,GAAAD,KAAA,CAAFC,EAAE;MAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;AAAKC,MAAAA,IAAAA,GAAAA,wBAAAA,CAAAA,KAAAA,EAAAA,SAAAA,CAAAA,CAAAA;AAAAA,IAAAA,oBACnCX,~~KAAA~~,CAAAC,aAAA,CAACW,iBAAiB,EAAA;AACdC,MAAAA,GAAG,EAAEJ,EAAG;AACRK,MAAAA,SAAS,EAAEC,EAAE,CACTL,QAAQ,GAAGM,OAAO,CAACC,sBAAsB,GAAGD,OAAO,CAACE,sBAAsB,EAC1EpB,qBAAqB,IAAIkB,OAAO,CAACG,gCAAgC,EACjE5B,SAAS,KAAK,KAAK,IAAIyB,OAAO,CAACI,gCAAgC,EAC/D7B,SAAS,KAAK,QAAQ,IAAIyB,OAAO,CAACK,mCACtC,CAAE;MACFX,QAAQ,EAAEA,QAAQ,IAAI,KAAA;AAAM,KAAA,eAE5BV,~~KAAA~~,CAAAC,aAAA,CAACL,YAAY,EAAA0B,QAAA,CAAA;AACTT,MAAAA,GAAG,EAAEJ,EAAG;AACRA,MAAAA,EAAE,EAAEA,EAAG;MACPc,kBAAkB,EAAE,SAAAA,kBAAA,GAAA;QAAA,OAAMC,iBAAiB,CAACf,EAAE,CAAC,CAAA;AAAA,OAAA;KAC3CE,EAAAA,IAAI,CAAC,CAEE,CACtB,CAAA;GACO,CAAA,CACH,CAEN,CAAC,CAAA;AAExB;;;;"}
1	+ {"version":3,"file":"NotificationsPortal.js","sources":["../../../../../src/components/Notification/NotificationsPortal.tsx"],"sourcesContent":["import React, { FC, ForwardRefExoticComponent, RefAttributes, useMemo } from 'react';\nimport { useStoreon } from 'storeon/react';\nimport { styled } from '@linaria/react';\nimport { popupBaseRootClass } from '@salutejs/plasma-core';\n\nimport { PopupProvider, popupConfig } from '../Popup';\nimport { component } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { NotificationsState, NotificationsEvents, closeNotification } from './NotificationsStore';\nimport { NotificationPortalProps, NotificationProps } from './Notification.types';\nimport { StyledItemWrapper, StyledRoot } from './Notification.styles';\nimport { classes } from './Notification.tokens';\n\n// issue #823\nconst Popup = component(popupConfig);\n\nconst StyledPopup = styled(Popup)`\n & > .${popupBaseRootClass} {\n overflow: hidden;\n }\n`;\n\n/*\n Обертка для визуального представления уведомлений.\n */\nexport const NotificationsPortal: FC<NotificationPortalProps> = ({\n config,\n frame,\n placement = 'bottom-right',\n UNSAFE_SSR_ENABLED,\n}) => {\n const { notifications } = useStoreon<NotificationsState, NotificationsEvents>('notifications');\n\n const Notification = useMemo(\n () => component(config) as ForwardRefExoticComponent<NotificationProps & RefAttributes<HTMLDivElement>>,\n [],\n );\n\n const hasLeftAnimationClass = ['left', 'bottom-left', 'top-left'].includes(placement);\n\n return (\n <PopupProvider UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}>\n {notifications.length > 0 && (\n <StyledPopup opened frame={frame} placement={placement} zIndex=\"9100\">\n <StyledRoot placement={placement}>\n {notifications.map(({ id, isHidden, ...rest }) => (\n <StyledItemWrapper\n key={id}\n className={cx(\n isHidden ? classes.notificationItemHidden : classes.notificationItemOpened,\n hasLeftAnimationClass && classes.notificationLeftToRightAnimation,\n placement === 'top' && classes.notificationTopToCenterAnimation,\n placement === 'bottom' && classes.notificationBottomToCenterAnimation,\n )}\n isHidden={isHidden \|\| false}\n >\n <Notification\n key={id}\n id={id}\n onCloseButtonClick={() => closeNotification(id)}\n {...rest}\n />\n </StyledItemWrapper>\n ))}\n </StyledRoot>\n </StyledPopup>\n )}\n </PopupProvider>\n );\n};\n"],"names":["Popup","component","popupConfig","_exp","StyledPopup","styled","name","class","propsAsIs","NotificationsPortal","_ref","config","frame","_ref$placement","placement","UNSAFE_SSR_ENABLED","_useStoreon","useStoreon","notifications","Notification","useMemo","hasLeftAnimationClass","includes","React","createElement","PopupProvider","length","opened","zIndex","StyledRoot","map","_ref2","id","isHidden","rest","StyledItemWrapper","key","className","cx","classes","notificationItemHidden","notificationItemOpened","notificationLeftToRightAnimation","notificationTopToCenterAnimation","notificationBottomToCenterAnimation","_extends","onCloseButtonClick","closeNotification"],"mappings":"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"}

package/dist/css/es/components/Notification/NotificationsProvider.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { StoreContext } from 'storeon/react';
 import { NotificationsStore } from './NotificationsStore.js';
 import { NotificationsPortal } from './NotificationsPortal.js';
@@ -9,9 +9,9 @@ var NotificationsProvider = function NotificationsProvider(_ref) {
     frame = _ref.frame,
     placement = _ref.placement,
     UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
-  return /*#__PURE__*/React.createElement(StoreContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(StoreContext.Provider, {
     value: NotificationsStore
-  }, children, /*#__PURE__*/React.createElement(NotificationsPortal, {
+  }, children, /*#__PURE__*/React__default.createElement(NotificationsPortal, {
     frame: frame,
     placement: placement,
     config: config,

package/dist/css/es/components/Notification/NotificationsProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationsProvider.js","sources":["../../../../../src/components/Notification/NotificationsProvider.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ReactNode } from 'react';\nimport { StoreContext } from 'storeon/react';\n\nimport { ComponentConfig } from '../../engines';\nimport { PropsType, Variants } from '../../engines/types';\n\nimport { NotificationsStore } from './NotificationsStore';\nimport { NotificationsPortal } from './NotificationsPortal';\nimport { NotificationPlacement, NotificationProps } from './Notification.types';\n\nexport const NotificationsProvider: FC<{\n children: ReactNode;\n config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & HTMLAttributes<HTMLDivElement>>;\n frame?: string;\n placement?: NotificationPlacement;\n /*\n @description Только для применения в рамках SSR.\n */\n UNSAFE_SSR_ENABLED?: boolean;\n}> = ({ children, config, frame, placement, UNSAFE_SSR_ENABLED }) => {\n return (\n <StoreContext.Provider value={NotificationsStore}>\n {children}\n <NotificationsPortal\n frame={frame}\n placement={placement}\n config={config}\n UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}\n />\n </StoreContext.Provider>\n );\n};\n"],"names":["NotificationsProvider","_ref","children","config","frame","placement","UNSAFE_SSR_ENABLED","React","createElement","StoreContext","Provider","value","NotificationsStore","NotificationsPortal"],"mappings":";;;;;IAUaA,qBASX,GAAG,SATQA,qBASXA,CAAAC,IAAA,EAAmE;AAAA,EAAA,IAA7DC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB,CAAA;AAC1D,EAAA,oBACIC,~~KAAA~~,CAAAC,aAAA,CAACC,YAAY,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEC,kBAAAA;AAAmB,GAAA,EAC5CV,QAAQ,eACTK,~~KAAA~~,CAAAC,aAAA,CAACK,mBAAmB,EAAA;AAChBT,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,SAAS,EAAEA,SAAU;AACrBF,IAAAA,MAAM,EAAEA,MAAO;AACfG,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAC1C,CACkB,CAAC,CAAA;AAEhC;;;;"}
1	+ {"version":3,"file":"NotificationsProvider.js","sources":["../../../../../src/components/Notification/NotificationsProvider.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ReactNode } from 'react';\nimport { StoreContext } from 'storeon/react';\n\nimport { ComponentConfig } from '../../engines';\nimport { PropsType, Variants } from '../../engines/types';\n\nimport { NotificationsStore } from './NotificationsStore';\nimport { NotificationsPortal } from './NotificationsPortal';\nimport { NotificationPlacement, NotificationProps } from './Notification.types';\n\nexport const NotificationsProvider: FC<{\n children: ReactNode;\n config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & HTMLAttributes<HTMLDivElement>>;\n frame?: string;\n placement?: NotificationPlacement;\n /*\n @description Только для применения в рамках SSR.\n */\n UNSAFE_SSR_ENABLED?: boolean;\n}> = ({ children, config, frame, placement, UNSAFE_SSR_ENABLED }) => {\n return (\n <StoreContext.Provider value={NotificationsStore}>\n {children}\n <NotificationsPortal\n frame={frame}\n placement={placement}\n config={config}\n UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}\n />\n </StoreContext.Provider>\n );\n};\n"],"names":["NotificationsProvider","_ref","children","config","frame","placement","UNSAFE_SSR_ENABLED","React","createElement","StoreContext","Provider","value","NotificationsStore","NotificationsPortal"],"mappings":";;;;;IAUaA,qBASX,GAAG,SATQA,qBASXA,CAAAC,IAAA,EAAmE;AAAA,EAAA,IAA7DC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB,CAAA;AAC1D,EAAA,oBACIC,cAAA,CAAAC,aAAA,CAACC,YAAY,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEC,kBAAAA;AAAmB,GAAA,EAC5CV,QAAQ,eACTK,cAAA,CAAAC,aAAA,CAACK,mBAAmB,EAAA;AAChBT,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,SAAS,EAAEA,SAAU;AACrBF,IAAAA,MAAM,EAAEA,MAAO;AACfG,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAC1C,CACkB,CAAC,CAAA;AAEhC;;;;"}

package/dist/css/es/components/NumberFormat/NumberFormat.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useRef, useState } from 'react';
+import React__default, { forwardRef, useRef, useState } from 'react';
 import { numericFormatter, NumericFormat } from 'react-number-format';
 import { useForkRef } from '@salutejs/plasma-core';
@@ -58,7 +58,7 @@ var composeNumberFormat = function composeNumberFormat(InputComponent) {
         onPaste(event);
       }
     };
-    return /*#__PURE__*/React.createElement(NumericFormat, _extends({
+    return /*#__PURE__*/React__default.createElement(NumericFormat, _extends({
       value: value,
       disabled: disabled,
       thousandSeparator: thousandSeparator,

package/dist/css/es/components/NumberFormat/NumberFormat.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NumberFormat.js","sources":["../../../../../src/components/NumberFormat/NumberFormat.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState } from 'react';\nimport type { ChangeEvent, ClipboardEvent, ForwardRefExoticComponent } from 'react';\nimport { NumericFormat, numericFormatter } from 'react-number-format';\nimport type { NumberFormatValues, SourceInfo } from 'react-number-format';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type {\n CustomNumberFormatProps,\n CustomNumericFormatProps,\n InputComponentOmittedProps,\n} from './NumberFormat.types';\n\nexport const composeNumberFormat = <T extends InputComponentOmittedProps>(\n InputComponent: ForwardRefExoticComponent<T>,\n) => {\n return forwardRef<HTMLInputElement, T & CustomNumberFormatProps & CustomNumericFormatProps>(\n (\n {\n thousandSeparator = ' ',\n decimalScale = 3,\n decimalSeparator = '.',\n disabled,\n value: outerValue,\n onChange,\n defaultValue,\n onPaste,\n ...rest\n },\n outerRef,\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, outerRef);\n\n const [innerValue, setInnerValue] = useState(defaultValue \|\| '');\n\n const value = numericFormatter(String(outerValue ?? innerValue), {\n thousandSeparator,\n decimalScale,\n decimalSeparator,\n });\n\n const handleChangeValue = (values: NumberFormatValues, sourceInfo: SourceInfo) => {\n const changeEvent = sourceInfo.event as ChangeEvent<HTMLInputElement>;\n setInnerValue(values.value);\n\n if (onChange) {\n onChange(changeEvent, values);\n }\n };\n\n const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n if (disabled) {\n return;\n }\n\n if (decimalSeparator !== '.' && inputRef.current) {\n if (!Number.isNaN(Number(event.clipboardData.getData('text/plain')))) {\n event.preventDefault();\n\n const pastedValue = event.clipboardData.getData('text/plain').replace('.', decimalSeparator);\n const input = event.target as HTMLInputElement;\n const startPos = input.selectionStart \|\| 0;\n\n const newCursorPos = startPos + pastedValue.length;\n setInnerValue(pastedValue);\n\n setTimeout(() => {\n inputRef.current?.setSelectionRange(newCursorPos, newCursorPos);\n }, 10);\n }\n }\n\n if (onPaste) {\n onPaste(event);\n }\n };\n\n return (\n <NumericFormat\n value={value}\n disabled={disabled}\n thousandSeparator={thousandSeparator}\n decimalScale={decimalScale}\n decimalSeparator={decimalSeparator}\n customInput={InputComponent}\n getInputRef={inputForkRef}\n _textEllipsisDisable\n onValueChange={handleChangeValue}\n onPaste={handlePaste}\n {...rest}\n />\n );\n },\n );\n};\n"],"names":["composeNumberFormat","InputComponent","forwardRef","_ref","outerRef","_ref$thousandSeparato","thousandSeparator","_ref$decimalScale","decimalScale","_ref$decimalSeparator","decimalSeparator","disabled","outerValue","value","onChange","defaultValue","onPaste","rest","_objectWithoutProperties","_excluded","inputRef","useRef","inputForkRef","useForkRef","_useState","useState","_useState2","_slicedToArray","innerValue","setInnerValue","numericFormatter","String","handleChangeValue","values","sourceInfo","changeEvent","event","handlePaste","current","Number","isNaN","clipboardData","getData","preventDefault","pastedValue","replace","input","target","startPos","selectionStart","newCursorPos","length","setTimeout","_inputRef$current","setSelectionRange","React","createElement","NumericFormat","_extends","customInput","getInputRef","_textEllipsisDisable","onValueChange"],"mappings":"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~~KAAA~~,CAAAC,aAAA,CAACC,aAAa,EAAAC,QAAA,CAAA;AACV7C,MAAAA,KAAK,EAAEA,KAAM;AACbF,MAAAA,QAAQ,EAAEA,QAAS;AACnBL,MAAAA,iBAAiB,EAAEA,iBAAkB;AACrCE,MAAAA,YAAY,EAAEA,YAAa;AAC3BE,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCiD,MAAAA,WAAW,EAAE1D,cAAe;AAC5B2D,MAAAA,WAAW,EAAEtC,YAAa;MAC1BuC,oBAAoB,EAAA,IAAA;AACpBC,MAAAA,aAAa,EAAE9B,iBAAkB;AACjChB,MAAAA,OAAO,EAAEqB,WAAAA;KACLpB,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV,GACJ,CAAC,CAAA;AACL;;;;"}
1	+ {"version":3,"file":"NumberFormat.js","sources":["../../../../../src/components/NumberFormat/NumberFormat.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState } from 'react';\nimport type { ChangeEvent, ClipboardEvent, ForwardRefExoticComponent } from 'react';\nimport { NumericFormat, numericFormatter } from 'react-number-format';\nimport type { NumberFormatValues, SourceInfo } from 'react-number-format';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type {\n CustomNumberFormatProps,\n CustomNumericFormatProps,\n InputComponentOmittedProps,\n} from './NumberFormat.types';\n\nexport const composeNumberFormat = <T extends InputComponentOmittedProps>(\n InputComponent: ForwardRefExoticComponent<T>,\n) => {\n return forwardRef<HTMLInputElement, T & CustomNumberFormatProps & CustomNumericFormatProps>(\n (\n {\n thousandSeparator = ' ',\n decimalScale = 3,\n decimalSeparator = '.',\n disabled,\n value: outerValue,\n onChange,\n defaultValue,\n onPaste,\n ...rest\n },\n outerRef,\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, outerRef);\n\n const [innerValue, setInnerValue] = useState(defaultValue \|\| '');\n\n const value = numericFormatter(String(outerValue ?? innerValue), {\n thousandSeparator,\n decimalScale,\n decimalSeparator,\n });\n\n const handleChangeValue = (values: NumberFormatValues, sourceInfo: SourceInfo) => {\n const changeEvent = sourceInfo.event as ChangeEvent<HTMLInputElement>;\n setInnerValue(values.value);\n\n if (onChange) {\n onChange(changeEvent, values);\n }\n };\n\n const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n if (disabled) {\n return;\n }\n\n if (decimalSeparator !== '.' && inputRef.current) {\n if (!Number.isNaN(Number(event.clipboardData.getData('text/plain')))) {\n event.preventDefault();\n\n const pastedValue = event.clipboardData.getData('text/plain').replace('.', decimalSeparator);\n const input = event.target as HTMLInputElement;\n const startPos = input.selectionStart \|\| 0;\n\n const newCursorPos = startPos + pastedValue.length;\n setInnerValue(pastedValue);\n\n setTimeout(() => {\n inputRef.current?.setSelectionRange(newCursorPos, newCursorPos);\n }, 10);\n }\n }\n\n if (onPaste) {\n onPaste(event);\n }\n };\n\n return (\n <NumericFormat\n value={value}\n disabled={disabled}\n thousandSeparator={thousandSeparator}\n decimalScale={decimalScale}\n decimalSeparator={decimalSeparator}\n customInput={InputComponent}\n getInputRef={inputForkRef}\n _textEllipsisDisable\n onValueChange={handleChangeValue}\n onPaste={handlePaste}\n {...rest}\n />\n );\n },\n );\n};\n"],"names":["composeNumberFormat","InputComponent","forwardRef","_ref","outerRef","_ref$thousandSeparato","thousandSeparator","_ref$decimalScale","decimalScale","_ref$decimalSeparator","decimalSeparator","disabled","outerValue","value","onChange","defaultValue","onPaste","rest","_objectWithoutProperties","_excluded","inputRef","useRef","inputForkRef","useForkRef","_useState","useState","_useState2","_slicedToArray","innerValue","setInnerValue","numericFormatter","String","handleChangeValue","values","sourceInfo","changeEvent","event","handlePaste","current","Number","isNaN","clipboardData","getData","preventDefault","pastedValue","replace","input","target","startPos","selectionStart","newCursorPos","length","setTimeout","_inputRef$current","setSelectionRange","React","createElement","NumericFormat","_extends","customInput","getInputRef","_textEllipsisDisable","onValueChange"],"mappings":"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"}

package/dist/css/es/components/NumberInput/NumberInput.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState } from 'react';
+import React__default, { forwardRef, useState } from 'react';
 import { cx } from '../../utils/index.js';
 import { classes, privateTokens } from './NumberInput.tokens.js';
 import { base } from './NumberInput.styles.js';
@@ -115,7 +115,7 @@ var numberInputRoot = function numberInputRoot(Root) {
         onChange(null, resValue);
       }
     };
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       view: view,
       size: size,
       disabled: disabled,
@@ -130,14 +130,14 @@ var numberInputRoot = function numberInputRoot(Root) {
     }, {
       className: cx(className, solidViewClass, segmentedViewClass, clearViewClass, disabledClass, loadingClass, focusedClass),
       style: _objectSpread2(_objectSpread2({}, style), {}, _defineProperty({}, privateTokens.inputWidth, innerWidth))
-    }), customDecrementButton || /*#__PURE__*/React.createElement(ActionButton, {
+    }), customDecrementButton || /*#__PURE__*/React__default.createElement(ActionButton, {
       className: cx(classes.actionButtonDecrement, decrementButtonDisabled, solidViewClass, segmentedViewClass),
-      icon: decrementIcon || /*#__PURE__*/React.createElement(IconMinus, {
+      icon: decrementIcon || /*#__PURE__*/React__default.createElement(IconMinus, {
         color: "inherit",
         size: actionIconSize
       }),
       onClick: handleDecrement
-    }), /*#__PURE__*/React.createElement(NumberInput, _extends({
+    }), /*#__PURE__*/React__default.createElement(NumberInput, _extends({
       ref: ref,
       segmentation: segmentation,
       value: value,
@@ -155,9 +155,9 @@ var numberInputRoot = function numberInputRoot(Root) {
       setIsAnimationRun: setIsAnimationRun,
       setInnerValue: setInnerValue,
       onChange: onChange
-    }, rest)), customIncrementButton || /*#__PURE__*/React.createElement(ActionButton, {
+    }, rest)), customIncrementButton || /*#__PURE__*/React__default.createElement(ActionButton, {
       className: cx(classes.actionButtonIncrement, incrementButtonDisabled, solidViewClass, segmentedViewClass),
-      icon: incrementIcon || /*#__PURE__*/React.createElement(IconPlus, {
+      icon: incrementIcon || /*#__PURE__*/React__default.createElement(IconPlus, {
         color: "inherit",
         size: actionIconSize
       }),

package/dist/css/es/components/NumberInput/NumberInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NumberInput.js","sources":["../../../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, useState } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx, getSizeValueFromProp, isNumber } from '../../utils';\nimport { IconMinus, IconPlus } from '../_Icon';\n\nimport type { NumberInputProps, NumberInputRootProps } from './NumberInput.types';\nimport { ActionButton, NumberInput } from './ui';\nimport { classes, privateTokens } from './NumberInput.tokens';\nimport { base } from './NumberInput.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as inputBackgroundTypeCSS } from './variations/_background-type/base';\nimport { base as segmentationCSS } from './variations/_segmentation/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { getPreciseValue } from './utils';\n\nexport const numberInputRoot = (Root: RootProps<HTMLDivElement, NumberInputRootProps>) =>\n forwardRef<HTMLInputElement, NumberInputProps>(\n (\n {\n className,\n style,\n width,\n value: outerValue,\n min,\n max,\n step = 1,\n precision = 2,\n isLoading,\n loader,\n size,\n view,\n clear,\n shape,\n segmentation,\n inputBackgroundType = 'fill',\n disabled,\n textBefore,\n textAfter,\n customIncrementButton,\n incrementIcon,\n customDecrementButton,\n decrementIcon,\n isManualInput,\n onChange,\n onIncrement,\n onDecrement,\n ...rest\n },\n ref,\n ) => {\n if (\n outerValue &&\n !isNumber(outerValue) &&\n outerValue !== undefined &&\n outerValue !== '-' &&\n outerValue !== '.'\n ) {\n console.error('`value` должен быть undefined, числом или строкой с числом');\n }\n\n const [isInputFocused, setIsInputFocused] = useState(false);\n const [isAnimationRun, setIsAnimationRun] = useState(false);\n const [innerValue, setInnerValue] = useState<number \| string \| undefined>('');\n\n const value = outerValue ?? innerValue;\n\n const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n\n const actionIconSize = size === 'xs' ? 'xs' : 's';\n const solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;\n const segmentedViewClass = segmentation === 'segmented' ? classes.segmentedView : undefined;\n const clearViewClass = clear ? classes.clearView : undefined;\n const disabledClass = disabled ? classes.disabled : undefined;\n const loadingClass = isLoading ? classes.loading : undefined;\n const focusedClass = isInputFocused ? classes.focused : undefined;\n\n const isMinValue = (currentValue: number) => min !== undefined && currentValue <= min;\n const isMaxValue = (currentValue: number) => max !== undefined && currentValue >= max;\n\n const decrementButtonDisabled =\n (isNumber(value) && value !== '' && isMinValue(Number(value)) && !isAnimationRun) \|\| isLoading\n ? classes.actionButtonDecrementDisabled\n : undefined;\n const incrementButtonDisabled =\n (isNumber(value) && value !== '' && isMaxValue(Number(value)) && !isAnimationRun) \|\| isLoading\n ? classes.actionButtonIncrementDisabled\n : undefined;\n\n const handleDecrement = () => {\n if (isLoading \|\| disabled \|\| isAnimationRun) {\n return;\n }\n\n const processedValue = isNumber(value) && value !== '' ? Number(value) : max ?? 0;\n const preciseDiff = getPreciseValue(processedValue - step, precision);\n const diffValue = Number(preciseDiff);\n const resValue = min !== undefined && diffValue <= min ? min : diffValue;\n\n setInnerValue(resValue);\n\n if (onDecrement) {\n onDecrement(resValue);\n }\n\n if (onChange) {\n onChange(null, resValue);\n }\n };\n\n const handleIncrement = () => {\n if (isLoading \|\| disabled \|\| isAnimationRun) {\n return;\n }\n\n const processedValue = isNumber(value) && value !== '' ? Number(value) : min ?? 0;\n const preciseDiff = getPreciseValue(processedValue + step, precision);\n const diffValue = Number(preciseDiff);\n const resValue = max !== undefined && diffValue >= max ? max : diffValue;\n\n setInnerValue(resValue);\n\n if (onIncrement) {\n onIncrement(resValue);\n }\n\n if (onChange) {\n onChange(null, resValue);\n }\n };\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n clear={clear}\n shape={shape}\n segmentation={segmentation}\n isLoading={isLoading}\n {...(segmentation === 'solid' ? { inputBackgroundType: 'clear' } : { inputBackgroundType })}\n className={cx(\n className,\n solidViewClass,\n segmentedViewClass,\n clearViewClass,\n disabledClass,\n loadingClass,\n focusedClass,\n )}\n style={\n {\n ...style,\n [privateTokens.inputWidth]: innerWidth,\n } as CSSProperties\n }\n >\n {customDecrementButton \|\| (\n <ActionButton\n className={cx(\n classes.actionButtonDecrement,\n decrementButtonDisabled,\n solidViewClass,\n segmentedViewClass,\n )}\n icon={decrementIcon \|\| <IconMinus color=\"inherit\" size={actionIconSize} />}\n onClick={handleDecrement}\n />\n )}\n <NumberInput\n ref={ref}\n segmentation={segmentation}\n value={value}\n precision={precision}\n min={min}\n max={max}\n isManualInput={isManualInput}\n textBefore={textBefore}\n textAfter={textAfter}\n isLoading={isLoading}\n loader={loader}\n disabled={disabled}\n isInputFocused={isInputFocused}\n setIsInputFocused={setIsInputFocused}\n setIsAnimationRun={setIsAnimationRun}\n setInnerValue={setInnerValue}\n onChange={onChange}\n {...rest}\n />\n {customIncrementButton \|\| (\n <ActionButton\n className={cx(\n classes.actionButtonIncrement,\n incrementButtonDisabled,\n solidViewClass,\n segmentedViewClass,\n )}\n icon={incrementIcon \|\| <IconPlus color=\"inherit\" size={actionIconSize} />}\n onClick={handleIncrement}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const numberInputConfig = {\n name: 'NumberInput',\n tag: 'div',\n layout: numberInputRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n shape: {\n css: shapeCSS,\n },\n inputBackgroundType: {\n css: inputBackgroundTypeCSS,\n },\n segmentation: {\n css: segmentationCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'l',\n shape: 'cornered',\n segmentation: 'default',\n },\n};\n"],"names":["numberInputRoot","Root","forwardRef","_ref","ref","className","style","width","outerValue","value","min","max","_ref$step","step","_ref$precision","precision","isLoading","loader","size","view","clear","shape","segmentation","_ref$inputBackgroundT","inputBackgroundType","disabled","textBefore","textAfter","customIncrementButton","incrementIcon","customDecrementButton","decrementIcon","isManualInput","onChange","onIncrement","onDecrement","rest","_objectWithoutProperties","_excluded","isNumber","undefined","console","error","_useState","useState","_useState2","_slicedToArray","isInputFocused","setIsInputFocused","_useState3","_useState4","isAnimationRun","setIsAnimationRun","_useState5","_useState6","innerValue","setInnerValue","innerWidth","getSizeValueFromProp","actionIconSize","solidViewClass","classes","solidView","segmentedViewClass","segmentedView","clearViewClass","clearView","disabledClass","loadingClass","loading","focusedClass","focused","isMinValue","currentValue","isMaxValue","decrementButtonDisabled","Number","actionButtonDecrementDisabled","incrementButtonDisabled","actionButtonIncrementDisabled","handleDecrement","processedValue","preciseDiff","getPreciseValue","diffValue","resValue","handleIncrement","React","createElement","_extends","cx","_objectSpread","_defineProperty","privateTokens","inputWidth","ActionButton","actionButtonDecrement","icon","IconMinus","color","onClick","NumberInput","actionButtonIncrement","IconPlus","numberInputConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","shapeCSS","inputBackgroundTypeCSS","segmentationCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"NumberInput.js","sources":["../../../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, useState } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx, getSizeValueFromProp, isNumber } from '../../utils';\nimport { IconMinus, IconPlus } from '../_Icon';\n\nimport type { NumberInputProps, NumberInputRootProps } from './NumberInput.types';\nimport { ActionButton, NumberInput } from './ui';\nimport { classes, privateTokens } from './NumberInput.tokens';\nimport { base } from './NumberInput.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as inputBackgroundTypeCSS } from './variations/_background-type/base';\nimport { base as segmentationCSS } from './variations/_segmentation/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { getPreciseValue } from './utils';\n\nexport const numberInputRoot = (Root: RootProps<HTMLDivElement, NumberInputRootProps>) =>\n forwardRef<HTMLInputElement, NumberInputProps>(\n (\n {\n className,\n style,\n width,\n value: outerValue,\n min,\n max,\n step = 1,\n precision = 2,\n isLoading,\n loader,\n size,\n view,\n clear,\n shape,\n segmentation,\n inputBackgroundType = 'fill',\n disabled,\n textBefore,\n textAfter,\n customIncrementButton,\n incrementIcon,\n customDecrementButton,\n decrementIcon,\n isManualInput,\n onChange,\n onIncrement,\n onDecrement,\n ...rest\n },\n ref,\n ) => {\n if (\n outerValue &&\n !isNumber(outerValue) &&\n outerValue !== undefined &&\n outerValue !== '-' &&\n outerValue !== '.'\n ) {\n console.error('`value` должен быть undefined, числом или строкой с числом');\n }\n\n const [isInputFocused, setIsInputFocused] = useState(false);\n const [isAnimationRun, setIsAnimationRun] = useState(false);\n const [innerValue, setInnerValue] = useState<number \| string \| undefined>('');\n\n const value = outerValue ?? innerValue;\n\n const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n\n const actionIconSize = size === 'xs' ? 'xs' : 's';\n const solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;\n const segmentedViewClass = segmentation === 'segmented' ? classes.segmentedView : undefined;\n const clearViewClass = clear ? classes.clearView : undefined;\n const disabledClass = disabled ? classes.disabled : undefined;\n const loadingClass = isLoading ? classes.loading : undefined;\n const focusedClass = isInputFocused ? classes.focused : undefined;\n\n const isMinValue = (currentValue: number) => min !== undefined && currentValue <= min;\n const isMaxValue = (currentValue: number) => max !== undefined && currentValue >= max;\n\n const decrementButtonDisabled =\n (isNumber(value) && value !== '' && isMinValue(Number(value)) && !isAnimationRun) \|\| isLoading\n ? classes.actionButtonDecrementDisabled\n : undefined;\n const incrementButtonDisabled =\n (isNumber(value) && value !== '' && isMaxValue(Number(value)) && !isAnimationRun) \|\| isLoading\n ? classes.actionButtonIncrementDisabled\n : undefined;\n\n const handleDecrement = () => {\n if (isLoading \|\| disabled \|\| isAnimationRun) {\n return;\n }\n\n const processedValue = isNumber(value) && value !== '' ? Number(value) : max ?? 0;\n const preciseDiff = getPreciseValue(processedValue - step, precision);\n const diffValue = Number(preciseDiff);\n const resValue = min !== undefined && diffValue <= min ? min : diffValue;\n\n setInnerValue(resValue);\n\n if (onDecrement) {\n onDecrement(resValue);\n }\n\n if (onChange) {\n onChange(null, resValue);\n }\n };\n\n const handleIncrement = () => {\n if (isLoading \|\| disabled \|\| isAnimationRun) {\n return;\n }\n\n const processedValue = isNumber(value) && value !== '' ? Number(value) : min ?? 0;\n const preciseDiff = getPreciseValue(processedValue + step, precision);\n const diffValue = Number(preciseDiff);\n const resValue = max !== undefined && diffValue >= max ? max : diffValue;\n\n setInnerValue(resValue);\n\n if (onIncrement) {\n onIncrement(resValue);\n }\n\n if (onChange) {\n onChange(null, resValue);\n }\n };\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n clear={clear}\n shape={shape}\n segmentation={segmentation}\n isLoading={isLoading}\n {...(segmentation === 'solid' ? { inputBackgroundType: 'clear' } : { inputBackgroundType })}\n className={cx(\n className,\n solidViewClass,\n segmentedViewClass,\n clearViewClass,\n disabledClass,\n loadingClass,\n focusedClass,\n )}\n style={\n {\n ...style,\n [privateTokens.inputWidth]: innerWidth,\n } as CSSProperties\n }\n >\n {customDecrementButton \|\| (\n <ActionButton\n className={cx(\n classes.actionButtonDecrement,\n decrementButtonDisabled,\n solidViewClass,\n segmentedViewClass,\n )}\n icon={decrementIcon \|\| <IconMinus color=\"inherit\" size={actionIconSize} />}\n onClick={handleDecrement}\n />\n )}\n <NumberInput\n ref={ref}\n segmentation={segmentation}\n value={value}\n precision={precision}\n min={min}\n max={max}\n isManualInput={isManualInput}\n textBefore={textBefore}\n textAfter={textAfter}\n isLoading={isLoading}\n loader={loader}\n disabled={disabled}\n isInputFocused={isInputFocused}\n setIsInputFocused={setIsInputFocused}\n setIsAnimationRun={setIsAnimationRun}\n setInnerValue={setInnerValue}\n onChange={onChange}\n {...rest}\n />\n {customIncrementButton \|\| (\n <ActionButton\n className={cx(\n classes.actionButtonIncrement,\n incrementButtonDisabled,\n solidViewClass,\n segmentedViewClass,\n )}\n icon={incrementIcon \|\| <IconPlus color=\"inherit\" size={actionIconSize} />}\n onClick={handleIncrement}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const numberInputConfig = {\n name: 'NumberInput',\n tag: 'div',\n layout: numberInputRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n shape: {\n css: shapeCSS,\n },\n inputBackgroundType: {\n css: inputBackgroundTypeCSS,\n },\n segmentation: {\n css: segmentationCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'l',\n shape: 'cornered',\n segmentation: 'default',\n },\n};\n"],"names":["numberInputRoot","Root","forwardRef","_ref","ref","className","style","width","outerValue","value","min","max","_ref$step","step","_ref$precision","precision","isLoading","loader","size","view","clear","shape","segmentation","_ref$inputBackgroundT","inputBackgroundType","disabled","textBefore","textAfter","customIncrementButton","incrementIcon","customDecrementButton","decrementIcon","isManualInput","onChange","onIncrement","onDecrement","rest","_objectWithoutProperties","_excluded","isNumber","undefined","console","error","_useState","useState","_useState2","_slicedToArray","isInputFocused","setIsInputFocused","_useState3","_useState4","isAnimationRun","setIsAnimationRun","_useState5","_useState6","innerValue","setInnerValue","innerWidth","getSizeValueFromProp","actionIconSize","solidViewClass","classes","solidView","segmentedViewClass","segmentedView","clearViewClass","clearView","disabledClass","loadingClass","loading","focusedClass","focused","isMinValue","currentValue","isMaxValue","decrementButtonDisabled","Number","actionButtonDecrementDisabled","incrementButtonDisabled","actionButtonIncrementDisabled","handleDecrement","processedValue","preciseDiff","getPreciseValue","diffValue","resValue","handleIncrement","React","createElement","_extends","cx","_objectSpread","_defineProperty","privateTokens","inputWidth","ActionButton","actionButtonDecrement","icon","IconMinus","color","onClick","NumberInput","actionButtonIncrement","IconPlus","numberInputConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","shapeCSS","inputBackgroundTypeCSS","segmentationCSS","disabledCSS","attrs","defaults"],"mappings":"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"}

package/dist/css/es/components/NumberInput/ui/ActionButton/ActionButton.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 import { StyledIconButton } from './ActionButton.styles.js';
 var ActionButton = function ActionButton(_ref) {
   var icon = _ref.icon,
     className = _ref.className,
     onClick = _ref.onClick;
-  return /*#__PURE__*/React.createElement(StyledIconButton, {
+  return /*#__PURE__*/React__default.createElement(StyledIconButton, {
     className: className,
     onClick: onClick
   }, icon);

package/dist/css/es/components/NumberInput/ui/ActionButton/ActionButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionButton.js","sources":["../../../../../../../src/components/NumberInput/ui/ActionButton/ActionButton.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { StyledIconButton } from './ActionButton.styles';\nimport type { ActionButtonProps } from './ActionButton.types';\n\nexport const ActionButton: FC<ActionButtonProps> = ({ icon, className, onClick }) => {\n return (\n <StyledIconButton className={className} onClick={onClick}>\n {icon}\n </StyledIconButton>\n );\n};\n"],"names":["ActionButton","_ref","icon","className","onClick","React","createElement","StyledIconButton"],"mappings":";;;IAKaA,YAAmC,GAAG,SAAtCA,YAAmCA,CAAAC,IAAA,EAAqC;AAAA,EAAA,IAA/BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO,CAAA;AAC1E,EAAA,oBACIC,~~KAAA~~,CAAAC,aAAA,CAACC,gBAAgB,EAAA;AAACJ,IAAAA,SAAS,EAAEA,SAAU;AAACC,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,EACpDF,IACa,CAAC,CAAA;AAE3B;;;;"}
1	+ {"version":3,"file":"ActionButton.js","sources":["../../../../../../../src/components/NumberInput/ui/ActionButton/ActionButton.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { StyledIconButton } from './ActionButton.styles';\nimport type { ActionButtonProps } from './ActionButton.types';\n\nexport const ActionButton: FC<ActionButtonProps> = ({ icon, className, onClick }) => {\n return (\n <StyledIconButton className={className} onClick={onClick}>\n {icon}\n </StyledIconButton>\n );\n};\n"],"names":["ActionButton","_ref","icon","className","onClick","React","createElement","StyledIconButton"],"mappings":";;;IAKaA,YAAmC,GAAG,SAAtCA,YAAmCA,CAAAC,IAAA,EAAqC;AAAA,EAAA,IAA/BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO,CAAA;AAC1E,EAAA,oBACIC,cAAA,CAAAC,aAAA,CAACC,gBAAgB,EAAA;AAACJ,IAAAA,SAAS,EAAEA,SAAU;AAACC,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,EACpDF,IACa,CAAC,CAAA;AAE3B;;;;"}