bootstrap-rn 0.2.14 → 0.3.1

package/lib/module/components/navbar/NavbarCollapse.js

@@ -0,0 +1,61 @@
+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 useForcedContext from '../../hooks/useForcedContext';
+import { GRID_BREAKPOINTS } from '../../theme/proxies';
+import { infix, next } from '../../theme/breakpoints';
+import { getStyles, each } from '../../utils';
+import useMedia from '../../hooks/useMedia';
+import NavbarContext from './NavbarContext';
+const propTypes = {
+  children: PropTypes.node.isRequired,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: PropTypes.any
+};
+const styles = StyleSheet.create({
+  '.navbar-collapse': css`
+    flex-basis: 100%;
+    flex-grow: 1;
+    // For always expanded or extra full navbars, ensure content aligns itself
+    // properly vertically. Can be easily overridden with flex utilities.
+    // align-items: center;
+  `,
+  ...each(GRID_BREAKPOINTS, breakpoint => ({
+    [`.navbar-expand${infix(next(breakpoint))} .navbar-collapse`]: css`
+      @include media-breakpoint-up(${next(breakpoint)}) {
+        flex-direction: row; // added for bootstrap-rn
+        display: flex;
+        flex-basis: auto;
+        align-items: center; // added for bootstrap-rn
+      }
+    `
+  }))
+});
+const NavbarCollapse = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    ...elementProps
+  } = props;
+  const {
+    expand,
+    expanded
+  } = useForcedContext(NavbarContext);
+  const media = useMedia();
+  const classes = getStyles(styles, ['.navbar-collapse', expand && `.navbar-expand${expand === true ? '' : `-${expand}`} .navbar-collapse`]);
+  const show = expanded || expand && (expand === true || media.up(expand));
+  if (!show) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
+    ref: ref,
+    style: [classes, style]
+  }), children);
+});
+NavbarCollapse.displayName = 'NavbarCollapse';
+NavbarCollapse.propTypes = propTypes;
+export default NavbarCollapse;
+//# sourceMappingURL=NavbarCollapse.js.map

package/lib/module/components/navbar/NavbarCollapse.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PropTypes","StyleSheet","css","View","useForcedContext","GRID_BREAKPOINTS","infix","next","getStyles","each","useMedia","NavbarContext","propTypes","children","node","isRequired","style","any","styles","create","breakpoint","NavbarCollapse","forwardRef","props","ref","elementProps","expand","expanded","media","classes","show","up","createElement","_extends","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/navbar/NavbarCollapse.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,gBAAgB,MAAM,8BAA8B;AAC3D,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,KAAK,EAAEC,IAAI,QAAQ,yBAAyB;AACrD,SAASC,SAAS,EAAEC,IAAI,QAAQ,aAAa;AAC7C,OAAOC,QAAQ,MAAM,sBAAsB;AAC3C,OAAOC,aAAa,MAAM,iBAAiB;AAE3C,MAAMC,SAAS,GAAG;EAChBC,QAAQ,EAAEb,SAAS,CAACc,IAAI,CAACC,UAAU;EACnC;EACAC,KAAK,EAAEhB,SAAS,CAACiB;AACnB,CAAC;AAED,MAAMC,MAAM,GAAGjB,UAAU,CAACkB,MAAM,CAAC;EAC/B,kBAAkB,EAAEjB,GAAI;AAC1B;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,GAAGO,IAAI,CAACJ,gBAAgB,EAAGe,UAAU,KAAM;IACzC,CAAE,iBAAgBd,KAAK,CAACC,IAAI,CAACa,UAAU,CAAC,CAAE,mBAAkB,GAAGlB,GAAI;AACvE,qCAAqCK,IAAI,CAACa,UAAU,CAAE;AACtD;AACA;AACA;AACA;AACA;AACA;EACE,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAMC,cAAc,gBAAGtB,KAAK,CAACuB,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtD,MAAM;IAAEX,QAAQ;IAAEG,KAAK;IAAE,GAAGS;EAAa,CAAC,GAAGF,KAAK;EAElD,MAAM;IAAEG,MAAM;IAAEC;EAAS,CAAC,GAAGvB,gBAAgB,CAACO,aAAa,CAAC;EAC5D,MAAMiB,KAAK,GAAGlB,QAAQ,CAAC,CAAC;EAExB,MAAMmB,OAAO,GAAGrB,SAAS,CAACU,MAAM,EAAE,CAChC,kBAAkB,EAClBQ,MAAM,IACH,iBAAgBA,MAAM,KAAK,IAAI,GAAG,EAAE,GAAI,IAAGA,MAAO,EAAE,mBAAkB,CAC1E,CAAC;EAEF,MAAMI,IAAI,GAAGH,QAAQ,IAAKD,MAAM,KAAKA,MAAM,KAAK,IAAI,IAAIE,KAAK,CAACG,EAAE,CAACL,MAAM,CAAC,CAAE;EAE1E,IAAI,CAACI,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EAEA,oBACE/B,KAAA,CAAAiC,aAAA,CAAC7B,IAAI,EAAA8B,QAAA,KAAKR,YAAY;IAAED,GAAG,EAAEA,GAAI;IAACR,KAAK,EAAE,CAACa,OAAO,EAAEb,KAAK;EAAE,IACvDH,QACG,CAAC;AAEX,CAAC,CAAC;AAEFQ,cAAc,CAACa,WAAW,GAAG,gBAAgB;AAC7Cb,cAAc,CAACT,SAAS,GAAGA,SAAS;AAEpC,eAAeS,cAAc"}

package/lib/module/components/navbar/NavbarContext.js

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

