@luzmo/react-lucero 2.4.2 → 2.5.0
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/esm/components/table-body.d.ts +12 -0
- package/esm/components/table-body.js +17 -0
- package/esm/components/table-cell.d.ts +8 -0
- package/esm/components/table-cell.js +13 -0
- package/esm/components/table-checkbox-cell.d.ts +8 -0
- package/esm/components/table-checkbox-cell.js +13 -0
- package/esm/components/table-disclosure-cell.d.ts +8 -0
- package/esm/components/table-disclosure-cell.js +13 -0
- package/esm/components/table-head-cell.d.ts +12 -0
- package/esm/components/table-head-cell.js +17 -0
- package/esm/components/table-head.d.ts +8 -0
- package/esm/components/table-head.js +13 -0
- package/esm/components/table-row-details.d.ts +12 -0
- package/esm/components/table-row-details.js +17 -0
- package/esm/components/table-row.d.ts +8 -0
- package/esm/components/table-row.js +13 -0
- package/esm/components/table.d.ts +20 -0
- package/esm/components/table.js +25 -0
- package/esm/index.d.ts +11 -2
- package/esm/index.js +36 -0
- package/package.json +2 -2
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { EventName, ReactWebComponent } from '@lit/react';
|
|
2
|
+
import { LuzmoTableBody as LuzmoTableBodyClass } from '@luzmo/lucero/table';
|
|
3
|
+
/**
|
|
4
|
+
* React wrapper for <luzmo-table-body>
|
|
5
|
+
*
|
|
6
|
+
* @event onLuzmoTableBodyScroll - The body scroll position changed.
|
|
7
|
+
*/
|
|
8
|
+
export declare const LuzmoTableBody: ReactWebComponent<LuzmoTableBodyClass, {
|
|
9
|
+
onLuzmoTableBodyScroll: EventName<CustomEvent>;
|
|
10
|
+
}>;
|
|
11
|
+
/** The underlying custom element type for LuzmoTableBody */
|
|
12
|
+
export type LuzmoTableBodyElement = LuzmoTableBodyClass;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { createComponent } from '@lit/react';
|
|
3
|
+
import { LuzmoTableBody as LuzmoTableBodyClass } from '@luzmo/lucero/table';
|
|
4
|
+
const LuzmoTableBodyComponent = createComponent({
|
|
5
|
+
tagName: 'luzmo-table-body',
|
|
6
|
+
elementClass: LuzmoTableBodyClass,
|
|
7
|
+
react: React,
|
|
8
|
+
events: {
|
|
9
|
+
onLuzmoTableBodyScroll: 'luzmo-table-body-scroll'
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
/**
|
|
13
|
+
* React wrapper for <luzmo-table-body>
|
|
14
|
+
*
|
|
15
|
+
* @event onLuzmoTableBodyScroll - The body scroll position changed.
|
|
16
|
+
*/
|
|
17
|
+
export const LuzmoTableBody = LuzmoTableBodyComponent;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ReactWebComponent } from '@lit/react';
|
|
2
|
+
import { LuzmoTableCell as LuzmoTableCellClass } from '@luzmo/lucero/table';
|
|
3
|
+
/**
|
|
4
|
+
* React wrapper for <luzmo-table-cell>
|
|
5
|
+
*/
|
|
6
|
+
export declare const LuzmoTableCell: ReactWebComponent<LuzmoTableCellClass>;
|
|
7
|
+
/** The underlying custom element type for LuzmoTableCell */
|
|
8
|
+
export type LuzmoTableCellElement = LuzmoTableCellClass;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { createComponent } from '@lit/react';
|
|
3
|
+
import { LuzmoTableCell as LuzmoTableCellClass } from '@luzmo/lucero/table';
|
|
4
|
+
const LuzmoTableCellComponent = createComponent({
|
|
5
|
+
tagName: 'luzmo-table-cell',
|
|
6
|
+
elementClass: LuzmoTableCellClass,
|
|
7
|
+
react: React,
|
|
8
|
+
events: {}
|
|
9
|
+
});
|
|
10
|
+
/**
|
|
11
|
+
* React wrapper for <luzmo-table-cell>
|
|
12
|
+
*/
|
|
13
|
+
export const LuzmoTableCell = LuzmoTableCellComponent;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ReactWebComponent } from '@lit/react';
|
|
2
|
+
import { LuzmoTableCheckboxCell as LuzmoTableCheckboxCellClass } from '@luzmo/lucero/table';
|
|
3
|
+
/**
|
|
4
|
+
* React wrapper for <luzmo-table-checkbox-cell>
|
|
5
|
+
*/
|
|
6
|
+
export declare const LuzmoTableCheckboxCell: ReactWebComponent<LuzmoTableCheckboxCellClass>;
|
|
7
|
+
/** The underlying custom element type for LuzmoTableCheckboxCell */
|
|
8
|
+
export type LuzmoTableCheckboxCellElement = LuzmoTableCheckboxCellClass;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { createComponent } from '@lit/react';
|
|
3
|
+
import { LuzmoTableCheckboxCell as LuzmoTableCheckboxCellClass } from '@luzmo/lucero/table';
|
|
4
|
+
const LuzmoTableCheckboxCellComponent = createComponent({
|
|
5
|
+
tagName: 'luzmo-table-checkbox-cell',
|
|
6
|
+
elementClass: LuzmoTableCheckboxCellClass,
|
|
7
|
+
react: React,
|
|
8
|
+
events: {}
|
|
9
|
+
});
|
|
10
|
+
/**
|
|
11
|
+
* React wrapper for <luzmo-table-checkbox-cell>
|
|
12
|
+
*/
|
|
13
|
+
export const LuzmoTableCheckboxCell = LuzmoTableCheckboxCellComponent;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ReactWebComponent } from '@lit/react';
|
|
2
|
+
import { LuzmoTableDisclosureCell as LuzmoTableDisclosureCellClass } from '@luzmo/lucero/table';
|
|
3
|
+
/**
|
|
4
|
+
* React wrapper for <luzmo-table-disclosure-cell>
|
|
5
|
+
*/
|
|
6
|
+
export declare const LuzmoTableDisclosureCell: ReactWebComponent<LuzmoTableDisclosureCellClass>;
|
|
7
|
+
/** The underlying custom element type for LuzmoTableDisclosureCell */
|
|
8
|
+
export type LuzmoTableDisclosureCellElement = LuzmoTableDisclosureCellClass;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { createComponent } from '@lit/react';
|
|
3
|
+
import { LuzmoTableDisclosureCell as LuzmoTableDisclosureCellClass } from '@luzmo/lucero/table';
|
|
4
|
+
const LuzmoTableDisclosureCellComponent = createComponent({
|
|
5
|
+
tagName: 'luzmo-table-disclosure-cell',
|
|
6
|
+
elementClass: LuzmoTableDisclosureCellClass,
|
|
7
|
+
react: React,
|
|
8
|
+
events: {}
|
|
9
|
+
});
|
|
10
|
+
/**
|
|
11
|
+
* React wrapper for <luzmo-table-disclosure-cell>
|
|
12
|
+
*/
|
|
13
|
+
export const LuzmoTableDisclosureCell = LuzmoTableDisclosureCellComponent;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { EventName, ReactWebComponent } from '@lit/react';
|
|
2
|
+
import { LuzmoTableHeadCell as LuzmoTableHeadCellClass } from '@luzmo/lucero/table';
|
|
3
|
+
/**
|
|
4
|
+
* React wrapper for <luzmo-table-head-cell>
|
|
5
|
+
*
|
|
6
|
+
* @event onLuzmoTableSorted - A sortable header was activated. `detail` is `{ sortKey, sortDirection }`. Cancel it in data mode to skip the client sort. Cancel it on this header to keep sibling sort directions unchanged.
|
|
7
|
+
*/
|
|
8
|
+
export declare const LuzmoTableHeadCell: ReactWebComponent<LuzmoTableHeadCellClass, {
|
|
9
|
+
onLuzmoTableSorted: EventName<CustomEvent>;
|
|
10
|
+
}>;
|
|
11
|
+
/** The underlying custom element type for LuzmoTableHeadCell */
|
|
12
|
+
export type LuzmoTableHeadCellElement = LuzmoTableHeadCellClass;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { createComponent } from '@lit/react';
|
|
3
|
+
import { LuzmoTableHeadCell as LuzmoTableHeadCellClass } from '@luzmo/lucero/table';
|
|
4
|
+
const LuzmoTableHeadCellComponent = createComponent({
|
|
5
|
+
tagName: 'luzmo-table-head-cell',
|
|
6
|
+
elementClass: LuzmoTableHeadCellClass,
|
|
7
|
+
react: React,
|
|
8
|
+
events: {
|
|
9
|
+
onLuzmoTableSorted: 'luzmo-table-sorted'
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
/**
|
|
13
|
+
* React wrapper for <luzmo-table-head-cell>
|
|
14
|
+
*
|
|
15
|
+
* @event onLuzmoTableSorted - A sortable header was activated. `detail` is `{ sortKey, sortDirection }`. Cancel it in data mode to skip the client sort. Cancel it on this header to keep sibling sort directions unchanged.
|
|
16
|
+
*/
|
|
17
|
+
export const LuzmoTableHeadCell = LuzmoTableHeadCellComponent;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ReactWebComponent } from '@lit/react';
|
|
2
|
+
import { LuzmoTableHead as LuzmoTableHeadClass } from '@luzmo/lucero/table';
|
|
3
|
+
/**
|
|
4
|
+
* React wrapper for <luzmo-table-head>
|
|
5
|
+
*/
|
|
6
|
+
export declare const LuzmoTableHead: ReactWebComponent<LuzmoTableHeadClass>;
|
|
7
|
+
/** The underlying custom element type for LuzmoTableHead */
|
|
8
|
+
export type LuzmoTableHeadElement = LuzmoTableHeadClass;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { createComponent } from '@lit/react';
|
|
3
|
+
import { LuzmoTableHead as LuzmoTableHeadClass } from '@luzmo/lucero/table';
|
|
4
|
+
const LuzmoTableHeadComponent = createComponent({
|
|
5
|
+
tagName: 'luzmo-table-head',
|
|
6
|
+
elementClass: LuzmoTableHeadClass,
|
|
7
|
+
react: React,
|
|
8
|
+
events: {}
|
|
9
|
+
});
|
|
10
|
+
/**
|
|
11
|
+
* React wrapper for <luzmo-table-head>
|
|
12
|
+
*/
|
|
13
|
+
export const LuzmoTableHead = LuzmoTableHeadComponent;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { EventName, ReactWebComponent } from '@lit/react';
|
|
2
|
+
import { LuzmoTableRowDetails as LuzmoTableRowDetailsClass } from '@luzmo/lucero/table';
|
|
3
|
+
/**
|
|
4
|
+
* React wrapper for <luzmo-table-row-details>
|
|
5
|
+
*
|
|
6
|
+
* @event onLuzmoTableDetailsCollapsed - The closing animation finished and the details row is hidden.
|
|
7
|
+
*/
|
|
8
|
+
export declare const LuzmoTableRowDetails: ReactWebComponent<LuzmoTableRowDetailsClass, {
|
|
9
|
+
onLuzmoTableDetailsCollapsed: EventName<CustomEvent>;
|
|
10
|
+
}>;
|
|
11
|
+
/** The underlying custom element type for LuzmoTableRowDetails */
|
|
12
|
+
export type LuzmoTableRowDetailsElement = LuzmoTableRowDetailsClass;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { createComponent } from '@lit/react';
|
|
3
|
+
import { LuzmoTableRowDetails as LuzmoTableRowDetailsClass } from '@luzmo/lucero/table';
|
|
4
|
+
const LuzmoTableRowDetailsComponent = createComponent({
|
|
5
|
+
tagName: 'luzmo-table-row-details',
|
|
6
|
+
elementClass: LuzmoTableRowDetailsClass,
|
|
7
|
+
react: React,
|
|
8
|
+
events: {
|
|
9
|
+
onLuzmoTableDetailsCollapsed: 'luzmo-table-details-collapsed'
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
/**
|
|
13
|
+
* React wrapper for <luzmo-table-row-details>
|
|
14
|
+
*
|
|
15
|
+
* @event onLuzmoTableDetailsCollapsed - The closing animation finished and the details row is hidden.
|
|
16
|
+
*/
|
|
17
|
+
export const LuzmoTableRowDetails = LuzmoTableRowDetailsComponent;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ReactWebComponent } from '@lit/react';
|
|
2
|
+
import { LuzmoTableRow as LuzmoTableRowClass } from '@luzmo/lucero/table';
|
|
3
|
+
/**
|
|
4
|
+
* React wrapper for <luzmo-table-row>
|
|
5
|
+
*/
|
|
6
|
+
export declare const LuzmoTableRow: ReactWebComponent<LuzmoTableRowClass>;
|
|
7
|
+
/** The underlying custom element type for LuzmoTableRow */
|
|
8
|
+
export type LuzmoTableRowElement = LuzmoTableRowClass;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { createComponent } from '@lit/react';
|
|
3
|
+
import { LuzmoTableRow as LuzmoTableRowClass } from '@luzmo/lucero/table';
|
|
4
|
+
const LuzmoTableRowComponent = createComponent({
|
|
5
|
+
tagName: 'luzmo-table-row',
|
|
6
|
+
elementClass: LuzmoTableRowClass,
|
|
7
|
+
react: React,
|
|
8
|
+
events: {}
|
|
9
|
+
});
|
|
10
|
+
/**
|
|
11
|
+
* React wrapper for <luzmo-table-row>
|
|
12
|
+
*/
|
|
13
|
+
export const LuzmoTableRow = LuzmoTableRowComponent;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { EventName, ReactWebComponent } from '@lit/react';
|
|
2
|
+
import { LuzmoTable as LuzmoTableClass } from '@luzmo/lucero/table';
|
|
3
|
+
/**
|
|
4
|
+
* React wrapper for <luzmo-table>
|
|
5
|
+
*
|
|
6
|
+
* @event onChange - `selected` changed. Cancel it to keep the previous selection.
|
|
7
|
+
* @event onLuzmoTableSorted - A sortable header was activated. `detail` is `{ sortKey, sortDirection }`. Cancel it in data mode to skip the client sort.
|
|
8
|
+
* @event onLuzmoTableRowToggle - A row's details were expanded or collapsed. `detail` is `{ value, expanded }`. Cancel it to keep the previous state.
|
|
9
|
+
* @event onLuzmoColumnResized - A column resize committed. `detail` is `{ columnId, width, columnWidths }`.
|
|
10
|
+
* @event onLuzmoRangeChanged - The mounted window of a virtualized table changed. `detail` is `{ first, last }`.
|
|
11
|
+
*/
|
|
12
|
+
export declare const LuzmoTable: ReactWebComponent<LuzmoTableClass, {
|
|
13
|
+
onChange: EventName<Event>;
|
|
14
|
+
onLuzmoTableSorted: EventName<CustomEvent>;
|
|
15
|
+
onLuzmoTableRowToggle: EventName<CustomEvent>;
|
|
16
|
+
onLuzmoColumnResized: EventName<CustomEvent>;
|
|
17
|
+
onLuzmoRangeChanged: EventName<CustomEvent>;
|
|
18
|
+
}>;
|
|
19
|
+
/** The underlying custom element type for LuzmoTable */
|
|
20
|
+
export type LuzmoTableElement = LuzmoTableClass;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { createComponent } from '@lit/react';
|
|
3
|
+
import { LuzmoTable as LuzmoTableClass } from '@luzmo/lucero/table';
|
|
4
|
+
const LuzmoTableComponent = createComponent({
|
|
5
|
+
tagName: 'luzmo-table',
|
|
6
|
+
elementClass: LuzmoTableClass,
|
|
7
|
+
react: React,
|
|
8
|
+
events: {
|
|
9
|
+
onChange: 'change',
|
|
10
|
+
onLuzmoTableSorted: 'luzmo-table-sorted',
|
|
11
|
+
onLuzmoTableRowToggle: 'luzmo-table-row-toggle',
|
|
12
|
+
onLuzmoColumnResized: 'luzmo-column-resized',
|
|
13
|
+
onLuzmoRangeChanged: 'luzmo-range-changed'
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
/**
|
|
17
|
+
* React wrapper for <luzmo-table>
|
|
18
|
+
*
|
|
19
|
+
* @event onChange - `selected` changed. Cancel it to keep the previous selection.
|
|
20
|
+
* @event onLuzmoTableSorted - A sortable header was activated. `detail` is `{ sortKey, sortDirection }`. Cancel it in data mode to skip the client sort.
|
|
21
|
+
* @event onLuzmoTableRowToggle - A row's details were expanded or collapsed. `detail` is `{ value, expanded }`. Cancel it to keep the previous state.
|
|
22
|
+
* @event onLuzmoColumnResized - A column resize committed. `detail` is `{ columnId, width, columnWidths }`.
|
|
23
|
+
* @event onLuzmoRangeChanged - The mounted window of a virtualized table changed. `detail` is `{ first, last }`.
|
|
24
|
+
*/
|
|
25
|
+
export const LuzmoTable = LuzmoTableComponent;
|
package/esm/index.d.ts
CHANGED
|
@@ -66,6 +66,15 @@ export { LuzmoSwatchGroup, type LuzmoSwatchGroupElement } from './components/swa
|
|
|
66
66
|
export { LuzmoSwitch, type LuzmoSwitchElement } from './components/switch.js';
|
|
67
67
|
export { LuzmoTab, type LuzmoTabElement } from './components/tab.js';
|
|
68
68
|
export { LuzmoTabPanel, type LuzmoTabPanelElement } from './components/tab-panel.js';
|
|
69
|
+
export { LuzmoTable, type LuzmoTableElement } from './components/table.js';
|
|
70
|
+
export { LuzmoTableBody, type LuzmoTableBodyElement } from './components/table-body.js';
|
|
71
|
+
export { LuzmoTableCell, type LuzmoTableCellElement } from './components/table-cell.js';
|
|
72
|
+
export { LuzmoTableCheckboxCell, type LuzmoTableCheckboxCellElement } from './components/table-checkbox-cell.js';
|
|
73
|
+
export { LuzmoTableDisclosureCell, type LuzmoTableDisclosureCellElement } from './components/table-disclosure-cell.js';
|
|
74
|
+
export { LuzmoTableHead, type LuzmoTableHeadElement } from './components/table-head.js';
|
|
75
|
+
export { LuzmoTableHeadCell, type LuzmoTableHeadCellElement } from './components/table-head-cell.js';
|
|
76
|
+
export { LuzmoTableRow, type LuzmoTableRowElement } from './components/table-row.js';
|
|
77
|
+
export { LuzmoTableRowDetails, type LuzmoTableRowDetailsElement } from './components/table-row-details.js';
|
|
69
78
|
export { LuzmoTabs, type LuzmoTabsElement } from './components/tabs.js';
|
|
70
79
|
export { LuzmoTabsOverflow, type LuzmoTabsOverflowElement } from './components/tabs-overflow.js';
|
|
71
80
|
export { LuzmoTag, type LuzmoTagElement } from './components/tag.js';
|
|
@@ -75,6 +84,6 @@ export { LuzmoToast, type LuzmoToastElement } from './components/toast.js';
|
|
|
75
84
|
export { LuzmoTooltip, type LuzmoTooltipElement } from './components/tooltip.js';
|
|
76
85
|
export { LuzmoTopNav, type LuzmoTopNavElement } from './components/top-nav.js';
|
|
77
86
|
export { LuzmoTopNavItem, type LuzmoTopNavItemElement } from './components/top-nav-item.js';
|
|
78
|
-
export declare const LUZMO_REACT_COMPONENTS: readonly [any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any];
|
|
79
|
-
export declare const LUZMO_REACT_COMPONENT_NAMES: readonly ["LuzmoAccordion", "LuzmoAccordionItem", "LuzmoActionBar", "LuzmoActionButton", "LuzmoActionGroup", "LuzmoActionMenu", "LuzmoAvatar", "LuzmoBadge", "LuzmoButton", "LuzmoButtonGroup", "LuzmoCalendar", "LuzmoChatMessage", "LuzmoChatMessageGroup", "LuzmoCheckbox", "LuzmoClearButton", "LuzmoCloseButton", "LuzmoColorArea", "LuzmoColorField", "LuzmoColorHandle", "LuzmoColorLoupe", "LuzmoColorMenu", "LuzmoColorPalette", "LuzmoColorPaletteGroup", "LuzmoColorPicker", "LuzmoColorSlider", "LuzmoDateRangePicker", "LuzmoDateTimePicker", "LuzmoDivider", "LuzmoFieldGroup", "LuzmoFieldLabel", "LuzmoHelpText", "LuzmoIcon", "LuzmoInfieldButton", "LuzmoLabel", "LuzmoMenu", "LuzmoMenuDivider", "LuzmoMenuGroup", "LuzmoMenuItem", "LuzmoMultiLanguageField", "LuzmoNotice", "LuzmoNumberField", "LuzmoOption", "LuzmoOptions", "LuzmoOptionsDivider", "LuzmoOverlay", "LuzmoOverlayTrigger", "LuzmoPicker", "LuzmoPickerButton", "LuzmoPopover", "LuzmoProgressBar", "LuzmoProgressCircle", "LuzmoProgressSteps", "LuzmoPromptBox", "LuzmoQuestionBox", "LuzmoRadio", "LuzmoRadioGroup", "LuzmoSearch", "LuzmoSelect", "LuzmoSkeletonLoader", "LuzmoSlider", "LuzmoSliderHandle", "LuzmoSplitView", "LuzmoStatusLight", "LuzmoSwatch", "LuzmoSwatchGroup", "LuzmoSwitch", "LuzmoTab", "LuzmoTabPanel", "LuzmoTabs", "LuzmoTabsOverflow", "LuzmoTag", "LuzmoTags", "LuzmoTextField", "LuzmoToast", "LuzmoTooltip", "LuzmoTopNav", "LuzmoTopNavItem"];
|
|
87
|
+
export declare const LUZMO_REACT_COMPONENTS: readonly [any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any];
|
|
88
|
+
export declare const LUZMO_REACT_COMPONENT_NAMES: readonly ["LuzmoAccordion", "LuzmoAccordionItem", "LuzmoActionBar", "LuzmoActionButton", "LuzmoActionGroup", "LuzmoActionMenu", "LuzmoAvatar", "LuzmoBadge", "LuzmoButton", "LuzmoButtonGroup", "LuzmoCalendar", "LuzmoChatMessage", "LuzmoChatMessageGroup", "LuzmoCheckbox", "LuzmoClearButton", "LuzmoCloseButton", "LuzmoColorArea", "LuzmoColorField", "LuzmoColorHandle", "LuzmoColorLoupe", "LuzmoColorMenu", "LuzmoColorPalette", "LuzmoColorPaletteGroup", "LuzmoColorPicker", "LuzmoColorSlider", "LuzmoDateRangePicker", "LuzmoDateTimePicker", "LuzmoDivider", "LuzmoFieldGroup", "LuzmoFieldLabel", "LuzmoHelpText", "LuzmoIcon", "LuzmoInfieldButton", "LuzmoLabel", "LuzmoMenu", "LuzmoMenuDivider", "LuzmoMenuGroup", "LuzmoMenuItem", "LuzmoMultiLanguageField", "LuzmoNotice", "LuzmoNumberField", "LuzmoOption", "LuzmoOptions", "LuzmoOptionsDivider", "LuzmoOverlay", "LuzmoOverlayTrigger", "LuzmoPicker", "LuzmoPickerButton", "LuzmoPopover", "LuzmoProgressBar", "LuzmoProgressCircle", "LuzmoProgressSteps", "LuzmoPromptBox", "LuzmoQuestionBox", "LuzmoRadio", "LuzmoRadioGroup", "LuzmoSearch", "LuzmoSelect", "LuzmoSkeletonLoader", "LuzmoSlider", "LuzmoSliderHandle", "LuzmoSplitView", "LuzmoStatusLight", "LuzmoSwatch", "LuzmoSwatchGroup", "LuzmoSwitch", "LuzmoTab", "LuzmoTabPanel", "LuzmoTable", "LuzmoTableBody", "LuzmoTableCell", "LuzmoTableCheckboxCell", "LuzmoTableDisclosureCell", "LuzmoTableHead", "LuzmoTableHeadCell", "LuzmoTableRow", "LuzmoTableRowDetails", "LuzmoTabs", "LuzmoTabsOverflow", "LuzmoTag", "LuzmoTags", "LuzmoTextField", "LuzmoToast", "LuzmoTooltip", "LuzmoTopNav", "LuzmoTopNavItem"];
|
|
80
89
|
export type LuzmoReactComponentName = typeof LUZMO_REACT_COMPONENT_NAMES[number];
|
package/esm/index.js
CHANGED
|
@@ -68,6 +68,15 @@ import { LuzmoSwatchGroup } from './components/swatch-group.js';
|
|
|
68
68
|
import { LuzmoSwitch } from './components/switch.js';
|
|
69
69
|
import { LuzmoTab } from './components/tab.js';
|
|
70
70
|
import { LuzmoTabPanel } from './components/tab-panel.js';
|
|
71
|
+
import { LuzmoTable } from './components/table.js';
|
|
72
|
+
import { LuzmoTableBody } from './components/table-body.js';
|
|
73
|
+
import { LuzmoTableCell } from './components/table-cell.js';
|
|
74
|
+
import { LuzmoTableCheckboxCell } from './components/table-checkbox-cell.js';
|
|
75
|
+
import { LuzmoTableDisclosureCell } from './components/table-disclosure-cell.js';
|
|
76
|
+
import { LuzmoTableHead } from './components/table-head.js';
|
|
77
|
+
import { LuzmoTableHeadCell } from './components/table-head-cell.js';
|
|
78
|
+
import { LuzmoTableRow } from './components/table-row.js';
|
|
79
|
+
import { LuzmoTableRowDetails } from './components/table-row-details.js';
|
|
71
80
|
import { LuzmoTabs } from './components/tabs.js';
|
|
72
81
|
import { LuzmoTabsOverflow } from './components/tabs-overflow.js';
|
|
73
82
|
import { LuzmoTag } from './components/tag.js';
|
|
@@ -145,6 +154,15 @@ export { LuzmoSwatchGroup } from './components/swatch-group.js';
|
|
|
145
154
|
export { LuzmoSwitch } from './components/switch.js';
|
|
146
155
|
export { LuzmoTab } from './components/tab.js';
|
|
147
156
|
export { LuzmoTabPanel } from './components/tab-panel.js';
|
|
157
|
+
export { LuzmoTable } from './components/table.js';
|
|
158
|
+
export { LuzmoTableBody } from './components/table-body.js';
|
|
159
|
+
export { LuzmoTableCell } from './components/table-cell.js';
|
|
160
|
+
export { LuzmoTableCheckboxCell } from './components/table-checkbox-cell.js';
|
|
161
|
+
export { LuzmoTableDisclosureCell } from './components/table-disclosure-cell.js';
|
|
162
|
+
export { LuzmoTableHead } from './components/table-head.js';
|
|
163
|
+
export { LuzmoTableHeadCell } from './components/table-head-cell.js';
|
|
164
|
+
export { LuzmoTableRow } from './components/table-row.js';
|
|
165
|
+
export { LuzmoTableRowDetails } from './components/table-row-details.js';
|
|
148
166
|
export { LuzmoTabs } from './components/tabs.js';
|
|
149
167
|
export { LuzmoTabsOverflow } from './components/tabs-overflow.js';
|
|
150
168
|
export { LuzmoTag } from './components/tag.js';
|
|
@@ -224,6 +242,15 @@ export const LUZMO_REACT_COMPONENTS = [
|
|
|
224
242
|
LuzmoSwitch,
|
|
225
243
|
LuzmoTab,
|
|
226
244
|
LuzmoTabPanel,
|
|
245
|
+
LuzmoTable,
|
|
246
|
+
LuzmoTableBody,
|
|
247
|
+
LuzmoTableCell,
|
|
248
|
+
LuzmoTableCheckboxCell,
|
|
249
|
+
LuzmoTableDisclosureCell,
|
|
250
|
+
LuzmoTableHead,
|
|
251
|
+
LuzmoTableHeadCell,
|
|
252
|
+
LuzmoTableRow,
|
|
253
|
+
LuzmoTableRowDetails,
|
|
227
254
|
LuzmoTabs,
|
|
228
255
|
LuzmoTabsOverflow,
|
|
229
256
|
LuzmoTag,
|
|
@@ -304,6 +331,15 @@ export const LUZMO_REACT_COMPONENT_NAMES = [
|
|
|
304
331
|
'LuzmoSwitch',
|
|
305
332
|
'LuzmoTab',
|
|
306
333
|
'LuzmoTabPanel',
|
|
334
|
+
'LuzmoTable',
|
|
335
|
+
'LuzmoTableBody',
|
|
336
|
+
'LuzmoTableCell',
|
|
337
|
+
'LuzmoTableCheckboxCell',
|
|
338
|
+
'LuzmoTableDisclosureCell',
|
|
339
|
+
'LuzmoTableHead',
|
|
340
|
+
'LuzmoTableHeadCell',
|
|
341
|
+
'LuzmoTableRow',
|
|
342
|
+
'LuzmoTableRowDetails',
|
|
307
343
|
'LuzmoTabs',
|
|
308
344
|
'LuzmoTabsOverflow',
|
|
309
345
|
'LuzmoTag',
|