@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.
Files changed (42) hide show
  1. package/README.md +93 -93
  2. package/dist/components/Button/Button.test.js +4 -31
  3. package/dist/components/Button/index.d.ts +1 -1
  4. package/dist/components/Button/index.d.ts.map +1 -1
  5. package/dist/components/Button/index.js +25 -39
  6. package/dist/components/Button/types.d.ts +0 -9
  7. package/dist/components/Button/types.d.ts.map +1 -1
  8. package/dist/components/Card/card.test.d.ts +2 -0
  9. package/dist/components/Card/card.test.d.ts.map +1 -0
  10. package/dist/components/Card/card.test.js +37 -0
  11. package/dist/components/Card/index.d.ts +2 -2
  12. package/dist/components/Card/index.d.ts.map +1 -1
  13. package/dist/components/Card/index.js +18 -4
  14. package/dist/components/Card/styles.d.ts +2 -2
  15. package/dist/components/Card/styles.d.ts.map +1 -1
  16. package/dist/components/Card/types.d.ts +5 -5
  17. package/dist/components/Card/types.d.ts.map +1 -1
  18. package/dist/components/CollapseCard/expand-button.test.js +2 -2
  19. package/dist/components/CollapseCard/index.d.ts +0 -1
  20. package/dist/components/CollapseCard/index.d.ts.map +1 -1
  21. package/dist/components/CollapseCard/index.js +2 -4
  22. package/dist/components/RadioInput/components/ChoiceList/index.js +1 -1
  23. package/dist/components/Slider/SliderExample.d.ts.map +1 -1
  24. package/dist/components/Slider/SliderExample.js +21 -9
  25. package/dist/components/Slider/components/SliderRail.d.ts +1 -1
  26. package/dist/components/Slider/components/SliderRail.d.ts.map +1 -1
  27. package/dist/components/Slider/components/SliderRail.js +3 -3
  28. package/dist/components/Slider/components/SliderSelector.d.ts +17 -3
  29. package/dist/components/Slider/components/SliderSelector.d.ts.map +1 -1
  30. package/dist/components/Slider/components/SliderSelector.js +48 -28
  31. package/dist/components/Slider/index.d.ts +17 -3
  32. package/dist/components/Slider/index.d.ts.map +1 -1
  33. package/dist/components/Slider/index.js +34 -14
  34. package/dist/components/Slider/slider.test.js +23 -23
  35. package/dist/components/Slider/styles.d.ts.map +1 -1
  36. package/dist/components/Slider/styles.js +4 -4
  37. package/dist/components/Slider/types.d.ts +6 -5
  38. package/dist/components/Slider/types.d.ts.map +1 -1
  39. package/dist/index.d.ts +1 -0
  40. package/dist/index.d.ts.map +1 -1
  41. package/dist/index.js +9 -0
  42. 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.value || 10),
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
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread(_objectSpread({}, props), {}, {
45
- min: 0,
46
- max: 100,
47
- value: valueSliderExample,
48
- onChange: function onChange(valueSlider) {
49
- return setValueSliderExample(valueSlider);
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, onChange, trackColor, direction, ...rest }: ISliderTrackerProps) => JSX.Element>;
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;AA6H/C,eAAO,MAAM,UAAU,gGAnFgD,mBAAmB,iBAmFtD,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", "onChange", "trackColor", "direction"];
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
- onChange = _ref.onChange,
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)(onChange);
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
- /// <reference types="react" />
2
- import { ISliderSelectorProps } from '../types';
3
- export declare const SliderSelector: import("react").MemoExoticComponent<({ value, min, max, step, valueLabelDisplay, thumbColor, trackColor, onChange, direction, disabled, size, thumbType, }: ISliderSelectorProps) => JSX.Element>;
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":";AAOA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAkMhD,eAAO,MAAM,cAAc,8JAnLxB,oBAAoB,iBAmLqB,CAAC"}
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 Selector = function Selector(_ref) {
31
- var value = _ref.value,
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
- onChange = _ref.onChange,
50
+ onChangeSliderSelector = _ref.onChangeSliderSelector,
39
51
  direction = _ref.direction,
40
52
  disabled = _ref.disabled,
41
- size = _ref.size,
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 value === 'number') {
46
- onChange && onChange(percentage);
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
- onChange && onChange(percentage, closestThumb[1]);
94
+ onChangeSliderSelector === null || onChangeSliderSelector === void 0 ? void 0 : onChangeSliderSelector(percentage, closestThumb[1]);
82
95
  }
83
96
 
