@hitachivantara/uikit-react-lab 3.55.0 → 4.0.1-next.2

package/dist/modern/FormComposer/FormComposer.js

@@ -1,183 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import React from "react";
-import PropTypes, { shape } from "prop-types";
-import { withStyles } from "@material-ui/core";
-import { HvTypography } from "@hitachivantara/uikit-react-core";
-import HvNavigationAnchors from "../NavigationAnchors";
-import styles from "./styles";
-/**
- * A form composer component used to create a form dynamically, still in development
- */
-
-class HvFormComposer extends React.Component {
-  constructor(props) {
-    super(props);
-
-    _defineProperty(this, "getInitialValuesFromComponents", groups => {
-      const componentValues = {};
-      groups.forEach(group => {
-        group.children.forEach(child => {
-          componentValues[child.props.name] = child.props.value;
-        });
-      });
-      return componentValues;
-    });
-
-    _defineProperty(this, "getValues", () => {
-      const {
-        componentValues
-      } = this.state;
-      return componentValues;
-    });
-
-    _defineProperty(this, "getValuesHandler", originalHandler => {
-      if (originalHandler !== undefined && typeof originalHandler === "function") {
-        originalHandler(this.getValues());
-      }
-    });
-
-    _defineProperty(this, "childOnChangeHandler", (value, name, onChange) => {
-      const {
-        componentValues
-      } = this.state;
-
-      const newComponentValues = _objectSpread({}, componentValues);
-
-      newComponentValues[name] = value;
-      this.setState({
-        componentValues: newComponentValues
-      });
-
-      if (onChange !== undefined && typeof onChange === "function") {
-        return onChange(value);
-      } // The UI-KIT input forced to have the value explicitly returned on the onChanged function.
-
-
-      return value;
-    });
-
-    const {
-      groups: _groups
-    } = this.props;
-    this.state = {
-      componentValues: this.getInitialValuesFromComponents(_groups)
-    };
-  }
-  /**
-   * Gets the values that are set on each component inside the groups.
-   *
-   * @param {Object} groups - Initial group object containing all the component elements.
-   * @return {Object} - { key (Component name): value (Value set on the component) }
-   */
-
-
-  render() {
-    const {
-      classes,
-      mainTitle,
-      groups,
-      hasNavigation,
-      hasFooter,
-      footerContent
-    } = this.props;
-    const footerElements = footerContent.map((child, i) => {
-      const key = `fc-${i}`;
-      return /*#__PURE__*/React.cloneElement(child, {
-        onClick: () => this.getValuesHandler(child.props.onClick),
-        key
-      });
-    });
-    const navigationOptions = [];
-    const groupedComponents = groups.map(group => {
-      navigationOptions.push({
-        label: group.title,
-        value: group.title
-      });
-      return /*#__PURE__*/React.createElement("div", {
-        key: group.title
-      }, /*#__PURE__*/React.createElement(HvTypography, {
-        id: group.title,
-        variant: "mTitle"
-      }, group.title), group.children.map((child, i) => {
-        const key = `fc-${group.title}-${i}`;
-        return /*#__PURE__*/React.createElement("div", {
-          key: key
-        }, /*#__PURE__*/React.cloneElement(child, {
-          onChange: (event, value) => this.childOnChangeHandler(value, child.props.name, child.props.onChange)
-        }));
-      }));
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes.root
-    }, /*#__PURE__*/React.createElement(HvTypography, {
-      variant: "xlTitle",
-      className: classes.title
-    }, mainTitle), /*#__PURE__*/React.createElement("div", {
-      className: classes.mainContainer
-    }, hasNavigation && /*#__PURE__*/React.createElement("div", {
-      className: classes.navContainer
-    }, /*#__PURE__*/React.createElement(HvNavigationAnchors, {
-      options: navigationOptions,
-      floating: false
-    })), /*#__PURE__*/React.createElement("div", {
-      className: classes.componentContainer
-    }, groupedComponents)), hasFooter && /*#__PURE__*/React.createElement("div", {
-      className: classes.footer
-    }, footerElements));
-  }
-
-}
-
-process.env.NODE_ENV !== "production" ? HvFormComposer.propTypes = {
-  /**
-   * A Jss Object used to override or extend the styles applied to the form composer.
-   */
-  classes: PropTypes.instanceOf(Object).isRequired,
-
-  /**
-   * Main title to be displayed.
-   */
-  mainTitle: PropTypes.string,
-
-  /**
-   * The group of component that will be added to the Form composer.
-   */
-  groups: PropTypes.arrayOf(shape({
-    title: PropTypes.string,
-    children: PropTypes.node
-  })).isRequired,
-
-  /**
-   * Shows navigation bar.
-   */
-  hasNavigation: PropTypes.bool,
-
-  /**
-   * Shows footer.
-   */
-  hasFooter: PropTypes.bool,
-
-  /**
-   * Content to be shown on the footer.
-   */
-  footerContent: PropTypes.node
-} : void 0;
-/**
- * Default properties.
- */
-
-HvFormComposer.defaultProps = {
-  mainTitle: "",
-  hasNavigation: false,
-  hasFooter: false,
-  footerContent: []
-};
-export default withStyles(styles, {
-  name: "HvFormComposer"
-})(HvFormComposer);
-//# sourceMappingURL=FormComposer.js.map

