bootstrap-rn 0.3.0 → 0.3.2

package/lib/commonjs/components/forms/FormCheckInput.js

@@ -0,0 +1,221 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _StyleSheet = _interopRequireDefault(require("../../style/StyleSheet"));
+var _css = _interopRequireDefault(require("../../style/css"));
+var _utils = require("../../utils");
+var _useMedia = _interopRequireDefault(require("../../hooks/useMedia"));
+var _useStyle = _interopRequireDefault(require("../../hooks/useStyle"));
+var _useModifier = _interopRequireDefault(require("../../hooks/useModifier"));
+var _proxies = require("../../theme/proxies");
+var _functions = require("../../theme/functions");
+var _FormCheckContext = _interopRequireDefault(require("./FormCheckContext"));
+var _FormCheckInputWeb = _interopRequireDefault(require("./internals/FormCheckInputWeb"));
+var _FormCheckInputNative = _interopRequireDefault(require("./internals/FormCheckInputNative"));
+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); }
+/* eslint-disable react/no-unused-prop-types */
+const propTypes = {
+  type: _propTypes.default.oneOf(['checkbox', 'radio', 'switch']).isRequired,
+  value: _propTypes.default.bool.isRequired,
+  onFocus: _propTypes.default.func,
+  onBlur: _propTypes.default.func,
+  disabled: _propTypes.default.bool,
+  valid: _propTypes.default.bool,
+  invalid: _propTypes.default.bool,
+  useNativeComponent: _propTypes.default.bool,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: _propTypes.default.any
+  // eslint-disable-next-line react/forbid-prop-types
+};
+/* eslint-enable */
+
+const styles = _StyleSheet.default.create({
+  '.form-check .form-check-input': (0, _css.default)`
+    $height: $line-height-base * 1rem;
+    $margin-top-double: $height - $form-check-input-width;
+
+    // float: left;
+    // margin-left: $form-check-padding-start * -1;
+    margin-top: $margin-top-double * 0.5; // added for bootstrap-rn
+    margin-right: $form-check-padding-start - $form-check-input-width; // added for bootstrap-rn
+  `,
+  '.form-check-reverse .form-check-input': (0, _css.default)`
+    // float: right;
+    // margin-right: $form-check-padding-start * -1;
+    margin-right: 0; // added for bootstrap-rn
+    // margin-left: 0;
+    margin-left: $form-check-padding-start - $form-check-input-width; // added for bootstrap-rn
+  `,
+  '.form-check-input': (0, _css.default)`
+    width: $form-check-input-width;
+    height: $form-check-input-width;
+    // margin-top: ($line-height-base - $form-check-input-width) * 0.5; // line-height minus check height
+    vertical-align: top;
+    background-color: $form-check-input-bg;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+    border: $form-check-input-border;
+    @include platform(web) {
+      appearance: none;
+      user-select: none; // added for bootstrap-rn
+      color-adjust: exact; // Keep themed appearance for print
+    }
+    // @include transition($form-check-transition);
+
+    &:active {
+      // filter: $form-check-input-active-filter;
+    }
+
+    &:focus {
+      border-color: $form-check-input-focus-border;
+      @include platform(web) {
+        outline-width: 0; // outline: 0;
+        box-shadow: $form-check-input-focus-box-shadow;
+      }
+    }
+  `,
+  '.form-check-input[type="checkbox"]': (0, _css.default)`
+    border-radius: $form-check-input-border-radius;
+  `,
+  '.form-check-input[type="radio"]': (0, _css.default)`
+    border-radius: $form-check-radio-border-radius;
+  `,
+  '.form-check-input:checked': (0, _css.default)`
+    background-color: $form-check-input-checked-bg-color;
+    border-color: $form-check-input-checked-border-color;
+  `,
+  '.form-check-input[type="checkbox"]:checked': (0, _css.default)`
+    // @if $enable-gradients {
+    //   background-image: escape-svg($form-check-input-checked-bg-image), var(--#{$variable-prefix}gradient);
+    // } @else {
+    background-image: ${t => (0, _functions.escapeSvg)(t['form-check-input-checked-bg-image'])};
+    // }
+  `,
+  '.form-check-input[type="radio"]:checked': (0, _css.default)`
+    // @if $enable-gradients {
+    //   background-image: escape-svg($form-check-radio-checked-bg-image), var(--#{$variable-prefix}gradient);
+    // } @else {
+    background-image: ${t => (0, _functions.escapeSvg)(t['form-check-radio-checked-bg-image'])};
+    // }
+  `,
+  '.form-check-input:disabled': (0, _css.default)`
+    @include platform(web) {
+      pointer-events: none;
+      filter: none;
+    }
+    opacity: $form-check-label-disabled-opacity;
+  `,
+  ...(0, _utils.each)(_proxies.FORM_VALIDATION_STATES, (state, data) => ({
+    [`.form-check-input:${state}`]: (0, _css.default)`
+      border-color: ${t => data(t).color};
+
+      &:focus {
+        border-color: ${t => data(t).color}; // added for bootstrap-rn
+        @include platform(web) {
+          box-shadow: 0 0 $input-btn-focus-blur $input-focus-width
+            rgba(${t => data(t).color}, $input-btn-focus-color-opacity);
+        }
+      }
+    `,
+    [`.form-check-input:${state}:checked`]: (0, _css.default)`
+      background-color: ${t => data(t).color};
+    `
+  })),
+  '.form-switch.form-check .form-check-input': (0, _css.default)`
+    // float: left;
+    // margin-left: $form-switch-padding-start * -1;
+    margin-right: $form-switch-padding-start - $form-switch-width; // added for bootstrap-rn
+  `,
+  '.form-switch.form-check-reverse .form-check-input': (0, _css.default)`
+    // margin-right: $form-switch-padding-start * -1;
+    margin-right: 0; // added for bootstrap-rn
+    // margin-left: 0;
+    margin-left: $form-switch-padding-start - $form-switch-width; // added for bootstrap-rn
+  `,
+  '.form-switch .form-check-input': (0, _css.default)`
+    width: $form-switch-width;
+    background-image: ${t => (0, _functions.escapeSvg)(t['form-switch-bg-image'])};
+    background-position: left center;
+    border-radius: $form-switch-border-radius;
+    // @include transition($form-switch-transition);
+
+    &:focus {
+      background-image: ${t => (0, _functions.escapeSvg)(t['form-switch-focus-bg-image'])};
+    }
+  `,
+  '.form-switch .form-check-input:checked': (0, _css.default)`
+    background-position: $form-switch-checked-bg-position;
+
+    // @if $enable-gradients {
+    //   background-image: escape-svg($form-switch-checked-bg-image), var(--#{$prefix}gradient);
+    // } @else {
+    background-image: ${t => (0, _functions.escapeSvg)(t['form-switch-checked-bg-image'])};
+    // }
+
+    &:focus {
+      background-image: ${t => (0, _functions.escapeSvg)(t['form-switch-checked-bg-image'])}; // added for bootstrap-rn
+    }
+  `
+});
+const FormCheckInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const [modifierProps, modifierRef] = (0, _useModifier.default)('useFormField', props, ref);
+  const context = (0, _react.useContext)(_FormCheckContext.default);
+  const {
+    type,
+    value,
+    onFocus = () => {},
+    onBlur = () => {},
+    disabled = context ? context.disabled : false,
+    valid = context ? context.valid : false,
+    invalid = context ? context.invalid : false,
+    useNativeComponent = false,
+    autoFocus = false,
+    style,
+    ...elementProps
+  } = modifierProps;
+  const media = (0, _useMedia.default)();
+  const [focused, setFocused] = (0, _react.useState)(autoFocus);
+  const classes = (0, _utils.getStyles)(styles, [context && '.form-check .form-check-input', context?.reverse && '.form-check-reverse .form-check-input', '.form-check-input', type === 'checkbox' && '.form-check-input[type="checkbox"]', type === 'radio' && '.form-check-input[type="radio"]', value && '.form-check-input:checked', type === 'checkbox' && value && '.form-check-input[type="checkbox"]:checked', type === 'radio' && value && '.form-check-input[type="radio"]:checked', disabled && '.form-check-input:disabled',
+  // validation
+  valid && '.form-check-input:valid', valid && value && '.form-check-input:valid:checked', invalid && '.form-check-input:invalid', invalid && value && '.form-check-input:invalid:checked',
+  // switch
+  context && type === 'switch' && '.form-switch.form-check .form-check-input', context?.reverse && type === 'switch' && '.form-switch.form-check-reverse .form-check-input', type === 'switch' && '.form-switch .form-check-input', type === 'switch' && value && '.form-switch .form-check-input:checked']);
+  const resolveStyle = (0, _useStyle.default)([classes, style]);
+  const BaseFormCheckInput = _reactNative.Platform.OS === 'web' && !useNativeComponent ? _FormCheckInputWeb.default : _FormCheckInputNative.default;
+  return /*#__PURE__*/_react.default.createElement(BaseFormCheckInput, _extends({}, elementProps, {
+    ref: modifierRef,
+    type: type,
+    value: value,
+    onFocus: () => {
+      setFocused(true);
+      onFocus();
+    },
+    onBlur: () => {
+      setFocused(false);
+      onBlur();
+    },
+    disabled: disabled,
+    autoFocus: autoFocus,
+    style: resolveStyle({
+      media,
+      interaction: {
+        focus: focused,
+        focusVisible: focused
+      }
+    })
+  }));
+});
+FormCheckInput.displayName = 'FormCheckInput';
+FormCheckInput.propTypes = propTypes;
+var _default = exports.default = FormCheckInput;
+//# sourceMappingURL=FormCheckInput.js.map

