lecom-ui 5.4.31 → 5.4.32

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 (36) hide show
  1. package/README.md +1 -1
  2. package/dist/components/Combobox/Combobox.js +42 -178
  3. package/dist/components/DataTable/DataTable.js +2 -2
  4. package/dist/components/DataTable/DataTable.utils.js +1 -1
  5. package/dist/components/DataTable/Table.js +1 -1
  6. package/dist/components/Header/SearchInput.js +1 -4
  7. package/dist/components/Input/Input.js +2 -2
  8. package/dist/components/Layout/Layout.js +0 -3
  9. package/dist/components/MultiSelect/MultiSelect.js +124 -238
  10. package/dist/components/Pagination/Pagination.js +5 -20
  11. package/dist/components/ScrollArea/ScrollArea.js +1 -1
  12. package/dist/components/TagInput/TagInput.js +12 -36
  13. package/dist/i18n/locales/en_us.js +2 -4
  14. package/dist/i18n/locales/es_es.js +2 -4
  15. package/dist/i18n/locales/pt_br.js +2 -4
  16. package/dist/index.d.ts +5 -11
  17. package/dist/plugin/extend.js +79 -79
  18. package/dist/plugin/fontFaces.js +172 -172
  19. package/dist/plugin/general.js +12 -12
  20. package/dist/plugin/pluginDev.cjs +5 -5
  21. package/dist/plugin/pluginNext.cjs +5 -5
  22. package/dist/plugin/pluginNextTurbo.cjs +5 -5
  23. package/dist/plugin/pluginVite.cjs +5 -5
  24. package/dist/plugin/template.js +31 -31
  25. package/dist/plugin/typographies.js +152 -152
  26. package/dist/plugin/varsTheme.js +79 -79
  27. package/dist/style.min.css +1 -1
  28. package/package.json +1 -1
  29. package/dist/components/Collapse/Collapse.js +0 -94
  30. package/dist/components/CustomIcon/Icons/CadastroFacil.js +0 -23
  31. package/dist/components/CustomIcon/Icons/LogoLecom.js +0 -30
  32. package/dist/components/CustomIcon/Icons/LogoLecomBrand.js +0 -23
  33. package/dist/components/CustomIcon/Icons/ModoTeste.js +0 -23
  34. package/dist/components/CustomIcon/Icons/Rpa.js +0 -23
  35. package/dist/components/CustomIcon/Icons/SairModoTeste.js +0 -31
  36. package/dist/components/IconHandler/IconHandler.js +0 -99
@@ -13,31 +13,15 @@ function TagItem({ item, onRemove, readOnly }) {
13
13
  },
14
14
  [item.value, onRemove]
15
15
  );
16
- return /* @__PURE__ */ React.createElement(
17
- Tag,
16
+ return /* @__PURE__ */ React.createElement(Tag, { "data-tag": "true", color: "blue", className: "max-w-[15.625rem] h-6 !px-2 !py-0.5" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body-small-400", className: "text-blue-600 truncate p-0" }, item.label), !readOnly && /* @__PURE__ */ React.createElement(
17
+ X,
18
18
  {
19
- "data-tag": "true",
20
- color: "blue",
21
- className: "max-w-[15.625rem] h-6 !px-2 !py-0.5"
22
- },
23
- /* @__PURE__ */ React.createElement(
24
- Typography,
25
- {
26
- variant: "body-small-400",
27
- className: "text-blue-600 truncate p-0"
28
- },
29
- item.label
30
- ),
31
- !readOnly && /* @__PURE__ */ React.createElement(
32
- X,
33
- {
34
- className: "w-4 h-4 cursor-pointer flex-shrink-0",
35
- onClick: handleRemove,
36
- "aria-label": `Remover ${item.label}`,
37
- tabIndex: 0
38
- }
39
- )
40
- );
19
+ className: "w-4 h-4 cursor-pointer flex-shrink-0",
20
+ onClick: handleRemove,
21
+ "aria-label": `Remover ${item.label}`,
22
+ tabIndex: 0
23
+ }
24
+ ));
41
25
  }
