@laerdal/life-react-components 1.9.8-dev.2 → 1.9.8-dev.22

package/dist/icons/index.cjs

@@ -35,10 +35,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-/**
- * Retrieves the size of the icon.
- * @param size - Original size which was passed to the icon.
- * @returns Numeric value indicating the size of the icon.
+/**
+ * Retrieves the size of the icon.
+ * @param size - Original size which was passed to the icon.
+ * @returns Numeric value indicating the size of the icon.
  */
 var getSize = function getSize(size) {
   if (typeof size === 'string' && size.indexOf('px') === -1) {

package/dist/icons/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/icons/index.tsx"],"names":["getSize","size","indexOf","Container","styled","div","renderIcon","children","tooltip","gTagsRegex","RegExp","fillColorRegex","formatSvgString","text","color","replace","replaceAll","SystemIcon","ContentIcon"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AACA;;;;;;;;;;;;AAeA;AACA;AACA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD,EAAkB;AACvC,MAAI,OAAOA,IAAP,KAAgB,QAAhB,IAA4BA,IAAI,CAACC,OAAL,CAAa,IAAb,MAAuB,CAAC,CAAxD,EAA2D;AACzD,qBAAUD,IAAV;AACD,GAFD,MAEO;AACL,WAAOA,IAAP;AACD;AACF,CANM;;;;AAQP,IAAME,SAAS,GAAGC,0BAAOC,GAAV,qHAEX,oCAFW,CAAf;;AAKA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,QAAD,EAA4BC,OAA5B,EAAiD;AAClE,SAAOA,OAAO,gBACZ,sBAAC,SAAD;AAAA,eACGD,QADH,eAEE,qBAAC,sBAAD;AAAA,gBAAUC;AAAV,MAFF;AAAA,IADY,gBAMZ;AAAA,cACGD;AADH,IANF;AAUD,CAXD;;AAaA,IAAME,UAAU,GAAG,IAAIC,MAAJ,CAAW,mBAAX,EAA+B,GAA/B,CAAnB,C,CAAwD;;AACxD,IAAMC,cAAc,GAAG,IAAID,MAAJ,CAAW,mBAAX,EAA+B,GAA/B,CAAvB,C,CAA4D;;AAErD,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAACC,IAAD,EAAeC,KAAf,EAAyC;AACtE,SAAOD,IAAI,CAACE,OAAL,CAAaN,UAAb,EAAyB,EAAzB,EACKO,UADL,CACgB,MADhB,EACuB,EADvB,EAEKD,OAFL,CAEaJ,cAFb,mBAEsCG,KAFtC,QAAP;AAGD,CAJM;;;;AAMA,IAAMG,UAA8C,GAAG,SAAjDA,UAAiD,OAAgC;AAAA,MAA7BV,QAA6B,QAA7BA,QAA6B;AAAA,0BAAnBC,OAAmB;AAAA,MAAnBA,OAAmB,6BAAT,EAAS;AAC5F,SAAOF,UAAU,CAACC,QAAD,EAAWC,OAAX,CAAjB;AACD,CAFM;;;;AApDLD,EAAAA,Q;AACAC,EAAAA,O;;;AAuDK,IAAMU,WAA+C,GAAG,SAAlDA,WAAkD,QAAgC;AAAA,MAA7BX,QAA6B,SAA7BA,QAA6B;AAAA,4BAAnBC,OAAmB;AAAA,MAAnBA,OAAmB,8BAAT,EAAS;AAC7F,SAAOF,UAAU,CAACC,QAAD,EAAWC,OAAX,CAAjB;AACD,CAFM;;;;AAxDLD,EAAAA,Q;AACAC,EAAAA,O","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { Tooltip, TooltipTrigger } from '../Tooltips/TooltipStyles';\nimport * as ContentIcons from './contenticons/ContentIcons';\nimport * as SystemIcons from './systemicons/SystemIcons';\n\nexport type BaseProps = {\n  children?: any;\n  tooltip?: string;\n}\n\nexport type IconProps = {\n  label?: string;\n  className?: string;\n  color?: string;\n  size?: string;\n  viewBox?: string;\n};\n\n/**\n * Retrieves the size of the icon.\n * @param size - Original size which was passed to the icon.\n * @returns Numeric value indicating the size of the icon.\n */\nexport const getSize = (size: string) => {\n  if (typeof size === 'string' && size.indexOf('px') === -1) {\n    return `${size}px`;\n  } else {\n    return size;\n  }\n};\n\nconst Container = styled.div`\n  position: relative;\n  ${TooltipTrigger()}\n`;\n\nconst renderIcon = (children: React.ReactNode, tooltip?: string) => {\n  return tooltip ? (\n    <Container>\n      {children}\n      <Tooltip>{tooltip}</Tooltip>\n    </Container>\n  ) : (\n    <>\n      {children}\n    </>\n  );\n}\n\nconst gTagsRegex = new RegExp(/<g [A-Za-z\\W\\D]*>/,'g'); // matches <g id = \".....\">\nconst fillColorRegex = new RegExp(/fill=\"#[A-F0-9]*\"/,'g'); // matches fill=\"#1F1F1F\"\n\nexport const formatSvgString = (text: string, color: string): string => {\n  return text.replace(gTagsRegex, '')\n             .replaceAll('</g>','')\n             .replace(fillColorRegex, `fill=\"${color}\"`);\n}\n\nexport const SystemIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '' }) => {\n  return renderIcon(children, tooltip);\n};\n\nexport const ContentIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '' }) => {\n  return renderIcon(children, tooltip);\n};\n\nexport { SystemIcons };\nexport { ContentIcons };\n"],"file":"index.cjs"}
+{"version":3,"sources":["../../src/icons/index.tsx"],"names":["getSize","size","indexOf","Container","styled","div","renderIcon","children","tooltip","gTagsRegex","RegExp","fillColorRegex","formatSvgString","text","color","replace","replaceAll","SystemIcon","ContentIcon"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AACA;;;;;;;;;;;;AAeA;AACA;AACA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD,EAAkB;AACvC,MAAI,OAAOA,IAAP,KAAgB,QAAhB,IAA4BA,IAAI,CAACC,OAAL,CAAa,IAAb,MAAuB,CAAC,CAAxD,EAA2D;AACzD,qBAAUD,IAAV;AACD,GAFD,MAEO;AACL,WAAOA,IAAP;AACD;AACF,CANM;;;;AAQP,IAAME,SAAS,GAAGC,0BAAOC,GAAV,qHAEX,oCAFW,CAAf;;AAKA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,QAAD,EAA4BC,OAA5B,EAAiD;AAClE,SAAOA,OAAO,gBACZ,sBAAC,SAAD;AAAA,eACGD,QADH,eAEE,qBAAC,sBAAD;AAAA,gBAAUC;AAAV,MAFF;AAAA,IADY,gBAMZ;AAAA,cACGD;AADH,IANF;AAUD,CAXD;;AAaA,IAAME,UAAU,GAAG,IAAIC,MAAJ,CAAW,mBAAX,EAA+B,GAA/B,CAAnB,C,CAAwD;;AACxD,IAAMC,cAAc,GAAG,IAAID,MAAJ,CAAW,mBAAX,EAA+B,GAA/B,CAAvB,C,CAA4D;;AAErD,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAACC,IAAD,EAAeC,KAAf,EAAyC;AACtE,SAAOD,IAAI,CAACE,OAAL,CAAaN,UAAb,EAAyB,EAAzB,EACKO,UADL,CACgB,MADhB,EACuB,EADvB,EAEKD,OAFL,CAEaJ,cAFb,mBAEsCG,KAFtC,QAAP;AAGD,CAJM;;;;AAMA,IAAMG,UAA8C,GAAG,SAAjDA,UAAiD,OAAgC;AAAA,MAA7BV,QAA6B,QAA7BA,QAA6B;AAAA,0BAAnBC,OAAmB;AAAA,MAAnBA,OAAmB,6BAAT,EAAS;AAC5F,SAAOF,UAAU,CAACC,QAAD,EAAWC,OAAX,CAAjB;AACD,CAFM;;;;AApDLD,EAAAA,Q;AACAC,EAAAA,O;;;AAuDK,IAAMU,WAA+C,GAAG,SAAlDA,WAAkD,QAAgC;AAAA,MAA7BX,QAA6B,SAA7BA,QAA6B;AAAA,4BAAnBC,OAAmB;AAAA,MAAnBA,OAAmB,8BAAT,EAAS;AAC7F,SAAOF,UAAU,CAACC,QAAD,EAAWC,OAAX,CAAjB;AACD,CAFM;;;;AAxDLD,EAAAA,Q;AACAC,EAAAA,O","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Tooltip, TooltipTrigger } from '../Tooltips/TooltipStyles';\r\nimport * as ContentIcons from './contenticons/ContentIcons';\r\nimport * as SystemIcons from './systemicons/SystemIcons';\r\n\r\nexport type BaseProps = {\r\n  children?: any;\r\n  tooltip?: string;\r\n}\r\n\r\nexport type IconProps = {\r\n  label?: string;\r\n  className?: string;\r\n  color?: string;\r\n  size?: string;\r\n  viewBox?: string;\r\n};\r\n\r\n/**\r\n * Retrieves the size of the icon.\r\n * @param size - Original size which was passed to the icon.\r\n * @returns Numeric value indicating the size of the icon.\r\n */\r\nexport const getSize = (size: string) => {\r\n  if (typeof size === 'string' && size.indexOf('px') === -1) {\r\n    return `${size}px`;\r\n  } else {\r\n    return size;\r\n  }\r\n};\r\n\r\nconst Container = styled.div`\r\n  position: relative;\r\n  ${TooltipTrigger()}\r\n`;\r\n\r\nconst renderIcon = (children: React.ReactNode, tooltip?: string) => {\r\n  return tooltip ? (\r\n    <Container>\r\n      {children}\r\n      <Tooltip>{tooltip}</Tooltip>\r\n    </Container>\r\n  ) : (\r\n    <>\r\n      {children}\r\n    </>\r\n  );\r\n}\r\n\r\nconst gTagsRegex = new RegExp(/<g [A-Za-z\\W\\D]*>/,'g'); // matches <g id = \".....\">\r\nconst fillColorRegex = new RegExp(/fill=\"#[A-F0-9]*\"/,'g'); // matches fill=\"#1F1F1F\"\r\n\r\nexport const formatSvgString = (text: string, color: string): string => {\r\n  return text.replace(gTagsRegex, '')\r\n             .replaceAll('</g>','')\r\n             .replace(fillColorRegex, `fill=\"${color}\"`);\r\n}\r\n\r\nexport const SystemIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '' }) => {\r\n  return renderIcon(children, tooltip);\r\n};\r\n\r\nexport const ContentIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '' }) => {\r\n  return renderIcon(children, tooltip);\r\n};\r\n\r\nexport { SystemIcons };\r\nexport { ContentIcons };\r\n"],"file":"index.cjs"}

package/dist/icons/index.d.ts

@@ -1,25 +1,25 @@
-import * as React from 'react';
-import * as ContentIcons from './contenticons/ContentIcons';
-import * as SystemIcons from './systemicons/SystemIcons';
-export declare type BaseProps = {
-    children?: any;
-    tooltip?: string;
-};
-export declare type IconProps = {
-    label?: string;
-    className?: string;
-    color?: string;
-    size?: string;
-    viewBox?: string;
-};
-/**
- * Retrieves the size of the icon.
- * @param size - Original size which was passed to the icon.
- * @returns Numeric value indicating the size of the icon.
- */
-export declare const getSize: (size: string) => string;
-export declare const formatSvgString: (text: string, color: string) => string;
-export declare const SystemIcon: React.FunctionComponent<BaseProps>;
-export declare const ContentIcon: React.FunctionComponent<BaseProps>;
-export { SystemIcons };
-export { ContentIcons };
+import * as React from 'react';
+import * as ContentIcons from './contenticons/ContentIcons';
+import * as SystemIcons from './systemicons/SystemIcons';
+export declare type BaseProps = {
+    children?: any;
+    tooltip?: string;
+};
+export declare type IconProps = {
+    label?: string;
+    className?: string;
+    color?: string;
+    size?: string;
+    viewBox?: string;
+};
+/**
+ * Retrieves the size of the icon.
+ * @param size - Original size which was passed to the icon.
+ * @returns Numeric value indicating the size of the icon.
+ */
+export declare const getSize: (size: string) => string;
+export declare const formatSvgString: (text: string, color: string) => string;
+export declare const SystemIcon: React.FunctionComponent<BaseProps>;
+export declare const ContentIcon: React.FunctionComponent<BaseProps>;
+export { SystemIcons };
+export { ContentIcons };

package/dist/icons/index.js

@@ -12,10 +12,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 
-/**
- * Retrieves the size of the icon.
- * @param size - Original size which was passed to the icon.
- * @returns Numeric value indicating the size of the icon.
+/**
+ * Retrieves the size of the icon.
+ * @param size - Original size which was passed to the icon.
+ * @returns Numeric value indicating the size of the icon.
  */
 export var getSize = function getSize(size) {
   if (typeof size === 'string' && size.indexOf('px') === -1) {

package/dist/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/icons/index.tsx"],"names":["React","styled","Tooltip","TooltipTrigger","ContentIcons","SystemIcons","getSize","size","indexOf","Container","div","renderIcon","children","tooltip","gTagsRegex","RegExp","fillColorRegex","formatSvgString","text","color","replace","replaceAll","SystemIcon","ContentIcon"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAASC,OAAT,EAAkBC,cAAlB,QAAwC,2BAAxC;AACA,OAAO,KAAKC,YAAZ,MAA8B,6BAA9B;AACA,OAAO,KAAKC,WAAZ,MAA6B,2BAA7B;;;;;AAeA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD,EAAkB;AACvC,MAAI,OAAOA,IAAP,KAAgB,QAAhB,IAA4BA,IAAI,CAACC,OAAL,CAAa,IAAb,MAAuB,CAAC,CAAxD,EAA2D;AACzD,qBAAUD,IAAV;AACD,GAFD,MAEO;AACL,WAAOA,IAAP;AACD;AACF,CANM;AAQP,IAAME,SAAS,GAAGR,MAAM,CAACS,GAAV,uGAEXP,cAAc,EAFH,CAAf;;AAKA,IAAMQ,UAAU,GAAG,SAAbA,UAAa,CAACC,QAAD,EAA4BC,OAA5B,EAAiD;AAClE,SAAOA,OAAO,gBACZ,MAAC,SAAD;AAAA,eACGD,QADH,eAEE,KAAC,OAAD;AAAA,gBAAUC;AAAV,MAFF;AAAA,IADY,gBAMZ;AAAA,cACGD;AADH,IANF;AAUD,CAXD;;AAaA,IAAME,UAAU,GAAG,IAAIC,MAAJ,CAAW,mBAAX,EAA+B,GAA/B,CAAnB,C,CAAwD;;AACxD,IAAMC,cAAc,GAAG,IAAID,MAAJ,CAAW,mBAAX,EAA+B,GAA/B,CAAvB,C,CAA4D;;AAE5D,OAAO,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAACC,IAAD,EAAeC,KAAf,EAAyC;AACtE,SAAOD,IAAI,CAACE,OAAL,CAAaN,UAAb,EAAyB,EAAzB,EACKO,UADL,CACgB,MADhB,EACuB,EADvB,EAEKD,OAFL,CAEaJ,cAFb,mBAEsCG,KAFtC,QAAP;AAGD,CAJM;AAMP,OAAO,IAAMG,UAA8C,GAAG,SAAjDA,UAAiD,OAAgC;AAAA,MAA7BV,QAA6B,QAA7BA,QAA6B;AAAA,0BAAnBC,OAAmB;AAAA,MAAnBA,OAAmB,6BAAT,EAAS;AAC5F,SAAOF,UAAU,CAACC,QAAD,EAAWC,OAAX,CAAjB;AACD,CAFM;;AApDLD,EAAAA,Q;AACAC,EAAAA,O;;AAuDF,OAAO,IAAMU,WAA+C,GAAG,SAAlDA,WAAkD,QAAgC;AAAA,MAA7BX,QAA6B,SAA7BA,QAA6B;AAAA,4BAAnBC,OAAmB;AAAA,MAAnBA,OAAmB,8BAAT,EAAS;AAC7F,SAAOF,UAAU,CAACC,QAAD,EAAWC,OAAX,CAAjB;AACD,CAFM;;AAxDLD,EAAAA,Q;AACAC,EAAAA,O;;AA2DF,SAASR,WAAT;AACA,SAASD,YAAT","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { Tooltip, TooltipTrigger } from '../Tooltips/TooltipStyles';\nimport * as ContentIcons from './contenticons/ContentIcons';\nimport * as SystemIcons from './systemicons/SystemIcons';\n\nexport type BaseProps = {\n  children?: any;\n  tooltip?: string;\n}\n\nexport type IconProps = {\n  label?: string;\n  className?: string;\n  color?: string;\n  size?: string;\n  viewBox?: string;\n};\n\n/**\n * Retrieves the size of the icon.\n * @param size - Original size which was passed to the icon.\n * @returns Numeric value indicating the size of the icon.\n */\nexport const getSize = (size: string) => {\n  if (typeof size === 'string' && size.indexOf('px') === -1) {\n    return `${size}px`;\n  } else {\n    return size;\n  }\n};\n\nconst Container = styled.div`\n  position: relative;\n  ${TooltipTrigger()}\n`;\n\nconst renderIcon = (children: React.ReactNode, tooltip?: string) => {\n  return tooltip ? (\n    <Container>\n      {children}\n      <Tooltip>{tooltip}</Tooltip>\n    </Container>\n  ) : (\n    <>\n      {children}\n    </>\n  );\n}\n\nconst gTagsRegex = new RegExp(/<g [A-Za-z\\W\\D]*>/,'g'); // matches <g id = \".....\">\nconst fillColorRegex = new RegExp(/fill=\"#[A-F0-9]*\"/,'g'); // matches fill=\"#1F1F1F\"\n\nexport const formatSvgString = (text: string, color: string): string => {\n  return text.replace(gTagsRegex, '')\n             .replaceAll('</g>','')\n             .replace(fillColorRegex, `fill=\"${color}\"`);\n}\n\nexport const SystemIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '' }) => {\n  return renderIcon(children, tooltip);\n};\n\nexport const ContentIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '' }) => {\n  return renderIcon(children, tooltip);\n};\n\nexport { SystemIcons };\nexport { ContentIcons };\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/icons/index.tsx"],"names":["React","styled","Tooltip","TooltipTrigger","ContentIcons","SystemIcons","getSize","size","indexOf","Container","div","renderIcon","children","tooltip","gTagsRegex","RegExp","fillColorRegex","formatSvgString","text","color","replace","replaceAll","SystemIcon","ContentIcon"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAASC,OAAT,EAAkBC,cAAlB,QAAwC,2BAAxC;AACA,OAAO,KAAKC,YAAZ,MAA8B,6BAA9B;AACA,OAAO,KAAKC,WAAZ,MAA6B,2BAA7B;;;;;AAeA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD,EAAkB;AACvC,MAAI,OAAOA,IAAP,KAAgB,QAAhB,IAA4BA,IAAI,CAACC,OAAL,CAAa,IAAb,MAAuB,CAAC,CAAxD,EAA2D;AACzD,qBAAUD,IAAV;AACD,GAFD,MAEO;AACL,WAAOA,IAAP;AACD;AACF,CANM;AAQP,IAAME,SAAS,GAAGR,MAAM,CAACS,GAAV,uGAEXP,cAAc,EAFH,CAAf;;AAKA,IAAMQ,UAAU,GAAG,SAAbA,UAAa,CAACC,QAAD,EAA4BC,OAA5B,EAAiD;AAClE,SAAOA,OAAO,gBACZ,MAAC,SAAD;AAAA,eACGD,QADH,eAEE,KAAC,OAAD;AAAA,gBAAUC;AAAV,MAFF;AAAA,IADY,gBAMZ;AAAA,cACGD;AADH,IANF;AAUD,CAXD;;AAaA,IAAME,UAAU,GAAG,IAAIC,MAAJ,CAAW,mBAAX,EAA+B,GAA/B,CAAnB,C,CAAwD;;AACxD,IAAMC,cAAc,GAAG,IAAID,MAAJ,CAAW,mBAAX,EAA+B,GAA/B,CAAvB,C,CAA4D;;AAE5D,OAAO,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAACC,IAAD,EAAeC,KAAf,EAAyC;AACtE,SAAOD,IAAI,CAACE,OAAL,CAAaN,UAAb,EAAyB,EAAzB,EACKO,UADL,CACgB,MADhB,EACuB,EADvB,EAEKD,OAFL,CAEaJ,cAFb,mBAEsCG,KAFtC,QAAP;AAGD,CAJM;AAMP,OAAO,IAAMG,UAA8C,GAAG,SAAjDA,UAAiD,OAAgC;AAAA,MAA7BV,QAA6B,QAA7BA,QAA6B;AAAA,0BAAnBC,OAAmB;AAAA,MAAnBA,OAAmB,6BAAT,EAAS;AAC5F,SAAOF,UAAU,CAACC,QAAD,EAAWC,OAAX,CAAjB;AACD,CAFM;;AApDLD,EAAAA,Q;AACAC,EAAAA,O;;AAuDF,OAAO,IAAMU,WAA+C,GAAG,SAAlDA,WAAkD,QAAgC;AAAA,MAA7BX,QAA6B,SAA7BA,QAA6B;AAAA,4BAAnBC,OAAmB;AAAA,MAAnBA,OAAmB,8BAAT,EAAS;AAC7F,SAAOF,UAAU,CAACC,QAAD,EAAWC,OAAX,CAAjB;AACD,CAFM;;AAxDLD,EAAAA,Q;AACAC,EAAAA,O;;AA2DF,SAASR,WAAT;AACA,SAASD,YAAT","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Tooltip, TooltipTrigger } from '../Tooltips/TooltipStyles';\r\nimport * as ContentIcons from './contenticons/ContentIcons';\r\nimport * as SystemIcons from './systemicons/SystemIcons';\r\n\r\nexport type BaseProps = {\r\n  children?: any;\r\n  tooltip?: string;\r\n}\r\n\r\nexport type IconProps = {\r\n  label?: string;\r\n  className?: string;\r\n  color?: string;\r\n  size?: string;\r\n  viewBox?: string;\r\n};\r\n\r\n/**\r\n * Retrieves the size of the icon.\r\n * @param size - Original size which was passed to the icon.\r\n * @returns Numeric value indicating the size of the icon.\r\n */\r\nexport const getSize = (size: string) => {\r\n  if (typeof size === 'string' && size.indexOf('px') === -1) {\r\n    return `${size}px`;\r\n  } else {\r\n    return size;\r\n  }\r\n};\r\n\r\nconst Container = styled.div`\r\n  position: relative;\r\n  ${TooltipTrigger()}\r\n`;\r\n\r\nconst renderIcon = (children: React.ReactNode, tooltip?: string) => {\r\n  return tooltip ? (\r\n    <Container>\r\n      {children}\r\n      <Tooltip>{tooltip}</Tooltip>\r\n    </Container>\r\n  ) : (\r\n    <>\r\n      {children}\r\n    </>\r\n  );\r\n}\r\n\r\nconst gTagsRegex = new RegExp(/<g [A-Za-z\\W\\D]*>/,'g'); // matches <g id = \".....\">\r\nconst fillColorRegex = new RegExp(/fill=\"#[A-F0-9]*\"/,'g'); // matches fill=\"#1F1F1F\"\r\n\r\nexport const formatSvgString = (text: string, color: string): string => {\r\n  return text.replace(gTagsRegex, '')\r\n             .replaceAll('</g>','')\r\n             .replace(fillColorRegex, `fill=\"${color}\"`);\r\n}\r\n\r\nexport const SystemIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '' }) => {\r\n  return renderIcon(children, tooltip);\r\n};\r\n\r\nexport const ContentIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '' }) => {\r\n  return renderIcon(children, tooltip);\r\n};\r\n\r\nexport { SystemIcons };\r\nexport { ContentIcons };\r\n"],"file":"index.js"}