@hitachivantara/uikit-react-core 4.4.3 → 5.0.0-next.10

package/dist/modern/Accordion/Accordion.js

@@ -1,188 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["id", "className", "classes", "disabled", "label", "labelProps", "onChange", "children", "expanded", "headingLevel", "defaultExpanded", "containerProps"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { useCallback, useMemo } from "react";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-import { withStyles } from "@mui/styles";
-import { DropDownXS, DropUpXS } from "@hitachivantara/uikit-react-icons";
-import styles from "./styles";
-import { setId, useControlled } from "../utils";
-import { HvTypography } from "..";
-
-/**
- * A accordion is a design element that expands in place to expose hidden information.
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const HvAccordion = _ref => {
-  let {
-      id,
-      className,
-      classes,
-      disabled = false,
-      label,
-      labelProps,
-      onChange = null,
-      children,
-      expanded,
-      headingLevel,
-      defaultExpanded = false,
-      containerProps
-    } = _ref,
-    others = _objectWithoutProperties(_ref, _excluded);
-  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));
-  const handleAction = useCallback(event => {
-    if (!disabled) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(event, isOpen);
-      setIsOpen(!isOpen);
-      return true;
-    }
-    return false;
-  }, [disabled, onChange, isOpen, setIsOpen]);
-  const handleClick = useCallback(event => {
-    handleAction(event);
-    event.preventDefault();
-    event.stopPropagation();
-  }, [handleAction]);
-  const handleKeyDown = 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(id, "button");
-  const accordionContainer = setId(id, "container");
-  const accordionHeader = useMemo(() => {
-    const color = disabled && ["atmo5"] || undefined;
-    const variantToApply = headingLevel === 1 || headingLevel === 2 ? "sectionTitle" : "highlightText";
-    const accordionButton = /*#__PURE__*/_jsxs(HvTypography, _objectSpread(_objectSpread({
-      id: accordionHeaderId,
-      component: "div",
-      role: "button",
-      className: clsx(classes.label, disabled && classes.disabled),
-      tabIndex: 0,
-      onKeyDown: handleKeyDown,
-      onClick: handleClick,
-      variant: variantToApply,
-      "aria-expanded": isOpen,
-      "aria-disabled": disabled
-    }, labelProps), {}, {
-      children: [isOpen ? /*#__PURE__*/_jsx(DropUpXS, {
-        color: color
-      }) : /*#__PURE__*/_jsx(DropDownXS, {
-        color: color
-      }), label]
-    }));
-    const result = headingLevel === undefined ? accordionButton : /*#__PURE__*/_jsx(HvTypography, {
-      component: `h${headingLevel}`,
-      children: accordionButton
-    });
-    return result;
-  }, [classes, handleClick, handleKeyDown, label, labelProps, accordionHeaderId, disabled, headingLevel, isOpen]);
-  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
-    id: id,
-    className: clsx(className, classes.root)
-  }, others), {}, {
-    children: [accordionHeader, /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
-      id: accordionContainer,
-      role: "region",
-      "aria-labelledby": accordionHeaderId,
-      className: clsx(classes.container, !isOpen && classes.hidden)
-    }, containerProps), {}, {
-      children: children
-    }))]
-  }));
-};
-process.env.NODE_ENV !== "production" ? HvAccordion.propTypes = {
-  /**
-   * Id to be applied to the root node of the accordion.
-   */
-  id: PropTypes.string,
-  /**
-   * Class names to be applied to the accordion.
-   */
-  className: PropTypes.string,
-  /**
-   * A Jss Object used to override or extend the styles applied.
-   */
-  classes: PropTypes.shape({
-    /**
-     * Styles applied to the component root of the accordion.
-     */
-    root: PropTypes.string,
-    /**
-     * Styles applied to the content when it is hidden.
-     */
-    hidden: PropTypes.string,
-    /**
-     * Styles applied to the content when it is hidden.
-     */
-    container: PropTypes.string,
-    /**
-     * Styles applied to the label button.
-     */
-    label: PropTypes.string,
-    /**
-     * Styles applied to the label button when it is disabled.
-     */
-    disabled: PropTypes.string
-  }).isRequired,
-  /**
-   * The accordion label button.
-   */
-  label: PropTypes.node.isRequired,
-  /**
-   * An object containing props to be passed onto the accordion label button.
-   */
-  labelProps: PropTypes.instanceOf(Object),
-  /**
-   * The function that will be executed whenever the accordion toggles it will receive the state of the accordion
-   */
-  onChange: PropTypes.func,
-  /**
-   * Whether the accordion is open or not, if this property is defined the accordion must be fully controlled.
-   */
-  expanded: PropTypes.bool,
-  /**
-   * When uncontrolled, defines the initial expanded state.
-   */
-  defaultExpanded: PropTypes.bool,
-  /**
-   * An object containing props to be passed onto container holding the accordion children.
-   */
-  containerProps: PropTypes.instanceOf(Object),
-  /**
-   * Heading Level to apply to accordion button if ´undefined´ the button won't have a header wrapper.
-   */
-  headingLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]),
-  /**
-   * Is the accordion disabled.
-   */
-  disabled: PropTypes.bool,
-  /**
-   * The content of the accordion.
-   */
-  children: PropTypes.node
-} : void 0;
-export default withStyles(styles, {
-  name: "HvAccordion"
-})(HvAccordion);
-//# sourceMappingURL=Accordion.js.map

