@hitachivantara/uikit-react-core 3.66.1 → 3.66.2

package/dist/legacy/Provider/Provider.js

@@ -1,8 +1,6 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
 var _CssBaseline;
 
-import React, { useState, useEffect, useMemo } from "react";
+import React, { useMemo } from "react";
 import PropTypes from "prop-types";
 import set from "lodash/set";
 import merge from "lodash/merge";
@@ -67,6 +65,8 @@ var applyCustomTheme = function applyCustomTheme(InputTargetTheme, InputSourceTh
 
 
 var HvProvider = function HvProvider(_ref) {
+  var _navigator$language, _navigator;
+
   var children = _ref.children,
       _ref$uiKitTheme = _ref.uiKitTheme,
       uiKitTheme = _ref$uiKitTheme === void 0 ? "dawn" : _ref$uiKitTheme,
@@ -81,18 +81,7 @@ var HvProvider = function HvProvider(_ref) {
       injectStylesFirst = _ref$injectStylesFirs === void 0 ? false : _ref$injectStylesFirs,
       _ref$disableStylesGen = _ref.disableStylesGeneration,
       disableStylesGeneration = _ref$disableStylesGen === void 0 ? false : _ref$disableStylesGen;
-
-  var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      localeSetting = _useState2[0],
-      setLocaleStting = _useState2[1];
-
-  useEffect(function () {
-    var _navigator$language, _navigator;
-
-    // ssr - only runs at the rendering phase, so it won't run on the server
-    setLocaleStting(locale || ((_navigator$language = (_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.language) !== null && _navigator$language !== void 0 ? _navigator$language : "en-US"));
-  }, [locale]);
+  var localeSetting = locale || ((_navigator$language = (_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.language) !== null && _navigator$language !== void 0 ? _navigator$language : "en-US");
   var rawUiKitTheme = getTheme(uiKitTheme);
   var customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);
   var generateClassName = generateClassNameProp || createGenerateClassName(generateClassNameOptions);

package/dist/legacy/Provider/Provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","names":["React","useState","useEffect","useMemo","PropTypes","set","merge","isEmpty","cloneDeep","diff","ThemeProvider","MuiThemeProvider","StylesProvider","MuiStylesProvider","createTheme","themeBuilder","createGenerateClassName","CssBaseline","getTheme","ConfigContext","applyCustomTheme","InputTargetTheme","InputSourceTheme","muiDefaultTheme","targetTheme","sourceTheme","deleteDifference","observableDiff","difference","partialCustomTheme","path","rhs","kind","HvProvider","children","uiKitTheme","theme","changeTheme","locale","generateClassNameProp","generateClassName","generateClassNameOptions","injectStylesFirst","disableStylesGeneration","localeSetting","setLocaleStting","navigator","language","rawUiKitTheme","customTheme","pConfig","propTypes","node","isRequired","oneOf","instanceOf","Object","func","string","shape","disableGlobal","bool","productionPrefix","seed"],"sources":["../../../src/Provider/Provider.js"],"sourcesContent":["import React, { useState, useEffect, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport set from \"lodash/set\";\nimport merge from \"lodash/merge\";\nimport isEmpty from \"lodash/isEmpty\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport diff from \"deep-diff\";\n\nimport \"focus-within-polyfill\";\nimport \"focus-visible\";\n\nimport {\n  ThemeProvider as MuiThemeProvider,\n  StylesProvider as MuiStylesProvider,\n} from \"@material-ui/core\";\nimport { createTheme } from \"@material-ui/core/styles\";\n\nimport { themeBuilder, createGenerateClassName, CssBaseline, getTheme } from \"../theme\";\n\nimport ConfigContext from \"./context\";\n\n/**\n * Augments the target theme with the differences found in the source theme.\n *\n * @param {Object} InputTargetTheme - A material UI Theme to be changed.\n * @param {Object} InputSourceTheme - A material UI Theme to apply on top.\n * @returns {Object} - A new modified material UI theme.\n */\nconst applyCustomTheme = (InputTargetTheme, InputSourceTheme) => {\n  const muiDefaultTheme = createTheme();\n  const targetTheme = cloneDeep(InputTargetTheme);\n  const sourceTheme = cloneDeep(InputSourceTheme);\n  const deleteDifference = \"D\";\n  if (!isEmpty(targetTheme) && !isEmpty(sourceTheme)) {\n    diff.observableDiff(muiDefaultTheme, sourceTheme, (difference) => {\n      const partialCustomTheme = set({}, difference.path, difference.rhs);\n      if (difference.kind !== deleteDifference) {\n        // Do not include the differences of type \"delete\"\n        merge(targetTheme, partialCustomTheme);\n      }\n    });\n    return targetTheme;\n  }\n  return targetTheme;\n};\n\n/**\n * This component makes cross-component properties, like the active `theme` and `locale`,\n * available down the React tree thanks to React context.\n *\n * This component should preferably be used at **the root of your component tree** and\n * be unique in the App in most cases.\n *\n * ```jsx\n * <HvProvider>\n *   <MyApp />\n * <HvProvider/>\n * ```\n *\n * If several `HvProvider`'s are used, either nested or in paralel, the `generateClassNameOptions`\n * must be tweaked to avoid CSS classnames colision. Or a custom JSS's class name generator can\n * be provided via the `generateClassName` property.\n *\n * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,\n * as they will not be able to access the properties of the active theme..\n *\n */\nconst HvProvider = ({\n  children,\n\n  uiKitTheme = \"dawn\",\n  theme = null,\n  changeTheme = () => {},\n\n  locale,\n\n  generateClassName: generateClassNameProp,\n  generateClassNameOptions,\n  injectStylesFirst = false,\n  disableStylesGeneration = false,\n}) => {\n  const [localeSetting, setLocaleStting] = useState();\n\n  useEffect(() => {\n    // ssr - only runs at the rendering phase, so it won't run on the server\n    setLocaleStting(locale || (navigator?.language ?? \"en-US\"));\n  }, [locale]);\n\n  const rawUiKitTheme = getTheme(uiKitTheme);\n  const customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);\n\n  const generateClassName =\n    generateClassNameProp || createGenerateClassName(generateClassNameOptions);\n\n  const pConfig = useMemo(\n    () => ({ changeTheme, locale: localeSetting }),\n    [changeTheme, localeSetting]\n  );\n\n  return (\n    <MuiStylesProvider\n      generateClassName={generateClassName}\n      injectFirst={injectStylesFirst}\n      disableGeneration={disableStylesGeneration}\n    >\n      <MuiThemeProvider theme={customTheme}>\n        <CssBaseline />\n        <ConfigContext.Provider value={pConfig}>{children}</ConfigContext.Provider>\n      </MuiThemeProvider>\n    </MuiStylesProvider>\n  );\n};\n\nHvProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * The Design System base theme in use. Defaults to `\"dawn\"`.\n   */\n  uiKitTheme: PropTypes.oneOf([\"dawn\", \"wicked\"]),\n  /**\n   * The UI Kit theme object to be applied on top of the base theme.\n   */\n  theme: PropTypes.instanceOf(Object),\n  /**\n   * Function stored in the provider's context to allow runtime switching of the active theme.\n   * The implementation is up to each App.\n   */\n  changeTheme: PropTypes.func,\n\n  /**\n   * The locale to be used.\n   * Defaults to the browser's configured locale or \"en-US\" if not available.\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Custom JSS's class name generator.\n   */\n  generateClassName: PropTypes.func,\n  /**\n   * Built-in JSS's class name generator options.\n   * Ignored if a custom `generateClassName` is provided.\n   *\n   * `disableGlobal`: Disable the generation of deterministic class names. Defaults to `false`.\n   *\n   * `productionPrefix`: The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n   *\n   * `seed`: The string used to uniquely identify the generator. Defaults to `\"\"`.\n   *         It can be used to avoid class name collisions when using multiple generators in the same document.\n   */\n  generateClassNameOptions: PropTypes.shape({\n    /**\n     * Disable the generation of deterministic class names. Defaults to `false`.\n     */\n    disableGlobal: PropTypes.bool,\n    /**\n     * The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n     */\n    productionPrefix: PropTypes.string,\n    /**\n     * The string used to uniquely identify the generator. Defaults to `\"\"`.\n     * It can be used to avoid class name collisions when using multiple generators in the same document.\n     */\n    seed: PropTypes.string,\n  }),\n  /**\n   * Injects the generated stylesheets at the top of the `<head>` element of the page.\n   * This can ease the override of UI Kit components styles.\n   *\n   * By default, the styles are injected last in the `<head>` element of the page.\n   */\n  injectStylesFirst: PropTypes.bool,\n  /**\n   * Disables the generation of the styles.\n   */\n  disableStylesGeneration: PropTypes.bool,\n};\n\nexport default HvProvider;\n"],"mappings":"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"}
+{"version":3,"file":"Provider.js","names":["React","useMemo","PropTypes","set","merge","isEmpty","cloneDeep","diff","ThemeProvider","MuiThemeProvider","StylesProvider","MuiStylesProvider","createTheme","themeBuilder","createGenerateClassName","CssBaseline","getTheme","ConfigContext","applyCustomTheme","InputTargetTheme","InputSourceTheme","muiDefaultTheme","targetTheme","sourceTheme","deleteDifference","observableDiff","difference","partialCustomTheme","path","rhs","kind","HvProvider","children","uiKitTheme","theme","changeTheme","locale","generateClassNameProp","generateClassName","generateClassNameOptions","injectStylesFirst","disableStylesGeneration","localeSetting","navigator","language","rawUiKitTheme","customTheme","pConfig","propTypes","node","isRequired","oneOf","instanceOf","Object","func","string","shape","disableGlobal","bool","productionPrefix","seed"],"sources":["../../../src/Provider/Provider.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport set from \"lodash/set\";\nimport merge from \"lodash/merge\";\nimport isEmpty from \"lodash/isEmpty\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport diff from \"deep-diff\";\n\nimport \"focus-within-polyfill\";\nimport \"focus-visible\";\n\nimport {\n  ThemeProvider as MuiThemeProvider,\n  StylesProvider as MuiStylesProvider,\n} from \"@material-ui/core\";\nimport { createTheme } from \"@material-ui/core/styles\";\n\nimport { themeBuilder, createGenerateClassName, CssBaseline, getTheme } from \"../theme\";\n\nimport ConfigContext from \"./context\";\n\n/**\n * Augments the target theme with the differences found in the source theme.\n *\n * @param {Object} InputTargetTheme - A material UI Theme to be changed.\n * @param {Object} InputSourceTheme - A material UI Theme to apply on top.\n * @returns {Object} - A new modified material UI theme.\n */\nconst applyCustomTheme = (InputTargetTheme, InputSourceTheme) => {\n  const muiDefaultTheme = createTheme();\n  const targetTheme = cloneDeep(InputTargetTheme);\n  const sourceTheme = cloneDeep(InputSourceTheme);\n  const deleteDifference = \"D\";\n  if (!isEmpty(targetTheme) && !isEmpty(sourceTheme)) {\n    diff.observableDiff(muiDefaultTheme, sourceTheme, (difference) => {\n      const partialCustomTheme = set({}, difference.path, difference.rhs);\n      if (difference.kind !== deleteDifference) {\n        // Do not include the differences of type \"delete\"\n        merge(targetTheme, partialCustomTheme);\n      }\n    });\n    return targetTheme;\n  }\n  return targetTheme;\n};\n\n/**\n * This component makes cross-component properties, like the active `theme` and `locale`,\n * available down the React tree thanks to React context.\n *\n * This component should preferably be used at **the root of your component tree** and\n * be unique in the App in most cases.\n *\n * ```jsx\n * <HvProvider>\n *   <MyApp />\n * <HvProvider/>\n * ```\n *\n * If several `HvProvider`'s are used, either nested or in paralel, the `generateClassNameOptions`\n * must be tweaked to avoid CSS classnames colision. Or a custom JSS's class name generator can\n * be provided via the `generateClassName` property.\n *\n * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,\n * as they will not be able to access the properties of the active theme..\n *\n */\nconst HvProvider = ({\n  children,\n\n  uiKitTheme = \"dawn\",\n  theme = null,\n  changeTheme = () => {},\n\n  locale,\n\n  generateClassName: generateClassNameProp,\n  generateClassNameOptions,\n  injectStylesFirst = false,\n  disableStylesGeneration = false,\n}) => {\n  const localeSetting = locale || (navigator?.language ?? \"en-US\");\n\n  const rawUiKitTheme = getTheme(uiKitTheme);\n  const customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);\n\n  const generateClassName =\n    generateClassNameProp || createGenerateClassName(generateClassNameOptions);\n\n  const pConfig = useMemo(\n    () => ({ changeTheme, locale: localeSetting }),\n    [changeTheme, localeSetting]\n  );\n\n  return (\n    <MuiStylesProvider\n      generateClassName={generateClassName}\n      injectFirst={injectStylesFirst}\n      disableGeneration={disableStylesGeneration}\n    >\n      <MuiThemeProvider theme={customTheme}>\n        <CssBaseline />\n        <ConfigContext.Provider value={pConfig}>{children}</ConfigContext.Provider>\n      </MuiThemeProvider>\n    </MuiStylesProvider>\n  );\n};\n\nHvProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * The Design System base theme in use. Defaults to `\"dawn\"`.\n   */\n  uiKitTheme: PropTypes.oneOf([\"dawn\", \"wicked\"]),\n  /**\n   * The UI Kit theme object to be applied on top of the base theme.\n   */\n  theme: PropTypes.instanceOf(Object),\n  /**\n   * Function stored in the provider's context to allow runtime switching of the active theme.\n   * The implementation is up to each App.\n   */\n  changeTheme: PropTypes.func,\n\n  /**\n   * The locale to be used.\n   * Defaults to the browser's configured locale or \"en-US\" if not available.\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Custom JSS's class name generator.\n   */\n  generateClassName: PropTypes.func,\n  /**\n   * Built-in JSS's class name generator options.\n   * Ignored if a custom `generateClassName` is provided.\n   *\n   * `disableGlobal`: Disable the generation of deterministic class names. Defaults to `false`.\n   *\n   * `productionPrefix`: The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n   *\n   * `seed`: The string used to uniquely identify the generator. Defaults to `\"\"`.\n   *         It can be used to avoid class name collisions when using multiple generators in the same document.\n   */\n  generateClassNameOptions: PropTypes.shape({\n    /**\n     * Disable the generation of deterministic class names. Defaults to `false`.\n     */\n    disableGlobal: PropTypes.bool,\n    /**\n     * The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n     */\n    productionPrefix: PropTypes.string,\n    /**\n     * The string used to uniquely identify the generator. Defaults to `\"\"`.\n     * It can be used to avoid class name collisions when using multiple generators in the same document.\n     */\n    seed: PropTypes.string,\n  }),\n  /**\n   * Injects the generated stylesheets at the top of the `<head>` element of the page.\n   * This can ease the override of UI Kit components styles.\n   *\n   * By default, the styles are injected last in the `<head>` element of the page.\n   */\n  injectStylesFirst: PropTypes.bool,\n  /**\n   * Disables the generation of the styles.\n   */\n  disableStylesGeneration: PropTypes.bool,\n};\n\nexport default HvProvider;\n"],"mappings":"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"}

package/dist/legacy/Stack/Stack.js

@@ -41,20 +41,20 @@ var getDirection = function getDirection(direction, width, breakpoints) {
  */
 
 
-var HvStack = function HvStack(props) {
-  var classes = props.classes,
-      children = props.children,
-      _props$direction = props.direction,
-      direction = _props$direction === void 0 ? "column" : _props$direction,
-      _props$spacing = props.spacing,
-      spacing = _props$spacing === void 0 ? "sm" : _props$spacing,
-      _props$divider = props.divider,
-      divider = _props$divider === void 0 ? false : _props$divider,
-      _props$withNavigation = props.withNavigation,
-      withNavigation = _props$withNavigation === void 0 ? false : _props$withNavigation,
-      _props$dividerProps = props.dividerProps,
-      dividerProps = _props$dividerProps === void 0 ? {} : _props$dividerProps,
-      others = _objectWithoutProperties(props, _excluded);
+var HvStack = function HvStack(_ref) {
+  var classes = _ref.classes,
+      children = _ref.children,
+      _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? "column" : _ref$direction,
+      _ref$spacing = _ref.spacing,
+      spacing = _ref$spacing === void 0 ? "sm" : _ref$spacing,
+      _ref$divider = _ref.divider,
+      divider = _ref$divider === void 0 ? false : _ref$divider,
+      _ref$withNavigation = _ref.withNavigation,
+      withNavigation = _ref$withNavigation === void 0 ? false : _ref$withNavigation,
+      _ref$dividerProps = _ref.dividerProps,
+      dividerProps = _ref$dividerProps === void 0 ? {} : _ref$dividerProps,
+      others = _objectWithoutProperties(_ref, _excluded);
 
   var width = useWidth();
   var theme = useTheme();

package/dist/legacy/Stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","names":["React","useMemo","useCallback","useRef","PropTypes","clsx","withStyles","Divider","useTheme","isString","isBoolean","styles","useWidth","Focus","getDirection","direction","width","breakpoints","i","indexOf","undefined","HvStack","props","classes","children","spacing","divider","withNavigation","dividerProps","others","theme","containerRef","keys","processedDirection","getDividerComponent","root","Children","map","child","length","propTypes","shape","string","isRequired","node","oneOfType","oneOf","xs","sm","md","lg","xl","bool","object","name"],"sources":["../../../src/Stack/Stack.js"],"sourcesContent":["import React, { useMemo, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, Divider, useTheme } from \"@material-ui/core\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport styles from \"./styles\";\nimport useWidth from \"../utils/useWidth\";\nimport Focus from \"../Focus\";\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n *                     `direction` property is a string and a valid direction then we\n *                     use it. If it's an object with multiple directions by breakpoint\n *                     we use the appropriate one or search for the nearest breakpoint\n *                     smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n  if (isString(direction)) return direction;\n\n  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n    if (direction[breakpoints[i]] !== undefined) {\n      return direction[breakpoints[i]];\n    }\n  }\n  return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the adition of a divider between the elements.\n */\nconst HvStack = (props) => {\n  const {\n    classes,\n    children,\n    direction = \"column\",\n    spacing = \"sm\",\n    divider = false,\n    withNavigation = false,\n    dividerProps = {},\n    ...others\n  } = props;\n  const width = useWidth();\n  const theme = useTheme();\n  const containerRef = useRef(null);\n\n  const breakpoints = useMemo(() => [...theme.breakpoints.keys], [theme]);\n\n  const processedDirection = useMemo(\n    () => getDirection(direction, width, breakpoints),\n    [direction, width, breakpoints]\n  );\n\n  /**\n   * @returns {node} - The divider component to use. If the property `divider` is\n   *                   set to `true` then the Material-UI divider is used, otherwise\n   *                   we use the custom divider the user passed.\n   */\n  const getDividerComponent = useCallback(() => {\n    if (isBoolean(divider) && divider) {\n      return (\n        <Divider\n          orientation={processedDirection === \"column\" ? \"horizontal\" : \"vertical\"}\n          flexItem={processedDirection === \"row\"}\n          role=\"separator\"\n          {...dividerProps}\n        />\n      );\n    }\n    return divider;\n  }, [divider, dividerProps, processedDirection]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(classes.root, classes[processedDirection], classes[spacing])}\n      {...others}\n    >\n      {React.Children.map(children, (child, i) => {\n        return (\n          <>\n            {divider && i !== 0 && getDividerComponent(divider, processedDirection)}\n            {withNavigation ? (\n              <Focus\n                rootRef={containerRef}\n                focusDisabled={false}\n                strategy=\"grid\"\n                navigationJump={processedDirection === \"column\" ? 1 : children.length}\n                filterClass=\"child\"\n              >\n                <div className=\"child\">{child}</div>\n              </Focus>\n            ) : (\n              child\n            )}\n          </>\n        );\n      })}\n    </div>\n  );\n};\n\nHvStack.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Children of the stack component.\n   */\n  children: PropTypes.node,\n  /**\n   * The direction of the stack.\n   * Can be either a string or an object that states the direction for each breakpoint.\n   */\n  direction: PropTypes.oneOfType([\n    PropTypes.oneOf([\"column\", \"row\"]),\n    PropTypes.shape({\n      xs: PropTypes.string,\n      sm: PropTypes.string,\n      md: PropTypes.string,\n      lg: PropTypes.string,\n      xl: PropTypes.string,\n    }),\n  ]),\n  /**\n   * The spacing between elements of the stack.\n   */\n  spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * The divider component to be used between the stack elements.\n   *\n   * - If `true` the Material-UI Divider component will be used.\n   *\n   * - If a React node is passed then the custom divider will be used.\n   */\n  divider: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),\n  /**\n   * The properties to pass on to the Material-UI component.\n   */\n  dividerProps: PropTypes.object,\n  /**\n   * Sets whether or not there should be arrow navigation between the stack elements\n   */\n  withNavigation: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvStack\" })(HvStack);\n"],"mappings":"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"}
+{"version":3,"file":"Stack.js","names":["React","useMemo","useCallback","useRef","PropTypes","clsx","withStyles","Divider","useTheme","isString","isBoolean","styles","useWidth","Focus","getDirection","direction","width","breakpoints","i","indexOf","undefined","HvStack","classes","children","spacing","divider","withNavigation","dividerProps","others","theme","containerRef","keys","processedDirection","getDividerComponent","root","Children","map","child","length","propTypes","shape","string","isRequired","node","oneOfType","oneOf","xs","sm","md","lg","xl","bool","object","name"],"sources":["../../../src/Stack/Stack.js"],"sourcesContent":["import React, { useMemo, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, Divider, useTheme } from \"@material-ui/core\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport styles from \"./styles\";\nimport useWidth from \"../utils/useWidth\";\nimport Focus from \"../Focus\";\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n *                     `direction` property is a string and a valid direction then we\n *                     use it. If it's an object with multiple directions by breakpoint\n *                     we use the appropriate one or search for the nearest breakpoint\n *                     smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n  if (isString(direction)) return direction;\n\n  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n    if (direction[breakpoints[i]] !== undefined) {\n      return direction[breakpoints[i]];\n    }\n  }\n  return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the adition of a divider between the elements.\n */\nconst HvStack = ({\n  classes,\n  children,\n  direction = \"column\",\n  spacing = \"sm\",\n  divider = false,\n  withNavigation = false,\n  dividerProps = {},\n  ...others\n}) => {\n  const width = useWidth();\n  const theme = useTheme();\n  const containerRef = useRef(null);\n\n  const breakpoints = useMemo(() => [...theme.breakpoints.keys], [theme]);\n\n  const processedDirection = useMemo(\n    () => getDirection(direction, width, breakpoints),\n    [direction, width, breakpoints]\n  );\n\n  /**\n   * @returns {node} - The divider component to use. If the property `divider` is\n   *                   set to `true` then the Material-UI divider is used, otherwise\n   *                   we use the custom divider the user passed.\n   */\n  const getDividerComponent = useCallback(() => {\n    if (isBoolean(divider) && divider) {\n      return (\n        <Divider\n          orientation={processedDirection === \"column\" ? \"horizontal\" : \"vertical\"}\n          flexItem={processedDirection === \"row\"}\n          role=\"separator\"\n          {...dividerProps}\n        />\n      );\n    }\n    return divider;\n  }, [divider, dividerProps, processedDirection]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(classes.root, classes[processedDirection], classes[spacing])}\n      {...others}\n    >\n      {React.Children.map(children, (child, i) => {\n        return (\n          <>\n            {divider && i !== 0 && getDividerComponent(divider, processedDirection)}\n            {withNavigation ? (\n              <Focus\n                rootRef={containerRef}\n                focusDisabled={false}\n                strategy=\"grid\"\n                navigationJump={processedDirection === \"column\" ? 1 : children.length}\n                filterClass=\"child\"\n              >\n                <div className=\"child\">{child}</div>\n              </Focus>\n            ) : (\n              child\n            )}\n          </>\n        );\n      })}\n    </div>\n  );\n};\n\nHvStack.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Children of the stack component.\n   */\n  children: PropTypes.node,\n  /**\n   * The direction of the stack.\n   * Can be either a string or an object that states the direction for each breakpoint.\n   */\n  direction: PropTypes.oneOfType([\n    PropTypes.oneOf([\"column\", \"row\"]),\n    PropTypes.shape({\n      xs: PropTypes.string,\n      sm: PropTypes.string,\n      md: PropTypes.string,\n      lg: PropTypes.string,\n      xl: PropTypes.string,\n    }),\n  ]),\n  /**\n   * The spacing between elements of the stack.\n   */\n  spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * The divider component to be used between the stack elements.\n   *\n   * - If `true` the Material-UI Divider component will be used.\n   *\n   * - If a React node is passed then the custom divider will be used.\n   */\n  divider: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),\n  /**\n   * The properties to pass on to the Material-UI component.\n   */\n  dividerProps: PropTypes.object,\n  /**\n   * Sets whether or not there should be arrow navigation between the stack elements\n   */\n  withNavigation: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvStack\" })(HvStack);\n"],"mappings":"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"}

package/dist/legacy/index.d.ts

@@ -22,6 +22,9 @@ export * from "./Badge";
 export { default as HvBanner } from "./Banner";
 export * from "./Banner";
 
+export { default as HvBarchart } from "./Barchart";
+export * from "./Barchart";
+
 export { default as HvBreadcrumb } from "./BreadCrumb";
 export * from "./BreadCrumb";
 
@@ -42,6 +45,9 @@ export * from "./Container";
 export { default as HvDatePicker } from "./DatePicker";
 export * from "./DatePicker";
 
+export { default as HvDonutchart } from "./Donutchart";
+export * from "./Donutchart";
+
 export { default as HvDropdown } from "./Dropdown";
 export * from "./Dropdown";
 
@@ -86,6 +92,9 @@ export * from "./Forms/Label";
 export { default as HvKpi } from "./Kpi";
 export * from "./Kpi";
 
+export { default as HvLinechart } from "./Linechart";
+export * from "./Linechart";
+
 export { default as HvLink } from "./Link";
 export * from "./Link";
 

package/dist/legacy/index.js

@@ -9,6 +9,7 @@ export { default as HvAvatar } from "./Avatar";
 export { default as HvBadge } from "./Badge";
 export { default as HvBanner } from "./Banner";
 export * from "./Banner";
+export { default as HvBarchart } from "./Barchart";
 export { default as HvBaseDropdown } from "./BaseDropdown";
 export { default as HvBreadcrumb } from "./BreadCrumb";
 export { default as HvBulkActions } from "./BulkActions";
@@ -18,6 +19,7 @@ export * from "./Card";
 export * from "./Calendar";
 export { default as HvContainer } from "./Container";
 export { default as HvDatePicker } from "./DatePicker";
+export { default as HvDonutchart } from "./Donutchart";
 export { default as HvDropdown } from "./Dropdown";
 export { default as HvDropDownMenu } from "./DropDownMenu";
 export { default as HvEmptyState } from "./EmptyState";
@@ -33,6 +35,7 @@ export * from "./Header";
 export { default as HvBaseInput } from "./BaseInput";
 export { default as HvInput } from "./Input";
 export { default as HvKpi } from "./Kpi";
+export { default as HvLinechart } from "./Linechart";
 export { default as HvLink } from "./Link";
 export { default as HvListContainer } from "./ListContainer";
 export * from "./ListContainer";

package/dist/legacy/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","HvAccordion","HvActionsGeneric","HvActionBar","HvAppSwitcher","HvAssetInventory","HvAvatar","HvBadge","HvBanner","HvBaseDropdown","HvBreadcrumb","HvBulkActions","HvButton","HvCard","HvContainer","HvDatePicker","HvDropdown","HvDropDownMenu","HvEmptyState","HvFilterGroup","HvFileUploader","HvFooter","HvGrid","HvGlobalActions","HvHeader","HvBaseInput","HvInput","HvKpi","HvLink","HvListContainer","HvList","HvSelectionList","HvLoading","HvLogin","HvDialog","HvMultiButton","HvPagination","HvBaseCheckBox","HvCheckBox","HvCheckBoxGroup","HvBaseRadio","HvRadio","HvRadioGroup","HvBaseSwitch","HvSwitch","HvSnackbar","HvSnackbarContent","HvSnackbarProvider","useHvSnackbar","HvStack","HvTab","HvTag","HvTable","HvTabs","HvTextArea","HvTagsInput","HvToggleButton","HvTooltip","HvOverflowTooltip","HvTypography","HvUserPreferences","Actions","HvUserPreferencesActions","Action","HvUserPreferencesAction","Options","HvUserPreferencesOptions","Option","HvUserPreferencesOption","Group","HvUserPreferencesOptionsGroup","Label","HvUserPreferencesOptionsGroupLabel","HvScrollToHorizontal","HvScrollToVertical","useScrollTo","HvVerticalNavigation","Navigation","HvVerticalNavigationTree","TreeView","HvTreeView","TreeViewItem","HvTreeViewItem","HvVerticalNavigationActions","HvVerticalNavigationAction","HvPanel","withId","withTooltip","useUniqueId","hvTheme","themeBuilder","getTheme","HvProvider"],"sources":["../../src/index.js"],"sourcesContent":["// components\nexport { default as HvAccordion } from \"./Accordion\";\nexport { default as HvActionsGeneric } from \"./ActionsGeneric\";\nexport { default as HvActionBar } from \"./ActionBar\";\nexport { default as HvAppSwitcher } from \"./AppSwitcher\";\nexport { default as HvAssetInventory } from \"./AssetInventory\";\nexport * from \"./AssetInventory\";\nexport { default as HvAvatar } from \"./Avatar\";\nexport { default as HvBadge } from \"./Badge\";\nexport { default as HvBanner } from \"./Banner\";\nexport * from \"./Banner\";\nexport { default as HvBaseDropdown } from \"./BaseDropdown\";\nexport { default as HvBreadcrumb } from \"./BreadCrumb\";\nexport { default as HvBulkActions } from \"./BulkActions\";\nexport { default as HvButton } from \"./Button\";\nexport { default as HvCard } from \"./Card\";\nexport * from \"./Card\";\nexport * from \"./Calendar\";\nexport { default as HvContainer } from \"./Container\";\nexport { default as HvDatePicker } from \"./DatePicker\";\nexport { default as HvDropdown } from \"./Dropdown\";\nexport { default as HvDropDownMenu } from \"./DropDownMenu\";\nexport { default as HvEmptyState } from \"./EmptyState\";\nexport { default as HvFilterGroup } from \"./FilterGroup\";\nexport { default as HvFileUploader } from \"./FileUploader\";\nexport * from \"./FileUploader\";\nexport { default as HvFooter } from \"./Footer\";\nexport * from \"./Forms\";\n\nexport { default as HvGrid } from \"./Grid\";\nexport { default as HvGlobalActions } from \"./GlobalActions\";\n\nexport { default as HvHeader } from \"./Header\";\nexport * from \"./Header\";\n\nexport { default as HvBaseInput } from \"./BaseInput\";\nexport { default as HvInput } from \"./Input\";\n\nexport { default as HvKpi } from \"./Kpi\";\n\nexport { default as HvLink } from \"./Link\";\nexport { default as HvListContainer } from \"./ListContainer\";\nexport * from \"./ListContainer\";\n\nexport { default as HvList } from \"./List\";\n\nexport { default as HvSelectionList } from \"./SelectionList\";\n\nexport { default as HvLoading } from \"./Loading\";\nexport { default as HvLogin } from \"./Login\";\nexport { default as HvDialog } from \"./Dialog\";\nexport * from \"./Dialog\";\nexport { default as HvMultiButton } from \"./MultiButton\";\nexport { default as HvPagination } from \"./Pagination\";\n\nexport { default as HvBaseCheckBox } from \"./BaseCheckBox\";\nexport { default as HvCheckBox } from \"./CheckBox\";\nexport { default as HvCheckBoxGroup } from \"./CheckBoxGroup\";\n\nexport { default as HvBaseRadio } from \"./BaseRadio\";\nexport { default as HvRadio } from \"./Radio\";\nexport { default as HvRadioGroup } from \"./RadioGroup\";\n\nexport { default as HvBaseSwitch } from \"./BaseSwitch\";\nexport { default as HvSwitch } from \"./Switch\";\n\nexport { default as HvSnackbar } from \"./Snackbar\";\nexport { default as HvSnackbarContent } from \"./Snackbar/SnackbarContentWrapper\";\nexport { default as HvSnackbarProvider, useHvSnackbar } from \"./Snackbar/SnackbarProvider\";\nexport { default as HvStack } from \"./Stack\";\n\nexport { default as HvTab } from \"./Tab\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvTable } from \"./Table\";\nexport { default as HvTabs } from \"./Tabs\";\nexport { default as HvTextArea } from \"./TextArea\";\nexport { default as HvTagsInput } from \"./TagsInput\";\nexport { default as HvToggleButton } from \"./ToggleButton\";\nexport { default as HvTooltip } from \"./Tooltip\";\nexport { default as HvOverflowTooltip } from \"./OverflowTooltip\";\nexport { default as HvTypography } from \"./Typography\";\nexport { default as HvUserPreferences } from \"./UserPreferences\";\n// TODO refactor the HvUserPreferences subcomponents' names\nexport {\n  Actions as HvUserPreferencesActions,\n  Action as HvUserPreferencesAction,\n} from \"./UserPreferences\";\nexport {\n  Options as HvUserPreferencesOptions,\n  Option as HvUserPreferencesOption,\n  Group as HvUserPreferencesOptionsGroup,\n  Label as HvUserPreferencesOptionsGroupLabel,\n} from \"./UserPreferences\";\n\nexport { default as HvScrollToHorizontal } from \"./ScrollTo/Horizontal\";\nexport { default as HvScrollToVertical } from \"./ScrollTo/Vertical\";\nexport { default as useScrollTo } from \"./ScrollTo/useScrollTo\";\n\nexport { default as HvVerticalNavigation } from \"./VerticalNavigation\";\n// TODO refactor the HvVerticalNavigation subcomponents' names\nexport { Navigation as HvVerticalNavigationTree } from \"./VerticalNavigation\";\nexport { TreeView as HvTreeView, TreeViewItem as HvTreeViewItem } from \"./VerticalNavigation\";\nexport {\n  Actions as HvVerticalNavigationActions,\n  Action as HvVerticalNavigationAction,\n} from \"./VerticalNavigation\";\n\nexport { default as HvPanel } from \"./Panel\";\n\n// HOCs\nexport { default as withId } from \"./withId\";\nexport { default as withTooltip } from \"./withTooltip\";\n\n// Hooks\nexport { default as useUniqueId } from \"./useUniqueId\";\n\n// theme\nexport { default as hvTheme } from \"./theme\";\nexport { themeBuilder, getTheme } from \"./theme\";\n\n// provider\nexport { default as HvProvider } from \"./Provider\";\nexport * from \"./Provider\";\n\n// utils\nexport * from \"./utils\";\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["default","HvAccordion","HvActionsGeneric","HvActionBar","HvAppSwitcher","HvAssetInventory","HvAvatar","HvBadge","HvBanner","HvBarchart","HvBaseDropdown","HvBreadcrumb","HvBulkActions","HvButton","HvCard","HvContainer","HvDatePicker","HvDonutchart","HvDropdown","HvDropDownMenu","HvEmptyState","HvFilterGroup","HvFileUploader","HvFooter","HvGrid","HvGlobalActions","HvHeader","HvBaseInput","HvInput","HvKpi","HvLinechart","HvLink","HvListContainer","HvList","HvSelectionList","HvLoading","HvLogin","HvDialog","HvMultiButton","HvPagination","HvBaseCheckBox","HvCheckBox","HvCheckBoxGroup","HvBaseRadio","HvRadio","HvRadioGroup","HvBaseSwitch","HvSwitch","HvSnackbar","HvSnackbarContent","HvSnackbarProvider","useHvSnackbar","HvStack","HvTab","HvTag","HvTable","HvTabs","HvTextArea","HvTagsInput","HvToggleButton","HvTooltip","HvOverflowTooltip","HvTypography","HvUserPreferences","Actions","HvUserPreferencesActions","Action","HvUserPreferencesAction","Options","HvUserPreferencesOptions","Option","HvUserPreferencesOption","Group","HvUserPreferencesOptionsGroup","Label","HvUserPreferencesOptionsGroupLabel","HvScrollToHorizontal","HvScrollToVertical","useScrollTo","HvVerticalNavigation","Navigation","HvVerticalNavigationTree","TreeView","HvTreeView","TreeViewItem","HvTreeViewItem","HvVerticalNavigationActions","HvVerticalNavigationAction","HvPanel","withId","withTooltip","useUniqueId","hvTheme","themeBuilder","getTheme","HvProvider"],"sources":["../../src/index.js"],"sourcesContent":["// components\nexport { default as HvAccordion } from \"./Accordion\";\nexport { default as HvActionsGeneric } from \"./ActionsGeneric\";\nexport { default as HvActionBar } from \"./ActionBar\";\nexport { default as HvAppSwitcher } from \"./AppSwitcher\";\nexport { default as HvAssetInventory } from \"./AssetInventory\";\nexport * from \"./AssetInventory\";\nexport { default as HvAvatar } from \"./Avatar\";\nexport { default as HvBadge } from \"./Badge\";\nexport { default as HvBanner } from \"./Banner\";\nexport * from \"./Banner\";\nexport { default as HvBarchart } from \"./Barchart\";\nexport { default as HvBaseDropdown } from \"./BaseDropdown\";\nexport { default as HvBreadcrumb } from \"./BreadCrumb\";\nexport { default as HvBulkActions } from \"./BulkActions\";\nexport { default as HvButton } from \"./Button\";\nexport { default as HvCard } from \"./Card\";\nexport * from \"./Card\";\nexport * from \"./Calendar\";\nexport { default as HvContainer } from \"./Container\";\nexport { default as HvDatePicker } from \"./DatePicker\";\nexport { default as HvDonutchart } from \"./Donutchart\";\nexport { default as HvDropdown } from \"./Dropdown\";\nexport { default as HvDropDownMenu } from \"./DropDownMenu\";\nexport { default as HvEmptyState } from \"./EmptyState\";\nexport { default as HvFilterGroup } from \"./FilterGroup\";\nexport { default as HvFileUploader } from \"./FileUploader\";\nexport * from \"./FileUploader\";\nexport { default as HvFooter } from \"./Footer\";\nexport * from \"./Forms\";\n\nexport { default as HvGrid } from \"./Grid\";\nexport { default as HvGlobalActions } from \"./GlobalActions\";\n\nexport { default as HvHeader } from \"./Header\";\nexport * from \"./Header\";\n\nexport { default as HvBaseInput } from \"./BaseInput\";\nexport { default as HvInput } from \"./Input\";\n\nexport { default as HvKpi } from \"./Kpi\";\n\nexport { default as HvLinechart } from \"./Linechart\";\nexport { default as HvLink } from \"./Link\";\nexport { default as HvListContainer } from \"./ListContainer\";\nexport * from \"./ListContainer\";\n\nexport { default as HvList } from \"./List\";\n\nexport { default as HvSelectionList } from \"./SelectionList\";\n\nexport { default as HvLoading } from \"./Loading\";\nexport { default as HvLogin } from \"./Login\";\nexport { default as HvDialog } from \"./Dialog\";\nexport * from \"./Dialog\";\nexport { default as HvMultiButton } from \"./MultiButton\";\nexport { default as HvPagination } from \"./Pagination\";\n\nexport { default as HvBaseCheckBox } from \"./BaseCheckBox\";\nexport { default as HvCheckBox } from \"./CheckBox\";\nexport { default as HvCheckBoxGroup } from \"./CheckBoxGroup\";\n\nexport { default as HvBaseRadio } from \"./BaseRadio\";\nexport { default as HvRadio } from \"./Radio\";\nexport { default as HvRadioGroup } from \"./RadioGroup\";\n\nexport { default as HvBaseSwitch } from \"./BaseSwitch\";\nexport { default as HvSwitch } from \"./Switch\";\n\nexport { default as HvSnackbar } from \"./Snackbar\";\nexport { default as HvSnackbarContent } from \"./Snackbar/SnackbarContentWrapper\";\nexport { default as HvSnackbarProvider, useHvSnackbar } from \"./Snackbar/SnackbarProvider\";\nexport { default as HvStack } from \"./Stack\";\n\nexport { default as HvTab } from \"./Tab\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvTable } from \"./Table\";\nexport { default as HvTabs } from \"./Tabs\";\nexport { default as HvTextArea } from \"./TextArea\";\nexport { default as HvTagsInput } from \"./TagsInput\";\nexport { default as HvToggleButton } from \"./ToggleButton\";\nexport { default as HvTooltip } from \"./Tooltip\";\nexport { default as HvOverflowTooltip } from \"./OverflowTooltip\";\nexport { default as HvTypography } from \"./Typography\";\nexport { default as HvUserPreferences } from \"./UserPreferences\";\n// TODO refactor the HvUserPreferences subcomponents' names\nexport {\n  Actions as HvUserPreferencesActions,\n  Action as HvUserPreferencesAction,\n} from \"./UserPreferences\";\nexport {\n  Options as HvUserPreferencesOptions,\n  Option as HvUserPreferencesOption,\n  Group as HvUserPreferencesOptionsGroup,\n  Label as HvUserPreferencesOptionsGroupLabel,\n} from \"./UserPreferences\";\n\nexport { default as HvScrollToHorizontal } from \"./ScrollTo/Horizontal\";\nexport { default as HvScrollToVertical } from \"./ScrollTo/Vertical\";\nexport { default as useScrollTo } from \"./ScrollTo/useScrollTo\";\n\nexport { default as HvVerticalNavigation } from \"./VerticalNavigation\";\n// TODO refactor the HvVerticalNavigation subcomponents' names\nexport { Navigation as HvVerticalNavigationTree } from \"./VerticalNavigation\";\nexport { TreeView as HvTreeView, TreeViewItem as HvTreeViewItem } from \"./VerticalNavigation\";\nexport {\n  Actions as HvVerticalNavigationActions,\n  Action as HvVerticalNavigationAction,\n} from \"./VerticalNavigation\";\n\nexport { default as HvPanel } from \"./Panel\";\n\n// HOCs\nexport { default as withId } from \"./withId\";\nexport { default as withTooltip } from \"./withTooltip\";\n\n// Hooks\nexport { default as useUniqueId } from \"./useUniqueId\";\n\n// theme\nexport { default as hvTheme } from \"./theme\";\nexport { themeBuilder, getTheme } from \"./theme\";\n\n// provider\nexport { default as HvProvider } from \"./Provider\";\nexport * from \"./Provider\";\n\n// utils\nexport * from \"./utils\";\n"],"mappings":"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"}

package/dist/modern/Barchart/Barchart.d.ts

@@ -0,0 +1,14 @@
+import { HvChartProps } from "../Chart";
+
+export interface HvBarchartProps extends HvChartProps {
+  /**
+   * Sets if the chart is stack.
+   */
+  stack?: boolean;
+  /**
+   * Sets if the chart is horizontal.
+   */
+  horizontal?: boolean;
+}
+
+export default function HvBarchart(props: HvBarchartProps): JSX.Element | null;

package/dist/modern/Barchart/Barchart.js

@@ -0,0 +1,176 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "stack", "horizontal"];
+
+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 "core-js/modules/web.dom-collections.iterator.js";
+import React, { useMemo, useEffect, useState, useCallback, useRef } from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import Chart from "../Chart";
+import { applyLayoutDefaults, applyDataDefaults } from "./barchartPlotlyOverrides";
+import styles from "./styles";
+const MARGIN = 50;
+const MAX_BAR_WIDTH = 90;
+const MIN_BAR_WIDTH = 3;
+/**
+ * A Bar chart is a chart or graph that presents categorical data with rectangular bars.
+ *
+ * Our implementation leverages the Plotly charting library. If you have a specific case
+ * that we don't cover, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.
+ */
+
+const Barchart = _ref => {
+  let {
+    id,
+    classes,
+    data,
+    layout,
+    config,
+    tooltipType = "multiple",
+    stack = false,
+    horizontal = false
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  /* Values derived from props */
+  const dataWithDefaults = useMemo(() => applyDataDefaults(data, horizontal), [data, horizontal]);
+  const chartLayout = useMemo(() => applyLayoutDefaults(layout, stack, horizontal), [layout, stack, horizontal]);
+  /* State */
+
+  const [chartData, setChartData] = useState(dataWithDefaults);
+  /* Effects */
+
+  const firstRender = useRef(true);
+  useEffect(() => {
+    // only setChartData when prop value changes
+    // not needed on first render because the
+    // initial state is already properly set
+    if (!firstRender.current) {
+      setChartData(dataWithDefaults);
+    }
+
+    firstRender.current = false;
+  }, [dataWithDefaults]);
+  /**
+   * Used to force the max width of each bar with 90px.
+   *
+   * (this is effectively more an effect than a callback)
+   */
+
+  const recalculateBarWidth = useCallback(ref => {
+    // use the data and layout info directly from the plotly ref
+    // as it's always the most uptodate version.
+    const plotData = ref.current.props.data;
+    const plotLayout = ref.current.props.layout;
+
+    if (plotData.length > 0) {
+      const {
+        barmode,
+        bargap,
+        bargroupgap
+      } = plotLayout;
+      const isStack = barmode === "stack";
+      const numberOfBarsByGroup = isStack ? 1 : plotData.length;
+      const numberOfGroup = plotData[0].x.length;
+      const {
+        width
+      } = ref.current.el.getBoundingClientRect();
+      const plotWidth = width - MARGIN;
+      const groupWidth = plotWidth / numberOfGroup;
+      const colWidth = groupWidth * (1 - bargap) - groupWidth * (1 - bargap) * bargroupgap;
+      const calculatedBarWidth = colWidth / numberOfBarsByGroup;
+      const greaterThan90 = calculatedBarWidth > MAX_BAR_WIDTH;
+      const lessThan3 = calculatedBarWidth < MIN_BAR_WIDTH;
+      const isAlreadyGreaterThan90 = plotData[0].width !== undefined;
+
+      if (greaterThan90 && !isAlreadyGreaterThan90) {
+        const newWidth = MAX_BAR_WIDTH / plotWidth * numberOfGroup;
+        const newData = plotData.map(subData => {
+          return _objectSpread(_objectSpread({}, subData), {}, {
+            width: newWidth
+          });
+        });
+        setChartData(newData);
+      }
+
+      if (lessThan3 && !isAlreadyGreaterThan90) {
+        const newWidth = MIN_BAR_WIDTH / plotWidth * numberOfGroup;
+        const newData = plotData.map(subData => {
+          return _objectSpread(_objectSpread({}, subData), {}, {
+            width: newWidth
+          });
+        });
+        setChartData(newData);
+      }
+
+      if (!greaterThan90 && isAlreadyGreaterThan90) {
+        const newData = plotData.map(subData => {
+          return _objectSpread(_objectSpread({}, subData), {}, {
+            width: undefined
+          });
+        });
+        setChartData(newData);
+      }
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement(Chart, _extends({
+    id: id,
+    classes: classes,
+    data: chartData,
+    layout: chartLayout,
+    config: config,
+    tooltipType: tooltipType,
+    afterPlot: recalculateBarWidth
+  }, others));
+};
+
+process.env.NODE_ENV !== "production" ? Barchart.propTypes = {
+  /**
+   * An Id passed on to the component
+   */
+  id: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.instanceOf(Object),
+
+  /**
+   * Plotly data object (see https://plot.ly/javascript/reference/).
+   */
+  data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,
+
+  /**
+   * Plotly layout object (see https://plot.ly/javascript/reference/#layout).
+   */
+  layout: PropTypes.instanceOf(Object),
+
+  /**
+   * Plotly config object (see https://plot.ly/javascript/configuration-options/).
+   */
+  config: PropTypes.instanceOf(Object),
+
+  /**
+   * Defines if should use a single or multiline tooltip.
+   */
+  tooltipType: PropTypes.oneOf(["single", "multiple"]),
+
+  /**
+   * Sets is the chart is stack.
+   */
+  stack: PropTypes.bool,
+
+  /**
+   * Sets is the chart is horizontal.
+   */
+  horizontal: PropTypes.bool
+} : void 0;
+export default withStyles(styles, {
+  name: "HvBarchart"
+})(Barchart);
+//# sourceMappingURL=Barchart.js.map

package/dist/modern/Barchart/Barchart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Barchart.js","names":["React","useMemo","useEffect","useState","useCallback","useRef","PropTypes","withStyles","Chart","applyLayoutDefaults","applyDataDefaults","styles","MARGIN","MAX_BAR_WIDTH","MIN_BAR_WIDTH","Barchart","id","classes","data","layout","config","tooltipType","stack","horizontal","others","dataWithDefaults","chartLayout","chartData","setChartData","firstRender","current","recalculateBarWidth","ref","plotData","props","plotLayout","length","barmode","bargap","bargroupgap","isStack","numberOfBarsByGroup","numberOfGroup","x","width","el","getBoundingClientRect","plotWidth","groupWidth","colWidth","calculatedBarWidth","greaterThan90","lessThan3","isAlreadyGreaterThan90","undefined","newWidth","newData","map","subData","propTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","bool","name"],"sources":["../../../src/Barchart/Barchart.js"],"sourcesContent":["import React, { useMemo, useEffect, useState, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport Chart from \"../Chart\";\nimport { applyLayoutDefaults, applyDataDefaults } from \"./barchartPlotlyOverrides\";\nimport styles from \"./styles\";\n\nconst MARGIN = 50;\nconst MAX_BAR_WIDTH = 90;\nconst MIN_BAR_WIDTH = 3;\n\n/**\n * A Bar chart is a chart or graph that presents categorical data with rectangular bars.\n *\n * Our implementation leverages the Plotly charting library. If you have a specific case\n * that we don't cover, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.\n */\nconst Barchart = ({\n  id,\n  classes,\n  data,\n  layout,\n  config,\n  tooltipType = \"multiple\",\n  stack = false,\n  horizontal = false,\n  ...others\n}) => {\n  /* Values derived from props */\n\n  const dataWithDefaults = useMemo(() => applyDataDefaults(data, horizontal), [data, horizontal]);\n  const chartLayout = useMemo(\n    () => applyLayoutDefaults(layout, stack, horizontal),\n    [layout, stack, horizontal]\n  );\n\n  /* State */\n\n  const [chartData, setChartData] = useState(dataWithDefaults);\n\n  /* Effects */\n\n  const firstRender = useRef(true);\n  useEffect(() => {\n    // only setChartData when prop value changes\n    // not needed on first render because the\n    // initial state is already properly set\n    if (!firstRender.current) {\n      setChartData(dataWithDefaults);\n    }\n\n    firstRender.current = false;\n  }, [dataWithDefaults]);\n\n  /**\n   * Used to force the max width of each bar with 90px.\n   *\n   * (this is effectively more an effect than a callback)\n   */\n  const recalculateBarWidth = useCallback((ref) => {\n    // use the data and layout info directly from the plotly ref\n    // as it's always the most uptodate version.\n    const plotData = ref.current.props.data;\n    const plotLayout = ref.current.props.layout;\n\n    if (plotData.length > 0) {\n      const { barmode, bargap, bargroupgap } = plotLayout;\n\n      const isStack = barmode === \"stack\";\n      const numberOfBarsByGroup = isStack ? 1 : plotData.length;\n      const numberOfGroup = plotData[0].x.length;\n\n      const { width } = ref.current.el.getBoundingClientRect();\n      const plotWidth = width - MARGIN;\n      const groupWidth = plotWidth / numberOfGroup;\n      const colWidth = groupWidth * (1 - bargap) - groupWidth * (1 - bargap) * bargroupgap;\n\n      const calculatedBarWidth = colWidth / numberOfBarsByGroup;\n      const greaterThan90 = calculatedBarWidth > MAX_BAR_WIDTH;\n      const lessThan3 = calculatedBarWidth < MIN_BAR_WIDTH;\n      const isAlreadyGreaterThan90 = plotData[0].width !== undefined;\n\n      if (greaterThan90 && !isAlreadyGreaterThan90) {\n        const newWidth = (MAX_BAR_WIDTH / plotWidth) * numberOfGroup;\n\n        const newData = plotData.map((subData) => {\n          return { ...subData, width: newWidth };\n        });\n\n        setChartData(newData);\n      }\n\n      if (lessThan3 && !isAlreadyGreaterThan90) {\n        const newWidth = (MIN_BAR_WIDTH / plotWidth) * numberOfGroup;\n\n        const newData = plotData.map((subData) => {\n          return { ...subData, width: newWidth };\n        });\n\n        setChartData(newData);\n      }\n\n      if (!greaterThan90 && isAlreadyGreaterThan90) {\n        const newData = plotData.map((subData) => {\n          return { ...subData, width: undefined };\n        });\n\n        setChartData(newData);\n      }\n    }\n  }, []);\n\n  return (\n    <Chart\n      id={id}\n      classes={classes}\n      data={chartData}\n      layout={chartLayout}\n      config={config}\n      tooltipType={tooltipType}\n      afterPlot={recalculateBarWidth}\n      {...others}\n    />\n  );\n};\nBarchart.propTypes = {\n  /**\n   * An Id passed on to the component\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * Plotly data object (see https://plot.ly/javascript/reference/).\n   */\n  data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,\n  /**\n   * Plotly layout object (see https://plot.ly/javascript/reference/#layout).\n   */\n  layout: PropTypes.instanceOf(Object),\n  /**\n   * Plotly config object (see https://plot.ly/javascript/configuration-options/).\n   */\n  config: PropTypes.instanceOf(Object),\n  /**\n   * Defines if should use a single or multiline tooltip.\n   */\n  tooltipType: PropTypes.oneOf([\"single\", \"multiple\"]),\n  /**\n   * Sets is the chart is stack.\n   */\n  stack: PropTypes.bool,\n  /**\n   * Sets is the chart is horizontal.\n   */\n  horizontal: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvBarchart\" })(Barchart);\n"],"mappings":"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"}

package/dist/modern/Barchart/barchartPlotlyOverrides.js

@@ -0,0 +1,41 @@
+import clone from "lodash/cloneDeep";
+
+const setterIfNil = (object, property, value) => {
+  var _object$property;
+
+  // eslint-disable-next-line no-param-reassign
+  object[property] = (_object$property = object[property]) !== null && _object$property !== void 0 ? _object$property : value;
+};
+/**
+ * Auxiliary functions to set the layout in order to follow the DS guideline.
+ */
+
+
+export const applyLayoutDefaults = (inputLayout, stack, isHorizontal) => {
+  const layout = inputLayout === undefined ? {} : clone(inputLayout);
+  setterIfNil(layout, "bargap", 0.25);
+  setterIfNil(layout, "bargroupgap", 0.25);
+  setterIfNil(layout, "hovermode", "closest");
+  if (stack) setterIfNil(layout, "barmode", "stack");
+  setterIfNil(layout, "yaxis", {});
+  setterIfNil(layout, "xaxis", {});
+
+  if (isHorizontal) {
+    setterIfNil(layout.yaxis, "showline", true);
+    setterIfNil(layout.xaxis, "showline", false);
+  } else {
+    setterIfNil(layout.yaxis, "showline", false);
+  }
+
+  return layout;
+};
+export const applyDataDefaults = (inputData, isHorizontal) => {
+  const data = inputData;
+  data.forEach(trace => {
+    setterIfNil(trace, "type", "bar");
+    setterIfNil(trace, "hoverinfo", "none");
+    if (isHorizontal) setterIfNil(trace, "orientation", "h");
+  });
+  return data;
+};
+//# sourceMappingURL=barchartPlotlyOverrides.js.map

package/dist/modern/Barchart/barchartPlotlyOverrides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"barchartPlotlyOverrides.js","names":["clone","setterIfNil","object","property","value","applyLayoutDefaults","inputLayout","stack","isHorizontal","layout","undefined","yaxis","xaxis","applyDataDefaults","inputData","data","forEach","trace"],"sources":["../../../src/Barchart/barchartPlotlyOverrides.js"],"sourcesContent":["import clone from \"lodash/cloneDeep\";\n\nconst setterIfNil = (object, property, value) => {\n  // eslint-disable-next-line no-param-reassign\n  object[property] = object[property] ?? value;\n};\n\n/**\n * Auxiliary functions to set the layout in order to follow the DS guideline.\n */\nexport const applyLayoutDefaults = (inputLayout, stack, isHorizontal) => {\n  const layout = inputLayout === undefined ? {} : clone(inputLayout);\n  setterIfNil(layout, \"bargap\", 0.25);\n  setterIfNil(layout, \"bargroupgap\", 0.25);\n  setterIfNil(layout, \"hovermode\", \"closest\");\n  if (stack) setterIfNil(layout, \"barmode\", \"stack\");\n\n  setterIfNil(layout, \"yaxis\", {});\n  setterIfNil(layout, \"xaxis\", {});\n\n  if (isHorizontal) {\n    setterIfNil(layout.yaxis, \"showline\", true);\n    setterIfNil(layout.xaxis, \"showline\", false);\n  } else {\n    setterIfNil(layout.yaxis, \"showline\", false);\n  }\n\n  return layout;\n};\n\nexport const applyDataDefaults = (inputData, isHorizontal) => {\n  const data = inputData;\n\n  data.forEach((trace) => {\n    setterIfNil(trace, \"type\", \"bar\");\n    setterIfNil(trace, \"hoverinfo\", \"none\");\n    if (isHorizontal) setterIfNil(trace, \"orientation\", \"h\");\n  });\n\n  return data;\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,kBAAlB;;AAEA,MAAMC,WAAW,GAAG,CAACC,MAAD,EAASC,QAAT,EAAmBC,KAAnB,KAA6B;EAAA;;EAC/C;EACAF,MAAM,CAACC,QAAD,CAAN,uBAAmBD,MAAM,CAACC,QAAD,CAAzB,+DAAuCC,KAAvC;AACD,CAHD;AAKA;AACA;AACA;;;AACA,OAAO,MAAMC,mBAAmB,GAAG,CAACC,WAAD,EAAcC,KAAd,EAAqBC,YAArB,KAAsC;EACvE,MAAMC,MAAM,GAAGH,WAAW,KAAKI,SAAhB,GAA4B,EAA5B,GAAiCV,KAAK,CAACM,WAAD,CAArD;EACAL,WAAW,CAACQ,MAAD,EAAS,QAAT,EAAmB,IAAnB,CAAX;EACAR,WAAW,CAACQ,MAAD,EAAS,aAAT,EAAwB,IAAxB,CAAX;EACAR,WAAW,CAACQ,MAAD,EAAS,WAAT,EAAsB,SAAtB,CAAX;EACA,IAAIF,KAAJ,EAAWN,WAAW,CAACQ,MAAD,EAAS,SAAT,EAAoB,OAApB,CAAX;EAEXR,WAAW,CAACQ,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;EACAR,WAAW,CAACQ,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;;EAEA,IAAID,YAAJ,EAAkB;IAChBP,WAAW,CAACQ,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,IAA3B,CAAX;IACAV,WAAW,CAACQ,MAAM,CAACG,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;EACD,CAHD,MAGO;IACLX,WAAW,CAACQ,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;EACD;;EAED,OAAOF,MAAP;AACD,CAlBM;AAoBP,OAAO,MAAMI,iBAAiB,GAAG,CAACC,SAAD,EAAYN,YAAZ,KAA6B;EAC5D,MAAMO,IAAI,GAAGD,SAAb;EAEAC,IAAI,CAACC,OAAL,CAAcC,KAAD,IAAW;IACtBhB,WAAW,CAACgB,KAAD,EAAQ,MAAR,EAAgB,KAAhB,CAAX;IACAhB,WAAW,CAACgB,KAAD,EAAQ,WAAR,EAAqB,MAArB,CAAX;IACA,IAAIT,YAAJ,EAAkBP,WAAW,CAACgB,KAAD,EAAQ,aAAR,EAAuB,GAAvB,CAAX;EACnB,CAJD;EAMA,OAAOF,IAAP;AACD,CAVM"}

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

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

package/dist/modern/Barchart/index.js

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

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

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

package/dist/modern/Barchart/styles.js

@@ -0,0 +1,3 @@
+const styles = {};
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles"],"sources":["../../../src/Barchart/styles.js"],"sourcesContent":["const styles = {};\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,EAAf;AAEA,eAAeA,MAAf"}

package/dist/modern/Chart/Chart.d.ts

@@ -0,0 +1,25 @@
+import { StandardProps } from "@material-ui/core";
+import { HvPlotProps } from "./Plot";
+
+export type HvChartClassKey = "root";
+
+export interface HvChartProps extends StandardProps<HvPlotProps, HvChartClassKey> {
+  /**
+   * Defines if should use a single or multiline tooltip.
+   */
+  tooltipType?: "single" | "multiple";
+  /**
+   * Defines the X axis title.
+   */
+  xAxisTitle?: string;
+  /**
+   * Defines the Y axis title.
+   */
+  yAxisTitle?: string;
+  /**
+   * Defines the chart subtitle.
+   */
+  subtitle?: string;
+}
+
+export default function HvChart(props: HvChartProps): JSX.Element | null;