84
- var thumbPositions = Array.isArray(value) ? value.map(function (v) {
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
- onChange: handleChangePercentage,
110
+ onChangeSliderTracker: handleChangePercentage,
94
111
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderTrack, {
95
- style: Array.isArray(value) ? direction === 'vertical' ? {
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(value) - min) / (max - min) * 100, "%")
119
+ height: "".concat((Number(valueSliderSelector) - min) / (max - min) * 100, "%")
103
120
  } : {
104
- width: "".concat((Number(value) - min) / (max - min) * 100, "%")
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(value) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderThumb, {
126
+ }), !Array.isArray(valueSliderSelector) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderThumb, {
110
127
  direction: direction,
111
128
  style: direction === 'vertical' ? {
112
- bottom: "".concat((value - min) / (max - min) * 100, "%")
129
+ bottom: "".concat((valueSliderSelector - min) / (max - min) * 100, "%")
113
130
  } : {
114
- left: "".concat((value - min) / (max - min) * 100, "%")
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: value,
129
- "aria-valuenow": value,
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' ? value : valueLabelDisplay ? valueLabelDisplay.indexOf('%v') !== -1 ? valueLabelDisplay.replace(/%v/g, String(value)) : valueLabelDisplay : value
154
+ children: valueLabelDisplay === 'auto' ? valueSliderSelector : valueLabelDisplay ? valueLabelDisplay.indexOf('%v') !== -1 ? valueLabelDisplay.replace(/%v/g, String(valueSliderSelector)) : valueLabelDisplay : valueSliderSelector
137
155
  })]
138
- }) : value.map(function (item, index) {
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
- /// <reference types="react" />
2
- import { ISliderProps } from './types';
3
- declare const Slider: ({ value, onChange, step, max, min, fullSize, direction, valueLabelDisplay, ...rest }: ISliderProps) => JSX.Element;
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":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,QAAA,MAAM,MAAM,yFAUT,YAAY,gBAgDd,CAAC;AAEF,eAAe,MAAM,CAAC"}
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 = ["value", "onChange", "step", "max", "min", "fullSize", "direction", "valueLabelDisplay"];
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 Slider(_ref) {
53
- var value = _ref.value,
54
- onChange = _ref.onChange,
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)(value),
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
- onChange && onChange(sliderValue);
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(value);
90
- }, [value]);
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.size,
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
- value: sliderValue,
125
+ ref: sliderRef,
126
+ valueSliderSelector: sliderValue,
107
127
  min: min,
108
128
  max: max,
109
129
  step: step,
110
- onChange: handleChangeValue,
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
- value: 50,
28
- onChange: jest.fn(),
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
- value: [50, 100],
39
- onChange: jest.fn(),
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
- value: 50,
50
- onChange: jest.fn(),
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
- value: 50,
62
- onChange: jest.fn(),
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
- value: 50,
75
- onChange: jest.fn(),
74
+ valueSlider: 50,
75
+ onChangeSlider: jest.fn(),
76
76
  min: 0,
77
77
  max: 100,
78
- size: 'sm'
78
+ sizeSlider: 'sm'
79
79
  });
80
80
  var medium = setup({
81
- value: 50,
82
- onChange: jest.fn(),
81
+ valueSlider: 50,
82
+ onChangeSlider: jest.fn(),
83
83
  min: 0,
84
84
  max: 100,
85
- size: 'md'
85
+ sizeSlider: 'md'
86
86
  });
87
87
  var large = setup({
88
- value: 50,
89
- onChange: jest.fn(),
88
+ valueSlider: 50,
89
+ onChangeSlider: jest.fn(),
90
90
  min: 0,
91
91
  max: 100,
92
- size: 'lg'
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
- value: 50,
101
- onChange: jest.fn(),
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
- value: 50,
113
- onChange: jest.fn(),
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
- value: [50, 100],
125
- onChange: jest.fn(),
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;;;;;yGAW/B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;gBACV,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;;;yGAgB9C,CAAC;AAEF,eAAO,MAAM,WAAW;;;kHAIvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;gBAEV,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;;;;yGAsF9C,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"}
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) || (props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral5 : props.theme.colors.tertiary.default);
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\n pointer-events: ", ";\n\n cursor: pointer;\n"])), function (props) {
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.neutral4;
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
- size?: 'sm' | 'md' | 'lg';
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
- onChange: (value: number | number[], index?: number) => void;
20
+ valueSlider: number | number[];
21
+ onChangeSlider: (value: number | number[], index?: number) => void;
22
22
  };
23
23
  export declare type ISliderSelectorProps = IGenericSliderProps & {
24
- onChange: (percentage: number, index?: number) => void;
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
- onChange: (value: number, ref?: RefObject<HTMLDivElement>) => void;
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,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,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,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,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,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEF,oBAAY,oBAAoB,GAAG,mBAAmB,GAAG;IACvD,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnE,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"}
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';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}