@amboss/design-system 1.14.2 → 1.14.3

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.
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 17 Aug 2023 12:58:28 GMT
3
+ // Generated on Tue, 22 Aug 2023 12:57:57 GMT
4
4
 
5
5
  $color-canvas: #1e2125;
6
6
  $color-background-primary-default: #24282d;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 17 Aug 2023 12:58:28 GMT
3
+ // Generated on Tue, 22 Aug 2023 12:57:57 GMT
4
4
 
5
5
  $color-canvas: #eef2f5;
6
6
  $color-background-primary-default: #ffffff;
@@ -9,15 +9,22 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
9
9
 
10
10
  var React__default = /*#__PURE__*/_interopDefault(React);
11
11
 
12
- function getItemIndices(page, numOfItemsPerPage) {
13
- const lastItemIndex = page * numOfItemsPerPage;
14
- const firstItemIndex = lastItemIndex - numOfItemsPerPage + 1;
12
+ function getItemIndices(page, numOfItemsPerPage, numOfItems) {
13
+ let lastItemIndex = page * numOfItemsPerPage;
14
+ let itemsPerPage = numOfItemsPerPage;
15
+
16
+ // Re-calculate the numOfItemsPerPage for the last page.
17
+ if (lastItemIndex > numOfItems) {
18
+ itemsPerPage -= lastItemIndex - numOfItems;
19
+ lastItemIndex = numOfItems;
20
+ }
21
+ const firstItemIndex = lastItemIndex - itemsPerPage + 1;
15
22
  return [firstItemIndex, lastItemIndex];
16
23
  }
17
24
  function Pagination(_ref) {
18
25
  let {
19
- numOfPages,
20
- numOfItemsPerPage,
26
+ numOfItems,
27
+ numOfItemsPerPage = 1,
21
28
  currentPage,
22
29
  formatLabel,
23
30
  alignLabel = "center",
@@ -26,26 +33,33 @@ function Pagination(_ref) {
26
33
  onNextClick
27
34
  } = _ref;
28
35
  let label;
36
+ const itemsPerPage = numOfItems > numOfItemsPerPage ? numOfItemsPerPage : numOfItems;
37
+ const numOfPages = Math.ceil(numOfItems / itemsPerPage);
29
38
  const isFirstPage = currentPage === 1;
30
39
  const isLastPage = currentPage === numOfPages;
31
- if (numOfItemsPerPage) {
32
- const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage, numOfItemsPerPage);
33
- const numOfItems = numOfPages * numOfItemsPerPage;
34
- label = formatLabel ? formatLabel(firstItemIndex, lastItemIndex, numOfItems) : `${firstItemIndex} - ${lastItemIndex} of ${numOfItems}`;
40
+ if (itemsPerPage > 1) {
41
+ const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage, itemsPerPage, numOfItems);
42
+ if (formatLabel) {
43
+ label = formatLabel(firstItemIndex, lastItemIndex);
44
+ } else if (firstItemIndex === lastItemIndex) {
45
+ label = `${firstItemIndex} of ${numOfItems}`;
46
+ } else {
47
+ label = `${firstItemIndex} - ${lastItemIndex} of ${numOfItems}`;
48
+ }
35
49
  } else {
36
50
  label = formatLabel ? formatLabel() : `${currentPage} of ${numOfPages}`;
37
51
  }
38
52
  const handlePrevClick = () => {
39
- if (numOfItemsPerPage) {
40
- const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage - 1, numOfItemsPerPage);
53
+ if (itemsPerPage > 1) {
54
+ const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage - 1, itemsPerPage, numOfItems);
41
55
  onPrevClick(currentPage - 1, firstItemIndex, lastItemIndex);
42
56
  } else {
43
57
  onPrevClick(currentPage - 1);
44
58
  }
45
59
  };
46
60
  const handleNextClick = () => {
47
- if (numOfItemsPerPage) {
48
- const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage + 1, numOfItemsPerPage);
61
+ if (itemsPerPage > 1) {
62
+ const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage + 1, itemsPerPage, numOfItems);
49
63
  onNextClick(currentPage + 1, firstItemIndex, lastItemIndex);
50
64
  } else {
51
65
  onNextClick(currentPage + 1);
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 17 Aug 2023 12:58:28 GMT
3
+ // Generated on Tue, 22 Aug 2023 12:57:57 GMT
4
4
 
5
5
  $color-canvas: #1e2125;
6
6
  $color-background-primary-default: #24282d;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 17 Aug 2023 12:58:28 GMT
3
+ // Generated on Tue, 22 Aug 2023 12:57:57 GMT
4
4
 
5
5
  $color-canvas: #eef2f5;
6
6
  $color-background-primary-default: #ffffff;
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  export declare type PaginationProps = {
3
- /** Total number of pages */
4
- numOfPages: number;
3
+ /** Total number of items */
4
+ numOfItems: number;
5
5
  /** Current page */
6
6
  currentPage: number;
7
7
  /** Number of items per page */
@@ -14,4 +14,4 @@ export declare type PaginationProps = {
14
14
  alignLabel?: "center" | "left";
15
15
  "data-e2e-test-id"?: string;
16
16
  };
17
- export declare function Pagination({ numOfPages, numOfItemsPerPage, currentPage, formatLabel, alignLabel, "data-e2e-test-id": dataE2eTestId, onPrevClick, onNextClick, }: PaginationProps): React.ReactElement;
17
+ export declare function Pagination({ numOfItems, numOfItemsPerPage, currentPage, formatLabel, alignLabel, "data-e2e-test-id": dataE2eTestId, onPrevClick, onNextClick, }: PaginationProps): React.ReactElement;
@@ -3,15 +3,22 @@ import { Inline } from '../Inline/Inline.js';
3
3
  import { PictogramButton } from '../PictogramButton/PictogramButton.js';
4
4
  import { Text } from '../Typography/Text/Text.js';
5
5
 
6
- function getItemIndices(page, numOfItemsPerPage) {
7
- const lastItemIndex = page * numOfItemsPerPage;
8
- const firstItemIndex = lastItemIndex - numOfItemsPerPage + 1;
6
+ function getItemIndices(page, numOfItemsPerPage, numOfItems) {
7
+ let lastItemIndex = page * numOfItemsPerPage;
8
+ let itemsPerPage = numOfItemsPerPage;
9
+
10
+ // Re-calculate the numOfItemsPerPage for the last page.
11
+ if (lastItemIndex > numOfItems) {
12
+ itemsPerPage -= lastItemIndex - numOfItems;
13
+ lastItemIndex = numOfItems;
14
+ }
15
+ const firstItemIndex = lastItemIndex - itemsPerPage + 1;
9
16
  return [firstItemIndex, lastItemIndex];
10
17
  }
11
18
  function Pagination(_ref) {
12
19
  let {
13
- numOfPages,
14
- numOfItemsPerPage,
20
+ numOfItems,
21
+ numOfItemsPerPage = 1,
15
22
  currentPage,
16
23
  formatLabel,
17
24
  alignLabel = "center",
@@ -20,26 +27,33 @@ function Pagination(_ref) {
20
27
  onNextClick
21
28
  } = _ref;
22
29
  let label;
30
+ const itemsPerPage = numOfItems > numOfItemsPerPage ? numOfItemsPerPage : numOfItems;
31
+ const numOfPages = Math.ceil(numOfItems / itemsPerPage);
23
32
  const isFirstPage = currentPage === 1;
24
33
  const isLastPage = currentPage === numOfPages;
25
- if (numOfItemsPerPage) {
26
- const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage, numOfItemsPerPage);
27
- const numOfItems = numOfPages * numOfItemsPerPage;
28
- label = formatLabel ? formatLabel(firstItemIndex, lastItemIndex, numOfItems) : `${firstItemIndex} - ${lastItemIndex} of ${numOfItems}`;
34
+ if (itemsPerPage > 1) {
35
+ const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage, itemsPerPage, numOfItems);
36
+ if (formatLabel) {
37
+ label = formatLabel(firstItemIndex, lastItemIndex);
38
+ } else if (firstItemIndex === lastItemIndex) {
39
+ label = `${firstItemIndex} of ${numOfItems}`;
40
+ } else {
41
+ label = `${firstItemIndex} - ${lastItemIndex} of ${numOfItems}`;
42
+ }
29
43
  } else {
30
44
  label = formatLabel ? formatLabel() : `${currentPage} of ${numOfPages}`;
31
45
  }
32
46
  const handlePrevClick = () => {
33
- if (numOfItemsPerPage) {
34
- const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage - 1, numOfItemsPerPage);
47
+ if (itemsPerPage > 1) {
48
+ const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage - 1, itemsPerPage, numOfItems);
35
49
  onPrevClick(currentPage - 1, firstItemIndex, lastItemIndex);
36
50
  } else {
37
51
  onPrevClick(currentPage - 1);
38
52
  }
39
53
  };
40
54
  const handleNextClick = () => {
41
- if (numOfItemsPerPage) {
42
- const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage + 1, numOfItemsPerPage);
55
+ if (itemsPerPage > 1) {
56
+ const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage + 1, itemsPerPage, numOfItems);
43
57
  onNextClick(currentPage + 1, firstItemIndex, lastItemIndex);
44
58
  } else {
45
59
  onNextClick(currentPage + 1);
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React from \"react\";\nimport { Inline } from \"../Inline/Inline\";\nimport { PictogramButton } from \"../PictogramButton/PictogramButton\";\nimport { Text } from \"../Typography/Text/Text\";\n\nexport type PaginationProps = {\n /** Total number of pages */\n numOfPages: number;\n /** Current page */\n currentPage: number;\n /** Number of items per page */\n numOfItemsPerPage?: number;\n onPrevClick: (\n page: number,\n firstItemIndex?: number,\n lastItemIndex?: number\n ) => void;\n onNextClick: (\n page: number,\n firstItemIndex?: number,\n lastItemIndex?: number\n ) => void;\n /** Callback to provide a custom label */\n formatLabel?: (\n firstItemIndex?: number,\n lastItemIndex?: number,\n numOfItems?: number\n ) => string;\n /** Align label with respect to arrow buttons */\n alignLabel?: \"center\" | \"left\";\n \"data-e2e-test-id\"?: string;\n};\n\nfunction getItemIndices(\n page: number,\n numOfItemsPerPage: number\n): [number, number] {\n const lastItemIndex = page * numOfItemsPerPage;\n const firstItemIndex = lastItemIndex - numOfItemsPerPage + 1;\n\n return [firstItemIndex, lastItemIndex];\n}\n\nexport function Pagination({\n numOfPages,\n numOfItemsPerPage,\n currentPage,\n formatLabel,\n alignLabel = \"center\",\n \"data-e2e-test-id\": dataE2eTestId,\n onPrevClick,\n onNextClick,\n}: PaginationProps): React.ReactElement {\n let label;\n const isFirstPage = currentPage === 1;\n const isLastPage = currentPage === numOfPages;\n\n if (numOfItemsPerPage) {\n const [firstItemIndex, lastItemIndex] = getItemIndices(\n currentPage,\n numOfItemsPerPage\n );\n const numOfItems = numOfPages * numOfItemsPerPage;\n\n label = formatLabel\n ? formatLabel(firstItemIndex, lastItemIndex, numOfItems)\n : `${firstItemIndex} - ${lastItemIndex} of ${numOfItems}`;\n } else {\n label = formatLabel ? formatLabel() : `${currentPage} of ${numOfPages}`;\n }\n\n const handlePrevClick = () => {\n if (numOfItemsPerPage) {\n const [firstItemIndex, lastItemIndex] = getItemIndices(\n currentPage - 1,\n numOfItemsPerPage\n );\n\n onPrevClick(currentPage - 1, firstItemIndex, lastItemIndex);\n } else {\n onPrevClick(currentPage - 1);\n }\n };\n\n const handleNextClick = () => {\n if (numOfItemsPerPage) {\n const [firstItemIndex, lastItemIndex] = getItemIndices(\n currentPage + 1,\n numOfItemsPerPage\n );\n\n onNextClick(currentPage + 1, firstItemIndex, lastItemIndex);\n } else {\n onNextClick(currentPage + 1);\n }\n };\n\n const leftButton = (\n <PictogramButton\n size=\"s\"\n icon=\"chevron-left\"\n disabled={isFirstPage}\n onClick={handlePrevClick}\n />\n );\n const rightButton = (\n <PictogramButton\n size=\"s\"\n icon=\"chevron-right\"\n disabled={isLastPage}\n onClick={handleNextClick}\n />\n );\n const labelElm = <Text size=\"s\">{label}</Text>;\n const content =\n alignLabel === \"left\" ? (\n <>\n {labelElm}\n {leftButton}\n {rightButton}\n </>\n ) : (\n <>\n {leftButton}\n {labelElm}\n {rightButton}\n </>\n );\n\n return (\n <Inline\n vAlignItems=\"center\"\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Pagination\"\n >\n {content}\n </Inline>\n );\n}\n"],"names":["getItemIndices","page","numOfItemsPerPage","lastItemIndex","firstItemIndex","Pagination","_ref","numOfPages","currentPage","formatLabel","alignLabel","dataE2eTestId","onPrevClick","onNextClick","label","isFirstPage","isLastPage","numOfItems","handlePrevClick","handleNextClick","leftButton","React","createElement","PictogramButton","size","icon","disabled","onClick","rightButton","labelElm","Text","content","Fragment","Inline","vAlignItems"],"mappings":"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"}
1
+ {"version":3,"file":"Pagination.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React from \"react\";\nimport { Inline } from \"../Inline/Inline\";\nimport { PictogramButton } from \"../PictogramButton/PictogramButton\";\nimport { Text } from \"../Typography/Text/Text\";\n\nexport type PaginationProps = {\n /** Total number of items */\n numOfItems: number;\n /** Current page */\n currentPage: number;\n /** Number of items per page */\n numOfItemsPerPage?: number;\n onPrevClick: (\n page: number,\n firstItemIndex?: number,\n lastItemIndex?: number\n ) => void;\n onNextClick: (\n page: number,\n firstItemIndex?: number,\n lastItemIndex?: number\n ) => void;\n /** Callback to provide a custom label */\n formatLabel?: (\n firstItemIndex?: number,\n lastItemIndex?: number,\n numOfItems?: number\n ) => string;\n /** Align label with respect to arrow buttons */\n alignLabel?: \"center\" | \"left\";\n \"data-e2e-test-id\"?: string;\n};\n\nfunction getItemIndices(\n page: number,\n numOfItemsPerPage: number,\n numOfItems: number\n): [number, number] {\n let lastItemIndex = page * numOfItemsPerPage;\n let itemsPerPage = numOfItemsPerPage;\n\n // Re-calculate the numOfItemsPerPage for the last page.\n if (lastItemIndex > numOfItems) {\n itemsPerPage -= lastItemIndex - numOfItems;\n lastItemIndex = numOfItems;\n }\n const firstItemIndex = lastItemIndex - itemsPerPage + 1;\n\n return [firstItemIndex, lastItemIndex];\n}\n\nexport function Pagination({\n numOfItems,\n numOfItemsPerPage = 1,\n currentPage,\n formatLabel,\n alignLabel = \"center\",\n \"data-e2e-test-id\": dataE2eTestId,\n onPrevClick,\n onNextClick,\n}: PaginationProps): React.ReactElement {\n let label;\n const itemsPerPage =\n numOfItems > numOfItemsPerPage ? numOfItemsPerPage : numOfItems;\n const numOfPages = Math.ceil(numOfItems / itemsPerPage);\n const isFirstPage = currentPage === 1;\n const isLastPage = currentPage === numOfPages;\n\n if (itemsPerPage > 1) {\n const [firstItemIndex, lastItemIndex] = getItemIndices(\n currentPage,\n itemsPerPage,\n numOfItems\n );\n\n if (formatLabel) {\n label = formatLabel(firstItemIndex, lastItemIndex);\n } else if (firstItemIndex === lastItemIndex) {\n label = `${firstItemIndex} of ${numOfItems}`;\n } else {\n label = `${firstItemIndex} - ${lastItemIndex} of ${numOfItems}`;\n }\n } else {\n label = formatLabel ? formatLabel() : `${currentPage} of ${numOfPages}`;\n }\n\n const handlePrevClick = () => {\n if (itemsPerPage > 1) {\n const [firstItemIndex, lastItemIndex] = getItemIndices(\n currentPage - 1,\n itemsPerPage,\n numOfItems\n );\n\n onPrevClick(currentPage - 1, firstItemIndex, lastItemIndex);\n } else {\n onPrevClick(currentPage - 1);\n }\n };\n\n const handleNextClick = () => {\n if (itemsPerPage > 1) {\n const [firstItemIndex, lastItemIndex] = getItemIndices(\n currentPage + 1,\n itemsPerPage,\n numOfItems\n );\n\n onNextClick(currentPage + 1, firstItemIndex, lastItemIndex);\n } else {\n onNextClick(currentPage + 1);\n }\n };\n\n const leftButton = (\n <PictogramButton\n size=\"s\"\n icon=\"chevron-left\"\n disabled={isFirstPage}\n onClick={handlePrevClick}\n />\n );\n const rightButton = (\n <PictogramButton\n size=\"s\"\n icon=\"chevron-right\"\n disabled={isLastPage}\n onClick={handleNextClick}\n />\n );\n const labelElm = <Text size=\"s\">{label}</Text>;\n const content =\n alignLabel === \"left\" ? (\n <>\n {labelElm}\n {leftButton}\n {rightButton}\n </>\n ) : (\n <>\n {leftButton}\n {labelElm}\n {rightButton}\n </>\n );\n\n return (\n <Inline\n vAlignItems=\"center\"\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Pagination\"\n >\n {content}\n </Inline>\n );\n}\n"],"names":["getItemIndices","page","numOfItemsPerPage","numOfItems","lastItemIndex","itemsPerPage","firstItemIndex","Pagination","_ref","currentPage","formatLabel","alignLabel","dataE2eTestId","onPrevClick","onNextClick","label","numOfPages","Math","ceil","isFirstPage","isLastPage","handlePrevClick","handleNextClick","leftButton","React","createElement","PictogramButton","size","icon","disabled","onClick","rightButton","labelElm","Text","content","Fragment","Inline","vAlignItems"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@amboss/design-system",
3
- "version": "1.14.2",
3
+ "version": "1.14.3",
4
4
  "description": "the design system for AMBOSS products",
5
5
  "author": "Bagrat Gobedashvili",
6
6
  "license": "ISC",
@@ -138,7 +138,7 @@
138
138
  "@testing-library/user-event": "^13.0.1",
139
139
  "@types/classnames": "^2.2.10",
140
140
  "@types/feather-icons": "^4.7.0",
141
- "@types/jest": "^26.0.19",
141
+ "@types/jest": "^29.5.3",
142
142
  "@types/react": "^17.0.3",
143
143
  "@types/react-dom": "^17.0.0",
144
144
  "@types/react-is": "^17.0.1",
@@ -165,8 +165,9 @@
165
165
  "husky": "^8.0.3",
166
166
  "identity-obj-proxy": "^3.0.0",
167
167
  "inquirer": "^8.1.2",
168
- "jest": "^26.6.1",
169
- "jest-junit": "^12.0.0",
168
+ "jest": "^29.6.2",
169
+ "jest-environment-jsdom": "^29.6.2",
170
+ "jest-junit": "^16.0.0",
170
171
  "lint-staged": "^13.2.2",
171
172
  "prettier": "^2.2.1",
172
173
  "react": "^17.0.1",
@@ -175,7 +176,7 @@
175
176
  "slackify-markdown": "^4.1.0",
176
177
  "storybook": "^7.0.6",
177
178
  "style-dictionary": "^3.8.0",
178
- "ts-jest": "^26.4.3",
179
+ "ts-jest": "^29.1.1",
179
180
  "typescript": "^4.1.2",
180
181
  "webpack": "^5.73.0",
181
182
  "webpack-cli": "^4.5.0"