@draftbit/core 46.11.1-0339d0.2 → 46.11.1-09f288.2

package/src/components/Shadow.js

@@ -1,6 +1,11 @@
 import React from "react";
+import { StyleSheet } from "react-native";
 import { Shadow as ShadowComponent } from "react-native-shadow-2";
-const Shadow = ({ offsetX = 0, offsetY = 0, showShadowSideStart = true, showShadowSideEnd = true, showShadowSideTop = true, showShadowSideBottom = true, showShadowCornerTopStart = true, showShadowCornerTopEnd = true, showShadowCornerBottomStart = true, showShadowCornerBottomEnd = true, paintInside = false, style, ...rest }) => {
+import { extractBorderAndMarginStyles } from "../utilities";
+const Shadow = ({ offsetX = 0, offsetY = 0, showShadowSideStart = true, showShadowSideEnd = true, showShadowSideTop = true, showShadowSideBottom = true, showShadowCornerTopStart = true, showShadowCornerTopEnd = true, showShadowCornerBottomStart = true, showShadowCornerBottomEnd = true, paintInside = true, style, ...rest }) => {
+    const { borderStyles } = extractBorderAndMarginStyles(style);
+    const containerStyle = StyleSheet.flatten(style);
+    Object.keys(borderStyles).forEach((key) => delete containerStyle[key]);
     return (React.createElement(ShadowComponent, { offset: [offsetX, offsetY], sides: {
             start: showShadowSideStart,
             end: showShadowSideEnd,
@@ -11,6 +16,6 @@ const Shadow = ({ offsetX = 0, offsetY = 0, showShadowSideStart = true, showShad
             topEnd: showShadowCornerTopEnd,
             bottomStart: showShadowCornerBottomStart,
             bottomEnd: showShadowCornerBottomEnd,
-        }, containerStyle: style, paintInside: paintInside, ...rest }));
+        }, style: borderStyles, containerStyle: containerStyle, paintInside: paintInside, ...rest }));
 };
 export default Shadow;

package/src/components/Shadow.tsx

@@ -1,6 +1,7 @@
 import React from "react";
-import { StyleProp, ViewStyle } from "react-native";
+import { StyleProp, ViewStyle, StyleSheet } from "react-native";
 import { Shadow as ShadowComponent } from "react-native-shadow-2";