package/dist/modern/Accordion/Accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.js","names":["React","useCallback","useMemo","PropTypes","clsx","withStyles","DropDownXS","DropUpXS","styles","setId","useControlled","HvTypography","HvAccordion","id","className","classes","disabled","label","labelProps","onChange","children","expanded","headingLevel","defaultExpanded","containerProps","others","isOpen","setIsOpen","Boolean","handleAction","event","handleClick","preventDefault","stopPropagation","handleKeyDown","isEventHandled","key","altKey","ctrlKey","metaKey","currentTarget","target","accordionHeaderId","accordionContainer","accordionHeader","color","undefined","variantToApply","accordionButton","result","root","container","hidden","propTypes","string","shape","isRequired","node","instanceOf","Object","func","bool","oneOf","name"],"sources":["../../../src/Accordion/Accordion.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\nimport styles from \"./styles\";\nimport { setId, useControlled } from \"../utils\";\nimport { HvTypography } from \"..\";\n\n/**\n * A accordion is a design element that expands in place to expose hidden information.\n */\nconst HvAccordion = ({\n  id,\n  className,\n  classes,\n  disabled = false,\n  label,\n  labelProps,\n  onChange = null,\n  children,\n  expanded,\n  headingLevel,\n  defaultExpanded = false,\n  containerProps,\n  ...others\n}) => {\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const handleAction = useCallback(\n    (event) => {\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) => {\n      handleAction(event);\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [handleAction]\n  );\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      let isEventHandled = false;\n      const { key } = event;\n\n      if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {\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 variantToApply =\n      headingLevel === 1 || headingLevel === 2 ? \"sectionTitle\" : \"highlightText\";\n    const accordionButton = (\n      <HvTypography\n        id={accordionHeaderId}\n        component=\"div\"\n        role=\"button\"\n        className={clsx(classes.label, {\n          [classes.disabled]: disabled,\n        })}\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        onClick={handleClick}\n        variant={variantToApply}\n        aria-expanded={isOpen}\n        aria-disabled={disabled}\n        {...labelProps}\n      >\n        {isOpen ? <DropUpXS color={color} /> : <DropDownXS color={color} />}\n        {label}\n      </HvTypography>\n    );\n    const result =\n      headingLevel === undefined ? (\n        accordionButton\n      ) : (\n        <HvTypography component={`h${headingLevel}`}>{accordionButton}</HvTypography>\n      );\n    return result;\n  }, [\n    classes,\n    handleClick,\n    handleKeyDown,\n    label,\n    labelProps,\n    accordionHeaderId,\n    disabled,\n    headingLevel,\n    isOpen,\n  ]);\n\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      {accordionHeader}\n      <div\n        id={accordionContainer}\n        role=\"region\"\n        aria-labelledby={accordionHeaderId}\n        className={clsx(classes.container, { [classes.hidden]: !isOpen })}\n        {...containerProps}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\nHvAccordion.propTypes = {\n  /**\n   * Id to be applied to the root node of the accordion.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root of the accordion.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the content when it is hidden.\n     */\n    hidden: PropTypes.string,\n    /**\n     * Styles applied to the content when it is hidden.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the label button.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the label button when it is disabled.\n     */\n    disabled: PropTypes.string,\n  }).isRequired,\n  /**\n   * The accordion label button.\n   */\n  label: PropTypes.node.isRequired,\n  /**\n   * An object containing props to be passed onto the accordion label button.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n  /**\n   * The function that will be executed whenever the accordion toggles it will receive the state of the accordion\n   */\n  onChange: PropTypes.func,\n  /**\n   * Whether the accordion is open or not, if this property is defined the accordion must be fully controlled.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n  /**\n   * An object containing props to be passed onto container holding the accordion children.\n   */\n  containerProps: PropTypes.instanceOf(Object),\n  /**\n   * Heading Level to apply to accordion button if ´undefined´ the button won't have a header wrapper.\n   */\n  headingLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]),\n  /**\n   * Is the accordion disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The content of the accordion.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvAccordion\" })(HvAccordion);\n"],"mappings":"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"}

