@qoretechnologies/reqore 0.19.13 → 0.20.2

package/dist/src/components/Drawer/index.js

@@ -0,0 +1,251 @@
+"use strict";
+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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.ReqoreDrawer = exports.StyledBackdrop = exports.StyledDrawerResizable = exports.StyledCloseWrapper = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var web_1 = require("@react-spring/web");
+var polished_1 = require("polished");
+var re_resizable_1 = require("re-resizable");
+var react_1 = require("react");
+var react_dom_1 = require("react-dom");
+var styled_components_1 = __importStar(require("styled-components"));
+var animations_1 = require("../../constants/animations");
+var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
+var colors_1 = require("../../helpers/colors");
+var useLatestZIndex_1 = __importDefault(require("../../hooks/useLatestZIndex"));
+var useTheme_1 = require("../../hooks/useTheme");
+var Button_1 = __importDefault(require("../Button"));
+var Panel_1 = require("../Panel");
+exports.StyledCloseWrapper = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: absolute;\n\n  ", "\n"], ["\n  position: absolute;\n\n  ", "\n"])), function (_a) {
+    var position = _a.position, w = _a.w, h = _a.h;
+    switch (position) {
+        case 'bottom':
+            return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          display: flex;\n          right: 0;\n          justify-content: flex-end;\n          margin-top: -35px;\n          > * {\n            margin-right: 5px;\n          }\n        "], ["\n          display: flex;\n          right: 0;\n          justify-content: flex-end;\n          margin-top: -35px;\n          > * {\n            margin-right: 5px;\n          }\n        "])));
+        case 'top':
+            return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          display: flex;\n          right: 0;\n          justify-content: flex-end;\n          margin-top: calc(", " + 5px);\n          > * {\n            margin-right: 5px;\n          }\n        "], ["\n          display: flex;\n          right: 0;\n          justify-content: flex-end;\n          margin-top: calc(", " + 5px);\n          > * {\n            margin-right: 5px;\n          }\n        "])), h || '0px');
+        case 'left':
+            return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          display: flex;\n          flex-flow: column;\n          top: 0;\n          margin-left: calc(", " + 5px);\n          > * {\n            margin-top: 5px;\n          }\n        "], ["\n          display: flex;\n          flex-flow: column;\n          top: 0;\n          margin-left: calc(", " + 5px);\n          > * {\n            margin-top: 5px;\n          }\n        "])), w || '0px');
+        case 'right':
+            return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          display: flex;\n          flex-flow: column;\n          top: 0;\n          margin-left: -35px;\n          > * {\n            margin-top: 5px;\n          }\n        "], ["\n          display: flex;\n          flex-flow: column;\n          top: 0;\n          margin-left: -35px;\n          > * {\n            margin-top: 5px;\n          }\n        "])));
+    }
+});
+exports.StyledDrawerResizable = (0, styled_components_1["default"])(web_1.animated.div)(templateObject_6 || (templateObject_6 = __makeTemplateObject([""], [""])));
+exports.StyledBackdrop = (0, styled_components_1["default"])(web_1.animated.div)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: ", ";\n  z-index: ", ";\n  background-color: ", ";\n  cursor: ", ";\n"], ["\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: ", ";\n  z-index: ", ";\n  background-color: ", ";\n  cursor: ", ";\n"])), function (_a) {
+    var blur = _a.blur;
+    return (blur ? "blur(".concat(blur, "px)") : undefined);
+}, function (_a) {
+    var zIndex = _a.zIndex;
+    return zIndex;
+}, function (_a) {
+    var theme = _a.theme;
+    return (0, polished_1.rgba)((0, colors_1.getMainBackgroundColor)(theme), 0.3);
+}, function (_a) {
+    var closable = _a.closable;
+    return (closable ? 'pointer' : 'initial');
+});
+/**
+ * It returns an icon name based on the position and whether the panel is hidden or not
+ * @param {'top' | 'bottom' | 'left' | 'right'} position - The position of the panel.
+ * @param {boolean} isHidden - boolean - This is a boolean value that determines whether the panel is
+ * hidden or not.
+ * @returns A function that takes two arguments, position and isHidden, and returns an IReqoreIconName.
+ */
+var getHideShowIcon = function (position, isHidden) {
+    switch (position) {
+        case 'top':
+            return isHidden ? 'ArrowDownSLine' : 'ArrowUpSLine';
+        case 'bottom':
+            return isHidden ? 'ArrowUpSLine' : 'ArrowDownSLine';
+        case 'left':
+            return isHidden ? 'ArrowRightSLine' : 'ArrowLeftSLine';
+        case 'right':
+            return isHidden ? 'ArrowLeftSLine' : 'ArrowRightSLine';
+    }
+};
+var getSpringConfig = function (isModal, position, floating) {
+    var _a, _b, _c;
+    return isModal
+        ? {
+            from: { opacity: 0, transform: 'scale(0.5) translate(-50%, -50%)', filter: 'blur(10px)' },
+            enter: { opacity: 1, transform: 'scale(1) translate(-50%, -50%)', filter: 'blur(0px)' },
+            leave: { opacity: 0, transform: 'scale(0.5) translate(-50%, -50%)', filter: 'blur(10px)' }
+        }
+        : {
+            from: (_a = { opacity: 0 }, _a[position] = '-80px', _a),
+            enter: (_b = { opacity: 1 }, _b[position] = floating ? '10px' : '0px', _b),
+            leave: (_c = { opacity: 0 }, _c[position] = '-80px', _c)
+        };
+};
+var ReqoreDrawer = function (_a) {
+    var children = _a.children, isOpen = _a.isOpen, isHidden = _a.isHidden, customTheme = _a.customTheme, _b = _a.position, position = _b === void 0 ? 'right' : _b, maxSize = _a.maxSize, _c = _a.minSize, minSize = _c === void 0 ? '150px' : _c, onClose = _a.onClose, _d = _a.hasBackdrop, hasBackdrop = _d === void 0 ? true : _d, size = _a.size, _e = _a.resizable, resizable = _e === void 0 ? true : _e, hidable = _a.hidable, onHideToggle = _a.onHideToggle, className = _a.className, flat = _a.flat, floating = _a.floating, blur = _a.blur, opacity = _a.opacity, intent = _a.intent, _isModal = _a._isModal, width = _a.width, height = _a.height, rest = __rest(_a, ["children", "isOpen", "isHidden", "customTheme", "position", "maxSize", "minSize", "onClose", "hasBackdrop", "size", "resizable", "hidable", "onHideToggle", "className", "flat", "floating", "blur", "opacity", "intent", "_isModal", "width", "height"]);
+    var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
+    var layout = (0, react_1.useMemo)(function () {
+        return _isModal ? 'center' : position === 'top' || position === 'bottom' ? 'horizontal' : 'vertical';
+    }, [position, _isModal]);
+    var _f = (0, react_1.useState)(isHidden || false), _isHidden = _f[0], setIsHidden = _f[1];
+    var _g = (0, react_1.useState)({
+        width: width || (layout === 'horizontal' ? 'auto' : size || '300px'),
+        height: height || (layout === 'vertical' ? 'auto' : size || '300px')
+    }), _size = _g[0], setSize = _g[1];
+    (0, react_1.useEffect)(function () {
+        setSize({
+            width: width || (layout === 'horizontal' ? 'auto' : size || '300px'),
+            height: height || (layout === 'vertical' ? 'auto' : size || '300px')
+        });
+    }, [position, size, width, height]);
+    var transitions = (0, web_1.useTransition)(isOpen, __assign(__assign({}, getSpringConfig(_isModal, position, floating)), { config: animations_1.SPRING_CONFIG }));
+    var zIndex = (0, useLatestZIndex_1["default"])();
+    var wrapperZIndex = (0, useLatestZIndex_1["default"])();
+    var actions = (0, react_1.useMemo)(function () {
+        var actions = [];
+        /* Adding a hide/show button to the drawer. */
+        if (hidable) {
+            actions.push({
+                icon: getHideShowIcon(position, _isHidden),
+                onClick: function () {
+                    setIsHidden(!_isHidden);
+                    if (onHideToggle) {
+                        onHideToggle(_isHidden);
+                    }
+                },
+                className: 'reqore-drawer-hide-button'
+            });
+        }
+        /* Adding a close button to the drawer. */
+        if (onClose) {
+            actions.push({
+                icon: 'CloseLine',
+                onClick: onClose,
+                className: 'reqore-drawer-close-button'
+            });
+        }
+        return actions;
+    }, [hidable, position, onClose]);
+    var positions = (0, react_1.useMemo)(function () {
+        /* Centering the modal. */
+        if (_isModal) {
+            return {
+                left: '50%',
+                top: '50%',
+                transform: 'translate(-50%)'
+            };
+        }
+        return {
+            top: position === 'top' || layout === 'vertical' ? (floating ? '10px' : 0) : undefined,
+            bottom: position === 'bottom' || layout === 'vertical' ? (floating ? '10px' : 0) : undefined,
+            right: position === 'right' || layout === 'horizontal' ? (floating ? '10px' : 0) : undefined,
+            left: position === 'left' || layout === 'horizontal' ? (floating ? '10px' : 0) : undefined
+        };
+    }, [_isModal, position, layout, floating]);
+    console.log(width, height, _size);
+    return (0, react_dom_1.createPortal)(transitions(function (styles, item) {
+        return item ? ((0, jsx_runtime_1.jsxs)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: [hasBackdrop && !_isHidden ? ((0, jsx_runtime_1.jsx)(exports.StyledBackdrop, { className: 'reqore-drawer-backdrop', onClick: function () { return onClose && onClose(); }, closable: !!onClose, zIndex: zIndex, blur: blur, style: {
+                        opacity: styles.opacity
+                    } })) : null, (0, jsx_runtime_1.jsxs)(re_resizable_1.Resizable, __assign({ className: 'reqore-drawer-resizable', maxHeight: layout === 'horizontal' || layout === 'center' ? maxSize || '90vh' : undefined, minHeight: layout === 'center'
+                        ? '140px'
+                        : layout === 'horizontal'
+                            ? _isHidden
+                                ? 0
+                                : minSize || '140px'
+                            : undefined, maxWidth: layout === 'vertical' || layout === 'center' ? maxSize || '90vw' : undefined, minWidth: layout === 'center'
+                        ? '140px'
+                        : layout === 'vertical'
+                            ? _isHidden
+                                ? 0
+                                : minSize || '140px'
+                            : undefined, as: exports.StyledDrawerResizable, style: __assign(__assign({ zIndex: wrapperZIndex, display: 'flex', position: 'fixed', overflow: hidable ? undefined : 'hidden', transformOrigin: 'top left' }, positions), styles), handleWrapperStyle: {
+                        zIndex: wrapperZIndex + 1
+                    }, size: {
+                        width: _isModal
+                            ? _size.width
+                            : layout === 'vertical'
+                                ? _isHidden
+                                    ? 0
+                                    : _size.width
+                                : 'auto',
+                        height: _isModal
+                            ? _size.height
+                            : layout === 'horizontal'
+                                ? _isHidden
+                                    ? 0
+                                    : _size.height
+                                : 'auto'
+                    }, onResize: resizable
+                        ? function (_, _direction, component) {
+                            setSize({
+                                width: component.style.width,
+                                height: component.style.height
+                            });
+                        }
+                        : undefined, enable: {
+                        top: (resizable && position === 'bottom') || _isModal ? true : false,
+                        right: (resizable && position === 'left') || _isModal ? true : false,
+                        left: (resizable && position === 'right') || _isModal ? true : false,
+                        bottom: (resizable && position === 'top') || _isModal ? true : false,
+                        bottomLeft: _isModal,
+                        bottomRight: _isModal,
+                        topLeft: _isModal,
+                        topRight: _isModal
+                    } }, { children: [_isHidden && hidable ? ((0, jsx_runtime_1.jsx)(exports.StyledCloseWrapper, __assign({ className: 'reqore-drawer-controls', position: position, w: layout === 'vertical' && _isHidden ? 0 : _size.width, h: layout === 'horizontal' && _isHidden ? 0 : _size.height }, { children: hidable && ((0, jsx_runtime_1.jsx)(Button_1["default"], { flat: true, customTheme: theme, className: 'reqore-drawer-control reqore-drawer-hide-button', icon: getHideShowIcon(position, _isHidden), onClick: function () {
+                                    setIsHidden(!_isHidden);
+                                    onHideToggle && onHideToggle(!_isHidden);
+                                } })) }))) : null, !_isHidden && ((0, jsx_runtime_1.jsx)(Panel_1.ReqorePanel, __assign({}, rest, { opacity: opacity, blur: hasBackdrop ? 0 : blur, actions: actions, customTheme: customTheme, intent: intent, rounded: floating || _isModal ? true : false, flat: flat, className: "".concat(className || '', " reqore-drawer"), style: {
+                                width: '100%',
+                                height: '100%'
+                            } }, { children: children })))] }))] }))) : null;
+    }), document.querySelector('#reqore-portal'));
+};
+exports.ReqoreDrawer = ReqoreDrawer;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=index.js.map

