@hitachivantara/uikit-react-core 3.52.5

package/dist/CheckBoxGroup/styles.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "inline-block",
+      padding: 0,
+      margin: 0,
+      overflow: "hidden",
+      verticalAlign: "top"
+    },
+    label: {
+      marginBottom: theme.hv.spacing.xs
+    },
+    group: {
+      display: "flex"
+    },
+    vertical: {
+      flexDirection: "column",
+      // prevent the focus ring to be hidden by sibling hover background
+      "&>*": {
+        zIndex: 0
+      },
+      "&>*:focus-within": {
+        zIndex: 1
+      },
+      // IE fallback code (using focus-within-polyfill)
+      "&>*.focus-within": {
+        zIndex: 1
+      }
+    },
+    horizontal: {
+      flexDirection: "row",
+      flexWrap: "wrap",
+      marginLeft: -theme.hv.spacing.sm,
+      "&>*": {
+        marginLeft: theme.hv.spacing.sm
+      }
+    },
+    invalid: {
+      paddingBottom: theme.hv.spacing.xs,
+      borderBottom: "1px solid ".concat(theme.hv.palette.semantic.sema4)
+    },
+    selectAll: {},
+    error: {}
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/CheckBoxGroup/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/CheckBoxGroup/styles.js"],"names":["styles","theme","root","display","padding","margin","overflow","verticalAlign","label","marginBottom","hv","spacing","xs","group","vertical","flexDirection","zIndex","horizontal","flexWrap","marginLeft","sm","invalid","paddingBottom","borderBottom","palette","semantic","sema4","selectAll","error"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,cADL;AAEJC,MAAAA,OAAO,EAAE,CAFL;AAGJC,MAAAA,MAAM,EAAE,CAHJ;AAIJC,MAAAA,QAAQ,EAAE,QAJN;AAKJC,MAAAA,aAAa,EAAE;AALX,KADmB;AASzBC,IAAAA,KAAK,EAAE;AACLC,MAAAA,YAAY,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC;AAD1B,KATkB;AAazBC,IAAAA,KAAK,EAAE;AACLV,MAAAA,OAAO,EAAE;AADJ,KAbkB;AAgBzBW,IAAAA,QAAQ,EAAE;AACRC,MAAAA,aAAa,EAAE,QADP;AAGR;AACA,aAAO;AACLC,QAAAA,MAAM,EAAE;AADH,OAJC;AAOR,0BAAoB;AAClBA,QAAAA,MAAM,EAAE;AADU,OAPZ;AAUR;AACA,0BAAoB;AAClBA,QAAAA,MAAM,EAAE;AADU;AAXZ,KAhBe;AA+BzBC,IAAAA,UAAU,EAAE;AACVF,MAAAA,aAAa,EAAE,KADL;AAEVG,MAAAA,QAAQ,EAAE,MAFA;AAGVC,MAAAA,UAAU,EAAE,CAAClB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBS,EAHpB;AAIV,aAAO;AACLD,QAAAA,UAAU,EAAElB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBS;AADxB;AAJG,KA/Ba;AAwCzBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,aAAa,EAAErB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,EADzB;AAEPW,MAAAA,YAAY,sBAAetB,KAAK,CAACS,EAAN,CAASc,OAAT,CAAiBC,QAAjB,CAA0BC,KAAzC;AAFL,KAxCgB;AA6CzBC,IAAAA,SAAS,EAAE,EA7Cc;AA+CzBC,IAAAA,KAAK,EAAE;AA/CkB,GAAZ;AAAA,CAAf;;eAkDe5B,M","sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    padding: 0,\n    margin: 0,\n    overflow: \"hidden\",\n    verticalAlign: \"top\",\n  },\n\n  label: {\n    marginBottom: theme.hv.spacing.xs,\n  },\n\n  group: {\n    display: \"flex\",\n  },\n  vertical: {\n    flexDirection: \"column\",\n\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&>*\": {\n      zIndex: 0,\n    },\n    \"&>*:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&>*.focus-within\": {\n      zIndex: 1,\n    },\n  },\n  horizontal: {\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n    marginLeft: -theme.hv.spacing.sm,\n    \"&>*\": {\n      marginLeft: theme.hv.spacing.sm,\n    },\n  },\n\n  invalid: {\n    paddingBottom: theme.hv.spacing.xs,\n    borderBottom: `1px solid ${theme.hv.palette.semantic.sema4}`,\n  },\n\n  selectAll: {},\n\n  error: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Container/Container.d.ts

