etendo-ui-library 1.3.21 → 1.3.22

package/dist-web/components/modal/components/maximizedView/MaximizedView.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IMaximizedViewProps } from './MaximizedView.types';
+declare const MaximizedView: ({ buttonsToDisplay, children, setVisible, title, }: IMaximizedViewProps) => React.JSX.Element;
+export default MaximizedView;

package/dist-web/components/modal/components/maximizedView/MaximizedView.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import { ScrollView, Text, TouchableOpacity, View } from "react-native-web";
+import { ButtonContainer } from "../../../containers";
+import { styles } from "./MaximizedView.styles";
+import { Button } from "../../../button";
+import { CancelIcon } from "../../../../assets/images/icons";
+var MaximizedView = function MaximizedView(_ref) {
+  var buttonsToDisplay = _ref.buttonsToDisplay,
+    children = _ref.children,
+    setVisible = _ref.setVisible,
+    title = _ref.title;
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      justifyContent: 'flex-start'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.headerContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.titleCloseContainer
+  }, /*#__PURE__*/React.createElement(Button, {
+    typeStyle: 'white',
+    iconLeft: /*#__PURE__*/React.createElement(CancelIcon, null),
+    onPress: function onPress() {
+      return setVisible(false);
+    }
+  }), /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 1,
+    style: styles.modalTitle,
+    ellipsizeMode: "tail"
+  }, title)), (buttonsToDisplay === null || buttonsToDisplay === void 0 ? void 0 : buttonsToDisplay.length) && /*#__PURE__*/React.createElement(ButtonContainer, {
+    components: [buttonsToDisplay[buttonsToDisplay.length - 1]],
+    style: {
+      justifyContent: 'flex-end',
+      paddingVertical: 0
+    }
+  })), children && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    activeOpacity: 1,
+    style: styles.childrenModalContainer
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    style: {
+      flexGrow: 0
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    onStartShouldSetResponder: function onStartShouldSetResponder() {
+      return true;
+    }
+  }, children))));
+};
+export default MaximizedView;

package/dist-web/components/modal/components/maximizedView/MaximizedView.styles.d.ts

@@ -0,0 +1,34 @@
+export declare const styles: {
+    headerContainer: {
+        flexDirection: "row";
+        paddingTop: number;
+        justifyContent: "space-between";
+        width: "100%";
+        alignItems: "center";
+    };
+    titleCloseContainer: {
+        flexDirection: "row";
+    };
+    modalTitle: {
+        paddingBottom: number;
+        alignSelf: "center";
+        color: string;
+        fontSize: number;
+        fontWeight: "500";
+        maxWidth: "95%";
+        textAlign: "center";
+    };
+    childrenModalContainer: {
+        borderBottomWidth: number;
+        maxHeight: "90%";
+        alignItems: "center";
+        borderBottomColor: string;
+        borderTopColor: string;
+        borderTopWidth: number;
+        display: "flex";
+        flexDirection: "column";
+        justifyContent: "center";
+        marginVertical: number;
+        paddingVertical: number;
+    };
+};

package/dist-web/components/modal/components/maximizedView/MaximizedView.styles.js

@@ -0,0 +1,27 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { StyleSheet } from "react-native-web";
+import { styles as modalBasicStyles } from "../minimizedView/MinimizedView.styles";
+export var styles = StyleSheet.create({
+  headerContainer: _objectSpread(_objectSpread({}, modalBasicStyles.headerContainer), {}, {
+    flexDirection: 'row',
+    paddingTop: 16,
+    justifyContent: 'space-between',
+    width: '100%'
+  }),
+  titleCloseContainer: {
+    flexDirection: 'row'
+  },
+  modalTitle: _objectSpread(_objectSpread({}, modalBasicStyles.modalTitle), {}, {
+    paddingBottom: 0,
+    alignSelf: 'center'
+  }),
+  childrenModalContainer: _objectSpread(_objectSpread({}, modalBasicStyles.childrenModalContainer), {}, {
+    borderBottomWidth: 0,
+    maxHeight: '90%'
+  })
+});

package/dist-web/components/modal/components/maximizedView/MaximizedView.types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface IMaximizedViewProps {
+    buttonsToDisplay?: ReactNode[];
+    children?: ReactNode;
+    imageHeader?: ReactNode;
+    setVisible: any;
+    subtitle?: string;
+    title: string;
+}

