@draftbit/core 44.1.13-3bb0d0.0 → 44.1.13-549e34.0

package/lib/commonjs/components/DeprecatedButton.js

@@ -25,6 +25,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _extends() { _extends = Object.assign || 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 Button = _ref => {
   let {
     Icon,
@@ -126,7 +128,7 @@ const Button = _ref => {
       alignSelf: "stretch",
       ...margins
     }
-  }, /*#__PURE__*/React.createElement(_Touchable.default, { ...rest,
+  }, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -134,7 +136,7 @@ const Button = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: [styles.button, buttonStyle, innerStyles]
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
     style: iconStyle
@@ -169,22 +171,5 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(Button);
 
-exports.default = _default;
-//# sourceMappingURL=DeprecatedButton.js.map
-    minWidth: 64,
-    borderStyle: "solid"
-  },
-  content: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  icon: {
-    width: _Config.default.buttonIconSize
-  }
-});
-
-var _default = (0, _theming.withTheme)(Button);
-
 exports.default = _default;
 //# sourceMappingURL=DeprecatedButton.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["DeprecatedButton.js"],"names":["Button","Icon","icon","disabled","type","loading","labelColor","color","colorOverride","children","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","textStyle","textAlign","marginVertical","marginHorizontal","iconStyle","styles","marginLeft","marginRight","width","Config","buttonIconSize","margin","marginEnd","marginTop","marginBottom","innerStyles","flatten","margins","React","createElement","Elevation","alignSelf","Touchable","accessibilityState","accessibilityRole","button","View","content","name","size","ActivityIndicator","Text","numberOfLines","create","minWidth","borderStyle","flexDirection","alignItems","justifyContent"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { ActivityIndicator, View, Text, StyleSheet, } from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nconst Button = ({ Icon, icon, disabled = false, type = \"solid\", loading = false, labelColor, color: colorOverride, children, onPress, elevation = 0, style, theme: { colors, disabledOpacity, roundness, typography }, ...rest }) => {\n    let backgroundColor, borderColor, textColor, borderWidth;\n    const buttonColor = colorOverride || colors.primary;\n    if (type === \"solid\") {\n        backgroundColor = buttonColor;\n        if (disabled) {\n            textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            textColor = labelColor || colors.surface;\n        }\n    }\n    else {\n        backgroundColor = \"transparent\";\n        if (disabled) {\n            textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            textColor = labelColor || buttonColor;\n        }\n    }\n    if (type === \"outline\") {\n        if (disabled) {\n            borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            borderColor = buttonColor;\n        }\n        borderWidth = StyleSheet.hairlineWidth;\n    }\n    else {\n        borderColor = \"transparent\";\n        borderWidth = 0;\n    }\n    const buttonStyle = {\n        backgroundColor,\n        borderColor,\n        borderWidth,\n        borderRadius: roundness,\n    };\n    const textStyle = {\n        textAlign: \"center\",\n        color: textColor,\n        marginVertical: 16,\n        marginHorizontal: 16,\n    };\n    const iconStyle = [\n        styles.icon,\n        {\n            marginLeft: 16,\n            marginRight: -8,\n            width: Config.buttonIconSize,\n        },\n    ];\n    const { margin, marginEnd, marginTop, marginLeft, marginRight, marginBottom, marginHorizontal, marginVertical, ...innerStyles } = StyleSheet.flatten(style || {});\n    const margins = {\n        margin,\n        marginEnd,\n        marginTop,\n        marginLeft,\n        marginRight,\n        marginBottom,\n        marginHorizontal,\n        marginVertical,\n    };\n    return (React.createElement(Elevation, { style: { elevation, alignSelf: \"stretch\", ...margins } },\n        React.createElement(Touchable, { ...rest, onPress: onPress, accessibilityState: { disabled }, accessibilityRole: \"button\", disabled: disabled || loading, style: [styles.button, buttonStyle, innerStyles] },\n            React.createElement(View, { style: styles.content },\n                icon && loading !== true ? (React.createElement(View, { style: iconStyle },\n                    React.createElement(Icon, { name: icon, size: Config.buttonIconSize, color: textColor }))) : null,\n                loading ? (React.createElement(ActivityIndicator, { size: \"small\", color: textColor, style: iconStyle })) : null,\n                React.createElement(Text, { numberOfLines: 1, style: [textStyle, typography.button] }, children)))));\n};\nconst styles = StyleSheet.create({\n    button: {\n        minWidth: 64,\n        borderStyle: \"solid\",\n    },\n    content: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n    },\n    icon: {\n        width: Config.buttonIconSize,\n    },\n});\nexport default withTheme(Button);\n"]}
