@tecsinapse/cortex-react 1.3.0-beta.9 → 1.3.1

package/dist/types/components/Select/Content.d.ts

@@ -1,9 +1,2 @@
-import { ReactNode } from 'react';
-interface ContentProps<T> {
-    children: ReactNode;
-    keyExtractor: (value: T) => string;
-    labelExtractor: (value: T) => string;
-    value?: T;
-}
-declare const Content: <T>({ children, keyExtractor, labelExtractor, value, }: ContentProps<T>) => JSX.Element;
-export default Content;
+import { ContentProps } from './types';
+export declare const Content: ({ children }: ContentProps) => JSX.Element;

package/dist/types/components/Select/GroupedOptions.d.ts

@@ -1,6 +1,2 @@
-export interface SelectGroupedOptionsProps<T> {
-    onSelect: (value: T) => void;
-    options?: Map<string, T[]>;
-    groupedLabelExtractor: (value: string) => string;
-}
+import { SelectGroupedOptionsProps } from './types';
 export declare const SelectGroupedOptions: <T>({ onSelect, groupedLabelExtractor, options, }: SelectGroupedOptionsProps<T>) => JSX.Element;

package/dist/types/components/Select/MultiCheckAllOptions.d.ts

@@ -0,0 +1,2 @@
+import { SelectMultiCheckAllOptionsProps } from './types';
+export declare const SelectMultiCheckAllOptions: <T>({ checkAllLabel, }: SelectMultiCheckAllOptionsProps) => JSX.Element;

package/dist/types/components/Select/MultiGroupedOptions.d.ts

@@ -0,0 +1,2 @@
+import { SelectMultiGroupedOptionsProps } from './types';
+export declare const SelectMultiGroupedOptions: <T>({ onSelect, groupedLabelExtractor, options, children, }: SelectMultiGroupedOptionsProps<T>) => JSX.Element;

package/dist/types/components/Select/MultiOption.d.ts

@@ -0,0 +1,2 @@
+import { SelectMultiOptionProps } from './types';
+export declare const SelectMultiOption: <T>({ onSelectOption, option, grouped, }: SelectMultiOptionProps<T>) => JSX.Element;

package/dist/types/components/Select/MultiOptions.d.ts

@@ -0,0 +1,2 @@
+import { SelectMultiOptionsProps } from './types';
+export declare const SelectMultiOptions: <T>({ onSelect, options, children, }: SelectMultiOptionsProps<T>) => JSX.Element;

package/dist/types/components/Select/Option.d.ts

@@ -1,5 +1,2 @@
-export interface SelectOptionProps<T> {
-    option: T;
-    onSelectOption: (option: T) => void;
-}
-export declare const SelectOption: <T>({ onSelectOption, option, }: SelectOptionProps<T>) => JSX.Element;
+import { SelectOptionProps } from './types';
+export declare const SelectOption: <T>({ onSelectOption, option, grouped, }: SelectOptionProps<T>) => JSX.Element;

package/dist/types/components/Select/Options.d.ts

@@ -1,5 +1,2 @@
-export interface SelectOptionsProps<T> {
-    options?: T[];
-    onSelect: (value: T) => void;
-}
+import { SelectOptionsProps } from './types';
 export declare const SelectOptions: <T>({ onSelect, options, }: SelectOptionsProps<T>) => JSX.Element;

package/dist/types/components/Select/Popover.d.ts

@@ -1,5 +1,2 @@
-import { ReactNode } from 'react';
-export interface SelectPopoverProps {
-    children: ReactNode;
-}
+import { SelectPopoverProps } from './types';
 export declare const SelectPopover: ({ children }: SelectPopoverProps) => JSX.Element;

package/dist/types/components/Select/Root.d.ts

@@ -1,8 +1,2 @@
-import { ReactNode } from 'react';
-export interface SelectRootProps<T> {
-    children: ReactNode;
-    value?: T;
-    keyExtractor: (value: T) => string;
-    labelExtractor: (value: T) => string;
-}
+import { SelectRootProps } from './types';
 export declare const SelectRoot: <T>({ children, value, keyExtractor, labelExtractor, }: SelectRootProps<T>) => JSX.Element;

package/dist/types/components/Select/SkeletonOptions.d.ts

@@ -0,0 +1 @@
+export declare const SkeletonOptions: () => JSX.Element;

package/dist/types/components/Select/Trigger.d.ts