package/dist-web/components/modal/components/maximizedView/MaximizedView.types.js

@@ -0,0 +1 @@
+export {};

package/dist-web/components/modal/components/minimizedView/MinimizedView.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IMinimizedViewProps } from './MinimizedView.types';
+declare const MinimizedView: ({ buttonsToDisplay, children, imageHeader, subtitle, title, }: IMinimizedViewProps) => React.JSX.Element;
+export default MinimizedView;

package/dist-web/components/modal/components/minimizedView/MinimizedView.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { ScrollView, Text, TouchableOpacity, View } from "react-native-web";
+import { ButtonContainer } from "../../../containers";
+import { styles } from "./MinimizedView.styles";
+var MinimizedView = function MinimizedView(_ref) {
+  var buttonsToDisplay = _ref.buttonsToDisplay,
+    children = _ref.children,
+    imageHeader = _ref.imageHeader,
+    subtitle = _ref.subtitle,
+    title = _ref.title;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.headerContainer
+  }, imageHeader && /*#__PURE__*/React.createElement(View, {
+    style: styles.imageHeaderContainer
+  }, imageHeader), /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 1,
+    style: styles.modalTitle,
+    ellipsizeMode: "tail"
+  }, title), subtitle && /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 2,
+    style: styles.modalSubtitle,
+    ellipsizeMode: "tail"
+  }, subtitle)), children && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    activeOpacity: 1,
+    style: styles.childrenModalContainer
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    style: {
+      flexGrow: 0
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    onStartShouldSetResponder: function onStartShouldSetResponder() {
+      return true;
+    }
+  }, children))), /*#__PURE__*/React.createElement(View, {
+    style: styles.buttonModalContainer
+  }, (buttonsToDisplay === null || buttonsToDisplay === void 0 ? void 0 : buttonsToDisplay.length) && /*#__PURE__*/React.createElement(ButtonContainer, {
+    components: buttonsToDisplay,
+    style: {
+      justifyContent: 'flex-end',
+      paddingVertical: 0
+    }
+  })));
+};
+export default MinimizedView;

package/dist-web/components/modal/components/minimizedView/MinimizedView.styles.d.ts

@@ -0,0 +1,51 @@
+export declare const styles: {
+    headerContainer: {
+        alignItems: "center";
+        flexDirection: "column";
+        justifyContent: "space-between";
+        width: "100%";
+    };
+    imageHeaderContainer: {
+        alignItems: "center";
+        flexDirection: "row";
+        justifyContent: "center";
+        paddingBottom: number;
+    };
+    modalTitle: {
+        alignSelf: "flex-start";
+        color: string;
+        fontSize: number;
+        fontWeight: "500";
+        maxWidth: "95%";
+        paddingBottom: number;
+        textAlign: "center";
+    };
+    modalSubtitle: {
+        alignSelf: "flex-start";
+        color: string;
+        fontSize: number;
+        fontWeight: "500";
+        maxWidth: "95%";
+        textAlign: "left";
+    };
+    childrenModalContainer: {
+        alignItems: "center";
+        borderBottomColor: string;
+        borderBottomWidth: number;
+        borderTopColor: string;
+        borderTopWidth: number;
+        display: "flex";
+        flexDirection: "column";
+        justifyContent: "center";
+        marginVertical: number;
+        maxHeight: "60%";
+        paddingVertical: number;
+    };
+    buttonModalContainer: {
+        flexDirection: "row";
+        justifyContent: "flex-end";
+    };
+    buttonContainer: {
+        width: "40%" | "45%";
+    };
+};

package/dist-web/components/modal/components/minimizedView/MinimizedView.styles.js

