@hitachivantara/uikit-react-lab 3.52.2 → 4.0.1-next.0

package/dist/Slider/KnobRing/KnobRing.js

@@ -1,26 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,19 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,40 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,133 +0,0 @@
-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;