@adiraku/react-native-ui 0.1.14

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2022 AndhikaK
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,77 @@
+# react-native-ui
+
+UI Library for Adiraku Apps
+
+## Installation
+
+```sh
+npm install react-native-ui
+```
+
+## Usage
+
+```js
+import { UiView } from "react-native-ui";
+
+// ...
+
+<UiView color="tomato" />
+```
+
+## Contributing
+
+See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
+
+
+## Adding Montserratt Font to The app
+in Example App download the desired fonts.ttf
+  store it in root/assets/fonts
+
+install
+  npm i react-native-asset
+
+Add assets to your react-native.config.js
+  "assets": [
+    "./src/font",
+    "./src/mp3"
+  ]
+
+Run the command and linking + unlinking is automatic!
+  react-native-asset  
+
+Resources:
+  - https://www.npmjs.com/package/react-native-asset
+  - https://blog.logrocket.com/adding-custom-fonts-react-native/
+
+
+## Publishing the library
+First run in local verdaccio in terminal, it willl give you local verdaccio url
+  verdaccio
+
+Login with NPM user to verdaccio
+  npm adduser --registry http://localhost:4873/
+
+Change the config in package.json
+{
+  "name": "@test/react-native-ui", // prefix it with @test for local, @adiraku for publish to verdaccio
+  "version": "0.0.2", // update version arcodingly
+  "publishConfig": {
+    "registry": "http://localhost:4837" // change the registry arcodingly, localhost if to local
+  }
+}
+
+Build the libary
+  yarn prepack
+
+Publish the library locally, to test it first
+  npm publish --registry http://localhost:4837
+
+After its confirmed that the library is OK, you can publish it to the private verdaccio registry

package/lib/commonjs/components/Appbar/Appbar.component.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Appbar = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _Appbar = require("./Appbar.style");
+var _themes = require("../../themes");
+var _icons = require("../../icons");
+var _typography = require("../typography/typography.component");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const Appbar = props => {
+  const {
+    backIcon = /*#__PURE__*/React.createElement(_icons.IconArrowLeft, {
+      width: 20,
+      height: 20,
+      fill: _themes.Palettes.black[900]
+    }),
+    title = '',
+    customHeader = null,
+    containerStyle,
+    onBackPress = () => {},
+    buttonActions = [],
+    withShadow = true
+  } = props;
+  const computedStyle = (0, _Appbar.getStyle)();
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [computedStyle.container, containerStyle, withShadow && _themes.Shadow['shadow-elevation-2']]
+  }, customHeader || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.TouchableHighlight, {
+    onPress: onBackPress,
+    style: [computedStyle.iconWrapper],
+    underlayColor: _themes.Palettes.grey[50]
+  }, backIcon), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [computedStyle.contentWrapper]
+  }, /*#__PURE__*/React.createElement(_typography.Typography, {
+    variant: "subtitle1",
+    style: [computedStyle.title]
+  }, title), buttonActions.length > 0 && buttonActions.map((action, idx) => /*#__PURE__*/React.createElement(_reactNative.TouchableHighlight, {
+    key: idx,
+    onPress: action.onPress,
+    style: [computedStyle.iconWrapper],
+    underlayColor: _themes.Palettes.grey[50]
+  }, action.icon)))));
+};
+exports.Appbar = Appbar;
+//# sourceMappingURL=Appbar.component.js.map

