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

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":"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"}

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"}

package/lib/module/components/TextField.js

@@ -1,7 +1,7 @@
 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 { View, Animated, TextInput as NativeTextInput, StyleSheet, Text, I18nManager } from "react-native";
 import { withTheme } from "../theming";
@@ -10,12 +10,11 @@ const AnimatedText = Animated.createAnimatedComponent(Text);
 const FOCUS_ANIMATION_DURATION = 150;
 const BLUR_ANIMATION_DURATION = 180;
 const ICON_SIZE = 24;
-
 class TextField extends React.Component {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "state", {
+      nativeProps: {},
       labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),
       focused: false,
       placeholder: this.props.error ? this.props.placeholder : "",
@@ -24,59 +23,49 @@ class TextField extends React.Component {
         width: 0
       }
     });
-
     _defineProperty(this, "_timer", setTimeout(() => {}, 0));
-
     _defineProperty(this, "_showPlaceholder", () => {
-      clearTimeout(this._timer); // Set the placeholder in a delay to offset the label animation
-      // If we show it immediately, they'll overlap and look ugly
+      clearTimeout(this._timer);
 
+      // Set the placeholder in a delay to offset the label animation
+      // If we show it immediately, they'll overlap and look ugly
       this._timer = setTimeout(() => this.setState({
         placeholder: this.props.placeholder
       }), 50);
     });
-
     _defineProperty(this, "_hidePlaceholder", () => this.setState({
       placeholder: ""
     }));
-
     _defineProperty(this, "_restoreLabel", () => Animated.timing(this.state.labeled, {
       toValue: 1,
       duration: FOCUS_ANIMATION_DURATION,
       useNativeDriver: true
     }).start());
-
     _defineProperty(this, "_minmizeLabel", () => Animated.timing(this.state.labeled, {
       toValue: 0,
       duration: BLUR_ANIMATION_DURATION,
       useNativeDriver: true
     }).start());
-
     _defineProperty(this, "_handleFocus", () => {
       if (this.props.disabled) {
         return;
       }
-
       this.setState({
         focused: true
       });
     });
-
     _defineProperty(this, "_handleBlur", () => {
       if (this.props.disabled) {
         return;
       }
-
       this.setState({
         focused: false
       });
     });
-
     _defineProperty(this, "_handleChangeText", value => {
       if (this.props.disabled) {
         return;
       }
-
       if (typeof value === "string") {
         this.setState({
           value
@@ -89,26 +78,21 @@ class TextField extends React.Component {
         this.props.onChangeText && this.props.onChangeText(value.nativeEvent.text);
       }
     });
-
     _defineProperty(this, "_root", undefined);
   }
-
   static getDerivedStateFromProps(nextProps, prevState) {
     return {
       value: typeof nextProps.value !== "undefined" ? nextProps.value : prevState.value
     };
   }
-
   componentDidMount() {
     if (this.props.defaultValue) {
       this._handleChangeText(this.props.defaultValue);
     }
-
     if (this.props.placeholder) {
       this._minmizeLabel();
     }
   }
-
   componentDidUpdate(prevProps, prevState) {
     if (prevState.focused !== this.state.focused || prevState.value !== this.state.value) {
       // The label should be minimized if the text input is focused, or has text
@@ -119,7 +103,6 @@ class TextField extends React.Component {
         this._restoreLabel();
       }
     }
-
     if (prevState.focused !== this.state.focused || prevProps.label !== this.props.label) {
       // Show placeholder text only if the input is focused, or has error, or there's no label
       // We don't show placeholder if there's a label because the label acts as placeholder
@@ -131,40 +114,35 @@ class TextField extends React.Component {
       }
     }
   }
-
   componentWillUnmount() {
     clearTimeout(this._timer);
   }
-
   toggleFocus() {
     this.setState(prevState => ({
       focused: !prevState.focused
     }));
   }
-
   /**
    * @internal
    */
   setNativeProps(args) {
-    return this._root && this._root.setNativeProps(args);
+    this.setState(state => ({
+      ...state,
+      nativeState: args || {}
+    }));
   }
-
   isFocused() {
     return this._root && this._root.isFocused();
   }
-
   clear() {
     return this._root && this._root.clear();
   }
-
   focus() {
     return this._root && this._root.focus();
   }
-
   blur() {
     return this._root && this._root.blur();
   }
-
   render() {
     const {
       Icon,
@@ -197,7 +175,6 @@ class TextField extends React.Component {
     const hasActiveOutline = this.state.focused || error;
     let inputTextColor, activeColor, underlineColor, borderColor, placeholderColor, containerStyle, backgroundColor, inputStyle;
     inputTextColor = colors.strong;
-
     if (disabled) {
       activeColor = colors.light;
       placeholderColor = colors.light;
@@ -210,11 +187,9 @@ class TextField extends React.Component {
       underlineColor = underlineColorProp;
       backgroundColor = colors.background;
     }
-
     if (rest.placeholderTextColor) {
       placeholderColor = rest.placeholderTextColor;
     }
-
     const {
       lineHeight,
       ...subtitle1
@@ -226,13 +201,10 @@ class TextField extends React.Component {
       paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,
       ...subtitle1
     };
-
     if (!multiline) {
       inputStyle.height = lineHeight;
     }
-
     let assistiveTextLeftMargin;
-
     if (type === "underline") {
       containerStyle = {
         borderTopLeftRadius: roundness,
@@ -240,7 +212,6 @@ class TextField extends React.Component {
         paddingBottom: 12,
         marginTop: 16
       };
-
       if (leftIconName && leftIconMode === "outset") {
         assistiveTextLeftMargin = ICON_SIZE + 8;
       } else {
@@ -256,7 +227,6 @@ class TextField extends React.Component {
         opacity: disabled ? disabledOpacity : 1,
         backgroundColor
       };
-
       if (leftIconName && leftIconMode === "inset") {
         assistiveTextLeftMargin = 16 + 4;
       } else if (leftIconName && leftIconMode === "outset") {
@@ -264,16 +234,12 @@ class TextField extends React.Component {
       } else {
         assistiveTextLeftMargin = 12;
       }
-
       inputStyle.paddingHorizontal = 12;
     }
-
     if (leftIconName && leftIconMode === "outset") {
       containerStyle.marginLeft = ICON_SIZE + 8;
     }
-
     let leftIconColor;
-
     if (error) {
       leftIconColor = colors.error;
     } else if (this.state.focused) {
@@ -281,7 +247,6 @@ class TextField extends React.Component {
     } else {
       leftIconColor = colors.light;
     }
-
     const leftIconProps = {
       size: 24,
       color: leftIconColor,
@@ -292,7 +257,8 @@ class TextField extends React.Component {
       marginTop: type === "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : leftIconMode === "outset" ? 16 : 0,
       marginLeft: leftIconMode === "inset" && type === "solid" ? 16 : 0
     };
-    const labelStyle = { ...typography.subtitle1,
+    const labelStyle = {
+      ...typography.subtitle1,
       top: type === "solid" ? 16 : 0,
       left: leftIconName && leftIconMode === "inset" ? ICON_SIZE + (type === "solid" ? 16 : 12) : 0,
       transform: [{
@@ -376,7 +342,8 @@ class TextField extends React.Component {
     React.createElement(View, {
       pointerEvents: "none",
       style: [StyleSheet.absoluteFill, {
-        opacity: // Hide the label in minimized state until we measure its width
+        opacity:
+        // Hide the label in minimized state until we measure its width
         this.state.value || this.state.focused ? this.state.labelLayout.measured ? 1 : 0 : 1
       }]
     }, /*#__PURE__*/React.createElement(AnimatedText, {
@@ -426,6 +393,7 @@ class TextField extends React.Component {
       underlineColorAndroid: "transparent",
       style: inputStyles,
       ...rest,
+      ...this.state.nativeProps,
       value: this.state.value
     })), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
       name: rightIconName,
@@ -444,9 +412,7 @@ class TextField extends React.Component {
       }]
     }, assistiveText) : null);
   }
-
 }
-
 export default withTheme(TextField);
 const styles = StyleSheet.create({
   container: {
@@ -470,4 +436,5 @@ const styles = StyleSheet.create({
     margin: 0,
     textAlign: I18nManager.isRTL ? "right" : "left"
   }
-});
+});
+//# sourceMappingURL=TextField.js.map