@laerdal/life-react-components 3.5.1-uss.hackathon → 4.0.0

package/dist/umd/Accordion/__tests__/ContetnAccordion.test.js

@@ -1,165 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["react", "../ContentAccordion", "@testing-library/react", "../../types"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(require("react"), require("../ContentAccordion"), require("@testing-library/react"), require("../../types"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(global.react, global.ContentAccordion, global.react, global.types);
-    global.undefined = mod.exports;
-  }
-})(this, function (_react, _ContentAccordion, _react3, _types) {
-  "use strict";
-
-  var _react2 = _interopRequireDefault(_react);
-
-  var _ContentAccordion2 = _interopRequireDefault(_ContentAccordion);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  describe('ContentAccordion', () => {
-    const contentAccordionItemsWithBody = [{
-      key: '1',
-      title: 'Item 1',
-      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
-    }, {
-      key: '2',
-      title: 'Item 2',
-      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
-      active: true
-    }, {
-      key: '3',
-      title: 'Item 3',
-      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
-      disabled: true
-    }, {
-      key: '4',
-      title: 'Item 4',
-      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
-    }];
-    const contentAccordionItemsWithBodyAndHeaderAndFooter = [{
-      key: '1',
-      title: 'Item 1',
-      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
-      header: 'Header 1',
-      footer: /*#__PURE__*/_react2.default.createElement("span", null)
-    }, {
-      key: '2',
-      title: 'Item 2',
-      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
-      header: 'Header 2',
-      footer: /*#__PURE__*/_react2.default.createElement("span", null)
-    }, {
-      key: '3',
-      title: 'Item 3',
-      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
-      header: 'Header 3',
-      footer: /*#__PURE__*/_react2.default.createElement("span", null),
-      disabled: true
-    }, {
-      key: '4',
-      title: 'Item 4',
-      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
-      header: 'Header 4',
-      footer: /*#__PURE__*/_react2.default.createElement("span", null)
-    }];
-    it('should render items in correct state', () => {
-      const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_ContentAccordion2.default, {
-        items: contentAccordionItemsWithBody
-      }));
-      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item').length).toBe(4);
-      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item disabled').length).toBe(1);
-      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item disabled')[0].id).toBe('item_3');
-      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active').length).toBe(1);
-      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active')[0].id).toBe('item_2');
-    });
-    it('should not render header if not provided', () => {
-      const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_ContentAccordion2.default, {
-        items: contentAccordionItemsWithBody
-      }));
-      expect(wrapper.baseElement.getElementsByClassName('item-content-body').length).toBe(4);
-      expect(wrapper.baseElement.getElementsByClassName('item-content-header').length).toBe(0);
-    });
-    it('should not render footer if not provided', () => {
-      const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_ContentAccordion2.default, {
-        items: contentAccordionItemsWithBody
-      }));
-      expect(wrapper.baseElement.getElementsByClassName('item-content-body').length).toBe(4);
-      expect(wrapper.baseElement.getElementsByClassName('item-content-footer').length).toBe(0);
-    });
-    it('should render body, header, and footer if all are provided', () => {
-      const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_ContentAccordion2.default, {
-        items: contentAccordionItemsWithBodyAndHeaderAndFooter
-      }));
-      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item').length).toBe(4);
-      expect(wrapper.baseElement.getElementsByClassName('item-content-body').length).toBe(4);
-      expect(wrapper.baseElement.getElementsByClassName('item-content-header').length).toBe(4);
-      expect(wrapper.baseElement.getElementsByClassName('item-content-footer').length).toBe(4);
-    });
-    it('should set correct size class name for small accordion', () => {
-      const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_ContentAccordion2.default, {
-        items: contentAccordionItemsWithBodyAndHeaderAndFooter,
-        size: _types.Size.Small
-      }));
-      expect(wrapper.baseElement.getElementsByClassName('content-accordion small').length).toBe(1);
-    });
-    it('should set correct size class name for medium accordion', () => {
-      const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_ContentAccordion2.default, {
-        items: contentAccordionItemsWithBodyAndHeaderAndFooter,
-        size: _types.Size.Medium
-      }));
-      expect(wrapper.baseElement.getElementsByClassName('content-accordion medium').length).toBe(1);
-    });
-    it('should set correct size class name for large accordion', () => {
-      const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_ContentAccordion2.default, {
-        items: contentAccordionItemsWithBodyAndHeaderAndFooter,
-        size: _types.Size.Large
-      }));
-      expect(wrapper.baseElement.getElementsByClassName('content-accordion large').length).toBe(1);
-    });
-    it('should change active state when item header is clicked', () => {
-      const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_ContentAccordion2.default, {
-        items: contentAccordionItemsWithBody,
-        multi: false
-      }));
-      const itemHeader = wrapper.baseElement.getElementsByClassName('item-header')[3];
-
-      _react3.fireEvent.click(itemHeader);
-
-      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active').length).toBe(1);
-      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active')[0].id).toBe('item_4');
-    });
-    it('should not change active state when disabled item header is clicked', () => {
-      const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_ContentAccordion2.default, {
-        items: contentAccordionItemsWithBody,
-        multi: false
-      }));
-      const itemHeader = wrapper.baseElement.getElementsByClassName('item-header')[2];
-
-      _react3.fireEvent.click(itemHeader);
-
-      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active').length).toBe(1);
-      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active')[0].id).toBe('item_2');
-    });
-    it('should append active items if multi property is true', () => {
-      const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_ContentAccordion2.default, {
-        items: contentAccordionItemsWithBody,
-        multi: true
-      }));
-      const itemHeader = wrapper.baseElement.getElementsByClassName('item-header')[3];
-
-      _react3.fireEvent.click(itemHeader);
-
-      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active').length).toBe(2);
-      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active')[0].id).toBe('item_2');
-      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active')[1].id).toBe('item_4');
-    });
-  });
-});
-//# sourceMappingURL=ContetnAccordion.test.js.map