package/dist/modern/Accordion/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./Accordion";
-export * from "./Accordion";

package/dist/modern/Accordion/index.js

@@ -1,2 +0,0 @@
-export { default } from "./Accordion";
-//# sourceMappingURL=index.js.map

package/dist/modern/Accordion/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Accordion/index.js"],"sourcesContent":["export { default } from \"./Accordion\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,aAAa"}

package/dist/modern/Accordion/styles.js

@@ -1,50 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { outlineStyles } from "../Focus/styles";
-const hover = theme => ({
-  background: theme.hv.palette.atmosphere.atmo3
-});
-const styles = theme => ({
-  root: {
-    "& + $root": {
-      paddingTop: 8
-    }
-  },
-  nav: {},
-  container: {
-    paddingTop: 8,
-    height: "auto"
-  },
-  hidden: {
-    height: 0,
-    display: "none"
-  },
-  label: {
-    width: "100%",
-    display: "flex",
-    justifyContent: "flex-start",
-    alignItems: "center",
-    height: "32px",
-    // hover
-    ":not($disabled)&:hover": hover(theme),
-    // focus
-    ":not($disabled)&:focus": hover(theme),
-    "&[disabled], &:active": {
-      outline: "none"
-    },
-    "&:focus": {
-      outline: "none"
-    },
-    "&.focus-visible": _objectSpread({}, outlineStyles),
-    // cursor
-    cursor: "pointer",
-    "&$disabled": {
-      cursor: "not-allowed",
-      color: theme.hv.palette.atmosphere.atmo5
-    }
-  },
-  disabled: {}
-});
-export default styles;
-//# sourceMappingURL=styles.js.map

