@hitachivantara/uikit-react-core 4.4.2 → 5.0.0-next.1

package/README.md

@@ -1,11 +1,11 @@
-# @hitachivantara/uikit-react-core
-
-A collection of React components for the Hitachi Vantara Design System.
-
-## Installation
-
-Install the package in your project directory with:
-
-```sh
-npm install @hitachivantara/uikit-react-core
-```
+# @hitachivantara/uikit-react-core
+
+UI Kit core React components for the Next Design System.
+
+## Installation
+
+Install the package in your project directory with:
+
+```sh
+npm install @hitachivantara/uikit-react-core
+```

package/dist/cjs/components/Accordion/Accordion.cjs

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+const clsx = require("clsx");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const Accordion_styles = require("./Accordion.styles.cjs");
+const accordionClasses = require("./accordionClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const useControlled = require("../../hooks/useControlled.cjs");
+const setId = require("../../utils/setId.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const HvAccordion = ({
+  id,
+  className,
+  classes,
+  disabled = false,
+  label,
+  onChange,
+  children,
+  expanded,
+  headingLevel,
+  defaultExpanded = false,
+  containerProps,
+  ...others
+}) => {
+  const [isOpen, setIsOpen] = useControlled.useControlled(expanded, Boolean(defaultExpanded));
+  const handleAction = React.useCallback((event) => {
+    if (!disabled) {
+      onChange == null ? void 0 : onChange(event, isOpen);
+      setIsOpen(!isOpen);
+      return true;
+    }
+    return false;
+  }, [disabled, onChange, isOpen, setIsOpen]);
+  const handleClick = React.useCallback((event) => {
+    handleAction(event);
+    event.preventDefault();
+    event.stopPropagation();
+  }, [handleAction]);
+  const handleKeyDown = React.useCallback((event) => {
+    let isEventHandled = false;
+    const {
+      key
+    } = event;
+    if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {
+      return;
+    }
+    switch (key) {
+      case "Enter":
+      case " ":
+        isEventHandled = handleAction(event);
+        break;
+      default:
+        return;
+    }
+    if (isEventHandled) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  }, [handleAction]);
+  const accordionHeaderId = setId.setId(id, "button");
+  const accordionContainer = setId.setId(id, "container");
+  const accordionHeader = React.useMemo(() => {
+    const color = disabled && ["atmo5"] || void 0;
+    const accordionButton = /* @__PURE__ */ jsxRuntime.jsxs(Accordion_styles.StyledLabel, {
+      id: accordionHeaderId,
+      component: "div",
+      role: "button",
+      className: clsx__default.default(accordionClasses.default.label, classes == null ? void 0 : classes.label),
+      disabled,
+      tabIndex: 0,
+      onKeyDown: handleKeyDown,
+      onClick: handleClick,
+      variant: "label",
+      "aria-expanded": isOpen,
+      "aria-disabled": disabled,
+      children: [isOpen ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropUpXS, {
+        color
+      }) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropDownXS, {
+        color
+      }), label]
+    });
+    const result = headingLevel === void 0 ? accordionButton : /* @__PURE__ */ jsxRuntime.jsx(Accordion_styles.StyledLabel, {
+      component: `h${headingLevel}`,
+      children: accordionButton
+    });
+    return result;
+  }, [classes, handleClick, handleKeyDown, label, accordionHeaderId, disabled, headingLevel, isOpen]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Accordion_styles.StyledRoot, {
+    id,
+    className: clsx__default.default(className, accordionClasses.default.root, classes == null ? void 0 : classes.root),
+    ...others,
+    children: [accordionHeader, /* @__PURE__ */ jsxRuntime.jsx(Accordion_styles.StyledContainer, {
+      id: accordionContainer,
+      role: "region",
+      "aria-labelledby": accordionHeaderId,
+      className: clsx__default.default(accordionClasses.default.container, classes == null ? void 0 : classes.container),
+      hidden: !isOpen,
+      ...containerProps,
+      children
+    })]
+  });
+};
+exports.HvAccordion = HvAccordion;
+//# sourceMappingURL=Accordion.cjs.map