package/dist/modern/FormComposer/FormComposer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormComposer.js","names":["React","PropTypes","shape","withStyles","HvTypography","HvNavigationAnchors","styles","HvFormComposer","Component","constructor","props","groups","componentValues","forEach","group","children","child","name","value","state","originalHandler","undefined","getValues","onChange","newComponentValues","setState","getInitialValuesFromComponents","render","classes","mainTitle","hasNavigation","hasFooter","footerContent","footerElements","map","i","key","cloneElement","onClick","getValuesHandler","navigationOptions","groupedComponents","push","label","title","event","childOnChangeHandler","root","mainContainer","navContainer","componentContainer","footer","propTypes","instanceOf","Object","isRequired","string","arrayOf","node","bool","defaultProps"],"sources":["../../../src/FormComposer/FormComposer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { shape } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport HvNavigationAnchors from \"../NavigationAnchors\";\nimport styles from \"./styles\";\n\n/**\n * A form composer component used to create a form dynamically, still in development\n */\nclass HvFormComposer extends React.Component {\n  constructor(props) {\n    super(props);\n\n    const { groups } = this.props;\n\n    this.state = {\n      componentValues: this.getInitialValuesFromComponents(groups),\n    };\n  }\n\n  /**\n   * Gets the values that are set on each component inside the groups.\n   *\n   * @param {Object} groups - Initial group object containing all the component elements.\n   * @return {Object} - { key (Component name): value (Value set on the component) }\n   */\n  getInitialValuesFromComponents = (groups) => {\n    const componentValues = {};\n    groups.forEach((group) => {\n      group.children.forEach((child) => {\n        componentValues[child.props.name] = child.props.value;\n      });\n    });\n\n    return componentValues;\n  };\n\n  /**\n   * Gets the values stored in the state of each component.\n   */\n  getValues = () => {\n    const { componentValues } = this.state;\n    return componentValues;\n  };\n\n  /**\n   * Handler to retrieve the values.\n   *\n   * @param {Function} originalHandler - The handler that was originally triggered.\n   */\n  getValuesHandler = (originalHandler) => {\n    if (originalHandler !== undefined && typeof originalHandler === \"function\") {\n      originalHandler(this.getValues());\n    }\n  };\n\n  /**\n   * Stores the value on the state when a child component onChange event is triggered.\n   *\n   * @param {*} value - Value that will be stored on the state.\n   * @param {string} name - Name of the component.\n   * @param {Function} onChange - Original function triggered by the component.\n   */\n  childOnChangeHandler = (value, name, onChange) => {\n    const { componentValues } = this.state;\n\n    const newComponentValues = { ...componentValues };\n    newComponentValues[name] = value;\n\n    this.setState({ componentValues: newComponentValues });\n\n    if (onChange !== undefined && typeof onChange === \"function\") {\n      return onChange(value);\n    }\n    // The UI-KIT input forced to have the value explicitly returned on the onChanged function.\n    return value;\n  };\n\n  render() {\n    const { classes, mainTitle, groups, hasNavigation, hasFooter, footerContent } = this.props;\n\n    const footerElements = footerContent.map((child, i) => {\n      const key = `fc-${i}`;\n      return React.cloneElement(child, {\n        onClick: () => this.getValuesHandler(child.props.onClick),\n        key,\n      });\n    });\n\n    const navigationOptions = [];\n\n    const groupedComponents = groups.map((group) => {\n      navigationOptions.push({ label: group.title, value: group.title });\n\n      return (\n        <div key={group.title}>\n          <HvTypography id={group.title} variant=\"mTitle\">\n            {group.title}\n          </HvTypography>\n          {group.children.map((child, i) => {\n            const key = `fc-${group.title}-${i}`;\n            return (\n              <div key={key}>\n                {React.cloneElement(child, {\n                  onChange: (event, value) =>\n                    this.childOnChangeHandler(value, child.props.name, child.props.onChange),\n                })}\n              </div>\n            );\n          })}\n        </div>\n      );\n    });\n\n    return (\n      <div className={classes.root}>\n        <HvTypography variant=\"xlTitle\" className={classes.title}>\n          {mainTitle}\n        </HvTypography>\n        <div className={classes.mainContainer}>\n          {hasNavigation && (\n            <div className={classes.navContainer}>\n              <HvNavigationAnchors options={navigationOptions} floating={false} />\n            </div>\n          )}\n          <div className={classes.componentContainer}>{groupedComponents}</div>\n        </div>\n        {hasFooter && <div className={classes.footer}>{footerElements}</div>}\n      </div>\n    );\n  }\n}\n\nHvFormComposer.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the form composer.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Main title to be displayed.\n   */\n  mainTitle: PropTypes.string,\n  /**\n   * The group of component that will be added to the Form composer.\n   */\n  groups: PropTypes.arrayOf(\n    shape({\n      title: PropTypes.string,\n      children: PropTypes.node,\n    })\n  ).isRequired,\n  /**\n   * Shows navigation bar.\n   */\n  hasNavigation: PropTypes.bool,\n  /**\n   * Shows footer.\n   */\n  hasFooter: PropTypes.bool,\n  /**\n   * Content to be shown on the footer.\n   */\n  footerContent: PropTypes.node,\n};\n\n/**\n * Default properties.\n */\nHvFormComposer.defaultProps = {\n  mainTitle: \"\",\n  hasNavigation: false,\n  hasFooter: false,\n  footerContent: [],\n};\n\nexport default withStyles(styles, { name: \"HvFormComposer\" })(HvFormComposer);\n"],"mappings":"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"}

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

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

