@cashub/ui-elv 1.0.6 → 1.0.8

package/esm/wizard/Wizard.js

@@ -153,7 +153,7 @@ const NavItem = styled.li`
     color: var(--font-on-background);
 
     > div > span:first-of-type {
-      color: var(--font-on-primary);
+      color: var(--color-background2);
       background: var(--font-on-background);
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui-elv",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "private": false,
   "author": "CasHUB Team",
   "description": "CasHUB UI components library (Elavon)",
@@ -18,15 +18,14 @@
     "@cashub/utils": "^1.3.2",
     "@googlemaps/markerclusterer": "^2.5.1",
     "@googlemaps/react-wrapper": "^1.1.35",
-    "@monaco-editor/react": "^4.6.0",
-    "@popperjs/core": "^2.11.5",
+    "@react-leaflet/core": "^1.1.1",
     "@yaireo/tagify": "^4.12.0",
     "chart.js": "^3.8.0",
     "cropperjs": "^1.5.12",
+    "fast-deep-equal": "^3.1.3",
     "leaflet": "^1.7.1",
     "leaflet-draw": "^1.0.4",
     "lodash.uniqueid": "^4.0.1",
-    "moment": "^2.29.3",
     "normalize.css": "^8.0.1",
     "overlapping-marker-spiderfier": "^1.1.4",
     "qrcode.react": "^3.0.2",
@@ -37,17 +36,17 @@
     "react-leaflet": "^3.1.0",
     "react-leaflet-markercluster": "^3.0.0-rc1",
     "react-outside-click-handler": "^1.3.0",
-    "react-popper": "^2.3.0",
     "react-router-dom": "^5.2.0",
     "react-toastify": "^7.0.4",
     "react-transition-group": "^4.4.2",
-    "react-window": "^1.8.11",
     "styled-components": "^5.3.0",
     "treeflex": "^2.0.1"
   },
   "peerDependencies": {
     "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "react-dom": "^17.0.1",
+    "react-i18next": ">=11.11.4",
+    "react-icons": "^4.3.1"
   },
   "publishConfig": {
     "access": "public"

package/wizard/Wizard.js

@@ -160,7 +160,7 @@ const NavItem = _styledComponents.default.li`
     color: var(--font-on-background);
 
     > div > span:first-of-type {
-      color: var(--font-on-primary);
+      color: var(--color-background2);
       background: var(--font-on-background);
     }
   }

package/billing/BarChart.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _renderer = require("@react-pdf/renderer");
-var _jsxRuntime = require("react/jsx-runtime");
-const BillingBarChart = _ref => {
-  let {
-    theme,
-    percentage,
-    success,
-    warning,
-    danger
-  } = _ref;
-  const styles = {
-    chart: {
-      position: 'relative',
-      width: '100%',
-      height: 16,
-      borderRadius: 16,
-      backgroundColor: theme.bgColor3,
-      marginTop: 8
-    },
-    bar: {
-      position: 'absolute',
-      width: `${percentage}%`,
-      borderRadius: 16,
-      top: 0,
-      bottom: 0,
-      backgroundColor: theme.colorPrimary
-    }
-  };
-  if (success) {
-    styles.bar.backgroundColor = theme.colorSuccess;
-  }
-  if (warning) {
-    styles.bar.backgroundColor = theme.colorWarning;
-  }
-  if (danger) {
-    styles.bar.backgroundColor = theme.colorDanger;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
-    style: styles.chart,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
-      style: styles.bar
-    })
-  });
-};
-var _default = exports.default = BillingBarChart;

package/billing/Grid.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BillingGrid = exports.BillingColumn = void 0;
-var _renderer = require("@react-pdf/renderer");
-var _jsxRuntime = require("react/jsx-runtime");
-const BillingGrid = _ref => {
-  let {
-    children
-  } = _ref;
-  const styles = {
-    display: 'flex',
-    flexWrap: 'wrap',
-    flexDirection: 'row',
-    margin: '0 -8'
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
-    style: styles,
-    children: children
-  });
-};
-exports.BillingGrid = BillingGrid;
-const BillingColumn = _ref2 => {
-  let {
-    children,
-    flex
-  } = _ref2;
-  const styles = {
-    padding: '0 8',
-    width: '50%'
-  };
-  if (flex) {
-    styles.display = 'flex';
-    styles.alignContent = 'stretch';
-    styles.alignItems = 'stretch';
-    styles.flexDirection = 'column';
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
-    style: styles,
-    children: children
-  });
-};
-exports.BillingColumn = BillingColumn;