package/lib/module/components/navbar/NavbarContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","NavbarContext","createContext","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/navbar/NavbarContext.js"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,aAAa,gBAAGD,KAAK,CAACE,aAAa,CAAC,CAAC;AAE3CD,aAAa,CAACE,WAAW,GAAG,eAAe;AAE3C,eAAeF,aAAa"}

package/lib/module/components/navbar/NavbarText.js

@@ -0,0 +1,54 @@
+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';
+import useForcedContext from '../../hooks/useForcedContext';
+import NavbarContext from './NavbarContext';
+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({
+  '.navbar-text': css`
+    padding-top: $nav-link-padding-y;
+    padding-bottom: $nav-link-padding-y;
+  `,
+  '.navbar-light .navbar-text --text': css`
+    color: $navbar-light-color;
+  `,
+  '.navbar-dark .navbar-text --text': css`
+    color: $navbar-dark-color;
+  `
+});
+const NavbarText = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    textStyle,
+    ...elementProps
+  } = props;
+  const {
+    variant
+  } = useForcedContext(NavbarContext);
+  const classes = getStyles(styles, ['.navbar-text']);
+  const textClasses = getStyles(styles, [`.navbar-${variant} .navbar-text --text`]);
+
+  // composite component
+  return /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
+    ref: ref,
+    style: [classes, style]
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [textClasses, textStyle]
+  }, children));
+});
+NavbarText.displayName = 'NavbarText';
+NavbarText.propTypes = propTypes;
+export default NavbarText;
+//# sourceMappingURL=NavbarText.js.map

package/lib/module/components/navbar/NavbarText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PropTypes","StyleSheet","css","View","Text","getStyles","useForcedContext","NavbarContext","propTypes","children","node","isRequired","style","any","textStyle","styles","create","NavbarText","forwardRef","props","ref","elementProps","variant","classes","textClasses","createElement","_extends","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/navbar/NavbarText.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;AACvC,OAAOC,gBAAgB,MAAM,8BAA8B;AAC3D,OAAOC,aAAa,MAAM,iBAAiB;AAE3C,MAAMC,SAAS,GAAG;EAChBC,QAAQ,EAAET,SAAS,CAACU,IAAI,CAACC,UAAU;EACnC;EACAC,KAAK,EAAEZ,SAAS,CAACa,GAAG;EACpB;EACAC,SAAS,EAAEd,SAAS,CAACa;AACvB,CAAC;AAED,MAAME,MAAM,GAAGd,UAAU,CAACe,MAAM,CAAC;EAC/B,cAAc,EAAEd,GAAI;AACtB;AACA;AACA,GAAG;EACD,mCAAmC,EAAEA,GAAI;AAC3C;AACA,GAAG;EACD,kCAAkC,EAAEA,GAAI;AAC1C;AACA;AACA,CAAC,CAAC;AAEF,MAAMe,UAAU,gBAAGlB,KAAK,CAACmB,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAClD,MAAM;IAAEX,QAAQ;IAAEG,KAAK;IAAEE,SAAS;IAAE,GAAGO;EAAa,CAAC,GAAGF,KAAK;EAE7D,MAAM;IAAEG;EAAQ,CAAC,GAAGhB,gBAAgB,CAACC,aAAa,CAAC;EAEnD,MAAMgB,OAAO,GAAGlB,SAAS,CAACU,MAAM,EAAE,CAAC,cAAc,CAAC,CAAC;EACnD,MAAMS,WAAW,GAAGnB,SAAS,CAACU,MAAM,EAAE,CACnC,WAAUO,OAAQ,sBAAqB,CACzC,CAAC;;EAEF;EACA,oBACEvB,KAAA,CAAA0B,aAAA,CAACtB,IAAI,EAAAuB,QAAA,KAAKL,YAAY;IAAED,GAAG,EAAEA,GAAI;IAACR,KAAK,EAAE,CAACW,OAAO,EAAEX,KAAK;EAAE,iBACxDb,KAAA,CAAA0B,aAAA,CAACrB,IAAI;IAACQ,KAAK,EAAE,CAACY,WAAW,EAAEV,SAAS;EAAE,GAAEL,QAAe,CACnD,CAAC;AAEX,CAAC,CAAC;AAEFQ,UAAU,CAACU,WAAW,GAAG,YAAY;AACrCV,UAAU,CAACT,SAAS,GAAGA,SAAS;AAEhC,eAAeS,UAAU"}

package/lib/module/components/navbar/NavbarToggler.js

