cemtrik-dependencies 1.0.4

package/README copy.md

@@ -0,0 +1,54 @@
+# App Cemtrik
+
+Aplicación creada para que sirva como baseline. Es una aplicación basada en Nextjs Js.
+
+## Pasos previos
+
+Se debe tener instalados en el PC o Mac:
+
+-   **Node Js** http://nodejs.org/
+-   **Yarn** https://classic.yarnpkg.com/en/docs/install/#mac-stable
+-   **Git** https://gist.github.com/derhuerst/1b15ff4652a867391f03
+
+## Entornos
+
+La aplicación App Cemtrik cuenta con 2 entornos:
+
+-   **Local** es usado para desarrollo. La url es http://localhost:3002/.
+-   **Test** es usado para probar el desarrollo antes de hacer el deploy en producción.
+
+# Set Up
+
+1. Clonar la rama **master** del repositorio en la carpeta donde trabajes los proyectos (debes tener
+   accesos)
+
+```bash
+git clone https://usuario@bitbucket.org/valor-percibido/app-cemtrik.git
+
+git checkout -b nombre-rama
+```
+
+2. Ingresar a la carpeta host-app-cemtrik e instalar las herramientas de desarrollo
+
+```bash
+npm install o yarn install
+```
+
+3. Ejecutar **yarn dev** o **npm run dev** para iniciar la aplicación
+
+```bash
+npm run dev o yarn dev
+```
+
+La url para acceder localmente a la aplicación es http://localhost:3000/
+
+## Comandos GIT para tener en cuenta
+
+-   **git clone -b <rama>** <link rama> para clonar una rama especifica.
+-   **git branch** para saber en que rama se está trabajando.
+-   **git fetch && git checkout <nombre rama>** para cambiar de rama.
+-   **git add .** para agregar todos los archivos al staging.
+-   **git commit -m "mensaje commit"** para hacer el commit.
+-   **git push origin <nombre rama>** para el push en una rama especifica.
+-   **git pull origin <nombre rama>** para el pull de una rama especifica.
+-   **git merge <rama>** para hacer merge de la rama actual con la rama especifica.

package/README.md

