@producteca/producteca-ui-kit 1.13.6 → 1.14.0

package/dist/components/button/button.d.ts

@@ -5,7 +5,7 @@ interface ButtonProps {
     outline?: boolean;
     size?: 'sm' | 'md' | 'lg';
     type?: 'submit' | 'button' | 'reset';
-    variant?: 'primary' | 'secondary' | 'success' | 'error' | 'link';
+    variant?: 'primary' | 'secondary' | 'success' | 'error' | 'link' | 'tooltip-link';
     disabled?: boolean;
     className?: string;
     onClick?: () => void;

package/dist/components/index.d.ts

@@ -4,3 +4,4 @@ export * from './inputs';
 export * from './patterns';
 export * from './loaders';
 export * from './alert/alert';
+export * from './tooltip';

package/dist/components/inputs/datePicker/datePicker.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { DatePickerProps } from './datePickerTypes';
+
+export declare const DatePickerInput: React.FC<DatePickerProps>;
+export declare const DatePicker: ({ label, rightAdornment, ...props }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/datePicker/datePickerCustomStyles.d.ts

@@ -0,0 +1,8 @@
+import { SxProps, Theme } from '@mui/material/styles';
+
+export declare const datePickerLayoutStyles: SxProps<Theme>;
+export declare const datePickerInputStyles: SxProps<Theme>;
+export declare const datePickerDayStyles: SxProps<Theme>;
+export declare const datePickerDigitalClockStyles: SxProps<Theme>;
+export declare const datePickerYearStyles: SxProps<Theme>;
+export declare const datePickerPopperStyles: SxProps<Theme>;

package/dist/components/inputs/datePicker/datePickerTypes.d.ts

@@ -0,0 +1,15 @@
+import { FormFieldProps } from '../formField/formField';
+import { InputValue } from '../../../validators';
+
+export interface DatePickerSpecificProps {
+    value?: InputValue;
+    minDate?: InputValue;
+    maxDate?: InputValue;
+    format?: string;
+    size?: "md" | "lg";
+}
+type UnusedFormFieldProps = 'max' | 'min' | 'isClearable' | 'leftIcon' | 'rightIcon' | 'type' | 'inputRef' | 'children';
+type OverriddenFormFieldProps = 'value' | 'size';
+export interface DatePickerProps extends Omit<FormFieldProps, UnusedFormFieldProps | OverriddenFormFieldProps>, DatePickerSpecificProps {
+}
+export {};

package/dist/components/inputs/datePicker/datePickerUtils.d.ts

@@ -0,0 +1,68 @@
+import { TextField } from '@mui/material';
+import { default as dayjs, Dayjs } from 'dayjs';
+import { InputValue } from '../../../validators';
+import { default as React } from 'react';
+
+export declare const ActionComponent: React.FC<{
+    showClearIcon: boolean;
+    onClear?: () => void;
+    onOpen?: () => void;
+}>;
+export type PickerType = 'date' | 'dateTime' | 'time' | 'year';
+export declare const getPickerTypeFromFormat: (format?: string) => PickerType;
+export declare const getFinalFormat: (format?: string) => string;
+export declare const getPlaceholderByFormat: (format?: string, customPlaceholder?: string) => string;
+export declare const convertToDate: (val: InputValue, format: string) => Dayjs | null;
+export declare const getPickerProps: ({ currentValue, finalFormat, onChange, disabled, minDate, maxDate, placeholder, name, otherProps, onClear, onOpen, onClose, open, }: {
+    currentValue: InputValue;
+    finalFormat: string;
+    onChange: (date: Dayjs | null) => void;
+    open: boolean;
+    disabled: boolean;
+    minDate?: InputValue;
+    maxDate?: InputValue;
+    placeholder?: string;
+    name?: string;
+    onClear?: () => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+    otherProps: any;
+}) => {
+    open: boolean;
+    value: dayjs.Dayjs | null;
+    onAccept: (date: Dayjs | null) => void;
+    onClose: (() => void) | undefined;
+    disabled: boolean;
+    minDate: dayjs.Dayjs | undefined;
+    maxDate: dayjs.Dayjs | undefined;
+    format: string;
+    slots: {
+        textField: typeof TextField;
+    };
+    slotProps: {
+        textField: {
+            placeholder: string;
+            name: string | undefined;
+            onClick: (() => void) | undefined;
+            variant: "outlined";
+            fullWidth: boolean;
+            className: string;
+            sx: import('@mui/material').SxProps<import('@mui/material').Theme>;
+            InputProps: {
+                style: {
+                    cursor: string;
+                };
+                endAdornment: import("react/jsx-runtime").JSX.Element;
+            };
+        };
+        layout: {
+            sx: {};
+        };
+        day: {
+            sx: import('@mui/material').SxProps<import('@mui/material').Theme>;
+        };
+        popper: {
+            sx: import('@mui/material').SxProps<import('@mui/material').Theme>;
+        };
+    };
+};

package/dist/components/inputs/datePicker/index.d.ts

@@ -0,0 +1,3 @@
+export * from './datePicker';
+export type * from './datePickerTypes';
+export * from './datePickerCustomStyles';

package/dist/components/inputs/formField/textInput.d.ts

@@ -17,7 +17,7 @@ export interface TextInputProps {
     leftIcon?: React.ReactNode;
     rightIcon?: React.ReactNode;
     isValid?: (value: InputValue) => boolean;
-    type?: 'text' | 'number' | 'password' | undefined;
+    type?: 'text' | 'number' | 'password' | 'date' | undefined;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     input?: ReduxFormInput;
     inputRef?: React.RefObject<HTMLInputElement>;

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

@@ -4,3 +4,4 @@ export * from './formField/textInput';
 export * from './checkboxInput';
 export * from './searcher/searcher';
 export * from './switchInput';
+export * from './datePicker/datePicker';

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

@@ -1,4 +1,4 @@
 export * from './emptyState/emptyState';
 export * from './actionBar/actionBar';
 export * from './copyButton/copyButton';
-export * from './tooltip';
+export * from '../tooltip';

package/dist/components/{patterns/tooltip → tooltip}/index.d.ts

@@ -1,3 +1,3 @@
 export { OverflowChecker } from './overflowChecker';
 export { WithTooltip, WithOverflowTooltip } from './tooltip';
-export type { WithTooltipProps, CombinedTooltipProps, TooltipPlacement, BaseTooltipProps } from './tooltip';
+export type { WithTooltipProps, CombinedTooltipProps, TooltipPlacement, BaseTooltipProps, TooltipTrigger, } from './tooltip';

package/dist/components/{patterns/tooltip → tooltip}/tooltip.d.ts

@@ -1,16 +1,18 @@
 import { default as React } from 'react';
 
 export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+export type TooltipTrigger = 'hover' | 'click';
 export interface BaseTooltipProps {
-    content?: string;
+    content?: string | React.ReactNode;
     placement?: TooltipPlacement;
     arrow?: boolean;
     maxWidth?: number | string;
+    trigger?: TooltipTrigger;
 }
 export interface WithTooltipProps extends BaseTooltipProps {
     children: React.ReactElement;
 }
-export declare const WithTooltip: ({ children, content, placement, arrow, maxWidth, ...otherProps }: WithTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WithTooltip: ({ children, content, placement, arrow, maxWidth, trigger, ...otherProps }: WithTooltipProps) => import("react/jsx-runtime").JSX.Element;
 export interface CombinedTooltipProps extends BaseTooltipProps {
     children: React.ReactElement;
 }

package/dist/locales/es.d.ts

@@ -32,6 +32,11 @@ declare const _default: {
         overflowDescription: string;
         componentDescription: string;
         maxWidthDescription: string;
+        clickToSee: string;
+        clickableTitle: string;
+        clickableDescription: string;
+        bulletPoint: string;
+        linkText: string;
     };
     description: {
         checkboxInputReduxFormExample: string;
@@ -107,5 +112,39 @@ declare const _default: {
         running: string;
         alert: string;
     };
+    datePicker: {
+        name: string;
+        value: string;
+        size: string;
+        disabled: string;
+        required: string;
+        noErrors: string;
+        placeholder: string;
+        label: string;
+        format: string;
+        minDate: string;
+        maxDate: string;
+        rightAdornment: string;
+        meta: string;
+        isValid: string;
+        input: string;
+        onChange: string;
+        selectDate: string;
+        dateLabel: string;
+        selectADate: string;
+        requiredDate: string;
+        requiredField: string;
+        dateAndTime: string;
+        dateWithLimits: string;
+        onlyFutureDates: string;
+        customFormat: string;
+        yearSelector: string;
+        timeSelector: string;
+        timeSelectorWithSeconds: string;
+        dateTimeSelector: string;
+        selectYear: string;
+        selectTime: string;
+        selectDateTime: string;
+    };
 };
 export default _default;