@@ -0,0 +1,119 @@
+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 Pressable from '../Pressable';
+import View from '../View';
+import useForcedContext from '../../hooks/useForcedContext';
+import { GRID_BREAKPOINTS } from '../../theme/proxies';
+import { infix, next } from '../../theme/breakpoints';
+import { getStyles, each } from '../../utils';
+import NavbarContext from './NavbarContext';
+import useMedia from '../../hooks/useMedia';
+import useToggleNavbar from './useToggleNavbar';
+import useStyle from '../../hooks/useStyle';
+import useBackground from '../../hooks/useBackground';
+import { escapeSvg } from '../../theme/functions';
+const propTypes = {
+  // eslint-disable-next-line react/forbid-prop-types
+  style: PropTypes.any,
+  // eslint-disable-next-line react/forbid-prop-types
+  textStyle: PropTypes.any,
+  // eslint-disable-next-line react/forbid-prop-types
+  iconStyle: PropTypes.any
+};
+const styles = StyleSheet.create({
+  '.navbar-toggler': css`
+    padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
+    background-color: transparent; // remove default button style
+    border: $border-width solid transparent; // remove default button style
+    border-radius: $navbar-toggler-border-radius;
+    // @include transition($navbar-toggler-transition);
+
+    &:focus {
+      @include platform(web) {
+        outline-width: 0; // outline: 0;
+      }
+      // box-shadow: 0 0 0 $navbar-toggler-focus-width;
+    }
+  `,
+  '.navbar-toggler --text': css`
+    font-size: $navbar-toggler-font-size;
+    line-height: $navbar-toggler-font-size * $line-height-base;
+
+    &:hover {
+      text-decoration: none;
+    }
+
+    &:focus {
+      text-decoration: none;
+    }
+  `,
+  '.navbar-toggler-icon': css`
+    // display: inline-block;
+    width: $navbar-toggler-font-size * 1.5; // 1.5em;
+    height: $navbar-toggler-font-size * 1.5; // 1.5em;
+    // vertical-align: middle;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 100%;
+  `,
+  ...each(GRID_BREAKPOINTS, breakpoint => ({
+    [`.navbar-expand${infix(next(breakpoint))} .navbar-toggler`]: css`
+      @include media-breakpoint-up(${next(breakpoint)}) {
+        display: none;
+      }
+    `
+  })),
+  '.navbar-light .navbar-toggler': css`
+    border-color: $navbar-light-toggler-border-color;
+  `,
+  '.navbar-light .navbar-toggler --text': css`
+    color: $navbar-light-color;
+  `,
+  '.navbar-light .navbar-toggler-icon': css`
+    background-image: ${t => escapeSvg(t['navbar-light-toggler-icon-bg'])};
+  `,
+  '.navbar-dark .navbar-toggler': css`
+    border-color: $navbar-dark-toggler-border-color;
+  `,
+  '.navbar-dark .navbar-toggler --text': css`
+    color: $navbar-dark-color;
+  `,
+  '.navbar-dark .navbar-toggler-icon': css`
+    background-image: ${t => escapeSvg(t['navbar-dark-toggler-icon-bg'])};
+  `
+});
+const NavbarToggler = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    style,
+    textStyle,
+    iconStyle,
+    ...elementProps
+  } = props;
+  const media = useMedia();
+  const {
+    variant,
+    expand
+  } = useForcedContext(NavbarContext);
+  const classes = getStyles(styles, ['.navbar-toggler', `.navbar-${variant} .navbar-toggler`, expand && `.navbar-expand${expand === true ? '' : `-${expand}`} .navbar-toggler`]);
+  const textClasses = getStyles(styles, ['.navbar-toggler --text', `.navbar-${variant} .navbar-toggler --text`]);
+  const iconClasses = getStyles(styles, ['.navbar-toggler-icon', `.navbar-${variant} .navbar-toggler-icon`]);
+  const resolveIconStyle = useStyle([iconClasses, iconStyle]);
+  const background = useBackground(resolveIconStyle({
+    media
+  }));
+  return /*#__PURE__*/React.createElement(Pressable, _extends({}, elementProps, {
+    ref: ref,
+    toggle: useToggleNavbar,
+    style: [classes, style],
+    textStyle: [textClasses, textStyle]
+  }), /*#__PURE__*/React.createElement(View, {
+    style: background.style
+  }, background.element));
+});
+NavbarToggler.displayName = 'NavbarToggler';
+NavbarToggler.propTypes = propTypes;
+export default NavbarToggler;
+//# sourceMappingURL=NavbarToggler.js.map

package/lib/module/components/navbar/NavbarToggler.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PropTypes","StyleSheet","css","Pressable","View","useForcedContext","GRID_BREAKPOINTS","infix","next","getStyles","each","NavbarContext","useMedia","useToggleNavbar","useStyle","useBackground","escapeSvg","propTypes","style","any","textStyle","iconStyle","styles","create","breakpoint","t","NavbarToggler","forwardRef","props","ref","elementProps","media","variant","expand","classes","textClasses","iconClasses","resolveIconStyle","background","createElement","_extends","toggle","element","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/navbar/NavbarToggler.js"],"mappings":"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"}

package/lib/module/components/navbar/useDismissNavbar.js

@@ -0,0 +1,18 @@
+import useForcedContext from '../../hooks/useForcedContext';
+import NavbarContext from './NavbarContext';
+export default function useDismissNavbar(props) {
+  const context = useForcedContext(NavbarContext);
+  const {
+    onPress: handlePress,
+    ...restProps
+  } = props;
+  return {
+    ...restProps,
+    onPress: event => {
+      if (handlePress) handlePress(event);
+      context.setExpanded(false);
+    },
+    'aria-label': 'Close'
+  };
+}
+//# sourceMappingURL=useDismissNavbar.js.map

package/lib/module/components/navbar/useDismissNavbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useForcedContext","NavbarContext","useDismissNavbar","props","context","onPress","handlePress","restProps","event","setExpanded"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/navbar/useDismissNavbar.js"],"mappings":"AAAA,OAAOA,gBAAgB,MAAM,8BAA8B;AAC3D,OAAOC,aAAa,MAAM,iBAAiB;AAE3C,eAAe,SAASC,gBAAgBA,CAACC,KAAK,EAAE;EAC9C,MAAMC,OAAO,GAAGJ,gBAAgB,CAACC,aAAa,CAAC;EAE/C,MAAM;IAAEI,OAAO,EAAEC,WAAW;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAEpD,OAAO;IACL,GAAGI,SAAS;IACZF,OAAO,EAAGG,KAAK,IAAK;MAClB,IAAIF,WAAW,EAAEA,WAAW,CAACE,KAAK,CAAC;MAEnCJ,OAAO,CAACK,WAAW,CAAC,KAAK,CAAC;IAC5B,CAAC;IACD,YAAY,EAAE;EAChB,CAAC;AACH"}

package/lib/module/components/navbar/useNavbar.js

