@eturnity/eturnity_reusable_components 7.30.3-EPDM-8441.0 → 7.32.0-EPDM-10528.0

package/.eslintrc.js

@@ -0,0 +1,184 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+  },
+  extends: [
+    'eslint:recommended',
+    'eslint:recommended',
+    'plugin:vue/vue3-recommended',
+    'plugin:prettier/recommended',
+  ],
+  plugins: ['vue', 'prettier'],
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module',
+  },
+  rules: {
+    'vue/component-name-in-template-casing': [
+      'warn',
+      'PascalCase',
+      {
+        registeredComponentsOnly: false,
+        ignores: [],
+      },
+    ],
+    'vue/multi-word-component-names': [
+      'warn',
+      {
+        ignores: [],
+      },
+    ],
+    'vue/html-closing-bracket-newline': [
+      'warn',
+      {
+        singleline: 'never',
+        multiline: 'always',
+      },
+    ],
+    'vue/html-closing-bracket-spacing': [
+      'warn',
+      {
+        startTag: 'never',
+        endTag: 'never',
+        selfClosingTag: 'always',
+      },
+    ],
+    'vue/no-multi-spaces': [
+      'warn',
+      {
+        ignoreProperties: false,
+      },
+    ],
+    'vue/html-end-tags': 'warn',
+    'keyword-spacing': [
+      'warn',
+      {
+        before: true, // Require a space before keywords
+        after: true, // Require a space after keywords
+      },
+    ],
+    // Enforce one space after comma
+    'comma-spacing': [
+      'warn',
+      {
+        before: false, // No space before comma
+        after: true, // Require a space after comma
+      },
+    ],
+    'func-call-spacing': ['warn', 'never'],
+    // Enforce one space around binary operators (+, -, *, /, etc.)
+    'space-infix-ops': 'warn',
+    // Enforce no space inside parentheses
+    'space-in-parens': ['warn', 'never'],
+    // Enforce one space before block statements (if, else, for, etc.)
+    'space-before-blocks': 'warn',
+    // Enforce no spaces inside square brackets
+    'array-bracket-spacing': ['warn', 'never'],
+    // Enforce one space before function parentheses
+    'space-before-function-paren': ['warn', 'never'],
+    // Enforce one space inside braces of object literals
+    'object-curly-spacing': ['warn', 'always'],
+    // Enforce one space before and after arrow functions (optional)
+    'arrow-spacing': ['warn', { before: true, after: true }],
+    // Enforce one space after colon in object literals
+    'key-spacing': [
+      'warn',
+      {
+        beforeColon: false, // No space before colon
+        afterColon: true, // Require one space after colon
+        mode: 'strict', // Enforce spacing between key and value
+      },
+    ],
+    'vue/html-indent': 'off',
+    'vue/html-quotes': ['warn', 'double'],
+    'vue/html-self-closing': [
+      'warn',
+      {
+        html: {
+          void: 'always',
+          normal: 'never',
+          component: 'always',
+        },
+        svg: 'always',
+        math: 'always',
+      },
+    ],
+    'vue/require-default-prop': 'warn',
+    'vue/require-prop-types': 'warn',
+    'vue/v-on-event-hyphenation': [
+      'warn',
+      'always',
+      {
+        autofix: true,
+        ignore: [],
+      },
+    ],
+    'vue/prop-name-casing': ['warn', 'camelCase'],
+    'vue/order-in-components': 'warn',
+    'vue/this-in-template': ['warn', 'never'],
+    'vue/attributes-order': [
+      'warn',
+      {
+        order: [
+          'DEFINITION',
+          'LIST_RENDERING',
+          'CONDITIONALS',
+          'RENDER_MODIFIERS',
+          'GLOBAL',
+          ['UNIQUE', 'SLOT'],
+          'TWO_WAY_BINDING',
+          'OTHER_DIRECTIVES',
+          'OTHER_ATTR',
+          'EVENTS',
+          'CONTENT',
+        ],
+        alphabetical: true,
+      },
+    ],
+    'vue/no-unused-vars': 'warn',
+    'vue/no-use-v-if-with-v-for': [
+      'warn',
+      {
+        allowUsingIterationVar: false,
+      },
+    ],
+    'no-unused-vars': 'warn',
+    'no-undef': 'warn',
+    'no-console': 'warn',
+    'no-debugger': 'warn',
+    'no-multi-spaces': 'warn',
+    'no-mixed-spaces-and-tabs': 'warn',
+    'no-redeclare': 'warn',
+    'no-prototype-builtins': 'warn',
+    'no-unsafe-finally': 'warn',
+    'max-len': [
+      'warn',
+      {
+        code: 120,
+        tabWidth: 2,
+        ignoreUrls: true,
+        ignoreComments: true,
+        ignoreTrailingComments: true,
+        ignorePattern: '^import\\s.+\\sfrom\\s.+;$',
+      },
+    ],
+    'prettier/prettier': [
+      'warn',
+      {
+        semi: false,
+        singleQuote: true,
+        trailingComma: 'es5',
+        printWidth: 80,
+        tabWidth: 2,
+        useTabs: false,
+        endOfLine: 'auto',
+      },
+    ],
+  },
+  globals: {
+    _: true,
+  },
+}

