npm - @salutejs/plasma-new-hope - Versions diffs - 0.241.1-canary.1701.12828004221.0 → 0.241.1-canary.1707.12862394119.0 - Mend

@salutejs/plasma-new-hope 0.241.1-canary.1701.12828004221.0 → 0.241.1-canary.1707.12862394119.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 (881) hide show

package/cjs/components/Notification/Notification.js CHANGED Viewed

@@ -16,6 +16,10 @@ var Notification_types = require('./Notification.types.js');
 var Notification_styles = require('./Notification.styles.js');
 var index$1 = require('./utils/index.js');
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+var React__default = /*#__PURE__*/_interopDefault(React);
 var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "onCloseButtonClick"];
 /**
@@ -53,7 +57,7 @@ var notificationRoot = function notificationRoot(Root) {
     var IconPlacementInternal = React.useMemo(function () {
       return icon ? iconPlacement : undefined;
     }, [icon, iconPlacement]);
-    return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
+    return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
       view: view,
       size: size,
       layout: layout,
@@ -62,35 +66,35 @@ var notificationRoot = function notificationRoot(Root) {
       role: role,
       "aria-live": ariaLive,
       "aria-atomic": ariaAtomic
-    }, rest), /*#__PURE__*/React.createElement(Notification_styles.Wrapper, {
+    }, rest), /*#__PURE__*/React__default.default.createElement(Notification_styles.Wrapper, {
       className: index.cx(Notification_tokens.classes.wrapper, index$1.getLayoutClass(layout), oneLineClass, withoutCloseIconClass)
-    }, /*#__PURE__*/React.createElement(Notification_styles.ContentBox, {
+    }, /*#__PURE__*/React__default.default.createElement(Notification_styles.ContentBox, {
       iconPlacement: IconPlacementInternal,
       className: index.cx(Notification_tokens.classes.contentBox, index$1.getLayoutClass(layout), withoutIconClass)
-    }, icon && /*#__PURE__*/React.createElement(Notification_styles.IconWrapper, {
+    }, icon && /*#__PURE__*/React__default.default.createElement(Notification_styles.IconWrapper, {
       iconPlacement: IconPlacementInternal,
       className: index.cx(Notification_tokens.classes.icon, index$1.getLayoutClass(layout))
-    }, icon), /*#__PURE__*/React.createElement(Notification_styles.TextBox, {
+    }, icon), /*#__PURE__*/React__default.default.createElement(Notification_styles.TextBox, {
       iconPlacement: IconPlacementInternal,
       showCloseIcon: showCloseIcon,
       className: index.cx(Notification_tokens.classes.textbox, index$1.getLayoutClass(layout))
-    }, title && /*#__PURE__*/React.createElement(Notification_styles.StyledTitle, {
+    }, title && /*#__PURE__*/React__default.default.createElement(Notification_styles.StyledTitle, {
       className: Notification_tokens.classes.title
-    }, title), content && /*#__PURE__*/React.createElement(Notification_styles.StyledContent, {
+    }, title), content && /*#__PURE__*/React__default.default.createElement(Notification_styles.StyledContent, {
       className: Notification_tokens.classes.text
-    }, content))), actions && /*#__PURE__*/React.createElement(Notification_styles.ButtonsWrapper, {
+    }, content))), actions && /*#__PURE__*/React__default.default.createElement(Notification_styles.ButtonsWrapper, {
       iconPlacement: IconPlacementInternal,
       className: index.cx(Notification_tokens.classes.buttonsWrapper, index$1.getLayoutClass(layout))
-    }, actions), showCloseIcon && /*#__PURE__*/React.createElement(Notification_styles.CloseIconWrapper, {
+    }, actions), showCloseIcon && /*#__PURE__*/React__default.default.createElement(Notification_styles.CloseIconWrapper, {
       view: "clear",
       size: "s",
       onClick: onCloseButtonClick,
       className: index.cx(Notification_tokens.classes.closeIcon, index$1.getLayoutClass(layout))
-    }, closeIconType === 'default' ? /*#__PURE__*/React.createElement(IconCross.IconCross, {
+    }, closeIconType === 'default' ? /*#__PURE__*/React__default.default.createElement(IconCross.IconCross, {
       size: "s",
       sizeCustomProperty: Notification_tokens.tokens.closeIconSize,
       color: "inherit"
-    }) : /*#__PURE__*/React.createElement(IconCrossThin.IconCrossThin, {
+    }) : /*#__PURE__*/React__default.default.createElement(IconCrossThin.IconCrossThin, {
       size: "s",
       sizeCustomProperty: Notification_tokens.tokens.closeIconSize,
       color: "inherit"

package/cjs/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 showCloseIcon = true,\n layout = layouts.vertical as NotificationLayout,\n icon,\n closeIconType,\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 className={cx(classes.wrapper, getLayoutClass(layout), oneLineClass, withoutCloseIconClass)}>\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 && <StyledTitle className={classes.title}>{title}</StyledTitle>}\n {content && <StyledContent className={classes.text}>{content}</StyledContent>}\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 {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$showCloseIcon","showCloseIcon","_props$layout","layout","layouts","vertical","icon","closeIconType","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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"}
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 showCloseIcon = true,\n layout = layouts.vertical as NotificationLayout,\n icon,\n closeIconType,\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 className={cx(classes.wrapper, getLayoutClass(layout), oneLineClass, withoutCloseIconClass)}>\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 && <StyledTitle className={classes.title}>{title}</StyledTitle>}\n {content && <StyledContent className={classes.text}>{content}</StyledContent>}\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 {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$showCloseIcon","showCloseIcon","_props$layout","layout","layouts","vertical","icon","closeIconType","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/cjs/components/Notification/Notification.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './Notification.styles_1u5gusp.css';
+require('./Notification.styles_1u5gusp.css');
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Notification/NotificationsPortal.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './NotificationsPortal_6417q6.css';
+require('./NotificationsPortal_6417q6.css');
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -15,6 +15,10 @@ var common = require('../../engines/common.js');
 var PopupContext = require('../Popup/PopupContext.js');
 var Popup$1 = require('../Popup/Popup.js');
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+var React__default = /*#__PURE__*/_interopDefault(React);
 var _excluded = ["id", "isHidden"];
 // issue #823
@@ -41,22 +45,22 @@ var NotificationsPortal = function NotificationsPortal(_ref) {
   var Notification = React.useMemo(function () {
     return common.component(config);
   }, []);
-  return /*#__PURE__*/React.createElement(PopupContext.PopupProvider, null, notifications.length > 0 && /*#__PURE__*/React.createElement(StyledPopup, {
+  return /*#__PURE__*/React__default.default.createElement(PopupContext.PopupProvider, null, notifications.length > 0 && /*#__PURE__*/React__default.default.createElement(StyledPopup, {
     opened: true,
     frame: frame,
     placement: placement,
     zIndex: "9100"
-  }, /*#__PURE__*/React.createElement(Notification_styles.StyledRoot, {
+  }, /*#__PURE__*/React__default.default.createElement(Notification_styles.StyledRoot, {
     placement: placement
   }, notifications.map(function (_ref2) {
     var id = _ref2.id,
       isHidden = _ref2.isHidden,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded);
-    return /*#__PURE__*/React.createElement(Notification_styles.StyledItemWrapper, {
+    return /*#__PURE__*/React__default.default.createElement(Notification_styles.StyledItemWrapper, {
       key: id,
       className: index.cx(isHidden ? Notification_tokens.classes.notificationItemHidden : Notification_tokens.classes.notificationItemOpened, placement === 'bottom-left' && Notification_tokens.classes.notificationLeftToRightAnimation),
       isHidden: isHidden || false
-    }, /*#__PURE__*/React.createElement(Notification, _rollupPluginBabelHelpers.extends({
+    }, /*#__PURE__*/React__default.default.createElement(Notification, _rollupPluginBabelHelpers.extends({
       key: id,
       id: id,
       onCloseButtonClick: function onCloseButtonClick() {

package/cjs/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> = ({ config, frame, placement = 'bottom-right' }) => {\n const { notifications } = useStoreon<NotificationsState, NotificationsEvents>('notifications');\n\n const Notification = useMemo(\n () => component(config) as ForwardRefExoticComponent<NotificationProps & RefAttributes<HTMLDivElement>>,\n [],\n );\n\n return (\n <PopupProvider>\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 placement === 'bottom-left' && classes.notificationLeftToRightAnimation,\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","_useStoreon","useStoreon","notifications","Notification","useMemo","React","createElement","PopupProvider","length","opened","zIndex","StyledRoot","map","_ref2","id","isHidden","rest","StyledItemWrapper","key","className","cx","classes","notificationItemHidden","notificationItemOpened","notificationLeftToRightAnimation","_extends","onCloseButtonClick","closeNotification"],"mappings":"~~;;;;;;;;;;;;;;;;;;~~AAcA;AACA,IAAMA,KAAK,gBAAGC,gBAAS,CAACC,mBAAW,CAAC,CAAA;AAAC,IAAAC,IAAA,GAdnBA,SAcmBA,IAAAA,GAAA;AAAA,EAAA,OAEVH,KAAK,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMI,WAAW,gBAAGC,cAAM,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,EAAsD;AAAA,EAAA,IAAhDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,cAAA,GAAAA,cAAA,CAAA;AAC1F,EAAA,IAAAE,WAAA,GAA0BC,gBAAU,CAA0C,eAAe,CAAC;IAAtFC,aAAAA,GAAAA,WAAAA,CAAAA,aAAAA,CAAAA;EAER,IAAMC,YAAY,GAAGC,aAAO,CACxB,YAAA;IAAA,OAAMlB,gBAAS,CAACU,MAAM,CAAC,CAAA;GACvB,EAAA,EACJ,CAAC,CAAA;AAED,EAAA,oBACIS,~~KAAA~~,CAAAC,aAAA,CAACC,0BAAa,QACTL,aAAa,CAACM,MAAM,GAAG,CAAC,iBACrBH,~~KAAA~~,CAAAC,aAAA,CAACjB,WAAW,EAAA;IAACoB,MAAM,EAAA,IAAA;AAACZ,IAAAA,KAAK,EAAEA,KAAM;AAACE,IAAAA,SAAS,EAAEA,SAAU;AAACW,IAAAA,MAAM,EAAC,MAAA;AAAM,GAAA,eACjEL,~~KAAA~~,CAAAC,aAAA,CAACK,8BAAU,EAAA;AAACZ,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAC5BG,aAAa,CAACU,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,EAAE,GAAAD,KAAA,CAAFC,EAAE;MAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;AAAKC,MAAAA,IAAAA,GAAAA,iDAAAA,CAAAA,KAAAA,EAAAA,SAAAA,CAAAA,CAAAA;AAAAA,IAAAA,oBACnCX,~~KAAA~~,CAAAC,aAAA,CAACW,qCAAiB,EAAA;AACdC,MAAAA,GAAG,EAAEJ,EAAG;MACRK,SAAS,EAAEC,QAAE,CACTL,QAAQ,GAAGM,2BAAO,CAACC,sBAAsB,GAAGD,2BAAO,CAACE,sBAAsB,EAC1ExB,SAAS,KAAK,aAAa,IAAIsB,2BAAO,CAACG,gCAC3C,CAAE;MACFT,QAAQ,EAAEA,QAAQ,IAAI,KAAA;AAAM,KAAA,eAE5BV,~~KAAA~~,CAAAC,aAAA,CAACH,YAAY,EAAAsB,iCAAA,CAAA;AACTP,MAAAA,GAAG,EAAEJ,EAAG;AACRA,MAAAA,EAAE,EAAEA,EAAG;MACPY,kBAAkB,EAAE,SAAAA,kBAAA,GAAA;QAAA,OAAMC,oCAAiB,CAACb,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> = ({ config, frame, placement = 'bottom-right' }) => {\n const { notifications } = useStoreon<NotificationsState, NotificationsEvents>('notifications');\n\n const Notification = useMemo(\n () => component(config) as ForwardRefExoticComponent<NotificationProps & RefAttributes<HTMLDivElement>>,\n [],\n );\n\n return (\n <PopupProvider>\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 placement === 'bottom-left' && classes.notificationLeftToRightAnimation,\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","_useStoreon","useStoreon","notifications","Notification","useMemo","React","createElement","PopupProvider","length","opened","zIndex","StyledRoot","map","_ref2","id","isHidden","rest","StyledItemWrapper","key","className","cx","classes","notificationItemHidden","notificationItemOpened","notificationLeftToRightAnimation","_extends","onCloseButtonClick","closeNotification"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAcA;AACA,IAAMA,KAAK,gBAAGC,gBAAS,CAACC,mBAAW,CAAC,CAAA;AAAC,IAAAC,IAAA,GAdnBA,SAcmBA,IAAAA,GAAA;AAAA,EAAA,OAEVH,KAAK,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMI,WAAW,gBAAGC,cAAM,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,EAAsD;AAAA,EAAA,IAAhDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,cAAA,GAAAA,cAAA,CAAA;AAC1F,EAAA,IAAAE,WAAA,GAA0BC,gBAAU,CAA0C,eAAe,CAAC;IAAtFC,aAAAA,GAAAA,WAAAA,CAAAA,aAAAA,CAAAA;EAER,IAAMC,YAAY,GAAGC,aAAO,CACxB,YAAA;IAAA,OAAMlB,gBAAS,CAACU,MAAM,CAAC,CAAA;GACvB,EAAA,EACJ,CAAC,CAAA;AAED,EAAA,oBACIS,sBAAA,CAAAC,aAAA,CAACC,0BAAa,QACTL,aAAa,CAACM,MAAM,GAAG,CAAC,iBACrBH,sBAAA,CAAAC,aAAA,CAACjB,WAAW,EAAA;IAACoB,MAAM,EAAA,IAAA;AAACZ,IAAAA,KAAK,EAAEA,KAAM;AAACE,IAAAA,SAAS,EAAEA,SAAU;AAACW,IAAAA,MAAM,EAAC,MAAA;AAAM,GAAA,eACjEL,sBAAA,CAAAC,aAAA,CAACK,8BAAU,EAAA;AAACZ,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAC5BG,aAAa,CAACU,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,EAAE,GAAAD,KAAA,CAAFC,EAAE;MAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;AAAKC,MAAAA,IAAAA,GAAAA,iDAAAA,CAAAA,KAAAA,EAAAA,SAAAA,CAAAA,CAAAA;AAAAA,IAAAA,oBACnCX,sBAAA,CAAAC,aAAA,CAACW,qCAAiB,EAAA;AACdC,MAAAA,GAAG,EAAEJ,EAAG;MACRK,SAAS,EAAEC,QAAE,CACTL,QAAQ,GAAGM,2BAAO,CAACC,sBAAsB,GAAGD,2BAAO,CAACE,sBAAsB,EAC1ExB,SAAS,KAAK,aAAa,IAAIsB,2BAAO,CAACG,gCAC3C,CAAE;MACFT,QAAQ,EAAEA,QAAQ,IAAI,KAAA;AAAM,KAAA,eAE5BV,sBAAA,CAAAC,aAAA,CAACH,YAAY,EAAAsB,iCAAA,CAAA;AACTP,MAAAA,GAAG,EAAEJ,EAAG;AACRA,MAAAA,EAAE,EAAEA,EAAG;MACPY,kBAAkB,EAAE,SAAAA,kBAAA,GAAA;QAAA,OAAMC,oCAAiB,CAACb,EAAE,CAAC,CAAA;AAAA,OAAA;KAC3CE,EAAAA,IAAI,CAAC,CAEE,CACtB,CAAA;GACO,CAAA,CACH,CAEN,CAAC,CAAA;AAExB;;;;"}

package/cjs/components/Notification/NotificationsProvider.js CHANGED Viewed

@@ -7,14 +7,18 @@ var react = require('storeon/react');
 var NotificationsStore = require('./NotificationsStore.js');
 var NotificationsPortal = require('./NotificationsPortal.js');
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+var React__default = /*#__PURE__*/_interopDefault(React);
 var NotificationsProvider = function NotificationsProvider(_ref) {
   var children = _ref.children,
     config = _ref.config,
     frame = _ref.frame,
     placement = _ref.placement;
-  return /*#__PURE__*/React.createElement(react.StoreContext.Provider, {
+  return /*#__PURE__*/React__default.default.createElement(react.StoreContext.Provider, {
     value: NotificationsStore.NotificationsStore
-  }, children, /*#__PURE__*/React.createElement(NotificationsPortal.NotificationsPortal, {
+  }, children, /*#__PURE__*/React__default.default.createElement(NotificationsPortal.NotificationsPortal, {
     frame: frame,
     placement: placement,
     config: config

package/cjs/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}> = ({ children, config, frame, placement }) => {\n return (\n <StoreContext.Provider value={NotificationsStore}>\n {children}\n <NotificationsPortal frame={frame} placement={placement} config={config} />\n </StoreContext.Provider>\n );\n};\n"],"names":["NotificationsProvider","_ref","children","config","frame","placement","React","createElement","StoreContext","Provider","value","NotificationsStore","NotificationsPortal"],"mappings":"~~;;;;;;;;;~~IAUaA,qBAKX,GAAG,SALQA,qBAKXA,CAAAC,IAAA,EAA+C;AAAA,EAAA,IAAzCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACtC,EAAA,oBACIC,~~KAAA~~,CAAAC,aAAA,CAACC,kBAAY,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEC,qCAAAA;AAAmB,GAAA,EAC5CT,QAAQ,eACTI,~~KAAA~~,CAAAC,aAAA,CAACK,uCAAmB,EAAA;AAACR,IAAAA,KAAK,EAAEA,KAAM;AAACC,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,MAAM,EAAEA,MAAAA;AAAO,GAAE,CACvD,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}> = ({ children, config, frame, placement }) => {\n return (\n <StoreContext.Provider value={NotificationsStore}>\n {children}\n <NotificationsPortal frame={frame} placement={placement} config={config} />\n </StoreContext.Provider>\n );\n};\n"],"names":["NotificationsProvider","_ref","children","config","frame","placement","React","createElement","StoreContext","Provider","value","NotificationsStore","NotificationsPortal"],"mappings":";;;;;;;;;;;;;IAUaA,qBAKX,GAAG,SALQA,qBAKXA,CAAAC,IAAA,EAA+C;AAAA,EAAA,IAAzCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACtC,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACC,kBAAY,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEC,qCAAAA;AAAmB,GAAA,EAC5CT,QAAQ,eACTI,sBAAA,CAAAC,aAAA,CAACK,uCAAmB,EAAA;AAACR,IAAAA,KAAK,EAAEA,KAAM;AAACC,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,MAAM,EAAEA,MAAAA;AAAO,GAAE,CACvD,CAAC,CAAA;AAEhC;;;;"}

package/cjs/components/Notification/variations/_closeIconType/base.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './base_x642ct.css';
+require('./base_x642ct.css');
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Notification/variations/_layout/base.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './base_qkc3i4.css';
+require('./base_qkc3i4.css');
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Notification/variations/_size/base.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './base_crlufx.css';
+require('./base_crlufx.css');
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Notification/variations/_view/base.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './base_x642ct.css';
+require('./base_x642ct.css');
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/NumberInput/NumberInput.js CHANGED Viewed

@@ -21,6 +21,10 @@ var Input = require('./ui/Input/Input.js');
 var IconPlus = require('../_Icon/Icons/IconPlus.js');
 var getSizeValueFromProp = require('../../utils/getSizeValueFromProp.js');
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+var React__default = /*#__PURE__*/_interopDefault(React);
 var _excluded = ["className", "style", "width", "value", "min", "max", "step", "precision", "isLoading", "loader", "size", "view", "clear", "shape", "segmentation", "inputBackgroundType", "disabled", "textBefore", "textAfter", "customIncrementButton", "incrementIcon", "customDecrementButton", "decrementIcon", "isManualInput", "onChange", "onIncrement", "onDecrement"];
 var numberInputRoot = function numberInputRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -123,7 +127,7 @@ var numberInputRoot = function numberInputRoot(Root) {
         return prevValue !== value ? value : prevValue;
       });
     }, [value]);
-    return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
+    return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
       view: view,
       size: size,
       disabled: disabled,
@@ -138,14 +142,14 @@ var numberInputRoot = function numberInputRoot(Root) {
     }, {
       className: index.cx(className, solidViewClass, segmentedViewClass, clearViewClass, disabledClass, loadingClass, focusedClass),
       style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, style), {}, _rollupPluginBabelHelpers.defineProperty({}, NumberInput_tokens.privateTokens.inputWidth, innerWidth))
-    }), customDecrementButton || /*#__PURE__*/React.createElement(ActionButton.ActionButton, {
+    }), customDecrementButton || /*#__PURE__*/React__default.default.createElement(ActionButton.ActionButton, {
       className: index.cx(NumberInput_tokens.classes.actionButtonDecrement, decrementButtonDisabled, solidViewClass, segmentedViewClass),
-      icon: decrementIcon || /*#__PURE__*/React.createElement(IconMinus.IconMinus, {
+      icon: decrementIcon || /*#__PURE__*/React__default.default.createElement(IconMinus.IconMinus, {
         color: "inherit",
         size: actionIconSize
       }),
       onClick: handleDecrement
-    }), /*#__PURE__*/React.createElement(Input.NumberInput, _rollupPluginBabelHelpers.extends({
+    }), /*#__PURE__*/React__default.default.createElement(Input.NumberInput, _rollupPluginBabelHelpers.extends({
       ref: ref,
       segmentation: segmentation,
       value: innerValue,
@@ -163,9 +167,9 @@ var numberInputRoot = function numberInputRoot(Root) {
       setIsAnimationRun: setIsAnimationRun,
       setInnerValue: setInnerValue,
       onChange: onChange
-    }, rest)), customIncrementButton || /*#__PURE__*/React.createElement(ActionButton.ActionButton, {
+    }, rest)), customIncrementButton || /*#__PURE__*/React__default.default.createElement(ActionButton.ActionButton, {
       className: index.cx(NumberInput_tokens.classes.actionButtonIncrement, incrementButtonDisabled, solidViewClass, segmentedViewClass),
-      icon: incrementIcon || /*#__PURE__*/React.createElement(IconPlus.IconPlus, {
+      icon: incrementIcon || /*#__PURE__*/React__default.default.createElement(IconPlus.IconPlus, {
         color: "inherit",
         size: actionIconSize
       }),

package/cjs/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, useEffect, 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,\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 const [innerValue, setInnerValue] = useState<number \| string>(value ?? min ?? 0);\n const [isInputFocused, setIsInputFocused] = useState(false);\n const [isAnimationRun, setIsAnimationRun] = useState(false);\n\n console.log('innerValue', 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 (isMinValue(Number(innerValue)) && !isAnimationRun) \|\| isLoading\n ? classes.actionButtonDecrementDisabled\n : undefined;\n const incrementButtonDisabled =\n (isMaxValue(Number(innerValue)) && !isAnimationRun) \|\| isLoading\n ? classes.actionButtonIncrementDisabled\n : undefined;\n\n const handleDecrement = () => {\n if (isLoading \|\| disabled \|\| isAnimationRun) {\n return;\n }\n\n const preciseDiff = getPreciseValue(Number(innerValue) - 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 preciseDiff = getPreciseValue(Number(innerValue) + 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 useEffect(() => {\n if (value === undefined \|\| !isNumber(value)) {\n return;\n }\n\n setInnerValue((prevValue) => (prevValue !== value ? value : prevValue));\n }, [value]);\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={innerValue}\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","_ref2","className","style","width","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","_useState","useState","_useState2","_slicedToArray","innerValue","setInnerValue","_useState3","_useState4","isInputFocused","setIsInputFocused","_useState5","_useState6","isAnimationRun","setIsAnimationRun","console","log","innerWidth","getSizeValueFromProp","actionIconSize","solidViewClass","classes","solidView","undefined","segmentedViewClass","segmentedView","clearViewClass","clearView","disabledClass","loadingClass","loading","focusedClass","focused","isMinValue","currentValue","isMaxValue","decrementButtonDisabled","Number","actionButtonDecrementDisabled","incrementButtonDisabled","actionButtonIncrementDisabled","handleDecrement","preciseDiff","getPreciseValue","diffValue","resValue","handleIncrement","useEffect","isNumber","prevValue","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, useEffect, 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,\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 const [innerValue, setInnerValue] = useState<number \| string>(value ?? min ?? 0);\n const [isInputFocused, setIsInputFocused] = useState(false);\n const [isAnimationRun, setIsAnimationRun] = useState(false);\n\n console.log('innerValue', 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 (isMinValue(Number(innerValue)) && !isAnimationRun) \|\| isLoading\n ? classes.actionButtonDecrementDisabled\n : undefined;\n const incrementButtonDisabled =\n (isMaxValue(Number(innerValue)) && !isAnimationRun) \|\| isLoading\n ? classes.actionButtonIncrementDisabled\n : undefined;\n\n const handleDecrement = () => {\n if (isLoading \|\| disabled \|\| isAnimationRun) {\n return;\n }\n\n const preciseDiff = getPreciseValue(Number(innerValue) - 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 preciseDiff = getPreciseValue(Number(innerValue) + 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 useEffect(() => {\n if (value === undefined \|\| !isNumber(value)) {\n return;\n }\n\n setInnerValue((prevValue) => (prevValue !== value ? value : prevValue));\n }, [value]);\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={innerValue}\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","_ref2","className","style","width","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","_useState","useState","_useState2","_slicedToArray","innerValue","setInnerValue","_useState3","_useState4","isInputFocused","setIsInputFocused","_useState5","_useState6","isAnimationRun","setIsAnimationRun","console","log","innerWidth","getSizeValueFromProp","actionIconSize","solidViewClass","classes","solidView","undefined","segmentedViewClass","segmentedView","clearViewClass","clearView","disabledClass","loadingClass","loading","focusedClass","focused","isMinValue","currentValue","isMaxValue","decrementButtonDisabled","Number","actionButtonDecrementDisabled","incrementButtonDisabled","actionButtonIncrementDisabled","handleDecrement","preciseDiff","getPreciseValue","diffValue","resValue","handleIncrement","useEffect","isNumber","prevValue","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/cjs/components/NumberInput/NumberInput.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './NumberInput.styles_jeawjl.css';
+require('./NumberInput.styles_jeawjl.css');
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/NumberInput/ui/ActionButton/ActionButton.js CHANGED Viewed

@@ -5,11 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var ActionButton_styles = require('./ActionButton.styles.js');
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+var React__default = /*#__PURE__*/_interopDefault(React);
 var ActionButton = function ActionButton(_ref) {
   var icon = _ref.icon,
     className = _ref.className,
     onClick = _ref.onClick;
-  return /*#__PURE__*/React.createElement(ActionButton_styles.StyledIconButton, {
+  return /*#__PURE__*/React__default.default.createElement(ActionButton_styles.StyledIconButton, {
     className: className,
     onClick: onClick
   }, icon);

package/cjs/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,oCAAgB,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,sBAAA,CAAAC,aAAA,CAACC,oCAAgB,EAAA;AAACJ,IAAAA,SAAS,EAAEA,SAAU;AAACC,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,EACpDF,IACa,CAAC,CAAA;AAE3B;;;;"}

package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './ActionButton.styles_x642ct.css';
+require('./ActionButton.styles_x642ct.css');
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/NumberInput/ui/Input/Input.js CHANGED Viewed

@@ -13,6 +13,10 @@ var Input_styles = require('./Input.styles.js');
 var useDidMountEffect = require('../../../../hooks/useDidMountEffect.js');
 var isNumber = require('../../../../utils/isNumber.js');
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+var React__default = /*#__PURE__*/_interopDefault(React);
 var _StyledSpinner;
 var _excluded = ["value", "precision", "min", "max", "isLoading", "loader", "disabled", "segmentation", "textBefore", "textAfter", "isManualInput", "isInputFocused", "setIsInputFocused", "setIsAnimationRun", "setInnerValue", "onChange", "onBlur", "onKeyDown"];
 var NumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -182,16 +186,16 @@ var NumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   useDidMountEffect.useDidMountEffect(function () {
     setDynamicWidth(getInputWidth(false));
   }, [value]);
-  return /*#__PURE__*/React.createElement(Input_styles.InputWrapper, {
+  return /*#__PURE__*/React__default.default.createElement(Input_styles.InputWrapper, {
     ref: wrapperRef,
     className: index$1.cx(solidViewClass, errorClass, manualInputClass),
     isManualInput: Boolean(isManualInput),
     onClick: handleClickInputWrapper
-  }, /*#__PURE__*/React.createElement(Input_styles.TextWrapper, {
+  }, /*#__PURE__*/React__default.default.createElement(Input_styles.TextWrapper, {
     ref: textWrapperRef
-  }, !isLoading && textBefore && /*#__PURE__*/React.createElement(Input_styles.AdditionalText, {
+  }, !isLoading && textBefore && /*#__PURE__*/React__default.default.createElement(Input_styles.AdditionalText, {
     className: NumberInput_tokens.classes.textBefore
-  }, textBefore), isLoading ? /*#__PURE__*/React.createElement(Input_styles.Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React.createElement(Input_styles.StyledSpinner, null))) : /*#__PURE__*/React.createElement(Input_styles.DynamicInput, null, /*#__PURE__*/React.createElement(Input_styles.Input, _rollupPluginBabelHelpers.extends({
+  }, textBefore), isLoading ? /*#__PURE__*/React__default.default.createElement(Input_styles.Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React__default.default.createElement(Input_styles.StyledSpinner, null))) : /*#__PURE__*/React__default.default.createElement(Input_styles.DynamicInput, null, /*#__PURE__*/React__default.default.createElement(Input_styles.Input, _rollupPluginBabelHelpers.extends({
     ref: inputForkRef,
     dynamicWidth: dynamicWidth,
     value: value,
@@ -203,9 +207,9 @@ var NumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onAnimationEnd: function onAnimationEnd() {
       return handleEndErrorAnimation(Number(errorValue));
     }
-  }, rest)), /*#__PURE__*/React.createElement(Input_styles.InputWidthHelper, {
+  }, rest)), /*#__PURE__*/React__default.default.createElement(Input_styles.InputWidthHelper, {
     ref: inputHelperRef
-  }, value)), !isLoading && textAfter && /*#__PURE__*/React.createElement(Input_styles.AdditionalText, {
+  }, value)), !isLoading && textAfter && /*#__PURE__*/React__default.default.createElement(Input_styles.AdditionalText, {
     className: NumberInput_tokens.classes.textAfter
   }, textAfter)));
 });