@ultraviolet/ui 3.19.1 → 3.20.1
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/dist/components/Breadcrumbs/components/Item.d.ts +30 -6
- package/dist/components/Breadcrumbs/components/Item.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/components/Item.js +8 -8
- package/dist/components/FileInput/helpers.d.ts.map +1 -1
- package/dist/components/FileInput/helpers.js +51 -46
- package/dist/components/List/index.d.ts.map +1 -1
- package/dist/components/Modal/components/Dialog.d.ts.map +1 -1
- package/dist/components/NumberInput/components/Controls.d.ts +2 -12
- package/dist/components/NumberInput/components/Controls.d.ts.map +1 -1
- package/dist/components/NumberInput/components/Unit.d.ts +2 -7
- package/dist/components/NumberInput/components/Unit.d.ts.map +1 -1
- package/dist/components/NumberInput/index.d.ts +4 -17
- package/dist/components/NumberInput/index.d.ts.map +1 -1
- package/dist/components/NumberInput/index.js +11 -10
- package/dist/components/NumberInput/styles.css.d.ts.map +1 -1
- package/dist/components/NumberInput/types.d.ts +48 -0
- package/dist/components/NumberInput/types.d.ts.map +1 -0
- package/dist/components/Pagination/Ellipsis.d.ts +7 -0
- package/dist/components/Pagination/Ellipsis.d.ts.map +1 -0
- package/dist/components/Pagination/Ellipsis.js +26 -0
- package/dist/components/Pagination/PaginationButton.d.ts +2 -2
- package/dist/components/Pagination/PaginationButton.d.ts.map +1 -1
- package/dist/components/Pagination/PaginationButton.js +6 -13
- package/dist/components/Pagination/PaginationButtons.d.ts +5 -3
- package/dist/components/Pagination/PaginationButtons.d.ts.map +1 -1
- package/dist/components/Pagination/PaginationButtons.js +18 -11
- package/dist/components/Pagination/getPageNumbers.d.ts +1 -1
- package/dist/components/Pagination/getPageNumbers.d.ts.map +1 -1
- package/dist/components/Pagination/getPageNumbers.js +5 -3
- package/dist/components/Pagination/index.d.ts +6 -2
- package/dist/components/Pagination/index.d.ts.map +1 -1
- package/dist/components/Pagination/index.js +4 -2
- package/dist/components/PhoneInput/index.d.ts.map +1 -1
- package/dist/components/SelectInput/components/Dropdown/Option.d.ts.map +1 -1
- package/dist/components/SelectInput/components/Dropdown/Option.js +15 -20
- package/dist/components/SelectInput/components/Dropdown/dropdown.css.d.ts.map +1 -1
- package/dist/components/SelectInput/components/SelectBar/SelectBar.d.ts.map +1 -1
- package/dist/components/SelectInput/components/SelectBar/SelectBar.js +1 -0
- package/dist/components/SelectInput/components/SelectBar/selectBar.css.d.ts.map +1 -1
- package/dist/components/Separator/styles.css.d.ts +3 -0
- package/dist/components/Separator/styles.css.d.ts.map +1 -1
- package/dist/components/Separator/styles.css.js +5 -3
- package/dist/components/Skeleton/List.d.ts.map +1 -1
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +77 -80
- package/dist/components/Tag/styles.css.d.ts +14 -10
- package/dist/components/Tag/styles.css.d.ts.map +1 -1
- package/dist/components/Tag/styles.css.js +61 -115
- package/dist/components/Tag/type.d.ts +4 -8
- package/dist/components/Tag/type.d.ts.map +1 -1
- package/dist/components/VerificationCode/index.d.ts.map +1 -1
- package/dist/compositions/CodeEditor/index.d.ts +1 -1
- package/dist/compositions/CodeEditor/index.d.ts.map +1 -1
- package/dist/compositions/CodeEditor/index.js +2 -1
- package/dist/compositions/CodeEditor/type.d.ts +1 -0
- package/dist/compositions/CodeEditor/type.d.ts.map +1 -1
- package/dist/compositions/Navigation/styles.css.js +2 -0
- package/dist/compositions/OrderSummary/components/SubCategory.d.ts.map +1 -1
- package/dist/compositions/SteppedListCard/styles.css.js +0 -2
- package/dist/ui.css +1 -1
- package/package.json +10 -10
- package/dist/components/Tag/TagInner.d.ts +0 -5
- package/dist/components/Tag/TagInner.d.ts.map +0 -1
- package/dist/components/Tag/TagInner.js +0 -47
|
@@ -1,18 +1,42 @@
|
|
|
1
|
+
import type { RenderProp } from '@ultraviolet/utils';
|
|
1
2
|
import type { KeyboardEvent, MouseEvent as ReactMouseEvent, ReactNode } from 'react';
|
|
2
3
|
type ItemProps = {
|
|
3
4
|
children: ReactNode;
|
|
4
5
|
'aria-current'?: boolean | 'false' | 'true' | 'page' | 'step' | 'location' | 'date' | 'time';
|
|
5
|
-
/**
|
|
6
|
-
* Make the component act a `Link` tag
|
|
7
|
-
*/
|
|
8
|
-
to?: string;
|
|
9
6
|
disabled?: boolean;
|
|
10
7
|
onClick?: (event: ReactMouseEvent<HTMLElement>) => void;
|
|
11
8
|
onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;
|
|
12
9
|
className?: string;
|
|
13
10
|
maxWidth?: string;
|
|
14
11
|
minWidth?: string;
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
/**
|
|
13
|
+
* Custom element or render function to use instead of the default link/button.
|
|
14
|
+
* Useful for integrating with routing libraries (e.g., React Router, Next.js).
|
|
15
|
+
*
|
|
16
|
+
* Element form (props auto-merged):
|
|
17
|
+
* ```tsx
|
|
18
|
+
* <Breadcrumbs.Item render={<NextLink href="/about" />}>About</Breadcrumbs.Item>
|
|
19
|
+
* ```
|
|
20
|
+
*
|
|
21
|
+
* Function form (you control prop merging):
|
|
22
|
+
* ```tsx
|
|
23
|
+
* <Breadcrumbs.Item render={(props) => <NextLink {...props} href="/about" />}>
|
|
24
|
+
* About
|
|
25
|
+
* </Breadcrumbs.Item>
|
|
26
|
+
* ```
|
|
27
|
+
*/
|
|
28
|
+
render?: RenderProp;
|
|
29
|
+
} & XOR<[
|
|
30
|
+
{
|
|
31
|
+
/**
|
|
32
|
+
* Make the component act a `Link` tag
|
|
33
|
+
*/
|
|
34
|
+
to?: string;
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
render: RenderProp;
|
|
38
|
+
}
|
|
39
|
+
]>;
|
|
40
|
+
export declare const Item: ({ to, children, disabled, 'aria-current': ariaCurrent, onClick, onKeyDown, className, maxWidth, minWidth, render, }: ItemProps) => import("react").JSX.Element;
|
|
17
41
|
export {};
|
|
18
42
|
//# sourceMappingURL=Item.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/components/Item.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/components/Item.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAGpD,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,IAAI,eAAe,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOpF,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAA;IACnB,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;IAC5F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IACvD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;;;;;;;;;;;OAeG;IACH,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB,GAAG,GAAG,CACL;IACE;QACE;;WAEG;QACH,EAAE,CAAC,EAAE,MAAM,CAAA;KACZ;IACD;QACE,MAAM,EAAE,UAAU,CAAA;KACnB;CACF,CACF,CAAA;AAED,eAAO,MAAM,IAAI,wHAWd,SAAS,gCAkEX,CAAA"}
|
|
@@ -20,22 +20,21 @@ var init_Item = __esmMin(() => {
|
|
|
20
20
|
init_styles_css();
|
|
21
21
|
init_styles_css$1();
|
|
22
22
|
init_objectSpread2();
|
|
23
|
-
Item = ({ to, children, disabled = false, "aria-current": ariaCurrent, onClick, onKeyDown, className, maxWidth, minWidth }) => {
|
|
23
|
+
Item = ({ to, children, disabled = false, "aria-current": ariaCurrent, onClick, onKeyDown, className, maxWidth, minWidth, render }) => {
|
|
24
24
|
const renderedChildren = useMemo(() => {
|
|
25
|
-
if (to) return /* @__PURE__ */ jsx(Link, {
|
|
25
|
+
if (to || render) return /* @__PURE__ */ jsx(Link, _objectSpread2(_objectSpread2({
|
|
26
26
|
className: breadcrumbsStyle.link,
|
|
27
|
-
href: to,
|
|
28
27
|
onClick,
|
|
29
28
|
onKeyDown,
|
|
30
29
|
prominence: "stronger",
|
|
31
|
-
size: "small"
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
if (onClick) return /* @__PURE__ */ jsx(Button, {
|
|
30
|
+
size: "small"
|
|
31
|
+
}, render ? { render } : { href: to }), {}, { children }));
|
|
32
|
+
if (onClick || render) return /* @__PURE__ */ jsx(Button, {
|
|
35
33
|
className: breadcrumbsStyle.content,
|
|
36
34
|
disabled,
|
|
37
35
|
sentiment: "neutral",
|
|
38
36
|
size: "small",
|
|
37
|
+
render,
|
|
39
38
|
style: assignInlineVars({
|
|
40
39
|
[minWidthVar]: minWidth === null || minWidth === void 0 ? void 0 : minWidth.toString(),
|
|
41
40
|
[maxWidthVar]: maxWidth === null || maxWidth === void 0 ? void 0 : maxWidth.toString()
|
|
@@ -56,7 +55,8 @@ var init_Item = __esmMin(() => {
|
|
|
56
55
|
minWidth,
|
|
57
56
|
onClick,
|
|
58
57
|
to,
|
|
59
|
-
onKeyDown
|
|
58
|
+
onKeyDown,
|
|
59
|
+
render
|
|
60
60
|
]);
|
|
61
61
|
return /* @__PURE__ */ jsx("li", _objectSpread2(_objectSpread2({
|
|
62
62
|
"aria-current": ariaCurrent,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,eAAO,MAAM,eAAe,aAAc,MAAM,KAAG,QAEiB,CAAA;AAEpE,eAAO,MAAM,cAAc,UAAW,MAAM,KAAG,MAmB9C,CAAA;AAED,eAAO,MAAM,cAAc,SAAU,IAAI,WAAW,MAAM,YA6BzD,CAAA;AA+
|
|
1
|
+
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,eAAO,MAAM,eAAe,aAAc,MAAM,KAAG,QAEiB,CAAA;AAEpE,eAAO,MAAM,cAAc,UAAW,MAAM,KAAG,MAmB9C,CAAA;AAED,eAAO,MAAM,cAAc,SAAU,IAAI,WAAW,MAAM,YA6BzD,CAAA;AA+DD;;GAEG;AACH,eAAO,MAAM,oBAAoB,iBAAwB,YAAY,sBAUpE,CAAA"}
|
|
@@ -2,49 +2,7 @@ import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
|
|
|
2
2
|
import { _asyncToGenerator, init_asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
|
|
3
3
|
|
|
4
4
|
//#region src/components/FileInput/helpers.ts
|
|
5
|
-
|
|
6
|
-
return _readEntriesInDirectory.apply(this, arguments);
|
|
7
|
-
}
|
|
8
|
-
function _readEntriesInDirectory() {
|
|
9
|
-
_readEntriesInDirectory = _asyncToGenerator(function* (directory) {
|
|
10
|
-
const reader = directory.createReader();
|
|
11
|
-
const nestedEntries = [];
|
|
12
|
-
let results = [];
|
|
13
|
-
do {
|
|
14
|
-
results = yield new Promise((resolve, reject) => {
|
|
15
|
-
reader.readEntries(resolve, reject);
|
|
16
|
-
});
|
|
17
|
-
nestedEntries.push(...results);
|
|
18
|
-
} while ((results === null || results === void 0 ? void 0 : results.length) > 0);
|
|
19
|
-
return nestedEntries;
|
|
20
|
-
});
|
|
21
|
-
return _readEntriesInDirectory.apply(this, arguments);
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* Recursive function to read all the files in a list of FileSystemEntry objects (files or directories)
|
|
25
|
-
*/
|
|
26
|
-
function readEntries(_x3) {
|
|
27
|
-
return _readEntries.apply(this, arguments);
|
|
28
|
-
}
|
|
29
|
-
function _readEntries() {
|
|
30
|
-
_readEntries = _asyncToGenerator(function* (entries) {
|
|
31
|
-
const readFilesPromises = entries.filter((entry) => isFileEntry(entry)).map((entry) => convertEntryToFile(entry));
|
|
32
|
-
const files = yield Promise.all(readFilesPromises);
|
|
33
|
-
const readFoldersPromises = entries.filter((entry) => isDirectoryEntry(entry)).map(function() {
|
|
34
|
-
var _ref = _asyncToGenerator(function* (directory) {
|
|
35
|
-
const nestedEntries = yield readEntriesInDirectory(directory);
|
|
36
|
-
if (nestedEntries.length > 0) files.push(...yield readEntries(nestedEntries));
|
|
37
|
-
});
|
|
38
|
-
return function(_x2) {
|
|
39
|
-
return _ref.apply(this, arguments);
|
|
40
|
-
};
|
|
41
|
-
}());
|
|
42
|
-
yield Promise.all(readFoldersPromises);
|
|
43
|
-
return files;
|
|
44
|
-
});
|
|
45
|
-
return _readEntries.apply(this, arguments);
|
|
46
|
-
}
|
|
47
|
-
var getMimeTypeType, formatFileSize, fileIsAccepted, isFileEntry, isDirectoryEntry, convertEntryToFile, readTransferredFiles;
|
|
5
|
+
var getMimeTypeType, formatFileSize, fileIsAccepted, isFileEntry, isDirectoryEntry, convertEntryToFile, readEntriesInDirectory, readEntries, readTransferredFiles;
|
|
48
6
|
var init_helpers = __esmMin(() => {
|
|
49
7
|
init_asyncToGenerator();
|
|
50
8
|
getMimeTypeType = (mimeType) => {
|
|
@@ -83,17 +41,64 @@ var init_helpers = __esmMin(() => {
|
|
|
83
41
|
isFileEntry = (entry) => !!entry.isFile;
|
|
84
42
|
isDirectoryEntry = (entry) => !!entry.isDirectory;
|
|
85
43
|
convertEntryToFile = (entry) => new Promise((resolve, reject) => {
|
|
86
|
-
entry.file(
|
|
44
|
+
entry.file((file) => {
|
|
45
|
+
var _entry$fullPath;
|
|
46
|
+
const cleanPath = ((_entry$fullPath = entry.fullPath) === null || _entry$fullPath === void 0 ? void 0 : _entry$fullPath.startsWith("/")) ? entry.fullPath.slice(1) : entry.fullPath;
|
|
47
|
+
if (cleanPath !== file.webkitRelativePath && cleanPath !== file.name) Object.defineProperty(file, "webkitRelativePath", {
|
|
48
|
+
value: cleanPath,
|
|
49
|
+
writable: true,
|
|
50
|
+
enumerable: true,
|
|
51
|
+
configurable: true
|
|
52
|
+
});
|
|
53
|
+
resolve(file);
|
|
54
|
+
}, reject);
|
|
87
55
|
});
|
|
56
|
+
readEntriesInDirectory = function() {
|
|
57
|
+
var _ref = _asyncToGenerator(function* (directory) {
|
|
58
|
+
const reader = directory.createReader();
|
|
59
|
+
const nestedEntries = [];
|
|
60
|
+
let results = [];
|
|
61
|
+
do {
|
|
62
|
+
results = yield new Promise((resolve, reject) => {
|
|
63
|
+
reader.readEntries(resolve, reject);
|
|
64
|
+
});
|
|
65
|
+
nestedEntries.push(...results);
|
|
66
|
+
} while ((results === null || results === void 0 ? void 0 : results.length) > 0);
|
|
67
|
+
return nestedEntries;
|
|
68
|
+
});
|
|
69
|
+
return function readEntriesInDirectory(_x) {
|
|
70
|
+
return _ref.apply(this, arguments);
|
|
71
|
+
};
|
|
72
|
+
}();
|
|
73
|
+
readEntries = function() {
|
|
74
|
+
var _ref3 = _asyncToGenerator(function* (entries) {
|
|
75
|
+
const readFilesPromises = entries.filter((entry) => isFileEntry(entry)).map((entry) => convertEntryToFile(entry));
|
|
76
|
+
const files = yield Promise.all(readFilesPromises);
|
|
77
|
+
const readFoldersPromises = entries.filter((entry) => isDirectoryEntry(entry)).map(function() {
|
|
78
|
+
var _ref2 = _asyncToGenerator(function* (directory) {
|
|
79
|
+
const nestedEntries = yield readEntriesInDirectory(directory);
|
|
80
|
+
if (nestedEntries.length > 0) files.push(...yield readEntries(nestedEntries));
|
|
81
|
+
});
|
|
82
|
+
return function(_x2) {
|
|
83
|
+
return _ref2.apply(this, arguments);
|
|
84
|
+
};
|
|
85
|
+
}());
|
|
86
|
+
yield Promise.all(readFoldersPromises);
|
|
87
|
+
return files;
|
|
88
|
+
});
|
|
89
|
+
return function readEntries(_x3) {
|
|
90
|
+
return _ref3.apply(this, arguments);
|
|
91
|
+
};
|
|
92
|
+
}();
|
|
88
93
|
readTransferredFiles = function() {
|
|
89
|
-
var
|
|
94
|
+
var _ref4 = _asyncToGenerator(function* (dataTransfer) {
|
|
90
95
|
const files = yield readEntries([...dataTransfer.items].map((entry) => entry.webkitGetAsEntry()).filter((item) => !!item));
|
|
91
96
|
const outputDataTransfer = new DataTransfer();
|
|
92
97
|
for (const file of files) outputDataTransfer.items.add(file);
|
|
93
98
|
return outputDataTransfer.files;
|
|
94
99
|
});
|
|
95
100
|
return function readTransferredFiles(_x4) {
|
|
96
|
-
return
|
|
101
|
+
return _ref4.apply(this, arguments);
|
|
97
102
|
};
|
|
98
103
|
}();
|
|
99
104
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC9F,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAG7B,OAAO,EAAgB,cAAc,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAGvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,KAAK,SAAS,GAAG;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,OAAO,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;CAC3C,CAAA;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAC/C,OAAO,EAAE,QAAQ,CAAA;CAClB,CAAA;AACD,KAAK,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAClD,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;CACjC,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC9F,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAG7B,OAAO,EAAgB,cAAc,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAGvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,KAAK,SAAS,GAAG;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,OAAO,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;CAC3C,CAAA;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAC/C,OAAO,EAAE,QAAQ,CAAA;CAClB,CAAA;AACD,KAAK,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAClD,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;CACjC,CAAA;AAmDD;;GAEG;AACH,KAAK,QAAQ,GAAG;IAEd,CAAC,KAAK,EAAE,YAAY,GAAG,aAAa,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAA;IAClE;;OAEG;IAEH,CAAC,KAAK,EAAE,eAAe,GAAG,aAAa,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAA;IACrE,IAAI,EAAE,OAAO,IAAI,CAAA;IACjB,GAAG,EAAE,OAAO,GAAG,CAAA;IACf,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B,cAAc,EAAE,OAAO,cAAc,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,QAKjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAS3C,eAAO,MAAM,MAAM,mMAiBhB,WAAW,
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAS3C,eAAO,MAAM,MAAM,mMAiBhB,WAAW,gCAyNb,CAAA"}
|
|
@@ -1,13 +1,3 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
3
|
-
export declare const Controls: ({ controls, direction, size, localRef, max, min, onChange, isDisabledOrReadOnly, }: {
|
|
4
|
-
controls?: boolean;
|
|
5
|
-
direction: 'up' | 'down';
|
|
6
|
-
size: keyof typeof SIZES;
|
|
7
|
-
localRef: RefObject<HTMLInputElement | null>;
|
|
8
|
-
max?: number;
|
|
9
|
-
min?: number;
|
|
10
|
-
isDisabledOrReadOnly?: boolean;
|
|
11
|
-
onChange?: (newValue: number | null) => void;
|
|
12
|
-
}) => import("react").JSX.Element | null;
|
|
1
|
+
import type { ControlsProps } from '../types';
|
|
2
|
+
export declare const Controls: ({ controls, direction, size, localRef, max, min, onChange, isDisabledOrReadOnly, }: ControlsProps) => import("react").JSX.Element | null;
|
|
13
3
|
//# sourceMappingURL=Controls.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../../../src/components/NumberInput/components/Controls.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../../../src/components/NumberInput/components/Controls.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAG7C,eAAO,MAAM,QAAQ,uFASlB,aAAa,uCAkEf,CAAA"}
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
disabled?: boolean;
|
|
4
|
-
readOnly?: boolean;
|
|
5
|
-
size: 'large' | 'medium' | 'small';
|
|
6
|
-
controls?: boolean;
|
|
7
|
-
}) => import("react").JSX.Element | null;
|
|
1
|
+
import type { UnitProps } from '../types';
|
|
2
|
+
export declare const Unit: ({ unit, disabled, readOnly, size, controls }: UnitProps) => import("react").JSX.Element | null;
|
|
8
3
|
//# sourceMappingURL=Unit.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Unit.d.ts","sourceRoot":"","sources":["../../../../src/components/NumberInput/components/Unit.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Unit.d.ts","sourceRoot":"","sources":["../../../../src/components/NumberInput/components/Unit.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAGzC,eAAO,MAAM,IAAI,iDAAkD,SAAS,uCAgBlE,CAAA"}
|
|
@@ -1,35 +1,22 @@
|
|
|
1
|
-
import type { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
import type { SIZES } from './constant';
|
|
3
|
-
type Sizes = keyof typeof SIZES;
|
|
4
1
|
/**
|
|
5
2
|
* NumberInput component is used to increment / decrement a number value by clicking on + / - buttons or
|
|
6
3
|
* by typing into input. If the value is out of the min / max range, the input will automatically be the min / max value on blur.
|
|
7
4
|
*/
|
|
8
5
|
export declare const NumberInput: import("react").ForwardRefExoticComponent<{
|
|
9
|
-
size?:
|
|
10
|
-
/**
|
|
11
|
-
* Text displayed into component at the right of number value.
|
|
12
|
-
*/
|
|
6
|
+
size?: "large" | "medium" | "small";
|
|
13
7
|
unit?: string;
|
|
14
8
|
tooltip?: string;
|
|
15
9
|
className?: string;
|
|
16
10
|
'data-testid'?: string;
|
|
17
11
|
label?: string;
|
|
18
|
-
|
|
19
|
-
* Label description displayed right next to the label. It allows you to customize the label content.
|
|
20
|
-
*/
|
|
21
|
-
labelDescription?: ReactNode;
|
|
22
|
-
/**
|
|
23
|
-
* Whether to show controls
|
|
24
|
-
*/
|
|
12
|
+
labelDescription?: import("react").ReactNode;
|
|
25
13
|
controls?: boolean;
|
|
26
14
|
error?: string | boolean;
|
|
27
15
|
success?: string | boolean;
|
|
28
|
-
helper?: ReactNode;
|
|
16
|
+
helper?: import("react").ReactNode;
|
|
29
17
|
value?: number | null;
|
|
30
18
|
onChange?: (newValue: number | null) => void;
|
|
31
19
|
min?: number;
|
|
32
20
|
max?: number;
|
|
33
|
-
} & Pick<InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "aria-label" | "autoFocus" | "disabled" | "id" | "name" | "onBlur" | "onFocus" | "placeholder" | "readOnly" | "required" | "step" | "style"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
34
|
-
export {};
|
|
21
|
+
} & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "aria-label" | "autoFocus" | "disabled" | "id" | "name" | "onBlur" | "onFocus" | "placeholder" | "readOnly" | "required" | "step" | "style"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
35
22
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"AAgBA;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;oRAwLvB,CAAA"}
|
|
@@ -10,6 +10,7 @@ import { init_styles_css, numberInputStyle } from "./styles.css.js";
|
|
|
10
10
|
import { Controls, init_Controls } from "./components/Controls.js";
|
|
11
11
|
import { Unit, init_Unit } from "./components/Unit.js";
|
|
12
12
|
import { forwardRef, useId, useImperativeHandle, useMemo, useRef } from "react";
|
|
13
|
+
import { isNullOrUndefined } from "@ultraviolet/utils";
|
|
13
14
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
14
15
|
|
|
15
16
|
//#region src/components/NumberInput/index.tsx
|
|
@@ -42,11 +43,6 @@ var init_NumberInput = __esmMin(() => {
|
|
|
42
43
|
disabled,
|
|
43
44
|
readOnly
|
|
44
45
|
]);
|
|
45
|
-
let inputValue;
|
|
46
|
-
if (value !== void 0) {
|
|
47
|
-
inputValue = value !== null && typeof value === "number" ? value.toString() : "";
|
|
48
|
-
if (localRef.current) localRef.current.value = inputValue;
|
|
49
|
-
}
|
|
50
46
|
const isDisabledOrReadOnly = disabled || readOnly;
|
|
51
47
|
return /* @__PURE__ */ jsxs(Stack, {
|
|
52
48
|
className,
|
|
@@ -104,14 +100,19 @@ var init_NumberInput = __esmMin(() => {
|
|
|
104
100
|
max,
|
|
105
101
|
min,
|
|
106
102
|
name,
|
|
103
|
+
inputMode: Number.isInteger(step) ? "numeric" : "decimal",
|
|
107
104
|
onBlur: (event) => {
|
|
108
|
-
|
|
109
|
-
|
|
105
|
+
const { valueAsNumber } = event.target;
|
|
106
|
+
if (valueAsNumber) {
|
|
107
|
+
if (!isNullOrUndefined(max) && valueAsNumber > max) onChange === null || onChange === void 0 || onChange(max);
|
|
108
|
+
if (!isNullOrUndefined(min) && valueAsNumber < min) onChange === null || onChange === void 0 || onChange(min);
|
|
109
|
+
}
|
|
110
110
|
onBlur === null || onBlur === void 0 || onBlur(event);
|
|
111
111
|
},
|
|
112
112
|
onChange: onChange ? (event) => {
|
|
113
|
-
const
|
|
114
|
-
|
|
113
|
+
const { target } = event;
|
|
114
|
+
if (Number.isNaN(target.valueAsNumber)) onChange(null);
|
|
115
|
+
else onChange(target.valueAsNumber);
|
|
115
116
|
} : void 0,
|
|
116
117
|
onFocus,
|
|
117
118
|
placeholder,
|
|
@@ -121,7 +122,7 @@ var init_NumberInput = __esmMin(() => {
|
|
|
121
122
|
step,
|
|
122
123
|
style,
|
|
123
124
|
type: "number",
|
|
124
|
-
value:
|
|
125
|
+
value: value === null || value === void 0 ? void 0 : value.toString()
|
|
125
126
|
}), /* @__PURE__ */ jsx(Unit, {
|
|
126
127
|
controls,
|
|
127
128
|
disabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/styles.css.ts"],"names":[],"mappings":"AAqPA,eAAO,MAAM,gBAAgB;;;;YApNvB,KAAK;gBACH,WAAW;;;;;;;;;;;;;;;;;;;;YA8Bb,KAAK;gBACH,QAAQ;gBACR,MAAM;;YAGR,MAAM;gBACJ,QAAQ;gBACR,MAAM;;YAER,KAAK;gBACH,QAAQ;gBACR,MAAM;;;;;;;;;;;;;;;;;;;;;;;YA2ER,KAAK;gBACH,UAAU;gBACV,QAAQ;gBACR,UAAU;gBACV,MAAM;gBACN,UAAU;;YAEZ,MAAM;gBACJ,MAAM;;YAER,KAAK;gBACH,MAAM;;;;;;YAwCR,KAAK;gBACH,MAAM;;YAGR,MAAM;gBACJ,MAAM;;YAER,KAAK;gBACH,MAAM;;;;;;;;;;oBAUJ,SAAS;wBACP,WAAW;;;;;gBAIR,WAAW;;;;;;;oBAMhB,gBAAgB;wBACd,WAAW;;oBAEb,SAAS;wBACP,WAAW;;;;;gBAKf,WAAW;;;;CAYlB,CAAA"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import type { RefObject, InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import type { SIZES } from './constant';
|
|
3
|
+
type Sizes = keyof typeof SIZES;
|
|
4
|
+
export type NumberInputProps = {
|
|
5
|
+
size?: Sizes;
|
|
6
|
+
/**
|
|
7
|
+
* Text displayed into component at the right of number value.
|
|
8
|
+
*/
|
|
9
|
+
unit?: string;
|
|
10
|
+
tooltip?: string;
|
|
11
|
+
className?: string;
|
|
12
|
+
'data-testid'?: string;
|
|
13
|
+
label?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Label description displayed right next to the label. It allows you to customize the label content.
|
|
16
|
+
*/
|
|
17
|
+
labelDescription?: ReactNode;
|
|
18
|
+
/**
|
|
19
|
+
* Whether to show controls
|
|
20
|
+
*/
|
|
21
|
+
controls?: boolean;
|
|
22
|
+
error?: string | boolean;
|
|
23
|
+
success?: string | boolean;
|
|
24
|
+
helper?: ReactNode;
|
|
25
|
+
value?: number | null;
|
|
26
|
+
onChange?: (newValue: number | null) => void;
|
|
27
|
+
min?: number;
|
|
28
|
+
max?: number;
|
|
29
|
+
} & Pick<InputHTMLAttributes<HTMLInputElement>, 'onFocus' | 'onBlur' | 'name' | 'id' | 'placeholder' | 'aria-label' | 'disabled' | 'step' | 'readOnly' | 'required' | 'autoFocus' | 'style' | 'aria-describedby'>;
|
|
30
|
+
export type ControlsProps = {
|
|
31
|
+
controls?: NumberInputProps['controls'];
|
|
32
|
+
direction: 'up' | 'down';
|
|
33
|
+
size: keyof typeof SIZES;
|
|
34
|
+
localRef: RefObject<HTMLInputElement | null>;
|
|
35
|
+
max?: NumberInputProps['max'];
|
|
36
|
+
min?: NumberInputProps['min'];
|
|
37
|
+
isDisabledOrReadOnly?: boolean;
|
|
38
|
+
onChange?: NumberInputProps['onChange'];
|
|
39
|
+
};
|
|
40
|
+
export type UnitProps = {
|
|
41
|
+
unit?: string;
|
|
42
|
+
disabled?: boolean;
|
|
43
|
+
readOnly?: boolean;
|
|
44
|
+
size: 'large' | 'medium' | 'small';
|
|
45
|
+
controls?: NumberInputProps['controls'];
|
|
46
|
+
};
|
|
47
|
+
export {};
|
|
48
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AACvC,KAAK,KAAK,GAAG,MAAM,OAAO,KAAK,CAAA;AAE/B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,MAAM,GACN,IAAI,GACJ,aAAa,GACb,YAAY,GACZ,UAAU,GACV,MAAM,GACN,UAAU,GACV,UAAU,GACV,WAAW,GACX,OAAO,GACP,kBAAkB,CACrB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAA;IACvC,SAAS,EAAE,IAAI,GAAG,MAAM,CAAA;IACxB,IAAI,EAAE,MAAM,OAAO,KAAK,CAAA;IACxB,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAC5C,GAAG,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAA;IAC7B,GAAG,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAA;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAA;CACxC,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAA;CACxC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Ellipsis.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Ellipsis.tsx"],"names":[],"mappings":"AAGA,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;CACzB,CAAA;AACD,eAAO,MAAM,QAAQ,uBAAwB,aAAa,gCAazD,CAAA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
|
|
2
|
+
import { Text, init_Text } from "../Text/index.js";
|
|
3
|
+
import { init_styles_css, paginationStyle } from "./styles.css.js";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
|
|
6
|
+
//#region src/components/Pagination/Ellipsis.tsx
|
|
7
|
+
var Ellipsis;
|
|
8
|
+
var init_Ellipsis = __esmMin(() => {
|
|
9
|
+
init_Text();
|
|
10
|
+
init_styles_css();
|
|
11
|
+
Ellipsis = ({ disabled, size }) => /* @__PURE__ */ jsx(Text, {
|
|
12
|
+
"aria-label": "ellipsis",
|
|
13
|
+
as: "span",
|
|
14
|
+
className: paginationStyle.ellipsisClass[size],
|
|
15
|
+
disabled,
|
|
16
|
+
placement: "center",
|
|
17
|
+
prominence: "default",
|
|
18
|
+
sentiment: "neutral",
|
|
19
|
+
variant: "body",
|
|
20
|
+
children: "..."
|
|
21
|
+
});
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
//#endregion
|
|
25
|
+
init_Ellipsis();
|
|
26
|
+
export { Ellipsis, init_Ellipsis };
|
|
@@ -4,8 +4,8 @@ type MakeButtonProps = {
|
|
|
4
4
|
disabled?: boolean;
|
|
5
5
|
page: number;
|
|
6
6
|
handlePageClick: (pageNumber: number) => () => void;
|
|
7
|
-
|
|
7
|
+
size: 'small' | 'medium';
|
|
8
8
|
};
|
|
9
|
-
export declare const MakeButton: ({ hasEllipsisBefore, pageNumber, disabled, page, handlePageClick,
|
|
9
|
+
export declare const MakeButton: ({ hasEllipsisBefore, pageNumber, disabled, page, handlePageClick, size, }: MakeButtonProps) => import("react").JSX.Element;
|
|
10
10
|
export {};
|
|
11
11
|
//# sourceMappingURL=PaginationButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationButton.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationButton.tsx"],"names":[],"mappings":"AAMA,KAAK,eAAe,GAAG;IACrB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,IAAI,CAAA;IACnD,
|
|
1
|
+
{"version":3,"file":"PaginationButton.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationButton.tsx"],"names":[],"mappings":"AAMA,KAAK,eAAe,GAAG;IACrB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,IAAI,CAAA;IACnD,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;CACzB,CAAA;AACD,eAAO,MAAM,UAAU,8EAOpB,eAAe,gCAgBjB,CAAA"}
|
|
@@ -1,33 +1,26 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
|
|
3
|
-
import { Text, init_Text } from "../Text/index.js";
|
|
4
3
|
import { Button, init_Button } from "../Button/index.js";
|
|
5
4
|
import { init_styles_css, paginationStyle } from "./styles.css.js";
|
|
5
|
+
import { Ellipsis, init_Ellipsis } from "./Ellipsis.js";
|
|
6
6
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
|
|
8
8
|
//#region src/components/Pagination/PaginationButton.tsx
|
|
9
9
|
var MakeButton;
|
|
10
10
|
var init_PaginationButton = __esmMin(() => {
|
|
11
11
|
init_Button();
|
|
12
|
-
|
|
12
|
+
init_Ellipsis();
|
|
13
13
|
init_styles_css();
|
|
14
|
-
MakeButton = ({ hasEllipsisBefore, pageNumber, disabled, page, handlePageClick,
|
|
15
|
-
"aria-label": "ellipsis",
|
|
16
|
-
as: "span",
|
|
17
|
-
className: paginationStyle.ellipsisClass[perPage ? "small" : "medium"],
|
|
14
|
+
MakeButton = ({ hasEllipsisBefore, pageNumber, disabled, page, handlePageClick, size }) => /* @__PURE__ */ jsxs(Fragment, { children: [hasEllipsisBefore ? /* @__PURE__ */ jsx(Ellipsis, {
|
|
18
15
|
disabled,
|
|
19
|
-
|
|
20
|
-
prominence: "default",
|
|
21
|
-
sentiment: "neutral",
|
|
22
|
-
variant: "body",
|
|
23
|
-
children: "..."
|
|
16
|
+
size
|
|
24
17
|
}) : null, /* @__PURE__ */ jsx(Button, {
|
|
25
18
|
"aria-current": pageNumber === page,
|
|
26
|
-
className: paginationStyle.pageButton[
|
|
19
|
+
className: paginationStyle.pageButton[size],
|
|
27
20
|
disabled,
|
|
28
21
|
onClick: handlePageClick(pageNumber),
|
|
29
22
|
sentiment: pageNumber === page ? "primary" : "neutral",
|
|
30
|
-
size
|
|
23
|
+
size,
|
|
31
24
|
type: "button",
|
|
32
25
|
variant: pageNumber === page ? "filled" : "outlined",
|
|
33
26
|
children: pageNumber
|
|
@@ -3,11 +3,13 @@ type PaginationButtonsProps = {
|
|
|
3
3
|
disabled: boolean;
|
|
4
4
|
onChange: (newPage: number) => void;
|
|
5
5
|
pageCount: number;
|
|
6
|
-
pageTabCount
|
|
6
|
+
pageTabCount: number;
|
|
7
7
|
className?: string;
|
|
8
8
|
'data-testid'?: string;
|
|
9
|
-
|
|
9
|
+
hideFirstPage?: boolean;
|
|
10
|
+
hideLastPage?: boolean;
|
|
11
|
+
size: 'small' | 'medium';
|
|
10
12
|
};
|
|
11
|
-
export declare const PaginationButtons: ({ page, disabled, onChange, pageCount, pageTabCount, 'data-testid': dataTestId, className,
|
|
13
|
+
export declare const PaginationButtons: ({ page, disabled, onChange, pageCount, pageTabCount, 'data-testid': dataTestId, className, hideFirstPage, hideLastPage, size, }: PaginationButtonsProps) => import("react").JSX.Element;
|
|
12
14
|
export {};
|
|
13
15
|
//# sourceMappingURL=PaginationButtons.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationButtons.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationButtons.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PaginationButtons.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationButtons.tsx"],"names":[],"mappings":"AAYA,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,iBAAiB,oIAW3B,sBAAsB,gCAiExB,CAAA"}
|