@hitachivantara/uikit-react-core 3.62.6 → 3.64.0

package/dist/modern/AppSwitcher/Action/styles.js

@@ -0,0 +1,50 @@
+const styles = theme => ({
+  root: {
+    width: "100%",
+    maxWidth: 280,
+    minHeight: 52,
+    marginRight: theme.hv.spacing.sm
+  },
+  disabled: {},
+  selected: {},
+  typography: {
+    display: "flex",
+    justifyContent: "flex-start",
+    alignItems: "center",
+    width: "100%",
+    minHeight: 52,
+    padding: `6px ${theme.hv.spacing.xs}px`,
+    border: "none",
+    borderLeft: `solid 2px ${theme.hv.palette.accent.acce1}`,
+    cursor: "pointer",
+    textDecoration: "inherit",
+    color: "inherit",
+    backgroundColor: "inherit",
+    "$disabled &": {
+      cursor: "not-allowed"
+    }
+  },
+  icon: {
+    display: "flex",
+    minWidth: 40,
+    justifyContent: "center"
+  },
+  title: {
+    flexGrow: 1,
+    margin: `0 ${theme.hv.spacing.xs}px`,
+    textAlign: "left",
+    overflow: "hidden",
+    whiteSpace: "nowrap",
+    textOverflow: "ellipsis",
+    color: "inherit"
+  },
+  iconInfo: {
+    minWidth: 32
+  },
+  iconUrl: {
+    width: 32
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/AppSwitcher/Action/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/AppSwitcher/Action/styles.js"],"names":["styles","theme","root","width","maxWidth","minHeight","marginRight","hv","spacing","sm","disabled","selected","typography","display","justifyContent","alignItems","padding","xs","border","borderLeft","palette","accent","acce1","cursor","textDecoration","color","backgroundColor","icon","minWidth","title","flexGrow","margin","textAlign","overflow","whiteSpace","textOverflow","iconInfo","iconUrl"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE,MADH;AAEJC,IAAAA,QAAQ,EAAE,GAFN;AAGJC,IAAAA,SAAS,EAAE,EAHP;AAIJC,IAAAA,WAAW,EAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC;AAJ1B,GADmB;AAOzBC,EAAAA,QAAQ,EAAE,EAPe;AAQzBC,EAAAA,QAAQ,EAAE,EARe;AAUzBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,OAAO,EAAE,MADC;AAEVC,IAAAA,cAAc,EAAE,YAFN;AAGVC,IAAAA,UAAU,EAAE,QAHF;AAKVZ,IAAAA,KAAK,EAAE,MALG;AAMVE,IAAAA,SAAS,EAAE,EAND;AAQVW,IAAAA,OAAO,EAAG,OAAMf,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBS,EAAG,IAR1B;AAUVC,IAAAA,MAAM,EAAE,MAVE;AAWVC,IAAAA,UAAU,EAAG,aAAYlB,KAAK,CAACM,EAAN,CAASa,OAAT,CAAiBC,MAAjB,CAAwBC,KAAM,EAX7C;AAaVC,IAAAA,MAAM,EAAE,SAbE;AAeVC,IAAAA,cAAc,EAAE,SAfN;AAgBVC,IAAAA,KAAK,EAAE,SAhBG;AAiBVC,IAAAA,eAAe,EAAE,SAjBP;AAmBV,mBAAe;AACbH,MAAAA,MAAM,EAAE;AADK;AAnBL,GAVa;AAkCzBI,EAAAA,IAAI,EAAE;AACJd,IAAAA,OAAO,EAAE,MADL;AAEJe,IAAAA,QAAQ,EAAE,EAFN;AAGJd,IAAAA,cAAc,EAAE;AAHZ,GAlCmB;AAwCzBe,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,CADL;AAELC,IAAAA,MAAM,EAAG,KAAI9B,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBS,EAAG,IAF5B;AAILe,IAAAA,SAAS,EAAE,MAJN;AAMLC,IAAAA,QAAQ,EAAE,QANL;AAOLC,IAAAA,UAAU,EAAE,QAPP;AAQLC,IAAAA,YAAY,EAAE,UART;AAULV,IAAAA,KAAK,EAAE;AAVF,GAxCkB;AAqDzBW,EAAAA,QAAQ,EAAE;AACRR,IAAAA,QAAQ,EAAE;AADF,GArDe;AAyDzBS,EAAAA,OAAO,EAAE;AACPlC,IAAAA,KAAK,EAAE;AADA;AAzDgB,CAAZ,CAAf;;AA8DA,eAAeH,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    maxWidth: 280,\n    minHeight: 52,\n    marginRight: theme.hv.spacing.sm,\n  },\n  disabled: {},\n  selected: {},\n\n  typography: {\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n\n    width: \"100%\",\n    minHeight: 52,\n\n    padding: `6px ${theme.hv.spacing.xs}px`,\n\n    border: \"none\",\n    borderLeft: `solid 2px ${theme.hv.palette.accent.acce1}`,\n\n    cursor: \"pointer\",\n\n    textDecoration: \"inherit\",\n    color: \"inherit\",\n    backgroundColor: \"inherit\",\n\n    \"$disabled &\": {\n      cursor: \"not-allowed\",\n    },\n  },\n\n  icon: {\n    display: \"flex\",\n    minWidth: 40,\n    justifyContent: \"center\",\n  },\n\n  title: {\n    flexGrow: 1,\n    margin: `0 ${theme.hv.spacing.xs}px`,\n\n    textAlign: \"left\",\n\n    overflow: \"hidden\",\n    whiteSpace: \"nowrap\",\n    textOverflow: \"ellipsis\",\n\n    color: \"inherit\",\n  },\n\n  iconInfo: {\n    minWidth: 32,\n  },\n\n  iconUrl: {\n    width: 32,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/AppSwitcher/AppSwitcher.d.ts

@@ -0,0 +1,67 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+import { HvAppSwitcherActionApplication } from "./Action";
+
+export type HvAppSwitcherClassKey =
+  | "root"
+  | "single"
+  | "dual"
+  | "fluid"
+  | "title"
+  | "actionsContainer"
+  | "footerContainer"
+  | "closed"
+  | "open"
+  | "item"
+  | "itemSelected"
+  | "itemDisabled"
+  | "itemTrigger"
+  | "itemIcon"
+  | "itemTitle"
+  | "itemInfoIcon";
+
+export interface HvAppSwitcherProps
+  extends StandardProps<React.HTMLAttributes<HTMLElement>, HvAppSwitcherClassKey> {
+  /**
+   * Number of columns to render. One, two, or whatever fits the component's width.
+   */
+  layout?: "single" | "dual" | "fluid";
+
+  /**
+   * Title to be displayed on the header of the component.
+   */
+  title?: string;
+  /**
+   * The list of applications to be used to render the actions on the component.
+   */
+  applications: HvAppSwitcherActionApplication[];
+
+  /**
+   * Triggered when an action is clicked.
+   */
+  onActionClickedCallback?: (
+    event: MouseEvent,
+    application?: HvAppSwitcherActionApplication
+  ) => void;
+  /**
+   * Must return a boolean stating if the action element is selected or not.
+   */
+  isActionSelectedCallback?: (application?: HvAppSwitcherActionApplication) => boolean;
+
+  /**
+   * Element to be added to the header container, if none is provided a label with the title will be added.
+   */
+  header?: string | React.ReactNode;
+  /**
+   * Element to be added to the footer container.
+   */
+  footer?: string | React.ReactNode;
+
+  /**
+   * Flag stating if the panel is opened or closed.
+   */
+  isOpen?: boolean;
+}
+
+export default function HvAppSwitcher(props: HvAppSwitcherProps): JSX.Element | null;

package/dist/modern/AppSwitcher/AppSwitcher.js

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

package/dist/modern/AppSwitcher/AppSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/AppSwitcher/AppSwitcher.js"],"names":["React","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","styles","TitleWithTooltip","Action","AppSwitcher","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 \"..\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport Action from \"./Action\";\n\nconst AppSwitcher = (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\nAppSwitcher.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    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root class when in single layout mode.\n     */\n    single: PropTypes.string,\n    /**\n     * Styles applied to the component root class when in single dual mode.\n     */\n    dual: PropTypes.string,\n    /**\n     * Styles applied to the component root class when in single fluid mode.\n     */\n    fluid: PropTypes.string,\n    /**\n     * Styles applied to the title element.\n     */\n    title: PropTypes.string,\n    /**\n     * Styles applied to the actions container.\n     */\n    actionsContainer: PropTypes.string,\n    /**\n     * Styles applied to the footer container.\n     */\n    footerContainer: PropTypes.string,\n    /**\n     * Styles applied to the panel when closed.\n     */\n    closed: PropTypes.string,\n    /**\n     * Styles applied to the panel when open.\n     */\n    open: PropTypes.string,\n    /**\n     * Styles applied to the action item root.\n     */\n    item: PropTypes.string,\n    /**\n     * Styles applied to the action item when selected.\n     */\n    itemSelected: PropTypes.string,\n    /**\n     * Styles applied to the action item when disabled.\n     */\n    itemDisabled: PropTypes.string,\n    /**\n     * Styles applied to the action item typography.\n     */\n    itemTrigger: PropTypes.string,\n    /**\n     * Styles applied to the action item icon.\n     */\n    itemIcon: PropTypes.string,\n    /**\n     * Styles applied to the action item title.\n     */\n    itemTitle: PropTypes.string,\n    /**\n     * Styles applied to the action item info icon.\n     */\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 HvAppSwitcher inside a Drawer component.\n   */\n  isOpen: deprecatedPropType(PropTypes.bool),\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcher\" })(AppSwitcher);\n"],"file":"AppSwitcher.js"}

package/dist/modern/AppSwitcher/TitleWithTooltip.js

@@ -0,0 +1,41 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useEffect, useRef, useState } from "react";
+import PropTypes from "prop-types";
+import { HvTooltip, HvTypography } from "..";
+
+const TitleWithTooltip = ({
+  className,
+  title
+}) => {
+  const [isOverflowed, setIsOverflowed] = useState(false);
+  const textRef = useRef();
+  useEffect(() => {
+    if (textRef !== null && textRef !== void 0 && textRef.current) {
+      setIsOverflowed(textRef.current.scrollWidth > textRef.current.clientWidth || textRef.current.scrollHeight > textRef.current.clientHeight);
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement(HvTooltip, {
+    disableHoverListener: !isOverflowed,
+    placement: "top-start",
+    title: /*#__PURE__*/React.createElement(HvTypography, null, title)
+  }, /*#__PURE__*/React.createElement(HvTypography, {
+    variant: "highlightText",
+    component: "span",
+    ref: textRef,
+    className: className
+  }, title));
+};
+
+process.env.NODE_ENV !== "production" ? TitleWithTooltip.propTypes = {
+  /**
+   * Class names to be applied to the root element.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Title to be displayed.
+   */
+  title: PropTypes.string
+} : void 0;
+export default TitleWithTooltip;
+//# sourceMappingURL=TitleWithTooltip.js.map

package/dist/modern/AppSwitcher/TitleWithTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/AppSwitcher/TitleWithTooltip.js"],"names":["React","useEffect","useRef","useState","PropTypes","HvTooltip","HvTypography","TitleWithTooltip","className","title","isOverflowed","setIsOverflowed","textRef","current","scrollWidth","clientWidth","scrollHeight","clientHeight","propTypes","string"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,SAAT,EAAoBC,YAApB,QAAwC,IAAxC;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;AAAEC,EAAAA,SAAF;AAAaC,EAAAA;AAAb,CAAD,KAA0B;AACjD,QAAM,CAACC,YAAD,EAAeC,eAAf,IAAkCR,QAAQ,CAAC,KAAD,CAAhD;AACA,QAAMS,OAAO,GAAGV,MAAM,EAAtB;AAEAD,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIW,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAEC,OAAb,EAAsB;AACpBF,MAAAA,eAAe,CACbC,OAAO,CAACC,OAAR,CAAgBC,WAAhB,GAA8BF,OAAO,CAACC,OAAR,CAAgBE,WAA9C,IACEH,OAAO,CAACC,OAAR,CAAgBG,YAAhB,GAA+BJ,OAAO,CAACC,OAAR,CAAgBI,YAFpC,CAAf;AAID;AACF,GAPQ,EAON,EAPM,CAAT;AASA,sBACE,oBAAC,SAAD;AACE,IAAA,oBAAoB,EAAE,CAACP,YADzB;AAEE,IAAA,SAAS,EAAC,WAFZ;AAGE,IAAA,KAAK,eAAE,oBAAC,YAAD,QAAeD,KAAf;AAHT,kBAKE,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAC,eAAtB;AAAsC,IAAA,SAAS,EAAC,MAAhD;AAAuD,IAAA,GAAG,EAAEG,OAA5D;AAAqE,IAAA,SAAS,EAAEJ;AAAhF,KACGC,KADH,CALF,CADF;AAWD,CAxBD;;AA0BA,wCAAAF,gBAAgB,CAACW,SAAjB,GAA6B;AAC3B;AACF;AACA;AACEV,EAAAA,SAAS,EAAEJ,SAAS,CAACe,MAJM;;AAK3B;AACF;AACA;AACEV,EAAAA,KAAK,EAAEL,SAAS,CAACe;AARU,CAA7B;AAWA,eAAeZ,gBAAf","sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvTooltip, HvTypography } from \"..\";\n\nconst TitleWithTooltip = ({ className, title }) => {\n  const [isOverflowed, setIsOverflowed] = useState(false);\n  const textRef = useRef();\n\n  useEffect(() => {\n    if (textRef?.current) {\n      setIsOverflowed(\n        textRef.current.scrollWidth > textRef.current.clientWidth ||\n          textRef.current.scrollHeight > textRef.current.clientHeight\n      );\n    }\n  }, []);\n\n  return (\n    <HvTooltip\n      disableHoverListener={!isOverflowed}\n      placement=\"top-start\"\n      title={<HvTypography>{title}</HvTypography>}\n    >\n      <HvTypography variant=\"highlightText\" component=\"span\" ref={textRef} className={className}>\n        {title}\n      </HvTypography>\n    </HvTooltip>\n  );\n};\n\nTitleWithTooltip.propTypes = {\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * Title to be displayed.\n   */\n  title: PropTypes.string,\n};\n\nexport default TitleWithTooltip;\n"],"file":"TitleWithTooltip.js"}

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

@@ -0,0 +1,5 @@
+export { default } from "./AppSwitcher";
+export * from "./AppSwitcher";
+
+export { default as HvAppSwitcherAction } from "./Action";
+export * from "./Action";

package/dist/modern/AppSwitcher/index.js

@@ -0,0 +1,3 @@
+export { default } from "./AppSwitcher";
+export { default as HvAppSwitcherAction } from "./Action";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/AppSwitcher/index.js"],"names":["default","HvAppSwitcherAction"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB;AACA,SAASA,OAAO,IAAIC,mBAApB,QAA+C,UAA/C","sourcesContent":["export { default } from \"./AppSwitcher\";\nexport { default as HvAppSwitcherAction } from \"./Action\";\n"],"file":"index.js"}

