npm - @salutejs/plasma-new-hope - Versions diffs - 0.338.0-canary.2280.18412321271.0 → 0.338.0-canary.2280.18494951721.0 - Mend

@salutejs/plasma-new-hope 0.338.0-canary.2280.18412321271.0 → 0.338.0-canary.2280.18494951721.0

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

Files changed (418) hide show

package/es/components/Slider/ui/Handler/Handler.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, useRef } from 'react';
+import React, { forwardRef, useRef, useState } from 'react';
 import ReactDraggable from 'react-draggable';
+import { useForkRef } from '@salutejs/plasma-core';
 import { cx } from '../../../../utils/index.js';
 import { getOffsets, getSliderThumbValue } from '../../utils/index.js';
 import { Thumb } from '../Thumb/Thumb.js';
@@ -38,13 +39,15 @@ var Handler = /*#__PURE__*/forwardRef(function (_ref, ref) {
     value = _ref.value,
     valuePlacement = _ref.valuePlacement,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var nodeRef = useRef(null);
+  var combinedRef = useForkRef(nodeRef, ref);
   var isVertical = orientation === 'vertical';
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isDrag = _useState2[0],
     setIsDrag = _useState2[1];
   var lastOnChangeValue = useRef();
-  var _getOffsets = getOffsets(ref, side, isVertical),
+  var _getOffsets = getOffsets(nodeRef, side, isVertical),
     _getOffsets2 = _slicedToArray(_getOffsets, 2),
     startClientOffset = _getOffsets2[0],
     endClientOffset = _getOffsets2[1];
@@ -109,6 +112,7 @@ var Handler = /*#__PURE__*/forwardRef(function (_ref, ref) {
     isPointerHidden = false;
   }
   return /*#__PURE__*/React.createElement(ReactDraggable, {
+    nodeRef: nodeRef,
     axis: isVertical ? 'y' : 'x',
     bounds: computedBounds,
     grid: isVertical ? [1, stepSize] : [stepSize, 1],
@@ -118,7 +122,7 @@ var Handler = /*#__PURE__*/forwardRef(function (_ref, ref) {
     position: dragPosition,
     disabled: disabled
   }, /*#__PURE__*/React.createElement(HandlerStyled, {
-    ref: ref,
+    ref: combinedRef,
     style: {
       zIndex: zIndex
     },

package/es/components/Slider/ui/Handler/Handler.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Handler.js","sources":["../../../../../src/components/Slider/ui/Handler/Handler.tsx"],"sourcesContent":["import React, { useRef, useState, forwardRef, KeyboardEvent } from 'react';\nimport Draggable, { DraggableEventHandler } from 'react-draggable';\n\nimport { cx } from '../../../../utils';\nimport { getSliderThumbValue, getOffsets } from '../../utils';\nimport { Thumb } from '../Thumb/Thumb';\nimport { classes } from '../../Slider.tokens';\n\nimport type { HandlerProps } from './Handler.types';\nimport { HandlerStyled, StyledValue } from './Handler.styles';\nimport { computeKeyPressData } from './computeKeyPressData';\n\n// TODO: PLASMA-1707\ndeclare module 'react-draggable' {\n export interface DraggableProps {\n children: React.ReactNode;\n }\n}\n\nexport const Handler = forwardRef<HTMLDivElement, HandlerProps>(\n (\n {\n size,\n visibility,\n isHovered,\n orientation,\n stepSize,\n onChangeCommitted,\n onChange,\n position = 0,\n min,\n max,\n bounds = [],\n zIndex,\n disabled,\n side,\n showCurrentValue = false,\n startOffset = 0,\n endOffset = 0,\n value,\n valuePlacement,\n ...rest\n },\n ref,\n ) => {\n const isVertical = orientation === 'vertical';\n const [isDrag, setIsDrag] = useState(false);\n\n const lastOnChangeValue = useRef<number>();\n const [startClientOffset, endClientOffset] = getOffsets(ref, side, isVertical);\n\n const [startValueBound, endValueBound] = bounds;\n const startPositionBound = startValueBound ? (startValueBound - min) * stepSize : null;\n const endPositionBound = endValueBound ? (endValueBound - min) * stepSize : null;\n\n const dragPosition =\n typeof position === 'number' ? { x: isVertical ? 0 : position, y: isVertical ? position : 0 } : undefined;\n const tabIndex = disabled ? -1 : 0;\n\n const computedBounds = {\n [isVertical ? 'top' : 'left']: (startPositionBound ?? 0) - (startClientOffset ? stepSize : 0),\n [isVertical ? 'bottom' : 'right']:\n (endPositionBound ?? stepSize * (max - min)) - (endClientOffset ? stepSize : 0),\n };\n\n const showCurrentValueCondition =\n showCurrentValue &&\n ((position >= startOffset && position <= max * stepSize - endOffset) \|\| (position === 0 && value !== 0));\n\n const onDrag: DraggableEventHandler = (_, data) => {\n const newValue = getSliderThumbValue(isVertical ? data.y : data.x, stepSize, min, max);\n if (lastOnChangeValue.current !== newValue) {\n onChange?.(newValue, data);\n lastOnChangeValue.current = newValue;\n }\n };\n\n const onStart: DraggableEventHandler = () => {\n setIsDrag(true);\n };\n\n const onStop: DraggableEventHandler = (_, data) => {\n setIsDrag(false);\n\n const newValue = getSliderThumbValue(isVertical ? data.y : data.x, stepSize, min, max);\n onChangeCommitted && onChangeCommitted(newValue, data);\n };\n\n const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n event.persist();\n\n const computedMultipleSteps = stepSize * ((rest.multipleStepSize / 100) * max);\n\n const data = computeKeyPressData(event, {\n isVertical,\n stepSize,\n position,\n max,\n computedMultipleSteps,\n });\n\n if (!data) {\n return;\n }\n\n const { left, right, top, bottom } = computedBounds;\n\n /\n INFO: Находим значение в диапазоне между указанными левой и правой границами.\n * Или между верхней и нижней\n * Необходимо для правильного расчета положения SliderThumb.\n * см. функция clamp\n */\n const boundedValue = isVertical\n ? Math.max(Math.min(bottom, data.y), top)\n : Math.max(Math.min(right, data.x), left);\n\n const computedValue = getSliderThumbValue(boundedValue, stepSize, min, max);\n lastOnChangeValue.current = computedValue;\n\n onChangeCommitted && onChangeCommitted(computedValue, data);\n };\n\n let isPointerHidden = (visibility === 'hover' && !isHovered) \|\| size === 'none';\n\n if (isDrag) {\n isPointerHidden = false;\n }\n\n return (\n <Draggable\n axis={isVertical ? 'y' : 'x'}\n bounds={computedBounds}\n grid={isVertical ? [1, stepSize] : [stepSize, 1]}\n onStart={onStart}\n onStop={onStop}\n onDrag={onDrag}\n position={dragPosition}\n disabled={disabled}\n >\n <HandlerStyled\n ref={ref}\n style={{ zIndex }}\n className={cx(\n isVertical && classes.verticalOrientation,\n valuePlacement === 'left' && classes.valuePlacementLeft,\n )}\n isLarge={size === 'large'}\n isPointerHidden={isPointerHidden}\n onKeyDown={onKeyPress}\n >\n {!isPointerHidden && (\n <Thumb\n tabIndex={tabIndex}\n min={min}\n max={max}\n value={value}\n disabled={disabled}\n orientation={orientation}\n {...rest}\n />\n )}\n {showCurrentValueCondition && <StyledValue isPointerHidden={isPointerHidden}>{value}</StyledValue>}\n </HandlerStyled>\n </Draggable>\n );\n },\n);\n"],"names":["Handler","forwardRef","_ref","ref","size","visibility","isHovered","orientation","stepSize","onChangeCommitted","onChange","_ref$position","position","min","max","_ref$bounds","bounds","zIndex","disabled","side","_ref$showCurrentValue","showCurrentValue","_ref$startOffset","startOffset","_ref$endOffset","endOffset","value","valuePlacement","rest","_objectWithoutProperties","_excluded","isVertical","_useState","useState","_useState2","_slicedToArray","isDrag","setIsDrag","lastOnChangeValue","useRef","_getOffsets","getOffsets","_getOffsets2","startClientOffset","endClientOffset","_bounds","startValueBound","endValueBound","startPositionBound","endPositionBound","dragPosition","x","y","undefined","tabIndex","computedBounds","_defineProperty","showCurrentValueCondition","onDrag","_","data","newValue","getSliderThumbValue","current","onStart","onStop","onKeyPress","event","persist","computedMultipleSteps","multipleStepSize","computeKeyPressData","left","right","top","bottom","boundedValue","Math","computedValue","isPointerHidden","React","createElement","Draggable","axis","grid","HandlerStyled","style","className","cx","classes","verticalOrientation","valuePlacementLeft","isLarge","onKeyDown","Thumb","_extends","StyledValue"],"mappings":"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"}
1	+ {"version":3,"file":"Handler.js","sources":["../../../../../src/components/Slider/ui/Handler/Handler.tsx"],"sourcesContent":["import React, { useRef, useState, forwardRef, KeyboardEvent } from 'react';\nimport Draggable, { DraggableEventHandler } from 'react-draggable';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { cx } from 'src/utils';\n\nimport { getSliderThumbValue, getOffsets } from '../../utils';\nimport { Thumb } from '../Thumb/Thumb';\nimport { classes } from '../../Slider.tokens';\n\nimport type { HandlerProps } from './Handler.types';\nimport { HandlerStyled, StyledValue } from './Handler.styles';\nimport { computeKeyPressData } from './computeKeyPressData';\n\n// TODO: PLASMA-1707\ndeclare module 'react-draggable' {\n export interface DraggableProps {\n children: React.ReactNode;\n }\n}\n\nexport const Handler = forwardRef<HTMLDivElement, HandlerProps>(\n (\n {\n size,\n visibility,\n isHovered,\n orientation,\n stepSize,\n onChangeCommitted,\n onChange,\n position = 0,\n min,\n max,\n bounds = [],\n zIndex,\n disabled,\n side,\n showCurrentValue = false,\n startOffset = 0,\n endOffset = 0,\n value,\n valuePlacement,\n ...rest\n },\n ref,\n ) => {\n const nodeRef = useRef<HTMLDivElement>(null);\n const combinedRef = useForkRef(nodeRef, ref);\n\n const isVertical = orientation === 'vertical';\n const [isDrag, setIsDrag] = useState(false);\n\n const lastOnChangeValue = useRef<number>();\n const [startClientOffset, endClientOffset] = getOffsets(nodeRef, side, isVertical);\n\n const [startValueBound, endValueBound] = bounds;\n const startPositionBound = startValueBound ? (startValueBound - min) * stepSize : null;\n const endPositionBound = endValueBound ? (endValueBound - min) * stepSize : null;\n\n const dragPosition =\n typeof position === 'number' ? { x: isVertical ? 0 : position, y: isVertical ? position : 0 } : undefined;\n const tabIndex = disabled ? -1 : 0;\n\n const computedBounds = {\n [isVertical ? 'top' : 'left']: (startPositionBound ?? 0) - (startClientOffset ? stepSize : 0),\n [isVertical ? 'bottom' : 'right']:\n (endPositionBound ?? stepSize * (max - min)) - (endClientOffset ? stepSize : 0),\n };\n\n const showCurrentValueCondition =\n showCurrentValue &&\n ((position >= startOffset && position <= max * stepSize - endOffset) \|\| (position === 0 && value !== 0));\n\n const onDrag: DraggableEventHandler = (_, data) => {\n const newValue = getSliderThumbValue(isVertical ? data.y : data.x, stepSize, min, max);\n\n if (lastOnChangeValue.current !== newValue) {\n onChange?.(newValue, data);\n lastOnChangeValue.current = newValue;\n }\n };\n\n const onStart: DraggableEventHandler = () => {\n setIsDrag(true);\n };\n\n const onStop: DraggableEventHandler = (_, data) => {\n setIsDrag(false);\n\n const newValue = getSliderThumbValue(isVertical ? data.y : data.x, stepSize, min, max);\n onChangeCommitted && onChangeCommitted(newValue, data);\n };\n\n const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n event.persist();\n\n const computedMultipleSteps = stepSize * ((rest.multipleStepSize / 100) * max);\n\n const data = computeKeyPressData(event, {\n isVertical,\n stepSize,\n position,\n max,\n computedMultipleSteps,\n });\n\n if (!data) {\n return;\n }\n\n const { left, right, top, bottom } = computedBounds;\n\n /\n INFO: Находим значение в диапазоне между указанными левой и правой границами.\n * Или между верхней и нижней\n * Необходимо для правильного расчета положения SliderThumb.\n * см. функция clamp\n */\n const boundedValue = isVertical\n ? Math.max(Math.min(bottom, data.y), top)\n : Math.max(Math.min(right, data.x), left);\n\n const computedValue = getSliderThumbValue(boundedValue, stepSize, min, max);\n lastOnChangeValue.current = computedValue;\n\n onChangeCommitted && onChangeCommitted(computedValue, data);\n };\n\n let isPointerHidden = (visibility === 'hover' && !isHovered) \|\| size === 'none';\n\n if (isDrag) {\n isPointerHidden = false;\n }\n\n return (\n <Draggable\n nodeRef={nodeRef}\n axis={isVertical ? 'y' : 'x'}\n bounds={computedBounds}\n grid={isVertical ? [1, stepSize] : [stepSize, 1]}\n onStart={onStart}\n onStop={onStop}\n onDrag={onDrag}\n position={dragPosition}\n disabled={disabled}\n >\n <HandlerStyled\n ref={combinedRef}\n style={{ zIndex }}\n className={cx(\n isVertical && classes.verticalOrientation,\n valuePlacement === 'left' && classes.valuePlacementLeft,\n )}\n isLarge={size === 'large'}\n isPointerHidden={isPointerHidden}\n onKeyDown={onKeyPress}\n >\n {!isPointerHidden && (\n <Thumb\n tabIndex={tabIndex}\n min={min}\n max={max}\n value={value}\n disabled={disabled}\n orientation={orientation}\n {...rest}\n />\n )}\n {showCurrentValueCondition && <StyledValue isPointerHidden={isPointerHidden}>{value}</StyledValue>}\n </HandlerStyled>\n </Draggable>\n );\n },\n);\n"],"names":["Handler","forwardRef","_ref","ref","size","visibility","isHovered","orientation","stepSize","onChangeCommitted","onChange","_ref$position","position","min","max","_ref$bounds","bounds","zIndex","disabled","side","_ref$showCurrentValue","showCurrentValue","_ref$startOffset","startOffset","_ref$endOffset","endOffset","value","valuePlacement","rest","_objectWithoutProperties","_excluded","nodeRef","useRef","combinedRef","useForkRef","isVertical","_useState","useState","_useState2","_slicedToArray","isDrag","setIsDrag","lastOnChangeValue","_getOffsets","getOffsets","_getOffsets2","startClientOffset","endClientOffset","_bounds","startValueBound","endValueBound","startPositionBound","endPositionBound","dragPosition","x","y","undefined","tabIndex","computedBounds","_defineProperty","showCurrentValueCondition","onDrag","_","data","newValue","getSliderThumbValue","current","onStart","onStop","onKeyPress","event","persist","computedMultipleSteps","multipleStepSize","computeKeyPressData","left","right","top","bottom","boundedValue","Math","computedValue","isPointerHidden","React","createElement","Draggable","axis","grid","HandlerStyled","style","className","cx","classes","verticalOrientation","valuePlacementLeft","isLarge","onKeyDown","Thumb","_extends","StyledValue"],"mappings":";;;;;;;;;;;;;AAaA;;AAOO,IAAMA,OAAO,gBAAGC,UAAU,CAC7B,UAAAC,IAAA,EAuBIC,GAAG,EACF;AAAA,EAAA,IAtBGC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,iBAAiB,GAAAP,IAAA,CAAjBO,iBAAiB;IACjBC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IAAAC,aAAA,GAAAT,IAAA,CACRU,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,aAAA;IACZE,GAAG,GAAAX,IAAA,CAAHW,GAAG;IACHC,GAAG,GAAAZ,IAAA,CAAHY,GAAG;IAAAC,WAAA,GAAAb,IAAA,CACHc,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,WAAA;IACXE,MAAM,GAAAf,IAAA,CAANe,MAAM;IACNC,QAAQ,GAAAhB,IAAA,CAARgB,QAAQ;IACRC,IAAI,GAAAjB,IAAA,CAAJiB,IAAI;IAAAC,qBAAA,GAAAlB,IAAA,CACJmB,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAAAE,gBAAA,GAAApB,IAAA,CACxBqB,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,gBAAA;IAAAE,cAAA,GAAAtB,IAAA,CACfuB,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,cAAA;IACbE,KAAK,GAAAxB,IAAA,CAALwB,KAAK;IACLC,cAAc,GAAAzB,IAAA,CAAdyB,cAAc;AACXC,IAAAA,IAAI,GAAAC,wBAAA,CAAA3B,IAAA,EAAA4B,SAAA,CAAA,CAAA;AAIX,EAAA,IAAMC,OAAO,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAC5C,EAAA,IAAMC,WAAW,GAAGC,UAAU,CAACH,OAAO,EAAE5B,GAAG,CAAC,CAAA;AAE5C,EAAA,IAAMgC,UAAU,GAAG5B,WAAW,KAAK,UAAU,CAAA;AAC7C,EAAA,IAAA6B,SAAA,GAA4BC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAApCI,IAAAA,MAAM,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,SAAS,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAExB,EAAA,IAAMI,iBAAiB,GAAGV,MAAM,EAAU,CAAA;EAC1C,IAAAW,WAAA,GAA6CC,UAAU,CAACb,OAAO,EAAEZ,IAAI,EAAEgB,UAAU,CAAC;IAAAU,YAAA,GAAAN,cAAA,CAAAI,WAAA,EAAA,CAAA,CAAA;AAA3EG,IAAAA,iBAAiB,GAAAD,YAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,eAAe,GAAAF,YAAA,CAAA,CAAA,CAAA,CAAA;AAEzC,EAAA,IAAAG,OAAA,GAAAT,cAAA,CAAyCvB,MAAM,EAAA,CAAA,CAAA;AAAxCiC,IAAAA,eAAe,GAAAD,OAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,aAAa,GAAAF,OAAA,CAAA,CAAA,CAAA,CAAA;EACrC,IAAMG,kBAAkB,GAAGF,eAAe,GAAG,CAACA,eAAe,GAAGpC,GAAG,IAAIL,QAAQ,GAAG,IAAI,CAAA;EACtF,IAAM4C,gBAAgB,GAAGF,aAAa,GAAG,CAACA,aAAa,GAAGrC,GAAG,IAAIL,QAAQ,GAAG,IAAI,CAAA;AAEhF,EAAA,IAAM6C,YAAY,GACd,OAAOzC,QAAQ,KAAK,QAAQ,GAAG;AAAE0C,IAAAA,CAAC,EAAEnB,UAAU,GAAG,CAAC,GAAGvB,QAAQ;AAAE2C,IAAAA,CAAC,EAAEpB,UAAU,GAAGvB,QAAQ,GAAG,CAAA;AAAE,GAAC,GAAG4C,SAAS,CAAA;AAC7G,EAAA,IAAMC,QAAQ,GAAGvC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;EAElC,IAAMwC,cAAc,GAAAC,eAAA,CAAAA,eAAA,KACfxB,UAAU,GAAG,KAAK,GAAG,MAAM,EAAG,CAACgB,kBAAkB,KAAA,IAAA,IAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAlBA,kBAAkB,GAAI,CAAC,KAAKL,iBAAiB,GAAGtC,QAAQ,GAAG,CAAC,CAAC,GAC5F2B,UAAU,GAAG,QAAQ,GAAG,OAAO,EAC5B,CAACiB,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAA,KAAA,CAAA,GAAhBA,gBAAgB,GAAI5C,QAAQ,IAAIM,GAAG,GAAGD,GAAG,CAAC,KAAKkC,eAAe,GAAGvC,QAAQ,GAAG,CAAC,CAAC,CACtF,CAAA;EAED,IAAMoD,yBAAyB,GAC3BvC,gBAAgB,KACdT,QAAQ,IAAIW,WAAW,IAAIX,QAAQ,IAAIE,GAAG,GAAGN,QAAQ,GAAGiB,SAAS,IAAMb,QAAQ,KAAK,CAAC,IAAIc,KAAK,KAAK,CAAE,CAAC,CAAA;EAE5G,IAAMmC,MAA6B,GAAG,SAAhCA,MAA6BA,CAAIC,CAAC,EAAEC,IAAI,EAAK;AAC/C,IAAA,IAAMC,QAAQ,GAAGC,mBAAmB,CAAC9B,UAAU,GAAG4B,IAAI,CAACR,CAAC,GAAGQ,IAAI,CAACT,CAAC,EAAE9C,QAAQ,EAAEK,GAAG,EAAEC,GAAG,CAAC,CAAA;AAEtF,IAAA,IAAI4B,iBAAiB,CAACwB,OAAO,KAAKF,QAAQ,EAAE;MACxCtD,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,IAAAA,QAAQ,CAAGsD,QAAQ,EAAED,IAAI,CAAC,CAAA;MAC1BrB,iBAAiB,CAACwB,OAAO,GAAGF,QAAQ,CAAA;AACxC,KAAA;GACH,CAAA;AAED,EAAA,IAAMG,OAA8B,GAAG,SAAjCA,OAA8BA,GAAS;IACzC1B,SAAS,CAAC,IAAI,CAAC,CAAA;GAClB,CAAA;EAED,IAAM2B,MAA6B,GAAG,SAAhCA,MAA6BA,CAAIN,CAAC,EAAEC,IAAI,EAAK;IAC/CtB,SAAS,CAAC,KAAK,CAAC,CAAA;AAEhB,IAAA,IAAMuB,QAAQ,GAAGC,mBAAmB,CAAC9B,UAAU,GAAG4B,IAAI,CAACR,CAAC,GAAGQ,IAAI,CAACT,CAAC,EAAE9C,QAAQ,EAAEK,GAAG,EAAEC,GAAG,CAAC,CAAA;AACtFL,IAAAA,iBAAiB,IAAIA,iBAAiB,CAACuD,QAAQ,EAAED,IAAI,CAAC,CAAA;GACzD,CAAA;AAED,EAAA,IAAMM,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAoC,EAAK;IACzDA,KAAK,CAACC,OAAO,EAAE,CAAA;IAEf,IAAMC,qBAAqB,GAAGhE,QAAQ,IAAKoB,IAAI,CAAC6C,gBAAgB,GAAG,GAAG,GAAI3D,GAAG,CAAC,CAAA;AAE9E,IAAA,IAAMiD,IAAI,GAAGW,mBAAmB,CAACJ,KAAK,EAAE;AACpCnC,MAAAA,UAAU,EAAVA,UAAU;AACV3B,MAAAA,QAAQ,EAARA,QAAQ;AACRI,MAAAA,QAAQ,EAARA,QAAQ;AACRE,MAAAA,GAAG,EAAHA,GAAG;AACH0D,MAAAA,qBAAqB,EAArBA,qBAAAA;AACJ,KAAC,CAAC,CAAA;IAEF,IAAI,CAACT,IAAI,EAAE;AACP,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAQY,IAAI,GAAyBjB,cAAc,CAA3CiB,IAAI;MAAEC,KAAK,GAAkBlB,cAAc,CAArCkB,KAAK;MAAEC,GAAG,GAAanB,cAAc,CAA9BmB,GAAG;MAAEC,MAAM,GAAKpB,cAAc,CAAzBoB,MAAM,CAAA;;AAEhC;AACZ;AACA;AACA;AACA;AACA;AACY,IAAA,IAAMC,YAAY,GAAG5C,UAAU,GACzB6C,IAAI,CAAClE,GAAG,CAACkE,IAAI,CAACnE,GAAG,CAACiE,MAAM,EAAEf,IAAI,CAACR,CAAC,CAAC,EAAEsB,GAAG,CAAC,GACvCG,IAAI,CAAClE,GAAG,CAACkE,IAAI,CAACnE,GAAG,CAAC+D,KAAK,EAAEb,IAAI,CAACT,CAAC,CAAC,EAAEqB,IAAI,CAAC,CAAA;IAE7C,IAAMM,aAAa,GAAGhB,mBAAmB,CAACc,YAAY,EAAEvE,QAAQ,EAAEK,GAAG,EAAEC,GAAG,CAAC,CAAA;IAC3E4B,iBAAiB,CAACwB,OAAO,GAAGe,aAAa,CAAA;AAEzCxE,IAAAA,iBAAiB,IAAIA,iBAAiB,CAACwE,aAAa,EAAElB,IAAI,CAAC,CAAA;GAC9D,CAAA;EAED,IAAImB,eAAe,GAAI7E,UAAU,KAAK,OAAO,IAAI,CAACC,SAAS,IAAKF,IAAI,KAAK,MAAM,CAAA;AAE/E,EAAA,IAAIoC,MAAM,EAAE;AACR0C,IAAAA,eAAe,GAAG,KAAK,CAAA;AAC3B,GAAA;AAEA,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,cAAS,EAAA;AACNtD,IAAAA,OAAO,EAAEA,OAAQ;AACjBuD,IAAAA,IAAI,EAAEnD,UAAU,GAAG,GAAG,GAAG,GAAI;AAC7BnB,IAAAA,MAAM,EAAE0C,cAAe;AACvB6B,IAAAA,IAAI,EAAEpD,UAAU,GAAG,CAAC,CAAC,EAAE3B,QAAQ,CAAC,GAAG,CAACA,QAAQ,EAAE,CAAC,CAAE;AACjD2D,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,MAAM,EAAEA,MAAO;AACfP,IAAAA,MAAM,EAAEA,MAAO;AACfjD,IAAAA,QAAQ,EAAEyC,YAAa;AACvBnC,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,eAEnBiE,KAAA,CAAAC,aAAA,CAACI,aAAa,EAAA;AACVrF,IAAAA,GAAG,EAAE8B,WAAY;AACjBwD,IAAAA,KAAK,EAAE;AAAExE,MAAAA,MAAM,EAANA,MAAAA;KAAS;AAClByE,IAAAA,SAAS,EAAEC,EAAE,CACTxD,UAAU,IAAIyD,OAAO,CAACC,mBAAmB,EACzClE,cAAc,KAAK,MAAM,IAAIiE,OAAO,CAACE,kBACzC,CAAE;IACFC,OAAO,EAAE3F,IAAI,KAAK,OAAQ;AAC1B8E,IAAAA,eAAe,EAAEA,eAAgB;AACjCc,IAAAA,SAAS,EAAE3B,UAAAA;GAEV,EAAA,CAACa,eAAe,iBACbC,KAAA,CAAAC,aAAA,CAACa,KAAK,EAAAC,QAAA,CAAA;AACFzC,IAAAA,QAAQ,EAAEA,QAAS;AACnB5C,IAAAA,GAAG,EAAEA,GAAI;AACTC,IAAAA,GAAG,EAAEA,GAAI;AACTY,IAAAA,KAAK,EAAEA,KAAM;AACbR,IAAAA,QAAQ,EAAEA,QAAS;AACnBX,IAAAA,WAAW,EAAEA,WAAAA;GACTqB,EAAAA,IAAI,CACX,CACJ,EACAgC,yBAAyB,iBAAIuB,KAAA,CAAAC,aAAA,CAACe,WAAW,EAAA;AAACjB,IAAAA,eAAe,EAAEA,eAAAA;GAAkBxD,EAAAA,KAAmB,CACtF,CACR,CAAC,CAAA;AAEpB,CACJ;;;;"}

package/es/components/Table/Table.css CHANGED Viewed

@@ -26,6 +26,8 @@
 .base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
+.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
 .Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
 .Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}

package/es/components/Table/Table.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { HeadCell } from './ui/HeadCell/HeadCell.js';
 import { EditableCell } from './ui/EditableCell/EditableCell.js';
 import { Cell } from './ui/Cell/Cell.js';
-var _excluded = ["data", "onChange", "columns", "view", "size", "borderVariant", "enableSelection", "selected", "filtered", "sorted", "maxHeight", "stickyHeader", "onCellUpdate"];
+var _excluded = ["data", "onChange", "columns", "view", "size", "borderVariant", "enableSelection", "selected", "filtered", "sorted", "maxHeight", "stickyHeader", "onCellUpdate", "setRowProps"];
 var SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';
 var tableRoot = function tableRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -18,13 +18,16 @@ var tableRoot = function tableRoot(Root) {
       size = _ref.size,
       _ref$borderVariant = _ref.borderVariant,
       borderVariant = _ref$borderVariant === void 0 ? 'all' : _ref$borderVariant,
-      enableSelection = _ref.enableSelection,
+      _ref$enableSelection = _ref.enableSelection,
+      enableSelection = _ref$enableSelection === void 0 ? false : _ref$enableSelection,
       outerSelected = _ref.selected,
       outerFiltered = _ref.filtered,
       outerSorted = _ref.sorted,
       maxHeight = _ref.maxHeight,
-      stickyHeader = _ref.stickyHeader,
+      _ref$stickyHeader = _ref.stickyHeader,
+      stickyHeader = _ref$stickyHeader === void 0 ? false : _ref$stickyHeader,
       onCellUpdate = _ref.onCellUpdate,
+      setRowProps = _ref.setRowProps,
       props = _objectWithoutProperties(_ref, _excluded);
     var _useState = useState(outerSelected || {}),
       _useState2 = _slicedToArray(_useState, 2),
@@ -119,7 +122,8 @@ var tableRoot = function tableRoot(Root) {
           columnSize = _ref4.width,
           _ref4$enableEditing = _ref4.enableEditing,
           enableEditing = _ref4$enableEditing === void 0 ? false : _ref4$enableEditing,
-          renderCell = _ref4.renderCell;
+          renderCell = _ref4.renderCell,
+          setCellProps = _ref4.setCellProps;
         return {
           header: label,
           accessorKey: id,
@@ -137,7 +141,8 @@ var tableRoot = function tableRoot(Root) {
           meta: {
             filters: filters,
             enableEditing: enableEditing,
-            renderCell: renderCell
+            renderCell: renderCell,
+            setCellProps: setCellProps
           }
         };
       })));
@@ -201,30 +206,32 @@ var tableRoot = function tableRoot(Root) {
         });
       }));
     })), /*#__PURE__*/React.createElement(Tbody, null, table.getRowModel().rows.map(function (row) {
-      return /*#__PURE__*/React.createElement(Tr, {
+      return /*#__PURE__*/React.createElement(Tr, _extends({
         key: row.id,
         selected: row.getIsSelected()
-      }, 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.createElement(EditableCell, {
-            key: cell.id,
-            size: size,
-            cell: cell,
-            borderVariant: borderVariant,
-            table: table,
-            selected: row.getIsSelected(),
-            view: view
-          }) : /*#__PURE__*/React.createElement(Cell, {
-            key: cell.id,
-            cell: cell,
-            borderVariant: borderVariant,
-            selected: row.getIsSelected(),
-            view: view
-          })
-        );
+      }, 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.createElement(EditableCell, {
+          key: cell.id,
+          size: size,
+          cell: cell,
+          borderVariant: borderVariant,
+          table: table,
+          selected: row.getIsSelected(),
+          view: view,
+          additionalProps: additionalProps
+        }) : /*#__PURE__*/React.createElement(Cell, {
+          key: cell.id,
+          cell: cell,
+          borderVariant: borderVariant,
+          selected: row.getIsSelected(),
+          view: view,
+          additionalProps: additionalProps
+        });
       }));
     }))));
   });