@@ -0,0 +1,14 @@
+import { ContainerProps, StandardProps } from "@material-ui/core";
+
+export type HvContainerClassKey =
+  | "root"
+  | "disableGutters"
+  | "fixed"
+  | "maxWidthXs"
+  | "maxWidthSm"
+  | "maxWidthMd"
+  | "maxWidthLg"
+  | "maxWidthXl";
+
+export type HvContainerProps = StandardProps<ContainerProps, HvContainerClassKey>
+export default function HvContainer(props: HvContainerProps): JSX.Element | null;

package/dist/Container/Container.js

@@ -0,0 +1,167 @@
+"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.to-string.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");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.string.fixed.js");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _Container = require("@material-ui/core/Container/Container");
+
+var _excluded = ["maxWidth", "fixed"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+// inherit material ui styles so people can override them too
+var styles = function styles(theme) {
+  return _objectSpread(_objectSpread({}, (0, _Container.styles)(theme)), {}, {
+    root: (0, _defineProperty2.default)({
+      paddingLeft: theme.hvSpacing(2),
+      paddingRight: theme.hvSpacing(2)
+    }, theme.breakpoints.up("md"), {
+      paddingLeft: theme.hvSpacing(4),
+      paddingRight: theme.hvSpacing(4)
+    })
+  });
+};
+/**
+ * The Container is the element responsible for creating and adding margins to the page, and making them react to the current screen size. Default maxWidth is overridden to xl.
+ */
+
+
+var HvContainer = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+  var _ref$maxWidth = _ref.maxWidth,
+      maxWidth = _ref$maxWidth === void 0 ? "xl" : _ref$maxWidth,
+      fixed = _ref.fixed,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_core.Container, (0, _extends2.default)({
+    ref: ref,
+    maxWidth: maxWidth,
+    fixed: fixed
+  }, others));
+});
+/*
+ * copied from Material-UI Container.js since we simply override the styles of the component
+ * please make sure this is updated when we update our Material-UI dependency
+ */
+
+
+HvContainer.propTypes = {
+  children: _propTypes.default.node.isRequired,
+
+  /**
+   * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
+   */
+  // eslint-disable-next-line react/forbid-prop-types
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the root element.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element if disableGutters={true}.
+     */
+    disableGutters: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element if fixed={true}.
+     */
+    fixed: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element if maxWidth="xs".
+     */
+    maxWidthXs: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element if maxWidth="sm".
+     */
+    maxWidthSm: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element if maxWidth="md".
+     */
+    maxWidthMd: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element if maxWidth="lg".
+     */
+    maxWidthLg: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element if maxWidth="xl".
+     */
+    maxWidthXl: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * @ignore
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * The component used for the root node.
+   * Either a string to use a DOM element or a component.
+   */
+  component: _propTypes.default.elementType,
+
+  /**
+   * If `true`, the left and right padding is removed.
+   */
+  disableGutters: _propTypes.default.bool,
+
+  /**
+   * Set the max-width to match the min-width of the current breakpoint.
+   * This is useful if you'd prefer to design for a fixed set of sizes
+   * instead of trying to accommodate a fully fluid viewport.
+   * It's fluid by default.
+   */
+  fixed: _propTypes.default.bool,
+
+  /**
+   * Determine the max-width of the container.
+   * The container width grows with the size of the screen.
+   * Set to `false` to disable `maxWidth`.
+   */
+  maxWidth: _propTypes.default.oneOf(["xs", "sm", "md", "lg", "xl", false])
+};
+
+var _default = (0, _core.withStyles)(styles, {
+  name: "HvContainer"
+})(HvContainer);
+
+exports.default = _default;
+//# sourceMappingURL=Container.js.map

