@draftbit/core 46.4.4-d93fe1.2 → 46.4.4-dc4ec4.2

package/lib/module/components/StepIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","View","Text","StyleSheet","Animated","TouchableWithoutFeedback","STEP_STATUS","CURRENT","FINISHED","UNFINISHED","StepIndicator","constructor","props","stepCount","direction","progressBarBackgroundStyle","backgroundColor","state","customStyles","separatorUnFinishedColor","position","left","width","separatorStrokeWidth","top","height","bottom","separatorStrokeUnfinishedWidth","right","event","setState","progressBarSize","nativeEvent","layout","onCurrentPositionChanged","currentPosition","progressBarStyle","separatorFinishedColor","separatorStrokeFinishedWidth","progressAnim","steps","push","stepPressed","styles","stepContainer","flexDirection","renderStep","stepIndicatorContainer","currentStepIndicatorSize","labels","renderLabel","labelViews","map","label","index","selectedStepLabelStyle","color","currentStepLabelColor","labelColor","stepLabelItem","stepStatus","getStepStatus","stepLabel","fontSize","labelSize","fontFamily","labelFontFamily","stepLabelsContainer","paddingHorizontal","paddingVertical","alignItems","labelAlign","renderStepIndicator","stepStyle","indicatorLabelStyle","stepIndicatorCurrentColor","borderWidth","currentStepStrokeWidth","borderColor","stepStrokeCurrentColor","sizeAnim","borderRadius","borderRadiusAnim","currentStepIndicatorLabelFontSize","stepIndicatorLabelCurrentColor","stepIndicatorFinishedColor","stepStrokeWidth","stepStrokeFinishedColor","stepIndicatorSize","stepIndicatorLabelFontSize","stepIndicatorLabelFinishedColor","stepIndicatorUnFinishedColor","stepStrokeUnFinishedColor","overflow","stepIndicatorLabelUnFinishedColor","step","stepPosition","animateToPosition","setValue","sequence","timing","toValue","duration","parallel","start","defaultStyles","Object","assign","Value","onPress","render","container","flex","renderProgressBarBackground","renderProgressBar","renderStepLabels","componentDidUpdate","prevProps","create","justifyContent","zIndex","textAlign","fontWeight","defaultProps"],"sources":["StepIndicator.tsx"],"sourcesContent":["// @ts-nocheck\nimport React, { Component } from \"react\";\nimport {\n  View,\n  Text,\n  StyleSheet,\n  Animated,\n  TouchableWithoutFeedback,\n} from \"react-native\";\n\nconst STEP_STATUS = {\n  CURRENT: \"current\",\n  FINISHED: \"finished\",\n  UNFINISHED: \"unfinished\",\n};\n\ninterface CustomStyles {\n  stepIndicatorSize?: number;\n  currentStepIndicatorSize?: number;\n  separatorStrokeWidth?: number;\n  separatorStrokeUnfinishedWidth?: number;\n  separatorStrokeFinishedWidth?: number;\n  currentStepStrokeWidth: number;\n  stepStrokeWidth?: number;\n  stepStrokeCurrentColor?: string;\n  stepStrokeFinishedColor: string;\n  stepStrokeUnFinishedColor: string;\n  separatorFinishedColor: string;\n  separatorUnFinishedColor: string;\n  stepIndicatorFinishedColor: string;\n  stepIndicatorUnFinishedColor: string;\n  stepIndicatorCurrentColor: string;\n  stepIndicatorLabelFontSize: number;\n  currentStepIndicatorLabelFontSize?: number;\n  stepIndicatorLabelCurrentColor: string;\n  stepIndicatorLabelFinishedColor: string;\n  stepIndicatorLabelUnFinishedColor: string;\n  labelColor?: string;\n  labelSize?: number;\n  labelAlign?: string;\n  currentStepLabelColor?: string;\n  labelFontFamily?: string;\n}\n\ntype Props = {\n  stepCount: number;\n  currentPosition: number;\n  customStyles: CustomStyles;\n};\n\ntype State = {\n  width: number;\n  height: number;\n  progressBarSize: number;\n  customStyles: CustomStyles;\n};\n\nexport default class StepIndicator extends Component<Props, State> {\n  constructor(props: Props) {\n    super(props);\n\n    const defaultStyles = {\n      stepIndicatorSize: 30,\n      currentStepIndicatorSize: 40,\n      separatorStrokeWidth: 3,\n      separatorStrokeUnfinishedWidth: 0,\n      separatorStrokeFinishedWidth: 0,\n      currentStepStrokeWidth: 5,\n      stepStrokeWidth: 0,\n      stepStrokeCurrentColor: \"#4aae4f\",\n      stepStrokeFinishedColor: \"#4aae4f\",\n      stepStrokeUnFinishedColor: \"#4aae4f\",\n      separatorFinishedColor: \"#4aae4f\",\n      separatorUnFinishedColor: \"#a4d4a5\",\n      stepIndicatorFinishedColor: \"#4aae4f\",\n      stepIndicatorUnFinishedColor: \"#a4d4a5\",\n      stepIndicatorCurrentColor: \"#ffffff\",\n      stepIndicatorLabelFontSize: 15,\n      currentStepIndicatorLabelFontSize: 15,\n      stepIndicatorLabelCurrentColor: \"#000000\",\n      stepIndicatorLabelFinishedColor: \"#ffffff\",\n      stepIndicatorLabelUnFinishedColor: \"rgba(255,255,255,0.5)\",\n      labelColor: \"#000000\",\n      labelSize: 13,\n      labelAlign: \"center\",\n      currentStepLabelColor: \"#4aae4f\",\n    };\n\n    const customStyles = Object.assign(defaultStyles, props.customStyles);\n\n    this.state = {\n      width: 0,\n      height: 1,\n      progressBarSize: -2,\n      customStyles,\n    };\n\n    this.progressAnim = new Animated.Value(0);\n    this.sizeAnim = new Animated.Value(\n      this.state.customStyles.stepIndicatorSize\n    );\n    this.borderRadiusAnim = new Animated.Value(\n      this.state.customStyles.stepIndicatorSize / 2\n    );\n  }\n\n  stepPressed(position) {\n    if (this.props.onPress) {\n      this.props.onPress(position);\n    }\n  }\n\n  render() {\n    const { labels, direction } = this.props;\n    return (\n      <View\n        style={[\n          styles.container,\n          direction === \"vertical\"\n            ? { flexDirection: \"row\", flex: 1 }\n            : { flexDirection: \"column\" },\n        ]}\n      >\n        {this.state.width !== 0 && this.renderProgressBarBackground()}\n        {this.state.width !== 0 && this.renderProgressBar()}\n        {this.renderStepIndicator()}\n        {labels && this.renderStepLabels()}\n      </View>\n    );\n  }\n\n  componentDidUpdate(prevProps) {\n    // if (prevProps.customStyles !== this.props.customStyles) {\n    //   this.setState((state) => ({\n    //     customStyles: Object.assign(\n    //       state.customStyles,\n    //       this.props.customStyles\n    //     ),\n    //   }));\n    // }\n\n    if (prevProps.currentPosition !== this.props.currentPosition) {\n      this.onCurrentPositionChanged(this.props.currentPosition);\n    }\n  }\n\n  renderProgressBarBackground = () => {\n    const { stepCount, direction } = this.props;\n    let progressBarBackgroundStyle;\n    if (direction === \"vertical\") {\n      progressBarBackgroundStyle = {\n        backgroundColor: this.state.customStyles.separatorUnFinishedColor,\n        position: \"absolute\",\n        left:\n          (this.state.width - this.state.customStyles.separatorStrokeWidth) / 2,\n        top: this.state.height / (2 * stepCount),\n        bottom: this.state.height / (2 * stepCount),\n        width:\n          this.state.customStyles.separatorStrokeUnfinishedWidth === 0\n            ? this.state.customStyles.separatorStrokeWidth\n            : this.state.customStyles.separatorStrokeUnfinishedWidth,\n      };\n    } else {\n      progressBarBackgroundStyle = {\n        backgroundColor: this.state.customStyles.separatorUnFinishedColor,\n        position: \"absolute\",\n        top:\n          (this.state.height - this.state.customStyles.separatorStrokeWidth) /\n          2,\n        left: this.state.width / (2 * stepCount),\n        right: this.state.width / (2 * stepCount),\n        height:\n          this.state.customStyles.separatorStrokeUnfinishedWidth === 0\n            ? this.state.customStyles.separatorStrokeWidth\n            : this.state.customStyles.separatorStrokeUnfinishedWidth,\n      };\n    }\n    return (\n      <View\n        onLayout={(event) => {\n          if (direction === \"vertical\") {\n            this.setState(\n              { progressBarSize: event.nativeEvent.layout.height },\n              () => {\n                this.onCurrentPositionChanged(this.props.currentPosition);\n              }\n            );\n          } else {\n            this.setState(\n              { progressBarSize: event.nativeEvent.layout.width },\n              () => {\n                this.onCurrentPositionChanged(this.props.currentPosition);\n              }\n            );\n          }\n        }}\n        style={progressBarBackgroundStyle}\n      />\n    );\n  };\n\n  renderProgressBar = () => {\n    const { stepCount, direction } = this.props;\n    let progressBarStyle;\n    if (direction === \"vertical\") {\n      progressBarStyle = {\n        backgroundColor: this.state.customStyles.separatorFinishedColor,\n        position: \"absolute\",\n        left:\n          (this.state.width - this.state.customStyles.separatorStrokeWidth) / 2,\n        top: this.state.height / (2 * stepCount),\n        bottom: this.state.height / (2 * stepCount),\n        width:\n          this.state.customStyles.separatorStrokeFinishedWidth === 0\n            ? this.state.customStyles.separatorStrokeWidth\n            : this.state.customStyles.separatorStrokeFinishedWidth,\n        height: this.progressAnim,\n      };\n    } else {\n      progressBarStyle = {\n        backgroundColor: this.state.customStyles.separatorFinishedColor,\n        position: \"absolute\",\n        top:\n          (this.state.height - this.state.customStyles.separatorStrokeWidth) /\n          2,\n        left: this.state.width / (2 * stepCount),\n        right: this.state.width / (2 * stepCount),\n        height:\n          this.state.customStyles.separatorStrokeFinishedWidth === 0\n            ? this.state.customStyles.separatorStrokeWidth\n            : this.state.customStyles.separatorStrokeFinishedWidth,\n        width: this.progressAnim,\n      };\n    }\n    return <Animated.View style={progressBarStyle} />;\n  };\n\n  renderStepIndicator = () => {\n    let steps = [];\n    const { stepCount, direction } = this.props;\n    for (let position = 0; position < stepCount; position++) {\n      steps.push(\n        <TouchableWithoutFeedback\n          key={position}\n          onPress={() => this.stepPressed(position)}\n        >\n          <View\n            style={[\n              styles.stepContainer,\n              direction === \"vertical\"\n                ? { flexDirection: \"column\" }\n                : { flexDirection: \"row\" },\n            ]}\n          >\n            {this.renderStep(position)}\n          </View>\n        </TouchableWithoutFeedback>\n      );\n    }\n    return (\n      <View\n        onLayout={(event) =>\n          this.setState({\n            width: event.nativeEvent.layout.width,\n            height: event.nativeEvent.layout.height,\n          })\n        }\n        style={[\n          styles.stepIndicatorContainer,\n          direction === \"vertical\"\n            ? {\n                flexDirection: \"column\",\n                width: this.state.customStyles.currentStepIndicatorSize,\n              }\n            : {\n                flexDirection: \"row\",\n                height: this.state.customStyles.currentStepIndicatorSize,\n              },\n        ]}\n      >\n        {steps}\n      </View>\n    );\n  };\n\n  renderStepLabels = () => {\n    const { labels, direction, currentPosition, renderLabel } = this.props;\n    var labelViews = labels.map((label, index) => {\n      const selectedStepLabelStyle =\n        index === currentPosition\n          ? { color: this.state.customStyles.currentStepLabelColor }\n          : { color: this.state.customStyles.labelColor };\n      return (\n        <TouchableWithoutFeedback\n          style={styles.stepLabelItem}\n          key={index}\n          onPress={() => this.stepPressed(index)}\n        >\n          <View style={styles.stepLabelItem}>\n            {renderLabel ? (\n              renderLabel({\n                position: index,\n                stepStatus: this.getStepStatus(index),\n                label,\n                currentPosition,\n              })\n            ) : (\n              <Text\n                style={[\n                  styles.stepLabel,\n                  selectedStepLabelStyle,\n                  {\n                    fontSize: this.state.customStyles.labelSize,\n                    fontFamily: this.state.customStyles.labelFontFamily,\n                  },\n                ]}\n              >\n                {label}\n              </Text>\n            )}\n          </View>\n        </TouchableWithoutFeedback>\n      );\n    });\n\n    return (\n      <View\n        style={[\n          styles.stepLabelsContainer,\n          direction === \"vertical\"\n            ? { flexDirection: \"column\", paddingHorizontal: 4 }\n            : { flexDirection: \"row\", paddingVertical: 4 },\n          { alignItems: this.state.customStyles.labelAlign },\n        ]}\n      >\n        {labelViews}\n      </View>\n    );\n  };\n\n  renderStep = (position) => {\n    const { renderStepIndicator } = this.props;\n    let stepStyle;\n    let indicatorLabelStyle;\n\n    switch (this.getStepStatus(position)) {\n      case STEP_STATUS.CURRENT: {\n        stepStyle = {\n          backgroundColor: this.state.customStyles.stepIndicatorCurrentColor,\n          borderWidth: this.state.customStyles.currentStepStrokeWidth,\n          borderColor: this.state.customStyles.stepStrokeCurrentColor,\n          height: this.sizeAnim,\n          width: this.sizeAnim,\n          borderRadius: this.borderRadiusAnim,\n        };\n        indicatorLabelStyle = {\n          fontSize: this.state.customStyles.currentStepIndicatorLabelFontSize,\n          color: this.state.customStyles.stepIndicatorLabelCurrentColor,\n        };\n\n        break;\n      }\n      case STEP_STATUS.FINISHED: {\n        stepStyle = {\n          backgroundColor: this.state.customStyles.stepIndicatorFinishedColor,\n          borderWidth: this.state.customStyles.stepStrokeWidth,\n          borderColor: this.state.customStyles.stepStrokeFinishedColor,\n          height: this.state.customStyles.stepIndicatorSize,\n          width: this.state.customStyles.stepIndicatorSize,\n          borderRadius: this.state.customStyles.stepIndicatorSize / 2,\n        };\n        indicatorLabelStyle = {\n          fontSize: this.state.customStyles.stepIndicatorLabelFontSize,\n          color: this.state.customStyles.stepIndicatorLabelFinishedColor,\n        };\n        break;\n      }\n\n      case STEP_STATUS.UNFINISHED: {\n        stepStyle = {\n          backgroundColor: this.state.customStyles.stepIndicatorUnFinishedColor,\n          borderWidth: this.state.customStyles.stepStrokeWidth,\n          borderColor: this.state.customStyles.stepStrokeUnFinishedColor,\n          height: this.state.customStyles.stepIndicatorSize,\n          width: this.state.customStyles.stepIndicatorSize,\n          borderRadius: this.state.customStyles.stepIndicatorSize / 2,\n        };\n        indicatorLabelStyle = {\n          overflow: \"hidden\",\n          fontSize: this.state.customStyles.stepIndicatorLabelFontSize,\n          color: this.state.customStyles.stepIndicatorLabelUnFinishedColor,\n        };\n        break;\n      }\n      default:\n    }\n\n    return (\n      <Animated.View key={\"step-indicator\"} style={[styles.step, stepStyle]}>\n        {renderStepIndicator ? (\n          renderStepIndicator({\n            position,\n            stepStatus: this.getStepStatus(position),\n          })\n        ) : (\n          <Text style={indicatorLabelStyle}>{`${position + 1}`}</Text>\n        )}\n      </Animated.View>\n    );\n  };\n\n  getStepStatus = (stepPosition) => {\n    const { currentPosition } = this.props;\n    if (stepPosition === currentPosition) {\n      return STEP_STATUS.CURRENT;\n    } else if (stepPosition < currentPosition) {\n      return STEP_STATUS.FINISHED;\n    } else {\n      return STEP_STATUS.UNFINISHED;\n    }\n  };\n\n  onCurrentPositionChanged = (position) => {\n    let { stepCount } = this.props;\n    if (position > stepCount - 1) {\n      position = stepCount - 1;\n    }\n    const animateToPosition =\n      (this.state.progressBarSize / (stepCount - 1)) * position;\n    this.sizeAnim.setValue(this.state.customStyles.stepIndicatorSize);\n    this.borderRadiusAnim.setValue(\n      this.state.customStyles.stepIndicatorSize / 2\n    );\n    Animated.sequence([\n      Animated.timing(this.progressAnim, {\n        toValue: animateToPosition,\n        duration: 200,\n      }),\n      Animated.parallel([\n        Animated.timing(this.sizeAnim, {\n          toValue: this.state.customStyles.currentStepIndicatorSize,\n          duration: 100,\n        }),\n        Animated.timing(this.borderRadiusAnim, {\n          toValue: this.state.customStyles.currentStepIndicatorSize / 2,\n          duration: 100,\n        }),\n      ]),\n    ]).start();\n  };\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: \"transparent\",\n  },\n  stepIndicatorContainer: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    backgroundColor: \"transparent\",\n  },\n  stepLabelsContainer: {\n    justifyContent: \"space-around\",\n  },\n  step: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    zIndex: 2,\n  },\n  stepContainer: {\n    flex: 1,\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  stepLabel: {\n    fontSize: 12,\n    textAlign: \"center\",\n    fontWeight: \"500\",\n  },\n  stepLabelItem: {\n    flex: 1,\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n});\n\nStepIndicator.defaultProps = {\n  currentPosition: 0,\n  stepCount: 5,\n  customStyles: {},\n  direction: \"horizontal\",\n};\n"],"mappings":"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"}

