bootstrap-rn 0.3.0 → 0.3.1

package/lib/commonjs/components/forms/internals/PickerNative.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _StyleSheet = _interopRequireDefault(require("../../../style/StyleSheet"));
+var _css = _interopRequireDefault(require("../../../style/css"));
+var _Pressable = _interopRequireDefault(require("../../Pressable"));
+var _Text = _interopRequireDefault(require("../../Text"));
+var _Offcanvas = _interopRequireDefault(require("../../offcanvas/Offcanvas"));
+var _useBackground = _interopRequireDefault(require("../../../hooks/useBackground"));
+var _PickerNativeContext = _interopRequireDefault(require("./PickerNativeContext"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const propTypes = {
+  children: _propTypes.default.node.isRequired,
+  selectedValue: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.number, _propTypes.default.string, _propTypes.default.object]),
+  onValueChange: _propTypes.default.func,
+  onFocus: _propTypes.default.func,
+  onBlur: _propTypes.default.func,
+  placeholder: _propTypes.default.string,
+  placeholderTextColor: _propTypes.default.string,
+  disabled: _propTypes.default.bool,
+  MenuComponent: _propTypes.default.elementType,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: _propTypes.default.any
+};
+const styles = _StyleSheet.default.create({
+  menu: (0, _css.default)`
+    align-items: center;
+  `
+});
+
+// Ref: https://reactnative.dev/docs/text-style-props
+const textStyleKeys = ['color', 'fontFamily', 'fontSize', 'fontStyle', 'fontWeight', 'includeFontPaddingAndroid', 'fontVariant', 'letterSpacing', 'lineHeight', 'textAlign', 'textAlignVerticalAndroid', 'textDecorationColoriOS', 'textDecorationLine', 'textDecorationStyleiOS', 'textShadowColor', 'textShadowOffset', 'textShadowRadius', 'textTransform', 'writingDirection'];
+const extractTextStyles = style => {
+  const textStyles = {};
+  Object.entries(style).forEach(_ref => {
+    let [key, value] = _ref;
+    if (textStyleKeys.includes(key)) {
+      textStyles[key] = value;
+    }
+  });
+  return textStyles;
+};
+const getText = _ref2 => {
+  let {
+    children,
+    selectedValue
+  } = _ref2;
+  const items = _react.default.Children.map(children, child => ({
+    label: child.props.label,
+    value: child.props.value
+  }));
+  const selectedItem = items.find(item => item.value === selectedValue);
+  return selectedItem?.label;
+};
+
+/* eslint-disable react/prop-types */
+const DefaultMenuComponent = _ref3 => {
+  let {
+    children,
+    selectedValue,
+    onValueChange: handleValueChange,
+    onClose: handleClose
+  } = _ref3;
+  return /*#__PURE__*/_react.default.createElement(_Offcanvas.default, {
+    placement: "bottom",
+    visible: true,
+    onToggle: handleClose
+  }, /*#__PURE__*/_react.default.createElement(_Offcanvas.default.Body, {
+    contentContainerStyle: styles.menu
+  }, /*#__PURE__*/_react.default.createElement(_PickerNativeContext.default.Provider, {
+    value: {
+      selectedValue,
+      handleValueChange
+    }
+  }, children)));
+};
+/* eslint-enable */
+
+const PickerNative = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    children,
+    selectedValue,
+    onValueChange = () => {},
+    onFocus = () => {},
+    onBlur = () => {},
+    placeholder,
+    placeholderTextColor,
+    disabled = false,
+    MenuComponent = DefaultMenuComponent,
+    style,
+    ...elementProps
+  } = props;
+  const background = (0, _useBackground.default)(style);
+  const [visible, setVisible] = (0, _react.useState)(false);
+  const textStyle = extractTextStyles(background.style);
+  const showPlaceholder = selectedValue === undefined || selectedValue === null;
+  const handleValueChange = nextValue => {
+    onValueChange(nextValue);
+    setVisible(false);
+  };
+  const handleClose = () => {
+    setVisible(false);
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Pressable.default, _extends({}, elementProps, {
+    ref: ref,
+    role: "combobox",
+    onPress: () => {
+      setVisible(true);
+    },
+    onFocus: onFocus,
+    onBlur: onBlur,
+    disabled: disabled,
+    style: background.style
+  }), background.element, /*#__PURE__*/_react.default.createElement(_Text.default, {
+    numberOfLines: 1,
+    style: [textStyle, showPlaceholder && {
+      color: placeholderTextColor
+    }]
+  }, showPlaceholder ? placeholder || /*#__PURE__*/_react.default.createElement(_Text.default, null, "\xA0") : getText({
+    children,
+    selectedValue
+  }))), visible && /*#__PURE__*/_react.default.createElement(MenuComponent, {
+    selectedValue: selectedValue,
+    onValueChange: handleValueChange,
+    onClose: handleClose
+  }, children));
+});
+PickerNative.propTypes = propTypes;
+var _default = exports.default = PickerNative;
+//# sourceMappingURL=PickerNative.js.map