package/dist/modern/FormComposer/index.js

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

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

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

package/dist/modern/FormComposer/styles.js

@@ -1,29 +0,0 @@
-const styles = theme => ({
-  root: {
-    backgroundColor: theme.hv.palette.atmosphere.atmo2
-  },
-  mainContainer: {
-    display: "flex",
-    backgroundColor: theme.hv.palette.atmosphere.atmo3
-  },
-  navContainer: {
-    maxWidth: "200px",
-    paddingTop: `${theme.hv.spacing.md}px`
-  },
-  componentContainer: {
-    width: "100%",
-    maxHeight: "400px",
-    overflowY: "auto",
-    padding: `${theme.hv.spacing.md}px`
-  },
-  title: {
-    padding: `${theme.hv.spacing.sm}px 0`
-  },
-  footer: {
-    padding: `${theme.hv.spacing.sm}px`,
-    textAlign: "right"
-  }
-});
-
-export default styles;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","backgroundColor","hv","palette","atmosphere","atmo2","mainContainer","display","atmo3","navContainer","maxWidth","paddingTop","spacing","md","componentContainer","width","maxHeight","overflowY","padding","title","sm","footer","textAlign"],"sources":["../../../src/FormComposer/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n  },\n  mainContainer: {\n    display: \"flex\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n  },\n  navContainer: {\n    maxWidth: \"200px\",\n    paddingTop: `${theme.hv.spacing.md}px`,\n  },\n  componentContainer: {\n    width: \"100%\",\n    maxHeight: \"400px\",\n    overflowY: \"auto\",\n    padding: `${theme.hv.spacing.md}px`,\n  },\n  title: {\n    padding: `${theme.hv.spacing.sm}px 0`,\n  },\n  footer: {\n    padding: `${theme.hv.spacing.sm}px`,\n    textAlign: \"right\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,eAAe,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EADzC,CADmB;EAIzBC,aAAa,EAAE;IACbC,OAAO,EAAE,MADI;IAEbN,eAAe,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BI;EAFhC,CAJU;EAQzBC,YAAY,EAAE;IACZC,QAAQ,EAAE,OADE;IAEZC,UAAU,EAAG,GAAEZ,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBC,EAAG;EAFvB,CARW;EAYzBC,kBAAkB,EAAE;IAClBC,KAAK,EAAE,MADW;IAElBC,SAAS,EAAE,OAFO;IAGlBC,SAAS,EAAE,MAHO;IAIlBC,OAAO,EAAG,GAAEnB,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBC,EAAG;EAJd,CAZK;EAkBzBM,KAAK,EAAE;IACLD,OAAO,EAAG,GAAEnB,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBQ,EAAG;EAD3B,CAlBkB;EAqBzBC,MAAM,EAAE;IACNH,OAAO,EAAG,GAAEnB,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBQ,EAAG,IAD1B;IAENE,SAAS,EAAE;EAFL;AArBiB,CAAZ,CAAf;;AA2BA,eAAexB,MAAf"}

package/dist/modern/ProgressBar/ProgressBar.d.ts

@@ -1,34 +0,0 @@
-import * as React from "react";
-import { StandardProps } from "@material-ui/core";
-
-export type HvProgressBarClassKey =
-  | "root"
-  | "progress"
-  | "progressContainer"
-  | "progressBarContainer"
-  | "progressBar"
-  | "progressDone"
-  | "progressError"
-  | "progressBarLabel";
-
-export interface HvProgressBarProps
-  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressBarClassKey> {
-  /**
-   * The value of the progress bar.
-   */
-  value?: number;
-  /**
-   * The status of the progress bar.
-   *
-   * inProgress is black, error is red and completed is green.
-   *
-   * When uncontrolled and unspecified it will default to "inProgress".
-   */
-  status?: string;
-  /**
-   * Aria Properties passed on to the progress bar.
-   */
-  labelProps?: object;
-}
-
-export default function HvProgressBar(props: HvProgressBarProps): JSX.Element | null;

package/dist/modern/ProgressBar/ProgressBar.js

