@zohodesk/icons 1.3.0 → 1.3.2
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 +8 -0
- package/assets/fonts/zd-rAnalyticsColor.svg +2 -2
- package/assets/fonts/zd-rAnalyticsColor.woff +0 -0
- package/assets/fonts/zd-rAnalyticsColor.woff2 +0 -0
- package/assets/fonts/zd-rAutomation.svg +5 -0
- package/assets/fonts/zd-rAutomation.woff +0 -0
- package/assets/fonts/zd-rAutomation.woff2 +0 -0
- package/assets/fonts/zd-rTickets.svg +2 -0
- package/assets/fonts/zd-rTickets.woff +0 -0
- package/assets/fonts/zd-rTickets.woff2 +0 -0
- package/assets/react/zd-font-rAnalyticsColor.module.css +3 -3
- package/assets/react/zd-font-rAutomation.module.css +16 -1
- package/assets/react/zd-font-rTickets.module.css +10 -1
- package/es/Context/IconContext.js +7 -0
- package/es/Context/IconProvider.js +22 -0
- package/es/Context/__tests__/IconContext.spec.js +115 -0
- package/es/Context/__tests__/__snapshots__/IconContext.spec.js.snap +166 -0
- package/es/Context/props/defaultProps.js +5 -0
- package/es/Context/props/propTypes.js +7 -0
- package/es/Icon/FontFactory.js +8 -2
- package/es/Icon/FontIcon.js +1 -8
- package/es/Icon/Icon.module.css +6 -0
- package/es/Icon/SvgIcon.js +45 -0
- package/es/Icon/__tests__/SvgIcon.spec.js +94 -0
- package/es/Icon/__tests__/__snapshots__/SvgIcon.spec.js.snap +200 -0
- package/es/Icon/index.js +39 -1
- package/es/Icon/props/defaultProps.js +7 -1
- package/es/Icon/props/propTypes.js +17 -0
- package/es/index.js +3 -1
- package/lib/Context/IconContext.js +19 -0
- package/lib/Context/IconProvider.js +38 -0
- package/lib/Context/__tests__/IconContext.spec.js +123 -0
- package/lib/Context/__tests__/__snapshots__/IconContext.spec.js.snap +166 -0
- package/lib/Context/props/defaultProps.js +12 -0
- package/lib/Context/props/propTypes.js +18 -0
- package/lib/Icon/FontFactory.js +8 -2
- package/lib/Icon/FontIcon.js +1 -8
- package/lib/Icon/Icon.module.css +6 -0
- package/lib/Icon/SvgIcon.js +57 -0
- package/lib/Icon/__tests__/SvgIcon.spec.js +101 -0
- package/lib/Icon/__tests__/__snapshots__/SvgIcon.spec.js.snap +200 -0
- package/lib/Icon/index.js +46 -1
- package/lib/Icon/props/defaultProps.js +12 -3
- package/lib/Icon/props/propTypes.js +20 -2
- package/lib/index.js +16 -0
- package/package.json +15 -11
package/README.md
CHANGED
|
@@ -2,6 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
In this GiftBox we Provide FontIcons
|
|
4
4
|
|
|
5
|
+
# 1.3.2
|
|
6
|
+
|
|
7
|
+
- Introduced SvgIcon, IconContext, and IconProvider to enable centralized control of SvgIcon behavior through IconProvider.
|
|
8
|
+
|
|
9
|
+
# 1.3.1
|
|
10
|
+
|
|
11
|
+
- ReactTicketsFontIcon --> ZD-TK-sideChat icon included.
|
|
12
|
+
- ReactAutomationIcon --> ZD-AU-skip, ZD-AU-scheduleDelay, ZD-AU-reschedule, ZD-AU-nodeRemove and ZD-AU-failure icons included.
|
|
5
13
|
|
|
6
14
|
# 1.3.0
|
|
7
15
|
|
|
@@ -47,6 +47,6 @@
|
|
|
47
47
|
<glyph unicode="󉔥" d="M633.856 411.136c-20.48 20.48-31.744 47.616-31.744 76.288 0 32.512 14.592 63.232 39.936 83.712s58.624 28.672 90.88 21.76c40.96-8.448 73.984-41.728 82.688-82.688 9.984-47.616-11.776-94.976-54.272-117.76-15.872-8.704-25.856-25.856-25.856-44.8v-5.888c0-14.080-11.52-25.6-25.6-25.6s-25.6 11.52-25.6 25.6v5.888c0 37.888 20.224 72.448 52.48 89.856 18.432 9.984 34.56 33.28 28.416 62.464-4.352 21.248-21.76 38.4-43.008 43.008-17.664 3.84-34.816-0.256-48.128-11.264-13.312-10.752-20.992-26.88-20.992-44.032 0-15.104 5.888-29.44 16.64-40.192 9.984-9.984 9.984-26.112 0-36.096s-26.112-9.984-36.096 0zM787.712 378.112h-1.024c-14.080 0-25.088-11.52-25.088-25.6s12.032-25.6 26.112-25.6c31.488 0 57.088-25.6 57.088-57.088s-25.6-57.088-57.088-57.088h-155.136c-31.488 0-57.088 25.6-57.088 57.088s25.6 57.088 58.112 57.088c14.080 0 25.088 11.52 25.088 25.6s-12.032 25.6-26.112 25.6c-59.648 0-108.288-48.64-108.288-108.288s48.64-108.288 108.288-108.288h155.136c59.648 0 108.288 48.64 108.288 108.288s-48.64 108.288-108.288 108.288zM710.144 296.192c-13.568 0-24.576-11.008-24.576-24.576s11.008-24.576 24.576-24.576 24.576 11.008 24.576 24.576-11.008 24.576-24.576 24.576z" />
|
|
48
48
|
<glyph unicode="󉔦" d="M253.696 576.512c0 14.080 11.52 25.6 25.6 25.6h124.928c14.080 0 25.6-11.52 25.6-25.6s-11.52-25.6-25.6-25.6h-124.928c-14.080 0-25.6 11.52-25.6 25.6zM453.12 450.56h-174.080c-14.080 0-25.6-11.52-25.6-25.6s11.52-25.6 25.6-25.6h174.080c14.080 0 25.6 11.52 25.6 25.6s-11.52 25.6-25.6 25.6z" />
|
|
49
49
|
<glyph unicode="󉔧" d="M648.96 862.208h-139.008s-1.28-0.256-2.048-0.512c-1.792 0-3.584-0.512-5.376-1.024-1.536-0.512-2.816-0.768-4.352-1.536s-2.816-1.792-4.096-2.816c-1.28-1.024-2.304-2.048-3.584-3.072-1.024-1.28-1.792-2.56-2.816-4.096-0.768-1.536-1.536-3.072-2.048-4.608 0-0.768-0.768-1.28-0.768-2.048-6.144-25.6-28.672-43.52-55.040-43.52s-48.896 17.92-55.040 43.52c0 0.768-0.768 1.28-0.768 2.048-0.512 1.792-1.28 3.328-2.304 4.864-0.768 1.536-1.536 2.816-2.56 3.84-1.024 1.28-2.304 2.304-3.328 3.328-1.28 1.024-2.56 2.048-4.352 2.816-1.28 0.768-2.56 1.024-4.096 1.536-1.792 0.512-3.584 1.024-5.376 1.024-0.768 0-1.28 0.512-2.048 0.512h-141.312c-44.544 0-80.896-36.352-80.896-80.896v-532.48c0-44.544 36.352-80.896 80.896-80.896h221.44c14.080 0 25.6 11.52 25.6 25.6s-11.52 25.6-25.6 25.6h-221.44c-16.384 0-29.696 13.312-29.696 29.696v532.224c0 16.384 13.312 29.696 29.696 29.696h123.136c17.152-37.888 54.784-63.232 98.048-63.232s80.64 25.344 97.792 63.232h121.088c16.384 0 29.696-13.312 29.696-29.696v-106.752c0-14.080 11.52-25.6 25.6-25.6s25.6 11.52 25.6 25.6v106.752c0 44.544-36.352 80.896-80.896 80.896z" />
|
|
50
|
-
<glyph unicode="󉔨" glyph-name="
|
|
51
|
-
<glyph unicode="󉔩" glyph-name="
|
|
50
|
+
<glyph unicode="󉔨" glyph-name="growth" d="M869.376 677.888v-198.912c0-14.080-11.52-25.6-25.6-25.6s-25.6 11.52-25.6 25.6v137.216l-201.984-201.984c-29.952-29.952-78.592-29.952-108.544 0l-93.44 93.44c-9.728 9.728-26.624 9.728-36.096 0l-179.456-179.456c-5.12-5.12-11.52-7.424-18.176-7.424s-13.056 2.56-18.176 7.424c-9.984 9.984-9.984 26.112 0 36.096l179.456 179.456c29.952 29.952 78.592 29.952 108.544 0l93.44-93.44c9.984-9.984 26.112-9.984 36.096 0l201.984 201.984h-137.216c-14.080 0-25.6 11.52-25.6 25.6s11.52 25.6 25.6 25.6h198.912c3.328 0 6.656-0.768 9.728-2.048s5.888-3.072 8.192-5.376c0 0 0 0 0 0s0-0.512 0.512-0.768c2.048-2.304 3.84-4.864 5.12-7.68 1.28-3.072 2.048-6.4 2.048-9.984z" />
|
|
51
|
+
<glyph unicode="󉔩" glyph-name="askZia" d="M779.52 570.112c3.84-0.768 6.4-4.096 6.4-7.936s-2.56-7.168-6.4-7.936c-73.216-16.128-94.976-37.888-111.104-111.104-0.768-3.84-4.096-6.4-7.936-6.4s-7.168 2.56-7.936 6.4c-16.128 72.96-37.888 94.976-111.104 111.104-3.84 0.768-6.4 4.096-6.4 7.936s2.56 7.168 6.4 7.936c72.96 16.128 94.976 37.888 111.104 111.104 0.768 3.84 4.096 6.4 7.936 6.4s7.168-2.56 7.936-6.4c16.128-72.96 37.888-94.976 111.104-111.104zM486.912 570.112c-72.96 16.128-94.976 37.888-111.104 111.104-0.768 3.84-4.096 6.4-7.936 6.4s-7.168-2.56-7.936-6.4c-16.128-72.96-37.888-94.976-111.104-111.104-3.84-0.768-6.4-4.096-6.4-7.936s2.56-7.168 6.4-7.936c72.96-16.128 94.976-37.888 111.104-111.104 0.768-3.84 4.096-6.4 7.936-6.4s7.168 2.56 7.936 6.4c16.128 72.96 37.888 94.976 111.104 111.104 3.84 0.768 6.4 4.096 6.4 7.936s-2.56 7.168-6.4 7.936zM871.424 666.112v-211.968c0-112.896-91.904-204.8-204.8-204.8h-105.984l-151.808-92.416c-4.096-2.56-8.704-3.84-13.312-3.84-4.352 0-8.704 1.024-12.544 3.328-7.936 4.608-13.056 13.056-13.056 22.272v68.864h-12.288c-112.896 0-204.8 91.904-204.8 204.8v214.016c0 112.896 91.904 204.8 204.8 204.8h308.992c112.896 0 204.8-91.904 204.8-204.8zM820.224 666.112c0 84.736-68.864 153.6-153.6 153.6h-308.992c-84.736 0-153.6-68.864-153.6-153.6v-214.016c0-84.736 68.864-153.6 153.6-153.6h37.888c14.080 0 25.6-11.52 25.6-25.6v-48.896l119.040 72.448c4.096 2.56 8.704 3.84 13.312 3.84h113.152c84.736 0 153.6 68.864 153.6 153.6v211.968z" />
|
|
52
52
|
</font></defs></svg>
|
|
Binary file
|
|
Binary file
|
|
@@ -75,4 +75,9 @@
|
|
|
75
75
|
<glyph unicode="󈕁" d="M512 348.16c-12.8 0-25.6 12.8-25.6 25.6 0 64-51.2 112.64-112.64 112.64s-25.6 12.8-25.6 25.6 10.24 25.6 25.6 25.6c64 0 112.64 51.2 112.64 112.64s12.8 25.6 25.6 25.6 25.6-10.24 25.6-25.6c0-64 51.2-112.64 112.64-112.64s25.6-12.8 25.6-25.6-12.8-25.6-25.6-25.6c-64 0-112.64-51.2-112.64-112.64s-12.8-25.6-25.6-25.6zM460.8 512c20.48-12.8 38.4-30.72 51.2-51.2 12.8 20.48 30.72 38.4 51.2 51.2-20.48 12.8-38.4 30.72-51.2 51.2-12.8-20.48-30.72-38.4-51.2-51.2z" />
|
|
76
76
|
<glyph unicode="󈕂" d="M841.472 154.112c-5.12-5.12-11.52-7.424-18.176-7.424s-13.056 2.56-18.176 7.424l-100.352 100.352c-61.184-52.224-136.96-78.848-212.992-78.848-83.968 0-168.192 32-232.192 96-128 128-128 336.128 0 464.128 76.032 76.032 184.576 110.080 290.56 90.88 13.824-2.56 23.040-15.872 20.736-29.696-2.56-13.824-15.872-23.296-29.696-20.736-89.344 16.128-180.992-12.544-245.248-76.8-108.032-108.032-108.032-283.648 0-391.68s283.648-108.032 391.68 0c71.168 71.168 98.048 175.36 70.4 272.384-3.84 13.568 4.096 27.648 17.664 31.744 13.568 3.84 27.648-4.096 31.744-17.664 30.464-106.496 4.864-220.416-66.048-303.616l100.352-100.352c9.984-9.984 9.984-26.112 0-36.096z" />
|
|
77
77
|
<glyph unicode="󈕃" d="M834.56 723.456c-70.656 0-128.256 57.6-128.256 128.256 0 14.080-11.52 25.6-25.6 25.6s-25.6-11.52-25.6-25.6c0-70.656-57.6-128.256-128.256-128.256-14.080 0-25.6-11.52-25.6-25.6s11.52-25.6 25.6-25.6c70.656 0 128.256-57.6 128.256-128.256 0-14.080 11.52-25.6 25.6-25.6s25.6 11.52 25.6 25.6c0 70.656 57.6 128.256 128.256 128.256 14.080 0 25.6 11.52 25.6 25.6s-11.52 25.6-25.6 25.6zM680.704 636.16c-15.104 25.344-36.352 46.336-61.696 61.696 25.344 15.104 46.336 36.352 61.696 61.696 15.104-25.344 36.352-46.336 61.696-61.696-25.344-15.104-46.336-36.352-61.696-61.696zM491.776 527.616c-42.24 0-76.544 34.304-76.544 76.544 0 14.080-11.52 25.6-25.6 25.6s-25.6-11.52-25.6-25.6c0-42.24-34.304-76.544-76.544-76.544-14.080 0-25.6-11.52-25.6-25.6s11.52-25.6 25.6-25.6c42.24 0 76.544-34.304 76.544-76.544 0-14.080 11.52-25.6 25.6-25.6s25.6 11.52 25.6 25.6c0 42.24 34.304 76.544 76.544 76.544 14.080 0 25.6 11.52 25.6 25.6s-11.52 25.6-25.6 25.6zM389.632 476.672c-7.168 9.728-15.872 18.176-25.6 25.6 9.728 7.168 18.176 15.872 25.6 25.6 7.168-9.728 15.872-18.176 25.6-25.6-9.728-7.168-18.176-15.872-25.6-25.6z" />
|
|
78
|
+
<glyph unicode="󈕄" glyph-name="failure" d="M792.064 311.808l-237.824 412.16c-16.128 27.648-50.688 36.352-77.056 19.712-7.68-4.864-14.080-11.52-18.944-19.712l-237.824-412.16c-15.616-27.904-6.4-63.488 20.48-79.616 8.448-5.12 17.92-7.68 27.392-7.68h475.392c30.976 0.256 55.808 26.624 55.552 58.88 0 9.984-2.816 19.968-7.424 28.416zM482.304 594.944c0 13.312 10.752 24.064 24.064 24.064s24.064-10.752 24.064-24.064v-146.432c0-13.312-10.752-24.064-24.064-24.064s-24.064 10.752-24.064 24.064v146.432zM506.368 308.992c-19.968 0-36.352 16.384-36.352 36.352s16.384 36.352 36.352 36.352 36.352-16.384 36.352-36.352-16.384-36.352-36.352-36.352z" />
|
|
79
|
+
<glyph unicode="󈕅" glyph-name="nodeRemove" d="M574.208 435.712h93.952c14.848 0 26.88 12.032 26.88 26.88v93.952c0 14.848-12.032 26.88-26.88 26.88h-93.952c-14.848 0-26.88-12.032-26.88-26.88v-22.528h-140.544v31.232c0 13.568-10.752 24.32-24.32 24.32s-24.32-10.752-24.32-24.32v-186.368c0-56.32 45.824-102.144 102.144-102.144h87.040v-18.432c0-14.848 12.032-26.88 26.88-26.88h93.952c14.848 0 26.88 12.032 26.88 26.88v93.952c0 14.848-12.032 26.88-26.88 26.88h-93.952c-14.848 0-26.88-12.032-26.88-26.88v-26.88h-87.040c-29.44 0-53.504 24.064-53.504 53.504v106.496h140.544v-22.528c0-14.848 12.032-26.88 26.88-26.88zM413.952 634.88c4.864-4.864 11.008-7.168 17.152-7.168s12.544 2.304 17.152 7.168c9.472 9.472 9.472 24.832 0 34.304l-31.488 31.488 31.488 31.488c9.472 9.472 9.472 24.832 0 34.304s-24.832 9.472-34.304 0l-31.488-31.488-31.488 31.488c-9.472 9.472-24.832 9.472-34.304 0s-9.472-24.832 0-34.304l31.488-31.488-31.488-31.488c-9.472-9.472-9.472-24.832 0-34.304 4.864-4.864 11.008-7.168 17.152-7.168s12.544 2.304 17.152 7.168l31.488 31.488 31.488-31.488z" />
|
|
80
|
+
<glyph unicode="󈕆" glyph-name="reschedule" d="M271.104 683.264c-6.4 1.536-12.032 5.12-16.128 10.752-8.96 12.544-6.144 29.696 6.144 38.912l91.136 66.048c12.544 8.96 29.952 6.4 38.912-6.144s6.144-29.696-6.144-38.912l-91.136-66.048c-6.912-4.864-15.104-6.4-22.784-4.608zM808.704 732.928l-91.136 66.048c-12.544 8.96-29.952 6.4-38.912-6.144s-6.144-29.696 6.144-38.912l91.136-66.048c6.912-4.864 15.104-6.4 22.784-4.608 6.4 1.536 12.032 5.12 16.128 10.752 8.96 12.544 6.144 29.696-6.144 38.912zM781.568 492.288c0-139.008-113.152-252.16-252.16-252.16s-252.16 113.152-252.16 252.16 113.152 252.416 252.16 252.416 252.16-113.152 252.16-252.416zM711.68 553.984c-7.936 6.144-19.456 4.608-25.6-3.328l-18.432-24.064c-15.36 62.208-71.424 108.544-138.496 108.544-78.592 0-142.848-64-142.848-142.848s64-142.848 142.848-142.848c9.984 0 18.176 8.192 18.176 18.176s-8.192 18.176-18.176 18.176c-58.624 0-106.24 47.616-106.24 106.24s47.616 106.24 106.24 106.24c48.384 0 89.088-32.768 101.632-77.312l-24.32 18.432c-7.936 6.144-19.456 4.608-25.6-3.328s-4.608-19.456 3.328-25.6l59.392-45.568c3.328-2.56 7.168-3.84 11.008-3.84 5.376 0 11.008 2.56 14.592 7.168l45.568 59.392c6.144 7.936 4.608 19.456-3.328 25.6z" />
|
|
81
|
+
<glyph unicode="󈕇" glyph-name="scheduleDelay" d="M248.064 683.264c-6.4 1.536-12.032 5.12-16.128 10.752-8.96 12.544-6.144 29.696 6.144 38.912l91.136 66.048c12.544 8.96 29.952 6.4 38.912-6.144s6.144-29.696-6.144-38.912l-91.136-66.048c-6.912-4.864-15.104-6.4-22.784-4.608zM785.92 732.928l-91.136 66.048c-12.544 8.96-29.952 6.4-38.912-6.144s-6.144-29.696 6.144-38.912l91.136-66.048c6.912-4.864 15.104-6.4 22.784-4.608 6.4 1.536 12.032 5.12 16.128 10.752 8.96 12.544 6.144 29.696-6.144 38.912zM758.528 492.288c0-139.008-113.152-252.16-252.16-252.16s-252.16 113.152-252.16 252.16 113.152 252.416 252.16 252.416 252.16-113.152 252.16-252.416zM609.792 455.424l-84.48 39.168v93.952c0 12.544-10.24 22.784-22.784 22.784s-22.784-10.24-22.784-22.784v-108.544c0-8.704 5.12-16.896 13.056-20.48l97.536-45.312c3.072-1.536 6.4-2.048 9.472-2.048 8.448 0 16.64 4.864 20.48 13.056 5.376 11.264 0.256 24.832-11.008 30.208z" />
|
|
82
|
+
<glyph unicode="󈕈" glyph-name="skip" d="M562.176 515.072c13.312-10.752 13.312-30.976 0-41.728l-297.728-238.336c-17.408-14.080-43.264-1.536-43.264 20.736v476.672c0 22.272 25.856 34.816 43.264 20.736l297.728-238.336zM732.672 748.288h-58.112c-8.192 0-14.848-12.032-14.848-26.624v-473.6c0-14.592 6.656-26.624 14.848-26.624h58.112c8.192 0 14.848 12.032 14.848 26.624v473.6c0 14.592-6.656 26.624-14.848 26.624z" />
|
|
78
83
|
</font></defs></svg>
|
|
Binary file
|
|
Binary file
|
|
@@ -124,4 +124,6 @@
|
|
|
124
124
|
<glyph unicode="򱁲" glyph-name="botNeutral" d="M839.424 947.2h-654.848c-59.465-0.145-107.631-48.311-107.776-107.762v-654.862c0.145-59.465 48.311-107.631 107.762-107.776h654.862c59.465 0.145 107.631 48.311 107.776 107.762v654.862c-0.145 59.465-48.311 107.631-107.762 107.776h-0.014zM896 184.576c0-31.246-25.33-56.576-56.576-56.576v0h-654.848c-31.246 0-56.576 25.33-56.576 56.576v0 654.848c0 31.246 25.33 56.576 56.576 56.576v0h654.848c31.246 0 56.576-25.33 56.576-56.576v0zM307.712 716.8h77.568c16.259 0 29.44-13.181 29.44-29.44v-77.568c0-16.259-13.181-29.44-29.44-29.44h-77.568c-16.259 0-29.44 13.181-29.44 29.44v77.568c0 16.259 13.181 29.44 29.44 29.44zM635.392 716.8h77.568c16.259 0 29.44-13.181 29.44-29.44v-77.568c0-16.259-13.181-29.44-29.44-29.44h-77.568c-16.259 0-29.44 13.181-29.44 29.44v77.568c0 16.259 13.181 29.44 29.44 29.44zM591.616 400.384h-159.232c-14.138 0-25.6-11.462-25.6-25.6s11.462-25.6 25.6-25.6v0h159.232c14.138 0 25.6 11.462 25.6 25.6s-11.462 25.6-25.6 25.6v0z" />
|
|
125
125
|
<glyph unicode="򱁳" glyph-name="botPositive" d="M839.424 947.2h-654.848c-59.465-0.145-107.631-48.311-107.776-107.762v-654.862c0.145-59.465 48.311-107.631 107.762-107.776h654.862c59.465 0.145 107.631 48.311 107.776 107.762v654.862c-0.145 59.465-48.311 107.631-107.762 107.776h-0.014zM896 184.576c0-31.246-25.33-56.576-56.576-56.576v0h-654.848c-31.246 0-56.576 25.33-56.576 56.576v0 654.848c0 31.246 25.33 56.576 56.576 56.576v0h654.848c31.246 0 56.576-25.33 56.576-56.576v0zM307.712 716.8h77.568c16.259 0 29.44-13.181 29.44-29.44v-77.568c0-16.259-13.181-29.44-29.44-29.44h-77.568c-16.259 0-29.44 13.181-29.44 29.44v77.568c0 16.259 13.181 29.44 29.44 29.44zM635.392 716.8h77.568c16.259 0 29.44-13.181 29.44-29.44v-77.568c0-16.259-13.181-29.44-29.44-29.44h-77.568c-16.259 0-29.44 13.181-29.44 29.44v77.568c0 16.259 13.181 29.44 29.44 29.44zM656.896 435.2c-37.069-37.11-88.302-60.065-144.896-60.065s-107.826 22.955-144.894 60.063l-0.002 0.002c-4.627 4.601-11.006 7.444-18.048 7.444s-13.421-2.844-18.049-7.446l0.001 0.001c-4.601-4.627-7.444-11.006-7.444-18.048s2.844-13.421 7.446-18.049l-0.001 0.001c46.324-46.311 110.313-74.953 180.992-74.953s134.668 28.643 180.993 74.954l-0.001-0.001c4.601 4.627 7.444 11.006 7.444 18.048s-2.844 13.421-7.446 18.049l0.001-0.001c-4.627 4.601-11.006 7.444-18.048 7.444s-13.421-2.844-18.049-7.446l0.001 0.001z" />
|
|
126
126
|
<glyph unicode="򱁴" glyph-name="nestedConversation" d="M650.24 347.392c-40.96 0-75.264-27.648-86.528-65.024h-119.040c-25.088 0-45.568 20.48-45.568 45.568v174.336c13.568-7.424 28.928-12.032 45.568-12.032h119.040c11.008-37.376 45.312-65.024 86.528-65.024 49.92 0 90.624 40.704 90.624 90.624s-40.704 90.624-90.624 90.624c-40.96 0-75.264-27.648-86.528-65.024h-119.040c-25.088 0-45.568 20.48-45.568 45.568v93.44c37.376 11.008 65.024 45.312 65.024 86.528 0 49.92-40.704 90.624-90.624 90.624s-90.624-40.704-90.624-90.624c0-40.96 27.648-75.264 65.024-86.528v-352.768c0-53.504 43.52-96.768 96.768-96.768h119.040c11.008-37.376 45.312-65.024 86.528-65.024 49.92 0 90.624 40.704 90.624 90.624s-40.704 90.624-90.624 90.624zM650.24 555.52c21.76 0 39.424-17.664 39.424-39.424s-17.664-39.424-39.424-39.424-39.424 17.664-39.424 39.424 17.664 39.424 39.424 39.424zM334.336 767.232c0 21.76 17.664 39.424 39.424 39.424s39.424-17.664 39.424-39.424-17.664-39.424-39.424-39.424-39.424 17.664-39.424 39.424zM650.24 217.344c-21.76 0-39.424 17.664-39.424 39.424s17.664 39.424 39.424 39.424 39.424-17.664 39.424-39.424-17.664-39.424-39.424-39.424z" />
|
|
127
|
+
<glyph unicode="򱁵" d="M764.416 616.96c-43.264 102.4-144.64 174.336-262.656 174.336-157.44 0-284.928-127.488-284.928-284.928 0-67.584 23.552-129.536 62.976-178.688 0 0-2.816-65.024-72.96-114.432 68.352-7.68 129.792 2.048 184.064 30.72 34.048-14.336 71.936-22.528 111.616-22.528 22.016 0 43.52 2.56 64.256 7.424 0 0 148.48 14.336 193.792 164.608 45.312 150.016 4.352 224 4.352 224h-0.512z" />
|
|
128
|
+
<glyph unicode="򱁶" d="M326.144 587.52c20.736 0 37.376-16.64 37.376-37.376s-16.64-37.376-37.376-37.376-37.376 16.64-37.376 37.376 16.64 37.376 37.376 37.376zM482.304 587.52c-20.736 0-37.376-16.64-37.376-37.376s16.64-37.376 37.376-37.376 37.376 16.64 37.376 37.376-16.64 37.376-37.376 37.376zM465.664 277.248c-46.592-3.84-94.72 3.584-138.24 22.016-7.168 3.072-15.104 2.816-22.016-1.024-38.656-20.48-82.176-31.744-129.792-33.536 41.472 50.688 44.032 100.352 44.288 102.912 0.256 6.144-1.792 12.288-5.632 17.152-41.984 52.224-64.256 115.2-64.256 182.528 0 160.512 130.56 291.328 291.328 291.328 81.408 0 156.672-32.768 212.48-92.16 9.728-10.24 25.856-10.752 36.096-1.024s10.752 25.856 1.28 36.096c-64.512 68.864-155.648 108.288-249.856 108.288-188.928 0-342.528-153.6-342.528-342.528 0-74.24 24.32-146.688 68.608-205.824-3.584-18.432-17.152-62.464-69.12-99.072-8.704-6.144-12.8-16.896-9.984-27.392 2.56-10.24 11.52-17.92 22.016-19.2 17.408-2.048 34.56-2.816 51.2-2.816 57.344 0 110.080 11.52 157.184 34.304 48.128-18.432 100.352-25.6 151.296-21.504 14.080 1.28 24.576 13.568 23.296 27.648s-13.568 24.832-27.648 23.296zM737.536 693.76c60.416 0 109.568-49.152 109.568-109.568s-49.152-109.568-109.568-109.568-109.568 49.152-109.568 109.568 49.152 109.568 109.568 109.568zM679.168 584.448c0-32.256 26.112-58.368 58.368-58.368s58.368 26.112 58.368 58.368-26.112 58.368-58.368 58.368-58.368-26.112-58.368-58.368zM951.552 344.832c0-62.464-50.688-113.152-113.152-113.152h-205.312c-62.464 0-113.152 50.688-113.152 113.152s50.688 113.152 113.152 113.152h205.312c62.464 0 113.152-50.688 113.152-113.152zM900.352 344.832c0 34.304-27.904 61.952-61.952 61.952h-205.312c-34.304 0-61.952-27.904-61.952-61.952s27.904-61.952 61.952-61.952h205.312c34.304 0 61.952 27.904 61.952 61.952z" />
|
|
127
129
|
</font></defs></svg>
|
|
Binary file
|
|
Binary file
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
/*$Id$*/
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
.icon-bar,.icon-donut,.icon-happinessRating,.icon-line,.icon-liveTraffic,.icon-mostThread,.icon-multiLine,.icon-negativeRating,.icon-offlineAgent,.icon-onlineAgent,.icon-openTicket,.icon-overdueTicket,.icon-percentage,.icon-pie,.icon-responseTrend,.icon-stackedBar,.icon-unassignedTicket,.icon-
|
|
13
|
+
.icon-bar,.icon-donut,.icon-happinessRating,.icon-line,.icon-liveTraffic,.icon-mostThread,.icon-multiLine,.icon-negativeRating,.icon-offlineAgent,.icon-onlineAgent,.icon-openTicket,.icon-overdueTicket,.icon-percentage,.icon-pie,.icon-responseTrend,.icon-stackedBar,.icon-unassignedTicket,.icon-growth,.icon-askZia{
|
|
14
14
|
font-family:"zdf-rAnalyticsColor_2" !important;
|
|
15
15
|
}
|
|
16
16
|
|
|
@@ -197,10 +197,10 @@
|
|
|
197
197
|
margin-left:-1em;
|
|
198
198
|
color:rgb(40, 164, 73);
|
|
199
199
|
}
|
|
200
|
-
.icon-
|
|
200
|
+
.icon-growth:before{
|
|
201
201
|
content:"\c9528";
|
|
202
202
|
}
|
|
203
|
-
.icon-
|
|
203
|
+
.icon-askZia:before{
|
|
204
204
|
content:"\c9529";
|
|
205
205
|
}
|
|
206
206
|
}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
/*$Id$*/
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
.icon-auAction,.icon-auIf,.icon-auSchedule,.icon-auBranch,.icon-auTrigger,.icon-fitToView,.icon-reCentre,.icon-addComment,.icon-addFollower,.icon-addSkill,.icon-addTag,.icon-alert,.icon-articleSuggestion,.icon-assignTicket,.icon-automation,.icon-changeLayout,.icon-createRecord,.icon-customFunction,.icon-deleteRecord,.icon-getRecord,.icon-moveDepartment,.icon-notifyIM,.icon-reassignRequest,.icon-recalculateSkill,.icon-removeSkill,.icon-removeTag,.icon-replyIM,.icon-sendEmailReply,.icon-shareTicket,.icon-spamTicket,.icon-updateRecord,.icon-updateTicket,.icon-webhooks,.icon-ziaBot,.icon-ziaExtract,.icon-ziaGenerate,.icon-ziaPredict{
|
|
13
|
+
.icon-auAction,.icon-auIf,.icon-auSchedule,.icon-auBranch,.icon-auTrigger,.icon-fitToView,.icon-reCentre,.icon-addComment,.icon-addFollower,.icon-addSkill,.icon-addTag,.icon-alert,.icon-articleSuggestion,.icon-assignTicket,.icon-automation,.icon-changeLayout,.icon-createRecord,.icon-customFunction,.icon-deleteRecord,.icon-getRecord,.icon-moveDepartment,.icon-notifyIM,.icon-reassignRequest,.icon-recalculateSkill,.icon-removeSkill,.icon-removeTag,.icon-replyIM,.icon-sendEmailReply,.icon-shareTicket,.icon-spamTicket,.icon-updateRecord,.icon-updateTicket,.icon-webhooks,.icon-ziaBot,.icon-ziaExtract,.icon-ziaGenerate,.icon-ziaPredict,.icon-failure,.icon-nodeRemove,.icon-reschedule,.icon-scheduleDelay,.icon-skip{
|
|
14
14
|
font-family:"zdf-rAutomation_5" !important;
|
|
15
15
|
}
|
|
16
16
|
|
|
@@ -311,4 +311,19 @@
|
|
|
311
311
|
margin-left:-1em;
|
|
312
312
|
color:rgb(40, 190, 130);
|
|
313
313
|
}
|
|
314
|
+
.icon-failure:before{
|
|
315
|
+
content:"\c8544";
|
|
316
|
+
}
|
|
317
|
+
.icon-nodeRemove:before{
|
|
318
|
+
content:"\c8545";
|
|
319
|
+
}
|
|
320
|
+
.icon-reschedule:before{
|
|
321
|
+
content:"\c8546";
|
|
322
|
+
}
|
|
323
|
+
.icon-scheduleDelay:before{
|
|
324
|
+
content:"\c8547";
|
|
325
|
+
}
|
|
326
|
+
.icon-skip:before{
|
|
327
|
+
content:"\c8548";
|
|
328
|
+
}
|
|
314
329
|
}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
/*$Id$*/
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
.icon-activity,.icon-addAgent,.icon-API,.icon-applyMacro,.icon-archivedView,.icon-article,.icon-blueprint,.icon-book,.icon-bot,.icon-botNegative,.icon-botNuetral,.icon-botPossitive,.icon-bug,.icon-clone,.icon-closedTime,.icon-comment,.icon-completedTask,.icon-countdownMode,.icon-createdTime,.icon-customizeTable,.icon-disLink,.icon-draftdelete,.icon-draftEdit,.icon-draftSend,.icon-ellipsis,.icon-event,.icon-expand,.icon-flag,.icon-followers,.icon-forwardDraft,.icon-crm,.icon-hash,.icon-hideTab,.icon-idea,.icon-in,.icon-link,.icon-macros,.icon-merge,.icon-noviewer,.icon-out,.icon-paidUser,.icon-peek,.icon-remoteAssist,.icon-responsiveReply,.icon-roles,.icon-rolesSub,.icon-sandClock,.icon-snippet,.icon-snippetPen,.icon-split,.icon-statusMode,.icon-table,.icon-tag,.icon-task,.icon-team,.icon-teamAgent,.icon-thread,.icon-ticket,.icon-timeEntry,.icon-timeEntryPause,.icon-timeEntryStart,.icon-timelineDots,.icon-transition,.icon-unArchivedView,.icon-commentFill,.icon-commentLine,.icon-primaryFolder,.icon-roundComment,.icon-scheduleReply,.icon-showOriginal,.icon-tickCircle,.icon-editFill,.icon-calendarFill,.icon-fontA,.icon-doubleArrow,.icon-preference,.icon-commentPath,.icon-followStroke,.icon-relatedDetails,.icon-ticketVisible,.icon-ticketInvisible,.icon-languageDetector,.icon-ticketView,.icon-prediction,.icon-parentTicket,.icon-childTicket,.icon-makeLonger,.icon-makeShorter,.icon-addResolution,.icon-clearSchedule,.icon-ziaTranslator,.icon-customModule,.icon-reschedule,.icon-publicPrivatePin,.icon-ticketSpam,.icon-ticketClosed,.icon-ticketContexual,.icon-ticketReopen,.icon-tempPreview,.icon-botNeutral,.icon-botPositive,.icon-nestedConversation{
|
|
13
|
+
.icon-activity,.icon-addAgent,.icon-API,.icon-applyMacro,.icon-archivedView,.icon-article,.icon-blueprint,.icon-book,.icon-bot,.icon-botNegative,.icon-botNuetral,.icon-botPossitive,.icon-bug,.icon-clone,.icon-closedTime,.icon-comment,.icon-completedTask,.icon-countdownMode,.icon-createdTime,.icon-customizeTable,.icon-disLink,.icon-draftdelete,.icon-draftEdit,.icon-draftSend,.icon-ellipsis,.icon-event,.icon-expand,.icon-flag,.icon-followers,.icon-forwardDraft,.icon-crm,.icon-hash,.icon-hideTab,.icon-idea,.icon-in,.icon-link,.icon-macros,.icon-merge,.icon-noviewer,.icon-out,.icon-paidUser,.icon-peek,.icon-remoteAssist,.icon-responsiveReply,.icon-roles,.icon-rolesSub,.icon-sandClock,.icon-snippet,.icon-snippetPen,.icon-split,.icon-statusMode,.icon-table,.icon-tag,.icon-task,.icon-team,.icon-teamAgent,.icon-thread,.icon-ticket,.icon-timeEntry,.icon-timeEntryPause,.icon-timeEntryStart,.icon-timelineDots,.icon-transition,.icon-unArchivedView,.icon-commentFill,.icon-commentLine,.icon-primaryFolder,.icon-roundComment,.icon-scheduleReply,.icon-showOriginal,.icon-tickCircle,.icon-editFill,.icon-calendarFill,.icon-fontA,.icon-doubleArrow,.icon-preference,.icon-commentPath,.icon-followStroke,.icon-relatedDetails,.icon-ticketVisible,.icon-ticketInvisible,.icon-languageDetector,.icon-ticketView,.icon-prediction,.icon-parentTicket,.icon-childTicket,.icon-makeLonger,.icon-makeShorter,.icon-addResolution,.icon-clearSchedule,.icon-ziaTranslator,.icon-customModule,.icon-reschedule,.icon-publicPrivatePin,.icon-ticketSpam,.icon-ticketClosed,.icon-ticketContexual,.icon-ticketReopen,.icon-tempPreview,.icon-botNeutral,.icon-botPositive,.icon-nestedConversation,.icon-sideChat{
|
|
14
14
|
font-family:"zdf-rTickets_10" !important;
|
|
15
15
|
}
|
|
16
16
|
|
|
@@ -407,4 +407,13 @@
|
|
|
407
407
|
.icon-nestedConversation:before{
|
|
408
408
|
content:"\b1074";
|
|
409
409
|
}
|
|
410
|
+
.icon-sideChat .path1:before{
|
|
411
|
+
content:"\b1075";
|
|
412
|
+
color:rgb(223, 230, 241);
|
|
413
|
+
}
|
|
414
|
+
.icon-sideChat .path2:before{
|
|
415
|
+
content:"\b1076";
|
|
416
|
+
margin-left:-1em;
|
|
417
|
+
color:rgb(1, 1, 1);
|
|
418
|
+
}
|
|
410
419
|
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import IconContext from "./IconContext";
|
|
3
|
+
import { IconProviderProps } from "./props/propTypes";
|
|
4
|
+
import { IconProviderDefaultProps } from "./props/defaultProps";
|
|
5
|
+
export default function IconProvider(props) {
|
|
6
|
+
let {
|
|
7
|
+
type,
|
|
8
|
+
svgIconPrefix,
|
|
9
|
+
svgIconClass,
|
|
10
|
+
children
|
|
11
|
+
} = props;
|
|
12
|
+
const value = React.useMemo(() => ({
|
|
13
|
+
type,
|
|
14
|
+
svgIconPrefix,
|
|
15
|
+
svgIconClass
|
|
16
|
+
}), [type, svgIconPrefix, svgIconClass]);
|
|
17
|
+
return /*#__PURE__*/React.createElement(IconContext.Provider, {
|
|
18
|
+
value: value
|
|
19
|
+
}, children);
|
|
20
|
+
}
|
|
21
|
+
IconProvider.propTypes = IconProviderProps;
|
|
22
|
+
IconProvider.defaultProps = IconProviderDefaultProps;
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import Icon from "../../Icon";
|
|
4
|
+
import IconProvider from "../IconProvider";
|
|
5
|
+
describe('IconProvider / IconContext - ', () => {
|
|
6
|
+
test('default context - renders font icon (no provider)', () => {
|
|
7
|
+
const {
|
|
8
|
+
asFragment
|
|
9
|
+
} = render( /*#__PURE__*/React.createElement(Icon, {
|
|
10
|
+
name: "ZD-close2"
|
|
11
|
+
}));
|
|
12
|
+
expect(asFragment()).toMatchSnapshot();
|
|
13
|
+
});
|
|
14
|
+
test('type "fontIcon" - renders font icon', () => {
|
|
15
|
+
const {
|
|
16
|
+
asFragment
|
|
17
|
+
} = render( /*#__PURE__*/React.createElement(IconProvider, {
|
|
18
|
+
type: "fontIcon"
|
|
19
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
20
|
+
name: "ZD-close2"
|
|
21
|
+
})));
|
|
22
|
+
expect(asFragment()).toMatchSnapshot();
|
|
23
|
+
});
|
|
24
|
+
test('type "svgIcon" - renders svg symbol', () => {
|
|
25
|
+
const {
|
|
26
|
+
asFragment
|
|
27
|
+
} = render( /*#__PURE__*/React.createElement(IconProvider, {
|
|
28
|
+
type: "svgIcon"
|
|
29
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
30
|
+
name: "ZD-close2"
|
|
31
|
+
})));
|
|
32
|
+
expect(asFragment()).toMatchSnapshot();
|
|
33
|
+
});
|
|
34
|
+
test('type "svgIcon" with custom "svgIconPrefix"', () => {
|
|
35
|
+
const {
|
|
36
|
+
asFragment
|
|
37
|
+
} = render( /*#__PURE__*/React.createElement(IconProvider, {
|
|
38
|
+
type: "svgIcon",
|
|
39
|
+
svgIconPrefix: "/sprites.svg#"
|
|
40
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
41
|
+
name: "ZD-close2"
|
|
42
|
+
})));
|
|
43
|
+
expect(asFragment()).toMatchSnapshot();
|
|
44
|
+
});
|
|
45
|
+
test('type "svgIcon" with "svgIconClass"', () => {
|
|
46
|
+
const {
|
|
47
|
+
asFragment
|
|
48
|
+
} = render( /*#__PURE__*/React.createElement(IconProvider, {
|
|
49
|
+
type: "svgIcon",
|
|
50
|
+
svgIconClass: "app-svg-icon"
|
|
51
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
52
|
+
name: "ZD-close2"
|
|
53
|
+
})));
|
|
54
|
+
expect(asFragment()).toMatchSnapshot();
|
|
55
|
+
});
|
|
56
|
+
test('type "svgIcon" - passes "size" prop to svg', () => {
|
|
57
|
+
const {
|
|
58
|
+
asFragment
|
|
59
|
+
} = render( /*#__PURE__*/React.createElement(IconProvider, {
|
|
60
|
+
type: "svgIcon"
|
|
61
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
62
|
+
name: "ZD-close2",
|
|
63
|
+
size: "20"
|
|
64
|
+
})));
|
|
65
|
+
expect(asFragment()).toMatchSnapshot();
|
|
66
|
+
});
|
|
67
|
+
test('type "svgIcon" - passes "title" prop to svg', () => {
|
|
68
|
+
const {
|
|
69
|
+
asFragment
|
|
70
|
+
} = render( /*#__PURE__*/React.createElement(IconProvider, {
|
|
71
|
+
type: "svgIcon"
|
|
72
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
73
|
+
name: "ZD-close2",
|
|
74
|
+
title: "Close"
|
|
75
|
+
})));
|
|
76
|
+
expect(asFragment()).toMatchSnapshot();
|
|
77
|
+
});
|
|
78
|
+
test('type "svgIcon" - passes "iconClass" prop to svg', () => {
|
|
79
|
+
const {
|
|
80
|
+
asFragment
|
|
81
|
+
} = render( /*#__PURE__*/React.createElement(IconProvider, {
|
|
82
|
+
type: "svgIcon"
|
|
83
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
84
|
+
name: "ZD-close2",
|
|
85
|
+
iconClass: "custom-class"
|
|
86
|
+
})));
|
|
87
|
+
expect(asFragment()).toMatchSnapshot();
|
|
88
|
+
});
|
|
89
|
+
test('type "svgIcon" - passes "a11y" ariaHidden false', () => {
|
|
90
|
+
const {
|
|
91
|
+
asFragment
|
|
92
|
+
} = render( /*#__PURE__*/React.createElement(IconProvider, {
|
|
93
|
+
type: "svgIcon"
|
|
94
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
95
|
+
name: "ZD-close2",
|
|
96
|
+
a11y: {
|
|
97
|
+
ariaHidden: false
|
|
98
|
+
}
|
|
99
|
+
})));
|
|
100
|
+
expect(asFragment()).toMatchSnapshot();
|
|
101
|
+
});
|
|
102
|
+
test('multiple icons share the same provider context', () => {
|
|
103
|
+
const {
|
|
104
|
+
asFragment
|
|
105
|
+
} = render( /*#__PURE__*/React.createElement(IconProvider, {
|
|
106
|
+
type: "svgIcon",
|
|
107
|
+
svgIconPrefix: "#"
|
|
108
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
109
|
+
name: "ZD-close2"
|
|
110
|
+
}), /*#__PURE__*/React.createElement(Icon, {
|
|
111
|
+
name: "ZD-addAccount"
|
|
112
|
+
})));
|
|
113
|
+
expect(asFragment()).toMatchSnapshot();
|
|
114
|
+
});
|
|
115
|
+
});
|
|
@@ -0,0 +1,166 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`IconProvider / IconContext - default context - renders font icon (no provider) 1`] = `
|
|
4
|
+
<DocumentFragment>
|
|
5
|
+
<i
|
|
6
|
+
aria-hidden="true"
|
|
7
|
+
class="zd_font_icons basic icon-close2 "
|
|
8
|
+
data-id="fontIcon"
|
|
9
|
+
data-selector-id="fontIcon"
|
|
10
|
+
data-test-id="fontIcon"
|
|
11
|
+
/>
|
|
12
|
+
</DocumentFragment>
|
|
13
|
+
`;
|
|
14
|
+
|
|
15
|
+
exports[`IconProvider / IconContext - multiple icons share the same provider context 1`] = `
|
|
16
|
+
<DocumentFragment>
|
|
17
|
+
<svg
|
|
18
|
+
aria-hidden="true"
|
|
19
|
+
class="svgIcon "
|
|
20
|
+
data-id="fontIcon"
|
|
21
|
+
data-selector-id="fontIcon"
|
|
22
|
+
data-test-id="fontIcon"
|
|
23
|
+
>
|
|
24
|
+
<use
|
|
25
|
+
href="#ZD-close2"
|
|
26
|
+
/>
|
|
27
|
+
</svg>
|
|
28
|
+
<svg
|
|
29
|
+
aria-hidden="true"
|
|
30
|
+
class="svgIcon "
|
|
31
|
+
data-id="fontIcon"
|
|
32
|
+
data-selector-id="fontIcon"
|
|
33
|
+
data-test-id="fontIcon"
|
|
34
|
+
>
|
|
35
|
+
<use
|
|
36
|
+
href="#ZD-addAccount"
|
|
37
|
+
/>
|
|
38
|
+
</svg>
|
|
39
|
+
</DocumentFragment>
|
|
40
|
+
`;
|
|
41
|
+
|
|
42
|
+
exports[`IconProvider / IconContext - type "fontIcon" - renders font icon 1`] = `
|
|
43
|
+
<DocumentFragment>
|
|
44
|
+
<i
|
|
45
|
+
aria-hidden="true"
|
|
46
|
+
class="zd_font_icons basic icon-close2 "
|
|
47
|
+
data-id="fontIcon"
|
|
48
|
+
data-selector-id="fontIcon"
|
|
49
|
+
data-test-id="fontIcon"
|
|
50
|
+
/>
|
|
51
|
+
</DocumentFragment>
|
|
52
|
+
`;
|
|
53
|
+
|
|
54
|
+
exports[`IconProvider / IconContext - type "svgIcon" - passes "a11y" ariaHidden false 1`] = `
|
|
55
|
+
<DocumentFragment>
|
|
56
|
+
<svg
|
|
57
|
+
aria-hidden="false"
|
|
58
|
+
class="svgIcon "
|
|
59
|
+
data-id="fontIcon"
|
|
60
|
+
data-selector-id="fontIcon"
|
|
61
|
+
data-test-id="fontIcon"
|
|
62
|
+
>
|
|
63
|
+
<use
|
|
64
|
+
href="#ZD-close2"
|
|
65
|
+
/>
|
|
66
|
+
</svg>
|
|
67
|
+
</DocumentFragment>
|
|
68
|
+
`;
|
|
69
|
+
|
|
70
|
+
exports[`IconProvider / IconContext - type "svgIcon" - passes "iconClass" prop to svg 1`] = `
|
|
71
|
+
<DocumentFragment>
|
|
72
|
+
<svg
|
|
73
|
+
aria-hidden="true"
|
|
74
|
+
class="svgIcon custom-class "
|
|
75
|
+
data-id="fontIcon"
|
|
76
|
+
data-selector-id="fontIcon"
|
|
77
|
+
data-test-id="fontIcon"
|
|
78
|
+
>
|
|
79
|
+
<use
|
|
80
|
+
href="#ZD-close2"
|
|
81
|
+
/>
|
|
82
|
+
</svg>
|
|
83
|
+
</DocumentFragment>
|
|
84
|
+
`;
|
|
85
|
+
|
|
86
|
+
exports[`IconProvider / IconContext - type "svgIcon" - passes "size" prop to svg 1`] = `
|
|
87
|
+
<DocumentFragment>
|
|
88
|
+
<svg
|
|
89
|
+
aria-hidden="true"
|
|
90
|
+
class="svgIcon "
|
|
91
|
+
data-id="fontIcon"
|
|
92
|
+
data-selector-id="fontIcon"
|
|
93
|
+
data-test-id="fontIcon"
|
|
94
|
+
style="--zd-iconfont-size: var(--zd_font_size20);"
|
|
95
|
+
>
|
|
96
|
+
<use
|
|
97
|
+
href="#ZD-close2"
|
|
98
|
+
/>
|
|
99
|
+
</svg>
|
|
100
|
+
</DocumentFragment>
|
|
101
|
+
`;
|
|
102
|
+
|
|
103
|
+
exports[`IconProvider / IconContext - type "svgIcon" - passes "title" prop to svg 1`] = `
|
|
104
|
+
<DocumentFragment>
|
|
105
|
+
<svg
|
|
106
|
+
aria-hidden="true"
|
|
107
|
+
class="svgIcon "
|
|
108
|
+
data-id="fontIcon"
|
|
109
|
+
data-selector-id="fontIcon"
|
|
110
|
+
data-test-id="fontIcon"
|
|
111
|
+
data-title="Close"
|
|
112
|
+
>
|
|
113
|
+
<use
|
|
114
|
+
href="#ZD-close2"
|
|
115
|
+
/>
|
|
116
|
+
</svg>
|
|
117
|
+
</DocumentFragment>
|
|
118
|
+
`;
|
|
119
|
+
|
|
120
|
+
exports[`IconProvider / IconContext - type "svgIcon" - renders svg symbol 1`] = `
|
|
121
|
+
<DocumentFragment>
|
|
122
|
+
<svg
|
|
123
|
+
aria-hidden="true"
|
|
124
|
+
class="svgIcon "
|
|
125
|
+
data-id="fontIcon"
|
|
126
|
+
data-selector-id="fontIcon"
|
|
127
|
+
data-test-id="fontIcon"
|
|
128
|
+
>
|
|
129
|
+
<use
|
|
130
|
+
href="#ZD-close2"
|
|
131
|
+
/>
|
|
132
|
+
</svg>
|
|
133
|
+
</DocumentFragment>
|
|
134
|
+
`;
|
|
135
|
+
|
|
136
|
+
exports[`IconProvider / IconContext - type "svgIcon" with "svgIconClass" 1`] = `
|
|
137
|
+
<DocumentFragment>
|
|
138
|
+
<svg
|
|
139
|
+
aria-hidden="true"
|
|
140
|
+
class="svgIcon app-svg-icon "
|
|
141
|
+
data-id="fontIcon"
|
|
142
|
+
data-selector-id="fontIcon"
|
|
143
|
+
data-test-id="fontIcon"
|
|
144
|
+
>
|
|
145
|
+
<use
|
|
146
|
+
href="#ZD-close2"
|
|
147
|
+
/>
|
|
148
|
+
</svg>
|
|
149
|
+
</DocumentFragment>
|
|
150
|
+
`;
|
|
151
|
+
|
|
152
|
+
exports[`IconProvider / IconContext - type "svgIcon" with custom "svgIconPrefix" 1`] = `
|
|
153
|
+
<DocumentFragment>
|
|
154
|
+
<svg
|
|
155
|
+
aria-hidden="true"
|
|
156
|
+
class="svgIcon "
|
|
157
|
+
data-id="fontIcon"
|
|
158
|
+
data-selector-id="fontIcon"
|
|
159
|
+
data-test-id="fontIcon"
|
|
160
|
+
>
|
|
161
|
+
<use
|
|
162
|
+
href="/sprites.svg#ZD-close2"
|
|
163
|
+
/>
|
|
164
|
+
</svg>
|
|
165
|
+
</DocumentFragment>
|
|
166
|
+
`;
|
package/es/Icon/FontFactory.js
CHANGED
|
@@ -1832,7 +1832,8 @@ export const FontFactory = {
|
|
|
1832
1832
|
'ZD-TK-tempPreview': 'icon-tempPreview',
|
|
1833
1833
|
'ZD-TK-botPositive': 'icon-botPositive',
|
|
1834
1834
|
'ZD-TK-botNeutral': 'icon-botNeutral',
|
|
1835
|
-
'ZD-TK-nestedConversation': 'icon-nestedConversation'
|
|
1835
|
+
'ZD-TK-nestedConversation': 'icon-nestedConversation',
|
|
1836
|
+
'ZD-TK-sideChat': ['icon-sideChat', 2]
|
|
1836
1837
|
},
|
|
1837
1838
|
ReactTopbandFontIcon: {
|
|
1838
1839
|
'ZD-TB-advanceSearch': 'icon-advanceSearch',
|
|
@@ -2385,7 +2386,12 @@ export const FontFactory = {
|
|
|
2385
2386
|
'ZD-AU-ziaBot': ['icon-ziaBot', 2],
|
|
2386
2387
|
'ZD-AU-ziaExtract': ['icon-ziaExtract', 2],
|
|
2387
2388
|
'ZD-AU-ziaGenerate': ['icon-ziaGenerate', 2],
|
|
2388
|
-
'ZD-AU-ziaPredict': ['icon-ziaPredict', 2]
|
|
2389
|
+
'ZD-AU-ziaPredict': ['icon-ziaPredict', 2],
|
|
2390
|
+
'ZD-AU-skip': 'icon-skip',
|
|
2391
|
+
'ZD-AU-scheduleDelay': 'icon-scheduleDelay',
|
|
2392
|
+
'ZD-AU-reschedule': 'icon-reschedule',
|
|
2393
|
+
'ZD-AU-nodeRemove': 'icon-nodeRemove',
|
|
2394
|
+
'ZD-AU-failure': 'icon-failure'
|
|
2389
2395
|
},
|
|
2390
2396
|
ReactDeveloperSpaceIcon: {
|
|
2391
2397
|
'ZD-DS-customMobileApp': 'icon-customMobileApp'
|
package/es/Icon/FontIcon.js
CHANGED
|
@@ -65,11 +65,4 @@ export default class FontIcon extends React.Component {
|
|
|
65
65
|
|
|
66
66
|
}
|
|
67
67
|
FontIcon.propTypes = IconProps;
|
|
68
|
-
FontIcon.defaultProps = IconDefaultProps;
|
|
69
|
-
|
|
70
|
-
if (__DOCS__) {
|
|
71
|
-
FontIcon.docs = {
|
|
72
|
-
componentGroup: 'Icon',
|
|
73
|
-
folderName: 'Style Guide'
|
|
74
|
-
};
|
|
75
|
-
}
|
|
68
|
+
FontIcon.defaultProps = IconDefaultProps;
|
package/es/Icon/Icon.module.css
CHANGED
|
@@ -0,0 +1,45 @@
|
|
|
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
|
+
import React from 'react';
|
|
4
|
+
import { SvgIconDefaultProps } from "./props/defaultProps";
|
|
5
|
+
import { SvgIconProps } from "./props/propTypes";
|
|
6
|
+
import { DUMMY_OBJECT } from '@zohodesk/dotkit/es/utils/constants';
|
|
7
|
+
import style from "./Icon.module.css";
|
|
8
|
+
export default function SvgIcon(_ref) {
|
|
9
|
+
let {
|
|
10
|
+
name,
|
|
11
|
+
onClick,
|
|
12
|
+
title,
|
|
13
|
+
dataId,
|
|
14
|
+
dataSelectorId,
|
|
15
|
+
size,
|
|
16
|
+
iconClass,
|
|
17
|
+
titlePosition,
|
|
18
|
+
tagAttributes,
|
|
19
|
+
a11y,
|
|
20
|
+
svgPrefix
|
|
21
|
+
} = _ref;
|
|
22
|
+
let {
|
|
23
|
+
ariaHidden = true
|
|
24
|
+
} = a11y;
|
|
25
|
+
let href = `${svgPrefix}${name}`;
|
|
26
|
+
let fontStyle = size ? {
|
|
27
|
+
'--zd-iconfont-size': 'var(--zd_font_size' + size + ')'
|
|
28
|
+
} : DUMMY_OBJECT;
|
|
29
|
+
let className = `${style.svgIcon} ${iconClass ? iconClass : ''} ${onClick ? style.cursor : ''}`;
|
|
30
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
31
|
+
className: className,
|
|
32
|
+
onClick: onClick,
|
|
33
|
+
"data-title": title,
|
|
34
|
+
"data-id": dataId,
|
|
35
|
+
"data-test-id": dataId,
|
|
36
|
+
"data-selector-id": dataSelectorId,
|
|
37
|
+
"data-title-position": titlePosition,
|
|
38
|
+
style: fontStyle,
|
|
39
|
+
"aria-hidden": ariaHidden
|
|
40
|
+
}, tagAttributes), /*#__PURE__*/React.createElement("use", {
|
|
41
|
+
href: href
|
|
42
|
+
}));
|
|
43
|
+
}
|
|
44
|
+
SvgIcon.propTypes = SvgIconProps;
|
|
45
|
+
SvgIcon.defaultProps = SvgIconDefaultProps;
|