@tecsinapse/cortex-react 2.3.0-beta.0 → 2.3.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 (109) hide show
  1. package/dist/cjs/components/Accordion/Root.js +6 -0
  2. package/dist/cjs/components/Accordion/Trigger.js +33 -13
  3. package/dist/cjs/components/Autocomplete/GroupedOptions.js +42 -0
  4. package/dist/cjs/components/Autocomplete/Option.js +40 -0
  5. package/dist/cjs/components/Autocomplete/Options.js +36 -0
  6. package/dist/cjs/components/Autocomplete/Popover.js +34 -0
  7. package/dist/cjs/components/Autocomplete/Root.js +40 -0
  8. package/dist/cjs/components/Autocomplete/Trigger.js +47 -0
  9. package/dist/cjs/components/Autocomplete/context.js +7 -0
  10. package/dist/cjs/components/Autocomplete/index.js +19 -0
  11. package/dist/cjs/components/Avatar.js +1 -1
  12. package/dist/cjs/components/Breadcrumbs/BreadcrumbItem.js +1 -1
  13. package/dist/cjs/components/Calendar/CalendarGrid.js +1 -1
  14. package/dist/cjs/components/ColorPicker.js +9 -18
  15. package/dist/cjs/components/Kanban.js +1 -1
  16. package/dist/cjs/components/PhoneInput/Option.js +2 -2
  17. package/dist/cjs/components/PhoneInput/Options.js +3 -0
  18. package/dist/cjs/components/PhoneInput/Popover.js +1 -1
  19. package/dist/cjs/components/PhoneInput/Trigger.js +3 -0
  20. package/dist/cjs/components/Popover/Content.js +1 -1
  21. package/dist/cjs/components/ScrollableDigitSelector.js +1 -1
  22. package/dist/cjs/components/Select/Popover.js +1 -1
  23. package/dist/cjs/components/Skeleton.js +1 -1
  24. package/dist/cjs/components/Stepper/Root.js +1 -1
  25. package/dist/cjs/components/TimePicker/TimePickerInput.js +1 -1
  26. package/dist/cjs/components/TimePicker/TimePickerSelector.js +2 -2
  27. package/dist/cjs/components/Uploader/Dropzone.js +3 -3
  28. package/dist/cjs/components/Uploader/Files.js +2 -2
  29. package/dist/cjs/components/Uploader/Manager.js +2 -2
  30. package/dist/cjs/components/Uploader/Modal.js +1 -1
  31. package/dist/cjs/components/Uploader/Upload.js +2 -2
  32. package/dist/cjs/hooks/useAutocompleteGroupedOptions.js +35 -0
  33. package/dist/cjs/hooks/useAutocompleteOptions.js +35 -0
  34. package/dist/cjs/hooks/useFileUpload.js +3 -3
  35. package/dist/cjs/index.js +4 -2
  36. package/dist/cjs/provider/ManagerContext.js +3 -0
  37. package/dist/cjs/styles/calendar-cell.js +5 -5
  38. package/dist/cjs/styles/date-picker-input-base.js +1 -1
  39. package/dist/cjs/styles/date-segment.js +2 -2
  40. package/dist/cjs/styles/groupButton.js +3 -3
  41. package/dist/cjs/styles/menubar.js +8 -8
  42. package/dist/cjs/styles/progressBar.js +1 -1
  43. package/dist/cjs/styles/stepNodeVariants.js +2 -2
  44. package/dist/cjs/styles/time-field-input.js +1 -1
  45. package/dist/esm/components/Accordion/Root.js +6 -0
  46. package/dist/esm/components/Accordion/Trigger.js +33 -13
  47. package/dist/esm/components/Autocomplete/GroupedOptions.js +40 -0
  48. package/dist/esm/components/Autocomplete/Option.js +38 -0
  49. package/dist/esm/components/Autocomplete/Options.js +34 -0
  50. package/dist/esm/components/Autocomplete/Popover.js +32 -0
  51. package/dist/esm/components/Autocomplete/Root.js +38 -0
  52. package/dist/esm/components/Autocomplete/Trigger.js +45 -0
  53. package/dist/esm/components/Autocomplete/context.js +5 -0
  54. package/dist/esm/components/Autocomplete/index.js +17 -0
  55. package/dist/esm/components/Avatar.js +1 -1
  56. package/dist/esm/components/Breadcrumbs/BreadcrumbItem.js +1 -1
  57. package/dist/esm/components/Calendar/CalendarGrid.js +1 -1
  58. package/dist/esm/components/ColorPicker.js +9 -18
  59. package/dist/esm/components/Kanban.js +1 -1
  60. package/dist/esm/components/PhoneInput/Option.js +2 -2
  61. package/dist/esm/components/PhoneInput/Options.js +3 -0
  62. package/dist/esm/components/PhoneInput/Popover.js +1 -1
  63. package/dist/esm/components/PhoneInput/Trigger.js +3 -0
  64. package/dist/esm/components/Popover/Content.js +1 -1
  65. package/dist/esm/components/ScrollableDigitSelector.js +1 -1
  66. package/dist/esm/components/Select/Popover.js +1 -1
  67. package/dist/esm/components/Skeleton.js +1 -1
  68. package/dist/esm/components/Stepper/Root.js +1 -1
  69. package/dist/esm/components/TimePicker/TimePickerInput.js +1 -1
  70. package/dist/esm/components/TimePicker/TimePickerSelector.js +2 -2
  71. package/dist/esm/components/Uploader/Dropzone.js +3 -3
  72. package/dist/esm/components/Uploader/Files.js +2 -2
  73. package/dist/esm/components/Uploader/Manager.js +2 -2
  74. package/dist/esm/components/Uploader/Modal.js +1 -1
  75. package/dist/esm/components/Uploader/Upload.js +2 -2
  76. package/dist/esm/hooks/useAutocompleteGroupedOptions.js +33 -0
  77. package/dist/esm/hooks/useAutocompleteOptions.js +33 -0
  78. package/dist/esm/hooks/useFileUpload.js +3 -3
  79. package/dist/esm/index.js +1 -0
  80. package/dist/esm/provider/ManagerContext.js +3 -0
  81. package/dist/esm/styles/calendar-cell.js +5 -5
  82. package/dist/esm/styles/date-picker-input-base.js +1 -1
  83. package/dist/esm/styles/date-segment.js +2 -2
  84. package/dist/esm/styles/groupButton.js +3 -3
  85. package/dist/esm/styles/menubar.js +8 -8
  86. package/dist/esm/styles/progressBar.js +1 -1
  87. package/dist/esm/styles/stepNodeVariants.js +2 -2
  88. package/dist/esm/styles/time-field-input.js +1 -1
  89. package/dist/types/components/Accordion/Root.d.ts +1 -1
  90. package/dist/types/components/Accordion/Trigger.d.ts +1 -1
  91. package/dist/types/components/Accordion/index.d.ts +2 -2
  92. package/dist/types/components/Accordion/types.d.ts +3 -0
  93. package/dist/types/components/Autocomplete/GroupedOptions.d.ts +2 -0
  94. package/dist/types/components/Autocomplete/Option.d.ts +2 -0
  95. package/dist/types/components/Autocomplete/Options.d.ts +2 -0
  96. package/dist/types/components/Autocomplete/Popover.d.ts +2 -0
  97. package/dist/types/components/Autocomplete/Root.d.ts +2 -0
  98. package/dist/types/components/Autocomplete/Trigger.d.ts +2 -0
  99. package/dist/types/components/Autocomplete/context.d.ts +10 -0
  100. package/dist/types/components/Autocomplete/index.d.ts +9 -0
  101. package/dist/types/components/Autocomplete/types.d.ts +50 -0
  102. package/dist/types/components/Uploader/Manager.d.ts +1 -1
  103. package/dist/types/components/Uploader/index.d.ts +1 -1
  104. package/dist/types/components/Uploader/types.d.ts +1 -1
  105. package/dist/types/components/index.d.ts +1 -0
  106. package/dist/types/hooks/useAutocompleteGroupedOptions.d.ts +9 -0
  107. package/dist/types/hooks/useAutocompleteOptions.d.ts +9 -0
  108. package/dist/types/hooks/useFileUpload.d.ts +2 -2
  109. package/package.json +3 -3
