@planningcenter/icons 15.19.0 → 15.20.0
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/package.json +4 -2
- package/paths/chat.js +1 -0
- package/sprites/chat.svg +6 -0
- package/svg/chat/smile.svg +3 -0
- package/symbol/cjs/index.js +6 -11
- package/symbol/cjs/index.js.map +1 -1
- package/symbol/esm/index.js +6 -11
- package/symbol/esm/index.js.map +1 -1
- package/symbol/index.js +6 -11
- package/symbol/index.js.map +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@planningcenter/icons",
|
|
3
|
-
"version": "15.
|
|
3
|
+
"version": "15.20.0",
|
|
4
4
|
"description": "Planning Center Icons",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"test": "jest",
|
|
@@ -58,7 +58,6 @@
|
|
|
58
58
|
"handlebars": "^4.7.6",
|
|
59
59
|
"jest": "^29.7.0",
|
|
60
60
|
"jest-cli": "^29.7.0",
|
|
61
|
-
"lodash.uniqueid": "^4.0.1",
|
|
62
61
|
"media-typer": "^1.1.0",
|
|
63
62
|
"minimist": "^1.2.8",
|
|
64
63
|
"paper": "^0.12.17",
|
|
@@ -68,5 +67,8 @@
|
|
|
68
67
|
"rollup": "^4.34.8",
|
|
69
68
|
"storybook": "^8.0.8",
|
|
70
69
|
"svgo": "^1.3.2"
|
|
70
|
+
},
|
|
71
|
+
"dependencies": {
|
|
72
|
+
"lodash.uniqueid": "^4.0.1"
|
|
71
73
|
}
|
|
72
74
|
}
|
package/paths/chat.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const smile = "M16,8c0,4.416 -3.584,8 -8,8c-4.416,0 -8,-3.584 -8,-8c0,-4.416 3.584,-8 8,-8c4.416,0 8,3.584 8,8zM14.4,8c0,-3.528 -2.872,-6.4 -6.4,-6.4c-3.528,0 -6.4,2.872 -6.4,6.4c0,3.528 2.872,6.4 6.4,6.4c3.528,0 6.4,-2.872 6.4,-6.4zM7,6c0,0.55228 -0.44772,1 -1,1c-0.55228,0 -1,-0.44772 -1,-1c0,-0.55228 0.44772,-1 1,-1c0.55228,0 1,0.44772 1,1zM11,6c0,0.55228 -0.4477,1 -1,1c-0.55228,0 -1,-0.44772 -1,-1c0,-0.55228 0.44772,-1 1,-1c0.5523,0 1,0.44772 1,1zM5.25,8.25c0.27614,0 0.49425,0.22669 0.55487,0.4961c0.22592,1.00395 1.12295,1.7539 2.19513,1.7539c1.07218,0 1.96921,-0.74995 2.1951,-1.7539c0.0607,-0.26941 0.2788,-0.4961 0.5549,-0.4961h0.5c0.2761,0 0.5035,0.22507 0.4671,0.49881c-0.2439,1.83529 -1.81515,3.25119 -3.7171,3.25119c-1.90195,0 -3.47319,-1.4159 -3.71712,-3.25119c-0.03638,-0.27374 0.19098,-0.49881 0.46712,-0.49881z"
|
package/sprites/chat.svg
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
2
|
+
|
|
3
|
+
<symbol id="smile" viewBox="0 0 16 16">
|
|
4
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.584 0 0 3.584 0 8C0 12.416 3.584 16 8 16C12.416 16 16 12.416 16 8C16 3.584 12.416 0 8 0ZM8 14.4C4.472 14.4 1.6 11.528 1.6 8C1.6 4.472 4.472 1.6 8 1.6C11.528 1.6 14.4 4.472 14.4 8C14.4 11.528 11.528 14.4 8 14.4Z M7 6C7 6.55228 6.55228 7 6 7C5.44772 7 5 6.55228 5 6C5 5.44772 5.44772 5 6 5C6.55228 5 7 5.44772 7 6Z M11 6C11 6.55228 10.5523 7 10 7C9.44772 7 9 6.55228 9 6C9 5.44772 9.44772 5 10 5C10.5523 5 11 5.44772 11 6Z M5.25 8.25C5.52614 8.25 5.74425 8.47669 5.80487 8.7461C6.03079 9.75005 6.92782 10.5 8 10.5C9.07218 10.5 9.96921 9.75005 10.1951 8.7461C10.2558 8.47669 10.4739 8.25 10.75 8.25H11.25C11.5261 8.25 11.7535 8.47507 11.7171 8.74881C11.4732 10.5841 9.90195 12 8 12C6.09805 12 4.52681 10.5841 4.28288 8.74881C4.2465 8.47507 4.47386 8.25 4.75 8.25H5.25Z"/>
|
|
5
|
+
</symbol>
|
|
6
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.584 0 0 3.584 0 8C0 12.416 3.584 16 8 16C12.416 16 16 12.416 16 8C16 3.584 12.416 0 8 0ZM8 14.4C4.472 14.4 1.6 11.528 1.6 8C1.6 4.472 4.472 1.6 8 1.6C11.528 1.6 14.4 4.472 14.4 8C14.4 11.528 11.528 14.4 8 14.4Z M7 6C7 6.55228 6.55228 7 6 7C5.44772 7 5 6.55228 5 6C5 5.44772 5.44772 5 6 5C6.55228 5 7 5.44772 7 6Z M11 6C11 6.55228 10.5523 7 10 7C9.44772 7 9 6.55228 9 6C9 5.44772 9.44772 5 10 5C10.5523 5 11 5.44772 11 6Z M5.25 8.25C5.52614 8.25 5.74425 8.47669 5.80487 8.7461C6.03079 9.75005 6.92782 10.5 8 10.5C9.07218 10.5 9.96921 9.75005 10.1951 8.7461C10.2558 8.47669 10.4739 8.25 10.75 8.25H11.25C11.5261 8.25 11.7535 8.47507 11.7171 8.74881C11.4732 10.5841 9.90195 12 8 12C6.09805 12 4.52681 10.5841 4.28288 8.74881C4.2465 8.47507 4.47386 8.25 4.75 8.25H5.25Z" fill="black"/>
|
|
3
|
+
</svg>
|
package/symbol/cjs/index.js
CHANGED
|
@@ -4,18 +4,13 @@ var React = require('react');
|
|
|
4
4
|
var uniqueId = require('lodash.uniqueid');
|
|
5
5
|
|
|
6
6
|
function _extends() {
|
|
7
|
-
_extends = Object.assign ? Object.assign.bind() : function (
|
|
8
|
-
for (var
|
|
9
|
-
var
|
|
10
|
-
for (var
|
|
11
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
12
|
-
target[key] = source[key];
|
|
13
|
-
}
|
|
14
|
-
}
|
|
7
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
8
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
9
|
+
var t = arguments[e];
|
|
10
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
15
11
|
}
|
|
16
|
-
return
|
|
17
|
-
};
|
|
18
|
-
return _extends.apply(this, arguments);
|
|
12
|
+
return n;
|
|
13
|
+
}, _extends.apply(null, arguments);
|
|
19
14
|
}
|
|
20
15
|
|
|
21
16
|
const ForceTitleContext = /*#__PURE__*/React.createContext(false);
|
package/symbol/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/symbol.js"],"sourcesContent":["import React from \"react\"\nimport uniqueId from \"lodash.uniqueid\"\n\nexport const ForceTitleContext = React.createContext(false)\n\nexport function Symbol({\n className,\n symbol: _symbol,\n title: _title = \"\",\n description = \"\",\n role = \"img\",\n ...platformProps\n}) {\n let useSymbolAsTitle = React.useContext(ForceTitleContext)\n\n let [path, symbol] = _symbol.replace(\".svg\", \"\").split(\"#\")\n let uid = uniqueId(`${symbol}-`)\n let title = _title ? _title : useSymbolAsTitle ? symbol : \"\"\n let optionalAttrs =\n title || description\n ? {\n \"aria-labelledby\": [\n title && `title-${uid}`,\n description && `desc-${uid}`,\n ]\n .filter(Boolean)\n .join(\" \"),\n }\n : null\n\n return (\n <svg\n role={role}\n className={[\"symbol\", className].join(\" \").trim()}\n {...optionalAttrs}\n {...platformProps}\n >\n {title && <title id={`title-${uid}`}>{title}</title>}\n {description && <desc id={`desc-${uid}`}>{description}</desc>}\n <use xlinkHref={`${path}.svg#${symbol}`} />\n </svg>\n )\n}\n"],"names":["ForceTitleContext","React","createContext","Symbol","_ref","className","symbol","_symbol","title","_title","description","role","platformProps","useSymbolAsTitle","useContext","path","replace","split","uid","uniqueId","optionalAttrs","filter","Boolean","join","createElement","_extends","trim","id","xlinkHref"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/symbol.js"],"sourcesContent":["import React from \"react\"\nimport uniqueId from \"lodash.uniqueid\"\n\nexport const ForceTitleContext = React.createContext(false)\n\nexport function Symbol({\n className,\n symbol: _symbol,\n title: _title = \"\",\n description = \"\",\n role = \"img\",\n ...platformProps\n}) {\n let useSymbolAsTitle = React.useContext(ForceTitleContext)\n\n let [path, symbol] = _symbol.replace(\".svg\", \"\").split(\"#\")\n let uid = uniqueId(`${symbol}-`)\n let title = _title ? _title : useSymbolAsTitle ? symbol : \"\"\n let optionalAttrs =\n title || description\n ? {\n \"aria-labelledby\": [\n title && `title-${uid}`,\n description && `desc-${uid}`,\n ]\n .filter(Boolean)\n .join(\" \"),\n }\n : null\n\n return (\n <svg\n role={role}\n className={[\"symbol\", className].join(\" \").trim()}\n {...optionalAttrs}\n {...platformProps}\n >\n {title && <title id={`title-${uid}`}>{title}</title>}\n {description && <desc id={`desc-${uid}`}>{description}</desc>}\n <use xlinkHref={`${path}.svg#${symbol}`} />\n </svg>\n )\n}\n"],"names":["ForceTitleContext","React","createContext","Symbol","_ref","className","symbol","_symbol","title","_title","description","role","platformProps","useSymbolAsTitle","useContext","path","replace","split","uid","uniqueId","optionalAttrs","filter","Boolean","join","createElement","_extends","trim","id","xlinkHref"],"mappings":";;;;;;;;;;;;;;;AAGO,MAAMA,iBAAiB,gBAAGC,KAAK,CAACC,aAAa,CAAC,KAAK;AAEnD,SAASC,MAAMA,CAAAC,IAAA,EAOnB;EAAA,IAPoB;IACrBC,SAAS;AACTC,IAAAA,MAAM,EAAEC,OAAO;IACfC,KAAK,EAAEC,MAAM,GAAG,EAAE;AAClBC,IAAAA,WAAW,GAAG,EAAE;AAChBC,IAAAA,IAAI,GAAG,KAAK;IACZ,GAAGC;AACL,GAAC,GAAAR,IAAA;AACC,EAAA,IAAIS,gBAAgB,GAAGZ,KAAK,CAACa,UAAU,CAACd,iBAAiB,CAAC;AAE1D,EAAA,IAAI,CAACe,IAAI,EAAET,MAAM,CAAC,GAAGC,OAAO,CAACS,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC;AAC3D,EAAA,IAAIC,GAAG,GAAGC,QAAQ,CAAE,CAAEb,EAAAA,MAAO,GAAE,CAAC;EAChC,IAAIE,KAAK,GAAGC,MAAM,GAAGA,MAAM,GAAGI,gBAAgB,GAAGP,MAAM,GAAG,EAAE;AAC5D,EAAA,IAAIc,aAAa,GACfZ,KAAK,IAAIE,WAAW,GAChB;IACE,iBAAiB,EAAE,CACjBF,KAAK,IAAK,SAAQU,GAAI,CAAA,CAAC,EACvBR,WAAW,IAAK,CAAA,KAAA,EAAOQ,GAAI,CAAC,CAAA,CAC7B,CACEG,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,GAAG;AACb,GAAC,GACD,IAAI;AAEV,EAAA,oBACEtB,KAAA,CAAAuB,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACEd,IAAAA,IAAI,EAAEA,IAAK;AACXN,IAAAA,SAAS,EAAE,CAAC,QAAQ,EAAEA,SAAS,CAAC,CAACkB,IAAI,CAAC,GAAG,CAAC,CAACG,IAAI;GAC3CN,EAAAA,aAAa,EACbR,aAAa,CAAA,EAEhBJ,KAAK,iBAAIP,KAAA,CAAAuB,aAAA,CAAA,OAAA,EAAA;IAAOG,EAAE,EAAG,SAAQT,GAAI,CAAA;AAAE,GAAA,EAAEV,KAAa,CAAC,EACnDE,WAAW,iBAAIT,KAAA,CAAAuB,aAAA,CAAA,MAAA,EAAA;IAAMG,EAAE,EAAG,QAAOT,GAAI,CAAA;AAAE,GAAA,EAAER,WAAkB,CAAC,eAC7DT,KAAA,CAAAuB,aAAA,CAAA,KAAA,EAAA;AAAKI,IAAAA,SAAS,EAAG,CAAA,EAAEb,IAAK,CAAA,KAAA,EAAOT,MAAO,CAAA;AAAE,GAAE,CACvC,CAAC;AAEV;;;;;"}
|
package/symbol/esm/index.js
CHANGED
|
@@ -2,18 +2,13 @@ import React from 'react';
|
|
|
2
2
|
import uniqueId from 'lodash.uniqueid';
|
|
3
3
|
|
|
4
4
|
function _extends() {
|
|
5
|
-
_extends = Object.assign ? Object.assign.bind() : function (
|
|
6
|
-
for (var
|
|
7
|
-
var
|
|
8
|
-
for (var
|
|
9
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
10
|
-
target[key] = source[key];
|
|
11
|
-
}
|
|
12
|
-
}
|
|
5
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
6
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
7
|
+
var t = arguments[e];
|
|
8
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
13
9
|
}
|
|
14
|
-
return
|
|
15
|
-
};
|
|
16
|
-
return _extends.apply(this, arguments);
|
|
10
|
+
return n;
|
|
11
|
+
}, _extends.apply(null, arguments);
|
|
17
12
|
}
|
|
18
13
|
|
|
19
14
|
const ForceTitleContext = /*#__PURE__*/React.createContext(false);
|
package/symbol/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/symbol.js"],"sourcesContent":["import React from \"react\"\nimport uniqueId from \"lodash.uniqueid\"\n\nexport const ForceTitleContext = React.createContext(false)\n\nexport function Symbol({\n className,\n symbol: _symbol,\n title: _title = \"\",\n description = \"\",\n role = \"img\",\n ...platformProps\n}) {\n let useSymbolAsTitle = React.useContext(ForceTitleContext)\n\n let [path, symbol] = _symbol.replace(\".svg\", \"\").split(\"#\")\n let uid = uniqueId(`${symbol}-`)\n let title = _title ? _title : useSymbolAsTitle ? symbol : \"\"\n let optionalAttrs =\n title || description\n ? {\n \"aria-labelledby\": [\n title && `title-${uid}`,\n description && `desc-${uid}`,\n ]\n .filter(Boolean)\n .join(\" \"),\n }\n : null\n\n return (\n <svg\n role={role}\n className={[\"symbol\", className].join(\" \").trim()}\n {...optionalAttrs}\n {...platformProps}\n >\n {title && <title id={`title-${uid}`}>{title}</title>}\n {description && <desc id={`desc-${uid}`}>{description}</desc>}\n <use xlinkHref={`${path}.svg#${symbol}`} />\n </svg>\n )\n}\n"],"names":["ForceTitleContext","React","createContext","Symbol","_ref","className","symbol","_symbol","title","_title","description","role","platformProps","useSymbolAsTitle","useContext","path","replace","split","uid","uniqueId","optionalAttrs","filter","Boolean","join","createElement","_extends","trim","id","xlinkHref"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/symbol.js"],"sourcesContent":["import React from \"react\"\nimport uniqueId from \"lodash.uniqueid\"\n\nexport const ForceTitleContext = React.createContext(false)\n\nexport function Symbol({\n className,\n symbol: _symbol,\n title: _title = \"\",\n description = \"\",\n role = \"img\",\n ...platformProps\n}) {\n let useSymbolAsTitle = React.useContext(ForceTitleContext)\n\n let [path, symbol] = _symbol.replace(\".svg\", \"\").split(\"#\")\n let uid = uniqueId(`${symbol}-`)\n let title = _title ? _title : useSymbolAsTitle ? symbol : \"\"\n let optionalAttrs =\n title || description\n ? {\n \"aria-labelledby\": [\n title && `title-${uid}`,\n description && `desc-${uid}`,\n ]\n .filter(Boolean)\n .join(\" \"),\n }\n : null\n\n return (\n <svg\n role={role}\n className={[\"symbol\", className].join(\" \").trim()}\n {...optionalAttrs}\n {...platformProps}\n >\n {title && <title id={`title-${uid}`}>{title}</title>}\n {description && <desc id={`desc-${uid}`}>{description}</desc>}\n <use xlinkHref={`${path}.svg#${symbol}`} />\n </svg>\n )\n}\n"],"names":["ForceTitleContext","React","createContext","Symbol","_ref","className","symbol","_symbol","title","_title","description","role","platformProps","useSymbolAsTitle","useContext","path","replace","split","uid","uniqueId","optionalAttrs","filter","Boolean","join","createElement","_extends","trim","id","xlinkHref"],"mappings":";;;;;;;;;;;;;AAGO,MAAMA,iBAAiB,gBAAGC,KAAK,CAACC,aAAa,CAAC,KAAK;AAEnD,SAASC,MAAMA,CAAAC,IAAA,EAOnB;EAAA,IAPoB;IACrBC,SAAS;AACTC,IAAAA,MAAM,EAAEC,OAAO;IACfC,KAAK,EAAEC,MAAM,GAAG,EAAE;AAClBC,IAAAA,WAAW,GAAG,EAAE;AAChBC,IAAAA,IAAI,GAAG,KAAK;IACZ,GAAGC;AACL,GAAC,GAAAR,IAAA;AACC,EAAA,IAAIS,gBAAgB,GAAGZ,KAAK,CAACa,UAAU,CAACd,iBAAiB,CAAC;AAE1D,EAAA,IAAI,CAACe,IAAI,EAAET,MAAM,CAAC,GAAGC,OAAO,CAACS,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC;AAC3D,EAAA,IAAIC,GAAG,GAAGC,QAAQ,CAAE,CAAEb,EAAAA,MAAO,GAAE,CAAC;EAChC,IAAIE,KAAK,GAAGC,MAAM,GAAGA,MAAM,GAAGI,gBAAgB,GAAGP,MAAM,GAAG,EAAE;AAC5D,EAAA,IAAIc,aAAa,GACfZ,KAAK,IAAIE,WAAW,GAChB;IACE,iBAAiB,EAAE,CACjBF,KAAK,IAAK,SAAQU,GAAI,CAAA,CAAC,EACvBR,WAAW,IAAK,CAAA,KAAA,EAAOQ,GAAI,CAAC,CAAA,CAC7B,CACEG,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,GAAG;AACb,GAAC,GACD,IAAI;AAEV,EAAA,oBACEtB,KAAA,CAAAuB,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACEd,IAAAA,IAAI,EAAEA,IAAK;AACXN,IAAAA,SAAS,EAAE,CAAC,QAAQ,EAAEA,SAAS,CAAC,CAACkB,IAAI,CAAC,GAAG,CAAC,CAACG,IAAI;GAC3CN,EAAAA,aAAa,EACbR,aAAa,CAAA,EAEhBJ,KAAK,iBAAIP,KAAA,CAAAuB,aAAA,CAAA,OAAA,EAAA;IAAOG,EAAE,EAAG,SAAQT,GAAI,CAAA;AAAE,GAAA,EAAEV,KAAa,CAAC,EACnDE,WAAW,iBAAIT,KAAA,CAAAuB,aAAA,CAAA,MAAA,EAAA;IAAMG,EAAE,EAAG,QAAOT,GAAI,CAAA;AAAE,GAAA,EAAER,WAAkB,CAAC,eAC7DT,KAAA,CAAAuB,aAAA,CAAA,KAAA,EAAA;AAAKI,IAAAA,SAAS,EAAG,CAAA,EAAEb,IAAK,CAAA,KAAA,EAAOT,MAAO,CAAA;AAAE,GAAE,CACvC,CAAC;AAEV;;;;"}
|
package/symbol/index.js
CHANGED
|
@@ -4,18 +4,13 @@ var React = require('react');
|
|
|
4
4
|
var uniqueId = require('lodash.uniqueid');
|
|
5
5
|
|
|
6
6
|
function _extends() {
|
|
7
|
-
_extends = Object.assign ? Object.assign.bind() : function (
|
|
8
|
-
for (var
|
|
9
|
-
var
|
|
10
|
-
for (var
|
|
11
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
12
|
-
target[key] = source[key];
|
|
13
|
-
}
|
|
14
|
-
}
|
|
7
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
8
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
9
|
+
var t = arguments[e];
|
|
10
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
15
11
|
}
|
|
16
|
-
return
|
|
17
|
-
};
|
|
18
|
-
return _extends.apply(this, arguments);
|
|
12
|
+
return n;
|
|
13
|
+
}, _extends.apply(null, arguments);
|
|
19
14
|
}
|
|
20
15
|
|
|
21
16
|
const ForceTitleContext = /*#__PURE__*/React.createContext(false);
|
package/symbol/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/symbol.js"],"sourcesContent":["import React from \"react\"\nimport uniqueId from \"lodash.uniqueid\"\n\nexport const ForceTitleContext = React.createContext(false)\n\nexport function Symbol({\n className,\n symbol: _symbol,\n title: _title = \"\",\n description = \"\",\n role = \"img\",\n ...platformProps\n}) {\n let useSymbolAsTitle = React.useContext(ForceTitleContext)\n\n let [path, symbol] = _symbol.replace(\".svg\", \"\").split(\"#\")\n let uid = uniqueId(`${symbol}-`)\n let title = _title ? _title : useSymbolAsTitle ? symbol : \"\"\n let optionalAttrs =\n title || description\n ? {\n \"aria-labelledby\": [\n title && `title-${uid}`,\n description && `desc-${uid}`,\n ]\n .filter(Boolean)\n .join(\" \"),\n }\n : null\n\n return (\n <svg\n role={role}\n className={[\"symbol\", className].join(\" \").trim()}\n {...optionalAttrs}\n {...platformProps}\n >\n {title && <title id={`title-${uid}`}>{title}</title>}\n {description && <desc id={`desc-${uid}`}>{description}</desc>}\n <use xlinkHref={`${path}.svg#${symbol}`} />\n </svg>\n )\n}\n"],"names":["ForceTitleContext","React","createContext","Symbol","_ref","className","symbol","_symbol","title","_title","description","role","platformProps","useSymbolAsTitle","useContext","path","replace","split","uid","uniqueId","optionalAttrs","filter","Boolean","join","createElement","_extends","trim","id","xlinkHref"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/symbol.js"],"sourcesContent":["import React from \"react\"\nimport uniqueId from \"lodash.uniqueid\"\n\nexport const ForceTitleContext = React.createContext(false)\n\nexport function Symbol({\n className,\n symbol: _symbol,\n title: _title = \"\",\n description = \"\",\n role = \"img\",\n ...platformProps\n}) {\n let useSymbolAsTitle = React.useContext(ForceTitleContext)\n\n let [path, symbol] = _symbol.replace(\".svg\", \"\").split(\"#\")\n let uid = uniqueId(`${symbol}-`)\n let title = _title ? _title : useSymbolAsTitle ? symbol : \"\"\n let optionalAttrs =\n title || description\n ? {\n \"aria-labelledby\": [\n title && `title-${uid}`,\n description && `desc-${uid}`,\n ]\n .filter(Boolean)\n .join(\" \"),\n }\n : null\n\n return (\n <svg\n role={role}\n className={[\"symbol\", className].join(\" \").trim()}\n {...optionalAttrs}\n {...platformProps}\n >\n {title && <title id={`title-${uid}`}>{title}</title>}\n {description && <desc id={`desc-${uid}`}>{description}</desc>}\n <use xlinkHref={`${path}.svg#${symbol}`} />\n </svg>\n )\n}\n"],"names":["ForceTitleContext","React","createContext","Symbol","_ref","className","symbol","_symbol","title","_title","description","role","platformProps","useSymbolAsTitle","useContext","path","replace","split","uid","uniqueId","optionalAttrs","filter","Boolean","join","createElement","_extends","trim","id","xlinkHref"],"mappings":";;;;;;;;;;;;;;;AAGO,MAAMA,iBAAiB,gBAAGC,KAAK,CAACC,aAAa,CAAC,KAAK;AAEnD,SAASC,MAAMA,CAAAC,IAAA,EAOnB;EAAA,IAPoB;IACrBC,SAAS;AACTC,IAAAA,MAAM,EAAEC,OAAO;IACfC,KAAK,EAAEC,MAAM,GAAG,EAAE;AAClBC,IAAAA,WAAW,GAAG,EAAE;AAChBC,IAAAA,IAAI,GAAG,KAAK;IACZ,GAAGC;AACL,GAAC,GAAAR,IAAA;AACC,EAAA,IAAIS,gBAAgB,GAAGZ,KAAK,CAACa,UAAU,CAACd,iBAAiB,CAAC;AAE1D,EAAA,IAAI,CAACe,IAAI,EAAET,MAAM,CAAC,GAAGC,OAAO,CAACS,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC;AAC3D,EAAA,IAAIC,GAAG,GAAGC,QAAQ,CAAE,CAAEb,EAAAA,MAAO,GAAE,CAAC;EAChC,IAAIE,KAAK,GAAGC,MAAM,GAAGA,MAAM,GAAGI,gBAAgB,GAAGP,MAAM,GAAG,EAAE;AAC5D,EAAA,IAAIc,aAAa,GACfZ,KAAK,IAAIE,WAAW,GAChB;IACE,iBAAiB,EAAE,CACjBF,KAAK,IAAK,SAAQU,GAAI,CAAA,CAAC,EACvBR,WAAW,IAAK,CAAA,KAAA,EAAOQ,GAAI,CAAC,CAAA,CAC7B,CACEG,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,GAAG;AACb,GAAC,GACD,IAAI;AAEV,EAAA,oBACEtB,KAAA,CAAAuB,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACEd,IAAAA,IAAI,EAAEA,IAAK;AACXN,IAAAA,SAAS,EAAE,CAAC,QAAQ,EAAEA,SAAS,CAAC,CAACkB,IAAI,CAAC,GAAG,CAAC,CAACG,IAAI;GAC3CN,EAAAA,aAAa,EACbR,aAAa,CAAA,EAEhBJ,KAAK,iBAAIP,KAAA,CAAAuB,aAAA,CAAA,OAAA,EAAA;IAAOG,EAAE,EAAG,SAAQT,GAAI,CAAA;AAAE,GAAA,EAAEV,KAAa,CAAC,EACnDE,WAAW,iBAAIT,KAAA,CAAAuB,aAAA,CAAA,MAAA,EAAA;IAAMG,EAAE,EAAG,QAAOT,GAAI,CAAA;AAAE,GAAA,EAAER,WAAkB,CAAC,eAC7DT,KAAA,CAAAuB,aAAA,CAAA,KAAA,EAAA;AAAKI,IAAAA,SAAS,EAAG,CAAA,EAAEb,IAAK,CAAA,KAAA,EAAOT,MAAO,CAAA;AAAE,GAAE,CACvC,CAAC;AAEV;;;;;"}
|