@clicoh/orion-library 1.2.0-beta.24 → 1.2.0-beta.26
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/assets/css/expresivo.css +136 -11
- package/dist/components/01-atoms/CodeBlock/CodeBlock.d.ts +19 -5
- package/dist/components/01-atoms/CodeBlock/CodeBlock.d.ts.map +1 -1
- package/dist/components/01-atoms/CodeBlock/CodeBlock.jsx +41 -9
- package/dist/components/01-atoms/CodeBlock/CodeBlock.jsx.map +1 -1
- package/dist/components/01-atoms/MultiSelect/MultiSelect.d.ts +25 -4
- package/dist/components/01-atoms/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/dist/components/01-atoms/MultiSelect/MultiSelect.jsx +39 -5
- package/dist/components/01-atoms/MultiSelect/MultiSelect.jsx.map +1 -1
- package/dist/components/01-atoms/MultiSelect/index.d.ts +1 -1
- package/dist/components/01-atoms/MultiSelect/index.d.ts.map +1 -1
- package/dist/components/01-atoms/Select/Select.d.ts +1 -1
- package/dist/components/01-atoms/Select/Select.jsx +1 -1
- package/dist/components/01-atoms/Select/SelectList.d.ts +4 -0
- package/dist/components/01-atoms/Select/SelectList.d.ts.map +1 -1
- package/dist/components/01-atoms/Select/SelectList.jsx +8 -2
- package/dist/components/01-atoms/Select/SelectList.jsx.map +1 -1
- package/dist/components/02-molecules/Accordion/AccordionSection.d.ts +17 -1
- package/dist/components/02-molecules/Accordion/AccordionSection.d.ts.map +1 -1
- package/dist/components/02-molecules/Accordion/AccordionSection.jsx +46 -5
- package/dist/components/02-molecules/Accordion/AccordionSection.jsx.map +1 -1
- package/dist/components/02-molecules/DatePicker/DatePicker.d.ts +14 -1
- package/dist/components/02-molecules/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/02-molecules/DatePicker/DatePicker.jsx +18 -5
- package/dist/components/02-molecules/DatePicker/DatePicker.jsx.map +1 -1
- package/dist/components/02-molecules/ImageViewer/ImageViewer.d.ts +45 -4
- package/dist/components/02-molecules/ImageViewer/ImageViewer.d.ts.map +1 -1
- package/dist/components/02-molecules/ImageViewer/ImageViewer.jsx +106 -52
- package/dist/components/02-molecules/ImageViewer/ImageViewer.jsx.map +1 -1
- package/dist/components/02-molecules/ImageViewer/ImageViewerDocument.d.ts +16 -5
- package/dist/components/02-molecules/ImageViewer/ImageViewerDocument.d.ts.map +1 -1
- package/dist/components/02-molecules/ImageViewer/ImageViewerDocument.jsx +30 -13
- package/dist/components/02-molecules/ImageViewer/ImageViewerDocument.jsx.map +1 -1
- package/dist/components/02-molecules/Table/Table.d.ts +28 -1
- package/dist/components/02-molecules/Table/Table.d.ts.map +1 -1
- package/dist/components/02-molecules/Table/Table.jsx +119 -64
- package/dist/components/02-molecules/Table/Table.jsx.map +1 -1
- package/dist/components/02-molecules/Table/index.d.ts +1 -1
- package/dist/components/02-molecules/Table/index.d.ts.map +1 -1
- package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.d.ts +3 -1
- package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.d.ts.map +1 -1
- package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.jsx +7 -3
- package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.jsx.map +1 -1
- package/dist/components/04-templates/LoginTemplate/LoginForm.d.ts +5 -2
- package/dist/components/04-templates/LoginTemplate/LoginForm.d.ts.map +1 -1
- package/dist/components/04-templates/LoginTemplate/LoginForm.jsx +3 -2
- package/dist/components/04-templates/LoginTemplate/LoginForm.jsx.map +1 -1
- package/expresivo/ExpCollapseToggle/ExpCollapseToggle.d.ts +6 -2
- package/expresivo/ExpCollapseToggle/ExpCollapseToggle.d.ts.map +1 -1
- package/expresivo/ExpCollapseToggle/ExpCollapseToggle.jsx +5 -3
- package/expresivo/ExpCollapseToggle/ExpCollapseToggle.jsx.map +1 -1
- package/expresivo/ExpLadder/ExpLadder.d.ts +2 -1
- package/expresivo/ExpLadder/ExpLadder.d.ts.map +1 -1
- package/expresivo/ExpLadder/ExpLadder.jsx +7 -4
- package/expresivo/ExpLadder/ExpLadder.jsx.map +1 -1
- package/expresivo/ExpMascot/ExpMascot.d.ts +6 -2
- package/expresivo/ExpMascot/ExpMascot.d.ts.map +1 -1
- package/expresivo/ExpMascot/ExpMascot.jsx +6 -3
- package/expresivo/ExpMascot/ExpMascot.jsx.map +1 -1
- package/expresivo/ExpPageHero/ExpPageHero.d.ts +21 -5
- package/expresivo/ExpPageHero/ExpPageHero.d.ts.map +1 -1
- package/expresivo/ExpPageHero/ExpPageHero.jsx +28 -8
- package/expresivo/ExpPageHero/ExpPageHero.jsx.map +1 -1
- package/expresivo/ExpPageHero/index.d.ts +1 -1
- package/expresivo/ExpPageHero/index.d.ts.map +1 -1
- package/expresivo/ExpPillButton/ExpPillButton.d.ts +8 -4
- package/expresivo/ExpPillButton/ExpPillButton.d.ts.map +1 -1
- package/expresivo/ExpPillButton/ExpPillButton.jsx +42 -12
- package/expresivo/ExpPillButton/ExpPillButton.jsx.map +1 -1
- package/expresivo/ExpPillButton/index.d.ts +1 -1
- package/expresivo/ExpPillButton/index.d.ts.map +1 -1
- package/expresivo/ExpTabs/ExpTabs.d.ts +52 -0
- package/expresivo/ExpTabs/ExpTabs.d.ts.map +1 -0
- package/expresivo/ExpTabs/ExpTabs.jsx +105 -0
- package/expresivo/ExpTabs/ExpTabs.jsx.map +1 -0
- package/expresivo/ExpTabs/index.d.ts +3 -0
- package/expresivo/ExpTabs/index.d.ts.map +1 -0
- package/expresivo/ExpTabs/index.js +2 -0
- package/expresivo/ExpTabs/index.js.map +1 -0
- package/expresivo/index.d.ts +1 -0
- package/expresivo/index.d.ts.map +1 -1
- package/expresivo/index.js +1 -0
- package/expresivo/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
-
import { useState, } from 'react';
|
|
3
|
+
import { useId, useState, } from 'react';
|
|
4
|
+
import { FiChevronDown } from 'react-icons/fi';
|
|
4
5
|
import { Each, Show } from '../../00-base';
|
|
5
|
-
import { Checkbox, Tooltip } from '../../01-atoms';
|
|
6
|
+
import { Checkbox, IconButton, Tooltip } from '../../01-atoms';
|
|
6
7
|
import { Dropdown } from '../Dropdown/Dropdown';
|
|
7
8
|
import { TableEmpty } from './TableEmpty';
|
|
8
9
|
import { TableSkeleton } from './TableSkeleton';
|
|
@@ -33,6 +34,20 @@ import { getIndex, renderTableCellContent } from './utils';
|
|
|
33
34
|
* numberOfRows={10}
|
|
34
35
|
* />
|
|
35
36
|
*
|
|
37
|
+
* @example
|
|
38
|
+
* // Rows that open a detail under themselves
|
|
39
|
+
* <Table
|
|
40
|
+
* headers={[{ key: 'name', title: 'Name' }]}
|
|
41
|
+
* id="id"
|
|
42
|
+
* data={rows}
|
|
43
|
+
* rowDetail={{
|
|
44
|
+
* render: (item) => <Details id={item.id} />,
|
|
45
|
+
* openIds: open,
|
|
46
|
+
* onToggle: (item) => toggle(item.id),
|
|
47
|
+
* toggleLabel: (item) => `Details of ${item.name}`,
|
|
48
|
+
* }}
|
|
49
|
+
* />
|
|
50
|
+
*
|
|
36
51
|
* @param {Object} props - The properties for the Table component.
|
|
37
52
|
* @param {Array<{ key: string, title: string | ReactNode }>} props.headers - The headers of the table.
|
|
38
53
|
* @param {string} props.id - The unique identifier for each row.
|
|
@@ -47,11 +62,13 @@ import { getIndex, renderTableCellContent } from './utils';
|
|
|
47
62
|
* @param {boolean} [props.loading=false] - Whether the table is in a loading state.
|
|
48
63
|
* @param {number} [props.numberOfRows=10] - The number of rows to display when loading.
|
|
49
64
|
* @param {ReactNode} [props.empty=<TableEmpty />] - Content shown when `data` is empty.
|
|
65
|
+
* @param {TableRowDetail} [props.rowDetail] - Content each row opens under itself, across every column. Adds a chevron toggle at the end of the row; a click on the row toggles it too, instead of calling `action`.
|
|
50
66
|
* @param {Object} restProps - Additional properties for the container div.
|
|
51
67
|
*
|
|
52
68
|
* @returns {ReactNode} The rendered Table component.
|
|
53
69
|
*/
|
|
54
|
-
export function Table({ headers, id, data, action, actions, selectable = false, multiple = true, currentSelection, setCurrentSelection, tableProps, loading = false, numberOfRows = 10, footer, empty, tableName, selectAllLabel, getRowSelectionLabel, getRowActionLabel, ...restProps }) {
|
|
70
|
+
export function Table({ headers, id, data, action, actions, selectable = false, multiple = true, currentSelection, setCurrentSelection, tableProps, loading = false, numberOfRows = 10, footer, empty, tableName, selectAllLabel, getRowSelectionLabel, getRowActionLabel, rowDetail, ...restProps }) {
|
|
71
|
+
const detailId = useId();
|
|
55
72
|
const [selected, setSelected] = useState(multiple ? currentSelection ?? {} : currentSelection);
|
|
56
73
|
const [previousSelection, setPreviousSelection] = useState(currentSelection);
|
|
57
74
|
// A new `currentSelection` overrides the rows the user picked in between.
|
|
@@ -67,6 +84,10 @@ export function Table({ headers, id, data, action, actions, selectable = false,
|
|
|
67
84
|
handlerSelect(item);
|
|
68
85
|
return;
|
|
69
86
|
}
|
|
87
|
+
if (rowDetail) {
|
|
88
|
+
rowDetail.onToggle(item);
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
70
91
|
action?.(item);
|
|
71
92
|
};
|
|
72
93
|
const shouldIgnoreRowAction = (target) => {
|
|
@@ -147,6 +168,76 @@ export function Table({ headers, id, data, action, actions, selectable = false,
|
|
|
147
168
|
return newSelected;
|
|
148
169
|
});
|
|
149
170
|
};
|
|
171
|
+
const renderRow = (item) => {
|
|
172
|
+
const index = getIndex(item[id]);
|
|
173
|
+
const isSelected = selected
|
|
174
|
+
? multiple
|
|
175
|
+
? !!selected[index]
|
|
176
|
+
: getIndex(selected[id]) === index
|
|
177
|
+
: false;
|
|
178
|
+
const isOpen = !!rowDetail?.openIds.some((openId) => getIndex(openId) === index);
|
|
179
|
+
const isFocusable = !rowDetail && (!!action || (selectable && !multiple));
|
|
180
|
+
return (<tr key={index} data-orion-part="table-row" data-selected={isSelected || undefined} data-expanded={isOpen || undefined} className={clsx('border-gray-5 dark:border-gray-1 border-b transition-colors', !isSelected
|
|
181
|
+
? 'hover:bg-gray-5 dark:hover:bg-black-1'
|
|
182
|
+
: 'bg-gray-4 dark:bg-gray-1', isFocusable &&
|
|
183
|
+
'focus-visible:outline-lavender focus-visible:outline-2 focus-visible:outline-offset-[-2px]', (isFocusable || !!rowDetail) && 'cursor-pointer')} onClick={(event) => handlerClick(event, item)} onKeyDown={(event) => handlerKeyDown(event, item)} tabIndex={isFocusable ? 0 : undefined} aria-label={getRowActionLabel?.(item)}>
|
|
184
|
+
{!!selectable && !!multiple && (<td className="px-4 py-3">
|
|
185
|
+
<Checkbox label={{ className: 'hidden' }} checkbox={{
|
|
186
|
+
checked: isSelected,
|
|
187
|
+
onChange: () => handlerSelect(item),
|
|
188
|
+
'aria-label': getRowSelectionLabel?.(item),
|
|
189
|
+
}}/>
|
|
190
|
+
</td>)}
|
|
191
|
+
<Each of={headers} render={({ key }) => (<td key={key} className="p-4">
|
|
192
|
+
{renderTableCellContent(item[key])}
|
|
193
|
+
</td>)}/>
|
|
194
|
+
{!!actions && (<td className="p-4">
|
|
195
|
+
<div className="flex cursor-pointer justify-end gap-2">
|
|
196
|
+
<Each of={actions(item)} render={({ children, dropdown, tooltip, ...restProps }, index) => {
|
|
197
|
+
return (<Show key={index}>
|
|
198
|
+
<Show.When isTrue={dropdown !== undefined}>
|
|
199
|
+
<Dropdown actions={dropdown?.actions} className="top-full -left-[120px]">
|
|
200
|
+
<div className={buttonClass}>
|
|
201
|
+
{dropdown?.children}
|
|
202
|
+
</div>
|
|
203
|
+
</Dropdown>
|
|
204
|
+
</Show.When>
|
|
205
|
+
<Show.When isTrue={Boolean(tooltip)}>
|
|
206
|
+
<Tooltip message={tooltip} placement="top">
|
|
207
|
+
<button {...restProps} className={buttonClass}>
|
|
208
|
+
{children}
|
|
209
|
+
</button>
|
|
210
|
+
</Tooltip>
|
|
211
|
+
</Show.When>
|
|
212
|
+
<Show.Else>
|
|
213
|
+
<button {...restProps} className={buttonClass}>
|
|
214
|
+
{children}
|
|
215
|
+
</button>
|
|
216
|
+
</Show.Else>
|
|
217
|
+
</Show>);
|
|
218
|
+
}}/>
|
|
219
|
+
</div>
|
|
220
|
+
</td>)}
|
|
221
|
+
{!!rowDetail && (<td className="w-px py-2 pr-4 pl-0">
|
|
222
|
+
<IconButton icon={<FiChevronDown className={clsx('transition-transform duration-300 motion-reduce:transition-none', isOpen && 'rotate-180')}/>} label={rowDetail.toggleLabel(item)} tooltipPlacement="left" aria-expanded={isOpen} aria-controls={isOpen ? `${detailId}-${index}` : undefined} onClick={() => rowDetail.onToggle(item)}/>
|
|
223
|
+
</td>)}
|
|
224
|
+
</tr>);
|
|
225
|
+
};
|
|
226
|
+
const columnCount = headers.length +
|
|
227
|
+
(selectable && multiple ? 1 : 0) +
|
|
228
|
+
(actions ? 1 : 0) +
|
|
229
|
+
(rowDetail ? 1 : 0);
|
|
230
|
+
const renderDetail = (item) => {
|
|
231
|
+
const index = getIndex(item[id]);
|
|
232
|
+
if (!rowDetail?.openIds.some((openId) => getIndex(openId) === index)) {
|
|
233
|
+
return null;
|
|
234
|
+
}
|
|
235
|
+
return (<tr data-orion-part="table-detail" className="border-gray-5 bg-gray-7 dark:border-gray-1 dark:bg-black-1 border-b">
|
|
236
|
+
<td id={`${detailId}-${index}`} colSpan={columnCount} className="p-4">
|
|
237
|
+
{rowDetail.render(item)}
|
|
238
|
+
</td>
|
|
239
|
+
</tr>);
|
|
240
|
+
};
|
|
150
241
|
return (<div {...restProps} className={clsx('overflow-x-auto', restProps.className)}>
|
|
151
242
|
<table {...tableProps} data-orion-part="table" aria-label={tableName ?? tableProps?.['aria-label']} className={clsx('w-full min-w-full text-left dark:text-white', tableProps?.className)}>
|
|
152
243
|
<thead>
|
|
@@ -164,69 +255,33 @@ export function Table({ headers, id, data, action, actions, selectable = false,
|
|
|
164
255
|
{/* La columna de acciones no tiene titulo, pero necesita su celda
|
|
165
256
|
para que la cabecera y el cuerpo tengan la misma cantidad. */}
|
|
166
257
|
{!!actions && <th className="px-4 py-3"/>}
|
|
258
|
+
{!!rowDetail && <th className="w-px px-4 py-3"/>}
|
|
167
259
|
</tr>
|
|
168
260
|
</thead>
|
|
169
|
-
{!!data.length && (<
|
|
170
|
-
<Show>
|
|
171
|
-
<
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
<Each of={headers} render={({ key }) => (<td key={key} className="p-4">
|
|
194
|
-
{renderTableCellContent(item[key])}
|
|
195
|
-
</td>)}/>
|
|
196
|
-
{!!actions && (<td className="p-4">
|
|
197
|
-
<div className="flex cursor-pointer justify-end gap-2">
|
|
198
|
-
<Each of={actions(item)} render={({ children, dropdown, tooltip, ...restProps }, index) => {
|
|
199
|
-
return (<Show key={index}>
|
|
200
|
-
<Show.When isTrue={dropdown !== undefined}>
|
|
201
|
-
<Dropdown actions={dropdown?.actions} className="top-full -left-[120px]">
|
|
202
|
-
<div className={buttonClass}>
|
|
203
|
-
{dropdown
|
|
204
|
-
?.children}
|
|
205
|
-
</div>
|
|
206
|
-
</Dropdown>
|
|
207
|
-
</Show.When>
|
|
208
|
-
<Show.When isTrue={Boolean(tooltip)}>
|
|
209
|
-
<Tooltip message={tooltip} placement="top">
|
|
210
|
-
<button {...restProps} className={buttonClass}>
|
|
211
|
-
{children}
|
|
212
|
-
</button>
|
|
213
|
-
</Tooltip>
|
|
214
|
-
</Show.When>
|
|
215
|
-
<Show.Else>
|
|
216
|
-
<button {...restProps} className={buttonClass}>
|
|
217
|
-
{children}
|
|
218
|
-
</button>
|
|
219
|
-
</Show.Else>
|
|
220
|
-
</Show>);
|
|
221
|
-
}}/>
|
|
222
|
-
</div>
|
|
223
|
-
</td>)}
|
|
224
|
-
</tr>);
|
|
225
|
-
}}/>
|
|
226
|
-
{!!footer && (<tr className="bg-gray-6 dark:bg-black-1">{footer}</tr>)}
|
|
227
|
-
</Show.Else>
|
|
228
|
-
</Show>
|
|
229
|
-
</tbody>)}
|
|
261
|
+
{!!data.length && (<Show>
|
|
262
|
+
<Show.When isTrue={!loading && !!rowDetail}>
|
|
263
|
+
<Each of={data} render={(item) => (<tbody key={getIndex(item[id])} data-orion-part="table-group">
|
|
264
|
+
{renderRow(item)}
|
|
265
|
+
{renderDetail(item)}
|
|
266
|
+
</tbody>)}/>
|
|
267
|
+
{!!footer && (<tbody>
|
|
268
|
+
<tr className="bg-gray-6 dark:bg-black-1">{footer}</tr>
|
|
269
|
+
</tbody>)}
|
|
270
|
+
</Show.When>
|
|
271
|
+
<Show.Else>
|
|
272
|
+
<tbody>
|
|
273
|
+
<Show>
|
|
274
|
+
<Show.When isTrue={loading}>
|
|
275
|
+
<TableSkeleton numberOfRows={numberOfRows} numberOfColumns={headers.length}/>
|
|
276
|
+
</Show.When>
|
|
277
|
+
<Show.Else>
|
|
278
|
+
<Each of={data} render={renderRow}/>
|
|
279
|
+
{!!footer && (<tr className="bg-gray-6 dark:bg-black-1">{footer}</tr>)}
|
|
280
|
+
</Show.Else>
|
|
281
|
+
</Show>
|
|
282
|
+
</tbody>
|
|
283
|
+
</Show.Else>
|
|
284
|
+
</Show>)}
|
|
230
285
|
</table>
|
|
231
286
|
{!data.length && (empty ?? <TableEmpty />)}
|
|
232
287
|
</div>);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Table/Table.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Table.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { Table } from './Table';
|
|
2
2
|
export { getItemValue } from './utils';
|
|
3
|
-
export type { TableItem, TableActions, TableItemSelection } from './Table';
|
|
3
|
+
export type { TableItem, TableActions, TableItemSelection, TableRowDetail, } from './Table';
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,YAAY,EACV,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,cAAc,GACf,MAAM,SAAS,CAAC"}
|
|
@@ -10,6 +10,7 @@ type DashboardTemplateProps = {
|
|
|
10
10
|
readonly titleDescription?: ReactNode;
|
|
11
11
|
readonly titleChildren?: ReactNode;
|
|
12
12
|
readonly heading?: ReactNode;
|
|
13
|
+
readonly stickyHeader?: boolean;
|
|
13
14
|
readonly children: ReactNode;
|
|
14
15
|
readonly breadcrumbLoadingLabel?: string;
|
|
15
16
|
readonly headingLoadingLabel?: string;
|
|
@@ -59,10 +60,11 @@ type DashboardTemplateProps = {
|
|
|
59
60
|
* @param {ReactNode} [props.titleDescription] - Content under the title, inside the title band.
|
|
60
61
|
* @param {ReactNode} [props.titleChildren] - Content at the right of the title; it moves under the title on small screens.
|
|
61
62
|
* @param {ReactNode} [props.heading] - Replaces the title row under the breadcrumb. With it, `headingTitles`, `headingLevel`, `titleAdornment`, `titleDescription` and `titleChildren` are ignored; the breadcrumb still uses `pageTitles`.
|
|
63
|
+
* @param {boolean} [props.stickyHeader=false] - Keeps the header and the rule under it at the top of the window while the page scrolls, on the page background and under overlays (`z-40`). Content that scrolls to an element (anchors, `focus()`) needs a `scroll-padding-top` the height of the header.
|
|
62
64
|
* @param {ReactNode} props.children - The main content to be rendered within the dashboard.
|
|
63
65
|
*
|
|
64
66
|
* @returns {ReactNode} The rendered DashboardTemplate component.
|
|
65
67
|
*/
|
|
66
|
-
export declare function DashboardTemplate({ headerProps, pageTitles, headingTitles, headingLevel, titleAdornment, titleDescription, titleChildren, heading, children, breadcrumbLoadingLabel, headingLoadingLabel, }: DashboardTemplateProps): ReactNode;
|
|
68
|
+
export declare function DashboardTemplate({ headerProps, pageTitles, headingTitles, headingLevel, titleAdornment, titleDescription, titleChildren, heading, stickyHeader, children, breadcrumbLoadingLabel, headingLoadingLabel, }: DashboardTemplateProps): ReactNode;
|
|
67
69
|
export {};
|
|
68
70
|
//# sourceMappingURL=DashboardTemplate.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/DashboardTemplate.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DashboardTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/DashboardTemplate.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAU,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAoB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAG7E,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChD,QAAQ,CAAC,YAAY,CAAC,EAAE,qBAAqB,CAAC;IAC9C,QAAQ,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACpC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IACtC,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC;IACnC,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IACzC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;CACvC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,YAAoB,EACpB,QAAQ,EACR,sBAAsB,EACtB,mBAAmB,GACpB,EAAE,sBAAsB,GAAG,SAAS,CAyDpC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import clsx from 'clsx';
|
|
1
2
|
import { Suspense } from 'react';
|
|
2
3
|
import { Container } from '../../02-molecules';
|
|
3
4
|
import { BreadcrumbSkeleton } from '../../02-molecules/Breadcrumb/BreadcrumbSkeleton';
|
|
@@ -50,14 +51,17 @@ import { HeadingWithTitleSkeleton } from './HeadingWithTitleSkeleton';
|
|
|
50
51
|
* @param {ReactNode} [props.titleDescription] - Content under the title, inside the title band.
|
|
51
52
|
* @param {ReactNode} [props.titleChildren] - Content at the right of the title; it moves under the title on small screens.
|
|
52
53
|
* @param {ReactNode} [props.heading] - Replaces the title row under the breadcrumb. With it, `headingTitles`, `headingLevel`, `titleAdornment`, `titleDescription` and `titleChildren` are ignored; the breadcrumb still uses `pageTitles`.
|
|
54
|
+
* @param {boolean} [props.stickyHeader=false] - Keeps the header and the rule under it at the top of the window while the page scrolls, on the page background and under overlays (`z-40`). Content that scrolls to an element (anchors, `focus()`) needs a `scroll-padding-top` the height of the header.
|
|
53
55
|
* @param {ReactNode} props.children - The main content to be rendered within the dashboard.
|
|
54
56
|
*
|
|
55
57
|
* @returns {ReactNode} The rendered DashboardTemplate component.
|
|
56
58
|
*/
|
|
57
|
-
export function DashboardTemplate({ headerProps, pageTitles, headingTitles, headingLevel, titleAdornment, titleDescription, titleChildren, heading, children, breadcrumbLoadingLabel, headingLoadingLabel, }) {
|
|
59
|
+
export function DashboardTemplate({ headerProps, pageTitles, headingTitles, headingLevel, titleAdornment, titleDescription, titleChildren, heading, stickyHeader = false, children, breadcrumbLoadingLabel, headingLoadingLabel, }) {
|
|
58
60
|
return (<>
|
|
59
|
-
<
|
|
60
|
-
|
|
61
|
+
<div className={clsx(stickyHeader && 'sticky top-0 z-40 bg-(--body-bg-color)')}>
|
|
62
|
+
<Header {...headerProps}/>
|
|
63
|
+
<hr className="border-gray-5 dark:border-gray-dark-1"/>
|
|
64
|
+
</div>
|
|
61
65
|
<Container className="grid gap-2 py-4">
|
|
62
66
|
<Suspense fallback={<BreadcrumbSkeleton loadingLabel={breadcrumbLoadingLabel}/>}>
|
|
63
67
|
<BreadcrumbWithPathname homeHref={headerProps.homeHref} pageTitles={pageTitles}/>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardTemplate.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/DashboardTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AACtF,OAAO,EAAE,MAAM,EAAe,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAyB,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"DashboardTemplate.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/DashboardTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AACtF,OAAO,EAAE,MAAM,EAAe,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAyB,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAiBtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,WAAW,EACX,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,sBAAsB,EACtB,mBAAmB,GACI;IACvB,OAAO,CACL,EACE;MAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,IAAI,CACb,YAAY,IAAI,wCAAwC,CACzD,CAAC,CAEF;QAAA,CAAC,MAAM,CAAC,IAAI,WAAW,CAAC,EACxB;QAAA,CAAC,EAAE,CAAC,SAAS,CAAC,uCAAuC,EACvD;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,iBAAiB,CACpC;QAAA,CAAC,QAAQ,CACP,QAAQ,CAAC,CACP,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,sBAAsB,CAAC,EAC3D,CAAC,CAED;UAAA,CAAC,sBAAsB,CACrB,QAAQ,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAC/B,UAAU,CAAC,CAAC,UAAU,CAAC,EAE3B;QAAA,EAAE,QAAQ,CACV;QAAA,CAAC,OAAO,IAAI,CACV,CAAC,GAAG,CAAC,SAAS,CAAC,gEAAgE,CAC7E;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,6BAA6B,CAC1C;cAAA,CAAC,GAAG,CAAC,SAAS,CAAC,qDAAqD,CAClE;gBAAA,CAAC,QAAQ,CACP,QAAQ,CAAC,CACP,CAAC,wBAAwB,CACvB,YAAY,CAAC,CAAC,mBAAmB,CAAC,EAEtC,CAAC,CAED;kBAAA,CAAC,gBAAgB,CACf,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,KAAK,CAAC,CAAC,YAAY,CAAC,EAExB;gBAAA,EAAE,QAAQ,CACV;gBAAA,CAAC,cAAc,CACjB;cAAA,EAAE,GAAG,CACL;cAAA,CAAC,CAAC,CAAC,gBAAgB,IAAI,CACrB,CAAC,GAAG,CAAC,SAAS,CAAC,sCAAsC,CACnD;kBAAA,CAAC,gBAAgB,CACnB;gBAAA,EAAE,GAAG,CAAC,CACP,CACH;YAAA,EAAE,GAAG,CACL;YAAA,CAAC,aAAa,CAChB;UAAA,EAAE,GAAG,CAAC,CACP,CACH;MAAA,EAAE,SAAS,CACX;MAAA,CAAC,EAAE,CAAC,SAAS,CAAC,uCAAuC,EACrD;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CACnC;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,SAAS,CACb;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import { ComponentProps, ReactNode } from 'react';
|
|
2
|
+
import { Button } from '../../01-atoms';
|
|
2
3
|
import { type SetupMfaAccessibilityLabels } from './SetupMfa';
|
|
3
4
|
/** Copy of the form. Each one falls back to the original Spanish text. */
|
|
4
5
|
export type LoginFormLabels = {
|
|
@@ -40,6 +41,7 @@ type LoginFormProps = {
|
|
|
40
41
|
showSpinner?: boolean;
|
|
41
42
|
codeLayout?: LoginFormCodeLayout;
|
|
42
43
|
onBack?: () => void;
|
|
44
|
+
backModifier?: ComponentProps<typeof Button>['modifier'];
|
|
43
45
|
};
|
|
44
46
|
/**
|
|
45
47
|
* LoginForm component for rendering a login form with email and password
|
|
@@ -92,9 +94,10 @@ type LoginFormProps = {
|
|
|
92
94
|
* @param {boolean} [props.showSpinner=true] - Shows a spinner under the form while `login` runs. Turn it off when `renderSubmit` already shows the wait.
|
|
93
95
|
* @param {'replace' | 'below'} [props.codeLayout='replace'] - `replace` swaps the email and password for the code step; `below` keeps them on screen, read-only, with the code under them, and leaves them read-only instead of disabled while `login` runs. With `below` the browser only takes the sign-in as done when the code is accepted, not when the code step shows up.
|
|
94
96
|
* @param {Function} [props.onBack] - Called when the user leaves the code step or the MFA setup to edit the email and password.
|
|
97
|
+
* @param {'principal' | 'second' | 'text' | 'action'} [props.backModifier='principal'] - `Button` modifier of the back button on the code step, for when it should not weigh as much as the submit button.
|
|
95
98
|
*
|
|
96
99
|
* @returns {ReactNode} The rendered LoginForm component.
|
|
97
100
|
*/
|
|
98
|
-
export declare function LoginForm({ login, callback, needCode, lengthCode, setupMfa, showPasswordAriaLabel, hidePasswordAriaLabel, getOtpDigitAriaLabel, loadingLabel, setupMfaAccessibilityLabels, title, description, labels, forgotPassword, footer, renderSubmit, errorStyle, toastErrors, showSpinner, codeLayout, onBack, }: LoginFormProps): ReactNode;
|
|
101
|
+
export declare function LoginForm({ login, callback, needCode, lengthCode, setupMfa, showPasswordAriaLabel, hidePasswordAriaLabel, getOtpDigitAriaLabel, loadingLabel, setupMfaAccessibilityLabels, title, description, labels, forgotPassword, footer, renderSubmit, errorStyle, toastErrors, showSpinner, codeLayout, onBack, backModifier, }: LoginFormProps): ReactNode;
|
|
99
102
|
export {};
|
|
100
103
|
//# sourceMappingURL=LoginForm.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/LoginTemplate/LoginForm.tsx"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/LoginTemplate/LoginForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,cAAc,EAEd,SAAS,EAIV,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,MAAM,EAOP,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAY,KAAK,2BAA2B,EAAE,MAAM,YAAY,CAAC;AAGxE,0EAA0E;AAC1E,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,kEAAkE;AAClE,MAAM,MAAM,oBAAoB,GAAG;IACjC,iCAAiC;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,SAAS,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,OAAO,CAAC;AAEtD,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC3D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,SAAS,CAAC,CAAC;IACzE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,SAAS,CAAC;IAC1D,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;CAC1D,CAAC;AAaF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,UAAc,EACd,QAAQ,EACR,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,YAAY,EACZ,2BAA2B,EAC3B,KAAqB,EACrB,WAAW,EACX,MAAM,EACN,cAAc,EACd,MAAM,EACN,YAAY,EACZ,UAAmB,EACnB,WAAkB,EAClB,WAAkB,EAClB,UAAsB,EACtB,MAAM,EACN,YAA0B,GAC3B,EAAE,cAAc,GAAG,SAAS,CA8L5B"}
|
|
@@ -65,10 +65,11 @@ const DEFAULT_LABELS = {
|
|
|
65
65
|
* @param {boolean} [props.showSpinner=true] - Shows a spinner under the form while `login` runs. Turn it off when `renderSubmit` already shows the wait.
|
|
66
66
|
* @param {'replace' | 'below'} [props.codeLayout='replace'] - `replace` swaps the email and password for the code step; `below` keeps them on screen, read-only, with the code under them, and leaves them read-only instead of disabled while `login` runs. With `below` the browser only takes the sign-in as done when the code is accepted, not when the code step shows up.
|
|
67
67
|
* @param {Function} [props.onBack] - Called when the user leaves the code step or the MFA setup to edit the email and password.
|
|
68
|
+
* @param {'principal' | 'second' | 'text' | 'action'} [props.backModifier='principal'] - `Button` modifier of the back button on the code step, for when it should not weigh as much as the submit button.
|
|
68
69
|
*
|
|
69
70
|
* @returns {ReactNode} The rendered LoginForm component.
|
|
70
71
|
*/
|
|
71
|
-
export function LoginForm({ login, callback, needCode = false, lengthCode = 6, setupMfa, showPasswordAriaLabel, hidePasswordAriaLabel, getOtpDigitAriaLabel, loadingLabel, setupMfaAccessibilityLabels, title = 'Bienvenido!', description, labels, forgotPassword, footer, renderSubmit, errorStyle = 'text', toastErrors = true, showSpinner = true, codeLayout = 'replace', onBack, }) {
|
|
72
|
+
export function LoginForm({ login, callback, needCode = false, lengthCode = 6, setupMfa, showPasswordAriaLabel, hidePasswordAriaLabel, getOtpDigitAriaLabel, loadingLabel, setupMfaAccessibilityLabels, title = 'Bienvenido!', description, labels, forgotPassword, footer, renderSubmit, errorStyle = 'text', toastErrors = true, showSpinner = true, codeLayout = 'replace', onBack, backModifier = 'principal', }) {
|
|
72
73
|
const [errorMessage, setErrorMessage] = useState();
|
|
73
74
|
const [otpCode, setOtpCode] = useState('');
|
|
74
75
|
const [isPending, setIsPending] = useState(false);
|
|
@@ -170,7 +171,7 @@ export function LoginForm({ login, callback, needCode = false, lengthCode = 6, s
|
|
|
170
171
|
{!!showLogin && forgotPassword}
|
|
171
172
|
|
|
172
173
|
{submit}
|
|
173
|
-
{!showLogin && (<Button className="w-56" type="button" onClick={onCancel}>
|
|
174
|
+
{!showLogin && (<Button modifier={backModifier} className="w-56" type="button" onClick={onCancel}>
|
|
174
175
|
{copy.back}
|
|
175
176
|
</Button>)}
|
|
176
177
|
{errorStyle === 'text' && !!errorMessage && (<Paragraph role="alert" className="text-error dark:text-error-1 text-center" size="chips">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginForm.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/LoginTemplate/LoginForm.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,
|
|
1
|
+
{"version":3,"file":"LoginForm.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/LoginTemplate/LoginForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,11 +6,14 @@ export type ExpCollapseToggleProps = {
|
|
|
6
6
|
expandLabel: string;
|
|
7
7
|
/** Accessible name while expanded, such as "Collapse header". */
|
|
8
8
|
collapseLabel: string;
|
|
9
|
+
/** Pulses a ring around it while expanded. Turn it off where many toggles share a page. */
|
|
10
|
+
pulse?: boolean;
|
|
9
11
|
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onClick' | 'aria-label' | 'aria-expanded'>;
|
|
10
12
|
/**
|
|
11
13
|
* Round corner button that collapses or expands a section, such as a page
|
|
12
14
|
* header. While the section is expanded, a lavender ring pulses around it to
|
|
13
|
-
* invite the user to tuck it away; the chevron flips when collapsed.
|
|
15
|
+
* invite the user to tuck it away; the chevron flips when collapsed. With
|
|
16
|
+
* `pulse={false}` there is no ring, for pages with many collapsible panels.
|
|
14
17
|
*
|
|
15
18
|
* Pass `aria-controls` with the id of the section it toggles. Outside an
|
|
16
19
|
* `ExpScope` it falls back to the core `IconButton` with a chevron.
|
|
@@ -30,8 +33,9 @@ export type ExpCollapseToggleProps = {
|
|
|
30
33
|
* @param {() => void} props.onToggle - Called on click.
|
|
31
34
|
* @param {string} props.expandLabel - Accessible name while collapsed.
|
|
32
35
|
* @param {string} props.collapseLabel - Accessible name while expanded.
|
|
36
|
+
* @param {boolean} [props.pulse=true] - Pulses the ring while expanded.
|
|
33
37
|
*
|
|
34
38
|
* @returns {ReactNode} The toggle, or an `IconButton` outside an `ExpScope`.
|
|
35
39
|
*/
|
|
36
|
-
export declare function ExpCollapseToggle({ collapsed, onToggle, expandLabel, collapseLabel, ...restProps }: ExpCollapseToggleProps): ReactNode;
|
|
40
|
+
export declare function ExpCollapseToggle({ collapsed, onToggle, expandLabel, collapseLabel, pulse, ...restProps }: ExpCollapseToggleProps): ReactNode;
|
|
37
41
|
//# sourceMappingURL=ExpCollapseToggle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpCollapseToggle.d.ts","sourceRoot":"","sources":["../../src/expresivo/ExpCollapseToggle/ExpCollapseToggle.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7D,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,WAAW,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,aAAa,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpCollapseToggle.d.ts","sourceRoot":"","sources":["../../src/expresivo/ExpCollapseToggle/ExpCollapseToggle.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7D,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,WAAW,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,aAAa,EAAE,MAAM,CAAC;IACtB,2FAA2F;IAC3F,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,GAAG,IAAI,CACN,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,SAAS,GAAG,YAAY,GAAG,eAAe,CACxD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,WAAW,EACX,aAAa,EACb,KAAY,EACZ,GAAG,SAAS,EACb,EAAE,sBAAsB,GAAG,SAAS,CA6CpC"}
|
|
@@ -6,7 +6,8 @@ import { useExpScope } from '../ExpScope/ExpScope';
|
|
|
6
6
|
/**
|
|
7
7
|
* Round corner button that collapses or expands a section, such as a page
|
|
8
8
|
* header. While the section is expanded, a lavender ring pulses around it to
|
|
9
|
-
* invite the user to tuck it away; the chevron flips when collapsed.
|
|
9
|
+
* invite the user to tuck it away; the chevron flips when collapsed. With
|
|
10
|
+
* `pulse={false}` there is no ring, for pages with many collapsible panels.
|
|
10
11
|
*
|
|
11
12
|
* Pass `aria-controls` with the id of the section it toggles. Outside an
|
|
12
13
|
* `ExpScope` it falls back to the core `IconButton` with a chevron.
|
|
@@ -26,17 +27,18 @@ import { useExpScope } from '../ExpScope/ExpScope';
|
|
|
26
27
|
* @param {() => void} props.onToggle - Called on click.
|
|
27
28
|
* @param {string} props.expandLabel - Accessible name while collapsed.
|
|
28
29
|
* @param {string} props.collapseLabel - Accessible name while expanded.
|
|
30
|
+
* @param {boolean} [props.pulse=true] - Pulses the ring while expanded.
|
|
29
31
|
*
|
|
30
32
|
* @returns {ReactNode} The toggle, or an `IconButton` outside an `ExpScope`.
|
|
31
33
|
*/
|
|
32
|
-
export function ExpCollapseToggle({ collapsed, onToggle, expandLabel, collapseLabel, ...restProps }) {
|
|
34
|
+
export function ExpCollapseToggle({ collapsed, onToggle, expandLabel, collapseLabel, pulse = true, ...restProps }) {
|
|
33
35
|
const inScope = useExpScope();
|
|
34
36
|
const label = collapsed ? expandLabel : collapseLabel;
|
|
35
37
|
if (!inScope) {
|
|
36
38
|
return (<IconButton {...restProps} icon={collapsed ? <FiChevronDown /> : <FiChevronUp />} label={label} aria-expanded={!collapsed} onClick={onToggle}/>);
|
|
37
39
|
}
|
|
38
40
|
return (<button type="button" {...restProps} aria-label={label} aria-expanded={!collapsed} onClick={onToggle} className={clsx('border-lavender-1 text-lavender hover:border-lavender focus-visible:ring-lavender relative flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-full border bg-white transition-colors focus-visible:ring-2 focus-visible:outline-none', 'dark:border-lavender-dark-1 dark:text-lavender-dark dark:hover:border-lavender-dark dark:bg-black', restProps.className)}>
|
|
39
|
-
{!collapsed && (<span aria-hidden="true" className="exp-hint-pulse border-lavender dark:border-lavender-dark pointer-events-none absolute -inset-px rounded-full border-2"/>)}
|
|
41
|
+
{!collapsed && !!pulse && (<span aria-hidden="true" className="exp-hint-pulse border-lavender dark:border-lavender-dark pointer-events-none absolute -inset-px rounded-full border-2"/>)}
|
|
40
42
|
<FiChevronUp aria-hidden="true" strokeWidth={2.4} className={clsx('size-4 transition-transform duration-260 ease-(--exp-ease-spring) motion-reduce:transition-none', collapsed && 'rotate-180')}/>
|
|
41
43
|
</button>);
|
|
42
44
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpCollapseToggle.jsx","sourceRoot":"","sources":["../../src/expresivo/ExpCollapseToggle/ExpCollapseToggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpCollapseToggle.jsx","sourceRoot":"","sources":["../../src/expresivo/ExpCollapseToggle/ExpCollapseToggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAgBnD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,WAAW,EACX,aAAa,EACb,KAAK,GAAG,IAAI,EACZ,GAAG,SAAS,EACW;IACvB,MAAM,OAAO,GAAG,WAAW,EAAE,CAAC;IAC9B,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC;IAEtD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CACL,CAAC,UAAU,CACT,IAAI,SAAS,CAAC,CACd,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,AAAD,EAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,AAAD,EAAG,CAAC,CACtD,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAC1B,OAAO,CAAC,CAAC,QAAQ,CAAC,EAClB,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,CAAC,MAAM,CACL,IAAI,CAAC,QAAQ,CACb,IAAI,SAAS,CAAC,CACd,UAAU,CAAC,CAAC,KAAK,CAAC,CAClB,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAC1B,OAAO,CAAC,CAAC,QAAQ,CAAC,CAClB,SAAS,CAAC,CAAC,IAAI,CACb,2PAA2P,EAC3P,mGAAmG,EACnG,SAAS,CAAC,SAAS,CACpB,CAAC,CAEF;MAAA,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,IAAI,CACxB,CAAC,IAAI,CACH,WAAW,CAAC,MAAM,CAClB,SAAS,CAAC,uHAAuH,EACjI,CACH,CACD;MAAA,CAAC,WAAW,CACV,WAAW,CAAC,MAAM,CAClB,WAAW,CAAC,CAAC,GAAG,CAAC,CACjB,SAAS,CAAC,CAAC,IAAI,CACb,iGAAiG,EACjG,SAAS,IAAI,YAAY,CAC1B,CAAC,EAEN;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -12,7 +12,8 @@ export type ExpLadderProps = {
|
|
|
12
12
|
/**
|
|
13
13
|
* Vertical progress drawn as a staircase: every step that was not skipped
|
|
14
14
|
* sits a little further in, with a diamond in place of the dot. The current
|
|
15
|
-
* step is tinted lavender; skipped steps are struck through and say so.
|
|
15
|
+
* step is tinted lavender; skipped steps are struck through and say so. A
|
|
16
|
+
* label that does not fit continues on the next row instead of being cut.
|
|
16
17
|
*
|
|
17
18
|
* Outside an `ExpScope` it falls back to the core `Stepper`, vertical and
|
|
18
19
|
* `sm`, with the same steps.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpLadder.d.ts","sourceRoot":"","sources":["../../src/expresivo/ExpLadder/ExpLadder.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACtB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,cAAc,GAAG;IAC3B,iEAAiE;IACjE,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,mCAAmC;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,iFAAiF;IACjF,WAAW,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAmCF
|
|
1
|
+
{"version":3,"file":"ExpLadder.d.ts","sourceRoot":"","sources":["../../src/expresivo/ExpLadder/ExpLadder.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACtB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,cAAc,GAAG;IAC3B,iEAAiE;IACjE,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,mCAAmC;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,iFAAiF;IACjF,WAAW,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAmCF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,SAAS,EACT,WAAW,EACX,SAAS,GACV,EAAE,cAAc,GAAG,SAAS,CAkE5B"}
|
|
@@ -32,7 +32,8 @@ const textMap = {
|
|
|
32
32
|
/**
|
|
33
33
|
* Vertical progress drawn as a staircase: every step that was not skipped
|
|
34
34
|
* sits a little further in, with a diamond in place of the dot. The current
|
|
35
|
-
* step is tinted lavender; skipped steps are struck through and say so.
|
|
35
|
+
* step is tinted lavender; skipped steps are struck through and say so. A
|
|
36
|
+
* label that does not fit continues on the next row instead of being cut.
|
|
36
37
|
*
|
|
37
38
|
* Outside an `ExpScope` it falls back to the core `Stepper`, vertical and
|
|
38
39
|
* `sm`, with the same steps.
|
|
@@ -70,9 +71,11 @@ export function ExpLadder({ steps, ariaLabel, stateLabels, className, }) {
|
|
|
70
71
|
return acc;
|
|
71
72
|
}, []);
|
|
72
73
|
return (<ol aria-label={ariaLabel} className={clsx('flex flex-col', className)}>
|
|
73
|
-
<Each of={steps} render={(step, index) => (<li key={step.id} aria-current={step.state === 'current' ? 'step' : undefined} className={clsx('flex min-w-0 items-
|
|
74
|
-
<span aria-hidden="true" className=
|
|
75
|
-
|
|
74
|
+
<Each of={steps} render={(step, index) => (<li key={step.id} aria-current={step.state === 'current' ? 'step' : undefined} className={clsx('flex min-w-0 items-start gap-2.5 rounded-[10px] py-1.5 pr-2.5 pl-2', INDENTS[Math.min(indents[index], INDENTS.length - 1)], rowMap[step.state])}>
|
|
75
|
+
<span aria-hidden="true" className="flex h-[18px] flex-none items-center">
|
|
76
|
+
<span className={clsx('rotate-45 rounded-[4px]', diamondMap[step.state])}/>
|
|
77
|
+
</span>
|
|
78
|
+
<span className={clsx('min-w-0 text-[13px] leading-[18px] break-words', textMap[step.state])}>
|
|
76
79
|
{step.label}
|
|
77
80
|
{step.state === 'skipped' ? (` · ${stateLabels.skipped}`) : (<span className="sr-only">{`, ${stateLabels[step.state]}`}</span>)}
|
|
78
81
|
</span>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpLadder.jsx","sourceRoot":"","sources":["../../src/expresivo/ExpLadder/ExpLadder.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EACL,IAAI,EACJ,OAAO,GAGR,MAAM,uBAAuB,CAAC;AAC/B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAYnD,MAAM,OAAO,GAAG;IACd,MAAM;IACN,UAAU;IACV,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;CACZ,CAAC;AAEF,MAAM,MAAM,GAAqC;IAC/C,IAAI,EAAE,EAAE;IACR,OAAO,EACL,qFAAqF;IACvF,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,UAAU,GAAqC;IACnD,IAAI,EAAE,+BAA+B;IACrC,OAAO,EACL,qIAAqI;IACvI,OAAO,EAAE,6BAA6B;IACtC,OAAO,EAAE,2CAA2C;CACrD,CAAC;AAEF,MAAM,OAAO,GAAqC;IAChD,IAAI,EAAE,wCAAwC;IAC9C,OAAO,EAAE,qDAAqD;IAC9D,OAAO,EAAE,8BAA8B;IACvC,OAAO,EAAE,2CAA2C;CACrD,CAAC;AAEF
|
|
1
|
+
{"version":3,"file":"ExpLadder.jsx","sourceRoot":"","sources":["../../src/expresivo/ExpLadder/ExpLadder.tsx"],"names":[],"mappings":"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"}
|