@hitachivantara/uikit-react-core 5.14.1 → 5.16.0

package/dist/esm/components/Stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","sources":["../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React, { useMemo, useRef, useCallback } from \"react\";\nimport { useTheme } from \"@mui/material/styles\";\nimport MuiDivider, {\n  DividerProps as MuiDividerProps,\n} from \"@mui/material/Divider\";\nimport { clsx } from \"clsx\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport { useWidth } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvFocus } from \"@core/components\";\nimport { HvBreakpoints } from \"@core/types/tokens\";\nimport { StyledRoot } from \"./Stack.styles\";\nimport stackClasses, { HvStackClasses } from \"./stackClasses\";\n\nexport type HvStackDirection = \"column\" | \"row\" | Partial<HvStackBreakpoints>;\nexport interface HvStackBreakpoints extends Record<HvBreakpoints, string> {}\n\nexport interface HvStackProps extends HvBaseProps {\n  /** The direction of the stack. Can be either a string or an object that states the direction for each breakpoint. */\n  direction?: HvStackDirection;\n  /** The spacing between elements of the stack. */\n  spacing?: HvBreakpoints;\n  /** The divider component to be used between the stack elements.\n   * - If `true` the Material-UI Divider component will be used.\n   * - If a React node is passed then the custom divider will be used.\n   */\n  divider?: boolean | React.ReactNode;\n  /** The properties to pass on to the Material-UI component. */\n  dividerProps?: MuiDividerProps;\n  /** Sets whether or not there should be arrow navigation between the stack elements. */\n  withNavigation?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvStackClasses;\n}\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n *                     `direction` property is a string and a valid direction then we\n *                     use it. If it's an object with multiple directions by breakpoint\n *                     we use the appropriate one or search for the nearest breakpoint\n *                     smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n  if (isString(direction)) return direction;\n\n  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n    if (direction[breakpoints[i]] !== undefined) {\n      return direction[breakpoints[i]];\n    }\n  }\n  return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the addition of a divider between the elements.\n */\nexport const HvStack = ({\n  classes,\n  className,\n  children,\n  direction = \"column\",\n  spacing = \"sm\",\n  divider = false,\n  withNavigation = false,\n  dividerProps = {},\n  ...others\n}: HvStackProps) => {\n  const width = useWidth();\n  const containerRef = useRef(null);\n  const { breakpoints } = useTheme();\n\n  const processedDirection = useMemo(\n    () => getDirection(direction, width, breakpoints.keys),\n    [direction, width, breakpoints]\n  );\n\n  /**\n   * @returns {node} - The divider component to use. If the property `divider` is\n   *                   set to `true` then the Material-UI divider is used, otherwise\n   *                   we use the custom divider the user passed.\n   */\n  const getDividerComponent = useCallback(() => {\n    if (isBoolean(divider) && divider) {\n      return (\n        <MuiDivider\n          orientation={\n            processedDirection === \"column\" ? \"horizontal\" : \"vertical\"\n          }\n          flexItem={processedDirection === \"row\"}\n          role=\"separator\"\n          {...dividerProps}\n        />\n      );\n    }\n    return divider;\n  }, [divider, dividerProps, processedDirection]);\n\n  return (\n    <StyledRoot\n      ref={containerRef}\n      className={clsx(className, stackClasses.root, classes?.root)}\n      $direction={processedDirection}\n      $breakpoint={spacing}\n      {...others}\n    >\n      {React.Children.map(children, (child, i) => {\n        return (\n          <>\n            {divider && i !== 0 && getDividerComponent()}\n            {withNavigation ? (\n              <HvFocus\n                rootRef={containerRef}\n                focusDisabled={false}\n                strategy=\"grid\"\n                navigationJump={\n                  processedDirection === \"column\"\n                    ? 1\n                    : React.Children.count(children) || 0\n                }\n                filterClass=\"child\"\n              >\n                <div className=\"child\">{child}</div>\n              </HvFocus>\n            ) : (\n              child\n            )}\n          </>\n        );\n      })}\n    </StyledRoot>\n  );\n};\n"],"names":["getDirection","direction","width","breakpoints","isString","i","indexOf","undefined","HvStack","classes","className","children","spacing","divider","withNavigation","dividerProps","others","useWidth","containerRef","useRef","useTheme","processedDirection","useMemo","keys","getDividerComponent","useCallback","isBoolean","MuiDivider","orientation","flexItem","role","StyledRoot","ref","clsx","stackClasses","root","$direction","$breakpoint","React","Children","map","child","_Fragment","_jsx","HvFocus","rootRef","focusDisabled","strategy","navigationJump","count","filterClass"],"mappings":";;;;;;;;;;;AA2CA,MAAMA,eAAeA,CAACC,WAAWC,OAAOC,gBAAgB;AACtD,MAAIC,SAASH,SAAS;AAAUA,WAAAA;AAEvBI,WAAAA,IAAIF,YAAYG,QAAQJ,KAAK,GAAGG,KAAK,GAAGA,KAAK,GAAG;AACvD,QAAIJ,UAAUE,YAAYE,CAAC,CAAC,MAAME,QAAW;AACpCN,aAAAA,UAAUE,YAAYE,CAAC,CAAC;AAAA,IACjC;AAAA,EACF;AACO,SAAA;AACT;AAOO,MAAMG,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAV,YAAY;AAAA,EACZW,UAAU;AAAA,EACVC,UAAU;AAAA,EACVC,iBAAiB;AAAA,EACjBC,eAAe,CAAC;AAAA,EAChB,GAAGC;AACS,MAAM;AAClB,QAAMd,QAAQe;AACRC,QAAAA,eAAeC,OAAO,IAAI;AAC1B,QAAA;AAAA,IAAEhB;AAAAA,MAAgBiB,SAAU;AAElC,QAAMC,qBAAqBC,QACzB,MAAMtB,aAAaC,WAAWC,OAAOC,YAAYoB,IAAI,GACrD,CAACtB,WAAWC,OAAOC,WAAW,CAAC;AAQ3BqB,QAAAA,sBAAsBC,YAAY,MAAM;AACxCC,QAAAA,UAAUb,OAAO,KAAKA,SAAS;AACjC,iCACGc,YAAU;AAAA,QACTC,aACEP,uBAAuB,WAAW,eAAe;AAAA,QAEnDQ,UAAUR,uBAAuB;AAAA,QACjCS,MAAK;AAAA,QAAW,GACZf;AAAAA,MAAAA,CACJ;AAAA,IAEN;AACOF,WAAAA;AAAAA,EACN,GAAA,CAACA,SAASE,cAAcM,kBAAkB,CAAC;AAE9C,6BACGU,YAAU;AAAA,IACTC,KAAKd;AAAAA,IACLR,WAAWuB,KAAKvB,WAAWwB,aAAaC,MAAM1B,mCAAS0B,IAAI;AAAA,IAC3DC,YAAYf;AAAAA,IACZgB,aAAazB;AAAAA,IAAQ,GACjBI;AAAAA,IAAML,UAET2B,eAAMC,SAASC,IAAI7B,UAAU,CAAC8B,OAAOpC,MAAM;AAC1C,kCACEqC,UAAA;AAAA,QAAA/B,UACGE,CAAAA,WAAWR,MAAM,KAAKmB,uBACtBV,iBACC6B,oBAACC,SAAO;AAAA,UACNC,SAAS3B;AAAAA,UACT4B,eAAe;AAAA,UACfC,UAAS;AAAA,UACTC,gBACE3B,uBAAuB,WACnB,IACAiB,eAAMC,SAASU,MAAMtC,QAAQ,KAAK;AAAA,UAExCuC,aAAY;AAAA,UAAOvC,8BAEnB,OAAA;AAAA,YAAKD,WAAU;AAAA,YAAOC,UAAE8B;AAAAA,UAAAA,CAAK;AAAA,QAAO,CAAA,IAGtCA,KACD;AAAA,MAAA,CACA;AAAA,IAAA,CAEN;AAAA,EAAA,CACU;AAEjB;"}
+{"version":3,"file":"Stack.js","sources":["../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React, { useMemo, useRef, useCallback } from \"react\";\nimport { useTheme } from \"@mui/material/styles\";\nimport MuiDivider, {\n  DividerProps as MuiDividerProps,\n} from \"@mui/material/Divider\";\nimport { clsx } from \"clsx\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport { useWidth } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvFocus } from \"@core/components\";\nimport { HvBreakpoints } from \"@core/types/tokens\";\nimport { StyledRoot } from \"./Stack.styles\";\nimport stackClasses, { HvStackClasses } from \"./stackClasses\";\n\nexport type HvStackDirection = \"column\" | \"row\" | Partial<HvStackBreakpoints>;\nexport interface HvStackBreakpoints extends Record<HvBreakpoints, string> {}\n\nexport interface HvStackProps extends HvBaseProps {\n  /** The direction of the stack. Can be either a string or an object that states the direction for each breakpoint. */\n  direction?: HvStackDirection;\n  /** The spacing between elements of the stack. */\n  spacing?: HvBreakpoints;\n  /** The divider component to be used between the stack elements.\n   * - If `true` the Material-UI Divider component will be used.\n   * - If a React node is passed then the custom divider will be used.\n   */\n  divider?: boolean | React.ReactNode;\n  /** The properties to pass on to the Material-UI component. */\n  dividerProps?: MuiDividerProps;\n  /** Sets whether or not there should be arrow navigation between the stack elements. */\n  withNavigation?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvStackClasses;\n}\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n *                     `direction` property is a string and a valid direction then we\n *                     use it. If it's an object with multiple directions by breakpoint\n *                     we use the appropriate one or search for the nearest breakpoint\n *                     smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n  if (isString(direction)) return direction;\n\n  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n    if (direction[breakpoints[i]] !== undefined) {\n      return direction[breakpoints[i]];\n    }\n  }\n  return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the addition of a divider between the elements.\n */\nexport const HvStack = ({\n  classes,\n  className,\n  children,\n  direction = \"column\",\n  spacing = \"sm\",\n  divider = false,\n  withNavigation = false,\n  dividerProps = {},\n  ...others\n}: HvStackProps) => {\n  const width = useWidth();\n  const containerRef = useRef(null);\n  const { breakpoints } = useTheme();\n\n  const processedDirection = useMemo(\n    () => getDirection(direction, width, breakpoints.keys),\n    [direction, width, breakpoints]\n  );\n\n  /**\n   * @returns {node} - The divider component to use. If the property `divider` is\n   *                   set to `true` then the Material-UI divider is used, otherwise\n   *                   we use the custom divider the user passed.\n   */\n  const getDividerComponent = useCallback(() => {\n    if (isBoolean(divider) && divider) {\n      return (\n        <MuiDivider\n          orientation={\n            processedDirection === \"column\" ? \"horizontal\" : \"vertical\"\n          }\n          flexItem={processedDirection === \"row\"}\n          role=\"separator\"\n          {...dividerProps}\n        />\n      );\n    }\n    return divider;\n  }, [divider, dividerProps, processedDirection]);\n\n  return (\n    <StyledRoot\n      ref={containerRef}\n      className={clsx(className, stackClasses.root, classes?.root)}\n      $direction={processedDirection}\n      $breakpoint={spacing}\n      {...others}\n    >\n      {React.Children.map(children, (child, i) => {\n        return (\n          <>\n            {divider && i !== 0 && getDividerComponent()}\n            {withNavigation ? (\n              <HvFocus\n                rootRef={containerRef}\n                focusDisabled={false}\n                strategy=\"grid\"\n                navigationJump={\n                  processedDirection === \"column\"\n                    ? 1\n                    : React.Children.count(children) || 0\n                }\n                filterClass=\"child\"\n              >\n                <div className=\"child\">{child}</div>\n              </HvFocus>\n            ) : (\n              child\n            )}\n          </>\n        );\n      })}\n    </StyledRoot>\n  );\n};\n"],"names":["getDirection","direction","width","breakpoints","isString","i","indexOf","undefined","HvStack","classes","className","children","spacing","divider","withNavigation","dividerProps","others","useWidth","containerRef","useRef","useTheme","processedDirection","useMemo","keys","getDividerComponent","useCallback","isBoolean","MuiDivider","orientation","flexItem","role","StyledRoot","ref","clsx","stackClasses","root","$direction","$breakpoint","React","Children","map","child","_Fragment","_jsx","HvFocus","rootRef","focusDisabled","strategy","navigationJump","count","filterClass"],"mappings":";;;;;;;;;;;AA2CA,MAAMA,eAAeA,CAACC,WAAWC,OAAOC,gBAAgB;AACtD,MAAIC,SAASH,SAAS;AAAUA,WAAAA;AAEvBI,WAAAA,IAAIF,YAAYG,QAAQJ,KAAK,GAAGG,KAAK,GAAGA,KAAK,GAAG;AACvD,QAAIJ,UAAUE,YAAYE,CAAC,CAAC,MAAME,QAAW;AACpCN,aAAAA,UAAUE,YAAYE,CAAC,CAAC;AAAA,IACjC;AAAA,EACF;AACO,SAAA;AACT;AAOO,MAAMG,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAV,YAAY;AAAA,EACZW,UAAU;AAAA,EACVC,UAAU;AAAA,EACVC,iBAAiB;AAAA,EACjBC,eAAe,CAAC;AAAA,EAChB,GAAGC;AACS,MAAM;AAClB,QAAMd,QAAQe;AACRC,QAAAA,eAAeC,OAAO,IAAI;AAC1B,QAAA;AAAA,IAAEhB;AAAAA,MAAgBiB,SAAS;AAEjC,QAAMC,qBAAqBC,QACzB,MAAMtB,aAAaC,WAAWC,OAAOC,YAAYoB,IAAI,GACrD,CAACtB,WAAWC,OAAOC,WAAW,CAChC;AAOMqB,QAAAA,sBAAsBC,YAAY,MAAM;AACxCC,QAAAA,UAAUb,OAAO,KAAKA,SAAS;AACjC,iCACGc,YAAU;AAAA,QACTC,aACEP,uBAAuB,WAAW,eAAe;AAAA,QAEnDQ,UAAUR,uBAAuB;AAAA,QACjCS,MAAK;AAAA,QAAW,GACZf;AAAAA,MAAAA,CACL;AAAA,IAEL;AACOF,WAAAA;AAAAA,EACN,GAAA,CAACA,SAASE,cAAcM,kBAAkB,CAAC;AAE9C,6BACGU,YAAU;AAAA,IACTC,KAAKd;AAAAA,IACLR,WAAWuB,KAAKvB,WAAWwB,aAAaC,MAAM1B,mCAAS0B,IAAI;AAAA,IAC3DC,YAAYf;AAAAA,IACZgB,aAAazB;AAAAA,IAAQ,GACjBI;AAAAA,IAAML,UAET2B,eAAMC,SAASC,IAAI7B,UAAU,CAAC8B,OAAOpC,MAAM;AAC1C,kCACEqC,UAAA;AAAA,QAAA/B,UACGE,CAAAA,WAAWR,MAAM,KAAKmB,uBACtBV,iBACC6B,oBAACC,SAAO;AAAA,UACNC,SAAS3B;AAAAA,UACT4B,eAAe;AAAA,UACfC,UAAS;AAAA,UACTC,gBACE3B,uBAAuB,WACnB,IACAiB,eAAMC,SAASU,MAAMtC,QAAQ,KAAK;AAAA,UAExCuC,aAAY;AAAA,UAAOvC,8BAEnB,OAAA;AAAA,YAAKD,WAAU;AAAA,YAAOC,UAAE8B;AAAAA,UAAAA,CAAW;AAAA,QAC5B,CAAA,IAETA,KACD;AAAA,MAAA,CACD;AAAA,IAAA,CAEL;AAAA,EAAA,CACS;AAEhB;"}

package/dist/esm/components/Stack/Stack.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.styles.js","sources":["../../../../src/components/Stack/Stack.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $direction,\n    $breakpoint,\n  }: {\n    $direction: string;\n    $breakpoint: string;\n  }) => ({\n    display: \"flex\",\n    ...($direction === \"column\" && {\n      flexDirection: \"column\",\n    }),\n    ...($direction === \"row\" && {\n      flexDirection: \"row\",\n    }),\n    ...($breakpoint === \"xs\" && {\n      gap: theme.space.xs,\n    }),\n    ...($breakpoint === \"sm\" && {\n      gap: theme.space.sm,\n    }),\n    ...($breakpoint === \"md\" && {\n      gap: theme.spacing(4),\n    }),\n    ...($breakpoint === \"lg\" && {\n      gap: theme.spacing(6),\n    }),\n    ...($breakpoint === \"xl\" && {\n      gap: theme.spacing(11),\n    }),\n  })\n);\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$direction","$breakpoint","display","flexDirection","gap","theme","space","xs","sm","spacing"],"mappings":";;;;;;;;;;;;;;;;;AAIaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACT,GAAIF,eAAe,YAAY;AAAA,IAC7BG,eAAe;AAAA,EACjB;AAAA,EACA,GAAIH,eAAe,SAAS;AAAA,IAC1BG,eAAe;AAAA,EACjB;AAAA,EACA,GAAIF,gBAAgB,QAAQ;AAAA,IAC1BG,KAAKC,MAAMC,MAAMC;AAAAA,EACnB;AAAA,EACA,GAAIN,gBAAgB,QAAQ;AAAA,IAC1BG,KAAKC,MAAMC,MAAME;AAAAA,EACnB;AAAA,EACA,GAAIP,gBAAgB,QAAQ;AAAA,IAC1BG,KAAKC,MAAMI,QAAQ,CAAC;AAAA,EACtB;AAAA,EACA,GAAIR,gBAAgB,QAAQ;AAAA,IAC1BG,KAAKC,MAAMI,QAAQ,CAAC;AAAA,EACtB;AAAA,EACA,GAAIR,gBAAgB,QAAQ;AAAA,IAC1BG,KAAKC,MAAMI,QAAQ,EAAE;AAAA,EACvB;AACF,IAAEhB,QAAAC,IAAAC,aACH,eAAA,KAAA,qpDAAA;"}
+{"version":3,"file":"Stack.styles.js","sources":["../../../../src/components/Stack/Stack.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $direction,\n    $breakpoint,\n  }: {\n    $direction: string;\n    $breakpoint: string;\n  }) => ({\n    display: \"flex\",\n    ...($direction === \"column\" && {\n      flexDirection: \"column\",\n    }),\n    ...($direction === \"row\" && {\n      flexDirection: \"row\",\n    }),\n    ...($breakpoint === \"xs\" && {\n      gap: theme.space.xs,\n    }),\n    ...($breakpoint === \"sm\" && {\n      gap: theme.space.sm,\n    }),\n    ...($breakpoint === \"md\" && {\n      gap: theme.spacing(4),\n    }),\n    ...($breakpoint === \"lg\" && {\n      gap: theme.spacing(6),\n    }),\n    ...($breakpoint === \"xl\" && {\n      gap: theme.spacing(11),\n    }),\n  })\n);\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$direction","$breakpoint","display","flexDirection","gap","theme","space","xs","sm","spacing"],"mappings":";;;;;;;;;;;;;;;;;AAIaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EACE,CAAC;AAAA,EACCE;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACT,GAAIF,eAAe,YAAY;AAAA,IAC7BG,eAAe;AAAA,EACjB;AAAA,EACA,GAAIH,eAAe,SAAS;AAAA,IAC1BG,eAAe;AAAA,EACjB;AAAA,EACA,GAAIF,gBAAgB,QAAQ;AAAA,IAC1BG,KAAKC,MAAMC,MAAMC;AAAAA,EACnB;AAAA,EACA,GAAIN,gBAAgB,QAAQ;AAAA,IAC1BG,KAAKC,MAAMC,MAAME;AAAAA,EACnB;AAAA,EACA,GAAIP,gBAAgB,QAAQ;AAAA,IAC1BG,KAAKC,MAAMI,QAAQ,CAAC;AAAA,EACtB;AAAA,EACA,GAAIR,gBAAgB,QAAQ;AAAA,IAC1BG,KAAKC,MAAMI,QAAQ,CAAC;AAAA,EACtB;AAAA,EACA,GAAIR,gBAAgB,QAAQ;AAAA,IAC1BG,KAAKC,MAAMI,QAAQ,EAAE;AAAA,EACvB;AACF,IAAEhB,QAAAC,IAAAC,srDACJ;"}

