@quillsql/react 2.12.36 → 2.12.37

package/dist/esm/components/QuillMultiSelectWithCombo.js

@@ -1,215 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useOnClickOutside } from '../hooks';
-import React, { useContext, useEffect, useRef, useState, } from 'react';
-import { ThemeContext } from '../Context';
-/**
- * Helper function for displaying option labels
- */
-function displaySelectedOptionLabels({ options, value, }) {
-    if (!value || !value.length) {
-        return 'Select';
-    }
-    const matchingOptions = options.filter((elem) => value.includes(elem.value));
-    if (!matchingOptions.length) {
-        return 'Select';
-    }
-    return matchingOptions
-        .map((elem) => elem.label)
-        .join(', ');
-}
-/**
- * A robust select component that implements the new minimal Select interface.
- */
-export function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, value, }) {
-    const [theme] = useContext(ThemeContext);
-    const [selectedOptions, setSelectedOptions] = useState([]);
-    const [showModal, setShowModal] = useState(false);
-    const modalRef = useRef(null);
-    const debounceTimeoutId = useRef(null);
-    const [searchQuery, setSearchQuery] = React.useState('');
-    const [filteredItems, setFilteredItems] = React.useState(options.slice(0, 20));
-    useEffect(() => {
-        setFilteredItems(options.slice(0, 20));
-    }, [options]);
-    const handleSearchChange = (value) => {
-        setSearchQuery(value);
-        const curFilteredItems = value === ''
-            ? options.slice(0, 20)
-            : options
-                .filter((option) => {
-                if (!option) {
-                    return false;
-                }
-                return option.value
-                    .toLowerCase()
-                    .replace(/\s+/g, '')
-                    .includes(value.toLowerCase().replace(/\s+/g, ''));
-            })
-                .slice(0, 20);
-        setFilteredItems(curFilteredItems);
-    };
-    useOnClickOutside(modalRef, () => setShowModal(false));
-    useEffect(() => {
-        if (!value) {
-            setSelectedOptions([]);
-        }
-        else {
-            setSelectedOptions(value);
-        }
-    }, [value]);
-    const debounce = (updatedChangeEvent) => {
-        if (debounceTimeoutId.current) {
-            clearTimeout(debounceTimeoutId.current);
-        }
-        debounceTimeoutId.current = setTimeout(() => {
-            onChange(updatedChangeEvent);
-        }, 500);
-    };
-    // const filterOptions = (query: string) => {
-    //   setSearchQuery(query);
-    //   setFilteredOptions(
-    //     options.filter((option) =>
-    //       option.label.toLowerCase().includes(query.toLowerCase()),
-    //     ),
-    //   );
-    // };
-    return (_jsxs("div", { style: {
-            position: 'relative',
-            borderRadius: '6px',
-            width: width,
-            minWidth: width,
-        }, children: [label && (_jsx("div", { style: {
-                    fontSize: 14,
-                    color: theme.secondaryTextColor,
-                    fontFamily: theme.fontFamily,
-                    paddingBottom: 5,
-                    fontWeight: 600,
-                }, children: label })), _jsxs("button", { style: {
-                    fontFamily: theme.fontFamily,
-                    color: theme.primaryTextColor,
-                    width: '100%',
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                    fontWeight: 'inherit',
-                    lineHeight: 'inherit',
-                    padding: '8px 12px',
-                    fontSize: 14,
-                    margin: 0,
-                    boxSizing: 'border-box',
-                    borderWidth: 1,
-                    borderStyle: 'solid',
-                    borderColor: theme.borderColor,
-                    borderRadius: 6,
-                    paddingTop: 9,
-                    paddingBottom: 9,
-                    height: 40,
-                    minHeight: 40,
-                    maxHeight: 40,
-                }, className: "quill-select-button", onClick: () => setShowModal((showModal) => !showModal), children: [_jsx("style", { children: ` .quill-select-button { background: ${theme.backgroundColor}; } 
-          .quill-select-button:hover { background: ${theme.hoverBackgroundColor}; }
-        ` }), _jsx("span", { style: {
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap',
-                            overflow: 'hidden',
-                            width: '100%',
-                            textAlign: 'left',
-                            zIndex: 1,
-                        }, children: displaySelectedOptionLabels({ options, value }) }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", "data-slot": "icon", height: 20, width: 20, style: { minHeight: 20, minWidth: 20 }, children: _jsx("path", { fillRule: "evenodd", d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z", clipRule: "evenodd" }) })] }), showModal && (_jsxs("div", { ref: modalRef, style: {
-                    position: 'absolute',
-                    width: '100%',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    boxSizing: 'border-box',
-                    borderWidth: 1,
-                    borderStyle: 'solid',
-                    borderColor: theme.borderColor,
-                    borderRadius: 6,
-                    background: 'white',
-                    marginTop: 12,
-                    zIndex: 100,
-                    padding: 6,
-                    fontFamily: theme.fontFamily,
-                    maxHeight: '50vh',
-                    overflow: 'scroll',
-                    fontSize: 14,
-                }, children: [options && options.length > 20 && (_jsx(ListboxTextInput, { value: searchQuery, placeholder: "Search", onChange: (value) => {
-                            handleSearchChange(value);
-                        } })), options && options.length > 20 && (_jsx("div", { style: { height: 9, width: 230, borderTop: '1px solid #e7e7e7' } })), filteredItems.map((option) => (_jsxs("button", { style: {
-                            display: 'flex',
-                            alignItems: 'center',
-                            padding: 8,
-                            margin: 0,
-                            boxSizing: 'border-box',
-                            borderWidth: 0,
-                            fontSize: 14,
-                            borderStyle: 'solid',
-                            borderColor: theme.borderColor,
-                            borderRadius: 4,
-                            fontFamily: theme.fontFamily,
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap',
-                            height: 34,
-                            minHeight: 34,
-                            gap: 6,
-                            overflow: 'hidden',
-                        }, className: "quill-option", onClick: () => {
-                            // Manually create a synthetic ChangeEvent and pass it to callback
-                            const changeEvent = { target: { value: option.value } };
-                            let updateSelctedOptions = [...selectedOptions];
-                            if (selectedOptions.includes(changeEvent.target.value)) {
-                                updateSelctedOptions = selectedOptions.filter((opt) => opt !== changeEvent.target.value);
-                                setSelectedOptions(updateSelctedOptions);
-                            }
-                            else {
-                                updateSelctedOptions = [
-                                    ...updateSelctedOptions,
-                                    changeEvent.target.value,
-                                ];
-                                setSelectedOptions(updateSelctedOptions);
-                            }
-                            const updatedChangeEvent = {
-                                target: { value: updateSelctedOptions.join(',') },
-                            };
-                            if (updateSelctedOptions.length === 0) {
-                                updatedChangeEvent.target.value = '';
-                            }
-                            debounce(updatedChangeEvent);
-                        }, children: [_jsx("style", { children: `
-                .quill-option {
-                  background: white;
-                }
-                  .quill-option:hover {
-                    background: #F4F4F5;
-                  }
-                ` }), _jsx("input", { type: "checkbox", checked: selectedOptions.includes(option.value), style: { width: '14px', height: '14px', margin: 'auto 0' }, readOnly: true }), _jsx("span", { style: {
-                                    textOverflow: 'ellipsis',
-                                    whiteSpace: 'nowrap',
-                                    overflow: 'hidden',
-                                }, children: option.label })] }, option.value)))] }))] }));
-}
-export const ListboxTextInput = ({ value, onChange, placeholder, }) => {
-    return (_jsxs("div", { style: {
-            position: 'relative',
-            display: 'flex',
-            flexDirection: 'row',
-            alignItems: 'center',
-            marginTop: 2,
-        }, children: [_jsx("style", { children: `
-      .quill-text-input {
-          background-color: white;
-          height: 40px;
-         width: 145px;
-         z-index: 2;
-         color: #384151;
-         border-radius: 4px;
-         text-align: left;
-         padding-top: 0px;
-         padding-bottom: 0px;
-         box-sizing: content-box;
-         margin-left: 6px;
-      }
-      .quill-text-input:focus {
-        outline: none;
-    }` }), _jsx("div", { style: { width: 6 } }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "rgba(56, 65, 81, 0.7)", height: "16", width: "16", children: _jsx("path", { fillRule: "evenodd", d: "M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z", clipRule: "evenodd" }) }), _jsx("input", { className: "quill-text-input", type: "text", value: value, onChange: (event) => onChange(event.target.value), placeholder: placeholder })] }));
-};

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