package/dist/src/components/Drawer/index.js.map

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

package/dist/src/components/Dropdown/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IPopoverOptions } from '../../hooks/usePopover';
+import { IReqoreIconName } from '../../types/icons';
+import { IReqoreButtonProps } from '../Button';
+import { IReqoreDropdownItemProps } from './item';
+export interface IReqoreDropdownProps<T> extends IPopoverOptions {
+    items?: IReqoreDropdownItemProps[];
+    multiSelect?: boolean;
+    buttonStyle?: React.CSSProperties;
+    listStyle?: React.CSSProperties;
+    component?: any;
+    componentProps?: T;
+    filterable?: boolean;
+    label?: any;
+    children?: any;
+    width?: string;
+    icon?: IReqoreIconName;
+    rightIcon?: IReqoreIconName;
+    caretPosition?: 'left' | 'right';
+    isDefaultOpen?: boolean;
+}
+declare const ReqoreDropdown: <T extends unknown = IReqoreButtonProps>({ items, component, componentProps, label, children, multiSelect, buttonStyle, listStyle, handler, placement, filterable, icon, rightIcon, caretPosition, isDefaultOpen, ...rest }: IReqoreDropdownProps<T>) => JSX.Element;
+export default ReqoreDropdown;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/Dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAGlD,MAAM,WAAW,oBAAoB,CAAC,CAAC,CAAE,SAAQ,eAAe;IAC9D,KAAK,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,cAAc,sQAoDnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/src/components/Dropdown/index.js