+import { extractBorderAndMarginStyles } from "../utilities";
 
 interface ShadowProps {
   disabled?: boolean;
@@ -33,10 +34,15 @@ const Shadow: React.FC<React.PropsWithChildren<ShadowProps>> = ({
   showShadowCornerTopEnd = true,
   showShadowCornerBottomStart = true,
   showShadowCornerBottomEnd = true,
-  paintInside = false,
+  paintInside = true,
   style,
   ...rest
 }) => {
+  const { borderStyles } = extractBorderAndMarginStyles(style);
+
+  const containerStyle = StyleSheet.flatten(style) as StyleProp<any>;
+  Object.keys(borderStyles).forEach((key) => delete containerStyle[key]);
+
   return (
     <ShadowComponent
       offset={[offsetX, offsetY]}
@@ -52,7 +58,8 @@ const Shadow: React.FC<React.PropsWithChildren<ShadowProps>> = ({
         bottomStart: showShadowCornerBottomStart,
         bottomEnd: showShadowCornerBottomEnd,
       }}
-      containerStyle={style}
+      style={borderStyles}
+      containerStyle={containerStyle}
       paintInside={paintInside}
       {...rest}
     />

package/src/components/TabView/TabView.js

@@ -39,7 +39,7 @@ const TabViewComponent = ({ Icon, onIndexChanged, onEndReached, tabBarPosition,
         }
     };
     const renderTabBar = (props) => {
-        return (React.createElement(TabBar, { ...props, activeColor: activeColor || theme.colors.primary, inactiveColor: inactiveColor || theme.colors.divider, pressColor: pressColor || theme.colors.primary, scrollEnabled: scrollEnabled, indicatorStyle: {
+        return (React.createElement(TabBar, { ...props, activeColor: activeColor || theme.colors.primary, inactiveColor: inactiveColor || "rgb(200,200,200)", pressColor: pressColor || theme.colors.primary, scrollEnabled: scrollEnabled, indicatorStyle: {
                 backgroundColor: indicatorColor || theme.colors.primary,
             }, labelStyle: textStyles, renderIcon: ({ route, color }) => (route === null || route === void 0 ? void 0 : route.icon) ? (React.createElement(Icon, { name: route.icon, color: color, size: 16 })) : null, style: {
                 backgroundColor: tabsBackgroundColor || theme.colors.background,

package/src/components/TabView/TabView.tsx

@@ -106,7 +106,7 @@ const TabViewComponent: React.FC<React.PropsWithChildren<TabViewProps>> = ({
       <TabBar
         {...props}
         activeColor={activeColor || theme.colors.primary}
-        inactiveColor={inactiveColor || theme.colors.divider}
+        inactiveColor={inactiveColor || "rgb(200,200,200)"}
         pressColor={pressColor || theme.colors.primary}
         scrollEnabled={scrollEnabled}
         indicatorStyle={{

package/src/index.js

@@ -38,7 +38,6 @@ export { default as Markdown } from "./components/Markdown";
 export { BottomSheet } from "./components/BottomSheet";
 export { YoutubePlayer } from "./components/YoutubePlayer";
 export { Table, TableRow, TableCell } from "./components/Table";
-export { SwipeableView, SwipeableViewButton, SwipeableViewSwipeHandler, } from "./components/SwipeableView";
 /* Deprecated: Fix or Delete!  */
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
 export { default as Picker } from "./components/Picker/Picker";

package/src/index.tsx

@@ -64,12 +64,6 @@ export { YoutubePlayer } from "./components/YoutubePlayer";
 
 export { Table, TableRow, TableCell } from "./components/Table";
 
-export {
-  SwipeableView,
-  SwipeableViewButton,
-  SwipeableViewSwipeHandler,
-} from "./components/SwipeableView";
-
 /* Deprecated: Fix or Delete!  */
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
 export { default as Picker } from "./components/Picker/Picker";

package/src/mappings/DeckSwiper.js

@@ -1,12 +1,17 @@
-import { COMPONENT_TYPES, Triggers, createActionProp, createStaticNumberProp, createStaticBoolProp, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
+import { COMPONENT_TYPES, Triggers, createActionProp, createStaticNumberProp, createStaticBoolProp, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Deck Swiper",
     tag: "DeckSwiper",
     description: "Deck swiper container",
     category: COMPONENT_TYPES.swiper,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
+    stylesPanelSections: [
+        StylesPanelSections.Size,
+        StylesPanelSections.Margins,
+        StylesPanelSections.Effects,
+    ],
     layout: {
-        width: "100%",
+        flex: 1,
+        position: "absolute",
     },
     triggers: [Triggers.OnIndexChanged, Triggers.OnEndReached],
     props: {

package/src/mappings/DeckSwiper.ts

@@ -4,7 +4,7 @@ import {
   createActionProp,
   createStaticNumberProp,
   createStaticBoolProp,
-  BLOCK_STYLES_SECTIONS,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -12,9 +12,14 @@ export const SEED_DATA = {
   tag: "DeckSwiper",
   description: "Deck swiper container",
   category: COMPONENT_TYPES.swiper,
-  stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  stylesPanelSections: [
+    StylesPanelSections.Size,
+    StylesPanelSections.Margins,
+    StylesPanelSections.Effects,
+  ],
   layout: {
-    width: "100%",
+    flex: 1,
+    position: "absolute",
   },
   triggers: [Triggers.OnIndexChanged, Triggers.OnEndReached],
   props: {

package/src/mappings/Shadow.js

@@ -1,10 +1,17 @@
-import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS, createColorProp, createStaticNumberProp, createStaticBoolProp, createDisabledProp, GROUPS, } from "@draftbit/types";
+import { COMPONENT_TYPES, createColorProp, createStaticNumberProp, createStaticBoolProp, createDisabledProp, GROUPS, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Shadow",
     tag: "Shadow",
     description: "A cross-platform, universal shadow.",
     category: COMPONENT_TYPES.view,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+    stylesPanelSections: [
+        StylesPanelSections.LayoutSelectedItem,
+        StylesPanelSections.Size,
+        StylesPanelSections.Margins,
+        StylesPanelSections.Position,
+        StylesPanelSections.Borders,
+        StylesPanelSections.Effects,
+    ],
     props: {
         disabled: createDisabledProp({
             description: "Disables the shadow.",
@@ -26,7 +33,7 @@ export const SEED_DATA = {
         paintInside: createStaticBoolProp({
             label: "Paint Inside",
             description: "Apply the shadow below/inside the content.",
-            defaultValue: false,
+            defaultValue: true,
         }),
         stretch: createStaticBoolProp({
             label: "Stretch",

package/src/mappings/Shadow.ts

@@ -1,11 +1,11 @@
 import {
   COMPONENT_TYPES,
-  CONTAINER_COMPONENT_STYLES_SECTIONS,
   createColorProp,
   createStaticNumberProp,
   createStaticBoolProp,
   createDisabledProp,
   GROUPS,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -13,7 +13,14 @@ export const SEED_DATA = {
   tag: "Shadow",
   description: "A cross-platform, universal shadow.",
   category: COMPONENT_TYPES.view,
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  stylesPanelSections: [
+    StylesPanelSections.LayoutSelectedItem,
+    StylesPanelSections.Size,
+    StylesPanelSections.Margins,
+    StylesPanelSections.Position,
+    StylesPanelSections.Borders,
+    StylesPanelSections.Effects,
+  ],
   props: {
     disabled: createDisabledProp({
       description: "Disables the shadow.",
@@ -35,7 +42,7 @@ export const SEED_DATA = {
     paintInside: createStaticBoolProp({
       label: "Paint Inside",
       description: "Apply the shadow below/inside the content.",
-      defaultValue: false,
+      defaultValue: true,
     }),
     stretch: createStaticBoolProp({
       label: "Stretch",

package/src/utilities.js

@@ -65,56 +65,6 @@ export function extractBorderAndMarginStyles(style, additionalBorderStyles, addi
     ]), identity);
     return { borderStyles, marginStyles };
 }
-export const flexItemStyleNames = [
-    "alignSelf",
-    "flexBasis",
-    "flexShrink",
-    "flexGrow",
-    "flex",
-];
-export function extractFlexItemStyles(style, additionalFlexItemStyles) {
-    const flatStyle = StyleSheet.flatten(style || {});
-    const flexItemStyles = pickBy(pick(flatStyle, [
-        ...flexItemStyleNames,
-        ...(additionalFlexItemStyles ? additionalFlexItemStyles : []),
-    ]), identity);
-    return flexItemStyles;
-}
-export const positionStyleNames = [
-    "position",
-    "left",
-    "right",
-    "top",
-    "bottom",
-    "zIndex",
-    "overflow",
-];
-export function extractPositionStyles(style, additionalPositionStyles) {
-    const flatStyle = StyleSheet.flatten(style || {});
-    const positionStyles = pickBy(pick(flatStyle, [
-        ...positionStyleNames,
-        ...(additionalPositionStyles ? additionalPositionStyles : []),
-    ]), identity);
-    return positionStyles;
-}
-export const effectsStyleNames = ["opacity", "elevation"];
-export function extractEffectStyles(style, additionalEffectStyles) {
-    const flatStyle = StyleSheet.flatten(style || {});
-    const effectStyles = pickBy(pick(flatStyle, [
-        ...effectsStyleNames,
-        ...(additionalEffectStyles ? additionalEffectStyles : []),
-    ]), identity);
-    return effectStyles;
-}
-export const sizeStyleNames = ["width", "height"];
-export function extractSizeStyles(style, additionalSizeStyles) {
-    const flatStyle = StyleSheet.flatten(style || {});
-    const sizeStyles = pickBy(pick(flatStyle, [
-        ...sizeStyleNames,
-        ...(additionalSizeStyles ? additionalSizeStyles : []),
-    ]), identity);
-    return sizeStyles;
-}
 /**
  * Merges a style object on top of another style object. In React Native,
  * keys with undefined values in a style object will still override styles

package/src/utilities.ts

@@ -98,96 +98,6 @@ export function extractBorderAndMarginStyles(
   return { borderStyles, marginStyles };
 }
 
-export const flexItemStyleNames = [
-  "alignSelf",
-  "flexBasis",
-  "flexShrink",
-  "flexGrow",
-  "flex",
-];
-
-export function extractFlexItemStyles(
-  style: StyleProp<any>,
-  additionalFlexItemStyles?: string[]
-) {
-  const flatStyle = StyleSheet.flatten(style || {});
-
-  const flexItemStyles = pickBy(
-    pick(flatStyle, [
-      ...flexItemStyleNames,
-      ...(additionalFlexItemStyles ? additionalFlexItemStyles : []),
-    ]),
-    identity
-  );
-
-  return flexItemStyles;
-}
-
-export const positionStyleNames = [
-  "position",
-  "left",
-  "right",
-  "top",
-  "bottom",
-  "zIndex",
-  "overflow",
-];
-
-export function extractPositionStyles(
-  style: StyleProp<any>,
-  additionalPositionStyles?: string[]
-) {
-  const flatStyle = StyleSheet.flatten(style || {});
-
-  const positionStyles = pickBy(
-    pick(flatStyle, [
-      ...positionStyleNames,
-      ...(additionalPositionStyles ? additionalPositionStyles : []),
-    ]),
-    identity
-  );
-
-  return positionStyles;
-}
-
-export const effectsStyleNames = ["opacity", "elevation"];
-
-export function extractEffectStyles(
-  style: StyleProp<any>,
-  additionalEffectStyles?: string[]
-) {
-  const flatStyle = StyleSheet.flatten(style || {});
-
-  const effectStyles = pickBy(
-    pick(flatStyle, [
-      ...effectsStyleNames,
-      ...(additionalEffectStyles ? additionalEffectStyles : []),
-    ]),
-    identity
-  );
-
-  return effectStyles;
-}
-
-export const sizeStyleNames = ["width", "height"];
-
-export function extractSizeStyles(
-  style: StyleProp<any>,
-  additionalSizeStyles?: string[]
-) {
-  const flatStyle = StyleSheet.flatten(style || {});
-
-  const sizeStyles = pickBy(
-    pick(flatStyle, [
-      ...sizeStyleNames,
-      ...(additionalSizeStyles ? additionalSizeStyles : []),
-    ]),
-    identity
-  );
-
-  return sizeStyles;
-}
-
 /**
  * Merges a style object on top of another style object. In React Native,
  * keys with undefined values in a style object will still override styles

package/lib/commonjs/components/SwipeableView/SwipeableView.js

@@ -1,155 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _Pressable = _interopRequireDefault(require("../Pressable"));
-var _utilities = require("../../utilities");
-var _reactNativeSwipeListView = require("react-native-swipe-list-view");
-var _theming = require("../../theming");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const SwipeableView = _ref => {
-  let {
-    theme,
-    style,
-    children,
-    Icon,
-    closeOnPress,
-    leftOpenValue,
-    rightOpenValue,
-    leftActivationValue,
-    rightActivationValue,
-    swipeActivationPercentage = 80,
-    stopLeftSwipe,
-    stopRightSwipe,
-    friction = 20,
-    ...rest
-  } = _ref;
-  const instanceOfSwipeableViewButtonProps = object => {
-    return "title" in object && "side" in object && "onPress" in object;
-  };
-  const instanceOfSwipeableViewSwipeHandlerProps = object => {
-    return "title" in object && "side" in object && "onSwipe" in object;
-  };
-  const {
-    viewStyles,
-    textStyles
-  } = (0, _utilities.extractStyles)(style);
-  const {
-    borderStyles,
-    marginStyles
-  } = (0, _utilities.extractBorderAndMarginStyles)(viewStyles);
-  const parentContainerStyles = _reactNative.StyleSheet.flatten([borderStyles, marginStyles, (0, _utilities.extractFlexItemStyles)(viewStyles), (0, _utilities.extractPositionStyles)(viewStyles), (0, _utilities.extractEffectStyles)(viewStyles), (0, _utilities.extractSizeStyles)(viewStyles)]);
-
-  //Remove styles already consumed from viewStyles
-  Object.keys(parentContainerStyles).forEach(key => delete viewStyles[key]);
-  const surfaceContainerStyles = viewStyles;
-  const [componentWidth, setComponentWidth] = _react.default.useState(null);
-  const leftButtons = _react.default.useMemo(() => _react.default.Children.toArray(children).filter(child => /*#__PURE__*/_react.default.isValidElement(child) && instanceOfSwipeableViewButtonProps(child.props) && child.props.side === "left"), [children]);
-  const rightButtons = _react.default.useMemo(() => _react.default.Children.toArray(children).filter(child => /*#__PURE__*/_react.default.isValidElement(child) && instanceOfSwipeableViewButtonProps(child.props) && child.props.side === "right"), [children]);
-  const leftSwipeHandlers = _react.default.useMemo(() => _react.default.Children.toArray(children).filter(child => /*#__PURE__*/_react.default.isValidElement(child) && instanceOfSwipeableViewSwipeHandlerProps(child.props) && child.props.side === "left"), [children]);
-  const rightSwipeHandlers = _react.default.useMemo(() => _react.default.Children.toArray(children).filter(child => /*#__PURE__*/_react.default.isValidElement(child) && instanceOfSwipeableViewSwipeHandlerProps(child.props) && child.props.side === "right"), [children]);
-  const remainingChildren = _react.default.useMemo(() => _react.default.Children.toArray(children).filter(child => /*#__PURE__*/_react.default.isValidElement(child) && !instanceOfSwipeableViewSwipeHandlerProps(child.props) && !instanceOfSwipeableViewButtonProps(child.props)), [children]);
-  if (leftButtons.length > 2 || rightButtons.length > 2) {
-    throw Error("Cannot have more than 2 buttons per side");
-  }
-  if (leftSwipeHandlers.length > 1 || rightSwipeHandlers.length > 1) {
-    throw Error("Cannot have more than 1 swiper handler per side");
-  }
-  if (leftButtons.length && leftSwipeHandlers.length || rightButtons.length && rightSwipeHandlers.length) {
-    throw Error("Cannot combine swiper handler and buttons on the same side");
-  }
-
-  //Renders a single button/item. Used for both buttons and swipe handler
-  const renderBehindItem = (props, index) => /*#__PURE__*/_react.default.createElement(_Pressable.default, {
-    key: index.toString(),
-    onPress: props.onPress,
-    style: [styles.buttonContainer, {
-      backgroundColor: props.backgroundColor || theme.colors.primary
-    }]
-  }, props.icon && /*#__PURE__*/_react.default.createElement(Icon, {
-    name: props.icon,
-    size: props.iconSize || 25,
-    color: props.color || theme.colors.surface
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [textStyles, {
-      color: props.color || theme.colors.surface
-    }]
-  }, props.title));
-  const isLeftSwipeHandler = !!leftSwipeHandlers.length;
-  const isRightSwipeHandler = !!rightSwipeHandlers.length;
-  const defaultLeftOpenValue = componentWidth ? componentWidth / 2 : 0;
-  const defaultRightOpenValue = componentWidth ? -componentWidth / 2 : 0;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    onLayout: event => {
-      setComponentWidth(event.nativeEvent.layout.width);
-    },
-    style: [styles.parentContainer, parentContainerStyles]
-  }, /*#__PURE__*/_react.default.createElement(_reactNativeSwipeListView.SwipeRow, _extends({
-    leftOpenValue: isLeftSwipeHandler ? 0 : leftOpenValue || defaultLeftOpenValue //If in swiping mode, don't keep open
-    ,
-
-    rightOpenValue: isRightSwipeHandler ? 0 : rightOpenValue || defaultRightOpenValue,
-    leftActivationValue: leftActivationValue || isLeftSwipeHandler ? defaultLeftOpenValue * (swipeActivationPercentage / 100) //When swipe passes activation percentage then it should be considered activated (call onSwipe)
-    : defaultLeftOpenValue,
-    rightActivationValue: rightActivationValue || isRightSwipeHandler ? defaultRightOpenValue * (swipeActivationPercentage / 100) : defaultRightOpenValue,
-    stopLeftSwipe: stopLeftSwipe || defaultLeftOpenValue,
-    stopRightSwipe: stopRightSwipe || defaultRightOpenValue,
-    onLeftAction: isLeftSwipeHandler ? () => {
-      var _leftSwipeHandlers$0$, _leftSwipeHandlers$0$2;
-      return (_leftSwipeHandlers$0$ = (_leftSwipeHandlers$0$2 = leftSwipeHandlers[0].props).onSwipe) === null || _leftSwipeHandlers$0$ === void 0 ? void 0 : _leftSwipeHandlers$0$.call(_leftSwipeHandlers$0$2);
-    } : undefined,
-    onRightAction: isRightSwipeHandler ? () => {
-      var _rightSwipeHandlers$, _rightSwipeHandlers$2;
-      return (_rightSwipeHandlers$ = (_rightSwipeHandlers$2 = rightSwipeHandlers[0].props).onSwipe) === null || _rightSwipeHandlers$ === void 0 ? void 0 : _rightSwipeHandlers$.call(_rightSwipeHandlers$2);
-    } : undefined,
-    closeOnRowPress: closeOnPress,
-    friction: friction
-  }, rest), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.behindContainer
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.behindContainerItem
-  }, (isLeftSwipeHandler ? leftSwipeHandlers : leftButtons).map((item, index) => renderBehindItem(item.props, index))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.behindContainerItem
-  }, (isRightSwipeHandler ? rightSwipeHandlers : rightButtons).map((item, index) => renderBehindItem(item.props, index)))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.surfaceContainer, {
-      backgroundColor: theme.colors.background
-    }, surfaceContainerStyles]
-  }, remainingChildren)));
-};
-const styles = _reactNative.StyleSheet.create({
-  parentContainer: {
-    overflow: "hidden",
-    minHeight: 50
-  },
-  behindContainer: {
-    flex: 1,
-    width: "100%",
-    height: "100%",
-    flexDirection: "row"
-  },
-  behindContainerItem: {
-    flex: 1,
-    flexDirection: "row"
-  },
-  buttonContainer: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  surfaceContainer: {
-    flexDirection: "row",
-    width: "100%",
-    height: "100%",
-    padding: 10,
-    alignItems: "center",
-    overflow: "hidden"
-  }
-});
-var _default = (0, _theming.withTheme)(SwipeableView);
-exports.default = _default;
-//# sourceMappingURL=SwipeableView.js.map

package/lib/commonjs/components/SwipeableView/SwipeableView.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SwipeableView","theme","style","children","Icon","closeOnPress","leftOpenValue","rightOpenValue","leftActivationValue","rightActivationValue","swipeActivationPercentage","stopLeftSwipe","stopRightSwipe","friction","rest","instanceOfSwipeableViewButtonProps","object","instanceOfSwipeableViewSwipeHandlerProps","viewStyles","textStyles","extractStyles","borderStyles","marginStyles","extractBorderAndMarginStyles","parentContainerStyles","StyleSheet","flatten","extractFlexItemStyles","extractPositionStyles","extractEffectStyles","extractSizeStyles","Object","keys","forEach","key","surfaceContainerStyles","componentWidth","setComponentWidth","React","useState","leftButtons","useMemo","Children","toArray","filter","child","isValidElement","props","side","rightButtons","leftSwipeHandlers","rightSwipeHandlers","remainingChildren","length","Error","renderBehindItem","index","toString","onPress","styles","buttonContainer","backgroundColor","colors","primary","icon","iconSize","color","surface","title","isLeftSwipeHandler","isRightSwipeHandler","defaultLeftOpenValue","defaultRightOpenValue","event","nativeEvent","layout","width","parentContainer","onSwipe","undefined","behindContainer","behindContainerItem","map","item","surfaceContainer","background","create","overflow","minHeight","flex","height","flexDirection","alignItems","justifyContent","padding","withTheme"],"sourceRoot":"../../../../src","sources":["components/SwipeableView/SwipeableView.tsx"],"mappings":"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"}

package/lib/commonjs/components/SwipeableView/SwipeableViewButton.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-//Renders nothing, acts as a wrapper be used by SwipeableView
-const SwipeableViewButton = () => {
-  return null;
-};
-var _default = SwipeableViewButton;
-exports.default = _default;
-//# sourceMappingURL=SwipeableViewButton.js.map

package/lib/commonjs/components/SwipeableView/SwipeableViewButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SwipeableViewButton"],"sourceRoot":"../../../../src","sources":["components/SwipeableView/SwipeableViewButton.tsx"],"mappings":";;;;;;AAYA;AACA,MAAMA,mBAAuD,GAAG,MAAM;EACpE,OAAO,IAAI;AACb,CAAC;AAAC,eAEaA,mBAAmB;AAAA"}

package/lib/commonjs/components/SwipeableView/SwipeableViewSwipeHandler.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-//Renders nothing, acts as a wrapper to be used by SwipeableView
-const SwipeableViewSwipeHandler = () => {
-  return null;
-};
-var _default = SwipeableViewSwipeHandler;
-exports.default = _default;
-//# sourceMappingURL=SwipeableViewSwipeHandler.js.map

package/lib/commonjs/components/SwipeableView/SwipeableViewSwipeHandler.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SwipeableViewSwipeHandler"],"sourceRoot":"../../../../src","sources":["components/SwipeableView/SwipeableViewSwipeHandler.tsx"],"mappings":";;;;;;AAYA;AACA,MAAMA,yBAEL,GAAG,MAAM;EACR,OAAO,IAAI;AACb,CAAC;AAAC,eAEaA,yBAAyB;AAAA"}

package/lib/commonjs/components/SwipeableView/index.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SwipeableView", {
-  enumerable: true,
-  get: function () {
-    return _SwipeableView.default;
-  }
-});
-Object.defineProperty(exports, "SwipeableViewButton", {
-  enumerable: true,
-  get: function () {
-    return _SwipeableViewButton.default;
-  }
-});
-Object.defineProperty(exports, "SwipeableViewSwipeHandler", {
-  enumerable: true,
-  get: function () {
-    return _SwipeableViewSwipeHandler.default;
-  }
-});
-var _SwipeableView = _interopRequireDefault(require("./SwipeableView"));
-var _SwipeableViewButton = _interopRequireDefault(require("./SwipeableViewButton"));
-var _SwipeableViewSwipeHandler = _interopRequireDefault(require("./SwipeableViewSwipeHandler"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/lib/commonjs/components/SwipeableView/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/SwipeableView/index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAAmF"}