@razorpay/blade 10.23.5 → 11.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../../../../../../src/components/Spinner/Spinner/Spinner.tsx"],"sourcesContent":["import { BaseSpinner } from '../BaseSpinner';\nimport type { BaseSpinnerProps } from '../BaseSpinner';\n\ntype SpinnerProps = Omit<BaseSpinnerProps, 'intent'> & {\n  /**\n   * Sets the color of the spinner.\n   *\n   * @default 'default'\n   */\n  color?: 'default' | 'white';\n};\n\nconst Spinner = ({\n  label,\n  labelPosition,\n  accessibilityLabel,\n  color = 'default',\n  // TODO: Remove contrast prop in favor of color in the next major release\n  contrast = 'low',\n  size = 'medium',\n  testID,\n  ...styledProps\n}: SpinnerProps): React.ReactElement => {\n  return (\n    <BaseSpinner\n      label={label}\n      labelPosition={labelPosition}\n      accessibilityLabel={accessibilityLabel ?? label ?? 'Loading'}\n      contrast={contrast}\n      color={color}\n      size={size}\n      testID={testID}\n      {...styledProps}\n    />\n  );\n};\n\nexport type { SpinnerProps };\nexport { Spinner };\n"],"names":["Spinner","_ref","_ref2","label","labelPosition","accessibilityLabel","_ref$color","color","_ref$contrast","contrast","_ref$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_jsx","BaseSpinner","_objectSpread"],"mappings":";;;;;;;;;AAYA,IAAMA,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAU2B;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IATtCC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,kBAAkB,GAAAJ,IAAA,CAAlBI,kBAAkB;IAAAC,UAAA,GAAAL,IAAA,CAClBM,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA;IAAAE,aAAA,GAAAP,IAAA,CAEjBQ,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAAAE,SAAA,GAAAT,IAAA,CAChBU,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IACfE,MAAM,GAAAX,IAAA,CAANW,MAAM;AACHC,IAAAA,WAAW,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAEd,EAAA,oBACEC,GAAA,CAACC,WAAW,EAAAC,aAAA,CAAA;AACVf,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,kBAAkB,EAAAH,CAAAA,KAAA,GAAEG,kBAAkB,aAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAlBA,kBAAkB,GAAIF,KAAK,MAAAD,IAAAA,IAAAA,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAA,GAAI,SAAU;AAC7DO,IAAAA,QAAQ,EAAEA,QAAS;AACnBF,IAAAA,KAAK,EAAEA,KAAM;AACbI,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,MAAM,EAAEA,MAAAA;GACJC,EAAAA,WAAW,CAChB,CAAC,CAAA;AAEN;;;;"}
+{"version":3,"file":"Spinner.js","sources":["../../../../../../../src/components/Spinner/Spinner/Spinner.tsx"],"sourcesContent":["import { BaseSpinner } from '../BaseSpinner';\nimport type { BaseSpinnerProps } from '../BaseSpinner';\n\ntype SpinnerProps = BaseSpinnerProps & {\n  /**\n   * Sets the color of the spinner.\n   *\n   * @default 'default'\n   */\n  color?: 'primary' | 'neutral' | 'white';\n};\n\nconst Spinner = ({\n  label,\n  labelPosition,\n  accessibilityLabel,\n  color = 'neutral',\n  size = 'medium',\n  testID,\n  ...styledProps\n}: SpinnerProps): React.ReactElement => {\n  return (\n    <BaseSpinner\n      label={label}\n      labelPosition={labelPosition}\n      accessibilityLabel={accessibilityLabel ?? label ?? 'Loading'}\n      color={color}\n      size={size}\n      testID={testID}\n      {...styledProps}\n    />\n  );\n};\n\nexport type { SpinnerProps };\nexport { Spinner };\n"],"names":["Spinner","_ref","_ref2","label","labelPosition","accessibilityLabel","_ref$color","color","_ref$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_jsx","BaseSpinner","_objectSpread"],"mappings":";;;;;;;;;AAYA,IAAMA,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAQ2B;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAPtCC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,kBAAkB,GAAAJ,IAAA,CAAlBI,kBAAkB;IAAAC,UAAA,GAAAL,IAAA,CAClBM,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA;IAAAE,SAAA,GAAAP,IAAA,CACjBQ,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IACfE,MAAM,GAAAT,IAAA,CAANS,MAAM;AACHC,IAAAA,WAAW,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA,CAAA;AAEd,EAAA,oBACEC,GAAA,CAACC,WAAW,EAAAC,aAAA,CAAA;AACVb,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,kBAAkB,EAAAH,CAAAA,KAAA,GAAEG,kBAAkB,aAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAlBA,kBAAkB,GAAIF,KAAK,MAAAD,IAAAA,IAAAA,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAA,GAAI,SAAU;AAC7DK,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,MAAM,EAAEA,MAAAA;GACJC,EAAAA,WAAW,CAChB,CAAC,CAAA;AAEN;;;;"}

package/build/lib/web/development/components/SpotlightPopoverTour/TourFooter.web.js

@@ -29,7 +29,7 @@ var SpotlightPopoverTourFooter = function SpotlightPopoverTourFooter(_ref) {
     gap: "spacing.7",
     children: [/*#__PURE__*/jsxs(Text, {
       size: "small",
-      weight: "bold",
+      weight: "semibold",
       children: [activeStep + 1, " / ", totalSteps]
     }), /*#__PURE__*/jsxs(Box, {
       display: "flex",

package/build/lib/web/development/components/SpotlightPopoverTour/TourFooter.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TourFooter.web.js","sources":["../../../../../../src/components/SpotlightPopoverTour/TourFooter.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */\nimport type { SpotlightPopoverStepRenderProps } from './types';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\n\ntype SpotlightPopoverFooterAction = {\n  text?: string;\n} & Pick<ButtonProps, 'variant' | 'icon' | 'iconPosition' | 'isDisabled' | 'isLoading' | 'onClick'>;\n\ntype SpotlightPopoverTourFooterProps = {\n  actions: {\n    primary?: SpotlightPopoverFooterAction;\n    secondary?: SpotlightPopoverFooterAction;\n  };\n};\n\nconst SpotlightPopoverTourFooter = ({\n  activeStep,\n  totalSteps,\n  actions,\n}: SpotlightPopoverTourFooterProps &\n  Pick<SpotlightPopoverStepRenderProps, 'activeStep' | 'totalSteps'>): React.ReactElement => {\n  const hasPrimaryAction = Boolean(actions?.primary);\n  const hasSecondaryAction = Boolean(actions?.secondary);\n\n  let isBothIcon = false;\n  if (hasPrimaryAction && hasSecondaryAction) {\n    const primaryHasIcon = Boolean(actions?.primary?.icon);\n    const secondaryHasIcon = Boolean(actions?.secondary?.icon);\n    isBothIcon = primaryHasIcon && secondaryHasIcon;\n  }\n\n  return (\n    <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\" gap=\"spacing.7\">\n      <Text size=\"small\" weight=\"bold\">\n        {activeStep + 1} / {totalSteps}\n      </Text>\n      <Box display=\"flex\" gap={isBothIcon ? 'spacing.3' : 'spacing.4'}>\n        {hasSecondaryAction ? (\n          <Button size=\"small\" variant=\"secondary\" {...actions.secondary}>\n            {actions?.secondary!.text!}\n          </Button>\n        ) : null}\n        {hasPrimaryAction ? (\n          <Button size=\"small\" variant=\"primary\" {...actions.primary}>\n            {actions?.primary!.text!}\n          </Button>\n        ) : null}\n      </Box>\n    </Box>\n  );\n};\n\nexport { SpotlightPopoverTourFooter };\n"],"names":["SpotlightPopoverTourFooter","_ref","activeStep","totalSteps","actions","hasPrimaryAction","Boolean","primary","hasSecondaryAction","secondary","isBothIcon","_actions$primary","_actions$secondary","primaryHasIcon","icon","secondaryHasIcon","_jsxs","Box","display","justifyContent","alignItems","gap","children","Text","size","weight","_jsx","Button","_objectSpread","variant","text"],"mappings":"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"}
+{"version":3,"file":"TourFooter.web.js","sources":["../../../../../../src/components/SpotlightPopoverTour/TourFooter.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */\nimport type { SpotlightPopoverStepRenderProps } from './types';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\n\ntype SpotlightPopoverFooterAction = {\n  text?: string;\n} & Pick<ButtonProps, 'variant' | 'icon' | 'iconPosition' | 'isDisabled' | 'isLoading' | 'onClick'>;\n\ntype SpotlightPopoverTourFooterProps = {\n  actions: {\n    primary?: SpotlightPopoverFooterAction;\n    secondary?: SpotlightPopoverFooterAction;\n  };\n};\n\nconst SpotlightPopoverTourFooter = ({\n  activeStep,\n  totalSteps,\n  actions,\n}: SpotlightPopoverTourFooterProps &\n  Pick<SpotlightPopoverStepRenderProps, 'activeStep' | 'totalSteps'>): React.ReactElement => {\n  const hasPrimaryAction = Boolean(actions?.primary);\n  const hasSecondaryAction = Boolean(actions?.secondary);\n\n  let isBothIcon = false;\n  if (hasPrimaryAction && hasSecondaryAction) {\n    const primaryHasIcon = Boolean(actions?.primary?.icon);\n    const secondaryHasIcon = Boolean(actions?.secondary?.icon);\n    isBothIcon = primaryHasIcon && secondaryHasIcon;\n  }\n\n  return (\n    <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\" gap=\"spacing.7\">\n      <Text size=\"small\" weight=\"semibold\">\n        {activeStep + 1} / {totalSteps}\n      </Text>\n      <Box display=\"flex\" gap={isBothIcon ? 'spacing.3' : 'spacing.4'}>\n        {hasSecondaryAction ? (\n          <Button size=\"small\" variant=\"secondary\" {...actions.secondary}>\n            {actions?.secondary!.text!}\n          </Button>\n        ) : null}\n        {hasPrimaryAction ? (\n          <Button size=\"small\" variant=\"primary\" {...actions.primary}>\n            {actions?.primary!.text!}\n          </Button>\n        ) : null}\n      </Box>\n    </Box>\n  );\n};\n\nexport { SpotlightPopoverTourFooter };\n"],"names":["SpotlightPopoverTourFooter","_ref","activeStep","totalSteps","actions","hasPrimaryAction","Boolean","primary","hasSecondaryAction","secondary","isBothIcon","_actions$primary","_actions$secondary","primaryHasIcon","icon","secondaryHasIcon","_jsxs","Box","display","justifyContent","alignItems","gap","children","Text","size","weight","_jsx","Button","_objectSpread","variant","text"],"mappings":"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"}

package/build/lib/web/development/components/SpotlightPopoverTour/TourMask.web.js

@@ -109,7 +109,7 @@ var _SpotlightPopoverTourMask = function _SpotlightPopoverTourMask(_ref4) {
       y: y + borderWidth / 2,
       width: width - borderWidth,
       height: height - borderWidth,
-      stroke: theme.colors.brand.primary[500],
+      stroke: theme.colors.surface.background.primary.intense,
       strokeWidth: makeSpace(borderWidth),
       rx: borderRadius - 1,
       ry: borderRadius - 1,
@@ -140,7 +140,7 @@ var _SpotlightPopoverTourMask = function _SpotlightPopoverTourMask(_ref4) {
       height: "100%",
       width: "100%",
       mask: "url(#tour-mask)",
-      fill: theme.colors.surface.overlay.background[800]
+      fill: theme.colors.overlay.background.subtle
     })]
   }));
 };

package/build/lib/web/development/components/SpotlightPopoverTour/TourMask.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TourMask.web.js","sources":["../../../../../../src/components/SpotlightPopoverTour/TourMask.web.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment */\nimport React from 'react';\nimport type { FlattenSimpleInterpolation } from 'styled-components';\nimport styled, { css, keyframes } from 'styled-components';\nimport usePresence from 'use-presence';\nimport type { SpotlightPopoverTourMaskRect } from './types';\nimport { tourMaskZIndex } from './tourTokens';\nimport { useTheme } from '~components/BladeProvider';\nimport { useWindowSize } from '~utils/useWindowSize';\nimport { makeSpace } from '~utils';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst scaleIn = keyframes`\n  from {\n    fill-opacity: 0;\n  }\n  to {\n    fill-opacity: 1;\n  }\n`;\nconst fadeOut = keyframes`\n  from {\n    fill-opacity: 1;\n  }\n  to {\n    fill-opacity: 0;\n  }\n`;\n\nconst pulsingAnimation = keyframes`\n  0% {\n    opacity: 0.5;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nconst AnimatedFade = styled.rect<{ animationType: FlattenSimpleInterpolation | null }>(\n  ({ animationType }) =>\n    animationType === null\n      ? ''\n      : css`\n          ${animationType}\n        `,\n);\n\nconst StyledPlusing = styled.rect<{ animationType: FlattenSimpleInterpolation | null }>(\n  ({ animationType }) => {\n    return animationType === null\n      ? ''\n      : css`\n          ${animationType}\n        `;\n  },\n);\n\ntype FadeRectProps = React.ComponentProps<'rect'> & {\n  show: boolean;\n};\nconst FadeRect = React.memo(\n  ({ show, children, ...rest }: FadeRectProps): React.ReactElement => {\n    const { theme } = useTheme();\n\n    const duration = theme.motion.duration.gentle;\n    const enter = css`\n      animation: ${scaleIn} ${makeMotionTime(duration)}\n        ${(theme.motion.easing.entrance.effective as unknown) as string};\n      animation-fill-mode: forwards;\n    `;\n\n    const exit = css`\n      animation: ${fadeOut} ${makeMotionTime(duration)}\n        ${(theme.motion.easing.exit.effective as unknown) as string};\n      animation-fill-mode: forwards;\n    `;\n\n    const { isVisible } = usePresence(Boolean(show), {\n      transitionDuration: duration,\n      initialEnter: false,\n    });\n\n    return (\n      // @ts-expect-error styled compoennt types are different from react types\n      <AnimatedFade animationType={isVisible ? enter : exit} {...rest}>\n        {children}\n      </AnimatedFade>\n    );\n  },\n);\n\nconst PulsingRect = React.memo(\n  (props: React.ComponentProps<'rect'>): React.ReactElement => {\n    const pulsing = css`\n      animation: ${pulsingAnimation} 2s;\n      animation-iteration-count: infinite;\n      animation-direction: alternate;\n    `;\n\n    return (\n      // @ts-expect-error styled compoennt types are different from react types\n      <StyledPlusing animationType={pulsing} {...props} />\n    );\n  },\n);\n\ntype SpotlightPopoverTourMaskProps = {\n  padding: number;\n  size: SpotlightPopoverTourMaskRect;\n  isTransitioning: boolean;\n};\n\nconst absoluteFill = {\n  position: 'fixed',\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n  zIndex: tourMaskZIndex,\n} as const;\n\nconst _SpotlightPopoverTourMask = ({\n  padding,\n  size,\n  isTransitioning,\n}: SpotlightPopoverTourMaskProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { width: windowWidth, height: windowHeight } = useWindowSize();\n\n  const width = size.width + padding;\n  const height = size.height + padding;\n  const x = size.x - (width - size.width) / 2;\n  const y = size.y - (height - size.height) / 2;\n\n  const borderWidth = theme.spacing[1];\n  const borderRadius = theme.spacing[2];\n\n  const isSizeZero = size.width === 0 || size.height === 0;\n\n  return (\n    <svg\n      style={absoluteFill}\n      viewBox={`0 0 ${windowWidth} ${windowHeight}`}\n      fill=\"none\"\n      stroke=\"none\"\n      {...metaAttribute({ name: MetaConstants.TourMask })}\n    >\n      <PulsingRect\n        x={x + borderWidth / 2}\n        y={y + borderWidth / 2}\n        width={width - borderWidth}\n        height={height - borderWidth}\n        stroke={theme.colors.brand.primary[500]}\n        strokeWidth={makeSpace(borderWidth)}\n        rx={borderRadius - 1}\n        ry={borderRadius - 1}\n        fill=\"transparent\"\n        opacity={isSizeZero ? 0 : 1}\n      />\n\n      <mask id=\"tour-mask\" x={0} y={0} height=\"100%\" width=\"100%\" stroke=\"none\">\n        <rect height=\"100%\" width=\"100%\" fill=\"#fff\" />\n        {!isSizeZero && (\n          <FadeRect\n            show={!isTransitioning}\n            x={x}\n            y={y}\n            width={width}\n            height={height}\n            rx={borderRadius}\n            ry={borderRadius}\n            fill=\"#000\"\n          />\n        )}\n      </mask>\n      <rect\n        height=\"100%\"\n        width=\"100%\"\n        mask=\"url(#tour-mask)\"\n        fill={theme.colors.surface.overlay.background[800]}\n      />\n    </svg>\n  );\n};\n\nconst SpotlightPopoverTourMask = assignWithoutSideEffects(React.memo(_SpotlightPopoverTourMask), {\n  displayName: 'TourMask',\n});\nexport { SpotlightPopoverTourMask };\n"],"names":["scaleIn","keyframes","fadeOut","pulsingAnimation","AnimatedFade","styled","rect","withConfig","displayName","componentId","_ref","animationType","css","StyledPlusing","_ref2","FadeRect","React","memo","_ref3","show","children","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","duration","motion","gentle","enter","makeMotionTime","easing","entrance","effective","exit","_usePresence","usePresence","Boolean","transitionDuration","initialEnter","isVisible","_jsx","_objectSpread","PulsingRect","props","pulsing","absoluteFill","position","top","left","bottom","right","zIndex","tourMaskZIndex","_SpotlightPopoverTourMask","_ref4","padding","size","isTransitioning","_useTheme2","_useWindowSize","useWindowSize","windowWidth","width","windowHeight","height","x","y","borderWidth","spacing","borderRadius","isSizeZero","_jsxs","style","viewBox","concat","fill","stroke","metaAttribute","name","MetaConstants","TourMask","colors","brand","primary","strokeWidth","makeSpace","rx","ry","opacity","id","mask","surface","overlay","background","SpotlightPopoverTourMask","assignWithoutSideEffects"],"mappings":"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"}
+{"version":3,"file":"TourMask.web.js","sources":["../../../../../../src/components/SpotlightPopoverTour/TourMask.web.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment */\nimport React from 'react';\nimport type { FlattenSimpleInterpolation } from 'styled-components';\nimport styled, { css, keyframes } from 'styled-components';\nimport usePresence from 'use-presence';\nimport type { SpotlightPopoverTourMaskRect } from './types';\nimport { tourMaskZIndex } from './tourTokens';\nimport { useTheme } from '~components/BladeProvider';\nimport { useWindowSize } from '~utils/useWindowSize';\nimport { makeSpace } from '~utils';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst scaleIn = keyframes`\n  from {\n    fill-opacity: 0;\n  }\n  to {\n    fill-opacity: 1;\n  }\n`;\nconst fadeOut = keyframes`\n  from {\n    fill-opacity: 1;\n  }\n  to {\n    fill-opacity: 0;\n  }\n`;\n\nconst pulsingAnimation = keyframes`\n  0% {\n    opacity: 0.5;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nconst AnimatedFade = styled.rect<{ animationType: FlattenSimpleInterpolation | null }>(\n  ({ animationType }) =>\n    animationType === null\n      ? ''\n      : css`\n          ${animationType}\n        `,\n);\n\nconst StyledPlusing = styled.rect<{ animationType: FlattenSimpleInterpolation | null }>(\n  ({ animationType }) => {\n    return animationType === null\n      ? ''\n      : css`\n          ${animationType}\n        `;\n  },\n);\n\ntype FadeRectProps = React.ComponentProps<'rect'> & {\n  show: boolean;\n};\nconst FadeRect = React.memo(\n  ({ show, children, ...rest }: FadeRectProps): React.ReactElement => {\n    const { theme } = useTheme();\n\n    const duration = theme.motion.duration.gentle;\n    const enter = css`\n      animation: ${scaleIn} ${makeMotionTime(duration)}\n        ${(theme.motion.easing.entrance.effective as unknown) as string};\n      animation-fill-mode: forwards;\n    `;\n\n    const exit = css`\n      animation: ${fadeOut} ${makeMotionTime(duration)}\n        ${(theme.motion.easing.exit.effective as unknown) as string};\n      animation-fill-mode: forwards;\n    `;\n\n    const { isVisible } = usePresence(Boolean(show), {\n      transitionDuration: duration,\n      initialEnter: false,\n    });\n\n    return (\n      // @ts-expect-error styled compoennt types are different from react types\n      <AnimatedFade animationType={isVisible ? enter : exit} {...rest}>\n        {children}\n      </AnimatedFade>\n    );\n  },\n);\n\nconst PulsingRect = React.memo(\n  (props: React.ComponentProps<'rect'>): React.ReactElement => {\n    const pulsing = css`\n      animation: ${pulsingAnimation} 2s;\n      animation-iteration-count: infinite;\n      animation-direction: alternate;\n    `;\n\n    return (\n      // @ts-expect-error styled compoennt types are different from react types\n      <StyledPlusing animationType={pulsing} {...props} />\n    );\n  },\n);\n\ntype SpotlightPopoverTourMaskProps = {\n  padding: number;\n  size: SpotlightPopoverTourMaskRect;\n  isTransitioning: boolean;\n};\n\nconst absoluteFill = {\n  position: 'fixed',\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n  zIndex: tourMaskZIndex,\n} as const;\n\nconst _SpotlightPopoverTourMask = ({\n  padding,\n  size,\n  isTransitioning,\n}: SpotlightPopoverTourMaskProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { width: windowWidth, height: windowHeight } = useWindowSize();\n\n  const width = size.width + padding;\n  const height = size.height + padding;\n  const x = size.x - (width - size.width) / 2;\n  const y = size.y - (height - size.height) / 2;\n\n  const borderWidth = theme.spacing[1];\n  const borderRadius = theme.spacing[2];\n\n  const isSizeZero = size.width === 0 || size.height === 0;\n\n  return (\n    <svg\n      style={absoluteFill}\n      viewBox={`0 0 ${windowWidth} ${windowHeight}`}\n      fill=\"none\"\n      stroke=\"none\"\n      {...metaAttribute({ name: MetaConstants.TourMask })}\n    >\n      <PulsingRect\n        x={x + borderWidth / 2}\n        y={y + borderWidth / 2}\n        width={width - borderWidth}\n        height={height - borderWidth}\n        stroke={theme.colors.surface.background.primary.intense}\n        strokeWidth={makeSpace(borderWidth)}\n        rx={borderRadius - 1}\n        ry={borderRadius - 1}\n        fill=\"transparent\"\n        opacity={isSizeZero ? 0 : 1}\n      />\n\n      <mask id=\"tour-mask\" x={0} y={0} height=\"100%\" width=\"100%\" stroke=\"none\">\n        <rect height=\"100%\" width=\"100%\" fill=\"#fff\" />\n        {!isSizeZero && (\n          <FadeRect\n            show={!isTransitioning}\n            x={x}\n            y={y}\n            width={width}\n            height={height}\n            rx={borderRadius}\n            ry={borderRadius}\n            fill=\"#000\"\n          />\n        )}\n      </mask>\n      <rect\n        height=\"100%\"\n        width=\"100%\"\n        mask=\"url(#tour-mask)\"\n        fill={theme.colors.overlay.background.subtle}\n      />\n    </svg>\n  );\n};\n\nconst SpotlightPopoverTourMask = assignWithoutSideEffects(React.memo(_SpotlightPopoverTourMask), {\n  displayName: 'TourMask',\n});\nexport { SpotlightPopoverTourMask };\n"],"names":["scaleIn","keyframes","fadeOut","pulsingAnimation","AnimatedFade","styled","rect","withConfig","displayName","componentId","_ref","animationType","css","StyledPlusing","_ref2","FadeRect","React","memo","_ref3","show","children","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","duration","motion","gentle","enter","makeMotionTime","easing","entrance","effective","exit","_usePresence","usePresence","Boolean","transitionDuration","initialEnter","isVisible","_jsx","_objectSpread","PulsingRect","props","pulsing","absoluteFill","position","top","left","bottom","right","zIndex","tourMaskZIndex","_SpotlightPopoverTourMask","_ref4","padding","size","isTransitioning","_useTheme2","_useWindowSize","useWindowSize","windowWidth","width","windowHeight","height","x","y","borderWidth","spacing","borderRadius","isSizeZero","_jsxs","style","viewBox","concat","fill","stroke","metaAttribute","name","MetaConstants","TourMask","colors","surface","background","primary","intense","strokeWidth","makeSpace","rx","ry","opacity","id","mask","overlay","subtle","SpotlightPopoverTourMask","assignWithoutSideEffects"],"mappings":"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"}

package/build/lib/web/development/components/SpotlightPopoverTour/TourPopover.web.js

@@ -174,8 +174,8 @@ var TourPopover = function TourPopover(_ref) {
               context: context,
               width: ARROW_WIDTH,
               height: ARROW_HEIGHT,
-              fillColor: theme.colors.surface.popup.background,
-              strokeColor: theme.colors.brand.gray[400].lowContrast
+              fillColor: theme.colors.popup.background.subtle,
+              strokeColor: theme.colors.popup.border.subtle
             }),
             children: content
           })

package/build/lib/web/development/components/SpotlightPopoverTour/TourPopover.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TourPopover.web.js","sources":["../../../../../../src/components/SpotlightPopoverTour/TourPopover.web.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment */\n/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport {\n  shift,\n  FloatingPortal,\n  arrow,\n  flip,\n  offset,\n  useFloating,\n  useInteractions,\n  useRole,\n  useTransitionStyles,\n  autoUpdate,\n  useClick,\n  FloatingFocusManager,\n} from '@floating-ui/react';\nimport React from 'react';\nimport { PopoverContent } from '../Popover/PopoverContent';\nimport { ARROW_HEIGHT, ARROW_WIDTH, popoverZIndex } from '../Popover/constants';\nimport { PopoverContext } from '../Popover/PopoverContext';\nimport { transitionDelay } from './tourTokens';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { size } from '~tokens/global';\nimport { useControllableState } from '~utils/useControllable';\nimport { PopupArrow } from '~components/PopupArrow';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useId } from '~utils/useId';\nimport { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\nimport type { PopoverProps } from '~components/Popover';\n\ntype TourPopoverProps = Omit<PopoverProps, 'children' | 'initialFocusRef'> & {\n  attachTo: React.RefObject<HTMLElement> | undefined;\n  isTransitioning: boolean;\n};\n\n// TODO: Refactor out Popover/FloatingUI logic to a reusable hook/component later on\nconst TourPopover = ({\n  attachTo,\n  content,\n  title,\n  titleLeading,\n  footer,\n  placement = 'top',\n  onOpenChange,\n  zIndex = popoverZIndex,\n  isOpen,\n  defaultIsOpen,\n  isTransitioning,\n}: TourPopoverProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const defaultInitialFocusRef = React.useRef<HTMLButtonElement>(null);\n  const arrowRef = React.useRef<SVGSVGElement>(null);\n  const titleId = useId('popover-title');\n\n  const GAP = theme.spacing[4];\n  const [side] = getFloatingPlacementParts(placement);\n  const isHorizontal = side === 'left' || side === 'right';\n  const isOppositeAxis = side === 'right' || side === 'bottom';\n\n  const [controllableIsOpen, controllableSetIsOpen] = useControllableState({\n    value: isOpen,\n    defaultValue: defaultIsOpen,\n    onChange: (isOpen) => onOpenChange?.({ isOpen }),\n  });\n\n  const { refs, floatingStyles, context, placement: computedPlacement } = useFloating({\n    open: controllableIsOpen,\n    onOpenChange: (isOpen) => controllableSetIsOpen(() => isOpen),\n    placement,\n    strategy: 'fixed',\n    middleware: [\n      shift({ crossAxis: false, padding: GAP }),\n      flip({ padding: GAP, fallbackAxisSideDirection: 'end' }),\n      offset(GAP + ARROW_HEIGHT),\n      arrow({\n        element: arrowRef,\n        padding: isHorizontal ? GAP + ARROW_HEIGHT : ARROW_WIDTH,\n      }),\n    ],\n    transform: true,\n    whileElementsMounted: autoUpdate,\n  });\n\n  const close = React.useCallback(() => {\n    controllableSetIsOpen(() => false);\n  }, [controllableSetIsOpen]);\n\n  // we need to animate from the offset of the computed placement\n  // because placement can change dynamically based on available space\n  const [computedSide] = getFloatingPlacementParts(computedPlacement);\n  const computedIsHorizontal = computedSide === 'left' || computedSide === 'right';\n  const animationOffset = isOppositeAxis ? -size[4] : size[4];\n\n  const { isMounted, styles } = useTransitionStyles(context, {\n    duration: {\n      open: transitionDelay,\n      close: theme.motion.duration.xquick,\n    },\n    initial: {\n      opacity: 0,\n      transform: `translate${computedIsHorizontal ? 'X' : 'Y'}(${animationOffset}px)`,\n    },\n  });\n\n  // remove click handler if popover is controlled\n  const isControlled = isOpen !== undefined;\n  const click = useClick(context, { enabled: !isControlled });\n  const role = useRole(context);\n\n  const { getFloatingProps } = useInteractions([click, role]);\n\n  const contextValue = React.useMemo(() => {\n    return {\n      close,\n      defaultInitialFocusRef,\n      titleId,\n    };\n  }, [close, titleId]);\n\n  // https://github.com/floating-ui/floating-ui/discussions/2352#discussioncomment-6044834\n  React.useLayoutEffect(() => {\n    window.setTimeout(() => {\n      if (!attachTo) return;\n      refs.setReference(attachTo.current);\n      refs.setPositionReference(attachTo.current);\n    });\n  }, [attachTo, refs, isOpen]);\n\n  return (\n    <PopoverContext.Provider value={contextValue}>\n      <FloatingPortal>\n        <FloatingFocusManager\n          // TODO: check if isTransitioning is enough since scrolling can take longer\n          disabled={isOpen === false || !isMounted || isTransitioning}\n          initialFocus={defaultInitialFocusRef}\n          context={context}\n          modal={true}\n          guards={true}\n        >\n          {isMounted ? (\n            <BaseBox\n              ref={refs.setFloating}\n              style={{ ...floatingStyles, pointerEvents: isMounted ? 'auto' : 'none' }}\n              // TODO: Tokenize zIndex values\n              zIndex={zIndex}\n              {...getFloatingProps()}\n              {...metaAttribute({ name: MetaConstants.TourPopover })}\n              {...makeAccessible({ labelledBy: titleId })}\n            >\n              <PopoverContent\n                title={title}\n                titleLeading={titleLeading}\n                footer={footer}\n                style={styles}\n                arrow={\n                  <PopupArrow\n                    ref={arrowRef}\n                    context={context}\n                    width={ARROW_WIDTH}\n                    height={ARROW_HEIGHT}\n                    fillColor={theme.colors.surface.popup.background}\n                    strokeColor={theme.colors.brand.gray[400].lowContrast}\n                  />\n                }\n              >\n                {content}\n              </PopoverContent>\n            </BaseBox>\n          ) : (\n            <></>\n          )}\n        </FloatingFocusManager>\n      </FloatingPortal>\n    </PopoverContext.Provider>\n  );\n};\n\nexport { TourPopover };\n"],"names":["TourPopover","_ref","attachTo","content","title","titleLeading","footer","_ref$placement","placement","onOpenChange","_ref$zIndex","zIndex","popoverZIndex","isOpen","defaultIsOpen","isTransitioning","_useTheme","useTheme","theme","defaultInitialFocusRef","React","useRef","arrowRef","titleId","useId","GAP","spacing","_getFloatingPlacement","getFloatingPlacementParts","_getFloatingPlacement2","_slicedToArray","side","isHorizontal","isOppositeAxis","_useControllableState","useControllableState","value","defaultValue","onChange","_useControllableState2","controllableIsOpen","controllableSetIsOpen","_useFloating","useFloating","open","strategy","middleware","shift","crossAxis","padding","flip","fallbackAxisSideDirection","offset","ARROW_HEIGHT","arrow","element","ARROW_WIDTH","transform","whileElementsMounted","autoUpdate","refs","floatingStyles","context","computedPlacement","close","useCallback","_getFloatingPlacement3","_getFloatingPlacement4","computedSide","computedIsHorizontal","animationOffset","size","_useTransitionStyles","useTransitionStyles","duration","transitionDelay","motion","xquick","initial","opacity","concat","isMounted","styles","isControlled","undefined","click","useClick","enabled","role","useRole","_useInteractions","useInteractions","getFloatingProps","contextValue","useMemo","useLayoutEffect","window","setTimeout","setReference","current","setPositionReference","_jsx","PopoverContext","Provider","children","FloatingPortal","FloatingFocusManager","disabled","initialFocus","modal","guards","BaseBox","_objectSpread","ref","setFloating","style","pointerEvents","metaAttribute","name","MetaConstants","makeAccessible","labelledBy","PopoverContent","PopupArrow","width","height","fillColor","colors","surface","popup","background","strokeColor","brand","gray","lowContrast","_Fragment"],"mappings":"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"}
+{"version":3,"file":"TourPopover.web.js","sources":["../../../../../../src/components/SpotlightPopoverTour/TourPopover.web.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment */\n/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport {\n  shift,\n  FloatingPortal,\n  arrow,\n  flip,\n  offset,\n  useFloating,\n  useInteractions,\n  useRole,\n  useTransitionStyles,\n  autoUpdate,\n  useClick,\n  FloatingFocusManager,\n} from '@floating-ui/react';\nimport React from 'react';\nimport { PopoverContent } from '../Popover/PopoverContent';\nimport { ARROW_HEIGHT, ARROW_WIDTH, popoverZIndex } from '../Popover/constants';\nimport { PopoverContext } from '../Popover/PopoverContext';\nimport { transitionDelay } from './tourTokens';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { size } from '~tokens/global';\nimport { useControllableState } from '~utils/useControllable';\nimport { PopupArrow } from '~components/PopupArrow';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useId } from '~utils/useId';\nimport { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\nimport type { PopoverProps } from '~components/Popover';\n\ntype TourPopoverProps = Omit<PopoverProps, 'children' | 'initialFocusRef'> & {\n  attachTo: React.RefObject<HTMLElement> | undefined;\n  isTransitioning: boolean;\n};\n\n// TODO: Refactor out Popover/FloatingUI logic to a reusable hook/component later on\nconst TourPopover = ({\n  attachTo,\n  content,\n  title,\n  titleLeading,\n  footer,\n  placement = 'top',\n  onOpenChange,\n  zIndex = popoverZIndex,\n  isOpen,\n  defaultIsOpen,\n  isTransitioning,\n}: TourPopoverProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const defaultInitialFocusRef = React.useRef<HTMLButtonElement>(null);\n  const arrowRef = React.useRef<SVGSVGElement>(null);\n  const titleId = useId('popover-title');\n\n  const GAP = theme.spacing[4];\n  const [side] = getFloatingPlacementParts(placement);\n  const isHorizontal = side === 'left' || side === 'right';\n  const isOppositeAxis = side === 'right' || side === 'bottom';\n\n  const [controllableIsOpen, controllableSetIsOpen] = useControllableState({\n    value: isOpen,\n    defaultValue: defaultIsOpen,\n    onChange: (isOpen) => onOpenChange?.({ isOpen }),\n  });\n\n  const { refs, floatingStyles, context, placement: computedPlacement } = useFloating({\n    open: controllableIsOpen,\n    onOpenChange: (isOpen) => controllableSetIsOpen(() => isOpen),\n    placement,\n    strategy: 'fixed',\n    middleware: [\n      shift({ crossAxis: false, padding: GAP }),\n      flip({ padding: GAP, fallbackAxisSideDirection: 'end' }),\n      offset(GAP + ARROW_HEIGHT),\n      arrow({\n        element: arrowRef,\n        padding: isHorizontal ? GAP + ARROW_HEIGHT : ARROW_WIDTH,\n      }),\n    ],\n    transform: true,\n    whileElementsMounted: autoUpdate,\n  });\n\n  const close = React.useCallback(() => {\n    controllableSetIsOpen(() => false);\n  }, [controllableSetIsOpen]);\n\n  // we need to animate from the offset of the computed placement\n  // because placement can change dynamically based on available space\n  const [computedSide] = getFloatingPlacementParts(computedPlacement);\n  const computedIsHorizontal = computedSide === 'left' || computedSide === 'right';\n  const animationOffset = isOppositeAxis ? -size[4] : size[4];\n\n  const { isMounted, styles } = useTransitionStyles(context, {\n    duration: {\n      open: transitionDelay,\n      close: theme.motion.duration.xquick,\n    },\n    initial: {\n      opacity: 0,\n      transform: `translate${computedIsHorizontal ? 'X' : 'Y'}(${animationOffset}px)`,\n    },\n  });\n\n  // remove click handler if popover is controlled\n  const isControlled = isOpen !== undefined;\n  const click = useClick(context, { enabled: !isControlled });\n  const role = useRole(context);\n\n  const { getFloatingProps } = useInteractions([click, role]);\n\n  const contextValue = React.useMemo(() => {\n    return {\n      close,\n      defaultInitialFocusRef,\n      titleId,\n    };\n  }, [close, titleId]);\n\n  // https://github.com/floating-ui/floating-ui/discussions/2352#discussioncomment-6044834\n  React.useLayoutEffect(() => {\n    window.setTimeout(() => {\n      if (!attachTo) return;\n      refs.setReference(attachTo.current);\n      refs.setPositionReference(attachTo.current);\n    });\n  }, [attachTo, refs, isOpen]);\n\n  return (\n    <PopoverContext.Provider value={contextValue}>\n      <FloatingPortal>\n        <FloatingFocusManager\n          // TODO: check if isTransitioning is enough since scrolling can take longer\n          disabled={isOpen === false || !isMounted || isTransitioning}\n          initialFocus={defaultInitialFocusRef}\n          context={context}\n          modal={true}\n          guards={true}\n        >\n          {isMounted ? (\n            <BaseBox\n              ref={refs.setFloating}\n              style={{ ...floatingStyles, pointerEvents: isMounted ? 'auto' : 'none' }}\n              // TODO: Tokenize zIndex values\n              zIndex={zIndex}\n              {...getFloatingProps()}\n              {...metaAttribute({ name: MetaConstants.TourPopover })}\n              {...makeAccessible({ labelledBy: titleId })}\n            >\n              <PopoverContent\n                title={title}\n                titleLeading={titleLeading}\n                footer={footer}\n                style={styles}\n                arrow={\n                  <PopupArrow\n                    ref={arrowRef}\n                    context={context}\n                    width={ARROW_WIDTH}\n                    height={ARROW_HEIGHT}\n                    fillColor={theme.colors.popup.background.subtle}\n                    strokeColor={theme.colors.popup.border.subtle}\n                  />\n                }\n              >\n                {content}\n              </PopoverContent>\n            </BaseBox>\n          ) : (\n            <></>\n          )}\n        </FloatingFocusManager>\n      </FloatingPortal>\n    </PopoverContext.Provider>\n  );\n};\n\nexport { TourPopover };\n"],"names":["TourPopover","_ref","attachTo","content","title","titleLeading","footer","_ref$placement","placement","onOpenChange","_ref$zIndex","zIndex","popoverZIndex","isOpen","defaultIsOpen","isTransitioning","_useTheme","useTheme","theme","defaultInitialFocusRef","React","useRef","arrowRef","titleId","useId","GAP","spacing","_getFloatingPlacement","getFloatingPlacementParts","_getFloatingPlacement2","_slicedToArray","side","isHorizontal","isOppositeAxis","_useControllableState","useControllableState","value","defaultValue","onChange","_useControllableState2","controllableIsOpen","controllableSetIsOpen","_useFloating","useFloating","open","strategy","middleware","shift","crossAxis","padding","flip","fallbackAxisSideDirection","offset","ARROW_HEIGHT","arrow","element","ARROW_WIDTH","transform","whileElementsMounted","autoUpdate","refs","floatingStyles","context","computedPlacement","close","useCallback","_getFloatingPlacement3","_getFloatingPlacement4","computedSide","computedIsHorizontal","animationOffset","size","_useTransitionStyles","useTransitionStyles","duration","transitionDelay","motion","xquick","initial","opacity","concat","isMounted","styles","isControlled","undefined","click","useClick","enabled","role","useRole","_useInteractions","useInteractions","getFloatingProps","contextValue","useMemo","useLayoutEffect","window","setTimeout","setReference","current","setPositionReference","_jsx","PopoverContext","Provider","children","FloatingPortal","FloatingFocusManager","disabled","initialFocus","modal","guards","BaseBox","_objectSpread","ref","setFloating","style","pointerEvents","metaAttribute","name","MetaConstants","makeAccessible","labelledBy","PopoverContent","PopupArrow","width","height","fillColor","colors","popup","background","subtle","strokeColor","border","_Fragment"],"mappings":"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"}

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

@@ -51,31 +51,31 @@ var switchColors = {
   track: {
     "default": {
       background: {
-        checked: 'colors.brand.primary.500',
-        unchecked: 'colors.brand.gray.500.lowContrast'
+        checked: 'colors.interactive.background.primary.default',
+        unchecked: 'colors.interactive.background.gray.faded'
       }
     },
     disabled: {
       background: {
-        checked: 'colors.brand.primary.400',
-        unchecked: 'colors.brand.gray.a100.lowContrast'
+        checked: 'colors.interactive.background.primary.faded',
+        unchecked: 'colors.interactive.background.gray.disabled'
       }
     }
   },
   thumb: {
     "default": {
-      background: 'colors.brand.gray.700.highContrast'
+      background: 'colors.interactive.background.staticWhite.default'
     },
     disabled: {
-      background: 'colors.brand.gray.200.lowContrast'
+      background: 'colors.interactive.background.staticWhite.disabled'
     }
   },
   thumbIcon: {
     "default": {
-      fill: 'colors.brand.gray.200.highContrast'
+      fill: 'colors.interactive.icon.staticBlack.normal'
     },
     disabled: {
-      fill: 'colors.surface.text.placeholder.lowContrast'
+      fill: 'colors.interactive.icon.staticBlack.disabled'
     }
   }
 };
@@ -94,8 +94,8 @@ var switchMotion = {
 var switchHoverTokens = {
   "default": {
     background: {
-      checked: 'colors.brand.primary.600',
-      unchecked: 'colors.brand.gray.600.lowContrast'
+      checked: 'colors.interactive.background.primary.highlighted',
+      unchecked: 'colors.interactive.background.gray.fadedHighlighted'
     }
   }
 };

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 type { Theme } from '~components/BladeProvider';\nimport type { SelectorInputHoverTokens } from '~components/Form/Selector/types';\nimport type { DurationString, EasingString } from '~tokens/global/motion';\nimport { size } from '~tokens/global';\nimport type { DotNotationColorStringToken } from '~utils/types';\n\ntype ColorTokens = `colors.${DotNotationColorStringToken<Theme['colors']>}` | 'transparent';\ntype State = {\n  checked: ColorTokens;\n  unchecked: ColorTokens;\n};\ntype SwitchColors = {\n  track: Record<'default' | 'disabled', Record<string, State>>;\n  thumb: Record<'default' | 'disabled', Record<string, ColorTokens>>;\n  thumbIcon: Record<'default' | 'disabled', Record<string, ColorTokens>>;\n};\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: SwitchColors = {\n  track: {\n    default: {\n      background: {\n        checked: 'colors.brand.primary.500',\n        unchecked: 'colors.brand.gray.500.lowContrast',\n      },\n    },\n    disabled: {\n      background: {\n        checked: 'colors.brand.primary.400',\n        unchecked: 'colors.brand.gray.a100.lowContrast',\n      },\n    },\n  },\n  thumb: {\n    default: {\n      background: 'colors.brand.gray.700.highContrast',\n    },\n    disabled: {\n      background: 'colors.brand.gray.200.lowContrast',\n    },\n  },\n  thumbIcon: {\n    default: {\n      fill: 'colors.brand.gray.200.highContrast',\n    },\n    disabled: {\n      fill: 'colors.surface.text.placeholder.lowContrast',\n    },\n  },\n};\n\nconst switchMotion: Record<string, Record<string, `motion.${EasingString | DurationString}`>> = {\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};\n\nconst switchHoverTokens: SelectorInputHoverTokens = {\n  default: {\n    background: {\n      checked: 'colors.brand.primary.600',\n      unchecked: 'colors.brand.gray.600.lowContrast',\n    },\n  },\n};\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":";;;AAiBA,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,YAA0B,GAAG;AACjCT,EAAAA,KAAK,EAAE;IACL,SAAS,EAAA;AACPU,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAE,0BAA0B;AACnCC,QAAAA,SAAS,EAAE,mCAAA;AACb,OAAA;KACD;AACDC,IAAAA,QAAQ,EAAE;AACRH,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAE,0BAA0B;AACnCC,QAAAA,SAAS,EAAE,oCAAA;AACb,OAAA;AACF,KAAA;GACD;AACDJ,EAAAA,KAAK,EAAE;IACL,SAAS,EAAA;AACPE,MAAAA,UAAU,EAAE,oCAAA;KACb;AACDG,IAAAA,QAAQ,EAAE;AACRH,MAAAA,UAAU,EAAE,mCAAA;AACd,KAAA;GACD;AACDI,EAAAA,SAAS,EAAE;IACT,SAAS,EAAA;AACPC,MAAAA,IAAI,EAAE,oCAAA;KACP;AACDF,IAAAA,QAAQ,EAAE;AACRE,MAAAA,IAAI,EAAE,6CAAA;AACR,KAAA;AACF,GAAA;AACF,EAAC;AAED,IAAMC,YAAuF,GAAG;AAC9FC,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,EAAC;AAED,IAAMmB,iBAA2C,GAAG;EAClD,SAAS,EAAA;AACPT,IAAAA,UAAU,EAAE;AACVC,MAAAA,OAAO,EAAE,0BAA0B;AACnCC,MAAAA,SAAS,EAAE,mCAAA;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.faded',\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.fadedHighlighted',\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,0CAAA;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,qDAAA;AACb,KAAA;AACF,GAAA;AACF;;;;"}

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

@@ -11,7 +11,7 @@ import styled from 'styled-components';
 import usePresence from 'use-presence';
 import { TableContext } from './TableContext.js';
 import { ComponentIds } from './componentIds.js';
-import { firstColumnStickyHeaderFooterZIndex, checkboxCellWidth, tablePagination, refreshWrapperZIndex } from './tokens.js';
+import { tableBackgroundColor, firstColumnStickyHeaderFooterZIndex, checkboxCellWidth, tablePagination, refreshWrapperZIndex } from './tokens.js';
 import '../../utils/index.js';
 import '../../utils/isValidAllowedChildren/index.js';
 import '../../utils/logger/index.js';
@@ -22,6 +22,7 @@ import '../Box/styledProps/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../BladeProvider/index.js';
+import getIn from '../../utils/lodashButBetter/get.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { getComponentId, isValidAllowedChildren } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import useTheme from '../BladeProvider/useTheme.js';
@@ -35,7 +36,7 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { Spinner } from '../Spinner/Spinner/Spinner.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["children", "data", "selectionType", "onSelectionChange", "isHeaderSticky", "isFooterSticky", "isFirstColumnSticky", "rowDensity", "onSortChange", "sortFunctions", "toolbar", "pagination", "height", "showStripedRows", "gridTemplateColumns", "surfaceLevel", "isLoading", "isRefreshing"];
+var _excluded = ["children", "data", "selectionType", "onSelectionChange", "isHeaderSticky", "isFooterSticky", "isFirstColumnSticky", "rowDensity", "onSortChange", "sortFunctions", "toolbar", "pagination", "height", "showStripedRows", "gridTemplateColumns", "isLoading", "isRefreshing"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var rowSelectType = {
@@ -116,8 +117,6 @@ var _Table = function _Table(_ref3) {
     height = _ref3.height,
     showStripedRows = _ref3.showStripedRows,
     gridTemplateColumns = _ref3.gridTemplateColumns,
-    _ref3$surfaceLevel = _ref3.surfaceLevel,
-    surfaceLevel = _ref3$surfaceLevel === void 0 ? 2 : _ref3$surfaceLevel,
     _ref3$isLoading = _ref3.isLoading,
     isLoading = _ref3$isLoading === void 0 ? false : _ref3$isLoading,
     _ref3$isRefreshing = _ref3.isRefreshing,
@@ -137,8 +136,13 @@ var _Table = function _Table(_ref3) {
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     totalItems = _React$useState6[0],
     setTotalItems = _React$useState6[1];
+  var _React$useState7 = React__default.useState('client'),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    paginationType = _React$useState8[0],
+    setPaginationType = _React$useState8[1];
   // Need to make header is sticky if first column is sticky otherwise the first header cell will not be sticky
   var shouldHeaderBeSticky = isHeaderSticky !== null && isHeaderSticky !== void 0 ? isHeaderSticky : isFirstColumnSticky;
+  var backgroundColor = tableBackgroundColor;
   var _usePresence = usePresence(isRefreshing, {
       transitionDuration: theme.motion.duration.quick
     }),
@@ -153,7 +157,7 @@ var _Table = function _Table(_ref3) {
   var firstColumnStickyFooterCellCSS = isFirstColumnSticky ? "\n  &:nth-of-type(1) {\n    left: 0 !important;\n    position: sticky !important;\n    z-index: ".concat(firstColumnStickyHeaderFooterZIndex, " !important;\n  }\n  ").concat(selectionType === 'multiple' && "&:nth-of-type(2) {\n    left: ".concat(checkboxCellWidth, "px !important;\n    position: sticky !important;\n    z-index: ").concat(firstColumnStickyHeaderFooterZIndex, " !important;\n  }\n  ")) : '';
   var firstColumnStickyBodyCellCSS = isFirstColumnSticky ? "\n  &:nth-of-type(1) {\n    left: 0 !important;\n    position: sticky !important;\n  }\n  ".concat(selectionType === 'multiple' && "&:nth-of-type(2) {\n    left: ".concat(checkboxCellWidth, "px !important;\n    position: sticky !important;\n  }\n  ")) : '';
   var tableTheme = useTheme$1({
-    Table: "\n    height:".concat(isFooterSticky ? "100%" : undefined, ";\n    border: ").concat(makeBorderSize(theme.border.width.thin), " solid ").concat(theme.colors.surface.border.normal.lowContrast, ";\n    --data-table-library_grid-template-columns: ").concat(gridTemplateColumns !== null && gridTemplateColumns !== void 0 ? gridTemplateColumns : " ".concat(selectionType === 'multiple' ? 'min-content' : '', " repeat(").concat(columnCount, ",minmax(100px, 1fr)) !important;"), " !important;\n    background-color: ").concat(theme.colors.surface.background["level".concat(surfaceLevel)].lowContrast, ";\n    "),
+    Table: "\n    height:".concat(isFooterSticky ? "100%" : undefined, ";\n    border: ").concat(makeBorderSize(theme.border.width.thin), " solid ").concat(theme.colors.surface.border.gray.muted, ";\n    --data-table-library_grid-template-columns: ").concat(gridTemplateColumns !== null && gridTemplateColumns !== void 0 ? gridTemplateColumns : " ".concat(selectionType === 'multiple' ? 'min-content' : '', " repeat(").concat(columnCount, ",minmax(100px, 1fr)) !important;"), " !important;\n    background-color: ").concat(getIn(theme.colors, backgroundColor), ";\n    "),
     HeaderCell: "\n    position: ".concat(shouldHeaderBeSticky ? 'sticky' : 'relative', ";\n    top: ").concat(shouldHeaderBeSticky ? '0' : undefined, ";\n    ").concat(firstColumnStickyHeaderCellCSS, "\n    "),
     Cell: "\n    ".concat(firstColumnStickyBodyCellCSS, "\n    "),
     FooterCell: "\n    position: ".concat(isFooterSticky ? 'sticky' : 'relative', ";\n    bottom: ").concat(isFooterSticky ? '0' : undefined, ";\n    ").concat(firstColumnStickyFooterCellCSS, "\n    ")
@@ -236,6 +240,8 @@ var _Table = function _Table(_ref3) {
       page: 0,
       size: tablePagination.defaultPageSize
     }
+  }, {
+    isServer: paginationType === 'server'
   });
   var currentPaginationState = useMemo(function () {
     return hasPagination ? {
@@ -276,11 +282,13 @@ var _Table = function _Table(_ref3) {
       setPaginationRowSize: setPaginationRowSize,
       currentPaginationState: currentPaginationState,
       showStripedRows: showStripedRows,
-      surfaceLevel: surfaceLevel,
       disabledRows: disabledRows,
-      setDisabledRows: setDisabledRows
+      setDisabledRows: setDisabledRows,
+      paginationType: paginationType,
+      setPaginationType: setPaginationType,
+      backgroundColor: backgroundColor
     };
-  }, [selectionType, selectedRows, totalItems, toggleRowSelectionById, toggleAllRowsSelection, deselectAllRows, rowDensity, toggleSort, currentSortedState, setPaginationPage, setPaginationRowSize, currentPaginationState, showStripedRows, surfaceLevel, disabledRows, setDisabledRows]);
+  }, [selectionType, selectedRows, totalItems, toggleRowSelectionById, toggleAllRowsSelection, deselectAllRows, rowDensity, toggleSort, currentSortedState, setPaginationPage, setPaginationRowSize, currentPaginationState, showStripedRows, disabledRows, setDisabledRows, paginationType, setPaginationType, backgroundColor]);
   return /*#__PURE__*/jsx(TableContext.Provider, {
     value: tableContext,
     children: isLoading ? /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({
@@ -307,7 +315,7 @@ var _Table = function _Table(_ref3) {
         width: "100%",
         height: "100%",
         zIndex: refreshWrapperZIndex,
-        backgroundColor: theme.colors.surface.overlay.background[800],
+        backgroundColor: "overlay.background.subtle",
         justifyContent: "center",
         alignItems: "center",
         display: "flex",

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 { SelectTypes, useRowSelect } 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  firstColumnStickyHeaderFooterZIndex,\n  refreshWrapperZIndex,\n  tablePagination,\n} from './tokens';\nimport type { TableProps, TableNode, Identifier } 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';\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  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  surfaceLevel = 2,\n  isLoading = false,\n  isRefreshing = false,\n  ...styledProps\n}: TableProps<Item>): React.ReactElement => {\n  const { theme } = useTheme();\n  const [selectedRows, setSelectedRows] = React.useState<TableNode<unknown>['id'][]>([]);\n  const [disabledRows, setDisabledRows] = React.useState<TableNode<unknown>['id'][]>([]);\n  const [totalItems, setTotalItems] = React.useState(data.nodes.length || 0);\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\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: ${firstColumnStickyHeaderFooterZIndex} !important;\n  }\n  ${\n    selectionType === 'multiple' &&\n    `&:nth-of-type(2) {\n    left: ${checkboxCellWidth}px !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyHeaderFooterZIndex} !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: ${firstColumnStickyHeaderFooterZIndex} !important;\n  }\n  ${\n    selectionType === 'multiple' &&\n    `&:nth-of-type(2) {\n    left: ${checkboxCellWidth}px !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyHeaderFooterZIndex} !important;\n  }\n  `\n  }`\n    : '';\n  const firstColumnStickyBodyCellCSS = isFirstColumnSticky\n    ? `\n  &:nth-of-type(1) {\n    left: 0 !important;\n    position: sticky !important;\n  }\n  ${\n    selectionType === 'multiple' &&\n    `&:nth-of-type(2) {\n    left: ${checkboxCellWidth}px !important;\n    position: sticky !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.normal.lowContrast\n    };\n    --data-table-library_grid-template-columns: ${\n      gridTemplateColumns ??\n      ` ${\n        selectionType === 'multiple' ? 'min-content' : ''\n      } repeat(${columnCount},minmax(100px, 1fr)) !important;`\n    } !important;\n    background-color: ${theme.colors.surface.background[`level${surfaceLevel}`].lowContrast};\n    `,\n    HeaderCell: `\n    position: ${shouldHeaderBeSticky ? 'sticky' : 'relative'};\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      values: data.nodes.filter((node) => selectedIDs.includes(node.id)),\n    });\n  };\n\n  const rowSelectConfig = useRowSelect(\n    data,\n    {\n      onChange: onSelectChange,\n    },\n    {\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(data, {\n    state: {\n      page: 0,\n      size: tablePagination.defaultPageSize,\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      surfaceLevel,\n      disabledRows,\n      setDisabledRows,\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      surfaceLevel,\n      disabledRows,\n      setDisabledRows,\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(styledProps)}\n          {...metaAttribute({ name: MetaConstants.Table })}\n        >\n          <Spinner accessibilityLabel=\"Loading Table\" size=\"large\" />\n        </BaseBox>\n      ) : (\n        <BaseBox\n          flex={1}\n          position=\"relative\"\n          {...getStyledProps(styledProps)}\n          {...metaAttribute({ name: MetaConstants.Table })}\n        >\n          {isRefreshSpinnerMounted && (\n            <RefreshWrapper\n              position=\"absolute\"\n              width=\"100%\"\n              height=\"100%\"\n              zIndex={refreshWrapperZIndex}\n              backgroundColor={theme.colors.surface.overlay.background[800]}\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            {...metaAttribute({ name: MetaConstants.Table })}\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$selectionType","selectionType","onSelectionChange","isHeaderSticky","isFooterSticky","isFirstColumnSticky","_ref3$rowDensity","rowDensity","onSortChange","sortFunctions","toolbar","pagination","showStripedRows","gridTemplateColumns","_ref3$surfaceLevel","surfaceLevel","_ref3$isLoading","isLoading","_ref3$isRefreshing","isRefreshing","styledProps","_objectWithoutProperties","_excluded","_useTheme2","_React$useState","useState","_React$useState2","_slicedToArray","selectedRows","setSelectedRows","_React$useState3","_React$useState4","disabledRows","setDisabledRows","_React$useState5","nodes","_React$useState6","totalItems","setTotalItems","shouldHeaderBeSticky","_usePresence","usePresence","transitionDuration","isEntering","isRefreshSpinnerMounted","isMounted","isExiting","isVisible","columnCount","firstColumnStickyHeaderCellCSS","firstColumnStickyHeaderFooterZIndex","checkboxCellWidth","firstColumnStickyFooterCellCSS","firstColumnStickyBodyCellCSS","tableTheme","useTableTheme","Table","makeBorderSize","border","width","thin","colors","surface","normal","lowContrast","background","HeaderCell","Cell","FooterCell","useEffect","onSelectChange","action","state","_state$ids","selectedIDs","id","ids","values","node","includes","rowSelectConfig","useRowSelect","onChange","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","currentPaginationState","setPaginationPage","onSetPage","setPaginationRowSize","onSetSize","isValidAllowedChildren","TableToolbar","throwBladeError","message","moduleName","tableContext","_jsx","TableContext","Provider","value","display","flex","alignItems","justifyContent","getStyledProps","metaAttribute","name","MetaConstants","Spinner","accessibilityLabel","_jsxs","position","zIndex","refreshWrapperZIndex","backgroundColor","overlay","color","role","layout","fixedHeader","horizontalScroll","select","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 { SelectTypes, useRowSelect } 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  firstColumnStickyHeaderFooterZIndex,\n  refreshWrapperZIndex,\n  tableBackgroundColor,\n  tablePagination,\n} from './tokens';\nimport type { TableProps, TableNode, Identifier, TablePaginationType } 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';\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  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  ...styledProps\n}: TableProps<Item>): React.ReactElement => {\n  const { theme } = useTheme();\n  const [selectedRows, setSelectedRows] = React.useState<TableNode<unknown>['id'][]>([]);\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  // 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 {\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: ${firstColumnStickyHeaderFooterZIndex} !important;\n  }\n  ${\n    selectionType === 'multiple' &&\n    `&:nth-of-type(2) {\n    left: ${checkboxCellWidth}px !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyHeaderFooterZIndex} !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: ${firstColumnStickyHeaderFooterZIndex} !important;\n  }\n  ${\n    selectionType === 'multiple' &&\n    `&:nth-of-type(2) {\n    left: ${checkboxCellWidth}px !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyHeaderFooterZIndex} !important;\n  }\n  `\n  }`\n    : '';\n  const firstColumnStickyBodyCellCSS = isFirstColumnSticky\n    ? `\n  &:nth-of-type(1) {\n    left: 0 !important;\n    position: sticky !important;\n  }\n  ${\n    selectionType === 'multiple' &&\n    `&:nth-of-type(2) {\n    left: ${checkboxCellWidth}px !important;\n    position: sticky !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      ` ${\n        selectionType === 'multiple' ? 'min-content' : ''\n      } repeat(${columnCount},minmax(100px, 1fr)) !important;`\n    } !important;\n    background-color: ${getIn(theme.colors, backgroundColor)};\n    `,\n    HeaderCell: `\n    position: ${shouldHeaderBeSticky ? 'sticky' : 'relative'};\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      values: data.nodes.filter((node) => selectedIDs.includes(node.id)),\n    });\n  };\n\n  const rowSelectConfig = useRowSelect(\n    data,\n    {\n      onChange: onSelectChange,\n    },\n    {\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    }),\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    ],\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(styledProps)}\n          {...metaAttribute({ name: MetaConstants.Table })}\n        >\n          <Spinner accessibilityLabel=\"Loading Table\" size=\"large\" />\n        </BaseBox>\n      ) : (\n        <BaseBox\n          flex={1}\n          position=\"relative\"\n          {...getStyledProps(styledProps)}\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            {...metaAttribute({ name: MetaConstants.Table })}\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$selectionType","selectionType","onSelectionChange","isHeaderSticky","isFooterSticky","isFirstColumnSticky","_ref3$rowDensity","rowDensity","onSortChange","sortFunctions","toolbar","pagination","showStripedRows","gridTemplateColumns","_ref3$isLoading","isLoading","_ref3$isRefreshing","isRefreshing","styledProps","_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","shouldHeaderBeSticky","backgroundColor","tableBackgroundColor","_usePresence","usePresence","transitionDuration","isEntering","isRefreshSpinnerMounted","isMounted","isExiting","isVisible","columnCount","firstColumnStickyHeaderCellCSS","firstColumnStickyHeaderFooterZIndex","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","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","Spinner","accessibilityLabel","_jsxs","position","zIndex","refreshWrapperZIndex","color","role","layout","fixedHeader","horizontalScroll","select","assignWithoutSideEffects"],"mappings":"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"}