@pedidopago/ui 1.4.4 → 1.5.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.
Files changed (84) hide show
  1. package/dist/components/Badge/styles.d.ts.map +1 -1
  2. package/dist/components/Badge/styles.js +1 -1
  3. package/dist/components/Button/styles.d.ts.map +1 -1
  4. package/dist/components/Button/styles.js +1 -1
  5. package/dist/components/DateInput/index.d.ts.map +1 -1
  6. package/dist/components/DateInput/index.js +1 -0
  7. package/dist/components/Dialog/index.js +2 -2
  8. package/dist/components/Icon/data/dash.d.ts.map +1 -1
  9. package/dist/components/Icon/data/dash.js +1 -1
  10. package/dist/components/Icon/types.d.ts +1 -1
  11. package/dist/components/Icon/types.d.ts.map +1 -1
  12. package/dist/components/Modal/index.d.ts +1 -1
  13. package/dist/components/Modal/index.d.ts.map +1 -1
  14. package/dist/components/Modal/index.js +6 -3
  15. package/dist/components/MultipleSelect/components/OptionsArea/styles.d.ts.map +1 -1
  16. package/dist/components/MultipleSelect/components/OptionsArea/styles.js +1 -1
  17. package/dist/components/MultipleSelect/components/SelectArea/SelectAreaWrapper.d.ts.map +1 -1
  18. package/dist/components/MultipleSelect/components/SelectArea/SelectAreaWrapper.js +1 -1
  19. package/dist/components/MultipleSelect/components/SelectArea/SelectedOptionsArea.d.ts +3 -1
  20. package/dist/components/MultipleSelect/components/SelectArea/SelectedOptionsArea.d.ts.map +1 -1
  21. package/dist/components/MultipleSelect/components/SelectArea/SelectedOptionsArea.js +29 -21
  22. package/dist/components/MultipleSelect/components/SelectArea/index.d.ts.map +1 -1
  23. package/dist/components/MultipleSelect/components/SelectArea/index.js +2 -0
  24. package/dist/components/Pagination/styles.d.ts.map +1 -1
  25. package/dist/components/Pagination/styles.js +1 -1
  26. package/dist/components/Progress/Circle/index.d.ts +2 -2
  27. package/dist/components/Progress/Circle/index.d.ts.map +1 -1
  28. package/dist/components/Progress/Circle/index.js +53 -36
  29. package/dist/components/Progress/Circle/styles.d.ts +28 -0
  30. package/dist/components/Progress/Circle/styles.d.ts.map +1 -0
  31. package/dist/components/Progress/Circle/styles.js +83 -0
  32. package/dist/components/Progress/Circle/types.d.ts +19 -0
  33. package/dist/components/Progress/Circle/types.d.ts.map +1 -0
  34. package/dist/components/Progress/Circle/types.js +1 -0
  35. package/dist/components/Progress/Linear/index.d.ts +2 -2
  36. package/dist/components/Progress/Linear/index.d.ts.map +1 -1
  37. package/dist/components/Progress/Linear/index.js +28 -25
  38. package/dist/components/Progress/Linear/styles.d.ts +16 -0
  39. package/dist/components/Progress/Linear/styles.d.ts.map +1 -0
  40. package/dist/components/Progress/Linear/styles.js +79 -0
  41. package/dist/components/Progress/Linear/types.d.ts +14 -0
  42. package/dist/components/Progress/Linear/types.d.ts.map +1 -0
  43. package/dist/components/Progress/Linear/types.js +1 -0
  44. package/dist/components/Progress/index.d.ts +2 -2
  45. package/dist/components/Progress/index.d.ts.map +1 -1
  46. package/dist/components/Progress/index.js +18 -45
  47. package/dist/components/Progress/types.d.ts +28 -0
  48. package/dist/components/Progress/types.d.ts.map +1 -0
  49. package/dist/components/Progress/types.js +1 -0
  50. package/dist/components/Select/index.d.ts.map +1 -1
  51. package/dist/components/Select/index.js +18 -0
  52. package/dist/components/Tabs/TabsExample.js +1 -0
  53. package/dist/components/Tabs/components/TabPanel.d.ts.map +1 -1
  54. package/dist/components/Tabs/components/TabPanel.js +3 -1
  55. package/dist/components/Tabs/styles.d.ts +2 -0
  56. package/dist/components/Tabs/styles.d.ts.map +1 -1
  57. package/dist/components/Tabs/styles.js +3 -1
  58. package/dist/components/Tabs/types.d.ts +1 -0
  59. package/dist/components/Tabs/types.d.ts.map +1 -1
  60. package/dist/components/Tooltip/index.d.ts.map +1 -1
  61. package/dist/components/Tooltip/index.js +10 -0
  62. package/dist/index.d.ts +6 -0
  63. package/dist/index.d.ts.map +1 -1
  64. package/dist/index.js +55 -1
  65. package/dist/shared/hooks/devices.d.ts +9 -0
  66. package/dist/shared/hooks/devices.d.ts.map +1 -0
  67. package/dist/shared/hooks/devices.js +14 -0
  68. package/dist/shared/hooks/useBreakpoints.d.ts +26 -0
  69. package/dist/shared/hooks/useBreakpoints.d.ts.map +1 -0
  70. package/dist/shared/hooks/useBreakpoints.js +129 -0
  71. package/dist/shared/hooks/useDevices.d.ts +9 -0
  72. package/dist/shared/hooks/useDevices.d.ts.map +1 -0
  73. package/dist/shared/hooks/useDevices.js +61 -0
  74. package/dist/shared/hooks/useWindowSize.d.ts +4 -0
  75. package/dist/shared/hooks/useWindowSize.d.ts.map +1 -1
  76. package/dist/shared/theme/theme.types.d.ts +1 -1
  77. package/dist/shared/theme/theme.types.d.ts.map +1 -1
  78. package/dist/utils/colorToGray.d.ts +1 -1
  79. package/dist/utils/colorToGray.d.ts.map +1 -1
  80. package/dist/utils/getSvg.js +1 -1
  81. package/dist/utils/getValuesBySize.d.ts +7 -0
  82. package/dist/utils/getValuesBySize.d.ts.map +1 -0
  83. package/dist/utils/getValuesBySize.js +10 -0
  84. package/package.json +1 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Circle/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,oBAAY,WAAW,GAAG,WAAW,GAAG;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,iBAAiB,GAAG,iBAAiB,EAAE,CAAC;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