package/dist/modern/Accordion/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","hover","theme","background","hv","palette","atmosphere","atmo3","styles","root","paddingTop","nav","container","height","hidden","display","label","width","justifyContent","alignItems","outline","cursor","color","atmo5","disabled"],"sources":["../../../src/Accordion/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst hover = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo3,\n});\n\nconst styles = (theme) => ({\n  root: {\n    \"& + $root\": {\n      paddingTop: 8,\n    },\n  },\n  nav: {},\n  container: {\n    paddingTop: 8,\n    height: \"auto\",\n  },\n  hidden: {\n    height: 0,\n    display: \"none\",\n  },\n  label: {\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    height: \"32px\",\n\n    // hover\n    \":not($disabled)&:hover\": hover(theme),\n\n    // focus\n    \":not($disabled)&:focus\": hover(theme),\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.hv.palette.atmosphere.atmo5,\n    },\n  },\n  disabled: {},\n});\n\nexport default styles;\n"],"mappings":";;;AAAA,SAASA,aAAa,QAAQ,iBAAiB;AAE/C,MAAMC,KAAK,GAAIC,KAAK,KAAM;EACxBC,UAAU,EAAED,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC;AAC1C,CAAC,CAAC;AAEF,MAAMC,MAAM,GAAIN,KAAK,KAAM;EACzBO,IAAI,EAAE;IACJ,WAAW,EAAE;MACXC,UAAU,EAAE;IACd;EACF,CAAC;EACDC,GAAG,EAAE,CAAC,CAAC;EACPC,SAAS,EAAE;IACTF,UAAU,EAAE,CAAC;IACbG,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACND,MAAM,EAAE,CAAC;IACTE,OAAO,EAAE;EACX,CAAC;EACDC,KAAK,EAAE;IACLC,KAAK,EAAE,MAAM;IACbF,OAAO,EAAE,MAAM;IACfG,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE,QAAQ;IACpBN,MAAM,EAAE,MAAM;IAEd;IACA,wBAAwB,EAAEZ,KAAK,CAACC,KAAK,CAAC;IAEtC;IACA,wBAAwB,EAAED,KAAK,CAACC,KAAK,CAAC;IAEtC,uBAAuB,EAAE;MACvBkB,OAAO,EAAE;IACX,CAAC;IAED,SAAS,EAAE;MACTA,OAAO,EAAE;IACX,CAAC;IAED,iBAAiB,oBACZpB,aAAa,CACjB;IAED;IACAqB,MAAM,EAAE,SAAS;IACjB,YAAY,EAAE;MACZA,MAAM,EAAE,aAAa;MACrBC,KAAK,EAAEpB,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACiB;IACrC;EACF,CAAC;EACDC,QAAQ,EAAE,CAAC;AACb,CAAC,CAAC;AAEF,eAAehB,MAAM"}

package/dist/modern/ActionBar/ActionBar.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-import { StandardProps } from "@mui/material";
-
-export type HvActionContainerClassKey = "root";
-
-export type HvActionContainerProps = StandardProps<
-  React.HTMLAttributes<HTMLDivElement>,
-  HvActionContainerClassKey
->;
-
-export default function HvActionContainer(props: HvActionContainerProps): JSX.Element | null;

package/dist/modern/ActionBar/ActionBar.js

@@ -1,57 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["classes", "className", "id", "children"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React from "react";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-import { withStyles } from "@mui/styles";
-import styles from "./styles";
-
-/**
- * This component acts as a container for the Action Bar pattern.
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-const HvActionBar = props => {
-  const {
-      classes,
-      className,
-      id,
-      children
-    } = props,
-    others = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
-    id: id,
-    className: clsx(classes.root, className)
-  }, others), {}, {
-    children: children
-  }));
-};
-process.env.NODE_ENV !== "production" ? HvActionBar.propTypes = {
-  /**
-   * Class names to be applied.
-   */
-  className: PropTypes.string,
-  /**
-   * Id to be applied to the root node.
-   */
-  id: PropTypes.string,
-  /**
-   * A Jss Object used to override or extend the styles applied.
-   */
-  classes: PropTypes.shape({
-    /**
-     * Styles applied to the component root class.
-     */
-    root: PropTypes.string
-  }).isRequired,
-  /**
-   * The content of the action container.
-   */
-  children: PropTypes.node.isRequired
-} : void 0;
-export default withStyles(styles, {
-  name: "HvActionBar"
-})(HvActionBar);
-//# sourceMappingURL=ActionBar.js.map

package/dist/modern/ActionBar/ActionBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionBar.js","names":["React","PropTypes","clsx","withStyles","styles","HvActionBar","props","classes","className","id","children","others","root","propTypes","string","shape","isRequired","node","name"],"sources":["../../../src/ActionBar/ActionBar.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\n/**\n * This component acts as a container for the Action Bar pattern.\n */\nconst HvActionBar = (props) => {\n  const { classes, className, id, children, ...others } = props;\n\n  return (\n    <div id={id} className={clsx(classes.root, className)} {...others}>\n      {children}\n    </div>\n  );\n};\n\nHvActionBar.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * The content of the action container.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvActionBar\" })(HvActionBar);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;;AAE7B;AACA;AACA;AAFA;AAGA,MAAMC,WAAW,GAAIC,KAAK,IAAK;EAC7B,MAAM;MAAEC,OAAO;MAAEC,SAAS;MAAEC,EAAE;MAAEC;IAAoB,CAAC,GAAGJ,KAAK;IAAhBK,MAAM,4BAAKL,KAAK;EAE7D,oBACE;IAAK,EAAE,EAAEG,EAAG;IAAC,SAAS,EAAEP,IAAI,CAACK,OAAO,CAACK,IAAI,EAAEJ,SAAS;EAAE,GAAKG,MAAM;IAAA,UAC9DD;EAAQ,GACL;AAEV,CAAC;AAED,wCAAAL,WAAW,CAACQ,SAAS,GAAG;EACtB;AACF;AACA;EACEL,SAAS,EAAEP,SAAS,CAACa,MAAM;EAC3B;AACF;AACA;EACEL,EAAE,EAAER,SAAS,CAACa,MAAM;EACpB;AACF;AACA;EACEP,OAAO,EAAEN,SAAS,CAACc,KAAK,CAAC;IACvB;AACJ;AACA;IACIH,IAAI,EAAEX,SAAS,CAACa;EAClB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACEN,QAAQ,EAAET,SAAS,CAACgB,IAAI,CAACD;AAC3B,CAAC;AAED,eAAeb,UAAU,CAACC,MAAM,EAAE;EAAEc,IAAI,EAAE;AAAc,CAAC,CAAC,CAACb,WAAW,CAAC"}