package/lib/commonjs/components/Appbar/Appbar.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Appbar","props","backIcon","Palettes","black","title","customHeader","containerStyle","onBackPress","buttonActions","withShadow","computedStyle","getStyle","container","Shadow","iconWrapper","grey","contentWrapper","length","map","action","idx","onPress","icon"],"sourceRoot":"..\\..\\src","sources":["Appbar.component.tsx"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAgE;AAAA;AAIhE,MAAMA,MAA4C,GAAIC,KAAK,IAAK;EAC9D,MAAM;IACJC,QAAQ,gBACN,oBAAC,oBAAa;MAAC,KAAK,EAAE,EAAG;MAAC,MAAM,EAAE,EAAG;MAAC,IAAI,EAAEC,gBAAQ,CAACC,KAAK,CAAC,GAAG;IAAE,EACjE;IACDC,KAAK,GAAG,EAAE;IACVC,YAAY,GAAG,IAAI;IACnBC,cAAc;IACdC,WAAW,GAAG,MAAM,CAAC,CAAC;IACtBC,aAAa,GAAG,EAAE;IAClBC,UAAU,GAAG;EACf,CAAC,GAAGT,KAAK;EAET,MAAMU,aAAa,GAAG,IAAAC,gBAAQ,GAAE;EAEhC,oBACE,oBAAC,iBAAI;IACH,KAAK,EAAE,CACLD,aAAa,CAACE,SAAS,EACvBN,cAAc,EACdG,UAAU,IAAII,cAAM,CAAC,oBAAoB,CAAC;EAC1C,GAEDR,YAAY,iBACX,uDACE,oBAAC,+BAAkB;IACjB,OAAO,EAAEE,WAAY;IACrB,KAAK,EAAE,CAACG,aAAa,CAACI,WAAW,CAAE;IACnC,aAAa,EAAEZ,gBAAQ,CAACa,IAAI,CAAC,EAAE;EAAE,GAEhCd,QAAQ,CACU,eACrB,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAACS,aAAa,CAACM,cAAc;EAAE,gBAC1C,oBAAC,sBAAU;IAAC,OAAO,EAAC,WAAW;IAAC,KAAK,EAAE,CAACN,aAAa,CAACN,KAAK;EAAE,GAC1DA,KAAK,CACK,EACZI,aAAa,CAACS,MAAM,GAAG,CAAC,IACvBT,aAAa,CAACU,GAAG,CAAC,CAACC,MAAM,EAAEC,GAAG,kBAC5B,oBAAC,+BAAkB;IACjB,GAAG,EAAEA,GAAI;IACT,OAAO,EAAED,MAAM,CAACE,OAAQ;IACxB,KAAK,EAAE,CAACX,aAAa,CAACI,WAAW,CAAE;IACnC,aAAa,EAAEZ,gBAAQ,CAACa,IAAI,CAAC,EAAE;EAAE,GAEhCI,MAAM,CAACG,IAAI,CAEf,CAAC,CACC,CAEV,CACI;AAEX,CAAC;AAAC"}

package/lib/commonjs/components/Appbar/Appbar.style.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyle = void 0;
+var _reactNative = require("react-native");
+var _themes = require("../../themes");
+const getStyle = () => {
+  const computedStyle = {};
+  computedStyle.container = {
+    width: '100%',
+    height: 56,
+    padding: _themes.Spacing[16],
+    backgroundColor: _themes.Palettes.white[50],
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    alignItems: 'center'
+  };
+  computedStyle.iconWrapper = {
+    padding: _themes.Spacing[8],
+    borderRadius: _themes.Radius[4]
+  };
+  computedStyle.contentWrapper = {
+    flex: 1,
+    marginLeft: _themes.Spacing[16],
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  };
+  computedStyle.title = {
+    flex: 1
+  };
+  return _reactNative.StyleSheet.create(computedStyle);
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=Appbar.style.js.map

package/lib/commonjs/components/Appbar/Appbar.style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getStyle","computedStyle","container","width","height","padding","Spacing","backgroundColor","Palettes","white","flexDirection","justifyContent","alignItems","iconWrapper","borderRadius","Radius","contentWrapper","flex","marginLeft","title","StyleSheet","create"],"sourceRoot":"..\\..\\src","sources":["Appbar.style.tsx"],"mappings":";;;;;;AAAA;AAEA;AAYO,MAAMA,QAAQ,GAAG,MAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAEC,eAAO,CAAC,EAAE,CAAC;IACpBC,eAAe,EAAEC,gBAAQ,CAACC,KAAK,CAAC,EAAE,CAAC;IACnCC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd,CAAC;EAEDX,aAAa,CAACY,WAAW,GAAG;IAC1BR,OAAO,EAAEC,eAAO,CAAC,CAAC,CAAC;IACnBQ,YAAY,EAAEC,cAAM,CAAC,CAAC;EACxB,CAAC;EAEDd,aAAa,CAACe,cAAc,GAAG;IAC7BC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAEZ,eAAO,CAAC,EAAE,CAAC;IACvBI,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd,CAAC;EAEDX,aAAa,CAACkB,KAAK,GAAG;IACpBF,IAAI,EAAE;EACR,CAAC;EAED,OAAOG,uBAAU,CAACC,MAAM,CAACpB,aAAa,CAAC;AACzC,CAAC;AAAC"}

package/lib/commonjs/components/Appbar/Appbar.type.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=Appbar.type.js.map

package/lib/commonjs/components/Appbar/Appbar.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["Appbar.type.ts"],"mappings":""}

