@razorpay/blade 11.39.0 → 12.0.0

package/build/lib/web/development/components/Switch/Switch.js

@@ -17,6 +17,7 @@ import { SelectorLabel } from '../Form/Selector/SelectorLabel.web.js';
 import '../../utils/makeAccessible/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../Box/styledProps/index.js';
+import { getOuterMotionRef, getInnerMotionRef } from '../../utils/getMotionRefs.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
@@ -29,7 +30,7 @@ import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeA
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["defaultChecked", "isChecked", "isDisabled", "name", "onChange", "size", "value", "accessibilityLabel", "testID"];
+var _excluded = ["defaultChecked", "isChecked", "isDisabled", "name", "onChange", "size", "value", "accessibilityLabel", "testID", "_motionMeta"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _Switch = function _Switch(_ref, ref) {
@@ -43,6 +44,7 @@ var _Switch = function _Switch(_ref, ref) {
     value = _ref.value,
     accessibilityLabel = _ref.accessibilityLabel,
     testID = _ref.testID,
+    _motionMeta = _ref._motionMeta,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
@@ -89,7 +91,12 @@ var _Switch = function _Switch(_ref, ref) {
       setIsPressed(false);
     }
   }, [isDisabled]);
-  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    ref: getOuterMotionRef({
+      _motionMeta: _motionMeta,
+      ref: ref
+    })
+  }, metaAttribute({
     testID: testID,
     name: MetaConstants.Switch
   })), {}, {
@@ -115,7 +122,10 @@ var _Switch = function _Switch(_ref, ref) {
       })) : {},
       children: [/*#__PURE__*/jsx(SelectorInput, {
         hoverTokens: switchHoverTokens,
-        ref: ref,
+        ref: getInnerMotionRef({
+          _motionMeta: _motionMeta,
+          ref: ref
+        }),
         isChecked: state.isChecked,
         isDisabled: isDisabled,
         hasError: false,

package/build/lib/web/development/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\n/* eslint-disable @typescript-eslint/prefer-ts-expect-error */\nimport React from 'react';\nimport { ThumbIcon } from './ThumbIcon';\nimport type { SwitchProps } from './types';\nimport { switchHoverTokens } from './switchTokens';\nimport { Thumb } from './Thumb';\nimport { AnimatedThumb } from './AnimatedThumb';\nimport { SwitchTrack } from './SwitchTrack';\nimport { useTheme } from '~components/BladeProvider';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport { useBreakpoint } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _Switch: React.ForwardRefRenderFunction<BladeElementRef, SwitchProps> = (\n  {\n    defaultChecked,\n    isChecked,\n    isDisabled,\n    name,\n    onChange,\n    size = 'medium',\n    value,\n    accessibilityLabel,\n    testID,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const [isPressed, setIsPressed] = React.useState(false);\n  const { state, inputProps } = useCheckbox({\n    role: 'switch',\n    defaultChecked,\n    isChecked,\n    isIndeterminate: false,\n    hasError: false,\n    hasHelperText: false,\n    isDisabled,\n    isRequired: false,\n    name,\n    value,\n    onChange,\n  });\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (isDisabled) return;\n    setIsPressed(true);\n  }, [isDisabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (isDisabled) return;\n    setIsPressed(false);\n  }, [isDisabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(true);\n      }\n    },\n    [isDisabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(false);\n      }\n    },\n    [isDisabled],\n  );\n\n  return (\n    <BaseBox\n      {...metaAttribute({ testID, name: MetaConstants.Switch })}\n      // @ts-ignore on rn inline-block is not valid but type here will be `flex | inline-block`\n      display={state.isReactNative ? 'flex' : 'inline-block'}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.SwitchLabel}\n        onTouchStart={handlePointerPressedIn}\n        onTouchEnd={handlePointerPressedOut}\n        onMouseDown={handlePointerPressedIn}\n        onMouseUp={handlePointerPressedOut}\n        onMouseOut={handlePointerPressedOut}\n        onKeyDown={handleKeyboardPressedIn}\n        onKeyUp={handleKeyboardPressedOut}\n        style={{ cursor: isDisabled ? 'not-allowed' : 'pointer' }}\n        inputProps={\n          state.isReactNative\n            ? // accessibility label for react-native needs to be added\n              // since there is no text children inside Switch\n              { ...inputProps, ...makeAccessible({ label: accessibilityLabel }) }\n            : {}\n        }\n      >\n        <SelectorInput\n          hoverTokens={switchHoverTokens}\n          ref={ref}\n          isChecked={state.isChecked}\n          isDisabled={isDisabled}\n          hasError={false}\n          inputProps={inputProps}\n          accessibilityLabel={accessibilityLabel}\n        />\n        <SwitchTrack\n          size={size}\n          deviceType={matchedDeviceType}\n          isDisabled={Boolean(isDisabled)}\n          isChecked={state.isChecked}\n          {...makeAccessible({ hidden: true })}\n        >\n          <Thumb size={size} deviceType={matchedDeviceType} isChecked={state.isChecked}>\n            <AnimatedThumb\n              isPressed={isPressed}\n              isChecked={state.isChecked}\n              isDisabled={isDisabled}\n              size={size}\n            >\n              <ThumbIcon isChecked={state.isChecked} isDisabled={isDisabled} size={size} />\n            </AnimatedThumb>\n          </Thumb>\n        </SwitchTrack>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Switch = assignWithoutSideEffects(React.forwardRef(_Switch), {\n  displayName: 'Switch',\n});\n\nexport { Switch };\n"],"names":["_Switch","_ref","ref","defaultChecked","isChecked","isDisabled","name","onChange","_ref$size","size","value","accessibilityLabel","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","_useCheckbox","useCheckbox","role","isIndeterminate","hasError","hasHelperText","isRequired","state","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","_jsx","BaseBox","_objectSpread","metaAttribute","MetaConstants","Switch","display","isReactNative","getStyledProps","makeAnalyticsAttribute","children","_jsxs","SelectorLabel","componentName","SwitchLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","makeAccessible","label","SelectorInput","hoverTokens","switchHoverTokens","SwitchTrack","deviceType","Boolean","hidden","Thumb","AnimatedThumb","ThumbIcon","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"Switch.js","sources":["../../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\n/* eslint-disable @typescript-eslint/prefer-ts-expect-error */\nimport React from 'react';\nimport { ThumbIcon } from './ThumbIcon';\nimport type { SwitchProps } from './types';\nimport { switchHoverTokens } from './switchTokens';\nimport { Thumb } from './Thumb';\nimport { AnimatedThumb } from './AnimatedThumb';\nimport { SwitchTrack } from './SwitchTrack';\nimport { useTheme } from '~components/BladeProvider';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport { useBreakpoint } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _Switch: React.ForwardRefRenderFunction<BladeElementRef, SwitchProps> = (\n  {\n    defaultChecked,\n    isChecked,\n    isDisabled,\n    name,\n    onChange,\n    size = 'medium',\n    value,\n    accessibilityLabel,\n    testID,\n    _motionMeta,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const [isPressed, setIsPressed] = React.useState(false);\n  const { state, inputProps } = useCheckbox({\n    role: 'switch',\n    defaultChecked,\n    isChecked,\n    isIndeterminate: false,\n    hasError: false,\n    hasHelperText: false,\n    isDisabled,\n    isRequired: false,\n    name,\n    value,\n    onChange,\n  });\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (isDisabled) return;\n    setIsPressed(true);\n  }, [isDisabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (isDisabled) return;\n    setIsPressed(false);\n  }, [isDisabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(true);\n      }\n    },\n    [isDisabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(false);\n      }\n    },\n    [isDisabled],\n  );\n\n  return (\n    <BaseBox\n      ref={getOuterMotionRef({ _motionMeta, ref })}\n      {...metaAttribute({ testID, name: MetaConstants.Switch })}\n      // @ts-ignore on rn inline-block is not valid but type here will be `flex | inline-block`\n      display={state.isReactNative ? 'flex' : 'inline-block'}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.SwitchLabel}\n        onTouchStart={handlePointerPressedIn}\n        onTouchEnd={handlePointerPressedOut}\n        onMouseDown={handlePointerPressedIn}\n        onMouseUp={handlePointerPressedOut}\n        onMouseOut={handlePointerPressedOut}\n        onKeyDown={handleKeyboardPressedIn}\n        onKeyUp={handleKeyboardPressedOut}\n        style={{ cursor: isDisabled ? 'not-allowed' : 'pointer' }}\n        inputProps={\n          state.isReactNative\n            ? // accessibility label for react-native needs to be added\n              // since there is no text children inside Switch\n              { ...inputProps, ...makeAccessible({ label: accessibilityLabel }) }\n            : {}\n        }\n      >\n        <SelectorInput\n          hoverTokens={switchHoverTokens}\n          ref={getInnerMotionRef({ _motionMeta, ref })}\n          isChecked={state.isChecked}\n          isDisabled={isDisabled}\n          hasError={false}\n          inputProps={inputProps}\n          accessibilityLabel={accessibilityLabel}\n        />\n        <SwitchTrack\n          size={size}\n          deviceType={matchedDeviceType}\n          isDisabled={Boolean(isDisabled)}\n          isChecked={state.isChecked}\n          {...makeAccessible({ hidden: true })}\n        >\n          <Thumb size={size} deviceType={matchedDeviceType} isChecked={state.isChecked}>\n            <AnimatedThumb\n              isPressed={isPressed}\n              isChecked={state.isChecked}\n              isDisabled={isDisabled}\n              size={size}\n            >\n              <ThumbIcon isChecked={state.isChecked} isDisabled={isDisabled} size={size} />\n            </AnimatedThumb>\n          </Thumb>\n        </SwitchTrack>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Switch = assignWithoutSideEffects(React.forwardRef(_Switch), {\n  displayName: 'Switch',\n});\n\nexport { Switch };\n"],"names":["_Switch","_ref","ref","defaultChecked","isChecked","isDisabled","name","onChange","_ref$size","size","value","accessibilityLabel","testID","_motionMeta","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","_useCheckbox","useCheckbox","role","isIndeterminate","hasError","hasHelperText","isRequired","state","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","_jsx","BaseBox","_objectSpread","getOuterMotionRef","metaAttribute","MetaConstants","Switch","display","isReactNative","getStyledProps","makeAnalyticsAttribute","children","_jsxs","SelectorLabel","componentName","SwitchLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","makeAccessible","label","SelectorInput","hoverTokens","switchHoverTokens","getInnerMotionRef","SwitchTrack","deviceType","Boolean","hidden","Thumb","AnimatedThumb","ThumbIcon","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

package/build/lib/web/development/components/Switch/getTrackStyles.js

@@ -36,7 +36,7 @@ var getTrackStyles = function getTrackStyles(_ref) {
     height: height,
     borderRadius: makeSize(theme.border.radius.max),
     backgroundColor: backgroundColor,
-    transitionTimingFunction: "".concat(theme.motion.easing.standard.effective),
+    transitionTimingFunction: "".concat(theme.motion.easing.standard),
     transitionDuration: isReactNative() ? undefined : "".concat(makeMotionTime(theme.motion.duration['2xquick']))
   };
 };

package/build/lib/web/development/components/Switch/getTrackStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getTrackStyles.js","sources":["../../../../../../src/components/Switch/getTrackStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { TrackProps } from './types';\nimport { switchColors, switchSizes } from './switchTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport isNumber from '~utils/lodashButBetter/isNumber';\nimport { isReactNative } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSize } from '~utils/makeSize';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst getTrackStyles = ({\n  isChecked,\n  isDisabled,\n  deviceType,\n  size,\n  theme,\n}: TrackProps & {\n  theme: Theme;\n}): CSSObject => {\n  let variant: 'default' | 'disabled' = 'default';\n  if (isDisabled) variant = 'disabled';\n  const checked = isChecked ? 'checked' : 'unchecked';\n  const background = switchColors.track[variant].background[checked];\n  const backgroundColor = getIn(theme, background);\n\n  const widthToken = switchSizes.track[deviceType][size].width;\n  const heightToken = switchSizes.track[deviceType][size].height;\n  const width = isNumber(widthToken) ? makeSize(widthToken) : makeSpace(getIn(theme, widthToken));\n  const height = isNumber(heightToken)\n    ? makeSize(heightToken)\n    : makeSpace(getIn(theme, heightToken));\n\n  return {\n    pointerEvents: 'none',\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    margin: makeSpace(theme.spacing[1]),\n    padding: makeSpace(theme.spacing[1]),\n    width,\n    height,\n    borderRadius: makeSize(theme.border.radius.max),\n    backgroundColor,\n    transitionTimingFunction: `${theme.motion.easing.standard.effective}`,\n    transitionDuration: isReactNative()\n      ? undefined\n      : `${makeMotionTime(theme.motion.duration['2xquick'])}`,\n  };\n};\n\nexport { getTrackStyles };\n"],"names":["getTrackStyles","_ref","isChecked","isDisabled","deviceType","size","theme","variant","checked","background","switchColors","track","backgroundColor","getIn","widthToken","switchSizes","width","heightToken","height","isNumber","makeSize","makeSpace","pointerEvents","position","display","alignItems","margin","spacing","padding","borderRadius","border","radius","max","transitionTimingFunction","concat","motion","easing","standard","effective","transitionDuration","isReactNative","undefined","makeMotionTime","duration"],"mappings":";;;;;;;;;;;;AAWA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAQH;AAAA,EAAA,IAPfC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,KAAK,GAAAL,IAAA,CAALK,KAAK,CAAA;EAIL,IAAIC,OAA+B,GAAG,SAAS,CAAA;AAC/C,EAAA,IAAIJ,UAAU,EAAEI,OAAO,GAAG,UAAU,CAAA;AACpC,EAAA,IAAMC,OAAO,GAAGN,SAAS,GAAG,SAAS,GAAG,WAAW,CAAA;AACnD,EAAA,IAAMO,UAAU,GAAGC,YAAY,CAACC,KAAK,CAACJ,OAAO,CAAC,CAACE,UAAU,CAACD,OAAO,CAAC,CAAA;AAClE,EAAA,IAAMI,eAAe,GAAGC,KAAK,CAACP,KAAK,EAAEG,UAAU,CAAC,CAAA;AAEhD,EAAA,IAAMK,UAAU,GAAGC,WAAW,CAACJ,KAAK,CAACP,UAAU,CAAC,CAACC,IAAI,CAAC,CAACW,KAAK,CAAA;AAC5D,EAAA,IAAMC,WAAW,GAAGF,WAAW,CAACJ,KAAK,CAACP,UAAU,CAAC,CAACC,IAAI,CAAC,CAACa,MAAM,CAAA;EAC9D,IAAMF,KAAK,GAAGG,QAAQ,CAACL,UAAU,CAAC,GAAGM,QAAQ,CAACN,UAAU,CAAC,GAAGO,SAAS,CAACR,KAAK,CAACP,KAAK,EAAEQ,UAAU,CAAC,CAAC,CAAA;EAC/F,IAAMI,MAAM,GAAGC,QAAQ,CAACF,WAAW,CAAC,GAChCG,QAAQ,CAACH,WAAW,CAAC,GACrBI,SAAS,CAACR,KAAK,CAACP,KAAK,EAAEW,WAAW,CAAC,CAAC,CAAA;EAExC,OAAO;AACLK,IAAAA,aAAa,EAAE,MAAM;AACrBC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAEL,SAAS,CAACf,KAAK,CAACqB,OAAO,CAAC,CAAC,CAAC,CAAC;IACnCC,OAAO,EAAEP,SAAS,CAACf,KAAK,CAACqB,OAAO,CAAC,CAAC,CAAC,CAAC;AACpCX,IAAAA,KAAK,EAALA,KAAK;AACLE,IAAAA,MAAM,EAANA,MAAM;IACNW,YAAY,EAAET,QAAQ,CAACd,KAAK,CAACwB,MAAM,CAACC,MAAM,CAACC,GAAG,CAAC;AAC/CpB,IAAAA,eAAe,EAAfA,eAAe;AACfqB,IAAAA,wBAAwB,EAAAC,EAAAA,CAAAA,MAAA,CAAK5B,KAAK,CAAC6B,MAAM,CAACC,MAAM,CAACC,QAAQ,CAACC,SAAS,CAAE;AACrEC,IAAAA,kBAAkB,EAAEC,aAAa,EAAE,GAC/BC,SAAS,MAAAP,MAAA,CACNQ,cAAc,CAACpC,KAAK,CAAC6B,MAAM,CAACQ,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAA;GACxD,CAAA;AACH;;;;"}
+{"version":3,"file":"getTrackStyles.js","sources":["../../../../../../src/components/Switch/getTrackStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { TrackProps } from './types';\nimport { switchColors, switchSizes } from './switchTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport isNumber from '~utils/lodashButBetter/isNumber';\nimport { isReactNative } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSize } from '~utils/makeSize';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst getTrackStyles = ({\n  isChecked,\n  isDisabled,\n  deviceType,\n  size,\n  theme,\n}: TrackProps & {\n  theme: Theme;\n}): CSSObject => {\n  let variant: 'default' | 'disabled' = 'default';\n  if (isDisabled) variant = 'disabled';\n  const checked = isChecked ? 'checked' : 'unchecked';\n  const background = switchColors.track[variant].background[checked];\n  const backgroundColor = getIn(theme, background);\n\n  const widthToken = switchSizes.track[deviceType][size].width;\n  const heightToken = switchSizes.track[deviceType][size].height;\n  const width = isNumber(widthToken) ? makeSize(widthToken) : makeSpace(getIn(theme, widthToken));\n  const height = isNumber(heightToken)\n    ? makeSize(heightToken)\n    : makeSpace(getIn(theme, heightToken));\n\n  return {\n    pointerEvents: 'none',\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    margin: makeSpace(theme.spacing[1]),\n    padding: makeSpace(theme.spacing[1]),\n    width,\n    height,\n    borderRadius: makeSize(theme.border.radius.max),\n    backgroundColor,\n    transitionTimingFunction: `${theme.motion.easing.standard}`,\n    transitionDuration: isReactNative()\n      ? undefined\n      : `${makeMotionTime(theme.motion.duration['2xquick'])}`,\n  };\n};\n\nexport { getTrackStyles };\n"],"names":["getTrackStyles","_ref","isChecked","isDisabled","deviceType","size","theme","variant","checked","background","switchColors","track","backgroundColor","getIn","widthToken","switchSizes","width","heightToken","height","isNumber","makeSize","makeSpace","pointerEvents","position","display","alignItems","margin","spacing","padding","borderRadius","border","radius","max","transitionTimingFunction","concat","motion","easing","standard","transitionDuration","isReactNative","undefined","makeMotionTime","duration"],"mappings":";;;;;;;;;;;;AAWA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAQH;AAAA,EAAA,IAPfC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,KAAK,GAAAL,IAAA,CAALK,KAAK,CAAA;EAIL,IAAIC,OAA+B,GAAG,SAAS,CAAA;AAC/C,EAAA,IAAIJ,UAAU,EAAEI,OAAO,GAAG,UAAU,CAAA;AACpC,EAAA,IAAMC,OAAO,GAAGN,SAAS,GAAG,SAAS,GAAG,WAAW,CAAA;AACnD,EAAA,IAAMO,UAAU,GAAGC,YAAY,CAACC,KAAK,CAACJ,OAAO,CAAC,CAACE,UAAU,CAACD,OAAO,CAAC,CAAA;AAClE,EAAA,IAAMI,eAAe,GAAGC,KAAK,CAACP,KAAK,EAAEG,UAAU,CAAC,CAAA;AAEhD,EAAA,IAAMK,UAAU,GAAGC,WAAW,CAACJ,KAAK,CAACP,UAAU,CAAC,CAACC,IAAI,CAAC,CAACW,KAAK,CAAA;AAC5D,EAAA,IAAMC,WAAW,GAAGF,WAAW,CAACJ,KAAK,CAACP,UAAU,CAAC,CAACC,IAAI,CAAC,CAACa,MAAM,CAAA;EAC9D,IAAMF,KAAK,GAAGG,QAAQ,CAACL,UAAU,CAAC,GAAGM,QAAQ,CAACN,UAAU,CAAC,GAAGO,SAAS,CAACR,KAAK,CAACP,KAAK,EAAEQ,UAAU,CAAC,CAAC,CAAA;EAC/F,IAAMI,MAAM,GAAGC,QAAQ,CAACF,WAAW,CAAC,GAChCG,QAAQ,CAACH,WAAW,CAAC,GACrBI,SAAS,CAACR,KAAK,CAACP,KAAK,EAAEW,WAAW,CAAC,CAAC,CAAA;EAExC,OAAO;AACLK,IAAAA,aAAa,EAAE,MAAM;AACrBC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAEL,SAAS,CAACf,KAAK,CAACqB,OAAO,CAAC,CAAC,CAAC,CAAC;IACnCC,OAAO,EAAEP,SAAS,CAACf,KAAK,CAACqB,OAAO,CAAC,CAAC,CAAC,CAAC;AACpCX,IAAAA,KAAK,EAALA,KAAK;AACLE,IAAAA,MAAM,EAANA,MAAM;IACNW,YAAY,EAAET,QAAQ,CAACd,KAAK,CAACwB,MAAM,CAACC,MAAM,CAACC,GAAG,CAAC;AAC/CpB,IAAAA,eAAe,EAAfA,eAAe;IACfqB,wBAAwB,EAAA,EAAA,CAAAC,MAAA,CAAK5B,KAAK,CAAC6B,MAAM,CAACC,MAAM,CAACC,QAAQ,CAAE;AAC3DC,IAAAA,kBAAkB,EAAEC,aAAa,EAAE,GAC/BC,SAAS,MAAAN,MAAA,CACNO,cAAc,CAACnC,KAAK,CAAC6B,MAAM,CAACO,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAA;GACxD,CAAA;AACH;;;;"}

package/build/lib/web/development/components/Switch/switchTokens.js

@@ -81,14 +81,14 @@ var switchColors = {
 };
 var switchMotion = {
   easing: {
-    thumb: 'motion.easing.standard.effective',
-    thumbIcon: 'motion.easing.standard.effective',
-    track: 'motion.easing.standard.effective'
+    thumb: 'motion.easing.standard',
+    thumbIcon: 'motion.easing.standard',
+    track: 'motion.easing.standard'
   },
   duration: {
-    thumb: 'motion.duration.xquick',
-    thumbIcon: 'motion.duration.xquick',
-    track: 'motion.duration.xquick'
+    thumb: 'motion.duration.quick',
+    thumbIcon: 'motion.duration.quick',
+    track: 'motion.duration.quick'
   }
 };
 var switchHoverTokens = {

package/build/lib/web/development/components/Switch/switchTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"switchTokens.js","sources":["../../../../../../src/components/Switch/switchTokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst switchSizes = {\n  track: {\n    desktop: {\n      small: {\n        width: size[28],\n        height: 'spacing.5',\n      },\n      medium: {\n        width: size[36],\n        height: 'spacing.6',\n      },\n    },\n    mobile: {\n      small: {\n        width: size[36],\n        height: 'spacing.6',\n      },\n      medium: {\n        width: size[44],\n        height: 'spacing.7',\n      },\n    },\n  },\n  thumb: {\n    desktop: {\n      small: {\n        width: 'spacing.4',\n        height: 'spacing.4',\n      },\n      medium: {\n        width: 'spacing.5',\n        height: 'spacing.5',\n      },\n    },\n    mobile: {\n      small: {\n        width: 'spacing.5',\n        height: 'spacing.5',\n      },\n      medium: {\n        width: 'spacing.6',\n        height: 'spacing.6',\n      },\n    },\n  },\n} as const;\n\nconst switchColors = {\n  track: {\n    default: {\n      background: {\n        checked: 'colors.interactive.background.primary.default',\n        unchecked: 'colors.interactive.background.gray.default',\n      },\n    },\n    disabled: {\n      background: {\n        checked: 'colors.interactive.background.primary.faded',\n        unchecked: 'colors.interactive.background.gray.disabled',\n      },\n    },\n  },\n  thumb: {\n    default: {\n      background: 'colors.interactive.background.staticWhite.default',\n    },\n    disabled: {\n      background: 'colors.interactive.background.staticWhite.disabled',\n    },\n  },\n  thumbIcon: {\n    default: {\n      fill: 'colors.interactive.icon.staticBlack.normal',\n    },\n    disabled: {\n      fill: 'colors.interactive.icon.staticBlack.disabled',\n    },\n  },\n} as const;\n\nconst switchMotion = {\n  easing: {\n    thumb: 'motion.easing.standard.effective',\n    thumbIcon: 'motion.easing.standard.effective',\n    track: 'motion.easing.standard.effective',\n  },\n  duration: {\n    thumb: 'motion.duration.xquick',\n    thumbIcon: 'motion.duration.xquick',\n    track: 'motion.duration.xquick',\n  },\n} as const;\n\nconst switchHoverTokens = {\n  default: {\n    background: {\n      checked: 'colors.interactive.background.primary.highlighted',\n      unchecked: 'colors.interactive.background.gray.highlighted',\n    },\n  },\n} as const;\n\nexport { switchColors, switchSizes, switchHoverTokens, switchMotion };\n"],"names":["switchSizes","track","desktop","small","width","size","height","medium","mobile","thumb","switchColors","background","checked","unchecked","disabled","thumbIcon","fill","switchMotion","easing","duration","switchHoverTokens"],"mappings":";;;AAEA,IAAMA,WAAW,GAAG;AAClBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;KACD;AACDE,IAAAA,MAAM,EAAE;AACNL,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;AACF,KAAA;GACD;AACDG,EAAAA,KAAK,EAAE;AACLP,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;KACD;AACDE,IAAAA,MAAM,EAAE;AACNL,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;AACF,KAAA;AACF,GAAA;AACF,EAAU;AAEV,IAAMI,YAAY,GAAG;AACnBT,EAAAA,KAAK,EAAE;IACL,SAAS,EAAA;AACPU,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAE,+CAA+C;AACxDC,QAAAA,SAAS,EAAE,4CAAA;AACb,OAAA;KACD;AACDC,IAAAA,QAAQ,EAAE;AACRH,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAE,6CAA6C;AACtDC,QAAAA,SAAS,EAAE,6CAAA;AACb,OAAA;AACF,KAAA;GACD;AACDJ,EAAAA,KAAK,EAAE;IACL,SAAS,EAAA;AACPE,MAAAA,UAAU,EAAE,mDAAA;KACb;AACDG,IAAAA,QAAQ,EAAE;AACRH,MAAAA,UAAU,EAAE,oDAAA;AACd,KAAA;GACD;AACDI,EAAAA,SAAS,EAAE;IACT,SAAS,EAAA;AACPC,MAAAA,IAAI,EAAE,4CAAA;KACP;AACDF,IAAAA,QAAQ,EAAE;AACRE,MAAAA,IAAI,EAAE,8CAAA;AACR,KAAA;AACF,GAAA;AACF,EAAU;AAEV,IAAMC,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAE;AACNT,IAAAA,KAAK,EAAE,kCAAkC;AACzCM,IAAAA,SAAS,EAAE,kCAAkC;AAC7Cd,IAAAA,KAAK,EAAE,kCAAA;GACR;AACDkB,EAAAA,QAAQ,EAAE;AACRV,IAAAA,KAAK,EAAE,wBAAwB;AAC/BM,IAAAA,SAAS,EAAE,wBAAwB;AACnCd,IAAAA,KAAK,EAAE,wBAAA;AACT,GAAA;AACF,EAAU;AAEV,IAAMmB,iBAAiB,GAAG;EACxB,SAAS,EAAA;AACPT,IAAAA,UAAU,EAAE;AACVC,MAAAA,OAAO,EAAE,mDAAmD;AAC5DC,MAAAA,SAAS,EAAE,gDAAA;AACb,KAAA;AACF,GAAA;AACF;;;;"}
+{"version":3,"file":"switchTokens.js","sources":["../../../../../../src/components/Switch/switchTokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst switchSizes = {\n  track: {\n    desktop: {\n      small: {\n        width: size[28],\n        height: 'spacing.5',\n      },\n      medium: {\n        width: size[36],\n        height: 'spacing.6',\n      },\n    },\n    mobile: {\n      small: {\n        width: size[36],\n        height: 'spacing.6',\n      },\n      medium: {\n        width: size[44],\n        height: 'spacing.7',\n      },\n    },\n  },\n  thumb: {\n    desktop: {\n      small: {\n        width: 'spacing.4',\n        height: 'spacing.4',\n      },\n      medium: {\n        width: 'spacing.5',\n        height: 'spacing.5',\n      },\n    },\n    mobile: {\n      small: {\n        width: 'spacing.5',\n        height: 'spacing.5',\n      },\n      medium: {\n        width: 'spacing.6',\n        height: 'spacing.6',\n      },\n    },\n  },\n} as const;\n\nconst switchColors = {\n  track: {\n    default: {\n      background: {\n        checked: 'colors.interactive.background.primary.default',\n        unchecked: 'colors.interactive.background.gray.default',\n      },\n    },\n    disabled: {\n      background: {\n        checked: 'colors.interactive.background.primary.faded',\n        unchecked: 'colors.interactive.background.gray.disabled',\n      },\n    },\n  },\n  thumb: {\n    default: {\n      background: 'colors.interactive.background.staticWhite.default',\n    },\n    disabled: {\n      background: 'colors.interactive.background.staticWhite.disabled',\n    },\n  },\n  thumbIcon: {\n    default: {\n      fill: 'colors.interactive.icon.staticBlack.normal',\n    },\n    disabled: {\n      fill: 'colors.interactive.icon.staticBlack.disabled',\n    },\n  },\n} as const;\n\nconst switchMotion = {\n  easing: {\n    thumb: 'motion.easing.standard',\n    thumbIcon: 'motion.easing.standard',\n    track: 'motion.easing.standard',\n  },\n  duration: {\n    thumb: 'motion.duration.quick',\n    thumbIcon: 'motion.duration.quick',\n    track: 'motion.duration.quick',\n  },\n} as const;\n\nconst switchHoverTokens = {\n  default: {\n    background: {\n      checked: 'colors.interactive.background.primary.highlighted',\n      unchecked: 'colors.interactive.background.gray.highlighted',\n    },\n  },\n} as const;\n\nexport { switchColors, switchSizes, switchHoverTokens, switchMotion };\n"],"names":["switchSizes","track","desktop","small","width","size","height","medium","mobile","thumb","switchColors","background","checked","unchecked","disabled","thumbIcon","fill","switchMotion","easing","duration","switchHoverTokens"],"mappings":";;;AAEA,IAAMA,WAAW,GAAG;AAClBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;KACD;AACDE,IAAAA,MAAM,EAAE;AACNL,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;AACF,KAAA;GACD;AACDG,EAAAA,KAAK,EAAE;AACLP,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;KACD;AACDE,IAAAA,MAAM,EAAE;AACNL,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;AACF,KAAA;AACF,GAAA;AACF,EAAU;AAEV,IAAMI,YAAY,GAAG;AACnBT,EAAAA,KAAK,EAAE;IACL,SAAS,EAAA;AACPU,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAE,+CAA+C;AACxDC,QAAAA,SAAS,EAAE,4CAAA;AACb,OAAA;KACD;AACDC,IAAAA,QAAQ,EAAE;AACRH,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAE,6CAA6C;AACtDC,QAAAA,SAAS,EAAE,6CAAA;AACb,OAAA;AACF,KAAA;GACD;AACDJ,EAAAA,KAAK,EAAE;IACL,SAAS,EAAA;AACPE,MAAAA,UAAU,EAAE,mDAAA;KACb;AACDG,IAAAA,QAAQ,EAAE;AACRH,MAAAA,UAAU,EAAE,oDAAA;AACd,KAAA;GACD;AACDI,EAAAA,SAAS,EAAE;IACT,SAAS,EAAA;AACPC,MAAAA,IAAI,EAAE,4CAAA;KACP;AACDF,IAAAA,QAAQ,EAAE;AACRE,MAAAA,IAAI,EAAE,8CAAA;AACR,KAAA;AACF,GAAA;AACF,EAAU;AAEV,IAAMC,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAE;AACNT,IAAAA,KAAK,EAAE,wBAAwB;AAC/BM,IAAAA,SAAS,EAAE,wBAAwB;AACnCd,IAAAA,KAAK,EAAE,wBAAA;GACR;AACDkB,EAAAA,QAAQ,EAAE;AACRV,IAAAA,KAAK,EAAE,uBAAuB;AAC9BM,IAAAA,SAAS,EAAE,uBAAuB;AAClCd,IAAAA,KAAK,EAAE,uBAAA;AACT,GAAA;AACF,EAAU;AAEV,IAAMmB,iBAAiB,GAAG;EACxB,SAAS,EAAA;AACPT,IAAAA,UAAU,EAAE;AACVC,MAAAA,OAAO,EAAE,mDAAmD;AAC5DC,MAAAA,SAAS,EAAE,gDAAA;AACb,KAAA;AACF,GAAA;AACF;;;;"}

package/build/lib/web/development/components/Table/Table.web.js

@@ -101,7 +101,7 @@ var RefreshWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
     theme = _ref2.theme;
   return {
     opacity: isRefreshSpinnerVisible ? 1 : 0,
-    transition: "opacity ".concat(makeMotionTime(theme.motion.duration.quick), " ").concat(isRefreshSpinnerEntering ? theme.motion.easing.entrance.effective : isRefreshSpinnerExiting ? theme.motion.easing.exit.effective : '')
+    transition: "opacity ".concat(makeMotionTime(theme.motion.duration.quick), " ").concat(isRefreshSpinnerEntering ? theme.motion.easing.entrance : isRefreshSpinnerExiting ? theme.motion.easing.exit : '')
   };
 });
 var _Table = function _Table(_ref3) {
@@ -338,7 +338,9 @@ var _Table = function _Table(_ref3) {
         size: "large",
         testID: "table-spinner"
       })
