@hitachivantara/uikit-react-lab 3.55.1 → 3.57.0

package/dist/Wizard/WizardTitle/WizardTitle.js

@@ -0,0 +1,221 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.object.entries.js");
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.function.name.js");
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _uikitReactLab = require("@hitachivantara/uikit-react-lab");
+
+var _ = require("..");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _Report;
+
+var switchTabState = function switchTabState(state, currentTab, index) {
+  if (index === currentTab) return "Current";
+  if (state.valid) return "Completed";
+  if (state.valid === null) return "Enabled";
+  if (state.touched && state.valid === false) return "Failed"; // "Disabled"
+  // "Pending"
+
+  return "Enabled";
+};
+
+var HvWizardTitle = function HvWizardTitle(_ref) {
+  var _customStep$type, _customStep$stepSize, _customStep$width, _labels$summary;
+
+  var title = _ref.title,
+      _ref$hasSummary = _ref.hasSummary,
+      hasSummary = _ref$hasSummary === void 0 ? false : _ref$hasSummary,
+      _ref$labels = _ref.labels,
+      labels = _ref$labels === void 0 ? {} : _ref$labels,
+      tab = _ref.tab,
+      classes = _ref.classes,
+      changeTab = _ref.changeTab,
+      _ref$customStep = _ref.customStep,
+      customStep = _ref$customStep === void 0 ? {} : _ref$customStep;
+
+  var _React$useContext = _react.default.useContext(_.HvWizardContext),
+      context = _React$useContext.context;
+
+  var _React$useState = _react.default.useState([]),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      steps = _React$useState2[0],
+      setSteps = _React$useState2[1];
+
+  _react.default.useEffect(function () {
+    var contextArray = Object.entries(context);
+
+    if (contextArray.length) {
+      var updatedSteps = contextArray.map(function (_ref2, index) {
+        var _childState$name;
+
+        var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+            childState = _ref3[1];
+
+        return {
+          title: (_childState$name = childState.name) !== null && _childState$name !== void 0 ? _childState$name : "".concat(index + 1),
+          state: switchTabState(childState, tab, index),
+          onClick: function onClick() {
+            return changeTab(index);
+          }
+        };
+      });
+      setSteps(updatedSteps);
+    }
+  }, [context, tab, changeTab]);
+
+  return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvDialogTitle, {
+    className: classes.headerContainer,
+    classes: {
+      messageContainer: classes.messageContainer
+    }
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvGrid, {
+    container: true,
+    justifyContent: "space-between",
+    alignItems: "center",
+    className: classes.titleContainer
+  }, title && /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, {
+    variant: "xsTitle",
+    component: "h3"
+  }, title), !!steps.length && /*#__PURE__*/_react.default.createElement(_uikitReactLab.HvStepNavigation, {
+    className: classes.stepContainer,
+    steps: steps,
+    type: (_customStep$type = customStep === null || customStep === void 0 ? void 0 : customStep.type) !== null && _customStep$type !== void 0 ? _customStep$type : "Default",
+    stepSize: (_customStep$stepSize = customStep === null || customStep === void 0 ? void 0 : customStep.stepSize) !== null && _customStep$stepSize !== void 0 ? _customStep$stepSize : "XS",
+    width: (_customStep$width = customStep === null || customStep === void 0 ? void 0 : customStep.width) !== null && _customStep$width !== void 0 ? _customStep$width : {
+      xs: 200,
+      sm: 350,
+      md: 600,
+      lg: 800
+    }
+  }), hasSummary && /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
+    category: "secondary",
+    className: classes.buttonWidth,
+    classes: {
+      root: classes.rootSummaryButton
+    }
+  }, _Report || (_Report = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Report, null)), " ", "".concat((_labels$summary = labels.summary) !== null && _labels$summary !== void 0 ? _labels$summary : "Summary"))));
+};
+
+process.env.NODE_ENV !== "production" ? HvWizardTitle.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the header container.
+     */
+    headerContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to override the Dialog Title styles.
+     */
+    messageContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the header content container.
+     */
+    titleContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the Button component to override its width.
+     */
+    buttonWidth: _propTypes.default.string,
+
+    /**
+     * Styles applied to the Button component to override its right padding.
+     */
+    rootSummaryButton: _propTypes.default.string,
+
+    /**
+     *
+     */
+    stepContainer: _propTypes.default.string
+  }),
+
+  /**
+   * Title for the wizard.
+   */
+  title: _propTypes.default.string,
+
+  /**
+   * Shows the summary button.
+   */
+  hasSummary: _propTypes.default.bool,
+
+  /**
+   * An object containing all the labels for the wizard header.
+   */
+  labels: _propTypes.default.shape({
+    /**
+     * Summary button label.
+     */
+    summary: _propTypes.default.string
+  }),
+
+  /**
+   * Current tab to check if it's last page or first to disable previous button and swap between next and submit button.
+   */
+  tab: _propTypes.default.number.isRequired,
+
+  /**
+   * Function to change the tab when pressing previous and next buttons.
+   */
+  changeTab: _propTypes.default.func.isRequired,
+
+  /**
+   * Custom object to define type, size and width of the StepNavigation component
+   */
+  customStep: _propTypes.default.shape({
+    /**
+     * Type of step navigation. Values = {"Simple", "Default"}.
+     */
+    type: _propTypes.default.oneOf(["Simple", "Default"]),
+
+    /**
+     * Sets one of the standard sizes of the steps. Values = {"XS", "SM", "MD", "LG", "XL"}
+     */
+    stepSize: _propTypes.default.oneOf(["XS", "SM", "MD", "LG", "XL"]),
+
+    /**
+     * Width of the component element on each breakpoint screen resolution.
+     */
+    width: _propTypes.default.shape({
+      xs: _propTypes.default.number,
+      sm: _propTypes.default.number,
+      md: _propTypes.default.number,
+      lg: _propTypes.default.number,
+      xl: _propTypes.default.number
+    })
+  })
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvWizardTitle"
+})(HvWizardTitle);
+
+exports.default = _default;
+//# sourceMappingURL=WizardTitle.js.map