package/dist/umd/Accordion/__tests__/ContetnAccordion.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Accordion/__tests__/ContetnAccordion.test.tsx"],"names":["describe","contentAccordionItemsWithBody","key","title","body","active","disabled","contentAccordionItemsWithBodyAndHeaderAndFooter","header","footer","it","wrapper","render","expect","Size","Small","Medium","Large","itemHeader","fireEvent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAKAA,EAAAA,QAAQ,CAAA,kBAAA,EAAqB,MAAM;AACjC,UAAMC,6BAA6B,GAAG,CACpC;AACEC,MAAAA,GAAG,EADL,GAAA;AAEEC,MAAAA,KAAK,EAFP,QAAA;AAGEC,MAAAA,IAAI,EAAE;AAHR,KADoC,EAMpC;AACEF,MAAAA,GAAG,EADL,GAAA;AAEEC,MAAAA,KAAK,EAFP,QAAA;AAGEC,MAAAA,IAAI,EAHN,6HAAA;AAIEC,MAAAA,MAAM,EAAE;AAJV,KANoC,EAYpC;AACEH,MAAAA,GAAG,EADL,GAAA;AAEEC,MAAAA,KAAK,EAFP,QAAA;AAGEC,MAAAA,IAAI,EAHN,6HAAA;AAIEE,MAAAA,QAAQ,EAAE;AAJZ,KAZoC,EAkBpC;AACEJ,MAAAA,GAAG,EADL,GAAA;AAEEC,MAAAA,KAAK,EAFP,QAAA;AAGEC,MAAAA,IAAI,EAAE;AAHR,KAlBoC,CAAtC;AAyBA,UAAMG,+CAA+C,GAAG,CACtD;AACEL,MAAAA,GAAG,EADL,GAAA;AAEEC,MAAAA,KAAK,EAFP,QAAA;AAGEC,MAAAA,IAAI,EAHN,6HAAA;AAIEI,MAAAA,MAAM,EAJR,UAAA;AAKEC,MAAAA,MAAM,EAAA,aAAE,gBAAA,aAAA,CAAA,MAAA,EAAA,IAAA;AALV,KADsD,EAQtD;AACEP,MAAAA,GAAG,EADL,GAAA;AAEEC,MAAAA,KAAK,EAFP,QAAA;AAGEC,MAAAA,IAAI,EAHN,6HAAA;AAIEI,MAAAA,MAAM,EAJR,UAAA;AAKEC,MAAAA,MAAM,EAAA,aAAE,gBAAA,aAAA,CAAA,MAAA,EAAA,IAAA;AALV,KARsD,EAetD;AACEP,MAAAA,GAAG,EADL,GAAA;AAEEC,MAAAA,KAAK,EAFP,QAAA;AAGEC,MAAAA,IAAI,EAHN,6HAAA;AAIEI,MAAAA,MAAM,EAJR,UAAA;AAKEC,MAAAA,MAAM,EAAA,aAAE,gBAAA,aAAA,CAAA,MAAA,EALV,IAKU,CALV;AAMEH,MAAAA,QAAQ,EAAE;AANZ,KAfsD,EAuBtD;AACEJ,MAAAA,GAAG,EADL,GAAA;AAEEC,MAAAA,KAAK,EAFP,QAAA;AAGEC,MAAAA,IAAI,EAHN,6HAAA;AAIEI,MAAAA,MAAM,EAJR,UAAA;AAKEC,MAAAA,MAAM,EAAA,aAAE,gBAAA,aAAA,CAAA,MAAA,EAAA,IAAA;AALV,KAvBsD,CAAxD;AAgCAC,IAAAA,EAAE,CAAA,sCAAA,EAAyC,MAAM;AAC/C,YAAMC,OAAO,GAAGC,qBAAM,aAAC,gBAAA,aAAA,CAAA,0BAAA,EAAA;AAAkB,QAAA,KAAK,EAAEX;AAAzB,OAAA,CAAPW,CAAhB;AAEAC,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,wBAAAA,EAAPE,MAAM,CAANA,CAAAA,IAAAA,CAAAA,CAAAA;AACAA,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,iCAAAA,EAAPE,MAAM,CAANA,CAAAA,IAAAA,CAAAA,CAAAA;AACAA,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,iCAAAA,EAAAA,CAAAA,EAAPE,EAAM,CAANA,CAAAA,IAAAA,CAAAA,QAAAA;AACAA,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,+BAAAA,EAAPE,MAAM,CAANA,CAAAA,IAAAA,CAAAA,CAAAA;AACAA,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,+BAAAA,EAAAA,CAAAA,EAAPE,EAAM,CAANA,CAAAA,IAAAA,CAAAA,QAAAA;AAPFH,KAAE,CAAFA;AAUAA,IAAAA,EAAE,CAAA,0CAAA,EAA6C,MAAM;AACnD,YAAMC,OAAO,GAAGC,qBAAM,aAAC,gBAAA,aAAA,CAAA,0BAAA,EAAA;AAAkB,QAAA,KAAK,EAAEX;AAAzB,OAAA,CAAPW,CAAhB;AAEAC,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,mBAAAA,EAAPE,MAAM,CAANA,CAAAA,IAAAA,CAAAA,CAAAA;AACAA,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,qBAAAA,EAAPE,MAAM,CAANA,CAAAA,IAAAA,CAAAA,CAAAA;AAJFH,KAAE,CAAFA;AAOAA,IAAAA,EAAE,CAAA,0CAAA,EAA6C,MAAM;AACnD,YAAMC,OAAO,GAAGC,qBAAM,aAAC,gBAAA,aAAA,CAAA,0BAAA,EAAA;AAAkB,QAAA,KAAK,EAAEX;AAAzB,OAAA,CAAPW,CAAhB;AAEAC,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,mBAAAA,EAAPE,MAAM,CAANA,CAAAA,IAAAA,CAAAA,CAAAA;AACAA,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,qBAAAA,EAAPE,MAAM,CAANA,CAAAA,IAAAA,CAAAA,CAAAA;AAJFH,KAAE,CAAFA;AAOAA,IAAAA,EAAE,CAAA,4DAAA,EAA+D,MAAM;AACrE,YAAMC,OAAO,GAAGC,qBAAM,aAAC,gBAAA,aAAA,CAAA,0BAAA,EAAA;AAAkB,QAAA,KAAK,EAAEL;AAAzB,OAAA,CAAPK,CAAhB;AAEAC,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,wBAAAA,EAAPE,MAAM,CAANA,CAAAA,IAAAA,CAAAA,CAAAA;AACAA,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,mBAAAA,EAAPE,MAAM,CAANA,CAAAA,IAAAA,CAAAA,CAAAA;AACAA,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,qBAAAA,EAAPE,MAAM,CAANA,CAAAA,IAAAA,CAAAA,CAAAA;AACAA,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,qBAAAA,EAAPE,MAAM,CAANA,CAAAA,IAAAA,CAAAA,CAAAA;AANFH,KAAE,CAAFA;AASAA,IAAAA,EAAE,CAAA,wDAAA,EAA2D,MAAM;AACjE,YAAMC,OAAO,GAAGC,qBAAM,aAAC,gBAAA,aAAA,CAAA,0BAAA,EAAA;AAAkB,QAAA,KAAK,EAAvB,+CAAA;AACkB,QAAA,IAAI,EAAEE,YAAKC;AAD7B,OAAA,CAAPH,CAAhB;AAEAC,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,yBAAAA,EAAPE,MAAM,CAANA,CAAAA,IAAAA,CAAAA,CAAAA;AAHFH,KAAE,CAAFA;AAMAA,IAAAA,EAAE,CAAA,yDAAA,EAA4D,MAAM;AAClE,YAAMC,OAAO,GAAGC,qBAAM,aAAC,gBAAA,aAAA,CAAA,0BAAA,EAAA;AAAkB,QAAA,KAAK,EAAvB,+CAAA;AACkB,QAAA,IAAI,EAAEE,YAAKE;AAD7B,OAAA,CAAPJ,CAAhB;AAEAC,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,0BAAAA,EAAPE,MAAM,CAANA,CAAAA,IAAAA,CAAAA,CAAAA;AAHFH,KAAE,CAAFA;AAMAA,IAAAA,EAAE,CAAA,wDAAA,EAA2D,MAAM;AACjE,YAAMC,OAAO,GAAGC,qBAAM,aAAC,gBAAA,aAAA,CAAA,0BAAA,EAAA;AAAkB,QAAA,KAAK,EAAvB,+CAAA;AACkB,QAAA,IAAI,EAAEE,YAAKG;AAD7B,OAAA,CAAPL,CAAhB;AAEAC,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,yBAAAA,EAAPE,MAAM,CAANA,CAAAA,IAAAA,CAAAA,CAAAA;AAHFH,KAAE,CAAFA;AAMAA,IAAAA,EAAE,CAAA,wDAAA,EAA2D,MAAM;AACjE,YAAMC,OAAO,GAAGC,qBAAM,aAAC,gBAAA,aAAA,CAAA,0BAAA,EAAA;AAAkB,QAAA,KAAK,EAAvB,6BAAA;AAAwD,QAAA,KAAK,EAAE;AAA/D,OAAA,CAAPA,CAAhB;AACA,YAAMM,UAAU,GAAGP,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,aAAAA,EAAnB,CAAmBA,CAAnB;;AAEAQ,wBAAAA,KAAAA,CAAAA,UAAAA;;AAEAN,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,+BAAAA,EAAPE,MAAM,CAANA,CAAAA,IAAAA,CAAAA,CAAAA;AACAA,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,+BAAAA,EAAAA,CAAAA,EAAPE,EAAM,CAANA,CAAAA,IAAAA,CAAAA,QAAAA;AAPFH,KAAE,CAAFA;AAUAA,IAAAA,EAAE,CAAA,qEAAA,EAAwE,MAAM;AAC9E,YAAMC,OAAO,GAAGC,qBAAM,aAAC,gBAAA,aAAA,CAAA,0BAAA,EAAA;AAAkB,QAAA,KAAK,EAAvB,6BAAA;AAAwD,QAAA,KAAK,EAAE;AAA/D,OAAA,CAAPA,CAAhB;AACA,YAAMM,UAAU,GAAGP,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,aAAAA,EAAnB,CAAmBA,CAAnB;;AAEAQ,wBAAAA,KAAAA,CAAAA,UAAAA;;AAEAN,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,+BAAAA,EAAPE,MAAM,CAANA,CAAAA,IAAAA,CAAAA,CAAAA;AACAA,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,+BAAAA,EAAAA,CAAAA,EAAPE,EAAM,CAANA,CAAAA,IAAAA,CAAAA,QAAAA;AAPFH,KAAE,CAAFA;AAUAA,IAAAA,EAAE,CAAA,sDAAA,EAAyD,MAAM;AAC/D,YAAMC,OAAO,GAAGC,qBAAM,aAAC,gBAAA,aAAA,CAAA,0BAAA,EAAA;AAAkB,QAAA,KAAK,EAAvB,6BAAA;AAAwD,QAAA,KAAK,EAAE;AAA/D,OAAA,CAAPA,CAAhB;AACA,YAAMM,UAAU,GAAGP,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,aAAAA,EAAnB,CAAmBA,CAAnB;;AAEAQ,wBAAAA,KAAAA,CAAAA,UAAAA;;AAEAN,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,+BAAAA,EAAPE,MAAM,CAANA,CAAAA,IAAAA,CAAAA,CAAAA;AACAA,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,+BAAAA,EAAAA,CAAAA,EAAPE,EAAM,CAANA,CAAAA,IAAAA,CAAAA,QAAAA;AACAA,MAAAA,MAAM,CAACF,OAAO,CAAPA,WAAAA,CAAAA,sBAAAA,CAAAA,+BAAAA,EAAAA,CAAAA,EAAPE,EAAM,CAANA,CAAAA,IAAAA,CAAAA,QAAAA;AARFH,KAAE,CAAFA;AAjIFV,GAAQ,CAARA","sourcesContent":["import React from 'react';\r\nimport ContentAccordion from '../ContentAccordion';\r\nimport {fireEvent, render} from '@testing-library/react';\r\nimport {Size} from '../../types';\r\n\r\ndescribe('ContentAccordion', () => {\r\n  const contentAccordionItemsWithBody = [\r\n    {\r\n      key: '1',\r\n      title: 'Item 1',\r\n      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'\r\n    },\r\n    {\r\n      key: '2',\r\n      title: 'Item 2',\r\n      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\r\n      active: true\r\n    },\r\n    {\r\n      key: '3',\r\n      title: 'Item 3',\r\n      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\r\n      disabled: true\r\n    },\r\n    {\r\n      key: '4',\r\n      title: 'Item 4',\r\n      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'\r\n    }\r\n  ];\r\n\r\n  const contentAccordionItemsWithBodyAndHeaderAndFooter = [\r\n    {\r\n      key: '1',\r\n      title: 'Item 1',\r\n      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\r\n      header: 'Header 1',\r\n      footer: <span/>,\r\n    },\r\n    {\r\n      key: '2',\r\n      title: 'Item 2',\r\n      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\r\n      header: 'Header 2',\r\n      footer: <span/>,\r\n    },\r\n    {\r\n      key: '3',\r\n      title: 'Item 3',\r\n      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\r\n      header: 'Header 3',\r\n      footer: <span/>,\r\n      disabled: true\r\n    },\r\n    {\r\n      key: '4',\r\n      title: 'Item 4',\r\n      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\r\n      header: 'Header 4',\r\n      footer: <span/>,\r\n    }\r\n  ];\r\n\r\n  it('should render items in correct state', () => {\r\n    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBody}/>);\r\n\r\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item').length).toBe(4);\r\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item disabled').length).toBe(1);\r\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item disabled')[0].id).toBe('item_3');\r\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active').length).toBe(1);\r\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active')[0].id).toBe('item_2');\r\n  });\r\n\r\n  it('should not render header if not provided', () => {\r\n    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBody}/>);\r\n\r\n    expect(wrapper.baseElement.getElementsByClassName('item-content-body').length).toBe(4);\r\n    expect(wrapper.baseElement.getElementsByClassName('item-content-header').length).toBe(0);\r\n  });\r\n\r\n  it('should not render footer if not provided', () => {\r\n    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBody}/>);\r\n\r\n    expect(wrapper.baseElement.getElementsByClassName('item-content-body').length).toBe(4);\r\n    expect(wrapper.baseElement.getElementsByClassName('item-content-footer').length).toBe(0);\r\n  });\r\n\r\n  it('should render body, header, and footer if all are provided', () => {\r\n    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBodyAndHeaderAndFooter}/>);\r\n\r\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item').length).toBe(4);\r\n    expect(wrapper.baseElement.getElementsByClassName('item-content-body').length).toBe(4);\r\n    expect(wrapper.baseElement.getElementsByClassName('item-content-header').length).toBe(4);\r\n    expect(wrapper.baseElement.getElementsByClassName('item-content-footer').length).toBe(4);\r\n  });\r\n\r\n  it('should set correct size class name for small accordion', () => {\r\n    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBodyAndHeaderAndFooter}\r\n                                             size={Size.Small}/>);\r\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion small').length).toBe(1);\r\n  });\r\n\r\n  it('should set correct size class name for medium accordion', () => {\r\n    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBodyAndHeaderAndFooter}\r\n                                             size={Size.Medium}/>);\r\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion medium').length).toBe(1);\r\n  });\r\n\r\n  it('should set correct size class name for large accordion', () => {\r\n    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBodyAndHeaderAndFooter}\r\n                                             size={Size.Large}/>);\r\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion large').length).toBe(1);\r\n  });\r\n\r\n  it('should change active state when item header is clicked', () => {\r\n    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBody} multi={false}/>);\r\n    const itemHeader = wrapper.baseElement.getElementsByClassName('item-header')[3];\r\n\r\n    fireEvent.click(itemHeader);\r\n\r\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active').length).toBe(1);\r\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active')[0].id).toBe('item_4');\r\n  });\r\n\r\n  it('should not change active state when disabled item header is clicked', () => {\r\n    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBody} multi={false}/>);\r\n    const itemHeader = wrapper.baseElement.getElementsByClassName('item-header')[2];\r\n\r\n    fireEvent.click(itemHeader);\r\n\r\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active').length).toBe(1);\r\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active')[0].id).toBe('item_2');\r\n  });\r\n\r\n  it('should append active items if multi property is true', () => {\r\n    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBody} multi={true}/>);\r\n    const itemHeader = wrapper.baseElement.getElementsByClassName('item-header')[3];\r\n\r\n    fireEvent.click(itemHeader);\r\n\r\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active').length).toBe(2);\r\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active')[0].id).toBe('item_2');\r\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active')[1].id).toBe('item_4');\r\n  });\r\n\r\n});\r\n"],"file":"ContetnAccordion.test.js"}