@@ -0,0 +1,15 @@
+import { useMemo } from 'react';
+import useIdentifier from '../../hooks/useIdentifier';
+import useControlledState from '../../hooks/useControlledState';
+export default function useNavbar(variant, defaultExpanded, controlledExpanded, onToggle, expand) {
+  const identifier = useIdentifier('navbar');
+  const [expanded, setExpanded] = useControlledState(defaultExpanded, controlledExpanded, onToggle);
+  return useMemo(() => ({
+    identifier,
+    variant,
+    expanded,
+    setExpanded,
+    expand
+  }), [variant, expanded, expand]);
+}
+//# sourceMappingURL=useNavbar.js.map

package/lib/module/components/navbar/useNavbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useIdentifier","useControlledState","useNavbar","variant","defaultExpanded","controlledExpanded","onToggle","expand","identifier","expanded","setExpanded"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/navbar/useNavbar.js"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,kBAAkB,MAAM,gCAAgC;AAE/D,eAAe,SAASC,SAASA,CAC/BC,OAAO,EACPC,eAAe,EACfC,kBAAkB,EAClBC,QAAQ,EACRC,MAAM,EACN;EACA,MAAMC,UAAU,GAAGR,aAAa,CAAC,QAAQ,CAAC;EAE1C,MAAM,CAACS,QAAQ,EAAEC,WAAW,CAAC,GAAGT,kBAAkB,CAChDG,eAAe,EACfC,kBAAkB,EAClBC,QACF,CAAC;EAED,OAAOP,OAAO,CACZ,OAAO;IACLS,UAAU;IACVL,OAAO;IACPM,QAAQ;IACRC,WAAW;IACXH;EACF,CAAC,CAAC,EACF,CAACJ,OAAO,EAAEM,QAAQ,EAAEF,MAAM,CAC5B,CAAC;AACH"}

package/lib/module/components/navbar/useToggleNavbar.js

@@ -0,0 +1,21 @@
+import useForcedContext from '../../hooks/useForcedContext';
+import NavbarContext from './NavbarContext';
+export default function useToggleNavbar(props) {
+  const context = useForcedContext(NavbarContext);
+  const {
+    onPress: handlePress,
+    ...restProps
+  } = props;
+  return {
+    ...restProps,
+    id: context.identifier,
+    onPress: event => {
+      if (handlePress) handlePress(event);
+      context.setExpanded(value => !value);
+    },
+    accessibilitControls: context.identifier,
+    'aria-expanded': context.expanded,
+    'aria-label': 'Toggle navigation'
+  };
+}
+//# sourceMappingURL=useToggleNavbar.js.map

package/lib/module/components/navbar/useToggleNavbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useForcedContext","NavbarContext","useToggleNavbar","props","context","onPress","handlePress","restProps","id","identifier","event","setExpanded","value","accessibilitControls","expanded"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/navbar/useToggleNavbar.js"],"mappings":"AAAA,OAAOA,gBAAgB,MAAM,8BAA8B;AAC3D,OAAOC,aAAa,MAAM,iBAAiB;AAE3C,eAAe,SAASC,eAAeA,CAACC,KAAK,EAAE;EAC7C,MAAMC,OAAO,GAAGJ,gBAAgB,CAACC,aAAa,CAAC;EAE/C,MAAM;IAAEI,OAAO,EAAEC,WAAW;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAEpD,OAAO;IACL,GAAGI,SAAS;IACZC,EAAE,EAAEJ,OAAO,CAACK,UAAU;IACtBJ,OAAO,EAAGK,KAAK,IAAK;MAClB,IAAIJ,WAAW,EAAEA,WAAW,CAACI,KAAK,CAAC;MAEnCN,OAAO,CAACO,WAAW,CAAEC,KAAK,IAAK,CAACA,KAAK,CAAC;IACxC,CAAC;IACDC,oBAAoB,EAAET,OAAO,CAACK,UAAU;IACxC,eAAe,EAAEL,OAAO,CAACU,QAAQ;IACjC,YAAY,EAAE;EAChB,CAAC;AACH"}

package/lib/module/components/offcanvas/Offcanvas.js