package/dist/Wizard/WizardTitle/WizardTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardTitle.js","names":["switchTabState","state","currentTab","index","valid","touched","HvWizardTitle","title","hasSummary","labels","tab","classes","changeTab","customStep","React","useContext","HvWizardContext","context","useState","steps","setSteps","useEffect","contextArray","Object","entries","length","updatedSteps","map","childState","name","onClick","headerContainer","messageContainer","titleContainer","stepContainer","type","stepSize","width","xs","sm","md","lg","buttonWidth","root","rootSummaryButton","summary","propTypes","PropTypes","shape","string","bool","number","isRequired","func","oneOf","xl","withStyles","styles"],"sources":["../../../src/Wizard/WizardTitle/WizardTitle.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvButton, HvDialogTitle, HvGrid, HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { Report } from \"@hitachivantara/uikit-react-icons\";\nimport { HvStepNavigation } from \"@hitachivantara/uikit-react-lab\";\nimport { HvWizardContext } from \"..\";\n\nimport styles from \"./styles\";\n\nconst switchTabState = (state, currentTab, index) => {\n  if (index === currentTab) return \"Current\";\n  if (state.valid) return \"Completed\";\n  if (state.valid === null) return \"Enabled\";\n  if (state.touched && state.valid === false) return \"Failed\";\n  // \"Disabled\"\n  // \"Pending\"\n  return \"Enabled\";\n};\n\nconst HvWizardTitle = ({\n  title,\n  hasSummary = false,\n  labels = {},\n  tab,\n  classes,\n  changeTab,\n  customStep = {},\n}) => {\n  const { context } = React.useContext(HvWizardContext);\n  const [steps, setSteps] = React.useState([]);\n\n  React.useEffect(() => {\n    const contextArray = Object.entries(context);\n    if (contextArray.length) {\n      const updatedSteps = contextArray.map(([, childState], index) => ({\n        title: childState.name ?? `${index + 1}`,\n        state: switchTabState(childState, tab, index),\n        onClick: () => changeTab(index),\n      }));\n\n      setSteps(updatedSteps);\n    }\n  }, [context, tab, changeTab]);\n\n  return (\n    <HvDialogTitle\n      className={classes.headerContainer}\n      classes={{ messageContainer: classes.messageContainer }}\n    >\n      <HvGrid\n        container\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        className={classes.titleContainer}\n      >\n        {title && (\n          <HvTypography variant=\"xsTitle\" component=\"h3\">\n            {title}\n          </HvTypography>\n        )}\n        {!!steps.length && (\n          <HvStepNavigation\n            className={classes.stepContainer}\n            steps={steps}\n            type={customStep?.type ?? \"Default\"}\n            stepSize={customStep?.stepSize ?? \"XS\"}\n            width={customStep?.width ?? { xs: 200, sm: 350, md: 600, lg: 800 }}\n          />\n        )}\n        {hasSummary && (\n          <HvButton\n            category=\"secondary\"\n            className={classes.buttonWidth}\n            classes={{ root: classes.rootSummaryButton }}\n          >\n            <Report /> {`${labels.summary ?? \"Summary\"}`}\n          </HvButton>\n        )}\n      </HvGrid>\n    </HvDialogTitle>\n  );\n};\n\nHvWizardTitle.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the header container.\n     */\n    headerContainer: PropTypes.string,\n    /**\n     * Styles applied to override the Dialog Title styles.\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Styles applied to the header content container.\n     */\n    titleContainer: PropTypes.string,\n    /**\n     * Styles applied to the Button component to override its width.\n     */\n    buttonWidth: PropTypes.string,\n    /**\n     * Styles applied to the Button component to override its right padding.\n     */\n    rootSummaryButton: PropTypes.string,\n    /**\n     *\n     */\n    stepContainer: PropTypes.string,\n  }),\n  /**\n   * Title for the wizard.\n   */\n  title: PropTypes.string,\n  /**\n   * Shows the summary button.\n   */\n  hasSummary: PropTypes.bool,\n  /**\n   * An object containing all the labels for the wizard header.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Summary button label.\n     */\n    summary: PropTypes.string,\n  }),\n  /**\n   * Current tab to check if it's last page or first to disable previous button and swap between next and submit button.\n   */\n  tab: PropTypes.number.isRequired,\n  /**\n   * Function to change the tab when pressing previous and next buttons.\n   */\n  changeTab: PropTypes.func.isRequired,\n  /**\n   * Custom object to define type, size and width of the StepNavigation component\n   */\n  customStep: PropTypes.shape({\n    /**\n     * Type of step navigation. Values = {\"Simple\", \"Default\"}.\n     */\n    type: PropTypes.oneOf([\"Simple\", \"Default\"]),\n    /**\n     * Sets one of the standard sizes of the steps. Values = {\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"}\n     */\n    stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\n    /**\n     * Width of the component element on each breakpoint screen resolution.\n     */\n    width: PropTypes.shape({\n      xs: PropTypes.number,\n      sm: PropTypes.number,\n      md: PropTypes.number,\n      lg: PropTypes.number,\n      xl: PropTypes.number,\n    }),\n  }),\n};\n\nexport default withStyles(styles, { name: \"HvWizardTitle\" })(HvWizardTitle);\n"],"mappings":"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"}

