@synerise/ds-menu 1.4.12 → 1.4.14
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/CHANGELOG.md +8 -0
- package/dist/Elements/Breadcrumb/Breadcrumb.d.ts +3 -3
- package/dist/Elements/Breadcrumb/Breadcrumb.js +53 -74
- package/dist/Elements/Breadcrumb/Breadcrumb.styles.d.ts +10 -10
- package/dist/Elements/Breadcrumb/Breadcrumb.styles.js +45 -60
- package/dist/Elements/Breadcrumb/Breadcrumb.types.d.ts +1 -1
- package/dist/Elements/Breadcrumb/Breadcrumb.types.js +1 -1
- package/dist/Elements/Divider/Divider.d.ts +3 -3
- package/dist/Elements/Divider/Divider.js +8 -9
- package/dist/Elements/Divider/Divider.styles.d.ts +2 -2
- package/dist/Elements/Divider/Divider.styles.js +7 -8
- package/dist/Elements/Header/Header.d.ts +2 -2
- package/dist/Elements/Header/Header.js +15 -15
- package/dist/Elements/Header/Header.styles.d.ts +2 -2
- package/dist/Elements/Header/Header.styles.js +9 -9
- package/dist/Elements/Header/Header.types.js +1 -1
- package/dist/Elements/Item/Danger/Danger.d.ts +2 -3
- package/dist/Elements/Item/Danger/Danger.js +10 -10
- package/dist/Elements/Item/Danger/Danger.styles.d.ts +2 -2
- package/dist/Elements/Item/Danger/Danger.styles.js +28 -33
- package/dist/Elements/Item/MenuItem.d.ts +2 -3
- package/dist/Elements/Item/MenuItem.js +45 -89
- package/dist/Elements/Item/Select/Select.d.ts +2 -3
- package/dist/Elements/Item/Select/Select.js +12 -16
- package/dist/Elements/Item/Select/Select.styles.d.ts +2 -2
- package/dist/Elements/Item/Select/Select.styles.js +13 -18
- package/dist/Elements/Item/SubmenuText/SubmenuText.d.ts +2 -3
- package/dist/Elements/Item/SubmenuText/SubmenuText.js +15 -24
- package/dist/Elements/Item/SubmenuText/SubmenuText.styles.d.ts +3 -3
- package/dist/Elements/Item/SubmenuText/SubmenuText.styles.js +18 -23
- package/dist/Elements/Item/Text/DynamicLabel.d.ts +1 -1
- package/dist/Elements/Item/Text/DynamicLabel.js +15 -10
- package/dist/Elements/Item/Text/Text.const.d.ts +1 -1
- package/dist/Elements/Item/Text/Text.const.js +13 -6
- package/dist/Elements/Item/Text/Text.d.ts +2 -2
- package/dist/Elements/Item/Text/Text.js +131 -196
- package/dist/Elements/Item/Text/Text.styles.d.ts +15 -15
- package/dist/Elements/Item/Text/Text.styles.js +68 -112
- package/dist/Elements/Item/Text/Text.types.d.ts +3 -3
- package/dist/Elements/Item/Text/Text.types.js +1 -1
- package/dist/Elements/SubMenu/SubMenu.d.ts +2 -3
- package/dist/Elements/SubMenu/SubMenu.js +44 -89
- package/dist/Elements/index.js +4 -1
- package/dist/Menu.d.ts +6 -8
- package/dist/Menu.js +71 -136
- package/dist/Menu.styles.d.ts +4 -4
- package/dist/Menu.styles.js +26 -76
- package/dist/Menu.types.d.ts +4 -4
- package/dist/Menu.types.js +22 -22
- package/dist/assets/style/index-tn0RQdqM.css +0 -0
- package/dist/hooks/useTemporaryLabel.d.ts +1 -1
- package/dist/hooks/useTemporaryLabel.js +12 -13
- package/dist/index.js +25 -18
- package/dist/modules.d.js +1 -1
- package/dist/modules.d.ts +0 -0
- package/dist/utils/getCopyConfig.d.ts +2 -2
- package/dist/utils/getCopyConfig.js +21 -17
- package/package.json +11 -10
|
@@ -1,98 +1,54 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
menuItemKey = _ref.menuItemKey,
|
|
27
|
-
onTitleClick = _ref.onTitleClick,
|
|
28
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { ItemType } from "../../Menu.types.js";
|
|
3
|
+
import { Divider } from "../Divider/Divider.js";
|
|
4
|
+
import SubMenuItem from "../SubMenu/SubMenu.js";
|
|
5
|
+
import Danger from "./Danger/Danger.js";
|
|
6
|
+
import Select from "./Select/Select.js";
|
|
7
|
+
import Text from "./Text/Text.js";
|
|
8
|
+
const MenuItem = ({
|
|
9
|
+
prefixel,
|
|
10
|
+
suffixel,
|
|
11
|
+
ordered,
|
|
12
|
+
disabled,
|
|
13
|
+
danger,
|
|
14
|
+
text,
|
|
15
|
+
description,
|
|
16
|
+
subMenu,
|
|
17
|
+
children,
|
|
18
|
+
type,
|
|
19
|
+
indentLevel,
|
|
20
|
+
timeToHideTooltip,
|
|
21
|
+
onClick,
|
|
22
|
+
menuItemKey,
|
|
23
|
+
onTitleClick,
|
|
24
|
+
...rest
|
|
25
|
+
}) => {
|
|
29
26
|
if (subMenu) {
|
|
30
|
-
return
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
disabled: disabled,
|
|
35
|
-
danger: danger,
|
|
36
|
-
text: text,
|
|
37
|
-
description: description,
|
|
38
|
-
indentLevel: indentLevel || 0,
|
|
39
|
-
subMenu: subMenu,
|
|
40
|
-
onClick: function onClick(menuInfo) {
|
|
41
|
-
menuInfo.domEvent.stopPropagation();
|
|
42
|
-
_onClick && _onClick(menuInfo);
|
|
43
|
-
},
|
|
44
|
-
menuItemKey: menuItemKey,
|
|
45
|
-
onTitleClick: onTitleClick
|
|
46
|
-
}, rest, {
|
|
47
|
-
ItemComponent: _MenuItem
|
|
48
|
-
}));
|
|
27
|
+
return /* @__PURE__ */ jsx(SubMenuItem, { prefixel, suffixel, ordered, disabled, danger, text, description, indentLevel: indentLevel || 0, subMenu, onClick: (menuInfo) => {
|
|
28
|
+
menuInfo.domEvent.stopPropagation();
|
|
29
|
+
onClick && onClick(menuInfo);
|
|
30
|
+
}, menuItemKey, onTitleClick, ...rest, ItemComponent: MenuItem });
|
|
49
31
|
}
|
|
50
32
|
switch (type) {
|
|
51
33
|
case ItemType.SELECT:
|
|
52
|
-
return
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
disabled: disabled,
|
|
57
|
-
description: description,
|
|
58
|
-
indentLevel: indentLevel || 0,
|
|
59
|
-
onClick: function onClick(menuInfo) {
|
|
60
|
-
menuInfo.domEvent.stopPropagation();
|
|
61
|
-
_onClick && _onClick(menuInfo);
|
|
62
|
-
}
|
|
63
|
-
}, rest), text || children);
|
|
34
|
+
return /* @__PURE__ */ jsx(Select, { ordered, prefixel, suffixel, disabled, description, indentLevel: indentLevel || 0, onClick: (menuInfo) => {
|
|
35
|
+
menuInfo.domEvent.stopPropagation();
|
|
36
|
+
onClick && onClick(menuInfo);
|
|
37
|
+
}, ...rest, children: text || children });
|
|
64
38
|
case ItemType.DANGER:
|
|
65
|
-
return
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
disabled: disabled,
|
|
70
|
-
description: description,
|
|
71
|
-
indentLevel: indentLevel || 0,
|
|
72
|
-
onClick: function onClick(menuInfo) {
|
|
73
|
-
menuInfo.domEvent.stopPropagation();
|
|
74
|
-
_onClick && _onClick(menuInfo);
|
|
75
|
-
}
|
|
76
|
-
}, rest), text || children);
|
|
39
|
+
return /* @__PURE__ */ jsx(Danger, { ordered, prefixel, suffixel, disabled, description, indentLevel: indentLevel || 0, onClick: (menuInfo) => {
|
|
40
|
+
menuInfo.domEvent.stopPropagation();
|
|
41
|
+
onClick && onClick(menuInfo);
|
|
42
|
+
}, ...rest, children: text || children });
|
|
77
43
|
case ItemType.DIVIDER:
|
|
78
|
-
return
|
|
79
|
-
level: rest.level
|
|
80
|
-
});
|
|
44
|
+
return /* @__PURE__ */ jsx(Divider, { level: rest.level });
|
|
81
45
|
default:
|
|
82
|
-
return
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
disabled: disabled,
|
|
87
|
-
danger: danger,
|
|
88
|
-
description: description,
|
|
89
|
-
timeToHideTooltip: timeToHideTooltip,
|
|
90
|
-
indentLevel: indentLevel || 0,
|
|
91
|
-
onClick: function onClick(menuInfo) {
|
|
92
|
-
menuInfo.domEvent.stopPropagation();
|
|
93
|
-
_onClick && _onClick(menuInfo);
|
|
94
|
-
}
|
|
95
|
-
}, rest), text || children);
|
|
46
|
+
return /* @__PURE__ */ jsx(Text, { ordered, prefixel, suffixel, disabled, danger, description, timeToHideTooltip, indentLevel: indentLevel || 0, onClick: (menuInfo) => {
|
|
47
|
+
menuInfo.domEvent.stopPropagation();
|
|
48
|
+
onClick && onClick(menuInfo);
|
|
49
|
+
}, ...rest, children: text || children });
|
|
96
50
|
}
|
|
97
51
|
};
|
|
98
|
-
export
|
|
52
|
+
export {
|
|
53
|
+
MenuItem as default
|
|
54
|
+
};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import '
|
|
3
|
-
import { type BasicItemProps } from '../Text/Text.types';
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BasicItemProps } from '../Text/Text.types';
|
|
4
3
|
declare const Select: ({ disabled, children, ...rest }: BasicItemProps) => React.JSX.Element;
|
|
5
4
|
export default Select;
|
|
@@ -1,17 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
key: uuid(),
|
|
14
|
-
disabled: disabled
|
|
15
|
-
}, rest), children);
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { v4 } from "uuid";
|
|
3
|
+
import { SelectItem } from "./Select.styles.js";
|
|
4
|
+
const Select = ({
|
|
5
|
+
disabled,
|
|
6
|
+
children,
|
|
7
|
+
...rest
|
|
8
|
+
}) => {
|
|
9
|
+
return /* @__PURE__ */ jsx(SelectItem, { disabled, ...rest, children }, v4());
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
Select as default
|
|
16
13
|
};
|
|
17
|
-
export default Select;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare const SelectItem: import(
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export declare const SelectItem: import('styled-components').StyledComponent<({ children, disabled, ...rest }: any) => React.JSX.Element, any, {}, never>;
|
|
@@ -1,20 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
disabled = _ref.disabled,
|
|
11
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
12
|
-
return /*#__PURE__*/React.createElement(Text, _extends({
|
|
13
|
-
disabled: disabled
|
|
14
|
-
}, rest), children);
|
|
15
|
-
}).withConfig({
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
import Text from "../Text/Text.js";
|
|
4
|
+
import { SuffixWraper } from "../Text/Text.styles.js";
|
|
5
|
+
const SelectItem = /* @__PURE__ */ styled(({
|
|
6
|
+
children,
|
|
7
|
+
disabled,
|
|
8
|
+
...rest
|
|
9
|
+
}) => /* @__PURE__ */ jsx(Text, { disabled, ...rest, children })).withConfig({
|
|
16
10
|
displayName: "Selectstyles__SelectItem",
|
|
17
11
|
componentId: "sc-h6ad3-0"
|
|
18
|
-
})(["&{", " > *{filter:opacity(0);transition:filter 0.3s ease-in-out,color 0.3s ease-in-out;}}&:hover,&:focus{", " > *{filter:opacity(100%);color:", ";}}"], SuffixWraper, SuffixWraper,
|
|
19
|
-
|
|
20
|
-
|
|
12
|
+
})(["&{", " > *{filter:opacity(0);transition:filter 0.3s ease-in-out,color 0.3s ease-in-out;}}&:hover,&:focus{", " > *{filter:opacity(100%);color:", ";}}"], SuffixWraper, SuffixWraper, (props) => props.theme.palette["blue-600"]);
|
|
13
|
+
export {
|
|
14
|
+
SelectItem
|
|
15
|
+
};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import '
|
|
3
|
-
import { type BasicItemProps } from '../Text/Text.types';
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BasicItemProps } from '../Text/Text.types';
|
|
4
3
|
declare const SubmenuText: ({ disabled, children, prefixel, suffixel, key, ...rest }: BasicItemProps) => React.JSX.Element;
|
|
5
4
|
export default SubmenuText;
|
|
@@ -1,25 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
className: "ds-submenu-title-wrapper"
|
|
17
|
-
}, /*#__PURE__*/React.createElement(S.SubmenuText, _extends({
|
|
18
|
-
key: key || uuid(),
|
|
19
|
-
disabled: disabled,
|
|
20
|
-
prefixel: prefixel,
|
|
21
|
-
suffixel: suffixel,
|
|
22
|
-
className: "ds-submenu-title"
|
|
23
|
-
}, rest), children));
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { v4 } from "uuid";
|
|
3
|
+
import { SubtitleItemWrapper, SubmenuText as SubmenuText$1 } from "./SubmenuText.styles.js";
|
|
4
|
+
const SubmenuText = ({
|
|
5
|
+
disabled,
|
|
6
|
+
children,
|
|
7
|
+
prefixel,
|
|
8
|
+
suffixel,
|
|
9
|
+
key,
|
|
10
|
+
...rest
|
|
11
|
+
}) => {
|
|
12
|
+
return /* @__PURE__ */ jsx(SubtitleItemWrapper, { className: "ds-submenu-title-wrapper", children: /* @__PURE__ */ jsx(SubmenuText$1, { disabled, prefixel, suffixel, className: "ds-submenu-title", ...rest, children }, key || v4()) });
|
|
13
|
+
};
|
|
14
|
+
export {
|
|
15
|
+
SubmenuText as default
|
|
24
16
|
};
|
|
25
|
-
export default SubmenuText;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare const SubtitleItemWrapper: import(
|
|
3
|
-
export declare const SubmenuText: import(
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export declare const SubtitleItemWrapper: import('styled-components').StyledComponent<"ul", any, {}, never>;
|
|
3
|
+
export declare const SubmenuText: import('styled-components').StyledComponent<({ children, disabled, childrenCollapsed, ...rest }: any) => React.JSX.Element, any, {}, never>;
|
|
@@ -1,28 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var NOOP = function NOOP() {};
|
|
9
|
-
export var SubtitleItemWrapper = styled.ul.withConfig({
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
import Text from "../Text/Text.js";
|
|
4
|
+
import { ContentWrapper } from "../Text/Text.styles.js";
|
|
5
|
+
const NOOP = () => {
|
|
6
|
+
};
|
|
7
|
+
const SubtitleItemWrapper = /* @__PURE__ */ styled.ul.withConfig({
|
|
10
8
|
displayName: "SubmenuTextstyles__SubtitleItemWrapper",
|
|
11
9
|
componentId: "sc-dxm3s9-0"
|
|
12
10
|
})(["display:flex;flex:1;"]);
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
disabled: disabled,
|
|
20
|
-
onClick: NOOP,
|
|
21
|
-
tabIndex: -1
|
|
22
|
-
}), children);
|
|
23
|
-
}).withConfig({
|
|
11
|
+
const SubmenuText = /* @__PURE__ */ styled(({
|
|
12
|
+
children,
|
|
13
|
+
disabled,
|
|
14
|
+
childrenCollapsed,
|
|
15
|
+
...rest
|
|
16
|
+
}) => /* @__PURE__ */ jsx(Text, { ...rest, disabled, onClick: NOOP, tabIndex: -1, children })).withConfig({
|
|
24
17
|
displayName: "SubmenuTextstyles__SubmenuText",
|
|
25
18
|
componentId: "sc-dxm3s9-1"
|
|
26
|
-
})(["&&&{padding:0;&:focus:active{background-color:", ";}display:flex;flex:1;}&{", "{padding:0;}}"],
|
|
27
|
-
|
|
28
|
-
|
|
19
|
+
})(["&&&{padding:0;&:focus:active{background-color:", ";}display:flex;flex:1;}&{", "{padding:0;}}"], (props) => props.theme.palette["grey-050"], ContentWrapper);
|
|
20
|
+
export {
|
|
21
|
+
SubmenuText,
|
|
22
|
+
SubtitleItemWrapper
|
|
23
|
+
};
|
|
@@ -1,10 +1,15 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
+
import { DynamicLabelWrapper, DynamicLabelMain, DynamicLabelAlternate } from "./Text.styles.js";
|
|
3
|
+
const DynamicLabel = ({
|
|
4
|
+
content,
|
|
5
|
+
alternativeContent,
|
|
6
|
+
showAlternative
|
|
7
|
+
}) => {
|
|
8
|
+
return alternativeContent ? /* @__PURE__ */ jsxs(DynamicLabelWrapper, { showAlternative: !!showAlternative, children: [
|
|
9
|
+
/* @__PURE__ */ jsx(DynamicLabelMain, { children: content }),
|
|
10
|
+
/* @__PURE__ */ jsx(DynamicLabelAlternate, { children: alternativeContent })
|
|
11
|
+
] }) : content;
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
DynamicLabel
|
|
15
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FlipConfig, HoverConfig, OffsetConfig, ShiftConfig } from '@synerise/ds-popover';
|
|
2
2
|
export declare const TRANSITION_DURATION = 150;
|
|
3
3
|
export declare const OFFSET_CONFIG: OffsetConfig;
|
|
4
4
|
export declare const FLIP_CONFIG: FlipConfig;
|
|
@@ -1,14 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
const TRANSITION_DURATION = 150;
|
|
2
|
+
const OFFSET_CONFIG = {
|
|
3
3
|
mainAxis: 8
|
|
4
4
|
};
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
const FLIP_CONFIG = {};
|
|
6
|
+
const HOVER_CONFIG = {
|
|
7
7
|
delay: {
|
|
8
8
|
open: 100,
|
|
9
9
|
close: 400
|
|
10
10
|
}
|
|
11
11
|
};
|
|
12
|
-
|
|
12
|
+
const SHIFT_CONFIG = {
|
|
13
13
|
crossAxis: true
|
|
14
|
-
};
|
|
14
|
+
};
|
|
15
|
+
export {
|
|
16
|
+
FLIP_CONFIG,
|
|
17
|
+
HOVER_CONFIG,
|
|
18
|
+
OFFSET_CONFIG,
|
|
19
|
+
SHIFT_CONFIG,
|
|
20
|
+
TRANSITION_DURATION
|
|
21
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React,
|
|
2
|
-
import {
|
|
1
|
+
import { default as React, CSSProperties, PropsWithChildren } from 'react';
|
|
2
|
+
import { BasicItemProps } from './Text.types';
|
|
3
3
|
export type HoverTooltipProps = PropsWithChildren<{
|
|
4
4
|
popoverProps?: BasicItemProps['popoverProps'];
|
|
5
5
|
renderHoverTooltip?: () => JSX.Element;
|