@cashub/ui 0.19.14 → 0.20.0

package/assets/css/autocomplete.css

@@ -0,0 +1,16 @@
+/**
+ * Fix autocomplete style
+ */
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+textarea:-webkit-autofill,
+textarea:-webkit-autofill:hover,
+textarea:-webkit-autofill:focus,
+select:-webkit-autofill,
+select:-webkit-autofill:hover,
+select:-webkit-autofill:focus {
+  transition: color 5000s ease-in-out 0s, background-color 5000s ease-in-out 0s;
+  box-shadow: 0 0 0px 100px var(--color-background2) inset;
+  -webkit-text-fill-color: var(--font-on-background);
+}

package/assets/css/font.css

@@ -0,0 +1,4 @@
+@font-face {
+  font-family: 'Helvetica';
+  src: url('../font/helvetica/Helvetica.ttf');
+}

package/assets/css/global.css

@@ -0,0 +1,3 @@
+@import './font.css';
+@import './normalize.css';
+@import './autocomplete.css';

package/assets/css/normalize.css

@@ -0,0 +1,386 @@
+/*! Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */
+
+/* Document */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+  line-height: 1; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+  margin: 0;
+  font-size: 16px;
+  font-family: Helvetica;
+  overflow-x: hidden;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0;
+}
+
+/* Grouping content */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: Helvetica;
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+  text-decoration: none;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: Helvetica;
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+  border-style: none;
+}
+
+/* Forms */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: Helvetica;
+  font-size: 100%; /* 1 */
+  line-height: 1; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input {
+  /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select {
+  /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type='checkbox'],
+[type='radio'] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type='search'] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type='search']::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Misc */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+  display: none;
+}
+
+/* Custom reset */
+
+ul {
+  padding: 0;
+  margin: 0;
+}
+
+li {
+  list-style: none;
+}
+
+figure {
+  margin: 0;
+}
+
+p,
+h3 {
+  margin: 0;
+}
+
+dl,
+dt,
+dd {
+  margin: 0;
+}

package/index.js

@@ -470,6 +470,20 @@ Object.keys(_select).forEach(function (key) {
   });
 });
 