@@ -1,5 +1,2 @@
-export interface SelectTriggerProps {
-    label: string;
-    disabled?: boolean;
-}
-export declare const SelectTrigger: ({ label, disabled }: SelectTriggerProps) => JSX.Element;
+import { SelectTriggerProps } from './types';
+export declare const SelectTrigger: ({ label, placeholder, disabled, }: SelectTriggerProps) => JSX.Element;

package/dist/types/components/Select/context.d.ts

@@ -1,7 +1,12 @@
 interface SelectContextProps<T> {
-    value?: T;
+    value?: T | T[];
     keyExtractor: (value: T) => string;
     labelExtractor: (value: T) => string;
 }
 export declare const SelectContext: import("react").Context<SelectContextProps<any>>;
+interface SelectMultiOptionsContextProps<T> {
+    options?: T[];
+    onSelect: (value: T[]) => void;
+}
+export declare const SelectMultiOptionsContext: import("react").Context<SelectMultiOptionsContextProps<any>>;
 export {};

package/dist/types/components/Select/index.d.ts

@@ -1,8 +1,13 @@
 export declare const Select: {
-    Root: <T>({ children, value, keyExtractor, labelExtractor, }: import("./Root").SelectRootProps<T>) => JSX.Element;
-    Trigger: ({ label, disabled }: import("./Trigger").SelectTriggerProps) => JSX.Element;
-    Popover: ({ children }: import("./Popover").SelectPopoverProps) => JSX.Element;
-    Options: <T_1>({ onSelect, options, }: import("./Options").SelectOptionsProps<T_1>) => JSX.Element;
-    GroupedOptions: <T_2>({ onSelect, groupedLabelExtractor, options, }: import("./GroupedOptions").SelectGroupedOptionsProps<T_2>) => JSX.Element;
-    Option: <T_3>({ onSelectOption, option, }: import("./Option").SelectOptionProps<T_3>) => JSX.Element;
+    Root: <T>({ children, value, keyExtractor, labelExtractor, }: import("./types").SelectRootProps<T>) => JSX.Element;
+    Trigger: ({ label, placeholder, disabled, }: import("./types").SelectTriggerProps) => JSX.Element;
+    Popover: ({ children }: import("./types").SelectPopoverProps) => JSX.Element;
+    Options: <T_1>({ onSelect, options, }: import("./types").SelectOptionsProps<T_1>) => JSX.Element;
+    GroupedOptions: <T_2>({ onSelect, groupedLabelExtractor, options, }: import("./types").SelectGroupedOptionsProps<T_2>) => JSX.Element;
+    Option: <T_3>({ onSelectOption, option, grouped, }: import("./types").SelectOptionProps<T_3>) => JSX.Element;
+    MultiOptions: <T_4>({ onSelect, options, children, }: import("./types").SelectMultiOptionsProps<T_4>) => JSX.Element;
+    MultiGroupedOptions: <T_5>({ onSelect, groupedLabelExtractor, options, children, }: import("./types").SelectMultiGroupedOptionsProps<T_5>) => JSX.Element;
+    MultiOption: <T_6>({ onSelectOption, option, grouped, }: import("./types").SelectMultiOptionProps<T_6>) => JSX.Element;
+    MultiCheckAllOptions: <T_7>({ checkAllLabel, }: import("./types").SelectMultiCheckAllOptionsProps) => JSX.Element;
 };
+export * from './types';

package/dist/types/components/Select/types.d.ts

@@ -0,0 +1,51 @@
+import { ReactNode } from 'react';
+export interface ContentProps {
+    children: ReactNode;
+}
+export interface SelectGroupedOptionsProps<T> {
+    onSelect: (value: T) => void;
+    options?: Map<string, T[]> | (() => Promise<Map<string, T[]>>);
+    groupedLabelExtractor: (value: string) => string;
+}
+export interface SelectMultiCheckAllOptionsProps {
+    checkAllLabel?: string;
+}
+export interface SelectMultiGroupedOptionsProps<T> {
+    onSelect: (value: T[]) => void;
+    options?: Map<string, T[]> | (() => Promise<Map<string, T[]>>);
+    groupedLabelExtractor: (value: string) => string;
+    children?: React.ReactNode;
+}
+export interface SelectMultiOptionProps<T> {
+    option: T;
+    onSelectOption: (option: T) => void;
+    grouped?: boolean;
+}
+export interface SelectMultiOptionsProps<T> {
+    options?: T[] | (() => Promise<T[]>);
+    onSelect: (value: T[]) => void;
+    children?: React.ReactNode;
+}
+export interface SelectOptionProps<T> {
+    option: T;
+    onSelectOption: (option: T) => void;
+    grouped?: boolean;
+}
+export interface SelectOptionsProps<T> {
+    options?: T[] | (() => Promise<T[]>);
+    onSelect: (value: T) => void;
+}
+export interface SelectPopoverProps {
+    children: ReactNode;
+}
+export interface SelectRootProps<T> {
+    children: ReactNode;
+    value?: T | T[];
+    keyExtractor: (value: T) => string;
+    labelExtractor: (value: T) => string;
+}
+export interface SelectTriggerProps {
+    label: string;
+    placeholder?: string;
+    disabled?: boolean;
+}