package/.prettierrc

@@ -1,7 +1,9 @@
-{
-    "semi": false,
-    "singleQuote": true,
-    "useTabs": false,
-    "trailingComma": "none",
-    "printWidth": 80
-  }
+{
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 80,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "vueIndentScriptAndStyle": true
+}

package/.storybook/main.js

@@ -1,8 +1,8 @@
-module.exports = {
-  stories: ["../src/components/**/*.stories.@(js|mdx)"],
-  addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-docs",
-  ],
-}
+module.exports = {
+  stories: ["../src/components/**/*.stories.@(js|mdx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-docs",
+  ],
+}

package/.storybook/preview.js

@@ -1,46 +1,46 @@
-import { ThemeProvider } from "vue3-styled-components"
-
-const theme = {
-  colors: {
-    primary: "#48a2d0",
-    secondary: "#fdb813",
-    tertiary: "#d5d5d5",
-    black: "#353535",
-    yellow: "#fdb813",
-    darkGray: "#818181",
-    gray1: "#666",
-    mediumGray: "#d5d5d5",
-    lightGray: "#f2f2f2",
-    white: "#fff",
-    blue: "#48a2d0",
-    red: "#ff7e7e",
-    blue1: "#e4efff",
-    grey1: "#666",
-    grey2: "#c4c4c4",
-    grey3: "#b2b9c5",
-    grey4: "#ebeef4",
-    grey5: "#fafafa",
-    green: "#99db0c",
-    disabled: "#dfe1e1",
-  },
-  screen: {
-    mobileSmall: "345px",
-    mobile: "425px",
-    mobileLarge: "530px",
-    tablet: "768px",
-    tabletLarge: "950px",
-  },
-  borderRadius: "4px",
-}
-
-export const decorators = [
-  (story) => ({
-    components: { story, ThemeProvider },
-    data: () => ({ theme }),
-    template: '<theme-provider :theme="theme"><story/> </theme-provider>',
-  }),
-]
-
-export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-}
+import { ThemeProvider } from "vue3-styled-components"
+
+const theme = {
+  colors: {
+    primary: "#48a2d0",
+    secondary: "#fdb813",
+    tertiary: "#d5d5d5",
+    black: "#353535",
+    yellow: "#fdb813",
+    darkGray: "#818181",
+    gray1: "#666",
+    mediumGray: "#d5d5d5",
+    lightGray: "#f2f2f2",
+    white: "#fff",
+    blue: "#48a2d0",
+    red: "#ff7e7e",
+    blue1: "#e4efff",
+    grey1: "#666",
+    grey2: "#c4c4c4",
+    grey3: "#b2b9c5",
+    grey4: "#ebeef4",
+    grey5: "#fafafa",
+    green: "#99db0c",
+    disabled: "#dfe1e1",
+  },
+  screen: {
+    mobileSmall: "345px",
+    mobile: "425px",
+    mobileLarge: "530px",
+    tablet: "768px",
+    tabletLarge: "950px",
+  },
+  borderRadius: "4px",
+}
+
+export const decorators = [
+  (story) => ({
+    components: { story, ThemeProvider },
+    data: () => ({ theme }),
+    template: '<theme-provider :theme="theme"><story/> </theme-provider>',
+  }),
+]
+
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+}

package/README.md