package/dist/Container/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Container/Container.js"],"names":["styles","theme","root","paddingLeft","hvSpacing","paddingRight","breakpoints","up","HvContainer","React","forwardRef","ref","maxWidth","fixed","others","propTypes","children","PropTypes","node","isRequired","classes","shape","string","disableGutters","maxWidthXs","maxWidthSm","maxWidthMd","maxWidthLg","maxWidthXl","className","component","elementType","bool","oneOf","name"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAEA;AACA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,yCACV,uBAAgBA,KAAhB,CADU;AAEbC,IAAAA,IAAI;AACFC,MAAAA,WAAW,EAAEF,KAAK,CAACG,SAAN,CAAgB,CAAhB,CADX;AAEFC,MAAAA,YAAY,EAAEJ,KAAK,CAACG,SAAN,CAAgB,CAAhB;AAFZ,OAGDH,KAAK,CAACK,WAAN,CAAkBC,EAAlB,CAAqB,IAArB,CAHC,EAG4B;AAC5BJ,MAAAA,WAAW,EAAEF,KAAK,CAACG,SAAN,CAAgB,CAAhB,CADe;AAE5BC,MAAAA,YAAY,EAAEJ,KAAK,CAACG,SAAN,CAAgB,CAAhB;AAFc,KAH5B;AAFS;AAAA,CAAf;AAYA;AACA;AACA;;;AACA,IAAMI,WAAW,gBAAGC,eAAMC,UAAN,CAAiB,gBAAwCC,GAAxC,EAAgD;AAAA,2BAA7CC,QAA6C;AAAA,MAA7CA,QAA6C,8BAAlC,IAAkC;AAAA,MAA5BC,KAA4B,QAA5BA,KAA4B;AAAA,MAAlBC,MAAkB;AACnF,sBAAO,6BAAC,eAAD;AAAW,IAAA,GAAG,EAAEH,GAAhB;AAAqB,IAAA,QAAQ,EAAEC,QAA/B;AAAyC,IAAA,KAAK,EAAEC;AAAhD,KAA2DC,MAA3D,EAAP;AACD,CAFmB,CAApB;AAIA;AACA;AACA;AACA;;;AACAN,WAAW,CAACO,SAAZ,GAAwB;AACtBC,EAAAA,QAAQ,EAAEC,mBAAUC,IAAV,CAAeC,UADH;;AAEtB;AACF;AACA;AACA;AACE;AACAC,EAAAA,OAAO,EAAEH,mBAAUI,KAAV,CAAgB;AACvB;AACJ;AACA;AACInB,IAAAA,IAAI,EAAEe,mBAAUK,MAJO;;AAMvB;AACJ;AACA;AACIC,IAAAA,cAAc,EAAEN,mBAAUK,MATH;;AAWvB;AACJ;AACA;AACIT,IAAAA,KAAK,EAAEI,mBAAUK,MAdM;;AAgBvB;AACJ;AACA;AACIE,IAAAA,UAAU,EAAEP,mBAAUK,MAnBC;;AAqBvB;AACJ;AACA;AACIG,IAAAA,UAAU,EAAER,mBAAUK,MAxBC;;AA0BvB;AACJ;AACA;AACII,IAAAA,UAAU,EAAET,mBAAUK,MA7BC;;AA+BvB;AACJ;AACA;AACIK,IAAAA,UAAU,EAAEV,mBAAUK,MAlCC;;AAoCvB;AACJ;AACA;AACIM,IAAAA,UAAU,EAAEX,mBAAUK;AAvCC,GAAhB,EAwCNH,UA/CmB;;AAgDtB;AACF;AACA;AACEU,EAAAA,SAAS,EAAEZ,mBAAUK,MAnDC;;AAoDtB;AACF;AACA;AACA;AACEQ,EAAAA,SAAS,EAAEb,mBAAUc,WAxDC;;AAyDtB;AACF;AACA;AACER,EAAAA,cAAc,EAAEN,mBAAUe,IA5DJ;;AA6DtB;AACF;AACA;AACA;AACA;AACA;AACEnB,EAAAA,KAAK,EAAEI,mBAAUe,IAnEK;;AAoEtB;AACF;AACA;AACA;AACA;AACEpB,EAAAA,QAAQ,EAAEK,mBAAUgB,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,IAAzB,EAA+B,KAA/B,CAAhB;AAzEY,CAAxB;;eA4Ee,sBAAWjC,MAAX,EAAmB;AAAEkC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAA4C1B,WAA5C,C","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles, Container } from \"@material-ui/core\";\nimport { styles as containerStyles } from \"@material-ui/core/Container/Container\";\n\n// inherit material ui styles so people can override them too\nconst styles = (theme) => ({\n  ...containerStyles(theme),\n  root: {\n    paddingLeft: theme.hvSpacing(2),\n    paddingRight: theme.hvSpacing(2),\n    [theme.breakpoints.up(\"md\")]: {\n      paddingLeft: theme.hvSpacing(4),\n      paddingRight: theme.hvSpacing(4),\n    },\n  },\n});\n\n/**\n * The Container is the element responsible for creating and adding margins to the page, and making them react to the current screen size. Default maxWidth is overridden to xl.\n */\nconst HvContainer = React.forwardRef(({ maxWidth = \"xl\", fixed, ...others }, ref) => {\n  return <Container ref={ref} maxWidth={maxWidth} fixed={fixed} {...others} />;\n});\n\n/*\n * copied from Material-UI Container.js since we simply override the styles of the component\n * please make sure this is updated when we update our Material-UI dependency\n */\nHvContainer.propTypes = {\n  children: PropTypes.node.isRequired,\n  /**\n   * Override or extend the styles applied to the component.\n   * See [CSS API](#css) below for more details.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if disableGutters={true}.\n     */\n    disableGutters: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if fixed={true}.\n     */\n    fixed: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"xs\".\n     */\n    maxWidthXs: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"sm\".\n     */\n    maxWidthSm: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"md\".\n     */\n    maxWidthMd: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"lg\".\n     */\n    maxWidthLg: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"xl\".\n     */\n    maxWidthXl: PropTypes.string,\n  }).isRequired,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the left and right padding is removed.\n   */\n  disableGutters: PropTypes.bool,\n  /**\n   * Set the max-width to match the min-width of the current breakpoint.\n   * This is useful if you'd prefer to design for a fixed set of sizes\n   * instead of trying to accommodate a fully fluid viewport.\n   * It's fluid by default.\n   */\n  fixed: PropTypes.bool,\n  /**\n   * Determine the max-width of the container.\n   * The container width grows with the size of the screen.\n   * Set to `false` to disable `maxWidth`.\n   */\n  maxWidth: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\", false]),\n};\n\nexport default withStyles(styles, { name: \"HvContainer\" })(HvContainer);\n"],"file":"Container.js"}

