etendo-ui-library 1.3.21 → 1.3.23

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;

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

@@ -1,148 +0,0 @@
-import { View, TouchableOpacity, Text } from "react-native-web";
-import React from 'react';
-import Clipboard from '@react-native-clipboard/clipboard';
-import { styles } from "./GetStartedScreen.style";
-import addMarginContainer from "../../../../helpers/addMargin";
-var GetStartedScreen = function GetStartedScreen() {
-  // Copies the yarn command to the clipboard
-  var copyToClipboardYarn = function copyToClipboardYarn() {
-    Clipboard.setString('yarn add etendo-ui-library');
-  };
-  // Copies the npm command to the clipboard
-  var copyToClipboardNpm = function copyToClipboardNpm() {
-    Clipboard.setString('npm install etendo-ui-library');
-  };
-  return /*#__PURE__*/React.createElement(View, {
-    style: addMarginContainer()
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.title
-  }, "Etendo UI"), /*#__PURE__*/React.createElement(Text, {
-    style: styles.title
-  }), /*#__PURE__*/React.createElement(Text, {
-    style: styles.description
-  }, "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."), /*#__PURE__*/React.createElement(Text, {
-    style: styles.subTitle
-  }, "Installation"), /*#__PURE__*/React.createElement(View, {
-    style: styles.clipboardContainer
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardTitle
-  }, "NPM"), /*#__PURE__*/React.createElement(View, {
-    style: styles.clipboardContent
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardText
-  }, "$ npm install etendo-ui-library"), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.clipboardCopyContainer,
-    onPress: copyToClipboardNpm
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardCopyText
-  }, "Copy")))), /*#__PURE__*/React.createElement(Text, {
-    style: styles.descriptionInstall
-  }, "Or"), /*#__PURE__*/React.createElement(View, {
-    style: styles.clipboardContainer
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardTitle
-  }, "Yarn"), /*#__PURE__*/React.createElement(View, {
-    style: styles.clipboardContent
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardText
-  }, "$ yarn add etendo-ui-library"), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: [styles.clipboardCopyContainer],
-    onPress: copyToClipboardYarn
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardCopyText
-  }, "Copy"))), /*#__PURE__*/React.createElement(Text, {
-    style: styles.titleSetup
-  }, "Android Project Setup"), /*#__PURE__*/React.createElement(Text, {
-    style: styles.descriptionInstall
-  }, "When creating a new React Native project the following must be added in the metro.config.js file:"), /*#__PURE__*/React.createElement(View, {
-    style: styles.clipboardContent
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardText
-  }, "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              })();"), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.clipboardCopyContainer,
-    onPress: copyToClipboardYarn
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardCopyText
-  }, "Copy"))), /*#__PURE__*/React.createElement(Text, {
-    style: styles.descriptionInstall
-  }, "And the version of react native should be: ", /*#__PURE__*/React.createElement("b", null, "\"0.68.1\""), " ", /*#__PURE__*/React.createElement("br", null), ' ', /*#__PURE__*/React.createElement("br", null), "Using the next command:"), /*#__PURE__*/React.createElement(View, {
-    style: styles.clipboardContent
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardText
-  }, ' ', "npx react-native init appName --version 0.68.1"), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.clipboardCopyContainer,
-    onPress: copyToClipboardYarn
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardCopyText
-  }, "Copy"))), /*#__PURE__*/React.createElement(Text, {
-    style: styles.descriptionInstall
-  }, "and install the next dependencies whit the follow commands:"), /*#__PURE__*/React.createElement(View, {
-    style: styles.clipboardContent
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardText
-  }, "yarn add react-native-svg"), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.clipboardCopyContainer,
-    onPress: copyToClipboardNpm
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardCopyText
-  }, "Copy"))), /*#__PURE__*/React.createElement(Text, {
-    style: styles.descriptionInstall
-  }, "And"), /*#__PURE__*/React.createElement(View, {
-    style: styles.clipboardContent
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardText
-  }, "yarn add react-native-svg-tranformer"), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.clipboardCopyContainer,
-    onPress: copyToClipboardNpm
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardCopyText
-  }, "Copy")))), /*#__PURE__*/React.createElement(Text, {
-    style: styles.titleSetup
-  }, "Web Project Setup (React Web)"), /*#__PURE__*/React.createElement(View, {
-    style: styles.clipboardContainer
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.descriptionInstall
-  }, "To create a new Next.js project:"), /*#__PURE__*/React.createElement(View, {
-    style: styles.clipboardContent
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardText
-  }, "npx create-next-app "), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.clipboardCopyContainer,
-    onPress: copyToClipboardNpm
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardCopyText
-  }, "Copy"))), /*#__PURE__*/React.createElement(Text, {
-    style: styles.descriptionInstall
-  }, "After initializing the Next.js project, modify your next.config.js file to include the following configuration:"), /*#__PURE__*/React.createElement(View, {
-    style: styles.clipboardContent
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardText
-  }, "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            });"), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.clipboardCopyContainer,
-    onPress: copyToClipboardYarn
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardCopyText
-  }, "Copy"))), /*#__PURE__*/React.createElement(Text, {
-    style: styles.descriptionInstall
-  }, /*#__PURE__*/React.createElement("b", null, "Next, install the following dependencies using the commands below:")), /*#__PURE__*/React.createElement(View, {
-    style: styles.clipboardContent
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardText
-  }, "yarn add react-native-web", /*#__PURE__*/React.createElement("br", null), "yarn add next-transpile-modules", /*#__PURE__*/React.createElement("br", null), "yarn add -D ts-loader", /*#__PURE__*/React.createElement("br", null), "yarn add babel-loader --dev", /*#__PURE__*/React.createElement("br", null), "yarn add react-native-svg-transformer", /*#__PURE__*/React.createElement("br", null), "yarn add react-native-svg", /*#__PURE__*/React.createElement("br", null), "yarn add --dev babel-plugin-module-resolver"), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.clipboardCopyContainer,
-    onPress: copyToClipboardYarn
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardCopyText
-  }, "Copy"))), /*#__PURE__*/React.createElement(Text, {
-    style: styles.descriptionInstall
-  }, "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."), /*#__PURE__*/React.createElement(View, {
-    style: styles.clipboardContent
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.clipboardText
-  }, "//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              />;")), /*#__PURE__*/React.createElement(Text, {
-    style: styles.descriptionInstall
-  }, /*#__PURE__*/React.createElement("b", null, "Remember to replace the attribute values with your desired ones!!")), /*#__PURE__*/React.createElement(Text, {
-    style: styles.descriptionInstall
-  }, "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.")));
-};
-export default GetStartedScreen;

