@furystack/shades-common-components 10.0.32 → 10.0.35

package/CHANGELOG.md

@@ -1,113 +1,27 @@
-# Change Log
+# Changelog
 
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+## [10.0.35] - 2026-01-26
 
-### [2.0.5](https://github.com/furystack/furystack/compare/@furystack/shades-common-components@2.0.4...@furystack/shades-common-components@2.0.5) (2022-02-16)
+### 🔧 Chores
 
-**Note:** Version bump only for package @furystack/shades-common-components
+- Standardized author format, improved keywords, removed obsolete `gitHead`, added `engines` (Node 22+) and `sideEffects: false`
 
-### [2.0.4](https://github.com/furystack/furystack/compare/@furystack/shades-common-components@2.0.3...@furystack/shades-common-components@2.0.4) (2022-02-02)
+## [10.0.34] - 2026-01-26
 
-**Note:** Version bump only for package @furystack/shades-common-components
+### ⬆️ Dependencies
 
-### [2.0.3](https://github.com/furystack/furystack/compare/@furystack/shades-common-components@2.0.1...@furystack/shades-common-components@2.0.3) (2022-01-10)
+- Updated `@furystack/inject` with fix for singleton injector reference being overwritten by child injectors
 
-**Note:** Version bump only for package @furystack/shades-common-components
+## [10.0.33] - 2026-01-22
 
-### [2.0.2](https://github.com/furystack/furystack/compare/@furystack/shades-common-components@2.0.1...@furystack/shades-common-components@2.0.2) (2022-01-10)
+### ⬆️ Dependencies
 
-**Note:** Version bump only for package @furystack/shades-common-components
+- Dependency updates
 
-### [2.0.1](https://github.com/furystack/furystack/compare/@furystack/shades-common-components@2.0.0...@furystack/shades-common-components@2.0.1) (2021-12-20)
+### 📚 Documentation
 
-**Note:** Version bump only for package @furystack/shades-common-components
+- Added detailed README with component documentation and usage examples
 
-## [2.0.0](https://github.com/furystack/furystack/compare/@furystack/shades-common-components@1.8.3...@furystack/shades-common-components@2.0.0) (2021-12-08)
+### 🔧 Chores
 