@@ -0,0 +1 @@
1
+ "use strict";
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
- import { ProgressComponent } from '../type';
3
- export declare function LinearProgress({ percent, height, isAnimated, color, grayColor, showValue, steps, }: ProgressComponent): JSX.Element;
2
+ import { LinearProps } from './types';
3
+ export declare function LinearProgress({ height, showValue, steps, ...props }: LinearProps): JSX.Element;
4
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Linear/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,MAAM,EACN,UAAU,EACV,KAAK,EACL,SAAS,EACT,SAAS,EACT,KAAK,GACN,EAAE,iBAAiB,eAsBnB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Linear/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,eAsBjF"}
@@ -7,12 +7,24 @@ exports.LinearProgress = LinearProgress;
7
7
 
8
8
  var _react = require("react");
9
9
 
10
+ var _Flex = _interopRequireDefault(require("../../../components/Flex"));
11
+
10
12
  var _getSteps = require("../getSteps");
11
13
 
12
- var _style = require("../style");
14
+ var _styles = require("./styles");
13
15
 
14
16
  var _jsxRuntime = require("react/jsx-runtime");
15
17
 
18
+ var _excluded = ["height", "showValue", "steps"];
19
+
20
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
+
22
+ 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; }
23
+
24
+ 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; }
25
+
26
+ 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; }
27
+
16
28
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
17
29
 
18
30
  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."); }
@@ -25,14 +37,15 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
25
37
 
26
38
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
27
39
 