package/lib/module/components/Stepper.js

@@ -3,7 +3,6 @@ import { View, Text } from "react-native";
 import { isNumber } from "lodash";
 import { withTheme } from "../theming";
 import IconButton from "./IconButton";
-
 const Stepper = _ref => {
   let {
     min = -Infinity,
@@ -21,24 +20,20 @@ const Stepper = _ref => {
     },
     Icon
   } = _ref;
-  const [value, setValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0);
-
+  const [value, setValue] = useState(defaultValue ?? 0);
   const isValidValue = valueArg => valueArg >= min && valueArg <= max;
-
   const handlePlusOrMinus = type => {
     const newValue = type === "plus" ? value + 1 : value - 1;
-
     if (isValidValue(newValue)) {
       setValue(newValue);
       onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
     }
   };
-
   useEffect(() => {
     if (valueProp != null && isNumber(valueProp) && valueProp !== value && isValidValue(valueProp)) {
       setValue(valueProp);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [valueProp]);
   return /*#__PURE__*/React.createElement(View, {
     style: [{
@@ -73,5 +68,6 @@ const Stepper = _ref => {
     }
   }));
 };
-
-export default withTheme(Stepper);
+export default withTheme(Stepper);
+//# sourceMappingURL=Stepper.js.mapheme(Stepper);
+//# sourceMappingURL=Stepper.js.map

package/lib/module/components/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","View","Text","isNumber","withTheme","IconButton","Stepper","min","Infinity","max","value","valueProp","defaultValue","style","typeStyle","iconSize","iconColor","onChange","theme","colors","typography","Icon","setValue","isValidValue","valueArg","handlePlusOrMinus","type","newValue","flexDirection","opacity","body1","textAlign","alignSelf","color","medium","marginHorizontal"],"sources":["Stepper.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from \"react\";\nimport { View, Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport { isNumber } from \"lodash\";\n\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport IconButton from \"./IconButton\";\n\ntype Props = {\n  min: number;\n  max: number;\n  value?: number;\n  defaultValue?: number;\n  style?: StyleProp<ViewStyle>;\n  typeStyle?: StyleProp<TextStyle>;\n  iconSize: number;\n  iconColor?: string;\n  onChange?: (value: number) => void;\n  theme: Theme;\n} & IconSlot;\n\nconst Stepper: FC<Props> = ({\n  min = -Infinity,\n  max = Infinity,\n  value: valueProp,\n  defaultValue,\n  style,\n  typeStyle,\n  iconSize = 24,\n  iconColor,\n  onChange,\n  theme: { colors, typography },\n  Icon,\n}) => {\n  const [value, setValue] = useState(defaultValue ?? 0);\n\n  const isValidValue = (valueArg: number) => valueArg >= min && valueArg <= max;\n\n  const handlePlusOrMinus = (type: \"plus\" | \"minus\") => {\n    const newValue = type === \"plus\" ? value + 1 : value - 1;\n\n    if (isValidValue(newValue)) {\n      setValue(newValue);\n      onChange?.(newValue);\n    }\n  };\n\n  useEffect(() => {\n    if (\n      valueProp != null &&\n      isNumber(valueProp) &&\n      valueProp !== value &&\n      isValidValue(valueProp)\n    ) {\n      setValue(valueProp);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [valueProp]);\n\n  return (\n    <View style={[{ flexDirection: \"row\" }, style]}>\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/remove\"\n        onPress={() => handlePlusOrMinus(\"minus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === min}\n        style={{ opacity: value === min ? 0.5 : 1 }}\n      />\n\n      <Text\n        style={[\n          typography.body1,\n          {\n            textAlign: \"center\",\n            alignSelf: \"center\",\n            color: colors.medium,\n            marginHorizontal: 8,\n          },\n          typeStyle,\n        ]}\n      >\n        {value}\n      </Text>\n\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/add\"\n        onPress={() => handlePlusOrMinus(\"plus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === max}\n        style={{ opacity: value === max ? 0.5 : 1 }}\n      />\n    </View>\n  );\n};\n\nexport default withTheme(Stepper);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACtD,SAASC,IAAI,EAAEC,IAAI,QAAyC,cAAc;AAC1E,SAASC,QAAQ,QAAQ,QAAQ;AAEjC,SAASC,SAAS,QAAQ,YAAY;AAGtC,OAAOC,UAAU,MAAM,cAAc;AAerC,MAAMC,OAAkB,GAAG,QAYrB;EAAA,IAZsB;IAC1BC,GAAG,GAAG,CAACC,QAAQ;IACfC,GAAG,GAAGD,QAAQ;IACdE,KAAK,EAAEC,SAAS;IAChBC,YAAY;IACZC,KAAK;IACLC,SAAS;IACTC,QAAQ,GAAG,EAAE;IACbC,SAAS;IACTC,QAAQ;IACRC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAW,CAAC;IAC7BC;EACF,CAAC;EACC,MAAM,CAACX,KAAK,EAAEY,QAAQ,CAAC,GAAGtB,QAAQ,CAACY,YAAY,IAAI,CAAC,CAAC;EAErD,MAAMW,YAAY,GAAIC,QAAgB,IAAKA,QAAQ,IAAIjB,GAAG,IAAIiB,QAAQ,IAAIf,GAAG;EAE7E,MAAMgB,iBAAiB,GAAIC,IAAsB,IAAK;IACpD,MAAMC,QAAQ,GAAGD,IAAI,KAAK,MAAM,GAAGhB,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC;IAExD,IAAIa,YAAY,CAACI,QAAQ,CAAC,EAAE;MAC1BL,QAAQ,CAACK,QAAQ,CAAC;MAClBV,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGU,QAAQ,CAAC;IACtB;EACF,CAAC;EAED5B,SAAS,CAAC,MAAM;IACd,IACEY,SAAS,IAAI,IAAI,IACjBR,QAAQ,CAACQ,SAAS,CAAC,IACnBA,SAAS,KAAKD,KAAK,IACnBa,YAAY,CAACZ,SAAS,CAAC,EACvB;MACAW,QAAQ,CAACX,SAAS,CAAC;IACrB;IACA;EACF,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAAC;MAAEiB,aAAa,EAAE;IAAM,CAAC,EAAEf,KAAK;EAAE,gBAC7C,oBAAC,UAAU;IACT,IAAI,EAAEQ,IAAK;IACX,IAAI,EAAC,sBAAsB;IAC3B,OAAO,EAAE,MAAMI,iBAAiB,CAAC,OAAO,CAAE;IAC1C,IAAI,EAAEV,QAAS;IACf,KAAK,EAAEC,SAAU;IACjB,QAAQ,EAAEN,KAAK,KAAKH,GAAI;IACxB,KAAK,EAAE;MAAEsB,OAAO,EAAEnB,KAAK,KAAKH,GAAG,GAAG,GAAG,GAAG;IAAE;EAAE,EAC5C,eAEF,oBAAC,IAAI;IACH,KAAK,EAAE,CACLa,UAAU,CAACU,KAAK,EAChB;MACEC,SAAS,EAAE,QAAQ;MACnBC,SAAS,EAAE,QAAQ;MACnBC,KAAK,EAAEd,MAAM,CAACe,MAAM;MACpBC,gBAAgB,EAAE;IACpB,CAAC,EACDrB,SAAS;EACT,GAEDJ,KAAK,CACD,eAEP,oBAAC,UAAU;IACT,IAAI,EAAEW,IAAK;IACX,IAAI,EAAC,mBAAmB;IACxB,OAAO,EAAE,MAAMI,iBAAiB,CAAC,MAAM,CAAE;IACzC,IAAI,EAAEV,QAAS;IACf,KAAK,EAAEC,SAAU;IACjB,QAAQ,EAAEN,KAAK,KAAKD,GAAI;IACxB,KAAK,EAAE;MAAEoB,OAAO,EAAEnB,KAAK,KAAKD,GAAG,GAAG,GAAG,GAAG;IAAE;EAAE,EAC5C,CACG;AAEX,CAAC;AAED,eAAeL,SAAS,CAACE,OAAO,CAAC"}

package/lib/module/components/Surface.js

@@ -1,12 +1,10 @@
 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); }