package/dist/cjs/components/Accordion/Accordion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.cjs","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { SyntheticEvent, useCallback, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { useControlled } from \"hooks\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"../../types\";\nimport { setId } from \"utils\";\nimport { StyledContainer, StyledLabel, StyledRoot } from \"./Accordion.styles\";\nimport accordionClasses, { HvAccordionClasses } from \"./accordionClasses\";\n\nexport type HvAccordionProps = HvBaseProps & {\n  /**\n   * Id to be applied to the root node of the accordion.\n   */\n  id?: string;\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvAccordionClasses;\n  /**\n   * The accordion label button.\n   */\n  label?: any;\n  /**\n   * The function that will be executed whenever the accordion toggles it will receive the state of the accordion\n   */\n  onChange?: any;\n  /**\n   * Whether the accordion is open or not, if this property is defined the accordion must be fully controlled.\n   */\n  expanded?: boolean;\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * An object containing props to be passed onto container holding the accordion children.\n   */\n  containerProps?: Object;\n  /**\n   * Heading Level to apply to accordion button if ´undefined´ the button won't have a header wrapper.\n   */\n  headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n  /**\n   * Is the accordion disabled.\n   */\n  disabled?: boolean;\n};\n\n/**\n * A accordion is a design element that expands in place to expose hidden information.\n */\nexport const HvAccordion = ({\n  id,\n  className,\n  classes,\n  disabled = false,\n  label,\n  onChange,\n  children,\n  expanded,\n  headingLevel,\n  defaultExpanded = false,\n  containerProps,\n  ...others\n}: HvAccordionProps) => {\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const handleAction = useCallback(\n    (event: SyntheticEvent) => {\n      if (!disabled) {\n        onChange?.(event, isOpen);\n        setIsOpen(!isOpen);\n        return true;\n      }\n      return false;\n    },\n    [disabled, onChange, isOpen, setIsOpen]\n  );\n\n  const handleClick = useCallback(\n    (event: SyntheticEvent) => {\n      handleAction(event);\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [handleAction]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      let isEventHandled = false;\n      const { key } = event;\n\n      if (\n        event.altKey ||\n        event.ctrlKey ||\n        event.metaKey ||\n        event.currentTarget !== event.target\n      ) {\n        return;\n      }\n      switch (key) {\n        case \"Enter\":\n        case \" \":\n          isEventHandled = handleAction(event);\n          break;\n        default:\n          return;\n      }\n\n      if (isEventHandled) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [handleAction]\n  );\n\n  const accordionHeaderId = setId(id, \"button\");\n  const accordionContainer = setId(id, \"container\");\n  const accordionHeader = useMemo(() => {\n    const color = (disabled && [\"atmo5\"]) || undefined;\n    const accordionButton = (\n      <StyledLabel\n        id={accordionHeaderId}\n        component=\"div\"\n        role=\"button\"\n        className={clsx(accordionClasses.label, classes?.label)}\n        disabled={disabled}\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        onClick={handleClick}\n        variant={\"label\"}\n        aria-expanded={isOpen}\n        aria-disabled={disabled}\n      >\n        {isOpen ? <DropUpXS color={color} /> : <DropDownXS color={color} />}\n        {label}\n      </StyledLabel>\n    );\n    const result =\n      headingLevel === undefined ? (\n        accordionButton\n      ) : (\n        <StyledLabel component={`h${headingLevel}`}>\n          {accordionButton}\n        </StyledLabel>\n      );\n    return result;\n  }, [\n    classes,\n    handleClick,\n    handleKeyDown,\n    label,\n    accordionHeaderId,\n    disabled,\n    headingLevel,\n    isOpen,\n  ]);\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, accordionClasses.root, classes?.root)}\n      {...others}\n    >\n      {accordionHeader}\n      <StyledContainer\n        id={accordionContainer}\n        role=\"region\"\n        aria-labelledby={accordionHeaderId}\n        className={clsx(accordionClasses.container, classes?.container)}\n        hidden={!isOpen}\n        {...containerProps}\n      >\n        {children}\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvAccordion","id","className","classes","disabled","label","onChange","children","expanded","headingLevel","defaultExpanded","containerProps","others","isOpen","setIsOpen","useControlled","Boolean","handleAction","useCallback","event","handleClick","preventDefault","stopPropagation","handleKeyDown","isEventHandled","key","altKey","ctrlKey","metaKey","currentTarget","target","accordionHeaderId","setId","accordionContainer","accordionHeader","useMemo","color","undefined","accordionButton","StyledLabel","component","role","clsx","accordionClasses","tabIndex","onKeyDown","onClick","variant","_jsx","DropUpXS","DropDownXS","result","StyledRoot","root","StyledContainer","container","hidden"],"mappings":"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"}