package/dist/types/components/Select/utils.d.ts

@@ -0,0 +1 @@
+export declare const handleSelectMulti: <T>(option: T, value: T[], onSelect: (value: T[]) => void, keyExtractor: (value: T) => string) => void;

package/dist/types/components/Skeleton.d.ts

@@ -1,4 +1,6 @@
-import React, { ReactNode } from 'react';
-export declare const Skeleton: ({ className, children, ...rest }: React.HTMLAttributes<HTMLDivElement> & {
-    children?: ReactNode;
-}) => JSX.Element;
+import React from 'react';
+interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+export declare const Skeleton: ({ className, children, ...rest }: SkeletonProps) => JSX.Element;
+export {};

package/dist/types/components/Snackbar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BaseSnackbar';
+export * from './DefaultSnack';

package/dist/types/components/Tag.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { TagVariants } from '@tecsinapse/cortex-core';
+import React from 'react';
 interface TagProps {
     variants?: TagVariants;
     label: string;

package/dist/types/components/TextArea/Box.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TextAreaProps } from './types';
+export declare const TextAreaBox: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/types/components/TextArea/Face.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TextAreaFaceProps } from './types';
+export declare const TextAreaFace: React.ForwardRefExoticComponent<TextAreaFaceProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/TextArea/Left.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TextAreaElementsProps } from './types';
+export declare const TextAreaLeft: React.ForwardRefExoticComponent<TextAreaElementsProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/TextArea/Right.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TextAreaElementsProps } from './types';
+export declare const TextAreaRight: React.ForwardRefExoticComponent<TextAreaElementsProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/TextArea/Root.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TextAreaProps } from './types';
+export declare const TextAreaRoot: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/types/components/TextArea/index.d.ts