@@ -0,0 +1,54 @@
+import { StyleSheet } from "react-native-web";
+import { NEUTRAL_400, NEUTRAL_800, PRIMARY_100 } from "../../../../styles/colors";
+import { isDeviceTablet } from "../../../../helpers/table_utils";
+export var styles = StyleSheet.create({
+  headerContainer: {
+    alignItems: 'center',
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+    width: '100%'
+  },
+  imageHeaderContainer: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    paddingBottom: 16
+  },
+  modalTitle: {
+    alignSelf: 'flex-start',
+    color: PRIMARY_100,
+    fontSize: 22,
+    fontWeight: '500',
+    maxWidth: '95%',
+    paddingBottom: 12,
+    textAlign: 'center'
+  },
+  modalSubtitle: {
+    alignSelf: 'flex-start',
+    color: NEUTRAL_800,
+    fontSize: 14,
+    fontWeight: '500',
+    maxWidth: '95%',
+    textAlign: 'left'
+  },
+  childrenModalContainer: {
+    alignItems: 'center',
+    borderBottomColor: NEUTRAL_400,
+    borderBottomWidth: 1,
+    borderTopColor: NEUTRAL_400,
+    borderTopWidth: 1,
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    marginVertical: 16,
+    maxHeight: '60%',
+    paddingVertical: 8
+  },
+  buttonModalContainer: {
+    flexDirection: 'row',
+    justifyContent: 'flex-end'
+  },
+  buttonContainer: {
+    width: isDeviceTablet ? '40%' : '45%'
+  }
+});

package/dist-web/components/modal/components/minimizedView/MinimizedView.types.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface IMinimizedViewProps {
+    buttonsToDisplay?: ReactNode[];
+    children?: ReactNode;
+    imageHeader?: ReactNode;
+    subtitle?: string;
+    title: string;
+}

package/dist-web/components/modal/components/minimizedView/MinimizedView.types.js

@@ -0,0 +1 @@
+export {};

package/dist-web/components/modal/index.d.ts

@@ -0,0 +1,2 @@
+import Modal from './Modal';
+export { Modal };

package/dist-web/components/modal/index.js

