@unframed/react 0.6.1 → 0.8.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/dist/generated/index.d.ts +6 -0
- package/dist/generated/index.d.ts.map +1 -1
- package/dist/generated/index.js +6 -0
- package/dist/generated/index.js.map +1 -1
- package/dist/generated/uf-accordion-item.d.ts.map +1 -1
- package/dist/generated/uf-accordion-item.js +7 -1
- package/dist/generated/uf-accordion-item.js.map +1 -1
- package/dist/generated/uf-accordion.d.ts.map +1 -1
- package/dist/generated/uf-accordion.js +5 -1
- package/dist/generated/uf-accordion.js.map +1 -1
- package/dist/generated/uf-avatar.d.ts.map +1 -1
- package/dist/generated/uf-avatar.js +11 -1
- package/dist/generated/uf-avatar.js.map +1 -1
- package/dist/generated/uf-badge.d.ts.map +1 -1
- package/dist/generated/uf-badge.js +8 -1
- package/dist/generated/uf-badge.js.map +1 -1
- package/dist/generated/uf-breadcrumb-item.d.ts +4 -0
- package/dist/generated/uf-breadcrumb-item.d.ts.map +1 -0
- package/dist/generated/uf-breadcrumb-item.js +19 -0
- package/dist/generated/uf-breadcrumb-item.js.map +1 -0
- package/dist/generated/uf-breadcrumbs.d.ts +4 -0
- package/dist/generated/uf-breadcrumbs.d.ts.map +1 -0
- package/dist/generated/uf-breadcrumbs.js +17 -0
- package/dist/generated/uf-breadcrumbs.js.map +1 -0
- package/dist/generated/uf-button.d.ts.map +1 -1
- package/dist/generated/uf-button.js +14 -1
- package/dist/generated/uf-button.js.map +1 -1
- package/dist/generated/uf-calendar.d.ts.map +1 -1
- package/dist/generated/uf-calendar.js +9 -1
- package/dist/generated/uf-calendar.js.map +1 -1
- package/dist/generated/uf-card.d.ts.map +1 -1
- package/dist/generated/uf-card.js +6 -1
- package/dist/generated/uf-card.js.map +1 -1
- package/dist/generated/uf-checkbox-group.d.ts.map +1 -1
- package/dist/generated/uf-checkbox-group.js +8 -1
- package/dist/generated/uf-checkbox-group.js.map +1 -1
- package/dist/generated/uf-checkbox.d.ts.map +1 -1
- package/dist/generated/uf-checkbox.js +13 -1
- package/dist/generated/uf-checkbox.js.map +1 -1
- package/dist/generated/uf-combobox.d.ts.map +1 -1
- package/dist/generated/uf-combobox.js +14 -1
- package/dist/generated/uf-combobox.js.map +1 -1
- package/dist/generated/uf-date-picker.d.ts.map +1 -1
- package/dist/generated/uf-date-picker.js +18 -1
- package/dist/generated/uf-date-picker.js.map +1 -1
- package/dist/generated/uf-dialog.d.ts.map +1 -1
- package/dist/generated/uf-dialog.js +8 -1
- package/dist/generated/uf-dialog.js.map +1 -1
- package/dist/generated/uf-drawer.d.ts +10 -0
- package/dist/generated/uf-drawer.d.ts.map +1 -0
- package/dist/generated/uf-drawer.js +25 -0
- package/dist/generated/uf-drawer.js.map +1 -0
- package/dist/generated/uf-dropdown.d.ts.map +1 -1
- package/dist/generated/uf-dropdown.js +8 -1
- package/dist/generated/uf-dropdown.js.map +1 -1
- package/dist/generated/uf-icon.d.ts.map +1 -1
- package/dist/generated/uf-icon.js +6 -1
- package/dist/generated/uf-icon.js.map +1 -1
- package/dist/generated/uf-input.d.ts.map +1 -1
- package/dist/generated/uf-input.js +23 -1
- package/dist/generated/uf-input.js.map +1 -1
- package/dist/generated/uf-menu-item.d.ts.map +1 -1
- package/dist/generated/uf-menu-item.js +8 -1
- package/dist/generated/uf-menu-item.js.map +1 -1
- package/dist/generated/uf-menu.d.ts.map +1 -1
- package/dist/generated/uf-menu.js +5 -1
- package/dist/generated/uf-menu.js.map +1 -1
- package/dist/generated/uf-pagination.d.ts.map +1 -1
- package/dist/generated/uf-pagination.js +9 -1
- package/dist/generated/uf-pagination.js.map +1 -1
- package/dist/generated/uf-popover.d.ts.map +1 -1
- package/dist/generated/uf-popover.js +8 -1
- package/dist/generated/uf-popover.js.map +1 -1
- package/dist/generated/uf-progress.d.ts +4 -0
- package/dist/generated/uf-progress.d.ts.map +1 -0
- package/dist/generated/uf-progress.js +22 -0
- package/dist/generated/uf-progress.js.map +1 -0
- package/dist/generated/uf-radio-group.d.ts.map +1 -1
- package/dist/generated/uf-radio-group.js +12 -1
- package/dist/generated/uf-radio-group.js.map +1 -1
- package/dist/generated/uf-radio.d.ts.map +1 -1
- package/dist/generated/uf-radio.js +7 -1
- package/dist/generated/uf-radio.js.map +1 -1
- package/dist/generated/uf-select.d.ts.map +1 -1
- package/dist/generated/uf-select.js +14 -1
- package/dist/generated/uf-select.js.map +1 -1
- package/dist/generated/uf-slider.d.ts +8 -0
- package/dist/generated/uf-slider.d.ts.map +1 -0
- package/dist/generated/uf-slider.js +30 -0
- package/dist/generated/uf-slider.js.map +1 -0
- package/dist/generated/uf-spinner.d.ts +4 -0
- package/dist/generated/uf-spinner.d.ts.map +1 -0
- package/dist/generated/uf-spinner.js +18 -0
- package/dist/generated/uf-spinner.js.map +1 -0
- package/dist/generated/uf-switch.d.ts.map +1 -1
- package/dist/generated/uf-switch.js +11 -1
- package/dist/generated/uf-switch.js.map +1 -1
- package/dist/generated/uf-tab-panel.d.ts.map +1 -1
- package/dist/generated/uf-tab-panel.js +5 -1
- package/dist/generated/uf-tab-panel.js.map +1 -1
- package/dist/generated/uf-tab.d.ts.map +1 -1
- package/dist/generated/uf-tab.js +6 -1
- package/dist/generated/uf-tab.js.map +1 -1
- package/dist/generated/uf-table.d.ts.map +1 -1
- package/dist/generated/uf-table.js +13 -1
- package/dist/generated/uf-table.js.map +1 -1
- package/dist/generated/uf-tabs.d.ts.map +1 -1
- package/dist/generated/uf-tabs.js +8 -1
- package/dist/generated/uf-tabs.js.map +1 -1
- package/dist/generated/uf-textarea.d.ts.map +1 -1
- package/dist/generated/uf-textarea.js +19 -1
- package/dist/generated/uf-textarea.js.map +1 -1
- package/dist/generated/uf-toaster.d.ts.map +1 -1
- package/dist/generated/uf-toaster.js +6 -1
- package/dist/generated/uf-toaster.js.map +1 -1
- package/dist/generated/uf-tooltip.d.ts.map +1 -1
- package/dist/generated/uf-tooltip.js +9 -1
- package/dist/generated/uf-tooltip.js.map +1 -1
- package/dist/server-attributes.d.ts +16 -0
- package/dist/server-attributes.d.ts.map +1 -0
- package/dist/server-attributes.js +39 -0
- package/dist/server-attributes.js.map +1 -0
- package/package.json +2 -2
|
@@ -1,13 +1,17 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
// Generated by scripts/generate.mjs from @unframed/core/custom-elements.json. Do not edit.
|
|
2
3
|
import * as React from 'react';
|
|
3
4
|
import { createComponent } from '@lit/react';
|
|
4
5
|
import { UfTabPanel as UfTabPanelElement } from '@unframed/core/tabs';
|
|
6
|
+
import { withServerAttributes } from '../server-attributes.js';
|
|
5
7
|
/** A panel of content inside `<uf-tabs>`. */
|
|
6
|
-
export const UfTabPanel = createComponent({
|
|
8
|
+
export const UfTabPanel = withServerAttributes(createComponent({
|
|
7
9
|
tagName: 'uf-tab-panel',
|
|
8
10
|
elementClass: UfTabPanelElement,
|
|
9
11
|
react: React,
|
|
10
12
|
displayName: 'UfTabPanel',
|
|
11
13
|
events: {},
|
|
14
|
+
}), 'uf-tab-panel', {
|
|
15
|
+
name: "name",
|
|
12
16
|
});
|
|
13
17
|
//# sourceMappingURL=uf-tab-panel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uf-tab-panel.js","sourceRoot":"","sources":["../../src/generated/uf-tab-panel.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"uf-tab-panel.js","sourceRoot":"","sources":["../../src/generated/uf-tab-panel.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,2FAA2F;AAC3F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,6CAA6C;AAC7C,MAAM,CAAC,MAAM,UAAU,GAAG,oBAAoB,CAC5C,eAAe,CAAC;IACd,OAAO,EAAE,cAAc;IACvB,YAAY,EAAE,iBAAiB;IAC/B,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,YAAY;IACzB,MAAM,EAAE,EAAE;CACX,CAAC,EACF,cAAc,EACd;IACE,IAAI,EAAE,MAAM;CACf,CACA,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uf-tab.d.ts","sourceRoot":"","sources":["../../src/generated/uf-tab.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"uf-tab.d.ts","sourceRoot":"","sources":["../../src/generated/uf-tab.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAG5D,2BAA2B;AAC3B,eAAO,MAAM,KAAK,0DAajB,CAAC"}
|
package/dist/generated/uf-tab.js
CHANGED
|
@@ -1,13 +1,18 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
// Generated by scripts/generate.mjs from @unframed/core/custom-elements.json. Do not edit.
|
|
2
3
|
import * as React from 'react';
|
|
3
4
|
import { createComponent } from '@lit/react';
|
|
4
5
|
import { UfTab as UfTabElement } from '@unframed/core/tabs';
|
|
6
|
+
import { withServerAttributes } from '../server-attributes.js';
|
|
5
7
|
/** A tab in a tab list. */
|
|
6
|
-
export const UfTab = createComponent({
|
|
8
|
+
export const UfTab = withServerAttributes(createComponent({
|
|
7
9
|
tagName: 'uf-tab',
|
|
8
10
|
elementClass: UfTabElement,
|
|
9
11
|
react: React,
|
|
10
12
|
displayName: 'UfTab',
|
|
11
13
|
events: {},
|
|
14
|
+
}), 'uf-tab', {
|
|
15
|
+
panel: "panel",
|
|
16
|
+
disabled: "disabled",
|
|
12
17
|
});
|
|
13
18
|
//# sourceMappingURL=uf-tab.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uf-tab.js","sourceRoot":"","sources":["../../src/generated/uf-tab.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"uf-tab.js","sourceRoot":"","sources":["../../src/generated/uf-tab.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,2FAA2F;AAC3F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,2BAA2B;AAC3B,MAAM,CAAC,MAAM,KAAK,GAAG,oBAAoB,CACvC,eAAe,CAAC;IACd,OAAO,EAAE,QAAQ;IACjB,YAAY,EAAE,YAAY;IAC1B,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,OAAO;IACpB,MAAM,EAAE,EAAE;CACX,CAAC,EACF,QAAQ,EACR;IACE,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;CACvB,CACA,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uf-table.d.ts","sourceRoot":"","sources":["../../src/generated/uf-table.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"uf-table.d.ts","sourceRoot":"","sources":["../../src/generated/uf-table.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,oDAAoD;AACpD,eAAO,MAAM,OAAO;cAOS,SAAS,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;EAenE,CAAC"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
// Generated by scripts/generate.mjs from @unframed/core/custom-elements.json. Do not edit.
|
|
2
3
|
import * as React from 'react';
|
|
3
4
|
import { createComponent } from '@lit/react';
|
|
4
5
|
import { UfTable as UfTableElement } from '@unframed/core/table';
|
|
6
|
+
import { withServerAttributes } from '../server-attributes.js';
|
|
5
7
|
/** Shows data in rows and columns, with sorting. */
|
|
6
|
-
export const UfTable = createComponent({
|
|
8
|
+
export const UfTable = withServerAttributes(createComponent({
|
|
7
9
|
tagName: 'uf-table',
|
|
8
10
|
elementClass: UfTableElement,
|
|
9
11
|
react: React,
|
|
@@ -11,5 +13,15 @@ export const UfTable = createComponent({
|
|
|
11
13
|
events: {
|
|
12
14
|
onUfSort: 'uf-sort',
|
|
13
15
|
},
|
|
16
|
+
}), 'uf-table', {
|
|
17
|
+
columns: "columns",
|
|
18
|
+
rows: "rows",
|
|
19
|
+
label: "label",
|
|
20
|
+
sortKey: "sort-key",
|
|
21
|
+
sortDirection: "sort-direction",
|
|
22
|
+
manualSort: "manual-sort",
|
|
23
|
+
rowKey: "row-key",
|
|
24
|
+
striped: "striped",
|
|
25
|
+
density: "density",
|
|
14
26
|
});
|
|
15
27
|
//# sourceMappingURL=uf-table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uf-table.js","sourceRoot":"","sources":["../../src/generated/uf-table.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"uf-table.js","sourceRoot":"","sources":["../../src/generated/uf-table.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,2FAA2F;AAC3F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,oDAAoD;AACpD,MAAM,CAAC,MAAM,OAAO,GAAG,oBAAoB,CACzC,eAAe,CAAC;IACd,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,cAAc;IAC5B,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,SAAS;IACtB,MAAM,EAAE;QACN,QAAQ,EAAE,SAAoD;KAC/D;CACF,CAAC,EACF,UAAU,EACV;IACE,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,UAAU;IACnB,aAAa,EAAE,gBAAgB;IAC/B,UAAU,EAAE,aAAa;IACzB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACrB,CACA,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uf-tabs.d.ts","sourceRoot":"","sources":["../../src/generated/uf-tabs.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"uf-tabs.d.ts","sourceRoot":"","sources":["../../src/generated/uf-tabs.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,4DAA4D;AAC5D,eAAO,MAAM,MAAM;mBAOqB,SAAS,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;EAU9E,CAAC"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
// Generated by scripts/generate.mjs from @unframed/core/custom-elements.json. Do not edit.
|
|
2
3
|
import * as React from 'react';
|
|
3
4
|
import { createComponent } from '@lit/react';
|
|
4
5
|
import { UfTabs as UfTabsElement } from '@unframed/core/tabs';
|
|
6
|
+
import { withServerAttributes } from '../server-attributes.js';
|
|
5
7
|
/** Organizes content into panels, one visible at a time. */
|
|
6
|
-
export const UfTabs = createComponent({
|
|
8
|
+
export const UfTabs = withServerAttributes(createComponent({
|
|
7
9
|
tagName: 'uf-tabs',
|
|
8
10
|
elementClass: UfTabsElement,
|
|
9
11
|
react: React,
|
|
@@ -11,5 +13,10 @@ export const UfTabs = createComponent({
|
|
|
11
13
|
events: {
|
|
12
14
|
onUfTabChange: 'uf-tab-change',
|
|
13
15
|
},
|
|
16
|
+
}), 'uf-tabs', {
|
|
17
|
+
active: "active",
|
|
18
|
+
activation: "activation",
|
|
19
|
+
orientation: "orientation",
|
|
20
|
+
label: "label",
|
|
14
21
|
});
|
|
15
22
|
//# sourceMappingURL=uf-tabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uf-tabs.js","sourceRoot":"","sources":["../../src/generated/uf-tabs.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"uf-tabs.js","sourceRoot":"","sources":["../../src/generated/uf-tabs.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,2FAA2F;AAC3F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,4DAA4D;AAC5D,MAAM,CAAC,MAAM,MAAM,GAAG,oBAAoB,CACxC,eAAe,CAAC;IACd,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,aAAa;IAC3B,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,QAAQ;IACrB,MAAM,EAAE;QACN,aAAa,EAAE,eAA0D;KAC1E;CACF,CAAC,EACF,SAAS,EACT;IACE,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,YAAY;IACxB,WAAW,EAAE,aAAa;IAC1B,KAAK,EAAE,OAAO;CACjB,CACA,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uf-textarea.d.ts","sourceRoot":"","sources":["../../src/generated/uf-textarea.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"uf-textarea.d.ts","sourceRoot":"","sources":["../../src/generated/uf-textarea.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG1E,+CAA+C;AAC/C,eAAO,MAAM,UAAU;aAOG,SAAS,CAAC,KAAK,CAAC;cACd,SAAS,CAAC,KAAK,CAAC;EAqB3C,CAAC"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
// Generated by scripts/generate.mjs from @unframed/core/custom-elements.json. Do not edit.
|
|
2
3
|
import * as React from 'react';
|
|
3
4
|
import { createComponent } from '@lit/react';
|
|
4
5
|
import { UfTextarea as UfTextareaElement } from '@unframed/core/textarea';
|
|
6
|
+
import { withServerAttributes } from '../server-attributes.js';
|
|
5
7
|
/** Lets users enter multiple lines of text. */
|
|
6
|
-
export const UfTextarea = createComponent({
|
|
8
|
+
export const UfTextarea = withServerAttributes(createComponent({
|
|
7
9
|
tagName: 'uf-textarea',
|
|
8
10
|
elementClass: UfTextareaElement,
|
|
9
11
|
react: React,
|
|
@@ -12,5 +14,21 @@ export const UfTextarea = createComponent({
|
|
|
12
14
|
onInput: 'input',
|
|
13
15
|
onChange: 'change',
|
|
14
16
|
},
|
|
17
|
+
}), 'uf-textarea', {
|
|
18
|
+
value: "value",
|
|
19
|
+
defaultValue: "value",
|
|
20
|
+
label: "label",
|
|
21
|
+
hint: "hint",
|
|
22
|
+
placeholder: "placeholder",
|
|
23
|
+
rows: "rows",
|
|
24
|
+
resize: "resize",
|
|
25
|
+
size: "size",
|
|
26
|
+
readonly: "readonly",
|
|
27
|
+
autocomplete: "autocomplete",
|
|
28
|
+
minlength: "minlength",
|
|
29
|
+
maxlength: "maxlength",
|
|
30
|
+
name: "name",
|
|
31
|
+
disabled: "disabled",
|
|
32
|
+
required: "required",
|
|
15
33
|
});
|
|
16
34
|
//# sourceMappingURL=uf-textarea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uf-textarea.js","sourceRoot":"","sources":["../../src/generated/uf-textarea.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"uf-textarea.js","sourceRoot":"","sources":["../../src/generated/uf-textarea.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,2FAA2F;AAC3F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,+CAA+C;AAC/C,MAAM,CAAC,MAAM,UAAU,GAAG,oBAAoB,CAC5C,eAAe,CAAC;IACd,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,iBAAiB;IAC/B,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,YAAY;IACzB,MAAM,EAAE;QACN,OAAO,EAAE,OAA2B;QACpC,QAAQ,EAAE,QAA4B;KACvC;CACF,CAAC,EACF,aAAa,EACb;IACE,KAAK,EAAE,OAAO;IACd,YAAY,EAAE,OAAO;IACrB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,aAAa;IAC1B,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,YAAY,EAAE,cAAc;IAC5B,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;CACvB,CACA,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uf-toaster.d.ts","sourceRoot":"","sources":["../../src/generated/uf-toaster.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"uf-toaster.d.ts","sourceRoot":"","sources":["../../src/generated/uf-toaster.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGrE,4CAA4C;AAC5C,eAAO,MAAM,SAAS,8DAarB,CAAC"}
|
|
@@ -1,13 +1,18 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
// Generated by scripts/generate.mjs from @unframed/core/custom-elements.json. Do not edit.
|
|
2
3
|
import * as React from 'react';
|
|
3
4
|
import { createComponent } from '@lit/react';
|
|
4
5
|
import { UfToaster as UfToasterElement } from '@unframed/core/toast';
|
|
6
|
+
import { withServerAttributes } from '../server-attributes.js';
|
|
5
7
|
/** Shows short, temporary notifications. */
|
|
6
|
-
export const UfToaster = createComponent({
|
|
8
|
+
export const UfToaster = withServerAttributes(createComponent({
|
|
7
9
|
tagName: 'uf-toaster',
|
|
8
10
|
elementClass: UfToasterElement,
|
|
9
11
|
react: React,
|
|
10
12
|
displayName: 'UfToaster',
|
|
11
13
|
events: {},
|
|
14
|
+
}), 'uf-toaster', {
|
|
15
|
+
placement: "placement",
|
|
16
|
+
label: "label",
|
|
12
17
|
});
|
|
13
18
|
//# sourceMappingURL=uf-toaster.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uf-toaster.js","sourceRoot":"","sources":["../../src/generated/uf-toaster.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"uf-toaster.js","sourceRoot":"","sources":["../../src/generated/uf-toaster.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,2FAA2F;AAC3F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,4CAA4C;AAC5C,MAAM,CAAC,MAAM,SAAS,GAAG,oBAAoB,CAC3C,eAAe,CAAC;IACd,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,gBAAgB;IAC9B,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,WAAW;IACxB,MAAM,EAAE,EAAE;CACX,CAAC,EACF,YAAY,EACZ;IACE,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,OAAO;CACjB,CACA,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uf-tooltip.d.ts","sourceRoot":"","sources":["../../src/generated/uf-tooltip.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"uf-tooltip.d.ts","sourceRoot":"","sources":["../../src/generated/uf-tooltip.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAGvE,mDAAmD;AACnD,eAAO,MAAM,SAAS,8DAgBrB,CAAC"}
|
|
@@ -1,13 +1,21 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
// Generated by scripts/generate.mjs from @unframed/core/custom-elements.json. Do not edit.
|
|
2
3
|
import * as React from 'react';
|
|
3
4
|
import { createComponent } from '@lit/react';
|
|
4
5
|
import { UfTooltip as UfTooltipElement } from '@unframed/core/tooltip';
|
|
6
|
+
import { withServerAttributes } from '../server-attributes.js';
|
|
5
7
|
/** Shows a short hint for the element it wraps. */
|
|
6
|
-
export const UfTooltip = createComponent({
|
|
8
|
+
export const UfTooltip = withServerAttributes(createComponent({
|
|
7
9
|
tagName: 'uf-tooltip',
|
|
8
10
|
elementClass: UfTooltipElement,
|
|
9
11
|
react: React,
|
|
10
12
|
displayName: 'UfTooltip',
|
|
11
13
|
events: {},
|
|
14
|
+
}), 'uf-tooltip', {
|
|
15
|
+
content: "content",
|
|
16
|
+
placement: "placement",
|
|
17
|
+
disabled: "disabled",
|
|
18
|
+
delay: "delay",
|
|
19
|
+
open: "open",
|
|
12
20
|
});
|
|
13
21
|
//# sourceMappingURL=uf-tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uf-tooltip.js","sourceRoot":"","sources":["../../src/generated/uf-tooltip.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"uf-tooltip.js","sourceRoot":"","sources":["../../src/generated/uf-tooltip.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,2FAA2F;AAC3F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,mDAAmD;AACnD,MAAM,CAAC,MAAM,SAAS,GAAG,oBAAoB,CAC3C,eAAe,CAAC;IACd,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,gBAAgB;IAC9B,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,WAAW;IACxB,MAAM,EAAE,EAAE;CACX,CAAC,EACF,YAAY,EACZ;IACE,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;CACf,CACA,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/** Each element property, by prop name: its attribute, or `null` when it has none. */
|
|
2
|
+
export type ServerAttributes = Record<string, string | null>;
|
|
3
|
+
/**
|
|
4
|
+
* Server-side rendering (Next.js, Remix…) for a wrapper made with
|
|
5
|
+
* `createComponent`, which sets props as properties in the browser and so
|
|
6
|
+
* renders bare tags on the server. On the server, this renders the props as
|
|
7
|
+
* the element's attributes instead: strings and numbers as values, `true` as
|
|
8
|
+
* an empty attribute. Objects, functions and event handlers are left to the
|
|
9
|
+
* browser. With the attributes in the HTML, elements start right when their
|
|
10
|
+
* code loads, before React hydrates: tabs match their panels, selects show
|
|
11
|
+
* their value. In the browser it returns the wrapper unchanged.
|
|
12
|
+
*
|
|
13
|
+
* @internal Used by the generated wrappers.
|
|
14
|
+
*/
|
|
15
|
+
export declare function withServerAttributes<C>(component: C, tagName: string, attributes: ServerAttributes): C;
|
|
16
|
+
//# sourceMappingURL=server-attributes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"server-attributes.d.ts","sourceRoot":"","sources":["../src/server-attributes.ts"],"names":[],"mappings":"AAEA,sFAAsF;AACtF,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;AAE7D;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,gBAAgB,GAAG,CAAC,CAoBtG"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Server-side rendering (Next.js, Remix…) for a wrapper made with
|
|
4
|
+
* `createComponent`, which sets props as properties in the browser and so
|
|
5
|
+
* renders bare tags on the server. On the server, this renders the props as
|
|
6
|
+
* the element's attributes instead: strings and numbers as values, `true` as
|
|
7
|
+
* an empty attribute. Objects, functions and event handlers are left to the
|
|
8
|
+
* browser. With the attributes in the HTML, elements start right when their
|
|
9
|
+
* code loads, before React hydrates: tabs match their panels, selects show
|
|
10
|
+
* their value. In the browser it returns the wrapper unchanged.
|
|
11
|
+
*
|
|
12
|
+
* @internal Used by the generated wrappers.
|
|
13
|
+
*/
|
|
14
|
+
export function withServerAttributes(component, tagName, attributes) {
|
|
15
|
+
if (typeof window !== 'undefined')
|
|
16
|
+
return component;
|
|
17
|
+
const server = (props) => {
|
|
18
|
+
const rendered = {};
|
|
19
|
+
for (const [key, value] of Object.entries(props)) {
|
|
20
|
+
if (key in attributes) {
|
|
21
|
+
const attribute = attributes[key];
|
|
22
|
+
if (attribute === null || value == null || value === false)
|
|
23
|
+
continue;
|
|
24
|
+
if (value === true)
|
|
25
|
+
rendered[attribute] = '';
|
|
26
|
+
else if (typeof value === 'string' || typeof value === 'number')
|
|
27
|
+
rendered[attribute] = String(value);
|
|
28
|
+
}
|
|
29
|
+
else if (key !== 'ref' && !/^on[A-Z]/.test(key)) {
|
|
30
|
+
// children, slot, id, className, style, data-* and aria-*.
|
|
31
|
+
rendered[key] = value;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
return React.createElement(tagName, rendered);
|
|
35
|
+
};
|
|
36
|
+
server.displayName = component.displayName;
|
|
37
|
+
return server;
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=server-attributes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"server-attributes.js","sourceRoot":"","sources":["../src/server-attributes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,oBAAoB,CAAI,SAAY,EAAE,OAAe,EAAE,UAA4B;IACjG,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,SAAS,CAAC;IAEpD,MAAM,MAAM,GAAG,CAAC,KAA8B,EAAE,EAAE;QAChD,MAAM,QAAQ,GAA4B,EAAE,CAAC;QAC7C,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACjD,IAAI,GAAG,IAAI,UAAU,EAAE,CAAC;gBACtB,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;gBAClC,IAAI,SAAS,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,KAAK;oBAAE,SAAS;gBACrE,IAAI,KAAK,KAAK,IAAI;oBAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;qBACxC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ;oBAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YACvG,CAAC;iBAAM,IAAI,GAAG,KAAK,KAAK,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;gBAClD,2DAA2D;gBAC3D,QAAQ,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;YACxB,CAAC;QACH,CAAC;QACD,OAAO,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAChD,CAAC,CAAC;IACF,MAAM,CAAC,WAAW,GAAI,SAAsC,CAAC,WAAW,CAAC;IACzE,OAAO,MAAW,CAAC;AACrB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@unframed/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.8.0",
|
|
4
4
|
"description": "Typed React wrappers for Unframed web components.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Patrizio Di Bartolomeo",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@lit/react": "^1.0.8",
|
|
40
|
-
"@unframed/core": "0.
|
|
40
|
+
"@unframed/core": "0.8.0"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
43
|
"react": ">=18"
|