package/lib/commonjs/components/forms/internals/PickerNative.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_StyleSheet","_css","_Pressable","_Text","_Offcanvas","_useBackground","_PickerNativeContext","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","propTypes","children","PropTypes","node","isRequired","selectedValue","oneOfType","bool","number","string","object","onValueChange","func","onFocus","onBlur","placeholder","placeholderTextColor","disabled","MenuComponent","elementType","style","any","styles","StyleSheet","create","menu","css","textStyleKeys","extractTextStyles","textStyles","entries","forEach","_ref","value","includes","getText","_ref2","items","React","Children","map","child","label","props","selectedItem","find","item","DefaultMenuComponent","_ref3","handleValueChange","onClose","handleClose","createElement","placement","visible","onToggle","Body","contentContainerStyle","Provider","PickerNative","forwardRef","ref","elementProps","background","useBackground","setVisible","useState","textStyle","showPlaceholder","undefined","nextValue","Fragment","role","onPress","element","numberOfLines","color","_default","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/forms/internals/PickerNative.js"],"mappings":"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"}

package/lib/commonjs/components/forms/internals/PickerNativeContext.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const PickerNativeContext = /*#__PURE__*/_react.default.createContext();
+PickerNativeContext.displayName = 'PickerNativeContext';
+var _default = exports.default = PickerNativeContext;
+//# sourceMappingURL=PickerNativeContext.js.map

package/lib/commonjs/components/forms/internals/PickerNativeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","obj","__esModule","default","PickerNativeContext","React","createContext","displayName","_default","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/forms/internals/PickerNativeContext.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1B,MAAMG,mBAAmB,gBAAGC,cAAK,CAACC,aAAa,CAAC,CAAC;AAEjDF,mBAAmB,CAACG,WAAW,GAAG,qBAAqB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAN,OAAA,GAEzCC,mBAAmB"}

package/lib/commonjs/components/forms/internals/PickerNativeItem.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _StyleSheet = _interopRequireDefault(require("../../../style/StyleSheet"));
+var _css = _interopRequireDefault(require("../../../style/css"));
+var _Pressable = _interopRequireDefault(require("../../Pressable"));
+var _Text = _interopRequireDefault(require("../../Text"));
+var _useMedia = _interopRequireDefault(require("../../../hooks/useMedia"));
+var _utils = require("../../../utils");
+var _useStyle = _interopRequireDefault(require("../../../hooks/useStyle"));
+var _useForcedContext = _interopRequireDefault(require("../../../hooks/useForcedContext"));
+var _PickerNativeContext = _interopRequireDefault(require("./PickerNativeContext"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const propTypes = {
+  label: _propTypes.default.string.isRequired,
+  value: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.number, _propTypes.default.string, _propTypes.default.object]),
+  disabled: _propTypes.default.bool
+};
+const styles = _StyleSheet.default.create({
+  item: (0, _css.default)`
+    margin: 0.25rem 1rem;
+    padding: 0.25rem;
+  `,
+  itemDisabled: (0, _css.default)``
+});
+const PickerNativeItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    label,
+    value,
+    disabled = false
+  } = props;
+  const {
+    selectedValue,
+    handleValueChange
+  } = (0, _useForcedContext.default)(_PickerNativeContext.default);
+  const media = (0, _useMedia.default)();
+  const classes = (0, _utils.getStyles)(styles, ['item', disabled && 'itemDisabled']);
+  const resolveStyle = (0, _useStyle.default)(classes);
+  const selected = value === selectedValue;
+  return /*#__PURE__*/_react.default.createElement(_Pressable.default, {
+    ref: ref,
+    onPress: () => {
+      handleValueChange(value);
+    },
+    "aria-selected": selected,
+    disabled: disabled,
+    style: resolveStyle({
+      media
+    })
+  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
+    styleName: selected && 'text-primary'
+  }, label));
+});
+PickerNativeItem.displayName = 'PickerNativeItem';
+PickerNativeItem.propTypes = propTypes;
+var _default = exports.default = PickerNativeItem;
+//# sourceMappingURL=PickerNativeItem.js.map