package/lib/commonjs/components/forms/FormCheckInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_propTypes","_interopRequireDefault","_StyleSheet","_css","_utils","_useMedia","_useStyle","_useModifier","_proxies","_functions","_FormCheckContext","_FormCheckInputWeb","_FormCheckInputNative","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","type","PropTypes","oneOf","isRequired","value","bool","onFocus","func","onBlur","disabled","valid","invalid","useNativeComponent","style","any","styles","StyleSheet","create","css","escapeSvg","each","FORM_VALIDATION_STATES","state","data","color","FormCheckInput","React","forwardRef","props","ref","modifierProps","modifierRef","useModifier","context","useContext","FormCheckContext","autoFocus","elementProps","media","useMedia","focused","setFocused","useState","classes","getStyles","reverse","resolveStyle","useStyle","BaseFormCheckInput","Platform","OS","FormCheckInputWeb","FormCheckInputNative","createElement","interaction","focus","focusVisible","displayName","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/forms/FormCheckInput.js"],"mappings":"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"}

package/lib/commonjs/components/forms/FormCheckLabel.js

@@ -0,0 +1,74 @@
+"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 _utils = require("../../utils");
+var _Label = _interopRequireDefault(require("../Label"));
+var _proxies = require("../../theme/proxies");
+var _useForcedContext = _interopRequireDefault(require("../../hooks/useForcedContext"));
+var _FormCheckContext = _interopRequireDefault(require("./FormCheckContext"));
+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,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: _propTypes.default.any,
+  // eslint-disable-next-line react/forbid-prop-types
+  textStyle: _propTypes.default.any
+};
+const styles = _StyleSheet.default.create({
+  '.form-check-input:disabled ~ .form-check-label': (0, _css.default)`
+    @include platform(web) {
+      cursor: default;
+    }
+    opacity: $form-check-label-disabled-opacity;
+  `,
+  '.form-check-label': (0, _css.default)`
+    flex-shrink: 1; // added for bootstrap-rn
+
+    @include platform(web) {
+      cursor: $form-check-label-cursor;
+    }
+  `,
+  '.form-check-label --text': (0, _css.default)`
+    color: $form-check-label-color;
+  `,
+  ...(0, _utils.each)(_proxies.FORM_VALIDATION_STATES, (state, data) => ({
+    [`.form-check-input:${state} ~ .form-check-label --text`]: (0, _css.default)`
+      color: ${t => data(t).color};
+    `
+  }))
+});
+const FormCheckLabel = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    textStyle,
+    ...elementProps
+  } = props;
+  const {
+    disabled,
+    valid,
+    invalid
+  } = (0, _useForcedContext.default)(_FormCheckContext.default);
+  const classes = (0, _utils.getStyles)(styles, [disabled && '.form-check-input:disabled ~ .form-check-label', '.form-check-label']);
+  const textClasses = (0, _utils.getStyles)(styles, ['.form-check-label --text',
+  // validation
+  valid && '.form-check-input:valid ~ .form-check-label --text', invalid && '.form-check-input:invalid ~ .form-check-label --text']);
+  return /*#__PURE__*/_react.default.createElement(_Label.default, _extends({}, elementProps, {
+    ref: ref,
+    disabled: disabled,
+    style: [classes, style],
+    textStyle: [textClasses, textStyle]
+  }), children);
+});
+FormCheckLabel.displayName = 'FormCheckLabel';
+FormCheckLabel.propTypes = propTypes;
+var _default = exports.default = FormCheckLabel;
+//# sourceMappingURL=FormCheckLabel.js.map

