@hitachivantara/uikit-react-lab 2.6.18

package/dist/NotificationPanel/Panel/styles.js

@@ -0,0 +1,84 @@
+"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.array.concat.js");
+
+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 styles = function styles(theme) {
+  return {
+    root: {
+      display: "none",
+      position: "absolute",
+      width: "320px",
+      height: "500px",
+      right: 0,
+      backgroundColor: theme.palette.common.white,
+      boxShadow: "0 2px 12px rgba(65, 65, 65, 0.12)" // rgb color corresponds to #414141;
+
+    },
+    titleContainer: {
+      display: "flex",
+      alignItems: "center"
+    },
+    title: {
+      marginRight: "5px"
+    },
+    open: {
+      display: "flex",
+      flexDirection: "column"
+    },
+    panel: {},
+    header: _objectSpread(_objectSpread({}, theme.hv.typography.highlightText), {}, {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      height: "52px",
+      padding: "".concat(theme.hv.spacing.xs, "px ").concat(theme.hv.spacing.sm, "px"),
+      borderBottom: "3px solid ".concat(theme.hv.palette.atmosphere.atmo2),
+      marginBottom: "".concat(theme.hv.spacing.sm, "px")
+    }),
+    close: {
+      cursor: "pointer"
+    },
+    notificationsContainer: {
+      flex: 1,
+      margin: "".concat(theme.hv.spacing.xs, "px 0")
+    },
+    footerContainer: _objectSpread(_objectSpread({}, theme.hv.typography.highlightText), {}, {
+      display: "flex",
+      alignItems: "center",
+      height: "52px",
+      borderTop: "3px solid ".concat(theme.hv.palette.atmosphere.atmo2),
+      padding: "".concat(theme.hv.spacing.xs, "px ").concat(theme.hv.spacing.sm, "px")
+    })
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/NotificationPanel/Panel/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","position","width","height","right","backgroundColor","palette","common","white","boxShadow","titleContainer","alignItems","title","marginRight","open","flexDirection","panel","header","hv","typography","highlightText","justifyContent","padding","spacing","xs","sm","borderBottom","atmosphere","atmo2","marginBottom","close","cursor","notificationsContainer","flex","margin","footerContainer","borderTop"],"sources":["../../../src/NotificationPanel/Panel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"none\",\n    position: \"absolute\",\n    width: \"320px\",\n    height: \"500px\",\n    right: 0,\n    backgroundColor: theme.palette.common.white,\n    boxShadow: `0 2px 12px rgba(65, 65, 65, 0.12)`, // rgb color corresponds to #414141;\n  },\n  titleContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  title: {\n    marginRight: \"5px\",\n  },\n  open: {\n    display: \"flex\",\n    flexDirection: \"column\",\n  },\n  panel: {},\n  header: {\n    ...theme.hv.typography.highlightText,\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    height: \"52px\",\n    padding: `${theme.hv.spacing.xs}px ${theme.hv.spacing.sm}px`,\n    borderBottom: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n    marginBottom: `${theme.hv.spacing.sm}px`,\n  },\n  close: {\n    cursor: \"pointer\",\n  },\n  notificationsContainer: {\n    flex: 1,\n    margin: `${theme.hv.spacing.xs}px 0`,\n  },\n  footerContainer: {\n    ...theme.hv.typography.highlightText,\n    display: \"flex\",\n    alignItems: \"center\",\n    height: \"52px\",\n    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n    padding: `${theme.hv.spacing.xs}px ${theme.hv.spacing.sm}px`,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,QAAQ,EAAE,UAFN;MAGJC,KAAK,EAAE,OAHH;MAIJC,MAAM,EAAE,OAJJ;MAKJC,KAAK,EAAE,CALH;MAMJC,eAAe,EAAEP,KAAK,CAACQ,OAAN,CAAcC,MAAd,CAAqBC,KANlC;MAOJC,SAAS,qCAPL,CAO4C;;IAP5C,CADmB;IAUzBC,cAAc,EAAE;MACdV,OAAO,EAAE,MADK;MAEdW,UAAU,EAAE;IAFE,CAVS;IAczBC,KAAK,EAAE;MACLC,WAAW,EAAE;IADR,CAdkB;IAiBzBC,IAAI,EAAE;MACJd,OAAO,EAAE,MADL;MAEJe,aAAa,EAAE;IAFX,CAjBmB;IAqBzBC,KAAK,EAAE,EArBkB;IAsBzBC,MAAM,kCACDnB,KAAK,CAACoB,EAAN,CAASC,UAAT,CAAoBC,aADnB;MAEJpB,OAAO,EAAE,MAFL;MAGJqB,cAAc,EAAE,eAHZ;MAIJV,UAAU,EAAE,QAJR;MAKJR,MAAM,EAAE,MALJ;MAMJmB,OAAO,YAAKxB,KAAK,CAACoB,EAAN,CAASK,OAAT,CAAiBC,EAAtB,gBAA8B1B,KAAK,CAACoB,EAAN,CAASK,OAAT,CAAiBE,EAA/C,OANH;MAOJC,YAAY,sBAAe5B,KAAK,CAACoB,EAAN,CAASZ,OAAT,CAAiBqB,UAAjB,CAA4BC,KAA3C,CAPR;MAQJC,YAAY,YAAK/B,KAAK,CAACoB,EAAN,CAASK,OAAT,CAAiBE,EAAtB;IARR,EAtBmB;IAgCzBK,KAAK,EAAE;MACLC,MAAM,EAAE;IADH,CAhCkB;IAmCzBC,sBAAsB,EAAE;MACtBC,IAAI,EAAE,CADgB;MAEtBC,MAAM,YAAKpC,KAAK,CAACoB,EAAN,CAASK,OAAT,CAAiBC,EAAtB;IAFgB,CAnCC;IAuCzBW,eAAe,kCACVrC,KAAK,CAACoB,EAAN,CAASC,UAAT,CAAoBC,aADV;MAEbpB,OAAO,EAAE,MAFI;MAGbW,UAAU,EAAE,QAHC;MAIbR,MAAM,EAAE,MAJK;MAKbiC,SAAS,sBAAetC,KAAK,CAACoB,EAAN,CAASZ,OAAT,CAAiBqB,UAAjB,CAA4BC,KAA3C,CALI;MAMbN,OAAO,YAAKxB,KAAK,CAACoB,EAAN,CAASK,OAAT,CAAiBC,EAAtB,gBAA8B1B,KAAK,CAACoB,EAAN,CAASK,OAAT,CAAiBE,EAA/C;IANM;EAvCU,CAAZ;AAAA,CAAf;;eAiDe5B,M"}

package/dist/NotificationPanel/index.d.ts

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

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

package/dist/NotificationPanel/index.js.map

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

package/dist/NotificationPanel/styles.js

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

package/dist/NotificationPanel/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","iconWrapper","cursor","panel","badgeBorder"],"sources":["../../src/NotificationPanel/styles.js"],"sourcesContent":["const styles = {\n  iconWrapper: {\n    cursor: \"pointer\",\n  },\n  panel: {},\n  badgeBorder: {},\n};\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG;EACbC,WAAW,EAAE;IACXC,MAAM,EAAE;EADG,CADA;EAIbC,KAAK,EAAE,EAJM;EAKbC,WAAW,EAAE;AALA,CAAf;eAQeJ,M"}

package/dist/Slider/KnobRing/KnobRing.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var HvKnobRing = function HvKnobRing(props) {
+  var classes = props.classes;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.knobRing
+  });
+};
+
+process.env.NODE_ENV !== "production" ? HvKnobRing.propTypes = {
+  classes: _propTypes.default.instanceOf(Object).isRequired
+} : void 0;
+var _default = HvKnobRing;
+exports.default = _default;
+//# sourceMappingURL=KnobRing.js.map

