@zohodesk/icons 1.0.0-temp.7 → 1.0.0-test.114

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 (47) hide show
  1. package/README.md +64 -1
  2. package/assets_final/fonts/zd-customize.svg +2 -0
  3. package/assets_final/fonts/zd-customize.woff +0 -0
  4. package/assets_final/fonts/zd-customize.woff2 +0 -0
  5. package/assets_final/fonts/zd-gcFonts.svg +9 -0
  6. package/assets_final/fonts/zd-gcFonts.woff +0 -0
  7. package/assets_final/fonts/zd-gcFonts.woff2 +0 -0
  8. package/assets_final/fonts/zd-rCustomize.svg +10 -0
  9. package/assets_final/fonts/zd-rCustomize.woff +0 -0
  10. package/assets_final/fonts/zd-rCustomize.woff2 +0 -0
  11. package/assets_final/fonts/zd-rGeneral.svg +5 -2
  12. package/assets_final/fonts/zd-rGeneral.woff +0 -0
  13. package/assets_final/fonts/zd-rGeneral.woff2 +0 -0
  14. package/assets_final/fonts/zd-rIntegrations.svg +2 -0
  15. package/assets_final/fonts/zd-rIntegrations.woff +0 -0
  16. package/assets_final/fonts/zd-rIntegrations.woff2 +0 -0
  17. package/assets_final/fonts/zd-rMarketplace.svg +32 -30
  18. package/assets_final/fonts/zd-rMarketplace.woff +0 -0
  19. package/assets_final/fonts/zd-rMarketplace.woff2 +0 -0
  20. package/assets_final/fonts/zd-rTwotone.svg +32 -0
  21. package/assets_final/fonts/zd-rTwotone.woff +0 -0
  22. package/assets_final/fonts/zd-rTwotone.woff2 +0 -0
  23. package/assets_final/react/zd-font-rCustomize.module.css +33 -3
  24. package/assets_final/react/zd-font-rGeneral.module.css +12 -3
  25. package/assets_final/react/zd-font-rIntegrations.module.css +10 -3
  26. package/assets_final/react/zd-font-rMarketplace.module.css +12 -3
  27. package/assets_final/react/zd-font-rTwotone.module.css +147 -3
  28. package/assets_final/react/zd-font-react-customize.module.css +12 -3
  29. package/assets_final/react/zd-font-react-gcFonts.module.css +36 -3
  30. package/es/Icon/FontFactory.js +48 -8
  31. package/es/Icon/FontIcon.js +4 -26
  32. package/es/Icon/asyncComponent.js +3 -13
  33. package/es/Icon/index.js +1 -39
  34. package/es/Icon/props/defaultProps.js +3 -0
  35. package/es/Icon/props/propTypes.js +17 -0
  36. package/es/index.js +5 -5
  37. package/lib/Icon/CustomIcons.js +0 -3
  38. package/lib/Icon/FontFactory.js +38 -11
  39. package/lib/Icon/FontIcon.js +19 -63
  40. package/lib/Icon/asyncComponent.js +5 -28
  41. package/lib/Icon/index.js +9 -55
  42. package/lib/Icon/props/defaultProps.js +10 -0
  43. package/lib/Icon/props/propTypes.js +25 -0
  44. package/lib/index.js +0 -36
  45. package/package.json +28 -35
  46. package/es/common/IcondocStyle.module.css +0 -22
  47. package/lib/common/IcondocStyle.module.css +0 -22
package/lib/Icon/index.js CHANGED
@@ -4,157 +4,118 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _asyncComponent = _interopRequireDefault(require("./asyncComponent"));
11
-
12
9
  var _FontFactory = require("./FontFactory");
13
-
14
10
  var _FontIcon = _interopRequireDefault(require("./FontIcon"));
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
-
18
12
  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); }
19
-
20
13
  function getAddforms() {
21
14
  return require('../../assets_final/react/zd-font-react-addforms.module.css');
22
15
  }
23
-
24
16
  function getAutomate() {
25
17
  return require('../../assets_final/react/zd-font-react-automate.module.css');
26
18
  }
27
-
28
19
  function getChannels() {
29
20
  return require('../../assets_final/react/zd-font-react-channels.module.css');
30
21
  }
31
-
32
22
  function getCommon() {
33
23
  return require('../../assets_final/react/zd-font-react-common.module.css');
34
24
  }