package/dist/umd/Accordion/index.js

@@ -1,44 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "./AccordionMenu", "./styles"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("./AccordionMenu"), require("./styles"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.AccordionMenu, global.styles);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _AccordionMenu, _styles) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  Object.defineProperty(exports, "AccordionMenu", {
-    enumerable: true,
-    get: function () {
-      return _interopRequireDefault(_AccordionMenu).default;
-    }
-  });
-  Object.defineProperty(exports, "AccordionMenuItem", {
-    enumerable: true,
-    get: function () {
-      return _interopRequireDefault(_AccordionMenu).default;
-    }
-  });
-  Object.defineProperty(exports, "AccordionMenuWrapper", {
-    enumerable: true,
-    get: function () {
-      return _styles.AccordionMenuWrapper;
-    }
-  });
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-});
-//# sourceMappingURL=index.js.map

package/dist/umd/Accordion/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Accordion/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;oDAAA,O;;;;;;oDACA,O;;;;;;qBACA,oB","sourcesContent":["export { default as AccordionMenu } from './AccordionMenu';\r\nexport { default as AccordionMenuItem } from './AccordionMenu';\r\nexport { AccordionMenuWrapper } from './styles';\r\n"],"file":"index.js"}

package/dist/umd/Accordion/styles.js

@@ -1,101 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "styled-components", "../styles", "../styles/z-indexes"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("styled-components"), require("../styles"), require("../styles/z-indexes"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.styledComponents, global.styles, global.zIndexes);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _styledComponents, _styles, _zIndexes) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.ItemBodyContainer = exports.HeaderIconContainer = exports.ItemHeaderContainer = exports.AccordionItemContainer = exports.AccordionMenuWrapper = undefined;
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const AccordionMenuWrapper = exports.AccordionMenuWrapper = _styledComponents2.default.div`
-  min-width: 320px;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-`;
-  const AccordionItemContainer = exports.AccordionItemContainer = _styledComponents2.default.div`
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  border-bottom: ${props => props.displaySeparator ? `1px solid ${_styles.COLORS.neutral_100}` : ''};
-`;
-  const disabledState = _styledComponents.css`
-  background: ${_styles.COLORS.white}!important;
-  color: ${_styles.COLORS.neutral_300};
-  pointer-events: none;
-  svg {
-    color: ${_styles.COLORS.neutral_300}!important;
-  }
-`;
-  const ItemHeaderContainer = exports.ItemHeaderContainer = _styledComponents2.default.div`
-  position: relative;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 16px 11px 16px;
-  cursor: pointer;
-  background: ${_styles.COLORS.neutral_20};
-  cursor: ${props => props.isDisabled ? 'not-allowed' : 'pointer'};
-  svg:last-child {
-    margin-left: auto;
-  }
-  outline: none;
-  ${props => props.tabbedHere ? _styledComponents.css`
-    z-index: ${_zIndexes.Z_INDEXES.focus};
-    box-shadow: 0px 4px 12px ${_styles.COLORS.primary_500}, 0px 0px 8px ${_styles.COLORS.primary_500};` : ''}
-
-  ${props => props.isDisabled ? disabledState : ''}
-  :hover {
-    background: ${_styles.COLORS.primary_20};
-  }
-
-  :hover .headerLabel {
-    color: ${_styles.COLORS.primary_700};
-  }
-
-  :active .headerLabel {
-    color: ${_styles.COLORS.primary_800};
-  }
-
-  :hover svg {
-    color: ${_styles.COLORS.primary_700};
-  }
-
-  :active svg {
-    color: ${_styles.COLORS.primary_800};
-  }
-
-  :active {
-    background: ${_styles.COLORS.primary_100};
-  }
-`;
-  const HeaderIconContainer = exports.HeaderIconContainer = _styledComponents2.default.div`
-  margin-left: auto;
-`;
-  const ItemBodyContainer = exports.ItemBodyContainer = _styledComponents2.default.div`
-  padding: 0px 16px;
-  margin: 12px 0;
-  background: ${_styles.COLORS.white};
-`;
-});
-//# sourceMappingURL=styles.js.map