package/dist/Slider/KnobRing/KnobRing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KnobRing.js","names":["HvKnobRing","props","classes","knobRing","propTypes","PropTypes","instanceOf","Object","isRequired"],"sources":["../../../src/Slider/KnobRing/KnobRing.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst HvKnobRing = (props) => {\n  const { classes } = props;\n\n  return <div className={classes.knobRing} />;\n};\n\nHvKnobRing.propTypes = {\n  classes: PropTypes.instanceOf(Object).isRequired,\n};\n\nexport default HvKnobRing;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;EAC5B,IAAQC,OAAR,GAAoBD,KAApB,CAAQC,OAAR;EAEA,oBAAO;IAAK,SAAS,EAAEA,OAAO,CAACC;EAAxB,EAAP;AACD,CAJD;;AAMA,wCAAAH,UAAU,CAACI,SAAX,GAAuB;EACrBF,OAAO,EAAEG,kBAAA,CAAUC,UAAV,CAAqBC,MAArB,EAA6BC;AADjB,CAAvB;eAIeR,U"}

package/dist/Slider/KnobRing/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _withStyleProps = _interopRequireDefault(require("../../withStyleProps"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _KnobRing = _interopRequireDefault(require("./KnobRing"));
+
+var _default = (0, _withStyleProps.default)(_styles.default)(_KnobRing.default);
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/dist/Slider/KnobRing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["withStylesProps","styles","KnobRing"],"sources":["../../../src/Slider/KnobRing/index.js"],"sourcesContent":["import withStylesProps from \"../../withStyleProps\";\nimport styles from \"./styles\";\nimport KnobRing from \"./KnobRing\";\n\nexport default withStylesProps(styles)(KnobRing);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;eAEe,IAAAA,uBAAA,EAAgBC,eAAhB,EAAwBC,iBAAxB,C"}

package/dist/Slider/KnobRing/styles.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(props) {
+  var hoverColor = props.hoverColor,
+      dragging = props.dragging;
+  var borderValue = "0px solid transparent";
+
+  if (!dragging && hoverColor) {
+    borderValue = "9px solid ".concat(hoverColor);
+  }
+
+  return {
+    knobRing: {
+      position: "relative",
+      borderColor: "transparent",
+      borderRadius: "50%",
+      boxShadow: "none",
+      backgroundColor: "transparent",
+      width: "32px",
+      height: "32px",
+      top: "-82%",
+      left: "-82%",
+      "&:hover": {
+        border: borderValue
+      },
+      "&:active": {
+        border: borderValue
+      }
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Slider/KnobRing/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","props","hoverColor","dragging","borderValue","knobRing","position","borderColor","borderRadius","boxShadow","backgroundColor","width","height","top","left","border"],"sources":["../../../src/Slider/KnobRing/styles.js"],"sourcesContent":["const styles = (props) => {\n  const { hoverColor, dragging } = props;\n  let borderValue = \"0px solid transparent\";\n  if (!dragging && hoverColor) {\n    borderValue = `9px solid ${hoverColor}`;\n  }\n\n  return {\n    knobRing: {\n      position: \"relative\",\n      borderColor: \"transparent\",\n      borderRadius: \"50%\",\n      boxShadow: \"none\",\n      backgroundColor: \"transparent\",\n      width: \"32px\",\n      height: \"32px\",\n      top: \"-82%\",\n      left: \"-82%\",\n      \"&:hover\": {\n        border: borderValue,\n      },\n      \"&:active\": {\n        border: borderValue,\n      },\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;EACxB,IAAQC,UAAR,GAAiCD,KAAjC,CAAQC,UAAR;EAAA,IAAoBC,QAApB,GAAiCF,KAAjC,CAAoBE,QAApB;EACA,IAAIC,WAAW,GAAG,uBAAlB;;EACA,IAAI,CAACD,QAAD,IAAaD,UAAjB,EAA6B;IAC3BE,WAAW,uBAAgBF,UAAhB,CAAX;EACD;;EAED,OAAO;IACLG,QAAQ,EAAE;MACRC,QAAQ,EAAE,UADF;MAERC,WAAW,EAAE,aAFL;MAGRC,YAAY,EAAE,KAHN;MAIRC,SAAS,EAAE,MAJH;MAKRC,eAAe,EAAE,aALT;MAMRC,KAAK,EAAE,MANC;MAORC,MAAM,EAAE,MAPA;MAQRC,GAAG,EAAE,MARG;MASRC,IAAI,EAAE,MATE;MAUR,WAAW;QACTC,MAAM,EAAEX;MADC,CAVH;MAaR,YAAY;QACVW,MAAM,EAAEX;MADE;IAbJ;EADL,CAAP;AAmBD,CA1BD;;eA4BeJ,M"}

package/dist/Slider/Slider.d.ts

@@ -0,0 +1,133 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface KnobProperty {
+  color?: string;
+  defaultValue?: number;
+  hidden?: boolean;
+  fixed?: boolean;
+  hoverColor?: string;
+  trackColor?: string;
+  dragColor?: string;
+}
+
+export interface MarkProperty {
+  position?: number;
+  label?: string;
+}
+
+export type HvSliderClassKey =
+  | "root"
+  | "dot"
+  | "rail"
+  | "knobInner"
+  | "knobOuter"
+  | "knobHidden"
+  | "knobHiddenLast"
+  | "track"
+  | "mark"
+  | "sliderTooltip";
+
+export interface HvSliderProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvSliderClassKey, "onChange"> {
+  /**
+   * The object created by material to apply to the component.
+   */
+  theme?: any;
+
+  /**
+   * The values array to apply to the component
+   */
+  values?: number[];
+
+  /**
+   * The default values array to apply to the component
+   */
+  defaultValues?: number[];
+
+  /**
+   * The object used to set the knob properties,
+   * for every item in the array a new knob will be created.
+   */
+  knobProperties: KnobProperty[];
+
+  /**
+   * The object used to set the mark properties individually.
+   */
+  markProperties?: MarkProperty[];
+
+  /**
+   * the function executed before a change will ocurr in the slider.
+   * it will receive an object like
+   * {
+   *   knobsPosition: [],
+   *   knobsValues: []
+   * }
+   */
+  onBeforeChange?: (args: { knobsPosition: any[]; knobsValues: any[] }) => any;
+
+  /**
+   * the function executed while a change is ocurring in the slider.
+   * it will receive an object like
+   * {
+   *   knobsPosition: [],
+   *   knobsValues: []
+   * }
+   */
+  onChange?: (args: { knobsPosition: any[]; knobsValues: any[] }) => any;
+
+  /**
+   * the function executed after a change ocurred in the slider.
+   * it will receive an object like
+   * {
+   *   knobsPosition: [],
+   *   knobsValues: []
+   * }
+   */
+  onAfterChange?: (args: { knobsPosition: any[]; knobsValues: any[] }) => any;
+
+  /**
+   * the separation in points between marks.
+   * example: if 10 divisions and a markstep of 2 there will be 5 marks.
+   */
+  markStep?: number;
+
+  /**
+   * how many subdivisions there are in the slider.
+   */
+  divisionQuantity?: number;
+
+  /**
+   * the value of the first point in the slider from left to right.
+   */
+  minPointValue?: number;
+
+  /**
+   * the value of the last point in the slider from left to right.
+   */
+  maxPointValue?: number;
+
+  /**
+   * the nax number of decimals if no format function is applied
+   */
+  markDigits?: number;
+
+  /**
+   * a formatting function used to add format to the marks in the track,
+   * the function receives the mark text
+   */
+  formatMark?: (...args: any[]) => any;
+
+  /**
+   * a formatting function used to add format to the tooltip in the track,
+   * the function receives the mark text
+   */
+  formatTooltip?: (...args: any[]) => any;
+
+  /**
+   * if `true` the knobs can't have the same value, if `false` knobs can have the same value.
+   */
+  noOverlap?: boolean;
+}
+
+export default function HvSlider(props: HvSliderProps): JSX.Element | null;