@hitachivantara/uikit-react-lab 3.52.2 → 4.0.1-next.0

package/dist/modern/AppSwitcherPanel/AppSwitcherPanel.d.ts

@@ -1,67 +0,0 @@
-import * as React from "react";
-import { StandardProps } from "@material-ui/core";
-
-import { HvAppSwitcherPanelActionApplication } from "./Action";
-
-export type HvAppSwitcherPanelClassKey =
-  | "root"
-  | "single"
-  | "dual"
-  | "fluid"
-  | "title"
-  | "actionsContainer"
-  | "footerContainer"
-  | "closed"
-  | "open"
-  | "item"
-  | "itemSelected"
-  | "itemDisabled"
-  | "itemTrigger"
-  | "itemIcon"
-  | "itemTitle"
-  | "itemInfoIcon";
-
-export interface HvAppSwitcherPanelProps
-  extends StandardProps<React.HTMLAttributes<HTMLElement>, HvAppSwitcherPanelClassKey> {
-  /**
-   * 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: HvAppSwitcherPanelActionApplication[];
-
-  /**
-   * Triggered when an action is clicked.
-   */
-  onActionClickedCallback?: (
-    event: MouseEvent,
-    application?: HvAppSwitcherPanelActionApplication
-  ) => void;
-  /**
-   * Must return a boolean stating if the action element is selected or not.
-   */
-  isActionSelectedCallback?: (application?: HvAppSwitcherPanelActionApplication) => 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 HvAppSwitcherPanel(props: HvAppSwitcherPanelProps): JSX.Element | null;

package/dist/modern/AppSwitcherPanel/AppSwitcherPanel.js

@@ -1,192 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-import { deprecatedPropType, withStyles } from "@material-ui/core";
-import { HvListContainer, useDeprecated } from "@hitachivantara/uikit-react-core";
-import styles from "./styles";
-import TitleWithTooltip from "./TitleWithTooltip";
-import Action from "./Action";
-
-const AppSwitcherPanel = props => {
-  const {
-    id,
-    className,
-    classes,
-    layout = "single",
-    title,
-    applications,
-    onActionClickedCallback = () => {},
-    isActionSelectedCallback = () => false,
-    header,
-    footer,
-    isOpen
-  } = props;
-  useDeprecated("AppSwitcherPanel", "Please use the AppSwitcherPanel component in Core");
-
-  const actionClicked = (event, application) => {
-    onActionClickedCallback === null || onActionClickedCallback === void 0 ? void 0 : onActionClickedCallback(event, application);
-  };
-
-  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" ? AppSwitcherPanel.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({
-    root: PropTypes.string,
-    single: PropTypes.string,
-    dual: PropTypes.string,
-    fluid: PropTypes.string,
-    title: PropTypes.string,
-    actionsContainer: PropTypes.string,
-    footerContainer: PropTypes.string,
-    closed: PropTypes.string,
-    open: PropTypes.string,
-    item: PropTypes.string,
-    itemSelected: PropTypes.string,
-    itemDisabled: PropTypes.string,
-    itemTrigger: PropTypes.string,
-    itemIcon: PropTypes.string,
-    itemTitle: PropTypes.string,
-    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 HvAppSwitcherPanel inside a Drawer component.
-   */
-  isOpen: deprecatedPropType(PropTypes.bool)
-} : void 0;
-export default withStyles(styles, {
-  name: "HvAppSwitcherPanel"
-})(AppSwitcherPanel);
-//# sourceMappingURL=AppSwitcherPanel.js.map

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

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

package/dist/modern/AppSwitcherPanel/TitleWithTooltip.js

@@ -1,41 +0,0 @@
-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 "@hitachivantara/uikit-react-core";
-
-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/AppSwitcherPanel/TitleWithTooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TitleWithTooltip.js","names":["React","useEffect","useRef","useState","PropTypes","HvTooltip","HvTypography","TitleWithTooltip","className","title","isOverflowed","setIsOverflowed","textRef","current","scrollWidth","clientWidth","scrollHeight","clientHeight","propTypes","string"],"sources":["../../../src/AppSwitcherPanel/TitleWithTooltip.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvTooltip, HvTypography } from \"@hitachivantara/uikit-react-core\";\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"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,SAAT,EAAoBC,YAApB,QAAwC,kCAAxC;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;EAAEC,SAAF;EAAaC;AAAb,CAAD,KAA0B;EACjD,MAAM,CAACC,YAAD,EAAeC,eAAf,IAAkCR,QAAQ,CAAC,KAAD,CAAhD;EACA,MAAMS,OAAO,GAAGV,MAAM,EAAtB;EAEAD,SAAS,CAAC,MAAM;IACd,IAAIW,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAEC,OAAb,EAAsB;MACpBF,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;IAID;EACF,CAPQ,EAON,EAPM,CAAT;EASA,oBACE,oBAAC,SAAD;IACE,oBAAoB,EAAE,CAACP,YADzB;IAEE,SAAS,EAAC,WAFZ;IAGE,KAAK,eAAE,oBAAC,YAAD,QAAeD,KAAf;EAHT,gBAKE,oBAAC,YAAD;IAAc,OAAO,EAAC,eAAtB;IAAsC,SAAS,EAAC,MAAhD;IAAuD,GAAG,EAAEG,OAA5D;IAAqE,SAAS,EAAEJ;EAAhF,GACGC,KADH,CALF,CADF;AAWD,CAxBD;;AA0BA,wCAAAF,gBAAgB,CAACW,SAAjB,GAA6B;EAC3B;AACF;AACA;EACEV,SAAS,EAAEJ,SAAS,CAACe,MAJM;;EAK3B;AACF;AACA;EACEV,KAAK,EAAEL,SAAS,CAACe;AARU,CAA7B;AAWA,eAAeZ,gBAAf"}

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

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