package/lib/commonjs/components/BottomSheet/BottomSheet.component.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BottomSheet = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _BottomSheet = require("./BottomSheet.style");
+var _typography = require("../typography/typography.component");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 BottomSheet = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    onDismiss,
+    title,
+    subtitle,
+    isOverlayDismissDisabled = false,
+    dismissIcon = null,
+    action = null,
+    largeIcon = null,
+    largeIconContainerHeight = 50,
+    animationType = 'slide',
+    children
+  } = props;
+  const screenHeight = _reactNative.Dimensions.get('screen').height;
+  const screenWidth = _reactNative.Dimensions.get('screen').width;
+  const panY = React.useRef(new _reactNative.Animated.Value(screenHeight)).current;
+  const [visibility, setVisibility] = React.useState(false);
+  React.useImperativeHandle(ref, () => {
+    return {
+      open() {
+        setVisibility(true);
+      },
+      close() {
+        setVisibility(false);
+      }
+    };
+  }, []);
+  const computedStyle = (0, _BottomSheet.getStyle)();
+  const resetPositionAnim = _reactNative.Animated.timing(panY, {
+    toValue: 0,
+    duration: 300,
+    useNativeDriver: true
+  });
+  const closeAnim = _reactNative.Animated.timing(panY, {
+    toValue: screenHeight,
+    duration: 300,
+    useNativeDriver: true
+  });
+  const translateY = panY.interpolate({
+    inputRange: [-1, 0, 1],
+    outputRange: [0, 0, 1]
+  });
+  const handleDismiss = () => {
+    setVisibility(false);
+    closeAnim.start(onDismiss);
+  };
+  React.useEffect(() => {
+    resetPositionAnim.start();
+  }, [resetPositionAnim]);
+  const panResponders = React.useRef(_reactNative.PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: () => false,
+    onPanResponderMove: _reactNative.Animated.event([null, {
+      dy: panY
+    }], {
+      useNativeDriver: false
+    }),
+    onPanResponderRelease: (_, gs) => {
+      if (gs.dy > 0 && gs.vy > 0.3) {
+        return handleDismiss();
+      }
+      return resetPositionAnim.start();
+    }
+  })).current;
+  const renderSheetHeader = () => {
+    return /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: [computedStyle.sheetHeaderWrapper]
+    }, /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: [computedStyle.sheetHeader]
+    }, /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: [{
+        maxWidth: (screenWidth - 32) / 8 * 2,
+        minWidth: (screenWidth - 32) / 8 * 2
+      }]
+    }, dismissIcon && /*#__PURE__*/React.createElement(_reactNative.TouchableHighlight, {
+      onPress: handleDismiss,
+      style: [computedStyle.sheetDismissIconWrapper],
+      underlayColor: 'transparent'
+    }, dismissIcon)), /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: [{
+        maxWidth: (screenWidth - 32) / 8 * 4,
+        minWidth: (screenWidth - 32) / 8 * 4
+      }]
+    }, title && /*#__PURE__*/React.createElement(_typography.Typography, {
+      variant: "subtitle1",
+      style: [computedStyle.textCenter],
+      numberOfLines: 2
+    }, title)), /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: [{
+        maxWidth: (screenWidth - 32) / 8 * 2,
+        minWidth: (screenWidth - 32) / 8 * 2
+      }, computedStyle.sheetActionWrapper]
+    }, action || null)), subtitle && /*#__PURE__*/React.createElement(_typography.Typography, {
+      variant: "body2",
+      numberOfLines: 2,
+      style: [computedStyle.textCenter]
+    }, subtitle));
+  };
+  const renderLargeIconComponent = () => {
+    return /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: [computedStyle.largeIconContainer, {
+        height: largeIconContainerHeight
+      }]
+    }, /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: [computedStyle.largeIconAbsoluteWrapper]
+    }, largeIcon));
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.Modal, {
+    animated: true,
+    animationType: animationType,
+    visible: visibility,
+    transparent: true,
+    onRequestClose: handleDismiss
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [computedStyle.flex, computedStyle.overlayColor]
+  }, /*#__PURE__*/React.createElement(_reactNative.TouchableWithoutFeedback, {
+    onPress: handleDismiss,
+    disabled: isOverlayDismissDisabled
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [computedStyle.overlay]
+  })), /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    style: {
+      ...computedStyle.container,
+      transform: [{
+        translateY: translateY
+      }]
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative.View, null, /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+    style: [computedStyle.sheetIndicatorWrapper]
+  }, panResponders.panHandlers), !largeIcon && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: computedStyle.sliderIndicator
+  })), largeIcon ? renderLargeIconComponent() : renderSheetHeader()), children)));
+});
+exports.BottomSheet = BottomSheet;
+//# sourceMappingURL=BottomSheet.component.js.map