package/lib/commonjs/components/forms/internals/PickerNativeItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_StyleSheet","_css","_Pressable","_Text","_useMedia","_utils","_useStyle","_useForcedContext","_PickerNativeContext","obj","__esModule","default","propTypes","label","PropTypes","string","isRequired","value","oneOfType","bool","number","object","disabled","styles","StyleSheet","create","item","css","itemDisabled","PickerNativeItem","React","forwardRef","props","ref","selectedValue","handleValueChange","useForcedContext","PickerNativeContext","media","useMedia","classes","getStyles","resolveStyle","useStyle","selected","createElement","onPress","style","styleName","displayName","_default","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/forms/internals/PickerNativeItem.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,IAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,iBAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,oBAAA,GAAAX,sBAAA,CAAAC,OAAA;AAAwD,SAAAD,uBAAAY,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAExD,MAAMG,SAAS,GAAG;EAChBC,KAAK,EAAEC,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCC,KAAK,EAAEH,kBAAS,CAACI,SAAS,CAAC,CACzBJ,kBAAS,CAACK,IAAI,EACdL,kBAAS,CAACM,MAAM,EAChBN,kBAAS,CAACC,MAAM,EAChBD,kBAAS,CAACO,MAAM,CACjB,CAAC;EACFC,QAAQ,EAAER,kBAAS,CAACK;AACtB,CAAC;AAED,MAAMI,MAAM,GAAGC,mBAAU,CAACC,MAAM,CAAC;EAC/BC,IAAI,EAAE,IAAAC,YAAG,CAAC;AACZ;AACA;AACA,GAAG;EACDC,YAAY,EAAE,IAAAD,YAAG,CAAC;AACpB,CAAC,CAAC;AAEF,MAAME,gBAAgB,gBAAGC,cAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACxD,MAAM;IAAEpB,KAAK;IAAEI,KAAK;IAAEK,QAAQ,GAAG;EAAM,CAAC,GAAGU,KAAK;EAEhD,MAAM;IAAEE,aAAa;IAAEC;EAAkB,CAAC,GAAG,IAAAC,yBAAgB,EAC3DC,4BACF,CAAC;EACD,MAAMC,KAAK,GAAG,IAAAC,iBAAQ,EAAC,CAAC;EAExB,MAAMC,OAAO,GAAG,IAAAC,gBAAS,EAAClB,MAAM,EAAE,CAAC,MAAM,EAAED,QAAQ,IAAI,cAAc,CAAC,CAAC;EAEvE,MAAMoB,YAAY,GAAG,IAAAC,iBAAQ,EAACH,OAAO,CAAC;EAEtC,MAAMI,QAAQ,GAAG3B,KAAK,KAAKiB,aAAa;EAExC,oBACEtC,MAAA,CAAAe,OAAA,CAAAkC,aAAA,CAAC3C,UAAA,CAAAS,OAAS;IACRsB,GAAG,EAAEA,GAAI;IACTa,OAAO,EAAEA,CAAA,KAAM;MACbX,iBAAiB,CAAClB,KAAK,CAAC;IAC1B,CAAE;IACF,iBAAe2B,QAAS;IACxBtB,QAAQ,EAAEA,QAAS;IACnByB,KAAK,EAAEL,YAAY,CAAC;MAAEJ;IAAM,CAAC;EAAE,gBAE/B1C,MAAA,CAAAe,OAAA,CAAAkC,aAAA,CAAC1C,KAAA,CAAAQ,OAAI;IAACqC,SAAS,EAAEJ,QAAQ,IAAI;EAAe,GAAE/B,KAAY,CACjD,CAAC;AAEhB,CAAC,CAAC;AAEFgB,gBAAgB,CAACoB,WAAW,GAAG,kBAAkB;AACjDpB,gBAAgB,CAACjB,SAAS,GAAGA,SAAS;AAAC,IAAAsC,QAAA,GAAAC,OAAA,CAAAxC,OAAA,GAExBkB,gBAAgB"}