+var _styles = require("./styles");
+
+Object.keys(_styles).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _styles[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _styles[key];
+    }
+  });
+});
+
 var _table = require("./table");
 
 Object.keys(_table).forEach(function (key) {

package/map/GoogleMap.js

@@ -291,7 +291,6 @@ var Map = function Map(_ref2) {
               lat: latitude,
               lng: longitude
             };
-            map.panTo(coordinate);
             popup.setMap(map);
             popup.setPosition(coordinate);
             popup.setContent((0, _server.renderToString)(customPopup(location)));

package/map/subComponent/GoogleMapPopup.js

@@ -58,6 +58,8 @@ var GoogleMapPopup = /*#__PURE__*/_createClass(function GoogleMapPopup(options)
 
       _defineProperty(_assertThisInitialized(_this), "offset", 16);
 
+      _defineProperty(_assertThisInitialized(_this), "justRendered", false);
+
       _this.containerDiv = document.createElement('div');
 
       _this.containerDiv.classList.add('google-popup-content-wrapper');
@@ -81,6 +83,7 @@ var GoogleMapPopup = /*#__PURE__*/_createClass(function GoogleMapPopup(options)
       key: "onAdd",
       value: function onAdd() {
         this.getPanes().floatPane.appendChild(this.containerDiv);
+        this.justRendered = true;
       }
       /** Called when the popup is removed from the map. */
 
@@ -89,6 +92,7 @@ var GoogleMapPopup = /*#__PURE__*/_createClass(function GoogleMapPopup(options)
       value: function onRemove() {
         if (this.containerDiv.parentElement) {
           this.containerDiv.parentElement.removeChild(this.containerDiv);
+          this.justRendered = false;
         }
       }
       /** Called each frame when the popup needs to draw itself. */
@@ -97,7 +101,13 @@ var GoogleMapPopup = /*#__PURE__*/_createClass(function GoogleMapPopup(options)
       key: "draw",
       value: function draw() {
         if (this.position) {
-          var divPosition = this.getProjection().fromLatLngToDivPixel(this.position);
+          var divPosition = this.getProjection().fromLatLngToDivPixel(this.position); // On the first render, if we go beyond the map, pan the map
+
+          if (this.justRendered) {
+            this.fitMap();
+            this.justRendered = false;
+          }
+
           this.containerDiv.style.left = "".concat(divPosition.x, "px");
           this.containerDiv.style.top = "".concat(divPosition.y - this.offset, "px");
         }
@@ -118,6 +128,35 @@ var GoogleMapPopup = /*#__PURE__*/_createClass(function GoogleMapPopup(options)
           this.containerDiv.innerHTML = content;
         }
       }
+    }, {
+      key: "fitMap",
+      value: function fitMap() {
+        var projection = this.getProjection();
+        var _this$containerDiv = this.containerDiv,
+            offsetWidth = _this$containerDiv.offsetWidth,
+            offsetHeight = _this$containerDiv.offsetHeight;
+        var halfWidth = offsetWidth / 2;
+        var _this$containerDiv2 = this.containerDiv,
+            offsetTop = _this$containerDiv2.offsetTop,
+            offsetLeft = _this$containerDiv2.offsetLeft; // Calculate the coordinates of the four corners of the container
+        // because container use transform for position(-50%, -100%), so we need to subtract them
+
+        var topLeft = new window.google.maps.Point(offsetLeft - halfWidth, offsetTop - offsetHeight);
+        var topRight = new window.google.maps.Point(offsetLeft + offsetWidth - halfWidth, offsetTop - offsetHeight);
+        var bottomLeft = new window.google.maps.Point(offsetLeft - halfWidth, offsetTop + offsetHeight - offsetHeight);
+        var bottomRight = new window.google.maps.Point(offsetLeft + offsetWidth - halfWidth, offsetTop + offsetHeight - offsetHeight);
+        var northWest = projection.fromDivPixelToLatLng(topLeft);
+        var northEast = projection.fromDivPixelToLatLng(topRight);
+        var southWest = projection.fromDivPixelToLatLng(bottomLeft);
+        var southEast = projection.fromDivPixelToLatLng(bottomRight);
+        var popupBound = new window.google.maps.LatLngBounds();
+        popupBound.extend(northWest);
+        popupBound.extend(northEast);
+        popupBound.extend(southWest);
+        popupBound.extend(southEast);
+        popupBound.extend(this.position);
+        this.map.fitBounds(popupBound);
+      }
     }]);
 
     return MapPopup;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.19.14",
+  "version": "0.20.0",
   "private": false,
   "author": "CASHUB Team",
   "description": "CASHUB UI components library",

package/section/SectionHeader.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _header = _interopRequireDefault(require("../styles/header.style"));
+var _header = _interopRequireDefault(require("../styles/config/header.style"));
 
 var _templateObject, _templateObject2;
 

package/styles/GlobalStyle.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styledComponents = require("styled-components");
+
+require("../assets/css/global.css");
+
+var _templateObject;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var GlobalStyle = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  body {\n    --color-white: ", ";\n    --color-dark: ", ";\n    --color-grey: ", ";\n    --color-primary: ", ";\n    --color-success: ", ";\n    --color-warning: ", ";\n    --color-danger: ", ";\n    --color-hover: ", ";\n    --color-active: ", ";\n    --color-scroll-bar: ", ";\n    --color-background1: ", ";\n    --color-background2: ", ";\n    --color-background3: ", ";\n    --color-backdrop: ", ";\n\n    --font-h1: ", ";\n    --font-h2: ", ";\n    --font-h3: ", ";\n    --font-body1: ", ";\n    --font-body2: ", ";\n    --font-button: ", ";\n    --font-caption: ", ";\n    --font-family: ", ";\n    --font-normal: ", ";\n    --font-bold: ", ";\n    --font-on-primary: ", ";\n    --font-on-success: ", ";\n    --font-on-warning: ", ";\n    --font-on-danger: ", ";\n    --font-on-background: ", ";\n    --font-on-mute: ", ";\n\n    --box-shadow: ", ";\n    --border-color: ", ";\n    --border-width: ", ";\n    --border-radius-s: ", ";\n    --border-radius: ", ";\n    --border-radius-l: ", ";\n    --border-radius-round: ", ";\n\n    --spacing-xs: ", ";\n    --spacing-s: ", ";\n    --spacing: ", ";\n    --spacing-l: ", ";\n\n    background : ", ";\n  }\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.colorWhite;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.colorDark;
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.colorGrey;
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.colorPrimary;
+}, function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.colorSuccess;
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.colorWarning;
+}, function (_ref7) {
+  var theme = _ref7.theme;
+  return theme.colorDanger;
+}, function (_ref8) {
+  var theme = _ref8.theme;
+  return theme.colorHover;
+}, function (_ref9) {
+  var theme = _ref9.theme;
+  return theme.colorActive;
+}, function (_ref10) {
+  var theme = _ref10.theme;
+  return theme.scrollBarColor;
+}, function (_ref11) {
+  var theme = _ref11.theme;
+  return theme.bgColor1;
+}, function (_ref12) {
+  var theme = _ref12.theme;
+  return theme.bgColor2;
+}, function (_ref13) {
+  var theme = _ref13.theme;
+  return theme.bgColor3;
+}, function (_ref14) {
+  var theme = _ref14.theme;
+  return theme.backdropBg;
+}, function (_ref15) {
+  var theme = _ref15.theme;
+  return theme.fontH1;
+}, function (_ref16) {
+  var theme = _ref16.theme;
+  return theme.fontH2;
+}, function (_ref17) {
+  var theme = _ref17.theme;
+  return theme.fontH3;
+}, function (_ref18) {
+  var theme = _ref18.theme;
+  return theme.fontBody1;
+}, function (_ref19) {
+  var theme = _ref19.theme;
+  return theme.fontBody2;
+}, function (_ref20) {
+  var theme = _ref20.theme;
+  return theme.fontButton;
+}, function (_ref21) {
+  var theme = _ref21.theme;
+  return theme.fontCaption;
+}, function (_ref22) {
+  var theme = _ref22.theme;
+  return theme.fontFamily;
+}, function (_ref23) {
+  var theme = _ref23.theme;
+  return theme.fontWeightNormal;
+}, function (_ref24) {
+  var theme = _ref24.theme;
+  return theme.fontWeightBold;
+}, function (_ref25) {
+  var theme = _ref25.theme;
+  return theme.fontOnPrimary;
+}, function (_ref26) {
+  var theme = _ref26.theme;
+  return theme.fontOnSuccess;
+}, function (_ref27) {
+  var theme = _ref27.theme;
+  return theme.fontOnWarning;
+}, function (_ref28) {
+  var theme = _ref28.theme;
+  return theme.fontOnDanger;
+}, function (_ref29) {
+  var theme = _ref29.theme;
+  return theme.fontOnBg;
+}, function (_ref30) {
+  var theme = _ref30.theme;
+  return theme.fontMutedColor;
+}, function (_ref31) {
+  var theme = _ref31.theme;
+  return theme.boxShadow;
+}, function (_ref32) {
+  var theme = _ref32.theme;
+  return theme.borderColor;
+}, function (_ref33) {
+  var theme = _ref33.theme;
+  return theme.borderWidth;
+}, function (_ref34) {
+  var theme = _ref34.theme;
+  return theme.borderRadiusS;
+}, function (_ref35) {
+  var theme = _ref35.theme;
+  return theme.borderRadius;
+}, function (_ref36) {
+  var theme = _ref36.theme;
+  return theme.borderRadiusL;
+}, function (_ref37) {
+  var theme = _ref37.theme;
+  return theme.borderRadiusRound;
+}, function (_ref38) {
+  var theme = _ref38.theme;
+  return theme.spacerXS;
+}, function (_ref39) {
+  var theme = _ref39.theme;
+  return theme.spacerS;
+}, function (_ref40) {
+  var theme = _ref40.theme;
+  return theme.spacer;
+}, function (_ref41) {
+  var theme = _ref41.theme;
+  return theme.spacerL;
+}, function (_ref42) {
+  var theme = _ref42.theme;
+  return theme.bgColor1;
+});
+var _default = GlobalStyle;
+exports.default = _default;