@@ -1,128 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["className", "classes", "value", "status", "labelProps"];
-import React from "react";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-import clamp from "lodash/clamp";
-import { HvTypography } from "@hitachivantara/uikit-react-core";
-import { withStyles } from "@material-ui/core";
-import styles from "./styles";
-const statusCategories = Object.freeze({
-  inProgress: "inProgress",
-  completed: "completed",
-  error: "error"
-});
-/**
- * ProgressBar provides feedback about a process that is taking place in the application.
- */
-
-const HvProgressBar = props => {
-  const {
-    className,
-    classes,
-    value = 0,
-    status = statusCategories.inProgress,
-    labelProps
-  } = props,
-        others = _objectWithoutProperties(props, _excluded);
-
-  const clampedValue = clamp(value, 0, 100);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: clsx(className, classes.root, classes.progress),
-    role: "progressbar",
-    "aria-valuemin": "0",
-    "aria-valuemax": "100",
-    "aria-valuenow": clampedValue
-  }, others), /*#__PURE__*/React.createElement("div", {
-    className: classes.progressContainer
-  }, /*#__PURE__*/React.createElement(HvTypography, _extends({
-    variant: "vizText",
-    style: {
-      width: `${clampedValue}%`
-    },
-    className: clsx(classes.progressBarLabel, status === statusCategories.completed && classes.progressDone)
-  }, labelProps), `${clampedValue}%`), /*#__PURE__*/React.createElement("div", {
-    className: classes.progressBarContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: `${clampedValue}%`
-    },
-    className: clsx(classes.progressBar, status === statusCategories.completed && classes.progressDone, status === statusCategories.error && classes.progressError)
-  }))));
-};
-
-process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
-  /**
-   * Class names to be applied.
-   */
-  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,
-
-    /**
-     * Style applied to the overall container when in progress mode.
-     */
-    progress: PropTypes.string,
-
-    /**
-     * Style applied to the specifc container when in progress mode.
-     */
-    progressContainer: PropTypes.string,
-
-    /**
-     * Style applied to progress bar container.
-     */
-    progressBarContainer: PropTypes.string,
-
-    /**
-     * Style applied to the progress bar.
-     */
-    progressBar: PropTypes.string,
-
-    /**
-     * Style applied to the progress bar when the loading is done.
-     */
-    progressDone: PropTypes.string,
-
-    /**
-     * Style applied to the progress bar when an error occurs.
-     */
-    progressError: PropTypes.string,
-
-    /**
-     * Style applied to the progress bar label.
-     */
-    progressBarLabel: PropTypes.string
-  }).isRequired,
-
-  /**
-   * The value of the progress bar.
-   */
-  value: PropTypes.number,
-
-  /**
-   * The status of the progress bar.
-   *
-   * inProgress is black, error is red and completed is green.
-   *
-   * When uncontrolled and unspecified it will default to "inProgress".
-   */
-  status: PropTypes.oneOf([statusCategories.inProgress, statusCategories.completed, statusCategories.error]),
-
-  /**
-   * Aria Properties passed on to the progress bar.
-   */
-  labelProps: PropTypes.instanceOf(Object)
-} : void 0;
-export default withStyles(styles, {
-  name: "HvProgressBar"
-})(HvProgressBar);
-//# sourceMappingURL=ProgressBar.js.map

package/dist/modern/ProgressBar/ProgressBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressBar.js","names":["React","PropTypes","clsx","clamp","HvTypography","withStyles","styles","statusCategories","Object","freeze","inProgress","completed","error","HvProgressBar","props","className","classes","value","status","labelProps","others","clampedValue","root","progress","progressContainer","width","progressBarLabel","progressDone","progressBarContainer","progressBar","progressError","propTypes","string","shape","isRequired","number","oneOf","instanceOf","name"],"sources":["../../../src/ProgressBar/ProgressBar.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport clamp from \"lodash/clamp\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport styles from \"./styles\";\n\nconst statusCategories = Object.freeze({\n  inProgress: \"inProgress\",\n  completed: \"completed\",\n  error: \"error\",\n});\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nconst HvProgressBar = (props) => {\n  const {\n    className,\n    classes,\n    value = 0,\n    status = statusCategories.inProgress,\n    labelProps,\n    ...others\n  } = props;\n\n  const clampedValue = clamp(value, 0, 100);\n\n  return (\n    <div\n      className={clsx(className, classes.root, classes.progress)}\n      role=\"progressbar\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      aria-valuenow={clampedValue}\n      {...others}\n    >\n      <div className={classes.progressContainer}>\n        <HvTypography\n          variant=\"vizText\"\n          style={{ width: `${clampedValue}%` }}\n          className={clsx(\n            classes.progressBarLabel,\n            status === statusCategories.completed && classes.progressDone\n          )}\n          {...labelProps}\n        >\n          {`${clampedValue}%`}\n        </HvTypography>\n        <div className={classes.progressBarContainer}>\n          <div\n            style={{ width: `${clampedValue}%` }}\n            className={clsx(\n              classes.progressBar,\n              status === statusCategories.completed && classes.progressDone,\n              status === statusCategories.error && classes.progressError\n            )}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nHvProgressBar.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Style applied to the overall container when in progress mode.\n     */\n    progress: PropTypes.string,\n    /**\n     * Style applied to the specifc container when in progress mode.\n     */\n    progressContainer: PropTypes.string,\n    /**\n     * Style applied to progress bar container.\n     */\n    progressBarContainer: PropTypes.string,\n    /**\n     * Style applied to the progress bar.\n     */\n    progressBar: PropTypes.string,\n    /**\n     * Style applied to the progress bar when the loading is done.\n     */\n    progressDone: PropTypes.string,\n    /**\n     * Style applied to the progress bar when an error occurs.\n     */\n    progressError: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabel: PropTypes.string,\n  }).isRequired,\n  /**\n   * The value of the progress bar.\n   */\n  value: PropTypes.number,\n  /**\n   * The status of the progress bar.\n   *\n   * inProgress is black, error is red and completed is green.\n   *\n   * When uncontrolled and unspecified it will default to \"inProgress\".\n   */\n  status: PropTypes.oneOf([\n    statusCategories.inProgress,\n    statusCategories.completed,\n    statusCategories.error,\n  ]),\n  /**\n   * Aria Properties passed on to the progress bar.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvProgressBar\" })(HvProgressBar);\n"],"mappings":"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"}

