@hitachivantara/uikit-react-core 5.22.1 → 5.24.0

package/dist/cjs/components/Stack/Stack.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.cjs","sources":["../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React, { useMemo, useRef, useCallback } from \"react\";\n\nimport { useTheme } from \"@mui/material/styles\";\nimport MuiDivider, {\n  DividerProps as MuiDividerProps,\n} from \"@mui/material/Divider\";\n\nimport { clsx } from \"clsx\";\n\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\n\nimport { useWidth } from \"@core/hooks/useWidth\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvFocus } from \"@core/components/Focus\";\nimport { HvBreakpoints } from \"@core/types/tokens\";\n\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":";;;;;;;;;;;;;;;;;;AAgDA,MAAMA,eAAeA,CAACC,WAAWC,OAAOC,gBAAgB;AACtD,MAAIC,kBAAAA,QAASH,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,SAAAA;AACRC,QAAAA,eAAeC,aAAO,IAAI;AAC1B,QAAA;AAAA,IAAEhB;AAAAA,MAAgBiB,OAAS,SAAA;AAEjC,QAAMC,qBAAqBC,MAAAA,QACzB,MAAMtB,aAAaC,WAAWC,OAAOC,YAAYoB,IAAI,GACrD,CAACtB,WAAWC,OAAOC,WAAW,CAChC;AAOMqB,QAAAA,sBAAsBC,MAAAA,YAAY,MAAM;AACxCC,QAAAA,mBAAAA,QAAUb,OAAO,KAAKA,SAAS;AACjC,4CACGc,oBAAAA,SAAU;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,wCACGU,aAAAA,YAAU;AAAA,IACTC,KAAKd;AAAAA,IACLR,WAAWuB,KAAKvB,KAAAA,WAAWwB,aAAaC,QAAAA,MAAM1B,mCAAS0B,IAAI;AAAA,IAC3DC,YAAYf;AAAAA,IACZgB,aAAazB;AAAAA,IAAQ,GACjBI;AAAAA,IAAML,UAET2B,eAAMC,QAAAA,SAASC,IAAI7B,UAAU,CAAC8B,OAAOpC,MAAM;AAC1C,6CACEqC,WAAAA,UAAA;AAAA,QAAA/B,UACGE,CAAAA,WAAWR,MAAM,KAAKmB,uBACtBV,iBACC6B,2BAAAA,IAACC,eAAO;AAAA,UACNC,SAAS3B;AAAAA,UACT4B,eAAe;AAAA,UACfC,UAAS;AAAA,UACTC,gBACE3B,uBAAuB,WACnB,IACAiB,uBAAMC,SAASU,MAAMtC,QAAQ,KAAK;AAAA,UAExCuC,aAAY;AAAA,UAAOvC,yCAEnB,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;;"}
+{"version":3,"file":"Stack.cjs","sources":["../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React, { useMemo, useRef, useCallback } from \"react\";\n\nimport { useTheme } from \"@mui/material/styles\";\nimport MuiDivider, {\n  DividerProps as MuiDividerProps,\n} from \"@mui/material/Divider\";\n\nimport { clsx } from \"clsx\";\n\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\n\nimport { useWidth } from \"@core/hooks/useWidth\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvFocus } from \"@core/components/Focus\";\nimport { HvBreakpoints } from \"@core/types/tokens\";\n\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 = (props: HvStackProps) => {\n  const {\n    classes,\n    className,\n    children,\n    direction = \"column\",\n    spacing = \"sm\",\n    divider = false,\n    withNavigation = false,\n    dividerProps = {},\n    ...others\n  } = useDefaultProps(\"HvStack\", props);\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","props","classes","className","children","spacing","divider","withNavigation","dividerProps","others","useDefaultProps","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":";;;;;;;;;;;;;;;;;;;AAiDA,MAAMA,eAAeA,CAACC,WAAWC,OAAOC,gBAAgB;AACtD,MAAIC,kBAAAA,QAASH,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;AAOaG,MAAAA,UAAUA,CAACC,UAAwB;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAX,YAAY;AAAA,IACZY,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,iBAAiB;AAAA,IACjBC,eAAe,CAAC;AAAA,IAChB,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,WAAWT,KAAK;AACpC,QAAMP,QAAQiB,SAAAA;AACRC,QAAAA,eAAeC,aAAO,IAAI;AAC1B,QAAA;AAAA,IAAElB;AAAAA,MAAgBmB,OAAS,SAAA;AAEjC,QAAMC,qBAAqBC,MAAAA,QACzB,MAAMxB,aAAaC,WAAWC,OAAOC,YAAYsB,IAAI,GACrD,CAACxB,WAAWC,OAAOC,WAAW,CAChC;AAOMuB,QAAAA,sBAAsBC,MAAAA,YAAY,MAAM;AACxCC,QAAAA,mBAAAA,QAAUd,OAAO,KAAKA,SAAS;AACjC,4CACGe,oBAAAA,SAAU;AAAA,QACTC,aACEP,uBAAuB,WAAW,eAAe;AAAA,QAEnDQ,UAAUR,uBAAuB;AAAA,QACjCS,MAAK;AAAA,QAAW,GACZhB;AAAAA,MAAAA,CACL;AAAA,IAEL;AACOF,WAAAA;AAAAA,EACN,GAAA,CAACA,SAASE,cAAcO,kBAAkB,CAAC;AAE9C,wCACGU,aAAAA,YAAU;AAAA,IACTC,KAAKd;AAAAA,IACLT,WAAWwB,KAAKxB,KAAAA,WAAWyB,aAAaC,QAAAA,MAAM3B,mCAAS2B,IAAI;AAAA,IAC3DC,YAAYf;AAAAA,IACZgB,aAAa1B;AAAAA,IAAQ,GACjBI;AAAAA,IAAML,UAET4B,eAAMC,QAAAA,SAASC,IAAI9B,UAAU,CAAC+B,OAAOtC,MAAM;AAC1C,6CACEuC,WAAAA,UAAA;AAAA,QAAAhC,UACGE,CAAAA,WAAWT,MAAM,KAAKqB,uBACtBX,iBACC8B,2BAAAA,IAACC,eAAO;AAAA,UACNC,SAAS3B;AAAAA,UACT4B,eAAe;AAAA,UACfC,UAAS;AAAA,UACTC,gBACE3B,uBAAuB,WACnB,IACAiB,uBAAMC,SAASU,MAAMvC,QAAQ,KAAK;AAAA,UAExCwC,aAAY;AAAA,UAAOxC,yCAEnB,OAAA;AAAA,YAAKD,WAAU;AAAA,YAAOC,UAAE+B;AAAAA,UAAAA,CAAW;AAAA,QAC5B,CAAA,IAETA,KACD;AAAA,MAAA,CACD;AAAA,IAAA,CAEL;AAAA,EAAA,CACS;AAEhB;;"}

package/dist/cjs/components/Switch/Switch.cjs

@@ -1,19 +1,20 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const clsx = require("clsx");
+const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const useUniqueId = require("../../hooks/useUniqueId.cjs");
 const useControlled = require("../../hooks/useControlled.cjs");
 const setId = require("../../utils/setId.cjs");
 const validationStates = require("../Forms/FormElement/validationStates.cjs");
 const Switch_styles = require("./Switch.styles.cjs");
-const switchClasses = require("./switchClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const BaseSwitch = require("../BaseSwitch/BaseSwitch.cjs");
+const FormElement = require("../Forms/FormElement/FormElement.cjs");
+const Label = require("../Forms/Label/Label.cjs");
 const WarningText = require("../Forms/WarningText/WarningText.cjs");
 const HvSwitch = (props) => {
   const {
-    classes,
+    classes: classesProp,
     className,
     id,
     name,
@@ -34,7 +35,11 @@ const HvSwitch = (props) => {
     "aria-errormessage": ariaErrorMessage,
     inputProps,
     ...others
-  } = props;
+  } = useDefaultProps.useDefaultProps("HvSwitch", props);
+  const {
+    classes,
+    cx
+  } = Switch_styles.useClasses(classesProp);
   const elementId = useUniqueId.useUniqueId(id, "hvswitch");
   const [isChecked, setIsChecked] = useControlled.useControlled(checked, Boolean(defaultChecked));
   const [validationState, setValidationState] = useControlled.useControlled(status, "standBy");
@@ -56,23 +61,24 @@ const HvSwitch = (props) => {
   if (isStateInvalid) {
     errorMessageId = canShowError ? setId.setId(elementId, "error") : ariaErrorMessage;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(Switch_styles.StyledFormElement, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(FormElement.HvFormElement, {
     id,
     name,
     status: validationState,
     disabled,
     required,
     readOnly,
-    className: clsx.clsx(className, switchClasses.default.root, classes == null ? void 0 : classes.root),
-    children: [label && /* @__PURE__ */ jsxRuntime.jsx(Switch_styles.StyledLabel, {
+    className: cx(classes.root, className),
+    children: [label && /* @__PURE__ */ jsxRuntime.jsx(Label.HvLabel, {
       id: setId.setId(elementId, "label"),
       htmlFor: setId.setId(elementId, "input"),
       label,
-      className: clsx.clsx(switchClasses.default.label, classes == null ? void 0 : classes.label),
+      className: classes.label,
       ...labelProps
-    }), /* @__PURE__ */ jsxRuntime.jsx(Switch_styles.StyledSwitchContainer, {
-      className: clsx.clsx(switchClasses.default.switchContainer, classes == null ? void 0 : classes.switchContainer, isStateInvalid && clsx.clsx(switchClasses.default.invalidSwitch, classes == null ? void 0 : classes.invalidSwitch)),
-      $invalid: isStateInvalid,
+    }), /* @__PURE__ */ jsxRuntime.jsx("div", {
+      className: cx(classes.switchContainer, {
+        [classes.invalidSwitch]: isStateInvalid
+      }),
       children: /* @__PURE__ */ jsxRuntime.jsx(BaseSwitch.HvBaseSwitch, {
         id: label ? setId.setId(elementId, "input") : setId.setId(id, "input"),
         name,
@@ -94,7 +100,7 @@ const HvSwitch = (props) => {
       })
     }), canShowError && /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, {
       id: setId.setId(elementId, "error"),
-      className: clsx.clsx(switchClasses.default.error, classes == null ? void 0 : classes.error),
+      className: classes.error,
       disableBorder: true,
       disableAdornment: true,
       hideText: true,
@@ -102,5 +108,6 @@ const HvSwitch = (props) => {
     })]
   });
 };
+exports.switchClasses = Switch_styles.staticClasses;
 exports.HvSwitch = HvSwitch;
 //# sourceMappingURL=Switch.cjs.map

package/dist/cjs/components/Switch/Switch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.cjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\n\nimport { clsx } from \"clsx\";\n\nimport { SwitchProps as MuiSwitchProps } from \"@mui/material\";\n\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { setId } from \"@core/utils/setId\";\nimport {\n  HvWarningText,\n  HvLabelProps,\n  HvFormStatus,\n} from \"@core/components/Forms\";\nimport { HvBaseSwitch } from \"@core/components/BaseSwitch\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { isInvalid } from \"@core/components/Forms/FormElement/validationStates\";\n\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.cjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\n\nimport { SwitchProps as MuiSwitchProps } from \"@mui/material\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { setId } from \"@core/utils/setId\";\nimport {\n  HvWarningText,\n  HvLabelProps,\n  HvFormStatus,\n  HvFormElement,\n  HvLabel,\n} from \"@core/components/Forms\";\nimport { HvBaseSwitch } from \"@core/components/BaseSwitch\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { isInvalid } from \"@core/components/Forms/FormElement/validationStates\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Switch.styles\";\n\nexport { staticClasses as switchClasses };\n\nexport type HvSwitchClasses = ExtractNames<typeof useClasses>;\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: classesProp,\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  } = useDefaultProps(\"HvSwitch\", props);\n\n  const { classes, cx } = useClasses(classesProp);\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    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={cx(classes.root, className)}\n    >\n      {label && (\n        <HvLabel\n          id={setId(elementId, \"label\")}\n          htmlFor={setId(elementId, \"input\")}\n          label={label}\n          className={classes.label}\n          {...labelProps}\n        />\n      )}\n      <div\n        className={cx(classes.switchContainer, {\n          [classes.invalidSwitch]: isStateInvalid,\n        })}\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      </div>\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          className={classes.error}\n          disableBorder\n          disableAdornment\n          hideText\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n"],"names":["HvSwitch","props","classes","classesProp","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","useDefaultProps","cx","useClasses","elementId","useUniqueId","isChecked","setIsChecked","useControlled","Boolean","validationState","setValidationState","validationMessage","onLocalChange","useCallback","evt","newChecked","canShowError","undefined","isStateInvalid","isInvalid","errorMessageId","setId","HvFormElement","root","children","_jsx","HvLabel","htmlFor","switchContainer","invalidSwitch","HvBaseSwitch","HvWarningText","error","disableBorder","disableAdornment","hideText"],"mappings":"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"}

package/dist/cjs/components/Switch/Switch.styles.cjs

@@ -1,73 +1,32 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const transientOptions = require("../../utils/transientOptions.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const FormElement = require("../Forms/FormElement/FormElement.cjs");
-const Label = require("../Forms/Label/Label.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-const StyledFormElement = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(FormElement.HvFormElement, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
-  target: "ejak3962"
-} : {
-  target: "ejak3962",
-  label: "StyledFormElement"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1bj7yge",
-  styles: "display:inline-flex;flex-direction:column;align-items:flex-start"
-} : {
-  name: "1bj7yge",
-  styles: "display:inline-flex;flex-direction:column;align-items:flex-start",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHtcbiAgSHZMYWJlbCxcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZGb3JtRWxlbWVudFByb3BzLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9Gb3Jtc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoKHByb3BzOiBIdkZvcm1FbGVtZW50UHJvcHMpID0+IChcbiAgPEh2Rm9ybUVsZW1lbnQgey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZChIdkxhYmVsKSh7XG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFN3aXRjaENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaW52YWxpZCB9OiB7ICRpbnZhbGlkOiBib29sZWFuIH0pID0+ICh7XG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB0cmFuc3BhcmVudFwiLFxuXG4gIC4uLigkaW52YWxpZCAmJiB7XG4gICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuc3dpdGNoLmludmFsaWRQYWRkaW5nQm90dG9tLFxuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZWdhdGl2ZX1gLFxuICB9KSxcbn0pKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledLabel = /* @__PURE__ */ _styled__default.default(Label.HvLabel, process.env.NODE_ENV === "production" ? {
-  target: "ejak3961"
-} : {
-  target: "ejak3961",
-  label: "StyledLabel"
-})({
-  marginBottom: uikitStyles.theme.space.xs
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7XG4gIEh2TGFiZWwsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKChwcm9wczogSHZGb3JtRWxlbWVudFByb3BzKSA9PiAoXG4gIDxIdkZvcm1FbGVtZW50IHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGludmFsaWQgfTogeyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdHJhbnNwYXJlbnRcIixcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnN3aXRjaC5pbnZhbGlkUGFkZGluZ0JvdHRvbSxcbiAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmVnYXRpdmV9YCxcbiAgfSksXG59KSk7XG4iXX0= */");
-const StyledSwitchContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "ejak3960"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "ejak3960",
-  label: "StyledSwitchContainer"
-}, transientOptions.transientOptions))(({
-  $invalid
-}) => ({
-  height: "32px",
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  borderBottom: "1px solid transparent",
-  ...$invalid && {
+const classes = require("../../utils/classes.cjs");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvSwitch", {
+  root: {
+    display: "inline-flex",
+    flexDirection: "column",
+    alignItems: "flex-start"
+  },
+  label: {
+    marginBottom: uikitStyles.theme.space.xs
+  },
+  error: {},
+  switchContainer: {
+    height: "32px",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    borderBottom: "1px solid transparent"
+  },
+  invalidSwitch: {
     paddingBottom: uikitStyles.theme.switch.invalidPaddingBottom,
     borderBottom: `1px solid ${uikitStyles.theme.colors.negative}`
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCcUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7XG4gIEh2TGFiZWwsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKChwcm9wczogSHZGb3JtRWxlbWVudFByb3BzKSA9PiAoXG4gIDxIdkZvcm1FbGVtZW50IHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGludmFsaWQgfTogeyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdHJhbnNwYXJlbnRcIixcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnN3aXRjaC5pbnZhbGlkUGFkZGluZ0JvdHRvbSxcbiAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmVnYXRpdmV9YCxcbiAgfSksXG59KSk7XG4iXX0= */");
-exports.StyledFormElement = StyledFormElement;
-exports.StyledLabel = StyledLabel;
-exports.StyledSwitchContainer = StyledSwitchContainer;
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=Switch.styles.cjs.map

package/dist/cjs/components/Switch/Switch.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.styles.cjs","sources":["../../../../src/components/Switch/Switch.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport {\n  HvLabel,\n  HvFormElement,\n  HvFormElementProps,\n} from \"@core/components/Forms\";\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAMA,oBAAoBC,iCAAAA,QAAO,CAACC,yCACtCC,YAAAA,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,iCAAAA,QAAAA,MAAAA,SAAOX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCQ,cAAcC,YAAAA,MAAMC,MAAMC;AAC5B,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,ivDAAA;AAEWc,MAAAA,iEACX,OAAKhB,QAAAC,IAAAC,4BAAAe,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,GACLe,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBc,iBAAAA,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,YAAAA,MAAMa,OAAOC;AAAAA,IAC5BH,cAAe,aAAYX,YAAAA,MAAMe,OAAOC;AAAAA,EAC1C;AACF,IAAE7B,QAAAC,IAAAC,aAAC,eAAA,KAAA,ivDAAA;;;;"}
+{"version":3,"file":"Switch.styles.cjs","sources":["../../../../src/components/Switch/Switch.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvSwitch\", {\n  root: {\n    display: \"inline-flex\",\n    flexDirection: \"column\",\n    alignItems: \"flex-start\",\n  },\n  label: { marginBottom: theme.space.xs },\n  error: {},\n  switchContainer: {\n    height: \"32px\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    borderBottom: \"1px solid transparent\",\n  },\n  invalidSwitch: {\n    paddingBottom: theme.switch.invalidPaddingBottom,\n    borderBottom: `1px solid ${theme.colors.negative}`,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","flexDirection","alignItems","label","marginBottom","theme","space","xs","error","switchContainer","height","justifyContent","borderBottom","invalidSwitch","paddingBottom","switch","invalidPaddingBottom","colors","negative"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,YAAY;AAAA,EACrEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,YAAY;AAAA,EACd;AAAA,EACAC,OAAO;AAAA,IAAEC,cAAcC,YAAAA,MAAMC,MAAMC;AAAAA,EAAG;AAAA,EACtCC,OAAO,CAAC;AAAA,EACRC,iBAAiB;AAAA,IACfC,QAAQ;AAAA,IACRV,SAAS;AAAA,IACTC,eAAe;AAAA,IACfU,gBAAgB;AAAA,IAChBC,cAAc;AAAA,EAChB;AAAA,EACAC,eAAe;AAAA,IACbC,eAAeT,YAAAA,MAAMU,OAAOC;AAAAA,IAC5BJ,cAAe,aAAYP,YAAAA,MAAMY,OAAOC;AAAAA,EAC1C;AACF,CAAC;;;"}

package/dist/cjs/components/Tab/Tab.cjs

@@ -1,15 +1,17 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const clsx = require("clsx");
 const Tab_styles = require("./Tab.styles.cjs");
 const tabClasses = require("./tabClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const HvTab = ({
-  classes,
-  iconPosition = "top",
-  disabled = false,
-  ...others
-}) => {
+const HvTab = (props) => {
+  const {
+    classes,
+    iconPosition = "top",
+    disabled = false,
+    ...others
+  } = useDefaultProps.useDefaultProps("HvTab", props);
   return /* @__PURE__ */ jsxRuntime.jsx(Tab_styles.StyledTab, {
     classes: {
       root: clsx.clsx(tabClasses.default.root, classes == null ? void 0 : classes.root),

package/dist/cjs/components/Tab/Tab.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.cjs","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { TabProps as MuiTabProps } from \"@mui/material\";\n\nimport { clsx } from \"clsx\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\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":";;;;;;AAyBO,MAAMA,QAAQA,CAAC;AAAA,EACpBC;AAAAA,EACAC,eAAe;AAAA,EACfC,WAAW;AAAA,EACX,GAAGC;AACO,MAAM;AAChB,wCACGC,WAAAA,WAAS;AAAA,IACRJ,SAAS;AAAA,MACPK,MAAMC,KAAAA,KAAKC,WAAAA,QAAWF,MAAML,mCAASK,IAAI;AAAA,MACzCG,UAAUF,KAAAA,KAAKC,WAAAA,QAAWC,UAAUR,mCAASQ,QAAQ;AAAA,MACrDN,UAAUI,KAAAA,KAAKC,WAAAA,QAAWL,UAAUF,mCAASE,QAAQ;AAAA,IACvD;AAAA,IACAO,eAAa;AAAA,IACbC,oBAAkB;AAAA,IAGlBC,uBAAuBL,KAAAA,KACrB,oBACAA,KAAAA,KAAKC,mBAAWK,cAAcZ,mCAASY,YAAY,CACrD;AAAA,IACAV;AAAAA,IACAD;AAAAA,IAA2B,GACvBE;AAAAA,EAAAA,CACL;AAEL;;"}
+{"version":3,"file":"Tab.cjs","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { TabProps as MuiTabProps } from \"@mui/material\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { clsx } from \"clsx\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\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 = (props: HvTabProps) => {\n  const {\n    classes,\n    iconPosition = \"top\",\n    disabled = false,\n    ...others\n  } = useDefaultProps(\"HvTab\", props);\n\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","props","classes","iconPosition","disabled","others","useDefaultProps","StyledTab","root","clsx","tabClasses","selected","disableRipple","disableTouchRipple","focusVisibleClassName","focusVisible"],"mappings":";;;;;;;AA0BaA,MAAAA,QAAQA,CAACC,UAAsB;AACpC,QAAA;AAAA,IACJC;AAAAA,IACAC,eAAe;AAAA,IACfC,WAAW;AAAA,IACX,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,SAASL,KAAK;AAElC,wCACGM,WAAAA,WAAS;AAAA,IACRL,SAAS;AAAA,MACPM,MAAMC,KAAAA,KAAKC,WAAAA,QAAWF,MAAMN,mCAASM,IAAI;AAAA,MACzCG,UAAUF,KAAAA,KAAKC,WAAAA,QAAWC,UAAUT,mCAASS,QAAQ;AAAA,MACrDP,UAAUK,KAAAA,KAAKC,WAAAA,QAAWN,UAAUF,mCAASE,QAAQ;AAAA,IACvD;AAAA,IACAQ,eAAa;AAAA,IACbC,oBAAkB;AAAA,IAGlBC,uBAAuBL,KAAAA,KACrB,oBACAA,KAAAA,KAAKC,mBAAWK,cAAcb,mCAASa,YAAY,CACrD;AAAA,IACAX;AAAAA,IACAD;AAAAA,IAA2B,GACvBE;AAAAA,EAAAA,CACL;AAEL;;"}

package/dist/cjs/components/Table/Table.cjs

@@ -5,6 +5,7 @@ const clsx = require("clsx");
 const React = require("react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const transientOptions = require("../../utils/transientOptions.cjs");
+const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const TableContext = require("./TableContext.cjs");
 const tableClasses = require("./tableClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -76,16 +77,17 @@ const StyledTable = (c) => /* @__PURE__ */ _styled__default.default(c, process.e
       borderSpacing: `0 ${uikitStyles.theme.space.xs}`
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStFRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL1RhYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNsc3ggfSBmcm9tIFwiY2xzeFwiO1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHtcbiAgQ1NTUHJvcGVydGllcyxcbiAgZm9yd2FyZFJlZixcbiAgVGFibGVIVE1MQXR0cmlidXRlcyxcbiAgdXNlTWVtbyxcbiAgdXNlUmVmLFxufSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuaW1wb3J0IFRhYmxlQ29udGV4dCBmcm9tIFwiLi9UYWJsZUNvbnRleHRcIjtcbmltcG9ydCB0YWJsZUNsYXNzZXMsIHsgSHZUYWJsZUNsYXNzZXMgfSBmcm9tIFwiLi90YWJsZUNsYXNzZXNcIjtcblxuZXhwb3J0IHR5cGUgSHZUYWJsZVZhcmlhbnQgPSBcImxpc3Ryb3dcIiB8IFwiZGVmYXVsdFwiO1xuZXhwb3J0IHR5cGUgSHZUYWJsZUNlbGxBbGlnbiA9XG4gIHwgXCJjZW50ZXJcIlxuICB8IFwiaW5oZXJpdFwiXG4gIHwgXCJqdXN0aWZ5XCJcbiAgfCBcImxlZnRcIlxuICB8IFwicmlnaHRcIjtcbmV4cG9ydCB0eXBlIEh2VGFibGVDZWxsVHlwZSA9IFwiYm9keVwiIHwgXCJmb290ZXJcIiB8IFwiaGVhZFwiO1xuZXhwb3J0IHR5cGUgSHZUYWJsZUNlbGxWYXJpYW50ID1cbiAgfCBcImNoZWNrYm94XCJcbiAgfCBcImV4cGFuZFwiXG4gIHwgXCJhY3Rpb25zXCJcbiAgfCBcImRlZmF1bHRcIlxuICB8IFwibm9uZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEh2VGFibGVQcm9wcyBleHRlbmRzIFRhYmxlSFRNTEF0dHJpYnV0ZXM8SFRNTFRhYmxlRWxlbWVudD4ge1xuICAvKipcbiAgICogVGhlIGNvbXBvbmVudCB1c2VkIGZvciB0aGUgcm9vdCBub2RlLiBFaXRoZXIgYSBzdHJpbmcgdG8gdXNlIGEgSFRNTCBlbGVtZW50IG9yIGEgY29tcG9uZW50LlxuICAgKiBEZWZhdWx0cyB0byBgdGFibGVgLlxuICAgKlxuICAgKiBXaGVuIHVzaW5nIG5vbi10YWJsZSBlbGVtZW50cywgbGF5b3V0IGlzIHVwIHRvIHRoZSBkZXZlbG9wZXIgdXNpbmcgdGhlIGNvbXBvbmVudC5cbiAgICovXG4gIGNvbXBvbmVudD86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAvKiogQ29udGVudCB0byBiZSByZW5kZXJlZCAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICAvKiogV2hldGhlciB0aGUgYEh2VGFibGVgIGhhcyBhIHN0aWNreSBoZWFkZXIgcm93LiAqL1xuICBzdGlja3lIZWFkZXI/OiBib29sZWFuO1xuICAvKiogV2hldGhlciB0aGUgYEh2VGFibGVgIGhhcyBzdGlja3kgY29sdW1ucy4gKi9cbiAgc3RpY2t5Q29sdW1ucz86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHRoZSBgSHZUYWJsZWAgaGFzIHRoZSBsaXN0IHJvdyBzdHlsZXMgb3IgdGhlIGRlZmF1bHQuICovXG4gIHZhcmlhbnQ/OiBIdlRhYmxlVmFyaWFudDtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgY2xhc3Nlcz86IEh2VGFibGVDbGFzc2VzO1xufVxuXG5jb25zdCBkZWZhdWx0Q29tcG9uZW50ID0gXCJ0YWJsZVwiO1xuXG5jb25zdCBjb21wdXRlVGFibGVQYXJ0Q29tcG9uZW50cyA9IChyb290Q29tcG9uZW50KSA9PiB7XG4gIGlmIChyb290Q29tcG9uZW50ID09PSBcInRhYmxlXCIpIHtcbiAgICByZXR1cm4ge1xuICAgICAgVGFibGU6IFwidGFibGVcIixcbiAgICAgIFRIZWFkOiBcInRoZWFkXCIsXG4gICAgICBUQm9keTogXCJ0Ym9keVwiLFxuICAgICAgVHI6IFwidHJcIixcbiAgICAgIFRoOiBcInRoXCIsXG4gICAgICBUZDogXCJ0ZFwiLFxuICAgIH07XG4gIH1cblxuICByZXR1cm4ge1xuICAgIFRhYmxlOiByb290Q29tcG9uZW50LFxuICAgIFRIZWFkOiByb290Q29tcG9uZW50LFxuICAgIFRCb2R5OiByb290Q29tcG9uZW50LFxuICAgIFRyOiByb290Q29tcG9uZW50LFxuICAgIFRoOiByb290Q29tcG9uZW50LFxuICAgIFRkOiByb290Q29tcG9uZW50LFxuICB9O1xufTtcblxuY29uc3QgU3R5bGVkVGFibGUgPSAoYzogYW55KSA9PlxuICBzdHlsZWQoXG4gICAgYyxcbiAgICB0cmFuc2llbnRPcHRpb25zXG4gICkoXG4gICAgKHtcbiAgICAgICRzdGlja3lIZWFkZXIsXG4gICAgICAkc3RpY2t5Q29sdW1ucyxcbiAgICAgICRsaXN0cm93LFxuICAgIH06IHtcbiAgICAgICRzdGlja3lIZWFkZXI6IGJvb2xlYW47XG4gICAgICAkc3RpY2t5Q29sdW1uczogYm9vbGVhbjtcbiAgICAgICRsaXN0cm93OiBib29sZWFuO1xuICAgIH0pID0+ICh7XG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuXG4gICAgICBcInRhYmxlJlwiOiB7XG4gICAgICAgIGJvcmRlclNwYWNpbmc6IDAsXG4gICAgICB9LFxuXG4gICAgICBcIiYgY2FwdGlvblwiOiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgICAgICBjYXB0aW9uU2lkZTogXCJib3R0b21cIixcbiAgICAgIH0sXG5cbiAgICAgIC4uLigkc3RpY2t5SGVhZGVyICYmIHt9KSxcbiAgICAgIC4uLigkc3RpY2t5Q29sdW1ucyAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8yLFxuICAgICAgfSksXG4gICAgICAuLi4oJGxpc3Ryb3cgJiYge1xuICAgICAgICBcInRhYmxlJlwiOiB7XG4gICAgICAgICAgYm9yZGVyU3BhY2luZzogYDAgJHt0aGVtZS5zcGFjZS54c31gLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgfSlcbiAgKTtcblxuLyoqXG4gKiBBIHRhYmxlIGdhdGhlcnMgcmVsYXRpb25hbCBkYXRhLiBJdCBkaXNwbGF5cyB2YWx1ZXMgYXJyYW5nZWQgdG8gYWxsb3cgcXVpY2sgbnVtZXJpY2FsIGFuYWx5c2lzIGxpa2UgY29tcGFyaXNvbiBhbmQgc29ydGluZy5cbiAqXG4gKiBUaGUgKipIdlRhYmxlKiogY29tcG9uZW50IG9mZmVycyBhIHNldCBvZiBIVE1MLWVxdWl2YWxlbnQgZWxlbWVudHMsICoqc3R5bGVkIHRvIERlc2lnbiBTeXN0ZW0ncyBzcGVjaWZpY2F0aW9uKiosXG4gKiBmb3IgYnVpbGRpbmcgdGFibGVzLlxuICogWW91IGNhbiByZWx5IG9uIHRoZXNlICoqZWxlbWVudHMqKiB3aGVuIHlvdXIgdGFibGUgZG9lc27igJl0IGhhdmUgbWFueSBpbnRlcmFjdGlvbnMgb3IgeW91IG5lZWQgaXQgdG8gYmUgdmVyeSBsaWdodHdlaWdodC5cbiAqXG4gKiBGb3IgYmV0dGVyIGRhdGEgaGFuZGxpbmcgYW5kICoqYWR2YW5jZWQgZmVhdHVyZXMqKiB3ZSByZWNvbW1lbmQgdGhlIHVzZSBvZiB0aGUgdXRpbGl0eSBob29rcyBjb2xsZWN0aW9uLlxuICogU2VlIHRoZSA8YSBocmVmPVwiP2lkPWd1aWRlcy10YWJsZS10YWJsZS1ob29rcy0tdXNlLWh2LWhvb2tzJnZpZXdNb2RlPWRvY3NcIiB0YXJnZXQ9XCJfc2VsZlwiPlRhYmxlIEhvb2tzIGRvY3VtZW50YXRpb248L2E+IGZvciBtb3JlIGRldGFpbHMuXG4gKi9cbmV4cG9ydCBjb25zdCBIdlRhYmxlID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSHZUYWJsZVByb3BzPihcbiAgKFxuICAgIHtcbiAgICAgIGNsYXNzZXMsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBjb21wb25lbnQgPSBkZWZhdWx0Q29tcG9uZW50LFxuICAgICAgc3RpY2t5SGVhZGVyID0gZmFsc2UsXG4gICAgICBzdGlja3lDb2x1bW5zID0gZmFsc2UsXG4gICAgICB2YXJpYW50ID0gXCJkZWZhdWx0XCIsXG4gICAgICAuLi5vdGhlcnNcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWYocmVmKTtcblxuICAgIGNvbnN0IGNvbXBvbmVudHMgPSB1c2VNZW1vKFxuICAgICAgKCkgPT4gY29tcHV0ZVRhYmxlUGFydENvbXBvbmVudHMoY29tcG9uZW50KSxcbiAgICAgIFtjb21wb25lbnRdXG4gICAgKTtcblxuICAgIGNvbnN0IHRhYmxlQ29udGV4dCA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiAoeyBjb21wb25lbnRzLCB2YXJpYW50LCBjb250YWluZXJSZWYgfSksXG4gICAgICBbY29tcG9uZW50cywgdmFyaWFudCwgY29udGFpbmVyUmVmXVxuICAgICk7XG5cbiAgICBjb25zdCBUYWJsZSA9IHVzZU1lbW8oKCkgPT4gU3R5bGVkVGFibGUoY29tcG9uZW50cy5UYWJsZSksIFtjb21wb25lbnRzXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFRhYmxlQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17dGFibGVDb250ZXh0fT5cbiAgICAgICAgPFRhYmxlXG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgcm9sZT17Y29tcG9uZW50ID09PSBkZWZhdWx0Q29tcG9uZW50ID8gbnVsbCA6IFwidGFibGVcIn1cbiAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goXG4gICAgICAgICAgICB0YWJsZUNsYXNzZXMucm9vdCxcbiAgICAgICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgICAgICAgICAgY2xzeCh0YWJsZUNsYXNzZXMuc3RpY2t5SGVhZGVyLCBjbGFzc2VzPy5zdGlja3lIZWFkZXIpLFxuICAgICAgICAgICAgc3RpY2t5Q29sdW1ucyAmJlxuICAgICAgICAgICAgICBjbHN4KHRhYmxlQ2xhc3Nlcy5zdGlja3lDb2x1bW5zLCBjbGFzc2VzPy5zdGlja3lDb2x1bW5zKSxcbiAgICAgICAgICAgIHZhcmlhbnQgPT09IFwibGlzdHJvd1wiICYmXG4gICAgICAgICAgICAgIGNsc3godGFibGVDbGFzc2VzLmxpc3RSb3csIGNsYXNzZXM/Lmxpc3RSb3cpLFxuICAgICAgICAgICAgY2xhc3NOYW1lXG4gICAgICAgICAgKX1cbiAgICAgICAgICAkc3RpY2t5Q29sdW1ucz17c3RpY2t5Q29sdW1uc31cbiAgICAgICAgICAkc3RpY2t5SGVhZGVyPXtzdGlja3lIZWFkZXJ9XG4gICAgICAgICAgJGxpc3Ryb3c9e3ZhcmlhbnQgPT09IFwibGlzdHJvd1wifVxuICAgICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICAgIC8+XG4gICAgICA8L1RhYmxlQ29udGV4dC5Qcm92aWRlcj5cbiAgICApO1xuICB9XG4pO1xuIl19 */");
-const HvTable = React.forwardRef(({
-  classes,
-  className,
-  component = defaultComponent,
-  stickyHeader = false,
-  stickyColumns = false,
-  variant = "default",
-  ...others
-}, ref) => {
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdGRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL1RhYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNsc3ggfSBmcm9tIFwiY2xzeFwiO1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHtcbiAgQ1NTUHJvcGVydGllcyxcbiAgZm9yd2FyZFJlZixcbiAgVGFibGVIVE1MQXR0cmlidXRlcyxcbiAgdXNlTWVtbyxcbiAgdXNlUmVmLFxufSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IHVzZURlZmF1bHRQcm9wcyB9IGZyb20gXCJAY29yZS9ob29rcy91c2VEZWZhdWx0UHJvcHNcIjtcblxuaW1wb3J0IFRhYmxlQ29udGV4dCBmcm9tIFwiLi9UYWJsZUNvbnRleHRcIjtcbmltcG9ydCB0YWJsZUNsYXNzZXMsIHsgSHZUYWJsZUNsYXNzZXMgfSBmcm9tIFwiLi90YWJsZUNsYXNzZXNcIjtcblxuZXhwb3J0IHR5cGUgSHZUYWJsZVZhcmlhbnQgPSBcImxpc3Ryb3dcIiB8IFwiZGVmYXVsdFwiO1xuZXhwb3J0IHR5cGUgSHZUYWJsZUNlbGxBbGlnbiA9XG4gIHwgXCJjZW50ZXJcIlxuICB8IFwiaW5oZXJpdFwiXG4gIHwgXCJqdXN0aWZ5XCJcbiAgfCBcImxlZnRcIlxuICB8IFwicmlnaHRcIjtcbmV4cG9ydCB0eXBlIEh2VGFibGVDZWxsVHlwZSA9IFwiYm9keVwiIHwgXCJmb290ZXJcIiB8IFwiaGVhZFwiO1xuZXhwb3J0IHR5cGUgSHZUYWJsZUNlbGxWYXJpYW50ID1cbiAgfCBcImNoZWNrYm94XCJcbiAgfCBcImV4cGFuZFwiXG4gIHwgXCJhY3Rpb25zXCJcbiAgfCBcImRlZmF1bHRcIlxuICB8IFwibm9uZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEh2VGFibGVQcm9wcyBleHRlbmRzIFRhYmxlSFRNTEF0dHJpYnV0ZXM8SFRNTFRhYmxlRWxlbWVudD4ge1xuICAvKipcbiAgICogVGhlIGNvbXBvbmVudCB1c2VkIGZvciB0aGUgcm9vdCBub2RlLiBFaXRoZXIgYSBzdHJpbmcgdG8gdXNlIGEgSFRNTCBlbGVtZW50IG9yIGEgY29tcG9uZW50LlxuICAgKiBEZWZhdWx0cyB0byBgdGFibGVgLlxuICAgKlxuICAgKiBXaGVuIHVzaW5nIG5vbi10YWJsZSBlbGVtZW50cywgbGF5b3V0IGlzIHVwIHRvIHRoZSBkZXZlbG9wZXIgdXNpbmcgdGhlIGNvbXBvbmVudC5cbiAgICovXG4gIGNvbXBvbmVudD86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAvKiogQ29udGVudCB0byBiZSByZW5kZXJlZCAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICAvKiogV2hldGhlciB0aGUgYEh2VGFibGVgIGhhcyBhIHN0aWNreSBoZWFkZXIgcm93LiAqL1xuICBzdGlja3lIZWFkZXI/OiBib29sZWFuO1xuICAvKiogV2hldGhlciB0aGUgYEh2VGFibGVgIGhhcyBzdGlja3kgY29sdW1ucy4gKi9cbiAgc3RpY2t5Q29sdW1ucz86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHRoZSBgSHZUYWJsZWAgaGFzIHRoZSBsaXN0IHJvdyBzdHlsZXMgb3IgdGhlIGRlZmF1bHQuICovXG4gIHZhcmlhbnQ/OiBIdlRhYmxlVmFyaWFudDtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgY2xhc3Nlcz86IEh2VGFibGVDbGFzc2VzO1xufVxuXG5jb25zdCBkZWZhdWx0Q29tcG9uZW50ID0gXCJ0YWJsZVwiO1xuXG5jb25zdCBjb21wdXRlVGFibGVQYXJ0Q29tcG9uZW50cyA9IChyb290Q29tcG9uZW50KSA9PiB7XG4gIGlmIChyb290Q29tcG9uZW50ID09PSBcInRhYmxlXCIpIHtcbiAgICByZXR1cm4ge1xuICAgICAgVGFibGU6IFwidGFibGVcIixcbiAgICAgIFRIZWFkOiBcInRoZWFkXCIsXG4gICAgICBUQm9keTogXCJ0Ym9keVwiLFxuICAgICAgVHI6IFwidHJcIixcbiAgICAgIFRoOiBcInRoXCIsXG4gICAgICBUZDogXCJ0ZFwiLFxuICAgIH07XG4gIH1cblxuICByZXR1cm4ge1xuICAgIFRhYmxlOiByb290Q29tcG9uZW50LFxuICAgIFRIZWFkOiByb290Q29tcG9uZW50LFxuICAgIFRCb2R5OiByb290Q29tcG9uZW50LFxuICAgIFRyOiByb290Q29tcG9uZW50LFxuICAgIFRoOiByb290Q29tcG9uZW50LFxuICAgIFRkOiByb290Q29tcG9uZW50LFxuICB9O1xufTtcblxuY29uc3QgU3R5bGVkVGFibGUgPSAoYzogYW55KSA9PlxuICBzdHlsZWQoXG4gICAgYyxcbiAgICB0cmFuc2llbnRPcHRpb25zXG4gICkoXG4gICAgKHtcbiAgICAgICRzdGlja3lIZWFkZXIsXG4gICAgICAkc3RpY2t5Q29sdW1ucyxcbiAgICAgICRsaXN0cm93LFxuICAgIH06IHtcbiAgICAgICRzdGlja3lIZWFkZXI6IGJvb2xlYW47XG4gICAgICAkc3RpY2t5Q29sdW1uczogYm9vbGVhbjtcbiAgICAgICRsaXN0cm93OiBib29sZWFuO1xuICAgIH0pID0+ICh7XG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuXG4gICAgICBcInRhYmxlJlwiOiB7XG4gICAgICAgIGJvcmRlclNwYWNpbmc6IDAsXG4gICAgICB9LFxuXG4gICAgICBcIiYgY2FwdGlvblwiOiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgICAgICBjYXB0aW9uU2lkZTogXCJib3R0b21cIixcbiAgICAgIH0sXG5cbiAgICAgIC4uLigkc3RpY2t5SGVhZGVyICYmIHt9KSxcbiAgICAgIC4uLigkc3RpY2t5Q29sdW1ucyAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8yLFxuICAgICAgfSksXG4gICAgICAuLi4oJGxpc3Ryb3cgJiYge1xuICAgICAgICBcInRhYmxlJlwiOiB7XG4gICAgICAgICAgYm9yZGVyU3BhY2luZzogYDAgJHt0aGVtZS5zcGFjZS54c31gLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgfSlcbiAgKTtcblxuLyoqXG4gKiBBIHRhYmxlIGdhdGhlcnMgcmVsYXRpb25hbCBkYXRhLiBJdCBkaXNwbGF5cyB2YWx1ZXMgYXJyYW5nZWQgdG8gYWxsb3cgcXVpY2sgbnVtZXJpY2FsIGFuYWx5c2lzIGxpa2UgY29tcGFyaXNvbiBhbmQgc29ydGluZy5cbiAqXG4gKiBUaGUgKipIdlRhYmxlKiogY29tcG9uZW50IG9mZmVycyBhIHNldCBvZiBIVE1MLWVxdWl2YWxlbnQgZWxlbWVudHMsICoqc3R5bGVkIHRvIERlc2lnbiBTeXN0ZW0ncyBzcGVjaWZpY2F0aW9uKiosXG4gKiBmb3IgYnVpbGRpbmcgdGFibGVzLlxuICogWW91IGNhbiByZWx5IG9uIHRoZXNlICoqZWxlbWVudHMqKiB3aGVuIHlvdXIgdGFibGUgZG9lc27igJl0IGhhdmUgbWFueSBpbnRlcmFjdGlvbnMgb3IgeW91IG5lZWQgaXQgdG8gYmUgdmVyeSBsaWdodHdlaWdodC5cbiAqXG4gKiBGb3IgYmV0dGVyIGRhdGEgaGFuZGxpbmcgYW5kICoqYWR2YW5jZWQgZmVhdHVyZXMqKiB3ZSByZWNvbW1lbmQgdGhlIHVzZSBvZiB0aGUgdXRpbGl0eSBob29rcyBjb2xsZWN0aW9uLlxuICogU2VlIHRoZSA8YSBocmVmPVwiP2lkPWd1aWRlcy10YWJsZS10YWJsZS1ob29rcy0tdXNlLWh2LWhvb2tzJnZpZXdNb2RlPWRvY3NcIiB0YXJnZXQ9XCJfc2VsZlwiPlRhYmxlIEhvb2tzIGRvY3VtZW50YXRpb248L2E+IGZvciBtb3JlIGRldGFpbHMuXG4gKi9cbmV4cG9ydCBjb25zdCBIdlRhYmxlID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSHZUYWJsZVByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgY2xhc3NlcyxcbiAgICBjbGFzc05hbWUsXG4gICAgY29tcG9uZW50ID0gZGVmYXVsdENvbXBvbmVudCxcbiAgICBzdGlja3lIZWFkZXIgPSBmYWxzZSxcbiAgICBzdGlja3lDb2x1bW5zID0gZmFsc2UsXG4gICAgdmFyaWFudCA9IFwiZGVmYXVsdFwiLFxuICAgIC4uLm90aGVyc1xuICB9ID0gdXNlRGVmYXVsdFByb3BzKFwiSHZUYWJsZVwiLCBwcm9wcyk7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZihyZWYpO1xuXG4gIGNvbnN0IGNvbXBvbmVudHMgPSB1c2VNZW1vKFxuICAgICgpID0+IGNvbXB1dGVUYWJsZVBhcnRDb21wb25lbnRzKGNvbXBvbmVudCksXG4gICAgW2NvbXBvbmVudF1cbiAgKTtcblxuICBjb25zdCB0YWJsZUNvbnRleHQgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7IGNvbXBvbmVudHMsIHZhcmlhbnQsIGNvbnRhaW5lclJlZiB9KSxcbiAgICBbY29tcG9uZW50cywgdmFyaWFudCwgY29udGFpbmVyUmVmXVxuICApO1xuXG4gIGNvbnN0IFRhYmxlID0gdXNlTWVtbygoKSA9PiBTdHlsZWRUYWJsZShjb21wb25lbnRzLlRhYmxlKSwgW2NvbXBvbmVudHNdKTtcblxuICByZXR1cm4gKFxuICAgIDxUYWJsZUNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3RhYmxlQ29udGV4dH0+XG4gICAgICA8VGFibGVcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHJvbGU9e2NvbXBvbmVudCA9PT0gZGVmYXVsdENvbXBvbmVudCA/IG51bGwgOiBcInRhYmxlXCJ9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICB0YWJsZUNsYXNzZXMucm9vdCxcbiAgICAgICAgICBjbGFzc2VzPy5yb290LFxuICAgICAgICAgIHN0aWNreUhlYWRlciAmJlxuICAgICAgICAgICAgY2xzeCh0YWJsZUNsYXNzZXMuc3RpY2t5SGVhZGVyLCBjbGFzc2VzPy5zdGlja3lIZWFkZXIpLFxuICAgICAgICAgIHN0aWNreUNvbHVtbnMgJiZcbiAgICAgICAgICAgIGNsc3godGFibGVDbGFzc2VzLnN0aWNreUNvbHVtbnMsIGNsYXNzZXM/LnN0aWNreUNvbHVtbnMpLFxuICAgICAgICAgIHZhcmlhbnQgPT09IFwibGlzdHJvd1wiICYmIGNsc3godGFibGVDbGFzc2VzLmxpc3RSb3csIGNsYXNzZXM/Lmxpc3RSb3cpLFxuICAgICAgICAgIGNsYXNzTmFtZVxuICAgICAgICApfVxuICAgICAgICAkc3RpY2t5Q29sdW1ucz17c3RpY2t5Q29sdW1uc31cbiAgICAgICAgJHN0aWNreUhlYWRlcj17c3RpY2t5SGVhZGVyfVxuICAgICAgICAkbGlzdHJvdz17dmFyaWFudCA9PT0gXCJsaXN0cm93XCJ9XG4gICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICAvPlxuICAgIDwvVGFibGVDb250ZXh0LlByb3ZpZGVyPlxuICApO1xufSk7XG4iXX0= */");
+const HvTable = React.forwardRef((props, ref) => {
+  const {
+    classes,
+    className,
+    component = defaultComponent,
+    stickyHeader = false,
+    stickyColumns = false,
+    variant = "default",
+    ...others
+  } = useDefaultProps.useDefaultProps("HvTable", props);
   const containerRef = React.useRef(ref);
   const components = React.useMemo(() => computeTablePartComponents(component), [component]);
   const tableContext = React.useMemo(() => ({

package/dist/cjs/components/Table/Table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport styled from \"@emotion/styled\";\n\nimport {\n  CSSProperties,\n  forwardRef,\n  TableHTMLAttributes,\n  useMemo,\n  useRef,\n} from \"react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\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":"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"}
+{"version":3,"file":"Table.cjs","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport styled from \"@emotion/styled\";\n\nimport {\n  CSSProperties,\n  forwardRef,\n  TableHTMLAttributes,\n  useMemo,\n  useRef,\n} from \"react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\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>((props, ref) => {\n  const {\n    classes,\n    className,\n    component = defaultComponent,\n    stickyHeader = false,\n    stickyColumns = false,\n    variant = \"default\",\n    ...others\n  } = useDefaultProps(\"HvTable\", props);\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\" && 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"],"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","props","ref","classes","className","component","stickyHeader","stickyColumns","variant","others","useDefaultProps","containerRef","useRef","components","useMemo","tableContext","_jsx","TableContext","Provider","value","children","role","clsx","tableClasses","root","listRow"],"mappings":"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"}