@zohodesk/icons 1.3.10 → 1.3.11
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 +4 -0
- package/assets/fonts/zd-rGeneral.svg +1 -0
- package/assets/fonts/zd-rGeneral.woff +0 -0
- package/assets/fonts/zd-rGeneral.woff2 +0 -0
- package/assets/react/zd-font-rGeneral.module.css +6 -3
- package/cbt.config.js +1 -1
- package/es/Context/__tests__/__snapshots__/IconContext.spec.js.snap +11 -11
- package/es/Icon/FontFactory.js +2 -1
- package/es/Icon/__tests__/Icon.spec.js +15 -0
- package/es/Icon/__tests__/__snapshots__/FontIcon.spec.js.snap +21 -21
- package/es/Icon/__tests__/__snapshots__/Icon.spec.js.snap +37876 -0
- package/es/Icon/__tests__/__snapshots__/SvgIcon.spec.js.snap +12 -12
- package/lib/Context/__tests__/__snapshots__/IconContext.spec.js.snap +11 -11
- package/lib/Icon/FontFactory.js +1 -1
- package/lib/Icon/__tests__/Icon.spec.js +38 -0
- package/lib/Icon/__tests__/__snapshots__/FontIcon.spec.js.snap +21 -21
- package/lib/Icon/__tests__/__snapshots__/Icon.spec.js.snap +37876 -0
- package/lib/Icon/__tests__/__snapshots__/SvgIcon.spec.js.snap +12 -12
- package/package.json +2 -2
|
@@ -4,7 +4,7 @@ exports[`SvgIcon - rendering the "default" props 1`] = `
|
|
|
4
4
|
<DocumentFragment>
|
|
5
5
|
<svg
|
|
6
6
|
aria-hidden="true"
|
|
7
|
-
class="svgIcon
|
|
7
|
+
class="svgIcon"
|
|
8
8
|
data-id="fontIcon"
|
|
9
9
|
data-selector-id="fontIcon"
|
|
10
10
|
data-test-id="fontIcon"
|
|
@@ -20,7 +20,7 @@ exports[`SvgIcon - rendering with "ariaHidden" false 1`] = `
|
|
|
20
20
|
<DocumentFragment>
|
|
21
21
|
<svg
|
|
22
22
|
aria-hidden="false"
|
|
23
|
-
class="svgIcon
|
|
23
|
+
class="svgIcon"
|
|
24
24
|
data-id="fontIcon"
|
|
25
25
|
data-selector-id="fontIcon"
|
|
26
26
|
data-test-id="fontIcon"
|
|
@@ -36,7 +36,7 @@ exports[`SvgIcon - rendering with "iconClass" 1`] = `
|
|
|
36
36
|
<DocumentFragment>
|
|
37
37
|
<svg
|
|
38
38
|
aria-hidden="true"
|
|
39
|
-
class="svgIcon
|
|
39
|
+
class="svgIcon myIconClass"
|
|
40
40
|
data-id="fontIcon"
|
|
41
41
|
data-selector-id="fontIcon"
|
|
42
42
|
data-test-id="fontIcon"
|
|
@@ -52,7 +52,7 @@ exports[`SvgIcon - rendering with "name" and "svgPrefix" 1`] = `
|
|
|
52
52
|
<DocumentFragment>
|
|
53
53
|
<svg
|
|
54
54
|
aria-hidden="true"
|
|
55
|
-
class="svgIcon
|
|
55
|
+
class="svgIcon"
|
|
56
56
|
data-id="fontIcon"
|
|
57
57
|
data-selector-id="fontIcon"
|
|
58
58
|
data-test-id="fontIcon"
|
|
@@ -68,7 +68,7 @@ exports[`SvgIcon - rendering with "size" 1`] = `
|
|
|
68
68
|
<DocumentFragment>
|
|
69
69
|
<svg
|
|
70
70
|
aria-hidden="true"
|
|
71
|
-
class="svgIcon
|
|
71
|
+
class="svgIcon"
|
|
72
72
|
data-id="fontIcon"
|
|
73
73
|
data-selector-id="fontIcon"
|
|
74
74
|
data-test-id="fontIcon"
|
|
@@ -85,7 +85,7 @@ exports[`SvgIcon - rendering with "tagAttributes" 1`] = `
|
|
|
85
85
|
<DocumentFragment>
|
|
86
86
|
<svg
|
|
87
87
|
aria-hidden="true"
|
|
88
|
-
class="svgIcon
|
|
88
|
+
class="svgIcon"
|
|
89
89
|
data-custom-attr="true"
|
|
90
90
|
data-id="fontIcon"
|
|
91
91
|
data-selector-id="fontIcon"
|
|
@@ -102,7 +102,7 @@ exports[`SvgIcon - rendering with "title" 1`] = `
|
|
|
102
102
|
<DocumentFragment>
|
|
103
103
|
<svg
|
|
104
104
|
aria-hidden="true"
|
|
105
|
-
class="svgIcon
|
|
105
|
+
class="svgIcon"
|
|
106
106
|
data-id="fontIcon"
|
|
107
107
|
data-selector-id="fontIcon"
|
|
108
108
|
data-test-id="fontIcon"
|
|
@@ -119,7 +119,7 @@ exports[`SvgIcon - rendering with "titlePosition" - bottom 1`] = `
|
|
|
119
119
|
<DocumentFragment>
|
|
120
120
|
<svg
|
|
121
121
|
aria-hidden="true"
|
|
122
|
-
class="svgIcon
|
|
122
|
+
class="svgIcon"
|
|
123
123
|
data-id="fontIcon"
|
|
124
124
|
data-selector-id="fontIcon"
|
|
125
125
|
data-test-id="fontIcon"
|
|
@@ -136,7 +136,7 @@ exports[`SvgIcon - rendering with "titlePosition" - left 1`] = `
|
|
|
136
136
|
<DocumentFragment>
|
|
137
137
|
<svg
|
|
138
138
|
aria-hidden="true"
|
|
139
|
-
class="svgIcon
|
|
139
|
+
class="svgIcon"
|
|
140
140
|
data-id="fontIcon"
|
|
141
141
|
data-selector-id="fontIcon"
|
|
142
142
|
data-test-id="fontIcon"
|
|
@@ -153,7 +153,7 @@ exports[`SvgIcon - rendering with "titlePosition" - right 1`] = `
|
|
|
153
153
|
<DocumentFragment>
|
|
154
154
|
<svg
|
|
155
155
|
aria-hidden="true"
|
|
156
|
-
class="svgIcon
|
|
156
|
+
class="svgIcon"
|
|
157
157
|
data-id="fontIcon"
|
|
158
158
|
data-selector-id="fontIcon"
|
|
159
159
|
data-test-id="fontIcon"
|
|
@@ -170,7 +170,7 @@ exports[`SvgIcon - rendering with "titlePosition" - top 1`] = `
|
|
|
170
170
|
<DocumentFragment>
|
|
171
171
|
<svg
|
|
172
172
|
aria-hidden="true"
|
|
173
|
-
class="svgIcon
|
|
173
|
+
class="svgIcon"
|
|
174
174
|
data-id="fontIcon"
|
|
175
175
|
data-selector-id="fontIcon"
|
|
176
176
|
data-test-id="fontIcon"
|
|
@@ -187,7 +187,7 @@ exports[`SvgIcon - rendering with external sprite "svgPrefix" 1`] = `
|
|
|
187
187
|
<DocumentFragment>
|
|
188
188
|
<svg
|
|
189
189
|
aria-hidden="true"
|
|
190
|
-
class="svgIcon
|
|
190
|
+
class="svgIcon"
|
|
191
191
|
data-id="fontIcon"
|
|
192
192
|
data-selector-id="fontIcon"
|
|
193
193
|
data-test-id="fontIcon"
|
|
@@ -4,7 +4,7 @@ exports[`IconProvider / IconContext - default context - renders font icon (no p
|
|
|
4
4
|
<DocumentFragment>
|
|
5
5
|
<i
|
|
6
6
|
aria-hidden="true"
|
|
7
|
-
class="zd_font_icons
|
|
7
|
+
class="zd_font_icons basic icon-close2"
|
|
8
8
|
data-id="fontIcon"
|
|
9
9
|
data-selector-id="fontIcon"
|
|
10
10
|
data-test-id="fontIcon"
|
|
@@ -16,7 +16,7 @@ exports[`IconProvider / IconContext - multiple icons share the same provider co
|
|
|
16
16
|
<DocumentFragment>
|
|
17
17
|
<svg
|
|
18
18
|
aria-hidden="true"
|
|
19
|
-
class="svgIcon
|
|
19
|
+
class="svgIcon"
|
|
20
20
|
data-id="fontIcon"
|
|
21
21
|
data-selector-id="fontIcon"
|
|
22
22
|
data-test-id="fontIcon"
|
|
@@ -27,7 +27,7 @@ exports[`IconProvider / IconContext - multiple icons share the same provider co
|
|
|
27
27
|
</svg>
|
|
28
28
|
<svg
|
|
29
29
|
aria-hidden="true"
|
|
30
|
-
class="svgIcon
|
|
30
|
+
class="svgIcon"
|
|
31
31
|
data-id="fontIcon"
|
|
32
32
|
data-selector-id="fontIcon"
|
|
33
33
|
data-test-id="fontIcon"
|
|
@@ -43,7 +43,7 @@ exports[`IconProvider / IconContext - type "fontIcon" - renders font icon 1`] =
|
|
|
43
43
|
<DocumentFragment>
|
|
44
44
|
<i
|
|
45
45
|
aria-hidden="true"
|
|
46
|
-
class="zd_font_icons
|
|
46
|
+
class="zd_font_icons basic icon-close2"
|
|
47
47
|
data-id="fontIcon"
|
|
48
48
|
data-selector-id="fontIcon"
|
|
49
49
|
data-test-id="fontIcon"
|
|
@@ -55,7 +55,7 @@ exports[`IconProvider / IconContext - type "svgIcon" - passes "a11y" ariaHidden
|
|
|
55
55
|
<DocumentFragment>
|
|
56
56
|
<svg
|
|
57
57
|
aria-hidden="false"
|
|
58
|
-
class="svgIcon
|
|
58
|
+
class="svgIcon"
|
|
59
59
|
data-id="fontIcon"
|
|
60
60
|
data-selector-id="fontIcon"
|
|
61
61
|
data-test-id="fontIcon"
|
|
@@ -71,7 +71,7 @@ exports[`IconProvider / IconContext - type "svgIcon" - passes "iconClass" prop
|
|
|
71
71
|
<DocumentFragment>
|
|
72
72
|
<svg
|
|
73
73
|
aria-hidden="true"
|
|
74
|
-
class="svgIcon
|
|
74
|
+
class="svgIcon custom-class"
|
|
75
75
|
data-id="fontIcon"
|
|
76
76
|
data-selector-id="fontIcon"
|
|
77
77
|
data-test-id="fontIcon"
|
|
@@ -87,7 +87,7 @@ exports[`IconProvider / IconContext - type "svgIcon" - passes "size" prop to sv
|
|
|
87
87
|
<DocumentFragment>
|
|
88
88
|
<svg
|
|
89
89
|
aria-hidden="true"
|
|
90
|
-
class="svgIcon
|
|
90
|
+
class="svgIcon"
|
|
91
91
|
data-id="fontIcon"
|
|
92
92
|
data-selector-id="fontIcon"
|
|
93
93
|
data-test-id="fontIcon"
|
|
@@ -104,7 +104,7 @@ exports[`IconProvider / IconContext - type "svgIcon" - passes "title" prop to s
|
|
|
104
104
|
<DocumentFragment>
|
|
105
105
|
<svg
|
|
106
106
|
aria-hidden="true"
|
|
107
|
-
class="svgIcon
|
|
107
|
+
class="svgIcon"
|
|
108
108
|
data-id="fontIcon"
|
|
109
109
|
data-selector-id="fontIcon"
|
|
110
110
|
data-test-id="fontIcon"
|
|
@@ -121,7 +121,7 @@ exports[`IconProvider / IconContext - type "svgIcon" - renders svg symbol 1`] =
|
|
|
121
121
|
<DocumentFragment>
|
|
122
122
|
<svg
|
|
123
123
|
aria-hidden="true"
|
|
124
|
-
class="svgIcon
|
|
124
|
+
class="svgIcon"
|
|
125
125
|
data-id="fontIcon"
|
|
126
126
|
data-selector-id="fontIcon"
|
|
127
127
|
data-test-id="fontIcon"
|
|
@@ -137,7 +137,7 @@ exports[`IconProvider / IconContext - type "svgIcon" with "svgIconClass" 1`] =
|
|
|
137
137
|
<DocumentFragment>
|
|
138
138
|
<svg
|
|
139
139
|
aria-hidden="true"
|
|
140
|
-
class="svgIcon
|
|
140
|
+
class="svgIcon app-svg-icon"
|
|
141
141
|
data-id="fontIcon"
|
|
142
142
|
data-selector-id="fontIcon"
|
|
143
143
|
data-test-id="fontIcon"
|
|
@@ -153,7 +153,7 @@ exports[`IconProvider / IconContext - type "svgIcon" with custom "svgIconPrefix
|
|
|
153
153
|
<DocumentFragment>
|
|
154
154
|
<svg
|
|
155
155
|
aria-hidden="true"
|
|
156
|
-
class="svgIcon
|
|
156
|
+
class="svgIcon"
|
|
157
157
|
data-id="fontIcon"
|
|
158
158
|
data-selector-id="fontIcon"
|
|
159
159
|
data-test-id="fontIcon"
|
package/lib/Icon/FontFactory.js
CHANGED
|
@@ -1527,7 +1527,7 @@ var FontFactory = {
|
|
|
1527
1527
|
'ZD-GN-alignRight': ['icon-alignRight', 2],
|
|
1528
1528
|
'ZD-GN-allignCenter': ['icon-allignCenter', 2],
|
|
1529
1529
|
'ZD-GN-allignJustify': ['icon-allignJustify', 2]
|
|
1530
|
-
}, _defineProperty(_ReactGeneralFontIcon, "ZD-GN-bold", 'icon-bold'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-bullets', ['icon-bullets', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-clearFormat', ['icon-clearFormat', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-decreaceIndent', ['icon-decreaceIndent', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-font', 'icon-font'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-fontColour', ['icon-fontColour', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-formatPainter', ['icon-formatPainter', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-horizontalRule', ['icon-horizontalRule', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-increaceIndent', ['icon-increaceIndent', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-insertCode', 'icon-insertCode'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-insertHtml', ['icon-insertHtml', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-insertImage', ['icon-insertImage', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-insertQuote', 'icon-insertQuote'), _defineProperty(_ReactGeneralFontIcon, "ZD-GN-italic", 'icon-italic'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-numbering', ['icon-numbering', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-spellCheck', ['icon-spellCheck', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-strikeThrough', ['icon-strikeThrough', 3]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-underLine', ['icon-underLine', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-signOut', 'icon-signOut'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-phoneFill', 'icon-phoneFill'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-follow', 'icon-follow'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-forward', 'icon-forward'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-forwardFill', 'icon-forwardFill'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-unFollow', 'icon-unFollow'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-infoStroke', 'icon-infoStroke'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-onHold', 'icon-onHold'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-clearFilter', 'icon-clearFilter'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-placeholder', 'icon-placeholder'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-gift', 'icon-gift'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-freeTrial', 'icon-freeTrial'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-skills', 'icon-skills'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-contactInformation', 'icon-contactInformation'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-relatedDetails', 'icon-relatedDetails'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-template', ['icon-template', 5]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-department', 'icon-department'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-doubleTick', 'icon-doubleTick'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-bounce', 'icon-bounce'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-accessibility', 'icon-accessibility'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-read', ['icon-read', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-unread', ['icon-unread', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-wmsSun', 'icon-wmsSun'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-wmsMoon', 'icon-wmsMoon'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-configuaration', 'icon-configuaration'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-premium', 'icon-premium'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-money', 'icon-money'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-Marketplace', ['icon-Marketplace', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-ticketDetail', ['icon-ticketDetail', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-comma', 'icon-comma'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-enter', 'icon-enter'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-spaceBar', 'icon-spaceBar'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-skipReplyall', 'icon-skipReplyall'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-rrSequential', 'icon-roundRobinSequential'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-filterAdd', 'icon-filterAdd'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-jsonWebToken', 'icon-jsonWebToken'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-parentChild', 'icon-parentChild'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-saml', 'icon-saml'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-smsAuth', 'icon-smsAuth'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-ticketOwner', 'icon-ticketOwner'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-mesengerFill', 'icon-mesengerFill'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-telegramFill', 'icon-telegramFill'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-sortingArrow', ['icon-sortingArrow', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-androidFill', 'icon-androidFill'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-customDashboard', 'icon-customDashboard'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-databaseEncryption', 'icon-databaseEncryption'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-myPins', 'icon-myPins'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-pinned', ['icon-pinned', 3]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-flagFill', 'icon-flagFill'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-instagram', 'icon-instagram'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-line', 'icon-line'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-answerBot', 'icon-answerBot'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-primaryContact', 'icon-primaryContact'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-wallet', 'icon-wallet'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-agentportal', 'icon-agentportal'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-fileMail', 'icon-fileMail'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-rename', 'icon-rename'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-fileUnknown', 'icon-fileUnknown'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-filePpt', 'icon-filePpt'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-fileDoc', 'icon-fileDoc'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-fileSheet', 'icon-fileSheet'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-imPause', ['icon-imPause', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-imPlay', 'icon-imPlay'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-imRecord', 'icon-imRecord'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-radar', 'icon-radar'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-pricingTag', 'icon-pricingTag'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-doubleArrow', 'icon-doubleArrow'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-followUpTicket', 'icon-followUpTicket'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-oCR', 'icon-OCR'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-ultimatePlan', 'icon-ultimatePlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-enterprisePlan', 'icon-enterprisePlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-standerdPlan', 'icon-standerdPlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-professionalPlan', 'icon-professionalPlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-freePlan', 'icon-freePlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-expressPlan', 'icon-expressPlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-process', 'icon-process'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-mailDefault', 'icon-mailDefault'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-featureHome', ['icon-featureHome', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-manualTranslation', 'icon-manualTranslation'), _ReactGeneralFontIcon),
|
|
1530
|
+
}, _defineProperty(_ReactGeneralFontIcon, "ZD-GN-bold", 'icon-bold'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-bullets', ['icon-bullets', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-clearFormat', ['icon-clearFormat', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-decreaceIndent', ['icon-decreaceIndent', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-font', 'icon-font'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-fontColour', ['icon-fontColour', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-formatPainter', ['icon-formatPainter', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-horizontalRule', ['icon-horizontalRule', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-increaceIndent', ['icon-increaceIndent', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-insertCode', 'icon-insertCode'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-insertHtml', ['icon-insertHtml', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-insertImage', ['icon-insertImage', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-insertQuote', 'icon-insertQuote'), _defineProperty(_ReactGeneralFontIcon, "ZD-GN-italic", 'icon-italic'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-numbering', ['icon-numbering', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-spellCheck', ['icon-spellCheck', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-strikeThrough', ['icon-strikeThrough', 3]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-underLine', ['icon-underLine', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-signOut', 'icon-signOut'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-phoneFill', 'icon-phoneFill'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-follow', 'icon-follow'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-forward', 'icon-forward'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-forwardFill', 'icon-forwardFill'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-unFollow', 'icon-unFollow'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-infoStroke', 'icon-infoStroke'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-onHold', 'icon-onHold'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-clearFilter', 'icon-clearFilter'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-placeholder', 'icon-placeholder'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-gift', 'icon-gift'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-freeTrial', 'icon-freeTrial'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-skills', 'icon-skills'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-contactInformation', 'icon-contactInformation'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-relatedDetails', 'icon-relatedDetails'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-template', ['icon-template', 5]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-department', 'icon-department'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-doubleTick', 'icon-doubleTick'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-bounce', 'icon-bounce'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-accessibility', 'icon-accessibility'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-read', ['icon-read', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-unread', ['icon-unread', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-wmsSun', 'icon-wmsSun'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-wmsMoon', 'icon-wmsMoon'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-configuaration', 'icon-configuaration'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-premium', 'icon-premium'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-money', 'icon-money'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-Marketplace', ['icon-Marketplace', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-ticketDetail', ['icon-ticketDetail', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-comma', 'icon-comma'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-enter', 'icon-enter'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-spaceBar', 'icon-spaceBar'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-skipReplyall', 'icon-skipReplyall'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-rrSequential', 'icon-roundRobinSequential'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-filterAdd', 'icon-filterAdd'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-jsonWebToken', 'icon-jsonWebToken'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-parentChild', 'icon-parentChild'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-saml', 'icon-saml'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-smsAuth', 'icon-smsAuth'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-ticketOwner', 'icon-ticketOwner'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-mesengerFill', 'icon-mesengerFill'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-telegramFill', 'icon-telegramFill'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-sortingArrow', ['icon-sortingArrow', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-androidFill', 'icon-androidFill'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-customDashboard', 'icon-customDashboard'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-databaseEncryption', 'icon-databaseEncryption'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-myPins', 'icon-myPins'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-pinned', ['icon-pinned', 3]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-flagFill', 'icon-flagFill'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-instagram', 'icon-instagram'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-line', 'icon-line'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-answerBot', 'icon-answerBot'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-primaryContact', 'icon-primaryContact'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-wallet', 'icon-wallet'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-agentportal', 'icon-agentportal'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-fileMail', 'icon-fileMail'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-rename', 'icon-rename'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-fileUnknown', 'icon-fileUnknown'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-filePpt', 'icon-filePpt'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-fileDoc', 'icon-fileDoc'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-fileSheet', 'icon-fileSheet'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-imPause', ['icon-imPause', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-imPlay', 'icon-imPlay'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-imRecord', 'icon-imRecord'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-radar', 'icon-radar'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-pricingTag', 'icon-pricingTag'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-doubleArrow', 'icon-doubleArrow'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-followUpTicket', 'icon-followUpTicket'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-oCR', 'icon-OCR'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-ultimatePlan', 'icon-ultimatePlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-enterprisePlan', 'icon-enterprisePlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-standerdPlan', 'icon-standerdPlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-professionalPlan', 'icon-professionalPlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-freePlan', 'icon-freePlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-expressPlan', 'icon-expressPlan'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-process', 'icon-process'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-mailDefault', 'icon-mailDefault'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-featureHome', ['icon-featureHome', 2]), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-manualTranslation', 'icon-manualTranslation'), _defineProperty(_ReactGeneralFontIcon, 'ZD-GN-tour', 'icon-tour'), _ReactGeneralFontIcon),
|
|
1531
1531
|
ReactIntegrationsFontIcon: {
|
|
1532
1532
|
'ZD-IG-intAnalytics': 'icon-intAnalytics',
|
|
1533
1533
|
'ZD-IG-intBigin': 'icon-intBigin',
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
|
|
5
|
+
var _react2 = require("@testing-library/react");
|
|
6
|
+
|
|
7
|
+
var _index = _interopRequireDefault(require("../index"));
|
|
8
|
+
|
|
9
|
+
var _FontFactory = require("../FontFactory");
|
|
10
|
+
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
+
|
|
13
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
14
|
+
|
|
15
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
16
|
+
|
|
17
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
18
|
+
|
|
19
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
20
|
+
|
|
21
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
22
|
+
|
|
23
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
24
|
+
|
|
25
|
+
var iconNames = _toConsumableArray(new Set(Object.values(_FontFactory.FontFactory).flatMap(function (group) {
|
|
26
|
+
return Object.keys(group);
|
|
27
|
+
}))).sort();
|
|
28
|
+
|
|
29
|
+
describe('Icon - FontFactory names', function () {
|
|
30
|
+
test.each(iconNames)('renders "%s"', function (name) {
|
|
31
|
+
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
32
|
+
name: name
|
|
33
|
+
})),
|
|
34
|
+
asFragment = _render.asFragment;
|
|
35
|
+
|
|
36
|
+
expect(asFragment()).toMatchSnapshot();
|
|
37
|
+
});
|
|
38
|
+
});
|
|
@@ -4,7 +4,7 @@ exports[`FontIcon - checking "isBold" is false 1`] = `
|
|
|
4
4
|
<DocumentFragment>
|
|
5
5
|
<i
|
|
6
6
|
aria-hidden="true"
|
|
7
|
-
class="zd_font_icons
|
|
7
|
+
class="zd_font_icons basic"
|
|
8
8
|
data-id="fontIcon"
|
|
9
9
|
data-selector-id="fontIcon"
|
|
10
10
|
data-test-id="fontIcon"
|
|
@@ -16,7 +16,7 @@ exports[`FontIcon - checking "isBold" is true 1`] = `
|
|
|
16
16
|
<DocumentFragment>
|
|
17
17
|
<i
|
|
18
18
|
aria-hidden="true"
|
|
19
|
-
class="zd_font_icons
|
|
19
|
+
class="zd_font_icons basic fbold"
|
|
20
20
|
data-id="fontIcon"
|
|
21
21
|
data-selector-id="fontIcon"
|
|
22
22
|
data-test-id="fontIcon"
|
|
@@ -28,7 +28,7 @@ exports[`FontIcon - rendering "IconName" 1`] = `
|
|
|
28
28
|
<DocumentFragment>
|
|
29
29
|
<i
|
|
30
30
|
aria-hidden="true"
|
|
31
|
-
class="zd_font_icons
|
|
31
|
+
class="zd_font_icons basic"
|
|
32
32
|
data-id="fontIcon"
|
|
33
33
|
data-selector-id="fontIcon"
|
|
34
34
|
data-test-id="fontIcon"
|
|
@@ -40,19 +40,19 @@ exports[`FontIcon - rendering "Name" with "iconContent" and without path 1`] =
|
|
|
40
40
|
<DocumentFragment>
|
|
41
41
|
<i
|
|
42
42
|
aria-hidden="true"
|
|
43
|
-
class="zd_font_icons
|
|
43
|
+
class="zd_font_icons basic"
|
|
44
44
|
data-id="fontIcon"
|
|
45
45
|
data-selector-id="fontIcon"
|
|
46
46
|
data-test-id="fontIcon"
|
|
47
47
|
>
|
|
48
48
|
<span
|
|
49
|
-
class="icon1
|
|
49
|
+
class="icon1"
|
|
50
50
|
/>
|
|
51
51
|
<span
|
|
52
|
-
class="icon2
|
|
52
|
+
class="icon2"
|
|
53
53
|
/>
|
|
54
54
|
<span
|
|
55
|
-
class="icon3
|
|
55
|
+
class="icon3"
|
|
56
56
|
/>
|
|
57
57
|
</i>
|
|
58
58
|
</DocumentFragment>
|
|
@@ -62,7 +62,7 @@ exports[`FontIcon - rendering "ariaHidden" is false 1`] = `
|
|
|
62
62
|
<DocumentFragment>
|
|
63
63
|
<i
|
|
64
64
|
aria-hidden="false"
|
|
65
|
-
class="zd_font_icons
|
|
65
|
+
class="zd_font_icons basic"
|
|
66
66
|
data-id="fontIcon"
|
|
67
67
|
data-selector-id="fontIcon"
|
|
68
68
|
data-test-id="fontIcon"
|
|
@@ -74,7 +74,7 @@ exports[`FontIcon - rendering "custumIcon" with path 1`] = `
|
|
|
74
74
|
<DocumentFragment>
|
|
75
75
|
<i
|
|
76
76
|
aria-hidden="true"
|
|
77
|
-
class="zd_font_icons red basic
|
|
77
|
+
class="zd_font_icons red basic"
|
|
78
78
|
data-id="fontIcon"
|
|
79
79
|
data-selector-id="fontIcon"
|
|
80
80
|
data-test-id="fontIcon"
|
|
@@ -93,7 +93,7 @@ exports[`FontIcon - rendering "iconClass" with path 1`] = `
|
|
|
93
93
|
<DocumentFragment>
|
|
94
94
|
<i
|
|
95
95
|
aria-hidden="true"
|
|
96
|
-
class="zd_font_icons
|
|
96
|
+
class="zd_font_icons basic iconStyleCss"
|
|
97
97
|
data-id="fontIcon"
|
|
98
98
|
data-selector-id="fontIcon"
|
|
99
99
|
data-test-id="fontIcon"
|
|
@@ -115,7 +115,7 @@ exports[`FontIcon - rendering custom attributes with tagAttributes prop 1`] = `
|
|
|
115
115
|
<DocumentFragment>
|
|
116
116
|
<i
|
|
117
117
|
aria-hidden="true"
|
|
118
|
-
class="zd_font_icons
|
|
118
|
+
class="zd_font_icons basic"
|
|
119
119
|
data-custom-attr="true"
|
|
120
120
|
data-id="fontIcon"
|
|
121
121
|
data-selector-id="fontIcon"
|
|
@@ -128,7 +128,7 @@ exports[`FontIcon - rendering custom icon name 1`] = `
|
|
|
128
128
|
<DocumentFragment>
|
|
129
129
|
<i
|
|
130
130
|
aria-hidden="true"
|
|
131
|
-
class="zd_font_icons red basic
|
|
131
|
+
class="zd_font_icons red basic"
|
|
132
132
|
data-id="fontIcon"
|
|
133
133
|
data-selector-id="fontIcon"
|
|
134
134
|
data-test-id="fontIcon"
|
|
@@ -140,7 +140,7 @@ exports[`FontIcon - rendering the "default" props 1`] = `
|
|
|
140
140
|
<DocumentFragment>
|
|
141
141
|
<i
|
|
142
142
|
aria-hidden="true"
|
|
143
|
-
class="zd_font_icons
|
|
143
|
+
class="zd_font_icons basic"
|
|
144
144
|
data-id="fontIcon"
|
|
145
145
|
data-selector-id="fontIcon"
|
|
146
146
|
data-test-id="fontIcon"
|
|
@@ -152,7 +152,7 @@ exports[`FontIcon - rendering the "fontSize" 1`] = `
|
|
|
152
152
|
<DocumentFragment>
|
|
153
153
|
<i
|
|
154
154
|
aria-hidden="true"
|
|
155
|
-
class="zd_font_icons
|
|
155
|
+
class="zd_font_icons basic"
|
|
156
156
|
data-id="fontIcon"
|
|
157
157
|
data-selector-id="fontIcon"
|
|
158
158
|
data-test-id="fontIcon"
|
|
@@ -165,7 +165,7 @@ exports[`FontIcon - rendering the "iconClass" 1`] = `
|
|
|
165
165
|
<DocumentFragment>
|
|
166
166
|
<i
|
|
167
167
|
aria-hidden="true"
|
|
168
|
-
class="zd_font_icons
|
|
168
|
+
class="zd_font_icons basic iconStyleCss"
|
|
169
169
|
data-id="fontIcon"
|
|
170
170
|
data-selector-id="fontIcon"
|
|
171
171
|
data-test-id="fontIcon"
|
|
@@ -177,7 +177,7 @@ exports[`FontIcon - rendering the "pathname" 1`] = `
|
|
|
177
177
|
<DocumentFragment>
|
|
178
178
|
<i
|
|
179
179
|
aria-hidden="true"
|
|
180
|
-
class="zd_font_icons
|
|
180
|
+
class="zd_font_icons basic zd67f91bb627"
|
|
181
181
|
data-id="fontIcon"
|
|
182
182
|
data-selector-id="fontIcon"
|
|
183
183
|
data-test-id="fontIcon"
|
|
@@ -189,7 +189,7 @@ exports[`FontIcon - rendering the "title" 1`] = `
|
|
|
189
189
|
<DocumentFragment>
|
|
190
190
|
<i
|
|
191
191
|
aria-hidden="true"
|
|
192
|
-
class="zd_font_icons
|
|
192
|
+
class="zd_font_icons basic"
|
|
193
193
|
data-id="fontIcon"
|
|
194
194
|
data-selector-id="fontIcon"
|
|
195
195
|
data-test-id="fontIcon"
|
|
@@ -202,7 +202,7 @@ exports[`FontIcon - rendering the "titlePostion" to - bottom 1`] = `
|
|
|
202
202
|
<DocumentFragment>
|
|
203
203
|
<i
|
|
204
204
|
aria-hidden="true"
|
|
205
|
-
class="zd_font_icons
|
|
205
|
+
class="zd_font_icons basic"
|
|
206
206
|
data-id="fontIcon"
|
|
207
207
|
data-selector-id="fontIcon"
|
|
208
208
|
data-test-id="fontIcon"
|
|
@@ -215,7 +215,7 @@ exports[`FontIcon - rendering the "titlePostion" to - left 1`] = `
|
|
|
215
215
|
<DocumentFragment>
|
|
216
216
|
<i
|
|
217
217
|
aria-hidden="true"
|
|
218
|
-
class="zd_font_icons
|
|
218
|
+
class="zd_font_icons basic"
|
|
219
219
|
data-id="fontIcon"
|
|
220
220
|
data-selector-id="fontIcon"
|
|
221
221
|
data-test-id="fontIcon"
|
|
@@ -228,7 +228,7 @@ exports[`FontIcon - rendering the "titlePostion" to - right 1`] = `
|
|
|
228
228
|
<DocumentFragment>
|
|
229
229
|
<i
|
|
230
230
|
aria-hidden="true"
|
|
231
|
-
class="zd_font_icons
|
|
231
|
+
class="zd_font_icons basic"
|
|
232
232
|
data-id="fontIcon"
|
|
233
233
|
data-selector-id="fontIcon"
|
|
234
234
|
data-test-id="fontIcon"
|
|
@@ -241,7 +241,7 @@ exports[`FontIcon - rendering the "titlePostion" to - top 1`] = `
|
|
|
241
241
|
<DocumentFragment>
|
|
242
242
|
<i
|
|
243
243
|
aria-hidden="true"
|
|
244
|
-
class="zd_font_icons
|
|
244
|
+
class="zd_font_icons basic"
|
|
245
245
|
data-id="fontIcon"
|
|
246
246
|
data-selector-id="fontIcon"
|
|
247
247
|
data-test-id="fontIcon"
|