@furystack/shades-common-components 4.0.17 → 5.0.1

package/esm/components/data-grid/body.js

@@ -0,0 +1,19 @@
+import { Shade, createComponent } from '@furystack/shades';
+import { Loader } from '../loader';
+import { DataGridRow } from './data-grid-row';
+export const DataGridBody = Shade({
+    shadowDomName: 'shade-data-grid-body',
+    render: ({ props, element, useObservable }) => {
+        element.style.display = 'table-row-group';
+        const [data] = useObservable('data', props.service.data);
+        const [isLoading] = useObservable('isLoading', props.service.isLoading);
+        if (isLoading) {
+            return (createComponent("div", { style: { display: 'flex', height: '100%', justifyContent: 'center', alignItems: 'center', width: '100%' } }, props.loaderComponent || createComponent(Loader, { style: { height: '128px', width: '128px' } })));
+        }
+        if (!data?.entries?.length) {
+            return props.emptyComponent || createComponent("div", null, " - No Data - ");
+        }
+        return (createComponent(createComponent, null, data?.entries?.map((entry) => (createComponent(DataGridRow, { columns: props.columns, entry: entry, service: props.service, rowComponents: props.rowComponents, onRowClick: props.onRowClick, onRowDoubleClick: props.onRowDoubleClick, focusedRowStyle: props.focusedRowStyle, unfocusedRowStyle: props.unfocusedRowStyle, selectedRowStyle: props.selectedRowStyle, unselectedRowStyle: props.unselectedRowStyle })))));
+    },
+});
+//# sourceMappingURL=body.js.map

package/esm/components/data-grid/body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/components/data-grid/body.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE1D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAiB7C,MAAM,CAAC,MAAM,YAAY,GAAiF,KAAK,CAE7G;IACA,aAAa,EAAE,sBAAsB;IACrC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE;QAC5C,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,iBAAiB,CAAA;QAEzC,MAAM,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACxD,MAAM,CAAC,SAAS,CAAC,GAAG,aAAa,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;QAEvE,IAAI,SAAS,EAAE;YACb,OAAO,CACL,yBAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAE3G,KAAK,CAAC,eAAe,IAAI,gBAAC,MAAM,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAI,CAC5E,CACP,CAAA;SACF;QAED,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE;YAC1B,OAAO,KAAK,CAAC,cAAc,IAAI,6CAAwB,CAAA;SACxD;QAED,OAAO,CACL,uCACG,IAAI,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7B,gBAAC,WAAW,IACV,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,GAC/B,CAChB,CAAC,CACD,CACJ,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

package/{dist → esm}/components/data-grid/data-grid-row.js