package/dist/modern/AppSwitcher/styles.js

@@ -0,0 +1,67 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const styles = theme => ({
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden",
+    // we need to play with the 4px because of the focus ring
+    padding: `${theme.hv.spacing.sm - 4}px 0 ${theme.hv.spacing.sm - 4}px ${theme.hv.spacing.sm - 4}px`,
+    backgroundColor: theme.hv.palette.atmosphere.atmo1
+  },
+  single: {
+    width: 320
+  },
+  dual: {
+    width: 620
+  },
+  fluid: {},
+  closed: {
+    display: "none"
+  },
+  open: {
+    zIndex: "1200",
+    position: "absolute",
+    top: "50px",
+    overflowX: "hidden",
+    boxShadow: theme.hv.shadows[1]
+  },
+  title: {
+    minHeight: 36,
+    // we need to play with the 4px because of the focus ring
+    padding: `4px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm - 4}px 4px`,
+    overflow: "hidden",
+    whiteSpace: "nowrap",
+    textOverflow: "ellipsis"
+  },
+  actionsContainer: {
+    display: "flex",
+    flexWrap: "wrap",
+    justifyContent: "flex-start",
+    overflowY: "auto",
+    // we need to play with the 4px because of the focus ring
+    padding: "4px 0 4px 4px"
+  },
+  footerContainer: _objectSpread({
+    display: "flex",
+    alignItems: "center",
+    marginTop: "auto",
+    height: 52,
+    // we need to play with the 4px because of the focus ring
+    padding: `${theme.hv.spacing.sm - 4}px ${theme.hv.spacing.sm + 4}px 4px 4px`
+  }, theme.hv.typography.highlightText),
+  item: {},
+  itemSelected: {},
+  itemDisabled: {},
+  itemTypography: {},
+  itemIcon: {},
+  itemTitle: {},
+  itemInfo: {}
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/AppSwitcher/styles.js"],"names":["styles","theme","root","display","flexDirection","overflow","padding","hv","spacing","sm","backgroundColor","palette","atmosphere","atmo1","single","width","dual","fluid","closed","open","zIndex","position","top","overflowX","boxShadow","shadows","title","minHeight","whiteSpace","textOverflow","actionsContainer","flexWrap","justifyContent","overflowY","footerContainer","alignItems","marginTop","height","typography","highlightText","item","itemSelected","itemDisabled","itemTypography","itemIcon","itemTitle","itemInfo"],"mappings":";;;;;;AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,MADL;AAEJC,IAAAA,aAAa,EAAE,QAFX;AAIJC,IAAAA,QAAQ,EAAE,QAJN;AAMJ;AACAC,IAAAA,OAAO,EAAG,GAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,QAAOR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,MACjER,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CACvB,IATG;AAWJC,IAAAA,eAAe,EAAET,KAAK,CAACM,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC;AAXzC,GADmB;AAezBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE;AADD,GAfiB;AAkBzBC,EAAAA,IAAI,EAAE;AACJD,IAAAA,KAAK,EAAE;AADH,GAlBmB;AAqBzBE,EAAAA,KAAK,EAAE,EArBkB;AAuBzBC,EAAAA,MAAM,EAAE;AACNf,IAAAA,OAAO,EAAE;AADH,GAvBiB;AA0BzBgB,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE,MADJ;AAEJC,IAAAA,QAAQ,EAAE,UAFN;AAGJC,IAAAA,GAAG,EAAE,MAHD;AAIJC,IAAAA,SAAS,EAAE,QAJP;AAKJC,IAAAA,SAAS,EAAEvB,KAAK,CAACM,EAAN,CAASkB,OAAT,CAAiB,CAAjB;AALP,GA1BmB;AAkCzBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,EADN;AAGL;AACArB,IAAAA,OAAO,EAAG,OAAML,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAG,MAAKR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,QAJ5D;AAMLJ,IAAAA,QAAQ,EAAE,QANL;AAOLuB,IAAAA,UAAU,EAAE,QAPP;AAQLC,IAAAA,YAAY,EAAE;AART,GAlCkB;AA6CzBC,EAAAA,gBAAgB,EAAE;AAChB3B,IAAAA,OAAO,EAAE,MADO;AAEhB4B,IAAAA,QAAQ,EAAE,MAFM;AAGhBC,IAAAA,cAAc,EAAE,YAHA;AAKhBC,IAAAA,SAAS,EAAE,MALK;AAOhB;AACA3B,IAAAA,OAAO,EAAE;AARO,GA7CO;AAwDzB4B,EAAAA,eAAe;AACb/B,IAAAA,OAAO,EAAE,MADI;AAEbgC,IAAAA,UAAU,EAAE,QAFC;AAIbC,IAAAA,SAAS,EAAE,MAJE;AAMbC,IAAAA,MAAM,EAAE,EANK;AAQb;AACA/B,IAAAA,OAAO,EAAG,GAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,MAAKR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE;AATpD,KAWVR,KAAK,CAACM,EAAN,CAAS+B,UAAT,CAAoBC,aAXV,CAxDU;AAsEzBC,EAAAA,IAAI,EAAE,EAtEmB;AAuEzBC,EAAAA,YAAY,EAAE,EAvEW;AAwEzBC,EAAAA,YAAY,EAAE,EAxEW;AAyEzBC,EAAAA,cAAc,EAAE,EAzES;AA0EzBC,EAAAA,QAAQ,EAAE,EA1Ee;AA2EzBC,EAAAA,SAAS,EAAE,EA3Ec;AA4EzBC,EAAAA,QAAQ,EAAE;AA5Ee,CAAZ,CAAf;;AA+EA,eAAe9C,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n\n    overflow: \"hidden\",\n\n    // we need to play with the 4px because of the focus ring\n    padding: `${theme.hv.spacing.sm - 4}px 0 ${theme.hv.spacing.sm - 4}px ${\n      theme.hv.spacing.sm - 4\n    }px`,\n\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n\n  single: {\n    width: 320,\n  },\n  dual: {\n    width: 620,\n  },\n  fluid: {},\n\n  closed: {\n    display: \"none\",\n  },\n  open: {\n    zIndex: \"1200\",\n    position: \"absolute\",\n    top: \"50px\",\n    overflowX: \"hidden\",\n    boxShadow: theme.hv.shadows[1],\n  },\n\n  title: {\n    minHeight: 36,\n\n    // we need to play with the 4px because of the focus ring\n    padding: `4px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm - 4}px 4px`,\n\n    overflow: \"hidden\",\n    whiteSpace: \"nowrap\",\n    textOverflow: \"ellipsis\",\n  },\n\n  actionsContainer: {\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    justifyContent: \"flex-start\",\n\n    overflowY: \"auto\",\n\n    // we need to play with the 4px because of the focus ring\n    padding: \"4px 0 4px 4px\",\n  },\n\n  footerContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n\n    marginTop: \"auto\",\n\n    height: 52,\n\n    // we need to play with the 4px because of the focus ring\n    padding: `${theme.hv.spacing.sm - 4}px ${theme.hv.spacing.sm + 4}px 4px 4px`,\n\n    ...theme.hv.typography.highlightText,\n  },\n\n  item: {},\n  itemSelected: {},\n  itemDisabled: {},\n  itemTypography: {},\n  itemIcon: {},\n  itemTitle: {},\n  itemInfo: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/Chart/chartPlotlyOverrides.js

@@ -111,8 +111,8 @@ const applyLayoutRootDefaults = (inputLayout, layoutStyles) => {
     t: 50,
     pad: 0
   });