@@ -0,0 +1,29 @@
+# README #
+
+This README would normally document whatever steps are necessary to get your application up and running.
+
+### What is this repository for? ###
+
+* Quick summary
+* Version
+* [Learn Markdown](https://bitbucket.org/tutorials/markdowndemo)
+
+### How do I get set up? ###
+
+* Summary of set up
+* Configuration
+* Dependencies
+* Database configuration
+* How to run tests
+* Deployment instructions
+
+### Contribution guidelines ###
+
+* Writing tests
+* Code review
+* Other guidelines
+
+### Who do I talk to? ###
+
+* Repo owner or admin
+* Other community or team contact

package/components.js

@@ -0,0 +1,47 @@
+import Alert from "./src/components/atoms/Alert";
+import Avatar from "./src/components/atoms/Avatar";
+import Bullets from "./src/components/atoms/Bullets";
+import ButtonOutline from "./src/components/atoms/ButtonOutline";
+import ButtonPagination from "./src/components/atoms/ButtonPagination";
+import ButtonSolid from "./src/components/atoms/ButtonSolid";
+import Checkbox from "./src/components/atoms/Checkbox";
+import ConfirmationAbandoningCreation from "./src/components/atoms/ConfirmationAbandoningCreation";
+import Divider from "./src/components/atoms/Divider";
+import GoBack from "./src/components/atoms/GoBack";
+import Input from "./src/components/atoms/Input";
+import InputDropdown from "./src/components/atoms/InputDropdown";
+import Select from "./src/components/atoms/Select";
+import Spinner from "./src/components/atoms/Spinner";
+import Switch from "./src/components/atoms/Switch";
+import Textarea from "./src/components/atoms/Textarea";
+import Tooltip from "./src/components/atoms/Tooltip";
+import UploadImage from "./src/components/atoms/UploadImage";
+import Dropdown from "./src/components/molecules/Dropdown";
+import Modal from "./src/components/molecules/Modal";
+import Pagination from "./src/components/molecules/Pagination";
+import Accordion from "./src/components/templates/Accordion";
+
+export {
+    Alert,
+    Avatar,
+    Bullets,
+    ButtonOutline,
+    ButtonPagination,
+    ButtonSolid,
+    Checkbox,
+    ConfirmationAbandoningCreation,
+    Divider,
+    GoBack,
+    Input,
+    InputDropdown,
+    Select,
+    Spinner,
+    Switch,
+    Textarea,
+    Tooltip,
+    UploadImage,
+    Dropdown,
+    Modal,
+    Pagination,
+    Accordion,
+};

package/hooks.js

@@ -0,0 +1,4 @@
+export { useCloseModal } from "./src/hooks/useCloseModal";
+export { useForm } from "./src/hooks/useForm";
+export { useMediaQuery } from "./src/hooks/useMediaQuery";
+export { useWindowDimensions } from "./src/hooks/useWindowDimensions";

package/package.json

@@ -0,0 +1,58 @@
+{
+    "name": "cemtrik-dependencies",
+    "version": "1.0.4",
+    "scripts": {
+        "dev": "next dev -p 3000",
+        "build": "next build",
+        "start": "next start",
+        "lint": "eslint --fix . --ext .js,.jsx",
+        "format": "prettier --write .",
+        "test": "jest",
+        "coverage": "jest --coverage",
+        "export": "next export",
+        "prepare": "husky install"
+    },
+    "dependencies": {
+        "@headlessui/react": "^1.7.15",
+        "@heroicons/react": "^2.0.18",
+        "classnames": "^2.3.2",
+        "next": "13.4.4",
+        "react": "18.2.0",
+        "react-dom": "18.2.0"
+    },
+    "devDependencies": {
+        "@commitlint/cli": "^17.6.5",
+        "@commitlint/config-conventional": "^17.6.5",
+        "@tailwindcss/forms": "^0.3.4",
+        "@tailwindcss/typography": "^0.4.1",
+        "@testing-library/jest-dom": "^5.16.5",
+        "@testing-library/react": "^14.0.0",
+        "autoprefixer": "10.4.5",
+        "css-loader": "^6.8.1",
+        "eslint": "^8.42.0",
+        "eslint-config-google": "^0.14.0",
+        "eslint-config-next": "^13.4.4",
+        "eslint-config-prettier": "^8.8.0",
+        "eslint-plugin-import": "^2.27.5",
+        "eslint-plugin-prettier": "^4.2.1",
+        "eslint-plugin-react": "^7.32.2",
+        "husky": "^8.0.0",
+        "jest": "^29.5.0",
+        "jest-environment-jsdom": "^29.5.0",
+        "lint-staged": "^13.2.2",
+        "postcss": "^8.3.5",
+        "postcss-loader": "^6.1.1",
+        "prettier": "^2.8.8",
+        "style-loader": "^3.3.3",
+        "tailwindcss": "^2.2.19"
+    },
+    "lint-staged": {
+        "*.(js|ts)": "npm run lint"
+    },
+    "optionalDependencies": {
+        "typescript": ">=4.2.0"
+    },
+    "engines": {
+        "node": "20"
+    }
+}

package/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
+};

package/src/assets/cemtrik-icons-v1.0/Read Me.txt

@@ -0,0 +1,7 @@
+Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
+
+To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/docs/#local-fonts
+
+You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
+
+You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.

package/src/assets/cemtrik-icons-v1.0/demo-files/demo.css

