lecom-ui 4.3.0 → 4.3.1

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.
@@ -0,0 +1,47 @@
1
+ import { jsxs } from 'react/jsx-runtime';
2
+ import { cn } from '../../lib/utils.js';
3
+
4
+ const ErrorEmptyDisplay = ({
5
+ className,
6
+ classContent,
7
+ image,
8
+ title,
9
+ description,
10
+ footer,
11
+ render
12
+ }) => {
13
+ if (render) {
14
+ return render;
15
+ }
16
+ return /* @__PURE__ */ jsxs(
17
+ "div",
18
+ {
19
+ id: "error-empty-display",
20
+ "data-testid": "error-empty-display",
21
+ className: cn(
22
+ "flex flex-col justify-center items-center space-y-8 p-6",
23
+ className
24
+ ),
25
+ children: [
26
+ image,
27
+ /* @__PURE__ */ jsxs(
28
+ "div",
29
+ {
30
+ className: cn(
31
+ "flex flex-col items-center justify-center space-y-2",
32
+ classContent
33
+ ),
34
+ children: [
35
+ title,
36
+ description,
37
+ footer
38
+ ]
39
+ }
40
+ )
41
+ ]
42
+ }
43
+ );
44
+ };
45
+ ErrorEmptyDisplay.displayName = "ErrorEmptyDisplay";
46
+
47
+ export { ErrorEmptyDisplay };
@@ -56,8 +56,8 @@ const getPositionClass = (type, placement = "topRight") => {
56
56
  const Notification = React.forwardRef(
57
57
  ({ ...props }, ref) => {
58
58
  const { type, placement } = props;
59
- const { shouldExpand } = props;
60
- const widthStyle = shouldExpand ? "w-full" : "inline-block";
59
+ const { fullWidth } = props;
60
+ const widthStyle = fullWidth ? "w-full" : "inline-block";
61
61
  const positionClass = getPositionClass(type, placement);
62
62
  return /* @__PURE__ */ jsx(
63
63
  "main",
@@ -7,7 +7,8 @@ import { NotificationIcon } from './NotificationIcon.js';
7
7
  import ChevronUp from '../../node_modules/lucide-react/dist/esm/icons/chevron-up.js';
8
8
 
9
9
  const NotificationCallout = ({ ...props }) => {
10
- const [isCollapsed, setIsCollapsed] = React.useState(false);
10
+ const defaultCollapsed = props.isCollapsed ?? false;
11
+ const [isCollapsed, setIsCollapsed] = React.useState(defaultCollapsed);
11
12
  const [shouldCollapse, setShouldCollapse] = React.useState(false);
12
13
  const [contentHeight, setContentHeight] = React.useState(0);
13
14
  const [lineHeight, setLineHeight] = React.useState(0);
@@ -35,7 +36,7 @@ const NotificationCallout = ({ ...props }) => {
35
36
  const handleCollapse = () => setIsCollapsed(!isCollapsed);
36
37
  const defaultVariant = props.variant ?? "information";
37
38
  const getGridColumns = () => {
38
- if (props.shouldExpand) {
39
+ if (props.fullWidth) {
39
40
  return shouldCollapse ? "grid-cols-[1.25rem_1fr_minmax(1.25rem,_auto)]" : "grid-cols-[1.25rem_1fr]";
40
41
  } else {
41
42
  return shouldCollapse ? "grid-cols-[1.25rem_auto_minmax(1.25rem,_auto)]" : "grid-cols-[1.25rem_auto]";
@@ -12,7 +12,7 @@ const NotificationInline = ({
12
12
  content,
13
13
  title,
14
14
  action,
15
- shouldExpand
15
+ fullWidth
16
16
  }) => {
17
17
  const [isVisible, setIsVisible] = React.useState(true);
18
18
  if (!isVisible) return null;
@@ -40,7 +40,7 @@ const NotificationInline = ({
40
40
  }
41
41
  };
42
42
  const getGridColumns = () => {
43
- if (shouldExpand) {
43
+ if (fullWidth) {
44
44
  return getFullWidthColumns();
45
45
  } else {
46
46
  return getNonFullWidthColumns();
package/dist/index.d.ts CHANGED
@@ -441,6 +441,20 @@ declare const DropdownMenuShortcut: {
441
441
  displayName: string;
442
442
  };
443
443
 
444
+ interface ErrorEmptyDisplayProps {
445
+ className?: string;
446
+ classContent?: string;
447
+ image?: React.ReactNode;
448
+ title?: React.ReactNode;
449
+ description?: React.ReactNode;
450
+ footer?: React.ReactNode;
451
+ render?: React.ReactNode;
452
+ }
453
+ declare const ErrorEmptyDisplay: {
454
+ ({ className, classContent, image, title, description, footer, render, }: ErrorEmptyDisplayProps): string | number | bigint | true | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element;
455
+ displayName: string;
456
+ };
457
+
444
458
  interface HelpMenuItem {
445
459
  icon?: React$1.ReactNode;
446
460
  description?: string;
@@ -565,7 +579,7 @@ declare const notificationVariants: (props?: ({
565
579
  type BaseNotificationProps = VariantProps<typeof notificationVariants> & {
566
580
  action?: React$1.ReactNode;
567
581
  };
568
- interface ToastNotificationProps extends BaseNotificationProps {
582
+ interface ToastNotificationProps {
569
583
  type: 'toast';
570
584
  placement?: 'topRight' | 'topLeft' | 'bottomRight' | 'bottomLeft';
571
585
  showProgress?: boolean;
@@ -576,7 +590,8 @@ interface CalloutNotificationProps extends BaseNotificationProps {
576
590
  type: 'callout';
577
591
  title?: React$1.ReactNode;
578
592
  content: React$1.ReactNode;
579
- shouldExpand?: boolean;
593
+ fullWidth?: boolean;
594
+ isCollapsed?: boolean;
580
595
  action?: React$1.ReactNode;
581
596
  }
582
597
  interface InlineNotificationProps extends BaseNotificationProps {
@@ -584,7 +599,7 @@ interface InlineNotificationProps extends BaseNotificationProps {
584
599
  title?: React$1.ReactNode;
585
600
  content: React$1.ReactNode;
586
601
  enableClose?: boolean;
587
- shouldExpand?: boolean;
602
+ fullWidth?: boolean;
588
603
  action?: React$1.ReactNode;
589
604
  }
590
605
  type NotificationProps = ToastNotificationProps | CalloutNotificationProps | InlineNotificationProps;
@@ -674,7 +689,7 @@ declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive
674
689
  declare const TooltipArrow: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React$1.RefAttributes<SVGSVGElement>>;
675
690
  declare const TooltipPortal: React$1.FC<TooltipPrimitive.TooltipPortalProps>;
676
691
  declare const tooltipContentVariants: (props?: ({
677
- color?: "black" | "white" | null | undefined;
692
+ color?: "white" | "black" | null | undefined;
678
693
  arrow?: boolean | null | undefined;
679
694
  } & class_variance_authority_types.ClassProp) | undefined) => string;
680
695
  interface TooltipContentProps extends React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipContentVariants> {
@@ -741,5 +756,5 @@ declare const fonts: {
741
756
  ibm: string[];
742
757
  };
743
758
 
744
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, CadastroFacil, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Layout, LogoLecom, LogoLecomBrand, ModoTeste, Notification, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationIndex, PaginationItem, PaginationLast, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, Rpa, ScrollArea, ScrollBar, Skeleton, Spin, Switch, TOAST_REMOVE_DELAY, Tag, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Translations, TypeMessageNotification, Typography, accordionVariants, buttonVariants, colors, fonts, getPositionClass, initializeI18n, notificationVariants, reducer, tagVariants, toast, typographyVariants, useIsMobile, useNotificationToast, usePagination, useSidebar };
745
- export type { BgColor, BuildCellSelect, BuildColumns, BuildHeaderSelect, ButtonProps, CadastroFacilProps, CalloutNotificationProps, CheckboxProps, CheckedCell, CheckedCellChange, CheckedHeader, CheckedHeaderChange, Color, ColorToken, Column, ColumnRender, ColumnSort, ColumnTitle, CustomStyles$1 as CustomStyles, DataTableProps, FillColor, Fonts, Header, HeaderProps, InlineNotificationProps, LayoutProps, LogoLecomBrandProps, LogoLecomProps, Meta, ModoTesteProps, NotificationProps, PaginationProps, Row, RpaProps, SideBarProps, SpinProps, TagProps, TextColor, ToastNotificationProps, ToasterToast, TooltipContentProps, TypographyProps, UsePaginationItem };
759
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, CadastroFacil, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorEmptyDisplay, Layout, LogoLecom, LogoLecomBrand, ModoTeste, Notification, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationIndex, PaginationItem, PaginationLast, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, Rpa, ScrollArea, ScrollBar, Skeleton, Spin, Switch, TOAST_REMOVE_DELAY, Tag, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Translations, TypeMessageNotification, Typography, accordionVariants, buttonVariants, colors, fonts, getPositionClass, initializeI18n, notificationVariants, reducer, tagVariants, toast, typographyVariants, useIsMobile, useNotificationToast, usePagination, useSidebar };
760
+ export type { BgColor, BuildCellSelect, BuildColumns, BuildHeaderSelect, ButtonProps, CadastroFacilProps, CalloutNotificationProps, CheckboxProps, CheckedCell, CheckedCellChange, CheckedHeader, CheckedHeaderChange, Color, ColorToken, Column, ColumnRender, ColumnSort, ColumnTitle, CustomStyles$1 as CustomStyles, DataTableProps, ErrorEmptyDisplayProps, FillColor, Fonts, Header, HeaderProps, InlineNotificationProps, LayoutProps, LogoLecomBrandProps, LogoLecomProps, Meta, ModoTesteProps, NotificationProps, PaginationProps, Row, RpaProps, SideBarProps, SpinProps, TagProps, TextColor, ToastNotificationProps, ToasterToast, TooltipContentProps, TypographyProps, UsePaginationItem };
package/dist/index.js CHANGED
@@ -10,6 +10,7 @@ export { LogoLecomBrand } from './components/CustomIcon/Icons/LogoLecomBrand.js'
10
10
  export { DataTable } from './components/DataTable/DataTable.js';
11
11
  export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/Dialog/Dialog.js';
12
12
  export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './components/DropdownMenu/DropdownMenu.js';
13
+ export { ErrorEmptyDisplay } from './components/ErrorEmptyDisplay/ErrorEmptyDisplay.js';
13
14
  export { Layout } from './components/Layout/Layout.js';
14
15
  export { Notification, TypeMessageNotification, getPositionClass, notificationVariants } from './components/Notification/Notification.js';
15
16
  export { TOAST_REMOVE_DELAY, reducer, toast, useNotificationToast } from './components/Notification/useNotificationToast.js';
package/package.json CHANGED
@@ -1,105 +1,113 @@
1
- {
2
- "name": "lecom-ui",
3
- "version": "4.3.0",
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
- "@radix-ui/react-accordion": "^1.2.3",
27
- "@radix-ui/react-checkbox": "^1.1.3",
28
- "@radix-ui/react-dialog": "^1.1.4",
29
- "@radix-ui/react-dropdown-menu": "^2.1.4",
30
- "@radix-ui/react-label": "^2.1.1",
31
- "@radix-ui/react-popover": "^1.1.4",
32
- "@radix-ui/react-radio-group": "^1.2.2",
33
- "@radix-ui/react-scroll-area": "^1.2.2",
34
- "@radix-ui/react-select": "^2.1.4",
35
- "@radix-ui/react-separator": "^1.1.1",
36
- "@radix-ui/react-slot": "^1.1.1",
37
- "@radix-ui/react-switch": "^1.1.2",
38
- "@radix-ui/react-tooltip": "^1.1.6",
39
- "@tanstack/react-table": "^8.20.6",
40
- "class-variance-authority": "^0.7.1",
41
- "clsx": "^2.1.1",
42
- "hex-color-opacity": "^0.4.2",
43
- "i18next": "^24.2.2",
44
- "lucide-react": "^0.468.0",
45
- "next": "^15.1.4",
46
- "react-i18next": "^15.4.0",
47
- "tailwind-merge": "^2.5.5",
48
- "tailwindcss-animate": "^1.0.7",
49
- "use-color-luminance": "^1.3.0",
50
- "use-luminance": "^0.1.3"
51
- },
52
- "devDependencies": {
53
- "@chromatic-com/storybook": "3.2.2",
54
- "@eslint/eslintrc": "^3",
55
- "@rollup/plugin-alias": "^5.1.1",
56
- "@rollup/plugin-commonjs": "^28.0.3",
57
- "@rollup/plugin-image": "^3.0.3",
58
- "@rollup/plugin-node-resolve": "^16.0.1",
59
- "@storybook/addon-essentials": "8.4.7",
60
- "@storybook/addon-interactions": "8.4.7",
61
- "@storybook/addon-onboarding": "8.4.7",
62
- "@storybook/blocks": "8.4.7",
63
- "@storybook/nextjs": "8.4.7",
64
- "@storybook/react": "8.4.7",
65
- "@storybook/test": "8.4.7",
66
- "@testing-library/dom": "^10.4.0",
67
- "@testing-library/jest-dom": "^6.6.3",
68
- "@testing-library/react": "^16.1.0",
69
- "@types/node": "^20",
70
- "@types/react": "^19",
71
- "@types/react-dom": "^19",
72
- "@types/rollup-plugin-peer-deps-external": "^2.2.4",
73
- "eslint": "^9",
74
- "eslint-config-next": "15.1.0",
75
- "eslint-plugin-import-helpers": "^2.0.1",
76
- "eslint-plugin-storybook": "^0.11.1",
77
- "jest": "^29.7.0",
78
- "jest-environment-jsdom": "^29.7.0",
79
- "postcss": "^8",
80
- "react": "^19.0.0",
81
- "react-dom": "^19.0.0",
82
- "rollup": "^4.28.1",
83
- "rollup-plugin-copy": "^3.5.0",
84
- "rollup-plugin-dts": "^6.1.1",
85
- "rollup-plugin-esbuild": "^6.1.1",
86
- "rollup-plugin-peer-deps-external": "^2.2.4",
87
- "storybook": "8.4.7",
88
- "tailwindcss": "^3.4.1",
89
- "ts-node": "^10.9.2",
90
- "typescript": "^5"
91
- },
92
- "peerDependencies": {
93
- "react": "^19.0.0",
94
- "react-dom": "^19.0.0"
95
- },
96
- "resolutions": {
97
- "react": "^19.0.0",
98
- "react-dom": "^19.0.0"
99
- },
100
- "eslintConfig": {
101
- "extends": [
102
- "plugin:storybook/recommended"
103
- ]
104
- }
105
- }
1
+ {
2
+ "name": "lecom-ui",
3
+ "version": "4.3.1",
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
+ "@radix-ui/react-accordion": "^1.2.3",
27
+ "@radix-ui/react-checkbox": "^1.1.3",
28
+ "@radix-ui/react-dialog": "^1.1.4",
29
+ "@radix-ui/react-dropdown-menu": "^2.1.4",
30
+ "@radix-ui/react-label": "^2.1.1",
31
+ "@radix-ui/react-popover": "^1.1.4",
32
+ "@radix-ui/react-radio-group": "^1.2.2",
33
+ "@radix-ui/react-scroll-area": "^1.2.2",
34
+ "@radix-ui/react-select": "^2.1.4",
35
+ "@radix-ui/react-separator": "^1.1.1",
36
+ "@radix-ui/react-slot": "^1.1.1",
37
+ "@radix-ui/react-switch": "^1.1.2",
38
+ "@radix-ui/react-tooltip": "^1.1.6",
39
+ "@tanstack/react-table": "^8.20.6",
40
+ "class-variance-authority": "^0.7.1",
41
+ "clsx": "^2.1.1",
42
+ "hex-color-opacity": "^0.4.2",
43
+ "i18next": "^24.2.2",
44
+ "lucide-react": "^0.468.0",
45
+ "next": "^15.1.4",
46
+ "react-i18next": "^15.4.0",
47
+ "tailwind-merge": "^2.5.5",
48
+ "tailwindcss-animate": "^1.0.7",
49
+ "use-color-luminance": "^1.3.0",
50
+ "use-luminance": "^0.1.3"
51
+ },
52
+ "devDependencies": {
53
+ "@chromatic-com/storybook": "3.2.2",
54
+ "@eslint/eslintrc": "^3",
55
+ "@rollup/plugin-alias": "^5.1.1",
56
+ "@rollup/plugin-commonjs": "^28.0.3",
57
+ "@rollup/plugin-image": "^3.0.3",
58
+ "@rollup/plugin-node-resolve": "^16.0.1",
59
+ "@storybook/addon-essentials": "8.4.7",
60
+ "@storybook/addon-interactions": "8.4.7",
61
+ "@storybook/addon-onboarding": "8.4.7",
62
+ "@storybook/blocks": "8.4.7",
63
+ "@storybook/nextjs": "8.4.7",
64
+ "@storybook/react": "8.4.7",
65
+ "@storybook/test": "8.4.7",
66
+ "@testing-library/dom": "^10.4.0",
67
+ "@testing-library/jest-dom": "^6.6.3",
68
+ "@testing-library/react": "^16.1.0",
69
+ "@types/node": "^20",
70
+ "@types/react": "^19",
71
+ "@types/react-dom": "^19",
72
+ "@types/rollup-plugin-peer-deps-external": "^2.2.4",
73
+ "eslint": "^9",
74
+ "eslint-config-next": "15.1.0",
75
+ "eslint-plugin-import-helpers": "^2.0.1",
76
+ "eslint-plugin-storybook": "^0.11.1",
77
+ "jest": "^29.7.0",
78
+ "jest-environment-jsdom": "^29.7.0",
79
+ "postcss": "^8",
80
+ "react": "^19.0.0",
81
+ "react-dom": "^19.0.0",
82
+ "rollup": "^4.28.1",
83
+ "rollup-plugin-copy": "^3.5.0",
84
+ "rollup-plugin-dts": "^6.1.1",
85
+ "rollup-plugin-esbuild": "^6.1.1",
86
+ "rollup-plugin-peer-deps-external": "^2.2.4",
87
+ "storybook": "8.4.7",
88
+ "tailwindcss": "^3.4.1",
89
+ "ts-node": "^10.9.2",
90
+ "typescript": "^5"
91
+ },
92
+ "peerDependencies": {
93
+ "react": ">=18.0.0",
94
+ "react-dom": ">=18.0.0"
95
+ },
96
+ "peerDependenciesMeta": {
97
+ "react": {
98
+ "optional": true
99
+ },
100
+ "react-dom": {
101
+ "optional": true
102
+ }
103
+ },
104
+ "resolutions": {
105
+ "react": "^19.0.0",
106
+ "react-dom": "^19.0.0"
107
+ },
108
+ "eslintConfig": {
109
+ "extends": [
110
+ "plugin:storybook/recommended"
111
+ ]
112
+ }
113
+ }