package/dist/modern/ActionBar/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./ActionBar";
-export * from "./ActionBar";

package/dist/modern/ActionBar/index.js

@@ -1,2 +0,0 @@
-export { default } from "./ActionBar";
-//# sourceMappingURL=index.js.map

package/dist/modern/ActionBar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/ActionBar/index.js"],"sourcesContent":["export { default } from \"./ActionBar\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,aAAa"}

package/dist/modern/ActionBar/styles.js

@@ -1,12 +0,0 @@
-const styles = theme => ({
-  root: {
-    width: "100%",
-    height: "75px",
-    padding: theme.hv.spacing.sm,
-    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,
-    display: "flex",
-    justifyContent: "flex-end"
-  }
-});
-export default styles;
-//# sourceMappingURL=styles.js.map

package/dist/modern/ActionBar/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","width","height","padding","hv","spacing","sm","borderTop","palette","atmosphere","atmo2","display","justifyContent"],"sources":["../../../src/ActionBar/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    height: \"75px\",\n    padding: theme.hv.spacing.sm,\n    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,OAAO,EAAEJ,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,EAAE;IAC5BC,SAAS,EAAG,aAAYR,KAAK,CAACK,EAAE,CAACI,OAAO,CAACC,UAAU,CAACC,KAAM,EAAC;IAC3DC,OAAO,EAAE,MAAM;IACfC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,eAAed,MAAM"}

package/dist/modern/ActionsGeneric/ActionsGeneric.d.ts

@@ -1,43 +0,0 @@
-import * as React from "react";
-import { StandardProps } from "@mui/material";
-import { HvButtonCategories } from "../Button";
-
-export type ActionGeneric = {
-  id: string;
-  label: string;
-  icon?: React.ReactNode | ((params: { isDisabled?: boolean }) => React.ReactNode);
-  disabled?: boolean;
-};
-
-export interface HvActionsGenericCommonProps {
-  /**
-   * Button category.
-   */
-  category?: HvButtonCategories;
-  /**
-   * The renderable content inside the actions slot of the footer,
-   * or an Array of actions `{id, label, icon, disabled}`
-   */
-  actions?: React.ReactNode | ActionGeneric[];
-  /**
-   *  The callback function ran when an action is triggered, receiving `action` as param
-   */
-  actionsCallback?: (event: Event, id: string, action: ActionGeneric) => void;
-  /**
-   *  The number of maximum visible actions before they're collapsed into a `DropDownMenu`.
-   */
-  maxVisibleActions?: number;
-}
-
-export type HvActionsGenericClassKey =
-  | "button"
-  | "actionContainer"
-  | "dropDownMenu"
-  | "dropDownMenuButton"
-  | "dropDownMenuButtonSelected";
-
-export interface HvActionsGenericProps
-  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvActionsGenericClassKey>,
-    HvActionsGenericCommonProps {}
-
-export default function HvActionsGeneric(props: HvActionsGenericProps): JSX.Element | null;

