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

package/dist/Tag/Tag.js

@@ -1,175 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.HvTag = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-
-var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _core = require("@material-ui/core");
-
-var _styles = _interopRequireDefault(require("./styles"));
-
-var _excluded = ["id", "semantic", "children", "disabled", "variant", "color", "shape", "showcancelicon"];
-
-/**
- * The tag is a component used to notify the user about the labelled ,categorised, or organised item , in the app context.
- */
-var useStyles = (0, _core.makeStyles)(_styles.default, {
-  name: "HvTag"
-});
-
-var getColor = function getColor(theme, color, defaultColor) {
-  return theme.palette[color] || color || defaultColor;
-};
-
-var HvTag = function HvTag(props) {
-  var id = props.id,
-      semantic = props.semantic,
-      children = props.children,
-      disabled = props.disabled,
-      variant = props.variant,
-      color = props.color,
-      shape = props.shape,
-      _props$showcancelicon = props.showcancelicon,
-      showcancelicon = _props$showcancelicon === void 0 ? false : _props$showcancelicon,
-      others = (0, _objectWithoutProperties2.default)(props, _excluded);
-  (0, _uikitReactCore.useDeprecated)("Tag", "Please use the Tag component in Core");
-  var classes = useStyles();
-  var isDisabled = disabled || false;
-  var Tagshape = shape || classes.square;
-  var theme = (0, _core.useTheme)();
-  var inlineStyle = {};
-
-  if (semantic) {
-    var _theme$palette;
-
-    inlineStyle.backgroundColor = getColor(theme, (_theme$palette = theme.palette) === null || _theme$palette === void 0 ? void 0 : _theme$palette[semantic], theme.hv.palette.accent.acce1);
-  }
-  /**
-   * Renders the content for the tag elements.
-   */
-
-
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    id: id,
-    role: "button",
-    className: (0, _clsx.default)(classes.root, classes[variant], others, isDisabled && classes.disabled, Tagshape && classes["".concat(shape)]),
-    style: inlineStyle,
-    disabled: isDisabled
-  }, others), /*#__PURE__*/_react.default.createElement("span", {
-    className: classes.label
-  }, children), showcancelicon && /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Close, {
-    className: (0, _clsx.default)(classes.deleteIcon, isDisabled && classes.disabled),
-    color: "atmo5"
-  }));
-};
-
-exports.HvTag = HvTag;
-process.env.NODE_ENV !== "production" ? HvTag.propTypes = {
-  /**
-   * Id to be applied to the root node.
-   */
-  id: _propTypes.default.string,
-
-  /**
-   *   A Jss Object used to override or extend the styles applied to the tag.
-   */
-  classes: _propTypes.default.shape({
-    /**
-     * Styles applied to the component root class.
-     */
-    root: _propTypes.default.string,
-
-    /**
-     * Styles applied to the component label.
-     */
-    label: _propTypes.default.string,
-
-    /**
-     * Styles applied to the component when it is tag.
-     */
-    square: _propTypes.default.string,
-
-    /**
-     * Styles applied to the component when it is chip.
-     */
-    round: _propTypes.default.string,
-
-    /**
-     * Styles applied to the component when shows label.
-     */
-    deleteIcon: _propTypes.default.string,
-
-    /**
-     * Styles applied to the component when disabled.
-     */
-    disabled: _propTypes.default.string,
-
-    /**
-     * Styles applied to the button if keyboard focused.
-     */
-    focusVisible: _propTypes.default.string
-  }),
-
-  /**
-   * A String representing the background color of the tag.
-   * You can use either an HEX or color name from the palette.
-   */
-  backgroundColor: _propTypes.default.string,
-
-  /**
-   * Category of tag to use
-   */
-  variant: _propTypes.default.oneOf(["informational", "success", "warning", "error", "categorical"]),
-
-  /**
-   * A String or Array of strings representing the colors to override in the icon.
-   * Each element inside the array will override a diferent color.
-   * You can use either an HEX or color name from the palette.
-   */
-  color: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
-
-  /**
-   * Sets one of the standard semantic palette colors of the icon
-   */
-  semantic: _propTypes.default.oneOf(["sema1", "sema2", "sema3", "sema4", "sema5", "sema6", "sema7", "sema8", "sema9", "sema10", "sema11", "sema12", "sema13", "sema14", "sema15", "sema16", "sema17", "sema18", "sema19", "sema20"]),
-  shape: _propTypes.default.string,
-
-  /**
-   * The content of the Tag.
-   */
-  children: _propTypes.default.node.isRequired,
-
-  /**
-   * The disabled property of the Tag.
-   */
-  disabled: _propTypes.default.string,
-
-  /**
-   * The cancel icon is shown based on this property
-   */
-  showcancelicon: _propTypes.default.bool
-} : void 0;
-
-var _default = (0, _core.withStyles)(_styles.default, {
-  name: "HvTag"
-})(HvTag);
-
-exports.default = _default;
-//# sourceMappingURL=Tag.js.map

