@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.
Files changed (72) hide show
  1. package/README.md +6 -0
  2. package/es/DateTime/DateTimePopupHeader.js +1 -1
  3. package/es/DateTime/DateWidget.js +1 -1
  4. package/es/DateTime/YearView.js +1 -1
  5. package/es/DateTime/index.js +1 -1
  6. package/es/DropDown/index.js +7 -0
  7. package/es/Layout/index.js +9 -9
  8. package/es/ListItem/ListItem.js +1 -1
  9. package/es/ListItem/ListItemWithAvatar.js +1 -1
  10. package/es/ListItem/ListItemWithIcon.js +1 -1
  11. package/es/ListItem/index.js +6 -0
  12. package/es/MultiSelect/AdvancedGroupMultiSelect.js +1 -1
  13. package/es/MultiSelect/AdvancedMultiSelect.js +1 -1
  14. package/es/MultiSelect/MultiSelect.js +1 -1
  15. package/es/MultiSelect/MultiSelectWithAvatar.js +1 -1
  16. package/es/MultiSelect/index.js +4 -0
  17. package/es/PopOver/index.js +3 -0
  18. package/es/Provider/IdProvider.js +8 -7
  19. package/es/Provider/index.js +4 -0
  20. package/es/Responsive/index.js +11 -8
  21. package/es/Select/GroupSelect.js +1 -1
  22. package/es/Select/Select.js +1 -1
  23. package/es/Select/SelectWithIcon.js +1 -1
  24. package/es/Select/index.js +4 -0
  25. package/es/Tab/Tab.module.css +0 -1
  26. package/es/Tab/Tabs.js +1 -1
  27. package/es/Tab/Tabs.module.css +0 -1
  28. package/es/Tag/Tag.js +1 -1
  29. package/es/TextBoxIcon/TextBoxIcon.js +1 -1
  30. package/es/VelocityAnimation/index.js +2 -0
  31. package/es/index.js +30 -146
  32. package/es/semantic/index.js +1 -0
  33. package/es/utils/css/compileClassNames.js +23 -0
  34. package/es/utils/css/mergeStyle.js +42 -0
  35. package/es/utils/css/utils.js +23 -0
  36. package/es/utils/index.js +3 -0
  37. package/lib/DateTime/DateTimePopupHeader.js +4 -4
  38. package/lib/DateTime/DateWidget.js +2 -2
  39. package/lib/DateTime/YearView.js +2 -2
  40. package/lib/DateTime/index.js +1 -1
  41. package/lib/DropDown/index.js +56 -0
  42. package/lib/Layout/index.js +1 -11
  43. package/lib/ListItem/ListItem.js +2 -2
  44. package/lib/ListItem/ListItemWithAvatar.js +2 -2
  45. package/lib/ListItem/ListItemWithIcon.js +3 -3
  46. package/lib/ListItem/index.js +48 -0
  47. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +2 -2
  48. package/lib/MultiSelect/AdvancedMultiSelect.js +2 -2
  49. package/lib/MultiSelect/MultiSelect.js +2 -2
  50. package/lib/MultiSelect/MultiSelectWithAvatar.js +2 -2
  51. package/lib/MultiSelect/index.js +34 -0
  52. package/lib/PopOver/index.js +27 -0
  53. package/lib/Provider/IdProvider.js +8 -8
  54. package/lib/Provider/index.js +76 -0
  55. package/lib/Responsive/index.js +45 -22
  56. package/lib/Select/GroupSelect.js +2 -2
  57. package/lib/Select/Select.js +2 -2
  58. package/lib/Select/SelectWithIcon.js +3 -3
  59. package/lib/Select/index.js +34 -0
  60. package/lib/Tab/Tab.module.css +0 -1
  61. package/lib/Tab/Tabs.js +2 -2
  62. package/lib/Tab/Tabs.module.css +0 -1
  63. package/lib/Tag/Tag.js +3 -3
  64. package/lib/TextBoxIcon/TextBoxIcon.js +2 -2
  65. package/lib/VelocityAnimation/index.js +20 -0
  66. package/lib/index.js +157 -210
  67. package/lib/semantic/index.js +13 -0
  68. package/lib/utils/css/compileClassNames.js +31 -0
  69. package/lib/utils/css/mergeStyle.js +52 -0
  70. package/lib/utils/css/utils.js +33 -0
  71. package/lib/utils/index.js +117 -0
  72. 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 _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
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(_Icon["default"], {
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(_Icon["default"], {
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(_Icon["default"], {
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 _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
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(_Icon["default"], {
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"], {
@@ -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 _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
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(_Icon["default"], {
82
+ })), /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
83
83
  name: "ZD-arrowDownSingle",
84
84
  size: "7",
85
85
  isBold: true,
@@ -9,5 +9,5 @@ Object.defineProperty(exports, "DateWidget", {
9
9
  return _DateWidget["default"];
10
10
  }
11
11
  });
12
- var _DateWidget = _interopRequireDefault(require("./DateWidget.js"));
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; }
@@ -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 }; }
@@ -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 _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
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(_Icon["default"], {
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 _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
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(_Icon["default"], {
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 _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
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(_Icon["default"], {
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(_Icon["default"], {
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 _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
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(_Icon["default"], {
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 _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
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(_Icon["default"], {
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 _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
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(_Icon["default"], {
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 _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
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(_Icon["default"], {
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
- var Provider = {
63
- docs: {
64
- componentGroup: 'Provider',
65
- folderName: 'Functions'
66
- }
67
- };
68
- exports.Provider = Provider;
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 }; }
@@ -3,26 +3,49 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- var _exportNames = {
7
- Responsive: true
8
- };
9
- exports.Responsive = void 0;
10
- var _Responsive = require("./Responsive");
11
- Object.keys(_Responsive).forEach(function (key) {
12
- if (key === "default" || key === "__esModule") return;
13
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
14
- if (key in exports && exports[key] === _Responsive[key]) return;
15
- Object.defineProperty(exports, key, {
16
- enumerable: true,
17
- get: function get() {
18
- return _Responsive[key];
19
- }
20
- });
21
- });
22
- var Responsive = {
23
- docs: {
24
- componentGroup: 'Layout',
25
- folderName: 'Style Guide'
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.Responsive = Responsive;
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 _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
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(_Icon["default"], {
633
+ }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
634
634
  name: "ZD-down",
635
635
  size: "7",
636
636
  iconClass: _SelectModule["default"].arrowIcon
@@ -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 _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
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(_Icon["default"], {
774
+ }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
775
775
  name: "ZD-down",
776
776
  size: "7"
777
777
  })))) : /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {