ember-validated-form 7.0.1 → 8.0.1

package/addon/components/validated-input/types/select.hbs

@@ -1,22 +1,22 @@
 <select
-  class={{class-list
+  class={{evf-class-list
     (if
-      (macroCondition (macroGetOwnConfig "isUikit"))
-      (class-list
+      (evf-theme "uikit")
+      (evf-class-list
         "uk-select"
         (if @isValid "uk-form-success")
         (if @isInvalid "uk-form-danger")
       )
     )
     (if
-      (macroCondition (macroGetOwnConfig "isBootstrap"))
-      (class-list
+      (evf-theme "bootstrap")
+      (evf-class-list
         "form-control" (if @isValid "is-valid") (if @isInvalid "is-invalid")
       )
     )
   }}
   name={{@name}}
-  id={{@inpudId}}
+  id={{@inputId}}
   disabled={{@disabled}}
   multiple={{@multiple}}
   {{on "change" this.onUpdate}}

package/addon/components/validated-input/types/textarea.hbs

@@ -1,16 +1,16 @@
 <textarea
-  class={{class-list
+  class={{evf-class-list
     (if
-      (macroCondition (macroGetOwnConfig "isUikit"))
-      (class-list
+      (evf-theme "uikit")
+      (evf-class-list
         "uk-textarea"
         (if @isValid "uk-form-success")
         (if @isInvalid "uk-form-danger")
       )
     )
     (if
-      (macroCondition (macroGetOwnConfig "isBootstrap"))
-      (class-list
+      (evf-theme "bootstrap")
+      (evf-class-list
         "form-control" (if @isValid "is-valid") (if @isInvalid "is-invalid")
       )
     )

package/addon/components/validated-input.hbs

@@ -1,83 +1,95 @@
-{{#if (has-block)}}
-  <this.labelComponent
-    @label={{@label}}
-    @required={{this.required}}
-    @isValid={{this.isValid}}
-    @isInvalid={{this.isInvalid}}
-    @inputId={{this.inputId}}
-  />
-
-  {{yield
-    (hash
-      value=this._val
-      update=this.update
-      setDirty=this.setDirty
-      model=@model
-      name=@name
-      inputId=this.inputId
-      isValid=this.isValid
-      isInvalid=this.isInvalid
+{{#let
+  (component
+    (ensure-safe-component
+      (or @labelComponent (component "validated-input/label"))
     )
-  }}
-
-  {{#if @hint}}
-    <this.hintComponent @hint={{@hint}} id={{this.hintId}} />
-  {{/if}}
+    label=@label
+    required=this.required
+    isValid=this.isValid
+    isInvalid=this.isInvalid
+    inputId=this.inputId
+  )
+  (component
+    (ensure-safe-component
+      (or @errorComponent (component "validated-input/error"))
+    )
+    errors=this.errors
+    id=this.errorId
+  )
+  (component
+    (ensure-safe-component
+      (or @hintComponent (component "validated-input/hint"))
+    )
+    hint=@hint
+    id=this.hintId
+  )
+  as |LabelComponent ErrorComponent HintComponent|
+}}
+  {{#if (has-block)}}
+    <LabelComponent />
 
-  {{#if (and this.showValidity this.errors)}}
-    <this.errorComponent @errors={{this.errors}} id={{this.errorId}} />
-  {{/if}}
-{{else}}
-  <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}}
-    @submitted={{@submitted}}
-    @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 id=this.hintId
+    {{yield
+      (hash
+        value=this._val
+        update=this.update
+        setDirty=this.setDirty
+        model=@model
+        name=@name
+        inputId=this.inputId
+        isValid=this.isValid
+        isInvalid=this.isInvalid
       )
     }}
-    @errorComponent={{if
-      (and this.showValidity this.errors)
+
+    {{#if @hint}}
+      <HintComponent />
+    {{/if}}
+
+    {{#if (and this.showValidity this.errors)}}
+      <ErrorComponent />
+    {{/if}}
+  {{else}}
+    {{#let
       (component
-        (ensure-safe-component this.errorComponent)
-        errors=this.errors
-        id=this.errorId
+        (ensure-safe-component
+          (or @renderComponent (component "validated-input/render"))
+        )
+        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
+        submitted=@submitted
+        labelComponent=LabelComponent
+        hintComponent=(if @hint HintComponent)
+        errorComponent=(if (and this.showValidity this.errors) ErrorComponent)
       )
+      as |RenderComponent|
     }}
-    aria-invalid={{if this.isInvalid "true"}}
-    aria-describedby={{if this.isInvalid this.errorId this.hintId}}
-    ...attributes
-  />
-{{/if}}
+      <RenderComponent
+        aria-invalid={{if this.isInvalid "true"}}
+        aria-describedby={{if this.isInvalid this.errorId this.hintId}}
+        ...attributes
+      />
+    {{/let}}
+  {{/if}}
+{{/let}}

package/addon/components/validated-input.js

@@ -4,8 +4,6 @@ import { isEmpty } from "@ember/utils";
 import Component from "@glimmer/component";
 import { tracked } from "@glimmer/tracking";
 
-import passedOrDefault from "ember-validated-form/passed-or-default";
-
 /**
  * This component wraps form inputs.
  *
@@ -35,11 +33,6 @@ export default class ValidatedInputComponent extends Component {
   @tracked type;
   @tracked validateBeforeSubmit;
 
-  @passedOrDefault("error") errorComponent;
-  @passedOrDefault("hint") hintComponent;
-  @passedOrDefault("label") labelComponent;
-  @passedOrDefault("render") renderComponent;
-
   constructor(...args) {
     super(...args);
 

package/addon/helpers/evf-theme.js

@@ -0,0 +1,14 @@
+import { getOwner } from "@ember/application";
+import Helper from "@ember/component/helper";
+
+export default class EVFThemeHelper extends Helper {
+  get currentTheme() {
+    return getOwner(this).resolveRegistration("config:environment")[
+      "ember-validated-form"
+    ].theme;
+  }
+
+  compute([expectedTheme]) {
+    return this.currentTheme === expectedTheme;
+  }
+}

package/app/components/validated-input/types/date.js

@@ -0,0 +1 @@
+export { default } from "ember-validated-form/components/validated-input/types/date";

package/app/helpers/evf-class-list.js

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

package/app/helpers/evf-theme.js

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

package/config/addon-docs.js

@@ -0,0 +1,9 @@
+/* eslint-env node */
+"use strict";
+
+const AddonDocsConfig = require("ember-cli-addon-docs/lib/config");
+
+module.exports = class extends AddonDocsConfig {
+  // See https://ember-learn.github.io/ember-cli-addon-docs/latest/docs/deploying
+  // for details on configuration you can override here.
+};

package/index.js

@@ -3,69 +3,17 @@
 module.exports = {
   name: require("./package").name,
 
-  included(...args) {
-    this._super.included.apply(this, ...args);
-
+  config() {
     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";
-    this.options["@embroider/macros"].setOwnConfig["types/date"] =
-      defaults["types/date"] ??
-      "ember-validated-form/components/validated-input/types/input";
-  },
+    const appConfig = app.options["ember-validated-form"] ?? {};
 
-  options: {
-    "@embroider/macros": {
-      setOwnConfig: {},
-    },
+    return {
+      "ember-validated-form": {
+        theme: "default",
+        scrollErrorIntoView: false,
+        ...appConfig,
+      },
+    };
   },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-validated-form",
-  "version": "7.0.1",
+  "version": "8.0.1",
   "description": "Easily create forms with client-side validations",
   "keywords": [
     "ember-addon",
@@ -14,100 +14,111 @@
   "directories": {
     "test": "tests"
   },
-  "homepage": "https://adfinis.github.io/ember-validated-form",
+  "homepage": "https://docs.adfinis.com/ember-validated-form",
   "bugs": {
     "url": "https://github.com/adfinis/ember-validated-form/issues"
   },
   "scripts": {
     "build": "ember build --environment=production",
-    "lint": "concurrently \"npm:lint:*(!fix)\" --names \"lint:\"",
+    "format": "prettier . --cache --write",
+    "lint": "concurrently \"pnpm:lint:*(!fix)\" --names \"lint:\" --prefixColors auto",
     "lint:css": "stylelint \"**/*.css\"",
-    "lint:css:fix": "concurrently \"npm:lint:css -- --fix\"",
-    "lint:fix": "concurrently \"npm:lint:*:fix\" --names \"fix:\"",
+    "lint:css:fix": "concurrently \"pnpm:lint:css -- --fix\"",
+    "lint:fix": "concurrently \"pnpm:lint:*:fix\" --names \"fix:\" --prefixColors auto && pnpm format",
+    "lint:format": "prettier . --cache --check",
     "lint:hbs": "ember-template-lint .",
     "lint:hbs:fix": "ember-template-lint . --fix",
     "lint:js": "eslint . --cache",
     "lint:js:fix": "eslint . --fix",
     "start": "ember serve",
-    "test": "concurrently \"npm:lint\" \"npm:test:*\" --names \"lint,test:\"",
+    "test": "concurrently \"pnpm:lint\" \"pnpm:test:*\" --names \"lint,test:\" --prefixColors auto",
     "test:ember": "ember test",
     "test:ember-compatibility": "ember try:each",
-    "prepare": "husky install"
+    "prepare": "husky"
   },
   "dependencies": {
-    "@babel/core": "^7.24.0",
-    "@embroider/macros": "^1.15.0",
-    "@embroider/util": "^1.13.0",
-    "@glimmer/component": "^1.1.2",
-    "@glimmer/tracking": "^1.1.2",
-    "ember-changeset": "^4.1.2",
-    "ember-changeset-validations": "^4.1.1",
+    "@babel/core": "^7.24.6",
+    "ember-auto-import": "^2.11.0",
     "ember-cli-babel": "^8.2.0",
-    "ember-cli-htmlbars": "^6.3.0",
-    "ember-truth-helpers": "^3.1.0"
+    "ember-cli-htmlbars": "^6.3.0 || ^7.0.0",
+    "ember-template-imports": "^4.3.0"
   },
   "devDependencies": {
-    "@adfinis/eslint-config": "2.1.1",
-    "@adfinis/semantic-release-config": "4.1.0",
-    "@babel/eslint-parser": "7.23.10",
-    "@babel/plugin-proposal-decorators": "7.24.0",
-    "@ember/optional-features": "2.1.0",
-    "@ember/string": "3.1.1",
-    "@ember/test-helpers": "3.3.0",
-    "@embroider/test-setup": "3.0.3",
-    "@fortawesome/ember-fontawesome": "2.0.0",
-    "@fortawesome/fontawesome-svg-core": "6.5.1",
-    "@fortawesome/free-solid-svg-icons": "6.5.1",
+    "@adfinis/eslint-config": "3.0.2",
+    "@adfinis/semantic-release-config": "6.0.0",
+    "@babel/eslint-parser": "7.28.6",
+    "@babel/plugin-proposal-decorators": "7.28.6",
+    "@commitlint/cli": "20.3.1",
+    "@commitlint/config-conventional": "20.3.1",
+    "@ember/optional-features": "2.3.0",
+    "@ember/string": "4.0.1",
+    "@ember/test-helpers": "5.4.1",
+    "@embroider/macros": "1.19.6",
+    "@embroider/test-setup": "4.0.0",
+    "@eslint/js": "9.39.2",
+    "@fortawesome/ember-fontawesome": "3.1.0",
+    "@fortawesome/fontawesome-svg-core": "7.1.0",
+    "@fortawesome/free-solid-svg-icons": "7.1.0",
+    "@glimmer/component": "1.1.2",
+    "@glimmer/tracking": "1.1.2",
     "broccoli-asset-rev": "3.0.0",
-    "concurrently": "8.2.2",
-    "ember-auto-import": "2.7.2",
-    "ember-cli": "5.7.0",
-    "ember-cli-addon-docs": "7.0.1",
+    "concurrently": "9.2.1",
+    "ember-changeset": "5.0.0",
+    "ember-changeset-validations": "5.0.0",
+    "ember-cli": "6.10.0",
+    "ember-cli-addon-docs": "10.1.0",
     "ember-cli-clean-css": "3.0.0",
-    "ember-cli-dependency-checker": "3.3.2",
+    "ember-cli-dependency-checker": "3.3.3",
     "ember-cli-deploy": "2.0.0",
     "ember-cli-deploy-build": "3.0.0",
     "ember-cli-deploy-git": "1.3.4",
     "ember-cli-deploy-git-ci": "1.0.1",
+    "ember-cli-deprecation-workflow": "4.0.0",
     "ember-cli-inject-live-reload": "2.1.0",
     "ember-cli-sri": "2.1.1",
     "ember-cli-terser": "4.0.2",
     "ember-cli-test-loader": "3.1.0",
-    "ember-concurrency": "4.0.1",
-    "ember-data": "5.3.3",
-    "ember-flatpickr": "7.1.0",
-    "ember-load-initializers": "2.1.2",
-    "ember-qunit": "8.0.2",
-    "ember-resolver": "11.0.1",
-    "ember-source": "5.7.0",
+    "ember-concurrency": "5.1.0",
+    "ember-data": "5.8.1",
+    "ember-flatpickr": "9.0.2",
+    "ember-load-initializers": "3.0.1",
+    "ember-qunit": "9.0.4",
+    "ember-resolver": "13.1.1",
+    "ember-source": "6.10.0",
     "ember-source-channel-url": "3.0.0",
-    "ember-template-lint": "5.13.0",
-    "ember-template-lint-plugin-prettier": "5.0.0",
-    "ember-try": "3.0.0",
-    "eslint": "8.57.0",
-    "eslint-config-prettier": "9.1.0",
-    "eslint-plugin-ember": "12.0.2",
-    "eslint-plugin-import": "2.29.1",
-    "eslint-plugin-n": "16.6.2",
-    "eslint-plugin-prettier": "5.1.3",
-    "eslint-plugin-qunit": "8.1.1",
+    "ember-template-lint": "7.9.3",
+    "ember-truth-helpers": "5.0.0",
+    "ember-try": "4.0.0",
+    "eslint": "9.39.2",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-plugin-ember": "12.7.5",
+    "eslint-plugin-import": "2.32.0",
+    "eslint-plugin-n": "17.23.2",
+    "eslint-plugin-prettier": "5.5.5",
+    "eslint-plugin-qunit": "8.2.5",
     "flatpickr": "4.6.13",
-    "husky": "9.0.11",
-    "lint-staged": "15.2.2",
+    "globals": "17.1.0",
+    "husky": "9.1.7",
+    "lint-staged": "16.2.7",
     "loader.js": "4.7.0",
-    "prettier": "3.2.5",
-    "qunit": "2.20.1",
-    "qunit-dom": "3.0.0",
-    "semantic-release": "23.0.4",
-    "stylelint": "16.2.1",
-    "stylelint-config-standard": "36.0.0",
-    "stylelint-prettier": "5.0.0",
-    "webpack": "5.90.3"
+    "prettier": "3.8.1",
+    "prettier-plugin-ember-template-tag": "2.1.2",
+    "qunit": "2.25.0",
+    "qunit-dom": "3.5.0",
+    "semantic-release": "25.0.3",
+    "stylelint": "17.0.0",
+    "stylelint-config-standard": "40.0.0",
+    "stylelint-prettier": "5.0.3",
+    "webpack": "5.104.1"
   },
   "peerDependencies": {
-    "ember-source": ">= 4.0.0"
+    "@embroider/util": "^1.13.0",
+    "ember-changeset": "^4.1.2 || ^5.0.0",
+    "ember-changeset-validations": "^4.1.1 || ^5.0.0",
+    "ember-source": ">= 4.0.0",
+    "ember-truth-helpers": "^3.1.0 || ^4.0.0 || ^5.0.0"
   },
-  "packageManager": "pnpm@8.11.0",
+  "packageManager": "pnpm@10.28.1",
   "pnpm": {
     "peerDependencyRules": {
       "allowedVersions": {
@@ -116,14 +127,14 @@
     }
   },
   "engines": {
-    "node": ">= 18"
+    "node": ">= 20.19"
   },
   "ember": {
     "edition": "octane"
   },
   "ember-addon": {
     "configPath": "tests/dummy/config",
-    "demoURL": "https://adfinis.github.io/ember-validated-form"
+    "demoURL": "https://docs.adfinis.com/ember-validated-form"
   },
   "release": {
     "extends": "@adfinis/semantic-release-config"

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

@@ -1,13 +0,0 @@
-import Component from "@glimmer/component";
-
-import passedOrDefault from "ember-validated-form/passed-or-default";
-
-export default class RenderComponent extends Component {
-  @passedOrDefault("types/checkbox-group") checkboxGroupComponent;
-  @passedOrDefault("types/checkbox") checkboxComponent;
-  @passedOrDefault("types/input") inputComponent;
-  @passedOrDefault("types/radio-group") radioGroupComponent;
-  @passedOrDefault("types/select") selectComponent;
-  @passedOrDefault("types/textarea") textareaComponent;
-  @passedOrDefault("types/date") dateComponent;
-}

package/addon/passed-or-default.js

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

package/app/helpers/class-list.js

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

package/tsconfig.declarations.json

@@ -1,10 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "declarationDir": "declarations",
-    "emitDeclarationOnly": true,
-    "noEmit": false,
-    "rootDir": "."
-  },
-  "include": ["addon", "addon-test-support"]
-}