@@ -0,0 +1,152 @@
+body {
+  padding: 0;
+  margin: 0;
+  font-family: sans-serif;
+  font-size: 1em;
+  line-height: 1.5;
+  color: #555;
+  background: #fff;
+}
+h1 {
+  font-size: 1.5em;
+  font-weight: normal;
+}
+small {
+  font-size: .66666667em;
+}
+a {
+  color: #e74c3c;
+  text-decoration: none;
+}
+a:hover, a:focus {
+  box-shadow: 0 1px #e74c3c;
+}
+.bshadow0, input {
+  box-shadow: inset 0 -2px #e7e7e7;
+}
+input:hover {
+  box-shadow: inset 0 -2px #ccc;
+}
+input, fieldset {
+  font-family: sans-serif;
+  font-size: 1em;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+input {
+  color: inherit;
+  line-height: 1.5;
+  height: 1.5em;
+  padding: .25em 0;
+}
+input:focus {
+  outline: none;
+  box-shadow: inset 0 -2px #449fdb;
+}
+.glyph {
+  font-size: 16px;
+  width: 15em;
+  padding-bottom: 1em;
+  margin-right: 4em;
+  margin-bottom: 1em;
+  float: left;
+  overflow: hidden;
+}
+.liga {
+  width: 80%;
+  width: calc(100% - 2.5em);
+}
+.talign-right {
+  text-align: right;
+}
+.talign-center {
+  text-align: center;
+}
+.bgc1 {
+  background: #f1f1f1;
+}
+.fgc1 {
+  color: #999;
+}
+.fgc0 {
+  color: #000;
+}
+p {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+.mvm {
+  margin-top: .75em;
+  margin-bottom: .75em;
+}
+.mtn {
+  margin-top: 0;
+}
+.mtl, .mal {
+  margin-top: 1.5em;
+}
+.mbl, .mal {
+  margin-bottom: 1.5em;
+}
+.mal, .mhl {
+  margin-left: 1.5em;
+  margin-right: 1.5em;
+}
+.mhmm {
+  margin-left: 1em;
+  margin-right: 1em;
+}
+.mls {
+  margin-left: .25em;
+}
+.ptl {
+  padding-top: 1.5em;
+}
+.pbs, .pvs {
+  padding-bottom: .25em;
+}
+.pvs, .pts {
+  padding-top: .25em;
+}
+.unit {
+  float: left;
+}
+.unitRight {
+  float: right;
+}
+.size1of2 {
+  width: 50%;
+}
+.size1of1 {
+  width: 100%;
+}
+.clearfix:before, .clearfix:after {
+  content: " ";
+  display: table;
+}
+.clearfix:after {
+  clear: both;
+}
+.hidden-true {
+  display: none;
+}
+.textbox0 {
+  width: 3em;
+  background: #f1f1f1;
+  padding: .25em .5em;
+  line-height: 1.5;
+  height: 1.5em;
+}
+#testDrive {
+  display: block;
+  padding-top: 24px;
+  line-height: 1.5;
+}
+.fs0 {
+  font-size: 16px;
+}
+.fs1 {
+  font-size: 32px;
+}
+

package/src/assets/cemtrik-icons-v1.0/demo-files/demo.js

@@ -0,0 +1,30 @@
+if (!('boxShadow' in document.body.style)) {
+    document.body.setAttribute('class', 'noBoxShadow');
+}
+
+document.body.addEventListener("click", function(e) {
+    const target = e.target;
+    if (target.tagName === "INPUT" &&
+        target.getAttribute('class').indexOf('liga') === -1) {
+        target.select();
+    }
+});
+
+(function() {
+    const fontSize = document.getElementById('fontSize');
+        const testDrive = document.getElementById('testDrive');
+        const testText = document.getElementById('testText');
+    function updateTest() {
+        testDrive.innerHTML = testText.value || String.fromCharCode(160);
+        if (window.icomoonLiga) {
+            window.icomoonLiga(testDrive);
+        }
+    }
+    function updateSize() {
+        testDrive.style.fontSize = fontSize.value + 'px';
+    }
+    fontSize.addEventListener('change', updateSize, false);
+    testText.addEventListener('input', updateTest, false);
+    testText.addEventListener('change', updateTest, false);
+    updateSize();
+}());