sag_components 2.0.0-beta33 → 2.0.0-beta331

package/dist/types/components/BrushChart/BrushChart.stories.d.ts

@@ -0,0 +1,150 @@
+declare namespace _default {
+    export const title: string;
+    export { BrushChart as component };
+    export namespace argTypes {
+        export namespace width {
+            const name: string;
+            namespace control {
+                const type: string;
+            }
+            const description: string;
+        }
+        export namespace height {
+            const name_1: string;
+            export { name_1 as name };
+            export namespace control_1 {
+                const type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+            const description_1: string;
+            export { description_1 as description };
+        }
+        export namespace brushInnerBarData {
+            const name_2: string;
+            export { name_2 as name };
+            export namespace control_2 {
+                const type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+            const description_2: string;
+            export { description_2 as description };
+        }
+        export namespace brushAreaBarData {
+            const name_3: string;
+            export { name_3 as name };
+            export namespace control_3 {
+                const type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+            const description_3: string;
+            export { description_3 as description };
+        }
+        export namespace brushBarIncData {
+            const name_4: string;
+            export { name_4 as name };
+            export namespace control_4 {
+                const type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+            const description_4: string;
+            export { description_4 as description };
+        }
+        export namespace brushBarBasketData {
+            const name_5: string;
+            export { name_5 as name };
+            export namespace control_5 {
+                const type_5: string;
+                export { type_5 as type };
+            }
+            export { control_5 as control };
+            const description_5: string;
+            export { description_5 as description };
+        }
+        export namespace hideBrush {
+            const name_6: string;
+            export { name_6 as name };
+            export namespace control_6 {
+                const type_6: string;
+                export { type_6 as type };
+            }
+            export { control_6 as control };
+            const description_6: string;
+            export { description_6 as description };
+        }
+        export namespace segmentedbuttonOptions {
+            const name_7: string;
+            export { name_7 as name };
+            export namespace control_7 {
+                const type_7: string;
+                export { type_7 as type };
+            }
+            export { control_7 as control };
+            const description_7: string;
+            export { description_7 as description };
+        }
+        export namespace title_1 {
+            const name_8: string;
+            export { name_8 as name };
+            export namespace control_8 {
+                const type_8: string;
+                export { type_8 as type };
+            }
+            export { control_8 as control };
+            const description_8: string;
+            export { description_8 as description };
+        }
+        export { title_1 as title };
+        export namespace lineChartColor {
+            const name_9: string;
+            export { name_9 as name };
+            export namespace control_9 {
+                const type_9: string;
+                export { type_9 as type };
+            }
+            export { control_9 as control };
+            const description_9: string;
+            export { description_9 as description };
+        }
+        export namespace innerChartColor {
+            const name_10: string;
+            export { name_10 as name };
+            export namespace control_10 {
+                const type_10: string;
+                export { type_10 as type };
+            }
+            export { control_10 as control };
+            const description_10: string;
+            export { description_10 as description };
+        }
+        export namespace barChartColor {
+            const name_11: string;
+            export { name_11 as name };
+            export namespace control_11 {
+                const type_11: string;
+                export { type_11 as type };
+            }
+            export { control_11 as control };
+            const description_11: string;
+            export { description_11 as description };
+        }
+        export namespace barSize {
+            const name_12: string;
+            export { name_12 as name };
+            export namespace control_12 {
+                const type_12: string;
+                export { type_12 as type };
+            }
+            export { control_12 as control };
+            const description_12: string;
+            export { description_12 as description };
+        }
+    }
+}
+export default _default;
+export const Default: any;
+export const WithCustomData: any;
+import BrushChart from "./BrushChart";

package/dist/types/components/BrushChart/BrushChart.style.d.ts

@@ -0,0 +1,47 @@
+export const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const SegmentedContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never>> & string & Omit<{
+    (props: any): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        name: import("prop-types").Requireable<string>;
+        options: import("prop-types").Requireable<import("prop-types").InferProps<{
+            value: import("prop-types").Requireable<string>;
+        }>[]>;
+        width: import("prop-types").Requireable<number>;
+        height: import("prop-types").Requireable<number>;
+        controlradius: import("prop-types").Requireable<number>;
+        segmentradius: import("prop-types").Requireable<number>;
+        gap: import("prop-types").Requireable<string>;
+        fontSize: import("prop-types").Requireable<number>;
+        selectedsegmentcolor: import("prop-types").Requireable<string>;
+        selectedtextcolor: import("prop-types").Requireable<string>;
+        unselectedtextcolor: import("prop-types").Requireable<string>;
+        defaultIndex: import("prop-types").Requireable<number>;
+        onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+    };
+    defaultProps: {
+        name: string;
+        options: {
+            value: string;
+        }[];
+        width: number;
+        height: number;
+        controlradius: number;
+        segmentradius: number;
+        gap: string;
+        fontSize: number;
+        selectedsegmentcolor: string;
+        selectedtextcolor: string;
+        unselectedtextcolor: string;
+        defaultIndex: number;
+        onClick: () => void;
+    };
+}, keyof import("react").Component<any, {}, any>>;
+export const ChartContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export const BrushChart: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const LineChartWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const BarChartWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const Controls: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TooltipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TooltipTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export const TooltipText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;

package/dist/types/components/BrushChart/Charts/BarLine.d.ts

@@ -0,0 +1,2 @@
+export default BarLine;
+declare function BarLine(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/BrushChart/Charts/InnerBar.d.ts

@@ -0,0 +1,2 @@
+export default InnerBar;
+declare function InnerBar(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/BrushChart/Charts/SingleChart.d.ts

@@ -0,0 +1,2 @@
+export default SingleChart;
+declare function SingleChart(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/BubbleChart/BubbleChart.d.ts

@@ -0,0 +1,16 @@
+export function BubbleChart({ data, title, subtitle, leftHeader, rightHeader, topHeader, bottomHeader, colorPalette, height, width, backgroundColor, showAxis, noDataText, }: {
+    data?: any[];
+    title?: string;
+    subtitle?: string;
+    leftHeader?: string;
+    rightHeader?: string;
+    topHeader?: string;
+    bottomHeader?: string;
+    colorPalette?: string[];
+    height?: string;
+    width?: string;
+    backgroundColor?: string;
+    showAxis?: boolean;
+    noDataText?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export default BubbleChart;

package/dist/types/components/BubbleChart/BubbleChart.stories.d.ts

@@ -0,0 +1,101 @@
+/// <reference types="mdx" />
+declare namespace _default {
+    export const title: string;
+    export { BubbleChart as component };
+    export const tags: string[];
+    export namespace parameters {
+        namespace docs {
+            namespace description {
+                export { readme as component };
+            }
+        }
+    }
+    export namespace argTypes {
+        export namespace title_1 {
+            export const control: string;
+            const description_1: string;
+            export { description_1 as description };
+        }
+        export { title_1 as title };
+        export namespace subtitle {
+            const control_1: string;
+            export { control_1 as control };
+            const description_2: string;
+            export { description_2 as description };
+        }
+        export namespace leftHeader {
+            const control_2: string;
+            export { control_2 as control };
+            const description_3: string;
+            export { description_3 as description };
+        }
+        export namespace rightHeader {
+            const control_3: string;
+            export { control_3 as control };
+            const description_4: string;
+            export { description_4 as description };
+        }
+        export namespace topHeader {
+            const control_4: string;
+            export { control_4 as control };
+            const description_5: string;
+            export { description_5 as description };
+        }
+        export namespace bottomHeader {
+            const control_5: string;
+            export { control_5 as control };
+            const description_6: string;
+            export { description_6 as description };
+        }
+        export namespace height {
+            const control_6: string;
+            export { control_6 as control };
+            const description_7: string;
+            export { description_7 as description };
+        }
+        export namespace width {
+            const control_7: string;
+            export { control_7 as control };
+            const description_8: string;
+            export { description_8 as description };
+        }
+        export namespace data {
+            const description_9: string;
+            export { description_9 as description };
+        }
+        export namespace colorPalette {
+            const control_8: string;
+            export { control_8 as control };
+            const description_10: string;
+            export { description_10 as description };
+        }
+        export namespace backgroundColor {
+            const control_9: string;
+            export { control_9 as control };
+            const description_11: string;
+            export { description_11 as description };
+        }
+        export namespace showAxis {
+            const control_10: string;
+            export { control_10 as control };
+            const description_12: string;
+            export { description_12 as description };
+        }
+        export namespace noDataText {
+            const control_11: string;
+            export { control_11 as control };
+            const description_13: string;
+            export { description_13 as description };
+        }
+    }
+}
+export default _default;
+export const Default: any;
+export const EdgeCaseData: any;
+export const ShowAxis: any;
+export const InAdThemeData: any;
+export const EcommOnlySavingsEventData: any;
+export const backgroundWhite: any;
+export const noData: any;
+import BubbleChart from "./BubbleChart";
+import readme from "*.md";

package/dist/types/components/BubbleChart/BubbleChart.style.d.ts

@@ -0,0 +1,13 @@
+export const BubbleChartContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const QuadrantLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const CustomTooltipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TooltipMetric: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const BubbleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const HeaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ChartTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export const ChartSubtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export const ChartContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ZoomControlsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ZoomPercentage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export const ZoomButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export const ZoomResetButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

package/dist/types/components/Button/Button.d.ts

@@ -1,22 +1,2 @@
-export function Button({ text, type, size, height, width, disabled, textColor, backgroundColor, borderColor, hoverTextColor, hoverBackgroundColor, hoverBorderColor, disabledTextColor, disabledBackgroundColor, disabledBorderColor, onClick, leftIcon, rightIcon, isSubmitButton, }: {
-    text?: string | undefined;
-    type?: string | undefined;
-    size?: string | undefined;
-    height?: string | undefined;
-    width?: string | undefined;
-    disabled?: boolean | undefined;
-    textColor?: string | undefined;
-    backgroundColor?: string | undefined;
-    borderColor?: string | undefined;
-    hoverTextColor?: string | undefined;
-    hoverBackgroundColor?: string | undefined;
-    hoverBorderColor?: string | undefined;
-    disabledTextColor?: string | undefined;
-    disabledBackgroundColor?: string | undefined;
-    disabledBorderColor?: string | undefined;
-    onClick: any;
-    leftIcon?: string | undefined;
-    rightIcon?: string | undefined;
-    isSubmitButton?: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element;
 export default Button;
+declare function Button(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Button/Button.stories.d.ts

@@ -0,0 +1,245 @@
+declare namespace _default {
+    export const title: string;
+    export { Button as component };
+    export const tags: string[];
+    export namespace parameters {
+        namespace design {
+            const type: string;
+            const url: string;
+        }
+    }
+    export namespace argTypes {
+        export namespace text {
+            const name: string;
+            namespace control {
+                const type_1: string;
+                export { type_1 as type };
+            }
+            const description: string;
+        }
+        export namespace type_2 {
+            const name_1: string;
+            export { name_1 as name };
+            export namespace control_1 {
+                const type_3: string;
+                export { type_3 as type };
+            }
+            export { control_1 as control };
+            export const options: string[];
+            const description_1: string;
+            export { description_1 as description };
+        }
+        export { type_2 as type };
+        export namespace size {
+            const name_2: string;
+            export { name_2 as name };
+            export namespace control_2 {
+                const type_4: string;
+                export { type_4 as type };
+            }
+            export { control_2 as control };
+            const options_1: string[];
+            export { options_1 as options };
+            const description_2: string;
+            export { description_2 as description };
+        }
+        export namespace disabled {
+            const name_3: string;
+            export { name_3 as name };
+            export namespace control_3 {
+                const type_5: string;
+                export { type_5 as type };
+            }
+            export { control_3 as control };
+            const description_3: string;
+            export { description_3 as description };
+            export const defaultValue: string;
+        }
+        export namespace backgroundColor {
+            const name_4: string;
+            export { name_4 as name };
+            export namespace control_4 {
+                const type_6: string;
+                export { type_6 as type };
+                export const presetColors: string[];
+                const description_4: string;
+                export { description_4 as description };
+            }
+            export { control_4 as control };
+        }
+        export namespace hoverBorderColor {
+            const name_5: string;
+            export { name_5 as name };
+            export namespace control_5 {
+                const type_7: string;
+                export { type_7 as type };
+                const presetColors_1: string[];
+                export { presetColors_1 as presetColors };
+                const description_5: string;
+                export { description_5 as description };
+            }
+            export { control_5 as control };
+        }
+        export namespace hoverTextColor {
+            const name_6: string;
+            export { name_6 as name };
+            export namespace control_6 {
+                const type_8: string;
+                export { type_8 as type };
+                const presetColors_2: string[];
+                export { presetColors_2 as presetColors };
+                const description_6: string;
+                export { description_6 as description };
+            }
+            export { control_6 as control };
+        }
+        export namespace hoverBackgroundColor {
+            const name_7: string;
+            export { name_7 as name };
+            export namespace control_7 {
+                const type_9: string;
+                export { type_9 as type };
+                const presetColors_3: string[];
+                export { presetColors_3 as presetColors };
+                const description_7: string;
+                export { description_7 as description };
+            }
+            export { control_7 as control };
+        }
+        export namespace borderColor {
+            const name_8: string;
+            export { name_8 as name };
+            export namespace control_8 {
+                const type_10: string;
+                export { type_10 as type };
+                const presetColors_4: string[];
+                export { presetColors_4 as presetColors };
+                const description_8: string;
+                export { description_8 as description };
+            }
+            export { control_8 as control };
+        }
+        export namespace borderRadius {
+            const name_9: string;
+            export { name_9 as name };
+            export namespace control_9 {
+                const type_11: string;
+                export { type_11 as type };
+            }
+            export { control_9 as control };
+            const description_9: string;
+            export { description_9 as description };
+        }
+        export namespace textColor {
+            const name_10: string;
+            export { name_10 as name };
+            export namespace control_10 {
+                const type_12: string;
+                export { type_12 as type };
+                const presetColors_5: string[];
+                export { presetColors_5 as presetColors };
+                const description_10: string;
+                export { description_10 as description };
+            }
+            export { control_10 as control };
+        }
+        export namespace onClick {
+            const name_11: string;
+            export { name_11 as name };
+            export const action: string;
+            const description_11: string;
+            export { description_11 as description };
+        }
+        export namespace leftIcon {
+            const name_12: string;
+            export { name_12 as name };
+            const options_2: string[];
+            export { options_2 as options };
+            export namespace control_11 {
+                const type_13: string;
+                export { type_13 as type };
+            }
+            export { control_11 as control };
+            const description_12: string;
+            export { description_12 as description };
+        }
+        export namespace rightIcon {
+            const name_13: string;
+            export { name_13 as name };
+            const options_3: string[];
+            export { options_3 as options };
+            export namespace control_12 {
+                const type_14: string;
+                export { type_14 as type };
+            }
+            export { control_12 as control };
+            const description_13: string;
+            export { description_13 as description };
+        }
+        export namespace isSubmitButton {
+            const name_14: string;
+            export { name_14 as name };
+            export namespace control_13 {
+                const type_15: string;
+                export { type_15 as type };
+            }
+            export { control_13 as control };
+            const description_14: string;
+            export { description_14 as description };
+        }
+        export namespace disabledTextColor {
+            const name_15: string;
+            export { name_15 as name };
+            export namespace control_14 {
+                const type_16: string;
+                export { type_16 as type };
+                const presetColors_6: string[];
+                export { presetColors_6 as presetColors };
+                const description_15: string;
+                export { description_15 as description };
+            }
+            export { control_14 as control };
+        }
+        export namespace disabledBackgroundColor {
+            const name_16: string;
+            export { name_16 as name };
+            export namespace control_15 {
+                const type_17: string;
+                export { type_17 as type };
+                const presetColors_7: string[];
+                export { presetColors_7 as presetColors };
+                const description_16: string;
+                export { description_16 as description };
+            }
+            export { control_15 as control };
+        }
+        export namespace disabledBorderColor {
+            const name_17: string;
+            export { name_17 as name };
+            export namespace control_16 {
+                const type_18: string;
+                export { type_18 as type };
+                const presetColors_8: string[];
+                export { presetColors_8 as presetColors };
+                const description_17: string;
+                export { description_17 as description };
+            }
+            export { control_16 as control };
+        }
+    }
+}
+export default _default;
+export const PrimaryDefault: any;
+export const PrimaryDisabled: any;
+export const SecondaryDefault: any;
+export const SecondaryDisabled: any;
+export const SmallButtonTwoIcons: any;
+export const SmallButtonLeftIcon: any;
+export const SmallButtonRightIcon: any;
+export const MediumButtonTwoIcons: any;
+export const MediumButtonLeftIcon: any;
+export const MediumButtonRightIcon: any;
+export const SubmitButton: any;
+export const Previous: any;
+export const Next: any;
+import Button from "./Button";

package/dist/types/components/CampaignTool/CampaignDemoReport.d.ts

@@ -3,15 +3,15 @@ declare function CampaignDemoReport(props: any): import("react/jsx-runtime").JSX
 declare namespace CampaignDemoReport {
     namespace propTypes {
         const topHeadline: PropTypes.Requireable<string>;
-        const topLabels: PropTypes.Requireable<(PropTypes.InferProps<{
+        const topLabels: PropTypes.Requireable<PropTypes.InferProps<{
             value: PropTypes.Requireable<string>;
             icon: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const bottomHeadline: PropTypes.Requireable<string>;
-        const bottomLabels: PropTypes.Requireable<(PropTypes.InferProps<{
+        const bottomLabels: PropTypes.Requireable<PropTypes.InferProps<{
             value: PropTypes.Requireable<string>;
             icon: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
     }
     namespace defaultProps {
         const topHeadline_1: string;

package/dist/types/components/CampaignTool/Card.d.ts

@@ -2,12 +2,12 @@ export default Card;
 declare function Card(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace Card {
     namespace propTypes {
-        const data: PropTypes.Requireable<(PropTypes.InferProps<{
+        const data: PropTypes.Requireable<PropTypes.InferProps<{
             key: PropTypes.Requireable<string>;
             icon: PropTypes.Requireable<string>;
             label: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<number>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const cardTitle: PropTypes.Requireable<string>;
         const buttonText: PropTypes.Requireable<string>;
         const onCardButtonClick: PropTypes.Requireable<(...args: any[]) => any>;