package/dist/Tag/Tag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tag.js","names":["useStyles","makeStyles","styles","name","getColor","theme","color","defaultColor","palette","HvTag","props","id","semantic","children","disabled","variant","shape","showcancelicon","others","useDeprecated","classes","isDisabled","Tagshape","square","useTheme","inlineStyle","backgroundColor","hv","accent","acce1","clsx","root","label","deleteIcon","propTypes","PropTypes","string","round","focusVisible","oneOf","oneOfType","arrayOf","node","isRequired","bool","withStyles"],"sources":["../../src/Tag/Tag.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useDeprecated } from \"@hitachivantara/uikit-react-core\";\n\nimport clsx from \"clsx\";\nimport { withStyles, makeStyles, useTheme } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * The tag is a component used to notify the user about the labelled ,categorised, or organised item , in the app context.\n */\nconst useStyles = makeStyles(styles, { name: \"HvTag\" });\n\nconst getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;\nexport const HvTag = (props) => {\n  const {\n    id,\n    semantic,\n    children,\n    disabled,\n    variant,\n    color,\n    shape,\n    showcancelicon = false,\n    ...others\n  } = props;\n\n  useDeprecated(\"Tag\", \"Please use the Tag component in Core\");\n  const classes = useStyles();\n  const isDisabled = disabled || false;\n  const Tagshape = shape || classes.square;\n  const theme = useTheme();\n  const inlineStyle = {};\n\n  if (semantic) {\n    inlineStyle.backgroundColor = getColor(\n      theme,\n      theme.palette?.[semantic],\n      theme.hv.palette.accent.acce1\n    );\n  }\n\n  /**\n   * Renders the content for the tag elements.\n   */\n  return (\n    <div\n      id={id}\n      role=\"button\"\n      className={clsx(\n        classes.root,\n        classes[variant],\n        { ...others },\n        {\n          [classes.disabled]: isDisabled,\n          [classes[`${shape}`]]: Tagshape,\n        }\n      )}\n      style={inlineStyle}\n      disabled={isDisabled}\n      {...others}\n    >\n      <span className={classes.label}>{children}</span>\n      {showcancelicon && (\n        <Close\n          className={clsx(classes.deleteIcon, {\n            [classes.disabled]: isDisabled,\n          })}\n          color=\"atmo5\"\n        />\n      )}\n    </div>\n  );\n};\n\nHvTag.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   *   A Jss Object used to override or extend the styles applied to the tag.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the component when it is tag.\n     */\n    square: PropTypes.string,\n    /**\n     * Styles applied to the component when it is chip.\n     */\n    round: PropTypes.string,\n\n    /**\n     * Styles applied to the component when shows label.\n     */\n    deleteIcon: PropTypes.string,\n    /**\n     * Styles applied to the component when disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the button if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }),\n  /**\n   * A String representing the background color of the tag.\n   * You can use either an HEX or color name from the palette.\n   */\n  backgroundColor: PropTypes.string,\n  /**\n   * Category of tag to use\n   */\n  variant: PropTypes.oneOf([\"informational\", \"success\", \"warning\", \"error\", \"categorical\"]),\n  /**\n   * A String or Array of strings representing the colors to override in the icon.\n   * Each element inside the array will override a diferent color.\n   * You can use either an HEX or color name from the palette.\n   */\n  color: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  /**\n   * Sets one of the standard semantic palette colors of the icon\n   */\n  semantic: PropTypes.oneOf([\n    \"sema1\",\n    \"sema2\",\n    \"sema3\",\n    \"sema4\",\n    \"sema5\",\n    \"sema6\",\n    \"sema7\",\n    \"sema8\",\n    \"sema9\",\n    \"sema10\",\n    \"sema11\",\n    \"sema12\",\n    \"sema13\",\n    \"sema14\",\n    \"sema15\",\n    \"sema16\",\n    \"sema17\",\n    \"sema18\",\n    \"sema19\",\n    \"sema20\",\n  ]),\n  shape: PropTypes.string,\n  /**\n   * The content of the Tag.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * The disabled property of the Tag.\n   */\n  disabled: PropTypes.string,\n  /**\n   * The cancel icon is shown based on this property\n   */\n  showcancelicon: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvTag\" })(HvTag);\n"],"mappings":"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"}