package/lib/commonjs/components/forms/FormCheckLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_StyleSheet","_css","_utils","_Label","_proxies","_useForcedContext","_FormCheckContext","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","propTypes","children","PropTypes","node","isRequired","style","any","textStyle","styles","StyleSheet","create","css","each","FORM_VALIDATION_STATES","state","data","t","color","FormCheckLabel","React","forwardRef","props","ref","elementProps","disabled","valid","invalid","useForcedContext","FormCheckContext","classes","getStyles","textClasses","createElement","displayName","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/forms/FormCheckLabel.js"],"mappings":"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"}

package/lib/commonjs/components/forms/FormLabel.js

@@ -0,0 +1,52 @@
+"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 _Label = _interopRequireDefault(require("../Label"));
+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,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: _propTypes.default.any,
+  // eslint-disable-next-line react/forbid-prop-types
+  textStyle: _propTypes.default.any
+};
+const styles = _StyleSheet.default.create({
+  '.form-label': (0, _css.default)`
+    margin-bottom: $form-label-margin-bottom;
+  `,
+  '.form-label --text': (0, _css.default)`
+    font-size: $form-label-font-size;
+    line-height: $form-label-font-size * $line-height-base; // added for bootstrap-rn
+    font-style: $form-label-font-style;
+    font-weight: $form-label-font-weight;
+    color: $form-label-color;
+  `
+});
+const FormLabel = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    textStyle,
+    ...elementProps
+  } = props;
+  const classes = (0, _utils.getStyles)(styles, ['.form-label']);
+  const textClasses = (0, _utils.getStyles)(styles, ['.form-label --text']);
+  return /*#__PURE__*/_react.default.createElement(_Label.default, _extends({}, elementProps, {
+    ref: ref,
+    style: [classes, style],
+    textStyle: [textClasses, textStyle]
+  }), children);
+});
+FormLabel.displayName = 'FormLabel';
+FormLabel.propTypes = propTypes;
+var _default = exports.default = FormLabel;
+//# sourceMappingURL=FormLabel.js.map

