@dimasbaguspm/versaur 0.0.15 → 0.0.17
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/js/bottom-sheet-CHRSxXRE.js +501 -0
- package/dist/js/{switch-input-Bx6_2zG9.js → email-input-CVyrFzqL.js} +592 -807
- package/dist/js/enforce-subpath-import.js +5 -2
- package/dist/js/feedbacks/index.js +1 -1
- package/dist/js/{form-layout-4ASWdXn8.js → form-layout-Dhlv-FZL.js} +1 -1
- package/dist/js/forms/index.js +17 -14
- package/dist/js/{index-DOdDlCoL.js → index-C1uJQB34.js} +2 -2
- package/dist/js/index.js +40 -37
- package/dist/js/layouts/index.js +1 -1
- package/dist/js/modal-FqewbVts.js +150 -0
- package/dist/js/navigation/index.js +1 -1
- package/dist/js/overlays/index.js +4 -4
- package/dist/js/primitive/index.js +11 -11
- package/dist/js/{skeleton-BNZyaRjo.js → skeleton-QEyPZAuF.js} +1 -1
- package/dist/js/{tabs-BbOkYchB.js → tabs-DYcTvVao.js} +1 -1
- package/dist/js/tile-B9bt2AY6.js +1776 -0
- package/dist/types/forms/chip-multiple-input/chip-multiple-input.atoms.d.ts +10 -0
- package/dist/types/forms/chip-multiple-input/chip-multiple-input.d.ts +5 -0
- package/dist/types/forms/chip-multiple-input/index.d.ts +2 -0
- package/dist/types/forms/{chip-input → chip-multiple-input}/types.d.ts +16 -4
- package/dist/types/forms/chip-single-input/chip-single-input.atoms.d.ts +10 -0
- package/dist/types/forms/chip-single-input/chip-single-input.d.ts +5 -0
- package/dist/types/forms/chip-single-input/index.d.ts +1 -0
- package/dist/types/forms/chip-single-input/types.d.ts +67 -0
- package/dist/types/forms/date-single-picker-input/date-single-picker-input.d.ts +1 -8
- package/dist/types/forms/date-single-picker-input/index.d.ts +1 -1
- package/dist/types/forms/date-single-picker-input/types.d.ts +12 -66
- package/dist/types/forms/email-input/email-input.d.ts +8 -0
- package/dist/types/forms/email-input/index.d.ts +2 -0
- package/dist/types/forms/email-input/types.d.ts +6 -0
- package/dist/types/forms/index.d.ts +5 -1
- package/dist/types/forms/price-input/index.d.ts +2 -0
- package/dist/types/forms/price-input/price-input.d.ts +6 -0
- package/dist/types/forms/price-input/types.d.ts +15 -0
- package/dist/types/forms/price-input/use-price-input.d.ts +6 -0
- package/dist/types/forms/search-input/index.d.ts +2 -0
- package/dist/types/forms/search-input/search-input.d.ts +8 -0
- package/dist/types/forms/search-input/types.d.ts +35 -0
- package/dist/types/forms/segment-multiple-input/types.d.ts +1 -5
- package/dist/types/forms/segment-single-input/types.d.ts +1 -5
- package/dist/types/overlays/modal/types.d.ts +1 -1
- package/dist/types/primitive/anchor/types.d.ts +8 -2
- package/dist/types/primitive/index.d.ts +1 -0
- package/package.json +1 -1
- package/dist/js/bottom-sheet-Difan0U1.js +0 -340
- package/dist/js/calendar-CUjVZ7Ap.js +0 -811
- package/dist/js/menu-Bm-yPIMN.js +0 -310
- package/dist/js/tile-DLmZbkgG.js +0 -891
- package/dist/types/forms/chip-input/chip-input.atoms.d.ts +0 -10
- package/dist/types/forms/chip-input/chip-input.d.ts +0 -5
- package/dist/types/forms/chip-input/index.d.ts +0 -2
- package/dist/types/forms/date-range-picker-input/date-range-picker-input.d.ts +0 -10
- package/dist/types/forms/date-range-picker-input/index.d.ts +0 -2
- package/dist/types/forms/date-range-picker-input/types.d.ts +0 -64
- package/dist/types/forms/date-range-picker-input/use-date-range-picker.d.ts +0 -13
- package/dist/types/forms/date-single-picker-input/date-single-picker-input.atoms.d.ts +0 -13
- package/dist/types/forms/date-single-picker-input/date-single-picker-input.docked.d.ts +0 -14
- package/dist/types/forms/date-single-picker-input/date-single-picker-input.modal.d.ts +0 -15
- package/dist/types/forms/date-single-picker-input/use-date-single-picker.d.ts +0 -10
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { ChipInputOptionProps } from './types';
|
|
3
|
-
/**
|
|
4
|
-
* ChipInput.Option atom component
|
|
5
|
-
*
|
|
6
|
-
* Individual chip option for ChipInput
|
|
7
|
-
* Uses checkbox input pattern for multiple selection
|
|
8
|
-
* Supports leading icon and animated tick/check
|
|
9
|
-
*/
|
|
10
|
-
export declare const ChipOption: React.ForwardRefExoticComponent<ChipInputOptionProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { ChipInputProps } from './types';
|
|
3
|
-
export declare const ChipInput: React.ForwardRefExoticComponent<ChipInputProps & React.RefAttributes<HTMLDivElement>> & {
|
|
4
|
-
Option: React.ForwardRefExoticComponent<import('./types').ChipInputOptionProps & React.RefAttributes<HTMLInputElement>>;
|
|
5
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { DateRangePickerInputProps } from './types';
|
|
3
|
-
/**
|
|
4
|
-
* DateRangePickerInput component for Versaur UI
|
|
5
|
-
*
|
|
6
|
-
* Styled like TextInput, but acts as a button to pick a date range
|
|
7
|
-
* Clicking opens a docked Calendar below the input (type='range')
|
|
8
|
-
* Strictly typed, accessible, and visually consistent with TextInput
|
|
9
|
-
*/
|
|
10
|
-
export declare const DateRangePickerInput: React.ForwardRefExoticComponent<DateRangePickerInputProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* ISO 8601 date string (YYYY-MM-DD)
|
|
4
|
-
*/
|
|
5
|
-
export type ISODateString = string;
|
|
6
|
-
/**
|
|
7
|
-
* Tuple for date range value: [start, end] (ISO 8601 or null)
|
|
8
|
-
*/
|
|
9
|
-
export type DateRangeValue = [ISODateString | null, ISODateString | null] | null;
|
|
10
|
-
/**
|
|
11
|
-
* Props for DateRangePickerInput
|
|
12
|
-
*/
|
|
13
|
-
export interface DateRangePickerInputProps {
|
|
14
|
-
/**
|
|
15
|
-
* The selected date range value (tuple of ISO 8601 strings or nulls)
|
|
16
|
-
*/
|
|
17
|
-
value: DateRangeValue;
|
|
18
|
-
/**
|
|
19
|
-
* Callback when the value changes
|
|
20
|
-
*/
|
|
21
|
-
onChange: (value: DateRangeValue) => void;
|
|
22
|
-
/**
|
|
23
|
-
* Label text to display above the input
|
|
24
|
-
*/
|
|
25
|
-
label?: ReactNode;
|
|
26
|
-
/**
|
|
27
|
-
* Optional content to display inside the input (left)
|
|
28
|
-
*/
|
|
29
|
-
leftContent?: ReactNode;
|
|
30
|
-
/**
|
|
31
|
-
* Optional content to display inside the input (right)
|
|
32
|
-
*/
|
|
33
|
-
rightContent?: ReactNode;
|
|
34
|
-
/**
|
|
35
|
-
* Helper text to display below the input
|
|
36
|
-
*/
|
|
37
|
-
helperText?: ReactNode;
|
|
38
|
-
/**
|
|
39
|
-
* Error message for invalid state
|
|
40
|
-
*/
|
|
41
|
-
error?: ReactNode;
|
|
42
|
-
/**
|
|
43
|
-
* Visual style variant supporting Versaur color system
|
|
44
|
-
*/
|
|
45
|
-
variant?: 'primary' | 'primary-outline' | 'secondary' | 'secondary-outline' | 'tertiary' | 'tertiary-outline' | 'ghost' | 'ghost-outline' | 'neutral' | 'neutral-outline' | 'success' | 'success-outline' | 'info' | 'info-outline' | 'warning' | 'warning-outline' | 'danger' | 'danger-outline';
|
|
46
|
-
/**
|
|
47
|
-
* Disabled state
|
|
48
|
-
*/
|
|
49
|
-
disabled?: boolean;
|
|
50
|
-
/**
|
|
51
|
-
* Placeholder text when no date is selected
|
|
52
|
-
*/
|
|
53
|
-
placeholder?: ReactNode;
|
|
54
|
-
/**
|
|
55
|
-
* Optional id for the input element
|
|
56
|
-
*/
|
|
57
|
-
id?: string;
|
|
58
|
-
/**
|
|
59
|
-
* Optional custom date formatter. If not provided, uses default format.
|
|
60
|
-
* @param date Date to format
|
|
61
|
-
* @returns Formatted date string
|
|
62
|
-
*/
|
|
63
|
-
formatDate?: (date?: Date) => string;
|
|
64
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Hook for managing open/close state and focus for DateRangePickerInput
|
|
3
|
-
*/
|
|
4
|
-
export declare function useDateRangePicker({ id }: {
|
|
5
|
-
id?: string;
|
|
6
|
-
}): {
|
|
7
|
-
open: boolean;
|
|
8
|
-
setOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
|
|
9
|
-
inputId: string;
|
|
10
|
-
buttonRef: import('react').RefObject<HTMLButtonElement | null>;
|
|
11
|
-
handleKeyDown: (e: React.KeyboardEvent) => void;
|
|
12
|
-
handleMenuClose: () => void;
|
|
13
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { DateSinglePickerModalFooterProps, DateSinglePickerInputProps } from './types';
|
|
2
|
-
import { default as React } from 'react';
|
|
3
|
-
export interface DateSinglePickerTriggerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value'> {
|
|
4
|
-
leftContent?: React.ReactNode;
|
|
5
|
-
rightContent?: React.ReactNode;
|
|
6
|
-
hasError?: boolean;
|
|
7
|
-
variant?: DateSinglePickerInputProps['variant'];
|
|
8
|
-
value?: Date;
|
|
9
|
-
placeholder?: string;
|
|
10
|
-
formatDate?: (date?: Date) => string;
|
|
11
|
-
}
|
|
12
|
-
export declare const DateSinglePickerTrigger: React.ForwardRefExoticComponent<DateSinglePickerTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
13
|
-
export declare const DateSinglePickerModalFooter: ({ onCancel, onConfirm, confirmDisabled, }: DateSinglePickerModalFooterProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
interface DateSinglePickerDockedProps {
|
|
3
|
-
open: boolean;
|
|
4
|
-
value: Date | undefined;
|
|
5
|
-
onChange: (date: Date) => void;
|
|
6
|
-
inputId: string;
|
|
7
|
-
handleMenuClose: () => void;
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* Docked calendar atom for DateSinglePickerInput
|
|
11
|
-
* Handles Menu and Calendar rendering for docked type
|
|
12
|
-
*/
|
|
13
|
-
export declare const DateSinglePickerDocked: React.FC<DateSinglePickerDockedProps>;
|
|
14
|
-
export {};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
interface DateSinglePickerModalProps {
|
|
3
|
-
open: boolean;
|
|
4
|
-
setOpen: (open: boolean) => void;
|
|
5
|
-
value: Date | undefined;
|
|
6
|
-
onChange: (date: Date) => void;
|
|
7
|
-
label?: string;
|
|
8
|
-
buttonRef: React.RefObject<HTMLButtonElement>;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* Modal calendar atom for DateSinglePickerInput
|
|
12
|
-
* Handles Modal, Calendar, and ModalFooter for modal type
|
|
13
|
-
*/
|
|
14
|
-
export declare const DateSinglePickerModal: React.FC<DateSinglePickerModalProps>;
|
|
15
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export declare function useDateSinglePicker({ id }: {
|
|
2
|
-
id?: string;
|
|
3
|
-
}): {
|
|
4
|
-
open: boolean;
|
|
5
|
-
setOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
|
|
6
|
-
inputId: string;
|
|
7
|
-
buttonRef: import('react').RefObject<HTMLButtonElement | null>;
|
|
8
|
-
handleKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
9
|
-
handleMenuClose: () => void;
|
|
10
|
-
};
|