35
-
36
25
  function getCommunity() {
37
26
  return require('../../assets_final/react/zd-font-react-community.module.css');
38
27
  }
39
-
40
28
  function getCustomers() {
41
29
  return require('../../assets_final/react/zd-font-react-customers.module.css');
42
30
  }
43
-
44
31
  function getCustomize() {
45
32
  return require('../../assets_final/react/zd-font-react-customize.module.css');
46
33
  }
47
-
48
34
  function getGamescope() {
49
35
  return require('../../assets_final/react/zd-font-react-gamescope.module.css');
50
36
  }
51
-
52
37
  function getGettingstarted() {
53
38
  return require('../../assets_final/react/zd-font-react-gettingstarted.module.css');
54
39
  }
55
-
56
40
  function getKnowledgeBase() {
57
41
  return require('../../assets_final/react/zd-font-react-kb.module.css');
58
42
  }
59
-
60
43
  function getOrganization() {
61
44
  return require('../../assets_final/react/zd-font-react-organization.module.css');
62
45
  }
63
-
64
46
  function getOthers() {
65
47
  return require('../../assets_final/react/zd-font-react-others.module.css');
66
48
  }
67
-
68
49
  function getReports() {
69
50
  return require('../../assets_final/react/zd-font-react-reports.module.css');
70
51
  }
71
-
72
52
  function getSetup() {
73
53
  return require('../../assets_final/react/zd-font-react-setup.module.css');
74
54
  }
75
-
76
55
  function getSocial() {
77
56
  return require('../../assets_final/react/zd-font-react-social.module.css');
78
57
  }
79
-
80
58
  function getTickets() {
81
59
  return require('../../assets_final/react/zd-font-react-tickets.module.css');
82
60
  }
83
-
84
61
  function getTopband() {
85
62
  return require('../../assets_final/react/zd-font-react-topband.module.css');
86
63
  }
87
-
88
64
  function getTicketsChannel() {
89
65
  return require('../../assets_final/react/zd-font-react-ticket-channels.module.css');
90
66
  }
91
-
92
67
  function getReactCallBar() {
93
68
  return require('../../assets_final/react/zd-font-rCallBar.module.css');
94
69
  }
95
-
96
70
  function getReactChannels() {
97
71
  return require('../../assets_final/react/zd-font-rChannels.module.css');
98
72
  }
99
-
100
73
  function getReactCutomize() {
101
74
  return require('../../assets_final/react/zd-font-rCustomize.module.css');
102
75
  }
103
-
104
76
  function getReactExportFiles() {
105
77
  return require('../../assets_final/react/zd-font-rExportFiles.module.css');
106
78
  }
107
-
108
79
  function getReactGeneral() {
109
80
  return require('../../assets_final/react/zd-font-rGeneral.module.css');
110
81
  }
111
-
112
82
  function getReactIntegrations() {
113
83
  return require('../../assets_final/react/zd-font-rIntegrations.module.css');
114
84
  }
115
-
116
85
  function getReactLhs() {
117
86
  return require('../../assets_final/react/zd-font-rLhs.module.css');
118
87
  }
119
-
120
88
  function getReactMarketplace() {
121
89
  return require('../../assets_final/react/zd-font-rMarketplace.module.css');
122
90
  }
123
-
124
91
  function getReactReports() {
125
92
  return require('../../assets_final/react/zd-font-rReports.module.css');
126
93
  }
127
-
128
94
  function getReactSetup() {
129
95
  return require('../../assets_final/react/zd-font-rSetup.module.css');
130
96
  }
131
-
132
97
  function getReactTickets() {
133
98
  return require('../../assets_final/react/zd-font-rTickets.module.css');
134
99
  }
135
-
136
100
  function getReactTopband() {
137
101
  return require('../../assets_final/react/zd-font-rTopband.module.css');
138
102
  }
139
-
140
103
  function getReactGC() {
141
104
  return require('../../assets_final/react/zd-font-react-gcFonts.module.css');
142
105
  }
143
-
144
106
  function getReactTwotone() {
145
107
  return require('../../assets_final/react/zd-font-rTwotone.module.css');
146
108
  }