package/dist/umd/Accordion/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Accordion/styles.ts"],"names":["AccordionMenuWrapper","styled","div","AccordionItemContainer","props","COLORS","neutral_100","disabledState","css","white","neutral_300","ItemHeaderContainer","neutral_20","Z_INDEXES","focus","primary_500","primary_20","primary_700","primary_800","primary_100","HeaderIconContainer","ItemBodyContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,QAAMA,oBAAoB,WAApBA,oBAAoB,GAAGC,2BAAOC,GAAI;AAC/C;AACA;AACA;AACA;AAJO,CAAA;AAOA,QAAMC,sBAAsB,WAAtBA,sBAAsB,GAAGF,2BAAOC,GAAoC;AACjF;AACA;AACA;AACA;AACA,mBAAoBE,KAAD,IAAYA,KAAK,CAALA,gBAAAA,GAA0B,aAAYC,eAAOC,WAA7CF,EAAAA,GAA6D,EAAI;AALzF,CAAA;AAQP,QAAMG,aAAa,GAAGC,qBAAI;AAC1B,gBAAgBH,eAAOI,KAAM;AAC7B,WAAWJ,eAAOK,WAAY;AAC9B;AACA;AACA,aAAaL,eAAOK,WAAY;AAChC;AANA,CAAA;AASO,QAAMC,mBAAmB,WAAnBA,mBAAmB,GAAGV,2BAAOC,GAAqE;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgBG,eAAOO,UAAW;AAClC,YAAaR,KAAD,IAAYA,KAAK,CAALA,UAAAA,GAAAA,aAAAA,GAAmC,SAAW;AACtE;AACA;AACA;AACA;AACA,IAAIA,KAAK,IAAIA,KAAK,CAALA,UAAAA,GAAmBI,qBAAI;AACpC,eAAeK,oBAAUC,KAAM;AAC/B,+BAA+BT,eAAOU,WAAY,iBAAgBV,eAAOU,WAF5DX,GAAAA,GAE6E,EAAG;AAC7F;AACA,IAAKA,KAAD,IAAYA,KAAK,CAALA,UAAAA,GAAAA,aAAAA,GAAmC,EAAI;AACvD;AACA,kBAAkBC,eAAOW,UAAW;AACpC;AACA;AACA;AACA,aAAaX,eAAOY,WAAY;AAChC;AACA;AACA;AACA,aAAaZ,eAAOa,WAAY;AAChC;AACA;AACA;AACA,aAAab,eAAOY,WAAY;AAChC;AACA;AACA;AACA,aAAaZ,eAAOa,WAAY;AAChC;AACA;AACA;AACA,kBAAkBb,eAAOc,WAAY;AACrC;AAxCO,CAAA;AA2CA,QAAMC,mBAAmB,WAAnBA,mBAAmB,GAAGnB,2BAAOC,GAAI;AAC9C;AADO,CAAA;AAIA,QAAMmB,iBAAiB,WAAjBA,iBAAiB,GAAGpB,2BAAOC,GAAI;AAC5C;AACA;AACA,gBAAgBG,eAAOI,KAAM;AAHtB,CAAA","sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { COLORS } from '../styles';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\n\r\nexport const AccordionMenuWrapper = styled.div`\r\n  min-width: 320px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n`;\r\n\r\nexport const AccordionItemContainer = styled.div<{ displaySeparator: boolean; }>`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  border-bottom: ${(props) => (props.displaySeparator ? `1px solid ${COLORS.neutral_100}` : '')};\r\n`;\r\n\r\nconst disabledState = css`\r\n  background: ${COLORS.white}!important;\r\n  color: ${COLORS.neutral_300};\r\n  pointer-events: none;\r\n  svg {\r\n    color: ${COLORS.neutral_300}!important;\r\n  }\r\n`;\r\n\r\nexport const ItemHeaderContainer = styled.div<{ isDisabled: boolean, isActive: boolean, tabbedHere: boolean }>`\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 12px 16px 11px 16px;\r\n  cursor: pointer;\r\n  background: ${COLORS.neutral_20};\r\n  cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'pointer')};\r\n  svg:last-child {\r\n    margin-left: auto;\r\n  }\r\n  outline: none;\r\n  ${props => props.tabbedHere ? css`\r\n    z-index: ${Z_INDEXES.focus};\r\n    box-shadow: 0px 4px 12px ${COLORS.primary_500}, 0px 0px 8px ${COLORS.primary_500};` : ''}\r\n\r\n  ${(props) => (props.isDisabled ? disabledState : '')}\r\n  :hover {\r\n    background: ${COLORS.primary_20};\r\n  }\r\n\r\n  :hover .headerLabel {\r\n    color: ${COLORS.primary_700};\r\n  }\r\n\r\n  :active .headerLabel {\r\n    color: ${COLORS.primary_800};\r\n  }\r\n\r\n  :hover svg {\r\n    color: ${COLORS.primary_700};\r\n  }\r\n\r\n  :active svg {\r\n    color: ${COLORS.primary_800};\r\n  }\r\n\r\n  :active {\r\n    background: ${COLORS.primary_100};\r\n  }\r\n`;\r\n\r\nexport const HeaderIconContainer = styled.div`\r\n  margin-left: auto;\r\n`;\r\n\r\nexport const ItemBodyContainer = styled.div`\r\n  padding: 0px 16px;\r\n  margin: 12px 0;\r\n  background: ${COLORS.white};\r\n`;\r\n"],"file":"styles.js"}