package/styles/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GlobalStyle", {
+  enumerable: true,
+  get: function get() {
+    return _GlobalStyle.default;
+  }
+});
+Object.defineProperty(exports, "themes", {
+  enumerable: true,
+  get: function get() {
+    return _themes.default;
+  }
+});
+
+var _GlobalStyle = _interopRequireDefault(require("./GlobalStyle"));
+
+var _themes = _interopRequireDefault(require("./themes"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/styles/mixin/media.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _styledComponents = require("styled-components");
 
-var _breakpoint = _interopRequireDefault(require("../breakpoint.style"));
+var _breakpoint = _interopRequireDefault(require("../config/breakpoint.style"));
 
 var _templateObject;
 

package/styles/{theme/index.js → themes.js}

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _white = _interopRequireDefault(require("./white.theme"));
+var _white = _interopRequireDefault(require("./theme/white.theme"));
 
-var _light = _interopRequireDefault(require("./light.theme"));
+var _light = _interopRequireDefault(require("./theme/light.theme"));
 
-var _dark = _interopRequireDefault(require("./dark.theme"));
+var _dark = _interopRequireDefault(require("./theme/dark.theme"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/layout/Backdrop.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _BaseBackdrop = _interopRequireDefault(require("../backdrop/BaseBackdrop"));
-
-var _media = _interopRequireDefault(require("../styles/mixin/media"));
-
-var _templateObject, _templateObject2;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Backdrop = (0, _styledComponents.default)(_BaseBackdrop.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  visibility: hidden;\n\n  ", "\n"])), _media.default.tablet(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    visibility: ", ";\n  "])), function (_ref) {
-  var $display = _ref.$display;
-  return $display === true ? 'visible' : 'hidden';
-}));
-var _default = Backdrop;
-exports.default = _default;

