@laerdal/life-react-components 1.4.1-dev.7.full → 1.4.1-dev.9.full

package/dist/icons/index.js

@@ -0,0 +1,113 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _pt from "prop-types";
+
+var _templateObject, _templateObject2;
+
+import * as React from 'react';
+import styled from 'styled-components';
+import { Tooltip, TooltipTrigger } from '../Tooltips/TooltipStyles';
+import * as ContentIcons from './contenticons/ContentIcons';
+import * as SystemIcons from './systemicons/SystemIcons';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } 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.
+ */
+export var getSize = function getSize(size) {
+  if (typeof size === 'string' && size.indexOf('px') === -1) {
+    return "".concat(size, "px");
+  } else {
+    return size;
+  }
+};
+var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  ", "\n"])), TooltipTrigger());
+var IconComponent = styled.svg(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: ", ";\n  height: ", ";\n"])), function (props) {
+  return props.width;
+}, function (props) {
+  return props.height;
+});
+
+var renderIcon = function renderIcon(children, width, height, viewBox, tooltip, className) {
+  return tooltip ? /*#__PURE__*/_jsxs(Container, {
+    children: [/*#__PURE__*/_jsx(IconComponent, {
+      className: className,
+      width: width,
+      height: height,
+      viewBox: viewBox,
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: children
+    }), /*#__PURE__*/_jsx(Tooltip, {
+      children: tooltip
+    })]
+  }) : /*#__PURE__*/_jsx(IconComponent, {
+    className: className,
+    width: width,
+    height: height,
+    viewBox: viewBox,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: children
+  });
+};
+
+export var BaseIcon = function BaseIcon(_ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? '16px' : _ref$size,
+      _ref$viewBox = _ref.viewBox,
+      viewBox = _ref$viewBox === void 0 ? '0 0 25 25' : _ref$viewBox,
+      _ref$tooltip = _ref.tooltip,
+      tooltip = _ref$tooltip === void 0 ? '' : _ref$tooltip;
+  return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);
+};
+BaseIcon.propTypes = {
+  className: _pt.string,
+  children: _pt.any,
+  size: _pt.string,
+  viewBox: _pt.string,
+  tooltip: _pt.string
+};
+export var SystemIcon = function SystemIcon(_ref2) {
+  var className = _ref2.className,
+      children = _ref2.children,
+      _ref2$size = _ref2.size,
+      size = _ref2$size === void 0 ? '24px' : _ref2$size,
+      _ref2$viewBox = _ref2.viewBox,
+      viewBox = _ref2$viewBox === void 0 ? '0 0 24 24' : _ref2$viewBox,
+      _ref2$tooltip = _ref2.tooltip,
+      tooltip = _ref2$tooltip === void 0 ? '' : _ref2$tooltip;
+  return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);
+};
+SystemIcon.propTypes = {
+  className: _pt.string,
+  children: _pt.any,
+  size: _pt.string,
+  viewBox: _pt.string,
+  tooltip: _pt.string
+};
+export var ContentIcon = function ContentIcon(_ref3) {
+  var className = _ref3.className,
+      children = _ref3.children,
+      _ref3$size = _ref3.size,
+      size = _ref3$size === void 0 ? '48px' : _ref3$size,
+      _ref3$viewBox = _ref3.viewBox,
+      viewBox = _ref3$viewBox === void 0 ? '0 0 48 48' : _ref3$viewBox,
+      _ref3$tooltip = _ref3.tooltip,
+      tooltip = _ref3$tooltip === void 0 ? '' : _ref3$tooltip;
+  return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);
+};
+ContentIcon.propTypes = {
+  className: _pt.string,
+  children: _pt.any,
+  size: _pt.string,
+  viewBox: _pt.string,
+  tooltip: _pt.string
+};
+export { SystemIcons };
+export { ContentIcons };
+//# sourceMappingURL=index.js.map

