sag_components 2.0.0-beta105 → 2.0.0-beta106

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.
Files changed (118) hide show
  1. package/dist/index.d.ts +227 -22
  2. package/dist/index.esm.js +19315 -859
  3. package/dist/index.esm.js.map +1 -1
  4. package/dist/index.js +19316 -839
  5. package/dist/index.js.map +1 -1
  6. package/dist/types/components/BreakdownPanel/ItemSales/ItemSalesPanel.style.d.ts +0 -2
  7. package/dist/types/components/BubbleChart/BubbleChart.style.d.ts +0 -2
  8. package/dist/types/components/Button/Button.d.ts +1 -21
  9. package/dist/types/components/Button/Button.stories.d.ts +93 -35
  10. package/dist/types/components/ContainerTable/ContainerTable.d.ts +2 -0
  11. package/dist/types/components/{CampaignTool/Card.stories.d.ts → ContainerTable/ContainerTable.stories.d.ts} +37 -33
  12. package/dist/types/components/ContainerTable/ContainerTable.style.d.ts +7 -0
  13. package/dist/types/components/DropdownMultiNew/DropdownMultiNew.d.ts +2 -1
  14. package/dist/types/components/DropdownNew/DropdownNew.d.ts +1 -80
  15. package/dist/types/components/{DropdownMultiNew → DropdownNew}/DropdownNew.stories.d.ts +134 -92
  16. package/dist/types/components/DropdownSingleNew/DropdownSingleNew.d.ts +2 -1
  17. package/dist/types/components/EventsTable/ColumnFilter.d.ts +7 -0
  18. package/dist/types/components/EventsTable/DeleteEventModal.d.ts +5 -0
  19. package/dist/types/components/EventsTable/EventTable.d.ts +7 -0
  20. package/dist/types/components/EventsTable/EventsHeader.d.ts +6 -0
  21. package/dist/types/components/EventsTable/EventsPage.d.ts +1 -0
  22. package/dist/types/components/EventsTable/EventsPage.stories.d.ts +8 -0
  23. package/dist/types/components/EventsTable/SendButton.d.ts +3 -0
  24. package/dist/types/components/EventsTable/mockEvents.d.ts +15 -0
  25. package/dist/types/components/Input/Input.stories.d.ts +84 -76
  26. package/dist/types/components/ItemManagerPanel/ConfirmationDialog/ConfirmationDialog.d.ts +9 -0
  27. package/dist/types/components/ItemManagerPanel/ConfirmationDialog/ConfirmationDialog.style.d.ts +13 -0
  28. package/dist/types/components/ItemManagerPanel/ItemManagerPanel.d.ts +18 -0
  29. package/dist/types/components/ItemManagerPanel/ItemManagerPanel.stories.d.ts +78 -0
  30. package/dist/types/components/ItemManagerPanel/ItemManagerPanel.style.d.ts +24 -0
  31. package/dist/types/components/ItemManagerPanel/NewItemList/NewItemList.d.ts +6 -0
  32. package/dist/types/components/ItemManagerPanel/NewItemList/NewItemList.style.d.ts +17 -0
  33. package/dist/types/components/ItemManagerPanel/NewSubitem/NewSubitem.d.ts +8 -0
  34. package/dist/types/components/ItemManagerPanel/NewSubitem/NewSubitem.style.d.ts +15 -0
  35. package/dist/types/components/ItemManagerPanel/NewSubitemList/NewSubitemList.d.ts +2 -0
  36. package/dist/types/components/ItemManagerPanel/NewSubitemList/NewSubitemList.style.d.ts +17 -0
  37. package/dist/types/components/ItemManagerPanel/SuccessScreen/SuccessScreen.d.ts +8 -0
  38. package/dist/types/components/ItemManagerPanel/SuccessScreen/SuccessScreen.style.d.ts +16 -0
  39. package/dist/types/components/MenuRoute/MenuIcons/Build.d.ts +6 -0
  40. package/dist/types/components/MenuRoute/MenuIcons/Execute.d.ts +6 -0
  41. package/dist/types/components/MenuRoute/MenuIcons/Track.d.ts +6 -0
  42. package/dist/types/components/MenuRoute/MenuRoute.d.ts +2 -0
  43. package/dist/types/components/MenuRoute/MenuRoute.stories.d.ts +52 -0
  44. package/dist/types/components/MenuRoute/MenuRoute.style.d.ts +3 -0
  45. package/dist/types/components/MessageBox/MessageBox.d.ts +13 -0
  46. package/dist/types/components/MessageBox/MessageBox.stories.d.ts +75 -0
  47. package/dist/types/components/MessageBox/MessageBox.styles.d.ts +9 -0
  48. package/dist/types/components/ModalDrawer/ModalDrawer.d.ts +15 -0
  49. package/dist/types/components/ModalDrawer/ModalDrawer.stories.d.ts +7 -0
  50. package/dist/types/components/ModalDrawer/ModalDrawer.styles.d.ts +3 -0
  51. package/dist/types/components/ModalWithOverlay/ModalWithOverlay.d.ts +2 -0
  52. package/dist/types/components/ModalWithOverlay/ModalWithOverlay.stories.d.ts +142 -0
  53. package/dist/types/components/ModalWithOverlay/ModalWithOverlay.style.d.ts +7 -0
  54. package/dist/types/components/OverlayDropdown/OverlayDropdown.d.ts +13 -0
  55. package/dist/types/components/OverlayDropdown/OverlayDropdown.stories.d.ts +188 -0
  56. package/dist/types/components/OverlayDropdown/OverlayDropdown.style.d.ts +7 -0
  57. package/dist/types/components/OverlayDropdown/OverlayTemplateDialog.d.ts +25 -0
  58. package/dist/types/components/OverlayDropdown/OverlayTemplateDialog.style.d.ts +10 -0
  59. package/dist/types/components/SearchInput/SearchInput.d.ts +0 -22
  60. package/dist/types/components/SearchInput/SearchInput.stories.d.ts +59 -5
  61. package/dist/types/components/SearchInput/SearchInput.style.d.ts +1 -0
  62. package/dist/types/components/TabMenu/TabMenu.style.d.ts +1 -17
  63. package/dist/types/components/Table/DropMenus/FieldPop.d.ts +2 -0
  64. package/dist/types/components/Table/DropMenus/FieldPop.style.d.ts +5 -0
  65. package/dist/types/components/Table/DropMenus/FilterPop.d.ts +2 -0
  66. package/dist/types/components/Table/DropMenus/FilterPop.style.d.ts +6 -0
  67. package/dist/types/components/Table/DropMenus/RangePop.d.ts +2 -0
  68. package/dist/types/components/Table/DropMenus/RangePop.style.d.ts +10 -0
  69. package/dist/types/components/Table/DropMenus/SortPop.d.ts +2 -0
  70. package/dist/types/components/Table/DropMenus/SortPop.style.d.ts +8 -0
  71. package/dist/types/components/Table/FilterIcon.d.ts +6 -0
  72. package/dist/types/components/Table/Icons/DisabledTrashIcon.d.ts +6 -0
  73. package/dist/types/components/Table/Icons/FilterIcon.d.ts +4 -0
  74. package/dist/types/components/Table/Icons/NoDataInSearchIcon.d.ts +5 -0
  75. package/dist/types/components/Table/Icons/SortIcon.d.ts +5 -0
  76. package/dist/types/components/Table/Icons/TrashIcon.d.ts +6 -0
  77. package/dist/types/components/Table/NoEvents.d.ts +5 -0
  78. package/dist/types/components/Table/SortIcon.d.ts +6 -0
  79. package/dist/types/components/Table/Table.d.ts +2 -0
  80. package/dist/types/components/Table/Table.stories.d.ts +408 -0
  81. package/dist/types/components/Table/Table.style.d.ts +18 -0
  82. package/dist/types/components/Table/TableBody.d.ts +9 -0
  83. package/dist/types/components/Table/TableBody.styles.d.ts +10 -0
  84. package/dist/types/components/Table/TableHeader.d.ts +9 -0
  85. package/dist/types/components/Table/TableHeader.styles.d.ts +8 -0
  86. package/dist/types/components/ToasterMessageBox/ToasterMessageBox.d.ts +10 -0
  87. package/dist/types/components/ToasterMessageBox/ToasterMessageBox.stories.d.ts +57 -0
  88. package/dist/types/components/ToasterMessageBox/ToasterMessageBox.styles.d.ts +4 -0
  89. package/dist/types/components/ToggleSwitch/ToggleSwitch.d.ts +21 -0
  90. package/dist/types/components/ToggleSwitch/ToggleSwitch.stories.d.ts +15 -0
  91. package/dist/types/components/ToggleSwitch/ToggleSwitch.style.d.ts +3 -0
  92. package/dist/types/components/Tooltip/Tooltip.d.ts +0 -22
  93. package/dist/types/components/WeeksPicker/WeeksCalendar.d.ts +30 -0
  94. package/dist/types/components/WeeksPicker/WeeksCalendar.styles.d.ts +5 -0
  95. package/dist/types/components/WeeksPicker/WeeksPicker.d.ts +18 -0
  96. package/dist/types/components/WeeksPicker/WeeksPicker.stories.d.ts +98 -0
  97. package/dist/types/components/WeeksPicker/WeeksPicker.style.d.ts +8 -0
  98. package/dist/types/icons/ArrowLeftIcon.d.ts +7 -0
  99. package/dist/types/icons/ArrowRightFullIcon.d.ts +5 -0
  100. package/dist/types/icons/CalendarInOpen.d.ts +5 -1
  101. package/dist/types/icons/ExclamationMarkIcon.d.ts +6 -0
  102. package/dist/types/icons/OkCircleIcon.d.ts +6 -0
  103. package/dist/types/icons/OkIcon.d.ts +6 -0
  104. package/dist/types/icons/Plus.d.ts +6 -0
  105. package/dist/types/icons/PlusIcon.d.ts +6 -0
  106. package/dist/types/icons/RedDot.d.ts +5 -0
  107. package/dist/types/icons/TrashIcon.d.ts +7 -0
  108. package/dist/types/icons/index.d.ts +20 -0
  109. package/dist/types/index.d.ts +21 -0
  110. package/package.json +5 -2
  111. package/dist/types/components/AutocompleteField/AutocompleteField.d.ts +0 -15
  112. package/dist/types/components/AutocompleteField/AutocompleteField.stories.d.ts +0 -13
  113. package/dist/types/components/AutocompleteField/AutocompleteField.style.d.ts +0 -5
  114. package/dist/types/components/CampaignTool/CampaignDemoReport.stories.d.ts +0 -46
  115. package/dist/types/components/CampaignTool/MultipleCard.stories.d.ts +0 -28
  116. package/dist/types/components/CampaignTool/PageFilterBar.stories.d.ts +0 -17
  117. package/dist/types/components/CampaignTool/Popup.stories.d.ts +0 -101
  118. package/dist/types/components/CampaignTool/Table.stories.d.ts +0 -108