+{"version":3,"sources":["DeprecatedButton.tsx"],"names":["Button","Icon","icon","disabled","type","loading","labelColor","color","colorOverride","children","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","textStyle","textAlign","marginVertical","marginHorizontal","iconStyle","styles","marginLeft","marginRight","width","Config","buttonIconSize","margin","marginEnd","marginTop","marginBottom","innerStyles","flatten","margins","alignSelf","button","content","create","minWidth","borderStyle","flexDirection","alignItems","justifyContent"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  ActivityIndicator,\n  View,\n  Text,\n  StyleSheet,\n  TouchableHighlightProps,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\n/**\n * A button is component that the user can press to trigger an action.\n *\n * <div class=\"screenshots\">\n *   <figure>\n *     <img src=\"screenshots/button-1.png\" />\n *     <figcaption>Text button</figcaption>\n *   </figure>\n *   <figure>\n *     <img src=\"screenshots/button-2.png\" />\n *     <figcaption>Outlined button</figcaption>\n *   </figure>\n *   <figure>\n *     <img src=\"screenshots/button-3.png\" />\n *     <figcaption>Contained button</figcaption>\n *   </figure>\n * </div>\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Button } from '@draftbit/ui';\n *\n * const MyComponent = () => (\n *   <Button icon=\"add-a-photo\" type=\"solid\" onPress={() => console.log('Pressed')}>\n *     Press me\n *   </Button>\n * );\n *\n * export default MyComponent;\n * ```\n */\n\ntype Props = {\n  disabled?: boolean;\n  type?: \"solid\" | \"outline\" | \"text\";\n  loading?: boolean;\n  icon?: string;\n  labelColor?: string;\n  color?: string;\n  children?: React.ReactNode;\n  onPress: () => void;\n  elevation?: number;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & TouchableHighlightProps &\n  IconSlot;\n\nconst Button: React.FC<Props> = ({\n  Icon,\n  icon,\n  disabled = false,\n  type = \"solid\",\n  loading = false,\n  labelColor,\n  color: colorOverride,\n  children,\n  onPress,\n  elevation = 0,\n  style,\n  theme: { colors, disabledOpacity, roundness, typography },\n  ...rest\n}) => {\n  let backgroundColor, borderColor, textColor, borderWidth;\n  const buttonColor = colorOverride || colors.primary;\n\n  if (type === \"solid\") {\n    backgroundColor = buttonColor;\n\n    if (disabled) {\n      textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n    } else {\n      textColor = labelColor || colors.surface;\n    }\n  } else {\n    backgroundColor = \"transparent\";\n\n    if (disabled) {\n      textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n    } else {\n      textColor = labelColor || buttonColor;\n    }\n  }\n\n  if (type === \"outline\") {\n    if (disabled) {\n      borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n    } else {\n      borderColor = buttonColor;\n    }\n    borderWidth = StyleSheet.hairlineWidth;\n  } else {\n    borderColor = \"transparent\";\n    borderWidth = 0;\n  }\n\n  const buttonStyle = {\n    backgroundColor,\n    borderColor,\n    borderWidth,\n    borderRadius: roundness,\n  };\n\n  const textStyle: StyleProp<TextStyle> = {\n    textAlign: \"center\",\n    color: textColor,\n    marginVertical: 16,\n    marginHorizontal: 16,\n  };\n\n  const iconStyle = [\n    styles.icon,\n    {\n      marginLeft: 16,\n      marginRight: -8,\n      width: Config.buttonIconSize,\n    },\n  ];\n\n  const {\n    margin,\n    marginEnd,\n    marginTop,\n    marginLeft,\n    marginRight,\n    marginBottom,\n    marginHorizontal,\n    marginVertical,\n    ...innerStyles\n  } = StyleSheet.flatten(style || {});\n\n  const margins = {\n    margin,\n    marginEnd,\n    marginTop,\n    marginLeft,\n    marginRight,\n    marginBottom,\n    marginHorizontal,\n    marginVertical,\n  };\n\n  return (\n    <Elevation style={{ elevation, alignSelf: \"stretch\", ...margins }}>\n      <Touchable\n        {...rest}\n        onPress={onPress}\n        accessibilityState={{ disabled }}\n        accessibilityRole=\"button\"\n        disabled={disabled || loading}\n        style={[styles.button, buttonStyle, innerStyles]}\n      >\n        <View style={styles.content}>\n          {icon && loading !== true ? (\n            <View style={iconStyle}>\n              <Icon\n                name={icon}\n                size={Config.buttonIconSize}\n                color={textColor}\n              />\n            </View>\n          ) : null}\n          {loading ? (\n            <ActivityIndicator\n              size=\"small\"\n              color={textColor}\n              style={iconStyle}\n            />\n          ) : null}\n          <Text numberOfLines={1} style={[textStyle, typography.button]}>\n            {children}\n          </Text>\n        </View>\n      </Touchable>\n    </Elevation>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    minWidth: 64,\n    borderStyle: \"solid\",\n  },\n  content: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  icon: {\n    width: Config.buttonIconSize,\n  },\n});\n\nexport default withTheme(Button);\n"]}

package/lib/commonjs/components/DeprecatedCardWrapper.js

@@ -13,6 +13,8 @@ var _Touchable = _interopRequireDefault(require("./Touchable"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _extends() { _extends = Object.assign || 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 getWidth = numColumns => {
   switch (numColumns) {
     case 1:
@@ -35,20 +37,6 @@ const Card = _ref => {
     ...rest
   } = _ref;
   const width = getWidth(numColumns);
-  return /*#__PURE__*/_react.default.createElement(_Touchable.default, {
-    disabled: !onPress,
-    onPress: onPress,
-    style: [style, {
-      width
-    }],
-    ...rest
-  }, children);
-};
-
-var _default = (0, _theming.withTheme)(Card);
-
-exports.default = _default;
-//# sourceMappingURL=DeprecatedCardWrapper.js.map);
   return /*#__PURE__*/_react.default.createElement(_Touchable.default, _extends({
     disabled: !onPress,
     onPress: onPress,

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

@@ -1 +1 @@
-{"version":3,"sources":["DeprecatedCardWrapper.js"],"names":["getWidth","numColumns","Card","children","onPress","style","rest","width","React","createElement","Touchable","disabled"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AACA,MAAMA,QAAQ,GAAIC,UAAD,IAAgB;AAC7B,UAAQA,UAAR;AACI,SAAK,CAAL;AACI,aAAO,KAAP;;AACJ,SAAK,CAAL;AACI,aAAO,KAAP;;AACJ;AACI,aAAO,MAAP;AANR;AAQH,CATD;;AAUA,MAAMC,IAAI,GAAG,QAA2D;AAAA,MAA1D;AAAED,IAAAA,UAAU,GAAG,CAAf;AAAkBE,IAAAA,QAAlB;AAA4BC,IAAAA,OAA5B;AAAqCC,IAAAA,KAArC;AAA4C,OAAGC;AAA/C,GAA0D;AACpE,QAAMC,KAAK,GAAGP,QAAQ,CAACC,UAAD,CAAtB;AACA,sBAAQO,eAAMC,aAAN,CAAoBC,kBAApB,EAA+B;AAAEC,IAAAA,QAAQ,EAAE,CAACP,OAAb;AAAsBA,IAAAA,OAAO,EAAEA,OAA/B;AAAwCC,IAAAA,KAAK,EAAE,CAACA,KAAD,EAAQ;AAAEE,MAAAA;AAAF,KAAR,CAA/C;AAAmE,OAAGD;AAAtE,GAA/B,EAA6GH,QAA7G,CAAR;AACH,CAHD;;eAIe,wBAAUD,IAAV,C","sourcesContent":["import React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Touchable from \"./Touchable\";\nconst getWidth = (numColumns) => {\n    switch (numColumns) {\n        case 1:\n            return \"33%\";\n        case 2:\n            return \"50%\";\n        default:\n            return \"100%\";\n    }\n};\nconst Card = ({ numColumns = 3, children, onPress, style, ...rest }) => {\n    const width = getWidth(numColumns);\n    return (React.createElement(Touchable, { disabled: !onPress, onPress: onPress, style: [style, { width }], ...rest }, children));\n};\nexport default withTheme(Card);\n"]}
+{"version":3,"sources":["DeprecatedCardWrapper.tsx"],"names":["getWidth","numColumns","Card","children","onPress","style","rest","width"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAYA,MAAMA,QAAQ,GAAIC,UAAD,IAAwB;AACvC,UAAQA,UAAR;AACE,SAAK,CAAL;AACE,aAAO,KAAP;;AACF,SAAK,CAAL;AACE,aAAO,KAAP;;AACF;AACE,aAAO,MAAP;AANJ;AAQD,CATD;;AAWA,MAAMC,IAAqB,GAAG,QAMxB;AAAA,MANyB;AAC7BD,IAAAA,UAAU,GAAG,CADgB;AAE7BE,IAAAA,QAF6B;AAG7BC,IAAAA,OAH6B;AAI7BC,IAAAA,KAJ6B;AAK7B,OAAGC;AAL0B,GAMzB;AACJ,QAAMC,KAAK,GAAGP,QAAQ,CAACC,UAAD,CAAtB;AACA,sBACE,6BAAC,kBAAD;AACE,IAAA,QAAQ,EAAE,CAACG,OADb;AAEE,IAAA,OAAO,EAAEA,OAFX;AAGE,IAAA,KAAK,EAAE,CAACC,KAAD,EAAQ;AAAEE,MAAAA;AAAF,KAAR;AAHT,KAIMD,IAJN,GAMGH,QANH,CADF;AAUD,CAlBD;;eAoBe,wBAAUD,IAAV,C","sourcesContent":["import React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Touchable from \"./Touchable\";\nimport { StyleProp, ViewStyle } from \"react-native\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  numColumns?: number;\n  children?: React.ReactNode;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: typeof theme;\n};\n\nconst getWidth = (numColumns: number) => {\n  switch (numColumns) {\n    case 1:\n      return \"33%\";\n    case 2:\n      return \"50%\";\n    default:\n      return \"100%\";\n  }\n};\n\nconst Card: React.FC<Props> = ({\n  numColumns = 3,\n  children,\n  onPress,\n  style,\n  ...rest\n}) => {\n  const width = getWidth(numColumns);\n  return (\n    <Touchable\n      disabled={!onPress}\n      onPress={onPress}\n      style={[style, { width }]}\n      {...rest}\n    >\n      {children}\n    </Touchable>\n  );\n};\n\nexport default withTheme(Card);\n"]}

package/lib/commonjs/components/Justification.js

@@ -1,5 +1,2 @@
 "use strict";
-//# sourceMappingURL=Justification.js.maple", {
-  value: true
-});
 //# sourceMappingURL=Justification.js.map

package/lib/commonjs/components/Picker/PickerComponent.android.js

@@ -9,51 +9,26 @@ var React = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
-var _picker = require("@react-native-picker/picker");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const {
-  width: deviceWidth,
-  height: deviceHeight
-} = _reactNative.Dimensions.get("screen");
-
-const PickerComponent = _ref => {
-  let {
-    androidPickerRef,
-    togglePickerVisible,
-    pickerOptions,
-    internalValue,
-    handleValueChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(_picker.Picker, {
-    selectedValue: internalValue,
-    onValueChange: handleValueChange,
-    style: styles.nonIosPicker,
-    ref: androidPickerRef,
-    onBlur: togglePickerVisible
-  }, pickerOptions.map(option => /*#__PURE__*/React.createElement(_picker.Picker.Item, {
-    label: option.label,
-    value: option.value,
-    key: option.value
-  })));
-};
+const PickerComponent = () => {
+  return /*#__PURE__*/React.createElement(_reactNative.Text, null, "android");
+}; // const styles = StyleSheet.create({
+//   nonIosPicker: {
+//     opacity: 0,
+//     position: "absolute",
+//     top: 0,
+//     left: 0,
+//     right: 0,
+//     bottom: 0,
+//     width: "100%",
+//     maxWidth: deviceWidth,
+//     maxHeight: deviceHeight,
+//   },
+// });
 
-exports.PickerComponent = PickerComponent;
 
-const styles = _reactNative.StyleSheet.create({
-  nonIosPicker: {
-    opacity: 0,
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: "100%",
-    maxWidth: deviceWidth,
-    maxHeight: deviceHeight
-  }
-});
+exports.PickerComponent = PickerComponent;
 //# sourceMappingURL=PickerComponent.android.js.map

package/lib/commonjs/components/Picker/PickerComponent.android.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PickerComponent.android.tsx"],"names":["width","deviceWidth","height","deviceHeight","Dimensions","get","PickerComponent","androidPickerRef","togglePickerVisible","pickerOptions","internalValue","handleValueChange","styles","nonIosPicker","map","option","label","value","StyleSheet","create","opacity","position","top","left","right","bottom","maxWidth","maxHeight"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAMA,MAAM;AAAEA,EAAAA,KAAK,EAAEC,WAAT;AAAsBC,EAAAA,MAAM,EAAEC;AAA9B,IAA+CC,wBAAWC,GAAX,CAAe,QAAf,CAArD;;AAWO,MAAMC,eAA+C,GAAG,QAMzD;AAAA,MAN0D;AAC9DC,IAAAA,gBAD8D;AAE9DC,IAAAA,mBAF8D;AAG9DC,IAAAA,aAH8D;AAI9DC,IAAAA,aAJ8D;AAK9DC,IAAAA;AAL8D,GAM1D;AACJ,sBACE,oBAAC,cAAD;AACE,IAAA,aAAa,EAAED,aADjB;AAEE,IAAA,aAAa,EAAEC,iBAFjB;AAGE,IAAA,KAAK,EAAEC,MAAM,CAACC,YAHhB;AAIE,IAAA,GAAG,EAAEN,gBAJP;AAKE,IAAA,MAAM,EAAEC;AALV,KAOIC,aAAD,CAA6CK,GAA7C,CAAkDC,MAAD,iBAChD,oBAAC,cAAD,CAAc,IAAd;AACE,IAAA,KAAK,EAAEA,MAAM,CAACC,KADhB;AAEE,IAAA,KAAK,EAAED,MAAM,CAACE,KAFhB;AAGE,IAAA,GAAG,EAAEF,MAAM,CAACE;AAHd,IADD,CAPH,CADF;AAiBD,CAxBM;;;;AA0BP,MAAML,MAAM,GAAGM,wBAAWC,MAAX,CAAkB;AAC/BN,EAAAA,YAAY,EAAE;AACZO,IAAAA,OAAO,EAAE,CADG;AAEZC,IAAAA,QAAQ,EAAE,UAFE;AAGZC,IAAAA,GAAG,EAAE,CAHO;AAIZC,IAAAA,IAAI,EAAE,CAJM;AAKZC,IAAAA,KAAK,EAAE,CALK;AAMZC,IAAAA,MAAM,EAAE,CANI;AAOZzB,IAAAA,KAAK,EAAE,MAPK;AAQZ0B,IAAAA,QAAQ,EAAEzB,WARE;AASZ0B,IAAAA,SAAS,EAAExB;AATC;AADiB,CAAlB,CAAf","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, Dimensions } from \"react-native\";\n\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nimport { PickerOption } from \"./Picker\";\n\nconst { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\n\ninterface PickerComponentProps {\n  Icon: IconSlot[\"Icon\"];\n  androidPickerRef: React.RefObject<any>;\n  togglePickerVisible: () => void;\n  pickerOptions: PickerOption[];\n  internalValue: string | undefined;\n  handleValueChange: (newValue: string, itemIndex: number) => void;\n}\n\nexport const PickerComponent: React.FC<PickerComponentProps> = ({\n  androidPickerRef,\n  togglePickerVisible,\n  pickerOptions,\n  internalValue,\n  handleValueChange,\n}) => {\n  return (\n    <NativePicker\n      selectedValue={internalValue}\n      onValueChange={handleValueChange}\n      style={styles.nonIosPicker}\n      ref={androidPickerRef}\n      onBlur={togglePickerVisible}\n    >\n      {(pickerOptions as unknown as PickerOption[]).map((option) => (\n        <NativePicker.Item\n          label={option.label}\n          value={option.value}\n          key={option.value}\n        />\n      ))}\n    </NativePicker>\n  );\n};\n\nconst styles = StyleSheet.create({\n  nonIosPicker: {\n    opacity: 0,\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    width: \"100%\",\n    maxWidth: deviceWidth,\n    maxHeight: deviceHeight,\n  },\n});\n"]}
+{"version":3,"sources":["PickerComponent.android.tsx"],"names":["PickerComponent"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAmBO,MAAMA,eAA+C,GAAG,MAAM;AACnE,sBAAO,oBAAC,iBAAD,kBAAP;AACD,CAFM,C,CAIP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourcesContent":["import * as React from \"react\";\nimport { /* StyleSheet, Dimensions, View, */ Text } from \"react-native\";\n\n// import { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nimport { PickerOption } from \"./Picker\";\n\n// const { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\n\ninterface PickerComponentProps {\n  Icon: IconSlot[\"Icon\"];\n  androidPickerRef: React.RefObject<any>;\n  togglePickerVisible: () => void;\n  pickerOptions: PickerOption[];\n  internalValue: string | undefined;\n  handleValueChange: (newValue: string, itemIndex: number) => void;\n}\n\nexport const PickerComponent: React.FC<PickerComponentProps> = () => {\n  return <Text>android</Text>;\n};\n\n// const styles = StyleSheet.create({\n//   nonIosPicker: {\n//     opacity: 0,\n//     position: \"absolute\",\n//     top: 0,\n//     left: 0,\n//     right: 0,\n//     bottom: 0,\n//     width: \"100%\",\n//     maxWidth: deviceWidth,\n//     maxHeight: deviceHeight,\n//   },\n// });\n"]}

package/lib/commonjs/components/Picker/PickerComponent.ios.js

@@ -9,84 +9,42 @@ var React = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-
-var _picker = require("@react-native-picker/picker");
-
-var _Portal = _interopRequireDefault(require("../Portal/Portal"));
-
-var _DeprecatedButton = _interopRequireDefault(require("../DeprecatedButton"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const {
-  width: deviceWidth,
-  height: deviceHeight
-} = _reactNative.Dimensions.get("screen");
+const PickerComponent = () => {
+  return /*#__PURE__*/React.createElement(_reactNative.Text, null, "ios");
+}; // const styles = StyleSheet.create({
+//   iosPicker: {
+//     position: "absolute",
+//     bottom: 0,
+//     left: 0,
+//     right: 0,
+//     flexDirection: "row",
+//     justifyContent: "center",
+//     width: deviceWidth, // TODO
+//     maxWidth: deviceWidth,
+//     maxHeight: deviceHeight,
+//     backgroundColor: "green", // TODO
+//     // backgroundColor: "rgba(255, 255, 255, 1)",
+//   },
+//   iosSafeArea: {
+//     backgroundColor: "yellow",
+//     // backgroundColor: "white",// TODO
+//     flexDirection: "column",
+//     width: deviceWidth,
+//     maxWidth: deviceWidth,
+//   },
+//   iosButton: {
+//     alignSelf: "flex-end",
+//   },
+//   iosNativePicker: {
+//     //backgroundColor: "white",// TODO
+//     backgroundColor: "red",
+//   },
+// });
 
-const PickerComponent = _ref => {
-  let {
-    Icon,
-    togglePickerVisible,
-    pickerOptions,
-    internalValue,
-    handleValueChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.iosPicker
-  }, /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
-    style: styles.iosSafeArea
-  }, /*#__PURE__*/React.createElement(_DeprecatedButton.default, {
-    Icon: Icon,
-    type: "text",
-    onPress: togglePickerVisible,
-    style: styles.iosButton
-  }, "Close"), /*#__PURE__*/React.createElement(_picker.Picker, {
-    style: styles.iosNativePicker,
-    selectedValue: internalValue,
-    onValueChange: handleValueChange
-  }, pickerOptions.map(option => /*#__PURE__*/React.createElement(_picker.Picker.Item, {
-    label: option.label,
-    value: option.value,
-    key: option.value
-  }))))));
-};
 
 exports.PickerComponent = PickerComponent;
-
-const styles = _reactNative.StyleSheet.create({
-  iosPicker: {
-    position: "absolute",
-    bottom: 0,
-    left: 0,
-    right: 0,
-    flexDirection: "row",
-    justifyContent: "center",
-    width: deviceWidth,
-    // TODO
-    maxWidth: deviceWidth,
-    maxHeight: deviceHeight,
-    backgroundColor: "green" // TODO
-    // backgroundColor: "rgba(255, 255, 255, 1)",
-
-  },
-  iosSafeArea: {
-    backgroundColor: "yellow",
-    // backgroundColor: "white",// TODO
-    flexDirection: "column",
-    width: deviceWidth,
-    maxWidth: deviceWidth
-  },
-  iosButton: {
-    alignSelf: "flex-end"
-  },
-  iosNativePicker: {
-    //backgroundColor: "white",// TODO
-    backgroundColor: "red"
-  }
-});
 //# sourceMappingURL=PickerComponent.ios.js.map

package/lib/commonjs/components/Picker/PickerComponent.ios.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PickerComponent.ios.tsx"],"names":["width","deviceWidth","height","deviceHeight","Dimensions","get","PickerComponent","Icon","togglePickerVisible","pickerOptions","internalValue","handleValueChange","styles","iosPicker","iosSafeArea","iosButton","iosNativePicker","map","option","label","value","StyleSheet","create","position","bottom","left","right","flexDirection","justifyContent","maxWidth","maxHeight","backgroundColor","alignSelf"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAGA;;AACA;;;;;;;;AAGA,MAAM;AAAEA,EAAAA,KAAK,EAAEC,WAAT;AAAsBC,EAAAA,MAAM,EAAEC;AAA9B,IAA+CC,wBAAWC,GAAX,CAAe,QAAf,CAArD;;AAWO,MAAMC,eAA+C,GAAG,QAMzD;AAAA,MAN0D;AAC9DC,IAAAA,IAD8D;AAE9DC,IAAAA,mBAF8D;AAG9DC,IAAAA,aAH8D;AAI9DC,IAAAA,aAJ8D;AAK9DC,IAAAA;AAL8D,GAM1D;AACJ,sBACE,oBAAC,eAAD,qBACE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACC;AAApB,kBACE,oBAAC,wCAAD;AAAc,IAAA,KAAK,EAAED,MAAM,CAACE;AAA5B,kBACE,oBAAC,yBAAD;AACE,IAAA,IAAI,EAAEP,IADR;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,OAAO,EAAEC,mBAHX;AAIE,IAAA,KAAK,EAAEI,MAAM,CAACG;AAJhB,KAMG,OANH,CADF,eAUE,oBAAC,cAAD;AACE,IAAA,KAAK,EAAEH,MAAM,CAACI,eADhB;AAEE,IAAA,aAAa,EAAEN,aAFjB;AAGE,IAAA,aAAa,EAAEC;AAHjB,KAKIF,aAAD,CAA6CQ,GAA7C,CAAkDC,MAAD,iBAChD,oBAAC,cAAD,CAAc,IAAd;AACE,IAAA,KAAK,EAAEA,MAAM,CAACC,KADhB;AAEE,IAAA,KAAK,EAAED,MAAM,CAACE,KAFhB;AAGE,IAAA,GAAG,EAAEF,MAAM,CAACE;AAHd,IADD,CALH,CAVF,CADF,CADF,CADF;AA8BD,CArCM;;;;AAuCP,MAAMR,MAAM,GAAGS,wBAAWC,MAAX,CAAkB;AAC/BT,EAAAA,SAAS,EAAE;AACTU,IAAAA,QAAQ,EAAE,UADD;AAETC,IAAAA,MAAM,EAAE,CAFC;AAGTC,IAAAA,IAAI,EAAE,CAHG;AAITC,IAAAA,KAAK,EAAE,CAJE;AAKTC,IAAAA,aAAa,EAAE,KALN;AAMTC,IAAAA,cAAc,EAAE,QANP;AAOT5B,IAAAA,KAAK,EAAEC,WAPE;AAOW;AACpB4B,IAAAA,QAAQ,EAAE5B,WARD;AAST6B,IAAAA,SAAS,EAAE3B,YATF;AAUT4B,IAAAA,eAAe,EAAE,OAVR,CAUiB;AAC1B;;AAXS,GADoB;AAc/BjB,EAAAA,WAAW,EAAE;AACXiB,IAAAA,eAAe,EAAE,QADN;AAEX;AACAJ,IAAAA,aAAa,EAAE,QAHJ;AAIX3B,IAAAA,KAAK,EAAEC,WAJI;AAKX4B,IAAAA,QAAQ,EAAE5B;AALC,GAdkB;AAqB/Bc,EAAAA,SAAS,EAAE;AACTiB,IAAAA,SAAS,EAAE;AADF,GArBoB;AAwB/BhB,EAAAA,eAAe,EAAE;AACf;AACAe,IAAAA,eAAe,EAAE;AAFF;AAxBc,CAAlB,CAAf","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet, Dimensions } from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport { PickerOption } from \"./Picker\";\n\nconst { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\n\ninterface PickerComponentProps {\n  Icon: IconSlot[\"Icon\"];\n  androidPickerRef: React.RefObject<any>;\n  togglePickerVisible: () => void;\n  pickerOptions: PickerOption[];\n  internalValue: string | undefined;\n  handleValueChange: (newValue: string, itemIndex: number) => void;\n}\n\nexport const PickerComponent: React.FC<PickerComponentProps> = ({\n  Icon,\n  togglePickerVisible,\n  pickerOptions,\n  internalValue,\n  handleValueChange,\n}) => {\n  return (\n    <Portal>\n      <View style={styles.iosPicker}>\n        <SafeAreaView style={styles.iosSafeArea}>\n          <Button\n            Icon={Icon}\n            type=\"text\"\n            onPress={togglePickerVisible}\n            style={styles.iosButton}\n          >\n            {\"Close\"}\n          </Button>\n\n          <NativePicker\n            style={styles.iosNativePicker}\n            selectedValue={internalValue}\n            onValueChange={handleValueChange}\n          >\n            {(pickerOptions as unknown as PickerOption[]).map((option) => (\n              <NativePicker.Item\n                label={option.label}\n                value={option.value}\n                key={option.value}\n              />\n            ))}\n          </NativePicker>\n        </SafeAreaView>\n      </View>\n    </Portal>\n  );\n};\n\nconst styles = StyleSheet.create({\n  iosPicker: {\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    width: deviceWidth, // TODO\n    maxWidth: deviceWidth,\n    maxHeight: deviceHeight,\n    backgroundColor: \"green\", // TODO\n    // backgroundColor: \"rgba(255, 255, 255, 1)\",\n  },\n  iosSafeArea: {\n    backgroundColor: \"yellow\",\n    // backgroundColor: \"white\",// TODO\n    flexDirection: \"column\",\n    width: deviceWidth,\n    maxWidth: deviceWidth,\n  },\n  iosButton: {\n    alignSelf: \"flex-end\",\n  },\n  iosNativePicker: {\n    //backgroundColor: \"white\",// TODO\n    backgroundColor: \"red\",\n  },\n});\n"]}
+{"version":3,"sources":["PickerComponent.ios.tsx"],"names":["PickerComponent"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAoBO,MAAMA,eAA+C,GAAG,MAAM;AACnE,sBAAO,oBAAC,iBAAD,cAAP;AACD,CAFM,C,CAIP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourcesContent":["import * as React from \"react\";\nimport { /* View, StyleSheet, Dimensions, */ Text } from \"react-native\";\n// import { SafeAreaView } from \"react-native-safe-area-context\";\n// import { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport type { IconSlot } from \"../../interfaces/Icon\";\n// import Portal from \"../Portal/Portal\";\n// import Button from \"../DeprecatedButton\";\nimport { PickerOption } from \"./Picker\";\n\n// const { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\n\ninterface PickerComponentProps {\n  Icon: IconSlot[\"Icon\"];\n  androidPickerRef: React.RefObject<any>;\n  togglePickerVisible: () => void;\n  pickerOptions: PickerOption[];\n  internalValue: string | undefined;\n  handleValueChange: (newValue: string, itemIndex: number) => void;\n}\n\nexport const PickerComponent: React.FC<PickerComponentProps> = () => {\n  return <Text>ios</Text>;\n};\n\n// const styles = StyleSheet.create({\n//   iosPicker: {\n//     position: \"absolute\",\n//     bottom: 0,\n//     left: 0,\n//     right: 0,\n//     flexDirection: \"row\",\n//     justifyContent: \"center\",\n//     width: deviceWidth, // TODO\n//     maxWidth: deviceWidth,\n//     maxHeight: deviceHeight,\n//     backgroundColor: \"green\", // TODO\n//     // backgroundColor: \"rgba(255, 255, 255, 1)\",\n//   },\n//   iosSafeArea: {\n//     backgroundColor: \"yellow\",\n//     // backgroundColor: \"white\",// TODO\n//     flexDirection: \"column\",\n//     width: deviceWidth,\n//     maxWidth: deviceWidth,\n//   },\n//   iosButton: {\n//     alignSelf: \"flex-end\",\n//   },\n//   iosNativePicker: {\n//     //backgroundColor: \"white\",// TODO\n//     backgroundColor: \"red\",\n//   },\n// });\n"]}

package/lib/commonjs/components/Picker/PickerComponent.web.js

@@ -9,51 +9,26 @@ var React = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
-var _picker = require("@react-native-picker/picker");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const {
-  width: deviceWidth,
-  height: deviceHeight
-} = _reactNative.Dimensions.get("screen");
-
-const PickerComponent = _ref => {
-  let {
-    androidPickerRef,
-    togglePickerVisible,
-    pickerOptions,
-    internalValue,
-    handleValueChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(_picker.Picker, {
-    selectedValue: internalValue,
-    onValueChange: handleValueChange,
-    style: styles.nonIosPicker,
-    ref: androidPickerRef,
-    onBlur: togglePickerVisible
-  }, pickerOptions.map(option => /*#__PURE__*/React.createElement(_picker.Picker.Item, {
-    label: option.label,
-    value: option.value,
-    key: option.value
-  })));
-};
+const PickerComponent = () => {
+  return /*#__PURE__*/React.createElement(_reactNative.Text, null, "web");
+}; // const styles = StyleSheet.create({
+//   nonIosPicker: {
+//     opacity: 0,
+//     position: "absolute",
+//     top: 0,
+//     left: 0,
+//     right: 0,
+//     bottom: 0,
+//     width: "100%",
+//     maxWidth: deviceWidth,
+//     maxHeight: deviceHeight,
+//   },
+// });
 
-exports.PickerComponent = PickerComponent;
 
-const styles = _reactNative.StyleSheet.create({
-  nonIosPicker: {
-    opacity: 0,
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: "100%",
-    maxWidth: deviceWidth,
-    maxHeight: deviceHeight
-  }
-});
+exports.PickerComponent = PickerComponent;
 //# sourceMappingURL=PickerComponent.web.js.map

package/lib/commonjs/components/Picker/PickerComponent.web.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PickerComponent.web.tsx"],"names":["width","deviceWidth","height","deviceHeight","Dimensions","get","PickerComponent","androidPickerRef","togglePickerVisible","pickerOptions","internalValue","handleValueChange","styles","nonIosPicker","map","option","label","value","StyleSheet","create","opacity","position","top","left","right","bottom","maxWidth","maxHeight"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAMA,MAAM;AAAEA,EAAAA,KAAK,EAAEC,WAAT;AAAsBC,EAAAA,MAAM,EAAEC;AAA9B,IAA+CC,wBAAWC,GAAX,CAAe,QAAf,CAArD;;AAWO,MAAMC,eAA+C,GAAG,QAMzD;AAAA,MAN0D;AAC9DC,IAAAA,gBAD8D;AAE9DC,IAAAA,mBAF8D;AAG9DC,IAAAA,aAH8D;AAI9DC,IAAAA,aAJ8D;AAK9DC,IAAAA;AAL8D,GAM1D;AACJ,sBACE,oBAAC,cAAD;AACE,IAAA,aAAa,EAAED,aADjB;AAEE,IAAA,aAAa,EAAEC,iBAFjB;AAGE,IAAA,KAAK,EAAEC,MAAM,CAACC,YAHhB;AAIE,IAAA,GAAG,EAAEN,gBAJP;AAKE,IAAA,MAAM,EAAEC;AALV,KAOIC,aAAD,CAA6CK,GAA7C,CAAkDC,MAAD,iBAChD,oBAAC,cAAD,CAAc,IAAd;AACE,IAAA,KAAK,EAAEA,MAAM,CAACC,KADhB;AAEE,IAAA,KAAK,EAAED,MAAM,CAACE,KAFhB;AAGE,IAAA,GAAG,EAAEF,MAAM,CAACE;AAHd,IADD,CAPH,CADF;AAiBD,CAxBM;;;;AA0BP,MAAML,MAAM,GAAGM,wBAAWC,MAAX,CAAkB;AAC/BN,EAAAA,YAAY,EAAE;AACZO,IAAAA,OAAO,EAAE,CADG;AAEZC,IAAAA,QAAQ,EAAE,UAFE;AAGZC,IAAAA,GAAG,EAAE,CAHO;AAIZC,IAAAA,IAAI,EAAE,CAJM;AAKZC,IAAAA,KAAK,EAAE,CALK;AAMZC,IAAAA,MAAM,EAAE,CANI;AAOZzB,IAAAA,KAAK,EAAE,MAPK;AAQZ0B,IAAAA,QAAQ,EAAEzB,WARE;AASZ0B,IAAAA,SAAS,EAAExB;AATC;AADiB,CAAlB,CAAf","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, Dimensions } from \"react-native\";\n\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nimport { PickerOption } from \"./Picker\";\n\nconst { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\n\ninterface PickerComponentProps {\n  Icon: IconSlot[\"Icon\"];\n  androidPickerRef: React.RefObject<any>;\n  togglePickerVisible: () => void;\n  pickerOptions: PickerOption[];\n  internalValue: string | undefined;\n  handleValueChange: (newValue: string, itemIndex: number) => void;\n}\n\nexport const PickerComponent: React.FC<PickerComponentProps> = ({\n  androidPickerRef,\n  togglePickerVisible,\n  pickerOptions,\n  internalValue,\n  handleValueChange,\n}) => {\n  return (\n    <NativePicker\n      selectedValue={internalValue}\n      onValueChange={handleValueChange}\n      style={styles.nonIosPicker}\n      ref={androidPickerRef}\n      onBlur={togglePickerVisible}\n    >\n      {(pickerOptions as unknown as PickerOption[]).map((option) => (\n        <NativePicker.Item\n          label={option.label}\n          value={option.value}\n          key={option.value}\n        />\n      ))}\n    </NativePicker>\n  );\n};\n\nconst styles = StyleSheet.create({\n  nonIosPicker: {\n    opacity: 0,\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    width: \"100%\",\n    maxWidth: deviceWidth,\n    maxHeight: deviceHeight,\n  },\n});\n"]}
+{"version":3,"sources":["PickerComponent.web.tsx"],"names":["PickerComponent"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAmBO,MAAMA,eAA+C,GAAG,MAAM;AACnE,sBAAO,oBAAC,iBAAD,cAAP;AACD,CAFM,C,CAIP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourcesContent":["import * as React from \"react\";\nimport { /* StyleSheet, Dimensions,  */ Text } from \"react-native\";\n\n// import { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nimport { PickerOption } from \"./Picker\";\n\n// const { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\n\ninterface PickerComponentProps {\n  Icon: IconSlot[\"Icon\"];\n  androidPickerRef: React.RefObject<any>;\n  togglePickerVisible: () => void;\n  pickerOptions: PickerOption[];\n  internalValue: string | undefined;\n  handleValueChange: (newValue: string, itemIndex: number) => void;\n}\n\nexport const PickerComponent: React.FC<PickerComponentProps> = () => {\n  return <Text>web</Text>;\n};\n\n// const styles = StyleSheet.create({\n//   nonIosPicker: {\n//     opacity: 0,\n//     position: \"absolute\",\n//     top: 0,\n//     left: 0,\n//     right: 0,\n//     bottom: 0,\n//     width: \"100%\",\n//     maxWidth: deviceWidth,\n//     maxHeight: deviceHeight,\n//   },\n// });\n"]}