-
 /* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */
 import * as React from "react";
 import { Animated, StyleSheet } from "react-native";
 import shadow from "../styles/shadow";
 import overlay from "../styles/overlay";
 import { withTheme } from "../theming";
-
 const Surface = _ref => {
   let {
     elevation: propElevation,
@@ -27,7 +25,6 @@ const Surface = _ref => {
   } = theme;
   const elevation = propElevation || styleElevation;
   const evalationStyles = elevation ? shadow(elevation) : {};
-
   const getBackgroundColor = () => {
     if (backgroundColor) {
       return backgroundColor;
@@ -37,7 +34,6 @@ const Surface = _ref => {
       return colors.surface;
     }
   };
-
   return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
     style: [{
       backgroundColor: getBackgroundColor(),
@@ -47,5 +43,5 @@ const Surface = _ref => {
     }]
   }), children);
 };
-
-export default withTheme(Surface);
+export default withTheme(Surface);
+//# sourceMappingURL=Surface.js.map

package/lib/module/components/Surface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","StyleSheet","shadow","overlay","withTheme","Surface","elevation","propElevation","style","theme","children","rest","styleElevation","backgroundColor","restStyle","flatten","dark","isDarkTheme","mode","colors","evalationStyles","getBackgroundColor","surface"],"sources":["Surface.tsx"],"sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */\nimport * as React from \"react\";\nimport {\n  Animated,\n  StyleSheet,\n  ViewProps,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\n\nimport shadow from \"../styles/shadow\";\nimport overlay from \"../styles/overlay\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n  elevation?: number;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & ViewProps;\n\nconst Surface: React.FC<React.PropsWithChildren<Props>> = ({\n  elevation: propElevation,\n  style,\n  theme,\n  children,\n  ...rest\n}) => {\n  const {\n    elevation: styleElevation = 3,\n    backgroundColor,\n    ...restStyle\n  } = (StyleSheet.flatten(style) || {}) as ViewStyle;\n\n  const { dark: isDarkTheme, mode, colors } = theme;\n\n  const elevation = propElevation || styleElevation;\n\n  const evalationStyles = elevation ? shadow(elevation) : {};\n\n  const getBackgroundColor = () => {\n    if (backgroundColor) {\n      return backgroundColor;\n    } else if (isDarkTheme && mode === \"adaptive\") {\n      return overlay(elevation, colors.surface);\n    } else {\n      return colors.surface;\n    }\n  };\n\n  return (\n    <Animated.View\n      {...rest}\n      style={[\n        {\n          backgroundColor: getBackgroundColor(),\n          elevation,\n          ...evalationStyles,\n          ...restStyle,\n        },\n      ]}\n    >\n      {children}\n    </Animated.View>\n  );\n};\n\nexport default withTheme(Surface);\n"],"mappings":";AAAA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EACRC,UAAU,QAIL,cAAc;AAErB,OAAOC,MAAM,MAAM,kBAAkB;AACrC,OAAOC,OAAO,MAAM,mBAAmB;AACvC,SAASC,SAAS,QAAQ,YAAY;AAStC,MAAMC,OAAiD,GAAG,QAMpD;EAAA,IANqD;IACzDC,SAAS,EAAEC,aAAa;IACxBC,KAAK;IACLC,KAAK;IACLC,QAAQ;IACR,GAAGC;EACL,CAAC;EACC,MAAM;IACJL,SAAS,EAAEM,cAAc,GAAG,CAAC;IAC7BC,eAAe;IACf,GAAGC;EACL,CAAC,GAAIb,UAAU,CAACc,OAAO,CAACP,KAAK,CAAC,IAAI,CAAC,CAAe;EAElD,MAAM;IAAEQ,IAAI,EAAEC,WAAW;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAGV,KAAK;EAEjD,MAAMH,SAAS,GAAGC,aAAa,IAAIK,cAAc;EAEjD,MAAMQ,eAAe,GAAGd,SAAS,GAAGJ,MAAM,CAACI,SAAS,CAAC,GAAG,CAAC,CAAC;EAE1D,MAAMe,kBAAkB,GAAG,MAAM;IAC/B,IAAIR,eAAe,EAAE;MACnB,OAAOA,eAAe;IACxB,CAAC,MAAM,IAAII,WAAW,IAAIC,IAAI,KAAK,UAAU,EAAE;MAC7C,OAAOf,OAAO,CAACG,SAAS,EAAEa,MAAM,CAACG,OAAO,CAAC;IAC3C,CAAC,MAAM;MACL,OAAOH,MAAM,CAACG,OAAO;IACvB;EACF,CAAC;EAED,oBACE,oBAAC,QAAQ,CAAC,IAAI,eACRX,IAAI;IACR,KAAK,EAAE,CACL;MACEE,eAAe,EAAEQ,kBAAkB,EAAE;MACrCf,SAAS;MACT,GAAGc,eAAe;MAClB,GAAGN;IACL,CAAC;EACD,IAEDJ,QAAQ,CACK;AAEpB,CAAC;AAED,eAAeN,SAAS,CAACC,OAAO,CAAC"}