@@ -1,29 +1,29 @@
-# eturnity_reusable_components
-
-## To use in a project:
-
-```
-npm install @eturnity/eturnity_reusable_components
-```
-
-### To run locally
-
-```
-npm run dev
-```
-
-### To use storybook
-
-```
-npm run storybook
-```
-
-### To publish a new version
-
-```
-Follow correct semantic versioning
-https://docs.npmjs.com/about-semantic-versioning
-
-
-npm publish
-```
+# eturnity_reusable_components
+
+## To use in a project:
+
+```
+npm install @eturnity/eturnity_reusable_components
+```
+
+### To run locally
+
+```
+npm run dev
+```
+
+### To use storybook
+
+```
+npm run storybook
+```
+
+### To publish a new version
+
+```
+Follow correct semantic versioning
+https://docs.npmjs.com/about-semantic-versioning
+
+
+npm publish
+```

package/babel.config.js

@@ -1,5 +1,5 @@
-module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
-  ]
-}
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

package/package.json

@@ -1,62 +1,50 @@
-{
-  "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.30.3-EPDM-8441.0",
-  "private": false,
-  "scripts": {
-    "dev": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
-  },
-  "dependencies": {
-    "@storybook/vue3": "7.0.18",
-    "@vue/compat": "3.3.4",
-    "@vueform/slider": "2.1.10",
-    "@vuepic/vue-datepicker": "6.1.0",
-    "click-outside-vue3": "4.0.1",
-    "html-loader": "0.5.5",
-    "postcss": "8.4.25",
-    "vue": "3.3.4",
-    "vue3-styled-components": "1.2.1",
-    "vuedraggable": "4.1.0"
-  },
-  "devDependencies": {
-    "@babel/core": "7.12.16",
-    "@babel/eslint-parser": "7.12.16",
-    "@vue/cli-plugin-babel": "5.0.8",
-    "@vue/cli-plugin-eslint": "5.0.8",
-    "@vue/cli-service": "5.0.8",
-    "@vue/compiler-sfc": "3.3.4",
-    "eslint": "7.32.0",
-    "eslint-plugin-vue": "8.0.3"
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended"
-    ],
-    "parserOptions": {
-      "parser": "@babel/eslint-parser"
-    },
-    "rules": {}
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ],
-  "description": "## Project setup ``` npm install ```",
-  "main": "babel.config.js",
-  "repository": {
-    "type": "git",
-    "url": "git+https://aaronenser@bitbucket.org/eturnitydevs/eturnity_reusable_components.git"
-  },
-  "author": "Aaron Enser",
-  "license": "ISC",
-  "homepage": "https://bitbucket.org/eturnitydevs/eturnity_reusable_components#readme"
-}
+{
+  "name": "@eturnity/eturnity_reusable_components",
+  "version": "7.32.0-EPDM-10528.0",
+  "private": false,
+  "scripts": {
+    "dev": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
+    "prettier": "prettier --write 'src/**/*.{js,vue}'"
+  },
+  "dependencies": {
+    "@storybook/vue3": "7.0.18",
+    "@vue/compat": "3.3.4",
+    "@vueform/slider": "2.1.10",
+    "@vuepic/vue-datepicker": "6.1.0",
+    "click-outside-vue3": "4.0.1",
+    "html-loader": "0.5.5",
+    "postcss": "8.4.25",
+    "vue": "3.3.4",
+    "vue3-styled-components": "1.2.1",
+    "vuedraggable": "4.1.0"
+  },
+  "devDependencies": {
+    "babel-eslint": "10.1.0",
+    "@vue/cli-plugin-eslint": "5.0.8",
+    "@vue/cli-service": "5.0.8",
+    "@vue/compiler-sfc": "3.3.4",
+    "eslint": "8.0.1",
+    "eslint-config-prettier": "8.8.0",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-vue": "9.14.1",
+    "prettier": "2.8.4"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ],
+  "description": "## Project setup ``` npm install ```",
+  "main": "babel.config.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://aaronenser@bitbucket.org/eturnitydevs/eturnity_reusable_components.git"
+  },
+  "author": "Aaron Enser",
+  "license": "ISC",
+  "homepage": "https://bitbucket.org/eturnitydevs/eturnity_reusable_components#readme"
+}

package/postcss.config.js

@@ -1,6 +1,6 @@
-module.exports = {
-  plugins: {
-    // Add your PostCSS plugins here
-    // Example: require('autoprefixer')
-  }
-}
+module.exports = {
+  plugins: {
+    // Add your PostCSS plugins here
+    // Example: require('autoprefixer')
+  }
+}