mblabs-roccato-frontend-commons 0.1.21 → 0.1.23
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 +25 -4
- package/dist/mblabs-roccato-frontend-commons.css +1 -1
- package/dist/mblabs-roccato-frontend-commons.js +11188 -11098
- 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/download-cloud-02.tsx +15 -0
- package/src/components/icons/face-frown.tsx +15 -0
- package/src/components/icons/index.ts +7 -0
- package/src/components/icons/paragraph-spacing.tsx +15 -0
- package/src/components/icons/save-01.tsx +15 -0
- package/src/components/icons/tag-03.tsx +15 -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
|
|
|
@@ -610,6 +613,8 @@ export declare function displayAmount(amount: number, limit?: number): string;
|
|
|
610
613
|
|
|
611
614
|
export declare function DotsVertical(props: ComponentProps<'svg'>): JSX.Element;
|
|
612
615
|
|
|
616
|
+
export declare const DownloadCloud02: (props: ComponentProps<"svg">) => JSX.Element;
|
|
617
|
+
|
|
613
618
|
export declare function Drawer({ ...props }: React_2.ComponentProps<typeof Drawer_2.Root>): JSX.Element;
|
|
614
619
|
|
|
615
620
|
export declare function DrawerClose({ ...props }: React_2.ComponentProps<typeof Drawer_2.Close>): JSX.Element;
|
|
@@ -632,7 +637,8 @@ export declare function DrawerTrigger({ ...props }: React_2.ComponentProps<typeo
|
|
|
632
637
|
|
|
633
638
|
export declare const Dropdown: <Option extends {
|
|
634
639
|
label: string;
|
|
635
|
-
|
|
640
|
+
icon?: React.ReactNode;
|
|
641
|
+
}, 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
642
|
|
|
637
643
|
export declare function DropdownMenu({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Root>): JSX.Element;
|
|
638
644
|
|
|
@@ -672,16 +678,23 @@ export declare function DropdownMenuSubTrigger({ className, inset, children, var
|
|
|
672
678
|
|
|
673
679
|
export declare function DropdownMenuTrigger({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): JSX.Element;
|
|
674
680
|
|
|
675
|
-
declare type DropdownProps<Option
|
|
681
|
+
declare type DropdownProps<Option extends {
|
|
682
|
+
label: string;
|
|
683
|
+
icon?: React.ReactNode;
|
|
684
|
+
}, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Props<Option, IsMulti, Group> & {
|
|
676
685
|
creatable?: boolean;
|
|
677
686
|
isDisabled?: boolean;
|
|
678
687
|
showSearchIcon?: boolean;
|
|
679
688
|
size?: 'sm' | 'md' | 'lg';
|
|
680
689
|
icon?: React.ReactNode;
|
|
690
|
+
rounded?: 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
|
|
691
|
+
createLabel?: string;
|
|
681
692
|
};
|
|
682
693
|
|
|
683
694
|
export declare function Edit01(props: ComponentProps<'svg'>): JSX.Element;
|
|
684
695
|
|
|
696
|
+
export declare const FaceFrown: (props: ComponentProps<"svg">) => JSX.Element;
|
|
697
|
+
|
|
685
698
|
export declare function File06(props: ComponentProps<'svg'>): JSX.Element;
|
|
686
699
|
|
|
687
700
|
export declare const FileUpload: ({ onUpload, maxSize, accept, maxFiles, className, dragAndDropLabel, dragActiveLabel, maxSizeLabel, maxFilesLabel, uploadCompleteLabel, }: FileUploadProps) => JSX.Element;
|
|
@@ -845,7 +858,7 @@ export declare interface InputSearchProps extends Omit<ComponentProps<'input'>,
|
|
|
845
858
|
/** Size of the input field */
|
|
846
859
|
size?: keyof typeof INPUT_SIZE_CLASSES;
|
|
847
860
|
/** Container rounded state styling */
|
|
848
|
-
rounded?: 'md' | 'lg' | '2xl';
|
|
861
|
+
rounded?: 'md' | 'lg' | '2xl' | '3xl' | 'full';
|
|
849
862
|
/** Callback triggered when search is performed (Enter key or button click) */
|
|
850
863
|
onSearch?: (value: string) => void;
|
|
851
864
|
/** Callback triggered when input value changes */
|
|
@@ -1077,6 +1090,8 @@ export declare interface PaginationProps {
|
|
|
1077
1090
|
'aria-label'?: string;
|
|
1078
1091
|
}
|
|
1079
1092
|
|
|
1093
|
+
export declare function ParagraphSpacing(props: ComponentProps<'svg'>): JSX.Element;
|
|
1094
|
+
|
|
1080
1095
|
export declare const PDFViewer: ({ fileUrl, className }: PDFViewerProps) => JSX.Element;
|
|
1081
1096
|
|
|
1082
1097
|
declare interface PDFViewerProps {
|
|
@@ -1165,6 +1180,8 @@ export declare function ResizablePanel({ ...props }: React_2.ComponentProps<type
|
|
|
1165
1180
|
|
|
1166
1181
|
export declare function ResizablePanelGroup({ className, ...props }: React_2.ComponentProps<typeof ResizablePrimitive.PanelGroup>): JSX.Element;
|
|
1167
1182
|
|
|
1183
|
+
export declare function Save01(props: ComponentProps<'svg'>): JSX.Element;
|
|
1184
|
+
|
|
1168
1185
|
declare interface ScreenSizes {
|
|
1169
1186
|
isMobile: boolean;
|
|
1170
1187
|
isTablet: boolean;
|
|
@@ -1385,6 +1402,8 @@ export declare function TabsTrigger({ className, ...props }: React_2.ComponentPr
|
|
|
1385
1402
|
|
|
1386
1403
|
export declare function Tag01(props: ComponentProps<'svg'>): JSX.Element;
|
|
1387
1404
|
|
|
1405
|
+
export declare const Tag03: (props: ComponentProps<"svg">) => JSX.Element;
|
|
1406
|
+
|
|
1388
1407
|
export declare function Textarea({ className, ...props }: React_2.ComponentProps<'textarea'>): JSX.Element;
|
|
1389
1408
|
|
|
1390
1409
|
declare const THEMES: {
|
|
@@ -1498,6 +1517,8 @@ export declare function VideoPlayer({ videoUrl, className }: {
|
|
|
1498
1517
|
className?: string;
|
|
1499
1518
|
}): JSX.Element;
|
|
1500
1519
|
|
|
1520
|
+
export declare function XClose(props: ComponentProps<'svg'>): JSX.Element;
|
|
1521
|
+
|
|
1501
1522
|
export declare function Zap(props: ComponentProps<'svg'>): JSX.Element;
|
|
1502
1523
|
|
|
1503
1524
|
export { }
|