package/dist/Tag/index.d.ts

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

package/dist/Tag/index.js

@@ -1,16 +0,0 @@
-"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 _Tag.default;
-  }
-});
-
-var _Tag = _interopRequireDefault(require("./Tag"));
-//# sourceMappingURL=index.js.map

package/dist/Tag/index.js.map

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

package/dist/Tag/styles.js

@@ -1,128 +0,0 @@
-"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.outlineStyles = exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/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) { (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 outlineStyles = {
-  outlineColor: "#52A8EC",
-  outlineStyle: "solid",
-  outlineWidth: "0px",
-  outlineOffset: "-1px",
-  boxShadow: "0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)"
-};
-exports.outlineStyles = outlineStyles;
-
-var styles = function styles(theme) {
-  return {
-    root: {
-      position: "relative",
-      cursor: "pointer",
-      display: "flex",
-      justifyContent: "center",
-      flexWrap: "wrap",
-      backgroundColor: theme.hv.palette.semantic.sema7,
-      margin: "0 8px 8px 0",
-      float: "left",
-      minWidth: 70,
-      padding: theme.hvSpacing(0, "xs"),
-      height: 20,
-      minHeight: 20,
-      textAlign: "center",
-      " &:hover": {
-        "&:not(disabled)": {
-          "& > div svg": _objectSpread({
-            backgroundColor: theme.hv.palette.atmosphere.atmo4
-          }, outlineStyles),
-          "&:focus": {
-            "& > div svg": _objectSpread({
-              backgroundColor: theme.hv.palette.atmosphere.atmo4
-            }, outlineStyles)
-          }
-        }
-      }
-    },
-
-    /* Styles applied to the label `span` element. */
-    label: {
-      overflow: "hidden",
-      textOverflow: "ellipsis",
-      paddingLeft: 12,
-      paddingRight: 12,
-      whiteSpace: "nowrap",
-      maxWidth: 200,
-      minHeight: 20
-    },
-    square: {
-      borderRadius: 2
-    },
-    round: {
-      borderRadius: 28
-    },
-    deleteIcon: {
-      WebkitTapHighlightColor: "transparent",
-      height: 10,
-      width: 12,
-      cursor: "pointer",
-      color: "white",
-      "&:hover": {
-        "& *": _objectSpread({
-          backgroundColor: theme.palette.atmo3
-        }, outlineStyles)
-      }
-    },
-    focusVisible: {},
-    disabled: {
-      color: theme.hv.palette.atmosphere.atmo5,
-      cursor: "not-allowed",
-      PointerEvent: "none",
-      opacity: 1,
-      "&:hover": {
-        color: theme.hv.palette.atmosphere.atmo5,
-        border: "transparent"
-      },
-      "&$focusVisible": _objectSpread({
-        backgroundColor: theme.palette.atmo3
-      }, outlineStyles)
-    },
-    informational: {
-      backgroundColor: theme.hv.palette.semantic.sema7
-    },
-    success: {
-      backgroundColor: theme.hv.palette.semantic.sema8
-    },
-    warning: {
-      backgroundColor: theme.hv.palette.semantic.sema20
-    },
-    error: {
-      backgroundColor: theme.hv.palette.semantic.sema9
-    }
-  };
-};
-
-var _default = styles;
-exports.default = _default;
-//# sourceMappingURL=styles.js.map