package/lib/commonjs/components/BottomSheet/BottomSheet.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BottomSheet","React","forwardRef","props","ref","onDismiss","title","subtitle","isOverlayDismissDisabled","dismissIcon","action","largeIcon","largeIconContainerHeight","animationType","children","screenHeight","Dimensions","get","height","screenWidth","width","panY","useRef","Animated","Value","current","visibility","setVisibility","useState","useImperativeHandle","open","close","computedStyle","getStyle","resetPositionAnim","timing","toValue","duration","useNativeDriver","closeAnim","translateY","interpolate","inputRange","outputRange","handleDismiss","start","useEffect","panResponders","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderMove","event","dy","onPanResponderRelease","_","gs","vy","renderSheetHeader","sheetHeaderWrapper","sheetHeader","maxWidth","minWidth","sheetDismissIconWrapper","textCenter","sheetActionWrapper","renderLargeIconComponent","largeIconContainer","largeIconAbsoluteWrapper","flex","overlayColor","overlay","container","transform","sheetIndicatorWrapper","panHandlers","sliderIndicator"],"sourceRoot":"..\\..\\src","sources":["BottomSheet.component.tsx"],"mappings":"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"}

package/lib/commonjs/components/BottomSheet/BottomSheet.style.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyle = void 0;
+var _reactNative = require("react-native");
+var _themes = require("../../../src/themes");
+const getStyle = () => {
+  const computedStyle = {};
+  computedStyle.flex = {
+    flex: 1
+  };
+  computedStyle.overlay = {
+    flex: 1,
+    justifyContent: 'flex-end'
+  };
+  computedStyle.overlayColor = {
+    backgroundColor: 'rgba(0,0,0,0.2)'
+  };
+  computedStyle.container = {
+    maxHeight: _reactNative.Dimensions.get('window').height / 8 * 7,
+    borderTopRightRadius: _themes.Radius[16],
+    borderTopLeftRadius: _themes.Radius[16],
+    backgroundColor: _themes.Palettes.whiteDark[50]
+  };
+  computedStyle.sliderIndicator = {
+    height: 5,
+    width: 100,
+    borderRadius: _themes.Radius.full,
+    backgroundColor: _themes.Palettes.grey[100]
+  };
+  computedStyle.sheetIndicatorWrapper = {
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  };
+  computedStyle.sheetHeader = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  };
+  computedStyle.sheetHeaderWrapper = {
+    paddingHorizontal: _themes.Spacing[16]
+  };
+  computedStyle.sheetDismissIconWrapper = {
+    padding: 4
+  };
+  computedStyle.sheetActionWrapper = {
+    flexDirection: 'row',
+    justifyContent: 'flex-end'
+  };
+  computedStyle.textCenter = {
+    textAlign: 'center'
+  };
+  computedStyle.largeIconContainer = {
+    alignItems: 'center'
+  };
+  computedStyle.largeIconAbsoluteWrapper = {
+    position: 'absolute',
+    bottom: 0
+  };
+  return _reactNative.StyleSheet.create(computedStyle);
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=BottomSheet.style.js.map

