@salutejs/plasma-new-hope 0.338.0-canary.2271.18220523301.0 → 0.338.0-canary.2277.18274788623.0

package/cjs/components/Drawer/Drawer.js

@@ -25,7 +25,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var cls__default = /*#__PURE__*/_interopDefault(cls);
 
-var _excluded = ["id", "zIndex", "popupInfo", "withBlur", "children", "view", "size", "width", "height", "isOpen", "opened", "initialFocusRef", "focusAfterRef", "animationInfo", "className", "customBackgroundColor", "customContentBackgroundColor", "onClose", "onOverlayClick", "onEscKeyDown", "offset", "frame", "borderRadius", "placement", "closeOnEsc", "closeOnOverlayClick", "asModal", "draggable"];
+var _excluded = ["id", "zIndex", "popupInfo", "withBlur", "children", "view", "size", "width", "height", "isOpen", "opened", "initialFocusRef", "focusAfterRef", "animationInfo", "className", "customBackgroundColor", "customContentBackgroundColor", "onClose", "onOverlayClick", "onEscKeyDown", "offset", "frame", "alwaysFixed", "borderRadius", "placement", "closeOnEsc", "closeOnOverlayClick", "asModal", "draggable"];
 
 // issue #823
 
@@ -53,6 +53,8 @@ var drawerRoot = function drawerRoot(Root) {
       onEscKeyDown = _ref.onEscKeyDown,
       offset = _ref.offset,
       frame = _ref.frame,
+      _ref$alwaysFixed = _ref.alwaysFixed,
+      alwaysFixed = _ref$alwaysFixed === void 0 ? false : _ref$alwaysFixed,
       _ref$borderRadius = _ref.borderRadius,
       borderRadius = _ref$borderRadius === void 0 ? 'none' : _ref$borderRadius,
       _ref$placement = _ref.placement,
@@ -105,6 +107,7 @@ var drawerRoot = function drawerRoot(Root) {
       placement: placement,
       popupInfo: drawerInfo,
       frame: frame,
+      alwaysFixed: alwaysFixed,
       width: innerWidth,
       height: innerHeight,
       offset: offset,

package/cjs/components/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport cls from 'classnames';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { getSizeValueFromProp, safeUseId } from 'src/utils';\nimport type { RootProps } from 'src/engines';\n\nimport { usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { useFocusTrap } from '../../hooks';\n\nimport { classes, tokens } from './Drawer.tokens';\nimport type { DrawerProps } from './Drawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as borderRadiusCSS } from './variations/_borderRadius/base';\nimport { StyledPopup, StyledPanel } from './Drawer.styles';\nimport { getIdLastDrawer } from './DrawerContext';\nimport { useDrawer } from './hooks';\n\n// issue #823\n\nexport const drawerRoot = (Root: RootProps<HTMLDivElement, DrawerProps>) =>\n    forwardRef<HTMLDivElement, DrawerProps>(\n        (\n            {\n                id,\n                zIndex,\n                popupInfo,\n                withBlur,\n                children,\n                view,\n                size,\n                width,\n                height,\n                isOpen,\n                opened,\n                initialFocusRef,\n                focusAfterRef,\n                animationInfo,\n                className,\n                customBackgroundColor,\n                customContentBackgroundColor,\n                onClose,\n                onOverlayClick,\n                onEscKeyDown,\n                offset,\n                frame,\n                borderRadius = 'none',\n                placement = 'right',\n                closeOnEsc = true,\n                closeOnOverlayClick = true,\n                asModal = true,\n                draggable,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n\n            const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);\n            const popupController = usePopupContext();\n\n            const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRef);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.drawerOverlayWithBlurColor})`\n                : `var(${tokens.drawerOverlayColor})`;\n            const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n            const innerHeight = height ? getSizeValueFromProp(height) : '100%';\n\n            const placementClass = placement ? classes[`${placement}Placement` as keyof typeof classes] : undefined;\n\n            const { drawerInfo } = useDrawer({\n                id: innerId,\n                isOpen: innerIsOpen,\n                closeOnEsc,\n                onEscKeyDown,\n                onClose,\n                popupInfo,\n                disableScroll: asModal,\n            });\n            const transparent = useMemo(() => getIdLastDrawer(Array.from(popupController.items.values())) !== innerId, [\n                innerId,\n                popupController.items,\n            ]);\n\n            const onDrawerOverlayKeyDown = (event: React.MouseEvent<HTMLDivElement>) => {\n                if (onOverlayClick) {\n                    onOverlayClick(event);\n                    return;\n                }\n\n                if (onClose) {\n                    onClose();\n                }\n            };\n\n            return (\n                <StyledPopup\n                    id={innerId}\n                    ref={asModal ? innerRef : outerRef}\n                    className={cls(placementClass, className, {\n                        [classes.enterCustomAnimation]: animationInfo?.enter,\n                        [classes.exitCustomAnimation]: animationInfo?.exit,\n                    })}\n                    opened={innerIsOpen}\n                    zIndex={zIndex}\n                    placement={placement}\n                    popupInfo={drawerInfo}\n                    frame={frame}\n                    width={innerWidth}\n                    height={innerHeight}\n                    offset={offset}\n                    withAnimation\n                    drawerAnimationInfo={animationInfo}\n                    overlay={\n                        asModal && (\n                            <Root view={view}>\n                                <Overlay\n                                    className={classes.overlay}\n                                    zIndex={zIndex || DEFAULT_Z_INDEX}\n                                    backgroundColorProperty={overlayBackgroundToken}\n                                    withBlur={withBlur}\n                                    transparent={transparent}\n                                    isClickable={closeOnOverlayClick}\n                                    onOverlayClick={onDrawerOverlayKeyDown}\n                                />\n                            </Root>\n                        )\n                    }\n                    {...rest}\n                >\n                    <Root\n                        className={classes.panel}\n                        view={view}\n                        size={size}\n                        style={{ width: innerWidth, height: innerHeight }}\n                        borderRadius={borderRadius}\n                    >\n                        <StyledPanel\n                            width={innerWidth}\n                            height={innerHeight}\n                            customBackgroundColor={customBackgroundColor}\n                            customContentBackgroundColor={customContentBackgroundColor}\n                        >\n                            {children}\n                        </StyledPanel>\n                    </Root>\n                </StyledPopup>\n            );\n        },\n    );\n\nexport const drawerConfig = {\n    name: 'Drawer',\n    tag: 'div',\n    layout: drawerRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        borderRadius: {\n            css: borderRadiusCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        borderRadius: 'none',\n    },\n};\n"],"names":["drawerRoot","Root","forwardRef","_ref","outerRef","id","zIndex","popupInfo","withBlur","children","view","size","width","height","isOpen","opened","initialFocusRef","focusAfterRef","animationInfo","className","customBackgroundColor","customContentBackgroundColor","onClose","onOverlayClick","onEscKeyDown","offset","frame","_ref$borderRadius","borderRadius","_ref$placement","placement","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$asModal","asModal","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","drawerOverlayWithBlurColor","drawerOverlayColor","innerWidth","getSizeValueFromProp","innerHeight","placementClass","classes","undefined","_useDrawer","useDrawer","disableScroll","drawerInfo","transparent","useMemo","getIdLastDrawer","Array","from","items","values","onDrawerOverlayKeyDown","event","React","createElement","StyledPopup","_extends","ref","cls","_defineProperty","enterCustomAnimation","enter","exitCustomAnimation","exit","withAnimation","drawerAnimationInfo","overlay","Overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","panel","style","StyledPanel","drawerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","borderRadiusCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport cls from 'classnames';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { getSizeValueFromProp, safeUseId } from 'src/utils';\nimport type { RootProps } from 'src/engines';\n\nimport { usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { useFocusTrap } from '../../hooks';\n\nimport { classes, tokens } from './Drawer.tokens';\nimport type { DrawerProps } from './Drawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as borderRadiusCSS } from './variations/_borderRadius/base';\nimport { StyledPopup, StyledPanel } from './Drawer.styles';\nimport { getIdLastDrawer } from './DrawerContext';\nimport { useDrawer } from './hooks';\n\n// issue #823\n\nexport const drawerRoot = (Root: RootProps<HTMLDivElement, DrawerProps>) =>\n    forwardRef<HTMLDivElement, DrawerProps>(\n        (\n            {\n                id,\n                zIndex,\n                popupInfo,\n                withBlur,\n                children,\n                view,\n                size,\n                width,\n                height,\n                isOpen,\n                opened,\n                initialFocusRef,\n                focusAfterRef,\n                animationInfo,\n                className,\n                customBackgroundColor,\n                customContentBackgroundColor,\n                onClose,\n                onOverlayClick,\n                onEscKeyDown,\n                offset,\n                frame,\n                alwaysFixed = false,\n                borderRadius = 'none',\n                placement = 'right',\n                closeOnEsc = true,\n                closeOnOverlayClick = true,\n                asModal = true,\n                draggable,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n\n            const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);\n            const popupController = usePopupContext();\n\n            const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRef);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.drawerOverlayWithBlurColor})`\n                : `var(${tokens.drawerOverlayColor})`;\n            const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n            const innerHeight = height ? getSizeValueFromProp(height) : '100%';\n\n            const placementClass = placement ? classes[`${placement}Placement` as keyof typeof classes] : undefined;\n\n            const { drawerInfo } = useDrawer({\n                id: innerId,\n                isOpen: innerIsOpen,\n                closeOnEsc,\n                onEscKeyDown,\n                onClose,\n                popupInfo,\n                disableScroll: asModal,\n            });\n            const transparent = useMemo(() => getIdLastDrawer(Array.from(popupController.items.values())) !== innerId, [\n                innerId,\n                popupController.items,\n            ]);\n\n            const onDrawerOverlayKeyDown = (event: React.MouseEvent<HTMLDivElement>) => {\n                if (onOverlayClick) {\n                    onOverlayClick(event);\n                    return;\n                }\n\n                if (onClose) {\n                    onClose();\n                }\n            };\n\n            return (\n                <StyledPopup\n                    id={innerId}\n                    ref={asModal ? innerRef : outerRef}\n                    className={cls(placementClass, className, {\n                        [classes.enterCustomAnimation]: animationInfo?.enter,\n                        [classes.exitCustomAnimation]: animationInfo?.exit,\n                    })}\n                    opened={innerIsOpen}\n                    zIndex={zIndex}\n                    placement={placement}\n                    popupInfo={drawerInfo}\n                    frame={frame}\n                    alwaysFixed={alwaysFixed}\n                    width={innerWidth}\n                    height={innerHeight}\n                    offset={offset}\n                    withAnimation\n                    drawerAnimationInfo={animationInfo}\n                    overlay={\n                        asModal && (\n                            <Root view={view}>\n                                <Overlay\n                                    className={classes.overlay}\n                                    zIndex={zIndex || DEFAULT_Z_INDEX}\n                                    backgroundColorProperty={overlayBackgroundToken}\n                                    withBlur={withBlur}\n                                    transparent={transparent}\n                                    isClickable={closeOnOverlayClick}\n                                    onOverlayClick={onDrawerOverlayKeyDown}\n                                />\n                            </Root>\n                        )\n                    }\n                    {...rest}\n                >\n                    <Root\n                        className={classes.panel}\n                        view={view}\n                        size={size}\n                        style={{ width: innerWidth, height: innerHeight }}\n                        borderRadius={borderRadius}\n                    >\n                        <StyledPanel\n                            width={innerWidth}\n                            height={innerHeight}\n                            customBackgroundColor={customBackgroundColor}\n                            customContentBackgroundColor={customContentBackgroundColor}\n                        >\n                            {children}\n                        </StyledPanel>\n                    </Root>\n                </StyledPopup>\n            );\n        },\n    );\n\nexport const drawerConfig = {\n    name: 'Drawer',\n    tag: 'div',\n    layout: drawerRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        borderRadius: {\n            css: borderRadiusCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        borderRadius: 'none',\n    },\n};\n"],"names":["drawerRoot","Root","forwardRef","_ref","outerRef","id","zIndex","popupInfo","withBlur","children","view","size","width","height","isOpen","opened","initialFocusRef","focusAfterRef","animationInfo","className","customBackgroundColor","customContentBackgroundColor","onClose","onOverlayClick","onEscKeyDown","offset","frame","_ref$alwaysFixed","alwaysFixed","_ref$borderRadius","borderRadius","_ref$placement","placement","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$asModal","asModal","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","drawerOverlayWithBlurColor","drawerOverlayColor","innerWidth","getSizeValueFromProp","innerHeight","placementClass","classes","undefined","_useDrawer","useDrawer","disableScroll","drawerInfo","transparent","useMemo","getIdLastDrawer","Array","from","items","values","onDrawerOverlayKeyDown","event","React","createElement","StyledPopup","_extends","ref","cls","_defineProperty","enterCustomAnimation","enter","exitCustomAnimation","exit","withAnimation","drawerAnimationInfo","overlay","Overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","panel","style","StyledPanel","drawerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","borderRadiusCSS","defaults"],"mappings":"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"}

package/cjs/components/Popup/Popup.styles.js

@@ -25,8 +25,9 @@ var PopupView = /*#__PURE__*/react.styled('div')({
 });
 var _exp4 = function _exp4() {
   return function (_ref) {
-    var frame = _ref.frame;
-    return frame === 'document' ? 'fixed' : 'absolute';
+    var frame = _ref.frame,
+      alwaysFixed = _ref.alwaysFixed;
+    return frame === 'document' || alwaysFixed ? 'fixed' : 'absolute';
   };
 };
 var _exp5 = function _exp5() {

package/cjs/components/Popup/Popup.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.styles.js","sources":["../../../src/components/Popup/Popup.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { IconResizeDiagonal } from 'src/components/_Icon';\n\nimport { classes } from './Popup.tokens';\nimport type { PopupRootContainerProps } from './Popup.types';\nimport { DEFAULT_Z_INDEX } from './utils';\n\nexport const base = css`\n    .${classes.draggablePopupWrapper} {\n        cursor: grab;\n    }\n\n    .${classes.draggingPopupWrapper} {\n        cursor: grabbing;\n    }\n\n    .${classes.resizableContainerNoSelect} {\n        user-select: none;\n        -webkit-user-select: none;\n    }\n`;\n\nexport const StyledPortal = styled.div``;\n\nexport const StyledPortalContainer = styled.div`\n    width: 0;\n`;\n\nexport const PopupView = styled.div`\n    position: relative;\n    max-width: 100%;\n    pointer-events: all;\n`;\n\nexport const PopupRootContainer = styled.div<PopupRootContainerProps>`\n    position: ${({ frame }) => (frame === 'document' ? 'fixed' : 'absolute')};\n    z-index: ${({ zIndex }) => zIndex || DEFAULT_Z_INDEX};\n    left: ${({ position }) => position.left || ''};\n    right: ${({ position }) => position.right || ''};\n    top: ${({ position }) => position.top || ''};\n    bottom: ${({ position }) => position.bottom || ''};\n    transform: ${({ position }) => position.transform || ''};\n`;\n\nexport const IconResizeDiagonalStyled = styled(IconResizeDiagonal)`\n    color: var(--text-secondary);\n\n    &:hover {\n        color: var(--text-secondary-hover);\n    }\n\n    &:active {\n        color: var(--text-secondary-active);\n    }\n\n    &.${classes.resizableTopRightIcon} {\n        transform: rotate(-90deg);\n    }\n\n    &.${classes.resizableBottomRightIcon} {\n        transform: rotate(0);\n    }\n\n    &.${classes.resizableBottomLeftIcon} {\n        transform: rotate(90deg);\n    }\n\n    &.${classes.resizableTopLeftIcon} {\n        transform: rotate(180deg);\n    }\n`;\n"],"names":["base","StyledPortal","styled","name","class","propsAsIs","StyledPortalContainer","PopupView","_exp4","_ref","frame","_exp5","_ref2","zIndex","DEFAULT_Z_INDEX","_exp6","_ref3","position","left","_exp7","_ref4","right","_exp8","_ref5","top","_exp9","_ref6","bottom","_exp10","_ref7","transform","PopupRootContainer","vars","_exp11","IconResizeDiagonal","IconResizeDiagonalStyled"],"mappings":";;;;;;;;AAQO,IAAMA,IAAI,GAahB,UAAA;AAEM,IAAMC,YAAY,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAEjC,IAAMC,qBAAqB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE1C,EAAA;AAEM,IAAME,SAAS,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI9B,EAAA;AAAC,IAAAG,KAAA,GAhCgBA,SAgChBA,KAAAA,GAAA;AAAA,EAAA,OAGc,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;AAAAA,IAAAA,OAAaA,KAAK,KAAK,UAAU,GAAG,OAAO,GAAG,UAAW,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAnC1DA,SAmC0DA,KAAAA,GAAA;AAAA,EAAA,OAC7D,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAaA,MAAM,IAAIC,qBAAe,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GApCtCA,SAoCsCA,KAAAA,GAAA;AAAA,EAAA,OAC5C,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAeA,QAAQ,CAACC,IAAI,IAAI,EAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GArC/BA,SAqC+BA,KAAAA,GAAA;AAAA,EAAA,OACpC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGH,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAeA,QAAQ,CAACI,KAAK,IAAI,EAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAtCjCA,SAsCiCA,KAAAA,GAAA;AAAA,EAAA,OACxC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAeA,QAAQ,CAACO,GAAG,IAAI,EAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAvC7BA,SAuC6BA,KAAAA,GAAA;AAAA,EAAA,OACjC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGT,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAeA,QAAQ,CAACU,MAAM,IAAI,EAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAxCnCA,SAwCmCA,MAAAA,GAAA;AAAA,EAAA,OACpC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGZ,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAeA,QAAQ,CAACa,SAAS,IAAI,EAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAPpD,IAAMC,kBAAkB,gBAAG7B,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA2B,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACxBxB,KAA4D,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAC7DG,KAAyC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAC5CI,KAAqC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACpCI,KAAsC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACxCG,KAAoC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACjCG,KAAuC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACpCG,MAA0C,EAAA,CAAA;AAAA,GAAA;AAAA,CAC1D,EAAA;AAAC,IAAAK,MAAA,GA1CgBA,SA0ChBA,MAAAA,GAAA;AAAA,EAAA,OAE6CC,qCAAkB,CAAA;AAAA,CAAA,CAAA;AAA1D,IAAMC,wBAAwB,gBAAGjC,YAAM,CAAA+B,MAAA,EAAA,CAAA,CAAA;AAAA9B,EAAAA,IAAA,EAAA,0BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA0B7C;;;;;;;;;"}
+{"version":3,"file":"Popup.styles.js","sources":["../../../src/components/Popup/Popup.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { IconResizeDiagonal } from 'src/components/_Icon';\n\nimport { classes } from './Popup.tokens';\nimport type { PopupRootContainerProps } from './Popup.types';\nimport { DEFAULT_Z_INDEX } from './utils';\n\nexport const base = css`\n    .${classes.draggablePopupWrapper} {\n        cursor: grab;\n    }\n\n    .${classes.draggingPopupWrapper} {\n        cursor: grabbing;\n    }\n\n    .${classes.resizableContainerNoSelect} {\n        user-select: none;\n        -webkit-user-select: none;\n    }\n`;\n\nexport const StyledPortal = styled.div``;\n\nexport const StyledPortalContainer = styled.div`\n    width: 0;\n`;\n\nexport const PopupView = styled.div`\n    position: relative;\n    max-width: 100%;\n    pointer-events: all;\n`;\n\nexport const PopupRootContainer = styled.div<PopupRootContainerProps>`\n    position: ${({ frame, alwaysFixed }) => (frame === 'document' || alwaysFixed ? 'fixed' : 'absolute')};\n    z-index: ${({ zIndex }) => zIndex || DEFAULT_Z_INDEX};\n    left: ${({ position }) => position.left || ''};\n    right: ${({ position }) => position.right || ''};\n    top: ${({ position }) => position.top || ''};\n    bottom: ${({ position }) => position.bottom || ''};\n    transform: ${({ position }) => position.transform || ''};\n`;\n\nexport const IconResizeDiagonalStyled = styled(IconResizeDiagonal)`\n    color: var(--text-secondary);\n\n    &:hover {\n        color: var(--text-secondary-hover);\n    }\n\n    &:active {\n        color: var(--text-secondary-active);\n    }\n\n    &.${classes.resizableTopRightIcon} {\n        transform: rotate(-90deg);\n    }\n\n    &.${classes.resizableBottomRightIcon} {\n        transform: rotate(0);\n    }\n\n    &.${classes.resizableBottomLeftIcon} {\n        transform: rotate(90deg);\n    }\n\n    &.${classes.resizableTopLeftIcon} {\n        transform: rotate(180deg);\n    }\n`;\n"],"names":["base","StyledPortal","styled","name","class","propsAsIs","StyledPortalContainer","PopupView","_exp4","_ref","frame","alwaysFixed","_exp5","_ref2","zIndex","DEFAULT_Z_INDEX","_exp6","_ref3","position","left","_exp7","_ref4","right","_exp8","_ref5","top","_exp9","_ref6","bottom","_exp10","_ref7","transform","PopupRootContainer","vars","_exp11","IconResizeDiagonal","IconResizeDiagonalStyled"],"mappings":"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"}

package/cjs/components/Table/Table.js

@@ -15,7 +15,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _excluded = ["data", "onChange", "columns", "view", "size", "borderVariant", "enableSelection", "selected", "filtered", "sorted", "maxHeight", "stickyHeader", "onCellUpdate", "setRowProps"];
+var _excluded = ["data", "onChange", "columns", "view", "size", "borderVariant", "enableSelection", "selected", "filtered", "sorted", "maxHeight", "stickyHeader", "onCellUpdate"];
 var SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';
 var tableRoot = function tableRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -26,16 +26,13 @@ var tableRoot = function tableRoot(Root) {
       size = _ref.size,
       _ref$borderVariant = _ref.borderVariant,
       borderVariant = _ref$borderVariant === void 0 ? 'all' : _ref$borderVariant,
-      _ref$enableSelection = _ref.enableSelection,
-      enableSelection = _ref$enableSelection === void 0 ? false : _ref$enableSelection,
+      enableSelection = _ref.enableSelection,
       outerSelected = _ref.selected,
       outerFiltered = _ref.filtered,
       outerSorted = _ref.sorted,
       maxHeight = _ref.maxHeight,
-      _ref$stickyHeader = _ref.stickyHeader,
-      stickyHeader = _ref$stickyHeader === void 0 ? false : _ref$stickyHeader,
+      stickyHeader = _ref.stickyHeader,
       onCellUpdate = _ref.onCellUpdate,
-      setRowProps = _ref.setRowProps,
       props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
     var _useState = React.useState(outerSelected || {}),
       _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -130,8 +127,7 @@ var tableRoot = function tableRoot(Root) {
           columnSize = _ref4.width,
           _ref4$enableEditing = _ref4.enableEditing,
           enableEditing = _ref4$enableEditing === void 0 ? false : _ref4$enableEditing,
-          renderCell = _ref4.renderCell,
-          setCellProps = _ref4.setCellProps;
+          renderCell = _ref4.renderCell;
         return {
           header: label,
           accessorKey: id,
@@ -149,8 +145,7 @@ var tableRoot = function tableRoot(Root) {
           meta: {
             filters: filters,
             enableEditing: enableEditing,
-            renderCell: renderCell,
-            setCellProps: setCellProps
+            renderCell: renderCell
           }
         };
       })));
@@ -214,32 +209,30 @@ var tableRoot = function tableRoot(Root) {
         });
       }));
     })), /*#__PURE__*/React__default.default.createElement(Table_styles.Tbody, null, table.getRowModel().rows.map(function (row) {
-      return /*#__PURE__*/React__default.default.createElement(Table_styles.Tr, _rollupPluginBabelHelpers.extends({
+      return /*#__PURE__*/React__default.default.createElement(Table_styles.Tr, {
         key: row.id,
         selected: row.getIsSelected()
-      }, setRowProps === null || setRowProps === void 0 ? void 0 : setRowProps(row.original)), row.getVisibleCells().map(function (cell) {
-        var _cell$column, _cell$column$setCellP, _cell$column2;
-        var additionalProps = (cell === null || cell === void 0 || (_cell$column = cell.column) === null || _cell$column === void 0 || (_cell$column = _cell$column.columnDef) === null || _cell$column === void 0 || (_cell$column = _cell$column.meta) === null || _cell$column === void 0 || (_cell$column$setCellP = _cell$column.setCellProps) === null || _cell$column$setCellP === void 0 ? void 0 : _cell$column$setCellP.call(_cell$column, cell.row.original, cell.id)) || {};
-
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        return cell !== null && cell !== void 0 && (_cell$column2 = cell.column) !== null && _cell$column2 !== void 0 && (_cell$column2 = _cell$column2.columnDef) !== null && _cell$column2 !== void 0 && (_cell$column2 = _cell$column2.meta) !== null && _cell$column2 !== void 0 && _cell$column2.enableEditing ? /*#__PURE__*/React__default.default.createElement(EditableCell.EditableCell, {
-          key: cell.id,
-          size: size,
-          cell: cell,
-          borderVariant: borderVariant,
-          table: table,
-          selected: row.getIsSelected(),
-          view: view,
-          additionalProps: additionalProps
-        }) : /*#__PURE__*/React__default.default.createElement(Cell.Cell, {
-          key: cell.id,
-          cell: cell,
-          borderVariant: borderVariant,
-          selected: row.getIsSelected(),
-          view: view,
-          additionalProps: additionalProps
-        });
+      }, row.getVisibleCells().map(function (cell) {
+        var _cell$column;
+        return (
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          // @ts-ignore
+          cell !== null && cell !== void 0 && (_cell$column = cell.column) !== null && _cell$column !== void 0 && (_cell$column = _cell$column.columnDef) !== null && _cell$column !== void 0 && (_cell$column = _cell$column.meta) !== null && _cell$column !== void 0 && _cell$column.enableEditing ? /*#__PURE__*/React__default.default.createElement(EditableCell.EditableCell, {
+            key: cell.id,
+            size: size,
+            cell: cell,
+            borderVariant: borderVariant,
+            table: table,
+            selected: row.getIsSelected(),
+            view: view
+          }) : /*#__PURE__*/React__default.default.createElement(Cell.Cell, {
+            key: cell.id,
+            cell: cell,
+            borderVariant: borderVariant,
+            selected: row.getIsSelected(),
+            view: view
+          })
+        );
       }));
     }))));
   });