package/lib/module/components/Swiper/Swiper.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { View } from "react-native";
 import SwiperComponent from "react-native-web-swiper";
-
 const Swiper = _ref => {
   let {
     vertical = false,
@@ -56,16 +55,14 @@ const Swiper = _ref => {
       item,
       index
     });
-
     if (!component) {
       return null;
     }
-
     const key = keyExtractor ? keyExtractor(item, index) : index;
     return /*#__PURE__*/React.cloneElement(component, {
       key
     });
   }) : children));
 };
-
-export default Swiper;
+export default Swiper;
+//# sourceMappingURL=Swiper.js.map

package/lib/module/components/Swiper/Swiper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","data","keyExtractor","renderItem","children","style","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle","map","item","index","component","key","cloneElement"],"sources":["Swiper.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps<T> {\n  vertical?: boolean;\n  loop?: boolean;\n  from?: number;\n  timeout?: number;\n  prevTitle?: string;\n  nextTitle?: string;\n  prevTitleColor?: string;\n  nextTitleColor?: string;\n  dotsTouchable?: boolean;\n  dotColor?: string;\n  dotActiveColor?: string;\n  children: React.ReactNode;\n  data?: Array<T>;\n  keyExtractor: (item: T, index: number) => string;\n  renderItem?: ({ item, index }: { item: T; index: number }) => JSX.Element;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n  vertical = false,\n  loop = false,\n  timeout = 0,\n  from = 0,\n  prevTitle = \"\",\n  nextTitle = \"\",\n  prevTitleColor,\n  nextTitleColor,\n  dotsTouchable = true,\n  dotColor,\n  dotActiveColor,\n  data,\n  keyExtractor,\n  renderItem,\n  children,\n  style,\n}: SwiperProps<any>) => (\n  <View style={style}>\n    {/* @ts-ignore */}\n    <SwiperComponent\n      from={from}\n      loop={loop}\n      timeout={timeout}\n      vertical={vertical}\n      controlsProps={{\n        prevTitle,\n        nextTitle,\n        prevTitleStyle: { color: prevTitleColor },\n        nextTitleStyle: { color: nextTitleColor },\n        dotsTouchable,\n        ...(dotColor\n          ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }\n          : {}),\n        ...(dotActiveColor\n          ? { dotActiveStyle: { backgroundColor: dotActiveColor } }\n          : {}),\n      }}\n    >\n      {data && renderItem\n        ? data.map((item, index) => {\n            const component = renderItem({ item, index });\n\n            if (!component) {\n              return null;\n            }\n\n            const key = keyExtractor ? keyExtractor(item, index) : index;\n            return React.cloneElement(component, {\n              key,\n            });\n          })\n        : children}\n    </SwiperComponent>\n  </View>\n);\n\nexport default Swiper;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAA8B,cAAc;AACzD,OAAOC,eAAe,MAAM,yBAAyB;AAqBrD,MAAMC,MAAM,GAAG;EAAA,IAAC;IACdC,QAAQ,GAAG,KAAK;IAChBC,IAAI,GAAG,KAAK;IACZC,OAAO,GAAG,CAAC;IACXC,IAAI,GAAG,CAAC;IACRC,SAAS,GAAG,EAAE;IACdC,SAAS,GAAG,EAAE;IACdC,cAAc;IACdC,cAAc;IACdC,aAAa,GAAG,IAAI;IACpBC,QAAQ;IACRC,cAAc;IACdC,IAAI;IACJC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC;EACgB,CAAC;EAAA,oBACjB,oBAAC,IAAI;IAAC,KAAK,EAAEA;EAAM,gBAEjB,oBAAC,eAAe;IACd,IAAI,EAAEZ,IAAK;IACX,IAAI,EAAEF,IAAK;IACX,OAAO,EAAEC,OAAQ;IACjB,QAAQ,EAAEF,QAAS;IACnB,aAAa,EAAE;MACbI,SAAS;MACTC,SAAS;MACTW,cAAc,EAAE;QAAEC,KAAK,EAAEX;MAAe,CAAC;MACzCY,cAAc,EAAE;QAAED,KAAK,EAAEV;MAAe,CAAC;MACzCC,aAAa;MACb,IAAIC,QAAQ,GACR;QAAEU,QAAQ,EAAE;UAAEC,UAAU,EAAE;YAAEC,eAAe,EAAEZ;UAAS;QAAE;MAAE,CAAC,GAC3D,CAAC,CAAC,CAAC;MACP,IAAIC,cAAc,GACd;QAAEY,cAAc,EAAE;UAAED,eAAe,EAAEX;QAAe;MAAE,CAAC,GACvD,CAAC,CAAC;IACR;EAAE,GAEDC,IAAI,IAAIE,UAAU,GACfF,IAAI,CAACY,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IACxB,MAAMC,SAAS,GAAGb,UAAU,CAAC;MAAEW,IAAI;MAAEC;IAAM,CAAC,CAAC;IAE7C,IAAI,CAACC,SAAS,EAAE;MACd,OAAO,IAAI;IACb;IAEA,MAAMC,GAAG,GAAGf,YAAY,GAAGA,YAAY,CAACY,IAAI,EAAEC,KAAK,CAAC,GAAGA,KAAK;IAC5D,oBAAO7B,KAAK,CAACgC,YAAY,CAACF,SAAS,EAAE;MACnCC;IACF,CAAC,CAAC;EACJ,CAAC,CAAC,GACFb,QAAQ,CACI,CACb;AAAA,CACR;AAED,eAAef,MAAM"}

