sag_components 2.0.0-beta101 → 2.0.0-beta103
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +259 -22
- package/dist/index.esm.js +18771 -739
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +18771 -719
- package/dist/index.js.map +1 -1
- package/dist/types/components/BubbleChart/BubbleChart.style.d.ts +0 -2
- package/dist/types/components/Button/Button.d.ts +1 -21
- package/dist/types/components/Button/Button.stories.d.ts +93 -35
- package/dist/types/components/ContainerTable/ContainerTable.d.ts +2 -0
- package/dist/types/components/{CampaignTool/Card.stories.d.ts → ContainerTable/ContainerTable.stories.d.ts} +37 -33
- package/dist/types/components/ContainerTable/ContainerTable.style.d.ts +7 -0
- package/dist/types/components/DropdownMultiNew/DropdownMultiNew.d.ts +2 -1
- package/dist/types/components/DropdownNew/DropdownNew.d.ts +1 -80
- package/dist/types/components/DropdownSingleNew/DropdownSingleNew.d.ts +2 -1
- package/dist/types/components/EventsTable/ColumnFilter.d.ts +7 -0
- package/dist/types/components/EventsTable/DeleteEventModal.d.ts +5 -0
- package/dist/types/components/EventsTable/EventTable.d.ts +7 -0
- package/dist/types/components/EventsTable/EventsHeader.d.ts +6 -0
- package/dist/types/components/EventsTable/EventsPage.d.ts +1 -0
- package/dist/types/components/EventsTable/EventsPage.stories.d.ts +8 -0
- package/dist/types/components/EventsTable/SendButton.d.ts +3 -0
- package/dist/types/components/EventsTable/mockEvents.d.ts +15 -0
- package/dist/types/components/Input/Input.stories.d.ts +84 -76
- package/dist/types/components/ItemManagerPanel/ConfirmationDialog/ConfirmationDialog.d.ts +9 -0
- package/dist/types/components/ItemManagerPanel/ConfirmationDialog/ConfirmationDialog.style.d.ts +13 -0
- package/dist/types/components/ItemManagerPanel/ItemManagerPanel.d.ts +18 -0
- package/dist/types/components/ItemManagerPanel/ItemManagerPanel.stories.d.ts +78 -0
- package/dist/types/components/ItemManagerPanel/ItemManagerPanel.style.d.ts +24 -0
- package/dist/types/components/ItemManagerPanel/NewItemList/NewItemList.d.ts +6 -0
- package/dist/types/components/ItemManagerPanel/NewItemList/NewItemList.style.d.ts +17 -0
- package/dist/types/components/ItemManagerPanel/NewSubitem/NewSubitem.d.ts +8 -0
- package/dist/types/components/ItemManagerPanel/NewSubitem/NewSubitem.style.d.ts +15 -0
- package/dist/types/components/ItemManagerPanel/NewSubitemList/NewSubitemList.d.ts +2 -0
- package/dist/types/components/ItemManagerPanel/NewSubitemList/NewSubitemList.style.d.ts +17 -0
- package/dist/types/components/ItemManagerPanel/SuccessScreen/SuccessScreen.d.ts +8 -0
- package/dist/types/components/ItemManagerPanel/SuccessScreen/SuccessScreen.style.d.ts +16 -0
- package/dist/types/components/MenuRoute/MenuIcons/Build.d.ts +6 -0
- package/dist/types/components/MenuRoute/MenuIcons/Execute.d.ts +6 -0
- package/dist/types/components/MenuRoute/MenuIcons/Track.d.ts +6 -0
- package/dist/types/components/MenuRoute/MenuRoute.d.ts +2 -0
- package/dist/types/components/MenuRoute/MenuRoute.stories.d.ts +52 -0
- package/dist/types/components/MenuRoute/MenuRoute.style.d.ts +3 -0
- package/dist/types/components/MessageBox/MessageBox.d.ts +13 -0
- package/dist/types/components/MessageBox/MessageBox.stories.d.ts +75 -0
- package/dist/types/components/MessageBox/MessageBox.styles.d.ts +9 -0
- package/dist/types/components/ModalDrawer/ModalDrawer.d.ts +15 -0
- package/dist/types/components/ModalDrawer/ModalDrawer.stories.d.ts +7 -0
- package/dist/types/components/ModalDrawer/ModalDrawer.styles.d.ts +3 -0
- package/dist/types/components/ModalWithOverlay/ModalWithOverlay.d.ts +2 -0
- package/dist/types/components/ModalWithOverlay/ModalWithOverlay.stories.d.ts +112 -0
- package/dist/types/components/ModalWithOverlay/ModalWithOverlay.style.d.ts +7 -0
- package/dist/types/components/OverlayDropdown/OverlayDropdown.d.ts +35 -0
- package/dist/types/components/OverlayDropdown/OverlayDropdown.stories.d.ts +188 -0
- package/dist/types/components/OverlayDropdown/OverlayDropdown.style.d.ts +7 -0
- package/dist/types/components/OverlayDropdown/OverlayTemplateDialog.d.ts +25 -0
- package/dist/types/components/OverlayDropdown/OverlayTemplateDialog.style.d.ts +10 -0
- package/dist/types/components/SearchInput/SearchInput.d.ts +0 -22
- package/dist/types/components/SearchInput/SearchInput.stories.d.ts +59 -5
- package/dist/types/components/SearchInput/SearchInput.style.d.ts +1 -0
- package/dist/types/components/TabMenu/TabMenu.style.d.ts +1 -17
- package/dist/types/components/Table/DropMenus/FieldPop.d.ts +2 -0
- package/dist/types/components/Table/DropMenus/FieldPop.style.d.ts +5 -0
- package/dist/types/components/Table/DropMenus/FilterPop.d.ts +2 -0
- package/dist/types/components/Table/DropMenus/FilterPop.style.d.ts +6 -0
- package/dist/types/components/Table/DropMenus/RangePop.d.ts +2 -0
- package/dist/types/components/Table/DropMenus/RangePop.style.d.ts +10 -0
- package/dist/types/components/Table/DropMenus/SortPop.d.ts +2 -0
- package/dist/types/components/Table/DropMenus/SortPop.style.d.ts +8 -0
- package/dist/types/components/Table/FilterIcon.d.ts +6 -0
- package/dist/types/components/Table/Icons/DisabledTrashIcon.d.ts +6 -0
- package/dist/types/components/Table/Icons/FilterIcon.d.ts +4 -0
- package/dist/types/components/Table/Icons/SortIcon.d.ts +5 -0
- package/dist/types/components/Table/Icons/TrashIcon.d.ts +6 -0
- package/dist/types/components/Table/NoEvents.d.ts +5 -0
- package/dist/types/components/Table/SortIcon.d.ts +6 -0
- package/dist/types/components/Table/Table.d.ts +2 -0
- package/dist/types/components/Table/Table.stories.d.ts +384 -0
- package/dist/types/components/Table/Table.style.d.ts +18 -0
- package/dist/types/components/Table/TableBody.d.ts +9 -0
- package/dist/types/components/Table/TableBody.styles.d.ts +10 -0
- package/dist/types/components/Table/TableHeader.d.ts +9 -0
- package/dist/types/components/Table/TableHeader.styles.d.ts +8 -0
- package/dist/types/components/ToggleSwitch/ToggleSwitch.d.ts +21 -0
- package/dist/types/components/ToggleSwitch/ToggleSwitch.stories.d.ts +15 -0
- package/dist/types/components/ToggleSwitch/ToggleSwitch.style.d.ts +3 -0
- package/dist/types/components/WeeksPicker/WeeksCalendar.d.ts +30 -0
- package/dist/types/components/WeeksPicker/WeeksCalendar.styles.d.ts +5 -0
- package/dist/types/components/WeeksPicker/WeeksPicker.d.ts +18 -0
- package/dist/types/components/WeeksPicker/WeeksPicker.stories.d.ts +9 -0
- package/dist/types/components/WeeksPicker/WeeksPicker.style.d.ts +8 -0
- package/dist/types/icons/ArrowLeftIcon.d.ts +7 -0
- package/dist/types/icons/ArrowRightFullIcon.d.ts +5 -0
- package/dist/types/icons/ExclamationMarkIcon.d.ts +6 -0
- package/dist/types/icons/OkIcon.d.ts +6 -0
- package/dist/types/icons/Plus.d.ts +6 -0
- package/dist/types/icons/PlusIcon.d.ts +6 -0
- package/dist/types/icons/RedDot.d.ts +5 -0
- package/dist/types/icons/TrashIcon.d.ts +7 -0
- package/dist/types/icons/index.d.ts +20 -0
- package/dist/types/index.d.ts +20 -0
- package/package.json +5 -2
- package/dist/types/components/AutocompleteField/AutocompleteField.d.ts +0 -15
- package/dist/types/components/AutocompleteField/AutocompleteField.stories.d.ts +0 -13
- package/dist/types/components/AutocompleteField/AutocompleteField.style.d.ts +0 -5
- package/dist/types/components/CampaignTool/CampaignDemoReport.stories.d.ts +0 -46
- package/dist/types/components/CampaignTool/MultipleCard.stories.d.ts +0 -28
- package/dist/types/components/CampaignTool/PageFilterBar.stories.d.ts +0 -17
- package/dist/types/components/CampaignTool/Popup.stories.d.ts +0 -101
- package/dist/types/components/CampaignTool/Table.stories.d.ts +0 -108
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export const StyledTableBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
|
|
2
|
+
export const TableRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
|
|
3
|
+
export const Tooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
export const TableCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;
|
|
5
|
+
export const SkeletonCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;
|
|
6
|
+
export const SkeletonBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
|
+
export const PackageStatusContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
8
|
+
export const SentStatus: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
9
|
+
export const TrashIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
10
|
+
export const DisabledTrashIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export default TableHeader;
|
|
2
|
+
declare function TableHeader({ columns, onSort, onFilter, onSelectAll, activeFilters, activeSorts }: {
|
|
3
|
+
columns: any;
|
|
4
|
+
onSort: any;
|
|
5
|
+
onFilter: any;
|
|
6
|
+
onSelectAll: any;
|
|
7
|
+
activeFilters?: any[];
|
|
8
|
+
activeSorts?: any[];
|
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export const StyledTableHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
|
|
2
|
+
export const HeaderCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>> & string;
|
|
3
|
+
export const ColumnContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
export const ColumnCheckbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
5
|
+
export const ColumnLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
6
|
+
export const ColumnActions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
|
+
export const IconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
8
|
+
export const PopWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ToggleSwitch component for on/off states.
|
|
3
|
+
* Supports small/large sizes and disabled state.
|
|
4
|
+
*/
|
|
5
|
+
declare function ToggleSwitch({ checked, onChange, size, disabled, ...props }: {
|
|
6
|
+
[x: string]: any;
|
|
7
|
+
checked: any;
|
|
8
|
+
onChange: any;
|
|
9
|
+
size?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare namespace ToggleSwitch {
|
|
13
|
+
namespace propTypes {
|
|
14
|
+
const checked: PropTypes.Validator<boolean>;
|
|
15
|
+
const onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
16
|
+
const size: PropTypes.Requireable<string>;
|
|
17
|
+
const disabled: PropTypes.Requireable<boolean>;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
export default ToggleSwitch;
|
|
21
|
+
import PropTypes from "prop-types";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
declare namespace _default {
|
|
2
|
+
export const title: string;
|
|
3
|
+
export { ToggleSwitch as component };
|
|
4
|
+
}
|
|
5
|
+
export default _default;
|
|
6
|
+
export const SmallOff: any;
|
|
7
|
+
export const SmallOn: any;
|
|
8
|
+
export const SmallDisabled: any;
|
|
9
|
+
export const MediumOff: any;
|
|
10
|
+
export const MediumOn: any;
|
|
11
|
+
export const MediumDisabled: any;
|
|
12
|
+
export const LargeOff: any;
|
|
13
|
+
export const LargeOn: any;
|
|
14
|
+
export const LargeDisabled: any;
|
|
15
|
+
import ToggleSwitch from "./ToggleSwitch";
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export const ToggleSwitchLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
2
|
+
export const ToggleInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
3
|
+
export const ToggleSlider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export default WeeksCalendar;
|
|
2
|
+
/**
|
|
3
|
+
* WeeksCalendar
|
|
4
|
+
* -------------
|
|
5
|
+
* Props
|
|
6
|
+
* • year – four-digit year (required)
|
|
7
|
+
* • defaultStartWeek – number | null
|
|
8
|
+
* • defaultEndWeek – number | null
|
|
9
|
+
* • onApply(start,end) – callback, both numbers (inclusive)
|
|
10
|
+
* • onCancel() – callback
|
|
11
|
+
*/
|
|
12
|
+
declare function WeeksCalendar({ year, defaultStartWeek, defaultEndWeek, backgroundColor, hoverBackgroundColor, onApply, onCancel, }: {
|
|
13
|
+
year: any;
|
|
14
|
+
defaultStartWeek?: any;
|
|
15
|
+
defaultEndWeek?: any;
|
|
16
|
+
backgroundColor?: string;
|
|
17
|
+
hoverBackgroundColor?: string;
|
|
18
|
+
onApply: any;
|
|
19
|
+
onCancel: any;
|
|
20
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare namespace WeeksCalendar {
|
|
22
|
+
namespace propTypes {
|
|
23
|
+
const year: PropTypes.Validator<number>;
|
|
24
|
+
const defaultStartWeek: PropTypes.Requireable<number>;
|
|
25
|
+
const defaultEndWeek: PropTypes.Requireable<number>;
|
|
26
|
+
const onApply: PropTypes.Validator<(...args: any[]) => any>;
|
|
27
|
+
const onCancel: PropTypes.Requireable<(...args: any[]) => any>;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
import PropTypes from "prop-types";
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export const CalendarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
export const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
|
|
3
|
+
export const Grid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
export const WeekCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
5
|
+
export const Footer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export default WeeksPicker;
|
|
2
|
+
declare function WeeksPicker({ label, disabled, borderColor, borderColorFocus, textColor, hoverColor, required, placeholder, borderRadius, year, width, height, withMarginBottom, onChange, selectedValue, }: {
|
|
3
|
+
label: any;
|
|
4
|
+
disabled: any;
|
|
5
|
+
borderColor: any;
|
|
6
|
+
borderColorFocus: any;
|
|
7
|
+
textColor: any;
|
|
8
|
+
hoverColor: any;
|
|
9
|
+
required: any;
|
|
10
|
+
placeholder: any;
|
|
11
|
+
borderRadius: any;
|
|
12
|
+
year: any;
|
|
13
|
+
width: any;
|
|
14
|
+
height: any;
|
|
15
|
+
withMarginBottom?: boolean;
|
|
16
|
+
onChange: any;
|
|
17
|
+
selectedValue: any;
|
|
18
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
declare namespace _default {
|
|
2
|
+
export const title: string;
|
|
3
|
+
export { WeeksPicker as component };
|
|
4
|
+
export const tags: string[];
|
|
5
|
+
}
|
|
6
|
+
export default _default;
|
|
7
|
+
export const Default: any;
|
|
8
|
+
export const WithDefaultValue: any;
|
|
9
|
+
import WeeksPicker from "./WeeksPicker";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export const WeeksPickerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
export const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
3
|
+
export const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
4
|
+
export const RequiredIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
5
|
+
export const ErrorLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
6
|
+
export const OptionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
|
+
export const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
8
|
+
export const CalendarDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default TrashIcon;
|
|
2
|
+
/**
|
|
3
|
+
* TrashIcon component renders a trash/delete icon based on the given state.
|
|
4
|
+
* @param {('default'|'hover'|'disabled'|'active')} state - The visual state of the icon.
|
|
5
|
+
* @param {object} props - Additional props passed to the svg element.
|
|
6
|
+
*/
|
|
7
|
+
declare function TrashIcon({ state, ...props }: ('default' | 'hover' | 'disabled' | 'active')): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export { default as DownloadIcon } from './DownloadIcon';
|
|
2
|
+
export { default as FilterIcon } from './FilterIcon';
|
|
3
|
+
export { default as OptionsIcon } from './OptionsIcon';
|
|
4
|
+
export { default as DocumentIcon } from './DocumentIcon';
|
|
5
|
+
export { default as FlyIcon } from './FlyIcon';
|
|
6
|
+
export { default as BellIcon } from './BellIcon';
|
|
7
|
+
export { default as MaintenanceIcon } from './MaintenanceIcon';
|
|
8
|
+
export { default as ExitIcon } from './ExitIcon';
|
|
9
|
+
export { default as EyeIcon } from './EyeIcon';
|
|
10
|
+
export { default as ButtonArrowRight } from './ButtonArrowRight';
|
|
11
|
+
export { default as ReselectIcon } from './ReselectIcon';
|
|
12
|
+
export { default as SearchIcon } from './SearchIcon';
|
|
13
|
+
export { default as PlusIcon } from './PlusIcon';
|
|
14
|
+
export { default as ArrowLeftIcon } from './ArrowLeftIcon';
|
|
15
|
+
export { default as Plus } from './Plus';
|
|
16
|
+
export { default as ArrowRightFullIcon } from './ArrowRightFullIcon';
|
|
17
|
+
export { default as RedDot } from './RedDot';
|
|
18
|
+
export { default as TrashIcon } from './TrashIcon';
|
|
19
|
+
export { default as CalendarInOpen } from './CalendarInOpen';
|
|
20
|
+
export { default as Calendar } from './Calendar';
|
package/dist/types/index.d.ts
CHANGED
|
@@ -36,3 +36,23 @@ export { default as TwoBarCharts } from "./components/TwoBarCharts/TwoBarCharts.
|
|
|
36
36
|
export { default as CollapseData } from "./components/CollapseData/CollapseData.jsx";
|
|
37
37
|
export { default as InsightsCarousel } from "./components/InsightsCarousel/InsightsCarousel.jsx";
|
|
38
38
|
export { default as DownloadProgress } from "./components/DownloadProgress/DownloadProgress.jsx";
|
|
39
|
+
export { default as ModalWithOverlay } from "./components/ModalWithOverlay/ModalWithOverlay.jsx";
|
|
40
|
+
export { default as DropdownNew } from "./components/DropdownNew/DropdownNew.jsx";
|
|
41
|
+
export { default as WeeksPicker } from "./components/WeeksPicker/WeeksPicker.jsx";
|
|
42
|
+
export { default as Input } from "./components/Input/Input.jsx";
|
|
43
|
+
export { default as Tooltip } from "./components/Tooltip/Tooltip.jsx";
|
|
44
|
+
export { default as ToggleSwitch } from "./components/ToggleSwitch/ToggleSwitch.jsx";
|
|
45
|
+
export { default as ContainerTable } from "./components/ContainerTable/ContainerTable.jsx";
|
|
46
|
+
export { default as MenuRoute } from "./components/MenuRoute/MenuRoute.jsx";
|
|
47
|
+
export { default as Build } from "./components/MenuRoute/MenuIcons/Build.jsx";
|
|
48
|
+
export { default as Track } from "./components/MenuRoute/MenuIcons/Track.jsx";
|
|
49
|
+
export { default as Execute } from "./components/MenuRoute/MenuIcons/Execute.jsx";
|
|
50
|
+
export { default as Table } from "./components/Table/Table.jsx";
|
|
51
|
+
export { default as FilterPop } from "./components/Table/DropMenus/FilterPop.jsx";
|
|
52
|
+
export { default as SortPop } from "./components/Table/DropMenus/SortPop.jsx";
|
|
53
|
+
export { default as RangePop } from "./components/Table/DropMenus/RangePop.jsx";
|
|
54
|
+
export { default as SearchInput } from "./components/SearchInput/SearchInput.jsx";
|
|
55
|
+
export { default as ItemManagerPanel } from "./components/ItemManagerPanel/ItemManagerPanel.jsx";
|
|
56
|
+
export { default as ModalDrawer } from "./components/ModalDrawer/ModalDrawer.jsx";
|
|
57
|
+
export { default as OverlayDropdown } from "./components/OverlayDropdown/OverlayDropdown.jsx";
|
|
58
|
+
export { default as MessageBox } from "./components/MessageBox/MessageBox.jsx";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sag_components",
|
|
3
|
-
"version": "2.0.0-
|
|
3
|
+
"version": "2.0.0-beta103",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.esm.js",
|
|
@@ -28,8 +28,10 @@
|
|
|
28
28
|
"@chromatic-com/storybook": "^3.2.5",
|
|
29
29
|
"@rollup/plugin-babel": "^6.0.3",
|
|
30
30
|
"@rollup/plugin-commonjs": "^24.0.0",
|
|
31
|
+
"@rollup/plugin-json": "^6.1.0",
|
|
31
32
|
"@rollup/plugin-node-resolve": "^13.0.6",
|
|
32
33
|
"@rollup/plugin-typescript": "^12.1.2",
|
|
34
|
+
"@rollup/plugin-url": "^8.0.2",
|
|
33
35
|
"@storybook/addon-designs": "^8.2.0",
|
|
34
36
|
"@storybook/addon-essentials": "^8.6.4",
|
|
35
37
|
"@storybook/addon-interactions": "^8.6.4",
|
|
@@ -76,6 +78,7 @@
|
|
|
76
78
|
"@emotion/styled": "^11.11.5",
|
|
77
79
|
"classnames": "^2.3.2",
|
|
78
80
|
"framer-motion": "^11.15.0",
|
|
81
|
+
"lottie-react": "^2.4.1",
|
|
79
82
|
"moment": "^2.30.1",
|
|
80
83
|
"prop-types": "^15.8.1",
|
|
81
84
|
"react": "^18.3.1",
|
|
@@ -85,7 +88,7 @@
|
|
|
85
88
|
"react-loading-skeleton": "^3.3.1",
|
|
86
89
|
"recharts": "^2.15.0",
|
|
87
90
|
"styled-components": "^6.1.15",
|
|
88
|
-
"typescript": "^
|
|
91
|
+
"typescript": "^4.9.5"
|
|
89
92
|
},
|
|
90
93
|
"browserslist": {
|
|
91
94
|
"production": [
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export default AutocompleteField;
|
|
2
|
-
declare function AutocompleteField(props: any): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
declare namespace AutocompleteField {
|
|
4
|
-
namespace propTypes {
|
|
5
|
-
const choices: PropTypes.Requireable<string[]>;
|
|
6
|
-
const onSelect: PropTypes.Requireable<(...args: any[]) => any>;
|
|
7
|
-
}
|
|
8
|
-
namespace defaultProps {
|
|
9
|
-
const choices_1: string[];
|
|
10
|
-
export { choices_1 as choices };
|
|
11
|
-
export function onSelect_1(): void;
|
|
12
|
-
export { onSelect_1 as onSelect };
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
import PropTypes from "prop-types";
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
declare namespace _default {
|
|
2
|
-
export const title: string;
|
|
3
|
-
export { AutocompleteField as component };
|
|
4
|
-
export namespace argTypes {
|
|
5
|
-
namespace choices {
|
|
6
|
-
const control: string;
|
|
7
|
-
const description: string;
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
export default _default;
|
|
12
|
-
export const Default: any;
|
|
13
|
-
import AutocompleteField from "./AutocompleteField";
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export const AutocompleteContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
-
export const AutocompleteInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
3
|
-
export const AutocompleteLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
4
|
-
export const AutocompleteOptions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
5
|
-
export const AutocompleteOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
declare namespace _default {
|
|
2
|
-
export const title: string;
|
|
3
|
-
export { CampaignDemoReport as component };
|
|
4
|
-
export const tags: string[];
|
|
5
|
-
export namespace argTypes {
|
|
6
|
-
namespace topHeadline {
|
|
7
|
-
const name: string;
|
|
8
|
-
namespace control {
|
|
9
|
-
const type: string;
|
|
10
|
-
}
|
|
11
|
-
const defaultValue: string;
|
|
12
|
-
}
|
|
13
|
-
namespace topLabels {
|
|
14
|
-
const name_1: string;
|
|
15
|
-
export { name_1 as name };
|
|
16
|
-
export namespace control_1 {
|
|
17
|
-
const type_1: string;
|
|
18
|
-
export { type_1 as type };
|
|
19
|
-
}
|
|
20
|
-
export { control_1 as control };
|
|
21
|
-
}
|
|
22
|
-
namespace bottomHeadline {
|
|
23
|
-
const name_2: string;
|
|
24
|
-
export { name_2 as name };
|
|
25
|
-
export namespace control_2 {
|
|
26
|
-
const type_2: string;
|
|
27
|
-
export { type_2 as type };
|
|
28
|
-
}
|
|
29
|
-
export { control_2 as control };
|
|
30
|
-
const defaultValue_1: string;
|
|
31
|
-
export { defaultValue_1 as defaultValue };
|
|
32
|
-
}
|
|
33
|
-
namespace bottomLabels {
|
|
34
|
-
const name_3: string;
|
|
35
|
-
export { name_3 as name };
|
|
36
|
-
export namespace control_3 {
|
|
37
|
-
const type_3: string;
|
|
38
|
-
export { type_3 as type };
|
|
39
|
-
}
|
|
40
|
-
export { control_3 as control };
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
export default _default;
|
|
45
|
-
export const Example: any;
|
|
46
|
-
import CampaignDemoReport from "./CampaignDemoReport";
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
declare namespace _default {
|
|
2
|
-
export const title: string;
|
|
3
|
-
export { MultipleCard as component };
|
|
4
|
-
export const tags: string[];
|
|
5
|
-
export namespace argTypes {
|
|
6
|
-
namespace width {
|
|
7
|
-
const name: string;
|
|
8
|
-
namespace control {
|
|
9
|
-
const type: string;
|
|
10
|
-
}
|
|
11
|
-
const description: string;
|
|
12
|
-
}
|
|
13
|
-
namespace height {
|
|
14
|
-
const name_1: string;
|
|
15
|
-
export { name_1 as name };
|
|
16
|
-
export namespace control_1 {
|
|
17
|
-
const type_1: string;
|
|
18
|
-
export { type_1 as type };
|
|
19
|
-
}
|
|
20
|
-
export { control_1 as control };
|
|
21
|
-
const description_1: string;
|
|
22
|
-
export { description_1 as description };
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
export default _default;
|
|
27
|
-
export const CardsList: any;
|
|
28
|
-
import MultipleCard from "../CampaignTool/MultipleCard";
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
declare namespace _default {
|
|
2
|
-
export const title: string;
|
|
3
|
-
export { PageFilterBar as component };
|
|
4
|
-
export namespace argTypes {
|
|
5
|
-
namespace pageHeadline {
|
|
6
|
-
const name: string;
|
|
7
|
-
namespace control {
|
|
8
|
-
const type: string;
|
|
9
|
-
}
|
|
10
|
-
const description: string;
|
|
11
|
-
const defaultValue: string;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
export default _default;
|
|
16
|
-
export const OffersPage: any;
|
|
17
|
-
import PageFilterBar from "../CampaignTool/PageFilterBar";
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
declare namespace _default {
|
|
2
|
-
export const title: string;
|
|
3
|
-
export { Popup as component };
|
|
4
|
-
export const tags: string[];
|
|
5
|
-
export namespace argTypes {
|
|
6
|
-
export namespace title_1 {
|
|
7
|
-
const name: string;
|
|
8
|
-
namespace control {
|
|
9
|
-
const type: string;
|
|
10
|
-
}
|
|
11
|
-
const description: string;
|
|
12
|
-
}
|
|
13
|
-
export { title_1 as title };
|
|
14
|
-
export namespace isPopupOpen {
|
|
15
|
-
const name_1: string;
|
|
16
|
-
export { name_1 as name };
|
|
17
|
-
export namespace control_1 {
|
|
18
|
-
const type_1: string;
|
|
19
|
-
export { type_1 as type };
|
|
20
|
-
}
|
|
21
|
-
export { control_1 as control };
|
|
22
|
-
const description_1: string;
|
|
23
|
-
export { description_1 as description };
|
|
24
|
-
}
|
|
25
|
-
export namespace width {
|
|
26
|
-
const name_2: string;
|
|
27
|
-
export { name_2 as name };
|
|
28
|
-
export namespace control_2 {
|
|
29
|
-
const type_2: string;
|
|
30
|
-
export { type_2 as type };
|
|
31
|
-
}
|
|
32
|
-
export { control_2 as control };
|
|
33
|
-
const description_2: string;
|
|
34
|
-
export { description_2 as description };
|
|
35
|
-
}
|
|
36
|
-
export namespace height {
|
|
37
|
-
const name_3: string;
|
|
38
|
-
export { name_3 as name };
|
|
39
|
-
export namespace control_3 {
|
|
40
|
-
const type_3: string;
|
|
41
|
-
export { type_3 as type };
|
|
42
|
-
}
|
|
43
|
-
export { control_3 as control };
|
|
44
|
-
const description_3: string;
|
|
45
|
-
export { description_3 as description };
|
|
46
|
-
}
|
|
47
|
-
export namespace borderColor {
|
|
48
|
-
const name_4: string;
|
|
49
|
-
export { name_4 as name };
|
|
50
|
-
const description_4: string;
|
|
51
|
-
export { description_4 as description };
|
|
52
|
-
export namespace control_4 {
|
|
53
|
-
const type_4: string;
|
|
54
|
-
export { type_4 as type };
|
|
55
|
-
export const presetColors: string[];
|
|
56
|
-
}
|
|
57
|
-
export { control_4 as control };
|
|
58
|
-
}
|
|
59
|
-
export namespace subtitleTextColor {
|
|
60
|
-
const name_5: string;
|
|
61
|
-
export { name_5 as name };
|
|
62
|
-
const description_5: string;
|
|
63
|
-
export { description_5 as description };
|
|
64
|
-
export namespace control_5 {
|
|
65
|
-
const type_5: string;
|
|
66
|
-
export { type_5 as type };
|
|
67
|
-
const presetColors_1: string[];
|
|
68
|
-
export { presetColors_1 as presetColors };
|
|
69
|
-
}
|
|
70
|
-
export { control_5 as control };
|
|
71
|
-
}
|
|
72
|
-
export namespace onSaveClick {
|
|
73
|
-
const name_6: string;
|
|
74
|
-
export { name_6 as name };
|
|
75
|
-
export const action: string;
|
|
76
|
-
const description_6: string;
|
|
77
|
-
export { description_6 as description };
|
|
78
|
-
}
|
|
79
|
-
export namespace onCancelClick {
|
|
80
|
-
const name_7: string;
|
|
81
|
-
export { name_7 as name };
|
|
82
|
-
const action_1: string;
|
|
83
|
-
export { action_1 as action };
|
|
84
|
-
const description_7: string;
|
|
85
|
-
export { description_7 as description };
|
|
86
|
-
}
|
|
87
|
-
export namespace onChange {
|
|
88
|
-
const action_2: string;
|
|
89
|
-
export { action_2 as action };
|
|
90
|
-
const description_8: string;
|
|
91
|
-
export { description_8 as description };
|
|
92
|
-
}
|
|
93
|
-
export namespace popupItemsData {
|
|
94
|
-
const description_9: string;
|
|
95
|
-
export { description_9 as description };
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
export default _default;
|
|
100
|
-
export const ExamplePopup: any;
|
|
101
|
-
import Popup from "../CampaignTool/Popup";
|