package/dist/esm/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { clsx } from \"clsx\";\nimport { SwitchProps as MuiSwitchProps } from \"@mui/material\";\nimport { useControlled, useUniqueId } from \"@core/hooks\";\nimport { setId } from \"@core/utils\";\nimport {\n  HvWarningText,\n  HvBaseSwitch,\n  HvLabelProps,\n  HvFormStatus,\n} from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n  StyledFormElement,\n  StyledLabel,\n  StyledSwitchContainer,\n} from \"./Switch.styles\";\nimport switchClasses, { HvSwitchClasses } from \"./switchClasses\";\n\nexport interface HvSwitchProps\n  extends Omit<MuiSwitchProps, \"onChange\" | \"classes\">,\n    HvBaseProps<HTMLButtonElement, \"onChange\" | \"color\"> {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the switch.\n   */\n  classes?: HvSwitchClasses;\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id?: string;\n  /**\n   * The form element name.\n   */\n  name?: string;\n  /**\n   * The value of the form element.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  value?: any;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label?: React.ReactNode;\n  /**\n   * @ignore\n   */\n  \"aria-label\"?: string;\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\"?: string;\n  /**\n   * @ignore\n   */\n  \"aria-describedby\"?: string;\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps?: HvLabelProps;\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required?: boolean;\n  /**\n   * If `true` the switch is selected, if set to `false` the switch is not selected.\n   *\n   * When defined the switch state becomes controlled.\n   */\n  checked?: boolean;\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status?: HvFormStatus;\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage?: string;\n  /**\n   * Identifies the element that provides an error message for the switch.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\"?: string;\n  /**\n   * The callback fired when the switch is pressed.\n   */\n  onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n}\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * Use when two states are <b>opposite</b> and to trigger immediate\n * changes in the system.\n */\nexport const HvSwitch = (props: HvSwitchProps) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n\n    checked,\n    defaultChecked = false,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    inputProps,\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvswitch\");\n\n  const [isChecked, setIsChecked] = useControlled(\n    checked,\n    Boolean(defaultChecked)\n  );\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(() => {\n        // this will only run if uncontrolled\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, required, setIsChecked, setValidationState, value]\n  );\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId: string | undefined;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, switchClasses.root, classes?.root)}\n    >\n      {label && (\n        <StyledLabel\n          id={setId(elementId, \"label\")}\n          htmlFor={setId(elementId, \"input\")}\n          label={label}\n          className={clsx(switchClasses.label, classes?.label)}\n          {...labelProps}\n        />\n      )}\n      <StyledSwitchContainer\n        className={clsx(\n          switchClasses.switchContainer,\n          classes?.switchContainer,\n          isStateInvalid &&\n            clsx(switchClasses.invalidSwitch, classes?.invalidSwitch)\n        )}\n        $invalid={isStateInvalid}\n      >\n        <HvBaseSwitch\n          id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n          name={name}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          onChange={onLocalChange}\n          value={value}\n          checked={isChecked}\n          inputProps={{\n            \"aria-invalid\": isStateInvalid ? true : undefined,\n            \"aria-errormessage\": errorMessageId,\n            \"aria-label\": ariaLabel,\n            \"aria-labelledby\": ariaLabelledBy,\n            \"aria-describedby\": ariaDescribedBy,\n            ...inputProps,\n          }}\n          {...others}\n        />\n      </StyledSwitchContainer>\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          className={clsx(switchClasses.error, classes?.error)}\n          disableBorder\n          disableAdornment\n          hideText\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["HvSwitch","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","elementId","useUniqueId","isChecked","setIsChecked","useControlled","Boolean","validationState","setValidationState","validationMessage","onLocalChange","useCallback","evt","newChecked","canShowError","undefined","isStateInvalid","isInvalid","errorMessageId","setId","StyledFormElement","clsx","switchClasses","root","children","_jsx","StyledLabel","htmlFor","StyledSwitchContainer","switchContainer","invalidSwitch","$invalid","HvBaseSwitch","HvWarningText","error","disableBorder","disableAdornment","hideText"],"mappings":"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"}
+{"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { clsx } from \"clsx\";\nimport { SwitchProps as MuiSwitchProps } from \"@mui/material\";\nimport { useControlled, useUniqueId } from \"@core/hooks\";\nimport { setId } from \"@core/utils\";\nimport {\n  HvWarningText,\n  HvBaseSwitch,\n  HvLabelProps,\n  HvFormStatus,\n} from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n  StyledFormElement,\n  StyledLabel,\n  StyledSwitchContainer,\n} from \"./Switch.styles\";\nimport switchClasses, { HvSwitchClasses } from \"./switchClasses\";\n\nexport interface HvSwitchProps\n  extends Omit<MuiSwitchProps, \"onChange\" | \"classes\">,\n    HvBaseProps<HTMLButtonElement, \"onChange\" | \"color\"> {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the switch.\n   */\n  classes?: HvSwitchClasses;\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id?: string;\n  /**\n   * The form element name.\n   */\n  name?: string;\n  /**\n   * The value of the form element.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  value?: any;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label?: React.ReactNode;\n  /**\n   * @ignore\n   */\n  \"aria-label\"?: string;\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\"?: string;\n  /**\n   * @ignore\n   */\n  \"aria-describedby\"?: string;\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps?: HvLabelProps;\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required?: boolean;\n  /**\n   * If `true` the switch is selected, if set to `false` the switch is not selected.\n   *\n   * When defined the switch state becomes controlled.\n   */\n  checked?: boolean;\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status?: HvFormStatus;\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage?: string;\n  /**\n   * Identifies the element that provides an error message for the switch.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\"?: string;\n  /**\n   * The callback fired when the switch is pressed.\n   */\n  onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n}\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * Use when two states are <b>opposite</b> and to trigger immediate\n * changes in the system.\n */\nexport const HvSwitch = (props: HvSwitchProps) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n\n    checked,\n    defaultChecked = false,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    inputProps,\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvswitch\");\n\n  const [isChecked, setIsChecked] = useControlled(\n    checked,\n    Boolean(defaultChecked)\n  );\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(() => {\n        // this will only run if uncontrolled\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, required, setIsChecked, setValidationState, value]\n  );\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId: string | undefined;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, switchClasses.root, classes?.root)}\n    >\n      {label && (\n        <StyledLabel\n          id={setId(elementId, \"label\")}\n          htmlFor={setId(elementId, \"input\")}\n          label={label}\n          className={clsx(switchClasses.label, classes?.label)}\n          {...labelProps}\n        />\n      )}\n      <StyledSwitchContainer\n        className={clsx(\n          switchClasses.switchContainer,\n          classes?.switchContainer,\n          isStateInvalid &&\n            clsx(switchClasses.invalidSwitch, classes?.invalidSwitch)\n        )}\n        $invalid={isStateInvalid}\n      >\n        <HvBaseSwitch\n          id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n          name={name}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          onChange={onLocalChange}\n          value={value}\n          checked={isChecked}\n          inputProps={{\n            \"aria-invalid\": isStateInvalid ? true : undefined,\n            \"aria-errormessage\": errorMessageId,\n            \"aria-label\": ariaLabel,\n            \"aria-labelledby\": ariaLabelledBy,\n            \"aria-describedby\": ariaDescribedBy,\n            ...inputProps,\n          }}\n          {...others}\n        />\n      </StyledSwitchContainer>\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          className={clsx(switchClasses.error, classes?.error)}\n          disableBorder\n          disableAdornment\n          hideText\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["HvSwitch","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","elementId","useUniqueId","isChecked","setIsChecked","useControlled","Boolean","validationState","setValidationState","validationMessage","onLocalChange","useCallback","evt","newChecked","canShowError","undefined","isStateInvalid","isInvalid","errorMessageId","setId","StyledFormElement","clsx","switchClasses","root","children","_jsx","StyledLabel","htmlFor","StyledSwitchContainer","switchContainer","invalidSwitch","$invalid","HvBaseSwitch","HvWarningText","error","disableBorder","disableAdornment","hideText"],"mappings":"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"}

package/dist/esm/components/Switch/Switch.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.styles.js","sources":["../../../../src/components/Switch/Switch.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvLabel, HvFormElement, HvFormElementProps } from \"@core/components\";\n\nexport const StyledFormElement = styled((props: HvFormElementProps) => (\n  <HvFormElement {...props} />\n))({\n  display: \"inline-flex\",\n  flexDirection: \"column\",\n  alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled(HvLabel)({\n  marginBottom: theme.space.xs,\n});\n\nexport const StyledSwitchContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $invalid }: { $invalid: boolean }) => ({\n  height: \"32px\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  justifyContent: \"center\",\n  borderBottom: \"1px solid transparent\",\n\n  ...($invalid && {\n    paddingBottom: theme.switch.invalidPaddingBottom,\n    borderBottom: `1px solid ${theme.colors.negative}`,\n  }),\n}));\n"],"names":["StyledFormElement","_styled","props","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","marginBottom","theme","space","xs","StyledSwitchContainer","_extends","transientOptions","$invalid","height","display","flexDirection","justifyContent","borderBottom","paddingBottom","switch","invalidPaddingBottom","colors","negative"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,oBAAoBC,wBAAO,CAACC,8BACtCC,eAAa;AAAA,EAAA,GAAKD;AAAK,CAAA,GACzBE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIA;AAEK,MAAMC,cAAqBC,wBAAAA,SAAOX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCQ,cAAcC,MAAMC,MAAMC;AAC5B,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,qtDAAA;AAEWc,MAAAA,gDACX,OAAKhB,QAAAC,IAAAC,4BAAAe,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,GACLe,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBc,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAgC,OAAO;AAAA,EAC1CC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,gBAAgB;AAAA,EAChBC,cAAc;AAAA,EAEd,GAAIL,YAAY;AAAA,IACdM,eAAeZ,MAAMa,OAAOC;AAAAA,IAC5BH,cAAe,aAAYX,MAAMe,OAAOC;AAAAA,EAC1C;AACF,IAAE7B,QAAAC,IAAAC,aAAC,eAAA,KAAA,qtDAAA;"}
+{"version":3,"file":"Switch.styles.js","sources":["../../../../src/components/Switch/Switch.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvLabel, HvFormElement, HvFormElementProps } from \"@core/components\";\n\nexport const StyledFormElement = styled((props: HvFormElementProps) => (\n  <HvFormElement {...props} />\n))({\n  display: \"inline-flex\",\n  flexDirection: \"column\",\n  alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled(HvLabel)({\n  marginBottom: theme.space.xs,\n});\n\nexport const StyledSwitchContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $invalid }: { $invalid: boolean }) => ({\n  height: \"32px\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  justifyContent: \"center\",\n  borderBottom: \"1px solid transparent\",\n\n  ...($invalid && {\n    paddingBottom: theme.switch.invalidPaddingBottom,\n    borderBottom: `1px solid ${theme.colors.negative}`,\n  }),\n}));\n"],"names":["StyledFormElement","_styled","props","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","marginBottom","theme","space","xs","StyledSwitchContainer","_extends","transientOptions","$invalid","height","display","flexDirection","justifyContent","borderBottom","paddingBottom","switch","invalidPaddingBottom","colors","negative"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,oBAAoBC,wBAAO,CAACC,8BACtCC,eAAa;AAAA,EAAA,GAAKD;AAAK,CAAG,GAC5BE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAID;AAEM,MAAMC,cAAqBC,wBAAAA,SAAOX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCQ,cAAcC,MAAMC,MAAMC;AAC5B,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,qtDAAA;AAEWc,MAAAA,gDACX,OAAKhB,QAAAC,IAAAC,4BAAAe,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,GACLe,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBc,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEC;AAAgC,OAAO;AAAA,EAC1CC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,gBAAgB;AAAA,EAChBC,cAAc;AAAA,EAEd,GAAIL,YAAY;AAAA,IACdM,eAAeZ,MAAMa,OAAOC;AAAAA,IAC5BH,cAAe,aAAYX,MAAMe,OAAOC;AAAAA,EAC1C;AACF,IAAE7B,QAAAC,IAAAC,aAAC,eAAA,KAAA,qtDAAA;"}

package/dist/esm/components/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { TabProps as MuiTabProps } from \"@mui/material\";\nimport { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledTab } from \"./Tab.styles\";\nimport tabClasses, { HvTabClasses } from \"./tabClasses\";\n\n// Mui Tab props: https://mui.com/material-ui/api/tab/#props\nexport interface HvTabProps\n  extends Omit<MuiTabProps, \"children\">,\n    HvBaseProps<HTMLDivElement, \"children\"> {\n  /** If `true`, the tab will be disabled. */\n  disabled?: boolean;\n  /** The icon element. */\n  icon?: React.ReactElement | string;\n  /** The label element. */\n  label?: React.ReactNode;\n  /** The position of the icon relative to the label. */\n  iconPosition?: \"bottom\" | \"end\" | \"start\" | \"top\";\n  /** A Jss Object used to override or extend the component styles. */\n  classes?: HvTabClasses;\n}\n\nexport const HvTab = ({\n  classes,\n  iconPosition = \"top\",\n  disabled = false,\n  ...others\n}: HvTabProps) => {\n  return (\n    <StyledTab\n      classes={{\n        root: clsx(tabClasses.root, classes?.root),\n        selected: clsx(tabClasses.selected, classes?.selected),\n        disabled: clsx(tabClasses.disabled, classes?.disabled),\n      }}\n      disableRipple\n      disableTouchRipple\n      // Exposes the global class HvIsFocusVisible as a marker not to\n      // be styled directly, but only as helper in specific css queries\n      focusVisibleClassName={clsx(\n        \"HvIsFocusVisible\",\n        clsx(tabClasses.focusVisible, classes?.focusVisible)\n      )}\n      disabled={disabled}\n      iconPosition={iconPosition}\n      {...others}\n    />\n  );\n};\n"],"names":["HvTab","classes","iconPosition","disabled","others","StyledTab","root","clsx","tabClasses","selected","disableRipple","disableTouchRipple","focusVisibleClassName","focusVisible"],"mappings":";;;;AAsBO,MAAMA,QAAQA,CAAC;AAAA,EACpBC;AAAAA,EACAC,eAAe;AAAA,EACfC,WAAW;AAAA,EACX,GAAGC;AACO,MAAM;AAChB,6BACGC,WAAS;AAAA,IACRJ,SAAS;AAAA,MACPK,MAAMC,KAAKC,WAAWF,MAAML,mCAASK,IAAI;AAAA,MACzCG,UAAUF,KAAKC,WAAWC,UAAUR,mCAASQ,QAAQ;AAAA,MACrDN,UAAUI,KAAKC,WAAWL,UAAUF,mCAASE,QAAQ;AAAA,IACvD;AAAA,IACAO,eAAa;AAAA,IACbC,oBAAkB;AAAA,IAGlBC,uBAAuBL,KACrB,oBACAA,KAAKC,WAAWK,cAAcZ,mCAASY,YAAY,CAAC;AAAA,IAEtDV;AAAAA,IACAD;AAAAA,IAA2B,GACvBE;AAAAA,EAAAA,CACJ;AAEN;"}
+{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { TabProps as MuiTabProps } from \"@mui/material\";\nimport { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledTab } from \"./Tab.styles\";\nimport tabClasses, { HvTabClasses } from \"./tabClasses\";\n\n// Mui Tab props: https://mui.com/material-ui/api/tab/#props\nexport interface HvTabProps\n  extends Omit<MuiTabProps, \"children\">,\n    HvBaseProps<HTMLDivElement, \"children\"> {\n  /** If `true`, the tab will be disabled. */\n  disabled?: boolean;\n  /** The icon element. */\n  icon?: React.ReactElement | string;\n  /** The label element. */\n  label?: React.ReactNode;\n  /** The position of the icon relative to the label. */\n  iconPosition?: \"bottom\" | \"end\" | \"start\" | \"top\";\n  /** A Jss Object used to override or extend the component styles. */\n  classes?: HvTabClasses;\n}\n\nexport const HvTab = ({\n  classes,\n  iconPosition = \"top\",\n  disabled = false,\n  ...others\n}: HvTabProps) => {\n  return (\n    <StyledTab\n      classes={{\n        root: clsx(tabClasses.root, classes?.root),\n        selected: clsx(tabClasses.selected, classes?.selected),\n        disabled: clsx(tabClasses.disabled, classes?.disabled),\n      }}\n      disableRipple\n      disableTouchRipple\n      // Exposes the global class HvIsFocusVisible as a marker not to\n      // be styled directly, but only as helper in specific css queries\n      focusVisibleClassName={clsx(\n        \"HvIsFocusVisible\",\n        clsx(tabClasses.focusVisible, classes?.focusVisible)\n      )}\n      disabled={disabled}\n      iconPosition={iconPosition}\n      {...others}\n    />\n  );\n};\n"],"names":["HvTab","classes","iconPosition","disabled","others","StyledTab","root","clsx","tabClasses","selected","disableRipple","disableTouchRipple","focusVisibleClassName","focusVisible"],"mappings":";;;;AAsBO,MAAMA,QAAQA,CAAC;AAAA,EACpBC;AAAAA,EACAC,eAAe;AAAA,EACfC,WAAW;AAAA,EACX,GAAGC;AACO,MAAM;AAChB,6BACGC,WAAS;AAAA,IACRJ,SAAS;AAAA,MACPK,MAAMC,KAAKC,WAAWF,MAAML,mCAASK,IAAI;AAAA,MACzCG,UAAUF,KAAKC,WAAWC,UAAUR,mCAASQ,QAAQ;AAAA,MACrDN,UAAUI,KAAKC,WAAWL,UAAUF,mCAASE,QAAQ;AAAA,IACvD;AAAA,IACAO,eAAa;AAAA,IACbC,oBAAkB;AAAA,IAGlBC,uBAAuBL,KACrB,oBACAA,KAAKC,WAAWK,cAAcZ,mCAASY,YAAY,CACrD;AAAA,IACAV;AAAAA,IACAD;AAAAA,IAA2B,GACvBE;AAAAA,EAAAA,CACL;AAEL;"}

