lecom-ui 5.2.4 → 5.2.5

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 (3) hide show
  1. package/dist/components/Pagination/Pagination.js +6 -3
  2. package/dist/index.d.ts +6 -3
  3. package/package.json +120 -120
package/dist/components/Pagination/Pagination.js CHANGED
@@ -125,7 +125,8 @@ const PaginationIndex = ({
125
125
  disabled,
126
126
  isActive,
127
127
  onClick,
128
- children
128
+ children,
129
+ activeColor = "bg-white"
129
130
  }) => /* @__PURE__ */ React.createElement(
130
131
  Button,
131
132
  {
@@ -135,7 +136,7 @@ const PaginationIndex = ({
135
136
  color: "grey",
136
137
  size: "small",
137
138
  onClick,
138
- className: cn(isActive && "bg-white", className)
139
+ className: cn(isActive && activeColor, className)
139
140
  },
140
141
  children
141
142
  );
@@ -182,7 +183,8 @@ const Pagination = ({
182
183
  perPage,
183
184
  totalRowsSelected = 0,
184
185
  onChangePerPage,
185
- className
186
+ className,
187
+ activeColor
186
188
  }) => {
187
189
  const mapPaginationItem = (item) => {
188
190
  const componentProps = {
@@ -194,6 +196,7 @@ const Pagination = ({
194
196
  PaginationIndex,
195
197
  {
196
198
  isActive: item.page === currentPage,
199
+ activeColor,
197
200
  ...componentProps
198
201
  },
199
202
  item.page
package/dist/index.d.ts CHANGED
@@ -14,6 +14,7 @@ import * as recharts_types_component_DefaultTooltipContent from 'recharts/types/
14
14
  import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
15
15
  import { Table, Column as Column$1, Row as Row$1 } from '@tanstack/react-table';
16
16
  export { ColumnDef } from '@tanstack/react-table';
17
+ import { BgColor as BgColor$1 } from '@/tokens/colors';
17
18
  import * as DialogPrimitive from '@radix-ui/react-dialog';
18
19
  import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
19
20
  import * as _radix_ui_react_slot from '@radix-ui/react-slot';
@@ -362,6 +363,7 @@ type PaginationButtonProps = {
362
363
  onClick?: () => void;
363
364
  };
364
365
  interface PaginationIndexProps extends PaginationButtonProps {
366
+ activeColor?: BgColor$1;
365
367
  children: React$1.ReactNode;
366
368
  }
367
369
  interface PaginationProps {
@@ -372,6 +374,7 @@ interface PaginationProps {
372
374
  totalRowsSelected?: number;
373
375
  onChangePerPage?: (currentPerPage: number) => void;
374
376
  className?: string;
377
+ activeColor?: BgColor$1;
375
378
  }
376
379
  declare const PaginationContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
377
380
  declare const PaginationItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
@@ -396,11 +399,11 @@ declare const PaginationEllipsis: {
396
399
  displayName: string;
397
400
  };
398
401
  declare const PaginationIndex: {
399
- ({ className, disabled, isActive, onClick, children, }: PaginationIndexProps): React$1.JSX.Element;
402
+ ({ className, disabled, isActive, onClick, children, activeColor, }: PaginationIndexProps): React$1.JSX.Element;
400
403
  displayName: string;
401
404
  };
402
405
  declare const Pagination: {
403
- ({ currentPage, itemsPage, perPage, totalRowsSelected, onChangePerPage, className, }: PaginationProps): React$1.JSX.Element;
406
+ ({ currentPage, itemsPage, perPage, totalRowsSelected, onChangePerPage, className, activeColor, }: PaginationProps): React$1.JSX.Element;
404
407
  displayName: string;
405
408
  };
406
409
 
@@ -899,7 +902,7 @@ declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive
899
902
  declare const TooltipArrow: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React$1.RefAttributes<SVGSVGElement>>;
900
903
  declare const TooltipPortal: React$1.FC<TooltipPrimitive.TooltipPortalProps>;
901
904
  declare const tooltipContentVariants: (props?: ({
902
- color?: "white" | "black" | null | undefined;
905
+ color?: "black" | "white" | null | undefined;
903
906
  arrow?: boolean | null | undefined;
904
907
  } & class_variance_authority_types.ClassProp) | undefined) => string;
905
908
  interface TooltipContentProps extends React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipContentVariants> {
package/package.json CHANGED
@@ -1,120 +1,120 @@
1
- {
2
- "name": "lecom-ui",
3
- "version": "5.2.4",
4
- "license": "MIT",
5
- "type": "module",
6
- "module": "dist/index.js",
7
- "style": "dist/style.min.css",
8
- "typings": "dist/index.d.ts",
9
- "files": [
10
- "dist"
11
- ],
12
- "scripts": {
13
- "dev": "next dev",
14
- "build:next": "next build",
15
- "start": "next start",
16
- "lint": "next lint",
17
- "storybook": "storybook dev -p 6006",
18
- "build-storybook": "storybook build",
19
- "build:tailwind": "npx tailwindcss -i ./src/globals.css -o ./dist/style.min.css --minify",
20
- "build": "rollup -c && yarn build:tailwind",
21
- "test": "jest",
22
- "test:watch": "jest --watch",
23
- "test:coverage": "jest --coverage"
24
- },
25
- "dependencies": {
26
- "@hookform/resolvers": "^5.0.1",
27
- "@radix-ui/react-accordion": "^1.2.3",
28
- "@radix-ui/react-checkbox": "^1.1.3",
29
- "@radix-ui/react-dialog": "^1.1.11",
30
- "@radix-ui/react-dropdown-menu": "^2.1.4",
31
- "@radix-ui/react-label": "^2.1.4",
32
- "@radix-ui/react-popover": "^1.1.11",
33
- "@radix-ui/react-radio-group": "^1.2.2",
34
- "@radix-ui/react-scroll-area": "^1.2.2",
35
- "@radix-ui/react-select": "^2.2.2",
36
- "@radix-ui/react-separator": "^1.1.1",
37
- "@radix-ui/react-slot": "^1.2.0",
38
- "@radix-ui/react-switch": "^1.1.2",
39
- "@radix-ui/react-tabs": "^1.1.12",
40
- "@radix-ui/react-tooltip": "^1.1.6",
41
- "@tanstack/react-table": "^8.21.2",
42
- "class-variance-authority": "^0.7.1",
43
- "clsx": "^2.1.1",
44
- "cmdk": "^1.1.1",
45
- "hex-color-opacity": "^0.4.2",
46
- "i18next": "^24.2.2",
47
- "lucide-react": "^0.488.0",
48
- "next": "^15.1.4",
49
- "react": "^19.0.0",
50
- "react-dom": "^19.0.0",
51
- "react-hook-form": "^7.56.1",
52
- "react-i18next": "^15.4.0",
53
- "recharts": "^2.15.2",
54
- "tailwind-merge": "^2.5.5",
55
- "tailwindcss-animate": "^1.0.7",
56
- "use-color-luminance": "^1.3.0",
57
- "use-luminance": "^0.1.3",
58
- "vaul": "^1.1.2",
59
- "zod": "^3.24.3"
60
- },
61
- "devDependencies": {
62
- "@chromatic-com/storybook": "3.2.2",
63
- "@eslint/eslintrc": "^3",
64
- "@rollup/plugin-alias": "^5.1.1",
65
- "@rollup/plugin-image": "^3.0.3",
66
- "@storybook/addon-essentials": "8.4.7",
67
- "@storybook/addon-interactions": "8.4.7",
68
- "@storybook/addon-onboarding": "8.4.7",
69
- "@storybook/blocks": "8.4.7",
70
- "@storybook/nextjs": "8.4.7",
71
- "@storybook/react": "8.4.7",
72
- "@storybook/test": "8.4.7",
73
- "@testing-library/dom": "^10.4.0",
74
- "@testing-library/jest-dom": "^6.6.3",
75
- "@testing-library/react": "^16.1.0",
76
- "@types/node": "^20",
77
- "@types/react": "^19.0.0",
78
- "@types/react-dom": "^19.0.0",
79
- "eslint": "^9",
80
- "eslint-config-next": "15.1.0",
81
- "eslint-plugin-import-helpers": "^2.0.1",
82
- "eslint-plugin-storybook": "^0.11.1",
83
- "jest": "^29.7.0",
84
- "jest-environment-jsdom": "^29.7.0",
85
- "postcss": "^8",
86
- "rollup": "^4.28.1",
87
- "rollup-plugin-copy": "^3.5.0",
88
- "rollup-plugin-dts": "^6.1.1",
89
- "rollup-plugin-esbuild": "^6.1.1",
90
- "rollup-plugin-peer-deps-external": "^2.2.4",
91
- "storybook": "8.4.7",
92
- "tailwindcss": "^3.4.1",
93
- "ts-node": "^10.9.2",
94
- "typescript": "^5"
95
- },
96
- "peerDependencies": {
97
- "react": ">=18.0.0",
98
- "react-dom": ">=18.0.0"
99
- },
100
- "peerDependenciesMeta": {
101
- "react": {
102
- "optional": true
103
- },
104
- "react-dom": {
105
- "optional": true
106
- }
107
- },
108
- "resolutions": {
109
- "react": "^19.0.0",
110
- "react-dom": "^19.0.0"
111
- },
112
- "eslintConfig": {
113
- "extends": [
114
- "plugin:storybook/recommended"
115
- ]
116
- },
117
- "overrides": {
118
- "react-is": "^19.0.0-rc-69d4b800-20241021"
119
- }
120
- }
1
+ {
2
+ "name": "lecom-ui",
3
+ "version": "5.2.5",
4
+ "license": "MIT",
5
+ "type": "module",
6
+ "module": "dist/index.js",
7
+ "style": "dist/style.min.css",
8
+ "typings": "dist/index.d.ts",
9
+ "files": [
10
+ "dist"
11
+ ],
12
+ "scripts": {
13
+ "dev": "next dev",
14
+ "build:next": "next build",
15
+ "start": "next start",
16
+ "lint": "next lint",
17
+ "storybook": "storybook dev -p 6006",
18
+ "build-storybook": "storybook build",
19
+ "build:tailwind": "npx tailwindcss -i ./src/globals.css -o ./dist/style.min.css --minify",
20
+ "build": "rollup -c && yarn build:tailwind",
21
+ "test": "jest",
22
+ "test:watch": "jest --watch",
23
+ "test:coverage": "jest --coverage"
24
+ },
25
+ "dependencies": {
26
+ "@hookform/resolvers": "^5.0.1",
27
+ "@radix-ui/react-accordion": "^1.2.3",
28
+ "@radix-ui/react-checkbox": "^1.1.3",
29
+ "@radix-ui/react-dialog": "^1.1.11",
30
+ "@radix-ui/react-dropdown-menu": "^2.1.4",
31
+ "@radix-ui/react-label": "^2.1.4",
32
+ "@radix-ui/react-popover": "^1.1.11",
33
+ "@radix-ui/react-radio-group": "^1.2.2",
34
+ "@radix-ui/react-scroll-area": "^1.2.2",
35
+ "@radix-ui/react-select": "^2.2.2",
36
+ "@radix-ui/react-separator": "^1.1.1",
37
+ "@radix-ui/react-slot": "^1.2.0",
38
+ "@radix-ui/react-switch": "^1.1.2",
39
+ "@radix-ui/react-tabs": "^1.1.12",
40
+ "@radix-ui/react-tooltip": "^1.1.6",
41
+ "@tanstack/react-table": "^8.21.2",
42
+ "class-variance-authority": "^0.7.1",
43
+ "clsx": "^2.1.1",
44
+ "cmdk": "^1.1.1",
45
+ "hex-color-opacity": "^0.4.2",
46
+ "i18next": "^24.2.2",
47
+ "lucide-react": "^0.488.0",
48
+ "next": "^15.1.4",
49
+ "react": "^19.0.0",
50
+ "react-dom": "^19.0.0",
51
+ "react-hook-form": "^7.56.1",
52
+ "react-i18next": "^15.4.0",
53
+ "recharts": "^2.15.2",
54
+ "tailwind-merge": "^2.5.5",
55
+ "tailwindcss-animate": "^1.0.7",
56
+ "use-color-luminance": "^1.3.0",
57
+ "use-luminance": "^0.1.3",
58
+ "vaul": "^1.1.2",
59
+ "zod": "^3.24.3"
60
+ },
61
+ "devDependencies": {
62
+ "@chromatic-com/storybook": "3.2.2",
63
+ "@eslint/eslintrc": "^3",
64
+ "@rollup/plugin-alias": "^5.1.1",
65
+ "@rollup/plugin-image": "^3.0.3",
66
+ "@storybook/addon-essentials": "8.4.7",
67
+ "@storybook/addon-interactions": "8.4.7",
68
+ "@storybook/addon-onboarding": "8.4.7",
69
+ "@storybook/blocks": "8.4.7",
70
+ "@storybook/nextjs": "8.4.7",
71
+ "@storybook/react": "8.4.7",
72
+ "@storybook/test": "8.4.7",
73
+ "@testing-library/dom": "^10.4.0",
74
+ "@testing-library/jest-dom": "^6.6.3",
75
+ "@testing-library/react": "^16.1.0",
76
+ "@types/node": "^20",
77
+ "@types/react": "^19.0.0",
78
+ "@types/react-dom": "^19.0.0",
79
+ "eslint": "^9",
80
+ "eslint-config-next": "15.1.0",
81
+ "eslint-plugin-import-helpers": "^2.0.1",
82
+ "eslint-plugin-storybook": "^0.11.1",
83
+ "jest": "^29.7.0",
84
+ "jest-environment-jsdom": "^29.7.0",
85
+ "postcss": "^8",
86
+ "rollup": "^4.28.1",
87
+ "rollup-plugin-copy": "^3.5.0",
88
+ "rollup-plugin-dts": "^6.1.1",
89
+ "rollup-plugin-esbuild": "^6.1.1",
90
+ "rollup-plugin-peer-deps-external": "^2.2.4",
91
+ "storybook": "8.4.7",
92
+ "tailwindcss": "^3.4.1",
93
+ "ts-node": "^10.9.2",
94
+ "typescript": "^5"
95
+ },
96
+ "peerDependencies": {
97
+ "react": ">=18.0.0",
98
+ "react-dom": ">=18.0.0"
99
+ },
100
+ "peerDependenciesMeta": {
101
+ "react": {
102
+ "optional": true
103
+ },
104
+ "react-dom": {
105
+ "optional": true
106
+ }
107
+ },
108
+ "resolutions": {
109
+ "react": "^19.0.0",
110
+ "react-dom": "^19.0.0"
111
+ },
112
+ "eslintConfig": {
113
+ "extends": [
114
+ "plugin:storybook/recommended"
115
+ ]
116
+ },
117
+ "overrides": {
118
+ "react-is": "^19.0.0-rc-69d4b800-20241021"
119
+ }
120
+ }