40
+ 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; }
41
+
42
+ 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; }
43
+
28
44
  function LinearProgress(_ref) {
29
- var percent = _ref.percent,
30
- height = _ref.height,
31
- isAnimated = _ref.isAnimated,
32
- color = _ref.color,
33
- grayColor = _ref.grayColor,
45
+ var height = _ref.height,
34
46
  showValue = _ref.showValue,
35
- steps = _ref.steps;
47
+ steps = _ref.steps,
48
+ props = _objectWithoutProperties(_ref, _excluded);
36
49
 
37
50
  var _useState = (0, _react.useState)(),
38
51
  _useState2 = _slicedToArray(_useState, 2),
@@ -40,26 +53,16 @@ function LinearProgress(_ref) {
40
53
  setMetric = _useState2[1];
41
54
 
42
55
  (0, _react.useEffect)(function () {
43
- if (showValue === 'percent') setMetric(Math.round(percent));
44
- if (showValue === 'step' && steps) setMetric((0, _getSteps.getSteps)(steps, percent));
45
- }, [percent, showValue, steps]);
46
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
47
- style: {
48
- display: 'flex',
49
- width: '100%',
50
- alignItems: 'flex-end'
51
- },
52
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_style.ProgressBar, {
56
+ if (showValue === 'percent') setMetric(Math.round(props.percent));
57
+ if (showValue === 'step' && steps) setMetric((0, _getSteps.getSteps)(steps, props.percent));
58
+ }, [props.percent, showValue, steps]);
59
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
60
+ alignItems: "flex-end",
61
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ProgressBar, {
53
62
  height: height,
54
- grayColor: grayColor,
55
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.PercentBar, {
56
- percent: percent,
57
- isAnimated: isAnimated,
58
- color: color
59
- })
60
- }), (showValue === 'percent' || showValue === 'step') && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_style.ValueLinear, {
63
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.PercentBar, _objectSpread({}, props))
64
+ }), (showValue === 'percent' || showValue === 'step') && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ValueLinear, {
61
65
  height: height,
62
- grayColor: grayColor,
63
66
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
64
67
  className: "valueMetric",
65
68
  children: metric
@@ -0,0 +1,16 @@
1
+ /// <reference types="react" />
2
+ import { DisplayValueProps } from '../types';
3
+ import { ProgressBarProps, PercentBarProps } from './types';
4
+ export declare const ProgressBar: import("@emotion/styled").StyledComponent<{
5
+ theme?: import("@emotion/react").Theme | undefined;
6
+ as?: import("react").ElementType<any> | undefined;
7
+ } & ProgressBarProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
8
+ export declare const ValueLinear: import("@emotion/styled").StyledComponent<{
9
+ theme?: import("@emotion/react").Theme | undefined;
10
+ as?: import("react").ElementType<any> | undefined;
11
+ } & DisplayValueProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
12
+ export declare const PercentBar: import("@emotion/styled").StyledComponent<{
13
+ theme?: import("@emotion/react").Theme | undefined;
14
+ as?: import("react").ElementType<any> | undefined;
15
+ } & PercentBarProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
16
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Linear/styles.ts"],"names":[],"mappings":";AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE5D,eAAO,MAAM,WAAW;;;4HAMvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;6HAiBvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;2HAqBtB,CAAC"}
@@ -0,0 +1,79 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.ValueLinear = exports.ProgressBar = exports.PercentBar = void 0;
7
+
8
+ var _styled = _interopRequireDefault(require("@emotion/styled"));
9
+
10
+ var _react = require("@emotion/react");
11
+
12
+ var _colorCheck = require("../../../utils/colorCheck");
13
+
14
+ var _getValuesBySize = require("../../../utils/getValuesBySize");
15
+
16
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
17
+
18
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
+
20
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
21
+
22
+ var ProgressBar = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n background-color: ", ";\n height: ", "px;\n border-radius: 10px;\n overflow: hidden;\n"])), function (_ref) {
23
+ var theme = _ref.theme;
24
+ return theme.colors.neutral.neutral1;
25
+ }, function (_ref2) {
26
+ var height = _ref2.height;
27
+ return (0, _getValuesBySize.getValuesBySize)({
28
+ sm: 8,
29
+ md: 16,
30
+ lg: 24
31
+ }, height);
32
+ });
33
+
34
+ exports.ProgressBar = ProgressBar;
35
+
36
+ var ValueLinear = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: ", "px;\n display: flex;\n font-weight: bolder;\n font-size: ", "px;\n align-items: center;\n\n .valueMetric {\n color: ", ";\n }\n\n .metric {\n font-size: ", "px;\n\n color: ", ";\n }\n padding-left: 10px;\n"])), function (_ref3) {
37
+ var height = _ref3.height;
38
+ return (0, _getValuesBySize.getValuesBySize)({
39
+ sm: 20,
40
+ md: 30,
41
+ lg: 50
42
+ }, height);
43
+ }, function (_ref4) {
44
+ var height = _ref4.height;
45
+ return (0, _getValuesBySize.getValuesBySize)({
46
+ sm: 10,
47
+ md: 16,
48
+ lg: 24
49
+ }, height);
50
+ }, function (_ref5) {
51
+ var theme = _ref5.theme;
52
+ return theme.colors.neutral.black;
53
+ }, function (_ref6) {
54
+ var height = _ref6.height;
55
+ return (0, _getValuesBySize.getValuesBySize)({
56
+ sm: 10,
57
+ md: 11,
58
+ lg: 12
59
+ }, height);
60
+ }, function (_ref7) {
61
+ var theme = _ref7.theme;
62
+ return theme.colors.neutral.neutral5;
63
+ });
64
+
65
+ exports.ValueLinear = ValueLinear;
66
+
67
+ var PercentBar = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", ";\n\n width: ", "%;\n max-width: 100%;\n height: 100%;\n border-radius: 8px;\n transition: ", ";\n"])), function (_ref8) {
68
+ var percentBarColor = _ref8.percentBarColor,
69
+ theme = _ref8.theme;
70
+ return percentBarColor && Array.isArray(percentBarColor) ? (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n background-image: linear-gradient(\n 270deg,\n ", " 0.81%,\n ", " 100%\n );\n "])), (0, _colorCheck.stripThemeColors)(percentBarColor[1], theme.colors) || percentBarColor[1], (0, _colorCheck.stripThemeColors)(percentBarColor[0], theme.colors) || percentBarColor[0]) : (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n background: ", ";\n "])), percentBarColor ? (0, _colorCheck.stripThemeColors)(percentBarColor, theme.colors) || percentBarColor : theme.colors.primary.default);
71
+ }, function (_ref9) {
72
+ var percent = _ref9.percent;
73
+ return percent;
74
+ }, function (_ref10) {
75
+ var isAnimated = _ref10.isAnimated;
76
+ return isAnimated ? 'width 1s ease' : '';
77
+ });
78
+
79
+ exports.PercentBar = PercentBar;
@@ -0,0 +1,14 @@
1
+ export declare type ProgressBarProps = {
2
+ height?: string;
3
+ };
4
+ export declare type PercentBarProps = {
5
+ percent: number;
6
+ isAnimated?: boolean;
7
+ percentBarColor?: string | string[];
8
+ };
9
+ export declare type LinearProps = PercentBarProps & {
10
+ height?: string;
11
+ steps?: number;
12
+ showValue?: string;
13
+ };
14
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Linear/types.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,oBAAY,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACrC,CAAC;AAEF,oBAAY,WAAW,GAAG,eAAe,GAAG;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
@@ -0,0 +1 @@
1
+ "use strict";
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { ProgressComponent } from './type';
3
- export declare function Progress({ type, percent, height, isAnimated, color, size, stroke, circleBody, showValue, steps, }: ProgressComponent): JSX.Element;
2
+ import { ProgressComponent } from './types';
3
+ export declare function Progress({ height, size, stroke, circleBody, type, color, ...props }: ProgressComponent): JSX.Element;
4
4
  export default Progress;
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAc,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAEvD,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,OAAO,EACP,MAAM,EACN,UAAU,EACV,KAAK,EACL,IAAI,EACJ,MAAM,EACN,UAAU,EACV,SAAS,EACT,KAAK,GACN,EAAE,iBAAiB,eAgCnB;AAED,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,IAAI,EACJ,MAAM,EACN,UAAU,EACV,IAAI,EACJ,KAAK,EACL,GAAG,KAAK,EACT,EAAE,iBAAiB,eAYnB;AAED,eAAe,QAAQ,CAAC"}
@@ -6,69 +6,42 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.Progress = Progress;
7
7
  exports.default = void 0;
