@tecsinapse/cortex-react 1.13.1 → 1.13.3-beta.0

package/dist/types/components/TimePicker/TimePickerInput.d.ts

@@ -0,0 +1,14 @@
+import { Time } from '@internationalized/date';
+import { InputProps } from '../Input';
+export interface TimePickerInputProps extends Omit<InputProps, 'value' | 'onChange'> {
+    value?: Time;
+    onChange: (value?: Time) => void;
+    hourCycle?: 12 | 24;
+    granularity?: 'hour' | 'minute' | 'second';
+    disabled?: boolean;
+    minuteInterval?: number;
+    hourLabel?: string;
+    minuteLabel?: string;
+    dayPeriodLabel?: string;
+}
+export declare const TimePickerInput: (props: TimePickerInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/TimePicker/TimePickerSelector.d.ts

@@ -0,0 +1,13 @@
+import { Time } from '@internationalized/date';
+interface TimePickerSelectorProps {
+    value: Time;
+    hourCycle: 12 | 24;
+    minuteInterval: number;
+    onPressOkButton: () => void;
+    onChangeTime: (time: Time) => void;
+    hourLabel?: string;
+    minuteLabel?: string;
+    dayPeriodLabel?: string;
+}
+export declare const TimePickerSelector: ({ value, hourCycle, minuteInterval, onPressOkButton, onChangeTime, hourLabel, minuteLabel, dayPeriodLabel, }: TimePickerSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+export * from './TimeField';
+export * from './TimePickerInput';
+export * from './TimePickerSelector';
+export * from './TimeFieldInput';

package/dist/types/components/Uploader/Dropzone.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { DropzoneProps } from './types';
-export declare const Dropzone: ({ dropzoneProps, selectFileText, dropText, buttonText, }: DropzoneProps) => React.JSX.Element;
+export declare const Dropzone: ({ dropzoneProps, selectFileText, dropText, buttonText, }: DropzoneProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Uploader/Files.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { FilesProps } from './types';
-export declare const Files: <T>({ files, onDelete, uploadProgressText, }: FilesProps<T>) => React.JSX.Element;
+export declare const Files: <T>({ files, onDelete, uploadProgressText, }: FilesProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,2 @@
-import React from 'react';
 import { RootUploaderProps } from './types';
-export declare const Root: <T>({ open, onClose, files, onDelete, dropzoneProps, selectFileText, dropText, buttonText, uploadProgressText, titleModal, }: RootUploaderProps<T>) => React.JSX.Element;
+export declare const Root: <T>({ open, onClose, files, onDelete, dropzoneProps, selectFileText, dropText, buttonText, uploadProgressText, titleModal, }: RootUploaderProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Uploader/Upload.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { FileProps } from './types';
-export declare const File: <T>({ file, index, onDelete }: FileProps<T>) => React.JSX.Element;
+export declare const File: <T>({ file, index, onDelete }: FileProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,8 @@
 export * from './Root';
 export * from './types';
 export declare const Uploader: {
-    Dropzone: ({ dropzoneProps, selectFileText, dropText, buttonText, }: import("./types").DropzoneProps) => import("react").JSX.Element;
-    Files: <T>({ files, onDelete, uploadProgressText, }: import("./types").FilesProps<T>) => import("react").JSX.Element;
+    Dropzone: ({ dropzoneProps, selectFileText, dropText, buttonText, }: import("./types").DropzoneProps) => import("react/jsx-runtime").JSX.Element;
+    Files: <T>({ files, onDelete, uploadProgressText, }: import("./types").FilesProps<T>) => import("react/jsx-runtime").JSX.Element;
     Modal: ({ open, onClose, children, title, }: import("./types").ModalProps) => any;
-    Root: <T>({ open, onClose, files, onDelete, dropzoneProps, selectFileText, dropText, buttonText, uploadProgressText, titleModal, }: import("./types").RootUploaderProps<T>) => import("react").JSX.Element;
+    Root: <T>({ open, onClose, files, onDelete, dropzoneProps, selectFileText, dropText, buttonText, uploadProgressText, titleModal, }: import("./types").RootUploaderProps<T>) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -28,7 +28,7 @@ export * from './Stepper';
 export * from './Table';
 export * from './Tag';
 export * from './TextArea';
-export * from './TimeField';
+export * from './TimePicker';
 export * from './Toggle';
 export * from './Tooltip';
 export * from './Uploader';

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

@@ -14,3 +14,4 @@ export * from './useRangeCalendar';
 export * from './useSelectGroupedOptions';
 export * from './useSelectOptions';
 export * from './useStringMask';
+export * from './useTimePickerInput';

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

@@ -1,8 +1,10 @@
 interface useCalendarProps {
     value?: Date;
     onChange: (value?: Date) => void;
+    minValue?: Date;
+    maxValue?: Date;
 }
-export declare const useCalendar: ({ value, onChange }: useCalendarProps) => {
+export declare const useCalendar: ({ value, onChange, minValue, maxValue, }: useCalendarProps) => {
     calendarProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
     title: string;
     state: import("react-stately").CalendarState;

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

@@ -14,5 +14,7 @@ export declare const useCalendarCell: ({ state, date }: useCalendarCellProps) =>
     isSelectionStart: boolean | undefined;
     isSelectionEnd: boolean | undefined;
     inRange: boolean;
+    isToday: boolean;
+    isDisabled: boolean;
 };
 export {};

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

@@ -1,8 +1,10 @@
 interface useDatePickerInputProps {
     value?: Date;
     onChange: (date?: Date) => void;
+    minValue?: Date;
+    maxValue?: Date;
 }
-export declare const useDatePickerInput: ({ value, onChange, }: useDatePickerInputProps) => {
+export declare const useDatePickerInput: ({ value, onChange, minValue, maxValue, }: useDatePickerInputProps) => {
     fieldProps: import("react-aria").AriaDatePickerProps<import("react-aria").DateValue>;
     state: import("react-stately").DatePickerState;
     ref: import("react").MutableRefObject<null>;

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

@@ -2,8 +2,10 @@ import { DateRange } from '../components';
 interface useDateRangePickerInputProps {
     value?: DateRange;
     onChange: (date?: DateRange) => void;
+    minValue?: Date;
+    maxValue?: Date;
 }
-export declare const useDateRangePickerInput: ({ value, onChange, }: useDateRangePickerInputProps) => {
+export declare const useDateRangePickerInput: ({ value, onChange, minValue, maxValue, }: useDateRangePickerInputProps) => {
     startFieldProps: import("react-aria").AriaDatePickerProps<import("react-aria").DateValue>;
     endFieldProps: import("react-aria").AriaDatePickerProps<import("react-aria").DateValue>;
     state: import("react-stately").DateRangePickerState;

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

@@ -2,8 +2,10 @@ import { DateRange } from '../components';
 interface useRangeCalendarProps {
     value?: DateRange;
     onChange: (value: DateRange) => void;
+    minValue?: Date;
+    maxValue?: Date;
 }
-export declare const useRangeCalendar: ({ value, onChange, }: useRangeCalendarProps) => {
+export declare const useRangeCalendar: ({ value, onChange, minValue, maxValue, }: useRangeCalendarProps) => {
     calendarProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
     title: string;
     state: import("react-stately").RangeCalendarState;

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

@@ -0,0 +1,14 @@
+import { Time } from '@internationalized/date';
+import { TimeValue } from 'react-aria';
+interface useTimePickerInputProps {
+    value?: Time;
+    onChange?: (value?: Time) => void;
+    minuteInterval: number;
+}
+export declare const useTimePickerInput: ({ value, onChange, minuteInterval, }: useTimePickerInputProps) => {
+    handleTogglePopover: () => void;
+    handleTimeFieldChange: (newValue: TimeValue | null) => void;
+    handleChangeTimeOnSelector: (time: Time) => void;
+    popoverTime: Time;
+};
+export {};

package/dist/types/provider/CalendarProvider.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+interface CalendarContextProps {
+    isTodayHighlited: boolean;
+}
+export declare const CalendarProvider: ({ isTodayHighlited, children, }: {
+    isTodayHighlited: boolean;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useCalendarContext: () => CalendarContextProps;
+export {};

package/dist/types/provider/CategoriesContext.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 interface ExpandedMenusState {
     [categoryId: string]: string | null;
 }
@@ -8,6 +8,6 @@ interface CategoriesContextProps {
 }
 export declare const CategoriesProvider: ({ children }: {
     children: ReactNode;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const useCategories: () => CategoriesContextProps;
 export {};

package/dist/types/provider/MenubarProvider.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 export declare const MenubarProvider: ({ children }: {
     children: ReactNode;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/provider/SnackbarProvider.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { SnackbarSonner } from '../service';
 import { IExternalToast } from '../service/IExternalToast';
 interface SnackbarProviderProps {
@@ -7,6 +7,6 @@ interface SnackbarProviderProps {
 export declare const SnackbarProvider: ({ children, options, }: {
     children: ReactNode;
     options?: IExternalToast;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const useSnackbar: () => SnackbarProviderProps;
 export {};

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

@@ -2,3 +2,4 @@ export * from './MenubarProvider';
 export * from './SnackbarProvider';
 export * from './MenubarContext';
 export * from './useMenubar';
+export * from './CalendarProvider';

package/dist/types/styles/calendar-cell.d.ts

@@ -1,4 +1,9 @@
 export declare const calendarCell: import("tailwind-variants").TVReturnType<{
+    isToday: {
+        true: {
+            cell: string;
+        };
+    };
     isSelected: {
         true: {
             cell: string;
@@ -19,7 +24,7 @@ export declare const calendarCell: import("tailwind-variants").TVReturnType<{
             cell: string;
         };
     };
-    isOutsideVisibleRange: {
+    isDisabled: {
         true: {
             cell: string;
             button: string;
@@ -29,6 +34,11 @@ export declare const calendarCell: import("tailwind-variants").TVReturnType<{
     cell: string;
     button: string;
 }, undefined, {
+    isToday: {
+        true: {
+            cell: string;
+        };
+    };
     isSelected: {
         true: {
             cell: string;
@@ -49,7 +59,7 @@ export declare const calendarCell: import("tailwind-variants").TVReturnType<{
             cell: string;
         };
     };
-    isOutsideVisibleRange: {
+    isDisabled: {
         true: {
             cell: string;
             button: string;
@@ -59,6 +69,11 @@ export declare const calendarCell: import("tailwind-variants").TVReturnType<{
     cell: string;
     button: string;
 }, import("tailwind-variants").TVReturnType<{
+    isToday: {
+        true: {
+            cell: string;
+        };
+    };
     isSelected: {
         true: {
             cell: string;
@@ -79,7 +94,7 @@ export declare const calendarCell: import("tailwind-variants").TVReturnType<{
             cell: string;
         };
     };
-    isOutsideVisibleRange: {
+    isDisabled: {
         true: {
             cell: string;
             button: string;

package/dist/types/styles/time-field-input.d.ts

@@ -0,0 +1,25 @@
+export declare const timePickerInputBase: import("tailwind-variants").TVReturnType<{
+    disabled: {
+        true: {
+            icon: string;
+        };
+    };
+}, {
+    icon: string;
+}, undefined, {
+    disabled: {
+        true: {
+            icon: string;
+        };
+    };
+}, {
+    icon: string;
+}, import("tailwind-variants").TVReturnType<{
+    disabled: {
+        true: {
+            icon: string;
+        };
+    };
+}, {
+    icon: string;
+}, undefined, unknown, unknown, undefined>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.13.1",
+  "version": "1.13.3-beta.0",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -47,5 +47,5 @@
     "react-icons": ">=5.2.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "ad9c6aa2db9edce9d90ecc4c69bb38293b55420c"
+  "gitHead": "d68604e48addaaa9010895f96911159ccf067d3c"
 }

package/dist/cjs/components/TimeField/TimeField.js

@@ -1,24 +0,0 @@
-'use strict';
-
-var React = require('react');
-var reactAria = require('react-aria');
-var reactStately = require('react-stately');
-var DateSegment = require('../DatePicker/DateSegment.js');
-
-const TimeField = ({ disabled, ...props }) => {
-  const { locale } = reactAria.useLocale();
-  const state = reactStately.useTimeFieldState({
-    ...props,
-    locale,
-    isDisabled: disabled
-  });
-  const ref = React.useRef(null);
-  const { fieldProps } = reactAria.useTimeField(
-    { "aria-label": "time-field" },
-    state,
-    ref
-  );
-  return /* @__PURE__ */ React.createElement("div", { ...fieldProps, ref, className: "flex flex-row" }, state.segments.map((segment, i) => /* @__PURE__ */ React.createElement(DateSegment.DateSegment, { key: i, segment, state })));
-};
-
-exports.TimeField = TimeField;

package/dist/cjs/components/TimeField/TimeFieldInput.js

@@ -1,42 +0,0 @@
-'use strict';
-
-var cortexCore = require('@tecsinapse/cortex-core');
-var React = require('react');
-var date = require('../../utils/date.js');
-var index = require('../Input/index.js');
-var TimeField = require('./TimeField.js');
-
-const TimeFieldInput = (props) => {
-  const {
-    onChange,
-    value,
-    label,
-    variants,
-    hourCycle = 24,
-    granularity = "minute",
-    disabled = false
-  } = props;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    index.Input.Face,
-    {
-      variants,
-      className: "flex flex-row",
-      "data-testid": "time-field-input"
-    },
-    /* @__PURE__ */ React.createElement("span", { className: cortexCore.labelStyle({}) }, label),
-    /* @__PURE__ */ React.createElement("div", { className: cortexCore.inputBox("", label) }, /* @__PURE__ */ React.createElement(
-      TimeField.TimeField,
-      {
-        onChange: (value2) => {
-          onChange(date.timeFromTimeValue(value2));
-        },
-        value,
-        hourCycle,
-        granularity,
-        isDisabled: disabled
-      }
-    ))
-  ));
-};
-
-exports.TimeFieldInput = TimeFieldInput;

package/dist/esm/components/DatePicker/Content.js

@@ -1,8 +0,0 @@
-import React__default, { useRef } from 'react';
-
-const Content = ({ children }) => {
-  const ref = useRef(null);
-  return /* @__PURE__ */ React__default.createElement("div", { ref }, children);
-};
-
-export { Content };

package/dist/esm/components/TimeField/TimeField.js

@@ -1,22 +0,0 @@
-import React__default from 'react';
-import { useLocale, useTimeField } from 'react-aria';
-import { useTimeFieldState } from 'react-stately';
-import { DateSegment } from '../DatePicker/DateSegment.js';
-
-const TimeField = ({ disabled, ...props }) => {
-  const { locale } = useLocale();
-  const state = useTimeFieldState({
-    ...props,
-    locale,
-    isDisabled: disabled
-  });
-  const ref = React__default.useRef(null);
-  const { fieldProps } = useTimeField(
-    { "aria-label": "time-field" },
-    state,
-    ref
-  );
-  return /* @__PURE__ */ React__default.createElement("div", { ...fieldProps, ref, className: "flex flex-row" }, state.segments.map((segment, i) => /* @__PURE__ */ React__default.createElement(DateSegment, { key: i, segment, state })));
-};
-
-export { TimeField };

package/dist/esm/components/TimeField/TimeFieldInput.js

@@ -1,40 +0,0 @@
-import { labelStyle, inputBox } from '@tecsinapse/cortex-core';
-import React__default from 'react';
-import { timeFromTimeValue } from '../../utils/date.js';
-import { Input } from '../Input/index.js';
-import { TimeField } from './TimeField.js';
-
-const TimeFieldInput = (props) => {
-  const {
-    onChange,
-    value,
-    label,
-    variants,
-    hourCycle = 24,
-    granularity = "minute",
-    disabled = false
-  } = props;
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
-    Input.Face,
-    {
-      variants,
-      className: "flex flex-row",
-      "data-testid": "time-field-input"
-    },
-    /* @__PURE__ */ React__default.createElement("span", { className: labelStyle({}) }, label),
-    /* @__PURE__ */ React__default.createElement("div", { className: inputBox("", label) }, /* @__PURE__ */ React__default.createElement(
-      TimeField,
-      {
-        onChange: (value2) => {
-          onChange(timeFromTimeValue(value2));
-        },
-        value,
-        hourCycle,
-        granularity,
-        isDisabled: disabled
-      }
-    ))
-  ));
-};
-
-export { TimeFieldInput };

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

@@ -1,5 +0,0 @@
-import React, { ReactNode } from 'react';
-export interface ContentProps {
-    children: ReactNode;
-}
-export declare const Content: ({ children }: ContentProps) => React.JSX.Element;

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

@@ -1,11 +0,0 @@
-import { Time } from '@internationalized/date';
-import React from 'react';
-import { InputPropsBase } from '../Input';
-export interface TimeFieldInputProps extends InputPropsBase {
-    value?: Time;
-    onChange: (value?: Time) => void;
-    hourCycle?: 12 | 24;
-    granularity?: 'hour' | 'minute' | 'second';
-    disabled?: boolean;
-}
-export declare const TimeFieldInput: (props: TimeFieldInputProps) => React.JSX.Element;

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

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