@quillsql/admin 1.3.7 → 1.3.8

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

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+interface DynamicBannerProps {
+    header: string;
+    message: string;
+    onExit: () => void;
+    style: CSSProperties;
+    fontColor?: string;
+}
+export default function DynamicBanner({ header, message, onExit, style, fontColor, }: DynamicBannerProps): JSX.Element | null;
+export {};
+//# sourceMappingURL=DynamicBanner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicBanner.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,MAAM,EACN,OAAO,EACP,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAiCzC"}

package/dist/cjs/components/DynamicBanner.js

@@ -0,0 +1,22 @@
+"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 XMarkIcon_1 = __importDefault(require("../icons/XMarkIcon"));
+function DynamicBanner({ header, message, onExit, style, fontColor, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { id: "quill-edit-banner", style: {
+            width: '100vw',
+            height: 70,
+            minHeight: 70,
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            paddingLeft: 20,
+            paddingRight: 20,
+            borderBottom: '1px solid #e7e7e7',
+        }, children: [(0, jsx_runtime_1.jsx)("h1", { style: { fontSize: 21, fontWeight: 600, color: '#212121' }, children: header }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onExit, style: { padding: '6px', margin: '-6px' }, children: (0, jsx_runtime_1.jsx)(XMarkIcon_1.default, { style: { width: '20px', height: '20px' }, fill: fontColor, "aria-hidden": "true" }) })] }));
+}
+exports.default = DynamicBanner;

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

@@ -1 +1 @@
-{"version":3,"file":"EnvSelectPopover.d.ts","sourceRoot":"","sources":["../../../src/components/EnvSelectPopover.tsx"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,GAAG,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,SAAS,EACT,MAAM,EACN,KAAK,EACL,WAAW,EACX,cAAc,EACd,aAAa,EACb,WAAW,GACZ,EAAE,qBAAqB,2CAsTvB"}
+{"version":3,"file":"EnvSelectPopover.d.ts","sourceRoot":"","sources":["../../../src/components/EnvSelectPopover.tsx"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,GAAG,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,SAAS,EACT,MAAM,EACN,KAAK,EACL,WAAW,EACX,cAAc,EACd,aAAa,EACb,WAAW,GACZ,EAAE,qBAAqB,2CAqTvB"}

package/dist/cjs/components/EnvSelectPopover.js

@@ -208,7 +208,6 @@ function EnvSelectPopover({ clients, setClient, client, theme, environment, setE
                                     ? () => handleItemClick(item)
                                     : undefined, style: {
                                     ...clientStyles,
-                                    visibility: showPromote ? 'visible' : 'hidden',
                                 }, children: item.name }), client && client._id === item._id && ((0, jsx_runtime_1.jsxs)("div", { onClick: (e) => handlePromoteClick(e, item), style: {
                                     ...promoteStyles,
                                     visibility: showPromote ? 'visible' : 'hidden',

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

@@ -1,3 +1,4 @@
+import React from 'react';
 interface OrgSelectProps {
     parentRef: any;
     environment: string;
@@ -7,6 +8,28 @@ interface OrgSelectProps {
     organizationId: string;
     setOrganizationId: (organizationId: string | null) => void;
 }
+interface PopoverComponentProps {
+    children: any;
+    onClose?: () => void;
+    parentRef?: any;
+    style?: any;
+    onClick?: (e: React.MouseEvent) => void;
+    label?: string;
+    showTrigger?: boolean;
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+}
+export declare function Popover({ onClose, parentRef, children, style, onClick, label, showTrigger, isOpen, setIsOpen, }: PopoverComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare const ListboxTextInput: ({ value, onChange, placeholder, id, }: {
+    value: string;
+    onChange: (e: string) => void;
+    placeholder: string;
+    id: string;
+}) => import("react/jsx-runtime").JSX.Element;
 export default function OrgSelect({ environment, setEnvironment, organizations, theme, organizationId, setOrganizationId, parentRef, }: OrgSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function ListboxRow({ item, setSelected, }: {
+    item: any;
+    setSelected?: (item: any) => void;
+}): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=OrgSelect.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"OrgSelect.d.ts","sourceRoot":"","sources":["../../../src/components/OrgSelect.tsx"],"names":[],"mappings":"AAWA,UAAU,cAAc;IACtB,SAAS,EAAE,GAAG,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE,GAAG,CAAC;IACX,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC5D;AA0ND,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,WAAW,EACX,cAAc,EACd,aAAa,EACb,KAAK,EACL,cAAc,EACd,iBAAiB,EACjB,SAAS,GACV,EAAE,cAAc,2CAiGhB"}
+{"version":3,"file":"OrgSelect.d.ts","sourceRoot":"","sources":["../../../src/components/OrgSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,UAAU,cAAc;IACtB,SAAS,EAAE,GAAG,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE,GAAG,CAAC;IACX,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC5D;AAED,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC;AAsBD,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAU,EACV,OAAO,EACP,KAAK,EACL,WAAkB,EAClB,MAAM,EACN,SAAS,GACV,EAAE,qBAAqB,2CAqGvB;AAED,eAAO,MAAM,gBAAgB;WAMpB,MAAM;kBACC,MAAM,KAAK,IAAI;iBAChB,MAAM;QACf,MAAM;6CA0DX,CAAC;AAwCF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,WAAW,EACX,cAAc,EACd,aAAa,EACb,KAAK,EACL,cAAc,EACd,iBAAiB,EACjB,SAAS,GACV,EAAE,cAAc,2CAoGhB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,WAAW,GACZ,EAAE;IACD,IAAI,EAAE,GAAG,CAAC;IACV,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CACnC,2CA0CA"}

package/dist/cjs/components/OrgSelect.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListboxRow = exports.ListboxTextInput = exports.Popover = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const icons_1 = require("../icons");
@@ -20,7 +21,7 @@ const useOnClickOutside = (ref, handler) => {
         };
     }, [ref, handler]);
 };
-function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, label, showTrigger = true, isOpen, setIsOpen, }) {
+function Popover({ onClose, parentRef, children, style = {}, onClick, label, showTrigger = true, isOpen, setIsOpen, }) {
     const modalRef = (0, react_1.useRef)(null);
     useOnClickOutside(modalRef, (e) => {
         // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
@@ -64,8 +65,6 @@ function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, la
                     height: 38,
                     background: 'white',
                     color: '#384151',
-                    // boxShadow: "0 1px 2px 0 rgba(0,0,0,.05)",
-                    // fontFamily: theme.fontFamily,
                     fontWeight: 500,
                     fontSize: 14,
                     position: 'relative',
@@ -94,7 +93,8 @@ function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, la
                         ...style,
                     }, children: children }) }))] }));
 }