package/dist/Tag/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","styles","theme","root","position","cursor","display","justifyContent","flexWrap","backgroundColor","hv","palette","semantic","sema7","margin","float","minWidth","padding","hvSpacing","height","minHeight","textAlign","atmosphere","atmo4","label","overflow","textOverflow","paddingLeft","paddingRight","whiteSpace","maxWidth","square","borderRadius","round","deleteIcon","WebkitTapHighlightColor","width","color","atmo3","focusVisible","disabled","atmo5","PointerEvent","opacity","border","informational","success","sema8","warning","sema20","error","sema9"],"sources":["../../src/Tag/styles.js"],"sourcesContent":["export const outlineStyles = {\n  outlineColor: \"#52A8EC\",\n  outlineStyle: \"solid\",\n  outlineWidth: \"0px\",\n  outlineOffset: \"-1px\",\n  boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n};\n\nconst styles = (theme) => ({\n  root: {\n    position: \"relative\",\n    cursor: \"pointer\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    flexWrap: \"wrap\",\n    backgroundColor: theme.hv.palette.semantic.sema7,\n    margin: \"0 8px 8px 0\",\n    float: \"left\",\n    minWidth: 70,\n    padding: theme.hvSpacing(0, \"xs\"),\n    height: 20,\n    minHeight: 20,\n    textAlign: \"center\",\n    \" &:hover\": {\n      \"&:not(disabled)\": {\n        \"& > div svg\": {\n          backgroundColor: theme.hv.palette.atmosphere.atmo4,\n          ...outlineStyles,\n        },\n        \"&:focus\": {\n          \"& > div svg\": {\n            backgroundColor: theme.hv.palette.atmosphere.atmo4,\n            ...outlineStyles,\n          },\n        },\n      },\n    },\n  },\n  /* Styles applied to the label `span` element. */\n  label: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    paddingLeft: 12,\n    paddingRight: 12,\n    whiteSpace: \"nowrap\",\n    maxWidth: 200,\n    minHeight: 20,\n  },\n  square: {\n    borderRadius: 2,\n  },\n  round: {\n    borderRadius: 28,\n  },\n\n  deleteIcon: {\n    WebkitTapHighlightColor: \"transparent\",\n    height: 10,\n    width: 12,\n    cursor: \"pointer\",\n    color: \"white\",\n    \"&:hover\": {\n      \"& *\": {\n        backgroundColor: theme.palette.atmo3,\n        ...outlineStyles,\n      },\n    },\n  },\n  focusVisible: {},\n  disabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n    cursor: \"not-allowed\",\n    PointerEvent: \"none\",\n    opacity: 1,\n    \"&:hover\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n      border: `transparent`,\n    },\n    \"&$focusVisible\": {\n      backgroundColor: theme.palette.atmo3,\n      ...outlineStyles,\n    },\n  },\n  informational: {\n    backgroundColor: theme.hv.palette.semantic.sema7,\n  },\n  success: {\n    backgroundColor: theme.hv.palette.semantic.sema8,\n  },\n  warning: {\n    backgroundColor: theme.hv.palette.semantic.sema20,\n  },\n  error: {\n    backgroundColor: theme.hv.palette.semantic.sema9,\n  },\n});\nexport default styles;\n"],"mappings":"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"}

package/dist/TimePicker/PeriodPicker/PeriodPicker.js

