@hitachivantara/uikit-react-core 3.72.1 → 4.0.1-next.0

package/dist/Controls/RightControl/RightControl.js

@@ -0,0 +1,169 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.array.map.js");
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _styles = require("@mui/styles");
+
+var _ = require("../..");
+
+var _ControlsContext = require("../context/ControlsContext");
+
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _excluded = ["id", "classes", "className", "children", "values", "onSort", "hideSortBy", "sortProps"];
+
+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; }
+
+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) { (0, _defineProperty2.default)(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; }
+
+var HvRightControl = function HvRightControl(_ref) {
+  var id = _ref.id,
+      classes = _ref.classes,
+      className = _ref.className,
+      children = _ref.children,
+      values = _ref.values,
+      onSort = _ref.onSort,
+      _ref$hideSortBy = _ref.hideSortBy,
+      hideSortBy = _ref$hideSortBy === void 0 ? false : _ref$hideSortBy,
+      sortProps = _ref.sortProps,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(values),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      dropDownValues = _useState2[0],
+      setDropdownValues = _useState2[1];
+
+  var _useContext = (0, _react.useContext)(_ControlsContext.HvControlsContext),
+      onSortHandler = _useContext.onSort;
+
+  var handleChangeSort = function handleChangeSort(value) {
+    onSort === null || onSort === void 0 ? void 0 : onSort(value);
+    onSortHandler === null || onSortHandler === void 0 ? void 0 : onSortHandler(value); // this should be changed when dropdown changes his "values" behavior
+
+    setDropdownValues(function (prevValues) {
+      return prevValues.map(function (prevValue) {
+        return _objectSpread(_objectSpread({}, prevValue), {}, {
+          selected: prevValue.id === value.id
+        });
+      });
+    });
+  };
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+    id: id,
+    className: (0, _clsx.default)(className, classes.root)
+  }, others), {}, {
+    children: [!hideSortBy && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvDropdown, _objectSpread({
+      id: (0, _.setId)(id, "sort-by-dropdown"),
+      values: dropDownValues,
+      className: classes.sortDropdown,
+      onChange: handleChangeSort,
+      singleSelectionToggle: false
+    }, sortProps)), children]
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? HvRightControl.propTypes = {
+  /** Children to be rendered. */
+  id: _propTypes.default.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /** Children to be rendered. */
+  children: _propTypes.default.node,
+
+  /**
+   * the classes object to be applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Style applied to the root of the component.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Style applied to the dropdown in charge of sorting.
+     */
+    sortDropdown: _propTypes.default.string
+  }).isRequired,
+
+  /** Data collection to be listed on the sort field. */
+  values: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string,
+    accessor: _propTypes.default.string,
+    label: _propTypes.default.string,
+    selected: _propTypes.default.bool,
+    desc: _propTypes.default.bool
+  })),
+
+  /** Callback fired when the selected sort item is changed. */
+  onSort: _propTypes.default.func,
+
+  /** Boolean to control whether if the sort input should appears or not. */
+  hideSortBy: _propTypes.default.bool,
+
+  /**
+   * Extra props to be passed onto the dropdown
+   */
+  sortProps: _propTypes.default.object
+} : void 0;
+
+var _default = (0, _styles.withStyles)(_styles2.default, {
+  name: "HvRightControl",
+  withTheme: true
+})(HvRightControl);
+
+exports.default = _default;
+//# sourceMappingURL=RightControl.js.map

package/dist/Controls/RightControl/RightControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightControl.js","names":["HvRightControl","id","classes","className","children","values","onSort","hideSortBy","sortProps","others","useState","dropDownValues","setDropdownValues","useContext","HvControlsContext","onSortHandler","handleChangeSort","value","prevValues","map","prevValue","selected","clsx","root","setId","sortDropdown","propTypes","PropTypes","string","node","shape","isRequired","arrayOf","accessor","label","bool","desc","func","object","withStyles","styleCreator","name","withTheme"],"sources":["../../../src/Controls/RightControl/RightControl.js"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { HvDropdown, setId } from \"../..\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport styleCreator from \"./styles\";\n\nconst HvRightControl = ({\n  id,\n  classes,\n  className,\n  children,\n  values,\n  onSort,\n  hideSortBy = false,\n  sortProps,\n  ...others\n}) => {\n  const [dropDownValues, setDropdownValues] = useState(values);\n\n  const { onSort: onSortHandler } = useContext(HvControlsContext);\n\n  const handleChangeSort = (value) => {\n    onSort?.(value);\n    onSortHandler?.(value);\n    // this should be changed when dropdown changes his \"values\" behavior\n    setDropdownValues((prevValues) =>\n      prevValues.map((prevValue) => ({\n        ...prevValue,\n        selected: prevValue.id === value.id,\n      }))\n    );\n  };\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      {!hideSortBy && (\n        <HvDropdown\n          id={setId(id, \"sort-by-dropdown\")}\n          values={dropDownValues}\n          className={classes.sortDropdown}\n          onChange={handleChangeSort}\n          singleSelectionToggle={false}\n          {...sortProps}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n\nHvRightControl.propTypes = {\n  /** Children to be rendered. */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /** Children to be rendered. */\n  children: PropTypes.node,\n  /**\n   * the classes object to be applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the dropdown in charge of sorting.\n     */\n    sortDropdown: PropTypes.string,\n  }).isRequired,\n  /** Data collection to be listed on the sort field. */\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      accessor: PropTypes.string,\n      label: PropTypes.string,\n      selected: PropTypes.bool,\n      desc: PropTypes.bool,\n    })\n  ),\n  /** Callback fired when the selected sort item is changed. */\n  onSort: PropTypes.func,\n  /** Boolean to control whether if the sort input should appears or not. */\n  hideSortBy: PropTypes.bool,\n  /**\n   * Extra props to be passed onto the dropdown\n   */\n  sortProps: PropTypes.object,\n};\n\nexport default withStyles(styleCreator, { name: \"HvRightControl\", withTheme: true })(\n  HvRightControl\n);\n"],"mappings":"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"}

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

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

