@heymantle/litho 0.0.10 → 0.0.13
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.
- package/dist/cjs/components/Banner.js +6 -1
- package/dist/cjs/components/Button.js +33 -4
- package/dist/cjs/components/ButtonGroup.js +19 -4
- package/dist/cjs/components/Card.js +39 -3
- package/dist/cjs/components/ChoiceList.js +3 -2
- package/dist/cjs/components/Code.js +227 -0
- package/dist/cjs/components/Filters.js +1 -1
- package/dist/cjs/components/Frame.js +2 -2
- package/dist/cjs/components/Layout.js +16 -4
- package/dist/cjs/components/Link.js +35 -4
- package/dist/cjs/components/Modal.js +4 -0
- package/dist/cjs/components/Page.js +5 -2
- package/dist/cjs/components/Pane.js +669 -84
- package/dist/cjs/components/ResourceList.js +2 -2
- package/dist/cjs/components/TabNavigation.js +300 -0
- package/dist/cjs/components/TextField.js +3 -0
- package/dist/cjs/components/Tip.js +3 -0
- package/dist/cjs/components/Tooltip.js +12 -13
- package/dist/cjs/index.js +4 -0
- package/dist/cjs/stories/Pane.stories.js +352 -3
- package/dist/cjs/utilities/useBodyScrollLock.js +63 -0
- package/dist/cjs/utilities/useKeyboardAction.js +19 -0
- package/dist/cjs/utilities/useLocalStorage.js +126 -0
- package/dist/cjs/utilities/useMobile.js +92 -0
- package/dist/cjs/utilities/usePaneState.js +340 -0
- package/dist/cjs/utilities/useTabStorage.js +325 -0
- package/dist/esm/components/Banner.js +7 -2
- package/dist/esm/components/Button.js +33 -4
- package/dist/esm/components/ButtonGroup.js +19 -4
- package/dist/esm/components/Card.js +39 -3
- package/dist/esm/components/ChoiceList.js +3 -2
- package/dist/esm/components/Code.js +212 -0
- package/dist/esm/components/Filters.js +2 -2
- package/dist/esm/components/Frame.js +2 -2
- package/dist/esm/components/Layout.js +16 -4
- package/dist/esm/components/Link.js +31 -5
- package/dist/esm/components/Modal.js +4 -0
- package/dist/esm/components/Page.js +5 -2
- package/dist/esm/components/Pane.js +619 -83
- package/dist/esm/components/ResourceList.js +2 -2
- package/dist/esm/components/TabNavigation.js +285 -0
- package/dist/esm/components/TextField.js +4 -1
- package/dist/esm/components/Tip.js +4 -1
- package/dist/esm/components/Tooltip.js +12 -13
- package/dist/esm/index.js +1 -0
- package/dist/esm/stories/Pane.stories.js +346 -3
- package/dist/esm/utilities/useBodyScrollLock.js +53 -0
- package/dist/esm/utilities/useKeyboardAction.js +25 -0
- package/dist/esm/utilities/useLocalStorage.js +115 -0
- package/dist/esm/utilities/useMobile.js +79 -0
- package/dist/esm/utilities/usePaneState.js +334 -0
- package/dist/esm/utilities/useTabStorage.js +311 -0
- package/dist/types/components/Banner.d.ts.map +1 -1
- package/dist/types/components/Button.d.ts +2 -2
- package/dist/types/components/Button.d.ts.map +1 -1
- package/dist/types/components/ButtonGroup.d.ts.map +1 -1
- package/dist/types/components/Card.d.ts +34 -1
- package/dist/types/components/Card.d.ts.map +1 -1
- package/dist/types/components/Code.d.ts +28 -0
- package/dist/types/components/Code.d.ts.map +1 -0
- package/dist/types/components/Filters.d.ts.map +1 -1
- package/dist/types/components/Layout.d.ts +2 -0
- package/dist/types/components/Layout.d.ts.map +1 -1
- package/dist/types/components/Link.d.ts +4 -0
- package/dist/types/components/Link.d.ts.map +1 -1
- package/dist/types/components/Modal.d.ts +2 -0
- package/dist/types/components/Modal.d.ts.map +1 -1
- package/dist/types/components/Page.d.ts.map +1 -1
- package/dist/types/components/Pane.d.ts +2 -0
- package/dist/types/components/Pane.d.ts.map +1 -1
- package/dist/types/components/TabNavigation.d.ts +3 -0
- package/dist/types/components/TabNavigation.d.ts.map +1 -0
- package/dist/types/components/TextField.d.ts.map +1 -1
- package/dist/types/components/Tip.d.ts.map +1 -1
- package/dist/types/components/Tooltip.d.ts +2 -0
- package/dist/types/components/Tooltip.d.ts.map +1 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/utilities/useBodyScrollLock.d.ts +12 -0
- package/dist/types/utilities/useBodyScrollLock.d.ts.map +1 -0
- package/dist/types/utilities/useKeyboardAction.d.ts +2 -0
- package/dist/types/utilities/useKeyboardAction.d.ts.map +1 -0
- package/dist/types/utilities/useLocalStorage.d.ts +13 -0
- package/dist/types/utilities/useLocalStorage.d.ts.map +1 -0
- package/dist/types/utilities/useMobile.d.ts +9 -0
- package/dist/types/utilities/useMobile.d.ts.map +1 -0
- package/dist/types/utilities/usePaneState.d.ts +2 -0
- package/dist/types/utilities/usePaneState.d.ts.map +1 -0
- package/dist/types/utilities/useTabStorage.d.ts +8 -0
- package/dist/types/utilities/useTabStorage.d.ts.map +1 -0
- package/index.css +77 -6
- package/package.json +2 -2
|
@@ -0,0 +1,311 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
function _array_like_to_array(arr, len) {
|
|
3
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
4
|
+
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
5
|
+
return arr2;
|
|
6
|
+
}
|
|
7
|
+
function _array_without_holes(arr) {
|
|
8
|
+
if (Array.isArray(arr)) return _array_like_to_array(arr);
|
|
9
|
+
}
|
|
10
|
+
function _define_property(obj, key, value) {
|
|
11
|
+
if (key in obj) {
|
|
12
|
+
Object.defineProperty(obj, key, {
|
|
13
|
+
value: value,
|
|
14
|
+
enumerable: true,
|
|
15
|
+
configurable: true,
|
|
16
|
+
writable: true
|
|
17
|
+
});
|
|
18
|
+
} else {
|
|
19
|
+
obj[key] = value;
|
|
20
|
+
}
|
|
21
|
+
return obj;
|
|
22
|
+
}
|
|
23
|
+
function _iterable_to_array(iter) {
|
|
24
|
+
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
25
|
+
}
|
|
26
|
+
function _non_iterable_spread() {
|
|
27
|
+
throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
28
|
+
}
|
|
29
|
+
function _object_spread(target) {
|
|
30
|
+
for(var i = 1; i < arguments.length; i++){
|
|
31
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
32
|
+
var ownKeys = Object.keys(source);
|
|
33
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
34
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
35
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
36
|
+
}));
|
|
37
|
+
}
|
|
38
|
+
ownKeys.forEach(function(key) {
|
|
39
|
+
_define_property(target, key, source[key]);
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
return target;
|
|
43
|
+
}
|
|
44
|
+
function _to_consumable_array(arr) {
|
|
45
|
+
return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
|
|
46
|
+
}
|
|
47
|
+
function _unsupported_iterable_to_array(o, minLen) {
|
|
48
|
+
if (!o) return;
|
|
49
|
+
if (typeof o === "string") return _array_like_to_array(o, minLen);
|
|
50
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
51
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
52
|
+
if (n === "Map" || n === "Set") return Array.from(n);
|
|
53
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
54
|
+
}
|
|
55
|
+
import { useCallback, useMemo, useRef } from "react";
|
|
56
|
+
import { usePaneState } from "./usePaneState.js";
|
|
57
|
+
/**
|
|
58
|
+
* Custom hook for managing tab storage in consolidated pane state, scoped by orgId
|
|
59
|
+
* @param {string} [orgId] - Organization ID to scope the tab storage (optional, but required for operations)
|
|
60
|
+
* @returns {Object} Tab storage utilities
|
|
61
|
+
*/ export function useTabStorage() {
|
|
62
|
+
var orgId = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null;
|
|
63
|
+
// Use a default orgId if none is provided to ensure functionality works
|
|
64
|
+
var currentOrgId = orgId || 'default';
|
|
65
|
+
var _usePaneState = usePaneState(currentOrgId), paneState = _usePaneState.state, setPaneTabs = _usePaneState.setTabs, setPaneActiveTabId = _usePaneState.setActiveTabId, setPaneCollapsed = _usePaneState.setCollapsed;
|
|
66
|
+
// Use paneState directly - no need for local state or sync logic
|
|
67
|
+
var tabs = Array.isArray(paneState.tabs) ? paneState.tabs : [];
|
|
68
|
+
var activeTabId = paneState.activeTabId || null;
|
|
69
|
+
// Helper to dispatch change event (for backward compatibility)
|
|
70
|
+
var notifyTabChange = useCallback(function() {
|
|
71
|
+
window.dispatchEvent(new CustomEvent('litho-pane-tabs-changed'));
|
|
72
|
+
}, []);
|
|
73
|
+
// Add a new tab
|
|
74
|
+
var addTab = useCallback(function(tabData) {
|
|
75
|
+
if (!setPaneTabs || !setPaneActiveTabId) {
|
|
76
|
+
console.warn('Cannot add tab: orgId is required');
|
|
77
|
+
return null;
|
|
78
|
+
}
|
|
79
|
+
var resultTabId = null;
|
|
80
|
+
// Use functional updater to check for duplicates and add tab atomically
|
|
81
|
+
setPaneTabs(function(prevTabs) {
|
|
82
|
+
var currentTabs = prevTabs || [];
|
|
83
|
+
// If an explicit ID is provided, check if a tab with that ID already exists
|
|
84
|
+
if (tabData.id) {
|
|
85
|
+
var existingTabById = currentTabs.find(function(tab) {
|
|
86
|
+
return tab.id === tabData.id;
|
|
87
|
+
});
|
|
88
|
+
if (existingTabById) {
|
|
89
|
+
resultTabId = existingTabById.id;
|
|
90
|
+
return currentTabs; // Return unchanged - tab already exists
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
// Create new tab
|
|
94
|
+
var newTab = _object_spread({
|
|
95
|
+
id: tabData.id || "tab-".concat(Date.now(), "-").concat(Math.random().toString(36).substring(2, 11)),
|
|
96
|
+
title: tabData.title,
|
|
97
|
+
subtitle: tabData.subtitle,
|
|
98
|
+
content: tabData.content,
|
|
99
|
+
header: tabData.header,
|
|
100
|
+
footer: tabData.footer,
|
|
101
|
+
actions: tabData.actions || [],
|
|
102
|
+
createdAt: Date.now()
|
|
103
|
+
}, tabData);
|
|
104
|
+
resultTabId = newTab.id;
|
|
105
|
+
return _to_consumable_array(currentTabs).concat([
|
|
106
|
+
newTab
|
|
107
|
+
]);
|
|
108
|
+
});
|
|
109
|
+
// Set active tab ID if a new tab was created
|
|
110
|
+
if (resultTabId) {
|
|
111
|
+
setPaneActiveTabId(resultTabId);
|
|
112
|
+
notifyTabChange();
|
|
113
|
+
}
|
|
114
|
+
return resultTabId;
|
|
115
|
+
}, [
|
|
116
|
+
setPaneTabs,
|
|
117
|
+
setPaneActiveTabId,
|
|
118
|
+
notifyTabChange
|
|
119
|
+
]);
|
|
120
|
+
// Remove a tab
|
|
121
|
+
var removeTab = useCallback(function(tabId) {
|
|
122
|
+
if (!setPaneTabs || !setPaneActiveTabId) {
|
|
123
|
+
console.warn('Cannot remove tab: orgId is required');
|
|
124
|
+
return;
|
|
125
|
+
}
|
|
126
|
+
var removedTabIndex = tabs.findIndex(function(tab) {
|
|
127
|
+
return tab.id === tabId;
|
|
128
|
+
});
|
|
129
|
+
var tabsAfterRemoval = tabs.filter(function(tab) {
|
|
130
|
+
return tab.id !== tabId;
|
|
131
|
+
});
|
|
132
|
+
setPaneTabs(tabsAfterRemoval);
|
|
133
|
+
// Handle tab switching if the removed tab was the active tab
|
|
134
|
+
if (activeTabId === tabId && removedTabIndex >= 0) {
|
|
135
|
+
var newActiveIndex = removedTabIndex > 0 ? removedTabIndex - 1 : 0;
|
|
136
|
+
var newActiveTab = tabsAfterRemoval[newActiveIndex];
|
|
137
|
+
setPaneActiveTabId(newActiveTab ? newActiveTab.id : null);
|
|
138
|
+
}
|
|
139
|
+
notifyTabChange();
|
|
140
|
+
}, [
|
|
141
|
+
tabs,
|
|
142
|
+
activeTabId,
|
|
143
|
+
setPaneTabs,
|
|
144
|
+
setPaneActiveTabId,
|
|
145
|
+
notifyTabChange
|
|
146
|
+
]);
|
|
147
|
+
// Set active tab
|
|
148
|
+
var setActiveTab = useCallback(function(tabId) {
|
|
149
|
+
if (!setPaneActiveTabId) {
|
|
150
|
+
console.warn('Cannot set active tab: orgId is required');
|
|
151
|
+
return;
|
|
152
|
+
}
|
|
153
|
+
setPaneActiveTabId(tabId);
|
|
154
|
+
notifyTabChange();
|
|
155
|
+
}, [
|
|
156
|
+
setPaneActiveTabId,
|
|
157
|
+
notifyTabChange
|
|
158
|
+
]);
|
|
159
|
+
// Update a tab's properties
|
|
160
|
+
var updateTab = useCallback(function(tabId, updates) {
|
|
161
|
+
if (!setPaneTabs) {
|
|
162
|
+
console.warn('Cannot update tab: orgId is required');
|
|
163
|
+
return;
|
|
164
|
+
}
|
|
165
|
+
setPaneTabs(function(prevTabs) {
|
|
166
|
+
return prevTabs.map(function(tab) {
|
|
167
|
+
return tab.id === tabId ? _object_spread({}, tab, updates) : tab;
|
|
168
|
+
});
|
|
169
|
+
});
|
|
170
|
+
notifyTabChange();
|
|
171
|
+
}, [
|
|
172
|
+
setPaneTabs,
|
|
173
|
+
notifyTabChange
|
|
174
|
+
]);
|
|
175
|
+
// Clear all tabs (useful for scope switching if needed)
|
|
176
|
+
var clearAllTabs = useCallback(function() {
|
|
177
|
+
if (!setPaneTabs || !setPaneActiveTabId) {
|
|
178
|
+
console.warn('Cannot clear tabs: orgId is required');
|
|
179
|
+
return;
|
|
180
|
+
}
|
|
181
|
+
setPaneTabs([]);
|
|
182
|
+
setPaneActiveTabId(null);
|
|
183
|
+
notifyTabChange();
|
|
184
|
+
}, [
|
|
185
|
+
setPaneTabs,
|
|
186
|
+
setPaneActiveTabId,
|
|
187
|
+
notifyTabChange
|
|
188
|
+
]);
|
|
189
|
+
/**
|
|
190
|
+
* Attempts to expand the pane using multiple strategies to ensure it works
|
|
191
|
+
* regardless of timing issues with React state updates
|
|
192
|
+
* @param {Object} tabStorageInstance - The tabStorage instance (for accessing expandPaneRef)
|
|
193
|
+
*/ var attemptExpandPane = useCallback(function(tabStorageInstance) {
|
|
194
|
+
if (!tabStorageInstance) return;
|
|
195
|
+
var expandPane = function() {
|
|
196
|
+
var _tabStorageInstance_expandPaneRef_current, _tabStorageInstance_expandPaneRef;
|
|
197
|
+
(_tabStorageInstance_expandPaneRef = tabStorageInstance.expandPaneRef) === null || _tabStorageInstance_expandPaneRef === void 0 ? void 0 : (_tabStorageInstance_expandPaneRef_current = _tabStorageInstance_expandPaneRef.current) === null || _tabStorageInstance_expandPaneRef_current === void 0 ? void 0 : _tabStorageInstance_expandPaneRef_current.call(_tabStorageInstance_expandPaneRef);
|
|
198
|
+
};
|
|
199
|
+
// Try immediate expansion first (in case ref is ready)
|
|
200
|
+
expandPane();
|
|
201
|
+
// Then try after next frame (ensures React has updated)
|
|
202
|
+
if (typeof window !== 'undefined' && window.requestAnimationFrame) {
|
|
203
|
+
requestAnimationFrame(function() {
|
|
204
|
+
expandPane();
|
|
205
|
+
// Also try after another frame as backup
|
|
206
|
+
requestAnimationFrame(expandPane);
|
|
207
|
+
});
|
|
208
|
+
}
|
|
209
|
+
// Also try with setTimeout as additional fallback
|
|
210
|
+
setTimeout(expandPane, 0);
|
|
211
|
+
}, []);
|
|
212
|
+
/**
|
|
213
|
+
* Generic helper: find existing tab by predicate, or create new one
|
|
214
|
+
* @param {function} predicate - Function to find existing tab
|
|
215
|
+
* @param {Object} tabData - Data for new tab if not found
|
|
216
|
+
* @param {Object} tabStorageInstance - The tabStorage instance (for accessing expandPaneRef)
|
|
217
|
+
* @returns {string|null} Tab ID (existing or newly created), or null if tabStorage is not available
|
|
218
|
+
*/ var findOrCreateTab = useCallback(function(predicate, tabData, tabStorageInstance) {
|
|
219
|
+
// Return null if tabStorage is not available
|
|
220
|
+
if (!setPaneTabs || !setPaneActiveTabId) {
|
|
221
|
+
return null;
|
|
222
|
+
}
|
|
223
|
+
var existing = tabs.find(predicate);
|
|
224
|
+
if (existing) {
|
|
225
|
+
setActiveTab(existing.id);
|
|
226
|
+
// Attempt to expand pane (expandPaneRef will be set by Pane component on tabStorage)
|
|
227
|
+
if (tabStorageInstance) {
|
|
228
|
+
attemptExpandPane(tabStorageInstance);
|
|
229
|
+
}
|
|
230
|
+
return existing.id;
|
|
231
|
+
}
|
|
232
|
+
// Create new tab
|
|
233
|
+
var newTabId = addTab(tabData);
|
|
234
|
+
// Attempt to expand pane after creating new tab
|
|
235
|
+
if (newTabId && tabStorageInstance) {
|
|
236
|
+
attemptExpandPane(tabStorageInstance);
|
|
237
|
+
}
|
|
238
|
+
return newTabId;
|
|
239
|
+
}, [
|
|
240
|
+
tabs,
|
|
241
|
+
addTab,
|
|
242
|
+
setActiveTab,
|
|
243
|
+
attemptExpandPane
|
|
244
|
+
]);
|
|
245
|
+
/**
|
|
246
|
+
* Expands the pane if it's collapsed
|
|
247
|
+
* @param {Object} tabStorageInstance - The tabStorage instance (for accessing expandPaneRef)
|
|
248
|
+
* @returns {boolean} Whether the pane was expanded (true) or not (false)
|
|
249
|
+
*/ var expandIfCollapsed = useCallback(function(tabStorageInstance) {
|
|
250
|
+
var _tabStorageInstance_isCollapsed;
|
|
251
|
+
// Check isCollapsed from Pane component (source of truth)
|
|
252
|
+
var wasCollapsed = (_tabStorageInstance_isCollapsed = tabStorageInstance === null || tabStorageInstance === void 0 ? void 0 : tabStorageInstance.isCollapsed) !== null && _tabStorageInstance_isCollapsed !== void 0 ? _tabStorageInstance_isCollapsed : paneState.collapsed;
|
|
253
|
+
if (wasCollapsed) {
|
|
254
|
+
var _tabStorageInstance_expandPaneRef;
|
|
255
|
+
// Update state to match
|
|
256
|
+
setPaneCollapsed(false);
|
|
257
|
+
// Expand via ref if available
|
|
258
|
+
if (tabStorageInstance === null || tabStorageInstance === void 0 ? void 0 : (_tabStorageInstance_expandPaneRef = tabStorageInstance.expandPaneRef) === null || _tabStorageInstance_expandPaneRef === void 0 ? void 0 : _tabStorageInstance_expandPaneRef.current) {
|
|
259
|
+
tabStorageInstance.expandPaneRef.current();
|
|
260
|
+
}
|
|
261
|
+
return true;
|
|
262
|
+
}
|
|
263
|
+
return false;
|
|
264
|
+
}, [
|
|
265
|
+
paneState.collapsed,
|
|
266
|
+
setPaneCollapsed
|
|
267
|
+
]);
|
|
268
|
+
// Create tabStorage instance with self-referencing methods
|
|
269
|
+
var tabStorageInstanceRef = useRef(null);
|
|
270
|
+
var tabStorageInstance = useMemo(function() {
|
|
271
|
+
var instance = {
|
|
272
|
+
tabs: tabs,
|
|
273
|
+
activeTabId: activeTabId,
|
|
274
|
+
addTab: addTab,
|
|
275
|
+
removeTab: removeTab,
|
|
276
|
+
setActiveTab: setActiveTab,
|
|
277
|
+
updateTab: updateTab,
|
|
278
|
+
clearAllTabs: clearAllTabs,
|
|
279
|
+
findOrCreateTab: function(predicate, tabData) {
|
|
280
|
+
// Use the ref to avoid circular dependency
|
|
281
|
+
var currentInstance = tabStorageInstanceRef.current || instance;
|
|
282
|
+
return findOrCreateTab(predicate, tabData, currentInstance);
|
|
283
|
+
},
|
|
284
|
+
attemptExpandPane: function() {
|
|
285
|
+
var currentInstance = tabStorageInstanceRef.current || instance;
|
|
286
|
+
attemptExpandPane(currentInstance);
|
|
287
|
+
},
|
|
288
|
+
expandIfCollapsed: function() {
|
|
289
|
+
var currentInstance = tabStorageInstanceRef.current || instance;
|
|
290
|
+
return expandIfCollapsed(currentInstance);
|
|
291
|
+
},
|
|
292
|
+
orgId: currentOrgId
|
|
293
|
+
};
|
|
294
|
+
tabStorageInstanceRef.current = instance;
|
|
295
|
+
return instance;
|
|
296
|
+
}, [
|
|
297
|
+
tabs,
|
|
298
|
+
activeTabId,
|
|
299
|
+
addTab,
|
|
300
|
+
removeTab,
|
|
301
|
+
setActiveTab,
|
|
302
|
+
updateTab,
|
|
303
|
+
clearAllTabs,
|
|
304
|
+
findOrCreateTab,
|
|
305
|
+
attemptExpandPane,
|
|
306
|
+
expandIfCollapsed,
|
|
307
|
+
currentOrgId
|
|
308
|
+
]);
|
|
309
|
+
return tabStorageInstance;
|
|
310
|
+
}
|
|
311
|
+
export default useTabStorage;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../components/Banner.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../components/Banner.js"],"names":[],"mappings":";2BAyEa,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW;;;;;aAK9F,MAAM;;;;cACN,OAAO;;;;eACP,OAAO;;;;cACP,OAAO;;;;;;;;UAEP,MAAM;;AAXpB;;GAEG;AAEH;;;;;;;;GAQG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,gCArBG;IAAuB,KAAK,GAApB,MAAM;IACe,MAAM,GAA3B,YAAY;IACK,SAAS;IACF,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACM,MAAM,GAA3B,YAAY;IACS,eAAe,GAApC,YAAY;IACc,IAAI,GAA9B,iBAAiB;IACD,OAAO,GAAvB,OAAO;CAEf,GAAU,GAAG,CAAC,OAAO,CAuJvB"}
|
|
@@ -33,7 +33,7 @@ export default Button;
|
|
|
33
33
|
* @param {boolean} [props.disclosureRight=false] - Whether to show the disclosure on the right.
|
|
34
34
|
* @param {boolean} [props.plain=false] - Whether to show plain styling without background.
|
|
35
35
|
* @param {boolean} [props.naked=false] - Whether to show the naked styling.
|
|
36
|
-
* @param {"small" | "medium" | "large" | "stepper"} [props.size='medium'] - Size of the button ('small', 'medium', 'large', 'stepper').
|
|
36
|
+
* @param {"mini" | "small" | "medium" | "large" | "stepper"} [props.size='medium'] - Size of the button ('mini', 'small', 'medium', 'large', 'stepper').
|
|
37
37
|
* @param {boolean} [props.fullWidth] - Whether the button should take full width.
|
|
38
38
|
* @param {"left" | "center" | "right"} [props.align='center'] - Alignment of the button content ('left', 'center', 'right').
|
|
39
39
|
* @param {string} [props.tooltip] - Tooltip to show when hovering over the button.
|
|
@@ -113,7 +113,7 @@ declare function Button(props?: {
|
|
|
113
113
|
disclosureRight?: boolean;
|
|
114
114
|
plain?: boolean;
|
|
115
115
|
naked?: boolean;
|
|
116
|
-
size?: "small" | "medium" | "large" | "stepper";
|
|
116
|
+
size?: "mini" | "small" | "medium" | "large" | "stepper";
|
|
117
117
|
fullWidth?: boolean;
|
|
118
118
|
align?: "left" | "center" | "right";
|
|
119
119
|
tooltip?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/Button.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/Button.js"],"names":[],"mappings":";AAoiBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsFG;AAEH,gCAhFG;IAAuB,EAAE,GAAjB,MAAM;IACkB,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACA,GAAG,GAAlB,MAAM;IACU,QAAQ,GAAxB,OAAO;IACS,QAAQ,GAAxB,OAAO;IACQ,MAAM,GAArB,MAAM;IACU,MAAM,GAAtB,OAAO;IACS,OAAO,GAAvB,OAAO;IACS,OAAO,GAAvB,OAAO;IACQ,kBAAkB,GAAjC,MAAM;IACS,IAAI,GAAnB,MAAM;IACS,YAAY,GAA3B,MAAM;IACU,YAAY,GAA5B,OAAO;IACQ,eAAe,GAA9B,MAAM;IACU,WAAW,GAA3B,OAAO;IACiB,IAAI,GAA5B,KAAK,CAAC,SAAS;IAC8E,SAAS,GAAtG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,aAAa,GAAG,WAAW;IAC7C,QAAQ,GAA/C,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IACd,OAAO,GAAvB,OAAO;IACS,SAAS,GAAzB,OAAO;IACS,IAAI,GAApB,OAAO;IACS,WAAW,GAA3B,OAAO;IACS,UAAU,GAA1B,OAAO;IACS,eAAe,GAA/B,OAAO;IACS,KAAK,GAArB,OAAO;IACS,KAAK,GAArB,OAAO;IACmD,IAAI,GAA9D,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS;IACjC,SAAS,GAAzB,OAAO;IAC6B,KAAK,GAAzC,MAAM,GAAG,QAAQ,GAAG,OAAO;IACZ,OAAO,GAAtB,MAAM;IAC8B,gBAAgB,GAApD,MAAM,GAAG,QAAQ,GAAG,OAAO;IACkB,eAAe,GAA5D,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO;IACQ,cAAc,GAA1D,cAAc,GAAG,OAAO,GAAG,QAAQ;IACpB,mBAAmB,GAC1C;QAAiF,OAAO,GAAhF,KAAK,CAAC,OAAO,cAAc,EAAE,cAAc,CAAC;KACpD;IAAuB,SAAS,GAAxB,MAAM;IACS,gBAAgB,GAA/B,MAAM;IACU,OAAO,GAAvB,OAAO;IACU,OAAO;IACP,WAAW;CAEpC,GAAU,GAAG,CAAC,OAAO,CA+QvB;kBAl2BoD,OAAO"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../components/ButtonGroup.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../components/ButtonGroup.js"],"names":[],"mappings":"AAiCA,wDAAuD;;kBA/BlB,OAAO;AAiC5C;;;;;;;;;;;;GAYG;AAEH,qCAVG;IAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACC,SAAS,GAAzB,OAAO;IACQ,EAAE,GAAjB,MAAM;IACS,SAAS,GAAxB,MAAM;IACU,SAAS,GAAzB,OAAO;IACS,MAAM,GAAtB,OAAO;IACQ,SAAS,GAAxB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAkCvB"}
|
|
@@ -87,7 +87,7 @@ declare namespace Card {
|
|
|
87
87
|
*
|
|
88
88
|
* @returns {React.ReactElement} The rendered Section component.
|
|
89
89
|
*/
|
|
90
|
-
function Section({ title, titleVariant, action, children, padded, paddedHalf, isFirst, cardHasHeader, borderBottom, borderTop, subdued, headerGap, gap, icon, tooltip, description, accessory, emptyState, className, }: {
|
|
90
|
+
function Section({ title, titleVariant, action, children, padded, paddedHalf, isFirst, cardHasHeader, borderBottom, borderTop, subdued, headerGap, gap, icon, tooltip, description, accessory, emptyState, className, sectionBodyClassName, }: {
|
|
91
91
|
title?: string | React.ReactNode;
|
|
92
92
|
titleVariant?: string;
|
|
93
93
|
action?: any;
|
|
@@ -136,6 +136,39 @@ declare namespace Card {
|
|
|
136
136
|
let displayName_1: string;
|
|
137
137
|
export { displayName_1 as displayName };
|
|
138
138
|
}
|
|
139
|
+
function Rows({ children }: {
|
|
140
|
+
children: any;
|
|
141
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
142
|
+
namespace Rows {
|
|
143
|
+
let displayName_2: string;
|
|
144
|
+
export { displayName_2 as displayName };
|
|
145
|
+
}
|
|
146
|
+
/**
|
|
147
|
+
* Row component for creating clickable rows inside the Card.
|
|
148
|
+
*
|
|
149
|
+
* @component
|
|
150
|
+
* @param {Object} props - Props for the Row component.
|
|
151
|
+
* @param {React.ReactNode} [props.children] - Child elements to render inside the row.
|
|
152
|
+
* @param {Function} [props.onClick] - Click handler for the row.
|
|
153
|
+
* @param {string} [props.id] - ID to apply to the row element.
|
|
154
|
+
* @param {string} [props.url] - URL to open when the row is clicked.
|
|
155
|
+
* @param {string} [props.className] - Additional classes to apply to the row.
|
|
156
|
+
* @param {boolean} [props.disabled=false] - Disables interaction with the row.
|
|
157
|
+
*
|
|
158
|
+
* @returns {React.ReactElement} The rendered Row component.
|
|
159
|
+
*/
|
|
160
|
+
function Row({ children, onClick, id, url, disabled, className }: {
|
|
161
|
+
children?: React.ReactNode;
|
|
162
|
+
onClick?: Function;
|
|
163
|
+
id?: string;
|
|
164
|
+
url?: string;
|
|
165
|
+
className?: string;
|
|
166
|
+
disabled?: boolean;
|
|
167
|
+
}): React.ReactElement;
|
|
168
|
+
namespace Row {
|
|
169
|
+
let displayName_3: string;
|
|
170
|
+
export { displayName_3 as displayName };
|
|
171
|
+
}
|
|
139
172
|
}
|
|
140
173
|
import React from "react";
|
|
141
174
|
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../components/Card.js"],"names":[],"mappings":";AA8IA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,+WA7BG;IAAwB,aAAa,GAA7B,OAAO;IACiB,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACC,WAAW,GAA3B,OAAO;IACwB,KAAK,GAApC,MAAM,GAAC,KAAK,CAAC,SAAS;IACP,YAAY,GAA3B,MAAM;IACS,WAAW,GAA1B,MAAM;IAC2B,IAAI,GAArC,KAAK,CAAC,WAAW,MAAO;IACyC,OAAO,GAAxE,KAAK,CAAC,SAAS,GAAC,OAAO,WAAW,EAAE,oBAAoB;IACzC,wBAAwB,GAAvC,MAAM;IACU,QAAQ,GAAxB,OAAO;IACQ,MAAM,GAArB,MAAM;IACU,WAAW,GAA3B,OAAO;IACS,OAAO,GAAvB,OAAO;IACS,SAAS,GAAzB,OAAO;IACS,MAAM,GAAtB,OAAO;IACS,OAAO,GAAvB,OAAO;IACS,UAAU,GAA1B,OAAO;IACS,yBAAyB,GAAzC,OAAO;IACU,OAAO;IACT,UAAU;IACV,MAAM;IACN,SAAS,GAAxB,MAAM;IACS,eAAe,GAA9B,MAAM;IACkB,SAAS,GAAjC,KAAK,CAAC,SAAS;IACC,iBAAiB,GAAjC,OAAO;IACS,eAAe,GAA/B,OAAO;CACf,GAAU,KAAK,CAAC,YAAY,CAoJ9B;;IA2FD;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IAEH
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../components/Card.js"],"names":[],"mappings":";AA8IA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,+WA7BG;IAAwB,aAAa,GAA7B,OAAO;IACiB,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACC,WAAW,GAA3B,OAAO;IACwB,KAAK,GAApC,MAAM,GAAC,KAAK,CAAC,SAAS;IACP,YAAY,GAA3B,MAAM;IACS,WAAW,GAA1B,MAAM;IAC2B,IAAI,GAArC,KAAK,CAAC,WAAW,MAAO;IACyC,OAAO,GAAxE,KAAK,CAAC,SAAS,GAAC,OAAO,WAAW,EAAE,oBAAoB;IACzC,wBAAwB,GAAvC,MAAM;IACU,QAAQ,GAAxB,OAAO;IACQ,MAAM,GAArB,MAAM;IACU,WAAW,GAA3B,OAAO;IACS,OAAO,GAAvB,OAAO;IACS,SAAS,GAAzB,OAAO;IACS,MAAM,GAAtB,OAAO;IACS,OAAO,GAAvB,OAAO;IACS,UAAU,GAA1B,OAAO;IACS,yBAAyB,GAAzC,OAAO;IACU,OAAO;IACT,UAAU;IACV,MAAM;IACN,SAAS,GAAxB,MAAM;IACS,eAAe,GAA9B,MAAM;IACkB,SAAS,GAAjC,KAAK,CAAC,SAAS;IACC,iBAAiB,GAAjC,OAAO;IACS,eAAe,GAA/B,OAAO;CACf,GAAU,KAAK,CAAC,YAAY,CAoJ9B;;IA2FD;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IAEH,+OAtBG;QAAuC,KAAK,GAApC,MAAM,GAAC,KAAK,CAAC,SAAS;QACP,YAAY,GAA3B,MAAM;QACS,MAAM;QACG,QAAQ,GAAhC,KAAK,CAAC,SAAS;QACC,MAAM,GAAtB,OAAO;QACS,UAAU,GAA1B,OAAO;QACS,OAAO,GAAvB,OAAO;QACS,aAAa,GAA7B,OAAO;QACS,YAAY,GAA5B,OAAO;QACS,SAAS,GAAzB,OAAO;QACS,OAAO,GAAvB,OAAO;QACQ,SAAS,GAAxB,MAAM;QACS,GAAG,GAAlB,MAAM;QAC2B,IAAI,GAArC,KAAK,CAAC,WAAW,MAAO;QACT,OAAO,GAAtB,MAAM;QACS,WAAW,GAA1B,MAAM;QACkB,SAAS,GAAjC,KAAK,CAAC,SAAS;QACA,UAAU;KAEjC,GAAU,KAAK,CAAC,YAAY,CA0F9B;;;;IAYD;;;;;;;;;;;;;OAaG;IACH,2EATG;QAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;QACE,OAAO;QACT,EAAE,GAAjB,MAAM;QACS,GAAG,GAAlB,MAAM;QACS,SAAS,GAAxB,MAAM;QACU,QAAQ,GAAxB,OAAO;KAEf,GAAU,KAAK,CAAC,YAAY,CAgB9B;;;;;IAGD;;gDAMC;;;;;IAGD;;;;;;;;;;;;;OAaG;IACH,kEATG;QAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;QACE,OAAO;QACT,EAAE,GAAjB,MAAM;QACS,GAAG,GAAlB,MAAM;QACS,SAAS,GAAxB,MAAM;QACU,QAAQ,GAAxB,OAAO;KAEf,GAAU,KAAK,CAAC,YAAY,CAgB9B;;;;;;kBA5lBiB,OAAO"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export default Code;
|
|
2
|
+
/**
|
|
3
|
+
* A code component that renders code blocks with consistent styling.
|
|
4
|
+
*
|
|
5
|
+
* @param {Object} props - Properties to customize the code component.
|
|
6
|
+
* @param {string} [props.className] - Additional CSS class names.
|
|
7
|
+
* @param {Function} [props.onCopy] - Function to handle copy action.
|
|
8
|
+
* @param {React.ReactNode} props.children - The code content to be displayed.
|
|
9
|
+
* @returns {JSX.Element} Rendered code block with applied styles.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* <Code>
|
|
13
|
+
* {`const example = "code";`}
|
|
14
|
+
* </Code>
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* <Code onCopy={() => {
|
|
18
|
+
* navigator.clipboard.writeText(children);
|
|
19
|
+
* }}>
|
|
20
|
+
* {`const example = "code";`}
|
|
21
|
+
* </Code>
|
|
22
|
+
*/
|
|
23
|
+
declare function Code(props?: {
|
|
24
|
+
className?: string;
|
|
25
|
+
onCopy?: Function;
|
|
26
|
+
children: React.ReactNode;
|
|
27
|
+
}): JSX.Element;
|
|
28
|
+
//# sourceMappingURL=Code.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../components/Code.js"],"names":[],"mappings":";AAeA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,8BAjBG;IAAuB,SAAS,GAAxB,MAAM;IACW,MAAM;IACA,QAAQ,EAA/B,KAAK,CAAC,SAAS;CACvB,GAAU,GAAG,CAAC,OAAO,CAmEvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Filters.d.ts","sourceRoot":"","sources":["../../../components/Filters.js"],"names":[],"mappings":";AAgDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,gCA5BG;IAOU,OAAO,EAPT,KAAK,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;KACtB,CAAC;IAKQ,cAAc,EAJhB,KAAK,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;KACtB,CAAC;IACuB,UAAU;IACX,aAAa,GAA7B,OAAO;IACS,gBAAgB,GAAhC,OAAO;IACS,MAAM,GAAtB,OAAO;IACQ,UAAU,GAAzB,MAAM;IACW,aAAa;IACb,WAAW;IACX,YAAY;IACZ,YAAY;IACd,gBAAgB,GAA/B,MAAM;IACU,iCAAiC,GAAjD,OAAO;IACS,iBAAiB,GAAjC,OAAO;IACQ,SAAS,GAAxB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,GAAC,IAAI,CA+P5B;;IA2CD;;;;;;;;;;;OAWG;IACH,sBAPG;QAAsB,KAAK,EAAnB,MAAM;QACU,OAAO,GAAvB,OAAO;QACS,QAAQ,GAAxB,OAAO;QACS,WAAW,GAA3B,OAAO;QACU,OAAO;KAChC,GAAU,GAAG,CAAC,OAAO,CA4CvB;;;;IA2BD;;;;;;;;;;OAUG;IACH,sBANG;QAAqB,IAAI;QACF,gBAAgB;QACjB,QAAQ,EAAtB,MAAM;QACU,QAAQ;KAChC,GAAU,GAAG,CAAC,OAAO,CAoKvB;;;;;IAkDD;;;;;;;;;;;;;;OAcG;IACH,qBAVG;QAAgC,IAAI,GAA5B,KAAK,CAAC,SAAS;QACC,QAAQ,GAAxB,OAAO;QACuB,OAAO,EAArC,MAAM,GAAC,KAAK,CAAC,SAAS;QACL,OAAO;QACP,QAAQ;QACD,SAAS,GAAjC,KAAK,CAAC,SAAS;QACC,WAAW,GAA3B,OAAO;QACQ,OAAO,GAAtB,MAAM;KACd,GAAU,GAAG,CAAC,OAAO,CA+DvB;IAED;;;;;;;;;;;;;;;;OAgBG;IACH,0BAZG;QAAuB,UAAU,GAAzB,MAAM;QACW,aAAa;QACb,WAAW;QACX,YAAY;QACZ,YAAY;QACd,gBAAgB,GAA/B,MAAM;QACU,OAAO,GAAvB,OAAO;QACS,iBAAiB,GAAjC,OAAO;QACS,WAAW,GAA3B,OAAO;QACQ,YAAY,GAA3B,MAAM;KACd,GAAU,GAAG,CAAC,OAAO,CAiCvB;;;;;;
|
|
1
|
+
{"version":3,"file":"Filters.d.ts","sourceRoot":"","sources":["../../../components/Filters.js"],"names":[],"mappings":";AAgDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,gCA5BG;IAOU,OAAO,EAPT,KAAK,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;KACtB,CAAC;IAKQ,cAAc,EAJhB,KAAK,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;KACtB,CAAC;IACuB,UAAU;IACX,aAAa,GAA7B,OAAO;IACS,gBAAgB,GAAhC,OAAO;IACS,MAAM,GAAtB,OAAO;IACQ,UAAU,GAAzB,MAAM;IACW,aAAa;IACb,WAAW;IACX,YAAY;IACZ,YAAY;IACd,gBAAgB,GAA/B,MAAM;IACU,iCAAiC,GAAjD,OAAO;IACS,iBAAiB,GAAjC,OAAO;IACQ,SAAS,GAAxB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,GAAC,IAAI,CA+P5B;;IA2CD;;;;;;;;;;;OAWG;IACH,sBAPG;QAAsB,KAAK,EAAnB,MAAM;QACU,OAAO,GAAvB,OAAO;QACS,QAAQ,GAAxB,OAAO;QACS,WAAW,GAA3B,OAAO;QACU,OAAO;KAChC,GAAU,GAAG,CAAC,OAAO,CA4CvB;;;;IA2BD;;;;;;;;;;OAUG;IACH,sBANG;QAAqB,IAAI;QACF,gBAAgB;QACjB,QAAQ,EAAtB,MAAM;QACU,QAAQ;KAChC,GAAU,GAAG,CAAC,OAAO,CAoKvB;;;;;IAkDD;;;;;;;;;;;;;;OAcG;IACH,qBAVG;QAAgC,IAAI,GAA5B,KAAK,CAAC,SAAS;QACC,QAAQ,GAAxB,OAAO;QACuB,OAAO,EAArC,MAAM,GAAC,KAAK,CAAC,SAAS;QACL,OAAO;QACP,QAAQ;QACD,SAAS,GAAjC,KAAK,CAAC,SAAS;QACC,WAAW,GAA3B,OAAO;QACQ,OAAO,GAAtB,MAAM;KACd,GAAU,GAAG,CAAC,OAAO,CA+DvB;IAED;;;;;;;;;;;;;;;;OAgBG;IACH,0BAZG;QAAuB,UAAU,GAAzB,MAAM;QACW,aAAa;QACb,WAAW;QACX,YAAY;QACZ,YAAY;QACd,gBAAgB,GAA/B,MAAM;QACU,OAAO,GAAvB,OAAO;QACS,iBAAiB,GAAjC,OAAO;QACS,WAAW,GAA3B,OAAO;QACQ,YAAY,GAA3B,MAAM;KACd,GAAU,GAAG,CAAC,OAAO,CAiCvB;;;;;;kBAtyBkD,OAAO"}
|
|
@@ -10,10 +10,12 @@ import React from "react";
|
|
|
10
10
|
*
|
|
11
11
|
* @param {Object} props - Component props.
|
|
12
12
|
* @param {React.ReactNode} props.children - The content to render inside the layout.
|
|
13
|
+
* @param {boolean} [props.reverseOnMobile] - If true, reverses the flex direction on mobile devices.
|
|
13
14
|
* @returns {JSX.Element} The rendered layout component.
|
|
14
15
|
*/
|
|
15
16
|
declare function Layout(props?: {
|
|
16
17
|
children: React.ReactNode;
|
|
18
|
+
reverseOnMobile?: boolean;
|
|
17
19
|
}): JSX.Element;
|
|
18
20
|
declare namespace Layout {
|
|
19
21
|
export { AnnotatedSection };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../components/Layout.js"],"names":[],"mappings":"AAQA,+CAA6C;;kBANC,OAAO;
|
|
1
|
+
{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../components/Layout.js"],"names":[],"mappings":"AAQA,+CAA6C;;kBANC,OAAO;AA2CrD;;;;;;;;;;;GAWG;AACH,gCAJG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACC,eAAe,GAA/B,OAAO;CACf,GAAU,GAAG,CAAC,OAAO,CAoDvB;;;;;AAeD;;;;;;;;;;;;GAYG;AACH,0CALG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACgB,KAAK,GAApC,MAAM,GAAC,KAAK,CAAC,SAAS;IACS,WAAW,GAA1C,MAAM,GAAC,KAAK,CAAC,SAAS;CAC9B,GAAU,GAAG,CAAC,OAAO,CAevB;;;;oBAhJmB,iBAAiB"}
|
|
@@ -7,6 +7,7 @@ export default Link;
|
|
|
7
7
|
* @param {React.ReactNode} props.children - Content to display within the link.
|
|
8
8
|
* @param {Function} [props.onClick] - Optional click event handler for the link.
|
|
9
9
|
* @param {boolean} [props.external=false] - If true, opens the link in a new tab.
|
|
10
|
+
* @param {boolean} [props.insight=false] - If true, set the color and iconColor to insight
|
|
10
11
|
* @param {string} [props.target] - Optional target attribute for specifying where to open the link.
|
|
11
12
|
* @param {string} [props.id] - Optional id attribute for the link.
|
|
12
13
|
* @param {boolean} [props.monochrome=false] - If true, applies monochrome color scheme.
|
|
@@ -15,6 +16,7 @@ export default Link;
|
|
|
15
16
|
* @param {string} [props.dataPrimaryLink] - Optional data attribute for custom tracking.
|
|
16
17
|
* @param {Function} [props.onMouseEnter] - Optional mouse enter event handler for the link.
|
|
17
18
|
* @param {Function} [props.onMouseLeave] - Optional mouse leave event handler for the link.
|
|
19
|
+
* @param {React.ReactNode} [props.icon] - Optional icon to display within the link.
|
|
18
20
|
*
|
|
19
21
|
* @returns {JSX.Element} Rendered link element.
|
|
20
22
|
*/
|
|
@@ -23,6 +25,7 @@ declare function Link(props?: {
|
|
|
23
25
|
children: React.ReactNode;
|
|
24
26
|
onClick?: Function;
|
|
25
27
|
external?: boolean;
|
|
28
|
+
insight?: boolean;
|
|
26
29
|
target?: string;
|
|
27
30
|
id?: string;
|
|
28
31
|
monochrome?: boolean;
|
|
@@ -31,6 +34,7 @@ declare function Link(props?: {
|
|
|
31
34
|
dataPrimaryLink?: string;
|
|
32
35
|
onMouseEnter?: Function;
|
|
33
36
|
onMouseLeave?: Function;
|
|
37
|
+
icon?: React.ReactNode;
|
|
34
38
|
}): JSX.Element;
|
|
35
39
|
declare namespace Link {
|
|
36
40
|
let displayName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../components/Link.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../components/Link.js"],"names":[],"mappings":";AA8CA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,8BAlBG;IAAsB,GAAG,EAAjB,MAAM;IACiB,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACE,OAAO;IACR,QAAQ,GAAxB,OAAO;IACS,OAAO,GAAvB,OAAO;IACQ,MAAM,GAArB,MAAM;IACS,EAAE,GAAjB,MAAM;IACU,UAAU,GAA1B,OAAO;IACS,eAAe,GAA/B,OAAO;IACQ,kBAAkB,GAAjC,MAAM;IACS,eAAe,GAA9B,MAAM;IACW,YAAY;IACZ,YAAY;IACL,IAAI,GAA5B,KAAK,CAAC,SAAS;CAEvB,GAAU,GAAG,CAAC,OAAO,CAwDvB"}
|
|
@@ -27,6 +27,7 @@ import React from "react";
|
|
|
27
27
|
* @param {string} [props.size="default"] - The size of the modal (default, large, or full).
|
|
28
28
|
* @param {React.ReactNode} [props.leftAccessory] - Left accessory content in the footer.
|
|
29
29
|
* @param {boolean} [props.hideCloseButton=false] - Whether to hide the close button.
|
|
30
|
+
* @param {Function} [props.backAction] - Callback function for the back button. When provided, displays a back button next to the title.
|
|
30
31
|
* @param {number} [props.zIndexOverride=1000] - The z-index of the modal.
|
|
31
32
|
* @param {boolean} [props.autoFocusFirstInput=true] - Whether to focus the first input when the modal opens.
|
|
32
33
|
* @param {string} [props.bodyClassName] - Additional CSS classes to apply to the modal body.
|
|
@@ -57,6 +58,7 @@ declare function Modal(props?: {
|
|
|
57
58
|
size?: string;
|
|
58
59
|
leftAccessory?: React.ReactNode;
|
|
59
60
|
hideCloseButton?: boolean;
|
|
61
|
+
backAction?: Function;
|
|
60
62
|
zIndexOverride?: number;
|
|
61
63
|
autoFocusFirstInput?: boolean;
|
|
62
64
|
bodyClassName?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../components/Modal.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../components/Modal.js"],"names":[],"mappings":"AAcA,kDAAiD;;kBAXkC,OAAO;AAiE1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,+BA7BG;IAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACA,KAAK,GAApB,MAAM;IACS,QAAQ,GAAvB,MAAM;IACU,IAAI,GAApB,OAAO;IACU,OAAO;IACR,SAAS,GAAzB,OAAO;IACQ,aAAa,GACpC;QAAqC,OAAO,GAApC,MAAM;QACyB,QAAQ;QACT,OAAO,GAArC,OAAO;QACuB,QAAQ,GAAtC,OAAO;QACuB,WAAW,GAAzC,OAAO;KACf;IAAuB,eAAe,GACtC;QAAuC,OAAO,GAAtC,MAAM;QAC2B,QAAQ;QACT,QAAQ,GAAxC,OAAO;KACf;IAAyB,gBAAgB,GAAjC,KAAQ;IACO,iBAAiB;IAChB,OAAO,GAAvB,OAAO;IACQ,IAAI,GAAnB,MAAM;IACkB,aAAa,GAArC,KAAK,CAAC,SAAS;IACC,eAAe,GAA/B,OAAO;IACU,UAAU;IACZ,cAAc,GAA7B,MAAM;IACU,mBAAmB,GAAnC,OAAO;IACQ,aAAa,GAA5B,MAAM;CACd,GAAU,KAAK,CAAC,WAAW,GAAC,IAAI,CA0MlC;;;;AAED;;;;;;;GAOG;AAEH,iCALG;IAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACC,KAAK,GAArB,OAAO;CACf,GAAU,GAAG,CAAC,OAAO,CA0EvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../components/Page.js"],"names":[],"mappings":";AA0FA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,8BAzBG;IAAsC,KAAK,EAAnC,MAAM,GAAC,KAAK,CAAC,SAAS;IACQ,QAAQ,EAAtC,MAAM,GAAC,KAAK,CAAC,SAAS;IACP,UAAU,GACjC;QAAoC,QAAQ;QACV,kBAAkB,GAA5C,MAAM;KACd;IAAwB,WAAW,GAA3B,OAAO;IACS,SAAS,GAAzB,OAAO;IACS,iBAAiB,GAAjC,OAAO;IACS,sBAAsB,GAAtC,OAAO;IACQ,aAAa,GACpC;QAAuC,QAAQ;QACT,OAAO,GAArC,OAAO;QACuB,QAAQ,GAAtC,OAAO;QACuB,WAAW,GAAzC,OAAO;QACsB,OAAO,GAApC,MAAM;QACgC,OAAO,GAA7C,KAAK,CAAC,SAAS;KACvB;IAAyB,gBAAgB,GAAjC,KAAQ;IACO,gBAAgB,GAA/B,MAAM;IACkB,aAAa,GAArC,KAAK,CAAC,SAAS;IACS,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACA,aAAa;IACb,SAAS,GAAxB,MAAM;CACd,GAAU,KAAK,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../components/Page.js"],"names":[],"mappings":";AA0FA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,8BAzBG;IAAsC,KAAK,EAAnC,MAAM,GAAC,KAAK,CAAC,SAAS;IACQ,QAAQ,EAAtC,MAAM,GAAC,KAAK,CAAC,SAAS;IACP,UAAU,GACjC;QAAoC,QAAQ;QACV,kBAAkB,GAA5C,MAAM;KACd;IAAwB,WAAW,GAA3B,OAAO;IACS,SAAS,GAAzB,OAAO;IACS,iBAAiB,GAAjC,OAAO;IACS,sBAAsB,GAAtC,OAAO;IACQ,aAAa,GACpC;QAAuC,QAAQ;QACT,OAAO,GAArC,OAAO;QACuB,QAAQ,GAAtC,OAAO;QACuB,WAAW,GAAzC,OAAO;QACsB,OAAO,GAApC,MAAM;QACgC,OAAO,GAA7C,KAAK,CAAC,SAAS;KACvB;IAAyB,gBAAgB,GAAjC,KAAQ;IACO,gBAAgB,GAA/B,MAAM;IACkB,aAAa,GAArC,KAAK,CAAC,SAAS;IACS,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACA,aAAa;IACb,SAAS,GAAxB,MAAM;CACd,GAAU,KAAK,CAAC,YAAY,CAwR9B;kBA5YuC,OAAO"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pane.d.ts","sourceRoot":"","sources":["../../../components/Pane.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Pane.d.ts","sourceRoot":"","sources":["../../../components/Pane.js"],"names":[],"mappings":"AAgGA,4CAA6C;;kBA5F4D,OAAO;AAqHhH,2EAwcC;;;;;;AAED,6EA6EC;AAGD,8EAKC;AAGD,6EAOC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabNavigation.d.ts","sourceRoot":"","sources":["../../../components/TabNavigation.js"],"names":[],"mappings":";AAiHA,oFAoHC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../components/TextField.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../components/TextField.js"],"names":[],"mappings":";AA4IA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AACH,mCAnDG;IAAuB,MAAM,GAArB,MAAM;IACS,MAAM,GAArB,MAAM;IACS,WAAW,GAA1B,MAAM;IACS,KAAK,GAApB,MAAM;IACS,QAAQ,GAAvB,MAAM;IACS,KAAK,GAApB,MAAM;IACS,YAAY,GAA3B,MAAM;IACS,WAAW;IACV,WAAW,GAA3B,OAAO;IACS,QAAQ,GAAxB,OAAO;IACS,WAAW,GAA3B,OAAO;IACS,QAAQ,GAAxB,OAAO;IACS,SAAS,GAAzB,OAAO;IACS,OAAO,GAAvB,OAAO;IACQ,SAAS,GAAxB,MAAM;IACU,QAAQ,GAAxB,OAAO;IACQ,SAAS,GAAxB,MAAM;IACS,KAAK,GAApB,MAAM;IACY,cAAc,GAAhC,SAAS;IACS,aAAa,GAA/B,SAAS;IACM,IAAI,GAAnB,MAAM;IACU,OAAO,GAAvB,OAAO;IACQ,IAAI,GAAnB,MAAM;IACS,EAAE,GAAjB,MAAM;IACS,IAAI,GAAnB,MAAM;IACS,IAAI,GAAnB,MAAM;IACS,SAAS,GAAxB,MAAM;IACS,YAAY,GAA3B,MAAM;IACS,GAAG,GAAlB,MAAM;IACS,SAAS,GAAxB,MAAM;IACS,GAAG,GAAlB,MAAM;IACS,SAAS,GAAxB,MAAM;IACS,OAAO,GAAtB,MAAM;IACU,UAAU,GAA1B,OAAO;IACQ,QAAQ,GAAvB,MAAM;IACS,YAAY,GAA3B,MAAM;IACU,YAAY,GAA5B,OAAO;IACQ,oBAAoB,GAAnC,MAAM;IACS,gBAAgB,GAA/B,MAAM;IAC4B,KAAK,GAAvC,CAAC,MAAM,GAAC,QAAQ,GAAC,OAAO,CAAC;IACT,iBAAiB,GAAjC,OAAO;IACS,iBAAiB,GAAjC,OAAO;IACU,kBAAkB;IAClB,QAAQ;IACR,OAAO;IACP,MAAM;IACN,SAAS;IACR,OAAO,GAAzB,SAAS;IACM,SAAS,GAAxB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAiYvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tip.d.ts","sourceRoot":"","sources":["../../../components/Tip.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Tip.d.ts","sourceRoot":"","sources":["../../../components/Tip.js"],"names":[],"mappings":";AAmFA;;;;;;;;;;;GAWG;AACH,6BARG;IAAoG,MAAM,GAAlG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS;IAClE,SAAS;IACT,OAAO;IACD,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACW,IAAI,GAA9B,KAAK,CAAC,WAAW;IACmB,KAAK,GAAzC,MAAM,GAAG,OAAO,GAAG,QAAQ;CACnC,GAAU,GAAG,CAAC,OAAO,CAsDvB;kBAnJ4D,OAAO"}
|
|
@@ -47,6 +47,7 @@ export type TooltipContentObject = {
|
|
|
47
47
|
* @param {boolean} [props.hasUnderline=false] - Whether the activator should have an underline.
|
|
48
48
|
* @param {number | boolean} [props.zIndexOverride] - Override for the z-index of the tooltip.
|
|
49
49
|
* @param {"inline" | "inline-block" | "block"} [props.display="inline-block"] - The display property of the tooltip container.
|
|
50
|
+
* @param {string} [props.className] - Additional class name for the tooltip container.
|
|
50
51
|
*
|
|
51
52
|
* @returns {React.ReactElement} The rendered Tooltip component.
|
|
52
53
|
*
|
|
@@ -79,6 +80,7 @@ declare function Tooltip(props?: {
|
|
|
79
80
|
hasUnderline?: boolean;
|
|
80
81
|
zIndexOverride?: number | boolean;
|
|
81
82
|
display?: "inline" | "inline-block" | "block";
|
|
83
|
+
className?: string;
|
|
82
84
|
}): React.ReactElement;
|
|
83
85
|
import React from "react";
|
|
84
86
|
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../components/Tooltip.js"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../components/Tooltip.js"],"names":[],"mappings":";;;;;UAmFc,WAAW,GAAG,SAAS,GAAG,MAAM;;;;aAChC,MAAM,GAAG,MAAM,EAAE;;;;;;cAKjB,MAAM;;;;aACN,kBAAkB,EAAE;;AATlC;;;;GAIG;AAEH;;;;GAIG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,iCAjCG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IAC+B,OAAO,EAArD,KAAK,CAAC,SAAS,GAAG,oBAAoB;IACtB,iBAAiB,GAAjC,OAAO;IACS,uBAAuB,GAAvC,OAAO;IACmB,iBAAiB,GAA3C,OAAO,GAAG,OAAO;IACmB,SAAS,GAA7C,QAAQ,GAAG,MAAM,GAAG,OAAO;IACZ,UAAU,GAAzB,MAAM;IACU,YAAY,GAA5B,OAAO;IACkB,cAAc,GAAvC,MAAM,GAAG,OAAO;IAC4B,OAAO,GAAnD,QAAQ,GAAG,cAAc,GAAG,OAAO;IACpB,SAAS,GAAxB,MAAM;CAEd,GAAU,KAAK,CAAC,YAAY,CA4M9B;kBA3TkD,OAAO"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ export { default as ButtonGroup } from "./components/ButtonGroup";
|
|
|
9
9
|
export { default as Card } from "./components/Card";
|
|
10
10
|
export { default as Checkbox } from "./components/Checkbox";
|
|
11
11
|
export { default as ChoiceList } from "./components/ChoiceList";
|
|
12
|
+
export { default as Code } from "./components/Code";
|
|
12
13
|
export { default as Collapsible } from "./components/Collapsible";
|
|
13
14
|
export { default as ColorField } from "./components/ColorField";
|
|
14
15
|
export { default as ContextualSaveBar } from "./components/ContextualSaveBar";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Custom hook for managing body scroll lock
|
|
3
|
+
* Uses reference counting to coordinate between multiple components (panes, modals, etc.)
|
|
4
|
+
*
|
|
5
|
+
* @param {boolean} shouldLock - Whether to lock body scrolling
|
|
6
|
+
* @example
|
|
7
|
+
* // In a component:
|
|
8
|
+
* useBodyScrollLock(open && isMobile);
|
|
9
|
+
*/
|
|
10
|
+
export function useBodyScrollLock(shouldLock: boolean): void;
|
|
11
|
+
export default useBodyScrollLock;
|
|
12
|
+
//# sourceMappingURL=useBodyScrollLock.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useBodyScrollLock.d.ts","sourceRoot":"","sources":["../../../utilities/useBodyScrollLock.js"],"names":[],"mappings":"AA+BA;;;;;;;;GAQG;AACH,8CALW,OAAO,QAwBjB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useKeyboardAction.d.ts","sourceRoot":"","sources":["../../../utilities/useKeyboardAction.js"],"names":[],"mappings":"AAmBO,8CAON"}
|