@quillsql/admin 1.6.2 → 1.6.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (193) hide show
  1. package/dist/cjs/Admin.d.ts +3 -0
  2. package/dist/cjs/Admin.d.ts.map +1 -1
  3. package/dist/cjs/Admin.js +20 -18
  4. package/dist/cjs/AdminProvider.d.ts +3 -1
  5. package/dist/cjs/AdminProvider.d.ts.map +1 -1
  6. package/dist/cjs/AdminProvider.js +3 -2
  7. package/dist/cjs/api/ConnectionClient.d.ts +21 -10
  8. package/dist/cjs/api/ConnectionClient.d.ts.map +1 -1
  9. package/dist/cjs/api/ConnectionClient.js +138 -31
  10. package/dist/cjs/components/CardSection.d.ts.map +1 -1
  11. package/dist/cjs/components/CardSection.js +4 -2
  12. package/dist/cjs/components/DashboardSelectPopover.d.ts.map +1 -1
  13. package/dist/cjs/components/DashboardSelectPopover.js +17 -6
  14. package/dist/cjs/components/DatabaseSelector.d.ts +3 -1
  15. package/dist/cjs/components/DatabaseSelector.d.ts.map +1 -1
  16. package/dist/cjs/components/DatabaseSelector.js +3 -2
  17. package/dist/cjs/components/DateRangePicker/SingleDatePicker.d.ts.map +1 -1
  18. package/dist/cjs/components/DateRangePicker/SingleDatePicker.js +31 -7
  19. package/dist/cjs/components/DateRangePicker/YearlessDateRangePicker.d.ts.map +1 -1
  20. package/dist/cjs/components/DateRangePicker/YearlessDateRangePicker.js +31 -7
  21. package/dist/cjs/components/DropDownMenuWithLabel.d.ts.map +1 -1
  22. package/dist/cjs/components/DropDownMenuWithLabel.js +8 -1
  23. package/dist/cjs/components/DynamicBanner.d.ts +3 -2
  24. package/dist/cjs/components/DynamicBanner.d.ts.map +1 -1
  25. package/dist/cjs/components/DynamicBanner.js +7 -2
  26. package/dist/cjs/components/EmptyDashboardComponent/index.d.ts.map +1 -1
  27. package/dist/cjs/components/EmptyDashboardComponent/index.js +3 -2
  28. package/dist/cjs/components/EmptyVirtualTablesComponent.d.ts.map +1 -1
  29. package/dist/cjs/components/EmptyVirtualTablesComponent.js +4 -1
  30. package/dist/cjs/components/FormTooltip.d.ts.map +1 -1
  31. package/dist/cjs/components/FormTooltip.js +4 -1
  32. package/dist/cjs/components/InputLabel.d.ts.map +1 -1
  33. package/dist/cjs/components/InputLabel.js +4 -2
  34. package/dist/cjs/components/InternalDashboard/DateRangePicker/QuillDateRangePicker.d.ts.map +1 -1
  35. package/dist/cjs/components/InternalDashboard/DateRangePicker/QuillDateRangePicker.js +33 -14
  36. package/dist/cjs/components/InternalDashboard/InternalDashboard.d.ts.map +1 -1
  37. package/dist/cjs/components/InternalDashboard/InternalDashboard.js +14 -1
  38. package/dist/cjs/components/OrgSelect.d.ts +0 -6
  39. package/dist/cjs/components/OrgSelect.d.ts.map +1 -1
  40. package/dist/cjs/components/OrgSelect.js +32 -44
  41. package/dist/cjs/components/QuillMultiSelectWithCombo.d.ts +3 -1
  42. package/dist/cjs/components/QuillMultiSelectWithCombo.d.ts.map +1 -1
  43. package/dist/cjs/components/QuillMultiSelectWithCombo.js +27 -22
  44. package/dist/cjs/components/QuillPopover.d.ts.map +1 -1
  45. package/dist/cjs/components/QuillPopover.js +4 -5
  46. package/dist/cjs/components/QuillSelect.js +9 -9
  47. package/dist/cjs/components/QuillSelectWithCombo.d.ts.map +1 -1
  48. package/dist/cjs/components/QuillSelectWithCombo.js +13 -15
  49. package/dist/cjs/components/Tenants/EditTenant.d.ts.map +1 -1
  50. package/dist/cjs/components/Tenants/EditTenant.js +2 -2
  51. package/dist/cjs/components/UiComponents.d.ts +16 -43
  52. package/dist/cjs/components/UiComponents.d.ts.map +1 -1
  53. package/dist/cjs/components/UiComponents.js +161 -33
  54. package/dist/cjs/forms/client_onboard/ConnectDatabase.d.ts.map +1 -1
  55. package/dist/cjs/forms/client_onboard/ConnectDatabase.js +113 -49
  56. package/dist/cjs/forms/client_onboard/ConnectSchema.d.ts.map +1 -1
  57. package/dist/cjs/forms/client_onboard/ConnectSchema.js +3 -1
  58. package/dist/cjs/forms/client_onboard/CreateVirtualTables.d.ts.map +1 -1
  59. package/dist/cjs/forms/client_onboard/CreateVirtualTables.js +6 -2
  60. package/dist/cjs/forms/client_onboard/__tests__/ConnectSchema.test.js +1 -0
  61. package/dist/cjs/forms/client_onboard/__tests__/CreateVirtualTables.test.js +1 -0
  62. package/dist/cjs/forms/virtual_tables/CreateEditVirtualTable.d.ts.map +1 -1
  63. package/dist/cjs/forms/virtual_tables/CreateEditVirtualTable.js +10 -6
  64. package/dist/cjs/hooks/useDatabaseSchema.d.ts.map +1 -1
  65. package/dist/cjs/hooks/useDatabaseSchema.js +6 -1
  66. package/dist/cjs/modals/EditEnvironmentModal.d.ts.map +1 -1
  67. package/dist/cjs/modals/EditEnvironmentModal.js +7 -2
  68. package/dist/cjs/modals/EditFiltersModal.js +7 -7
  69. package/dist/cjs/primitives/ButtonPrimitive.d.ts.map +1 -1
  70. package/dist/cjs/primitives/ButtonPrimitive.js +10 -6
  71. package/dist/cjs/primitives/HeaderPrimitive.d.ts.map +1 -1
  72. package/dist/cjs/primitives/HeaderPrimitive.js +11 -7
  73. package/dist/cjs/primitives/PopoverPrimitive.d.ts.map +1 -1
  74. package/dist/cjs/primitives/PopoverPrimitive.js +3 -1
  75. package/dist/cjs/primitives/SecondaryButtonPrimitive.d.ts.map +1 -1
  76. package/dist/cjs/primitives/SecondaryButtonPrimitive.js +5 -3
  77. package/dist/cjs/public_components/ChartQueryBuilder.d.ts.map +1 -1
  78. package/dist/cjs/public_components/ChartQueryBuilder.js +13 -3
  79. package/dist/cjs/public_components/CreateEnvironment.d.ts.map +1 -1
  80. package/dist/cjs/public_components/CreateEnvironment.js +20 -15
  81. package/dist/cjs/public_components/DashboardManager.d.ts.map +1 -1
  82. package/dist/cjs/public_components/DashboardManager.js +10 -1
  83. package/dist/cjs/public_components/EnvSelectPopover.d.ts +2 -1
  84. package/dist/cjs/public_components/EnvSelectPopover.d.ts.map +1 -1
  85. package/dist/cjs/public_components/EnvSelectPopover.js +19 -7
  86. package/dist/cjs/public_components/VirtualTableManager.d.ts.map +1 -1
  87. package/dist/cjs/public_components/VirtualTableManager.js +32 -8
  88. package/dist/cjs/utils/columnProcessing.d.ts +1 -0
  89. package/dist/cjs/utils/columnProcessing.d.ts.map +1 -1
  90. package/dist/cjs/utils/columnProcessing.js +1 -0
  91. package/dist/cjs/utils/constants.d.ts +1 -0
  92. package/dist/cjs/utils/constants.d.ts.map +1 -1
  93. package/dist/cjs/utils/constants.js +5 -1
  94. package/dist/cjs/utils/dataFetcher.d.ts.map +1 -1
  95. package/dist/cjs/utils/dataFetcher.js +0 -1
  96. package/dist/cjs/utils/databases.js +5 -5
  97. package/dist/esm/Admin.d.ts +3 -0
  98. package/dist/esm/Admin.d.ts.map +1 -1
  99. package/dist/esm/Admin.js +20 -18
  100. package/dist/esm/AdminProvider.d.ts +3 -1
  101. package/dist/esm/AdminProvider.d.ts.map +1 -1
  102. package/dist/esm/AdminProvider.js +5 -4
  103. package/dist/esm/api/ConnectionClient.d.ts +21 -10
  104. package/dist/esm/api/ConnectionClient.d.ts.map +1 -1
  105. package/dist/esm/api/ConnectionClient.js +136 -31
  106. package/dist/esm/components/CardSection.d.ts.map +1 -1
  107. package/dist/esm/components/CardSection.js +4 -2
  108. package/dist/esm/components/DashboardSelectPopover.d.ts.map +1 -1
  109. package/dist/esm/components/DashboardSelectPopover.js +18 -7
  110. package/dist/esm/components/DatabaseSelector.d.ts +3 -1
  111. package/dist/esm/components/DatabaseSelector.d.ts.map +1 -1
  112. package/dist/esm/components/DatabaseSelector.js +3 -2
  113. package/dist/esm/components/DateRangePicker/SingleDatePicker.d.ts.map +1 -1
  114. package/dist/esm/components/DateRangePicker/SingleDatePicker.js +31 -7
  115. package/dist/esm/components/DateRangePicker/YearlessDateRangePicker.d.ts.map +1 -1
  116. package/dist/esm/components/DateRangePicker/YearlessDateRangePicker.js +31 -7
  117. package/dist/esm/components/DropDownMenuWithLabel.d.ts.map +1 -1
  118. package/dist/esm/components/DropDownMenuWithLabel.js +9 -2
  119. package/dist/esm/components/DynamicBanner.d.ts +3 -2
  120. package/dist/esm/components/DynamicBanner.d.ts.map +1 -1
  121. package/dist/esm/components/DynamicBanner.js +7 -2
  122. package/dist/esm/components/EmptyDashboardComponent/index.d.ts.map +1 -1
  123. package/dist/esm/components/EmptyDashboardComponent/index.js +3 -2
  124. package/dist/esm/components/EmptyVirtualTablesComponent.d.ts.map +1 -1
  125. package/dist/esm/components/EmptyVirtualTablesComponent.js +4 -1
  126. package/dist/esm/components/FormTooltip.d.ts.map +1 -1
  127. package/dist/esm/components/FormTooltip.js +4 -1
  128. package/dist/esm/components/InputLabel.d.ts.map +1 -1
  129. package/dist/esm/components/InputLabel.js +4 -2
  130. package/dist/esm/components/InternalDashboard/DateRangePicker/QuillDateRangePicker.d.ts.map +1 -1
  131. package/dist/esm/components/InternalDashboard/DateRangePicker/QuillDateRangePicker.js +33 -11
  132. package/dist/esm/components/InternalDashboard/InternalDashboard.d.ts.map +1 -1
  133. package/dist/esm/components/InternalDashboard/InternalDashboard.js +14 -1
  134. package/dist/esm/components/OrgSelect.d.ts +0 -6
  135. package/dist/esm/components/OrgSelect.d.ts.map +1 -1
  136. package/dist/esm/components/OrgSelect.js +32 -42
  137. package/dist/esm/components/QuillMultiSelectWithCombo.d.ts +3 -1
  138. package/dist/esm/components/QuillMultiSelectWithCombo.d.ts.map +1 -1
  139. package/dist/esm/components/QuillMultiSelectWithCombo.js +27 -22
  140. package/dist/esm/components/QuillPopover.d.ts.map +1 -1
  141. package/dist/esm/components/QuillPopover.js +4 -5
  142. package/dist/esm/components/QuillSelect.js +9 -9
  143. package/dist/esm/components/QuillSelectWithCombo.d.ts.map +1 -1
  144. package/dist/esm/components/QuillSelectWithCombo.js +13 -15
  145. package/dist/esm/components/Tenants/EditTenant.d.ts.map +1 -1
  146. package/dist/esm/components/Tenants/EditTenant.js +2 -2
  147. package/dist/esm/components/UiComponents.d.ts +16 -43
  148. package/dist/esm/components/UiComponents.d.ts.map +1 -1
  149. package/dist/esm/components/UiComponents.js +126 -29
  150. package/dist/esm/forms/client_onboard/ConnectDatabase.d.ts.map +1 -1
  151. package/dist/esm/forms/client_onboard/ConnectDatabase.js +113 -49
  152. package/dist/esm/forms/client_onboard/ConnectSchema.d.ts.map +1 -1
  153. package/dist/esm/forms/client_onboard/ConnectSchema.js +3 -1
  154. package/dist/esm/forms/client_onboard/CreateVirtualTables.d.ts.map +1 -1
  155. package/dist/esm/forms/client_onboard/CreateVirtualTables.js +6 -2
  156. package/dist/esm/forms/client_onboard/__tests__/ConnectSchema.test.js +1 -0
  157. package/dist/esm/forms/client_onboard/__tests__/CreateVirtualTables.test.js +1 -0
  158. package/dist/esm/forms/virtual_tables/CreateEditVirtualTable.d.ts.map +1 -1
  159. package/dist/esm/forms/virtual_tables/CreateEditVirtualTable.js +11 -7
  160. package/dist/esm/hooks/useDatabaseSchema.d.ts.map +1 -1
  161. package/dist/esm/hooks/useDatabaseSchema.js +7 -2
  162. package/dist/esm/modals/EditEnvironmentModal.d.ts.map +1 -1
  163. package/dist/esm/modals/EditEnvironmentModal.js +7 -2
  164. package/dist/esm/modals/EditFiltersModal.js +8 -8
  165. package/dist/esm/primitives/ButtonPrimitive.d.ts.map +1 -1
  166. package/dist/esm/primitives/ButtonPrimitive.js +10 -6
  167. package/dist/esm/primitives/HeaderPrimitive.d.ts.map +1 -1
  168. package/dist/esm/primitives/HeaderPrimitive.js +11 -7
  169. package/dist/esm/primitives/PopoverPrimitive.d.ts.map +1 -1
  170. package/dist/esm/primitives/PopoverPrimitive.js +3 -1
  171. package/dist/esm/primitives/SecondaryButtonPrimitive.d.ts.map +1 -1
  172. package/dist/esm/primitives/SecondaryButtonPrimitive.js +5 -3
  173. package/dist/esm/public_components/ChartQueryBuilder.d.ts.map +1 -1
  174. package/dist/esm/public_components/ChartQueryBuilder.js +14 -4
  175. package/dist/esm/public_components/CreateEnvironment.d.ts.map +1 -1
  176. package/dist/esm/public_components/CreateEnvironment.js +20 -15
  177. package/dist/esm/public_components/DashboardManager.d.ts.map +1 -1
  178. package/dist/esm/public_components/DashboardManager.js +10 -1
  179. package/dist/esm/public_components/EnvSelectPopover.d.ts +2 -1
  180. package/dist/esm/public_components/EnvSelectPopover.d.ts.map +1 -1
  181. package/dist/esm/public_components/EnvSelectPopover.js +20 -8
  182. package/dist/esm/public_components/VirtualTableManager.d.ts.map +1 -1
  183. package/dist/esm/public_components/VirtualTableManager.js +33 -9
  184. package/dist/esm/utils/columnProcessing.d.ts +1 -0
  185. package/dist/esm/utils/columnProcessing.d.ts.map +1 -1
  186. package/dist/esm/utils/columnProcessing.js +1 -1
  187. package/dist/esm/utils/constants.d.ts +1 -0
  188. package/dist/esm/utils/constants.d.ts.map +1 -1
  189. package/dist/esm/utils/constants.js +4 -0
  190. package/dist/esm/utils/dataFetcher.d.ts.map +1 -1
  191. package/dist/esm/utils/dataFetcher.js +0 -1
  192. package/dist/esm/utils/databases.js +5 -5
  193. package/package.json +2 -2