package/dist/Controls/RightControl/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 _RightControl.default;
+  }
+});
+
+var _RightControl = _interopRequireDefault(require("./RightControl"));
+//# sourceMappingURL=index.js.map

package/dist/Controls/RightControl/index.js.map

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

package/dist/Controls/RightControl/styles.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles() {
+  return {
+    root: {
+      display: "inline-flex",
+      gap: 10
+    },
+    sortDropdown: {
+      minWidth: 200
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Controls/RightControl/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","root","display","gap","sortDropdown","minWidth"],"sources":["../../../src/Controls/RightControl/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {\n    display: \"inline-flex\",\n    gap: 10,\n  },\n  sortDropdown: {\n    minWidth: 200,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,IAAI,EAAE;MACJC,OAAO,EAAE,aADL;MAEJC,GAAG,EAAE;IAFD,CADc;IAKpBC,YAAY,EAAE;MACZC,QAAQ,EAAE;IADE;EALM,CAAP;AAAA,CAAf;;eAUeL,M"}

package/dist/Controls/context/ControlsContext.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.HvControlsContextProvider = exports.HvControlsContextConsumer = exports.HvControlsContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var HvControlsContext = /*#__PURE__*/_react.default.createContext({});
+
+exports.HvControlsContext = HvControlsContext;
+var HvControlsContextProvider = HvControlsContext.Provider;
+exports.HvControlsContextProvider = HvControlsContextProvider;
+var HvControlsContextConsumer = HvControlsContext.Consumer;
+exports.HvControlsContextConsumer = HvControlsContextConsumer;
+var _default = HvControlsContext;
+exports.default = _default;
+//# sourceMappingURL=ControlsContext.js.map

package/dist/Controls/context/ControlsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlsContext.js","names":["HvControlsContext","React","createContext","HvControlsContextProvider","Provider","HvControlsContextConsumer","Consumer"],"sources":["../../../src/Controls/context/ControlsContext.js"],"sourcesContent":["import React from \"react\";\n\nexport const HvControlsContext = React.createContext({});\n\nexport const HvControlsContextProvider = HvControlsContext.Provider;\nexport const HvControlsContextConsumer = HvControlsContext.Consumer;\nexport default HvControlsContext;\n"],"mappings":";;;;;;;;;AAAA;;AAEO,IAAMA,iBAAiB,gBAAGC,cAAA,CAAMC,aAAN,CAAoB,EAApB,CAA1B;;;AAEA,IAAMC,yBAAyB,GAAGH,iBAAiB,CAACI,QAApD;;AACA,IAAMC,yBAAyB,GAAGL,iBAAiB,CAACM,QAApD;;eACQN,iB"}

package/dist/Controls/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./Controls";
+export { default as HvLeftControl } from "./LeftControl";
+export { default as HvRightControl } from "./RightControl";

package/dist/Controls/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HvLeftControl", {
+  enumerable: true,
+  get: function get() {
+    return _LeftControl.default;
+  }
+});
+Object.defineProperty(exports, "HvRightControl", {
+  enumerable: true,
+  get: function get() {
+    return _RightControl.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Controls.default;
+  }
+});
+
+var _Controls = _interopRequireDefault(require("./Controls"));
+
+var _LeftControl = _interopRequireDefault(require("./LeftControl"));
+
+var _RightControl = _interopRequireDefault(require("./RightControl"));
+//# sourceMappingURL=index.js.map

package/dist/Controls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Controls/index.js"],"sourcesContent":["export { default } from \"./Controls\";\nexport { default as HvLeftControl } from \"./LeftControl\";\nexport { default as HvRightControl } from \"./RightControl\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA"}

package/dist/Controls/styles.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles() {
+  return {
+    root: {
+      display: "inline-flex",
+      width: "100%",
+      justifyContent: "space-between"
+    },
+    section: {
+      display: "inline-flex",
+      alignItems: "flex-end",
+      gap: 10
+    },
+    leftSection: {},
+    rightSection: {},
+    sortInput: {
+      minWidth: 200
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Controls/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","root","display","width","justifyContent","section","alignItems","gap","leftSection","rightSection","sortInput","minWidth"],"sources":["../../src/Controls/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {\n    display: \"inline-flex\",\n    width: \"100%\",\n    justifyContent: \"space-between\",\n  },\n  section: {\n    display: \"inline-flex\",\n    alignItems: \"flex-end\",\n    gap: 10,\n  },\n  leftSection: {},\n  rightSection: {},\n  sortInput: {\n    minWidth: 200,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,IAAI,EAAE;MACJC,OAAO,EAAE,aADL;MAEJC,KAAK,EAAE,MAFH;MAGJC,cAAc,EAAE;IAHZ,CADc;IAMpBC,OAAO,EAAE;MACPH,OAAO,EAAE,aADF;MAEPI,UAAU,EAAE,UAFL;MAGPC,GAAG,EAAE;IAHE,CANW;IAWpBC,WAAW,EAAE,EAXO;IAYpBC,YAAY,EAAE,EAZM;IAapBC,SAAS,EAAE;MACTC,QAAQ,EAAE;IADD;EAbS,CAAP;AAAA,CAAf;;eAkBeX,M"}

package/dist/DatePicker/DatePicker.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvFormElementProps } from "..";
 
 export type HvDatePickerClassKey =