@@ -0,0 +1,222 @@
+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, useRef } from 'react';
+import PropTypes from 'prop-types';
+import { Modal as BaseModal, SafeAreaView } from 'react-native';
+import { OverlayProvider } from '@react-native-aria/overlays';
+import StyleSheet from '../../style/StyleSheet';
+import css from '../../style/css';
+import BackdropHandler from '../helpers/BackdropHandler';
+import View from '../View';
+import { GRID_BREAKPOINTS } from '../../theme/proxies';
+import { infix, next } from '../../theme/breakpoints';
+import { getStyles, each, concatRefs } from '../../utils';
+import useMedia from '../../hooks/useMedia';
+import useScrollbarEffects from '../../hooks/useScrollbarEffects';
+import NavbarContext from '../navbar/NavbarContext';
+import useOffcanvas from './useOffcanvas';
+import OffcanvasContext from './OffcanvasContext';
+import OffcanvasHeader from './OffcanvasHeader';
+import OffcanvasTitle from './OffcanvasTitle';
+import OffcanvasBody from './OffcanvasBody';
+export const PLACEMENTS = ['top', 'bottom', 'start', 'end']; // , 'auto'
+
+const propTypes = {
+  children: PropTypes.node.isRequired,
+  visible: PropTypes.bool,
+  placement: PropTypes.oneOf(PLACEMENTS),
+  backdrop: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['static'])]),
+  // Currently only supported on web.
+  scroll: PropTypes.bool,
+  onToggle: PropTypes.func,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: PropTypes.any,
+  // eslint-disable-next-line react/forbid-prop-types
+  dialogStyle: PropTypes.any,
+  // eslint-disable-next-line react/forbid-prop-types
+  textStyle: PropTypes.any,
+  // eslint-disable-next-line react/forbid-prop-types
+  dialogTextStyle: PropTypes.any
+};
+const styles = StyleSheet.create({
+  '.offcanvas': css`
+    position: absolute; // fixed;
+    // bottom: 0;
+    z-index: $zindex-offcanvas;
+    display: flex;
+    flex-direction: column;
+    max-width: 100%;
+    // visibility: hidden;
+    background-color: $offcanvas-bg-color;
+    // background-clip: padding-box;
+    @include platform(web) {
+      outline-width: 0; // outline: 0;
+    }
+    // @include box-shadow($offcanvas-box-shadow);
+    // @include transition(transform $offcanvas-transition-duration ease-in-out);
+  `,
+  '.offcanvas --text': css`
+    color: $offcanvas-color;
+  `,
+  '.offcanvas-backdrop': css`
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: $zindex-offcanvas-backdrop;
+    width: 100%;
+    height: 100%;
+    background-color: $offcanvas-backdrop-bg;
+    opacity: $offcanvas-backdrop-opacity;
+  `,
+  '.offcanvas-start': css`
+    top: 0;
+    bottom: 0; // added for bootstrap-rn
+    left: 0;
+    // width: $offcanvas-horizontal-width;
+    border-right-width: $offcanvas-border-width;
+    border-style: solid;
+    border-color: $offcanvas-border-color;
+    // transform: translateX(-100%);
+  `,
+  '.offcanvas-end': css`
+    top: 0;
+    bottom: 0; // added for bootstrap-rn
+    right: 0;
+    // width: $offcanvas-horizontal-width;
+    border-left-width: $offcanvas-border-width;
+    border-style: solid;
+    border-color: $offcanvas-border-color;
+    // transform: translateX(100%);
+  `,
+  '.offcanvas-top': css`
+    top: 0;
+    right: 0;
+    left: 0;
+    // height: $offcanvas-vertical-height;
+    max-height: 100%;
+    border-bottom-width: $offcanvas-border-width;
+    border-style: solid;
+    border-color: $offcanvas-border-color;
+    // transform: translateY(-100%);
+  `,
+  '.offcanvas-bottom': css`
+    bottom: 0; // added for bootstrap-rn
+    right: 0;
+    left: 0;
+    // height: $offcanvas-vertical-height;
+    max-height: 100%;
+    width: 100%;
+    border-top-width: $offcanvas-border-width;
+    border-style: solid;
+    border-color: $offcanvas-border-color;
+    // transform: translateY(100%);
+  `,
+  // The following .offcanvas-dialog classes are added for bootstrap-rn,
+  // because otherwise the text would exceed a width of 100% on native
+  // and also additional width by SafeAreaView would not be applied.
+  '.offcanvas-dialog': css`
+    max-width: 100%;
+    max-height: 100%;
+  `,
+  '.offcanvas-dialog-start': css`
+    width: $offcanvas-horizontal-width;
+  `,
+  '.offcanvas-dialog-end': css`
+    width: $offcanvas-horizontal-width;
+  `,
+  '.offcanvas-dialog-top': css`
+    height: $offcanvas-vertical-height;
+  `,
+  '.offcanvas-dialog-bottom': css`
+    height: $offcanvas-vertical-height;
+  `,
+  // Navbar styles
+  ...each(GRID_BREAKPOINTS, breakpoint => ({
+    [`.navbar-expand${infix(next(breakpoint))} .offcanvas`]: css`
+      @include media-breakpoint-up(${next(breakpoint)}) {
+        position: relative; // inherit;
+        bottom: 0;
+        // z-index: auto;
+        flex-grow: 1;
+        // visibility: visible !important; // stylelint-disable-line declaration-no-important
+        background-color: transparent;
+        border-right-width: 0;
+        border-left-width: 0;
+        // @include box-shadow(none);
+        // @include transition(none);
+        // transform: none;
+      }
+    `
+  }))
+});
+const Offcanvas = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    children,
+    visible,
+    placement = 'top',
+    backdrop = true,
+    scroll = false,
+    onToggle: handleToggle,
+    style,
+    dialogStyle,
+    textStyle,
+    dialogTextStyle,
+    ...elementProps
+  } = props;
+  const media = useMedia();
+  const navbar = useContext(NavbarContext);
+  const offcanvasRef = useRef();
+  const offcanvas = useOffcanvas();
+  useScrollbarEffects({
+    keepBodyScroll: scroll,
+    visible
+  });
+  const backdropClasses = getStyles(styles, ['.offcanvas-backdrop']);
+  const classes = getStyles(styles, ['.offcanvas', `.offcanvas-${placement}`, navbar && navbar.expand && `.navbar-expand${navbar.expand === true ? '' : `-${navbar.expand}`} .offcanvas`]);
+  const dialogClasses = getStyles(styles, ['.offcanvas-dialog', `.offcanvas-dialog-${placement}`]);
+  const textClasses = getStyles(styles, ['.offcanvas-content --text']);
+
+  // Render children without modal for navbar.
+  if (navbar && navbar.expand && (navbar.expand === true || media.up(navbar.expand))) {
+    return /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
+      ref: ref,
+      style: [classes, style],
+      textStyle: [textClasses, textStyle]
+    }), children);
+  }
+  return /*#__PURE__*/React.createElement(BaseModal, {
+    transparent: true,
+    visible: navbar ? navbar.expanded : visible,
+    onRequestClose: handleToggle
+  }, placement !== 'bottom' && /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: {
+      flexGrow: 0
+    }
+  }), /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: {
+      flexGrow: 1
+    }
+  }, backdrop && /*#__PURE__*/React.createElement(View, {
+    style: backdropClasses
+  }, /*#__PURE__*/React.createElement(BackdropHandler, {
+    dialogRef: offcanvasRef,
+    onClose: handleToggle,
+    backdrop: backdrop
+  })), /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
+    ref: concatRefs(offcanvasRef, ref),
+    style: [classes, style],
+    textStyle: [textClasses, textStyle]
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [dialogClasses, dialogStyle],
+    textStyle: dialogTextStyle
+  }, /*#__PURE__*/React.createElement(OffcanvasContext.Provider, {
+    value: offcanvas
+  }, /*#__PURE__*/React.createElement(OverlayProvider, null, children))))));
+});
+Offcanvas.displayName = 'Offcanvas';
+Offcanvas.propTypes = propTypes;
+Offcanvas.Context = OffcanvasContext;
+Offcanvas.Header = OffcanvasHeader;
+Offcanvas.Title = OffcanvasTitle;
+Offcanvas.Body = OffcanvasBody;
+export default Offcanvas;
+//# sourceMappingURL=Offcanvas.js.map

