@hitachivantara/uikit-react-lab 3.38.0

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
+  });
+};
+
+HvKnobRing.propTypes = {
+  classes: _propTypes.default.instanceOf(Object).isRequired
+};
+var _default = HvKnobRing;
+exports.default = _default;
+//# sourceMappingURL=KnobRing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Slider/KnobRing/KnobRing.js"],"names":["HvKnobRing","props","classes","knobRing","propTypes","PropTypes","instanceOf","Object","isRequired"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;AAC5B,MAAQC,OAAR,GAAoBD,KAApB,CAAQC,OAAR;AAEA,sBAAO;AAAK,IAAA,SAAS,EAAEA,OAAO,CAACC;AAAxB,IAAP;AACD,CAJD;;AAMAH,UAAU,CAACI,SAAX,GAAuB;AACrBF,EAAAA,OAAO,EAAEG,mBAAUC,UAAV,CAAqBC,MAArB,EAA6BC;AADjB,CAAvB;eAIeR,U","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"],"file":"KnobRing.js"}

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,"sources":["../../../src/Slider/KnobRing/index.js"],"names":["styles","KnobRing"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;eAEe,6BAAgBA,eAAhB,EAAwBC,iBAAxB,C","sourcesContent":["import withStylesProps from \"../../withStyleProps\";\nimport styles from \"./styles\";\nimport KnobRing from \"./KnobRing\";\n\nexport default withStylesProps(styles)(KnobRing);\n"],"file":"index.js"}

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,"sources":["../../../src/Slider/KnobRing/styles.js"],"names":["styles","props","hoverColor","dragging","borderValue","knobRing","position","borderColor","borderRadius","boxShadow","backgroundColor","width","height","top","left","border"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;AACxB,MAAQC,UAAR,GAAiCD,KAAjC,CAAQC,UAAR;AAAA,MAAoBC,QAApB,GAAiCF,KAAjC,CAAoBE,QAApB;AACA,MAAIC,WAAW,GAAG,uBAAlB;;AACA,MAAI,CAACD,QAAD,IAAaD,UAAjB,EAA6B;AAC3BE,IAAAA,WAAW,uBAAgBF,UAAhB,CAAX;AACD;;AAED,SAAO;AACLG,IAAAA,QAAQ,EAAE;AACRC,MAAAA,QAAQ,EAAE,UADF;AAERC,MAAAA,WAAW,EAAE,aAFL;AAGRC,MAAAA,YAAY,EAAE,KAHN;AAIRC,MAAAA,SAAS,EAAE,MAJH;AAKRC,MAAAA,eAAe,EAAE,aALT;AAMRC,MAAAA,KAAK,EAAE,MANC;AAORC,MAAAA,MAAM,EAAE,MAPA;AAQRC,MAAAA,GAAG,EAAE,MARG;AASRC,MAAAA,IAAI,EAAE,MATE;AAUR,iBAAW;AACTC,QAAAA,MAAM,EAAEX;AADC,OAVH;AAaR,kBAAY;AACVW,QAAAA,MAAM,EAAEX;AADE;AAbJ;AADL,GAAP;AAmBD,CA1BD;;eA4BeJ,M","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"],"file":"styles.js"}

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;