package/dist/umd/AuthPage/AuthPage.js

@@ -1,126 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "../styles", "./ScreenSetsContainer", "./Information"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("../styles"), require("./ScreenSetsContainer"), require("./Information"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global.styles, global.ScreenSetsContainer, global.Information);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _styles, _ScreenSetsContainer, _Information) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _propTypes2 = _interopRequireDefault(_propTypes);
-
-  var React = _interopRequireWildcard(_react);
-
-  var _ScreenSetsContainer2 = _interopRequireDefault(_ScreenSetsContainer);
-
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function (nodeInterop) {
-      return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-  }
-
-  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;
-  }
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  /**
-   * The 'AuthPage' component consist of two containers: an 'Information' container on the left, and a 'ScreenSetsContainer' on the right.
-   * The 'Information' container is optional and its contents depend on the context (sign-up or sign-in).
-   * The 'ScreenSetsContainer' will contain the SAP CDC screen-sets.
-   */
-  const AuthPage = ({
-    showInformationSection,
-    signUp,
-    signUpPlaceholderImage,
-    signInPlaceholderImage,
-    signUpPlaceholderImageAlt,
-    signInPlaceholderImageAlt,
-    signUpInformationHeader,
-    signInInformationHeader,
-    signUpInformationText,
-    signInInformationText,
-    screenSetsContainerId
-  }) => {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, showInformationSection && /*#__PURE__*/React.createElement(_Information.InformationContainer, {
-      color: signUp ? _styles.COLORS.accent1_20 : _styles.COLORS.primary_20
-    }, /*#__PURE__*/React.createElement(_Information.InformationContent, null, (signUpPlaceholderImage || signInPlaceholderImage) && /*#__PURE__*/React.createElement(_Information.InformationImage, {
-      src: signUp ? signUpPlaceholderImage : signInPlaceholderImage,
-      alt: signUp ? signUpPlaceholderImageAlt : signInPlaceholderImageAlt
-    }), (signUpInformationHeader || signInInformationHeader) && /*#__PURE__*/React.createElement(_Information.InformationHeader, null, signUp ? signUpInformationHeader : signInInformationHeader), (signUpInformationText || signInInformationText) && /*#__PURE__*/React.createElement(_Information.InformationText, null, signUp ? signUpInformationText : signInInformationText))), /*#__PURE__*/React.createElement(_ScreenSetsContainer2.default, {
-      id: screenSetsContainerId,
-      centerContents: !showInformationSection
-    }));
-  };
-
-  AuthPage.propTypes = {
-    showInformationSection: _propTypes2.default.bool.isRequired,
-    signUp: _propTypes2.default.bool.isRequired,
-    signUpPlaceholderImage: _propTypes2.default.string,
-    signInPlaceholderImage: _propTypes2.default.string,
-    signUpPlaceholderImageAlt: _propTypes2.default.string,
-    signInPlaceholderImageAlt: _propTypes2.default.string,
-    signUpInformationHeader: _propTypes2.default.string,
-    signInInformationHeader: _propTypes2.default.string,
-    signUpInformationText: _propTypes2.default.string,
-    signInInformationText: _propTypes2.default.string,
-    screenSetsContainerId: _propTypes2.default.string.isRequired
-  };
-  exports.default = AuthPage;
-});
-//# sourceMappingURL=AuthPage.js.map

