bootstrap-rn 0.3.0 → 0.3.2

package/lib/module/components/forms/FormCheck.js

@@ -0,0 +1,64 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import PropTypes from 'prop-types';
+import StyleSheet from '../../style/StyleSheet';
+import css from '../../style/css';
+import View from '../View';
+import { getStyles } from '../../utils';
+import FormCheckContext from './FormCheckContext';
+import FormCheckLabel from './FormCheckLabel';
+const propTypes = {
+  children: PropTypes.node.isRequired,
+  reverse: PropTypes.bool,
+  disabled: PropTypes.bool,
+  valid: PropTypes.bool,
+  invalid: PropTypes.bool,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: PropTypes.any
+};
+const styles = StyleSheet.create({
+  '.form-check': css`
+    // display: block;
+    flex-direction: row; // added for bootstrap-rn
+    min-height: $form-check-min-height;
+    // padding-left: $form-check-padding-start;
+    margin-bottom: $form-check-margin-bottom;
+  `,
+  '.form-check-reverse': css`
+    flex-direction: row-reverse; // added for bootstrap-rn
+    // padding-right: $form-check-padding-start;
+    // padding-left: 0;
+    // text-align: right;
+  `,
+  '.form-switch.form-check': css`
+    // padding-left: $form-switch-padding-start;
+  `
+});
+const FormCheck = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    children,
+    reverse = false,
+    disabled = false,
+    valid = false,
+    invalid = false,
+    style,
+    ...elementProps
+  } = props;
+  const classes = getStyles(styles, ['.form-check', reverse && '.form-check-reverse']);
+  return /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
+    ref: ref,
+    style: [classes, style]
+  }), /*#__PURE__*/React.createElement(FormCheckContext.Provider, {
+    value: {
+      reverse,
+      disabled,
+      valid,
+      invalid
+    }
+  }, children));
+});
+FormCheck.displayName = 'FormCheck';
+FormCheck.propTypes = propTypes;
+FormCheck.Label = FormCheckLabel;
+export default FormCheck;
+//# sourceMappingURL=FormCheck.js.map

package/lib/module/components/forms/FormCheck.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PropTypes","StyleSheet","css","View","getStyles","FormCheckContext","FormCheckLabel","propTypes","children","node","isRequired","reverse","bool","disabled","valid","invalid","style","any","styles","create","FormCheck","forwardRef","props","ref","elementProps","classes","createElement","_extends","Provider","value","displayName","Label"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/forms/FormCheck.js"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,GAAG,MAAM,iBAAiB;AACjC,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,SAAS,QAAQ,aAAa;AACvC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,MAAMC,SAAS,GAAG;EAChBC,QAAQ,EAAER,SAAS,CAACS,IAAI,CAACC,UAAU;EACnCC,OAAO,EAAEX,SAAS,CAACY,IAAI;EACvBC,QAAQ,EAAEb,SAAS,CAACY,IAAI;EACxBE,KAAK,EAAEd,SAAS,CAACY,IAAI;EACrBG,OAAO,EAAEf,SAAS,CAACY,IAAI;EACvB;EACAI,KAAK,EAAEhB,SAAS,CAACiB;AACnB,CAAC;AAED,MAAMC,MAAM,GAAGjB,UAAU,CAACkB,MAAM,CAAC;EAC/B,aAAa,EAAEjB,GAAI;AACrB;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,qBAAqB,EAAEA,GAAI;AAC7B;AACA;AACA;AACA;AACA,GAAG;EACD,yBAAyB,EAAEA,GAAI;AACjC;AACA;AACA,CAAC,CAAC;AAEF,MAAMkB,SAAS,gBAAGrB,KAAK,CAACsB,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjD,MAAM;IACJf,QAAQ;IACRG,OAAO,GAAG,KAAK;IACfE,QAAQ,GAAG,KAAK;IAChBC,KAAK,GAAG,KAAK;IACbC,OAAO,GAAG,KAAK;IACfC,KAAK;IACL,GAAGQ;EACL,CAAC,GAAGF,KAAK;EAET,MAAMG,OAAO,GAAGrB,SAAS,CAACc,MAAM,EAAE,CAChC,aAAa,EACbP,OAAO,IAAI,qBAAqB,CACjC,CAAC;EAEF,oBACEZ,KAAA,CAAA2B,aAAA,CAACvB,IAAI,EAAAwB,QAAA,KAAKH,YAAY;IAAED,GAAG,EAAEA,GAAI;IAACP,KAAK,EAAE,CAACS,OAAO,EAAET,KAAK;EAAE,iBACxDjB,KAAA,CAAA2B,aAAA,CAACrB,gBAAgB,CAACuB,QAAQ;IAACC,KAAK,EAAE;MAAElB,OAAO;MAAEE,QAAQ;MAAEC,KAAK;MAAEC;IAAQ;EAAE,GACrEP,QACwB,CACvB,CAAC;AAEX,CAAC,CAAC;AAEFY,SAAS,CAACU,WAAW,GAAG,WAAW;AACnCV,SAAS,CAACb,SAAS,GAAGA,SAAS;AAE/Ba,SAAS,CAACW,KAAK,GAAGzB,cAAc;AAEhC,eAAec,SAAS"}