package/lib/commonjs/components/BottomSheet/BottomSheet.style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getStyle","computedStyle","flex","overlay","justifyContent","overlayColor","backgroundColor","container","maxHeight","Dimensions","get","height","borderTopRightRadius","Radius","borderTopLeftRadius","Palettes","whiteDark","sliderIndicator","width","borderRadius","full","grey","sheetIndicatorWrapper","alignItems","sheetHeader","flexDirection","sheetHeaderWrapper","paddingHorizontal","Spacing","sheetDismissIconWrapper","padding","sheetActionWrapper","textCenter","textAlign","largeIconContainer","largeIconAbsoluteWrapper","position","bottom","StyleSheet","create"],"sourceRoot":"..\\..\\src","sources":["BottomSheet.style.tsx"],"mappings":";;;;;;AACA;AAEA;AAmBO,MAAMA,QAAQ,GAAG,MAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,IAAI,GAAG;IACnBA,IAAI,EAAE;EACR,CAAC;EAEDD,aAAa,CAACE,OAAO,GAAG;IACtBD,IAAI,EAAE,CAAC;IACPE,cAAc,EAAE;EAClB,CAAC;EACDH,aAAa,CAACI,YAAY,GAAG;IAC3BC,eAAe,EAAE;EACnB,CAAC;EAEDL,aAAa,CAACM,SAAS,GAAG;IACxBC,SAAS,EAAGC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM,GAAG,CAAC,GAAI,CAAC;IACpDC,oBAAoB,EAAEC,cAAM,CAAC,EAAE,CAAC;IAChCC,mBAAmB,EAAED,cAAM,CAAC,EAAE,CAAC;IAC/BP,eAAe,EAAES,gBAAQ,CAACC,SAAS,CAAC,EAAE;EACxC,CAAC;EACDf,aAAa,CAACgB,eAAe,GAAG;IAC9BN,MAAM,EAAE,CAAC;IACTO,KAAK,EAAE,GAAG;IACVC,YAAY,EAAEN,cAAM,CAACO,IAAI;IACzBd,eAAe,EAAES,gBAAQ,CAACM,IAAI,CAAC,GAAG;EACpC,CAAC;EAEDpB,aAAa,CAACqB,qBAAqB,GAAG;IACpCX,MAAM,EAAE,EAAE;IACVY,UAAU,EAAE,QAAQ;IACpBnB,cAAc,EAAE;EAClB,CAAC;EAEDH,aAAa,CAACuB,WAAW,GAAG;IAC1BC,aAAa,EAAE,KAAK;IACpBF,UAAU,EAAE,QAAQ;IACpBnB,cAAc,EAAE;EAClB,CAAC;EAEDH,aAAa,CAACyB,kBAAkB,GAAG;IACjCC,iBAAiB,EAAEC,eAAO,CAAC,EAAE;EAC/B,CAAC;EACD3B,aAAa,CAAC4B,uBAAuB,GAAG;IACtCC,OAAO,EAAE;EACX,CAAC;EACD7B,aAAa,CAAC8B,kBAAkB,GAAG;IACjCN,aAAa,EAAE,KAAK;IACpBrB,cAAc,EAAE;EAClB,CAAC;EAEDH,aAAa,CAAC+B,UAAU,GAAG;IACzBC,SAAS,EAAE;EACb,CAAC;EAEDhC,aAAa,CAACiC,kBAAkB,GAAG;IACjCX,UAAU,EAAE;EACd,CAAC;EAEDtB,aAAa,CAACkC,wBAAwB,GAAG;IACvCC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE;EACV,CAAC;EAED,OAAOC,uBAAU,CAACC,MAAM,CAACtC,aAAa,CAAC;AACzC,CAAC;AAAC"}