package/dist/umd/AuthPage/AuthPage.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/AuthPage/AuthPage.tsx"],"names":["showInformationSection","signUp","signUpPlaceholderImage","signInPlaceholderImage","signUpPlaceholderImageAlt","signInPlaceholderImageAlt","signUpInformationHeader","signInInformationHeader","signUpInformationText","signInInformationText","screenSetsContainerId","AuthPage","COLORS","primary_20"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA;AACA;AACA;AACA;AACA;AACA,QAAMW,QAAQ,GAAG,CAAC;AAAA,IAAA,sBAAA;AAAA,IAAA,MAAA;AAAA,IAAA,sBAAA;AAAA,IAAA,sBAAA;AAAA,IAAA,yBAAA;AAAA,IAAA,yBAAA;AAAA,IAAA,uBAAA;AAAA,IAAA,uBAAA;AAAA,IAAA,qBAAA;AAAA,IAAA,qBAAA;AAWhBD,IAAAA;AAXgB,GAAD,KAYI;AACnB,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACGV,sBAAsB,IAAA,aACrB,KAAA,CAAA,aAAA,CAAA,iCAAA,EAAA;AAAsB,MAAA,KAAK,EAAEC,MAAM,GAAGW,eAAH,UAAA,GAAuBA,eAAOC;AAAjE,KAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,+BAAA,EAAA,IAAA,EACG,CAACX,sBAAsB,IAAvB,sBAAA,KAAA,aACC,KAAA,CAAA,aAAA,CAAA,6BAAA,EAAA;AAAkB,MAAA,GAAG,EAAED,MAAM,GAAA,sBAAA,GAA7B,sBAAA;AAAiF,MAAA,GAAG,EAAEA,MAAM,GAAA,yBAAA,GAA+BI;AAA3H,KAAA,CAFJ,EAIG,CAACC,uBAAuB,IAAxB,uBAAA,KAAA,aAAwD,KAAA,CAAA,aAAA,CAAA,8BAAA,EAAA,IAAA,EAAoBL,MAAM,GAAA,uBAAA,GAJrF,uBAI2D,CAJ3D,EAKG,CAACO,qBAAqB,IAAtB,qBAAA,KAAA,aAAoD,KAAA,CAAA,aAAA,CAAA,4BAAA,EAAA,IAAA,EAAkBP,MAAM,GAAA,qBAAA,GARrF,qBAQ6D,CALvD,CADF,CAFJ,EAAA,aAYE,KAAA,CAAA,aAAA,CAAA,6BAAA,EAAA;AAAqB,MAAA,EAAE,EAAvB,qBAAA;AAAgD,MAAA,cAAc,EAAE,CAACD;AAAjE,KAAA,CAZF,CADF;AAbF,GAAA;;;AA7BEA,IAAAA,sB;AAGAC,IAAAA,M;AAEAC,IAAAA,sB;AAEAC,IAAAA,sB;AAEAC,IAAAA,yB;AAEAC,IAAAA,yB;AAEAC,IAAAA,uB;AAEAC,IAAAA,uB;AAEAC,IAAAA,qB;AAEAC,IAAAA,qB;AAEAC,IAAAA,qB;;oBAuCF,Q","sourcesContent":["import * as React from 'react';\r\nimport { COLORS } from '../styles';\r\nimport ScreenSetsContainer from './ScreenSetsContainer';\r\nimport { InformationContainer, InformationContent, InformationHeader, InformationText, InformationImage } from './Information';\r\n\r\ntype AuthPageProps = {\r\n  /** set this to 'false' to hide the left side illustration/information section */\r\n  showInformationSection: boolean;\r\n  /** true if 'sign-up' screen-set is showing, otherwise false.\r\n   * The value can be set using 'onBeforeScreenLoad' in 'gigya.accounts.showScreenSet(...)' and checking the loaded screen-set */\r\n  signUp: boolean;\r\n  /** img src string for 'sign-up' placeholder image */\r\n  signUpPlaceholderImage?: string;\r\n  /** img src string for 'sign-in' placeholder image */\r\n  signInPlaceholderImage?: string;\r\n  /** img alt text string for 'sign-up' placeholder image */\r\n  signUpPlaceholderImageAlt?: string;\r\n  /** img alt text string for 'sign-in' placeholder image */\r\n  signInPlaceholderImageAlt?: string;\r\n  /** information header text string below 'sign-up' placeholder image */\r\n  signUpInformationHeader?: string;\r\n  /** information header text string below 'sign-in' placeholder image */\r\n  signInInformationHeader?: string;\r\n  /** information text string below 'sign-up' header text */\r\n  signUpInformationText?: string;\r\n  /** information text string below 'sign-in' header text */\r\n  signInInformationText?: string;\r\n  /** ID that will be given to the SAP CDC screen-sets container (must match 'containerID' in 'gigya.accounts.showScreenSet(...)'!) */\r\n  screenSetsContainerId: string;\r\n};\r\n\r\n/**\r\n * The 'AuthPage' component consist of two containers: an 'Information' container on the left, and a 'ScreenSetsContainer' on the right.\r\n * The 'Information' container is optional and its contents depend on the context (sign-up or sign-in).\r\n * The 'ScreenSetsContainer' will contain the SAP CDC screen-sets.\r\n */\r\nconst AuthPage = ({\r\n  showInformationSection,\r\n  signUp,\r\n  signUpPlaceholderImage,\r\n  signInPlaceholderImage,\r\n  signUpPlaceholderImageAlt,\r\n  signInPlaceholderImageAlt,\r\n  signUpInformationHeader,\r\n  signInInformationHeader,\r\n  signUpInformationText,\r\n  signInInformationText,\r\n  screenSetsContainerId,\r\n}: AuthPageProps) => {\r\n  return (\r\n    <>\r\n      {showInformationSection && (\r\n        <InformationContainer color={signUp ? COLORS.accent1_20 : COLORS.primary_20}>\r\n          <InformationContent>\r\n            {(signUpPlaceholderImage || signInPlaceholderImage) && (\r\n              <InformationImage src={signUp ? signUpPlaceholderImage : signInPlaceholderImage} alt={signUp ? signUpPlaceholderImageAlt : signInPlaceholderImageAlt} />\r\n            )}\r\n            {(signUpInformationHeader || signInInformationHeader) && <InformationHeader>{signUp ? signUpInformationHeader : signInInformationHeader}</InformationHeader>}\r\n            {(signUpInformationText || signInInformationText) && <InformationText>{signUp ? signUpInformationText : signInInformationText}</InformationText>}\r\n          </InformationContent>\r\n        </InformationContainer>\r\n      )}\r\n      <ScreenSetsContainer id={screenSetsContainerId} centerContents={!showInformationSection} />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default AuthPage;\r\n"],"file":"AuthPage.js"}