package/dist-web/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-web/components/docs/screens/getStarted/GetStartedScreen.style.js

@@ -1,69 +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',
-    marginBottom: 20,
-    color: NEUTRAL_100
-  },
-  titleSetup: {
-    fontSize: 30,
-    fontWeight: '600',
-    marginBottom: 20,
-    color: NEUTRAL_100,
-    marginTop: 20,
-    borderBottomWidth: 1,
-    width: '100%',
-    borderBottomColor: NEUTRAL_10
-  },
-  description: {
-    color: NEUTRAL_100,
-    marginBottom: 20
-  },
-  subTitle: {
-    fontSize: 26,
-    fontWeight: '600',
-    borderBottomWidth: 1,
-    borderBottomColor: NEUTRAL_10,
-    color: NEUTRAL_100
-  },
-  clipboardContainer: {
-    alignItems: 'flex-start'
-  },
-  clipboardTitle: {
-    fontSize: 22,
-    fontWeight: '600',
-    marginTop: 20,
-    color: NEUTRAL_100
-  },
-  clipboardContent: {
-    alignItems: 'flex-end',
-    borderWidth: 1,
-    borderColor: NEUTRAL_10,
-    padding: 15,
-    paddingBottom: 0,
-    paddingRight: 0
-  },
-  clipboardText: {
-    fontSize: 15,
-    color: NEUTRAL_100,
-    letterSpacing: 1,
-    width: 400
-  },
-  clipboardCopyContainer: {
-    borderLeftWidth: 1,
-    borderTopWidth: 1,
-    borderColor: NEUTRAL_10,
-    padding: 2
-  },
-  clipboardCopyText: {
-    fontWeight: '600',
-    paddingHorizontal: 10,
-    color: NEUTRAL_100
-  },
-  descriptionInstall: {
-    marginTop: 30,
-    marginBottom: 10
-  }
-});