@@ -0,0 +1,2 @@
+import Modal from "./Modal";
+export { Modal };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "etendo-ui-library",
-  "version": "1.3.21",
+  "version": "1.3.22",
   "private": false,
   "scripts": {
     "android": "react-native run-android",

package/dist-native/components/docs/screens/changelog/ChangeLogScreen.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const ChangeLogScreen: () => React.JSX.Element;
-export default ChangeLogScreen;

package/dist-native/components/docs/screens/changelog/ChangeLogScreen.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var _react=_interopRequireDefault(require("react"));var _ChangeLogScreen=require("./ChangeLogScreen.style");var _addMargin=_interopRequireDefault(require("../../../../helpers/addMargin"));var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/docs/screens/changelog/ChangeLogScreen.tsx";var ChangeLogScreen=function ChangeLogScreen(){return _react.default.createElement(_reactNative.View,{style:(0,_addMargin.default)(),__self:_this,__source:{fileName:_jsxFileName,lineNumber:8,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:_ChangeLogScreen.styles.title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:9,columnNumber:7}},"Change Log"),_react.default.createElement(_reactNative.Text,{style:_ChangeLogScreen.styles.version,__self:_this,__source:{fileName:_jsxFileName,lineNumber:10,columnNumber:7}},"1.1.0"),_react.default.createElement(_reactNative.Text,{style:_ChangeLogScreen.styles.feature,__self:_this,__source:{fileName:_jsxFileName,lineNumber:11,columnNumber:7}},"Features"),_react.default.createElement(_reactNative.Text,{style:_ChangeLogScreen.styles.items,__self:_this,__source:{fileName:_jsxFileName,lineNumber:12,columnNumber:7}},"\u25CF Add Button component."),_react.default.createElement(_reactNative.Text,{style:_ChangeLogScreen.styles.items,__self:_this,__source:{fileName:_jsxFileName,lineNumber:13,columnNumber:7}},"\u25CF Add CardDropdown component."),_react.default.createElement(_reactNative.Text,{style:_ChangeLogScreen.styles.items,__self:_this,__source:{fileName:_jsxFileName,lineNumber:14,columnNumber:7}},"\u25CF Add Input component."),_react.default.createElement(_reactNative.Text,{style:_ChangeLogScreen.styles.items,__self:_this,__source:{fileName:_jsxFileName,lineNumber:15,columnNumber:7}},"\u25CF Add Navbar component."),_react.default.createElement(_reactNative.Text,{style:_ChangeLogScreen.styles.items,__self:_this,__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:7}},"\u25CF Add Pagination component."),_react.default.createElement(_reactNative.Text,{style:_ChangeLogScreen.styles.items,__self:_this,__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:7}},"\u25CF Add Statusbar component."),_react.default.createElement(_reactNative.Text,{style:_ChangeLogScreen.styles.items,__self:_this,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:7}},"\u25CF Add Tab component."),_react.default.createElement(_reactNative.Text,{style:_ChangeLogScreen.styles.items,__self:_this,__source:{fileName:_jsxFileName,lineNumber:19,columnNumber:7}},"\u25CF Add Table component."));};var _default=exports.default=ChangeLogScreen;

package/dist-native/components/docs/screens/changelog/ChangeLogScreen.style.d.ts

@@ -1,27 +0,0 @@
-export declare const styles: {
-    title: {
-        fontSize: number;
-        fontWeight: "600";
-        color: string;
-    };
-    version: {
-        fontSize: number;
-        fontWeight: "600";
-        marginBottom: number;
-        color: string;
-        borderBottomWidth: number;
-        borderColor: string;
-    };
-    feature: {
-        fontSize: number;
-        fontWeight: "600";
-        color: string;
-        marginBottom: number;
-    };
-    items: {
-        color: string;
-        fontSize: number;
-        marginLeft: number;
-        marginBottom: number;
-    };
-};

package/dist-native/components/docs/screens/changelog/ChangeLogScreen.style.js

@@ -1 +0,0 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({title:{fontSize:30,fontWeight:'600',color:_colors.NEUTRAL_100},version:{fontSize:30,fontWeight:'600',marginBottom:10,color:_colors.NEUTRAL_100,borderBottomWidth:1,borderColor:_colors.NEUTRAL_10},feature:{fontSize:18,fontWeight:'600',color:_colors.NEUTRAL_100,marginBottom:10},items:{color:_colors.NEUTRAL_100,fontSize:15,marginLeft:20,marginBottom:10}});

package/dist-native/components/docs/screens/getStarted/GetStartedScreen.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const GetStartedScreen: () => React.JSX.Element;
-export default GetStartedScreen;

package/dist-native/components/docs/screens/getStarted/GetStartedScreen.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var _react=_interopRequireDefault(require("react"));var _clipboard=_interopRequireDefault(require("@react-native-clipboard/clipboard"));var _GetStartedScreen=require("./GetStartedScreen.style");var _addMargin=_interopRequireDefault(require("../../../../helpers/addMargin"));var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/docs/screens/getStarted/GetStartedScreen.tsx";var GetStartedScreen=function GetStartedScreen(){var copyToClipboardYarn=function copyToClipboardYarn(){_clipboard.default.setString('yarn add etendo-ui-library');};var copyToClipboardNpm=function copyToClipboardNpm(){_clipboard.default.setString('npm install etendo-ui-library');};return _react.default.createElement(_reactNative.View,{style:(0,_addMargin.default)(),__self:_this,__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:7}},"Etendo UI"),_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:7}}),_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.description,__self:_this,__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:7}},"Etendo UI Library is a versatile and easy-to-use collection of user interface components, specifically designed for React Native projects and compiled for web using react-native-web. This library aims to simplify the development process and enhance user experience by providing a consistent and visually appealing set of UI components. These components are built with performance and customization in mind, ensuring your project stands out with a Etendo unique appearance."),_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.subTitle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:30,columnNumber:7}},"Installation"),_react.default.createElement(_reactNative.View,{style:_GetStartedScreen.styles.clipboardContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:31,columnNumber:7}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardTitle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:32,columnNumber:9}},"NPM"),_react.default.createElement(_reactNative.View,{style:_GetStartedScreen.styles.clipboardContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:33,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:34,columnNumber:11}},"$ npm install etendo-ui-library"),_react.default.createElement(_reactNative.TouchableOpacity,{style:_GetStartedScreen.styles.clipboardCopyContainer,onPress:copyToClipboardNpm,__self:_this,__source:{fileName:_jsxFileName,lineNumber:37,columnNumber:11}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardCopyText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:13}},"Copy")))),_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.descriptionInstall,__self:_this,__source:{fileName:_jsxFileName,lineNumber:45,columnNumber:7}},"Or"),_react.default.createElement(_reactNative.View,{style:_GetStartedScreen.styles.clipboardContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:46,columnNumber:7}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardTitle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:47,columnNumber:9}},"Yarn"),_react.default.createElement(_reactNative.View,{style:_GetStartedScreen.styles.clipboardContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:48,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:49,columnNumber:11}},"$ yarn add etendo-ui-library"),_react.default.createElement(_reactNative.TouchableOpacity,{style:[_GetStartedScreen.styles.clipboardCopyContainer],onPress:copyToClipboardYarn,__self:_this,__source:{fileName:_jsxFileName,lineNumber:50,columnNumber:11}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardCopyText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:54,columnNumber:13}},"Copy"))),_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.titleSetup,__self:_this,__source:{fileName:_jsxFileName,lineNumber:57,columnNumber:9}},"Android Project Setup"),_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.descriptionInstall,__self:_this,__source:{fileName:_jsxFileName,lineNumber:58,columnNumber:9}},"When creating a new React Native project the following must be added in the metro.config.js file:"),_react.default.createElement(_reactNative.View,{style:_GetStartedScreen.styles.clipboardContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:62,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:11}},"const {getDefaultConfig} = require('metro-config');\n\n              module.exports = (async () => {\n                const {\n                  resolver: {sourceExts, assetExts},\n                } = await getDefaultConfig();\n                return {\n                  transformer: {\n                    getTransformOptions: async () => ({\n                      transform: {\n                        experimentalImportSupport: false,\n                        inlineRequires: true,\n                      },\n                    }),\n                    babelTransformerPath: require.resolve('react-native-svg-transformer'),\n                  },\n                  resolver: {\n                    assetExts: assetExts.filter(ext => ext !== 'svg'),\n                    sourceExts: [...sourceExts, 'svg'],\n                  },\n                };\n              })();"),_react.default.createElement(_reactNative.TouchableOpacity,{style:_GetStartedScreen.styles.clipboardCopyContainer,onPress:copyToClipboardYarn,__self:_this,__source:{fileName:_jsxFileName,lineNumber:87,columnNumber:11}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardCopyText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:91,columnNumber:13}},"Copy"))),_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.descriptionInstall,__self:_this,__source:{fileName:_jsxFileName,lineNumber:94,columnNumber:9}},"And the version of react native should be: ",_react.default.createElement("b",{__self:_this,__source:{fileName:_jsxFileName,lineNumber:95,columnNumber:54}},"\"0.68.1\"")," ",_react.default.createElement("br",{__self:_this,__source:{fileName:_jsxFileName,lineNumber:95,columnNumber:70}}),' ',_react.default.createElement("br",{__self:_this,__source:{fileName:_jsxFileName,lineNumber:96,columnNumber:11}}),"Using the next command:"),_react.default.createElement(_reactNative.View,{style:_GetStartedScreen.styles.clipboardContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:99,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:100,columnNumber:11}},' ',"npx react-native init appName --version 0.68.1"),_react.default.createElement(_reactNative.TouchableOpacity,{style:_GetStartedScreen.styles.clipboardCopyContainer,onPress:copyToClipboardYarn,__self:_this,__source:{fileName:_jsxFileName,lineNumber:104,columnNumber:11}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardCopyText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:108,columnNumber:13}},"Copy"))),_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.descriptionInstall,__self:_this,__source:{fileName:_jsxFileName,lineNumber:111,columnNumber:9}},"and install the next dependencies whit the follow commands:"),_react.default.createElement(_reactNative.View,{style:_GetStartedScreen.styles.clipboardContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:114,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:115,columnNumber:11}},"yarn add react-native-svg"),_react.default.createElement(_reactNative.TouchableOpacity,{style:_GetStartedScreen.styles.clipboardCopyContainer,onPress:copyToClipboardNpm,__self:_this,__source:{fileName:_jsxFileName,lineNumber:116,columnNumber:11}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardCopyText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:120,columnNumber:13}},"Copy"))),_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.descriptionInstall,__self:_this,__source:{fileName:_jsxFileName,lineNumber:123,columnNumber:9}},"And"),_react.default.createElement(_reactNative.View,{style:_GetStartedScreen.styles.clipboardContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:124,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:125,columnNumber:11}},"yarn add react-native-svg-tranformer"),_react.default.createElement(_reactNative.TouchableOpacity,{style:_GetStartedScreen.styles.clipboardCopyContainer,onPress:copyToClipboardNpm,__self:_this,__source:{fileName:_jsxFileName,lineNumber:128,columnNumber:11}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardCopyText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:132,columnNumber:13}},"Copy")))),_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.titleSetup,__self:_this,__source:{fileName:_jsxFileName,lineNumber:136,columnNumber:7}},"Web Project Setup (React Web)"),_react.default.createElement(_reactNative.View,{style:_GetStartedScreen.styles.clipboardContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:137,columnNumber:7}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.descriptionInstall,__self:_this,__source:{fileName:_jsxFileName,lineNumber:138,columnNumber:9}},"To create a new Next.js project:"),_react.default.createElement(_reactNative.View,{style:_GetStartedScreen.styles.clipboardContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:141,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:142,columnNumber:11}},"npx create-next-app "),_react.default.createElement(_reactNative.TouchableOpacity,{style:_GetStartedScreen.styles.clipboardCopyContainer,onPress:copyToClipboardNpm,__self:_this,__source:{fileName:_jsxFileName,lineNumber:143,columnNumber:11}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardCopyText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:147,columnNumber:13}},"Copy"))),_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.descriptionInstall,__self:_this,__source:{fileName:_jsxFileName,lineNumber:150,columnNumber:9}},"After initializing the Next.js project, modify your next.config.js file to include the following configuration:"),_react.default.createElement(_reactNative.View,{style:_GetStartedScreen.styles.clipboardContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:154,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:155,columnNumber:11}},"const path = require('path');\n            const withTM = require('next-transpile-modules')(['etendo-ui-library']);\n\n            module.exports = withTM({\n              webpack: (config, {defaultLoaders}) => {\n                config.resolve.alias = {\n                  ...(config.resolve.alias || {}),\n                  'react-native$': 'react-native-web',\n                  'react-native-svg$': 'react-native-svg-web',\n                };\n\n                config.module.rules.push({\n                  test: /.tsx?$/,\n                  use: [\n                    defaultLoaders.babel,\n                    {\n                      loader: 'ts-loader',\n                      options: {\n                        transpileOnly: true,\n                        experimentalWatchApi: true,\n                      },\n                    },\n                  ],\n                });\n\n                config.module.rules.push({\n                  test: /.css$/,\n                  use: [\n                    defaultLoaders.babel,\n                    {\n                      loader: 'etendo-ui-library/dist/webpack/css-loader.js',\n                      options: {\n                        importLoaders: 1,\n                        modules: {\n                          localIdentName: '[name]__[local]__[hash:base64:5]',\n                        },\n                      },\n                    },\n                    'postcss-loader',\n                  ],\n                });\n                return config;\n              },\n            });"),_react.default.createElement(_reactNative.TouchableOpacity,{style:_GetStartedScreen.styles.clipboardCopyContainer,onPress:copyToClipboardYarn,__self:_this,__source:{fileName:_jsxFileName,lineNumber:201,columnNumber:11}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardCopyText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:205,columnNumber:13}},"Copy"))),_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.descriptionInstall,__self:_this,__source:{fileName:_jsxFileName,lineNumber:208,columnNumber:9}},_react.default.createElement("b",{__self:_this,__source:{fileName:_jsxFileName,lineNumber:209,columnNumber:11}},"Next, install the following dependencies using the commands below:")),_react.default.createElement(_reactNative.View,{style:_GetStartedScreen.styles.clipboardContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:213,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:214,columnNumber:11}},"yarn add react-native-web",_react.default.createElement("br",{__self:_this,__source:{fileName:_jsxFileName,lineNumber:216,columnNumber:13}}),"yarn add next-transpile-modules",_react.default.createElement("br",{__self:_this,__source:{fileName:_jsxFileName,lineNumber:218,columnNumber:13}}),"yarn add -D ts-loader",_react.default.createElement("br",{__self:_this,__source:{fileName:_jsxFileName,lineNumber:220,columnNumber:13}}),"yarn add babel-loader --dev",_react.default.createElement("br",{__self:_this,__source:{fileName:_jsxFileName,lineNumber:222,columnNumber:13}}),"yarn add react-native-svg-transformer",_react.default.createElement("br",{__self:_this,__source:{fileName:_jsxFileName,lineNumber:224,columnNumber:13}}),"yarn add react-native-svg",_react.default.createElement("br",{__self:_this,__source:{fileName:_jsxFileName,lineNumber:226,columnNumber:13}}),"yarn add --dev babel-plugin-module-resolver"),_react.default.createElement(_reactNative.TouchableOpacity,{style:_GetStartedScreen.styles.clipboardCopyContainer,onPress:copyToClipboardYarn,__self:_this,__source:{fileName:_jsxFileName,lineNumber:229,columnNumber:11}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardCopyText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:233,columnNumber:13}},"Copy"))),_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.descriptionInstall,__self:_this,__source:{fileName:_jsxFileName,lineNumber:236,columnNumber:9}},"Usage To use a component from the etendo-ui-library, import it and use it in your JSX code. Below is an example of how to use the Input component."),_react.default.createElement(_reactNative.View,{style:_GetStartedScreen.styles.clipboardContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:241,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.clipboardText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:242,columnNumber:11}},"//import\n              import Input from 'etendo-ui-library/components/input/Input';\n\n              //usage\n              <Input\n                titleLabel=\"ReadOnly\"\n                helperText=\"Start Date\"\n                placeholder=\"Write a text\"\n                disabled={false}\n                value=\"password\"\n                typeField=\"textInputPassword\"\n                isError={true}\n                keyboardType=\"text\"\n              />;")),_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.descriptionInstall,__self:_this,__source:{fileName:_jsxFileName,lineNumber:259,columnNumber:9}},_react.default.createElement("b",{__self:_this,__source:{fileName:_jsxFileName,lineNumber:260,columnNumber:11}},"Remember to replace the attribute values with your desired ones!!")),_react.default.createElement(_reactNative.Text,{style:_GetStartedScreen.styles.descriptionInstall,__self:_this,__source:{fileName:_jsxFileName,lineNumber:264,columnNumber:9}},"That's it! You are now ready to use the etendo-ui-library in your React Web application. Please refer to the detailed documentation on Storybook and NPM for more examples and use cases.")));};var _default=exports.default=GetStartedScreen;

