@peculiar/react-components 0.0.2-alpha.26 → 0.0.2-alpha.260

package/dist/esm/Toast/toast.js

@@ -0,0 +1,36 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from 'react';
+import { Alert } from '../Alert';
+import { Fade } from '../Fade';
+export var Toast = function (props) {
+    var id = props.id, duration = props.duration, isClosable = props.isClosable, alertProps = props.alertProps, children = props.children, onClose = props.onClose;
+    var handleClose = function () {
+        onClose(id);
+    };
+    React.useEffect(function () {
+        if (duration > 0) {
+            var timeout_1 = window.setTimeout(handleClose, duration);
+            return function () {
+                clearTimeout(timeout_1);
+            };
+        }
+        return null;
+    });
+    return (React.createElement(Fade, { in: true },
+        React.createElement(Alert, __assign({}, alertProps, { onClose: isClosable ? handleClose : undefined }), children)));
+};
+Toast.displayName = 'Toast';
+Toast.defaultProps = {
+    duration: 4000,
+};
+//# sourceMappingURL=toast.js.map

package/dist/esm/Toast/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/Toast/toast.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAyB/B,MAAM,CAAC,IAAM,KAAK,GAAwB,UAAC,KAAK;IAE5C,IAAA,EAAE,GAMA,KAAK,GANL,EACF,QAAQ,GAKN,KAAK,SALC,EACR,UAAU,GAIR,KAAK,WAJG,EACV,UAAU,GAGR,KAAK,WAHG,EACV,QAAQ,GAEN,KAAK,SAFC,EACR,OAAO,GACL,KAAK,QADA,CACC;IAEV,IAAM,WAAW,GAAG;QAClB,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,QAAQ,GAAG,CAAC,EAAE;YAChB,IAAM,SAAO,GAAG,MAAM,CAAC,UAAU,CAC/B,WAAW,EACX,QAAQ,CACT,CAAC;YAEF,OAAO;gBACL,YAAY,CAAC,SAAO,CAAC,CAAC;YACxB,CAAC,CAAC;SACH;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE;QACN,oBAAC,KAAK,eACA,UAAU,IACd,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,KAE5C,QAAQ,CACH,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG;IACnB,QAAQ,EAAE,IAAI;CACf,CAAC"}

package/dist/esm/{box/box.js → Toast/toast_container.js}

@@ -22,18 +22,27 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from 'react';
 import { css, cx } from '../styles';