package/dist/esm/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport {\n  CSSProperties,\n  forwardRef,\n  TableHTMLAttributes,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport TableContext from \"./TableContext\";\nimport tableClasses, { HvTableClasses } from \"./tableClasses\";\n\nexport type HvTableVariant = \"listrow\" | \"default\";\nexport type HvTableCellAlign =\n  | \"center\"\n  | \"inherit\"\n  | \"justify\"\n  | \"left\"\n  | \"right\";\nexport type HvTableCellType = \"body\" | \"footer\" | \"head\";\nexport type HvTableCellVariant =\n  | \"checkbox\"\n  | \"expand\"\n  | \"actions\"\n  | \"default\"\n  | \"none\";\n\nexport interface HvTableProps extends TableHTMLAttributes<HTMLTableElement> {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `table`.\n   *\n   * When using non-table elements, layout is up to the developer using the component.\n   */\n  component?: React.ElementType;\n  /** Content to be rendered */\n  children: React.ReactNode;\n  /** Whether the `HvTable` has a sticky header row. */\n  stickyHeader?: boolean;\n  /** Whether the `HvTable` has sticky columns. */\n  stickyColumns?: boolean;\n  /** Whether the `HvTable` has the list row styles or the default. */\n  variant?: HvTableVariant;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableClasses;\n}\n\nconst defaultComponent = \"table\";\n\nconst computeTablePartComponents = (rootComponent) => {\n  if (rootComponent === \"table\") {\n    return {\n      Table: \"table\",\n      THead: \"thead\",\n      TBody: \"tbody\",\n      Tr: \"tr\",\n      Th: \"th\",\n      Td: \"td\",\n    };\n  }\n\n  return {\n    Table: rootComponent,\n    THead: rootComponent,\n    TBody: rootComponent,\n    Tr: rootComponent,\n    Th: rootComponent,\n    Td: rootComponent,\n  };\n};\n\nconst StyledTable = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $stickyHeader,\n      $stickyColumns,\n      $listrow,\n    }: {\n      $stickyHeader: boolean;\n      $stickyColumns: boolean;\n      $listrow: boolean;\n    }) => ({\n      position: \"relative\",\n      width: \"100%\",\n\n      ...(theme.typography.body as CSSProperties),\n\n      \"table&\": {\n        borderSpacing: 0,\n      },\n\n      \"& caption\": {\n        ...(theme.typography.body as CSSProperties),\n        padding: theme.space.xs,\n        textAlign: \"left\",\n        captionSide: \"bottom\",\n      },\n\n      ...($stickyHeader && {}),\n      ...($stickyColumns && {\n        backgroundColor: theme.colors.atmo2,\n      }),\n      ...($listrow && {\n        \"table&\": {\n          borderSpacing: `0 ${theme.space.xs}`,\n        },\n      }),\n    })\n  );\n\n/**\n * A table gathers relational data. It displays values arranged to allow quick numerical analysis like comparison and sorting.\n *\n * The **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,\n * for building tables.\n * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.\n *\n * For better data handling and **advanced features** we recommend the use of the utility hooks collection.\n * See the <a href=\"?id=guides-table-table-hooks--use-hv-hooks&viewMode=docs\" target=\"_self\">Table Hooks documentation</a> for more details.\n */\nexport const HvTable = forwardRef<HTMLElement, HvTableProps>(\n  (\n    {\n      classes,\n      className,\n      component = defaultComponent,\n      stickyHeader = false,\n      stickyColumns = false,\n      variant = \"default\",\n      ...others\n    },\n    ref\n  ) => {\n    const containerRef = useRef(ref);\n\n    const components = useMemo(\n      () => computeTablePartComponents(component),\n      [component]\n    );\n\n    const tableContext = useMemo(\n      () => ({ components, variant, containerRef }),\n      [components, variant, containerRef]\n    );\n\n    const Table = useMemo(() => StyledTable(components.Table), [components]);\n\n    return (\n      <TableContext.Provider value={tableContext}>\n        <Table\n          ref={ref}\n          role={component === defaultComponent ? null : \"table\"}\n          className={clsx(\n            tableClasses.root,\n            classes?.root,\n            stickyHeader &&\n              clsx(tableClasses.stickyHeader, classes?.stickyHeader),\n            stickyColumns &&\n              clsx(tableClasses.stickyColumns, classes?.stickyColumns),\n            variant === \"listrow\" &&\n              clsx(tableClasses.listRow, classes?.listRow),\n            className\n          )}\n          $stickyColumns={stickyColumns}\n          $stickyHeader={stickyHeader}\n          $listrow={variant === \"listrow\"}\n          {...others}\n        />\n      </TableContext.Provider>\n    );\n  }\n);\n"],"names":["defaultComponent","computeTablePartComponents","rootComponent","Table","THead","TBody","Tr","Th","Td","StyledTable","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyHeader","$stickyColumns","$listrow","position","width","theme","typography","body","borderSpacing","padding","space","xs","textAlign","captionSide","backgroundColor","colors","atmo2","HvTable","forwardRef","classes","className","component","stickyHeader","stickyColumns","variant","others","ref","containerRef","useRef","components","useMemo","tableContext","_jsx","TableContext","Provider","value","children","role","clsx","tableClasses","root","listRow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiDA,MAAMA,mBAAmB;AAEzB,MAAMC,6BAA8BC,CAAkB,kBAAA;AACpD,MAAIA,kBAAkB,SAAS;AACtB,WAAA;AAAA,MACLC,OAAO;AAAA,MACPC,OAAO;AAAA,MACPC,OAAO;AAAA,MACPC,IAAI;AAAA,MACJC,IAAI;AAAA,MACJC,IAAI;AAAA,IAAA;AAAA,EAER;AAEO,SAAA;AAAA,IACLL,OAAOD;AAAAA,IACPE,OAAOF;AAAAA,IACPG,OAAOH;AAAAA,IACPI,IAAIJ;AAAAA,IACJK,IAAIL;AAAAA,IACJM,IAAIN;AAAAA,EAAAA;AAER;AAEA,MAAMO,cAAcA,CAACC,MAEjBA,wBAAAA,GAACC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACDC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,UAAU;AAAA,EACVC,OAAO;AAAA,EAEP,GAAIC,MAAMC,WAAWC;AAAAA,EAErB,UAAU;AAAA,IACRC,eAAe;AAAA,EACjB;AAAA,EAEA,aAAa;AAAA,IACX,GAAIH,MAAMC,WAAWC;AAAAA,IACrBE,SAASJ,MAAMK,MAAMC;AAAAA,IACrBC,WAAW;AAAA,IACXC,aAAa;AAAA,EACf;AAAA,EAEA,GAAIb,iBAAiB,CAAC;AAAA,EACtB,GAAIC,kBAAkB;AAAA,IACpBa,iBAAiBT,MAAMU,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAId,YAAY;AAAA,IACd,UAAU;AAAA,MACRM,eAAgB,KAAIH,MAAMK,MAAMC;AAAAA,IAClC;AAAA,EACF;AACF,IAAElB,QAAAC,IAAAC,aACH,eAAA,KAAA,6gOAAA;AAYUsB,MAAAA,UAAUC,WACrB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,YAAYvC;AAAAA,EACZwC,eAAe;AAAA,EACfC,gBAAgB;AAAA,EAChBC,UAAU;AAAA,EACV,GAAGC;AACL,GACAC,QACG;AACGC,QAAAA,eAAeC,OAAOF,GAAG;AAEzBG,QAAAA,aAAaC,QACjB,MAAM/C,2BAA2BsC,SAAS,GAC1C,CAACA,SAAS,CAAC;AAGPU,QAAAA,eAAeD,QACnB,OAAO;AAAA,IAAED;AAAAA,IAAYL;AAAAA,IAASG;AAAAA,EAC9B,IAAA,CAACE,YAAYL,SAASG,YAAY,CAAC;AAG/B1C,QAAAA,QAAQ6C,QAAQ,MAAMvC,YAAYsC,WAAW5C,KAAK,GAAG,CAAC4C,UAAU,CAAC;AAGrEG,SAAAA,oBAACC,aAAaC,UAAQ;AAAA,IAACC,OAAOJ;AAAAA,IAAaK,8BACxCnD,OAAK;AAAA,MACJyC;AAAAA,MACAW,MAAMhB,cAAcvC,mBAAmB,OAAO;AAAA,MAC9CsC,WAAWkB,KACTC,aAAaC,MACbrB,mCAASqB,MACTlB,gBACEgB,KAAKC,aAAajB,cAAcH,mCAASG,YAAY,GACvDC,iBACEe,KAAKC,aAAahB,eAAeJ,mCAASI,aAAa,GACzDC,YAAY,aACVc,KAAKC,aAAaE,SAAStB,mCAASsB,OAAO,GAC7CrB,SAAS;AAAA,MAEXnB,gBAAgBsB;AAAAA,MAChBvB,eAAesB;AAAAA,MACfpB,UAAUsB,YAAY;AAAA,MAAU,GAC5BC;AAAAA,IAAAA,CAAM;AAAA,EAAA,CAEU;AAE5B,CAAC;"}
+{"version":3,"file":"Table.js","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport {\n  CSSProperties,\n  forwardRef,\n  TableHTMLAttributes,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport TableContext from \"./TableContext\";\nimport tableClasses, { HvTableClasses } from \"./tableClasses\";\n\nexport type HvTableVariant = \"listrow\" | \"default\";\nexport type HvTableCellAlign =\n  | \"center\"\n  | \"inherit\"\n  | \"justify\"\n  | \"left\"\n  | \"right\";\nexport type HvTableCellType = \"body\" | \"footer\" | \"head\";\nexport type HvTableCellVariant =\n  | \"checkbox\"\n  | \"expand\"\n  | \"actions\"\n  | \"default\"\n  | \"none\";\n\nexport interface HvTableProps extends TableHTMLAttributes<HTMLTableElement> {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `table`.\n   *\n   * When using non-table elements, layout is up to the developer using the component.\n   */\n  component?: React.ElementType;\n  /** Content to be rendered */\n  children: React.ReactNode;\n  /** Whether the `HvTable` has a sticky header row. */\n  stickyHeader?: boolean;\n  /** Whether the `HvTable` has sticky columns. */\n  stickyColumns?: boolean;\n  /** Whether the `HvTable` has the list row styles or the default. */\n  variant?: HvTableVariant;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableClasses;\n}\n\nconst defaultComponent = \"table\";\n\nconst computeTablePartComponents = (rootComponent) => {\n  if (rootComponent === \"table\") {\n    return {\n      Table: \"table\",\n      THead: \"thead\",\n      TBody: \"tbody\",\n      Tr: \"tr\",\n      Th: \"th\",\n      Td: \"td\",\n    };\n  }\n\n  return {\n    Table: rootComponent,\n    THead: rootComponent,\n    TBody: rootComponent,\n    Tr: rootComponent,\n    Th: rootComponent,\n    Td: rootComponent,\n  };\n};\n\nconst StyledTable = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $stickyHeader,\n      $stickyColumns,\n      $listrow,\n    }: {\n      $stickyHeader: boolean;\n      $stickyColumns: boolean;\n      $listrow: boolean;\n    }) => ({\n      position: \"relative\",\n      width: \"100%\",\n\n      ...(theme.typography.body as CSSProperties),\n\n      \"table&\": {\n        borderSpacing: 0,\n      },\n\n      \"& caption\": {\n        ...(theme.typography.body as CSSProperties),\n        padding: theme.space.xs,\n        textAlign: \"left\",\n        captionSide: \"bottom\",\n      },\n\n      ...($stickyHeader && {}),\n      ...($stickyColumns && {\n        backgroundColor: theme.colors.atmo2,\n      }),\n      ...($listrow && {\n        \"table&\": {\n          borderSpacing: `0 ${theme.space.xs}`,\n        },\n      }),\n    })\n  );\n\n/**\n * A table gathers relational data. It displays values arranged to allow quick numerical analysis like comparison and sorting.\n *\n * The **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,\n * for building tables.\n * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.\n *\n * For better data handling and **advanced features** we recommend the use of the utility hooks collection.\n * See the <a href=\"?id=guides-table-table-hooks--use-hv-hooks&viewMode=docs\" target=\"_self\">Table Hooks documentation</a> for more details.\n */\nexport const HvTable = forwardRef<HTMLElement, HvTableProps>(\n  (\n    {\n      classes,\n      className,\n      component = defaultComponent,\n      stickyHeader = false,\n      stickyColumns = false,\n      variant = \"default\",\n      ...others\n    },\n    ref\n  ) => {\n    const containerRef = useRef(ref);\n\n    const components = useMemo(\n      () => computeTablePartComponents(component),\n      [component]\n    );\n\n    const tableContext = useMemo(\n      () => ({ components, variant, containerRef }),\n      [components, variant, containerRef]\n    );\n\n    const Table = useMemo(() => StyledTable(components.Table), [components]);\n\n    return (\n      <TableContext.Provider value={tableContext}>\n        <Table\n          ref={ref}\n          role={component === defaultComponent ? null : \"table\"}\n          className={clsx(\n            tableClasses.root,\n            classes?.root,\n            stickyHeader &&\n              clsx(tableClasses.stickyHeader, classes?.stickyHeader),\n            stickyColumns &&\n              clsx(tableClasses.stickyColumns, classes?.stickyColumns),\n            variant === \"listrow\" &&\n              clsx(tableClasses.listRow, classes?.listRow),\n            className\n          )}\n          $stickyColumns={stickyColumns}\n          $stickyHeader={stickyHeader}\n          $listrow={variant === \"listrow\"}\n          {...others}\n        />\n      </TableContext.Provider>\n    );\n  }\n);\n"],"names":["defaultComponent","computeTablePartComponents","rootComponent","Table","THead","TBody","Tr","Th","Td","StyledTable","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyHeader","$stickyColumns","$listrow","position","width","theme","typography","body","borderSpacing","padding","space","xs","textAlign","captionSide","backgroundColor","colors","atmo2","HvTable","forwardRef","classes","className","component","stickyHeader","stickyColumns","variant","others","ref","containerRef","useRef","components","useMemo","tableContext","_jsx","TableContext","Provider","value","children","role","clsx","tableClasses","root","listRow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiDA,MAAMA,mBAAmB;AAEzB,MAAMC,6BAA8BC,CAAkB,kBAAA;AACpD,MAAIA,kBAAkB,SAAS;AACtB,WAAA;AAAA,MACLC,OAAO;AAAA,MACPC,OAAO;AAAA,MACPC,OAAO;AAAA,MACPC,IAAI;AAAA,MACJC,IAAI;AAAA,MACJC,IAAI;AAAA,IAAA;AAAA,EAER;AAEO,SAAA;AAAA,IACLL,OAAOD;AAAAA,IACPE,OAAOF;AAAAA,IACPG,OAAOH;AAAAA,IACPI,IAAIJ;AAAAA,IACJK,IAAIL;AAAAA,IACJM,IAAIN;AAAAA,EAAAA;AAER;AAEA,MAAMO,cAAcA,CAACC,MAEjBA,wBAAAA,GAACC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACDC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EACE,CAAC;AAAA,EACCE;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,UAAU;AAAA,EACVC,OAAO;AAAA,EAEP,GAAIC,MAAMC,WAAWC;AAAAA,EAErB,UAAU;AAAA,IACRC,eAAe;AAAA,EACjB;AAAA,EAEA,aAAa;AAAA,IACX,GAAIH,MAAMC,WAAWC;AAAAA,IACrBE,SAASJ,MAAMK,MAAMC;AAAAA,IACrBC,WAAW;AAAA,IACXC,aAAa;AAAA,EACf;AAAA,EAEA,GAAIb,iBAAiB,CAAC;AAAA,EACtB,GAAIC,kBAAkB;AAAA,IACpBa,iBAAiBT,MAAMU,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAId,YAAY;AAAA,IACd,UAAU;AAAA,MACRM,eAAgB,KAAIH,MAAMK,MAAMC;AAAAA,IAClC;AAAA,EACF;AACF,IAAElB,QAAAC,IAAAC,8iOACJ;AAYWsB,MAAAA,UAAUC,WACrB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,YAAYvC;AAAAA,EACZwC,eAAe;AAAA,EACfC,gBAAgB;AAAA,EAChBC,UAAU;AAAA,EACV,GAAGC;AACL,GACAC,QACG;AACGC,QAAAA,eAAeC,OAAOF,GAAG;AAEzBG,QAAAA,aAAaC,QACjB,MAAM/C,2BAA2BsC,SAAS,GAC1C,CAACA,SAAS,CACZ;AAEMU,QAAAA,eAAeD,QACnB,OAAO;AAAA,IAAED;AAAAA,IAAYL;AAAAA,IAASG;AAAAA,EAC9B,IAAA,CAACE,YAAYL,SAASG,YAAY,CACpC;AAEM1C,QAAAA,QAAQ6C,QAAQ,MAAMvC,YAAYsC,WAAW5C,KAAK,GAAG,CAAC4C,UAAU,CAAC;AAGrEG,SAAAA,oBAACC,aAAaC,UAAQ;AAAA,IAACC,OAAOJ;AAAAA,IAAaK,8BACxCnD,OAAK;AAAA,MACJyC;AAAAA,MACAW,MAAMhB,cAAcvC,mBAAmB,OAAO;AAAA,MAC9CsC,WAAWkB,KACTC,aAAaC,MACbrB,mCAASqB,MACTlB,gBACEgB,KAAKC,aAAajB,cAAcH,mCAASG,YAAY,GACvDC,iBACEe,KAAKC,aAAahB,eAAeJ,mCAASI,aAAa,GACzDC,YAAY,aACVc,KAAKC,aAAaE,SAAStB,mCAASsB,OAAO,GAC7CrB,SACF;AAAA,MACAnB,gBAAgBsB;AAAAA,MAChBvB,eAAesB;AAAAA,MACfpB,UAAUsB,YAAY;AAAA,MAAU,GAC5BC;AAAAA,IAAAA,CACL;AAAA,EAAA,CACoB;AAE3B,CACF;"}

package/dist/esm/components/Table/TableBody/TableBody.js