-const MemoizedTextInput = ({ value, onChange, placeholder, id, }) => {
+exports.Popover = Popover;
+const ListboxTextInput = ({ value, onChange, placeholder, id, }) => {
     return ((0, jsx_runtime_1.jsxs)("div", { style: {
             position: 'relative',
             display: 'flex',
@@ -120,6 +120,43 @@ const MemoizedTextInput = ({ value, onChange, placeholder, id, }) => {
         outline: none;
     }` }), (0, jsx_runtime_1.jsx)("div", { style: { width: 6 } }), (0, jsx_runtime_1.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: (0, jsx_runtime_1.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" }) }), (0, jsx_runtime_1.jsx)("input", { id: id, className: "quill-text-input", type: "text", value: value, onChange: (event) => onChange(event.target.value), placeholder: placeholder })] }));
 };
+exports.ListboxTextInput = ListboxTextInput;
+function castNumberToString(value) {
+    if (typeof value === 'number') {
+        return value.toString();
+    }
+    return value;
+}
+function createOrganizationList(organizations) {
+    // if capital fields
+    if (!organizations || !organizations.length) {
+        return [];
+    }
+    if (organizations[0]['NAME'] && organizations[0]['ID']) {
+        return [
+            ...organizations.map((org) => {
+                const name = org['NAME'];
+                const id = org['ID'];
+                return {
+                    name,
+                    id: castNumberToString(id),
+                };
+            }),
+            { name: 'All Organizations', id: '' },
+        ];
+    }
+    return [
+        ...organizations.map((org) => {
+            const name = org['name'];
+            const id = org['id'];
+            return {
+                name,
+                id: castNumberToString(id),
+            };
+        }),
+        { name: 'All Organizations', id: '' },
+    ];
+}
 function OrgSelect({ environment, setEnvironment, organizations, theme, organizationId, setOrganizationId, parentRef, }) {
     (0, react_1.useEffect)(() => {
         setEnvironment(environment);
@@ -127,10 +164,7 @@ function OrgSelect({ environment, setEnvironment, organizations, theme, organiza
     const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
     const [searchQuery, setSearchQuery] = (0, react_1.useState)('');
-    const dropDownItems = organizations.map((org) => ({
-        name: org.name,
-        id: org.id,
-    }));
+    const dropDownItems = (0, react_1.useMemo)(() => createOrganizationList(organizations), [organizations]);
     const handleSelectOrganization = (selectedItem) => {
         if (state.activeQuery) {
             const message = 'Are you sure? Changing organization will exit edit mode and your changes will not be saved.';
@@ -145,10 +179,15 @@ function OrgSelect({ environment, setEnvironment, organizations, theme, organiza
     const selectedOrganization = dropDownItems.find((item) => item.id === organizationId);
     const filteredOrganizations = searchQuery === ''
         ? dropDownItems
-        : dropDownItems.filter((org) => org.name
-            .toLowerCase()
-            .replace(/\s+/g, '')
-            .includes(searchQuery.toLowerCase().replace(/\s+/g, '')));
+        : dropDownItems.filter((org) => {
+            if (!org.name) {
+                return false;
+            }
+            return org.name
+                .toLowerCase()
+                .replace(/\s+/g, '')
+                .includes(searchQuery.toLowerCase().replace(/\s+/g, ''));
+        });
     return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
                     fontSize: '14px',
                     paddingTop: '0px',
@@ -156,14 +195,14 @@ function OrgSelect({ environment, setEnvironment, organizations, theme, organiza
                     marginBottom: '4px',
                     fontWeight: '600',
                     color: theme.secondaryTextColor,
-                }, children: "Organization" }), (0, jsx_runtime_1.jsxs)(MemoizedPopover, { parentRef: parentRef, label: selectedOrganization && selectedOrganization.name, isOpen: isOpen, onClose: () => setIsOpen(false), style: {
+                }, children: "Organization" }), (0, jsx_runtime_1.jsxs)(Popover, { parentRef: parentRef, label: selectedOrganization && selectedOrganization.name, isOpen: isOpen, onClose: () => setIsOpen(false), style: {
                     boxSizing: 'border-box',
                     fontSize: 14,
                     //   padding: 11,
-                }, setIsOpen: setIsOpen, onClick: () => console.log(), children: [(0, jsx_runtime_1.jsx)(MemoizedTextInput, { id: "quill-search-bar", placeholder: "Search", value: searchQuery, onChange: setSearchQuery }), (0, jsx_runtime_1.jsx)("div", { style: { height: 9, width: 230, borderTop: '1px solid #e7e7e7' } }), (0, jsx_runtime_1.jsxs)("div", { style: { gap: 2, maxHeight: '50vh' }, children: [filteredOrganizations.map((item, index) => ((0, jsx_runtime_1.jsx)(OrgSelectRow, { setSelected: handleSelectOrganization, item: item }, index))), filteredOrganizations.length === 0 && ((0, jsx_runtime_1.jsx)(OrgSelectRow, { item: { name: 'No organizations found' } }))] }), (0, jsx_runtime_1.jsx)("div", { style: { height: 8, width: 230 } })] })] }));
+                }, setIsOpen: setIsOpen, onClick: () => console.log(), children: [(0, jsx_runtime_1.jsx)(exports.ListboxTextInput, { id: "quill-search-bar", placeholder: "Search", value: searchQuery, onChange: setSearchQuery }), (0, jsx_runtime_1.jsx)("div", { style: { height: 9, width: 230, borderTop: '1px solid #e7e7e7' } }), (0, jsx_runtime_1.jsxs)("div", { style: { gap: 2, maxHeight: '50vh' }, children: [filteredOrganizations.map((item, index) => ((0, jsx_runtime_1.jsx)(ListboxRow, { setSelected: handleSelectOrganization, item: item }, index))), filteredOrganizations.length === 0 && ((0, jsx_runtime_1.jsx)(ListboxRow, { item: { name: 'No organizations found' } }))] }), (0, jsx_runtime_1.jsx)("div", { style: { height: 8, width: 230 } })] })] }));
 }
 exports.default = OrgSelect;
-function OrgSelectRow({ item, setSelected, }) {
+function ListboxRow({ item, setSelected, }) {
     return ((0, jsx_runtime_1.jsxs)("div", { onClick: setSelected ? () => setSelected(item) : undefined, className: "quill-org-select", children: [(0, jsx_runtime_1.jsx)("style", { children: `
   .quill-org-select {
       background-color: white;
@@ -194,3 +233,4 @@ function OrgSelectRow({ item, setSelected, }) {
                     display: 'block',
                 }, children: item.name })] }));
 }