@@ -0,0 +1,38 @@
+"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 __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var lodash_1 = require("lodash");
+var __1 = require("../..");
+var Button_1 = __importDefault(require("../Button"));
+var list_1 = __importDefault(require("./list"));
+var ReqoreDropdown = function (_a) {
+    var items = _a.items, component = _a.component, componentProps = _a.componentProps, label = _a.label, children = _a.children, multiSelect = _a.multiSelect, buttonStyle = _a.buttonStyle, listStyle = _a.listStyle, handler = _a.handler, placement = _a.placement, filterable = _a.filterable, icon = _a.icon, rightIcon = _a.rightIcon, _b = _a.caretPosition, caretPosition = _b === void 0 ? 'left' : _b, _c = _a.isDefaultOpen, isDefaultOpen = _c === void 0 ? false : _c, rest = __rest(_a, ["items", "component", "componentProps", "label", "children", "multiSelect", "buttonStyle", "listStyle", "handler", "placement", "filterable", "icon", "rightIcon", "caretPosition", "isDefaultOpen"]);
+    return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({}, rest, { component: component || Button_1["default"], componentProps: __assign(__assign({ icon: caretPosition === 'left' ? icon || 'ArrowDownSFill' : rightIcon, rightIcon: caretPosition === 'right' ? icon || 'ArrowDownSFill' : rightIcon, style: buttonStyle, disabled: !(0, lodash_1.size)(items) }, rest), (componentProps || {})), noWrapper: true, placement: placement || 'bottom-start', handler: handler || 'click', openOnMount: isDefaultOpen, content: (0, lodash_1.size)(items) ? ((0, jsx_runtime_1.jsx)(list_1["default"], { multiSelect: multiSelect, listStyle: listStyle, width: rest.useTargetWidth ? '100%' : rest.width, items: items, filterable: filterable })) : undefined, noArrow: true }, { children: children || label })));
+};
+exports["default"] = ReqoreDropdown;
+//# sourceMappingURL=index.js.map

