@quillsql/admin 1.6.4 → 1.7.1

package/dist/cjs/components/OrgSelect.js

@@ -15,11 +15,11 @@ const QuillSelectWithCombo_1 = require("./QuillSelectWithCombo");
 const QuillMultiSelectWithCombo_1 = require("./QuillMultiSelectWithCombo");
 const useDashboardManager_1 = require("../hooks/useDashboardManager");
 const GlobeIcon_1 = __importDefault(require("../icons/GlobeIcon"));
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 function Popover({ onClose, parentRef, children, style = {}, onClick, label, showTrigger = true, isOpen, setIsOpen, }) {
     const modalRef = (0, react_1.useRef)(null);
     const [maxHeight, setMaxHeight] = (0, react_1.useState)('40vh');
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     (0, useOnClickOutside_1.default)(modalRef, (e) => {
         // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
         const isTriggerElem = parentRef
@@ -115,6 +115,7 @@ function Popover({ onClose, parentRef, children, style = {}, onClick, label, sho
 function OrgSelect({ isLoading }) {
     const { dashboardTenants, dashboardOwnerTenant, selectedTenantType, selectedTenantValues, setSelectedTenantValues, selectedDashboardTenantIds, setSelectedTenantType, setSelectedDashboardTenantIds, dashboardTenantIdsLoading, } = (0, useTenants_1.useTenants)();
     const { selectedDashboard } = (0, useDashboardManager_1.useDashboardManager)();
+    const { eventTracking } = (0, useAdmin_1.useAdmin)();
     const debounceIdTimeoutId = (0, react_1.useRef)(null);
     const debounceValueTimeoutId = (0, react_1.useRef)(null);
     const debouncedSetSelectedDashboardTenantIds = (value) => {
@@ -122,6 +123,15 @@ function OrgSelect({ isLoading }) {
             clearTimeout(debounceIdTimeoutId.current);
         }
         debounceIdTimeoutId.current = setTimeout(() => {
+            eventTracking?.addBreadcrumb?.({
+                message: 'Set tenant ids in OrgSelect',
+                data: {
+                    tenantIds: value,
+                },
+                category: 'interaction',
+                level: 'info',
+                timestamp: Date.now(),
+            });
             setSelectedDashboardTenantIds(value);
         }, 500);
     };
@@ -130,7 +140,16 @@ function OrgSelect({ isLoading }) {
             clearTimeout(debounceValueTimeoutId.current);
         }
         debounceValueTimeoutId.current = setTimeout(() => {
-            setSelectedTenantValues(value);
+            eventTracking?.addBreadcrumb?.({
+                message: 'Set tenant values in OrgSelect',
+                data: {
+                    tenantValues: value,
+                },
+                category: 'interaction',
+                level: 'info',
+                timestamp: Date.now(),
+            });
+            setSelectedTenantValues(Array.isArray(value) ? value : [value]);
         }, 500);
     };
     const dashboardTenantOptions = (0, react_1.useMemo)(() => {
@@ -161,13 +180,38 @@ function OrgSelect({ isLoading }) {
             flexDirection: 'row',
             gap: 16,
             fontWeight: 500,
-        }, children: [dashboardTenantOptions?.length > 1 && ((0, jsx_runtime_1.jsx)(QuillSelectWithCombo_1.QuillSelectComponentWithCombo, { label: 'Tenant Type', width: 230, value: selectedTenantType?.tenantField, options: dashboardTenantOptions, onChange: (e) => setSelectedTenantType(e.target.value), isLoading: isLoading, disabled: isLoading, hideEmptyOption: true, badge: ownerIsSelected ? 'Owner' : undefined })), (0, jsx_runtime_1.jsx)(QuillMultiSelectWithCombo_1.QuillMultiSelectComponentWithCombo, { label: selectedTenantType?.scope === 'database'
+        }, children: [dashboardTenantOptions?.length > 1 && ((0, jsx_runtime_1.jsx)(QuillSelectWithCombo_1.QuillSelectComponentWithCombo, { label: 'Tenant Type', width: 230, value: selectedTenantType?.tenantField, options: dashboardTenantOptions, onChange: (e) => setSelectedTenantType(e.target.value), isLoading: isLoading, disabled: isLoading, hideEmptyOption: true, badge: ownerIsSelected ? 'Owner' : undefined })), ownerIsSelected ? ((0, jsx_runtime_1.jsx)(QuillSelectWithCombo_1.QuillSelectComponentWithCombo, { label: selectedTenantType?.scope === 'database'
+                    ? 'Tags'
+                    : (selectedTenantType?.name ?? 'Tenant'), width: 230, value: !tenantValueOptions.length
+                    ? null
+                    : selectedTenantValues
+                        ? selectedTenantValues[0]
+                        : null, options: tenantValueOptions, onChange: (e) => debouncedSetSelectedTenantValues(e.target.value), 
+                // emptyLabel={
+                //   selectedTenantType?.scope === 'database'
+                //     ? 'No tags provided'
+                //     : undefined
+                // }
+                disabled: isLoading, hideEmptyOption: true, 
+                // allSelectedLabel={
+                //   selectedTenantType?.scope === 'database' ? undefined : (
+                //     <div style={{ display: 'flex', flexDirection: 'row', gap: 3 }}>
+                //       <GlobeIcon
+                //         style={{
+                //           marginTop: 1.75,
+                //         }}
+                //       />
+                //       <div>All {(selectedTenantType?.name ?? 'Tenant') + 's'}</div>
+                //     </div>
+                //   )
+                // }
+                isLoading: isLoading, displayValue: true })) : ((0, jsx_runtime_1.jsx)(QuillMultiSelectWithCombo_1.QuillMultiSelectComponentWithCombo, { label: selectedTenantType?.scope === 'database'
                     ? 'Tags'
                     : (selectedTenantType?.name ?? 'Tenant'), width: 230, value: !tenantValueOptions.length ? [] : (selectedTenantValues ?? []), options: tenantValueOptions, onChange: (e) => debouncedSetSelectedTenantValues(e.target.value), emptyLabel: selectedTenantType?.scope === 'database'
                     ? 'No tags provided'
                     : undefined, disabled: isLoading, allSelectedLabel: selectedTenantType?.scope === 'database' ? undefined : ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', gap: 3 }, children: [(0, jsx_runtime_1.jsx)(GlobeIcon_1.default, { style: {
                                 marginTop: 1.75,
-                            } }), (0, jsx_runtime_1.jsxs)("div", { children: ["All ", (selectedTenantType?.name ?? 'Tenant') + 's'] })] })), isLoading: isLoading }, (selectedTenantType?.tenantField ?? 'Tenant') + 'options'), selectedTenantType &&
+                            } }), (0, jsx_runtime_1.jsxs)("div", { children: ["All ", (selectedTenantType?.name ?? 'Tenant') + 's'] })] })), isLoading: isLoading, enableSingleSelectOption: true, displayValue: true, enableSubmitButton: true, submitButtonText: 'Submit' }, (selectedTenantType?.tenantField ?? 'Tenant') + 'options')), selectedTenantType &&
                 !ownerIsSelected &&
                 dashboardOwnerTenant?.scope !== 'database' &&
                 !!selectedTenantValues?.length && ((0, jsx_runtime_1.jsx)(QuillMultiSelectWithCombo_1.QuillMultiSelectComponentWithCombo, { label: dashboardOwnerTenant?.name ?? 'Viewing as', width: 230, value: isLoading ? [] : (selectedDashboardTenantIds ?? []), options: dashboardOwnerTenant?.tenantIds?.map((id) => ({
@@ -175,10 +219,10 @@ function OrgSelect({ isLoading }) {
                     value: id.id,
                 })) ?? [], onChange: (e) => debouncedSetSelectedDashboardTenantIds(e.target.value), isLoading: dashboardTenantIdsLoading || isLoading, disabled: isLoading, allSelectedLabel: selectedTenantType?.scope === 'database' ? undefined : ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', gap: 3 }, children: [(0, jsx_runtime_1.jsx)(GlobeIcon_1.default, { style: {
                                 marginTop: 1.75,
-                            } }), (0, jsx_runtime_1.jsx)("div", { children: "All Tenants" })] })) }))] }));
+                            } }), (0, jsx_runtime_1.jsx)("div", { children: "All Tenants" })] })), enableSingleSelectOption: true, displayValue: true, enableSubmitButton: true, submitButtonText: 'Submit' }))] }));
 }
 function ListboxRow({ item, isSelected, setSelected, hoverActions, allowUnselect, }) {
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     return ((0, jsx_runtime_1.jsx)("div", { className: 'quill-list-select' + (isSelected ? ' quill-list-selected' : ''), style: {
             paddingBottom: 6,
             cursor: isSelected && !allowUnselect ? 'default' : 'pointer',

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

@@ -17,11 +17,15 @@ export interface MultiSelectComponentProps {
     allSelectedLabel?: JSX.Element;
     noneSelectedLabel?: JSX.Element;
     mimicReactSelect?: boolean;
+    enableSingleSelectOption?: boolean;
+    displayValue?: boolean;
+    enableSubmitButton?: boolean;
+    submitButtonText?: string;
 }
 /**
  * A robust select component that implements the new minimal Select interface.
  */
-export declare function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, value, isLoading, disabled, emptyLabel, allSelectedLabel, noneSelectedLabel, mimicReactSelect, }: MultiSelectComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, value, isLoading, disabled, emptyLabel, allSelectedLabel, noneSelectedLabel, mimicReactSelect, enableSingleSelectOption, displayValue, enableSubmitButton, submitButtonText, }: MultiSelectComponentProps): import("react/jsx-runtime").JSX.Element;
 export declare const ListboxTextInput: ({ value, onChange, placeholder, id, width, }: {
     value: string;
     onChange: (e: string) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"QuillMultiSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillMultiSelectWithCombo.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;IAClC,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QACvB,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,KAAK,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,EAAE,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,kCAAkC,CAAC,EACjD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,GACjB,EAAE,yBAAyB,2CAomB3B;AAED,eAAO,MAAM,gBAAgB,iDAM1B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,4CAkEA,CAAC"}
+{"version":3,"file":"QuillMultiSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillMultiSelectWithCombo.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;IAClC,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QACvB,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,KAAK,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,EAAE,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,kCAAkC,CAAC,EACjD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,wBAAwB,EACxB,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,GACjB,EAAE,yBAAyB,2CAs1B3B;AAED,eAAO,MAAM,gBAAgB,GAAI,8CAM9B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,4CAkEA,CAAC"}