@@ -1,2 +1,2 @@
1
1
  import { AccordionProps } from './types';
2
- export declare const AccordionRoot: ({ children, defaultOpen, label, floating, onOpen, invertedArrow, onClose, direction, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const AccordionRoot: ({ children, defaultOpen, label, floating, showDivider, showArrowBorder, arrowPosition, onOpen, invertedArrow, onClose, direction, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
1
  import { AccordionProps } from './types';
2
- export declare const AccordionTrigger: ({ label, floating, className, onOpen, onClose, invertedArrow, direction, }: Pick<AccordionProps, "floating" | "label" | "onOpen" | "onClose" | "invertedArrow" | "direction"> & {
2
+ export declare const AccordionTrigger: ({ label, children, floating, arrowPosition, showDivider, showArrowBorder, className, onOpen, onClose, invertedArrow, direction, }: Pick<AccordionProps, "floating" | "arrowPosition" | "showDivider" | "showArrowBorder" | "label" | "children" | "onOpen" | "onClose" | "invertedArrow" | "direction"> & {
3
3
  className?: string;
4
4
  }) => import("react/jsx-runtime").JSX.Element;
@@ -1,8 +1,8 @@
1
1
  export declare const Accordion: {
2
- Root: ({ children, defaultOpen, label, floating, onOpen, invertedArrow, onClose, direction, }: import("./types").AccordionProps) => import("react/jsx-runtime").JSX.Element;
2
+ Root: ({ children, defaultOpen, label, floating, showDivider, showArrowBorder, arrowPosition, onOpen, invertedArrow, onClose, direction, }: import("./types").AccordionProps) => import("react/jsx-runtime").JSX.Element;
3
3
  Face: ({ children, defaultOpen, direction, }: Pick<import("./types").AccordionProps, "children" | "defaultOpen" | "direction">) => import("react/jsx-runtime").JSX.Element;
4
4
  Content: ({ children, direction, }: Pick<import("./types").AccordionProps, "children" | "direction">) => import("react/jsx-runtime").JSX.Element;
5
- Trigger: ({ label, floating, className, onOpen, onClose, invertedArrow, direction, }: Pick<import("./types").AccordionProps, "floating" | "label" | "onOpen" | "onClose" | "invertedArrow" | "direction"> & {
5
+ Trigger: ({ label, children, floating, arrowPosition, showDivider, showArrowBorder, className, onOpen, onClose, invertedArrow, direction, }: Pick<import("./types").AccordionProps, "floating" | "arrowPosition" | "showDivider" | "showArrowBorder" | "label" | "children" | "onOpen" | "onClose" | "invertedArrow" | "direction"> & {
6
6
  className?: string;
7
7
  }) => import("react/jsx-runtime").JSX.Element;
8
8
  };
@@ -3,6 +3,9 @@ export interface AccordionProps {
3
3
  defaultOpen?: boolean;
4
4
  label?: string;
5
5
  floating?: boolean;
6
+ showArrowBorder?: boolean;
7
+ showDivider?: boolean;
8
+ arrowPosition?: 'left' | 'right';
6
9
  onOpen?: () => void;
7
10
  onClose?: () => void;
8
11
  invertedArrow?: boolean;
@@ -0,0 +1,2 @@
1
+ import { AutocompleteGroupedOptionsProps } from './types';
2
+ export declare const AutocompleteGroupedOptions: <T>({ onSelect, groupedLabelExtractor, options, }: AutocompleteGroupedOptionsProps<T>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { AutocompleteOptionProps } from './types';
2
+ export declare const AutocompleteOption: <T>({ option, onSelect, grouped, }: AutocompleteOptionProps<T>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { AutocompleteOptionsProps } from './types';
2
+ export declare const AutocompleteOptions: <T>({ options, onSelect, children, }: AutocompleteOptionsProps<T>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { AutocompletePopoverProps } from './types';
2
+ export declare const AutocompletePopover: ({ children, className, }: AutocompletePopoverProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { AutocompleteRootProps } from './types';
2
+ export declare const AutocompleteRoot: <T>({ keyExtractor, labelExtractor, children, }: AutocompleteRootProps<T>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { AutocompleteTriggerProps } from './types';
2
+ export declare const AutocompleteTrigger: ({ inputValue, onChange, label, disabled, placeholder, }: AutocompleteTriggerProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,10 @@
1
+ import { Dispatch, SetStateAction } from 'react';
2
+ export interface AutocompleteContextType<T> {
3
+ open: boolean;
4
+ setOpen: (open: boolean) => void;
5
+ triggerWidth: number | undefined;
6
+ setTriggerWidth: Dispatch<SetStateAction<number | undefined>>;
7
+ keyExtractor: (option: T) => string;
8
+ labelExtractor: (option: T) => string;
9
+ }
10
+ export declare const AutocompleteContext: import("react").Context<AutocompleteContextType<any> | undefined>;
@@ -0,0 +1,9 @@
1
+ export declare const Autocomplete: {
2
+ Root: <T>({ keyExtractor, labelExtractor, children, }: import("./types").AutocompleteRootProps<T>) => import("react/jsx-runtime").JSX.Element;
3
+ Trigger: ({ inputValue, onChange, label, disabled, placeholder, }: import("./types").AutocompleteTriggerProps) => import("react/jsx-runtime").JSX.Element;
4
+ Popover: ({ children, className, }: import("./types").AutocompletePopoverProps) => import("react/jsx-runtime").JSX.Element;
5
+ Options: <T>({ options, onSelect, children, }: import("./types").AutocompleteOptionsProps<T>) => import("react/jsx-runtime").JSX.Element;
6
+ Option: <T>({ option, onSelect, grouped, }: import("./types").AutocompleteOptionProps<T>) => import("react/jsx-runtime").JSX.Element;
7
+ GroupedOptions: <T>({ onSelect, groupedLabelExtractor, options, }: import("./types").AutocompleteGroupedOptionsProps<T>) => import("react/jsx-runtime").JSX.Element;
8
+ };
9
+ export * from './types';
@@ -0,0 +1,50 @@
1
+ import React, { ChangeEventHandler, ReactNode } from 'react';
2
+ export interface Option {
3
+ label: string;
4
+ value: string;
5
+ }
6
+ export interface AutocompleteRootProps<T> {
7
+ keyExtractor: (option: T) => string;
8
+ labelExtractor: (option: T) => string;
9
+ children: ReactNode;
10
+ className?: string;
11
+ }
12
+ export interface AutocompleteTriggerProps {
13
+ inputValue: string;
14
+ onChange: ChangeEventHandler<HTMLInputElement>;
15
+ label?: string;
16
+ placeholder?: string;
17
+ disabled?: boolean;
18
+ className?: string;
19
+ }
20
+ export interface AutocompletePopoverProps {
21
+ children: ReactNode;
22
+ className?: string;
23
+ }
24
+ export interface AutocompleteOptionsProps<T> {
25
+ keyExtractor?: (option: T) => string;
26
+ options?: T[] | (() => Promise<T[]>);
27
+ onSelect?: (option: T) => void;
28
+ children?: ReactNode;
29
+ }
30
+ export interface AutocompleteGroupedOptionsProps<T> {
31
+ options?: Map<string, T[]> | (() => Promise<Map<string, T[]>>);
32
+ groupedLabelExtractor: (value: string) => string;
33
+ onSelect?: (option: T) => void;
34
+ }
35
+ export interface AutocompleteOptionProps<T> {
36
+ keyExtractor?: (option: T) => string;
37
+ option: T;
38
+ onSelect?: (option: T) => void;
39
+ grouped?: boolean;
40
+ }
41
+ export interface AutocompleteProps<T> {
42
+ inputValue: string;
43
+ setInputValue: React.Dispatch<React.SetStateAction<string>>;
44
+ onChange: ChangeEventHandler<HTMLInputElement>;
45
+ options: T[] | (() => Promise<T[]>);
46
+ onSelect?: (option: T) => void;
47
+ label?: string;
48
+ placeholder?: string;
49
+ disabled?: boolean;
50
+ }
@@ -1,2 +1,2 @@
1
1
  import { ManagerProps } from './types';
2
- export declare const Manager: <T>({ open, files, onDelete, uploadProgressText, uploadSuccessText, onClose, }: ManagerProps<T>) => any;
2
+ export declare const Manager: <T>({ open, files, onDelete, uploadProgressText, uploadResultText, onClose, }: ManagerProps<T>) => any;
@@ -5,5 +5,5 @@ export declare const Uploader: {
5
5
  Files: <T>({ files, onDelete, uploadProgressText, }: import("./types").FilesProps<T>) => import("react/jsx-runtime").JSX.Element;
6
6
  Modal: ({ open, onClose, children, title, }: import("./types").ModalProps) => any;
7
7
  Root: <T>({ open, onClose, dropzoneProps, selectFileText, dropText, buttonText, titleModal, onDelete, uploadProgressText, files, }: import("./types").RootUploaderProps<T>) => import("react/jsx-runtime").JSX.Element;
8
- Manager: <T>({ open, files, onDelete, uploadProgressText, uploadSuccessText, onClose, }: import("./types").ManagerProps<T>) => any;
8
+ Manager: <T>({ open, files, onDelete, uploadProgressText, uploadResultText, onClose, }: import("./types").ManagerProps<T>) => any;
9
9
  };
@@ -87,7 +87,7 @@ export interface ManagerProps<T> {
87
87
  files?: FileUpload<T>[];
88
88
  onDelete?: (index: number) => void;
89
89
  uploadProgressText?: string;
90
- uploadSuccessText?: string;
90
+ uploadResultText?: string;
91
91
  onClose?: () => void;
92
92
  }
93
93
  export declare const AcceptSpecificMap: {
@@ -32,4 +32,5 @@ export * from './TimePicker';
32
32
  export * from './Toggle';
33
33
  export * from './Tooltip';
34
34
  export * from './Uploader';
35
+ export * from './Autocomplete';
35
36
  export * from './PhoneInput';
@@ -0,0 +1,9 @@
1
+ interface useAutocompleteGroupedOptionsProps<T> {
2
+ options?: Map<string, T[]> | (() => Promise<Map<string, T[]>>);
3
+ }
4
+ export declare const useAutocompleteGroupedOptions: <T>({ options: _options, }: useAutocompleteGroupedOptionsProps<T>) => {
5
+ isLoading: boolean | undefined;
6
+ options: Map<string, T[]> | undefined;
7
+ error: string | undefined;
8
+ };
9
+ export {};
@@ -0,0 +1,9 @@
1
+ interface useAutocompleteOptionsProps<T> {
2
+ options?: T[] | (() => Promise<T[]>);
3
+ }
4
+ export declare const useAutocompleteOptions: <T>({ options: _options, }: useAutocompleteOptionsProps<T>) => {
5
+ isLoading: boolean | undefined;
6
+ options: T[] | undefined;
7
+ error: string | undefined;
8
+ };
9
+ export {};
@@ -18,11 +18,11 @@ interface UseFileUploadOptions<T> {
18
18
  hasManager?: boolean;
19
19
  isFolder?: boolean;
20
20
  uploadProgressText?: string;
21
- uploadSuccessText?: string;
21
+ uploadResultText?: string;
22
22
  noClick?: boolean;
23
23
  ignoreRejections?: boolean;
24
24
  }
25
- export declare const useFileUpload: <T>({ accept, onAccept, onOpenManager, onFileRejected, maxSize, allowMultiple, preventDuplicates, onDuplicate, hasManager, isFolder, noClick, ignoreRejections, uploadProgressText, uploadSuccessText, }: UseFileUploadOptions<T>) => {
25
+ export declare const useFileUpload: <T>({ accept, onAccept, onOpenManager, onFileRejected, maxSize, allowMultiple, preventDuplicates, onDuplicate, hasManager, isFolder, noClick, ignoreRejections, uploadProgressText, uploadResultText, }: UseFileUploadOptions<T>) => {
26
26
  onOpen: () => void;
27
27
  onClose: () => void;
28
28
  onDelete: (index: number) => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tecsinapse/cortex-react",
3
- "version": "2.3.0-beta.0",
3
+ "version": "2.3.0",
4
4
  "description": "React components based in @tecsinapse/cortex-core",
5
5
  "license": "MIT",
6
6
  "main": "dist/esm/index.js",
@@ -20,7 +20,7 @@
20
20
  "dependencies": {
21
21
  "@floating-ui/react": "^0.26.18",
22
22
  "@internationalized/date": "3.7.0",
23
- "@tecsinapse/cortex-core": "2.1.0-beta.0",
23
+ "@tecsinapse/cortex-core": "2.0.2",
24
24
  "clsx": "2.1.1",
25
25
  "country-flag-icons": "^1.6.4",
26
26
  "currency.js": "2.0.4",
@@ -50,5 +50,5 @@
50
50
  "react-icons": ">=5.2.0",
51
51
  "tailwindcss": "^4.1.16"
52
52
  },
53
- "gitHead": "a28d6b7a49fa7466507b9a5e3d5c8114e9224e83"
53
+ "gitHead": "f0d4f613efb9659f0ce42db9cd8d6cd4c1106c67"
54
54
  }