package/dist-native/components/docs/screens/getStarted/GetStartedScreen.style.d.ts

@@ -1,67 +0,0 @@
-export declare const styles: {
-    title: {
-        fontSize: number;
-        fontWeight: "600";
-        marginBottom: number;
-        color: string;
-    };
-    titleSetup: {
-        fontSize: number;
-        fontWeight: "600";
-        marginBottom: number;
-        color: string;
-        marginTop: number;
-        borderBottomWidth: number;
-        width: "100%";
-        borderBottomColor: string;
-    };
-    description: {
-        color: string;
-        marginBottom: number;
-    };
-    subTitle: {
-        fontSize: number;
-        fontWeight: "600";
-        borderBottomWidth: number;
-        borderBottomColor: string;
-        color: string;
-    };
-    clipboardContainer: {
-        alignItems: "flex-start";
-    };
-    clipboardTitle: {
-        fontSize: number;
-        fontWeight: "600";
-        marginTop: number;
-        color: string;
-    };
-    clipboardContent: {
-        alignItems: "flex-end";
-        borderWidth: number;
-        borderColor: string;
-        padding: number;
-        paddingBottom: number;
-        paddingRight: number;
-    };
-    clipboardText: {
-        fontSize: number;
-        color: string;
-        letterSpacing: number;
-        width: number;
-    };
-    clipboardCopyContainer: {
-        borderLeftWidth: number;
-        borderTopWidth: number;
-        borderColor: string;
-        padding: number;
-    };
-    clipboardCopyText: {
-        fontWeight: "600";
-        paddingHorizontal: number;
-        color: string;
-    };
-    descriptionInstall: {
-        marginTop: number;
-        marginBottom: number;
-    };
-};

