@quillsql/react 2.10.29 → 2.10.31

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

@@ -1,74 +0,0 @@
-"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

@@ -1,3 +0,0 @@
-/// <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

@@ -1 +0,0 @@
-{"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

@@ -1,65 +0,0 @@
-"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

@@ -1,3 +0,0 @@
-/// <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

@@ -1 +0,0 @@
-{"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,CAgDnB"}

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

@@ -1,35 +0,0 @@
-"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 })) : null] }, dashboardItem?.name));
-}
-exports.default = DashboardItem;

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

@@ -1,14 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,99 +0,0 @@
-"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

@@ -1,11 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,67 +0,0 @@
-"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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

@@ -1,15 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,90 +0,0 @@
-"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

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

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

@@ -1 +0,0 @@
-{"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

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

@@ -1,14 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}

package/dist/cjs/components/QuillCard.js

@@ -1,56 +0,0 @@
-"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,
-            borderRadius: 8,
-            boxShadow: '0 1px 4px 0 rgba(56, 65, 81, 0.07)',
-            borderWidth: theme.borderWidth,
-            borderStyle: 'solid',
-            borderColor: isSelected ? '#aaaaaa' : theme.borderColor,
-            overflowX: 'hidden',
-            position: 'relative',
-            minHeight: minHeight,
-            ...style,
-        }, onClick: onClick, children: [(0, jsx_runtime_1.jsx)("style", { children: `
-        .quill-card-hover:hover {
-          background-color: #f9f9f9 !important;
-          .quill-delete-button {
-              background-color: #f9f9f9;
-          }
-          .quill-delete-button:hover {
-            background-color: #f5f5f5;
-          }
-        }
-      ` }), onClose && ((0, jsx_runtime_1.jsxs)("button", { className: "quill-delete-button", type: "button", onClick: e => {
-                    e.stopPropagation();
-                    onClose();
-                }, style: {
-                    height: 42,
-                    width: 42,
-                    top: 4,
-                    right: 4,
-                    // marginTop: -12,
-                    // marginRight: -12,
-                    position: 'absolute',
-                    cursor: 'pointer',
-                    border: 'none',
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    borderRadius: 6,
-                    float: 'right',
-                }, 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);
-      }` }), (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;

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

@@ -1,3 +0,0 @@
-import { SelectComponentProps } from './UiComponents';
-export declare function QuillSelectComponent({ options, value, onChange, theme, label, }: SelectComponentProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=QuillSelect.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"QuillSelect.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAGtD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE,oBAAoB,2CAgMtB"}