@wallarm-org/design-system 3.4.1-rc-fix-data-display-category.2 → 4.0.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 (40) hide show
  1. package/dist/components/Chat/Chat.js +20 -18
  2. package/dist/components/Chat/ChatTrigger.js +37 -33
  3. package/dist/components/DateInput/internal/DateInputInternal.js +8 -4
  4. package/dist/components/DateRangeInput/DateRangeInputInternal.js +8 -4
  5. package/dist/components/DateRangeInput/DateRangeSeparator.js +15 -6
  6. package/dist/components/FileUpload/FileUploadItemReplaceTrigger.js +14 -11
  7. package/dist/components/FilterCascade/FilterCascadeLevel.js +18 -10
  8. package/dist/components/FilterInput/FilterInput.d.ts +2 -1
  9. package/dist/components/FilterInput/FilterInput.js +160 -142
  10. package/dist/components/FilterInput/FilterInputField/FilterInputChip/FilterInputChip.d.ts +2 -1
  11. package/dist/components/FilterInput/FilterInputField/FilterInputChip/FilterInputChip.js +157 -138
  12. package/dist/components/FilterInput/FilterInputField/FilterInputChip/FilterInputRemoveButton.js +8 -4
  13. package/dist/components/FilterInput/FilterInputField/FilterInputChip/PairSeparator.js +20 -11
  14. package/dist/components/FilterInput/FilterInputField/FilterInputChip/Segment.js +4 -0
  15. package/dist/components/FilterInput/FilterInputField/FilterInputConnectorChip/FilterInputConnectorChip.js +98 -86
  16. package/dist/components/FilterInput/FilterInputField/FilterInputField.js +82 -70
  17. package/dist/components/FilterInput/FilterInputMenu/FilterInputFieldMenu/FilterInputFieldMenu.d.ts +2 -1
  18. package/dist/components/FilterInput/FilterInputMenu/FilterInputFieldMenu/FilterInputFieldMenu.js +5 -1
  19. package/dist/components/FilterInput/FilterInputMenu/FilterInputOperatorMenu.d.ts +2 -1
  20. package/dist/components/FilterInput/FilterInputMenu/FilterInputOperatorMenu.js +20 -14
  21. package/dist/components/NavRail/NavRailItem.js +57 -55
  22. package/dist/components/Select/SelectInput/SelectInputItemRenderer.js +20 -13
  23. package/dist/components/Selection/SelectionItem.js +8 -4
  24. package/dist/components/SimpleCharts/AreaChart/AreaChartArea.js +8 -4
  25. package/dist/components/SimpleCharts/BarList/BarListPercent.js +16 -13
  26. package/dist/components/SimpleCharts/LineChart/LineChartHoverPopover.js +8 -4
  27. package/dist/components/SimpleCharts/LineChart/LineChartLine.js +8 -4
  28. package/dist/components/SimpleCharts/LineChart/LineChartZoomBrush.js +3 -0
  29. package/dist/components/SimpleCharts/PieChart/PieChartDonut.js +33 -30
  30. package/dist/components/Tree/TreeItemContent.js +18 -12
  31. package/dist/components/Tree/TreeItemHeader.js +49 -38
  32. package/dist/components/TreeView/TreeViewItem.js +46 -40
  33. package/dist/metadata/components.json +68 -512
  34. package/package.json +1 -1
  35. package/dist/components/TreeBase/TreeBase.d.ts +0 -31
  36. package/dist/components/TreeBase/TreeBase.js +0 -245
  37. package/dist/components/TreeBase/classes.d.ts +0 -7
  38. package/dist/components/TreeBase/classes.js +0 -10
  39. package/dist/components/TreeBase/index.d.ts +0 -1
  40. package/dist/components/TreeBase/index.js +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wallarm-org/design-system",
3
- "version": "3.4.1-rc-fix-data-display-category.2",
3
+ "version": "4.0.0",
4
4
  "description": "Core design system library with React components and Storybook documentation",