package/dist/src/components/Dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA8B;AAE9B,2BAAsC;AAGtC,qDAA6D;AAE7D,gDAAwC;AAmBxC,IAAM,cAAc,GAAG,UAAyC,EAiBtC;IAhBxB,IAAA,KAAK,WAAA,EACL,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,OAAO,aAAA,EACP,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,qBAAsB,EAAtB,aAAa,mBAAG,MAAM,KAAA,EACtB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EAClB,IAAI,cAhBuD,qMAiB/D,CADQ;IAEP,OAAO,CACL,uBAAC,iBAAa,eACR,IAAI,IACR,SAAS,EAAE,SAAS,IAAI,mBAAY,EACpC,cAAc,EACZ,oBACE,IAAI,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,gBAAgB,CAAC,CAAC,CAAC,SAAS,EACrE,SAAS,EAAE,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,gBAAgB,CAAC,CAAC,CAAC,SAAS,EAC3E,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,IAAA,aAAI,EAAC,KAAK,CAAC,IACnB,IAAI,GACH,CAAC,cAAc,IAAI,EAAE,CAAY,CACjC,EAER,SAAS,QACT,SAAS,EAAE,SAAS,IAAI,cAAc,EACtC,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,WAAW,EAAE,aAAa,EAC1B,OAAO,EACL,IAAA,aAAI,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACZ,uBAAC,iBAAkB,IACjB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAChD,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,GACtB,CACH,CAAC,CAAC,CAAC,SAAS,EAEf,OAAO,sBAEN,QAAQ,IAAI,KAAK,IACJ,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,cAAc,CAAC"}