+exports.ListboxRow = ListboxRow;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SqlTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/SqlTextEditor.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AA+B7C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,KAAK,EACL,QAAQ,GACT,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B,2CAwBA"}

package/dist/cjs/components/SqlTextEditor.js

@@ -0,0 +1,44 @@
+"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 react_1 = __importDefault(require("@monaco-editor/react"));
+function defineEditorTheme(monaco) {
+    monaco.editor.defineTheme('onedark', {
+        base: 'vs',
+        inherit: true,
+        rules: [
+            {
+                token: 'comment',
+                foreground: '#5d7988',
+                fontStyle: 'italic',
+            },
+            { token: 'constant', foreground: '#e06c75' },
+        ],
+        colors: {
+            'editor.background': '#F9F9F9',
+        },
+    });
+}
+function setEditorTheme(_editor, monaco) {
+    try {
+        monaco.editor.setTheme('onedark');
+    }
+    catch (e) {
+        console.log('ERROR: ', e);
+    }
+}
+function SqlTextEditor({ containerStyle, value, setValue, }) {
+    return ((0, jsx_runtime_1.jsx)("div", { style: { ...containerStyle }, children: (0, jsx_runtime_1.jsx)(react_1.default, { height: "224px", defaultLanguage: "pgsql", defaultValue: "", value: value, loading: (0, jsx_runtime_1.jsx)("div", {}), options: {
+                wordWrap: 'on',
+                minimap: {
+                    enabled: false,
+                },
+                padding: { top: 16 },
+            }, onChange: (query) => {
+                setValue(query);
+            }, beforeMount: (monaco) => defineEditorTheme(monaco), onMount: setEditorTheme }) }));
+}
+exports.default = SqlTextEditor;

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

