@elliemae/ds-slider 3.0.0-alpha.0 → 3.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,8 +2,22 @@ var __create = Object.create;
2
2
  var __defProp = Object.defineProperty;
3
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
6
  var __getProtoOf = Object.getPrototypeOf;
6
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
9
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
10
+ var __spreadValues = (a, b) => {
11
+ for (var prop in b || (b = {}))
12
+ if (__hasOwnProp.call(b, prop))
13
+ __defNormalProp(a, prop, b[prop]);
14
+ if (__getOwnPropSymbols)
15
+ for (var prop of __getOwnPropSymbols(b)) {
16
+ if (__propIsEnum.call(b, prop))
17
+ __defNormalProp(a, prop, b[prop]);
18
+ }
19
+ return a;
20
+ };
7
21
  var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
22
  var __export = (target, all) => {
9
23
  for (var name in all)
@@ -36,9 +50,7 @@ var import_react = __toESM(require("react"));
36
50
  var import_react_desc = require("react-desc");
37
51
  var import_SliderImp = __toESM(require("./components/SliderImp"));
38
52
  var import_prop_types = require("./prop-types");
39
- const DSSlider = (props) => /* @__PURE__ */ import_react.default.createElement(import_SliderImp.default, {
40
- ...props
41
- });
53
+ const DSSlider = (props) => /* @__PURE__ */ import_react.default.createElement(import_SliderImp.default, __spreadValues({}, props));
42
54
  DSSlider.defaultProps = import_prop_types.defaultProps;
43
55
  DSSlider.propTypes = import_prop_types.sliderPropTypes;
44
56
  const DSSliderWithSchema = (0, import_react_desc.describe)(DSSlider);
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSSlider.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport SliderImp from './components/SliderImp';\nimport { defaultProps, sliderPropTypes } from './prop-types';\n\nconst DSSlider = (props) => <SliderImp {...props} />;\n\nDSSlider.defaultProps = defaultProps;\nDSSlider.propTypes = sliderPropTypes;\n\nconst DSSliderWithSchema = describe(DSSlider);\nDSSliderWithSchema.propTypes = sliderPropTypes;\n\nexport { DSSlider, DSSliderWithSchema };\nexport default DSSlider;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,uBAAsB;AACtB,wBAA8C;AAE9C,MAAM,WAAW,CAAC,UAAU,mDAAC,0BAAD;AAAA,KAAe;AAAA;AAE3C,SAAS,eAAe;AACxB,SAAS,YAAY;AAErB,MAAM,qBAAqB,gCAAS;AACpC,mBAAmB,YAAY;AAG/B,IAAO,mBAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,uBAAsB;AACtB,wBAA8C;AAE9C,MAAM,WAAW,CAAC,UAAU,mDAAC,0BAAD,mBAAe;AAE3C,SAAS,eAAe;AACxB,SAAS,YAAY;AAErB,MAAM,qBAAqB,gCAAS;AACpC,mBAAmB,YAAY;AAG/B,IAAO,mBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,9 +1,26 @@
1
1
  var __create = Object.create;
2
2
  var __defProp = Object.defineProperty;
3
+ var __defProps = Object.defineProperties;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
6
  var __getOwnPropNames = Object.getOwnPropertyNames;
7
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
8
  var __getProtoOf = Object.getPrototypeOf;
6
9
  var __hasOwnProp = Object.prototype.hasOwnProperty;
10
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
+ var __spreadValues = (a, b) => {
13
+ for (var prop in b || (b = {}))
14
+ if (__hasOwnProp.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ if (__getOwnPropSymbols)
17
+ for (var prop of __getOwnPropSymbols(b)) {
18
+ if (__propIsEnum.call(b, prop))
19
+ __defNormalProp(a, prop, b[prop]);
20
+ }
21
+ return a;
22
+ };
23
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
7
24
  var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
25
  var __export = (target, all) => {
9
26
  for (var name in all)
@@ -46,16 +63,15 @@ const Thumb = ({ index, props, isDragged }) => {
46
63
  step,
47
64
  minValue
48
65
  } = (0, import_react.useContext)(import_context.SliderContext);
49
- const cleanedProps = { ...props };
50
- return /* @__PURE__ */ import_react.default.createElement(import_styled.ThumbStyled, {
51
- ...cleanedProps,
66
+ const cleanedProps = __spreadValues({}, props);
67
+ return /* @__PURE__ */ import_react.default.createElement(import_styled.ThumbStyled, __spreadProps(__spreadValues({}, cleanedProps), {
52
68
  "data-testid": "slider-thumb",
53
69
  disabled,
54
- style: { ...cleanedProps.style, zIndex },
70
+ style: __spreadProps(__spreadValues({}, cleanedProps.style), { zIndex }),
55
71
  index,
56
72
  onMouseEnter: () => setIsHovered(true),
57
73
  onMouseLeave: () => setIsHovered(false)
58
- }, /* @__PURE__ */ import_react.default.createElement(import_styled.TooltipContainerStyled, {
74
+ }), /* @__PURE__ */ import_react.default.createElement(import_styled.TooltipContainerStyled, {
59
75
  isDragged,
60
76
  isHovered
61
77
  }, /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.TooltipText, null, (0, import_utils.conformedThumbLabel)(rangeValues, customTickMarksValues, index, step, minValue)), /* @__PURE__ */ import_react.default.createElement(import_styled.TooltipArrow, null)));
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/Thumb.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { useContext, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { TooltipText } from '@elliemae/ds-tooltip';\nimport { SliderContext } from './context';\nimport { conformedThumbLabel } from './utils';\nimport { ThumbStyled, TooltipContainerStyled, TooltipArrow } from './styled';\n\nconst Thumb = ({ index, props, isDragged }) => {\n const [isHovered, setIsHovered] = useState(false);\n const {\n disabled,\n rangeValues,\n zIndex,\n customTickMarksValues,\n step,\n minValue,\n } = useContext(SliderContext);\n\n const cleanedProps = { ...props };\n // delete cleanedProps.key;\n // delete cleanedProps.draggable;\n return (\n // ...props is needed because it's received from the library\n // ...props.style has it own style from the library but has a bug with the zIndex for two thumbs, so that's why it has to be overwrite\n <ThumbStyled\n {...cleanedProps}\n data-testid=\"slider-thumb\"\n disabled={disabled}\n // eslint-disable-next-line react/prop-types\n style={{ ...cleanedProps.style, zIndex }}\n index={index}\n onMouseEnter={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n >\n <TooltipContainerStyled isDragged={isDragged} isHovered={isHovered}>\n <TooltipText>\n {conformedThumbLabel(\n rangeValues,\n customTickMarksValues,\n index,\n step,\n minValue,\n )}\n </TooltipText>\n <TooltipArrow />\n </TooltipContainerStyled>\n </ThumbStyled>\n );\n};\n\nThumb.propTypes = {\n index: PropTypes.number,\n props: PropTypes.shape({\n style: PropTypes.shape({}).isRequired,\n }).isRequired,\n isDragged: PropTypes.bool,\n};\n\nexport default Thumb;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAC5C,wBAAsB;AACtB,wBAA4B;AAC5B,qBAA8B;AAC9B,mBAAoC;AACpC,oBAAkE;AAElE,MAAM,QAAQ,CAAC,EAAE,OAAO,OAAO,gBAAgB;AAC7C,QAAM,CAAC,WAAW,gBAAgB,2BAAS;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,eAAe,KAAK;AAG1B,SAGE,mDAAC,2BAAD;AAAA,OACM;AAAA,IACJ,eAAY;AAAA,IACZ;AAAA,IAEA,OAAO,KAAK,aAAa,OAAO;AAAA,IAChC;AAAA,IACA,cAAc,MAAM,aAAa;AAAA,IACjC,cAAc,MAAM,aAAa;AAAA,KAEjC,mDAAC,sCAAD;AAAA,IAAwB;AAAA,IAAsB;AAAA,KAC5C,mDAAC,+BAAD,MACG,sCACC,aACA,uBACA,OACA,MACA,YAGJ,mDAAC,4BAAD;AAAA;AAMR,MAAM,YAAY;AAAA,EAChB,OAAO,0BAAU;AAAA,EACjB,OAAO,0BAAU,MAAM;AAAA,IACrB,OAAO,0BAAU,MAAM,IAAI;AAAA,KAC1B;AAAA,EACH,WAAW,0BAAU;AAAA;AAGvB,IAAO,gBAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAC5C,wBAAsB;AACtB,wBAA4B;AAC5B,qBAA8B;AAC9B,mBAAoC;AACpC,oBAAkE;AAElE,MAAM,QAAQ,CAAC,EAAE,OAAO,OAAO,gBAAgB;AAC7C,QAAM,CAAC,WAAW,gBAAgB,2BAAS;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,eAAe,mBAAK;AAG1B,SAGE,mDAAC,2BAAD,iCACM,eADN;AAAA,IAEE,eAAY;AAAA,IACZ;AAAA,IAEA,OAAO,iCAAK,aAAa,QAAlB,EAAyB;AAAA,IAChC;AAAA,IACA,cAAc,MAAM,aAAa;AAAA,IACjC,cAAc,MAAM,aAAa;AAAA,MAEjC,mDAAC,sCAAD;AAAA,IAAwB;AAAA,IAAsB;AAAA,KAC5C,mDAAC,+BAAD,MACG,sCACC,aACA,uBACA,OACA,MACA,YAGJ,mDAAC,4BAAD;AAAA;AAMR,MAAM,YAAY;AAAA,EAChB,OAAO,0BAAU;AAAA,EACjB,OAAO,0BAAU,MAAM;AAAA,IACrB,OAAO,0BAAU,MAAM,IAAI;AAAA,KAC1B;AAAA,EACH,WAAW,0BAAU;AAAA;AAGvB,IAAO,gBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,9 +1,26 @@
1
1
  var __create = Object.create;
2
2
  var __defProp = Object.defineProperty;
3
+ var __defProps = Object.defineProperties;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
6
  var __getOwnPropNames = Object.getOwnPropertyNames;
7
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
8
  var __getProtoOf = Object.getPrototypeOf;
6
9
  var __hasOwnProp = Object.prototype.hasOwnProperty;
10
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
+ var __spreadValues = (a, b) => {
13
+ for (var prop in b || (b = {}))
14
+ if (__hasOwnProp.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ if (__getOwnPropSymbols)
17
+ for (var prop of __getOwnPropSymbols(b)) {
18
+ if (__propIsEnum.call(b, prop))
19
+ __defNormalProp(a, prop, b[prop]);
20
+ }
21
+ return a;
22
+ };
23
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
7
24
  var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
25
  var __export = (target, all) => {
9
26
  for (var name in all)
@@ -47,14 +64,13 @@ const Track = ({ children, props }) => {
47
64
  withTickMarksValues,
48
65
  withTwoHandles
49
66
  } = (0, import_react.useContext)(import_context.SliderContext);
50
- return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(TrackStyled, {
51
- ...props,
67
+ return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(TrackStyled, __spreadProps(__spreadValues({}, props), {
52
68
  disabled,
53
69
  minValue,
54
70
  maxValue,
55
71
  rangeValues,
56
72
  withTwoHandles
57
- }, children, withTickMarks && !disabled && /* @__PURE__ */ import_react.default.createElement(import_TickMarks.default, null)), withTickMarksValues && /* @__PURE__ */ import_react.default.createElement(import_TickMarksValues.default, null));
73
+ }), children, withTickMarks && !disabled && /* @__PURE__ */ import_react.default.createElement(import_TickMarks.default, null)), withTickMarksValues && /* @__PURE__ */ import_react.default.createElement(import_TickMarksValues.default, null));
58
74
  };
59
75
  const TrackStyled = import_styled_components.default.div`
60
76
  position: relative;
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/Track.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable indent */\n/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { getTrackBackground } from 'react-range';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nimport TickMarks from './TickMarks';\nimport TickMarksValues from './TickMarksValues';\nimport { SliderContext } from './context';\n\nconst Track = ({ children, props }) => {\n const {\n disabled,\n minValue,\n maxValue,\n rangeValues,\n withTickMarks,\n withTickMarksValues,\n withTwoHandles,\n } = useContext(SliderContext);\n\n return (\n <>\n <TrackStyled\n {...props} // This is needed because it's received from the library\n disabled={disabled}\n minValue={minValue}\n maxValue={maxValue}\n rangeValues={rangeValues}\n withTwoHandles={withTwoHandles}\n >\n {children}\n {withTickMarks && !disabled && <TickMarks />}\n </TrackStyled>\n {withTickMarksValues && <TickMarksValues />}\n </>\n );\n};\n\nconst TrackStyled = styled.div`\n position: relative;\n height: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n width: 100%;\n min-width: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxl)};\n border-radius: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n background: ${(props) =>\n props.disabled\n ? props.theme.colors.neutral[100]\n : getTrackBackground({\n values: props.rangeValues,\n colors: props.withTwoHandles\n ? [\n props.theme.colors.neutral[100],\n props.theme.colors.brand[600],\n props.theme.colors.neutral[100],\n ]\n : [props.theme.colors.brand[600], props.theme.colors.neutral[100]],\n min: props.minValue,\n max: props.maxValue,\n })};\n`;\n\nexport default Track;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkC;AAClC,yBAAmC;AACnC,+BAAmB;AACnB,uBAAyC;AAEzC,uBAAsB;AACtB,6BAA4B;AAC5B,qBAA8B;AAE9B,MAAM,QAAQ,CAAC,EAAE,UAAU,YAAY;AACrC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,SACE,wFACE,mDAAC,aAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,UACA,iBAAiB,CAAC,YAAY,mDAAC,0BAAD,QAEhC,uBAAuB,mDAAC,gCAAD;AAAA;AAK9B,MAAM,cAAc,iCAAO;AAAA;AAAA,YAEf,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAAA,eAEnD,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA,mBAClD,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA,gBACzD,CAAC,UACb,MAAM,WACF,MAAM,MAAM,OAAO,QAAQ,OAC3B,2CAAmB;AAAA,EACjB,QAAQ,MAAM;AAAA,EACd,QAAQ,MAAM,iBACV;AAAA,IACE,MAAM,MAAM,OAAO,QAAQ;AAAA,IAC3B,MAAM,MAAM,OAAO,MAAM;AAAA,IACzB,MAAM,MAAM,OAAO,QAAQ;AAAA,MAE7B,CAAC,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA,EAC/D,KAAK,MAAM;AAAA,EACX,KAAK,MAAM;AAAA;AAAA;AAIrB,IAAO,gBAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkC;AAClC,yBAAmC;AACnC,+BAAmB;AACnB,uBAAyC;AAEzC,uBAAsB;AACtB,6BAA4B;AAC5B,qBAA8B;AAE9B,MAAM,QAAQ,CAAC,EAAE,UAAU,YAAY;AACrC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,SACE,wFACE,mDAAC,aAAD,iCACM,QADN;AAAA,IAEE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEC,UACA,iBAAiB,CAAC,YAAY,mDAAC,0BAAD,QAEhC,uBAAuB,mDAAC,gCAAD;AAAA;AAK9B,MAAM,cAAc,iCAAO;AAAA;AAAA,YAEf,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAAA,eAEnD,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA,mBAClD,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA,gBACzD,CAAC,UACb,MAAM,WACF,MAAM,MAAM,OAAO,QAAQ,OAC3B,2CAAmB;AAAA,EACjB,QAAQ,MAAM;AAAA,EACd,QAAQ,MAAM,iBACV;AAAA,IACE,MAAM,MAAM,OAAO,QAAQ;AAAA,IAC3B,MAAM,MAAM,OAAO,MAAM;AAAA,IACzB,MAAM,MAAM,OAAO,QAAQ;AAAA,MAE7B,CAAC,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA,EAC/D,KAAK,MAAM;AAAA,EACX,KAAK,MAAM;AAAA;AAAA;AAIrB,IAAO,gBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,11 +1,25 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
3
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
4
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
5
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
6
+ var __spreadValues = (a, b) => {
7
+ for (var prop in b || (b = {}))
8
+ if (__hasOwnProp.call(b, prop))
9
+ __defNormalProp(a, prop, b[prop]);
10
+ if (__getOwnPropSymbols)
11
+ for (var prop of __getOwnPropSymbols(b)) {
12
+ if (__propIsEnum.call(b, prop))
13
+ __defNormalProp(a, prop, b[prop]);
14
+ }
15
+ return a;
16
+ };
1
17
  import * as React from "react";
2
18
  import React2 from "react";
3
19
  import { describe } from "react-desc";
4
20
  import SliderImp from "./components/SliderImp";
5
21
  import { defaultProps, sliderPropTypes } from "./prop-types";
6
- const DSSlider = (props) => /* @__PURE__ */ React2.createElement(SliderImp, {
7
- ...props
8
- });
22
+ const DSSlider = (props) => /* @__PURE__ */ React2.createElement(SliderImp, __spreadValues({}, props));
9
23
  DSSlider.defaultProps = defaultProps;
10
24
  DSSlider.propTypes = sliderPropTypes;
11
25
  const DSSliderWithSchema = describe(DSSlider);
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSSlider.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport SliderImp from './components/SliderImp';\nimport { defaultProps, sliderPropTypes } from './prop-types';\n\nconst DSSlider = (props) => <SliderImp {...props} />;\n\nDSSlider.defaultProps = defaultProps;\nDSSlider.propTypes = sliderPropTypes;\n\nconst DSSliderWithSchema = describe(DSSlider);\nDSSliderWithSchema.propTypes = sliderPropTypes;\n\nexport { DSSlider, DSSliderWithSchema };\nexport default DSSlider;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,WAAW,CAAC,UAAU,qCAAC,WAAD;AAAA,KAAe;AAAA;AAE3C,SAAS,eAAe;AACxB,SAAS,YAAY;AAErB,MAAM,qBAAqB,SAAS;AACpC,mBAAmB,YAAY;AAG/B,IAAO,mBAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,WAAW,CAAC,UAAU,qCAAC,WAAD,mBAAe;AAE3C,SAAS,eAAe;AACxB,SAAS,YAAY;AAErB,MAAM,qBAAqB,SAAS;AACpC,mBAAmB,YAAY;AAG/B,IAAO,mBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,3 +1,22 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __defProps = Object.defineProperties;
3
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
+ var __spreadValues = (a, b) => {
9
+ for (var prop in b || (b = {}))
10
+ if (__hasOwnProp.call(b, prop))
11
+ __defNormalProp(a, prop, b[prop]);
12
+ if (__getOwnPropSymbols)
13
+ for (var prop of __getOwnPropSymbols(b)) {
14
+ if (__propIsEnum.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ }
17
+ return a;
18
+ };
19
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
1
20
  import * as React from "react";
2
21
  import React2, { useContext, useState } from "react";
3
22
  import PropTypes from "prop-types";
@@ -15,16 +34,15 @@ const Thumb = ({ index, props, isDragged }) => {
15
34
  step,
16
35
  minValue
17
36
  } = useContext(SliderContext);
18
- const cleanedProps = { ...props };
19
- return /* @__PURE__ */ React2.createElement(ThumbStyled, {
20
- ...cleanedProps,
37
+ const cleanedProps = __spreadValues({}, props);
38
+ return /* @__PURE__ */ React2.createElement(ThumbStyled, __spreadProps(__spreadValues({}, cleanedProps), {
21
39
  "data-testid": "slider-thumb",
22
40
  disabled,
23
- style: { ...cleanedProps.style, zIndex },
41
+ style: __spreadProps(__spreadValues({}, cleanedProps.style), { zIndex }),
24
42
  index,
25
43
  onMouseEnter: () => setIsHovered(true),
26
44
  onMouseLeave: () => setIsHovered(false)
27
- }, /* @__PURE__ */ React2.createElement(TooltipContainerStyled, {
45
+ }), /* @__PURE__ */ React2.createElement(TooltipContainerStyled, {
28
46
  isDragged,
29
47
  isHovered
30
48
  }, /* @__PURE__ */ React2.createElement(TooltipText, null, conformedThumbLabel(rangeValues, customTickMarksValues, index, step, minValue)), /* @__PURE__ */ React2.createElement(TooltipArrow, null)));
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Thumb.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { TooltipText } from '@elliemae/ds-tooltip';\nimport { SliderContext } from './context';\nimport { conformedThumbLabel } from './utils';\nimport { ThumbStyled, TooltipContainerStyled, TooltipArrow } from './styled';\n\nconst Thumb = ({ index, props, isDragged }) => {\n const [isHovered, setIsHovered] = useState(false);\n const {\n disabled,\n rangeValues,\n zIndex,\n customTickMarksValues,\n step,\n minValue,\n } = useContext(SliderContext);\n\n const cleanedProps = { ...props };\n // delete cleanedProps.key;\n // delete cleanedProps.draggable;\n return (\n // ...props is needed because it's received from the library\n // ...props.style has it own style from the library but has a bug with the zIndex for two thumbs, so that's why it has to be overwrite\n <ThumbStyled\n {...cleanedProps}\n data-testid=\"slider-thumb\"\n disabled={disabled}\n // eslint-disable-next-line react/prop-types\n style={{ ...cleanedProps.style, zIndex }}\n index={index}\n onMouseEnter={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n >\n <TooltipContainerStyled isDragged={isDragged} isHovered={isHovered}>\n <TooltipText>\n {conformedThumbLabel(\n rangeValues,\n customTickMarksValues,\n index,\n step,\n minValue,\n )}\n </TooltipText>\n <TooltipArrow />\n </TooltipContainerStyled>\n </ThumbStyled>\n );\n};\n\nThumb.propTypes = {\n index: PropTypes.number,\n props: PropTypes.shape({\n style: PropTypes.shape({}).isRequired,\n }).isRequired,\n isDragged: PropTypes.bool,\n};\n\nexport default Thumb;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,QAAQ,CAAC,EAAE,OAAO,OAAO,gBAAgB;AAC7C,QAAM,CAAC,WAAW,gBAAgB,SAAS;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,eAAe,KAAK;AAG1B,SAGE,qCAAC,aAAD;AAAA,OACM;AAAA,IACJ,eAAY;AAAA,IACZ;AAAA,IAEA,OAAO,KAAK,aAAa,OAAO;AAAA,IAChC;AAAA,IACA,cAAc,MAAM,aAAa;AAAA,IACjC,cAAc,MAAM,aAAa;AAAA,KAEjC,qCAAC,wBAAD;AAAA,IAAwB;AAAA,IAAsB;AAAA,KAC5C,qCAAC,aAAD,MACG,oBACC,aACA,uBACA,OACA,MACA,YAGJ,qCAAC,cAAD;AAAA;AAMR,MAAM,YAAY;AAAA,EAChB,OAAO,UAAU;AAAA,EACjB,OAAO,UAAU,MAAM;AAAA,IACrB,OAAO,UAAU,MAAM,IAAI;AAAA,KAC1B;AAAA,EACH,WAAW,UAAU;AAAA;AAGvB,IAAO,gBAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,QAAQ,CAAC,EAAE,OAAO,OAAO,gBAAgB;AAC7C,QAAM,CAAC,WAAW,gBAAgB,SAAS;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,eAAe,mBAAK;AAG1B,SAGE,qCAAC,aAAD,iCACM,eADN;AAAA,IAEE,eAAY;AAAA,IACZ;AAAA,IAEA,OAAO,iCAAK,aAAa,QAAlB,EAAyB;AAAA,IAChC;AAAA,IACA,cAAc,MAAM,aAAa;AAAA,IACjC,cAAc,MAAM,aAAa;AAAA,MAEjC,qCAAC,wBAAD;AAAA,IAAwB;AAAA,IAAsB;AAAA,KAC5C,qCAAC,aAAD,MACG,oBACC,aACA,uBACA,OACA,MACA,YAGJ,qCAAC,cAAD;AAAA;AAMR,MAAM,YAAY;AAAA,EAChB,OAAO,UAAU;AAAA,EACjB,OAAO,UAAU,MAAM;AAAA,IACrB,OAAO,UAAU,MAAM,IAAI;AAAA,KAC1B;AAAA,EACH,WAAW,UAAU;AAAA;AAGvB,IAAO,gBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,3 +1,22 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __defProps = Object.defineProperties;
3
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
+ var __spreadValues = (a, b) => {
9
+ for (var prop in b || (b = {}))
10
+ if (__hasOwnProp.call(b, prop))
11
+ __defNormalProp(a, prop, b[prop]);
12
+ if (__getOwnPropSymbols)
13
+ for (var prop of __getOwnPropSymbols(b)) {
14
+ if (__propIsEnum.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ }
17
+ return a;
18
+ };
19
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
1
20
  import * as React from "react";
2
21
  import React2, { useContext } from "react";
3
22
  import { getTrackBackground } from "react-range";
@@ -16,14 +35,13 @@ const Track = ({ children, props }) => {
16
35
  withTickMarksValues,
17
36
  withTwoHandles
18
37
  } = useContext(SliderContext);
19
- return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(TrackStyled, {
20
- ...props,
38
+ return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(TrackStyled, __spreadProps(__spreadValues({}, props), {
21
39
  disabled,
22
40
  minValue,
23
41
  maxValue,
24
42
  rangeValues,
25
43
  withTwoHandles
26
- }, children, withTickMarks && !disabled && /* @__PURE__ */ React2.createElement(TickMarks, null)), withTickMarksValues && /* @__PURE__ */ React2.createElement(TickMarksValues, null));
44
+ }), children, withTickMarks && !disabled && /* @__PURE__ */ React2.createElement(TickMarks, null)), withTickMarksValues && /* @__PURE__ */ React2.createElement(TickMarksValues, null));
27
45
  };
28
46
  const TrackStyled = styled.div`
29
47
  position: relative;
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Track.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\n/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { getTrackBackground } from 'react-range';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nimport TickMarks from './TickMarks';\nimport TickMarksValues from './TickMarksValues';\nimport { SliderContext } from './context';\n\nconst Track = ({ children, props }) => {\n const {\n disabled,\n minValue,\n maxValue,\n rangeValues,\n withTickMarks,\n withTickMarksValues,\n withTwoHandles,\n } = useContext(SliderContext);\n\n return (\n <>\n <TrackStyled\n {...props} // This is needed because it's received from the library\n disabled={disabled}\n minValue={minValue}\n maxValue={maxValue}\n rangeValues={rangeValues}\n withTwoHandles={withTwoHandles}\n >\n {children}\n {withTickMarks && !disabled && <TickMarks />}\n </TrackStyled>\n {withTickMarksValues && <TickMarksValues />}\n </>\n );\n};\n\nconst TrackStyled = styled.div`\n position: relative;\n height: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n width: 100%;\n min-width: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxl)};\n border-radius: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n background: ${(props) =>\n props.disabled\n ? props.theme.colors.neutral[100]\n : getTrackBackground({\n values: props.rangeValues,\n colors: props.withTwoHandles\n ? [\n props.theme.colors.neutral[100],\n props.theme.colors.brand[600],\n props.theme.colors.neutral[100],\n ]\n : [props.theme.colors.brand[600], props.theme.colors.neutral[100]],\n min: props.minValue,\n max: props.maxValue,\n })};\n`;\n\nexport default Track;\n"],
5
- "mappings": "AAAA;ACEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA,MAAM,QAAQ,CAAC,EAAE,UAAU,YAAY;AACrC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,SACE,4DACE,qCAAC,aAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,UACA,iBAAiB,CAAC,YAAY,qCAAC,WAAD,QAEhC,uBAAuB,qCAAC,iBAAD;AAAA;AAK9B,MAAM,cAAc,OAAO;AAAA;AAAA,YAEf,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA,eAEnD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA,mBAClD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA,gBACzD,CAAC,UACb,MAAM,WACF,MAAM,MAAM,OAAO,QAAQ,OAC3B,mBAAmB;AAAA,EACjB,QAAQ,MAAM;AAAA,EACd,QAAQ,MAAM,iBACV;AAAA,IACE,MAAM,MAAM,OAAO,QAAQ;AAAA,IAC3B,MAAM,MAAM,OAAO,MAAM;AAAA,IACzB,MAAM,MAAM,OAAO,QAAQ;AAAA,MAE7B,CAAC,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA,EAC/D,KAAK,MAAM;AAAA,EACX,KAAK,MAAM;AAAA;AAAA;AAIrB,IAAO,gBAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA,MAAM,QAAQ,CAAC,EAAE,UAAU,YAAY;AACrC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,SACE,4DACE,qCAAC,aAAD,iCACM,QADN;AAAA,IAEE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEC,UACA,iBAAiB,CAAC,YAAY,qCAAC,WAAD,QAEhC,uBAAuB,qCAAC,iBAAD;AAAA;AAK9B,MAAM,cAAc,OAAO;AAAA;AAAA,YAEf,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA,eAEnD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA,mBAClD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA,gBACzD,CAAC,UACb,MAAM,WACF,MAAM,MAAM,OAAO,QAAQ,OAC3B,mBAAmB;AAAA,EACjB,QAAQ,MAAM;AAAA,EACd,QAAQ,MAAM,iBACV;AAAA,IACE,MAAM,MAAM,OAAO,QAAQ;AAAA,IAC3B,MAAM,MAAM,OAAO,MAAM;AAAA,IACzB,MAAM,MAAM,OAAO,QAAQ;AAAA,MAE7B,CAAC,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA,EAC/D,KAAK,MAAM;AAAA,EACX,KAAK,MAAM;AAAA;AAAA;AAIrB,IAAO,gBAAQ;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-slider",
3
- "version": "3.0.0-alpha.0",
3
+ "version": "3.0.0-alpha.1",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Slider",
6
6
  "files": [
@@ -75,11 +75,11 @@
75
75
  "indent": 4
76
76
  },
77
77
  "dependencies": {
78
- "@elliemae/ds-grid": "3.0.0-alpha.0",
79
- "@elliemae/ds-system": "3.0.0-alpha.0",
80
- "@elliemae/ds-tooltip": "3.0.0-alpha.0",
81
- "@elliemae/ds-truncated-tooltip-text": "3.0.0-alpha.0",
82
- "@elliemae/ds-utilities": "3.0.0-alpha.0",
78
+ "@elliemae/ds-grid": "3.0.0-alpha.1",
79
+ "@elliemae/ds-system": "3.0.0-alpha.1",
80
+ "@elliemae/ds-tooltip": "3.0.0-alpha.1",
81
+ "@elliemae/ds-truncated-tooltip-text": "3.0.0-alpha.1",
82
+ "@elliemae/ds-utilities": "3.0.0-alpha.1",
83
83
  "prop-types": "~15.7.2",
84
84
  "react-desc": "~4.1.3",
85
85
  "react-range": "~1.8.11",
@@ -101,6 +101,7 @@
101
101
  "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
102
102
  "test": "node ../../scripts/testing/test.mjs",
103
103
  "lint": "node ../../scripts/lint.mjs",
104
+ "dts": "node ../../scripts/dts.mjs",
104
105
  "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
105
106
  }
106
107
  }
@@ -1,107 +0,0 @@
1
- /// <reference path="../../../../shared/typings/react-desc.d.ts" />
2
- /// <reference types="react" />
3
- declare const DSSlider: {
4
- (props: any): JSX.Element;
5
- defaultProps: {
6
- containerProps: {};
7
- disabled: boolean;
8
- label: string;
9
- labelWithValue: boolean;
10
- minValue: number;
11
- maxValue: number;
12
- step: number;
13
- onChange: () => void;
14
- withTickMarks: boolean;
15
- withTickMarksValues: boolean;
16
- withTwoHandles: boolean;
17
- customTickMarksValues: never[];
18
- zIndex: number;
19
- };
20
- propTypes: {
21
- containerProps: {
22
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
23
- deprecated: import("react-desc").PropTypesDescValidator;
24
- };
25
- isRequired: import("react-desc").PropTypesDescValue;
26
- };
27
- disabled: {
28
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
29
- deprecated: import("react-desc").PropTypesDescValidator;
30
- };
31
- isRequired: import("react-desc").PropTypesDescValue;
32
- };
33
- label: {
34
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
35
- deprecated: import("react-desc").PropTypesDescValidator;
36
- };
37
- isRequired: import("react-desc").PropTypesDescValue;
38
- };
39
- labelWithValue: {
40
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
41
- deprecated: import("react-desc").PropTypesDescValidator;
42
- };
43
- isRequired: import("react-desc").PropTypesDescValue;
44
- };
45
- minValue: {
46
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
47
- deprecated: import("react-desc").PropTypesDescValidator;
48
- };
49
- isRequired: import("react-desc").PropTypesDescValue;
50
- };
51
- maxValue: {
52
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
53
- deprecated: import("react-desc").PropTypesDescValidator;
54
- };
55
- isRequired: import("react-desc").PropTypesDescValue;
56
- };
57
- step: {
58
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
59
- deprecated: import("react-desc").PropTypesDescValidator;
60
- };
61
- isRequired: import("react-desc").PropTypesDescValue;
62
- };
63
- onChange: {
64
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
65
- deprecated: import("react-desc").PropTypesDescValidator;
66
- };
67
- isRequired: import("react-desc").PropTypesDescValue;
68
- };
69
- withTickMarks: {
70
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
71
- deprecated: import("react-desc").PropTypesDescValidator;
72
- };
73
- isRequired: import("react-desc").PropTypesDescValue;
74
- };
75
- withTickMarksValues: {
76
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
77
- deprecated: import("react-desc").PropTypesDescValidator;
78
- };
79
- isRequired: import("react-desc").PropTypesDescValue;
80
- };
81
- withTwoHandles: {
82
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
83
- deprecated: import("react-desc").PropTypesDescValidator;
84
- };
85
- isRequired: import("react-desc").PropTypesDescValue;
86
- };
87
- customTickMarksValues: {
88
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
89
- deprecated: import("react-desc").PropTypesDescValidator;
90
- };
91
- isRequired: import("react-desc").PropTypesDescValue;
92
- };
93
- zIndex: {
94
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
95
- deprecated: import("react-desc").PropTypesDescValidator;
96
- };
97
- isRequired: import("react-desc").PropTypesDescValue;
98
- };
99
- };
100
- };
101
- declare const DSSliderWithSchema: {
102
- (props?: unknown): JSX.Element;
103
- propTypes: unknown;
104
- toTypescript: () => import("react-desc").TypescriptSchema;
105
- };
106
- export { DSSlider, DSSliderWithSchema };
107
- export default DSSlider;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const SliderImp: (props: any) => JSX.Element;
3
- export default SliderImp;
@@ -1,14 +0,0 @@
1
- /// <reference types="react" />
2
- declare const Thumb: {
3
- ({ index, props, isDragged }: {
4
- index: any;
5
- props: any;
6
- isDragged: any;
7
- }): JSX.Element;
8
- propTypes: {
9
- index: any;
10
- props: any;
11
- isDragged: any;
12
- };
13
- };
14
- export default Thumb;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const TickMarks: () => JSX.Element;
3
- export default TickMarks;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const TickMarks: () => JSX.Element;
3
- export default TickMarks;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- declare const Track: ({ children, props }: {
3
- children: any;
4
- props: any;
5
- }) => JSX.Element;
6
- export default Track;
@@ -1,2 +0,0 @@
1
- import React from 'react';
2
- export declare const SliderContext: React.Context<unknown>;
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ThumbStyled: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
3
- export declare const TooltipContainerStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, import("styled-components").DefaultTheme, {}, never>;
4
- export declare const TooltipArrow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
5
- export declare const LabelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
6
- export declare const LabelText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
7
- export declare const ValueText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
8
- export declare const StyledRangeWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -1,2 +0,0 @@
1
- export declare const conformedLabel: (rangeValues: any, label?: string, labelWithValue?: boolean, withTwoHandles?: boolean, customTickMarksValues?: never[], step?: number, minValue?: number) => string[];
2
- export declare const conformedThumbLabel: (rangeValues: any, customTickMarksValues?: never[], index?: number, step?: number, minValue?: number) => string;
@@ -1,2 +0,0 @@
1
- export { default } from './DSSlider';
2
- export * from './DSSlider';
@@ -1,109 +0,0 @@
1
- /// <reference path="../../../../shared/typings/react-desc.d.ts" />
2
- export declare const defaultProps: {
3
- containerProps: {};
4
- disabled: boolean;
5
- label: string;
6
- labelWithValue: boolean;
7
- minValue: number;
8
- maxValue: number;
9
- step: number;
10
- onChange: () => void;
11
- withTickMarks: boolean;
12
- withTickMarksValues: boolean;
13
- withTwoHandles: boolean;
14
- customTickMarksValues: never[];
15
- zIndex: number;
16
- };
17
- export declare const sliderPropTypes: {
18
- /** props to inject to slider wrapper */
19
- containerProps: {
20
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
21
- deprecated: import("react-desc").PropTypesDescValidator;
22
- };
23
- isRequired: import("react-desc").PropTypesDescValue;
24
- };
25
- /** disable slider */
26
- disabled: {
27
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
28
- deprecated: import("react-desc").PropTypesDescValidator;
29
- };
30
- isRequired: import("react-desc").PropTypesDescValue;
31
- };
32
- /** label for slider */
33
- label: {
34
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
35
- deprecated: import("react-desc").PropTypesDescValidator;
36
- };
37
- isRequired: import("react-desc").PropTypesDescValue;
38
- };
39
- /** if the label comes with value attached for slider or not */
40
- labelWithValue: {
41
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
42
- deprecated: import("react-desc").PropTypesDescValidator;
43
- };
44
- isRequired: import("react-desc").PropTypesDescValue;
45
- };
46
- /** min value for slider */
47
- minValue: {
48
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
49
- deprecated: import("react-desc").PropTypesDescValidator;
50
- };
51
- isRequired: import("react-desc").PropTypesDescValue;
52
- };
53
- /** max value for slider */
54
- maxValue: {
55
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
56
- deprecated: import("react-desc").PropTypesDescValidator;
57
- };
58
- isRequired: import("react-desc").PropTypesDescValue;
59
- };
60
- /** steps of values from min to max */
61
- step: {
62
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
63
- deprecated: import("react-desc").PropTypesDescValidator;
64
- };
65
- isRequired: import("react-desc").PropTypesDescValue;
66
- };
67
- /** change handler */
68
- onChange: {
69
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
70
- deprecated: import("react-desc").PropTypesDescValidator;
71
- };
72
- isRequired: import("react-desc").PropTypesDescValue;
73
- };
74
- /** add tick marks between steps */
75
- withTickMarks: {
76
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
77
- deprecated: import("react-desc").PropTypesDescValidator;
78
- };
79
- isRequired: import("react-desc").PropTypesDescValue;
80
- };
81
- /** add step value to tickmark */
82
- withTickMarksValues: {
83
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
84
- deprecated: import("react-desc").PropTypesDescValidator;
85
- };
86
- isRequired: import("react-desc").PropTypesDescValue;
87
- };
88
- /** add two handles */
89
- withTwoHandles: {
90
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
91
- deprecated: import("react-desc").PropTypesDescValidator;
92
- };
93
- isRequired: import("react-desc").PropTypesDescValue;
94
- };
95
- /** change manually tickmark values */
96
- customTickMarksValues: {
97
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
98
- deprecated: import("react-desc").PropTypesDescValidator;
99
- };
100
- isRequired: import("react-desc").PropTypesDescValue;
101
- };
102
- /** z index for thumb */
103
- zIndex: {
104
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
105
- deprecated: import("react-desc").PropTypesDescValidator;
106
- };
107
- isRequired: import("react-desc").PropTypesDescValue;
108
- };
109
- };