package/dist/Container/index.d.ts

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

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

package/dist/Container/index.js.map

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

package/dist/DatePicker/DatePicker.d.ts

@@ -0,0 +1,106 @@
+import { StandardProps } from "@material-ui/core";
+import { HvFormElementProps } from "..";
+
+export type HvDatePickerClassKey =
+  | "root"
+  | "labelContainer"
+  | "label"
+  | "description"
+  | "error"
+  | "dropdown"
+  | "panel"
+  | "action"
+  | "icon"
+  | "dropdownHeaderInvalid"
+  | "dropdownHeaderOpen";
+
+export interface HvDatePickerProps
+  extends StandardProps<HvFormElementProps, HvDatePickerClassKey, "onChange"> {
+  /**
+   * An Object containing the various text associated with the input.
+   */
+  labels?: {
+    /**
+     * Apply button label.
+     */
+    applyLabel?: string;
+    /**
+     * Cancel button label.
+     */
+    cancelLabel?: string;
+    /**
+     * Clear button label.
+     */
+    clearLabel?: string;
+  };
+
+  /**
+   * The placeholder value when nothing is selected.
+   */
+  placeholder?: string;
+
+  /**
+   * The initial value of the input when in single calendar mode.
+   */
+  value?: Date;
+  /**
+   * The initial value for the start date when in range mode.
+   */
+  startValue?: Date;
+  /**
+   * The initial value for the end date when in range mode.
+   */
+  endValue?: Date;
+  /**
+   * Flag informing if the the component should be in range mode or in single mode.
+   */
+  rangeMode?: boolean;
+  /**
+   * The placement where the calendar should be placed according to the input. Options are `left` or `right`.
+   * Note this prop only affects the calendar when in `rangeMode`.
+   */
+  horizontalPlacement?: "left" | "right";
+  /**
+   * The calendar locale. If undefined, it uses calendar default
+   */
+  locale?: string;
+  /**
+   * Controls if actions buttons are visible at the calendar.
+   */
+  showActions?: boolean;
+  /**
+   * Controls if clear button is visible at the calendar,
+   * only works if showing actions or in range mode.
+   */
+  showClear?: boolean;
+  /**
+   * Callback function to be triggered when the input value is changed
+   */
+  onChange?: (date?: Date, endDate?: Date) => void;
+  /**
+   * Callback function to be triggered when the datepicker is closed without applying.
+   */
+  onCancel?: () => void;
+  /**
+   * Callback function to be triggered when the datepicker value is cleared.
+   */
+  onClear?: () => void;
+  /**
+   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.
+   */
+  disablePortal?: boolean;
+  /**
+   * Sets if the calendar container should follow the date picker input out of the screen or stay visible.
+   */
+  escapeWithReference?: boolean;
+  /**
+   * An element placed before the Calendar
+   */
+  startAdornment?: React.ReactNode;
+  /**
+   * An object containing props to be passed onto the baseDropdown.
+   */
+  dropdownProps?: React.HTMLAttributes<HTMLDivElement>;
+}
+
+export default function HvDatePicker(props: HvDatePickerProps): JSX.Element | null;