@hitachivantara/uikit-react-lab 3.41.10 → 3.42.0

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.42.0](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-lab@3.41.12...@hitachivantara/uikit-react-lab@3.42.0) (2022-04-24)
+
+
+### Features
+
+* **AppSwitcherPanel:** promote component to core ([#2729](https://github.com/lumada-design/hv-uikit-react/issues/2729)) ([4c27f28](https://github.com/lumada-design/hv-uikit-react/commit/4c27f28097fce81fc0b48b82aab093f7674a77f8))
+
+
+
+
+
+## [3.41.12](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-lab@3.41.11...@hitachivantara/uikit-react-lab@3.41.12) (2022-04-22)
+
+**Note:** Version bump only for package @hitachivantara/uikit-react-lab
+
+
+
+
+
+## [3.41.11](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-lab@3.41.10...@hitachivantara/uikit-react-lab@3.41.11) (2022-04-21)
+
+
+### Bug Fixes
+
+* **dotPagination:** added missing typescript definition and description ([38dcda3](https://github.com/lumada-design/hv-uikit-react/commit/38dcda3029c23fbb9ac95b62c02f7db66da16bef))
+
+
+
+
+
 ## [3.41.10](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-lab@3.41.9...@hitachivantara/uikit-react-lab@3.41.10) (2022-04-20)
 
 **Note:** Version bump only for package @hitachivantara/uikit-react-lab

package/dist/AppSwitcherPanel/AppSwitcherPanel.js

@@ -46,6 +46,7 @@ var AppSwitcherPanel = function AppSwitcherPanel(props) {
       header = props.header,
       footer = props.footer,
       isOpen = props.isOpen;
+  (0, _uikitReactCore.useDeprecated)("AppSwitcherPanel", "Please use the AppSwitcherPanel component in Core");
 
   var actionClicked = function actionClicked(event, application) {
     onActionClickedCallback === null || onActionClickedCallback === void 0 ? void 0 : onActionClickedCallback(event, application);

package/dist/AppSwitcherPanel/AppSwitcherPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/AppSwitcherPanel/AppSwitcherPanel.js"],"names":["AppSwitcherPanel","props","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","map","name","url","root","item","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","undefined","closed","open","actionsContainer","footerContainer","propTypes","PropTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node","styles"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\n\nimport { HvListContainer } from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport Action from \"./Action\";\n\nconst AppSwitcherPanel = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    layout = \"single\",\n\n    title,\n    applications,\n\n    onActionClickedCallback = () => {},\n    isActionSelectedCallback = () => false,\n\n    header,\n    footer,\n\n    isOpen,\n  } = props;\n\n  const actionClicked = (event, application) => {\n    onActionClickedCallback?.(event, application);\n  };\n\n  const panelActions = applications.map((application) => {\n    if (application.name) {\n      return (\n        <Action\n          key={application.id || `${application.name}_${application.url}`}\n          application={application}\n          onClickCallback={actionClicked}\n          isSelectedCallback={isActionSelectedCallback}\n          classes={{\n            root: classes.item,\n            selected: classes.itemSelected,\n            disabled: classes.itemDisabled,\n            typography: classes.itemTrigger,\n            icon: classes.itemIcon,\n            title: classes.itemTitle,\n            iconInfo: classes.itemInfoIcon,\n          }}\n        />\n      );\n    }\n\n    return undefined;\n  });\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root, classes[layout], {\n        [classes.closed]: isOpen === false,\n        [classes.open]: isOpen,\n      })}\n    >\n      {(header && <div className={classes.title}>{header}</div>) ||\n        (title && <TitleWithTooltip className={classes.title} title={title} />)}\n      <HvListContainer disableGutters className={classes.actionsContainer}>\n        {panelActions}\n      </HvListContainer>\n      {footer && <div className={classes.footerContainer}>{footer}</div>}\n    </div>\n  );\n};\n\nAppSwitcherPanel.propTypes = {\n  /**\n   * Identifier to be applied to the root element.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    single: PropTypes.string,\n    dual: PropTypes.string,\n    fluid: PropTypes.string,\n    title: PropTypes.string,\n    actionsContainer: PropTypes.string,\n    footerContainer: PropTypes.string,\n    closed: PropTypes.string,\n    open: PropTypes.string,\n\n    item: PropTypes.string,\n    itemSelected: PropTypes.string,\n    itemDisabled: PropTypes.string,\n    itemTrigger: PropTypes.string,\n    itemIcon: PropTypes.string,\n    itemTitle: PropTypes.string,\n    itemInfoIcon: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Number of columns to render. One, two, or whatever fits the component's width.\n   */\n  layout: PropTypes.oneOf([\"single\", \"dual\", \"fluid\"]),\n\n  /**\n   * Title to be displayed on the header of the component.\n   */\n  title: PropTypes.string,\n  /**\n   * The list of applications to be used to render the actions on the component.\n   */\n  applications: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * Id of the application.\n       */\n      id: PropTypes.string,\n      /**\n       * Name of the application, this is the value that will be displayed on the component.\n       */\n      name: PropTypes.string.isRequired,\n      /**\n       * URL with the icon location to be used to represent the application.\n       * iconUrl will only be used if no iconElement is provided.\n       */\n      iconUrl: PropTypes.string,\n      /**\n       * Element to be added as the icon representing the application.\n       * The iconElement will be the primary option to be displayed.\n       */\n      iconElement: PropTypes.element,\n      /**\n       * Small description of the application.\n       */\n      description: PropTypes.string,\n      /**\n       *  URL where the application is accesible.\n       */\n      url: PropTypes.string,\n      /**\n       * Defines if the application should be opened in the same tab or in a new one.\n       */\n      target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n      /**\n       * If true, the item will be disabled.\n       */\n      disabled: PropTypes.bool,\n      /**\n       * True when the application is selected, false otherwise.\n       */\n      isSelected: PropTypes.bool,\n    })\n  ).isRequired,\n\n  /**\n   * Triggered when an action is clicked.\n   */\n  onActionClickedCallback: PropTypes.func,\n  /**\n   * Must return a boolean stating if the action element is selected or not.\n   */\n  isActionSelectedCallback: PropTypes.func,\n\n  /**\n   * Element to be added to the header container, if none is provided a label with the title will be added.\n   */\n  header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * Element to be added to the footer container.\n   */\n  footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n  /**\n   * Flag stating if the panel is opened or closed.\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n   */\n  isOpen: deprecatedPropType(PropTypes.bool),\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanel\" })(AppSwitcherPanel);\n"],"file":"AppSwitcherPanel.js"}
+{"version":3,"sources":["../../src/AppSwitcherPanel/AppSwitcherPanel.js"],"names":["AppSwitcherPanel","props","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","map","name","url","root","item","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","undefined","closed","open","actionsContainer","footerContainer","propTypes","PropTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node","styles"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\n\nimport { HvListContainer, useDeprecated } from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport Action from \"./Action\";\n\nconst AppSwitcherPanel = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    layout = \"single\",\n\n    title,\n    applications,\n\n    onActionClickedCallback = () => {},\n    isActionSelectedCallback = () => false,\n\n    header,\n    footer,\n\n    isOpen,\n  } = props;\n\n  useDeprecated(\"AppSwitcherPanel\", \"Please use the AppSwitcherPanel component in Core\");\n\n  const actionClicked = (event, application) => {\n    onActionClickedCallback?.(event, application);\n  };\n\n  const panelActions = applications.map((application) => {\n    if (application.name) {\n      return (\n        <Action\n          key={application.id || `${application.name}_${application.url}`}\n          application={application}\n          onClickCallback={actionClicked}\n          isSelectedCallback={isActionSelectedCallback}\n          classes={{\n            root: classes.item,\n            selected: classes.itemSelected,\n            disabled: classes.itemDisabled,\n            typography: classes.itemTrigger,\n            icon: classes.itemIcon,\n            title: classes.itemTitle,\n            iconInfo: classes.itemInfoIcon,\n          }}\n        />\n      );\n    }\n\n    return undefined;\n  });\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root, classes[layout], {\n        [classes.closed]: isOpen === false,\n        [classes.open]: isOpen,\n      })}\n    >\n      {(header && <div className={classes.title}>{header}</div>) ||\n        (title && <TitleWithTooltip className={classes.title} title={title} />)}\n      <HvListContainer disableGutters className={classes.actionsContainer}>\n        {panelActions}\n      </HvListContainer>\n      {footer && <div className={classes.footerContainer}>{footer}</div>}\n    </div>\n  );\n};\n\nAppSwitcherPanel.propTypes = {\n  /**\n   * Identifier to be applied to the root element.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    single: PropTypes.string,\n    dual: PropTypes.string,\n    fluid: PropTypes.string,\n    title: PropTypes.string,\n    actionsContainer: PropTypes.string,\n    footerContainer: PropTypes.string,\n    closed: PropTypes.string,\n    open: PropTypes.string,\n\n    item: PropTypes.string,\n    itemSelected: PropTypes.string,\n    itemDisabled: PropTypes.string,\n    itemTrigger: PropTypes.string,\n    itemIcon: PropTypes.string,\n    itemTitle: PropTypes.string,\n    itemInfoIcon: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Number of columns to render. One, two, or whatever fits the component's width.\n   */\n  layout: PropTypes.oneOf([\"single\", \"dual\", \"fluid\"]),\n\n  /**\n   * Title to be displayed on the header of the component.\n   */\n  title: PropTypes.string,\n  /**\n   * The list of applications to be used to render the actions on the component.\n   */\n  applications: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * Id of the application.\n       */\n      id: PropTypes.string,\n      /**\n       * Name of the application, this is the value that will be displayed on the component.\n       */\n      name: PropTypes.string.isRequired,\n      /**\n       * URL with the icon location to be used to represent the application.\n       * iconUrl will only be used if no iconElement is provided.\n       */\n      iconUrl: PropTypes.string,\n      /**\n       * Element to be added as the icon representing the application.\n       * The iconElement will be the primary option to be displayed.\n       */\n      iconElement: PropTypes.element,\n      /**\n       * Small description of the application.\n       */\n      description: PropTypes.string,\n      /**\n       *  URL where the application is accesible.\n       */\n      url: PropTypes.string,\n      /**\n       * Defines if the application should be opened in the same tab or in a new one.\n       */\n      target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n      /**\n       * If true, the item will be disabled.\n       */\n      disabled: PropTypes.bool,\n      /**\n       * True when the application is selected, false otherwise.\n       */\n      isSelected: PropTypes.bool,\n    })\n  ).isRequired,\n\n  /**\n   * Triggered when an action is clicked.\n   */\n  onActionClickedCallback: PropTypes.func,\n  /**\n   * Must return a boolean stating if the action element is selected or not.\n   */\n  isActionSelectedCallback: PropTypes.func,\n\n  /**\n   * Element to be added to the header container, if none is provided a label with the title will be added.\n   */\n  header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * Element to be added to the footer container.\n   */\n  footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n  /**\n   * Flag stating if the panel is opened or closed.\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n   */\n  isOpen: deprecatedPropType(PropTypes.bool),\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanel\" })(AppSwitcherPanel);\n"],"file":"AppSwitcherPanel.js"}

package/dist/DotPagination/DotPagination.d.ts

@@ -1,11 +1,26 @@
-import * as React from "react";
 import { StandardProps } from "@material-ui/core";
+import { HvRadioGroupProps } from "@hitachivantara/uikit-react-core";
 
-export type HvDotPaginationClassKey = "root";
+export type HvDotPaginationClassKey = "root" | "horizontal" | "radioRoot";
 
-export type HvDotPaginationProps = StandardProps<
-  React.HTMLAttributes<HTMLDivElement>,
-  HvDotPaginationClassKey
->;
+export interface HvDotPaginationProps
+  extends StandardProps<HvRadioGroupProps, HvDotPaginationClassKey> {
+  /**
+   *  The number of pages the component has.
+   */
+  pages?: number;
+  /**
+   * The currently selected page.
+   */
+  page?: number;
+  /**
+   * The callback fired when the page value changes.
+   */
+  onPageChange?: (event: Event, page: number) => void;
+  /**
+   * The callback fired to get the page aria label.
+   */
+  getItemAriaLabel?: (page: number) => string;
+}
 
 export default function HvDotPagination(props: HvDotPaginationProps): JSX.Element | null;

package/dist/DotPagination/DotPagination.js

@@ -13,12 +13,6 @@ require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.array.map.js");
 
-require("core-js/modules/es.array.concat.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.regexp.to-string.js");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -37,7 +31,7 @@ var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
 var _styles = _interopRequireDefault(require("./styles"));
 
-var _excluded = ["className", "classes", "pages", "page", "onPageChange", "getItemAriaLabel", "id"];
+var _excluded = ["className", "classes", "pages", "page", "onPageChange", "getItemAriaLabel"];
 
 var getSelectorIcons = function getSelectorIcons(classes, options) {
   var disabled = options.disabled;
@@ -57,7 +51,8 @@ var getSelectorIcons = function getSelectorIcons(classes, options) {
   };
 };
 /**
- * DotPagination description/documentation paragraph
+ * Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.
+ * This component uses Radio Buttons to represent each page.
  */
 
 
@@ -72,7 +67,6 @@ var HvDotPagination = function HvDotPagination(props) {
       page = _props$page === void 0 ? 0 : _props$page,
       onPageChange = props.onPageChange,
       getItemAriaLabel = props.getItemAriaLabel,
-      id = props.id,
       others = (0, _objectWithoutProperties2.default)(props, _excluded);
 
   var range = function range(n) {
@@ -82,29 +76,28 @@ var HvDotPagination = function HvDotPagination(props) {
   };
 
   var icons = getSelectorIcons(classes, {});
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: (0, _clsx.default)(className, classes.root)
-  }, others), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvRadioGroup, {
+  return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvRadioGroup, (0, _extends2.default)({
+    className: (0, _clsx.default)(className, classes.root),
     classes: {
       horizontal: classes.horizontal
     },
     orientation: "horizontal"
-  }, range(pages).map(function (pg, i) {
+  }, others), range(pages).map(function (i) {
     return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvRadio, {
       classes: {
         root: classes.radioRoot
       },
-      key: "dot_navigation".concat(id && id.toString(), "_item").concat(i.toString()),
+      key: i,
       value: i,
       checked: page === i,
-      onChange: function onChange() {
-        return onPageChange(i);
+      onChange: function onChange(event) {
+        return onPageChange(event, i);
       },
       icon: icons.radio,
       checkedIcon: icons.radioChecked,
       "aria-label": getItemAriaLabel(i)
     });
-  })));
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvDotPagination.propTypes = {
@@ -139,7 +132,7 @@ process.env.NODE_ENV !== "production" ? HvDotPagination.propTypes = {
   pages: _propTypes.default.number,
 
   /**
-   * The currently selected page (0-indexed).
+   * The currently selected page.
    */
   page: _propTypes.default.number,
 
@@ -151,12 +144,7 @@ process.env.NODE_ENV !== "production" ? HvDotPagination.propTypes = {
   /**
    * Function called to get the respective aria label.
    */
-  getItemAriaLabel: _propTypes.default.func,
-
-  /**
-   *  Component id used to generate unique radio keys ( to avoid repeated keys in case multiple dotPagination components are needed)
-   */
-  id: _propTypes.default.number
+  getItemAriaLabel: _propTypes.default.func
 } : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {

package/dist/DotPagination/DotPagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/DotPagination/DotPagination.js"],"names":["getSelectorIcons","classes","options","disabled","color","undefined","checkedColor","radio","icon","radioChecked","HvDotPagination","props","className","pages","page","onPageChange","getItemAriaLabel","id","others","range","n","Array","from","v","i","icons","root","horizontal","map","pg","radioRoot","toString","propTypes","PropTypes","string","shape","isRequired","number","func","styles","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { HvRadio, HvRadioGroup } from \"@hitachivantara/uikit-react-core\";\nimport { CurrentStep, RadioButtonUnselected } from \"@hitachivantara/uikit-react-icons\";\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n  const { disabled } = options;\n  const color = (disabled && [\"atmo3\", \"atmo5\"]) || undefined;\n  const checkedColor = (disabled && [\"atmo3\", \"atmo5\"]) || undefined;\n\n  return {\n    radio: <RadioButtonUnselected color={color} className={classes.icon} iconSize=\"XS\" />,\n    radioChecked: <CurrentStep color={checkedColor} className={classes.icon} iconSize=\"XS\" />,\n  };\n};\n\n/**\n * DotPagination description/documentation paragraph\n */\nconst HvDotPagination = (props) => {\n  const {\n    className,\n    classes,\n    pages = 1,\n    page = 0,\n    onPageChange,\n    getItemAriaLabel,\n    id,\n    ...others\n  } = props;\n\n  const range = (n) => Array.from(Array(n), (v, i) => i);\n\n  const icons = getSelectorIcons(classes, {});\n\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      <HvRadioGroup classes={{ horizontal: classes.horizontal }} orientation=\"horizontal\">\n        {range(pages).map((pg, i) => (\n          <HvRadio\n            classes={{ root: classes.radioRoot }}\n            key={`dot_navigation${id && id.toString()}_item${i.toString()}`}\n            value={i}\n            checked={page === i}\n            onChange={() => onPageChange(i)}\n            icon={icons.radio}\n            checkedIcon={icons.radioChecked}\n            aria-label={getItemAriaLabel(i)}\n          />\n        ))}\n      </HvRadioGroup>\n    </div>\n  );\n};\n\nHvDotPagination.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.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the radio button group to overrrite horizontal class margins.\n     */\n    horizontal: PropTypes.string,\n    /**\n     *  Styles applied to the radio root ( to override radio group horizontal )\n     */\n    radioRoot: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The number of pages the component has.\n   */\n  pages: PropTypes.number,\n  /**\n   * The currently selected page (0-indexed).\n   */\n  page: PropTypes.number,\n  /**\n   * Function called when the page changes.\n   */\n  onPageChange: PropTypes.func,\n  /**\n   * Function called to get the respective aria label.\n   */\n  getItemAriaLabel: PropTypes.func,\n  /**\n   *  Component id used to generate unique radio keys ( to avoid repeated keys in case multiple dotPagination components are needed)\n   */\n  id: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvDotPagination\" })(HvDotPagination);\n"],"file":"DotPagination.js"}
+{"version":3,"sources":["../../src/DotPagination/DotPagination.js"],"names":["getSelectorIcons","classes","options","disabled","color","undefined","checkedColor","radio","icon","radioChecked","HvDotPagination","props","className","pages","page","onPageChange","getItemAriaLabel","others","range","n","Array","from","v","i","icons","root","horizontal","map","radioRoot","event","propTypes","PropTypes","string","shape","isRequired","number","func","styles","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { HvRadio, HvRadioGroup } from \"@hitachivantara/uikit-react-core\";\nimport { CurrentStep, RadioButtonUnselected } from \"@hitachivantara/uikit-react-icons\";\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n  const { disabled } = options;\n  const color = (disabled && [\"atmo3\", \"atmo5\"]) || undefined;\n  const checkedColor = (disabled && [\"atmo3\", \"atmo5\"]) || undefined;\n\n  return {\n    radio: <RadioButtonUnselected color={color} className={classes.icon} iconSize=\"XS\" />,\n    radioChecked: <CurrentStep color={checkedColor} className={classes.icon} iconSize=\"XS\" />,\n  };\n};\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.\n * This component uses Radio Buttons to represent each page.\n */\nconst HvDotPagination = (props) => {\n  const {\n    className,\n    classes,\n    pages = 1,\n    page = 0,\n    onPageChange,\n    getItemAriaLabel,\n    ...others\n  } = props;\n\n  const range = (n) => Array.from(Array(n), (v, i) => i);\n\n  const icons = getSelectorIcons(classes, {});\n\n  return (\n    <HvRadioGroup\n      className={clsx(className, classes.root)}\n      classes={{ horizontal: classes.horizontal }}\n      orientation=\"horizontal\"\n      {...others}\n    >\n      {range(pages).map((i) => (\n        <HvRadio\n          classes={{ root: classes.radioRoot }}\n          key={i}\n          value={i}\n          checked={page === i}\n          onChange={(event) => onPageChange(event, i)}\n          icon={icons.radio}\n          checkedIcon={icons.radioChecked}\n          aria-label={getItemAriaLabel(i)}\n        />\n      ))}\n    </HvRadioGroup>\n  );\n};\n\nHvDotPagination.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.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the radio button group to overrrite horizontal class margins.\n     */\n    horizontal: PropTypes.string,\n    /**\n     *  Styles applied to the radio root ( to override radio group horizontal )\n     */\n    radioRoot: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The number of pages the component has.\n   */\n  pages: PropTypes.number,\n  /**\n   * The currently selected page.\n   */\n  page: PropTypes.number,\n  /**\n   * Function called when the page changes.\n   */\n  onPageChange: PropTypes.func,\n  /**\n   * Function called to get the respective aria label.\n   */\n  getItemAriaLabel: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvDotPagination\" })(HvDotPagination);\n"],"file":"DotPagination.js"}

package/dist/legacy/AppSwitcherPanel/AppSwitcherPanel.js

@@ -5,7 +5,7 @@ import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
 import { deprecatedPropType, withStyles } from "@material-ui/core";
-import { HvListContainer } from "@hitachivantara/uikit-react-core";
+import { HvListContainer, useDeprecated } from "@hitachivantara/uikit-react-core";
 import styles from "./styles";
 import TitleWithTooltip from "./TitleWithTooltip";
 import Action from "./Action";
@@ -27,6 +27,7 @@ var AppSwitcherPanel = function AppSwitcherPanel(props) {
       header = props.header,
       footer = props.footer,
       isOpen = props.isOpen;
+  useDeprecated("AppSwitcherPanel", "Please use the AppSwitcherPanel component in Core");
 
   var actionClicked = function actionClicked(event, application) {
     onActionClickedCallback === null || onActionClickedCallback === void 0 ? void 0 : onActionClickedCallback(event, application);

package/dist/legacy/AppSwitcherPanel/AppSwitcherPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/AppSwitcherPanel/AppSwitcherPanel.js"],"names":["React","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","styles","TitleWithTooltip","Action","AppSwitcherPanel","props","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","map","name","url","root","item","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","undefined","closed","open","actionsContainer","footerContainer","propTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\n\nimport { HvListContainer } from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport Action from \"./Action\";\n\nconst AppSwitcherPanel = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    layout = \"single\",\n\n    title,\n    applications,\n\n    onActionClickedCallback = () => {},\n    isActionSelectedCallback = () => false,\n\n    header,\n    footer,\n\n    isOpen,\n  } = props;\n\n  const actionClicked = (event, application) => {\n    onActionClickedCallback?.(event, application);\n  };\n\n  const panelActions = applications.map((application) => {\n    if (application.name) {\n      return (\n        <Action\n          key={application.id || `${application.name}_${application.url}`}\n          application={application}\n          onClickCallback={actionClicked}\n          isSelectedCallback={isActionSelectedCallback}\n          classes={{\n            root: classes.item,\n            selected: classes.itemSelected,\n            disabled: classes.itemDisabled,\n            typography: classes.itemTrigger,\n            icon: classes.itemIcon,\n            title: classes.itemTitle,\n            iconInfo: classes.itemInfoIcon,\n          }}\n        />\n      );\n    }\n\n    return undefined;\n  });\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root, classes[layout], {\n        [classes.closed]: isOpen === false,\n        [classes.open]: isOpen,\n      })}\n    >\n      {(header && <div className={classes.title}>{header}</div>) ||\n        (title && <TitleWithTooltip className={classes.title} title={title} />)}\n      <HvListContainer disableGutters className={classes.actionsContainer}>\n        {panelActions}\n      </HvListContainer>\n      {footer && <div className={classes.footerContainer}>{footer}</div>}\n    </div>\n  );\n};\n\nAppSwitcherPanel.propTypes = {\n  /**\n   * Identifier to be applied to the root element.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    single: PropTypes.string,\n    dual: PropTypes.string,\n    fluid: PropTypes.string,\n    title: PropTypes.string,\n    actionsContainer: PropTypes.string,\n    footerContainer: PropTypes.string,\n    closed: PropTypes.string,\n    open: PropTypes.string,\n\n    item: PropTypes.string,\n    itemSelected: PropTypes.string,\n    itemDisabled: PropTypes.string,\n    itemTrigger: PropTypes.string,\n    itemIcon: PropTypes.string,\n    itemTitle: PropTypes.string,\n    itemInfoIcon: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Number of columns to render. One, two, or whatever fits the component's width.\n   */\n  layout: PropTypes.oneOf([\"single\", \"dual\", \"fluid\"]),\n\n  /**\n   * Title to be displayed on the header of the component.\n   */\n  title: PropTypes.string,\n  /**\n   * The list of applications to be used to render the actions on the component.\n   */\n  applications: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * Id of the application.\n       */\n      id: PropTypes.string,\n      /**\n       * Name of the application, this is the value that will be displayed on the component.\n       */\n      name: PropTypes.string.isRequired,\n      /**\n       * URL with the icon location to be used to represent the application.\n       * iconUrl will only be used if no iconElement is provided.\n       */\n      iconUrl: PropTypes.string,\n      /**\n       * Element to be added as the icon representing the application.\n       * The iconElement will be the primary option to be displayed.\n       */\n      iconElement: PropTypes.element,\n      /**\n       * Small description of the application.\n       */\n      description: PropTypes.string,\n      /**\n       *  URL where the application is accesible.\n       */\n      url: PropTypes.string,\n      /**\n       * Defines if the application should be opened in the same tab or in a new one.\n       */\n      target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n      /**\n       * If true, the item will be disabled.\n       */\n      disabled: PropTypes.bool,\n      /**\n       * True when the application is selected, false otherwise.\n       */\n      isSelected: PropTypes.bool,\n    })\n  ).isRequired,\n\n  /**\n   * Triggered when an action is clicked.\n   */\n  onActionClickedCallback: PropTypes.func,\n  /**\n   * Must return a boolean stating if the action element is selected or not.\n   */\n  isActionSelectedCallback: PropTypes.func,\n\n  /**\n   * Element to be added to the header container, if none is provided a label with the title will be added.\n   */\n  header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * Element to be added to the footer container.\n   */\n  footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n  /**\n   * Flag stating if the panel is opened or closed.\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n   */\n  isOpen: deprecatedPropType(PropTypes.bool),\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanel\" })(AppSwitcherPanel);\n"],"file":"AppSwitcherPanel.js"}
+{"version":3,"sources":["../../../src/AppSwitcherPanel/AppSwitcherPanel.js"],"names":["React","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","useDeprecated","styles","TitleWithTooltip","Action","AppSwitcherPanel","props","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","map","name","url","root","item","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","undefined","closed","open","actionsContainer","footerContainer","propTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\n\nimport { HvListContainer, useDeprecated } from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport Action from \"./Action\";\n\nconst AppSwitcherPanel = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    layout = \"single\",\n\n    title,\n    applications,\n\n    onActionClickedCallback = () => {},\n    isActionSelectedCallback = () => false,\n\n    header,\n    footer,\n\n    isOpen,\n  } = props;\n\n  useDeprecated(\"AppSwitcherPanel\", \"Please use the AppSwitcherPanel component in Core\");\n\n  const actionClicked = (event, application) => {\n    onActionClickedCallback?.(event, application);\n  };\n\n  const panelActions = applications.map((application) => {\n    if (application.name) {\n      return (\n        <Action\n          key={application.id || `${application.name}_${application.url}`}\n          application={application}\n          onClickCallback={actionClicked}\n          isSelectedCallback={isActionSelectedCallback}\n          classes={{\n            root: classes.item,\n            selected: classes.itemSelected,\n            disabled: classes.itemDisabled,\n            typography: classes.itemTrigger,\n            icon: classes.itemIcon,\n            title: classes.itemTitle,\n            iconInfo: classes.itemInfoIcon,\n          }}\n        />\n      );\n    }\n\n    return undefined;\n  });\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root, classes[layout], {\n        [classes.closed]: isOpen === false,\n        [classes.open]: isOpen,\n      })}\n    >\n      {(header && <div className={classes.title}>{header}</div>) ||\n        (title && <TitleWithTooltip className={classes.title} title={title} />)}\n      <HvListContainer disableGutters className={classes.actionsContainer}>\n        {panelActions}\n      </HvListContainer>\n      {footer && <div className={classes.footerContainer}>{footer}</div>}\n    </div>\n  );\n};\n\nAppSwitcherPanel.propTypes = {\n  /**\n   * Identifier to be applied to the root element.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    single: PropTypes.string,\n    dual: PropTypes.string,\n    fluid: PropTypes.string,\n    title: PropTypes.string,\n    actionsContainer: PropTypes.string,\n    footerContainer: PropTypes.string,\n    closed: PropTypes.string,\n    open: PropTypes.string,\n\n    item: PropTypes.string,\n    itemSelected: PropTypes.string,\n    itemDisabled: PropTypes.string,\n    itemTrigger: PropTypes.string,\n    itemIcon: PropTypes.string,\n    itemTitle: PropTypes.string,\n    itemInfoIcon: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Number of columns to render. One, two, or whatever fits the component's width.\n   */\n  layout: PropTypes.oneOf([\"single\", \"dual\", \"fluid\"]),\n\n  /**\n   * Title to be displayed on the header of the component.\n   */\n  title: PropTypes.string,\n  /**\n   * The list of applications to be used to render the actions on the component.\n   */\n  applications: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * Id of the application.\n       */\n      id: PropTypes.string,\n      /**\n       * Name of the application, this is the value that will be displayed on the component.\n       */\n      name: PropTypes.string.isRequired,\n      /**\n       * URL with the icon location to be used to represent the application.\n       * iconUrl will only be used if no iconElement is provided.\n       */\n      iconUrl: PropTypes.string,\n      /**\n       * Element to be added as the icon representing the application.\n       * The iconElement will be the primary option to be displayed.\n       */\n      iconElement: PropTypes.element,\n      /**\n       * Small description of the application.\n       */\n      description: PropTypes.string,\n      /**\n       *  URL where the application is accesible.\n       */\n      url: PropTypes.string,\n      /**\n       * Defines if the application should be opened in the same tab or in a new one.\n       */\n      target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n      /**\n       * If true, the item will be disabled.\n       */\n      disabled: PropTypes.bool,\n      /**\n       * True when the application is selected, false otherwise.\n       */\n      isSelected: PropTypes.bool,\n    })\n  ).isRequired,\n\n  /**\n   * Triggered when an action is clicked.\n   */\n  onActionClickedCallback: PropTypes.func,\n  /**\n   * Must return a boolean stating if the action element is selected or not.\n   */\n  isActionSelectedCallback: PropTypes.func,\n\n  /**\n   * Element to be added to the header container, if none is provided a label with the title will be added.\n   */\n  header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * Element to be added to the footer container.\n   */\n  footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n  /**\n   * Flag stating if the panel is opened or closed.\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n   */\n  isOpen: deprecatedPropType(PropTypes.bool),\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanel\" })(AppSwitcherPanel);\n"],"file":"AppSwitcherPanel.js"}

package/dist/legacy/DotPagination/DotPagination.d.ts

@@ -1,11 +1,26 @@
-import * as React from "react";
 import { StandardProps } from "@material-ui/core";
+import { HvRadioGroupProps } from "@hitachivantara/uikit-react-core";
 
-export type HvDotPaginationClassKey = "root";
+export type HvDotPaginationClassKey = "root" | "horizontal" | "radioRoot";
 
-export type HvDotPaginationProps = StandardProps<
-  React.HTMLAttributes<HTMLDivElement>,
-  HvDotPaginationClassKey
->;
+export interface HvDotPaginationProps
+  extends StandardProps<HvRadioGroupProps, HvDotPaginationClassKey> {
+  /**
+   *  The number of pages the component has.
+   */
+  pages?: number;
+  /**
+   * The currently selected page.
+   */
+  page?: number;
+  /**
+   * The callback fired when the page value changes.
+   */
+  onPageChange?: (event: Event, page: number) => void;
+  /**
+   * The callback fired to get the page aria label.
+   */
+  getItemAriaLabel?: (page: number) => string;
+}
 
 export default function HvDotPagination(props: HvDotPaginationProps): JSX.Element | null;

package/dist/legacy/DotPagination/DotPagination.js

@@ -1,12 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "classes", "pages", "page", "onPageChange", "getItemAriaLabel", "id"];
+var _excluded = ["className", "classes", "pages", "page", "onPageChange", "getItemAriaLabel"];
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.regexp.to-string.js";
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -32,7 +29,8 @@ export var getSelectorIcons = function getSelectorIcons(classes, options) {
   };
 };
 /**
- * DotPagination description/documentation paragraph
+ * Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.
+ * This component uses Radio Buttons to represent each page.
  */
 
 var HvDotPagination = function HvDotPagination(props) {
@@ -44,7 +42,6 @@ var HvDotPagination = function HvDotPagination(props) {
       page = _props$page === void 0 ? 0 : _props$page,
       onPageChange = props.onPageChange,
       getItemAriaLabel = props.getItemAriaLabel,
-      id = props.id,
       others = _objectWithoutProperties(props, _excluded);
 
   var range = function range(n) {
@@ -54,29 +51,28 @@ var HvDotPagination = function HvDotPagination(props) {
   };
 
   var icons = getSelectorIcons(classes, {});
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: clsx(className, classes.root)
-  }, others), /*#__PURE__*/React.createElement(HvRadioGroup, {
+  return /*#__PURE__*/React.createElement(HvRadioGroup, _extends({
+    className: clsx(className, classes.root),
     classes: {
       horizontal: classes.horizontal
     },
     orientation: "horizontal"
-  }, range(pages).map(function (pg, i) {
+  }, others), range(pages).map(function (i) {
     return /*#__PURE__*/React.createElement(HvRadio, {
       classes: {
         root: classes.radioRoot
       },
-      key: "dot_navigation".concat(id && id.toString(), "_item").concat(i.toString()),
+      key: i,
       value: i,
       checked: page === i,
-      onChange: function onChange() {
-        return onPageChange(i);
+      onChange: function onChange(event) {
+        return onPageChange(event, i);
       },
       icon: icons.radio,
       checkedIcon: icons.radioChecked,
       "aria-label": getItemAriaLabel(i)
     });
-  })));
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvDotPagination.propTypes = {
@@ -111,7 +107,7 @@ process.env.NODE_ENV !== "production" ? HvDotPagination.propTypes = {
   pages: PropTypes.number,
 
   /**
-   * The currently selected page (0-indexed).
+   * The currently selected page.
    */
   page: PropTypes.number,
 
@@ -123,12 +119,7 @@ process.env.NODE_ENV !== "production" ? HvDotPagination.propTypes = {
   /**
    * Function called to get the respective aria label.
    */
-  getItemAriaLabel: PropTypes.func,
-
-  /**
-   *  Component id used to generate unique radio keys ( to avoid repeated keys in case multiple dotPagination components are needed)
-   */
-  id: PropTypes.number
+  getItemAriaLabel: PropTypes.func
 } : void 0;
 export default withStyles(styles, {
   name: "HvDotPagination"

package/dist/legacy/DotPagination/DotPagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/DotPagination/DotPagination.js"],"names":["React","PropTypes","clsx","withStyles","HvRadio","HvRadioGroup","CurrentStep","RadioButtonUnselected","styles","getSelectorIcons","classes","options","disabled","color","undefined","checkedColor","radio","icon","radioChecked","HvDotPagination","props","className","pages","page","onPageChange","getItemAriaLabel","id","others","range","n","Array","from","v","i","icons","root","horizontal","map","pg","radioRoot","toString","propTypes","string","shape","isRequired","number","func","name"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AAEA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,OAAT,EAAkBC,YAAlB,QAAsC,kCAAtC;AACA,SAASC,WAAT,EAAsBC,qBAAtB,QAAmD,mCAAnD;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,OAAD,EAAUC,OAAV,EAAsB;AACpD,MAAQC,QAAR,GAAqBD,OAArB,CAAQC,QAAR;AACA,MAAMC,KAAK,GAAID,QAAQ,IAAI,CAAC,OAAD,EAAU,OAAV,CAAb,IAAoCE,SAAlD;AACA,MAAMC,YAAY,GAAIH,QAAQ,IAAI,CAAC,OAAD,EAAU,OAAV,CAAb,IAAoCE,SAAzD;AAEA,SAAO;AACLE,IAAAA,KAAK,eAAE,oBAAC,qBAAD;AAAuB,MAAA,KAAK,EAAEH,KAA9B;AAAqC,MAAA,SAAS,EAAEH,OAAO,CAACO,IAAxD;AAA8D,MAAA,QAAQ,EAAC;AAAvE,MADF;AAELC,IAAAA,YAAY,eAAE,oBAAC,WAAD;AAAa,MAAA,KAAK,EAAEH,YAApB;AAAkC,MAAA,SAAS,EAAEL,OAAO,CAACO,IAArD;AAA2D,MAAA,QAAQ,EAAC;AAApE;AAFT,GAAP;AAID,CATM;AAWP;AACA;AACA;;AACA,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAW;AACjC,MACEC,SADF,GASID,KATJ,CACEC,SADF;AAAA,MAEEX,OAFF,GASIU,KATJ,CAEEV,OAFF;AAAA,qBASIU,KATJ,CAGEE,KAHF;AAAA,MAGEA,KAHF,6BAGU,CAHV;AAAA,oBASIF,KATJ,CAIEG,IAJF;AAAA,MAIEA,IAJF,4BAIS,CAJT;AAAA,MAKEC,YALF,GASIJ,KATJ,CAKEI,YALF;AAAA,MAMEC,gBANF,GASIL,KATJ,CAMEK,gBANF;AAAA,MAOEC,EAPF,GASIN,KATJ,CAOEM,EAPF;AAAA,MAQKC,MARL,4BASIP,KATJ;;AAWA,MAAMQ,KAAK,GAAG,SAARA,KAAQ,CAACC,CAAD;AAAA,WAAOC,KAAK,CAACC,IAAN,CAAWD,KAAK,CAACD,CAAD,CAAhB,EAAqB,UAACG,CAAD,EAAIC,CAAJ;AAAA,aAAUA,CAAV;AAAA,KAArB,CAAP;AAAA,GAAd;;AAEA,MAAMC,KAAK,GAAGzB,gBAAgB,CAACC,OAAD,EAAU,EAAV,CAA9B;AAEA,sBACE;AAAK,IAAA,SAAS,EAAER,IAAI,CAACmB,SAAD,EAAYX,OAAO,CAACyB,IAApB;AAApB,KAAmDR,MAAnD,gBACE,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAE;AAAES,MAAAA,UAAU,EAAE1B,OAAO,CAAC0B;AAAtB,KAAvB;AAA2D,IAAA,WAAW,EAAC;AAAvE,KACGR,KAAK,CAACN,KAAD,CAAL,CAAae,GAAb,CAAiB,UAACC,EAAD,EAAKL,CAAL;AAAA,wBAChB,oBAAC,OAAD;AACE,MAAA,OAAO,EAAE;AAAEE,QAAAA,IAAI,EAAEzB,OAAO,CAAC6B;AAAhB,OADX;AAEE,MAAA,GAAG,0BAAmBb,EAAE,IAAIA,EAAE,CAACc,QAAH,EAAzB,kBAA8CP,CAAC,CAACO,QAAF,EAA9C,CAFL;AAGE,MAAA,KAAK,EAAEP,CAHT;AAIE,MAAA,OAAO,EAAEV,IAAI,KAAKU,CAJpB;AAKE,MAAA,QAAQ,EAAE;AAAA,eAAMT,YAAY,CAACS,CAAD,CAAlB;AAAA,OALZ;AAME,MAAA,IAAI,EAAEC,KAAK,CAAClB,KANd;AAOE,MAAA,WAAW,EAAEkB,KAAK,CAAChB,YAPrB;AAQE,oBAAYO,gBAAgB,CAACQ,CAAD;AAR9B,MADgB;AAAA,GAAjB,CADH,CADF,CADF;AAkBD,CAlCD;;AAoCA,wCAAAd,eAAe,CAACsB,SAAhB,GAA4B;AAC1B;AACF;AACA;AACEpB,EAAAA,SAAS,EAAEpB,SAAS,CAACyC,MAJK;;AAK1B;AACF;AACA;AACEhC,EAAAA,OAAO,EAAET,SAAS,CAAC0C,KAAV,CAAgB;AACvB;AACJ;AACA;AACIR,IAAAA,IAAI,EAAElC,SAAS,CAACyC,MAJO;;AAKvB;AACJ;AACA;AACIN,IAAAA,UAAU,EAAEnC,SAAS,CAACyC,MARC;;AASvB;AACJ;AACA;AACIH,IAAAA,SAAS,EAAEtC,SAAS,CAACyC;AAZE,GAAhB,EAaNE,UArBuB;;AAsB1B;AACF;AACA;AACEtB,EAAAA,KAAK,EAAErB,SAAS,CAAC4C,MAzBS;;AA0B1B;AACF;AACA;AACEtB,EAAAA,IAAI,EAAEtB,SAAS,CAAC4C,MA7BU;;AA8B1B;AACF;AACA;AACErB,EAAAA,YAAY,EAAEvB,SAAS,CAAC6C,IAjCE;;AAkC1B;AACF;AACA;AACErB,EAAAA,gBAAgB,EAAExB,SAAS,CAAC6C,IArCF;;AAsC1B;AACF;AACA;AACEpB,EAAAA,EAAE,EAAEzB,SAAS,CAAC4C;AAzCY,CAA5B;AA4CA,eAAe1C,UAAU,CAACK,MAAD,EAAS;AAAEuC,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgD5B,eAAhD,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { HvRadio, HvRadioGroup } from \"@hitachivantara/uikit-react-core\";\nimport { CurrentStep, RadioButtonUnselected } from \"@hitachivantara/uikit-react-icons\";\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n  const { disabled } = options;\n  const color = (disabled && [\"atmo3\", \"atmo5\"]) || undefined;\n  const checkedColor = (disabled && [\"atmo3\", \"atmo5\"]) || undefined;\n\n  return {\n    radio: <RadioButtonUnselected color={color} className={classes.icon} iconSize=\"XS\" />,\n    radioChecked: <CurrentStep color={checkedColor} className={classes.icon} iconSize=\"XS\" />,\n  };\n};\n\n/**\n * DotPagination description/documentation paragraph\n */\nconst HvDotPagination = (props) => {\n  const {\n    className,\n    classes,\n    pages = 1,\n    page = 0,\n    onPageChange,\n    getItemAriaLabel,\n    id,\n    ...others\n  } = props;\n\n  const range = (n) => Array.from(Array(n), (v, i) => i);\n\n  const icons = getSelectorIcons(classes, {});\n\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      <HvRadioGroup classes={{ horizontal: classes.horizontal }} orientation=\"horizontal\">\n        {range(pages).map((pg, i) => (\n          <HvRadio\n            classes={{ root: classes.radioRoot }}\n            key={`dot_navigation${id && id.toString()}_item${i.toString()}`}\n            value={i}\n            checked={page === i}\n            onChange={() => onPageChange(i)}\n            icon={icons.radio}\n            checkedIcon={icons.radioChecked}\n            aria-label={getItemAriaLabel(i)}\n          />\n        ))}\n      </HvRadioGroup>\n    </div>\n  );\n};\n\nHvDotPagination.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.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the radio button group to overrrite horizontal class margins.\n     */\n    horizontal: PropTypes.string,\n    /**\n     *  Styles applied to the radio root ( to override radio group horizontal )\n     */\n    radioRoot: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The number of pages the component has.\n   */\n  pages: PropTypes.number,\n  /**\n   * The currently selected page (0-indexed).\n   */\n  page: PropTypes.number,\n  /**\n   * Function called when the page changes.\n   */\n  onPageChange: PropTypes.func,\n  /**\n   * Function called to get the respective aria label.\n   */\n  getItemAriaLabel: PropTypes.func,\n  /**\n   *  Component id used to generate unique radio keys ( to avoid repeated keys in case multiple dotPagination components are needed)\n   */\n  id: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvDotPagination\" })(HvDotPagination);\n"],"file":"DotPagination.js"}
+{"version":3,"sources":["../../../src/DotPagination/DotPagination.js"],"names":["React","PropTypes","clsx","withStyles","HvRadio","HvRadioGroup","CurrentStep","RadioButtonUnselected","styles","getSelectorIcons","classes","options","disabled","color","undefined","checkedColor","radio","icon","radioChecked","HvDotPagination","props","className","pages","page","onPageChange","getItemAriaLabel","others","range","n","Array","from","v","i","icons","root","horizontal","map","radioRoot","event","propTypes","string","shape","isRequired","number","func","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { HvRadio, HvRadioGroup } from \"@hitachivantara/uikit-react-core\";\nimport { CurrentStep, RadioButtonUnselected } from \"@hitachivantara/uikit-react-icons\";\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n  const { disabled } = options;\n  const color = (disabled && [\"atmo3\", \"atmo5\"]) || undefined;\n  const checkedColor = (disabled && [\"atmo3\", \"atmo5\"]) || undefined;\n\n  return {\n    radio: <RadioButtonUnselected color={color} className={classes.icon} iconSize=\"XS\" />,\n    radioChecked: <CurrentStep color={checkedColor} className={classes.icon} iconSize=\"XS\" />,\n  };\n};\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.\n * This component uses Radio Buttons to represent each page.\n */\nconst HvDotPagination = (props) => {\n  const {\n    className,\n    classes,\n    pages = 1,\n    page = 0,\n    onPageChange,\n    getItemAriaLabel,\n    ...others\n  } = props;\n\n  const range = (n) => Array.from(Array(n), (v, i) => i);\n\n  const icons = getSelectorIcons(classes, {});\n\n  return (\n    <HvRadioGroup\n      className={clsx(className, classes.root)}\n      classes={{ horizontal: classes.horizontal }}\n      orientation=\"horizontal\"\n      {...others}\n    >\n      {range(pages).map((i) => (\n        <HvRadio\n          classes={{ root: classes.radioRoot }}\n          key={i}\n          value={i}\n          checked={page === i}\n          onChange={(event) => onPageChange(event, i)}\n          icon={icons.radio}\n          checkedIcon={icons.radioChecked}\n          aria-label={getItemAriaLabel(i)}\n        />\n      ))}\n    </HvRadioGroup>\n  );\n};\n\nHvDotPagination.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.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the radio button group to overrrite horizontal class margins.\n     */\n    horizontal: PropTypes.string,\n    /**\n     *  Styles applied to the radio root ( to override radio group horizontal )\n     */\n    radioRoot: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The number of pages the component has.\n   */\n  pages: PropTypes.number,\n  /**\n   * The currently selected page.\n   */\n  page: PropTypes.number,\n  /**\n   * Function called when the page changes.\n   */\n  onPageChange: PropTypes.func,\n  /**\n   * Function called to get the respective aria label.\n   */\n  getItemAriaLabel: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvDotPagination\" })(HvDotPagination);\n"],"file":"DotPagination.js"}

package/dist/modern/AppSwitcherPanel/AppSwitcherPanel.js

@@ -2,7 +2,7 @@ import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
 import { deprecatedPropType, withStyles } from "@material-ui/core";
-import { HvListContainer } from "@hitachivantara/uikit-react-core";
+import { HvListContainer, useDeprecated } from "@hitachivantara/uikit-react-core";
 import styles from "./styles";
 import TitleWithTooltip from "./TitleWithTooltip";
 import Action from "./Action";
@@ -21,6 +21,7 @@ const AppSwitcherPanel = props => {
     footer,
     isOpen
   } = props;
+  useDeprecated("AppSwitcherPanel", "Please use the AppSwitcherPanel component in Core");
 
   const actionClicked = (event, application) => {
     onActionClickedCallback === null || onActionClickedCallback === void 0 ? void 0 : onActionClickedCallback(event, application);

package/dist/modern/AppSwitcherPanel/AppSwitcherPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/AppSwitcherPanel/AppSwitcherPanel.js"],"names":["React","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","styles","TitleWithTooltip","Action","AppSwitcherPanel","props","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","map","name","url","root","item","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","undefined","closed","open","actionsContainer","footerContainer","propTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\n\nimport { HvListContainer } from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport Action from \"./Action\";\n\nconst AppSwitcherPanel = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    layout = \"single\",\n\n    title,\n    applications,\n\n    onActionClickedCallback = () => {},\n    isActionSelectedCallback = () => false,\n\n    header,\n    footer,\n\n    isOpen,\n  } = props;\n\n  const actionClicked = (event, application) => {\n    onActionClickedCallback?.(event, application);\n  };\n\n  const panelActions = applications.map((application) => {\n    if (application.name) {\n      return (\n        <Action\n          key={application.id || `${application.name}_${application.url}`}\n          application={application}\n          onClickCallback={actionClicked}\n          isSelectedCallback={isActionSelectedCallback}\n          classes={{\n            root: classes.item,\n            selected: classes.itemSelected,\n            disabled: classes.itemDisabled,\n            typography: classes.itemTrigger,\n            icon: classes.itemIcon,\n            title: classes.itemTitle,\n            iconInfo: classes.itemInfoIcon,\n          }}\n        />\n      );\n    }\n\n    return undefined;\n  });\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root, classes[layout], {\n        [classes.closed]: isOpen === false,\n        [classes.open]: isOpen,\n      })}\n    >\n      {(header && <div className={classes.title}>{header}</div>) ||\n        (title && <TitleWithTooltip className={classes.title} title={title} />)}\n      <HvListContainer disableGutters className={classes.actionsContainer}>\n        {panelActions}\n      </HvListContainer>\n      {footer && <div className={classes.footerContainer}>{footer}</div>}\n    </div>\n  );\n};\n\nAppSwitcherPanel.propTypes = {\n  /**\n   * Identifier to be applied to the root element.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    single: PropTypes.string,\n    dual: PropTypes.string,\n    fluid: PropTypes.string,\n    title: PropTypes.string,\n    actionsContainer: PropTypes.string,\n    footerContainer: PropTypes.string,\n    closed: PropTypes.string,\n    open: PropTypes.string,\n\n    item: PropTypes.string,\n    itemSelected: PropTypes.string,\n    itemDisabled: PropTypes.string,\n    itemTrigger: PropTypes.string,\n    itemIcon: PropTypes.string,\n    itemTitle: PropTypes.string,\n    itemInfoIcon: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Number of columns to render. One, two, or whatever fits the component's width.\n   */\n  layout: PropTypes.oneOf([\"single\", \"dual\", \"fluid\"]),\n\n  /**\n   * Title to be displayed on the header of the component.\n   */\n  title: PropTypes.string,\n  /**\n   * The list of applications to be used to render the actions on the component.\n   */\n  applications: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * Id of the application.\n       */\n      id: PropTypes.string,\n      /**\n       * Name of the application, this is the value that will be displayed on the component.\n       */\n      name: PropTypes.string.isRequired,\n      /**\n       * URL with the icon location to be used to represent the application.\n       * iconUrl will only be used if no iconElement is provided.\n       */\n      iconUrl: PropTypes.string,\n      /**\n       * Element to be added as the icon representing the application.\n       * The iconElement will be the primary option to be displayed.\n       */\n      iconElement: PropTypes.element,\n      /**\n       * Small description of the application.\n       */\n      description: PropTypes.string,\n      /**\n       *  URL where the application is accesible.\n       */\n      url: PropTypes.string,\n      /**\n       * Defines if the application should be opened in the same tab or in a new one.\n       */\n      target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n      /**\n       * If true, the item will be disabled.\n       */\n      disabled: PropTypes.bool,\n      /**\n       * True when the application is selected, false otherwise.\n       */\n      isSelected: PropTypes.bool,\n    })\n  ).isRequired,\n\n  /**\n   * Triggered when an action is clicked.\n   */\n  onActionClickedCallback: PropTypes.func,\n  /**\n   * Must return a boolean stating if the action element is selected or not.\n   */\n  isActionSelectedCallback: PropTypes.func,\n\n  /**\n   * Element to be added to the header container, if none is provided a label with the title will be added.\n   */\n  header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * Element to be added to the footer container.\n   */\n  footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n  /**\n   * Flag stating if the panel is opened or closed.\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n   */\n  isOpen: deprecatedPropType(PropTypes.bool),\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanel\" })(AppSwitcherPanel);\n"],"file":"AppSwitcherPanel.js"}
+{"version":3,"sources":["../../../src/AppSwitcherPanel/AppSwitcherPanel.js"],"names":["React","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","useDeprecated","styles","TitleWithTooltip","Action","AppSwitcherPanel","props","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","map","name","url","root","item","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","undefined","closed","open","actionsContainer","footerContainer","propTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,kBAAT,EAA6BC,UAA7B,QAA+C,mBAA/C;AAEA,SAASC,eAAT,EAA0BC,aAA1B,QAA+C,kCAA/C;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,OAAOC,gBAAP,MAA6B,oBAA7B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,gBAAgB,GAAIC,KAAD,IAAW;AAClC,QAAM;AACJC,IAAAA,EADI;AAGJC,IAAAA,SAHI;AAIJC,IAAAA,OAJI;AAMJC,IAAAA,MAAM,GAAG,QANL;AAQJC,IAAAA,KARI;AASJC,IAAAA,YATI;AAWJC,IAAAA,uBAAuB,GAAG,MAAM,CAAE,CAX9B;AAYJC,IAAAA,wBAAwB,GAAG,MAAM,KAZ7B;AAcJC,IAAAA,MAdI;AAeJC,IAAAA,MAfI;AAiBJC,IAAAA;AAjBI,MAkBFX,KAlBJ;AAoBAL,EAAAA,aAAa,CAAC,kBAAD,EAAqB,mDAArB,CAAb;;AAEA,QAAMiB,aAAa,GAAG,CAACC,KAAD,EAAQC,WAAR,KAAwB;AAC5CP,IAAAA,uBAAuB,SAAvB,IAAAA,uBAAuB,WAAvB,YAAAA,uBAAuB,CAAGM,KAAH,EAAUC,WAAV,CAAvB;AACD,GAFD;;AAIA,QAAMC,YAAY,GAAGT,YAAY,CAACU,GAAb,CAAkBF,WAAD,IAAiB;AACrD,QAAIA,WAAW,CAACG,IAAhB,EAAsB;AACpB,0BACE,oBAAC,MAAD;AACE,QAAA,GAAG,EAAEH,WAAW,CAACb,EAAZ,IAAmB,GAAEa,WAAW,CAACG,IAAK,IAAGH,WAAW,CAACI,GAAI,EADhE;AAEE,QAAA,WAAW,EAAEJ,WAFf;AAGE,QAAA,eAAe,EAAEF,aAHnB;AAIE,QAAA,kBAAkB,EAAEJ,wBAJtB;AAKE,QAAA,OAAO,EAAE;AACPW,UAAAA,IAAI,EAAEhB,OAAO,CAACiB,IADP;AAEPC,UAAAA,QAAQ,EAAElB,OAAO,CAACmB,YAFX;AAGPC,UAAAA,QAAQ,EAAEpB,OAAO,CAACqB,YAHX;AAIPC,UAAAA,UAAU,EAAEtB,OAAO,CAACuB,WAJb;AAKPC,UAAAA,IAAI,EAAExB,OAAO,CAACyB,QALP;AAMPvB,UAAAA,KAAK,EAAEF,OAAO,CAAC0B,SANR;AAOPC,UAAAA,QAAQ,EAAE3B,OAAO,CAAC4B;AAPX;AALX,QADF;AAiBD;;AAED,WAAOC,SAAP;AACD,GAtBoB,CAArB;AAwBA,sBACE;AACE,IAAA,EAAE,EAAE/B,EADN;AAEE,IAAA,SAAS,EAAEV,IAAI,CAACW,SAAD,EAAYC,OAAO,CAACgB,IAApB,EAA0BhB,OAAO,CAACC,MAAD,CAAjC,EACKO,MAAM,KAAK,KADhB,IACZR,OAAO,CAAC8B,MADI,EAEGtB,MAFH,IAEZR,OAAO,CAAC+B,IAFI;AAFjB,KAOIzB,MAAM,iBAAI;AAAK,IAAA,SAAS,EAAEN,OAAO,CAACE;AAAxB,KAAgCI,MAAhC,CAAX,IACEJ,KAAK,iBAAI,oBAAC,gBAAD;AAAkB,IAAA,SAAS,EAAEF,OAAO,CAACE,KAArC;AAA4C,IAAA,KAAK,EAAEA;AAAnD,IARd,eASE,oBAAC,eAAD;AAAiB,IAAA,cAAc,MAA/B;AAAgC,IAAA,SAAS,EAAEF,OAAO,CAACgC;AAAnD,KACGpB,YADH,CATF,EAYGL,MAAM,iBAAI;AAAK,IAAA,SAAS,EAAEP,OAAO,CAACiC;AAAxB,KAA0C1B,MAA1C,CAZb,CADF;AAgBD,CAnED;;AAqEA,wCAAAX,gBAAgB,CAACsC,SAAjB,GAA6B;AAC3B;AACF;AACA;AACEpC,EAAAA,EAAE,EAAEX,SAAS,CAACgD,MAJa;;AAM3B;AACF;AACA;AACEpC,EAAAA,SAAS,EAAEZ,SAAS,CAACgD,MATM;;AAU3B;AACF;AACA;AACEnC,EAAAA,OAAO,EAAEb,SAAS,CAACiD,KAAV,CAAgB;AACvBpB,IAAAA,IAAI,EAAE7B,SAAS,CAACgD,MADO;AAEvBE,IAAAA,MAAM,EAAElD,SAAS,CAACgD,MAFK;AAGvBG,IAAAA,IAAI,EAAEnD,SAAS,CAACgD,MAHO;AAIvBI,IAAAA,KAAK,EAAEpD,SAAS,CAACgD,MAJM;AAKvBjC,IAAAA,KAAK,EAAEf,SAAS,CAACgD,MALM;AAMvBH,IAAAA,gBAAgB,EAAE7C,SAAS,CAACgD,MANL;AAOvBF,IAAAA,eAAe,EAAE9C,SAAS,CAACgD,MAPJ;AAQvBL,IAAAA,MAAM,EAAE3C,SAAS,CAACgD,MARK;AASvBJ,IAAAA,IAAI,EAAE5C,SAAS,CAACgD,MATO;AAWvBlB,IAAAA,IAAI,EAAE9B,SAAS,CAACgD,MAXO;AAYvBhB,IAAAA,YAAY,EAAEhC,SAAS,CAACgD,MAZD;AAavBd,IAAAA,YAAY,EAAElC,SAAS,CAACgD,MAbD;AAcvBZ,IAAAA,WAAW,EAAEpC,SAAS,CAACgD,MAdA;AAevBV,IAAAA,QAAQ,EAAEtC,SAAS,CAACgD,MAfG;AAgBvBT,IAAAA,SAAS,EAAEvC,SAAS,CAACgD,MAhBE;AAiBvBP,IAAAA,YAAY,EAAEzC,SAAS,CAACgD;AAjBD,GAAhB,EAkBNK,UA/BwB;;AAiC3B;AACF;AACA;AACEvC,EAAAA,MAAM,EAAEd,SAAS,CAACsD,KAAV,CAAgB,CAAC,QAAD,EAAW,MAAX,EAAmB,OAAnB,CAAhB,CApCmB;;AAsC3B;AACF;AACA;AACEvC,EAAAA,KAAK,EAAEf,SAAS,CAACgD,MAzCU;;AA0C3B;AACF;AACA;AACEhC,EAAAA,YAAY,EAAEhB,SAAS,CAACuD,OAAV,CACZvD,SAAS,CAACiD,KAAV,CAAgB;AACd;AACN;AACA;AACMtC,IAAAA,EAAE,EAAEX,SAAS,CAACgD,MAJA;;AAKd;AACN;AACA;AACMrB,IAAAA,IAAI,EAAE3B,SAAS,CAACgD,MAAV,CAAiBK,UART;;AASd;AACN;AACA;AACA;AACMG,IAAAA,OAAO,EAAExD,SAAS,CAACgD,MAbL;;AAcd;AACN;AACA;AACA;AACMS,IAAAA,WAAW,EAAEzD,SAAS,CAAC0D,OAlBT;;AAmBd;AACN;AACA;AACMC,IAAAA,WAAW,EAAE3D,SAAS,CAACgD,MAtBT;;AAuBd;AACN;AACA;AACMpB,IAAAA,GAAG,EAAE5B,SAAS,CAACgD,MA1BD;;AA2Bd;AACN;AACA;AACMY,IAAAA,MAAM,EAAE5D,SAAS,CAACsD,KAAV,CAAgB,CAAC,MAAD,EAAS,QAAT,CAAhB,CA9BM;;AA+Bd;AACN;AACA;AACMrB,IAAAA,QAAQ,EAAEjC,SAAS,CAAC6D,IAlCN;;AAmCd;AACN;AACA;AACMC,IAAAA,UAAU,EAAE9D,SAAS,CAAC6D;AAtCR,GAAhB,CADY,EAyCZR,UAtFyB;;AAwF3B;AACF;AACA;AACEpC,EAAAA,uBAAuB,EAAEjB,SAAS,CAAC+D,IA3FR;;AA4F3B;AACF;AACA;AACE7C,EAAAA,wBAAwB,EAAElB,SAAS,CAAC+D,IA/FT;;AAiG3B;AACF;AACA;AACE5C,EAAAA,MAAM,EAAEnB,SAAS,CAACgE,SAAV,CAAoB,CAAChE,SAAS,CAACgD,MAAX,EAAmBhD,SAAS,CAACiE,IAA7B,CAApB,CApGmB;;AAqG3B;AACF;AACA;AACE7C,EAAAA,MAAM,EAAEpB,SAAS,CAACgE,SAAV,CAAoB,CAAChE,SAAS,CAACgD,MAAX,EAAmBhD,SAAS,CAACiE,IAA7B,CAApB,CAxGmB;;AA0G3B;AACF;AACA;AACA;AACA;AACE5C,EAAAA,MAAM,EAAEnB,kBAAkB,CAACF,SAAS,CAAC6D,IAAX;AA/GC,CAA7B;AAkHA,eAAe1D,UAAU,CAACG,MAAD,EAAS;AAAEqB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAmDlB,gBAAnD,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\n\nimport { HvListContainer, useDeprecated } from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport Action from \"./Action\";\n\nconst AppSwitcherPanel = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    layout = \"single\",\n\n    title,\n    applications,\n\n    onActionClickedCallback = () => {},\n    isActionSelectedCallback = () => false,\n\n    header,\n    footer,\n\n    isOpen,\n  } = props;\n\n  useDeprecated(\"AppSwitcherPanel\", \"Please use the AppSwitcherPanel component in Core\");\n\n  const actionClicked = (event, application) => {\n    onActionClickedCallback?.(event, application);\n  };\n\n  const panelActions = applications.map((application) => {\n    if (application.name) {\n      return (\n        <Action\n          key={application.id || `${application.name}_${application.url}`}\n          application={application}\n          onClickCallback={actionClicked}\n          isSelectedCallback={isActionSelectedCallback}\n          classes={{\n            root: classes.item,\n            selected: classes.itemSelected,\n            disabled: classes.itemDisabled,\n            typography: classes.itemTrigger,\n            icon: classes.itemIcon,\n            title: classes.itemTitle,\n            iconInfo: classes.itemInfoIcon,\n          }}\n        />\n      );\n    }\n\n    return undefined;\n  });\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root, classes[layout], {\n        [classes.closed]: isOpen === false,\n        [classes.open]: isOpen,\n      })}\n    >\n      {(header && <div className={classes.title}>{header}</div>) ||\n        (title && <TitleWithTooltip className={classes.title} title={title} />)}\n      <HvListContainer disableGutters className={classes.actionsContainer}>\n        {panelActions}\n      </HvListContainer>\n      {footer && <div className={classes.footerContainer}>{footer}</div>}\n    </div>\n  );\n};\n\nAppSwitcherPanel.propTypes = {\n  /**\n   * Identifier to be applied to the root element.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    single: PropTypes.string,\n    dual: PropTypes.string,\n    fluid: PropTypes.string,\n    title: PropTypes.string,\n    actionsContainer: PropTypes.string,\n    footerContainer: PropTypes.string,\n    closed: PropTypes.string,\n    open: PropTypes.string,\n\n    item: PropTypes.string,\n    itemSelected: PropTypes.string,\n    itemDisabled: PropTypes.string,\n    itemTrigger: PropTypes.string,\n    itemIcon: PropTypes.string,\n    itemTitle: PropTypes.string,\n    itemInfoIcon: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Number of columns to render. One, two, or whatever fits the component's width.\n   */\n  layout: PropTypes.oneOf([\"single\", \"dual\", \"fluid\"]),\n\n  /**\n   * Title to be displayed on the header of the component.\n   */\n  title: PropTypes.string,\n  /**\n   * The list of applications to be used to render the actions on the component.\n   */\n  applications: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * Id of the application.\n       */\n      id: PropTypes.string,\n      /**\n       * Name of the application, this is the value that will be displayed on the component.\n       */\n      name: PropTypes.string.isRequired,\n      /**\n       * URL with the icon location to be used to represent the application.\n       * iconUrl will only be used if no iconElement is provided.\n       */\n      iconUrl: PropTypes.string,\n      /**\n       * Element to be added as the icon representing the application.\n       * The iconElement will be the primary option to be displayed.\n       */\n      iconElement: PropTypes.element,\n      /**\n       * Small description of the application.\n       */\n      description: PropTypes.string,\n      /**\n       *  URL where the application is accesible.\n       */\n      url: PropTypes.string,\n      /**\n       * Defines if the application should be opened in the same tab or in a new one.\n       */\n      target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n      /**\n       * If true, the item will be disabled.\n       */\n      disabled: PropTypes.bool,\n      /**\n       * True when the application is selected, false otherwise.\n       */\n      isSelected: PropTypes.bool,\n    })\n  ).isRequired,\n\n  /**\n   * Triggered when an action is clicked.\n   */\n  onActionClickedCallback: PropTypes.func,\n  /**\n   * Must return a boolean stating if the action element is selected or not.\n   */\n  isActionSelectedCallback: PropTypes.func,\n\n  /**\n   * Element to be added to the header container, if none is provided a label with the title will be added.\n   */\n  header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * Element to be added to the footer container.\n   */\n  footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n  /**\n   * Flag stating if the panel is opened or closed.\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n   */\n  isOpen: deprecatedPropType(PropTypes.bool),\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanel\" })(AppSwitcherPanel);\n"],"file":"AppSwitcherPanel.js"}

package/dist/modern/DotPagination/DotPagination.d.ts

@@ -1,11 +1,26 @@
-import * as React from "react";
 import { StandardProps } from "@material-ui/core";
+import { HvRadioGroupProps } from "@hitachivantara/uikit-react-core";
 
-export type HvDotPaginationClassKey = "root";
+export type HvDotPaginationClassKey = "root" | "horizontal" | "radioRoot";
 
-export type HvDotPaginationProps = StandardProps<
-  React.HTMLAttributes<HTMLDivElement>,
-  HvDotPaginationClassKey
->;
+export interface HvDotPaginationProps
+  extends StandardProps<HvRadioGroupProps, HvDotPaginationClassKey> {
+  /**
+   *  The number of pages the component has.
+   */
+  pages?: number;
+  /**
+   * The currently selected page.
+   */
+  page?: number;
+  /**
+   * The callback fired when the page value changes.
+   */
+  onPageChange?: (event: Event, page: number) => void;
+  /**
+   * The callback fired to get the page aria label.
+   */
+  getItemAriaLabel?: (page: number) => string;
+}
 
 export default function HvDotPagination(props: HvDotPaginationProps): JSX.Element | null;

package/dist/modern/DotPagination/DotPagination.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["className", "classes", "pages", "page", "onPageChange", "getItemAriaLabel", "id"];
+const _excluded = ["className", "classes", "pages", "page", "onPageChange", "getItemAriaLabel"];
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -28,7 +28,8 @@ export const getSelectorIcons = (classes, options) => {
   };
 };
 /**
- * DotPagination description/documentation paragraph
+ * Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.
+ * This component uses Radio Buttons to represent each page.
  */
 
 const HvDotPagination = props => {
@@ -38,33 +39,31 @@ const HvDotPagination = props => {
     pages = 1,
     page = 0,
     onPageChange,
-    getItemAriaLabel,
-    id
+    getItemAriaLabel
   } = props,
         others = _objectWithoutProperties(props, _excluded);
 
   const range = n => Array.from(Array(n), (v, i) => i);
 
   const icons = getSelectorIcons(classes, {});
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: clsx(className, classes.root)
-  }, others), /*#__PURE__*/React.createElement(HvRadioGroup, {
+  return /*#__PURE__*/React.createElement(HvRadioGroup, _extends({
+    className: clsx(className, classes.root),
     classes: {
       horizontal: classes.horizontal
     },
     orientation: "horizontal"
-  }, range(pages).map((pg, i) => /*#__PURE__*/React.createElement(HvRadio, {
+  }, others), range(pages).map(i => /*#__PURE__*/React.createElement(HvRadio, {
     classes: {
       root: classes.radioRoot
     },
-    key: `dot_navigation${id && id.toString()}_item${i.toString()}`,
+    key: i,
     value: i,
     checked: page === i,
-    onChange: () => onPageChange(i),
+    onChange: event => onPageChange(event, i),
     icon: icons.radio,
     checkedIcon: icons.radioChecked,
     "aria-label": getItemAriaLabel(i)
-  }))));
+  })));
 };
 
 process.env.NODE_ENV !== "production" ? HvDotPagination.propTypes = {
@@ -99,7 +98,7 @@ process.env.NODE_ENV !== "production" ? HvDotPagination.propTypes = {
   pages: PropTypes.number,
 
   /**
-   * The currently selected page (0-indexed).
+   * The currently selected page.
    */
   page: PropTypes.number,
 
@@ -111,12 +110,7 @@ process.env.NODE_ENV !== "production" ? HvDotPagination.propTypes = {
   /**
    * Function called to get the respective aria label.
    */
-  getItemAriaLabel: PropTypes.func,
-
-  /**
-   *  Component id used to generate unique radio keys ( to avoid repeated keys in case multiple dotPagination components are needed)
-   */
-  id: PropTypes.number
+  getItemAriaLabel: PropTypes.func
 } : void 0;
 export default withStyles(styles, {
   name: "HvDotPagination"

package/dist/modern/DotPagination/DotPagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/DotPagination/DotPagination.js"],"names":["React","PropTypes","clsx","withStyles","HvRadio","HvRadioGroup","CurrentStep","RadioButtonUnselected","styles","getSelectorIcons","classes","options","disabled","color","undefined","checkedColor","radio","icon","radioChecked","HvDotPagination","props","className","pages","page","onPageChange","getItemAriaLabel","id","others","range","n","Array","from","v","i","icons","root","horizontal","map","pg","radioRoot","toString","propTypes","string","shape","isRequired","number","func","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { HvRadio, HvRadioGroup } from \"@hitachivantara/uikit-react-core\";\nimport { CurrentStep, RadioButtonUnselected } from \"@hitachivantara/uikit-react-icons\";\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n  const { disabled } = options;\n  const color = (disabled && [\"atmo3\", \"atmo5\"]) || undefined;\n  const checkedColor = (disabled && [\"atmo3\", \"atmo5\"]) || undefined;\n\n  return {\n    radio: <RadioButtonUnselected color={color} className={classes.icon} iconSize=\"XS\" />,\n    radioChecked: <CurrentStep color={checkedColor} className={classes.icon} iconSize=\"XS\" />,\n  };\n};\n\n/**\n * DotPagination description/documentation paragraph\n */\nconst HvDotPagination = (props) => {\n  const {\n    className,\n    classes,\n    pages = 1,\n    page = 0,\n    onPageChange,\n    getItemAriaLabel,\n    id,\n    ...others\n  } = props;\n\n  const range = (n) => Array.from(Array(n), (v, i) => i);\n\n  const icons = getSelectorIcons(classes, {});\n\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      <HvRadioGroup classes={{ horizontal: classes.horizontal }} orientation=\"horizontal\">\n        {range(pages).map((pg, i) => (\n          <HvRadio\n            classes={{ root: classes.radioRoot }}\n            key={`dot_navigation${id && id.toString()}_item${i.toString()}`}\n            value={i}\n            checked={page === i}\n            onChange={() => onPageChange(i)}\n            icon={icons.radio}\n            checkedIcon={icons.radioChecked}\n            aria-label={getItemAriaLabel(i)}\n          />\n        ))}\n      </HvRadioGroup>\n    </div>\n  );\n};\n\nHvDotPagination.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.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the radio button group to overrrite horizontal class margins.\n     */\n    horizontal: PropTypes.string,\n    /**\n     *  Styles applied to the radio root ( to override radio group horizontal )\n     */\n    radioRoot: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The number of pages the component has.\n   */\n  pages: PropTypes.number,\n  /**\n   * The currently selected page (0-indexed).\n   */\n  page: PropTypes.number,\n  /**\n   * Function called when the page changes.\n   */\n  onPageChange: PropTypes.func,\n  /**\n   * Function called to get the respective aria label.\n   */\n  getItemAriaLabel: PropTypes.func,\n  /**\n   *  Component id used to generate unique radio keys ( to avoid repeated keys in case multiple dotPagination components are needed)\n   */\n  id: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvDotPagination\" })(HvDotPagination);\n"],"file":"DotPagination.js"}
+{"version":3,"sources":["../../../src/DotPagination/DotPagination.js"],"names":["React","PropTypes","clsx","withStyles","HvRadio","HvRadioGroup","CurrentStep","RadioButtonUnselected","styles","getSelectorIcons","classes","options","disabled","color","undefined","checkedColor","radio","icon","radioChecked","HvDotPagination","props","className","pages","page","onPageChange","getItemAriaLabel","others","range","n","Array","from","v","i","icons","root","horizontal","map","radioRoot","event","propTypes","string","shape","isRequired","number","func","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { HvRadio, HvRadioGroup } from \"@hitachivantara/uikit-react-core\";\nimport { CurrentStep, RadioButtonUnselected } from \"@hitachivantara/uikit-react-icons\";\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n  const { disabled } = options;\n  const color = (disabled && [\"atmo3\", \"atmo5\"]) || undefined;\n  const checkedColor = (disabled && [\"atmo3\", \"atmo5\"]) || undefined;\n\n  return {\n    radio: <RadioButtonUnselected color={color} className={classes.icon} iconSize=\"XS\" />,\n    radioChecked: <CurrentStep color={checkedColor} className={classes.icon} iconSize=\"XS\" />,\n  };\n};\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.\n * This component uses Radio Buttons to represent each page.\n */\nconst HvDotPagination = (props) => {\n  const {\n    className,\n    classes,\n    pages = 1,\n    page = 0,\n    onPageChange,\n    getItemAriaLabel,\n    ...others\n  } = props;\n\n  const range = (n) => Array.from(Array(n), (v, i) => i);\n\n  const icons = getSelectorIcons(classes, {});\n\n  return (\n    <HvRadioGroup\n      className={clsx(className, classes.root)}\n      classes={{ horizontal: classes.horizontal }}\n      orientation=\"horizontal\"\n      {...others}\n    >\n      {range(pages).map((i) => (\n        <HvRadio\n          classes={{ root: classes.radioRoot }}\n          key={i}\n          value={i}\n          checked={page === i}\n          onChange={(event) => onPageChange(event, i)}\n          icon={icons.radio}\n          checkedIcon={icons.radioChecked}\n          aria-label={getItemAriaLabel(i)}\n        />\n      ))}\n    </HvRadioGroup>\n  );\n};\n\nHvDotPagination.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.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the radio button group to overrrite horizontal class margins.\n     */\n    horizontal: PropTypes.string,\n    /**\n     *  Styles applied to the radio root ( to override radio group horizontal )\n     */\n    radioRoot: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The number of pages the component has.\n   */\n  pages: PropTypes.number,\n  /**\n   * The currently selected page.\n   */\n  page: PropTypes.number,\n  /**\n   * Function called when the page changes.\n   */\n  onPageChange: PropTypes.func,\n  /**\n   * Function called to get the respective aria label.\n   */\n  getItemAriaLabel: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvDotPagination\" })(HvDotPagination);\n"],"file":"DotPagination.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-lab",
-  "version": "3.41.10",
+  "version": "3.42.0",
   "description": "A collection of contributed React components for the Hitachi Vantara's Design System.",
   "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "license": "Apache-2.0",
@@ -46,7 +46,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.16.3",
-    "@hitachivantara/uikit-react-core": "^3.62.6",
+    "@hitachivantara/uikit-react-core": "^3.63.0",
     "@hitachivantara/uikit-react-icons": "^3.8.4",
     "@types/react-table": "^7.7.8",
     "clsx": "^1.1.1",
@@ -83,5 +83,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "28769b802d7a8370b9d330cd62f964cf82b9f0a4"
+  "gitHead": "4c00970fd46a9d40faccaf1a935a66b09925e174"
 }