@quillsql/react 2.10.31 → 2.10.32

package/dist/cjs/components/Dashboard/DashboardSectionContainer.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function DashboardSectionContainer({ style, children, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            width: '100%',
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 20,
+            ...style,
+        }, ...props, children: children }));
+}
+exports.default = DashboardSectionContainer;

package/dist/cjs/components/Dashboard/DataLoader.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export default function DataLoader({ id, SkeletonComponent, handleOnClickDashboardItem, onClickDashboardItem, TableComponent, name, theme, }: any): JSX.Element;
+//# sourceMappingURL=DataLoader.d.ts.map

package/dist/cjs/components/Dashboard/DataLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DataLoader.tsx"],"names":[],"mappings":";AAWA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,EAAE,EACF,iBAAiB,EACjB,0BAA0B,EAC1B,oBAAoB,EACpB,cAAc,EACd,IAAI,EACJ,KAAK,GACN,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAsFnB"}

package/dist/cjs/components/Dashboard/DataLoader.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Chart_1 = require("../../Chart");
+const Context_1 = require("../../Context");
+const dataFetcher_1 = require("../../utils/dataFetcher");
+const merge_1 = require("../../utils/merge");
+function DataLoader({ id, SkeletonComponent, handleOnClickDashboardItem, onClickDashboardItem, TableComponent, name, theme, }) {
+    const [client, _] = (0, react_1.useContext)(Context_1.ClientContext);
+    const { dispatch, dashboard } = (0, react_1.useContext)(Context_1.DashboardContext);
+    const { dashboardFilters } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    (0, react_1.useEffect)(() => {
+        async function getChartOptions() {
+            if (!(0, Chart_1.didFiltersChange)(dashboard[id], dashboardFilters)) {
+                return;
+            }
+            try {
+                // Remove extra fields on each filter so we don't confuse the backend.
+                const minimalFilters = Object.values(dashboardFilters).length
+                    ? Object.values(dashboardFilters).map((filter) => {
+                        const newFilter = { ...filter };
+                        if (newFilter.filterType === 'date_range') {
+                            delete newFilter['field'];
+                            delete newFilter['options'];
+                            delete newFilter['selectedValue'];
+                        }
+                        return newFilter;
+                    })
+                    : [];
+                const hostedBody = {
+                    metadata: {
+                        dashboardItemId: id,
+                        orgId: client.customerId || '*',
+                        clientId: client.publicKey,
+                        task: 'item',
+                        databaseType: client.databaseType,
+                        filters: minimalFilters,
+                    },
+                };
+                const cloudBody = {
+                    id: id,
+                    filters: minimalFilters,
+                };
+                setLoading(true);
+                const resp = await (0, dataFetcher_1.getData)(client, 'itempost', 'omit', hostedBody, cloudBody);
+                if (resp && resp.name !== 'error') {
+                    if (resp.compareRows) {
+                        (0, merge_1.mergeComparisonRange)(resp);
+                    }
+                    dispatch({
+                        type: 'UPDATE_DASHBOARD_ITEM',
+                        id: id,
+                        data: {
+                            ...resp,
+                            filtersApplied: dashboardFilters,
+                            id: resp._id,
+                        },
+                    });
+                    setLoading(false);
+                }
+            }
+            catch (e) {
+                console.log('Error fetching chart: ', e);
+            }
+        }
+        getChartOptions();
+    }, [dashboardFilters, client, id]);
+    return ((0, jsx_runtime_1.jsx)(TableComponent, { theme: theme, loading: loading, dashboardItem: dashboard[id], name: name, SkeletonComponent: SkeletonComponent, onClickDashboardItem: onClickDashboardItem
+            ? () => handleOnClickDashboardItem(dashboard[id])
+            : void null }));
+}
+exports.default = DataLoader;

package/dist/cjs/components/Dashboard/MetricComponent.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export default function DashboardItem({ dashboardItem, onClickDashboardItem, theme, style, children, }: any): JSX.Element;
+//# sourceMappingURL=MetricComponent.d.ts.map

package/dist/cjs/components/Dashboard/MetricComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/MetricComponent.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,aAAa,EACb,oBAAoB,EACpB,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAsGnB"}