package/lib/module/components/Swiper/SwiperItem.js

@@ -5,7 +5,6 @@ const styles = StyleSheet.create({
     flex: 1
   }
 });
-
 const SwiperItem = _ref => {
   let {
     children,
@@ -15,5 +14,5 @@ const SwiperItem = _ref => {
     style: [styles.wrapper, style]
   }, children);
 };
-
-export default SwiperItem;
+export default SwiperItem;
+//# sourceMappingURL=SwiperItem.js.map

package/lib/module/components/Swiper/SwiperItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","styles","create","wrapper","flex","SwiperItem","children","style"],"sources":["SwiperItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleSheet, StyleProp, ViewStyle } from \"react-native\";\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    flex: 1,\n  },\n});\n\nexport interface SwiperProps {\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst SwiperItem = ({ children, style }: SwiperProps) => (\n  <View style={[styles.wrapper, style]}>{children}</View>\n);\n\nexport default SwiperItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAA8B,cAAc;AAErE,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAOF,MAAMC,UAAU,GAAG;EAAA,IAAC;IAAEC,QAAQ;IAAEC;EAAmB,CAAC;EAAA,oBAClD,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACN,MAAM,CAACE,OAAO,EAAEI,KAAK;EAAE,GAAED,QAAQ,CAAQ;AAAA,CACxD;AAED,eAAeD,UAAU"}

