@zohodesk/components 1.0.0-alpha-260 → 1.0.0-alpha-261
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/README.md +6 -0
- package/es/DateTime/DateTimePopupHeader.js +1 -1
- package/es/DateTime/DateWidget.js +1 -1
- package/es/DateTime/YearView.js +1 -1
- package/es/DateTime/index.js +1 -1
- package/es/DropDown/index.js +7 -0
- package/es/Layout/index.js +9 -9
- package/es/ListItem/ListItem.js +1 -1
- package/es/ListItem/ListItemWithAvatar.js +1 -1
- package/es/ListItem/ListItemWithIcon.js +1 -1
- package/es/ListItem/index.js +6 -0
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +1 -1
- package/es/MultiSelect/AdvancedMultiSelect.js +1 -1
- package/es/MultiSelect/MultiSelect.js +1 -1
- package/es/MultiSelect/MultiSelectWithAvatar.js +1 -1
- package/es/MultiSelect/index.js +4 -0
- package/es/PopOver/index.js +3 -0
- package/es/Provider/IdProvider.js +8 -7
- package/es/Provider/index.js +4 -0
- package/es/Responsive/index.js +11 -8
- package/es/Select/GroupSelect.js +1 -1
- package/es/Select/Select.js +1 -1
- package/es/Select/SelectWithIcon.js +1 -1
- package/es/Select/index.js +4 -0
- package/es/Tab/Tab.module.css +0 -1
- package/es/Tab/Tabs.js +1 -1
- package/es/Tab/Tabs.module.css +0 -1
- package/es/Tag/Tag.js +1 -1
- package/es/TextBoxIcon/TextBoxIcon.js +1 -1
- package/es/VelocityAnimation/index.js +2 -0
- package/es/index.js +30 -146
- package/es/semantic/index.js +1 -0
- package/es/utils/css/compileClassNames.js +23 -0
- package/es/utils/css/mergeStyle.js +42 -0
- package/es/utils/css/utils.js +23 -0
- package/es/utils/index.js +3 -0
- package/lib/DateTime/DateTimePopupHeader.js +4 -4
- package/lib/DateTime/DateWidget.js +2 -2
- package/lib/DateTime/YearView.js +2 -2
- package/lib/DateTime/index.js +1 -1
- package/lib/DropDown/index.js +56 -0
- package/lib/Layout/index.js +1 -11
- package/lib/ListItem/ListItem.js +2 -2
- package/lib/ListItem/ListItemWithAvatar.js +2 -2
- package/lib/ListItem/ListItemWithIcon.js +3 -3
- package/lib/ListItem/index.js +48 -0
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +2 -2
- package/lib/MultiSelect/AdvancedMultiSelect.js +2 -2
- package/lib/MultiSelect/MultiSelect.js +2 -2
- package/lib/MultiSelect/MultiSelectWithAvatar.js +2 -2
- package/lib/MultiSelect/index.js +34 -0
- package/lib/PopOver/index.js +27 -0
- package/lib/Provider/IdProvider.js +8 -8
- package/lib/Provider/index.js +76 -0
- package/lib/Responsive/index.js +45 -22
- package/lib/Select/GroupSelect.js +2 -2
- package/lib/Select/Select.js +2 -2
- package/lib/Select/SelectWithIcon.js +3 -3
- package/lib/Select/index.js +34 -0
- package/lib/Tab/Tab.module.css +0 -1
- package/lib/Tab/Tabs.js +2 -2
- package/lib/Tab/Tabs.module.css +0 -1
- package/lib/Tag/Tag.js +3 -3
- package/lib/TextBoxIcon/TextBoxIcon.js +2 -2
- package/lib/VelocityAnimation/index.js +20 -0
- package/lib/index.js +157 -210
- package/lib/semantic/index.js +13 -0
- package/lib/utils/css/compileClassNames.js +31 -0
- package/lib/utils/css/mergeStyle.js +52 -0
- package/lib/utils/css/utils.js +33 -0
- package/lib/utils/index.js +117 -0
- package/package.json +3 -3
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports["default"] = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _Layout = require("../Layout");
|
|
10
|
-
var
|
|
10
|
+
var _icons = require("@zohodesk/icons");
|
|
11
11
|
var _Heading = _interopRequireDefault(require("../Heading/Heading"));
|
|
12
12
|
var _DateTimeModule = _interopRequireDefault(require("./DateTime.module.css"));
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -97,7 +97,7 @@ var DateTimePopupHeader = /*#__PURE__*/function (_PureComponent) {
|
|
|
97
97
|
a11y: {
|
|
98
98
|
tabindex: '0'
|
|
99
99
|
}
|
|
100
|
-
}), /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(
|
|
100
|
+
}), /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
101
101
|
name: "ZD-GN-dropdown",
|
|
102
102
|
size: "12",
|
|
103
103
|
iconClass: _DateTimeModule["default"].downArrow
|
|
@@ -110,7 +110,7 @@ var DateTimePopupHeader = /*#__PURE__*/function (_PureComponent) {
|
|
|
110
110
|
type: "previousMonth",
|
|
111
111
|
ariaLabel: "prevMonth",
|
|
112
112
|
tabindex: "0"
|
|
113
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
113
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
114
114
|
name: "ZD-arrowLeft3",
|
|
115
115
|
isBold: true
|
|
116
116
|
})), /*#__PURE__*/_react["default"].createElement(Span, {
|
|
@@ -121,7 +121,7 @@ var DateTimePopupHeader = /*#__PURE__*/function (_PureComponent) {
|
|
|
121
121
|
className: _DateTimeModule["default"].navigation,
|
|
122
122
|
ariaLabel: "nextMonth",
|
|
123
123
|
tabindex: "0"
|
|
124
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
124
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
125
125
|
name: "ZD-arrowRight3",
|
|
126
126
|
isBold: true
|
|
127
127
|
}))) : null);
|
|
@@ -11,7 +11,7 @@ var _defaultProps = require("./props/defaultProps");
|
|
|
11
11
|
var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
|
|
12
12
|
var _DateTime = _interopRequireDefault(require("./DateTime"));
|
|
13
13
|
var _Popup = _interopRequireDefault(require("../Popup/Popup"));
|
|
14
|
-
var
|
|
14
|
+
var _icons = require("@zohodesk/icons");
|
|
15
15
|
var _Layout = require("../Layout");
|
|
16
16
|
var _TextBoxIcon = _interopRequireDefault(require("../TextBoxIcon/TextBoxIcon"));
|
|
17
17
|
var _DateWidgetModule = _interopRequireDefault(require("./DateWidget.module.css"));
|
|
@@ -962,7 +962,7 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
962
962
|
}, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
963
963
|
align: "both",
|
|
964
964
|
onClick: isDisabled || isReadOnly ? null : this.handleDateIconClick
|
|
965
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
965
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
966
966
|
name: "ZD-datepicker",
|
|
967
967
|
size: "12"
|
|
968
968
|
})))), isReadOnly || isDisabled ? null : /*#__PURE__*/_react["default"].createElement(_DateTime["default"], {
|
package/lib/DateTime/YearView.js
CHANGED
|
@@ -10,7 +10,7 @@ var _propTypes = require("./props/propTypes");
|
|
|
10
10
|
var _defaultProps = require("./props/defaultProps");
|
|
11
11
|
var _virtualizer = require("@zohodesk/virtualizer");
|
|
12
12
|
var _Layout = require("../Layout");
|
|
13
|
-
var
|
|
13
|
+
var _icons = require("@zohodesk/icons");
|
|
14
14
|
var _Heading = _interopRequireDefault(require("../Heading/Heading"));
|
|
15
15
|
var _YearViewModule = _interopRequireDefault(require("./YearView.module.css"));
|
|
16
16
|
var _dateFormatUtils = require("./dateFormatUtils");
|
|
@@ -79,7 +79,7 @@ var Year = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
79
79
|
tabindex: '0'
|
|
80
80
|
},
|
|
81
81
|
tagName: "h4"
|
|
82
|
-
})), /*#__PURE__*/_react["default"].createElement(
|
|
82
|
+
})), /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
83
83
|
name: "ZD-arrowDownSingle",
|
|
84
84
|
size: "7",
|
|
85
85
|
isBold: true,
|
package/lib/DateTime/index.js
CHANGED
|
@@ -9,5 +9,5 @@ Object.defineProperty(exports, "DateWidget", {
|
|
|
9
9
|
return _DateWidget["default"];
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
var _DateWidget = _interopRequireDefault(require("./DateWidget
|
|
12
|
+
var _DateWidget = _interopRequireDefault(require("./DateWidget"));
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "DropDown", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _DropDown["default"];
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
Object.defineProperty(exports, "DropDownHeading", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function get() {
|
|
16
|
+
return _DropDownHeading["default"];
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports, "DropDownItem", {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function get() {
|
|
22
|
+
return _DropDownItem["default"];
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
Object.defineProperty(exports, "DropDownItemContainer", {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function get() {
|
|
28
|
+
return _DropDown.DropDownItemContainer;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
Object.defineProperty(exports, "DropDownSearch", {
|
|
32
|
+
enumerable: true,
|
|
33
|
+
get: function get() {
|
|
34
|
+
return _DropDownSearch["default"];
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
Object.defineProperty(exports, "DropDownSeparator", {
|
|
38
|
+
enumerable: true,
|
|
39
|
+
get: function get() {
|
|
40
|
+
return _DropDownSeparator["default"];
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
Object.defineProperty(exports, "DropDownTarget", {
|
|
44
|
+
enumerable: true,
|
|
45
|
+
get: function get() {
|
|
46
|
+
return _DropDown.DropDownTarget;
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
var _DropDown = _interopRequireWildcard(require("./DropDown"));
|
|
50
|
+
var _DropDownHeading = _interopRequireDefault(require("./DropDownHeading"));
|
|
51
|
+
var _DropDownItem = _interopRequireDefault(require("./DropDownItem"));
|
|
52
|
+
var _DropDownSearch = _interopRequireDefault(require("./DropDownSearch"));
|
|
53
|
+
var _DropDownSeparator = _interopRequireDefault(require("./DropDownSeparator"));
|
|
54
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
55
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
56
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
package/lib/Layout/index.js
CHANGED
|
@@ -15,16 +15,6 @@ Object.defineProperty(exports, "Container", {
|
|
|
15
15
|
return _Container["default"];
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
exports.Layout = void 0;
|
|
19
18
|
var _Container = _interopRequireDefault(require("./Container"));
|
|
20
19
|
var _Box = _interopRequireDefault(require("./Box"));
|
|
21
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
22
|
-
var Layout = {
|
|
23
|
-
docs: {
|
|
24
|
-
componentGroup: 'Layout',
|
|
25
|
-
folderName: 'Style Guide',
|
|
26
|
-
external: true,
|
|
27
|
-
description: ' '
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
exports.Layout = Layout;
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
package/lib/ListItem/ListItem.js
CHANGED
|
@@ -10,7 +10,7 @@ var _Layout = require("../Layout");
|
|
|
10
10
|
var _ListContainer = _interopRequireDefault(require("./ListContainer"));
|
|
11
11
|
var _defaultProps = require("./props/defaultProps");
|
|
12
12
|
var _propTypes = require("./props/propTypes");
|
|
13
|
-
var
|
|
13
|
+
var _icons = require("@zohodesk/icons");
|
|
14
14
|
var _ListItemModule = _interopRequireDefault(require("./ListItem.module.css"));
|
|
15
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
16
16
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -139,7 +139,7 @@ var ListItem = /*#__PURE__*/function (_React$Component) {
|
|
|
139
139
|
"aria-hidden": ariaHidden,
|
|
140
140
|
dataId: "".concat(dataIdString, "_tickIcon"),
|
|
141
141
|
dataSelectorId: "".concat(dataSelectorId, "_tickIcon")
|
|
142
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
142
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
143
143
|
name: "ZD-ticknew",
|
|
144
144
|
size: "8"
|
|
145
145
|
})) : null);
|
|
@@ -12,7 +12,7 @@ var _defaultProps = require("./props/defaultProps");
|
|
|
12
12
|
var _propTypes = require("./props/propTypes");
|
|
13
13
|
var _Avatar = _interopRequireDefault(require("../Avatar/Avatar"));
|
|
14
14
|
var _AvatarTeam = _interopRequireDefault(require("../AvatarTeam/AvatarTeam"));
|
|
15
|
-
var
|
|
15
|
+
var _icons = require("@zohodesk/icons");
|
|
16
16
|
var _ListItemModule = _interopRequireDefault(require("./ListItem.module.css"));
|
|
17
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
18
18
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -161,7 +161,7 @@ var ListItemWithAvatar = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
161
161
|
"aria-hidden": ariaHidden,
|
|
162
162
|
dataId: "".concat(dataIdString, "_tickIcon"),
|
|
163
163
|
dataSelectorId: "".concat(dataSelectorId, "_tickIcon")
|
|
164
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
164
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
165
165
|
name: "ZD-ticknew",
|
|
166
166
|
size: "8"
|
|
167
167
|
})) : null);
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports["default"] = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _Layout = require("../Layout");
|
|
10
|
-
var
|
|
10
|
+
var _icons = require("@zohodesk/icons");
|
|
11
11
|
var _ListContainer = _interopRequireDefault(require("./ListContainer"));
|
|
12
12
|
var _defaultProps = require("./props/defaultProps");
|
|
13
13
|
var _propTypes = require("./props/propTypes");
|
|
@@ -127,7 +127,7 @@ var ListItemWithIcon = /*#__PURE__*/function (_React$Component) {
|
|
|
127
127
|
"aria-hidden": true,
|
|
128
128
|
className: _ListItemModule["default"].iconBox,
|
|
129
129
|
dataId: dataId ? "".concat(dataId, "_Icon") : "".concat(value.toLowerCase().replace("'", '_'), "_Icon")
|
|
130
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
130
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
131
131
|
iconClass: iconClass,
|
|
132
132
|
name: iconName,
|
|
133
133
|
size: iconSize
|
|
@@ -144,7 +144,7 @@ var ListItemWithIcon = /*#__PURE__*/function (_React$Component) {
|
|
|
144
144
|
"aria-hidden": ariaHidden,
|
|
145
145
|
dataId: "".concat(dataIdString, "_tickIcon"),
|
|
146
146
|
dataSelectorId: "".concat(dataSelectorId, "_tickIcon")
|
|
147
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
147
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
148
148
|
name: "ZD-ticknew",
|
|
149
149
|
size: "8"
|
|
150
150
|
})) : null);
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "ListContainer", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _ListContainer["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "ListItem", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _ListItem["default"];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "ListItemWithAvatar", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _ListItemWithAvatar["default"];
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "ListItemWithCheckBox", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _ListItemWithCheckBox["default"];
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "ListItemWithIcon", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _ListItemWithIcon["default"];
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "ListItemWithRadio", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function get() {
|
|
39
|
+
return _ListItemWithRadio["default"];
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
var _ListContainer = _interopRequireDefault(require("./ListContainer"));
|
|
43
|
+
var _ListItem = _interopRequireDefault(require("./ListItem"));
|
|
44
|
+
var _ListItemWithAvatar = _interopRequireDefault(require("./ListItemWithAvatar"));
|
|
45
|
+
var _ListItemWithCheckBox = _interopRequireDefault(require("./ListItemWithCheckBox"));
|
|
46
|
+
var _ListItemWithIcon = _interopRequireDefault(require("./ListItemWithIcon"));
|
|
47
|
+
var _ListItemWithRadio = _interopRequireDefault(require("./ListItemWithRadio"));
|
|
48
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -21,7 +21,7 @@ var _Card = _interopRequireWildcard(require("../Card/Card"));
|
|
|
21
21
|
var _IdProvider = require("../Provider/IdProvider");
|
|
22
22
|
var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
|
|
23
23
|
var _CustomResponsive = require("../Responsive/CustomResponsive");
|
|
24
|
-
var
|
|
24
|
+
var _icons = require("@zohodesk/icons");
|
|
25
25
|
var _MultiSelectModule = _interopRequireDefault(require("./MultiSelect.module.css"));
|
|
26
26
|
var _Common = require("../utils/Common.js");
|
|
27
27
|
var _dropDownUtils = require("../utils/dropDownUtils");
|
|
@@ -934,7 +934,7 @@ var AdvancedGroupMultiSelect = /*#__PURE__*/function (_React$Component) {
|
|
|
934
934
|
onClick: this.handleDeselectAll,
|
|
935
935
|
tagName: "button",
|
|
936
936
|
"aria-label": clearLabel
|
|
937
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
937
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
938
938
|
name: "ZD-delete",
|
|
939
939
|
size: "15"
|
|
940
940
|
}))) : null))), !isReadOnly && !isDisabled && isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
|
|
@@ -17,7 +17,7 @@ var _Popup = _interopRequireDefault(require("../Popup/Popup"));
|
|
|
17
17
|
var _TextBoxIcon = _interopRequireDefault(require("../TextBoxIcon/TextBoxIcon"));
|
|
18
18
|
var _Layout = require("../Layout");
|
|
19
19
|
var _Card = _interopRequireWildcard(require("../Card/Card"));
|
|
20
|
-
var
|
|
20
|
+
var _icons = require("@zohodesk/icons");
|
|
21
21
|
var _IdProvider = require("../Provider/IdProvider");
|
|
22
22
|
var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
|
|
23
23
|
var _CustomResponsive = require("../Responsive/CustomResponsive");
|
|
@@ -465,7 +465,7 @@ var AdvancedMultiSelectComponent = /*#__PURE__*/function (_MultiSelectComponent)
|
|
|
465
465
|
onClick: this.handleDeselectAll,
|
|
466
466
|
tagName: "button",
|
|
467
467
|
"aria-label": clearLabel
|
|
468
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
468
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
469
469
|
name: "ZD-delete",
|
|
470
470
|
size: "15"
|
|
471
471
|
}))) : null))), !isReadOnly && !isDisabled && isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
|
|
@@ -21,7 +21,7 @@ var _IdProvider = require("../Provider/IdProvider");
|
|
|
21
21
|
var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
|
|
22
22
|
var _CustomResponsive = require("../Responsive/CustomResponsive");
|
|
23
23
|
var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
|
|
24
|
-
var
|
|
24
|
+
var _icons = require("@zohodesk/icons");
|
|
25
25
|
var _MultiSelectModule = _interopRequireDefault(require("./MultiSelect.module.css"));
|
|
26
26
|
var _Common = require("../utils/Common.js");
|
|
27
27
|
var _dropDownUtils = require("../utils/dropDownUtils");
|
|
@@ -953,7 +953,7 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
953
953
|
onClick: this.handleDeselectAll,
|
|
954
954
|
tagName: "button",
|
|
955
955
|
"aria-label": clearLabel
|
|
956
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
956
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
957
957
|
name: "ZD-delete",
|
|
958
958
|
size: "15"
|
|
959
959
|
})) : null, children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
@@ -22,7 +22,7 @@ var _IdProvider = require("../Provider/IdProvider");
|
|
|
22
22
|
var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
|
|
23
23
|
var _CustomResponsive = require("../Responsive/CustomResponsive");
|
|
24
24
|
var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
|
|
25
|
-
var
|
|
25
|
+
var _icons = require("@zohodesk/icons");
|
|
26
26
|
var _MultiSelectModule = _interopRequireDefault(require("./MultiSelect.module.css"));
|
|
27
27
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
28
28
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -216,7 +216,7 @@ var MultiSelectWithAvatarComponent = /*#__PURE__*/function (_MultiSelectComponen
|
|
|
216
216
|
onClick: this.handleDeselectAll,
|
|
217
217
|
tagName: "button",
|
|
218
218
|
"aria-label": clearLabel
|
|
219
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
219
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
220
220
|
name: "ZD-delete",
|
|
221
221
|
size: "15"
|
|
222
222
|
})) : null)))), popUpState ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "AdvancedGroupMultiSelect", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _AdvancedGroupMultiSelect["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "AdvancedMultiSelect", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _AdvancedMultiSelect["default"];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "MultiSelect", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _MultiSelect["default"];
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "MultiSelectWithAvatar", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _MultiSelectWithAvatar["default"];
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
var _MultiSelect = _interopRequireDefault(require("./MultiSelect"));
|
|
31
|
+
var _MultiSelectWithAvatar = _interopRequireDefault(require("./MultiSelectWithAvatar"));
|
|
32
|
+
var _AdvancedMultiSelect = _interopRequireDefault(require("./AdvancedMultiSelect"));
|
|
33
|
+
var _AdvancedGroupMultiSelect = _interopRequireDefault(require("./AdvancedGroupMultiSelect"));
|
|
34
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "PopOver", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _PopOver["default"];
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
Object.defineProperty(exports, "PopOverContainer", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function get() {
|
|
16
|
+
return _PopOver.PopOverContainer;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports, "PopOverTarget", {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function get() {
|
|
22
|
+
return _PopOver.PopOverTarget;
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
var _PopOver = _interopRequireWildcard(require("./PopOver"));
|
|
26
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
27
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.Provider = void 0;
|
|
7
6
|
exports.getUniqueId = getUniqueId;
|
|
8
7
|
exports.removeGlobalIdPrefix = removeGlobalIdPrefix;
|
|
9
8
|
exports.setGlobalIdPrefix = setGlobalIdPrefix;
|
|
@@ -59,10 +58,11 @@ function getUniqueId(Component, prefix) {
|
|
|
59
58
|
callback: callback
|
|
60
59
|
});
|
|
61
60
|
}
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
}
|
|
68
|
-
|
|
61
|
+
|
|
62
|
+
// let Provider = {
|
|
63
|
+
// docs: {
|
|
64
|
+
// componentGroup: 'Provider',
|
|
65
|
+
// folderName: 'Functions'
|
|
66
|
+
// }
|
|
67
|
+
// };
|
|
68
|
+
// export { Provider };
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "LibraryContextProvider", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _LibraryContext["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "getLibraryConfig", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _Config.getLibraryConfig;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "getUniqueId", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _IdProvider.getUniqueId;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "getZIndex", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _ZindexProvider.getZIndex;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "removeGlobalIdPrefix", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _IdProvider.removeGlobalIdPrefix;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "removeGlobalZIndexPrefix", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function get() {
|
|
39
|
+
return _ZindexProvider.removeGlobalZIndexPrefix;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, "setGlobalIdPrefix", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function get() {
|
|
45
|
+
return _IdProvider.setGlobalIdPrefix;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
Object.defineProperty(exports, "setInitialZIndex", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function get() {
|
|
51
|
+
return _ZindexProvider.setInitialZIndex;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
Object.defineProperty(exports, "setLibraryConfig", {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function get() {
|
|
57
|
+
return _Config.setLibraryConfig;
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
Object.defineProperty(exports, "useUniqueId", {
|
|
61
|
+
enumerable: true,
|
|
62
|
+
get: function get() {
|
|
63
|
+
return _IdProvider.useUniqueId;
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
Object.defineProperty(exports, "useZIndex", {
|
|
67
|
+
enumerable: true,
|
|
68
|
+
get: function get() {
|
|
69
|
+
return _ZindexProvider.useZIndex;
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
var _Config = require("./Config");
|
|
73
|
+
var _LibraryContext = _interopRequireDefault(require("./LibraryContext"));
|
|
74
|
+
var _ZindexProvider = require("./ZindexProvider");
|
|
75
|
+
var _IdProvider = require("./IdProvider");
|
|
76
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
package/lib/Responsive/index.js
CHANGED
|
@@ -3,26 +3,49 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
6
|
+
Object.defineProperty(exports, "CustomResponsiveReceiver", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _CustomResponsive.ResponsiveReceiver;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "CustomResponsiveSender", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _CustomResponsive.ResponsiveSender;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "ResizeComponent", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _ResizeComponent["default"];
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "ResponsiveReceiver", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _Responsive.ResponsiveReceiver;
|
|
26
28
|
}
|
|
27
|
-
};
|
|
28
|
-
exports
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "ResponsiveSender", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _Responsive.ResponsiveSender;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "useCustomResponsiveReceiver", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function get() {
|
|
39
|
+
return _CustomResponsive.useResponsiveReceiver;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, "useResponsiveReceiver", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function get() {
|
|
45
|
+
return _Responsive.useResponsiveReceiver;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
var _CustomResponsive = require("./CustomResponsive");
|
|
49
|
+
var _Responsive = require("./Responsive");
|
|
50
|
+
var _ResizeComponent = _interopRequireDefault(require("./ResizeComponent"));
|
|
51
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -14,7 +14,7 @@ var _TextBox = _interopRequireDefault(require("../TextBox/TextBox"));
|
|
|
14
14
|
var _Card = _interopRequireWildcard(require("../Card/Card"));
|
|
15
15
|
var _Suggestions = _interopRequireDefault(require("../MultiSelect/Suggestions"));
|
|
16
16
|
var _EmptyState = _interopRequireDefault(require("../MultiSelect/EmptyState"));
|
|
17
|
-
var
|
|
17
|
+
var _icons = require("@zohodesk/icons");
|
|
18
18
|
var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
|
|
19
19
|
var _DropDownHeading = _interopRequireDefault(require("../DropDown/DropDownHeading"));
|
|
20
20
|
var _Layout = require("../Layout");
|
|
@@ -630,7 +630,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
|
|
|
630
630
|
}, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
631
631
|
align: "both",
|
|
632
632
|
dataId: dataIdDownIcon
|
|
633
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
633
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
634
634
|
name: "ZD-down",
|
|
635
635
|
size: "7",
|
|
636
636
|
iconClass: _SelectModule["default"].arrowIcon
|
package/lib/Select/Select.js
CHANGED
|
@@ -16,7 +16,7 @@ var _Card = _interopRequireWildcard(require("../Card/Card"));
|
|
|
16
16
|
var _Suggestions = _interopRequireDefault(require("../MultiSelect/Suggestions"));
|
|
17
17
|
var _EmptyState = _interopRequireDefault(require("../MultiSelect/EmptyState"));
|
|
18
18
|
var _IdProvider = require("../Provider/IdProvider");
|
|
19
|
-
var
|
|
19
|
+
var _icons = require("@zohodesk/icons");
|
|
20
20
|
var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
|
|
21
21
|
var _CustomResponsive = require("../Responsive/CustomResponsive");
|
|
22
22
|
var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
|
|
@@ -771,7 +771,7 @@ var SelectComponent = /*#__PURE__*/function (_Component) {
|
|
|
771
771
|
dataId: "".concat(dataId, "_downIcon"),
|
|
772
772
|
"aria-hidden": true,
|
|
773
773
|
className: _SelectModule["default"].arrowIcon
|
|
774
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
774
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
775
775
|
name: "ZD-down",
|
|
776
776
|
size: "7"
|
|
777
777
|
})))) : /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
|