Release 0.0.22 (#356)

Fixes import bug on [Checkbox]. Move [PinchZoom] and [DatePicker] to packages. Reorganize `assets` for `main` and `packages`. For packages, it should go inside its root while `main` direct to `__assets` in the same dir.
hyochan · Oct 2, 2020 · 910431a · 910431a
1 parent 7645f07
commit 910431a
Show file tree

Hide file tree

Showing 31 changed files with 54 additions and 50 deletions.
diff --git a/lib/package.json b/lib/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dooboo-ui",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "main": "index.js",
   "types": "index.d.ts",
   "author": "dooboolab",

diff --git a/main/Checkbox/Checkbox.tsx b/main/Checkbox/Checkbox.tsx
@@ -6,6 +6,7 @@ import React, {
   useRef,
   useState,
 } from 'react';
+
 import { GroupCheckboxContext } from './CheckboxGroup';
 import { TouchableHighlight } from 'react-native';
 import styled from 'styled-components/native';
@@ -35,7 +36,7 @@ export interface CheckboxProps {
   customStyle?: CustomStyle;
 }
 
-const Checkbox: FC<CheckboxProps> = ({
+export const Checkbox: FC<CheckboxProps> = ({
   label,
   value,
   checked = false,
@@ -188,5 +189,3 @@ const Label = styled.Text<LabelProps>`
   padding-right: ${({ labelLeft }): number => (labelLeft ? 10 : 0)}px;
   color: ${({ labelColor }): string => labelColor || COLOR.BLACK};
 `;
-
-export default Checkbox;
diff --git a/main/Checkbox/CheckboxGroup.tsx b/main/Checkbox/CheckboxGroup.tsx
@@ -1,5 +1,6 @@
 import React, { FC, useCallback, useEffect, useRef, useState } from 'react';
-import Checkbox from './Checkbox';
+
+import { Checkbox } from './Checkbox';
 import styled from 'styled-components/native';
 
 interface CustomStyle {
@@ -48,7 +49,7 @@ interface CheckboxGroupProps {
 
 export const GroupCheckboxContext = React.createContext<CheckboxGroupContext | null>(null);
 
-const CheckboxGroup: FC<CheckboxGroupProps> = ({
+export const CheckboxGroup: FC<CheckboxGroupProps> = ({
   defaultValues,
   values,
   options,
@@ -157,5 +158,3 @@ const Container = styled.View<ContainerProps>`
   flex-wrap: wrap;
   align-items: flex-start;
 `;
-
-export default CheckboxGroup;
diff --git a/main/Checkbox/index.tsx b/main/Checkbox/index.tsx
@@ -1,2 +1,2 @@
-export { default as Checkbox } from './Checkbox';
-export { default as CheckboxGroup } from './CheckboxGroup';
+export { Checkbox } from './Checkbox';
+export { CheckboxGroup } from './CheckboxGroup';
diff --git a/packages/Tables/__assets__/mark.png → main/__assets__/mark.png b/packages/Tables/__assets__/mark.png → main/__assets__/mark.png
diff --git a/main/index.ts b/main/index.ts
@@ -12,5 +12,3 @@ export { SwitchToggle } from './SwitchToggle';
 export { Select, SelectItem } from './Select';
 export { Checkbox, CheckboxGroup } from './Checkbox';
 export { Card } from './Card';
-export { PinchZoom } from './PinchZoom';
-export { DatePicker } from './DatePicker';
diff --git a/package.json b/package.json
@@ -71,6 +71,7 @@
     "react-docgen-typescript-loader": "^3.7.2",
     "react-dom": "16.13.1",
     "react-native": "https://github.com/expo/react-native/archive/sdk-39.0.0.tar.gz",
+    "react-native-get-random-values": "^1.5.0",
     "react-native-svg": "^12.1.0",
     "react-native-web": "^0.13.14",
     "react-test-renderer": "^16.13.1",

diff --git a/main/DatePicker/Calendar/Calendar.tsx → packages/DatePicker/Calendar/Calendar.tsx b/main/DatePicker/Calendar/Calendar.tsx → packages/DatePicker/Calendar/Calendar.tsx
diff --git a/main/DatePicker/Calendar/CalendarDate.tsx → ...ages/DatePicker/Calendar/CalendarDate.tsx b/main/DatePicker/Calendar/CalendarDate.tsx → ...ages/DatePicker/Calendar/CalendarDate.tsx
diff --git a/main/DatePicker/Calendar/CalendarMonth.tsx → ...ges/DatePicker/Calendar/CalendarMonth.tsx b/main/DatePicker/Calendar/CalendarMonth.tsx → ...ges/DatePicker/Calendar/CalendarMonth.tsx
diff --git a/.../DatePicker/Calendar/CalendarWeekDays.tsx → .../DatePicker/Calendar/CalendarWeekDays.tsx b/.../DatePicker/Calendar/CalendarWeekDays.tsx → .../DatePicker/Calendar/CalendarWeekDays.tsx
diff --git a/main/DatePicker/DateInput.tsx → packages/DatePicker/DateInput.tsx b/main/DatePicker/DateInput.tsx → packages/DatePicker/DateInput.tsx
@@ -6,6 +6,7 @@ import {
   ViewStyle,
 } from 'react-native';
 import React, { FC, useEffect, useState } from 'react';
+
 import styled from 'styled-components/native';
 
 const Container = styled.View`
@@ -139,7 +140,7 @@ const DateInput: FC<Props> = (props) => {
         <TouchableOpacity onPress={onPressCalendar}>
           <Image
             style={{ width: 20, height: 20 }}
-            source={require('../__assets__/calendar.png')}
+            source={require('./assets/calendar.png')}
           />
         </TouchableOpacity>
       </StyledRowContainer>

diff --git a/main/DatePicker/PickerCalendar.tsx → packages/DatePicker/PickerCalendar.tsx b/main/DatePicker/PickerCalendar.tsx → packages/DatePicker/PickerCalendar.tsx
diff --git a/main/DatePicker/README.md → packages/DatePicker/README.md b/main/DatePicker/README.md → packages/DatePicker/README.md
diff --git a/main/__assets__/calendar.png → packages/DatePicker/assets/calendar.png b/main/__assets__/calendar.png → packages/DatePicker/assets/calendar.png
diff --git a/main/DatePicker/index.tsx → packages/DatePicker/index.tsx b/main/DatePicker/index.tsx → packages/DatePicker/index.tsx
diff --git a/main/PinchZoom/PinchZoom.example.tsx → packages/PinchZoom/PinchZoom.example.tsx b/main/PinchZoom/PinchZoom.example.tsx → packages/PinchZoom/PinchZoom.example.tsx
diff --git a/main/PinchZoom/README.md → packages/PinchZoom/README.md b/main/PinchZoom/README.md → packages/PinchZoom/README.md
diff --git a/main/PinchZoom/index.tsx → packages/PinchZoom/index.tsx b/main/PinchZoom/index.tsx → packages/PinchZoom/index.tsx
diff --git a/main/PinchZoom/utils.ts → packages/PinchZoom/utils.ts b/main/PinchZoom/utils.ts → packages/PinchZoom/utils.ts
diff --git a/packages/Tables/CheckBox.tsx b/packages/Tables/CheckBox.tsx
@@ -1,6 +1,6 @@
 import React, { ReactElement } from 'react';
-import { TouchableOpacity } from 'react-native';
 
+import { TouchableOpacity } from 'react-native';
 import styled from 'styled-components/native';
 
 const CheckView = styled.View<{ checked: boolean }>`
@@ -31,7 +31,7 @@ function CheckBox(props: Props): ReactElement {
   return (
     <TouchableOpacity testID="checkbox-test-id" onPress={onClick}>
       <CheckView checked={value}>
-        <CheckMark source={require('../__assets__/mark.png')} />
+        <CheckMark source={require('../assets/mark.png')} />
       </CheckView>
     </TouchableOpacity>
   );

diff --git a/packages/Tables/assets/mark.png b/packages/Tables/assets/mark.png
diff --git a/main/__tests__/DatePicker.test.tsx → packages/__tests__/DatePicker.test.tsx b/main/__tests__/DatePicker.test.tsx → packages/__tests__/DatePicker.test.tsx
@@ -20,21 +20,19 @@ const standardDate = new Date('2020-09-13');
 
 describe('[DatePicker] render', () => {
   it('should render without crashing', () => {
-    const rendered = render(<DatePicker selectedDate={standardDate} locale={'en-US'} />).toJSON();
+    const rendered = render(<DatePicker selectedDate={standardDate} locale={'en-US'} />);
 
-    expect(rendered).toMatchSnapshot();
-    expect(rendered).toBeTruthy();
+    expect(rendered.toJSON()).toMatchSnapshot();
   });
 });
 
 describe('[DateInput] render', () => {
   it('should render without crashing', () => {
     const rendered = render(
       <DateInput onPressCalendar={(): void => { }} selectedDate={standardDate} />,
-    ).toJSON();
+    );
 
-    expect(rendered).toMatchSnapshot();
-    expect(rendered).toBeTruthy();
+    expect(rendered.toJSON()).toMatchSnapshot();
   });
 
   describe('[DateInput] Interaction', () => {
@@ -73,10 +71,9 @@ describe('[PickerCalendar] render', () => {
         selectedDate={standardDate}
         locale={'en-US'}
         weekdayFormat={'narrow'} />,
-    ).toJSON();
+    );
 
-    expect(rendered).toMatchSnapshot();
-    expect(rendered).toBeTruthy();
+    expect(rendered.toJSON()).toMatchSnapshot();
   });
 });
 
@@ -89,21 +86,19 @@ describe('[Calendar]', () => {
         calendarWidth={300}
         locale={'en-US'}
       />,
-    ).toJSON();
+    );
 
-    expect(rendered).toMatchSnapshot();
-    expect(rendered).toBeTruthy();
+    expect(rendered.toJSON()).toMatchSnapshot();
   });
 });
 
 describe('[CalendarDate] render', () => {
   it('should render without crashing', () => {
     const rendered = render(
       <CalendarDate onPress={(): void => { }} date={standardDate} isToday={false} />,
-    ).toJSON();
+    );
 
-    expect(rendered).toMatchSnapshot();
-    expect(rendered).toBeTruthy();
+    expect(rendered.toJSON()).toMatchSnapshot();
   });
 
   describe('[CalendarDate] Interaction', () => {
@@ -142,20 +137,18 @@ describe('[CalendarMonth] render', () => {
         renderDay={(): React.ReactElement => <CalendarDate date={standardDate} isToday={false} />}
         today={standardDate}
       />,
-    ).toJSON();
+    );
 
-    expect(rendered).toMatchSnapshot();
-    expect(rendered).toBeTruthy();
+    expect(rendered.toJSON()).toMatchSnapshot();
   });
 });
 
 describe('[CalendarWeekDays] render', () => {
   it('should render without crashing', () => {
     const rendered = render(
       <CalendarWeekDays calendarWidth={300} weekdayFormat={'narrow'} locale={'en-US'} />,
-    ).toJSON();
+    );
 
-    expect(rendered).toMatchSnapshot();
-    expect(rendered).toBeTruthy();
+    expect(rendered.toJSON()).toMatchSnapshot();
   });
 });
diff --git a/main/__tests__/PinchZoom.test.tsx → packages/__tests__/PinchZoom.test.tsx b/main/__tests__/PinchZoom.test.tsx → packages/__tests__/PinchZoom.test.tsx
diff --git a/...__/__snapshots__/DatePicker.test.tsx.snap → ...__/__snapshots__/DatePicker.test.tsx.snap b/...__/__snapshots__/DatePicker.test.tsx.snap → ...__/__snapshots__/DatePicker.test.tsx.snap
@@ -7287,7 +7287,7 @@ exports[`[DateInput] render should render without crashing 1`] = `
       <Image
         source={
           Object {
-            "testUri": "../../../main/__assets__/calendar.png",
+            "testUri": "../../../packages/DatePicker/assets/calendar.png",
           }
         }
         style={
@@ -7423,7 +7423,7 @@ exports[`[DatePicker] render should render without crashing 1`] = `
         <Image
           source={
             Object {
-              "testUri": "../../../main/__assets__/calendar.png",
+              "testUri": "../../../packages/DatePicker/assets/calendar.png",
             }
           }
           style={

diff --git a/...s__/__snapshots__/PinchZoom.test.tsx.snap → ...s__/__snapshots__/PinchZoom.test.tsx.snap b/...s__/__snapshots__/PinchZoom.test.tsx.snap → ...s__/__snapshots__/PinchZoom.test.tsx.snap
diff --git a/packages/__tests__/__snapshots__/Tables.test.tsx.snap b/packages/__tests__/__snapshots__/Tables.test.tsx.snap
@@ -408,7 +408,7 @@ exports[`[Tables] render test should render checkbox when isCheckAble is true 1`
                       <Image
                         source={
                           Object {
-                            "testUri": "../../../packages/Tables/__assets__/mark.png",
+                            "testUri": "../../../packages/Tables/assets/mark.png",
                           }
                         }
                         style={
@@ -701,7 +701,7 @@ exports[`[Tables] render test should render checkbox when isCheckAble is true 1`
                       <Image
                         source={
                           Object {
-                            "testUri": "../../../packages/Tables/__assets__/mark.png",
+                            "testUri": "../../../packages/Tables/assets/mark.png",
                           }
                         }
                         style={
@@ -994,7 +994,7 @@ exports[`[Tables] render test should render checkbox when isCheckAble is true 1`
                       <Image
                         source={
                           Object {
-                            "testUri": "../../../packages/Tables/__assets__/mark.png",
+                            "testUri": "../../../packages/Tables/assets/mark.png",
                           }
                         }
                         style={
@@ -1287,7 +1287,7 @@ exports[`[Tables] render test should render checkbox when isCheckAble is true 1`
                       <Image
                         source={
                           Object {
-                            "testUri": "../../../packages/Tables/__assets__/mark.png",
+                            "testUri": "../../../packages/Tables/assets/mark.png",
                           }
                         }
                         style={
@@ -1580,7 +1580,7 @@ exports[`[Tables] render test should render checkbox when isCheckAble is true 1`
                       <Image
                         source={
                           Object {
-                            "testUri": "../../../packages/Tables/__assets__/mark.png",
+                            "testUri": "../../../packages/Tables/assets/mark.png",
                           }
                         }
                         style={
@@ -1873,7 +1873,7 @@ exports[`[Tables] render test should render checkbox when isCheckAble is true 1`
                       <Image
                         source={
                           Object {
-                            "testUri": "../../../packages/Tables/__assets__/mark.png",
+                            "testUri": "../../../packages/Tables/assets/mark.png",
                           }
                         }
                         style={
@@ -2166,7 +2166,7 @@ exports[`[Tables] render test should render checkbox when isCheckAble is true 1`
                       <Image
                         source={
                           Object {
-                            "testUri": "../../../packages/Tables/__assets__/mark.png",
+                            "testUri": "../../../packages/Tables/assets/mark.png",
                           }
                         }
                         style={
@@ -2459,7 +2459,7 @@ exports[`[Tables] render test should render checkbox when isCheckAble is true 1`
                       <Image
                         source={
                           Object {
-                            "testUri": "../../../packages/Tables/__assets__/mark.png",
+                            "testUri": "../../../packages/Tables/assets/mark.png",
                           }
                         }
                         style={
@@ -2752,7 +2752,7 @@ exports[`[Tables] render test should render checkbox when isCheckAble is true 1`
                       <Image
                         source={
                           Object {
-                            "testUri": "../../../packages/Tables/__assets__/mark.png",
+                            "testUri": "../../../packages/Tables/assets/mark.png",
                           }
                         }
                         style={
@@ -3045,7 +3045,7 @@ exports[`[Tables] render test should render checkbox when isCheckAble is true 1`
                       <Image
                         source={
                           Object {
-                            "testUri": "../../../packages/Tables/__assets__/mark.png",
+                            "testUri": "../../../packages/Tables/assets/mark.png",
                           }
                         }
                         style={

diff --git a/main/__tests__/data/capturedGesture.ts → packages/__tests__/data/capturedGesture.ts b/main/__tests__/data/capturedGesture.ts → packages/__tests__/data/capturedGesture.ts
diff --git a/stories/dooboo-ui/DatePicker.stories.tsx b/stories/dooboo-ui/DatePicker.stories.tsx
@@ -2,7 +2,7 @@ import React, { ReactElement } from 'react';
 import { Text, View } from 'react-native';
 
 import { ContainerDeco } from '../../storybook/decorators';
-import { DatePicker } from '../../main';
+import { DatePicker } from '../../packages/DatePicker';
 import { storiesOf } from '@storybook/react-native';
 import styled from 'styled-components/native';
 

diff --git a/stories/dooboo-ui/PinchZoom.stories.tsx b/stories/dooboo-ui/PinchZoom.stories.tsx
@@ -1,4 +1,5 @@
-import { Article, ImageList, ImageSlider } from '../../main/PinchZoom/PinchZoom.example';
+import { Article, ImageList, ImageSlider } from '../../packages/PinchZoom/PinchZoom.example';
+
 import { ContainerDeco } from '../../storybook/decorators';
 import React from 'react';
 import { storiesOf } from '@storybook/react-native';

diff --git a/yarn.lock b/yarn.lock
@@ -9257,6 +9257,11 @@ fancy-log@^1.3.2:
     parse-node-version "^1.0.0"
     time-stamp "^1.0.0"
 
+fast-base64-decode@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fast-base64-decode/-/fast-base64-decode-1.0.0.tgz#b434a0dd7d92b12b43f26819300d2dafb83ee418"
+  integrity sha512-qwaScUgUGBYeDNRnbc/KyllVU88Jk1pRHPStuF/lO7B0/RTRLj7U0lkdTAutlBblY08rwZDff6tNU9cjv6j//Q==
+
 fast-deep-equal@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz#7b05218ddf9667bf7f370bf7fdb2cb15fdd0aa49"
@@ -15614,6 +15619,13 @@ react-lifecycles-compat@^3.0.4:
   resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
   integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
 
+react-native-get-random-values@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/react-native-get-random-values/-/react-native-get-random-values-1.5.0.tgz#91cda18f0e66e3d9d7660ba80c61c914030c1e05"
+  integrity sha512-LK+Wb8dEimJkd/dub7qziDmr9Tw4chhpzVeQ6JDo4czgfG4VXbptRyOMdu8503RiMF6y9pTH6ZUTkrrpprqT7w==
+  dependencies:
+    fast-base64-decode "^1.0.0"
+
 react-native-image-pan-zoom@^2.1.12:
   version "2.1.12"
   resolved "https://registry.yarnpkg.com/react-native-image-pan-zoom/-/react-native-image-pan-zoom-2.1.12.tgz#eb98bf56fb5610379bdbfdb63219cc1baca98fd2"