@qoretechnologies/reqore 0.20.1 → 0.20.2

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
+export interface IReqoreHeaderStyle extends React.HTMLAttributes<HTMLHeadingElement> {
+    theme: IReqoreTheme;
+    intent?: IReqoreIntent;
+}
+export declare const ReqoreH1: React.FC<Omit<IReqoreHeaderStyle, 'theme'>>;
+export declare const ReqoreH2: React.FC<Omit<IReqoreHeaderStyle, 'theme'>>;
+export declare const ReqoreH3: React.FC<Omit<IReqoreHeaderStyle, 'theme'>>;
+export declare const ReqoreH4: React.FC<Omit<IReqoreHeaderStyle, 'theme'>>;
+export declare const ReqoreH5: React.FC<Omit<IReqoreHeaderStyle, 'theme'>>;
+export declare const ReqoreH6: React.FC<Omit<IReqoreHeaderStyle, 'theme'>>;
+//# sourceMappingURL=index.d.ts.map

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"}

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

@@ -0,0 +1,33 @@
+import { Placement } from '@popperjs/core';
+import React from 'react';
+import { TSizes } from '../../constants/sizes';
+import { IReqoreTheme } from '../../constants/theme';
+import { IReqoreIconName } from '../../types/icons';
+export interface IReqoreInputProps extends React.HTMLAttributes<HTMLInputElement> {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    tooltip?: string;
+    tooltipPlacement?: Placement;
+    width?: number;
+    size?: TSizes;
+    minimal?: boolean;
+    fluid?: boolean;
+    fixed?: boolean;
+    value?: string | number;
+    onClearClick?: () => void;
+    maxLength?: number;
+    icon?: IReqoreIconName;
+    flat?: boolean;
+    rounded?: boolean;
+}
+export interface IReqoreInputStyle extends IReqoreInputProps {
+    theme: IReqoreTheme;
+    _size?: TSizes;
+    clearable?: boolean;
+    hasIcon?: boolean;
+}
+export declare const StyledInputWrapper: any;
+export declare const StyledInput: any;
+declare const ReqoreInput: React.ForwardRefExoticComponent<IReqoreInputProps & React.RefAttributes<unknown>>;
+export default ReqoreInput;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAgD,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB,KAsB9B,CAAC;AAWF,eAAO,MAAM,WAAW,KA4CvB,CAAC;AAEF,QAAA,MAAM,WAAW,mFAiEhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,115 @@
+"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 __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.StyledInput = exports.StyledInputWrapper = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var polished_1 = require("polished");
+var react_1 = require("react");
+var styled_components_1 = __importDefault(require("styled-components"));
+var sizes_1 = require("../../constants/sizes");
+var colors_1 = require("../../helpers/colors");
+var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
+var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
+var Icon_1 = __importDefault(require("../Icon"));
+var InputClearButton_1 = __importDefault(require("../InputClearButton"));
+exports.StyledInputWrapper = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", "px;\n  width: ", ";\n  flex: ", ";\n  font-size: ", "px;\n  position: relative;\n  overflow: hidden;\n  border-radius: ", "px;\n  border: ", ";\n  border-bottom: ", ";\n\n  transition: all 0.2s ease-out;\n\n  &:active,\n  &:focus,\n  &:hover {\n    outline: none;\n    border-color: ", ";\n  }\n"], ["\n  height: ", "px;\n  width: ", ";\n  flex: ", ";\n  font-size: ", "px;\n  position: relative;\n  overflow: hidden;\n  border-radius: ", "px;\n  border: ", ";\n  border-bottom: ", ";\n\n  transition: all 0.2s ease-out;\n\n  &:active,\n  &:focus,\n  &:hover {\n    outline: none;\n    border-color: ", ";\n  }\n"])), function (_a) {
+    var _size = _a._size;
+    return sizes_1.SIZE_TO_PX[_size];
+}, function (_a) {
+    var width = _a.width;
+    return (width ? "".concat(width, "px") : 'auto');
+}, function (_a) {
+    var fluid = _a.fluid, fixed = _a.fixed;
+    return (fixed ? '0 auto' : fluid ? '1' : '0 0 auto');
+}, function (_a) {
+    var _size = _a._size;
+    return sizes_1.TEXT_FROM_SIZE[_size];
+}, function (_a) {
+    var minimal = _a.minimal, rounded = _a.rounded, _size = _a._size;
+    return minimal || !rounded ? 0 : sizes_1.RADIUS_FROM_SIZE[_size];
+}, function (_a) {
+    var minimal = _a.minimal, theme = _a.theme, flat = _a.flat;
+    return !minimal && !flat ? "1px solid ".concat((0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.2)) : 0;
+}, function (_a) {
+    var minimal = _a.minimal, theme = _a.theme, flat = _a.flat;
+    return minimal && !flat ? "0.5px solid ".concat((0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.2)) : undefined;
+}, function (_a) {
+    var theme = _a.theme;
+    return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.3);
+});
+var StyledIconWrapper = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  height: ", "px;\n  width: ", "px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  position: absolute;\n  height: ", "px;\n  width: ", "px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])), function (_a) {
+    var _size = _a._size;
+    return sizes_1.SIZE_TO_PX[_size];
+}, function (_a) {
+    var _size = _a._size;
+    return sizes_1.SIZE_TO_PX[_size];
+});
+exports.StyledInput = styled_components_1["default"].input(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  flex: 1;\n  margin: 0;\n  padding: 0 7px;\n  padding-right: ", "px;\n  padding-left: ", "px;\n  font-size: ", "px;\n  border: none;\n\n  background-color: ", ";\n  color: ", ";\n\n  transition: all 0.2s ease-out;\n\n  &:active,\n  &:focus,\n  &:hover {\n    outline: none;\n  }\n\n  &:active,\n  &:focus {\n    background-color: ", ";\n  }\n\n  &::placeholder {\n    transition: all 0.2s ease-out;\n    color: ", ";\n  }\n\n  &:focus {\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  &:disabled {\n    pointer-events: none;\n    opacity: 0.3;\n  }\n"], ["\n  height: 100%;\n  width: 100%;\n  flex: 1;\n  margin: 0;\n  padding: 0 7px;\n  padding-right: ", "px;\n  padding-left: ", "px;\n  font-size: ", "px;\n  border: none;\n\n  background-color: ", ";\n  color: ", ";\n\n  transition: all 0.2s ease-out;\n\n  &:active,\n  &:focus,\n  &:hover {\n    outline: none;\n  }\n\n  &:active,\n  &:focus {\n    background-color: ", ";\n  }\n\n  &::placeholder {\n    transition: all 0.2s ease-out;\n    color: ", ";\n  }\n\n  &:focus {\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  &:disabled {\n    pointer-events: none;\n    opacity: 0.3;\n  }\n"])), function (_a) {
+    var clearable = _a.clearable, _size = _a._size;
+    return (clearable ? sizes_1.SIZE_TO_PX[_size] : 7);
+}, function (_a) {
+    var hasIcon = _a.hasIcon, _size = _a._size;
+    return (hasIcon ? sizes_1.SIZE_TO_PX[_size] : 7);
+}, function (_a) {
+    var _size = _a._size;
+    return sizes_1.TEXT_FROM_SIZE[_size];
+}, function (_a) {
+    var theme = _a.theme, minimal = _a.minimal;
+    return minimal ? 'transparent' : (0, polished_1.darken)(0.01, theme.main);
+}, function (_a) {
+    var theme = _a.theme;
+    return (0, colors_1.getReadableColor)(theme);
+}, function (_a) {
+    var theme = _a.theme, minimal = _a.minimal;
+    return minimal ? 'transparent' : (0, colors_1.changeLightness)((0, polished_1.darken)(0.01, theme.main), 0.01);
+}, function (_a) {
+    var theme = _a.theme;
+    return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.3);
+}, function (_a) {
+    var theme = _a.theme;
+    return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.5);
+});
+var ReqoreInput = (0, react_1.forwardRef)(function (_a, ref) {
+    var tooltip = _a.tooltip, tooltipPlacement = _a.tooltipPlacement, width = _a.width, _b = _a.size, size = _b === void 0 ? 'normal' : _b, fluid = _a.fluid, fixed = _a.fixed, className = _a.className, onClearClick = _a.onClearClick, icon = _a.icon, flat = _a.flat, _c = _a.rounded, rounded = _c === void 0 ? true : _c, minimal = _a.minimal, children = _a.children, rest = __rest(_a, ["tooltip", "tooltipPlacement", "width", "size", "fluid", "fixed", "className", "onClearClick", "icon", "flat", "rounded", "minimal", "children"]);
+    var innerRef = (0, react_1.useRef)(null);
+    var combinedRef = (0, useCombinedRefs_1.useCombinedRefs)(innerRef, ref);
+    (0, usePopover_1["default"])({
+        targetElement: combinedRef.current,
+        content: tooltip,
+        handler: 'hover',
+        placement: tooltipPlacement,
+        show: !!tooltip
+    });
+    return ((0, jsx_runtime_1.jsxs)(exports.StyledInputWrapper, __assign({ className: 'reqore-control-wrapper', fluid: fluid, fixed: fixed, width: width, flat: flat, rounded: rounded, minimal: minimal, _size: size, ref: combinedRef }, { children: [icon && ((0, jsx_runtime_1.jsx)(StyledIconWrapper, __assign({ _size: size }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px"), icon: icon }) }))), (0, jsx_runtime_1.jsx)(exports.StyledInput, __assign({}, rest, { _size: size, minimal: minimal, hasIcon: !!icon, clearable: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && (rest === null || rest === void 0 ? void 0 : rest.onChange)), className: "".concat(className || '', " reqore-control reqore-input") })), (0, jsx_runtime_1.jsx)(InputClearButton_1["default"], { enabled: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && (rest === null || rest === void 0 ? void 0 : rest.onChange)), onClick: onClearClick, size: size, show: (rest === null || rest === void 0 ? void 0 : rest.value) && rest.value !== '' ? true : false })] })));
+});
+exports["default"] = ReqoreInput;
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IReqoreButtonProps } from '../Button';
+export interface IReqoreInputClearButtonProps extends IReqoreButtonProps {
+    show: boolean;
+    enabled: boolean;
+}
+export declare const StyledInputClearButton: any;
+declare const ReqoreInputClearButton: ({ show, enabled, size, ...rest }: IReqoreInputClearButtonProps) => JSX.Element;
+export default ReqoreInputClearButton;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InputClearButton/index.tsx"],"names":[],"mappings":";AACA,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE7D,MAAM,WAAW,4BAA6B,SAAQ,kBAAkB;IACtE,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,sBAAsB,KAKlC,CAAC;AAEF,QAAA,MAAM,sBAAsB,qCAKzB,4BAA4B,gBAWrB,CAAC;AAEX,eAAe,sBAAsB,CAAC"}

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

@@ -0,0 +1,49 @@
+"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 __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.StyledInputClearButton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = __importDefault(require("styled-components"));
+var Button_1 = __importDefault(require("../Button"));
+exports.StyledInputClearButton = (0, styled_components_1["default"])(Button_1["default"])(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  right: ", "px;\n  top: 0;\n  opacity: ", ";\n"], ["\n  position: absolute;\n  right: ", "px;\n  top: 0;\n  opacity: ", ";\n"])), function (_a) {
+    var show = _a.show;
+    return (show ? 0 : -40);
+}, function (_a) {
+    var show = _a.show;
+    return (show ? 0.2 : 0);
+});
+var ReqoreInputClearButton = function (_a) {
+    var show = _a.show, enabled = _a.enabled, _b = _a.size, size = _b === void 0 ? 'normal' : _b, rest = __rest(_a, ["show", "enabled", "size"]);
+    return enabled ? ((0, jsx_runtime_1.jsx)(exports.StyledInputClearButton, __assign({}, rest, { className: 'reqore-clear-input-button', icon: 'CloseLine', minimal: true, tabIndex: show ? 1 : -1, size: size, show: show }))) : null;
+};
+exports["default"] = ReqoreInputClearButton;
+var templateObject_1;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/InputClearButton/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wEAAuC;AACvC,qDAA6D;AAOhD,QAAA,sBAAsB,GAAG,IAAA,8BAAM,EAAC,mBAAY,CAAC,6IAAoB,oCAEnE,EAA8B,6BAE5B,EAA8B,KAC1C,KAHU,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAAhB,CAAgB,EAE5B,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAAhB,CAAgB,EACzC;AAEF,IAAM,sBAAsB,GAAG,UAAC,EAKD;IAJ7B,IAAA,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACZ,IAAI,cAJuB,2BAK/B,CADQ;IAEP,OAAA,OAAO,CAAC,CAAC,CAAC,CACR,uBAAC,8BAAsB,eACjB,IAAI,IACR,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,WAAW,EAChB,OAAO,QACP,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACvB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,IACV,CACH,CAAC,CAAC,CAAC,IAAI,CAAA;CAAA,CAAC;AAEX,qBAAe,sBAAsB,CAAC"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IPopoverData } from '../../containers/PopoverProvider';
+export interface IReqoreInternalPopoverProps extends IPopoverData {
+}
+declare const InternalPopover: React.FC<IReqoreInternalPopoverProps>;
+export default InternalPopover;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InternalPopover/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoE,MAAM,OAAO,CAAC;AAIzF,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AA+EhE,MAAM,WAAW,2BAA4B,SAAQ,YAAY;CAAG;AAEpE,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAgG1D,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,132 @@
+"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 __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 react_1 = __importStar(require("react"));
+var react_popper_1 = require("react-popper");
+var styled_components_1 = __importStar(require("styled-components"));
+var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
+var PopoverContext_1 = __importDefault(require("../../context/PopoverContext"));
+var animations_1 = require("../../helpers/animations");
+var colors_1 = require("../../helpers/colors");
+var StyledPopoverArrow = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 10px;\n  height: 10px;\n  position: absolute;\n  z-index: -1;\n\n  &:before {\n    content: '';\n    display: block;\n    width: 10px;\n    height: 10px;\n    position: absolute;\n    z-index: -1;\n    transform: rotate(45deg);\n    ", "\n  }\n"], ["\n  width: 10px;\n  height: 10px;\n  position: absolute;\n  z-index: -1;\n\n  &:before {\n    content: '';\n    display: block;\n    width: 10px;\n    height: 10px;\n    position: absolute;\n    z-index: -1;\n    transform: rotate(45deg);\n    ", "\n  }\n"])), function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n      box-shadow: rgba(31, 26, 34, 0.6) 0px 0px 4px;\n    "], ["\n      background-color: ", ";\n      box-shadow: rgba(31, 26, 34, 0.6) 0px 0px 4px;\n    "])), ((_b = theme.popover) === null || _b === void 0 ? void 0 : _b.main) || theme.main);
+});
+var StyledPopoverWrapper = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  animation: 0.2s ", " ease-out;\n\n  ", "\n\n  &[data-popper-placement^='top'] > ", " {\n    bottom: -5px;\n  }\n\n  &[data-popper-placement^='bottom'] > ", " {\n    top: -5px;\n  }\n\n  &[data-popper-placement^='left'] > ", " {\n    right: -5px;\n  }\n\n  &[data-popper-placement^='right'] > ", " {\n    left: -5px;\n  }\n\n  &[data-popper-reference-hidden='true'] {\n    visibility: hidden;\n    pointer-events: none;\n  }\n"], ["\n  animation: 0.2s ", " ease-out;\n\n  ", "\n\n  &[data-popper-placement^='top'] > ", " {\n    bottom: -5px;\n  }\n\n  &[data-popper-placement^='bottom'] > ", " {\n    top: -5px;\n  }\n\n  &[data-popper-placement^='left'] > ", " {\n    right: -5px;\n  }\n\n  &[data-popper-placement^='right'] > ", " {\n    left: -5px;\n  }\n\n  &[data-popper-reference-hidden='true'] {\n    visibility: hidden;\n    pointer-events: none;\n  }\n"])), animations_1.fadeIn, function (_a) {
+    var _b;
+    var theme = _a.theme;
+    var defaultColor = ((_b = theme.popover) === null || _b === void 0 ? void 0 : _b.main) || theme.main;
+    return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      z-index: 999999;\n      background-color: ", ";\n      color: ", ";\n      border-radius: 3.5px;\n      box-shadow: rgba(31, 26, 34, 0.6) 0px 0px 4px;\n    "], ["\n      z-index: 999999;\n      background-color: ", ";\n      color: ", ";\n      border-radius: 3.5px;\n      box-shadow: rgba(31, 26, 34, 0.6) 0px 0px 4px;\n    "])), defaultColor, (0, colors_1.getReadableColor)(theme, undefined, undefined, false, defaultColor));
+}, StyledPopoverArrow, StyledPopoverArrow, StyledPopoverArrow, StyledPopoverArrow);
+var StyledPopoverContent = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  padding: ", ";\n  z-index: 20;\n  position: relative;\n  overflow: hidden;\n  background-color: ", ";\n  border-radius: 3.5px;\n\n  .reqore-popover-text {\n    font-size: 14px;\n  }\n"], ["\n  width: 100%;\n  height: 100%;\n  padding: ", ";\n  z-index: 20;\n  position: relative;\n  overflow: hidden;\n  background-color: ", ";\n  border-radius: 3.5px;\n\n  .reqore-popover-text {\n    font-size: 14px;\n  }\n"])), function (_a) {
+    var isString = _a.isString;
+    return (isString ? '8px' : '0px');
+}, function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return ((_b = theme.popover) === null || _b === void 0 ? void 0 : _b.main) || theme.main;
+});
+var InternalPopover = function (_a) {
+    var _b, _c;
+    var targetElement = _a.targetElement, content = _a.content, id = _a.id, placement = _a.placement, noArrow = _a.noArrow, useTargetWidth = _a.useTargetWidth;
+    var _d = (0, react_1.useContext)(PopoverContext_1["default"]), removePopover = _d.removePopover, updatePopover = _d.updatePopover, uiScale = _d.uiScale;
+    var _e = (0, react_1.useState)(null), popperElement = _e[0], setPopperElement = _e[1];
+    var _f = (0, react_1.useState)(null), arrowElement = _f[0], setArrowElement = _f[1];
+    var popperRef = (0, react_1.useRef)(null);
+    var _g = (0, react_popper_1.usePopper)(targetElement, popperElement, {
+        placement: placement,
+        modifiers: [
+            {
+                name: 'offset',
+                options: {
+                    offset: [0, noArrow ? -1 : 10]
+                }
+            },
+            {
+                name: 'arrow',
+                options: {
+                    element: arrowElement
+                }
+            },
+            {
+                name: 'hide',
+                enabled: true
+            },
+        ]
+    }), styles = _g.styles, attributes = _g.attributes;
+    (0, react_1.useEffect)(function () {
+        if (popperRef.current) {
+            updatePopover === null || updatePopover === void 0 ? void 0 : updatePopover(id, { popperRef: popperRef });
+        }
+    }, [popperRef]);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        if ((_a = attributes === null || attributes === void 0 ? void 0 : attributes.popper) === null || _a === void 0 ? void 0 : _a['data-popper-reference-hidden']) {
+            removePopover === null || removePopover === void 0 ? void 0 : removePopover(id);
+        }
+    }, [attributes === null || attributes === void 0 ? void 0 : attributes.popper]);
+    /* Getting the x and y values from the transform property of the popper element. */
+    var translateValues = (_b = styles.popper.transform) === null || _b === void 0 ? void 0 : _b.replace('translate3d(', '').replace('translate(', '').replace(')', '').split(',').map(function (axis) {
+        if (uiScale || uiScale === 0) {
+            return parseInt(axis, 10) < 0 ? parseInt(axis, 10) * uiScale : parseInt(axis, 10) / uiScale;
+        }
+        return parseInt(axis, 10);
+    });
+    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(StyledPopoverWrapper, __assign({ className: 'reqore-popover-content', ref: function (el) {
+                setPopperElement(el);
+                popperRef.current = el;
+            }, style: __assign(__assign({}, styles.popper), { transform: "translate(".concat((translateValues === null || translateValues === void 0 ? void 0 : translateValues[0]) || 0, "px, ").concat((translateValues === null || translateValues === void 0 ? void 0 : translateValues[1]) || 0, "px)"), width: useTargetWidth && (((_c = targetElement === null || targetElement === void 0 ? void 0 : targetElement.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.width) || undefined) }) }, attributes.popper, { children: [!noArrow && ((0, jsx_runtime_1.jsx)(StyledPopoverArrow, { ref: setArrowElement, style: styles.arrow, "data-popper-arrow": true })), (0, jsx_runtime_1.jsx)(StyledPopoverContent, __assign({ isString: (0, lodash_1.isString)(content) }, { children: (0, lodash_1.isString)(content) ? ((0, jsx_runtime_1.jsx)("span", __assign({ className: 'reqore-popover-text' }, { children: content }))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1["default"].Children.map(content, function (child) {
+                            return child
+                                ? react_1["default"].cloneElement(child, {
+                                    _insidePopover: true,
+                                    _popoverId: id
+                                })
+                                : null;
+                        }) })) }))] })) }));
+};
+exports["default"] = InternalPopover;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=index.js.map