42
26
  function HiddenCountTag({ count }) {
43
27
  return /* @__PURE__ */ React.createElement(Tag, { color: "blue", "data-tag": "true" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body-small-400", className: "text-blue-600" }, "+", count));
@@ -85,8 +69,7 @@ function useDynamicMaxCount(ref, value, maxDisplayCount) {
85
69
  const [maxLines, setMaxLines] = React.useState(null);
86
70
  const hasCalculatedMaxLines = React.useRef(false);
87
71
  React.useEffect(() => {
88
- if (hasCalculatedMaxLines.current || !ref.current || value.length === 0)
89
- return;
72
+ if (hasCalculatedMaxLines.current || !ref.current || value.length === 0) return;
90
73
  const calculateMaxLines = () => {
91
74
  if (!ref.current) {
92
75
  setTimeout(calculateMaxLines, 10);
@@ -100,10 +83,7 @@ function useDynamicMaxCount(ref, value, maxDisplayCount) {
100
83
  const TAG_HEIGHT = 24;
101
84
  const CONTAINER_PADDING_VERTICAL = 4;
102
85
  const availableHeight = containerHeight - CONTAINER_PADDING_VERTICAL * 2;
103
- const calculatedMaxLines = Math.max(
104
- 1,
105
- Math.floor(availableHeight / TAG_HEIGHT)
106
- );
86
+ const calculatedMaxLines = Math.max(1, Math.floor(availableHeight / TAG_HEIGHT));
107
87
  setMaxLines(calculatedMaxLines);
108
88
  hasCalculatedMaxLines.current = true;
109
89
  };
@@ -146,11 +126,7 @@ function useDynamicMaxCount(ref, value, maxDisplayCount) {
146
126
  setDynamicMaxCount(value.length);
147
127
  return;
148
128
  }
149
- const count = simulateTagLayout(
150
- estimatedWidths,
151
- availableWidth,
152
- maxLines
153
- );
129
+ const count = simulateTagLayout(estimatedWidths, availableWidth, maxLines);
154
130
  setDynamicMaxCount(count);
155
131
  };
156
132
  const rafId = requestAnimationFrame(() => {
@@ -216,7 +192,7 @@ function TagInput(props) {
216
192
  style: containerStyles,
217
193
  ...restProps
218
194
  },
219
- value.length === 0 && /* @__PURE__ */ React.createElement(Typography, { variant: "body-small-400", className: "text-grey-500" }, placeholder),
195
+ value.length === 0 && /* @__PURE__ */ React.createElement(Typography, { variant: "body-small-400", className: "text-grey-400" }, placeholder),
220
196
  displayTags.map((item) => /* @__PURE__ */ React.createElement(
221
197
  TagItem,
222
198
  {
@@ -9,8 +9,7 @@ const language = {
9
9
  },
10
10
  pagination: {
11
11
  show: "Show:",
12
- selectedProcess: "Item(s) selected",
13
- selectedItemSingular: "item selected"
12
+ selectedProcess: "selected process"
14
13
  },
15
14
  upload: {
16
15
  label: "Drag and drop the file here or click to select it.",
@@ -21,8 +20,7 @@ const language = {
21
20
  search: "Type to search",
22
21
  empty: "No results found",
23
22
  selectAll: "Select all",
24
- placeholder: "Select",
25
- create: "Create"
23
+ placeholder: "Select"
26
24
  }
27
25
  }
28
26
  };
@@ -9,8 +9,7 @@ const language = {
9
9
  },
10
10
  pagination: {
11
11
  show: "Mostrar:",
12
- selectedProcess: "Item(s) seleccionado(s)",
13
- selectedItemSingular: "item seleccionado"
12
+ selectedProcess: "Item(s) seleccionado(s)"
14
13
  },
15
14
  upload: {
16
15
  label: "Arrastre y suelte el archivo aqu\xED o haga clic para seleccionarlo.",
@@ -21,8 +20,7 @@ const language = {
21
20
  search: "Tipo a buscar",
22
21
  empty: "No se han encontrado resultados",
23
22
  selectAll: "Seleccionar todo",
24
- placeholder: "Seleccionar",
25
- create: "Crear"
23
+ placeholder: "Seleccionar"
26
24
  }
27
25
  }
28
26
  };
@@ -9,8 +9,7 @@ const language = {
9
9
  },
10
10
  pagination: {
11
11
  show: "Mostrar:",
12
- selectedProcess: "Item(s) selecionado(s)",
13
- selectedItemSingular: "item selecionado"
12
+ selectedProcess: "Item(s) selecionado(s)"
14
13
  },
15
14
  upload: {
16
15
  label: "Arraste e solte o arquivo aqui ou clique para selecion\xE1-lo.",
@@ -21,8 +20,7 @@ const language = {
21
20
  search: "Digite para pesquisar",
22
21
  empty: "Nenhum resultado encontrado",
23
22
  selectAll: "Selecionar tudo",
24
- placeholder: "Selecione",
25
- create: "Criar"
23
+ placeholder: "Selecione"
26
24
  }
27
25
  }
28
26
  };
package/dist/index.d.ts CHANGED
@@ -306,7 +306,6 @@ interface PaginationProps {
306
306
  className?: string;
307
307
  activeColor?: BgColor$1;
308
308
  showPerPageSelector?: boolean;
309
- maxSelection?: number;
310
309
  }
311
310
  declare const PaginationContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
312
311
  declare const PaginationItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
@@ -335,7 +334,7 @@ declare const PaginationIndex: {
335
334
  displayName: string;
336
335
  };
337
336
  declare const Pagination: {
338
- ({ currentPage, itemsPage, perPage, totalRowsSelected, onChangePerPage, className, activeColor, showPerPageSelector, maxSelection, }: PaginationProps): React$1.JSX.Element;
337
+ ({ currentPage, itemsPage, perPage, totalRowsSelected, onChangePerPage, className, activeColor, showPerPageSelector, }: PaginationProps): React$1.JSX.Element;
339
338
  displayName: string;
340
339
  };
341
340
 
@@ -385,7 +384,6 @@ interface Column<TData, TValue> {
385
384
  headerClassName?: string;
386
385
  headerStyle?: React.CSSProperties;
387
386
  cellClassName?: string;
388
- showHeaderTooltip?: boolean;
389
387
  customHeaderRender?: ({ table, column, }: ColumnSort<TData, TValue>) => React.ReactNode;
390
388
  render?: (({ value, row }: ColumnRender<TData, TValue>) => React.ReactNode) | React.ReactNode;
391
389
  onSort?: ({ table, column }: ColumnSort<TData, TValue>) => 'asc' | 'desc' | null | void;
@@ -728,7 +726,6 @@ interface SearchInputProps {
728
726
  customStyles: CustomStyles$2;
729
727
  placeholder?: string;
730
728
  isActiveButton?: boolean;
731
- value?: string;
732
729
  onChangeValue?: (value: string) => void;
733
730
  onClickButton?: () => void;
734
731
  }
@@ -822,7 +819,7 @@ interface SideBarProps {
822
819
  }
823
820
  interface LayoutProps extends React$1.HTMLAttributes<HTMLDivElement> {
824
821
  header: HeaderProps;
825
- sideBar?: SideBarProps;
822
+ sideBar: SideBarProps;
826
823
  }
827
824
  declare const Layout: {
828
825
  ({ children, header, sideBar }: LayoutProps): React$1.JSX.Element;
@@ -863,7 +860,6 @@ interface MultiSelectProps extends React$1.ButtonHTMLAttributes<HTMLButtonElemen
863
860
  };
864
861
  classNameContent?: string;
865
862
  size?: MultiSelectSize;
866
- readOnly?: boolean;
867
863
  }
868
864
  interface MultiSelectTreeOption {
869
865
  label: string;
@@ -994,7 +990,7 @@ declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimi
994
990
  declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
995
991
 
996
992
  declare const ResizablePanelGroup: ({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React$1.JSX.Element;
997
- declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLHeadingElement | HTMLParagraphElement | HTMLLabelElement | HTMLInputElement | HTMLObjectElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
993
+ declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLHeadingElement | HTMLParagraphElement | HTMLLabelElement | HTMLUListElement | HTMLInputElement | HTMLObjectElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement>, "id" | "onResize"> & {
998
994
  className?: string;
999
995
  collapsedSize?: number | undefined;
1000
996
  collapsible?: boolean | undefined;
@@ -1089,7 +1085,7 @@ declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive
1089
1085
  declare const TooltipArrow: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React$1.RefAttributes<SVGSVGElement>>;
1090
1086
  declare const TooltipPortal: React$1.FC<TooltipPrimitive.TooltipPortalProps>;
1091
1087
  declare const tooltipContentVariants: (props?: ({
1092
- color?: "white" | "black" | null | undefined;
1088
+ color?: "black" | "white" | null | undefined;
1093
1089
  arrow?: boolean | null | undefined;
1094
1090
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1095
1091
  interface TooltipContentProps extends React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipContentVariants> {
@@ -1232,10 +1228,8 @@ type ComboboxProps = {
1232
1228
  rounded?: ComboboxRounded;
1233
1229
  showSearch?: boolean;
1234
1230
  size?: ComboboxSize;
1235
- allowCreate?: boolean;
1236
- onCreateOption?: (inputValue: string) => void;
1237
1231
  };
1238
- declare function Combobox({ options, value, onChange, placeholder, disabled, notFoundContent, status, searchTerm, triggerClassName, contentClassName, itemsClassName, rounded, showSearch, size, allowCreate, onCreateOption, }: ComboboxProps): React$1.JSX.Element;
1232
+ declare function Combobox({ options, value, onChange, placeholder, disabled, notFoundContent, status, searchTerm, triggerClassName, contentClassName, itemsClassName, rounded, showSearch, size, }: ComboboxProps): React$1.JSX.Element;
1239
1233
 
1240
1234
  interface TagItem {
1241
1235
  label: string;
@@ -1,79 +1,79 @@
1
- const extend = {
2
- colors: {
3
- background: 'hsl(var(--background))',
4
- foreground: 'hsl(var(--foreground))',
5
- card: {
6
- DEFAULT: 'hsl(var(--card))',
7
- foreground: 'hsl(var(--card-foreground))',
8
- },
9
- popover: {
10
- DEFAULT: 'hsl(var(--popover))',
11
- foreground: 'hsl(var(--popover-foreground))',
12
- },
13
- primary: {
14
- DEFAULT: 'hsl(var(--primary))',
15
- foreground: 'hsl(var(--primary-foreground))',
16
- },
17
- secondary: {
18
- DEFAULT: 'hsl(var(--secondary))',
19
- foreground: 'hsl(var(--secondary-foreground))',
20
- },
21
- muted: {
22
- DEFAULT: 'hsl(var(--muted))',
23
- foreground: 'hsl(var(--muted-foreground))',
24
- },
25
- accent: {
26
- DEFAULT: 'hsl(var(--accent))',
27
- foreground: 'hsl(var(--accent-foreground))',
28
- },
29
- destructive: {
30
- DEFAULT: 'hsl(var(--destructive))',
31
- foreground: 'hsl(var(--destructive-foreground))',
32
- },
33
- border: 'hsl(var(--border))',
34
- input: 'hsl(var(--input))',
35
- ring: 'hsl(var(--ring))',
36
- chart: {
37
- 1: 'hsl(var(--chart-1))',
38
- 2: 'hsl(var(--chart-2))',
39
- 3: 'hsl(var(--chart-3))',
40
- 4: 'hsl(var(--chart-4))',
41
- 5: 'hsl(var(--chart-5))',
42
- 6: 'hsl(var(--chart-6))',
43
- 7: 'hsl(var(--chart-7))',
44
- 8: 'hsl(var(--chart-8))',
45
- },
46
- sidebar: {
47
- DEFAULT: 'hsl(var(--sidebar-background))',
48
- foreground: 'hsl(var(--sidebar-foreground))',
49
- primary: 'hsl(var(--sidebar-primary))',
50
- 'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
51
- accent: 'hsl(var(--sidebar-accent))',
52
- 'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
53
- border: 'hsl(var(--sidebar-border))',
54
- ring: 'hsl(var(--sidebar-ring))',
55
- },
56
- },
57
- borderRadius: {
58
- lg: 'var(--radius)',
59
- md: 'calc(var(--radius) - 2px)',
60
- sm: 'calc(var(--radius) - 4px)',
61
- },
62
- keyframes: {
63
- 'accordion-down': {
64
- from: { height: '0' },
65
- to: { height: 'var(--radix-accordion-content-height)' },
66
- },
67
- 'accordion-up': {
68
- from: { height: 'var(--radix-accordion-content-height)' },
69
- to: { height: '0' },
70
- },
71
- },
72
- animation: {
73
- 'accordion-down': 'accordion-down 0.2s ease-out',
74
- 'accordion-up': 'accordion-up 0.2s ease-out',
75
- 'spin-slow': 'spin 2s linear infinite',
76
- },
77
- };
78
-
79
- export { extend };
1
+ const extend = {
2
+ colors: {
3
+ background: 'hsl(var(--background))',
4
+ foreground: 'hsl(var(--foreground))',
5
+ card: {
6
+ DEFAULT: 'hsl(var(--card))',
7
+ foreground: 'hsl(var(--card-foreground))',
8
+ },
9
+ popover: {
10
+ DEFAULT: 'hsl(var(--popover))',
11
+ foreground: 'hsl(var(--popover-foreground))',
12
+ },
13
+ primary: {
14
+ DEFAULT: 'hsl(var(--primary))',
15
+ foreground: 'hsl(var(--primary-foreground))',
16
+ },
17
+ secondary: {
18
+ DEFAULT: 'hsl(var(--secondary))',
19
+ foreground: 'hsl(var(--secondary-foreground))',
20
+ },
21
+ muted: {
22
+ DEFAULT: 'hsl(var(--muted))',
23
+ foreground: 'hsl(var(--muted-foreground))',
24
+ },
25
+ accent: {
26
+ DEFAULT: 'hsl(var(--accent))',
27
+ foreground: 'hsl(var(--accent-foreground))',
28
+ },
29
+ destructive: {
30
+ DEFAULT: 'hsl(var(--destructive))',
31
+ foreground: 'hsl(var(--destructive-foreground))',
32
+ },
33
+ border: 'hsl(var(--border))',
34
+ input: 'hsl(var(--input))',
35
+ ring: 'hsl(var(--ring))',
36
+ chart: {
37
+ 1: 'hsl(var(--chart-1))',
38
+ 2: 'hsl(var(--chart-2))',
39
+ 3: 'hsl(var(--chart-3))',
40
+ 4: 'hsl(var(--chart-4))',
41
+ 5: 'hsl(var(--chart-5))',
42
+ 6: 'hsl(var(--chart-6))',
43
+ 7: 'hsl(var(--chart-7))',
44
+ 8: 'hsl(var(--chart-8))',
45
+ },
46
+ sidebar: {
47
+ DEFAULT: 'hsl(var(--sidebar-background))',
48
+ foreground: 'hsl(var(--sidebar-foreground))',
49
+ primary: 'hsl(var(--sidebar-primary))',
50
+ 'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
51
+ accent: 'hsl(var(--sidebar-accent))',
52
+ 'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
53
+ border: 'hsl(var(--sidebar-border))',
54
+ ring: 'hsl(var(--sidebar-ring))',
55
+ },
56
+ },
57
+ borderRadius: {
58
+ lg: 'var(--radius)',
59
+ md: 'calc(var(--radius) - 2px)',
60
+ sm: 'calc(var(--radius) - 4px)',
61
+ },
62
+ keyframes: {
63
+ 'accordion-down': {
64
+ from: { height: '0' },
65
+ to: { height: 'var(--radix-accordion-content-height)' },
66
+ },
67
+ 'accordion-up': {
68
+ from: { height: 'var(--radix-accordion-content-height)' },
69
+ to: { height: '0' },
70
+ },
71
+ },
72
+ animation: {
73
+ 'accordion-down': 'accordion-down 0.2s ease-out',
74
+ 'accordion-up': 'accordion-up 0.2s ease-out',
75
+ 'spin-slow': 'spin 2s linear infinite',
76
+ },
77
+ };
78
+
79
+ export { extend };