@@ -0,0 +1,119 @@
+export interface Option {
+    value: string;
+    label: string;
+}
+export interface SelectComponentProps {
+    onChange: (value: string) => void;
+    value: string;
+    options: Option[];
+    disabled?: boolean;
+    label?: string;
+}
+export interface TextInputComponentProps {
+    onChange: (e: any) => void;
+    value: string;
+    id: string;
+    placeholder: string;
+}
+export interface ButtonComponentProps {
+    onClick: () => void;
+    label: string;
+    primary?: boolean;
+}
+export interface TableComponentProps {
+    rows: any[];
+    columns: any[];
+    height: string;
+}
+export interface TextInputComponentProps {
+    onChange: (e: any) => void;
+    value: string;
+    id: string;
+    width?: string;
+}
+export interface ModalComponentProps {
+    children: any;
+    isOpen: boolean;
+    onClose?: () => void;
+    title?: string;
+    setIsOpen: (isOpen: boolean) => void;
+    theme?: any;
+}
+export interface HeaderProps {
+    children: any;
+}
+export interface LabelProps {
+    children: any;
+}
+export interface TextProps {
+    children: any;
+}
+export interface DeleteButtonProps {
+    onClick: () => void;
+    style: any;
+}
+export declare const MemoizedTextInput: ({ value, onChange, placeholder, id, width, }: TextInputComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MemoizedButton: ({ label, onClick, primary, style, width, }: {
+    label: any;
+    onClick: any;
+    primary?: boolean | undefined;
+    style?: {} | undefined;
+    width?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const MemoizedSecondaryButton: ({ label, onClick }: {
+    label: any;
+    onClick: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const MemoizedSelect: ({ value, onChange, options, disabled, label, }: {
+    value: any;
+    onChange: any;
+    options: any;
+    disabled?: boolean | undefined;
+    label: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const MemoizedHeader: ({ children }: {
+    children: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const MemoizedLabel: ({ children }: {
+    children: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const MemoizedText: ({ children }: {
+    children: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export interface PopoverComponentProps {
+    children: any;
+    onClose?: () => void;
+    parentRef?: any;
+    style?: any;
+    onClick?: () => void;
+    showTrigger?: boolean;
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+}
+export declare function MemoizedPopover({ onClose, parentRef, children, style, onClick, label, showTrigger, isOpen, setIsOpen, }: {
+    onClose: any;
+    parentRef: any;
+    children: any;
+    style?: {} | undefined;
+    onClick: any;
+    label: any;
+    showTrigger?: boolean | undefined;
+    isOpen: any;
+    setIsOpen: any;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, }: {
+    isOpen: any;
+    onClose: any;
+    setIsOpen: any;
+    title: any;
+    children: any;
+    theme: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare const MemoizedDeleteButton: ({ onClick, style }: {
+    onClick: any;
+    style: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const LoadingSpinner: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UiComponents.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UiComponents.d.ts","sourceRoot":"","sources":["../../../src/components/UiComponents.tsx"],"names":[],"mappings":"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"}