package/lib/commonjs/components/ResizeMode.js

@@ -1,5 +1,2 @@
 "use strict";
-//# sourceMappingURL=ResizeMode.js.mapodule", {
-  value: true
-});
 //# sourceMappingURL=ResizeMode.js.map

package/lib/commonjs/mappings/RadioButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RadioButtonGroup.js"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","direction","fieldName","handlerPropName","valuePropName","defaultValue"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,oBADe;AAErBC,EAAAA,GAAG,EAAE,kBAFgB;AAGrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHL;AAIrBC,EAAAA,MAAM,EAAE,EAJa;AAKrBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,aAAV,CALW;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,SAAS,EAAE,iCADR;AAEHC,IAAAA,SAAS,EAAE,gCAAoB;AAC3BC,MAAAA,eAAe,EAAE,eADU;AAE3BC,MAAAA,aAAa,EAAE,OAFY;AAG3BC,MAAAA,YAAY,EAAE;AAHa,KAApB;AAFR;AANc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Radio Button Group\",\n    tag: \"RadioButtonGroup\",\n    category: COMPONENT_TYPES.input,\n    layout: {},\n    triggers: [Triggers.OnValueChange],\n    props: {\n        direction: createDirectionProp(),\n        fieldName: createFieldNameProp({\n            handlerPropName: \"onValueChange\",\n            valuePropName: \"value\",\n            defaultValue: \"radioButtonGroupValue\",\n        }),\n    },\n};\n"]}
+{"version":3,"sources":["RadioButtonGroup.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","direction","fieldName","handlerPropName","valuePropName","defaultValue"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,oBADiB;AAEvBC,EAAAA,GAAG,EAAE,kBAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,aAAV,CALa;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,iCADN;AAELC,IAAAA,SAAS,EAAE,gCAAoB;AAC7BC,MAAAA,eAAe,EAAE,eADY;AAE7BC,MAAAA,aAAa,EAAE,OAFc;AAG7BC,MAAAA,YAAY,EAAE;AAHe,KAApB;AAFN;AANgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createFieldNameProp,\n  createDirectionProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button Group\",\n  tag: \"RadioButtonGroup\",\n  category: COMPONENT_TYPES.input,\n  layout: {},\n  triggers: [Triggers.OnValueChange],\n  props: {\n    direction: createDirectionProp(),\n    fieldName: createFieldNameProp({\n      handlerPropName: \"onValueChange\",\n      valuePropName: \"value\",\n      defaultValue: \"radioButtonGroupValue\",\n    }),\n  },\n};\n"]}

