mblabs-roccato-frontend-commons 0.1.21 → 0.1.22
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/index.d.ts +15 -4
- package/dist/mblabs-roccato-frontend-commons.css +1 -1
- package/dist/mblabs-roccato-frontend-commons.js +10742 -10711
- package/package.json +1 -1
- package/src/components/atoms/InputSearch/input-search.tsx +3 -1
- package/src/components/icons/chevron-down.tsx +9 -0
- package/src/components/icons/index.ts +2 -0
- package/src/components/icons/x-close.tsx +9 -0
- package/src/components/molecules/DatePicker/date-picker.stories.tsx +7 -1
- package/src/components/molecules/DatePicker/date-picker.tsx +9 -1
- package/src/components/molecules/Dropdown/dropdown.stories.tsx +30 -1
- package/src/components/molecules/Dropdown/dropdown.test.tsx +3 -3
- package/src/components/molecules/Dropdown/dropdown.tsx +86 -57
package/dist/index.d.ts
CHANGED
|
@@ -144,6 +144,7 @@ declare interface BaseDatePickerProps {
|
|
|
144
144
|
footer?: React.ReactNode;
|
|
145
145
|
'data-testid'?: string;
|
|
146
146
|
size?: VariantProps<typeof buttonVariants>['size'];
|
|
147
|
+
rounded?: 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
|
|
147
148
|
}
|
|
148
149
|
|
|
149
150
|
export declare function Bell01(props: ComponentProps<'svg'>): JSX.Element;
|
|
@@ -277,6 +278,8 @@ declare interface CheckIconProps {
|
|
|
277
278
|
|
|
278
279
|
export declare const checkSubset: (array: string[], subset: string[]) => boolean;
|
|
279
280
|
|
|
281
|
+
export declare function ChevronDown(props: ComponentProps<'svg'>): JSX.Element;
|
|
282
|
+
|
|
280
283
|
export declare function ClockRewind(props: ComponentProps<'svg'>): JSX.Element;
|
|
281
284
|
|
|
282
285
|
export declare function cn(...inputs: ClassValue[]): string;
|
|
@@ -582,7 +585,7 @@ export declare function currencyShortener(value: number, currency?: string, loca
|
|
|
582
585
|
|
|
583
586
|
export declare function Dataflow03(props: ComponentProps<'svg'>): JSX.Element;
|
|
584
587
|
|
|
585
|
-
export declare function DatePicker({ value, onChange, placeholder, disabled, className, size, mode, footer, 'data-testid': dataTestId, }: DatePickerProps): JSX.Element;
|
|
588
|
+
export declare function DatePicker({ value, onChange, placeholder, disabled, className, size, mode, footer, rounded, 'data-testid': dataTestId, }: DatePickerProps): JSX.Element;
|
|
586
589
|
|
|
587
590
|
declare type DatePickerProps = SingleDatePickerProps | MultipleDatePickerProps | RangeDatePickerProps;
|
|
588
591
|
|
|
@@ -632,7 +635,8 @@ export declare function DrawerTrigger({ ...props }: React_2.ComponentProps<typeo
|
|
|
632
635
|
|
|
633
636
|
export declare const Dropdown: <Option extends {
|
|
634
637
|
label: string;
|
|
635
|
-
|
|
638
|
+
icon?: React.ReactNode;
|
|
639
|
+
}, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ classNames, components: customComponents, creatable, isDisabled, showSearchIcon, size, icon, rounded, createLabel, ...props }: DropdownProps<Option, IsMulti, Group>) => JSX.Element;
|
|
636
640
|
|
|
637
641
|
export declare function DropdownMenu({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Root>): JSX.Element;
|
|
638
642
|
|
|
@@ -672,12 +676,17 @@ export declare function DropdownMenuSubTrigger({ className, inset, children, var
|
|
|
672
676
|
|
|
673
677
|
export declare function DropdownMenuTrigger({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): JSX.Element;
|
|
674
678
|
|
|
675
|
-
declare type DropdownProps<Option
|
|
679
|
+
declare type DropdownProps<Option extends {
|
|
680
|
+
label: string;
|
|
681
|
+
icon?: React.ReactNode;
|
|
682
|
+
}, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Props<Option, IsMulti, Group> & {
|
|
676
683
|
creatable?: boolean;
|
|
677
684
|
isDisabled?: boolean;
|
|
678
685
|
showSearchIcon?: boolean;
|
|
679
686
|
size?: 'sm' | 'md' | 'lg';
|
|
680
687
|
icon?: React.ReactNode;
|
|
688
|
+
rounded?: 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
|
|
689
|
+
createLabel?: string;
|
|
681
690
|
};
|
|
682
691
|
|
|
683
692
|
export declare function Edit01(props: ComponentProps<'svg'>): JSX.Element;
|
|
@@ -845,7 +854,7 @@ export declare interface InputSearchProps extends Omit<ComponentProps<'input'>,
|
|
|
845
854
|
/** Size of the input field */
|
|
846
855
|
size?: keyof typeof INPUT_SIZE_CLASSES;
|
|
847
856
|
/** Container rounded state styling */
|
|
848
|
-
rounded?: 'md' | 'lg' | '2xl';
|
|
857
|
+
rounded?: 'md' | 'lg' | '2xl' | '3xl' | 'full';
|
|
849
858
|
/** Callback triggered when search is performed (Enter key or button click) */
|
|
850
859
|
onSearch?: (value: string) => void;
|
|
851
860
|
/** Callback triggered when input value changes */
|
|
@@ -1498,6 +1507,8 @@ export declare function VideoPlayer({ videoUrl, className }: {
|
|
|
1498
1507
|
className?: string;
|
|
1499
1508
|
}): JSX.Element;
|
|
1500
1509
|
|
|
1510
|
+
export declare function XClose(props: ComponentProps<'svg'>): JSX.Element;
|
|
1511
|
+
|
|
1501
1512
|
export declare function Zap(props: ComponentProps<'svg'>): JSX.Element;
|
|
1502
1513
|
|
|
1503
1514
|
export { }
|