@@ -1,128 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.reflect.construct.js");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-
-var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-
-var _enums = require("../enums");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var PeriodPicker = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(PeriodPicker, _React$Component);
-
-  var _super = _createSuper(PeriodPicker);
-
-  function PeriodPicker(props) {
-    var _props$period;
-
-    var _this;
-
-    (0, _classCallCheck2.default)(this, PeriodPicker);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChangePeriod", function () {
-      var onChangePeriod = _this.props.onChangePeriod;
-
-      var period = _this.selectDifferentPeriod();
-
-      _this.setState({
-        currentPeriod: period
-      });
-
-      onChangePeriod(period);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectDifferentPeriod", function () {
-      var currentPeriod = _this.state.currentPeriod;
-      return currentPeriod === _enums.PeriodPickerOptions.AM ? _enums.PeriodPickerOptions.PM : _enums.PeriodPickerOptions.AM;
-    });
-    _this.state = {
-      currentPeriod: (_props$period = props.period) !== null && _props$period !== void 0 ? _props$period : _enums.PeriodPickerOptions.AM
-    };
-    return _this;
-  }
-  /**
-   * Handles the period change
-   * @memberof PeriodPicker
-   */
-
-
-  (0, _createClass2.default)(PeriodPicker, [{
-    key: "render",
-    value:
-    /**
-     * Renders the PeriodPicker
-     * @memberof UnitTimePicker
-     */
-    function render() {
-      var classes = this.props.classes;
-      var currentPeriod = this.state.currentPeriod;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classes.periodContainer
-      }, /*#__PURE__*/_react.default.createElement(_uikitReactIcons.DropUpXS, {
-        className: classes.icon,
-        onClick: this.handleChangePeriod
-      }), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvToggleButton, {
-        className: classes.periodToggle,
-        selected: currentPeriod === _enums.PeriodPickerOptions.PM,
-        onClick: this.handleChangePeriod
-      }, currentPeriod), /*#__PURE__*/_react.default.createElement(_uikitReactIcons.DropDownXS, {
-        className: (0, _clsx.default)(classes.icon, classes.subtractIcon),
-        onClick: this.handleChangePeriod
-      }));
-    }
-  }]);
-  return PeriodPicker;
-}(_react.default.Component);
-
-process.env.NODE_ENV !== "production" ? PeriodPicker.propTypes = {
-  /**
-   * A Jss Object used to override or extend the styles applied to the input/popper
-   */
-  classes: _propTypes.default.instanceOf(Object).isRequired,
-
-  /**
-   * Callback function called when the period value changes
-   */
-  onChangePeriod: _propTypes.default.func.isRequired,
-
-  /**
-   * Default period value
-   */
-  period: _propTypes.default.oneOf([_enums.PeriodPickerOptions.AM, _enums.PeriodPickerOptions.PM])
-} : void 0;
-var _default = PeriodPicker;
-exports.default = _default;
-//# sourceMappingURL=PeriodPicker.js.map