package/billing/Header2.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _renderer = require("@react-pdf/renderer");
-var _jsxRuntime = require("react/jsx-runtime");
-const BillingHeader2 = _ref => {
-  let {
-    children
-  } = _ref;
-  const styles = {
-    fontSize: 20,
-    wordBreak: 'break-word',
-    textAlign: 'center',
-    margin: 0,
-    marginBottom: 12
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.Text, {
-    style: styles,
-    children: children
-  });
-};
-var _default = exports.default = BillingHeader2;

package/billing/Header3.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _renderer = require("@react-pdf/renderer");
-var _jsxRuntime = require("react/jsx-runtime");
-const BillingHeader3 = _ref => {
-  let {
-    children,
-    fontWeightNormal,
-    noMarginBottom,
-    paddingBottom
-  } = _ref;
-  const styles = {
-    fontSize: 14,
-    lineHeight: 1.25,
-    wordBreak: 'break-word',
-    fontWeight: 'bold',
-    marginBottom: 8
-  };
-  if (fontWeightNormal) {
-    styles.fontWeight = 'normal';
-  }
-  if (noMarginBottom) {
-    styles.marginBottom = 0;
-  }
-  if (paddingBottom) {
-    styles.paddingBottom = 8;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.Text, {
-    style: styles,
-    children: children
-  });
-};
-var _default = exports.default = BillingHeader3;

package/billing/Paragraph.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _renderer = require("@react-pdf/renderer");
-var _jsxRuntime = require("react/jsx-runtime");
-const BillingParagraph = _ref => {
-  let {
-    children,
-    marginRight,
-    justifyContentBetween
-  } = _ref;
-  const styles = {
-    margin: 0,
-    display: 'flex',
-    flexDirection: 'row',
-    wordBreak: 'break-word',
-    overflowWrap: 'break-word'
-  };
-  if (marginRight) {
-    styles.marginRight = 16;
-  }
-  if (justifyContentBetween) {
-    styles.justifyContent = 'space-between';
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
-    style: styles,
-    children: children
-  });
-};
-var _default = exports.default = BillingParagraph;

package/billing/ParagraphGroup.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _renderer = require("@react-pdf/renderer");
-var _jsxRuntime = require("react/jsx-runtime");
-const BillingParagraphGroup = _ref => {
-  let {
-    children
-  } = _ref;
-  const styles = {
-    display: 'flex',
-    flexDirection: 'row'
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
-    style: styles,
-    children: children
-  });
-};
-var _default = exports.default = BillingParagraphGroup;

package/billing/ParagraphText.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _renderer = require("@react-pdf/renderer");
-var _jsxRuntime = require("react/jsx-runtime");
-const BillingParagraphText = _ref => {
-  let {
-    children,
-    fontWeightBold
-  } = _ref;
-  const styles = {
-    fontSize: 12,
-    lineHeight: 1.5
-  };
-  if (fontWeightBold) {
-    styles.fontWeight = 'bold';
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.Text, {
-    style: styles,
-    children: children
-  });
-};
-var _default = exports.default = BillingParagraphText;

package/billing/Section.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _renderer = require("@react-pdf/renderer");
-var _jsxRuntime = require("react/jsx-runtime");
-const BillingSection = _ref => {
-  let {
-    children,
-    theme,
-    backgroundReverse,
-    noPadding,
-    noMarginBottom,
-    paddingS,
-    marginBottomS,
-    flexGrow
-  } = _ref;
-  const styles = {
-    backgroundColor: theme.bgColor1,
-    borderRadius: 16,
-    color: theme.fontOnBg,
-    padding: 12,
-    marginBottom: 16
-  };
-  if (backgroundReverse) {
-    styles.backgroundColor = theme.bgColor2;
-  }
-  if (noPadding) {
-    styles.padding = 0;
-  }
-  if (noMarginBottom) {
-    styles.marginBottom = 0;
-  }
-  if (paddingS) {
-    styles.padding = 8;
-  }
-  if (marginBottomS) {
-    styles.marginBottom = 12;
-  }
-  if (flexGrow) {
-    styles.flexGrow = 1;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
-    style: styles,
-    children: children
-  });
-};
-var _default = exports.default = BillingSection;

