@pedidopago/ui 1.3.24 → 1.3.27
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/README.md +93 -93
- package/dist/components/Button/Button.test.js +4 -31
- package/dist/components/Button/index.d.ts +1 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +25 -39
- package/dist/components/Button/types.d.ts +0 -9
- package/dist/components/Button/types.d.ts.map +1 -1
- package/dist/components/Card/card.test.d.ts +2 -0
- package/dist/components/Card/card.test.d.ts.map +1 -0
- package/dist/components/Card/card.test.js +37 -0
- package/dist/components/Card/index.d.ts +2 -2
- package/dist/components/Card/index.d.ts.map +1 -1
- package/dist/components/Card/index.js +18 -4
- package/dist/components/Card/styles.d.ts +2 -2
- package/dist/components/Card/styles.d.ts.map +1 -1
- package/dist/components/Card/types.d.ts +5 -5
- package/dist/components/Card/types.d.ts.map +1 -1
- package/dist/components/CollapseCard/expand-button.test.js +2 -2
- package/dist/components/CollapseCard/index.d.ts +0 -1
- package/dist/components/CollapseCard/index.d.ts.map +1 -1
- package/dist/components/CollapseCard/index.js +2 -4
- package/dist/components/RadioInput/components/ChoiceList/index.js +1 -1
- package/dist/components/Slider/SliderExample.d.ts.map +1 -1
- package/dist/components/Slider/SliderExample.js +21 -9
- package/dist/components/Slider/components/SliderRail.d.ts +1 -1
- package/dist/components/Slider/components/SliderRail.d.ts.map +1 -1
- package/dist/components/Slider/components/SliderRail.js +3 -3
- package/dist/components/Slider/components/SliderSelector.d.ts +17 -3
- package/dist/components/Slider/components/SliderSelector.d.ts.map +1 -1
- package/dist/components/Slider/components/SliderSelector.js +48 -28
- package/dist/components/Slider/index.d.ts +17 -3
- package/dist/components/Slider/index.d.ts.map +1 -1
- package/dist/components/Slider/index.js +34 -14
- package/dist/components/Slider/slider.test.js +23 -23
- package/dist/components/Slider/styles.d.ts.map +1 -1
- package/dist/components/Slider/styles.js +4 -4
- package/dist/components/Slider/types.d.ts +6 -5
- package/dist/components/Slider/types.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +9 -0
- package/package.json +1 -1
|
@@ -36,19 +36,31 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
|
|
|
36
36
|
var SliderExample = function SliderExample(_ref) {
|
|
37
37
|
var props = _extends({}, _ref);
|
|
38
38
|
|
|
39
|
-
var _useState = (0, _react.useState)(props.
|
|
39
|
+
var _useState = (0, _react.useState)(props.valueSlider),
|
|
40
40
|
_useState2 = _slicedToArray(_useState, 2),
|
|
41
41
|
valueSliderExample = _useState2[0],
|
|
42
42
|
setValueSliderExample = _useState2[1];
|
|
43
43
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
44
|
+
(0, _react.useEffect)(function () {
|
|
45
|
+
setValueSliderExample(props.valueSlider);
|
|
46
|
+
}, [props.valueSlider]);
|
|
47
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
48
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread(_objectSpread({}, props), {}, {
|
|
49
|
+
min: props.min || 0,
|
|
50
|
+
max: props.max || 0,
|
|
51
|
+
valueSlider: valueSliderExample,
|
|
52
|
+
onChangeSlider: function onChangeSlider(valueSlider) {
|
|
53
|
+
return setValueSliderExample(valueSlider);
|
|
54
|
+
}
|
|
55
|
+
})), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
56
|
+
style: {
|
|
57
|
+
color: '#ccc',
|
|
58
|
+
marginTop: '35px',
|
|
59
|
+
display: 'block'
|
|
60
|
+
},
|
|
61
|
+
children: ["Valor do state: ", String(valueSliderExample)]
|
|
62
|
+
})]
|
|
63
|
+
});
|
|
52
64
|
};
|
|
53
65
|
|
|
54
66
|
exports.SliderExample = SliderExample;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ISliderTrackerProps } from '../types';
|
|
3
|
-
export declare const SliderRail: import("react").MemoExoticComponent<({ step, max,
|
|
3
|
+
export declare const SliderRail: import("react").MemoExoticComponent<({ step, max, onChangeSliderTracker, trackColor, direction, ...rest }: ISliderTrackerProps) => JSX.Element>;
|
|
4
4
|
//# sourceMappingURL=SliderRail.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderRail.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SliderRail.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"SliderRail.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SliderRail.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAoI/C,eAAO,MAAM,UAAU,6GAnFpB,mBAAmB,iBAmFc,CAAC"}
|
|
@@ -13,7 +13,7 @@ var _styles = require("../styles");
|
|
|
13
13
|
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
|
|
16
|
-
var _excluded = ["step", "max", "
|
|
16
|
+
var _excluded = ["step", "max", "onChangeSliderTracker", "trackColor", "direction"];
|
|
17
17
|
|
|
18
18
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
19
19
|
|
|
@@ -73,13 +73,13 @@ var getPointerPosition = function getPointerPosition(node, event, touchId, step,
|
|
|
73
73
|
var Rail = function Rail(_ref) {
|
|
74
74
|
var step = _ref.step,
|
|
75
75
|
max = _ref.max,
|
|
76
|
-
|
|
76
|
+
onChangeSliderTracker = _ref.onChangeSliderTracker,
|
|
77
77
|
trackColor = _ref.trackColor,
|
|
78
78
|
direction = _ref.direction,
|
|
79
79
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
80
80
|
|
|
81
81
|
var trackRef = (0, _react.useRef)(null);
|
|
82
|
-
var changeEvent = (0, _useEventCallback.useEventCallback)(
|
|
82
|
+
var changeEvent = (0, _useEventCallback.useEventCallback)(onChangeSliderTracker);
|
|
83
83
|
var touchId = (0, _react.useRef)(null);
|
|
84
84
|
var isTouch = (0, _react.useRef)(false);
|
|
85
85
|
|
|
@@ -1,4 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { InputHTMLAttributes } from 'react';
|
|
2
|
+
export declare const SliderSelector: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
|
|
3
|
+
thumbType?: "circle" | "default" | "pointer" | undefined;
|
|
4
|
+
min: number;
|
|
5
|
+
max: number;
|
|
6
|
+
step?: number | undefined;
|
|
7
|
+
trackColor?: import("../../..").GlobalColorsProps | (string & {}) | undefined;
|
|
8
|
+
thumbColor?: import("../../..").GlobalColorsProps | (string & {}) | undefined;
|
|
9
|
+
disabled?: boolean | undefined;
|
|
10
|
+
fullSize?: boolean | undefined;
|
|
11
|
+
sizeSlider?: "sm" | "md" | "lg" | undefined;
|
|
12
|
+
direction?: "horizontal" | "vertical" | undefined;
|
|
13
|
+
valueLabelDisplay?: (string & {}) | "auto" | "off" | "%v" | undefined;
|
|
14
|
+
} & {
|
|
15
|
+
valueSliderSelector: number | number[];
|
|
16
|
+
onChangeSliderSelector: (percentage: number, index?: number | undefined) => void;
|
|
17
|
+
} & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>>;
|
|
4
18
|
//# sourceMappingURL=SliderSelector.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SliderSelector.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SliderSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SliderSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAKpB,MAAM,OAAO,CAAC;AAoOf,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;6FAAiB,CAAC"}
|
|
@@ -15,6 +15,14 @@ var _styles = require("../styles");
|
|
|
15
15
|
|
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
17
|
|
|
18
|
+
var _excluded = ["valueSliderSelector", "min", "max", "step", "valueLabelDisplay", "thumbColor", "trackColor", "onChangeSliderSelector", "direction", "disabled", "sizeSlider", "thumbType"];
|
|
19
|
+
|
|
20
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
+
|
|
22
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
|
+
|
|
24
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
25
|
+
|
|
18
26
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
19
27
|
|
|
20
28
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -27,23 +35,28 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
27
35
|
|
|
28
36
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
29
37
|
|
|
30
|
-
var
|
|
31
|
-
|
|
38
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
39
|
+
|
|
40
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
41
|
+
|
|
42
|
+
var Selector = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
43
|
+
var valueSliderSelector = _ref.valueSliderSelector,
|
|
32
44
|
min = _ref.min,
|
|
33
45
|
max = _ref.max,
|
|
34
46
|
step = _ref.step,
|
|
35
47
|
valueLabelDisplay = _ref.valueLabelDisplay,
|
|
36
48
|
thumbColor = _ref.thumbColor,
|
|
37
49
|
trackColor = _ref.trackColor,
|
|
38
|
-
|
|
50
|
+
onChangeSliderSelector = _ref.onChangeSliderSelector,
|
|
39
51
|
direction = _ref.direction,
|
|
40
52
|
disabled = _ref.disabled,
|
|
41
|
-
size = _ref.
|
|
42
|
-
thumbType = _ref.thumbType
|
|
53
|
+
size = _ref.sizeSlider,
|
|
54
|
+
thumbType = _ref.thumbType,
|
|
55
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
43
56
|
|
|
44
57
|
function handleChangePercentage(percentage, ref) {
|
|
45
|
-
if (typeof
|
|
46
|
-
|
|
58
|
+
if (typeof valueSliderSelector === 'number') {
|
|
59
|
+
onChangeSliderSelector === null || onChangeSliderSelector === void 0 ? void 0 : onChangeSliderSelector(percentage);
|
|
47
60
|
return;
|
|
48
61
|
}
|
|
49
62
|
|
|
@@ -78,10 +91,14 @@ var Selector = function Selector(_ref) {
|
|
|
78
91
|
|
|
79
92
|
return prev;
|
|
80
93
|
});
|
|
81
|
-
|
|
94
|
+
onChangeSliderSelector === null || onChangeSliderSelector === void 0 ? void 0 : onChangeSliderSelector(percentage, closestThumb[1]);
|
|
82
95
|
}
|
|
83
96
|
|
|
84
|
-
var
|
|
97
|
+
var sliderRef = (0, _react.useRef)(null);
|
|
98
|
+
(0, _react.useImperativeHandle)(ref, function () {
|
|
99
|
+
return sliderRef.current;
|
|
100
|
+
});
|
|
101
|
+
var thumbPositions = Array.isArray(valueSliderSelector) ? valueSliderSelector.map(function (v) {
|
|
85
102
|
return (v - min) / (max - min);
|
|
86
103
|
}) : [];
|
|
87
104
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderContainer, {
|
|
@@ -90,52 +107,53 @@ var Selector = function Selector(_ref) {
|
|
|
90
107
|
step: step,
|
|
91
108
|
trackColor: trackColor,
|
|
92
109
|
direction: direction,
|
|
93
|
-
|
|
110
|
+
onChangeSliderTracker: handleChangePercentage,
|
|
94
111
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderTrack, {
|
|
95
|
-
style: Array.isArray(
|
|
112
|
+
style: Array.isArray(valueSliderSelector) ? direction === 'vertical' ? {
|
|
96
113
|
height: "".concat(Math.abs(thumbPositions[0] - thumbPositions[thumbPositions.length - 1]) * 100, "%"),
|
|
97
114
|
bottom: "".concat(thumbPositions[0] * 100, "%")
|
|
98
115
|
} : {
|
|
99
116
|
width: "".concat(Math.abs(thumbPositions[0] - thumbPositions[thumbPositions.length - 1]) * 100, "%"),
|
|
100
117
|
left: "".concat(thumbPositions[0] * 100, "%")
|
|
101
118
|
} : direction === 'vertical' ? {
|
|
102
|
-
height: "".concat((Number(
|
|
119
|
+
height: "".concat((Number(valueSliderSelector) - min) / (max - min) * 100, "%")
|
|
103
120
|
} : {
|
|
104
|
-
width: "".concat((Number(
|
|
121
|
+
width: "".concat((Number(valueSliderSelector) - min) / (max - min) * 100, "%")
|
|
105
122
|
},
|
|
106
123
|
direction: direction,
|
|
107
124
|
thumbColor: thumbColor || 'primary.default',
|
|
108
125
|
disabled: disabled
|
|
109
|
-
}), !Array.isArray(
|
|
126
|
+
}), !Array.isArray(valueSliderSelector) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderThumb, {
|
|
110
127
|
direction: direction,
|
|
111
128
|
style: direction === 'vertical' ? {
|
|
112
|
-
bottom: "".concat((
|
|
129
|
+
bottom: "".concat((valueSliderSelector - min) / (max - min) * 100, "%")
|
|
113
130
|
} : {
|
|
114
|
-
left: "".concat((
|
|
131
|
+
left: "".concat((valueSliderSelector - min) / (max - min) * 100, "%")
|
|
115
132
|
},
|
|
116
133
|
disabled: disabled,
|
|
117
134
|
size: size,
|
|
118
135
|
thumbColor: thumbColor || 'primary.default',
|
|
119
136
|
thumbType: thumbType,
|
|
120
137
|
children: [thumbType === 'pointer' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderPointer.SliderPointer, {
|
|
121
|
-
thumbColor: thumbColor || 'primary.default',
|
|
138
|
+
thumbColor: thumbColor || disabled ? 'neutral.neutral4' : 'primary.default',
|
|
122
139
|
direction: direction
|
|
123
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderInput, {
|
|
140
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderInput, _objectSpread({
|
|
124
141
|
type: "range",
|
|
125
142
|
min: min,
|
|
126
143
|
max: max,
|
|
127
144
|
step: step,
|
|
128
|
-
value:
|
|
129
|
-
"aria-valuenow":
|
|
145
|
+
value: valueSliderSelector,
|
|
146
|
+
"aria-valuenow": valueSliderSelector,
|
|
130
147
|
"aria-valuemax": max,
|
|
131
148
|
"aria-valuemin": min,
|
|
132
149
|
"aria-label": "slider",
|
|
150
|
+
ref: sliderRef,
|
|
133
151
|
readOnly: true
|
|
134
|
-
}), valueLabelDisplay !== 'off' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderLabel, {
|
|
152
|
+
}, rest)), valueLabelDisplay !== 'off' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderLabel, {
|
|
135
153
|
direction: direction,
|
|
136
|
-
children: valueLabelDisplay === 'auto' ?
|
|
154
|
+
children: valueLabelDisplay === 'auto' ? valueSliderSelector : valueLabelDisplay ? valueLabelDisplay.indexOf('%v') !== -1 ? valueLabelDisplay.replace(/%v/g, String(valueSliderSelector)) : valueLabelDisplay : valueSliderSelector
|
|
137
155
|
})]
|
|
138
|
-
}) :
|
|
156
|
+
}) : valueSliderSelector.map(function (item, index) {
|
|
139
157
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderThumb, {
|
|
140
158
|
"data-index": index,
|
|
141
159
|
direction: direction,
|
|
@@ -151,7 +169,7 @@ var Selector = function Selector(_ref) {
|
|
|
151
169
|
children: [thumbType === 'pointer' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderPointer.SliderPointer, {
|
|
152
170
|
thumbColor: thumbColor || 'primary.default',
|
|
153
171
|
direction: direction
|
|
154
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderInput, {
|
|
172
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderInput, _objectSpread(_objectSpread({
|
|
155
173
|
type: "range",
|
|
156
174
|
min: min,
|
|
157
175
|
max: max,
|
|
@@ -161,8 +179,10 @@ var Selector = function Selector(_ref) {
|
|
|
161
179
|
"aria-valuemax": max,
|
|
162
180
|
"aria-valuemin": min,
|
|
163
181
|
"aria-label": "slider",
|
|
182
|
+
ref: sliderRef
|
|
183
|
+
}, rest), {}, {
|
|
164
184
|
readOnly: true
|
|
165
|
-
}), valueLabelDisplay !== 'off' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderLabel, {
|
|
185
|
+
})), valueLabelDisplay !== 'off' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderLabel, {
|
|
166
186
|
direction: direction,
|
|
167
187
|
children: valueLabelDisplay === 'auto' ? item : valueLabelDisplay ? valueLabelDisplay.indexOf('%v') !== -1 ? valueLabelDisplay.replace(/%v/g, String(item)) : valueLabelDisplay : item
|
|
168
188
|
})]
|
|
@@ -170,7 +190,7 @@ var Selector = function Selector(_ref) {
|
|
|
170
190
|
})]
|
|
171
191
|
})
|
|
172
192
|
});
|
|
173
|
-
};
|
|
174
|
-
|
|
193
|
+
});
|
|
175
194
|
var SliderSelector = /*#__PURE__*/(0, _react.memo)(Selector);
|
|
176
|
-
exports.SliderSelector = SliderSelector;
|
|
195
|
+
exports.SliderSelector = SliderSelector;
|
|
196
|
+
Selector.displayName = 'Selector';
|
|
@@ -1,5 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { InputHTMLAttributes } from 'react';
|
|
2
|
+
declare const Slider: import("react").ForwardRefExoticComponent<{
|
|
3
|
+
thumbType?: "circle" | "default" | "pointer" | undefined;
|
|
4
|
+
min: number;
|
|
5
|
+
max: number;
|
|
6
|
+
step?: number | undefined;
|
|
7
|
+
trackColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
|
|
8
|
+
thumbColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
|
|
9
|
+
disabled?: boolean | undefined;
|
|
10
|
+
fullSize?: boolean | undefined;
|
|
11
|
+
sizeSlider?: "sm" | "md" | "lg" | undefined;
|
|
12
|
+
direction?: "horizontal" | "vertical" | undefined;
|
|
13
|
+
valueLabelDisplay?: (string & {}) | "auto" | "off" | "%v" | undefined;
|
|
14
|
+
} & {
|
|
15
|
+
valueSlider: number | number[];
|
|
16
|
+
onChangeSlider: (value: number | number[], index?: number | undefined) => void;
|
|
17
|
+
} & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
|
|
4
18
|
export default Slider;
|
|
5
19
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,mBAAmB,EAEpB,MAAM,OAAO,CAAC;AAMf,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;4FA6EX,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -15,7 +15,7 @@ var _styles = require("./styles");
|
|
|
15
15
|
|
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
17
|
|
|
18
|
-
var _excluded = ["
|
|
18
|
+
var _excluded = ["valueSlider", "onChangeSlider", "step", "max", "min", "fullSize", "direction", "valueLabelDisplay"];
|
|
19
19
|
|
|
20
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
21
|
|
|
@@ -49,9 +49,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
49
49
|
|
|
50
50
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
51
51
|
|
|
52
|
-
var Slider = function
|
|
53
|
-
var
|
|
54
|
-
|
|
52
|
+
var Slider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
53
|
+
var valueSlider = _ref.valueSlider,
|
|
54
|
+
onChangeSlider = _ref.onChangeSlider,
|
|
55
55
|
_ref$step = _ref.step,
|
|
56
56
|
step = _ref$step === void 0 ? 1 : _ref$step,
|
|
57
57
|
_ref$max = _ref.max,
|
|
@@ -65,33 +65,52 @@ var Slider = function Slider(_ref) {
|
|
|
65
65
|
valueLabelDisplay = _ref$valueLabelDispla === void 0 ? 'off' : _ref$valueLabelDispla,
|
|
66
66
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
67
67
|
|
|
68
|
-
var _useState = (0, _react.useState)(
|
|
68
|
+
var _useState = (0, _react.useState)(valueSlider),
|
|
69
69
|
_useState2 = _slicedToArray(_useState, 2),
|
|
70
70
|
sliderValue = _useState2[0],
|
|
71
71
|
setSliderValue = _useState2[1];
|
|
72
72
|
|
|
73
|
+
var sliderRef = (0, _react.useRef)(null);
|
|
74
|
+
|
|
73
75
|
function handleChangeValue(percent, index) {
|
|
76
|
+
var _sliderRef$current;
|
|
77
|
+
|
|
74
78
|
var value = Math.round((percent * (max - min) + min) / step) * step;
|
|
79
|
+
var nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value');
|
|
75
80
|
|
|
76
81
|
if (Array.isArray(sliderValue)) {
|
|
82
|
+
var _nativeInputValueSett;
|
|
83
|
+
|
|
77
84
|
var newValues = _toConsumableArray(sliderValue);
|
|
78
85
|
|
|
79
86
|
newValues[index || 0] = value > max ? max : value < min ? min : value;
|
|
80
87
|
setSliderValue(newValues);
|
|
88
|
+
onChangeSlider === null || onChangeSlider === void 0 ? void 0 : onChangeSlider(newValues);
|
|
89
|
+
nativeInputValueSetter === null || nativeInputValueSetter === void 0 ? void 0 : (_nativeInputValueSett = nativeInputValueSetter.set) === null || _nativeInputValueSett === void 0 ? void 0 : _nativeInputValueSett.call(sliderRef.current, newValues);
|
|
81
90
|
} else {
|
|
91
|
+
var _nativeInputValueSett2;
|
|
92
|
+
|
|
82
93
|
setSliderValue(value > max ? max : value < min ? min : value);
|
|
94
|
+
nativeInputValueSetter === null || nativeInputValueSetter === void 0 ? void 0 : (_nativeInputValueSett2 = nativeInputValueSetter.set) === null || _nativeInputValueSett2 === void 0 ? void 0 : _nativeInputValueSett2.call(sliderRef.current, value);
|
|
95
|
+
onChangeSlider === null || onChangeSlider === void 0 ? void 0 : onChangeSlider(value);
|
|
83
96
|
}
|
|
84
97
|
|
|
85
|
-
|
|
98
|
+
var event = new Event('input', {
|
|
99
|
+
bubbles: true
|
|
100
|
+
});
|
|
101
|
+
sliderRef === null || sliderRef === void 0 ? void 0 : (_sliderRef$current = sliderRef.current) === null || _sliderRef$current === void 0 ? void 0 : _sliderRef$current.dispatchEvent(event);
|
|
86
102
|
}
|
|
87
103
|
|
|
88
104
|
(0, _react.useEffect)(function () {
|
|
89
|
-
setSliderValue(
|
|
90
|
-
}, [
|
|
105
|
+
setSliderValue(valueSlider);
|
|
106
|
+
}, [valueSlider]);
|
|
107
|
+
(0, _react.useImperativeHandle)(ref, function () {
|
|
108
|
+
return sliderRef.current;
|
|
109
|
+
});
|
|
91
110
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderContent, {
|
|
92
111
|
direction: direction,
|
|
93
112
|
fullSize: fullSize,
|
|
94
|
-
size: rest.
|
|
113
|
+
size: rest.sizeSlider,
|
|
95
114
|
disabled: rest.disabled,
|
|
96
115
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
|
|
97
116
|
direction: direction === 'vertical' ? 'column-reverse' : 'row',
|
|
@@ -103,16 +122,17 @@ var Slider = function Slider(_ref) {
|
|
|
103
122
|
children: max
|
|
104
123
|
})]
|
|
105
124
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderSelector.SliderSelector, _objectSpread({
|
|
106
|
-
|
|
125
|
+
ref: sliderRef,
|
|
126
|
+
valueSliderSelector: sliderValue,
|
|
107
127
|
min: min,
|
|
108
128
|
max: max,
|
|
109
129
|
step: step,
|
|
110
|
-
|
|
130
|
+
onChangeSliderSelector: handleChangeValue,
|
|
111
131
|
direction: direction,
|
|
112
132
|
valueLabelDisplay: valueLabelDisplay
|
|
113
133
|
}, rest))]
|
|
114
134
|
});
|
|
115
|
-
};
|
|
116
|
-
|
|
135
|
+
});
|
|
117
136
|
var _default = Slider;
|
|
118
|
-
exports.default = _default;
|
|
137
|
+
exports.default = _default;
|
|
138
|
+
Slider.displayName = 'Slider';
|
|
@@ -24,8 +24,8 @@ var setup = function setup(props) {
|
|
|
24
24
|
describe('Slider', function () {
|
|
25
25
|
it('should it render the slider component', function () {
|
|
26
26
|
var _setup = setup({
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
valueSlider: 50,
|
|
28
|
+
onChangeSlider: jest.fn(),
|
|
29
29
|
min: 0,
|
|
30
30
|
max: 100
|
|
31
31
|
}),
|
|
@@ -35,8 +35,8 @@ describe('Slider', function () {
|
|
|
35
35
|
});
|
|
36
36
|
it('should it render the slider component with multiply values', function () {
|
|
37
37
|
var _setup2 = setup({
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
valueSlider: [50, 100],
|
|
39
|
+
onChangeSlider: jest.fn(),
|
|
40
40
|
min: 0,
|
|
41
41
|
max: 100
|
|
42
42
|
}),
|
|
@@ -46,8 +46,8 @@ describe('Slider', function () {
|
|
|
46
46
|
});
|
|
47
47
|
it('should it render the slider component with different pointer', function () {
|
|
48
48
|
var _setup3 = setup({
|
|
49
|
-
|
|
50
|
-
|
|
49
|
+
valueSlider: 50,
|
|
50
|
+
onChangeSlider: jest.fn(),
|
|
51
51
|
min: 0,
|
|
52
52
|
max: 100,
|
|
53
53
|
thumbType: 'pointer'
|
|
@@ -58,8 +58,8 @@ describe('Slider', function () {
|
|
|
58
58
|
});
|
|
59
59
|
it('should it render the slider component with different colors', function () {
|
|
60
60
|
var _setup4 = setup({
|
|
61
|
-
|
|
62
|
-
|
|
61
|
+
valueSlider: 50,
|
|
62
|
+
onChangeSlider: jest.fn(),
|
|
63
63
|
min: 0,
|
|
64
64
|
max: 100,
|
|
65
65
|
trackColor: 'primary.alert',
|
|
@@ -71,25 +71,25 @@ describe('Slider', function () {
|
|
|
71
71
|
});
|
|
72
72
|
it('should it render the slider component with different sizes', function () {
|
|
73
73
|
var small = setup({
|
|
74
|
-
|
|
75
|
-
|
|
74
|
+
valueSlider: 50,
|
|
75
|
+
onChangeSlider: jest.fn(),
|
|
76
76
|
min: 0,
|
|
77
77
|
max: 100,
|
|
78
|
-
|
|
78
|
+
sizeSlider: 'sm'
|
|
79
79
|
});
|
|
80
80
|
var medium = setup({
|
|
81
|
-
|
|
82
|
-
|
|
81
|
+
valueSlider: 50,
|
|
82
|
+
onChangeSlider: jest.fn(),
|
|
83
83
|
min: 0,
|
|
84
84
|
max: 100,
|
|
85
|
-
|
|
85
|
+
sizeSlider: 'md'
|
|
86
86
|
});
|
|
87
87
|
var large = setup({
|
|
88
|
-
|
|
89
|
-
|
|
88
|
+
valueSlider: 50,
|
|
89
|
+
onChangeSlider: jest.fn(),
|
|
90
90
|
min: 0,
|
|
91
91
|
max: 100,
|
|
92
|
-
|
|
92
|
+
sizeSlider: 'lg'
|
|
93
93
|
});
|
|
94
94
|
expect(small.container).toBeInTheDocument();
|
|
95
95
|
expect(medium.container).toBeInTheDocument();
|
|
@@ -97,8 +97,8 @@ describe('Slider', function () {
|
|
|
97
97
|
});
|
|
98
98
|
it('should it render the slider component with label', function () {
|
|
99
99
|
var _setup5 = setup({
|
|
100
|
-
|
|
101
|
-
|
|
100
|
+
valueSlider: 50,
|
|
101
|
+
onChangeSlider: jest.fn(),
|
|
102
102
|
min: 0,
|
|
103
103
|
max: 100,
|
|
104
104
|
valueLabelDisplay: 'auto'
|
|
@@ -109,8 +109,8 @@ describe('Slider', function () {
|
|
|
109
109
|
});
|
|
110
110
|
it('should it render the slider component with custom label', function () {
|
|
111
111
|
var _setup6 = setup({
|
|
112
|
-
|
|
113
|
-
|
|
112
|
+
valueSlider: 50,
|
|
113
|
+
onChangeSlider: jest.fn(),
|
|
114
114
|
min: 0,
|
|
115
115
|
max: 100,
|
|
116
116
|
valueLabelDisplay: 'Teste'
|
|
@@ -121,8 +121,8 @@ describe('Slider', function () {
|
|
|
121
121
|
});
|
|
122
122
|
it('should it render the slider component with multiply value and different pointer', function () {
|
|
123
123
|
var _setup7 = setup({
|
|
124
|
-
|
|
125
|
-
|
|
124
|
+
valueSlider: [50, 100],
|
|
125
|
+
onChangeSlider: jest.fn(),
|
|
126
126
|
min: 0,
|
|
127
127
|
max: 100,
|
|
128
128
|
thumbType: 'pointer'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,eAAO,MAAM,aAAa;;;;;;;;yGAiDzB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;0IAK9B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAE3B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,eAAO,MAAM,aAAa;;;;;;;;yGAiDzB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;0IAK9B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAE3B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;yGAS/B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;gBACV,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;;;yGAiB9C,CAAC;AAEF,eAAO,MAAM,WAAW;;;kHAIvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;gBAEV,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;;;;yGAqF9C,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;gBAGnB,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;yGA0BhD,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAO7B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;2GAgEvB,CAAC"}
|
|
@@ -38,12 +38,12 @@ var SliderContainer = _styled.default.div(_templateObject3 || (_templateObject3
|
|
|
38
38
|
exports.SliderContainer = SliderContainer;
|
|
39
39
|
|
|
40
40
|
var SliderRailContainer = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: relative;\n background: ", ";\n border-radius: 8px;\n cursor: pointer;\n"])), function (props) {
|
|
41
|
-
return (0, _colorCheck.stripThemeColors)(props.trackColor || '', props.theme.colors) ||
|
|
41
|
+
return (0, _colorCheck.stripThemeColors)(props.trackColor || '', props.theme.colors) || props.theme.colors.tertiary.default;
|
|
42
42
|
});
|
|
43
43
|
|
|
44
44
|
exports.SliderRailContainer = SliderRailContainer;
|
|
45
45
|
|
|
46
|
-
var SliderTrack = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n position: absolute;\n border-radius: 8px;\n ", "\n\n transform: ", ";\n width: 100%;\n height: 100%;\n background: ", ";\n"])), function (props) {
|
|
46
|
+
var SliderTrack = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n position: absolute;\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n ", "\n\n transform: ", ";\n width: 100%;\n height: 100%;\n background: ", ";\n"])), function (props) {
|
|
47
47
|
return props.direction === 'vertical' ? 'bottom: 0;' : 'top: 50%;';
|
|
48
48
|
}, function (props) {
|
|
49
49
|
return props.direction === 'vertical' ? '' : 'translateY(-50%)';
|
|
@@ -57,12 +57,12 @@ var SliderInput = _styled.default.input(_templateObject6 || (_templateObject6 =
|
|
|
57
57
|
|
|
58
58
|
exports.SliderInput = SliderInput;
|
|
59
59
|
|
|
60
|
-
var SliderThumb = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n position: absolute;\n ", "\n\n ", "\n\n background: ", ";\n
|
|
60
|
+
var SliderThumb = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n position: absolute;\n ", "\n\n ", "\n\n background: ", ";\n pointer-events: ", ";\n\n cursor: pointer;\n"])), function (props) {
|
|
61
61
|
return props.direction === 'vertical' ? "\n bottom: 0;\n left: 50%;\n transform: translate(-50%, 50%);\n " : "\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n ";
|
|
62
62
|
}, function (props) {
|
|
63
63
|
return props.thumbType !== 'pointer' ? "\n width: ".concat(props.size === 'sm' ? '20px' : '25px', ";\n height: ").concat(props.size === 'sm' ? '20px' : '25px', ";\n border-radius: 999999px;\n\n transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n\n &::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 100%;\n border-radius: 999999px;\n box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%),\n 0px 1px 5px 0px rgb(0 0 0 / 12%);\n }\n\n &:hover {\n box-shadow: 0 0 0 10px\n ").concat((0, _colorCheck.parseHexColorToRgba)((0, _colorCheck.stripThemeColors)(props.thumbColor || '', props.theme.colors) || props.theme.colors.primary.default, 0.15), ";\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 15px\n ").concat((0, _colorCheck.parseHexColorToRgba)((0, _colorCheck.stripThemeColors)(props.thumbColor || '', props.theme.colors) || props.theme.colors.primary.default, 0.15), ";\n }\n\n &:hover,\n &:focus,\n &:active {\n & span {\n transform: ").concat(props.direction === 'vertical' ? 'translate(100%, -50%)' : 'translate(-50%, -100%)', " scale(1);\n }\n }\n ") : "\n width: ".concat(props.direction === 'vertical' ? '100%' : '5px', ";\n height: ").concat(props.direction === 'vertical' ? '5px' : '100%', ";\n ");
|
|
64
64
|
}, function (props) {
|
|
65
|
-
if (props.disabled) return props.theme.colors.neutral.
|
|
65
|
+
if (props.disabled) return props.theme.colors.neutral.neutral6;
|
|
66
66
|
if (props.thumbType !== 'pointer') return props.theme.colors.neutral.white;
|
|
67
67
|
return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.black : props.theme.colors.neutral.white;
|
|
68
68
|
}, function (props) {
|
|
@@ -8,25 +8,26 @@ declare type IGenericSliderProps = {
|
|
|
8
8
|
min: number;
|
|
9
9
|
max: number;
|
|
10
10
|
step?: number;
|
|
11
|
-
value: number | number[];
|
|
12
11
|
trackColor?: GlobalColorsProps | (string & {});
|
|
13
12
|
thumbColor?: GlobalColorsProps | (string & {});
|
|
14
13
|
disabled?: boolean;
|
|
15
14
|
fullSize?: boolean;
|
|
16
|
-
|
|
15
|
+
sizeSlider?: 'sm' | 'md' | 'lg';
|
|
17
16
|
direction?: 'horizontal' | 'vertical';
|
|
18
17
|
valueLabelDisplay?: 'auto' | 'off' | '%v' | (string & {});
|
|
19
18
|
};
|
|
20
19
|
export declare type ISliderProps = IGenericSliderProps & {
|
|
21
|
-
|
|
20
|
+
valueSlider: number | number[];
|
|
21
|
+
onChangeSlider: (value: number | number[], index?: number) => void;
|
|
22
22
|
};
|
|
23
23
|
export declare type ISliderSelectorProps = IGenericSliderProps & {
|
|
24
|
-
|
|
24
|
+
valueSliderSelector: number | number[];
|
|
25
|
+
onChangeSliderSelector: (percentage: number, index?: number) => void;
|
|
25
26
|
};
|
|
26
27
|
export declare type ISliderTrackerProps = {
|
|
27
28
|
max: number;
|
|
28
29
|
step: number;
|
|
29
|
-
|
|
30
|
+
onChangeSliderTracker: (value: number, ref?: RefObject<HTMLDivElement>) => void;
|
|
30
31
|
trackColor?: GlobalColorsProps | (string & {});
|
|
31
32
|
children: ReactNode;
|
|
32
33
|
direction?: 'horizontal' | 'vertical';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,aAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,aAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,iBAAiB,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC3D,CAAC;AAEF,oBAAY,YAAY,GAAG,mBAAmB,GAAG;IAC/C,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACpE,CAAC;AAEF,oBAAY,oBAAoB,GAAG,mBAAmB,GAAG;IACvD,mBAAmB,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACvC,sBAAsB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACtE,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAChF,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,UAAU,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC/C,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -33,6 +33,7 @@ export * from './components/Timeline';
|
|
|
33
33
|
export { default as Toast } from './components/Toast';
|
|
34
34
|
export { default as Tooltip } from './components/Tooltip';
|
|
35
35
|
export { default as Typography } from './components/Typography';
|
|
36
|
+
export { CollapseCard } from './components/CollapseCard';
|
|
36
37
|
export { default as Input } from './components/Input';
|
|
37
38
|
export { DateInput } from './components/DateInput';
|
|
38
39
|
export { default as Select } from './components/Select';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAGrF,cAAc,gBAAgB,CAAC"}
|