@pallasoft/ps-core-components 2.22.1 → 2.24.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.
Files changed (69) hide show
  1. package/dist/components/ps-active-filter-chip.js +1 -1
  2. package/dist/components/ps-badge.js +1 -1
  3. package/dist/components/ps-drag-grip.d.ts +1 -0
  4. package/dist/components/ps-drag-grip.js +6 -0
  5. package/dist/components/ps-drag-overlay.d.ts +7 -0
  6. package/dist/components/ps-drag-overlay.js +34 -0
  7. package/dist/components/ps-draggable-grid.js +16 -39
  8. package/dist/components/ps-empty-state.js +1 -1
  9. package/dist/components/ps-fab.js +1 -1
  10. package/dist/components/ps-form-fields-skeleton.js +1 -1
  11. package/dist/components/ps-icon-button.d.ts +3 -1
  12. package/dist/components/ps-icon-button.js +1 -1
  13. package/dist/components/ps-icon-link.d.ts +3 -1
  14. package/dist/components/ps-icon-link.js +2 -2
  15. package/dist/components/ps-pill.js +1 -1
  16. package/dist/components/ps-section-header.js +1 -1
  17. package/dist/components/ps-site-header.js +1 -1
  18. package/dist/components/ps-sortable-list.d.ts +22 -0
  19. package/dist/components/ps-sortable-list.js +79 -0
  20. package/dist/components/ps-start-preview.js +1 -1
  21. package/dist/components/ps-theme-controller.js +1 -1
  22. package/dist/components/ps-theme-toggle.js +1 -1
  23. package/dist/constants/ps-button-classes.d.ts +1 -1
  24. package/dist/constants/ps-button-classes.js +4 -4
  25. package/dist/constants/ps-drag-config.d.ts +18 -0
  26. package/dist/constants/ps-drag-config.js +30 -0
  27. package/dist/constants/ps-draggable-grid.d.ts +1 -1
  28. package/dist/constants/ps-draggable-grid.js +4 -18
  29. package/dist/constants/ps-icon-action-config.d.ts +5 -0
  30. package/dist/constants/ps-icon-action-config.js +7 -2
  31. package/dist/constants/ps-pallasoft-sign-in-classes.d.ts +5 -5
  32. package/dist/constants/ps-pallasoft-sign-in-classes.js +5 -5
  33. package/dist/constants/ps-skeleton-config.js +1 -1
  34. package/dist/esm/components/ps-active-filter-chip.js +1 -1
  35. package/dist/esm/components/ps-badge.js +1 -1
  36. package/dist/esm/components/ps-drag-grip.js +2 -0
  37. package/dist/esm/components/ps-drag-overlay.js +30 -0
  38. package/dist/esm/components/ps-draggable-grid.js +20 -43
  39. package/dist/esm/components/ps-empty-state.js +1 -1
  40. package/dist/esm/components/ps-fab.js +1 -1
  41. package/dist/esm/components/ps-form-fields-skeleton.js +1 -1
  42. package/dist/esm/components/ps-icon-button.js +1 -1
  43. package/dist/esm/components/ps-icon-link.js +2 -2
  44. package/dist/esm/components/ps-pill.js +1 -1
  45. package/dist/esm/components/ps-section-header.js +1 -1
  46. package/dist/esm/components/ps-site-header.js +1 -1
  47. package/dist/esm/components/ps-sortable-list.js +75 -0
  48. package/dist/esm/components/ps-start-preview.js +1 -1
  49. package/dist/esm/components/ps-theme-controller.js +1 -1
  50. package/dist/esm/components/ps-theme-toggle.js +1 -1
  51. package/dist/esm/constants/ps-button-classes.js +4 -4
  52. package/dist/esm/constants/ps-drag-config.js +27 -0
  53. package/dist/esm/constants/ps-draggable-grid.js +4 -18
  54. package/dist/esm/constants/ps-icon-action-config.js +7 -2
  55. package/dist/esm/constants/ps-pallasoft-sign-in-classes.js +5 -5
  56. package/dist/esm/constants/ps-skeleton-config.js +1 -1
  57. package/dist/esm/hooks/use-ps-drag-sensors.js +11 -0
  58. package/dist/esm/hooks/use-ps-reduced-motion.js +14 -0
  59. package/dist/esm/index.js +7 -0
  60. package/dist/esm/models/ps-sortable-list.js +1 -0
  61. package/dist/hooks/use-ps-drag-sensors.d.ts +2 -0
  62. package/dist/hooks/use-ps-drag-sensors.js +15 -0
  63. package/dist/hooks/use-ps-reduced-motion.d.ts +1 -0
  64. package/dist/hooks/use-ps-reduced-motion.js +18 -0
  65. package/dist/index.d.ts +7 -0
  66. package/dist/index.js +7 -0
  67. package/dist/models/ps-sortable-list.d.ts +32 -0
  68. package/dist/models/ps-sortable-list.js +2 -0
  69. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -28,6 +28,9 @@ __exportStar(require("./constants/ps-pallasoft-mark-config"), exports);