package/dist-native/components/docs/screens/getStarted/GetStartedScreen.style.js

@@ -1 +0,0 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({title:{fontSize:30,fontWeight:'600',marginBottom:20,color:_colors.NEUTRAL_100},titleSetup:{fontSize:30,fontWeight:'600',marginBottom:20,color:_colors.NEUTRAL_100,marginTop:20,borderBottomWidth:1,width:'100%',borderBottomColor:_colors.NEUTRAL_10},description:{color:_colors.NEUTRAL_100,marginBottom:20},subTitle:{fontSize:26,fontWeight:'600',borderBottomWidth:1,borderBottomColor:_colors.NEUTRAL_10,color:_colors.NEUTRAL_100},clipboardContainer:{alignItems:'flex-start'},clipboardTitle:{fontSize:22,fontWeight:'600',marginTop:20,color:_colors.NEUTRAL_100},clipboardContent:{alignItems:'flex-end',borderWidth:1,borderColor:_colors.NEUTRAL_10,padding:15,paddingBottom:0,paddingRight:0},clipboardText:{fontSize:15,color:_colors.NEUTRAL_100,letterSpacing:1,width:400},clipboardCopyContainer:{borderLeftWidth:1,borderTopWidth:1,borderColor:_colors.NEUTRAL_10,padding:2},clipboardCopyText:{fontWeight:'600',paddingHorizontal:10,color:_colors.NEUTRAL_100},descriptionInstall:{marginTop:30,marginBottom:10}});