package/lib/module/components/Swiper/index.js

@@ -1,2 +1,3 @@
 export { default as Swiper } from "./Swiper";
-export { default as SwiperItem } from "./SwiperItem";
+export { default as SwiperItem } from "./SwiperItem";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Swiper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Swiper","SwiperItem"],"sources":["index.tsx"],"sourcesContent":["export { default as Swiper } from \"./Swiper\";\nexport { default as SwiperItem } from \"./SwiperItem\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,UAAU;AAC5C,SAASD,OAAO,IAAIE,UAAU,QAAQ,cAAc"}

package/lib/module/components/Switch.js

@@ -1,12 +1,10 @@
 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); }
-
 import * as React from "react";
 import { Switch as NativeSwitch } from "react-native";
 import { withTheme } from "../theming";
 import FormRow from "./FormRow";
 import { RowDirection } from "@draftbit/types";
 import { usePrevious } from "../hooks";
-
 function Switch(_ref) {
   let {
     value,
@@ -30,9 +28,10 @@ function Switch(_ref) {
     if (value != null && value !== checked) {
       setChecked(value);
     }
-  }, [value, checked]); // This special logic is to handle weird APIs like Airtable that return
-  // true or undefined for a boolean
+  }, [value, checked]);
 
+  // This special logic is to handle weird APIs like Airtable that return
+  // true or undefined for a boolean
   const previousDefaultValue = usePrevious(defaultValue);
   React.useEffect(() => {
     if (defaultValue !== previousDefaultValue) {
@@ -46,7 +45,8 @@ function Switch(_ref) {
       false: inactiveTrackThemeColor,
       true: activeTrackThemeColor
     },
-    thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor // @ts-ignore react-native-web only
+    thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor
+    // @ts-ignore react-native-web only
     ,
     activeThumbColor: activeThumbThemeColor,
     ios_backgroundColor: inactiveTrackThemeColor,
@@ -57,7 +57,6 @@ function Switch(_ref) {
     }
   }, rest));
 }
-
 function Row(_ref2) {
   let {
     label = "Label",
@@ -105,7 +104,7 @@ function Row(_ref2) {
     inactiveThumbColor: inactiveThumbColor
   }));
 }
-
 const SwitchRow = withTheme(Row);
 export { SwitchRow };
-export default withTheme(Switch);
+export default withTheme(Switch);
+//# sourceMappingURL=Switch.js.map