@@ -0,0 +1,8 @@
+export declare const TextArea: {
+    Root: import("react").ForwardRefExoticComponent<import("./types").TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+    Face: import("react").ForwardRefExoticComponent<import("./types").TextAreaFaceProps & import("react").RefAttributes<HTMLDivElement>>;
+    Box: import("react").ForwardRefExoticComponent<import("./types").TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+    Left: import("react").ForwardRefExoticComponent<import("./types").TextAreaElementsProps & import("react").RefAttributes<HTMLDivElement>>;
+    Right: import("react").ForwardRefExoticComponent<import("./types").TextAreaElementsProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export * from './types';

package/dist/types/components/TextArea/types.d.ts

@@ -0,0 +1,15 @@
+import { InputBaseVariants } from '@tecsinapse/cortex-core';
+export type DivBaseProps = React.HTMLAttributes<HTMLDivElement>;
+export interface TextAreaElementsProps extends DivBaseProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface TextAreaPropsBase {
+    variants?: InputBaseVariants;
+    label?: string;
+    rows?: number;
+}
+export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, TextAreaPropsBase {
+}
+export interface TextAreaFaceProps extends DivBaseProps, Pick<TextAreaPropsBase, 'variants'> {
+}

package/dist/types/components/TextArea/utils.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const getValidChildren: (children: React.ReactNode) => React.ReactElement<any, string | React.JSXElementConstructor<any>>[];

package/dist/types/components/{TimeField.d.ts → TimeField/TimeField.d.ts}

@@ -3,5 +3,4 @@ export interface TimeFieldProps {
     value?: TimeValueType;
     onChange: (number: TimeValueType) => void;
 }
-declare const TimeField: (props: TimeFieldProps) => JSX.Element;
-export default TimeField;
+export declare const TimeField: (props: TimeFieldProps) => JSX.Element;

package/dist/types/components/{TimeFieldInput.d.ts → TimeField/TimeFieldInput.d.ts}

@@ -1,4 +1,4 @@
-import { InputPropsBase } from './Input';
+import { InputPropsBase } from '../Input';
 export type TimeValueType = {
     hour: number;
     minute: number;

package/dist/types/components/TimeField/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TimeField';
+export * from './TimeFieldInput';

package/dist/types/components/Tooltip.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { Placement } from '@floating-ui/react';
+import React from 'react';
 interface TooltipProps {
     children: React.ReactElement;
     text: string;

package/dist/types/components/index.d.ts

@@ -1,13 +1,10 @@
 export * from './Avatar';
 export * from './Badge';
-export * from './BaseSnackbar';
 export * from './Breadcrumbs';
 export * from './Button';
 export * from './Calendar';
 export * from './Card';
-export * from './DatePickerInput';
-export * from './DateRangePickerInput';
-export * from './DefaultSnack';
+export * from './DatePicker';
 export * from './Divider';
 export * from './Drawer';
 export * from './GroupButton';
@@ -17,12 +14,13 @@ export * from './Menubar';
 export * from './Modal';
 export * from './Popover';
 export * from './ProgressBar';
-export * from './RangeCalendar';
+export * from './RadioButton';
 export * from './Select';
 export * from './Skeleton';
+export * from './Snackbar';
 export * from './Table';
 export * from './Tag';
 export * from './TextArea';
-export * from './TimeFieldInput';
+export * from './TimeField';
 export * from './Toggle';
 export * from './Tooltip';

package/dist/types/components/utils.d.ts

@@ -1,4 +1,6 @@
 import { CalendarDate } from '@internationalized/date';
+import React from 'react';
 export declare const getNameInitials: (name: string) => string;
 export declare const dateToCalendarDate: (value?: Date) => CalendarDate;
 export declare const calendarDateToDate: (value: CalendarDate) => Date;
+export declare function cloneWithProps(children: React.ReactElement, triggerProps: any): React.FunctionComponentElement<any>;

package/dist/types/hooks/index.d.ts

@@ -4,6 +4,8 @@ export * from './useCalendarGrid';
 export * from './useDatePickerInput';
 export * from './useDateRangePickerInput';
 export * from './useDebouncedState';
+export * from './useFloatingLogic';
 export * from './useOutsideClickListener';
 export * from './useRangeCalendar';
-export * from './useFloatingLogic';
+export * from './useSelectGroupedOptions';
+export * from './useSelectOptions';

package/dist/types/hooks/useSelectGroupedOptions.d.ts

@@ -0,0 +1,9 @@
+interface useSelectGroupedOptionsProps<T> {
+    options?: Map<string, T[]> | (() => Promise<Map<string, T[]>>);
+}
+export declare const useSelectGroupedOptions: <T>({ options: _options, }: useSelectGroupedOptionsProps<T>) => {
+    isLoading: boolean | undefined;
+    options: Map<string, T[]> | undefined;
+    error: string | undefined;
+};
+export {};

package/dist/types/hooks/useSelectOptions.d.ts

@@ -0,0 +1,9 @@
+interface useSelectOptionsProps<T> {
+    options?: T[] | (() => Promise<T[]>);
+}
+export declare const useSelectOptions: <T>({ options: _options, }: useSelectOptionsProps<T>) => {
+    isLoading: boolean | undefined;
+    options: T[] | undefined;
+    error: string | undefined;
+};
+export {};

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components';
 export * from './hooks';
 export * from './service';
+export * from './provider';

package/dist/types/styles/menubar.d.ts

@@ -1,64 +1,68 @@
 export declare const menubar: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            right?: import("tailwind-merge").ClassNameValue;
-            left?: import("tailwind-merge").ClassNameValue;
-            root?: import("tailwind-merge").ClassNameValue;
-            dropdown?: import("tailwind-merge").ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-merge").ClassNameValue | {
-            right?: import("tailwind-merge").ClassNameValue;
-            left?: import("tailwind-merge").ClassNameValue;
-            root?: import("tailwind-merge").ClassNameValue;
-            dropdown?: import("tailwind-merge").ClassNameValue;
+    show: {
+        true: {
+            dropdown: string;
+            false: string;
         };
     };
-} | {}, {
-    root: string;
+}, {
+    header: string;
     left: string;
     right: string;
     dropdown: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            right?: import("tailwind-merge").ClassNameValue;
-            left?: import("tailwind-merge").ClassNameValue;
-            root?: import("tailwind-merge").ClassNameValue;
-            dropdown?: import("tailwind-merge").ClassNameValue;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    show: {
+        true: {
+            dropdown: string;
+            false: string;
         };
     };
-} | {}>, {
-    [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            right?: import("tailwind-merge").ClassNameValue;
-            left?: import("tailwind-merge").ClassNameValue;
-            root?: import("tailwind-merge").ClassNameValue;
-            dropdown?: import("tailwind-merge").ClassNameValue;
+}, {
+    show: {
+        true: {
+            dropdown: string;
+            false: string;
         };
     };
-} | {}, {
-    root: string;
+}>, {
+    show: {
+        true: {
+            dropdown: string;
+            false: string;
+        };
+    };
+}, {
+    header: string;
     left: string;
     right: string;
     dropdown: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    root: string;
+}, import("tailwind-variants").TVReturnType<{
+    show: {
+        true: {
+            dropdown: string;
+            false: string;
+        };
+    };
+}, {
+    header: string;
     left: string;
     right: string;
     dropdown: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            right?: import("tailwind-merge").ClassNameValue;
-            left?: import("tailwind-merge").ClassNameValue;
-            root?: import("tailwind-merge").ClassNameValue;
-            dropdown?: import("tailwind-merge").ClassNameValue;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    show: {
+        true: {
+            dropdown: string;
+            false: string;
         };
     };
-} | {}>, unknown, unknown, undefined>>;
+}, {
+    show: {
+        true: {
+            dropdown: string;
+            false: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
 export declare const mostUsed: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {

package/dist/types/tests/Input/Mask.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/RadioButton.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.3.0-beta.9",
+  "version": "1.3.1",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -20,10 +20,11 @@
   "dependencies": {
     "@floating-ui/react": "^0.26.18",
     "@internationalized/date": "*",
-    "@tecsinapse/cortex-core": "0.3.0-beta.3",
+    "@tecsinapse/cortex-core": "0.3.0",
     "clsx": "*",
     "react-aria": "^3.33.1",
     "react-icons": "^5.2.1",
+    "react-imask": "7.6.1",
     "react-stately": "^3.31.1",
     "sonner": "^1.5.0",
     "tailwind-merge": "*"
@@ -42,5 +43,5 @@
     "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "8ff64f9da1142a0512bbbddee0d4b5d1c09cf014"
+  "gitHead": "5850ce5480f5e3c52c8673421bff814600a401b6"
 }

package/dist/cjs/components/DatePickerInput.js

@@ -1,49 +0,0 @@
-'use strict';
-
-var React = require('react');
-require('@internationalized/date');
-require('react-aria');
-require('react-stately');
-var utils = require('./utils.js');
-var useDatePickerInput = require('../hooks/useDatePickerInput.js');
-require('@floating-ui/react');
-var Calendar = require('./Calendar.js');
-var DateField = require('./DateField.js');
-var DatePickerInputBase = require('./DatePickerInputBase.js');
-
-const DatePickerInput = (props) => {
-  const { onChange, value, label, variants } = props;
-  const { fieldProps, state, ref } = useDatePickerInput.useDatePickerInput({ value, onChange });
-  return /* @__PURE__ */ React.createElement("div", { "data-testid": "date-picker-input" }, /* @__PURE__ */ React.createElement(
-    DatePickerInputBase.DatePickerInputBase,
-    {
-      onClickCalendar: () => state.isOpen ? state.close() : state.open(),
-      variants: {
-        ...variants,
-        intent: state.isInvalid ? "error" : variants?.intent
-      },
-      label
-    },
-    /* @__PURE__ */ React.createElement("div", { ref }, /* @__PURE__ */ React.createElement(
-      DateField.DateField,
-      {
-        ...fieldProps,
-        onChange: (value2) => {
-          state.setDateValue(value2);
-          state.close();
-        }
-      }
-    ))
-  ), state.isOpen ? /* @__PURE__ */ React.createElement("div", { className: "absolute" }, /* @__PURE__ */ React.createElement(
-    Calendar.Calendar,
-    {
-      value,
-      onChange: (value2) => {
-        state.setDateValue(utils.dateToCalendarDate(value2));
-        state.close();
-      }
-    }
-  )) : /* @__PURE__ */ React.createElement(React.Fragment, null));
-};
-
-exports.DatePickerInput = DatePickerInput;