@planningcenter/icons 15.18.0 → 15.19.0

package/package.json

@@ -1,11 +1,13 @@
 {
   "name": "@planningcenter/icons",
-  "version": "15.18.0",
+  "version": "15.19.0",
   "description": "Planning Center Icons",
   "scripts": {
     "test": "jest",
     "start": "yarn build && parcel index.html --no-cache",
-    "prebuild": "rm -rf paths sprites",
+    "clean": "rm -rf paths sprites symbol",
+    "build-symbol": "rollup -c rollup.config.js --bundleConfigAsCjs",
+    "prebuild": "yarn clean && yarn build-symbol",
     "build": "node --experimental-modules ./scripts/cli.mjs build",
     "storybook": "yarn build && storybook dev -p 6006",
     "build-storybook": "storybook build -o public",
@@ -27,7 +29,8 @@
     "js",
     "paths",
     "sprites",
-    "svg"
+    "svg",
+    "symbol"
   ],
   "homepage": "https://github.com/planningcenter/icons#readme",
   "devDependencies": {
@@ -35,7 +38,9 @@
     "@babel/plugin-transform-runtime": "^7.24.3",
     "@babel/preset-env": "^7.24.4",
     "@babel/preset-react": "^7.24.1",
-    "@planningcenter/symbol": "^4.0.0-alpha.0",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.0",
     "@storybook/addon-actions": "^8.0.8",
     "@storybook/addon-essentials": "^8.0.8",
     "@storybook/addon-links": "^8.0.8",
@@ -53,12 +58,14 @@
     "handlebars": "^4.7.6",
     "jest": "^29.7.0",
     "jest-cli": "^29.7.0",
+    "lodash.uniqueid": "^4.0.1",
     "media-typer": "^1.1.0",
     "minimist": "^1.2.8",
     "paper": "^0.12.17",
     "parcel": "^2.12.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "rollup": "^4.34.8",
     "storybook": "^8.0.8",
     "svgo": "^1.3.2"
   }

package/symbol/cjs/index.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var React = require('react');
+var uniqueId = require('lodash.uniqueid');
+
+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);
+}
+
+const ForceTitleContext = /*#__PURE__*/React.createContext(false);
+function Symbol(_ref) {
+  let {
+    className,
+    symbol: _symbol,
+    title: _title = "",
+    description = "",
+    role = "img",
+    ...platformProps
+  } = _ref;
+  let useSymbolAsTitle = React.useContext(ForceTitleContext);
+  let [path, symbol] = _symbol.replace(".svg", "").split("#");
+  let uid = uniqueId(`${symbol}-`);
+  let title = _title ? _title : useSymbolAsTitle ? symbol : "";
+  let optionalAttrs = title || description ? {
+    "aria-labelledby": [title && `title-${uid}`, description && `desc-${uid}`].filter(Boolean).join(" ")
+  } : null;
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    role: role,
+    className: ["symbol", className].join(" ").trim()
+  }, optionalAttrs, platformProps), title && /*#__PURE__*/React.createElement("title", {
+    id: `title-${uid}`
+  }, title), description && /*#__PURE__*/React.createElement("desc", {
+    id: `desc-${uid}`
+  }, description), /*#__PURE__*/React.createElement("use", {
+    xlinkHref: `${path}.svg#${symbol}`
+  }));
+}
+
+exports.ForceTitleContext = ForceTitleContext;
+exports.Symbol = Symbol;
+//# sourceMappingURL=index.js.map

package/symbol/cjs/index.js.map

@@ -0,0 +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

@@ -0,0 +1,49 @@
+import React from 'react';
+import uniqueId from 'lodash.uniqueid';
+
+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);
+}
+
+const ForceTitleContext = /*#__PURE__*/React.createContext(false);
+function Symbol(_ref) {
+  let {
+    className,
+    symbol: _symbol,
+    title: _title = "",
+    description = "",
+    role = "img",
+    ...platformProps
+  } = _ref;
+  let useSymbolAsTitle = React.useContext(ForceTitleContext);
+  let [path, symbol] = _symbol.replace(".svg", "").split("#");
+  let uid = uniqueId(`${symbol}-`);
+  let title = _title ? _title : useSymbolAsTitle ? symbol : "";
+  let optionalAttrs = title || description ? {
+    "aria-labelledby": [title && `title-${uid}`, description && `desc-${uid}`].filter(Boolean).join(" ")
+  } : null;
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    role: role,
+    className: ["symbol", className].join(" ").trim()
+  }, optionalAttrs, platformProps), title && /*#__PURE__*/React.createElement("title", {
+    id: `title-${uid}`
+  }, title), description && /*#__PURE__*/React.createElement("desc", {
+    id: `desc-${uid}`
+  }, description), /*#__PURE__*/React.createElement("use", {
+    xlinkHref: `${path}.svg#${symbol}`
+  }));
+}
+
+export { ForceTitleContext, Symbol };
+//# sourceMappingURL=index.js.map

package/symbol/esm/index.js.map

@@ -0,0 +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

@@ -0,0 +1,52 @@
+'use strict';
+
+var React = require('react');
+var uniqueId = require('lodash.uniqueid');
+
+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);
+}
+
+const ForceTitleContext = /*#__PURE__*/React.createContext(false);
+function Symbol(_ref) {
+  let {
+    className,
+    symbol: _symbol,
+    title: _title = "",
+    description = "",
+    role = "img",
+    ...platformProps
+  } = _ref;
+  let useSymbolAsTitle = React.useContext(ForceTitleContext);
+  let [path, symbol] = _symbol.replace(".svg", "").split("#");
+  let uid = uniqueId(`${symbol}-`);
+  let title = _title ? _title : useSymbolAsTitle ? symbol : "";
+  let optionalAttrs = title || description ? {
+    "aria-labelledby": [title && `title-${uid}`, description && `desc-${uid}`].filter(Boolean).join(" ")
+  } : null;
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    role: role,
+    className: ["symbol", className].join(" ").trim()
+  }, optionalAttrs, platformProps), title && /*#__PURE__*/React.createElement("title", {
+    id: `title-${uid}`
+  }, title), description && /*#__PURE__*/React.createElement("desc", {
+    id: `desc-${uid}`
+  }, description), /*#__PURE__*/React.createElement("use", {
+    xlinkHref: `${path}.svg#${symbol}`
+  }));
+}
+
+exports.ForceTitleContext = ForceTitleContext;
+exports.Symbol = Symbol;
+//# sourceMappingURL=index.js.map

package/symbol/index.js.map

@@ -0,0 +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;;;;;"}