package/lib/commonjs/components/forms/internals/PickerWeb.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _useBackground = _interopRequireDefault(require("../../../hooks/useBackground"));
+var _PickerWebContext = _interopRequireDefault(require("./PickerWebContext"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const propTypes = {
+  children: _propTypes.default.node.isRequired,
+  selectedValue: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.number, _propTypes.default.string, _propTypes.default.object]),
+  onValueChange: _propTypes.default.func,
+  onFocus: _propTypes.default.func,
+  onBlur: _propTypes.default.func,
+  placeholder: _propTypes.default.string,
+  placeholderTextColor: _propTypes.default.string,
+  disabled: _propTypes.default.bool,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: _propTypes.default.any
+};
+const PLACEHOLDER = '__PLACEHOLDER__';
+const getOptionStyle = (style, showPlaceholder) => {
+  if (!showPlaceholder) {
+    return null;
+  }
+  const flattenedStyle = _reactNative.StyleSheet.flatten(style);
+  return flattenedStyle.color;
+};
+const PickerWeb = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    children,
+    selectedValue,
+    onValueChange = () => {},
+    onFocus = () => {},
+    onBlur = () => {},
+    placeholder,
+    placeholderTextColor,
+    disabled,
+    style,
+    ...elementProps
+  } = props;
+  const background = (0, _useBackground.default)(style);
+  const showPlaceholder = selectedValue === undefined || selectedValue === null;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Picker, _extends({}, elementProps, {
+    ref: ref,
+    selectedValue: showPlaceholder ? PLACEHOLDER : selectedValue,
+    onValueChange: onValueChange,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    disabled: disabled,
+    style: [background.style, showPlaceholder && {
+      color: placeholderTextColor
+    }]
+  }), /*#__PURE__*/_react.default.createElement("option", {
+    value: PLACEHOLDER,
+    disabled: true,
+    hidden: true
+  }, placeholder), /*#__PURE__*/_react.default.createElement(_PickerWebContext.default.Provider, {
+    value: {
+      optionColor: getOptionStyle(background.style, showPlaceholder)
+    }
+  }, children));
+});
+PickerWeb.propTypes = propTypes;
+var _default = exports.default = PickerWeb;
+//# sourceMappingURL=PickerWeb.js.map

package/lib/commonjs/components/forms/internals/PickerWeb.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_propTypes","_useBackground","_PickerWebContext","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","propTypes","children","PropTypes","node","isRequired","selectedValue","oneOfType","bool","number","string","object","onValueChange","func","onFocus","onBlur","placeholder","placeholderTextColor","disabled","style","any","PLACEHOLDER","getOptionStyle","showPlaceholder","flattenedStyle","StyleUtils","flatten","color","PickerWeb","React","forwardRef","props","ref","elementProps","background","useBackground","undefined","createElement","Picker","value","hidden","Provider","optionColor","_default","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/forms/internals/PickerWeb.js"],"mappings":"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"}

package/lib/commonjs/components/forms/internals/PickerWebContext.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const PickerWebContext = /*#__PURE__*/_react.default.createContext();
+PickerWebContext.displayName = 'PickerWebContext';
+var _default = exports.default = PickerWebContext;
+//# sourceMappingURL=PickerWebContext.js.map

