ember-validated-form 5.2.2 → 6.0.0

package/addon/components/validated-input.hbs

@@ -1,13 +1,11 @@
 {{#if (has-block)}}
-  {{#let (component this.labelComponent) as |LabelComponent|}}
-    <LabelComponent
-      @label={{@label}}
-      @required={{this.required}}
-      @isValid={{this.isValid}}
-      @isInvalid={{this.isInvalid}}
-      @inputId={{this.inputId}}
-    />
-  {{/let}}
+  <this.labelComponent
+    @label={{@label}}
+    @required={{this.required}}
+    @isValid={{this.isValid}}
+    @isInvalid={{this.isInvalid}}
+    @inputId={{this.inputId}}
+  />
 
   {{yield
     (hash
@@ -23,52 +21,54 @@
   }}
 
   {{#if @hint}}
-    {{component this.hintComponent hint=@hint}}
+    <this.hintComponent @hint={{@hint}} />
   {{/if}}
 
   {{#if (and this.showValidity this.errors)}}
-    {{component this.errorComponent errors=this.errors}}
+    <this.errorComponent @errors={{this.errors}} />
   {{/if}}
 {{else}}
-  {{#let (component this.renderComponent) as |RenderComponent|}}
-    <RenderComponent
-      @type={{this.type}}
-      @value={{this._val}}
-      @inputId={{this.inputId}}
-      @options={{@options}}
-      @name={{@name}}
-      @inputName={{@inputName}}
-      @disabled={{@disabled}}
-      @autofocus={{@autofocus}}
-      @autocomplete={{@autocomplete}}
-      @rows={{@rows}}
-      @cols={{@cols}}
-      @model={{@model}}
-      @isValid={{this.isValid}}
-      @isInvalid={{this.isInvalid}}
-      @placeholder={{@placeholder}}
-      @class={{@class}}
-      @promptIsSelectable={{@promptIsSelectable}}
-      @optionLabelPath={{@optionLabelPath}}
-      @optionValuePath={{@optionValuePath}}
-      @optionTargetPath={{@optionTargetPath}}
-      @includeBlank={{@includeBlank}}
-      @multiple={{@multiple}}
-      @update={{this.update}}
-      @setDirty={{this.setDirty}}
-      @labelComponent={{component
-        this.labelComponent
-        label=@label
-        required=@required
-        isValid=this.isValid
-        isInvalid=this.isInvalid
-        inputId=this.inputId
-      }}
-      @hintComponent={{if @hint (component this.hintComponent hint=@hint)}}
-      @errorComponent={{if
-        (and this.showValidity this.errors)
-        (component this.errorComponent errors=this.errors)
-      }}
-    />
-  {{/let}}
+  <this.renderComponent
+    @type={{this.type}}
+    @value={{this._val}}
+    @inputId={{this.inputId}}
+    @options={{@options}}
+    @name={{@name}}
+    @inputName={{@inputName}}
+    @disabled={{@disabled}}
+    @autofocus={{@autofocus}}
+    @autocomplete={{@autocomplete}}
+    @rows={{@rows}}
+    @cols={{@cols}}
+    @model={{@model}}
+    @isValid={{this.isValid}}
+    @isInvalid={{this.isInvalid}}
+    @placeholder={{@placeholder}}
+    @class={{@class}}
+    @prompt={{@prompt}}
+    @promptIsSelectable={{@promptIsSelectable}}
+    @optionLabelPath={{@optionLabelPath}}
+    @optionValuePath={{@optionValuePath}}
+    @optionTargetPath={{@optionTargetPath}}
+    @multiple={{@multiple}}
+    @update={{this.update}}
+    @setDirty={{this.setDirty}}
+    @labelComponent={{component
+      (ensure-safe-component this.labelComponent)
+      label=@label
+      required=@required
+      isValid=this.isValid
+      isInvalid=this.isInvalid
+      inputId=this.inputId
+    }}
+    @hintComponent={{if
+      @hint
+      (component (ensure-safe-component this.hintComponent) hint=@hint)
+    }}
+    @errorComponent={{if
+      (and this.showValidity this.errors)
+      (component (ensure-safe-component this.errorComponent) errors=this.errors)
+    }}
+    ...attributes
+  />
 {{/if}}

package/addon/components/validated-input.js

@@ -3,7 +3,7 @@ import { guidFor } from "@ember/object/internals";
 import Component from "@glimmer/component";
 import { tracked } from "@glimmer/tracking";
 
-import themedComponent from "../-private/themed-component";
+import passedOrDefault from "ember-validated-form/passed-or-default";
 
 /**
  * This component wraps form inputs.
@@ -26,10 +26,10 @@ export default class ValidatedInputComponent extends Component {
   @tracked type;
   @tracked validateBeforeSubmit;
 
-  @themedComponent("validated-input/render") renderComponent;
-  @themedComponent("validated-input/label") labelComponent;
-  @themedComponent("validated-input/hint") hintComponent;
-  @themedComponent("validated-input/error") errorComponent;
+  @passedOrDefault("error") errorComponent;
+  @passedOrDefault("hint") hintComponent;
+  @passedOrDefault("label") labelComponent;
+  @passedOrDefault("render") renderComponent;
 
   constructor(...args) {
     super(...args);

package/addon/helpers/class-list.js

@@ -0,0 +1,9 @@
+import { helper } from "@ember/component/helper";
+import { isEmpty } from "@ember/utils";
+
+export default helper(function classList(classes) {
+  return classes
+    .filter((cls) => !isEmpty(cls))
+    .map((cls) => cls.trim())
+    .join(" ");
+});

package/addon/passed-or-default.js

@@ -0,0 +1,17 @@
+import { importSync, getOwnConfig } from "@embroider/macros";
+import { ensureSafeComponent } from "@embroider/util";
+import { cached } from "tracked-toolbox";
+
+export default function passedOrDefault(componentName) {
+  return function (target, property) {
+    return cached(target, property, {
+      get() {
+        return ensureSafeComponent(
+          this.args[property] ??
+            importSync(getOwnConfig()[componentName]).default,
+          this
+        );
+      },
+    });
+  };
+}

package/app/components/validated-input/{-themes/uikit/hint.js → render/wrapper.js}

@@ -1 +1 @@
-export { default } from "ember-validated-form/components/validated-input/-themes/uikit/hint";
+export { default } from "ember-validated-form/components/validated-input/render/wrapper";

package/app/helpers/class-list.js

@@ -0,0 +1 @@
+export { default } from "ember-validated-form/helpers/class-list";

package/blueprints/ember-validated-form/index.js

@@ -10,6 +10,7 @@ module.exports = {
       packages: [
         { name: "ember-changeset" },
         { name: "ember-changeset-validations" },
+        { name: "ember-truth-helpers" },
       ],
     });
   },

package/index.js

@@ -2,4 +2,67 @@
 
 module.exports = {
   name: require("./package").name,
+
+  included(...args) {
+    this._super.included.apply(this, ...args);
+
+    const app = this._findHost(this);
+
+    const {
+      theme = null,
+      scrollErrorIntoView = false,
+      defaults = {},
+    } = app.options["ember-validated-form"] ?? {};
+
+    // Theming options
+    this.options["@embroider/macros"].setOwnConfig.isDefault = ![
+      "uikit",
+      "bootstrap",
+    ].includes(theme);
+    this.options["@embroider/macros"].setOwnConfig.isUikit = theme === "uikit";
+    this.options["@embroider/macros"].setOwnConfig.isBootstrap =
+      theme === "bootstrap";
+
+    // Features
+    this.options["@embroider/macros"].setOwnConfig.scrollErrorIntoView =
+      scrollErrorIntoView;
+
+    // Component defaults
+    this.options["@embroider/macros"].setOwnConfig.error =
+      defaults.error ?? "ember-validated-form/components/validated-input/error";
+    this.options["@embroider/macros"].setOwnConfig.hint =
+      defaults.hint ?? "ember-validated-form/components/validated-input/hint";
+    this.options["@embroider/macros"].setOwnConfig.label =
+      defaults.label ?? "ember-validated-form/components/validated-input/label";
+    this.options["@embroider/macros"].setOwnConfig.render =
+      defaults.render ??
+      "ember-validated-form/components/validated-input/render";
+    this.options["@embroider/macros"].setOwnConfig.button =
+      defaults.button ??
+      "ember-validated-form/components/validated-button/button";
+    this.options["@embroider/macros"].setOwnConfig["types/checkbox-group"] =
+      defaults["types/checkbox-group"] ??
+      "ember-validated-form/components/validated-input/types/checkbox-group";
+    this.options["@embroider/macros"].setOwnConfig["types/checkbox"] =
+      defaults["types/checkbox"] ??
+      "ember-validated-form/components/validated-input/types/checkbox";
+    this.options["@embroider/macros"].setOwnConfig["types/input"] =
+      defaults["types/input"] ??
+      "ember-validated-form/components/validated-input/types/input";
+    this.options["@embroider/macros"].setOwnConfig["types/radio-group"] =
+      defaults["types/radio-group"] ??
+      "ember-validated-form/components/validated-input/types/radio-group";
+    this.options["@embroider/macros"].setOwnConfig["types/select"] =
+      defaults["types/select"] ??
+      "ember-validated-form/components/validated-input/types/select";
+    this.options["@embroider/macros"].setOwnConfig["types/textarea"] =
+      defaults["types/textarea"] ??
+      "ember-validated-form/components/validated-input/types/textarea";
+  },
+
+  options: {
+    "@embroider/macros": {
+      setOwnConfig: {},
+    },
+  },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-validated-form",
-  "version": "5.2.2",
+  "version": "6.0.0",
   "description": "Easily create forms with client-side validations",
   "keywords": [
     "ember-addon",
@@ -8,15 +8,15 @@
     "form validation",
     "validation messages"
   ],
-  "repository": "https://github.com/adfinis-sygroup/ember-validated-form",
+  "repository": "https://github.com/adfinis/ember-validated-form",
   "license": "MIT",
-  "author": "Adfinis SyGroup AG <info@adfinis-sygroup.ch>",
+  "author": "Adfinis AG <info@adfinis.com>",
   "directories": {
     "test": "tests"
   },
-  "homepage": "https://adfinis-sygroup.github.io/ember-validated-form",
+  "homepage": "https://adfinis.github.io/ember-validated-form",
   "bugs": {
-    "url": "https://github.com/adfinis-sygroup/ember-validated-form/issues"
+    "url": "https://github.com/adfinis/ember-validated-form/issues"
   },
   "scripts": {
     "build": "ember build --environment=production",
@@ -33,28 +33,30 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "ember-auto-import": "^2.4.0",
-    "ember-cli-babel": "^7.26.6",
-    "ember-cli-htmlbars": "^5.7.1",
-    "ember-truth-helpers": "^3.0.0"
+    "@embroider/macros": "^1.8.3",
+    "@embroider/util": "^1.8.3",
+    "@glimmer/component": "^1.1.2",
+    "@glimmer/tracking": "^1.1.2",
+    "ember-changeset": "^4.1.1",
+    "ember-changeset-validations": "^4.1.0",
+    "ember-cli-babel": "^7.26.11",
+    "ember-cli-htmlbars": "^6.1.0",
+    "ember-truth-helpers": "^3.1.1"
   },
   "devDependencies": {
     "@adfinis-sygroup/eslint-config": "1.5.0",
     "@adfinis-sygroup/semantic-release-config": "3.4.0",
     "@ember/optional-features": "2.0.0",
-    "@ember/test-helpers": "2.6.0",
-    "@embroider/test-setup": "1.1.0",
-    "@fortawesome/ember-fontawesome": "0.3.1",
-    "@fortawesome/free-solid-svg-icons": "5.15.4",
-    "@glimmer/component": "1.0.4",
-    "@glimmer/tracking": "1.0.4",
+    "@ember/test-helpers": "2.8.1",
+    "@embroider/test-setup": "1.8.3",
+    "@fortawesome/ember-fontawesome": "0.4.1",
+    "@fortawesome/free-solid-svg-icons": "6.2.0",
     "babel-eslint": "10.1.0",
     "broccoli-asset-rev": "3.0.0",
-    "ember-changeset": "4.0.0-beta.2",
-    "ember-changeset-validations": "4.0.0-beta.2",
-    "ember-cli": "3.28.1",
-    "ember-cli-addon-docs": "4.2.2",
-    "ember-cli-dependency-checker": "3.2.0",
+    "ember-auto-import": "2.4.2",
+    "ember-cli": "4.7.0",
+    "ember-cli-addon-docs": "5.0.0",
+    "ember-cli-dependency-checker": "3.3.1",
     "ember-cli-deploy": "1.0.2",
     "ember-cli-deploy-build": "2.0.0",
     "ember-cli-deploy-git": "1.3.4",
@@ -63,48 +65,42 @@
     "ember-cli-sri": "2.1.1",
     "ember-cli-terser": "4.0.2",
     "ember-cli-test-loader": "3.0.0",
-    "ember-concurrency": "2.2.1",
-    "ember-data": "3.28.3",
+    "ember-concurrency": "2.3.6",
+    "ember-data": "4.4.1",
     "ember-disable-prototype-extensions": "1.1.3",
     "ember-load-initializers": "2.1.2",
-    "ember-maybe-import-regenerator": "1.0.0",
-    "ember-power-select": "5.0.3",
     "ember-qunit": "5.1.5",
     "ember-resolver": "8.0.3",
-    "ember-source": "3.28.1",
+    "ember-source": "4.7.0",
     "ember-source-channel-url": "3.0.0",
-    "ember-template-lint": "3.15.0",
-    "ember-template-lint-plugin-prettier": "2.0.1",
-    "ember-try": "1.4.0",
+    "ember-template-lint": "4.14.0",
+    "ember-template-lint-plugin-prettier": "4.0.0",
+    "ember-try": "2.0.0",
     "eslint": "7.32.0",
-    "eslint-config-prettier": "8.3.0",
-    "eslint-plugin-ember": "10.5.8",
-    "eslint-plugin-import": "2.25.4",
+    "eslint-config-prettier": "8.5.0",
+    "eslint-plugin-ember": "11.0.6",
+    "eslint-plugin-import": "2.26.0",
     "eslint-plugin-node": "11.1.0",
-    "eslint-plugin-prettier": "4.0.0",
-    "eslint-plugin-qunit": "6.2.0",
-    "husky": "7.0.4",
-    "lint-staged": "12.3.3",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-qunit": "7.3.1",
+    "husky": "8.0.1",
+    "lint-staged": "13.0.3",
     "loader.js": "4.7.0",
     "npm-run-all": "4.1.5",
-    "prettier": "2.5.1",
-    "qunit": "2.17.2",
+    "prettier": "2.7.1",
+    "qunit": "2.19.1",
     "qunit-dom": "2.0.0",
-    "webpack": "5.68.0"
-  },
-  "resolutions": {
-    "@embroider/macros": "^1.1.0",
-    "@embroider/util": "^1.1.0"
+    "webpack": "5.74.0"
   },
   "engines": {
-    "node": "12.* || 14.* || >= 16"
+    "node": "14.* || >= 16"
   },
   "ember": {
     "edition": "octane"
   },
   "ember-addon": {
     "configPath": "tests/dummy/config",
-    "demoURL": "https://adfinis-sygroup.github.io/ember-validated-form"
+    "demoURL": "https://adfinis.github.io/ember-validated-form"
   },
   "release": {
     "extends": "@adfinis-sygroup/semantic-release-config"

package/.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,9 +0,0 @@
----
-name: Bug report
-about: Template for bug reports
----
-
---
-If possible, please consider creating a basic reproduction of your issue with Ember Twiddle. You can use this twiddle as a starting point:
-
-https://ember-twiddle.com/3691a8576c35ff149bfc26a564ec5437

package/.github/dependabot.yml

@@ -1,11 +0,0 @@
-version: 2
-updates:
-  - package-ecosystem: npm
-    directory: "/"
-    schedule:
-      interval: "weekly"
-      day: "friday"
-      time: "12:00"
-      timezone: "Europe/Zurich"
-    open-pull-requests-limit: 10
-    versioning-strategy: increase

package/.github/workflows/deploy.yml

@@ -1,28 +0,0 @@
-name: Deploy
-
-on:
-  push:
-    branches:
-      - main
-  release:
-    types: [published]
-
-jobs:
-  deploy:
-    name: Deploy
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
-        with:
-          node-version: 14
-
-      - name: Install Dependencies
-        run: yarn install
-
-      - name: Deploy to Github Pages
-        run: yarn ember deploy production
-        env:
-          CI: true
-          DEPLOY_KEY: ${{ secrets.DEPLOY_KEY }}
-          ADDON_DOCS_UPDATE_LATEST: true

package/.github/workflows/release.yml

@@ -1,25 +0,0 @@
-name: Release
-
-on: workflow_dispatch
-
-jobs:
-  release:
-    name: Release
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-        with:
-          fetch-depth: 0
-          persist-credentials: false
-      - uses: actions/setup-node@v2
-        with:
-          node-version: 14
-
-      - name: Install dependencies
-        run: yarn install
-
-      - name: Release on NPM
-        env:
-          GH_TOKEN: ${{ secrets.GH_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-        run: yarn semantic-release

package/.github/workflows/test.yml

@@ -1,84 +0,0 @@
-name: Test
-
-on:
-  push:
-    branches:
-      - main
-  pull_request:
-    branches:
-      - main
-
-jobs:
-  lint:
-    name: Lint
-    runs-on: [ubuntu-latest]
-
-    strategy:
-      matrix:
-        target: [js, hbs]
-
-    steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
-        with:
-          node-version: 14
-
-      - name: Install dependencies
-        run: yarn install
-
-      - name: Lint ${{ matrix.target }}
-        run: yarn lint:${{ matrix.target }}
-
-  test:
-    name: Tests
-    needs: [lint]
-    runs-on: [ubuntu-latest]
-
-    steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
-        with:
-          node-version: 14
-
-      - name: Install dependencies (no lockfile)
-        run: yarn install --no-lockfile
-
-      - name: Run tests (floating dependencies)
-        run: yarn test:ember
-
-      - name: Install dependencies
-        run: yarn install
-
-      - name: Run tests
-        run: yarn test:ember
-        env:
-          COVERAGE: true
-
-      - name: Upload coverage report to Codecov
-        uses: codecov/codecov-action@v1
-        with:
-          file: ./coverage/lcov.info
-
-  try-one:
-    name: Additional Tests
-    needs: [test]
-    runs-on: [ubuntu-latest]
-
-    strategy:
-      matrix:
-        scenario:
-          - ember-lts-3.24
-          - ember-lts-3.28
-          - ember-release
-
-    steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
-        with:
-          node-version: 14
-
-      - name: Install dependencies
-        run: yarn install
-
-      - name: Run tests
-        run: yarn ember try:one ${{ matrix.scenario }}

package/addon/-private/themed-component.js

@@ -1,38 +0,0 @@
-import { getOwner } from "@ember/application";
-
-export default function (component) {
-  return function (_, propertyName) {
-    return {
-      get() {
-        const parts = component.split("/");
-        const componentName = parts.slice(1, parts.length).join("/");
-
-        if (this.args[propertyName]) {
-          return this.args[propertyName];
-        }
-
-        const config =
-          getOwner(this).resolveRegistration("config:environment")[
-            "ember-validated-form"
-          ] !== undefined
-            ? getOwner(this).resolveRegistration("config:environment")[
-                "ember-validated-form"
-              ]
-            : {};
-
-        const theme = config.theme;
-        const defaultComponent = config.defaults?.[componentName];
-
-        const name = parts.pop();
-        const basePath = parts.join("/");
-
-        return (
-          defaultComponent ||
-          (theme
-            ? `${basePath}/-themes/${theme}/${name}`
-            : `${basePath}/${name}`)
-        );
-      },
-    };
-  };
-}

package/addon/components/validated-button/-themes/bootstrap/button.js

@@ -1,10 +0,0 @@
-import Component from "../../button";
-
-export default class BootstrapButton extends Component {
-  get class() {
-    const style = this.args.type === "submit" ? "btn-primary" : "btn-default";
-    const loading = this.args.loading ? "loading" : "";
-
-    return `btn ${style} ${loading}`;
-  }
-}

package/addon/components/validated-button/-themes/uikit/button.js

@@ -1,10 +0,0 @@
-import Component from "../../button";
-
-export default class UikitButton extends Component {
-  get class() {
-    const style =
-      this.args.type === "submit" ? "uk-button-primary" : "uk-button-default";
-
-    return `uk-button ${style}`;
-  }
-}

package/addon/components/validated-button/button.js

@@ -1,4 +0,0 @@
-import Component from "@glimmer/component";
-
-// eslint-disable-next-line ember/no-empty-glimmer-component-classes
-export default class ButtonComponent extends Component {}

package/addon/components/validated-input/-themes/bootstrap/error.js

@@ -1,5 +0,0 @@
-import Component from "../../error";
-
-export default class BootstrapErrorComponent extends Component {
-  class = "invalid-feedback";
-}

package/addon/components/validated-input/-themes/bootstrap/hint.js

@@ -1,5 +0,0 @@
-import Component from "../../hint";
-
-export default class BootstrapHintComponent extends Component {
-  class = "form-text text-muted";
-}

package/addon/components/validated-input/-themes/bootstrap/label.js

@@ -1,3 +0,0 @@
-import Component from "../../label";
-
-export default class BootstrapLabelComponent extends Component {}

package/addon/components/validated-input/-themes/bootstrap/render.js

@@ -1,5 +0,0 @@
-import Component from "../../render";
-
-export default class BootstrapRenderComponent extends Component {
-  class = "form-group";
-}

package/addon/components/validated-input/-themes/uikit/error.hbs

@@ -1,4 +0,0 @@
-<small
-  class="uk-text-danger"
-  ...attributes
->{{yield}}{{this.errorString}}</small>