package/dist-web/components/docs/screens/changelog/ChangeLogScreen.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const ChangeLogScreen: () => React.JSX.Element;
-export default ChangeLogScreen;

package/dist-web/components/docs/screens/changelog/ChangeLogScreen.js

@@ -1,32 +0,0 @@
-import { Text, View } from "react-native-web";
-import React from 'react';
-import { styles } from "./ChangeLogScreen.style";
-import addMarginContainer from "../../../../helpers/addMargin";
-var ChangeLogScreen = function ChangeLogScreen() {
-  return /*#__PURE__*/React.createElement(View, {
-    style: addMarginContainer()
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.title
-  }, "Change Log"), /*#__PURE__*/React.createElement(Text, {
-    style: styles.version
-  }, "1.1.0"), /*#__PURE__*/React.createElement(Text, {
-    style: styles.feature
-  }, "Features"), /*#__PURE__*/React.createElement(Text, {
-    style: styles.items
-  }, "\u25CF Add Button component."), /*#__PURE__*/React.createElement(Text, {
-    style: styles.items
-  }, "\u25CF Add CardDropdown component."), /*#__PURE__*/React.createElement(Text, {
-    style: styles.items
-  }, "\u25CF Add Input component."), /*#__PURE__*/React.createElement(Text, {
-    style: styles.items
-  }, "\u25CF Add Navbar component."), /*#__PURE__*/React.createElement(Text, {
-    style: styles.items
-  }, "\u25CF Add Pagination component."), /*#__PURE__*/React.createElement(Text, {
-    style: styles.items
-  }, "\u25CF Add Statusbar component."), /*#__PURE__*/React.createElement(Text, {
-    style: styles.items
-  }, "\u25CF Add Tab component."), /*#__PURE__*/React.createElement(Text, {
-    style: styles.items
-  }, "\u25CF Add Table component."));
-};
-export default ChangeLogScreen;