package/dist/TimePicker/PeriodPicker/PeriodPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PeriodPicker.js","names":["PeriodPicker","props","onChangePeriod","period","selectDifferentPeriod","setState","currentPeriod","state","PeriodPickerOptions","AM","PM","classes","periodContainer","icon","handleChangePeriod","periodToggle","clsx","subtractIcon","React","Component","propTypes","PropTypes","instanceOf","Object","isRequired","func","oneOf"],"sources":["../../../src/TimePicker/PeriodPicker/PeriodPicker.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { HvToggleButton } from \"@hitachivantara/uikit-react-core\";\nimport { DropUpXS as UpIcon, DropDownXS as DownIcon } from \"@hitachivantara/uikit-react-icons\";\nimport { PeriodPickerOptions } from \"../enums\";\n\nclass PeriodPicker extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      currentPeriod: props.period ?? PeriodPickerOptions.AM,\n    };\n  }\n\n  /**\n   * Handles the period change\n   * @memberof PeriodPicker\n   */\n  handleChangePeriod = () => {\n    const { onChangePeriod } = this.props;\n    const period = this.selectDifferentPeriod();\n    this.setState({\n      currentPeriod: period,\n    });\n    onChangePeriod(period);\n  };\n\n  /**\n   * Gets the new value for the period\n   * @returns the new value for the period\n   * @memberof UnitTimePicker\n   */\n  selectDifferentPeriod = () => {\n    const { currentPeriod } = this.state;\n    return currentPeriod === PeriodPickerOptions.AM\n      ? PeriodPickerOptions.PM\n      : PeriodPickerOptions.AM;\n  };\n\n  /**\n   * Renders the PeriodPicker\n   * @memberof UnitTimePicker\n   */\n  render() {\n    const { classes } = this.props;\n    const { currentPeriod } = this.state;\n\n    return (\n      <div className={classes.periodContainer}>\n        <UpIcon className={classes.icon} onClick={this.handleChangePeriod} />\n        <HvToggleButton\n          className={classes.periodToggle}\n          selected={currentPeriod === PeriodPickerOptions.PM}\n          onClick={this.handleChangePeriod}\n        >\n          {currentPeriod}\n        </HvToggleButton>\n        <DownIcon\n          className={clsx(classes.icon, classes.subtractIcon)}\n          onClick={this.handleChangePeriod}\n        />\n      </div>\n    );\n  }\n}\n\nPeriodPicker.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the input/popper\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Callback function called when the period value changes\n   */\n  onChangePeriod: PropTypes.func.isRequired,\n  /**\n   * Default period value\n   */\n  period: PropTypes.oneOf([PeriodPickerOptions.AM, PeriodPickerOptions.PM]),\n};\n\nexport default PeriodPicker;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEMA,Y;;;;;EACJ,sBAAYC,KAAZ,EAAmB;IAAA;;IAAA;;IAAA;IACjB,0BAAMA,KAAN;IADiB,iGAYE,YAAM;MACzB,IAAQC,cAAR,GAA2B,MAAKD,KAAhC,CAAQC,cAAR;;MACA,IAAMC,MAAM,GAAG,MAAKC,qBAAL,EAAf;;MACA,MAAKC,QAAL,CAAc;QACZC,aAAa,EAAEH;MADH,CAAd;;MAGAD,cAAc,CAACC,MAAD,CAAd;IACD,CAnBkB;IAAA,oGA0BK,YAAM;MAC5B,IAAQG,aAAR,GAA0B,MAAKC,KAA/B,CAAQD,aAAR;MACA,OAAOA,aAAa,KAAKE,0BAAA,CAAoBC,EAAtC,GACHD,0BAAA,CAAoBE,EADjB,GAEHF,0BAAA,CAAoBC,EAFxB;IAGD,CA/BkB;IAGjB,MAAKF,KAAL,GAAa;MACXD,aAAa,mBAAEL,KAAK,CAACE,MAAR,yDAAkBK,0BAAA,CAAoBC;IADxC,CAAb;IAHiB;EAMlB;EAED;AACF;AACA;AACA;;;;;;IAsBE;AACF;AACA;AACA;IACE,kBAAS;MACP,IAAQE,OAAR,GAAoB,KAAKV,KAAzB,CAAQU,OAAR;MACA,IAAQL,aAAR,GAA0B,KAAKC,KAA/B,CAAQD,aAAR;MAEA,oBACE;QAAK,SAAS,EAAEK,OAAO,CAACC;MAAxB,gBACE,6BAAC,yBAAD;QAAQ,SAAS,EAAED,OAAO,CAACE,IAA3B;QAAiC,OAAO,EAAE,KAAKC;MAA/C,EADF,eAEE,6BAAC,8BAAD;QACE,SAAS,EAAEH,OAAO,CAACI,YADrB;QAEE,QAAQ,EAAET,aAAa,KAAKE,0BAAA,CAAoBE,EAFlD;QAGE,OAAO,EAAE,KAAKI;MAHhB,GAKGR,aALH,CAFF,eASE,6BAAC,2BAAD;QACE,SAAS,EAAE,IAAAU,aAAA,EAAKL,OAAO,CAACE,IAAb,EAAmBF,OAAO,CAACM,YAA3B,CADb;QAEE,OAAO,EAAE,KAAKH;MAFhB,EATF,CADF;IAgBD;;;EA1DwBI,cAAA,CAAMC,S;;AA6DjC,wCAAAnB,YAAY,CAACoB,SAAb,GAAyB;EACvB;AACF;AACA;EACET,OAAO,EAAEU,kBAAA,CAAUC,UAAV,CAAqBC,MAArB,EAA6BC,UAJf;;EAKvB;AACF;AACA;EACEtB,cAAc,EAAEmB,kBAAA,CAAUI,IAAV,CAAeD,UARR;;EASvB;AACF;AACA;EACErB,MAAM,EAAEkB,kBAAA,CAAUK,KAAV,CAAgB,CAAClB,0BAAA,CAAoBC,EAArB,EAAyBD,0BAAA,CAAoBE,EAA7C,CAAhB;AAZe,CAAzB;eAeeV,Y"}