package/lib/commonjs/components/forms/FormLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_StyleSheet","_css","_Label","_utils","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","propTypes","children","PropTypes","node","isRequired","style","any","textStyle","styles","StyleSheet","create","css","FormLabel","React","forwardRef","props","ref","elementProps","classes","getStyles","textClasses","createElement","displayName","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/forms/FormLabel.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,MAAA,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;EACnC;EACAC,KAAK,EAAEH,kBAAS,CAACI,GAAG;EACpB;EACAC,SAAS,EAAEL,kBAAS,CAACI;AACvB,CAAC;AAED,MAAME,MAAM,GAAGC,mBAAU,CAACC,MAAM,CAAC;EAC/B,aAAa,EAAE,IAAAC,YAAG,CAAC;AACrB;AACA,GAAG;EACD,oBAAoB,EAAE,IAAAA,YAAG,CAAC;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMC,SAAS,gBAAGC,cAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjD,MAAM;IAAEf,QAAQ;IAAEI,KAAK;IAAEE,SAAS;IAAE,GAAGU;EAAa,CAAC,GAAGF,KAAK;EAE7D,MAAMG,OAAO,GAAG,IAAAC,gBAAS,EAACX,MAAM,EAAE,CAAC,aAAa,CAAC,CAAC;EAClD,MAAMY,WAAW,GAAG,IAAAD,gBAAS,EAACX,MAAM,EAAE,CAAC,oBAAoB,CAAC,CAAC;EAE7D,oBACEjC,MAAA,CAAAU,OAAA,CAAAoC,aAAA,CAACxC,MAAA,CAAAI,OAAK,EAAAC,QAAA,KACA+B,YAAY;IAChBD,GAAG,EAAEA,GAAI;IACTX,KAAK,EAAE,CAACa,OAAO,EAAEb,KAAK,CAAE;IACxBE,SAAS,EAAE,CAACa,WAAW,EAAEb,SAAS;EAAE,IAEnCN,QACI,CAAC;AAEZ,CAAC,CAAC;AAEFW,SAAS,CAACU,WAAW,GAAG,WAAW;AACnCV,SAAS,CAACZ,SAAS,GAAGA,SAAS;AAAC,IAAAuB,QAAA,GAAAC,OAAA,CAAAvC,OAAA,GAEjB2B,SAAS"}