package/dist-web/components/docs/screens/changelog/ChangeLogScreen.style.d.ts

@@ -1,27 +0,0 @@
-export declare const styles: {
-    title: {
-        fontSize: number;
-        fontWeight: "600";
-        color: string;
-    };
-    version: {
-        fontSize: number;
-        fontWeight: "600";
-        marginBottom: number;
-        color: string;
-        borderBottomWidth: number;
-        borderColor: string;
-    };
-    feature: {
-        fontSize: number;
-        fontWeight: "600";
-        color: string;
-        marginBottom: number;
-    };
-    items: {
-        color: string;
-        fontSize: number;
-        marginLeft: number;
-        marginBottom: number;
-    };
-};

package/dist-web/components/docs/screens/changelog/ChangeLogScreen.style.js

@@ -1,29 +0,0 @@
-import { StyleSheet } from "react-native-web";
-import { NEUTRAL_10, NEUTRAL_100 } from "../../../../styles/colors";
-export var styles = StyleSheet.create({
-  title: {
-    fontSize: 30,
-    fontWeight: '600',
-    color: NEUTRAL_100
-  },
-  version: {
-    fontSize: 30,
-    fontWeight: '600',
-    marginBottom: 10,
-    color: NEUTRAL_100,
-    borderBottomWidth: 1,
-    borderColor: NEUTRAL_10
-  },
-  feature: {
-    fontSize: 18,
-    fontWeight: '600',
-    color: NEUTRAL_100,
-    marginBottom: 10
-  },
-  items: {
-    color: NEUTRAL_100,
-    fontSize: 15,
-    marginLeft: 20,
-    marginBottom: 10
-  }
-});

package/dist-web/components/docs/screens/getStarted/GetStartedScreen.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const GetStartedScreen: () => React.JSX.Element;
-export default GetStartedScreen;