@@ -0,0 +1,18 @@
1
+ export const TableWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
+ export const TableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
+ export const TableBodyScrollWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
4
+ export const TableTag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
5
+ export const Thead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
6
+ export const HeaderCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>> & string;
7
+ export const Tbody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
8
+ export const BodyCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;
9
+ export const StyledRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
10
+ export const NoInfoFound: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
11
+ export const TableTop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
12
+ export const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
13
+ export const SubTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
14
+ export const NoEventsParent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
15
+ export const NoEventsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
16
+ export const NoEventsMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
17
+ export const LoadingWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
18
+ export const LoadingText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
@@ -0,0 +1,9 @@
1
+ export default TableBody;
2
+ declare function TableBody({ columns, data, onRowClick, onSendClick, buttonColor, onDeleteClick }: {
3
+ columns: any;
4
+ data: any;
5
+ onRowClick: any;
6
+ onSendClick: any;
7
+ buttonColor: any;
8
+ onDeleteClick: any;
9
+ }): import("react/jsx-runtime").JSX.Element;
@@ -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,10 @@
1
+ export default ToasterMessageBox;
2
+ declare function ToasterMessageBox({ color, messageText, linkText, duration, width, onLinkClick, onClose }: {
3
+ color?: string;
4
+ messageText?: string;
5
+ linkText?: string;
6
+ duration?: number;
7
+ width?: string;
8
+ onLinkClick?: () => void;
9
+ onClose?: () => void;
10
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,57 @@
1
+ declare namespace _default {
2
+ export const title: string;
3
+ export { ToasterMessageBox as component };
4
+ export const tags: string[];
5
+ export namespace parameters {
6
+ const layout: string;
7
+ }
8
+ export namespace argTypes {
9
+ namespace color {
10
+ const control: string;
11
+ const description: string;
12
+ }
13
+ namespace messageText {
14
+ const control_1: string;
15
+ export { control_1 as control };
16
+ const description_1: string;
17
+ export { description_1 as description };
18
+ }
19
+ namespace linkText {
20
+ const control_2: string;
21
+ export { control_2 as control };
22
+ const description_2: string;
23
+ export { description_2 as description };
24
+ }
25
+ namespace duration {
26
+ const control_3: string;
27
+ export { control_3 as control };
28
+ const description_3: string;
29
+ export { description_3 as description };
30
+ }
31
+ namespace width {
32
+ const control_4: string;
33
+ export { control_4 as control };
34
+ const description_4: string;
35
+ export { description_4 as description };
36
+ }
37
+ namespace onLinkClick {
38
+ export const action: string;
39
+ const description_5: string;
40
+ export { description_5 as description };
41
+ }
42
+ namespace onClose {
43
+ const action_1: string;
44
+ export { action_1 as action };
45
+ const description_6: string;
46
+ export { description_6 as description };
47
+ }
48
+ }
49
+ }
50
+ export default _default;
51
+ export const Success: any;
52
+ export const QuickDismiss: any;
53
+ export const LongDuration: any;
54
+ export const WarningLongMessage: any;
55
+ export const InfoLongMessage: any;
56
+ export const NoLinkText: any;
57
+ import ToasterMessageBox from "./ToasterMessageBox";
@@ -0,0 +1,4 @@
1
+ export const ToasterContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
+ export const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
+ export const MessageText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
4
+ export const LinkText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, 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;
@@ -1,24 +1,2 @@
1
1
  export default Tooltip;
2
2
  declare function Tooltip(props: any): import("react/jsx-runtime").JSX.Element;
3
- declare namespace Tooltip {
4
- namespace propTypes {
5
- const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
6
- const content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
7
- const direction: PropTypes.Requireable<string>;
8
- const delay: PropTypes.Requireable<string>;
9
- const topFactor: PropTypes.Requireable<number>;
10
- }
11
- namespace defaultProps {
12
- const children_1: any;
13
- export { children_1 as children };
14
- const content_1: string;
15
- export { content_1 as content };
16
- const direction_1: string;
17
- export { direction_1 as direction };
18
- const delay_1: string;
19
- export { delay_1 as delay };
20
- const topFactor_1: number;
21
- export { topFactor_1 as topFactor };
22
- }
23
- }
24
- import PropTypes from "prop-types";
@@ -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,98 @@
1
+ declare namespace _default {
2
+ export const title: string;
3
+ export { WeeksPicker as component };
4
+ export const tags: string[];
5
+ export namespace argTypes {
6
+ namespace width {
7
+ const control: string;
8
+ const name: string;
9
+ }
10
+ namespace height {
11
+ const control_1: string;
12
+ export { control_1 as control };
13
+ const name_1: string;
14
+ export { name_1 as name };
15
+ }
16
+ namespace label {
17
+ const control_2: string;
18
+ export { control_2 as control };
19
+ const name_2: string;
20
+ export { name_2 as name };
21
+ }
22
+ namespace placeholder {
23
+ const control_3: string;
24
+ export { control_3 as control };
25
+ const name_3: string;
26
+ export { name_3 as name };
27
+ }
28
+ namespace defaultValues {
29
+ const control_4: string;
30
+ export { control_4 as control };
31
+ const name_4: string;
32
+ export { name_4 as name };
33
+ }
34
+ namespace selectedValue {
35
+ const control_5: string;
36
+ export { control_5 as control };
37
+ const name_5: string;
38
+ export { name_5 as name };
39
+ }
40
+ namespace year {
41
+ const control_6: string;
42
+ export { control_6 as control };
43
+ const name_6: string;
44
+ export { name_6 as name };
45
+ }
46
+ namespace required {
47
+ const control_7: string;
48
+ export { control_7 as control };
49
+ const name_7: string;
50
+ export { name_7 as name };
51
+ }
52
+ namespace disabled {
53
+ const control_8: string;
54
+ export { control_8 as control };
55
+ const name_8: string;
56
+ export { name_8 as name };
57
+ }
58
+ namespace textColor {
59
+ const control_9: string;
60
+ export { control_9 as control };
61
+ const name_9: string;
62
+ export { name_9 as name };
63
+ }
64
+ namespace borderRadius {
65
+ const control_10: string;
66
+ export { control_10 as control };
67
+ const name_10: string;
68
+ export { name_10 as name };
69
+ }
70
+ namespace borderColor {
71
+ const control_11: string;
72
+ export { control_11 as control };
73
+ const name_11: string;
74
+ export { name_11 as name };
75
+ }
76
+ namespace borderColorFocus {
77
+ const control_12: string;
78
+ export { control_12 as control };
79
+ const name_12: string;
80
+ export { name_12 as name };
81
+ }
82
+ namespace withMarginBottom {
83
+ const control_13: string;
84
+ export { control_13 as control };
85
+ const name_13: string;
86
+ export { name_13 as name };
87
+ }
88
+ namespace onChange {
89
+ export const action: string;
90
+ const name_14: string;
91
+ export { name_14 as name };
92
+ }
93
+ }
94
+ }
95
+ export default _default;
96
+ export const Default: any;
97
+ export const WithDefaultValue: any;
98
+ 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 ArrowLeftIcon;
2
+ declare function ArrowLeftIcon({ width, height, color, ...props }: {
3
+ [x: string]: any;
4
+ width?: string;
5
+ height?: string;
6
+ color?: string;
7
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ export default ArrowRightFullIcon;
2
+ declare function ArrowRightFullIcon({ width, height, }: {
3
+ width?: number;
4
+ height?: number;
5
+ }): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,6 @@
1
- export function CalendarInOpen(): import("react/jsx-runtime").JSX.Element;
1
+ export function CalendarInOpen({ width, height, fill }: {
2
+ width?: string;
3
+ height?: string;
4
+ fill?: string;
5
+ }): import("react/jsx-runtime").JSX.Element;
2
6
  export default CalendarInOpen;
@@ -0,0 +1,6 @@
1
+ export function ExclamationMarkIcon({ color, width, height }: {
2
+ color?: string;
3
+ width?: string;
4
+ height?: string;
5
+ }): import("react/jsx-runtime").JSX.Element;
6
+ export default ExclamationMarkIcon;
@@ -0,0 +1,6 @@
1
+ export default OkCircleIcon;
2
+ declare function OkCircleIcon({ width, height, color, }: {
3
+ width?: string;
4
+ height?: string;
5
+ color?: string;
6
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ export default OkIcon;
2
+ declare function OkIcon({ width, height, color }: {
3
+ width?: string;
4
+ height?: string;
5
+ color?: string;
6
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ export default Plus;
2
+ declare function Plus({ width, height, fill }: {
3
+ width?: number;
4
+ height?: number;
5
+ fill?: string;
6
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ export default PlusIcon;
2
+ declare function PlusIcon({ width, height, color }: {
3
+ width?: string;
4
+ height?: string;
5
+ color?: string;
6
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ export default RedDot;
2
+ declare function RedDot({ width, height, }: {
3
+ width?: number;
4
+ height?: number;
5
+ }): import("react/jsx-runtime").JSX.Element;
@@ -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';
@@ -36,3 +36,24 @@ 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";
59
+ export { default as ToasterMessageBox } from "./components/ToasterMessageBox/ToasterMessageBox.jsx";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "2.0.0-beta105",
3
+ "version": "2.0.0-beta106",
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": "^5.8.3"
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;