@@ -1,6 +0,0 @@
-import { SelectComponentProps } from './UiComponents';
-/**
- * A robust select component that implements the new minimal Select interface.
- */
-export declare function QuillSelectComponent({ options, value, width, onChange, label, }: SelectComponentProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=QuillSelect.d.ts.map

package/dist/esm/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;AAKtD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,GACN,EAAE,oBAAoB,2CA2MtB"}

package/dist/esm/components/QuillSelect.js

@@ -1,136 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useOnClickOutside } from '../hooks';
-import { useContext, useRef, useState } from 'react';
-import { ThemeContext } from '../Context';
-/**
- * A robust select component that implements the new minimal Select interface.
- */
-export function QuillSelectComponent({ options, value, width, onChange, label, }) {
-    const [theme] = useContext(ThemeContext);
-    const [showModal, setShowModal] = useState(false);
-    const modalRef = useRef(null);
-    useOnClickOutside(modalRef, () => setShowModal(false));
-    return (_jsxs("div", { style: {
-            position: 'relative',
-            // width: 200,
-            // minWidth: 200,
-            borderRadius: '6px',
-            width: width,
-            minWidth: width,
-        }, children: [label && (_jsx("div", { style: {
-                    fontSize: 14,
-                    color: theme.secondaryTextColor,
-                    fontFamily: theme.fontFamily,
-                    paddingBottom: 5,
-                    fontWeight: 600,
-                }, children: label })), _jsxs("button", { style: {
-                    fontFamily: theme.fontFamily,
-                    color: theme.primaryTextColor,
-                    width: '100%',
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                    lineHeight: 'inherit',
-                    padding: '8px 12px',
-                    fontSize: 14,
-                    margin: 0,
-                    boxSizing: 'border-box',
-                    borderWidth: 1,
-                    borderStyle: 'solid',
-                    borderColor: theme.borderColor,
-                    borderRadius: 6,
-                    paddingTop: 9,
-                    paddingBottom: 9,
-                    height: 40,
-                    minHeight: 40,
-                    maxHeight: 40,
-                }, className: "quill-select-button", onClick: () => setShowModal((showModal) => !showModal), children: [_jsx("style", { children: ` .quill-select-button { background: ${theme.backgroundColor}; } .quill-select-button:hover { background: ${theme.hoverBackgroundColor}; }` }), _jsx("span", { style: {
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap',
-                            overflow: 'hidden',
-                        }, children: options.find((elem) => elem.value === value)?.label || 'Select' }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", "data-slot": "icon", height: 20, width: 20, style: { minHeight: 20, minWidth: 20 }, children: _jsx("path", { fillRule: "evenodd", d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z", clipRule: "evenodd" }) })] }), showModal && (_jsxs("div", { ref: modalRef, style: {
-                    position: 'absolute',
-                    width: '100%',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    boxSizing: 'border-box',
-                    borderWidth: 1,
-                    borderStyle: 'solid',
-                    borderColor: theme.borderColor,
-                    borderRadius: 6,
-                    background: 'white',
-                    marginTop: 12,
-                    zIndex: 100,
-                    paddingTop: 6,
-                    paddingBottom: 6,
-                    paddingLeft: 6,
-                    paddingRight: 6,
-                    fontFamily: theme.fontFamily,
-                    maxHeight: '50vh',
-                    overflow: 'scroll',
-                }, children: [_jsxs("button", { style: {
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'space-between',
-                            padding: '8px 8px',
-                            margin: 0,
-                            boxSizing: 'border-box',
-                            borderWidth: 0,
-                            fontSize: 14,
-                            borderStyle: 'solid',
-                            borderColor: theme.borderColor,
-                            borderRadius: 4,
-                            fontFamily: theme.fontFamily,
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap',
-                            overflow: 'hidden',
-                            height: 34,
-                            minHeight: 34,
-                        }, className: "quill-option", onClick: () => {
-                            // Manually create a synthetic ChangeEvent and pass it to callback
-                            const changeEvent = { target: { value: '' } };
-                            onChange(changeEvent);
-                            setShowModal(false);
-                        }, children: [_jsx("style", { children: `
-                .quill-option {
-                  background: white;
-                }
-                  .quill-option:hover {
-                    background: #F4F4F5;
-                  }
-                ` }), 'Select'] }), options.map((option) => (_jsxs("button", { style: {
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'space-between',
-                            padding: '8px 8px',
-                            margin: 0,
-                            boxSizing: 'border-box',
-                            borderWidth: 0,
-                            fontSize: 14,
-                            borderStyle: 'solid',
-                            borderColor: theme.borderColor,
-                            borderRadius: 4,
-                            fontFamily: theme.fontFamily,
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap',
-                            height: 34,
-                            minHeight: 34,
-                            overflow: 'hidden',
-                        }, className: "quill-option", onClick: () => {
-                            // Manually create a synthetic ChangeEvent and pass it to callback
-                            const changeEvent = { target: { value: option.value } };
-                            onChange(changeEvent);
-                            setShowModal(false);
-                        }, children: [_jsx("style", { children: `
-                .quill-option {
-                  background: white;
-                }
-                  .quill-option:hover {
-                    background: #F4F4F5;
-                  }
-                ` }), _jsx("span", { style: {
-                                    textOverflow: 'ellipsis',
-                                    whiteSpace: 'nowrap',
-                                    overflow: 'hidden',
-                                }, children: option.label })] }, option.value)))] }))] }));
-}

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