5
5
  "publishConfig": {
6
6
  "access": "public",
@@ -1,31 +0,0 @@
1
- import type { ComponentProps, FC } from 'react';
2
- import type { TreeNode } from '@ark-ui/react/tree-view';
3
- import { TreeView, type TreeViewRootProps } from '@ark-ui/react/tree-view';
4
- export type { TreeViewExpandedChangeDetails } from '@ark-ui/react/tree-view';
5
- export { createTreeCollection, type TreeCollection, type TreeNode } from '@ark-ui/react/tree-view';
6
- export type TreeBaseRootProps<T extends TreeNode = TreeNode> = TreeViewRootProps<T> & {
7
- className?: string;
8
- };
9
- export declare function TreeBaseRoot<T extends TreeNode>({ className, ...props }: TreeBaseRootProps<T>): import("react").JSX.Element;
10
- export declare namespace TreeBaseRoot {
11
- var displayName: string;
12
- }
13
- type TreeBaseTreeProps = ComponentProps<typeof TreeView.Tree>;
14
- export declare const TreeBaseTree: FC<TreeBaseTreeProps>;
15
- export declare const TreeBaseNodeProvider: typeof TreeView.NodeProvider;
16
- type TreeBaseBranchProps = ComponentProps<typeof TreeView.Branch>;
17
- export declare const TreeBaseBranch: FC<TreeBaseBranchProps>;
18
- type TreeBaseBranchControlProps = ComponentProps<typeof TreeView.BranchControl>;
19
- export declare const TreeBaseBranchControl: FC<TreeBaseBranchControlProps>;
20
- type TreeBaseBranchContentProps = ComponentProps<typeof TreeView.BranchContent>;
21
- export declare const TreeBaseBranchContent: FC<TreeBaseBranchContentProps>;
22
- export declare const TreeBaseBranchIndicator: import("react").ForwardRefExoticComponent<TreeView.BranchIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
23
- type TreeBaseBranchIndentGuideProps = ComponentProps<typeof TreeView.BranchIndentGuide>;
24
- export declare const TreeBaseBranchIndentGuide: FC<TreeBaseBranchIndentGuideProps>;
25
- export declare const TreeBaseBranchText: import("react").ForwardRefExoticComponent<TreeView.BranchTextProps & import("react").RefAttributes<HTMLSpanElement>>;
26
- export declare const TreeBaseBranchTrigger: import("react").ForwardRefExoticComponent<TreeView.BranchTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
27
- type TreeBaseItemProps = ComponentProps<typeof TreeView.Item>;
28
- export declare const TreeBaseItem: FC<TreeBaseItemProps>;
29
- export declare const TreeBaseItemText: import("react").ForwardRefExoticComponent<TreeView.ItemTextProps & import("react").RefAttributes<HTMLSpanElement>>;
30
- export declare const TreeBaseLabel: import("react").ForwardRefExoticComponent<TreeView.LabelProps & import("react").RefAttributes<HTMLHeadingElement>>;
31
- export declare const TreeBaseContext: <T extends unknown>(props: TreeView.ContextProps<T>) => import("react").ReactNode;
@@ -1,245 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { c } from "react/compiler-runtime";
3
- import { TreeView, createTreeCollection } from "@ark-ui/react/tree-view";
4
- import { cn } from "../../utils/cn.js";
5
- import { treeBranchContentVariants, treeBranchControlVariants, treeBranchIndentGuideVariants, treeBranchVariants, treeItemVariants, treeListVariants, treeRootVariants } from "./classes.js";
6
- function TreeBaseRoot(t0) {
7
- const $ = c(8);
8
- let className;
9
- let props;
10
- if ($[0] !== t0) {
11
- ({ className, ...props } = t0);
12
- $[0] = t0;
13
- $[1] = className;
14
- $[2] = props;
15
- } else {
16
- className = $[1];
17
- props = $[2];
18
- }
19
- let t1;
20
- if ($[3] !== className) {
21
- t1 = cn(treeRootVariants(), className);
22
- $[3] = className;
23
- $[4] = t1;
24
- } else t1 = $[4];
25
- const t2 = props;
26
- let t3;
27
- if ($[5] !== t1 || $[6] !== t2) {
28
- t3 = /*#__PURE__*/ jsx(TreeView.Root, {
29
- "data-slot": "tree",
30
- className: t1,
31
- ...t2
32
- });
33
- $[5] = t1;
34
- $[6] = t2;
35
- $[7] = t3;
36
- } else t3 = $[7];
37
- return t3;
38
- }
39
- TreeBaseRoot.displayName = "TreeBaseRoot";
40
- const TreeBaseTree = (t0)=>{
41
- const $ = c(8);
42
- let className;
43
- let props;
44
- if ($[0] !== t0) {
45
- ({ className, ...props } = t0);
46
- $[0] = t0;
47
- $[1] = className;
48
- $[2] = props;
49
- } else {
50
- className = $[1];
51
- props = $[2];
52
- }
53
- let t1;
54
- if ($[3] !== className) {
55
- t1 = cn(treeListVariants(), className);
56
- $[3] = className;
57
- $[4] = t1;
58
- } else t1 = $[4];
59
- let t2;
60
- if ($[5] !== props || $[6] !== t1) {
61
- t2 = /*#__PURE__*/ jsx(TreeView.Tree, {
62
- "data-slot": "tree-list",
63
- className: t1,
64
- ...props
65
- });
66
- $[5] = props;
67
- $[6] = t1;
68
- $[7] = t2;
69
- } else t2 = $[7];
70
- return t2;
71
- };
72
- TreeBaseTree.displayName = "TreeBaseTree";
73
- const TreeBaseNodeProvider = TreeView.NodeProvider;
74
- const TreeBaseBranch = (t0)=>{
75
- const $ = c(8);
76
- let className;
77
- let props;
78
- if ($[0] !== t0) {
79
- ({ className, ...props } = t0);
80
- $[0] = t0;
81
- $[1] = className;
82
- $[2] = props;
83
- } else {
84
- className = $[1];
85
- props = $[2];
86
- }
87
- let t1;
88
- if ($[3] !== className) {
89
- t1 = cn(treeBranchVariants(), className);
90
- $[3] = className;
91
- $[4] = t1;
92
- } else t1 = $[4];
93
- let t2;
94
- if ($[5] !== props || $[6] !== t1) {
95
- t2 = /*#__PURE__*/ jsx(TreeView.Branch, {
96
- "data-slot": "tree-branch",
97
- className: t1,
98
- ...props
99
- });
100
- $[5] = props;
101
- $[6] = t1;
102
- $[7] = t2;
103
- } else t2 = $[7];
104
- return t2;
105
- };
106
- TreeBaseBranch.displayName = "TreeBaseBranch";
107
- const TreeBaseBranchControl = (t0)=>{
108
- const $ = c(8);
109
- let className;
110
- let props;
111
- if ($[0] !== t0) {
112
- ({ className, ...props } = t0);
113
- $[0] = t0;
114
- $[1] = className;
115
- $[2] = props;
116
- } else {
117
- className = $[1];
118
- props = $[2];
119
- }
120
- let t1;
121
- if ($[3] !== className) {
122
- t1 = cn(treeBranchControlVariants(), className);
123
- $[3] = className;
124
- $[4] = t1;
125
- } else t1 = $[4];
126
- let t2;
127
- if ($[5] !== props || $[6] !== t1) {
128
- t2 = /*#__PURE__*/ jsx(TreeView.BranchControl, {
129
- "data-slot": "tree-branch-control",
130
- className: t1,
131
- ...props
132
- });
133
- $[5] = props;
134
- $[6] = t1;
135
- $[7] = t2;
136
- } else t2 = $[7];
137
- return t2;
138
- };
139
- TreeBaseBranchControl.displayName = "TreeBaseBranchControl";
140
- const TreeBaseBranchContent = (t0)=>{
141
- const $ = c(8);
142
- let className;
143
- let props;
144
- if ($[0] !== t0) {
145
- ({ className, ...props } = t0);
146
- $[0] = t0;
147
- $[1] = className;
148
- $[2] = props;
149
- } else {
150
- className = $[1];
151
- props = $[2];
152
- }
153
- let t1;
154
- if ($[3] !== className) {
155
- t1 = cn(treeBranchContentVariants(), className);
156
- $[3] = className;
157
- $[4] = t1;
158
- } else t1 = $[4];
159
- let t2;
160
- if ($[5] !== props || $[6] !== t1) {
161
- t2 = /*#__PURE__*/ jsx(TreeView.BranchContent, {
162
- "data-slot": "tree-branch-content",
163
- className: t1,
164
- ...props
165
- });
166
- $[5] = props;
167
- $[6] = t1;
168
- $[7] = t2;
169
- } else t2 = $[7];
170
- return t2;
171
- };
172
- TreeBaseBranchContent.displayName = "TreeBaseBranchContent";
173
- const TreeBaseBranchIndicator = TreeView.BranchIndicator;
174
- const TreeBaseBranchIndentGuide = (t0)=>{
175
- const $ = c(8);
176
- let className;
177
- let props;
178
- if ($[0] !== t0) {
179
- ({ className, ...props } = t0);
180
- $[0] = t0;
181
- $[1] = className;
182
- $[2] = props;
183
- } else {
184
- className = $[1];
185
- props = $[2];
186
- }
187
- let t1;
188
- if ($[3] !== className) {
189
- t1 = cn(treeBranchIndentGuideVariants(), className);
190
- $[3] = className;
191
- $[4] = t1;
192
- } else t1 = $[4];
193
- let t2;
194
- if ($[5] !== props || $[6] !== t1) {
195
- t2 = /*#__PURE__*/ jsx(TreeView.BranchIndentGuide, {
196
- "data-slot": "tree-indent-guide",
197
- className: t1,
198
- ...props
199
- });
200
- $[5] = props;
201
- $[6] = t1;
202
- $[7] = t2;
203
- } else t2 = $[7];
204
- return t2;
205
- };
206
- TreeBaseBranchIndentGuide.displayName = "TreeBaseBranchIndentGuide";
207
- const TreeBaseBranchText = TreeView.BranchText;
208
- const TreeBaseBranchTrigger = TreeView.BranchTrigger;
209
- const TreeBaseItem = (t0)=>{
210
- const $ = c(8);
211
- let className;
212
- let props;
213
- if ($[0] !== t0) {
214
- ({ className, ...props } = t0);
215
- $[0] = t0;
216
- $[1] = className;
217
- $[2] = props;
218
- } else {
219
- className = $[1];
220
- props = $[2];
221
- }
222
- let t1;
223
- if ($[3] !== className) {
224
- t1 = cn(treeItemVariants(), className);
225
- $[3] = className;
226
- $[4] = t1;
227
- } else t1 = $[4];
228
- let t2;
229
- if ($[5] !== props || $[6] !== t1) {
230
- t2 = /*#__PURE__*/ jsx(TreeView.Item, {
231
- "data-slot": "tree-item",
232
- className: t1,
233
- ...props
234
- });
235
- $[5] = props;
236
- $[6] = t1;
237
- $[7] = t2;
238
- } else t2 = $[7];
239
- return t2;
240
- };
241
- TreeBaseItem.displayName = "TreeBaseItem";
242
- const TreeBaseItemText = TreeView.ItemText;
243
- const TreeBaseLabel = TreeView.Label;
244
- const TreeBaseContext = TreeView.Context;
245
- export { TreeBaseBranch, TreeBaseBranchContent, TreeBaseBranchControl, TreeBaseBranchIndentGuide, TreeBaseBranchIndicator, TreeBaseBranchText, TreeBaseBranchTrigger, TreeBaseContext, TreeBaseItem, TreeBaseItemText, TreeBaseLabel, TreeBaseNodeProvider, TreeBaseRoot, TreeBaseTree, createTreeCollection };
@@ -1,7 +0,0 @@
1
- export declare const treeRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
2
- export declare const treeListVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
3
- export declare const treeBranchVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
4
- export declare const treeBranchControlVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
5
- export declare const treeBranchContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
6
- export declare const treeBranchIndentGuideVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
7
- export declare const treeItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
@@ -1,10 +0,0 @@
1
- import { cva } from "class-variance-authority";
2
- import { cn } from "../../utils/cn.js";
3
- const treeRootVariants = cva('relative flex flex-col');
4
- const treeListVariants = cva('flex flex-col');
5
- const treeBranchVariants = cva('relative flex flex-col');
6
- const treeBranchControlVariants = cva(cn('group/trigger relative flex min-w-0 w-full items-start cursor-pointer'));
7
- const treeBranchContentVariants = cva(cn('overflow-hidden', 'data-[state=open]:animate-[ds-accordion-down_220ms_cubic-bezier(0.4,0,0.2,1)]', 'data-[state=closed]:animate-[ds-accordion-up_220ms_cubic-bezier(0.4,0,0.2,1)]', 'motion-reduce:animate-none'));
8
- const treeBranchIndentGuideVariants = cva('absolute top-0 bottom-0 w-px');
9
- const treeItemVariants = cva('relative flex items-start');
10
- export { treeBranchContentVariants, treeBranchControlVariants, treeBranchIndentGuideVariants, treeBranchVariants, treeItemVariants, treeListVariants, treeRootVariants };
@@ -1 +0,0 @@
1
- export { createTreeCollection, TreeBaseBranch, TreeBaseBranchContent, TreeBaseBranchControl, TreeBaseBranchIndentGuide, TreeBaseBranchIndicator, TreeBaseBranchText, TreeBaseBranchTrigger, TreeBaseContext, TreeBaseItem, TreeBaseItemText, TreeBaseLabel, TreeBaseNodeProvider, TreeBaseRoot, type TreeBaseRootProps, TreeBaseTree, type TreeCollection, type TreeNode, type TreeViewExpandedChangeDetails, } from './TreeBase.js';
@@ -1 +0,0 @@
1
- export { TreeBaseBranch, TreeBaseBranchContent, TreeBaseBranchControl, TreeBaseBranchIndentGuide, TreeBaseBranchIndicator, TreeBaseBranchText, TreeBaseBranchTrigger, TreeBaseContext, TreeBaseItem, TreeBaseItemText, TreeBaseLabel, TreeBaseNodeProvider, TreeBaseRoot, TreeBaseTree, createTreeCollection } from "./TreeBase.js";