-  layout.plot_bgcolor = layoutStyles.plotColor;
-  layout.paper_bgcolor = layoutStyles.plotColor;
+  setterIfNil(layout, "plot_bgcolor", layoutStyles.plotColor);
+  setterIfNil(layout, "paper_bgcolor", layoutStyles.plotColor);
 };
 
 export const applyLayoutDefaults = (inputLayout, theme, isHorizontal, xAxisTitle, yAxisTitle) => {

package/dist/modern/Chart/chartPlotlyOverrides.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Chart/chartPlotlyOverrides.js"],"names":["styles","setterIfNil","object","property","value","applyLayoutYaxisDefaults","inputLayout","layoutStyles","yAxisTitle","isHorizontal","layout","yaxis","title","family","vizText","fontFamily","size","fontSize","color","gridColor","lineColor","applyLayoutXaxisDefaults","xAxisTitle","xaxis","applyLayoutLegendDefaults","x","y","xanchor","yanchor","orientation","legend","legendText","applyLayoutRootDefaults","Object","values","defaultColors","l","b","t","pad","plot_bgcolor","plotColor","paper_bgcolor","applyLayoutDefaults","theme","applyConfigDefaults","config","responsive","displayModeBar"],"mappings":"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","sourcesContent":["import styles from \"./styles\";\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 *\n */\n\nconst applyLayoutYaxisDefaults = (inputLayout, layoutStyles, yAxisTitle, isHorizontal) => {\n  const layout = inputLayout;\n\n  setterIfNil(layout, \"yaxis\", {});\n\n  setterIfNil(layout.yaxis, \"automargin\", true);\n\n  setterIfNil(layout.yaxis, \"title\", {});\n\n  setterIfNil(layout.yaxis.title, \"font\", {\n    family: layoutStyles.vizText.fontFamily,\n    size: layoutStyles.vizText.fontSize,\n    color: layoutStyles.vizText.color,\n  });\n\n  setterIfNil(layout.yaxis, \"fixedrange\", true);\n\n  setterIfNil(layout.yaxis, \"ticks\", \"\");\n  setterIfNil(layout.yaxis, \"tickfont\", {\n    family: layoutStyles.vizText.fontFamily,\n    size: layoutStyles.vizText.fontSize,\n    color: layoutStyles.vizText.color,\n  });\n\n  setterIfNil(layout.yaxis, \"gridcolor\", layoutStyles.gridColor);\n  setterIfNil(layout.yaxis, \"showgrid\", !isHorizontal);\n  setterIfNil(layout.yaxis, \"showline\", isHorizontal);\n\n  setterIfNil(layout.yaxis, \"linecolor\", layoutStyles.lineColor);\n  setterIfNil(layout.yaxis, \"linewidth\", 1);\n  setterIfNil(layout.yaxis, \"zeroline\", false);\n\n  if (yAxisTitle) {\n    setterIfNil(layout, \"yaxis\", {});\n    setterIfNil(layout.yaxis, \"title\", {});\n    setterIfNil(layout.yaxis.title, \"text\", yAxisTitle);\n  }\n\n  return layout;\n};\n\nconst applyLayoutXaxisDefaults = (inputLayout, layoutStyles, xAxisTitle, isHorizontal) => {\n  const layout = inputLayout;\n  setterIfNil(layout, \"xaxis\", {});\n\n  setterIfNil(layout.xaxis, \"automargin\", true);\n\n  setterIfNil(layout.xaxis, \"title\", {});\n  setterIfNil(layout.xaxis.title, \"font\", {\n    family: layoutStyles.vizText.fontFamily,\n    size: layoutStyles.vizText.fontSize,\n    color: layoutStyles.vizText.color,\n  });\n\n  setterIfNil(layout.xaxis, \"fixedrange\", true);\n\n  setterIfNil(layout.xaxis, \"ticks\", \"\");\n  setterIfNil(layout.xaxis, \"tickfont\", {\n    family: layoutStyles.vizText.fontFamily,\n    size: layoutStyles.vizText.fontSize,\n    color: layoutStyles.vizText.color,\n  });\n\n  setterIfNil(layout.xaxis, \"gridcolor\", layoutStyles.gridColor);\n  setterIfNil(layout.xaxis, \"showgrid\", isHorizontal);\n  setterIfNil(layout.xaxis, \"showline\", !isHorizontal);\n\n  setterIfNil(layout.xaxis, \"linewidth\", 1);\n  setterIfNil(layout.xaxis, \"linecolor\", layoutStyles.lineColor);\n  setterIfNil(layout.xaxis, \"zeroline\", false);\n\n  if (xAxisTitle) {\n    setterIfNil(layout, \"xaxis\", {});\n    setterIfNil(layout.xaxis, \"title\", {});\n    setterIfNil(layout.xaxis.title, \"text\", xAxisTitle);\n  }\n  return layout;\n};\n\nconst applyLayoutLegendDefaults = (inputLayout, layoutStyles) => {\n  const layout = inputLayout;\n\n  setterIfNil(layout, \"legend\", {\n    x: 0.5,\n    y: 1.15,\n    xanchor: \"center\",\n    yanchor: \"middle\",\n    orientation: \"h\",\n  });\n\n  setterIfNil(layout.legend, \"font\", {\n    family: layoutStyles.legendText.fontFamily,\n    size: layoutStyles.legendText.fontSize,\n    color: layoutStyles.legendText.color,\n  });\n  return layout;\n};\n\nconst applyLayoutRootDefaults = (inputLayout, layoutStyles) => {\n  const layout = inputLayout;\n\n  setterIfNil(layout, \"colorway\", Object.values(layoutStyles.defaultColors));\n\n  setterIfNil(layout, \"autosize\", true);\n\n  setterIfNil(layout, \"margin\", {\n    l: 50,\n    b: 50,\n    t: 50,\n    pad: 0,\n  });\n\n  layout.plot_bgcolor = layoutStyles.plotColor;\n  layout.paper_bgcolor = layoutStyles.plotColor;\n};\n\nexport const applyLayoutDefaults = (inputLayout, theme, isHorizontal, xAxisTitle, yAxisTitle) => {\n  const layoutStyles = styles(theme);\n  const layout = { ...inputLayout };\n\n  // Layout\n  applyLayoutRootDefaults(layout, layoutStyles);\n\n  // Legend\n  applyLayoutLegendDefaults(layout, layoutStyles);\n\n  // Xaxis\n  applyLayoutXaxisDefaults(layout, layoutStyles, xAxisTitle, isHorizontal);\n\n  // Yaxis\n  applyLayoutYaxisDefaults(layout, layoutStyles, yAxisTitle, isHorizontal);\n\n  return layout;\n};\n\nexport const applyConfigDefaults = (config) => ({\n  responsive: true,\n  displayModeBar: false,\n  ...config,\n});\n"],"file":"chartPlotlyOverrides.js"}
+{"version":3,"sources":["../../../src/Chart/chartPlotlyOverrides.js"],"names":["styles","setterIfNil","object","property","value","applyLayoutYaxisDefaults","inputLayout","layoutStyles","yAxisTitle","isHorizontal","layout","yaxis","title","family","vizText","fontFamily","size","fontSize","color","gridColor","lineColor","applyLayoutXaxisDefaults","xAxisTitle","xaxis","applyLayoutLegendDefaults","x","y","xanchor","yanchor","orientation","legend","legendText","applyLayoutRootDefaults","Object","values","defaultColors","l","b","t","pad","plotColor","applyLayoutDefaults","theme","applyConfigDefaults","config","responsive","displayModeBar"],"mappings":"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","sourcesContent":["import styles from \"./styles\";\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 *\n */\n\nconst applyLayoutYaxisDefaults = (inputLayout, layoutStyles, yAxisTitle, isHorizontal) => {\n  const layout = inputLayout;\n\n  setterIfNil(layout, \"yaxis\", {});\n\n  setterIfNil(layout.yaxis, \"automargin\", true);\n\n  setterIfNil(layout.yaxis, \"title\", {});\n\n  setterIfNil(layout.yaxis.title, \"font\", {\n    family: layoutStyles.vizText.fontFamily,\n    size: layoutStyles.vizText.fontSize,\n    color: layoutStyles.vizText.color,\n  });\n\n  setterIfNil(layout.yaxis, \"fixedrange\", true);\n\n  setterIfNil(layout.yaxis, \"ticks\", \"\");\n  setterIfNil(layout.yaxis, \"tickfont\", {\n    family: layoutStyles.vizText.fontFamily,\n    size: layoutStyles.vizText.fontSize,\n    color: layoutStyles.vizText.color,\n  });\n\n  setterIfNil(layout.yaxis, \"gridcolor\", layoutStyles.gridColor);\n  setterIfNil(layout.yaxis, \"showgrid\", !isHorizontal);\n  setterIfNil(layout.yaxis, \"showline\", isHorizontal);\n\n  setterIfNil(layout.yaxis, \"linecolor\", layoutStyles.lineColor);\n  setterIfNil(layout.yaxis, \"linewidth\", 1);\n  setterIfNil(layout.yaxis, \"zeroline\", false);\n\n  if (yAxisTitle) {\n    setterIfNil(layout, \"yaxis\", {});\n    setterIfNil(layout.yaxis, \"title\", {});\n    setterIfNil(layout.yaxis.title, \"text\", yAxisTitle);\n  }\n\n  return layout;\n};\n\nconst applyLayoutXaxisDefaults = (inputLayout, layoutStyles, xAxisTitle, isHorizontal) => {\n  const layout = inputLayout;\n  setterIfNil(layout, \"xaxis\", {});\n\n  setterIfNil(layout.xaxis, \"automargin\", true);\n\n  setterIfNil(layout.xaxis, \"title\", {});\n  setterIfNil(layout.xaxis.title, \"font\", {\n    family: layoutStyles.vizText.fontFamily,\n    size: layoutStyles.vizText.fontSize,\n    color: layoutStyles.vizText.color,\n  });\n\n  setterIfNil(layout.xaxis, \"fixedrange\", true);\n\n  setterIfNil(layout.xaxis, \"ticks\", \"\");\n  setterIfNil(layout.xaxis, \"tickfont\", {\n    family: layoutStyles.vizText.fontFamily,\n    size: layoutStyles.vizText.fontSize,\n    color: layoutStyles.vizText.color,\n  });\n\n  setterIfNil(layout.xaxis, \"gridcolor\", layoutStyles.gridColor);\n  setterIfNil(layout.xaxis, \"showgrid\", isHorizontal);\n  setterIfNil(layout.xaxis, \"showline\", !isHorizontal);\n\n  setterIfNil(layout.xaxis, \"linewidth\", 1);\n  setterIfNil(layout.xaxis, \"linecolor\", layoutStyles.lineColor);\n  setterIfNil(layout.xaxis, \"zeroline\", false);\n\n  if (xAxisTitle) {\n    setterIfNil(layout, \"xaxis\", {});\n    setterIfNil(layout.xaxis, \"title\", {});\n    setterIfNil(layout.xaxis.title, \"text\", xAxisTitle);\n  }\n  return layout;\n};\n\nconst applyLayoutLegendDefaults = (inputLayout, layoutStyles) => {\n  const layout = inputLayout;\n\n  setterIfNil(layout, \"legend\", {\n    x: 0.5,\n    y: 1.15,\n    xanchor: \"center\",\n    yanchor: \"middle\",\n    orientation: \"h\",\n  });\n\n  setterIfNil(layout.legend, \"font\", {\n    family: layoutStyles.legendText.fontFamily,\n    size: layoutStyles.legendText.fontSize,\n    color: layoutStyles.legendText.color,\n  });\n  return layout;\n};\n\nconst applyLayoutRootDefaults = (inputLayout, layoutStyles) => {\n  const layout = inputLayout;\n\n  setterIfNil(layout, \"colorway\", Object.values(layoutStyles.defaultColors));\n\n  setterIfNil(layout, \"autosize\", true);\n\n  setterIfNil(layout, \"margin\", {\n    l: 50,\n    b: 50,\n    t: 50,\n    pad: 0,\n  });\n\n  setterIfNil(layout, \"plot_bgcolor\", layoutStyles.plotColor);\n  setterIfNil(layout, \"paper_bgcolor\", layoutStyles.plotColor);\n};\n\nexport const applyLayoutDefaults = (inputLayout, theme, isHorizontal, xAxisTitle, yAxisTitle) => {\n  const layoutStyles = styles(theme);\n  const layout = { ...inputLayout };\n\n  // Layout\n  applyLayoutRootDefaults(layout, layoutStyles);\n\n  // Legend\n  applyLayoutLegendDefaults(layout, layoutStyles);\n\n  // Xaxis\n  applyLayoutXaxisDefaults(layout, layoutStyles, xAxisTitle, isHorizontal);\n\n  // Yaxis\n  applyLayoutYaxisDefaults(layout, layoutStyles, yAxisTitle, isHorizontal);\n\n  return layout;\n};\n\nexport const applyConfigDefaults = (config) => ({\n  responsive: true,\n  displayModeBar: false,\n  ...config,\n});\n"],"file":"chartPlotlyOverrides.js"}

