impact-nova 1.7.25 → 1.7.27

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 (25) hide show
  1. package/dist/components/ui/ag-grid-react/cell-renderers/editors/input-cell-editor.js +45 -36
  2. package/dist/components/ui/ag-grid-react/cell-renderers/editors/split-cell-editor.d.ts +0 -1
  3. package/dist/components/ui/ag-grid-react/cell-renderers/editors/split-cell-editor.js +92 -75
  4. package/dist/components/ui/ag-grid-react/cell-renderers/split-cell-renderer.js +52 -41
  5. package/dist/components/ui/ag-grid-react/hooks/useStopEditingOnClickOutside.d.ts +5 -0
  6. package/dist/components/ui/alert.d.ts +1 -1
  7. package/dist/components/ui/calendar.js +3 -2
  8. package/dist/components/ui/data-table/data-table-column-list.js +119 -108
  9. package/dist/components/ui/nested-list/components/NestedListContent.d.ts +1 -0
  10. package/dist/components/ui/nested-list/components/NestedListContent.js +134 -63
  11. package/dist/components/ui/nested-list/components/SortableItem.js +65 -82
  12. package/dist/components/ui/nested-list/hooks/useNestedListDragDrop.js +176 -153
  13. package/dist/components/ui/nested-list/nested-list.js +190 -203
  14. package/dist/components/ui/select/components/Submenu.js +7 -5
  15. package/dist/components/ui/select/select.js +390 -369
  16. package/dist/components/ui/toaster.d.ts +1 -1
  17. package/dist/components/ui/toaster.js +105 -72
  18. package/dist/i18n/defaultMessages.d.ts +3 -0
  19. package/dist/i18n/defaultMessages.js +14 -11
  20. package/dist/i18n/locales/de.js +4 -1
  21. package/dist/i18n/locales/es.js +4 -1
  22. package/dist/i18n/locales/hi.js +4 -1
  23. package/dist/i18n/locales/kn.js +4 -1
  24. package/dist/impact-nova.css +1 -1
  25. package/package.json +1 -1
@@ -2,5 +2,5 @@ interface ToasterProps {
2
2
  stacked?: boolean;
3
3
  position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
4
4
  }
5
- export declare function Toaster({ stacked, position }: ToasterProps): import("react/jsx-runtime").JSX.Element;
5
+ export declare function Toaster({ stacked, position, }: ToasterProps): import("react/jsx-runtime").JSX.Element;
6
6
  export {};
@@ -1,93 +1,126 @@
1
- import { jsx as a, jsxs as v, Fragment as j } from "react/jsx-runtime";
1
+ import { jsx as f, jsxs as d, Fragment as _ } from "react/jsx-runtime";
2
2
  import * as m from "react";