package/lib/commonjs/components/BottomSheet/BottomSheet.type.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=BottomSheet.type.js.map

package/lib/commonjs/components/BottomSheet/BottomSheet.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["BottomSheet.type.ts"],"mappings":""}

package/lib/commonjs/components/CheckBoxInput/CheckBoxInput.component.js

@@ -0,0 +1,198 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CheckBoxInput = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _CheckBoxInput = require("./CheckBoxInput.style");
+var _typography = require("../typography/typography.component");
+var _BottomSheet = require("../BottomSheet/BottomSheet.component");
+var _button = require("../button/button.component");
+var _themes = require("../../themes");
+var _icons = require("../../icons");
+var _Divider = require("../Divider/Divider.component");
+var _Checkbox = require("../Checkbox/Checkbox.component");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 CheckBoxInput = props => {
+  const {
+    value,
+    label,
+    errorMessage,
+    helperMessage,
+    isError,
+    disabled,
+    editable = true,
+    inputIcon = /*#__PURE__*/React.createElement(_icons.IconChevronDown, {
+      width: 14,
+      height: 14,
+      fill: _themes.Palettes.black[900]
+    }),
+    data,
+    onSaveInput = () => {},
+    saveInputLabel,
+    bottomSheetOpt,
+    selectionLimit,
+    onInputDismiss = () => {}
+  } = props;
+  const [labelWidth, setLabelWidth] = React.useState(0);
+  const [selectedValue, setSelectedValue] = React.useState(value);
+  const computedStyle = (0, _CheckBoxInput.getStyle)(props);
+  const bottomSheetref = React.useRef(null);
+  const animation = React.useRef(new _reactNative.Animated.Value(0));
+  const scale = animation.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [1, 0.8]
+  });
+  const translateY = animation.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, -30]
+  });
+  const translateX = animation.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, labelWidth * -0.1]
+  });
+  const animate = toValue => _reactNative.Animated.spring(animation.current, {
+    useNativeDriver: true,
+    toValue
+  }).start();
+  const selectedObject = React.useCallback(() => {
+    const labels = value === null || value === void 0 ? void 0 : value.map(check => {
+      const checkbox = data === null || data === void 0 ? void 0 : data.find(obj => {
+        return obj.value === check.value;
+      });
+      return checkbox ? checkbox.label : null;
+    });
+    return labels === null || labels === void 0 ? void 0 : labels.join(', ');
+  }, [data, value]);
+  React.useEffect(() => {
+    if (selectedObject()) {
+      animate(1);
+    } else {
+      animate(0);
+    }
+  }, [selectedObject]);
+  React.useEffect(() => {
+    setSelectedValue(value);
+  }, [value]);
+  const getLabelWidth = event => {
+    const {
+      width
+    } = event.nativeEvent.layout;
+    setLabelWidth(width + 24);
+  };
+  const onCheckboxItemPress = checkboxValue => {
+    const index = selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.some(selected => selected.value === checkboxValue.value);
+    if (index) {
+      const arr = selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.filter(item => item.value !== checkboxValue.value);
+      setSelectedValue(arr);
+    } else {
+      if (selectionLimit && selectionLimit > 0 && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) === selectionLimit) {
+        let temp = selectedValue;
+        temp.splice(0, 1);
+        setSelectedValue([...(temp || []), checkboxValue]);
+      } else {
+        setSelectedValue([...(selectedValue || []), checkboxValue]);
+      }
+    }
+  };
+  const handleOnSaveInput = () => {
+    var _bottomSheetref$curre;
+    onSaveInput(selectedValue);
+    onInputDismiss();
+    (_bottomSheetref$curre = bottomSheetref.current) === null || _bottomSheetref$curre === void 0 ? void 0 : _bottomSheetref$curre.close();
+  };
+  const openBottomSheet = () => {
+    if (!disabled && editable) {
+      var _bottomSheetref$curre2;
+      (_bottomSheetref$curre2 = bottomSheetref.current) === null || _bottomSheetref$curre2 === void 0 ? void 0 : _bottomSheetref$curre2.open();
+    }
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.TouchableWithoutFeedback, {
+    onPress: openBottomSheet
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: computedStyle.fieldWrapper
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: computedStyle.fieldContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    style: [computedStyle.labelContainer, {
+      transform: [{
+        scale
+      }, {
+        translateY
+      }, {
+        translateX
+      }]
+    }],
+    onLayout: getLabelWidth,
+    pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(_typography.Typography, {
+    variant: "body2",
+    style: computedStyle.label
+  }, label)), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: computedStyle.inputWrapper
+  }, /*#__PURE__*/React.createElement(_typography.Typography, {
+    variant: "body2",
+    style: [computedStyle.textField],
+    numberOfLines: 1
+  }, selectedObject()), inputIcon)), errorMessage || helperMessage ? /*#__PURE__*/React.createElement(_typography.Typography, {
+    variant: "caption",
+    style: computedStyle.messageHelper
+  }, errorMessage || !isError && helperMessage) : null)), /*#__PURE__*/React.createElement(_BottomSheet.BottomSheet, _extends({
+    ref: bottomSheetref,
+    onDismiss: onInputDismiss
+  }, bottomSheetOpt), /*#__PURE__*/React.createElement(_reactNative.FlatList, {
+    data: data,
+    renderItem: item => /*#__PURE__*/React.createElement(CheckboxItem, {
+      data: item,
+      selectedValue: selectedValue,
+      onItemPress: onCheckboxItemPress
+    })
+    // eslint-disable-next-line react-native/no-inline-styles
+    ,
+    contentContainerStyle: {
+      padding: 16
+    }
+    // eslint-disable-next-line react/no-unstable-nested-components
+    ,
+    ItemSeparatorComponent: () => /*#__PURE__*/React.createElement(_Divider.Divider, null)
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      padding: 16,
+      backgroundColor: 'transparent'
+    }
+  }, /*#__PURE__*/React.createElement(_button.Button, {
+    variant: "primary",
+    label: saveInputLabel,
+    onPress: handleOnSaveInput
+  }))));
+};
+exports.CheckBoxInput = CheckBoxInput;
+function CheckboxItem(_ref) {
+  let {
+    data,
+    selectedValue,
+    onItemPress = () => {}
+  } = _ref;
+  const {
+    item
+  } = data;
+  const computedStyle = (0, _CheckBoxInput.getStyle)({});
+  return /*#__PURE__*/React.createElement(_reactNative.TouchableHighlight, {
+    onPress: () => onItemPress(item),
+    underlayColor: _themes.Palettes.whiteDark[100],
+    disabled: item.disabled
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [computedStyle.checkboxItemWrapper]
+  }, /*#__PURE__*/React.createElement(_typography.Typography, {
+    variant: "body2",
+    numberOfLines: 2
+  }, item === null || item === void 0 ? void 0 : item.label), /*#__PURE__*/React.createElement(_Checkbox.Checkbox, {
+    selected: !!(selectedValue !== null && selectedValue !== void 0 && selectedValue.some(selected => selected.value === item.value)),
+    disabled: item.disabled
+  })));
+}
+//# sourceMappingURL=CheckBoxInput.component.js.map