package/lib/module/components/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Switch","NativeSwitch","withTheme","FormRow","RowDirection","usePrevious","value","defaultValue","disabled","onValueChange","activeTrackColor","inactiveTrackColor","activeThumbColor","inactiveThumbColor","theme","style","rest","activeTrackThemeColor","colors","primary","inactiveTrackThemeColor","activeThumbThemeColor","inactiveThumbThemeColor","checked","setChecked","useState","useEffect","previousDefaultValue","Boolean","false","true","bool","Row","label","direction","SwitchRow"],"sources":["Switch.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Switch as NativeSwitch,\n  SwitchProps,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport FormRow from \"./FormRow\";\nimport { RowDirection } from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport { usePrevious } from \"../hooks\";\n\ntype Props = {\n  value?: boolean;\n  disabled?: boolean;\n  onValueChange?: (value: boolean) => void;\n  defaultValue?: boolean;\n  theme: Theme;\n  activeTrackColor: string;\n  inactiveTrackColor: string;\n  activeThumbColor: string;\n  inactiveThumbColor: string;\n} & SwitchProps;\n\nfunction Switch({\n  value,\n  defaultValue,\n  disabled,\n  onValueChange,\n  activeTrackColor,\n  inactiveTrackColor,\n  activeThumbColor,\n  inactiveThumbColor,\n  theme,\n  style,\n  ...rest\n}: Props) {\n  const activeTrackThemeColor = activeTrackColor || theme.colors.primary;\n  const inactiveTrackThemeColor = inactiveTrackColor || \"#EEE\";\n\n  const activeThumbThemeColor = activeThumbColor || \"#FFF\";\n  const inactiveThumbThemeColor = inactiveThumbColor || \"#FFF\";\n\n  const [checked, setChecked] = React.useState(value || defaultValue);\n\n  React.useEffect(() => {\n    if (value != null && value !== checked) {\n      setChecked(value);\n    }\n  }, [value, checked]);\n\n  // This special logic is to handle weird APIs like Airtable that return\n  // true or undefined for a boolean\n  const previousDefaultValue = usePrevious(defaultValue) as boolean | undefined;\n  React.useEffect(() => {\n    if (defaultValue !== previousDefaultValue) {\n      setChecked(Boolean(defaultValue));\n    }\n  }, [defaultValue, previousDefaultValue]);\n\n  return (\n    <NativeSwitch\n      value={checked}\n      disabled={disabled}\n      trackColor={{\n        false: inactiveTrackThemeColor,\n        true: activeTrackThemeColor,\n      }}\n      thumbColor={value ? activeThumbThemeColor : inactiveThumbThemeColor}\n      // @ts-ignore react-native-web only\n      activeThumbColor={activeThumbThemeColor}\n      ios_backgroundColor={inactiveTrackThemeColor}\n      style={style}\n      onValueChange={(bool) => {\n        setChecked(bool);\n        onValueChange && onValueChange(bool);\n      }}\n      {...rest}\n    />\n  );\n}\n\ntype RowProps = {\n  label: string;\n  direction: RowDirection;\n  style?: StyleProp<ViewStyle>;\n};\n\nfunction Row({\n  label = \"Label\",\n  direction = RowDirection.Row,\n  style,\n  value,\n  defaultValue,\n  disabled,\n  onValueChange,\n  activeTrackColor,\n  inactiveTrackColor,\n  activeThumbColor,\n  inactiveThumbColor,\n  theme,\n  ...rest\n}: Props & RowProps) {\n  const [checked, setChecked] = React.useState(\n    value != null ? value : defaultValue\n  );\n\n  React.useEffect(() => {\n    if (value != null) {\n      setChecked(value);\n    }\n  }, [value]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setChecked(defaultValue);\n    }\n  }, [defaultValue]);\n\n  return (\n    <FormRow\n      disabled={disabled}\n      onPress={() => {\n        setChecked(!checked);\n        onValueChange && onValueChange(!checked);\n      }}\n      label={label}\n      direction={direction}\n      style={style}\n      {...rest}\n    >\n      <Switch\n        theme={theme}\n        value={checked}\n        disabled={disabled}\n        onValueChange={onValueChange}\n        activeTrackColor={activeTrackColor}\n        inactiveTrackColor={inactiveTrackColor}\n        activeThumbColor={activeThumbColor}\n        inactiveThumbColor={inactiveThumbColor}\n      />\n    </FormRow>\n  );\n}\n\nconst SwitchRow = withTheme(Row);\nexport { SwitchRow };\nexport default withTheme(Switch);\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,MAAM,IAAIC,YAAY,QAIjB,cAAc;AACrB,SAASC,SAAS,QAAQ,YAAY;AACtC,OAAOC,OAAO,MAAM,WAAW;AAC/B,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,SAASC,WAAW,QAAQ,UAAU;AActC,SAASL,MAAM,OAYL;EAAA,IAZM;IACdM,KAAK;IACLC,YAAY;IACZC,QAAQ;IACRC,aAAa;IACbC,gBAAgB;IAChBC,kBAAkB;IAClBC,gBAAgB;IAChBC,kBAAkB;IAClBC,KAAK;IACLC,KAAK;IACL,GAAGC;EACE,CAAC;EACN,MAAMC,qBAAqB,GAAGP,gBAAgB,IAAII,KAAK,CAACI,MAAM,CAACC,OAAO;EACtE,MAAMC,uBAAuB,GAAGT,kBAAkB,IAAI,MAAM;EAE5D,MAAMU,qBAAqB,GAAGT,gBAAgB,IAAI,MAAM;EACxD,MAAMU,uBAAuB,GAAGT,kBAAkB,IAAI,MAAM;EAE5D,MAAM,CAACU,OAAO,EAAEC,UAAU,CAAC,GAAGzB,KAAK,CAAC0B,QAAQ,CAACnB,KAAK,IAAIC,YAAY,CAAC;EAEnER,KAAK,CAAC2B,SAAS,CAAC,MAAM;IACpB,IAAIpB,KAAK,IAAI,IAAI,IAAIA,KAAK,KAAKiB,OAAO,EAAE;MACtCC,UAAU,CAAClB,KAAK,CAAC;IACnB;EACF,CAAC,EAAE,CAACA,KAAK,EAAEiB,OAAO,CAAC,CAAC;;EAEpB;EACA;EACA,MAAMI,oBAAoB,GAAGtB,WAAW,CAACE,YAAY,CAAwB;EAC7ER,KAAK,CAAC2B,SAAS,CAAC,MAAM;IACpB,IAAInB,YAAY,KAAKoB,oBAAoB,EAAE;MACzCH,UAAU,CAACI,OAAO,CAACrB,YAAY,CAAC,CAAC;IACnC;EACF,CAAC,EAAE,CAACA,YAAY,EAAEoB,oBAAoB,CAAC,CAAC;EAExC,oBACE,oBAAC,YAAY;IACX,KAAK,EAAEJ,OAAQ;IACf,QAAQ,EAAEf,QAAS;IACnB,UAAU,EAAE;MACVqB,KAAK,EAAET,uBAAuB;MAC9BU,IAAI,EAAEb;IACR,CAAE;IACF,UAAU,EAAEX,KAAK,GAAGe,qBAAqB,GAAGC;IAC5C;IAAA;IACA,gBAAgB,EAAED,qBAAsB;IACxC,mBAAmB,EAAED,uBAAwB;IAC7C,KAAK,EAAEL,KAAM;IACb,aAAa,EAAGgB,IAAI,IAAK;MACvBP,UAAU,CAACO,IAAI,CAAC;MAChBtB,aAAa,IAAIA,aAAa,CAACsB,IAAI,CAAC;IACtC;EAAE,GACEf,IAAI,EACR;AAEN;AAQA,SAASgB,GAAG,QAcS;EAAA,IAdR;IACXC,KAAK,GAAG,OAAO;IACfC,SAAS,GAAG9B,YAAY,CAAC4B,GAAG;IAC5BjB,KAAK;IACLT,KAAK;IACLC,YAAY;IACZC,QAAQ;IACRC,aAAa;IACbC,gBAAgB;IAChBC,kBAAkB;IAClBC,gBAAgB;IAChBC,kBAAkB;IAClBC,KAAK;IACL,GAAGE;EACa,CAAC;EACjB,MAAM,CAACO,OAAO,EAAEC,UAAU,CAAC,GAAGzB,KAAK,CAAC0B,QAAQ,CAC1CnB,KAAK,IAAI,IAAI,GAAGA,KAAK,GAAGC,YAAY,CACrC;EAEDR,KAAK,CAAC2B,SAAS,CAAC,MAAM;IACpB,IAAIpB,KAAK,IAAI,IAAI,EAAE;MACjBkB,UAAU,CAAClB,KAAK,CAAC;IACnB;EACF,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEXP,KAAK,CAAC2B,SAAS,CAAC,MAAM;IACpB,IAAInB,YAAY,IAAI,IAAI,EAAE;MACxBiB,UAAU,CAACjB,YAAY,CAAC;IAC1B;EACF,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,oBACE,oBAAC,OAAO;IACN,QAAQ,EAAEC,QAAS;IACnB,OAAO,EAAE,MAAM;MACbgB,UAAU,CAAC,CAACD,OAAO,CAAC;MACpBd,aAAa,IAAIA,aAAa,CAAC,CAACc,OAAO,CAAC;IAC1C,CAAE;IACF,KAAK,EAAEU,KAAM;IACb,SAAS,EAAEC,SAAU;IACrB,KAAK,EAAEnB;EAAM,GACTC,IAAI,gBAER,oBAAC,MAAM;IACL,KAAK,EAAEF,KAAM;IACb,KAAK,EAAES,OAAQ;IACf,QAAQ,EAAEf,QAAS;IACnB,aAAa,EAAEC,aAAc;IAC7B,gBAAgB,EAAEC,gBAAiB;IACnC,kBAAkB,EAAEC,kBAAmB;IACvC,gBAAgB,EAAEC,gBAAiB;IACnC,kBAAkB,EAAEC;EAAmB,EACvC,CACM;AAEd;AAEA,MAAMsB,SAAS,GAAGjC,SAAS,CAAC8B,GAAG,CAAC;AAChC,SAASG,SAAS;AAClB,eAAejC,SAAS,CAACF,MAAM,CAAC"}

