sag_components 2.0.0-beta29 → 2.0.0-beta291

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

@@ -0,0 +1,695 @@
+declare namespace _default {
+    export const title: string;
+    export { OverlayDropdown as component };
+    export const tags: string[];
+    export const decorators: ((Story: any, context: any) => import("react/jsx-runtime").JSX.Element)[];
+    export namespace argTypes {
+        namespace data {
+            const name: string;
+            namespace control {
+                const type: string;
+            }
+            const description: string;
+        }
+        namespace value {
+            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 };
+        }
+        namespace onSelectClick {
+            export const action: string;
+            const description_2: string;
+            export { description_2 as description };
+            const name_2: string;
+            export { name_2 as name };
+        }
+        namespace label {
+            const name_3: string;
+            export { name_3 as name };
+            export namespace control_2 {
+                const type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+            const description_3: string;
+            export { description_3 as description };
+        }
+        namespace labelEmptyValue {
+            const name_4: string;
+            export { name_4 as name };
+            export namespace control_3 {
+                const type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+            const description_4: string;
+            export { description_4 as description };
+        }
+        namespace showLabelOnTop {
+            const name_5: string;
+            export { name_5 as name };
+            export namespace control_4 {
+                const type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+            const description_5: string;
+            export { description_5 as description };
+        }
+        namespace labelColor {
+            const name_6: string;
+            export { name_6 as name };
+            export namespace control_5 {
+                const type_5: string;
+                export { type_5 as type };
+            }
+            export { control_5 as control };
+            const description_6: string;
+            export { description_6 as description };
+        }
+        namespace placeHolder {
+            const name_7: string;
+            export { name_7 as name };
+            export namespace control_6 {
+                const type_6: string;
+                export { type_6 as type };
+            }
+            export { control_6 as control };
+            const description_7: string;
+            export { description_7 as description };
+        }
+        namespace placeHolderColor {
+            const name_8: string;
+            export { name_8 as name };
+            export namespace control_7 {
+                const type_7: string;
+                export { type_7 as type };
+            }
+            export { control_7 as control };
+            const description_8: string;
+            export { description_8 as description };
+        }
+        namespace required {
+            const name_9: string;
+            export { name_9 as name };
+            export namespace control_8 {
+                const type_8: string;
+                export { type_8 as type };
+            }
+            export { control_8 as control };
+            const description_9: string;
+            export { description_9 as description };
+        }
+        namespace disabled {
+            const name_10: string;
+            export { name_10 as name };
+            export namespace control_9 {
+                const type_9: string;
+                export { type_9 as type };
+            }
+            export { control_9 as control };
+            const description_10: string;
+            export { description_10 as description };
+        }
+        namespace isDarkerBackground {
+            const name_11: string;
+            export { name_11 as name };
+            export namespace control_10 {
+                const type_10: string;
+                export { type_10 as type };
+            }
+            export { control_10 as control };
+            const description_11: string;
+            export { description_11 as description };
+        }
+        namespace selectedColor {
+            const name_12: string;
+            export { name_12 as name };
+            export namespace control_11 {
+                const type_11: string;
+                export { type_11 as type };
+            }
+            export { control_11 as control };
+            const description_12: string;
+            export { description_12 as description };
+        }
+        namespace hoverColor {
+            const name_13: string;
+            export { name_13 as name };
+            export namespace control_12 {
+                const type_12: string;
+                export { type_12 as type };
+            }
+            export { control_12 as control };
+            const description_13: string;
+            export { description_13 as description };
+        }
+        namespace width {
+            const name_14: string;
+            export { name_14 as name };
+            export namespace control_13 {
+                const type_13: string;
+                export { type_13 as type };
+            }
+            export { control_13 as control };
+            const description_14: string;
+            export { description_14 as description };
+        }
+        namespace minWidth {
+            const name_15: string;
+            export { name_15 as name };
+            export namespace control_14 {
+                const type_14: string;
+                export { type_14 as type };
+            }
+            export { control_14 as control };
+            const description_15: string;
+            export { description_15 as description };
+        }
+        namespace height {
+            const name_16: string;
+            export { name_16 as name };
+            export namespace control_15 {
+                const type_15: string;
+                export { type_15 as type };
+            }
+            export { control_15 as control };
+            const description_16: string;
+            export { description_16 as description };
+        }
+        namespace dropdownWidth {
+            const name_17: string;
+            export { name_17 as name };
+            export namespace control_16 {
+                const type_16: string;
+                export { type_16 as type };
+            }
+            export { control_16 as control };
+            const description_17: string;
+            export { description_17 as description };
+        }
+        namespace dropdownMaxHeight {
+            const name_18: string;
+            export { name_18 as name };
+            export namespace control_17 {
+                const type_17: string;
+                export { type_17 as type };
+            }
+            export { control_17 as control };
+            const description_18: string;
+            export { description_18 as description };
+        }
+        namespace margin {
+            const name_19: string;
+            export { name_19 as name };
+            export namespace control_18 {
+                const type_18: string;
+                export { type_18 as type };
+            }
+            export { control_18 as control };
+            const description_19: string;
+            export { description_19 as description };
+        }
+        namespace editableDigitalCoupon {
+            const name_20: string;
+            export { name_20 as name };
+            export namespace control_19 {
+                const type_19: string;
+                export { type_19 as type };
+            }
+            export { control_19 as control };
+            const description_20: string;
+            export { description_20 as description };
+        }
+        namespace customDisplayText {
+            const name_21: string;
+            export { name_21 as name };
+            export namespace control_20 {
+                const type_20: string;
+                export { type_20 as type };
+            }
+            export { control_20 as control };
+            const description_21: string;
+            export { description_21 as description };
+        }
+        namespace showCustomDisplay {
+            const name_22: string;
+            export { name_22 as name };
+            export namespace control_21 {
+                const type_21: string;
+                export { type_21 as type };
+            }
+            export { control_21 as control };
+            const description_22: string;
+            export { description_22 as description };
+        }
+    }
+}
+export default _default;
+export namespace Default {
+    namespace args {
+        export { data1 as data };
+        const value_1: any;
+        export { value_1 as value };
+        const label_1: string;
+        export { label_1 as label };
+        const labelEmptyValue_1: string;
+        export { labelEmptyValue_1 as labelEmptyValue };
+        const showLabelOnTop_1: boolean;
+        export { showLabelOnTop_1 as showLabelOnTop };
+        const labelColor_1: string;
+        export { labelColor_1 as labelColor };
+        const placeHolder_1: string;
+        export { placeHolder_1 as placeHolder };
+        const placeHolderColor_1: string;
+        export { placeHolderColor_1 as placeHolderColor };
+        const required_1: boolean;
+        export { required_1 as required };
+        const disabled_1: boolean;
+        export { disabled_1 as disabled };
+        const isDarkerBackground_1: boolean;
+        export { isDarkerBackground_1 as isDarkerBackground };
+        const selectedColor_1: string;
+        export { selectedColor_1 as selectedColor };
+        const hoverColor_1: string;
+        export { hoverColor_1 as hoverColor };
+        const width_1: string;
+        export { width_1 as width };
+        const minWidth_1: string;
+        export { minWidth_1 as minWidth };
+        const height_1: string;
+        export { height_1 as height };
+        const dropdownWidth_1: string;
+        export { dropdownWidth_1 as dropdownWidth };
+        const dropdownMaxHeight_1: string;
+        export { dropdownMaxHeight_1 as dropdownMaxHeight };
+        const margin_1: string;
+        export { margin_1 as margin };
+        const editableDigitalCoupon_1: boolean;
+        export { editableDigitalCoupon_1 as editableDigitalCoupon };
+        const customDisplayText_1: any;
+        export { customDisplayText_1 as customDisplayText };
+        const showCustomDisplay_1: boolean;
+        export { showCustomDisplay_1 as showCustomDisplay };
+    }
+}
+export namespace EditableDigitalCoupon_WithCustomText {
+    export namespace args_1 {
+        export { data1 as data };
+        const value_2: string;
+        export { value_2 as value };
+        const label_2: string;
+        export { label_2 as label };
+        const labelEmptyValue_2: string;
+        export { labelEmptyValue_2 as labelEmptyValue };
+        const showLabelOnTop_2: boolean;
+        export { showLabelOnTop_2 as showLabelOnTop };
+        const labelColor_2: string;
+        export { labelColor_2 as labelColor };
+        const placeHolder_2: string;
+        export { placeHolder_2 as placeHolder };
+        const placeHolderColor_2: string;
+        export { placeHolderColor_2 as placeHolderColor };
+        const required_2: boolean;
+        export { required_2 as required };
+        const disabled_2: boolean;
+        export { disabled_2 as disabled };
+        const isDarkerBackground_2: boolean;
+        export { isDarkerBackground_2 as isDarkerBackground };
+        const selectedColor_2: string;
+        export { selectedColor_2 as selectedColor };
+        const hoverColor_2: string;
+        export { hoverColor_2 as hoverColor };
+        const width_2: string;
+        export { width_2 as width };
+        const minWidth_2: string;
+        export { minWidth_2 as minWidth };
+        const height_2: string;
+        export { height_2 as height };
+        const dropdownWidth_2: string;
+        export { dropdownWidth_2 as dropdownWidth };
+        const dropdownMaxHeight_2: string;
+        export { dropdownMaxHeight_2 as dropdownMaxHeight };
+        const margin_2: string;
+        export { margin_2 as margin };
+        const editableDigitalCoupon_2: boolean;
+        export { editableDigitalCoupon_2 as editableDigitalCoupon };
+        const customDisplayText_2: string;
+        export { customDisplayText_2 as customDisplayText };
+        const showCustomDisplay_2: boolean;
+        export { showCustomDisplay_2 as showCustomDisplay };
+    }
+    export { args_1 as args };
+}
+export namespace EditableDigitalCoupon_Interactive {
+    export namespace args_2 {
+        export { data1 as data };
+        const value_3: any;
+        export { value_3 as value };
+        const label_3: string;
+        export { label_3 as label };
+        const labelEmptyValue_3: string;
+        export { labelEmptyValue_3 as labelEmptyValue };
+        const showLabelOnTop_3: boolean;
+        export { showLabelOnTop_3 as showLabelOnTop };
+        const labelColor_3: string;
+        export { labelColor_3 as labelColor };
+        const placeHolder_3: string;
+        export { placeHolder_3 as placeHolder };
+        const placeHolderColor_3: string;
+        export { placeHolderColor_3 as placeHolderColor };
+        const required_3: boolean;
+        export { required_3 as required };
+        const disabled_3: boolean;
+        export { disabled_3 as disabled };
+        const isDarkerBackground_3: boolean;
+        export { isDarkerBackground_3 as isDarkerBackground };
+        const selectedColor_3: string;
+        export { selectedColor_3 as selectedColor };
+        const hoverColor_3: string;
+        export { hoverColor_3 as hoverColor };
+        const width_3: string;
+        export { width_3 as width };
+        const minWidth_3: string;
+        export { minWidth_3 as minWidth };
+        const height_3: string;
+        export { height_3 as height };
+        const dropdownWidth_3: string;
+        export { dropdownWidth_3 as dropdownWidth };
+        const dropdownMaxHeight_3: string;
+        export { dropdownMaxHeight_3 as dropdownMaxHeight };
+        const margin_3: string;
+        export { margin_3 as margin };
+        const editableDigitalCoupon_3: boolean;
+        export { editableDigitalCoupon_3 as editableDigitalCoupon };
+        const customDisplayText_3: any;
+        export { customDisplayText_3 as customDisplayText };
+        const showCustomDisplay_3: boolean;
+        export { showCustomDisplay_3 as showCustomDisplay };
+    }
+    export { args_2 as args };
+}
+export namespace NonEditableDigitalCoupon {
+    export namespace args_3 {
+        export { data1 as data };
+        const value_4: any;
+        export { value_4 as value };
+        const label_4: string;
+        export { label_4 as label };
+        const labelEmptyValue_4: string;
+        export { labelEmptyValue_4 as labelEmptyValue };
+        const showLabelOnTop_4: boolean;
+        export { showLabelOnTop_4 as showLabelOnTop };
+        const labelColor_4: string;
+        export { labelColor_4 as labelColor };
+        const placeHolder_4: string;
+        export { placeHolder_4 as placeHolder };
+        const placeHolderColor_4: string;
+        export { placeHolderColor_4 as placeHolderColor };
+        const required_4: boolean;
+        export { required_4 as required };
+        const disabled_4: boolean;
+        export { disabled_4 as disabled };
+        const isDarkerBackground_4: boolean;
+        export { isDarkerBackground_4 as isDarkerBackground };
+        const selectedColor_4: string;
+        export { selectedColor_4 as selectedColor };
+        const hoverColor_4: string;
+        export { hoverColor_4 as hoverColor };
+        const width_4: string;
+        export { width_4 as width };
+        const minWidth_4: string;
+        export { minWidth_4 as minWidth };
+        const height_4: string;
+        export { height_4 as height };
+        const dropdownWidth_4: string;
+        export { dropdownWidth_4 as dropdownWidth };
+        const dropdownMaxHeight_4: string;
+        export { dropdownMaxHeight_4 as dropdownMaxHeight };
+        const margin_4: string;
+        export { margin_4 as margin };
+        const editableDigitalCoupon_4: boolean;
+        export { editableDigitalCoupon_4 as editableDigitalCoupon };
+        const customDisplayText_4: any;
+        export { customDisplayText_4 as customDisplayText };
+        const showCustomDisplay_4: boolean;
+        export { showCustomDisplay_4 as showCustomDisplay };
+    }
+    export { args_3 as args };
+}
+export namespace WithSelection {
+    export namespace args_4 {
+        export { data1 as data };
+        const value_5: string;
+        export { value_5 as value };
+        const label_5: string;
+        export { label_5 as label };
+        const labelEmptyValue_5: string;
+        export { labelEmptyValue_5 as labelEmptyValue };
+        const showLabelOnTop_5: boolean;
+        export { showLabelOnTop_5 as showLabelOnTop };
+        const labelColor_5: string;
+        export { labelColor_5 as labelColor };
+        const placeHolder_5: string;
+        export { placeHolder_5 as placeHolder };
+        const placeHolderColor_5: string;
+        export { placeHolderColor_5 as placeHolderColor };
+        const required_5: boolean;
+        export { required_5 as required };
+        const disabled_5: boolean;
+        export { disabled_5 as disabled };
+        const isDarkerBackground_5: boolean;
+        export { isDarkerBackground_5 as isDarkerBackground };
+        const selectedColor_5: string;
+        export { selectedColor_5 as selectedColor };
+        const hoverColor_5: string;
+        export { hoverColor_5 as hoverColor };
+        const width_5: string;
+        export { width_5 as width };
+        const minWidth_5: string;
+        export { minWidth_5 as minWidth };
+        const height_5: string;
+        export { height_5 as height };
+        const dropdownWidth_5: string;
+        export { dropdownWidth_5 as dropdownWidth };
+        const dropdownMaxHeight_5: string;
+        export { dropdownMaxHeight_5 as dropdownMaxHeight };
+        const margin_5: string;
+        export { margin_5 as margin };
+        const editableDigitalCoupon_5: boolean;
+        export { editableDigitalCoupon_5 as editableDigitalCoupon };
+        const customDisplayText_5: any;
+        export { customDisplayText_5 as customDisplayText };
+        const showCustomDisplay_5: boolean;
+        export { showCustomDisplay_5 as showCustomDisplay };
+    }
+    export { args_4 as args };
+}
+export namespace LongStringTooltip {
+    export namespace args_5 {
+        export { data1 as data };
+        const value_6: string;
+        export { value_6 as value };
+        const label_6: string;
+        export { label_6 as label };
+        const labelEmptyValue_6: string;
+        export { labelEmptyValue_6 as labelEmptyValue };
+        const showLabelOnTop_6: boolean;
+        export { showLabelOnTop_6 as showLabelOnTop };
+        const labelColor_6: string;
+        export { labelColor_6 as labelColor };
+        const placeHolder_6: string;
+        export { placeHolder_6 as placeHolder };
+        const placeHolderColor_6: string;
+        export { placeHolderColor_6 as placeHolderColor };
+        const required_6: boolean;
+        export { required_6 as required };
+        const disabled_6: boolean;
+        export { disabled_6 as disabled };
+        const isDarkerBackground_6: boolean;
+        export { isDarkerBackground_6 as isDarkerBackground };
+        const selectedColor_6: string;
+        export { selectedColor_6 as selectedColor };
+        const hoverColor_6: string;
+        export { hoverColor_6 as hoverColor };
+        const width_6: string;
+        export { width_6 as width };
+        const minWidth_6: string;
+        export { minWidth_6 as minWidth };
+        const height_6: string;
+        export { height_6 as height };
+        const dropdownWidth_6: string;
+        export { dropdownWidth_6 as dropdownWidth };
+        const dropdownMaxHeight_6: string;
+        export { dropdownMaxHeight_6 as dropdownMaxHeight };
+        const margin_6: string;
+        export { margin_6 as margin };
+        const editableDigitalCoupon_6: boolean;
+        export { editableDigitalCoupon_6 as editableDigitalCoupon };
+        const customDisplayText_6: any;
+        export { customDisplayText_6 as customDisplayText };
+        const showCustomDisplay_6: boolean;
+        export { showCustomDisplay_6 as showCustomDisplay };
+    }
+    export { args_5 as args };
+}
+export namespace CustomDisplayText_Manual {
+    export namespace args_6 {
+        export { data1 as data };
+        const value_7: string;
+        export { value_7 as value };
+        const label_7: string;
+        export { label_7 as label };
+        const labelEmptyValue_7: string;
+        export { labelEmptyValue_7 as labelEmptyValue };
+        const showLabelOnTop_7: boolean;
+        export { showLabelOnTop_7 as showLabelOnTop };
+        const labelColor_7: string;
+        export { labelColor_7 as labelColor };
+        const placeHolder_7: string;
+        export { placeHolder_7 as placeHolder };
+        const placeHolderColor_7: string;
+        export { placeHolderColor_7 as placeHolderColor };
+        const required_7: boolean;
+        export { required_7 as required };
+        const disabled_7: boolean;
+        export { disabled_7 as disabled };
+        const isDarkerBackground_7: boolean;
+        export { isDarkerBackground_7 as isDarkerBackground };
+        const selectedColor_7: string;
+        export { selectedColor_7 as selectedColor };
+        const hoverColor_7: string;
+        export { hoverColor_7 as hoverColor };
+        const width_7: string;
+        export { width_7 as width };
+        const minWidth_7: string;
+        export { minWidth_7 as minWidth };
+        const height_7: string;
+        export { height_7 as height };
+        const dropdownWidth_7: string;
+        export { dropdownWidth_7 as dropdownWidth };
+        const dropdownMaxHeight_7: string;
+        export { dropdownMaxHeight_7 as dropdownMaxHeight };
+        const margin_7: string;
+        export { margin_7 as margin };
+        const editableDigitalCoupon_7: boolean;
+        export { editableDigitalCoupon_7 as editableDigitalCoupon };
+        const customDisplayText_7: string;
+        export { customDisplayText_7 as customDisplayText };
+        const showCustomDisplay_7: boolean;
+        export { showCustomDisplay_7 as showCustomDisplay };
+    }
+    export { args_6 as args };
+}
+export namespace Skin_Customized {
+    export namespace args_7 {
+        export { data1 as data };
+        const value_8: any;
+        export { value_8 as value };
+        const label_8: string;
+        export { label_8 as label };
+        const labelEmptyValue_8: string;
+        export { labelEmptyValue_8 as labelEmptyValue };
+        const showLabelOnTop_8: boolean;
+        export { showLabelOnTop_8 as showLabelOnTop };
+        const labelColor_8: string;
+        export { labelColor_8 as labelColor };
+        const placeHolder_8: string;
+        export { placeHolder_8 as placeHolder };
+        const placeHolderColor_8: string;
+        export { placeHolderColor_8 as placeHolderColor };
+        const required_8: boolean;
+        export { required_8 as required };
+        const disabled_8: boolean;
+        export { disabled_8 as disabled };
+        const isDarkerBackground_8: boolean;
+        export { isDarkerBackground_8 as isDarkerBackground };
+        const selectedColor_8: string;
+        export { selectedColor_8 as selectedColor };
+        const hoverColor_8: string;
+        export { hoverColor_8 as hoverColor };
+        const width_8: string;
+        export { width_8 as width };
+        const minWidth_8: string;
+        export { minWidth_8 as minWidth };
+        const height_8: string;
+        export { height_8 as height };
+        const dropdownWidth_8: string;
+        export { dropdownWidth_8 as dropdownWidth };
+        const dropdownMaxHeight_8: string;
+        export { dropdownMaxHeight_8 as dropdownMaxHeight };
+        const margin_8: string;
+        export { margin_8 as margin };
+        const editableDigitalCoupon_8: boolean;
+        export { editableDigitalCoupon_8 as editableDigitalCoupon };
+        const customDisplayText_8: any;
+        export { customDisplayText_8 as customDisplayText };
+        const showCustomDisplay_8: boolean;
+        export { showCustomDisplay_8 as showCustomDisplay };
+    }
+    export { args_7 as args };
+}
+export namespace Disabled_Required {
+    export namespace args_8 {
+        export { data1 as data };
+        const value_9: any;
+        export { value_9 as value };
+        const label_9: string;
+        export { label_9 as label };
+        const labelEmptyValue_9: string;
+        export { labelEmptyValue_9 as labelEmptyValue };
+        const showLabelOnTop_9: boolean;
+        export { showLabelOnTop_9 as showLabelOnTop };
+        const labelColor_9: string;
+        export { labelColor_9 as labelColor };
+        const placeHolder_9: string;
+        export { placeHolder_9 as placeHolder };
+        const placeHolderColor_9: string;
+        export { placeHolderColor_9 as placeHolderColor };
+        const required_9: boolean;
+        export { required_9 as required };
+        const disabled_9: boolean;
+        export { disabled_9 as disabled };
+        const isDarkerBackground_9: boolean;
+        export { isDarkerBackground_9 as isDarkerBackground };
+        const selectedColor_9: string;
+        export { selectedColor_9 as selectedColor };
+        const hoverColor_9: string;
+        export { hoverColor_9 as hoverColor };
+        const width_9: string;
+        export { width_9 as width };
+        const minWidth_9: string;
+        export { minWidth_9 as minWidth };
+        const height_9: string;
+        export { height_9 as height };
+        const dropdownWidth_9: string;
+        export { dropdownWidth_9 as dropdownWidth };
+        const dropdownMaxHeight_9: string;
+        export { dropdownMaxHeight_9 as dropdownMaxHeight };
+        const margin_9: string;
+        export { margin_9 as margin };
+        const editableDigitalCoupon_9: boolean;
+        export { editableDigitalCoupon_9 as editableDigitalCoupon };
+        const customDisplayText_9: any;
+        export { customDisplayText_9 as customDisplayText };
+        const showCustomDisplay_9: boolean;
+        export { showCustomDisplay_9 as showCustomDisplay };
+    }
+    export { args_8 as args };
+}
+import OverlayDropdown from "./OverlayDropdown";
+declare const data1: {
+    overlayCode: number;
+    overlayName: string;
+    templateType: number;
+    items: {
+        value: string;
+        label: string;
+    }[];
+}[];