magneto365.ui 2.50.4 → 2.52.0
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/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +808 -789
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/atoms/ToggleButton/ToggleButton.interface.d.ts +9 -4
- package/dist/cjs/types/components/UI/atoms/index.d.ts +4 -3
- package/dist/cjs/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.interface.d.ts +19 -0
- package/dist/cjs/types/components/UI/molecules/ToggleButtonList/index.d.ts +2 -0
- package/dist/cjs/types/components/UI/molecules/index.d.ts +3 -2
- package/dist/cjs/types/constants/stories/toggleButton.constants.d.ts +2 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +807 -790
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/atoms/ToggleButton/ToggleButton.interface.d.ts +9 -4
- package/dist/esm/types/components/UI/atoms/index.d.ts +4 -3
- package/dist/esm/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.interface.d.ts +19 -0
- package/dist/esm/types/components/UI/molecules/ToggleButtonList/index.d.ts +2 -0
- package/dist/esm/types/components/UI/molecules/index.d.ts +3 -2
- package/dist/esm/types/constants/stories/toggleButton.constants.d.ts +2 -0
- package/dist/index.d.ts +156 -101
- package/package.json +1 -1
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
export interface IToggleButtonOnchangeValues {
|
|
2
|
+
name?: string;
|
|
3
|
+
id: string | number;
|
|
4
|
+
}
|
|
1
5
|
export interface IToggleButton {
|
|
2
6
|
/**
|
|
3
7
|
* You can extend the style properties with class names
|
|
@@ -26,8 +30,9 @@ export interface IToggleButton {
|
|
|
26
30
|
/**
|
|
27
31
|
* this function returns the name and id value of the button when clicked on
|
|
28
32
|
*/
|
|
29
|
-
onChange
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
+
onChange?: (value: IToggleButtonOnchangeValues) => void;
|
|
34
|
+
/**
|
|
35
|
+
* this property sets custom Icon
|
|
36
|
+
*/
|
|
37
|
+
customIcon?: string;
|
|
33
38
|
}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
export * from './Avatar';
|
|
2
2
|
export * from './BarLoader';
|
|
3
3
|
export * from './Breadcrumb';
|
|
4
|
+
export * from './Button';
|
|
5
|
+
export * from './ComparativeCounter';
|
|
6
|
+
export * from './Checkbox';
|
|
4
7
|
export * from './DateDropdown';
|
|
5
8
|
export * from './DateInput';
|
|
6
9
|
export * from './Divider';
|
|
@@ -15,6 +18,7 @@ export * from './Link';
|
|
|
15
18
|
export * from './Loading';
|
|
16
19
|
export * from './Logo';
|
|
17
20
|
export * from './MainButton';
|
|
21
|
+
export * from './MegaMenuTab';
|
|
18
22
|
export * from './MenuDropdown';
|
|
19
23
|
export * from './MenuItem';
|
|
20
24
|
export * from './MultiRangeSlider';
|
|
@@ -29,6 +33,3 @@ export * from './Switch';
|
|
|
29
33
|
export * from './Tag';
|
|
30
34
|
export * from './ToggleButton';
|
|
31
35
|
export * from './UserMenuButtonAnalyst';
|
|
32
|
-
export * from './ComparativeCounter';
|
|
33
|
-
export * from './MegaMenuTab';
|
|
34
|
-
export * from './Button';
|
package/dist/cjs/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.interface.d.ts
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { IToggleButton, IToggleButtonOnchangeValues } from '@components/UI/atoms/ToggleButton/ToggleButton.interface';
|
|
2
|
+
export declare type TToggleButtonList = {
|
|
3
|
+
/**
|
|
4
|
+
* this property sets the list of toggle buttons
|
|
5
|
+
*/
|
|
6
|
+
list: Partial<Pick<IToggleButton, 'id' | 'name' | 'customIcon'>>[];
|
|
7
|
+
/**
|
|
8
|
+
* this property sets the props of toggle buttons
|
|
9
|
+
*/
|
|
10
|
+
toggleButtonProps?: IToggleButton;
|
|
11
|
+
/**
|
|
12
|
+
* this property returns the values of the toggle button selected
|
|
13
|
+
*/
|
|
14
|
+
onChange?: (value: IToggleButtonOnchangeValues | null) => void;
|
|
15
|
+
/**
|
|
16
|
+
* this property sets customs className for toggle buttons
|
|
17
|
+
*/
|
|
18
|
+
className?: string;
|
|
19
|
+
};
|
|
@@ -9,6 +9,7 @@ export * from './DatePicker';
|
|
|
9
9
|
export * from './Drawer';
|
|
10
10
|
export * from './EmptyResults';
|
|
11
11
|
export * from './ExpandableInfo';
|
|
12
|
+
export * from './FilterActions';
|
|
12
13
|
export * from './FilterContainerMenu';
|
|
13
14
|
export * from './FilterMenuItem';
|
|
14
15
|
export * from './FilterSearchItem';
|
|
@@ -39,6 +40,7 @@ export * from './MagnetoResolution';
|
|
|
39
40
|
export * from './MegaMenuCard';
|
|
40
41
|
export * from './MegaMenuJobsTabs';
|
|
41
42
|
export * from './MegaMenuPopover';
|
|
43
|
+
export * from './MegaMenuSideCards';
|
|
42
44
|
export * from './MenuCollapse/children/MenuCollapseChildren.interface';
|
|
43
45
|
export * from './MenuIcon';
|
|
44
46
|
export * from './MenuSearch';
|
|
@@ -60,9 +62,8 @@ export * from './Tab';
|
|
|
60
62
|
export * from './TabButton';
|
|
61
63
|
export * from './TextArea';
|
|
62
64
|
export * from './TimelineEvent';
|
|
65
|
+
export * from './ToggleButtonList';
|
|
63
66
|
export * from './Tooltip';
|
|
64
67
|
export * from './UserMenu';
|
|
65
68
|
export * from './UserMenuAnalyst';
|
|
66
69
|
export * from './UserMenuWrapperAnalyst';
|
|
67
|
-
export * from './FilterActions';
|
|
68
|
-
export * from './MegaMenuSideCards';
|