package/billing/SectionBody.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _renderer = require("@react-pdf/renderer");
-var _jsxRuntime = require("react/jsx-runtime");
-const BillingSectionBody = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
-    children: children
-  });
-};
-var _default = exports.default = BillingSectionBody;

package/billing/SectionHeader.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _renderer = require("@react-pdf/renderer");
-var _jsxRuntime = require("react/jsx-runtime");
-const BillingSectionHeader = _ref => {
-  let {
-    children,
-    inline
-  } = _ref;
-  const styles = {};
-  if (inline) {
-    styles.display = 'flex';
-    styles.justifyContent = 'space-between';
-    styles.flexDirection = 'row';
-    styles.alignItems = 'center';
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
-    style: styles,
-    children: children
-  });
-};
-var _default = exports.default = BillingSectionHeader;

package/billing/__stories__/BarChart.stories.js_bak

@@ -1,46 +0,0 @@
-import { useContext } from 'react';
-import { Document, Page, PDFViewer, StyleSheet } from '@react-pdf/renderer';
-import { ThemeContext } from 'styled-components';
-import BillingBarChart from '../BarChart';
-
-export default {
-  title: 'billing/BillingBarChart',
-  component: BillingBarChart,
-  argTypes: {
-    theme: { description: 'Provide theme styles for components to use' },
-    percentage: {
-      description: 'Affects the width of the bar, the maximum value is 100',
-    },
-    success: { description: 'Affects the backgroundColor of the bar' },
-    warning: { description: 'Affects the backgroundColor of the bar' },
-    danger: { description: 'Affects the backgroundColor of the bar' },
-  },
-};
-
-export const Default = (args) => {
-  const theme = useContext(ThemeContext);
-
-  const styles = StyleSheet.create({
-    page: {
-      backgroundColor: theme.bgColor2,
-      padding: 8,
-    },
-  });
-
-  return (
-    <PDFViewer showToolbar={false}>
-      <Document>
-        <Page size='A4' style={styles.page}>
-          <BillingBarChart {...args} theme={theme} marginTop />
-        </Page>
-      </Document>
-    </PDFViewer>
-  );
-};
-
-Default.args = {
-  success: true,
-  warning: false,
-  danger: false,
-  percentage: 100,
-};

package/billing/__stories__/Grid.stories.js_bak

@@ -1,57 +0,0 @@
-import {
-  PDFViewer,
-  Document,
-  Page,
-  StyleSheet,
-  Text,
-  Font,
-} from '@react-pdf/renderer';
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-import { BillingGrid, BillingColumn } from '../Grid';
-import NanumGothicBold from '../../assets/font/nanumGothic/NanumGothic-Bold.ttf';
-import NanumGothicExtraBold from '../../assets/font/nanumGothic/NanumGothic-ExtraBold.ttf';
-import NanumGothicRegular from '../../assets/font/nanumGothic/NanumGothic-Regular.ttf';
-
-export default {
-  title: 'billing/BillingGrid',
-  component: BillingGrid,
-  subComponent: BillingColumn,
-  argTypes: {
-    children: { description: 'A BillingColumn component must be passed in.' },
-  },
-};
-
-export const Default = (args) => {
-  const theme = useContext(ThemeContext);
-  Font.register({
-    family: 'Nanum Gothic',
-    fonts: [
-      { src: NanumGothicBold },
-      { src: NanumGothicExtraBold },
-      { src: NanumGothicRegular },
-    ],
-  });
-
-  const styles = StyleSheet.create({
-    page: {
-      fontFamily: 'Nanum Gothic',
-      color: '#ffffff',
-      backgroundColor: theme.bgColor2,
-      padding: 8,
-    },
-  });
-  return (
-    <PDFViewer style={{ width: '100%' }}>
-      <Document>
-        <Page size='A4' style={styles.page}>
-          <BillingGrid {...args}>
-            <BillingColumn>
-              <Text>children content</Text>
-            </BillingColumn>
-          </BillingGrid>
-        </Page>
-      </Document>
-    </PDFViewer>
-  );
-};

