@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.
- package/dist/components/Badge/styles.d.ts.map +1 -1
- package/dist/components/Badge/styles.js +1 -1
- package/dist/components/Button/styles.d.ts.map +1 -1
- package/dist/components/Button/styles.js +1 -1
- package/dist/components/DateInput/index.d.ts.map +1 -1
- package/dist/components/DateInput/index.js +1 -0
- package/dist/components/Dialog/index.js +2 -2
- package/dist/components/Icon/data/dash.d.ts.map +1 -1
- package/dist/components/Icon/data/dash.js +1 -1
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/Icon/types.d.ts.map +1 -1
- package/dist/components/Modal/index.d.ts +1 -1
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/Modal/index.js +6 -3
- package/dist/components/MultipleSelect/components/OptionsArea/styles.d.ts.map +1 -1
- package/dist/components/MultipleSelect/components/OptionsArea/styles.js +1 -1
- package/dist/components/MultipleSelect/components/SelectArea/SelectAreaWrapper.d.ts.map +1 -1
- package/dist/components/MultipleSelect/components/SelectArea/SelectAreaWrapper.js +1 -1
- package/dist/components/MultipleSelect/components/SelectArea/SelectedOptionsArea.d.ts +3 -1
- package/dist/components/MultipleSelect/components/SelectArea/SelectedOptionsArea.d.ts.map +1 -1
- package/dist/components/MultipleSelect/components/SelectArea/SelectedOptionsArea.js +29 -21
- package/dist/components/MultipleSelect/components/SelectArea/index.d.ts.map +1 -1
- package/dist/components/MultipleSelect/components/SelectArea/index.js +2 -0
- package/dist/components/Pagination/styles.d.ts.map +1 -1
- package/dist/components/Pagination/styles.js +1 -1
- package/dist/components/Progress/Circle/index.d.ts +2 -2
- package/dist/components/Progress/Circle/index.d.ts.map +1 -1
- package/dist/components/Progress/Circle/index.js +53 -36
- package/dist/components/Progress/Circle/styles.d.ts +28 -0
- package/dist/components/Progress/Circle/styles.d.ts.map +1 -0
- package/dist/components/Progress/Circle/styles.js +83 -0
- package/dist/components/Progress/Circle/types.d.ts +19 -0
- package/dist/components/Progress/Circle/types.d.ts.map +1 -0
- package/dist/components/Progress/Circle/types.js +1 -0
- package/dist/components/Progress/Linear/index.d.ts +2 -2
- package/dist/components/Progress/Linear/index.d.ts.map +1 -1
- package/dist/components/Progress/Linear/index.js +28 -25
- package/dist/components/Progress/Linear/styles.d.ts +16 -0
- package/dist/components/Progress/Linear/styles.d.ts.map +1 -0
- package/dist/components/Progress/Linear/styles.js +79 -0
- package/dist/components/Progress/Linear/types.d.ts +14 -0
- package/dist/components/Progress/Linear/types.d.ts.map +1 -0
- package/dist/components/Progress/Linear/types.js +1 -0
- package/dist/components/Progress/index.d.ts +2 -2
- package/dist/components/Progress/index.d.ts.map +1 -1
- package/dist/components/Progress/index.js +18 -45
- package/dist/components/Progress/types.d.ts +28 -0
- package/dist/components/Progress/types.d.ts.map +1 -0
- package/dist/components/Progress/types.js +1 -0
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/index.js +18 -0
- package/dist/components/Tabs/TabsExample.js +1 -0
- package/dist/components/Tabs/components/TabPanel.d.ts.map +1 -1
- package/dist/components/Tabs/components/TabPanel.js +3 -1
- package/dist/components/Tabs/styles.d.ts +2 -0
- package/dist/components/Tabs/styles.d.ts.map +1 -1
- package/dist/components/Tabs/styles.js +3 -1
- package/dist/components/Tabs/types.d.ts +1 -0
- package/dist/components/Tabs/types.d.ts.map +1 -1
- package/dist/components/Tooltip/index.d.ts.map +1 -1
- package/dist/components/Tooltip/index.js +10 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +55 -1
- package/dist/shared/hooks/devices.d.ts +9 -0
- package/dist/shared/hooks/devices.d.ts.map +1 -0
- package/dist/shared/hooks/devices.js +14 -0
- package/dist/shared/hooks/useBreakpoints.d.ts +26 -0
- package/dist/shared/hooks/useBreakpoints.d.ts.map +1 -0
- package/dist/shared/hooks/useBreakpoints.js +129 -0
- package/dist/shared/hooks/useDevices.d.ts +9 -0
- package/dist/shared/hooks/useDevices.d.ts.map +1 -0
- package/dist/shared/hooks/useDevices.js +61 -0
- package/dist/shared/hooks/useWindowSize.d.ts +4 -0
- package/dist/shared/hooks/useWindowSize.d.ts.map +1 -1
- package/dist/shared/theme/theme.types.d.ts +1 -1
- package/dist/shared/theme/theme.types.d.ts.map +1 -1
- package/dist/utils/colorToGray.d.ts +1 -1
- package/dist/utils/colorToGray.d.ts.map +1 -1
- package/dist/utils/getSvg.js +1 -1
- package/dist/utils/getValuesBySize.d.ts +7 -0
- package/dist/utils/getValuesBySize.d.ts.map +1 -0
- package/dist/utils/getValuesBySize.js +10 -0
- 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 {
|
|
3
|
-
export declare function LinearProgress({
|
|
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":";
|
|
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
|
|
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
|
|
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)(
|
|
47
|
-
|
|
48
|
-
|
|
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
|
-
|
|
55
|
-
|
|
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 './
|
|
3
|
-
export declare function Progress({
|
|
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":";
|
|
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
|
-
|
|
15
|
+
var _excluded = ["height", "size", "stroke", "circleBody", "type", "color"];
|
|
20
16
|
|
|
21
|
-
function
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
-
|
|
41
|
-
|
|
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,
|
|
49
|
-
|
|
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
|
-
|
|
62
|
-
|
|
63
|
-
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Linear.LinearProgress, {
|
|
64
|
-
|
|
65
|
-
height: height
|
|
66
|
-
|
|
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,
|
|
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,
|
|
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
|
|
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:
|
|
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;
|
|
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,
|
|
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
|
package/dist/index.d.ts.map
CHANGED
|
@@ -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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"}
|