package/dist/cjs/components/Accordion/Accordion.styles.cjs

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const Typography = require("../Typography/Typography.cjs");
+const focusUtils = require("../../utils/focusUtils.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).";
+}
+const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e86r8k02"
+} : {
+  target: "e86r8k02",
+  label: "StyledRoot"
+})(process.env.NODE_ENV === "production" ? {
+  name: "181xssw",
+  styles: "& + root{padding-top:8px;}"
+} : {
+  name: "181xssw",
+  styles: "& + root{padding-top:8px;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWNjb3JkaW9uL0FjY29yZGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUswQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0FjY29yZGlvbi9BY2NvcmRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBcIiYgKyByb290XCI6IHtcbiAgICBwYWRkaW5nVG9wOiA4LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoXG4gICh7IGhpZGRlbiB9OiB7IGhpZGRlbjogYm9vbGVhbiB9KSA9PiAoe1xuICAgIHBhZGRpbmdUb3A6IDgsXG4gICAgaGVpZ2h0OiBcImF1dG9cIixcblxuICAgIC4uLihoaWRkZW4gJiYge1xuICAgICAgaGVpZ2h0OiAwLFxuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KShcbiAgKHsgZGlzYWJsZWQgfTogeyBkaXNhYmxlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgaGVpZ2h0OiBcIjMycHhcIixcblxuICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICBcIiZbZGlzYWJsZWRdLCAmOmFjdGl2ZVwiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG5cbiAgICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG5cbiAgICAvLyBjdXJzb3JcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIC4uLihkaXNhYmxlZCAmJiB7XG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e86r8k01"
+} : {
+  target: "e86r8k01",
+  label: "StyledContainer"
+})(({
+  hidden
+}) => ({
+  paddingTop: 8,
+  height: "auto",
+  ...hidden && {
+    height: 0,
+    display: "none"
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWNjb3JkaW9uL0FjY29yZGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0FjY29yZGlvbi9BY2NvcmRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBcIiYgKyByb290XCI6IHtcbiAgICBwYWRkaW5nVG9wOiA4LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoXG4gICh7IGhpZGRlbiB9OiB7IGhpZGRlbjogYm9vbGVhbiB9KSA9PiAoe1xuICAgIHBhZGRpbmdUb3A6IDgsXG4gICAgaGVpZ2h0OiBcImF1dG9cIixcblxuICAgIC4uLihoaWRkZW4gJiYge1xuICAgICAgaGVpZ2h0OiAwLFxuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KShcbiAgKHsgZGlzYWJsZWQgfTogeyBkaXNhYmxlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgaGVpZ2h0OiBcIjMycHhcIixcblxuICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICBcIiZbZGlzYWJsZWRdLCAmOmFjdGl2ZVwiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG5cbiAgICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG5cbiAgICAvLyBjdXJzb3JcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIC4uLihkaXNhYmxlZCAmJiB7XG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+const StyledLabel = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? {
+  target: "e86r8k00"
+} : {
+  target: "e86r8k00",
+  label: "StyledLabel"
+})(({
+  disabled
+}) => ({
+  width: "100%",
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  height: "32px",
+  ...!disabled && {
+    "&:hover": {
+      background: uikitStyles.theme.colors.atmo3
+    },
+    "&:focus": {
+      background: uikitStyles.theme.colors.atmo3
+    }
+  },
+  "&[disabled], &:active": {
+    outline: "none"
+  },
+  "&:focus": {
+    outline: "none"
+  },
+  "&:focus-visible": {
+    ...focusUtils.outlineStyles
+  },
+  cursor: "pointer",
+  ...disabled && {
+    cursor: "not-allowed",
+    color: uikitStyles.theme.colors.atmo5
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWNjb3JkaW9uL0FjY29yZGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BY2NvcmRpb24vQWNjb3JkaW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgXCImICsgcm9vdFwiOiB7XG4gICAgcGFkZGluZ1RvcDogOCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyBoaWRkZW4gfTogeyBoaWRkZW46IGJvb2xlYW4gfSkgPT4gKHtcbiAgICBwYWRkaW5nVG9wOiA4LFxuICAgIGhlaWdodDogXCJhdXRvXCIsXG5cbiAgICAuLi4oaGlkZGVuICYmIHtcbiAgICAgIGhlaWdodDogMCxcbiAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoXG4gICh7IGRpc2FibGVkIH06IHsgZGlzYWJsZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG5cbiAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIH0sXG4gICAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgXCImW2Rpc2FibGVkXSwgJjphY3RpdmVcIjoge1xuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgfSxcblxuICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuXG4gICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9LFxuXG4gICAgLy8gY3Vyc29yXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAuLi4oZGlzYWJsZWQgJiYge1xuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW81LFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
+exports.StyledContainer = StyledContainer;
+exports.StyledLabel = StyledLabel;
+exports.StyledRoot = StyledRoot;
+//# sourceMappingURL=Accordion.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.styles.cjs","sources":["../../../../src/components/Accordion/Accordion.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\nimport { outlineStyles } from \"utils\";\n\nexport const StyledRoot = styled(\"div\")({\n  \"& + root\": {\n    paddingTop: 8,\n  },\n});\n\nexport const StyledContainer = styled(\"div\")(\n  ({ hidden }: { hidden: boolean }) => ({\n    paddingTop: 8,\n    height: \"auto\",\n\n    ...(hidden && {\n      height: 0,\n      display: \"none\",\n    }),\n  })\n);\n\nexport const StyledLabel = styled(HvTypography)(\n  ({ disabled }: { disabled?: boolean }) => ({\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    height: \"32px\",\n\n    ...(!disabled && {\n      \"&:hover\": {\n        background: theme.colors.atmo3,\n      },\n      \"&:focus\": {\n        background: theme.colors.atmo3,\n      },\n    }),\n\n    \"&[disabled], &:active\": {\n      outline: \"none\",\n    },\n\n    \"&:focus\": {\n      outline: \"none\",\n    },\n\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n\n    // cursor\n    cursor: \"pointer\",\n    ...(disabled && {\n      cursor: \"not-allowed\",\n      color: theme.colors.atmo5,\n    }),\n  })\n);\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","hidden","paddingTop","height","display","StyledLabel","HvTypography","disabled","width","justifyContent","alignItems","background","theme","colors","atmo3","outline","outlineStyles","cursor","color","atmo5"],"mappings":";;;;;;;;;;;AAKO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,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,CAIrC;AAEK,MAAMC,kBAAyBX,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACzC,CAAC;AAAA,EAAEO;AAA4B,OAAO;AAAA,EACpCC,YAAY;AAAA,EACZC,QAAQ;AAAA,EAER,GAAIF,UAAU;AAAA,IACZE,QAAQ;AAAA,IACRC,SAAS;AAAA,EACX;AACF,IAAEd,QAAAC,IAAAC,aACH,eAAA,KAAA,6mEAAA;AAEM,MAAMa,cAAqBC,iCAAAA,QAAAA,WAAAA,cAAYhB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAC5C,CAAC;AAAA,EAAEa;AAAiC,OAAO;AAAA,EACzCC,OAAO;AAAA,EACPJ,SAAS;AAAA,EACTK,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZP,QAAQ;AAAA,EAER,GAAI,CAACI,YAAY;AAAA,IACf,WAAW;AAAA,MACTI,YAAYC,YAAAA,MAAMC,OAAOC;AAAAA,IAC3B;AAAA,IACA,WAAW;AAAA,MACTH,YAAYC,YAAAA,MAAMC,OAAOC;AAAAA,IAC3B;AAAA,EACF;AAAA,EAEA,yBAAyB;AAAA,IACvBC,SAAS;AAAA,EACX;AAAA,EAEA,WAAW;AAAA,IACTA,SAAS;AAAA,EACX;AAAA,EAEA,mBAAmB;AAAA,IACjB,GAAGC,WAAAA;AAAAA,EACL;AAAA,EAGAC,QAAQ;AAAA,EACR,GAAIV,YAAY;AAAA,IACdU,QAAQ;AAAA,IACRC,OAAON,YAAAA,MAAMC,OAAOM;AAAAA,EACtB;AACF,IAAE7B,QAAAC,IAAAC,aACH,eAAA,KAAA,inEAAA;;;;"}

package/dist/cjs/components/Accordion/accordionClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../utils/classes.cjs");
+const classKeys = ["root", "hidden", "container", "label", "disabled"];
+const accordionClasses = classes.getClasses(classKeys, "HvAccordion");
+const accordionClasses$1 = accordionClasses;
+exports.default = accordionClasses$1;
+//# sourceMappingURL=accordionClasses.cjs.map

package/dist/cjs/components/Accordion/accordionClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordionClasses.cjs","sources":["../../../../src/components/Accordion/accordionClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvAccordionClasses = {\n  /** Styles applied to the component root of the accordion. */\n  root?: string;\n  /** Styles applied to the content when it is hidden. */\n  hidden?: string;\n  /** Styles applied to the content when it is hidden. */\n  container?: string;\n  /** Styles applied to the label button. */\n  label?: string;\n  /** Styles applied to the label button when it is disabled. */\n  disabled?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"hidden\",\n  \"container\",\n  \"label\",\n  \"disabled\",\n];\n\nconst accordionClasses = getClasses<HvAccordionClasses>(\n  classKeys,\n  \"HvAccordion\"\n);\n\nexport default accordionClasses;\n"],"names":["classKeys","accordionClasses","getClasses"],"mappings":";;;AAeA,MAAMA,YAAsB,CAC1B,QACA,UACA,aACA,SACA,UAAU;AAGZ,MAAMC,mBAAmBC,QACvBF,WAAAA,WACA,aAAa;AAGf,MAAA,qBAAeC;;"}

package/dist/cjs/components/ActionBar/ActionBar.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const clsx = require("clsx");
+const ActionBar_styles = require("./ActionBar.styles.cjs");
+const actionBarClasses = require("./actionBarClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const HvActionBar = (props) => {
+  const {
+    classes,
+    className,
+    id,
+    children,
+    ...others
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(ActionBar_styles.StyledRoot, {
+    id,
+    className: clsx__default.default(actionBarClasses.default.root, classes == null ? void 0 : classes.root, className),
+    ...others,
+    children
+  });
+};
+exports.HvActionBar = HvActionBar;
+//# sourceMappingURL=ActionBar.cjs.map

package/dist/cjs/components/ActionBar/ActionBar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.cjs","sources":["../../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledRoot } from \"./ActionBar.styles\";\nimport actionBarClasses, { HvActionBarClasses } from \"./actionBarClasses\";\n\nexport type HvActionBarProps = HvBaseProps & {\n  /** Id to be applied to the root node. */\n  id?: string;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvActionBarClasses;\n};\n\nexport const HvActionBar = (props: HvActionBarProps) => {\n  const { classes, className, id, children, ...others } = props;\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(actionBarClasses.root, classes?.root, className)}\n      {...others}\n    >\n      {children}\n    </StyledRoot>\n  );\n};\n"],"names":["HvActionBar","props","classes","className","id","children","others","StyledRoot","clsx","actionBarClasses","root"],"mappings":";;;;;;;;AAYaA,MAAAA,cAAcA,CAACC,UAA4B;AAChD,QAAA;AAAA,IAAEC;AAAAA,IAASC;AAAAA,IAAWC;AAAAA,IAAIC;AAAAA,OAAaC;AAAAA,EAAWL,IAAAA;AAExD,wCACGM,iBAAAA,YAAU;AAAA,IACTH;AAAAA,IACAD,WAAWK,cAAKC,QAAAA,iBAAAA,QAAiBC,MAAMR,mCAASQ,MAAMP,SAAS;AAAA,IAAE,GAC7DG;AAAAA,IAAMD;AAAAA,EAAAA,CAGC;AAEjB;;"}

package/dist/cjs/components/ActionBar/ActionBar.styles.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "eae5m590"
+} : {
+  target: "eae5m590",
+  label: "StyledRoot"
+})({
+  width: "100%",
+  height: "75px",
+  padding: uikitStyles.theme.space.sm,
+  borderTop: `3px solid ${uikitStyles.theme.colors.atmo2}`,
+  display: "flex",
+  justifyContent: "flex-end"
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWN0aW9uQmFyL0FjdGlvbkJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUcwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0FjdGlvbkJhci9BY3Rpb25CYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjc1cHhcIixcbiAgcGFkZGluZzogdGhlbWUuc3BhY2Uuc20sXG4gIGJvcmRlclRvcDogYDNweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vMn1gLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbn0pO1xuIl19 */");
+exports.StyledRoot = StyledRoot;
+//# sourceMappingURL=ActionBar.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.styles.cjs","sources":["../../../../src/components/ActionBar/ActionBar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  height: \"75px\",\n  padding: theme.space.sm,\n  borderTop: `3px solid ${theme.colors.atmo2}`,\n  display: \"flex\",\n  justifyContent: \"flex-end\",\n});\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","width","height","padding","theme","space","sm","borderTop","colors","atmo2","display","justifyContent"],"mappings":";;;;;;AAGO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,SAASC,YAAAA,MAAMC,MAAMC;AAAAA,EACrBC,WAAY,aAAYH,YAAAA,MAAMI,OAAOC;AAAAA,EACrCC,SAAS;AAAA,EACTC,gBAAgB;AAClB,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,y4BAAA;;"}

package/dist/cjs/components/ActionBar/actionBarClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../utils/classes.cjs");
+const classKeys = ["root"];
+const actionBarClasses = classes.getClasses(classKeys, "HvActionBar");
+const actionBarClasses$1 = actionBarClasses;
+exports.default = actionBarClasses$1;
+//# sourceMappingURL=actionBarClasses.cjs.map

package/dist/cjs/components/ActionBar/actionBarClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionBarClasses.cjs","sources":["../../../../src/components/ActionBar/actionBarClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvActionBarClasses = {\n  root?: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst actionBarClasses = getClasses<HvActionBarClasses>(\n  classKeys,\n  \"HvActionBar\"\n);\n\nexport default actionBarClasses;\n"],"names":["classKeys","actionBarClasses","getClasses"],"mappings":";;;AAMA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,mBAAmBC,QACvBF,WAAAA,WACA,aAAa;AAGf,MAAA,qBAAeC;;"}

package/dist/cjs/components/ActionsGeneric/ActionsGeneric.cjs

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const clsx = require("clsx");
+const React = require("react");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const ActionsGeneric_styles = require("./ActionsGeneric.styles.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const actionsGenericClasses = require("./actionsGenericClasses.cjs");
+const DropDownMenu = require("../DropDownMenu/DropDownMenu.cjs");
+const ThemeProvider = require("../../providers/ThemeProvider.cjs");
+const setId = require("../../utils/setId.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const HvActionsGeneric = ({
+  id,
+  classes,
+  className,
+  category = "secondaryGhost",
+  disabled = false,
+  actions = [],
+  actionsCallback,
+  maxVisibleActions = Infinity,
+  ...others
+}) => {
+  const {
+    activeTheme,
+    selectedMode
+  } = React.useContext(ThemeProvider.HvThemeContext);
+  if (!Array.isArray(actions))
+    return React.isValidElement(actions) ? actions : null;
+  const renderButton = (action, idx) => {
+    var _a, _b;
+    const {
+      disabled: actDisabled,
+      id: actId,
+      icon,
+      label,
+      ...other
+    } = action;
+    const actionId = setId.setId(id, idx, "action", action.id);
+    const renderedIcon = React.isValidElement(icon) ? icon : icon == null ? void 0 : icon({
+      isDisabled: disabled
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(ActionsGeneric_styles.StyledButton, {
+      id: actionId,
+      variant: category,
+      className: clsx__default.default(actionsGenericClasses.default.button, classes == null ? void 0 : classes.button),
+      disabled: actDisabled != null ? actDisabled : disabled,
+      onClick: (event) => actionsCallback == null ? void 0 : actionsCallback(event, id || "", action),
+      startIcon: renderedIcon,
+      $baseColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].base1) || uikitStyles.theme.colors.base1,
+      size: ((_b = activeTheme == null ? void 0 : activeTheme.actionsGeneric) == null ? void 0 : _b.buttonSize) || "md",
+      ...other,
+      children: label
+    }, actionId || idx);
+  };
+  const renderActionsGrid = () => {
+    const actsVisible = actions.slice(0, maxVisibleActions);
+    const actsDropdown = actions.slice(maxVisibleActions);
+    const semantic = category === "semantic";
+    const iconColor = disabled && "atmo5" || semantic && "base2" || void 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [actsVisible.map((action, idx) => renderButton(action, idx)), /* @__PURE__ */ jsxRuntime.jsx(DropDownMenu.default, {
+        id: setId.setId(id, "menu"),
+        disabled,
+        category,
+        classes: {
+          root: clsx__default.default(actionsGenericClasses.default.dropDownMenu, classes == null ? void 0 : classes.dropDownMenu),
+          icon: clsx__default.default(actionsGenericClasses.default.dropDownMenuButton, classes == null ? void 0 : classes.dropDownMenuButton),
+          iconSelected: clsx__default.default(actionsGenericClasses.default.dropDownMenuButtonSelected, classes == null ? void 0 : classes.dropDownMenuButtonSelected)
+        },
+        icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.MoreOptionsVertical, {
+          color: iconColor
+        }),
+        placement: "left",
+        onClick: (event, action) => actionsCallback == null ? void 0 : actionsCallback(event, id || "", action),
+        dataList: actsDropdown,
+        keepOpened: false,
+        disablePortal: false
+      })]
+    });
+  };
+  const actionOverflow = actions.length > maxVisibleActions;
+  return /* @__PURE__ */ jsxRuntime.jsx(ActionsGeneric_styles.StyledRoot, {
+    className: clsx__default.default(className, actionsGenericClasses.default.root, classes == null ? void 0 : classes.root, actionOverflow && clsx__default.default(actionsGenericClasses.default.actionContainer, classes == null ? void 0 : classes.actionContainer)),
+    $actionOverflow: actionOverflow,
+    ...others,
+    children: actionOverflow ? renderActionsGrid() : actions.map((action, idx) => renderButton(action, idx))
+  });
+};
+exports.HvActionsGeneric = HvActionsGeneric;
+//# sourceMappingURL=ActionsGeneric.cjs.map

package/dist/cjs/components/ActionsGeneric/ActionsGeneric.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsGeneric.cjs","sources":["../../../../src/components/ActionsGeneric/ActionsGeneric.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvButtonSize, HvButtonVariant, HvDropDownMenu } from \"components\";\nimport { setId } from \"utils\";\nimport { isValidElement, useContext } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { actionsGenericClasses, HvActionsGenericClasses } from \".\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { StyledButton, StyledRoot } from \"./ActionsGeneric.styles\";\nimport { HvThemeContext } from \"providers\";\n\nexport type HvActionGeneric = {\n  id: string;\n  label: string;\n  icon?:\n    | React.ReactNode\n    | ((params: { isDisabled?: boolean }) => React.ReactNode);\n  disabled?: boolean;\n};\n\nexport type HvActionsGenericProps = HvBaseProps & {\n  /** Button category. */\n  category?: HvButtonVariant;\n  /**  Whether actions should be all disabled */\n  disabled?: boolean;\n  /** The renderable content inside the actions slot of the footer, or an Array of actions `{id, label, icon, disabled}` */\n  actions: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (event: Event, id: string, action: HvActionGeneric) => void;\n  /**  The number of maximum visible actions before they're collapsed into a `DropDownMenu`. */\n  maxVisibleActions?: number;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvActionsGenericClasses;\n};\n\nexport const HvActionsGeneric = ({\n  id,\n  classes,\n  className,\n  category = \"secondaryGhost\",\n  disabled = false,\n  actions = [],\n  actionsCallback,\n  maxVisibleActions = Infinity,\n  ...others\n}: HvActionsGenericProps) => {\n  const { activeTheme, selectedMode } = useContext(HvThemeContext);\n\n  if (!Array.isArray(actions)) return isValidElement(actions) ? actions : null;\n\n  const renderButton = (action: HvActionGeneric, idx: number) => {\n    const { disabled: actDisabled, id: actId, icon, label, ...other } = action;\n    const actionId = setId(id, idx, \"action\", action.id);\n\n    const renderedIcon = isValidElement(icon)\n      ? icon\n      : (icon as Function)?.({ isDisabled: disabled });\n\n    return (\n      <StyledButton\n        id={actionId}\n        key={actionId || idx}\n        variant={category}\n        className={clsx(actionsGenericClasses.button, classes?.button)}\n        disabled={actDisabled ?? disabled}\n        onClick={(event: any) => actionsCallback?.(event, id || \"\", action)}\n        startIcon={renderedIcon}\n        $baseColor={\n          activeTheme?.colors?.modes[selectedMode].base1 || theme.colors.base1\n        }\n        size={(activeTheme?.actionsGeneric?.buttonSize as HvButtonSize) || \"md\"}\n        {...other}\n      >\n        {label}\n      </StyledButton>\n    );\n  };\n\n  const renderActionsGrid = () => {\n    const actsVisible = actions.slice(0, maxVisibleActions);\n    const actsDropdown = actions.slice(maxVisibleActions);\n\n    const semantic = category === \"semantic\";\n    const iconColor =\n      (disabled && \"atmo5\") || (semantic && \"base2\") || undefined;\n\n    return (\n      <>\n        {actsVisible.map((action, idx) => renderButton(action, idx))}\n        <HvDropDownMenu\n          id={setId(id, \"menu\")}\n          disabled={disabled}\n          category={category}\n          classes={{\n            root: clsx(\n              actionsGenericClasses.dropDownMenu,\n              classes?.dropDownMenu\n            ),\n            icon: clsx(\n              actionsGenericClasses.dropDownMenuButton,\n              classes?.dropDownMenuButton\n            ),\n            iconSelected: clsx(\n              actionsGenericClasses.dropDownMenuButtonSelected,\n              classes?.dropDownMenuButtonSelected\n            ),\n          }}\n          icon={<MoreOptionsVertical color={iconColor} />}\n          placement=\"left\"\n          onClick={(event: Event, action: HvActionGeneric) =>\n            actionsCallback?.(event, id || \"\", action)\n          }\n          dataList={actsDropdown}\n          keepOpened={false}\n          disablePortal={false}\n        />\n      </>\n    );\n  };\n\n  const actionOverflow = actions.length > maxVisibleActions;\n\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        actionsGenericClasses.root,\n        classes?.root,\n        actionOverflow &&\n          clsx(actionsGenericClasses.actionContainer, classes?.actionContainer)\n      )}\n      $actionOverflow={actionOverflow}\n      {...others}\n    >\n      {actionOverflow\n        ? renderActionsGrid()\n        : actions.map((action, idx) => renderButton(action, idx))}\n    </StyledRoot>\n  );\n};\n"],"names":["HvActionsGeneric","id","classes","className","category","disabled","actions","actionsCallback","maxVisibleActions","Infinity","others","activeTheme","selectedMode","useContext","HvThemeContext","Array","isArray","isValidElement","renderButton","action","idx","actDisabled","actId","icon","label","other","actionId","setId","renderedIcon","isDisabled","StyledButton","variant","clsx","actionsGenericClasses","button","onClick","event","startIcon","$baseColor","colors","modes","base1","theme","size","actionsGeneric","buttonSize","children","renderActionsGrid","actsVisible","slice","actsDropdown","semantic","iconColor","undefined","_Fragment","map","HvDropDownMenu","root","dropDownMenu","dropDownMenuButton","iconSelected","dropDownMenuButtonSelected","MoreOptionsVertical","color","placement","dataList","keepOpened","disablePortal","actionOverflow","length","StyledRoot","actionContainer","$actionOverflow"],"mappings":"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"}

