sag_components 2.0.0-beta275 → 2.0.0-beta277

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

@@ -137,4 +137,35 @@ export namespace InContext {
     }
     export { parameters_1 as parameters };
 }
+export function PerformanceTest8000Vendors(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace PerformanceTest8000Vendors {
+    export namespace args {
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const linkColor_1: string;
+        export { linkColor_1 as linkColor };
+        const backgroundColor_1: string;
+        export { backgroundColor_1 as backgroundColor };
+        const editMode_1: boolean;
+        export { editMode_1 as editMode };
+        const disableSection_1: boolean;
+        export { disableSection_1 as disableSection };
+        const disabledSendForms_1: boolean;
+        export { disabledSendForms_1 as disabledSendForms };
+        const AllFormsSent_1: boolean;
+        export { AllFormsSent_1 as AllFormsSent };
+        const buttonTooltipText_1: string;
+        export { buttonTooltipText_1 as buttonTooltipText };
+        const trashTooltipText_1: string;
+        export { trashTooltipText_1 as trashTooltipText };
+        export const maxVisibleVendors: number;
+    }
+    export namespace parameters_2 {
+        const layout_2: string;
+        export { layout_2 as layout };
+    }
+    export { parameters_2 as parameters };
+}
 import ItemManagerPanel from "./ItemManagerPanel";

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

@@ -1,25 +1,25 @@
 export default OverlayDropdown;
-declare function OverlayDropdown({ data, value, onSelectClick, disabled, isDarkerBackground, required, selectedColor, hoverColor, dropdownMaxHeight, width, minWidth, height, label, labelEmptyValue, showLabelOnTop, placeHolder, labelColor, placeHolderColor, margin, dropdownWidth, editableDigitalCoupon, ...props }: {
+declare function OverlayDropdown({ data, value, onSelectClick, label, labelEmptyValue, showLabelOnTop, labelColor, placeHolder, placeHolderColor, required, disabled, isDarkerBackground, editableDigitalCoupon, selectedColor, hoverColor, width, minWidth, dropdownWidth, dropdownMaxHeight, height, margin, ...props }: {
     [x: string]: any;
     data?: any[];
     value: any;
     onSelectClick: any;
+    label: any;
+    labelEmptyValue: any;
+    showLabelOnTop: any;
+    labelColor: any;
+    placeHolder: any;
+    placeHolderColor: any;
+    required?: boolean;
     disabled?: boolean;
     isDarkerBackground?: boolean;
-    required?: boolean;
+    editableDigitalCoupon?: boolean;
     selectedColor?: string;
     hoverColor?: string;
-    dropdownMaxHeight?: string;
     width?: string;
     minWidth?: string;
+    dropdownWidth?: string;
+    dropdownMaxHeight?: string;
     height?: string;
-    label: any;
-    labelEmptyValue: any;
-    showLabelOnTop: any;
-    placeHolder: any;
-    labelColor: any;
-    placeHolderColor: any;
     margin?: string;
-    dropdownWidth?: string;
-    editableDigitalCoupon?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -29,7 +29,7 @@ declare namespace _default {
             const name_2: string;
             export { name_2 as name };
         }
-        namespace disabled {
+        namespace label {
             const name_3: string;
             export { name_3 as name };
             export namespace control_2 {
@@ -40,7 +40,7 @@ declare namespace _default {
             const description_3: string;
             export { description_3 as description };
         }
-        namespace isDarkerBackground {
+        namespace labelEmptyValue {
             const name_4: string;
             export { name_4 as name };
             export namespace control_3 {
@@ -51,7 +51,7 @@ declare namespace _default {
             const description_4: string;
             export { description_4 as description };
         }
-        namespace required {
+        namespace showLabelOnTop {
             const name_5: string;
             export { name_5 as name };
             export namespace control_4 {
@@ -62,7 +62,7 @@ declare namespace _default {
             const description_5: string;
             export { description_5 as description };
         }
-        namespace selectedColor {
+        namespace labelColor {
             const name_6: string;
             export { name_6 as name };
             export namespace control_5 {
@@ -73,7 +73,7 @@ declare namespace _default {
             const description_6: string;
             export { description_6 as description };
         }
-        namespace hoverColor {
+        namespace placeHolder {
             const name_7: string;
             export { name_7 as name };
             export namespace control_6 {
@@ -84,7 +84,7 @@ declare namespace _default {
             const description_7: string;
             export { description_7 as description };
         }
-        namespace dropdownMaxHeight {
+        namespace placeHolderColor {
             const name_8: string;
             export { name_8 as name };
             export namespace control_7 {
@@ -95,7 +95,7 @@ declare namespace _default {
             const description_8: string;
             export { description_8 as description };
         }
-        namespace label {
+        namespace required {
             const name_9: string;
             export { name_9 as name };
             export namespace control_8 {
@@ -106,7 +106,7 @@ declare namespace _default {
             const description_9: string;
             export { description_9 as description };
         }
-        namespace labelEmptyValue {
+        namespace disabled {
             const name_10: string;
             export { name_10 as name };
             export namespace control_9 {
@@ -117,7 +117,7 @@ declare namespace _default {
             const description_10: string;
             export { description_10 as description };
         }
-        namespace showLabelOnTop {
+        namespace isDarkerBackground {
             const name_11: string;
             export { name_11 as name };
             export namespace control_10 {
@@ -128,7 +128,7 @@ declare namespace _default {
             const description_11: string;
             export { description_11 as description };
         }
-        namespace labelColor {
+        namespace selectedColor {
             const name_12: string;
             export { name_12 as name };
             export namespace control_11 {
@@ -139,7 +139,7 @@ declare namespace _default {
             const description_12: string;
             export { description_12 as description };
         }
-        namespace placeHolder {
+        namespace hoverColor {
             const name_13: string;
             export { name_13 as name };
             export namespace control_12 {
@@ -150,7 +150,7 @@ declare namespace _default {
             const description_13: string;
             export { description_13 as description };
         }
-        namespace placeHolderColor {
+        namespace width {
             const name_14: string;
             export { name_14 as name };
             export namespace control_13 {
@@ -161,6 +161,83 @@ declare namespace _default {
             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 dropdownDigitalCouponTitle {
+            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 };
+        }
     }
 }
 export default _default;
@@ -169,18 +246,6 @@ export namespace Default {
         export { data1 as data };
         const value_1: any;
         export { value_1 as value };
-        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 dropdownMaxHeight_1: string;
-        export { dropdownMaxHeight_1 as dropdownMaxHeight };
         const label_1: string;
         export { label_1 as label };
         const labelEmptyValue_1: string;
@@ -193,9 +258,32 @@ export namespace Default {
         export { placeHolder_1 as placeHolder };
         const placeHolderColor_1: string;
         export { placeHolderColor_1 as placeHolderColor };
-        export const margin: string;
-        export const editableDigitalCoupon: boolean;
-        export const dropdownDigitalCouponTitle: string;
+        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 dropdownDigitalCouponTitle_1: string;
+        export { dropdownDigitalCouponTitle_1 as dropdownDigitalCouponTitle };
     }
 }
 export namespace WithSelection {
@@ -203,18 +291,6 @@ export namespace WithSelection {
         export { data1 as data };
         const value_2: string;
         export { value_2 as value };
-        const required_2: boolean;
-        export { required_2 as required };
-        const disabled_2: boolean;
-        export { disabled_2 as disabled };
-        const selectedColor_2: string;
-        export { selectedColor_2 as selectedColor };
-        const hoverColor_2: string;
-        export { hoverColor_2 as hoverColor };
-        const dropdownMaxHeight_2: string;
-        export { dropdownMaxHeight_2 as dropdownMaxHeight };
-        const isDarkerBackground_2: boolean;
-        export { isDarkerBackground_2 as isDarkerBackground };
         const label_2: string;
         export { label_2 as label };
         const labelEmptyValue_2: string;
@@ -227,8 +303,32 @@ export namespace WithSelection {
         export { placeHolder_2 as placeHolder };
         const placeHolderColor_2: string;
         export { placeHolderColor_2 as placeHolderColor };
-        const margin_1: string;
-        export { margin_1 as margin };
+        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 dropdownDigitalCouponTitle_2: string;
+        export { dropdownDigitalCouponTitle_2 as dropdownDigitalCouponTitle };
     }
     export { args_1 as args };
 }
@@ -237,18 +337,6 @@ export namespace LongStringTooltip {
         export { data1 as data };
         const value_3: string;
         export { value_3 as value };
-        const required_3: boolean;
-        export { required_3 as required };
-        const disabled_3: boolean;
-        export { disabled_3 as disabled };
-        const selectedColor_3: string;
-        export { selectedColor_3 as selectedColor };
-        const hoverColor_3: string;
-        export { hoverColor_3 as hoverColor };
-        const dropdownMaxHeight_3: string;
-        export { dropdownMaxHeight_3 as dropdownMaxHeight };
-        const isDarkerBackground_3: boolean;
-        export { isDarkerBackground_3 as isDarkerBackground };
         const label_3: string;
         export { label_3 as label };
         const labelEmptyValue_3: string;
@@ -261,8 +349,32 @@ export namespace LongStringTooltip {
         export { placeHolder_3 as placeHolder };
         const placeHolderColor_3: string;
         export { placeHolderColor_3 as placeHolderColor };
-        const margin_2: string;
-        export { margin_2 as margin };
+        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 dropdownDigitalCouponTitle_3: string;
+        export { dropdownDigitalCouponTitle_3 as dropdownDigitalCouponTitle };
     }
     export { args_2 as args };
 }
@@ -271,16 +383,6 @@ export namespace Skin_Customized {
         export { data1 as data };
         const value_4: any;
         export { value_4 as value };
-        const required_4: boolean;
-        export { required_4 as required };
-        const disabled_4: boolean;
-        export { disabled_4 as disabled };
-        const selectedColor_4: string;
-        export { selectedColor_4 as selectedColor };
-        const hoverColor_4: string;
-        export { hoverColor_4 as hoverColor };
-        const dropdownMaxHeight_4: string;
-        export { dropdownMaxHeight_4 as dropdownMaxHeight };
         const label_4: string;
         export { label_4 as label };
         const labelEmptyValue_4: string;
@@ -293,10 +395,32 @@ export namespace Skin_Customized {
         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 margin_3: string;
-        export { margin_3 as margin };
+        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 dropdownDigitalCouponTitle_4: string;
+        export { dropdownDigitalCouponTitle_4 as dropdownDigitalCouponTitle };
     }
     export { args_3 as args };
 }
@@ -305,16 +429,6 @@ export namespace Disabled_Required {
         export { data1 as data };
         const value_5: any;
         export { value_5 as value };
-        const required_5: boolean;
-        export { required_5 as required };
-        const disabled_5: boolean;
-        export { disabled_5 as disabled };
-        const selectedColor_5: string;
-        export { selectedColor_5 as selectedColor };
-        const hoverColor_5: string;
-        export { hoverColor_5 as hoverColor };
-        const dropdownMaxHeight_5: string;
-        export { dropdownMaxHeight_5 as dropdownMaxHeight };
         const label_5: string;
         export { label_5 as label };
         const labelEmptyValue_5: string;
@@ -327,10 +441,32 @@ export namespace Disabled_Required {
         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 margin_4: string;
-        export { margin_4 as margin };
+        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 dropdownDigitalCouponTitle_5: string;
+        export { dropdownDigitalCouponTitle_5 as dropdownDigitalCouponTitle };
     }
     export { args_4 as args };
 }

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

@@ -388,6 +388,16 @@ declare namespace _default {
             const name_45: string;
             export { name_45 as name };
         }
+        namespace disableCheckboxTooltipText {
+            const name_46: string;
+            export { name_46 as name };
+            const control_32: string;
+            export { control_32 as control };
+            const description_46: string;
+            export { description_46 as description };
+            const defaultValue_7: string;
+            export { defaultValue_7 as defaultValue };
+        }
     }
 }
 export default _default;
@@ -752,6 +762,8 @@ export namespace CheckboxTable {
         export { showSideButton_5 as showSideButton };
         const showHorizontalScroll_4: boolean;
         export { showHorizontalScroll_4 as showHorizontalScroll };
+        const disableCheckboxTooltipText_1: string;
+        export { disableCheckboxTooltipText_1 as disableCheckboxTooltipText };
     }
     export { args_11 as args };
     const decorators_1: ((Story: any, { args }: {

package/dist/types/components/Table/TableBody.styles.d.ts

@@ -30,6 +30,7 @@ export const DropdownButton: import("styled-components/dist/types").IStyledCompo
 export const DropdownIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export const DropdownMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export const DropdownOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const CheckboxInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
 export const HeroButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export const EditableCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export const PencilButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "2.0.0-beta275",
+  "version": "2.0.0-beta277",
   "description": "",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -87,6 +87,7 @@
     "react-hook-form": "^7.46.2",
     "react-icons": "^5.0.1",
     "react-loading-skeleton": "^3.3.1",
+    "react-window": "^2.2.3",
     "recharts": "^2.15.0",
     "styled-components": "^6.1.15",
     "typescript": "^4.9.5"