package/lib/commonjs/components/forms/FormText.js

@@ -0,0 +1,55 @@
+"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 _Text = _interopRequireDefault(require("../Text"));
+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,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: _propTypes.default.any,
+  // eslint-disable-next-line react/forbid-prop-types
+  textStyle: _propTypes.default.any
+};
+const styles = _StyleSheet.default.create({
+  '.form-text': (0, _css.default)`
+    margin-top: $form-text-margin-top;
+  `,
+  '.form-text --text': (0, _css.default)`
+    font-size: $form-text-font-size;
+    font-style: $form-text-font-style;
+    font-weight: $form-text-font-weight;
+    color: $form-text-color;
+  `
+});
+const FormText = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    textStyle,
+    ...elementProps
+  } = props;
+  const classes = (0, _utils.getStyles)(styles, ['.form-text']);
+  const textClasses = (0, _utils.getStyles)(styles, ['.form-text --text']);
+
+  // composite component
+  return /*#__PURE__*/_react.default.createElement(_View.default, _extends({}, elementProps, {
+    ref: ref,
+    style: [classes, style]
+  }), /*#__PURE__*/_react.default.createElement(_Text.default, {
+    style: [textClasses, textStyle]
+  }, children));
+});
+FormText.displayName = 'FormText';
+FormText.propTypes = propTypes;
+var _default = exports.default = FormText;
+//# sourceMappingURL=FormText.js.map

package/lib/commonjs/components/forms/FormText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_StyleSheet","_css","_View","_Text","_utils","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","propTypes","children","PropTypes","node","isRequired","style","any","textStyle","styles","StyleSheet","create","css","FormText","React","forwardRef","props","ref","elementProps","classes","getStyles","textClasses","createElement","displayName","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/forms/FormText.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,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAwC,SAAAD,uBAAAQ,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;EACnC;EACAC,KAAK,EAAEH,kBAAS,CAACI,GAAG;EACpB;EACAC,SAAS,EAAEL,kBAAS,CAACI;AACvB,CAAC;AAED,MAAME,MAAM,GAAGC,mBAAU,CAACC,MAAM,CAAC;EAC/B,YAAY,EAAE,IAAAC,YAAG,CAAC;AACpB;AACA,GAAG;EACD,mBAAmB,EAAE,IAAAA,YAAG,CAAC;AAC3B;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMC,QAAQ,gBAAGC,cAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChD,MAAM;IAAEf,QAAQ;IAAEI,KAAK;IAAEE,SAAS;IAAE,GAAGU;EAAa,CAAC,GAAGF,KAAK;EAE7D,MAAMG,OAAO,GAAG,IAAAC,gBAAS,EAACX,MAAM,EAAE,CAAC,YAAY,CAAC,CAAC;EACjD,MAAMY,WAAW,GAAG,IAAAD,gBAAS,EAACX,MAAM,EAAE,CAAC,mBAAmB,CAAC,CAAC;;EAE5D;EACA,oBACElC,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAACzC,KAAA,CAAAK,OAAI,EAAAC,QAAA,KAAK+B,YAAY;IAAED,GAAG,EAAEA,GAAI;IAACX,KAAK,EAAE,CAACa,OAAO,EAAEb,KAAK;EAAE,iBACxD/B,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAACxC,KAAA,CAAAI,OAAI;IAACoB,KAAK,EAAE,CAACe,WAAW,EAAEb,SAAS;EAAE,GAAEN,QAAe,CACnD,CAAC;AAEX,CAAC,CAAC;AAEFW,QAAQ,CAACU,WAAW,GAAG,UAAU;AACjCV,QAAQ,CAACZ,SAAS,GAAGA,SAAS;AAAC,IAAAuB,QAAA,GAAAC,OAAA,CAAAvC,OAAA,GAEhB2B,QAAQ"}