147
-
148
109
  function IconRender(iconName, iconContent) {
149
110
  return function (props) {
150
111
  var name = props.name,
151
- onClick = props.onClick,
152
- isBold = props.isBold,
153
- iconClass = props.iconClass,
154
- title = props.title,
155
- dataId = props.dataId,
156
- size = props.size,
157
- titlePosition = props.titlePosition;
112
+ onClick = props.onClick,
113
+ isBold = props.isBold,
114
+ iconClass = props.iconClass,
115
+ title = props.title,
116
+ dataId = props.dataId,
117
+ size = props.size,
118
+ titlePosition = props.titlePosition;
158
119
  var pathName = _typeof(_FontFactory.FontFactory[iconName][name]) === 'object' ? _FontFactory.FontFactory[iconName][name][0] : _FontFactory.FontFactory[iconName][name];
159
120
  return /*#__PURE__*/_react["default"].createElement(_FontIcon["default"], {
160
121
  iconClass: iconClass,
@@ -171,7 +132,6 @@ function IconRender(iconName, iconContent) {
171
132
  });
172
133
  };
173
134
  }
174
-
175
135
  function getIcon(props) {
176
136
  var iconName;
177
137
  var filesMap = {
@@ -195,7 +155,7 @@ function getIcon(props) {
195
155
  TicketsChannelFontIcon: getTicketsChannel,
196
156
  ReactCallBarFontIcon: getReactCallBar,
197
157
  ReactChannelsFontIcon: getReactChannels,
198
- ReactCutomizeFontIcon: getReactCutomize,
158
+ ReactCustomizeFontIcon: getReactCutomize,
199
159
  ReactExportFilesFontIcon: getReactExportFiles,
200
160
  ReactGeneralFontIcon: getReactGeneral,
201
161
  ReactIntegrationsFontIcon: getReactIntegrations,
@@ -209,24 +169,20 @@ function getIcon(props) {
209
169
  ReactTwotoneIcon: getReactTwotone
210
170
  };
211
171
  return new Promise(function (res) {
212
- if (typeof require.ensure !== "function") {
172
+ if (_typeof(require.ensure) !== "function") {
213
173
  require.ensure = function (d, c) {
214
174
  return c(require);
215
175
  };
216
176
  }
217
-
218
177
  require.ensure([], function () {
219
178
  Object.keys(_FontFactory.FontFactory).map(function (name) {
220
179
  if (typeof _FontFactory.FontFactory[name][props.name] !== 'undefined') {
221
180
  iconName = name;
222
181
  }
223
182
  });
224
-
225
183
  if (iconName) {
226
184
  var iconContent = filesMap[iconName]();
227
-
228
185
  var _Icon = IconRender(iconName, iconContent);
229
-
230
186
  var response = {
231
187
  Icon: _Icon
232
188
  };
@@ -235,7 +191,6 @@ function getIcon(props) {
235
191
  }, 'FontFactory');
236
192
  });
237
193
  }
238
-
239
194
  var Icon = (0, _asyncComponent["default"])(function (props) {
240
195
  return getIcon(props).then(function (res) {
241
196
  return res.Icon;
@@ -243,7 +198,6 @@ var Icon = (0, _asyncComponent["default"])(function (props) {
243
198
  });
244
199
  var _default = Icon;
245
200
  exports["default"] = _default;
246
-
247
201
  if (false) {
248
202
  Icon.docs = {
249
203
  componentGroup: 'Icon'
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.IconDefaultProps = void 0;
7
+ var IconDefaultProps = {
8
+ a11y: {}
9
+ };
10
+ exports.IconDefaultProps = IconDefaultProps;
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.IconProps = void 0;
7
+ var _propTypes = _interopRequireDefault(require("prop-types"));
8
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
+ var IconProps = {
10
+ dataId: _propTypes["default"].string,
11
+ iconClass: _propTypes["default"].string,
12
+ iconContent: _propTypes["default"].object,
13
+ isBold: _propTypes["default"].bool,
14
+ name: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].array]),
15
+ onClick: _propTypes["default"].func,
16
+ pathName: _propTypes["default"].string,
17
+ size: _propTypes["default"].string,
18
+ title: _propTypes["default"].string,
19
+ iconName: _propTypes["default"].string,
20
+ titlePosition: _propTypes["default"].oneOf(['top', 'bottom', 'left', 'right']),
21
+ a11y: _propTypes["default"].shape({
22
+ ariaHidden: _propTypes["default"].bool
23
+ })
24
+ };
25
+ exports.IconProps = IconProps;
package/lib/index.js CHANGED
@@ -9,41 +9,5 @@ Object.defineProperty(exports, "Icon", {
9
9
  return _Icon["default"];
10
10
  }
11
11
  });
12
- Object.defineProperty(exports, "Icon__default", {
13
- enumerable: true,
14
- get: function get() {
15
- return _Icon__default["default"];
16
- }
17
- });
18
- Object.defineProperty(exports, "React", {
19
- enumerable: true,
20
- get: function get() {
21
- return _react["default"];
22
- }
23
- });
24
- Object.defineProperty(exports, "ReactDOM", {
25
- enumerable: true,
26
- get: function get() {
27
- return _reactDom["default"];
28
- }
29
- });
30
- Object.defineProperty(exports, "renderToStaticMarkup", {
31
- enumerable: true,
32
- get: function get() {
33
- return _server.renderToStaticMarkup;
34
- }
35
- });
36
-
37
- var _react = _interopRequireDefault(require("react"));
38
-
39
- var _reactDom = _interopRequireDefault(require("react-dom"));
40
-
41
- var _server = require("react-dom/server");
42
-
43
- require("@zohodesk/variables/lib/fontsizeVariables.module.css");
44
-
45
12
  var _Icon = _interopRequireDefault(require("./Icon"));
46
-
47
- var _Icon__default = _interopRequireDefault(require("./Icon/docs/Icon__default.docs"));
48
-
49
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
package/package.json CHANGED
@@ -1,22 +1,22 @@
1
1
  {
2
2
  "name": "@zohodesk/icons",
3
- "umdVar": "Icons",
4
- "version": "1.0.0-temp.7",
5
- "private": false,
6
- "description": "",
7
- "main": "lib/index",
3
+ "version": "1.0.0-test.114",
4
+ "description": "DOT - Icons",
5
+ "main": "es/index.js",
8
6
  "module": "es/index.js",
9
- "jsnext:main": "es/index.js",
10
- "repository": {
11
- "type": "git",
12
- "url": "git+https://github.com/vimalceg/fz-dnd.git"
7
+ "private": false,
8
+ "publishConfig": {
9
+ "access": "public"
13
10
  },
14
- "author": "",
11
+ "author": "Z Team",
12
+ "homepage": "https://www.npmjs.com/search?q=@zohodesk",
15
13
  "license": "ISC",
16
- "bugs": {
17
- "url": "https://github.com/vimalceg/fz-dnd/issues"
18
- },
19
- "homepage": "https://github.com/vimalceg/fz-dnd#readme",
14
+ "keywords": [
15
+ "DOT",
16
+ "ZOHODESK",
17
+ "ZTEAM",
18
+ "LIBRARY"
19
+ ],
20
20
  "scripts": {
21
21
  "clean": "react-cli clean lib es coverage assets",
22
22
  "build": "react-cli build:component:cmjs ",
@@ -28,23 +28,15 @@
28
28
  "docs": "react-cli docs",
29
29
  "postpublish": "react-cli postpublish",
30
30
  "download": "rm package-lock.json && rm -rf node_modules/ && npm install",
31
- "valueReplacer": "react-cli valuereplacer ./src ./lib && react-cli valuereplacer ./src ./es && rm -rf ./assets_final && react-cli valuereplacer ./assets ./assets_final true"
31
+ "valueReplacer": "react-cli valuereplacer ./src ./lib && react-cli valuereplacer ./src ./es && rm -rf ./assets_final && react-cli valuereplacer ./assets ./assets_final true",
32
+ "expublish": "npm publish --tag experimental-version"
32
33
  },
33
- "tags": [
34
- "react",
35
- "redux"
36
- ],
37
- "keywords": [
38
- "react",
39
- "redux",
40
- "router"
41
- ],
42
34
  "dependencies": {},
43
35
  "devDependencies": {
44
- "@zohodesk/variables": "1.0.0-beta.23"
36
+ "@zohodesk/variables": "1.0.0-beta.29"
45
37
  },
46
38
  "peerDependencies": {
47
- "@zohodesk/variables": "1.0.0-beta.23"
39
+ "@zohodesk/variables": "1.0.0-beta.29"
48
40
  },
49
41
  "react-cli": {
50
42
  "css": {
@@ -57,16 +49,16 @@
57
49
  "values": {
58
50
  "zdfonts-rCallBar": "zdf-rCallBar_1",
59
51
  "zdfonts-rChannels": "zdf-rChannels_1",
60
- "zdfonts-rCustomize": "zdf-rCustomize_1",
52
+ "zdfonts-rCustomize": "zdf-rCustomize_2",
61
53
  "zdfonts-react-addforms": "zdf-react-addforms_1",
62
54
  "zdfonts-react-automate": "zdf-react-automate_1",
63
55
  "zdfonts-react-channels": "zdf-react-channels_1",
64
56
  "zdfonts-react-common": "zdf-react-common_1",
65
57
  "zdfonts-react-community": "zdf-react-community_1",
66
58
  "zdfonts-react-customers": "zdf-react-customers_1",
67
- "zdfonts-react-customize": "zdf-react-customize_1",
59
+ "zdfonts-react-customize": "zdf-react-customize_2",
68
60
  "zdfonts-react-gamescope": "zdf-react-gamescope_1",
69
- "zdfonts-react-gcFonts": "zdf-react-gcFonts_1",
61
+ "zdfonts-react-gcFonts": "zdf-react-gcFonts_5",
70
62
  "zdfonts-react-gettingstarted": "zdf-react-gettingstarted_1",
71
63
  "zdfonts-react-integrations": "zdf-react-integrations_1",
72
64
  "zdfonts-react-kb": "zdf-react-kb_1",
@@ -80,21 +72,22 @@
80
72
  "zdfonts-react-tickets": "zdf-react-tickets_1",
81
73
  "zdfonts-react-topband": "zdf-react-topband_1",
82
74
  "zdfonts-rExportFiles": "zdf-rExportFiles_1",
83
- "zdfonts-rGeneral": "zdf-rGeneral_1",
84
- "zdfonts-rIntegrations": "zdf-rIntegrations_1",
75
+ "zdfonts-rGeneral": "zdf-rGeneral_5",
76
+ "zdfonts-rIntegrations": "zdf-rIntegrations_3",
85
77
  "zdfonts-rLhs": "zdf-rLhs_1",
86
- "zdfonts-rMarketplace": "zdf-rMarketplace_1",
78
+ "zdfonts-rMarketplace": "zdf-rMarketplace_3",
87
79
  "zdfonts-rReports": "zdf-rReports_1",
88
80
  "zdfonts-rSetup": "zdf-rSetup_1",
89
81
  "zdfonts-rTickets": "zdf-rTickets_1",
90
82
  "zdfonts-rTopband": "zdf-rTopband_1",
91
- "zdfonts-rTwotone": "zdf-rTwotone_1"
83
+ "zdfonts-rTwotone": "zdf-rTwotone_5"
92
84
  }
93
85
  }
94
86
  ]
95
87
  },
96
88
  "docs": {
97
- "cssUniqueness": "false"
89
+ "cssUniqueness": "false",
90
+ "disableES5Transpile": true
98
91
  },
99
92
  "app": {
100
93
  "removePropTypes": {
@@ -102,4 +95,4 @@
102
95
  }
103
96
  }
104
97
  }
105
- }
98
+ }
@@ -1,22 +0,0 @@
1
- .font_grid {
2
- border-radius: 3px;
3
- text-align: center;
4
- width: 8.0625rem;
5
- box-shadow: 0 0 14px -1px #00000014;
6
- margin: 0 1.125rem 1.125rem 0;
7
- padding: 1.375rem 0.625rem 1.3125rem;
8
- display: inline-block;
9
- position: relative;
10
- overflow: hidden;
11
- }
12
- .font_grid > span {
13
- display: inline-block;
14
- }
15
- .font_grid p {
16
- margin-top: 0.9375rem;
17
- font: 0.8125rem Semibold;
18
- color: #2d313e;
19
- overflow: hidden;
20
- white-space: nowrap;
21
- text-overflow: ellipsis;
22
- }
@@ -1,22 +0,0 @@
1
- .font_grid {
2
- border-radius: 3px;
3
- text-align: center;
4
- width: 8.0625rem;
5
- box-shadow: 0 0 14px -1px #00000014;
6
- margin: 0 1.125rem 1.125rem 0;
7
- padding: 1.375rem 0.625rem 1.3125rem;
8
- display: inline-block;
9
- position: relative;
10
- overflow: hidden;
11
- }
12
- .font_grid > span {
13
- display: inline-block;
14
- }
15
- .font_grid p {
16
- margin-top: 0.9375rem;
17
- font: 0.8125rem Semibold;
18
- color: #2d313e;
19
- overflow: hidden;
20
- white-space: nowrap;
21
- text-overflow: ellipsis;
22
- }