Merge pull request #27 from brainstormforce/staging

v0.0.1

.eslintignore

@@ -0,0 +1,10 @@
+node_modules
+# ignore dist folder
+dist
+# ignore all files which extension is .json, .md, .log, config.js
+*.json
+*.md
+*.log
+config.js
+# ignoring webpack configuration
+webpack.config.js

.eslintrc.js

@@ -0,0 +1,16 @@
+// .eslintrc.mjs
+module.exports = {
+	root: true,
+	extends: ["plugin:@wordpress/eslint-plugin/recommended-with-formatting"],
+	parserOptions: {
+		requireConfigFile: false,
+		babelOptions: {
+			presets: ["@wordpress/babel-preset-default"],
+		},
+	},
+	rules: {
+		"jsx-a11y/click-events-have-key-events": "off",
+		"react-hooks/exhaustive-deps": "off",
+		"jsx-a11y/label-has-associated-control": "off",
+	},
+};

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,29 @@
+### Description
+
+<!-- Please describe what you have changed or added -->
+
+### Screenshots
+
+<!-- if applicable -->
+
+### Types of changes
+
+<!-- What types of changes does your code introduce?  -->
+<!-- Bug fix (non-breaking change which fixes an issue) -->
+<!-- New feature (non-breaking change which adds functionality) -->
+<!-- Breaking change -->
+
+### How has this been tested?
+
+<!-- Please describe in detail how you tested your changes. -->
+
+### Checklist:
+
+-   [ ] My code is tested
+-   [ ] My code passes the PHPCS tests
+-   [ ] I've created the npm build.
+-   [ ] My code follows accessibility standards <!-- Guidelines: https://make.wordpress.org/core/handbook/best-practices/coding-standards/accessibility-coding-standards/ -->
+-   [ ] My code has proper inline documentation <!-- Guidelines: https://make.wordpress.org/core/handbook/best-practices/inline-documentation-standards/javascript/ -->
+-   [ ] I've included any necessary tests <!-- if applicable -->
+-   [ ] I've included developer documentation <!-- if applicable -->
+-   [ ] I've added proper labels to this pull request <!-- if applicable -->

.github/dependabot.yml

@@ -0,0 +1,22 @@
+version: 2
+updates:
+  # Maintain dependencies for GitHub Actions
+  - package-ecosystem: "github-actions"
+    directory: "/"
+    target-branch: "dev"
+    schedule:
+      interval: "daily"
+
+  # Maintain dependencies for npm
+  - package-ecosystem: "npm"
+    directory: "/"
+    target-branch: "dev"
+    schedule:
+      interval: "daily"
+
+  # Maintain dependencies for Composer
+  - package-ecosystem: "composer"
+    target-branch: "dev"
+    directory: "/"
+    schedule:
+      interval: "daily"

.github/workflows/code-analysis.yml

@@ -0,0 +1,45 @@
+name: Code Analysis
+
+on: pull_request
+
+# Cancels all previous workflow runs for pull requests that have not completed.
+concurrency:
+  # The concurrency group contains the workflow name and the branch name for pull requests
+  # or the commit hash for any other events.
+  group: ${{ github.workflow }}-${{ github.event_name == 'pull_request' && github.head_ref || github.sha }}
+  cancel-in-progress: true
+
+jobs:
+  analysis:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node: ["18.15"]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+
+      - name: Use desired version of NodeJS
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node }}
+
+      - name: Cache NPM packages
+        uses: actions/cache@v2
+        with:
+          # npm cache files are stored in `~/.npm` on Linux/macOS
+          path: ~/.npm
+          key: ${{ runner.os }}-node-${{ matrix.node }}-npm-cache-${{ hashFiles('**/package-lock.json') }}
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Lint JS
+        if: always()
+        run: npm run lint:js
+
+      - name: Lint CSS
+        if: always()
+        run: npm run lint:css

.gitignore

@@ -0,0 +1,3 @@
+node_modules
+dist/*.map
+.DS_Store

.prettierignore

@@ -0,0 +1,9 @@
+node_modules
+# ignore dist folder
+dist
+# ignore all files which extension is .json, .md, .log, config.js
+*.json
+*.md
+*.log
+config.js
+*.cjs

.prettierrc

@@ -0,0 +1,4 @@
+{
+	"printWidth": 800,
+	"semi": true
+}

.prettierrc.js

@@ -0,0 +1,16 @@
+// Import the default config file and expose it in the project root.
+// Useful for editor integrations.
+
+const config = require("@wordpress/prettier-config");
+
+config.overrides = [
+	{
+		files: ["*.scss", "*.css"],
+		options: {
+			printWidth: 500,
+			singleQuote: false,
+		},
+	},
+];
+
+module.exports = config;

.stylelintignore

@@ -0,0 +1,2 @@
+dist
+node_modules

.stylelintrc

@@ -0,0 +1,22 @@
+{
+	"extends": "@wordpress/stylelint-config",
+	"rules": {
+		"function-parentheses-space-inside": "always",
+		"selector-pseudo-class-parentheses-space-inside": "always",
+		"font-family-name-quotes": "always-where-recommended",
+		"function-url-quotes": "always",
+		"max-line-length": 500,
+		"declaration-property-unit-allowed-list": {
+			"/^line-height/": ["em", "rem", "px"]
+		},
+		"rule-empty-line-before": null,
+		"comment-empty-line-before": null,
+		"selector-class-pattern": null,
+		"selector-id-pattern": null,
+		"no-descending-specificity": null,
+		"no-duplicate-selectors": null,
+		"at-rule-no-unknown": null,
+		"at-rule-empty-line-before": null
+	},
+	"customSyntax": "postcss-scss"
+}

README.md

@@ -1,2 +1 @@
 # force-ui
-BSF UI components

babel.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+    presets: [
+        "@babel/preset-env", 
+        "@babel/preset-react"
+    ]
+};

dist/force-ui.asset.php

@@ -0,0 +1 @@
+<?php return array('dependencies' => array('react', 'react-dom'), 'version' => 'bb18901488b5453d1e86');

dist/utils/withTW.asset.php

@@ -0,0 +1 @@
+<?php return array('dependencies' => array(), 'version' => '4114bc5c3397a0071e02');

jsconfig.json

@@ -0,0 +1,10 @@
+{
+    "compilerOptions": {
+      "baseUrl": "./",
+      "paths": {
+        "@/*": ["src/*"],
+        "@/components/*": ["src/components/*"],
+        "@/utilities/*": ["src/utilities/*"]
+      }
+    }
+  }