8
8
 
9
- var _react = require("react");
10
-
11
- var _colorToGray = require("../../utils/colorToGray");
12
-
13
9
  var _Circle = require("./Circle");
14
10
 
15
11
  var _Linear = require("./Linear");
16
12
 
17
13
  var _jsxRuntime = require("react/jsx-runtime");
18
14
 
19
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
15
+ var _excluded = ["height", "size", "stroke", "circleBody", "type", "color"];
20
16
 
21
- 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."); }
17
+ 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; }
22
18
 
23
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
19
+ 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; }
24
20
 
25
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
21
+ 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; }
26
22
 
27
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
23
+ 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; }
28
24
 
29
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
25
+ 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; }
30
26
 
31
27
  function Progress(_ref) {
32
- var type = _ref.type,
33
- percent = _ref.percent,
34
- height = _ref.height,
35
- isAnimated = _ref.isAnimated,
36
- color = _ref.color,
28
+ var height = _ref.height,
37
29
  size = _ref.size,
38
30
  stroke = _ref.stroke,
39
31
  circleBody = _ref.circleBody,
40
- showValue = _ref.showValue,
41
- steps = _ref.steps;
42
-
43
- var _useState = (0, _react.useState)(),
44
- _useState2 = _slicedToArray(_useState, 2),
45
- grayColor = _useState2[0],
46
- setGrayColor = _useState2[1];
32
+ type = _ref.type,
33
+ color = _ref.color,
34
+ props = _objectWithoutProperties(_ref, _excluded);
47
35
 
48
- (0, _react.useEffect)(function () {
49
- if (color) {
50
- setGrayColor((0, _colorToGray.convertColor)(color));
51
- }
52
- }, [color]);
53
- return type === 'circle' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Circle.CircleProgress, {
54
- percent: percent,
55
- size: size,
56
- isAnimated: isAnimated,
57
- color: color,
58
- grayColor: grayColor,
59
- stroke: stroke,
36
+ return type === 'circle' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Circle.CircleProgress, _objectSpread(_objectSpread({}, props), {}, {
37
+ percentBarColor: color,
60
38
  circleBody: circleBody,
61
- showValue: showValue,
62
- steps: steps
63
- }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Linear.LinearProgress, {
64
- percent: percent,
65
- height: height,
66
- isAnimated: isAnimated,
67
- color: color,
68
- grayColor: grayColor,
69
- showValue: showValue,
70
- steps: steps
71
- });
39
+ stroke: stroke,
40
+ size: size
41
+ })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Linear.LinearProgress, _objectSpread(_objectSpread({}, props), {}, {
42
+ percentBarColor: color,
43
+ height: height
44
+ }));
72
45
  }
