@zohodesk/icons 1.0.0-beta.128 → 1.0.0-beta.129
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_final/fonts/zd-common.svg +1 -1
- package/assets_final/fonts/zd-common.woff +0 -0
- package/assets_final/fonts/zd-common.woff2 +0 -0
- package/assets_final/fonts/zd-reports.svg +1 -0
- package/assets_final/fonts/zd-reports.woff +0 -0
- package/assets_final/fonts/zd-reports.woff2 +0 -0
- package/assets_final/react/zd-font-react-common.module.css +4 -4
- package/assets_final/react/zd-font-react-common.plain.css +4 -4
- package/assets_final/react/zd-font-react-reports.module.css +6 -3
- package/es/Icon/CustomIcons.js +2 -1
- package/es/Icon/FontFactory.js +5 -2
- package/es/Icon/FontIcon.js +7 -7
- package/es/Icon/asyncComponent.js +2 -12
- package/es/Icon/index.js +3 -38
- package/lib/Icon/CustomIcons.js +4 -8
- package/lib/Icon/FontFactory.js +9 -6
- package/lib/Icon/FontIcon.js +23 -45
- package/lib/Icon/asyncComponent.js +5 -26
- package/lib/Icon/index.js +7 -53
- package/lib/Icon/props/propTypes.js +0 -3
- package/lib/index.js +0 -2
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -228,5 +228,5 @@
|
|
|
228
228
|
<glyph unicode="" glyph-name="archived" d="M832 445.44v0l-76.8 156.16c-5.12 12.8-20.48 17.92-33.28 12.8 0 0 0 0 0 0-12.8-5.12-17.92-20.48-10.24-33.28 0 0 0 0 0 0l58.88-117.76h-514.56l58.88 117.76c7.68 12.8 2.56 28.16-10.24 33.28 0 0 0 0 0 0-12.8 7.68-28.16 2.56-35.84-10.24 0 0 0 0 0-2.56l-76.8-156.16c-2.56-2.56-2.56-7.68-2.56-10.24v-179.2c0-46.080 38.4-84.48 84.48-84.48h476.16c46.080 0 84.48 38.4 84.48 84.48v179.2c0 2.56 0 7.68-2.56 10.24zM750.080 222.72h-476.16c-17.92 0-33.28 15.36-33.28 33.28v153.6h545.28v-153.6c-2.56-17.92-15.36-33.28-35.84-33.28zM583.68 343.040h-143.36c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6h143.36c15.36 0 25.6 10.24 25.6 25.6s-12.8 25.6-25.6 25.6zM496.64 499.2c5.12-5.12 10.24-7.68 17.92-7.68s12.8 2.56 17.92 7.68l74.24 74.24c10.24 10.24 10.24 25.6 0 35.84s-25.6 10.24-35.84 0c0 0 0 0 0 0l-30.72-30.72v120.32c0 15.36-10.24 25.6-25.6 25.6s-25.6-10.24-25.6-25.6v-120.32l-30.72 30.72c-10.24 10.24-28.16 7.68-35.84-2.56s-7.68-23.040 0-33.28l74.24-74.24z" />
|
|
229
229
|
<glyph unicode="" glyph-name="accessibility" d="M512 883.2c-240.354 0-435.2-194.846-435.2-435.2s194.846-435.2 435.2-435.2c240.354 0 435.2 194.846 435.2 435.2v0c0 240.354-194.846 435.2-435.2 435.2v0zM512 64c-212.077 0-384 171.923-384 384s171.923 384 384 384c212.077 0 384-171.923 384-384v0c0-212.077-171.923-384-384-384v0zM512 578.56c31.811 0 57.599 25.789 57.599 57.6s-25.788 57.6-57.6 57.6c-31.812 0-57.6-25.788-57.6-57.6 0-0.090 0-0.18 0.001-0.27v0.014c0 0 0 0 0-0.001 0-31.67 25.674-57.344 57.344-57.344 0.090 0 0.18 0 0.27 0.001h-0.014zM692.48 576c-53.705-15.689-115.398-24.715-179.2-24.715s-125.496 9.026-183.875 25.87l4.675-1.155c-1.921 0.501-4.127 0.788-6.4 0.788-14.574 0-26.388-11.814-26.388-26.388 0-12.301 8.417-22.636 19.805-25.56l0.183-0.040c48.958-14.299 105.525-23.51 163.913-25.566l1.207-0.034v-108.032l-94.464-187.904c-2.302-3.766-3.665-8.323-3.665-13.199 0-14.138 11.462-25.6 25.6-25.6 10.587 0 19.673 6.427 23.57 15.591l0.063 0.167 74.496 149.248 74.496-147.968c4.298-8.395 12.877-14.049 22.78-14.080h0.004c4.211 0.084 8.162 1.115 11.676 2.887l-0.156-0.071c8.367 4.326 13.987 12.914 13.987 22.814 0 4.189-1.006 8.144-2.79 11.634l0.067-0.145-94.464 187.904v106.752c60.892 1.934 118.809 11.155 174.013 26.826l-5.053-1.226c11.338 3.192 19.51 13.442 19.51 25.6 0 14.663-11.887 26.55-26.55 26.55-2.505 0-4.929-0.347-7.227-0.995l0.187 0.045z" />
|
|
230
230
|
<glyph unicode="" glyph-name="videoCall" d="M907.776 612.608c-3.285 1.644-7.157 2.606-11.253 2.606-5.355 0-10.325-1.644-14.435-4.455l0.088 0.057-165.376-114.688v131.072c0 42.415-34.385 76.8-76.8 76.8v0h-460.8c-42.415 0-76.8-34.385-76.8-76.8v0-358.4c0-42.415 34.385-76.8 76.8-76.8v0h460.8c42.415 0 76.8 34.385 76.8 76.8v0 133.12l163.584-116.736c4.086-2.883 9.168-4.609 14.654-4.609 0.068 0 0.137 0 0.205 0.001h-0.010c0.031 0 0.067 0 0.103 0 4.262 0 8.28 1.041 11.815 2.883l-0.142-0.067c8.277 4.354 13.824 12.895 13.824 22.731 0 0.019 0 0.037 0 0.056v-0.003 283.648c0.003 0.139 0.004 0.302 0.004 0.466 0 9.531-5.208 17.845-12.934 22.252l-0.126 0.066zM665.6 268.8c0-14.138-11.462-25.6-25.6-25.6v0h-460.8c-14.138 0-25.6 11.462-25.6 25.6v0 358.4c0 14.138 11.462 25.6 25.6 25.6v0h460.8c14.138 0 25.6-11.462 25.6-25.6v0zM870.4 355.84l-130.816 92.16 130.816 92.672z" />
|
|
231
|
-
<glyph unicode="" glyph-name="
|
|
231
|
+
<glyph unicode="" glyph-name="telephoneThick" d="M852.992 244.992l-146.944 100.608c-22.272 15.36-52.224 12.288-70.912-7.424l-22.784-23.552c-18.688-19.2-47.616-20.48-67.584-2.816-28.928 25.344-56.32 51.2-81.152 76.032l-3.584 3.584c-24.32 25.856-49.152 54.272-73.728 84.224-17.408 21.248-16.128 52.992 2.816 72.704l22.784 23.552c18.432 19.2 21.504 48.384 6.912 70.912l-97.28 152.064c-8.448 13.056-21.248 21.76-36.096 24.832-14.848 2.816-29.952-0.256-42.24-8.96l-40.448-28.416c-36.608-25.856-57.088-70.144-58.624-128.256-3.072-107.776 75.52-266.496 190.976-386.048l1.28-1.28c115.968-120.064 268.032-201.472 378.368-203.008 0.768 0 1.536 0 2.304 0 53.248 0 98.304 22.272 123.904 60.928l27.392 41.728c17.152 26.112 10.24 61.44-15.36 78.848zM825.856 194.048l-27.392-41.984c-22.272-33.792-61.696-38.144-83.2-38.144-96.256 1.28-237.056 78.336-342.784 187.392l-1.28 1.28c-119.040 123.136-179.2 269.056-176.896 349.44 1.28 42.24 13.824 71.936 37.12 88.32l40.448 28.416s2.048 1.024 3.328 0.768c1.024 0 2.304-0.768 3.328-2.304l97.28-152.064c1.792-2.816 1.28-6.4-0.768-8.704l-22.784-23.552c-37.12-38.4-39.424-98.304-5.632-139.776 25.344-30.72 50.944-59.904 76.288-87.040l4.096-4.096c25.856-25.856 54.016-52.224 83.968-78.592 39.936-35.328 100.608-32.768 137.472 5.632l22.784 23.552c1.792 1.792 4.096 2.048 5.888 0.768l146.944-100.608c2.816-2.048 3.584-6.4 1.536-9.472z" />
|
|
232
232
|
</font></defs></svg>
|
|
Binary file
|
|
Binary file
|
|
@@ -128,4 +128,5 @@
|
|
|
128
128
|
<glyph unicode="" glyph-name="wordCloud" d="M647.68 268.8c0.004-0.221 0.007-0.481 0.007-0.742 0-22.904-18.568-41.472-41.472-41.472-1.535 0-3.051 0.083-4.543 0.246l0.185-0.016q-99.84 0-199.68 0c-1.385-0.163-2.989-0.256-4.615-0.256-23.046 0-41.728 18.682-41.728 41.728s18.682 41.728 41.728 41.728c1.626 0 3.23-0.093 4.808-0.274l-0.193 0.018h98.048c33.28 0 66.56 0 99.84 0 1.693 0.242 3.649 0.38 5.637 0.38 22.961 0 41.616-18.432 41.979-41.306v-0.034zM407.808 518.4c-0.004-0.213-0.006-0.464-0.006-0.715 0-22.904 18.568-41.472 41.472-41.472 1.445 0 2.872 0.074 4.279 0.218l-0.176-0.015c66.56 0 56.32 0 122.88 0 0.978-0.082 2.116-0.128 3.266-0.128 23.046 0 41.728 18.682 41.728 41.728s-18.682 41.728-41.728 41.728c-1.149 0-2.288-0.046-3.414-0.138l0.148 0.010c-32.768 0-87.808 0-121.088 0-1.616 0.22-3.484 0.346-5.381 0.346-22.949 0-41.597-18.413-41.978-41.271v-0.036zM771.072 434.688c-40.704 0-81.152 0-121.6 0-0.978 0.082-2.116 0.128-3.266 0.128-23.046 0-41.728-18.682-41.728-41.728s18.682-41.728 41.728-41.728c1.149 0 2.288 0.046 3.414 0.138l-0.148-0.010h119.808c0.689-0.041 1.494-0.064 2.305-0.064 23.046 0 41.728 18.682 41.728 41.728 0 0.112 0 0.225-0.001 0.337v-0.017c0.001 0.080 0.001 0.174 0.001 0.269 0 22.763-18.453 41.216-41.216 41.216-0.36 0-0.72-0.005-1.078-0.014l0.053 0.001zM354.816 601.6c22.904 0 41.472 18.568 41.472 41.472s-18.568 41.472-41.472 41.472v0c-27.392 0-54.528 0-81.664 0-22.904 0-41.472-18.568-41.472-41.472s18.568-41.472 41.472-41.472v0c13.312 0 25.6 0 39.936 0zM445.696 396.8c0 13.312-9.216 20.736-25.6 20.992h-94.464c-17.152 0-25.6-7.424-25.6-20.736s8.704-20.736 25.6-20.736c65.536 0 28.416 0 93.952 0 17.152 1.28 26.112 8.704 26.112 20.48zM490.24 648.448c52.736 0 54.272 0 106.752 0 16.128 0 25.6 8.192 25.6 20.736s-9.216 20.48-25.6 20.48h-106.496c-15.872 0-25.6-7.936-25.6-20.736s9.216-19.2 25.344-19.2z" />
|
|
129
129
|
<glyph unicode="" glyph-name="barHorizontal" d="M256 457.216v76.8h576v-76.8zM592.384 226.816v76.8h-336.384v-76.8zM521.216 687.616v76.8h-265.216v-76.8zM896 124.672h-742.4v672.256c0 14.138-11.462 25.6-25.6 25.6s-25.6-11.462-25.6-25.6v0-697.856c0-14.138 11.462-25.6 25.6-25.6v0h768c14.138 0 25.6 11.462 25.6 25.6s-11.462 25.6-25.6 25.6v0z" />
|
|
130
130
|
<glyph unicode="" glyph-name="reportRedirection" d="M389.12 140.8c0-2.56 0-7.68-2.56-10.24 0-2.56-2.56-5.12-5.12-7.68l-104.96-102.4c-5.12-5.12-10.24-7.68-17.92-7.68-15.36 0-25.6 10.24-25.6 25.6 0 7.68 2.56 12.8 7.68 17.92l61.44 58.88h-94.72c-71.68 0-130.56 56.32-130.56 128 0 15.36 12.8 25.6 25.6 25.6s25.6-10.24 25.6-25.6c0-43.52 35.84-76.8 76.8-76.8h94.72l-61.44 58.88c-10.24 10.24-12.8 25.6-2.56 35.84s25.6 12.8 35.84 2.56c0 0 2.56-2.56 2.56-2.56l104.96-102.4c7.68-2.56 10.24-10.24 10.24-17.92v0zM637.44 742.4c0-2.56 2.56-5.12 5.12-7.68l104.96-102.4c10.24-10.24 25.6-10.24 35.84 0s10.24 25.6 0 35.84v0l-61.44 58.88h94.72c43.52 0 76.8-33.28 76.8-76.8 0-15.36 12.8-25.6 25.6-25.6 15.36 0 25.6 10.24 25.6 25.6 0 71.68-58.88 128-130.56 128h-94.72l61.44 58.88c10.24 10.24 10.24 25.6 0 35.84s-25.6 10.24-35.84 0c0 0 0 0 0 0l-104.96-102.4c-2.56-2.56-5.12-5.12-5.12-7.68-2.56-5.12-2.56-12.8 2.56-20.48zM76.8 698.88v158.72c0 15.36 12.8 25.6 25.6 25.6h158.72c15.36 0 25.6-10.24 25.6-25.6v-158.72c0-15.36-12.8-25.6-25.6-25.6h-158.72c-12.8 0-25.6 12.8-25.6 25.6zM128 724.48h107.52v107.52h-107.52v-107.52zM312.32 698.88v158.72c0 15.36 12.8 25.6 25.6 25.6h158.72c15.36 0 25.6-10.24 25.6-25.6v-158.72c0-15.36-12.8-25.6-25.6-25.6h-158.72c-12.8 0-23.040 12.8-25.6 25.6zM366.080 724.48h107.52v107.52h-107.52v-107.52zM76.8 471.040v158.72c0 15.36 12.8 25.6 25.6 25.6h158.72c15.36 0 25.6-10.24 25.6-25.6v-158.72c0-15.36-12.8-25.6-25.6-25.6h-158.72c-12.8 0-25.6 12.8-25.6 25.6zM128 496.64h107.52v107.52h-107.52v-107.52zM524.8 471.040c0-15.36-12.8-25.6-25.6-25.6h-158.72c-15.36 0-25.6 10.24-25.6 25.6v158.72c0 15.36 12.8 25.6 25.6 25.6h158.72c15.36 0 25.6-10.24 25.6-25.6v-158.72zM473.6 604.16h-107.52v-104.96h107.52v104.96zM947.2 399.36v-360.96c0-15.36-12.8-25.6-25.6-25.6h-366.080c-15.36 0-25.6 10.24-25.6 25.6v360.96c0 15.36 12.8 25.6 25.6 25.6h366.080c12.8 0 25.6-10.24 25.6-25.6v0zM896 373.76h-314.88v-309.76h314.88v309.76zM739.84 89.6c15.36 0 25.6 10.24 25.6 25.6v189.44c0 15.36-12.8 25.6-25.6 25.6s-25.6-10.24-25.6-25.6v-189.44c0-12.8 10.24-25.6 25.6-25.6v0zM837.12 89.6c15.36 0 25.6 10.24 25.6 25.6v117.76c0 15.36-12.8 25.6-25.6 25.6-15.36 0-25.6-10.24-25.6-25.6v-117.76c0-12.8 10.24-25.6 25.6-25.6 0 0 0 0 0 0v0zM642.56 89.6c15.36 0 25.6 10.24 25.6 25.6v69.12c0 15.36-12.8 25.6-25.6 25.6-15.36 0-25.6-10.24-25.6-25.6v-69.12c-2.56-12.8 10.24-25.6 25.6-25.6v0z" />
|
|
131
|
+
<glyph unicode="" glyph-name="graphView" d="M839.424 12.8h-654.848c-59.392 0-107.776 48.384-107.776 107.776v654.848c0 59.392 48.384 107.776 107.776 107.776h654.592c59.392 0 107.776-48.384 107.776-107.776v-654.592c0-59.392-48.384-107.776-107.776-107.776zM184.576 832c-31.232 0-56.576-25.344-56.576-56.576v-654.592c0-31.232 25.344-56.576 56.576-56.576h654.592c31.232 0 56.576 25.344 56.576 56.576v654.592c0 31.232-25.344 56.576-56.576 56.576h-654.592zM345.6 243.2v179.2c0 21.248-17.152 38.4-38.4 38.4s-38.4-17.152-38.4-38.4v-179.2c0-21.248 17.152-38.4 38.4-38.4s38.4 17.152 38.4 38.4zM550.4 243.2v409.6c0 21.248-17.152 38.4-38.4 38.4s-38.4-17.152-38.4-38.4v-409.6c0-21.248 17.152-38.4 38.4-38.4s38.4 17.152 38.4 38.4zM755.2 243.2v307.2c0 21.248-17.152 38.4-38.4 38.4s-38.4-17.152-38.4-38.4v-307.2c0-21.248 17.152-38.4 38.4-38.4s38.4 17.152 38.4 38.4z" />
|
|
131
132
|
</font></defs></svg>
|
|
Binary file
|
|
Binary file
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*$Id$*/
|
|
2
2
|
@font-face {
|
|
3
|
-
font-family:"zdf-react-
|
|
3
|
+
font-family:"zdf-react-common_3";
|
|
4
4
|
src:
|
|
5
5
|
url('../fonts/zd-common.woff2') format('woff2'),
|
|
6
6
|
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
font-display: block;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.icon-clip2,.icon-add-new,.icon-agent1,.icon-ai,.icon-alarm-clock,.icon-archive,.icon-arrow-down-single,.icon-arrow-left,.icon-arrow-left3,.icon-arrow-right3,.icon-arrows-1,.icon-arrowup-single,.icon-bcarr,.icon-blueprint,.icon-books,.icon-calendar-icons,.icon-ch-email,.icon-ch-phone,.icon-Checkbox-type,.icon-checkmarks,.icon-chrome,.icon-circle-cross,.icon-circle-minus,.icon-circleminus3,.icon-circlePlus,.icon-circlePlus3,.icon-clip,.icon-clock,.icon-clock33,.icon-close1,.icon-closedtime1,.icon-cloud,.icon-comment-thick,.icon-comment-timer-pause,.icon-comments_1,.icon-comments-new-2,.icon-completed_task1,.icon-createdtime2,.icon-css,.icon-css5,.icon-deactive-user,.icon-delete2,.icon-desk_dislike-new,.icon-desk_like-new,.icon-dislike-new,.icon-dislike,.icon-doc,.icon-dwg,.icon-email-dft,.icon-exclamation-lightborder,.icon-exclamation-thincircle,.icon-exclamation,.icon-exe,.icon-exe2,.icon-file-excel,.icon-file-music,.icon-file-openoffice,.icon-file-pdf,.icon-file-picture,.icon-file-text2,.icon-file-video,.icon-file-word,.icon-file-zip,.icon-firefox,.icon-game06,.icon-geometry,.icon-globe2,.icon-help-round,.icon-help,.icon-html,.icon-ics,.icon-IE,.icon-imageicn,.icon-images,.icon-inbox,.icon-info,.icon-info31,.icon-information,.icon-information57,.icon-Invoice,.icon-iphone,.icon-like,.icon-like2-new,.icon-like2,.icon-marketplace,.icon-menu57,.icon-mp3,.icon-mp4,.icon-Myinfo,.icon-On-hold,.icon-overdue2,.icon-pdf,.icon-pin-dark,.icon-ppt,.icon-ppt2,.icon-psd,.icon-questionfile,.icon-Quicksetupgear,.icon-re-invite,.icon-reload,.icon-salesforce,.icon-sh2,.icon-spam,.icon-statusChange,.icon-task_overdue-new,.icon-task-call,.icon-task-meeting,.icon-task-none,.icon-task-time-entry,.icon-telephone,.icon-TelephonyDashboard,.icon-tick8,.icon-ticknew,.icon-Time-tracker,.icon-timeline2,.icon-TPCRM05-01,.icon-twilio,.icon-twitter4,.icon-txt,.icon-unarchive,.icon-unknown,.icon-update-success,.icon-video,.icon-xls,.icon-xml,.icon-xml2,.icon-zip3,.icon-playStore,.icon-Bigin_Logo,.icon-archived,.icon-accessibility,.icon-videoCall,.icon-
|
|
15
|
-
font-family:"zdf-react-
|
|
14
|
+
.icon-clip2,.icon-add-new,.icon-agent1,.icon-ai,.icon-alarm-clock,.icon-archive,.icon-arrow-down-single,.icon-arrow-left,.icon-arrow-left3,.icon-arrow-right3,.icon-arrows-1,.icon-arrowup-single,.icon-bcarr,.icon-blueprint,.icon-books,.icon-calendar-icons,.icon-ch-email,.icon-ch-phone,.icon-Checkbox-type,.icon-checkmarks,.icon-chrome,.icon-circle-cross,.icon-circle-minus,.icon-circleminus3,.icon-circlePlus,.icon-circlePlus3,.icon-clip,.icon-clock,.icon-clock33,.icon-close1,.icon-closedtime1,.icon-cloud,.icon-comment-thick,.icon-comment-timer-pause,.icon-comments_1,.icon-comments-new-2,.icon-completed_task1,.icon-createdtime2,.icon-css,.icon-css5,.icon-deactive-user,.icon-delete2,.icon-desk_dislike-new,.icon-desk_like-new,.icon-dislike-new,.icon-dislike,.icon-doc,.icon-dwg,.icon-email-dft,.icon-exclamation-lightborder,.icon-exclamation-thincircle,.icon-exclamation,.icon-exe,.icon-exe2,.icon-file-excel,.icon-file-music,.icon-file-openoffice,.icon-file-pdf,.icon-file-picture,.icon-file-text2,.icon-file-video,.icon-file-word,.icon-file-zip,.icon-firefox,.icon-game06,.icon-geometry,.icon-globe2,.icon-help-round,.icon-help,.icon-html,.icon-ics,.icon-IE,.icon-imageicn,.icon-images,.icon-inbox,.icon-info,.icon-info31,.icon-information,.icon-information57,.icon-Invoice,.icon-iphone,.icon-like,.icon-like2-new,.icon-like2,.icon-marketplace,.icon-menu57,.icon-mp3,.icon-mp4,.icon-Myinfo,.icon-On-hold,.icon-overdue2,.icon-pdf,.icon-pin-dark,.icon-ppt,.icon-ppt2,.icon-psd,.icon-questionfile,.icon-Quicksetupgear,.icon-re-invite,.icon-reload,.icon-salesforce,.icon-sh2,.icon-spam,.icon-statusChange,.icon-task_overdue-new,.icon-task-call,.icon-task-meeting,.icon-task-none,.icon-task-time-entry,.icon-telephone,.icon-TelephonyDashboard,.icon-tick8,.icon-ticknew,.icon-Time-tracker,.icon-timeline2,.icon-TPCRM05-01,.icon-twilio,.icon-twitter4,.icon-txt,.icon-unarchive,.icon-unknown,.icon-update-success,.icon-video,.icon-xls,.icon-xml,.icon-xml2,.icon-zip3,.icon-playStore,.icon-Bigin_Logo,.icon-archived,.icon-accessibility,.icon-videoCall,.icon-telephoneThick{
|
|
15
|
+
font-family:"zdf-react-common_3" !important;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.icon-clip2:before {
|
|
@@ -889,6 +889,6 @@
|
|
|
889
889
|
.icon-videoCall:before {
|
|
890
890
|
content: "\f7dc";
|
|
891
891
|
}
|
|
892
|
-
.icon-
|
|
892
|
+
.icon-telephoneThick:before {
|
|
893
893
|
content: "\f7dd";
|
|
894
894
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*$Id$*/
|
|
2
2
|
@font-face {
|
|
3
|
-
font-family:"zdf-react-
|
|
3
|
+
font-family:"zdf-react-common_3";
|
|
4
4
|
src:
|
|
5
5
|
url('../fonts/zd-common.woff2') format('woff2'),
|
|
6
6
|
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
font-display: block;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.icon-clip2,.icon-add-new,.icon-agent1,.icon-ai,.icon-alarm-clock,.icon-archive,.icon-arrow-down-single,.icon-arrow-left,.icon-arrow-left3,.icon-arrow-right3,.icon-arrows-1,.icon-arrowup-single,.icon-bcarr,.icon-blueprint,.icon-books,.icon-calendar-icons,.icon-ch-email,.icon-ch-phone,.icon-Checkbox-type,.icon-checkmarks,.icon-chrome,.icon-circle-cross,.icon-circle-minus,.icon-circleminus3,.icon-circlePlus,.icon-circlePlus3,.icon-clip,.icon-clock,.icon-clock33,.icon-close1,.icon-closedtime1,.icon-cloud,.icon-comment-thick,.icon-comment-timer-pause,.icon-comments_1,.icon-comments-new-2,.icon-completed_task1,.icon-createdtime2,.icon-css,.icon-css5,.icon-deactive-user,.icon-delete2,.icon-desk_dislike-new,.icon-desk_like-new,.icon-dislike-new,.icon-dislike,.icon-doc,.icon-dwg,.icon-email-dft,.icon-exclamation-lightborder,.icon-exclamation-thincircle,.icon-exclamation,.icon-exe,.icon-exe2,.icon-file-excel,.icon-file-music,.icon-file-openoffice,.icon-file-pdf,.icon-file-picture,.icon-file-text2,.icon-file-video,.icon-file-word,.icon-file-zip,.icon-firefox,.icon-game06,.icon-geometry,.icon-globe2,.icon-help-round,.icon-help,.icon-html,.icon-ics,.icon-IE,.icon-imageicn,.icon-images,.icon-inbox,.icon-info,.icon-info31,.icon-information,.icon-information57,.icon-Invoice,.icon-iphone,.icon-like,.icon-like2-new,.icon-like2,.icon-marketplace,.icon-menu57,.icon-mp3,.icon-mp4,.icon-Myinfo,.icon-On-hold,.icon-overdue2,.icon-pdf,.icon-pin-dark,.icon-ppt,.icon-ppt2,.icon-psd,.icon-questionfile,.icon-Quicksetupgear,.icon-re-invite,.icon-reload,.icon-salesforce,.icon-sh2,.icon-spam,.icon-statusChange,.icon-task_overdue-new,.icon-task-call,.icon-task-meeting,.icon-task-none,.icon-task-time-entry,.icon-telephone,.icon-TelephonyDashboard,.icon-tick8,.icon-ticknew,.icon-Time-tracker,.icon-timeline2,.icon-TPCRM05-01,.icon-twilio,.icon-twitter4,.icon-txt,.icon-unarchive,.icon-unknown,.icon-update-success,.icon-video,.icon-xls,.icon-xml,.icon-xml2,.icon-zip3,.icon-playStore,.icon-Bigin_Logo,.icon-archived,.icon-accessibility,.icon-videoCall,.icon-
|
|
15
|
-
font-family:"zdf-react-
|
|
14
|
+
.icon-clip2,.icon-add-new,.icon-agent1,.icon-ai,.icon-alarm-clock,.icon-archive,.icon-arrow-down-single,.icon-arrow-left,.icon-arrow-left3,.icon-arrow-right3,.icon-arrows-1,.icon-arrowup-single,.icon-bcarr,.icon-blueprint,.icon-books,.icon-calendar-icons,.icon-ch-email,.icon-ch-phone,.icon-Checkbox-type,.icon-checkmarks,.icon-chrome,.icon-circle-cross,.icon-circle-minus,.icon-circleminus3,.icon-circlePlus,.icon-circlePlus3,.icon-clip,.icon-clock,.icon-clock33,.icon-close1,.icon-closedtime1,.icon-cloud,.icon-comment-thick,.icon-comment-timer-pause,.icon-comments_1,.icon-comments-new-2,.icon-completed_task1,.icon-createdtime2,.icon-css,.icon-css5,.icon-deactive-user,.icon-delete2,.icon-desk_dislike-new,.icon-desk_like-new,.icon-dislike-new,.icon-dislike,.icon-doc,.icon-dwg,.icon-email-dft,.icon-exclamation-lightborder,.icon-exclamation-thincircle,.icon-exclamation,.icon-exe,.icon-exe2,.icon-file-excel,.icon-file-music,.icon-file-openoffice,.icon-file-pdf,.icon-file-picture,.icon-file-text2,.icon-file-video,.icon-file-word,.icon-file-zip,.icon-firefox,.icon-game06,.icon-geometry,.icon-globe2,.icon-help-round,.icon-help,.icon-html,.icon-ics,.icon-IE,.icon-imageicn,.icon-images,.icon-inbox,.icon-info,.icon-info31,.icon-information,.icon-information57,.icon-Invoice,.icon-iphone,.icon-like,.icon-like2-new,.icon-like2,.icon-marketplace,.icon-menu57,.icon-mp3,.icon-mp4,.icon-Myinfo,.icon-On-hold,.icon-overdue2,.icon-pdf,.icon-pin-dark,.icon-ppt,.icon-ppt2,.icon-psd,.icon-questionfile,.icon-Quicksetupgear,.icon-re-invite,.icon-reload,.icon-salesforce,.icon-sh2,.icon-spam,.icon-statusChange,.icon-task_overdue-new,.icon-task-call,.icon-task-meeting,.icon-task-none,.icon-task-time-entry,.icon-telephone,.icon-TelephonyDashboard,.icon-tick8,.icon-ticknew,.icon-Time-tracker,.icon-timeline2,.icon-TPCRM05-01,.icon-twilio,.icon-twitter4,.icon-txt,.icon-unarchive,.icon-unknown,.icon-update-success,.icon-video,.icon-xls,.icon-xml,.icon-xml2,.icon-zip3,.icon-playStore,.icon-Bigin_Logo,.icon-archived,.icon-accessibility,.icon-videoCall,.icon-telephoneThick{
|
|
15
|
+
font-family:"zdf-react-common_3" !important;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.icon-clip2:before {
|
|
@@ -889,6 +889,6 @@
|
|
|
889
889
|
.icon-videoCall:before {
|
|
890
890
|
content: "\f7dc";
|
|
891
891
|
}
|
|
892
|
-
.icon-
|
|
892
|
+
.icon-telephoneThick:before {
|
|
893
893
|
content: "\f7dd";
|
|
894
894
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*$Id$*/
|
|
2
2
|
@font-face {
|
|
3
|
-
font-family:"zdf-react-
|
|
3
|
+
font-family:"zdf-react-reports_2";
|
|
4
4
|
src:
|
|
5
5
|
url('../fonts/zd-reports.woff2') format('woff2'),
|
|
6
6
|
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
font-display: block;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.icon-pagesense,.icon-add-component,.icon-attach16,.icon-checkmark,.icon-comment-new,.icon-comment,.icon-department,.icon-edit-mp-012,.icon-expand,.icon-expand1,.icon-flag5,.icon-forward-new,.icon-insight,.icon-JIRA_logo1,.icon-matrix-report2,.icon-multiline,.icon-overview-icon1,.icon-overview-icon2,.icon-overview-icon3,.icon-prop,.icon-r-area,.icon-r-donut,.icon-r-funnel1,.icon-r-funnel2,.icon-r-line1,.icon-r-line2,.icon-r-pie1,.icon-r-pie2,.icon-r-table1,.icon-r-table2,.icon-r-vbar1,.icon-r-vbar01,.icon-r-vbar2,.icon-r-vbar02,.icon-r-vbar3,.icon-r-vbar03,.icon-replyall-new,.icon-reports-area,.icon-reports-funnel,.icon-reports-line,.icon-reports-pie,.icon-reports-table1,.icon-resize,.icon-set-as-default,.icon-solution_new1,.icon-summary-report2,.icon-t-line2,.icon-tabular-report2,.icon-tag,.icon-vertical-bar1,.icon-vertical-bar2,.icon-vertical-bar3,.icon-tableTask,.icon-tableTicket,.icon-tableContact,.icon-tableAccount,.icon-multipleLine,.icon-table,.icon-percentageBar,.icon-pie,.icon-line,.icon-funnel,.icon-stackedBar,.icon-bar,.icon-barGraph,.icon-barLineGraph,.icon-dialMeter,.icon-donutChart,.icon-lineGraph,.icon-listGraph,.icon-multilineGraph,.icon-pieChart,.icon-pieChartFill,.icon-tableChart,.icon-wordCloud,.icon-barHorizontal,.icon-reportRedirection{
|
|
15
|
-
font-family:"zdf-react-
|
|
14
|
+
.icon-pagesense,.icon-add-component,.icon-attach16,.icon-checkmark,.icon-comment-new,.icon-comment,.icon-department,.icon-edit-mp-012,.icon-expand,.icon-expand1,.icon-flag5,.icon-forward-new,.icon-insight,.icon-JIRA_logo1,.icon-matrix-report2,.icon-multiline,.icon-overview-icon1,.icon-overview-icon2,.icon-overview-icon3,.icon-prop,.icon-r-area,.icon-r-donut,.icon-r-funnel1,.icon-r-funnel2,.icon-r-line1,.icon-r-line2,.icon-r-pie1,.icon-r-pie2,.icon-r-table1,.icon-r-table2,.icon-r-vbar1,.icon-r-vbar01,.icon-r-vbar2,.icon-r-vbar02,.icon-r-vbar3,.icon-r-vbar03,.icon-replyall-new,.icon-reports-area,.icon-reports-funnel,.icon-reports-line,.icon-reports-pie,.icon-reports-table1,.icon-resize,.icon-set-as-default,.icon-solution_new1,.icon-summary-report2,.icon-t-line2,.icon-tabular-report2,.icon-tag,.icon-vertical-bar1,.icon-vertical-bar2,.icon-vertical-bar3,.icon-tableTask,.icon-tableTicket,.icon-tableContact,.icon-tableAccount,.icon-multipleLine,.icon-table,.icon-percentageBar,.icon-pie,.icon-line,.icon-funnel,.icon-stackedBar,.icon-bar,.icon-barGraph,.icon-barLineGraph,.icon-dialMeter,.icon-donutChart,.icon-lineGraph,.icon-listGraph,.icon-multilineGraph,.icon-pieChart,.icon-pieChartFill,.icon-tableChart,.icon-wordCloud,.icon-barHorizontal,.icon-reportRedirection,.icon-graphView{
|
|
15
|
+
font-family:"zdf-react-reports_2" !important;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.icon-pagesense:before {
|
|
@@ -499,3 +499,6 @@
|
|
|
499
499
|
.icon-reportRedirection:before {
|
|
500
500
|
content: "\f278";
|
|
501
501
|
}
|
|
502
|
+
.icon-graphView:before {
|
|
503
|
+
content: "\f279";
|
|
504
|
+
}
|
package/es/Icon/CustomIcons.js
CHANGED
package/es/Icon/FontFactory.js
CHANGED
|
@@ -208,7 +208,9 @@ export const FontFactory = {
|
|
|
208
208
|
'ZD-salesforce': ['icon-salesforce', 2],
|
|
209
209
|
'ZD-playStore': 'icon-playStore',
|
|
210
210
|
'ZD-biginLogo': 'icon-Bigin_Logo',
|
|
211
|
-
'ZD-accessibility': 'icon-accessibility'
|
|
211
|
+
'ZD-accessibility': 'icon-accessibility',
|
|
212
|
+
'ZD-videoCall': 'icon-videoCall',
|
|
213
|
+
'ZD-telephoneHandset': 'icon-telephoneThick'
|
|
212
214
|
},
|
|
213
215
|
CommunityFontIcon: {
|
|
214
216
|
'ZD-discussions': 'icon-discussions',
|
|
@@ -723,7 +725,8 @@ export const FontFactory = {
|
|
|
723
725
|
'ZD-pieChartFill': 'icon-pieChartFill',
|
|
724
726
|
'ZD-tableChart': 'icon-tableChart',
|
|
725
727
|
'ZD-wordCloud': 'icon-wordCloud',
|
|
726
|
-
'ZD-barHorizontal': 'icon-barHorizontal'
|
|
728
|
+
'ZD-barHorizontal': 'icon-barHorizontal',
|
|
729
|
+
'ZD-RP-graphView': 'icon-graphView'
|
|
727
730
|
},
|
|
728
731
|
SetupFontIcon: {
|
|
729
732
|
'ZD-access2': 'icon-access2',
|
package/es/Icon/FontIcon.js
CHANGED
|
@@ -27,17 +27,17 @@ export default class FontIcon extends React.Component {
|
|
|
27
27
|
'--zd-iconfont-size': 'var(--zd_font_size' + size + ')'
|
|
28
28
|
} : {};
|
|
29
29
|
let isCustom = allCustomIcons[iconName] || null;
|
|
30
|
-
isCustom = isCustom ? style[isCustom] : '';
|
|
30
|
+
isCustom = isCustom ? style[isCustom] : '';
|
|
31
|
+
|
|
32
|
+
// let isTwoTone = TwoToneIcons[iconName] || null;
|
|
31
33
|
// isTwoTone = isTwoTone ? style[isTwoTone] : '';
|
|
32
34
|
|
|
33
35
|
let fontClass = `${style.basic} ${pathName} ${isBold ? style.fbold : ''} ${iconClass ? iconClass : ''} ${onClick ? style.cursor : ''}`;
|
|
34
36
|
let childArray;
|
|
35
|
-
|
|
36
37
|
if (typeof name === 'object') {
|
|
37
38
|
childArray = [];
|
|
38
39
|
let isRtl = name[2] ? name[2] : false;
|
|
39
40
|
fontClass = isRtl ? `${fontClass} ${style.rtl}` : fontClass;
|
|
40
|
-
|
|
41
41
|
for (let i = 1; i < name[1] + 1; i++) {
|
|
42
42
|
let pathClass = `${iconContent[`path${i}`]} ${iconClass || isCustom ? `path${i}` : ''}`;
|
|
43
43
|
childArray.push( /*#__PURE__*/React.createElement("span", {
|
|
@@ -46,7 +46,6 @@ export default class FontIcon extends React.Component {
|
|
|
46
46
|
}));
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
-
|
|
50
49
|
return /*#__PURE__*/React.createElement("i", {
|
|
51
50
|
className: `${'zd_font_icons'} ${fontClass} ${isCustom}`.trim(),
|
|
52
51
|
"data-title": title,
|
|
@@ -56,7 +55,9 @@ export default class FontIcon extends React.Component {
|
|
|
56
55
|
style: fontStyle,
|
|
57
56
|
"aria-hidden": ariaHidden,
|
|
58
57
|
"data-selector-id": dataSelectorId
|
|
59
|
-
}, childArray ? childArray : null);
|
|
58
|
+
}, childArray ? childArray : null);
|
|
59
|
+
|
|
60
|
+
// return (
|
|
60
61
|
// <i
|
|
61
62
|
// className={`${'zd_font_icons'} ${fontClass}`.trim()}
|
|
62
63
|
// data-title={title}
|
|
@@ -69,11 +70,10 @@ export default class FontIcon extends React.Component {
|
|
|
69
70
|
// />
|
|
70
71
|
// );
|
|
71
72
|
}
|
|
72
|
-
|
|
73
73
|
}
|
|
74
|
+
|
|
74
75
|
FontIcon.propTypes = IconProps;
|
|
75
76
|
FontIcon.defaultProps = IconDefaultProps;
|
|
76
|
-
|
|
77
77
|
if (false) {
|
|
78
78
|
FontIcon.docs = {
|
|
79
79
|
componentGroup: 'Icon',
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
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); }
|
|
2
|
-
|
|
3
2
|
import React from 'react';
|
|
4
3
|
export default function asyncComponent(getComponent) {
|
|
5
4
|
return class AsyncComponent extends React.Component {
|
|
@@ -12,7 +11,6 @@ export default function asyncComponent(getComponent) {
|
|
|
12
11
|
this.getRef = this.getRef.bind(this);
|
|
13
12
|
this.loadComponent = this.loadComponent.bind(this);
|
|
14
13
|
}
|
|
15
|
-
|
|
16
14
|
loadComponent() {
|
|
17
15
|
let component = getComponent(this.props);
|
|
18
16
|
component.then(Component => {
|
|
@@ -21,46 +19,38 @@ export default function asyncComponent(getComponent) {
|
|
|
21
19
|
Component
|
|
22
20
|
});
|
|
23
21
|
}
|
|
24
|
-
}).catch(e => {
|
|
22
|
+
}).catch(e => {
|
|
23
|
+
//console.log(e);
|
|
25
24
|
});
|
|
26
25
|
}
|
|
27
|
-
|
|
28
26
|
componentDidUpdate(prevProps) {
|
|
29
27
|
if (prevProps.name != this.props.name) {
|
|
30
28
|
this.loadComponent();
|
|
31
29
|
}
|
|
32
30
|
}
|
|
33
|
-
|
|
34
31
|
getRef(ele) {
|
|
35
32
|
this.ele = ele;
|
|
36
33
|
}
|
|
37
|
-
|
|
38
34
|
getInstance() {
|
|
39
35
|
return this.ele;
|
|
40
36
|
}
|
|
41
|
-
|
|
42
37
|
componentDidMount() {
|
|
43
38
|
this.mount = true;
|
|
44
39
|
this.loadComponent();
|
|
45
40
|
}
|
|
46
|
-
|
|
47
41
|
render() {
|
|
48
42
|
const {
|
|
49
43
|
Component
|
|
50
44
|
} = this.state;
|
|
51
|
-
|
|
52
45
|
if (Component) {
|
|
53
46
|
return /*#__PURE__*/React.createElement(Component, _extends({}, this.props, {
|
|
54
47
|
ref: this.getRef
|
|
55
48
|
}));
|
|
56
49
|
}
|
|
57
|
-
|
|
58
50
|
return null;
|
|
59
51
|
}
|
|
60
|
-
|
|
61
52
|
componentWillUnmount() {
|
|
62
53
|
this.mount = null;
|
|
63
54
|
}
|
|
64
|
-
|
|
65
55
|
};
|
|
66
56
|
}
|
package/es/Icon/index.js
CHANGED
|
@@ -2,135 +2,102 @@ import React from 'react';
|
|
|
2
2
|
import asyncComponent from './asyncComponent';
|
|
3
3
|
import { FontFactory } from './FontFactory';
|
|
4
4
|
import FontIcon from './FontIcon';
|
|
5
|
-
|
|
6
5
|
function getAddforms() {
|
|
7
6
|
return require('../../assets_final/react/zd-font-react-addforms.module.css');
|
|
8
7
|
}
|
|
9
|
-
|
|
10
8
|
function getAutomate() {
|
|
11
9
|
return require('../../assets_final/react/zd-font-react-automate.module.css');
|
|
12
10
|
}
|
|
13
|
-
|
|
14
11
|
function getChannels() {
|
|
15
12
|
return require('../../assets_final/react/zd-font-react-channels.module.css');
|
|
16
13
|
}
|
|
17
|
-
|
|
18
14
|
function getCommon() {
|
|
19
15
|
return require('../../assets_final/react/zd-font-react-common.module.css');
|
|
20
16
|
}
|
|
21
|
-
|
|
22
17
|
function getCommunity() {
|
|
23
18
|
return require('../../assets_final/react/zd-font-react-community.module.css');
|
|
24
19
|
}
|
|
25
|
-
|
|
26
20
|
function getCustomers() {
|
|
27
21
|
return require('../../assets_final/react/zd-font-react-customers.module.css');
|
|
28
22
|
}
|
|
29
|
-
|
|
30
23
|
function getCustomize() {
|
|
31
24
|
return require('../../assets_final/react/zd-font-react-customize.module.css');
|
|
32
25
|
}
|
|
33
|
-
|
|
34
26
|
function getGamescope() {
|
|
35
27
|
return require('../../assets_final/react/zd-font-react-gamescope.module.css');
|
|
36
28
|
}
|
|
37
|
-
|
|
38
29
|
function getGettingstarted() {
|
|
39
30
|
return require('../../assets_final/react/zd-font-react-gettingstarted.module.css');
|
|
40
31
|
}
|
|
41
|
-
|
|
42
32
|
function getKnowledgeBase() {
|
|
43
33
|
return require('../../assets_final/react/zd-font-react-kb.module.css');
|
|
44
34
|
}
|
|
45
|
-
|
|
46
35
|
function getOrganization() {
|
|
47
36
|
return require('../../assets_final/react/zd-font-react-organization.module.css');
|
|
48
37
|
}
|
|
49
|
-
|
|
50
38
|
function getOthers() {
|
|
51
39
|
return require('../../assets_final/react/zd-font-react-others.module.css');
|
|
52
40
|
}
|
|
53
|
-
|
|
54
41
|
function getReports() {
|
|
55
42
|
return require('../../assets_final/react/zd-font-react-reports.module.css');
|
|
56
43
|
}
|
|
57
|
-
|
|
58
44
|
function getSetup() {
|
|
59
45
|
return require('../../assets_final/react/zd-font-react-setup.module.css');
|
|
60
46
|
}
|
|
61
|
-
|
|
62
47
|
function getSocial() {
|
|
63
48
|
return require('../../assets_final/react/zd-font-react-social.module.css');
|
|
64
49
|
}
|
|
65
|
-
|
|
66
50
|
function getTickets() {
|
|
67
51
|
return require('../../assets_final/react/zd-font-react-tickets.module.css');
|
|
68
52
|
}
|
|
69
|
-
|
|
70
53
|
function getTopband() {
|
|
71
54
|
return require('../../assets_final/react/zd-font-react-topband.module.css');
|
|
72
55
|
}
|
|
73
|
-
|
|
74
56
|
function getTicketsChannel() {
|
|
75
57
|
return require('../../assets_final/react/zd-font-react-ticket-channels.module.css');
|
|
76
58
|
}
|
|
77
|
-
|
|
78
59
|
function getReactCallBar() {
|
|
79
60
|
return require('../../assets_final/react/zd-font-rCallBar.module.css');
|
|
80
61
|
}
|
|
81
|
-
|
|
82
62
|
function getReactChannels() {
|
|
83
63
|
return require('../../assets_final/react/zd-font-rChannels.module.css');
|
|
84
64
|
}
|
|
85
|
-
|
|
86
65
|
function getReactCutomize() {
|
|
87
66
|
return require('../../assets_final/react/zd-font-rCustomize.module.css');
|
|
88
67
|
}
|
|
89
|
-
|
|
90
68
|
function getReactExportFiles() {
|
|
91
69
|
return require('../../assets_final/react/zd-font-rExportFiles.module.css');
|
|
92
70
|
}
|
|
93
|
-
|
|
94
71
|
function getReactGeneral() {
|
|
95
72
|
return require('../../assets_final/react/zd-font-rGeneral.module.css');
|
|
96
73
|
}
|
|
97
|
-
|
|
98
74
|
function getReactIntegrations() {
|
|
99
75
|
return require('../../assets_final/react/zd-font-rIntegrations.module.css');
|
|
100
76
|
}
|
|
101
|
-
|
|
102
77
|
function getReactLhs() {
|
|
103
78
|
return require('../../assets_final/react/zd-font-rLhs.module.css');
|
|
104
79
|
}
|
|
105
|
-
|
|
106
80
|
function getReactMarketplace() {
|
|
107
81
|
return require('../../assets_final/react/zd-font-rMarketplace.module.css');
|
|
108
82
|
}
|
|
109
|
-
|
|
110
83
|
function getReactReports() {
|
|
111
84
|
return require('../../assets_final/react/zd-font-rReports.module.css');
|
|
112
85
|
}
|
|
113
|
-
|
|
114
86
|
function getReactSetup() {
|
|
115
87
|
return require('../../assets_final/react/zd-font-rSetup.module.css');
|
|
116
88
|
}
|
|
117
|
-
|
|
118
89
|
function getReactTickets() {
|
|
119
90
|
return require('../../assets_final/react/zd-font-rTickets.module.css');
|
|
120
91
|
}
|
|
121
|
-
|
|
122
92
|
function getReactTopband() {
|
|
123
93
|
return require('../../assets_final/react/zd-font-rTopband.module.css');
|
|
124
94
|
}
|
|
125
|
-
|
|
126
95
|
function getReactGC() {
|
|
127
96
|
return require('../../assets_final/react/zd-font-react-gcFonts.module.css');
|
|
128
97
|
}
|
|
129
|
-
|
|
130
98
|
function getReactTwotone() {
|
|
131
99
|
return require('../../assets_final/react/zd-font-rTwotone.module.css');
|
|
132
100
|
}
|
|
133
|
-
|
|
134
101
|
function IconRender(iconName, iconContent) {
|
|
135
102
|
return function (props) {
|
|
136
103
|
let {
|
|
@@ -159,7 +126,6 @@ function IconRender(iconName, iconContent) {
|
|
|
159
126
|
});
|
|
160
127
|
};
|
|
161
128
|
}
|
|
162
|
-
|
|
163
129
|
function getIcon(props) {
|
|
164
130
|
let iconName;
|
|
165
131
|
let filesMap = {
|
|
@@ -200,14 +166,12 @@ function getIcon(props) {
|
|
|
200
166
|
if (typeof require.ensure !== `function`) {
|
|
201
167
|
require.ensure = (d, c) => c(require);
|
|
202
168
|
}
|
|
203
|
-
|
|
204
169
|
require.ensure([], () => {
|
|
205
170
|
Object.keys(FontFactory).map(name => {
|
|
206
171
|
if (typeof FontFactory[name][props.name] !== 'undefined') {
|
|
207
172
|
iconName = name;
|
|
208
173
|
}
|
|
209
174
|
});
|
|
210
|
-
|
|
211
175
|
if (iconName) {
|
|
212
176
|
let iconContent = filesMap[iconName]();
|
|
213
177
|
let Icon = IconRender(iconName, iconContent);
|
|
@@ -219,9 +183,10 @@ function getIcon(props) {
|
|
|
219
183
|
}, 'FontFactory');
|
|
220
184
|
});
|
|
221
185
|
}
|
|
222
|
-
|
|
223
186
|
const Icon = asyncComponent(props => getIcon(props).then(res => res.Icon));
|
|
224
|
-
export default Icon;
|
|
187
|
+
export default Icon;
|
|
188
|
+
|
|
189
|
+
// if (__DOCS__) {
|
|
225
190
|
// Icon.docs = {
|
|
226
191
|
// componentGroup: 'Icon'
|
|
227
192
|
// };
|
package/lib/Icon/CustomIcons.js
CHANGED
|
@@ -4,15 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.allCustomIcons = exports.TwoToneIcons = exports.CustomIcons = void 0;
|
|
7
|
-
|
|
8
7
|
var _TwoToneIcons;
|
|
9
|
-
|
|
8
|
+
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); }
|
|
10
9
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
11
|
-
|
|
12
10
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
13
|
-
|
|
14
|
-
function
|
|
15
|
-
|
|
11
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
12
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
13
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
16
14
|
var CustomIcons = {
|
|
17
15
|
'ZD-chChatMis': 'red',
|
|
18
16
|
'ZD-chEmailMis': 'red',
|
|
@@ -99,7 +97,5 @@ var TwoToneIcons = (_TwoToneIcons = {
|
|
|
99
97
|
'ZD-TT-whatsAppMissed': 'red2'
|
|
100
98
|
}, _defineProperty(_TwoToneIcons, "ZD-TT-whatsAppMissed", 'red2'), _defineProperty(_TwoToneIcons, 'ZD-TT-instaIMMissed', 'red2'), _defineProperty(_TwoToneIcons, 'ZD-TT-callIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-chatIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-mailIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-instagramIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-facebookIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-forumIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-twitterIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-webIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-directFacebookIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-happinessIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-whatsAppIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-instaIMIn', 'green2'), _defineProperty(_TwoToneIcons, 'ZD-TT-callOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-chatOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-instagramOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-mailOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-facebookOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-forumOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-twitterOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-webOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-happinessOut', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-emailForward', 'blue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-directFacebookOut', 'lightBlue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-whatsAppOut', 'lightBlue2'), _defineProperty(_TwoToneIcons, 'ZD-TT-instaIMOut', 'lightBlue2'), _TwoToneIcons);
|
|
101
99
|
exports.TwoToneIcons = TwoToneIcons;
|
|
102
|
-
|
|
103
100
|
var allCustomIcons = _objectSpread(_objectSpread({}, CustomIcons), TwoToneIcons);
|
|
104
|
-
|
|
105
101
|
exports.allCustomIcons = allCustomIcons;
|
package/lib/Icon/FontFactory.js
CHANGED
|
@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.FontFactory = void 0;
|
|
7
|
-
|
|
8
7
|
var _ReactGeneralFontIcon, _ReactGCFontIcon;
|
|
9
|
-
|
|
10
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
11
|
-
|
|
8
|
+
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); }
|
|
9
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
10
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
11
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
12
12
|
// Syntax ==> IconName : [iconsClassName, Number of Path, IsNeed Rtl Support Bool]
|
|
13
13
|
var FontFactory = {
|
|
14
14
|
AddformsFontIcon: {
|
|
@@ -219,7 +219,9 @@ var FontFactory = {
|
|
|
219
219
|
'ZD-salesforce': ['icon-salesforce', 2],
|
|
220
220
|
'ZD-playStore': 'icon-playStore',
|
|
221
221
|
'ZD-biginLogo': 'icon-Bigin_Logo',
|
|
222
|
-
'ZD-accessibility': 'icon-accessibility'
|
|
222
|
+
'ZD-accessibility': 'icon-accessibility',
|
|
223
|
+
'ZD-videoCall': 'icon-videoCall',
|
|
224
|
+
'ZD-telephoneHandset': 'icon-telephoneThick'
|
|
223
225
|
},
|
|
224
226
|
CommunityFontIcon: {
|
|
225
227
|
'ZD-discussions': 'icon-discussions',
|
|
@@ -734,7 +736,8 @@ var FontFactory = {
|
|
|
734
736
|
'ZD-pieChartFill': 'icon-pieChartFill',
|
|
735
737
|
'ZD-tableChart': 'icon-tableChart',
|
|
736
738
|
'ZD-wordCloud': 'icon-wordCloud',
|
|
737
|
-
'ZD-barHorizontal': 'icon-barHorizontal'
|
|
739
|
+
'ZD-barHorizontal': 'icon-barHorizontal',
|
|
740
|
+
'ZD-RP-graphView': 'icon-graphView'
|
|
738
741
|
},
|
|
739
742
|
SetupFontIcon: {
|
|
740
743
|
'ZD-access2': 'icon-access2',
|
package/lib/Icon/FontIcon.js
CHANGED
|
@@ -4,86 +4,66 @@ 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 _defaultProps = require("./props/defaultProps");
|
|
11
|
-
|
|
12
9
|
var _propTypes = require("./props/propTypes");
|
|
13
|
-
|
|
14
10
|
var _CustomIcons = require("./CustomIcons");
|
|
15
|
-
|
|
16
11
|
var _IconModule = _interopRequireDefault(require("./Icon.module.css"));
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
13
|
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); }
|
|
21
|
-
|
|
22
14
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
23
|
-
|
|
24
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
25
|
-
|
|
15
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
26
16
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
27
|
-
|
|
17
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
18
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
28
19
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
29
|
-
|
|
30
20
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
31
|
-
|
|
32
21
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
33
|
-
|
|
34
22
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
35
|
-
|
|
36
23
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
37
|
-
|
|
38
24
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
39
|
-
|
|
40
25
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
41
|
-
|
|
42
26
|
var FontIcon = /*#__PURE__*/function (_React$Component) {
|
|
43
27
|
_inherits(FontIcon, _React$Component);
|
|
44
|
-
|
|
45
28
|
var _super = _createSuper(FontIcon);
|
|
46
|
-
|
|
47
29
|
function FontIcon() {
|
|
48
30
|
_classCallCheck(this, FontIcon);
|
|
49
|
-
|
|
50
31
|
return _super.apply(this, arguments);
|
|
51
32
|
}
|
|
52
|
-
|
|
53
33
|
_createClass(FontIcon, [{
|
|
54
34
|
key: "render",
|
|
55
35
|
value: function render() {
|
|
56
36
|
var _this$props = this.props,
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
37
|
+
name = _this$props.name,
|
|
38
|
+
onClick = _this$props.onClick,
|
|
39
|
+
isBold = _this$props.isBold,
|
|
40
|
+
pathName = _this$props.pathName,
|
|
41
|
+
iconContent = _this$props.iconContent,
|
|
42
|
+
iconClass = _this$props.iconClass,
|
|
43
|
+
title = _this$props.title,
|
|
44
|
+
dataId = _this$props.dataId,
|
|
45
|
+
dataSelectorId = _this$props.dataSelectorId,
|
|
46
|
+
size = _this$props.size,
|
|
47
|
+
iconName = _this$props.iconName,
|
|
48
|
+
titlePosition = _this$props.titlePosition,
|
|
49
|
+
a11y = _this$props.a11y;
|
|
70
50
|
var _a11y$ariaHidden = a11y.ariaHidden,
|
|
71
|
-
|
|
51
|
+
ariaHidden = _a11y$ariaHidden === void 0 ? true : _a11y$ariaHidden;
|
|
72
52
|
var fontStyle = size ? {
|
|
73
53
|
'--zd-iconfont-size': 'var(--zd_font_size' + size + ')'
|
|
74
54
|
} : {};
|
|
75
55
|
var isCustom = _CustomIcons.allCustomIcons[iconName] || null;
|
|
76
|
-
isCustom = isCustom ? _IconModule["default"][isCustom] : '';
|
|
56
|
+
isCustom = isCustom ? _IconModule["default"][isCustom] : '';
|
|
57
|
+
|
|
58
|
+
// let isTwoTone = TwoToneIcons[iconName] || null;
|
|
77
59
|
// isTwoTone = isTwoTone ? style[isTwoTone] : '';
|
|
78
60
|
|
|
79
61
|
var fontClass = "".concat(_IconModule["default"].basic, " ").concat(pathName, " ").concat(isBold ? _IconModule["default"].fbold : '', " ").concat(iconClass ? iconClass : '', " ").concat(onClick ? _IconModule["default"].cursor : '');
|
|
80
62
|
var childArray;
|
|
81
|
-
|
|
82
63
|
if (_typeof(name) === 'object') {
|
|
83
64
|
childArray = [];
|
|
84
65
|
var isRtl = name[2] ? name[2] : false;
|
|
85
66
|
fontClass = isRtl ? "".concat(fontClass, " ").concat(_IconModule["default"].rtl) : fontClass;
|
|
86
|
-
|
|
87
67
|
for (var i = 1; i < name[1] + 1; i++) {
|
|
88
68
|
var pathClass = "".concat(iconContent["path".concat(i)], " ").concat(iconClass || isCustom ? "path".concat(i) : '');
|
|
89
69
|
childArray.push( /*#__PURE__*/_react["default"].createElement("span", {
|
|
@@ -92,7 +72,6 @@ var FontIcon = /*#__PURE__*/function (_React$Component) {
|
|
|
92
72
|
}));
|
|
93
73
|
}
|
|
94
74
|
}
|
|
95
|
-
|
|
96
75
|
return /*#__PURE__*/_react["default"].createElement("i", {
|
|
97
76
|
className: 'zd_font_icons'.concat(" ", fontClass, " ").concat(isCustom).trim(),
|
|
98
77
|
"data-title": title,
|
|
@@ -102,7 +81,9 @@ var FontIcon = /*#__PURE__*/function (_React$Component) {
|
|
|
102
81
|
style: fontStyle,
|
|
103
82
|
"aria-hidden": ariaHidden,
|
|
104
83
|
"data-selector-id": dataSelectorId
|
|
105
|
-
}, childArray ? childArray : null);
|
|
84
|
+
}, childArray ? childArray : null);
|
|
85
|
+
|
|
86
|
+
// return (
|
|
106
87
|
// <i
|
|
107
88
|
// className={`${'zd_font_icons'} ${fontClass}`.trim()}
|
|
108
89
|
// data-title={title}
|
|
@@ -116,14 +97,11 @@ var FontIcon = /*#__PURE__*/function (_React$Component) {
|
|
|
116
97
|
// );
|
|
117
98
|
}
|
|
118
99
|
}]);
|
|
119
|
-
|
|
120
100
|
return FontIcon;
|
|
121
101
|
}(_react["default"].Component);
|
|
122
|
-
|
|
123
102
|
exports["default"] = FontIcon;
|
|
124
103
|
FontIcon.propTypes = _propTypes.IconProps;
|
|
125
104
|
FontIcon.defaultProps = _defaultProps.IconDefaultProps;
|
|
126
|
-
|
|
127
105
|
if (false) {
|
|
128
106
|
FontIcon.docs = {
|
|
129
107
|
componentGroup: 'Icon',
|
|
@@ -1,49 +1,32 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
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
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = asyncComponent;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
-
|
|
14
10
|
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); }
|
|
15
|
-
|
|
16
11
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
17
|
-
|
|
18
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
19
|
-
|
|
12
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
20
13
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
21
|
-
|
|
14
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
15
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
22
16
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
23
|
-
|
|
24
17
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
25
|
-
|
|
26
18
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
27
|
-
|
|
28
19
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
29
|
-
|
|
30
20
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
31
|
-
|
|
32
21
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
33
|
-
|
|
34
22
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
35
|
-
|
|
36
23
|
function asyncComponent(getComponent) {
|
|
37
24
|
return /*#__PURE__*/function (_React$Component) {
|
|
38
25
|
_inherits(AsyncComponent, _React$Component);
|
|
39
|
-
|
|
40
26
|
var _super = _createSuper(AsyncComponent);
|
|
41
|
-
|
|
42
27
|
function AsyncComponent(props) {
|
|
43
28
|
var _this;
|
|
44
|
-
|
|
45
29
|
_classCallCheck(this, AsyncComponent);
|
|
46
|
-
|
|
47
30
|
_this = _super.call(this, props);
|
|
48
31
|
_this.state = {
|
|
49
32
|
Component: null
|
|
@@ -53,12 +36,10 @@ function asyncComponent(getComponent) {
|
|
|
53
36
|
_this.loadComponent = _this.loadComponent.bind(_assertThisInitialized(_this));
|
|
54
37
|
return _this;
|
|
55
38
|
}
|
|
56
|
-
|
|
57
39
|
_createClass(AsyncComponent, [{
|
|
58
40
|
key: "loadComponent",
|
|
59
41
|
value: function loadComponent() {
|
|
60
42
|
var _this2 = this;
|
|
61
|
-
|
|
62
43
|
var component = getComponent(this.props);
|
|
63
44
|
component.then(function (Component) {
|
|
64
45
|
if (_this2.mount) {
|
|
@@ -66,7 +47,8 @@ function asyncComponent(getComponent) {
|
|
|
66
47
|
Component: Component
|
|
67
48
|
});
|
|
68
49
|
}
|
|
69
|
-
})["catch"](function (e) {
|
|
50
|
+
})["catch"](function (e) {
|
|
51
|
+
//console.log(e);
|
|
70
52
|
});
|
|
71
53
|
}
|
|
72
54
|
}, {
|
|
@@ -96,13 +78,11 @@ function asyncComponent(getComponent) {
|
|
|
96
78
|
key: "render",
|
|
97
79
|
value: function render() {
|
|
98
80
|
var Component = this.state.Component;
|
|
99
|
-
|
|
100
81
|
if (Component) {
|
|
101
82
|
return /*#__PURE__*/_react["default"].createElement(Component, _extends({}, this.props, {
|
|
102
83
|
ref: this.getRef
|
|
103
84
|
}));
|
|
104
85
|
}
|
|
105
|
-
|
|
106
86
|
return null;
|
|
107
87
|
}
|
|
108
88
|
}, {
|
|
@@ -111,7 +91,6 @@ function asyncComponent(getComponent) {
|
|
|
111
91
|
this.mount = null;
|
|
112
92
|
}
|
|
113
93
|
}]);
|
|
114
|
-
|
|
115
94
|
return AsyncComponent;
|
|
116
95
|
}(_react["default"].Component);
|
|
117
96
|
}
|
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
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
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 = {
|
|
@@ -214,19 +174,15 @@ function getIcon(props) {
|
|
|
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;
|
|
@@ -246,5 +201,4 @@ var _default = Icon; // if (__DOCS__) {
|
|
|
246
201
|
// componentGroup: 'Icon'
|
|
247
202
|
// };
|
|
248
203
|
// }
|
|
249
|
-
|
|
250
204
|
exports["default"] = _default;
|
|
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.IconProps = void 0;
|
|
7
|
-
|
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var IconProps = {
|
|
13
10
|
dataId: _propTypes["default"].string,
|
|
14
11
|
iconClass: _propTypes["default"].string,
|
package/lib/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zohodesk/icons",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.129",
|
|
4
4
|
"description": "DOT - Icons",
|
|
5
5
|
"main": "es/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"zdfonts-react-addforms": "zdf-react-addforms_1",
|
|
55
55
|
"zdfonts-react-automate": "zdf-react-automate_1",
|
|
56
56
|
"zdfonts-react-channels": "zdf-react-channels_1",
|
|
57
|
-
"zdfonts-react-common": "zdf-react-
|
|
57
|
+
"zdfonts-react-common": "zdf-react-common_3",
|
|
58
58
|
"zdfonts-react-community": "zdf-react-community_1",
|
|
59
59
|
"zdfonts-react-customers": "zdf-react-customers_1",
|
|
60
60
|
"zdfonts-react-customize": "zdf-react-customize_2",
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
"zdfonts-react-logo": "zdf-react-logo_1",
|
|
67
67
|
"zdfonts-react-organization": "zdf-react-organization_1",
|
|
68
68
|
"zdfonts-react-others": "zdf-react-others_1",
|
|
69
|
-
"zdfonts-react-reports": "zdf-react-
|
|
69
|
+
"zdfonts-react-reports": "zdf-react-reports_2",
|
|
70
70
|
"zdfonts-react-setup": "zdf-react-setup_1",
|
|
71
71
|
"zdfonts-react-social": "zdf-react-social_1",
|
|
72
72
|
"zdfonts-ticket-channels": "zdf-ticket-channels_1",
|