@openproject/primer-view-components 0.0.0-20230808124600

package/lib/primer/forms/toggle_switch_input.js

@@ -0,0 +1,34 @@
+/* eslint-disable custom-elements/expose-class-on-global */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { controller, target } from '@github/catalyst';
+let ToggleSwitchInputElement = class ToggleSwitchInputElement extends HTMLElement {
+    connectedCallback() {
+        this.addEventListener('toggleSwitchError', (event) => {
+            this.validationMessageElement.textContent = event.detail;
+            this.validationElement.removeAttribute('hidden');
+        });
+        this.addEventListener('toggleSwitchSuccess', () => {
+            this.validationMessageElement.textContent = '';
+            this.validationElement.setAttribute('hidden', 'hidden');
+        });
+        this.addEventListener('toggleSwitchLoading', () => {
+            this.validationMessageElement.textContent = '';
+            this.validationElement.setAttribute('hidden', 'hidden');
+        });
+    }
+};
+__decorate([
+    target
+], ToggleSwitchInputElement.prototype, "validationElement", void 0);
+__decorate([
+    target
+], ToggleSwitchInputElement.prototype, "validationMessageElement", void 0);
+ToggleSwitchInputElement = __decorate([
+    controller
+], ToggleSwitchInputElement);
+export { ToggleSwitchInputElement };

package/package.json

@@ -0,0 +1,101 @@
+{
+  "name": "@openproject/primer-view-components",
+  "version": "0.0.0-20230808124600",
+  "description": "ViewComponents of the Primer Design System for OpenProject",
+  "main": "app/assets/javascripts/primer_view_components.js",
+  "module": "app/components/primer/primer.js",
+  "types": "app/components/primer/primer.d.ts",
+  "repository": "primer/view_components",
+  "keywords": [
+    "rails",
+    "view_components",
+    "components",
+    "library",
+    "design-system"
+  ],
+  "author": "GitHub, Inc.",
+  "license": "MIT",
+  "homepage": "https://github.com/opf/primer_view_components#readme",
+  "bugs": {
+    "url": "https://github.com/opf/primer_view_components/issues"
+  },
+  "files": [
+    "static/*.json",
+    "app/assets/**/*",
+    "app/components/primer/**/*.js",
+    "app/components/primer/**/*.css",
+    "app/components/primer/**/*.css.json",
+    "app/components/primer/**/*.d.ts",
+    "lib/primer/forms/**/*.js",
+    "lib/primer/forms/**/*.d.ts"
+  ],
+  "scripts": {
+    "clean": "git clean -fdX -- app/",
+    "build:docs": "npm run --prefix ./docs/ build",
+    "build:docs:preview": "cd docs && npx gatsby build",
+    "prepare": "rm -rf docs/static && mkdir -p docs/static && script/build-assets && cp app/assets/**/primer_view_components.* docs/static/",
+    "lint": "npm run lint:stylelint && npm run lint:eslint",
+    "lint:stylelint": "stylelint 'app/components/**/*.pcss'",
+    "lint:stylelint:fix": "stylelint 'app/components/**/*.pcss' --fix",
+    "lint:eslint": "eslint 'app/components/**/*.ts'",
+    "lint:eslint:fix": "eslint 'app/components/**/*.ts' --fix",
+    "changeset:version": "changeset version && script/version",
+    "build:js": "script/build-assets js",
+    "build:css": "script/build-assets css"
+  },
+  "dependencies": {
+    "@github/auto-check-element": "^5.2.0",
+    "@github/auto-complete-element": "^3.3.4",
+    "@github/catalyst": "^1.6.0",
+    "@github/clipboard-copy-element": "^1.1.2",
+    "@github/details-menu-element": "^1.0.12",
+    "@github/image-crop-element": "^5.0.0",
+    "@github/include-fragment-element": "^6.1.1",
+    "@github/relative-time-element": "^4.0.0",
+    "@github/tab-container-element": "^3.1.2",
+    "@oddbird/popover-polyfill": "^0.2.1",
+    "@primer/behaviors": "^1.3.4"
+  },
+  "devDependencies": {
+    "@changesets/changelog-github": "^0.4.6",
+    "@github/axe-github": "^0.5.0",
+    "@github/browserslist-config": "^1.0.0",
+    "@github/markdownlint-github": "^0.2.2",
+    "@github/prettier-config": "0.0.4",
+    "@playwright/test": "^1.35.1",
+    "@primer/css": "21.0.2",
+    "@primer/primitives": "7.11.14",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-typescript": "^8.3.3",
+    "@typescript-eslint/eslint-plugin": "^5.31.0",
+    "@typescript-eslint/parser": "^5.31.0",
+    "axe-core": "^4.7.1",
+    "chokidar-cli": "^3.0.0",
+    "cssnano": "^5.1.13",
+    "eslint": "^8.23.1",
+    "eslint-plugin-custom-elements": "^0.0.6",
+    "eslint-plugin-github": "^4.4.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "markdownlint-cli2": "^0.5.1",
+    "mocha": "^10.0.0",
+    "playwright": "^1.35.1",
+    "postcss": "^8.4.16",
+    "postcss-cli": "^10.1.0",
+    "postcss-custom-properties-fallback": "^1.0.2",
+    "postcss-import": "^14.1.0",
+    "postcss-mixins": "^9.0.3",
+    "postcss-preset-env": "^7.8.0",
+    "prettier": "2.7.1",
+    "primer-changesets-cli": "2.2.0",
+    "rollup": "^2.77.1",
+    "rollup-plugin-terser": "^7.0.2",
+    "stylelint": "^14.13.0",
+    "stylelint-config-prettier": "^9.0.3",
+    "stylelint-config-standard": "^28.0.0",
+    "@primer/stylelint-config": "^12.7.2",
+    "tslib": "^2.4.0",
+    "typescript": "^4.7.4"
+  },
+  "prettier": "@github/prettier-config",
+  "browserslist": "extends @github/browserslist-config"
+}