package/dist/TimePicker/PeriodPicker/index.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
-
-var _styles = _interopRequireDefault(require("./styles"));
-
-var _PeriodPicker = _interopRequireDefault(require("./PeriodPicker"));
-
-var _default = (0, _withStyles.default)(_styles.default, {
-  name: "HvTimePickerPeriodPicker"
-})(_PeriodPicker.default);
-
-exports.default = _default;
-//# sourceMappingURL=index.js.map

package/dist/TimePicker/PeriodPicker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["withStyles","styles","name","PeriodPicker"],"sources":["../../../src/TimePicker/PeriodPicker/index.js"],"sourcesContent":["import withStyles from \"@material-ui/core/styles/withStyles\";\nimport styles from \"./styles\";\nimport PeriodPicker from \"./PeriodPicker\";\n\nexport default withStyles(styles, { name: \"HvTimePickerPeriodPicker\" })(PeriodPicker);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;eAEe,IAAAA,mBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAyDC,qBAAzD,C"}

package/dist/TimePicker/PeriodPicker/styles.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var styles = function styles(theme) {
-  return {
-    periodContainer: {
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "center",
-      alignItems: "center",
-      marginLeft: 8
-    },
-    periodToggle: {
-      height: "40px",
-      width: "40px"
-    },
-    icon: {
-      cursor: "pointer"
-    },
-    subtractIcon: {
-      marginTop: "".concat(theme.hv.spacing.xs, "px")
-    }
-  };
-};
-
-var _default = styles;
-exports.default = _default;
-//# sourceMappingURL=styles.js.map

package/dist/TimePicker/PeriodPicker/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","theme","periodContainer","display","flexDirection","justifyContent","alignItems","marginLeft","periodToggle","height","width","icon","cursor","subtractIcon","marginTop","hv","spacing","xs"],"sources":["../../../src/TimePicker/PeriodPicker/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  periodContainer: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    marginLeft: 8,\n  },\n  periodToggle: {\n    height: \"40px\",\n    width: \"40px\",\n  },\n  icon: {\n    cursor: \"pointer\",\n  },\n  subtractIcon: {\n    marginTop: `${theme.hv.spacing.xs}px`,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,eAAe,EAAE;MACfC,OAAO,EAAE,MADM;MAEfC,aAAa,EAAE,QAFA;MAGfC,cAAc,EAAE,QAHD;MAIfC,UAAU,EAAE,QAJG;MAKfC,UAAU,EAAE;IALG,CADQ;IAQzBC,YAAY,EAAE;MACZC,MAAM,EAAE,MADI;MAEZC,KAAK,EAAE;IAFK,CARW;IAYzBC,IAAI,EAAE;MACJC,MAAM,EAAE;IADJ,CAZmB;IAezBC,YAAY,EAAE;MACZC,SAAS,YAAKb,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,EAAtB;IADG;EAfW,CAAZ;AAAA,CAAf;;eAoBejB,M"}