package/dist/umd/AuthPage/Information.js

@@ -1,67 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "styled-components", "./_AuthPageSection", "../styles", "../styles/typography"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("styled-components"), require("./_AuthPageSection"), require("../styles"), require("../styles/typography"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.styledComponents, global._AuthPageSection, global.styles, global.typography);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _styledComponents, _AuthPageSection, _styles, _typography) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.InformationImage = exports.InformationText = exports.InformationHeader = exports.InformationContent = exports.InformationContainer = undefined;
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  var _AuthPageSection2 = _interopRequireDefault(_AuthPageSection);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const InformationContainer = exports.InformationContainer = (0, _styledComponents2.default)(_AuthPageSection2.default)`
-  display: none;
-  background: ${props => props.color};
-
-  ${_styles.BREAKPOINTS.MEDIUM} {
-    display: flex;
-    padding-top: 56px;
-  }
-`;
-  const InformationContent = exports.InformationContent = _styledComponents2.default.div`
-  display: flex;
-  flex-direction: column;
-  align-self: center;
-  align-items: center;
-  text-align: center;
-  max-width: 100%;
-
-  ${_styles.BREAKPOINTS.LARGE} {
-    align-self: flex-end;
-    margin-right: 48px;
-  }
-`;
-  const InformationHeader = exports.InformationHeader = _styledComponents2.default.h2`
-  ${(0, _typography.HeadlineXLStyling)(_styles.COLORS.black)}
-  font-weight: 300;
-  margin-bottom: 0;
-`;
-  const InformationText = exports.InformationText = _styledComponents2.default.p`
-  ${(0, _typography.ParagraphLStyling)(_styles.ParagraphTextStyle.Regular, _styles.COLORS.neutral_600)}
-  margin: 8px 0;
-`;
-  const InformationImage = exports.InformationImage = _styledComponents2.default.img`
-  height: 275px;
-  max-width: 100%;
-`;
-});
-//# sourceMappingURL=Information.js.map