package/lib/module/components/AspectRatio.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign || 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 React from "react";
 import { View, StyleSheet } from "react-native";
 
@@ -30,23 +32,6 @@ const AspectRatio = props => {
     }
   }
 
-  return /*#__PURE__*/React.createElement(View, { ...props,
-    style: style,
-    onLayout: _ref => {
-      let {
-        nativeEvent: {
-          layout: l
-        }
-      } = _ref;
-      return setLayout(l);
-    }
-  }, props.children);
-};
-
-export default AspectRatio;
-//# sourceMappingURL=AspectRatio.js.map   }
-  }
-
   return /*#__PURE__*/React.createElement(View, _extends({}, props, {
     style: style,
     onLayout: _ref => {

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

@@ -1 +1 @@
-{"version":3,"sources":["AspectRatio.js"],"names":["React","View","StyleSheet","AspectRatio","props","layout","setLayout","useState","aspectRatio","inputStyle","flatten","style","width","height","push","createElement","onLayout","nativeEvent","l","children"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,UAAf,QAAkC,cAAlC;;AACA,MAAMC,WAAW,GAAIC,KAAD,IAAW;AAC3B,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBN,KAAK,CAACO,QAAN,CAAe,IAAf,CAA5B;AACA,QAAM;AAAEC,IAAAA,WAAW,GAAG,CAAhB;AAAmB,OAAGC;AAAtB,MAAqCP,UAAU,CAACQ,OAAX,CAAmBN,KAAK,CAACO,KAAzB,KAAmC,EAA9E;AACA,QAAMA,KAAK,GAAG,CAACF,UAAD,EAAa;AAAED,IAAAA;AAAF,GAAb,CAAd;;AACA,MAAIH,MAAJ,EAAY;AACR,UAAM;AAAEO,MAAAA,KAAK,GAAG,CAAV;AAAaC,MAAAA,MAAM,GAAG;AAAtB,QAA4BR,MAAlC;;AACA,QAAIO,KAAK,KAAK,CAAd,EAAiB;AACbD,MAAAA,KAAK,CAACG,IAAN,CAAW;AAAEF,QAAAA,KAAK,EAAEC,MAAM,IAAI,IAAIL,WAAR,CAAf;AAAqCK,QAAAA;AAArC,OAAX;AACH,KAFD,MAGK;AACDF,MAAAA,KAAK,CAACG,IAAN,CAAW;AAAEF,QAAAA,KAAF;AAASC,QAAAA,MAAM,EAAED,KAAK,IAAI,IAAIJ,WAAR;AAAtB,OAAX;AACH;AACJ;;AACD,sBAAQR,KAAK,CAACe,aAAN,CAAoBd,IAApB,EAA0B,EAAE,GAAGG,KAAL;AAAYO,IAAAA,KAAK,EAAEA,KAAnB;AAA0BK,IAAAA,QAAQ,EAAE;AAAA,UAAC;AAAEC,QAAAA,WAAW,EAAE;AAAEZ,UAAAA,MAAM,EAAEa;AAAV;AAAf,OAAD;AAAA,aAAoCZ,SAAS,CAACY,CAAD,CAA7C;AAAA;AAApC,GAA1B,EAAkHd,KAAK,CAACe,QAAxH,CAAR;AACH,CAdD;;AAeA,eAAehB,WAAf","sourcesContent":["import React from \"react\";\nimport { View, StyleSheet, } from \"react-native\";\nconst AspectRatio = (props) => {\n    const [layout, setLayout] = React.useState(null);\n    const { aspectRatio = 1, ...inputStyle } = StyleSheet.flatten(props.style) || {};\n    const style = [inputStyle, { aspectRatio }];\n    if (layout) {\n        const { width = 0, height = 0 } = layout;\n        if (width === 0) {\n            style.push({ width: height * (1 / aspectRatio), height });\n        }\n        else {\n            style.push({ width, height: width * (1 / aspectRatio) });\n        }\n    }\n    return (React.createElement(View, { ...props, style: style, onLayout: ({ nativeEvent: { layout: l } }) => setLayout(l) }, props.children));\n};\nexport default AspectRatio;\n"]}
+{"version":3,"sources":["AspectRatio.tsx"],"names":["React","View","StyleSheet","AspectRatio","props","layout","setLayout","useState","aspectRatio","inputStyle","flatten","style","width","height","push","nativeEvent","l","children"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,IADF,EAEEC,UAFF,QAMO,cANP;;AAaA,MAAMC,WAA4B,GAAIC,KAAD,IAAW;AAC9C,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBN,KAAK,CAACO,QAAN,CAAuC,IAAvC,CAA5B;AACA,QAAM;AAAEC,IAAAA,WAAW,GAAG,CAAhB;AAAmB,OAAGC;AAAtB,MACJP,UAAU,CAACQ,OAAX,CAAmBN,KAAK,CAACO,KAAzB,KAAmC,EADrC;AAEA,QAAMA,KAAK,GAAG,CAACF,UAAD,EAAa;AAAED,IAAAA;AAAF,GAAb,CAAd;;AAEA,MAAIH,MAAJ,EAAY;AACV,UAAM;AAAEO,MAAAA,KAAK,GAAG,CAAV;AAAaC,MAAAA,MAAM,GAAG;AAAtB,QAA4BR,MAAlC;;AACA,QAAIO,KAAK,KAAK,CAAd,EAAiB;AACfD,MAAAA,KAAK,CAACG,IAAN,CAAW;AAAEF,QAAAA,KAAK,EAAEC,MAAM,IAAI,IAAIL,WAAR,CAAf;AAAqCK,QAAAA;AAArC,OAAX;AACD,KAFD,MAEO;AACLF,MAAAA,KAAK,CAACG,IAAN,CAAW;AAAEF,QAAAA,KAAF;AAASC,QAAAA,MAAM,EAAED,KAAK,IAAI,IAAIJ,WAAR;AAAtB,OAAX;AACD;AACF;;AACD,sBACE,oBAAC,IAAD,eACMJ,KADN;AAEE,IAAA,KAAK,EAAEO,KAFT;AAGE,IAAA,QAAQ,EAAE;AAAA,UAAC;AAAEI,QAAAA,WAAW,EAAE;AAAEV,UAAAA,MAAM,EAAEW;AAAV;AAAf,OAAD;AAAA,aAAoCV,SAAS,CAACU,CAAD,CAA7C;AAAA;AAHZ,MAKGZ,KAAK,CAACa,QALT,CADF;AASD,CAvBD;;AAyBA,eAAed,WAAf","sourcesContent":["import React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  LayoutRectangle,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\n\ntype Props = {\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n};\n\nconst AspectRatio: React.FC<Props> = (props) => {\n  const [layout, setLayout] = React.useState<LayoutRectangle | null>(null);\n  const { aspectRatio = 1, ...inputStyle } =\n    StyleSheet.flatten(props.style) || {};\n  const style = [inputStyle, { aspectRatio }];\n\n  if (layout) {\n    const { width = 0, height = 0 } = layout;\n    if (width === 0) {\n      style.push({ width: height * (1 / aspectRatio), height });\n    } else {\n      style.push({ width, height: width * (1 / aspectRatio) });\n    }\n  }\n  return (\n    <View\n      {...props}\n      style={style}\n      onLayout={({ nativeEvent: { layout: l } }) => setLayout(l)}\n    >\n      {props.children}\n    </View>\n  );\n};\n\nexport default AspectRatio;\n"]}

package/lib/module/components/Justification.js

@@ -1,2 +1,2 @@
 
-//# sourceMappingURL=Justification.js.mapion.js.map
+//# sourceMappingURL=Justification.js.map

package/lib/module/components/Picker/PickerComponent.android.js

@@ -1,41 +1,21 @@
 import * as React from "react";
-import { StyleSheet, Dimensions } from "react-native";
-import { Picker as NativePicker } from "@react-native-picker/picker";
-const {
-  width: deviceWidth,
-  height: deviceHeight
-} = Dimensions.get("screen");
-export const PickerComponent = _ref => {
-  let {
-    androidPickerRef,
-    togglePickerVisible,
-    pickerOptions,
-    internalValue,
-    handleValueChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(NativePicker, {
-    selectedValue: internalValue,
-    onValueChange: handleValueChange,
-    style: styles.nonIosPicker,
-    ref: androidPickerRef,
-    onBlur: togglePickerVisible
-  }, pickerOptions.map(option => /*#__PURE__*/React.createElement(NativePicker.Item, {
-    label: option.label,
-    value: option.value,
-    key: option.value
-  })));
-};
-const styles = StyleSheet.create({
-  nonIosPicker: {
-    opacity: 0,
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: "100%",
-    maxWidth: deviceWidth,
-    maxHeight: deviceHeight
-  }
-});
+import {
+/* StyleSheet, Dimensions, View, */
+Text } from "react-native"; // import { Picker as NativePicker } from "@react-native-picker/picker";
+
+export const PickerComponent = () => {
+  return /*#__PURE__*/React.createElement(Text, null, "android");
+}; // const styles = StyleSheet.create({
+//   nonIosPicker: {
+//     opacity: 0,
+//     position: "absolute",
+//     top: 0,
+//     left: 0,
+//     right: 0,
+//     bottom: 0,
+//     width: "100%",
+//     maxWidth: deviceWidth,
+//     maxHeight: deviceHeight,
+//   },
+// });
 //# sourceMappingURL=PickerComponent.android.js.map