package/billing/__stories__/Header2.stories.js_bak

@@ -1,62 +0,0 @@
-import {
-  Document,
-  Page,
-  PDFViewer,
-  StyleSheet,
-  View,
-  Font,
-} from "@react-pdf/renderer";
-import BillingHeader2 from "../Header2";
-import { useContext } from "react";
-import { ThemeContext } from "styled-components";
-import NanumGothicBold from "../../assets/font/nanumGothic/NanumGothic-Bold.ttf";
-import NanumGothicExtraBold from "../../assets/font/nanumGothic/NanumGothic-ExtraBold.ttf";
-import NanumGothicRegular from "../../assets/font/nanumGothic/NanumGothic-Regular.ttf";
-
-export default {
-  title: "billing/header2",
-  component: BillingHeader2,
-  argTypes: {
-    children: {
-      description:
-        "For displaying text. Supports nesting of other Text or Link components to create inline styling.",
-    },
-  },
-};
-
-export const Default = (args) => {
-  const theme = useContext(ThemeContext);
-  Font.register({
-    family: "Nanum Gothic",
-    fonts: [
-      { src: NanumGothicBold },
-      { src: NanumGothicExtraBold },
-      { src: NanumGothicRegular },
-    ],
-  });
-
-  const styles = StyleSheet.create({
-    page: {
-      fontFamily: "Nanum Gothic",
-      color: "#ffffff",
-      backgroundColor: theme.bgColor2,
-      padding: 8,
-    },
-  });
-
-  return (
-    <PDFViewer style={{ width: "100%" }}>
-      <Document>
-        <Page size="A4" style={styles.page}>
-          <View>
-            <BillingHeader2 {...args}></BillingHeader2>
-          </View>
-        </Page>
-      </Document>
-    </PDFViewer>
-  );
-};
-
-Default.args = {
-  children: "BillingHeader2 content",
-};

package/billing/__stories__/Header3.stories.js_bak

@@ -1,69 +0,0 @@
-import {
-  Document,
-  Page,
-  PDFViewer,
-  StyleSheet,
-  View,
-  Font,
-} from "@react-pdf/renderer";
-import BillingHeader3 from "../Header3";
-import { useContext } from "react";
-import { ThemeContext } from "styled-components";
-import NanumGothicBold from "../../assets/font/nanumGothic/NanumGothic-Bold.ttf";
-import NanumGothicExtraBold from "../../assets/font/nanumGothic/NanumGothic-ExtraBold.ttf";
-import NanumGothicRegular from "../../assets/font/nanumGothic/NanumGothic-Regular.ttf";
-export default {
-  title: "billing/header3",
-  component: BillingHeader3,
-  argTypes: {
-    children: {
-      description:
-        "For displaying text. Supports nesting of other Text or Link components to create inline styling.",
-    },
-    fontWeightNormal: { description: "Style variant" },
-    noMarginBottom: { description: "Style variant" },
-    paddingBottom: { description: "Style variant" },
-  },
-};
-
-export const Default = (args) => {
-  const theme = useContext(ThemeContext);
-  Font.register({
-    family: "Nanum Gothic",
-    fonts: [
-      { src: NanumGothicBold },
-      { src: NanumGothicExtraBold },
-      { src: NanumGothicRegular },
-    ],
-  });
-  const styles = StyleSheet.create({
-    page: {
-      fontFamily: "Nanum Gothic",
-      color: "#ffffff",
-      backgroundColor: theme.bgColor2,
-      padding: 8,
-    },
-    view: {
-      border: "1px solid #ffffff",
-    },
-  });
-
-  return (
-    <PDFViewer style={{ width: "100%" }}>
-      <Document>
-        <Page size="A4" style={styles.page}>
-          <View style={styles.view}>
-            <BillingHeader3 {...args}></BillingHeader3>
-          </View>
-        </Page>
-      </Document>
-    </PDFViewer>
-  );
-};
-
-Default.args = {
-  children: "BillingHeader3 content",
-  fontWeightNormal: false,
-  noMarginBottom: false,
-  paddingBottom: false,
-};