@cashub/ui-elv 1.0.7 → 1.0.8

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

package/billing/__stories__/Section.stories.js_bak

@@ -1,115 +0,0 @@
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-import {
-  PDFViewer,
-  Document,
-  Page,
-  View,
-  StyleSheet,
-  Font,
-} from '@react-pdf/renderer';
-import BillingSection from '../Section';
-import BillingSectionHeader from '../SectionHeader';
-import BillingSectionBody from '../SectionBody';
-import BillingHeader3 from '../Header3';
-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/BillingSection',
-  component: BillingSection,
-  subComponent: {
-    BillingSectionHeader,
-    BillingSectionBody,
-  },
-  argTypes: {
-    children: {
-      description:
-        'A BillingSectionHeader and BillingSectionBody component must be passed in.',
-    },
-    theme: { description: 'Provide theme styles for components to use' },
-    backgroundReverse: { description: 'Style variant' },
-    noPadding: { description: 'Style variant' },
-    noMarginBottom: { description: 'Style variant' },
-    paddingS: { description: 'Style variant' },
-    marginBottomS: { description: 'Style variant' },
-    flexGrow: { 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 showToolbar={false} style={{ width: '100%', height: '500px' }}>
-      <Document>
-        <Page size='A4' style={styles.page}>
-          <View>
-            <BillingSection {...args} theme={theme}>
-              <BillingSectionHeader>
-                <BillingHeader3>BillingHeader3</BillingHeader3>
-              </BillingSectionHeader>
-              <BillingSectionBody>
-                <BillingParagraphGroup>
-                  <BillingParagraph>
-                    <BillingParagraphText>Used:</BillingParagraphText>
-                    <BillingParagraphText fontWeightBold>
-                      200
-                    </BillingParagraphText>
-                  </BillingParagraph>
-                </BillingParagraphGroup>
-              </BillingSectionBody>
-            </BillingSection>
-          </View>
-          <View>
-            <BillingSection {...args} theme={theme}>
-              <BillingSectionHeader>
-                <BillingHeader3>BillingHeader3</BillingHeader3>
-              </BillingSectionHeader>
-              <BillingSectionBody>
-                <BillingParagraphGroup>
-                  <BillingParagraph>
-                    <BillingParagraphText>Used:</BillingParagraphText>
-                    <BillingParagraphText fontWeightBold>
-                      200
-                    </BillingParagraphText>
-                  </BillingParagraph>
-                </BillingParagraphGroup>
-              </BillingSectionBody>
-            </BillingSection>
-          </View>
-        </Page>
-      </Document>
-    </PDFViewer>
-  );
-};
-
-Default.args = {
-  backgroundReverse: false,
-  noPadding: false,
-  noMarginBottom: false,
-  paddingS: false,
-  marginBottomS: false,
-  flexGrow: false,
-};

package/billing/__stories__/SectionBody.stories.js_bak

@@ -1,62 +0,0 @@
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-import {
-  PDFViewer,
-  Document,
-  Page,
-  View,
-  StyleSheet,
-  Text,
-  Font,
-} from '@react-pdf/renderer';
-import BillingSectionBody from '../SectionBody';
-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/BillingSectionBody',
-  component: BillingSectionBody,
-  argTypes: {
-    children: {
-      description: 'BillingSectionBody content can have 0 to many children.',
-    },
-  },
-};
-
-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: {
-      family: 'Nanum Gothic',
-      color: '#ffffff',
-      backgroundColor: theme.bgColor2,
-      padding: 8,
-    },
-  });
-
-  return (
-    <PDFViewer style={{ width: '100%' }}>
-      <Document>
-        <Page size='A4' style={styles.page}>
-          <View>
-            <BillingSectionBody {...args}>
-              <View>
-                <Text>text1</Text>
-              </View>
-              <Text>text2</Text>
-            </BillingSectionBody>
-          </View>
-        </Page>
-      </Document>
-    </PDFViewer>
-  );
-};

package/billing/__stories__/SectionHeader.stories.js-bak