3
- import { useToast as z } from "../../hooks/use-toast.js";
4
- import { ToastProvider as A, Toast as D, ToastTitle as F, ToastDescription as M, ToastClose as P, ToastViewport as W } from "./toast.js";
5
- import { cn as p } from "../../lib/utils.js";
6
- function _({
3
+ import { useToast as j } from "../../hooks/use-toast.js";
4
+ import { ToastProvider as z, Toast as A, ToastTitle as B, ToastDescription as C, ToastClose as D, ToastViewport as F } from "./toast.js";
5
+ import { cn as h } from "../../lib/utils.js";
6
+ function Y({
7
7
  stacked: t = !1,
8
- position: d = "top-right"
8
+ position: x = "top-right"
9
9
  }) {
10
- const { toasts: u } = z(), [x, b] = m.useState(!1), [g, H] = m.useState({}), E = m.useRef({});
10
+ const { toasts: v } = j(), [g, b] = m.useState(!1), [u, I] = m.useState({}), E = m.useRef({});
11
11
  m.useEffect(() => {
12
- const e = [], l = setTimeout(() => {
13
- u.forEach((i) => {
14
- const c = E.current[i.id];
12
+ const e = [], o = setTimeout(() => {
13
+ v.forEach((r) => {
14
+ const c = E.current[r.id];
15
15
  if (c) {
16
- const r = new ResizeObserver(() => {
17
- const s = c.offsetHeight;
18
- s > 0 && H((o) => o[i.id] === s ? o : { ...o, [i.id]: s });
16
+ const a = new ResizeObserver(() => {
17
+ const i = c.offsetHeight;
18
+ i > 0 && I((l) => l[r.id] === i ? l : { ...l, [r.id]: i });
19
19
  });
20
- r.observe(c), e.push(r);
20
+ a.observe(c), e.push(a);
21
21
  }
22
22
  });
23
23
  }, 32);
24
24
  return () => {
25
- clearTimeout(l), e.forEach((i) => i.disconnect());
25
+ clearTimeout(o), e.forEach((r) => r.disconnect());
26
26
  };
27
- }, [u]);
28
- const n = u.filter((e) => e.open !== !1), T = d.startsWith("bottom"), w = d.endsWith("left"), N = T ? -1 : 1, O = 10, R = 12, y = m.useMemo(() => {
29
- let e = 0;
30
- return n.map((f) => {
31
- const l = e;
32
- return e += (g[f.id] || 70) + R, l;
33
- });
34
- }, [n, g]), I = (y[n.length - 1] || 0) + (g[n[n.length - 1]?.id] || 70);
35
- return /* @__PURE__ */ a(A, { children: /* @__PURE__ */ v(
27
+ }, [v]);
28
+ const s = v.filter((e) => e.open !== !1), T = x.startsWith("bottom"), N = x.endsWith("left"), w = T ? -1 : 1, y = 10, S = 12, H = 3, M = m.useMemo(() => {
29
+ const e = [];
30
+ let n = 0;
31
+ for (const o of s)
32
+ e.push(n), n += (u[o.id] || 70) + S;
33
+ return e;
34
+ }, [s, u]), O = (M[s.length - 1] || 0) + (u[s[s.length - 1]?.id] || 70), R = m.useMemo(() => {
35
+ if (!t || s.length === 0) return 0;
36
+ const e = Math.min(H, s.length);
37
+ let n = 0;
38
+ for (let o = 0; o < e; o++) {
39
+ const r = s[o], c = u[r.id] || 70, a = o * y;
40
+ n = Math.max(n, a + c);
41
+ }
42
+ return Math.ceil(n);
43
+ }, [t, s, u]);
44
+ return /* @__PURE__ */ f(z, { children: /* @__PURE__ */ d(
36
45
  "div",
37
46
  {
38
- onMouseEnter: () => t && b(!0),
39
- onMouseLeave: () => t && b(!1),
40
- className: p(
41
- "fixed z-[60] md:max-w-[420px] w-full sm:w-[420px] pointer-events-none transition-all duration-300",
47
+ className: h(
48
+ "fixed z-[60] md:max-w-[420px] w-full sm:max-w-[420px] pointer-events-none transition-all duration-300",
42
49
  T ? "bottom-4 sm:bottom-8" : "top-4 sm:top-8",
43
- w ? "left-4 sm:left-8" : "right-4 sm:right-8"
50
+ N ? "left-4 sm:left-8" : "right-4 sm:right-8"
44
51
  ),
45
52
  style: {
46
- height: t && n.length > 0 ? x ? `${I + 100}px` : "140px" : t ? "0px" : "auto",
47
- pointerEvents: t && n.length > 0 ? "auto" : "none"
53
+ height: t && s.length > 0 ? g ? `${O + 100}px` : `${R}px` : t ? "0px" : "auto"
48
54
  },
49
55
  children: [
50
- /* @__PURE__ */ a("div", { className: "relative w-full h-full pointer-events-none", children: u.map(function({ id: e, title: f, description: l, action: i, children: c, ...r }) {
51
- const s = n.findIndex((h) => h.id === e), o = s !== -1, S = o && (!t || x || s < 3), $ = t ? x ? `translateY(${(o ? y[s] : 0) * N}px) scale(1)` : `translateY(${(o ? s : 0) * N * O}px) scale(${1 - (o ? s : 0) * 0.02})` : void 0;
52
- return /* @__PURE__ */ a(
53
- D,
54
- {
55
- ...r,
56
- ref: (h) => {
57
- h && (E.current[e] = h);
58
- },
59
- className: p(
60
- r.className,
61
- "transition-all duration-500 ease-in-out",
62
- t && "absolute w-full pointer-events-auto",
63
- t && (w ? "left-0" : "right-0"),
64
- t && (T ? "bottom-0" : "top-0"),
65
- S ? "opacity-100" : "opacity-0 pointer-events-none"
66
- ),
67
- style: {
68
- zIndex: 100 - (o ? s : 0),
69
- transform: $,
70
- ...r.style
71
- },
72
- children: c || /* @__PURE__ */ v(j, { children: [
73
- /* @__PURE__ */ v("div", { className: p("grid gap-1", r.variant?.toString().startsWith("basic") && "flex flex-col items-center justify-center w-full"), children: [
74
- f && /* @__PURE__ */ a(F, { children: f }),
75
- l && /* @__PURE__ */ a(M, { children: l })
76
- ] }),
77
- /* @__PURE__ */ v("div", { className: "flex items-center gap-2 shrink-0", children: [
78
- i,
79
- /* @__PURE__ */ a(P, { className: "static relative opacity-100 position-static" })
80
- ] })
81
- ] })
82
- },
83
- e
84
- );
85
- }) }),
86
- /* @__PURE__ */ a(
87
- W,
56
+ /* @__PURE__ */ f(
57
+ "div",
58
+ {
59
+ className: h(
60
+ "relative w-full h-full",
61
+ t && s.length > 0 && "pointer-events-auto"
62
+ ),
63
+ onMouseEnter: () => t && b(!0),
64
+ onMouseLeave: () => t && b(!1),
65
+ children: v.map(function({
66
+ id: e,
67
+ title: n,
68
+ description: o,
69
+ action: r,
70
+ children: c,
71
+ ...a
72
+ }) {
73
+ const i = s.findIndex((p) => p.id === e), l = i !== -1, $ = l && (!t || g || i < H), P = t ? g ? `translateY(${(l ? M[i] : 0) * w}px) scale(1)` : `translateY(${(l ? i : 0) * w * y}px) scale(${1 - (l ? i : 0) * 0.02})` : void 0;
74
+ return /* @__PURE__ */ f(
75
+ A,
76
+ {
77
+ ...a,
78
+ ref: (p) => {
79
+ p && (E.current[e] = p);
80
+ },
81
+ className: h(
82
+ a.className,
83
+ "transition-all duration-500 ease-in-out",
84
+ t && "absolute w-full pointer-events-auto",
85
+ t && (N ? "left-0" : "right-0"),
86
+ t && (T ? "bottom-0" : "top-0"),
87
+ $ ? "opacity-100" : "opacity-0 pointer-events-none"
88
+ ),
89
+ style: {
90
+ zIndex: 100 - (l ? i : 0),
91
+ transform: P,
92
+ ...a.style
93
+ },
94
+ children: c || /* @__PURE__ */ d(_, { children: [
95
+ /* @__PURE__ */ d(
96
+ "div",
97
+ {
98
+ className: h(
99
+ "grid gap-1",
100
+ a.variant?.toString().startsWith("basic") && "flex flex-col items-center justify-center w-full"
101
+ ),
102
+ children: [
103
+ n && /* @__PURE__ */ f(B, { children: n }),
104
+ o && /* @__PURE__ */ f(C, { children: o })
105
+ ]
106
+ }
107
+ ),
108
+ /* @__PURE__ */ d("div", { className: "flex items-center gap-2 shrink-0", children: [
109
+ r,
110
+ /* @__PURE__ */ f(D, { className: "static relative opacity-100 position-static" })
111
+ ] })
112
+ ] })
113
+ },
114
+ e
115
+ );
116
+ })
117
+ }
118
+ ),
119
+ /* @__PURE__ */ f(
120
+ F,
88
121
  {
89
- position: d,
90
- className: p(
122
+ position: x,
123
+ className: h(
91
124
  "relative w-full h-full p-0 m-0 pointer-events-none",
92
125
  t && "static"
93
126
  )
@@ -98,5 +131,5 @@ function _({
98
131
  ) });
99
132
  }
100
133
  export {
101
- _ as Toaster
134
+ Y as Toaster
102
135
  };
@@ -92,6 +92,9 @@ export interface NestedListMessages {
92
92
  collapseAll: string;
93
93
  expand: string;
94
94
  collapse: string;
95
+ dropHere: string;
96
+ releaseToDrop: string;
97
+ dragHere: string;
95
98
  }
96
99
  export interface DataTableMessages {
97
100
  frozenColumns: string;
@@ -76,8 +76,11 @@ const e = {
76
76
  expandAll: "Expand All",
77
77
  collapseAll: "Collapse All",
78
78
  expand: "Expand",
79
- collapse: "Collapse"
80
- }, i = {
79
+ collapse: "Collapse",
80
+ dropHere: "Drop here",
81
+ releaseToDrop: "Release to drop",
82
+ dragHere: "Drag here"
83
+ }, r = {
81
84
  frozenColumns: "Frozen Columns",
82
85
  scrollableColumns: "Scrollable Columns",
83
86
  searchColumnsPlaceholder: "Search columns...",
@@ -120,7 +123,7 @@ const e = {
120
123
  savedViewsDeleteConfirmTitle: "Delete saved view?",
121
124
  savedViewsDeleteConfirmDescription: 'This will permanently delete "{{viewName}}". You cannot undo this action.',
122
125
  savedViewsDeleteConfirmButton: "Delete"
123
- }, n = {
126
+ }, i = {
124
127
  close: "Close",
125
128
  breadcrumb: "breadcrumb",
126
129
  remove: "Remove",
@@ -132,7 +135,7 @@ const e = {
132
135
  toggle: "Toggle",
133
136
  more: "More",
134
137
  loading: "Loading"
135
- }, r = {
138
+ }, n = {
136
139
  cancel: "Cancel",
137
140
  confirm: "Confirm"
138
141
  }, c = {
@@ -161,13 +164,13 @@ const e = {
161
164
  }, m = {
162
165
  scrollLeft: "Scroll left",
163
166
  scrollRight: "Scroll right"
164
- }, f = {
167
+ }, p = {
165
168
  viewMore: "View More",
166
169
  viewLess: "View Less",
167
170
  logout: "Logout"
168
171
  }, h = {
169
172
  stepOfTotal: "Step {{current}} of {{total}}"
170
- }, p = {
173
+ }, f = {
171
174
  title: "Advanced Filter",
172
175
  currentColumn: "Current Column",
173
176
  allFilters: "Active Filters",
@@ -218,16 +221,16 @@ const e = {
218
221
  filter: a,
219
222
  select: o,
220
223
  nestedList: s,
221
- dataTable: i,
222
- aria: n,
223
- prompt: r,
224
+ dataTable: r,
225
+ aria: i,
226
+ prompt: n,
224
227
  filterStrip: c,
225
228
  filterPanel: d,
226
- advancedFilter: p,
229
+ advancedFilter: f,
227
230
  gridHeader: S,
228
231
  notificationPanel: u,
229
232
  horizontalScroller: m,
230
- sidebar: f,
233
+ sidebar: p,
231
234
  stepper: h
232
235
  };
233
236
  export {
@@ -81,7 +81,10 @@ const e = {
81
81
  expandAll: "Alle aufklappen",
82
82
  collapseAll: "Alle zuklappen",
83
83
  expand: "Aufklappen",
84
- collapse: "Zuklappen"
84
+ collapse: "Zuklappen",
85
+ dropHere: "Hier ablegen",
86
+ releaseToDrop: "Loslassen zum Ablegen",
87
+ dragHere: "Hierher ziehen"
85
88
  },
86
89
  dataTable: {
87
90
  frozenColumns: "Fixe Spalten",
@@ -81,7 +81,10 @@ const e = {
81
81
  expandAll: "Expandir todo",
82
82
  collapseAll: "Contraer todo",
83
83
  expand: "Expandir",
84
- collapse: "Contraer"
84
+ collapse: "Contraer",
85
+ dropHere: "Soltar aquí",
86
+ releaseToDrop: "Soltar para colocar",
87
+ dragHere: "Arrastrar aquí"
85
88
  },
86
89
  dataTable: {
87
90
  frozenColumns: "Columnas fijas",
@@ -81,7 +81,10 @@ const e = {
81
81
  expandAll: "सभी विस्तार करें",
82
82
  collapseAll: "सभी संक्षिप्त करें",
83
83
  expand: "विस्तार करें",
84
- collapse: "संक्षिप्त करें"
84
+ collapse: "संक्षिप्त करें",
85
+ dropHere: "यहाँ छोड़ें",
86
+ releaseToDrop: "छोड़ने के लिए रिलीज़ करें",
87
+ dragHere: "यहाँ खींचें"
85
88
  },
86
89
  dataTable: {
87
90
  frozenColumns: "फ़्रीज़ किए गए कॉलम",
@@ -81,7 +81,10 @@ const e = {
81
81
  expandAll: "ಎಲ್ಲಾ ವಿಸ್ತರಿಸಿ",
82
82
  collapseAll: "ಎಲ್ಲಾ ಕುಗ್ಗಿಸಿ",
83
83
  expand: "ವಿಸ್ತರಿಸಿ",
84
- collapse: "ಕುಗ್ಗಿಸಿ"
84
+ collapse: "ಕುಗ್ಗಿಸಿ",
85
+ dropHere: "ಇಲ್ಲಿ ಬಿಡಿ",
86
+ releaseToDrop: "ಬಿಡಲು ಬಿಡುಗಡೆ ಮಾಡಿ",
87
+ dragHere: "ಇಲ್ಲಿ ಎಳೆಯಿರಿ"
85
88
  },
86
89
  dataTable: {
87
90
  frozenColumns: "ಫ್ರೀಜ್ ಮಾಡಿದ ಕಾಲಮ್‌ಗಳು",