@@ -1,6 +0,0 @@
-import { SelectComponentProps } from './UiComponents';
-/**
- * A robust select component that implements the new minimal Select interface.
- */
-export declare function QuillSelectComponentWithCombo({ options, value, width, onChange, label, }: SelectComponentProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=QuillSelectWithCombo.d.ts.map

package/dist/esm/components/QuillSelectWithCombo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuillSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelectWithCombo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAYtD;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,GACN,EAAE,oBAAoB,2CAoPtB"}

package/dist/esm/components/QuillSelectWithCombo.js

@@ -1,163 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useOnClickOutside } from '../hooks';
-import React, { useContext, useEffect, useRef, useState, } from 'react';
-import { ThemeContext } from '../Context';
-import { ListboxTextInput } from './QuillMultiSelectWithCombo';
-/**
- * A robust select component that implements the new minimal Select interface.
- */
-export function QuillSelectComponentWithCombo({ options, value, width, onChange, label, }) {
-    const [theme] = useContext(ThemeContext);
-    const [showModal, setShowModal] = useState(false);
-    const modalRef = useRef(null);
-    const [searchQuery, setSearchQuery] = React.useState('');
-    const [filteredItems, setFilteredItems] = React.useState([]);
-    useOnClickOutside(modalRef, () => setShowModal(false));
-    useEffect(() => {
-        setFilteredItems(options.slice(0, 20));
-    }, [options]);
-    const handleSearchChange = (value) => {
-        setSearchQuery(value);
-        const curFilteredItems = value === ''
-            ? options.slice(0, 20)
-            : options
-                .filter((option) => {
-                if (!option) {
-                    return false;
-                }
-                return option.value
-                    .toLowerCase()
-                    .replace(/\s+/g, '')
-                    .includes(value.toLowerCase().replace(/\s+/g, ''));
-            })
-                .slice(0, 20);
-        setFilteredItems(curFilteredItems);
-    };
-    useOnClickOutside(modalRef, () => setShowModal(false));
-    return (_jsxs("div", { style: {
-            position: 'relative',
-            // width: 200,
-            // minWidth: 200,
-            borderRadius: '6px',
-            width: width,
-            minWidth: width,
-        }, children: [label && (_jsx("div", { style: {
-                    fontSize: 14,
-                    color: theme.secondaryTextColor,
-                    fontFamily: theme.fontFamily,
-                    paddingBottom: 5,
-                    fontWeight: 600,
-                }, children: label })), _jsxs("button", { style: {
-                    fontFamily: theme.fontFamily,
-                    color: theme.primaryTextColor,
-                    width: '100%',
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                    lineHeight: 'inherit',
-                    padding: '8px 12px',
-                    fontSize: 14,
-                    margin: 0,
-                    boxSizing: 'border-box',
-                    borderWidth: 1,
-                    borderStyle: 'solid',
-                    borderColor: theme.borderColor,
-                    borderRadius: 6,
-                    paddingTop: 9,
-                    paddingBottom: 9,
-                    height: 40,
-                    minHeight: 40,
-                    maxHeight: 40,
-                }, className: "quill-select-button", onClick: () => setShowModal((showModal) => !showModal), children: [_jsx("style", { children: ` .quill-select-button { background: ${theme.backgroundColor}; } .quill-select-button:hover { background: ${theme.hoverBackgroundColor}; }` }), _jsx("span", { style: {
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap',
-                            overflow: 'hidden',
-                        }, children: options.find((elem) => elem.value === value)?.label || 'Select' }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", "data-slot": "icon", height: 20, width: 20, style: { minHeight: 20, minWidth: 20 }, children: _jsx("path", { fillRule: "evenodd", d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z", clipRule: "evenodd" }) })] }), showModal && (_jsxs("div", { ref: modalRef, style: {
-                    position: 'absolute',
-                    width: '100%',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    boxSizing: 'border-box',
-                    borderWidth: 1,
-                    borderStyle: 'solid',
-                    borderColor: theme.borderColor,
-                    borderRadius: 6,
-                    background: 'white',
-                    marginTop: 12,
-                    zIndex: 100,
-                    paddingTop: 6,
-                    paddingBottom: 6,
-                    paddingLeft: 6,
-                    paddingRight: 6,
-                    fontFamily: theme.fontFamily,
-                    maxHeight: '50vh',
-                    overflow: 'scroll',
-                    fontSize: 14,
-                }, children: [options && options.length > 20 && (_jsx(ListboxTextInput, { value: searchQuery, placeholder: "Search", onChange: (value) => {
-                            handleSearchChange(value);
-                        } })), searchQuery === '' && (_jsxs("button", { style: {
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'space-between',
-                            padding: '8px 8px',
-                            margin: 0,
-                            boxSizing: 'border-box',
-                            borderWidth: 0,
-                            fontSize: 14,
-                            borderStyle: 'solid',
-                            borderColor: theme.borderColor,
-                            borderRadius: 4,
-                            fontFamily: theme.fontFamily,
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap',
-                            overflow: 'hidden',
-                            height: 34,
-                            minHeight: 34,
-                        }, className: "quill-option", onClick: () => {
-                            // Manually create a synthetic ChangeEvent and pass it to callback
-                            const changeEvent = { target: { value: '' } };
-                            onChange(changeEvent);
-                            setShowModal(false);
-                        }, children: [_jsx("style", { children: `
-                .quill-option {
-                  background: white;
-                }
-                  .quill-option:hover {
-                    background: #F4F4F5;
-                  }
-                ` }), 'Select'] })), filteredItems.map((option) => (_jsxs("button", { style: {
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'space-between',
-                            padding: '8px 8px',
-                            margin: 0,
-                            boxSizing: 'border-box',
-                            borderWidth: 0,
-                            fontSize: 14,
-                            borderStyle: 'solid',
-                            borderColor: theme.borderColor,
-                            borderRadius: 4,
-                            fontFamily: theme.fontFamily,
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap',
-                            height: 34,
-                            minHeight: 34,
-                            overflow: 'hidden',
-                        }, className: "quill-option", onClick: () => {
-                            // Manually create a synthetic ChangeEvent and pass it to callback
-                            const changeEvent = { target: { value: option.value } };
-                            onChange(changeEvent);
-                            setShowModal(false);
-                        }, children: [_jsx("style", { children: `
-                .quill-option {
-                  background: white;
-                }
-                  .quill-option:hover {
-                    background: #F4F4F5;
-                  }
-                ` }), _jsx("span", { style: {
-                                    textOverflow: 'ellipsis',
-                                    whiteSpace: 'nowrap',
-                                    overflow: 'hidden',
-                                }, children: option.label })] }, option.value)))] }))] }));
-}

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