package/dist/src/components/Dropdown/item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/item.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,wBAAyB,SAAQ,oBAAoB;CAAG;AAEzE,eAAO,MAAM,kBAAkB,0BAG5B,wBAAwB,gBAI1B,CAAC;AAEF,MAAM,WAAW,2BAA4B,SAAQ,uBAAuB;CAAG;AAE/E,eAAO,MAAM,qBAAqB,UAAW,2BAA2B,gBAEvE,CAAC"}

package/dist/src/components/Dropdown/item.js

@@ -0,0 +1,35 @@
+"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 __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;
+};
+exports.__esModule = true;
+exports.ReqoreDropdownDivider = exports.ReqoreDropdownItem = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var __1 = require("../..");
+var ReqoreDropdownItem = function (_a) {
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    return ((0, jsx_runtime_1.jsx)(__1.ReqoreMenuItem, __assign({}, rest, { rightIcon: rest.selected ? 'CheckLine' : undefined }, { children: children })));
+};
+exports.ReqoreDropdownItem = ReqoreDropdownItem;
+var ReqoreDropdownDivider = function (props) { return ((0, jsx_runtime_1.jsx)(__1.ReqoreMenuDivider, __assign({}, props))); };
+exports.ReqoreDropdownDivider = ReqoreDropdownDivider;
+//# sourceMappingURL=item.js.map