@@ -1,68 +0,0 @@
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-import {
-  PDFViewer,
-  Document,
-  Page,
-  View,
-  StyleSheet,
-  Font,
-} from '@react-pdf/renderer';
-import BillingSectionHeader from '../SectionHeader';
-import BillingHeader3 from '../Header3';
-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/BillingSectionHeader',
-  component: BillingSectionHeader,
-  subComponent: {
-    BillingHeader3,
-  },
-  argTypes: {
-    children: {
-      description: 'A BillingHeader3 component must be passed in.',
-    },
-    inline: { 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: {
-      family: 'Nanum Gothic',
-      color: '#ffffff',
-      backgroundColor: theme.bgColor2,
-      padding: 8,
-    },
-  });
-
-  return (
-    <PDFViewer style={{ width: '100%' }}>
-      <Document>
-        <Page size='A4' style={styles.page}>
-          <View>
-            <BillingSectionHeader {...args}>
-              <BillingHeader3>BillingHeader3</BillingHeader3>
-              <BillingHeader3>BillingHeader3</BillingHeader3>
-            </BillingSectionHeader>
-          </View>
-        </Page>
-      </Document>
-    </PDFViewer>
-  );
-};
-
-Default.args = {
-  inline: false,
-};

package/esm/billing/BarChart.js

@@ -1,45 +0,0 @@
-import { View } from '@react-pdf/renderer';
-import { jsx as _jsx } from "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__*/_jsx(View, {
-    style: styles.chart,
-    children: /*#__PURE__*/_jsx(View, {
-      style: styles.bar
-    })
-  });
-};
-export default BillingBarChart;

package/esm/billing/Grid.js

@@ -1,38 +0,0 @@
-import { View } from '@react-pdf/renderer';
-import { jsx as _jsx } from "react/jsx-runtime";
-const BillingGrid = _ref => {
-  let {
-    children
-  } = _ref;
-  const styles = {
-    display: 'flex',
-    flexWrap: 'wrap',
-    flexDirection: 'row',
-    margin: '0 -8'
-  };
-  return /*#__PURE__*/_jsx(View, {
-    style: styles,
-    children: children
-  });
-};
-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__*/_jsx(View, {
-    style: styles,
-    children: children
-  });
-};
-export { BillingGrid, BillingColumn };

package/esm/billing/Header2.js

@@ -1,19 +0,0 @@
-import { Text } from '@react-pdf/renderer';
-import { jsx as _jsx } from "react/jsx-runtime";
-const BillingHeader2 = _ref => {
-  let {
-    children
-  } = _ref;
-  const styles = {
-    fontSize: 20,
-    wordBreak: 'break-word',
-    textAlign: 'center',
-    margin: 0,
-    marginBottom: 12
-  };
-  return /*#__PURE__*/_jsx(Text, {
-    style: styles,
-    children: children
-  });
-};
-export default BillingHeader2;

package/esm/billing/Header3.js

@@ -1,31 +0,0 @@
-import { Text } from '@react-pdf/renderer';
-import { jsx as _jsx } from "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__*/_jsx(Text, {
-    style: styles,
-    children: children
-  });
-};
-export default BillingHeader3;

package/esm/billing/Paragraph.js

@@ -1,27 +0,0 @@
-import { View } from '@react-pdf/renderer';
-import { jsx as _jsx } from "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__*/_jsx(View, {
-    style: styles,
-    children: children
-  });
-};
-export default BillingParagraph;

package/esm/billing/ParagraphGroup.js

@@ -1,16 +0,0 @@
-import { View } from '@react-pdf/renderer';
-import { jsx as _jsx } from "react/jsx-runtime";
-const BillingParagraphGroup = _ref => {
-  let {
-    children
-  } = _ref;
-  const styles = {
-    display: 'flex',
-    flexDirection: 'row'
-  };
-  return /*#__PURE__*/_jsx(View, {
-    style: styles,
-    children: children
-  });
-};
-export default BillingParagraphGroup;

package/esm/billing/ParagraphText.js

@@ -1,20 +0,0 @@
-import { Text } from '@react-pdf/renderer';
-import { jsx as _jsx } from "react/jsx-runtime";
-const BillingParagraphText = _ref => {
-  let {
-    children,
-    fontWeightBold
-  } = _ref;
-  const styles = {
-    fontSize: 12,
-    lineHeight: 1.5
-  };
-  if (fontWeightBold) {
-    styles.fontWeight = 'bold';
-  }
-  return /*#__PURE__*/_jsx(Text, {
-    style: styles,
-    children: children
-  });
-};
-export default BillingParagraphText;