@@ -1183,6 +1183,7 @@ containerStyle, parentLoading, onManageDashboard, }) => {
1183
1183
 
1184
1184
  .section-grid-container.empty::after {
1185
1185
  content: 'Drop reports here';
1186
+ font-family: ${state.theme?.fontFamily};
1186
1187
  color: #9CA3AF;
1187
1188
  font-size: 16px;
1188
1189
  opacity: 0.8;
@@ -1437,7 +1438,7 @@ containerStyle, parentLoading, onManageDashboard, }) => {
1437
1438
  alignItems: 'top',
1438
1439
  borderRadius: '10px',
1439
1440
  border: '1px solid #E7E7E7',
1440
- background: 'white',
1441
+ background: state.theme.backgroundColor,
1441
1442
  height: activeItem.chartType === 'metric'
1442
1443
  ? '150px'
1443
1444
  : activeItem.chartType === 'table'
@@ -1458,6 +1459,8 @@ containerStyle, parentLoading, onManageDashboard, }) => {
1458
1459
  marginBottom: 'auto',
1459
1460
  }, children: _jsx("h1", { style: {
1460
1461
  fontSize: 18,
1462
+ fontFamily: state.theme?.fontFamily,
1463
+ color: state.theme?.primaryTextColor,
1461
1464
  fontWeight: '500',
1462
1465
  margin: 0,
1463
1466
  textOverflow: 'ellipsis',
@@ -1477,6 +1480,7 @@ const DeleteButton = ({ onClick }) => {
1477
1480
  };
1478
1481
  const SortableSection = ({ id, sectionName, sectionIndex, metrics, charts, tables, data, previewSectionOrder, onClickReport, onSectionNameUpdate, onSectionDelete, activeId, overId, draggedIndex, isHighlighted, isDraggingAnySection, }) => {
1479
1482
  const { attributes, listeners, setNodeRef: setSortableNodeRef, isDragging, } = useSortable({ id, animateLayoutChanges: () => false });
1483
+ const { state: { theme }, } = useAdmin();
1480
1484
  const [isEditing, setIsEditing] = useState(false);
1481
1485
  const [editedName, setEditedName] = useState(sectionName);
1482
1486
  const [inputWidth, setInputWidth] = useState('auto');
@@ -1648,6 +1652,8 @@ const SortableSection = ({ id, sectionName, sectionIndex, metrics, charts, table
1648
1652
  } }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 20 }, children: [_jsxs("div", { className: "section-header", style: { marginTop: sectionIndex > 0 ? 20 : 0 }, children: [sectionName ? (isEditing ? (_jsx("input", { ref: inputRef, className: "section-name-input", value: editedName, onChange: handleTextChange, onKeyDown: handleKeyDown, onBlur: handleSave, style: {
1649
1653
  fontSize: 22,
1650
1654
  fontWeight: 'bold',
1655
+ color: theme.primaryTextColor,
1656
+ fontFamily: theme.fontFamily,
1651
1657
  width: inputWidth,
1652
1658
  minWidth: '20px',
1653
1659
  textAlign: 'left',
@@ -1656,6 +1662,8 @@ const SortableSection = ({ id, sectionName, sectionIndex, metrics, charts, table
1656
1662
  margin: 0,
1657
1663
  padding: 0,
1658
1664
  } })) : (_jsx("h1", { className: isDefaultSection ? '' : 'section-name-display', onClick: isDefaultSection ? undefined : handleStartEditing, ref: h1Ref, style: {
1665
+ color: theme?.primaryTextColor,
1666
+ fontFamily: theme?.fontFamily,
1659
1667
  fontSize: 22,
1660
1668
  fontWeight: 'bold',
1661
1669
  textAlign: 'left',
@@ -1727,6 +1735,7 @@ const SortableSection = ({ id, sectionName, sectionIndex, metrics, charts, table
1727
1735
  } })] }));
1728
1736
  };
1729
1737
  const SortableItem = ({ id, section, chartType, value, onClickReport, }) => {
1738
+ const { state: { theme }, } = useAdmin();
1730
1739
  const compoundId = `${section}::${id}`;
1731
1740
  const { attributes, listeners, setNodeRef, transform, isDragging } = useSortable({
1732
1741
  id: compoundId,
@@ -1779,6 +1788,8 @@ const SortableItem = ({ id, section, chartType, value, onClickReport, }) => {
1779
1788
  fontSize: 18,
1780
1789
  fontWeight: '500',
1781
1790
  flexGrow: 1,
1791
+ color: theme?.primaryTextColor,
1792
+ fontFamily: theme?.fontFamily,
1782
1793
  }, children: value }), _jsx("div", { className: "quill-report-edit-buttons", style: {
1783
1794
  display: 'flex',
1784
1795
  flexDirection: 'column',
@@ -1840,6 +1851,7 @@ function HandleButton(props) {
1840
1851
  } })] })] }));
1841
1852
  }
1842
1853
  const NewSectionButton = ({ onAddSection, existingSections, isEditing, setIsEditing, }) => {
1854
+ const { state: { theme }, } = useAdmin();
1843
1855
  const [sectionName, setSectionName] = useState('');
1844
1856
  const [error, setError] = useState('');
1845
1857
  const inputRef = useRef(null);
@@ -1905,6 +1917,7 @@ const NewSectionButton = ({ onAddSection, existingSections, isEditing, setIsEdit
1905
1917
  marginTop: '8px',
1906
1918
  fontSize: '16px',
1907
1919
  fontWeight: 300,
1920
+ fontFamily: theme?.fontFamily,
1908
1921
  color: '#9CA0A7',
1909
1922
  }, children: "New section" })] }));