package/lib/commonjs/components/forms/internals/PickerWebContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","obj","__esModule","default","PickerWebContext","React","createContext","displayName","_default","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/forms/internals/PickerWebContext.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1B,MAAMG,gBAAgB,gBAAGC,cAAK,CAACC,aAAa,CAAC,CAAC;AAE9CF,gBAAgB,CAACG,WAAW,GAAG,kBAAkB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAN,OAAA,GAEnCC,gBAAgB"}

package/lib/commonjs/components/forms/internals/PickerWebItem.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _useForcedContext = _interopRequireDefault(require("../../../hooks/useForcedContext"));
+var _PickerWebContext = _interopRequireDefault(require("./PickerWebContext"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const propTypes = {
+  label: _propTypes.default.string.isRequired,
+  value: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.number, _propTypes.default.string, _propTypes.default.object]),
+  disabled: _propTypes.default.bool
+};
+const PickerWebItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    label,
+    value,
+    disabled = false
+  } = props;
+  const {
+    optionColor
+  } = (0, _useForcedContext.default)(_PickerWebContext.default);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Picker.Item, {
+    ref: ref,
+    label: label,
+    value: value,
+    disabled: disabled,
+    color: optionColor
+  });
+});
+PickerWebItem.displayName = 'PickerWebItem';
+PickerWebItem.propTypes = propTypes;
+var _default = exports.default = PickerWebItem;
+//# sourceMappingURL=PickerWebItem.js.map

package/lib/commonjs/components/forms/internals/PickerWebItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_propTypes","_useForcedContext","_PickerWebContext","obj","__esModule","default","propTypes","label","PropTypes","string","isRequired","value","oneOfType","bool","number","object","disabled","PickerWebItem","React","forwardRef","props","ref","optionColor","useForcedContext","PickerWebContext","createElement","Picker","Item","color","displayName","_default","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/forms/internals/PickerWebItem.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,iBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAkD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAElD,MAAMG,SAAS,GAAG;EAChBC,KAAK,EAAEC,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCC,KAAK,EAAEH,kBAAS,CAACI,SAAS,CAAC,CACzBJ,kBAAS,CAACK,IAAI,EACdL,kBAAS,CAACM,MAAM,EAChBN,kBAAS,CAACC,MAAM,EAChBD,kBAAS,CAACO,MAAM,CACjB,CAAC;EACFC,QAAQ,EAAER,kBAAS,CAACK;AACtB,CAAC;AAED,MAAMI,aAAa,gBAAGC,cAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACrD,MAAM;IAAEd,KAAK;IAAEI,KAAK;IAAEK,QAAQ,GAAG;EAAM,CAAC,GAAGI,KAAK;EAEhD,MAAM;IAAEE;EAAY,CAAC,GAAG,IAAAC,yBAAgB,EAACC,yBAAgB,CAAC;EAE1D,oBACE5B,MAAA,CAAAS,OAAA,CAAAoB,aAAA,CAAC1B,YAAA,CAAA2B,MAAS,CAACC,IAAI;IACbN,GAAG,EAAEA,GAAI;IACTd,KAAK,EAAEA,KAAM;IACbI,KAAK,EAAEA,KAAM;IACbK,QAAQ,EAAEA,QAAS;IACnBY,KAAK,EAAEN;EAAY,CACpB,CAAC;AAEN,CAAC,CAAC;AAEFL,aAAa,CAACY,WAAW,GAAG,eAAe;AAC3CZ,aAAa,CAACX,SAAS,GAAGA,SAAS;AAAC,IAAAwB,QAAA,GAAAC,OAAA,CAAA1B,OAAA,GAErBY,aAAa"}