package/lib/module/components/forms/FormCheckContext.js

@@ -0,0 +1,5 @@
+import React from 'react';
+const FormCheckContext = /*#__PURE__*/React.createContext();
+FormCheckContext.displayName = 'FormCheckContext';
+export default FormCheckContext;
+//# sourceMappingURL=FormCheckContext.js.map

package/lib/module/components/forms/FormCheckContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FormCheckContext","createContext","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/forms/FormCheckContext.js"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,gBAAgB,gBAAGD,KAAK,CAACE,aAAa,CAAC,CAAC;AAE9CD,gBAAgB,CAACE,WAAW,GAAG,kBAAkB;AAEjD,eAAeF,gBAAgB"}

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

@@ -0,0 +1,213 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useContext, useState } from 'react';
+import { Platform } from 'react-native';
+import PropTypes from 'prop-types';
+import StyleSheet from '../../style/StyleSheet';
+import css from '../../style/css';
+import { getStyles, each } from '../../utils';
+import useMedia from '../../hooks/useMedia';
+import useStyle from '../../hooks/useStyle';
+import useModifier from '../../hooks/useModifier';
+import { FORM_VALIDATION_STATES } from '../../theme/proxies';
+import { escapeSvg } from '../../theme/functions';
+import FormCheckContext from './FormCheckContext';
+import FormCheckInputWeb from './internals/FormCheckInputWeb';
+import FormCheckInputNative from './internals/FormCheckInputNative';
+
+/* eslint-disable react/no-unused-prop-types */
+const propTypes = {
+  type: PropTypes.oneOf(['checkbox', 'radio', 'switch']).isRequired,
+  value: PropTypes.bool.isRequired,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  disabled: PropTypes.bool,
+  valid: PropTypes.bool,
+  invalid: PropTypes.bool,
+  useNativeComponent: PropTypes.bool,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: PropTypes.any
+  // eslint-disable-next-line react/forbid-prop-types
+};
+/* eslint-enable */
+
+const styles = StyleSheet.create({
+  '.form-check .form-check-input': css`
+    $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': css`
+    // 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': css`
+    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"]': css`
+    border-radius: $form-check-input-border-radius;
+  `,
+  '.form-check-input[type="radio"]': css`
+    border-radius: $form-check-radio-border-radius;
+  `,
+  '.form-check-input:checked': css`
+    background-color: $form-check-input-checked-bg-color;
+    border-color: $form-check-input-checked-border-color;
+  `,
+  '.form-check-input[type="checkbox"]:checked': css`
+    // @if $enable-gradients {
+    //   background-image: escape-svg($form-check-input-checked-bg-image), var(--#{$variable-prefix}gradient);
+    // } @else {
+    background-image: ${t => escapeSvg(t['form-check-input-checked-bg-image'])};
+    // }
+  `,
+  '.form-check-input[type="radio"]:checked': css`
+    // @if $enable-gradients {
+    //   background-image: escape-svg($form-check-radio-checked-bg-image), var(--#{$variable-prefix}gradient);
+    // } @else {
+    background-image: ${t => escapeSvg(t['form-check-radio-checked-bg-image'])};
+    // }
+  `,
+  '.form-check-input:disabled': css`
+    @include platform(web) {
+      pointer-events: none;
+      filter: none;
+    }
+    opacity: $form-check-label-disabled-opacity;
+  `,
+  ...each(FORM_VALIDATION_STATES, (state, data) => ({
+    [`.form-check-input:${state}`]: css`
+      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`]: css`
+      background-color: ${t => data(t).color};
+    `
+  })),
+  '.form-switch.form-check .form-check-input': css`
+    // 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': css`
+    // 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': css`
+    width: $form-switch-width;
+    background-image: ${t => 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 => escapeSvg(t['form-switch-focus-bg-image'])};
+    }
+  `,
+  '.form-switch .form-check-input:checked': css`
+    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 => escapeSvg(t['form-switch-checked-bg-image'])};
+    // }
+
+    &:focus {
+      background-image: ${t => escapeSvg(t['form-switch-checked-bg-image'])}; // added for bootstrap-rn
+    }
+  `
+});
+const FormCheckInput = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const [modifierProps, modifierRef] = useModifier('useFormField', props, ref);
+  const context = useContext(FormCheckContext);
+  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 = useMedia();
+  const [focused, setFocused] = useState(autoFocus);
+  const classes = 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 = useStyle([classes, style]);
+  const BaseFormCheckInput = Platform.OS === 'web' && !useNativeComponent ? FormCheckInputWeb : FormCheckInputNative;
+  return /*#__PURE__*/React.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;
+export default FormCheckInput;
+//# sourceMappingURL=FormCheckInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","useState","Platform","PropTypes","StyleSheet","css","getStyles","each","useMedia","useStyle","useModifier","FORM_VALIDATION_STATES","escapeSvg","FormCheckContext","FormCheckInputWeb","FormCheckInputNative","propTypes","type","oneOf","isRequired","value","bool","onFocus","func","onBlur","disabled","valid","invalid","useNativeComponent","style","any","styles","create","t","state","data","color","FormCheckInput","forwardRef","props","ref","modifierProps","modifierRef","context","autoFocus","elementProps","media","focused","setFocused","classes","reverse","resolveStyle","BaseFormCheckInput","OS","createElement","_extends","interaction","focus","focusVisible","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/forms/FormCheckInput.js"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SAASC,QAAQ,QAAQ,cAAc;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,GAAG,MAAM,iBAAiB;AACjC,SAASC,SAAS,EAAEC,IAAI,QAAQ,aAAa;AAC7C,OAAOC,QAAQ,MAAM,sBAAsB;AAC3C,OAAOC,QAAQ,MAAM,sBAAsB;AAC3C,OAAOC,WAAW,MAAM,yBAAyB;AACjD,SAASC,sBAAsB,QAAQ,qBAAqB;AAC5D,SAASC,SAAS,QAAQ,uBAAuB;AACjD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,iBAAiB,MAAM,+BAA+B;AAC7D,OAAOC,oBAAoB,MAAM,kCAAkC;;AAEnE;AACA,MAAMC,SAAS,GAAG;EAChBC,IAAI,EAAEd,SAAS,CAACe,KAAK,CAAC,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAACC,UAAU;EACjEC,KAAK,EAAEjB,SAAS,CAACkB,IAAI,CAACF,UAAU;EAChCG,OAAO,EAAEnB,SAAS,CAACoB,IAAI;EACvBC,MAAM,EAAErB,SAAS,CAACoB,IAAI;EACtBE,QAAQ,EAAEtB,SAAS,CAACkB,IAAI;EACxBK,KAAK,EAAEvB,SAAS,CAACkB,IAAI;EACrBM,OAAO,EAAExB,SAAS,CAACkB,IAAI;EACvBO,kBAAkB,EAAEzB,SAAS,CAACkB,IAAI;EAClC;EACAQ,KAAK,EAAE1B,SAAS,CAAC2B;EACjB;AACF,CAAC;AACD;;AAEA,MAAMC,MAAM,GAAG3B,UAAU,CAAC4B,MAAM,CAAC;EAC/B,+BAA+B,EAAE3B,GAAI;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,uCAAuC,EAAEA,GAAI;AAC/C;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,mBAAmB,EAAEA,GAAI;AAC3B;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,GAAG;EACD,oCAAoC,EAAEA,GAAI;AAC5C;AACA,GAAG;EACD,iCAAiC,EAAEA,GAAI;AACzC;AACA,GAAG;EACD,2BAA2B,EAAEA,GAAI;AACnC;AACA;AACA,GAAG;EACD,4CAA4C,EAAEA,GAAI;AACpD;AACA;AACA;AACA,wBAAyB4B,CAAC,IACpBrB,SAAS,CAACqB,CAAC,CAAC,mCAAmC,CAAC,CAAE;AACxD;AACA,GAAG;EACD,yCAAyC,EAAE5B,GAAI;AACjD;AACA;AACA;AACA,wBAAyB4B,CAAC,IACpBrB,SAAS,CAACqB,CAAC,CAAC,mCAAmC,CAAC,CAAE;AACxD;AACA,GAAG;EACD,4BAA4B,EAAE5B,GAAI;AACpC;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,GAAGE,IAAI,CAACI,sBAAsB,EAAE,CAACuB,KAAK,EAAEC,IAAI,MAAM;IAChD,CAAE,qBAAoBD,KAAM,EAAC,GAAG7B,GAAI;AACxC,sBAAuB4B,CAAC,IAAKE,IAAI,CAACF,CAAC,CAAC,CAACG,KAAM;AAC3C;AACA;AACA,wBAAyBH,CAAC,IAAKE,IAAI,CAACF,CAAC,CAAC,CAACG,KAAM;AAC7C;AACA;AACA,mBAAoBH,CAAC,IAAKE,IAAI,CAACF,CAAC,CAAC,CAACG,KAAM;AACxC;AACA;AACA,KAAK;IACD,CAAE,qBAAoBF,KAAM,UAAS,GAAG7B,GAAI;AAChD,0BAA2B4B,CAAC,IAAKE,IAAI,CAACF,CAAC,CAAC,CAACG,KAAM;AAC/C;EACE,CAAC,CAAC,CAAC;EACH,2CAA2C,EAAE/B,GAAI;AACnD;AACA;AACA;AACA,GAAG;EACD,mDAAmD,EAAEA,GAAI;AAC3D;AACA;AACA;AACA;AACA,GAAG;EACD,gCAAgC,EAAEA,GAAI;AACxC;AACA,wBAAyB4B,CAAC,IAAKrB,SAAS,CAACqB,CAAC,CAAC,sBAAsB,CAAC,CAAE;AACpE;AACA;AACA;AACA;AACA;AACA,0BAA2BA,CAAC,IAAKrB,SAAS,CAACqB,CAAC,CAAC,4BAA4B,CAAC,CAAE;AAC5E;AACA,GAAG;EACD,wCAAwC,EAAE5B,GAAI;AAChD;AACA;AACA;AACA;AACA;AACA,wBAAyB4B,CAAC,IAAKrB,SAAS,CAACqB,CAAC,CAAC,8BAA8B,CAAC,CAAE;AAC5E;AACA;AACA;AACA,0BAA2BA,CAAC,IACpBrB,SAAS,CAACqB,CAAC,CAAC,8BAA8B,CAAC,CAAE;AACrD;AACA;AACA,CAAC,CAAC;AAEF,MAAMI,cAAc,gBAAGtC,KAAK,CAACuC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtD,MAAM,CAACC,aAAa,EAAEC,WAAW,CAAC,GAAGhC,WAAW,CAAC,cAAc,EAAE6B,KAAK,EAAEC,GAAG,CAAC;EAE5E,MAAMG,OAAO,GAAG3C,UAAU,CAACa,gBAAgB,CAAC;EAE5C,MAAM;IACJI,IAAI;IACJG,KAAK;IACLE,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;IAClBE,MAAM,GAAGA,CAAA,KAAM,CAAC,CAAC;IACjBC,QAAQ,GAAGkB,OAAO,GAAGA,OAAO,CAAClB,QAAQ,GAAG,KAAK;IAC7CC,KAAK,GAAGiB,OAAO,GAAGA,OAAO,CAACjB,KAAK,GAAG,KAAK;IACvCC,OAAO,GAAGgB,OAAO,GAAGA,OAAO,CAAChB,OAAO,GAAG,KAAK;IAC3CC,kBAAkB,GAAG,KAAK;IAC1BgB,SAAS,GAAG,KAAK;IACjBf,KAAK;IACL,GAAGgB;EACL,CAAC,GAAGJ,aAAa;EAEjB,MAAMK,KAAK,GAAGtC,QAAQ,CAAC,CAAC;EACxB,MAAM,CAACuC,OAAO,EAAEC,UAAU,CAAC,GAAG/C,QAAQ,CAAC2C,SAAS,CAAC;EAEjD,MAAMK,OAAO,GAAG3C,SAAS,CAACyB,MAAM,EAAE,CAChCY,OAAO,IAAI,+BAA+B,EAC1CA,OAAO,EAAEO,OAAO,IAAI,uCAAuC,EAC3D,mBAAmB,EACnBjC,IAAI,KAAK,UAAU,IAAI,oCAAoC,EAC3DA,IAAI,KAAK,OAAO,IAAI,iCAAiC,EACrDG,KAAK,IAAI,2BAA2B,EACpCH,IAAI,KAAK,UAAU,IACjBG,KAAK,IACL,4CAA4C,EAC9CH,IAAI,KAAK,OAAO,IAAIG,KAAK,IAAI,yCAAyC,EACtEK,QAAQ,IAAI,4BAA4B;EACxC;EACAC,KAAK,IAAI,yBAAyB,EAClCA,KAAK,IAAIN,KAAK,IAAI,iCAAiC,EACnDO,OAAO,IAAI,2BAA2B,EACtCA,OAAO,IAAIP,KAAK,IAAI,mCAAmC;EACvD;EACAuB,OAAO,IAAI1B,IAAI,KAAK,QAAQ,IAAI,2CAA2C,EAC3E0B,OAAO,EAAEO,OAAO,IACdjC,IAAI,KAAK,QAAQ,IACjB,mDAAmD,EACrDA,IAAI,KAAK,QAAQ,IAAI,gCAAgC,EACrDA,IAAI,KAAK,QAAQ,IAAIG,KAAK,IAAI,wCAAwC,CACvE,CAAC;EAEF,MAAM+B,YAAY,GAAG1C,QAAQ,CAAC,CAACwC,OAAO,EAAEpB,KAAK,CAAC,CAAC;EAE/C,MAAMuB,kBAAkB,GACtBlD,QAAQ,CAACmD,EAAE,KAAK,KAAK,IAAI,CAACzB,kBAAkB,GACxCd,iBAAiB,GACjBC,oBAAoB;EAE1B,oBACEhB,KAAA,CAAAuD,aAAA,CAACF,kBAAkB,EAAAG,QAAA,KACbV,YAAY;IAChBL,GAAG,EAAEE,WAAY;IACjBzB,IAAI,EAAEA,IAAK;IACXG,KAAK,EAAEA,KAAM;IACbE,OAAO,EAAEA,CAAA,KAAM;MACb0B,UAAU,CAAC,IAAI,CAAC;MAChB1B,OAAO,CAAC,CAAC;IACX,CAAE;IACFE,MAAM,EAAEA,CAAA,KAAM;MACZwB,UAAU,CAAC,KAAK,CAAC;MACjBxB,MAAM,CAAC,CAAC;IACV,CAAE;IACFC,QAAQ,EAAEA,QAAS;IACnBmB,SAAS,EAAEA,SAAU;IACrBf,KAAK,EAAEsB,YAAY,CAAC;MAClBL,KAAK;MACLU,WAAW,EAAE;QAAEC,KAAK,EAAEV,OAAO;QAAEW,YAAY,EAAEX;MAAQ;IACvD,CAAC;EAAE,EACJ,CAAC;AAEN,CAAC,CAAC;AAEFV,cAAc,CAACsB,WAAW,GAAG,gBAAgB;AAC7CtB,cAAc,CAACrB,SAAS,GAAGA,SAAS;AAEpC,eAAeqB,cAAc"}

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

@@ -0,0 +1,67 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import PropTypes from 'prop-types';
+import StyleSheet from '../../style/StyleSheet';
+import css from '../../style/css';
+import { getStyles, each } from '../../utils';
+import Label from '../Label';
+import { FORM_VALIDATION_STATES } from '../../theme/proxies';
+import useForcedContext from '../../hooks/useForcedContext';
+import FormCheckContext from './FormCheckContext';
+const propTypes = {
+  children: PropTypes.node.isRequired,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: PropTypes.any,
+  // eslint-disable-next-line react/forbid-prop-types
+  textStyle: PropTypes.any
+};
+const styles = StyleSheet.create({
+  '.form-check-input:disabled ~ .form-check-label': css`
+    @include platform(web) {
+      cursor: default;
+    }
+    opacity: $form-check-label-disabled-opacity;
+  `,
+  '.form-check-label': css`
+    flex-shrink: 1; // added for bootstrap-rn
+
+    @include platform(web) {
+      cursor: $form-check-label-cursor;
+    }
+  `,
+  '.form-check-label --text': css`
+    color: $form-check-label-color;
+  `,
+  ...each(FORM_VALIDATION_STATES, (state, data) => ({
+    [`.form-check-input:${state} ~ .form-check-label --text`]: css`
+      color: ${t => data(t).color};
+    `
+  }))
+});
+const FormCheckLabel = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    textStyle,
+    ...elementProps
+  } = props;
+  const {
+    disabled,
+    valid,
+    invalid
+  } = useForcedContext(FormCheckContext);
+  const classes = getStyles(styles, [disabled && '.form-check-input:disabled ~ .form-check-label', '.form-check-label']);
+  const textClasses = 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.createElement(Label, _extends({}, elementProps, {
+    ref: ref,
+    disabled: disabled,
+    style: [classes, style],
+    textStyle: [textClasses, textStyle]
+  }), children);
+});
+FormCheckLabel.displayName = 'FormCheckLabel';
+FormCheckLabel.propTypes = propTypes;
+export default FormCheckLabel;
+//# sourceMappingURL=FormCheckLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","PropTypes","StyleSheet","css","getStyles","each","Label","FORM_VALIDATION_STATES","useForcedContext","FormCheckContext","propTypes","children","node","isRequired","style","any","textStyle","styles","create","state","data","t","color","FormCheckLabel","forwardRef","props","ref","elementProps","disabled","valid","invalid","classes","textClasses","createElement","_extends","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/forms/FormCheckLabel.js"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,GAAG,MAAM,iBAAiB;AACjC,SAASC,SAAS,EAAEC,IAAI,QAAQ,aAAa;AAC7C,OAAOC,KAAK,MAAM,UAAU;AAC5B,SAASC,sBAAsB,QAAQ,qBAAqB;AAC5D,OAAOC,gBAAgB,MAAM,8BAA8B;AAC3D,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,MAAMC,SAAS,GAAG;EAChBC,QAAQ,EAAEV,SAAS,CAACW,IAAI,CAACC,UAAU;EACnC;EACAC,KAAK,EAAEb,SAAS,CAACc,GAAG;EACpB;EACAC,SAAS,EAAEf,SAAS,CAACc;AACvB,CAAC;AAED,MAAME,MAAM,GAAGf,UAAU,CAACgB,MAAM,CAAC;EAC/B,gDAAgD,EAAEf,GAAI;AACxD;AACA;AACA;AACA;AACA,GAAG;EACD,mBAAmB,EAAEA,GAAI;AAC3B;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,0BAA0B,EAAEA,GAAI;AAClC;AACA,GAAG;EACD,GAAGE,IAAI,CAACE,sBAAsB,EAAE,CAACY,KAAK,EAAEC,IAAI,MAAM;IAChD,CAAE,qBAAoBD,KAAM,6BAA4B,GAAGhB,GAAI;AACnE,eAAgBkB,CAAC,IAAKD,IAAI,CAACC,CAAC,CAAC,CAACC,KAAM;AACpC;EACE,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAMC,cAAc,gBAAGvB,KAAK,CAACwB,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtD,MAAM;IAAEf,QAAQ;IAAEG,KAAK;IAAEE,SAAS;IAAE,GAAGW;EAAa,CAAC,GAAGF,KAAK;EAE7D,MAAM;IAAEG,QAAQ;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGtB,gBAAgB,CAACC,gBAAgB,CAAC;EAEvE,MAAMsB,OAAO,GAAG3B,SAAS,CAACa,MAAM,EAAE,CAChCW,QAAQ,IAAI,gDAAgD,EAC5D,mBAAmB,CACpB,CAAC;EAEF,MAAMI,WAAW,GAAG5B,SAAS,CAACa,MAAM,EAAE,CACpC,0BAA0B;EAC1B;EACAY,KAAK,IAAI,oDAAoD,EAC7DC,OAAO,IAAI,sDAAsD,CAClE,CAAC;EAEF,oBACE9B,KAAA,CAAAiC,aAAA,CAAC3B,KAAK,EAAA4B,QAAA,KACAP,YAAY;IAChBD,GAAG,EAAEA,GAAI;IACTE,QAAQ,EAAEA,QAAS;IACnBd,KAAK,EAAE,CAACiB,OAAO,EAAEjB,KAAK,CAAE;IACxBE,SAAS,EAAE,CAACgB,WAAW,EAAEhB,SAAS;EAAE,IAEnCL,QACI,CAAC;AAEZ,CAAC,CAAC;AAEFY,cAAc,CAACY,WAAW,GAAG,gBAAgB;AAC7CZ,cAAc,CAACb,SAAS,GAAGA,SAAS;AAEpC,eAAea,cAAc"}

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

@@ -0,0 +1,45 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import PropTypes from 'prop-types';
+import StyleSheet from '../../style/StyleSheet';
+import css from '../../style/css';
+import Label from '../Label';
+import { getStyles } from '../../utils';
+const propTypes = {
+  children: PropTypes.node.isRequired,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: PropTypes.any,
+  // eslint-disable-next-line react/forbid-prop-types
+  textStyle: PropTypes.any
+};
+const styles = StyleSheet.create({
+  '.form-label': css`
+    margin-bottom: $form-label-margin-bottom;
+  `,
+  '.form-label --text': css`
+    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.forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    textStyle,
+    ...elementProps
+  } = props;
+  const classes = getStyles(styles, ['.form-label']);
+  const textClasses = getStyles(styles, ['.form-label --text']);
+  return /*#__PURE__*/React.createElement(Label, _extends({}, elementProps, {
+    ref: ref,
+    style: [classes, style],
+    textStyle: [textClasses, textStyle]
+  }), children);
+});
+FormLabel.displayName = 'FormLabel';
+FormLabel.propTypes = propTypes;
+export default FormLabel;
+//# sourceMappingURL=FormLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","PropTypes","StyleSheet","css","Label","getStyles","propTypes","children","node","isRequired","style","any","textStyle","styles","create","FormLabel","forwardRef","props","ref","elementProps","classes","textClasses","createElement","_extends","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/forms/FormLabel.js"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,GAAG,MAAM,iBAAiB;AACjC,OAAOC,KAAK,MAAM,UAAU;AAC5B,SAASC,SAAS,QAAQ,aAAa;AAEvC,MAAMC,SAAS,GAAG;EAChBC,QAAQ,EAAEN,SAAS,CAACO,IAAI,CAACC,UAAU;EACnC;EACAC,KAAK,EAAET,SAAS,CAACU,GAAG;EACpB;EACAC,SAAS,EAAEX,SAAS,CAACU;AACvB,CAAC;AAED,MAAME,MAAM,GAAGX,UAAU,CAACY,MAAM,CAAC;EAC/B,aAAa,EAAEX,GAAI;AACrB;AACA,GAAG;EACD,oBAAoB,EAAEA,GAAI;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMY,SAAS,gBAAGf,KAAK,CAACgB,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjD,MAAM;IAAEX,QAAQ;IAAEG,KAAK;IAAEE,SAAS;IAAE,GAAGO;EAAa,CAAC,GAAGF,KAAK;EAE7D,MAAMG,OAAO,GAAGf,SAAS,CAACQ,MAAM,EAAE,CAAC,aAAa,CAAC,CAAC;EAClD,MAAMQ,WAAW,GAAGhB,SAAS,CAACQ,MAAM,EAAE,CAAC,oBAAoB,CAAC,CAAC;EAE7D,oBACEb,KAAA,CAAAsB,aAAA,CAAClB,KAAK,EAAAmB,QAAA,KACAJ,YAAY;IAChBD,GAAG,EAAEA,GAAI;IACTR,KAAK,EAAE,CAACU,OAAO,EAAEV,KAAK,CAAE;IACxBE,SAAS,EAAE,CAACS,WAAW,EAAET,SAAS;EAAE,IAEnCL,QACI,CAAC;AAEZ,CAAC,CAAC;AAEFQ,SAAS,CAACS,WAAW,GAAG,WAAW;AACnCT,SAAS,CAACT,SAAS,GAAGA,SAAS;AAE/B,eAAeS,SAAS"}

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