package/dist/modern/ProgressBar/ProgressBarSimulator.js

@@ -1,64 +0,0 @@
-import "core-js/modules/web.dom-collections.iterator.js";
-import React, { useEffect, useState } from "react";
-import { HvButton } from "@hitachivantara/uikit-react-core";
-import { HvProgressBar } from ".."; // eslint-disable-next-line react/prop-types
-
-export const ProgressBarSimulator = ({
-  inc,
-  error,
-  ariaLabel,
-  ariaLive
-}) => {
-  const [status, setStatus] = useState("inProgress");
-  const [value, setValue] = useState(0);
-  const [run, setRun] = useState(false);
-  useEffect(() => {
-    const interval = setInterval(() => {
-      if (value === 100) {
-        setRun(false);
-        clearInterval(interval);
-        setStatus("completed");
-      } else if (error && value === error) {
-        clearInterval(interval);
-        setStatus("error");
-      } else if (run) setValue(inc);
-    }, 150);
-    return () => clearInterval(interval);
-  }, [inc, value, run, error]);
-
-  const reset = () => {
-    setValue(0);
-    setStatus("inProgress");
-  };
-
-  const start = () => {
-    setRun(true);
-  };
-
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: 400
-    }
-  }, /*#__PURE__*/React.createElement(HvProgressBar, {
-    value: value,
-    status: status,
-    labelProps: {
-      "aria-label": ariaLabel,
-      "aria-busy": false,
-      "aria-live": ariaLive
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginTop: 10
-    }
-  }, /*#__PURE__*/React.createElement(HvButton, {
-    onClick: start
-  }, "Start"), /*#__PURE__*/React.createElement(HvButton, {
-    style: {
-      marginLeft: 10
-    },
-    onClick: reset
-  }, "Reset")));
-};
-export { ProgressBarSimulator as default };
-//# sourceMappingURL=ProgressBarSimulator.js.map