package/cjs/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["import React, { forwardRef, useState, useMemo, useRef } from 'react';\nimport {\n    getCoreRowModel,\n    useReactTable,\n    ColumnDef,\n    getSortedRowModel,\n    getFilteredRowModel,\n    OnChangeFn,\n    ColumnFiltersState,\n    RowSelectionState,\n    Table as TableType,\n    Row,\n} from '@tanstack/react-table';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { RootProps } from 'src/engines';\n\nimport { HeadCell, Cell, EditableCell } from './ui';\nimport { TableProps, TableRowData } from './Table.types';\nimport { base, Table, Tr, Thead, StyledCheckbox, Tbody } from './Table.styles';\n\ntype ColumnSort = {\n    id: string;\n    desc: boolean;\n};\ntype SortingState = ColumnSort[];\n\nexport const SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';\n\nexport const tableRoot = (Root: RootProps<HTMLDivElement, TableProps>) =>\n    forwardRef<HTMLDivElement, TableProps>(\n        (\n            {\n                data,\n                onChange,\n                columns,\n                view,\n                size,\n                borderVariant = 'all',\n                enableSelection = false,\n                selected: outerSelected,\n                filtered: outerFiltered,\n                sorted: outerSorted,\n                maxHeight,\n                stickyHeader = false,\n                onCellUpdate,\n                setRowProps,\n                ...props\n            },\n            ref,\n        ) => {\n            const [innerSelected, innerSetSelected] = useState<RowSelectionState>(outerSelected || {});\n            const [innerFiltered, setInnerFiltered] = useState<ColumnFiltersState>(outerFiltered || []);\n            const [innerSorted, setInnerSorted] = useState<SortingState>(outerSorted || []);\n\n            const selected = outerSelected || innerSelected;\n            const filtered = outerFiltered || innerFiltered;\n            const sorted: SortingState = outerSorted || innerSorted;\n\n            const handleRowSelection: OnChangeFn<RowSelectionState> = (updaterOrValue) => {\n                if (!outerSelected) {\n                    innerSetSelected(updaterOrValue);\n                }\n\n                if (onChange) {\n                    onChange({\n                        selected: typeof updaterOrValue === 'function' ? updaterOrValue(selected) : updaterOrValue,\n                        filtered,\n                        sorted,\n                    });\n                }\n            };\n\n            const handleSorting: OnChangeFn<SortingState> = (updaterOrValue) => {\n                if (!outerSorted) {\n                    setInnerSorted(updaterOrValue);\n                }\n\n                if (onChange) {\n                    onChange({\n                        selected,\n                        filtered,\n                        sorted: typeof updaterOrValue === 'function' ? updaterOrValue(sorted) : updaterOrValue,\n                    });\n                }\n            };\n\n            const handleFiltering: OnChangeFn<ColumnFiltersState> = (updaterOrValue) => {\n                if (!outerFiltered) {\n                    setInnerFiltered(updaterOrValue);\n                }\n\n                if (onChange) {\n                    onChange({\n                        selected,\n                        filtered: typeof updaterOrValue === 'function' ? updaterOrValue(filtered) : updaterOrValue,\n                        sorted,\n                    });\n                }\n            };\n\n            const tableContainerRef = useRef<HTMLDivElement>(null);\n\n            const rootRef = useForkRef(tableContainerRef, ref);\n\n            const columnsData = useMemo<ColumnDef<typeof data[number]>[]>(\n                () => [\n                    ...(enableSelection\n                        ? [\n                              {\n                                  id: SELECT_COLUMN_ID,\n                                  header: ({ table }: { table: TableType<typeof data[number]> }) => (\n                                      <StyledCheckbox\n                                          checked={table.getIsSomeRowsSelected() || table.getIsAllRowsSelected()}\n                                          indeterminate={table.getIsSomeRowsSelected()}\n                                          onChange={table.getToggleAllRowsSelectedHandler()}\n                                          // eslint-disable-next-line no-underscore-dangle\n                                          appearance={(props as any)._checkboxAppearance ?? 'default'}\n                                      />\n                                  ),\n                                  cell: ({ row }: { row: Row<typeof data[number]> }) => (\n                                      <StyledCheckbox\n                                          checked={row.getIsSelected()}\n                                          indeterminate={row.getIsSomeSelected()}\n                                          onChange={row.getToggleSelectedHandler()}\n                                          // eslint-disable-next-line no-underscore-dangle\n                                          appearance={(props as any)._checkboxAppearance ?? 'default'}\n                                      />\n                                  ),\n                                  enableResizing: false,\n                              },\n                          ]\n                        : []),\n                    ...columns.map(\n                        ({\n                            id,\n                            label,\n                            filters,\n                            enableSorting = false,\n                            enableResizing = false,\n                            filterFn: outerFilterFn,\n                            width: columnSize,\n                            enableEditing = false,\n                            renderCell,\n                            setCellProps,\n                        }) => ({\n                            header: label,\n                            accessorKey: id,\n                            size: columnSize,\n                            enableSorting,\n                            enableResizing,\n                            filterFn: (row: Row<TableRowData>, columnId: string, filterArr: string[]) => {\n                                if (filterArr?.length !== 0 && outerFilterFn && filterArr && Array.isArray(filterArr)) {\n                                    return filterArr.some((filterValue) =>\n                                        outerFilterFn(filterValue, row.getValue(columnId)),\n                                    );\n                                }\n\n                                return true;\n                            },\n                            meta: {\n                                filters,\n                                enableEditing,\n                                renderCell,\n                                setCellProps,\n                            },\n                        }),\n                    ),\n                ],\n                [enableSelection, columns],\n            );\n\n            const table = useReactTable({\n                data,\n                columns: columnsData,\n                getRowId: (row) => row.id,\n                getCoreRowModel: getCoreRowModel(),\n                getSortedRowModel: getSortedRowModel(),\n                manualSorting: Boolean(outerSorted),\n                manualFiltering: Boolean(outerFiltered),\n                state: {\n                    rowSelection: selected,\n                    columnFilters: filtered,\n                    sorting: sorted,\n                },\n                onSortingChange: handleSorting,\n                getFilteredRowModel: getFilteredRowModel(),\n                onColumnFiltersChange: handleFiltering,\n                onRowSelectionChange: handleRowSelection,\n                columnResizeMode: 'onChange',\n                columnResizeDirection: 'ltr',\n                meta: {\n                    updateData: (rowId, columnId, value) => {\n                        if (onCellUpdate) {\n                            onCellUpdate(rowId, columnId, value);\n                        }\n                    },\n                },\n            });\n\n            return (\n                <Root\n                    ref={rootRef}\n                    data={data}\n                    columns={columns}\n                    view={view}\n                    size={size}\n                    style={{ maxHeight: maxHeight || 'none' }}\n                    {...props}\n                >\n                    <Table borderVariant={borderVariant} stickyHeader={stickyHeader}>\n                        <Thead view={view} borderVariant={borderVariant} stickyHeader={stickyHeader}>\n                            {table.getHeaderGroups().map((headerGroup) => (\n                                <Tr key={headerGroup.id}>\n                                    {headerGroup.headers.map((header) => (\n                                        <HeadCell\n                                            key={header.index}\n                                            header={header}\n                                            size={size}\n                                            borderVariant={borderVariant}\n                                            outerFiltered={outerFiltered}\n                                            tableContainerRef={tableContainerRef}\n                                        />\n                                    ))}\n                                </Tr>\n                            ))}\n                        </Thead>\n\n                        <Tbody>\n                            {table.getRowModel().rows.map((row) => (\n                                <Tr key={row.id} selected={row.getIsSelected()} {...setRowProps?.(row.original)}>\n                                    {row.getVisibleCells().map((cell) => {\n                                        const additionalProps =\n                                            cell?.column?.columnDef?.meta?.setCellProps?.(cell.row.original, cell.id) ||\n                                            {};\n\n                                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                                        // @ts-ignore\n                                        return cell?.column?.columnDef?.meta?.enableEditing ? (\n                                            <EditableCell\n                                                key={cell.id}\n                                                size={size}\n                                                cell={cell}\n                                                borderVariant={borderVariant}\n                                                table={table}\n                                                selected={row.getIsSelected()}\n                                                view={view}\n                                                additionalProps={additionalProps}\n                                            />\n                                        ) : (\n                                            <Cell\n                                                key={cell.id}\n                                                cell={cell}\n                                                borderVariant={borderVariant}\n                                                selected={row.getIsSelected()}\n                                                view={view}\n                                                additionalProps={additionalProps}\n                                            />\n                                        );\n                                    })}\n                                </Tr>\n                            ))}\n                        </Tbody>\n                    </Table>\n                </Root>\n            );\n        },\n    );\n\nexport const tableConfig = {\n    name: 'Table',\n    tag: 'div',\n    layout: tableRoot,\n    base,\n    variations: {},\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["SELECT_COLUMN_ID","tableRoot","Root","forwardRef","_ref","ref","data","onChange","columns","view","size","_ref$borderVariant","borderVariant","_ref$enableSelection","enableSelection","outerSelected","selected","outerFiltered","filtered","outerSorted","sorted","maxHeight","_ref$stickyHeader","stickyHeader","onCellUpdate","setRowProps","props","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerSelected","innerSetSelected","_useState3","_useState4","innerFiltered","setInnerFiltered","_useState5","_useState6","innerSorted","setInnerSorted","handleRowSelection","updaterOrValue","handleSorting","handleFiltering","tableContainerRef","useRef","rootRef","useForkRef","columnsData","useMemo","concat","_toConsumableArray","id","header","_ref2","_checkboxAppearance","table","React","createElement","StyledCheckbox","checked","getIsSomeRowsSelected","getIsAllRowsSelected","indeterminate","getToggleAllRowsSelectedHandler","appearance","cell","_ref3","_checkboxAppearance2","row","getIsSelected","getIsSomeSelected","getToggleSelectedHandler","enableResizing","map","_ref4","label","filters","_ref4$enableSorting","enableSorting","_ref4$enableResizing","outerFilterFn","filterFn","columnSize","width","_ref4$enableEditing","enableEditing","renderCell","setCellProps","accessorKey","columnId","filterArr","length","Array","isArray","some","filterValue","getValue","meta","useReactTable","getRowId","getCoreRowModel","getSortedRowModel","manualSorting","Boolean","manualFiltering","state","rowSelection","columnFilters","sorting","onSortingChange","getFilteredRowModel","onColumnFiltersChange","onRowSelectionChange","columnResizeMode","columnResizeDirection","updateData","rowId","value","_extends","style","Table","Thead","getHeaderGroups","headerGroup","Tr","key","headers","HeadCell","index","Tbody","getRowModel","rows","original","getVisibleCells","_cell$column","_cell$column$setCellP","_cell$column2","additionalProps","column","columnDef","call","EditableCell","Cell","tableConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
+{"version":3,"file":"Table.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["import React, { forwardRef, useState, useMemo, useRef } from 'react';\nimport {\n    getCoreRowModel,\n    useReactTable,\n    ColumnDef,\n    getSortedRowModel,\n    getFilteredRowModel,\n    OnChangeFn,\n    ColumnFiltersState,\n    RowSelectionState,\n    Table as TableType,\n    Row,\n} from '@tanstack/react-table';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\n\nimport { HeadCell, Cell, EditableCell } from './ui';\nimport { TableProps, TableRowData } from './Table.types';\nimport { base, Table, Tr, Thead, StyledCheckbox, Tbody } from './Table.styles';\n\ntype ColumnSort = {\n    id: string;\n    desc: boolean;\n};\ntype SortingState = ColumnSort[];\n\nexport const SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';\n\nexport const tableRoot = (Root: RootProps<HTMLDivElement, TableProps>) =>\n    forwardRef<HTMLDivElement, TableProps>(\n        (\n            {\n                data,\n                onChange,\n                columns,\n                view,\n                size,\n                borderVariant = 'all',\n                enableSelection,\n                selected: outerSelected,\n                filtered: outerFiltered,\n                sorted: outerSorted,\n                maxHeight,\n                stickyHeader,\n                onCellUpdate,\n                ...props\n            },\n            ref,\n        ) => {\n            const [innerSelected, innerSetSelected] = useState<RowSelectionState>(outerSelected || {});\n            const [innerFiltered, setInnerFiltered] = useState<ColumnFiltersState>(outerFiltered || []);\n            const [innerSorted, setInnerSorted] = useState<SortingState>(outerSorted || []);\n\n            const selected = outerSelected || innerSelected;\n            const filtered = outerFiltered || innerFiltered;\n            const sorted: SortingState = outerSorted || innerSorted;\n\n            const handleRowSelection: OnChangeFn<RowSelectionState> = (updaterOrValue) => {\n                if (!outerSelected) {\n                    innerSetSelected(updaterOrValue);\n                }\n\n                if (onChange) {\n                    onChange({\n                        selected: typeof updaterOrValue === 'function' ? updaterOrValue(selected) : updaterOrValue,\n                        filtered,\n                        sorted,\n                    });\n                }\n            };\n\n            const handleSorting: OnChangeFn<SortingState> = (updaterOrValue) => {\n                if (!outerSorted) {\n                    setInnerSorted(updaterOrValue);\n                }\n\n                if (onChange) {\n                    onChange({\n                        selected,\n                        filtered,\n                        sorted: typeof updaterOrValue === 'function' ? updaterOrValue(sorted) : updaterOrValue,\n                    });\n                }\n            };\n\n            const handleFiltering: OnChangeFn<ColumnFiltersState> = (updaterOrValue) => {\n                if (!outerFiltered) {\n                    setInnerFiltered(updaterOrValue);\n                }\n\n                if (onChange) {\n                    onChange({\n                        selected,\n                        filtered: typeof updaterOrValue === 'function' ? updaterOrValue(filtered) : updaterOrValue,\n                        sorted,\n                    });\n                }\n            };\n\n            const tableContainerRef = useRef<HTMLDivElement>(null);\n\n            const rootRef = useForkRef(tableContainerRef, ref);\n\n            const columnsData = useMemo<ColumnDef<typeof data[number]>[]>(\n                () => [\n                    ...(enableSelection\n                        ? [\n                              {\n                                  id: SELECT_COLUMN_ID,\n                                  header: ({ table }: { table: TableType<typeof data[number]> }) => (\n                                      <StyledCheckbox\n                                          checked={table.getIsSomeRowsSelected() || table.getIsAllRowsSelected()}\n                                          indeterminate={table.getIsSomeRowsSelected()}\n                                          onChange={table.getToggleAllRowsSelectedHandler()}\n                                          // eslint-disable-next-line no-underscore-dangle\n                                          appearance={(props as any)._checkboxAppearance ?? 'default'}\n                                      />\n                                  ),\n                                  cell: ({ row }: { row: Row<typeof data[number]> }) => (\n                                      <StyledCheckbox\n                                          checked={row.getIsSelected()}\n                                          indeterminate={row.getIsSomeSelected()}\n                                          onChange={row.getToggleSelectedHandler()}\n                                          // eslint-disable-next-line no-underscore-dangle\n                                          appearance={(props as any)._checkboxAppearance ?? 'default'}\n                                      />\n                                  ),\n                                  enableResizing: false,\n                              },\n                          ]\n                        : []),\n                    ...columns.map(\n                        ({\n                            id,\n                            label,\n                            filters,\n                            enableSorting = false,\n                            enableResizing = false,\n                            filterFn: outerFilterFn,\n                            width: columnSize,\n                            enableEditing = false,\n                            renderCell,\n                        }) => ({\n                            header: label,\n                            accessorKey: id,\n                            size: columnSize,\n                            enableSorting,\n                            enableResizing,\n                            filterFn: (row: Row<TableRowData>, columnId: string, filterArr: string[]) => {\n                                if (filterArr?.length !== 0 && outerFilterFn && filterArr && Array.isArray(filterArr)) {\n                                    return filterArr.some((filterValue) =>\n                                        outerFilterFn(filterValue, row.getValue(columnId)),\n                                    );\n                                }\n\n                                return true;\n                            },\n                            meta: {\n                                filters,\n                                enableEditing,\n                                renderCell,\n                            },\n                        }),\n                    ),\n                ],\n                [enableSelection, columns],\n            );\n\n            const table = useReactTable({\n                data,\n                columns: columnsData,\n                getRowId: (row) => row.id,\n                getCoreRowModel: getCoreRowModel(),\n                getSortedRowModel: getSortedRowModel(),\n                manualSorting: Boolean(outerSorted),\n                manualFiltering: Boolean(outerFiltered),\n                state: {\n                    rowSelection: selected,\n                    columnFilters: filtered,\n                    sorting: sorted,\n                },\n                onSortingChange: handleSorting,\n                getFilteredRowModel: getFilteredRowModel(),\n                onColumnFiltersChange: handleFiltering,\n                onRowSelectionChange: handleRowSelection,\n                columnResizeMode: 'onChange',\n                columnResizeDirection: 'ltr',\n                meta: {\n                    updateData: (rowId, columnId, value) => {\n                        if (onCellUpdate) {\n                            onCellUpdate(rowId, columnId, value);\n                        }\n                    },\n                },\n            });\n\n            return (\n                <Root\n                    ref={rootRef}\n                    data={data}\n                    columns={columns}\n                    view={view}\n                    size={size}\n                    style={{ maxHeight: maxHeight || 'none' }}\n                    {...props}\n                >\n                    <Table borderVariant={borderVariant} stickyHeader={stickyHeader}>\n                        <Thead view={view} borderVariant={borderVariant} stickyHeader={stickyHeader}>\n                            {table.getHeaderGroups().map((headerGroup) => (\n                                <Tr key={headerGroup.id}>\n                                    {headerGroup.headers.map((header) => (\n                                        <HeadCell\n                                            key={header.index}\n                                            header={header}\n                                            size={size}\n                                            borderVariant={borderVariant}\n                                            outerFiltered={outerFiltered}\n                                            tableContainerRef={tableContainerRef}\n                                        />\n                                    ))}\n                                </Tr>\n                            ))}\n                        </Thead>\n\n                        <Tbody>\n                            {table.getRowModel().rows.map((row) => (\n                                <Tr key={row.id} selected={row.getIsSelected()}>\n                                    {row.getVisibleCells().map((cell) =>\n                                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                                        // @ts-ignore\n                                        cell?.column?.columnDef?.meta?.enableEditing ? (\n                                            <EditableCell\n                                                key={cell.id}\n                                                size={size}\n                                                cell={cell}\n                                                borderVariant={borderVariant}\n                                                table={table}\n                                                selected={row.getIsSelected()}\n                                                view={view}\n                                            />\n                                        ) : (\n                                            <Cell\n                                                key={cell.id}\n                                                cell={cell}\n                                                borderVariant={borderVariant}\n                                                selected={row.getIsSelected()}\n                                                view={view}\n                                            />\n                                        ),\n                                    )}\n                                </Tr>\n                            ))}\n                        </Tbody>\n                    </Table>\n                </Root>\n            );\n        },\n    );\n\nexport const tableConfig = {\n    name: 'Table',\n    tag: 'div',\n    layout: tableRoot,\n    base,\n    variations: {},\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["SELECT_COLUMN_ID","tableRoot","Root","forwardRef","_ref","ref","data","onChange","columns","view","size","_ref$borderVariant","borderVariant","enableSelection","outerSelected","selected","outerFiltered","filtered","outerSorted","sorted","maxHeight","stickyHeader","onCellUpdate","props","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerSelected","innerSetSelected","_useState3","_useState4","innerFiltered","setInnerFiltered","_useState5","_useState6","innerSorted","setInnerSorted","handleRowSelection","updaterOrValue","handleSorting","handleFiltering","tableContainerRef","useRef","rootRef","useForkRef","columnsData","useMemo","concat","_toConsumableArray","id","header","_ref2","_checkboxAppearance","table","React","createElement","StyledCheckbox","checked","getIsSomeRowsSelected","getIsAllRowsSelected","indeterminate","getToggleAllRowsSelectedHandler","appearance","cell","_ref3","_checkboxAppearance2","row","getIsSelected","getIsSomeSelected","getToggleSelectedHandler","enableResizing","map","_ref4","label","filters","_ref4$enableSorting","enableSorting","_ref4$enableResizing","outerFilterFn","filterFn","columnSize","width","_ref4$enableEditing","enableEditing","renderCell","accessorKey","columnId","filterArr","length","Array","isArray","some","filterValue","getValue","meta","useReactTable","getRowId","getCoreRowModel","getSortedRowModel","manualSorting","Boolean","manualFiltering","state","rowSelection","columnFilters","sorting","onSortingChange","getFilteredRowModel","onColumnFiltersChange","onRowSelectionChange","columnResizeMode","columnResizeDirection","updateData","rowId","value","_extends","style","Table","Thead","getHeaderGroups","headerGroup","Tr","key","headers","HeadCell","index","Tbody","getRowModel","rows","getVisibleCells","_cell$column","column","columnDef","EditableCell","Cell","tableConfig","name","tag","layout","base","variations","defaults"],"mappings":";;;;;;;;;;;;;;;;;;AA2BO,IAAMA,gBAAgB,GAAG,0BAAyB;IAE5CC,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAA2C,EAAA;AAAA,EAAA,oBACjEC,gBAAU,CACN,UAAAC,IAAA,EAiBIC,GAAG,EACF;AAAA,IAAA,IAhBGC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MACJC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;MACRC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;MACPC,IAAI,GAAAL,IAAA,CAAJK,IAAI;MACJC,IAAI,GAAAN,IAAA,CAAJM,IAAI;MAAAC,kBAAA,GAAAP,IAAA,CACJQ,aAAa;AAAbA,MAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;MACrBE,eAAe,GAAAT,IAAA,CAAfS,eAAe;MACLC,aAAa,GAAAV,IAAA,CAAvBW,QAAQ;MACEC,aAAa,GAAAZ,IAAA,CAAvBa,QAAQ;MACAC,WAAW,GAAAd,IAAA,CAAnBe,MAAM;MACNC,SAAS,GAAAhB,IAAA,CAATgB,SAAS;MACTC,YAAY,GAAAjB,IAAA,CAAZiB,YAAY;MACZC,YAAY,GAAAlB,IAAA,CAAZkB,YAAY;AACTC,MAAAA,KAAK,GAAAC,iDAAA,CAAApB,IAAA,EAAAqB,SAAA,CAAA,CAAA;IAIZ,IAAAC,SAAA,GAA0CC,cAAQ,CAAoBb,aAAa,IAAI,EAAE,CAAC;MAAAc,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAnFI,MAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,gBAAgB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtC,IAAA,IAAAI,UAAA,GAA0CL,cAAQ,CAAqBX,aAAa,IAAI,EAAE,CAAC;MAAAiB,UAAA,GAAAJ,uCAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAApFE,MAAAA,aAAa,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,gBAAgB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AACtC,IAAA,IAAAG,UAAA,GAAsCT,cAAQ,CAAeT,WAAW,IAAI,EAAE,CAAC;MAAAmB,UAAA,GAAAR,uCAAA,CAAAO,UAAA,EAAA,CAAA,CAAA;AAAxEE,MAAAA,WAAW,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAElC,IAAA,IAAMtB,QAAQ,GAAGD,aAAa,IAAIgB,aAAa,CAAA;AAC/C,IAAA,IAAMb,QAAQ,GAAGD,aAAa,IAAIkB,aAAa,CAAA;AAC/C,IAAA,IAAMf,MAAoB,GAAGD,WAAW,IAAIoB,WAAW,CAAA;AAEvD,IAAA,IAAME,kBAAiD,GAAG,SAApDA,kBAAiDA,CAAIC,cAAc,EAAK;MAC1E,IAAI,CAAC3B,aAAa,EAAE;QAChBiB,gBAAgB,CAACU,cAAc,CAAC,CAAA;AACpC,OAAA;AAEA,MAAA,IAAIlC,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAAC;UACLQ,QAAQ,EAAE,OAAO0B,cAAc,KAAK,UAAU,GAAGA,cAAc,CAAC1B,QAAQ,CAAC,GAAG0B,cAAc;AAC1FxB,UAAAA,QAAQ,EAARA,QAAQ;AACRE,UAAAA,MAAM,EAANA,MAAAA;AACJ,SAAC,CAAC,CAAA;AACN,OAAA;KACH,CAAA;AAED,IAAA,IAAMuB,aAAuC,GAAG,SAA1CA,aAAuCA,CAAID,cAAc,EAAK;MAChE,IAAI,CAACvB,WAAW,EAAE;QACdqB,cAAc,CAACE,cAAc,CAAC,CAAA;AAClC,OAAA;AAEA,MAAA,IAAIlC,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAAC;AACLQ,UAAAA,QAAQ,EAARA,QAAQ;AACRE,UAAAA,QAAQ,EAARA,QAAQ;UACRE,MAAM,EAAE,OAAOsB,cAAc,KAAK,UAAU,GAAGA,cAAc,CAACtB,MAAM,CAAC,GAAGsB,cAAAA;AAC5E,SAAC,CAAC,CAAA;AACN,OAAA;KACH,CAAA;AAED,IAAA,IAAME,eAA+C,GAAG,SAAlDA,eAA+CA,CAAIF,cAAc,EAAK;MACxE,IAAI,CAACzB,aAAa,EAAE;QAChBmB,gBAAgB,CAACM,cAAc,CAAC,CAAA;AACpC,OAAA;AAEA,MAAA,IAAIlC,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAAC;AACLQ,UAAAA,QAAQ,EAARA,QAAQ;UACRE,QAAQ,EAAE,OAAOwB,cAAc,KAAK,UAAU,GAAGA,cAAc,CAACxB,QAAQ,CAAC,GAAGwB,cAAc;AAC1FtB,UAAAA,MAAM,EAANA,MAAAA;AACJ,SAAC,CAAC,CAAA;AACN,OAAA;KACH,CAAA;AAED,IAAA,IAAMyB,iBAAiB,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;AAEtD,IAAA,IAAMC,OAAO,GAAGC,qBAAU,CAACH,iBAAiB,EAAEvC,GAAG,CAAC,CAAA;IAElD,IAAM2C,WAAW,GAAGC,aAAO,CACvB,YAAA;AAAA,MAAA,OAAA,EAAA,CAAAC,MAAA,CAAAC,2CAAA,CACQtC,eAAe,GACb,CACI;AACIuC,QAAAA,EAAE,EAAEpD,gBAAgB;QACpBqD,MAAM,EAAE,SAAAA,MAAAA,CAAAC,KAAA,EAAA;AAAA,UAAA,IAAAC,mBAAA,CAAA;AAAA,UAAA,IAAGC,KAAK,GAAAF,KAAA,CAALE,KAAK,CAAA;AAAA,UAAA,oBACZC,sBAAA,CAAAC,aAAA,CAACC,2BAAc,EAAA;YACXC,OAAO,EAAEJ,KAAK,CAACK,qBAAqB,EAAE,IAAIL,KAAK,CAACM,oBAAoB,EAAG;AACvEC,YAAAA,aAAa,EAAEP,KAAK,CAACK,qBAAqB,EAAG;AAC7CtD,YAAAA,QAAQ,EAAEiD,KAAK,CAACQ,+BAA+B,EAAC;AAChD;AAAA;YACAC,UAAU,EAAA,CAAAV,mBAAA,GAAGhC,KAAK,CAASgC,mBAAmB,MAAAA,IAAAA,IAAAA,mBAAA,KAAAA,KAAAA,CAAAA,GAAAA,mBAAA,GAAI,SAAA;AAAU,WAC/D,CAAC,CAAA;SACL;QACDW,IAAI,EAAE,SAAAA,IAAAA,CAAAC,KAAA,EAAA;AAAA,UAAA,IAAAC,oBAAA,CAAA;AAAA,UAAA,IAAGC,GAAG,GAAAF,KAAA,CAAHE,GAAG,CAAA;AAAA,UAAA,oBACRZ,sBAAA,CAAAC,aAAA,CAACC,2BAAc,EAAA;AACXC,YAAAA,OAAO,EAAES,GAAG,CAACC,aAAa,EAAG;AAC7BP,YAAAA,aAAa,EAAEM,GAAG,CAACE,iBAAiB,EAAG;AACvChE,YAAAA,QAAQ,EAAE8D,GAAG,CAACG,wBAAwB,EAAC;AACvC;AAAA;YACAP,UAAU,EAAA,CAAAG,oBAAA,GAAG7C,KAAK,CAASgC,mBAAmB,MAAAa,IAAAA,IAAAA,oBAAA,KAAAA,KAAAA,CAAAA,GAAAA,oBAAA,GAAI,SAAA;AAAU,WAC/D,CAAC,CAAA;SACL;AACDK,QAAAA,cAAc,EAAE,KAAA;OACnB,CACJ,GACD,EAAE,CAAAtB,EAAAA,2CAAA,CACL3C,OAAO,CAACkE,GAAG,CACV,UAAAC,KAAA,EAAA;AAAA,QAAA,IACIvB,EAAE,GAAAuB,KAAA,CAAFvB,EAAE;UACFwB,KAAK,GAAAD,KAAA,CAALC,KAAK;UACLC,OAAO,GAAAF,KAAA,CAAPE,OAAO;UAAAC,mBAAA,GAAAH,KAAA,CACPI,aAAa;AAAbA,UAAAA,aAAa,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,mBAAA;UAAAE,oBAAA,GAAAL,KAAA,CACrBF,cAAc;AAAdA,UAAAA,cAAc,GAAAO,oBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,oBAAA;UACZC,aAAa,GAAAN,KAAA,CAAvBO,QAAQ;UACDC,UAAU,GAAAR,KAAA,CAAjBS,KAAK;UAAAC,mBAAA,GAAAV,KAAA,CACLW,aAAa;AAAbA,UAAAA,aAAa,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,mBAAA;UACrBE,UAAU,GAAAZ,KAAA,CAAVY,UAAU,CAAA;QAAA,OACP;AACHlC,UAAAA,MAAM,EAAEuB,KAAK;AACbY,UAAAA,WAAW,EAAEpC,EAAE;AACf1C,UAAAA,IAAI,EAAEyE,UAAU;AAChBJ,UAAAA,aAAa,EAAbA,aAAa;AACbN,UAAAA,cAAc,EAAdA,cAAc;UACdS,QAAQ,EAAE,SAAAA,QAACb,CAAAA,GAAsB,EAAEoB,QAAgB,EAAEC,SAAmB,EAAK;YACzE,IAAI,CAAAA,SAAS,KAATA,IAAAA,IAAAA,SAAS,uBAATA,SAAS,CAAEC,MAAM,MAAK,CAAC,IAAIV,aAAa,IAAIS,SAAS,IAAIE,KAAK,CAACC,OAAO,CAACH,SAAS,CAAC,EAAE;AACnF,cAAA,OAAOA,SAAS,CAACI,IAAI,CAAC,UAACC,WAAW,EAAA;gBAAA,OAC9Bd,aAAa,CAACc,WAAW,EAAE1B,GAAG,CAAC2B,QAAQ,CAACP,QAAQ,CAAC,CAAC,CAAA;AAAA,eACtD,CAAC,CAAA;AACL,aAAA;AAEA,YAAA,OAAO,IAAI,CAAA;WACd;AACDQ,UAAAA,IAAI,EAAE;AACFpB,YAAAA,OAAO,EAAPA,OAAO;AACPS,YAAAA,aAAa,EAAbA,aAAa;AACbC,YAAAA,UAAU,EAAVA,UAAAA;AACJ,WAAA;SACH,CAAA;AAAA,OACL,CAAC,CAAA,CAAA,CAAA;AAAA,KACJ,EACD,CAAC1E,eAAe,EAAEL,OAAO,CAC7B,CAAC,CAAA;IAED,IAAMgD,KAAK,GAAG0C,wBAAa,CAAC;AACxB5F,MAAAA,IAAI,EAAJA,IAAI;AACJE,MAAAA,OAAO,EAAEwC,WAAW;MACpBmD,QAAQ,EAAE,SAAAA,QAAAA,CAAC9B,GAAG,EAAA;QAAA,OAAKA,GAAG,CAACjB,EAAE,CAAA;AAAA,OAAA;MACzBgD,eAAe,EAAEA,0BAAe,EAAE;MAClCC,iBAAiB,EAAEA,4BAAiB,EAAE;AACtCC,MAAAA,aAAa,EAAEC,OAAO,CAACrF,WAAW,CAAC;AACnCsF,MAAAA,eAAe,EAAED,OAAO,CAACvF,aAAa,CAAC;AACvCyF,MAAAA,KAAK,EAAE;AACHC,QAAAA,YAAY,EAAE3F,QAAQ;AACtB4F,QAAAA,aAAa,EAAE1F,QAAQ;AACvB2F,QAAAA,OAAO,EAAEzF,MAAAA;OACZ;AACD0F,MAAAA,eAAe,EAAEnE,aAAa;MAC9BoE,mBAAmB,EAAEA,8BAAmB,EAAE;AAC1CC,MAAAA,qBAAqB,EAAEpE,eAAe;AACtCqE,MAAAA,oBAAoB,EAAExE,kBAAkB;AACxCyE,MAAAA,gBAAgB,EAAE,UAAU;AAC5BC,MAAAA,qBAAqB,EAAE,KAAK;AAC5BjB,MAAAA,IAAI,EAAE;QACFkB,UAAU,EAAE,SAAAA,UAACC,CAAAA,KAAK,EAAE3B,QAAQ,EAAE4B,KAAK,EAAK;AACpC,UAAA,IAAI/F,YAAY,EAAE;AACdA,YAAAA,YAAY,CAAC8F,KAAK,EAAE3B,QAAQ,EAAE4B,KAAK,CAAC,CAAA;AACxC,WAAA;AACJ,SAAA;AACJ,OAAA;AACJ,KAAC,CAAC,CAAA;AAEF,IAAA,oBACI5D,sBAAA,CAAAC,aAAA,CAACxD,IAAI,EAAAoH,iCAAA,CAAA;AACDjH,MAAAA,GAAG,EAAEyC,OAAQ;AACbxC,MAAAA,IAAI,EAAEA,IAAK;AACXE,MAAAA,OAAO,EAAEA,OAAQ;AACjBC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACX6G,MAAAA,KAAK,EAAE;QAAEnG,SAAS,EAAEA,SAAS,IAAI,MAAA;AAAO,OAAA;AAAE,KAAA,EACtCG,KAAK,CAETkC,eAAAA,sBAAA,CAAAC,aAAA,CAAC8D,kBAAK,EAAA;AAAC5G,MAAAA,aAAa,EAAEA,aAAc;AAACS,MAAAA,YAAY,EAAEA,YAAAA;AAAa,KAAA,eAC5DoC,sBAAA,CAAAC,aAAA,CAAC+D,kBAAK,EAAA;AAAChH,MAAAA,IAAI,EAAEA,IAAK;AAACG,MAAAA,aAAa,EAAEA,aAAc;AAACS,MAAAA,YAAY,EAAEA,YAAAA;KAC1DmC,EAAAA,KAAK,CAACkE,eAAe,EAAE,CAAChD,GAAG,CAAC,UAACiD,WAAW,EAAA;AAAA,MAAA,oBACrClE,sBAAA,CAAAC,aAAA,CAACkE,eAAE,EAAA;QAACC,GAAG,EAAEF,WAAW,CAACvE,EAAAA;AAAG,OAAA,EACnBuE,WAAW,CAACG,OAAO,CAACpD,GAAG,CAAC,UAACrB,MAAM,EAAA;AAAA,QAAA,oBAC5BI,sBAAA,CAAAC,aAAA,CAACqE,iBAAQ,EAAA;UACLF,GAAG,EAAExE,MAAM,CAAC2E,KAAM;AAClB3E,UAAAA,MAAM,EAAEA,MAAO;AACf3C,UAAAA,IAAI,EAAEA,IAAK;AACXE,UAAAA,aAAa,EAAEA,aAAc;AAC7BI,UAAAA,aAAa,EAAEA,aAAc;AAC7B4B,UAAAA,iBAAiB,EAAEA,iBAAAA;AAAkB,SACxC,CAAC,CAAA;AAAA,OACL,CACD,CAAC,CAAA;KACR,CACE,CAAC,eAERa,sBAAA,CAAAC,aAAA,CAACuE,kBAAK,EACDzE,IAAAA,EAAAA,KAAK,CAAC0E,WAAW,EAAE,CAACC,IAAI,CAACzD,GAAG,CAAC,UAACL,GAAG,EAAA;AAAA,MAAA,oBAC9BZ,sBAAA,CAAAC,aAAA,CAACkE,eAAE,EAAA;QAACC,GAAG,EAAExD,GAAG,CAACjB,EAAG;AAACrC,QAAAA,QAAQ,EAAEsD,GAAG,CAACC,aAAa,EAAC;OACxCD,EAAAA,GAAG,CAAC+D,eAAe,EAAE,CAAC1D,GAAG,CAAC,UAACR,IAAI,EAAA;AAAA,QAAA,IAAAmE,YAAA,CAAA;AAAA,QAAA;AAC5B;AACA;AACAnE,UAAAA,IAAI,KAAJA,IAAAA,IAAAA,IAAI,KAAAmE,KAAAA,CAAAA,IAAAA,CAAAA,YAAA,GAAJnE,IAAI,CAAEoE,MAAM,MAAA,IAAA,IAAAD,YAAA,KAAAA,KAAAA,CAAAA,IAAAA,CAAAA,YAAA,GAAZA,YAAA,CAAcE,SAAS,MAAA,IAAA,IAAAF,YAAA,KAAA,KAAA,CAAA,IAAA,CAAAA,YAAA,GAAvBA,YAAA,CAAyBpC,IAAI,cAAAoC,YAAA,KAAA,KAAA,CAAA,IAA7BA,YAAA,CAA+B/C,aAAa,gBACxC7B,sBAAA,CAAAC,aAAA,CAAC8E,yBAAY,EAAA;YACTX,GAAG,EAAE3D,IAAI,CAACd,EAAG;AACb1C,YAAAA,IAAI,EAAEA,IAAK;AACXwD,YAAAA,IAAI,EAAEA,IAAK;AACXtD,YAAAA,aAAa,EAAEA,aAAc;AAC7B4C,YAAAA,KAAK,EAAEA,KAAM;AACbzC,YAAAA,QAAQ,EAAEsD,GAAG,CAACC,aAAa,EAAG;AAC9B7D,YAAAA,IAAI,EAAEA,IAAAA;AAAK,WACd,CAAC,gBAEFgD,sBAAA,CAAAC,aAAA,CAAC+E,SAAI,EAAA;YACDZ,GAAG,EAAE3D,IAAI,CAACd,EAAG;AACbc,YAAAA,IAAI,EAAEA,IAAK;AACXtD,YAAAA,aAAa,EAAEA,aAAc;AAC7BG,YAAAA,QAAQ,EAAEsD,GAAG,CAACC,aAAa,EAAG;AAC9B7D,YAAAA,IAAI,EAAEA,IAAAA;WACT,CAAA;AACJ,UAAA;AAAA,OACL,CACA,CAAC,CAAA;KACR,CACE,CACJ,CACL,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMiI,WAAW,GAAG;AACvBC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE5I,SAAS;AACjB6I,EAAAA,IAAI,EAAJA,iBAAI;EACJC,UAAU,EAAE,EAAE;AACdC,EAAAA,QAAQ,EAAE;AACNvI,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;;"}

package/cjs/components/Table/ui/Cell/Cell.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactTable = require('@tanstack/react-table');
 var Table_styles = require('../../Table.styles.js');
@@ -19,16 +18,15 @@ var Cell = function Cell(_ref) {
   var cell = _ref.cell,
     borderVariant = _ref.borderVariant,
     selected = _ref.selected,
-    view = _ref.view,
-    additionalProps = _ref.additionalProps;
+    view = _ref.view;
   var renderCell = (_cell$column$columnDe = cell.column.columnDef.meta) === null || _cell$column$columnDe === void 0 ? void 0 : _cell$column$columnDe.renderCell;
-  return /*#__PURE__*/React__default.default.createElement(Cell_styles.Td, _rollupPluginBabelHelpers.extends({
+  return /*#__PURE__*/React__default.default.createElement(Cell_styles.Td, {
     key: cell.id,
     borderVariant: borderVariant,
     selectionCell: cell.column.id === Table.SELECT_COLUMN_ID,
     selected: selected,
     view: view
-  }, additionalProps), renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && (_Resizer || (_Resizer = /*#__PURE__*/React__default.default.createElement(Table_styles.Resizer, {
+  }, renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && (_Resizer || (_Resizer = /*#__PURE__*/React__default.default.createElement(Table_styles.Resizer, {
     isResizing: true
   }))));
 };

package/cjs/components/Table/ui/Cell/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../../../src/components/Table/ui/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport type { HTMLAttributes, TdHTMLAttributes } from 'react';\nimport { flexRender, Cell as CellType } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport { Td } from './Cell.styles';\n\ntype Props = {\n    cell: CellType<TableRowData, unknown>;\n    selected: boolean;\n    borderVariant: TableProps['borderVariant'];\n    view: TableProps['view'];\n    additionalProps: HTMLAttributes<any> & TdHTMLAttributes<any>;\n};\n\nexport const Cell: React.FC<Props> = ({ cell, borderVariant, selected, view, additionalProps }) => {\n    const renderCell = cell.column.columnDef.meta?.renderCell;\n\n    return (\n        <Td\n            key={cell.id}\n            borderVariant={borderVariant}\n            selectionCell={cell.column.id === SELECT_COLUMN_ID}\n            selected={selected}\n            view={view}\n            {...additionalProps}\n        >\n            {renderCell\n                ? renderCell(cell.getValue(), cell.row.original, cell.row.index)\n                : flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n            {cell.column.getIsResizing() && <Resizer isResizing />}\n        </Td>\n    );\n};\n"],"names":["Cell","_ref","_cell$column$columnDe","cell","borderVariant","selected","view","additionalProps","renderCell","column","columnDef","meta","React","createElement","Td","_extends","key","id","selectionCell","SELECT_COLUMN_ID","getValue","row","original","index","flexRender","getContext","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":";;;;;;;;;;;;;;;;IAkBaA,IAAqB,GAAG,SAAxBA,IAAqBA,CAAAC,IAAA,EAAiE;AAAA,EAAA,IAAAC,qBAAA,CAAA;AAAA,EAAA,IAA3DC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAEC,eAAe,GAAAN,IAAA,CAAfM,eAAe,CAAA;AACxF,EAAA,IAAMC,UAAU,GAAAN,CAAAA,qBAAA,GAAGC,IAAI,CAACM,MAAM,CAACC,SAAS,CAACC,IAAI,MAAAT,IAAAA,IAAAA,qBAAA,KAA1BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAA4BM,UAAU,CAAA;AAEzD,EAAA,oBACII,sBAAA,CAAAC,aAAA,CAACC,cAAE,EAAAC,iCAAA,CAAA;IACCC,GAAG,EAAEb,IAAI,CAACc,EAAG;AACbb,IAAAA,aAAa,EAAEA,aAAc;AAC7Bc,IAAAA,aAAa,EAAEf,IAAI,CAACM,MAAM,CAACQ,EAAE,KAAKE,sBAAiB;AACnDd,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,IAAI,EAAEA,IAAAA;GACFC,EAAAA,eAAe,CAElBC,EAAAA,UAAU,GACLA,UAAU,CAACL,IAAI,CAACiB,QAAQ,EAAE,EAAEjB,IAAI,CAACkB,GAAG,CAACC,QAAQ,EAAEnB,IAAI,CAACkB,GAAG,CAACE,KAAK,CAAC,GAC9DC,qBAAU,CAACrB,IAAI,CAACM,MAAM,CAACC,SAAS,CAACP,IAAI,EAAEA,IAAI,CAACsB,UAAU,EAAE,CAAC,EAE9DtB,IAAI,CAACM,MAAM,CAACiB,aAAa,EAAE,KAAAC,QAAA,KAAAA,QAAA,gBAAIf,sBAAA,CAAAC,aAAA,CAACe,oBAAO,EAAA;IAACC,UAAU,EAAA,IAAA;GAAE,CAAC,EACtD,CAAC,CAAA;AAEb;;;;"}
+{"version":3,"file":"Cell.js","sources":["../../../../../src/components/Table/ui/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport { flexRender, Cell as CellType } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport { Td } from './Cell.styles';\n\ntype Props = {\n    cell: CellType<TableRowData, unknown>;\n    selected: boolean;\n    borderVariant: TableProps['borderVariant'];\n    view: TableProps['view'];\n};\n\nexport const Cell: React.FC<Props> = ({ cell, borderVariant, selected, view }) => {\n    const renderCell = cell.column.columnDef.meta?.renderCell;\n\n    return (\n        <Td\n            key={cell.id}\n            borderVariant={borderVariant}\n            selectionCell={cell.column.id === SELECT_COLUMN_ID}\n            selected={selected}\n            view={view}\n        >\n            {renderCell\n                ? renderCell(cell.getValue(), cell.row.original, cell.row.index)\n                : flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n            {cell.column.getIsResizing() && <Resizer isResizing />}\n        </Td>\n    );\n};\n"],"names":["Cell","_ref","_cell$column$columnDe","cell","borderVariant","selected","view","renderCell","column","columnDef","meta","React","createElement","Td","key","id","selectionCell","SELECT_COLUMN_ID","getValue","row","original","index","flexRender","getContext","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":";;;;;;;;;;;;;;;IAgBaA,IAAqB,GAAG,SAAxBA,IAAqBA,CAAAC,IAAA,EAAgD;AAAA,EAAA,IAAAC,qBAAA,CAAA;AAAA,EAAA,IAA1CC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI,CAAA;AACvE,EAAA,IAAMC,UAAU,GAAAL,CAAAA,qBAAA,GAAGC,IAAI,CAACK,MAAM,CAACC,SAAS,CAACC,IAAI,MAAAR,IAAAA,IAAAA,qBAAA,KAA1BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAA4BK,UAAU,CAAA;AAEzD,EAAA,oBACII,sBAAA,CAAAC,aAAA,CAACC,cAAE,EAAA;IACCC,GAAG,EAAEX,IAAI,CAACY,EAAG;AACbX,IAAAA,aAAa,EAAEA,aAAc;AAC7BY,IAAAA,aAAa,EAAEb,IAAI,CAACK,MAAM,CAACO,EAAE,KAAKE,sBAAiB;AACnDZ,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,IAAI,EAAEA,IAAAA;GAELC,EAAAA,UAAU,GACLA,UAAU,CAACJ,IAAI,CAACe,QAAQ,EAAE,EAAEf,IAAI,CAACgB,GAAG,CAACC,QAAQ,EAAEjB,IAAI,CAACgB,GAAG,CAACE,KAAK,CAAC,GAC9DC,qBAAU,CAACnB,IAAI,CAACK,MAAM,CAACC,SAAS,CAACN,IAAI,EAAEA,IAAI,CAACoB,UAAU,EAAE,CAAC,EAE9DpB,IAAI,CAACK,MAAM,CAACgB,aAAa,EAAE,KAAAC,QAAA,KAAAA,QAAA,gBAAId,sBAAA,CAAAC,aAAA,CAACc,oBAAO,EAAA;IAACC,UAAU,EAAA,IAAA;GAAE,CAAC,EACtD,CAAC,CAAA;AAEb;;;;"}

package/cjs/components/Table/ui/EditableCell/EditableCell.js

@@ -32,8 +32,7 @@ var EditableCell = function EditableCell(_ref) {
     cell = _ref.cell,
     borderVariant = _ref.borderVariant,
     table = _ref.table,
-    selected = _ref.selected,
-    additionalProps = _ref.additionalProps;
+    selected = _ref.selected;
   var _useState = React.useState(cell.getValue()),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     value = _useState2[0],
@@ -83,7 +82,7 @@ var EditableCell = function EditableCell(_ref) {
         }
     }
   };
-  return /*#__PURE__*/React__default.default.createElement(EditableCell_styles.Td, _rollupPluginBabelHelpers.extends({
+  return /*#__PURE__*/React__default.default.createElement(EditableCell_styles.Td, {
     key: cell.id,
     borderVariant: borderVariant,
     selectionCell: cell.column.id === Table.SELECT_COLUMN_ID,
@@ -92,7 +91,7 @@ var EditableCell = function EditableCell(_ref) {
     selected: selected,
     view: view,
     ref: ref
-  }, additionalProps), /*#__PURE__*/React__default.default.createElement(EditableCell_styles.InnerWrapper, null, editingMode ? /*#__PURE__*/React__default.default.createElement(EditableCell_styles.EditModeWrapper, null, /*#__PURE__*/React__default.default.createElement(EditableCell_styles.InputWrapper, null, /*#__PURE__*/React__default.default.createElement(EditableCell_styles.Input, {
+  }, /*#__PURE__*/React__default.default.createElement(EditableCell_styles.InnerWrapper, null, editingMode ? /*#__PURE__*/React__default.default.createElement(EditableCell_styles.EditModeWrapper, null, /*#__PURE__*/React__default.default.createElement(EditableCell_styles.InputWrapper, null, /*#__PURE__*/React__default.default.createElement(EditableCell_styles.Input, {
     value: value,
     onChange: handleChange,
     autoFocus: true,

package/cjs/components/Table/ui/EditableCell/EditableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableCell.js","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport type { HTMLAttributes, TdHTMLAttributes } from 'react';\nimport { flexRender, Table, Cell as CellType } from '@tanstack/react-table';\nimport { useOutsideClick } from 'src/hooks';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from '../../../_Icon';\nimport { getIconSize } from '../HeadCell/HeadCell';\nimport { classes } from '../../Table.tokens';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport {\n    ContentWrapper,\n    Td,\n    IconDoneButton,\n    Input,\n    InnerWrapper,\n    InputWrapper,\n    EditModeWrapper,\n    IconResetButton,\n} from './EditableCell.styles';\n\nconst keys = {\n    Enter: 'Enter',\n    Tab: 'Tab',\n    Escape: 'Escape',\n};\n\ntype Props = {\n    size: TableProps['size'];\n    view: TableProps['view'];\n    cell: CellType<TableRowData, unknown>;\n    borderVariant: TableProps['borderVariant'];\n    selected: boolean;\n    table: Table<TableRowData>;\n    additionalProps: HTMLAttributes<any> & TdHTMLAttributes<any>;\n};\n\nexport const EditableCell: React.FC<Props> = ({\n    size,\n    view,\n    cell,\n    borderVariant,\n    table,\n    selected,\n    additionalProps,\n}) => {\n    const [value, setValue] = useState<string>(cell.getValue() as string);\n    const [editingMode, setEditingMode] = useState(false);\n\n    const updateData = table.options.meta?.updateData;\n\n    const ref = useRef<HTMLTableCellElement>(null);\n\n    useOutsideClick(() => {\n        setEditingMode(false);\n    }, [ref]);\n\n    const handleEditClick = (e: React.MouseEvent<HTMLSpanElement>) => {\n        e.stopPropagation();\n\n        setEditingMode(true);\n        setValue(cell.getValue() as string);\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => setValue(e.target.value);\n\n    const handleReset = () => {\n        setValue(cell.getValue() as string);\n    };\n\n    const handleSubmit = (e: React.MouseEvent<HTMLButtonElement>) => {\n        e.stopPropagation();\n\n        if (updateData) {\n            updateData(cell.row.id, cell.column.id, value);\n        }\n        setEditingMode(false);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        switch (event.code) {\n            case keys.Enter: {\n                if (updateData) {\n                    updateData(cell.row.id, cell.column.id, value);\n                }\n\n                setEditingMode(false);\n\n                break;\n            }\n\n            case keys.Escape:\n            case keys.Tab: {\n                setEditingMode(false);\n\n                break;\n            }\n\n            default: {\n                break;\n            }\n        }\n    };\n\n    return (\n        <Td\n            key={cell.id}\n            borderVariant={borderVariant}\n            selectionCell={cell.column.id === SELECT_COLUMN_ID}\n            onClick={handleEditClick}\n            editingMode={editingMode}\n            selected={selected}\n            view={view}\n            ref={ref}\n            {...additionalProps}\n        >\n            <InnerWrapper>\n                {editingMode ? (\n                    <EditModeWrapper>\n                        <InputWrapper>\n                            {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n                            <Input value={value} onChange={handleChange} autoFocus onKeyDown={handleKeyDown} />\n\n                            <IconResetButton onClick={handleReset} tabIndex={-1}>\n                                <IconResetOutline size={getIconSize(size)} />\n                            </IconResetButton>\n                        </InputWrapper>\n\n                        <IconDoneButton onClick={handleSubmit} tabIndex={-1}>\n                            <IconDoneCircleOutline size={getIconSize(size)} />\n                        </IconDoneButton>\n                    </EditModeWrapper>\n                ) : (\n                    <ContentWrapper>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n                        <IconEditOutline size=\"xs\" className={classes.editIcon} color=\"var(--text-secondary)\" />\n                    </ContentWrapper>\n                )}\n            </InnerWrapper>\n\n            {cell.column.getIsResizing() && <Resizer isResizing />}\n        </Td>\n    );\n};\n"],"names":["keys","Enter","Tab","Escape","EditableCell","_ref","_table$options$meta","size","view","cell","borderVariant","table","selected","additionalProps","_useState","useState","getValue","_useState2","_slicedToArray","value","setValue","_useState3","_useState4","editingMode","setEditingMode","updateData","options","meta","ref","useRef","useOutsideClick","handleEditClick","e","stopPropagation","handleChange","target","handleReset","handleSubmit","row","id","column","handleKeyDown","event","code","React","createElement","Td","_extends","key","selectionCell","SELECT_COLUMN_ID","onClick","InnerWrapper","EditModeWrapper","InputWrapper","Input","onChange","autoFocus","onKeyDown","IconResetButton","tabIndex","IconResetOutline","getIconSize","IconDoneButton","IconDoneCircleOutline","ContentWrapper","flexRender","columnDef","getContext","IconEditOutline","className","classes","editIcon","color","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":"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"}
+{"version":3,"file":"EditableCell.js","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { flexRender, Table, Cell as CellType } from '@tanstack/react-table';\nimport { useOutsideClick } from 'src/hooks';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from '../../../_Icon';\nimport { getIconSize } from '../HeadCell/HeadCell';\nimport { classes } from '../../Table.tokens';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport {\n    ContentWrapper,\n    Td,\n    IconDoneButton,\n    Input,\n    InnerWrapper,\n    InputWrapper,\n    EditModeWrapper,\n    IconResetButton,\n} from './EditableCell.styles';\n\nconst keys = {\n    Enter: 'Enter',\n    Tab: 'Tab',\n    Escape: 'Escape',\n};\n\ntype Props = {\n    size: TableProps['size'];\n    view: TableProps['view'];\n    cell: CellType<TableRowData, unknown>;\n    borderVariant: TableProps['borderVariant'];\n    selected: boolean;\n    table: Table<TableRowData>;\n};\n\nexport const EditableCell: React.FC<Props> = ({ size, view, cell, borderVariant, table, selected }) => {\n    const [value, setValue] = useState<string>(cell.getValue() as string);\n    const [editingMode, setEditingMode] = useState(false);\n\n    const updateData = table.options.meta?.updateData;\n\n    const ref = useRef<HTMLTableCellElement>(null);\n\n    useOutsideClick(() => {\n        setEditingMode(false);\n    }, [ref]);\n\n    const handleEditClick = (e: React.MouseEvent<HTMLSpanElement>) => {\n        e.stopPropagation();\n\n        setEditingMode(true);\n        setValue(cell.getValue() as string);\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => setValue(e.target.value);\n\n    const handleReset = () => {\n        setValue(cell.getValue() as string);\n    };\n\n    const handleSubmit = (e: React.MouseEvent<HTMLButtonElement>) => {\n        e.stopPropagation();\n\n        if (updateData) {\n            updateData(cell.row.id, cell.column.id, value);\n        }\n        setEditingMode(false);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        switch (event.code) {\n            case keys.Enter: {\n                if (updateData) {\n                    updateData(cell.row.id, cell.column.id, value);\n                }\n\n                setEditingMode(false);\n\n                break;\n            }\n\n            case keys.Escape:\n            case keys.Tab: {\n                setEditingMode(false);\n\n                break;\n            }\n\n            default: {\n                break;\n            }\n        }\n    };\n\n    return (\n        <Td\n            key={cell.id}\n            borderVariant={borderVariant}\n            selectionCell={cell.column.id === SELECT_COLUMN_ID}\n            onClick={handleEditClick}\n            editingMode={editingMode}\n            selected={selected}\n            view={view}\n            ref={ref}\n        >\n            <InnerWrapper>\n                {editingMode ? (\n                    <EditModeWrapper>\n                        <InputWrapper>\n                            {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n                            <Input value={value} onChange={handleChange} autoFocus onKeyDown={handleKeyDown} />\n\n                            <IconResetButton onClick={handleReset} tabIndex={-1}>\n                                <IconResetOutline size={getIconSize(size)} />\n                            </IconResetButton>\n                        </InputWrapper>\n\n                        <IconDoneButton onClick={handleSubmit} tabIndex={-1}>\n                            <IconDoneCircleOutline size={getIconSize(size)} />\n                        </IconDoneButton>\n                    </EditModeWrapper>\n                ) : (\n                    <ContentWrapper>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n                        <IconEditOutline size=\"xs\" className={classes.editIcon} color=\"var(--text-secondary)\" />\n                    </ContentWrapper>\n                )}\n            </InnerWrapper>\n\n            {cell.column.getIsResizing() && <Resizer isResizing />}\n        </Td>\n    );\n};\n"],"names":["keys","Enter","Tab","Escape","EditableCell","_ref","_table$options$meta","size","view","cell","borderVariant","table","selected","_useState","useState","getValue","_useState2","_slicedToArray","value","setValue","_useState3","_useState4","editingMode","setEditingMode","updateData","options","meta","ref","useRef","useOutsideClick","handleEditClick","e","stopPropagation","handleChange","target","handleReset","handleSubmit","row","id","column","handleKeyDown","event","code","React","createElement","Td","key","selectionCell","SELECT_COLUMN_ID","onClick","InnerWrapper","EditModeWrapper","InputWrapper","Input","onChange","autoFocus","onKeyDown","IconResetButton","tabIndex","IconResetOutline","getIconSize","IconDoneButton","IconDoneCircleOutline","ContentWrapper","flexRender","columnDef","getContext","IconEditOutline","className","classes","editIcon","color","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":"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"}

package/emotion/cjs/components/Drawer/Drawer.js

@@ -134,7 +134,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 var drawerRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRef) {
-        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, animationInfo = _param.animationInfo, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
+        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, animationInfo = _param.animationInfo, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_alwaysFixed = _param.alwaysFixed, alwaysFixed = _param_alwaysFixed === void 0 ? false : _param_alwaysFixed, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
             "id",
             "zIndex",
             "popupInfo",
@@ -157,6 +157,7 @@ var drawerRoot = function(Root) {
             "onEscKeyDown",
             "offset",
             "frame",
+            "alwaysFixed",
             "borderRadius",
             "placement",
             "closeOnEsc",
@@ -208,6 +209,7 @@ var drawerRoot = function(Root) {
             placement: placement,
             popupInfo: drawerInfo,
             frame: frame,
+            alwaysFixed: alwaysFixed,
             width: innerWidth,
             height: innerHeight,
             offset: offset,