@laerdal/life-react-components 5.0.8-dev.1 → 5.0.8-dev.2

package/dist/Footer/Components/FooterNavSection.cjs

@@ -1,12 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
@@ -18,47 +16,38 @@ var _HyperLink = require("../../HyperLink");
 var _utils = require("../../utils/utils");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var NavSection = _styledComponents["default"].section(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex-flow: flex-start;\n  color: white;\n  margin-bottom: 12px;\n"])));
-var LinkBlock = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: ", ";\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  ", " {\n    padding: 0 24px 24px 0;\n    width: calc(50% - 24px);\n  }\n\n  ", " {\n    width: calc(33% - 24px);\n  }\n  ", " {\n    padding: 0 32px 32px 0;\n    width: calc(33% - 32px);\n  }\n\n  h3 {\n    ", "\n  }\n\n  a {\n    padding: 8px 0px;\n    ", "\n  }\n"])), function (props) {
-  return props.$width <= 768 ? 'none' : 'flex';
-}, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE, _styles.BREAKPOINTS.LARGE, (0, _typography.ComponentLStyling)(_styles.ComponentTextStyle.Regular, 'inherit'), function (props) {
-  return (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('white', props.theme));
-});
-var FooterNavSection = function FooterNavSection(_ref) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const NavSection = _styledComponents.default.section(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex-flow: flex-start;\n  color: white;\n  margin-bottom: 12px;\n"])));
+const LinkBlock = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: ", ";\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  ", " {\n    padding: 0 24px 24px 0;\n    width: calc(50% - 24px);\n  }\n\n  ", " {\n    width: calc(33% - 24px);\n  }\n  ", " {\n    padding: 0 32px 32px 0;\n    width: calc(33% - 32px);\n  }\n\n  h3 {\n    ", "\n  }\n\n  a {\n    padding: 8px 0px;\n    ", "\n  }\n"])), props => props.$width <= 768 ? 'none' : 'flex', _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE, _styles.BREAKPOINTS.LARGE, (0, _typography.ComponentLStyling)(_styles.ComponentTextStyle.Regular, 'inherit'), props => (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('white', props.theme)));
+const FooterNavSection = _ref => {
   var _navOptions$sections;
-  var navOptions = _ref.navOptions;
-  var _React$useState = React.useState((0, _utils.hasWindow)() ? window.innerWidth : -1),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    width = _React$useState2[0],
-    setWidth = _React$useState2[1];
-  React.useEffect(function () {
+  let {
+    navOptions
+  } = _ref;
+  const [width, setWidth] = React.useState((0, _utils.hasWindow)() ? window.innerWidth : -1);
+  React.useEffect(() => {
     function handleResize() {
       setWidth(window.innerWidth);
     }
     window.addEventListener('resize', handleResize);
-    return function () {
-      return window.removeEventListener('resize', handleResize);
-    };
+    return () => window.removeEventListener('resize', handleResize);
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(NavSection, {
-    children: (_navOptions$sections = navOptions.sections) === null || _navOptions$sections === void 0 ? void 0 : _navOptions$sections.map(function (no, index) {
+    children: (_navOptions$sections = navOptions.sections) === null || _navOptions$sections === void 0 ? void 0 : _navOptions$sections.map((no, index) => {
       return width > 768 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(LinkBlock, {
         $width: width,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
           children: no.header
-        }), no.links.map(function (link, index) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HyperLink.HyperLink, {
-            id: "dropdownlink_".concat(Math.floor(Math.random() * 999999999999)),
-            variant: 'inverted',
-            href: link.to,
-            target: link.target || '_blank',
-            rel: "noreferrer noopener",
-            children: link.label
-          }, index);
-        })]
-      }, "LinkBlock_".concat(index)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_FooterDropdownLinks["default"], {
+        }), no.links.map((link, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_HyperLink.HyperLink, {
+          id: "dropdownlink_".concat(Math.floor(Math.random() * 999999999999)),
+          variant: 'inverted',
+          href: link.to,
+          target: link.target || '_blank',
+          rel: "noreferrer noopener",
+          children: link.label
+        }, index))]
+      }, "LinkBlock_".concat(index)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_FooterDropdownLinks.default, {
         "data-testid": 'footerDropLinks',
         navSection: no,
         width: width
@@ -67,8 +56,7 @@ var FooterNavSection = function FooterNavSection(_ref) {
   });
 };
 FooterNavSection.propTypes = {
-  mainId: _propTypes["default"].string.isRequired
+  mainId: _propTypes.default.string.isRequired
 };
-var _default = FooterNavSection;
-exports["default"] = _default;
+var _default = exports.default = FooterNavSection;
 //# sourceMappingURL=FooterNavSection.cjs.map

package/dist/Footer/Components/FooterNavSection.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FooterNavSection.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_FooterDropdownLinks","_typography","_HyperLink","_utils","_jsxRuntime","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NavSection","styled","section","_taggedTemplateLiteral2","LinkBlock","div","props","$width","BREAKPOINTS","MEDIUM","LARGE","ComponentLStyling","ComponentTextStyle","Regular","ComponentSStyling","Bold","COLORS","getColor","theme","FooterNavSection","_ref","_navOptions$sections","navOptions","_React$useState","useState","hasWindow","window","innerWidth","_React$useState2","_slicedToArray2","width","setWidth","useEffect","handleResize","addEventListener","removeEventListener","jsx","children","sections","map","no","index","jsxs","header","links","link","HyperLink","id","concat","Math","floor","random","variant","href","to","target","rel","label","navSection","propTypes","mainId","_propTypes","string","isRequired","_default","exports"],"sources":["../../../src/Footer/Components/FooterNavSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../../styles';\nimport FooterDropdownLinks from './FooterDropdownLinks';\nimport {NavOptions} from '../../types';\nimport {ComponentLStyling, ComponentSStyling} from '../../styles/typography';\nimport {HyperLink} from '../../HyperLink';\nimport { hasWindow } from '../../utils/utils';\n\nconst NavSection = styled.section`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex-flow: flex-start;\n  color: white;\n  margin-bottom: 12px;\n`;\n\nconst LinkBlock = styled.div<{ $width: number }>`\n  display: ${(props) => (props.$width <= 768 ? 'none' : 'flex')};\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  ${BREAKPOINTS.MEDIUM} {\n    padding: 0 24px 24px 0;\n    width: calc(50% - 24px);\n  }\n\n  ${BREAKPOINTS.LARGE} {\n    width: calc(33% - 24px);\n  }\n  ${BREAKPOINTS.LARGE} {\n    padding: 0 32px 32px 0;\n    width: calc(33% - 32px);\n  }\n\n  h3 {\n    ${ComponentLStyling(ComponentTextStyle.Regular, 'inherit')}\n  }\n\n  a {\n    padding: 8px 0px;\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\n  }\n`;\n\ninterface FooterNavSectionProps {\n  navOptions: NavOptions;\n  mainId: string;\n}\n\nconst FooterNavSection = ({ navOptions }: FooterNavSectionProps) => {\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\n  React.useEffect(() => {\n    function handleResize() {\n      setWidth(window.innerWidth);\n    }\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  return (\n    <NavSection>\n      {navOptions.sections?.map((no, index) => {\n        return width > 768 ? (\n          <LinkBlock key={`LinkBlock_${index}`} $width={width}>\n            <h3>{no.header}</h3>\n            {no.links.map((link, index) => (\n              <HyperLink key={index}\n                         id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\n                         variant={'inverted'}\n                         href={link.to}\n                         target={link.target || '_blank'}\n                         rel=\"noreferrer noopener\">\n                {link.label}\n              </HyperLink>\n            ))}\n          </LinkBlock>\n        ) : (\n          <FooterDropdownLinks data-testid={'footerDropLinks'} key={`LinkBlockDropdown_${index}`} navSection={no} width={width} />\n        );\n      })}\n    </NavSection>\n  );\n};\n\nexport default FooterNavSection;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FooterNavSection.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_FooterDropdownLinks","_typography","_HyperLink","_utils","_jsxRuntime","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NavSection","styled","section","_taggedTemplateLiteral2","LinkBlock","div","props","$width","BREAKPOINTS","MEDIUM","LARGE","ComponentLStyling","ComponentTextStyle","Regular","ComponentSStyling","Bold","COLORS","getColor","theme","FooterNavSection","_ref","_navOptions$sections","navOptions","width","setWidth","useState","hasWindow","window","innerWidth","useEffect","handleResize","addEventListener","removeEventListener","jsx","children","sections","map","no","index","jsxs","header","links","link","HyperLink","id","concat","Math","floor","random","variant","href","to","target","rel","label","navSection","propTypes","mainId","_propTypes","string","isRequired","_default","exports"],"sources":["../../../src/Footer/Components/FooterNavSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../../styles';\r\nimport FooterDropdownLinks from './FooterDropdownLinks';\r\nimport {NavOptions} from '../../types';\r\nimport {ComponentLStyling, ComponentSStyling} from '../../styles/typography';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport { hasWindow } from '../../utils/utils';\r\n\r\nconst NavSection = styled.section`\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: wrap;\r\n  flex-flow: flex-start;\r\n  color: white;\r\n  margin-bottom: 12px;\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ $width: number }>`\r\n  display: ${(props) => (props.$width <= 768 ? 'none' : 'flex')};\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 0 24px 24px 0;\r\n    width: calc(50% - 24px);\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    width: calc(33% - 24px);\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 0 32px 32px 0;\r\n    width: calc(33% - 32px);\r\n  }\r\n\r\n  h3 {\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  a {\r\n    padding: 8px 0px;\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navOptions: NavOptions;\r\n  mainId: string;\r\n}\r\n\r\nconst FooterNavSection = ({ navOptions }: FooterNavSectionProps) => {\r\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\r\n  React.useEffect(() => {\r\n    function handleResize() {\r\n      setWidth(window.innerWidth);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  return (\r\n    <NavSection>\r\n      {navOptions.sections?.map((no, index) => {\r\n        return width > 768 ? (\r\n          <LinkBlock key={`LinkBlock_${index}`} $width={width}>\r\n            <h3>{no.header}</h3>\r\n            {no.links.map((link, index) => (\r\n              <HyperLink key={index}\r\n                         id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                         variant={'inverted'}\r\n                         href={link.to}\r\n                         target={link.target || '_blank'}\r\n                         rel=\"noreferrer noopener\">\r\n                {link.label}\r\n              </HyperLink>\r\n            ))}\r\n          </LinkBlock>\r\n        ) : (\r\n          <FooterDropdownLinks data-testid={'footerDropLinks'} key={`LinkBlockDropdown_${index}`} navSection={no} width={width} />\r\n        );\r\n      })}\r\n    </NavSection>\r\n  );\r\n};\r\n\r\nexport default FooterNavSection;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Footer/Components/FooterNavSection.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { NavOptions } from '../../types';
-interface FooterNavSectionProps {
-    navOptions: NavOptions;
-    mainId: string;
-}
-declare const FooterNavSection: ({ navOptions }: FooterNavSectionProps) => React.JSX.Element;
-export default FooterNavSection;
+import * as React from 'react';
+import { NavOptions } from '../../types';
+interface FooterNavSectionProps {
+    navOptions: NavOptions;
+    mainId: string;
+}
+declare const FooterNavSection: ({ navOptions }: FooterNavSectionProps) => React.JSX.Element;
+export default FooterNavSection;

package/dist/Footer/Components/FooterNavSection.js

@@ -1,4 +1,3 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
 var _templateObject, _templateObject2;
@@ -9,46 +8,36 @@ import FooterDropdownLinks from './FooterDropdownLinks';
 import { ComponentLStyling, ComponentSStyling } from '../../styles/typography';
 import { HyperLink } from '../../HyperLink';
 import { hasWindow } from '../../utils/utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var NavSection = styled.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex-flow: flex-start;\n  color: white;\n  margin-bottom: 12px;\n"])));
-var LinkBlock = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: ", ";\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  ", " {\n    padding: 0 24px 24px 0;\n    width: calc(50% - 24px);\n  }\n\n  ", " {\n    width: calc(33% - 24px);\n  }\n  ", " {\n    padding: 0 32px 32px 0;\n    width: calc(33% - 32px);\n  }\n\n  h3 {\n    ", "\n  }\n\n  a {\n    padding: 8px 0px;\n    ", "\n  }\n"])), function (props) {
-  return props.$width <= 768 ? 'none' : 'flex';
-}, BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE, BREAKPOINTS.LARGE, ComponentLStyling(ComponentTextStyle.Regular, 'inherit'), function (props) {
-  return ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme));
-});
-var FooterNavSection = function FooterNavSection(_ref) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const NavSection = styled.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex-flow: flex-start;\n  color: white;\n  margin-bottom: 12px;\n"])));
+const LinkBlock = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: ", ";\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  ", " {\n    padding: 0 24px 24px 0;\n    width: calc(50% - 24px);\n  }\n\n  ", " {\n    width: calc(33% - 24px);\n  }\n  ", " {\n    padding: 0 32px 32px 0;\n    width: calc(33% - 32px);\n  }\n\n  h3 {\n    ", "\n  }\n\n  a {\n    padding: 8px 0px;\n    ", "\n  }\n"])), props => props.$width <= 768 ? 'none' : 'flex', BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE, BREAKPOINTS.LARGE, ComponentLStyling(ComponentTextStyle.Regular, 'inherit'), props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme)));
+const FooterNavSection = _ref => {
   var _navOptions$sections;
-  var navOptions = _ref.navOptions;
-  var _React$useState = React.useState(hasWindow() ? window.innerWidth : -1),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    width = _React$useState2[0],
-    setWidth = _React$useState2[1];
-  React.useEffect(function () {
+  let {
+    navOptions
+  } = _ref;
+  const [width, setWidth] = React.useState(hasWindow() ? window.innerWidth : -1);
+  React.useEffect(() => {
     function handleResize() {
       setWidth(window.innerWidth);
     }
     window.addEventListener('resize', handleResize);
-    return function () {
-      return window.removeEventListener('resize', handleResize);
-    };
+    return () => window.removeEventListener('resize', handleResize);
   }, []);
   return /*#__PURE__*/_jsx(NavSection, {
-    children: (_navOptions$sections = navOptions.sections) === null || _navOptions$sections === void 0 ? void 0 : _navOptions$sections.map(function (no, index) {
+    children: (_navOptions$sections = navOptions.sections) === null || _navOptions$sections === void 0 ? void 0 : _navOptions$sections.map((no, index) => {
       return width > 768 ? /*#__PURE__*/_jsxs(LinkBlock, {
         $width: width,
         children: [/*#__PURE__*/_jsx("h3", {
           children: no.header
-        }), no.links.map(function (link, index) {
-          return /*#__PURE__*/_jsx(HyperLink, {
-            id: "dropdownlink_".concat(Math.floor(Math.random() * 999999999999)),
-            variant: 'inverted',
-            href: link.to,
-            target: link.target || '_blank',
-            rel: "noreferrer noopener",
-            children: link.label
-          }, index);
-        })]
+        }), no.links.map((link, index) => /*#__PURE__*/_jsx(HyperLink, {
+          id: "dropdownlink_".concat(Math.floor(Math.random() * 999999999999)),
+          variant: 'inverted',
+          href: link.to,
+          target: link.target || '_blank',
+          rel: "noreferrer noopener",
+          children: link.label
+        }, index))]
       }, "LinkBlock_".concat(index)) : /*#__PURE__*/_jsx(FooterDropdownLinks, {
         "data-testid": 'footerDropLinks',
         navSection: no,

package/dist/Footer/Components/FooterNavSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterNavSection.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentTextStyle","FooterDropdownLinks","ComponentLStyling","ComponentSStyling","HyperLink","hasWindow","jsx","_jsx","jsxs","_jsxs","NavSection","section","_templateObject","_taggedTemplateLiteral","LinkBlock","div","_templateObject2","props","$width","MEDIUM","LARGE","Regular","Bold","getColor","theme","FooterNavSection","_ref","_navOptions$sections","navOptions","_React$useState","useState","window","innerWidth","_React$useState2","_slicedToArray","width","setWidth","useEffect","handleResize","addEventListener","removeEventListener","children","sections","map","no","index","header","links","link","id","concat","Math","floor","random","variant","href","to","target","rel","label","navSection","propTypes","mainId","_pt","string","isRequired"],"sources":["../../../src/Footer/Components/FooterNavSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../../styles';\nimport FooterDropdownLinks from './FooterDropdownLinks';\nimport {NavOptions} from '../../types';\nimport {ComponentLStyling, ComponentSStyling} from '../../styles/typography';\nimport {HyperLink} from '../../HyperLink';\nimport { hasWindow } from '../../utils/utils';\n\nconst NavSection = styled.section`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex-flow: flex-start;\n  color: white;\n  margin-bottom: 12px;\n`;\n\nconst LinkBlock = styled.div<{ $width: number }>`\n  display: ${(props) => (props.$width <= 768 ? 'none' : 'flex')};\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  ${BREAKPOINTS.MEDIUM} {\n    padding: 0 24px 24px 0;\n    width: calc(50% - 24px);\n  }\n\n  ${BREAKPOINTS.LARGE} {\n    width: calc(33% - 24px);\n  }\n  ${BREAKPOINTS.LARGE} {\n    padding: 0 32px 32px 0;\n    width: calc(33% - 32px);\n  }\n\n  h3 {\n    ${ComponentLStyling(ComponentTextStyle.Regular, 'inherit')}\n  }\n\n  a {\n    padding: 8px 0px;\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\n  }\n`;\n\ninterface FooterNavSectionProps {\n  navOptions: NavOptions;\n  mainId: string;\n}\n\nconst FooterNavSection = ({ navOptions }: FooterNavSectionProps) => {\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\n  React.useEffect(() => {\n    function handleResize() {\n      setWidth(window.innerWidth);\n    }\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  return (\n    <NavSection>\n      {navOptions.sections?.map((no, index) => {\n        return width > 768 ? (\n          <LinkBlock key={`LinkBlock_${index}`} $width={width}>\n            <h3>{no.header}</h3>\n            {no.links.map((link, index) => (\n              <HyperLink key={index}\n                         id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\n                         variant={'inverted'}\n                         href={link.to}\n                         target={link.target || '_blank'}\n                         rel=\"noreferrer noopener\">\n                {link.label}\n              </HyperLink>\n            ))}\n          </LinkBlock>\n        ) : (\n          <FooterDropdownLinks data-testid={'footerDropLinks'} key={`LinkBlockDropdown_${index}`} navSection={no} width={width} />\n        );\n      })}\n    </NavSection>\n  );\n};\n\nexport default FooterNavSection;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FooterNavSection.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentTextStyle","FooterDropdownLinks","ComponentLStyling","ComponentSStyling","HyperLink","hasWindow","jsx","_jsx","jsxs","_jsxs","NavSection","section","_templateObject","_taggedTemplateLiteral","LinkBlock","div","_templateObject2","props","$width","MEDIUM","LARGE","Regular","Bold","getColor","theme","FooterNavSection","_ref","_navOptions$sections","navOptions","width","setWidth","useState","window","innerWidth","useEffect","handleResize","addEventListener","removeEventListener","children","sections","map","no","index","header","links","link","id","concat","Math","floor","random","variant","href","to","target","rel","label","navSection","propTypes","mainId","_pt","string","isRequired"],"sources":["../../../src/Footer/Components/FooterNavSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../../styles';\r\nimport FooterDropdownLinks from './FooterDropdownLinks';\r\nimport {NavOptions} from '../../types';\r\nimport {ComponentLStyling, ComponentSStyling} from '../../styles/typography';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport { hasWindow } from '../../utils/utils';\r\n\r\nconst NavSection = styled.section`\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: wrap;\r\n  flex-flow: flex-start;\r\n  color: white;\r\n  margin-bottom: 12px;\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ $width: number }>`\r\n  display: ${(props) => (props.$width <= 768 ? 'none' : 'flex')};\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 0 24px 24px 0;\r\n    width: calc(50% - 24px);\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    width: calc(33% - 24px);\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 0 32px 32px 0;\r\n    width: calc(33% - 32px);\r\n  }\r\n\r\n  h3 {\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  a {\r\n    padding: 8px 0px;\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navOptions: NavOptions;\r\n  mainId: string;\r\n}\r\n\r\nconst FooterNavSection = ({ navOptions }: FooterNavSectionProps) => {\r\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\r\n  React.useEffect(() => {\r\n    function handleResize() {\r\n      setWidth(window.innerWidth);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  return (\r\n    <NavSection>\r\n      {navOptions.sections?.map((no, index) => {\r\n        return width > 768 ? (\r\n          <LinkBlock key={`LinkBlock_${index}`} $width={width}>\r\n            <h3>{no.header}</h3>\r\n            {no.links.map((link, index) => (\r\n              <HyperLink key={index}\r\n                         id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                         variant={'inverted'}\r\n                         href={link.to}\r\n                         target={link.target || '_blank'}\r\n                         rel=\"noreferrer noopener\">\r\n                {link.label}\r\n              </HyperLink>\r\n            ))}\r\n          </LinkBlock>\r\n        ) : (\r\n          <FooterDropdownLinks data-testid={'footerDropLinks'} key={`LinkBlockDropdown_${index}`} navSection={no} width={width} />\r\n        );\r\n      })}\r\n    </NavSection>\r\n  );\r\n};\r\n\r\nexport default FooterNavSection;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Footer/Components/FooterNewsletterAndSocialSection.cjs

@@ -1,12 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
@@ -17,44 +15,21 @@ var _icons = require("../../icons");
 var _Button = require("../../Button");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var NewsletterAndSocial = _styledComponents["default"].section(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 16px;\n\n  ", " {\n    flex-direction: row;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM);
-var NewsletterEmailSection = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 100%;\n  margin: 16px auto 0 auto;\n\n  ", " {\n    width: 60%;\n    margin: 16px 0 0 0;\n  }\n\n  label {\n    ", "\n    margin-bottom: 2px;\n  }\n  div div {\n    width: 100%;\n    ", " {\n      width: calc(100% - 82px);\n      width: 288px;\n    }\n  }\n  input {\n    height: 48px;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM, function (props) {
-  return (0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('white', props.theme));
-}, _styles.BREAKPOINTS.MEDIUM);
-var NewsletterEmail = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  margin: 2px auto 0;\n\n  ", " {\n    margin: 2px 0 0 0;\n    flex-direction: row;\n  }\n\n  ", " {\n    &.focus-visible {\n      ", "\n    }\n  }\n"])), _styles.BREAKPOINTS.MEDIUM, _InputFields.InputFieldStyling, _styles.invertedFocusStyles);
-var NewsletterButton = _styledComponents["default"].button(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  background: transparent;\n  width: 100%;\n  height: 40px;\n  border: 2px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  margin: 8px 0 4px 0;\n\n  ", "\n\n  ", " {\n    width: 94px;\n    margin: auto 0 4px 8px;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n  \n  &:focus {\n    ", "\n  }\n"])), function (props) {
-  return _styles.COLORS.getColor('white', props.theme);
-}, function (props) {
-  return (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('white', props.theme));
-}, _styles.BREAKPOINTS.MEDIUM, _styles.invertedFocusStyles);
-var SocialMedia = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  margin: 0 auto;\n\n  button div {\n    box-sizing: border-box;\n    border-radius: 4px;\n  }\n\n  h4 {\n    margin-top: 16px;\n    margin-bottom: 8px;\n    \n    ", "\n  }\n\n  ", " {\n    margin: 0 0 0 auto;\n    button {\n      margin: 0 0 0 12px;\n    }\n  }\n"])), function (props) {
-  return _styles.COLORS.getColor('white', props.theme);
-}, (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, 'inherit'), _styles.BREAKPOINTS.MEDIUM);
-var SocialMediaButtons = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  justify-content: center;\n\n  button div {\n    display: flex;\n    background-color: transparent;\n    color: ", ";\n    margin: 0 0 0 20px;\n\n    svg {\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n\n    &:first-child {\n      margin: 0;\n    }\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n    }\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n  a {\n    &:focus {\n      ", "\n    }\n  }\n\n  ", " {\n    justify-content: flex-end;\n  }\n"])), function (props) {
-  return _styles.COLORS.getColor('white', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('white', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('white', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('white', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('neutral_600', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('primary_800', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('primary_100', props.theme);
-}, _styles.invertedFocusStyles, _styles.BREAKPOINTS.MEDIUM);
-var FooterNewsletterAndSocialSection = function FooterNewsletterAndSocialSection(_ref) {
-  var actionOnNewsletterSignup = _ref.actionOnNewsletterSignup,
-    newsletterLabel = _ref.newsletterLabel,
-    placeholderEmail = _ref.placeholderEmail;
-  var _React$useState = React.useState(''),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    emailInput = _React$useState2[0],
-    setEmailInput = _React$useState2[1];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const NewsletterAndSocial = _styledComponents.default.section(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 16px;\n\n  ", " {\n    flex-direction: row;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM);
+const NewsletterEmailSection = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  margin: 16px auto 0 auto;\n\n  ", " {\n    width: 60%;\n    margin: 16px 0 0 0;\n  }\n\n  label {\n    ", "\n    margin-bottom: 2px;\n  }\n  div div {\n    width: 100%;\n    ", " {\n      width: calc(100% - 82px);\n      width: 288px;\n    }\n  }\n  input {\n    height: 48px;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM, props => (0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('white', props.theme)), _styles.BREAKPOINTS.MEDIUM);
+const NewsletterEmail = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  margin: 2px auto 0;\n\n  ", " {\n    margin: 2px 0 0 0;\n    flex-direction: row;\n  }\n\n  ", " {\n    &.focus-visible {\n      ", "\n    }\n  }\n"])), _styles.BREAKPOINTS.MEDIUM, _InputFields.InputFieldStyling, _styles.invertedFocusStyles);
+const NewsletterButton = _styledComponents.default.button(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  background: transparent;\n  width: 100%;\n  height: 40px;\n  border: 2px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  margin: 8px 0 4px 0;\n\n  ", "\n\n  ", " {\n    width: 94px;\n    margin: auto 0 4px 8px;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n  \n  &:focus {\n    ", "\n  }\n"])), props => _styles.COLORS.getColor('white', props.theme), props => (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('white', props.theme)), _styles.BREAKPOINTS.MEDIUM, _styles.invertedFocusStyles);
+const SocialMedia = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  margin: 0 auto;\n\n  button div {\n    box-sizing: border-box;\n    border-radius: 4px;\n  }\n\n  h4 {\n    margin-top: 16px;\n    margin-bottom: 8px;\n    \n    ", "\n  }\n\n  ", " {\n    margin: 0 0 0 auto;\n    button {\n      margin: 0 0 0 12px;\n    }\n  }\n"])), props => _styles.COLORS.getColor('white', props.theme), (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, 'inherit'), _styles.BREAKPOINTS.MEDIUM);
+const SocialMediaButtons = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n\n  button div {\n    display: flex;\n    background-color: transparent;\n    color: ", ";\n    margin: 0 0 0 20px;\n\n    svg {\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n\n    &:first-child {\n      margin: 0;\n    }\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n    }\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n  a {\n    &:focus {\n      ", "\n    }\n  }\n\n  ", " {\n    justify-content: flex-end;\n  }\n"])), props => _styles.COLORS.getColor('white', props.theme), props => _styles.COLORS.getColor('white', props.theme), props => _styles.COLORS.getColor('white', props.theme), props => _styles.COLORS.getColor('white', props.theme), props => _styles.COLORS.getColor('neutral_600', props.theme), props => _styles.COLORS.getColor('primary_800', props.theme), props => _styles.COLORS.getColor('primary_100', props.theme), _styles.invertedFocusStyles, _styles.BREAKPOINTS.MEDIUM);
+const FooterNewsletterAndSocialSection = _ref => {
+  let {
+    actionOnNewsletterSignup,
+    newsletterLabel,
+    placeholderEmail
+  } = _ref;
+  const [emailInput, setEmailInput] = React.useState('');
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(NewsletterAndSocial, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(NewsletterEmailSection, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
@@ -65,14 +40,10 @@ var FooterNewsletterAndSocialSection = function FooterNewsletterAndSocialSection
           withoutBorder: true,
           placeholder: placeholderEmail,
           value: emailInput,
-          onChange: function onChange(value) {
-            return setEmailInput(value);
-          }
+          onChange: value => setEmailInput(value)
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(NewsletterButton, {
           "data-testid": 'newsBtn',
-          onClick: function onClick(e) {
-            return actionOnNewsletterSignup && actionOnNewsletterSignup(e.target.value);
-          },
+          onClick: e => actionOnNewsletterSignup && actionOnNewsletterSignup(e.target.value),
           children: "Sign up"
         })]
       })]
@@ -86,7 +57,7 @@ var FooterNewsletterAndSocialSection = function FooterNewsletterAndSocialSection
           rel: "noreferrer noopener",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
             variant: "secondary",
-            action: function action() {},
+            action: () => {},
             tabIndex: -1,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.Facebook, {})
           })
@@ -96,7 +67,7 @@ var FooterNewsletterAndSocialSection = function FooterNewsletterAndSocialSection
           rel: "noreferrer noopener",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
             variant: "secondary",
-            action: function action() {},
+            action: () => {},
             tabIndex: -1,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.Twitter, {})
           })
@@ -106,7 +77,7 @@ var FooterNewsletterAndSocialSection = function FooterNewsletterAndSocialSection
           rel: "noreferrer noopener",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
             variant: "secondary",
-            action: function action() {},
+            action: () => {},
             tabIndex: -1,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.Youtube, {})
           })
@@ -116,10 +87,9 @@ var FooterNewsletterAndSocialSection = function FooterNewsletterAndSocialSection
   });
 };
 FooterNewsletterAndSocialSection.propTypes = {
-  actionOnNewsletterSignup: _propTypes["default"].func,
-  newsletterLabel: _propTypes["default"].string.isRequired,
-  placeholderEmail: _propTypes["default"].string
+  actionOnNewsletterSignup: _propTypes.default.func,
+  newsletterLabel: _propTypes.default.string.isRequired,
+  placeholderEmail: _propTypes.default.string
 };
-var _default = FooterNewsletterAndSocialSection;
-exports["default"] = _default;
+var _default = exports.default = FooterNewsletterAndSocialSection;
 //# sourceMappingURL=FooterNewsletterAndSocialSection.cjs.map

package/dist/Footer/Components/FooterNewsletterAndSocialSection.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FooterNewsletterAndSocialSection.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_InputFields","_icons","_Button","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NewsletterAndSocial","styled","section","_taggedTemplateLiteral2","BREAKPOINTS","MEDIUM","NewsletterEmailSection","div","props","ComponentXXSStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","NewsletterEmail","InputFieldStyling","invertedFocusStyles","NewsletterButton","button","ComponentLStyling","Bold","SocialMedia","ComponentXSStyling","SocialMediaButtons","FooterNewsletterAndSocialSection","_ref","actionOnNewsletterSignup","newsletterLabel","placeholderEmail","_React$useState","useState","_React$useState2","_slicedToArray2","emailInput","setEmailInput","jsxs","children","jsx","TextField","id","withoutBorder","placeholder","value","onChange","onClick","target","href","rel","IconButton","variant","action","tabIndex","SystemIcons","Facebook","Twitter","Youtube","propTypes","_propTypes","func","string","isRequired","_default","exports"],"sources":["../../../src/Footer/Components/FooterNewsletterAndSocialSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles} from '../../styles';\nimport {TextField} from '../../InputFields';\nimport {SystemIcons} from '../../icons';\nimport {IconButton} from '../../Button';\nimport {\n  ComponentLStyling,\n  ComponentTextStyle,\n  ComponentXSStyling,\n  ComponentXXSStyling\n} from '../../styles';\nimport {InputFieldStyling} from '../../InputFields';\n\nconst NewsletterAndSocial = styled.section`\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 16px;\n\n  ${BREAKPOINTS.MEDIUM} {\n    flex-direction: row;\n  }\n`;\n\nconst NewsletterEmailSection = styled.div`\n  width: 100%;\n  margin: 16px auto 0 auto;\n\n  ${BREAKPOINTS.MEDIUM} {\n    width: 60%;\n    margin: 16px 0 0 0;\n  }\n\n  label {\n    ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\n    margin-bottom: 2px;\n  }\n  div div {\n    width: 100%;\n    ${BREAKPOINTS.MEDIUM} {\n      width: calc(100% - 82px);\n      width: 288px;\n    }\n  }\n  input {\n    height: 48px;\n  }\n`;\n\nconst NewsletterEmail = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin: 2px auto 0;\n\n  ${BREAKPOINTS.MEDIUM} {\n    margin: 2px 0 0 0;\n    flex-direction: row;\n  }\n\n  ${InputFieldStyling} {\n    &.focus-visible {\n      ${invertedFocusStyles}\n    }\n  }\n`;\n\nconst NewsletterButton = styled.button`\n  background: transparent;\n  width: 100%;\n  height: 40px;\n  border: 2px solid ${props => COLORS.getColor('white', props.theme)};\n  box-sizing: border-box;\n  border-radius: 8px;\n  margin: 8px 0 4px 0;\n\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\n\n  ${BREAKPOINTS.MEDIUM} {\n    width: 94px;\n    margin: auto 0 4px 8px;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n  \n  &:focus {\n    ${invertedFocusStyles}\n  }\n`;\n\nconst SocialMedia = styled.div`\n  color: ${props => COLORS.getColor('white', props.theme)};\n  margin: 0 auto;\n\n  button div {\n    box-sizing: border-box;\n    border-radius: 4px;\n  }\n\n  h4 {\n    margin-top: 16px;\n    margin-bottom: 8px;\n    \n    ${ComponentXSStyling(ComponentTextStyle.Regular, 'inherit')}\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    margin: 0 0 0 auto;\n    button {\n      margin: 0 0 0 12px;\n    }\n  }\n`;\n\nconst SocialMediaButtons = styled.div`\n  display: flex;\n  justify-content: center;\n\n  button div {\n    display: flex;\n    background-color: transparent;\n    color: ${props => COLORS.getColor('white', props.theme)};\n    margin: 0 0 0 20px;\n\n    svg {\n      fill: ${props => COLORS.getColor('white', props.theme)};\n      path {\n        fill: ${props => COLORS.getColor('white', props.theme)};\n      }\n    }\n\n    &:first-child {\n      margin: 0;\n    }\n    &:hover {\n      background-color: ${props => COLORS.getColor('white', props.theme)};\n      color: ${props => COLORS.getColor('neutral_600', props.theme)};\n    }\n    &:active {\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\n      color: ${props => COLORS.getColor('primary_100', props.theme)};\n    }\n  }\n  a {\n    &:focus {\n      ${invertedFocusStyles}\n    }\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    justify-content: flex-end;\n  }\n`;\n\ninterface FooterNewsletterAndSocialSection {\n  actionOnNewsletterSignup?: (email: string) => void;\n  newsletterLabel: string;\n  placeholderEmail?: string;\n}\n\nconst FooterNewsletterAndSocialSection = ({ actionOnNewsletterSignup, newsletterLabel, placeholderEmail }: FooterNewsletterAndSocialSection) => {\n  const [emailInput, setEmailInput] = React.useState<string>('');\n  return (\n    <NewsletterAndSocial>\n      <NewsletterEmailSection>\n        <label>{newsletterLabel}</label>\n        <NewsletterEmail>\n          <TextField id=\"NewsletterEmail\" withoutBorder={true} placeholder={placeholderEmail} value={emailInput} onChange={(value: string) => setEmailInput(value)} />\n          <NewsletterButton data-testid={'newsBtn'} onClick={(e: any) => actionOnNewsletterSignup && actionOnNewsletterSignup(e.target.value)}>Sign up</NewsletterButton>\n        </NewsletterEmail>\n      </NewsletterEmailSection>\n      <SocialMedia>\n        <h4>Follow us on social media</h4>\n        <SocialMediaButtons>\n          <a href=\"https://www.facebook.com/LaerdalMedical/\" target=\"_blank\" rel=\"noreferrer noopener\">\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\n              <SystemIcons.Facebook />\n            </IconButton>\n          </a>\n          <a href=\"https://twitter.com/laerdalmedical\" target=\"_blank\" rel=\"noreferrer noopener\">\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\n              <SystemIcons.Twitter />\n            </IconButton>\n          </a>\n          <a href=\"https://www.youtube.com/user/LaerdalMedical\" target=\"_blank\" rel=\"noreferrer noopener\">\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\n              <SystemIcons.Youtube />\n            </IconButton>\n          </a>\n        </SocialMediaButtons>\n      </SocialMedia>\n    </NewsletterAndSocial>\n  );\n};\n\nexport default FooterNewsletterAndSocialSection;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FooterNewsletterAndSocialSection.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_InputFields","_icons","_Button","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NewsletterAndSocial","styled","section","_taggedTemplateLiteral2","BREAKPOINTS","MEDIUM","NewsletterEmailSection","div","props","ComponentXXSStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","NewsletterEmail","InputFieldStyling","invertedFocusStyles","NewsletterButton","button","ComponentLStyling","Bold","SocialMedia","ComponentXSStyling","SocialMediaButtons","FooterNewsletterAndSocialSection","_ref","actionOnNewsletterSignup","newsletterLabel","placeholderEmail","emailInput","setEmailInput","useState","jsxs","children","jsx","TextField","id","withoutBorder","placeholder","value","onChange","onClick","target","href","rel","IconButton","variant","action","tabIndex","SystemIcons","Facebook","Twitter","Youtube","propTypes","_propTypes","func","string","isRequired","_default","exports"],"sources":["../../../src/Footer/Components/FooterNewsletterAndSocialSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles} from '../../styles';\r\nimport {TextField} from '../../InputFields';\r\nimport {SystemIcons} from '../../icons';\r\nimport {IconButton} from '../../Button';\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../../styles';\r\nimport {InputFieldStyling} from '../../InputFields';\r\n\r\nconst NewsletterAndSocial = styled.section`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-bottom: 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst NewsletterEmailSection = styled.div`\r\n  width: 100%;\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 60%;\r\n    margin: 16px 0 0 0;\r\n  }\r\n\r\n  label {\r\n    ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\r\n    margin-bottom: 2px;\r\n  }\r\n  div div {\r\n    width: 100%;\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      width: calc(100% - 82px);\r\n      width: 288px;\r\n    }\r\n  }\r\n  input {\r\n    height: 48px;\r\n  }\r\n`;\r\n\r\nconst NewsletterEmail = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 2px auto 0;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 2px 0 0 0;\r\n    flex-direction: row;\r\n  }\r\n\r\n  ${InputFieldStyling} {\r\n    &.focus-visible {\r\n      ${invertedFocusStyles}\r\n    }\r\n  }\r\n`;\r\n\r\nconst NewsletterButton = styled.button`\r\n  background: transparent;\r\n  width: 100%;\r\n  height: 40px;\r\n  border: 2px solid ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  border-radius: 8px;\r\n  margin: 8px 0 4px 0;\r\n\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 94px;\r\n    margin: auto 0 4px 8px;\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n  \r\n  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n`;\r\n\r\nconst SocialMedia = styled.div`\r\n  color: ${props => COLORS.getColor('white', props.theme)};\r\n  margin: 0 auto;\r\n\r\n  button div {\r\n    box-sizing: border-box;\r\n    border-radius: 4px;\r\n  }\r\n\r\n  h4 {\r\n    margin-top: 16px;\r\n    margin-bottom: 8px;\r\n    \r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 0 0 0 auto;\r\n    button {\r\n      margin: 0 0 0 12px;\r\n    }\r\n  }\r\n`;\r\n\r\nconst SocialMediaButtons = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n\r\n  button div {\r\n    display: flex;\r\n    background-color: transparent;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n    margin: 0 0 0 20px;\r\n\r\n    svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n      path {\r\n        fill: ${props => COLORS.getColor('white', props.theme)};\r\n      }\r\n    }\r\n\r\n    &:first-child {\r\n      margin: 0;\r\n    }\r\n    &:hover {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n      color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n    }\r\n    &:active {\r\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n  }\r\n  a {\r\n    &:focus {\r\n      ${invertedFocusStyles}\r\n    }\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    justify-content: flex-end;\r\n  }\r\n`;\r\n\r\ninterface FooterNewsletterAndSocialSection {\r\n  actionOnNewsletterSignup?: (email: string) => void;\r\n  newsletterLabel: string;\r\n  placeholderEmail?: string;\r\n}\r\n\r\nconst FooterNewsletterAndSocialSection = ({ actionOnNewsletterSignup, newsletterLabel, placeholderEmail }: FooterNewsletterAndSocialSection) => {\r\n  const [emailInput, setEmailInput] = React.useState<string>('');\r\n  return (\r\n    <NewsletterAndSocial>\r\n      <NewsletterEmailSection>\r\n        <label>{newsletterLabel}</label>\r\n        <NewsletterEmail>\r\n          <TextField id=\"NewsletterEmail\" withoutBorder={true} placeholder={placeholderEmail} value={emailInput} onChange={(value: string) => setEmailInput(value)} />\r\n          <NewsletterButton data-testid={'newsBtn'} onClick={(e: any) => actionOnNewsletterSignup && actionOnNewsletterSignup(e.target.value)}>Sign up</NewsletterButton>\r\n        </NewsletterEmail>\r\n      </NewsletterEmailSection>\r\n      <SocialMedia>\r\n        <h4>Follow us on social media</h4>\r\n        <SocialMediaButtons>\r\n          <a href=\"https://www.facebook.com/LaerdalMedical/\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Facebook />\r\n            </IconButton>\r\n          </a>\r\n          <a href=\"https://twitter.com/laerdalmedical\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Twitter />\r\n            </IconButton>\r\n          </a>\r\n          <a href=\"https://www.youtube.com/user/LaerdalMedical\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Youtube />\r\n            </IconButton>\r\n          </a>\r\n        </SocialMediaButtons>\r\n      </SocialMedia>\r\n    </NewsletterAndSocial>\r\n  );\r\n};\r\n\r\nexport default FooterNewsletterAndSocialSection;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Footer/Components/FooterNewsletterAndSocialSection.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-interface FooterNewsletterAndSocialSection {
-    actionOnNewsletterSignup?: (email: string) => void;
-    newsletterLabel: string;
-    placeholderEmail?: string;
-}
-declare const FooterNewsletterAndSocialSection: ({ actionOnNewsletterSignup, newsletterLabel, placeholderEmail }: FooterNewsletterAndSocialSection) => React.JSX.Element;
-export default FooterNewsletterAndSocialSection;
+import * as React from 'react';
+interface FooterNewsletterAndSocialSection {
+    actionOnNewsletterSignup?: (email: string) => void;
+    newsletterLabel: string;
+    placeholderEmail?: string;
+}
+declare const FooterNewsletterAndSocialSection: ({ actionOnNewsletterSignup, newsletterLabel, placeholderEmail }: FooterNewsletterAndSocialSection) => React.JSX.Element;
+export default FooterNewsletterAndSocialSection;