package/dist/cjs/components/ActionsGeneric/ActionsGeneric.styles.cjs

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const transientOptions = require("../../utils/transientOptions.cjs");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const hexToRgbA = require("../../utils/hexToRgbA.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Button = require("../Button/Button.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+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 StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e4fkrgz1"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "e4fkrgz1",
+  label: "StyledRoot"
+}, transientOptions.transientOptions))(({
+  $actionOverflow
+}) => ({
+  ...$actionOverflow && {
+    display: "flex",
+    alignItems: "center",
+    float: "right"
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWN0aW9uc0dlbmVyaWMvQWN0aW9uc0dlbmVyaWMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BY3Rpb25zR2VuZXJpYy9BY3Rpb25zR2VuZXJpYy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJ1dGlscy9oZXhUb1JnYkFcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGFjdGlvbk92ZXJmbG93IH06IHsgJGFjdGlvbk92ZXJmbG93OiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkYWN0aW9uT3ZlcmZsb3cgJiYge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgZmxvYXQ6IFwicmlnaHRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoKHByb3BzOiBIdkJ1dHRvblByb3BzKSA9PiAoXG4gIDxIdkJ1dHRvbiB7Li4ucHJvcHN9IC8+XG4pKSgoeyAkYmFzZUNvbG9yIH06IHsgJGJhc2VDb2xvcjogc3RyaW5nIH0pID0+ICh7XG4gIFwiJjpub3QoOmxhc3QtY2hpbGQpXCI6IHtcbiAgICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKCRiYXNlQ29sb3IsIDAuMyksXG4gIH0sXG59KSk7XG4iXX0= */");
+const StyledButton = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+  ...props
+}), process.env.NODE_ENV === "production" ? {
+  target: "e4fkrgz0"
+} : {
+  target: "e4fkrgz0",
+  label: "StyledButton"
+})(({
+  $baseColor
+}) => ({
+  "&:not(:last-child)": {
+    marginRight: uikitStyles.theme.space.xs
+  },
+  "&:hover": {
+    backgroundColor: hexToRgbA.default($baseColor, 0.3)
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWN0aW9uc0dlbmVyaWMvQWN0aW9uc0dlbmVyaWMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWN0aW9uc0dlbmVyaWMvQWN0aW9uc0dlbmVyaWMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2QnV0dG9uUHJvcHMgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhY3Rpb25PdmVyZmxvdyB9OiB7ICRhY3Rpb25PdmVyZmxvdzogYm9vbGVhbiB9KSA9PiAoe1xuICAuLi4oJGFjdGlvbk92ZXJmbG93ICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGZsb2F0OiBcInJpZ2h0XCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKChwcm9wczogSHZCdXR0b25Qcm9wcykgPT4gKFxuICA8SHZCdXR0b24gey4uLnByb3BzfSAvPlxuKSkoKHsgJGJhc2VDb2xvciB9OiB7ICRiYXNlQ29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICB9LFxufSkpO1xuIl19 */");
+exports.StyledButton = StyledButton;
+exports.StyledRoot = StyledRoot;
+//# sourceMappingURL=ActionsGeneric.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsGeneric.styles.cjs","sources":["../../../../src/components/ActionsGeneric/ActionsGeneric.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvButton, HvButtonProps } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport fade from \"utils/hexToRgbA\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(({ $actionOverflow }: { $actionOverflow: boolean }) => ({\n  ...($actionOverflow && {\n    display: \"flex\",\n    alignItems: \"center\",\n    float: \"right\",\n  }),\n}));\n\nexport const StyledButton = styled((props: HvButtonProps) => (\n  <HvButton {...props} />\n))(({ $baseColor }: { $baseColor: string }) => ({\n  \"&:not(:last-child)\": {\n    marginRight: theme.space.xs,\n  },\n  \"&:hover\": {\n    backgroundColor: fade($baseColor, 0.3),\n  },\n}));\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$actionOverflow","display","alignItems","float","StyledButton","_styled","props","HvButton","$baseColor","marginRight","theme","space","xs","backgroundColor","fade"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,sDACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA8C,OAAO;AAAA,EACxD,GAAIA,mBAAmB;AAAA,IACrBC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,OAAO;AAAA,EACT;AACF,IAAEV,QAAAC,IAAAC,aAAC,eAAA,KAAA,qhDAAA;AAEI,MAAMS,eAAeC,iCAAAA,QAAO,CAACC,yCACjCC,OAAAA,UAAQ;AAAA,EAAA,GAAKD;AAAK,CAAA,GACpBb,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE,CAAC;AAAA,EAAES;AAAmC,OAAO;AAAA,EAC9C,sBAAsB;AAAA,IACpBC,aAAaC,YAAAA,MAAMC,MAAMC;AAAAA,EAC3B;AAAA,EACA,WAAW;AAAA,IACTC,iBAAiBC,UAAAA,QAAKN,YAAY,GAAG;AAAA,EACvC;AACF,IAAEf,QAAAC,IAAAC,aAAC,eAAA,KAAA,qhDAAA;;;"}

package/dist/cjs/components/ActionsGeneric/actionsGenericClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../utils/classes.cjs");
+const classKeys = ["root", "button", "actionContainer", "dropDownMenu", "dropDownMenuButton", "dropDownMenuButtonSelected"];
+const actionsGenericClasses = classes.getClasses(classKeys, "HvActionsGeneric");
+const actionsGenericClasses$1 = actionsGenericClasses;
+exports.default = actionsGenericClasses$1;
+//# sourceMappingURL=actionsGenericClasses.cjs.map

package/dist/cjs/components/ActionsGeneric/actionsGenericClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionsGenericClasses.cjs","sources":["../../../../src/components/ActionsGeneric/actionsGenericClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvActionsGenericClasses = {\n  /** Styles applied to element root. */\n  root?: string;\n  /** Styles applied to the visible buttons. */\n  button?: string;\n  /** Styles applied to the action container wrapper. */\n  actionContainer?: string;\n  /** Styles applied to the DropDownMenu component. */\n  dropDownMenu?: string;\n  /** Styles applied to the DropDownMenu IconButton component. */\n  dropDownMenuButton?: string;\n  /** Styles applied to the DropDownMenu IconButton component when it is selected. */\n  dropDownMenuButtonSelected?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"button\",\n  \"actionContainer\",\n  \"dropDownMenu\",\n  \"dropDownMenuButton\",\n  \"dropDownMenuButtonSelected\",\n];\n\nconst actionsGenericClasses = getClasses<HvActionsGenericClasses>(\n  classKeys,\n  \"HvActionsGeneric\"\n);\n\nexport default actionsGenericClasses;\n"],"names":["classKeys","actionsGenericClasses","getClasses"],"mappings":";;;AAiBA,MAAMA,YAAsB,CAC1B,QACA,UACA,mBACA,gBACA,sBACA,4BAA4B;AAG9B,MAAMC,wBAAwBC,QAC5BF,WAAAA,WACA,kBAAkB;AAGpB,MAAA,0BAAeC;;"}