package/dist/src/components/Dropdown/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA0D;AAMnD,IAAM,kBAAkB,GAAG,UAAC,EAGR;IAFzB,IAAA,QAAQ,cAAA,EACL,IAAI,cAF0B,YAGlC,CADQ;IACuB,OAAA,CAC9B,uBAAC,kBAAc,eAAK,IAAI,IAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,gBACzE,QAAQ,IACM,CAClB,CAAA;CAAA,CAAC;AAPW,QAAA,kBAAkB,sBAO7B;AAIK,IAAM,qBAAqB,GAAG,UAAC,KAAkC,IAAK,OAAA,CAC3E,uBAAC,qBAAiB,eAAK,KAAK,EAAI,CACjC,EAF4E,CAE5E,CAAC;AAFW,QAAA,qBAAqB,yBAEhC"}

package/dist/src/components/Dropdown/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAuB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,kBAAkB,8EAQrB,wBAAwB,gBAkD1B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/src/components/Dropdown/list.js

@@ -0,0 +1,47 @@
+"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;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Input_1 = __importDefault(require("../Input"));
+var Menu_1 = __importDefault(require("../Menu"));
+var item_1 = __importDefault(require("../Menu/item"));
+var ReqoreDropdownList = function (_a) {
+    var items = _a.items, multiSelect = _a.multiSelect, listStyle = _a.listStyle, _popoverId = _a._popoverId, filterable = _a.filterable, width = _a.width, height = _a.height;
+    var _b = (0, react_1.useState)(items), _items = _b[0], setItems = _b[1];
+    var _c = (0, react_1.useState)(''), query = _c[0], setQuery = _c[1];
+    (0, react_1.useEffect)(function () {
+        setItems(items);
+    }, [items]);
+    var filteredItems = (0, react_1.useMemo)(function () {
+        if (!filterable || query === '') {
+            return _items;
+        }
+        return _items.filter(function (item) {
+            var text = item.label || item.children;
+            if (!text) {
+                return false;
+            }
+            return text.toString().toLowerCase().indexOf(query.toLowerCase()) !== -1;
+        });
+    }, [items, query, _items]);
+    var handleQueryChange = function (event) {
+        setQuery(event.target.value);
+    };
+    return ((0, jsx_runtime_1.jsxs)(Menu_1["default"], __assign({ _insidePopover: !multiSelect, _popoverId: _popoverId, style: listStyle, width: width, maxHeight: height || '300px' }, { children: [filterable && ((0, jsx_runtime_1.jsx)(Input_1["default"], { value: query, onChange: handleQueryChange, placeholder: 'Filter', autoFocus: true, onClearClick: function () { return setQuery(''); } })), filteredItems.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(item_1["default"], __assign({}, item, { rightIcon: item.selected ? 'CheckLine' : undefined }), index)); })] })));
+};
+exports["default"] = ReqoreDropdownList;
+//# sourceMappingURL=list.js.map

package/dist/src/components/Dropdown/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+BAA4D;AAE5D,mDAAmC;AACnC,iDAAiC;AACjC,sDAAoE;AAWpE,IAAM,kBAAkB,GAAG,UAAC,EAQD;QAPzB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,MAAM,YAAA;IAEA,IAAA,KAAqB,IAAA,gBAAQ,EAAyB,KAAK,CAAC,EAA3D,MAAM,QAAA,EAAE,QAAQ,QAA2C,CAAC;IAC7D,IAAA,KAAoB,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAAvC,KAAK,QAAA,EAAE,QAAQ,QAAwB,CAAC;IAE/C,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAM,aAAa,GAA2B,IAAA,eAAO,EAAC;QACpD,IAAI,CAAC,UAAU,IAAI,KAAK,KAAK,EAAE,EAAE;YAC/B,OAAO,MAAM,CAAC;SACf;QAED,OAAO,MAAM,CAAC,MAAM,CAAC,UAAC,IAAI;YACxB,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC;YAEzC,IAAI,CAAC,IAAI,EAAE;gBACT,OAAO,KAAK,CAAC;aACd;YAED,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3B,IAAM,iBAAiB,GAAG,UAAC,KAA0C;QACnE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,iBAAU,aACT,cAAc,EAAE,CAAC,WAAW,EAC5B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,MAAM,IAAI,OAAO,iBAE3B,UAAU,IAAI,CACb,uBAAC,kBAAW,IACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAC,QAAQ,EACpB,SAAS,QACT,YAAY,EAAE,cAAM,OAAA,QAAQ,CAAC,EAAE,CAAC,EAAZ,CAAY,GAChC,CACH,EACA,aAAa,CAAC,GAAG,CAAC,UAAC,IAA0B,EAAE,KAAa,IAAK,OAAA,CAChE,uBAAC,iBAAc,eAAiB,IAAI,IAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,KAAnE,KAAK,CAAkE,CAC7F,EAFiE,CAEjE,CAAC,KACS,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,kBAAkB,CAAC"}