-    })) : /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread({
+    })) : /*#__PURE__*/jsxs(BaseBox
+    // ref={ref as never}
+    , _objectSpread(_objectSpread(_objectSpread({
       flex: 1,
       position: "relative"
     }, getStyledProps(rest)), metaAttribute({

package/build/lib/web/development/components/Table/Table.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.web.js","sources":["../../../../../../src/components/Table/Table.web.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from 'react';\nimport { Table as ReactTable } from '@table-library/react-table-library/table';\nimport { useTheme as useTableTheme } from '@table-library/react-table-library/theme';\nimport type { MiddlewareFunction } from '@table-library/react-table-library/types/common';\nimport { useSort } from '@table-library/react-table-library/sort';\nimport { usePagination } from '@table-library/react-table-library/pagination';\nimport {\n  SelectClickTypes,\n  SelectTypes,\n  useRowSelect,\n} from '@table-library/react-table-library/select';\nimport styled from 'styled-components';\nimport usePresence from 'use-presence';\nimport type { TableContextType } from './TableContext';\nimport { TableContext } from './TableContext';\nimport { ComponentIds } from './componentIds';\nimport {\n  checkboxCellWidth,\n  firstColumnStickyZIndex,\n  refreshWrapperZIndex,\n  tableBackgroundColor,\n  tablePagination,\n} from './tokens';\nimport type {\n  TableProps,\n  TableNode,\n  Identifier,\n  TablePaginationType,\n  TableHeaderRowProps,\n} from './types';\nimport { makeBorderSize, makeMotionTime } from '~utils';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport type { BoxProps } from '~components/Box';\nimport { getBaseBoxStyles } from '~components/Box/BaseBox/baseBoxStyles';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Spinner } from '~components/Spinner';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useTheme } from '~components/BladeProvider';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst rowSelectType: Record<\n  NonNullable<TableProps<unknown>['selectionType']>,\n  SelectTypes | undefined\n> = {\n  single: SelectTypes.SingleSelect,\n  multiple: SelectTypes.MultiSelect,\n  none: undefined,\n};\n\n// Get the number of TableHeaderCell components.\n// This is very complicated but the only way to iterate through the structure and get number of header cells.\n// Assuming number of header cells is the same as number of columns\nconst getTableHeaderCellCount = (children: (data: []) => React.ReactElement): number => {\n  const tableRootComponent = children([]);\n  if (tableRootComponent && React.isValidElement(tableRootComponent)) {\n    const tableComponentArray = React.Children.toArray(tableRootComponent);\n    if (React.isValidElement(tableComponentArray[0])) {\n      const tableComponentArrayChildren = React.Children.toArray(\n        tableComponentArray[0].props.children,\n      );\n      const tableHeader = tableComponentArrayChildren.find(\n        (child) => getComponentId(child) === ComponentIds.TableHeader,\n      );\n      const tableHeaderChildrenArray = React.isValidElement(tableHeader)\n        ? React.Children.toArray(tableHeader.props.children)\n        : null;\n      const tableHeaderRow = tableHeaderChildrenArray?.find(\n        (child) => getComponentId(child) === ComponentIds.TableHeaderRow,\n      );\n      const tableHeaderRowChildrenArray = React.isValidElement(tableHeaderRow)\n        ? React.Children.toArray(tableHeaderRow.props.children)\n        : null;\n      const tableHeaderCells = tableHeaderRowChildrenArray\n        ? tableHeaderRowChildrenArray.filter(\n            (child) => getComponentId(child) === ComponentIds.TableHeaderCell,\n          )\n        : null;\n      return tableHeaderCells?.length ?? 0;\n    }\n  }\n  return 0;\n};\n\nconst StyledReactTable = styled(ReactTable)<{ $styledProps?: { height?: BoxProps['height'] } }>(\n  ({ $styledProps }) => {\n    const { theme } = useTheme();\n    const styledPropsCSSObject = getBaseBoxStyles({\n      theme,\n      height: $styledProps?.height,\n    });\n\n    return {\n      '&&&': {\n        ...styledPropsCSSObject,\n      },\n    };\n  },\n);\n\nconst RefreshWrapper = styled(BaseBox)<{\n  isRefreshSpinnerVisible: boolean;\n  isRefreshSpinnerEntering: boolean;\n  isRefreshSpinnerExiting: boolean;\n}>(({ isRefreshSpinnerVisible, isRefreshSpinnerEntering, isRefreshSpinnerExiting, theme }) => {\n  return {\n    opacity: isRefreshSpinnerVisible ? 1 : 0,\n    transition: `opacity ${makeMotionTime(theme.motion.duration.quick)} ${\n      isRefreshSpinnerEntering\n        ? theme.motion.easing.entrance.effective\n        : isRefreshSpinnerExiting\n        ? theme.motion.easing.exit.effective\n        : ''\n    }`,\n  };\n});\n\nconst _Table = <Item,>({\n  children,\n  data,\n  multiSelectTrigger = 'row',\n  selectionType = 'none',\n  onSelectionChange,\n  isHeaderSticky,\n  isFooterSticky,\n  isFirstColumnSticky,\n  rowDensity = 'normal',\n  onSortChange,\n  sortFunctions,\n  toolbar,\n  pagination,\n  height,\n  showStripedRows,\n  gridTemplateColumns,\n  isLoading = false,\n  isRefreshing = false,\n  showBorderedCells = false,\n  defaultSelectedIds = [],\n  ...rest\n}: TableProps<Item>): React.ReactElement => {\n  const { theme } = useTheme();\n  const [selectedRows, setSelectedRows] = React.useState<TableNode<unknown>['id'][]>(\n    selectionType !== 'none' ? defaultSelectedIds : [],\n  );\n  const [disabledRows, setDisabledRows] = React.useState<TableNode<unknown>['id'][]>([]);\n  const [totalItems, setTotalItems] = React.useState(data.nodes.length || 0);\n  const [paginationType, setPaginationType] = React.useState<NonNullable<TablePaginationType>>(\n    'client',\n  );\n  const [headerRowDensity, setHeaderRowDensity] = React.useState<TableHeaderRowProps['rowDensity']>(\n    undefined,\n  );\n  const [hasHoverActions, setHasHoverActions] = React.useState(false);\n  // Need to make header is sticky if first column is sticky otherwise the first header cell will not be sticky\n  const shouldHeaderBeSticky = isHeaderSticky ?? isFirstColumnSticky;\n  const backgroundColor = tableBackgroundColor;\n\n  const isMobile = useIsMobile();\n  const lastHoverActionsColWidth = isMobile ? '1fr' : '0px';\n\n  const {\n    isEntering: isRefreshSpinnerEntering,\n    isMounted: isRefreshSpinnerMounted,\n    isExiting: isRefreshSpinnerExiting,\n    isVisible: isRefreshSpinnerVisible,\n  } = usePresence(isRefreshing, {\n    transitionDuration: theme.motion.duration.quick,\n  });\n\n  // Table Theme\n  const columnCount = getTableHeaderCellCount(children);\n  const firstColumnStickyHeaderCellCSS = isFirstColumnSticky\n    ? `\n  &:nth-of-type(1) {\n    left: 0 !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  ${\n    selectionType === 'multiple' &&\n    `&:nth-of-type(2) {\n    left: ${checkboxCellWidth}px !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  `\n  }`\n    : '';\n  const firstColumnStickyFooterCellCSS = isFirstColumnSticky\n    ? `\n  &:nth-of-type(1) {\n    left: 0 !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  ${\n    selectionType === 'multiple' &&\n    `&:nth-of-type(2) {\n    left: ${checkboxCellWidth}px !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  `\n  }`\n    : '';\n  const firstColumnStickyBodyCellCSS = isFirstColumnSticky\n    ? `\n  &:nth-of-type(1) {\n    left: 0 !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  ${\n    selectionType === 'multiple' &&\n    `&:nth-of-type(2) {\n    left: ${checkboxCellWidth}px !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  `\n  }`\n    : '';\n\n  const tableTheme = useTableTheme({\n    Table: `\n    height:${isFooterSticky ? `100%` : undefined};\n    border: ${makeBorderSize(theme.border.width.thin)} solid ${\n      theme.colors.surface.border.gray.muted\n    };\n    --data-table-library_grid-template-columns: ${\n      gridTemplateColumns\n        ? `${gridTemplateColumns} ${hasHoverActions ? lastHoverActionsColWidth : ''}`\n        : ` ${\n            selectionType === 'multiple' ? 'min-content' : ''\n          } repeat(${columnCount},minmax(100px, 1fr)) ${\n            hasHoverActions ? lastHoverActionsColWidth : ''\n          } !important;`\n    } !important;\n    background-color: ${getIn(theme.colors, backgroundColor)};\n    `,\n    HeaderCell: `\n    position: ${shouldHeaderBeSticky ? 'sticky' : 'relative'};\n    \n    top: ${shouldHeaderBeSticky ? '0' : undefined};\n    ${firstColumnStickyHeaderCellCSS}\n    `,\n    Cell: `\n    ${firstColumnStickyBodyCellCSS}\n    `,\n    FooterCell: `\n    position: ${isFooterSticky ? 'sticky' : 'relative'};\n    bottom: ${isFooterSticky ? '0' : undefined};\n    ${firstColumnStickyFooterCellCSS}\n    `,\n  });\n\n  useEffect(() => {\n    // Get the total number of items\n    setTotalItems(data.nodes.length);\n  }, [data.nodes]);\n\n  // Selection Logic\n  const onSelectChange: MiddlewareFunction = (action, state): void => {\n    const selectedIds: Identifier[] = state.id ? [state.id] : state.ids ?? [];\n    setSelectedRows(selectedIds);\n    onSelectionChange?.({\n      selectedIds,\n      values: data.nodes.filter((node) => selectedIds.includes(node.id)),\n    });\n  };\n\n  const rowSelectConfig = useRowSelect(\n    data,\n    {\n      onChange: onSelectChange,\n      state: {\n        ...(selectionType === 'multiple'\n          ? { ids: selectedRows }\n          : selectionType === 'single'\n          ? { id: selectedRows[0] }\n          : {}),\n      },\n    },\n    {\n      clickType:\n        multiSelectTrigger === 'row' ? SelectClickTypes.RowClick : SelectClickTypes.ButtonClick,\n      rowSelect: selectionType !== 'none' ? rowSelectType[selectionType] : undefined,\n    },\n  );\n\n  const toggleRowSelectionById = useMemo(\n    () => (id: Identifier): void => {\n      rowSelectConfig.fns.onToggleById(id);\n    },\n    [rowSelectConfig.fns],\n  );\n\n  const deselectAllRows = useMemo(\n    () => (): void => {\n      rowSelectConfig.fns.onRemoveAll();\n    },\n    [rowSelectConfig.fns],\n  );\n\n  const toggleAllRowsSelection = useMemo(\n    () => (): void => {\n      if (selectedRows.length > 0) {\n        rowSelectConfig.fns.onRemoveAll();\n      } else {\n        const ids = data.nodes\n          .map((item: TableNode<Item>) => (disabledRows.includes(item.id) ? null : item.id))\n          .filter(Boolean) as Identifier[];\n\n        rowSelectConfig.fns.onAddAll(ids);\n      }\n    },\n    [rowSelectConfig.fns, data.nodes, selectedRows, disabledRows],\n  );\n\n  // Sort Logic\n  const handleSortChange: MiddlewareFunction = (action, state) => {\n    onSortChange?.({\n      sortKey: state.sortKey,\n      isSortReversed: state.reverse,\n    });\n  };\n\n  const sort = useSort(\n    data,\n    {\n      onChange: handleSortChange,\n    },\n    {\n      // @ts-expect-error ignore this, if sortFunctions is undefined, it will be ignored\n      sortFns: sortFunctions,\n    },\n  );\n\n  const currentSortedState: TableContextType['currentSortedState'] = useMemo(() => {\n    return {\n      sortKey: sort.state.sortKey,\n      isSortReversed: sort.state.reverse,\n      sortableColumns: Object.keys(sortFunctions ?? {}),\n    };\n  }, [sort.state, sortFunctions]);\n\n  const toggleSort = useCallback(\n    (sortKey: string): void => {\n      sort.fns.onToggleSort({\n        sortKey,\n      });\n    },\n    [sort.fns],\n  );\n\n  // Pagination\n\n  const hasPagination = Boolean(pagination);\n\n  const paginationConfig = usePagination(\n    data,\n    {\n      state: {\n        page: 0,\n        size: tablePagination.defaultPageSize,\n      },\n    },\n    {\n      isServer: paginationType === 'server',\n    },\n  );\n\n  const currentPaginationState = useMemo(() => {\n    return hasPagination\n      ? {\n          page: paginationConfig.state.page,\n          size: paginationConfig.state.size,\n        }\n      : undefined;\n  }, [paginationConfig.state, hasPagination]);\n\n  const setPaginationPage = useCallback(\n    (page: number): void => {\n      paginationConfig.fns.onSetPage(page);\n    },\n    [paginationConfig.fns],\n  );\n\n  const setPaginationRowSize = useCallback(\n    (size: number): void => {\n      paginationConfig.fns.onSetSize(size);\n    },\n    [paginationConfig.fns],\n  );\n\n  // Toolbar Component\n  if (__DEV__) {\n    if (toolbar && !isValidAllowedChildren(toolbar, ComponentIds.TableToolbar)) {\n      throwBladeError({\n        message: 'Only TableToolbar component is allowed in the `toolbar` prop',\n        moduleName: 'Table',\n      });\n    }\n  }\n\n  // Table Context\n  const tableContext: TableContextType = useMemo(\n    () => ({\n      selectionType,\n      selectedRows,\n      totalItems,\n      toggleRowSelectionById,\n      toggleAllRowsSelection,\n      deselectAllRows,\n      rowDensity,\n      toggleSort,\n      currentSortedState,\n      setPaginationPage,\n      setPaginationRowSize,\n      currentPaginationState,\n      showStripedRows,\n      disabledRows,\n      setDisabledRows,\n      paginationType,\n      setPaginationType,\n      backgroundColor,\n      headerRowDensity,\n      setHeaderRowDensity,\n      showBorderedCells,\n      hasHoverActions,\n      setHasHoverActions,\n    }),\n    [\n      selectionType,\n      selectedRows,\n      totalItems,\n      toggleRowSelectionById,\n      toggleAllRowsSelection,\n      deselectAllRows,\n      rowDensity,\n      toggleSort,\n      currentSortedState,\n      setPaginationPage,\n      setPaginationRowSize,\n      currentPaginationState,\n      showStripedRows,\n      disabledRows,\n      setDisabledRows,\n      paginationType,\n      setPaginationType,\n      backgroundColor,\n      headerRowDensity,\n      setHeaderRowDensity,\n      showBorderedCells,\n      hasHoverActions,\n      setHasHoverActions,\n    ],\n  );\n\n  return (\n    <TableContext.Provider value={tableContext}>\n      {isLoading ? (\n        <BaseBox\n          display=\"flex\"\n          flex={1}\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          height={height}\n          {...getStyledProps(rest)}\n          {...metaAttribute({ name: MetaConstants.Table })}\n          {...makeAnalyticsAttribute(rest)}\n        >\n          <Spinner accessibilityLabel=\"Loading Table\" size=\"large\" testID=\"table-spinner\" />\n        </BaseBox>\n      ) : (\n        <BaseBox\n          flex={1}\n          position=\"relative\"\n          {...getStyledProps(rest)}\n          {...metaAttribute({ name: MetaConstants.Table })}\n        >\n          {isRefreshSpinnerMounted && (\n            <RefreshWrapper\n              position=\"absolute\"\n              width=\"100%\"\n              height=\"100%\"\n              zIndex={refreshWrapperZIndex}\n              backgroundColor=\"overlay.background.subtle\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n              display=\"flex\"\n              isRefreshSpinnerEntering={isRefreshSpinnerEntering}\n              isRefreshSpinnerExiting={isRefreshSpinnerExiting}\n              isRefreshSpinnerVisible={isRefreshSpinnerVisible}\n            >\n              <Spinner color=\"white\" accessibilityLabel=\"Refreshing Table\" size=\"large\" />\n            </RefreshWrapper>\n          )}\n          {toolbar}\n          <StyledReactTable\n            role=\"table\"\n            layout={{ fixedHeader: shouldHeaderBeSticky, horizontalScroll: true }}\n            data={data}\n            // @ts-expect-error ignore this, theme clashes with styled-component's theme. We're using useTheme from blade to get actual theme\n            theme={tableTheme}\n            select={selectionType !== 'none' ? rowSelectConfig : null}\n            sort={sortFunctions ? sort : null}\n            $styledProps={{\n              height,\n            }}\n            pagination={hasPagination ? paginationConfig : null}\n            {...makeAccessible({ multiSelectable: selectionType === 'multiple' })}\n            {...metaAttribute({ name: MetaConstants.Table })}\n            {...makeAnalyticsAttribute(rest)}\n          >\n            {children}\n          </StyledReactTable>\n          {pagination}\n        </BaseBox>\n      )}\n    </TableContext.Provider>\n  );\n};\n\nconst Table = assignWithoutSideEffects(_Table, {\n  componentId: ComponentIds.Table,\n});\n\nexport { Table };\n"],"names":["rowSelectType","single","SelectTypes","SingleSelect","multiple","MultiSelect","none","undefined","getTableHeaderCellCount","children","tableRootComponent","React","isValidElement","tableComponentArray","Children","toArray","_tableHeaderCells$len","tableComponentArrayChildren","props","tableHeader","find","child","getComponentId","ComponentIds","TableHeader","tableHeaderChildrenArray","tableHeaderRow","TableHeaderRow","tableHeaderRowChildrenArray","tableHeaderCells","filter","TableHeaderCell","length","StyledReactTable","styled","ReactTable","withConfig","displayName","componentId","_ref","$styledProps","_useTheme","useTheme","theme","styledPropsCSSObject","getBaseBoxStyles","height","_objectSpread","RefreshWrapper","BaseBox","_ref2","isRefreshSpinnerVisible","isRefreshSpinnerEntering","isRefreshSpinnerExiting","opacity","transition","concat","makeMotionTime","motion","duration","quick","easing","entrance","effective","exit","_Table","_ref3","data","_ref3$multiSelectTrig","multiSelectTrigger","_ref3$selectionType","selectionType","onSelectionChange","isHeaderSticky","isFooterSticky","isFirstColumnSticky","_ref3$rowDensity","rowDensity","onSortChange","sortFunctions","toolbar","pagination","showStripedRows","gridTemplateColumns","_ref3$isLoading","isLoading","_ref3$isRefreshing","isRefreshing","_ref3$showBorderedCel","showBorderedCells","_ref3$defaultSelected","defaultSelectedIds","rest","_objectWithoutProperties","_excluded","_useTheme2","_React$useState","useState","_React$useState2","_slicedToArray","selectedRows","setSelectedRows","_React$useState3","_React$useState4","disabledRows","setDisabledRows","_React$useState5","nodes","_React$useState6","totalItems","setTotalItems","_React$useState7","_React$useState8","paginationType","setPaginationType","_React$useState9","_React$useState10","headerRowDensity","setHeaderRowDensity","_React$useState11","_React$useState12","hasHoverActions","setHasHoverActions","shouldHeaderBeSticky","backgroundColor","tableBackgroundColor","isMobile","useIsMobile","lastHoverActionsColWidth","_usePresence","usePresence","transitionDuration","isEntering","isRefreshSpinnerMounted","isMounted","isExiting","isVisible","columnCount","firstColumnStickyHeaderCellCSS","firstColumnStickyZIndex","checkboxCellWidth","firstColumnStickyFooterCellCSS","firstColumnStickyBodyCellCSS","tableTheme","useTableTheme","Table","makeBorderSize","border","width","thin","colors","surface","gray","muted","getIn","HeaderCell","Cell","FooterCell","useEffect","onSelectChange","action","state","_state$ids","selectedIds","id","ids","values","node","includes","rowSelectConfig","useRowSelect","onChange","clickType","SelectClickTypes","RowClick","ButtonClick","rowSelect","toggleRowSelectionById","useMemo","fns","onToggleById","deselectAllRows","onRemoveAll","toggleAllRowsSelection","map","item","Boolean","onAddAll","handleSortChange","sortKey","isSortReversed","reverse","sort","useSort","sortFns","currentSortedState","sortableColumns","Object","keys","toggleSort","useCallback","onToggleSort","hasPagination","paginationConfig","usePagination","page","size","tablePagination","defaultPageSize","isServer","currentPaginationState","setPaginationPage","onSetPage","setPaginationRowSize","onSetSize","isValidAllowedChildren","TableToolbar","throwBladeError","message","moduleName","tableContext","_jsx","TableContext","Provider","value","display","flex","alignItems","justifyContent","getStyledProps","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","Spinner","accessibilityLabel","testID","_jsxs","position","zIndex","refreshWrapperZIndex","color","role","layout","fixedHeader","horizontalScroll","select","makeAccessible","multiSelectable","assignWithoutSideEffects"],"mappings":"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"}
+{"version":3,"file":"Table.web.js","sources":["../../../../../../src/components/Table/Table.web.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from 'react';\nimport { Table as ReactTable } from '@table-library/react-table-library/table';\nimport { useTheme as useTableTheme } from '@table-library/react-table-library/theme';\nimport type { MiddlewareFunction } from '@table-library/react-table-library/types/common';\nimport { useSort } from '@table-library/react-table-library/sort';\nimport { usePagination } from '@table-library/react-table-library/pagination';\nimport {\n  SelectClickTypes,\n  SelectTypes,\n  useRowSelect,\n} from '@table-library/react-table-library/select';\nimport styled from 'styled-components';\nimport usePresence from 'use-presence';\nimport type { TableContextType } from './TableContext';\nimport { TableContext } from './TableContext';\nimport { ComponentIds } from './componentIds';\nimport {\n  checkboxCellWidth,\n  firstColumnStickyZIndex,\n  refreshWrapperZIndex,\n  tableBackgroundColor,\n  tablePagination,\n} from './tokens';\nimport type {\n  TableProps,\n  TableNode,\n  Identifier,\n  TablePaginationType,\n  TableHeaderRowProps,\n} from './types';\nimport { makeBorderSize, makeMotionTime } from '~utils';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport type { BoxProps } from '~components/Box';\nimport { getBaseBoxStyles } from '~components/Box/BaseBox/baseBoxStyles';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Spinner } from '~components/Spinner';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useTheme } from '~components/BladeProvider';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst rowSelectType: Record<\n  NonNullable<TableProps<unknown>['selectionType']>,\n  SelectTypes | undefined\n> = {\n  single: SelectTypes.SingleSelect,\n  multiple: SelectTypes.MultiSelect,\n  none: undefined,\n};\n\n// Get the number of TableHeaderCell components.\n// This is very complicated but the only way to iterate through the structure and get number of header cells.\n// Assuming number of header cells is the same as number of columns\nconst getTableHeaderCellCount = (children: (data: []) => React.ReactElement): number => {\n  const tableRootComponent = children([]);\n  if (tableRootComponent && React.isValidElement(tableRootComponent)) {\n    const tableComponentArray = React.Children.toArray(tableRootComponent);\n    if (React.isValidElement(tableComponentArray[0])) {\n      const tableComponentArrayChildren = React.Children.toArray(\n        tableComponentArray[0].props.children,\n      );\n      const tableHeader = tableComponentArrayChildren.find(\n        (child) => getComponentId(child) === ComponentIds.TableHeader,\n      );\n      const tableHeaderChildrenArray = React.isValidElement(tableHeader)\n        ? React.Children.toArray(tableHeader.props.children)\n        : null;\n      const tableHeaderRow = tableHeaderChildrenArray?.find(\n        (child) => getComponentId(child) === ComponentIds.TableHeaderRow,\n      );\n      const tableHeaderRowChildrenArray = React.isValidElement(tableHeaderRow)\n        ? React.Children.toArray(tableHeaderRow.props.children)\n        : null;\n      const tableHeaderCells = tableHeaderRowChildrenArray\n        ? tableHeaderRowChildrenArray.filter(\n            (child) => getComponentId(child) === ComponentIds.TableHeaderCell,\n          )\n        : null;\n      return tableHeaderCells?.length ?? 0;\n    }\n  }\n  return 0;\n};\n\nconst StyledReactTable = styled(ReactTable)<{ $styledProps?: { height?: BoxProps['height'] } }>(\n  ({ $styledProps }) => {\n    const { theme } = useTheme();\n    const styledPropsCSSObject = getBaseBoxStyles({\n      theme,\n      height: $styledProps?.height,\n    });\n\n    return {\n      '&&&': {\n        ...styledPropsCSSObject,\n      },\n    };\n  },\n);\n\nconst RefreshWrapper = styled(BaseBox)<{\n  isRefreshSpinnerVisible: boolean;\n  isRefreshSpinnerEntering: boolean;\n  isRefreshSpinnerExiting: boolean;\n}>(({ isRefreshSpinnerVisible, isRefreshSpinnerEntering, isRefreshSpinnerExiting, theme }) => {\n  return {\n    opacity: isRefreshSpinnerVisible ? 1 : 0,\n    transition: `opacity ${makeMotionTime(theme.motion.duration.quick)} ${\n      isRefreshSpinnerEntering\n        ? theme.motion.easing.entrance\n        : isRefreshSpinnerExiting\n        ? theme.motion.easing.exit\n        : ''\n    }`,\n  };\n});\n\nconst _Table = <Item,>({\n  children,\n  data,\n  multiSelectTrigger = 'row',\n  selectionType = 'none',\n  onSelectionChange,\n  isHeaderSticky,\n  isFooterSticky,\n  isFirstColumnSticky,\n  rowDensity = 'normal',\n  onSortChange,\n  sortFunctions,\n  toolbar,\n  pagination,\n  height,\n  showStripedRows,\n  gridTemplateColumns,\n  isLoading = false,\n  isRefreshing = false,\n  showBorderedCells = false,\n  defaultSelectedIds = [],\n  ...rest\n}: TableProps<Item>): React.ReactElement => {\n  const { theme } = useTheme();\n  const [selectedRows, setSelectedRows] = React.useState<TableNode<unknown>['id'][]>(\n    selectionType !== 'none' ? defaultSelectedIds : [],\n  );\n  const [disabledRows, setDisabledRows] = React.useState<TableNode<unknown>['id'][]>([]);\n  const [totalItems, setTotalItems] = React.useState(data.nodes.length || 0);\n  const [paginationType, setPaginationType] = React.useState<NonNullable<TablePaginationType>>(\n    'client',\n  );\n  const [headerRowDensity, setHeaderRowDensity] = React.useState<TableHeaderRowProps['rowDensity']>(\n    undefined,\n  );\n  const [hasHoverActions, setHasHoverActions] = React.useState(false);\n  // Need to make header is sticky if first column is sticky otherwise the first header cell will not be sticky\n  const shouldHeaderBeSticky = isHeaderSticky ?? isFirstColumnSticky;\n  const backgroundColor = tableBackgroundColor;\n\n  const isMobile = useIsMobile();\n  const lastHoverActionsColWidth = isMobile ? '1fr' : '0px';\n\n  const {\n    isEntering: isRefreshSpinnerEntering,\n    isMounted: isRefreshSpinnerMounted,\n    isExiting: isRefreshSpinnerExiting,\n    isVisible: isRefreshSpinnerVisible,\n  } = usePresence(isRefreshing, {\n    transitionDuration: theme.motion.duration.quick,\n  });\n\n  // Table Theme\n  const columnCount = getTableHeaderCellCount(children);\n  const firstColumnStickyHeaderCellCSS = isFirstColumnSticky\n    ? `\n  &:nth-of-type(1) {\n    left: 0 !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  ${\n    selectionType === 'multiple' &&\n    `&:nth-of-type(2) {\n    left: ${checkboxCellWidth}px !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  `\n  }`\n    : '';\n  const firstColumnStickyFooterCellCSS = isFirstColumnSticky\n    ? `\n  &:nth-of-type(1) {\n    left: 0 !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  ${\n    selectionType === 'multiple' &&\n    `&:nth-of-type(2) {\n    left: ${checkboxCellWidth}px !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  `\n  }`\n    : '';\n  const firstColumnStickyBodyCellCSS = isFirstColumnSticky\n    ? `\n  &:nth-of-type(1) {\n    left: 0 !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  ${\n    selectionType === 'multiple' &&\n    `&:nth-of-type(2) {\n    left: ${checkboxCellWidth}px !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  `\n  }`\n    : '';\n\n  const tableTheme = useTableTheme({\n    Table: `\n    height:${isFooterSticky ? `100%` : undefined};\n    border: ${makeBorderSize(theme.border.width.thin)} solid ${\n      theme.colors.surface.border.gray.muted\n    };\n    --data-table-library_grid-template-columns: ${\n      gridTemplateColumns\n        ? `${gridTemplateColumns} ${hasHoverActions ? lastHoverActionsColWidth : ''}`\n        : ` ${\n            selectionType === 'multiple' ? 'min-content' : ''\n          } repeat(${columnCount},minmax(100px, 1fr)) ${\n            hasHoverActions ? lastHoverActionsColWidth : ''\n          } !important;`\n    } !important;\n    background-color: ${getIn(theme.colors, backgroundColor)};\n    `,\n    HeaderCell: `\n    position: ${shouldHeaderBeSticky ? 'sticky' : 'relative'};\n    \n    top: ${shouldHeaderBeSticky ? '0' : undefined};\n    ${firstColumnStickyHeaderCellCSS}\n    `,\n    Cell: `\n    ${firstColumnStickyBodyCellCSS}\n    `,\n    FooterCell: `\n    position: ${isFooterSticky ? 'sticky' : 'relative'};\n    bottom: ${isFooterSticky ? '0' : undefined};\n    ${firstColumnStickyFooterCellCSS}\n    `,\n  });\n\n  useEffect(() => {\n    // Get the total number of items\n    setTotalItems(data.nodes.length);\n  }, [data.nodes]);\n\n  // Selection Logic\n  const onSelectChange: MiddlewareFunction = (action, state): void => {\n    const selectedIds: Identifier[] = state.id ? [state.id] : state.ids ?? [];\n    setSelectedRows(selectedIds);\n    onSelectionChange?.({\n      selectedIds,\n      values: data.nodes.filter((node) => selectedIds.includes(node.id)),\n    });\n  };\n\n  const rowSelectConfig = useRowSelect(\n    data,\n    {\n      onChange: onSelectChange,\n      state: {\n        ...(selectionType === 'multiple'\n          ? { ids: selectedRows }\n          : selectionType === 'single'\n          ? { id: selectedRows[0] }\n          : {}),\n      },\n    },\n    {\n      clickType:\n        multiSelectTrigger === 'row' ? SelectClickTypes.RowClick : SelectClickTypes.ButtonClick,\n      rowSelect: selectionType !== 'none' ? rowSelectType[selectionType] : undefined,\n    },\n  );\n\n  const toggleRowSelectionById = useMemo(\n    () => (id: Identifier): void => {\n      rowSelectConfig.fns.onToggleById(id);\n    },\n    [rowSelectConfig.fns],\n  );\n\n  const deselectAllRows = useMemo(\n    () => (): void => {\n      rowSelectConfig.fns.onRemoveAll();\n    },\n    [rowSelectConfig.fns],\n  );\n\n  const toggleAllRowsSelection = useMemo(\n    () => (): void => {\n      if (selectedRows.length > 0) {\n        rowSelectConfig.fns.onRemoveAll();\n      } else {\n        const ids = data.nodes\n          .map((item: TableNode<Item>) => (disabledRows.includes(item.id) ? null : item.id))\n          .filter(Boolean) as Identifier[];\n\n        rowSelectConfig.fns.onAddAll(ids);\n      }\n    },\n    [rowSelectConfig.fns, data.nodes, selectedRows, disabledRows],\n  );\n\n  // Sort Logic\n  const handleSortChange: MiddlewareFunction = (action, state) => {\n    onSortChange?.({\n      sortKey: state.sortKey,\n      isSortReversed: state.reverse,\n    });\n  };\n\n  const sort = useSort(\n    data,\n    {\n      onChange: handleSortChange,\n    },\n    {\n      // @ts-expect-error ignore this, if sortFunctions is undefined, it will be ignored\n      sortFns: sortFunctions,\n    },\n  );\n\n  const currentSortedState: TableContextType['currentSortedState'] = useMemo(() => {\n    return {\n      sortKey: sort.state.sortKey,\n      isSortReversed: sort.state.reverse,\n      sortableColumns: Object.keys(sortFunctions ?? {}),\n    };\n  }, [sort.state, sortFunctions]);\n\n  const toggleSort = useCallback(\n    (sortKey: string): void => {\n      sort.fns.onToggleSort({\n        sortKey,\n      });\n    },\n    [sort.fns],\n  );\n\n  // Pagination\n\n  const hasPagination = Boolean(pagination);\n\n  const paginationConfig = usePagination(\n    data,\n    {\n      state: {\n        page: 0,\n        size: tablePagination.defaultPageSize,\n      },\n    },\n    {\n      isServer: paginationType === 'server',\n    },\n  );\n\n  const currentPaginationState = useMemo(() => {\n    return hasPagination\n      ? {\n          page: paginationConfig.state.page,\n          size: paginationConfig.state.size,\n        }\n      : undefined;\n  }, [paginationConfig.state, hasPagination]);\n\n  const setPaginationPage = useCallback(\n    (page: number): void => {\n      paginationConfig.fns.onSetPage(page);\n    },\n    [paginationConfig.fns],\n  );\n\n  const setPaginationRowSize = useCallback(\n    (size: number): void => {\n      paginationConfig.fns.onSetSize(size);\n    },\n    [paginationConfig.fns],\n  );\n\n  // Toolbar Component\n  if (__DEV__) {\n    if (toolbar && !isValidAllowedChildren(toolbar, ComponentIds.TableToolbar)) {\n      throwBladeError({\n        message: 'Only TableToolbar component is allowed in the `toolbar` prop',\n        moduleName: 'Table',\n      });\n    }\n  }\n\n  // Table Context\n  const tableContext: TableContextType = useMemo(\n    () => ({\n      selectionType,\n      selectedRows,\n      totalItems,\n      toggleRowSelectionById,\n      toggleAllRowsSelection,\n      deselectAllRows,\n      rowDensity,\n      toggleSort,\n      currentSortedState,\n      setPaginationPage,\n      setPaginationRowSize,\n      currentPaginationState,\n      showStripedRows,\n      disabledRows,\n      setDisabledRows,\n      paginationType,\n      setPaginationType,\n      backgroundColor,\n      headerRowDensity,\n      setHeaderRowDensity,\n      showBorderedCells,\n      hasHoverActions,\n      setHasHoverActions,\n    }),\n    [\n      selectionType,\n      selectedRows,\n      totalItems,\n      toggleRowSelectionById,\n      toggleAllRowsSelection,\n      deselectAllRows,\n      rowDensity,\n      toggleSort,\n      currentSortedState,\n      setPaginationPage,\n      setPaginationRowSize,\n      currentPaginationState,\n      showStripedRows,\n      disabledRows,\n      setDisabledRows,\n      paginationType,\n      setPaginationType,\n      backgroundColor,\n      headerRowDensity,\n      setHeaderRowDensity,\n      showBorderedCells,\n      hasHoverActions,\n      setHasHoverActions,\n    ],\n  );\n\n  return (\n    <TableContext.Provider value={tableContext}>\n      {isLoading ? (\n        <BaseBox\n          display=\"flex\"\n          flex={1}\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          height={height}\n          {...getStyledProps(rest)}\n          {...metaAttribute({ name: MetaConstants.Table })}\n          {...makeAnalyticsAttribute(rest)}\n        >\n          <Spinner accessibilityLabel=\"Loading Table\" size=\"large\" testID=\"table-spinner\" />\n        </BaseBox>\n      ) : (\n        <BaseBox\n          // ref={ref as never}\n          flex={1}\n          position=\"relative\"\n          {...getStyledProps(rest)}\n          {...metaAttribute({ name: MetaConstants.Table })}\n        >\n          {isRefreshSpinnerMounted && (\n            <RefreshWrapper\n              position=\"absolute\"\n              width=\"100%\"\n              height=\"100%\"\n              zIndex={refreshWrapperZIndex}\n              backgroundColor=\"overlay.background.subtle\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n              display=\"flex\"\n              isRefreshSpinnerEntering={isRefreshSpinnerEntering}\n              isRefreshSpinnerExiting={isRefreshSpinnerExiting}\n              isRefreshSpinnerVisible={isRefreshSpinnerVisible}\n            >\n              <Spinner color=\"white\" accessibilityLabel=\"Refreshing Table\" size=\"large\" />\n            </RefreshWrapper>\n          )}\n          {toolbar}\n          <StyledReactTable\n            role=\"table\"\n            layout={{ fixedHeader: shouldHeaderBeSticky, horizontalScroll: true }}\n            data={data}\n            // @ts-expect-error ignore this, theme clashes with styled-component's theme. We're using useTheme from blade to get actual theme\n            theme={tableTheme}\n            select={selectionType !== 'none' ? rowSelectConfig : null}\n            sort={sortFunctions ? sort : null}\n            $styledProps={{\n              height,\n            }}\n            pagination={hasPagination ? paginationConfig : null}\n            {...makeAccessible({ multiSelectable: selectionType === 'multiple' })}\n            {...metaAttribute({ name: MetaConstants.Table })}\n            {...makeAnalyticsAttribute(rest)}\n          >\n            {children}\n          </StyledReactTable>\n          {pagination}\n        </BaseBox>\n      )}\n    </TableContext.Provider>\n  );\n};\n\nconst Table = assignWithoutSideEffects(_Table, {\n  componentId: ComponentIds.Table,\n});\n\nexport { Table };\n"],"names":["rowSelectType","single","SelectTypes","SingleSelect","multiple","MultiSelect","none","undefined","getTableHeaderCellCount","children","tableRootComponent","React","isValidElement","tableComponentArray","Children","toArray","_tableHeaderCells$len","tableComponentArrayChildren","props","tableHeader","find","child","getComponentId","ComponentIds","TableHeader","tableHeaderChildrenArray","tableHeaderRow","TableHeaderRow","tableHeaderRowChildrenArray","tableHeaderCells","filter","TableHeaderCell","length","StyledReactTable","styled","ReactTable","withConfig","displayName","componentId","_ref","$styledProps","_useTheme","useTheme","theme","styledPropsCSSObject","getBaseBoxStyles","height","_objectSpread","RefreshWrapper","BaseBox","_ref2","isRefreshSpinnerVisible","isRefreshSpinnerEntering","isRefreshSpinnerExiting","opacity","transition","concat","makeMotionTime","motion","duration","quick","easing","entrance","exit","_Table","_ref3","data","_ref3$multiSelectTrig","multiSelectTrigger","_ref3$selectionType","selectionType","onSelectionChange","isHeaderSticky","isFooterSticky","isFirstColumnSticky","_ref3$rowDensity","rowDensity","onSortChange","sortFunctions","toolbar","pagination","showStripedRows","gridTemplateColumns","_ref3$isLoading","isLoading","_ref3$isRefreshing","isRefreshing","_ref3$showBorderedCel","showBorderedCells","_ref3$defaultSelected","defaultSelectedIds","rest","_objectWithoutProperties","_excluded","_useTheme2","_React$useState","useState","_React$useState2","_slicedToArray","selectedRows","setSelectedRows","_React$useState3","_React$useState4","disabledRows","setDisabledRows","_React$useState5","nodes","_React$useState6","totalItems","setTotalItems","_React$useState7","_React$useState8","paginationType","setPaginationType","_React$useState9","_React$useState10","headerRowDensity","setHeaderRowDensity","_React$useState11","_React$useState12","hasHoverActions","setHasHoverActions","shouldHeaderBeSticky","backgroundColor","tableBackgroundColor","isMobile","useIsMobile","lastHoverActionsColWidth","_usePresence","usePresence","transitionDuration","isEntering","isRefreshSpinnerMounted","isMounted","isExiting","isVisible","columnCount","firstColumnStickyHeaderCellCSS","firstColumnStickyZIndex","checkboxCellWidth","firstColumnStickyFooterCellCSS","firstColumnStickyBodyCellCSS","tableTheme","useTableTheme","Table","makeBorderSize","border","width","thin","colors","surface","gray","muted","getIn","HeaderCell","Cell","FooterCell","useEffect","onSelectChange","action","state","_state$ids","selectedIds","id","ids","values","node","includes","rowSelectConfig","useRowSelect","onChange","clickType","SelectClickTypes","RowClick","ButtonClick","rowSelect","toggleRowSelectionById","useMemo","fns","onToggleById","deselectAllRows","onRemoveAll","toggleAllRowsSelection","map","item","Boolean","onAddAll","handleSortChange","sortKey","isSortReversed","reverse","sort","useSort","sortFns","currentSortedState","sortableColumns","Object","keys","toggleSort","useCallback","onToggleSort","hasPagination","paginationConfig","usePagination","page","size","tablePagination","defaultPageSize","isServer","currentPaginationState","setPaginationPage","onSetPage","setPaginationRowSize","onSetSize","isValidAllowedChildren","TableToolbar","throwBladeError","message","moduleName","tableContext","_jsx","TableContext","Provider","value","display","flex","alignItems","justifyContent","getStyledProps","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","Spinner","accessibilityLabel","testID","_jsxs","position","zIndex","refreshWrapperZIndex","color","role","layout","fixedHeader","horizontalScroll","select","makeAccessible","multiSelectable","assignWithoutSideEffects"],"mappings":"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"}

package/build/lib/web/development/components/Table/tokens.js

@@ -86,13 +86,13 @@ var tableRow = {
   },
   borderBottomWidth: 'thin',
   borderColor: 'surface.border.gray.muted',
-  backgroundColorMotionEasing: 'easing.standard.effective',
+  backgroundColorMotionEasing: 'easing.standard',
   backgroundColorMotionDuration: 'duration.xquick'
 };
 var tableToolbar = {
   backgroundColor: 'transparent',
   backgroundColorSelected: 'interactive.background.primary.faded',
-  backgroundColorMotionEasing: 'easing.standard.effective',
+  backgroundColorMotionEasing: 'easing.standard',
   backgroundColorMotionDuration: 'duration.xquick'
 };
 var tablePagination = {

package/build/lib/web/development/components/Table/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/Table/tokens.ts"],"sourcesContent":["import { AlertCircleIcon, CheckIcon } from '~components/Icons';\nimport { size } from '~tokens/global';\n\nconst firstColumnStickyZIndex = 2;\n\nconst refreshWrapperZIndex = 3;\n\nconst checkboxCellWidth = size['44'];\n\nconst tableBackgroundColor = 'surface.background.gray.intense';\nconst tableHeader = {\n  paddingTop: 'spacing.5',\n  paddingBottom: 'spacing.5',\n  paddingLeft: 'spacing.4',\n  paddingRight: 'spacing.4',\n  backgroundColor: 'interactive.background.gray.default',\n  borderBottomAndTopWidth: 'thin',\n  borderBottomAndTopColor: 'surface.border.gray.muted',\n} as const;\n\nconst tableFooter = {\n  paddingTop: 'spacing.5',\n  paddingBottom: 'spacing.5',\n  paddingLeft: 'spacing.4',\n  paddingRight: 'spacing.4',\n  borderBottomAndTopWidth: 'thin',\n  borderBottomAndTopColor: 'surface.border.gray.muted',\n  backgroundColor: 'interactive.background.gray.default',\n} as const;\n\nconst tableRow = {\n  paddingLeft: {\n    compact: 'spacing.4',\n    normal: 'spacing.4',\n    comfortable: 'spacing.4',\n  },\n  paddingRight: {\n    compact: 'spacing.4',\n    normal: 'spacing.4',\n    comfortable: 'spacing.4',\n  },\n  minHeight: {\n    compact: '36',\n    normal: '48',\n    comfortable: '60',\n  },\n  nonStripe: {\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorFocus: 'transparent',\n    // TODO: Rebranding - on design side: explore pressed state color change, right now both hover & active are same\n    backgroundColorActive: 'interactive.background.gray.default',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n    backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n  },\n  nonStripeWrapper: {\n    // not used anywhere\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'transparent',\n    backgroundColorFocus: 'transparent',\n    backgroundColorActive: 'interactive.background.gray.default',\n    backgroundColorSelected: 'transparent',\n    backgroundColorSelectedHover: 'transparent',\n    backgroundColorSelectedFocus: 'transparent',\n    backgroundColorSelectedActive: 'transparent',\n  },\n  stripe: {\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorFocus: 'transparent',\n    backgroundColorActive: 'interactive.background.gray.default',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n    backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n  },\n  stripeWrapper: {\n    backgroundColor: 'interactive.background.gray.default',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorFocus: 'interactive.background.gray.default',\n    backgroundColorActive: 'interactive.background.gray.default',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.faded',\n    backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n    backgroundColorSelectedActive: 'interactive.background.primary.faded',\n  },\n  borderBottomWidth: 'thin',\n  borderColor: 'surface.border.gray.muted',\n  backgroundColorMotionEasing: 'easing.standard.effective',\n  backgroundColorMotionDuration: 'duration.xquick',\n} as const;\n\nconst tableToolbar = {\n  backgroundColor: 'transparent',\n  backgroundColorSelected: 'interactive.background.primary.faded',\n  backgroundColorMotionEasing: 'easing.standard.effective',\n  backgroundColorMotionDuration: 'duration.xquick',\n} as const;\n\nconst tablePagination = {\n  padding: 'spacing.4',\n  pageSelectionButton: {\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorActive: 'interactive.background.gray.highlighted',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n    padding: 'spacing.2',\n    borderRadius: 'small',\n    focusRingColor: 'surface.border.primary.muted',\n    textColor: 'surface.text.gray.subtle',\n    textColorSelected: 'surface.text.primary.normal',\n    height: size['32'],\n    width: size['32'],\n  },\n  defaultPageSize: 10,\n} as const;\n\nconst tableEditableCellRowDensityToInputSizeMap = {\n  compact: 'medium',\n  normal: 'large',\n  comfortable: 'medium',\n} as const;\n\nconst validationStateToInputTrailingIconMap = {\n  none: undefined,\n  success: CheckIcon,\n  error: AlertCircleIcon,\n};\n\nconst rowDensityToIsTableInputCellMapping = {\n  comfortable: false,\n  normal: true,\n  compact: true,\n};\n\nconst classes = {\n  HOVER_ACTIONS: 'hover-actions',\n  HOVER_ACTIONS_LAYER2: 'hover-actions-layer-2',\n  HOVER_ACTIONS_LAYER3: 'hover-actions-layer-3',\n};\n\nexport {\n  tableHeader,\n  tableFooter,\n  tableRow,\n  tableToolbar,\n  tablePagination,\n  refreshWrapperZIndex,\n  tableBackgroundColor,\n  firstColumnStickyZIndex,\n  checkboxCellWidth,\n  tableEditableCellRowDensityToInputSizeMap,\n  validationStateToInputTrailingIconMap,\n  rowDensityToIsTableInputCellMapping,\n  classes,\n};\n"],"names":["firstColumnStickyZIndex","refreshWrapperZIndex","checkboxCellWidth","size","tableBackgroundColor","tableHeader","paddingTop","paddingBottom","paddingLeft","paddingRight","backgroundColor","borderBottomAndTopWidth","borderBottomAndTopColor","tableFooter","tableRow","compact","normal","comfortable","minHeight","nonStripe","backgroundColorHover","backgroundColorFocus","backgroundColorActive","backgroundColorSelected","backgroundColorSelectedHover","backgroundColorSelectedFocus","backgroundColorSelectedActive","nonStripeWrapper","stripe","stripeWrapper","borderBottomWidth","borderColor","backgroundColorMotionEasing","backgroundColorMotionDuration","tableToolbar","tablePagination","padding","pageSelectionButton","borderRadius","focusRingColor","textColor","textColorSelected","height","width","defaultPageSize","tableEditableCellRowDensityToInputSizeMap","validationStateToInputTrailingIconMap","none","undefined","success","CheckIcon","error","AlertCircleIcon","rowDensityToIsTableInputCellMapping","classes","HOVER_ACTIONS","HOVER_ACTIONS_LAYER2","HOVER_ACTIONS_LAYER3"],"mappings":"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"}
+{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/Table/tokens.ts"],"sourcesContent":["import { AlertCircleIcon, CheckIcon } from '~components/Icons';\nimport { size } from '~tokens/global';\n\nconst firstColumnStickyZIndex = 2;\n\nconst refreshWrapperZIndex = 3;\n\nconst checkboxCellWidth = size['44'];\n\nconst tableBackgroundColor = 'surface.background.gray.intense';\nconst tableHeader = {\n  paddingTop: 'spacing.5',\n  paddingBottom: 'spacing.5',\n  paddingLeft: 'spacing.4',\n  paddingRight: 'spacing.4',\n  backgroundColor: 'interactive.background.gray.default',\n  borderBottomAndTopWidth: 'thin',\n  borderBottomAndTopColor: 'surface.border.gray.muted',\n} as const;\n\nconst tableFooter = {\n  paddingTop: 'spacing.5',\n  paddingBottom: 'spacing.5',\n  paddingLeft: 'spacing.4',\n  paddingRight: 'spacing.4',\n  borderBottomAndTopWidth: 'thin',\n  borderBottomAndTopColor: 'surface.border.gray.muted',\n  backgroundColor: 'interactive.background.gray.default',\n} as const;\n\nconst tableRow = {\n  paddingLeft: {\n    compact: 'spacing.4',\n    normal: 'spacing.4',\n    comfortable: 'spacing.4',\n  },\n  paddingRight: {\n    compact: 'spacing.4',\n    normal: 'spacing.4',\n    comfortable: 'spacing.4',\n  },\n  minHeight: {\n    compact: '36',\n    normal: '48',\n    comfortable: '60',\n  },\n  nonStripe: {\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorFocus: 'transparent',\n    // TODO: Rebranding - on design side: explore pressed state color change, right now both hover & active are same\n    backgroundColorActive: 'interactive.background.gray.default',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n    backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n  },\n  nonStripeWrapper: {\n    // not used anywhere\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'transparent',\n    backgroundColorFocus: 'transparent',\n    backgroundColorActive: 'interactive.background.gray.default',\n    backgroundColorSelected: 'transparent',\n    backgroundColorSelectedHover: 'transparent',\n    backgroundColorSelectedFocus: 'transparent',\n    backgroundColorSelectedActive: 'transparent',\n  },\n  stripe: {\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorFocus: 'transparent',\n    backgroundColorActive: 'interactive.background.gray.default',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n    backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n  },\n  stripeWrapper: {\n    backgroundColor: 'interactive.background.gray.default',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorFocus: 'interactive.background.gray.default',\n    backgroundColorActive: 'interactive.background.gray.default',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.faded',\n    backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n    backgroundColorSelectedActive: 'interactive.background.primary.faded',\n  },\n  borderBottomWidth: 'thin',\n  borderColor: 'surface.border.gray.muted',\n  backgroundColorMotionEasing: 'easing.standard',\n  backgroundColorMotionDuration: 'duration.xquick',\n} as const;\n\nconst tableToolbar = {\n  backgroundColor: 'transparent',\n  backgroundColorSelected: 'interactive.background.primary.faded',\n  backgroundColorMotionEasing: 'easing.standard',\n  backgroundColorMotionDuration: 'duration.xquick',\n} as const;\n\nconst tablePagination = {\n  padding: 'spacing.4',\n  pageSelectionButton: {\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorActive: 'interactive.background.gray.highlighted',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n    padding: 'spacing.2',\n    borderRadius: 'small',\n    focusRingColor: 'surface.border.primary.muted',\n    textColor: 'surface.text.gray.subtle',\n    textColorSelected: 'surface.text.primary.normal',\n    height: size['32'],\n    width: size['32'],\n  },\n  defaultPageSize: 10,\n} as const;\n\nconst tableEditableCellRowDensityToInputSizeMap = {\n  compact: 'medium',\n  normal: 'large',\n  comfortable: 'medium',\n} as const;\n\nconst validationStateToInputTrailingIconMap = {\n  none: undefined,\n  success: CheckIcon,\n  error: AlertCircleIcon,\n};\n\nconst rowDensityToIsTableInputCellMapping = {\n  comfortable: false,\n  normal: true,\n  compact: true,\n};\n\nconst classes = {\n  HOVER_ACTIONS: 'hover-actions',\n  HOVER_ACTIONS_LAYER2: 'hover-actions-layer-2',\n  HOVER_ACTIONS_LAYER3: 'hover-actions-layer-3',\n};\n\nexport {\n  tableHeader,\n  tableFooter,\n  tableRow,\n  tableToolbar,\n  tablePagination,\n  refreshWrapperZIndex,\n  tableBackgroundColor,\n  firstColumnStickyZIndex,\n  checkboxCellWidth,\n  tableEditableCellRowDensityToInputSizeMap,\n  validationStateToInputTrailingIconMap,\n  rowDensityToIsTableInputCellMapping,\n  classes,\n};\n"],"names":["firstColumnStickyZIndex","refreshWrapperZIndex","checkboxCellWidth","size","tableBackgroundColor","tableHeader","paddingTop","paddingBottom","paddingLeft","paddingRight","backgroundColor","borderBottomAndTopWidth","borderBottomAndTopColor","tableFooter","tableRow","compact","normal","comfortable","minHeight","nonStripe","backgroundColorHover","backgroundColorFocus","backgroundColorActive","backgroundColorSelected","backgroundColorSelectedHover","backgroundColorSelectedFocus","backgroundColorSelectedActive","nonStripeWrapper","stripe","stripeWrapper","borderBottomWidth","borderColor","backgroundColorMotionEasing","backgroundColorMotionDuration","tableToolbar","tablePagination","padding","pageSelectionButton","borderRadius","focusRingColor","textColor","textColorSelected","height","width","defaultPageSize","tableEditableCellRowDensityToInputSizeMap","validationStateToInputTrailingIconMap","none","undefined","success","CheckIcon","error","AlertCircleIcon","rowDensityToIsTableInputCellMapping","classes","HOVER_ACTIONS","HOVER_ACTIONS_LAYER2","HOVER_ACTIONS_LAYER3"],"mappings":"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"}

package/build/lib/web/development/components/Tabs/TabIndicator.web.js

@@ -107,7 +107,7 @@ var TabIndicator = function TabIndicator(_ref2) {
   var transitionProps = {
     transitionProperty: 'transform, width, background-color',
     transitionDuration: hasMeasured ? castWebType(makeMotionTime(theme.motion.duration.gentle)) : '0ms',
-    transitionTimingFunction: castWebType(theme.motion.easing.standard.effective)
+    transitionTimingFunction: castWebType(theme.motion.easing.standard)
   };
   if (variant === 'filled') {
     return /*#__PURE__*/jsx(StyledTabIndicator, _objectSpread({

package/build/lib/web/development/components/Tabs/TabIndicator.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabIndicator.web.js","sources":["../../../../../../src/components/Tabs/TabIndicator.web.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable consistent-return */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useTabsContext } from './TabsContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { castWebType, makeMotionTime } from '~utils';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst StyledTabIndicator = styled(BaseBox)(({ theme }) => {\n  return {\n    cursor: 'pointer',\n    '&:hover': {\n      backgroundColor: theme.colors.interactive.background.primary.fadedHighlighted,\n    },\n  };\n});\n\nconst TabIndicator = ({\n  tabListContainerRef,\n}: {\n  tabListContainerRef: React.RefObject<HTMLElement | null>;\n}): React.ReactElement => {\n  const { theme } = useTheme();\n  const { selectedValue, baseId, variant } = useTabsContext();\n  const [hasMeasured, setHasMeasured] = React.useState(false);\n  const [activeElementDimensions, setActiveElementDimensions] = React.useState({\n    width: 0,\n    height: 0,\n    x: 0,\n    y: 0,\n  });\n\n  // Update the dimensions of the active element\n  const updateDimensions = React.useCallback(() => {\n    const tabItemId = `${baseId}-${selectedValue}-tabitem`;\n    const activeTabItem = document.getElementById(tabItemId);\n    if (!activeTabItem) return;\n\n    setActiveElementDimensions({\n      width: activeTabItem.offsetWidth,\n      height: activeTabItem.offsetHeight,\n      x: activeTabItem.offsetLeft,\n      y:\n        variant === 'filled'\n          ? // on filled variant the indicator is positioned on top of the tab item\n            // so no need to add offsetHeight\n            activeTabItem.offsetTop\n          : activeTabItem.offsetTop + activeTabItem.offsetHeight - 1.5,\n    });\n  }, [baseId, selectedValue, tabListContainerRef, variant]);\n\n  // Update the dimensions when the selected value changes\n  useIsomorphicLayoutEffect(() => {\n    if (!selectedValue) return;\n\n    updateDimensions();\n\n    const id = requestAnimationFrame(() => {\n      setHasMeasured(true);\n    });\n\n    return () => {\n      if (id) {\n        cancelAnimationFrame(id);\n      }\n    };\n  }, [baseId, selectedValue]);\n\n  // Update the dimensions when the window resizes or when the font loads\n  React.useEffect(() => {\n    if (!tabListContainerRef.current) return;\n\n    // check for FontFace API support\n    // FontFaceAPI is widely supported but better to be safe than sorry\n    if ('fonts' in document) {\n      try {\n        // wait for fonts to be loaded and then recalculate the dimensions\n        void document.fonts.ready.then(() => {\n          updateDimensions();\n        });\n      } catch (err: unknown) {\n        /* empty */\n      }\n    }\n\n    window.addEventListener('resize', updateDimensions);\n\n    return () => {\n      if (!tabListContainerRef.current) return;\n      window.removeEventListener('resize', updateDimensions);\n    };\n  }, [tabListContainerRef, updateDimensions]);\n\n  const transitionProps = {\n    transitionProperty: 'transform, width, background-color',\n    transitionDuration: hasMeasured\n      ? castWebType(makeMotionTime(theme.motion.duration.gentle))\n      : '0ms',\n    transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n  };\n\n  if (variant === 'filled') {\n    return (\n      <StyledTabIndicator\n        pointerEvents=\"none\"\n        position=\"absolute\"\n        left=\"0px\"\n        top=\"0px\"\n        borderRadius=\"small\"\n        backgroundColor=\"interactive.background.primary.faded\"\n        style={{\n          ...transitionProps,\n          width: `${activeElementDimensions.width}px`,\n          height: `${activeElementDimensions.height}px`,\n          transform: `translate(${activeElementDimensions.x}px, ${activeElementDimensions.y}px)`,\n        }}\n        {...metaAttribute({ name: MetaConstants.TabIndicator })}\n      />\n    );\n  }\n\n  return (\n    <StyledTabIndicator\n      pointerEvents=\"none\"\n      position=\"absolute\"\n      left=\"0%\"\n      top=\"-0.5px\"\n      height=\"2px\"\n      backgroundColor=\"interactive.background.primary.default\"\n      style={{\n        ...transitionProps,\n        width: `${activeElementDimensions.width}px`,\n        transform: `translate(${activeElementDimensions.x}px, ${activeElementDimensions.y}px)`,\n      }}\n      {...metaAttribute({ name: MetaConstants.TabIndicator })}\n    />\n  );\n};\n\nexport { TabIndicator };\n"],"names":["StyledTabIndicator","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","cursor","backgroundColor","colors","interactive","background","primary","fadedHighlighted","TabIndicator","_ref2","tabListContainerRef","_useTheme","useTheme","_useTabsContext","useTabsContext","selectedValue","baseId","variant","_React$useState","React","useState","_React$useState2","_slicedToArray","hasMeasured","setHasMeasured","_React$useState3","width","height","x","y","_React$useState4","activeElementDimensions","setActiveElementDimensions","updateDimensions","useCallback","tabItemId","concat","activeTabItem","document","getElementById","offsetWidth","offsetHeight","offsetLeft","offsetTop","useIsomorphicLayoutEffect","id","requestAnimationFrame","cancelAnimationFrame","useEffect","current","fonts","ready","then","err","window","addEventListener","removeEventListener","transitionProps","transitionProperty","transitionDuration","castWebType","makeMotionTime","motion","duration","gentle","transitionTimingFunction","easing","standard","effective","_jsx","_objectSpread","pointerEvents","position","left","top","borderRadius","style","transform","metaAttribute","name","MetaConstants"],"mappings":"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"}
+{"version":3,"file":"TabIndicator.web.js","sources":["../../../../../../src/components/Tabs/TabIndicator.web.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable consistent-return */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useTabsContext } from './TabsContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { castWebType, makeMotionTime } from '~utils';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst StyledTabIndicator = styled(BaseBox)(({ theme }) => {\n  return {\n    cursor: 'pointer',\n    '&:hover': {\n      backgroundColor: theme.colors.interactive.background.primary.fadedHighlighted,\n    },\n  };\n});\n\nconst TabIndicator = ({\n  tabListContainerRef,\n}: {\n  tabListContainerRef: React.RefObject<HTMLElement | null>;\n}): React.ReactElement => {\n  const { theme } = useTheme();\n  const { selectedValue, baseId, variant } = useTabsContext();\n  const [hasMeasured, setHasMeasured] = React.useState(false);\n  const [activeElementDimensions, setActiveElementDimensions] = React.useState({\n    width: 0,\n    height: 0,\n    x: 0,\n    y: 0,\n  });\n\n  // Update the dimensions of the active element\n  const updateDimensions = React.useCallback(() => {\n    const tabItemId = `${baseId}-${selectedValue}-tabitem`;\n    const activeTabItem = document.getElementById(tabItemId);\n    if (!activeTabItem) return;\n\n    setActiveElementDimensions({\n      width: activeTabItem.offsetWidth,\n      height: activeTabItem.offsetHeight,\n      x: activeTabItem.offsetLeft,\n      y:\n        variant === 'filled'\n          ? // on filled variant the indicator is positioned on top of the tab item\n            // so no need to add offsetHeight\n            activeTabItem.offsetTop\n          : activeTabItem.offsetTop + activeTabItem.offsetHeight - 1.5,\n    });\n  }, [baseId, selectedValue, tabListContainerRef, variant]);\n\n  // Update the dimensions when the selected value changes\n  useIsomorphicLayoutEffect(() => {\n    if (!selectedValue) return;\n\n    updateDimensions();\n\n    const id = requestAnimationFrame(() => {\n      setHasMeasured(true);\n    });\n\n    return () => {\n      if (id) {\n        cancelAnimationFrame(id);\n      }\n    };\n  }, [baseId, selectedValue]);\n\n  // Update the dimensions when the window resizes or when the font loads\n  React.useEffect(() => {\n    if (!tabListContainerRef.current) return;\n\n    // check for FontFace API support\n    // FontFaceAPI is widely supported but better to be safe than sorry\n    if ('fonts' in document) {\n      try {\n        // wait for fonts to be loaded and then recalculate the dimensions\n        void document.fonts.ready.then(() => {\n          updateDimensions();\n        });\n      } catch (err: unknown) {\n        /* empty */\n      }\n    }\n\n    window.addEventListener('resize', updateDimensions);\n\n    return () => {\n      if (!tabListContainerRef.current) return;\n      window.removeEventListener('resize', updateDimensions);\n    };\n  }, [tabListContainerRef, updateDimensions]);\n\n  const transitionProps = {\n    transitionProperty: 'transform, width, background-color',\n    transitionDuration: hasMeasured\n      ? castWebType(makeMotionTime(theme.motion.duration.gentle))\n      : '0ms',\n    transitionTimingFunction: castWebType(theme.motion.easing.standard),\n  };\n\n  if (variant === 'filled') {\n    return (\n      <StyledTabIndicator\n        pointerEvents=\"none\"\n        position=\"absolute\"\n        left=\"0px\"\n        top=\"0px\"\n        borderRadius=\"small\"\n        backgroundColor=\"interactive.background.primary.faded\"\n        style={{\n          ...transitionProps,\n          width: `${activeElementDimensions.width}px`,\n          height: `${activeElementDimensions.height}px`,\n          transform: `translate(${activeElementDimensions.x}px, ${activeElementDimensions.y}px)`,\n        }}\n        {...metaAttribute({ name: MetaConstants.TabIndicator })}\n      />\n    );\n  }\n\n  return (\n    <StyledTabIndicator\n      pointerEvents=\"none\"\n      position=\"absolute\"\n      left=\"0%\"\n      top=\"-0.5px\"\n      height=\"2px\"\n      backgroundColor=\"interactive.background.primary.default\"\n      style={{\n        ...transitionProps,\n        width: `${activeElementDimensions.width}px`,\n        transform: `translate(${activeElementDimensions.x}px, ${activeElementDimensions.y}px)`,\n      }}\n      {...metaAttribute({ name: MetaConstants.TabIndicator })}\n    />\n  );\n};\n\nexport { TabIndicator };\n"],"names":["StyledTabIndicator","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","cursor","backgroundColor","colors","interactive","background","primary","fadedHighlighted","TabIndicator","_ref2","tabListContainerRef","_useTheme","useTheme","_useTabsContext","useTabsContext","selectedValue","baseId","variant","_React$useState","React","useState","_React$useState2","_slicedToArray","hasMeasured","setHasMeasured","_React$useState3","width","height","x","y","_React$useState4","activeElementDimensions","setActiveElementDimensions","updateDimensions","useCallback","tabItemId","concat","activeTabItem","document","getElementById","offsetWidth","offsetHeight","offsetLeft","offsetTop","useIsomorphicLayoutEffect","id","requestAnimationFrame","cancelAnimationFrame","useEffect","current","fonts","ready","then","err","window","addEventListener","removeEventListener","transitionProps","transitionProperty","transitionDuration","castWebType","makeMotionTime","motion","duration","gentle","transitionTimingFunction","easing","standard","_jsx","_objectSpread","pointerEvents","position","left","top","borderRadius","style","transform","metaAttribute","name","MetaConstants"],"mappings":"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"}

package/build/lib/web/development/components/Tabs/TabItem.web.js

@@ -82,9 +82,9 @@ var StyledTabButton = /*#__PURE__*/styled.button.withConfig({
     borderRadius: makeSpace(theme.border.radius.medium),
     boxShadow: "0px 0px 0px 4px ".concat(theme.colors.surface.border.primary.muted),
     backgroundColor: getIn(theme, background.highlighted)
-  }), "transitionProperty", 'all'), _defineProperty(_defineProperty(_defineProperty(_ref2, "transitionTimingFunction", castWebType(theme.motion.easing.standard.effective)), "transitionDuration", castWebType(makeMotionTime(theme.motion.duration.gentle))), '*', {
+  }), "transitionProperty", 'all'), _defineProperty(_defineProperty(_defineProperty(_ref2, "transitionTimingFunction", castWebType(theme.motion.easing.standard)), "transitionDuration", castWebType(makeMotionTime(theme.motion.duration.gentle))), '*', {
     transitionProperty: 'color, fill',
-    transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),
+    transitionTimingFunction: castWebType(theme.motion.easing.standard),
     transitionDuration: castWebType(makeMotionTime(theme.motion.duration.xquick))
   });
 });