@@ -26,7 +26,7 @@ const StyledTableBody = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_ENV =
 } : {
   name: "14jhk00",
   styles: "background-color:inherit;position:relative;z-index:0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVCb2R5L1RhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVCb2R5L1RhYmxlQm9keS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjbHN4IH0gZnJvbSBcImNsc3hcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCYXNlUHJvcHMgfSBmcm9tIFwiQGNvcmUvdHlwZXNcIjtcbmltcG9ydCBSZWFjdCwge1xuICBDaGlsZHJlbixcbiAgZm9yd2FyZFJlZixcbiAgaXNWYWxpZEVsZW1lbnQsXG4gIHVzZUNvbnRleHQsXG4gIHVzZU1lbW8sXG4gIHVzZVJlZixcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VGb3JrUmVmIH0gZnJvbSBcIkBjb3JlL2hvb2tzXCI7XG5pbXBvcnQgeyBIdkZvY3VzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB0YWJsZUJvZHlDbGFzc2VzLCB7IEh2VGFibGVCb2R5Q2xhc3NlcyB9IGZyb20gXCIuL3RhYmxlQm9keUNsYXNzZXNcIjtcbmltcG9ydCBUYWJsZUNvbnRleHQgZnJvbSBcIi4uL1RhYmxlQ29udGV4dFwiO1xuaW1wb3J0IFRhYmxlU2VjdGlvbkNvbnRleHQgZnJvbSBcIi4uL1RhYmxlU2VjdGlvbkNvbnRleHRcIjtcblxuZXhwb3J0IGludGVyZmFjZSBIdlRhYmxlQm9keVByb3BzXG4gIGV4dGVuZHMgSHZCYXNlUHJvcHM8SFRNTFRhYmxlU2VjdGlvbkVsZW1lbnQsIFwiY2hpbGRyZW5cIj4ge1xuICAvKipcbiAgICogQ29udGVudCB0byBiZSByZW5kZXJlZFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIFRoZSBjb21wb25lbnQgdXNlZCBmb3IgdGhlIHJvb3Qgbm9kZS4gRWl0aGVyIGEgc3RyaW5nIHRvIHVzZSBhIEhUTUwgZWxlbWVudCBvciBhIGNvbXBvbmVudC5cbiAgICogRGVmYXVsdHMgdG8gdGJvZHkuXG4gICAqL1xuICBjb21wb25lbnQ/OiBSZWFjdC5FbGVtZW50VHlwZTtcbiAgLyoqIFNldHMgd2hldGhlciBvciBub3QgdGhlcmUgc2hvdWxkIGJlIGFycm93IG5hdmlnYXRpb24gYmV0d2VlbiB0aGUgdGFibGUgcm93cyAqL1xuICB3aXRoTmF2aWdhdGlvbj86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlRhYmxlQm9keUNsYXNzZXM7XG59XG5cbmNvbnN0IHRhYmxlU2VjdGlvbkNvbnRleHQgPSB7XG4gIHR5cGU6IFwiYm9keVwiLFxuICBmaWx0ZXJDbGFzc05hbWU6IFwiZ3JpZFwiLFxufTtcblxuY29uc3QgZGVmYXVsdENvbXBvbmVudCA9IFwidGJvZHlcIjtcblxuY29uc3QgU3R5bGVkVGFibGVCb2R5ID0gKGM6IGFueSkgPT5cbiAgc3R5bGVkKGMpKHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiaW5oZXJpdFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgekluZGV4OiAwLFxuICB9KTtcblxuLyoqXG4gKiBIdlRhYmxlQm9keSBhY3RzIGFzIGEgYHRib2R5YCBlbGVtZW50LlxuICogYEh2VGFibGVDZWxsYCBhbmQgYEh2VGFibGVSb3dgIGVsZW1lbnRzIGluIGl0IGluaGVyaXQgYm9keS1zcGVjaWZpYyBzdHlsZXNcbiAqL1xuZXhwb3J0IGNvbnN0IEh2VGFibGVCb2R5ID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSHZUYWJsZUJvZHlQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBjbGFzc2VzLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgY29tcG9uZW50LFxuICAgICAgY2hpbGRyZW4sXG4gICAgICB3aXRoTmF2aWdhdGlvbiA9IGZhbHNlLFxuICAgICAgLi4ub3RoZXJzXG4gICAgfSxcbiAgICBleHRlcm5hbFJlZlxuICApID0+IHtcbiAgICBjb25zdCB0YWJsZUNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlQ29udGV4dCk7XG5cbiAgICBjb25zdCBib2R5UmVmID0gdXNlUmVmKG51bGwpO1xuXG4gICAgY29uc3QgaGFuZGxlUmVmID0gdXNlRm9ya1JlZihleHRlcm5hbFJlZiwgYm9keVJlZik7XG5cbiAgICBjb25zdCBDb21wb25lbnQgPVxuICAgICAgY29tcG9uZW50IHx8IHRhYmxlQ29udGV4dD8uY29tcG9uZW50cz8uVEJvZHkgfHwgZGVmYXVsdENvbXBvbmVudDtcblxuICAgIGNvbnN0IFRhYmxlQm9keSA9IHVzZU1lbW8oKCkgPT4gU3R5bGVkVGFibGVCb2R5KENvbXBvbmVudCksIFtDb21wb25lbnRdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8VGFibGVTZWN0aW9uQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17dGFibGVTZWN0aW9uQ29udGV4dH0+XG4gICAgICAgIDxUYWJsZUJvZHlcbiAgICAgICAgICBjbGFzc05hbWU9e2Nsc3godGFibGVCb2R5Q2xhc3Nlcy5yb290LCBjbGFzc2VzPy5yb290LCBjbGFzc05hbWUpfVxuICAgICAgICAgIHJlZj17aGFuZGxlUmVmfVxuICAgICAgICAgIHJvbGU9e0NvbXBvbmVudCA9PT0gZGVmYXVsdENvbXBvbmVudCA/IG51bGwgOiBcInJvd2dyb3VwXCJ9XG4gICAgICAgICAgey4uLm90aGVyc31cbiAgICAgICAgPlxuICAgICAgICAgIHt3aXRoTmF2aWdhdGlvblxuICAgICAgICAgICAgPyBDaGlsZHJlbi5tYXAoY2hpbGRyZW4sIChlbGVtZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKGlzVmFsaWRFbGVtZW50KGVsZW1lbnQpKSB7XG4gICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8SHZGb2N1c1xuICAgICAgICAgICAgICAgICAgICAgIGlkPXtgbXktaWQtJHtlbGVtZW50LmtleX1gfVxuICAgICAgICAgICAgICAgICAgICAgIHJvb3RSZWY9e2JvZHlSZWZ9XG4gICAgICAgICAgICAgICAgICAgICAga2V5PXtgcm93LSR7ZWxlbWVudC5rZXl9YH1cbiAgICAgICAgICAgICAgICAgICAgICBzdHJhdGVneT1cImdyaWRcIlxuICAgICAgICAgICAgICAgICAgICAgIHVzZUFycm93c1xuICAgICAgICAgICAgICAgICAgICAgIGZpbHRlckNsYXNzPXt0YWJsZVNlY3Rpb25Db250ZXh0LmZpbHRlckNsYXNzTmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICBuYXZpZ2F0aW9uSnVtcD17MX1cbiAgICAgICAgICAgICAgICAgICAgICBmb2N1c0Rpc2FibGVkPXtmYWxzZX1cbiAgICAgICAgICAgICAgICAgICAgICBzZWxlY3RlZD17ZWxlbWVudC5wcm9wcy5zZWxlY3RlZH1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIHtlbGVtZW50fVxuICAgICAgICAgICAgICAgICAgICA8L0h2Rm9jdXM+XG4gICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIDogY2hpbGRyZW59XG4gICAgICAgIDwvVGFibGVCb2R5PlxuICAgICAgPC9UYWJsZVNlY3Rpb25Db250ZXh0LlByb3ZpZGVyPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVCb2R5L1RhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVCb2R5L1RhYmxlQm9keS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjbHN4IH0gZnJvbSBcImNsc3hcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCYXNlUHJvcHMgfSBmcm9tIFwiQGNvcmUvdHlwZXNcIjtcbmltcG9ydCBSZWFjdCwge1xuICBDaGlsZHJlbixcbiAgZm9yd2FyZFJlZixcbiAgaXNWYWxpZEVsZW1lbnQsXG4gIHVzZUNvbnRleHQsXG4gIHVzZU1lbW8sXG4gIHVzZVJlZixcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VGb3JrUmVmIH0gZnJvbSBcIkBjb3JlL2hvb2tzXCI7XG5pbXBvcnQgeyBIdkZvY3VzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB0YWJsZUJvZHlDbGFzc2VzLCB7IEh2VGFibGVCb2R5Q2xhc3NlcyB9IGZyb20gXCIuL3RhYmxlQm9keUNsYXNzZXNcIjtcbmltcG9ydCBUYWJsZUNvbnRleHQgZnJvbSBcIi4uL1RhYmxlQ29udGV4dFwiO1xuaW1wb3J0IFRhYmxlU2VjdGlvbkNvbnRleHQgZnJvbSBcIi4uL1RhYmxlU2VjdGlvbkNvbnRleHRcIjtcblxuZXhwb3J0IGludGVyZmFjZSBIdlRhYmxlQm9keVByb3BzXG4gIGV4dGVuZHMgSHZCYXNlUHJvcHM8SFRNTFRhYmxlU2VjdGlvbkVsZW1lbnQsIFwiY2hpbGRyZW5cIj4ge1xuICAvKipcbiAgICogQ29udGVudCB0byBiZSByZW5kZXJlZFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIFRoZSBjb21wb25lbnQgdXNlZCBmb3IgdGhlIHJvb3Qgbm9kZS4gRWl0aGVyIGEgc3RyaW5nIHRvIHVzZSBhIEhUTUwgZWxlbWVudCBvciBhIGNvbXBvbmVudC5cbiAgICogRGVmYXVsdHMgdG8gdGJvZHkuXG4gICAqL1xuICBjb21wb25lbnQ/OiBSZWFjdC5FbGVtZW50VHlwZTtcbiAgLyoqIFNldHMgd2hldGhlciBvciBub3QgdGhlcmUgc2hvdWxkIGJlIGFycm93IG5hdmlnYXRpb24gYmV0d2VlbiB0aGUgdGFibGUgcm93cyAqL1xuICB3aXRoTmF2aWdhdGlvbj86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlRhYmxlQm9keUNsYXNzZXM7XG59XG5cbmNvbnN0IHRhYmxlU2VjdGlvbkNvbnRleHQgPSB7XG4gIHR5cGU6IFwiYm9keVwiLFxuICBmaWx0ZXJDbGFzc05hbWU6IFwiZ3JpZFwiLFxufTtcblxuY29uc3QgZGVmYXVsdENvbXBvbmVudCA9IFwidGJvZHlcIjtcblxuY29uc3QgU3R5bGVkVGFibGVCb2R5ID0gKGM6IGFueSkgPT5cbiAgc3R5bGVkKGMpKHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiaW5oZXJpdFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgekluZGV4OiAwLFxuICB9KTtcblxuLyoqXG4gKiBIdlRhYmxlQm9keSBhY3RzIGFzIGEgYHRib2R5YCBlbGVtZW50LlxuICogYEh2VGFibGVDZWxsYCBhbmQgYEh2VGFibGVSb3dgIGVsZW1lbnRzIGluIGl0IGluaGVyaXQgYm9keS1zcGVjaWZpYyBzdHlsZXNcbiAqL1xuZXhwb3J0IGNvbnN0IEh2VGFibGVCb2R5ID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSHZUYWJsZUJvZHlQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBjbGFzc2VzLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgY29tcG9uZW50LFxuICAgICAgY2hpbGRyZW4sXG4gICAgICB3aXRoTmF2aWdhdGlvbiA9IGZhbHNlLFxuICAgICAgLi4ub3RoZXJzXG4gICAgfSxcbiAgICBleHRlcm5hbFJlZlxuICApID0+IHtcbiAgICBjb25zdCB0YWJsZUNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlQ29udGV4dCk7XG5cbiAgICBjb25zdCBib2R5UmVmID0gdXNlUmVmKG51bGwpO1xuXG4gICAgY29uc3QgaGFuZGxlUmVmID0gdXNlRm9ya1JlZihleHRlcm5hbFJlZiwgYm9keVJlZik7XG5cbiAgICBjb25zdCBDb21wb25lbnQgPVxuICAgICAgY29tcG9uZW50IHx8IHRhYmxlQ29udGV4dD8uY29tcG9uZW50cz8uVEJvZHkgfHwgZGVmYXVsdENvbXBvbmVudDtcblxuICAgIGNvbnN0IFRhYmxlQm9keSA9IHVzZU1lbW8oKCkgPT4gU3R5bGVkVGFibGVCb2R5KENvbXBvbmVudCksIFtDb21wb25lbnRdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8VGFibGVTZWN0aW9uQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17dGFibGVTZWN0aW9uQ29udGV4dH0+XG4gICAgICAgIDxUYWJsZUJvZHlcbiAgICAgICAgICBjbGFzc05hbWU9e2Nsc3godGFibGVCb2R5Q2xhc3Nlcy5yb290LCBjbGFzc2VzPy5yb290LCBjbGFzc05hbWUpfVxuICAgICAgICAgIHJlZj17aGFuZGxlUmVmfVxuICAgICAgICAgIHJvbGU9e0NvbXBvbmVudCA9PT0gZGVmYXVsdENvbXBvbmVudCA/IG51bGwgOiBcInJvd2dyb3VwXCJ9XG4gICAgICAgICAgey4uLm90aGVyc31cbiAgICAgICAgPlxuICAgICAgICAgIHt3aXRoTmF2aWdhdGlvblxuICAgICAgICAgICAgPyBDaGlsZHJlbi5tYXAoY2hpbGRyZW4sIChlbGVtZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKGlzVmFsaWRFbGVtZW50KGVsZW1lbnQpKSB7XG4gICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8SHZGb2N1c1xuICAgICAgICAgICAgICAgICAgICAgIGlkPXtgbXktaWQtJHtlbGVtZW50LmtleX1gfVxuICAgICAgICAgICAgICAgICAgICAgIHJvb3RSZWY9e2JvZHlSZWZ9XG4gICAgICAgICAgICAgICAgICAgICAga2V5PXtgcm93LSR7ZWxlbWVudC5rZXl9YH1cbiAgICAgICAgICAgICAgICAgICAgICBzdHJhdGVneT1cImdyaWRcIlxuICAgICAgICAgICAgICAgICAgICAgIGZpbHRlckNsYXNzPXt0YWJsZVNlY3Rpb25Db250ZXh0LmZpbHRlckNsYXNzTmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICBuYXZpZ2F0aW9uSnVtcD17MX1cbiAgICAgICAgICAgICAgICAgICAgICBmb2N1c0Rpc2FibGVkPXtmYWxzZX1cbiAgICAgICAgICAgICAgICAgICAgICBzZWxlY3RlZD17ZWxlbWVudC5wcm9wcy5zZWxlY3RlZH1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIHtlbGVtZW50fVxuICAgICAgICAgICAgICAgICAgICA8L0h2Rm9jdXM+XG4gICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIDogY2hpbGRyZW59XG4gICAgICAgIDwvVGFibGVCb2R5PlxuICAgICAgPC9UYWJsZVNlY3Rpb25Db250ZXh0LlByb3ZpZGVyPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const HvTableBody = forwardRef(({
@@ -56,7 +56,6 @@ const HvTableBody = forwardRef(({
             id: `my-id-${element.key}`,
             rootRef: bodyRef,
             strategy: "grid",
-            useArrows: true,
             filterClass: tableSectionContext.filterClassName,
             navigationJump: 1,
             focusDisabled: false,

package/dist/esm/components/Table/TableBody/TableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","sources":["../../../../../src/components/Table/TableBody/TableBody.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"@core/types\";\nimport React, {\n  Children,\n  forwardRef,\n  isValidElement,\n  useContext,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { useForkRef } from \"@core/hooks\";\nimport { HvFocus } from \"@core/components\";\nimport tableBodyClasses, { HvTableBodyClasses } from \"./tableBodyClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nexport interface HvTableBodyProps\n  extends HvBaseProps<HTMLTableSectionElement, \"children\"> {\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to tbody.\n   */\n  component?: React.ElementType;\n  /** Sets whether or not there should be arrow navigation between the table rows */\n  withNavigation?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableBodyClasses;\n}\n\nconst tableSectionContext = {\n  type: \"body\",\n  filterClassName: \"grid\",\n};\n\nconst defaultComponent = \"tbody\";\n\nconst StyledTableBody = (c: any) =>\n  styled(c)({\n    backgroundColor: \"inherit\",\n    position: \"relative\",\n    zIndex: 0,\n  });\n\n/**\n * HvTableBody acts as a `tbody` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles\n */\nexport const HvTableBody = forwardRef<HTMLElement, HvTableBodyProps>(\n  (\n    {\n      classes,\n      className,\n      component,\n      children,\n      withNavigation = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const tableContext = useContext(TableContext);\n\n    const bodyRef = useRef(null);\n\n    const handleRef = useForkRef(externalRef, bodyRef);\n\n    const Component =\n      component || tableContext?.components?.TBody || defaultComponent;\n\n    const TableBody = useMemo(() => StyledTableBody(Component), [Component]);\n\n    return (\n      <TableSectionContext.Provider value={tableSectionContext}>\n        <TableBody\n          className={clsx(tableBodyClasses.root, classes?.root, className)}\n          ref={handleRef}\n          role={Component === defaultComponent ? null : \"rowgroup\"}\n          {...others}\n        >\n          {withNavigation\n            ? Children.map(children, (element) => {\n                if (isValidElement(element)) {\n                  return (\n                    <HvFocus\n                      id={`my-id-${element.key}`}\n                      rootRef={bodyRef}\n                      key={`row-${element.key}`}\n                      strategy=\"grid\"\n                      useArrows\n                      filterClass={tableSectionContext.filterClassName}\n                      navigationJump={1}\n                      focusDisabled={false}\n                      selected={element.props.selected}\n                    >\n                      {element}\n                    </HvFocus>\n                  );\n                }\n              })\n            : children}\n        </TableBody>\n      </TableSectionContext.Provider>\n    );\n  }\n);\n"],"names":["tableSectionContext","type","filterClassName","defaultComponent","StyledTableBody","c","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableBody","forwardRef","classes","className","component","children","withNavigation","others","externalRef","tableContext","useContext","TableContext","bodyRef","useRef","handleRef","useForkRef","Component","components","TBody","TableBody","useMemo","_jsx","TableSectionContext","Provider","value","clsx","tableBodyClasses","root","ref","role","Children","element","isValidElement","HvFocus","id","key","rootRef","strategy","useArrows","filterClass","navigationJump","focusDisabled","selected","props"],"mappings":";;;;;;;;;;;;AAkCA,MAAMA,sBAAsB;AAAA,EAC1BC,MAAM;AAAA,EACNC,iBAAiB;AACnB;AAEA,MAAMC,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,MACvBC,wBAAOD,GAACE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIP;AAMSC,MAAAA,cAAcC,WACzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,EACjB,GAAGC;AACL,GACAC,gBACG;;AACGC,QAAAA,eAAeC,WAAWC,YAAY;AAEtCC,QAAAA,UAAUC,OAAO,IAAI;AAErBC,QAAAA,YAAYC,WAAWP,aAAaI,OAAO;AAEjD,QAAMI,YACJZ,eAAaK,kDAAcQ,eAAdR,mBAA0BS,UAAShC;AAE5CiC,QAAAA,YAAYC,QAAQ,MAAMjC,gBAAgB6B,SAAS,GAAG,CAACA,SAAS,CAAC;AAGrEK,SAAAA,oBAACC,oBAAoBC,UAAQ;AAAA,IAACC,OAAOzC;AAAAA,IAAoBsB,8BACtDc,WAAS;AAAA,MACRhB,WAAWsB,KAAKC,iBAAiBC,MAAMzB,mCAASyB,MAAMxB,SAAS;AAAA,MAC/DyB,KAAKd;AAAAA,MACLe,MAAMb,cAAc9B,mBAAmB,OAAO;AAAA,MAAW,GACrDqB;AAAAA,MAAMF,UAETC,iBACGwB,SAASjC,IAAIQ,UAAW0B,CAAY,YAAA;AAC9BC,YAAAA,eAAeD,OAAO,GAAG;AAC3B,qCACGE,SAAO;AAAA,YACNC,IAAK,SAAQH,QAAQI;AAAAA,YACrBC,SAASxB;AAAAA,YAETyB,UAAS;AAAA,YACTC,WAAS;AAAA,YACTC,aAAaxD,oBAAoBE;AAAAA,YACjCuD,gBAAgB;AAAA,YAChBC,eAAe;AAAA,YACfC,UAAUX,QAAQY,MAAMD;AAAAA,YAASrC,UAEhC0B;AAAAA,UAAO,GARF,OAAMA,QAAQI,KAAK;AAAA,QAW/B;AAAA,MACD,CAAA,IACD9B;AAAAA,IAAAA,CAAQ;AAAA,EAAA,CAEe;AAEnC,CAAC;"}
+{"version":3,"file":"TableBody.js","sources":["../../../../../src/components/Table/TableBody/TableBody.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"@core/types\";\nimport React, {\n  Children,\n  forwardRef,\n  isValidElement,\n  useContext,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { useForkRef } from \"@core/hooks\";\nimport { HvFocus } from \"@core/components\";\nimport tableBodyClasses, { HvTableBodyClasses } from \"./tableBodyClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nexport interface HvTableBodyProps\n  extends HvBaseProps<HTMLTableSectionElement, \"children\"> {\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to tbody.\n   */\n  component?: React.ElementType;\n  /** Sets whether or not there should be arrow navigation between the table rows */\n  withNavigation?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableBodyClasses;\n}\n\nconst tableSectionContext = {\n  type: \"body\",\n  filterClassName: \"grid\",\n};\n\nconst defaultComponent = \"tbody\";\n\nconst StyledTableBody = (c: any) =>\n  styled(c)({\n    backgroundColor: \"inherit\",\n    position: \"relative\",\n    zIndex: 0,\n  });\n\n/**\n * HvTableBody acts as a `tbody` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles\n */\nexport const HvTableBody = forwardRef<HTMLElement, HvTableBodyProps>(\n  (\n    {\n      classes,\n      className,\n      component,\n      children,\n      withNavigation = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const tableContext = useContext(TableContext);\n\n    const bodyRef = useRef(null);\n\n    const handleRef = useForkRef(externalRef, bodyRef);\n\n    const Component =\n      component || tableContext?.components?.TBody || defaultComponent;\n\n    const TableBody = useMemo(() => StyledTableBody(Component), [Component]);\n\n    return (\n      <TableSectionContext.Provider value={tableSectionContext}>\n        <TableBody\n          className={clsx(tableBodyClasses.root, classes?.root, className)}\n          ref={handleRef}\n          role={Component === defaultComponent ? null : \"rowgroup\"}\n          {...others}\n        >\n          {withNavigation\n            ? Children.map(children, (element) => {\n                if (isValidElement(element)) {\n                  return (\n                    <HvFocus\n                      id={`my-id-${element.key}`}\n                      rootRef={bodyRef}\n                      key={`row-${element.key}`}\n                      strategy=\"grid\"\n                      filterClass={tableSectionContext.filterClassName}\n                      navigationJump={1}\n                      focusDisabled={false}\n                      selected={element.props.selected}\n                    >\n                      {element}\n                    </HvFocus>\n                  );\n                }\n              })\n            : children}\n        </TableBody>\n      </TableSectionContext.Provider>\n    );\n  }\n);\n"],"names":["tableSectionContext","type","filterClassName","defaultComponent","StyledTableBody","c","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableBody","forwardRef","classes","className","component","children","withNavigation","others","externalRef","tableContext","useContext","TableContext","bodyRef","useRef","handleRef","useForkRef","Component","components","TBody","TableBody","useMemo","_jsx","TableSectionContext","Provider","value","clsx","tableBodyClasses","root","ref","role","Children","element","isValidElement","HvFocus","id","key","rootRef","strategy","filterClass","navigationJump","focusDisabled","selected","props"],"mappings":";;;;;;;;;;;;AAkCA,MAAMA,sBAAsB;AAAA,EAC1BC,MAAM;AAAA,EACNC,iBAAiB;AACnB;AAEA,MAAMC,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,MACvBC,wBAAOD,GAACE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIR;AAMUC,MAAAA,cAAcC,WACzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,EACjB,GAAGC;AACL,GACAC,gBACG;;AACGC,QAAAA,eAAeC,WAAWC,YAAY;AAEtCC,QAAAA,UAAUC,OAAO,IAAI;AAErBC,QAAAA,YAAYC,WAAWP,aAAaI,OAAO;AAEjD,QAAMI,YACJZ,eAAaK,kDAAcQ,eAAdR,mBAA0BS,UAAShC;AAE5CiC,QAAAA,YAAYC,QAAQ,MAAMjC,gBAAgB6B,SAAS,GAAG,CAACA,SAAS,CAAC;AAGrEK,SAAAA,oBAACC,oBAAoBC,UAAQ;AAAA,IAACC,OAAOzC;AAAAA,IAAoBsB,8BACtDc,WAAS;AAAA,MACRhB,WAAWsB,KAAKC,iBAAiBC,MAAMzB,mCAASyB,MAAMxB,SAAS;AAAA,MAC/DyB,KAAKd;AAAAA,MACLe,MAAMb,cAAc9B,mBAAmB,OAAO;AAAA,MAAW,GACrDqB;AAAAA,MAAMF,UAETC,iBACGwB,SAASjC,IAAIQ,UAAW0B,CAAY,YAAA;AAC9BC,YAAAA,eAAeD,OAAO,GAAG;AAC3B,qCACGE,SAAO;AAAA,YACNC,IAAK,SAAQH,QAAQI;AAAAA,YACrBC,SAASxB;AAAAA,YAETyB,UAAS;AAAA,YACTC,aAAavD,oBAAoBE;AAAAA,YACjCsD,gBAAgB;AAAA,YAChBC,eAAe;AAAA,YACfC,UAAUV,QAAQW,MAAMD;AAAAA,YAASpC,UAEhC0B;AAAAA,UAAO,GAPF,OAAMA,QAAQI,KAQb;AAAA,QAEb;AAAA,MACD,CAAA,IACD9B;AAAAA,IAAAA,CACK;AAAA,EAAA,CACiB;AAElC,CACF;"}

package/dist/esm/components/Table/TableCell/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ClassNames } from \"@emotion/react\";\nimport capitalize from \"lodash/capitalize\";\nimport {\n  CSSProperties,\n  forwardRef,\n  TdHTMLAttributes,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { checkValidHexColorValue, getVarValue, hexToRgbA } from \"@core/utils\";\nimport { useTheme } from \"@core/hooks\";\nimport {\n  HvTableCellAlign,\n  HvTableCellType,\n  HvTableCellVariant,\n} from \"../Table\";\nimport tableCellClasses, { HvTableCellClasses } from \"./tableCellClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { styles } from \"./TableCell.styles\";\n\nexport interface HvTableCellProps\n  extends Omit<TdHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n  /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */\n  component?: React.ElementType;\n  /** Content to be rendered */\n  children?: React.ReactNode;\n  /** Inline styles to be applied to the root element. */\n  style?: CSSProperties;\n  /** Set the text-align on the table cell content. */\n  align?: HvTableCellAlign;\n  /** Sets the cell's variant. */\n  variant?: HvTableCellVariant | \"listcheckbox\" | \"listactions\";\n  /** Specify the cell's type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n  type?: HvTableCellType;\n  /** Whether or not the cell is part of a sorted column. */\n  sorted?: boolean;\n  /** The cell is part of a sticky column. */\n  stickyColumn?: boolean;\n  /** The cell is part of the last sticky to the left column. */\n  stickyColumnMostLeft?: boolean;\n  /** The cell is part of the first sticky to the right column. */\n  stickyColumnLeastRight?: boolean;\n  /** The cell is part of the first column in the group. */\n  groupColumnMostLeft?: boolean;\n  /** The cell is part of the last column in the group. */\n  groupColumnMostRight?: boolean;\n  /** Whether or not the cell is resizable */\n  resizable?: boolean;\n  /** Whether or not the cell is being resized */\n  resizing?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableCellClasses;\n}\n\nconst defaultComponent = \"td\";\n\ninterface StyledTableCellProps {\n  $variantList: boolean;\n  $variantListHead: boolean;\n  $stickyColumn: boolean;\n  $stickyColumnMostLeft: boolean;\n  $stickyColumnLeastRight: boolean;\n  $groupColumnMostLeft: boolean;\n  $groupColumnMostRight: boolean;\n  $resizable: boolean;\n  $resizing: boolean;\n  $align: string;\n  $variant: string;\n  $type: string;\n  $sortedColor: string;\n}\n\nconst StyledTableCell = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(({ $stickyColumn, $type, $sortedColor }: StyledTableCellProps) => ({\n    ...($type === \"body\" && {\n      [`&.${tableCellClasses.sorted}`]: {\n        backgroundColor: $sortedColor,\n      },\n    }),\n    ...($stickyColumn && {\n      [`&.${tableCellClasses.sorted}`]: {\n        backgroundImage: `linear-gradient(to right, ${$sortedColor}, ${$sortedColor})`,\n      },\n    }),\n  }));\n\n/**\n * `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nexport const HvTableCell = forwardRef<HTMLElement, HvTableCellProps>(\n  (\n    {\n      children,\n      component,\n      className,\n      style,\n      classes,\n      align = \"inherit\",\n      variant = \"default\",\n      type: typeProp,\n      stickyColumn = false,\n      stickyColumnMostLeft = false,\n      stickyColumnLeastRight = false,\n      groupColumnMostLeft = false,\n      groupColumnMostRight = false,\n      sorted = false,\n      resizable = false,\n      resizing = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const { activeTheme, selectedMode } = useTheme();\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const [sortedColorValue, setSortedColorValue] = useState<\n      string | undefined\n    >();\n    const [sortedColorAlpha, setSortedColorAlpha] = useState<\n      string | undefined\n    >();\n\n    const type = typeProp || tableSectionContext?.type || \"body\";\n\n    const Component =\n      component || tableContext?.components?.Td || defaultComponent;\n\n    const TableCell = useMemo(() => StyledTableCell(Component), [Component]);\n\n    let sortedColor =\n      checkValidHexColorValue(sortedColorValue) && sortedColorAlpha\n        ? hexToRgbA(sortedColorValue, parseFloat(sortedColorAlpha))\n        : sortedColorValue;\n\n    useEffect(() => {\n      setSortedColorValue(getVarValue(theme.table.rowSortedColor));\n      setSortedColorAlpha(getVarValue(theme.table.rowSortedColorAlpha));\n\n      sortedColor =\n        checkValidHexColorValue(sortedColorValue) && sortedColorAlpha\n          ? hexToRgbA(sortedColorValue, parseFloat(sortedColorAlpha))\n          : sortedColorValue;\n    }, [\n      activeTheme?.colors?.modes[selectedMode],\n      sortedColorValue,\n      sortedColorAlpha,\n    ]);\n\n    return (\n      <ClassNames>\n        {({ css, cx }) => (\n          <TableCell\n            ref={externalRef}\n            role={Component === defaultComponent ? null : \"cell\"}\n            style={style}\n            className={cx(\n              tableCellClasses.root,\n              className,\n              classes?.root,\n              css(styles.root),\n              tableCellClasses[type],\n              classes?.[type],\n              css(styles[type]),\n              align !== \"inherit\" &&\n                cx(\n                  tableCellClasses[`align${capitalize(align)}`],\n                  classes?.[`align${capitalize(align)}`],\n                  css(styles[`align${capitalize(align)}`])\n                ),\n              tableContext.variant === \"listrow\" &&\n                cx(\n                  tableCellClasses.variantList,\n                  classes?.variantList,\n                  css(styles.variantList)\n                ),\n              tableContext.variant === \"listrow\" &&\n                type !== \"body\" &&\n                cx(\n                  tableCellClasses.variantListHead,\n                  classes?.variantListHead,\n                  css(styles.variantListHead)\n                ),\n              variant !== \"default\" &&\n                cx(\n                  tableCellClasses[`variant${capitalize(variant)}`],\n                  classes?.[`variant${capitalize(variant)}`],\n                  css(styles[`variant${capitalize(variant)}`])\n                ),\n              sorted &&\n                cx(\n                  tableCellClasses.sorted,\n                  classes?.sorted,\n                  css(styles.sorted)\n                ),\n              stickyColumn &&\n                cx(\n                  tableCellClasses.stickyColumn,\n                  classes?.stickyColumn,\n                  css(styles.stickyColumn)\n                ),\n              stickyColumnMostLeft &&\n                cx(\n                  tableCellClasses.stickyColumnMostLeft,\n                  classes?.stickyColumnMostLeft,\n                  css(styles.stickyColumnMostLeft)\n                ),\n              stickyColumnLeastRight &&\n                cx(\n                  tableCellClasses.stickyColumnLeastRight,\n                  classes?.stickyColumnLeastRight,\n                  css(styles.stickyColumnLeastRight)\n                ),\n              groupColumnMostLeft &&\n                cx(\n                  tableCellClasses.groupColumnMostLeft,\n                  classes?.groupColumnMostLeft,\n                  css(styles.groupColumnMostLeft)\n                ),\n              groupColumnMostRight &&\n                cx(\n                  tableCellClasses.groupColumnMostRight,\n                  classes?.groupColumnMostRight,\n                  css(styles.groupColumnMostRight)\n                ),\n              resizable &&\n                cx(\n                  tableCellClasses.resizable,\n                  classes?.resizable,\n                  css(styles.resizable)\n                ),\n              resizing &&\n                cx(\n                  tableCellClasses.resizing,\n                  classes?.resizing,\n                  css(styles.resizing)\n                )\n            )}\n            $type={type}\n            $stickyColumn={stickyColumn}\n            $sortedColor={sortedColor}\n            {...others}\n          >\n            {children}\n          </TableCell>\n        )}\n      </ClassNames>\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableCell","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyColumn","$type","$sortedColor","tableCellClasses","sorted","backgroundColor","backgroundImage","HvTableCell","forwardRef","children","component","className","style","classes","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","resizable","resizing","others","externalRef","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","sortedColorValue","setSortedColorValue","useState","sortedColorAlpha","setSortedColorAlpha","Component","components","Td","TableCell","useMemo","sortedColor","checkValidHexColorValue","hexToRgbA","parseFloat","useEffect","getVarValue","theme","table","rowSortedColor","rowSortedColorAlpha","colors","modes","ClassNames","css","cx","ref","role","root","styles","capitalize","variantList","variantListHead"],"mappings":"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"}
+{"version":3,"file":"TableCell.js","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ClassNames } from \"@emotion/react\";\nimport capitalize from \"lodash/capitalize\";\nimport {\n  CSSProperties,\n  forwardRef,\n  TdHTMLAttributes,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { checkValidHexColorValue, getVarValue, hexToRgbA } from \"@core/utils\";\nimport { useTheme } from \"@core/hooks\";\nimport {\n  HvTableCellAlign,\n  HvTableCellType,\n  HvTableCellVariant,\n} from \"../Table\";\nimport tableCellClasses, { HvTableCellClasses } from \"./tableCellClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { styles } from \"./TableCell.styles\";\n\nexport interface HvTableCellProps\n  extends Omit<TdHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n  /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */\n  component?: React.ElementType;\n  /** Content to be rendered */\n  children?: React.ReactNode;\n  /** Inline styles to be applied to the root element. */\n  style?: CSSProperties;\n  /** Set the text-align on the table cell content. */\n  align?: HvTableCellAlign;\n  /** Sets the cell's variant. */\n  variant?: HvTableCellVariant | \"listcheckbox\" | \"listactions\";\n  /** Specify the cell's type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n  type?: HvTableCellType;\n  /** Whether or not the cell is part of a sorted column. */\n  sorted?: boolean;\n  /** The cell is part of a sticky column. */\n  stickyColumn?: boolean;\n  /** The cell is part of the last sticky to the left column. */\n  stickyColumnMostLeft?: boolean;\n  /** The cell is part of the first sticky to the right column. */\n  stickyColumnLeastRight?: boolean;\n  /** The cell is part of the first column in the group. */\n  groupColumnMostLeft?: boolean;\n  /** The cell is part of the last column in the group. */\n  groupColumnMostRight?: boolean;\n  /** Whether or not the cell is resizable */\n  resizable?: boolean;\n  /** Whether or not the cell is being resized */\n  resizing?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableCellClasses;\n}\n\nconst defaultComponent = \"td\";\n\ninterface StyledTableCellProps {\n  $variantList: boolean;\n  $variantListHead: boolean;\n  $stickyColumn: boolean;\n  $stickyColumnMostLeft: boolean;\n  $stickyColumnLeastRight: boolean;\n  $groupColumnMostLeft: boolean;\n  $groupColumnMostRight: boolean;\n  $resizable: boolean;\n  $resizing: boolean;\n  $align: string;\n  $variant: string;\n  $type: string;\n  $sortedColor: string;\n}\n\nconst StyledTableCell = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(({ $stickyColumn, $type, $sortedColor }: StyledTableCellProps) => ({\n    ...($type === \"body\" && {\n      [`&.${tableCellClasses.sorted}`]: {\n        backgroundColor: $sortedColor,\n      },\n    }),\n    ...($stickyColumn && {\n      [`&.${tableCellClasses.sorted}`]: {\n        backgroundImage: `linear-gradient(to right, ${$sortedColor}, ${$sortedColor})`,\n      },\n    }),\n  }));\n\n/**\n * `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nexport const HvTableCell = forwardRef<HTMLElement, HvTableCellProps>(\n  (\n    {\n      children,\n      component,\n      className,\n      style,\n      classes,\n      align = \"inherit\",\n      variant = \"default\",\n      type: typeProp,\n      stickyColumn = false,\n      stickyColumnMostLeft = false,\n      stickyColumnLeastRight = false,\n      groupColumnMostLeft = false,\n      groupColumnMostRight = false,\n      sorted = false,\n      resizable = false,\n      resizing = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const { activeTheme, selectedMode } = useTheme();\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const [sortedColorValue, setSortedColorValue] = useState<\n      string | undefined\n    >();\n    const [sortedColorAlpha, setSortedColorAlpha] = useState<\n      string | undefined\n    >();\n\n    const type = typeProp || tableSectionContext?.type || \"body\";\n\n    const Component =\n      component || tableContext?.components?.Td || defaultComponent;\n\n    const TableCell = useMemo(() => StyledTableCell(Component), [Component]);\n\n    let sortedColor =\n      checkValidHexColorValue(sortedColorValue) && sortedColorAlpha\n        ? hexToRgbA(sortedColorValue, parseFloat(sortedColorAlpha))\n        : sortedColorValue;\n\n    useEffect(() => {\n      setSortedColorValue(getVarValue(theme.table.rowSortedColor));\n      setSortedColorAlpha(getVarValue(theme.table.rowSortedColorAlpha));\n\n      sortedColor =\n        checkValidHexColorValue(sortedColorValue) && sortedColorAlpha\n          ? hexToRgbA(sortedColorValue, parseFloat(sortedColorAlpha))\n          : sortedColorValue;\n    }, [\n      activeTheme?.colors?.modes[selectedMode],\n      sortedColorValue,\n      sortedColorAlpha,\n    ]);\n\n    return (\n      <ClassNames>\n        {({ css, cx }) => (\n          <TableCell\n            ref={externalRef}\n            role={Component === defaultComponent ? null : \"cell\"}\n            style={style}\n            className={cx(\n              tableCellClasses.root,\n              className,\n              classes?.root,\n              css(styles.root),\n              tableCellClasses[type],\n              classes?.[type],\n              css(styles[type]),\n              align !== \"inherit\" &&\n                cx(\n                  tableCellClasses[`align${capitalize(align)}`],\n                  classes?.[`align${capitalize(align)}`],\n                  css(styles[`align${capitalize(align)}`])\n                ),\n              tableContext.variant === \"listrow\" &&\n                cx(\n                  tableCellClasses.variantList,\n                  classes?.variantList,\n                  css(styles.variantList)\n                ),\n              tableContext.variant === \"listrow\" &&\n                type !== \"body\" &&\n                cx(\n                  tableCellClasses.variantListHead,\n                  classes?.variantListHead,\n                  css(styles.variantListHead)\n                ),\n              variant !== \"default\" &&\n                cx(\n                  tableCellClasses[`variant${capitalize(variant)}`],\n                  classes?.[`variant${capitalize(variant)}`],\n                  css(styles[`variant${capitalize(variant)}`])\n                ),\n              sorted &&\n                cx(\n                  tableCellClasses.sorted,\n                  classes?.sorted,\n                  css(styles.sorted)\n                ),\n              stickyColumn &&\n                cx(\n                  tableCellClasses.stickyColumn,\n                  classes?.stickyColumn,\n                  css(styles.stickyColumn)\n                ),\n              stickyColumnMostLeft &&\n                cx(\n                  tableCellClasses.stickyColumnMostLeft,\n                  classes?.stickyColumnMostLeft,\n                  css(styles.stickyColumnMostLeft)\n                ),\n              stickyColumnLeastRight &&\n                cx(\n                  tableCellClasses.stickyColumnLeastRight,\n                  classes?.stickyColumnLeastRight,\n                  css(styles.stickyColumnLeastRight)\n                ),\n              groupColumnMostLeft &&\n                cx(\n                  tableCellClasses.groupColumnMostLeft,\n                  classes?.groupColumnMostLeft,\n                  css(styles.groupColumnMostLeft)\n                ),\n              groupColumnMostRight &&\n                cx(\n                  tableCellClasses.groupColumnMostRight,\n                  classes?.groupColumnMostRight,\n                  css(styles.groupColumnMostRight)\n                ),\n              resizable &&\n                cx(\n                  tableCellClasses.resizable,\n                  classes?.resizable,\n                  css(styles.resizable)\n                ),\n              resizing &&\n                cx(\n                  tableCellClasses.resizing,\n                  classes?.resizing,\n                  css(styles.resizing)\n                )\n            )}\n            $type={type}\n            $stickyColumn={stickyColumn}\n            $sortedColor={sortedColor}\n            {...others}\n          >\n            {children}\n          </TableCell>\n        )}\n      </ClassNames>\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableCell","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyColumn","$type","$sortedColor","tableCellClasses","sorted","backgroundColor","backgroundImage","HvTableCell","forwardRef","children","component","className","style","classes","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","resizable","resizing","others","externalRef","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","sortedColorValue","setSortedColorValue","useState","sortedColorAlpha","setSortedColorAlpha","Component","components","Td","TableCell","useMemo","sortedColor","checkValidHexColorValue","hexToRgbA","parseFloat","useEffect","getVarValue","theme","table","rowSortedColor","rowSortedColorAlpha","colors","modes","ClassNames","css","cx","ref","role","root","styles","capitalize","variantList","variantListHead"],"mappings":"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"}

