@qoretechnologies/reqore 0.20.1 → 0.20.2

package/dist/src/hooks/usePopover.js

@@ -0,0 +1,86 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var react_1 = require("react");
+var react_use_1 = require("react-use");
+var shortid_1 = __importDefault(require("shortid"));
+var PopoverContext_1 = __importDefault(require("../context/PopoverContext"));
+var startEvents = {
+    hover: 'mouseenter',
+    hoverStay: 'mouseenter',
+    click: 'click',
+    focus: 'focusin'
+};
+var endEvents = {
+    hover: 'mouseleave',
+    hoverStay: null,
+    click: null,
+    focus: null
+};
+var usePopover = function (_a) {
+    var targetElement = _a.targetElement, content = _a.content, _b = _a.handler, handler = _b === void 0 ? 'hover' : _b, placement = _a.placement, _c = _a.show, show = _c === void 0 ? true : _c, noArrow = _a.noArrow, useTargetWidth = _a.useTargetWidth, _d = _a.closeOnOutsideClick, closeOnOutsideClick = _d === void 0 ? true : _d, _e = _a.openOnMount, openOnMount = _e === void 0 ? false : _e;
+    var _f = (0, react_1.useContext)(PopoverContext_1["default"]), addPopover = _f.addPopover, removePopover = _f.removePopover, updatePopover = _f.updatePopover, popovers = _f.popovers;
+    var current = (0, react_1.useRef)(shortid_1["default"].generate()).current;
+    var startEvent = startEvents[handler];
+    var endEvent = endEvents[handler];
+    var _addPopover = function () {
+        if (popovers === null || popovers === void 0 ? void 0 : popovers.find(function (p) { return p.id === current; })) {
+            removePopover === null || removePopover === void 0 ? void 0 : removePopover(current);
+        }
+        else if (show) {
+            addPopover === null || addPopover === void 0 ? void 0 : addPopover({
+                id: current,
+                content: content,
+                targetElement: targetElement,
+                placement: placement,
+                noArrow: noArrow,
+                useTargetWidth: useTargetWidth,
+                closeOnOutsideClick: closeOnOutsideClick,
+                closeOnAnyClick: handler === 'hover' || handler === 'hoverStay'
+            });
+        }
+    };
+    var _removePopover = function () {
+        removePopover === null || removePopover === void 0 ? void 0 : removePopover(current);
+    };
+    (0, react_use_1.useUpdateEffect)(function () {
+        if (show) {
+            updatePopover === null || updatePopover === void 0 ? void 0 : updatePopover(current, {
+                id: current,
+                content: content,
+                targetElement: targetElement,
+                placement: placement,
+                noArrow: noArrow,
+                useTargetWidth: useTargetWidth,
+                closeOnOutsideClick: closeOnOutsideClick,
+                closeOnAnyClick: handler === 'hover' || handler === 'hoverStay'
+            });
+        }
+    }, [content]);
+    (0, react_1.useEffect)(function () {
+        if (openOnMount && targetElement) {
+            _addPopover();
+        }
+    }, [targetElement]);
+    (0, react_1.useEffect)(function () {
+        if (targetElement && content) {
+            targetElement.addEventListener(startEvent, _addPopover);
+            if (endEvent) {
+                targetElement.addEventListener(endEvent, _removePopover);
+            }
+        }
+        return function () {
+            if (targetElement && content) {
+                targetElement.removeEventListener(startEvent, _addPopover);
+                if (endEvent) {
+                    targetElement.removeEventListener(endEvent, _removePopover);
+                }
+            }
+        };
+    });
+    return current;
+};
+exports["default"] = usePopover;
+//# sourceMappingURL=usePopover.js.map

package/dist/src/hooks/usePopover.js.map

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

package/dist/src/hooks/useShareForwardedRef.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from "react";
+export default function useShareForwardedRef<T>(forwardedRef: Ref<T>): import("react").MutableRefObject<T>;
+//# sourceMappingURL=useShareForwardedRef.d.ts.map

package/dist/src/hooks/useShareForwardedRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShareForwardedRef.d.ts","sourceRoot":"","sources":["../../../src/hooks/useShareForwardedRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,OAAO,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,CAAC,EAAE,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,uCAoBnE"}

package/dist/src/hooks/useShareForwardedRef.js

@@ -0,0 +1,25 @@
+"use strict";
+exports.__esModule = true;
+var react_1 = require("react");
+function useShareForwardedRef(forwardedRef) {
+    // final ref that will share value with forward ref. this is the one we will attach to components
+    var innerRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        // after every render - try to share current ref value with forwarded ref
+        if (!forwardedRef) {
+            return;
+        }
+        if (typeof forwardedRef === "function") {
+            forwardedRef(innerRef.current);
+            return;
+        }
+        else {
+            // @ts-ignore
+            // by default forwardedRef.current is readonly. Let's ignore it
+            forwardedRef.current = innerRef.current;
+        }
+    });
+    return innerRef;
+}
+exports["default"] = useShareForwardedRef;
+//# sourceMappingURL=useShareForwardedRef.js.map

