nntc-ui 0.0.5 → 0.0.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.
- package/EditIcon-BBUeY3nb.d.ts +13 -0
- package/{chunk-RKPZOIBV.js → chunk-TKJ7MZJW.js} +6 -1
- package/icons/index.d.ts +3 -9
- package/icons/index.js +3 -1
- package/index.css +27 -6
- package/index.d.ts +10 -3
- package/index.js +236 -159
- package/package.json +8 -2
- package/styles/localGlobal.css +1 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
|
|
3
|
+
interface IconProps {
|
|
4
|
+
size?: number;
|
|
5
|
+
color?: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
declare const DeleteIcon: React__default.FC<IconProps>;
|
|
10
|
+
|
|
11
|
+
declare const EditIcon: React__default.FC<IconProps>;
|
|
12
|
+
|
|
13
|
+
export { DeleteIcon as D, EditIcon as E, type IconProps as I };
|
|
@@ -139,6 +139,10 @@ var UploadIcon = (props) => /* @__PURE__ */ jsx29(Icon, { ...props, children: /*
|
|
|
139
139
|
import { jsx as jsx30 } from "react/jsx-runtime";
|
|
140
140
|
var WellIcon = (props) => /* @__PURE__ */ jsx30(Icon, { ...props, children: /* @__PURE__ */ jsx30("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z" }) });
|
|
141
141
|
|
|
142
|
+
// src/icons/EditIcon.tsx
|
|
143
|
+
import { jsx as jsx31 } from "react/jsx-runtime";
|
|
144
|
+
var EditIcon = (props) => /* @__PURE__ */ jsx31(Icon, { ...props, children: /* @__PURE__ */ jsx31("path", { d: "M18.3688 3.29L20.7088 5.63C21.0988 6.02 21.0988 6.65 20.7088 7.04L18.8788 8.87L15.1288 5.12L16.9588 3.29C17.1488 3.1 17.3988 3 17.6588 3C17.9188 3 18.1688 3.09 18.3688 3.29ZM2.99878 17.25V21H6.74878L17.8088 9.94L14.0588 6.19L2.99878 17.25ZM5.91878 19H4.99878V18.08L14.0588 9.02L14.9788 9.94L5.91878 19Z" }) });
|
|
145
|
+
|
|
142
146
|
export {
|
|
143
147
|
CheckboxDeselectedIcon,
|
|
144
148
|
CheckboxIcon,
|
|
@@ -168,5 +172,6 @@ export {
|
|
|
168
172
|
SortUpIcon,
|
|
169
173
|
TableChartIcon,
|
|
170
174
|
UploadIcon,
|
|
171
|
-
WellIcon
|
|
175
|
+
WellIcon,
|
|
176
|
+
EditIcon
|
|
172
177
|
};
|
package/icons/index.d.ts
CHANGED
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
size?: number;
|
|
5
|
-
color?: string;
|
|
6
|
-
className?: string;
|
|
7
|
-
}
|
|
2
|
+
import { I as IconProps } from '../EditIcon-BBUeY3nb.js';
|
|
3
|
+
export { D as DeleteIcon, E as EditIcon } from '../EditIcon-BBUeY3nb.js';
|
|
8
4
|
|
|
9
5
|
declare const AddIcon: React__default.FC<IconProps>;
|
|
10
6
|
|
|
@@ -32,8 +28,6 @@ declare const CloseIcon: React__default.FC<IconProps>;
|
|
|
32
28
|
|
|
33
29
|
declare const DateRangeIcon: React__default.FC<IconProps>;
|
|
34
30
|
|
|
35
|
-
declare const DeleteIcon: React__default.FC<IconProps>;
|
|
36
|
-
|
|
37
31
|
declare const DoneIcon: React__default.FC<IconProps>;
|
|
38
32
|
|
|
39
33
|
declare const FileUploadIcon: React__default.FC<IconProps>;
|
|
@@ -64,4 +58,4 @@ declare const UploadIcon: React__default.FC<IconProps>;
|
|
|
64
58
|
|
|
65
59
|
declare const WellIcon: React__default.FC<IconProps>;
|
|
66
60
|
|
|
67
|
-
export { AddIcon, ArrowDropDownIcon, ArrowDropUpIcon, AttachIcon, BarChartIcon, CheckboxDeselectedIcon, CheckboxIcon, CheckboxSeveralIcon, ChevronLeftIcon, ChevronRightIcon, CircleFilledIcon, CloseIcon, DateRangeIcon,
|
|
61
|
+
export { AddIcon, ArrowDropDownIcon, ArrowDropUpIcon, AttachIcon, BarChartIcon, CheckboxDeselectedIcon, CheckboxIcon, CheckboxSeveralIcon, ChevronLeftIcon, ChevronRightIcon, CircleFilledIcon, CloseIcon, DateRangeIcon, DoneIcon, FileUploadIcon, FilterClearIcon, FilterIcon, InfoIcon, KeyboardArrowDownIcon, ListIcon, MoreVerticalIcon, SearchIcon, SettingsIcon, SortDownIcon, SortUpIcon, TableChartIcon, UploadIcon, WellIcon };
|
package/icons/index.js
CHANGED
|
@@ -14,6 +14,7 @@ import {
|
|
|
14
14
|
DateRangeIcon,
|
|
15
15
|
DeleteIcon,
|
|
16
16
|
DoneIcon,
|
|
17
|
+
EditIcon,
|
|
17
18
|
FileUploadIcon,
|
|
18
19
|
FilterClearIcon,
|
|
19
20
|
FilterIcon,
|
|
@@ -28,7 +29,7 @@ import {
|
|
|
28
29
|
TableChartIcon,
|
|
29
30
|
UploadIcon,
|
|
30
31
|
WellIcon
|
|
31
|
-
} from "../chunk-
|
|
32
|
+
} from "../chunk-TKJ7MZJW.js";
|
|
32
33
|
export {
|
|
33
34
|
AddIcon,
|
|
34
35
|
ArrowDropDownIcon,
|
|
@@ -45,6 +46,7 @@ export {
|
|
|
45
46
|
DateRangeIcon,
|
|
46
47
|
DeleteIcon,
|
|
47
48
|
DoneIcon,
|
|
49
|
+
EditIcon,
|
|
48
50
|
FileUploadIcon,
|
|
49
51
|
FilterClearIcon,
|
|
50
52
|
FilterIcon,
|
package/index.css
CHANGED
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
gap: 8px;
|
|
17
17
|
align-items: center;
|
|
18
18
|
justify-content: center;
|
|
19
|
+
width: 100%;
|
|
19
20
|
background-color: transparent;
|
|
20
21
|
}
|
|
21
22
|
.button_root:hover > .button_stateLayer {
|
|
@@ -1261,6 +1262,10 @@ button[disabled] {
|
|
|
1261
1262
|
display: flex;
|
|
1262
1263
|
align-items: center;
|
|
1263
1264
|
}
|
|
1265
|
+
.buttonsGroup_fillEvenly > * {
|
|
1266
|
+
flex-grow: 1;
|
|
1267
|
+
width: 0;
|
|
1268
|
+
}
|
|
1264
1269
|
.buttonsGroup_root > *:nth-child(n+1) {
|
|
1265
1270
|
border-top-right-radius: 0;
|
|
1266
1271
|
border-bottom-right-radius: 0;
|
|
@@ -1407,25 +1412,25 @@ button[disabled] {
|
|
|
1407
1412
|
.tooltip_content.tooltip_info > .tooltip_arrow {
|
|
1408
1413
|
--arrow-color: var(--theme-alert-info-background);
|
|
1409
1414
|
}
|
|
1410
|
-
.tooltip_content > .tooltip_arrow.
|
|
1415
|
+
.tooltip_content > .tooltip_arrow.tooltip_topArrow {
|
|
1411
1416
|
border-top: 6px solid var(--arrow-color);
|
|
1412
1417
|
border-right: 6px solid transparent;
|
|
1413
1418
|
border-left: 6px solid transparent;
|
|
1414
1419
|
transform: translate(0, 6px);
|
|
1415
1420
|
}
|
|
1416
|
-
.tooltip_content > .tooltip_arrow.
|
|
1421
|
+
.tooltip_content > .tooltip_arrow.tooltip_bottomArrow {
|
|
1417
1422
|
border-right: 6px solid transparent;
|
|
1418
1423
|
border-bottom: 6px solid var(--arrow-color);
|
|
1419
1424
|
border-left: 6px solid transparent;
|
|
1420
1425
|
transform: translate(0, -6px);
|
|
1421
1426
|
}
|
|
1422
|
-
.tooltip_content > .tooltip_arrow.
|
|
1427
|
+
.tooltip_content > .tooltip_arrow.tooltip_leftArrow {
|
|
1423
1428
|
border-top: 6px solid transparent;
|
|
1424
1429
|
border-bottom: 6px solid transparent;
|
|
1425
1430
|
border-left: 6px solid var(--arrow-color);
|
|
1426
1431
|
transform: translate(6px, 0);
|
|
1427
1432
|
}
|
|
1428
|
-
.tooltip_content > .tooltip_arrow.
|
|
1433
|
+
.tooltip_content > .tooltip_arrow.tooltip_rightArrow {
|
|
1429
1434
|
border-top: 6px solid transparent;
|
|
1430
1435
|
border-right: 6px solid var(--arrow-color);
|
|
1431
1436
|
border-bottom: 6px solid transparent;
|
|
@@ -1473,13 +1478,17 @@ button[disabled] {
|
|
|
1473
1478
|
z-index: 2;
|
|
1474
1479
|
padding: 6px 12px;
|
|
1475
1480
|
background-color: var(--theme-table-header);
|
|
1481
|
+
border-bottom: 1px solid var(--border-color);
|
|
1476
1482
|
}
|
|
1477
|
-
.
|
|
1483
|
+
.virtualTable_thLeftBorder {
|
|
1478
1484
|
border-left: 1px solid var(--border-color);
|
|
1479
1485
|
}
|
|
1480
|
-
.
|
|
1486
|
+
.virtualTable_thRightBorder {
|
|
1481
1487
|
border-right: 1px solid var(--border-color);
|
|
1482
1488
|
}
|
|
1489
|
+
.virtualTable_thHiddenColumn {
|
|
1490
|
+
display: none;
|
|
1491
|
+
}
|
|
1483
1492
|
.virtualTable_firstThRow {
|
|
1484
1493
|
border-top: 1px solid var(--border-color);
|
|
1485
1494
|
}
|
|
@@ -1662,6 +1671,18 @@ button[disabled] {
|
|
|
1662
1671
|
background: none !important;
|
|
1663
1672
|
}
|
|
1664
1673
|
|
|
1674
|
+
/* src/components/view/VirtualTable/ui/NumberFiltration/numberFiltration.module.css */
|
|
1675
|
+
.numberFiltration_root {
|
|
1676
|
+
display: flex;
|
|
1677
|
+
gap: 16px;
|
|
1678
|
+
align-items: center;
|
|
1679
|
+
width: 424px;
|
|
1680
|
+
padding: 16px 16px 0 16px;
|
|
1681
|
+
}
|
|
1682
|
+
.numberFiltration_select {
|
|
1683
|
+
width: 120px;
|
|
1684
|
+
}
|
|
1685
|
+
|
|
1665
1686
|
/* src/components/view/TreeView/treeView.module.css */
|
|
1666
1687
|
.treeView_search {
|
|
1667
1688
|
margin-bottom: 12px;
|
package/index.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { ButtonHTMLAttributes, ReactNode, DetailedHTMLProps, InputHTMLAttributes, PropsWithChildren, ChangeEvent, JSX, HTMLProps, ElementType } from 'react';
|
|
2
|
+
import { ButtonHTMLAttributes, ReactNode, DetailedHTMLProps, InputHTMLAttributes, PropsWithChildren, ChangeEvent, JSX, MutableRefObject, HTMLProps, ElementType } from 'react';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import { Placement } from '@floating-ui/react';
|
|
5
|
+
export { D as DeleteIcon, E as EditIcon } from './EditIcon-BBUeY3nb.js';
|
|
5
6
|
|
|
6
7
|
type PropsObject = {
|
|
7
8
|
[key: string]: string | PropsObject;
|
|
@@ -161,6 +162,7 @@ interface Props$d {
|
|
|
161
162
|
declare function Checklist(props: UiProps<Props$d>): react_jsx_runtime.JSX.Element;
|
|
162
163
|
|
|
163
164
|
interface Props$c {
|
|
165
|
+
fillEvenly?: boolean;
|
|
164
166
|
}
|
|
165
167
|
declare const ButtonsGroup: (props: PropsWithChildren<UiProps<Props$c>>) => react_jsx_runtime.JSX.Element;
|
|
166
168
|
|
|
@@ -183,7 +185,7 @@ interface Item$2 {
|
|
|
183
185
|
type: 'item';
|
|
184
186
|
name: string;
|
|
185
187
|
icon?: ReactNode;
|
|
186
|
-
description?:
|
|
188
|
+
description?: ReactNode;
|
|
187
189
|
onClick?: () => void;
|
|
188
190
|
selected?: boolean;
|
|
189
191
|
disabled?: boolean;
|
|
@@ -236,7 +238,9 @@ interface TableColumn {
|
|
|
236
238
|
editable?: boolean;
|
|
237
239
|
sortable?: boolean;
|
|
238
240
|
sortAnotherName?: string;
|
|
239
|
-
|
|
241
|
+
filtrationByNumber?: boolean;
|
|
242
|
+
filtrationByDate?: boolean;
|
|
243
|
+
filtrationByValue?: boolean;
|
|
240
244
|
width?: number;
|
|
241
245
|
headerAlign?: ColumnAlign;
|
|
242
246
|
rowsAlign?: ColumnAlign;
|
|
@@ -263,6 +267,7 @@ interface Props$7 {
|
|
|
263
267
|
dynamicRowHeight?: boolean;
|
|
264
268
|
height?: number;
|
|
265
269
|
scrollToBottom?: boolean;
|
|
270
|
+
useTableContainerAsRootForPopup?: boolean;
|
|
266
271
|
}
|
|
267
272
|
declare function VirtualTable(props: UiProps<Props$7>): react_jsx_runtime.JSX.Element;
|
|
268
273
|
|
|
@@ -301,6 +306,7 @@ interface Props$5 {
|
|
|
301
306
|
withoutArrow?: boolean;
|
|
302
307
|
wrapTrigger?: boolean;
|
|
303
308
|
alertType?: 'success' | 'warning' | 'error' | 'info' | 'default';
|
|
309
|
+
root?: HTMLElement | MutableRefObject<HTMLElement | null> | null;
|
|
304
310
|
}
|
|
305
311
|
declare function Tooltip(props: PropsWithChildren<UiProps<Props$5>>): string | number | boolean | Iterable<ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
|
|
306
312
|
|
|
@@ -311,6 +317,7 @@ interface Props$4 {
|
|
|
311
317
|
placement?: Placement;
|
|
312
318
|
wrapTrigger?: boolean;
|
|
313
319
|
containerOffset?: number;
|
|
320
|
+
root?: HTMLElement | MutableRefObject<HTMLElement | null> | null;
|
|
314
321
|
}
|
|
315
322
|
declare function Popover(props: PropsWithChildren<UiProps<Props$4>>): string | number | true | Iterable<ReactNode> | react_jsx_runtime.JSX.Element | null;
|
|
316
323
|
|