package/dist/umd/AuthPage/Information.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/AuthPage/Information.tsx"],"names":["InformationContainer","styled","props","color","BREAKPOINTS","MEDIUM","InformationContent","div","LARGE","InformationHeader","h2","HeadlineXLStyling","COLORS","InformationText","p","ParagraphLStyling","ParagraphTextStyle","InformationImage","img"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,QAAMA,oBAAoB,WAApBA,oBAAoB,GAAGC,gCAAM,yBAANA,CAA2C;AAC/E;AACA,gBAAgBC,KAAK,IAAIA,KAAK,CAACC,KAAM;AACrC;AACA,IAAIC,oBAAYC,MAAO;AACvB;AACA;AACA;AAPO,CAAA;AAUA,QAAMC,kBAAkB,WAAlBA,kBAAkB,GAAGL,2BAAOM,GAAI;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIH,oBAAYI,KAAM;AACtB;AACA;AACA;AAXO,CAAA;AAcA,QAAMC,iBAAiB,WAAjBA,iBAAiB,GAAGR,2BAAOS,EAAG;AAC3C,IAAIC,mCAAkBC,eAAD,KAAjBD,CAAgC;AACpC;AACA;AAHO,CAAA;AAMA,QAAME,eAAe,WAAfA,eAAe,GAAGZ,2BAAOa,CAAE;AACxC,IAAIC,mCAAkBC,2BAAD,OAAjBD,EAA8CH,eAA7B,WAAjBG,CAAkE;AACtE;AAFO,CAAA;AAKA,QAAME,gBAAgB,WAAhBA,gBAAgB,GAAGhB,2BAAOiB,GAAI;AAC3C;AACA;AAFO,CAAA","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport AuthPageSection from './_AuthPageSection';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, HeadlineXL, ParagraphTextStyle} from '../styles';\r\nimport {ComponentLStyling, HeadlineXLStyling, ParagraphLStyling} from '../styles/typography';\r\n\r\nexport const InformationContainer = styled(AuthPageSection)<{ color: string }>`\r\n  display: none;\r\n  background: ${props => props.color};\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n    padding-top: 56px;\r\n  }\r\n`;\r\n\r\nexport const InformationContent = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-self: center;\r\n  align-items: center;\r\n  text-align: center;\r\n  max-width: 100%;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    align-self: flex-end;\r\n    margin-right: 48px;\r\n  }\r\n`;\r\n\r\nexport const InformationHeader = styled.h2`\r\n  ${HeadlineXLStyling(COLORS.black)}\r\n  font-weight: 300;\r\n  margin-bottom: 0;\r\n`;\r\n\r\nexport const InformationText = styled.p`\r\n  ${ParagraphLStyling(ParagraphTextStyle.Regular, COLORS.neutral_600)}\r\n  margin: 8px 0;\r\n`;\r\n\r\nexport const InformationImage = styled.img`\r\n  height: 275px;\r\n  max-width: 100%;\r\n`;\r\n"],"file":"Information.js"}

package/dist/umd/AuthPage/ScreenSetsContainer.js

@@ -1,59 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "styled-components", "./_AuthPageSection", "../styles"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("styled-components"), require("./_AuthPageSection"), require("../styles"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.styledComponents, global._AuthPageSection, global.styles);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _styledComponents, _AuthPageSection, _styles) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  var _AuthPageSection2 = _interopRequireDefault(_AuthPageSection);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const ScreenSetsContainer = (0, _styledComponents2.default)(_AuthPageSection2.default)`
-  padding: 8px;
-  width: calc(100% - 16px);
-  align-items: ${props => props.centerContents ? 'center' : 'unset'};
-
-  .gigya-screen-caption {
-    display: none;
-  }
-
-  .gigya-screen {
-    max-width: 100%;
-    margin: auto;
-  }
-
-  ${_styles.BREAKPOINTS.MEDIUM} {
-    .gigya-screen {
-      margin: 0;
-      padding: 36px 25px !important;
-    }
-  }
-
-  ${_styles.BREAKPOINTS.XLARGE} {
-    .gigya-screen {
-      max-width: 500px;
-    }
-  }
-`;
-  exports.default = ScreenSetsContainer;
-});
-//# sourceMappingURL=ScreenSetsContainer.js.map

package/dist/umd/AuthPage/ScreenSetsContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/AuthPage/ScreenSetsContainer.tsx"],"names":["ScreenSetsContainer","styled","props","BREAKPOINTS","MEDIUM","XLARGE"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,QAAMA,mBAAmB,GAAGC,gCAAM,yBAANA,CAAqD;AACjF;AACA;AACA,iBAAiBC,KAAK,IAAKA,KAAK,CAALA,cAAAA,GAAAA,QAAAA,GAAkC,OAAS;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIC,oBAAYC,MAAO;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,IAAID,oBAAYE,MAAO;AACvB;AACA;AACA;AACA;AAzBA,CAAA;oBA4BA,mB","sourcesContent":["import styled from 'styled-components';\r\nimport AuthPageSection from './_AuthPageSection';\r\nimport { BREAKPOINTS } from '../styles';\r\n\r\nconst ScreenSetsContainer = styled(AuthPageSection)<{ centerContents: boolean }>`\r\n  padding: 8px;\r\n  width: calc(100% - 16px);\r\n  align-items: ${props => (props.centerContents ? 'center' : 'unset')};\r\n\r\n  .gigya-screen-caption {\r\n    display: none;\r\n  }\r\n\r\n  .gigya-screen {\r\n    max-width: 100%;\r\n    margin: auto;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    .gigya-screen {\r\n      margin: 0;\r\n      padding: 36px 25px !important;\r\n    }\r\n  }\r\n\r\n  ${BREAKPOINTS.XLARGE} {\r\n    .gigya-screen {\r\n      max-width: 500px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport default ScreenSetsContainer;\r\n"],"file":"ScreenSetsContainer.js"}