package/dist/Wizard/WizardTitle/index.d.ts

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

package/dist/Wizard/WizardTitle/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _WizardTitle.default;
+  }
+});
+
+var _WizardTitle = _interopRequireDefault(require("./WizardTitle"));
+//# sourceMappingURL=index.js.map

package/dist/Wizard/WizardTitle/index.js.map

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

package/dist/Wizard/WizardTitle/styles.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    messageContainer: {
+      "& > div": {
+        width: "100%"
+      }
+    },
+    titleContainer: {
+      margin: 0,
+      width: "100%"
+    },
+    buttonWidth: {
+      width: 120
+    },
+    rootSummaryButton: {
+      paddingRight: 18
+    },
+    headerContainer: {
+      backgroundColor: theme.hv.palette.atmosphere.atmo2,
+      "& h6": {
+        fontSize: "16px",
+        fontWeight: "bold",
+        letterSpacing: 0
+      }
+    },
+    stepContainer: {
+      margin: "auto"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Wizard/WizardTitle/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","messageContainer","width","titleContainer","margin","buttonWidth","rootSummaryButton","paddingRight","headerContainer","backgroundColor","hv","palette","atmosphere","atmo2","fontSize","fontWeight","letterSpacing","stepContainer"],"sources":["../../../src/Wizard/WizardTitle/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  messageContainer: {\n    \"& > div\": {\n      width: \"100%\",\n    },\n  },\n  titleContainer: {\n    margin: 0,\n    width: \"100%\",\n  },\n  buttonWidth: {\n    width: 120,\n  },\n  rootSummaryButton: {\n    paddingRight: 18,\n  },\n  headerContainer: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n    \"& h6\": {\n      fontSize: \"16px\",\n      fontWeight: \"bold\",\n      letterSpacing: 0,\n    },\n  },\n  stepContainer: {\n    margin: \"auto\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,gBAAgB,EAAE;MAChB,WAAW;QACTC,KAAK,EAAE;MADE;IADK,CADO;IAMzBC,cAAc,EAAE;MACdC,MAAM,EAAE,CADM;MAEdF,KAAK,EAAE;IAFO,CANS;IAUzBG,WAAW,EAAE;MACXH,KAAK,EAAE;IADI,CAVY;IAazBI,iBAAiB,EAAE;MACjBC,YAAY,EAAE;IADG,CAbM;IAgBzBC,eAAe,EAAE;MACfC,eAAe,EAAET,KAAK,CAACU,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAD9B;MAEf,QAAQ;QACNC,QAAQ,EAAE,MADJ;QAENC,UAAU,EAAE,MAFN;QAGNC,aAAa,EAAE;MAHT;IAFO,CAhBQ;IAwBzBC,aAAa,EAAE;MACbb,MAAM,EAAE;IADK;EAxBU,CAAZ;AAAA,CAAf;;eA6BeL,M"}

package/dist/Wizard/index.d.ts

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

package/dist/Wizard/index.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HvWizardActions", {
+  enumerable: true,
+  get: function get() {
+    return _WizardActions.default;
+  }
+});
+Object.defineProperty(exports, "HvWizardContainer", {
+  enumerable: true,
+  get: function get() {
+    return _WizardContainer.default;
+  }
+});
+Object.defineProperty(exports, "HvWizardContent", {
+  enumerable: true,
+  get: function get() {
+    return _WizardContent.default;
+  }
+});
+Object.defineProperty(exports, "HvWizardContext", {
+  enumerable: true,
+  get: function get() {
+    return _WizardContext.default;
+  }
+});
+Object.defineProperty(exports, "HvWizardTitle", {
+  enumerable: true,
+  get: function get() {
+    return _WizardTitle.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Wizard.default;
+  }
+});
+
+var _Wizard = _interopRequireDefault(require("./Wizard"));
+
+var _WizardContainer = _interopRequireDefault(require("./WizardContainer"));
+
+var _WizardTitle = _interopRequireDefault(require("./WizardTitle"));
+
+var _WizardContent = _interopRequireDefault(require("./WizardContent"));
+
+var _WizardActions = _interopRequireDefault(require("./WizardActions"));
+
+var _WizardContext = _interopRequireDefault(require("./WizardContext"));
+//# sourceMappingURL=index.js.map