-var stylesBase = css({
-    label: 'Box',
-});
-export var Box = React.forwardRef(function (props, ref) {
-    var className = props.className, as = props.as, background = props.background, other = __rest(props, ["className", "as", "background"]);
-    return React.createElement(as || 'div', __assign({ ref: ref, className: cx(stylesBase, (background && css({
-            label: background,
-            background: "var(--pv-color-" + background + ")",
-        })), className) }, other));
-});
-Box.displayName = 'Box';
-Box.defaultProps = {
-    as: 'div',
+var stylesBase = function () { return css({
+    label: 'ToastContainer',
+    position: 'fixed',
+    bottom: 0,
+    padding: '10px',
+    zIndex: 1300,
+    width: '100%',
+    maxWidth: '460px',
+    left: '50%',
+    transform: 'translateX(-50%)',
+    '& > * + *': {
+        marginTop: '10px',
+    },
+}); };
+export var ToastContainer = function (props) {
+    var _a;
+    var children = props.children, className = props.className, other = __rest(props, ["children", "className"]);
+    return (React.createElement("div", __assign({ className: cx((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)) }, other), children));
 };
-//# sourceMappingURL=box.js.map
+ToastContainer.displayName = 'ToastContainer';
+//# sourceMappingURL=toast_container.js.map

package/dist/esm/Toast/toast_container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast_container.js","sourceRoot":"","sources":["../../../src/Toast/toast_container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAWpC,IAAM,UAAU,GAAG,cAAM,OAAA,GAAG,CAAC;IAC3B,KAAK,EAAE,gBAAgB;IACvB,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAO;IACjB,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,kBAAkB;IAC7B,WAAW,EAAE;QACX,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,EAbuB,CAavB,CAAC;AAEH,MAAM,CAAC,IAAM,cAAc,GAAkC,UAAC,KAAK;;IACzD,IAAA,QAAQ,GAA0B,KAAK,SAA/B,EAAE,SAAS,GAAe,KAAK,UAApB,EAAK,KAAK,UAAK,KAAK,EAAzC,yBAAiC,CAAF,CAAW;IAEhD,OAAO,CACL,sCACE,SAAS,EAAE,EAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,IACE,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/esm/Toast/toast_context.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+var stub = function () {
+    throw new Error('You forgot to wrap your component in <ToastProvider>.');
+};
+var initialContext = {
+    addToast: stub,
+    removeToast: stub,
+    removeAllToasts: stub,
+};
+export var ToastContext = React.createContext(initialContext);
+//# sourceMappingURL=toast_context.js.map

package/dist/esm/Toast/toast_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast_context.js","sourceRoot":"","sources":["../../../src/Toast/toast_context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0C/B,IAAM,IAAI,GAAG;IACX,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;AAC3E,CAAC,CAAC;AAEF,IAAM,cAAc,GAAqB;IACvC,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,IAAI;IACjB,eAAe,EAAE,IAAI;CACtB,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB,cAAc,CAAC,CAAC"}

package/dist/esm/Toast/toast_provider.js

@@ -0,0 +1,90 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+import * as React from 'react';
+import { ToastContext, } from './toast_context';
+import { ToastContainer } from './toast_container';
+import { Portal } from '../Portal';
+import { Toast } from './toast';
+export var ToastProvider = function (props) {
+    var children = props.children, toastContainerProps = props.toastContainerProps, _a = props.maxToasts, maxToasts = _a === void 0 ? 1 : _a;
+    var _b = React.useState([]), toasts = _b[0], setToasts = _b[1];
+    var _c = React.useState([]), queue = _c[0], setQueue = _c[1];
+    var addToast = React.useCallback(function (options) {
+        var id = options.id || "" + Date.now() + Math.random();
+        var newToast = __assign(__assign({}, options), { id: id, createdAt: Date.now() });
+        var inQueue = queue.findIndex(function (item) { return item.id === id; });
+        if (inQueue > -1) {
+            return;
+        }
+        var inToasts = toasts.findIndex(function (item) { return item.id === id; });
+        if (inToasts > -1) {
+            return;
+        }
+        if (toasts.length >= maxToasts) {
+            setQueue(function (prevState) { return (__spreadArray(__spreadArray([], prevState), [
+                newToast,
+            ])); });
+            return;
+        }
+        setToasts(function (prevState) { return (__spreadArray(__spreadArray([], prevState), [
+            newToast,
+        ])); });
+    }, [toasts, queue]);
+    var removeToast = React.useCallback(function (id) {
+        var inToasts = toasts.findIndex(function (item) { return item.id === id; });
+        if (inToasts > -1 && queue.length) {
+            return setQueue(function (prevQueue) {
+                setToasts(function (prevToasts) {
+                    var newList = __spreadArray([], prevToasts);
+                    newList.splice(inToasts, 1);
+                    newList.push(prevQueue[0]);
+                    return newList;
+                });
+                return prevQueue.slice(1, prevQueue.length);
+            });
+        }
+        if (inToasts > -1) {
+            return setToasts(function (prevToasts) { return prevToasts.filter(function (item) { return item.id !== id; }); });
+        }
+        var inQueue = queue.findIndex(function (item) { return item.id === id; });
+        if (inQueue > -1) {
+            return setQueue(function (prevQueue) { return prevQueue.filter(function (item) { return item.id !== id; }); });
+        }
+        return undefined;
+    }, [toasts, queue]);
+    var removeAllToasts = function () {
+        setToasts([]);
+        setQueue([]);
+    };
+    var hasToasts = Boolean(toasts.length);
+    return (React.createElement(ToastContext.Provider, { value: {
+            addToast: addToast,
+            removeToast: removeToast,
+            removeAllToasts: removeAllToasts,
+        } },
+        children,
+        hasToasts && (React.createElement(Portal, null,
+            React.createElement(ToastContainer, __assign({}, toastContainerProps), toasts.map(function (toast) { return (React.createElement(Toast, { key: toast.id, id: toast.id, onClose: removeToast, isClosable: toast.isClosable, duration: toast.duration, alertProps: {
+                    disableIcon: toast.disableIcon,
+                    variant: toast.variant,
+                } }, toast.message)); }))))));
+};
+ToastProvider.displayName = 'ToastProvider';
+ToastProvider.defaultProps = {
+    maxToasts: 1,
+};
+//# sourceMappingURL=toast_provider.js.map

package/dist/esm/Toast/toast_provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast_provider.js","sourceRoot":"","sources":["../../../src/Toast/toast_provider.tsx"],"names":[],"mappings":"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"}

package/dist/esm/Toast/use_toast.js

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { ToastContext } from './toast_context';
+export var useToast = function () { return React.useContext(ToastContext); };
+//# sourceMappingURL=use_toast.js.map

package/dist/esm/Toast/use_toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_toast.js","sourceRoot":"","sources":["../../../src/Toast/use_toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,CAAC,IAAM,QAAQ,GAAG,cAAwB,OAAA,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,EAA9B,CAA8B,CAAC"}

package/dist/esm/Tooltip/index.js

@@ -0,0 +1,2 @@
+export { Tooltip } from './tooltip';
+//# sourceMappingURL=index.js.map

package/dist/esm/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/esm/Tooltip/tooltip.js

@@ -0,0 +1,139 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { Popper } from '../Popper';
+import { Box } from '../Box';
+import { useMergedRef } from '../hooks';
+import { Typography } from '../Typography';
+import { css, cx, keyframes } from '../styles';
+var stylesKeyframeOpacity = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"], ["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"])));
+var stylesTooltip = function () { return css({
+    label: 'Tooltip',
+    boxShadow: 'var(--pv-shadow-light-low)',
+    maxWidth: '300px',
+    wordWrap: 'break-word',
+    fontSize: 0,
+    animation: stylesKeyframeOpacity + " 225ms",
+}); };
+var stylesSizeSmall = function () { return css({
+    label: 'small',
+    padding: '5px 8px',
+}); };
+var stylesSizeLarge = function () { return css({
+    label: 'large',
+    padding: '8px 10px',
+}); };
+var stylesPopper = function (interactive) { return css({
+    label: 'Popper',
+    pointerEvents: interactive ? 'auto' : 'none',
+    zIndex: 1500,
+    '&[data-popper-placement^="bottom"]': {
+        padding: 'var(--pv-size-base-3) 0px',
+    },
+    '&[data-popper-placement^="top"]': {
+        padding: 'var(--pv-size-base-3) 0px',
+    },
+    '&[data-popper-placement^="right"]': {
+        padding: '0px var(--pv-size-base-3)',
+    },
+    '&[data-popper-placement^="left"]': {
+        padding: '0px var(--pv-size-base-3)',
+    },
+}); };
+export var Tooltip = function (props) {
+    var _a, _b;
+    var children = props.children, title = props.title, placement = props.placement, className = props.className, disableFocusListener = props.disableFocusListener, disableHoverListener = props.disableHoverListener, disableTouchListener = props.disableTouchListener, interactive = props.interactive, size = props.size, color = props.color, disablePortal = props.disablePortal, other = __rest(props, ["children", "title", "placement", "className", "disableFocusListener", "disableHoverListener", "disableTouchListener", "interactive", "size", "color", "disablePortal"]);
+    var _c = React.useState(false), open = _c[0], setOpen = _c[1];
+    var nodeRef = React.useRef(null);
+    var multiRef = useMergedRef(children.ref, nodeRef);
+    var enterTimer = React.useRef();
+    var leaveTimer = React.useRef();
+    React.useEffect(function () { return function () {
+        clearTimeout(enterTimer.current);
+        clearTimeout(leaveTimer.current);
+    }; }, []);
+    var handleEnter = function () {
+        clearTimeout(enterTimer.current);
+        clearTimeout(leaveTimer.current);
+        setOpen(true);
+        enterTimer.current = setTimeout(function () {
+            setOpen(true);
+        }, 100);
+    };
+    var handleLeave = function () {
+        clearTimeout(enterTimer.current);
+        clearTimeout(leaveTimer.current);
+        leaveTimer.current = setTimeout(function () {
+            setOpen(false);
+        }, 0);
+    };
+    var popperProps = {};
+    var childrenProps = {
+        ref: multiRef,
+    };
+    if (!disableTouchListener) {
+        childrenProps.onTouchStart = handleEnter;
+        childrenProps.onTouchEnd = handleLeave;
+    }
+    if (!disableHoverListener) {
+        childrenProps.onMouseOver = handleEnter;
+        childrenProps.onMouseLeave = handleLeave;
+        if (interactive) {
+            popperProps.onMouseOver = handleEnter;
+            popperProps.onMouseLeave = handleLeave;
+        }
+    }
+    if (!disableFocusListener) {
+        childrenProps.onFocus = handleEnter;
+        childrenProps.onBlur = handleLeave;
+        if (interactive) {
+            popperProps.onFocus = handleEnter;
+            popperProps.onBlur = handleLeave;
+        }
+    }
+    return (React.createElement(React.Fragment, null,
+        React.cloneElement(children, childrenProps),
+        React.createElement(Popper, __assign({ anchorEl: nodeRef.current, open: title && open, placement: placement, className: cx((_a = {},
+                _a[stylesPopper(interactive)] = true,
+                _a)), disablePortal: disablePortal }, popperProps),
+            React.createElement(Box, __assign({}, other, { background: color === 'black' ? 'gray-10' : 'white', borderRadius: 4, className: cx((_b = {},
+                    _b[stylesTooltip()] = true,
+                    _b[stylesSizeSmall()] = size === 'small',
+                    _b[stylesSizeLarge()] = size === 'large',
+                    _b[className] = !!className,
+                    _b)) }),
+                React.createElement(Typography, { component: "span", variant: size === 'small' ? 'c2' : 'b3', color: color === 'black' ? 'white' : 'black' }, title)))));
+};
+Tooltip.displayName = 'Tooltip';
+Tooltip.defaultProps = {
+    placement: 'bottom',
+    size: 'small',
+    color: 'white',
+    disablePortal: true,
+};
+var templateObject_1;
+//# sourceMappingURL=tooltip.js.map

package/dist/esm/Tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/Tooltip/tooltip.tsx"],"names":[],"mappings":"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"}

package/dist/esm/Typography/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwC,MAAM,cAAc,CAAC"}

package/dist/esm/Typography/typography.js

@@ -0,0 +1,75 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import { css, cx, } from '../styles';
+var stylesBase = function () { return css({
+    label: 'Typography',
+    margin: 0,
+}); };
+var stylesVariant = function (variant) { return css({
+    label: variant,
+    fontWeight: "var(--pv-text-" + variant + "-weight)",
+    fontSize: "var(--pv-text-" + variant + "-size)",
+    lineHeight: "var(--pv-text-" + variant + "-height)",
+    letterSpacing: "var(--pv-text-" + variant + "-spacing)",
+}); };
+var stylesColor = function (color) { return css({
+    label: color,
+    color: color === 'inherit' ? 'inherit' : "var(--pv-color-" + color + ")",
+}); };
+var stylesNoWrap = function () { return css({
+    label: 'noWrap',
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis',
+}); };
+export var Typography = React.forwardRef(function (props, ref) {
+    var _a;
+    var variant = props.variant, className = props.className, color = props.color, noWrap = props.noWrap, componentProp = props.component, other = __rest(props, ["variant", "className", "color", "noWrap", "component"]);
+    var getTagFromVariantProp = function () {
+        if (/h/.test(variant)) {
+            return variant;
+        }
+        if (/s/.test(variant)) {
+            return 'h6';
+        }
+        if (/btn/.test(variant)) {
+            return 'span';
+        }
+        return 'p';
+    };
+    var Component = componentProp || getTagFromVariantProp();
+    return (React.createElement(Component, __assign({}, other, { ref: ref, className: cx((_a = {},
+            _a[stylesBase()] = true,
+            _a[stylesVariant(variant)] = !!variant,
+            _a[stylesColor(color)] = !!color,
+            _a[stylesNoWrap()] = noWrap,
+            _a[className] = !!className,
+            _a)) })));
+});
+Typography.displayName = 'Typography';
+Typography.defaultProps = {
+    variant: 'b1',
+    color: 'black',
+};
+//# sourceMappingURL=typography.js.map

package/dist/esm/Typography/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/Typography/typography.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,GAAG,EACH,EAAE,GAGH,MAAM,WAAW,CAAC;AAkCnB,IAAM,UAAU,GAAG,cAAM,OAAA,GAAG,CAAC;IAC3B,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,CAAC;CACV,CAAC,EAHuB,CAGvB,CAAC;AAEH,IAAM,aAAa,GAAG,UAAC,OAAuC,IAAK,OAAA,GAAG,CAAC;IACrE,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,mBAAiB,OAAO,aAAU;IAC9C,QAAQ,EAAE,mBAAiB,OAAO,WAAQ;IAC1C,UAAU,EAAE,mBAAiB,OAAO,aAAU;IAC9C,aAAa,EAAE,mBAAiB,OAAO,cAAW;CAC5C,CAAC,EAN0D,CAM1D,CAAC;AAEV,IAAM,WAAW,GAAG,UAAC,KAAmC,IAAK,OAAA,GAAG,CAAC;IAC/D,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAkB,KAAK,MAAG;CACpE,CAAC,EAH2D,CAG3D,CAAC;AAEH,IAAM,YAAY,GAAG,cAAM,OAAA,GAAG,CAAC;IAC7B,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,UAAU;CACzB,CAAC,EALyB,CAKzB,CAAC;AAEH,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAA+B,UAAC,KAAK,EAAE,GAAG;;IAEhF,IAAA,OAAO,GAML,KAAK,QANA,EACP,SAAS,GAKP,KAAK,UALE,EACT,KAAK,GAIH,KAAK,MAJF,EACL,MAAM,GAGJ,KAAK,OAHD,EACK,aAAa,GAEtB,KAAK,UAFiB,EACrB,KAAK,UACN,KAAK,EAPH,wDAOL,CADS,CACA;IAEV,IAAM,qBAAqB,GAAG;QAC5B,IAAI,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACrB,OAAO,OAAiB,CAAC;SAC1B;QAED,IAAI,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACrB,OAAO,IAAI,CAAC;SACb;QAED,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACvB,OAAO,MAAM,CAAC;SACf;QAED,OAAO,GAAG,CAAC;IACb,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG,aAAa,IAAI,qBAAqB,EAAE,CAAC;IAE3D,OAAO,CACL,oBAAC,SAAS,eACJ,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,aAAa,CAAC,OAAO,CAAC,IAAG,CAAC,CAAC,OAAO;YACnC,GAAC,WAAW,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,KAAK;YAC7B,GAAC,YAAY,EAAE,IAAG,MAAM;YACxB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,IACF,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,UAAU,CAAC,YAAY,GAAG;IACxB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,OAAO;CACf,CAAC"}

package/dist/esm/hooks/index.js

@@ -0,0 +1,8 @@
+export { useMediaQuery } from './use_media_query';
+export { useMergedRef } from './use_merged_ref';
+export { useClipboard } from './use_clipboard';
+export { useControllableState } from './use_controllable';
+export { useId } from './use_id';
+export { useImage } from './use_image';
+export { useWindowEventListener } from './use_window_event_listener';
+//# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -0,0 +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,EAAuB,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAA6B,MAAM,oBAAoB,CAAC;AACrF,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/esm/hooks/use_clipboard.js

@@ -0,0 +1,50 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { useState, useCallback, useEffect } from 'react';
+import copy from 'copy-to-clipboard';
+/**
+ * React hook to copy content to clipboard
+ *
+ * @param text the text or value to copy
+ * @param {Number} [optionsOrTimeout=1500] optionsOrTimeout -
+ * delay (in ms) to switch back to initial state once copied.
+ * @param {Object} optionsOrTimeout
+ * @param {string} optionsOrTimeout.format - set the desired MIME type
+ * @param {number} optionsOrTimeout.timeout -
+ * delay (in ms) to switch back to initial state once copied.
+ */
+export function useClipboard(text, optionsOrTimeout) {
+    if (optionsOrTimeout === void 0) { optionsOrTimeout = {}; }
+    var _a = useState(false), hasCopied = _a[0], setHasCopied = _a[1];
+    var _b = typeof optionsOrTimeout === 'number'
+        ? { timeout: optionsOrTimeout }
+        : optionsOrTimeout, _c = _b.timeout, timeout = _c === void 0 ? 1500 : _c, copyOptions = __rest(_b, ["timeout"]);
+    var onCopy = useCallback(function () {
+        var didCopy = copy(text, copyOptions);
+        setHasCopied(didCopy);
+    }, [text, copyOptions]);
+    useEffect(function () {
+        var timeoutId = null;
+        if (hasCopied) {
+            timeoutId = window.setTimeout(function () {
+                setHasCopied(false);
+            }, timeout);
+        }
+        return function () {
+            if (timeoutId) {
+                window.clearTimeout(timeoutId);
+            }
+        };
+    }, [timeout, hasCopied]);
+    return { value: text, onCopy: onCopy, hasCopied: hasCopied };
+}
+//# sourceMappingURL=use_clipboard.js.map

package/dist/esm/hooks/use_clipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_clipboard.js","sourceRoot":"","sources":["../../../src/hooks/use_clipboard.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAarC;;;;;;;;;;GAUG;AACH,MAAM,UAAU,YAAY,CAC1B,IAAY,EACZ,gBAAmD;IAAnD,iCAAA,EAAA,qBAAmD;IAE7C,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAElD,IAAM,KAAqC,OAAO,gBAAgB,KAAK,QAAQ;QAC7E,CAAC,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE;QAC/B,CAAC,CAAC,gBAAgB,EAFZ,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EAAK,WAAW,cAAhC,WAAkC,CAEpB,CAAC;IAErB,IAAM,MAAM,GAAG,WAAW,CAAC;QACzB,IAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QACxC,YAAY,CAAC,OAAO,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAExB,SAAS,CAAC;QACR,IAAI,SAAS,GAAkB,IAAI,CAAC;QAEpC,IAAI,SAAS,EAAE;YACb,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC;gBAC5B,YAAY,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC,EAAE,OAAO,CAAC,CAAC;SACb;QAED,OAAO;YACL,IAAI,SAAS,EAAE;gBACb,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;aAChC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEzB,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,QAAA,EAAE,SAAS,WAAA,EAAE,CAAC;AAC5C,CAAC"}

package/dist/esm/hooks/use_controllable.js

@@ -0,0 +1,32 @@
+import { useState, useCallback } from 'react';
+var runIfFn = function (value) {
+    var args = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        args[_i - 1] = arguments[_i];
+    }
+    return (typeof value === 'function' ? value.apply(void 0, args) : value);
+};
+/**
+ * React hook for using controlling component state.
+ * @param props
+ */
+export function useControllableState(props) {
+    var valueProp = props.value, defaultValue = props.defaultValue, onChange = props.onChange, shouldUpdate = props.shouldUpdate;
+    var _a = useState(defaultValue), valueState = _a[0], setValue = _a[1];
+    var isControlled = valueProp !== undefined;
+    var value = isControlled ? valueProp : valueState;
+    var updateValue = useCallback(function (next) {
+        var nextValue = runIfFn(next, value);
+        if (shouldUpdate && !shouldUpdate(value, nextValue)) {
+            return;
+        }
+        if (!isControlled) {
+            setValue(nextValue);
+        }
+        if (onChange) {
+            onChange(nextValue);
+        }
+    }, [isControlled, onChange, value, shouldUpdate]);
+    return [value, updateValue];
+}
+//# sourceMappingURL=use_controllable.js.map