package/dist/modern/AppSwitcherPanel/index.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default","HvAppSwitcherPanelAction"],"sources":["../../../src/AppSwitcherPanel/index.js"],"sourcesContent":["export { default } from \"./AppSwitcherPanel\";\nexport { default as HvAppSwitcherPanelAction } from \"./Action\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,oBAAxB;AACA,SAASA,OAAO,IAAIC,wBAApB,QAAoD,UAApD"}

package/dist/modern/AppSwitcherPanel/styles.js

@@ -1,67 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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/AppSwitcherPanel/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"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"],"sources":["../../../src/AppSwitcherPanel/styles.js"],"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"],"mappings":";;;;;;AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,aAAa,EAAE,QAFX;IAIJC,QAAQ,EAAE,QAJN;IAMJ;IACAC,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;IAWJC,eAAe,EAAET,KAAK,CAACM,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC;EAXzC,CADmB;EAezBC,MAAM,EAAE;IACNC,KAAK,EAAE;EADD,CAfiB;EAkBzBC,IAAI,EAAE;IACJD,KAAK,EAAE;EADH,CAlBmB;EAqBzBE,KAAK,EAAE,EArBkB;EAuBzBC,MAAM,EAAE;IACNf,OAAO,EAAE;EADH,CAvBiB;EA0BzBgB,IAAI,EAAE;IACJC,MAAM,EAAE,MADJ;IAEJC,QAAQ,EAAE,UAFN;IAGJC,GAAG,EAAE,MAHD;IAIJC,SAAS,EAAE,QAJP;IAKJC,SAAS,EAAEvB,KAAK,CAACM,EAAN,CAASkB,OAAT,CAAiB,CAAjB;EALP,CA1BmB;EAkCzBC,KAAK,EAAE;IACLC,SAAS,EAAE,EADN;IAGL;IACArB,OAAO,EAAG,OAAML,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAG,MAAKR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,QAJ5D;IAMLJ,QAAQ,EAAE,QANL;IAOLuB,UAAU,EAAE,QAPP;IAQLC,YAAY,EAAE;EART,CAlCkB;EA6CzBC,gBAAgB,EAAE;IAChB3B,OAAO,EAAE,MADO;IAEhB4B,QAAQ,EAAE,MAFM;IAGhBC,cAAc,EAAE,YAHA;IAKhBC,SAAS,EAAE,MALK;IAOhB;IACA3B,OAAO,EAAE;EARO,CA7CO;EAwDzB4B,eAAe;IACb/B,OAAO,EAAE,MADI;IAEbgC,UAAU,EAAE,QAFC;IAIbC,SAAS,EAAE,MAJE;IAMbC,MAAM,EAAE,EANK;IAQb;IACA/B,OAAO,EAAG,GAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,MAAKR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE;EATpD,GAWVR,KAAK,CAACM,EAAN,CAAS+B,UAAT,CAAoBC,aAXV,CAxDU;EAsEzBC,IAAI,EAAE,EAtEmB;EAuEzBC,YAAY,EAAE,EAvEW;EAwEzBC,YAAY,EAAE,EAxEW;EAyEzBC,cAAc,EAAE,EAzES;EA0EzBC,QAAQ,EAAE,EA1Ee;EA2EzBC,SAAS,EAAE,EA3Ec;EA4EzBC,QAAQ,EAAE;AA5Ee,CAAZ,CAAf;;AA+EA,eAAe9C,MAAf"}