@@ -1,22 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridRow = void 0;
-const shades_1 = require("@furystack/shades");
-const services_1 = require("../../services");
-exports.DataGridRow = (0, shades_1.Shade)({
+import { attachStyles, createComponent, Shade } from '@furystack/shades';
+import { ThemeProviderService } from '../../services';
+export const DataGridRow = Shade({
     shadowDomName: 'shades-data-grid-row',
     render: ({ props, element, useObservable, injector }) => {
         const { entry, rowComponents, columns, service } = props;
-        const { theme } = injector.getInstance(services_1.ThemeProviderService);
+        const { theme } = injector.getInstance(ThemeProviderService);
         const attachSelectedStyles = (selection) => {
             if (selection.includes(entry)) {
                 element.classList.add('selected');
-                (0, shades_1.attachStyles)(element, { style: props.selectedRowStyle || { backgroundColor: theme.background.default } });
+                attachStyles(element, { style: props.selectedRowStyle || { backgroundColor: theme.background.default } });
                 element.setAttribute('aria-selected', 'true');
             }
             else {
                 element.classList.remove('selected');
-                (0, shades_1.attachStyles)(element, { style: props.unselectedRowStyle || { backgroundColor: 'transparent' } });
+                attachStyles(element, { style: props.unselectedRowStyle || { backgroundColor: 'transparent' } });
                 element.setAttribute('aria-selected', 'false');
             }
         };
@@ -24,7 +21,7 @@ exports.DataGridRow = (0, shades_1.Shade)({
         attachSelectedStyles(selection);
         const [focus] = useObservable('focus', service.focusedEntry, (newEntry) => {
             if (newEntry === props.entry) {
-                (0, shades_1.attachStyles)(element, {
+                attachStyles(element, {
                     style: props.focusedRowStyle || {
                         boxShadow: `0 0 0 1px ${theme.palette.primary.main}`,
                         fontWeight: 'bolder',
@@ -48,7 +45,7 @@ exports.DataGridRow = (0, shades_1.Shade)({
             }
             else {
                 element.classList.remove('focused');
-                (0, shades_1.attachStyles)(element, {
+                attachStyles(element, {
                     style: props.unfocusedRowStyle || {
                         boxShadow: 'none',
                         fontWeight: 'inherit',
@@ -67,8 +64,8 @@ exports.DataGridRow = (0, shades_1.Shade)({
             element.classList.add('focused');
         }
         element.setAttribute('aria-selected', selection?.includes(entry).toString() || 'false');
-        return ((0, shades_1.createComponent)(shades_1.createComponent, null, columns.map((column) => ((0, shades_1.createComponent)("td", { style: { padding: '0.5em' }, onclick: (ev) => props.onRowClick?.(entry, ev), ondblclick: (ev) => props.onRowDoubleClick?.(entry, ev) }, rowComponents?.[column]?.(entry, { selection, focus }) ||
-            rowComponents?.default?.(entry, { selection, focus }) || (0, shades_1.createComponent)("span", null, entry[column]))))));
+        return (createComponent(createComponent, null, columns.map((column) => (createComponent("td", { style: { padding: '0.5em' }, onclick: (ev) => props.onRowClick?.(entry, ev), ondblclick: (ev) => props.onRowDoubleClick?.(entry, ev) }, rowComponents?.[column]?.(entry, { selection, focus }) ||
+            rowComponents?.default?.(entry, { selection, focus }) || createComponent("span", null, entry[column]))))));
     },
 });
 //# sourceMappingURL=data-grid-row.js.map

package/esm/components/data-grid/data-grid-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-row.js","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid-row.tsx"],"names":[],"mappings":"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"}

package/esm/components/data-grid/data-grid.js

@@ -0,0 +1,50 @@
+import { createComponent, Shade } from '@furystack/shades';
+import { DataGridHeader } from './header';
+import { DataGridBody } from './body';
+import { DataGridFooter } from './footer';
+import { ClickAwayService, ThemeProviderService } from '../../services';
+export const DataGrid = Shade({
+    shadowDomName: 'shade-data-grid',
+    constructed: ({ props }) => {
+        const listener = (ev) => props.service.handleKeyDown(ev);
+        window.addEventListener('keydown', listener);
+        return () => window.removeEventListener('keydown', listener);
+    },
+    render: ({ props, injector, useDisposable, element }) => {
+        const tp = injector.getInstance(ThemeProviderService);
+        const { theme } = tp;
+        useDisposable('clickAway', () => new ClickAwayService(element, () => {
+            props.service.hasFocus.setValue(false);
+        }));
+        const headerStyle = {
+            backdropFilter: 'blur(12px) saturate(180%)',
+            color: theme.text.secondary,
+            height: '38px',
+            alignItems: 'center',
+            borderRadius: '2px',
+            top: '2px',
+            position: 'sticky',
+            fontVariant: 'all-petite-caps',
+            zIndex: '1',
+            boxShadow: 'rgba(0, 0, 0, 0.2) 1px 1px 1px 2px',
+            ...props.styles?.header,
+        };
+        return (createComponent("div", { className: "shade-grid-wrapper", style: {
+                ...props.styles?.wrapper,
+                width: '100%',
+                height: '100%',
+                overflow: 'auto',
+                zIndex: '1',
+            }, onclick: () => {
+                props.service.hasFocus.setValue(true);
+            }, ariaMultiSelectable: "true" },
+            createComponent("table", { style: { width: '100%', maxHeight: 'calc(100% - 4em)', position: 'relative' } },
+                createComponent("thead", null,
+                    createComponent("tr", null, props.columns.map((column) => {
+                        return (createComponent("th", { style: headerStyle }, props.headerComponents?.[column]?.(column) || props.headerComponents?.default?.(column) || (createComponent(DataGridHeader, { field: column, collectionService: props.service }))));
+                    }))),
+                createComponent(DataGridBody, { columns: props.columns, service: props.service, rowComponents: props.rowComponents, onRowClick: (entry, ev) => props.service.handleRowClick(entry, ev), onRowDoubleClick: (entry) => props.service.handleRowDoubleClick(entry), style: props.styles?.cell, focusedRowStyle: props.focusedRowStyle, selectedRowStyle: props.selectedRowStyle, unfocusedRowStyle: props.unfocusedRowStyle, unselectedRowStyle: props.unselectedRowStyle, emptyComponent: props.emptyComponent, loaderComponent: props.loaderComponent })),
+            createComponent(DataGridFooter, { service: props.service })));
+    },
+});
+//# sourceMappingURL=data-grid.js.map

package/esm/components/data-grid/data-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid.js","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid.tsx"],"names":[],"mappings":"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"}

package/{dist → esm}/components/data-grid/footer.js

@@ -1,20 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridFooter = exports.dataGridItemsPerPage = void 0;
-const shades_1 = require("@furystack/shades");
-const services_1 = require("../../services");
-exports.dataGridItemsPerPage = [10, 20, 25, 50, 100, Infinity];
-exports.DataGridFooter = (0, shades_1.Shade)({
+import { Shade, createComponent } from '@furystack/shades';
+import { ThemeProviderService } from '../../services';
+export const dataGridItemsPerPage = [10, 20, 25, 50, 100, Infinity];
+export const DataGridFooter = Shade({
     shadowDomName: 'shade-data-grid-footer',
     render: ({ props, injector, useObservable }) => {
-        const { theme } = injector.getInstance(services_1.ThemeProviderService);
+        const { theme } = injector.getInstance(ThemeProviderService);
         const [currentData] = useObservable('dataUpdater', props.service.data);
         const [currentQuerySettings] = useObservable('querySettings', props.service.querySettings);
         const top = currentQuerySettings.top || Infinity;
         const skip = currentQuerySettings.skip || 0;
         const currentPage = Math.ceil(skip) / (top || 1);
         const currentEntriesPerPage = top;
-        return ((0, shades_1.createComponent)("div", { className: "pager", style: {
+        return (createComponent("div", { className: "pager", style: {
                 backdropFilter: 'blur(10px)',
                 color: theme.text.secondary,
                 position: 'sticky',
@@ -24,25 +21,25 @@ exports.DataGridFooter = (0, shades_1.Shade)({
                 padding: '1em',
                 alignItems: 'center',
             } },
-            currentEntriesPerPage !== Infinity && ((0, shades_1.createComponent)("div", null,
+            currentEntriesPerPage !== Infinity && (createComponent("div", null,
                 "Goto page",
-                (0, shades_1.createComponent)("select", { style: { margin: '0 1em' }, onchange: (ev) => {
+                createComponent("select", { style: { margin: '0 1em' }, onchange: (ev) => {
                         const value = parseInt(ev.target.value, 10);
                         const currentQuery = props.service.querySettings.getValue();
                         props.service.querySettings.setValue({ ...currentQuery, skip: (currentQuery.top || 0) * value });
                     } }, [
                     ...new Array(Math.ceil(currentData.count / (props.service.querySettings.getValue().top || Infinity))),
-                ].map((_val, index) => ((0, shades_1.createComponent)("option", { value: index.toString(), selected: currentPage === index }, (index + 1).toString())))))),
-            (0, shades_1.createComponent)("div", null,
+                ].map((_val, index) => (createComponent("option", { value: index.toString(), selected: currentPage === index }, (index + 1).toString())))))),
+            createComponent("div", null,
                 "Show",
-                (0, shades_1.createComponent)("select", { style: { margin: '0 1em' }, onchange: (ev) => {
+                createComponent("select", { style: { margin: '0 1em' }, onchange: (ev) => {
                         const value = parseInt(ev.currentTarget.value, 10);
                         props.service.querySettings.setValue({
                             ...currentQuerySettings,
                             top: value,
                             skip: currentPage * value,
                         });
-                    } }, exports.dataGridItemsPerPage.map((no) => ((0, shades_1.createComponent)("option", { value: no.toString(), selected: no === currentEntriesPerPage }, no.toString())))),
+                    } }, dataGridItemsPerPage.map((no) => (createComponent("option", { value: no.toString(), selected: no === currentEntriesPerPage }, no.toString())))),
                 "items per page")));
     },
 });

package/esm/components/data-grid/footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/components/data-grid/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAGrD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAA;AAEnE,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAsC;IACvE,aAAa,EAAE,wBAAwB;IACvC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAE;QAC7C,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAE5D,MAAM,CAAC,WAAW,CAAC,GAAG,aAAa,CAAC,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QAEtE,MAAM,CAAC,oBAAoB,CAAC,GAAG,aAAa,CAAC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;QAE1F,MAAM,GAAG,GAAG,oBAAoB,CAAC,GAAG,IAAI,QAAQ,CAAA;QAChD,MAAM,IAAI,GAAG,oBAAoB,CAAC,IAAI,IAAI,CAAC,CAAA;QAC3C,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAA;QAChD,MAAM,qBAAqB,GAAG,GAAG,CAAA;QAEjC,OAAO,CACL,yBACE,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE;gBACL,cAAc,EAAE,YAAY;gBAC5B,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS;gBAC3B,QAAQ,EAAE,QAAQ;gBAClB,MAAM,EAAE,GAAG;gBACX,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,UAAU;gBAC1B,OAAO,EAAE,KAAK;gBACd,UAAU,EAAE,QAAQ;aACrB;YAEA,qBAAqB,KAAK,QAAQ,IAAI,CACrC;;gBAEE,4BACE,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAC1B,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE;wBACf,MAAM,KAAK,GAAG,QAAQ,CAAE,EAAE,CAAC,MAAc,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;wBACpD,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAA;wBAC3D,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,GAAG,YAAY,EAAE,IAAI,EAAE,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,CAAA;oBAClG,CAAC,IAEA;oBACC,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC;iBACtG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACrB,4BAAQ,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,WAAW,KAAK,KAAK,IAC7D,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAChB,CACV,CAAC,CACK,CACL,CACP;YACD;;gBAEE,4BACE,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAC1B,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE;wBACf,MAAM,KAAK,GAAG,QAAQ,CAAE,EAAE,CAAC,aAAqB,CAAC,KAAe,EAAE,EAAE,CAAC,CAAA;wBACrE,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,QAAQ,CAAC;4BACnC,GAAG,oBAAoB;4BACvB,GAAG,EAAE,KAAK;4BACV,IAAI,EAAE,WAAW,GAAG,KAAK;yBAC1B,CAAC,CAAA;oBACJ,CAAC,IAEA,oBAAoB,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAChC,4BAAQ,KAAK,EAAE,EAAE,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,qBAAqB,IACjE,EAAE,CAAC,QAAQ,EAAE,CACP,CACV,CAAC,CACK;iCAEL,CACF,CACP,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

package/{dist → esm}/components/data-grid/header.js

@@ -1,19 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridHeader = exports.OrderButton = void 0;
-const shades_1 = require("@furystack/shades");
-const input_1 = require("../inputs/input");
-const form_1 = require("../form");
-const button_1 = require("../button");
-const utils_1 = require("@furystack/utils");
-const animations_1 = require("../animations");
-exports.OrderButton = (0, shades_1.Shade)({
+import { Shade, createComponent } from '@furystack/shades';
+import { Input } from '../inputs/input';
+import { Form } from '../form';
+import { Button } from '../button';
+import { ObservableValue } from '@furystack/utils';
+import { collapse, expand } from '../animations';
+export const OrderButton = Shade({
     shadowDomName: 'data-grid-order-button',
     render: ({ props, useObservable }) => {
         const [currentQuerySettings, setQuerySettings] = useObservable('currentQuerySettings', props.collectionService.querySettings);
         const currentOrder = Object.keys(currentQuerySettings.order || {})[0];
         const currentOrderDirection = Object.values(currentQuerySettings.order || {})[0];
-        return ((0, shades_1.createComponent)(button_1.Button, { title: "Change order", style: {
+        return (createComponent(Button, { title: "Change order", style: {
                 padding: '4px',
                 margin: '0',
                 cursor: 'pointer',
@@ -32,7 +29,7 @@ exports.OrderButton = (0, shades_1.Shade)({
             } }, (currentOrder === props.field && (currentOrderDirection === 'ASC' ? '⬇' : '⬆')) || '↕'));
     },
 });
-const SearchButton = (0, shades_1.Shade)({
+const SearchButton = Shade({
     shadowDomName: 'data-grid-search-button',
     render: ({ props, useObservable, element }) => {
         const [queryState] = useObservable('currentFilterState', props.service.querySettings, (currentQueryState) => {
@@ -44,21 +41,21 @@ const SearchButton = (0, shades_1.Shade)({
                 : 'none';
         });
         const filterValue = queryState.filter?.[props.fieldName]?.$regex || '';
-        return ((0, shades_1.createComponent)(button_1.Button, { type: "button", title: "Filter", style: {
+        return (createComponent(Button, { type: "button", title: "Filter", style: {
                 padding: '4px',
                 margin: '0',
                 cursor: 'pointer',
             }, onclick: props.onclick }, filterValue ? '🔍' : '🔎'));
     },
 });
-const SearchForm = (0, shades_1.Shade)({
+const SearchForm = Shade({
     shadowDomName: 'data-grid-search-form',
     render: ({ props, useObservable, element }) => {
         const [queryState] = useObservable('currentFilterState', props.service.querySettings, (currentQueryState) => {
             const currentValue = currentQueryState.filter?.[props.fieldName]?.$regex || '';
             element.querySelector('input').value = currentValue;
         });
-        return ((0, shades_1.createComponent)(form_1.Form, { className: "search-form", style: {
+        return (createComponent(Form, { className: "search-form", style: {
                 display: 'flex',
                 width: '100%',
                 overflow: 'hide',
@@ -68,30 +65,30 @@ const SearchForm = (0, shades_1.Shade)({
             }, validate: (data) => data.searchValue?.length, onSubmit: ({ searchValue }) => {
                 props.onSubmit(searchValue);
             } },
-            (0, shades_1.createComponent)(input_1.Input, { style: { padding: '0px', paddingBottom: '0', margin: '0' }, placeholder: props.fieldName, autofocus: true, labelTitle: `${props.fieldName}`, name: "searchValue", value: queryState.filter?.[props.fieldName]?.$regex || '', labelProps: {
+            createComponent(Input, { style: { padding: '0px', paddingBottom: '0', margin: '0' }, placeholder: props.fieldName, autofocus: true, labelTitle: `${props.fieldName}`, name: "searchValue", value: queryState.filter?.[props.fieldName]?.$regex || '', labelProps: {
                     style: { padding: '0px 2em' },
                 } }),
-            (0, shades_1.createComponent)("div", { style: { display: 'flex', width: '64px', alignItems: 'center', justifyContent: 'center', gap: '8px' } },
-                (0, shades_1.createComponent)(button_1.Button, { type: "reset", style: { padding: '4px', margin: '0' }, onclick: () => {
+            createComponent("div", { style: { display: 'flex', width: '64px', alignItems: 'center', justifyContent: 'center', gap: '8px' } },
+                createComponent(Button, { type: "reset", style: { padding: '4px', margin: '0' }, onclick: () => {
                         props.onClear();
                     } }, "\u274C"),
-                (0, shades_1.createComponent)(button_1.Button, { style: { padding: '4px', margin: '0' }, type: "submit" }, "\uD83D\uDD0E"))));
+                createComponent(Button, { style: { padding: '4px', margin: '0' }, type: "submit" }, "\uD83D\uDD0E"))));
     },
 });
-exports.DataGridHeader = (0, shades_1.Shade)({
+export const DataGridHeader = Shade({
     shadowDomName: 'data-grid-header',
     render: ({ props, element, useObservable }) => {
-        const [, setIsSearchOpened] = useObservable('isSearchOpened', new utils_1.ObservableValue(false), (newValue) => {
+        const [, setIsSearchOpened] = useObservable('isSearchOpened', new ObservableValue(false), (newValue) => {
             const searchForm = element.querySelector('.search-form');
             const headerContent = element.querySelector('.header-content');
             if (!newValue) {
-                (0, animations_1.collapse)(searchForm);
-                (0, animations_1.expand)(headerContent);
+                collapse(searchForm);
+                expand(headerContent);
             }
             else {
                 searchForm.style.display = 'flex';
-                (0, animations_1.expand)(searchForm).then(() => searchForm.querySelector('input')?.focus());
-                (0, animations_1.collapse)(headerContent);
+                expand(searchForm).then(() => searchForm.querySelector('input')?.focus());
+                collapse(headerContent);
             }
         });
         const updateSearchValue = (value) => {
@@ -112,9 +109,9 @@ exports.DataGridHeader = (0, shades_1.Shade)({
             }
             setIsSearchOpened(false);
         };
-        return ((0, shades_1.createComponent)(shades_1.createComponent, null,
-            (0, shades_1.createComponent)(SearchForm, { onSubmit: updateSearchValue, onClear: updateSearchValue, service: props.collectionService, fieldName: props.field }),
-            (0, shades_1.createComponent)("div", { className: "header-content", style: {
+        return (createComponent(createComponent, null,
+            createComponent(SearchForm, { onSubmit: updateSearchValue, onClear: updateSearchValue, service: props.collectionService, fieldName: props.field }),
+            createComponent("div", { className: "header-content", style: {
                     display: 'flex',
                     width: '100%',
                     height: '48px',
@@ -123,12 +120,12 @@ exports.DataGridHeader = (0, shades_1.Shade)({
                     gap: '8px',
                     overflow: 'hide',
                 } },
-                (0, shades_1.createComponent)("div", { style: { paddingLeft: '0.5em' } }, props.field),
-                (0, shades_1.createComponent)("div", { className: "header-controls", style: { display: 'flex', justifyContent: 'center', alignItems: 'center', paddingRight: '0.5em' } },
-                    (0, shades_1.createComponent)(SearchButton, { onclick: () => {
+                createComponent("div", { style: { paddingLeft: '0.5em' } }, props.field),
+                createComponent("div", { className: "header-controls", style: { display: 'flex', justifyContent: 'center', alignItems: 'center', paddingRight: '0.5em' } },
+                    createComponent(SearchButton, { onclick: () => {
                             setIsSearchOpened(true);
                         }, service: props.collectionService, fieldName: props.field }),
-                    (0, shades_1.createComponent)(exports.OrderButton, { collectionService: props.collectionService, field: props.field })))));
+                    createComponent(OrderButton, { collectionService: props.collectionService, field: props.field })))));
     },
 });
 //# sourceMappingURL=header.js.map

package/esm/components/data-grid/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/components/data-grid/header.tsx"],"names":[],"mappings":"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"}

package/esm/components/data-grid/index.js

@@ -0,0 +1,3 @@
+export * from './data-grid';
+export * from './selection-cell';
+//# sourceMappingURL=index.js.map

package/{dist → esm}/components/data-grid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/data-grid/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,mDAAgC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/data-grid/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA"}

package/{dist → esm}/components/data-grid/selection-cell.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectionCell = void 0;
-const shades_1 = require("@furystack/shades");
-exports.SelectionCell = (0, shades_1.Shade)({
+import { createComponent, Shade } from '@furystack/shades';
+export const SelectionCell = Shade({
     shadowDomName: 'shades-data-grid-selection-cell',
     render: ({ props, useObservable, element }) => {
         const [selection] = useObservable('selection', props.service.selection, (newSelection) => {
@@ -10,7 +7,7 @@ exports.SelectionCell = (0, shades_1.Shade)({
             element.querySelector('input').checked = newSelection.includes(props.entry);
         });
         const isSelected = selection.includes(props.entry);
-        return ((0, shades_1.createComponent)("input", { onchange: () => {
+        return (createComponent("input", { onchange: () => {
                 props.service.toggleSelection(props.entry);
             }, type: "checkbox", checked: isSelected }));
     },

package/esm/components/data-grid/selection-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-cell.js","sourceRoot":"","sources":["../../../src/components/data-grid/selection-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAG1D,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAkD;IAClF,aAAa,EAAE,iCAAiC;IAChD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,EAAE,EAAE;QAC5C,MAAM,CAAC,SAAS,CAAC,GAAG,aAAa,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,YAAY,EAAE,EAAE;YACvF,CAAC;YAAC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAsB,CAAC,OAAO,GAAG,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACpG,CAAC,CAAC,CAAA;QACF,MAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QAElD,OAAO,CACL,2BACE,QAAQ,EAAE,GAAG,EAAE;gBACb,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;YAC5C,CAAC,EACD,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,UAAU,GACnB,CACH,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

package/{dist → esm}/components/fab.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Fab = void 0;
-const shades_1 = require("@furystack/shades");
-const shades_2 = require("@furystack/shades");
-exports.Fab = (0, shades_2.Shade)({
+import { attachProps } from '@furystack/shades';
+import { Shade, createComponent } from '@furystack/shades';
+export const Fab = Shade({
     shadowDomName: 'shade-fab',
     elementBase: HTMLButtonElement,
     elementBaseName: 'button',
     render: ({ props, children, element }) => {
-        (0, shades_1.attachProps)(element, {
+        attachProps(element, {
             ...props,
             style: {
                 position: 'fixed',
@@ -26,7 +23,7 @@ exports.Fab = (0, shades_2.Shade)({
                 ...props?.style,
             },
         });
-        return (0, shades_2.createComponent)(shades_2.createComponent, null, children);
+        return createComponent(createComponent, null, children);
     },
 });
 //# sourceMappingURL=fab.js.map

package/esm/components/fab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab.js","sourceRoot":"","sources":["../../src/components/fab.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE1D,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAiC;IACvD,aAAa,EAAE,WAAW;IAC1B,WAAW,EAAE,iBAAiB;IAC9B,eAAe,EAAE,QAAQ;IACzB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,WAAW,CAAC,OAAO,EAAE;YACnB,GAAG,KAAK;YACR,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;gBACjB,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,MAAM;gBACb,UAAU,EAAE,MAAM;gBAClB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,6BAA6B;gBACxC,MAAM,EAAE,SAAS;gBACjB,GAAG,KAAK,EAAE,KAAK;aAChB;SACF,CAAC,CAAA;QACF,OAAO,uCAAG,QAAQ,CAAI,CAAA;IACxB,CAAC;CACF,CAAC,CAAA"}

package/{dist → esm}/components/form.js

@@ -1,22 +1,19 @@
-"use strict";
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Form = exports.FormService = void 0;
-const shades_1 = require("@furystack/shades");
-const shades_2 = require("@furystack/shades");
-const inject_1 = require("@furystack/inject");
-const utils_1 = require("@furystack/utils");
+import { attachProps } from '@furystack/shades';
+import { Shade, createComponent } from '@furystack/shades';
+import { Injectable } from '@furystack/inject';
+import { ObservableValue } from '@furystack/utils';
 let FormService = class FormService {
     constructor() {
-        this.validatedFormData = new utils_1.ObservableValue(null);
-        this.rawFormData = new utils_1.ObservableValue(null);
-        this.validationResult = new utils_1.ObservableValue({ isValid: null });
-        this.fieldErrors = new utils_1.ObservableValue({});
+        this.validatedFormData = new ObservableValue(null);
+        this.rawFormData = new ObservableValue(null);
+        this.validationResult = new ObservableValue({ isValid: null });
+        this.fieldErrors = new ObservableValue({});
         this.inputs = new Set();
         this.setFieldState = (key, validationResult, validity) => {
             this.fieldErrors.setValue({ ...this.fieldErrors.getValue(), [key]: { validationResult, validity } });
@@ -29,10 +26,10 @@ let FormService = class FormService {
     }
 };
 FormService = __decorate([
-    (0, inject_1.Injectable)({ lifetime: 'scoped' })
+    Injectable({ lifetime: 'scoped' })
 ], FormService);
-exports.FormService = FormService;
-exports.Form = (0, shades_2.Shade)({
+export { FormService };
+export const Form = Shade({
     shadowDomName: 'shade-form',
     elementBase: HTMLFormElement,
     elementBaseName: 'form',
@@ -63,7 +60,7 @@ exports.Form = (0, shades_2.Shade)({
                 formService.validationResult.setValue({ isValid: false, reason: 'validation-failed' });
             }
         };
-        (0, shades_1.attachProps)(element, {
+        attachProps(element, {
             injector: formInjector,
             ...props,
             oninvalid: (ev) => {
@@ -82,7 +79,7 @@ exports.Form = (0, shades_2.Shade)({
                 formService.validatedFormData.setValue(null);
             },
         });
-        return (0, shades_2.createComponent)(shades_2.createComponent, null, children);
+        return createComponent(createComponent, null, children);
     },
 });
 //# sourceMappingURL=form.js.map

package/esm/components/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/components/form.tsx"],"names":[],"mappings":"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"}

package/esm/components/grid.js

@@ -0,0 +1,32 @@
+import { Shade, createComponent } from '@furystack/shades';
+import { ThemeProviderService } from '../services';
+export const Grid = Shade({
+    shadowDomName: 'shade-grid',
+    render: ({ props, injector }) => {
+        const { theme } = injector.getInstance(ThemeProviderService);
+        const headerStyle = {
+            padding: '0 0.51em',
+            backgroundColor: theme.background.paper,
+            color: theme.text.secondary,
+            borderRadius: '2px',
+            top: '0',
+            position: 'sticky',
+            cursor: 'pointer',
+            fontVariant: 'all-petite-caps',
+            ...props.styles?.header,
+        };
+        return (createComponent("div", { className: "shade-grid-wrapper", style: {
+                ...props.styles?.wrapper,
+                width: '100%',
+                height: '100%',
+                overflow: 'auto',
+            } },
+            createComponent("table", { style: { width: '100%', position: 'relative' } },
+                createComponent("thead", null,
+                    createComponent("tr", null, props.columns.map((column) => {
+                        return (createComponent("th", { style: headerStyle }, props.headerComponents?.[column]?.(column) || props.headerComponents?.default?.(column) || (createComponent(createComponent, null, column))));
+                    }))),
+                createComponent("tbody", null, props.entries.map((entry) => (createComponent("tr", null, props.columns.map((column) => (createComponent("td", { style: props.styles?.cell }, props.rowComponents?.[column]?.(entry) || props.rowComponents?.default?.(entry) || (createComponent(createComponent, null, entry[column]))))))))))));
+    },
+});
+//# sourceMappingURL=grid.js.map

package/esm/components/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../src/components/grid.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAuBlD,MAAM,CAAC,MAAM,IAAI,GAAyE,KAAK,CAAC;IAC9F,aAAa,EAAE,YAAY;IAC3B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QAC9B,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAC5D,MAAM,WAAW,GAAiC;YAChD,OAAO,EAAE,UAAU;YACnB,eAAe,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK;YACvC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS;YAC3B,YAAY,EAAE,KAAK;YACnB,GAAG,EAAE,GAAG;YACR,QAAQ,EAAE,QAAQ;YAClB,MAAM,EAAE,SAAS;YACjB,WAAW,EAAE,iBAAiB;YAC9B,GAAG,KAAK,CAAC,MAAM,EAAE,MAAM;SACxB,CAAA;QACD,OAAO,CACL,yBACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE;gBACL,GAAG,KAAK,CAAC,MAAM,EAAE,OAAO;gBACxB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,MAAM;aACjB;YAED,2BAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE;gBACnD;oBACE,4BACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;wBAC5B,OAAO,CACL,wBAAI,KAAK,EAAE,WAAW,IACnB,KAAK,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,gBAAgB,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,IAAI,CAC1F,uCAAG,MAAM,CAAI,CACd,CACE,CACN,CAAA;oBACH,CAAC,CAAC,CACC,CACC;gBACR,+BACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,4BACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,wBAAI,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,IAC1B,KAAK,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,aAAa,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,IAAI,CAClF,uCAAG,KAAK,CAAC,MAAM,CAAC,CAAI,CACrB,CACE,CACN,CAAC,CACC,CACN,CAAC,CACI,CACF,CACJ,CACP,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

package/esm/components/index.js

@@ -0,0 +1,21 @@
+export * from './animations';
+export * from './app-bar';
+export * from './app-bar-link';
+export * from './inputs';
+export * from './avatar';
+export * from './button';
+export * from './data-grid';
+export * from './fab';
+export * from './form';
+export * from './grid';
+export * from './modal';
+export * from './noty-list';
+export * from './paper';
+export * from './skeleton';
+export * from './styles';
+export * from './suggest';
+export * from './tabs';
+export * from './loader';
+export * from './command-palette';
+export * from './wizard';
+//# sourceMappingURL=index.js.map

package/esm/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,UAAU,CAAA"}

package/{dist → esm}/components/inputs/autocomplete.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Autocomplete = void 0;
-const shades_1 = require("@furystack/shades");
-const input_1 = require("./input");
-exports.Autocomplete = (0, shades_1.Shade)({
+import { Shade, createComponent } from '@furystack/shades';
+import { Input } from './input';
+export const Autocomplete = Shade({
     shadowDomName: 'shade-autocomplete',
     render: ({ props, useState }) => {
         const [dataListId] = useState('dataListId', (Math.random() + 1).toString(36).substring(3));
-        return ((0, shades_1.createComponent)("div", null,
-            (0, shades_1.createComponent)(input_1.Input, { ...props.inputProps, list: dataListId, onchange: (ev) => {
+        return (createComponent("div", null,
+            createComponent(Input, { ...props.inputProps, list: dataListId, onchange: (ev) => {
                     const { value } = ev.target;
                     if (props.strict) {
                         if (!props.suggestions.includes(value)) {
@@ -19,7 +16,7 @@ exports.Autocomplete = (0, shades_1.Shade)({
                     }
                     props.onchange?.(value);
                 } }),
-            (0, shades_1.createComponent)("datalist", { id: dataListId }, props.suggestions.map((s) => ((0, shades_1.createComponent)("option", { value: s }))))));
+            createComponent("datalist", { id: dataListId }, props.suggestions.map((s) => (createComponent("option", { value: s }))))));
     },
 });
 //# sourceMappingURL=autocomplete.js.map