package/dist/modern/ProgressBar/ProgressBarSimulator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressBarSimulator.js","names":["React","useEffect","useState","HvButton","HvProgressBar","ProgressBarSimulator","inc","error","ariaLabel","ariaLive","status","setStatus","value","setValue","run","setRun","interval","setInterval","clearInterval","reset","start","width","marginTop","marginLeft","default"],"sources":["../../../src/ProgressBar/ProgressBarSimulator.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { HvButton } from \"@hitachivantara/uikit-react-core\";\n\nimport { HvProgressBar } from \"..\";\n\n// eslint-disable-next-line react/prop-types\nexport const ProgressBarSimulator = ({ inc, error, ariaLabel, ariaLive }) => {\n  const [status, setStatus] = useState(\"inProgress\");\n  const [value, setValue] = useState(0);\n  const [run, setRun] = useState(false);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      if (value === 100) {\n        setRun(false);\n        clearInterval(interval);\n        setStatus(\"completed\");\n      } else if (error && value === error) {\n        clearInterval(interval);\n        setStatus(\"error\");\n      } else if (run) setValue(inc);\n    }, 150);\n    return () => clearInterval(interval);\n  }, [inc, value, run, error]);\n\n  const reset = () => {\n    setValue(0);\n    setStatus(\"inProgress\");\n  };\n\n  const start = () => {\n    setRun(true);\n  };\n\n  return (\n    <div style={{ width: 400 }}>\n      <HvProgressBar\n        value={value}\n        status={status}\n        labelProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-busy\": false,\n          \"aria-live\": ariaLive,\n        }}\n      />\n      <div style={{ marginTop: 10 }}>\n        <HvButton onClick={start}>Start</HvButton>\n        <HvButton style={{ marginLeft: 10 }} onClick={reset}>\n          Reset\n        </HvButton>\n      </div>\n    </div>\n  );\n};\n\nexport { ProgressBarSimulator as default };\n"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,QAA3B,QAA2C,OAA3C;AAEA,SAASC,QAAT,QAAyB,kCAAzB;AAEA,SAASC,aAAT,QAA8B,IAA9B,C,CAEA;;AACA,OAAO,MAAMC,oBAAoB,GAAG,CAAC;EAAEC,GAAF;EAAOC,KAAP;EAAcC,SAAd;EAAyBC;AAAzB,CAAD,KAAyC;EAC3E,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBT,QAAQ,CAAC,YAAD,CAApC;EACA,MAAM,CAACU,KAAD,EAAQC,QAAR,IAAoBX,QAAQ,CAAC,CAAD,CAAlC;EACA,MAAM,CAACY,GAAD,EAAMC,MAAN,IAAgBb,QAAQ,CAAC,KAAD,CAA9B;EAEAD,SAAS,CAAC,MAAM;IACd,MAAMe,QAAQ,GAAGC,WAAW,CAAC,MAAM;MACjC,IAAIL,KAAK,KAAK,GAAd,EAAmB;QACjBG,MAAM,CAAC,KAAD,CAAN;QACAG,aAAa,CAACF,QAAD,CAAb;QACAL,SAAS,CAAC,WAAD,CAAT;MACD,CAJD,MAIO,IAAIJ,KAAK,IAAIK,KAAK,KAAKL,KAAvB,EAA8B;QACnCW,aAAa,CAACF,QAAD,CAAb;QACAL,SAAS,CAAC,OAAD,CAAT;MACD,CAHM,MAGA,IAAIG,GAAJ,EAASD,QAAQ,CAACP,GAAD,CAAR;IACjB,CAT2B,EASzB,GATyB,CAA5B;IAUA,OAAO,MAAMY,aAAa,CAACF,QAAD,CAA1B;EACD,CAZQ,EAYN,CAACV,GAAD,EAAMM,KAAN,EAAaE,GAAb,EAAkBP,KAAlB,CAZM,CAAT;;EAcA,MAAMY,KAAK,GAAG,MAAM;IAClBN,QAAQ,CAAC,CAAD,CAAR;IACAF,SAAS,CAAC,YAAD,CAAT;EACD,CAHD;;EAKA,MAAMS,KAAK,GAAG,MAAM;IAClBL,MAAM,CAAC,IAAD,CAAN;EACD,CAFD;;EAIA,oBACE;IAAK,KAAK,EAAE;MAAEM,KAAK,EAAE;IAAT;EAAZ,gBACE,oBAAC,aAAD;IACE,KAAK,EAAET,KADT;IAEE,MAAM,EAAEF,MAFV;IAGE,UAAU,EAAE;MACV,cAAcF,SADJ;MAEV,aAAa,KAFH;MAGV,aAAaC;IAHH;EAHd,EADF,eAUE;IAAK,KAAK,EAAE;MAAEa,SAAS,EAAE;IAAb;EAAZ,gBACE,oBAAC,QAAD;IAAU,OAAO,EAAEF;EAAnB,WADF,eAEE,oBAAC,QAAD;IAAU,KAAK,EAAE;MAAEG,UAAU,EAAE;IAAd,CAAjB;IAAqC,OAAO,EAAEJ;EAA9C,WAFF,CAVF,CADF;AAmBD,CA/CM;AAiDP,SAASd,oBAAoB,IAAImB,OAAjC"}

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

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

package/dist/modern/ProgressBar/index.js

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

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

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

package/dist/modern/ProgressBar/styles.js