package/dist/modern/ActionsGeneric/ActionsGeneric.js

@@ -1,153 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["id", "classes", "className", "category", "disabled", "actions", "actionsCallback", "maxVisibleActions"],
-  _excluded2 = ["disabled", "icon", "label"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { isValidElement } from "react";
-import PropTypes from "prop-types";
-import { withStyles } from "@mui/styles";
-import clsx from "clsx";
-import { MoreOptionsVertical } from "@hitachivantara/uikit-react-icons";
-import { HvButton, HvDropDownMenu, setId } from "..";
-import styles from "./styles";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const ActionsGeneric = _ref => {
-  let {
-      id,
-      classes,
-      className,
-      category = "ghost",
-      disabled = false,
-      actions = [],
-      actionsCallback,
-      maxVisibleActions = Infinity
-    } = _ref,
-    others = _objectWithoutProperties(_ref, _excluded);
-  if (!Array.isArray(actions)) return /*#__PURE__*/isValidElement(actions) ? actions : null;
-  const renderButton = (action, idx) => {
-    const {
-        disabled: actDisabled,
-        icon,
-        label
-      } = action,
-      other = _objectWithoutProperties(action, _excluded2);
-    const actionId = setId(id, idx, "action", action.id);
-    const renderedIcon = /*#__PURE__*/isValidElement(icon) ? icon : icon === null || icon === void 0 ? void 0 : icon({
-      isDisabled: disabled
-    });
-    return /*#__PURE__*/_jsx(HvButton, _objectSpread(_objectSpread({
-      id: actionId,
-      category: category,
-      className: classes.button,
-      disabled: actDisabled !== null && actDisabled !== void 0 ? actDisabled : disabled,
-      onClick: event => actionsCallback === null || actionsCallback === void 0 ? void 0 : actionsCallback(event, id, action),
-      startIcon: renderedIcon
-    }, 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" || undefined;
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [actsVisible.map((action, idx) => renderButton(action, idx)), /*#__PURE__*/_jsx(HvDropDownMenu, {
-        id: setId(id, "menu"),
-        disabled: disabled,
-        category: category,
-        classes: {
-          root: classes.dropDownMenu,
-          icon: classes.dropDownMenuButton,
-          iconSelected: classes.dropDownMenuButtonSelected
-        },
-        icon: /*#__PURE__*/_jsx(MoreOptionsVertical, {
-          color: iconColor
-        }),
-        placement: "left",
-        onClick: (event, action) => actionsCallback === null || actionsCallback === void 0 ? void 0 : actionsCallback(event, id, action),
-        dataList: actsDropdown,
-        keepOpened: false,
-        disablePortal: false
-      })]
-    });
-  };
-  const actionOverflow = actions.length > maxVisibleActions;
-  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
-    className: clsx(className, classes.root, actionOverflow && classes.actionContainer)
-  }, others), {}, {
-    children: actionOverflow ? renderActionsGrid() : actions.map((action, idx) => renderButton(action, idx))
-  }));
-};
-process.env.NODE_ENV !== "production" ? ActionsGeneric.propTypes = {
-  /**
-   * Class names to be applied.
-   */
-  className: PropTypes.string,
-  /**
-   *   A Jss Object used to override or extend the styles applied to the actions.
-   */
-  classes: PropTypes.shape({
-    /**
-     * Styles applied to element root.
-     */
-    root: PropTypes.string,
-    /**
-     * Styles applied to the visible buttons.
-     */
-    button: PropTypes.string,
-    /**
-     * Styles applied to the action container wrapper.
-     */
-    actionContainer: PropTypes.string,
-    /**
-     * Styles applied to the DropDownMenu component.
-     */
-    dropDownMenu: PropTypes.string,
-    /**
-     * Styles applied to the DropDownMenu IconButton component.
-     */
-    dropDownMenuButton: PropTypes.string,
-    /**
-     * Styles applied to the DropDownMenu IconButton component when it is selected.
-     */
-    dropDownMenuButtonSelected: PropTypes.string
-  }).isRequired,
-  /**
-   * Component identifier.
-   */
-  id: PropTypes.string,
-  /**
-   * Button category.
-   */
-  category: PropTypes.oneOf(["primary", "secondary", "ghost", "semantic"]),
-  /**
-   *  Whether actions should be all disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * The renderable content inside the actions slot of the footer,
-   * or an Array of actions `{id, label, icon, disabled}`
-   */
-  actions: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string.isRequired,
-    label: PropTypes.string,
-    icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
-    disabled: PropTypes.bool
-  }))]),
-  /**
-   *  The callback function ran when an action is triggered, receiving `action` as param
-   */
-  actionsCallback: PropTypes.func,
-  /**
-   *  The number of maximum visible actions before they're collapsed into a `DropDownMenu`.
-   */
-  maxVisibleActions: PropTypes.number
-} : void 0;
-export default withStyles(styles, {
-  name: "HvActionsGeneric"
-})(ActionsGeneric);
-//# sourceMappingURL=ActionsGeneric.js.map