28
28
  __exportStar(require("./components/ps-card"), exports);
29
29
  __exportStar(require("./components/ps-client-only"), exports);
30
30
  __exportStar(require("./components/ps-draggable-grid"), exports);
31
+ __exportStar(require("./components/ps-sortable-list"), exports);
32
+ __exportStar(require("./constants/ps-drag-config"), exports);
33
+ __exportStar(require("./models/ps-sortable-list"), exports);
31
34
  __exportStar(require("./components/ps-empty-state"), exports);
32
35
  __exportStar(require("./components/ps-fab"), exports);
33
36
  __exportStar(require("./components/ps-infinite-scroll"), exports);
@@ -142,3 +145,7 @@ __exportStar(require("./models/ps-detail-list-item"), exports);
142
145
  __exportStar(require("./models/ps-start-panel-step"), exports);
143
146
  __exportStar(require("./models/ps-step-list-item"), exports);
144
147
  __exportStar(require("./models/ps-summary-item"), exports);
148
+ __exportStar(require("./components/ps-drag-grip"), exports);
149
+ __exportStar(require("./components/ps-drag-overlay"), exports);
150
+ __exportStar(require("./hooks/use-ps-drag-sensors"), exports);
151
+ __exportStar(require("./hooks/use-ps-reduced-motion"), exports);
package/dist/models/ps-sortable-list.d.ts ADDED
@@ -0,0 +1,32 @@
1
+ import type { JSX } from 'react';
2
+ export interface PsSortableListItem {
3
+ groupKey?: string;
4
+ id: string;
5
+ label: string;
6
+ }
7
+ export interface PsSortableListAnnouncements {
8
+ cancelled: (label: string) => string;
9
+ dropped: (label: string, position: number, count: number) => string;
10
+ lifted: (label: string, position: number, count: number) => string;
11
+ moved: (label: string, position: number, count: number) => string;
12
+ }
13
+ export interface PsSortableListRenderOptions<TItem extends PsSortableListItem> {
14
+ handle: JSX.Element;
15
+ index: number;
16
+ isDragging: boolean;
17
+ isOverlay: boolean;
18
+ item: TItem;
19
+ }
20
+ export interface PsSortableListProps<TItem extends PsSortableListItem> {
21
+ announcements: PsSortableListAnnouncements;
22
+ className?: string;
23
+ role?: string;
24
+ getHandleLabel: (label: string) => string;
25
+ getItemClassName?: (item: TItem) => string;
26
+ handleClassName?: string;
27
+ handleIcon?: JSX.Element;
28
+ instructions: string;
29
+ items: TItem[];
30
+ onMove: (itemId: string, fromIndex: number, toIndex: number) => void;
31
+ renderItem: (options: PsSortableListRenderOptions<TItem>) => JSX.Element | null;
32
+ }
package/dist/models/ps-sortable-list.js ADDED
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pallasoft/ps-core-components",
3
- "version": "2.22.1",
3
+ "version": "2.24.0",
4
4
  "private": false,
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/esm/index.js",
@@ -35,7 +35,6 @@
35
35
  "@dnd-kit/core": "^6.3.1",
36
36
  "@dnd-kit/sortable": "^10.0.0",
37
37
  "@dnd-kit/utilities": "^3.2.2",
38
- "@pallasoft/ps-design-system": "^1.9.0",
39
38
  "@pallasoft/ps-icons": "^1.5.4",
40
39
  "@pallasoft/ps-motion-components": "^1.2.2",
41
40
  "@pallasoft/ps-utilities": "^2.12.0",
@@ -53,6 +52,7 @@
53
52
  "@commitlint/config-conventional": "^20.0.0",
54
53
  "@eslint/compat": "^2.0.0",
55
54
  "@ianvs/prettier-plugin-sort-imports": "^4.7.0",
55
+ "@pallasoft/ps-design-system": "^1.14.0",
56
56
  "@semantic-release/changelog": "^6.0.3",
57
57
  "@semantic-release/commit-analyzer": "^13.0.0",
58
58
  "@semantic-release/git": "^10.0.1",