@chem-po/react-native 0.0.51 → 0.0.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/box/Center.js.map +1 -1
- package/lib/commonjs/components/box/CollapseHorizontal.js.map +1 -1
- package/lib/commonjs/components/box/ContentBox.js.map +1 -1
- package/lib/commonjs/components/box/DropShadow.js.map +1 -1
- package/lib/commonjs/components/box/ExpandOnMount.js.map +1 -1
- package/lib/commonjs/components/box/Expandable.js.map +1 -1
- package/lib/commonjs/components/box/FullSizeContainer.js.map +1 -1
- package/lib/commonjs/components/box/index.js.map +1 -1
- package/lib/commonjs/components/button/ActionButton.js.map +1 -1
- package/lib/commonjs/components/button/ButtonText.js.map +1 -1
- package/lib/commonjs/components/button/DeleteButton.js.map +1 -1
- package/lib/commonjs/components/button/LoadingButton.js.map +1 -1
- package/lib/commonjs/components/button/Toggle.js.map +1 -1
- package/lib/commonjs/components/button/hooks.js.map +1 -1
- package/lib/commonjs/components/button/index.js.map +1 -1
- package/lib/commonjs/components/feed/FeedContentPane.js.map +1 -1
- package/lib/commonjs/components/feed/MediaFeed.js.map +1 -1
- package/lib/commonjs/components/feed/MediaFeedBackground.js.map +1 -1
- package/lib/commonjs/components/feed/MediaFeedRefresh.js.map +1 -1
- package/lib/commonjs/components/feed/constants.js.map +1 -1
- package/lib/commonjs/components/feed/context.js.map +1 -1
- package/lib/commonjs/components/feed/hooks.js.map +1 -1
- package/lib/commonjs/components/feed/index.js.map +1 -1
- package/lib/commonjs/components/form/Condition.js.map +1 -1
- package/lib/commonjs/components/form/Field.js.map +1 -1
- package/lib/commonjs/components/form/Form.js.map +1 -1
- package/lib/commonjs/components/form/FormFooter.js.map +1 -1
- package/lib/commonjs/components/form/UploadProgress/index.js.map +1 -1
- package/lib/commonjs/components/form/index.js.map +1 -1
- package/lib/commonjs/components/form/input/Editable.js.map +1 -1
- package/lib/commonjs/components/form/input/InputSlider.js.map +1 -1
- package/lib/commonjs/components/form/input/OptionalTag.js.map +1 -1
- package/lib/commonjs/components/form/input/StandaloneInput.js.map +1 -1
- package/lib/commonjs/components/form/input/boolean/index.js.map +1 -1
- package/lib/commonjs/components/form/input/color/index.js.map +1 -1
- package/lib/commonjs/components/form/input/common/InputClearButton.js.map +1 -1
- package/lib/commonjs/components/form/input/date/index.js.map +1 -1
- package/lib/commonjs/components/form/input/datetime/index.js.map +1 -1
- package/lib/commonjs/components/form/input/file/index.js.map +1 -1
- package/lib/commonjs/components/form/input/hooks/index.js.map +1 -1
- package/lib/commonjs/components/form/input/hooks/useInputColor.js.map +1 -1
- package/lib/commonjs/components/form/input/hooks/useInputImperativeHandle.js.map +1 -1
- package/lib/commonjs/components/form/input/hooks/useInputStyles.js.map +1 -1
- package/lib/commonjs/components/form/input/index.js.map +1 -1
- package/lib/commonjs/components/form/input/input.js.map +1 -1
- package/lib/commonjs/components/form/input/multipleSelect/index.js.map +1 -1
- package/lib/commonjs/components/form/input/number/index.js.map +1 -1
- package/lib/commonjs/components/form/input/select/index.js.map +1 -1
- package/lib/commonjs/components/form/input/socialMedia/index.js.map +1 -1
- package/lib/commonjs/components/form/input/text/AutoResizeTextarea.js.map +1 -1
- package/lib/commonjs/components/form/input/text/index.js.map +1 -1
- package/lib/commonjs/components/form/input/text/textarea.js.map +1 -1
- package/lib/commonjs/components/form/input/text/useWebAutoResize.js.map +1 -1
- package/lib/commonjs/components/form/input/time/index.js.map +1 -1
- package/lib/commonjs/components/form/types.js.map +1 -1
- package/lib/commonjs/components/form/view/file.js.map +1 -1
- package/lib/commonjs/components/form/view/index.js.map +1 -1
- package/lib/commonjs/components/form/view/multipleSelect.js.map +1 -1
- package/lib/commonjs/components/form/view/select.js.map +1 -1
- package/lib/commonjs/components/form/view/styles.js.map +1 -1
- package/lib/commonjs/components/icons/index.js.map +1 -1
- package/lib/commonjs/components/image/ImageViewModal.js.map +1 -1
- package/lib/commonjs/components/image/index.js.map +1 -1
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/layout/CollapseHorizontal.js.map +1 -1
- package/lib/commonjs/components/loading/CircularProgress.js.map +1 -1
- package/lib/commonjs/components/loading/Loading.js.map +1 -1
- package/lib/commonjs/components/loading/LoadingImage.js.map +1 -1
- package/lib/commonjs/components/loading/LoadingOverlay.js.map +1 -1
- package/lib/commonjs/components/loading/LoadingSwitch.js.map +1 -1
- package/lib/commonjs/components/loading/ProgressBar.js.map +1 -1
- package/lib/commonjs/components/loading/index.js.map +1 -1
- package/lib/commonjs/components/text/AnimatedText.js.map +1 -1
- package/lib/commonjs/components/text/Txt.js.map +1 -1
- package/lib/commonjs/components/text/index.js.map +1 -1
- package/lib/commonjs/components/theme/colorMode/DarkModeToggle.js.map +1 -1
- package/lib/commonjs/components/theme/colorMode/index.js.map +1 -1
- package/lib/commonjs/components/theme/index.js.map +1 -1
- package/lib/commonjs/constants/index.js.map +1 -1
- package/lib/commonjs/constants/toast.js.map +1 -1
- package/lib/commonjs/contexts/fonts.js.map +1 -1
- package/lib/commonjs/contexts/index.js.map +1 -1
- package/lib/commonjs/contexts/root.js.map +1 -1
- package/lib/commonjs/hooks/index.js.map +1 -1
- package/lib/commonjs/hooks/useFadeIn.js.map +1 -1
- package/lib/commonjs/hooks/useFont.js.map +1 -1
- package/lib/commonjs/hooks/useRefreshFontScale.js.map +1 -1
- package/lib/commonjs/hooks/useThemeState.js.map +1 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/store/index.js.map +1 -1
- package/lib/commonjs/store/useFontScale.js.map +1 -1
- package/lib/commonjs/store/useScreen.js.map +1 -1
- package/lib/commonjs/styles/fill.js.map +1 -1
- package/lib/commonjs/types/forms.js.map +1 -1
- package/lib/commonjs/types/index.js.map +1 -1
- package/lib/commonjs/utils/downloadFile.js.map +1 -1
- package/lib/commonjs/utils/downloadFileLegacy.js.map +1 -1
- package/lib/module/components/box/Center.js.map +1 -1
- package/lib/module/components/box/CollapseHorizontal.js.map +1 -1
- package/lib/module/components/box/ContentBox.js.map +1 -1
- package/lib/module/components/box/DropShadow.js.map +1 -1
- package/lib/module/components/box/ExpandOnMount.js.map +1 -1
- package/lib/module/components/box/Expandable.js.map +1 -1
- package/lib/module/components/box/FullSizeContainer.js.map +1 -1
- package/lib/module/components/box/index.js.map +1 -1
- package/lib/module/components/button/ActionButton.js.map +1 -1
- package/lib/module/components/button/ButtonText.js.map +1 -1
- package/lib/module/components/button/DeleteButton.js.map +1 -1
- package/lib/module/components/button/LoadingButton.js.map +1 -1
- package/lib/module/components/button/Toggle.js.map +1 -1
- package/lib/module/components/button/hooks.js.map +1 -1
- package/lib/module/components/button/index.js.map +1 -1
- package/lib/module/components/feed/FeedContentPane.js.map +1 -1
- package/lib/module/components/feed/MediaFeed.js.map +1 -1
- package/lib/module/components/feed/MediaFeedBackground.js.map +1 -1
- package/lib/module/components/feed/MediaFeedRefresh.js.map +1 -1
- package/lib/module/components/feed/constants.js.map +1 -1
- package/lib/module/components/feed/context.js.map +1 -1
- package/lib/module/components/feed/hooks.js.map +1 -1
- package/lib/module/components/feed/index.js.map +1 -1
- package/lib/module/components/form/Condition.js.map +1 -1
- package/lib/module/components/form/Field.js.map +1 -1
- package/lib/module/components/form/Form.js.map +1 -1
- package/lib/module/components/form/FormFooter.js.map +1 -1
- package/lib/module/components/form/UploadProgress/index.js.map +1 -1
- package/lib/module/components/form/index.js.map +1 -1
- package/lib/module/components/form/input/Editable.js.map +1 -1
- package/lib/module/components/form/input/InputSlider.js.map +1 -1
- package/lib/module/components/form/input/OptionalTag.js.map +1 -1
- package/lib/module/components/form/input/StandaloneInput.js.map +1 -1
- package/lib/module/components/form/input/boolean/index.js.map +1 -1
- package/lib/module/components/form/input/color/index.js.map +1 -1
- package/lib/module/components/form/input/common/InputClearButton.js.map +1 -1
- package/lib/module/components/form/input/date/index.js.map +1 -1
- package/lib/module/components/form/input/datetime/index.js.map +1 -1
- package/lib/module/components/form/input/file/index.js.map +1 -1
- package/lib/module/components/form/input/hooks/index.js.map +1 -1
- package/lib/module/components/form/input/hooks/useInputColor.js.map +1 -1
- package/lib/module/components/form/input/hooks/useInputImperativeHandle.js.map +1 -1
- package/lib/module/components/form/input/hooks/useInputStyles.js.map +1 -1
- package/lib/module/components/form/input/index.js.map +1 -1
- package/lib/module/components/form/input/input.js.map +1 -1
- package/lib/module/components/form/input/multipleSelect/index.js.map +1 -1
- package/lib/module/components/form/input/number/index.js.map +1 -1
- package/lib/module/components/form/input/select/index.js.map +1 -1
- package/lib/module/components/form/input/socialMedia/index.js.map +1 -1
- package/lib/module/components/form/input/text/AutoResizeTextarea.js.map +1 -1
- package/lib/module/components/form/input/text/index.js.map +1 -1
- package/lib/module/components/form/input/text/textarea.js.map +1 -1
- package/lib/module/components/form/input/text/useWebAutoResize.js.map +1 -1
- package/lib/module/components/form/input/time/index.js.map +1 -1
- package/lib/module/components/form/types.js.map +1 -1
- package/lib/module/components/form/view/file.js.map +1 -1
- package/lib/module/components/form/view/index.js.map +1 -1
- package/lib/module/components/form/view/multipleSelect.js.map +1 -1
- package/lib/module/components/form/view/select.js.map +1 -1
- package/lib/module/components/form/view/styles.js.map +1 -1
- package/lib/module/components/icons/index.js.map +1 -1
- package/lib/module/components/image/ImageViewModal.js.map +1 -1
- package/lib/module/components/image/index.js.map +1 -1
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/layout/CollapseHorizontal.js.map +1 -1
- package/lib/module/components/loading/CircularProgress.js.map +1 -1
- package/lib/module/components/loading/Loading.js.map +1 -1
- package/lib/module/components/loading/LoadingImage.js.map +1 -1
- package/lib/module/components/loading/LoadingOverlay.js.map +1 -1
- package/lib/module/components/loading/LoadingSwitch.js.map +1 -1
- package/lib/module/components/loading/ProgressBar.js.map +1 -1
- package/lib/module/components/loading/index.js.map +1 -1
- package/lib/module/components/text/AnimatedText.js.map +1 -1
- package/lib/module/components/text/Txt.js.map +1 -1
- package/lib/module/components/text/index.js.map +1 -1
- package/lib/module/components/theme/colorMode/DarkModeToggle.js.map +1 -1
- package/lib/module/components/theme/colorMode/index.js.map +1 -1
- package/lib/module/components/theme/index.js.map +1 -1
- package/lib/module/constants/index.js.map +1 -1
- package/lib/module/constants/toast.js.map +1 -1
- package/lib/module/contexts/fonts.js.map +1 -1
- package/lib/module/contexts/index.js.map +1 -1
- package/lib/module/contexts/root.js.map +1 -1
- package/lib/module/hooks/index.js.map +1 -1
- package/lib/module/hooks/useFadeIn.js.map +1 -1
- package/lib/module/hooks/useFont.js.map +1 -1
- package/lib/module/hooks/useRefreshFontScale.js.map +1 -1
- package/lib/module/hooks/useThemeState.js.map +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/store/index.js.map +1 -1
- package/lib/module/store/useFontScale.js.map +1 -1
- package/lib/module/store/useScreen.js.map +1 -1
- package/lib/module/styles/fill.js.map +1 -1
- package/lib/module/types/forms.js.map +1 -1
- package/lib/module/types/index.js.map +1 -1
- package/lib/module/utils/downloadFile.js.map +1 -1
- package/lib/module/utils/downloadFileLegacy.js.map +1 -1
- package/package.json +5 -20
- package/src/components/box/Center.tsx +0 -19
- package/src/components/box/CollapseHorizontal.tsx +0 -44
- package/src/components/box/ContentBox.tsx +0 -24
- package/src/components/box/DropShadow.tsx +0 -28
- package/src/components/box/ExpandOnMount.tsx +0 -74
- package/src/components/box/Expandable.tsx +0 -143
- package/src/components/box/FullSizeContainer.tsx +0 -64
- package/src/components/box/index.ts +0 -7
- package/src/components/button/ActionButton.tsx +0 -196
- package/src/components/button/ButtonText.tsx +0 -60
- package/src/components/button/DeleteButton.tsx +0 -288
- package/src/components/button/LoadingButton.tsx +0 -41
- package/src/components/button/Toggle.tsx +0 -109
- package/src/components/button/hooks.ts +0 -66
- package/src/components/button/index.ts +0 -5
- package/src/components/feed/FeedContentPane.tsx +0 -97
- package/src/components/feed/MediaFeed.tsx +0 -199
- package/src/components/feed/MediaFeedBackground.tsx +0 -136
- package/src/components/feed/MediaFeedRefresh.tsx +0 -113
- package/src/components/feed/constants.ts +0 -2
- package/src/components/feed/context.tsx +0 -19
- package/src/components/feed/hooks.ts +0 -279
- package/src/components/feed/index.ts +0 -2
- package/src/components/form/Condition.tsx +0 -27
- package/src/components/form/Field.tsx +0 -44
- package/src/components/form/Form.tsx +0 -452
- package/src/components/form/FormFooter.tsx +0 -164
- package/src/components/form/UploadProgress/index.tsx +0 -50
- package/src/components/form/index.ts +0 -3
- package/src/components/form/input/Editable.tsx +0 -206
- package/src/components/form/input/InputSlider.tsx +0 -71
- package/src/components/form/input/OptionalTag.tsx +0 -43
- package/src/components/form/input/StandaloneInput.tsx +0 -49
- package/src/components/form/input/boolean/index.tsx +0 -53
- package/src/components/form/input/color/index.tsx +0 -145
- package/src/components/form/input/common/InputClearButton.tsx +0 -57
- package/src/components/form/input/date/index.tsx +0 -125
- package/src/components/form/input/datetime/index.tsx +0 -176
- package/src/components/form/input/file/index.tsx +0 -310
- package/src/components/form/input/hooks/index.ts +0 -2
- package/src/components/form/input/hooks/useInputColor.ts +0 -7
- package/src/components/form/input/hooks/useInputImperativeHandle.ts +0 -22
- package/src/components/form/input/hooks/useInputStyles.ts +0 -114
- package/src/components/form/input/index.ts +0 -4
- package/src/components/form/input/input.tsx +0 -218
- package/src/components/form/input/multipleSelect/index.tsx +0 -221
- package/src/components/form/input/number/index.tsx +0 -108
- package/src/components/form/input/select/index.tsx +0 -152
- package/src/components/form/input/socialMedia/index.tsx +0 -235
- package/src/components/form/input/text/AutoResizeTextarea.tsx +0 -41
- package/src/components/form/input/text/index.tsx +0 -99
- package/src/components/form/input/text/textarea.tsx +0 -32
- package/src/components/form/input/text/useWebAutoResize.tsx +0 -73
- package/src/components/form/input/time/index.tsx +0 -125
- package/src/components/form/types.ts +0 -8
- package/src/components/form/view/file.tsx +0 -80
- package/src/components/form/view/index.tsx +0 -125
- package/src/components/form/view/multipleSelect.tsx +0 -85
- package/src/components/form/view/select.tsx +0 -83
- package/src/components/form/view/styles.ts +0 -12
- package/src/components/icons/index.tsx +0 -28
- package/src/components/image/ImageViewModal.tsx +0 -319
- package/src/components/image/index.ts +0 -1
- package/src/components/index.ts +0 -8
- package/src/components/layout/CollapseHorizontal.tsx +0 -92
- package/src/components/loading/CircularProgress.tsx +0 -56
- package/src/components/loading/Loading.tsx +0 -146
- package/src/components/loading/LoadingImage.tsx +0 -163
- package/src/components/loading/LoadingOverlay.tsx +0 -74
- package/src/components/loading/LoadingSwitch.tsx +0 -110
- package/src/components/loading/ProgressBar.tsx +0 -75
- package/src/components/loading/index.ts +0 -6
- package/src/components/text/AnimatedText.tsx +0 -68
- package/src/components/text/Txt.tsx +0 -12
- package/src/components/text/index.ts +0 -1
- package/src/components/theme/colorMode/DarkModeToggle.tsx +0 -47
- package/src/components/theme/colorMode/index.ts +0 -1
- package/src/components/theme/index.ts +0 -1
- package/src/constants/index.ts +0 -1
- package/src/constants/toast.ts +0 -24
- package/src/contexts/fonts.tsx +0 -23
- package/src/contexts/index.ts +0 -1
- package/src/contexts/root.tsx +0 -190
- package/src/hooks/index.ts +0 -3
- package/src/hooks/useFadeIn.ts +0 -48
- package/src/hooks/useFont.ts +0 -25
- package/src/hooks/useRefreshFontScale.ts +0 -39
- package/src/hooks/useThemeState.ts +0 -43
- package/src/index.ts +0 -6
- package/src/store/index.ts +0 -2
- package/src/store/useFontScale.ts +0 -8
- package/src/store/useScreen.ts +0 -25
- package/src/styles/fill.ts +0 -19
- package/src/types/forms.ts +0 -14
- package/src/types/index.ts +0 -1
- package/src/utils/downloadFile.ts +0 -61
- package/src/utils/downloadFileLegacy.ts +0 -66
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["PixelRatio","create","useFontScale","fontScale","getFontScale"],"sourceRoot":"
|
|
1
|
+
{"version":3,"names":["PixelRatio","create","useFontScale","fontScale","getFontScale"],"sourceRoot":"..\\..\\..\\src","sources":["store/useFontScale.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,MAAM,QAAQ,SAAS;;AAEhC;AACA;AACA,OAAO,MAAMC,YAAY,GAAGD,MAAM,CAAwB,OAAO;EAC/DE,SAAS,EAAEH,UAAU,CAACI,YAAY,CAAC,CAAC,IAAI;AAC1C,CAAC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useScreen","Dimensions","initializeScreen","onDimensionsChange","width","height","get","setState","isMobile","isPortrait","subscription","addEventListener","remove"],"sourceRoot":"
|
|
1
|
+
{"version":3,"names":["useScreen","Dimensions","initializeScreen","onDimensionsChange","width","height","get","setState","isMobile","isPortrait","subscription","addEventListener","remove"],"sourceRoot":"..\\..\\..\\src","sources":["store/useScreen.ts"],"mappings":"AAAA,SAASA,SAAS,QAAQ,gBAAgB;AAC1C,SAASC,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;IAC/B,MAAM;MAAEC,KAAK;MAAEC;IAAO,CAAC,GAAGJ,UAAU,CAACK,GAAG,CAAC,QAAQ,CAAC;IAClDN,SAAS,CAACO,QAAQ,CAAC;MACjBH,KAAK;MACLC,MAAM;MACNG,QAAQ,EAAE,IAAI;MAAE;MAChBC,UAAU,EAAEL,KAAK,GAAGC;IACtB,CAAC,CAAC;EACJ,CAAC;;EAED;EACAF,kBAAkB,CAAC,CAAC;;EAEpB;EACA,MAAMO,YAAY,GAAGT,UAAU,CAACU,gBAAgB,CAAC,QAAQ,EAAER,kBAAkB,CAAC;;EAE9E;EACA,OAAO,MAAM;IACXO,YAAY,CAACE,MAAM,CAAC,CAAC;EACvB,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","sharedProps","top","left","right","bottom","display","fill","create","absolute","position","relative"],"sourceRoot":"
|
|
1
|
+
{"version":3,"names":["StyleSheet","sharedProps","top","left","right","bottom","display","fill","create","absolute","position","relative"],"sourceRoot":"..\\..\\..\\src","sources":["styles/fill.ts"],"mappings":"AAAA,SAAoBA,UAAU,QAAmB,cAAc;AAE/D,MAAMC,WAAiC,GAAG;EACxCC,GAAG,EAAE,CAAC;EACNC,IAAI,EAAE,CAAC;EACPC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC;EACTC,OAAO,EAAE;AACX,CAAC;AACD,OAAO,MAAMC,IAAI,GAAGP,UAAU,CAACQ,MAAM,CAAC;EACpCC,QAAQ,EAAE;IACR,GAAGR,WAAW;IACdS,QAAQ,EAAE;EACZ,CAAC;EACDC,QAAQ,EAAE;IACR,GAAGV,WAAW;IACdS,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["types/forms.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["types/index.ts"],"mappings":"AAAA,cAAc,SAAS","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Directory","File","Paths","StorageAccessFramework","shareAsync","Platform","downloadFile","uri","filename","fileType","OS","permissions","requestDirectoryPermissionsAsync","granted","Error","cacheDir","cache","exists","create","downloadedFile","downloadFileAsync","fileBytes","bytes","base64Content","Array","from","byte","String","fromCharCode","join","encodedContent","btoa","fileUri","createFileAsync","directoryUri","writeAsStringAsync","encoding","delete","documentsDir","document"],"sourceRoot":"
|
|
1
|
+
{"version":3,"names":["Directory","File","Paths","StorageAccessFramework","shareAsync","Platform","downloadFile","uri","filename","fileType","OS","permissions","requestDirectoryPermissionsAsync","granted","Error","cacheDir","cache","exists","create","downloadedFile","downloadFileAsync","fileBytes","bytes","base64Content","Array","from","byte","String","fromCharCode","join","encodedContent","btoa","fileUri","createFileAsync","directoryUri","writeAsStringAsync","encoding","delete","documentsDir","document"],"sourceRoot":"..\\..\\..\\src","sources":["utils/downloadFile.ts"],"mappings":"AAAA,SAASA,SAAS,EAAEC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AACzD,SAASC,sBAAsB,QAAQ,yBAAyB;AAChE,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,cAAc;AAEvC,OAAO,MAAMC,YAAY,GAAG,MAAAA,CAAOC,GAAW,EAAEC,QAAgB,EAAEC,QAAgB,KAAK;EACrF,IAAIJ,QAAQ,CAACK,EAAE,KAAK,SAAS,EAAE;IAC7B,MAAMC,WAAW,GAAG,MAAMR,sBAAsB,CAACS,gCAAgC,CAAC,CAAC;IACnF,IAAI,CAACD,WAAW,CAACE,OAAO,EAAE;MACxB,MAAM,IAAIC,KAAK,CAAC,wBAAwB,CAAC;IAC3C;;IAEA;IACA,MAAMC,QAAQ,GAAG,IAAIf,SAAS,CAACE,KAAK,CAACc,KAAK,CAAC;;IAE3C;IACA,IAAI,CAACD,QAAQ,CAACE,MAAM,EAAE;MACpBF,QAAQ,CAACG,MAAM,CAAC,CAAC;IACnB;;IAEA;IACA,MAAMC,cAAc,GAAG,MAAMlB,IAAI,CAACmB,iBAAiB,CAACb,GAAG,EAAEQ,QAAQ,CAAC;;IAElE;IACA,MAAMM,SAAS,GAAG,MAAMF,cAAc,CAACG,KAAK,CAAC,CAAC;;IAE9C;IACA,MAAMC,aAAa,GAAGC,KAAK,CAACC,IAAI,CAACJ,SAAS,EAAEK,IAAI,IAAIC,MAAM,CAACC,YAAY,CAACF,IAAI,CAAC,CAAC,CAACG,IAAI,CAAC,EAAE,CAAC;IACvF,MAAMC,cAAc,GAAGC,IAAI,CAACR,aAAa,CAAC;;IAE1C;IACA,MAAMS,OAAO,GAAG,MAAM7B,sBAAsB,CAAC8B,eAAe,CAC1DtB,WAAW,CAACuB,YAAY,EACxB1B,QAAQ,EACRC,QACF,CAAC;;IAED;IACA,MAAMN,sBAAsB,CAACgC,kBAAkB,CAACH,OAAO,EAAEF,cAAc,EAAE;MACvEM,QAAQ,EAAE;IACZ,CAAC,CAAC;;IAEF;IACAjB,cAAc,CAACkB,MAAM,CAAC,CAAC;IAEvB,OAAO;MAAE9B,GAAG,EAAEyB;IAAQ,CAAC;EACzB;;EAEA;EACA,MAAMM,YAAY,GAAG,IAAItC,SAAS,CAACE,KAAK,CAACqC,QAAQ,CAAC;;EAElD;EACA,IAAI,CAACD,YAAY,CAACrB,MAAM,EAAE;IACxBqB,YAAY,CAACpB,MAAM,CAAC,CAAC;EACvB;;EAEA;EACA,MAAMC,cAAc,GAAG,MAAMlB,IAAI,CAACmB,iBAAiB,CAACb,GAAG,EAAE+B,YAAY,CAAC;EAEtE,OAAOlC,UAAU,CAACe,cAAc,CAACZ,GAAG,CAAC;AACvC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["cacheDirectory","deleteAsync","documentDirectory","downloadAsync","EncodingType","readAsStringAsync","StorageAccessFramework","shareAsync","Platform","downloadFileLegacy","uri","filename","fileType","OS","permissions","requestDirectoryPermissionsAsync","granted","Error","tempFileUri","base64Content","encoding","Base64","fileUri","createFileAsync","directoryUri","writeAsStringAsync","idempotent","error","result"],"sourceRoot":"
|
|
1
|
+
{"version":3,"names":["cacheDirectory","deleteAsync","documentDirectory","downloadAsync","EncodingType","readAsStringAsync","StorageAccessFramework","shareAsync","Platform","downloadFileLegacy","uri","filename","fileType","OS","permissions","requestDirectoryPermissionsAsync","granted","Error","tempFileUri","base64Content","encoding","Base64","fileUri","createFileAsync","directoryUri","writeAsStringAsync","idempotent","error","result"],"sourceRoot":"..\\..\\..\\src","sources":["utils/downloadFileLegacy.ts"],"mappings":"AAAA,SACEA,cAAc,EACdC,WAAW,EACXC,iBAAiB,EACjBC,aAAa,EACbC,YAAY,EACZC,iBAAiB,EACjBC,sBAAsB,QACjB,yBAAyB;AAChC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,cAAc;AAEvC,OAAO,MAAMC,kBAAkB,GAAG,MAAAA,CAAOC,GAAW,EAAEC,QAAgB,EAAEC,QAAgB,KAAK;EAC3F,IAAIJ,QAAQ,CAACK,EAAE,KAAK,SAAS,EAAE;IAC7B,MAAMC,WAAW,GAAG,MAAMR,sBAAsB,CAACS,gCAAgC,CAAC,CAAC;IACnF,IAAI,CAACD,WAAW,CAACE,OAAO,EAAE;MACxB,MAAM,IAAIC,KAAK,CAAC,wBAAwB,CAAC;IAC3C;;IAEA;IACA,MAAMC,WAAW,GAAG,GAAGlB,cAAc,GAAGW,QAAQ,EAAE;IAElD,IAAI;MACF;MACA,MAAMR,aAAa,CAACO,GAAG,EAAEQ,WAAW,CAAC;;MAErC;MACA,MAAMC,aAAa,GAAG,MAAMd,iBAAiB,CAACa,WAAW,EAAE;QACzDE,QAAQ,EAAEhB,YAAY,CAACiB;MACzB,CAAC,CAAC;;MAEF;MACA,MAAMC,OAAO,GAAG,MAAMhB,sBAAsB,CAACiB,eAAe,CAC1DT,WAAW,CAACU,YAAY,EACxBb,QAAQ,EACRC,QACF,CAAC;;MAED;MACA,MAAMN,sBAAsB,CAACmB,kBAAkB,CAACH,OAAO,EAAEH,aAAa,EAAE;QACtEC,QAAQ,EAAEhB,YAAY,CAACiB;MACzB,CAAC,CAAC;;MAEF;MACA,MAAMpB,WAAW,CAACiB,WAAW,EAAE;QAAEQ,UAAU,EAAE;MAAK,CAAC,CAAC;MAEpD,OAAO;QAAEhB,GAAG,EAAEY;MAAQ,CAAC;IACzB,CAAC,CAAC,OAAOK,KAAK,EAAE;MACd;MACA,IAAI;QACF,MAAM1B,WAAW,CAACiB,WAAW,EAAE;UAAEQ,UAAU,EAAE;QAAK,CAAC,CAAC;MACtD,CAAC,CAAC,MAAM;QACN;MAAA;MAEF,MAAMC,KAAK;IACb;EACF;;EAEA;EACA,IAAI,CAACzB,iBAAiB,EAAE;IACtB,MAAM,IAAIe,KAAK,CAAC,8BAA8B,CAAC;EACjD;EAEA,MAAMW,MAAM,GAAG,MAAMzB,aAAa,CAACO,GAAG,EAAER,iBAAiB,GAAGS,QAAQ,CAAC;EACrE,OAAOJ,UAAU,CAACqB,MAAM,CAAClB,GAAG,CAAC;AAC/B,CAAC","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -2,32 +2,17 @@
|
|
|
2
2
|
"name": "@chem-po/react-native",
|
|
3
3
|
"author": "Elan Canfield",
|
|
4
4
|
"license": "MIT",
|
|
5
|
-
"version": "0.0.
|
|
5
|
+
"version": "0.0.53",
|
|
6
6
|
"main": "lib/commonjs/index.js",
|
|
7
7
|
"types": "lib/typescript/index.d.ts",
|
|
8
8
|
"source": "src/index.ts",
|
|
9
9
|
"publishConfig": {
|
|
10
10
|
"access": "public",
|
|
11
|
-
"react-native": "
|
|
11
|
+
"react-native": "lib/module/index.js"
|
|
12
12
|
},
|
|
13
13
|
"sideEffects": false,
|
|
14
14
|
"files": [
|
|
15
|
-
"
|
|
16
|
-
"lib",
|
|
17
|
-
"android",
|
|
18
|
-
"cpp",
|
|
19
|
-
"*.podspec",
|
|
20
|
-
"!lib/typescript/example",
|
|
21
|
-
"!ios/build",
|
|
22
|
-
"!android/build",
|
|
23
|
-
"!android/gradle",
|
|
24
|
-
"!android/gradlew",
|
|
25
|
-
"!android/gradlew.bat",
|
|
26
|
-
"!android/local.properties",
|
|
27
|
-
"!**/__tests__",
|
|
28
|
-
"!**/__fixtures__",
|
|
29
|
-
"!**/__mocks__",
|
|
30
|
-
"!**/.*"
|
|
15
|
+
"lib"
|
|
31
16
|
],
|
|
32
17
|
"dependencies": {
|
|
33
18
|
"@lottiefiles/dotlottie-react": "^0.13.5",
|
|
@@ -71,8 +56,8 @@
|
|
|
71
56
|
"expo-file-system": "~19.0.0",
|
|
72
57
|
"expo-image-picker": "~17.0.0",
|
|
73
58
|
"expo-sharing": "~14.0.0",
|
|
74
|
-
"@chem-po/core": "0.0.
|
|
75
|
-
"@chem-po/react": "0.0.
|
|
59
|
+
"@chem-po/core": "0.0.53",
|
|
60
|
+
"@chem-po/react": "0.0.53"
|
|
76
61
|
},
|
|
77
62
|
"react-native-builder-bob": {
|
|
78
63
|
"source": "src",
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React, { forwardRef } from 'react'
|
|
2
|
-
import { Animated, StyleSheet, View, ViewProps } from 'react-native'
|
|
3
|
-
|
|
4
|
-
export type CenterProps = ViewProps
|
|
5
|
-
export const Center = forwardRef<View, CenterProps>(({ style, ...props }, ref) => {
|
|
6
|
-
return <View ref={ref} style={[styles.center, style]} {...props} />
|
|
7
|
-
})
|
|
8
|
-
|
|
9
|
-
export const AnimatedCenter = forwardRef<View, CenterProps>(({ style, ...props }, ref) => {
|
|
10
|
-
return <Animated.View ref={ref} style={[styles.center, style]} {...props} />
|
|
11
|
-
})
|
|
12
|
-
|
|
13
|
-
const styles = StyleSheet.create({
|
|
14
|
-
center: {
|
|
15
|
-
flex: 1,
|
|
16
|
-
justifyContent: 'center',
|
|
17
|
-
alignItems: 'center',
|
|
18
|
-
},
|
|
19
|
-
})
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import React, { useEffect, useMemo, useRef } from 'react'
|
|
2
|
-
import { Animated, StyleProp, ViewStyle } from 'react-native'
|
|
3
|
-
import { AnimatedCenter, CenterProps } from './Center'
|
|
4
|
-
|
|
5
|
-
export const CollapseHorizontal = ({
|
|
6
|
-
width,
|
|
7
|
-
children,
|
|
8
|
-
active,
|
|
9
|
-
duration = 400,
|
|
10
|
-
style: styleProp,
|
|
11
|
-
...props
|
|
12
|
-
}: CenterProps & { width: number; active: boolean; duration?: number }) => {
|
|
13
|
-
const widthValue = useRef(new Animated.Value(active ? width : 0)).current
|
|
14
|
-
const opacityValue = useRef(new Animated.Value(active ? 1 : 0)).current
|
|
15
|
-
|
|
16
|
-
useEffect(() => {
|
|
17
|
-
Animated.parallel([
|
|
18
|
-
Animated.timing(widthValue, {
|
|
19
|
-
toValue: active ? width : 0,
|
|
20
|
-
duration,
|
|
21
|
-
useNativeDriver: false,
|
|
22
|
-
}),
|
|
23
|
-
Animated.timing(opacityValue, {
|
|
24
|
-
toValue: active ? 1 : 0,
|
|
25
|
-
duration,
|
|
26
|
-
useNativeDriver: true,
|
|
27
|
-
}),
|
|
28
|
-
]).start()
|
|
29
|
-
}, [active, widthValue, opacityValue, width, duration])
|
|
30
|
-
|
|
31
|
-
const style: StyleProp<ViewStyle> = useMemo(() => {
|
|
32
|
-
return {
|
|
33
|
-
width: widthValue,
|
|
34
|
-
opacity: opacityValue,
|
|
35
|
-
overflow: 'hidden',
|
|
36
|
-
}
|
|
37
|
-
}, [widthValue, opacityValue])
|
|
38
|
-
|
|
39
|
-
return (
|
|
40
|
-
<AnimatedCenter style={[style, styleProp]} {...props}>
|
|
41
|
-
{children}
|
|
42
|
-
</AnimatedCenter>
|
|
43
|
-
)
|
|
44
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React, { forwardRef } from 'react'
|
|
2
|
-
import { StyleSheet, View, ViewProps } from 'react-native'
|
|
3
|
-
|
|
4
|
-
const ContentBoxBase = (props: ViewProps, ref: any) => {
|
|
5
|
-
return <View ref={ref} style={[styles.container, props.style]} {...props} />
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
const styles = StyleSheet.create({
|
|
9
|
-
container: {
|
|
10
|
-
backgroundColor: '#FFFFFF',
|
|
11
|
-
padding: 12,
|
|
12
|
-
borderRadius: 6,
|
|
13
|
-
shadowColor: '#000000',
|
|
14
|
-
shadowOffset: {
|
|
15
|
-
width: 1,
|
|
16
|
-
height: 1,
|
|
17
|
-
},
|
|
18
|
-
shadowOpacity: 0.4,
|
|
19
|
-
shadowRadius: 4,
|
|
20
|
-
elevation: 4,
|
|
21
|
-
},
|
|
22
|
-
})
|
|
23
|
-
|
|
24
|
-
export const ContentBox = forwardRef<View, ViewProps>(ContentBoxBase)
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import React, { PropsWithChildren } from 'react'
|
|
2
|
-
import { Platform, StyleProp, View, ViewStyle } from 'react-native'
|
|
3
|
-
|
|
4
|
-
// Method 1: Wrapping in a View
|
|
5
|
-
export const DropShadow = ({
|
|
6
|
-
children,
|
|
7
|
-
style,
|
|
8
|
-
}: PropsWithChildren<{ style: StyleProp<ViewStyle> }>) => (
|
|
9
|
-
<View
|
|
10
|
-
style={[
|
|
11
|
-
{
|
|
12
|
-
...Platform.select({
|
|
13
|
-
ios: {
|
|
14
|
-
shadowColor: '#000',
|
|
15
|
-
shadowOffset: { width: 0, height: 2 },
|
|
16
|
-
shadowOpacity: 0.25,
|
|
17
|
-
shadowRadius: 3.84,
|
|
18
|
-
},
|
|
19
|
-
android: {
|
|
20
|
-
elevation: 5,
|
|
21
|
-
},
|
|
22
|
-
}),
|
|
23
|
-
},
|
|
24
|
-
style,
|
|
25
|
-
]}>
|
|
26
|
-
{children}
|
|
27
|
-
</View>
|
|
28
|
-
)
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import React, { FC, useEffect, useMemo, useRef, useState } from 'react'
|
|
2
|
-
import { Animated, View, ViewProps } from 'react-native'
|
|
3
|
-
|
|
4
|
-
export const ExpandOnMount: FC<
|
|
5
|
-
ViewProps & { in?: boolean; animateOpacity?: boolean; duration?: number; onExited?: () => void }
|
|
6
|
-
> = ({ animateOpacity, duration = 300, children, in: isIn = true, onExited, style, ...props }) => {
|
|
7
|
-
const [mounted, setMounted] = useState(false)
|
|
8
|
-
useEffect(() => {
|
|
9
|
-
setMounted(true)
|
|
10
|
-
}, [])
|
|
11
|
-
|
|
12
|
-
const [bodyHeight, setBodyHeight] = useState<number>(0)
|
|
13
|
-
const bodyRef = useRef<View>(null)
|
|
14
|
-
|
|
15
|
-
const expanded = useMemo(() => mounted && isIn, [isIn, mounted])
|
|
16
|
-
|
|
17
|
-
const heightAnim = useRef(new Animated.Value(0)).current
|
|
18
|
-
const opacityAnim = useRef(new Animated.Value(0)).current
|
|
19
|
-
|
|
20
|
-
useEffect(() => {
|
|
21
|
-
if (bodyRef.current) {
|
|
22
|
-
bodyRef.current.measure((x, y, width, height) => {
|
|
23
|
-
setBodyHeight(height)
|
|
24
|
-
})
|
|
25
|
-
}
|
|
26
|
-
}, [children])
|
|
27
|
-
|
|
28
|
-
useEffect(() => {
|
|
29
|
-
const animations = [
|
|
30
|
-
Animated.timing(heightAnim, {
|
|
31
|
-
toValue: expanded ? bodyHeight : 0,
|
|
32
|
-
duration,
|
|
33
|
-
useNativeDriver: false,
|
|
34
|
-
}),
|
|
35
|
-
]
|
|
36
|
-
|
|
37
|
-
if (animateOpacity) {
|
|
38
|
-
animations.push(
|
|
39
|
-
Animated.timing(opacityAnim, {
|
|
40
|
-
toValue: expanded ? 1 : 0,
|
|
41
|
-
duration,
|
|
42
|
-
delay: expanded ? duration : 0,
|
|
43
|
-
useNativeDriver: true,
|
|
44
|
-
}),
|
|
45
|
-
)
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
Animated.parallel(animations).start(() => {
|
|
49
|
-
if (!expanded && onExited) {
|
|
50
|
-
onExited()
|
|
51
|
-
}
|
|
52
|
-
})
|
|
53
|
-
}, [expanded, bodyHeight, duration, heightAnim, opacityAnim, animateOpacity, onExited])
|
|
54
|
-
|
|
55
|
-
return (
|
|
56
|
-
<Animated.View
|
|
57
|
-
style={[
|
|
58
|
-
{
|
|
59
|
-
overflow: 'hidden',
|
|
60
|
-
width: '100%',
|
|
61
|
-
height: heightAnim,
|
|
62
|
-
},
|
|
63
|
-
style,
|
|
64
|
-
]}
|
|
65
|
-
{...props}>
|
|
66
|
-
<View
|
|
67
|
-
ref={bodyRef}
|
|
68
|
-
style={[{ width: '100%' }, animateOpacity && { opacity: opacityAnim }, style]}
|
|
69
|
-
{...props}>
|
|
70
|
-
{children}
|
|
71
|
-
</View>
|
|
72
|
-
</Animated.View>
|
|
73
|
-
)
|
|
74
|
-
}
|
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
import React, { FC, PropsWithChildren, useCallback, useEffect, useRef } from 'react'
|
|
2
|
-
import { Animated, Pressable, StyleSheet, View, ViewStyle } from 'react-native'
|
|
3
|
-
import { Txt } from '../text/Txt'
|
|
4
|
-
import { AnimatedCenter } from './Center'
|
|
5
|
-
type ExpandableProps = PropsWithChildren<{
|
|
6
|
-
header: string | FC<{ isOpen: boolean; onClose: () => void }>
|
|
7
|
-
footer?: FC<{ isOpen: boolean; onClose: () => void }>
|
|
8
|
-
nested?: boolean
|
|
9
|
-
alwaysExpanded?: boolean
|
|
10
|
-
initExpanded?: boolean
|
|
11
|
-
isOpen?: boolean
|
|
12
|
-
onClose?: () => void
|
|
13
|
-
iconColor?: string
|
|
14
|
-
onOpen?: () => void
|
|
15
|
-
style?: ViewStyle
|
|
16
|
-
}>
|
|
17
|
-
|
|
18
|
-
export const Expandable = ({
|
|
19
|
-
header: Header,
|
|
20
|
-
children,
|
|
21
|
-
initExpanded = false,
|
|
22
|
-
nested,
|
|
23
|
-
alwaysExpanded,
|
|
24
|
-
iconColor = '#000',
|
|
25
|
-
footer: Footer,
|
|
26
|
-
isOpen: isOpenProp,
|
|
27
|
-
onClose: onCloseProp,
|
|
28
|
-
onOpen: onOpenProp,
|
|
29
|
-
style,
|
|
30
|
-
}: ExpandableProps) => {
|
|
31
|
-
const [isOpen, setIsOpen] = React.useState(alwaysExpanded ?? initExpanded)
|
|
32
|
-
const heightAnim = useRef(new Animated.Value(0)).current
|
|
33
|
-
const rotateAnim = useRef(new Animated.Value(0)).current
|
|
34
|
-
|
|
35
|
-
useEffect(() => {
|
|
36
|
-
if (typeof isOpenProp !== 'undefined') {
|
|
37
|
-
setIsOpen(isOpenProp)
|
|
38
|
-
}
|
|
39
|
-
}, [isOpenProp])
|
|
40
|
-
|
|
41
|
-
const onClose = useCallback(() => {
|
|
42
|
-
setIsOpen(false)
|
|
43
|
-
onCloseProp?.()
|
|
44
|
-
}, [onCloseProp])
|
|
45
|
-
|
|
46
|
-
const onOpen = useCallback(() => {
|
|
47
|
-
setIsOpen(true)
|
|
48
|
-
onOpenProp?.()
|
|
49
|
-
}, [onOpenProp])
|
|
50
|
-
|
|
51
|
-
const handleOpenClick = useCallback(() => {
|
|
52
|
-
if (alwaysExpanded) return
|
|
53
|
-
if (isOpen) {
|
|
54
|
-
onClose()
|
|
55
|
-
} else {
|
|
56
|
-
onOpen()
|
|
57
|
-
}
|
|
58
|
-
}, [alwaysExpanded, onOpen, onClose, isOpen])
|
|
59
|
-
|
|
60
|
-
useEffect(() => {
|
|
61
|
-
Animated.parallel([
|
|
62
|
-
Animated.timing(heightAnim, {
|
|
63
|
-
toValue: isOpen ? 1 : 0,
|
|
64
|
-
duration: 300,
|
|
65
|
-
useNativeDriver: false,
|
|
66
|
-
}),
|
|
67
|
-
Animated.timing(rotateAnim, {
|
|
68
|
-
toValue: isOpen ? 1 : 0,
|
|
69
|
-
duration: 300,
|
|
70
|
-
useNativeDriver: true,
|
|
71
|
-
}),
|
|
72
|
-
]).start()
|
|
73
|
-
}, [isOpen, heightAnim, rotateAnim])
|
|
74
|
-
|
|
75
|
-
const rotate = rotateAnim.interpolate({
|
|
76
|
-
inputRange: [0, 1],
|
|
77
|
-
outputRange: ['0deg', '180deg'],
|
|
78
|
-
})
|
|
79
|
-
|
|
80
|
-
return (
|
|
81
|
-
<View style={[styles.container, style]}>
|
|
82
|
-
<Pressable onPress={handleOpenClick} style={styles.header}>
|
|
83
|
-
<View style={styles.headerContent}>
|
|
84
|
-
{typeof Header === 'string' ? (
|
|
85
|
-
<Txt style={styles.headerText}>{Header}</Txt>
|
|
86
|
-
) : (
|
|
87
|
-
<Header isOpen={isOpen} onClose={onClose} />
|
|
88
|
-
)}
|
|
89
|
-
</View>
|
|
90
|
-
{!alwaysExpanded && (
|
|
91
|
-
<Animated.Text style={[styles.arrow, { transform: [{ rotate }], color: iconColor }]}>
|
|
92
|
-
▼
|
|
93
|
-
</Animated.Text>
|
|
94
|
-
)}
|
|
95
|
-
</Pressable>
|
|
96
|
-
|
|
97
|
-
<AnimatedCenter
|
|
98
|
-
style={[
|
|
99
|
-
styles.content,
|
|
100
|
-
nested && styles.nested,
|
|
101
|
-
{
|
|
102
|
-
maxHeight: heightAnim.interpolate({
|
|
103
|
-
inputRange: [0, 1],
|
|
104
|
-
outputRange: [0, 1000],
|
|
105
|
-
}),
|
|
106
|
-
},
|
|
107
|
-
]}>
|
|
108
|
-
{children}
|
|
109
|
-
</AnimatedCenter>
|
|
110
|
-
|
|
111
|
-
{Footer ? <Footer isOpen={isOpen} onClose={onClose} /> : null}
|
|
112
|
-
</View>
|
|
113
|
-
)
|
|
114
|
-
}
|
|
115
|
-
const styles = StyleSheet.create({
|
|
116
|
-
container: {
|
|
117
|
-
width: '100%',
|
|
118
|
-
},
|
|
119
|
-
header: {
|
|
120
|
-
flexDirection: 'row',
|
|
121
|
-
padding: 8,
|
|
122
|
-
alignItems: 'center',
|
|
123
|
-
},
|
|
124
|
-
headerContent: {
|
|
125
|
-
flex: 1,
|
|
126
|
-
},
|
|
127
|
-
headerText: {
|
|
128
|
-
fontWeight: '600',
|
|
129
|
-
color: '#666',
|
|
130
|
-
},
|
|
131
|
-
arrow: {
|
|
132
|
-
fontSize: 12,
|
|
133
|
-
marginLeft: 8,
|
|
134
|
-
},
|
|
135
|
-
content: {
|
|
136
|
-
width: '100%',
|
|
137
|
-
overflow: 'hidden',
|
|
138
|
-
},
|
|
139
|
-
nested: {
|
|
140
|
-
borderLeftWidth: 4,
|
|
141
|
-
borderLeftColor: 'rgba(0,0,0,0.2)',
|
|
142
|
-
},
|
|
143
|
-
})
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import React, { createContext, FC, useCallback, useContext, useMemo, useRef, useState } from 'react'
|
|
2
|
-
import { View, ViewProps } from 'react-native'
|
|
3
|
-
|
|
4
|
-
export const FullSizeContainer = ({
|
|
5
|
-
children: Children,
|
|
6
|
-
...props
|
|
7
|
-
}: Omit<ViewProps, 'children'> & { children: FC<{ width: number; height: number }> }) => {
|
|
8
|
-
const [width, setWidth] = useState(0)
|
|
9
|
-
const [height, setHeight] = useState(0)
|
|
10
|
-
|
|
11
|
-
const ref = useRef<View>(null)
|
|
12
|
-
const handleLayout = useCallback((event: any) => {
|
|
13
|
-
const { width: newWidth, height: newHeight } = event.nativeEvent.layout
|
|
14
|
-
setWidth(newWidth)
|
|
15
|
-
setHeight(newHeight)
|
|
16
|
-
}, [])
|
|
17
|
-
|
|
18
|
-
return (
|
|
19
|
-
<View
|
|
20
|
-
ref={ref}
|
|
21
|
-
{...props}
|
|
22
|
-
style={[{ width: '100%', height: '100%' }, props.style]}
|
|
23
|
-
onLayout={handleLayout}>
|
|
24
|
-
<Children width={width} height={height} />
|
|
25
|
-
</View>
|
|
26
|
-
)
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
interface FullSizeContextType {
|
|
30
|
-
width: number
|
|
31
|
-
height: number
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
const FullSizeContext = createContext<FullSizeContextType>({
|
|
35
|
-
width: 0,
|
|
36
|
-
height: 0,
|
|
37
|
-
})
|
|
38
|
-
|
|
39
|
-
// same as FullSizeContainer, but provides the width and height in a context instead of a render prop
|
|
40
|
-
export const FullSizeProvider = ({ children, ...props }: ViewProps) => {
|
|
41
|
-
const [width, setWidth] = useState(0)
|
|
42
|
-
const [height, setHeight] = useState(0)
|
|
43
|
-
|
|
44
|
-
const ref = useRef<View>(null)
|
|
45
|
-
const handleLayout = useCallback((event: any) => {
|
|
46
|
-
const { width: newWidth, height: newHeight } = event.nativeEvent.layout
|
|
47
|
-
setWidth(newWidth)
|
|
48
|
-
setHeight(newHeight)
|
|
49
|
-
}, [])
|
|
50
|
-
|
|
51
|
-
const contextValue = useMemo(() => ({ width, height }), [width, height])
|
|
52
|
-
|
|
53
|
-
return (
|
|
54
|
-
<View
|
|
55
|
-
ref={ref}
|
|
56
|
-
{...props}
|
|
57
|
-
style={[{ width: '100%', height: '100%' }, props.style]}
|
|
58
|
-
onLayout={handleLayout}>
|
|
59
|
-
<FullSizeContext.Provider value={contextValue}>{children}</FullSizeContext.Provider>
|
|
60
|
-
</View>
|
|
61
|
-
)
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
export const useFullSize = () => useContext(FullSizeContext)
|