@ultraviolet/ui 3.19.1 → 3.20.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 (65) hide show
  1. package/dist/components/Breadcrumbs/components/Item.d.ts +30 -6
  2. package/dist/components/Breadcrumbs/components/Item.d.ts.map +1 -1
  3. package/dist/components/Breadcrumbs/components/Item.js +8 -8
  4. package/dist/components/FileInput/helpers.d.ts.map +1 -1
  5. package/dist/components/FileInput/helpers.js +51 -46
  6. package/dist/components/List/index.d.ts.map +1 -1
  7. package/dist/components/Modal/components/Dialog.d.ts.map +1 -1
  8. package/dist/components/NumberInput/components/Controls.d.ts +2 -12
  9. package/dist/components/NumberInput/components/Controls.d.ts.map +1 -1
  10. package/dist/components/NumberInput/components/Unit.d.ts +2 -7
  11. package/dist/components/NumberInput/components/Unit.d.ts.map +1 -1
  12. package/dist/components/NumberInput/index.d.ts +4 -17
  13. package/dist/components/NumberInput/index.d.ts.map +1 -1
  14. package/dist/components/NumberInput/index.js +11 -10
  15. package/dist/components/NumberInput/styles.css.d.ts.map +1 -1
  16. package/dist/components/NumberInput/types.d.ts +48 -0
  17. package/dist/components/NumberInput/types.d.ts.map +1 -0
  18. package/dist/components/Pagination/Ellipsis.d.ts +7 -0
  19. package/dist/components/Pagination/Ellipsis.d.ts.map +1 -0
  20. package/dist/components/Pagination/Ellipsis.js +26 -0
  21. package/dist/components/Pagination/PaginationButton.d.ts +2 -2
  22. package/dist/components/Pagination/PaginationButton.d.ts.map +1 -1
  23. package/dist/components/Pagination/PaginationButton.js +6 -13
  24. package/dist/components/Pagination/PaginationButtons.d.ts +5 -3
  25. package/dist/components/Pagination/PaginationButtons.d.ts.map +1 -1
  26. package/dist/components/Pagination/PaginationButtons.js +18 -11
  27. package/dist/components/Pagination/getPageNumbers.d.ts +1 -1
  28. package/dist/components/Pagination/getPageNumbers.d.ts.map +1 -1
  29. package/dist/components/Pagination/getPageNumbers.js +5 -3
  30. package/dist/components/Pagination/index.d.ts +6 -2
  31. package/dist/components/Pagination/index.d.ts.map +1 -1
  32. package/dist/components/Pagination/index.js +4 -2
  33. package/dist/components/PhoneInput/index.d.ts.map +1 -1
  34. package/dist/components/SelectInput/components/Dropdown/Option.d.ts.map +1 -1
  35. package/dist/components/SelectInput/components/Dropdown/Option.js +15 -20
  36. package/dist/components/SelectInput/components/Dropdown/dropdown.css.d.ts.map +1 -1
  37. package/dist/components/SelectInput/components/SelectBar/SelectBar.d.ts.map +1 -1
  38. package/dist/components/SelectInput/components/SelectBar/SelectBar.js +1 -0
  39. package/dist/components/SelectInput/components/SelectBar/selectBar.css.d.ts.map +1 -1
  40. package/dist/components/Separator/styles.css.d.ts +3 -0
  41. package/dist/components/Separator/styles.css.d.ts.map +1 -1
  42. package/dist/components/Separator/styles.css.js +5 -3
  43. package/dist/components/Skeleton/List.d.ts.map +1 -1
  44. package/dist/components/Table/index.d.ts.map +1 -1
  45. package/dist/components/Tag/index.d.ts.map +1 -1
  46. package/dist/components/Tag/index.js +77 -80
  47. package/dist/components/Tag/styles.css.d.ts +14 -10
  48. package/dist/components/Tag/styles.css.d.ts.map +1 -1
  49. package/dist/components/Tag/styles.css.js +61 -115
  50. package/dist/components/Tag/type.d.ts +4 -8
  51. package/dist/components/Tag/type.d.ts.map +1 -1
  52. package/dist/components/VerificationCode/index.d.ts.map +1 -1
  53. package/dist/compositions/CodeEditor/index.d.ts +1 -1
  54. package/dist/compositions/CodeEditor/index.d.ts.map +1 -1
  55. package/dist/compositions/CodeEditor/index.js +2 -1
  56. package/dist/compositions/CodeEditor/type.d.ts +1 -0
  57. package/dist/compositions/CodeEditor/type.d.ts.map +1 -1
  58. package/dist/compositions/InfoTable/styles.css.js +14 -0
  59. package/dist/compositions/OptionSelector/styles.css.js +0 -14
  60. package/dist/compositions/OrderSummary/components/SubCategory.d.ts.map +1 -1
  61. package/dist/ui.css +1 -1
  62. package/package.json +8 -8
  63. package/dist/components/Tag/TagInner.d.ts +0 -5
  64. package/dist/components/Tag/TagInner.d.ts.map +0 -1
  65. 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
