@quillsql/react 2.10.31 → 2.10.32

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

@@ -0,0 +1,71 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useEffect, useState } from 'react';
+import { didFiltersChange } from '../../Chart';
+import { ClientContext, DashboardContext, DashboardFiltersContext, } from '../../Context';
+import { getData } from '../../utils/dataFetcher';
+import { mergeComparisonRange } from '../../utils/merge';
+export default function DataLoader({ id, SkeletonComponent, handleOnClickDashboardItem, onClickDashboardItem, TableComponent, name, theme, }) {
+    const [client, _] = useContext(ClientContext);
+    const { dispatch, dashboard } = useContext(DashboardContext);
+    const { dashboardFilters } = useContext(DashboardFiltersContext);
+    const [loading, setLoading] = useState(true);
+    useEffect(() => {
+        async function getChartOptions() {
+            if (!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 getData(client, 'itempost', 'omit', hostedBody, cloudBody);
+                if (resp && resp.name !== 'error') {
+                    if (resp.compareRows) {
+                        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 (_jsx(TableComponent, { theme: theme, loading: loading, dashboardItem: dashboard[id], name: name, SkeletonComponent: SkeletonComponent, onClickDashboardItem: onClickDashboardItem
+            ? () => handleOnClickDashboardItem(dashboard[id])
+            : void null }));
+}

package/dist/esm/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/esm/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/esm/components/Dashboard/MetricComponent.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function DashboardItem({ dashboardItem, onClickDashboardItem, theme, style, children, }) {
+    return (_jsx("div", { onClick: onClickDashboardItem
+            ? () => onClickDashboardItem(dashboardItem)
+            : () => { }, style: {
+            // height: '100%',
+            cursor: 'pointer',
+            boxSizing: 'content-box',
+            paddingRight: 25,
+            minHeight: 400,
+            borderRadius: 8,
+            paddingTop: 20,
+            ...style,
+        }, children: _jsx("div", { style: {
+                width: '100%',
+                height: '100%',
+                boxSizing: 'content-box',
+            }, children: _jsx("div", { style: {
+                    width: '100%',
+                    height: '100%',
+                    boxSizing: 'content-box',
+                }, children: _jsxs("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        justifyContent: 'space-between',
+                        height: '100%',
+                        boxSizing: 'content-box',
+                    }, children: [_jsxs("div", { style: {
+                                display: 'flex',
+                                flexDirection: 'row',
+                                justifyContent: 'space-between',
+                                boxSizing: 'content-box',
+                                paddingBottom: 20,
+                            }, children: [_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 ? (_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] }), _jsx("div", { style: {
+                                padding: 0,
+                                height: '100%',
+                                width: '100%',
+                                boxSizing: 'content-box',
+                            }, children: children })] }) }) }) }, dashboardItem?.name));
+}

package/dist/esm/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/esm/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/esm/components/Dashboard/TableComponent.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import QuillTable from '../QuillTable';
+export default function DashboardItem({ dashboardItem, onClickDashboardItem, theme, style, loading, name, SkeletonComponent, }) {
+    return (_jsxs("div", { onClick: onClickDashboardItem
+            ? () => onClickDashboardItem(dashboardItem)
+            : () => { }, children: [_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 ? (_jsx(SkeletonComponent, { containerStyle: { height: 390 } })) : dashboardItem ? (_jsx(QuillTable, { 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));
+}

package/dist/esm/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/esm/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/esm/components/Dropdown/Dropdown.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "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 { 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 Icon = icon;
+    const valueToNameMapping = constructValueToNameMapping(children);
+    const optionValues = React.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: {
+            position: 'relative',
+            width: '100%',
+            minWidth: '10rem',
+        }, ...other, children: [_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: [_jsxs("div", { style: {
+                            display: 'flex',
+                            justifyContent: 'start',
+                            alignItems: 'center',
+                            whiteSpace: 'nowrap',
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                        }, children: [Icon ? (_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: {
+                                    margin: 0,
+                                    fontSize: '13px',
+                                    fontWeight: '500',
+                                    whiteSpace: 'nowrap',
+                                    overflow: 'hidden',
+                                    textOverflow: 'ellipsis',
+                                }, children: selectedValue
+                                    ? valueToNameMapping.get(selectedValue)
+                                    : placeholder })] }), _jsx(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)) }) }) })] }));
+});
+export default Dropdown;

package/dist/esm/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/esm/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/esm/components/Dropdown/DropdownItem.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "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 { value, text, icon, className, theme, lastItem, ...other } = props;
+    const { selectedValue, handleValueChange } = useContext(SelectedValueContext);
+    const { hoveredValue } = useContext(HoveredValueContext);
+    const isActive = selectedValue === value;
+    const isHovered = hoveredValue === value;
+    const Icon = icon ? icon : null;
+    return (_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: _jsx("p", { style: {
+                margin: 0,
+                fontFamily: theme?.fontFamily,
+                color: theme?.primaryTextColor,
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+            }, children: text ?? value }) }));
+});
+export default DropdownItem;

package/dist/esm/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/esm/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/esm/components/Dropdown/index.js

@@ -0,0 +1,2 @@
+export { default as Dropdown } from "./Dropdown";
+export { default as DropdownItem } from "./DropdownItem";

package/dist/esm/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/esm/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/esm/components/Modal/Modal.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "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 { 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) => {
+        if (!parentRef.current) {
+            return false;
+        }
+        const modalBoundingRight = parentRef.current.getBoundingClientRect().left + modalWidth;
+        return windowWidth - modalBoundingRight < 0;
+    }, [parentRef]);
+    const getAbsoluteSpacing = () => {
+        return modalExceedsWindow ? '0' : '0';
+    };
+    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
+    useEffect(() => {
+        if (width) {
+            setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
+        }
+    }, [checkModalExceedsWindow, parentRef, width]);
+    useOnWindowResize(() => {
+        if (width) {
+            setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
+        }
+    });
+    return showModal ? (_jsx("div", { ref: 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;
+});
+export default Modal;

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

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

package/dist/esm/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/esm/components/Modal/index.js

@@ -0,0 +1 @@
+export { default } from "./Modal";

package/dist/esm/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/esm/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"}

package/dist/esm/components/QuillCard.js

@@ -0,0 +1,52 @@
+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: {
+            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: [_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 && (_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: [_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 })] }));
+}

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

@@ -0,0 +1,3 @@
+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/esm/components/QuillSelect.d.ts.map

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