@@ -1,38 +0,0 @@
-const styles = theme => ({
-  root: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  progress: {
-    width: "100%"
-  },
-  progressContainer: {
-    width: "100%"
-  },
-  progressBarContainer: {
-    display: "flex",
-    width: "100%",
-    height: 4,
-    backgroundColor: theme.hv.palette.atmosphere.atmo4
-  },
-  progressBar: {
-    backgroundColor: "#000",
-    height: 4
-  },
-  progressDone: {
-    backgroundColor: theme.hv.palette.semantic.sema1
-  },
-  progressError: {
-    backgroundColor: theme.hv.palette.semantic.sema4
-  },
-  progressBarLabel: {
-    backgroundColor: "transparent",
-    display: "flex",
-    justifyContent: "end"
-  }
-});
-
-export default styles;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","alignItems","justifyContent","progress","width","progressContainer","progressBarContainer","height","backgroundColor","hv","palette","atmosphere","atmo4","progressBar","progressDone","semantic","sema1","progressError","sema4","progressBarLabel"],"sources":["../../../src/ProgressBar/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n\n  progress: {\n    width: \"100%\",\n  },\n\n  progressContainer: {\n    width: \"100%\",\n  },\n\n  progressBarContainer: {\n    display: \"flex\",\n    width: \"100%\",\n    height: 4,\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n\n  progressBar: {\n    backgroundColor: \"#000\",\n    height: 4,\n  },\n\n  progressDone: {\n    backgroundColor: theme.hv.palette.semantic.sema1,\n  },\n\n  progressError: {\n    backgroundColor: theme.hv.palette.semantic.sema4,\n  },\n\n  progressBarLabel: {\n    backgroundColor: \"transparent\",\n    display: \"flex\",\n    justifyContent: \"end\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,aAAa,EAAE,QAFX;IAGJC,UAAU,EAAE,QAHR;IAIJC,cAAc,EAAE;EAJZ,CADmB;EAQzBC,QAAQ,EAAE;IACRC,KAAK,EAAE;EADC,CARe;EAYzBC,iBAAiB,EAAE;IACjBD,KAAK,EAAE;EADU,CAZM;EAgBzBE,oBAAoB,EAAE;IACpBP,OAAO,EAAE,MADW;IAEpBK,KAAK,EAAE,MAFa;IAGpBG,MAAM,EAAE,CAHY;IAIpBC,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EAJzB,CAhBG;EAuBzBC,WAAW,EAAE;IACXL,eAAe,EAAE,MADN;IAEXD,MAAM,EAAE;EAFG,CAvBY;EA4BzBO,YAAY,EAAE;IACZN,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BC;EAD/B,CA5BW;EAgCzBC,aAAa,EAAE;IACbT,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BG;EAD9B,CAhCU;EAoCzBC,gBAAgB,EAAE;IAChBX,eAAe,EAAE,aADD;IAEhBT,OAAO,EAAE,MAFO;IAGhBG,cAAc,EAAE;EAHA;AApCO,CAAZ,CAAf;;AA2CA,eAAeN,MAAf"}

package/dist/modern/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js

@@ -1,57 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import { HvButton, HvDialog, HvDialogTitle, HvDialogContent, HvDialogActions } from "@hitachivantara/uikit-react-core";
-import useStyles from "./styles";
-
-const ConfirmationDialog = ({
-  title,
-  message,
-  isOpen,
-  onConfirm,
-  onCancel,
-  confirmButtonLabel,
-  cancelButtonLabel,
-  closeButtonTooltip
-}) => {
-  const classes = useStyles();
-
-  const handleClose = (event, reason) => {
-    if (reason !== "backdropClick") {
-      onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-    }
-  };
-
-  return /*#__PURE__*/React.createElement(HvDialog, {
-    classes: {
-      paper: classes.paper
-    },
-    open: isOpen,
-    onClose: handleClose,
-    firstFocusable: "confirmation-dialog-cancel",
-    buttonTitle: closeButtonTooltip
-  }, /*#__PURE__*/React.createElement(HvDialogTitle, {
-    variant: "warning"
-  }, title), /*#__PURE__*/React.createElement(HvDialogContent, {
-    indentContent: true
-  }, message), /*#__PURE__*/React.createElement(HvDialogActions, null, /*#__PURE__*/React.createElement(HvButton, {
-    category: "ghost",
-    onClick: onConfirm
-  }, confirmButtonLabel), /*#__PURE__*/React.createElement(HvButton, {
-    id: "confirmation-dialog-cancel",
-    category: "ghost",
-    onClick: () => onCancel === null || onCancel === void 0 ? void 0 : onCancel()
-  }, cancelButtonLabel)));
-};
-
-process.env.NODE_ENV !== "production" ? ConfirmationDialog.propTypes = {
-  title: PropTypes.string,
-  message: PropTypes.string,
-  isOpen: PropTypes.bool,
-  onConfirm: PropTypes.func,
-  onCancel: PropTypes.func,
-  confirmButtonLabel: PropTypes.string,
-  cancelButtonLabel: PropTypes.string,
-  closeButtonTooltip: PropTypes.string
-} : void 0;
-export default ConfirmationDialog;
-//# sourceMappingURL=ConfirmationDialog.js.map