1910
1923
  }
@@ -11,12 +11,6 @@ interface PopoverComponentProps {
11
11
  setIsOpen: (isOpen: boolean) => void;
12
12
  }
13
13
  export declare function Popover({ onClose, parentRef, children, style, onClick, label, showTrigger, isOpen, setIsOpen, }: PopoverComponentProps): import("react/jsx-runtime").JSX.Element;
14
- export declare const ListboxTextInput: ({ value, onChange, placeholder, id, }: {
15
- value: string;
16
- onChange: (e: string) => void;
17
- placeholder: string;
18
- id: string;
19
- }) => import("react/jsx-runtime").JSX.Element;
20
14
  export default function OrgSelect({ isLoading }: {
21
15
  isLoading: boolean;
22
16
  }): import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"OrgSelect.d.ts","sourceRoot":"","sources":["../../../src/components/OrgSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AASpE,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;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAU,EACV,OAAO,EACP,KAAK,EACL,WAAkB,EAClB,MAAM,EACN,SAAS,GACV,EAAE,qBAAqB,2CA4HvB;AAED,eAAO,MAAM,gBAAgB,0CAK1B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ,4CAyDA,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,2CAsJtE;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,GACd,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,2CAwEA"}
1
+ {"version":3,"file":"OrgSelect.d.ts","sourceRoot":"","sources":["../../../src/components/OrgSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAUpE,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;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAU,EACV,OAAO,EACP,KAAK,EACL,WAAkB,EAClB,MAAM,EACN,SAAS,GACV,EAAE,qBAAqB,2CAsIvB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,2CA6JtE;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,GACd,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,2CA8EA"}
@@ -7,9 +7,11 @@ import { QuillSelectComponentWithCombo } from './QuillSelectWithCombo';
7
7
  import { QuillMultiSelectComponentWithCombo } from './QuillMultiSelectWithCombo';
8
8
  import { useDashboardManager } from '../hooks/useDashboardManager';
9
9
  import GlobeIcon from '../icons/GlobeIcon';
10
+ import { useAdmin } from '../AdminProvider';
10
11
  export function Popover({ onClose, parentRef, children, style = {}, onClick, label, showTrigger = true, isOpen, setIsOpen, }) {
11
12
  const modalRef = useRef(null);
12
13
  const [maxHeight, setMaxHeight] = useState('40vh');
14
+ const { state: { theme }, } = useAdmin();
13
15
  useOnClickOutside(modalRef, (e) => {
14
16
  // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
15
17
  const isTriggerElem = parentRef
@@ -43,7 +45,7 @@ export function Popover({ onClose, parentRef, children, style = {}, onClick, lab
43
45
  };
44
46
  return (_jsxs(_Fragment, { children: [showTrigger && (_jsxs("button", {
45
47
  // onMouseEnter={() => setIsOpen(true)}
46
- onClick: (e) => {
48
+ className: "quill-select-button", onClick: (e) => {
47
49
  setIsOpen(!isOpen);
48
50
  if (onClick) {
49
51
  onClick(e);
@@ -59,31 +61,36 @@ export function Popover({ onClose, parentRef, children, style = {}, onClick, lab
59
61
  textOverflow: 'ellipsis',
60
62
  borderRadius: 6,
61
63
  WebkitAppearance: 'none',
62
- borderTop: '1px solid #e7e7e7',
63
- borderLeft: '1px solid #e7e7e7',
64
- borderRight: '1px solid #e7e7e7',
65
- borderBottom: '1px solid #e7e7e7',
64
+ borderTop: `1px solid ${theme.borderColor}`,
65
+ borderLeft: `1px solid ${theme.borderColor}`,
66
+ borderRight: `1px solid ${theme.borderColor}`,
67
+ borderBottom: `1px solid ${theme.borderColor}`,
66
68
  paddingLeft: 12,
67
69
  paddingRight: 12,
68
70
  height: 40,
69
- background: 'white',
70
- color: '#384151',
71
+ fontFamily: theme.fontFamily,
71
72
  fontWeight: 500,
72
73
  fontSize: 14,
73
74
  position: 'relative',
74
- }, children: [label, _jsx(ArrowDownHeadIcon, { style: {
75
+ }, children: [_jsx("style", { children: ` .quill-select-button { background: ${theme?.backgroundColor}; color: ${theme?.primaryTextColor}; }
76
+ .quill-select-button:hover { background: ${theme?.hoverBackgroundColor}; color: ${theme?.hoverTextColor}; }
77
+ .quill-select-button:disabled {
78
+ cursor: not-allowed;
79
+ opacity: 0.5;
80
+ }
81
+ ` }), label, _jsx(ArrowDownHeadIcon, { style: {
75
82
  height: '20px',
76
83
  width: '20px',
77
84
  flex: 'none',
78
85
  position: 'absolute',
79
86
  right: 8,
80
87
  top: 8,
81
- color: '#6C727F',
88
+ color: theme.primaryTextColor,
82
89
  }, "aria-hidden": "true" })] })), _jsx("div", { id: "quill-popover-modal", ref: modalRef, style: { position: 'relative', display: isOpen ? 'block' : 'none' }, children: _jsx("div", { style: {
83
- background: 'white',
90
+ background: theme.backgroundColor,
84
91
  position: 'absolute',
85
92
  boxShadow: '0px 1px 12px 0px rgba(56, 65, 81, 0.1)',
86
- border: '1px solid #e7e7e7',
93
+ border: `1px solid ${theme.borderColor}`,
87
94
  boxSizing: 'content-box',
88
95
  zIndex: 1,
89
96
  top: showTrigger ? 8 : 0,
@@ -97,32 +104,6 @@ export function Popover({ onClose, parentRef, children, style = {}, onClick, lab
97
104
  ...style,
98
105
  }, children: children }) })] }));
99
106
  }
100
- export const ListboxTextInput = ({ value, onChange, placeholder, id, }) => {
101
- return (_jsxs("div", { style: {
102
- position: 'relative',
103
- display: 'flex',
104
- flexDirection: 'row',
105
- alignItems: 'center',
106
- marginTop: 2,
107
- }, children: [_jsx("style", { children: `
108
- .quill-text-input {
109
- background-color: white;
110
- height: 40px;
111
- width: 180px;
112
- z-index: 2;
113
- color: #384151;
114
- border-radius: 4px;
115
- text-align: left;
116
- padding-right: 12px;
117
- padding-top: 0px;
118
- padding-bottom: 0px;
119
- box-sizing: content-box;
120
- margin-left: 6px;
121
- }
122
- .quill-text-input:focus {
123
- outline: none;
124
- }` }), _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", { id: id, className: "quill-text-input", type: "text", value: value, onChange: (event) => onChange(event.target.value), placeholder: placeholder })] }));
125
- };
126
107
  export default function OrgSelect({ isLoading }) {
127
108
  const { dashboardTenants, dashboardOwnerTenant, selectedTenantType, selectedTenantValues, setSelectedTenantValues, selectedDashboardTenantIds, setSelectedTenantType, setSelectedDashboardTenantIds, dashboardTenantIdsLoading, } = useTenants();
128
109
  const { selectedDashboard } = useDashboardManager();
@@ -167,7 +148,12 @@ export default function OrgSelect({ isLoading }) {
167
148
  value: id.id,
168
149
  })) ?? []);
169
150
  }, [selectedTenantType]);
170
- return (_jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: 16 }, children: [dashboardTenantOptions?.length > 1 && (_jsx(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 })), _jsx(QuillMultiSelectComponentWithCombo, { label: selectedTenantType?.scope === 'database'
151
+ return (_jsxs("div", { style: {
152
+ display: 'flex',
153
+ flexDirection: 'row',
154
+ gap: 16,
155
+ fontWeight: 500,
156
+ }, children: [dashboardTenantOptions?.length > 1 && (_jsx(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 })), _jsx(QuillMultiSelectComponentWithCombo, { label: selectedTenantType?.scope === 'database'
171
157
  ? 'Tags'
172
158
  : (selectedTenantType?.name ?? 'Tenant'), width: 230, value: !tenantValueOptions.length ? [] : (selectedTenantValues ?? []), options: tenantValueOptions, onChange: (e) => debouncedSetSelectedTenantValues(e.target.value), emptyLabel: selectedTenantType?.scope === 'database'
173
159
  ? 'No tags provided'
@@ -184,6 +170,7 @@ export default function OrgSelect({ isLoading }) {
184
170
  } }), _jsx("div", { children: "All Tenants" })] })) }))] }));
185
171
  }
186
172
  export function ListboxRow({ item, isSelected, setSelected, hoverActions, allowUnselect, }) {
173
+ const { state: { theme }, } = useAdmin();
187
174
  return (_jsx("div", { className: 'quill-list-select' + (isSelected ? ' quill-list-selected' : ''), style: {
188
175
  paddingBottom: 6,
189
176
  cursor: isSelected && !allowUnselect ? 'default' : 'pointer',
@@ -192,7 +179,6 @@ export function ListboxRow({ item, isSelected, setSelected, hoverActions, allowU
192
179
  ? () => setSelected(item)
193
180
  : undefined, className: "quill-list-select-title", style: {
194
181
  height: 42,
195
- color: '#384151',
196
182
  width: 216,
197
183
  borderRadius: 6,
198
184
  textAlign: 'left',
@@ -209,13 +195,16 @@ export function ListboxRow({ item, isSelected, setSelected, hoverActions, allowU
209
195
  overflow: 'hidden',
210
196
  }, children: [_jsx("style", { children: `
211
197
  .quill-list-select > div {
212
- background-color: white;
198
+ background-color: ${theme?.backgroundColor};
199
+ color: ${theme?.primaryTextColor};
213
200
  }
214
201
  .quill-list-selected > div {
215
- background-color: rgba(56, 65, 81, 0.04);
202
+ background-color: ${theme?.hoverBackgroundColor};
203
+ color: ${theme?.hoverTextColor};
216
204
  }
217
205
  .quill-list-select:hover > div {
218
- background-color: rgba(56, 65, 81, 0.04);
206
+ background-color: ${theme?.hoverBackgroundColor};
207
+ color: ${theme?.hoverTextColor};
219
208
  }
220
209
  .quill-list-select-hover-actions {
221
210
  display: none;
@@ -229,5 +218,6 @@ export function ListboxRow({ item, isSelected, setSelected, hoverActions, allowU
229
218
  whiteSpace: 'nowrap',
230
219
  overflow: 'hidden',
231
220
  display: 'block',
221
+ fontFamily: theme.fontFamily,
232
222
  }, children: item }), _jsx("div", { className: isSelected ? '' : 'quill-list-select-hover-actions', children: hoverActions && hoverActions(item) })] }) }));
233
223
  }
@@ -22,9 +22,11 @@ export interface MultiSelectComponentProps {
22
22
  * A robust select component that implements the new minimal Select interface.
23
23
  */
24
24
  export declare function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, value, isLoading, disabled, emptyLabel, allSelectedLabel, noneSelectedLabel, mimicReactSelect, }: MultiSelectComponentProps): import("react/jsx-runtime").JSX.Element;
25
- export declare const ListboxTextInput: ({ value, onChange, placeholder, }: {
25
+ export declare const ListboxTextInput: ({ value, onChange, placeholder, id, width, }: {
26
26
  value: string;
27
27
  onChange: (e: string) => void;
28
28
  placeholder: string;
29
+ width?: number;
30
+ id?: string;
29
31
  }) => import("react/jsx-runtime").JSX.Element;
30
32
  //# sourceMappingURL=QuillMultiSelectWithCombo.d.ts.map
@@ -1 +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,2CAumB3B;AAED,eAAO,MAAM,gBAAgB,sCAI1B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;CACrB,4CAwDA,CAAC"}
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"}
@@ -205,11 +205,10 @@ export function QuillMultiSelectComponentWithCombo({ options, width, onChange, l
205
205
  fontSize: 14,
206
206
  color: theme?.secondaryTextColor,
207
207
  fontFamily: theme?.fontFamily,
208
- paddingBottom: 5,
208
+ paddingBottom: 4,
209
209
  fontWeight: 600,
210
210
  }, children: label ?? nullLabel })), _jsxs("button", { style: {
211
211
  fontFamily: theme?.fontFamily,
212
- color: theme?.primaryTextColor,
213
212
  width: '100%',
214
213
  display: 'flex',
215
214
  alignItems: 'center',
@@ -229,11 +228,11 @@ export function QuillMultiSelectComponentWithCombo({ options, width, onChange, l
229
228
  height: 40,
230
229
  minHeight: 40,
231
230
  maxHeight: 40,
232
- }, className: 'quill-select-button', onClick: () => setShowModal((showModal) => !showModal), disabled: disabled, ref: buttonRef, children: [_jsx("style", { children: ` .quill-select-button { background: ${theme?.backgroundColor}; }
233
- .quill-select-button:hover { background: ${theme?.hoverBackgroundColor}; }
231
+ }, className: 'quill-select-button', onClick: () => setShowModal((showModal) => !showModal), disabled: disabled, ref: buttonRef, children: [_jsx("style", { children: ` .quill-select-button { background: ${theme?.backgroundColor}; color: ${theme?.primaryTextColor}; }
232
+ .quill-select-button:hover { background: ${theme?.hoverBackgroundColor}; color: ${theme?.hoverTextColor}; }
234
233
  .quill-select-button:disabled {
235
234
  cursor: not-allowed;
236
- background: ${theme?.hoverBackgroundColor};
235
+ opacity: 0.5;
237
236
  }
238
237
  ` }), _jsx("span", { style: {
239
238
  textOverflow: 'ellipsis',
@@ -243,9 +242,6 @@ export function QuillMultiSelectComponentWithCombo({ options, width, onChange, l
243
242
  textAlign: 'left',
244
243
  zIndex: 1,
245
244
  fontWeight: value?.length || isLoading ? undefined : 300,
246
- color: value?.length || isLoading
247
- ? undefined
248
- : theme?.secondaryTextColor,
249
245
  }, children: isLoading
250
246
  ? 'Loading...'
251
247
  : value?.length
@@ -270,7 +266,7 @@ export function QuillMultiSelectComponentWithCombo({ options, width, onChange, l
270
266
  borderStyle: 'solid',
271
267
  borderColor: theme?.borderColor,
272
268
  borderRadius: 6,
273
- background: 'white',
269
+ background: theme?.backgroundColor,
274
270
  marginTop: 12,
275
271
  zIndex: z + 1,
276
272
  padding: 6,
@@ -306,16 +302,16 @@ export function QuillMultiSelectComponentWithCombo({ options, width, onChange, l
306
302
  overflow: 'hidden',
307
303
  }, children: [_jsx("style", { children: `
308
304
  .quill-option {
309
- background: white;
310
- }
305
+ background: ${theme?.backgroundColor};
311
306
  .quill-option:hover {
312
- background: #F4F4F5;
307
+ background: ${theme?.hoverBackgroundColor};
313
308
  }
314
309
  ` }), _jsx("span", { style: {
315
310
  textOverflow: 'ellipsis',
316
311
  whiteSpace: 'nowrap',
317
312
  overflow: 'hidden',
318
313
  cursor: 'default',
314
+ color: theme?.secondaryTextColor,
319
315
  }, children: exceedsLimit
320
316
  ? 'Too many options'
321
317
  : (emptyLabel ?? 'No options available') })] })), !isLoading ? (_jsxs(_Fragment, { children: [searchQuery === '' && potentialOptions.length > 0 && (_jsxs("button", { style: {
@@ -357,10 +353,11 @@ export function QuillMultiSelectComponentWithCombo({ options, width, onChange, l
357
353
  debounce(updatedChangeEvent);
358
354
  }, children: [_jsx("style", { children: `
359
355
  .quill-option {
360
- background: white;
356
+ background: ${theme?.backgroundColor};
361
357
  }
362
358
  .quill-option:hover {
363
- background: #F4F4F5;
359
+ background: ${theme?.hoverBackgroundColor};
360
+ color: ${theme?.hoverTextColor};
364
361
  }
365
362
  ` }), _jsx("input", { ref: selectAllRef, type: "checkbox", checked: selectAllCheckboxState === CheckboxState.SELECTED, style: {
366
363
  width: '14px',
@@ -371,7 +368,6 @@ export function QuillMultiSelectComponentWithCombo({ options, width, onChange, l
371
368
  whiteSpace: 'nowrap',
372
369
  overflow: 'hidden',
373
370
  }, children: _jsx("span", { style: {
374
- color: theme?.secondaryTextColor,
375
371
  fontWeight: 300,
376
372
  }, children: "Select all" }) })] })), filteredItems.map((option) => (_jsxs("button", { style: {
377
373
  display: 'flex',
@@ -415,10 +411,12 @@ export function QuillMultiSelectComponentWithCombo({ options, width, onChange, l
415
411
  debounce(updatedChangeEvent);
416
412
  }, children: [_jsx("style", { children: `
417
413
  .quill-option {
418
- background: white;
414
+ background: ${theme?.backgroundColor};
415
+ color: ${theme?.primaryTextColor};
419
416
  }
420
417
  .quill-option:hover {
421
- background: #F4F4F5;
418
+ background: ${theme?.hoverBackgroundColor};
419
+ color: ${theme?.hoverTextColor};
422
420
  }
423
421
  ` }), _jsx("input", { type: "checkbox", checked: selectedOptions.includes(option.value), style: {
424
422
  width: '14px',
@@ -438,29 +436,36 @@ export function QuillMultiSelectComponentWithCombo({ options, width, onChange, l
438
436
  padding: 8,
439
437
  }, children: _jsx(LoadingSpinner, {}) })) : null] }), document.body)] }));
440
438
  }
441
- export const ListboxTextInput = ({ value, onChange, placeholder, }) => {
439
+ export const ListboxTextInput = ({ value, onChange, placeholder, id, width, }) => {
440
+ const { state: { theme }, } = useAdmin();
442
441
  return (_jsxs("div", { style: {
443
442
  position: 'relative',
444
443
  display: 'flex',
445
444
  flexDirection: 'row',
446
445
  alignItems: 'center',
447
446
  marginTop: 2,
447
+ background: theme.backgroundColor,
448
448
  }, children: [_jsx("style", { children: `
449
449
  .quill-text-input {
450
450
  background-color: white;
451
451
  height: 40px;
452
- width: 145px;
452
+ width: ${width ?? 145}px;
453
453
  z-index: 2;
454
- color: #384151;
454
+ color: ${theme.primaryTextColor};
455
455
  border-radius: 4px;
456
456
  text-align: left;
457
457
  padding-top: 0px;
458
458
  padding-bottom: 0px;
459
+ padding-right: 12px;
459
460
  box-sizing: content-box;
460
461
  margin-left: 6px;
461
- border: 0 solid #e5e7eb;
462
+ border: 0 solid ${theme.borderColor};
462
463
  }
463
464
  .quill-text-input:focus {
464
465
  outline: none;
465
- }` }), _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 })] }));
466
+ }` }), _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", { id: id, className: "quill-text-input", type: "text", value: value, onChange: (event) => onChange(event.target.value), placeholder: placeholder, style: {
467
+ fontFamily: theme.fontFamily,
468
+ color: theme.primaryTextColor,
469
+ background: theme.backgroundColor,
470
+ } })] }));
466
471
  };
@@ -1 +1 @@
1
- {"version":3,"file":"QuillPopover.d.ts","sourceRoot":"","sources":["../../../src/components/QuillPopover.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AAK1E,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,YAAY,EACZ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,qBAAqB,2CAuNvB"}
1
+ {"version":3,"file":"QuillPopover.d.ts","sourceRoot":"","sources":["../../../src/components/QuillPopover.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AAK1E,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,YAAY,EACZ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,qBAAqB,2CAsNvB"}
@@ -78,7 +78,6 @@ export function QuillPopover({ style, popoverStyle, label, isLoading, disabled,
78
78
  fontWeight: 600,
79
79
  }, children: label })), _jsxs("button", { style: {
80
80
  fontFamily: theme?.fontFamily,
81
- color: theme?.primaryTextColor,
82
81
  width: '100%',
83
82
  display: 'flex',
84
83
  alignItems: 'center',
@@ -98,11 +97,11 @@ export function QuillPopover({ style, popoverStyle, label, isLoading, disabled,
98
97
  minHeight: 40,
99
98
  maxHeight: 40,
100
99
  }, className: 'quill-select-button', onClick: () => setShowModal((showModal) => !showModal), disabled: disabled, ref: buttonRef, children: [_jsx("style", { children: `
101
- .quill-select-button { background: ${theme?.backgroundColor}; }
102
- .quill-select-button:hover { background: ${theme?.hoverBackgroundColor}; }
100
+ .quill-select-button { background: ${theme?.backgroundColor}; color: ${theme?.primaryTextColor}; }
101
+ .quill-select-button:hover { background: ${theme?.hoverBackgroundColor}; color: ${theme?.hoverTextColor}; }
103
102
  .quill-select-button:disabled {
104
103
  cursor: not-allowed;
105
- background: ${theme?.hoverBackgroundColor};
104
+ opacity: 0.5;
106
105
  }
107
106
 
108
107
  ` }), _jsx("span", { style: {
@@ -118,7 +117,7 @@ export function QuillPopover({ style, popoverStyle, label, isLoading, disabled,
118
117
  borderStyle: 'solid',
119
118
  borderColor: theme?.borderColor,
120
119
  borderRadius: 6,
121
- background: 'white',
120
+ background: theme?.backgroundColor,
122
121
  marginTop: 12,
123
122
  zIndex: z,
124
123
  padding: 12,
@@ -40,7 +40,6 @@ export function QuillSelectComponent({ style, options, value, onChange, theme =
40
40
  fontWeight: 600,
41
41
  }, children: label })), _jsxs("button", { style: {
42
42
  fontFamily: theme.fontFamily,
43
- color: theme.primaryTextColor,
44
43
  width: '100%',
45
44
  display: 'flex',
46
45
  alignItems: 'center',
@@ -61,11 +60,11 @@ export function QuillSelectComponent({ style, options, value, onChange, theme =
61
60
  minHeight: 40,
62
61
  maxHeight: 40,
63
62
  }, className: 'quill-select-button', disabled: disabled, onClick: () => !disabled && setShowModal((showModal) => !showModal), children: [_jsx("style", { children: `
64
- .quill-select-button { background: ${theme.backgroundColor}; }
65
- .quill-select-button:hover { background: ${theme.hoverBackgroundColor}; }
63
+ .quill-select-button { background: ${theme.backgroundColor}; color: ${theme.primaryTextColor}; }
64
+ .quill-select-button:hover { background: ${theme.hoverBackgroundColor}; color: ${theme.hoverTextColor}; }
66
65
  .quill-select-button:disabled {
67
66
  cursor: not-allowed;
68
- background: ${theme.hoverBackgroundColor};
67
+ opacity: 0.5;
69
68
  }
70
69
  ` }), _jsx("span", { style: {
71
70
  textOverflow: 'ellipsis',
@@ -81,7 +80,7 @@ export function QuillSelectComponent({ style, options, value, onChange, theme =
81
80
  borderStyle: 'solid',
82
81
  borderColor: theme.borderColor,
83
82
  borderRadius: 6,
84
- background: 'white',
83
+ background: theme.backgroundColor,
85
84
  marginTop: 12,
86
85
  zIndex: 100,
87
86
  padding: 6,
@@ -112,10 +111,10 @@ export function QuillSelectComponent({ style, options, value, onChange, theme =
112
111
  setShowModal(false);
113
112
  }, children: [_jsx("style", { children: `
114
113
  .quill-option {
115
- background: white;
114
+ background: ${theme.backgroundColor};
116
115
  }
117
116
  .quill-option:hover {
118
- background: #F4F4F5;
117
+ background: ${theme.hoverBackgroundColor};
119
118
  }
120
119
  ` }), 'Select'] })), options?.map((option) => (_jsxs("button", { style: {
121
120
  display: 'flex',
@@ -135,15 +134,16 @@ export function QuillSelectComponent({ style, options, value, onChange, theme =
135
134
  height: 34,
136
135
  minHeight: 34,
137
136
  overflow: 'hidden',
137
+ color: theme.primaryTextColor,
138
138
  }, className: "quill-option", onClick: () => {
139
139
  onChange(option.value);
140
140
  setShowModal(false);
141
141
  }, children: [_jsx("style", { children: `
142
142
  .quill-option {
143
- background: white;
143
+ background: ${theme.backgroundColor};
144
144
  }
145
145
  .quill-option:hover {
146
- background: #F4F4F5;
146
+ background: ${theme.hoverBackgroundColor};
147
147
  }
148
148
  ` }), _jsx("span", { style: {
149
149
  textOverflow: 'ellipsis',
@@ -1 +1 @@
1
- {"version":3,"file":"QuillSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelectWithCombo.tsx"],"names":[],"mappings":"AAIA,OAAO,KAMN,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,eAAe,EACf,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,SAAS,GACV,EAAE,oBAAoB,2CAqatB"}
1
+ {"version":3,"file":"QuillSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelectWithCombo.tsx"],"names":[],"mappings":"AAIA,OAAO,KAMN,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,eAAe,EACf,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,SAAS,GACV,EAAE,oBAAoB,2CAkatB"}
@@ -141,7 +141,6 @@ export function QuillSelectComponentWithCombo({ options, value, width, onChange,
141
141
  fontWeight: 600,
142
142
  }, children: label })), _jsxs("button", { style: {
143
143
  fontFamily: theme?.fontFamily,
144
- color: theme?.primaryTextColor,
145
144
  width: '100%',
146
145
  display: 'flex',
147
146
  alignItems: 'center',
@@ -161,22 +160,18 @@ export function QuillSelectComponentWithCombo({ options, value, width, onChange,
161
160
  minHeight: 40,
162
161
  maxHeight: 40,
163
162
  }, className: 'quill-select-button', onClick: () => setShowModal((showModal) => !showModal), disabled: disabled, ref: buttonRef, children: [_jsx("style", { children: `
164
- .quill-select-button { background: ${theme?.backgroundColor}; }
165
- .quill-select-button:hover { background: ${theme?.hoverBackgroundColor}; }
163
+ .quill-select-button { background: ${theme?.backgroundColor}; color: ${theme?.primaryTextColor}; }
164
+ .quill-select-button:hover { background: ${theme?.hoverBackgroundColor}; color: ${theme?.hoverTextColor}; }
166
165
  .quill-select-button:disabled {
167
166
  cursor: not-allowed;
168
- background: ${theme?.hoverBackgroundColor};
167
+ opacity: 0.5;
169
168
  }
170
-
171
169
  ` }), _jsx("span", { style: {
172
170
  textOverflow: 'ellipsis',
173
171
  whiteSpace: 'nowrap',
174
172
  overflow: 'hidden',
175
173
  fontWeight: value?.length || isLoading ? undefined : 300,
176
- color: value?.length || isLoading
177
- ? undefined
178
- : theme?.secondaryTextColor,
179
- }, children: selectedLabel }), badge && (_jsx("span", { style: {
174
+ }, children: isLoading ? 'Loading...' : selectedLabel }), badge && (_jsx("span", { style: {
180
175
  color: 'white',
181
176
  backgroundColor: 'black',
182
177
  borderRadius: 10,
@@ -201,7 +196,7 @@ export function QuillSelectComponentWithCombo({ options, value, width, onChange,
201
196
  borderStyle: 'solid',
202
197
  borderColor: theme?.borderColor,
203
198
  borderRadius: 6,
204
- background: 'white',
199
+ background: theme?.backgroundColor,
205
200
  marginTop: 12,
206
201
  zIndex: z,
207
202
  padding: 6,
@@ -237,13 +232,14 @@ export function QuillSelectComponentWithCombo({ options, value, width, onChange,
237
232
  setShowModal(false);
238
233
  }, children: [_jsx("style", { children: `
239
234
  .quill-option {
240
- background: white;
235
+ background: ${theme?.backgroundColor};
236
+ color: ${theme?.secondaryTextColor};
241
237
  }
242
238
  .quill-option:hover {
243
- background: #F4F4F5;
239
+ background: ${theme?.hoverBackgroundColor};
240
+ color: ${theme?.hoverTextColor};
244
241
  }
245
242
  ` }), _jsx("span", { style: {
246
- color: theme?.secondaryTextColor,
247
243
  fontWeight: 300,
248
244
  }, children: "Select" })] })), !isLoading ? (filteredItems.map((option) => (_jsxs("button", { style: {
249
245
  display: 'flex',
@@ -270,10 +266,12 @@ export function QuillSelectComponentWithCombo({ options, value, width, onChange,
270
266
  setShowModal(false);
271
267
  }, children: [_jsx("style", { children: `
272
268
  .quill-option {
273
- background: white;
269
+ background: ${theme?.backgroundColor};
270
+ color: ${theme?.primaryTextColor};
274
271
  }
275
272
  .quill-option:hover {
276
- background: #F4F4F5;
273
+ background: ${theme?.hoverBackgroundColor};
274
+ color: ${theme?.hoverTextColor};
277
275
  }
278
276
  ` }), _jsx("span", { style: {
279
277
  textOverflow: 'ellipsis',
@@ -1 +1 @@
1
- {"version":3,"file":"EditTenant.d.ts","sourceRoot":"","sources":["../../../../src/components/Tenants/EditTenant.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,aAAa,EAKd,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAA2B,EACzB,uBAAuB,EACxB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAGxE,OAAO,EACL,oBAAoB,EAIrB,MAAM,iBAAiB,CAAC;AAgDzB,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,SAAS,EACT,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,wBAAwB,EACxB,qBAAqB,EACrB,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,YAAY,GACb,EAAE;IACD,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC,SAAS,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,kBAAkB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAClB,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,EAC3D,QAAQ,EAAE,OAAO,EACjB,YAAY,EAAE,OAAO,KAClB,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,oBAAoB,EAAE,CACpB,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,EAC5B,YAAY,EAAE,OAAO,KAClB,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC,CAAC;IACrE,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,cAAc,EAAE,GAAG,CAAC;IACpB,kBAAkB,EACd,yBAAyB,CACvB,uBAAuB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAC1D,GACD,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IACtD,eAAe,EAAE,KAAK,CAAC,EAAE,CACvB,oBAAoB,GAAG;QACrB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CACF,CAAC;IACF,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAChC,oBAAoB,GAAG;QACrB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CACF,CAAC;IACF,qBAAqB,EAAE,OAAO,CAAC;IAC/B,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,YAAY,EAAE,MAAM,CAAC;QACrB,cAAc,EAAE,WAAW,EAAE,CAAC;QAC9B,iBAAiB,EAAE,MAAM,EAAE,CAAC;QAC5B,WAAW,EAAE,MAAM,EAAE,CAAC;QACtB,YAAY,CAAC,EAAE,WAAW,CAAC;KAC5B,CAAC;IACF,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,EAAE,OAAO,CAAC;CACvB,2CA+wBA"}
1
+ {"version":3,"file":"EditTenant.d.ts","sourceRoot":"","sources":["../../../../src/components/Tenants/EditTenant.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,aAAa,EAKd,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAA2B,EACzB,uBAAuB,EACxB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAGxE,OAAO,EACL,oBAAoB,EAIrB,MAAM,iBAAiB,CAAC;AAgDzB,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,SAAS,EACT,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,wBAAwB,EACxB,qBAAqB,EACrB,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,YAAY,GACb,EAAE;IACD,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC,SAAS,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,kBAAkB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAClB,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,EAC3D,QAAQ,EAAE,OAAO,EACjB,YAAY,EAAE,OAAO,KAClB,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,oBAAoB,EAAE,CACpB,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,EAC5B,YAAY,EAAE,OAAO,KAClB,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC,CAAC;IACrE,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,cAAc,EAAE,GAAG,CAAC;IACpB,kBAAkB,EACd,yBAAyB,CACvB,uBAAuB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAC1D,GACD,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IACtD,eAAe,EAAE,KAAK,CAAC,EAAE,CACvB,oBAAoB,GAAG;QACrB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CACF,CAAC;IACF,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAChC,oBAAoB,GAAG;QACrB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CACF,CAAC;IACF,qBAAqB,EAAE,OAAO,CAAC;IAC/B,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,YAAY,EAAE,MAAM,CAAC;QACrB,cAAc,EAAE,WAAW,EAAE,CAAC;QAC9B,iBAAiB,EAAE,MAAM,EAAE,CAAC;QAC5B,WAAW,EAAE,MAAM,EAAE,CAAC;QACtB,YAAY,CAAC,EAAE,WAAW,CAAC;KAC5B,CAAC;IACF,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,EAAE,OAAO,CAAC;CACvB,2CAixBA"}