package/lib/module/components/Text.js

@@ -1,29 +1,28 @@
 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); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import * as React from "react";
 import { Text as NativeText, I18nManager } from "react-native";
 import { withTheme } from "../theming";
-
 class Text extends React.Component {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "_root", void 0);
+    _defineProperty(this, "state", {
+      nativeProps: {}
+    });
   }
-
   setNativeProps(args) {
-    return this._root && this._root.setNativeProps(args);
+    this.state.nativeProps = args || {};
   }
-
   render() {
     const {
       style,
       ...rest
     } = this.props;
     const writingDirection = I18nManager.isRTL ? "rtl" : "ltr";
-    return /*#__PURE__*/React.createElement(NativeText, _extends({}, rest, {
+    return /*#__PURE__*/React.createElement(NativeText, _extends({}, rest, this.state.nativeProps, {
       ref: c => {
         this._root = c;
       },
@@ -33,9 +32,7 @@ class Text extends React.Component {
       }, style]
     }));
   }
-
 }
-
 export const BaseLink = _ref => {
   let {
     style,
@@ -53,4 +50,5 @@ export const BaseLink = _ref => {
 };
 const Link = withTheme(BaseLink);
 export { Link };
-export default withTheme(Text);
+export default withTheme(Text);
+//# sourceMappingURL=Text.js.map

package/lib/module/components/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","NativeText","I18nManager","withTheme","Component","nativeProps","setNativeProps","args","state","render","style","rest","props","writingDirection","isRTL","c","_root","textAlign","BaseLink","theme","title","color","colors","primary","Link"],"sources":["Text.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Text as NativeText, I18nManager, TextProps } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n  theme: Theme;\n} & TextProps;\n\nclass Text extends React.Component<Props> {\n  _root: any;\n\n  state: any = {\n    nativeProps: {},\n  };\n\n  setNativeProps(args: TextProps) {\n    this.state.nativeProps = args || {};\n  }\n\n  render() {\n    const { style, ...rest } = this.props;\n    const writingDirection = I18nManager.isRTL ? \"rtl\" : \"ltr\";\n\n    return (\n      <NativeText\n        {...rest}\n        {...this.state.nativeProps}\n        ref={(c) => {\n          this._root = c;\n        }}\n        style={[\n          {\n            textAlign: \"left\",\n            writingDirection,\n          },\n          style,\n        ]}\n      />\n    );\n  }\n}\n\nexport const BaseLink = ({\n  style,\n  theme,\n  title,\n  ...props\n}: any): JSX.Element => {\n  return (\n    <Text\n      hitSlop={8}\n      style={[{ color: theme.colors.primary }, style]}\n      theme={theme}\n      {...props}\n    >\n      {title}\n    </Text>\n  );\n};\n\nconst Link: any = withTheme(BaseLink);\nexport { Link };\n\nexport default withTheme(Text);\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,IAAIC,UAAU,EAAEC,WAAW,QAAmB,cAAc;AACzE,SAASC,SAAS,QAAQ,YAAY;AAOtC,MAAMH,IAAI,SAASD,KAAK,CAACK,SAAS,CAAQ;EAAA;IAAA;IAAA;IAAA,+BAG3B;MACXC,WAAW,EAAE,CAAC;IAChB,CAAC;EAAA;EAEDC,cAAc,CAACC,IAAe,EAAE;IAC9B,IAAI,CAACC,KAAK,CAACH,WAAW,GAAGE,IAAI,IAAI,CAAC,CAAC;EACrC;EAEAE,MAAM,GAAG;IACP,MAAM;MAAEC,KAAK;MAAE,GAAGC;IAAK,CAAC,GAAG,IAAI,CAACC,KAAK;IACrC,MAAMC,gBAAgB,GAAGX,WAAW,CAACY,KAAK,GAAG,KAAK,GAAG,KAAK;IAE1D,oBACE,oBAAC,UAAU,eACLH,IAAI,EACJ,IAAI,CAACH,KAAK,CAACH,WAAW;MAC1B,GAAG,EAAGU,CAAC,IAAK;QACV,IAAI,CAACC,KAAK,GAAGD,CAAC;MAChB,CAAE;MACF,KAAK,EAAE,CACL;QACEE,SAAS,EAAE,MAAM;QACjBJ;MACF,CAAC,EACDH,KAAK;IACL,GACF;EAEN;AACF;AAEA,OAAO,MAAMQ,QAAQ,GAAG,QAKA;EAAA,IALC;IACvBR,KAAK;IACLS,KAAK;IACLC,KAAK;IACL,GAAGR;EACA,CAAC;EACJ,oBACE,oBAAC,IAAI;IACH,OAAO,EAAE,CAAE;IACX,KAAK,EAAE,CAAC;MAAES,KAAK,EAAEF,KAAK,CAACG,MAAM,CAACC;IAAQ,CAAC,EAAEb,KAAK,CAAE;IAChD,KAAK,EAAES;EAAM,GACTP,KAAK,GAERQ,KAAK,CACD;AAEX,CAAC;AAED,MAAMI,IAAS,GAAGrB,SAAS,CAACe,QAAQ,CAAC;AACrC,SAASM,IAAI;AAEb,eAAerB,SAAS,CAACH,IAAI,CAAC"}