package/lib/module/components/offcanvas/Offcanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","useRef","PropTypes","Modal","BaseModal","SafeAreaView","OverlayProvider","StyleSheet","css","BackdropHandler","View","GRID_BREAKPOINTS","infix","next","getStyles","each","concatRefs","useMedia","useScrollbarEffects","NavbarContext","useOffcanvas","OffcanvasContext","OffcanvasHeader","OffcanvasTitle","OffcanvasBody","PLACEMENTS","propTypes","children","node","isRequired","visible","bool","placement","oneOf","backdrop","oneOfType","scroll","onToggle","func","style","any","dialogStyle","textStyle","dialogTextStyle","styles","create","breakpoint","Offcanvas","forwardRef","props","ref","handleToggle","elementProps","media","navbar","offcanvasRef","offcanvas","keepBodyScroll","backdropClasses","classes","expand","dialogClasses","textClasses","up","createElement","_extends","transparent","expanded","onRequestClose","flexGrow","dialogRef","onClose","Provider","value","displayName","Context","Header","Title","Body"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/offcanvas/Offcanvas.js"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACjD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,KAAK,IAAIC,SAAS,EAAEC,YAAY,QAAQ,cAAc;AAC/D,SAASC,eAAe,QAAQ,6BAA6B;AAC7D,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,GAAG,MAAM,iBAAiB;AACjC,OAAOC,eAAe,MAAM,4BAA4B;AACxD,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,KAAK,EAAEC,IAAI,QAAQ,yBAAyB;AACrD,SAASC,SAAS,EAAEC,IAAI,EAAEC,UAAU,QAAQ,aAAa;AACzD,OAAOC,QAAQ,MAAM,sBAAsB;AAC3C,OAAOC,mBAAmB,MAAM,iCAAiC;AACjE,OAAOC,aAAa,MAAM,yBAAyB;AACnD,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,aAAa,MAAM,iBAAiB;AAE3C,OAAO,MAAMC,UAAU,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;;AAE7D,MAAMC,SAAS,GAAG;EAChBC,QAAQ,EAAEzB,SAAS,CAAC0B,IAAI,CAACC,UAAU;EACnCC,OAAO,EAAE5B,SAAS,CAAC6B,IAAI;EACvBC,SAAS,EAAE9B,SAAS,CAAC+B,KAAK,CAACR,UAAU,CAAC;EACtCS,QAAQ,EAAEhC,SAAS,CAACiC,SAAS,CAAC,CAACjC,SAAS,CAAC6B,IAAI,EAAE7B,SAAS,CAAC+B,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;EAC5E;EACAG,MAAM,EAAElC,SAAS,CAAC6B,IAAI;EACtBM,QAAQ,EAAEnC,SAAS,CAACoC,IAAI;EACxB;EACAC,KAAK,EAAErC,SAAS,CAACsC,GAAG;EACpB;EACAC,WAAW,EAAEvC,SAAS,CAACsC,GAAG;EAC1B;EACAE,SAAS,EAAExC,SAAS,CAACsC,GAAG;EACxB;EACAG,eAAe,EAAEzC,SAAS,CAACsC;AAC7B,CAAC;AAED,MAAMI,MAAM,GAAGrC,UAAU,CAACsC,MAAM,CAAC;EAC/B,YAAY,EAAErC,GAAI;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,mBAAmB,EAAEA,GAAI;AAC3B;AACA,GAAG;EACD,qBAAqB,EAAEA,GAAI;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,kBAAkB,EAAEA,GAAI;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,gBAAgB,EAAEA,GAAI;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,gBAAgB,EAAEA,GAAI;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,mBAAmB,EAAEA,GAAI;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD;EACA;EACA;EACA,mBAAmB,EAAEA,GAAI;AAC3B;AACA;AACA,GAAG;EACD,yBAAyB,EAAEA,GAAI;AACjC;AACA,GAAG;EACD,uBAAuB,EAAEA,GAAI;AAC/B;AACA,GAAG;EACD,uBAAuB,EAAEA,GAAI;AAC/B;AACA,GAAG;EACD,0BAA0B,EAAEA,GAAI;AAClC;AACA,GAAG;EACD;EACA,GAAGO,IAAI,CAACJ,gBAAgB,EAAGmC,UAAU,KAAM;IACzC,CAAE,iBAAgBlC,KAAK,CAACC,IAAI,CAACiC,UAAU,CAAC,CAAE,aAAY,GAAGtC,GAAI;AACjE,qCAAqCK,IAAI,CAACiC,UAAU,CAAE;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAMC,SAAS,gBAAGhD,KAAK,CAACiD,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjD,MAAM;IACJvB,QAAQ;IACRG,OAAO;IACPE,SAAS,GAAG,KAAK;IACjBE,QAAQ,GAAG,IAAI;IACfE,MAAM,GAAG,KAAK;IACdC,QAAQ,EAAEc,YAAY;IACtBZ,KAAK;IACLE,WAAW;IACXC,SAAS;IACTC,eAAe;IACf,GAAGS;EACL,CAAC,GAAGH,KAAK;EAET,MAAMI,KAAK,GAAGpC,QAAQ,CAAC,CAAC;EACxB,MAAMqC,MAAM,GAAGtD,UAAU,CAACmB,aAAa,CAAC;EACxC,MAAMoC,YAAY,GAAGtD,MAAM,CAAC,CAAC;EAE7B,MAAMuD,SAAS,GAAGpC,YAAY,CAAC,CAAC;EAEhCF,mBAAmB,CAAC;IAClBuC,cAAc,EAAErB,MAAM;IACtBN;EACF,CAAC,CAAC;EAEF,MAAM4B,eAAe,GAAG5C,SAAS,CAAC8B,MAAM,EAAE,CAAC,qBAAqB,CAAC,CAAC;EAClE,MAAMe,OAAO,GAAG7C,SAAS,CAAC8B,MAAM,EAAE,CAChC,YAAY,EACX,cAAaZ,SAAU,EAAC,EACzBsB,MAAM,IACJA,MAAM,CAACM,MAAM,IACZ,iBACCN,MAAM,CAACM,MAAM,KAAK,IAAI,GAAG,EAAE,GAAI,IAAGN,MAAM,CAACM,MAAO,EACjD,aAAY,CAChB,CAAC;EACF,MAAMC,aAAa,GAAG/C,SAAS,CAAC8B,MAAM,EAAE,CACtC,mBAAmB,EAClB,qBAAoBZ,SAAU,EAAC,CACjC,CAAC;EACF,MAAM8B,WAAW,GAAGhD,SAAS,CAAC8B,MAAM,EAAE,CAAC,2BAA2B,CAAC,CAAC;;EAEpE;EACA,IACEU,MAAM,IACNA,MAAM,CAACM,MAAM,KACZN,MAAM,CAACM,MAAM,KAAK,IAAI,IAAIP,KAAK,CAACU,EAAE,CAACT,MAAM,CAACM,MAAM,CAAC,CAAC,EACnD;IACA,oBACE7D,KAAA,CAAAiE,aAAA,CAACtD,IAAI,EAAAuD,QAAA,KACCb,YAAY;MAChBF,GAAG,EAAEA,GAAI;MACTX,KAAK,EAAE,CAACoB,OAAO,EAAEpB,KAAK,CAAE;MACxBG,SAAS,EAAE,CAACoB,WAAW,EAAEpB,SAAS;IAAE,IAEnCf,QACG,CAAC;EAEX;EAEA,oBACE5B,KAAA,CAAAiE,aAAA,CAAC5D,SAAS;IACR8D,WAAW;IACXpC,OAAO,EAAEwB,MAAM,GAAGA,MAAM,CAACa,QAAQ,GAAGrC,OAAQ;IAC5CsC,cAAc,EAAEjB;EAAa,GAE5BnB,SAAS,KAAK,QAAQ,iBAAIjC,KAAA,CAAAiE,aAAA,CAAC3D,YAAY;IAACkC,KAAK,EAAE;MAAE8B,QAAQ,EAAE;IAAE;EAAE,CAAE,CAAC,eACnEtE,KAAA,CAAAiE,aAAA,CAAC3D,YAAY;IAACkC,KAAK,EAAE;MAAE8B,QAAQ,EAAE;IAAE;EAAE,GAClCnC,QAAQ,iBACPnC,KAAA,CAAAiE,aAAA,CAACtD,IAAI;IAAC6B,KAAK,EAAEmB;EAAgB,gBAC3B3D,KAAA,CAAAiE,aAAA,CAACvD,eAAe;IACd6D,SAAS,EAAEf,YAAa;IACxBgB,OAAO,EAAEpB,YAAa;IACtBjB,QAAQ,EAAEA;EAAS,CACpB,CACG,CACP,eACDnC,KAAA,CAAAiE,aAAA,CAACtD,IAAI,EAAAuD,QAAA,KACCb,YAAY;IAChBF,GAAG,EAAElC,UAAU,CAACuC,YAAY,EAAEL,GAAG,CAAE;IACnCX,KAAK,EAAE,CAACoB,OAAO,EAAEpB,KAAK,CAAE;IACxBG,SAAS,EAAE,CAACoB,WAAW,EAAEpB,SAAS;EAAE,iBAEpC3C,KAAA,CAAAiE,aAAA,CAACtD,IAAI;IACH6B,KAAK,EAAE,CAACsB,aAAa,EAAEpB,WAAW,CAAE;IACpCC,SAAS,EAAEC;EAAgB,gBAE3B5C,KAAA,CAAAiE,aAAA,CAAC3C,gBAAgB,CAACmD,QAAQ;IAACC,KAAK,EAAEjB;EAAU,gBAC1CzD,KAAA,CAAAiE,aAAA,CAAC1D,eAAe,QAAEqB,QAA0B,CACnB,CACvB,CACF,CACM,CACL,CAAC;AAEhB,CAAC,CAAC;AAEFoB,SAAS,CAAC2B,WAAW,GAAG,WAAW;AACnC3B,SAAS,CAACrB,SAAS,GAAGA,SAAS;AAE/BqB,SAAS,CAAC4B,OAAO,GAAGtD,gBAAgB;AACpC0B,SAAS,CAAC6B,MAAM,GAAGtD,eAAe;AAClCyB,SAAS,CAAC8B,KAAK,GAAGtD,cAAc;AAChCwB,SAAS,CAAC+B,IAAI,GAAGtD,aAAa;AAE9B,eAAeuB,SAAS"}