- export declare const Item: ({ to, children, disabled, 'aria-current': ariaCurrent, onClick, onKeyDown, className, maxWidth, minWidth, }: ItemProps) => import("react").JSX.Element;
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":"AAKA,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;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,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;CAClB,CAAA;AAED,eAAO,MAAM,IAAI,gHAUd,SAAS,gCA2DX,CAAA"}
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
- children
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+CD;;GAEG;AACH,eAAO,MAAM,oBAAoB,iBAAwB,YAAY,sBAUpE,CAAA"}
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
- function readEntriesInDirectory(_x) {
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(resolve, reject);
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 _ref2 = _asyncToGenerator(function* (dataTransfer) {
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 _ref2.apply(this, arguments);
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;AAoDD;;GAEG;AACH,KAAK,QAAQ,GAAG;IAEd,CAAC,KAAK,EAAE,YAAY,GAAG,aAAa,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAA;IAClE;;OAEG;IAEH,CAEE,KAAK,EAAE,eAAe,GAAG,aAAa,CAAC,gBAAgB,CAAC,GACvD,SAAS,CAAA;IACZ,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
+ {"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,gCA4Nb,CAAA"}
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 { RefObject } from 'react';
2
- import type { SIZES } from '../constant';
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":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAGxC,eAAO,MAAM,QAAQ,uFASlB;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,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,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;CAC7C,uCAkEA,CAAA"}
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
- export declare const Unit: ({ unit, disabled, readOnly, size, controls, }: {
2
- unit?: string;
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":"AAGA,eAAO,MAAM,IAAI,kDAMd;IACD,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,OAAO,CAAA;CACnB,uCAgBS,CAAA"}
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?: Sizes;
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":"AAGA,OAAO,KAAK,EAAgB,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASzE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,KAAK,KAAK,GAAG,MAAM,OAAO,KAAK,CAAA;AA4C/B;;;GAGG;AACH,eAAO,MAAM,WAAW;WA7Cf,KAAK;IACZ;;OAEG;WACI,MAAM;cACH,MAAM;gBACJ,MAAM;oBACF,MAAM;YACd,MAAM;IACd;;OAEG;uBACgB,SAAS;IAC5B;;OAEG;eACQ,OAAO;YACV,MAAM,GAAG,OAAO;cACd,MAAM,GAAG,OAAO;aACjB,SAAS;YACV,MAAM,GAAG,IAAI;eACV,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI;UACtC,MAAM;UACN,MAAM;oQAkMb,CAAA"}
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
- if (value && value > max) onChange === null || onChange === void 0 || onChange(max);
109
- else if (value && value < min) onChange === null || onChange === void 0 || onChange(min);
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 newNumber = Number.parseFloat(event.target.value);
114
- onChange(Number.isNaN(newNumber) ? null : newNumber);
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: inputValue
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":"AA8OA,eAAO,MAAM,gBAAgB;;;;YA7MvB,KAAK;gBACH,WAAW;;;;;;;;;;;;;;;;;;;;YA8Bb,KAAK;gBACH,QAAQ;gBACR,MAAM;;YAGR,MAAM;gBACJ,QAAQ;gBACR,MAAM;;YAER,KAAK;gBACH,QAAQ;gBACR,MAAM;;;;;;;;;;;;;;;;;;;;;;;YAwER,KAAK;gBACH,UAAU;gBACV,QAAQ;gBACR,UAAU;gBACV,MAAM;gBACN,UAAU;;YAEZ,MAAM;gBACJ,MAAM;;YAER,KAAK;gBACH,MAAM;;;;;;YAoCR,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"}
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,7 @@
1
+ type EllipsisProps = {
2
+ disabled?: boolean;
3
+ size: 'small' | 'medium';
4
+ };
5
+ export declare const Ellipsis: ({ disabled, size }: EllipsisProps) => import("react").JSX.Element;
6
+ export {};
7
+ //# sourceMappingURL=Ellipsis.d.ts.map
@@ -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
- perPage: boolean;
7
+ size: 'small' | 'medium';
8
8
  };
9
- export declare const MakeButton: ({ hasEllipsisBefore, pageNumber, disabled, page, handlePageClick, perPage, }: MakeButtonProps) => import("react").JSX.Element;
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,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AACD,eAAO,MAAM,UAAU,iFAOpB,eAAe,gCA6BjB,CAAA"}
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
- init_Text();
12
+ init_Ellipsis();
13
13
  init_styles_css();
14
- MakeButton = ({ hasEllipsisBefore, pageNumber, disabled, page, handlePageClick, perPage }) => /* @__PURE__ */ jsxs(Fragment, { children: [hasEllipsisBefore ? /* @__PURE__ */ jsx(Text, {
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
- placement: "center",
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[perPage ? "small" : "medium"],
19
+ className: paginationStyle.pageButton[size],
27
20
  disabled,
28
21
  onClick: handlePageClick(pageNumber),
29
22
  sentiment: pageNumber === page ? "primary" : "neutral",
30
- size: perPage ? "small" : "medium",
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?: number;
6
+ pageTabCount: number;
7
7
  className?: string;
8
8
  'data-testid'?: string;
9
- perPage: boolean;
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, perPage, }: PaginationButtonsProps) => import("react").JSX.Element;
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":"AAWA,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,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,iBAAiB,0GAS3B,sBAAsB,gCA8DxB,CAAA"}
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"}