package/dist/modern/Controls/Controls.d.ts

@@ -1,57 +0,0 @@
-import { StandardProps } from "@material-ui/core";
-
-export type HvControlsClassKey = "root" | "rightSection" | "leftSection";
-
-export interface HvControlsSortValue {
-  id: string;
-  desc: string;
-}
-export interface HvControlsViewConfiguration extends Record<string, unknown> {
-  id: string;
-  label: string;
-  icon: React.ReactNode;
-}
-
-export interface HvControlsCallbacks extends Record<string, unknown> {
-  setSortBy?: (v: HvControlsSortValue[]) => void;
-  setGlobalFilter?: (v: string) => void;
-}
-
-export interface HvControlsProps
-  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvControlsClassKey> {
-  /** Children to be rendered. */
-  id?: string;
-  /**
-   * Class names to be applied.
-   */
-  className?: string;
-  /**
-   * An instance of useHvTable or useTable used to manage the data
-   * if this is not provided data sorting and search must be handled externally
-   */
-  callbacks?: HvControlsCallbacks;
-  /**
-   * Views configuration required for the view buttons
-   */
-  views?: HvControlsViewConfiguration[];
-  /**
-   * What view is selected by default
-   */
-  defaultView?: string;
-  /**
-   * Sets the selected view to be the one specified
-   * if specified the component is in a controlled state and it won't change it state
-   * unless specified externally
-   */
-  selectedView?: string;
-  /**
-   * Callback called when the view switcher button is pressed
-   */
-  onViewChange?: (event: Event, id: string) => void;
-  /**
-   * if `true` the button to switch views is not rendered
-   */
-  hideViewSwitcher?: boolean;
-}
-
-export default function HvControls(props: HvControlsProps): JSX.Element | null;

package/dist/modern/Controls/Controls.js