package/lib/commonjs/components/grid/Col.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _StyleSheet = _interopRequireDefault(require("../../style/StyleSheet"));
+var _css = _interopRequireDefault(require("../../style/css"));
+var _View = _interopRequireDefault(require("../View"));
+var _proxies = require("../../theme/proxies");
+var _breakpoints = require("../../theme/breakpoints");
+var _utils = require("../../utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const sizes = (0, _utils.makeArray)(_proxies.GRID_COLUMNS).map(v => v + 1);
+const propTypes = {
+  children: _propTypes.default.node.isRequired,
+  size: _propTypes.default.oneOf(['auto', ...sizes]),
+  sizeSm: _propTypes.default.oneOf(['auto', ...sizes]),
+  sizeMd: _propTypes.default.oneOf(['auto', ...sizes]),
+  sizeLg: _propTypes.default.oneOf(['auto', ...sizes]),
+  sizeXl: _propTypes.default.oneOf(['auto', ...sizes]),
+  // eslint-disable-next-line react/forbid-prop-types
+  style: _propTypes.default.any
+};
+const styles = _StyleSheet.default.create({
+  '*': (0, _css.default)`
+    // Add box sizing if only the grid is loaded
+    /* box-sizing: if(
+      variable-exists(include-column-box-sizing) and $include-column-box-sizing,
+      border-box,
+      null
+    ); */
+    // Prevent columns from becoming too narrow when at smaller grid tiers by
+    // always setting "width: 100%;". This works because we set the width
+    // later on to override this initial width.
+    flex-shrink: 0;
+    width: 100%;
+    @include platform(web) {
+      max-width: 100%; // Prevent ".col-auto", ".col" (& responsive variants) from breaking out the grid
+    }
+    padding-right: $grid-gutter-width * 0.5;
+    padding-left: $grid-gutter-width * 0.5;
+    margin-top: 0;
+  `,
+  ...(0, _utils.each)(_proxies.GRID_BREAKPOINTS, breakpoint => ({
+    [`.col${(0, _breakpoints.infix)(breakpoint)}`]: (0, _css.default)`
+      @include media-breakpoint-up(${breakpoint}) {
+        flex: 1 0 0%; // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
+      }
+    `,
+    [`.col${(0, _breakpoints.infix)(breakpoint)}-auto`]: (0, _css.default)`
+      @include media-breakpoint-up(${breakpoint}) {
+        flex: 0 0 auto;
+        width: auto;
+      }
+    `,
+    ...(0, _utils.normalize)((0, _utils.makeArray)(_proxies.GRID_COLUMNS - 1, i => ({
+      [`.col${(0, _breakpoints.infix)(breakpoint)}-${i + 1}`]: (0, _css.default)`
+          @include media-breakpoint-up(${breakpoint}) {
+            flex: 0 0 auto;
+            width: ${(i + 1) / _proxies.GRID_COLUMNS * 100}%;
+          }
+        `,
+      [`.offset${(0, _breakpoints.infix)(breakpoint)}-${i}`]: (0, _css.default)`
+          @include media-breakpoint-up(${breakpoint}) {
+            margin-left: ${i / _proxies.GRID_COLUMNS * 100}%;
+          }
+        `
+    })))
+  }))
+});
+const Col = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    children,
+    size,
+    sizeSm,
+    sizeMd,
+    sizeLg,
+    sizeXl,
+    style,
+    ...elementProps
+  } = props;
+  const classes = (0, _utils.getStyles)(styles, ['*', `.col-${size.toString()}`, sizeSm && `.col-sm-${sizeSm.toString()}`, sizeMd && `.col-md-${sizeMd.toString()}`, sizeLg && `.col-lg-${sizeLg.toString()}`, sizeXl && `.col-xl-${sizeXl.toString()}`]);
+  return /*#__PURE__*/_react.default.createElement(_View.default, _extends({}, elementProps, {
+    ref: ref,
+    style: [classes, style]
+  }), children);
+});
+Col.displayName = 'Col';
+Col.propTypes = propTypes;
+var _default = exports.default = Col;
+//# sourceMappingURL=Col.js.map

package/lib/commonjs/components/grid/Col.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_StyleSheet","_css","_View","_proxies","_breakpoints","_utils","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","sizes","makeArray","GRID_COLUMNS","map","v","propTypes","children","PropTypes","node","isRequired","size","oneOf","sizeSm","sizeMd","sizeLg","sizeXl","style","any","styles","StyleSheet","create","css","each","GRID_BREAKPOINTS","breakpoint","infix","normalize","Col","React","forwardRef","props","ref","elementProps","classes","getStyles","toString","createElement","displayName","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/grid/Col.js"],"mappings":"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"}