package/dist/esm/hooks/use_controllable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_controllable.js","sourceRoot":"","sources":["../../../src/hooks/use_controllable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9C,IAAM,OAAO,GAAG,UAAC,KAAU;IAAE,cAAc;SAAd,UAAc,EAAd,qBAAc,EAAd,IAAc;QAAd,6BAAc;;IAAK,OAAA,CAAC,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,eAAI,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC;AAAtD,CAAsD,CAAC;AAqBvG;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAI,KAAmC;IAEvE,IAAO,SAAS,GAId,KAAK,MAJS,EAChB,YAAY,GAGV,KAAK,aAHK,EACZ,QAAQ,GAEN,KAAK,SAFC,EACR,YAAY,GACV,KAAK,aADK,CACJ;IAEJ,IAAA,KAAyB,QAAQ,CAAC,YAAiB,CAAC,EAAnD,UAAU,QAAA,EAAE,QAAQ,QAA+B,CAAC;IAE3D,IAAM,YAAY,GAAG,SAAS,KAAK,SAAS,CAAC;IAC7C,IAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAE,SAAe,CAAC,CAAC,CAAC,UAAU,CAAC;IAE3D,IAAM,WAAW,GAAG,WAAW,CAC7B,UAAC,IAA6B;QAC5B,IAAM,SAAS,GAAG,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAEvC,IAAI,YAAY,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE;YACnD,OAAO;SACR;QAED,IAAI,CAAC,YAAY,EAAE;YACjB,QAAQ,CAAC,SAAS,CAAC,CAAC;SACrB;QAED,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,SAAS,CAAC,CAAC;SACrB;IACH,CAAC,EACD,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,CAAC,CAC9C,CAAC;IAEF,OAAO,CAAC,KAAK,EAAE,WAAW,CAAiD,CAAC;AAC9E,CAAC"}