@@ -1,31 +0,0 @@
-import React from 'react';
-import { ButtonComponentProps } from './UiComponents';
-export interface TableComponentProps {
-    rows: any[];
-    rowCount?: number;
-    columns: {
-        label: string;
-        field: string;
-    }[];
-    currentPage?: number;
-    sort?: {
-        field: string;
-        direction: string;
-    };
-    className?: string;
-    containerStyle?: React.CSSProperties;
-    isLoading?: boolean;
-    hideCSVDownloadButton?: boolean;
-    downloadCSV?: () => void;
-    LoadingComponent?: () => JSX.Element;
-    DownloadCSVButtonComponent?: (props: ButtonComponentProps) => JSX.Element;
-    rowsPerPage?: number;
-    emptyStateLabel?: string;
-    onPageChange?: (page: number) => void;
-    onSortChange?: (sort: {
-        field: string;
-        direction: string;
-    }) => void;
-}
-export default function QuillTable({ rows, rowCount, columns, isLoading, currentPage, sort, hideCSVDownloadButton, containerStyle, className, LoadingComponent, rowsPerPage, emptyStateLabel, downloadCSV, onPageChange, onSortChange, }: TableComponentProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=QuillTable.d.ts.map

package/dist/esm/components/QuillTable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuillTable.d.ts","sourceRoot":"","sources":["../../../src/components/QuillTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,oBAAoB,EAAyB,MAAM,gBAAgB,CAAC;AAE7E,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,WAAW,EACX,IAAI,EACJ,qBAA4B,EAC5B,cAAc,EACd,SAAS,EACT,gBAAwC,EACxC,WAAgB,EAChB,eAA8B,EAC9B,WAAW,EACX,YAAY,EACZ,YAAY,GACb,EAAE,mBAAmB,2CAicrB"}