package/dist/modern/FileUploader/File/styles.js

@@ -17,7 +17,8 @@ const styles = theme => ({
   },
   progressTextContainer: {
     display: "flex",
-    flexGrow: 1
+    flexGrow: 1,
+    alignItems: "center"
   },
   previewContainer: {
     display: "flex",

package/dist/modern/FileUploader/File/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/FileUploader/File/styles.js"],"names":["styles","theme","progressbarBack","position","top","width","border","hv","palette","atmosphere","atmo4","progressbar","height","accent","acce1","background","progressTextContainer","display","flexGrow","previewContainer","margin","hvSpacing","justifyContent","alignItems","maxWidth","maxHeight","objectFit","objectPosition","icon","removeButton","fail","color","sema4","nameText"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,eAAe,EAAE;AACfC,IAAAA,QAAQ,EAAE,UADK;AAEfC,IAAAA,GAAG,EAAE,MAFU;AAGfC,IAAAA,KAAK,EAAE,MAHQ;AAIfC,IAAAA,MAAM,EAAG,aAAYL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM;AAJxC,GADQ;AAOzBC,EAAAA,WAAW,EAAE;AACXR,IAAAA,QAAQ,EAAE,UADC;AAEXC,IAAAA,GAAG,EAAE,MAFM;AAGXC,IAAAA,KAAK,EAAE,KAHI;AAIXO,IAAAA,MAAM,EAAE,CAJG;AAKXN,IAAAA,MAAM,EAAG,aAAYL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC,KAAM,EALxC;AAMX,4BAAwB;AACtBC,MAAAA,UAAU,EAAEd,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC;AADd;AANb,GAPY;AAiBzBE,EAAAA,qBAAqB,EAAE;AACrBC,IAAAA,OAAO,EAAE,MADY;AAErBC,IAAAA,QAAQ,EAAE;AAFW,GAjBE;AAqBzBC,EAAAA,gBAAgB,EAAE;AAChBF,IAAAA,OAAO,EAAE,MADO;AAEhBG,IAAAA,MAAM,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFQ;AAGhBhB,IAAAA,KAAK,EAAE,EAHS;AAIhBO,IAAAA,MAAM,EAAE,EAJQ;AAKhBU,IAAAA,cAAc,EAAE,QALA;AAMhBC,IAAAA,UAAU,EAAE,QANI;AAQhB,aAAS;AACPlB,MAAAA,KAAK,EAAE,MADA;AAEPO,MAAAA,MAAM,EAAE,MAFD;AAGPY,MAAAA,QAAQ,EAAE,EAHH;AAIPC,MAAAA,SAAS,EAAE,EAJJ;AAKPC,MAAAA,SAAS,EAAE,OALJ;AAMPC,MAAAA,cAAc,EAAE;AANT;AARO,GArBO;AAsCzBC,EAAAA,IAAI,EAAE;AACJvB,IAAAA,KAAK,EAAE,EADH;AAEJO,IAAAA,MAAM,EAAE,EAFJ;AAGJQ,IAAAA,MAAM,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB;AAHJ,GAtCmB;AA2CzBQ,EAAAA,YAAY,EAAE;AACZT,IAAAA,MAAM,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB;AADI,GA3CW;AA8CzBS,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE9B,KAAK,CAACO,OAAN,CAAcwB;AADjB,GA9CmB;AAiDzBC,EAAAA,QAAQ,EAAE;AAjDe,CAAZ,CAAf;;AAoDA,eAAejC,MAAf","sourcesContent":["const styles = (theme) => ({\n  progressbarBack: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"100%\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  progressbar: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"80%\",\n    height: 2,\n    border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    \"&::-moz-progress-bar\": {\n      background: theme.hv.palette.accent.acce1,\n    },\n  },\n  progressTextContainer: {\n    display: \"flex\",\n    flexGrow: 1,\n  },\n  previewContainer: {\n    display: \"flex\",\n    margin: theme.hvSpacing(0, \"xs\"),\n    width: 52,\n    height: 52,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n\n    \"& img\": {\n      width: \"100%\",\n      height: \"100%\",\n      maxWidth: 52,\n      maxHeight: 52,\n      objectFit: \"cover\",\n      objectPosition: \"center\",\n    },\n  },\n  icon: {\n    width: 32,\n    height: 32,\n    margin: theme.hvSpacing(0, \"xs\"),\n  },\n  removeButton: {\n    margin: theme.hvSpacing(0, \"xs\"),\n  },\n  fail: {\n    color: theme.palette.sema4,\n  },\n  nameText: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}
+{"version":3,"sources":["../../../../src/FileUploader/File/styles.js"],"names":["styles","theme","progressbarBack","position","top","width","border","hv","palette","atmosphere","atmo4","progressbar","height","accent","acce1","background","progressTextContainer","display","flexGrow","alignItems","previewContainer","margin","hvSpacing","justifyContent","maxWidth","maxHeight","objectFit","objectPosition","icon","removeButton","fail","color","sema4","nameText"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,eAAe,EAAE;AACfC,IAAAA,QAAQ,EAAE,UADK;AAEfC,IAAAA,GAAG,EAAE,MAFU;AAGfC,IAAAA,KAAK,EAAE,MAHQ;AAIfC,IAAAA,MAAM,EAAG,aAAYL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM;AAJxC,GADQ;AAOzBC,EAAAA,WAAW,EAAE;AACXR,IAAAA,QAAQ,EAAE,UADC;AAEXC,IAAAA,GAAG,EAAE,MAFM;AAGXC,IAAAA,KAAK,EAAE,KAHI;AAIXO,IAAAA,MAAM,EAAE,CAJG;AAKXN,IAAAA,MAAM,EAAG,aAAYL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC,KAAM,EALxC;AAMX,4BAAwB;AACtBC,MAAAA,UAAU,EAAEd,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC;AADd;AANb,GAPY;AAiBzBE,EAAAA,qBAAqB,EAAE;AACrBC,IAAAA,OAAO,EAAE,MADY;AAErBC,IAAAA,QAAQ,EAAE,CAFW;AAGrBC,IAAAA,UAAU,EAAE;AAHS,GAjBE;AAsBzBC,EAAAA,gBAAgB,EAAE;AAChBH,IAAAA,OAAO,EAAE,MADO;AAEhBI,IAAAA,MAAM,EAAEpB,KAAK,CAACqB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFQ;AAGhBjB,IAAAA,KAAK,EAAE,EAHS;AAIhBO,IAAAA,MAAM,EAAE,EAJQ;AAKhBW,IAAAA,cAAc,EAAE,QALA;AAMhBJ,IAAAA,UAAU,EAAE,QANI;AAQhB,aAAS;AACPd,MAAAA,KAAK,EAAE,MADA;AAEPO,MAAAA,MAAM,EAAE,MAFD;AAGPY,MAAAA,QAAQ,EAAE,EAHH;AAIPC,MAAAA,SAAS,EAAE,EAJJ;AAKPC,MAAAA,SAAS,EAAE,OALJ;AAMPC,MAAAA,cAAc,EAAE;AANT;AARO,GAtBO;AAuCzBC,EAAAA,IAAI,EAAE;AACJvB,IAAAA,KAAK,EAAE,EADH;AAEJO,IAAAA,MAAM,EAAE,EAFJ;AAGJS,IAAAA,MAAM,EAAEpB,KAAK,CAACqB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB;AAHJ,GAvCmB;AA4CzBO,EAAAA,YAAY,EAAE;AACZR,IAAAA,MAAM,EAAEpB,KAAK,CAACqB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB;AADI,GA5CW;AA+CzBQ,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE9B,KAAK,CAACO,OAAN,CAAcwB;AADjB,GA/CmB;AAkDzBC,EAAAA,QAAQ,EAAE;AAlDe,CAAZ,CAAf;;AAqDA,eAAejC,MAAf","sourcesContent":["const styles = (theme) => ({\n  progressbarBack: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"100%\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  progressbar: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"80%\",\n    height: 2,\n    border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    \"&::-moz-progress-bar\": {\n      background: theme.hv.palette.accent.acce1,\n    },\n  },\n  progressTextContainer: {\n    display: \"flex\",\n    flexGrow: 1,\n    alignItems: \"center\",\n  },\n  previewContainer: {\n    display: \"flex\",\n    margin: theme.hvSpacing(0, \"xs\"),\n    width: 52,\n    height: 52,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n\n    \"& img\": {\n      width: \"100%\",\n      height: \"100%\",\n      maxWidth: 52,\n      maxHeight: 52,\n      objectFit: \"cover\",\n      objectPosition: \"center\",\n    },\n  },\n  icon: {\n    width: 32,\n    height: 32,\n    margin: theme.hvSpacing(0, \"xs\"),\n  },\n  removeButton: {\n    margin: theme.hvSpacing(0, \"xs\"),\n  },\n  fail: {\n    color: theme.palette.sema4,\n  },\n  nameText: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}