package/dist/src/hooks/useShareForwardedRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShareForwardedRef.js","sourceRoot":"","sources":["../../../src/hooks/useShareForwardedRef.ts"],"names":[],"mappings":";;AAAA,+BAA+C;AAE/C,SAAwB,oBAAoB,CAAI,YAAoB;IAClE,iGAAiG;IACjG,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAI,IAAI,CAAC,CAAC;IAEjC,IAAA,iBAAS,EAAC;QACR,yEAAyE;QACzE,IAAI,CAAC,YAAY,EAAE;YACjB,OAAO;SACR;QACD,IAAI,OAAO,YAAY,KAAK,UAAU,EAAE;YACtC,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC/B,OAAO;SACR;aAAM;YACL,aAAa;YACb,+DAA+D;YAC/D,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;SACzC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,QAAQ,CAAC;AAClB,CAAC;AApBD,0CAoBC"}

package/dist/src/hooks/useTheme.d.ts

@@ -0,0 +1,3 @@
+import { IReqoreIntent, IReqoreTheme } from '../constants/theme';
+export declare const useReqoreTheme: (element: string, customTheme?: Partial<IReqoreTheme>, intent?: IReqoreIntent) => IReqoreTheme;
+//# sourceMappingURL=useTheme.d.ts.map

package/dist/src/hooks/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIjE,eAAO,MAAM,cAAc,YAChB,MAAM,gBACF,QAAQ,YAAY,CAAC,WACzB,aAAa,iBAUvB,CAAC"}

package/dist/src/hooks/useTheme.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.useReqoreTheme = void 0;
+var lodash_1 = require("lodash");
+var react_1 = require("react");
+var ThemeContext_1 = __importDefault(require("../context/ThemeContext"));
+var colors_1 = require("../helpers/colors");
+var useReqoreTheme = function (element, customTheme, intent) {
+    if (customTheme === void 0) { customTheme = {}; }
+    var theme = (0, react_1.useContext)(ThemeContext_1["default"]);
+    var _customTheme = (0, lodash_1.cloneDeep)(customTheme);
+    if (element === 'main' && intent) {
+        _customTheme.main = theme.intents[intent];
+    }
+    return (0, colors_1.mergeThemes)(element, theme, _customTheme);
+};
+exports.useReqoreTheme = useReqoreTheme;
+//# sourceMappingURL=useTheme.js.map

package/dist/src/hooks/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../../src/hooks/useTheme.ts"],"names":[],"mappings":";;;;;;AAAA,iCAAmC;AACnC,+BAAmC;AAEnC,yEAAmD;AACnD,4CAAgD;AAEzC,IAAM,cAAc,GAAG,UAC5B,OAAe,EACf,WAAuC,EACvC,MAAsB;IADtB,4BAAA,EAAA,gBAAuC;IAGvC,IAAM,KAAK,GAAiB,IAAA,kBAAU,EAAe,yBAAY,CAAC,CAAC;IACnE,IAAI,YAAY,GAA0B,IAAA,kBAAS,EAAC,WAAW,CAAC,CAAC;IAEjE,IAAI,OAAO,KAAK,MAAM,IAAI,MAAM,EAAE;QAChC,YAAY,CAAC,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;KAC3C;IAED,OAAO,IAAA,oBAAW,EAAC,OAAO,EAAE,KAAK,EAAE,YAAY,CAAiB,CAAC;AACnE,CAAC,CAAC;AAbW,QAAA,cAAc,kBAazB"}

package/dist/src/hooks/useTooltip.d.ts

@@ -0,0 +1,3 @@
+import { IReqoreTooltip } from '../types/global';
+export declare const useTooltip: (targetElement: HTMLElement | undefined, tooltip?: string | IReqoreTooltip) => void;
+//# sourceMappingURL=useTooltip.d.ts.map

package/dist/src/hooks/useTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGjD,eAAO,MAAM,UAAU,kBACN,WAAW,GAAG,SAAS,YAC5B,MAAM,GAAG,cAAc,KAChC,IAQF,CAAC"}

package/dist/src/hooks/useTooltip.js

@@ -0,0 +1,24 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.useTooltip = void 0;
+var usePopover_1 = __importDefault(require("./usePopover"));
+var useTooltip = function (targetElement, tooltip) {
+    var popoverData = typeof tooltip === 'string' ? { content: tooltip } : tooltip;
+    (0, usePopover_1["default"])(__assign(__assign({}, popoverData), { targetElement: targetElement, show: !!(popoverData === null || popoverData === void 0 ? void 0 : popoverData.content) }));
+};
+exports.useTooltip = useTooltip;
+//# sourceMappingURL=useTooltip.js.map

package/dist/src/hooks/useTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltip.js","sourceRoot":"","sources":["../../../src/hooks/useTooltip.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,4DAAsC;AAE/B,IAAM,UAAU,GAAG,UACxB,aAAsC,EACtC,OAAiC;IAEjC,IAAM,WAAW,GAAG,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IAEjF,IAAA,uBAAU,wBACL,WAAW,KACd,aAAa,eAAA,EACb,IAAI,EAAE,CAAC,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAA,IAC5B,CAAC;AACL,CAAC,CAAC;AAXW,QAAA,UAAU,cAWrB"}