sag_components 2.0.0-beta100 → 2.0.0-beta102

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

@@ -39,70 +39,174 @@ declare namespace _default {
             const name_4: string;
             export { name_4 as name };
         }
-        namespace buttonColor {
+        namespace columns {
             const control_4: string;
             export { control_4 as control };
             const description_5: string;
             export { description_5 as description };
             const name_5: string;
             export { name_5 as name };
-            export const defaultValue: string;
         }
-        namespace buttonHoverColor {
-            const control_5: string;
-            export { control_5 as control };
+        namespace onSort {
+            const action_1: string;
+            export { action_1 as action };
             const description_6: string;
             export { description_6 as description };
             const name_6: string;
             export { name_6 as name };
-            const defaultValue_1: string;
-            export { defaultValue_1 as defaultValue };
         }
-        namespace showSideButton {
-            const control_6: string;
-            export { control_6 as control };
+        namespace onFilter {
+            const action_2: string;
+            export { action_2 as action };
             const description_7: string;
             export { description_7 as description };
             const name_7: string;
             export { name_7 as name };
-            const defaultValue_2: boolean;
-            export { defaultValue_2 as defaultValue };
         }
-        namespace onSideButtonClick {
-            const action_1: string;
-            export { action_1 as action };
+        namespace onSelectAll {
+            const action_3: string;
+            export { action_3 as action };
             const description_8: string;
             export { description_8 as description };
             const name_8: string;
             export { name_8 as name };
         }
-        namespace sideButtonColor {
-            const control_7: string;
-            export { control_7 as control };
+        namespace buttonColor {
+            const control_5: string;
+            export { control_5 as control };
             const description_9: string;
             export { description_9 as description };
             const name_9: string;
             export { name_9 as name };
-            const defaultValue_3: string;
-            export { defaultValue_3 as defaultValue };
+            export const defaultValue: string;
         }
-        namespace sideButtonHoverColor {
-            const control_8: string;
-            export { control_8 as control };
+        namespace buttonHoverColor {
+            const control_6: string;
+            export { control_6 as control };
             const description_10: string;
             export { description_10 as description };
             const name_10: string;
             export { name_10 as name };
-            const defaultValue_4: string;
-            export { defaultValue_4 as defaultValue };
+            const defaultValue_1: string;
+            export { defaultValue_1 as defaultValue };
         }
-        namespace children {
-            const control_9: string;
-            export { control_9 as control };
+        namespace showSideButton {
+            const control_7: string;
+            export { control_7 as control };
             const description_11: string;
             export { description_11 as description };
             const name_11: string;
             export { name_11 as name };
+            const defaultValue_2: boolean;
+            export { defaultValue_2 as defaultValue };
+        }
+        namespace onSideButtonClick {
+            const action_4: string;
+            export { action_4 as action };
+            const description_12: string;
+            export { description_12 as description };
+            const name_12: string;
+            export { name_12 as name };
+        }
+        namespace sideButtonColor {
+            const control_8: string;
+            export { control_8 as control };
+            const description_13: string;
+            export { description_13 as description };
+            const name_13: string;
+            export { name_13 as name };
+            const defaultValue_3: string;
+            export { defaultValue_3 as defaultValue };
+        }
+        namespace sideButtonHoverColor {
+            const control_9: string;
+            export { control_9 as control };
+            const description_14: string;
+            export { description_14 as description };
+            const name_14: string;
+            export { name_14 as name };
+            const defaultValue_4: string;
+            export { defaultValue_4 as defaultValue };
+        }
+        namespace children {
+            const control_10: string;
+            export { control_10 as control };
+            const description_15: string;
+            export { description_15 as description };
+            const name_15: string;
+            export { name_15 as name };
+        }
+        namespace tableBodyHeight {
+            const control_11: string;
+            export { control_11 as control };
+            const description_16: string;
+            export { description_16 as description };
+            const name_16: string;
+            export { name_16 as name };
+        }
+        namespace isLoading {
+            const control_12: string;
+            export { control_12 as control };
+            const description_17: string;
+            export { description_17 as description };
+            const name_17: string;
+            export { name_17 as name };
+        }
+        namespace isLoadingText {
+            const control_13: string;
+            export { control_13 as control };
+            const description_18: string;
+            export { description_18 as description };
+            const name_18: string;
+            export { name_18 as name };
+        }
+        namespace onRowClick {
+            const action_5: string;
+            export { action_5 as action };
+            const description_19: string;
+            export { description_19 as description };
+            const name_19: string;
+            export { name_19 as name };
+        }
+        namespace onLastRowsReached {
+            const action_6: string;
+            export { action_6 as action };
+            const description_20: string;
+            export { description_20 as description };
+            const name_20: string;
+            export { name_20 as name };
+        }
+        namespace lastRowsThreshold {
+            const control_14: string;
+            export { control_14 as control };
+            const description_21: string;
+            export { description_21 as description };
+            const name_21: string;
+            export { name_21 as name };
+        }
+        namespace onSendClick {
+            const action_7: string;
+            export { action_7 as action };
+            const description_22: string;
+            export { description_22 as description };
+            const name_22: string;
+            export { name_22 as name };
+        }
+        namespace showHorizontalScroll {
+            const control_15: string;
+            export { control_15 as control };
+            const description_23: string;
+            export { description_23 as description };
+            const name_23: string;
+            export { name_23 as name };
+        }
+        namespace onDeleteClick {
+            const action_8: string;
+            export { action_8 as action };
+            const description_24: string;
+            export { description_24 as description };
+            const name_24: string;
+            export { name_24 as name };
         }
     }
 }
@@ -115,8 +219,18 @@ export namespace Default {
         export { height_1 as height };
         const tableTitle_1: string;
         export { tableTitle_1 as tableTitle };
-        const data_1: {}[];
+        const tableBodyHeight_1: string;
+        export { tableBodyHeight_1 as tableBodyHeight };
+        const isLoading_1: boolean;
+        export { isLoading_1 as isLoading };
+        const isLoadingText_1: string;
+        export { isLoadingText_1 as isLoadingText };
+        const lastRowsThreshold_1: number;
+        export { lastRowsThreshold_1 as lastRowsThreshold };
+        const data_1: any[];
         export { data_1 as data };
+        const columns_1: any[];
+        export { columns_1 as columns };
         export function onButtonClick_1(): void;
         export { onButtonClick_1 as onButtonClick };
         const buttonColor_1: string;
@@ -131,8 +245,140 @@ export namespace Default {
         export { sideButtonColor_1 as sideButtonColor };
         const sideButtonHoverColor_1: string;
         export { sideButtonHoverColor_1 as sideButtonHoverColor };
+        const showHorizontalScroll_1: boolean;
+        export { showHorizontalScroll_1 as showHorizontalScroll };
         const children_1: import("react/jsx-runtime").JSX.Element;
         export { children_1 as children };
     }
 }
+export namespace WithData {
+    export namespace args_1 {
+        const width_2: string;
+        export { width_2 as width };
+        const height_2: string;
+        export { height_2 as height };
+        const tableBodyHeight_2: string;
+        export { tableBodyHeight_2 as tableBodyHeight };
+        const tableTitle_2: string;
+        export { tableTitle_2 as tableTitle };
+        export const counter: number;
+        const isLoading_2: boolean;
+        export { isLoading_2 as isLoading };
+        const isLoadingText_2: string;
+        export { isLoadingText_2 as isLoadingText };
+        const lastRowsThreshold_2: number;
+        export { lastRowsThreshold_2 as lastRowsThreshold };
+        export { columns1 as columns };
+        export { data1 as data };
+        const buttonColor_2: string;
+        export { buttonColor_2 as buttonColor };
+    }
+    export { args_1 as args };
+}
+export namespace EmptyState {
+    export namespace args_2 {
+        const width_3: string;
+        export { width_3 as width };
+        const height_3: string;
+        export { height_3 as height };
+        const tableTitle_3: string;
+        export { tableTitle_3 as tableTitle };
+        const columns_2: any[];
+        export { columns_2 as columns };
+        const data_2: any[];
+        export { data_2 as data };
+    }
+    export { args_2 as args };
+}
 import Table from "./Table";
+declare const columns1: ({
+    key: string;
+    title: string;
+    filter: boolean;
+    sort: boolean;
+    checkBox: boolean;
+    fieldType: string;
+    minWidth: string;
+    maxWidth: string;
+    filterOptions: {
+        label: string;
+        value: string;
+    }[];
+    sortOptions: {
+        value: string;
+        label: string;
+    }[];
+    rangeFilter?: undefined;
+    freeTextFilter?: undefined;
+    tooltipText?: undefined;
+} | {
+    key: string;
+    title: string;
+    filter: boolean;
+    sort: boolean;
+    checkBox: boolean;
+    fieldType: string;
+    minWidth: string;
+    maxWidth: string;
+    filterOptions: any[];
+    rangeFilter: boolean;
+    sortOptions?: undefined;
+    freeTextFilter?: undefined;
+    tooltipText?: undefined;
+} | {
+    key: string;
+    title: string;
+    filter: boolean;
+    sort: boolean;
+    checkBox: boolean;
+    fieldType: string;
+    minWidth: string;
+    maxWidth: string;
+    freeTextFilter: boolean;
+    filterOptions?: undefined;
+    sortOptions?: undefined;
+    rangeFilter?: undefined;
+    tooltipText?: undefined;
+} | {
+    key: string;
+    title: string;
+    filter: boolean;
+    sort: boolean;
+    checkBox: boolean;
+    fieldType: string;
+    minWidth: string;
+    maxWidth: string;
+    filterOptions: {
+        value: string;
+        label: string;
+    }[];
+    sortOptions: any[];
+    tooltipText: {
+        value: string;
+        label: string;
+    }[];
+    rangeFilter?: undefined;
+    freeTextFilter?: undefined;
+})[];
+declare const data1: {
+    EventCode: number;
+    ExternalEventID: string;
+    EventName: string;
+    EventType: number;
+    EventComponent: string;
+    EventSubType: number;
+    StartWeekID: string;
+    EndWeekID: string;
+    IsPartnership: boolean;
+    DueDate: string;
+    EnterDate: string;
+    LastModDate: string;
+    Retailers: string[];
+    EventTypeName: string;
+    EventSubTypeName: string;
+    PackageStatus: string;
+    Week: string;
+    Period: string;
+    Year: string;
+    Trash: string;
+}[];

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

@@ -1,4 +1,6 @@
 export const TableWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TableBodyScrollWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export const TableTag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
 export const Thead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
 export const HeaderCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>> & string;
@@ -12,3 +14,5 @@ export const SubTitle: import("styled-components/dist/types").IStyledComponentBa
 export const NoEventsParent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export const NoEventsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export const NoEventsMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export const LoadingWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const LoadingText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

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

@@ -0,0 +1,9 @@
+export default TableBody;
+declare function TableBody({ columns, data, onRowClick, onSendClick, buttonColor, onDeleteClick }: {
+    columns: any;
+    data: any;
+    onRowClick: any;
+    onSendClick: any;
+    buttonColor: any;
+    onDeleteClick: any;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+export const StyledTableBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
+export const TableRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
+export const Tooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TableCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;
+export const SkeletonCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;
+export const SkeletonBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const PackageStatusContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const SentStatus: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const TrashIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const DisabledTrashIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,9 @@
+export default TableHeader;
+declare function TableHeader({ columns, onSort, onFilter, onSelectAll, activeFilters, activeSorts }: {
+    columns: any;
+    onSort: any;
+    onFilter: any;
+    onSelectAll: any;
+    activeFilters?: any[];
+    activeSorts?: any[];
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+export const StyledTableHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
+export const HeaderCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>> & string;
+export const ColumnContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const ColumnCheckbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export const ColumnLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export const ColumnActions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const IconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export const PopWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,8 @@
+export default Tooltip;
+declare function Tooltip({ show, content, x, y, triangleOffset }: {
+    show: any;
+    content: any;
+    x: any;
+    y: any;
+    triangleOffset: any;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export const StyledTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,11 @@
+export function useTooltip(): {
+    tooltip: {
+        show: boolean;
+        content: string;
+        x: number;
+        y: number;
+        triangleOffset: string;
+    };
+    handleTooltipShow: (e: any, tooltipText: any) => void;
+    handleTooltipHide: (e: any, tooltipText: any) => void;
+};

package/dist/types/components/WeeksPicker/WeeksCalendar.d.ts

@@ -9,10 +9,12 @@ export default WeeksCalendar;
  * • onApply(start,end) – callback, both numbers (inclusive)
  * • onCancel()         – callback
  */
-declare function WeeksCalendar({ year, defaultStartWeek, defaultEndWeek, onApply, onCancel, }: {
+declare function WeeksCalendar({ year, defaultStartWeek, defaultEndWeek, backgroundColor, hoverBackgroundColor, onApply, onCancel, }: {
     year: any;
     defaultStartWeek?: any;
     defaultEndWeek?: any;
+    backgroundColor?: string;
+    hoverBackgroundColor?: string;
     onApply: any;
     onCancel: any;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,27 +1,18 @@
 export default WeeksPicker;
-declare function WeeksPicker({ label, disabled, borderColor, borderColorFocus, textColor, required, placeholder, borderRadius, year, width, height, onChange, selectedValue, }: {
+declare function WeeksPicker({ label, disabled, borderColor, borderColorFocus, textColor, hoverColor, required, placeholder, borderRadius, year, width, height, withMarginBottom, onChange, selectedValue, }: {
     label: any;
     disabled: any;
     borderColor: any;
     borderColorFocus: any;
     textColor: any;
+    hoverColor: any;
     required: any;
     placeholder: any;
     borderRadius: any;
     year: any;
     width: any;
     height: any;
+    withMarginBottom?: boolean;
     onChange: any;
     selectedValue: any;
 }): import("react/jsx-runtime").JSX.Element;
-declare namespace WeeksPicker {
-    namespace propTypes {
-        const label: PropTypes.Validator<string>;
-        const year: PropTypes.Validator<number>;
-        const onChange: PropTypes.Validator<(...args: any[]) => any>;
-        const defaultValues: PropTypes.Requireable<number[]>;
-        const saveStartWeekID: PropTypes.Validator<(...args: any[]) => any>;
-        const saveEndWeekID: PropTypes.Validator<(...args: any[]) => any>;
-    }
-}
-import PropTypes from "prop-types";

package/dist/types/icons/ArrowRightFullIcon.d.ts

@@ -0,0 +1,5 @@
+export default ArrowRightFullIcon;
+declare function ArrowRightFullIcon({ width, height, }: {
+    width?: number;
+    height?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/ExclamationMarkIcon.d.ts

@@ -0,0 +1,6 @@
+export function ExclamationMarkIcon({ color, width, height }: {
+    color?: string;
+    width?: string;
+    height?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export default ExclamationMarkIcon;

package/dist/types/icons/OkIcon.d.ts

@@ -0,0 +1,6 @@
+export default OkIcon;
+declare function OkIcon({ width, height, color }: {
+    width?: string;
+    height?: string;
+    color?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/RedDot.d.ts

@@ -0,0 +1,5 @@
+export default RedDot;
+declare function RedDot({ width, height, }: {
+    width?: number;
+    height?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/TrashIcon.d.ts

@@ -0,0 +1,7 @@
+export default TrashIcon;
+/**
+ * TrashIcon component renders a trash/delete icon based on the given state.
+ * @param {('default'|'hover'|'disabled'|'active')} state - The visual state of the icon.
+ * @param {object} props - Additional props passed to the svg element.
+ */
+declare function TrashIcon({ state, ...props }: ('default' | 'hover' | 'disabled' | 'active')): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/index.d.ts

@@ -13,3 +13,8 @@ export { default as SearchIcon } from './SearchIcon';
 export { default as PlusIcon } from './PlusIcon';
 export { default as ArrowLeftIcon } from './ArrowLeftIcon';
 export { default as Plus } from './Plus';
+export { default as ArrowRightFullIcon } from './ArrowRightFullIcon';
+export { default as RedDot } from './RedDot';
+export { default as TrashIcon } from './TrashIcon';
+export { default as CalendarInOpen } from './CalendarInOpen';
+export { default as Calendar } from './Calendar';

package/dist/types/index.d.ts

@@ -40,6 +40,7 @@ export { default as ModalWithOverlay } from "./components/ModalWithOverlay/Modal
 export { default as DropdownNew } from "./components/DropdownNew/DropdownNew.jsx";
 export { default as WeeksPicker } from "./components/WeeksPicker/WeeksPicker.jsx";
 export { default as Input } from "./components/Input/Input.jsx";
+export { default as Tooltip } from "./components/Tooltip/Tooltip.jsx";
 export { default as ToggleSwitch } from "./components/ToggleSwitch/ToggleSwitch.jsx";
 export { default as ContainerTable } from "./components/ContainerTable/ContainerTable.jsx";
 export { default as MenuRoute } from "./components/MenuRoute/MenuRoute.jsx";
@@ -47,4 +48,11 @@ export { default as Build } from "./components/MenuRoute/MenuIcons/Build.jsx";
 export { default as Track } from "./components/MenuRoute/MenuIcons/Track.jsx";
 export { default as Execute } from "./components/MenuRoute/MenuIcons/Execute.jsx";
 export { default as Table } from "./components/Table/Table.jsx";
+export { default as FilterPop } from "./components/Table/DropMenus/FilterPop.jsx";
+export { default as SortPop } from "./components/Table/DropMenus/SortPop.jsx";
+export { default as RangePop } from "./components/Table/DropMenus/RangePop.jsx";
 export { default as SearchInput } from "./components/SearchInput/SearchInput.jsx";
+export { default as ItemManagerPanel } from "./components/ItemManagerPanel/ItemManagerPanel.jsx";
+export { default as ModalDrawer } from "./components/ModalDrawer/ModalDrawer.jsx";
+export { default as OverlayDropdown } from "./components/OverlayDropdown/OverlayDropdown.jsx";
+export { default as MessageBox } from "./components/MessageBox/MessageBox.jsx";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "2.0.0-beta100",
+  "version": "2.0.0-beta102",
   "description": "",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -28,8 +28,10 @@
     "@chromatic-com/storybook": "^3.2.5",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-commonjs": "^24.0.0",
+    "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^13.0.6",
     "@rollup/plugin-typescript": "^12.1.2",
+    "@rollup/plugin-url": "^8.0.2",
     "@storybook/addon-designs": "^8.2.0",
     "@storybook/addon-essentials": "^8.6.4",
     "@storybook/addon-interactions": "^8.6.4",
@@ -76,6 +78,7 @@
     "@emotion/styled": "^11.11.5",
     "classnames": "^2.3.2",
     "framer-motion": "^11.15.0",
+    "lottie-react": "^2.4.1",
     "moment": "^2.30.1",
     "prop-types": "^15.8.1",
     "react": "^18.3.1",
@@ -85,7 +88,7 @@
     "react-loading-skeleton": "^3.3.1",
     "recharts": "^2.15.0",
     "styled-components": "^6.1.15",
-    "typescript": "^5.8.3"
+    "typescript": "^4.9.5"
   },
   "browserslist": {
     "production": [