package/dist/Wizard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Wizard/index.js"],"sourcesContent":["export { default } from \"./Wizard\";\nexport { default as HvWizardContainer } from \"./WizardContainer\";\nexport { default as HvWizardTitle } from \"./WizardTitle\";\nexport { default as HvWizardContent } from \"./WizardContent\";\nexport { default as HvWizardActions } from \"./WizardActions\";\nexport { default as HvWizardContext } from \"./WizardContext\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/dist/Wizard/styles.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles() {
+  return {
+    root: {}
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Wizard/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","root"],"sources":["../../src/Wizard/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,IAAI,EAAE;EADc,CAAP;AAAA,CAAf;;eAIeD,M"}

package/dist/index.d.ts

@@ -51,3 +51,6 @@ export * from "./StepNavigation";
 
 export { default as HvImageCarousel } from "./ImageCarousel";
 export * from "./ImageCarousel";
+
+export { default as HvWizard } from "./Wizard";
+export * from "./Wizard";

package/dist/index.js

@@ -41,7 +41,8 @@ var _exportNames = {
   HvProgressBar: true,
   HvDotPagination: true,
   HvStepNavigation: true,
-  HvImageCarousel: true
+  HvImageCarousel: true,
+  HvWizard: true
 };
 Object.defineProperty(exports, "HvAppSwitcherPanel", {
   enumerable: true,
@@ -151,6 +152,12 @@ Object.defineProperty(exports, "HvTimePicker", {
     return _TimePicker.default;
   }
 });
+Object.defineProperty(exports, "HvWizard", {
+  enumerable: true,
+  get: function get() {
+    return _Wizard.default;
+  }
+});
 
 var _AppSwitcherPanel = _interopRequireWildcard(require("./AppSwitcherPanel"));
 
@@ -248,6 +255,8 @@ var _StepNavigation = _interopRequireDefault(require("./StepNavigation"));
 
 var _ImageCarousel = _interopRequireDefault(require("./ImageCarousel"));
 
+var _Wizard = _interopRequireDefault(require("./Wizard"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["// components\nexport { default as HvAppSwitcherPanel } from \"./AppSwitcherPanel\";\nexport * from \"./AppSwitcherPanel\";\nexport { default as HvFormComposer } from \"./FormComposer\";\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\nexport { default as HvSlider } from \"./Slider\";\nexport { default as HvTable } from \"./Table\";\nexport * from \"./Table\";\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvDrawer } from \"./Drawer\";\nexport { default as HvColorPicker } from \"./ColorPicker\";\nexport { default as HvQueryBuilder } from \"./QueryBuilder\";\nexport { default as HvControls } from \"./Controls\";\nexport * from \"./Controls\";\nexport * from \"./QueryBuilder\";\nexport { default as HvInlineEditor } from \"./InlineEditor\";\nexport { default as HvProgressBar } from \"./ProgressBar\";\nexport { default as HvDotPagination } from \"./DotPagination\";\nexport { default as HvStepNavigation } from \"./StepNavigation\";\nexport { default as HvImageCarousel } from \"./ImageCarousel\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAFA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["// components\nexport { default as HvAppSwitcherPanel } from \"./AppSwitcherPanel\";\nexport * from \"./AppSwitcherPanel\";\nexport { default as HvFormComposer } from \"./FormComposer\";\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\nexport { default as HvSlider } from \"./Slider\";\nexport { default as HvTable } from \"./Table\";\nexport * from \"./Table\";\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvDrawer } from \"./Drawer\";\nexport { default as HvColorPicker } from \"./ColorPicker\";\nexport { default as HvQueryBuilder } from \"./QueryBuilder\";\nexport { default as HvControls } from \"./Controls\";\nexport * from \"./Controls\";\nexport * from \"./QueryBuilder\";\nexport { default as HvInlineEditor } from \"./InlineEditor\";\nexport { default as HvProgressBar } from \"./ProgressBar\";\nexport { default as HvDotPagination } from \"./DotPagination\";\nexport { default as HvStepNavigation } from \"./StepNavigation\";\nexport { default as HvImageCarousel } from \"./ImageCarousel\";\nexport { default as HvWizard } from \"./Wizard\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAFA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/dist/legacy/Controls/Controls.d.ts

@@ -1,22 +1,14 @@
 import { StandardProps } from "@material-ui/core";
+import { HvTableInstance } from "../Table";
 
 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. */
@@ -29,7 +21,7 @@ export interface HvControlsProps
    * 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;
+  callbacks?: Pick<HvTableInstance, "setSortBy" | "setGlobalFilter">;
   /**
    * Views configuration required for the view buttons
    */

package/dist/legacy/Controls/RightControl/RightControl.d.ts

@@ -10,7 +10,7 @@ export interface HvControlsViewConfiguration extends Record<string, unknown> {
 }
 
 export interface RightListControls extends ListValueProp {
-  accesor: string;
+  accessor: string;
   desc: boolean;
 }
 

package/dist/legacy/StepNavigation/DefaultNavigation/DefaultNavigation.d.ts

@@ -1,6 +1,8 @@
 import * as React from "react";
 import { StandardProps } from "@material-ui/core";
 
+import { HvTheme } from "@hitachivantara/uikit-react-core";
+
 import { HvStepNavigationProps } from "../StepNavigation";
 import { HvStepProps } from "./Step";
 
@@ -12,7 +14,7 @@ export type ComponentChildProps = {
   separatorValues: {
     minWidth: number;
     maxWidth: number;
-    getColor: (state: HvStepProps["state"]) => any;
+    getColor: (state: HvStepProps["state"], theme: HvTheme) => any;
     height: number;
   };
   stepValues: {

package/dist/legacy/StepNavigation/DefaultNavigation/DefaultNavigation.js

@@ -2,9 +2,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["numSteps", "stepSize", "getTitles", "getDynamicValues", "children"];
 import React from "react";
 import PropTypes from "prop-types";
-import { useTheme, withStyles } from "@material-ui/core";
+import { withStyles } from "@material-ui/core";
 import HvStep from "./Step";
-import { getColor as getStateColor, stepSizes } from "./utils";
+import { getColor, stepSizes } from "./utils";
 import styles from "./styles";
 /**
  * Default Navigation
@@ -18,8 +18,7 @@ var HvDefaultNavigation = function HvDefaultNavigation(_ref) {
       children = _ref.children,
       other = _objectWithoutProperties(_ref, _excluded);
 
-  var theme = useTheme(); // step values
-
+  // step values
   var _stepSizes$stepSize = stepSizes[stepSize],
       maxSize = _stepSizes$stepSize.container,
       minSize = _stepSizes$stepSize.avatar;
@@ -33,10 +32,6 @@ var HvDefaultNavigation = function HvDefaultNavigation(_ref) {
       separatorWidth = _getDynamicValues.separatorWidth; // separator values
 
 
-  var getColor = function getColor(state) {
-    return getStateColor(state === "Current" ? "Disabled" : state, theme);
-  };
-
   var maxWidth = Math.max(titleWidth - minSize, separatorWidth);
   var minWidth = Math.max(titleWidth - (maxSize + minSize) * 0.5, separatorWidth); //
 

package/dist/legacy/StepNavigation/DefaultNavigation/DefaultNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultNavigation.js","names":["React","PropTypes","useTheme","withStyles","HvStep","getColor","getStateColor","stepSizes","styles","HvDefaultNavigation","numSteps","stepSize","getTitles","getDynamicValues","children","other","theme","maxSize","container","minSize","avatar","StepComponent","stepsWidth","width","titleWidth","separatorWidth","state","maxWidth","Math","max","minWidth","Steps","titles","variant","navWidth","separatorValues","height","stepValues","propTypes","className","string","classes","shape","root","isRequired","number","oneOf","func","elementType","name"],"sources":["../../../../src/StepNavigation/DefaultNavigation/DefaultNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { useTheme, withStyles } from \"@material-ui/core\";\n\nimport HvStep from \"./Step\";\nimport { getColor as getStateColor, stepSizes } from \"./utils\";\nimport styles from \"./styles\";\n\n/**\n * Default Navigation\n */\nconst HvDefaultNavigation = ({\n  numSteps,\n  stepSize,\n  getTitles,\n  getDynamicValues,\n  children,\n  ...other\n}) => {\n  const theme = useTheme();\n\n  // step values\n  const { container: maxSize, avatar: minSize } = stepSizes[stepSize];\n  const StepComponent = HvStep;\n  //\n\n  const stepsWidth = maxSize + minSize * (numSteps - 1);\n  const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n  // separator values\n  const getColor = (state) => getStateColor(state === \"Current\" ? \"Disabled\" : state, theme);\n  const maxWidth = Math.max(titleWidth - minSize, separatorWidth);\n  const minWidth = Math.max(titleWidth - (maxSize + minSize) * 0.5, separatorWidth);\n  //\n\n  const Steps = children;\n\n  const titles = getTitles(({ state }) => ({\n    variant: state === \"Disabled\" ? \"disabledText\" : \"highlightText\",\n    titleWidth,\n  }));\n\n  return (\n    <div {...other}>\n      <Steps\n        {...{\n          stepsWidth,\n          navWidth: width,\n          separatorValues: {\n            minWidth,\n            maxWidth,\n            getColor,\n            height: 3,\n          },\n          stepValues: {\n            minSize,\n            maxSize,\n            StepComponent,\n          },\n        }}\n      />\n      {titles}\n    </div>\n  );\n};\n\nHvDefaultNavigation.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  }).isRequired,\n  /**\n   * Number of steps to show on the component.\n   */\n  numSteps: PropTypes.number.isRequired,\n  /**\n   * Sets one of the standard sizes of the steps\n   */\n  stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]).isRequired,\n  /**\n   * Returns dynamic width values of the component (width, titleWidth, separatorWidth).\n   */\n  getDynamicValues: PropTypes.func.isRequired,\n  /**\n   * Returns a JSX.element of the titles container.\n   */\n  getTitles: PropTypes.func.isRequired,\n  /**\n   * Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth}\n   */\n  children: PropTypes.elementType.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDefaultNavigation\" })(HvDefaultNavigation);\n"],"mappings":"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"}
+{"version":3,"file":"DefaultNavigation.js","names":["React","PropTypes","withStyles","HvStep","getColor","stepSizes","styles","HvDefaultNavigation","numSteps","stepSize","getTitles","getDynamicValues","children","other","maxSize","container","minSize","avatar","StepComponent","stepsWidth","width","titleWidth","separatorWidth","maxWidth","Math","max","minWidth","Steps","titles","state","variant","navWidth","separatorValues","height","stepValues","propTypes","className","string","classes","shape","root","isRequired","number","oneOf","func","elementType","name"],"sources":["../../../../src/StepNavigation/DefaultNavigation/DefaultNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport HvStep from \"./Step\";\nimport { getColor, stepSizes } from \"./utils\";\nimport styles from \"./styles\";\n\n/**\n * Default Navigation\n */\nconst HvDefaultNavigation = ({\n  numSteps,\n  stepSize,\n  getTitles,\n  getDynamicValues,\n  children,\n  ...other\n}) => {\n  // step values\n  const { container: maxSize, avatar: minSize } = stepSizes[stepSize];\n  const StepComponent = HvStep;\n  //\n\n  const stepsWidth = maxSize + minSize * (numSteps - 1);\n  const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n  // separator values\n  const maxWidth = Math.max(titleWidth - minSize, separatorWidth);\n  const minWidth = Math.max(titleWidth - (maxSize + minSize) * 0.5, separatorWidth);\n  //\n\n  const Steps = children;\n\n  const titles = getTitles(({ state }) => ({\n    variant: state === \"Disabled\" ? \"disabledText\" : \"highlightText\",\n    titleWidth,\n  }));\n\n  return (\n    <div {...other}>\n      <Steps\n        {...{\n          stepsWidth,\n          navWidth: width,\n          separatorValues: {\n            minWidth,\n            maxWidth,\n            getColor,\n            height: 3,\n          },\n          stepValues: {\n            minSize,\n            maxSize,\n            StepComponent,\n          },\n        }}\n      />\n      {titles}\n    </div>\n  );\n};\n\nHvDefaultNavigation.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  }).isRequired,\n  /**\n   * Number of steps to show on the component.\n   */\n  numSteps: PropTypes.number.isRequired,\n  /**\n   * Sets one of the standard sizes of the steps\n   */\n  stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]).isRequired,\n  /**\n   * Returns dynamic width values of the component (width, titleWidth, separatorWidth).\n   */\n  getDynamicValues: PropTypes.func.isRequired,\n  /**\n   * Returns a JSX.element of the titles container.\n   */\n  getTitles: PropTypes.func.isRequired,\n  /**\n   * Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth}\n   */\n  children: PropTypes.elementType.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDefaultNavigation\" })(HvDefaultNavigation);\n"],"mappings":"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"}

package/dist/legacy/StepNavigation/DefaultNavigation/Step/Step.d.ts

@@ -7,9 +7,9 @@ export type HvStepClassKey = "root";
 export type HvStepProps = StandardProps<React.HTMLAttributes<HTMLDivElement>, HvStepClassKey> &
   Pick<HvButtonProps, "onClick"> & {
     /**
-     * State of the step. Values = {"Pending", "Failed", "Completed", "Current", "Disabled"}
+     * State of the step. Values = {"Pending", "Failed", "Completed", "Current", "Disabled", "Enabled"}
      */
-    state: "Pending" | "Failed" | "Completed" | "Current" | "Disabled";
+    state: "Pending" | "Failed" | "Completed" | "Current" | "Disabled" | "Enabled";
     /**
      * Title of the step.
      */

package/dist/legacy/StepNavigation/DefaultNavigation/Step/Step.js

@@ -145,9 +145,9 @@ process.env.NODE_ENV !== "production" ? HvStep.propTypes = {
   size: PropTypes.oneOf(["XS", "SM", "MD", "LG", "XL"]),
 
   /**
-   * State of the step. Values = {"Pending", "Failed", "Completed", "Current", "Disabled"}
+   * State of the step. Values = {"Pending", "Failed", "Completed", "Current", "Disabled", "Enabled"}
    */
-  state: PropTypes.oneOf(["Pending", "Failed", "Completed", "Current", "Disabled"]).isRequired,
+  state: PropTypes.oneOf(["Pending", "Failed", "Completed", "Current", "Disabled", "Enabled"]).isRequired,
 
   /**
    * Title of the step.