package/lib/commonjs/components/forms/Input.js

@@ -0,0 +1,202 @@
+"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 _TextInput = _interopRequireDefault(require("../TextInput"));
+var _utils = require("../../utils");
+var _useModifier = _interopRequireDefault(require("../../hooks/useModifier"));
+var _proxies = require("../../theme/proxies");
+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 = {
+  size: _propTypes.default.oneOf(['sm', 'lg']),
+  placeholderTextColor: _propTypes.default.string,
+  multiline: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  valid: _propTypes.default.bool,
+  invalid: _propTypes.default.bool,
+  readOnly: _propTypes.default.bool,
+  selectTextOnFocus: _propTypes.default.bool,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: _propTypes.default.any
+};
+
+// Known issues:
+//
+// line-height (iOS)
+// If a line height is defined on iOS the text will be displayed on the bottom
+// of the line. As a workaround the line height is only defined for multi line
+// inputs.
+//
+// multi line height (iOS)
+// A multi line input on iOS has only the height of a single line input. As a
+// workaround we added a height of $input-height-sm + 8rem for multi line
+// inputs on iOS.
+//
+// single line height (Android)
+// If no height is defined, Android sets a text line height of 28px auto-
+// matically, which leads to a larger height than min height for the default
+// and sm size. As a workaround we set a height for single line inputs.
+const styles = _StyleSheet.default.create({
+  '.form-control': (0, _css.default)`
+    // display: block;
+    width: 100%;
+    min-height: $input-height; // added for bootstrap-rn
+    padding: $input-padding-y $input-padding-x;
+    font-family: $input-font-family;
+    font-size: $input-font-size;
+    font-weight: $input-font-weight;
+    @include platform(web) {
+      line-height: $input-font-size * $input-line-height;
+    }
+    color: $input-color;
+    background-color: $input-bg;
+    // background-clip: padding-box;
+    border: $input-border-width solid $input-border-color;
+    @include platform(web) {
+      appearance: none; // Fix appearance for date inputs in Safari
+    }
+
+    // Note: This has no effect on <select>s in some browsers, due to the limited stylability of "<select>"s in CSS.
+    border-radius: $input-border-radius;
+
+    // @include box-shadow($input-box-shadow);
+    // @include transition($input-transition);
+
+    // Customize the ":focus" state to imitate native WebKit styles.
+    &:focus {
+      color: $input-focus-color;
+      background-color: $input-focus-bg;
+      border-color: $input-focus-border-color;
+      @include platform(web) {
+        outline-width: 0; // outline: 0;
+        // @if $enable-shadows {
+        //   @include box-shadow($input-box-shadow, $input-focus-box-shadow);
+        // } @else {
+        //   // Avoid using mixin so we can pass custom focus shadow properly
+        box-shadow: $input-focus-box-shadow;
+        // }
+      }
+    }
+  `,
+  '.form-control.disabled': (0, _css.default)`
+    background-color: $input-disabled-bg;
+    border-color: $input-disabled-border-color;
+    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
+    opacity: 1;
+  `,
+  '.form-control-sm': (0, _css.default)`
+    min-height: $input-height-sm;
+    padding: $input-padding-y-sm $input-padding-x-sm;
+    font-size: $input-font-size-sm;
+    @include platform(web) {
+      line-height: $input-font-size-sm * $line-height-base; // added for bootstrap-rn
+    }
+    border-radius: $input-border-radius-sm;
+  `,
+  '.form-control-lg': (0, _css.default)`
+    min-height: $input-height-lg;
+    padding: $input-padding-y-lg $input-padding-x-lg;
+    font-size: $input-font-size-lg;
+    @include platform(web) {
+      line-height: $input-font-size-lg * $line-height-base; // added for bootstrap-rn
+    }
+    border-radius: $input-border-radius-lg;
+  `,
+  '.form-control:not(textarea)': (0, _css.default)`
+    @include platform(android) {
+      height: $input-height; // added for bootstrap-rn
+    }
+  `,
+  '.form-control-sm:not(textarea)': (0, _css.default)`
+    @include platform(android) {
+      height: $input-height-sm; // added for bootstrap-rn
+    }
+  `,
+  '.form-control-lg:not(textarea)': (0, _css.default)`
+    @include platform(android) {
+      height: $input-height-lg; // added for bootstrap-rn
+    }
+  `,
+  'textarea.form-control': (0, _css.default)`
+    vertical-align: top; // added for bootstrap-rn
+    min-height: $input-height;
+
+    @include platform(ios) {
+      min-height: $input-height-sm + 8rem; // added for bootstrap-rn
+    }
+    @include platform(native) {
+      line-height: $input-font-size * $input-line-height; // added for bootstrap-rn
+    }
+  `,
+  'textarea.form-control-sm': (0, _css.default)`
+    min-height: $input-height-sm;
+
+    @include platform(ios) {
+      // TODO: Adjust ios height to sm size
+      min-height: $input-height-sm + 8rem; // added for bootstrap-rn
+    }
+    @include platform(native) {
+      line-height: $input-font-size-sm * $line-height-base; // added for bootstrap-rn
+    }
+  `,
+  'textarea.form-control-lg': (0, _css.default)`
+    min-height: $input-height-lg;
+
+    @include platform(ios) {
+      // TODO: Adjust ios height to lg size
+      min-height: $input-height-sm + 8rem; // added for bootstrap-rn
+    }
+    @include platform(native) {
+      line-height: $input-font-size-sm * $line-height-base; // added for bootstrap-rn
+    }
+  `,
+  ...(0, _utils.each)(_proxies.FORM_VALIDATION_STATES, (state, data) => ({
+    [`.form-control:${state}`]: (0, _css.default)`
+      border-color: ${t => data(t).color};
+
+      &:focus {
+        border-color: ${t => data(t).color};
+        @include platform(web) {
+          box-shadow: 0 0 $input-btn-focus-blur $input-focus-width
+            rgba(${t => data(t).color}, $input-btn-focus-color-opacity);
+        }
+      }
+    `
+  }))
+});
+const Input = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const [modifierProps, modifierRef] = (0, _useModifier.default)('useFormField', props, ref);
+  const {
+    size,
+    placeholderTextColor = _StyleSheet.default.value('input-placeholder-color'),
+    multiline = false,
+    disabled = false,
+    valid = false,
+    invalid = false,
+    readOnly = false,
+    selectTextOnFocus = false,
+    style,
+    ...elementProps
+  } = modifierProps;
+  const classes = (0, _utils.getStyles)(styles, ['.form-control', disabled && '.form-control.disabled', size === 'sm' && '.form-control-sm', size === 'lg' && '.form-control-lg', !multiline && '.form-control:not(textarea)', !multiline && size === 'sm' && '.form-control-sm:not(textarea)', !multiline && size === 'lg' && '.form-control-lg:not(textarea)', multiline && 'textarea.form-control', multiline && size === 'sm' && 'textarea.form-control-sm', multiline && size === 'lg' && 'textarea.form-control-lg', valid && '.form-control:valid', invalid && '.form-control:invalid']);
+  return /*#__PURE__*/_react.default.createElement(_TextInput.default, _extends({}, elementProps, {
+    ref: modifierRef,
+    placeholderTextColor: placeholderTextColor,
+    multiline: multiline,
+    disabled: disabled,
+    readOnly: disabled ? true : readOnly,
+    selectTextOnFocus: disabled ? false : selectTextOnFocus,
+    style: [classes, style]
+  }));
+});
+Input.displayName = 'Input';
+Input.propTypes = propTypes;
+var _default = exports.default = Input;
+//# sourceMappingURL=Input.js.map