package/dist/esm/components/Table/TableContainer/TableContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableContainer.js","sources":["../../../../../src/components/Table/TableContainer/TableContainer.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"@core/types\";\nimport { forwardRef, useMemo } from \"react\";\nimport tableContainerClasses, {\n  HvTableContainerClasses,\n} from \"./tableContainerClasses\";\n\nexport interface HvTableContainerProps\n  extends HvBaseProps<HTMLDivElement, \"children\"> {\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to tbody.\n   */\n  component?: React.ElementType;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableContainerClasses;\n}\n\nconst StyledTableContainer = (c: any) =>\n  styled(c)({\n    width: \"100%\",\n    overflow: \"auto\",\n    // extra padding to avoid cutting focus rings in the last line\n    paddingBottom: 3,\n  });\n\n/**\n * HvTableContainer is a container for the HvTable\n */\nexport const HvTableContainer = forwardRef<HTMLElement, HvTableContainerProps>(\n  ({ classes, className, component, ...others }, externalRef) => {\n    const Component = component || \"div\";\n\n    const TableContainer = useMemo(\n      () => StyledTableContainer(Component),\n      [Component]\n    );\n\n    return (\n      <TableContainer\n        ref={externalRef}\n        className={clsx(tableContainerClasses.root, classes?.root, className)}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["StyledTableContainer","c","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableContainer","forwardRef","classes","className","component","others","externalRef","Component","TableContainer","useMemo","ref","clsx","tableContainerClasses","root"],"mappings":";;;;;;;;AAuBA,MAAMA,uBAAuBA,CAACC,MAC5BC,wBAAOD,GAACE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAKP;AAKSC,MAAAA,mBAAmBC,WAC9B,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,EAAW,GAAGC;AAAO,GAAGC,gBAAgB;AAC7D,QAAMC,YAAYH,aAAa;AAEzBI,QAAAA,iBAAiBC,QACrB,MAAMtB,qBAAqBoB,SAAS,GACpC,CAACA,SAAS,CAAC;AAGb,6BACGC,gBAAc;AAAA,IACbE,KAAKJ;AAAAA,IACLH,WAAWQ,KAAKC,sBAAsBC,MAAMX,mCAASW,MAAMV,SAAS;AAAA,IAAE,GAClEE;AAAAA,EAAAA,CACJ;AAEN,CAAC;"}
+{"version":3,"file":"TableContainer.js","sources":["../../../../../src/components/Table/TableContainer/TableContainer.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"@core/types\";\nimport { forwardRef, useMemo } from \"react\";\nimport tableContainerClasses, {\n  HvTableContainerClasses,\n} from \"./tableContainerClasses\";\n\nexport interface HvTableContainerProps\n  extends HvBaseProps<HTMLDivElement, \"children\"> {\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to tbody.\n   */\n  component?: React.ElementType;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableContainerClasses;\n}\n\nconst StyledTableContainer = (c: any) =>\n  styled(c)({\n    width: \"100%\",\n    overflow: \"auto\",\n    // extra padding to avoid cutting focus rings in the last line\n    paddingBottom: 3,\n  });\n\n/**\n * HvTableContainer is a container for the HvTable\n */\nexport const HvTableContainer = forwardRef<HTMLElement, HvTableContainerProps>(\n  ({ classes, className, component, ...others }, externalRef) => {\n    const Component = component || \"div\";\n\n    const TableContainer = useMemo(\n      () => StyledTableContainer(Component),\n      [Component]\n    );\n\n    return (\n      <TableContainer\n        ref={externalRef}\n        className={clsx(tableContainerClasses.root, classes?.root, className)}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["StyledTableContainer","c","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableContainer","forwardRef","classes","className","component","others","externalRef","Component","TableContainer","useMemo","ref","clsx","tableContainerClasses","root"],"mappings":";;;;;;;;AAuBA,MAAMA,uBAAuBA,CAACC,MAC5BC,wBAAOD,GAACE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAKR;AAKUC,MAAAA,mBAAmBC,WAC9B,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,EAAW,GAAGC;AAAO,GAAGC,gBAAgB;AAC7D,QAAMC,YAAYH,aAAa;AAEzBI,QAAAA,iBAAiBC,QACrB,MAAMtB,qBAAqBoB,SAAS,GACpC,CAACA,SAAS,CACZ;AAEA,6BACGC,gBAAc;AAAA,IACbE,KAAKJ;AAAAA,IACLH,WAAWQ,KAAKC,sBAAsBC,MAAMX,mCAASW,MAAMV,SAAS;AAAA,IAAE,GAClEE;AAAAA,EAAAA,CACL;AAEL,CACF;"}

package/dist/esm/components/Table/TableHead/TableHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHead.js","sources":["../../../../../src/components/Table/TableHead/TableHead.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"@core/types\";\nimport { forwardRef, useContext, useMemo } from \"react\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport tableHeadClasses, { HvTableHeadClasses } from \"./tableHeadClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nexport interface HvTableHeadProps\n  extends HvBaseProps<HTMLTableSectionElement, \"children\"> {\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to thead.\n   */\n  component?: React.ElementType;\n  /**\n   * The table has sticky headers.\n   */\n  stickyHeader?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableHeadClasses;\n}\n\nconst tableSectionContext = {\n  type: \"head\",\n};\n\nconst defaultComponent = \"thead\";\n\nconst StyledTableHead = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(({ $stickyHeader }: { $stickyHeader: boolean }) => ({\n    ...($stickyHeader && {\n      position: \"sticky\",\n      zIndex: 3,\n      top: 0,\n    }),\n  }));\n\n/**\n * HvTableHead acts as a `thead` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit header-specific styles\n */\nexport const HvTableHead = forwardRef<HTMLElement, HvTableHeadProps>(\n  ({ classes, className, component, stickyHeader, ...others }, externalRef) => {\n    const tableContext = useContext(TableContext);\n\n    const Component =\n      component || tableContext?.components?.THead || defaultComponent;\n\n    const TableHead = useMemo(() => StyledTableHead(Component), [Component]);\n\n    return (\n      <TableSectionContext.Provider value={tableSectionContext}>\n        <TableHead\n          className={clsx(\n            tableHeadClasses.root,\n            classes?.root,\n            className,\n            stickyHeader &&\n              clsx(classes?.stickyHeader, tableHeadClasses.stickyHeader)\n          )}\n          ref={externalRef}\n          role={Component === defaultComponent ? null : \"rowgroup\"}\n          $stickyHeader={stickyHeader}\n          {...others}\n        />\n      </TableSectionContext.Provider>\n    );\n  }\n);\n"],"names":["tableSectionContext","type","defaultComponent","StyledTableHead","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyHeader","position","zIndex","top","HvTableHead","forwardRef","classes","className","component","stickyHeader","others","externalRef","tableContext","useContext","TableContext","Component","components","THead","TableHead","useMemo","_jsx","TableSectionContext","Provider","value","children","clsx","tableHeadClasses","root","ref","role"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAMA,sBAAsB;AAAA,EAC1BC,MAAM;AACR;AAEA,MAAMC,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,MAErBA,wBAAAA,GAACC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACDC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpD,GAAIA,iBAAiB;AAAA,IACnBC,UAAU;AAAA,IACVC,QAAQ;AAAA,IACRC,KAAK;AAAA,EACP;AACF,IAAEV,QAAAC,IAAAC,aAAC,eAAA,KAAA,imHAAA;AAMQS,MAAAA,cAAcC,WACzB,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,EAAWC;AAAAA,EAAc,GAAGC;AAAO,GAAGC,gBAAgB;;AACrEC,QAAAA,eAAeC,WAAWC,YAAY;AAE5C,QAAMC,YACJP,eAAaI,kDAAcI,eAAdJ,mBAA0BK,UAAS3B;AAE5C4B,QAAAA,YAAYC,QAAQ,MAAM5B,gBAAgBwB,SAAS,GAAG,CAACA,SAAS,CAAC;AAGrEK,SAAAA,oBAACC,oBAAoBC,UAAQ;AAAA,IAACC,OAAOnC;AAAAA,IAAoBoC,8BACtDN,WAAS;AAAA,MACRX,WAAWkB,KACTC,iBAAiBC,MACjBrB,mCAASqB,MACTpB,WACAE,gBACEgB,KAAKnB,mCAASG,cAAciB,iBAAiBjB,YAAY,CAAC;AAAA,MAE9DmB,KAAKjB;AAAAA,MACLkB,MAAMd,cAAczB,mBAAmB,OAAO;AAAA,MAC9CU,eAAeS;AAAAA,MAAa,GACxBC;AAAAA,IAAAA,CAAM;AAAA,EAAA,CAEiB;AAEnC,CAAC;"}
+{"version":3,"file":"TableHead.js","sources":["../../../../../src/components/Table/TableHead/TableHead.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"@core/types\";\nimport { forwardRef, useContext, useMemo } from \"react\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport tableHeadClasses, { HvTableHeadClasses } from \"./tableHeadClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nexport interface HvTableHeadProps\n  extends HvBaseProps<HTMLTableSectionElement, \"children\"> {\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to thead.\n   */\n  component?: React.ElementType;\n  /**\n   * The table has sticky headers.\n   */\n  stickyHeader?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableHeadClasses;\n}\n\nconst tableSectionContext = {\n  type: \"head\",\n};\n\nconst defaultComponent = \"thead\";\n\nconst StyledTableHead = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(({ $stickyHeader }: { $stickyHeader: boolean }) => ({\n    ...($stickyHeader && {\n      position: \"sticky\",\n      zIndex: 3,\n      top: 0,\n    }),\n  }));\n\n/**\n * HvTableHead acts as a `thead` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit header-specific styles\n */\nexport const HvTableHead = forwardRef<HTMLElement, HvTableHeadProps>(\n  ({ classes, className, component, stickyHeader, ...others }, externalRef) => {\n    const tableContext = useContext(TableContext);\n\n    const Component =\n      component || tableContext?.components?.THead || defaultComponent;\n\n    const TableHead = useMemo(() => StyledTableHead(Component), [Component]);\n\n    return (\n      <TableSectionContext.Provider value={tableSectionContext}>\n        <TableHead\n          className={clsx(\n            tableHeadClasses.root,\n            classes?.root,\n            className,\n            stickyHeader &&\n              clsx(classes?.stickyHeader, tableHeadClasses.stickyHeader)\n          )}\n          ref={externalRef}\n          role={Component === defaultComponent ? null : \"rowgroup\"}\n          $stickyHeader={stickyHeader}\n          {...others}\n        />\n      </TableSectionContext.Provider>\n    );\n  }\n);\n"],"names":["tableSectionContext","type","defaultComponent","StyledTableHead","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyHeader","position","zIndex","top","HvTableHead","forwardRef","classes","className","component","stickyHeader","others","externalRef","tableContext","useContext","TableContext","Component","components","THead","TableHead","useMemo","_jsx","TableSectionContext","Provider","value","children","clsx","tableHeadClasses","root","ref","role"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAMA,sBAAsB;AAAA,EAC1BC,MAAM;AACR;AAEA,MAAMC,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,MAErBA,wBAAAA,GAACC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACDC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpD,GAAIA,iBAAiB;AAAA,IACnBC,UAAU;AAAA,IACVC,QAAQ;AAAA,IACRC,KAAK;AAAA,EACP;AACF,IAAEV,QAAAC,IAAAC,aAAC,eAAA,KAAA,imHAAA;AAMQS,MAAAA,cAAcC,WACzB,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,EAAWC;AAAAA,EAAc,GAAGC;AAAO,GAAGC,gBAAgB;;AACrEC,QAAAA,eAAeC,WAAWC,YAAY;AAE5C,QAAMC,YACJP,eAAaI,kDAAcI,eAAdJ,mBAA0BK,UAAS3B;AAE5C4B,QAAAA,YAAYC,QAAQ,MAAM5B,gBAAgBwB,SAAS,GAAG,CAACA,SAAS,CAAC;AAGrEK,SAAAA,oBAACC,oBAAoBC,UAAQ;AAAA,IAACC,OAAOnC;AAAAA,IAAoBoC,8BACtDN,WAAS;AAAA,MACRX,WAAWkB,KACTC,iBAAiBC,MACjBrB,mCAASqB,MACTpB,WACAE,gBACEgB,KAAKnB,mCAASG,cAAciB,iBAAiBjB,YAAY,CAC7D;AAAA,MACAmB,KAAKjB;AAAAA,MACLkB,MAAMd,cAAczB,mBAAmB,OAAO;AAAA,MAC9CU,eAAeS;AAAAA,MAAa,GACxBC;AAAAA,IAAAA,CACL;AAAA,EAAA,CAC2B;AAElC,CACF;"}

package/dist/esm/components/Table/TableHeader/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","sources":["../../../../../src/components/Table/TableHeader/TableHeader.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  forwardRef,\n  HTMLAttributes,\n  ThHTMLAttributes,\n  useContext,\n  useMemo,\n} from \"react\";\nimport { clsx } from \"clsx\";\nimport capitalize from \"lodash/capitalize\";\nimport styled from \"@emotion/styled\";\nimport { hexToRgb, alpha } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvTypographyProps } from \"@core/components\";\nimport { useTheme } from \"@core/hooks\";\nimport tableHeaderClasses, { HvTableHeaderClasses } from \"./tableHeaderClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { getSortIcon, isParagraph } from \"./utils\";\nimport {\n  StyledHeaderContent,\n  StyledResizer,\n  StyledButton,\n  StyledTypography,\n} from \"./TableHeader.styles\";\nimport {\n  HvTableCellAlign,\n  HvTableCellType,\n  HvTableCellVariant,\n} from \"../Table\";\n\nexport interface HvTableHeaderProps\n  extends Omit<ThHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n  /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to th. */\n  component?: React.ElementType;\n  /** Content to be rendered */\n  children?: React.ReactNode;\n  /** The scope of cells that the header element relates to. */\n  scope?: \"col\" | \"row\" | \"colgroup\" | \"rowgroup\";\n  /** Set the text-align on the table cell content. */\n  align?: HvTableCellAlign;\n  /** Sets the cell's variant. */\n  variant?: HvTableCellVariant;\n  /** Specify the cell type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n  type?: HvTableCellType;\n  /** The cell is part of a sticky column. */\n  stickyColumn?: boolean;\n  /** The cell is part of the last sticky to the left column. */\n  stickyColumnMostLeft?: boolean;\n  /** The cell is part of the first sticky to the right column. */\n  stickyColumnLeastRight?: boolean;\n  /** The cell is part of the first column in the group. */\n  groupColumnMostLeft?: boolean;\n  /** The cell is part of the last column in the group. */\n  groupColumnMostRight?: boolean;\n  /** Whether or not the cell is sorted */\n  sorted?: boolean;\n  /** Whether or not the cell is sortable */\n  sortable?: boolean;\n  /** Set sort direction icon and aria-sort. */\n  sortDirection?: \"ascending\" | \"descending\" | false;\n  /** Extra props to be passed onto the text in the header. */\n  headerTextProps?: HvTypographyProps;\n  /** Whether or not the cell is resizable */\n  resizable?: boolean;\n  /** Whether or not the cell is being resized */\n  resizing?: boolean;\n  /** The resize props injected in the resize handler */\n  resizerProps?: HTMLAttributes<HTMLDivElement>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableHeaderClasses;\n}\n\nconst defaultComponent = \"th\";\n\ninterface StyledTableHeaderProps {\n  $sorted: boolean;\n  $resizable: boolean;\n  $resizing: boolean;\n  $groupColumnMostLeft: boolean;\n  $groupColumnMostRight: boolean;\n  $stickyColumn: boolean;\n  $stickyColumnMostLeft: boolean;\n  $stickyColumnLeastRight: boolean;\n  $variantList: boolean;\n  $align: string;\n  $variant: string;\n  $type: string;\n  $atmo1Color: string;\n}\n\nconst StyledTableHeader = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $sorted,\n      $resizable,\n      $resizing,\n      $groupColumnMostLeft,\n      $groupColumnMostRight,\n      $stickyColumn,\n      $stickyColumnMostLeft,\n      $stickyColumnLeastRight,\n      $variantList,\n      $align,\n      $variant,\n      $type,\n      $atmo1Color,\n    }: StyledTableHeaderProps) => ({\n      // root\n      \"--first-row-cell-height\": \"52px\",\n      \"--cell-height\": \"32px\",\n      height: \"var(--cell-height)\",\n      verticalAlign: \"inherit\",\n      textAlign: \"left\",\n      padding: theme.spacing([0, \"xs\", 0, 32]),\n      borderBottom: `1px solid ${theme.colors.atmo4}`,\n\n      ...($sorted && {\n        [`& .${tableHeaderClasses.sortIcon}`]: {\n          visibility: \"visible\",\n        },\n      }),\n      ...($resizable && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($resizing && {\n        borderRight: `solid 2px ${theme.colors.secondary}`,\n      }),\n      ...($groupColumnMostLeft && {\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($groupColumnMostRight && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n        // due to the \":has()\" selector not being supported in browsers,\n        // this need to be managed with inline styles\n        // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n        // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n        \"&:last-child\": {\n          borderRight: 0,\n        },\n        [`&+:not(.${tableHeaderClasses.stickyColumn})`]: {\n          borderLeft: 0,\n        },\n      }),\n      ...($stickyColumn && {\n        position: \"sticky\",\n        zIndex: 2,\n\n        [`&.${tableHeaderClasses.groupColumnMostRight}+.${tableHeaderClasses.stickyColumn}`]:\n          {\n            borderLeft: 0,\n          },\n      }),\n      ...($stickyColumnMostLeft && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($stickyColumnLeastRight && {\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      // align\n      ...($align === \"center\" && {\n        textAlign: \"center\",\n      }),\n      ...($align === \"justify\" && {\n        textAlign: \"justify\",\n      }),\n      ...($align === \"left\" && {\n        textAlign: \"left\",\n      }),\n      ...($align === \"right\" && {\n        textAlign: \"right\",\n        flexDirection: \"row-reverse\",\n      }),\n      // variant\n      ...($variant === \"checkbox\" && {\n        padding: 0,\n        width: 32,\n        maxWidth: 32,\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($variant === \"actions\" && {\n        padding: 0,\n        width: 32,\n        maxWidth: 32,\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($variant === \"none\" && {\n        padding: 0,\n      }),\n      // type\n      ...($type === \"head\" && {\n        \"*:first-of-type > &\": {\n          height: \"var(--first-row-cell-height)\",\n          borderTop: $variantList\n            ? 0\n            : `1px solid ${theme.table.headerBorderTopColor}`,\n        },\n\n        paddingTop: 8,\n        verticalAlign: \"top\",\n\n        backgroundColor: $variantList ? \"inherit\" : theme.colors.atmo1,\n        borderBottom: $variantList ? 0 : `1px solid ${theme.colors.atmo4}`,\n        ...(theme.typography.label as CSSProperties),\n\n        transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n\n        [`&.${tableHeaderClasses.sortable}`]: {\n          verticalAlign: \"initial\",\n          paddingTop: 0,\n          paddingLeft: 0,\n          cursor: \"pointer\",\n\n          \"&:hover\": {\n            backgroundColor: theme.table.headerHoverColor,\n\n            [`& .${tableHeaderClasses.sortIcon}`]: {\n              visibility: \"visible\",\n            },\n          },\n          \"&:focus-within\": {\n            backgroundColor: theme.table.headerHoverColor,\n\n            [`& .${tableHeaderClasses.sortIcon}`]: {\n              visibility: \"visible\",\n            },\n          },\n        },\n      }),\n      ...($type === \"body\" && {\n        backgroundColor: \"inherit\",\n        ...(theme.typography.body as CSSProperties),\n\n        [`&.${tableHeaderClasses.sortable}:not(.${tableHeaderClasses.variantNone})`]:\n          {\n            paddingLeft: 32,\n          },\n        [`&.${tableHeaderClasses.sorted}`]: {\n          backgroundColor: alpha(hexToRgb($atmo1Color), 0.4),\n        },\n      }),\n      ...($variantList && {\n        backgroundColor: \"inherit\",\n        borderBottom: 0,\n        height: 16,\n        \":first-of-type > &\": {\n          borderTop: 0,\n          height: 16,\n        },\n      }),\n    })\n  );\n\nconst StyledSort = (c: any) =>\n  styled(c)({\n    display: \"inline-flex\",\n    visibility: \"hidden\",\n  });\n\n/**\n * `HvTableHeader` acts as a `th` element and inherits styles from its context\n */\nexport const HvTableHeader = forwardRef<HTMLElement, HvTableHeaderProps>(\n  (\n    {\n      children,\n      component,\n      className,\n      style,\n      classes,\n      scope: scopeProp,\n      align = \"inherit\",\n      variant = \"default\",\n      type: typeProp,\n      stickyColumn = false,\n      stickyColumnMostLeft = false,\n      stickyColumnLeastRight = false,\n      groupColumnMostLeft = false,\n      groupColumnMostRight = false,\n      sortDirection = \"none\",\n      sorted,\n      sortable,\n      headerTextProps,\n      resizerProps = {},\n      resizable = false,\n      resizing = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const { activeTheme, selectedMode } = useTheme();\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const type = typeProp || tableSectionContext?.type || \"body\";\n    const isHeadCell = type === \"head\";\n\n    const scope = scopeProp ?? isHeadCell ? \"col\" : \"row\";\n\n    const Sort = useMemo(\n      () => getSortIcon(sorted && sortDirection),\n      [sorted, sortDirection]\n    );\n\n    const SortComponent = useMemo(() => StyledSort(Sort), [Sort]);\n\n    const Component =\n      component || tableContext?.components?.Th || defaultComponent;\n\n    const role =\n      Component === defaultComponent\n        ? null\n        : isHeadCell\n        ? \"columnheader\"\n        : \"rowheader\";\n    const paragraph = isParagraph(children);\n\n    const TableHeader = StyledTableHeader(Component);\n\n    return (\n      <TableHeader\n        ref={externalRef}\n        role={role}\n        scope={scope}\n        style={style}\n        className={clsx(\n          className,\n          tableHeaderClasses.root,\n          classes?.root,\n          tableHeaderClasses[type],\n          classes?.[type],\n          groupColumnMostLeft &&\n            clsx(\n              tableHeaderClasses.groupColumnMostLeft,\n              classes?.groupColumnMostLeft\n            ),\n          groupColumnMostRight &&\n            clsx(\n              tableHeaderClasses.groupColumnMostRight,\n              classes?.groupColumnMostRight\n            ),\n          sortable && clsx(tableHeaderClasses.sortable, classes?.sortable),\n          sorted && clsx(tableHeaderClasses.sorted, classes?.sorted),\n          resizable && clsx(tableHeaderClasses.resizable, classes?.resizable),\n          resizing && clsx(tableHeaderClasses.resizing, classes?.resizing),\n          stickyColumn &&\n            clsx(tableHeaderClasses.stickyColumn, classes?.stickyColumn),\n          stickyColumnMostLeft &&\n            clsx(\n              tableHeaderClasses.stickyColumnMostLeft,\n              classes?.stickyColumnMostLeft\n            ),\n          stickyColumnLeastRight &&\n            clsx(\n              tableHeaderClasses.stickyColumnLeastRight,\n              classes?.stickyColumnLeastRight\n            ),\n          tableContext.variant === \"listrow\" &&\n            clsx(tableHeaderClasses.variantList, classes?.variantList),\n          align !== \"inherit\" &&\n            clsx(\n              tableHeaderClasses[`align${capitalize(align)}`],\n              classes?.[`align${capitalize(align)}`]\n            ),\n          variant !== \"default\" &&\n            clsx(\n              tableHeaderClasses[`variant${capitalize(variant)}`],\n              classes?.[`variant${capitalize(variant)}`]\n            )\n        )}\n        aria-sort={sortable ? sortDirection : undefined}\n        $sortable={sortable}\n        $sorted={sorted}\n        $resizable={resizable}\n        $resizing={resizing}\n        $groupColumnMostLeft={groupColumnMostLeft}\n        $groupColumnMostRight={groupColumnMostRight}\n        $stickyColumn={stickyColumn}\n        $stickyColumnMostLeft={stickyColumnMostLeft}\n        $stickyColumnLeastRight={stickyColumnLeastRight}\n        $align={align}\n        $variant={variant}\n        $variantList={tableContext.variant === \"listrow\"}\n        $type={type}\n        $atmo1Color={\n          activeTheme?.colors?.modes[selectedMode].atmo1 || theme.colors.atmo1\n        }\n        {...others}\n      >\n        <StyledHeaderContent\n          className={clsx(\n            tableHeaderClasses.headerContent,\n            classes?.headerContent,\n            align !== \"inherit\" &&\n              clsx(\n                tableHeaderClasses[`alignFlex${capitalize(align)}`],\n                classes?.[`alignFlex${capitalize(align)}`]\n              )\n          )}\n          $align={align}\n        >\n          {isHeadCell && sortable && (\n            <StyledButton\n              className={clsx(\n                tableHeaderClasses.sortButton,\n                classes?.sortButton\n              )}\n              icon\n              variant=\"secondaryGhost\"\n              overrideIconColors={false}\n            >\n              <SortComponent\n                className={clsx(tableHeaderClasses.sortIcon, classes?.sortIcon)}\n              />\n            </StyledButton>\n          )}\n          <StyledTypography\n            component=\"div\"\n            className={clsx(\n              !paragraph &&\n                clsx(tableHeaderClasses.headerText, classes?.headerText),\n              paragraph &&\n                clsx(\n                  tableHeaderClasses.headerParagraph,\n                  classes?.headerParagraph\n                ),\n              sortable &&\n                clsx(\n                  tableHeaderClasses.sortableHeaderText,\n                  classes?.sortableHeaderText\n                )\n            )}\n            variant=\"label\"\n            $headerText={!paragraph}\n            $headerParagraph={paragraph}\n            $sortableHeaderText={!!sortable}\n            {...headerTextProps}\n          >\n            {children}\n          </StyledTypography>\n          {resizable && (\n            <StyledResizer\n              {...resizerProps}\n              className={clsx(tableHeaderClasses.resizer, classes?.resizer)}\n            />\n          )}\n        </StyledHeaderContent>\n      </TableHeader>\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableHeader","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$sorted","$resizable","$resizing","$groupColumnMostLeft","$groupColumnMostRight","$stickyColumn","$stickyColumnMostLeft","$stickyColumnLeastRight","$variantList","$align","$variant","$type","$atmo1Color","height","verticalAlign","textAlign","padding","theme","spacing","borderBottom","colors","atmo4","tableHeaderClasses","sortIcon","visibility","borderRight","secondary","borderLeft","stickyColumn","position","zIndex","groupColumnMostRight","flexDirection","width","maxWidth","borderTop","table","headerBorderTopColor","paddingTop","backgroundColor","atmo1","typography","transition","sortable","paddingLeft","cursor","headerHoverColor","body","variantNone","sorted","alpha","hexToRgb","StyledSort","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableHeader","forwardRef","children","component","className","style","classes","scope","scopeProp","align","variant","type","typeProp","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","sortDirection","headerTextProps","resizerProps","resizable","resizing","others","externalRef","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","isHeadCell","Sort","useMemo","getSortIcon","SortComponent","Component","components","Th","role","paragraph","isParagraph","TableHeader","ref","clsx","root","variantList","capitalize","undefined","$sortable","modes","StyledHeaderContent","headerContent","StyledButton","sortButton","icon","overrideIconColors","_jsx","StyledTypography","headerText","headerParagraph","sortableHeaderText","$headerText","$headerParagraph","$sortableHeaderText","StyledResizer","resizer"],"mappings":"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"}
+{"version":3,"file":"TableHeader.js","sources":["../../../../../src/components/Table/TableHeader/TableHeader.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  forwardRef,\n  HTMLAttributes,\n  ThHTMLAttributes,\n  useContext,\n  useMemo,\n} from \"react\";\nimport { clsx } from \"clsx\";\nimport capitalize from \"lodash/capitalize\";\nimport styled from \"@emotion/styled\";\nimport { hexToRgb, alpha } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvTypographyProps } from \"@core/components\";\nimport { useTheme } from \"@core/hooks\";\nimport tableHeaderClasses, { HvTableHeaderClasses } from \"./tableHeaderClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { getSortIcon, isParagraph } from \"./utils\";\nimport {\n  StyledHeaderContent,\n  StyledResizer,\n  StyledButton,\n  StyledTypography,\n} from \"./TableHeader.styles\";\nimport {\n  HvTableCellAlign,\n  HvTableCellType,\n  HvTableCellVariant,\n} from \"../Table\";\n\nexport interface HvTableHeaderProps\n  extends Omit<ThHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n  /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to th. */\n  component?: React.ElementType;\n  /** Content to be rendered */\n  children?: React.ReactNode;\n  /** The scope of cells that the header element relates to. */\n  scope?: \"col\" | \"row\" | \"colgroup\" | \"rowgroup\";\n  /** Set the text-align on the table cell content. */\n  align?: HvTableCellAlign;\n  /** Sets the cell's variant. */\n  variant?: HvTableCellVariant;\n  /** Specify the cell type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n  type?: HvTableCellType;\n  /** The cell is part of a sticky column. */\n  stickyColumn?: boolean;\n  /** The cell is part of the last sticky to the left column. */\n  stickyColumnMostLeft?: boolean;\n  /** The cell is part of the first sticky to the right column. */\n  stickyColumnLeastRight?: boolean;\n  /** The cell is part of the first column in the group. */\n  groupColumnMostLeft?: boolean;\n  /** The cell is part of the last column in the group. */\n  groupColumnMostRight?: boolean;\n  /** Whether or not the cell is sorted */\n  sorted?: boolean;\n  /** Whether or not the cell is sortable */\n  sortable?: boolean;\n  /** Set sort direction icon and aria-sort. */\n  sortDirection?: \"ascending\" | \"descending\" | false;\n  /** Extra props to be passed onto the text in the header. */\n  headerTextProps?: HvTypographyProps;\n  /** Whether or not the cell is resizable */\n  resizable?: boolean;\n  /** Whether or not the cell is being resized */\n  resizing?: boolean;\n  /** The resize props injected in the resize handler */\n  resizerProps?: HTMLAttributes<HTMLDivElement>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableHeaderClasses;\n}\n\nconst defaultComponent = \"th\";\n\ninterface StyledTableHeaderProps {\n  $sorted: boolean;\n  $resizable: boolean;\n  $resizing: boolean;\n  $groupColumnMostLeft: boolean;\n  $groupColumnMostRight: boolean;\n  $stickyColumn: boolean;\n  $stickyColumnMostLeft: boolean;\n  $stickyColumnLeastRight: boolean;\n  $variantList: boolean;\n  $align: string;\n  $variant: string;\n  $type: string;\n  $atmo1Color: string;\n}\n\nconst StyledTableHeader = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $sorted,\n      $resizable,\n      $resizing,\n      $groupColumnMostLeft,\n      $groupColumnMostRight,\n      $stickyColumn,\n      $stickyColumnMostLeft,\n      $stickyColumnLeastRight,\n      $variantList,\n      $align,\n      $variant,\n      $type,\n      $atmo1Color,\n    }: StyledTableHeaderProps) => ({\n      // root\n      \"--first-row-cell-height\": \"52px\",\n      \"--cell-height\": \"32px\",\n      height: \"var(--cell-height)\",\n      verticalAlign: \"inherit\",\n      textAlign: \"left\",\n      padding: theme.spacing([0, \"xs\", 0, 32]),\n      borderBottom: `1px solid ${theme.colors.atmo4}`,\n\n      ...($sorted && {\n        [`& .${tableHeaderClasses.sortIcon}`]: {\n          visibility: \"visible\",\n        },\n      }),\n      ...($resizable && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($resizing && {\n        borderRight: `solid 2px ${theme.colors.secondary}`,\n      }),\n      ...($groupColumnMostLeft && {\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($groupColumnMostRight && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n        // due to the \":has()\" selector not being supported in browsers,\n        // this need to be managed with inline styles\n        // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n        // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n        \"&:last-child\": {\n          borderRight: 0,\n        },\n        [`&+:not(.${tableHeaderClasses.stickyColumn})`]: {\n          borderLeft: 0,\n        },\n      }),\n      ...($stickyColumn && {\n        position: \"sticky\",\n        zIndex: 2,\n\n        [`&.${tableHeaderClasses.groupColumnMostRight}+.${tableHeaderClasses.stickyColumn}`]:\n          {\n            borderLeft: 0,\n          },\n      }),\n      ...($stickyColumnMostLeft && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($stickyColumnLeastRight && {\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      // align\n      ...($align === \"center\" && {\n        textAlign: \"center\",\n      }),\n      ...($align === \"justify\" && {\n        textAlign: \"justify\",\n      }),\n      ...($align === \"left\" && {\n        textAlign: \"left\",\n      }),\n      ...($align === \"right\" && {\n        textAlign: \"right\",\n        flexDirection: \"row-reverse\",\n      }),\n      // variant\n      ...($variant === \"checkbox\" && {\n        padding: 0,\n        width: 32,\n        maxWidth: 32,\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($variant === \"actions\" && {\n        padding: 0,\n        width: 32,\n        maxWidth: 32,\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($variant === \"none\" && {\n        padding: 0,\n      }),\n      // type\n      ...($type === \"head\" && {\n        \"*:first-of-type > &\": {\n          height: \"var(--first-row-cell-height)\",\n          borderTop: $variantList\n            ? 0\n            : `1px solid ${theme.table.headerBorderTopColor}`,\n        },\n\n        paddingTop: 8,\n        verticalAlign: \"top\",\n\n        backgroundColor: $variantList ? \"inherit\" : theme.colors.atmo1,\n        borderBottom: $variantList ? 0 : `1px solid ${theme.colors.atmo4}`,\n        ...(theme.typography.label as CSSProperties),\n\n        transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n\n        [`&.${tableHeaderClasses.sortable}`]: {\n          verticalAlign: \"initial\",\n          paddingTop: 0,\n          paddingLeft: 0,\n          cursor: \"pointer\",\n\n          \"&:hover\": {\n            backgroundColor: theme.table.headerHoverColor,\n\n            [`& .${tableHeaderClasses.sortIcon}`]: {\n              visibility: \"visible\",\n            },\n          },\n          \"&:focus-within\": {\n            backgroundColor: theme.table.headerHoverColor,\n\n            [`& .${tableHeaderClasses.sortIcon}`]: {\n              visibility: \"visible\",\n            },\n          },\n        },\n      }),\n      ...($type === \"body\" && {\n        backgroundColor: \"inherit\",\n        ...(theme.typography.body as CSSProperties),\n\n        [`&.${tableHeaderClasses.sortable}:not(.${tableHeaderClasses.variantNone})`]:\n          {\n            paddingLeft: 32,\n          },\n        [`&.${tableHeaderClasses.sorted}`]: {\n          backgroundColor: alpha(hexToRgb($atmo1Color), 0.4),\n        },\n      }),\n      ...($variantList && {\n        backgroundColor: \"inherit\",\n        borderBottom: 0,\n        height: 16,\n        \":first-of-type > &\": {\n          borderTop: 0,\n          height: 16,\n        },\n      }),\n    })\n  );\n\nconst StyledSort = (c: any) =>\n  styled(c)({\n    display: \"inline-flex\",\n    visibility: \"hidden\",\n  });\n\n/**\n * `HvTableHeader` acts as a `th` element and inherits styles from its context\n */\nexport const HvTableHeader = forwardRef<HTMLElement, HvTableHeaderProps>(\n  (\n    {\n      children,\n      component,\n      className,\n      style,\n      classes,\n      scope: scopeProp,\n      align = \"inherit\",\n      variant = \"default\",\n      type: typeProp,\n      stickyColumn = false,\n      stickyColumnMostLeft = false,\n      stickyColumnLeastRight = false,\n      groupColumnMostLeft = false,\n      groupColumnMostRight = false,\n      sortDirection = \"none\",\n      sorted,\n      sortable,\n      headerTextProps,\n      resizerProps = {},\n      resizable = false,\n      resizing = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const { activeTheme, selectedMode } = useTheme();\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const type = typeProp || tableSectionContext?.type || \"body\";\n    const isHeadCell = type === \"head\";\n\n    const scope = scopeProp ?? isHeadCell ? \"col\" : \"row\";\n\n    const Sort = useMemo(\n      () => getSortIcon(sorted && sortDirection),\n      [sorted, sortDirection]\n    );\n\n    const SortComponent = useMemo(() => StyledSort(Sort), [Sort]);\n\n    const Component =\n      component || tableContext?.components?.Th || defaultComponent;\n\n    const role =\n      Component === defaultComponent\n        ? null\n        : isHeadCell\n        ? \"columnheader\"\n        : \"rowheader\";\n    const paragraph = isParagraph(children);\n\n    const TableHeader = StyledTableHeader(Component);\n\n    return (\n      <TableHeader\n        ref={externalRef}\n        role={role}\n        scope={scope}\n        style={style}\n        className={clsx(\n          className,\n          tableHeaderClasses.root,\n          classes?.root,\n          tableHeaderClasses[type],\n          classes?.[type],\n          groupColumnMostLeft &&\n            clsx(\n              tableHeaderClasses.groupColumnMostLeft,\n              classes?.groupColumnMostLeft\n            ),\n          groupColumnMostRight &&\n            clsx(\n              tableHeaderClasses.groupColumnMostRight,\n              classes?.groupColumnMostRight\n            ),\n          sortable && clsx(tableHeaderClasses.sortable, classes?.sortable),\n          sorted && clsx(tableHeaderClasses.sorted, classes?.sorted),\n          resizable && clsx(tableHeaderClasses.resizable, classes?.resizable),\n          resizing && clsx(tableHeaderClasses.resizing, classes?.resizing),\n          stickyColumn &&\n            clsx(tableHeaderClasses.stickyColumn, classes?.stickyColumn),\n          stickyColumnMostLeft &&\n            clsx(\n              tableHeaderClasses.stickyColumnMostLeft,\n              classes?.stickyColumnMostLeft\n            ),\n          stickyColumnLeastRight &&\n            clsx(\n              tableHeaderClasses.stickyColumnLeastRight,\n              classes?.stickyColumnLeastRight\n            ),\n          tableContext.variant === \"listrow\" &&\n            clsx(tableHeaderClasses.variantList, classes?.variantList),\n          align !== \"inherit\" &&\n            clsx(\n              tableHeaderClasses[`align${capitalize(align)}`],\n              classes?.[`align${capitalize(align)}`]\n            ),\n          variant !== \"default\" &&\n            clsx(\n              tableHeaderClasses[`variant${capitalize(variant)}`],\n              classes?.[`variant${capitalize(variant)}`]\n            )\n        )}\n        aria-sort={sortable ? sortDirection : undefined}\n        $sortable={sortable}\n        $sorted={sorted}\n        $resizable={resizable}\n        $resizing={resizing}\n        $groupColumnMostLeft={groupColumnMostLeft}\n        $groupColumnMostRight={groupColumnMostRight}\n        $stickyColumn={stickyColumn}\n        $stickyColumnMostLeft={stickyColumnMostLeft}\n        $stickyColumnLeastRight={stickyColumnLeastRight}\n        $align={align}\n        $variant={variant}\n        $variantList={tableContext.variant === \"listrow\"}\n        $type={type}\n        $atmo1Color={\n          activeTheme?.colors?.modes[selectedMode].atmo1 || theme.colors.atmo1\n        }\n        {...others}\n      >\n        <StyledHeaderContent\n          className={clsx(\n            tableHeaderClasses.headerContent,\n            classes?.headerContent,\n            align !== \"inherit\" &&\n              clsx(\n                tableHeaderClasses[`alignFlex${capitalize(align)}`],\n                classes?.[`alignFlex${capitalize(align)}`]\n              )\n          )}\n          $align={align}\n        >\n          {isHeadCell && sortable && (\n            <StyledButton\n              className={clsx(\n                tableHeaderClasses.sortButton,\n                classes?.sortButton\n              )}\n              icon\n              variant=\"secondaryGhost\"\n              overrideIconColors={false}\n            >\n              <SortComponent\n                className={clsx(tableHeaderClasses.sortIcon, classes?.sortIcon)}\n              />\n            </StyledButton>\n          )}\n          <StyledTypography\n            component=\"div\"\n            className={clsx(\n              !paragraph &&\n                clsx(tableHeaderClasses.headerText, classes?.headerText),\n              paragraph &&\n                clsx(\n                  tableHeaderClasses.headerParagraph,\n                  classes?.headerParagraph\n                ),\n              sortable &&\n                clsx(\n                  tableHeaderClasses.sortableHeaderText,\n                  classes?.sortableHeaderText\n                )\n            )}\n            variant=\"label\"\n            $headerText={!paragraph}\n            $headerParagraph={paragraph}\n            $sortableHeaderText={!!sortable}\n            {...headerTextProps}\n          >\n            {children}\n          </StyledTypography>\n          {resizable && (\n            <StyledResizer\n              {...resizerProps}\n              className={clsx(tableHeaderClasses.resizer, classes?.resizer)}\n            />\n          )}\n        </StyledHeaderContent>\n      </TableHeader>\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableHeader","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$sorted","$resizable","$resizing","$groupColumnMostLeft","$groupColumnMostRight","$stickyColumn","$stickyColumnMostLeft","$stickyColumnLeastRight","$variantList","$align","$variant","$type","$atmo1Color","height","verticalAlign","textAlign","padding","theme","spacing","borderBottom","colors","atmo4","tableHeaderClasses","sortIcon","visibility","borderRight","secondary","borderLeft","stickyColumn","position","zIndex","groupColumnMostRight","flexDirection","width","maxWidth","borderTop","table","headerBorderTopColor","paddingTop","backgroundColor","atmo1","typography","transition","sortable","paddingLeft","cursor","headerHoverColor","body","variantNone","sorted","alpha","hexToRgb","StyledSort","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableHeader","forwardRef","children","component","className","style","classes","scope","scopeProp","align","variant","type","typeProp","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","sortDirection","headerTextProps","resizerProps","resizable","resizing","others","externalRef","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","isHeadCell","Sort","useMemo","getSortIcon","SortComponent","Component","components","Th","role","paragraph","isParagraph","TableHeader","ref","clsx","root","variantList","capitalize","undefined","$sortable","modes","StyledHeaderContent","headerContent","StyledButton","sortButton","icon","overrideIconColors","_jsx","StyledTypography","headerText","headerParagraph","sortableHeaderText","$headerText","$headerParagraph","$sortableHeaderText","StyledResizer","resizer"],"mappings":"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"}

package/dist/esm/components/Table/TableHeader/TableHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.styles.js","sources":["../../../../../src/components/Table/TableHeader/TableHeader.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  HvButton,\n  HvButtonProps,\n  HvTypography,\n  HvTypographyProps,\n} from \"@core/components\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { Ref, forwardRef } from \"react\";\nimport { PolymorphicRef } from \"@core/types\";\nimport tableHeaderClasses from \"./tableHeaderClasses\";\n\nexport const StyledHeaderContent = styled(\n  \"div\",\n  transientOptions\n)(({ $align }: { $align: string }) => ({\n  display: \"flex\",\n  alignItems: \"flex-start\",\n  width: \"100%\",\n  // align\n  ...($align === \"center\" && {\n    justifyContent: \"center\",\n  }),\n  ...($align === \"justify\" && {\n    textAlign: \"justify\",\n  }),\n  ...($align === \"left\" && {\n    justifyContent: \"flex-start\",\n  }),\n  ...($align === \"right\" && {\n    justifyContent: \"flex-end\",\n  }),\n}));\n\nexport const StyledButton = styled(\n  forwardRef((props: HvButtonProps, ref?: PolymorphicRef<\"button\">) => {\n    return <HvButton {...props} ref={ref} />;\n  })\n)({\n  [`.${tableHeaderClasses.root}.${tableHeaderClasses.sortable}`]: {\n    boxShadow: \"none\",\n    backgroundColor: \"transparent\",\n    \"&:hover\": {\n      backgroundColor: \"red\",\n    },\n  },\n});\n\nexport const StyledTypography = styled(\n  forwardRef((props: HvTypographyProps, ref?: Ref<HTMLElement>) => {\n    return <HvTypography {...props} ref={ref} />;\n  }),\n  transientOptions\n)(\n  ({\n    $headerText,\n    $headerParagraph,\n    $sortableHeaderText,\n  }: {\n    $headerText: boolean;\n    $headerParagraph: boolean;\n    $sortableHeaderText: boolean;\n  }) => ({\n    ...($headerText && {\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n    }),\n    ...($headerParagraph && {\n      overflow: \"hidden\",\n      display: \"-webkit-box\",\n      // \"-webkit-line-clamp\": 2,\n      // \"-webkit-box-orient\": \"vertical\",\n    }),\n    ...($sortableHeaderText && {\n      paddingTop: \"8px\",\n    }),\n  })\n);\n\nexport const StyledResizer = styled(\"div\")({\n  display: \"inline-block\",\n  width: 10,\n  height: \"100%\",\n  position: \"absolute\",\n  right: 0,\n  top: 0,\n  transform: \"translateX(50%)\",\n  zIndex: 1,\n  touchAction: \"none\",\n});\n"],"names":["StyledHeaderContent","process","env","NODE_ENV","_extends","target","transientOptions","label","$align","display","alignItems","width","justifyContent","textAlign","StyledButton","_styled","forwardRef","props","ref","HvButton","tableHeaderClasses","root","sortable","boxShadow","backgroundColor","StyledTypography","HvTypography","$headerText","$headerParagraph","$sortableHeaderText","overflow","textOverflow","paddingTop","StyledResizer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYaA,MAAAA,8CACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA2B,OAAO;AAAA,EACrCC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,OAAO;AAAA;AAAA,EAEP,GAAIH,WAAW,YAAY;AAAA,IACzBI,gBAAgB;AAAA,EAClB;AAAA,EACA,GAAIJ,WAAW,aAAa;AAAA,IAC1BK,WAAW;AAAA,EACb;AAAA,EACA,GAAIL,WAAW,UAAU;AAAA,IACvBI,gBAAgB;AAAA,EAClB;AAAA,EACA,GAAIJ,WAAW,WAAW;AAAA,IACxBI,gBAAgB;AAAA,EAClB;AACF,IAAEX,QAAAC,IAAAC,aAAC,eAAA,KAAA,i7GAAA;AAEI,MAAMW,eAAeC,wBAC1BC,WAAW,CAACC,OAAsBC,QAAmC;AACnE,6BAAQC,UAAQ;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAY;AAC1C,CAAC,GAACjB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EACF;AAAA,EACA,CAAE,IAAGa,mBAAmBC,QAAQD,mBAAmBE,UAAU,GAAG;AAAA,IAC9DC,WAAW;AAAA,IACXC,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACTA,iBAAiB;AAAA,IACnB;AAAA,EACF;AACF,GAACvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i7GAAA;AAEK,MAAMsB,mBAAmBV,wBAC9BC,WAAW,CAACC,OAA0BC,QAA2B;AAC/D,6BAAQQ,cAAY;AAAA,IAAA,GAAKT;AAAAA,IAAOC;AAAAA,EAAAA,CAAY;AAC9C,CAAC,GAACjB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACFC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCqB;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACL,GAAIF,eAAe;AAAA,IACjBG,UAAU;AAAA,IACVC,cAAc;AAAA,EAChB;AAAA,EACA,GAAIH,oBAAoB;AAAA,IACtBE,UAAU;AAAA,IACVrB,SAAS;AAAA;AAAA;AAAA,EAGX;AAAA,EACA,GAAIoB,uBAAuB;AAAA,IACzBG,YAAY;AAAA,EACd;AACF,IAAE/B,QAAAC,IAAAC,aACH,eAAA,KAAA,i7GAAA;AAEM,MAAM8B,gBAAuB,wBAAA,OAAKhC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA+B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAUxC;"}
+{"version":3,"file":"TableHeader.styles.js","sources":["../../../../../src/components/Table/TableHeader/TableHeader.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  HvButton,\n  HvButtonProps,\n  HvTypography,\n  HvTypographyProps,\n} from \"@core/components\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { Ref, forwardRef } from \"react\";\nimport { PolymorphicRef } from \"@core/types\";\nimport tableHeaderClasses from \"./tableHeaderClasses\";\n\nexport const StyledHeaderContent = styled(\n  \"div\",\n  transientOptions\n)(({ $align }: { $align: string }) => ({\n  display: \"flex\",\n  alignItems: \"flex-start\",\n  width: \"100%\",\n  // align\n  ...($align === \"center\" && {\n    justifyContent: \"center\",\n  }),\n  ...($align === \"justify\" && {\n    textAlign: \"justify\",\n  }),\n  ...($align === \"left\" && {\n    justifyContent: \"flex-start\",\n  }),\n  ...($align === \"right\" && {\n    justifyContent: \"flex-end\",\n  }),\n}));\n\nexport const StyledButton = styled(\n  forwardRef((props: HvButtonProps, ref?: PolymorphicRef<\"button\">) => {\n    return <HvButton {...props} ref={ref} />;\n  })\n)({\n  [`.${tableHeaderClasses.root}.${tableHeaderClasses.sortable}`]: {\n    boxShadow: \"none\",\n    backgroundColor: \"transparent\",\n    \"&:hover\": {\n      backgroundColor: \"red\",\n    },\n  },\n});\n\nexport const StyledTypography = styled(\n  forwardRef((props: HvTypographyProps, ref?: Ref<HTMLElement>) => {\n    return <HvTypography {...props} ref={ref} />;\n  }),\n  transientOptions\n)(\n  ({\n    $headerText,\n    $headerParagraph,\n    $sortableHeaderText,\n  }: {\n    $headerText: boolean;\n    $headerParagraph: boolean;\n    $sortableHeaderText: boolean;\n  }) => ({\n    ...($headerText && {\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n    }),\n    ...($headerParagraph && {\n      overflow: \"hidden\",\n      display: \"-webkit-box\",\n      // \"-webkit-line-clamp\": 2,\n      // \"-webkit-box-orient\": \"vertical\",\n    }),\n    ...($sortableHeaderText && {\n      paddingTop: \"8px\",\n    }),\n  })\n);\n\nexport const StyledResizer = styled(\"div\")({\n  display: \"inline-block\",\n  width: 10,\n  height: \"100%\",\n  position: \"absolute\",\n  right: 0,\n  top: 0,\n  transform: \"translateX(50%)\",\n  zIndex: 1,\n  touchAction: \"none\",\n});\n"],"names":["StyledHeaderContent","process","env","NODE_ENV","_extends","target","transientOptions","label","$align","display","alignItems","width","justifyContent","textAlign","StyledButton","_styled","forwardRef","props","ref","HvButton","tableHeaderClasses","root","sortable","boxShadow","backgroundColor","StyledTypography","HvTypography","$headerText","$headerParagraph","$sortableHeaderText","overflow","textOverflow","paddingTop","StyledResizer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYaA,MAAAA,8CACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAA2B,OAAO;AAAA,EACrCC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,OAAO;AAAA;AAAA,EAEP,GAAIH,WAAW,YAAY;AAAA,IACzBI,gBAAgB;AAAA,EAClB;AAAA,EACA,GAAIJ,WAAW,aAAa;AAAA,IAC1BK,WAAW;AAAA,EACb;AAAA,EACA,GAAIL,WAAW,UAAU;AAAA,IACvBI,gBAAgB;AAAA,EAClB;AAAA,EACA,GAAIJ,WAAW,WAAW;AAAA,IACxBI,gBAAgB;AAAA,EAClB;AACF,IAAEX,QAAAC,IAAAC,aAAC,eAAA,KAAA,i7GAAA;AAEI,MAAMW,eAAeC,wBAC1BC,WAAW,CAACC,OAAsBC,QAAmC;AACnE,6BAAQC,UAAQ;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAW;AACzC,CAAC,GAACjB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CACJ,EAAE;AAAA,EACA,CAAE,IAAGa,mBAAmBC,QAAQD,mBAAmBE,UAAU,GAAG;AAAA,IAC9DC,WAAW;AAAA,IACXC,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACTA,iBAAiB;AAAA,IACnB;AAAA,EACF;AACF,GAACvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i7GAAA;AAEK,MAAMsB,mBAAmBV,wBAC9BC,WAAW,CAACC,OAA0BC,QAA2B;AAC/D,6BAAQQ,cAAY;AAAA,IAAA,GAAKT;AAAAA,IAAOC;AAAAA,EAAAA,CAAW;AAC7C,CAAC,GAACjB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACFC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EACE,CAAC;AAAA,EACCqB;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACL,GAAIF,eAAe;AAAA,IACjBG,UAAU;AAAA,IACVC,cAAc;AAAA,EAChB;AAAA,EACA,GAAIH,oBAAoB;AAAA,IACtBE,UAAU;AAAA,IACVrB,SAAS;AAAA;AAAA;AAAA,EAGX;AAAA,EACA,GAAIoB,uBAAuB;AAAA,IACzBG,YAAY;AAAA,EACd;AACF,IAAE/B,QAAAC,IAAAC,k9GACJ;AAEO,MAAM8B,gBAAuB,wBAAA,OAAKhC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA+B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAUzC;"}

package/dist/esm/components/Table/TableHeader/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/Table/TableHeader/utils.ts"],"sourcesContent":["import {\n  SortXS,\n  SortAscendingXS,\n  SortDescendingXS,\n} from \"@hitachivantara/uikit-react-icons\";\n\nexport const getSortIcon = (dir) => {\n  switch (dir) {\n    case \"ascending\":\n      return SortAscendingXS;\n    case \"descending\":\n      return SortDescendingXS;\n    default:\n      return SortXS;\n  }\n};\n\nexport const getSortDir = (sortDirection) => {\n  switch (sortDirection) {\n    case \"asc\":\n      return \"ascending\";\n    case \"desc\":\n      return \"descending\";\n    default:\n      return null;\n  }\n};\n\nexport const isParagraph = (children) => {\n  if (typeof children === \"string\" && /\\s/.test(children)) return true;\n  return false;\n};\n"],"names":["getSortIcon","dir","SortAscendingXS","SortDescendingXS","SortXS","isParagraph","children","test"],"mappings":";AAMO,MAAMA,cAAeC,CAAQ,QAAA;AAClC,UAAQA,KAAG;AAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT;AACSC,aAAAA;AAAAA,EAAO;AAEpB;AAaO,MAAMC,cAAeC,CAAa,aAAA;AACvC,MAAI,OAAOA,aAAa,YAAY,KAAKC,KAAKD,QAAQ;AAAU,WAAA;AACzD,SAAA;AACT;"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/Table/TableHeader/utils.ts"],"sourcesContent":["import {\n  SortXS,\n  SortAscendingXS,\n  SortDescendingXS,\n} from \"@hitachivantara/uikit-react-icons\";\n\nexport const getSortIcon = (dir) => {\n  switch (dir) {\n    case \"ascending\":\n      return SortAscendingXS;\n    case \"descending\":\n      return SortDescendingXS;\n    default:\n      return SortXS;\n  }\n};\n\nexport const getSortDir = (sortDirection) => {\n  switch (sortDirection) {\n    case \"asc\":\n      return \"ascending\";\n    case \"desc\":\n      return \"descending\";\n    default:\n      return null;\n  }\n};\n\nexport const isParagraph = (children) => {\n  if (typeof children === \"string\" && /\\s/.test(children)) return true;\n  return false;\n};\n"],"names":["getSortIcon","dir","SortAscendingXS","SortDescendingXS","SortXS","isParagraph","children","test"],"mappings":";AAMO,MAAMA,cAAeC,CAAQ,QAAA;AAClC,UAAQA,KAAG;AAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT;AACSC,aAAAA;AAAAA,EACX;AACF;AAaO,MAAMC,cAAeC,CAAa,aAAA;AACvC,MAAI,OAAOA,aAAa,YAAY,KAAKC,KAAKD,QAAQ;AAAU,WAAA;AACzD,SAAA;AACT;"}