@@ -1,164 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["id", "icon"];
-import "core-js/modules/web.dom-collections.iterator.js";
-import React from "react";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
-import { useControlled, HvMultiButton, HvButton, setId } from "@hitachivantara/uikit-react-core";
-import { HvControlsContextProvider } from "./context/ControlsContext";
-import styleCreator from "./styles";
-/** Controls it's a group of features used to control data that can be rendered using different views (table, cards, list). */
-
-const HvControls = ({
-  id,
-  views,
-  classes,
-  className,
-  callbacks,
-  selectedView,
-  defaultView,
-  children,
-  hideViewSwitcher = false,
-  onViewChange
-}) => {
-  const [currentView, setCurrentView] = useControlled(selectedView, defaultView);
-
-  const onViewChangeHandler = (evt, btnId) => {
-    setCurrentView(btnId);
-    onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(evt, btnId);
-  };
-
-  const onSearchHandler = value => callbacks === null || callbacks === void 0 ? void 0 : callbacks.setGlobalFilter(value);
-
-  const onSortHandler = value => callbacks === null || callbacks === void 0 ? void 0 : callbacks.setSortBy([{
-    id: value === null || value === void 0 ? void 0 : value.accessor,
-    desc: value === null || value === void 0 ? void 0 : value.desc
-  }]);
-
-  const childrenIndexCut = (children === null || children === void 0 ? void 0 : children.length) > 0 ? Math.round(children.length * 0.5) : 0;
-  const leftChildren = children.slice(0, childrenIndexCut);
-  const rightChildren = children.slice(childrenIndexCut, (children === null || children === void 0 ? void 0 : children.length) || 0);
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: clsx(className, classes.root)
-  }, /*#__PURE__*/React.createElement(HvControlsContextProvider, {
-    value: {
-      onSearch: onSearchHandler,
-      onSort: onSortHandler
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: clsx(classes.section, classes.leftSection)
-  }, leftChildren), /*#__PURE__*/React.createElement("div", {
-    className: clsx(classes.section, classes.rightSection)
-  }, rightChildren, !hideViewSwitcher && (views === null || views === void 0 ? void 0 : views.length) > 0 && /*#__PURE__*/React.createElement(HvMultiButton, {
-    id: setId(id, "view-multi-button")
-  }, views === null || views === void 0 ? void 0 : views.map(_ref => {
-    let {
-      id: btnId,
-      icon
-    } = _ref,
-        others = _objectWithoutProperties(_ref, _excluded);
-
-    return /*#__PURE__*/React.createElement(HvButton, _extends({
-      id: btnId,
-      key: btnId,
-      icon: true,
-      selected: currentView === btnId,
-      onClick: evt => onViewChangeHandler(evt, btnId)
-    }, others), icon);
-  })))));
-};
-
-process.env.NODE_ENV !== "production" ? HvControls.propTypes = {
-  /** Children to be rendered. */
-  id: PropTypes.string,
-
-  /**
-   * Class names to be applied.
-   */
-  className: PropTypes.string,
-
-  /**
-   * Children elements to be rendered
-   */
-  children: PropTypes.node,
-
-  /**
-   * An instance of useHvTable or useTable used to manage the data
-   * if this is not provided data sorting and search must be handled externally
-   */
-  callbacks: PropTypes.shape({
-    /**
-     * Callback used by the .
-     */
-    setSortBy: PropTypes.func,
-
-    /**
-     * Callback used by the search input to filter data across all fields
-     */
-    setGlobalFilter: PropTypes.func
-  }),
-
-  /**
-   * Views configuration required for the view buttons
-   */
-  views: PropTypes.arrayOf(PropTypes.shape({
-    label: PropTypes.string,
-    icon: PropTypes.node,
-    id: PropTypes.string
-  })),
-
-  /**
-   * the classes object to be applied into the root object.
-   */
-  classes: PropTypes.shape({
-    /**
-     * Style applied to the root of the component.
-     */
-    root: PropTypes.string,
-
-    /**
-     * Right box of the controls
-     */
-    rightSection: PropTypes.string,
-
-    /**
-     * Left box of the controls
-     */
-    leftSection: PropTypes.string,
-
-    /**
-     * common styles for left and right controls
-     */
-    section: PropTypes.string
-  }).isRequired,
-
-  /**
-   * What view is selected by default
-   */
-  defaultView: PropTypes.string,
-
-  /**
-   * Sets the selected view to be the one specified
-   * if specified the component is in a controlled state and it won't change it state
-   * unless specified externally
-   */
-  selectedView: PropTypes.string,
-
-  /**
-   * Callback called when the view switcher button is pressed
-   */
-  onViewChange: PropTypes.func,
-
-  /**
-   * if `true` the button to switch views is not rendered
-   */
-  hideViewSwitcher: PropTypes.bool
-} : void 0;
-export default withStyles(styleCreator, {
-  name: "HvControls",
-  withTheme: true
-})(HvControls);
-//# sourceMappingURL=Controls.js.map

