@draftbit/core 48.9.6-b39c13.2 → 48.10.1-bf5c9d.2
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/SimpleStyleScrollables/SimpleStyleFlashList.js +1 -0
- package/lib/commonjs/components/SimpleStyleScrollables/SimpleStyleFlatList.js +1 -0
- package/lib/commonjs/components/SimpleStyleScrollables/SimpleStyleKeyboardAwareScrollView.js +1 -0
- package/lib/commonjs/components/SimpleStyleScrollables/SimpleStyleMasonryFlashList.js +1 -0
- package/lib/commonjs/components/SimpleStyleScrollables/SimpleStyleScrollView.js +1 -0
- package/lib/commonjs/components/SimpleStyleScrollables/SimpleStyleSectionList.js +1 -0
- package/lib/commonjs/components/SimpleStyleScrollables/SimpleStyleSwipeableList.js +1 -0
- package/lib/commonjs/components/SimpleStyleScrollables/useSplitContentContainerStyles.js +1 -0
- package/lib/commonjs/components/TextInput.js +1 -1
- package/lib/commonjs/index.js +1 -1
- package/lib/typescript/src/components/SectionList/SectionList.d.ts +2 -2
- package/lib/typescript/src/components/SectionList/SectionList.js.map +1 -1
- package/lib/typescript/src/components/SectionList/index.d.ts +1 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleFlashList.d.ts +8 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleFlashList.js +18 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleFlashList.js.map +1 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleFlatList.d.ts +8 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleFlatList.js +18 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleFlatList.js.map +1 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleKeyboardAwareScrollView.d.ts +8 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleKeyboardAwareScrollView.js +18 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleKeyboardAwareScrollView.js.map +1 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleMasonryFlashList.d.ts +8 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleMasonryFlashList.js +18 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleMasonryFlashList.js.map +1 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleScrollView.d.ts +8 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleScrollView.js +18 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleScrollView.js.map +1 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleSectionList.d.ts +10 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleSectionList.js +20 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleSectionList.js.map +1 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleSwipeableList.d.ts +10 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleSwipeableList.js +20 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleSwipeableList.js.map +1 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/useSplitContentContainerStyles.d.ts +8 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/useSplitContentContainerStyles.js +43 -0
- package/lib/typescript/src/components/SimpleStyleScrollables/useSplitContentContainerStyles.js.map +1 -0
- package/lib/typescript/src/components/SwipeableItem/SwipeableList.d.ts +2 -2
- package/lib/typescript/src/components/SwipeableItem/index.d.ts +1 -0
- package/lib/typescript/src/components/TextInput.d.ts +1 -0
- package/lib/typescript/src/components/TextInput.js +7 -3
- package/lib/typescript/src/components/TextInput.js.map +1 -1
- package/lib/typescript/src/index.d.ts +7 -0
- package/lib/typescript/src/index.js +7 -0
- package/lib/typescript/src/index.js.map +1 -1
- package/lib/typescript/tsconfig.tsbuildinfo +1 -1
- package/package.json +7 -3
- package/src/components/SectionList/SectionList.js.map +1 -1
- package/src/components/SectionList/SectionList.tsx +5 -2
- package/src/components/SectionList/index.tsx +4 -0
- package/src/components/SimpleStyleScrollables/README.md +3 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleFlashList.js +18 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleFlashList.js.map +1 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleFlashList.tsx +36 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleFlatList.js +18 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleFlatList.js.map +1 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleFlatList.tsx +36 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleKeyboardAwareScrollView.js +18 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleKeyboardAwareScrollView.js.map +1 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleKeyboardAwareScrollView.tsx +35 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleMasonryFlashList.js +18 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleMasonryFlashList.js.map +1 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleMasonryFlashList.tsx +36 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleScrollView.js +18 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleScrollView.js.map +1 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleScrollView.tsx +35 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleSectionList.js +20 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleSectionList.js.map +1 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleSectionList.tsx +43 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleSwipeableList.js +20 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleSwipeableList.js.map +1 -0
- package/src/components/SimpleStyleScrollables/SimpleStyleSwipeableList.tsx +43 -0
- package/src/components/SimpleStyleScrollables/useSplitContentContainerStyles.js +43 -0
- package/src/components/SimpleStyleScrollables/useSplitContentContainerStyles.js.map +1 -0
- package/src/components/SimpleStyleScrollables/useSplitContentContainerStyles.ts +60 -0
- package/src/components/SwipeableItem/SwipeableList.tsx +2 -2
- package/src/components/SwipeableItem/index.tsx +4 -0
- package/src/components/TextInput.js +7 -3
- package/src/components/TextInput.js.map +1 -1
- package/src/components/TextInput.tsx +18 -1
- package/src/index.js +7 -0
- package/src/index.js.map +1 -1
- package/src/index.tsx +7 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _flashList=require("@shopify/flash-list");var _useSplitContentContainerStyles=_interopRequireDefault(require("./useSplitContentContainerStyles"));var _jsxRuntime=require("react/jsx-runtime");var _excluded=["style"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/SimpleStyleScrollables/SimpleStyleFlashList.tsx";var SimpleStyleFlashList=function SimpleStyleFlashList(_ref){var styleProp=_ref.style,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _React$useState=_react.default.useState(),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),measuredWidth=_React$useState2[0],setMeasuredWidth=_React$useState2[1];var _React$useState3=_react.default.useState(),_React$useState4=(0,_slicedToArray2.default)(_React$useState3,2),measuredHeight=_React$useState4[0],setMeasuredHeight=_React$useState4[1];var _useSplitContentConta=(0,_useSplitContentContainerStyles.default)(styleProp,measuredWidth,measuredHeight),style=_useSplitContentConta.style,contentContainerStyle=_useSplitContentConta.contentContainerStyle;return(0,_jsxRuntime.jsx)(_flashList.FlashList,Object.assign({onLayout:function onLayout(event){setMeasuredWidth(event.nativeEvent.layout.width);setMeasuredHeight(event.nativeEvent.layout.height);},style:style,contentContainerStyle:contentContainerStyle},rest));};var _default=SimpleStyleFlashList;exports.default=_default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _useSplitContentContainerStyles=_interopRequireDefault(require("./useSplitContentContainerStyles"));var _jsxRuntime=require("react/jsx-runtime");var _excluded=["style"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/SimpleStyleScrollables/SimpleStyleFlatList.tsx";var SimpleStyleFlatList=function SimpleStyleFlatList(_ref){var styleProp=_ref.style,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _React$useState=_react.default.useState(),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),measuredWidth=_React$useState2[0],setMeasuredWidth=_React$useState2[1];var _React$useState3=_react.default.useState(),_React$useState4=(0,_slicedToArray2.default)(_React$useState3,2),measuredHeight=_React$useState4[0],setMeasuredHeight=_React$useState4[1];var _useSplitContentConta=(0,_useSplitContentContainerStyles.default)(styleProp,measuredWidth,measuredHeight),style=_useSplitContentConta.style,contentContainerStyle=_useSplitContentConta.contentContainerStyle;return(0,_jsxRuntime.jsx)(_reactNative.FlatList,Object.assign({onLayout:function onLayout(event){setMeasuredWidth(event.nativeEvent.layout.width);setMeasuredHeight(event.nativeEvent.layout.height);},style:style,contentContainerStyle:contentContainerStyle},rest));};var _default=SimpleStyleFlatList;exports.default=_default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _reactNativeKeyboardAwareScrollView=require("react-native-keyboard-aware-scroll-view");var _useSplitContentContainerStyles=_interopRequireDefault(require("./useSplitContentContainerStyles"));var _jsxRuntime=require("react/jsx-runtime");var _excluded=["style"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/SimpleStyleScrollables/SimpleStyleKeyboardAwareScrollView.tsx";var SimpleStyleKeyboardAwareScrollView=function SimpleStyleKeyboardAwareScrollView(_ref){var styleProp=_ref.style,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _React$useState=_react.default.useState(),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),measuredWidth=_React$useState2[0],setMeasuredWidth=_React$useState2[1];var _React$useState3=_react.default.useState(),_React$useState4=(0,_slicedToArray2.default)(_React$useState3,2),measuredHeight=_React$useState4[0],setMeasuredHeight=_React$useState4[1];var _useSplitContentConta=(0,_useSplitContentContainerStyles.default)(styleProp,measuredWidth,measuredHeight),style=_useSplitContentConta.style,contentContainerStyle=_useSplitContentConta.contentContainerStyle;return(0,_jsxRuntime.jsx)(_reactNativeKeyboardAwareScrollView.KeyboardAwareScrollView,Object.assign({onLayout:function onLayout(event){setMeasuredWidth(event.nativeEvent.layout.width);setMeasuredHeight(event.nativeEvent.layout.height);},style:style,contentContainerStyle:contentContainerStyle},rest));};var _default=SimpleStyleKeyboardAwareScrollView;exports.default=_default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _flashList=require("@shopify/flash-list");var _useSplitContentContainerStyles=_interopRequireDefault(require("./useSplitContentContainerStyles"));var _jsxRuntime=require("react/jsx-runtime");var _excluded=["style"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/SimpleStyleScrollables/SimpleStyleMasonryFlashList.tsx";var SimpleStyleMasonryFlashList=function SimpleStyleMasonryFlashList(_ref){var styleProp=_ref.style,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _React$useState=_react.default.useState(),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),measuredWidth=_React$useState2[0],setMeasuredWidth=_React$useState2[1];var _React$useState3=_react.default.useState(),_React$useState4=(0,_slicedToArray2.default)(_React$useState3,2),measuredHeight=_React$useState4[0],setMeasuredHeight=_React$useState4[1];var _useSplitContentConta=(0,_useSplitContentContainerStyles.default)(styleProp,measuredWidth,measuredHeight),style=_useSplitContentConta.style,contentContainerStyle=_useSplitContentConta.contentContainerStyle;return(0,_jsxRuntime.jsx)(_flashList.MasonryFlashList,Object.assign({onLayout:function onLayout(event){setMeasuredWidth(event.nativeEvent.layout.width);setMeasuredHeight(event.nativeEvent.layout.height);},style:style,contentContainerStyle:contentContainerStyle},rest));};var _default=SimpleStyleMasonryFlashList;exports.default=_default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _useSplitContentContainerStyles=_interopRequireDefault(require("./useSplitContentContainerStyles"));var _jsxRuntime=require("react/jsx-runtime");var _excluded=["style"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/SimpleStyleScrollables/SimpleStyleScrollView.tsx";var SimpleStyleScrollView=function SimpleStyleScrollView(_ref){var styleProp=_ref.style,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _React$useState=_react.default.useState(),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),measuredWidth=_React$useState2[0],setMeasuredWidth=_React$useState2[1];var _React$useState3=_react.default.useState(),_React$useState4=(0,_slicedToArray2.default)(_React$useState3,2),measuredHeight=_React$useState4[0],setMeasuredHeight=_React$useState4[1];var _useSplitContentConta=(0,_useSplitContentContainerStyles.default)(styleProp,measuredWidth,measuredHeight),style=_useSplitContentConta.style,contentContainerStyle=_useSplitContentConta.contentContainerStyle;return(0,_jsxRuntime.jsx)(_reactNative.ScrollView,Object.assign({onLayout:function onLayout(event){setMeasuredWidth(event.nativeEvent.layout.width);setMeasuredHeight(event.nativeEvent.layout.height);},style:style,contentContainerStyle:contentContainerStyle},rest));};var _default=SimpleStyleScrollView;exports.default=_default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _SectionList=require("../SectionList");var _useSplitContentContainerStyles=_interopRequireDefault(require("./useSplitContentContainerStyles"));var _jsxRuntime=require("react/jsx-runtime");var _excluded=["style"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/SimpleStyleScrollables/SimpleStyleSectionList.tsx";var SimpleStyleSectionList=function SimpleStyleSectionList(_ref){var styleProp=_ref.style,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _React$useState=_react.default.useState(),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),measuredWidth=_React$useState2[0],setMeasuredWidth=_React$useState2[1];var _React$useState3=_react.default.useState(),_React$useState4=(0,_slicedToArray2.default)(_React$useState3,2),measuredHeight=_React$useState4[0],setMeasuredHeight=_React$useState4[1];var _useSplitContentConta=(0,_useSplitContentContainerStyles.default)(styleProp,measuredWidth,measuredHeight),style=_useSplitContentConta.style,contentContainerStyle=_useSplitContentConta.contentContainerStyle;return(0,_jsxRuntime.jsx)(_SectionList.SectionList,Object.assign({onLayout:function onLayout(event){setMeasuredWidth(event.nativeEvent.layout.width);setMeasuredHeight(event.nativeEvent.layout.height);},style:style,contentContainerStyle:contentContainerStyle},rest));};var _default=SimpleStyleSectionList;exports.default=_default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _SwipeableItem=require("../SwipeableItem");var _useSplitContentContainerStyles=_interopRequireDefault(require("./useSplitContentContainerStyles"));var _jsxRuntime=require("react/jsx-runtime");var _excluded=["style"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/SimpleStyleScrollables/SimpleStyleSwipeableList.tsx";var SimpleStyleSwipeableList=function SimpleStyleSwipeableList(_ref){var styleProp=_ref.style,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _React$useState=_react.default.useState(),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),measuredWidth=_React$useState2[0],setMeasuredWidth=_React$useState2[1];var _React$useState3=_react.default.useState(),_React$useState4=(0,_slicedToArray2.default)(_React$useState3,2),measuredHeight=_React$useState4[0],setMeasuredHeight=_React$useState4[1];var _useSplitContentConta=(0,_useSplitContentContainerStyles.default)(styleProp,measuredWidth,measuredHeight),style=_useSplitContentConta.style,contentContainerStyle=_useSplitContentConta.contentContainerStyle;return(0,_jsxRuntime.jsx)(_SwipeableItem.SwipeableList,Object.assign({onLayout:function onLayout(event){setMeasuredWidth(event.nativeEvent.layout.width);setMeasuredHeight(event.nativeEvent.layout.height);},style:style,contentContainerStyle:contentContainerStyle},rest));};var _default=SimpleStyleSwipeableList;exports.default=_default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.contentContainerStyleNames=void 0;exports.default=useSplitContentContainerStyles;var _reactNative=require("react-native");var _lodash=require("lodash");var _utilities=require("../../utilities");var contentContainerStyleNames=["padding","paddingBottom","paddingEnd","paddingHorizontal","paddingLeft","paddingRight","paddingStart","paddingTop","paddingVertical","justifyContent","alignItems","alignContent","flexDirection","flexWrap"];exports.contentContainerStyleNames=contentContainerStyleNames;function useSplitContentContainerStyles(originalStyle,measuredWidth,measuredHeight){return(0,_utilities.useDeepCompareMemo)(function(){var flattenedStyle=_reactNative.StyleSheet.flatten(originalStyle);var contentContainerStyle=(0,_lodash.pick)(flattenedStyle,contentContainerStyleNames);if(measuredWidth){contentContainerStyle.minWidth=measuredWidth;}if(measuredHeight){contentContainerStyle.minHeight=measuredHeight;}var style=(0,_lodash.omit)(flattenedStyle,contentContainerStyleNames);if(style.flex===undefined){style=Object.assign({flexGrow:0},style);}else if(style.flexGrow===undefined){style=Object.assign({flexGrow:style.flex},style);}return{style:style,contentContainerStyle:contentContainerStyle};},[originalStyle,measuredWidth,measuredHeight]);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _hooks=require("../hooks");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["onChangeTextDelayed","changeTextDelay","value"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/TextInput.tsx";var TextInput=_react.default.forwardRef(function(_ref,ref){var onChangeTextDelayed=_ref.onChangeTextDelayed,_ref$changeTextDelay=_ref.changeTextDelay,changeTextDelay=_ref$changeTextDelay===void 0?500:_ref$changeTextDelay,value=_ref.value,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var delayedValue=(0,_hooks.useDebounce)(value,changeTextDelay);(0,_hooks.useOnUpdate)(function(){if(delayedValue!==undefined){onChangeTextDelayed==null?void 0:onChangeTextDelayed(delayedValue);}},[delayedValue]);return(0,_jsxRuntime.jsx)(_reactNative.TextInput,Object.assign({testID:"native-text-input",ref:ref,value:value},rest));});var _default=TextInput;exports.default=_default;
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _hooks=require("../hooks");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["onChangeTextDelayed","changeTextDelay","webShowOutline","style","value"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/TextInput.tsx";var TextInput=_react.default.forwardRef(function(_ref,ref){var onChangeTextDelayed=_ref.onChangeTextDelayed,_ref$changeTextDelay=_ref.changeTextDelay,changeTextDelay=_ref$changeTextDelay===void 0?500:_ref$changeTextDelay,_ref$webShowOutline=_ref.webShowOutline,webShowOutline=_ref$webShowOutline===void 0?true:_ref$webShowOutline,style=_ref.style,value=_ref.value,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var delayedValue=(0,_hooks.useDebounce)(value,changeTextDelay);(0,_hooks.useOnUpdate)(function(){if(delayedValue!==undefined){onChangeTextDelayed==null?void 0:onChangeTextDelayed(delayedValue);}},[delayedValue]);return(0,_jsxRuntime.jsx)(_reactNative.TextInput,Object.assign({testID:"native-text-input",ref:ref,value:value,style:[_reactNative.Platform.OS==="web"&&!webShowOutline?{outlineWidth:0}:{},style]},rest));});var _default=TextInput;exports.default=_default;
|
package/lib/commonjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"AccordionGroup",{enumerable:true,get:function get(){return _AccordionGroup.default;}});Object.defineProperty(exports,"AccordionItem",{enumerable:true,get:function get(){return _AccordionItem.default;}});Object.defineProperty(exports,"ActionSheet",{enumerable:true,get:function get(){return _ActionSheet.ActionSheet;}});Object.defineProperty(exports,"ActionSheetCancel",{enumerable:true,get:function get(){return _ActionSheet.ActionSheetCancel;}});Object.defineProperty(exports,"ActionSheetItem",{enumerable:true,get:function get(){return _ActionSheet.ActionSheetItem;}});Object.defineProperty(exports,"AspectRatio",{enumerable:true,get:function get(){return _Layout.AspectRatio;}});Object.defineProperty(exports,"AudioPlayer",{enumerable:true,get:function get(){return _AudioPlayer.default;}});Object.defineProperty(exports,"AudioPlayerRef",{enumerable:true,get:function get(){return _AudioPlayer.AudioPlayerRef;}});Object.defineProperty(exports,"Avatar",{enumerable:true,get:function get(){return _CircleImage.default;}});Object.defineProperty(exports,"AvatarEdit",{enumerable:true,get:function get(){return _AvatarEdit.default;}});Object.defineProperty(exports,"AvoidKeyboardView",{enumerable:true,get:function get(){return _AvoidKeyboardView.default;}});Object.defineProperty(exports,"Banner",{enumerable:true,get:function get(){return _Banner.default;}});Object.defineProperty(exports,"BottomSheet",{enumerable:true,get:function get(){return _BottomSheet.BottomSheet;}});Object.defineProperty(exports,"Button",{enumerable:true,get:function get(){return _Button.Button;}});Object.defineProperty(exports,"ButtonOutline",{enumerable:true,get:function get(){return _Button.ButtonOutline;}});Object.defineProperty(exports,"ButtonSolid",{enumerable:true,get:function get(){return _Button.ButtonSolid;}});Object.defineProperty(exports,"Card",{enumerable:true,get:function get(){return _Card.default;}});Object.defineProperty(exports,"Center",{enumerable:true,get:function get(){return _Layout.Center;}});Object.defineProperty(exports,"Checkbox",{enumerable:true,get:function get(){return _Checkbox.Checkbox;}});Object.defineProperty(exports,"CheckboxGroup",{enumerable:true,get:function get(){return _CheckboxGroup.default;}});Object.defineProperty(exports,"CheckboxRow",{enumerable:true,get:function get(){return _Checkbox.CheckboxRow;}});Object.defineProperty(exports,"Circle",{enumerable:true,get:function get(){return _Layout.Circle;}});Object.defineProperty(exports,"CircleImage",{enumerable:true,get:function get(){return _CircleImage.default;}});Object.defineProperty(exports,"CircularProgress",{enumerable:true,get:function get(){return _CircularProgress.default;}});Object.defineProperty(exports,"Container",{enumerable:true,get:function get(){return _Container.default;}});Object.defineProperty(exports,"CustomPinInputCell",{enumerable:true,get:function get(){return _PinInput.CustomPinInputCell;}});Object.defineProperty(exports,"CustomPinInputText",{enumerable:true,get:function get(){return _PinInput.PinInputText;}});Object.defineProperty(exports,"DatePicker",{enumerable:true,get:function get(){return _DatePicker.default;}});Object.defineProperty(exports,"DeckSwiper",{enumerable:true,get:function get(){return _DeckSwiper.DeckSwiper;}});Object.defineProperty(exports,"DeckSwiperCard",{enumerable:true,get:function get(){return _DeckSwiper.DeckSwiperCard;}});Object.defineProperty(exports,"DefaultTheme",{enumerable:true,get:function get(){return _DefaultTheme.default;}});Object.defineProperty(exports,"DeprecatedCenter",{enumerable:true,get:function get(){return _Layout2.Center;}});Object.defineProperty(exports,"DeprecatedCircle",{enumerable:true,get:function get(){return _Layout2.Circle;}});Object.defineProperty(exports,"DeprecatedSquare",{enumerable:true,get:function get(){return _Layout2.Square;}});Object.defineProperty(exports,"Divider",{enumerable:true,get:function get(){return _Divider.default;}});Object.defineProperty(exports,"FAB",{enumerable:true,get:function get(){return _FAB.default;}});Object.defineProperty(exports,"FieldSearchBarFull",{enumerable:true,get:function get(){return _FieldSearchBarFull.default;}});Object.defineProperty(exports,"HStack",{enumerable:true,get:function get(){return _Layout.HStack;}});Object.defineProperty(exports,"IconButton",{enumerable:true,get:function get(){return _IconButton.default;}});Object.defineProperty(exports,"Image",{enumerable:true,get:function get(){return _Image.default;}});Object.defineProperty(exports,"KeyboardAvoidingView",{enumerable:true,get:function get(){return _KeyboardAvoidingView.default;}});Object.defineProperty(exports,"LinearProgress",{enumerable:true,get:function get(){return _LinearProgress.default;}});Object.defineProperty(exports,"Link",{enumerable:true,get:function get(){return _Text.Link;}});Object.defineProperty(exports,"Markdown",{enumerable:true,get:function get(){return _Markdown.default;}});Object.defineProperty(exports,"MultiSelectPicker",{enumerable:true,get:function get(){return _Picker.MultiSelectPicker;}});Object.defineProperty(exports,"NumberInput",{enumerable:true,get:function get(){return _NumberInput.default;}});Object.defineProperty(exports,"Picker",{enumerable:true,get:function get(){return _Picker.Picker;}});Object.defineProperty(exports,"PickerItem",{enumerable:true,get:function get(){return _Picker.PickerItem;}});Object.defineProperty(exports,"PinInput",{enumerable:true,get:function get(){return _PinInput.PinInput;}});Object.defineProperty(exports,"Pressable",{enumerable:true,get:function get(){return _Pressable.default;}});Object.defineProperty(exports,"ProgressBar",{enumerable:true,get:function get(){return _ProgressBar.default;}});Object.defineProperty(exports,"ProgressCircle",{enumerable:true,get:function get(){return _ProgressCircle.default;}});Object.defineProperty(exports,"Provider",{enumerable:true,get:function get(){return _Provider.default;}});Object.defineProperty(exports,"RadioButton",{enumerable:true,get:function get(){return _index.RadioButton;}});Object.defineProperty(exports,"RadioButtonFieldGroup",{enumerable:true,get:function get(){return _RadioButtonFieldGroup.default;}});Object.defineProperty(exports,"RadioButtonGroup",{enumerable:true,get:function get(){return _index.RadioButtonGroup;}});Object.defineProperty(exports,"RadioButtonRow",{enumerable:true,get:function get(){return _index.RadioButtonRow;}});Object.defineProperty(exports,"Row",{enumerable:true,get:function get(){return _Layout2.Row;}});Object.defineProperty(exports,"RowBodyIcon",{enumerable:true,get:function get(){return _RowBodyIcon.default;}});Object.defineProperty(exports,"RowHeadlineImageCaption",{enumerable:true,get:function get(){return _RowHeadlineImageCaption.default;}});Object.defineProperty(exports,"RowHeadlineImageIcon",{enumerable:true,get:function get(){return _RowHeadlineImageIcon.default;}});Object.defineProperty(exports,"SVG",{enumerable:true,get:function get(){return _SVG.default;}});Object.defineProperty(exports,"ScreenContainer",{enumerable:true,get:function get(){return _ScreenContainer.default;}});Object.defineProperty(exports,"SectionHeader",{enumerable:true,get:function get(){return _SectionList.SectionHeader;}});Object.defineProperty(exports,"SectionList",{enumerable:true,get:function get(){return _SectionList.SectionList;}});Object.defineProperty(exports,"Shadow",{enumerable:true,get:function get(){return _Shadow.default;}});Object.defineProperty(exports,"Slider",{enumerable:true,get:function get(){return _Slider.default;}});Object.defineProperty(exports,"Spacer",{enumerable:true,get:function get(){return _Layout.Spacer;}});Object.defineProperty(exports,"Square",{enumerable:true,get:function get(){return _Layout.Square;}});Object.defineProperty(exports,"Stack",{enumerable:true,get:function get(){return _Layout2.Stack;}});Object.defineProperty(exports,"StarRating",{enumerable:true,get:function get(){return _StarRating.default;}});Object.defineProperty(exports,"Stepper",{enumerable:true,get:function get(){return _Stepper.default;}});Object.defineProperty(exports,"Surface",{enumerable:true,get:function get(){return _Surface.default;}});Object.defineProperty(exports,"SwipeableItem",{enumerable:true,get:function get(){return _SwipeableItem.SwipeableItem;}});Object.defineProperty(exports,"SwipeableItemButton",{enumerable:true,get:function get(){return _SwipeableItem.SwipeableItemButton;}});Object.defineProperty(exports,"SwipeableList",{enumerable:true,get:function get(){return _SwipeableItem.SwipeableList;}});Object.defineProperty(exports,"Swiper",{enumerable:true,get:function get(){return _Swiper.Swiper;}});Object.defineProperty(exports,"SwiperItem",{enumerable:true,get:function get(){return _Swiper.SwiperItem;}});Object.defineProperty(exports,"Switch",{enumerable:true,get:function get(){return _Switch.default;}});Object.defineProperty(exports,"SwitchRow",{enumerable:true,get:function get(){return _Switch.SwitchRow;}});Object.defineProperty(exports,"TabView",{enumerable:true,get:function get(){return _TabView.TabView;}});Object.defineProperty(exports,"TabViewItem",{enumerable:true,get:function get(){return _TabView.TabViewItem;}});Object.defineProperty(exports,"Table",{enumerable:true,get:function get(){return _Table.Table;}});Object.defineProperty(exports,"TableCell",{enumerable:true,get:function get(){return _Table.TableCell;}});Object.defineProperty(exports,"TableRow",{enumerable:true,get:function get(){return _Table.TableRow;}});Object.defineProperty(exports,"TextField",{enumerable:true,get:function get(){return _TextField.default;}});Object.defineProperty(exports,"TextInput",{enumerable:true,get:function get(){return _TextInput.default;}});Object.defineProperty(exports,"ThemeProvider",{enumerable:true,get:function get(){return _theming.ThemeProvider;}});Object.defineProperty(exports,"ToggleButton",{enumerable:true,get:function get(){return _ToggleButton.default;}});Object.defineProperty(exports,"Touchable",{enumerable:true,get:function get(){return _Touchable.default;}});Object.defineProperty(exports,"VStack",{enumerable:true,get:function get(){return _Layout.VStack;}});Object.defineProperty(exports,"VideoPlayer",{enumerable:true,get:function get(){return _VideoPlayer.default;}});Object.defineProperty(exports,"VideoPlayerRef",{enumerable:true,get:function get(){return _VideoPlayer.VideoPlayerRef;}});Object.defineProperty(exports,"YoutubePlayer",{enumerable:true,get:function get(){return _YoutubePlayer.YoutubePlayer;}});Object.defineProperty(exports,"ZStack",{enumerable:true,get:function get(){return _Layout.ZStack;}});Object.defineProperty(exports,"flattenReactFragments",{enumerable:true,get:function get(){return _utilities.flattenReactFragments;}});Object.defineProperty(exports,"injectIcon",{enumerable:true,get:function get(){return _Icon.injectIcon;}});Object.defineProperty(exports,"useAuthState",{enumerable:true,get:function get(){return _useAuthState.useAuthState;}});Object.defineProperty(exports,"withTheme",{enumerable:true,get:function get(){return _theming.withTheme;}});var _utilities=require("./utilities");var _Icon=require("./interfaces/Icon");var _theming=require("./theming");var _Provider=_interopRequireDefault(require("./Provider"));var _DefaultTheme=_interopRequireDefault(require("./styles/DefaultTheme"));var _Text=require("./components/Text");var _Button=require("./components/Button");var _Checkbox=require("./components/Checkbox");var _Divider=_interopRequireDefault(require("./components/Divider"));var _IconButton=_interopRequireDefault(require("./components/IconButton"));var _Image=_interopRequireDefault(require("./components/Image"));var _SVG=_interopRequireDefault(require("./components/SVG"));var _NumberInput=_interopRequireDefault(require("./components/NumberInput"));var _ScreenContainer=_interopRequireDefault(require("./components/ScreenContainer"));var _StarRating=_interopRequireDefault(require("./components/StarRating"));var _Surface=_interopRequireDefault(require("./components/Surface"));var _Switch=_interopRequireWildcard(require("./components/Switch"));var _TextField=_interopRequireDefault(require("./components/TextField"));var _Touchable=_interopRequireDefault(require("./components/Touchable"));var _Pressable=_interopRequireDefault(require("./components/Pressable"));var _AccordionGroup=_interopRequireDefault(require("./components/AccordionGroup"));var _ActionSheet=require("./components/ActionSheet");var _Swiper=require("./components/Swiper");var _index=require("./components/RadioButton/index");var _Shadow=_interopRequireDefault(require("./components/Shadow"));var _DeckSwiper=require("./components/DeckSwiper");var _TabView=require("./components/TabView");var _Markdown=_interopRequireDefault(require("./components/Markdown"));var _BottomSheet=require("./components/BottomSheet");var _YoutubePlayer=require("./components/YoutubePlayer");var _Table=require("./components/Table");var _SwipeableItem=require("./components/SwipeableItem");var _AudioPlayer=_interopRequireWildcard(require("./components/MediaPlayer/AudioPlayer"));var _DatePicker=_interopRequireDefault(require("./components/DatePicker/DatePicker"));var _Picker=require("./components/Picker");var _Slider=_interopRequireDefault(require("./components/Slider"));var _Stepper=_interopRequireDefault(require("./components/Stepper"));var _SectionList=require("./components/SectionList");var _LinearProgress=_interopRequireDefault(require("./components/Progress/LinearProgress"));var _CircularProgress=_interopRequireDefault(require("./components/Progress/CircularProgress"));var _TextInput=_interopRequireDefault(require("./components/TextInput"));var _VideoPlayer=_interopRequireWildcard(require("./components/MediaPlayer/VideoPlayer"));var _PinInput=require("./components/PinInput");var _Layout=require("./components/Layout");var _KeyboardAvoidingView=_interopRequireDefault(require("./components/KeyboardAvoidingView"));var _AccordionItem=_interopRequireDefault(require("./deprecated-components/AccordionItem"));var _AvatarEdit=_interopRequireDefault(require("./deprecated-components/AvatarEdit"));var _CircleImage=_interopRequireDefault(require("./deprecated-components/CircleImage"));var _Banner=_interopRequireDefault(require("./deprecated-components/Banner"));var _Card=_interopRequireDefault(require("./deprecated-components/Card"));var _CheckboxGroup=_interopRequireDefault(require("./deprecated-components/CheckboxGroup"));var _Container=_interopRequireDefault(require("./deprecated-components/Container"));var _FAB=_interopRequireDefault(require("./deprecated-components/FAB"));var _FieldSearchBarFull=_interopRequireDefault(require("./deprecated-components/FieldSearchBarFull"));var _Layout2=require("./deprecated-components/Layout");var _ToggleButton=_interopRequireDefault(require("./deprecated-components/ToggleButton"));var _ProgressBar=_interopRequireDefault(require("./deprecated-components/ProgressBar"));var _ProgressCircle=_interopRequireDefault(require("./deprecated-components/ProgressCircle"));var _RadioButtonFieldGroup=_interopRequireDefault(require("./deprecated-components/RadioButtonFieldGroup"));var _RowBodyIcon=_interopRequireDefault(require("./deprecated-components/RowBodyIcon"));var _RowHeadlineImageCaption=_interopRequireDefault(require("./deprecated-components/RowHeadlineImageCaption"));var _RowHeadlineImageIcon=_interopRequireDefault(require("./deprecated-components/RowHeadlineImageIcon"));var _useAuthState=require("./components/useAuthState");var _AvoidKeyboardView=_interopRequireDefault(require("./deprecated-components/AvoidKeyboardView"));function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"AccordionGroup",{enumerable:true,get:function get(){return _AccordionGroup.default;}});Object.defineProperty(exports,"AccordionItem",{enumerable:true,get:function get(){return _AccordionItem.default;}});Object.defineProperty(exports,"ActionSheet",{enumerable:true,get:function get(){return _ActionSheet.ActionSheet;}});Object.defineProperty(exports,"ActionSheetCancel",{enumerable:true,get:function get(){return _ActionSheet.ActionSheetCancel;}});Object.defineProperty(exports,"ActionSheetItem",{enumerable:true,get:function get(){return _ActionSheet.ActionSheetItem;}});Object.defineProperty(exports,"AspectRatio",{enumerable:true,get:function get(){return _Layout.AspectRatio;}});Object.defineProperty(exports,"AudioPlayer",{enumerable:true,get:function get(){return _AudioPlayer.default;}});Object.defineProperty(exports,"AudioPlayerRef",{enumerable:true,get:function get(){return _AudioPlayer.AudioPlayerRef;}});Object.defineProperty(exports,"Avatar",{enumerable:true,get:function get(){return _CircleImage.default;}});Object.defineProperty(exports,"AvatarEdit",{enumerable:true,get:function get(){return _AvatarEdit.default;}});Object.defineProperty(exports,"AvoidKeyboardView",{enumerable:true,get:function get(){return _AvoidKeyboardView.default;}});Object.defineProperty(exports,"Banner",{enumerable:true,get:function get(){return _Banner.default;}});Object.defineProperty(exports,"BottomSheet",{enumerable:true,get:function get(){return _BottomSheet.BottomSheet;}});Object.defineProperty(exports,"Button",{enumerable:true,get:function get(){return _Button.Button;}});Object.defineProperty(exports,"ButtonOutline",{enumerable:true,get:function get(){return _Button.ButtonOutline;}});Object.defineProperty(exports,"ButtonSolid",{enumerable:true,get:function get(){return _Button.ButtonSolid;}});Object.defineProperty(exports,"Card",{enumerable:true,get:function get(){return _Card.default;}});Object.defineProperty(exports,"Center",{enumerable:true,get:function get(){return _Layout.Center;}});Object.defineProperty(exports,"Checkbox",{enumerable:true,get:function get(){return _Checkbox.Checkbox;}});Object.defineProperty(exports,"CheckboxGroup",{enumerable:true,get:function get(){return _CheckboxGroup.default;}});Object.defineProperty(exports,"CheckboxRow",{enumerable:true,get:function get(){return _Checkbox.CheckboxRow;}});Object.defineProperty(exports,"Circle",{enumerable:true,get:function get(){return _Layout.Circle;}});Object.defineProperty(exports,"CircleImage",{enumerable:true,get:function get(){return _CircleImage.default;}});Object.defineProperty(exports,"CircularProgress",{enumerable:true,get:function get(){return _CircularProgress.default;}});Object.defineProperty(exports,"Container",{enumerable:true,get:function get(){return _Container.default;}});Object.defineProperty(exports,"CustomPinInputCell",{enumerable:true,get:function get(){return _PinInput.CustomPinInputCell;}});Object.defineProperty(exports,"CustomPinInputText",{enumerable:true,get:function get(){return _PinInput.PinInputText;}});Object.defineProperty(exports,"DatePicker",{enumerable:true,get:function get(){return _DatePicker.default;}});Object.defineProperty(exports,"DeckSwiper",{enumerable:true,get:function get(){return _DeckSwiper.DeckSwiper;}});Object.defineProperty(exports,"DeckSwiperCard",{enumerable:true,get:function get(){return _DeckSwiper.DeckSwiperCard;}});Object.defineProperty(exports,"DefaultTheme",{enumerable:true,get:function get(){return _DefaultTheme.default;}});Object.defineProperty(exports,"DeprecatedCenter",{enumerable:true,get:function get(){return _Layout2.Center;}});Object.defineProperty(exports,"DeprecatedCircle",{enumerable:true,get:function get(){return _Layout2.Circle;}});Object.defineProperty(exports,"DeprecatedSquare",{enumerable:true,get:function get(){return _Layout2.Square;}});Object.defineProperty(exports,"Divider",{enumerable:true,get:function get(){return _Divider.default;}});Object.defineProperty(exports,"FAB",{enumerable:true,get:function get(){return _FAB.default;}});Object.defineProperty(exports,"FieldSearchBarFull",{enumerable:true,get:function get(){return _FieldSearchBarFull.default;}});Object.defineProperty(exports,"HStack",{enumerable:true,get:function get(){return _Layout.HStack;}});Object.defineProperty(exports,"IconButton",{enumerable:true,get:function get(){return _IconButton.default;}});Object.defineProperty(exports,"Image",{enumerable:true,get:function get(){return _Image.default;}});Object.defineProperty(exports,"KeyboardAvoidingView",{enumerable:true,get:function get(){return _KeyboardAvoidingView.default;}});Object.defineProperty(exports,"LinearProgress",{enumerable:true,get:function get(){return _LinearProgress.default;}});Object.defineProperty(exports,"Link",{enumerable:true,get:function get(){return _Text.Link;}});Object.defineProperty(exports,"Markdown",{enumerable:true,get:function get(){return _Markdown.default;}});Object.defineProperty(exports,"MultiSelectPicker",{enumerable:true,get:function get(){return _Picker.MultiSelectPicker;}});Object.defineProperty(exports,"NumberInput",{enumerable:true,get:function get(){return _NumberInput.default;}});Object.defineProperty(exports,"Picker",{enumerable:true,get:function get(){return _Picker.Picker;}});Object.defineProperty(exports,"PickerItem",{enumerable:true,get:function get(){return _Picker.PickerItem;}});Object.defineProperty(exports,"PinInput",{enumerable:true,get:function get(){return _PinInput.PinInput;}});Object.defineProperty(exports,"Pressable",{enumerable:true,get:function get(){return _Pressable.default;}});Object.defineProperty(exports,"ProgressBar",{enumerable:true,get:function get(){return _ProgressBar.default;}});Object.defineProperty(exports,"ProgressCircle",{enumerable:true,get:function get(){return _ProgressCircle.default;}});Object.defineProperty(exports,"Provider",{enumerable:true,get:function get(){return _Provider.default;}});Object.defineProperty(exports,"RadioButton",{enumerable:true,get:function get(){return _index.RadioButton;}});Object.defineProperty(exports,"RadioButtonFieldGroup",{enumerable:true,get:function get(){return _RadioButtonFieldGroup.default;}});Object.defineProperty(exports,"RadioButtonGroup",{enumerable:true,get:function get(){return _index.RadioButtonGroup;}});Object.defineProperty(exports,"RadioButtonRow",{enumerable:true,get:function get(){return _index.RadioButtonRow;}});Object.defineProperty(exports,"Row",{enumerable:true,get:function get(){return _Layout2.Row;}});Object.defineProperty(exports,"RowBodyIcon",{enumerable:true,get:function get(){return _RowBodyIcon.default;}});Object.defineProperty(exports,"RowHeadlineImageCaption",{enumerable:true,get:function get(){return _RowHeadlineImageCaption.default;}});Object.defineProperty(exports,"RowHeadlineImageIcon",{enumerable:true,get:function get(){return _RowHeadlineImageIcon.default;}});Object.defineProperty(exports,"SVG",{enumerable:true,get:function get(){return _SVG.default;}});Object.defineProperty(exports,"ScreenContainer",{enumerable:true,get:function get(){return _ScreenContainer.default;}});Object.defineProperty(exports,"SectionHeader",{enumerable:true,get:function get(){return _SectionList.SectionHeader;}});Object.defineProperty(exports,"SectionList",{enumerable:true,get:function get(){return _SectionList.SectionList;}});Object.defineProperty(exports,"Shadow",{enumerable:true,get:function get(){return _Shadow.default;}});Object.defineProperty(exports,"SimpleStyleFlashList",{enumerable:true,get:function get(){return _SimpleStyleFlashList.default;}});Object.defineProperty(exports,"SimpleStyleFlatList",{enumerable:true,get:function get(){return _SimpleStyleFlatList.default;}});Object.defineProperty(exports,"SimpleStyleKeyboardAwareScrollView",{enumerable:true,get:function get(){return _SimpleStyleKeyboardAwareScrollView.default;}});Object.defineProperty(exports,"SimpleStyleMasonryFlashList",{enumerable:true,get:function get(){return _SimpleStyleMasonryFlashList.default;}});Object.defineProperty(exports,"SimpleStyleScrollView",{enumerable:true,get:function get(){return _SimpleStyleScrollView.default;}});Object.defineProperty(exports,"SimpleStyleSectionList",{enumerable:true,get:function get(){return _SimpleStyleSectionList.default;}});Object.defineProperty(exports,"SimpleStyleSwipeableList",{enumerable:true,get:function get(){return _SimpleStyleSwipeableList.default;}});Object.defineProperty(exports,"Slider",{enumerable:true,get:function get(){return _Slider.default;}});Object.defineProperty(exports,"Spacer",{enumerable:true,get:function get(){return _Layout.Spacer;}});Object.defineProperty(exports,"Square",{enumerable:true,get:function get(){return _Layout.Square;}});Object.defineProperty(exports,"Stack",{enumerable:true,get:function get(){return _Layout2.Stack;}});Object.defineProperty(exports,"StarRating",{enumerable:true,get:function get(){return _StarRating.default;}});Object.defineProperty(exports,"Stepper",{enumerable:true,get:function get(){return _Stepper.default;}});Object.defineProperty(exports,"Surface",{enumerable:true,get:function get(){return _Surface.default;}});Object.defineProperty(exports,"SwipeableItem",{enumerable:true,get:function get(){return _SwipeableItem.SwipeableItem;}});Object.defineProperty(exports,"SwipeableItemButton",{enumerable:true,get:function get(){return _SwipeableItem.SwipeableItemButton;}});Object.defineProperty(exports,"SwipeableList",{enumerable:true,get:function get(){return _SwipeableItem.SwipeableList;}});Object.defineProperty(exports,"Swiper",{enumerable:true,get:function get(){return _Swiper.Swiper;}});Object.defineProperty(exports,"SwiperItem",{enumerable:true,get:function get(){return _Swiper.SwiperItem;}});Object.defineProperty(exports,"Switch",{enumerable:true,get:function get(){return _Switch.default;}});Object.defineProperty(exports,"SwitchRow",{enumerable:true,get:function get(){return _Switch.SwitchRow;}});Object.defineProperty(exports,"TabView",{enumerable:true,get:function get(){return _TabView.TabView;}});Object.defineProperty(exports,"TabViewItem",{enumerable:true,get:function get(){return _TabView.TabViewItem;}});Object.defineProperty(exports,"Table",{enumerable:true,get:function get(){return _Table.Table;}});Object.defineProperty(exports,"TableCell",{enumerable:true,get:function get(){return _Table.TableCell;}});Object.defineProperty(exports,"TableRow",{enumerable:true,get:function get(){return _Table.TableRow;}});Object.defineProperty(exports,"TextField",{enumerable:true,get:function get(){return _TextField.default;}});Object.defineProperty(exports,"TextInput",{enumerable:true,get:function get(){return _TextInput.default;}});Object.defineProperty(exports,"ThemeProvider",{enumerable:true,get:function get(){return _theming.ThemeProvider;}});Object.defineProperty(exports,"ToggleButton",{enumerable:true,get:function get(){return _ToggleButton.default;}});Object.defineProperty(exports,"Touchable",{enumerable:true,get:function get(){return _Touchable.default;}});Object.defineProperty(exports,"VStack",{enumerable:true,get:function get(){return _Layout.VStack;}});Object.defineProperty(exports,"VideoPlayer",{enumerable:true,get:function get(){return _VideoPlayer.default;}});Object.defineProperty(exports,"VideoPlayerRef",{enumerable:true,get:function get(){return _VideoPlayer.VideoPlayerRef;}});Object.defineProperty(exports,"YoutubePlayer",{enumerable:true,get:function get(){return _YoutubePlayer.YoutubePlayer;}});Object.defineProperty(exports,"ZStack",{enumerable:true,get:function get(){return _Layout.ZStack;}});Object.defineProperty(exports,"flattenReactFragments",{enumerable:true,get:function get(){return _utilities.flattenReactFragments;}});Object.defineProperty(exports,"injectIcon",{enumerable:true,get:function get(){return _Icon.injectIcon;}});Object.defineProperty(exports,"useAuthState",{enumerable:true,get:function get(){return _useAuthState.useAuthState;}});Object.defineProperty(exports,"withTheme",{enumerable:true,get:function get(){return _theming.withTheme;}});var _utilities=require("./utilities");var _Icon=require("./interfaces/Icon");var _theming=require("./theming");var _Provider=_interopRequireDefault(require("./Provider"));var _DefaultTheme=_interopRequireDefault(require("./styles/DefaultTheme"));var _Text=require("./components/Text");var _Button=require("./components/Button");var _Checkbox=require("./components/Checkbox");var _Divider=_interopRequireDefault(require("./components/Divider"));var _IconButton=_interopRequireDefault(require("./components/IconButton"));var _Image=_interopRequireDefault(require("./components/Image"));var _SVG=_interopRequireDefault(require("./components/SVG"));var _NumberInput=_interopRequireDefault(require("./components/NumberInput"));var _ScreenContainer=_interopRequireDefault(require("./components/ScreenContainer"));var _StarRating=_interopRequireDefault(require("./components/StarRating"));var _Surface=_interopRequireDefault(require("./components/Surface"));var _Switch=_interopRequireWildcard(require("./components/Switch"));var _TextField=_interopRequireDefault(require("./components/TextField"));var _Touchable=_interopRequireDefault(require("./components/Touchable"));var _Pressable=_interopRequireDefault(require("./components/Pressable"));var _AccordionGroup=_interopRequireDefault(require("./components/AccordionGroup"));var _ActionSheet=require("./components/ActionSheet");var _Swiper=require("./components/Swiper");var _index=require("./components/RadioButton/index");var _Shadow=_interopRequireDefault(require("./components/Shadow"));var _DeckSwiper=require("./components/DeckSwiper");var _TabView=require("./components/TabView");var _Markdown=_interopRequireDefault(require("./components/Markdown"));var _BottomSheet=require("./components/BottomSheet");var _YoutubePlayer=require("./components/YoutubePlayer");var _Table=require("./components/Table");var _SwipeableItem=require("./components/SwipeableItem");var _AudioPlayer=_interopRequireWildcard(require("./components/MediaPlayer/AudioPlayer"));var _DatePicker=_interopRequireDefault(require("./components/DatePicker/DatePicker"));var _Picker=require("./components/Picker");var _Slider=_interopRequireDefault(require("./components/Slider"));var _Stepper=_interopRequireDefault(require("./components/Stepper"));var _SectionList=require("./components/SectionList");var _LinearProgress=_interopRequireDefault(require("./components/Progress/LinearProgress"));var _CircularProgress=_interopRequireDefault(require("./components/Progress/CircularProgress"));var _TextInput=_interopRequireDefault(require("./components/TextInput"));var _VideoPlayer=_interopRequireWildcard(require("./components/MediaPlayer/VideoPlayer"));var _PinInput=require("./components/PinInput");var _Layout=require("./components/Layout");var _KeyboardAvoidingView=_interopRequireDefault(require("./components/KeyboardAvoidingView"));var _SimpleStyleFlashList=_interopRequireDefault(require("./components/SimpleStyleScrollables/SimpleStyleFlashList"));var _SimpleStyleFlatList=_interopRequireDefault(require("./components/SimpleStyleScrollables/SimpleStyleFlatList"));var _SimpleStyleKeyboardAwareScrollView=_interopRequireDefault(require("./components/SimpleStyleScrollables/SimpleStyleKeyboardAwareScrollView"));var _SimpleStyleMasonryFlashList=_interopRequireDefault(require("./components/SimpleStyleScrollables/SimpleStyleMasonryFlashList"));var _SimpleStyleScrollView=_interopRequireDefault(require("./components/SimpleStyleScrollables/SimpleStyleScrollView"));var _SimpleStyleSectionList=_interopRequireDefault(require("./components/SimpleStyleScrollables/SimpleStyleSectionList"));var _SimpleStyleSwipeableList=_interopRequireDefault(require("./components/SimpleStyleScrollables/SimpleStyleSwipeableList"));var _AccordionItem=_interopRequireDefault(require("./deprecated-components/AccordionItem"));var _AvatarEdit=_interopRequireDefault(require("./deprecated-components/AvatarEdit"));var _CircleImage=_interopRequireDefault(require("./deprecated-components/CircleImage"));var _Banner=_interopRequireDefault(require("./deprecated-components/Banner"));var _Card=_interopRequireDefault(require("./deprecated-components/Card"));var _CheckboxGroup=_interopRequireDefault(require("./deprecated-components/CheckboxGroup"));var _Container=_interopRequireDefault(require("./deprecated-components/Container"));var _FAB=_interopRequireDefault(require("./deprecated-components/FAB"));var _FieldSearchBarFull=_interopRequireDefault(require("./deprecated-components/FieldSearchBarFull"));var _Layout2=require("./deprecated-components/Layout");var _ToggleButton=_interopRequireDefault(require("./deprecated-components/ToggleButton"));var _ProgressBar=_interopRequireDefault(require("./deprecated-components/ProgressBar"));var _ProgressCircle=_interopRequireDefault(require("./deprecated-components/ProgressCircle"));var _RadioButtonFieldGroup=_interopRequireDefault(require("./deprecated-components/RadioButtonFieldGroup"));var _RowBodyIcon=_interopRequireDefault(require("./deprecated-components/RowBodyIcon"));var _RowHeadlineImageCaption=_interopRequireDefault(require("./deprecated-components/RowHeadlineImageCaption"));var _RowHeadlineImageIcon=_interopRequireDefault(require("./deprecated-components/RowHeadlineImageIcon"));var _useAuthState=require("./components/useAuthState");var _AvoidKeyboardView=_interopRequireDefault(require("./deprecated-components/AvoidKeyboardView"));function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}
|
|
@@ -13,8 +13,8 @@ interface AdditionalSectionListProps<T> {
|
|
|
13
13
|
keyExtractor?: (item: T, index: number) => string;
|
|
14
14
|
listComponent?: ListComponentType;
|
|
15
15
|
}
|
|
16
|
-
declare type FlatListSectionListProps<T> = Omit<FlatListProps<T>, "renderItem"> & AdditionalSectionListProps<T>;
|
|
17
|
-
declare type FlashListSectionListProps<T> = Omit<FlashListProps<T>, "renderItem"> & AdditionalSectionListProps<T>;
|
|
16
|
+
export declare type FlatListSectionListProps<T> = Omit<FlatListProps<T>, "renderItem"> & AdditionalSectionListProps<T>;
|
|
17
|
+
export declare type FlashListSectionListProps<T> = Omit<FlashListProps<T>, "renderItem"> & AdditionalSectionListProps<T>;
|
|
18
18
|
export declare const DEFAULT_SECTION = "Uncategorized";
|
|
19
19
|
declare const SectionList: <T extends {
|
|
20
20
|
[key: string]: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionList.js","sourceRoot":"","sources":["../../../../../src/components/SectionList/SectionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAiB,QAAQ,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,aAAa,EAAE,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"SectionList.js","sourceRoot":"","sources":["../../../../../src/components/SectionList/SectionList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { FlashListProps } from "@shopify/flash-list";
|
|
3
|
+
/**
|
|
4
|
+
* A FlashList wrapper that takes a single `style` prop and internally extracts
|
|
5
|
+
* the appropriate style keys into the `contentContainerStyle`
|
|
6
|
+
*/
|
|
7
|
+
declare const SimpleStyleFlashList: <T extends unknown>({ style: styleProp, ...rest }: Omit<FlashListProps<T>, "contentContainerStyle">) => JSX.Element;
|
|
8
|
+
export default SimpleStyleFlashList;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { FlashList } from "@shopify/flash-list";
|
|
3
|
+
import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
|
|
4
|
+
/**
|
|
5
|
+
* A FlashList wrapper that takes a single `style` prop and internally extracts
|
|
6
|
+
* the appropriate style keys into the `contentContainerStyle`
|
|
7
|
+
*/
|
|
8
|
+
const SimpleStyleFlashList = ({ style: styleProp, ...rest }) => {
|
|
9
|
+
const [measuredWidth, setMeasuredWidth] = React.useState();
|
|
10
|
+
const [measuredHeight, setMeasuredHeight] = React.useState();
|
|
11
|
+
const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp, measuredWidth, measuredHeight);
|
|
12
|
+
return (React.createElement(FlashList, { onLayout: (event) => {
|
|
13
|
+
setMeasuredWidth(event.nativeEvent.layout.width);
|
|
14
|
+
setMeasuredHeight(event.nativeEvent.layout.height);
|
|
15
|
+
}, style: style, contentContainerStyle: contentContainerStyle, ...rest }));
|
|
16
|
+
};
|
|
17
|
+
export default SimpleStyleFlashList;
|
|
18
|
+
//# sourceMappingURL=SimpleStyleFlashList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SimpleStyleFlashList.js","sourceRoot":"","sources":["../../../../../src/components/SimpleStyleScrollables/SimpleStyleFlashList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAE9E;;;GAGG;AACH,MAAM,oBAAoB,GAAG,CAAgB,EAC3C,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EAC0C,EAAE,EAAE;IACrD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IAErE,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,8BAA8B,CACrE,SAAS,EACT,aAAa,EACb,cAAc,CACf,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,IACR,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACjD,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACrD,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqC,KACxD,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { FlatListProps } from "react-native";
|
|
3
|
+
/**
|
|
4
|
+
* A FlatList wrapper that takes a single `style` prop and internally extracts
|
|
5
|
+
* the appropriate style keys into the `contentContainerStyle`
|
|
6
|
+
*/
|
|
7
|
+
declare const SimpleStyleFlatList: <T extends unknown>({ style: styleProp, ...rest }: Omit<FlatListProps<T>, "contentContainerStyle">) => JSX.Element;
|
|
8
|
+
export default SimpleStyleFlatList;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { FlatList } from "react-native";
|
|
3
|
+
import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
|
|
4
|
+
/**
|
|
5
|
+
* A FlatList wrapper that takes a single `style` prop and internally extracts
|
|
6
|
+
* the appropriate style keys into the `contentContainerStyle`
|
|
7
|
+
*/
|
|
8
|
+
const SimpleStyleFlatList = ({ style: styleProp, ...rest }) => {
|
|
9
|
+
const [measuredWidth, setMeasuredWidth] = React.useState();
|
|
10
|
+
const [measuredHeight, setMeasuredHeight] = React.useState();
|
|
11
|
+
const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp, measuredWidth, measuredHeight);
|
|
12
|
+
return (React.createElement(FlatList, { onLayout: (event) => {
|
|
13
|
+
setMeasuredWidth(event.nativeEvent.layout.width);
|
|
14
|
+
setMeasuredHeight(event.nativeEvent.layout.height);
|
|
15
|
+
}, style: style, contentContainerStyle: contentContainerStyle, ...rest }));
|
|
16
|
+
};
|
|
17
|
+
export default SimpleStyleFlatList;
|
|
18
|
+
//# sourceMappingURL=SimpleStyleFlatList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SimpleStyleFlatList.js","sourceRoot":"","sources":["../../../../../src/components/SimpleStyleScrollables/SimpleStyleFlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAE9E;;;GAGG;AACH,MAAM,mBAAmB,GAAG,CAAgB,EAC1C,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EACyC,EAAE,EAAE;IACpD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IAErE,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,8BAA8B,CACrE,SAAS,EACT,aAAa,EACb,cAAc,CACf,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ,IACP,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACjD,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACrD,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,KACxC,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleKeyboardAwareScrollView.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { KeyboardAwareScrollViewProps } from "react-native-keyboard-aware-scroll-view";
|
|
3
|
+
/**
|
|
4
|
+
* A KeyboardAwareScrollView wrapper that takes a single `style` prop and internally extracts
|
|
5
|
+
* the appropriate style keys into the `contentContainerStyle`
|
|
6
|
+
*/
|
|
7
|
+
declare const SimpleStyleKeyboardAwareScrollView: React.FC<Omit<KeyboardAwareScrollViewProps, "contentContainerStyle">>;
|
|
8
|
+
export default SimpleStyleKeyboardAwareScrollView;
|
package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleKeyboardAwareScrollView.js
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
|
|
3
|
+
import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
|
|
4
|
+
/**
|
|
5
|
+
* A KeyboardAwareScrollView wrapper that takes a single `style` prop and internally extracts
|
|
6
|
+
* the appropriate style keys into the `contentContainerStyle`
|
|
7
|
+
*/
|
|
8
|
+
const SimpleStyleKeyboardAwareScrollView = ({ style: styleProp, ...rest }) => {
|
|
9
|
+
const [measuredWidth, setMeasuredWidth] = React.useState();
|
|
10
|
+
const [measuredHeight, setMeasuredHeight] = React.useState();
|
|
11
|
+
const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp, measuredWidth, measuredHeight);
|
|
12
|
+
return (React.createElement(KeyboardAwareScrollView, { onLayout: (event) => {
|
|
13
|
+
setMeasuredWidth(event.nativeEvent.layout.width);
|
|
14
|
+
setMeasuredHeight(event.nativeEvent.layout.height);
|
|
15
|
+
}, style: style, contentContainerStyle: contentContainerStyle, ...rest }));
|
|
16
|
+
};
|
|
17
|
+
export default SimpleStyleKeyboardAwareScrollView;
|
|
18
|
+
//# sourceMappingURL=SimpleStyleKeyboardAwareScrollView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SimpleStyleKeyboardAwareScrollView.js","sourceRoot":"","sources":["../../../../../src/components/SimpleStyleScrollables/SimpleStyleKeyboardAwareScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAElF,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAE9E;;;GAGG;AACH,MAAM,kCAAkC,GAEpC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IAErE,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,8BAA8B,CACrE,SAAS,EACT,aAAa,EACb,cAAc,CACf,CAAC;IAEF,OAAO,CACL,oBAAC,uBAAuB,IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACjD,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACrD,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,KACxC,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kCAAkC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { MasonryFlashListProps } from "@shopify/flash-list";
|
|
3
|
+
/**
|
|
4
|
+
* A MasonryFlashList wrapper that takes a single `style` prop and internally extracts
|
|
5
|
+
* the appropriate style keys into the `contentContainerStyle`
|
|
6
|
+
*/
|
|
7
|
+
declare const SimpleStyleMasonryFlashList: <T extends unknown>({ style: styleProp, ...rest }: Omit<MasonryFlashListProps<T>, "contentContainerStyle">) => JSX.Element;
|
|
8
|
+
export default SimpleStyleMasonryFlashList;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { MasonryFlashList } from "@shopify/flash-list";
|
|
3
|
+
import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
|
|
4
|
+
/**
|
|
5
|
+
* A MasonryFlashList wrapper that takes a single `style` prop and internally extracts
|
|
6
|
+
* the appropriate style keys into the `contentContainerStyle`
|
|
7
|
+
*/
|
|
8
|
+
const SimpleStyleMasonryFlashList = ({ style: styleProp, ...rest }) => {
|
|
9
|
+
const [measuredWidth, setMeasuredWidth] = React.useState();
|
|
10
|
+
const [measuredHeight, setMeasuredHeight] = React.useState();
|
|
11
|
+
const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp, measuredWidth, measuredHeight);
|
|
12
|
+
return (React.createElement(MasonryFlashList, { onLayout: (event) => {
|
|
13
|
+
setMeasuredWidth(event.nativeEvent.layout.width);
|
|
14
|
+
setMeasuredHeight(event.nativeEvent.layout.height);
|
|
15
|
+
}, style: style, contentContainerStyle: contentContainerStyle, ...rest }));
|
|
16
|
+
};
|
|
17
|
+
export default SimpleStyleMasonryFlashList;
|
|
18
|
+
//# sourceMappingURL=SimpleStyleMasonryFlashList.js.map
|
package/lib/typescript/src/components/SimpleStyleScrollables/SimpleStyleMasonryFlashList.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SimpleStyleMasonryFlashList.js","sourceRoot":"","sources":["../../../../../src/components/SimpleStyleScrollables/SimpleStyleMasonryFlashList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAE9E;;;GAGG;AACH,MAAM,2BAA2B,GAAG,CAAgB,EAClD,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EACiD,EAAE,EAAE;IAC5D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IAErE,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,8BAA8B,CACrE,SAAS,EACT,aAAa,EACb,cAAc,CACf,CAAC;IAEF,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACjD,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACrD,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqC,KACxD,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { ScrollViewProps } from "react-native";
|
|
3
|
+
/**
|
|
4
|
+
* A ScrollView wrapper that takes a single `style` prop and internally extracts
|
|
5
|
+
* the appropriate style keys into the `contentContainerStyle`
|
|
6
|
+
*/
|
|
7
|
+
declare const SimpleStyleScrollView: React.FC<Omit<ScrollViewProps, "contentContainerStyle">>;
|
|
8
|
+
export default SimpleStyleScrollView;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ScrollView } from "react-native";
|
|
3
|
+
import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
|
|
4
|
+
/**
|
|
5
|
+
* A ScrollView wrapper that takes a single `style` prop and internally extracts
|
|
6
|
+
* the appropriate style keys into the `contentContainerStyle`
|
|
7
|
+
*/
|
|
8
|
+
const SimpleStyleScrollView = ({ style: styleProp, ...rest }) => {
|
|
9
|
+
const [measuredWidth, setMeasuredWidth] = React.useState();
|
|
10
|
+
const [measuredHeight, setMeasuredHeight] = React.useState();
|
|
11
|
+
const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp, measuredWidth, measuredHeight);
|
|
12
|
+
return (React.createElement(ScrollView, { onLayout: (event) => {
|
|
13
|
+
setMeasuredWidth(event.nativeEvent.layout.width);
|
|
14
|
+
setMeasuredHeight(event.nativeEvent.layout.height);
|
|
15
|
+
}, style: style, contentContainerStyle: contentContainerStyle, ...rest }));
|
|
16
|
+
};
|
|
17
|
+
export default SimpleStyleScrollView;
|
|
18
|
+
//# sourceMappingURL=SimpleStyleScrollView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SimpleStyleScrollView.js","sourceRoot":"","sources":["../../../../../src/components/SimpleStyleScrollables/SimpleStyleScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAE9E;;;GAGG;AACH,MAAM,qBAAqB,GAEvB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IAErE,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,8BAA8B,CACrE,SAAS,EACT,aAAa,EACb,cAAc,CACf,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACjD,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACrD,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,KACxC,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { FlatListSectionListProps, FlashListSectionListProps } from "../SectionList";
|
|
3
|
+
/**
|
|
4
|
+
* A SectionList wrapper that takes a single `style` prop and internally extracts
|
|
5
|
+
* the appropriate style keys into the `contentContainerStyle`
|
|
6
|
+
*/
|
|
7
|
+
declare const SimpleStyleSectionList: <T extends {
|
|
8
|
+
[key: string]: any;
|
|
9
|
+
}>({ style: styleProp, ...rest }: Omit<FlatListSectionListProps<T> | FlashListSectionListProps<T>, "contentContainerStyle">) => JSX.Element;
|
|
10
|
+
export default SimpleStyleSectionList;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { SectionList } from "../SectionList";
|
|
3
|
+
import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
|
|
4
|
+
/**
|
|
5
|
+
* A SectionList wrapper that takes a single `style` prop and internally extracts
|
|
6
|
+
* the appropriate style keys into the `contentContainerStyle`
|
|
7
|
+
*/
|
|
8
|
+
const SimpleStyleSectionList = ({ style: styleProp, ...rest }) => {
|
|
9
|
+
const [measuredWidth, setMeasuredWidth] = React.useState();
|
|
10
|
+
const [measuredHeight, setMeasuredHeight] = React.useState();
|
|
11
|
+
const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp, measuredWidth, measuredHeight);
|
|
12
|
+
return (
|
|
13
|
+
//@ts-ignore contentContainerStyle has different types for FlashList and FlatList implmentations and confuses TS
|
|
14
|
+
React.createElement(SectionList, { onLayout: (event) => {
|
|
15
|
+
setMeasuredWidth(event.nativeEvent.layout.width);
|
|
16
|
+
setMeasuredHeight(event.nativeEvent.layout.height);
|
|
17
|
+
}, style: style, contentContainerStyle: contentContainerStyle, ...rest }));
|
|
18
|
+
};
|
|
19
|
+
export default SimpleStyleSectionList;
|
|
20
|
+
//# sourceMappingURL=SimpleStyleSectionList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SimpleStyleSectionList.js","sourceRoot":"","sources":["../../../../../src/components/SimpleStyleScrollables/SimpleStyleSectionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAE9E;;;GAGG;AACH,MAAM,sBAAsB,GAAG,CAAmC,EAChE,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EAIR,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IAErE,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,8BAA8B,CACrE,SAAS,EACT,aAAa,EACb,cAAc,CACf,CAAC;IAEF,OAAO;IACL,gHAAgH;IAChH,oBAAC,WAAW,IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACjD,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACrD,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,KACxC,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { FlashListSwipeableListProps, FlatListSwipeableListProps } from "../SwipeableItem";
|
|
3
|
+
/**
|
|
4
|
+
* A SwipeableList wrapper that takes a single `style` prop and internally extracts
|
|
5
|
+
* the appropriate style keys into the `contentContainerStyle`
|
|
6
|
+
*/
|
|
7
|
+
declare const SimpleStyleSwipeableList: <T extends {
|
|
8
|
+
[key: string]: any;
|
|
9
|
+
}>({ style: styleProp, ...rest }: Omit<FlashListSwipeableListProps<T> | FlatListSwipeableListProps<T>, "contentContainerStyle">) => JSX.Element;
|
|
10
|
+
export default SimpleStyleSwipeableList;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { SwipeableList } from "../SwipeableItem";
|
|
3
|
+
import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
|
|
4
|
+
/**
|
|
5
|
+
* A SwipeableList wrapper that takes a single `style` prop and internally extracts
|
|
6
|
+
* the appropriate style keys into the `contentContainerStyle`
|
|
7
|
+
*/
|
|
8
|
+
const SimpleStyleSwipeableList = ({ style: styleProp, ...rest }) => {
|
|
9
|
+
const [measuredWidth, setMeasuredWidth] = React.useState();
|
|
10
|
+
const [measuredHeight, setMeasuredHeight] = React.useState();
|
|
11
|
+
const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp, measuredWidth, measuredHeight);
|
|
12
|
+
return (
|
|
13
|
+
//@ts-ignore contentContainerStyle has different types for FlashList and FlatList implmentations and confuses TS
|
|
14
|
+
React.createElement(SwipeableList, { onLayout: (event) => {
|
|
15
|
+
setMeasuredWidth(event.nativeEvent.layout.width);
|
|
16
|
+
setMeasuredHeight(event.nativeEvent.layout.height);
|
|
17
|
+
}, style: style, contentContainerStyle: contentContainerStyle, ...rest }));
|
|
18
|
+
};
|
|
19
|
+
export default SimpleStyleSwipeableList;
|
|
20
|
+
//# sourceMappingURL=SimpleStyleSwipeableList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SimpleStyleSwipeableList.js","sourceRoot":"","sources":["../../../../../src/components/SimpleStyleScrollables/SimpleStyleSwipeableList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKjD,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAE9E;;;GAGG;AACH,MAAM,wBAAwB,GAAG,CAAmC,EAClE,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EAIR,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IAErE,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,8BAA8B,CACrE,SAAS,EACT,aAAa,EACb,cAAc,CACf,CAAC;IAEF,OAAO;IACL,gHAAgH;IAChH,oBAAC,aAAa,IACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACjD,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACrD,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,KACxC,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
|
package/lib/typescript/src/components/SimpleStyleScrollables/useSplitContentContainerStyles.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { StyleProp, ViewStyle } from "react-native";
|
|
2
|
+
interface Styles {
|
|
3
|
+
style?: StyleProp<ViewStyle>;
|
|
4
|
+
contentContainerStyle?: StyleProp<ViewStyle>;
|
|
5
|
+
}
|
|
6
|
+
export declare const contentContainerStyleNames: string[];
|
|
7
|
+
export default function useSplitContentContainerStyles(originalStyle: StyleProp<ViewStyle>, measuredWidth?: number, measuredHeight?: number): Styles;
|
|
8
|
+
export {};
|
package/lib/typescript/src/components/SimpleStyleScrollables/useSplitContentContainerStyles.js
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { StyleSheet } from "react-native";
|
|
2
|
+
import { pick, omit } from "lodash";
|
|
3
|
+
import { useDeepCompareMemo } from "../../utilities";
|
|
4
|
+
export const contentContainerStyleNames = [
|
|
5
|
+
"padding",
|
|
6
|
+
"paddingBottom",
|
|
7
|
+
"paddingEnd",
|
|
8
|
+
"paddingHorizontal",
|
|
9
|
+
"paddingLeft",
|
|
10
|
+
"paddingRight",
|
|
11
|
+
"paddingStart",
|
|
12
|
+
"paddingTop",
|
|
13
|
+
"paddingVertical",
|
|
14
|
+
"justifyContent",
|
|
15
|
+
"alignItems",
|
|
16
|
+
"alignContent",
|
|
17
|
+
"flexDirection",
|
|
18
|
+
"flexWrap",
|
|
19
|
+
];
|
|
20
|
+
export default function useSplitContentContainerStyles(originalStyle, measuredWidth, measuredHeight) {
|
|
21
|
+
return useDeepCompareMemo(() => {
|
|
22
|
+
const flattenedStyle = StyleSheet.flatten(originalStyle);
|
|
23
|
+
let contentContainerStyle = pick(flattenedStyle, contentContainerStyleNames);
|
|
24
|
+
// contentContainerStyle should always at least fill the parent to ensure sizing changes reflects properly on component and children
|
|
25
|
+
if (measuredWidth) {
|
|
26
|
+
contentContainerStyle.minWidth = measuredWidth;
|
|
27
|
+
}
|
|
28
|
+
if (measuredHeight) {
|
|
29
|
+
contentContainerStyle.minHeight = measuredHeight;
|
|
30
|
+
}
|
|
31
|
+
let style = omit(flattenedStyle, contentContainerStyleNames);
|
|
32
|
+
// ScrollView's implementation defaults flexGrow to 1, which prevents the ability to set a static size or use a flex larger than 1
|
|
33
|
+
// See: https://github.com/facebook/react-native/issues/3422
|
|
34
|
+
if (style.flex === undefined) {
|
|
35
|
+
style = { flexGrow: 0, ...style };
|
|
36
|
+
}
|
|
37
|
+
else if (style.flexGrow === undefined) {
|
|
38
|
+
style = { flexGrow: style.flex, ...style };
|
|
39
|
+
}
|
|
40
|
+
return { style, contentContainerStyle };
|
|
41
|
+
}, [originalStyle, measuredWidth, measuredHeight]);
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=useSplitContentContainerStyles.js.map
|
package/lib/typescript/src/components/SimpleStyleScrollables/useSplitContentContainerStyles.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSplitContentContainerStyles.js","sourceRoot":"","sources":["../../../../../src/components/SimpleStyleScrollables/useSplitContentContainerStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,UAAU,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAOrD,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,SAAS;IACT,eAAe;IACf,YAAY;IACZ,mBAAmB;IACnB,aAAa;IACb,cAAc;IACd,cAAc;IACd,YAAY;IACZ,iBAAiB;IACjB,gBAAgB;IAChB,YAAY;IACZ,cAAc;IACd,eAAe;IACf,UAAU;CACX,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,8BAA8B,CACpD,aAAmC,EACnC,aAAsB,EACtB,cAAuB;IAEvB,OAAO,kBAAkB,CAAS,GAAG,EAAE;QACrC,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAEzD,IAAI,qBAAqB,GAAG,IAAI,CAC9B,cAAc,EACd,0BAA0B,CAC3B,CAAC;QAEF,oIAAoI;QACpI,IAAI,aAAa,EAAE;YACjB,qBAAqB,CAAC,QAAQ,GAAG,aAAa,CAAC;SAChD;QACD,IAAI,cAAc,EAAE;YAClB,qBAAqB,CAAC,SAAS,GAAG,cAAc,CAAC;SAClD;QAED,IAAI,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,0BAA0B,CAAC,CAAC;QAE7D,kIAAkI;QAClI,4DAA4D;QAC5D,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE;YAC5B,KAAK,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC;SACnC;aAAM,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE;YACvC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,KAAK,EAAE,CAAC;SAC5C;QAED,OAAO,EAAE,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC1C,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;AACrD,CAAC"}
|
|
@@ -6,8 +6,8 @@ interface AdditionalSwipeableListProps {
|
|
|
6
6
|
disableScrollWhenSwiping?: boolean;
|
|
7
7
|
listComponent?: ListComponentType;
|
|
8
8
|
}
|
|
9
|
-
declare type FlatListSwipeableListProps<T> = FlatListProps<T> & AdditionalSwipeableListProps;
|
|
10
|
-
declare type FlashListSwipeableListProps<T> = FlashListProps<T> & AdditionalSwipeableListProps;
|
|
9
|
+
export declare type FlatListSwipeableListProps<T> = FlatListProps<T> & AdditionalSwipeableListProps;
|
|
10
|
+
export declare type FlashListSwipeableListProps<T> = FlashListProps<T> & AdditionalSwipeableListProps;
|
|
11
11
|
declare type SwipeableListContextType = {
|
|
12
12
|
onStartSwiping: () => void;
|
|
13
13
|
onStopSwiping: () => void;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export { default as SwipeableItem } from "./SwipeableItem";
|
|
2
2
|
export { default as SwipeableItemButton } from "./SwipeableItemButton";
|
|
3
3
|
export { default as SwipeableList } from "./SwipeableList";
|
|
4
|
+
export type { FlashListSwipeableListProps, FlatListSwipeableListProps, } from "./SwipeableList";
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { TextInput as NativeTextInput, TextInputProps as NativeTextInputProps } from "react-native";
|
|
3
3
|
export interface TextInputProps extends NativeTextInputProps {
|
|
4
|
+
webShowOutline?: boolean;
|
|
4
5
|
onChangeTextDelayed?: (text: string) => void;
|
|
5
6
|
changeTextDelay?: number;
|
|
6
7
|
}
|
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { TextInput as NativeTextInput, } from "react-native";
|
|
2
|
+
import { TextInput as NativeTextInput, Platform, } from "react-native";
|
|
3
3
|
import { useDebounce, useOnUpdate } from "../hooks";
|
|
4
|
-
const TextInput = React.forwardRef(({ onChangeTextDelayed, changeTextDelay = 500, value, ...rest }, ref) => {
|
|
4
|
+
const TextInput = React.forwardRef(({ onChangeTextDelayed, changeTextDelay = 500, webShowOutline = true, style, value, ...rest }, ref) => {
|
|
5
5
|
const delayedValue = useDebounce(value, changeTextDelay);
|
|
6
6
|
useOnUpdate(() => {
|
|
7
7
|
if (delayedValue !== undefined) {
|
|
8
8
|
onChangeTextDelayed === null || onChangeTextDelayed === void 0 ? void 0 : onChangeTextDelayed(delayedValue);
|
|
9
9
|
}
|
|
10
10
|
}, [delayedValue]);
|
|
11
|
-
return (React.createElement(NativeTextInput, { testID: "native-text-input", ref: ref, value: value,
|
|
11
|
+
return (React.createElement(NativeTextInput, { testID: "native-text-input", ref: ref, value: value, style: [
|
|
12
|
+
//@ts-ignore Web specific prop. Removes default blue outline that appears on the hidden TextInput
|
|
13
|
+
Platform.OS === "web" && !webShowOutline ? { outlineWidth: 0 } : {},
|
|
14
|
+
style,
|
|
15
|
+
], ...rest }));
|
|
12
16
|
});
|
|
13
17
|
export default TextInput;
|
|
14
18
|
//# sourceMappingURL=TextInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,SAAS,IAAI,eAAe,
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,SAAS,IAAI,eAAe,EAE5B,QAAQ,GACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAQpD,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CACE,EACE,mBAAmB,EACnB,eAAe,GAAG,GAAG,EACrB,cAAc,GAAG,IAAI,EACrB,KAAK,EACL,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IAEzD,WAAW,CAAC,GAAG,EAAE;QACf,IAAI,YAAY,KAAK,SAAS,EAAE;YAC9B,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAG,YAAY,CAAC,CAAC;SACrC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL,oBAAC,eAAe,IACd,MAAM,EAAC,mBAAmB,EAC1B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE;YACL,iGAAiG;YACjG,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YACnE,KAAK;SACN,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -43,6 +43,13 @@ export { default as VideoPlayer, VideoPlayerRef, } from "./components/MediaPlaye
|
|
|
43
43
|
export { PinInput, CustomPinInputCell, PinInputText as CustomPinInputText, } from "./components/PinInput";
|
|
44
44
|
export { AspectRatio, Circle, Center, HStack, VStack, ZStack, Spacer, Square, } from "./components/Layout";
|
|
45
45
|
export { default as KeyboardAvoidingView } from "./components/KeyboardAvoidingView";
|
|
46
|
+
export { default as SimpleStyleFlashList } from "./components/SimpleStyleScrollables/SimpleStyleFlashList";
|
|
47
|
+
export { default as SimpleStyleFlatList } from "./components/SimpleStyleScrollables/SimpleStyleFlatList";
|
|
48
|
+
export { default as SimpleStyleKeyboardAwareScrollView } from "./components/SimpleStyleScrollables/SimpleStyleKeyboardAwareScrollView";
|
|
49
|
+
export { default as SimpleStyleMasonryFlashList } from "./components/SimpleStyleScrollables/SimpleStyleMasonryFlashList";
|
|
50
|
+
export { default as SimpleStyleScrollView } from "./components/SimpleStyleScrollables/SimpleStyleScrollView";
|
|
51
|
+
export { default as SimpleStyleSectionList } from "./components/SimpleStyleScrollables/SimpleStyleSectionList";
|
|
52
|
+
export { default as SimpleStyleSwipeableList } from "./components/SimpleStyleScrollables/SimpleStyleSwipeableList";
|
|
46
53
|
export { default as AccordionItem } from "./deprecated-components/AccordionItem";
|
|
47
54
|
export { default as AvatarEdit } from "./deprecated-components/AvatarEdit";
|
|
48
55
|
export { default as Avatar } from "./deprecated-components/CircleImage";
|