bsm-design-system 1.23.1 → 1.24.0
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/index.d.mts +36 -1
- package/index.d.ts +36 -1
- package/index.js +26 -20
- package/index.mjs +26 -20
- package/package.json +1 -1
- package/styles.css +1 -1
package/index.d.mts
CHANGED
|
@@ -956,6 +956,39 @@ type BreadcrumbProps = {
|
|
|
956
956
|
}>;
|
|
957
957
|
};
|
|
958
958
|
|
|
959
|
+
type TimeValue = {
|
|
960
|
+
hour?: string;
|
|
961
|
+
minute?: string;
|
|
962
|
+
};
|
|
963
|
+
|
|
964
|
+
interface TimePickerProps {
|
|
965
|
+
helperText?: string;
|
|
966
|
+
placeholderText?: string;
|
|
967
|
+
size?: "xs" | "sm" | "md" | "lg";
|
|
968
|
+
disabled?: boolean;
|
|
969
|
+
readOnly?: boolean;
|
|
970
|
+
error?: boolean;
|
|
971
|
+
rounded?: boolean;
|
|
972
|
+
className?: string;
|
|
973
|
+
label?: string;
|
|
974
|
+
|
|
975
|
+
value?: TimeValue;
|
|
976
|
+
|
|
977
|
+
minTime?: TimeValue;
|
|
978
|
+
maxTime?: TimeValue;
|
|
979
|
+
|
|
980
|
+
disabledHours?: string[];
|
|
981
|
+
disabledMinutes?: string[];
|
|
982
|
+
|
|
983
|
+
isHourDisabled?: (hour: string) => boolean;
|
|
984
|
+
|
|
985
|
+
isMinuteDisabled?: (minute: string, selectedHour?: string) => boolean;
|
|
986
|
+
|
|
987
|
+
isTimeDisabled?: (time: TimeValue) => boolean;
|
|
988
|
+
|
|
989
|
+
onChange?: (time: TimeValue, type: keyof TimeValue, value: string) => void;
|
|
990
|
+
}
|
|
991
|
+
|
|
959
992
|
type IconType = React.ComponentType<React.SVGProps<SVGSVGElement>>;
|
|
960
993
|
|
|
961
994
|
type OrientationType = "horizontal" | "vertical";
|
|
@@ -1182,6 +1215,8 @@ interface TextAreaProps extends DefaultType {
|
|
|
1182
1215
|
|
|
1183
1216
|
declare function Textarea({ className, error, readOnly, disabled, helperText, label, ...props }: TextAreaProps): react_jsx_runtime.JSX.Element;
|
|
1184
1217
|
|
|
1218
|
+
declare function TimePicker({ size, value, error, label, minTime, maxTime, rounded, disabled, readOnly, className, helperText, disabledHours, disabledMinutes, placeholderText, isHourDisabled, isMinuteDisabled, isTimeDisabled, onChange, }: TimePickerProps): react_jsx_runtime.JSX.Element;
|
|
1219
|
+
|
|
1185
1220
|
declare const RULES: {
|
|
1186
1221
|
readonly ONLY_DIGITS: RegExp;
|
|
1187
1222
|
readonly ONLY_CHARS: RegExp;
|
|
@@ -1196,4 +1231,4 @@ declare const isNoSpace: (value: string) => boolean;
|
|
|
1196
1231
|
|
|
1197
1232
|
declare const toEnglishDigits: (value: string) => string;
|
|
1198
1233
|
|
|
1199
|
-
export { Accordion, type AccordionProps, type AccordionVariant, Alert, type AlertProps, type AlertTypes, type AlertVariants, DynamicBreadcrumb as Breadcrumb, type BreadcrumbItemType, type BreadcrumbProps, Button, type ButtonColors, type ButtonProps, type ButtonSize, type ButtonVariant, Card, Checkbox, type CheckboxProps, type CheckboxSize, Badge as Chips, type ChipsType, type ChipsVariantType, SmartDialog as Dialog, type DialogHeaderBarProps, type SmartDialogProps as DialogProps, type DialogSize, SmartSheet as Drawer, type DrawerHeader, type DrawerProps, type DrawerSide, DropdownMenu, type IconType, Input, InputOTP, type InputProps, type InputSize, NestedAccordionMenu as ListMenu, type MultiSelectProps, type MultiSelectValueType, type OTPProps, type OrientationType, Pagination, type PaginationProps, Popover, type PopoverContent$1 as PopoverContent, type PopoverProps, type PopoverTrigger$1 as PopoverTrigger, RULES, RadioGroup, type RadioItemProps, type RadioProps, type RadioSize, ScrollArea, SegmentButton, type SegmentButtonSize, type SegmentButtonType, Select, type SelectOptionType, type SelectProps, type SingleSelectProps, type SingleSelectValueType, Skeleton, type StateAction, type StepItem, Stepper, type StepperProps, Switch, type SwitchProps, type SwitchSize, Table, Tabs, type TabsContentProps, type TabsListProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariants, Tag, type TagType, type TagVariantsType, Textarea, Tooltip, isNoSpace, isOnlyChars, isOnlyDigits, isOnlyDigitsAndChars, toEnglishDigits };
|
|
1234
|
+
export { Accordion, type AccordionProps, type AccordionVariant, Alert, type AlertProps, type AlertTypes, type AlertVariants, DynamicBreadcrumb as Breadcrumb, type BreadcrumbItemType, type BreadcrumbProps, Button, type ButtonColors, type ButtonProps, type ButtonSize, type ButtonVariant, Card, Checkbox, type CheckboxProps, type CheckboxSize, Badge as Chips, type ChipsType, type ChipsVariantType, SmartDialog as Dialog, type DialogHeaderBarProps, type SmartDialogProps as DialogProps, type DialogSize, SmartSheet as Drawer, type DrawerHeader, type DrawerProps, type DrawerSide, DropdownMenu, type IconType, Input, InputOTP, type InputProps, type InputSize, NestedAccordionMenu as ListMenu, type MultiSelectProps, type MultiSelectValueType, type OTPProps, type OrientationType, Pagination, type PaginationProps, Popover, type PopoverContent$1 as PopoverContent, type PopoverProps, type PopoverTrigger$1 as PopoverTrigger, RULES, RadioGroup, type RadioItemProps, type RadioProps, type RadioSize, ScrollArea, SegmentButton, type SegmentButtonSize, type SegmentButtonType, Select, type SelectOptionType, type SelectProps, type SingleSelectProps, type SingleSelectValueType, Skeleton, type StateAction, type StepItem, Stepper, type StepperProps, Switch, type SwitchProps, type SwitchSize, Table, Tabs, type TabsContentProps, type TabsListProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariants, Tag, type TagType, type TagVariantsType, Textarea, TimePicker, type TimePickerProps, type TimeValue, Tooltip, isNoSpace, isOnlyChars, isOnlyDigits, isOnlyDigitsAndChars, toEnglishDigits };
|
package/index.d.ts
CHANGED
|
@@ -956,6 +956,39 @@ type BreadcrumbProps = {
|
|
|
956
956
|
}>;
|
|
957
957
|
};
|
|
958
958
|
|
|
959
|
+
type TimeValue = {
|
|
960
|
+
hour?: string;
|
|
961
|
+
minute?: string;
|
|
962
|
+
};
|
|
963
|
+
|
|
964
|
+
interface TimePickerProps {
|
|
965
|
+
helperText?: string;
|
|
966
|
+
placeholderText?: string;
|
|
967
|
+
size?: "xs" | "sm" | "md" | "lg";
|
|
968
|
+
disabled?: boolean;
|
|
969
|
+
readOnly?: boolean;
|
|
970
|
+
error?: boolean;
|
|
971
|
+
rounded?: boolean;
|
|
972
|
+
className?: string;
|
|
973
|
+
label?: string;
|
|
974
|
+
|
|
975
|
+
value?: TimeValue;
|
|
976
|
+
|
|
977
|
+
minTime?: TimeValue;
|
|
978
|
+
maxTime?: TimeValue;
|
|
979
|
+
|
|
980
|
+
disabledHours?: string[];
|
|
981
|
+
disabledMinutes?: string[];
|
|
982
|
+
|
|
983
|
+
isHourDisabled?: (hour: string) => boolean;
|
|
984
|
+
|
|
985
|
+
isMinuteDisabled?: (minute: string, selectedHour?: string) => boolean;
|
|
986
|
+
|
|
987
|
+
isTimeDisabled?: (time: TimeValue) => boolean;
|
|
988
|
+
|
|
989
|
+
onChange?: (time: TimeValue, type: keyof TimeValue, value: string) => void;
|
|
990
|
+
}
|
|
991
|
+
|
|
959
992
|
type IconType = React.ComponentType<React.SVGProps<SVGSVGElement>>;
|
|
960
993
|
|
|
961
994
|
type OrientationType = "horizontal" | "vertical";
|
|
@@ -1182,6 +1215,8 @@ interface TextAreaProps extends DefaultType {
|
|
|
1182
1215
|
|
|
1183
1216
|
declare function Textarea({ className, error, readOnly, disabled, helperText, label, ...props }: TextAreaProps): react_jsx_runtime.JSX.Element;
|
|
1184
1217
|
|
|
1218
|
+
declare function TimePicker({ size, value, error, label, minTime, maxTime, rounded, disabled, readOnly, className, helperText, disabledHours, disabledMinutes, placeholderText, isHourDisabled, isMinuteDisabled, isTimeDisabled, onChange, }: TimePickerProps): react_jsx_runtime.JSX.Element;
|
|
1219
|
+
|
|
1185
1220
|
declare const RULES: {
|
|
1186
1221
|
readonly ONLY_DIGITS: RegExp;
|
|
1187
1222
|
readonly ONLY_CHARS: RegExp;
|
|
@@ -1196,4 +1231,4 @@ declare const isNoSpace: (value: string) => boolean;
|
|
|
1196
1231
|
|
|
1197
1232
|
declare const toEnglishDigits: (value: string) => string;
|
|
1198
1233
|
|
|
1199
|
-
export { Accordion, type AccordionProps, type AccordionVariant, Alert, type AlertProps, type AlertTypes, type AlertVariants, DynamicBreadcrumb as Breadcrumb, type BreadcrumbItemType, type BreadcrumbProps, Button, type ButtonColors, type ButtonProps, type ButtonSize, type ButtonVariant, Card, Checkbox, type CheckboxProps, type CheckboxSize, Badge as Chips, type ChipsType, type ChipsVariantType, SmartDialog as Dialog, type DialogHeaderBarProps, type SmartDialogProps as DialogProps, type DialogSize, SmartSheet as Drawer, type DrawerHeader, type DrawerProps, type DrawerSide, DropdownMenu, type IconType, Input, InputOTP, type InputProps, type InputSize, NestedAccordionMenu as ListMenu, type MultiSelectProps, type MultiSelectValueType, type OTPProps, type OrientationType, Pagination, type PaginationProps, Popover, type PopoverContent$1 as PopoverContent, type PopoverProps, type PopoverTrigger$1 as PopoverTrigger, RULES, RadioGroup, type RadioItemProps, type RadioProps, type RadioSize, ScrollArea, SegmentButton, type SegmentButtonSize, type SegmentButtonType, Select, type SelectOptionType, type SelectProps, type SingleSelectProps, type SingleSelectValueType, Skeleton, type StateAction, type StepItem, Stepper, type StepperProps, Switch, type SwitchProps, type SwitchSize, Table, Tabs, type TabsContentProps, type TabsListProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariants, Tag, type TagType, type TagVariantsType, Textarea, Tooltip, isNoSpace, isOnlyChars, isOnlyDigits, isOnlyDigitsAndChars, toEnglishDigits };
|
|
1234
|
+
export { Accordion, type AccordionProps, type AccordionVariant, Alert, type AlertProps, type AlertTypes, type AlertVariants, DynamicBreadcrumb as Breadcrumb, type BreadcrumbItemType, type BreadcrumbProps, Button, type ButtonColors, type ButtonProps, type ButtonSize, type ButtonVariant, Card, Checkbox, type CheckboxProps, type CheckboxSize, Badge as Chips, type ChipsType, type ChipsVariantType, SmartDialog as Dialog, type DialogHeaderBarProps, type SmartDialogProps as DialogProps, type DialogSize, SmartSheet as Drawer, type DrawerHeader, type DrawerProps, type DrawerSide, DropdownMenu, type IconType, Input, InputOTP, type InputProps, type InputSize, NestedAccordionMenu as ListMenu, type MultiSelectProps, type MultiSelectValueType, type OTPProps, type OrientationType, Pagination, type PaginationProps, Popover, type PopoverContent$1 as PopoverContent, type PopoverProps, type PopoverTrigger$1 as PopoverTrigger, RULES, RadioGroup, type RadioItemProps, type RadioProps, type RadioSize, ScrollArea, SegmentButton, type SegmentButtonSize, type SegmentButtonType, Select, type SelectOptionType, type SelectProps, type SingleSelectProps, type SingleSelectValueType, Skeleton, type StateAction, type StepItem, Stepper, type StepperProps, Switch, type SwitchProps, type SwitchSize, Table, Tabs, type TabsContentProps, type TabsListProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariants, Tag, type TagType, type TagVariantsType, Textarea, TimePicker, type TimePickerProps, type TimeValue, Tooltip, isNoSpace, isOnlyChars, isOnlyDigits, isOnlyDigitsAndChars, toEnglishDigits };
|