package/layout/Container.js

@@ -1,34 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _header = _interopRequireDefault(require("../styles/header.style"));
-
-var _sidebar = _interopRequireDefault(require("../styles/sidebar.style"));
-
-var _media = _interopRequireDefault(require("../styles/mixin/media"));
-
-var _templateObject, _templateObject2, _templateObject3;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  transition: 0.3s;\n  width: calc(100% - ", ");\n  margin-left: ", ";\n  padding: calc(", " + var(--spacing)) var(--spacing)\n    var(--spacing);\n\n  ", "\n\n  ", "\n"])), _sidebar.default.close.width, _sidebar.default.close.width, _header.default.height, function (_ref) {
-  var $display = _ref.$display;
-  return $display === true && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      width: calc(100% - ", ");\n      margin-left: ", ";\n    "])), _sidebar.default.open.width, _sidebar.default.open.width);
-}, _media.default.tablet(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: 100%;\n    margin-left: 0;\n  "]))));
-
-var _default = Container;
-exports.default = _default;

package/layout/Footer.js

@@ -1,32 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _sidebar = _interopRequireDefault(require("../styles/sidebar.style"));
-
-var _media = _interopRequireDefault(require("../styles/mixin/media"));
-
-var _templateObject, _templateObject2, _templateObject3;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Footer = _styledComponents.default.footer(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  transition: 0.3s;\n  border-top: var(--border-width) solid var(--border-color);\n  color: var(--font-on-mute);\n  height: 64px;\n  line-height: 64px;\n  font-size: var(--font-body2);\n  padding: 0 var(--spacing);\n  margin: 0 var(--spacing) 0 calc(var(--spacing) + ", ");\n\n  ", "\n\n  ", "\n"])), _sidebar.default.close.width, function (_ref) {
-  var $display = _ref.$display;
-  return $display && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      margin: 0 var(--spacing) 0\n        calc(var(--spacing) + ", ");\n    "])), _sidebar.default.open.width);
-}, _media.default.tablet(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    margin:0 ;\n  "]))));
-
-var _default = Footer;
-exports.default = _default;

package/layout/Logo.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _ImageFluid = _interopRequireDefault(require("../image/ImageFluid"));
-
-var _logoCashub = _interopRequireDefault(require("../assets/images/logo-cashub.png"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _templateObject;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Logo = function Logo() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Figure, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageFluid.default, {
-      src: _logoCashub.default,
-      alt: "Cashub logo"
-    })
-  });
-};
-
-var Figure = _styledComponents.default.figure(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  max-width: 220px;\n  height: 40px;\n"])));
-
-var _default = Logo;
-exports.default = _default;

package/layout/MenuIcon.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _IconButton = _interopRequireDefault(require("../button/IconButton"));
-
-var _IconFigure = _interopRequireDefault(require("../figure/IconFigure"));
-
-var _ImageFluid = _interopRequireDefault(require("../image/ImageFluid"));
-
-var _burger = _interopRequireDefault(require("../assets/icons/burger.png"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _templateObject;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var MenuIcon = function MenuIcon(_ref) {
-  var toggleSidebar = _ref.toggleSidebar;
-  console.log('toggleSidebar', toggleSidebar);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
-    onClick: toggleSidebar,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconFigure.default, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageFluid.default, {
-        crossOrigin: "anonymous",
-        src: _burger.default,
-        alt: "Sidebar toggler"
-      })
-    })
-  });
-};
-
-var Wrapper = (0, _styledComponents.default)(_IconButton.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 0;\n  margin-right: calc(var(--spacing) - 0.5rem);\n"])));
-var _default = MenuIcon;
-exports.default = _default;