@ultraviolet/ui 3.19.0 → 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 (88) 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/Dialog/index.js +1 -1
  5. package/dist/components/FileInput/helpers.d.ts.map +1 -1
  6. package/dist/components/FileInput/helpers.js +51 -46
  7. package/dist/components/List/index.d.ts.map +1 -1
  8. package/dist/components/Modal/components/Dialog.d.ts.map +1 -1
  9. package/dist/components/NumberInput/components/Controls.d.ts +2 -12
  10. package/dist/components/NumberInput/components/Controls.d.ts.map +1 -1
  11. package/dist/components/NumberInput/components/Unit.d.ts +2 -7
  12. package/dist/components/NumberInput/components/Unit.d.ts.map +1 -1
  13. package/dist/components/NumberInput/index.d.ts +4 -17
  14. package/dist/components/NumberInput/index.d.ts.map +1 -1
  15. package/dist/components/NumberInput/index.js +11 -10
  16. package/dist/components/NumberInput/styles.css.d.ts.map +1 -1
  17. package/dist/components/NumberInput/types.d.ts +48 -0
  18. package/dist/components/NumberInput/types.d.ts.map +1 -0
  19. package/dist/components/Pagination/Ellipsis.d.ts +7 -0
  20. package/dist/components/Pagination/Ellipsis.d.ts.map +1 -0
  21. package/dist/components/Pagination/Ellipsis.js +26 -0
  22. package/dist/components/Pagination/PaginationButton.d.ts +2 -2
  23. package/dist/components/Pagination/PaginationButton.d.ts.map +1 -1
  24. package/dist/components/Pagination/PaginationButton.js +6 -13
  25. package/dist/components/Pagination/PaginationButtons.d.ts +5 -3
  26. package/dist/components/Pagination/PaginationButtons.d.ts.map +1 -1
  27. package/dist/components/Pagination/PaginationButtons.js +18 -11
  28. package/dist/components/Pagination/getPageNumbers.d.ts +1 -1
  29. package/dist/components/Pagination/getPageNumbers.d.ts.map +1 -1
  30. package/dist/components/Pagination/getPageNumbers.js +5 -3
  31. package/dist/components/Pagination/index.d.ts +6 -2
  32. package/dist/components/Pagination/index.d.ts.map +1 -1
  33. package/dist/components/Pagination/index.js +4 -2
  34. package/dist/components/PhoneInput/index.d.ts.map +1 -1
  35. package/dist/components/RadioGroup/SingleRadio.js +1 -1
  36. package/dist/components/SelectInput/components/Dropdown/Option.d.ts.map +1 -1
  37. package/dist/components/SelectInput/components/Dropdown/Option.js +15 -20
  38. package/dist/components/SelectInput/components/Dropdown/dropdown.css.d.ts.map +1 -1
  39. package/dist/components/SelectInput/components/SelectBar/SelectBar.d.ts.map +1 -1
  40. package/dist/components/SelectInput/components/SelectBar/SelectBar.js +1 -0
  41. package/dist/components/SelectInput/components/SelectBar/selectBar.css.d.ts.map +1 -1
  42. package/dist/components/Separator/styles.css.d.ts +3 -0
  43. package/dist/components/Separator/styles.css.d.ts.map +1 -1
  44. package/dist/components/Separator/styles.css.js +5 -3
  45. package/dist/components/Skeleton/List.d.ts.map +1 -1
  46. package/dist/components/SwitchButton/Option.js +1 -1
  47. package/dist/components/Table/index.d.ts.map +1 -1
  48. package/dist/components/Tag/index.d.ts.map +1 -1
  49. package/dist/components/Tag/index.js +77 -80
  50. package/dist/components/Tag/styles.css.d.ts +14 -10
  51. package/dist/components/Tag/styles.css.d.ts.map +1 -1
  52. package/dist/components/Tag/styles.css.js +61 -115
  53. package/dist/components/Tag/type.d.ts +4 -8
  54. package/dist/components/Tag/type.d.ts.map +1 -1
  55. package/dist/components/TextArea/index.d.ts +1 -0
  56. package/dist/components/TextArea/index.d.ts.map +1 -1
  57. package/dist/components/TextArea/index.js +4 -2
  58. package/dist/components/TextArea/styles.css.d.ts +14 -0
  59. package/dist/components/TextArea/styles.css.d.ts.map +1 -1
  60. package/dist/components/TextArea/styles.css.js +8 -2
  61. package/dist/components/VerificationCode/index.d.ts.map +1 -1
  62. package/dist/components/index.js +15 -15
  63. package/dist/components/styles.js +84 -84
  64. package/dist/composition.js +18 -18
  65. package/dist/compositions/CodeEditor/index.d.ts +1 -1
  66. package/dist/compositions/CodeEditor/index.d.ts.map +1 -1
  67. package/dist/compositions/CodeEditor/index.js +2 -1
  68. package/dist/compositions/CodeEditor/type.d.ts +1 -0
  69. package/dist/compositions/CodeEditor/type.d.ts.map +1 -1
  70. package/dist/compositions/EstimateCost/styles.css.js +0 -2
  71. package/dist/compositions/FAQ/index.js +1 -1
  72. package/dist/compositions/Filters/index.js +7 -2
  73. package/dist/compositions/InfoTable/styles.css.js +96 -82
  74. package/dist/compositions/OfferList/components/SelectableCell.js +1 -1
  75. package/dist/compositions/OfferList/styles.css.d.ts +1 -5
  76. package/dist/compositions/OfferList/styles.css.d.ts.map +1 -1
  77. package/dist/compositions/OptionSelector/styles.css.js +82 -96
  78. package/dist/compositions/OrderSummary/components/SubCategory.d.ts.map +1 -1
  79. package/dist/compositions/RichTextInput/Toolbar.js +1 -1
  80. package/dist/compositions/RichTextInput/index.js +1 -1
  81. package/dist/compositions/SteppedListCard/styles.css.js +2 -0
  82. package/dist/compositions/index.js +5 -5
  83. package/dist/index.js +62 -62
  84. package/dist/ui.css +1 -1
  85. package/package.json +11 -11
  86. package/dist/components/Tag/TagInner.d.ts +0 -5
  87. package/dist/components/Tag/TagInner.d.ts.map +0 -1
  88. 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,8 +1,8 @@
1
1
  'use client';
2
2
  import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
3
3
  import { Text, init_Text } from "../Text/index.js";
4
- import { Bullet, init_Bullet } from "../Bullet/index.js";
5
4
  import { Modal, init_Modal } from "../Modal/index.js";
5
+ import { Bullet, init_Bullet } from "../Bullet/index.js";
6
6
  import { DialogContext, init_Context, useDialogContext } from "./Context.js";
7
7
  import { DialogButton, init_Button } from "./components/Button.js";
8
8
  import { DialogButtons, init_Buttons } from "./components/Buttons.js";
@@ -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"}