package/dist/modern/ActionsGeneric/ActionsGeneric.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionsGeneric.js","names":["React","isValidElement","PropTypes","withStyles","clsx","MoreOptionsVertical","HvButton","HvDropDownMenu","setId","styles","ActionsGeneric","id","classes","className","category","disabled","actions","actionsCallback","maxVisibleActions","Infinity","others","Array","isArray","renderButton","action","idx","actDisabled","icon","label","other","actionId","renderedIcon","isDisabled","button","event","renderActionsGrid","actsVisible","slice","actsDropdown","semantic","iconColor","undefined","map","root","dropDownMenu","dropDownMenuButton","iconSelected","dropDownMenuButtonSelected","actionOverflow","length","actionContainer","propTypes","string","shape","isRequired","oneOf","bool","oneOfType","node","arrayOf","func","number","name"],"sources":["../../../src/ActionsGeneric/ActionsGeneric.js"],"sourcesContent":["import React, { isValidElement } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport clsx from \"clsx\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, HvDropDownMenu, setId } from \"..\";\nimport styles from \"./styles\";\n\nconst ActionsGeneric = ({\n  id,\n  classes,\n  className,\n  category = \"ghost\",\n  disabled = false,\n  actions = [],\n  actionsCallback,\n  maxVisibleActions = Infinity,\n  ...others\n}) => {\n  if (!Array.isArray(actions)) return isValidElement(actions) ? actions : null;\n\n  const renderButton = (action, idx) => {\n    const { disabled: actDisabled, icon, label, ...other } = action;\n    const actionId = setId(id, idx, \"action\", action.id);\n\n    const renderedIcon = isValidElement(icon) ? icon : icon?.({ isDisabled: disabled });\n\n    return (\n      <HvButton\n        id={actionId}\n        key={actionId || idx}\n        category={category}\n        className={classes.button}\n        disabled={actDisabled ?? disabled}\n        onClick={(event) => actionsCallback?.(event, id, action)}\n        startIcon={renderedIcon}\n        {...other}\n      >\n        {label}\n      </HvButton>\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 = (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: classes.dropDownMenu,\n            icon: classes.dropDownMenuButton,\n            iconSelected: classes.dropDownMenuButtonSelected,\n          }}\n          icon={<MoreOptionsVertical color={iconColor} />}\n          placement=\"left\"\n          onClick={(event, action) => actionsCallback?.(event, id, action)}\n          dataList={actsDropdown}\n          keepOpened={false}\n          disablePortal={false}\n        />\n      </>\n    );\n  };\n\n  const actionOverflow = actions.length > maxVisibleActions;\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.actionContainer]: actionOverflow,\n      })}\n      {...others}\n    >\n      {actionOverflow\n        ? renderActionsGrid()\n        : actions.map((action, idx) => renderButton(action, idx))}\n    </div>\n  );\n};\n\nActionsGeneric.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   *   A Jss Object used to override or extend the styles applied to the actions.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to element root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the visible buttons.\n     */\n    button: PropTypes.string,\n    /**\n     * Styles applied to the action container wrapper.\n     */\n    actionContainer: PropTypes.string,\n    /**\n     * Styles applied to the DropDownMenu component.\n     */\n    dropDownMenu: PropTypes.string,\n    /**\n     * Styles applied to the DropDownMenu IconButton component.\n     */\n    dropDownMenuButton: PropTypes.string,\n    /**\n     * Styles applied to the DropDownMenu IconButton component when it is selected.\n     */\n    dropDownMenuButtonSelected: PropTypes.string,\n  }).isRequired,\n  /**\n   * Component identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Button category.\n   */\n  category: PropTypes.oneOf([\"primary\", \"secondary\", \"ghost\", \"semantic\"]),\n  /**\n   *  Whether actions should be all disabled\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The renderable content inside the actions slot of the footer,\n   * or an Array of actions `{id, label, icon, disabled}`\n   */\n  actions: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string,\n        icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionsCallback: PropTypes.func,\n  /**\n   *  The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n   */\n  maxVisibleActions: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvActionsGeneric\" })(ActionsGeneric);\n"],"mappings":"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"}

