@quillsql/react 1.7.0 → 1.7.1

package/lib/components/BigModal/BigModal.js

@@ -1,71 +1,73 @@
-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;
+"use strict";
+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;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/display-name */
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { useOnClickOutside, useOnWindowResize } from '../../hooks';
-import { mergeRefs } from '../../lib';
-var BigModal = React.forwardRef(function (props, ref) {
-    var showModal = props.showModal, setShowModal = props.setShowModal, parentRef = props.parentRef, width = props.width, _a = props.maxHeight, maxHeight = _a === void 0 ? '18rem' : _a, children = props.children, className = props.className, theme = props.theme, other = __rest(props, ["showModal", "setShowModal", "parentRef", "width", "maxHeight", "children", "className", "theme"]);
-    var _b = useState(false), modalExceedsWindow = _b[0], setModalExceedsWindow = _b[1];
-    var modalRef = useRef(null);
-    var checkModalExceedsWindow = useCallback(function (modalWidth, windowWidth) {
+const react_1 = __importStar(require("react"));
+const hooks_1 = require("../../hooks");
+const lib_1 = require("../../lib");
+const BigModal = react_1.default.forwardRef((props, ref) => {
+    const { showModal, setShowModal, parentRef, width, maxHeight = '18rem', children, className, theme, ...other } = props;
+    const [modalExceedsWindow, setModalExceedsWindow] = (0, react_1.useState)(false);
+    const modalRef = (0, react_1.useRef)(null);
+    const checkModalExceedsWindow = (0, react_1.useCallback)((modalWidth, windowWidth) => {
         if (!parentRef.current) {
             return false;
         }
-        var modalBoundingRight = parentRef.current.getBoundingClientRect().left + modalWidth;
+        const modalBoundingRight = parentRef.current.getBoundingClientRect().left + modalWidth;
         return windowWidth - modalBoundingRight < 0;
     }, [parentRef]);
-    var getAbsoluteSpacing = function () {
+    const getAbsoluteSpacing = () => {
         return modalExceedsWindow ? '0' : '0';
     };
-    useOnClickOutside(modalRef, function (e) {
-        var _a;
+    (0, hooks_1.useOnClickOutside)(modalRef, e => {
         // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
-        var isTriggerElem = parentRef
-            ? (_a = parentRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)
+        const isTriggerElem = parentRef
+            ? parentRef.current?.contains(e.target)
             : false;
         if (!isTriggerElem) {
             setShowModal(false);
         }
     });
     // Execute only when modal is of absolute size
-    useEffect(function () {
+    (0, react_1.useEffect)(() => {
         if (width) {
             setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
         }
     }, [checkModalExceedsWindow, parentRef, width]);
-    useOnWindowResize(function () {
+    (0, hooks_1.useOnWindowResize)(() => {
         if (width) {
             setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
         }
     });
-    return showModal ? (_jsx("div", __assign({ ref: mergeRefs([modalRef, ref]), style: {
+    return showModal ? ((0, jsx_runtime_1.jsx)("div", { ref: (0, lib_1.mergeRefs)([modalRef, ref]), style: {
             position: 'absolute',
             zIndex: 10,
             overflowY: 'auto',
-            backgroundColor: (theme === null || theme === void 0 ? void 0 : theme.backgroundColor) || 'white',
-            borderColor: (theme === null || theme === void 0 ? void 0 : theme.borderColor) || '#E5E7EB',
+            backgroundColor: theme?.backgroundColor || 'white',
+            borderColor: theme?.borderColor || '#E5E7EB',
             borderTopStyle: 'solid',
             borderBottomStyle: 'solid',
             borderLeftStyle: 'solid',
@@ -79,7 +81,7 @@ var BigModal = React.forwardRef(function (props, ref) {
             top: '50%',
             left: '50%',
             transform: 'translate(-50%, -50%)',
-        } }, other, { children: children }))) : null;
+        }, ...other, children: children })) : null;
 });
-export default BigModal;
+exports.default = BigModal;
 //# sourceMappingURL=BigModal.js.map

package/lib/components/BigModal/BigModal.js.map

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

package/lib/components/Dropdown/Dropdown.js

@@ -1,54 +1,60 @@
-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);
+"use strict";
+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 };
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/display-name */
-import React, { useRef, useState } from 'react';
-import { HoveredValueContext, SelectedValueContext } from '../../contexts';
-import { useInternalState, useSelectOnKeyDown } from '../../hooks';
-import { ArrowDownHeadIcon } from '../../assets';
-import { mergeRefs } from '../../lib';
-import { constructValueToNameMapping, hasValue } from '../selectUtils';
-import Modal from '../Modal';
-var Dropdown = React.forwardRef(function (props, ref) {
-    var defaultValue = props.defaultValue, value = props.value, onValueChange = props.onValueChange, _a = props.placeholder, placeholder = _a === void 0 ? 'Select...' : _a, _b = props.disabled, disabled = _b === void 0 ? false : _b, icon = props.icon, children = props.children, className = props.className, theme = props.theme, other = __rest(props, ["defaultValue", "value", "onValueChange", "placeholder", "disabled", "icon", "children", "className", "theme"]);
-    var _c = useInternalState(defaultValue, value), selectedValue = _c[0], setSelectedValue = _c[1];
-    var _d = useState(false), isFocused = _d[0], setIsFocused = _d[1];
-    var dropdownRef = useRef(null);
-    var Icon = icon;
-    var valueToNameMapping = constructValueToNameMapping(children);
-    var optionValues = React.Children.map(children, function (child) { return child.props.value; });
-    var handleValueChange = function (value) {
+const react_1 = __importStar(require("react"));
+const contexts_1 = require("../../contexts");
+const hooks_1 = require("../../hooks");
+const assets_1 = require("../../assets");
+const lib_1 = require("../../lib");
+const selectUtils_1 = require("../selectUtils");
+const Modal_1 = __importDefault(require("../Modal"));
+const Dropdown = react_1.default.forwardRef((props, ref) => {
+    const { defaultValue, value, onValueChange, placeholder = 'Select...', disabled = false, icon, children, className, theme, ...other } = props;
+    const [selectedValue, setSelectedValue] = (0, hooks_1.useInternalState)(defaultValue, value);
+    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
+    const dropdownRef = (0, react_1.useRef)(null);
+    const Icon = icon;
+    const valueToNameMapping = (0, selectUtils_1.constructValueToNameMapping)(children);
+    const optionValues = react_1.default.Children.map(children, (child) => child.props.value);
+    const handleValueChange = (value) => {
         setSelectedValue(value);
         setIsFocused(false);
-        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(value);
+        onValueChange?.(value);
     };
-    var _e = useSelectOnKeyDown(handleValueChange, optionValues, isFocused, setIsFocused, selectedValue), hoveredValue = _e[0], handleKeyDown = _e[1];
-    var hasSelection = hasValue(selectedValue);
-    return (_jsxs("div", __assign({ ref: mergeRefs([dropdownRef, ref]), onKeyDown: handleKeyDown, style: {
+    const [hoveredValue, handleKeyDown] = (0, hooks_1.useSelectOnKeyDown)(handleValueChange, optionValues, isFocused, setIsFocused, selectedValue);
+    const hasSelection = (0, selectUtils_1.hasValue)(selectedValue);
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: (0, lib_1.mergeRefs)([dropdownRef, ref]), onKeyDown: handleKeyDown, style: {
             position: 'relative',
             width: '100%',
             minWidth: '10rem',
-        } }, other, { children: [_jsxs("button", __assign({ style: {
+        }, ...other, children: [(0, jsx_runtime_1.jsxs)("button", { style: {
                     display: 'flex',
                     justifyContent: 'space-between',
                     alignItems: 'center',
@@ -60,37 +66,35 @@ var Dropdown = React.forwardRef(function (props, ref) {
                     boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
                     cursor: 'pointer',
                     background: 'white',
-                }, type: "button", onClick: function () { return setIsFocused(!isFocused); }, disabled: disabled }, { children: [_jsxs("div", __assign({ style: {
+                }, type: "button", onClick: () => setIsFocused(!isFocused), disabled: disabled, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
                             display: 'flex',
                             justifyContent: 'start',
                             alignItems: 'center',
                             whiteSpace: 'nowrap',
                             overflow: 'hidden',
                             textOverflow: 'ellipsis',
-                        } }, { children: [Icon ? (_jsx(Icon, { style: {
+                        }, children: [Icon ? ((0, jsx_runtime_1.jsx)(Icon, { style: {
                                     flexShrink: 0,
                                     height: '1.5rem',
                                     width: '1.5rem',
-                                    color: (theme === null || theme === void 0 ? void 0 : theme.secondaryTextColor) || '#6C727F',
+                                    color: theme?.secondaryTextColor || '#6C727F',
                                     marginRight: '1.5rem',
-                                }, "aria-hidden": "true" })) : null, _jsx("p", __assign({ style: {
+                                }, "aria-hidden": "true" })) : null, (0, jsx_runtime_1.jsx)("p", { style: {
                                     margin: 0,
                                     fontSize: '0.875rem',
                                     fontWeight: '500',
                                     whiteSpace: 'nowrap',
                                     overflow: 'hidden',
                                     textOverflow: 'ellipsis',
-                                } }, { children: selectedValue
+                                }, children: selectedValue
                                     ? valueToNameMapping.get(selectedValue)
-                                    : placeholder }))] })), _jsx(ArrowDownHeadIcon, { style: {
+                                    : placeholder })] }), (0, jsx_runtime_1.jsx)(assets_1.ArrowDownHeadIcon, { style: {
                             flexShrink: 0,
                             height: '1.5rem',
                             width: '1.5rem',
                             marginRight: '-0.25rem',
-                            color: (theme === null || theme === void 0 ? void 0 : theme.secondaryTextColor) || '#6C727F',
-                        }, "aria-hidden": "true" })] })), _jsx(Modal, __assign({ theme: theme, showModal: isFocused, setShowModal: setIsFocused, parentRef: dropdownRef }, { children: _jsx(SelectedValueContext.Provider, __assign({ value: { selectedValue: selectedValue, handleValueChange: handleValueChange } }, { children: _jsx(HoveredValueContext.Provider, __assign({ value: { hoveredValue: hoveredValue } }, { children: React.Children.map(children, function (child) {
-                            return React.cloneElement(child);
-                        }) })) })) }))] })));
+                            color: theme?.secondaryTextColor || '#6C727F',
+                        }, "aria-hidden": "true" })] }), (0, jsx_runtime_1.jsx)(Modal_1.default, { theme: theme, showModal: isFocused, setShowModal: setIsFocused, parentRef: dropdownRef, children: (0, jsx_runtime_1.jsx)(contexts_1.SelectedValueContext.Provider, { value: { selectedValue, handleValueChange }, children: (0, jsx_runtime_1.jsx)(contexts_1.HoveredValueContext.Provider, { value: { hoveredValue }, children: react_1.default.Children.map(children, (child) => react_1.default.cloneElement(child)) }) }) })] }));
 });
-export default Dropdown;
+exports.default = Dropdown;
 //# sourceMappingURL=Dropdown.js.map

package/lib/components/Dropdown/Dropdown.js.map

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

package/lib/components/Dropdown/DropdownItem.js

@@ -1,37 +1,40 @@
-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;
+"use strict";
+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;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/display-name */
-import React, { useContext } from 'react';
-import { HoveredValueContext, SelectedValueContext } from '../../contexts';
-var DropdownItem = React.forwardRef(function (props, ref) {
-    var value = props.value, text = props.text, icon = props.icon, className = props.className, theme = props.theme, lastItem = props.lastItem, other = __rest(props, ["value", "text", "icon", "className", "theme", "lastItem"]);
-    var _a = useContext(SelectedValueContext), selectedValue = _a.selectedValue, handleValueChange = _a.handleValueChange;
-    var hoveredValue = useContext(HoveredValueContext).hoveredValue;
-    var isActive = selectedValue === value;
-    var isHovered = hoveredValue === value;
-    var Icon = icon ? icon : null;
-    return (_jsx("button", __assign({ ref: ref, style: {
+const react_1 = __importStar(require("react"));
+const contexts_1 = require("../../contexts");
+const DropdownItem = react_1.default.forwardRef((props, ref) => {
+    const { value, text, icon, className, theme, lastItem, ...other } = props;
+    const { selectedValue, handleValueChange } = (0, react_1.useContext)(contexts_1.SelectedValueContext);
+    const { hoveredValue } = (0, react_1.useContext)(contexts_1.HoveredValueContext);
+    const isActive = selectedValue === value;
+    const isHovered = hoveredValue === value;
+    const Icon = icon ? icon : null;
+    return ((0, jsx_runtime_1.jsx)("button", { ref: ref, style: {
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'start',
@@ -42,21 +45,21 @@ var DropdownItem = React.forwardRef(function (props, ref) {
             fontSize: '0.875rem',
             borderStyle: 'solid',
             borderBottomWidth: lastItem ? '0px' : '1px',
-            borderBottomColor: (theme === null || theme === void 0 ? void 0 : theme.borderColor) || '#E5E7EB',
-            background: (theme === null || theme === void 0 ? void 0 : theme.backgroundColor) || 'white',
+            borderBottomColor: theme?.borderColor || '#E5E7EB',
+            background: theme?.backgroundColor || 'white',
             borderTop: 'none',
             borderRight: 'none',
             borderLeft: 'none',
             cursor: 'pointer',
-            color: (theme === null || theme === void 0 ? void 0 : theme.primaryTextColor) || '#364153',
-        }, type: "button", onClick: function () { return handleValueChange === null || handleValueChange === void 0 ? void 0 : handleValueChange(value); } }, other, { children: _jsx("p", __assign({ style: {
+            color: theme?.primaryTextColor || '#364153',
+        }, type: "button", onClick: () => handleValueChange?.(value), ...other, children: (0, jsx_runtime_1.jsx)("p", { style: {
                 margin: 0,
-                fontFamily: theme === null || theme === void 0 ? void 0 : theme.fontFamily,
-                color: theme === null || theme === void 0 ? void 0 : theme.primaryTextColor,
+                fontFamily: theme?.fontFamily,
+                color: theme?.primaryTextColor,
                 whiteSpace: 'nowrap',
                 overflow: 'hidden',
                 textOverflow: 'ellipsis',
-            } }, { children: text !== null && text !== void 0 ? text : value })) })));
+            }, children: text ?? value }) }));
 });
-export default DropdownItem;
+exports.default = DropdownItem;
 //# sourceMappingURL=DropdownItem.js.map

package/lib/components/Dropdown/DropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAuC;AACvC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAW3E,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,UAAC,KAAK,EAAE,GAAG;IACD,IAAA,KAAK,GAAuD,KAAK,MAA5D,EAAE,IAAI,GAAiD,KAAK,KAAtD,EAAE,IAAI,GAA2C,KAAK,KAAhD,EAAE,SAAS,GAAgC,KAAK,UAArC,EAAE,KAAK,GAAyB,KAAK,MAA9B,EAAE,QAAQ,GAAe,KAAK,SAApB,EAAK,KAAK,UAAK,KAAK,EAAnE,2DAA2D,CAAF,CAAW;IACpE,IAAA,KACJ,UAAU,CAAC,oBAAoB,CAAC,EAD1B,aAAa,mBAAA,EAAE,iBAAiB,uBACN,CAAC;IAC3B,IAAA,YAAY,GAAK,UAAU,CAAC,mBAAmB,CAAC,aAApC,CAAqC;IACzD,IAAM,QAAQ,GAAG,aAAa,KAAK,KAAK,CAAC;IACzC,IAAM,SAAS,GAAG,YAAY,KAAK,KAAK,CAAC;IAEzC,IAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAChC,OAAO,CACL,0BACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,OAAO;YACvB,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,UAAU;YACxB,OAAO,EAAE,iBAAiB;YAC1B,QAAQ,EAAE,UAAU;YACpB,WAAW,EAAE,OAAO;YACpB,iBAAiB,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;YAC3C,iBAAiB,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,KAAI,SAAS;YAClD,UAAU,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,KAAI,OAAO;YAC7C,SAAS,EAAE,MAAM;YACjB,WAAW,EAAE,MAAM;YACnB,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,KAAI,SAAS;SAC5C,EACD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAM,OAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,KAAK,CAAC,EAA1B,CAA0B,IACrC,KAAK,cAET,qBACE,KAAK,EAAE;gBACL,MAAM,EAAE,CAAC;gBACT,UAAU,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;gBAC7B,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB;gBAC9B,UAAU,EAAE,QAAQ;gBACpB,QAAQ,EAAE,QAAQ;gBAClB,YAAY,EAAE,UAAU;aACzB,gBAEA,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK,IACZ,IACG,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAuC;AACvC,+CAA0C;AAE1C,6CAA2E;AAW3E,MAAM,YAAY,GAAG,eAAK,CAAC,UAAU,CACnC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,GACxC,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACnC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,8BAAmB,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,aAAa,KAAK,KAAK,CAAC;IACzC,MAAM,SAAS,GAAG,YAAY,KAAK,KAAK,CAAC;IAEzC,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAChC,OAAO,CACL,mCACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,OAAO;YACvB,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,UAAU;YACxB,OAAO,EAAE,iBAAiB;YAC1B,QAAQ,EAAE,UAAU;YACpB,WAAW,EAAE,OAAO;YACpB,iBAAiB,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;YAC3C,iBAAiB,EAAE,KAAK,EAAE,WAAW,IAAI,SAAS;YAClD,UAAU,EAAE,KAAK,EAAE,eAAe,IAAI,OAAO;YAC7C,SAAS,EAAE,MAAM;YACjB,WAAW,EAAE,MAAM;YACnB,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE,KAAK,EAAE,gBAAgB,IAAI,SAAS;SAC5C,EACD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,EAAE,CAAC,KAAK,CAAC,KACrC,KAAK,YAET,8BACE,KAAK,EAAE;gBACL,MAAM,EAAE,CAAC;gBACT,UAAU,EAAE,KAAK,EAAE,UAAU;gBAC7B,KAAK,EAAE,KAAK,EAAE,gBAAgB;gBAC9B,UAAU,EAAE,QAAQ;gBACpB,QAAQ,EAAE,QAAQ;gBAClB,YAAY,EAAE,UAAU;aACzB,YAEA,IAAI,IAAI,KAAK,GACZ,GACG,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/lib/components/Dropdown/index.js

@@ -1,3 +1,11 @@
-export { default as Dropdown } from "./Dropdown";
-export { default as DropdownItem } from "./DropdownItem";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownItem = exports.Dropdown = void 0;
+var Dropdown_1 = require("./Dropdown");
+Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return __importDefault(Dropdown_1).default; } });
+var DropdownItem_1 = require("./DropdownItem");
+Object.defineProperty(exports, "DropdownItem", { enumerable: true, get: function () { return __importDefault(DropdownItem_1).default; } });
 //# sourceMappingURL=index.js.map

package/lib/components/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":";;;;;;AAAA,uCAAiD;AAAxC,qHAAA,OAAO,OAAY;AAC5B,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB"}

package/lib/components/Modal/Modal.js

@@ -1,66 +1,68 @@
-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;
+"use strict";
+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;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/display-name */
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { useOnClickOutside, useOnWindowResize } from '../../hooks';
-import { mergeRefs } from '../../lib';
-var Modal = React.forwardRef(function (props, ref) {
-    var showModal = props.showModal, setShowModal = props.setShowModal, parentRef = props.parentRef, width = props.width, _a = props.maxHeight, maxHeight = _a === void 0 ? '18rem' : _a, children = props.children, className = props.className, theme = props.theme, other = __rest(props, ["showModal", "setShowModal", "parentRef", "width", "maxHeight", "children", "className", "theme"]);
-    var _b = useState(false), modalExceedsWindow = _b[0], setModalExceedsWindow = _b[1];
-    var modalRef = useRef(null);
-    var checkModalExceedsWindow = useCallback(function (modalWidth, windowWidth) {
+const react_1 = __importStar(require("react"));
+const hooks_1 = require("../../hooks");
+const lib_1 = require("../../lib");
+const Modal = react_1.default.forwardRef((props, ref) => {
+    const { showModal, setShowModal, parentRef, width, maxHeight = '18rem', children, className, theme, ...other } = props;
+    const [modalExceedsWindow, setModalExceedsWindow] = (0, react_1.useState)(false);
+    const modalRef = (0, react_1.useRef)(null);
+    const checkModalExceedsWindow = (0, react_1.useCallback)((modalWidth, windowWidth) => {
         if (!parentRef.current) {
             return false;
         }
-        var modalBoundingRight = parentRef.current.getBoundingClientRect().left + modalWidth;
+        const modalBoundingRight = parentRef.current.getBoundingClientRect().left + modalWidth;
         return windowWidth - modalBoundingRight < 0;
     }, [parentRef]);
-    var getAbsoluteSpacing = function () {
+    const getAbsoluteSpacing = () => {
         return modalExceedsWindow ? '0' : '0';
     };
-    useOnClickOutside(modalRef, function (e) {
-        var _a;
+    (0, hooks_1.useOnClickOutside)(modalRef, e => {
         // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
-        var isTriggerElem = parentRef
-            ? (_a = parentRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)
+        const isTriggerElem = parentRef
+            ? parentRef.current?.contains(e.target)
             : false;
         if (!isTriggerElem) {
             setShowModal(false);
         }
     });
     // Execute only when modal is of absolute size
-    useEffect(function () {
+    (0, react_1.useEffect)(() => {
         if (width) {
             setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
         }
     }, [checkModalExceedsWindow, parentRef, width]);
-    useOnWindowResize(function () {
+    (0, hooks_1.useOnWindowResize)(() => {
         if (width) {
             setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
         }
     });
-    return showModal ? (_jsx("div", __assign({ ref: mergeRefs([modalRef, ref]), style: {
+    return showModal ? ((0, jsx_runtime_1.jsx)("div", { ref: (0, lib_1.mergeRefs)([modalRef, ref]), style: {
             position: 'absolute',
             zIndex: 10,
             overflowY: 'auto',
@@ -68,8 +70,8 @@ var Modal = React.forwardRef(function (props, ref) {
             left: getAbsoluteSpacing(),
             right: getAbsoluteSpacing(),
             maxHeight: maxHeight,
-            backgroundColor: (theme === null || theme === void 0 ? void 0 : theme.backgroundColor) || 'white',
-            borderColor: (theme === null || theme === void 0 ? void 0 : theme.borderColor) || '#E5E7EB',
+            backgroundColor: theme?.backgroundColor || 'white',
+            borderColor: theme?.borderColor || '#E5E7EB',
             // borderTopColor: getColorClassNames(
             //   DEFAULT_COLOR,
             //   colorPalette.lightBorder
@@ -103,7 +105,7 @@ var Modal = React.forwardRef(function (props, ref) {
             // borderBottomWidth: '2px',
             // borderLeftWidth: '2px',
             // borderRightWidth: '2px',
-        } }, other, { children: children }))) : null;
+        }, ...other, children: children })) : null;
 });
-export default Modal;
+exports.default = Modal;
 //# sourceMappingURL=Modal.js.map