73
46
 
74
47
  var _default = Progress;
@@ -0,0 +1,28 @@
1
+ export interface DisplayValueProps {
2
+ height?: string;
3
+ size?: number;
4
+ colorMode?: string;
5
+ }
6
+ export declare type ArrayColor = [number, number, number];
7
+ export interface objectGray {
8
+ neutral1: ArrayColor;
9
+ neutral2: ArrayColor;
10
+ neutral3: ArrayColor;
11
+ neutral4: ArrayColor;
12
+ neutral5: ArrayColor;
13
+ neutral6: ArrayColor;
14
+ black: ArrayColor;
15
+ }
16
+ export declare type ProgressComponent = {
17
+ type?: 'linear' | 'circle';
18
+ height?: 'sm' | 'md' | 'lg';
19
+ size?: number;
20
+ stroke?: number;
21
+ circleBody?: boolean;
22
+ showValue?: string;
23
+ steps?: number;
24
+ color?: string | string[];
25
+ percent: number;
26
+ isAnimated?: boolean;
27
+ };
28
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oBAAY,UAAU,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAClD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,oBAAY,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC"}
@@ -0,0 +1 @@
1
+ "use strict";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAOpB,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,MAAM,kJAiMX,CAAC;AAGF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAOpB,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,MAAM,kJAkNX,CAAC;AAGF,eAAe,MAAM,CAAC"}
@@ -108,6 +108,10 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
108
108
  });