package/lib/module/components/offcanvas/OffcanvasBody.js

@@ -0,0 +1,54 @@
+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 } from 'react';
+import PropTypes from 'prop-types';
+import css from '../../style/css';
+import StyleSheet from '../../style/StyleSheet';
+import ScrollView from '../ScrollView';
+import { GRID_BREAKPOINTS } from '../../theme/proxies';
+import { infix, next } from '../../theme/breakpoints';
+import { getStyles, each } from '../../utils';
+import NavbarContext from '../navbar/NavbarContext';
+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
+  contentContainerStyle: PropTypes.any
+};
+const styles = StyleSheet.create({
+  '.offcanvas-body': css`
+    // flex-grow: 1;
+    padding: $offcanvas-padding-y $offcanvas-padding-x;
+    // overflow-y: auto;
+  `,
+  // Navbar styles
+  ...each(GRID_BREAKPOINTS, breakpoint => ({
+    [`.navbar-expand${infix(next(breakpoint))} .offcanvas-body`]: css`
+      @include media-breakpoint-up(${next(breakpoint)}) {
+        display: flex;
+        flex-grow: 0;
+        padding: 0;
+        // overflow-y: visible;
+      }
+    `
+  }))
+});
+const OffcanvasBody = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    contentContainerStyle,
+    ...elementProps
+  } = props;
+  const navbar = useContext(NavbarContext);
+  const contentContainerClasses = getStyles(styles, ['.offcanvas-body', navbar && navbar.expand && `.navbar-expand${navbar.expand === true ? '' : `-${navbar.expand}`} .offcanvas-body`]);
+  return /*#__PURE__*/React.createElement(ScrollView, _extends({}, elementProps, {
+    ref: ref,
+    style: style,
+    contentContainerStyle: [contentContainerClasses, contentContainerStyle]
+  }), children);
+});
+OffcanvasBody.displayName = 'OffcanvasBody';
+OffcanvasBody.propTypes = propTypes;
+export default OffcanvasBody;
+//# sourceMappingURL=OffcanvasBody.js.map