package/dist/modern/ActionsGeneric/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./ActionsGeneric";
-export * from "./ActionsGeneric";

package/dist/modern/ActionsGeneric/index.js

@@ -1,2 +0,0 @@
-export { default } from "./ActionsGeneric";
-//# sourceMappingURL=index.js.map

package/dist/modern/ActionsGeneric/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/ActionsGeneric/index.js"],"sourcesContent":["export { default } from \"./ActionsGeneric\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,kBAAkB"}

package/dist/modern/ActionsGeneric/styles.js

@@ -1,17 +0,0 @@
-const styles = theme => ({
-  root: {},
-  button: {
-    "&:not(:last-child)": {
-      marginRight: theme.hvSpacing("xs")
-    }
-  },
-  actionContainer: {
-    display: "flex",
-    float: "right"
-  },
-  dropDownMenu: {},
-  dropDownMenuButton: {},
-  dropDownMenuButtonSelected: {}
-});
-export default styles;
-//# sourceMappingURL=styles.js.map

package/dist/modern/ActionsGeneric/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","button","marginRight","hvSpacing","actionContainer","display","float","dropDownMenu","dropDownMenuButton","dropDownMenuButtonSelected"],"sources":["../../../src/ActionsGeneric/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {},\n  button: {\n    \"&:not(:last-child)\": {\n      marginRight: theme.hvSpacing(\"xs\"),\n    },\n  },\n  actionContainer: {\n    display: \"flex\",\n    float: \"right\",\n  },\n  dropDownMenu: {},\n  dropDownMenuButton: {},\n  dropDownMenuButtonSelected: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE,CAAC,CAAC;EACRC,MAAM,EAAE;IACN,oBAAoB,EAAE;MACpBC,WAAW,EAAEH,KAAK,CAACI,SAAS,CAAC,IAAI;IACnC;EACF,CAAC;EACDC,eAAe,EAAE;IACfC,OAAO,EAAE,MAAM;IACfC,KAAK,EAAE;EACT,CAAC;EACDC,YAAY,EAAE,CAAC,CAAC;EAChBC,kBAAkB,EAAE,CAAC,CAAC;EACtBC,0BAA0B,EAAE,CAAC;AAC/B,CAAC,CAAC;AAEF,eAAeX,MAAM"}