@@ -0,0 +1,48 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import PropTypes from 'prop-types';
+import StyleSheet from '../../style/StyleSheet';
+import css from '../../style/css';
+import View from '../View';
+import Text from '../Text';
+import { getStyles } from '../../utils';
+const propTypes = {
+  children: PropTypes.node.isRequired,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: PropTypes.any,
+  // eslint-disable-next-line react/forbid-prop-types
+  textStyle: PropTypes.any
+};
+const styles = StyleSheet.create({
+  '.form-text': css`
+    margin-top: $form-text-margin-top;
+  `,
+  '.form-text --text': css`
+    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.forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    textStyle,
+    ...elementProps
+  } = props;
+  const classes = getStyles(styles, ['.form-text']);
+  const textClasses = getStyles(styles, ['.form-text --text']);
+
+  // composite component
+  return /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
+    ref: ref,
+    style: [classes, style]
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [textClasses, textStyle]
+  }, children));
+});
+FormText.displayName = 'FormText';
+FormText.propTypes = propTypes;
+export default FormText;
+//# sourceMappingURL=FormText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","PropTypes","StyleSheet","css","View","Text","getStyles","propTypes","children","node","isRequired","style","any","textStyle","styles","create","FormText","forwardRef","props","ref","elementProps","classes","textClasses","createElement","_extends","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/forms/FormText.js"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,GAAG,MAAM,iBAAiB;AACjC,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,SAAS,QAAQ,aAAa;AAEvC,MAAMC,SAAS,GAAG;EAChBC,QAAQ,EAAEP,SAAS,CAACQ,IAAI,CAACC,UAAU;EACnC;EACAC,KAAK,EAAEV,SAAS,CAACW,GAAG;EACpB;EACAC,SAAS,EAAEZ,SAAS,CAACW;AACvB,CAAC;AAED,MAAME,MAAM,GAAGZ,UAAU,CAACa,MAAM,CAAC;EAC/B,YAAY,EAAEZ,GAAI;AACpB;AACA,GAAG;EACD,mBAAmB,EAAEA,GAAI;AAC3B;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMa,QAAQ,gBAAGhB,KAAK,CAACiB,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChD,MAAM;IAAEX,QAAQ;IAAEG,KAAK;IAAEE,SAAS;IAAE,GAAGO;EAAa,CAAC,GAAGF,KAAK;EAE7D,MAAMG,OAAO,GAAGf,SAAS,CAACQ,MAAM,EAAE,CAAC,YAAY,CAAC,CAAC;EACjD,MAAMQ,WAAW,GAAGhB,SAAS,CAACQ,MAAM,EAAE,CAAC,mBAAmB,CAAC,CAAC;;EAE5D;EACA,oBACEd,KAAA,CAAAuB,aAAA,CAACnB,IAAI,EAAAoB,QAAA,KAAKJ,YAAY;IAAED,GAAG,EAAEA,GAAI;IAACR,KAAK,EAAE,CAACU,OAAO,EAAEV,KAAK;EAAE,iBACxDX,KAAA,CAAAuB,aAAA,CAAClB,IAAI;IAACM,KAAK,EAAE,CAACW,WAAW,EAAET,SAAS;EAAE,GAAEL,QAAe,CACnD,CAAC;AAEX,CAAC,CAAC;AAEFQ,QAAQ,CAACS,WAAW,GAAG,UAAU;AACjCT,QAAQ,CAACT,SAAS,GAAGA,SAAS;AAE9B,eAAeS,QAAQ"}