@kala-ui/react-app 0.1.0-beta.5 → 0.1.0-beta.6

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/components/data-table/data-table.js +3 -1
  3. package/dist/components/data-table/data-table.types.d.ts +2 -0
  4. package/dist/styles/app.css +6 -0
  5. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @kala-ui/react-app
2
2
 
3
+ ## 0.1.0-beta.6
4
+
5
+ ### Patch Changes
6
+
7
+ - new changes
8
+ - Updated dependencies
9
+ - @kala-ui/react@0.1.0-beta.5
10
+ - @kala-ui/react-hooks@0.1.0-beta.1
11
+
3
12
  ## 0.1.0-beta.5
4
13
 
5
14
  ### Patch Changes
package/dist/components/data-table/data-table.js CHANGED
@@ -230,7 +230,9 @@ export function DataTable({ data, columns, searchable, pagination, defaultSort,
230
230
  : "There is no data to display at the moment.",
231
231
  ...emptyState,
232
232
  };
233
- return (_jsxs(Stack, { "data-kala-component": "data-table", className: cn(stickyFooter ? "h-full min-h-0" : "", className), "aria-label": ariaLabel, role: ariaLabel ? "region" : undefined, gap: 0, children: [_jsx(DataTableToolbar, { searchConfig: searchConfig, searchQuery: searchQuery, onSearchChange: setSearchQuery, bulkActions: bulkActions, selectedRows: selectedRows, selectedIdsCount: selectedIds.size, toolbarContent: toolbarContent, hasData: data.length > 0, className: stickyFooter ? "shrink-0" : undefined }), filterableColumns && (_jsx("div", { className: stickyFooter ? "shrink-0" : undefined, children: _jsx(DataTableFilterChips, { filterConfigs: filterConfigs, filterableColumns: filterableColumns, onSetFilter: setFilter, onRemoveFilter: removeFilter, onClearFilters: clearFilters }) })), displayData.length === 0 && !filterConfigs.length && !searchQuery ? (_jsx(EmptyState, { title: emptyConfig.title, description: emptyConfig.description, ...(emptyState?.icon && { icon: emptyState.icon }), ...(emptyState?.action && { action: emptyState.action }) })) : (_jsxs(_Fragment, { children: [_jsxs(Box, { className: cn("border relative overflow-hidden kala-surface-card", stickyFooter && paginationConfig && displayData.length > 0
233
+ return (_jsxs(Stack, { "data-kala-component": "data-table", className: cn(stickyFooter ? "h-full min-h-0" : "", className), "aria-label": ariaLabel, role: ariaLabel ? "region" : undefined, gap: 0, children: [_jsx(DataTableToolbar, { searchConfig: searchConfig, searchQuery: searchQuery, onSearchChange: setSearchQuery, bulkActions: bulkActions, selectedRows: selectedRows, selectedIdsCount: selectedIds.size, toolbarContent: toolbarContent, hasData: data.length > 0, className: stickyFooter ? "shrink-0" : undefined }), filterableColumns && (_jsx("div", { className: stickyFooter ? "shrink-0" : undefined, children: _jsx(DataTableFilterChips, { filterConfigs: filterConfigs, filterableColumns: filterableColumns, onSetFilter: setFilter, onRemoveFilter: removeFilter, onClearFilters: clearFilters }) })), displayData.length === 0 && !filterConfigs.length && !searchQuery ? (_jsx(EmptyState, { title: emptyConfig.title, description: emptyConfig.description, ...(emptyState?.icon && { icon: emptyState.icon }), ...(emptyState?.action && { action: emptyState.action }), ...(emptyState?.slotStyles && {
234
+ slotStyles: emptyState.slotStyles,
235
+ }) })) : (_jsxs(_Fragment, { children: [_jsxs(Box, { className: cn("border relative overflow-hidden kala-surface-card", stickyFooter && paginationConfig && displayData.length > 0
234
236
  ? "flex-1 min-h-0"
235
237
  : "", bordered && "border-2", paginationConfig && displayData.length > 0
236
238
  ? "rounded-t-lg border-b-0"
package/dist/components/data-table/data-table.types.d.ts CHANGED
@@ -121,6 +121,8 @@ export interface EmptyStateConfig {
121
121
  label: string;
122
122
  onClick: () => void;
123
123
  };
124
+ /** Per-part overrides forwarded to the embedded EmptyState */
125
+ slotStyles?: EmptyStateProps["slotStyles"];
124
126
  }
125
127
  /**
126
128
  * Loading state configuration - DEPRECATED: Use DataTableSkeletonConfig
package/dist/styles/app.css CHANGED
@@ -374,6 +374,9 @@
374
374
  .h-16 {
375
375
  height: calc(var(--spacing) * 16);
376
376
  }
377
+ .h-20 {
378
+ height: calc(var(--spacing) * 20);
379
+ }
377
380
  .h-48 {
378
381
  height: calc(var(--spacing) * 48);
379
382
  }
@@ -479,6 +482,9 @@
479
482
  .w-\[440px\] {
480
483
  width: 440px;
481
484
  }
485
+ .w-auto {
486
+ width: auto;
487
+ }
482
488
  .w-full {
483
489
  width: 100%;
484
490
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kala-ui/react-app",
3
- "version": "0.1.0-beta.5",
3
+ "version": "0.1.0-beta.6",
4
4
  "type": "module",
5
5
  "sideEffects": [
6
6
  "**/*.css"
@@ -122,8 +122,8 @@
122
122
  "lucide-react": "1.46.0",
123
123
  "react-apexcharts": "~2.1.1",
124
124
  "simple-icons": "16.31.0",
125
- "@kala-ui/react-hooks": "0.1.0-beta.0",
126
- "@kala-ui/react": "0.1.0-beta.4"
125
+ "@kala-ui/react": "0.1.0-beta.5",
126
+ "@kala-ui/react-hooks": "0.1.0-beta.1"
127
127
  },
128
128
  "devDependencies": {
129
129
  "@tailwindcss/postcss": "4.3.3",