package/dist/modern/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmationDialog.js","names":["React","PropTypes","HvButton","HvDialog","HvDialogTitle","HvDialogContent","HvDialogActions","useStyles","ConfirmationDialog","title","message","isOpen","onConfirm","onCancel","confirmButtonLabel","cancelButtonLabel","closeButtonTooltip","classes","handleClose","event","reason","paper","propTypes","string","bool","func"],"sources":["../../../../src/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport {\n  HvButton,\n  HvDialog,\n  HvDialogTitle,\n  HvDialogContent,\n  HvDialogActions,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport useStyles from \"./styles\";\n\nconst ConfirmationDialog = ({\n  title,\n  message,\n  isOpen,\n  onConfirm,\n  onCancel,\n  confirmButtonLabel,\n  cancelButtonLabel,\n  closeButtonTooltip,\n}) => {\n  const classes = useStyles();\n\n  const handleClose = (event, reason) => {\n    if (reason !== \"backdropClick\") {\n      onCancel?.();\n    }\n  };\n\n  return (\n    <HvDialog\n      classes={{ paper: classes.paper }}\n      open={isOpen}\n      onClose={handleClose}\n      firstFocusable=\"confirmation-dialog-cancel\"\n      buttonTitle={closeButtonTooltip}\n    >\n      <HvDialogTitle variant=\"warning\">{title}</HvDialogTitle>\n      <HvDialogContent indentContent>{message}</HvDialogContent>\n      <HvDialogActions>\n        <HvButton category=\"ghost\" onClick={onConfirm}>\n          {confirmButtonLabel}\n        </HvButton>\n        <HvButton id=\"confirmation-dialog-cancel\" category=\"ghost\" onClick={() => onCancel?.()}>\n          {cancelButtonLabel}\n        </HvButton>\n      </HvDialogActions>\n    </HvDialog>\n  );\n};\n\nConfirmationDialog.propTypes = {\n  title: PropTypes.string,\n  message: PropTypes.string,\n  isOpen: PropTypes.bool,\n  onConfirm: PropTypes.func,\n  onCancel: PropTypes.func,\n  confirmButtonLabel: PropTypes.string,\n  cancelButtonLabel: PropTypes.string,\n  closeButtonTooltip: PropTypes.string,\n};\n\nexport default ConfirmationDialog;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SACEC,QADF,EAEEC,QAFF,EAGEC,aAHF,EAIEC,eAJF,EAKEC,eALF,QAMO,kCANP;AAQA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,MAAMC,kBAAkB,GAAG,CAAC;EAC1BC,KAD0B;EAE1BC,OAF0B;EAG1BC,MAH0B;EAI1BC,SAJ0B;EAK1BC,QAL0B;EAM1BC,kBAN0B;EAO1BC,iBAP0B;EAQ1BC;AAR0B,CAAD,KASrB;EACJ,MAAMC,OAAO,GAAGV,SAAS,EAAzB;;EAEA,MAAMW,WAAW,GAAG,CAACC,KAAD,EAAQC,MAAR,KAAmB;IACrC,IAAIA,MAAM,KAAK,eAAf,EAAgC;MAC9BP,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ;IACT;EACF,CAJD;;EAMA,oBACE,oBAAC,QAAD;IACE,OAAO,EAAE;MAAEQ,KAAK,EAAEJ,OAAO,CAACI;IAAjB,CADX;IAEE,IAAI,EAAEV,MAFR;IAGE,OAAO,EAAEO,WAHX;IAIE,cAAc,EAAC,4BAJjB;IAKE,WAAW,EAAEF;EALf,gBAOE,oBAAC,aAAD;IAAe,OAAO,EAAC;EAAvB,GAAkCP,KAAlC,CAPF,eAQE,oBAAC,eAAD;IAAiB,aAAa;EAA9B,GAAgCC,OAAhC,CARF,eASE,oBAAC,eAAD,qBACE,oBAAC,QAAD;IAAU,QAAQ,EAAC,OAAnB;IAA2B,OAAO,EAAEE;EAApC,GACGE,kBADH,CADF,eAIE,oBAAC,QAAD;IAAU,EAAE,EAAC,4BAAb;IAA0C,QAAQ,EAAC,OAAnD;IAA2D,OAAO,EAAE,MAAMD,QAAN,aAAMA,QAAN,uBAAMA,QAAQ;EAAlF,GACGE,iBADH,CAJF,CATF,CADF;AAoBD,CAtCD;;AAwCA,wCAAAP,kBAAkB,CAACc,SAAnB,GAA+B;EAC7Bb,KAAK,EAAER,SAAS,CAACsB,MADY;EAE7Bb,OAAO,EAAET,SAAS,CAACsB,MAFU;EAG7BZ,MAAM,EAAEV,SAAS,CAACuB,IAHW;EAI7BZ,SAAS,EAAEX,SAAS,CAACwB,IAJQ;EAK7BZ,QAAQ,EAAEZ,SAAS,CAACwB,IALS;EAM7BX,kBAAkB,EAAEb,SAAS,CAACsB,MAND;EAO7BR,iBAAiB,EAAEd,SAAS,CAACsB,MAPA;EAQ7BP,kBAAkB,EAAEf,SAAS,CAACsB;AARD,CAA/B;AAWA,eAAef,kBAAf"}

package/dist/modern/QueryBuilder/ConfirmationDialog/index.js

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

package/dist/modern/QueryBuilder/ConfirmationDialog/index.js.map

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

package/dist/modern/QueryBuilder/ConfirmationDialog/styles.js

@@ -1,8 +0,0 @@
-import { makeStyles } from "@material-ui/core";
-const useStyles = makeStyles(() => ({
-  paper: {
-    width: 500
-  }
-}));
-export default useStyles;
-//# sourceMappingURL=styles.js.map

package/dist/modern/QueryBuilder/ConfirmationDialog/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["makeStyles","useStyles","paper","width"],"sources":["../../../../src/QueryBuilder/ConfirmationDialog/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles(() => ({\n  paper: {\n    width: 500,\n  },\n}));\n\nexport default useStyles;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,SAAS,GAAGD,UAAU,CAAC,OAAO;EAClCE,KAAK,EAAE;IACLC,KAAK,EAAE;EADF;AAD2B,CAAP,CAAD,CAA5B;AAMA,eAAeF,SAAf"}