package/es/components/Table/Table.js.map CHANGED Viewed

	@@ -1 +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';\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":"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"}
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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"}

package/es/components/Table/ui/Cell/Cell.css CHANGED Viewed

@@ -102,6 +102,8 @@
 .base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
+.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
 .Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
 .Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}

package/es/components/Table/ui/Cell/Cell.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { flexRender } from '@tanstack/react-table';
 import { Resizer } from '../../Table.styles.js';
@@ -10,15 +11,16 @@ var Cell = function Cell(_ref) {
   var cell = _ref.cell,
     borderVariant = _ref.borderVariant,
     selected = _ref.selected,
-    view = _ref.view;
+    view = _ref.view,
+    additionalProps = _ref.additionalProps;
   var renderCell = (_cell$column$columnDe = cell.column.columnDef.meta) === null || _cell$column$columnDe === void 0 ? void 0 : _cell$column$columnDe.renderCell;
-  return /*#__PURE__*/React.createElement(Td, {
+  return /*#__PURE__*/React.createElement(Td, _extends({
     key: cell.id,
     borderVariant: borderVariant,
     selectionCell: cell.column.id === SELECT_COLUMN_ID,
     selected: selected,
     view: view
-  }, renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : flexRender(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && (_Resizer || (_Resizer = /*#__PURE__*/React.createElement(Resizer, {
+  }, additionalProps), renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : flexRender(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && (_Resizer || (_Resizer = /*#__PURE__*/React.createElement(Resizer, {
     isResizing: true
   }))));
 };

package/es/components/Table/ui/Cell/Cell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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,KAAA,CAAAC,aAAA,CAACC,EAAE,~~EAAA~~;IACCC,GAAG,~~EAAEX~~,IAAI,~~CAACY~~,EAAG;~~AACbX~~,IAAAA,aAAa,EAAEA,aAAc;~~AAC7BY~~,IAAAA,aAAa,~~EAAEb~~,IAAI,~~CAACK~~,MAAM,~~CAACO~~,EAAE,KAAKE,gBAAiB;~~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,UAAU,~~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~~,KAAA,CAAAC,aAAA,~~CAACc~~,OAAO,EAAA;IAACC,UAAU,EAAA,IAAA;GAAE,CAAC,EACtD,CAAC,CAAA;AAEb;;;;"}
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,KAAA,CAAAC,aAAA,CAACC,EAAE,EAAAC,QAAA,CAAA;IACCC,GAAG,EAAEb,IAAI,CAACc,EAAG;AACbb,IAAAA,aAAa,EAAEA,aAAc;AAC7Bc,IAAAA,aAAa,EAAEf,IAAI,CAACM,MAAM,CAACQ,EAAE,KAAKE,gBAAiB;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,UAAU,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,KAAA,CAAAC,aAAA,CAACe,OAAO,EAAA;IAACC,UAAU,EAAA,IAAA;GAAE,CAAC,EACtD,CAAC,CAAA;AAEb;;;;"}

package/es/components/Table/ui/EditableCell/EditableCell.css CHANGED Viewed

@@ -104,6 +104,8 @@
 .base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
+.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
 .Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
 .Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}

package/es/components/Table/ui/EditableCell/EditableCell.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { useState, useRef } from 'react';
 import { flexRender } from '@tanstack/react-table';
 import { Resizer } from '../../Table.styles.js';
@@ -24,7 +24,8 @@ var EditableCell = function EditableCell(_ref) {
     cell = _ref.cell,
     borderVariant = _ref.borderVariant,
     table = _ref.table,
-    selected = _ref.selected;
+    selected = _ref.selected,
+    additionalProps = _ref.additionalProps;
   var _useState = useState(cell.getValue()),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
@@ -74,7 +75,7 @@ var EditableCell = function EditableCell(_ref) {
         }
     }
   };
-  return /*#__PURE__*/React.createElement(Td, {
+  return /*#__PURE__*/React.createElement(Td, _extends({
     key: cell.id,
     borderVariant: borderVariant,
     selectionCell: cell.column.id === SELECT_COLUMN_ID,
@@ -83,7 +84,7 @@ var EditableCell = function EditableCell(_ref) {
     selected: selected,
     view: view,
     ref: ref
-  }, /*#__PURE__*/React.createElement(InnerWrapper, null, editingMode ? /*#__PURE__*/React.createElement(EditModeWrapper, null, /*#__PURE__*/React.createElement(InputWrapper, null, /*#__PURE__*/React.createElement(Input, {
+  }, additionalProps), /*#__PURE__*/React.createElement(InnerWrapper, null, editingMode ? /*#__PURE__*/React.createElement(EditModeWrapper, null, /*#__PURE__*/React.createElement(InputWrapper, null, /*#__PURE__*/React.createElement(Input, {
     value: value,
     onChange: handleChange,
     autoFocus: true,

package/es/components/Table/ui/EditableCell/EditableCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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":";;;;;;;;;;;;;;~~AAsBA~~,IAAMA,IAAI,GAAG;AACTC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE,QAAA;AACZ,CAAC,CAAA;~~IAWYC~~,YAA6B,GAAG,SAAhCA,YAA6BA,CAAAC,IAAA,~~EAA6D~~;AAAA,EAAA,IAAAC,mBAAA,CAAA;AAAA,EAAA,~~IAAvDC~~,IAAI,GAAAF,IAAA,CAAJE,IAAI;~~IAAEC~~,IAAI,GAAAH,IAAA,CAAJG,IAAI;~~IAAEC~~,IAAI,GAAAJ,IAAA,CAAJI,IAAI;~~IAAEC~~,aAAa,GAAAL,IAAA,CAAbK,aAAa;~~IAAEC~~,KAAK,GAAAN,IAAA,CAALM,KAAK;~~IAAEC~~,QAAQ,GAAAP,IAAA,CAARO,QAAQ,CAAA;~~EAC5F~~,IAAAC,SAAA,GAA0BC,QAAQ,~~CAASL~~,IAAI,~~CAACM~~,QAAQ,EAAY,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAJ,SAAA,EAAA,CAAA,CAAA;AAA9DK,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtB,EAAA,IAAAI,UAAA,GAAsCN,QAAQ,CAAC,KAAK,CAAC;IAAAO,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA9CE,IAAAA,WAAW,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAElC,EAAA,IAAMG,UAAU,GAAA,~~CAAAlB~~,mBAAA,GAAGK,KAAK,~~CAACc~~,OAAO,CAACC,IAAI,~~MAAApB~~,IAAAA,IAAAA,mBAAA,KAAlBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAA,~~CAAoBkB~~,UAAU,CAAA;AAEjD,EAAA,IAAMG,GAAG,GAAGC,MAAM,CAAuB,IAAI,CAAC,CAAA;AAE9CC,EAAAA,eAAe,CAAC,YAAM;IAClBN,cAAc,CAAC,KAAK,CAAC,CAAA;AACzB,GAAC,EAAE,CAACI,GAAG,CAAC,CAAC,CAAA;AAET,EAAA,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAoC,EAAK;IAC9DA,CAAC,CAACC,eAAe,EAAE,CAAA;IAEnBT,cAAc,CAAC,IAAI,CAAC,CAAA;AACpBJ,IAAAA,QAAQ,~~CAACV~~,IAAI,~~CAACM~~,QAAQ,EAAY,CAAC,CAAA;GACtC,CAAA;AAED,EAAA,IAAMkB,YAAY,GAAG,SAAfA,YAAYA,CAAIF,CAAsC,EAAA;AAAA,IAAA,OAAKZ,QAAQ,CAACY,CAAC,CAACG,MAAM,CAAChB,KAAK,CAAC,CAAA;AAAA,GAAA,CAAA;AAEzF,EAAA,IAAMiB,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtBhB,IAAAA,QAAQ,~~CAACV~~,IAAI,~~CAACM~~,QAAQ,EAAY,CAAC,CAAA;GACtC,CAAA;AAED,EAAA,IAAMqB,YAAY,GAAG,SAAfA,YAAYA,CAAIL,CAAsC,EAAK;IAC7DA,CAAC,CAACC,eAAe,EAAE,CAAA;AAEnB,IAAA,IAAIR,UAAU,EAAE;AACZA,MAAAA,UAAU,~~CAACf~~,IAAI,~~CAAC4B~~,GAAG,CAACC,EAAE,~~EAAE7B~~,IAAI,~~CAAC8B~~,MAAM,CAACD,EAAE,EAAEpB,KAAK,CAAC,CAAA;AAClD,KAAA;IACAK,cAAc,CAAC,KAAK,CAAC,CAAA;GACxB,CAAA;AAED,EAAA,IAAMiB,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAA0C,EAAK;IAClE,QAAQA,KAAK,CAACC,IAAI;MACd,~~KAAK1C~~,IAAI,CAACC,KAAK;AAAE,QAAA;AACb,UAAA,~~IAAIuB~~,UAAU,EAAE;AACZA,YAAAA,UAAU,~~CAACf~~,IAAI,~~CAAC4B~~,GAAG,CAACC,EAAE,~~EAAE7B~~,IAAI,~~CAAC8B~~,MAAM,CAACD,EAAE,EAAEpB,KAAK,CAAC,CAAA;AAClD,WAAA;UAEAK,cAAc,CAAC,KAAK,CAAC,CAAA;AAErB,UAAA,MAAA;AACJ,SAAA;MAEA,~~KAAKvB~~,IAAI,CAACG,MAAM,CAAA;MAChB,KAAKH,IAAI,CAACE,GAAG;AAAE,QAAA;~~UACXqB~~,cAAc,CAAC,KAAK,CAAC,CAAA;AAErB,UAAA,MAAA;AACJ,SAAA;AAKJ,KAAA;GACH,CAAA;AAED,EAAA,oBACIoB,KAAA,CAAAC,aAAA,CAACC,EAAE,~~EAAA~~;IACCC,GAAG,~~EAAErC~~,IAAI,~~CAAC6B~~,EAAG;~~AACb5B~~,IAAAA,aAAa,EAAEA,aAAc;~~AAC7BqC~~,IAAAA,aAAa,~~EAAEtC~~,IAAI,~~CAAC8B~~,MAAM,CAACD,EAAE,~~KAAKU~~,gBAAiB;AACnDC,IAAAA,OAAO,~~EAAEnB~~,eAAgB;AACzBR,IAAAA,WAAW,EAAEA,WAAY;~~AACzBV~~,IAAAA,QAAQ,EAAEA,QAAS;AACnBJ,IAAAA,IAAI,EAAEA,IAAK;~~AACXmB~~,IAAAA,GAAG,EAAEA,GAAAA;~~GAELgB~~,eAAAA,KAAA,CAAAC,aAAA,~~CAACM~~,YAAY,~~QACR5B~~,WAAW,gBACRqB,KAAA,CAAAC,aAAA,~~CAACO~~,eAAe,~~EACZR~~,~~IAAAA~~,~~eAAAA~~,KAAA,CAAAC,aAAA,~~CAACQ~~,YAAY,~~qBAETT~~,KAAA,CAAAC,aAAA,~~CAACS~~,KAAK,EAAA;~~AAACnC~~,IAAAA,KAAK,EAAEA,KAAM;~~AAACoC~~,IAAAA,QAAQ,~~EAAErB~~,YAAa;~~IAACsB~~,SAAS,EAAA,IAAA;AAACC,IAAAA,SAAS,~~EAAEhB~~,aAAAA;AAAc,GAAE,CAAC,eAEnFG,KAAA,CAAAC,aAAA,~~CAACa~~,eAAe,EAAA;AAACR,IAAAA,OAAO,~~EAAEd~~,WAAY;~~AAACuB~~,IAAAA,QAAQ,EAAE,CAAC,CAAA;AAAE,GAAA,~~eAChDf~~,KAAA,CAAAC,aAAA,~~CAACe~~,gBAAgB,EAAA;~~IAACpD~~,IAAI,~~EAAEqD~~,WAAW,~~CAACrD~~,IAAI,CAAA;GAAI,CAC/B,CACP,CAAC,~~eAEfoC~~,KAAA,CAAAC,aAAA,~~CAACiB~~,cAAc,EAAA;AAACZ,IAAAA,OAAO,~~EAAEb~~,YAAa;~~AAACsB~~,IAAAA,QAAQ,EAAE,CAAC,CAAA;AAAE,GAAA,~~eAChDf~~,KAAA,CAAAC,aAAA,~~CAACkB~~,qBAAqB,EAAA;~~IAACvD~~,IAAI,~~EAAEqD~~,WAAW,~~CAACrD~~,IAAI,CAAA;AAAE,GAAE,CACrC,CACH,CAAC,~~gBAElBoC~~,KAAA,CAAAC,aAAA,~~CAACmB~~,cAAc,EAAA,IAAA,EACVC,UAAU,~~CAACvD~~,IAAI,~~CAAC8B~~,MAAM,~~CAAC0B~~,SAAS,~~CAACxD~~,IAAI,EAAEA,IAAI,~~CAACyD~~,UAAU,EAAE,CAAC,~~eAE1DvB~~,KAAA,CAAAC,aAAA,~~CAACuB~~,eAAe,EAAA;~~AAAC5D~~,IAAAA,IAAI,EAAC,IAAI;~~IAAC6D~~,SAAS,EAAEC,OAAO,CAACC,QAAS;AAACC,IAAAA,KAAK,EAAC,uBAAA;GAAyB,CAC3E,CAEV,CAAC,~~EAEd9D~~,IAAI,~~CAAC8B~~,MAAM,~~CAACiC~~,aAAa,EAAE,KAAAC,QAAA,KAAAA,QAAA,~~gBAAI9B~~,KAAA,CAAAC,aAAA,~~CAAC8B~~,OAAO,EAAA;IAACC,UAAU,EAAA,IAAA;GAAE,CAAC,EACtD,CAAC,CAAA;AAEb;;;;"}
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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"}

package/es/components/Table/ui/HeadCell/HeadCell.css CHANGED Viewed

@@ -115,6 +115,8 @@
 .base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
+.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
 .Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
 .Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}

package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css CHANGED Viewed

@@ -115,6 +115,8 @@
 .base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
+.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
 .Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
 .Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}

package/es/components/TextArea/ui/Hint/Hint.css CHANGED Viewed

@@ -1,3 +1,5 @@
+.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
 .Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
 .Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}

package/es/components/TextField/ui/Hint/Hint.css CHANGED Viewed

@@ -1,3 +1,5 @@
+.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
 .Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
 .Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}