package/dist/src/components/Header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGpE,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAClF,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAQD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC"}

package/dist/src/components/Header/index.js

@@ -0,0 +1,44 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+exports.__esModule = true;
+exports.ReqoreH6 = exports.ReqoreH5 = exports.ReqoreH4 = exports.ReqoreH3 = exports.ReqoreH2 = exports.ReqoreH1 = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+var colors_1 = require("../../helpers/colors");
+var style = function (_a) {
+    var theme = _a.theme, intent = _a.intent;
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  color: ", ";\n"], ["\n  margin: 0;\n  padding: 0;\n  color: ", ";\n"])), intent ? theme.intents[intent] : (0, colors_1.getReadableColor)(theme, undefined, undefined, true));
+};
+exports.ReqoreH1 = styled_components_1["default"].h1(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) { return style(props); });
+exports.ReqoreH2 = styled_components_1["default"].h2(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) { return style(props); });
+exports.ReqoreH3 = styled_components_1["default"].h3(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) { return style(props); });
+exports.ReqoreH4 = styled_components_1["default"].h4(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) { return style(props); });
+exports.ReqoreH5 = styled_components_1["default"].h5(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) { return style(props); });
+exports.ReqoreH6 = styled_components_1["default"].h6(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) { return style(props); });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=index.js.map

package/dist/src/components/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,+CAAwD;AAOxD,IAAM,KAAK,GAAG,UAAC,EAAqC;QAAnC,KAAK,WAAA,EAAE,MAAM,YAAA;IAA2B,WAAA,uBAAG,qHAAA,0CAGjD,EAAoF,KAC9F,KADU,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAHtC,CAIxD,CAAC;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB"}

package/dist/src/components/Icon/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { IconBaseProps } from 'react-icons/lib';
+import { IReqoreIntent } from '../../constants/theme';
+import { IReqoreIconName } from '../../types/icons';
+export interface IReqoreIconProps extends React.HTMLAttributes<HTMLSpanElement> {
+    icon: IReqoreIconName;
+    color?: string;
+    size?: string;
+    iconProps?: IconBaseProps;
+    intent?: IReqoreIntent;
+    margin?: 'right' | 'left' | 'both';
+}
+export declare const StyledIconWrapper: any;
+declare const ReqoreIcon: React.MemoExoticComponent<({ icon, size, className, color, margin, style, iconProps, intent, ...rest }: IReqoreIconProps) => JSX.Element>;
+export default ReqoreIcon;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/Icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAI1D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC7E,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;CACpC;AAED,eAAO,MAAM,iBAAiB,KAY7B,CAAC;AAEF,QAAA,MAAM,UAAU,0GAWX,gBAAgB,iBAqCpB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/components/Icon/index.js

