@peculiar/react-components 0.1.8 → 0.1.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/CircularProgress/circular_progress.js +17 -16
- package/dist/cjs/CircularProgress/circular_progress.js.map +1 -1
- package/dist/cjs/FocusTrap/focus_trap.js +1 -1
- package/dist/cjs/FocusTrap/focus_trap.js.map +1 -1
- package/dist/cjs/Portal/portal.js +2 -2
- package/dist/cjs/hooks/index.js +3 -1
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/use_enhanced_effect.js +9 -0
- package/dist/cjs/hooks/use_enhanced_effect.js.map +1 -0
- package/dist/cjs/hooks/use_event_callback.js +7 -26
- package/dist/cjs/hooks/use_event_callback.js.map +1 -1
- package/dist/cjs/hooks/use_image.js +2 -2
- package/dist/cjs/hooks/use_image.js.map +1 -1
- package/dist/cjs/hooks/use_media_query.js +2 -2
- package/dist/cjs/hooks/use_media_query.js.map +1 -1
- package/dist/cjs/utils/index.js +0 -5
- package/dist/cjs/utils/index.js.map +1 -1
- package/dist/esm/CircularProgress/circular_progress.js +17 -16
- package/dist/esm/CircularProgress/circular_progress.js.map +1 -1
- package/dist/esm/FocusTrap/focus_trap.js +1 -1
- package/dist/esm/FocusTrap/focus_trap.js.map +1 -1
- package/dist/esm/Portal/portal.js +1 -1
- package/dist/esm/hooks/index.js +1 -0
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/use_enhanced_effect.js +3 -0
- package/dist/esm/hooks/use_enhanced_effect.js.map +1 -0
- package/dist/esm/hooks/use_event_callback.js +3 -2
- package/dist/esm/hooks/use_event_callback.js.map +1 -1
- package/dist/esm/hooks/use_image.js +1 -1
- package/dist/esm/hooks/use_image.js.map +1 -1
- package/dist/esm/hooks/use_media_query.js +1 -1
- package/dist/esm/hooks/use_media_query.js.map +1 -1
- package/dist/esm/utils/index.js +0 -1
- package/dist/esm/utils/index.js.map +1 -1
- package/dist/esnext/CircularProgress/circular_progress.js +21 -7
- package/dist/esnext/CircularProgress/circular_progress.js.map +1 -1
- package/dist/esnext/FocusTrap/focus_trap.js +1 -1
- package/dist/esnext/FocusTrap/focus_trap.js.map +1 -1
- package/dist/esnext/Portal/portal.js +1 -1
- package/dist/esnext/hooks/index.js +1 -0
- package/dist/esnext/hooks/index.js.map +1 -1
- package/dist/esnext/hooks/use_enhanced_effect.js +3 -0
- package/dist/esnext/hooks/use_enhanced_effect.js.map +1 -0
- package/dist/esnext/hooks/use_event_callback.js +3 -2
- package/dist/esnext/hooks/use_event_callback.js.map +1 -1
- package/dist/esnext/hooks/use_image.js +1 -1
- package/dist/esnext/hooks/use_image.js.map +1 -1
- package/dist/esnext/hooks/use_media_query.js +1 -1
- package/dist/esnext/hooks/use_media_query.js.map +1 -1
- package/dist/esnext/utils/index.js +0 -1
- package/dist/esnext/utils/index.js.map +1 -1
- package/dist/types/CircularProgress/circular_progress.d.ts +10 -0
- package/dist/types/hooks/index.d.ts +1 -0
- package/dist/types/hooks/use_enhanced_effect.d.ts +2 -0
- package/dist/types/utils/index.d.ts +0 -1
- package/package.json +2 -2
- package/dist/cjs/utils/use_enhanced_effect.js +0 -6
- package/dist/cjs/utils/use_enhanced_effect.js.map +0 -1
- package/dist/esm/utils/use_enhanced_effect.js +0 -3
- package/dist/esm/utils/use_enhanced_effect.js.map +0 -1
- package/dist/esnext/utils/use_enhanced_effect.js +0 -3
- package/dist/esnext/utils/use_enhanced_effect.js.map +0 -1
- package/dist/types/utils/use_enhanced_effect.d.ts +0 -2
|
@@ -39,14 +39,11 @@ var SIZE = 44;
|
|
|
39
39
|
var THICKNESS = 4;
|
|
40
40
|
var circularRotateKeyframe = (0, styles_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"], ["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"])));
|
|
41
41
|
var circularDashKeyframe = (0, styles_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n 0% {\n stroke-dasharray: 1px, 200px;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -15px;\n }\n 100% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -125px;\n }\n"], ["\n 0% {\n stroke-dasharray: 1px, 200px;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -15px;\n }\n 100% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -125px;\n }\n"])));
|
|
42
|
-
var stylesBase = function (color) { return (0, styles_1.css)({
|
|
43
|
-
label: 'CircularProgress',
|
|
44
|
-
overflow: 'hidden',
|
|
45
|
-
position: 'relative',
|
|
46
|
-
display: 'inline-block',
|
|
47
|
-
color: "var(--pv-color-".concat(color, ")"),
|
|
42
|
+
var stylesBase = function (color, variant) { return (0, styles_1.css)(__assign({ label: 'CircularProgress', overflow: 'hidden', position: 'relative', display: 'inline-block', color: "var(--pv-color-".concat(color, ")") }, (variant === 'indeterminate' ? {
|
|
48
43
|
animation: "".concat(circularRotateKeyframe, " 1.4s linear infinite"),
|
|
49
|
-
}
|
|
44
|
+
} : {
|
|
45
|
+
transform: 'rotate(-90deg)',
|
|
46
|
+
}))); };
|
|
50
47
|
var stylesBaseSmall = function () { return (0, styles_1.css)({
|
|
51
48
|
label: 'small',
|
|
52
49
|
height: 'var(--pv-size-base-3)',
|
|
@@ -61,32 +58,36 @@ var stylesProgressSvg = function () { return (0, styles_1.css)({
|
|
|
61
58
|
label: 'CircularProgress-svg',
|
|
62
59
|
display: 'block',
|
|
63
60
|
}); };
|
|
64
|
-
var stylesProgressCircle = function () { return (0, styles_1.css)({
|
|
65
|
-
label: 'CircularProgress-circle',
|
|
66
|
-
stroke: 'currentcolor',
|
|
67
|
-
strokeDasharray: '80px, 200px',
|
|
68
|
-
strokeDashoffset: 0,
|
|
61
|
+
var stylesProgressCircle = function (variant) { return (0, styles_1.css)(__assign({ label: 'CircularProgress-circle', stroke: 'currentcolor', strokeDasharray: '80px, 200px', strokeDashoffset: 0 }, (variant === 'indeterminate' && {
|
|
69
62
|
animation: "".concat(circularDashKeyframe, " 1.4s ease-in-out infinite"),
|
|
70
|
-
}); };
|
|
63
|
+
}))); };
|
|
71
64
|
/**
|
|
72
65
|
*
|
|
73
66
|
*/
|
|
74
67
|
exports.CircularProgress = react_1.default.forwardRef(function (props, ref) {
|
|
75
68
|
var _a;
|
|
76
|
-
var color = props.color, className = props.className, size = props.size, other = __rest(props, ["color", "className", "size"]);
|
|
69
|
+
var color = props.color, className = props.className, size = props.size, _b = props.variant, variant = _b === void 0 ? 'indeterminate' : _b, _c = props.value, value = _c === void 0 ? 0 : _c, other = __rest(props, ["color", "className", "size", "variant", "value"]);
|
|
70
|
+
var circleStyle = {};
|
|
71
|
+
if (variant === 'determinate') {
|
|
72
|
+
var circumference = 2 * Math.PI * ((SIZE - THICKNESS) / 2);
|
|
73
|
+
circleStyle.strokeDasharray = circumference.toFixed(3);
|
|
74
|
+
circleStyle.strokeDashoffset = "".concat((((100 - value) / 100) * circumference).toFixed(3), "px");
|
|
75
|
+
}
|
|
77
76
|
return (react_1.default.createElement("div", __assign({}, other, { ref: ref, className: (0, styles_1.cx)((_a = {},
|
|
78
|
-
_a[stylesBase(color)] = true,
|
|
77
|
+
_a[stylesBase(color, variant)] = true,
|
|
79
78
|
_a[stylesBaseSmall()] = size === 'small',
|
|
80
79
|
_a[stylesBaseLarge()] = size === 'large',
|
|
81
80
|
_a[className] = !!className,
|
|
82
81
|
_a)), role: "progressbar" }),
|
|
83
82
|
react_1.default.createElement("svg", { viewBox: "".concat(SIZE / 2, " ").concat(SIZE / 2, " ").concat(SIZE, " ").concat(SIZE), className: stylesProgressSvg() },
|
|
84
|
-
react_1.default.createElement("circle", { cx: SIZE, cy: SIZE, r: (SIZE - THICKNESS) / 2, fill: "none", strokeWidth: THICKNESS, className: stylesProgressCircle() }))));
|
|
83
|
+
react_1.default.createElement("circle", { cx: SIZE, cy: SIZE, r: (SIZE - THICKNESS) / 2, fill: "none", strokeWidth: THICKNESS, className: stylesProgressCircle(variant), style: circleStyle }))));
|
|
85
84
|
});
|
|
86
85
|
exports.CircularProgress.displayName = 'CircularProgress';
|
|
87
86
|
exports.CircularProgress.defaultProps = {
|
|
88
87
|
color: 'primary',
|
|
89
88
|
size: 'large',
|
|
89
|
+
variant: 'indeterminate',
|
|
90
|
+
value: 0,
|
|
90
91
|
};
|
|
91
92
|
var templateObject_1, templateObject_2;
|
|
92
93
|
//# sourceMappingURL=circular_progress.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circular_progress.js","sourceRoot":"","sources":["../../../src/CircularProgress/circular_progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oCAA+C;
|
|
1
|
+
{"version":3,"file":"circular_progress.js","sourceRoot":"","sources":["../../../src/CircularProgress/circular_progress.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,7 +25,7 @@ var FocusTrap = function (props) {
|
|
|
25
25
|
react_1.default.useEffect(function () {
|
|
26
26
|
// We might render an empty child.
|
|
27
27
|
if (!open || !rootRef.current) {
|
|
28
|
-
return
|
|
28
|
+
return undefined;
|
|
29
29
|
}
|
|
30
30
|
var focusTrap = (0, focus_trap_1.createFocusTrap)(rootRef.current, __assign({ clickOutsideDeactivates: false, allowOutsideClick: true, escapeDeactivates: false, fallbackFocus: function () { return rootRef.current || 'body'; } }, (disableAutoFocus && {
|
|
31
31
|
initialFocus: function () { return rootRef.current; },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"focus_trap.js","sourceRoot":"","sources":["../../../src/FocusTrap/focus_trap.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,yCAA6C;AAC7C,kCAAwC;AAmBjC,IAAM,SAAS,GAAwB,UAAC,KAAK;IAEhD,IAAA,QAAQ,GAGN,KAAK,SAHC,EACR,IAAI,GAEF,KAAK,KAFH,EACJ,gBAAgB,GACd,KAAK,iBADS,CACR;IAEV,IAAM,OAAO,GAAG,eAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,IAAM,QAAQ,GAAG,IAAA,oBAAY,EAAE,QAAgB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAE9D,eAAK,CAAC,SAAS,CAAC;QACd,kCAAkC;QAClC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YAC7B,OAAO,
|
|
1
|
+
{"version":3,"file":"focus_trap.js","sourceRoot":"","sources":["../../../src/FocusTrap/focus_trap.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,yCAA6C;AAC7C,kCAAwC;AAmBjC,IAAM,SAAS,GAAwB,UAAC,KAAK;IAEhD,IAAA,QAAQ,GAGN,KAAK,SAHC,EACR,IAAI,GAEF,KAAK,KAFH,EACJ,gBAAgB,GACd,KAAK,iBADS,CACR;IAEV,IAAM,OAAO,GAAG,eAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,IAAM,QAAQ,GAAG,IAAA,oBAAY,EAAE,QAAgB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAE9D,eAAK,CAAC,SAAS,CAAC;QACd,kCAAkC;QAClC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YAC7B,OAAO,SAAS,CAAC;SAClB;QAED,IAAM,SAAS,GAAG,IAAA,4BAAe,EAAC,OAAO,CAAC,OAAO,aAC/C,uBAAuB,EAAE,KAAK,EAC9B,iBAAiB,EAAE,IAAI,EACvB,iBAAiB,EAAE,KAAK,EACxB,aAAa,EAAE,cAAM,OAAA,OAAO,CAAC,OAAO,IAAI,MAAM,EAAzB,CAAyB,IAC3C,CAAC,gBAAgB,IAAI;YACtB,YAAY,EAAE,cAAM,OAAA,OAAO,CAAC,OAAO,EAAf,CAAe;SACpC,CAAC,EACF,CAAC;QAEH,SAAS,CAAC,QAAQ,EAAE,CAAC;QAErB,OAAO;YACL,SAAS,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,eAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;AACzD,CAAC,CAAC;AAlCW,QAAA,SAAS,aAkCpB;AAEF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,iBAAS,CAAC,YAAY,GAAG,EAAE,CAAC"}
|
|
@@ -29,14 +29,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
29
29
|
exports.Portal = void 0;
|
|
30
30
|
var React = __importStar(require("react"));
|
|
31
31
|
var react_dom_1 = __importDefault(require("react-dom"));
|
|
32
|
-
var
|
|
32
|
+
var hooks_1 = require("../hooks");
|
|
33
33
|
function getContainer(container) {
|
|
34
34
|
return typeof container === 'function' ? container() : container;
|
|
35
35
|
}
|
|
36
36
|
var Portal = function (props) {
|
|
37
37
|
var children = props.children, container = props.container;
|
|
38
38
|
var _a = React.useState(null), mountNode = _a[0], setMountNode = _a[1];
|
|
39
|
-
(0,
|
|
39
|
+
(0, hooks_1.useEnhancedEffect)(function () {
|
|
40
40
|
setMountNode(getContainer(container) || document.body);
|
|
41
41
|
}, [container]);
|
|
42
42
|
return mountNode ? react_dom_1.default.createPortal(children, mountNode) : mountNode;
|
package/dist/cjs/hooks/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useEventCallback = exports.useAutocomplete = exports.useIntersectionObserver = exports.useWindowEventListener = exports.useImage = exports.useId = exports.useControllableState = exports.useClipboard = exports.useMergedRef = exports.useMediaQuery = void 0;
|
|
3
|
+
exports.useEnhancedEffect = exports.useEventCallback = exports.useAutocomplete = exports.useIntersectionObserver = exports.useWindowEventListener = exports.useImage = exports.useId = exports.useControllableState = exports.useClipboard = exports.useMergedRef = exports.useMediaQuery = void 0;
|
|
4
4
|
var use_media_query_1 = require("./use_media_query");
|
|
5
5
|
Object.defineProperty(exports, "useMediaQuery", { enumerable: true, get: function () { return use_media_query_1.useMediaQuery; } });
|
|
6
6
|
var use_merged_ref_1 = require("./use_merged_ref");
|
|
@@ -21,4 +21,6 @@ var use_autocomplete_1 = require("./use_autocomplete");
|
|
|
21
21
|
Object.defineProperty(exports, "useAutocomplete", { enumerable: true, get: function () { return use_autocomplete_1.useAutocomplete; } });
|
|
22
22
|
var use_event_callback_1 = require("./use_event_callback");
|
|
23
23
|
Object.defineProperty(exports, "useEventCallback", { enumerable: true, get: function () { return use_event_callback_1.useEventCallback; } });
|
|
24
|
+
var use_enhanced_effect_1 = require("./use_enhanced_effect");
|
|
25
|
+
Object.defineProperty(exports, "useEnhancedEffect", { enumerable: true, get: function () { return use_enhanced_effect_1.useEnhancedEffect; } });
|
|
24
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,qDAAkD;AAAzC,gHAAA,aAAa,OAAA;AACtB,mDAAgD;AAAvC,8GAAA,YAAY,OAAA;AACrB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AAErB,uDAA0D;AAAjD,wHAAA,oBAAoB,OAAA;AAE7B,mCAAiC;AAAxB,+FAAA,KAAK,OAAA;AACd,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,yEAAqE;AAA5D,mIAAA,sBAAsB,OAAA;AAC/B,yEAAsE;AAA7D,oIAAA,uBAAuB,OAAA;AAChC,uDAE4B;AAD1B,mHAAA,eAAe,OAAA;AAUjB,2DAAwD;AAA/C,sHAAA,gBAAgB,OAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,qDAAkD;AAAzC,gHAAA,aAAa,OAAA;AACtB,mDAAgD;AAAvC,8GAAA,YAAY,OAAA;AACrB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AAErB,uDAA0D;AAAjD,wHAAA,oBAAoB,OAAA;AAE7B,mCAAiC;AAAxB,+FAAA,KAAK,OAAA;AACd,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,yEAAqE;AAA5D,mIAAA,sBAAsB,OAAA;AAC/B,yEAAsE;AAA7D,oIAAA,uBAAuB,OAAA;AAChC,uDAE4B;AAD1B,mHAAA,eAAe,OAAA;AAUjB,2DAAwD;AAA/C,sHAAA,gBAAgB,OAAA;AACzB,6DAA0D;AAAjD,wHAAA,iBAAiB,OAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useEnhancedEffect = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
exports.useEnhancedEffect = typeof window !== 'undefined' ? react_1.default.useLayoutEffect : react_1.default.useEffect;
|
|
9
|
+
//# sourceMappingURL=use_enhanced_effect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use_enhanced_effect.js","sourceRoot":"","sources":["../../../src/hooks/use_enhanced_effect.ts"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAEb,QAAA,iBAAiB,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,eAAK,CAAC,eAAe,CAAC,CAAC,CAAC,eAAK,CAAC,SAAS,CAAC"}
|
|
@@ -1,39 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
24
4
|
};
|
|
25
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
6
|
exports.useEventCallback = void 0;
|
|
27
|
-
var
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var use_enhanced_effect_1 = require("./use_enhanced_effect");
|
|
28
9
|
/**
|
|
29
10
|
* https://github.com/facebook/react/issues/14099#issuecomment-440013892
|
|
30
11
|
*/
|
|
31
12
|
function useEventCallback(fn) {
|
|
32
|
-
var ref =
|
|
33
|
-
|
|
13
|
+
var ref = react_1.default.useRef(fn);
|
|
14
|
+
(0, use_enhanced_effect_1.useEnhancedEffect)(function () {
|
|
34
15
|
ref.current = fn;
|
|
35
16
|
});
|
|
36
|
-
return
|
|
17
|
+
return react_1.default.useCallback(function () {
|
|
37
18
|
var args = [];
|
|
38
19
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
39
20
|
args[_i] = arguments[_i];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use_event_callback.js","sourceRoot":"","sources":["../../../src/hooks/use_event_callback.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use_event_callback.js","sourceRoot":"","sources":["../../../src/hooks/use_event_callback.ts"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,6DAA0D;AAE1D;;GAEG;AACH,SAAgB,gBAAgB,CAC9B,EAA6B;IAE7B,IAAM,GAAG,GAAG,eAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAE7B,IAAA,uCAAiB,EAAC;QAChB,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,OAAO,eAAK,CAAC,WAAW,CACtB;QAAC,cAAa;aAAb,UAAa,EAAb,qBAAa,EAAb,IAAa;YAAb,yBAAa;;QACZ,+BAA+B;QAC/B,8CAA8C;QAC9C,oDAAoD;QACpD,OAAA,CAAC,CAAC,EAAE,GAAG,CAAC,OAAQ,CAAC,eAAI,IAAI;IAAzB,CAA0B,EAC5B,EAAE,CACH,CAAC;AACJ,CAAC;AAjBD,4CAiBC"}
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useImage = void 0;
|
|
4
4
|
var react_1 = require("react");
|
|
5
|
-
var
|
|
5
|
+
var use_enhanced_effect_1 = require("./use_enhanced_effect");
|
|
6
6
|
function useImage(src, options) {
|
|
7
7
|
if (options === void 0) { options = {}; }
|
|
8
8
|
var onLoad = options.onLoad, onError = options.onError;
|
|
9
9
|
var _a = (0, react_1.useState)('pending'), status = _a[0], setStatus = _a[1];
|
|
10
10
|
var imageRef = (0, react_1.useRef)();
|
|
11
|
-
(0,
|
|
11
|
+
(0, use_enhanced_effect_1.useEnhancedEffect)(function () {
|
|
12
12
|
if (!src) {
|
|
13
13
|
return undefined;
|
|
14
14
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use_image.js","sourceRoot":"","sources":["../../../src/hooks/use_image.ts"],"names":[],"mappings":";;;AAAA,+BAGe;AACf,
|
|
1
|
+
{"version":3,"file":"use_image.js","sourceRoot":"","sources":["../../../src/hooks/use_image.ts"],"names":[],"mappings":";;;AAAA,+BAGe;AACf,6DAA0D;AAqC1D,SAAgB,QAAQ,CAAC,GAAW,EAAE,OAAiC;IAAjC,wBAAA,EAAA,YAAiC;IAEnE,IAAA,MAAM,GAEJ,OAAO,OAFH,EACN,OAAO,GACL,OAAO,QADF,CACG;IAEN,IAAA,KAAsB,IAAA,gBAAQ,EAAS,SAAS,CAAC,EAAhD,MAAM,QAAA,EAAE,SAAS,QAA+B,CAAC;IACxD,IAAM,QAAQ,GAAG,IAAA,cAAM,GAA+B,CAAC;IAEvD,IAAA,uCAAiB,EAAC;QAChB,IAAI,CAAC,GAAG,EAAE;YACR,OAAO,SAAS,CAAC;SAClB;QAED,SAAS,CAAC,SAAS,CAAC,CAAC;QAErB,QAAQ,CAAC,OAAO,GAAG,IAAI,KAAK,EAAE,CAAC;QAC/B,QAAQ,CAAC,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC;QAE3B,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,UAAC,KAAK;YAC9B,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,MAAM,EAAE;gBACV,MAAM,CAAC,KAAY,CAAC,CAAC;aACtB;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,OAAO,CAAC,OAAO,GAAG,UAAC,KAAK;YAC/B,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;YAE7B,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,KAAY,CAAC,CAAC;aACvB;QACH,CAAC,CAAC;QAEF,OAAO;YACL,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,EAAE,MAAM,QAAA,EAAE,KAAK,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC;AAC7C,CAAC;AA3CD,4BA2CC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useMediaQuery = void 0;
|
|
4
4
|
var react_1 = require("react");
|
|
5
|
-
var
|
|
5
|
+
var use_enhanced_effect_1 = require("./use_enhanced_effect");
|
|
6
6
|
/**
|
|
7
7
|
* A hook that returns `true` if the media query matched and `false` if not. This
|
|
8
8
|
* hook will always return `false` when rendering on the server.
|
|
@@ -11,7 +11,7 @@ var utils_1 = require("../utils");
|
|
|
11
11
|
*/
|
|
12
12
|
function useMediaQuery(query) {
|
|
13
13
|
var _a = (0, react_1.useState)(false), matches = _a[0], setMatches = _a[1];
|
|
14
|
-
(0,
|
|
14
|
+
(0, use_enhanced_effect_1.useEnhancedEffect)(function () {
|
|
15
15
|
var media = window.matchMedia(query);
|
|
16
16
|
if (media.matches !== matches) {
|
|
17
17
|
setMatches(media.matches);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use_media_query.js","sourceRoot":"","sources":["../../../src/hooks/use_media_query.ts"],"names":[],"mappings":";;;AAAA,+BAAiC;AACjC,
|
|
1
|
+
{"version":3,"file":"use_media_query.js","sourceRoot":"","sources":["../../../src/hooks/use_media_query.ts"],"names":[],"mappings":";;;AAAA,+BAAiC;AACjC,6DAA0D;AAE1D;;;;;GAKG;AACH,SAAgB,aAAa,CAAC,KAAa;IACnC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAE9C,IAAA,uCAAiB,EAAC;QAChB,IAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAEvC,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,EAAE;YAC7B,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;SAC3B;QAED,IAAM,QAAQ,GAAG;YACf,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC5B,CAAC,CAAC;QAEF,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAE5B,OAAO;YACL,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,OAAO,OAAO,CAAC;AACjB,CAAC;AAtBD,sCAsBC"}
|
package/dist/cjs/utils/index.js
CHANGED
|
@@ -1,6 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useEnhancedEffect = void 0;
|
|
4
|
-
var use_enhanced_effect_1 = require("./use_enhanced_effect");
|
|
5
|
-
Object.defineProperty(exports, "useEnhancedEffect", { enumerable: true, get: function () { return use_enhanced_effect_1.useEnhancedEffect; } });
|
|
6
1
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":""}
|
|
@@ -33,14 +33,11 @@ var SIZE = 44;
|
|
|
33
33
|
var THICKNESS = 4;
|
|
34
34
|
var circularRotateKeyframe = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"], ["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"])));
|
|
35
35
|
var circularDashKeyframe = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n 0% {\n stroke-dasharray: 1px, 200px;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -15px;\n }\n 100% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -125px;\n }\n"], ["\n 0% {\n stroke-dasharray: 1px, 200px;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -15px;\n }\n 100% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -125px;\n }\n"])));
|
|
36
|
-
var stylesBase = function (color) { return css({
|
|
37
|
-
label: 'CircularProgress',
|
|
38
|
-
overflow: 'hidden',
|
|
39
|
-
position: 'relative',
|
|
40
|
-
display: 'inline-block',
|
|
41
|
-
color: "var(--pv-color-".concat(color, ")"),
|
|
36
|
+
var stylesBase = function (color, variant) { return css(__assign({ label: 'CircularProgress', overflow: 'hidden', position: 'relative', display: 'inline-block', color: "var(--pv-color-".concat(color, ")") }, (variant === 'indeterminate' ? {
|
|
42
37
|
animation: "".concat(circularRotateKeyframe, " 1.4s linear infinite"),
|
|
43
|
-
}
|
|
38
|
+
} : {
|
|
39
|
+
transform: 'rotate(-90deg)',
|
|
40
|
+
}))); };
|
|
44
41
|
var stylesBaseSmall = function () { return css({
|
|
45
42
|
label: 'small',
|
|
46
43
|
height: 'var(--pv-size-base-3)',
|
|
@@ -55,32 +52,36 @@ var stylesProgressSvg = function () { return css({
|
|
|
55
52
|
label: 'CircularProgress-svg',
|
|
56
53
|
display: 'block',
|
|
57
54
|
}); };
|
|
58
|
-
var stylesProgressCircle = function () { return css({
|
|
59
|
-
label: 'CircularProgress-circle',
|
|
60
|
-
stroke: 'currentcolor',
|
|
61
|
-
strokeDasharray: '80px, 200px',
|
|
62
|
-
strokeDashoffset: 0,
|
|
55
|
+
var stylesProgressCircle = function (variant) { return css(__assign({ label: 'CircularProgress-circle', stroke: 'currentcolor', strokeDasharray: '80px, 200px', strokeDashoffset: 0 }, (variant === 'indeterminate' && {
|
|
63
56
|
animation: "".concat(circularDashKeyframe, " 1.4s ease-in-out infinite"),
|
|
64
|
-
}); };
|
|
57
|
+
}))); };
|
|
65
58
|
/**
|
|
66
59
|
*
|
|
67
60
|
*/
|
|
68
61
|
export var CircularProgress = React.forwardRef(function (props, ref) {
|
|
69
62
|
var _a;
|
|
70
|
-
var color = props.color, className = props.className, size = props.size, other = __rest(props, ["color", "className", "size"]);
|
|
63
|
+
var color = props.color, className = props.className, size = props.size, _b = props.variant, variant = _b === void 0 ? 'indeterminate' : _b, _c = props.value, value = _c === void 0 ? 0 : _c, other = __rest(props, ["color", "className", "size", "variant", "value"]);
|
|
64
|
+
var circleStyle = {};
|
|
65
|
+
if (variant === 'determinate') {
|
|
66
|
+
var circumference = 2 * Math.PI * ((SIZE - THICKNESS) / 2);
|
|
67
|
+
circleStyle.strokeDasharray = circumference.toFixed(3);
|
|
68
|
+
circleStyle.strokeDashoffset = "".concat((((100 - value) / 100) * circumference).toFixed(3), "px");
|
|
69
|
+
}
|
|
71
70
|
return (React.createElement("div", __assign({}, other, { ref: ref, className: cx((_a = {},
|
|
72
|
-
_a[stylesBase(color)] = true,
|
|
71
|
+
_a[stylesBase(color, variant)] = true,
|
|
73
72
|
_a[stylesBaseSmall()] = size === 'small',
|
|
74
73
|
_a[stylesBaseLarge()] = size === 'large',
|
|
75
74
|
_a[className] = !!className,
|
|
76
75
|
_a)), role: "progressbar" }),
|
|
77
76
|
React.createElement("svg", { viewBox: "".concat(SIZE / 2, " ").concat(SIZE / 2, " ").concat(SIZE, " ").concat(SIZE), className: stylesProgressSvg() },
|
|
78
|
-
React.createElement("circle", { cx: SIZE, cy: SIZE, r: (SIZE - THICKNESS) / 2, fill: "none", strokeWidth: THICKNESS, className: stylesProgressCircle() }))));
|
|
77
|
+
React.createElement("circle", { cx: SIZE, cy: SIZE, r: (SIZE - THICKNESS) / 2, fill: "none", strokeWidth: THICKNESS, className: stylesProgressCircle(variant), style: circleStyle }))));
|
|
79
78
|
});
|
|
80
79
|
CircularProgress.displayName = 'CircularProgress';
|
|
81
80
|
CircularProgress.defaultProps = {
|
|
82
81
|
color: 'primary',
|
|
83
82
|
size: 'large',
|
|
83
|
+
variant: 'indeterminate',
|
|
84
|
+
value: 0,
|
|
84
85
|
};
|
|
85
86
|
var templateObject_1, templateObject_2;
|
|
86
87
|
//# sourceMappingURL=circular_progress.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circular_progress.js","sourceRoot":"","sources":["../../../src/CircularProgress/circular_progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"circular_progress.js","sourceRoot":"","sources":["../../../src/CircularProgress/circular_progress.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,7 +19,7 @@ export var FocusTrap = function (props) {
|
|
|
19
19
|
React.useEffect(function () {
|
|
20
20
|
// We might render an empty child.
|
|
21
21
|
if (!open || !rootRef.current) {
|
|
22
|
-
return
|
|
22
|
+
return undefined;
|
|
23
23
|
}
|
|
24
24
|
var focusTrap = createFocusTrap(rootRef.current, __assign({ clickOutsideDeactivates: false, allowOutsideClick: true, escapeDeactivates: false, fallbackFocus: function () { return rootRef.current || 'body'; } }, (disableAutoFocus && {
|
|
25
25
|
initialFocus: function () { return rootRef.current; },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"focus_trap.js","sourceRoot":"","sources":["../../../src/FocusTrap/focus_trap.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAmBxC,MAAM,CAAC,IAAM,SAAS,GAAwB,UAAC,KAAK;IAEhD,IAAA,QAAQ,GAGN,KAAK,SAHC,EACR,IAAI,GAEF,KAAK,KAFH,EACJ,gBAAgB,GACd,KAAK,iBADS,CACR;IAEV,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,IAAM,QAAQ,GAAG,YAAY,CAAE,QAAgB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAE9D,KAAK,CAAC,SAAS,CAAC;QACd,kCAAkC;QAClC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YAC7B,OAAO,
|
|
1
|
+
{"version":3,"file":"focus_trap.js","sourceRoot":"","sources":["../../../src/FocusTrap/focus_trap.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAmBxC,MAAM,CAAC,IAAM,SAAS,GAAwB,UAAC,KAAK;IAEhD,IAAA,QAAQ,GAGN,KAAK,SAHC,EACR,IAAI,GAEF,KAAK,KAFH,EACJ,gBAAgB,GACd,KAAK,iBADS,CACR;IAEV,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,IAAM,QAAQ,GAAG,YAAY,CAAE,QAAgB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAE9D,KAAK,CAAC,SAAS,CAAC;QACd,kCAAkC;QAClC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YAC7B,OAAO,SAAS,CAAC;SAClB;QAED,IAAM,SAAS,GAAG,eAAe,CAAC,OAAO,CAAC,OAAO,aAC/C,uBAAuB,EAAE,KAAK,EAC9B,iBAAiB,EAAE,IAAI,EACvB,iBAAiB,EAAE,KAAK,EACxB,aAAa,EAAE,cAAM,OAAA,OAAO,CAAC,OAAO,IAAI,MAAM,EAAzB,CAAyB,IAC3C,CAAC,gBAAgB,IAAI;YACtB,YAAY,EAAE,cAAM,OAAA,OAAO,CAAC,OAAO,EAAf,CAAe;SACpC,CAAC,EACF,CAAC;QAEH,SAAS,CAAC,QAAQ,EAAE,CAAC;QAErB,OAAO;YACL,SAAS,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;AACzD,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,SAAS,CAAC,YAAY,GAAG,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import ReactDOM from 'react-dom';
|
|
3
|
-
import { useEnhancedEffect } from '../
|
|
3
|
+
import { useEnhancedEffect } from '../hooks';
|
|
4
4
|
function getContainer(container) {
|
|
5
5
|
return typeof container === 'function' ? container() : container;
|
|
6
6
|
}
|
package/dist/esm/hooks/index.js
CHANGED
|
@@ -8,4 +8,5 @@ export { useWindowEventListener } from './use_window_event_listener';
|
|
|
8
8
|
export { useIntersectionObserver } from './use_intersection_observer';
|
|
9
9
|
export { useAutocomplete, } from './use_autocomplete';
|
|
10
10
|
export { useEventCallback } from './use_event_callback';
|
|
11
|
+
export { useEnhancedEffect } from './use_enhanced_effect';
|
|
11
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EACL,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAS5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EACL,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAS5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use_enhanced_effect.js","sourceRoot":"","sources":["../../../src/hooks/use_enhanced_effect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,IAAM,iBAAiB,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useEnhancedEffect } from './use_enhanced_effect';
|
|
2
3
|
/**
|
|
3
4
|
* https://github.com/facebook/react/issues/14099#issuecomment-440013892
|
|
4
5
|
*/
|
|
5
6
|
export function useEventCallback(fn) {
|
|
6
7
|
var ref = React.useRef(fn);
|
|
7
|
-
|
|
8
|
+
useEnhancedEffect(function () {
|
|
8
9
|
ref.current = fn;
|
|
9
10
|
});
|
|
10
11
|
return React.useCallback(function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use_event_callback.js","sourceRoot":"","sources":["../../../src/hooks/use_event_callback.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"use_event_callback.js","sourceRoot":"","sources":["../../../src/hooks/use_event_callback.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAC9B,EAA6B;IAE7B,IAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAE7B,iBAAiB,CAAC;QAChB,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC,WAAW,CACtB;QAAC,cAAa;aAAb,UAAa,EAAb,qBAAa,EAAb,IAAa;YAAb,yBAAa;;QACZ,+BAA+B;QAC/B,8CAA8C;QAC9C,oDAAoD;QACpD,OAAA,CAAC,CAAC,EAAE,GAAG,CAAC,OAAQ,CAAC,eAAI,IAAI;IAAzB,CAA0B,EAC5B,EAAE,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useState, useRef, } from 'react';
|
|
2
|
-
import { useEnhancedEffect } from '
|
|
2
|
+
import { useEnhancedEffect } from './use_enhanced_effect';
|
|
3
3
|
export function useImage(src, options) {
|
|
4
4
|
if (options === void 0) { options = {}; }
|
|
5
5
|
var onLoad = options.onLoad, onError = options.onError;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use_image.js","sourceRoot":"","sources":["../../../src/hooks/use_image.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"use_image.js","sourceRoot":"","sources":["../../../src/hooks/use_image.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAqC1D,MAAM,UAAU,QAAQ,CAAC,GAAW,EAAE,OAAiC;IAAjC,wBAAA,EAAA,YAAiC;IAEnE,IAAA,MAAM,GAEJ,OAAO,OAFH,EACN,OAAO,GACL,OAAO,QADF,CACG;IAEN,IAAA,KAAsB,QAAQ,CAAS,SAAS,CAAC,EAAhD,MAAM,QAAA,EAAE,SAAS,QAA+B,CAAC;IACxD,IAAM,QAAQ,GAAG,MAAM,EAA+B,CAAC;IAEvD,iBAAiB,CAAC;QAChB,IAAI,CAAC,GAAG,EAAE;YACR,OAAO,SAAS,CAAC;SAClB;QAED,SAAS,CAAC,SAAS,CAAC,CAAC;QAErB,QAAQ,CAAC,OAAO,GAAG,IAAI,KAAK,EAAE,CAAC;QAC/B,QAAQ,CAAC,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC;QAE3B,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,UAAC,KAAK;YAC9B,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,MAAM,EAAE;gBACV,MAAM,CAAC,KAAY,CAAC,CAAC;aACtB;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,OAAO,CAAC,OAAO,GAAG,UAAC,KAAK;YAC/B,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;YAE7B,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,KAAY,CAAC,CAAC;aACvB;QACH,CAAC,CAAC;QAEF,OAAO;YACL,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,EAAE,MAAM,QAAA,EAAE,KAAK,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC;AAC7C,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useState } from 'react';
|
|
2
|
-
import { useEnhancedEffect } from '
|
|
2
|
+
import { useEnhancedEffect } from './use_enhanced_effect';
|
|
3
3
|
/**
|
|
4
4
|
* A hook that returns `true` if the media query matched and `false` if not. This
|
|
5
5
|
* hook will always return `false` when rendering on the server.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use_media_query.js","sourceRoot":"","sources":["../../../src/hooks/use_media_query.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"use_media_query.js","sourceRoot":"","sources":["../../../src/hooks/use_media_query.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAAC,KAAa;IACnC,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAE9C,iBAAiB,CAAC;QAChB,IAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAEvC,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,EAAE;YAC7B,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;SAC3B;QAED,IAAM,QAAQ,GAAG;YACf,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC5B,CAAC,CAAC;QAEF,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAE5B,OAAO;YACL,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,OAAO,OAAO,CAAC;AACjB,CAAC"}
|
package/dist/esm/utils/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":""}
|
|
@@ -27,13 +27,17 @@ const circularDashKeyframe = keyframes `
|
|
|
27
27
|
stroke-dashoffset: -125px;
|
|
28
28
|
}
|
|
29
29
|
`;
|
|
30
|
-
const stylesBase = (color) => css({
|
|
30
|
+
const stylesBase = (color, variant) => css({
|
|
31
31
|
label: 'CircularProgress',
|
|
32
32
|
overflow: 'hidden',
|
|
33
33
|
position: 'relative',
|
|
34
34
|
display: 'inline-block',
|
|
35
35
|
color: `var(--pv-color-${color})`,
|
|
36
|
-
|
|
36
|
+
...(variant === 'indeterminate' ? {
|
|
37
|
+
animation: `${circularRotateKeyframe} 1.4s linear infinite`,
|
|
38
|
+
} : {
|
|
39
|
+
transform: 'rotate(-90deg)',
|
|
40
|
+
}),
|
|
37
41
|
});
|
|
38
42
|
const stylesBaseSmall = () => css({
|
|
39
43
|
label: 'small',
|
|
@@ -49,30 +53,40 @@ const stylesProgressSvg = () => css({
|
|
|
49
53
|
label: 'CircularProgress-svg',
|
|
50
54
|
display: 'block',
|
|
51
55
|
});
|
|
52
|
-
const stylesProgressCircle = () => css({
|
|
56
|
+
const stylesProgressCircle = (variant) => css({
|
|
53
57
|
label: 'CircularProgress-circle',
|
|
54
58
|
stroke: 'currentcolor',
|
|
55
59
|
strokeDasharray: '80px, 200px',
|
|
56
60
|
strokeDashoffset: 0,
|
|
57
|
-
|
|
61
|
+
...(variant === 'indeterminate' && {
|
|
62
|
+
animation: `${circularDashKeyframe} 1.4s ease-in-out infinite`,
|
|
63
|
+
}),
|
|
58
64
|
});
|
|
59
65
|
/**
|
|
60
66
|
*
|
|
61
67
|
*/
|
|
62
68
|
export const CircularProgress = React.forwardRef((props, ref) => {
|
|
63
|
-
const { color, className, size, ...other } = props;
|
|
69
|
+
const { color, className, size, variant = 'indeterminate', value = 0, ...other } = props;
|
|
70
|
+
const circleStyle = {};
|
|
71
|
+
if (variant === 'determinate') {
|
|
72
|
+
const circumference = 2 * Math.PI * ((SIZE - THICKNESS) / 2);
|
|
73
|
+
circleStyle.strokeDasharray = circumference.toFixed(3);
|
|
74
|
+
circleStyle.strokeDashoffset = `${(((100 - value) / 100) * circumference).toFixed(3)}px`;
|
|
75
|
+
}
|
|
64
76
|
return (React.createElement("div", { ...other, ref: ref, className: cx({
|
|
65
|
-
[stylesBase(color)]: true,
|
|
77
|
+
[stylesBase(color, variant)]: true,
|
|
66
78
|
[stylesBaseSmall()]: size === 'small',
|
|
67
79
|
[stylesBaseLarge()]: size === 'large',
|
|
68
80
|
[className]: !!className,
|
|
69
81
|
}), role: "progressbar" },
|
|
70
82
|
React.createElement("svg", { viewBox: `${SIZE / 2} ${SIZE / 2} ${SIZE} ${SIZE}`, className: stylesProgressSvg() },
|
|
71
|
-
React.createElement("circle", { cx: SIZE, cy: SIZE, r: (SIZE - THICKNESS) / 2, fill: "none", strokeWidth: THICKNESS, className: stylesProgressCircle() }))));
|
|
83
|
+
React.createElement("circle", { cx: SIZE, cy: SIZE, r: (SIZE - THICKNESS) / 2, fill: "none", strokeWidth: THICKNESS, className: stylesProgressCircle(variant), style: circleStyle }))));
|
|
72
84
|
});
|
|
73
85
|
CircularProgress.displayName = 'CircularProgress';
|
|
74
86
|
CircularProgress.defaultProps = {
|
|
75
87
|
color: 'primary',
|
|
76
88
|
size: 'large',
|
|
89
|
+
variant: 'indeterminate',
|
|
90
|
+
value: 0,
|
|
77
91
|
};
|
|
78
92
|
//# sourceMappingURL=circular_progress.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circular_progress.js","sourceRoot":"","sources":["../../../src/CircularProgress/circular_progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"circular_progress.js","sourceRoot":"","sources":["../../../src/CircularProgress/circular_progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAiC/C;;GAEG;AACH,MAAM,IAAI,GAAG,EAAE,CAAC;AAChB,MAAM,SAAS,GAAG,CAAC,CAAC;AAEpB,MAAM,sBAAsB,GAAG,SAAS,CAAA;;;;;;;CAOvC,CAAC;AAEF,MAAM,oBAAoB,GAAG,SAAS,CAAA;;;;;;;;;;;;;CAarC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAyB,EAAE,OAA6B,EAAE,EAAE,CAAC,GAAG,CAAC;IACnF,KAAK,EAAE,kBAAkB;IACzB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,kBAAkB,KAAK,GAAG;IACjC,GAAG,CAAC,OAAO,KAAK,eAAe,CAAC,CAAC,CAAC;QAChC,SAAS,EAAE,GAAG,sBAAsB,uBAAuB;KAC5D,CAAC,CAAC,CAAC;QACF,SAAS,EAAE,gBAAgB;KAC5B,CAAC;CACH,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAChC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAChC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAClC,KAAK,EAAE,sBAAsB;IAC7B,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,CAAC,OAA6B,EAAE,EAAE,CAAC,GAAG,CAAC;IAClE,KAAK,EAAE,yBAAyB;IAChC,MAAM,EAAE,cAAc;IACtB,eAAe,EAAE,aAAa;IAC9B,gBAAgB,EAAE,CAAC;IACnB,GAAG,CAAC,OAAO,KAAK,eAAe,IAAI;QACjC,SAAS,EAAE,GAAG,oBAAoB,4BAA4B;KAC/D,CAAC;CACH,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAC9C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,KAAK,EACL,SAAS,EACT,IAAI,EACJ,OAAO,GAAG,eAAe,EACzB,KAAK,GAAG,CAAC,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IACV,MAAM,WAAW,GAAwB,EAAE,CAAC;IAE5C,IAAI,OAAO,KAAK,aAAa,EAAE;QAC7B,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;QAE7D,WAAW,CAAC,eAAe,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACvD,WAAW,CAAC,gBAAgB,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,GAAG,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;KAC1F;IAED,OAAO,CACL,gCACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,IAAI;YAClC,CAAC,eAAe,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;YACrC,CAAC,eAAe,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;YACrC,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,EACF,IAAI,EAAC,aAAa;QAElB,6BACE,OAAO,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE,EAClD,SAAS,EAAE,iBAAiB,EAAE;YAE9B,gCACE,EAAE,EAAE,IAAI,EACR,EAAE,EAAE,IAAI,EACR,CAAC,EAAE,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,EACzB,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,SAAS,EACtB,SAAS,EAAE,oBAAoB,CAAC,OAAO,CAAC,EACxC,KAAK,EAAE,WAAW,GAClB,CACE,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,gBAAgB,CAAC,YAAY,GAAG;IAC9B,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,OAAO;IACb,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,CAAC;CACT,CAAC"}
|
|
@@ -8,7 +8,7 @@ export const FocusTrap = (props) => {
|
|
|
8
8
|
React.useEffect(() => {
|
|
9
9
|
// We might render an empty child.
|
|
10
10
|
if (!open || !rootRef.current) {
|
|
11
|
-
return
|
|
11
|
+
return undefined;
|
|
12
12
|
}
|
|
13
13
|
const focusTrap = createFocusTrap(rootRef.current, {
|
|
14
14
|
clickOutsideDeactivates: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"focus_trap.js","sourceRoot":"","sources":["../../../src/FocusTrap/focus_trap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAmBxC,MAAM,CAAC,MAAM,SAAS,GAAwB,CAAC,KAAK,EAAE,EAAE;IACtD,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,gBAAgB,GACjB,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,YAAY,CAAE,QAAgB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAE9D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,kCAAkC;QAClC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YAC7B,OAAO,
|
|
1
|
+
{"version":3,"file":"focus_trap.js","sourceRoot":"","sources":["../../../src/FocusTrap/focus_trap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAmBxC,MAAM,CAAC,MAAM,SAAS,GAAwB,CAAC,KAAK,EAAE,EAAE;IACtD,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,gBAAgB,GACjB,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,YAAY,CAAE,QAAgB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAE9D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,kCAAkC;QAClC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YAC7B,OAAO,SAAS,CAAC;SAClB;QAED,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,CAAC,OAAO,EAAE;YACjD,uBAAuB,EAAE,KAAK;YAC9B,iBAAiB,EAAE,IAAI;YACvB,iBAAiB,EAAE,KAAK;YACxB,aAAa,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,IAAI,MAAM;YAC9C,GAAG,CAAC,gBAAgB,IAAI;gBACtB,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO;aACpC,CAAC;SACH,CAAC,CAAC;QAEH,SAAS,CAAC,QAAQ,EAAE,CAAC;QAErB,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;AACzD,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,SAAS,CAAC,YAAY,GAAG,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import ReactDOM from 'react-dom';
|
|
3
|
-
import { useEnhancedEffect } from '../
|
|
3
|
+
import { useEnhancedEffect } from '../hooks';
|
|
4
4
|
function getContainer(container) {
|
|
5
5
|
return typeof container === 'function' ? container() : container;
|
|
6
6
|
}
|
|
@@ -8,4 +8,5 @@ export { useWindowEventListener } from './use_window_event_listener';
|
|
|
8
8
|
export { useIntersectionObserver } from './use_intersection_observer';
|
|
9
9
|
export { useAutocomplete, } from './use_autocomplete';
|
|
10
10
|
export { useEventCallback } from './use_event_callback';
|
|
11
|
+
export { useEnhancedEffect } from './use_enhanced_effect';
|
|
11
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EACL,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAS5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EACL,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAS5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use_enhanced_effect.js","sourceRoot":"","sources":["../../../src/hooks/use_enhanced_effect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useEnhancedEffect } from './use_enhanced_effect';
|
|
2
3
|
/**
|
|
3
4
|
* https://github.com/facebook/react/issues/14099#issuecomment-440013892
|
|
4
5
|
*/
|
|
5
6
|
export function useEventCallback(fn) {
|
|
6
7
|
const ref = React.useRef(fn);
|
|
7
|
-
|
|
8
|
+
useEnhancedEffect(() => {
|
|
8
9
|
ref.current = fn;
|
|
9
10
|
});
|
|
10
11
|
return React.useCallback((...args) =>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use_event_callback.js","sourceRoot":"","sources":["../../../src/hooks/use_event_callback.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"use_event_callback.js","sourceRoot":"","sources":["../../../src/hooks/use_event_callback.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAC9B,EAA6B;IAE7B,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAE7B,iBAAiB,CAAC,GAAG,EAAE;QACrB,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC,WAAW,CACtB,CAAC,GAAG,IAAU,EAAE,EAAE;IAChB,+BAA+B;IAC/B,8CAA8C;IAC9C,oDAAoD;IACpD,CAAC,CAAC,EAAE,GAAG,CAAC,OAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,EAC5B,EAAE,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useState, useRef, } from 'react';
|
|
2
|
-
import { useEnhancedEffect } from '
|
|
2
|
+
import { useEnhancedEffect } from './use_enhanced_effect';
|
|
3
3
|
export function useImage(src, options = {}) {
|
|
4
4
|
const { onLoad, onError, } = options;
|
|
5
5
|
const [status, setStatus] = useState('pending');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use_image.js","sourceRoot":"","sources":["../../../src/hooks/use_image.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"use_image.js","sourceRoot":"","sources":["../../../src/hooks/use_image.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAqC1D,MAAM,UAAU,QAAQ,CAAC,GAAW,EAAE,UAA+B,EAAE;IACrE,MAAM,EACJ,MAAM,EACN,OAAO,GACR,GAAG,OAAO,CAAC;IAEZ,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,SAAS,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAG,MAAM,EAA+B,CAAC;IAEvD,iBAAiB,CAAC,GAAG,EAAE;QACrB,IAAI,CAAC,GAAG,EAAE;YACR,OAAO,SAAS,CAAC;SAClB;QAED,SAAS,CAAC,SAAS,CAAC,CAAC;QAErB,QAAQ,CAAC,OAAO,GAAG,IAAI,KAAK,EAAE,CAAC;QAC/B,QAAQ,CAAC,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC;QAE3B,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,KAAK,EAAE,EAAE;YAClC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,MAAM,EAAE;gBACV,MAAM,CAAC,KAAY,CAAC,CAAC;aACtB;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,OAAO,CAAC,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;YACnC,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;YAE7B,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,KAAY,CAAC,CAAC;aACvB;QACH,CAAC,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC;AAC7C,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useState } from 'react';
|
|
2
|
-
import { useEnhancedEffect } from '
|
|
2
|
+
import { useEnhancedEffect } from './use_enhanced_effect';
|
|
3
3
|
/**
|
|
4
4
|
* A hook that returns `true` if the media query matched and `false` if not. This
|
|
5
5
|
* hook will always return `false` when rendering on the server.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use_media_query.js","sourceRoot":"","sources":["../../../src/hooks/use_media_query.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"use_media_query.js","sourceRoot":"","sources":["../../../src/hooks/use_media_query.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAAC,KAAa;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,iBAAiB,CAAC,GAAG,EAAE;QACrB,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAEvC,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,EAAE;YAC7B,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;SAC3B;QAED,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC5B,CAAC,CAAC;QAEF,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAE5B,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,OAAO,OAAO,CAAC;AACjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":""}
|
|
@@ -12,6 +12,16 @@ declare type BaseProps = {
|
|
|
12
12
|
* The size of the progress.
|
|
13
13
|
*/
|
|
14
14
|
size?: ('small' | 'large');
|
|
15
|
+
/**
|
|
16
|
+
* The variant to use.
|
|
17
|
+
* Use indeterminate when there is no progress value.
|
|
18
|
+
*/
|
|
19
|
+
variant?: 'determinate' | 'indeterminate';
|
|
20
|
+
/**
|
|
21
|
+
* The value of the progress indicator for the determinate variant.
|
|
22
|
+
* Value between 0 and 100.
|
|
23
|
+
*/
|
|
24
|
+
value?: number;
|
|
15
25
|
};
|
|
16
26
|
export declare type CircularProgressProps = BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
|
|
17
27
|
/**
|
|
@@ -11,3 +11,4 @@ export { useIntersectionObserver } from './use_intersection_observer';
|
|
|
11
11
|
export { useAutocomplete, } from './use_autocomplete';
|
|
12
12
|
export type { UseAutocompleteProps, UseAutocompleteReturnType, AutocompleteValue, AutocompleteGroupedOption, AutocompleteChangeReason, AutocompleteChangeDetails, } from './use_autocomplete';
|
|
13
13
|
export { useEventCallback } from './use_event_callback';
|
|
14
|
+
export { useEnhancedEffect } from './use_enhanced_effect';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { useEnhancedEffect } from './use_enhanced_effect';
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@peculiar/react-components",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.10",
|
|
5
5
|
"author": "PeculiarVentures Team",
|
|
6
6
|
"description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
|
|
7
7
|
"keywords": [
|
|
@@ -103,5 +103,5 @@
|
|
|
103
103
|
"node": ">=12.x"
|
|
104
104
|
},
|
|
105
105
|
"license": "MIT",
|
|
106
|
-
"gitHead": "
|
|
106
|
+
"gitHead": "79367fd4380886c84b1b379261094d2d0eafdfa4"
|
|
107
107
|
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useEnhancedEffect = void 0;
|
|
4
|
-
var react_1 = require("react");
|
|
5
|
-
exports.useEnhancedEffect = typeof window !== 'undefined' ? react_1.useLayoutEffect : react_1.useEffect;
|
|
6
|
-
//# sourceMappingURL=use_enhanced_effect.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use_enhanced_effect.js","sourceRoot":"","sources":["../../../src/utils/use_enhanced_effect.ts"],"names":[],"mappings":";;;AAAA,+BAAmD;AAEtC,QAAA,iBAAiB,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,uBAAe,CAAC,CAAC,CAAC,iBAAS,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use_enhanced_effect.js","sourceRoot":"","sources":["../../../src/utils/use_enhanced_effect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,CAAC,IAAM,iBAAiB,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use_enhanced_effect.js","sourceRoot":"","sources":["../../../src/utils/use_enhanced_effect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC"}
|