package/dist/cjs/components/Dashboard/MetricComponent.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function DashboardItem({ dashboardItem, onClickDashboardItem, theme, style, children, }) {
+    return ((0, jsx_runtime_1.jsx)("div", { onClick: onClickDashboardItem
+            ? () => onClickDashboardItem(dashboardItem)
+            : () => { }, style: {
+            // height: '100%',
+            cursor: 'pointer',
+            boxSizing: 'content-box',
+            paddingRight: 25,
+            minHeight: 400,
+            borderRadius: 8,
+            paddingTop: 20,
+            ...style,
+        }, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                width: '100%',
+                height: '100%',
+                boxSizing: 'content-box',
+            }, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                    width: '100%',
+                    height: '100%',
+                    boxSizing: 'content-box',
+                }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        justifyContent: 'space-between',
+                        height: '100%',
+                        boxSizing: 'content-box',
+                    }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                                display: 'flex',
+                                flexDirection: 'row',
+                                justifyContent: 'space-between',
+                                boxSizing: 'content-box',
+                                paddingBottom: 20,
+                            }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                                        fontFamily: theme.fontFamily,
+                                        color: theme.primaryTextColor,
+                                        boxSizing: 'content-box',
+                                        fontSize: 18,
+                                        fontWeight: '500',
+                                        textOverflow: 'ellipsis',
+                                        padding: 0,
+                                        whiteSpace: 'nowrap',
+                                        display: 'block',
+                                        maxWidth: '100%',
+                                        overflow: 'hidden',
+                                    }, children: dashboardItem?.name }), onClickDashboardItem ? ((0, jsx_runtime_1.jsx)("div", { style: {
+                                        fontFamily: theme.fontFamily,
+                                        color: theme.primaryTextColor,
+                                        boxSizing: 'content-box',
+                                        fontWeight: '500',
+                                        fontSize: 14,
+                                        minWidth: 14 * 7,
+                                        display: 'flex',
+                                        alignItems: 'center',
+                                        justifyContent: 'flex-end',
+                                    }, children: 'view report →' })) : null] }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                padding: 0,
+                                height: '100%',
+                                width: '100%',
+                                boxSizing: 'content-box',
+                            }, children: children })] }) }) }) }, dashboardItem?.name));
+}
+exports.default = DashboardItem;

package/dist/cjs/components/Dashboard/TableComponent.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export default function DashboardItem({ dashboardItem, onClickDashboardItem, theme, style, loading, name, SkeletonComponent, }: any): JSX.Element;
+//# sourceMappingURL=TableComponent.d.ts.map

package/dist/cjs/components/Dashboard/TableComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/TableComponent.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,aAAa,EACb,oBAAoB,EACpB,KAAK,EACL,KAAK,EACL,OAAO,EACP,IAAI,EACJ,iBAAiB,GAClB,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAkDnB"}

package/dist/cjs/components/Dashboard/TableComponent.js

@@ -0,0 +1,35 @@
+"use strict";
+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");
+const QuillTable_1 = __importDefault(require("../QuillTable"));
+function DashboardItem({ dashboardItem, onClickDashboardItem, theme, style, loading, name, SkeletonComponent, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { onClick: onClickDashboardItem
+            ? () => onClickDashboardItem(dashboardItem)
+            : () => { }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                    fontFamily: theme.fontFamily,
+                    color: theme.primaryTextColor,
+                    boxSizing: 'content-box',
+                    fontSize: 18,
+                    fontWeight: '500',
+                    textOverflow: 'ellipsis',
+                    padding: 0,
+                    whiteSpace: 'nowrap',
+                    display: 'block',
+                    maxWidth: '100%',
+                    overflow: 'hidden',
+                    paddingBottom: 20,
+                }, children: name }), loading ? ((0, jsx_runtime_1.jsx)(SkeletonComponent, { containerStyle: { height: 390 } })) : dashboardItem ? ((0, jsx_runtime_1.jsx)(QuillTable_1.default, { containerStyle: {
+                    // height: '100%',
+                    cursor: 'pointer',
+                    boxSizing: 'content-box',
+                    paddingRight: 25,
+                    minHeight: 400,
+                    height: 400,
+                    borderRadius: 8,
+                    ...style,
+                }, rows: dashboardItem?.rows || [], columns: dashboardItem?.columns, downloadFileName: name, showDownloadCSVButton: true })) : null] }, dashboardItem?.name));
+}
+exports.default = DashboardItem;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    icon?: React.JSXElementConstructor<any>;
+    children: React.ReactElement[] | React.ReactElement;
+    theme: any;
+}
+declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
+export default Dropdown;
+//# sourceMappingURL=Dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAahD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC;IACpD,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,QAAA,MAAM,QAAQ,sFA6Ib,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/cjs/components/Dropdown/Dropdown.js