109
109
  if (defaultOptionIndex >= 0) selectOption(defaultOptionIndex);
110
110
  }
111
+
112
+ return function () {
113
+ selectOption(undefined);
114
+ };
111
115
  }, []); // Assures the option is selected throughout renders.
112
116
 
113
117
  (0, _react.useEffect)(function () {
@@ -148,6 +152,20 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
148
152
  setHeightModal((_optionsModalRef$curr2 = optionsModalRef.current) === null || _optionsModalRef$curr2 === void 0 ? void 0 : _optionsModalRef$curr2.getBoundingClientRect().height);
149
153
  }
150
154
 
155
+ (0, _react.useEffect)(function () {
156
+ var modalParent = document.querySelector('[data-scroll=dispatch-scroll]');
157
+
158
+ var handler = function handler() {
159
+ if (optionsMenuOpen) {
160
+ setOptionsMenuOpen(false);
161
+ }
162
+ };
163
+
164
+ modalParent === null || modalParent === void 0 ? void 0 : modalParent.addEventListener('scroll', handler);
165
+ return function () {
166
+ return modalParent === null || modalParent === void 0 ? void 0 : modalParent.removeEventListener('scroll', handler);
167
+ };
168
+ }, [optionsMenuOpen]);
151
169
  (0, _react.useEffect)(function () {
152
170
  document.addEventListener('click', function () {
153
171
  return setOptionsMenuOpen(false);
@@ -64,6 +64,7 @@ var TabsExample = function TabsExample(_ref) {
64
64
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TabPanel, {
65
65
  value: currentTab,
66
66
  index: 2,
67
+ noPadding: true,
67
68
  children: "Item 2 content"
68
69
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TabPanel, {
69
70
  value: currentTab,
@@ -1 +1 @@
1
- {"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAWvC,CAAC"}
1
+ {"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAavC,CAAC"}
@@ -12,13 +12,15 @@ var _jsxRuntime = require("react/jsx-runtime");
12
12
  var TabPanel = function TabPanel(_ref) {
13
13
  var children = _ref.children,
14
14
  index = _ref.index,
15
- value = _ref.value;
15
+ value = _ref.value,
16
+ noPadding = _ref.noPadding;
16
17
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TabPanelContainer, {
17
18
  id: "simple-tabpanel-".concat(index),
18
19
  hidden: Number(value) !== Number(index),
19
20
  role: "tabpanel",
20
21
  "aria-labelledby": "simple-tabpanel-".concat(index),
21
22
  children: Number(value) === Number(index) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TabPanelWrapper, {
23
+ noPadding: noPadding,
22
24
  children: children
23
25
  })
24
26
  });
@@ -22,6 +22,8 @@ export declare const TabButtonIcon: import("@emotion/styled").StyledComponent<{
22
22
  export declare const TabPanelWrapper: import("@emotion/styled").StyledComponent<{
23
23
  theme?: import("@emotion/react").Theme | undefined;
24
24
  as?: import("react").ElementType<any> | undefined;
25
+ } & {
26
+ noPadding?: boolean | undefined;
25
27
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
26
28
  export declare const TabLoadingSkeleton: import("@emotion/styled").StyledComponent<{
27
29
  theme?: import("@emotion/react").Theme | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE5F,eAAO,MAAM,aAAa;;;;;yGAiBzB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;qHAoErB,CAAC;AAEF,eAAO,MAAM,aAAa;;;2GAGzB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAE3B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;6HAgC9B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;YACpB,OAAO;yGAGhB,CAAC;AAEF,eAAO,MAAM,YAAY;;;iNAqBvB,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE5F,eAAO,MAAM,aAAa;;;;;yGAiBzB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;qHAoErB,CAAC;AAEF,eAAO,MAAM,aAAa;;;2GAGzB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;yGAI3B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;6HAgC9B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;YACpB,OAAO;yGAGhB,CAAC;AAEF,eAAO,MAAM,YAAY;;;iNAqBvB,CAAC"}
@@ -48,7 +48,9 @@ var TabButtonIcon = _styled.default.span(_templateObject2 || (_templateObject2 =
48
48
 
49
49
  exports.TabButtonIcon = TabButtonIcon;
50
50
 
51
- var TabPanelWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding: 20px;\n"])));
51
+ var TabPanelWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding: ", "px;\n"])), function (props) {
52
+ return props.noPadding ? 0 : 20;
53
+ });
52
54
 
53
55
  exports.TabPanelWrapper = TabPanelWrapper;
54
56
 
@@ -32,6 +32,7 @@ export declare type ITabProps = HTMLAttributes<HTMLButtonElement> & {
32
32
  export declare type ITabPanelProps = HTMLAttributes<HTMLDivElement> & {
33
33
  value: string | number;
34
34
  index: string | number;
35
+ noPadding?: boolean;
35
36
  };
36
37
  export declare type GenericThemeProps = {
37
38
  theme?: ExtendThemeProps;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAErF,oBAAY,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACxD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,YAAY,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,oBAAY,SAAS,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,oBAAY,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,cAAc,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACpD,CAAC;AAEF,oBAAY,eAAe,GAAG,iBAAiB,GAC7C,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC/C,CAAC;AAEJ,oBAAY,iBAAiB,GAAG;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAErF,oBAAY,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACxD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,YAAY,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,oBAAY,SAAS,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,oBAAY,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,cAAc,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACpD,CAAC;AAEF,oBAAY,eAAe,GAAG,iBAAiB,GAC7C,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC/C,CAAC;AAEJ,oBAAY,iBAAiB,GAAG;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAoB,MAAM,OAAO,CAAC;AAI7C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAyF7B,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAIxD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAoG7B,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -63,6 +63,16 @@ var Tooltip = function Tooltip(_ref) {
63
63
  setTooltipPositions = _useState4[1];
64
64
 
65
65
  var tooltipContentRef = (0, _react.useRef)(null);
66
+ (0, _react.useEffect)(function () {
67
+ window.addEventListener('scroll', handleScroll);
68
+ return function () {
69
+ window.removeEventListener('scroll', handleScroll);
70
+ };
71
+ }, [showTooltip]);
72
+
73
+ function handleScroll() {
74
+ if (showTooltip) setShowTooltip(false);
75
+ }
66
76
 
67
77
  function refreshTooltipPosition(newPosition) {
68
78
  if (tooltipContentRef.current) {
package/dist/index.d.ts CHANGED
@@ -44,5 +44,11 @@ export { default as Radio } from './components/RadioInput';
44
44
  export { default as Switch } from './components/Switch';
45
45
  export { default as useToast } from './components/Toast/hooks/useToast';
46
46
  export { default as ToastProvider } from './components/Toast/contexts/ToastProvider';
47
+ export { useDevices } from './shared/hooks/useDevices';
48
+ export { useBreakpoints } from './shared/hooks/useBreakpoints';
49
+ export { useDisableBodyScroll } from './shared/hooks/useDisableBodyScroll';
50
+ export { useKeyPress } from './shared/hooks/useKeyPress';
51
+ export { useOnClickOutside } from './shared/hooks/useOnClickOutside';
52
+ export { useWindowSize } from './shared/hooks/useWindowSize';
47
53
  export * from './shared/theme';
48
54
  //# sourceMappingURL=index.d.ts.map
@@ -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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"}