@tecsinapse/cortex-react 1.3.0-beta.25 → 1.3.0-beta.27
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/Badge.js +21 -2
- package/dist/cjs/components/Calendar/RangeCalendar.js +1 -1
- package/dist/cjs/components/Input/Mask.js +13 -33
- package/dist/cjs/components/Input/index.js +1 -3
- package/dist/cjs/components/Input/masks.js +43 -0
- package/dist/cjs/components/Menubar/Header.js +2 -2
- package/dist/cjs/components/Menubar/Item.js +1 -1
- package/dist/cjs/components/Menubar/MostUsedList.js +5 -1
- package/dist/cjs/components/Popover/Trigger.js +1 -1
- package/dist/cjs/components/Select/Content.js +1 -1
- package/dist/cjs/components/Select/GroupedOptions.js +8 -1
- package/dist/cjs/components/Select/MultiCheckAllOptions.js +1 -1
- package/dist/cjs/components/Select/MultiGroupedOptions.js +12 -5
- package/dist/cjs/components/Select/MultiOptions.js +8 -1
- package/dist/cjs/components/Select/Options.js +8 -1
- package/dist/cjs/components/Select/SkeletonOptions.js +11 -0
- package/dist/cjs/components/Skeleton.js +1 -5
- package/dist/cjs/components/Snackbar/BaseSnackbar.js +1 -1
- package/dist/cjs/components/TextArea/Box.js +47 -0
- package/dist/cjs/components/TextArea/Face.js +27 -0
- package/dist/cjs/components/TextArea/Left.js +10 -0
- package/dist/cjs/components/TextArea/Right.js +10 -0
- package/dist/cjs/components/TextArea/Root.js +11 -0
- package/dist/cjs/components/TextArea/index.js +17 -0
- package/dist/cjs/components/TextArea/utils.js +11 -0
- package/dist/cjs/hooks/useSelectGroupedOptions.js +35 -0
- package/dist/cjs/hooks/useSelectOptions.js +35 -0
- package/dist/cjs/index.js +13 -4
- package/dist/cjs/service/SnackbarSonner.js +5 -1
- package/dist/esm/components/Avatar.js +6 -6
- package/dist/esm/components/Badge.js +2 -1
- package/dist/esm/components/Breadcrumbs/BreadcrumbItem.js +4 -4
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.js +3 -3
- package/dist/esm/components/Button.js +2 -2
- package/dist/esm/components/Calendar/Calendar.js +3 -3
- package/dist/esm/components/Calendar/CalendarCell.js +3 -3
- package/dist/esm/components/Calendar/CalendarGrid.js +3 -3
- package/dist/esm/components/Calendar/CalendarGridBodyRows.js +3 -3
- package/dist/esm/components/Calendar/CalendarGridHeaderRow.js +2 -2
- package/dist/esm/components/Calendar/CalendarHeader.js +7 -7
- package/dist/esm/components/Calendar/RangeCalendar.js +5 -5
- package/dist/esm/components/Card.js +2 -2
- package/dist/esm/components/DatePicker/DateField.js +3 -3
- package/dist/esm/components/DatePicker/DatePickerInput.js +5 -5
- package/dist/esm/components/DatePicker/DatePickerInputBase.js +2 -2
- package/dist/esm/components/DatePicker/DateRangePickerInput.js +6 -6
- package/dist/esm/components/DatePicker/DateSegment.js +3 -3
- package/dist/esm/components/Divider.js +2 -2
- package/dist/esm/components/Drawer.js +3 -3
- package/dist/esm/components/GroupButton.js +3 -3
- package/dist/esm/components/Hint.js +2 -2
- package/dist/esm/components/Input/Box.js +4 -4
- package/dist/esm/components/Input/Face.js +6 -6
- package/dist/esm/components/Input/Left.js +3 -3
- package/dist/esm/components/Input/Mask.js +14 -32
- package/dist/esm/components/Input/Right.js +3 -3
- package/dist/esm/components/Input/Root.js +3 -3
- package/dist/esm/components/Input/Search.js +3 -3
- package/dist/esm/components/Input/index.js +2 -4
- package/dist/esm/components/Input/masks.js +38 -0
- package/dist/esm/components/Masonry.js +6 -6
- package/dist/esm/components/Menubar/Categories.js +2 -2
- package/dist/esm/components/Menubar/Category.js +2 -2
- package/dist/esm/components/Menubar/Dropdown.js +2 -2
- package/dist/esm/components/Menubar/DropdownRoot.js +4 -4
- package/dist/esm/components/Menubar/Header.js +5 -5
- package/dist/esm/components/Menubar/IconControlSubItem.js +2 -2
- package/dist/esm/components/Menubar/Item.js +3 -3
- package/dist/esm/components/Menubar/ItemLink.js +2 -2
- package/dist/esm/components/Menubar/Left.js +2 -2
- package/dist/esm/components/Menubar/MostUsed.js +2 -2
- package/dist/esm/components/Menubar/MostUsedItem.js +4 -4
- package/dist/esm/components/Menubar/MostUsedList.js +9 -5
- package/dist/esm/components/Menubar/Right.js +2 -2
- package/dist/esm/components/Menubar/Root.js +2 -2
- package/dist/esm/components/Menubar/Search.js +2 -2
- package/dist/esm/components/Menubar/SubItem.js +2 -2
- package/dist/esm/components/Modal.js +3 -3
- package/dist/esm/components/Popover/Content.js +3 -3
- package/dist/esm/components/Popover/Provider.js +2 -2
- package/dist/esm/components/Popover/Root.js +2 -2
- package/dist/esm/components/Popover/Trigger.js +1 -1
- package/dist/esm/components/ProgressBar.js +4 -4
- package/dist/esm/components/RadioButton.js +4 -4
- package/dist/esm/components/Select/Content.js +3 -3
- package/dist/esm/components/Select/GroupedOptions.js +9 -2
- package/dist/esm/components/Select/MultiCheckAllOptions.js +4 -4
- package/dist/esm/components/Select/MultiGroupedOptions.js +13 -6
- package/dist/esm/components/Select/MultiOption.js +3 -3
- package/dist/esm/components/Select/MultiOptions.js +9 -2
- package/dist/esm/components/Select/Option.js +2 -2
- package/dist/esm/components/Select/Options.js +9 -2
- package/dist/esm/components/Select/Popover.js +2 -2
- package/dist/esm/components/Select/Root.js +2 -2
- package/dist/esm/components/Select/SkeletonOptions.js +9 -0
- package/dist/esm/components/Select/Trigger.js +4 -4
- package/dist/esm/components/Skeleton.js +3 -7
- package/dist/esm/components/Snackbar/BaseSnackbar.js +2 -2
- package/dist/esm/components/Snackbar/DefaultSnack.js +3 -3
- package/dist/esm/components/Table.js +9 -9
- package/dist/esm/components/Tag.js +2 -2
- package/dist/esm/components/TextArea/Box.js +45 -0
- package/dist/esm/components/TextArea/Face.js +25 -0
- package/dist/esm/components/TextArea/Left.js +8 -0
- package/dist/esm/components/TextArea/Right.js +8 -0
- package/dist/esm/components/TextArea/Root.js +9 -0
- package/dist/esm/components/TextArea/index.js +15 -0
- package/dist/esm/components/TextArea/utils.js +9 -0
- package/dist/esm/components/TimeField/TimeField.js +2 -2
- package/dist/esm/components/TimeField/TimeFieldInput.js +4 -4
- package/dist/esm/components/Toggle.js +4 -4
- package/dist/esm/components/Tooltip.js +4 -4
- package/dist/esm/components/utils.js +2 -2
- package/dist/esm/hooks/useSelectGroupedOptions.js +33 -0
- package/dist/esm/hooks/useSelectOptions.js +33 -0
- package/dist/esm/hooks/useTimeField.js +2 -2
- package/dist/esm/index.js +5 -2
- package/dist/esm/provider/MenubarProvider.js +3 -3
- package/dist/esm/provider/SnackbarProvider.js +2 -2
- package/dist/esm/service/SnackbarSonner.js +7 -3
- package/dist/types/components/Badge.d.ts +4 -5
- package/dist/types/components/Input/Mask.d.ts +2 -4
- package/dist/types/components/Input/index.d.ts +2 -3
- package/dist/types/components/Input/masks.d.ts +39 -0
- package/dist/types/components/Input/types.d.ts +11 -4
- package/dist/types/components/Popover/Provider.d.ts +1 -1
- package/dist/types/components/Select/SkeletonOptions.d.ts +1 -0
- package/dist/types/components/Select/types.d.ts +4 -4
- package/dist/types/components/Skeleton.d.ts +6 -4
- package/dist/types/components/Snackbar/BaseSnackbar.d.ts +1 -1
- package/dist/types/components/TextArea/Box.d.ts +3 -0
- package/dist/types/components/TextArea/Face.d.ts +3 -0
- package/dist/types/components/TextArea/Left.d.ts +3 -0
- package/dist/types/components/TextArea/Right.d.ts +3 -0
- package/dist/types/components/TextArea/Root.d.ts +3 -0
- package/dist/types/components/TextArea/index.d.ts +8 -0
- package/dist/types/components/TextArea/types.d.ts +15 -0
- package/dist/types/components/TextArea/utils.d.ts +2 -0
- package/dist/types/hooks/index.d.ts +3 -1
- package/dist/types/hooks/useSelectGroupedOptions.d.ts +9 -0
- package/dist/types/hooks/useSelectOptions.d.ts +9 -0
- package/package.json +2 -2
- package/dist/cjs/components/TextArea.js +0 -83
- package/dist/esm/components/TextArea.js +0 -81
- package/dist/types/components/TextArea.d.ts +0 -24
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import { inputBox, labelStyle, input } from '@tecsinapse/cortex-core';
|
|
2
|
-
import { clsx } from 'clsx';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
|
|
5
|
-
const getValidChildren = (children) => {
|
|
6
|
-
return React.Children.toArray(children).filter(
|
|
7
|
-
(el) => React.isValidElement(el)
|
|
8
|
-
);
|
|
9
|
-
};
|
|
10
|
-
const Box = React.forwardRef(
|
|
11
|
-
({ id, name, variants, label, placeholder, rows, className, ...rest }, ref) => {
|
|
12
|
-
return /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-col" }, /* @__PURE__ */ React.createElement(
|
|
13
|
-
"textarea",
|
|
14
|
-
{
|
|
15
|
-
"data-testid": "textarea-box",
|
|
16
|
-
ref,
|
|
17
|
-
id: id ?? name,
|
|
18
|
-
name,
|
|
19
|
-
placeholder: placeholder ?? " ",
|
|
20
|
-
className: clsx(
|
|
21
|
-
inputBox(placeholder, label, className),
|
|
22
|
-
"resize-none mt-mili"
|
|
23
|
-
),
|
|
24
|
-
rows,
|
|
25
|
-
...rest
|
|
26
|
-
}
|
|
27
|
-
), /* @__PURE__ */ React.createElement(
|
|
28
|
-
"label",
|
|
29
|
-
{
|
|
30
|
-
htmlFor: id ?? name,
|
|
31
|
-
className: labelStyle({
|
|
32
|
-
intent: variants?.intent,
|
|
33
|
-
placeholder
|
|
34
|
-
})
|
|
35
|
-
},
|
|
36
|
-
label
|
|
37
|
-
));
|
|
38
|
-
}
|
|
39
|
-
);
|
|
40
|
-
const Face = React.forwardRef(
|
|
41
|
-
({ children, variants, className, ...rest }, ref) => {
|
|
42
|
-
const clones = getValidChildren(children).map((el) => {
|
|
43
|
-
return React.cloneElement(el, { ...el.props, variants });
|
|
44
|
-
});
|
|
45
|
-
return /* @__PURE__ */ React.createElement(
|
|
46
|
-
"div",
|
|
47
|
-
{
|
|
48
|
-
ref,
|
|
49
|
-
className: clsx(input(variants), className),
|
|
50
|
-
"data-testid": "textarea-face",
|
|
51
|
-
id: "textarea-face",
|
|
52
|
-
...rest
|
|
53
|
-
},
|
|
54
|
-
clones
|
|
55
|
-
);
|
|
56
|
-
}
|
|
57
|
-
);
|
|
58
|
-
const Root = React.forwardRef(
|
|
59
|
-
({ variants, className, ...rest }, ref) => {
|
|
60
|
-
return /* @__PURE__ */ React.createElement(Face, { variants, className }, /* @__PURE__ */ React.createElement(Box, { ref, ...rest }));
|
|
61
|
-
}
|
|
62
|
-
);
|
|
63
|
-
const Left = React.forwardRef(
|
|
64
|
-
({ children, className, ...rest }, ref) => {
|
|
65
|
-
return /* @__PURE__ */ React.createElement("div", { className: clsx(className, "mr-2.5"), ...rest, ref }, children);
|
|
66
|
-
}
|
|
67
|
-
);
|
|
68
|
-
const Right = React.forwardRef(
|
|
69
|
-
({ children, className, ...rest }, ref) => {
|
|
70
|
-
return /* @__PURE__ */ React.createElement("div", { className: clsx(className, "ml-2.5"), ...rest, ref }, children);
|
|
71
|
-
}
|
|
72
|
-
);
|
|
73
|
-
const TextArea = {
|
|
74
|
-
Root,
|
|
75
|
-
Face,
|
|
76
|
-
Box,
|
|
77
|
-
Left,
|
|
78
|
-
Right
|
|
79
|
-
};
|
|
80
|
-
|
|
81
|
-
export { TextArea };
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { InputBaseVariants } from '@tecsinapse/cortex-core';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
interface TextAreaPropsBase {
|
|
4
|
-
variants?: InputBaseVariants;
|
|
5
|
-
label?: string;
|
|
6
|
-
rows?: number;
|
|
7
|
-
}
|
|
8
|
-
interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, TextAreaPropsBase {
|
|
9
|
-
}
|
|
10
|
-
type DivBaseProps = React.HTMLAttributes<HTMLDivElement>;
|
|
11
|
-
export declare const TextArea: {
|
|
12
|
-
Root: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
13
|
-
Face: React.ForwardRefExoticComponent<DivBaseProps & Pick<TextAreaPropsBase, "variants"> & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
-
Box: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
15
|
-
Left: React.ForwardRefExoticComponent<DivBaseProps & {
|
|
16
|
-
children: React.ReactNode;
|
|
17
|
-
className?: string | undefined;
|
|
18
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
-
Right: React.ForwardRefExoticComponent<DivBaseProps & {
|
|
20
|
-
children: React.ReactNode;
|
|
21
|
-
className?: string | undefined;
|
|
22
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
-
};
|
|
24
|
-
export {};
|