@@ -0,0 +1,81 @@
+"use strict";
+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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+exports.__esModule = true;
+exports.StyledIconWrapper = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_icons_1 = require("react-icons");
+var RemixIcons = __importStar(require("react-icons/ri"));
+var styled_components_1 = __importStar(require("styled-components"));
+var __1 = require("../..");
+exports.StyledIconWrapper = styled_components_1["default"].span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: inline-block;\n  flex: 0 0 auto;\n  vertical-align: text-bottom;\n  transition: all 0.2s ease-out;\n\n  ", "\n"], ["\n  display: inline-block;\n  flex: 0 0 auto;\n  vertical-align: text-bottom;\n  transition: all 0.2s ease-out;\n\n  ", "\n"])), function (_a) {
+    var margin = _a.margin;
+    return margin && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      margin-left: ", ";\n      margin-right: ", ";\n    "], ["\n      margin-left: ", ";\n      margin-right: ", ";\n    "])), (margin === 'left' || margin === 'both') && '10px', (margin === 'right' || margin === 'both') && '10px');
+});
+var ReqoreIcon = (0, react_1.memo)(function (_a) {
+    var icon = _a.icon, _b = _a.size, size = _b === void 0 ? '17px' : _b, className = _a.className, color = _a.color, margin = _a.margin, _c = _a.style, style = _c === void 0 ? {} : _c, iconProps = _a.iconProps, intent = _a.intent, rest = __rest(_a, ["icon", "size", "className", "color", "margin", "style", "iconProps", "intent"]);
+    var theme = (0, react_1.useContext)(__1.ReqoreThemeContext);
+    var Icon = RemixIcons["Ri".concat(icon)];
+    var finalColor = intent ? theme.intents[intent] : color;
+    if (!Icon) {
+        return ((0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, __assign({}, rest, { margin: margin, className: "".concat(className || '', " reqore-icon"), style: __assign(__assign({}, style), { width: size, height: size }) })));
+    }
+    return ((0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, __assign({}, rest, { margin: margin, style: __assign(__assign({}, style), { width: size, height: size }), className: "".concat(className || '', " reqore-icon") }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.IconContext.Provider, __assign({ value: {
+                color: finalColor || 'inherit',
+                size: size,
+                style: {
+                    verticalAlign: 'super'
+                }
+            } }, { children: (0, jsx_runtime_1.jsx)(Icon, __assign({}, iconProps)) })) })));
+});
+exports["default"] = ReqoreIcon;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=index.js.map

package/dist/src/components/Icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgD;AAChD,2CAA0C;AAE1C,yDAA6C;AAC7C,qEAAgD;AAChD,2BAA2C;AAa9B,QAAA,iBAAiB,GAAG,8BAAM,CAAC,IAAI,gMAAuC,uHAM/E,EAKC,IACJ,KANG,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM,QACN,uBAAG,iIAAA,uBACc,EAAkD,yBACjD,EAAmD,SACpE,KAFgB,CAAC,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,MAAM,CAAC,IAAI,MAAM,EACjD,CAAC,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,MAAM,CAAC,IAAI,MAAM,CACpE;AAJD,CAIC,EACH;AAEF,IAAM,UAAU,GAAG,IAAA,YAAI,EACrB,UAAC,EAUkB;IATjB,IAAA,IAAI,UAAA,EACJ,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EACb,SAAS,eAAA,EACT,KAAK,WAAA,EACL,MAAM,YAAA,EACN,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,SAAS,eAAA,EACT,MAAM,YAAA,EACH,IAAI,cATR,gFAUA,CADQ;IAEP,IAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,sBAAkB,CAAC,CAAC;IAC7C,IAAM,IAAI,GAAa,UAAU,CAAC,YAAK,IAAI,CAAE,CAAC,CAAC;IAC/C,IAAM,UAAU,GAAuB,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAE9E,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,CACL,uBAAC,yBAAiB,eACZ,IAAI,IACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,iBAAc,EAC3C,KAAK,wBAAO,KAAK,KAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,OAC5C,CACH,CAAC;KACH;IAED,OAAO,CACL,uBAAC,yBAAiB,eACZ,IAAI,IACR,MAAM,EAAE,MAAM,EACd,KAAK,wBAAO,KAAK,KAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,KAC5C,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,iBAAc,gBAE3C,uBAAC,yBAAW,CAAC,QAAQ,aACnB,KAAK,EAAE;gBACL,KAAK,EAAE,UAAU,IAAI,SAAS;gBAC9B,IAAI,MAAA;gBACJ,KAAK,EAAE;oBACL,aAAa,EAAE,OAAO;iBACvB;aACF,gBAED,uBAAC,IAAI,eAAK,SAAS,EAAI,IACF,IACL,CACrB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,UAAU,CAAC"}