package/lib/module/components/offcanvas/OffcanvasBody.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","PropTypes","css","StyleSheet","ScrollView","GRID_BREAKPOINTS","infix","next","getStyles","each","NavbarContext","propTypes","children","node","isRequired","style","any","contentContainerStyle","styles","create","breakpoint","OffcanvasBody","forwardRef","props","ref","elementProps","navbar","contentContainerClasses","expand","createElement","_extends","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/offcanvas/OffcanvasBody.js"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,GAAG,MAAM,iBAAiB;AACjC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,KAAK,EAAEC,IAAI,QAAQ,yBAAyB;AACrD,SAASC,SAAS,EAAEC,IAAI,QAAQ,aAAa;AAC7C,OAAOC,aAAa,MAAM,yBAAyB;AAEnD,MAAMC,SAAS,GAAG;EAChBC,QAAQ,EAAEX,SAAS,CAACY,IAAI,CAACC,UAAU;EACnC;EACAC,KAAK,EAAEd,SAAS,CAACe,GAAG;EACpB;EACAC,qBAAqB,EAAEhB,SAAS,CAACe;AACnC,CAAC;AAED,MAAME,MAAM,GAAGf,UAAU,CAACgB,MAAM,CAAC;EAC/B,iBAAiB,EAAEjB,GAAI;AACzB;AACA;AACA;AACA,GAAG;EACD;EACA,GAAGO,IAAI,CAACJ,gBAAgB,EAAGe,UAAU,KAAM;IACzC,CAAE,iBAAgBd,KAAK,CAACC,IAAI,CAACa,UAAU,CAAC,CAAE,kBAAiB,GAAGlB,GAAI;AACtE,qCAAqCK,IAAI,CAACa,UAAU,CAAE;AACtD;AACA;AACA;AACA;AACA;AACA;EACE,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAMC,aAAa,gBAAGtB,KAAK,CAACuB,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACrD,MAAM;IAAEZ,QAAQ;IAAEG,KAAK;IAAEE,qBAAqB;IAAE,GAAGQ;EAAa,CAAC,GAAGF,KAAK;EAEzE,MAAMG,MAAM,GAAG1B,UAAU,CAACU,aAAa,CAAC;EAExC,MAAMiB,uBAAuB,GAAGnB,SAAS,CAACU,MAAM,EAAE,CAChD,iBAAiB,EACjBQ,MAAM,IACJA,MAAM,CAACE,MAAM,IACZ,iBACCF,MAAM,CAACE,MAAM,KAAK,IAAI,GAAG,EAAE,GAAI,IAAGF,MAAM,CAACE,MAAO,EACjD,kBAAiB,CACrB,CAAC;EAEF,oBACE7B,KAAA,CAAA8B,aAAA,CAACzB,UAAU,EAAA0B,QAAA,KACLL,YAAY;IAChBD,GAAG,EAAEA,GAAI;IACTT,KAAK,EAAEA,KAAM;IACbE,qBAAqB,EAAE,CAACU,uBAAuB,EAAEV,qBAAqB;EAAE,IAEvEL,QACS,CAAC;AAEjB,CAAC,CAAC;AAEFS,aAAa,CAACU,WAAW,GAAG,eAAe;AAC3CV,aAAa,CAACV,SAAS,GAAGA,SAAS;AAEnC,eAAeU,aAAa"}

package/lib/module/components/offcanvas/OffcanvasContext.js

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

package/lib/module/components/offcanvas/OffcanvasContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","OffcanvasContext","createContext","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/offcanvas/OffcanvasContext.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"}