@quillsql/react 2.8.9 → 2.9.1

package/dist/assets/index.d.ts

@@ -19,4 +19,3 @@ export { default as RefreshIcon } from './RefreshIcon';
 export { default as FilterIcon } from './FilterIcon';
 export { default as UpLeftArrowsIcon } from './UpLeftArrowsIcon';
 export { default as XIcon } from './XIcon';
-//# sourceMappingURL=index.d.ts.map

package/dist/assets/index.js

@@ -1,21 +1,49 @@
-export { default as ArrowDownHeadIcon } from './ArrowDownHeadIcon';
-export { default as ArrowDownRightIcon } from './ArrowDownRightIcon';
-export { default as ArrowDownIcon } from './ArrowDownIcon';
-export { default as ArrowRightIcon } from './ArrowRightIcon';
-export { default as ArrowRightHeadIcon } from './ArrowRightHeadIcon';
-export { default as ArrowLeftHeadIcon } from './ArrowLeftHeadIcon';
-export { default as DoubleArrowLeftHeadIcon } from './DoubleArrowLeftHeadIcon';
-export { default as DoubleArrowRightHeadIcon } from './DoubleArrowRightHeadIcon';
-export { default as ArrowUpHeadIcon } from './ArrowUpHeadIcon';
-export { default as ArrowUpIcon } from './ArrowUpIcon';
-export { default as ArrowUpRightIcon } from './ArrowUpRightIcon';
-export { default as CalendarIcon } from './CalendarIcon';
-export { default as CalendarNormalIcon } from './CalendarNormalIcon';
-export { default as ExclamationFilledIcon } from './ExclamationFilledIcon';
-export { default as LoadingSpinner } from './LoadingSpinner';
-export { default as SearchIcon } from './SearchIcon';
-export { default as XCircleIcon } from './XCircleIcon';
-export { default as RefreshIcon } from './RefreshIcon';
-export { default as FilterIcon } from './FilterIcon';
-export { default as UpLeftArrowsIcon } from './UpLeftArrowsIcon';
-export { default as XIcon } from './XIcon';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XIcon = exports.UpLeftArrowsIcon = exports.FilterIcon = exports.RefreshIcon = exports.XCircleIcon = exports.SearchIcon = exports.LoadingSpinner = exports.ExclamationFilledIcon = exports.CalendarNormalIcon = exports.CalendarIcon = exports.ArrowUpRightIcon = exports.ArrowUpIcon = exports.ArrowUpHeadIcon = exports.DoubleArrowRightHeadIcon = exports.DoubleArrowLeftHeadIcon = exports.ArrowLeftHeadIcon = exports.ArrowRightHeadIcon = exports.ArrowRightIcon = exports.ArrowDownIcon = exports.ArrowDownRightIcon = exports.ArrowDownHeadIcon = void 0;
+var ArrowDownHeadIcon_1 = require("./ArrowDownHeadIcon");
+Object.defineProperty(exports, "ArrowDownHeadIcon", { enumerable: true, get: function () { return __importDefault(ArrowDownHeadIcon_1).default; } });
+var ArrowDownRightIcon_1 = require("./ArrowDownRightIcon");
+Object.defineProperty(exports, "ArrowDownRightIcon", { enumerable: true, get: function () { return __importDefault(ArrowDownRightIcon_1).default; } });
+var ArrowDownIcon_1 = require("./ArrowDownIcon");
+Object.defineProperty(exports, "ArrowDownIcon", { enumerable: true, get: function () { return __importDefault(ArrowDownIcon_1).default; } });
+var ArrowRightIcon_1 = require("./ArrowRightIcon");
+Object.defineProperty(exports, "ArrowRightIcon", { enumerable: true, get: function () { return __importDefault(ArrowRightIcon_1).default; } });
+var ArrowRightHeadIcon_1 = require("./ArrowRightHeadIcon");
+Object.defineProperty(exports, "ArrowRightHeadIcon", { enumerable: true, get: function () { return __importDefault(ArrowRightHeadIcon_1).default; } });
+var ArrowLeftHeadIcon_1 = require("./ArrowLeftHeadIcon");
+Object.defineProperty(exports, "ArrowLeftHeadIcon", { enumerable: true, get: function () { return __importDefault(ArrowLeftHeadIcon_1).default; } });
+var DoubleArrowLeftHeadIcon_1 = require("./DoubleArrowLeftHeadIcon");
+Object.defineProperty(exports, "DoubleArrowLeftHeadIcon", { enumerable: true, get: function () { return __importDefault(DoubleArrowLeftHeadIcon_1).default; } });
+var DoubleArrowRightHeadIcon_1 = require("./DoubleArrowRightHeadIcon");
+Object.defineProperty(exports, "DoubleArrowRightHeadIcon", { enumerable: true, get: function () { return __importDefault(DoubleArrowRightHeadIcon_1).default; } });
+var ArrowUpHeadIcon_1 = require("./ArrowUpHeadIcon");
+Object.defineProperty(exports, "ArrowUpHeadIcon", { enumerable: true, get: function () { return __importDefault(ArrowUpHeadIcon_1).default; } });
+var ArrowUpIcon_1 = require("./ArrowUpIcon");
+Object.defineProperty(exports, "ArrowUpIcon", { enumerable: true, get: function () { return __importDefault(ArrowUpIcon_1).default; } });
+var ArrowUpRightIcon_1 = require("./ArrowUpRightIcon");
+Object.defineProperty(exports, "ArrowUpRightIcon", { enumerable: true, get: function () { return __importDefault(ArrowUpRightIcon_1).default; } });
+var CalendarIcon_1 = require("./CalendarIcon");
+Object.defineProperty(exports, "CalendarIcon", { enumerable: true, get: function () { return __importDefault(CalendarIcon_1).default; } });
+var CalendarNormalIcon_1 = require("./CalendarNormalIcon");
+Object.defineProperty(exports, "CalendarNormalIcon", { enumerable: true, get: function () { return __importDefault(CalendarNormalIcon_1).default; } });
+var ExclamationFilledIcon_1 = require("./ExclamationFilledIcon");
+Object.defineProperty(exports, "ExclamationFilledIcon", { enumerable: true, get: function () { return __importDefault(ExclamationFilledIcon_1).default; } });
+var LoadingSpinner_1 = require("./LoadingSpinner");
+Object.defineProperty(exports, "LoadingSpinner", { enumerable: true, get: function () { return __importDefault(LoadingSpinner_1).default; } });
+var SearchIcon_1 = require("./SearchIcon");
+Object.defineProperty(exports, "SearchIcon", { enumerable: true, get: function () { return __importDefault(SearchIcon_1).default; } });
+var XCircleIcon_1 = require("./XCircleIcon");
+Object.defineProperty(exports, "XCircleIcon", { enumerable: true, get: function () { return __importDefault(XCircleIcon_1).default; } });
+var RefreshIcon_1 = require("./RefreshIcon");
+Object.defineProperty(exports, "RefreshIcon", { enumerable: true, get: function () { return __importDefault(RefreshIcon_1).default; } });
+var FilterIcon_1 = require("./FilterIcon");
+Object.defineProperty(exports, "FilterIcon", { enumerable: true, get: function () { return __importDefault(FilterIcon_1).default; } });
+var UpLeftArrowsIcon_1 = require("./UpLeftArrowsIcon");
+Object.defineProperty(exports, "UpLeftArrowsIcon", { enumerable: true, get: function () { return __importDefault(UpLeftArrowsIcon_1).default; } });
+var XIcon_1 = require("./XIcon");
+Object.defineProperty(exports, "XIcon", { enumerable: true, get: function () { return __importDefault(XIcon_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/components/Banner/index.d.ts

@@ -1,3 +1,2 @@
 /// <reference types="react" />
 export default function Banner({ dashboardItemName, dashboardName, onExit, style, }: any): JSX.Element | null;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Banner/index.js

@@ -1,6 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function Banner({ dashboardItemName, dashboardName, onExit, style, }) {
-    return (_jsx("div", { id: "quill-edit-banner", style: {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function Banner({ dashboardItemName, dashboardName, onExit, style, }) {
+    return ((0, jsx_runtime_1.jsx)("div", { id: "quill-edit-banner", style: {
             zIndex: 100,
             display: 'flex',
             paddingTop: '0.625rem',
@@ -10,15 +12,17 @@ export default function Banner({ dashboardItemName, dashboardName, onExit, style
             alignItems: 'center',
             backgroundColor: '#111827',
             ...style,
-        }, children: _jsxs("p", { style: {
+        }, children: (0, jsx_runtime_1.jsxs)("p", { style: {
                 fontSize: '14px',
                 color: '#ffffff',
-            }, children: [_jsx("strong", { style: { fontWeight: 600 }, children: "Edit Mode" }), _jsx("svg", { viewBox: "0 0 2 2", style: {
+            }, children: [(0, jsx_runtime_1.jsx)("strong", { style: { fontWeight: 600 }, children: "Edit Mode" }), (0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 2 2", style: {
                         display: 'inline',
                         marginLeft: '8px',
                         marginRight: '8px',
                         width: '2px',
                         height: '2px',
                         fill: 'currentColor',
-                    }, "aria-hidden": "true", children: _jsx("circle", { cx: 1, cy: 1, r: 1 }) }), `You are currently editing `, _jsx("strong", { style: { fontWeight: 600 }, children: dashboardItemName }), ` on the `, _jsx("strong", { style: { fontWeight: 600 }, children: dashboardName }), ` dashboard.`] }) }));
+                    }, "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("circle", { cx: 1, cy: 1, r: 1 }) }), `You are currently editing `, (0, jsx_runtime_1.jsx)("strong", { style: { fontWeight: 600 }, children: dashboardItemName }), ` on the `, (0, jsx_runtime_1.jsx)("strong", { style: { fontWeight: 600 }, children: dashboardName }), ` dashboard.`] }) }));
 }
+exports.default = Banner;
+//# sourceMappingURL=index.js.map

package/dist/components/Banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Banner/index.tsx"],"names":[],"mappings":";;;AAEA,SAAwB,MAAM,CAAC,EAC7B,iBAAiB,EACjB,aAAa,EACb,MAAM,EACN,KAAK,GACD;IACJ,OAAO,CACL,gCACE,EAAE,EAAC,mBAAmB,EACtB,KAAK,EAAE;YACL,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,UAAU;YACtB,aAAa,EAAE,UAAU;YACzB,WAAW,EAAE,MAAM;YACnB,YAAY,EAAE,MAAM;YACpB,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE,SAAS;YAC1B,GAAG,KAAK;SACT,YAED,+BACE,KAAK,EAAE;gBACL,QAAQ,EAAE,MAAM;gBAChB,KAAK,EAAE,SAAS;aACjB,aAED,mCAAQ,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,0BAAoB,EACtD,gCACE,OAAO,EAAC,SAAS,EACjB,KAAK,EAAE;wBACL,OAAO,EAAE,QAAQ;wBACjB,UAAU,EAAE,KAAK;wBACjB,WAAW,EAAE,KAAK;wBAClB,KAAK,EAAE,KAAK;wBACZ,MAAM,EAAE,KAAK;wBACb,IAAI,EAAE,cAAc;qBACrB,iBACW,MAAM,YAElB,mCAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAI,GAC1B,EACL,4BAA4B,EAC7B,mCAAQ,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,YAAG,iBAAiB,GAAU,EAC/D,UAAU,EACX,mCAAQ,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,YAAG,aAAa,GAAU,EAC3D,aAAa,IACZ,GAgBA,CACP,CAAC;AACJ,CAAC;AAjED,yBAiEC"}

package/dist/components/BigModal/BigModal.d.ts

@@ -12,4 +12,3 @@ export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const BigModal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
 export default BigModal;
-//# sourceMappingURL=BigModal.d.ts.map

package/dist/components/BigModal/BigModal.js

@@ -1,14 +1,39 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
 // @ts-nocheck
 /* eslint-disable react/display-name */
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { useOnClickOutside, useOnWindowResize } from '../../hooks';
-import { mergeRefs } from '../../lib';
-const BigModal = React.forwardRef((props, ref) => {
+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] = useState(false);
-    const modalRef = useRef(null);
-    const checkModalExceedsWindow = useCallback((modalWidth, windowWidth) => {
+    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;
         }
@@ -18,7 +43,7 @@ const BigModal = React.forwardRef((props, ref) => {
     const getAbsoluteSpacing = () => {
         return modalExceedsWindow ? '0' : '0';
     };
-    useOnClickOutside(modalRef, e => {
+    (0, hooks_1.useOnClickOutside)(modalRef, e => {
         // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
         const isTriggerElem = parentRef
             ? parentRef.current?.contains(e.target)
@@ -28,17 +53,17 @@ const BigModal = React.forwardRef((props, ref) => {
         }
     });
     // Execute only when modal is of absolute size
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (width) {
             setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
         }
     }, [checkModalExceedsWindow, parentRef, width]);
-    useOnWindowResize(() => {
+    (0, hooks_1.useOnWindowResize)(() => {
         if (width) {
             setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
         }
     });
-    return showModal ? (_jsx("div", { 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',
@@ -59,4 +84,5 @@ const BigModal = React.forwardRef((props, ref) => {
             transform: 'translate(-50%, -50%)',
         }, ...other, children: children })) : null;
 });
-export default BigModal;
+exports.default = BigModal;
+//# sourceMappingURL=BigModal.js.map

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

@@ -11,4 +11,3 @@ export interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
 export default Dropdown;
-//# sourceMappingURL=Dropdown.d.ts.map

package/dist/components/Dropdown/Dropdown.js

@@ -1,32 +1,60 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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';
-const Dropdown = React.forwardRef((props, ref) => {
+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] = useInternalState(defaultValue, value);
-    const [isFocused, setIsFocused] = useState(false);
-    const dropdownRef = useRef(null);
+    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 = constructValueToNameMapping(children);
-    const optionValues = React.Children.map(children, (child) => child.props.value);
+    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?.(value);
     };
-    const [hoveredValue, handleKeyDown] = useSelectOnKeyDown(handleValueChange, optionValues, isFocused, setIsFocused, selectedValue);
-    const hasSelection = hasValue(selectedValue);
-    return (_jsxs("div", { 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", { style: {
+        }, ...other, children: [(0, jsx_runtime_1.jsxs)("button", { style: {
                     display: 'flex',
                     justifyContent: 'space-between',
                     alignItems: 'center',
@@ -38,20 +66,20 @@ const Dropdown = React.forwardRef((props, ref) => {
                     boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
                     cursor: 'pointer',
                     background: 'white',
-                }, type: "button", onClick: () => setIsFocused(!isFocused), disabled: disabled, children: [_jsxs("div", { 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?.secondaryTextColor || '#6C727F',
                                     marginRight: '1.5rem',
-                                }, "aria-hidden": "true" })) : null, _jsx("p", { style: {
+                                }, "aria-hidden": "true" })) : null, (0, jsx_runtime_1.jsx)("p", { style: {
                                     margin: 0,
                                     fontSize: '13px',
                                     fontWeight: '500',
@@ -60,12 +88,13 @@ const Dropdown = React.forwardRef((props, ref) => {
                                     textOverflow: 'ellipsis',
                                 }, 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?.secondaryTextColor || '#6C727F',
-                        }, "aria-hidden": "true" })] }), _jsx(Modal, { theme: theme, showModal: isFocused, setShowModal: setIsFocused, parentRef: dropdownRef, children: _jsx(SelectedValueContext.Provider, { value: { selectedValue, handleValueChange }, children: _jsx(HoveredValueContext.Provider, { value: { hoveredValue }, children: React.Children.map(children, (child) => React.cloneElement(child)) }) }) })] }));
+                        }, "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/dist/components/Dropdown/DropdownItem.d.ts

@@ -8,4 +8,3 @@ export interface DropdownItemProps extends React.ButtonHTMLAttributes<HTMLButton
 }
 declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLButtonElement>>;
 export default DropdownItem;
-//# sourceMappingURL=DropdownItem.d.ts.map

package/dist/components/Dropdown/DropdownItem.js

@@ -1,15 +1,40 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"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;
+};
+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';
-const DropdownItem = React.forwardRef((props, ref) => {
+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 } = useContext(SelectedValueContext);
-    const { hoveredValue } = useContext(HoveredValueContext);
+    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 (_jsx("button", { ref: ref, style: {
+    return ((0, jsx_runtime_1.jsx)("button", { ref: ref, style: {
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'start',
@@ -30,7 +55,7 @@ const DropdownItem = React.forwardRef((props, ref) => {
             borderLeft: 'none',
             cursor: 'pointer',
             color: theme?.secondaryTextColor || '#364153',
-        }, type: "button", onClick: () => handleValueChange?.(value), ...other, children: _jsx("p", { style: {
+        }, type: "button", onClick: () => handleValueChange?.(value), ...other, children: (0, jsx_runtime_1.jsx)("p", { style: {
                 margin: 0,
                 fontFamily: theme?.fontFamily,
                 color: theme?.primaryTextColor,
@@ -39,4 +64,5 @@ const DropdownItem = React.forwardRef((props, ref) => {
                 textOverflow: 'ellipsis',
             }, children: text ?? value }) }));
 });
-export default DropdownItem;
+exports.default = DropdownItem;
+//# sourceMappingURL=DropdownItem.js.map

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

@@ -1,3 +1,2 @@
 export { default as Dropdown } from "./Dropdown";
 export { default as DropdownItem } from "./DropdownItem";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Dropdown/index.js

@@ -1,2 +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/dist/components/Modal/Modal.d.ts

@@ -12,4 +12,3 @@ export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
 export default Modal;
-//# sourceMappingURL=Modal.d.ts.map

package/dist/components/Modal/Modal.js

@@ -1,14 +1,39 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
 // @ts-nocheck
 /* eslint-disable react/display-name */
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { useOnClickOutside, useOnWindowResize } from '../../hooks';
-import { mergeRefs } from '../../lib';
-const Modal = React.forwardRef((props, ref) => {
+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] = useState(false);
-    const modalRef = useRef(null);
-    const checkModalExceedsWindow = useCallback((modalWidth, windowWidth) => {
+    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;
         }
@@ -18,7 +43,7 @@ const Modal = React.forwardRef((props, ref) => {
     const getAbsoluteSpacing = () => {
         return modalExceedsWindow ? '0' : '0';
     };
-    useOnClickOutside(modalRef, e => {
+    (0, hooks_1.useOnClickOutside)(modalRef, e => {
         // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
         const isTriggerElem = parentRef
             ? parentRef.current?.contains(e.target)
@@ -28,17 +53,17 @@ const Modal = React.forwardRef((props, ref) => {
         }
     });
     // Execute only when modal is of absolute size
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (width) {
             setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
         }
     }, [checkModalExceedsWindow, parentRef, width]);
-    useOnWindowResize(() => {
+    (0, hooks_1.useOnWindowResize)(() => {
         if (width) {
             setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
         }
     });
-    return showModal ? (_jsx("div", { 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',
@@ -62,4 +87,5 @@ const Modal = React.forwardRef((props, ref) => {
             boxShadow: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
         }, ...other, children: children })) : null;
 });
-export default Modal;
+exports.default = Modal;
+//# sourceMappingURL=Modal.js.map

package/dist/components/Modal/index.d.ts

@@ -1,2 +1 @@
 export { default } from "./Modal";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Modal/index.js

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

package/dist/components/QuillCard.d.ts

@@ -11,4 +11,3 @@ interface QuillCardProps {
 }
 export declare function QuillCard({ children, theme, onClick, isSelected, clickable, onClose, minHeight, style, }: QuillCardProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=QuillCard.d.ts.map

package/dist/components/QuillCard.js

@@ -1,7 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XIcon } from '../assets';
-export function QuillCard({ children, theme, onClick, isSelected = false, clickable = true, onClose, minHeight = 0, style = {}, }) {
-    return (_jsxs("div", { className: clickable ? 'quill-card-hover' : '', style: {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuillCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const assets_1 = require("../assets");
+function QuillCard({ children, theme, onClick, isSelected = false, clickable = true, onClose, minHeight = 0, style = {}, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: clickable ? 'quill-card-hover' : '', style: {
             backgroundColor: theme.backgroundColor || 'white',
             cursor: clickable ? 'pointer' : 'default',
             padding: 16,
@@ -14,7 +17,7 @@ export function QuillCard({ children, theme, onClick, isSelected = false, clicka
             position: 'relative',
             minHeight: minHeight,
             ...style,
-        }, onClick: onClick, children: [_jsx("style", { children: `
+        }, onClick: onClick, children: [(0, jsx_runtime_1.jsx)("style", { children: `
         .quill-card-hover:hover {
           background-color: #f9f9f9 !important;
           .quill-delete-button {
@@ -24,7 +27,7 @@ export function QuillCard({ children, theme, onClick, isSelected = false, clicka
             background-color: #f5f5f5;
           }
         }
-      ` }), onClose && (_jsxs("button", { className: "quill-delete-button", type: "button", onClick: e => {
+      ` }), onClose && ((0, jsx_runtime_1.jsxs)("button", { className: "quill-delete-button", type: "button", onClick: e => {
                     e.stopPropagation();
                     onClose();
                 }, style: {
@@ -42,11 +45,13 @@ export function QuillCard({ children, theme, onClick, isSelected = false, clicka
                     justifyContent: 'center',
                     borderRadius: 6,
                     float: 'right',
-                }, children: [_jsx("style", { children: `
+                }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
       .quill-delete-button {
           background-color: white;
       }
       .quill-delete-button:hover {
         background-color: rgba(56, 65, 81, 0.03);
-      }` }), _jsx(XIcon, { height: "20", width: "20", fill: "#6C727F" })] })), _jsx("div", { style: { overflowX: 'scroll' }, children: children })] }));
+      }` }), (0, jsx_runtime_1.jsx)(assets_1.XIcon, { height: "20", width: "20", fill: "#6C727F" })] })), (0, jsx_runtime_1.jsx)("div", { style: { overflowX: 'scroll' }, children: children })] }));
 }
+exports.QuillCard = QuillCard;
+//# sourceMappingURL=QuillCard.js.map

package/dist/components/SqlTextEditor.d.ts

@@ -4,4 +4,3 @@ export default function SqlTextEditor({ containerStyle, value, setValue, }: {
     value: string;
     setValue: (e: string) => void;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SqlTextEditor.d.ts.map