package/dist/modern/Controls/Controls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Controls.js","names":["React","PropTypes","clsx","withStyles","useControlled","HvMultiButton","HvButton","setId","HvControlsContextProvider","styleCreator","HvControls","id","views","classes","className","callbacks","selectedView","defaultView","children","hideViewSwitcher","onViewChange","currentView","setCurrentView","onViewChangeHandler","evt","btnId","onSearchHandler","value","setGlobalFilter","onSortHandler","setSortBy","accessor","desc","childrenIndexCut","length","Math","round","leftChildren","slice","rightChildren","root","onSearch","onSort","section","leftSection","rightSection","map","icon","others","propTypes","string","node","shape","func","arrayOf","label","isRequired","bool","name","withTheme"],"sources":["../../../src/Controls/Controls.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { useControlled, HvMultiButton, HvButton, setId } from \"@hitachivantara/uikit-react-core\";\nimport { HvControlsContextProvider } from \"./context/ControlsContext\";\nimport styleCreator from \"./styles\";\n\n/** Controls it's a group of features used to control data that can be rendered using different views (table, cards, list). */\nconst HvControls = ({\n  id,\n  views,\n  classes,\n  className,\n  callbacks,\n  selectedView,\n  defaultView,\n  children,\n  hideViewSwitcher = false,\n  onViewChange,\n}) => {\n  const [currentView, setCurrentView] = useControlled(selectedView, defaultView);\n\n  const onViewChangeHandler = (evt, btnId) => {\n    setCurrentView(btnId);\n    onViewChange?.(evt, btnId);\n  };\n\n  const onSearchHandler = (value) => callbacks?.setGlobalFilter(value);\n  const onSortHandler = (value) =>\n    callbacks?.setSortBy([\n      {\n        id: value?.accessor,\n        desc: value?.desc,\n      },\n    ]);\n  const childrenIndexCut = children?.length > 0 ? Math.round(children.length * 0.5) : 0;\n  const leftChildren = children.slice(0, childrenIndexCut);\n  const rightChildren = children.slice(childrenIndexCut, children?.length || 0);\n  return (\n    <div id={id} className={clsx(className, classes.root)}>\n      <HvControlsContextProvider\n        value={{\n          onSearch: onSearchHandler,\n          onSort: onSortHandler,\n        }}\n      >\n        <div className={clsx(classes.section, classes.leftSection)}>{leftChildren}</div>\n        <div className={clsx(classes.section, classes.rightSection)}>\n          {rightChildren}\n          {!hideViewSwitcher && views?.length > 0 && (\n            <HvMultiButton id={setId(id, \"view-multi-button\")}>\n              {views?.map(({ id: btnId, icon, ...others }) => (\n                <HvButton\n                  id={btnId}\n                  key={btnId}\n                  icon\n                  selected={currentView === btnId}\n                  onClick={(evt) => onViewChangeHandler(evt, btnId)}\n                  {...others}\n                >\n                  {icon}\n                </HvButton>\n              ))}\n            </HvMultiButton>\n          )}\n        </div>\n      </HvControlsContextProvider>\n    </div>\n  );\n};\n\nHvControls.propTypes = {\n  /** Children to be rendered. */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Children elements to be rendered\n   */\n  children: PropTypes.node,\n  /**\n   * An instance of useHvTable or useTable used to manage the data\n   * if this is not provided data sorting and search must be handled externally\n   */\n  callbacks: PropTypes.shape({\n    /**\n     * Callback used by the .\n     */\n    setSortBy: PropTypes.func,\n    /**\n     * Callback used by the search input to filter data across all fields\n     */\n    setGlobalFilter: PropTypes.func,\n  }),\n  /**\n   * Views configuration required for the view buttons\n   */\n  views: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      icon: PropTypes.node,\n      id: PropTypes.string,\n    })\n  ),\n  /**\n   * the classes object to be applied into the root object.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Right box of the controls\n     */\n    rightSection: PropTypes.string,\n    /**\n     * Left box of the controls\n     */\n    leftSection: PropTypes.string,\n    /**\n     * common styles for left and right controls\n     */\n    section: PropTypes.string,\n  }).isRequired,\n  /**\n   * What view is selected by default\n   */\n  defaultView: PropTypes.string,\n  /**\n   * Sets the selected view to be the one specified\n   * if specified the component is in a controlled state and it won't change it state\n   * unless specified externally\n   */\n  selectedView: PropTypes.string,\n  /**\n   * Callback called when the view switcher button is pressed\n   */\n  onViewChange: PropTypes.func,\n  /**\n   * if `true` the button to switch views is not rendered\n   */\n  hideViewSwitcher: PropTypes.bool,\n};\n\nexport default withStyles(styleCreator, { name: \"HvControls\", withTheme: true })(HvControls);\n"],"mappings":"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"}