package/dist/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/icons/index.tsx"],"names":["React","styled","Tooltip","TooltipTrigger","ContentIcons","SystemIcons","getSize","size","indexOf","Container","div","IconComponent","svg","props","width","height","renderIcon","children","viewBox","tooltip","className","BaseIcon","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;;;;AAkBA;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;AAIA,IAAMQ,aAAa,GAAGV,MAAM,CAACW,GAAV,2GACR,UAAAC,KAAK;AAAA,SAAIA,KAAK,CAACC,KAAV;AAAA,CADG,EAEP,UAAAD,KAAK;AAAA,SAAIA,KAAK,CAACE,MAAV;AAAA,CAFE,CAAnB;;AAKA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,QAAD,EAA4BH,KAA5B,EAA2CC,MAA3C,EAA2DG,OAA3D,EAA4EC,OAA5E,EAA8FC,SAA9F,EAAqH;AACtI,SAAOD,OAAO,gBACZ,MAAC,SAAD;AAAA,4BACE,KAAC,aAAD;AAAe,MAAA,SAAS,EAAEC,SAA1B;AAAqC,MAAA,KAAK,EAAEN,KAA5C;AAAmD,MAAA,MAAM,EAAEC,MAA3D;AAAmE,MAAA,OAAO,EAAEG,OAA5E;AAAqF,MAAA,IAAI,EAAC,MAA1F;AAAiG,MAAA,KAAK,EAAC,4BAAvG;AAAA,gBACGD;AADH,MADF,eAIE,KAAC,OAAD;AAAA,gBAAUE;AAAV,MAJF;AAAA,IADY,gBAQZ,KAAC,aAAD;AAAe,IAAA,SAAS,EAAEC,SAA1B;AAAqC,IAAA,KAAK,EAAEN,KAA5C;AAAmD,IAAA,MAAM,EAAEC,MAA3D;AAAmE,IAAA,OAAO,EAAEG,OAA5E;AAAqF,IAAA,IAAI,EAAC,MAA1F;AAAiG,IAAA,KAAK,EAAC,4BAAvG;AAAA,cACGD;AADH,IARF;AAYD,CAbD;;AAeA,OAAO,IAAMI,QAA4C,GAAG,SAA/CA,QAA+C,OAAiF;AAAA,MAA9ED,SAA8E,QAA9EA,SAA8E;AAAA,MAAnEH,QAAmE,QAAnEA,QAAmE;AAAA,uBAAzDV,IAAyD;AAAA,MAAzDA,IAAyD,0BAAlD,MAAkD;AAAA,0BAA1CW,OAA0C;AAAA,MAA1CA,OAA0C,6BAAhC,WAAgC;AAAA,0BAAnBC,OAAmB;AAAA,MAAnBA,OAAmB,6BAAT,EAAS;AAC3I,SAAOH,UAAU,CAACC,QAAD,EAAWX,OAAO,CAACC,IAAD,CAAlB,EAA0BD,OAAO,CAACC,IAAD,CAAjC,EAAyCW,OAAzC,EAAkDC,OAAlD,EAA2DC,SAA3D,CAAjB;AACD,CAFM;;AApDLA,EAAAA,S;AACAH,EAAAA,Q;AACAV,EAAAA,I;AACAW,EAAAA,O;AACAC,EAAAA,O;;AAoDF,OAAO,IAAMG,UAA8C,GAAG,SAAjDA,UAAiD,QAAiF;AAAA,MAA9EF,SAA8E,SAA9EA,SAA8E;AAAA,MAAnEH,QAAmE,SAAnEA,QAAmE;AAAA,yBAAzDV,IAAyD;AAAA,MAAzDA,IAAyD,2BAAlD,MAAkD;AAAA,4BAA1CW,OAA0C;AAAA,MAA1CA,OAA0C,8BAAhC,WAAgC;AAAA,4BAAnBC,OAAmB;AAAA,MAAnBA,OAAmB,8BAAT,EAAS;AAC7I,SAAOH,UAAU,CAACC,QAAD,EAAWX,OAAO,CAACC,IAAD,CAAlB,EAA0BD,OAAO,CAACC,IAAD,CAAjC,EAAyCW,OAAzC,EAAkDC,OAAlD,EAA2DC,SAA3D,CAAjB;AACD,CAFM;;AAxDLA,EAAAA,S;AACAH,EAAAA,Q;AACAV,EAAAA,I;AACAW,EAAAA,O;AACAC,EAAAA,O;;AAwDF,OAAO,IAAMI,WAA+C,GAAG,SAAlDA,WAAkD,QAAiF;AAAA,MAA9EH,SAA8E,SAA9EA,SAA8E;AAAA,MAAnEH,QAAmE,SAAnEA,QAAmE;AAAA,yBAAzDV,IAAyD;AAAA,MAAzDA,IAAyD,2BAAlD,MAAkD;AAAA,4BAA1CW,OAA0C;AAAA,MAA1CA,OAA0C,8BAAhC,WAAgC;AAAA,4BAAnBC,OAAmB;AAAA,MAAnBA,OAAmB,8BAAT,EAAS;AAC9I,SAAOH,UAAU,CAACC,QAAD,EAAWX,OAAO,CAACC,IAAD,CAAlB,EAA0BD,OAAO,CAACC,IAAD,CAAjC,EAAyCW,OAAzC,EAAkDC,OAAlD,EAA2DC,SAA3D,CAAjB;AACD,CAFM;;AA5DLA,EAAAA,S;AACAH,EAAAA,Q;AACAV,EAAAA,I;AACAW,EAAAA,O;AACAC,EAAAA,O;;AA4DF,SAASd,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  className?: string;\n  children?: any;\n  size?: string;\n  viewBox?: string;\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`;\nconst IconComponent = styled.svg<{ width: string; height: string }>`\n  width: ${props => props.width};\n  height: ${props => props.height};\n`;\n\nconst renderIcon = (children: React.ReactNode, width: string, height: string, viewBox: string, tooltip?: string, className?: string) => {\n  return tooltip ? (\n    <Container>\n      <IconComponent className={className} width={width} height={height} viewBox={viewBox} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        {children}\n      </IconComponent>\n      <Tooltip>{tooltip}</Tooltip>\n    </Container>\n  ) : (\n    <IconComponent className={className} width={width} height={height} viewBox={viewBox} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      {children}\n    </IconComponent>\n  );\n};\n\nexport const BaseIcon: React.FunctionComponent<BaseProps> = ({ className, children, size = '16px', viewBox = '0 0 25 25', tooltip = '' }) => {\n  return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);\n};\n\nexport const SystemIcon: React.FunctionComponent<BaseProps> = ({ className, children, size = '24px', viewBox = '0 0 24 24', tooltip = '' }) => {\n  return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);\n};\n\nexport const ContentIcon: React.FunctionComponent<BaseProps> = ({ className, children, size = '48px', viewBox = '0 0 48 48', tooltip = '' }) => {\n  return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);\n};\n\nexport { SystemIcons };\nexport { ContentIcons };\n"],"file":"index.js"}