@@ -0,0 +1,99 @@
+"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 */
+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?.(value);
+    };
+    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: [(0, jsx_runtime_1.jsxs)("button", { style: {
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    alignItems: 'center',
+                    width: '100%',
+                    outline: 'none',
+                    padding: '1.5rem 2rem',
+                    borderRadius: '0.375rem',
+                    border: '2px solid',
+                    boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
+                    cursor: 'pointer',
+                    background: 'white',
+                }, 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 ? ((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, (0, jsx_runtime_1.jsx)("p", { style: {
+                                    margin: 0,
+                                    fontSize: '13px',
+                                    fontWeight: '500',
+                                    whiteSpace: 'nowrap',
+                                    overflow: 'hidden',
+                                    textOverflow: 'ellipsis',
+                                }, children: selectedValue
+                                    ? valueToNameMapping.get(selectedValue)
+                                    : 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" })] }), (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)) }) }) })] }));
+});
+exports.default = Dropdown;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface DropdownItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    value: string;
+    text?: string;
+    icon?: React.ElementType;
+    theme: any;
+    lastItem?: boolean;
+}
+declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLButtonElement>>;
+export default DropdownItem;
+//# sourceMappingURL=DropdownItem.d.ts.map

package/dist/cjs/components/Dropdown/DropdownItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,6FAsDjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/cjs/components/Dropdown/DropdownItem.js

@@ -0,0 +1,67 @@
+"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 */
+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',
+            width: '100%',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            // padding: '0.75rem 1.25rem',
+            paddingLeft: 12,
+            paddingTop: 12,
+            paddingBottom: 12,
+            fontSize: theme?.fontSizeSmall || 14,
+            borderStyle: 'solid',
+            borderBottomWidth: lastItem ? '0px' : '1px',
+            borderBottomColor: theme?.borderColor || '#E5E7EB',
+            background: theme?.backgroundColor || 'white',
+            borderTop: 'none',
+            borderRight: 'none',
+            borderLeft: 'none',
+            cursor: 'pointer',
+            color: theme?.secondaryTextColor || '#364153',
+        }, type: "button", onClick: () => handleValueChange?.(value), ...other, children: (0, jsx_runtime_1.jsx)("p", { style: {
+                margin: 0,
+                fontFamily: theme?.fontFamily,
+                color: theme?.primaryTextColor,
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+            }, children: text ?? value }) }));
+});
+exports.default = DropdownItem;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","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"}

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

@@ -0,0 +1,10 @@
+"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; } });

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { HorizontalPosition } from '../../lib/inputTypes';
+export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
+    showModal: boolean;
+    setShowModal: React.Dispatch<React.SetStateAction<boolean>> | ((nextState: boolean) => void);
+    parentRef?: React.RefObject<HTMLElement>;
+    width?: number;
+    maxHeight?: string;
+    anchorPosition?: HorizontalPosition;
+    children: React.ReactNode;
+    theme: any;
+}
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
+export default Modal;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/cjs/components/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EACR,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAC7C,CAAC,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,QAAA,MAAM,KAAK,mFAuFT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/dist/cjs/components/Modal/Modal.js

@@ -0,0 +1,90 @@
+"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 */
+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;
+        }
+        const modalBoundingRight = parentRef.current.getBoundingClientRect().left + modalWidth;
+        return windowWidth - modalBoundingRight < 0;
+    }, [parentRef]);
+    const getAbsoluteSpacing = () => {
+        return modalExceedsWindow ? '0' : '0';
+    };
+    (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)
+            : false;
+        if (!isTriggerElem) {
+            setShowModal(false);
+        }
+    });
+    // Execute only when modal is of absolute size
+    (0, react_1.useEffect)(() => {
+        if (width) {
+            setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
+        }
+    }, [checkModalExceedsWindow, parentRef, width]);
+    (0, hooks_1.useOnWindowResize)(() => {
+        if (width) {
+            setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
+        }
+    });
+    return showModal ? ((0, jsx_runtime_1.jsx)("div", { ref: (0, lib_1.mergeRefs)([modalRef, ref]), style: {
+            position: 'absolute',
+            zIndex: 10,
+            overflowY: 'auto',
+            width: width ? width : '100%',
+            left: getAbsoluteSpacing(),
+            right: getAbsoluteSpacing(),
+            maxHeight: maxHeight,
+            backgroundColor: theme?.backgroundColor || 'white',
+            borderColor: theme?.borderColor || '#E5E7EB',
+            borderTopStyle: 'solid',
+            borderBottomStyle: 'solid',
+            borderLeftStyle: 'solid',
+            borderRightStyle: 'solid',
+            borderTopWidth: 1,
+            borderBottomWidth: 1,
+            borderLeftWidth: 1,
+            borderRightWidth: 1,
+            marginTop: '0.5rem',
+            marginBottom: '0.5rem',
+            borderRadius: '0.375rem',
+            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;
+});
+exports.default = Modal;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

package/dist/cjs/components/Modal/index.js

@@ -0,0 +1,8 @@
+"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; } });

package/dist/cjs/components/QuillCard.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { QuillTheme } from '../QuillProvider';
+interface QuillCardProps {
+    children: ReactNode;
+    theme: QuillTheme;
+    onClick?: () => void;
+    onClose?: () => void;
+    isSelected?: boolean;
+    clickable?: boolean;
+    minHeight?: number;
+}
+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/cjs/components/QuillCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuillCard.d.ts","sourceRoot":"","sources":["../../../src/components/QuillCard.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,UAAU,cAAc;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,KAAK,EACL,OAAO,EACP,UAAkB,EAClB,SAAgB,EAChB,OAAO,EACP,SAAa,EACb,KAAU,GACX,EAAE,cAAc,2CAqEhB"}