@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.
- package/dist/cjs/DSSlider.js +15 -3
- package/dist/cjs/DSSlider.js.map +1 -1
- package/dist/cjs/components/Thumb.js +21 -5
- package/dist/cjs/components/Thumb.js.map +1 -1
- package/dist/cjs/components/Track.js +19 -3
- package/dist/cjs/components/Track.js.map +1 -1
- package/dist/esm/DSSlider.js +17 -3
- package/dist/esm/DSSlider.js.map +1 -1
- package/dist/esm/components/Thumb.js +23 -5
- package/dist/esm/components/Thumb.js.map +1 -1
- package/dist/esm/components/Track.js +21 -3
- package/dist/esm/components/Track.js.map +1 -1
- package/package.json +7 -6
- package/dist/types/DSSlider.d.ts +0 -107
- package/dist/types/components/SliderImp.d.ts +0 -3
- package/dist/types/components/Thumb.d.ts +0 -14
- package/dist/types/components/TickMarks.d.ts +0 -3
- package/dist/types/components/TickMarksValues.d.ts +0 -3
- package/dist/types/components/Track.d.ts +0 -6
- package/dist/types/components/context.d.ts +0 -2
- package/dist/types/components/styled.d.ts +0 -8
- package/dist/types/components/utils.d.ts +0 -2
- package/dist/types/index.d.ts +0 -2
- package/dist/types/prop-types.d.ts +0 -109
package/dist/cjs/DSSlider.js
CHANGED
|
@@ -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);
|
package/dist/cjs/DSSlider.js.map
CHANGED
|
@@ -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": "
|
|
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 = {
|
|
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: {
|
|
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": "
|
|
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": "
|
|
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
|
}
|
package/dist/esm/DSSlider.js
CHANGED
|
@@ -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);
|
package/dist/esm/DSSlider.js.map
CHANGED
|
@@ -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
|
|
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 = {
|
|
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: {
|
|
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,
|
|
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
|
|
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.
|
|
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.
|
|
79
|
-
"@elliemae/ds-system": "3.0.0-alpha.
|
|
80
|
-
"@elliemae/ds-tooltip": "3.0.0-alpha.
|
|
81
|
-
"@elliemae/ds-truncated-tooltip-text": "3.0.0-alpha.
|
|
82
|
-
"@elliemae/ds-utilities": "3.0.0-alpha.
|
|
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
|
}
|
package/dist/types/DSSlider.d.ts
DELETED
|
@@ -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,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,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;
|
package/dist/types/index.d.ts
DELETED
|
@@ -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
|
-
};
|