@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.
- package/dist/cjs/components/Accordion/Root.js +6 -0
- package/dist/cjs/components/Accordion/Trigger.js +33 -13
- package/dist/cjs/components/Autocomplete/GroupedOptions.js +42 -0
- package/dist/cjs/components/Autocomplete/Option.js +40 -0
- package/dist/cjs/components/Autocomplete/Options.js +36 -0
- package/dist/cjs/components/Autocomplete/Popover.js +34 -0
- package/dist/cjs/components/Autocomplete/Root.js +40 -0
- package/dist/cjs/components/Autocomplete/Trigger.js +47 -0
- package/dist/cjs/components/Autocomplete/context.js +7 -0
- package/dist/cjs/components/Autocomplete/index.js +19 -0
- package/dist/cjs/components/Avatar.js +1 -1
- package/dist/cjs/components/Breadcrumbs/BreadcrumbItem.js +1 -1
- package/dist/cjs/components/Calendar/CalendarGrid.js +1 -1
- package/dist/cjs/components/ColorPicker.js +9 -18
- package/dist/cjs/components/Kanban.js +1 -1
- package/dist/cjs/components/PhoneInput/Option.js +2 -2
- package/dist/cjs/components/PhoneInput/Options.js +3 -0
- package/dist/cjs/components/PhoneInput/Popover.js +1 -1
- package/dist/cjs/components/PhoneInput/Trigger.js +3 -0
- package/dist/cjs/components/Popover/Content.js +1 -1
- package/dist/cjs/components/ScrollableDigitSelector.js +1 -1
- package/dist/cjs/components/Select/Popover.js +1 -1
- package/dist/cjs/components/Skeleton.js +1 -1
- package/dist/cjs/components/Stepper/Root.js +1 -1
- package/dist/cjs/components/TimePicker/TimePickerInput.js +1 -1
- package/dist/cjs/components/TimePicker/TimePickerSelector.js +2 -2
- package/dist/cjs/components/Uploader/Dropzone.js +3 -3
- package/dist/cjs/components/Uploader/Files.js +2 -2
- package/dist/cjs/components/Uploader/Manager.js +2 -2
- package/dist/cjs/components/Uploader/Modal.js +1 -1
- package/dist/cjs/components/Uploader/Upload.js +2 -2
- package/dist/cjs/hooks/useAutocompleteGroupedOptions.js +35 -0
- package/dist/cjs/hooks/useAutocompleteOptions.js +35 -0
- package/dist/cjs/hooks/useFileUpload.js +3 -3
- package/dist/cjs/index.js +4 -2
- package/dist/cjs/provider/ManagerContext.js +3 -0
- package/dist/cjs/styles/calendar-cell.js +5 -5
- package/dist/cjs/styles/date-picker-input-base.js +1 -1
- package/dist/cjs/styles/date-segment.js +2 -2
- package/dist/cjs/styles/groupButton.js +3 -3
- package/dist/cjs/styles/menubar.js +8 -8
- package/dist/cjs/styles/progressBar.js +1 -1
- package/dist/cjs/styles/stepNodeVariants.js +2 -2
- package/dist/cjs/styles/time-field-input.js +1 -1
- package/dist/esm/components/Accordion/Root.js +6 -0
- package/dist/esm/components/Accordion/Trigger.js +33 -13
- package/dist/esm/components/Autocomplete/GroupedOptions.js +40 -0
- package/dist/esm/components/Autocomplete/Option.js +38 -0
- package/dist/esm/components/Autocomplete/Options.js +34 -0
- package/dist/esm/components/Autocomplete/Popover.js +32 -0
- package/dist/esm/components/Autocomplete/Root.js +38 -0
- package/dist/esm/components/Autocomplete/Trigger.js +45 -0
- package/dist/esm/components/Autocomplete/context.js +5 -0
- package/dist/esm/components/Autocomplete/index.js +17 -0
- package/dist/esm/components/Avatar.js +1 -1
- package/dist/esm/components/Breadcrumbs/BreadcrumbItem.js +1 -1
- package/dist/esm/components/Calendar/CalendarGrid.js +1 -1
- package/dist/esm/components/ColorPicker.js +9 -18
- package/dist/esm/components/Kanban.js +1 -1
- package/dist/esm/components/PhoneInput/Option.js +2 -2
- package/dist/esm/components/PhoneInput/Options.js +3 -0
- package/dist/esm/components/PhoneInput/Popover.js +1 -1
- package/dist/esm/components/PhoneInput/Trigger.js +3 -0
- package/dist/esm/components/Popover/Content.js +1 -1
- package/dist/esm/components/ScrollableDigitSelector.js +1 -1
- package/dist/esm/components/Select/Popover.js +1 -1
- package/dist/esm/components/Skeleton.js +1 -1
- package/dist/esm/components/Stepper/Root.js +1 -1
- package/dist/esm/components/TimePicker/TimePickerInput.js +1 -1
- package/dist/esm/components/TimePicker/TimePickerSelector.js +2 -2
- package/dist/esm/components/Uploader/Dropzone.js +3 -3
- package/dist/esm/components/Uploader/Files.js +2 -2
- package/dist/esm/components/Uploader/Manager.js +2 -2
- package/dist/esm/components/Uploader/Modal.js +1 -1
- package/dist/esm/components/Uploader/Upload.js +2 -2
- package/dist/esm/hooks/useAutocompleteGroupedOptions.js +33 -0
- package/dist/esm/hooks/useAutocompleteOptions.js +33 -0
- package/dist/esm/hooks/useFileUpload.js +3 -3
- package/dist/esm/index.js +1 -0
- package/dist/esm/provider/ManagerContext.js +3 -0
- package/dist/esm/styles/calendar-cell.js +5 -5
- package/dist/esm/styles/date-picker-input-base.js +1 -1
- package/dist/esm/styles/date-segment.js +2 -2
- package/dist/esm/styles/groupButton.js +3 -3
- package/dist/esm/styles/menubar.js +8 -8
- package/dist/esm/styles/progressBar.js +1 -1
- package/dist/esm/styles/stepNodeVariants.js +2 -2
- package/dist/esm/styles/time-field-input.js +1 -1
- package/dist/types/components/Accordion/Root.d.ts +1 -1
- package/dist/types/components/Accordion/Trigger.d.ts +1 -1
- package/dist/types/components/Accordion/index.d.ts +2 -2
- package/dist/types/components/Accordion/types.d.ts +3 -0
- package/dist/types/components/Autocomplete/GroupedOptions.d.ts +2 -0
- package/dist/types/components/Autocomplete/Option.d.ts +2 -0
- package/dist/types/components/Autocomplete/Options.d.ts +2 -0
- package/dist/types/components/Autocomplete/Popover.d.ts +2 -0
- package/dist/types/components/Autocomplete/Root.d.ts +2 -0
- package/dist/types/components/Autocomplete/Trigger.d.ts +2 -0
- package/dist/types/components/Autocomplete/context.d.ts +10 -0
- package/dist/types/components/Autocomplete/index.d.ts +9 -0
- package/dist/types/components/Autocomplete/types.d.ts +50 -0
- package/dist/types/components/Uploader/Manager.d.ts +1 -1
- package/dist/types/components/Uploader/index.d.ts +1 -1
- package/dist/types/components/Uploader/types.d.ts +1 -1
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/hooks/useAutocompleteGroupedOptions.d.ts +9 -0
- package/dist/types/hooks/useAutocompleteOptions.d.ts +9 -0
- package/dist/types/hooks/useFileUpload.d.ts +2 -2
- 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
|
};
|
|
@@ -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,
|
|
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,
|
|
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
|
-
|
|
90
|
+
uploadResultText?: string;
|
|
91
91
|
onClose?: () => void;
|
|
92
92
|
}
|
|
93
93
|
export declare const AcceptSpecificMap: {
|
|
@@ -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
|
-
|
|
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,
|
|
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
|
|
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.
|
|
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": "
|
|
53
|
+
"gitHead": "f0d4f613efb9659f0ce42db9cd8d6cd4c1106c67"
|
|
54
54
|
}
|