@qoretechnologies/reqore 0.20.1 → 0.20.4

package/dist/src/components/Content/wrapper.js

@@ -0,0 +1,43 @@
+"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;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var styled_components_1 = __importDefault(require("styled-components"));
+var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
+var StyledReqoreContentWrapper = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  flex: 1;\n  padding: 15px;\n  overflow: hidden;\n"], ["\n  display: flex;\n  flex-flow: column;\n  flex: 1;\n  padding: 15px;\n  overflow: hidden;\n"])));
+var ReqoreContentWrapper = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsx)(StyledReqoreContentWrapper, __assign({}, rest, { ref: ref, className: "".concat(className || "", " reqore-content-wrapper") }, { children: children })) }));
+});
+exports["default"] = ReqoreContentWrapper;
+var templateObject_1;
+//# sourceMappingURL=wrapper.js.map

package/dist/src/components/Content/wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapper.js","sourceRoot":"","sources":["../../../../src/components/Content/wrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,wEAAuC;AAEvC,iFAAiE;AAWjE,IAAM,0BAA0B,GAAG,8BAAM,CAAC,GAAG,kKAAqB,+FAMjE,IAAA,CAAC;AAEF,IAAM,oBAAoB,GAAG,IAAA,kBAAU,EACrC,UAAC,EAA4D,EAAE,GAAQ;IAApE,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,IAAI,cAA9B,yBAAgC,CAAF;IAA6C,OAAA,CAC1E,uBAAC,0BAAmB,cAClB,uBAAC,0BAA0B,eACrB,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,4BAAyB,gBAErD,QAAQ,IACkB,GACT,CACvB,CAAA;CAAA,CACF,CAAC;AAEF,qBAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { TSizes } from '../../constants/sizes';
+import { IReqoreTheme } from '../../constants/theme';
+export interface IReqoreControlGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    stack?: boolean;
+    minimal?: boolean;
+    size?: TSizes;
+    children: any;
+    fluid?: boolean;
+    rounded?: boolean;
+}
+export interface IReqoreControlGroupStyle extends IReqoreControlGroupProps {
+    theme: IReqoreTheme;
+}
+declare const ReqoreControlGroup: ({ children, className, minimal, size, fluid, rounded, ...rest }: IReqoreControlGroupProps) => JSX.Element;
+export default ReqoreControlGroup;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAoB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACxE,KAAK,EAAE,YAAY,CAAC;CACrB;AAoCD,QAAA,MAAM,kBAAkB,oEAQrB,wBAAwB,gBAkB1B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,90 @@
+"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;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importStar(require("styled-components"));
+var sizes_1 = require("../../constants/sizes");
+var StyledControlGroup = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex: 0 auto;\n  width: ", ";\n\n  > .reqore-control-wrapper .reqore-control {\n    border-radius: ", ";\n  }\n\n  > .reqore-control,\n  > .reqore-control-wrapper,\n  > * {\n    &:not(:last-child) {\n      margin-right: ", ";\n    }\n\n    border-radius: ", ";\n\n    ", "\n  }\n"], ["\n  display: flex;\n  flex: 0 auto;\n  width: ", ";\n\n  > .reqore-control-wrapper .reqore-control {\n    border-radius: ", ";\n  }\n\n  > .reqore-control,\n  > .reqore-control-wrapper,\n  > * {\n    &:not(:last-child) {\n      margin-right: ", ";\n    }\n\n    border-radius: ", ";\n\n    ", "\n  }\n"])), function (_a) {
+    var fluid = _a.fluid;
+    return (fluid ? '100%' : undefined);
+}, function (_a) {
+    var stack = _a.stack;
+    return (!stack ? undefined : 0);
+}, function (_a) {
+    var stack = _a.stack;
+    return (!stack ? '5px' : undefined);
+}, function (_a) {
+    var stack = _a.stack;
+    return (!stack ? undefined : 0);
+}, function (_a) {
+    var rounded = _a.rounded, size = _a.size;
+    return rounded && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        &:first-child {\n          border-top-left-radius: ", "px;\n          border-bottom-left-radius: ", "px;\n        }\n\n        &:last-child {\n          border-top-right-radius: ", "px;\n          border-bottom-right-radius: ", "px;\n        }\n      "], ["\n        &:first-child {\n          border-top-left-radius: ", "px;\n          border-bottom-left-radius: ", "px;\n        }\n\n        &:last-child {\n          border-top-right-radius: ", "px;\n          border-bottom-right-radius: ", "px;\n        }\n      "])), sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size]);
+});
+var ReqoreControlGroup = function (_a) {
+    var children = _a.children, className = _a.className, minimal = _a.minimal, _b = _a.size, size = _b === void 0 ? 'normal' : _b, fluid = _a.fluid, _c = _a.rounded, rounded = _c === void 0 ? true : _c, rest = __rest(_a, ["children", "className", "minimal", "size", "fluid", "rounded"]);
+    return ((0, jsx_runtime_1.jsx)(StyledControlGroup, __assign({}, rest, { size: size, rounded: rounded, fluid: fluid, className: "".concat(className || '', " reqore-control-group") }, { children: react_1["default"].Children.map(children, function (child) {
+            var _a;
+            return child
+                ? react_1["default"].cloneElement(child, {
+                    minimal: minimal || ((_a = child.props) === null || _a === void 0 ? void 0 : _a.minimal),
+                    size: size,
+                    fluid: fluid
+                })
+                : null;
+        }) })));
+};
+exports["default"] = ReqoreControlGroup;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qEAAgD;AAChD,+CAAiE;AAgBjE,IAAM,kBAAkB,GAAG,8BAAM,CAAC,GAAG,kXAA0B,gDAGpD,EAA2C,yEAGjC,EAAuC,uHAOtC,EAA2C,iCAG5C,EAAuC,WAEtD,EAYC,SAEN,KA7BU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;AAA5B,CAA4B,EAGjC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAAxB,CAAwB,EAOtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;AAA5B,CAA4B,EAG5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAAxB,CAAwB,EAEtD,UAAC,EAAiB;QAAf,OAAO,aAAA,EAAE,IAAI,UAAA;IAChB,OAAA,OAAO,QACP,uBAAG,2UAAA,+DAE2B,EAAsB,4CACnB,EAAsB,+EAIxB,EAAsB,6CACnB,EAAsB,wBAEvD,KAR6B,wBAAgB,CAAC,IAAI,CAAC,EACnB,wBAAgB,CAAC,IAAI,CAAC,EAIxB,wBAAgB,CAAC,IAAI,CAAC,EACnB,wBAAgB,CAAC,IAAI,CAAC,CAEvD;AAXD,CAWC,CAEN,CAAC;AAEF,IAAM,kBAAkB,GAAG,UAAC,EAQD;IAPzB,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,OAAO,aAAA,EACP,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,KAAK,WAAA,EACL,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACX,IAAI,cAPmB,gEAQ3B,CADQ;IACuB,OAAA,CAC9B,uBAAC,kBAAkB,eACb,IAAI,IACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,0BAAuB,gBAEnD,kBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;;YAClC,OAAA,KAAK;gBACH,CAAC,CAAC,kBAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBACxB,OAAO,EAAE,OAAO,KAAI,MAAA,KAAK,CAAC,KAAK,0CAAE,OAAO,CAAA;oBACxC,IAAI,MAAA;oBACJ,KAAK,OAAA;iBACN,CAAC;gBACJ,CAAC,CAAC,IAAI,CAAA;SAAA,CACT,IACkB,CACtB,CAAA;CAAA,CAAC;AAEF,qBAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { IReqoreTheme } from '../../constants/theme';
+import { IReqorePanelProps } from '../Panel';
+export declare type TPosition = 'top' | 'bottom' | 'left' | 'right';
+export interface IReqoreDrawerProps extends IReqorePanelProps {
+    children?: any;
+    isOpen?: boolean;
+    isHidden?: boolean;
+    position?: TPosition;
+    hidable?: boolean;
+    resizable?: boolean;
+    onClose?: () => void;
+    onHideToggle?: (isHidden: boolean) => void;
+    hasBackdrop?: boolean;
+    size?: string;
+    maxSize?: string;
+    minSize?: string;
+    opacity?: number;
+    floating?: boolean;
+    blur?: number;
+    _isModal?: boolean;
+    width?: number | string;
+    height?: number | string;
+}
+export interface IReqoreDrawerStyle extends IReqoreDrawerProps {
+    theme: IReqoreTheme;
+    width?: number | string;
+    height?: number | string;
+    w?: number | string;
+    h?: number | string;
+}
+export declare const StyledCloseWrapper: any;
+export declare const StyledDrawerResizable: any;
+export declare const StyledBackdrop: any;
+export declare const ReqoreDrawer: ({ children, isOpen, isHidden, customTheme, position, maxSize, minSize, onClose, hasBackdrop, size, resizable, hidable, onHideToggle, className, flat, floating, blur, opacity, intent, _isModal, width, height, ...rest }: IReqoreDrawerProps) => import("react").ReactPortal;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAOrD,OAAO,EAAsB,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAE9E,oBAAY,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5D,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,KA+C9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAAyB,CAAC;AAE5D,eAAO,MAAM,cAAc,KAY1B,CAAC;AAsCF,eAAO,MAAM,YAAY,8NAwBtB,kBAAkB,gCAsNpB,CAAC"}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IReqoreMenuDividerProps } from '../Menu/divider';
+import { IReqoreMenuItemProps } from '../Menu/item';
+export interface IReqoreDropdownItemProps extends IReqoreMenuItemProps {
+}
+export declare const ReqoreDropdownItem: ({ children, ...rest }: IReqoreDropdownItemProps) => JSX.Element;
+export interface IReqoreDropdownDividerProps extends IReqoreMenuDividerProps {
+}
+export declare const ReqoreDropdownDivider: (props: IReqoreDropdownDividerProps) => JSX.Element;
+//# sourceMappingURL=item.d.ts.map

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