package/lib/commonjs/components/grid/Row.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _StyleSheet = _interopRequireDefault(require("../../style/StyleSheet"));
+var _css = _interopRequireDefault(require("../../style/css"));
+var _View = _interopRequireDefault(require("../View"));
+var _utils = require("../../utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const propTypes = {
+  children: _propTypes.default.node.isRequired,
+  rows: _propTypes.default.number,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: _propTypes.default.any
+};
+const styles = _StyleSheet.default.create({
+  '.row': (0, _css.default)`
+    display: flex;
+    flex-direction: row; // added for bootstrap-rn
+    flex-wrap: wrap;
+    margin-top: 0;
+    margin-right: -0.5 * $grid-gutter-width;
+    margin-left: -0.5 * $grid-gutter-width;
+  `
+});
+const Row = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    ...elementProps
+  } = props;
+  const classes = (0, _utils.getStyles)(styles, ['.row']);
+  return /*#__PURE__*/_react.default.createElement(_View.default, _extends({}, elementProps, {
+    ref: ref,
+    style: [classes, style]
+  }), children);
+});
+Row.displayName = 'Row';
+Row.propTypes = propTypes;
+var _default = exports.default = Row;
+//# sourceMappingURL=Row.js.map

package/lib/commonjs/components/grid/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_StyleSheet","_css","_View","_utils","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","propTypes","children","PropTypes","node","isRequired","rows","number","style","any","styles","StyleSheet","create","css","Row","React","forwardRef","props","ref","elementProps","classes","getStyles","createElement","displayName","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/grid/Row.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,IAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAwC,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAExC,MAAMQ,SAAS,GAAG;EAChBC,QAAQ,EAAEC,kBAAS,CAACC,IAAI,CAACC,UAAU;EACnCC,IAAI,EAAEH,kBAAS,CAACI,MAAM;EACtB;EACAC,KAAK,EAAEL,kBAAS,CAACM;AACnB,CAAC;AAED,MAAMC,MAAM,GAAGC,mBAAU,CAACC,MAAM,CAAC;EAC/B,MAAM,EAAE,IAAAC,YAAG,CAAC;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMC,GAAG,gBAAGC,cAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC3C,MAAM;IAAEhB,QAAQ;IAAEM,KAAK;IAAE,GAAGW;EAAa,CAAC,GAAGF,KAAK;EAElD,MAAMG,OAAO,GAAG,IAAAC,gBAAS,EAACX,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC;EAE3C,oBACElC,MAAA,CAAAU,OAAA,CAAAoC,aAAA,CAACxC,KAAA,CAAAI,OAAI,EAAAC,QAAA,KAAKgC,YAAY;IAAED,GAAG,EAAEA,GAAI;IAACV,KAAK,EAAE,CAACY,OAAO,EAAEZ,KAAK;EAAE,IACvDN,QACG,CAAC;AAEX,CAAC,CAAC;AAEFY,GAAG,CAACS,WAAW,GAAG,KAAK;AACvBT,GAAG,CAACb,SAAS,GAAGA,SAAS;AAAC,IAAAuB,QAAA,GAAAC,OAAA,CAAAvC,OAAA,GAEX4B,GAAG"}

package/lib/commonjs/components/grid/RowContext.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const RowContext = /*#__PURE__*/_react.default.createContext();
+RowContext.displayName = 'RowContext';
+var _default = exports.default = RowContext;
+//# sourceMappingURL=RowContext.js.map

package/lib/commonjs/components/grid/RowContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","obj","__esModule","default","RowContext","React","createContext","displayName","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/grid/RowContext.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1B,MAAMG,UAAU,gBAAGC,cAAK,CAACC,aAAa,CAAC,CAAC;AAExCF,UAAU,CAACG,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAN,OAAA,GAEvBC,UAAU"}