@seamapi/react 2.0.1 → 2.0.2
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/README.md +1 -1
- package/dist/elements.js +26 -26
- package/dist/elements.js.map +1 -1
- package/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.js +10 -2
- package/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.js.map +1 -1
- package/lib/seam/components/SupportedDeviceTable/SupportedDeviceRow.js +2 -1
- package/lib/seam/components/SupportedDeviceTable/SupportedDeviceRow.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.tsx +12 -6
- package/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceRow.tsx +3 -2
- package/src/lib/version.ts +1 -1
|
@@ -6,7 +6,7 @@ import { SearchTextField } from '../../../../lib/ui/TextField/SearchTextField.js
|
|
|
6
6
|
import { useFilteredManufacturers } from './use-filtered-manufacturers.js';
|
|
7
7
|
export function SupportedDeviceFilterArea({ filterValue, setFilterValue, filters, setFilters, manufacturers, excludedManufacturers, }) {
|
|
8
8
|
const appliedFiltersCount = getAppliedFilterCount(filters);
|
|
9
|
-
const { manufacturers:
|
|
9
|
+
const { manufacturers: manufacturersData } = useFilteredManufacturers({
|
|
10
10
|
manufacturers,
|
|
11
11
|
excludedManufacturers,
|
|
12
12
|
});
|
|
@@ -18,9 +18,17 @@ export function SupportedDeviceFilterArea({ filterValue, setFilterValue, filters
|
|
|
18
18
|
};
|
|
19
19
|
const filterButtonLabel = appliedFiltersCount > 0 ? `${t.filters} (${appliedFiltersCount})` : t.filter;
|
|
20
20
|
const allLabel = t.all;
|
|
21
|
+
const options = manufacturersData
|
|
22
|
+
?.filter((manufacturer) => {
|
|
23
|
+
if (filters.supportedOnly) {
|
|
24
|
+
return ['stable', 'beta'].includes(manufacturer.integration);
|
|
25
|
+
}
|
|
26
|
+
return true;
|
|
27
|
+
})
|
|
28
|
+
?.map((manufacturer) => manufacturer.display_name) ?? [];
|
|
21
29
|
return (_jsxs("div", { className: 'seam-supported-device-table-filter-area', children: [_jsx("div", { className: 'seam-deliberate-block' }), _jsxs("div", { className: 'seam-filters-wrap', children: [_jsx(Menu, { renderButton: ({ onOpen }) => (_jsx(Button, { variant: 'outline', className: 'seam-filters-button', onClick: onOpen, children: filterButtonLabel })), children: _jsxs("div", { className: 'seam-supported-device-table-filter-menu', onClick: (event) => {
|
|
22
30
|
event.stopPropagation();
|
|
23
|
-
}, children: [_jsx("div", { className: 'seam-filter-menu-row', children: _jsx(FilterCategoryMenu, { label: t.manufacturer, allLabel: allLabel, options:
|
|
31
|
+
}, children: [_jsx("div", { className: 'seam-filter-menu-row', children: _jsx(FilterCategoryMenu, { label: t.manufacturer, allLabel: allLabel, options: options, onSelect: (manufacturer) => {
|
|
24
32
|
setFilters((filters) => ({
|
|
25
33
|
...filters,
|
|
26
34
|
manufacturer,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SupportedDeviceFilterArea.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gEAAgE,CAAA;AAEnG,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAErE,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAA;AAW1E,MAAM,UAAU,yBAAyB,CAAC,EACxC,WAAW,EACX,cAAc,EACd,OAAO,EACP,UAAU,EACV,aAAa,EACb,qBAAqB,GACU;IAC/B,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAA;IAE1D,MAAM,EAAE,aAAa,EAAE,
|
|
1
|
+
{"version":3,"file":"SupportedDeviceFilterArea.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,8 @@ export function ImageColumn({ deviceModel, }) {
|
|
|
8
8
|
return (_jsx("div", { className: 'seam-col seam-device-image-col', children: _jsx("div", { className: 'seam-image-box', children: _jsx("img", { width: 40, src: deviceModel.aesthetic_variants[0]?.images[0]?.url }) }) }));
|
|
9
9
|
}
|
|
10
10
|
export function ModelColumn({ deviceModel, }) {
|
|
11
|
-
|
|
11
|
+
const sku = deviceModel.aesthetic_variants[0]?.manufacturer_sku;
|
|
12
|
+
return (_jsxs("div", { className: 'seam-col seam-model-col', children: [_jsx("div", { className: 'seam-model-name', children: _jsx("div", { className: 'seam-truncated-text', children: deviceModel.display_name }) }), _jsx("div", { className: 'seam-model-id', children: _jsxs("div", { className: 'seam-truncated-text', children: [sku, sku != null && _jsx(DotDivider, {}), deviceModel.main_connection_type] }) })] }));
|
|
12
13
|
}
|
|
13
14
|
export function StatusColumn({ deviceModel, }) {
|
|
14
15
|
const statusColor = supportLevelColors[deviceModel.manufacturer.integration] ?? 'unknown';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SupportedDeviceRow.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/SupportedDeviceRow.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAMxD,MAAM,UAAU,kBAAkB,CAAC,EACjC,WAAW,GACa;IACxB,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACvB,KAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,EACzC,KAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,EACzC,KAAC,YAAY,IAAC,WAAW,EAAE,WAAW,GAAI,IACtC,CACP,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,WAAW,GACa;IACxB,OAAO,CACL,cAAK,SAAS,EAAC,gCAAgC,YAC7C,cAAK,SAAS,EAAC,gBAAgB,YAC7B,cACE,KAAK,EAAE,EAAE,EACT,GAAG,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,GACtD,GACE,GACF,CACP,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,WAAW,GACa;IACxB,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,iBAAiB,YAC9B,cAAK,SAAS,EAAC,qBAAqB,YAAE,WAAW,CAAC,YAAY,GAAO,GACjE,EACN,cAAK,SAAS,EAAC,eAAe,YAC5B,eAAK,SAAS,EAAC,qBAAqB,aACjC,
|
|
1
|
+
{"version":3,"file":"SupportedDeviceRow.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/SupportedDeviceRow.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAMxD,MAAM,UAAU,kBAAkB,CAAC,EACjC,WAAW,GACa;IACxB,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACvB,KAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,EACzC,KAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,EACzC,KAAC,YAAY,IAAC,WAAW,EAAE,WAAW,GAAI,IACtC,CACP,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,WAAW,GACa;IACxB,OAAO,CACL,cAAK,SAAS,EAAC,gCAAgC,YAC7C,cAAK,SAAS,EAAC,gBAAgB,YAC7B,cACE,KAAK,EAAE,EAAE,EACT,GAAG,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,GACtD,GACE,GACF,CACP,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,WAAW,GACa;IACxB,MAAM,GAAG,GAAG,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAA;IAC/D,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,iBAAiB,YAC9B,cAAK,SAAS,EAAC,qBAAqB,YAAE,WAAW,CAAC,YAAY,GAAO,GACjE,EACN,cAAK,SAAS,EAAC,eAAe,YAC5B,eAAK,SAAS,EAAC,qBAAqB,aACjC,GAAG,EACH,GAAG,IAAI,IAAI,IAAI,KAAC,UAAU,KAAG,EAC7B,WAAW,CAAC,oBAAoB,IAC7B,GACF,IACF,CACP,CAAA;AACH,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAC3B,WAAW,GACa;IACxB,MAAM,WAAW,GACf,kBAAkB,CAAC,WAAW,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,SAAS,CAAA;IAEvE,OAAO,CACL,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,UAAU,WAAW,EAAE,CAAC,YACrE,yBAAO,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC,WAAW,CAAC,GAAQ,GACvD,GACF,CACP,CAAA;AACH,CAAC;AAED,MAAM,kBAAkB,GAGpB;IACF,MAAM,EAAE,OAAO;IACf,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,WAAW,EAAE,SAAS;IACtB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,MAAM,GAAiE;IAC3E,MAAM,EAAE,MAAM;IACd,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,SAAS;IACtB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAG5B;IACF,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;CACnB,CAAA"}
|
package/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const seamapiReactVersion = "2.0.
|
|
1
|
+
declare const seamapiReactVersion = "2.0.2";
|
|
2
2
|
export default seamapiReactVersion;
|
package/lib/version.js
CHANGED
package/package.json
CHANGED
|
@@ -27,7 +27,7 @@ export function SupportedDeviceFilterArea({
|
|
|
27
27
|
}: SupportedDeviceFilterAreaProps): JSX.Element {
|
|
28
28
|
const appliedFiltersCount = getAppliedFilterCount(filters)
|
|
29
29
|
|
|
30
|
-
const { manufacturers:
|
|
30
|
+
const { manufacturers: manufacturersData } = useFilteredManufacturers({
|
|
31
31
|
manufacturers,
|
|
32
32
|
excludedManufacturers,
|
|
33
33
|
})
|
|
@@ -44,6 +44,16 @@ export function SupportedDeviceFilterArea({
|
|
|
44
44
|
|
|
45
45
|
const allLabel = t.all
|
|
46
46
|
|
|
47
|
+
const options =
|
|
48
|
+
manufacturersData
|
|
49
|
+
?.filter((manufacturer) => {
|
|
50
|
+
if (filters.supportedOnly) {
|
|
51
|
+
return ['stable', 'beta'].includes(manufacturer.integration)
|
|
52
|
+
}
|
|
53
|
+
return true
|
|
54
|
+
})
|
|
55
|
+
?.map((manufacturer) => manufacturer.display_name) ?? []
|
|
56
|
+
|
|
47
57
|
return (
|
|
48
58
|
<div className='seam-supported-device-table-filter-area'>
|
|
49
59
|
<div className='seam-deliberate-block' />
|
|
@@ -69,11 +79,7 @@ export function SupportedDeviceFilterArea({
|
|
|
69
79
|
<FilterCategoryMenu
|
|
70
80
|
label={t.manufacturer}
|
|
71
81
|
allLabel={allLabel}
|
|
72
|
-
options={
|
|
73
|
-
availableManufacturers?.map(
|
|
74
|
-
(manufacturer) => manufacturer.display_name
|
|
75
|
-
) ?? []
|
|
76
|
-
}
|
|
82
|
+
options={options}
|
|
77
83
|
onSelect={(manufacturer: string) => {
|
|
78
84
|
setFilters((filters) => ({
|
|
79
85
|
...filters,
|
|
@@ -38,6 +38,7 @@ export function ImageColumn({
|
|
|
38
38
|
export function ModelColumn({
|
|
39
39
|
deviceModel,
|
|
40
40
|
}: SupportedDeviceRowProps): JSX.Element {
|
|
41
|
+
const sku = deviceModel.aesthetic_variants[0]?.manufacturer_sku
|
|
41
42
|
return (
|
|
42
43
|
<div className='seam-col seam-model-col'>
|
|
43
44
|
<div className='seam-model-name'>
|
|
@@ -45,8 +46,8 @@ export function ModelColumn({
|
|
|
45
46
|
</div>
|
|
46
47
|
<div className='seam-model-id'>
|
|
47
48
|
<div className='seam-truncated-text'>
|
|
48
|
-
{
|
|
49
|
-
<DotDivider />
|
|
49
|
+
{sku}
|
|
50
|
+
{sku != null && <DotDivider />}
|
|
50
51
|
{deviceModel.main_connection_type}
|
|
51
52
|
</div>
|
|
52
53
|
</div>
|
package/src/lib/version.ts
CHANGED