@hitachivantara/uikit-react-lab 2.6.18

package/dist/legacy/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/legacy/Slider/KnobRing/styles.js

@@ -0,0 +1,32 @@
+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
+      }
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/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;;AA4BA,eAAeJ,MAAf"}

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