@cashub/ui 0.49.0-beta.0 → 0.49.0-beta.1

package/src/billing/Header3.js

@@ -1,32 +0,0 @@
-import { Text } from '@react-pdf/renderer';
-
-const BillingHeader3 = ({
-  children,
-  fontWeightNormal,
-  noMarginBottom,
-  paddingBottom,
-}) => {
-  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 <Text style={styles}>{children}</Text>;
-};
-
-export default BillingHeader3;

package/src/billing/Paragraph.js

@@ -1,27 +0,0 @@
-import { View } from '@react-pdf/renderer';
-
-const BillingParagraph = ({
-  children,
-  marginRight,
-  justifyContentBetween,
-}) => {
-  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 <View style={styles}>{children}</View>;
-};
-
-export default BillingParagraph;

package/src/billing/ParagraphGroup.js

@@ -1,12 +0,0 @@
-import { View } from '@react-pdf/renderer';
-
-const BillingParagraphGroup = ({ children }) => {
-  const styles = {
-    display: 'flex',
-    flexDirection: 'row',
-  };
-
-  return <View style={styles}>{children}</View>;
-};
-
-export default BillingParagraphGroup;

package/src/billing/ParagraphText.js

@@ -1,16 +0,0 @@
-import { Text } from '@react-pdf/renderer';
-
-const BillingParagraphText = ({ children, fontWeightBold }) => {
-  const styles = {
-    fontSize: 12,
-    lineHeight: 1.5,
-  };
-
-  if (fontWeightBold) {
-    styles.fontWeight = 'bold';
-  }
-
-  return <Text style={styles}>{children}</Text>;
-};
-
-export default BillingParagraphText;

package/src/billing/Section.js

@@ -1,48 +0,0 @@
-import { View } from '@react-pdf/renderer';
-
-const BillingSection = ({
-  children,
-  theme,
-  backgroundReverse,
-  noPadding,
-  noMarginBottom,
-  paddingS,
-  marginBottomS,
-  flexGrow,
-}) => {
-  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 <View style={styles}>{children}</View>;
-};
-
-export default BillingSection;

package/src/billing/SectionBody.js

@@ -1,7 +0,0 @@
-import { View } from '@react-pdf/renderer';
-
-const BillingSectionBody = ({ children }) => {
-  return <View>{children}</View>;
-};
-
-export default BillingSectionBody;

package/src/billing/SectionHeader.js

@@ -1,16 +0,0 @@
-import { View } from '@react-pdf/renderer';
-
-const BillingSectionHeader = ({ children, inline }) => {
-  const styles = {};
-
-  if (inline) {
-    styles.display = 'flex';
-    styles.justifyContent = 'space-between';
-    styles.flexDirection = 'row';
-    styles.alignItems = 'center';
-  }
-
-  return <View style={styles}>{children}</View>;
-};
-
-export default BillingSectionHeader;

package/src/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/src/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/src/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/src/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,
-};

package/src/billing/__stories__/Paragraph.stories.js_bak

@@ -1,84 +0,0 @@
-import {
-  Document,
-  Page,
-  PDFViewer,
-  StyleSheet,
-  View,
-  Font,
-} from '@react-pdf/renderer';
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-import BillingParagraphGroup from '../ParagraphGroup';
-import BillingParagraph from '../Paragraph';
-import BillingParagraphText from '../ParagraphText';
-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/BillingParagraph',
-  component: BillingParagraph,
-  subComponent: BillingParagraphText,
-  argTypes: {
-    children: {
-      description: 'A BillingParagraphText component must be passed in.',
-    },
-    marginRight: { description: 'Style variant' },
-    justifyContentBetween: { 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,
-    },
-  });
-
-  return (
-    <PDFViewer style={{ width: '100%' }}>
-      <Document>
-        <Page size='A4' style={styles.page}>
-          <View>
-            <BillingParagraphGroup>
-              <BillingParagraph {...args}>
-                <BillingParagraphText>Total 01: </BillingParagraphText>
-                <BillingParagraphText>10000</BillingParagraphText>
-              </BillingParagraph>
-              <BillingParagraph {...args}>
-                <BillingParagraphText>Available 01: </BillingParagraphText>
-                <BillingParagraphText>2000</BillingParagraphText>
-              </BillingParagraph>
-            </BillingParagraphGroup>
-            <BillingParagraph {...args}>
-              <BillingParagraphText>Total 02: </BillingParagraphText>
-              <BillingParagraphText>10000</BillingParagraphText>
-            </BillingParagraph>
-            <BillingParagraph {...args}>
-              <BillingParagraphText>Available 02: </BillingParagraphText>
-              <BillingParagraphText>2000</BillingParagraphText>
-            </BillingParagraph>
-          </View>
-        </Page>
-      </Document>
-    </PDFViewer>
-  );
-};
-
-Default.args = {
-  marginRight: true,
-  justifyContentBetween: false,
-};

package/src/billing/__stories__/ParagraphGroup.stories.js_bak

@@ -1,68 +0,0 @@
-import {
-  Document,
-  Page,
-  PDFViewer,
-  StyleSheet,
-  View,
-  Font,
-} from '@react-pdf/renderer';
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-import BillingParagraph from '../Paragraph';
-import BillingParagraphGroup from '../ParagraphGroup';
-import BillingParagraphText from '../ParagraphText';
-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/BillingParagraphGroup',
-  component: BillingParagraphGroup,
-  subComponent: { BillingParagraph },
-  argTypes: {
-    children: {
-      description: 'A BillingParagraph 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}>
-          <View>
-            <BillingParagraphGroup {...args}>
-              <BillingParagraph marginRight>
-                <BillingParagraphText>Total: </BillingParagraphText>
-                <BillingParagraphText>10000</BillingParagraphText>
-              </BillingParagraph>
-              <BillingParagraph marginRight>
-                <BillingParagraphText>Total 2: </BillingParagraphText>
-                <BillingParagraphText>20000</BillingParagraphText>
-              </BillingParagraph>
-            </BillingParagraphGroup>
-          </View>
-        </Page>
-      </Document>
-    </PDFViewer>
-  );
-};

package/src/billing/__stories__/ParagraphText.stories.js_bak

@@ -1,64 +0,0 @@
-import {
-  Document,
-  Page,
-  PDFViewer,
-  StyleSheet,
-  View,
-  Font,
-} from '@react-pdf/renderer';
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-import BillingParagraphText from '../ParagraphText';
-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/BillingParagraphText',
-  component: BillingParagraphText,
-  argTypes: {
-    children: {
-      description:
-        'For displaying text. Supports nesting of other Text or Link components to create inline styling.',
-    },
-    fontWeightBold: { 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,
-    },
-  });
-
-  return (
-    <PDFViewer style={{ width: '100%' }}>
-      <Document>
-        <Page size='A4' style={styles.page}>
-          <View>
-            <BillingParagraphText {...args}></BillingParagraphText>
-          </View>
-        </Page>
-      </Document>
-    </PDFViewer>
-  );
-};
-
-Default.args = {
-  children: 'BillingParagraphText content',
-  fontWeightBold: false,
-};