-### ⚠ BREAKING CHANGES
-
-- **@furystack/shades:** Disposable resources on Shade Components (#165)
-- **@furystack/shades:** Routing based on pathname, add basic unit tests for component factory (#164)
-
-- **@furystack/shades:** Routing based on pathname, add basic unit tests for component factory ([#164](https://github.com/furystack/furystack/issues/164)) ([3221e0c](https://github.com/furystack/furystack/commit/3221e0ce60d3532b6e5f570db64d211e479673ec))
-
-### 🚀 What's new
-
-- **@furystack/shades:** Disposable resources on Shade Components ([#165](https://github.com/furystack/furystack/issues/165)) ([8567e7e](https://github.com/furystack/furystack/commit/8567e7e2e01cec232a5f4448dfc0833c1f183229))
-
-### [1.8.3](https://github.com/furystack/furystack/compare/@furystack/shades-common-components@1.8.2...@furystack/shades-common-components@1.8.3) (2021-11-30)
-
-**Note:** Version bump only for package @furystack/shades-common-components
-
-### [1.8.2](https://github.com/furystack/furystack/compare/@furystack/shades-common-components@1.8.1...@furystack/shades-common-components@1.8.2) (2021-11-29)
-
-**Note:** Version bump only for package @furystack/shades-common-components
-
-### [1.8.1](https://github.com/furystack/furystack/compare/@furystack/shades-common-components@1.8.0...@furystack/shades-common-components@1.8.1) (2021-11-19)
-
-**Note:** Version bump only for package @furystack/shades-common-components
-
-## [1.8.0](https://github.com/furystack/furystack/compare/@furystack/shades-common-components@1.7.6...@furystack/shades-common-components@1.8.0) (2021-11-17)
-
-### 🚀 What's new
-
-- **@furystack/shades-common-components:** improved button theme look and feel ([c117e5e](https://github.com/furystack/furystack/commit/c117e5eaf3fe2cd9553357e06ec6bd6a43cf0f50))
-- **@furystack/shades-common-components:** input theme from provider ([4cdc6bc](https://github.com/furystack/furystack/commit/4cdc6bc60525b04a1aefa4e4a3438db730e63b68))
-
-### [1.7.6](https://github.com/furystack/furystack/compare/@furystack/shades-common-components@1.7.5...@furystack/shades-common-components@1.7.6) (2021-11-09)
-
-**Note:** Version bump only for package @furystack/shades-common-components
-
-### [1.7.5](https://github.com/furystack/furystack/compare/@furystack/shades-common-components@1.7.4...@furystack/shades-common-components@1.7.5) (2021-10-15)
-
-**Note:** Version bump only for package @furystack/shades-common-components
-
-### [1.7.4](https://github.com/furystack/furystack/compare/@furystack/shades-common-components@1.7.3...@furystack/shades-common-components@1.7.4) (2021-10-05)
-
-**Note:** Version bump only for package @furystack/shades-common-components
-
-### [1.7.3](https://github.com/furystack/furystack/compare/@furystack/shades-common-components@1.7.2...@furystack/shades-common-components@1.7.3) (2021-09-16)
-
-**Note:** Version bump only for package @furystack/shades-common-components
-
-### [1.7.2](https://github.com/furystack/furystack/compare/@furystack/shades-common-components@1.7.1...@furystack/shades-common-components@1.7.2) (2021-08-27)
-
-**Note:** Version bump only for package @furystack/shades-common-components
-
-### [1.7.1](https://github.com/furystack/furystack/compare/@furystack/shades-common-components@1.7.0...@furystack/shades-common-components@1.7.1) (2021-08-19)
-
-**Note:** Version bump only for package @furystack/shades-common-components
-
-## 1.7.0 (2021-08-19)
-
-### 🚀 What's new
-
-- **project:** re-added Shades ([#120](https://github.com/furystack/furystack/issues/120)) ([9f58174](https://github.com/furystack/furystack/commit/9f58174b3762fd4e4106f48215a72ec295cf2553))
-- **shades-common-components:** Optional full screen hit list for Command Palette ([0b48022](https://github.com/furystack/furystack/commit/0b48022c14b2d343722f5274010e2e5bc7a18e12))
-
-### 🐛 Bug Fixes
-
-- **common-components:** DataGrid props ([4ce2b0d](https://github.com/furystack/furystack/commit/4ce2b0d15f3e37387ec955aadc51164ca85b7535))
-
-## 1.6.0 (2021-07-31)
-
-### 🚀 What's new
-
-- **project:** re-added Shades ([#120](https://github.com/furystack/furystack/issues/120)) ([9f58174](https://github.com/furystack/furystack/commit/9f58174b3762fd4e4106f48215a72ec295cf2553))
-- **shades-common-components:** Optional full screen hit list for Command Palette ([0b48022](https://github.com/furystack/furystack/commit/0b48022c14b2d343722f5274010e2e5bc7a18e12))
-
-### 🐛 Bug Fixes
-
-- **common-components:** DataGrid props ([4ce2b0d](https://github.com/furystack/furystack/commit/4ce2b0d15f3e37387ec955aadc51164ca85b7535))
-
-## 1.5.0 (2021-07-30)
-
-### 🚀 What's new
-
-- **project:** re-added Shades ([#120](https://github.com/furystack/furystack/issues/120)) ([9f58174](https://github.com/furystack/furystack/commit/9f58174b3762fd4e4106f48215a72ec295cf2553))
-- **shades-common-components:** Optional full screen hit list for Command Palette ([0b48022](https://github.com/furystack/furystack/commit/0b48022c14b2d343722f5274010e2e5bc7a18e12))
-
-### 🐛 Bug Fixes
-
-- **common-components:** DataGrid props ([4ce2b0d](https://github.com/furystack/furystack/commit/4ce2b0d15f3e37387ec955aadc51164ca85b7535))
+- Migrated to centralized changelog management system

package/README.md

@@ -0,0 +1,227 @@
+# @furystack/shades-common-components
+
+Common and reusable UI components for FuryStack Shades.
+
+## Installation
+
+```bash
+npm install @furystack/shades-common-components
+# or
+yarn add @furystack/shades-common-components
+```
+
+## Components
+
+### Button
+
+A styled button component with contained and outlined variants.
+
+```tsx
+import { Button } from '@furystack/shades-common-components'
+
+// Contained button (default)
+<Button onclick={() => console.log('Clicked!')}>Click me</Button>
+
+// Outlined button
+<Button variant="outlined" color="primary">Outlined</Button>
+
+// Disabled button
+<Button disabled>Disabled</Button>
+
+// With color
+<Button variant="contained" color="error">Delete</Button>
+```
+
+### Input
+
+A styled text input with validation support.
+
+```tsx
+import { Input } from '@furystack/shades-common-components'
+
+// Basic input
+<Input
+  labelTitle="Username"
+  placeholder="Enter your username"
+  onTextChange={(value) => console.log(value)}
+/>
+
+// With validation
+<Input
+  labelTitle="Email"
+  type="email"
+  required
+  variant="outlined"
+  getValidationResult={({ state }) => {
+    if (!state.value.includes('@')) {
+      return { isValid: false, message: 'Please enter a valid email' }
+    }
+    return { isValid: true }
+  }}
+/>
+
+// Contained variant
+<Input
+  labelTitle="Password"
+  type="password"
+  variant="contained"
+  defaultColor="primary"
+/>
+```
+
+### Modal
+
+A modal dialog component.
+
+```tsx
+import { Modal } from '@furystack/shades-common-components'
+import { ObservableValue } from '@furystack/utils'
+
+const isVisible = new ObservableValue(false)
+
+<Button onclick={() => isVisible.setValue(true)}>Open Modal</Button>
+
+<Modal
+  isVisible={isVisible}
+  onClose={() => isVisible.setValue(false)}
+  backdropStyle={{ background: 'rgba(0, 0, 0, 0.5)' }}
+>
+  <div onclick={(e) => e.stopPropagation()}>
+    <h2>Modal Title</h2>
+    <p>Modal content goes here</p>
+    <Button onclick={() => isVisible.setValue(false)}>Close</Button>
+  </div>
+</Modal>
+```
+
+### DataGrid
+
+A data grid component for displaying tabular data.
+
+```tsx
+import { DataGrid, CollectionService } from '@furystack/shades-common-components'
+import { ObservableValue } from '@furystack/utils'
+
+type User = { id: number; name: string; email: string }
+
+const collectionService = new CollectionService<User>({ /* options */ })
+const findOptions = new ObservableValue({ top: 10, skip: 0 })
+
+<DataGrid<User, 'name' | 'email'>
+  columns={['name', 'email']}
+  collectionService={collectionService}
+  findOptions={findOptions}
+  headerComponents={{
+    name: () => <span>Name</span>,
+    email: () => <span>Email</span>,
+  }}
+  rowComponents={{
+    name: (user) => <span>{user.name}</span>,
+    email: (user) => <span>{user.email}</span>,
+  }}
+  styles={{ container: { minHeight: '400px' } }}
+/>
+```
+
+### AppBar
+
+A top navigation bar component.
+
+```tsx
+import { AppBar, AppBarLink } from '@furystack/shades-common-components'
+;<AppBar>
+  <h1>My App</h1>
+  <AppBarLink href="/">Home</AppBarLink>
+  <AppBarLink href="/about">About</AppBarLink>
+</AppBar>
+```
+
+### Tabs
+
+A tabbed interface component.
+
+```tsx
+import { Tabs } from '@furystack/shades-common-components'
+;<Tabs
+  tabs={[
+    { header: <span>Tab 1</span>, component: <div>Content 1</div> },
+    { header: <span>Tab 2</span>, component: <div>Content 2</div> },
+  ]}
+/>
+```
+
+### Loader
+
+A loading spinner component.
+
+```tsx
+import { Loader } from '@furystack/shades-common-components'
+;<Loader />
+```
+
+### Paper
+
+A container component with elevation.
+
+```tsx
+import { Paper } from '@furystack/shades-common-components'
+;<Paper>
+  <p>Content with elevated background</p>
+</Paper>
+```
+
+### Avatar
+
+An avatar component for displaying user images or initials.
+
+```tsx
+import { Avatar } from '@furystack/shades-common-components'
+;<Avatar userName="John Doe" />
+```
+
+### FAB (Floating Action Button)
+
+A floating action button component.
+
+```tsx
+import { Fab } from '@furystack/shades-common-components'
+;<Fab onclick={() => console.log('FAB clicked')}>+</Fab>
+```
+
+## Services
+
+### CollectionService
+
+A service for managing collections of data with pagination, sorting, and filtering.
+
+```tsx
+import { CollectionService } from '@furystack/shades-common-components'
+
+const service = new CollectionService<MyModel>({
+  loader: async (options) => {
+    const response = await fetch('/api/items', {
+      /* ... */
+    })
+    return response.json()
+  },
+})
+
+// Subscribe to data changes
+service.data.subscribe((items) => {
+  console.log('Items updated:', items)
+})
+```
+
+### ThemeProviderService
+
+Provides theming capabilities for all components.
+
+```tsx
+import { ThemeProviderService } from '@furystack/shades-common-components'
+
+// Get the theme provider instance from the injector
+const themeProvider = injector.getInstance(ThemeProviderService)
+
+// Access theme properties
+const primaryColor = themeProvider.theme.palette.primary.main
+```

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

@@ -1 +1 @@
-{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/components/data-grid/body.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAkBhD,MAAM,CAAC,MAAM,YAAY,GAGD,KAAK,CAAiC;IAC5D,aAAa,EAAE,sBAAsB;IACrC,WAAW,EAAE,uBAAuB;IACpC,eAAe,EAAE,OAAO;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,iBAAiB;KAC3B;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE;QACnC,MAAM,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QAExD,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;YAC3B,OAAO,KAAK,CAAC,cAAc,IAAI,6CAAwB,CAAA;QACzD,CAAC;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"}
+{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/components/data-grid/body.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAkBhD,MAAM,CAAC,MAAM,YAAY,GAGD,KAAK,CAAC;IAC5B,aAAa,EAAE,sBAAsB;IACrC,WAAW,EAAE,uBAAuB;IACpC,eAAe,EAAE,OAAO;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,iBAAiB;KAC3B;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE;QACnC,MAAM,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QAExD,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;YAC3B,OAAO,KAAK,CAAC,cAAc,IAAI,6CAAwB,CAAA;QACzD,CAAC;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/esm/components/data-grid/data-grid-row.d.ts

@@ -3,7 +3,7 @@ import type { CollectionService } from '../../services/collection-service.js';
 import type { DataRowCells } from './data-grid.js';
 export interface DataGridRowProps<T, Column extends string> {
     entry: T;
-    columns: Array<keyof T>;
+    columns: Column[];
     service: CollectionService<T>;
     rowComponents?: DataRowCells<T, Column>;
     onRowClick?: (row: T, event: MouseEvent) => void;

package/esm/components/data-grid/data-grid-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid-row.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,MAAM,WAAW,gBAAgB,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM;IACxD,KAAK,EAAE,CAAC,CAAA;IACR,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IACvB,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAC7B,aAAa,CAAC,EAAE,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IACvC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IAChD,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACtD,eAAe,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAChD,kBAAkB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;CAClD;AAED,eAAO,MAAM,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM,EACjD,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,MAAM,CAAC,EAClC,QAAQ,EAAE,YAAY,KACnB,GAAG,CAAC,OAAO,CAAC,GAAG,CAgIlB,CAAA"}
+{"version":3,"file":"data-grid-row.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,MAAM,WAAW,gBAAgB,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM;IACxD,KAAK,EAAE,CAAC,CAAA;IACR,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAC7B,aAAa,CAAC,EAAE,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IACvC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IAChD,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACtD,eAAe,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAChD,kBAAkB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;CAClD;AAED,eAAO,MAAM,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM,EACjD,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,MAAM,CAAC,EAClC,QAAQ,EAAE,YAAY,KACnB,GAAG,CAAC,OAAO,CAAC,GAAG,CAsIlB,CAAA"}

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

@@ -100,7 +100,9 @@ export const DataGridRow = Shade({
                 fontSize: '0.875rem',
                 lineHeight: '1.5',
             }, 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]))))));
+            rowComponents?.default?.(entry, { selection, focus }) || (createComponent("span", null, typeof entry === 'object' && entry && column in entry
+            ? entry[column]
+            : null)))))));
     },
 });
 //# sourceMappingURL=data-grid-row.js.map

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

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

@@ -2,10 +2,8 @@ import type { FindOptions } from '@furystack/core';
 import type { ObservableValue } from '@furystack/utils';
 import type { CollectionService } from '../../services/collection-service.js';
 export declare const dataGridItemsPerPage: number[];
-export declare const DataGridFooter: (props: {
-    service: CollectionService<any>;
-    findOptions: ObservableValue<FindOptions<any, any[]>>;
-} & Omit<Partial<HTMLElement>, "style"> & {
-    style?: Partial<CSSStyleDeclaration>;
-}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+export declare const DataGridFooter: <T>(props: {
+    service: CollectionService<T>;
+    findOptions: ObservableValue<FindOptions<T, Array<keyof T>>>;
+}) => JSX.Element;
 //# sourceMappingURL=footer.d.ts.map

package/esm/components/data-grid/footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAG7E,eAAO,MAAM,oBAAoB,UAAkC,CAAA;AAEnE,eAAO,MAAM,cAAc;aAChB,iBAAiB,CAAC,GAAG,CAAC;iBAClB,eAAe,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;;;sEA2ErD,CAAA"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAG7E,eAAO,MAAM,oBAAoB,UAAkC,CAAA;AAEnE,eAAO,MAAM,cAAc,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE;IACtC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAC7B,WAAW,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;CAC7D,KAAK,GAAG,CAAC,OA8ER,CAAA"}

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

@@ -16,6 +16,9 @@ export const DataGridFooter = Shade({
         const skip = currentOptions.skip || 0;
         const currentPage = Math.ceil(skip) / (top || 1);
         const currentEntriesPerPage = top;
+        const pages = new Array(Math.ceil(currentData.count / (currentOptions.top || Infinity)))
+            .fill(0)
+            .map((_, index) => index);
         return (createComponent("div", { className: "pager", style: {
                 backdropFilter: 'blur(10px)',
                 color: theme.text.secondary,
@@ -31,7 +34,7 @@ export const DataGridFooter = Shade({
                 createComponent("select", { style: { margin: '0 1em' }, onchange: (ev) => {
                         const value = parseInt(ev.target.value, 10);
                         setCurrentOptions({ ...currentOptions, skip: (currentOptions.top || 0) * value });
-                    } }, [...new Array(Math.ceil(currentData.count / (currentOptions.top || Infinity)))].map((_val, index) => (createComponent("option", { value: index.toString(), selected: currentPage === index }, (index + 1).toString())))))),
+                    } }, pages.map((index) => (createComponent("option", { value: index.toString(), selected: currentPage === index }, (index + 1).toString())))))),
             createComponent("div", null,
                 "Show",
                 createComponent("select", { style: { margin: '0 1em' }, onchange: (ev) => {

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

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

package/package.json

@@ -1,46 +1,58 @@
 {
   "name": "@furystack/shades-common-components",
-  "version": "10.0.32",
-  "description": "",
+  "version": "10.0.35",
+  "description": "Common UI components for FuryStack Shades",
   "type": "module",
   "scripts": {
-    "build:es6": "tsc --outDir ./esm"
+    "build": "tsc --outDir ./esm"
   },
   "exports": {
     ".": {
+      "types": "./esm/index.d.ts",
       "import": "./esm/index.js"
     }
   },
   "files": [
     "esm",
-    "types",
     "src"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/furystack/furystack.git"
+  },
   "keywords": [
     "FuryStack",
     "Shades",
+    "UI components",
     "Input",
     "Button",
-    "Data Grid",
+    "DataGrid",
     "AppBar",
     "Autocomplete"
   ],
   "publishConfig": {
     "access": "public"
   },
-  "author": "gallay.lajos@gmail.com",
+  "author": "Gallay Lajos <gallay.lajos@gmail.com>",
   "license": "GPL-2.0",
+  "bugs": {
+    "url": "https://github.com/furystack/furystack/issues"
+  },
+  "homepage": "https://github.com/furystack/furystack",
   "devDependencies": {
     "typescript": "^5.9.3",
-    "vitest": "^4.0.16"
+    "vitest": "^4.0.17"
   },
   "dependencies": {
-    "@furystack/core": "^15.0.31",
-    "@furystack/inject": "^12.0.25",
-    "@furystack/shades": "^11.0.32",
-    "@furystack/utils": "^8.1.7",
+    "@furystack/core": "^15.0.34",
+    "@furystack/inject": "^12.0.28",
+    "@furystack/shades": "^11.0.35",
+    "@furystack/utils": "^8.1.9",
     "path-to-regexp": "^8.3.0",
     "semaphore-async-await": "^1.5.1"
   },
-  "gitHead": "76e1d17a71b981984935c9a7a5791cf61ebf5213"
+  "engines": {
+    "node": ">=22.0.0"
+  },
+  "sideEffects": false
 }

package/src/components/data-grid/body.tsx

@@ -22,7 +22,7 @@ export interface DataGridBodyProps<T, Column extends string> {
 export const DataGridBody: <T, Column extends string>(
   props: DataGridBodyProps<T, Column>,
   children: ChildrenList,
-) => JSX.Element<any> = Shade<DataGridBodyProps<any, string>>({
+) => JSX.Element<any> = Shade({
   shadowDomName: 'shade-data-grid-body',
   elementBase: HTMLTableSectionElement,
   elementBaseName: 'tbody',

package/src/components/data-grid/data-grid-row.tsx

@@ -5,7 +5,7 @@ import type { DataRowCells } from './data-grid.js'
 
 export interface DataGridRowProps<T, Column extends string> {
   entry: T
-  columns: Array<keyof T>
+  columns: Column[]
   service: CollectionService<T>
   rowComponents?: DataRowCells<T, Column>
   onRowClick?: (row: T, event: MouseEvent) => void
@@ -141,7 +141,13 @@ export const DataGridRow: <T, Column extends string>(
             ondblclick={(ev) => props.onRowDoubleClick?.(entry, ev)}
           >
             {rowComponents?.[column]?.(entry, { selection, focus }) ||
-              rowComponents?.default?.(entry, { selection, focus }) || <span>{entry[column]}</span>}
+              rowComponents?.default?.(entry, { selection, focus }) || (
+                <span>
+                  {typeof entry === 'object' && entry && column in entry
+                    ? (entry as Record<typeof column, unknown>)[column]
+                    : null}
+                </span>
+              )}
           </td>
         ))}
       </>

package/src/components/data-grid/footer.tsx

@@ -6,10 +6,10 @@ import { ThemeProviderService } from '../../services/theme-provider-service.js'
 
 export const dataGridItemsPerPage = [10, 20, 25, 50, 100, Infinity]
 
-export const DataGridFooter = Shade<{
-  service: CollectionService<any>
-  findOptions: ObservableValue<FindOptions<any, any[]>>
-}>({
+export const DataGridFooter: <T>(props: {
+  service: CollectionService<T>
+  findOptions: ObservableValue<FindOptions<T, Array<keyof T>>>
+}) => JSX.Element = Shade({
   shadowDomName: 'shade-data-grid-footer',
   render: ({ props, injector, useObservable }) => {
     const { theme } = injector.getInstance(ThemeProviderService)
@@ -27,6 +27,10 @@ export const DataGridFooter = Shade<{
     const currentPage = Math.ceil(skip) / (top || 1)
     const currentEntriesPerPage = top
 
+    const pages = new Array(Math.ceil(currentData.count / (currentOptions.top || Infinity)))
+      .fill(0)
+      .map((_, index) => index)
+
     return (
       <div
         className="pager"
@@ -51,7 +55,7 @@ export const DataGridFooter = Shade<{
                 setCurrentOptions({ ...currentOptions, skip: (currentOptions.top || 0) * value })
               }}
             >
-              {[...new Array(Math.ceil(currentData.count / (currentOptions.top || Infinity)))].map((_val, index) => (
+              {pages.map((index) => (
                 <option value={index.toString()} selected={currentPage === index}>
                   {(index + 1).toString()}
                 </option>

package/readme.md

@@ -1,26 +0,0 @@
-## @furystack/shades-common-components
-
-Some common and reusable components for FuryStack Shades
-
-### Component list
-
-- Command Palette
-- Data Grid
-- Suggest
-- Suggestion
-- Animations
-- AppBar
-- AutoComplete
-- Avatar
-- Button
-- FAB
-- Grid
-- Input
-- Loader
-- Modal
-- Paper
-- Tabs
-
-### Custom Services
-
-- CollectionService