@hitachivantara/uikit-react-lab 2.6.18

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

@@ -0,0 +1,56 @@
+import _defineProperty from "@babel/runtime/helpers/esm/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) { _defineProperty(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; }
+
+const styles = theme => ({
+  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: `${theme.hv.spacing.xs}px ${theme.hv.spacing.sm}px`,
+    borderBottom: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,
+    marginBottom: `${theme.hv.spacing.sm}px`
+  }),
+  close: {
+    cursor: "pointer"
+  },
+  notificationsContainer: {
+    flex: 1,
+    margin: `${theme.hv.spacing.xs}px 0`
+  },
+  footerContainer: _objectSpread(_objectSpread({}, theme.hv.typography.highlightText), {}, {
+    display: "flex",
+    alignItems: "center",
+    height: "52px",
+    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,
+    padding: `${theme.hv.spacing.xs}px ${theme.hv.spacing.sm}px`
+  })
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/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,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,QAAQ,EAAE,UAFN;IAGJC,KAAK,EAAE,OAHH;IAIJC,MAAM,EAAE,OAJJ;IAKJC,KAAK,EAAE,CALH;IAMJC,eAAe,EAAEP,KAAK,CAACQ,OAAN,CAAcC,MAAd,CAAqBC,KANlC;IAOJC,SAAS,EAAG,mCAPR,CAO4C;;EAP5C,CADmB;EAUzBC,cAAc,EAAE;IACdV,OAAO,EAAE,MADK;IAEdW,UAAU,EAAE;EAFE,CAVS;EAczBC,KAAK,EAAE;IACLC,WAAW,EAAE;EADR,CAdkB;EAiBzBC,IAAI,EAAE;IACJd,OAAO,EAAE,MADL;IAEJe,aAAa,EAAE;EAFX,CAjBmB;EAqBzBC,KAAK,EAAE,EArBkB;EAsBzBC,MAAM,kCACDnB,KAAK,CAACoB,EAAN,CAASC,UAAT,CAAoBC,aADnB;IAEJpB,OAAO,EAAE,MAFL;IAGJqB,cAAc,EAAE,eAHZ;IAIJV,UAAU,EAAE,QAJR;IAKJR,MAAM,EAAE,MALJ;IAMJmB,OAAO,EAAG,GAAExB,KAAK,CAACoB,EAAN,CAASK,OAAT,CAAiBC,EAAG,MAAK1B,KAAK,CAACoB,EAAN,CAASK,OAAT,CAAiBE,EAAG,IANrD;IAOJC,YAAY,EAAG,aAAY5B,KAAK,CAACoB,EAAN,CAASZ,OAAT,CAAiBqB,UAAjB,CAA4BC,KAAM,EAPzD;IAQJC,YAAY,EAAG,GAAE/B,KAAK,CAACoB,EAAN,CAASK,OAAT,CAAiBE,EAAG;EARjC,EAtBmB;EAgCzBK,KAAK,EAAE;IACLC,MAAM,EAAE;EADH,CAhCkB;EAmCzBC,sBAAsB,EAAE;IACtBC,IAAI,EAAE,CADgB;IAEtBC,MAAM,EAAG,GAAEpC,KAAK,CAACoB,EAAN,CAASK,OAAT,CAAiBC,EAAG;EAFT,CAnCC;EAuCzBW,eAAe,kCACVrC,KAAK,CAACoB,EAAN,CAASC,UAAT,CAAoBC,aADV;IAEbpB,OAAO,EAAE,MAFI;IAGbW,UAAU,EAAE,QAHC;IAIbR,MAAM,EAAE,MAJK;IAKbiC,SAAS,EAAG,aAAYtC,KAAK,CAACoB,EAAN,CAASZ,OAAT,CAAiBqB,UAAjB,CAA4BC,KAAM,EAL7C;IAMbN,OAAO,EAAG,GAAExB,KAAK,CAACoB,EAAN,CAASK,OAAT,CAAiBC,EAAG,MAAK1B,KAAK,CAACoB,EAAN,CAASK,OAAT,CAAiBE,EAAG;EAN5C;AAvCU,CAAZ,CAAf;;AAiDA,eAAe5B,MAAf"}

package/dist/modern/NotificationPanel/index.d.ts

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

package/dist/modern/NotificationPanel/index.js

@@ -0,0 +1,2 @@
+export { default } from "./NotificationPanel";
+//# sourceMappingURL=index.js.map

package/dist/modern/NotificationPanel/index.js.map

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

package/dist/modern/NotificationPanel/styles.js

@@ -0,0 +1,9 @@
+const styles = {
+  iconWrapper: {
+    cursor: "pointer"
+  },
+  panel: {},
+  badgeBorder: {}
+};
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/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,MAAMA,MAAM,GAAG;EACbC,WAAW,EAAE;IACXC,MAAM,EAAE;EADG,CADA;EAIbC,KAAK,EAAE,EAJM;EAKbC,WAAW,EAAE;AALA,CAAf;AAQA,eAAeJ,MAAf"}

package/dist/modern/Slider/KnobRing/KnobRing.js

@@ -0,0 +1,17 @@
+import React from "react";
+import PropTypes from "prop-types";
+
+const HvKnobRing = props => {
+  const {
+    classes
+  } = props;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.knobRing
+  });
+};
+
+process.env.NODE_ENV !== "production" ? HvKnobRing.propTypes = {
+  classes: PropTypes.instanceOf(Object).isRequired
+} : void 0;
+export default HvKnobRing;
+//# sourceMappingURL=KnobRing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KnobRing.js","names":["React","PropTypes","HvKnobRing","props","classes","knobRing","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,MAAMC,UAAU,GAAIC,KAAD,IAAW;EAC5B,MAAM;IAAEC;EAAF,IAAcD,KAApB;EAEA,oBAAO;IAAK,SAAS,EAAEC,OAAO,CAACC;EAAxB,EAAP;AACD,CAJD;;AAMA,wCAAAH,UAAU,CAACI,SAAX,GAAuB;EACrBF,OAAO,EAAEH,SAAS,CAACM,UAAV,CAAqBC,MAArB,EAA6BC;AADjB,CAAvB;AAIA,eAAeP,UAAf"}

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

@@ -0,0 +1,5 @@
+import withStylesProps from "../../withStyleProps";
+import styles from "./styles";
+import KnobRing from "./KnobRing";
+export default withStylesProps(styles)(KnobRing);
+//# sourceMappingURL=index.js.map

package/dist/modern/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,OAAOA,eAAP,MAA4B,sBAA5B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,QAAP,MAAqB,YAArB;AAEA,eAAeF,eAAe,CAACC,MAAD,CAAf,CAAwBC,QAAxB,CAAf"}

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

@@ -0,0 +1,34 @@
+const styles = props => {
+  const {
+    hoverColor,
+    dragging
+  } = props;
+  let borderValue = "0px solid transparent";
+
+  if (!dragging && hoverColor) {
+    borderValue = `9px solid ${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
+      }
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/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,MAAMA,MAAM,GAAIC,KAAD,IAAW;EACxB,MAAM;IAAEC,UAAF;IAAcC;EAAd,IAA2BF,KAAjC;EACA,IAAIG,WAAW,GAAG,uBAAlB;;EACA,IAAI,CAACD,QAAD,IAAaD,UAAjB,EAA6B;IAC3BE,WAAW,GAAI,aAAYF,UAAW,EAAtC;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;;AA4BA,eAAeJ,MAAf"}

package/dist/modern/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;