pge-front-common 10.1.5 → 10.2.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 (8) hide show
  1. package/lib/components/PaginationV2/index.d.ts +18 -0
  2. package/lib/components/PaginationV2/pagination.stories.d.ts +11 -0
  3. package/lib/components/PaginationV2/selectPagination.d.ts +12 -0
  4. package/lib/icons/left-arrow-icon.d.ts +2 -0
  5. package/lib/icons/right-arrow-icon.d.ts +2 -0
  6. package/lib/index.esm.js +1 -1
  7. package/lib/index.js +1 -1
  8. package/package.json +3 -2
package/lib/components/PaginationV2/index.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ interface PaginationProps {
3
+ countPage: number;
4
+ currentPage: number;
5
+ totalItems: number;
6
+ itemsPerPage: number;
7
+ handlePrevious: () => void;
8
+ handleNext: () => void;
9
+ handleItemPorPage: (value: number) => void;
10
+ handlePage: (value: number) => void;
11
+ pagina: number;
12
+ defaultOptions?: {
13
+ value: number;
14
+ label: string;
15
+ }[];
16
+ }
17
+ declare const Pagination: React.FC<PaginationProps>;
18
+ export default Pagination;
package/lib/components/PaginationV2/pagination.stories.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import PaginationV2 from "./index";
3
+ declare const meta: Meta<typeof PaginationV2>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof PaginationV2>;
6
+ export declare const Default: Story;
7
+ export declare const MiddlePage: Story;
8
+ export declare const LastPage: Story;
9
+ export declare const CustomItemsPerPage: Story;
10
+ export declare const LargeDataset: Story;
11
+ export declare const DisabledNavigation: Story;
package/lib/components/PaginationV2/selectPagination.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import React from "react";
2
+ interface SelectProps {
3
+ value: number | string;
4
+ options: Array<{
5
+ value: number | string;
6
+ label: string;
7
+ }>;
8
+ onChange: (value: number | string) => void;
9
+ className?: string;
10
+ }
11
+ declare const SelectPagination: React.FC<SelectProps>;
12
+ export default SelectPagination;
package/lib/icons/left-arrow-icon.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import React, { SVGProps } from "react";
2
+ export declare const IconArrowLeft: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
package/lib/icons/right-arrow-icon.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import React, { SVGProps } from "react";
2
+ export declare const IconArrowRight: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
package/lib/index.esm.js CHANGED
@@ -74,7 +74,7 @@ function styleInject(css, ref) {
74
74
  }
75
75
  }
76
76
 
77
- var css_248z$l = ".button-module__button___JyfZW {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n cursor: pointer;\r\n padding: 12px 16px;\r\n border-radius: 8px;\r\n min-width: 70px;\r\n height: 38px;\r\n width: 100%;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO {\r\n border: 1px solid #005a92;\r\n background: #005a92;\r\n color: #ffffff;\r\n font-weight: 700;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO:hover {\r\n opacity: 1;\r\n background-color: rgb(0 67 109);\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__secondary___Q4I1z {\r\n border: 1px solid #005a92;\r\n background: transparent;\r\n color: #005a92;\r\n font-weight: 700;\r\n}\r\n\r\n.button-module__button___JyfZW:disabled {\r\n cursor: not-allowed;\r\n}\r\n";
77
+ var css_248z$l = ".button-module__button___JyfZW {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n cursor: pointer;\r\n padding: 12px 16px;\r\n border-radius: 8px;\r\n min-width: 70px;\r\n height: 38px;\r\n width: 100%;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO {\r\n border: 1px solid #005a92;\r\n background: #005a92;\r\n color: #ffffff;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO:hover {\r\n opacity: 1;\r\n background-color: rgb(0 67 109);\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__secondary___Q4I1z {\r\n border: 1px solid #005a92;\r\n background: transparent;\r\n color: #005a92;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW:disabled {\r\n cursor: not-allowed;\r\n}\r\n";
78
78
  var styles$g = {"button":"button-module__button___JyfZW","primary":"button-module__primary___ggjlO","secondary":"button-module__secondary___Q4I1z"};
79
79
  styleInject(css_248z$l);
80
80
 
package/lib/index.js CHANGED
@@ -94,7 +94,7 @@ function styleInject(css, ref) {
94
94
  }
95
95
  }
96
96
 
97
- var css_248z$l = ".button-module__button___JyfZW {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n cursor: pointer;\r\n padding: 12px 16px;\r\n border-radius: 8px;\r\n min-width: 70px;\r\n height: 38px;\r\n width: 100%;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO {\r\n border: 1px solid #005a92;\r\n background: #005a92;\r\n color: #ffffff;\r\n font-weight: 700;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO:hover {\r\n opacity: 1;\r\n background-color: rgb(0 67 109);\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__secondary___Q4I1z {\r\n border: 1px solid #005a92;\r\n background: transparent;\r\n color: #005a92;\r\n font-weight: 700;\r\n}\r\n\r\n.button-module__button___JyfZW:disabled {\r\n cursor: not-allowed;\r\n}\r\n";
97
+ var css_248z$l = ".button-module__button___JyfZW {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n cursor: pointer;\r\n padding: 12px 16px;\r\n border-radius: 8px;\r\n min-width: 70px;\r\n height: 38px;\r\n width: 100%;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO {\r\n border: 1px solid #005a92;\r\n background: #005a92;\r\n color: #ffffff;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO:hover {\r\n opacity: 1;\r\n background-color: rgb(0 67 109);\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__secondary___Q4I1z {\r\n border: 1px solid #005a92;\r\n background: transparent;\r\n color: #005a92;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW:disabled {\r\n cursor: not-allowed;\r\n}\r\n";
98
98
  var styles$g = {"button":"button-module__button___JyfZW","primary":"button-module__primary___ggjlO","secondary":"button-module__secondary___Q4I1z"};
99
99
  styleInject(css_248z$l);
100
100
 
package/package.json CHANGED
@@ -36,7 +36,8 @@
36
36
  "lib"
37
37
  ],
38
38
  "scripts": {
39
- "storybook": "storybook dev -p 6006",
39
+ "start": "npm run storybook",
40
+ "storybook": "storybook dev -p 6006 --ci",
40
41
  "build-storybook": "storybook build",
41
42
  "build": "rollup -c rollup.config.cjs",
42
43
  "prepare": "husky"
@@ -45,7 +46,7 @@
45
46
  "module": "lib/index.esm.js",
46
47
  "types": "lib/index.d.ts",
47
48
  "name": "pge-front-common",
48
- "version": "10.1.5",
49
+ "version": "10.2.0",
49
50
  "description": "",
50
51
  "keywords": [],
51
52
  "author": "sturmer cesar",