lecom-ui 4.3.0 → 4.3.2

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;
@@ -526,6 +540,19 @@ interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<
526
540
  onOpenMenuChange?: () => void;
527
541
  }
528
542
 
543
+ declare const inputVariants: (props?: ({
544
+ variant?: "default" | "filled" | "borderless" | null | undefined;
545
+ size?: "small" | "default" | "large" | null | undefined;
546
+ radius?: "small" | "default" | "large" | null | undefined;
547
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
548
+ interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size' | 'sufix' | 'prefix'>, VariantProps<typeof inputVariants> {
549
+ sufix?: React$1.ReactNode;
550
+ prefix?: React$1.ReactNode;
551
+ iconBefore?: React$1.ReactNode;
552
+ iconAfter?: React$1.ReactNode;
553
+ }
554
+ declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
555
+
529
556
  interface SideBarProps {
530
557
  items: {
531
558
  title: string;
@@ -565,7 +592,7 @@ declare const notificationVariants: (props?: ({
565
592
  type BaseNotificationProps = VariantProps<typeof notificationVariants> & {
566
593
  action?: React$1.ReactNode;
567
594
  };
568
- interface ToastNotificationProps extends BaseNotificationProps {
595
+ interface ToastNotificationProps {
569
596
  type: 'toast';
570
597
  placement?: 'topRight' | 'topLeft' | 'bottomRight' | 'bottomLeft';
571
598
  showProgress?: boolean;
@@ -576,7 +603,8 @@ interface CalloutNotificationProps extends BaseNotificationProps {
576
603
  type: 'callout';
577
604
  title?: React$1.ReactNode;
578
605
  content: React$1.ReactNode;
579
- shouldExpand?: boolean;
606
+ fullWidth?: boolean;
607
+ isCollapsed?: boolean;
580
608
  action?: React$1.ReactNode;
581
609
  }
582
610
  interface InlineNotificationProps extends BaseNotificationProps {
@@ -584,7 +612,7 @@ interface InlineNotificationProps extends BaseNotificationProps {
584
612
  title?: React$1.ReactNode;
585
613
  content: React$1.ReactNode;
586
614
  enableClose?: boolean;
587
- shouldExpand?: boolean;
615
+ fullWidth?: boolean;
588
616
  action?: React$1.ReactNode;
589
617
  }
590
618
  type NotificationProps = ToastNotificationProps | CalloutNotificationProps | InlineNotificationProps;
@@ -741,5 +769,5 @@ declare const fonts: {
741
769
  ibm: string[];
742
770
  };
743
771
 
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 };
772
+ 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, Input, 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, inputVariants, notificationVariants, reducer, tagVariants, toast, typographyVariants, useIsMobile, useNotificationToast, usePagination, useSidebar };
773
+ 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, InputProps, 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,8 @@ 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';
14
+ export { Input, inputVariants } from './components/Input/Input.js';
13
15
  export { Layout } from './components/Layout/Layout.js';
14
16
  export { Notification, TypeMessageNotification, getPositionClass, notificationVariants } from './components/Notification/Notification.js';
15
17
  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.2",
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
+ }