sag_components 2.0.0-beta2 → 2.0.0-beta22

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

@@ -19,7 +19,6 @@ declare namespace BannerEventBoxList {
         const disableToggle: PropTypes.Requireable<boolean>;
         const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         const bannerWidth: PropTypes.Requireable<string>;
-        const loaderColor: PropTypes.Requireable<string>;
         const showDraft: PropTypes.Requireable<boolean>;
     }
     namespace defaultProps {
@@ -65,8 +64,6 @@ declare namespace BannerEventBoxList {
         export { children_1 as children };
         const bannerWidth_1: string;
         export { bannerWidth_1 as bannerWidth };
-        const loaderColor_1: string;
-        export { loaderColor_1 as loaderColor };
         const showDraft_1: boolean;
         export { showDraft_1 as showDraft };
     }

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

@@ -1,79 +1,2 @@
 export function BarChart(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace BarChart {
-    namespace propTypes {
-        const title: PropTypes.Requireable<string>;
-        const barChartData: PropTypes.Requireable<(PropTypes.InferProps<{
-            title: PropTypes.Requireable<string>;
-            date: PropTypes.Requireable<string>;
-            value: PropTypes.Requireable<number>;
-        }> | null | undefined)[]>;
-        const width: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const barSize: PropTypes.Requireable<number>;
-        const barFontSizeValue: PropTypes.Requireable<string>;
-        const barChartColor: PropTypes.Requireable<string>;
-        const showDollarSign: PropTypes.Requireable<boolean>;
-        const isDollar: PropTypes.Requireable<boolean>;
-        const showLegend: PropTypes.Requireable<boolean>;
-        const legendData: PropTypes.Requireable<(PropTypes.InferProps<{
-            title: PropTypes.Validator<string>;
-            iconType: PropTypes.Validator<string>;
-            iconColor: PropTypes.Validator<string>;
-        }> | null | undefined)[]>;
-        const showReferenceLine: PropTypes.Requireable<boolean>;
-        const referenceLinePoint: PropTypes.Requireable<number>;
-        const referenceLineColor: PropTypes.Requireable<string>;
-        const referenceLineDashed: PropTypes.Requireable<string>;
-        const showCurrentCampaignStyle: PropTypes.Requireable<boolean>;
-        const currentBarColor: PropTypes.Requireable<string>;
-        const isPercent: PropTypes.Requireable<boolean>;
-    }
-    namespace defaultProps {
-        const title_1: string;
-        export { title_1 as title };
-        const barChartData_1: {
-            title: string;
-            date: string;
-            value: number;
-        }[];
-        export { barChartData_1 as barChartData };
-        const width_1: string;
-        export { width_1 as width };
-        const height_1: string;
-        export { height_1 as height };
-        const barSize_1: number;
-        export { barSize_1 as barSize };
-        const barFontSizeValue_1: string;
-        export { barFontSizeValue_1 as barFontSizeValue };
-        const barChartColor_1: string;
-        export { barChartColor_1 as barChartColor };
-        const showDollarSign_1: boolean;
-        export { showDollarSign_1 as showDollarSign };
-        const isDollar_1: boolean;
-        export { isDollar_1 as isDollar };
-        const showLegend_1: boolean;
-        export { showLegend_1 as showLegend };
-        const legendData_1: {
-            title: string;
-            iconType: string;
-            iconColor: string;
-        }[];
-        export { legendData_1 as legendData };
-        const showReferenceLine_1: boolean;
-        export { showReferenceLine_1 as showReferenceLine };
-        const referenceLinePoint_1: number;
-        export { referenceLinePoint_1 as referenceLinePoint };
-        const referenceLineColor_1: string;
-        export { referenceLineColor_1 as referenceLineColor };
-        const referenceLineDashed_1: string;
-        export { referenceLineDashed_1 as referenceLineDashed };
-        const showCurrentCampaignStyle_1: boolean;
-        export { showCurrentCampaignStyle_1 as showCurrentCampaignStyle };
-        const currentBarColor_1: string;
-        export { currentBarColor_1 as currentBarColor };
-        const isPercent_1: boolean;
-        export { isPercent_1 as isPercent };
-    }
-}
 export default BarChart;
-import PropTypes from "prop-types";

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

@@ -7,7 +7,19 @@ export namespace CollapseHeader {
         const viewCreativeRetailersData: PropTypes.Requireable<(PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;
         }> | null | undefined)[]>;
-        const data: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
+        const data: PropTypes.Requireable<PropTypes.InferProps<{
+            eventType: PropTypes.Requireable<string>;
+            retailer: PropTypes.Requireable<string>;
+            eventDescription: PropTypes.Requireable<string>;
+            objectivesDescription: PropTypes.Requireable<string>;
+            eventDatesValue: PropTypes.Requireable<string>;
+            externalEventDescription: PropTypes.Requireable<string>;
+            externalEventID: PropTypes.Requireable<string>;
+            storeType: PropTypes.Requireable<string>;
+            category: PropTypes.Requireable<string>;
+            supplier: PropTypes.Requireable<string>;
+            brand: PropTypes.Requireable<string>;
+        }>>;
         const showViewCreativeButton: PropTypes.Requireable<boolean>;
         const viewCreativeOnClick: PropTypes.Requireable<(...args: any[]) => any>;
         const descriptionTitle: PropTypes.Requireable<string>;

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

@@ -1,34 +1,2 @@
 export function DoublePanelDataRow(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace DoublePanelDataRow {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const width: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const data: PropTypes.Requireable<(PropTypes.InferProps<{
-            title: PropTypes.Requireable<string>;
-            value: PropTypes.Requireable<number>;
-            sign: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        const backgroundColor: PropTypes.Requireable<string>;
-        const customDataFormat: PropTypes.Requireable<boolean>;
-        const showPercentChange: PropTypes.Requireable<boolean>;
-    }
-    namespace defaultProps {
-        const className_1: string;
-        export { className_1 as className };
-        const width_1: string;
-        export { width_1 as width };
-        const height_1: string;
-        export { height_1 as height };
-        const data_1: never[];
-        export { data_1 as data };
-        const backgroundColor_1: string;
-        export { backgroundColor_1 as backgroundColor };
-        const customDataFormat_1: boolean;
-        export { customDataFormat_1 as customDataFormat };
-        const showPercentChange_1: boolean;
-        export { showPercentChange_1 as showPercentChange };
-    }
-}
 export default DoublePanelDataRow;
-import PropTypes from "prop-types";

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

@@ -29,7 +29,7 @@ export namespace DropdownNew {
         const width: PropTypes.Requireable<string>;
         const disabled: PropTypes.Requireable<boolean>;
         const error: PropTypes.Requireable<boolean>;
-        const errorMessage: string;
+        const errorMessage: PropTypes.Requireable<string>;
         const options: PropTypes.Requireable<(PropTypes.InferProps<{
             id: PropTypes.Requireable<string>;
             label: PropTypes.Requireable<string>;

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

@@ -6,16 +6,38 @@ declare namespace FilterPanel {
         const availableMonths: PropTypes.Requireable<(string | null | undefined)[]>;
         const availableYears: PropTypes.Requireable<(string | null | undefined)[]>;
         const fieldsData: PropTypes.Requireable<(PropTypes.InferProps<{
+            disabled: PropTypes.Requireable<boolean>;
+            required: PropTypes.Requireable<boolean>;
+            inputType: PropTypes.Requireable<string>;
+            placeHolder: PropTypes.Requireable<string>;
+            xIconShow: PropTypes.Requireable<boolean>;
+            label: PropTypes.Requireable<string>;
+            labelEmptyValue: PropTypes.Requireable<string>;
             name: PropTypes.Requireable<string>;
+            periodPickerSelectedValue: PropTypes.Requireable<string>;
+            selectedValue: PropTypes.Requireable<(PropTypes.InferProps<{
+                value: PropTypes.Requireable<string>;
+                label: PropTypes.Requireable<string>;
+            }> | null | undefined)[]>;
+            orderBy: PropTypes.Requireable<string>;
+            elementType: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<number>;
             color: PropTypes.Requireable<string>;
+            defaultValueYears: PropTypes.Requireable<PropTypes.InferProps<{
+                value: PropTypes.Requireable<string>;
+                label: PropTypes.Requireable<string>;
+            }>>;
+            dropdownOptions: PropTypes.Requireable<(PropTypes.InferProps<{
+                value: PropTypes.Requireable<string>;
+                label: PropTypes.Requireable<string>;
+            }> | null | undefined)[]>;
         }> | null | undefined)[]>;
         const width: PropTypes.Requireable<string>;
         const height: PropTypes.Requireable<string>;
         const okButtonBackgroundColor: PropTypes.Requireable<string>;
         const okButtonHoverColor: PropTypes.Requireable<string>;
         const resetButtonHoverColor: PropTypes.Requireable<string>;
-        const borderColor: string;
+        const borderColor: PropTypes.Requireable<string>;
         const onOkClick: PropTypes.Requireable<(...args: any[]) => any>;
         const onResetClick: PropTypes.Requireable<(...args: any[]) => any>;
         const onItemValueChanged: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -1,63 +1,2 @@
 export function OneColumnContainer(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace OneColumnContainer {
-    namespace propTypes {
-        const children: PropTypes.Requireable<string>;
-        const display: PropTypes.Requireable<string>;
-        const isLoading: PropTypes.Requireable<boolean>;
-        const gridTemplateColumns: PropTypes.Requireable<string>;
-        const itemClass: PropTypes.Requireable<string>;
-        const divStyle: PropTypes.Requireable<string>;
-        const overStyle: PropTypes.Requireable<string>;
-        const draggingStyle: PropTypes.Requireable<string>;
-        const droppedStyle: PropTypes.Requireable<string>;
-        const width: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const overflow: PropTypes.Requireable<string>;
-        const infoTitle: PropTypes.Requireable<string>;
-        const infoText: PropTypes.Requireable<string>;
-        const disableInfo: PropTypes.Requireable<boolean>;
-        const showViewByBannerButton: PropTypes.Requireable<boolean>;
-        const onBannerClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const columnTitle: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        const children_1: string;
-        export { children_1 as children };
-        const display_1: string;
-        export { display_1 as display };
-        const isLoading_1: string;
-        export { isLoading_1 as isLoading };
-        const gridTemplateColumns_1: string;
-        export { gridTemplateColumns_1 as gridTemplateColumns };
-        const itemClass_1: string;
-        export { itemClass_1 as itemClass };
-        const divStyle_1: string;
-        export { divStyle_1 as divStyle };
-        const overStyle_1: string;
-        export { overStyle_1 as overStyle };
-        const draggingStyle_1: string;
-        export { draggingStyle_1 as draggingStyle };
-        const droppedStyle_1: string;
-        export { droppedStyle_1 as droppedStyle };
-        const width_1: string;
-        export { width_1 as width };
-        const height_1: string;
-        export { height_1 as height };
-        const overflow_1: string;
-        export { overflow_1 as overflow };
-        const infoTitle_1: string;
-        export { infoTitle_1 as infoTitle };
-        const infoText_1: string;
-        export { infoText_1 as infoText };
-        const disableInfo_1: boolean;
-        export { disableInfo_1 as disableInfo };
-        const showViewByBannerButton_1: boolean;
-        export { showViewByBannerButton_1 as showViewByBannerButton };
-        export function onBannerClick_1(): void;
-        export { onBannerClick_1 as onBannerClick };
-        const columnTitle_1: string;
-        export { columnTitle_1 as columnTitle };
-    }
-}
 export default OneColumnContainer;
-import PropTypes from "prop-types";

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

@@ -1,18 +1,18 @@
 export function QuickFilter({ hoverColor, multipleSelection, xIconShow, disabled, error, errorMessage, label, labelColor, placeHolder, width, checkBoxColor, onChange, options, selectedValue, }: {
-    hoverColor: any;
-    multipleSelection: any;
-    xIconShow: any;
-    disabled: any;
-    error: any;
-    errorMessage: any;
-    label: any;
-    labelColor: any;
-    placeHolder: any;
-    width: any;
-    checkBoxColor: any;
-    onChange: any;
-    options: any;
-    selectedValue: any;
+    hoverColor?: string | undefined;
+    multipleSelection?: boolean | undefined;
+    xIconShow?: boolean | undefined;
+    disabled?: boolean | undefined;
+    error?: boolean | undefined;
+    errorMessage?: string | undefined;
+    label?: string | undefined;
+    labelColor?: string | undefined;
+    placeHolder?: string | undefined;
+    width?: string | undefined;
+    checkBoxColor?: string | undefined;
+    onChange?: (() => void) | undefined;
+    options?: any[] | undefined;
+    selectedValue?: any[] | undefined;
 }): import("react/jsx-runtime").JSX.Element;
 export namespace QuickFilter {
     namespace propTypes {
@@ -20,7 +20,7 @@ export namespace QuickFilter {
         const multipleSelection: PropTypes.Requireable<boolean>;
         const disabled: PropTypes.Requireable<boolean>;
         const error: PropTypes.Requireable<boolean>;
-        const errorMessage: string;
+        const errorMessage: PropTypes.Requireable<string>;
         const label: PropTypes.Requireable<string>;
         const labelColor: PropTypes.Requireable<string>;
         const placeHolder: PropTypes.Requireable<string>;

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

@@ -3,7 +3,7 @@ declare function Tooltip(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace Tooltip {
     namespace propTypes {
         const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const content: PropTypes.Requireable<string>;
+        const content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         const direction: PropTypes.Requireable<string>;
         const delay: PropTypes.Requireable<string>;
         const topFactor: PropTypes.Requireable<number>;

package/dist/types/index.d.ts

@@ -18,3 +18,6 @@ export { default as TopToggleList } from "./components/TopToggleList/TopToggleLi
 export { default as MarketShareDescription } from "./components/MarketShareDescription/MarketShareDescription.jsx";
 export { default as Heatmap } from "./components/Heatmap/Heatmap.jsx";
 export { default as TotalHorizontalCharts } from "./components/TotalHorizontalCharts/TotalHorizontalCharts.jsx";
+export { default as IconButton } from "./components/IconButton/IconButton.jsx";
+export { default as DoublePanelDataRow } from "./components/DoublePanelDataRow/DoublePanelDataRow.jsx";
+export { default as BarChart } from "./components/BarChart/BarChart.jsx";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "2.0.0-beta2",
+  "version": "2.0.0-beta22",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -21,10 +21,13 @@
   "license": "ISC",
   "devDependencies": {
     "@babel/cli": "^7.24.5",
+    "@babel/plugin-external-helpers": "^7.25.9",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/plugin-transform-runtime": "^7.26.9",
     "@babel/preset-env": "^7.24.5",
     "@babel/preset-react": "^7.24.1",
     "@babel/preset-typescript": "^7.24.1",
+    "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-commonjs": "^24.0.0",
     "@rollup/plugin-node-resolve": "^13.0.6",
     "@storybook/addon-designs": "^7.0.9",
@@ -60,17 +63,20 @@
     "jest-environment-jsdom": "^29.7.0",
     "react-dom": "^18.2.0",
     "rollup": "^2.60.0",
+    "rollup-plugin-dts": "4.2.3",
     "rollup-plugin-peer-deps-external": "^2.2.3",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.31.2",
-    "rollup-plugin-dts": "4.2.3",
-    "@rollup/plugin-babel": "^6.0.3",
     "sass": "^1.74.1",
     "sass-loader": "^13.3.3",
     "style-loader": "^3.3.4",
     "typescript": "^4.9.5",
     "vite": "^6.1.0"
   },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
   "dependencies": {
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",

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

@@ -1,35 +0,0 @@
-declare namespace _default {
-    export const title: string;
-    export { AttachedFile as component };
-    export namespace argTypes {
-        namespace inputText {
-            const name: string;
-            namespace control {
-                const type: string;
-            }
-            const description: string;
-            const defaultValue: string;
-        }
-        namespace inputColor {
-            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 };
-        }
-    }
-}
-export default _default;
-export function Default(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace Default {
-    namespace args {
-        const inputText_1: string;
-        export { inputText_1 as inputText };
-        const inputColor_1: string;
-        export { inputColor_1 as inputColor };
-        export const acceptedFiles: string;
-    }
-}
-import AttachedFile from "./AttachedFile";

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

@@ -1,19 +0,0 @@
-declare namespace _default {
-    export const title: string;
-    export { AutocompleteField as component };
-    export namespace argTypes {
-        namespace choices {
-            const control: string;
-            const description: string;
-        }
-    }
-}
-export default _default;
-export function Default(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace Default {
-    namespace args {
-        const choices_1: string[];
-        export { choices_1 as choices };
-    }
-}
-import AutocompleteField from "./AutocompleteField";

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

@@ -1,61 +0,0 @@
-declare namespace _default {
-    export const title: string;
-    export { BannerEventBox as component };
-    export namespace argTypes {
-        namespace width {
-            const control: string;
-        }
-        namespace height {
-            const control_1: string;
-            export { control_1 as control };
-        }
-        namespace banner {
-            const control_2: string;
-            export { control_2 as control };
-        }
-        namespace description {
-            const control_3: string;
-            export { control_3 as control };
-        }
-        namespace dates {
-            const control_4: string;
-            export { control_4 as control };
-        }
-        namespace data {
-            export namespace control_5 {
-                const type: string;
-            }
-            export { control_5 as control };
-            const description_1: string;
-            export { description_1 as description };
-        }
-        namespace viewBannerTooltip {
-            const control_6: string;
-            export { control_6 as control };
-        }
-    }
-}
-export default _default;
-export function Default(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace Default {
-    namespace args {
-        const width_1: string;
-        export { width_1 as width };
-        const height_1: string;
-        export { height_1 as height };
-        const banner_1: string;
-        export { banner_1 as banner };
-        const description_2: string;
-        export { description_2 as description };
-        const dates_1: string[];
-        export { dates_1 as dates };
-        const data_1: {
-            name: string;
-            items: number;
-        }[];
-        export { data_1 as data };
-        const viewBannerTooltip_1: string;
-        export { viewBannerTooltip_1 as viewBannerTooltip };
-    }
-}
-import BannerEventBox from "./BannerEventBox";

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

@@ -1,40 +0,0 @@
-declare namespace _default {
-    export const title: string;
-    export { BannerEventBoxList as component };
-    export namespace argTypes {
-        namespace width {
-            const control: string;
-        }
-        namespace height {
-            const control_1: string;
-            export { control_1 as control };
-        }
-        namespace toggleColor {
-            const control_2: string;
-            export { control_2 as control };
-        }
-        namespace showDraft {
-            export const name: string;
-            export namespace control_3 {
-                const type: string;
-            }
-            export { control_3 as control };
-            export const description: string;
-        }
-    }
-}
-export default _default;
-export function Default(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace Default {
-    namespace args {
-        const width_1: string;
-        export { width_1 as width };
-        const height_1: string;
-        export { height_1 as height };
-        const toggleColor_1: string;
-        export { toggleColor_1 as toggleColor };
-        const showDraft_1: boolean;
-        export { showDraft_1 as showDraft };
-    }
-}
-import BannerEventBoxList from "./BannerEventBoxList";

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

@@ -1,38 +0,0 @@
-declare namespace _default {
-    export const title: string;
-    export { BannersDropdown as component };
-    export const tags: string[];
-    export namespace argTypes {
-        namespace banners {
-            const description: string;
-        }
-        namespace onClick {
-            export const action: string;
-            const description_1: string;
-            export { description_1 as description };
-        }
-    }
-}
-export default _default;
-export function Partial(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace Partial {
-    namespace args {
-        export { banners1 as banners };
-    }
-}
-export function AllBanners(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace AllBanners {
-    export namespace args_1 {
-        export { banners2 as banners };
-    }
-    export { args_1 as args };
-}
-import BannersDropdown from "./BannersDropdown";
-declare const banners1: {
-    name: string;
-    checked: boolean;
-}[];
-declare const banners2: {
-    name: string;
-    checked: boolean;
-}[];