package/dist/esm/hooks/use_id.js

@@ -0,0 +1,11 @@
+import { useState } from 'react';
+import { nanoid } from 'nanoid';
+/**
+ * React hook for generate unique id.
+ * @param defaultValue The default id value.
+ */
+export function useId(defaultValue) {
+    var id = useState(function () { return nanoid(); })[0];
+    return defaultValue || id;
+}
+//# sourceMappingURL=use_id.js.map

package/dist/esm/hooks/use_id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_id.js","sourceRoot":"","sources":["../../../src/hooks/use_id.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAEhC;;;GAGG;AACH,MAAM,UAAU,KAAK,CAAC,YAAqB;IAClC,IAAA,EAAE,GAAI,QAAQ,CAAC,cAAM,OAAA,MAAM,EAAE,EAAR,CAAQ,CAAC,GAA5B,CAA6B;IAEtC,OAAO,YAAY,IAAI,EAAE,CAAC;AAC5B,CAAC"}

package/dist/esm/hooks/use_image.js

@@ -0,0 +1,34 @@
+import { useState, useRef, } from 'react';
+import { useEnhancedEffect } from '../utils';
+export function useImage(src, options) {
+    if (options === void 0) { options = {}; }
+    var onLoad = options.onLoad, onError = options.onError;
+    var _a = useState('pending'), status = _a[0], setStatus = _a[1];
+    var imageRef = useRef();
+    useEnhancedEffect(function () {
+        if (!src) {
+            return undefined;
+        }
+        setStatus('loading');
+        imageRef.current = new Image();
+        imageRef.current.src = src;
+        imageRef.current.onload = function (event) {
+            setStatus('loaded');
+            if (onLoad) {
+                onLoad(event);
+            }
+        };
+        imageRef.current.onerror = function (error) {
+            imageRef.current = undefined;
+            setStatus('failed');
+            if (onError) {
+                onError(error);
+            }
+        };
+        return function () {
+            imageRef.current = undefined;
+        };
+    }, [src]);
+    return { status: status, image: imageRef.current };
+}
+//# sourceMappingURL=use_image.js.map

package/dist/esm/hooks/use_image.js.map

@@ -0,0 +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,UAAU,CAAC;AAqC7C,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"}