+
+
+ <:template>
+
+
+
+ <:template>
+
+
+ satisfies TOC
+ {{yield}}
+
+ ${this.args.code}
+
+
+}
diff --git a/doc-app/app/components/doc/code-example.gts b/doc-app/app/components/doc/code-example.gts
new file mode 100644
index 00000000..dad2d883
--- /dev/null
+++ b/doc-app/app/components/doc/code-example.gts
@@ -0,0 +1,108 @@
+// doc-app/app/components/doc/code-example.gts
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+import { service } from '@ember/service';
+import type IntlService from 'ember-intl/services/intl';
+import { on } from '@ember/modifier';
+import { fn } from '@ember/helper';
+
+interface CodeExampleSignature {
+ Args: {
+ title?: string;
+ };
+ Blocks: {
+ default: [];
+ };
+}
+
+export default class CodeExampleComponent extends Component
+ {{this.language}}
+
+
+
+ {{this.safeHtml}}
+
+
+
+
+}
diff --git a/doc-app/app/components/doc/page.gts b/doc-app/app/components/doc/page.gts
new file mode 100644
index 00000000..e6f63f23
--- /dev/null
+++ b/doc-app/app/components/doc/page.gts
@@ -0,0 +1,33 @@
+// doc-app/app/components/doc/page.gts
+import Component from '@glimmer/component';
+import { service } from '@ember/service';
+import type IntlService from 'ember-intl/services/intl';
+
+interface DocPageSignature {
+ Args: {
+ title: string;
+ description?: string;
+ };
+ Blocks: {
+ default: [];
+ };
+}
+
+export default class DocPageComponent extends Component
+
+ {{@title}}
+
+ {{#if (has-block "demo")}}
+ {{! template-lint-disable link-href-attributes }}
+
+ {{/if}}
+ {{#if (has-block "template")}}
+
+ {{/if}}
+ {{#if (has-block "javascript")}}
+
+ {{/if}}
+ {{#if (has-block "typescript")}}
+
+ {{/if}}
+
+
+ {{#if this.isDemo}}
+ {{yield to="demo"}}
+ {{/if}}
+ {{#if this.isTemplate}}
+ {{yield to="template"}}
+ {{/if}}
+ {{#if this.isJavascript}}
+ {{yield to="javascript"}}
+ {{/if}}
+ {{#if this.isTypescript}}
+ {{yield to="typescript"}}
+ {{/if}}
+
+
+
+
+}
diff --git a/doc-app/app/components/doc/property-table.gts b/doc-app/app/components/doc/property-table.gts
new file mode 100644
index 00000000..8035f1d3
--- /dev/null
+++ b/doc-app/app/components/doc/property-table.gts
@@ -0,0 +1,75 @@
+// doc-app/app/components/doc/property-table.gts
+import type { TOC } from '@ember/component/template-only';
+import t from 'ember-intl/helpers/t';
+
+interface Property {
+ name: string;
+ type: string;
+ required: boolean;
+ description: string;
+}
+
+interface PropertyTableSignature {
+ Args: {
+ properties: Property[];
+ };
+}
+
+const PropertyTable: TOC
+
+
+ {{@title}}
+ {{#if @description}} +{{@description}}
+ {{/if}} +
+ {{yield}}
+
+
+
+
+
+
+;
+
+export default PropertyTable;
diff --git a/doc-app/app/components/doc/section.gts b/doc-app/app/components/doc/section.gts
new file mode 100644
index 00000000..d365d901
--- /dev/null
+++ b/doc-app/app/components/doc/section.gts
@@ -0,0 +1,26 @@
+import { service } from '@ember/service';
+import Component from '@glimmer/component';
+import type { IntlService } from 'ember-intl';
+
+interface DocSectionSignature {
+ Args: {
+ title: string;
+ id?: string;
+ };
+ Blocks: {
+ default: [];
+ };
+}
+
+export default class DocSectionComponent extends Component| + {{t "docs.propertyTable.name"}} + | ++ {{t "docs.propertyTable.type"}} + | ++ {{t "docs.propertyTable.required"}} + | ++ {{t "docs.propertyTable.description"}} + | +
|---|---|---|---|
| + {{prop.name}} + | ++ {{prop.type}} + | ++ {{#if prop.required}} + + {{t "docs.propertyTable.yes"}} + + {{else}} + + {{t "docs.propertyTable.no"}} + + {{/if}} + | ++ {{t prop.description}} + | +
{{@title}}
+
+ {{yield}}
+
+
+
+
+}
diff --git a/doc-app/app/components/docs/ember-input/prefabs/disabled-button.gts b/doc-app/app/components/docs/ember-input/prefabs/disabled-button.gts
new file mode 100644
index 00000000..39aa1abf
--- /dev/null
+++ b/doc-app/app/components/docs/ember-input/prefabs/disabled-button.gts
@@ -0,0 +1,23 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+import TpkPrefabButton from '@triptyk/ember-input/components/prefabs/tpk-prefab-button';
+
+export default class DisabledButtonExample extends Component {
+ @tracked counter = 0;
+
+ @action
+ incrementCounter() {
+ this.counter++;
+ }
+
+
+
+
+ count = {{this.counter}}
+
+
+
+}
diff --git a/doc-app/app/components/docs/ember-input/prefabs/disabled-toggle.gts b/doc-app/app/components/docs/ember-input/prefabs/disabled-toggle.gts
new file mode 100644
index 00000000..6f4ded71
--- /dev/null
+++ b/doc-app/app/components/docs/ember-input/prefabs/disabled-toggle.gts
@@ -0,0 +1,13 @@
+import Component from '@glimmer/component';
+import TpkTogglePrefabComponent from '@triptyk/ember-input/components/prefabs/tpk-toggle';
+
+// eslint-disable-next-line ember/no-empty-glimmer-component-classes
+export default class DisabledToggleExample extends Component {
+
+
+
+
+ {{stringify O.option}}
+
+
+
+;
+
+export default class TpkTableGenericPrefabExample extends Component {
+ @tracked tableParams: TableParams = {
+ entity: 'user',
+ pageSizes: [10, 30, 50, 75],
+ defaultSortColumn: 'firstName',
+ columns: [
+ {
+ field: 'lastName',
+ headerName: 'Nom',
+ sortable: true,
+ },
+ {
+ field: 'firstName',
+ headerName: 'Prénom',
+ sortable: true,
+ },
+ {
+ field: 'email',
+ headerName: 'Email',
+ sortable: false,
+ component: 'selectEmail',
+ },
+ ],
+ actionMenu: [
+ {
+ icon: 'edit',
+ action: (element: unknown) => {
+ console.log('Edit clicked', element);
+ },
+ name: 'Edit',
+ },
+ {
+ icon: 'delete',
+ action: (element: unknown) => {
+ console.log('Delete clicked', element);
+ },
+ name: 'Delete',
+ },
+ ],
+ };
+
+ emailOptions = ['info@triptyk.eu', 'loempia@triptyk.eu'];
+
+ @action
+ onEmailChange(selection: unknown) {
+ console.log('Email changed:', selection);
+ }
+
+ @action
+ onRowClick(element: unknown, e?: Event) {
+ console.log('Row clicked:', element, e);
+ }
+
+
+ + Full name: + {{String (F.changesetGet "firstName")}} + {{String (F.changesetGet "lastName")}} +
+ + +
+
+
+
+
+
+
+}
diff --git a/doc-app/app/components/docs/ember-ui/prefabs/tpk-form/error-handling.gts b/doc-app/app/components/docs/ember-ui/prefabs/tpk-form/error-handling.gts
new file mode 100644
index 00000000..9e5ae1bb
--- /dev/null
+++ b/doc-app/app/components/docs/ember-ui/prefabs/tpk-form/error-handling.gts
@@ -0,0 +1,38 @@
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+import { ImmerChangeset } from 'ember-immer-changeset';
+import { object, string } from 'zod';
+import TpkForm from '@triptyk/ember-input-validation/components/tpk-form';
+
+export default class TpkFormErrorHandlingExample extends Component {
+ changeset = new ImmerChangeset({
+ field1: '',
+ field2: '',
+ });
+
+ validationSchema = object({
+ field1: string().min(3, 'Field 1 must be at least 3 characters'),
+ field2: string().min(3, 'Field 2 must be at least 3 characters'),
+ });
+
+ @action
+ handleSubmit(validatedData: { field1: string; field2: string }) {
+ console.log('Form submitted with:', validatedData);
+ alert('Form submitted successfully!');
+ }
+
+
+ Required fields: + {{F.requiredFields.length}}
+ +Email is required
+ {{/if}} +
+
+
+
+
+}
diff --git a/doc-app/app/components/dummy-label-select.gts b/doc-app/app/components/dummy-label-select.gts
index fbc9c986..bde481fd 100644
--- a/doc-app/app/components/dummy-label-select.gts
+++ b/doc-app/app/components/dummy-label-select.gts
@@ -1,4 +1,4 @@
-import type { TOC } from "@ember/component/template-only";
+import type { TOC } from '@ember/component/template-only';
interface Args {
labelText: string;
diff --git a/doc-app/app/components/theme-selector.gts b/doc-app/app/components/theme-selector.gts
new file mode 100644
index 00000000..664c691c
--- /dev/null
+++ b/doc-app/app/components/theme-selector.gts
@@ -0,0 +1,125 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+import { fn } from '@ember/helper';
+import { on } from '@ember/modifier';
+import type Owner from '@ember/owner';
+
+const THEMES = ['nord', 'dracula', 'cupcake', 'corporate', 'lemonade'] as const;
+
+interface ThemeSelectorSignature {
+ Args: {
+ sidebarCollapsed?: boolean;
+ };
+}
+
+export default class ThemeSelector extends ComponentDummy Form
+
+
+
+ {{outlet}}
+
diff --git a/doc-app/app/templates/application.hbs b/doc-app/app/templates/application.hbs
deleted file mode 100644
index 5c6d7546..00000000
--- a/doc-app/app/templates/application.hbs
+++ /dev/null
@@ -1,5 +0,0 @@
-
- {{!-- @glint-ignore --}}
-
diff --git a/doc-app/app/templates/dashboard.gts b/doc-app/app/templates/dashboard.gts
new file mode 100644
index 00000000..4f3f881a
--- /dev/null
+++ b/doc-app/app/templates/dashboard.gts
@@ -0,0 +1,328 @@
+import Component from '@glimmer/component';
+import TpkDashBoard, {
+ type Language,
+ type SidebarItem,
+} from '@triptyk/ember-ui/components/prefabs/tpk-dashboard';
+import type { TOC } from '@ember/component/template-only';
+import ThemeSelector from 'doc-app/components/theme-selector';
+import { service } from '@ember/service';
+import type { IntlService } from 'ember-intl';
+import { action } from '@ember/object';
+
+export default class DashboardTemplate extends Component {
+ @service declare intl: IntlService;
+
+ languages: Language[] = [
+ { code: 'fr-fr', label: 'Français' },
+ { code: 'en-us', label: 'Anglais' },
+ ];
+
+ @action
+ handleLocaleChange(locale: string) {
+ this.intl.setLocale([locale]);
+ }
+
+ menuItems: SidebarItem[] = [
+ {
+ type: 'link',
+ label: 'Getting Started',
+ route: 'dashboard.docs.ember-input-validation.prefabs.input',
+ icon:
+
+ as TOC<{ Element: SVGSVGElement }>,
+ },
+ {
+ type: 'link',
+ label: 'Installation',
+ route: 'dashboard.docs.ember-input-validation.prefabs.input',
+ icon:
+
+ as TOC<{ Element: SVGSVGElement }>,
+ },
+ {
+ type: 'group',
+ isOpen: true,
+ label: 'Ember Input Validation Prefab',
+ items: [
+ {
+ type: 'link',
+ label: 'Input',
+ route: 'dashboard.docs.ember-input-validation.prefabs.input',
+ },
+ {
+ type: 'link',
+ label: 'Integer',
+ route: 'dashboard.docs.ember-input-validation.prefabs.integer',
+ },
+ {
+ type: 'link',
+ label: 'Number',
+ route: 'dashboard.docs.ember-input-validation.prefabs.number',
+ },
+ {
+ type: 'link',
+ label: 'Datepicker',
+ route: 'dashboard.docs.ember-input-validation.prefabs.datepicker',
+ },
+ {
+ type: 'link',
+ label: 'Datepicker Range',
+ route:
+ 'dashboard.docs.ember-input-validation.prefabs.datepicker-range',
+ },
+ {
+ type: 'link',
+ label: 'Timepicker',
+ route: 'dashboard.docs.ember-input-validation.prefabs.timepicker',
+ },
+ {
+ type: 'link',
+ label: 'Select',
+ route: 'dashboard.docs.ember-input-validation.prefabs.select',
+ },
+ {
+ type: 'link',
+ label: 'Select Create',
+ route: 'dashboard.docs.ember-input-validation.prefabs.select-create',
+ },
+ {
+ type: 'link',
+ label: 'Select Search',
+ route: 'dashboard.docs.ember-input-validation.prefabs.select-search',
+ },
+ {
+ type: 'link',
+ label: 'Radio',
+ route: 'dashboard.docs.ember-input-validation.prefabs.radio',
+ },
+ {
+ type: 'link',
+ label: 'Radio Group',
+ route: 'dashboard.docs.ember-input-validation.prefabs.radio-group',
+ },
+ {
+ type: 'link',
+ label: 'Textarea',
+ route: 'dashboard.docs.ember-input-validation.prefabs.textarea',
+ },
+ {
+ type: 'link',
+ label: 'Password',
+ route: 'dashboard.docs.ember-input-validation.prefabs.password',
+ },
+ {
+ type: 'link',
+ label: 'Email',
+ route: 'dashboard.docs.ember-input-validation.prefabs.email',
+ },
+ {
+ type: 'link',
+ label: 'Mobile',
+ route: 'dashboard.docs.ember-input-validation.prefabs.mobile',
+ },
+ {
+ type: 'link',
+ label: 'File',
+ route: 'dashboard.docs.ember-input-validation.prefabs.file',
+ },
+ {
+ type: 'link',
+ label: 'File List',
+ route: 'dashboard.docs.ember-input-validation.prefabs.file-list',
+ },
+ {
+ type: 'link',
+ label: 'Currency',
+ route: 'dashboard.docs.ember-input-validation.prefabs.currency',
+ },
+ {
+ type: 'link',
+ label: 'BIC',
+ route: 'dashboard.docs.ember-input-validation.prefabs.bic',
+ },
+ {
+ type: 'link',
+ label: 'IBAN',
+ route: 'dashboard.docs.ember-input-validation.prefabs.iban',
+ },
+ {
+ type: 'link',
+ label: 'VAT',
+ route: 'dashboard.docs.ember-input-validation.prefabs.vat',
+ },
+ {
+ type: 'link',
+ label: 'National Number',
+ route:
+ 'dashboard.docs.ember-input-validation.prefabs.national-number',
+ },
+ ],
+ },
+ {
+ type: 'group',
+ label: 'Ember UI Prefab',
+ items: [
+ {
+ type: 'link',
+ label: 'Confirm Modal',
+ route: 'dashboard.docs.ember-ui.prefabs.confirm-modal',
+ },
+ {
+ type: 'link',
+ label: 'Table Generic',
+ route: 'dashboard.docs.ember-ui.prefabs.table-generic',
+ },
+ {
+ type: 'link',
+ label: 'Tpk Form',
+ route: 'dashboard.docs.ember-ui.prefabs.tpk-form',
+ },
+ ],
+ },
+ {
+ type: 'group',
+ label: 'Ember Input Prefab',
+ items: [
+ {
+ type: 'link',
+ label: 'Button Prefab',
+ route: 'dashboard.docs.ember-input.prefabs.button',
+ },
+ {
+ type: 'link',
+ label: 'Toggle',
+ route: 'dashboard.docs.ember-input.prefabs.toggle',
+ },
+ ],
+ },
+ ];
+
+
+
+
+ <:header>
+
+
+
+}
diff --git a/doc-app/app/templates/dashboard/docs.gts b/doc-app/app/templates/dashboard/docs.gts
new file mode 100644
index 00000000..f3b67262
--- /dev/null
+++ b/doc-app/app/templates/dashboard/docs.gts
@@ -0,0 +1 @@
+{{outlet}}
diff --git a/doc-app/app/templates/dashboard/docs/ember-input-validation.gts b/doc-app/app/templates/dashboard/docs/ember-input-validation.gts
new file mode 100644
index 00000000..f3b67262
--- /dev/null
+++ b/doc-app/app/templates/dashboard/docs/ember-input-validation.gts
@@ -0,0 +1 @@
+{{outlet}}
diff --git a/doc-app/app/templates/dashboard/docs/ember-input-validation/prefabs.gts b/doc-app/app/templates/dashboard/docs/ember-input-validation/prefabs.gts
new file mode 100644
index 00000000..f3b67262
--- /dev/null
+++ b/doc-app/app/templates/dashboard/docs/ember-input-validation/prefabs.gts
@@ -0,0 +1 @@
+{{outlet}}
diff --git a/doc-app/app/templates/dashboard/docs/ember-input-validation/prefabs/bic.gts b/doc-app/app/templates/dashboard/docs/ember-input-validation/prefabs/bic.gts
new file mode 100644
index 00000000..a8287049
--- /dev/null
+++ b/doc-app/app/templates/dashboard/docs/ember-input-validation/prefabs/bic.gts
@@ -0,0 +1,62 @@
+import Component from '@glimmer/component';
+import DocPage from 'doc-app/components/doc/page';
+import DocSection from 'doc-app/components/doc/section';
+import DocPropertyTable from 'doc-app/components/doc/property-table';
+import { t, type IntlService } from 'ember-intl';
+import BasicBicExample from 'doc-app/components/docs/ember-input-validation/prefabs/basic-bic.gts';
+import DisabledBicExample from 'doc-app/components/docs/ember-input-validation/prefabs/disabled-bic.gts';
+import ErrorBicExample from 'doc-app/components/docs/ember-input-validation/prefabs/error-bic.gts';
+import { service } from '@ember/service';
+import CodeExampleComponent from 'doc-app/components/doc/code-example.gts';
+import CodeBlock from 'doc-app/components/doc/code-block.gts';
+import type { Property } from 'doc-app/utils/table-property.interface';
+
+interface BicPrefabDocsSignature {
+ Args: {
+ model: {
+ properties: Property[];
+ };
+ };
+}
+
+export default class BicPrefabDocs extends Component
+ 
+
+
+ <:footer>
+
+
+ <:content>
+
+ EMBER COMMON UI
+
+ {{outlet}}
+
+
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+
+
+
+ <:template>
+ Required fields: {{F.requiredFields.length}}
+ +Email is required
+ {{/if}} +Full name: {{F.changesetGet "firstName"}} {{F.changesetGet "lastName"}}
+
+
+
+ <:template>
+ {{t + "ember-ui.prefabs.tpk-form.sections.yieldedComponents.description" + }}
+
+ {{#each this.componentSections as |section|}}
+
+
+
+ {{/each}}
+ {{t section.titleKey}}
+-
+ {{#each section.items as |item|}}
+
{{item.code}}+ - + {{t item.translate htmlSafe=item.htmlSafe}} +
+ {{/each}}
+
{{t + "ember-ui.prefabs.tpk-form.sections.usingBaseComponents.description" + }}
+
+
+
+ <:template>
+
+
+
+
+ <:demo>
+
+
+
+ {{t + "ember-ui.prefabs.tpk-form.sections.validationBehavior.reactive.title" + }}
+{{t + "ember-ui.prefabs.tpk-form.sections.validationBehavior.reactive.description" + }}
+
+
+
+ <:template>
+
+
+ <:demo>
+
+
+ {{t + "ember-ui.prefabs.tpk-form.sections.validationBehavior.submitOnly.title" + }}
+{{t + "ember-ui.prefabs.tpk-form.sections.validationBehavior.submitOnly.description" + }}
+
+
+
+ <:template>
+ {{t + "ember-ui.prefabs.tpk-form.sections.errorHandling.description" + }}
+
+
+
+ <:template>
+ {{t + "ember-ui.prefabs.tpk-form.sections.disabledState.description" + }}
+
+
+
+ <:template>
+ {{t + "ember-ui.prefabs.tpk-form.sections.requiredFields.description" + }}
+
+
+
+ <:template>
+ {{t + "ember-ui.prefabs.tpk-form.sections.changesetGetHelper.description" + }}
+
- Counter : {{this.counter}}
-
-
- Checked: {{this.checked}}
-
-
- Value: {{this.value}}
-
-
-
- count = {{this.counter}}
-Click outside to close
- -
-
- Forgot password
+
+
+ <:header>
+
+
+
+
+
+
+
+}
diff --git a/doc-app/app/templates/index.hbs b/doc-app/app/templates/index.hbs
deleted file mode 100644
index 375238a3..00000000
--- a/doc-app/app/templates/index.hbs
+++ /dev/null
@@ -1,2 +0,0 @@
-{{!-- @glint-ignore --}}
-
+
+ {{#unless this.sidebarCollapsed}}
+
+
+ <:content>
+
+ {{#unless this.sidebarCollapsed}}
+ EMBER COMMON UI
+ {{/unless}} +
+ {{outlet}}
+
+
+ <:footer>
+
+
+
+ <:menu>
+ Sign in
+Reset password
+
- {{#each T.errors as |error|}}
-
- {{error.message}}
-
- {{/each}}
-
-
+{{#each T.errors as |error|}}
+
+{{error.message}}
+
+{{/each}}
+
+
- {{#each D.errors as |error|}}
-
- {{/each}}
-
-
+{{#each D.errors as |error|}}
+
+{{/each}}
+
+
- {{#each F.errors as |error|}}
-
- {{/each}}
-
-
+{{#each F.errors as |error|}}
+
+{{/each}}
+
+
- {{#each F.errors as |error|}}
-
- {{/each}}
-
-
+{{#each F.errors as |error|}}
+
+{{/each}}
+
+
- {{#each I.errors as |error|}}
-
- {{error.message}}
-
- {{/each}}
-
-
+{{#each I.errors as |error|}}
+
+{{error.message}}
+
+{{/each}}
+
+-
selected : {{changeset-get this.changesetWithErrors 'radio'}}
--
+
- {{#each S.errors as |error|}}
-
- {{/each}}
-
-
+{{#each S.errors as |error|}}
+
+{{/each}}
+
+
-
-
- {{#each T.errors as |error|}}
-
- {{/each}}
-
-
+
+
+{{#each T.errors as |error|}}
+
+{{/each}}
+
+
+Counter : {{this.counter}}
+
+
+Checked: {{this.checked}}
+
+
+ Value: {{this.value}}
+
+
+
+
+count = {{this.counter}}
+Choose your gender
-
-
- Content: {{this.value}}
-
-
+
+
+Content: {{this.value}}
+
+Click outside to close
+ +
+
+ Required fields: {{F.requiredFields.length}}
+ +Email is required
+ {{/if}} +Full name: {{F.changesetGet "firstName"}} {{F.changesetGet "lastName"}}
+
+
+
+ Champs requis : {{F.requiredFields.length}}
+ +L'email est requis
+ {{/if}} +Nom complet : {{F.changesetGet "firstName"}} {{F.changesetGet "lastName"}}
+
+
+
+ {{error.message}}
- {{/each}}
- {{/if}}
- - -
{{error.message}}
+{{/each}}
+{{/if}}
++ +
-
-
-
- - -
+
+
+
++ +
+
+
+ );
+ }
- const onClose = function () {
- assert.step('onClose');
- };
- const onConfirm = function () {
- assert.step('onConfirm');
- };
- const confirmQuestion = 'Do you confirm ? :smirk:';
- await render(
-
-
-
-
- );
- }
-
- test('Render prefab confirm modal', async function(assert) {
- await renderComponent(assert)
- assert.dom('[data-test-confirm-modal-container]').exists();
- });
+ test('Render prefab confirm modal', async function (assert) {
+ await renderComponent(assert);
+ assert.dom('[data-test-confirm-modal-container]').exists();
+ });
- test('@onClose is called when cancel is clicked', async function (assert) {
- await renderComponent(assert)
- await confirmModalObject.cancel.click();
- assert.verifySteps(['onClose']);
- });
-
- test('Modal is open if @isOpen is true', async function (assert) {
- await renderComponent(assert)
- assert.dom(confirmModalObject.scope).exists();
- });
+ test('@onClose is called when cancel is clicked', async function (assert) {
+ await renderComponent(assert);
+ await confirmModalObject.cancel.click();
+ assert.verifySteps(['onClose']);
+ });
- test('Modal is close if @isOpen is false', async function (assert) {
- await renderComponent( assert, false);
- assert.dom(confirmModalObject.scope).doesNotExist();
- });
-});
+ test('Modal is open if @isOpen is true', async function (assert) {
+ await renderComponent(assert);
+ assert.dom(confirmModalObject.scope).exists();
+ });
+ test('Modal is close if @isOpen is false', async function (assert) {
+ await renderComponent(assert, false);
+ assert.dom(confirmModalObject.scope).doesNotExist();
+ });
+ }
+);
diff --git a/doc-app/tests/integration/components/ember-ui/prefabs/tpk-forgot-password-prefab-test.gts b/doc-app/tests/integration/components/ember-ui/prefabs/tpk-forgot-password-prefab-test.gts
new file mode 100644
index 00000000..28dc427b
--- /dev/null
+++ b/doc-app/tests/integration/components/ember-ui/prefabs/tpk-forgot-password-prefab-test.gts
@@ -0,0 +1,112 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { setupIntl } from 'ember-intl/test-support';
+import { render } from '@ember/test-helpers';
+import { ImmerChangeset } from 'ember-immer-changeset';
+import { object, email } from 'zod';
+import TpkForgotPassword from '@triptyk/ember-ui/components/prefabs/tpk-forgot-password';
+import forgotPasswordPageObject from 'doc-app/tests/pages/tpk-forgot-password';
+
+module(
+ 'Integration | Component | Prefabs | Tpk-forgot-password-prefab',
+ function (hooks) {
+ setupRenderingTest(hooks);
+ setupIntl(hooks, 'fr-fr');
+
+ const forgotPasswordSchema = object({
+ email: email(),
+ });
+
+ async function renderComponent(params?: {
+ onSubmit?: (data: unknown, changeset: ImmerChangeset) => void;
+ initialValues?: { email: string };
+ submitButtonText?: string;
+ }) {
+ const onSubmit = params?.onSubmit ?? (() => {});
+ const initialValues = params?.initialValues;
+ const submitButtonText = params?.submitButtonText;
+
+ await render(
+
+
-
-
- {{O.option}}
-
-
+
+
+ {{stringify O.option}}
+
+
;
-module('Integration | Component | Prefabs | Tpk-table-generic-prefab', function(hooks) {
- setupRenderingTest(hooks);
- setupIntl(hooks, 'fr-fr');
+module(
+ 'Integration | Component | Prefabs | Tpk-table-generic-prefab',
+ function (hooks) {
+ setupRenderingTest(hooks);
+ setupIntl(hooks, 'fr-fr');
+ setupMock(hooks);
- let tableParams:TableParams = {
+ let tableParams: TableParams = {
entity: 'user',
- pageSizes: [10,30,50,75],
+ pageSizes: [10, 30, 50, 75],
defaultSortColumn: 'firstName',
- columns:[
- {
- field: 'lastName',
- headerName: 'Nom',
- sortable: true,
- },
- {
- field: 'firstName',
- headerName: 'Prénom',
- sortable: true,
- },
- {
- field: 'email',
- headerName: 'Email',
- sortable: false,
- }],
- actionMenu: [],
- };
- hooks.beforeEach(async function () {
- await TableGenericUserWorker(worker);
- });
-
- async function renderComponent(tableParams : TableParams){
- await render(
-
- changeset.get())'
+ requiredFields: 'Array of field names that are required according to the validation schema'
+ usingBaseComponents:
+ title: 'Using Base Components for Custom Layouts'
+ description: 'Base components give you full control over the markup.'
+ basic: 'Basic usage'
+ validationBehavior:
+ title: 'Validation Behavior'
+ reactive:
+ title: 'Reactive Validation (Default)'
+ description: 'When reactive is true by default, fields are validated as soon as their values change.'
+ basic: 'Basic usage'
+ submitOnly:
+ title: 'Submit-Only Validation'
+ description: 'Set reactive at false to validate only when the form is submitted.'
+ basic: 'Basic usage'
+ errorHandling:
+ title: 'Error Handling and Auto-Scrolling'
+ description: 'Control error clearing and auto-scroll behavior with @removeErrorsOnSubmit and @autoScrollOnError properties.'
+ basic: 'Basic usage'
+ disabledState:
+ title: 'Disabled State'
+ description: "Disable the entire form and all its inputs by setting @disabled='{true}'."
+ basic: 'Basic usage'
+ requiredFields:
+ title: 'Working with Required Fields'
+ description: 'Access the list of required fields from the validation schema using the yielded F.requiredFields array.'
+ basic: 'Basic usage'
+ changesetGetHelper:
+ title: 'changesetGet Helper'
+ description: 'Use the changesetGet helper to retrieve values without repeating the @changeset argument.'
+ basic: 'Basic usage'
diff --git a/doc-app/translations/ember-ui/prefabs/tpk-form/fr-fr.yaml b/doc-app/translations/ember-ui/prefabs/tpk-form/fr-fr.yaml
new file mode 100644
index 00000000..423e0381
--- /dev/null
+++ b/doc-app/translations/ember-ui/prefabs/tpk-form/fr-fr.yaml
@@ -0,0 +1,99 @@
+properties:
+ changeset:
+ description: 'Une instance de ImmerChangeset contenant les données du formulaire.'
+ onSubmit:
+ description: 'Une fonction de rappel exécutée lorsque le formulaire est soumis avec des données valides.'
+ validationSchema:
+ description: 'Un schéma Zod qui définit les règles de validation pour les champs du formulaire.'
+ reactive:
+ description: "Lorsqu'activé, valide les champs individuels immédiatement lorsque leurs valeurs changent. Par défaut: true."
+ removeErrorsOnSubmit:
+ description: "Efface toutes les erreurs de validation existantes avant d'effectuer la validation lors de la soumission. Par défaut: true."
+ autoScrollOnError:
+ description: "Fait défiler automatiquement jusqu'à la première erreur de validation lorsque la soumission échoue. Par défaut: true."
+ disabled:
+ description: 'Désactive toutes les entrées du formulaire lorsque défini sur true. Par défaut: false.'
+ executeOnValid:
+ description: 'Exécute automatiquement le changeset (applique les modifications du brouillon aux données) lorsque la validation réussit. Par défaut: true.'
+ sections:
+ yieldedComponents:
+ title: 'Composants Yielded Disponibles'
+ description: "Le composant TpkForm yield de nombreux composants préconfigurés, tous automatiquement liés avec le changeset, l'état désactivé et les champs requis."
+ baseComponents:
+ title: 'Composants de Base (pour layouts personnalisés)'
+ note: 'Les composants de base vous donnent un contrôle total sur le markup :'
+ items:
+ input: 'Composant input de base'
+ textarea: 'Composant textarea de base'
+ select: 'Composant select de base'
+ checkbox: 'Composant checkbox de base'
+ radio: 'Composant radio de base'
+ radioGroup: 'Composant groupe de radios'
+ file: 'Composant fichier de base'
+ datepicker: 'Composant datepicker de base'
+ prefabComponents:
+ title: Composants Prefab (prêts à l'emploi)
+ items:
+ input: 'Input texte standard'
+ textarea: 'Textarea avec validation'
+ select: 'Menu déroulant select'
+ selectCreate: 'Select avec option de création'
+ selectSearch: 'Select avec recherche'
+ checkbox: 'Checkbox avec label'
+ radio: 'Bouton radio unique'
+ radioGroup: 'Groupe de boutons radio'
+ file: 'Input de téléchargement de fichier'
+ specializedInputs:
+ title: "Prefabs d'Input Spécialisés"
+ items:
+ password: 'Input mot de passe avec toggle de visibilité'
+ email: 'Input email avec validation'
+ mobile: 'Input numéro de téléphone mobile'
+ iban: 'Input IBAN (compte bancaire)'
+ bic: 'Input code BIC/SWIFT'
+ vat: 'Input numéro de TVA'
+ nationalNumber: "Input numéro d'identification national"
+ currency: 'Input devise/argent'
+ integer: 'Input nombre entier'
+ number: 'Input nombre décimal'
+ dateTime:
+ title: 'Prefabs Date/Heure'
+ items:
+ datepicker: 'Sélecteur de date unique'
+ datepickerRange: 'Sélecteur de plage de dates'
+ timepicker: "Sélecteur d'heure"
+ helpers:
+ title: 'Valeurs Helper Yielded'
+ items:
+ changesetGet: 'Fonction pour récupérer des valeurs du changeset (raccourci pour changeset.get())'
+ requiredFields: 'Tableau des noms de champs requis selon le schéma de validation'
+ usingBaseComponents:
+ title: 'Utilisation des Composants de Base pour Layouts Personnalisés'
+ description: 'Les composants de base vous donnent un contrôle total sur le markup.'
+ basic: 'Utilisation basique'
+ validationBehavior:
+ title: 'Comportement de Validation'
+ reactive:
+ title: 'Validation Réactive (Par défaut)'
+ description: 'Lorsque reactive est true par défaut, les champs sont validés dès que leurs valeurs changent.'
+ basic: 'Utilisation basique'
+ submitOnly:
+ title: 'Validation Uniquement à la Soumission'
+ description: 'Définissez reactive à false pour valider uniquement lors de la soumission du formulaire.'
+ basic: 'Utilisation basique'
+ errorHandling:
+ title: 'Gestion des Erreurs et Défilement Automatique'
+ description: Contrôlez l'effacement des erreurs et le comportement de défilement automatique avec les propriétés @removeErrorsOnSubmit et @autoScrollOnError.
+ basic: 'Utilisation basique'
+ disabledState:
+ title: 'État Désactivé'
+ description: "Désactivez l'ensemble du formulaire et toutes ses entrées en définissant @disabled='{true}'."
+ basic: 'Utilisation basique'
+ requiredFields:
+ title: 'Travailler avec les Champs Requis'
+ description: 'Accédez à la liste des champs requis depuis le schéma de validation en utilisant le tableau yielded F.requiredFields.'
+ basic: 'Utilisation basique'
+ changesetGetHelper:
+ title: 'Helper changesetGet'
+ description: "Utilisez le helper changesetGet pour récupérer des valeurs sans répéter l'argument @changeset."
+ basic: 'Utilisation basique'
diff --git a/doc-app/translations/ember-ui/prefabs/tpk-table-generic-prefab/en-us.yaml b/doc-app/translations/ember-ui/prefabs/tpk-table-generic-prefab/en-us.yaml
new file mode 100644
index 00000000..7167258e
--- /dev/null
+++ b/doc-app/translations/ember-ui/prefabs/tpk-table-generic-prefab/en-us.yaml
@@ -0,0 +1,21 @@
+properties:
+ tableParams:
+ description: 'Main configuration object containing all table settings and data'
+ columnsComponent:
+ description: 'Object mapping component names to their implementations for custom column rendering'
+ entity:
+ description: 'The name of the entity type to fetch and display in the table'
+ pageSizes:
+ description: 'Array of available page size options for pagination (default: [5, 10, 25])'
+ defaultSortColumn:
+ description: 'The field name to sort by initially when the table loads'
+ additionalFilters:
+ description: 'Additional query parameters to filter the table data'
+ relationships:
+ description: 'Comma-separated list of relationships to include in the data fetch'
+ rowClick:
+ description: 'Callback function triggered when a table row is clicked'
+ columns:
+ description: 'Array of column definitions specifying field mappings, headers, and rendering options'
+ actionMenu:
+ description: 'Array of action items to display in the row action menu'
diff --git a/doc-app/translations/ember-ui/prefabs/tpk-table-generic-prefab/fr-fr.yaml b/doc-app/translations/ember-ui/prefabs/tpk-table-generic-prefab/fr-fr.yaml
new file mode 100644
index 00000000..ff06a758
--- /dev/null
+++ b/doc-app/translations/ember-ui/prefabs/tpk-table-generic-prefab/fr-fr.yaml
@@ -0,0 +1,21 @@
+properties:
+ tableParams:
+ description: 'Objet de configuration principal contenant tous les paramètres et données du tableau'
+ columnsComponent:
+ description: 'Objet mappant les noms de composants à leurs implémentations pour le rendu personnalisé des colonnes'
+ entity:
+ description: "Le nom du type d'entité à récupérer et afficher dans le tableau"
+ pageSizes:
+ description: 'Tableau des options de taille de page disponibles pour la pagination (par défaut: [5, 10, 25])'
+ defaultSortColumn:
+ description: 'Le nom du champ à trier initialement lors du chargement du tableau'
+ additionalFilters:
+ description: 'Paramètres de requête supplémentaires pour filtrer les données du tableau'
+ relationships:
+ description: 'Liste séparée par des virgules des relations à inclure dans la récupération des données'
+ rowClick:
+ description: 'Fonction de rappel déclenchée lors du clic sur une ligne du tableau'
+ columns:
+ description: 'Tableau de définitions de colonnes spécifiant les mappages de champs, en-têtes et options de rendu'
+ actionMenu:
+ description: "Tableau d'éléments d'action à afficher dans le menu d'action de ligne"
diff --git a/doc-app/translations/en-us.yaml b/doc-app/translations/en-us.yaml
index 594373e0..80e03e44 100644
--- a/doc-app/translations/en-us.yaml
+++ b/doc-app/translations/en-us.yaml
@@ -1,8 +1,192 @@
global:
- search: "Search"
- previous: "Previous"
- next: "Next"
- results: "Results"
- results_by_page: "Results by page"
- on: "on"
- error: "Error"
+ on: 'on'
+ results: 'results'
+ results_by_page: 'results by page'
+
+docs:
+ sections:
+ properties: 'Properties'
+ usage: 'Usage'
+ examples: 'Examples'
+
+ propertyTable:
+ name: 'Name'
+ type: 'Type'
+ required: 'Required'
+ description: 'Description'
+ yes: 'Yes'
+ no: 'No'
+
+emberInputValidation:
+ prefabs:
+ input:
+ title: 'Input'
+ description: 'This component provides a validated input field with label and error handling.'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ number:
+ title: 'Number'
+ description: 'The number validation input can be blocked at a minimum of 0 or be a negative number.'
+ examples:
+ title: 'Examples'
+ unsigned: 'Unsigned Number'
+ basic: 'Basic usage'
+ bic:
+ title: 'BIC'
+ description: 'This is an input with a built-in mask for BIC. The mask should be compatible for any BIC and text can only be in capital letters.'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ currency:
+ title: 'Currency'
+ description: 'A reusable validation component for currency input with integrated error handling and euro formatting mask.'
+ examples:
+ title: 'Examples'
+ basic: 'Basic Currency'
+ datepicker:
+ title: 'Datepicker'
+ description: 'A reusable validation component for date selection with integrated error handling and extensive customization options.'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ datepickerRange:
+ title: 'Datepicker Range validation prefab'
+ description: 'A reusable validation component for date range selection with integrated error handling'
+ examples:
+ title: 'Examples'
+ basic: 'Basic Datepicker Range'
+ email:
+ title: 'Email'
+ description: 'A reusable validation component for email input with integrated error handling'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ file:
+ title: 'File'
+ description: 'A reusable validation component for single file upload with integrated error handling'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ fileList:
+ title: 'File List'
+ description: 'A reusable validation component for multiple file upload with drag and drop support, integrated error handling, and file management features'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ iban:
+ title: 'IBAN'
+ description: 'A reusable validation component for IBAN input with built-in mask supporting Belgian, French, Luxembourgish, Dutch and German IBANs with automatic formatting'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ integer:
+ title: 'Integer'
+ description: 'A reusable validation component for integer input that prevents decimal numbers and can be restricted to unsigned values (minimum 0) or allow negative numbers'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ mobile:
+ title: 'Mobile'
+ description: 'A reusable validation component for mobile phone numbers with country prefix support (Luxembourg, Germany, Netherlands, Belgium, France) and integrated error handling'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ nationalNumber:
+ title: 'National Number'
+ description: 'A reusable validation component for Belgian national number input with built-in mask that formats the number in the pretty format similar to the one on Belgian ID cards'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ password:
+ title: 'Password'
+ description: 'A reusable validation component for password input fields with secure masking and integrated error handling'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ radio:
+ title: 'Radio'
+ description: 'A reusable validation component for single radio button with integrated error handling'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ radioGroup:
+ title: 'Radio Group'
+ description: 'A reusable validation component for radio button groups with integrated error handling and customizable options'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ select:
+ title: 'Select'
+ description: 'A powerful select component with built-in validation using ember-power-select'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ selectCreate:
+ title: 'Select Create'
+ description: 'A powerful select component with ability to create new values and built-in validation using ember-power-select and ember-power-select-with-create'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ selectSearch:
+ title: 'Select Search'
+ description: 'A powerful select component with search and built-in validation using ember-power-select'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ textarea:
+ title: 'Textarea'
+ description: 'A reusable validation component for textarea fields with integrated error handling and optional character limit'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ timepicker:
+ title: 'Timepicker'
+ description: 'A reusable validation component for time selection with integrated error handling and customizable options'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ vat:
+ title: 'VAT'
+ description: 'An input component with built-in mask for VAT numbers supporting Belgian, French, Luxembourgish, Dutch and German VAT formats'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+
+ember-ui:
+ prefabs:
+ confirm-modal:
+ title: 'Confirm Modal'
+ description: 'A modal component for confirmation dialogs.'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ tpk-table-generic-prefab:
+ title: 'Tpk Table Generic Prefab'
+ description: 'A generic table component with sorting, pagination, filtering, and customizable columns.'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ tpk-form:
+ title: 'Tpk Form'
+ description: 'A comprehensive form component that integrates validation using ember-immer-changeset and zod.'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+
+emberInput:
+ prefabs:
+ button:
+ title: 'Button'
+ description: 'A simple button wrapper component with customizable label and click handler.'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ disabled: 'Disabled button'
+ toggle:
+ title: 'Toggle'
+ description: 'A simple toggle wrapper component with customizable label and checked state.'
+ examples:
+ title: 'Examples'
+ basic: 'Basic usage'
+ disabled: 'Disabled button'
diff --git a/doc-app/translations/fr-fr.yaml b/doc-app/translations/fr-fr.yaml
new file mode 100644
index 00000000..9a2f4525
--- /dev/null
+++ b/doc-app/translations/fr-fr.yaml
@@ -0,0 +1,185 @@
+global:
+ on: 'sur'
+ results: 'résultats'
+ results_by_page: 'résultats par page'
+
+docs:
+ sections:
+ properties: 'Propriétés'
+ usage: 'Utilisation'
+ examples: 'Exemples'
+
+ propertyTable:
+ name: 'Nom'
+ type: 'Type'
+ required: 'Requis'
+ description: 'Description'
+ yes: 'Oui'
+ no: 'Non'
+
+emberInputValidation:
+ prefabs:
+ input:
+ title: 'Input'
+ description: 'Ce composant fournit un champ de saisie validé avec label et gestion des erreurs.'
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ number:
+ title: 'Number'
+ description: "L'input de validation numérique peut être bloqué à un minimum de 0 ou accepter des nombres négatifs."
+ examples:
+ title: 'Exemples'
+ unsigned: 'Nombre non signé'
+ basic: 'Utilisation basique'
+ bic:
+ title: 'BIC'
+ description: "Ceci est un input avec un masque intégré pour le BIC. Le masque est compatible avec tout BIC et le texte ne peut être qu'en lettres majuscules."
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ currency:
+ title: 'Devise'
+ description: 'Un composant de validation réutilisable pour la saisie de montants avec gestion des erreurs intégrée et masque de formatage euro.'
+ examples:
+ title: 'Exemples'
+ basic: 'Devise basique'
+ datepicker:
+ title: 'Sélecteur de date'
+ description: 'Un composant de validation réutilisable pour la sélection de dates avec gestion des erreurs intégrée et options de personnalisation étendues.'
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ datepickerRange:
+ title: 'Préfabriqué de validation plage de dates'
+ description: 'Un composant de validation réutilisable pour la sélection de plages de dates avec gestion des erreurs intégrée'
+ examples:
+ title: 'Exemples'
+ basic: 'Plage de dates basique'
+ email:
+ title: 'Email'
+ description: Un composant de validation réutilisable pour la saisie d'email avec gestion des erreurs intégrée
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ file:
+ title: 'Fichier'
+ description: 'Un composant de validation réutilisable pour le téléchargement de fichier unique avec gestion des erreurs intégrée'
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ fileList:
+ title: 'Liste de fichiers'
+ description: 'Un composant de validation réutilisable pour le téléchargement de fichiers multiples avec support du glisser-déposer, gestion des erreurs intégrée et fonctionnalités de gestion des fichiers'
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ iban:
+ title: 'IBAN'
+ description: Un composant de validation réutilisable pour la saisie d'IBAN avec masque intégré supportant les IBAN belges, français, luxembourgeois, néerlandais et allemands avec formatage automatique
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ integer:
+ title: 'Entier'
+ description: Un composant de validation réutilisable pour la saisie d'entiers qui empêche les nombres décimaux et peut être restreint aux valeurs non signées (minimum 0) ou autoriser les nombres négatifs
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ mobile:
+ title: 'Mobile'
+ description: 'Un composant de validation réutilisable pour les numéros de téléphone mobile avec support des préfixes pays (Luxembourg, Allemagne, Pays-Bas, Belgique, France) et gestion des erreurs intégrée'
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ nationalNumber:
+ title: 'Numéro national'
+ description: Un composant de validation réutilisable pour la saisie de numéro national belge avec masque intégré qui formate le numéro dans le format lisible similaire à celui des cartes d'identité belges
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ password:
+ title: 'Mot de passe'
+ description: 'Un composant de validation réutilisable pour les champs de saisie de mot de passe avec masquage sécurisé et gestion des erreurs intégrée'
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ radio:
+ title: 'Radio'
+ description: 'Un composant de validation réutilisable pour un bouton radio unique avec gestion des erreurs intégrée'
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ radioGroup:
+ title: 'Groupe de radios'
+ description: 'Un composant de validation réutilisable pour les groupes de boutons radio avec gestion des erreurs intégrée et options personnalisables'
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ select:
+ title: 'Select'
+ description: 'Un composant select puissant avec validation intégrée utilisant ember-power-select'
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ selectCreate:
+ title: 'Select Create'
+ description: 'Un composant select puissant avec la possibilité de créer de nouvelles valeurs et validation intégrée utilisant ember-power-select et ember-power-select-with-create'
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ selectSearch:
+ title: 'Select Search'
+ description: 'Un composant select puissant avec recherche et validation intégrée utilisant ember-power-select'
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ textarea:
+ title: 'Textarea'
+ description: 'Un composant de validation réutilisable pour les champs textarea avec gestion des erreurs intégrée et limite de caractères optionnelle'
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ timepicker:
+ title: Sélecteur d'heure
+ description: Un composant de validation réutilisable pour la sélection d'heure avec gestion des erreurs intégrée et options personnalisables
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ vat:
+ title: 'TVA'
+ description: 'Un composant input avec masque intégré pour les numéros de TVA supportant les formats belge, français, luxembourgeois, néerlandais et allemand'
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+
+ember-ui:
+ prefabs:
+ confirm-modal:
+ title: 'Modale de confirmation'
+ description: 'Un composant de modale pour les dialogues de confirmation.'
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ tpk-table-generic-prefab:
+ title: 'Tpk Table Generic Prefab'
+ description: 'Un composant de tableau générique avec tri, pagination, filtrage et colonnes personnalisables.'
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ tpk-form:
+ title: 'Tpk Form'
+ description: 'Un composant de formulaire complet qui intègre la validation en utilisant ember-immer-changeset et zod.'
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+
+emberInput:
+ prefabs:
+ button:
+ title: 'Bouton'
+ description: 'Un composant bouton simple avec label et gestionnaire de clic personnalisables.'
+ examples:
+ title: 'Exemples'
+ basic: 'Utilisation basique'
+ disabled: 'Bouton désactivé'
diff --git a/doc-app/tsconfig.json b/doc-app/tsconfig.json
index 9ac5d3b1..cd1d8343 100644
--- a/doc-app/tsconfig.json
+++ b/doc-app/tsconfig.json
@@ -1,20 +1,18 @@
{
- "extends": "@tsconfig/ember/tsconfig.json",
+ "extends": "@ember/app-tsconfig",
+ "include": ["app", "tests", "types"],
"compilerOptions": {
- // The combination of `baseUrl` with `paths` allows Ember's classic package
- // layout, which is not resolvable with the Node resolution algorithm, to
- // work with TypeScript.
- "baseUrl": ".",
+ "allowJs": true,
"paths": {
- "doc-app/tests/*": ["tests/*"],
- "doc-app/*": ["app/*"],
- "*": ["types/*"]
- }
- },
- "glint": {
- "environment": [
- "ember-loose",
- "ember-template-imports"
+ "doc-app/tests/*": ["./tests/*"],
+ "doc-app/*": ["./app/*"],
+ "*": ["./types/*"]
+ },
+ "types": [
+ "ember-source/types",
+ "@embroider/core/virtual",
+ "vite/client",
+ "@ember-intl/vite/virtual"
]
}
}
diff --git a/doc-app/types/ember-data/types/registries/model.d.ts b/doc-app/types/ember-data/types/registries/model.d.ts
deleted file mode 100644
index bdd8c0f1..00000000
--- a/doc-app/types/ember-data/types/registries/model.d.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * Catch-all for ember-data.
- */
-export default interface ModelRegistry {
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
- [key: string]: any;
-}
diff --git a/doc-app/types/global.d.ts b/doc-app/types/global.d.ts
deleted file mode 100644
index ebc74946..00000000
--- a/doc-app/types/global.d.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import '@glint/environment-ember-loose';
-import { Registry as InputR } from '@triptyk/ember-input/template-registry';
-import { Registry as InputVR } from '@triptyk/ember-input-validation/template-registry';
-import type EmberIntlRegistry from 'ember-intl/template-registry';
-
-declare module '@glint/environment-ember-loose/registry' {
- export default interface Registry extends EmberIntlRegistry, InputR, InputVR {
- // local entries
- }
-}
diff --git a/doc-app/vite.config.mjs b/doc-app/vite.config.mjs
new file mode 100644
index 00000000..86d36811
--- /dev/null
+++ b/doc-app/vite.config.mjs
@@ -0,0 +1,36 @@
+import { defineConfig } from 'vite';
+import { extensions, classicEmberSupport, ember } from '@embroider/vite';
+import { babel } from '@rollup/plugin-babel';
+import tailwindcss from '@tailwindcss/vite';
+import { webdriverio } from '@vitest/browser-webdriverio';
+import { loadTranslations } from '@ember-intl/vite';
+
+export default defineConfig({
+ plugins: [
+ tailwindcss(),
+ classicEmberSupport(),
+ ember(),
+ // extra plugins here
+ babel({
+ babelHelpers: 'runtime',
+ extensions,
+ }),
+ loadTranslations(),
+ ],
+ test: {
+ include: ['tests/**/*-vitest-test.{gjs,gts}'],
+ maxConcurrency: 1,
+ browser: {
+ provider: webdriverio(),
+ enabled: true,
+ headless: false,
+ // at least one instance is required
+ instances: [
+ { browser: 'chrome' },
+ // { browser: 'firefox' },
+ // { browser: 'edge' },
+ // { browser: 'safari' },
+ ],
+ },
+ },
+});
diff --git a/ember-common-ui.code-workspace b/ember-common-ui.code-workspace
index 7c05671e..57a730e3 100644
--- a/ember-common-ui.code-workspace
+++ b/ember-common-ui.code-workspace
@@ -26,5 +26,9 @@
"name": "ember-ui",
"path": "packages/ember-ui",
},
+ {
+ "name": "ember-utils",
+ "path": "packages/ember-utils",
+ },
],
}
diff --git a/lerna.json b/lerna.json
index b70ce1c0..08d0b783 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
{
"$schema": "node_modules/lerna/schemas/lerna-schema.json",
- "version": "3.0.1",
+ "version": "4.0.0-alpha.1",
"conventionalCommits": true,
"npmClient": "pnpm",
"changelog": true,
diff --git a/package.json b/package.json
index 439481ad..d4484d08 100644
--- a/package.json
+++ b/package.json
@@ -10,11 +10,18 @@
"start": "pnpm dev"
},
"pnpm": {
- "overrides": {
- "ember-concurrency": "4.0.2"
- },
+ "onlyBuiltDependencies": [
+ "core-js",
+ "core-js-pure",
+ "edgedriver",
+ "esbuild",
+ "geckodriver",
+ "lefthook",
+ "msw",
+ "nx"
+ ],
"patchedDependencies": {
- "lerna": "patches/lerna.patch"
+ "@embroider/vite": "patches/@embroider__vite.patch"
}
},
"repository": {
@@ -25,11 +32,11 @@
"git-conventional-commits": "catalog:",
"lefthook": "catalog:",
"lerna": "catalog:",
- "turbo": "^2.3.0"
+ "turbo": "^2.7.6"
},
- "packageManager": "pnpm@9.12.3",
+ "packageManager": "pnpm@10.28.0",
"volta": {
- "node": "20.18.0",
- "pnpm": "9.12.3"
+ "node": "22.22.0",
+ "pnpm": "10.28.0"
}
}
\ No newline at end of file
diff --git a/packages/.DS_Store b/packages/.DS_Store
index b678a966..0f4e3cb3 100644
Binary files a/packages/.DS_Store and b/packages/.DS_Store differ
diff --git a/packages/ember-input-validation/.eslintrc.cjs b/packages/ember-input-validation/.eslintrc.cjs
deleted file mode 100644
index f3b9ec36..00000000
--- a/packages/ember-input-validation/.eslintrc.cjs
+++ /dev/null
@@ -1,49 +0,0 @@
-module.exports = {
- overrides: [
- {
- files: ['**/*.{js,ts}'],
- plugins: ['ember'],
- parser: '@typescript-eslint/parser',
- extends: [
- 'eslint:recommended',
- 'plugin:ember/recommended', // or other configuration
- ],
- rules: {
- // override / enable optional rules
- 'ember/no-replace-test-comments': 'error'
- }
- },
- {
- files: ['**/*.gts'],
- parser: 'ember-eslint-parser',
- plugins: ['ember'],
- extends: [
- 'eslint:recommended',
- 'plugin:@typescript-eslint/recommended',
- 'plugin:ember/recommended',
- 'plugin:ember/recommended-gts',
- ],
- rules: {
- // override / enable optional rules
- 'ember/no-at-ember-render-modifiers': 'warn'
- }
- },
- {
- files: ['**/*.gjs'],
- parser: 'ember-eslint-parser',
- plugins: ['ember'],
- extends: [
- 'eslint:recommended',
- 'plugin:ember/recommended',
- 'plugin:ember/recommended-gjs',
- ],
- },
- {
- files: ['tests/**/*.{js,ts,gjs,gts}'],
- rules: {
- // override / enable optional rules
- 'ember/no-replace-test-comments': 'error'
- }
- },
- ],
-};
diff --git a/packages/ember-input-validation/.template-lintrc.cjs b/packages/ember-input-validation/.template-lintrc.cjs
deleted file mode 100644
index f35f61c7..00000000
--- a/packages/ember-input-validation/.template-lintrc.cjs
+++ /dev/null
@@ -1,5 +0,0 @@
-'use strict';
-
-module.exports = {
- extends: 'recommended',
-};
diff --git a/packages/ember-input-validation/.template-lintrc.mjs b/packages/ember-input-validation/.template-lintrc.mjs
new file mode 100644
index 00000000..589ce8f7
--- /dev/null
+++ b/packages/ember-input-validation/.template-lintrc.mjs
@@ -0,0 +1,3 @@
+export default {
+ extends: 'recommended',
+};
diff --git a/packages/ember-input-validation/CHANGELOG.md b/packages/ember-input-validation/CHANGELOG.md
index 45fd4355..6a81ba35 100644
--- a/packages/ember-input-validation/CHANGELOG.md
+++ b/packages/ember-input-validation/CHANGELOG.md
@@ -5,162 +5,104 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## [3.0.1](https://github.com/TRIPTYK/ember-common-ui/compare/v3.0.0...v3.0.1) (2026-01-14)
-
### Features
-* add index as param for yield and give info if stack is open for button delete ([c25dda6](https://github.com/TRIPTYK/ember-common-ui/commit/c25dda67800d515d7b5208e421d90e7a95aa619c))
-
-
-
-
+- add index as param for yield and give info if stack is open for button delete ([c25dda6](https://github.com/TRIPTYK/ember-common-ui/commit/c25dda67800d515d7b5208e421d90e7a95aa619c))
# [3.0.0](https://github.com/TRIPTYK/ember-common-ui/compare/v3.0.0-alpha.13...v3.0.0) (2025-04-18)
-
### Features
-* onDelete for file-list prefab ([4a252e7](https://github.com/TRIPTYK/ember-common-ui/commit/4a252e749adffd96fe47f3362dda67fc7bd499f4))
-
-
-
-
+- onDelete for file-list prefab ([4a252e7](https://github.com/TRIPTYK/ember-common-ui/commit/4a252e749adffd96fe47f3362dda67fc7bd499f4))
# [3.0.0-alpha.13](https://github.com/TRIPTYK/ember-common-ui/compare/v3.0.0-alpha.12...v3.0.0-alpha.13) (2025-02-03)
**Note:** Version bump only for package @triptyk/ember-input-validation
-
-
-
-
# [3.0.0-alpha.12](https://github.com/TRIPTYK/ember-common-ui/compare/v3.0.0-alpha.11...v3.0.0-alpha.12) (2025-01-27)
**Note:** Version bump only for package @triptyk/ember-input-validation
-
-
-
-
# [3.0.0-alpha.11](https://github.com/TRIPTYK/ember-common-ui/compare/v3.0.0-alpha.10...v3.0.0-alpha.11) (2025-01-24)
-
### Bug Fixes
-* adapt disabled view for file-list ([613ca0c](https://github.com/TRIPTYK/ember-common-ui/commit/613ca0ce7cdb4f3cd9bc8733ff9602d95fd789ce))
-* add condition around window.open in case of fastboot ([26102f5](https://github.com/TRIPTYK/ember-common-ui/commit/26102f5db27787af36293e919eb73c192cceccdf))
-* password input eye should be focusable by keyboard ([e6778dc](https://github.com/TRIPTYK/ember-common-ui/commit/e6778dc7f029e8d07258f0756b4789ca1e17e664))
-
+- adapt disabled view for file-list ([613ca0c](https://github.com/TRIPTYK/ember-common-ui/commit/613ca0ce7cdb4f3cd9bc8733ff9602d95fd789ce))
+- add condition around window.open in case of fastboot ([26102f5](https://github.com/TRIPTYK/ember-common-ui/commit/26102f5db27787af36293e919eb73c192cceccdf))
+- password input eye should be focusable by keyboard ([e6778dc](https://github.com/TRIPTYK/ember-common-ui/commit/e6778dc7f029e8d07258f0756b4789ca1e17e664))
### Features
-* add prefab file list with dropzone ([25be9d1](https://github.com/TRIPTYK/ember-common-ui/commit/25be9d13385cf4b3a4938a5f652b9365bc79fbf2))
-* add prefab file list with dropzone ([d9b682c](https://github.com/TRIPTYK/ember-common-ui/commit/d9b682cc725b5c536513795f5abf5dcf039a0000))
-
-
-
-
+- add prefab file list with dropzone ([25be9d1](https://github.com/TRIPTYK/ember-common-ui/commit/25be9d13385cf4b3a4938a5f652b9365bc79fbf2))
+- add prefab file list with dropzone ([d9b682c](https://github.com/TRIPTYK/ember-common-ui/commit/d9b682cc725b5c536513795f5abf5dcf039a0000))
# [3.0.0-alpha.10](https://github.com/TRIPTYK/ember-common-ui/compare/v3.0.0-alpha.9...v3.0.0-alpha.10) (2024-12-06)
**Note:** Version bump only for package @triptyk/ember-input-validation
-
-
-
-
# [3.0.0-alpha.9](https://github.com/TRIPTYK/ember-common-ui/compare/v3.0.0-alpha.8...v3.0.0-alpha.9) (2024-12-06)
-
### Bug Fixes
-* adapt type for datepicker & radio group ([f626c73](https://github.com/TRIPTYK/ember-common-ui/commit/f626c73ec629c73db0a978e71afa550c5abceee6))
-
-
-
-
+- adapt type for datepicker & radio group ([f626c73](https://github.com/TRIPTYK/ember-common-ui/commit/f626c73ec629c73db0a978e71afa550c5abceee6))
# [3.0.0-alpha.8](https://github.com/TRIPTYK/ember-common-ui/compare/v3.0.0-alpha.7...v3.0.0-alpha.8) (2024-12-06)
-
### Bug Fixes
-* add optional onChange on prefab ([661b0e7](https://github.com/TRIPTYK/ember-common-ui/commit/661b0e774809fa83907a2e7acfc0d146cfda6de4))
-* css file for datepicker icon ([909c051](https://github.com/TRIPTYK/ember-common-ui/commit/909c05139f7966f799b800a7db6c70e8df858e69))
-* remove value in changeset when value is empty ([18bff1c](https://github.com/TRIPTYK/ember-common-ui/commit/18bff1cdab182563281462b7f0f14478ce50bc04))
-
-
-
-
+- add optional onChange on prefab ([661b0e7](https://github.com/TRIPTYK/ember-common-ui/commit/661b0e774809fa83907a2e7acfc0d146cfda6de4))
+- css file for datepicker icon ([909c051](https://github.com/TRIPTYK/ember-common-ui/commit/909c05139f7966f799b800a7db6c70e8df858e69))
+- remove value in changeset when value is empty ([18bff1c](https://github.com/TRIPTYK/ember-common-ui/commit/18bff1cdab182563281462b7f0f14478ce50bc04))
# [3.0.0-alpha.7](https://github.com/TRIPTYK/ember-common-ui/compare/v3.0.0-alpha.6...v3.0.0-alpha.7) (2024-12-05)
-
### Bug Fixes
-* add ...attributes on the right element ([fb73825](https://github.com/TRIPTYK/ember-common-ui/commit/fb738250f90effd1220466eb6aeec6673c58638c))
-* add css for prefab password error ([54b6141](https://github.com/TRIPTYK/ember-common-ui/commit/54b61413173f81eef117ccd2183fef75ab183c5e))
-* add tabindex=-1 on button show/hide password ([897bdc9](https://github.com/TRIPTYK/ember-common-ui/commit/897bdc97cd28ff72375e4747ea8b0d2451d0294f))
-
-
-
-
+- add ...attributes on the right element ([fb73825](https://github.com/TRIPTYK/ember-common-ui/commit/fb738250f90effd1220466eb6aeec6673c58638c))
+- add css for prefab password error ([54b6141](https://github.com/TRIPTYK/ember-common-ui/commit/54b61413173f81eef117ccd2183fef75ab183c5e))
+- add tabindex=-1 on button show/hide password ([897bdc9](https://github.com/TRIPTYK/ember-common-ui/commit/897bdc97cd28ff72375e4747ea8b0d2451d0294f))
# [3.0.0-alpha.6](https://github.com/TRIPTYK/ember-common-ui/compare/v3.0.0-alpha.5...v3.0.0-alpha.6) (2024-12-05)
-
### Bug Fixes
-* bic, iban & vat return uppercase automaticly ([8c8cd3b](https://github.com/TRIPTYK/ember-common-ui/commit/8c8cd3b080dd5126c7fb55a0f5c5d62976867a0d))
-
-
-
-
+- bic, iban & vat return uppercase automaticly ([8c8cd3b](https://github.com/TRIPTYK/ember-common-ui/commit/8c8cd3b080dd5126c7fb55a0f5c5d62976867a0d))
# [3.0.0-alpha.5](https://github.com/TRIPTYK/ember-common-ui/compare/v3.0.0-alpha.3...v3.0.0-alpha.5) (2024-12-03)
**Note:** Version bump only for package @triptyk/ember-input-validation
-
-
-
-
# [3.0.0-alpha.4](https://github.com/TRIPTYK/ember-common-ui/compare/v3.0.0-alpha.3...v3.0.0-alpha.4) (2024-12-03)
**Note:** Version bump only for package @triptyk/ember-input-validation
-
-
-
-
# [3.0.0-alpha.3](https://github.com/TRIPTYK/ember-common-ui/compare/v3.0.0-alpha.2...v3.0.0-alpha.3) (2024-12-03)
-
### Bug Fixes
-* add omit value and onChange in type for datepicker and radio ([8da1526](https://github.com/TRIPTYK/ember-common-ui/commit/8da1526642f18ce3c05a3823d9266f6706f709dc))
-* make good for a11y and let just one theme to build faster daisy ([9de5e05](https://github.com/TRIPTYK/ember-common-ui/commit/9de5e05b1adcef966658d53527e77b9b85b34854))
-* mobile number is not reset when change other input in form ([23566a4](https://github.com/TRIPTYK/ember-common-ui/commit/23566a496b8a68961947d33cebd8eaf115d4c6d3))
-* remove ...attributes duplicate ([527336b](https://github.com/TRIPTYK/ember-common-ui/commit/527336b205e35c0a86c06e6784369547b889995e))
-* use displayValue of mask instead of value ([4a3953a](https://github.com/TRIPTYK/ember-common-ui/commit/4a3953a28e6398a88db24b8617bc37d7f57a6aca))
-
+- add omit value and onChange in type for datepicker and radio ([8da1526](https://github.com/TRIPTYK/ember-common-ui/commit/8da1526642f18ce3c05a3823d9266f6706f709dc))
+- make good for a11y and let just one theme to build faster daisy ([9de5e05](https://github.com/TRIPTYK/ember-common-ui/commit/9de5e05b1adcef966658d53527e77b9b85b34854))
+- mobile number is not reset when change other input in form ([23566a4](https://github.com/TRIPTYK/ember-common-ui/commit/23566a496b8a68961947d33cebd8eaf115d4c6d3))
+- remove ...attributes duplicate ([527336b](https://github.com/TRIPTYK/ember-common-ui/commit/527336b205e35c0a86c06e6784369547b889995e))
+- use displayValue of mask instead of value ([4a3953a](https://github.com/TRIPTYK/ember-common-ui/commit/4a3953a28e6398a88db24b8617bc37d7f57a6aca))
### Features
-* add daisyui ([fce98a6](https://github.com/TRIPTYK/ember-common-ui/commit/fce98a6d2d3aee0f864088193a3f21dcdafa0d88))
-* add default design with daisy for mobile prefab and add right class on prefab mobile ([a7f3a7b](https://github.com/TRIPTYK/ember-common-ui/commit/a7f3a7bc5bf5deb7cff451c3d9e8843b86828f7e))
-* add default design with daisy for select create prefab ([68bd7a4](https://github.com/TRIPTYK/ember-common-ui/commit/68bd7a4a5dc61edc34a7fba7ca6f534a6ddd44c6))
-* add default design with daisy for select prefab ([dc5d513](https://github.com/TRIPTYK/ember-common-ui/commit/dc5d513e3603deecaf549986b1bdb1af54b159c5))
-* add default design with daisy for select search prefab ([041eb36](https://github.com/TRIPTYK/ember-common-ui/commit/041eb36afc138fda0d8bc9f40052b78d56c2cb46))
-* add prefab for datepicker ([bb4875c](https://github.com/TRIPTYK/ember-common-ui/commit/bb4875c53b6e82ad5890f99b851ed4c5d7d336c7))
-* daisy on date picker range and currency ([654a5ac](https://github.com/TRIPTYK/ember-common-ui/commit/654a5ac31f8a566bd88de9a8d84295b5413fcaea))
-* daisy on email, file and iban prefab ([7daea16](https://github.com/TRIPTYK/ember-common-ui/commit/7daea16d8ac59fed1af944ca3890c9ded5ebd924))
-* daisyUI checkbox and input ([f095aa4](https://github.com/TRIPTYK/ember-common-ui/commit/f095aa4fe4520d5c5ccb5224b05e84345ab1f5d3))
-* daisyui for integer input ([57de733](https://github.com/TRIPTYK/ember-common-ui/commit/57de733126c6802a87df375d2d8f3a3415d979d2))
-* daisyui input number ([65b37ad](https://github.com/TRIPTYK/ember-common-ui/commit/65b37ade0ba9ec06408e3d0d00f2d31f583559a7))
-* daisyui national number prefab ([1b3df89](https://github.com/TRIPTYK/ember-common-ui/commit/1b3df895c231e01c33568dbeb126234dd6e58bb1))
-* daisyUI on prefab bic ([4e26577](https://github.com/TRIPTYK/ember-common-ui/commit/4e265774f9cad0bad5ea5902b6085ebe02e7f8c0))
-* daisyui radio-group prefab ([dae07b6](https://github.com/TRIPTYK/ember-common-ui/commit/dae07b60948852da9770d37de13a1086dc06d289))
-* input vat ([d1b1c38](https://github.com/TRIPTYK/ember-common-ui/commit/d1b1c3810fda38b106721d8fa984bdfa5da16fe4))
-* prefab password daisyui ([61e0be5](https://github.com/TRIPTYK/ember-common-ui/commit/61e0be57c55170d72210ba44e928d6d6616f598b))
-* remove classless feature ([dfed3d7](https://github.com/TRIPTYK/ember-common-ui/commit/dfed3d7226288bc84824f72f8f69174380604d97))
-* textarea prefab daisyui ([6bb6a22](https://github.com/TRIPTYK/ember-common-ui/commit/6bb6a222873142584439dcd5aa6e5cebfd2c86e5))
+- add daisyui ([fce98a6](https://github.com/TRIPTYK/ember-common-ui/commit/fce98a6d2d3aee0f864088193a3f21dcdafa0d88))
+- add default design with daisy for mobile prefab and add right class on prefab mobile ([a7f3a7b](https://github.com/TRIPTYK/ember-common-ui/commit/a7f3a7bc5bf5deb7cff451c3d9e8843b86828f7e))
+- add default design with daisy for select create prefab ([68bd7a4](https://github.com/TRIPTYK/ember-common-ui/commit/68bd7a4a5dc61edc34a7fba7ca6f534a6ddd44c6))
+- add default design with daisy for select prefab ([dc5d513](https://github.com/TRIPTYK/ember-common-ui/commit/dc5d513e3603deecaf549986b1bdb1af54b159c5))
+- add default design with daisy for select search prefab ([041eb36](https://github.com/TRIPTYK/ember-common-ui/commit/041eb36afc138fda0d8bc9f40052b78d56c2cb46))
+- add prefab for datepicker ([bb4875c](https://github.com/TRIPTYK/ember-common-ui/commit/bb4875c53b6e82ad5890f99b851ed4c5d7d336c7))
+- daisy on date picker range and currency ([654a5ac](https://github.com/TRIPTYK/ember-common-ui/commit/654a5ac31f8a566bd88de9a8d84295b5413fcaea))
+- daisy on email, file and iban prefab ([7daea16](https://github.com/TRIPTYK/ember-common-ui/commit/7daea16d8ac59fed1af944ca3890c9ded5ebd924))
+- daisyUI checkbox and input ([f095aa4](https://github.com/TRIPTYK/ember-common-ui/commit/f095aa4fe4520d5c5ccb5224b05e84345ab1f5d3))
+- daisyui for integer input ([57de733](https://github.com/TRIPTYK/ember-common-ui/commit/57de733126c6802a87df375d2d8f3a3415d979d2))
+- daisyui input number ([65b37ad](https://github.com/TRIPTYK/ember-common-ui/commit/65b37ade0ba9ec06408e3d0d00f2d31f583559a7))
+- daisyui national number prefab ([1b3df89](https://github.com/TRIPTYK/ember-common-ui/commit/1b3df895c231e01c33568dbeb126234dd6e58bb1))
+- daisyUI on prefab bic ([4e26577](https://github.com/TRIPTYK/ember-common-ui/commit/4e265774f9cad0bad5ea5902b6085ebe02e7f8c0))
+- daisyui radio-group prefab ([dae07b6](https://github.com/TRIPTYK/ember-common-ui/commit/dae07b60948852da9770d37de13a1086dc06d289))
+- input vat ([d1b1c38](https://github.com/TRIPTYK/ember-common-ui/commit/d1b1c3810fda38b106721d8fa984bdfa5da16fe4))
+- prefab password daisyui ([61e0be5](https://github.com/TRIPTYK/ember-common-ui/commit/61e0be57c55170d72210ba44e928d6d6616f598b))
+- remove classless feature ([dfed3d7](https://github.com/TRIPTYK/ember-common-ui/commit/dfed3d7226288bc84824f72f8f69174380604d97))
+- textarea prefab daisyui ([6bb6a22](https://github.com/TRIPTYK/ember-common-ui/commit/6bb6a222873142584439dcd5aa6e5cebfd2c86e5))
diff --git a/packages/ember-input-validation/babel.config.cjs b/packages/ember-input-validation/babel.config.cjs
new file mode 100644
index 00000000..7b4df257
--- /dev/null
+++ b/packages/ember-input-validation/babel.config.cjs
@@ -0,0 +1,51 @@
+/**
+ * This babel.config is not used for publishing.
+ * It's only for the local editing experience
+ * (and linting)
+ */
+const { buildMacros } = require('@embroider/macros/babel');
+
+const {
+ babelCompatSupport,
+ templateCompatSupport,
+} = require('@embroider/compat/babel');
+
+const macros = buildMacros();
+
+// For scenario testing
+const isCompat = Boolean(process.env.ENABLE_COMPAT_BUILD);
+
+module.exports = {
+ plugins: [
+ ['ember-concurrency/async-arrow-task-transform', {}],
+ [
+ '@babel/plugin-transform-typescript',
+ {
+ allExtensions: true,
+ allowDeclareFields: true,
+ onlyRemoveTypeImports: true,
+ },
+ ],
+ [
+ 'babel-plugin-ember-template-compilation',
+ {
+ transforms: [
+ ...(isCompat ? templateCompatSupport() : macros.templateMacros),
+ ],
+ },
+ ],
+ [
+ 'module:decorator-transforms',
+ {
+ runtime: {
+ import: require.resolve('decorator-transforms/runtime-esm'),
+ },
+ },
+ ],
+ ...(isCompat ? babelCompatSupport() : macros.babelMacros),
+ ],
+
+ generatorOpts: {
+ compact: false,
+ },
+};
diff --git a/packages/ember-input-validation/babel.config.json b/packages/ember-input-validation/babel.config.json
deleted file mode 100644
index 6d0c9ac0..00000000
--- a/packages/ember-input-validation/babel.config.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
- "plugins": [
- ["@babel/plugin-transform-typescript", { "allExtensions": true, "onlyRemoveTypeImports": true, "allowDeclareFields": true }],
- "@embroider/addon-dev/template-colocation-plugin",
- "@babel/plugin-transform-class-static-block",
- ["babel-plugin-ember-template-compilation", {
- "targetFormat": "hbs",
- "transforms": []
- }],
- "ember-concurrency/async-arrow-task-transform",
- ["@babel/plugin-proposal-decorators", { "version": "legacy" }],
- "@babel/plugin-proposal-class-properties"
- ]
-}
diff --git a/packages/ember-input-validation/babel.publish.config.cjs b/packages/ember-input-validation/babel.publish.config.cjs
new file mode 100644
index 00000000..77646a6f
--- /dev/null
+++ b/packages/ember-input-validation/babel.publish.config.cjs
@@ -0,0 +1,37 @@
+/**
+ * This babel.config is only used for publishing.
+ *
+ * For local dev experience, see the babel.config
+ */
+module.exports = {
+ plugins: [
+ ['ember-concurrency/async-arrow-task-transform', {}],
+ [
+ '@babel/plugin-transform-typescript',
+ {
+ allExtensions: true,
+ allowDeclareFields: true,
+ onlyRemoveTypeImports: true,
+ },
+ ],
+ [
+ 'babel-plugin-ember-template-compilation',
+ {
+ targetFormat: 'hbs',
+ transforms: [],
+ },
+ ],
+ [
+ 'module:decorator-transforms',
+ {
+ runtime: {
+ import: 'decorator-transforms/runtime-esm',
+ },
+ },
+ ],
+ ],
+
+ generatorOpts: {
+ compact: false,
+ },
+};
diff --git a/packages/ember-input-validation/eslint.config.mjs b/packages/ember-input-validation/eslint.config.mjs
new file mode 100644
index 00000000..d4b289b6
--- /dev/null
+++ b/packages/ember-input-validation/eslint.config.mjs
@@ -0,0 +1,129 @@
+/**
+ * Debugging:
+ * https://eslint.org/docs/latest/use/configure/debug
+ * ----------------------------------------------------
+ *
+ * Print a file's calculated configuration
+ *
+ * npx eslint --print-config path/to/file.js
+ *
+ * Inspecting the config
+ *
+ * npx eslint --inspect-config
+ *
+ */
+import babelParser from '@babel/eslint-parser';
+import js from '@eslint/js';
+import { defineConfig, globalIgnores } from 'eslint/config';
+import prettier from 'eslint-config-prettier';
+import ember from 'eslint-plugin-ember/recommended';
+import importPlugin from 'eslint-plugin-import';
+import n from 'eslint-plugin-n';
+import globals from 'globals';
+import ts from 'typescript-eslint';
+
+const esmParserOptions = {
+ ecmaFeatures: { modules: true },
+ ecmaVersion: 'latest',
+};
+
+const tsParserOptions = {
+ projectService: true,
+ tsconfigRootDir: import.meta.dirname,
+};
+
+export default defineConfig([
+ globalIgnores(['dist/', 'dist-*/', 'declarations/', 'coverage/', '!**/.*']),
+ js.configs.recommended,
+ prettier,
+ ember.configs.base,
+ ember.configs.gjs,
+ ember.configs.gts,
+ /**
+ * https://eslint.org/docs/latest/use/configure/configuration-files#configuring-linter-options
+ */
+ {
+ linterOptions: {
+ reportUnusedDisableDirectives: 'error',
+ },
+ },
+ {
+ files: ['**/*.js'],
+ languageOptions: {
+ parser: babelParser,
+ },
+ },
+ {
+ files: ['**/*.{js,gjs}'],
+ languageOptions: {
+ parserOptions: esmParserOptions,
+ globals: {
+ ...globals.browser,
+ },
+ },
+ },
+ {
+ files: ['**/*.{ts,gts}'],
+ languageOptions: {
+ parser: ember.parser,
+ parserOptions: tsParserOptions,
+ globals: {
+ ...globals.browser,
+ },
+ },
+ extends: [
+ ...ts.configs.recommendedTypeChecked,
+ // https://github.com/ember-cli/ember-addon-blueprint/issues/119
+ {
+ ...ts.configs.eslintRecommended,
+ files: undefined,
+ },
+ ember.configs.gts,
+ ],
+ },
+ {
+ files: ['src/**/*'],
+ plugins: {
+ import: importPlugin,
+ },
+ rules: {
+ // require relative imports use full extensions
+ 'import/extensions': ['error', 'always', { ignorePackages: true }],
+ },
+ },
+ /**
+ * CJS node files
+ */
+ {
+ files: ['**/*.cjs'],
+ plugins: {
+ n,
+ },
+
+ languageOptions: {
+ sourceType: 'script',
+ ecmaVersion: 'latest',
+ globals: {
+ ...globals.node,
+ },
+ },
+ },
+ /**
+ * ESM node files
+ */
+ {
+ files: ['**/*.mjs'],
+ plugins: {
+ n,
+ },
+
+ languageOptions: {
+ sourceType: 'module',
+ ecmaVersion: 'latest',
+ parserOptions: esmParserOptions,
+ globals: {
+ ...globals.node,
+ },
+ },
+ },
+]);
diff --git a/packages/ember-input-validation/llm.txt b/packages/ember-input-validation/llm.txt
deleted file mode 100644
index 4a89ecba..00000000
--- a/packages/ember-input-validation/llm.txt
+++ /dev/null
@@ -1,367 +0,0 @@
-# @triptyk/ember-input-validation
-
-Form validation components for Ember using ember-immer-changeset and yup. Wraps @triptyk/ember-input components with validation capabilities.
-
-## Installation
-
-```bash
-ember install @triptyk/ember-input-validation
-```
-
-Install peer dependencies:
-
-```bash
-ember install @triptyk/ember-input
-ember install ember-immer-changeset
-```
-
-## Importing Types
-
-Add the Glint template-registry to your global.d.ts file:
-
-```ts
-import '@glint/environment-ember-loose';
-import type EmberInputValidationRegistry from '@triptyk/ember-input-validation/template-registry';
-
-declare module '@glint/environment-ember-loose/registry' {
- export default interface Registry
- extends EmberInputValidationRegistry {}
-}
-```
-
-## HTML Naming Conventions
-
-Every component has an HTML element with a class assigned to it. The naming follows this rule:
-
-**Path of the component to kebab case**
-
-Examples:
-- `{{error.message}}
- {{/each}}
- {{/if}}
-
- {{@label}}
- {{#if @mandatory}}
- *
- {{/if}}
+ {{@label}}
+ {{#if @mandatory}}
+ *
+ {{/if}}
-;
+
diff --git a/packages/ember-input-validation/src/components/prefabs/tpk-validation-datepicker.gts b/packages/ember-input-validation/src/components/prefabs/tpk-validation-datepicker.gts
index 40820c93..8a3dd0a8 100644
--- a/packages/ember-input-validation/src/components/prefabs/tpk-validation-datepicker.gts
+++ b/packages/ember-input-validation/src/components/prefabs/tpk-validation-datepicker.gts
@@ -7,9 +7,9 @@ import { tracked } from '@glimmer/tracking';
import MandatoryLabelComponent from './mandatory-label.gts';
import Component from '@glimmer/component';
import { assert } from '@ember/debug';
+import type Owner from '@ember/owner';
-export interface TpkValidationDatepickerPrefabSignature
- extends BaseValidationSignature {
+export interface TpkValidationDatepickerPrefabSignature extends BaseValidationSignature {
Args: Omit<
TpkValidationDatepickerComponentSignature['Args'],
'value' | 'useCurrent'
@@ -26,7 +26,7 @@ export default class TpkValidationDatepickerPrefabComponent extends Component
;
Blocks: {
default: [];
@@ -27,7 +17,8 @@ export interface TpkValidationEmailComponentSignature
Element: HTMLElement;
}
-const TpkValidationEmailPrefabComponent: TOC =
+const TpkValidationEmailPrefabComponent: TOC =
+
-
-
+
+ />
+
;
diff --git a/packages/ember-input-validation/src/components/prefabs/tpk-validation-errors.gts b/packages/ember-input-validation/src/components/prefabs/tpk-validation-errors.gts
index 8a9e3868..14f8c916 100644
--- a/packages/ember-input-validation/src/components/prefabs/tpk-validation-errors.gts
+++ b/packages/ember-input-validation/src/components/prefabs/tpk-validation-errors.gts
@@ -8,7 +8,6 @@ export interface TpkValidationErrorsComponentSignature {
Args: {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
errors: any;
-
};
Blocks: {
default: [];
@@ -24,19 +23,26 @@ export default class TpkValidationErrorsComponent extends Component {
- if (error.message) {
- const translationExists = this.intl.exists(error.message);
- return HS(translationExists ? this.intl.t(error.message) : error.message);
- }
- return error;
- });
+ // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
+ return this.args.errors.map(
+ (error: { message: string; params: string[] }) => {
+ if (error.message) {
+ const translationExists = this.intl.exists(error.message);
+ return HS(
+ translationExists ? this.intl.t(error.message) : error.message,
+ );
+ }
+ return error;
+ },
+ );
}
-
+
{{#each this.errorMessages as |error|}}
{{#if error.message}}
diff --git a/packages/ember-input-validation/src/components/prefabs/tpk-validation-file-list.gts b/packages/ember-input-validation/src/components/prefabs/tpk-validation-file-list.gts
index 105092bf..76cde6ca 100644
--- a/packages/ember-input-validation/src/components/prefabs/tpk-validation-file-list.gts
+++ b/packages/ember-input-validation/src/components/prefabs/tpk-validation-file-list.gts
@@ -11,8 +11,7 @@ import type { Changeset } from 'ember-immer-changeset';
import { fn } from '@ember/helper';
import { modifier } from 'ember-modifier';
-export interface TpkValidationFileListPrefabSignature
- extends BaseValidationSignature {
+export interface TpkValidationFileListPrefabSignature extends BaseValidationSignature {
Args: BaseValidationSignature['Args'] &
TpkValidationFileComponentSignature['Args'] & {
mandatory?: boolean;
@@ -64,7 +63,7 @@ export default class TpkValidationFileListComponent extends Component 0) {
const files: File[] = Array.from(filesFromDrop);
@@ -98,8 +97,9 @@ export default class TpkValidationFileListComponent extends Component
{
this.args.changeset.set(this.args.validationField, updatedFiles);
}
- async downloadFile(file: File) {
+ downloadFile(file: File) {
if (window.open) {
window.open(URL.createObjectURL(file));
}
diff --git a/packages/ember-input-validation/src/components/prefabs/tpk-validation-file.gts b/packages/ember-input-validation/src/components/prefabs/tpk-validation-file.gts
index 0e855f43..de06dcf9 100644
--- a/packages/ember-input-validation/src/components/prefabs/tpk-validation-file.gts
+++ b/packages/ember-input-validation/src/components/prefabs/tpk-validation-file.gts
@@ -6,8 +6,7 @@ import TpkValidationFileComponent, {
type TpkValidationFileComponentSignature,
} from '../tpk-validation-file.gts';
-export interface TpkValidationFilePrefabSignature
- extends BaseValidationSignature {
+export interface TpkValidationFilePrefabSignature extends BaseValidationSignature {
Args: BaseValidationSignature['Args'] &
TpkValidationFileComponentSignature['Args'] & { mandatory?: boolean };
Blocks: {
@@ -32,8 +31,9 @@ const TpkValidationFilePrefabComponent: TOC =
& {
+export interface TpkValidationIBANPrefabSignature extends BaseValidationSignature {
+ Args: Omit<
+ TpkValidationInputComponentSignature['Args'],
+ 'type' | 'min' | 'max' | 'step' | 'mask' | 'maskOptions' | 'unmaskValue'
+ > & {
mandatory?: boolean;
onChange?: (value: string, e: Event) => void;
};
@@ -19,61 +26,67 @@ export interface TpkValidationIBANPrefabSignature
}
export default class TpkValidationIBANPrefabComponent extends Component {
- ibanMaskByCountry = [{
- mask: '$$&& &&&& &&&& &&&&',
- startsWith: 'BE',
- definitions: maskSpecialCharDefinition,
- lazy: false,
- },{
- mask: '$$&& &&&& &&&& &&$$ $$$$ $$$$ $&&',
- startsWith: 'FR',
- lazy: false,
- definitions: maskSpecialCharDefinition,
- },{
- mask: '$$&& &&&$ $$$$ $$$$ $$$$',
- startsWith: 'LU',
- definitions: maskSpecialCharDefinition,
- lazy: false,
- },{
- mask: '$$&& #### &&&& &&&& &&',
- startsWith: 'NL',
- definitions: maskSpecialCharDefinition,
- lazy: false,
- },{
- mask: '$$&& &&&& &&&& &&&& &&&& &&',
- definitions: maskSpecialCharDefinition,
- startsWith: 'DE',
- lazy: false,
- }, {
- mask: '##',
- startsWith: '',
- default: true,
- definitions: maskSpecialCharDefinition,
- lazy: false,
- }];
+ ibanMaskByCountry = [
+ {
+ mask: '$$&& &&&& &&&& &&&&',
+ startsWith: 'BE',
+ definitions: maskSpecialCharDefinition,
+ lazy: false,
+ },
+ {
+ mask: '$$&& &&&& &&&& &&$$ $$$$ $$$$ $&&',
+ startsWith: 'FR',
+ lazy: false,
+ definitions: maskSpecialCharDefinition,
+ },
+ {
+ mask: '$$&& &&&$ $$$$ $$$$ $$$$',
+ startsWith: 'LU',
+ definitions: maskSpecialCharDefinition,
+ lazy: false,
+ },
+ {
+ mask: '$$&& #### &&&& &&&& &&',
+ startsWith: 'NL',
+ definitions: maskSpecialCharDefinition,
+ lazy: false,
+ },
+ {
+ mask: '$$&& &&&& &&&& &&&& &&&& &&',
+ definitions: maskSpecialCharDefinition,
+ startsWith: 'DE',
+ lazy: false,
+ },
+ {
+ mask: '##',
+ startsWith: '',
+ default: true,
+ definitions: maskSpecialCharDefinition,
+ lazy: false,
+ },
+ ];
- maskOptions = {
+ maskOptions = {
dispatch: getMaskForPrefixOrDefault,
};
get hasMaskNotDisabled() {
- return this.args.disabled? '' : this.ibanMaskByCountry;
+ return this.args.disabled ? '' : this.ibanMaskByCountry;
}
@action
- onChange(value: string | number | Date | null, e: Event){
- const valueAsString = (value as string).toUpperCase()
- if(this.args.onChange){
+ onChange(value: string | number | Date | null, e: Event) {
+ const valueAsString = (value as string).toUpperCase();
+ if (this.args.onChange) {
return this.args.onChange(valueAsString, e);
}
return this.args.changeset.set(this.args.validationField, valueAsString);
}
-
-
-
+
+
+ />
+
}
diff --git a/packages/ember-input-validation/src/components/prefabs/tpk-validation-input.gts b/packages/ember-input-validation/src/components/prefabs/tpk-validation-input.gts
index bb182d1b..3d3dc079 100644
--- a/packages/ember-input-validation/src/components/prefabs/tpk-validation-input.gts
+++ b/packages/ember-input-validation/src/components/prefabs/tpk-validation-input.gts
@@ -1,13 +1,16 @@
-import TpkValidationInputComponent, { type TpkValidationInputComponentSignature } from "../tpk-validation-input.gts";
-import { type BaseValidationSignature } from "../base.ts";
+import TpkValidationInputComponent, {
+ type TpkValidationInputComponentSignature,
+} from '../tpk-validation-input.gts';
+import { type BaseValidationSignature } from '../base.ts';
import TpkValidationErrorsComponent from './tpk-validation-errors.gts';
-import { assert } from "@ember/debug";
-import MandatoryLabelComponent from "./mandatory-label.gts";
-import Component from "@glimmer/component";
+import { assert } from '@ember/debug';
+import MandatoryLabelComponent from './mandatory-label.gts';
+import Component from '@glimmer/component';
+import type Owner from '@ember/owner';
-export interface TpkValidationInputPrefabSignature
- extends BaseValidationSignature {
- Args: BaseValidationSignature['Args'] & TpkValidationInputComponentSignature['Args'];
+export interface TpkValidationInputPrefabSignature extends BaseValidationSignature {
+ Args: BaseValidationSignature['Args'] &
+ TpkValidationInputComponentSignature['Args'];
Blocks: {
default: [];
};
@@ -15,13 +18,16 @@ export interface TpkValidationInputPrefabSignature
}
export default class TpkValidationInputPrefabComponent extends Component {
- constructor(owner: unknown, args: TpkValidationInputPrefabSignature['Args']) {
+ constructor(owner: Owner, args: TpkValidationInputPrefabSignature['Args']) {
super(owner, args);
assert(
'If you want use integer args, use TpkValidationInputIntegerPrefab',
- typeof args.min === 'undefined' || typeof args.max === 'undefined' || typeof args.step === 'undefined',
+ typeof args.min === 'undefined' ||
+ typeof args.max === 'undefined' ||
+ typeof args.step === 'undefined',
);
}
+
-
-
+
diff --git a/packages/ember-input-validation/src/components/prefabs/tpk-validation-integer.gts b/packages/ember-input-validation/src/components/prefabs/tpk-validation-integer.gts
index 87898511..1589c67f 100644
--- a/packages/ember-input-validation/src/components/prefabs/tpk-validation-integer.gts
+++ b/packages/ember-input-validation/src/components/prefabs/tpk-validation-integer.gts
@@ -1,23 +1,17 @@
import TpkValidationInputComponent, {
type TpkValidationInputComponentSignature,
} from '../tpk-validation-input.gts';
-import {
- type BaseValidationSignature,
-} from '../base.ts';
+import { type BaseValidationSignature } from '../base.ts';
import TpkValidationErrorsComponent from './tpk-validation-errors.gts';
import { on } from '@ember/modifier';
import { action } from '@ember/object';
import MandatoryLabelComponent from './mandatory-label.gts';
import Component from '@glimmer/component';
-export interface TpkValidationIntegerComponentSignature
- extends BaseValidationSignature {
+export interface TpkValidationIntegerComponentSignature extends BaseValidationSignature {
Args: Omit<
TpkValidationInputComponentSignature['Args'],
- | 'step'
- | 'unmaskValue'
- | 'maskOptions'
-
+ 'step' | 'unmaskValue' | 'maskOptions'
> & {
unsigned?: boolean;
};
@@ -28,17 +22,16 @@ export interface TpkValidationIntegerComponentSignature
}
export default class TpkValidationIntegerComponent extends Component {
+ get min() {
+ return this.args.unsigned ? 0 : this.args.min;
+ }
-get min() {
- return this.args.unsigned ? 0 : this.args.min;
-}
-
-@action
-preventNonNumericInput(event: KeyboardEvent) {
- if(event.key ==="." || event.key === ","){
- event.preventDefault();
+ @action
+ preventNonNumericInput(event: KeyboardEvent) {
+ if (event.key === '.' || event.key === ',') {
+ event.preventDefault();
+ }
}
-}
+ class='tpk-integer-container'
+ data-test-tpk-prefab-integer-container={{@validationField}}
+ data-has-error='{{V.hasError}}'
+ {{! @glint-ignore }}
+ anchorScrollUp={{@validationField}}
+ ...attributes
+ >
diff --git a/packages/ember-input-validation/src/components/prefabs/tpk-validation-mobile.gts b/packages/ember-input-validation/src/components/prefabs/tpk-validation-mobile.gts
index bc06f3cb..dbde35bf 100644
--- a/packages/ember-input-validation/src/components/prefabs/tpk-validation-mobile.gts
+++ b/packages/ember-input-validation/src/components/prefabs/tpk-validation-mobile.gts
@@ -9,9 +9,9 @@ import TpkSelectComponent from '@triptyk/ember-input/components/tpk-select';
import TpkInputComponent from '@triptyk/ember-input/components/tpk-input';
import TpkValidationErrorsComponent from './tpk-validation-errors.gts';
import MandatoryLabelComponent from './mandatory-label.gts';
+import type Owner from '@ember/owner';
-export interface TpkValidationMobilePrefabSignature
- extends BaseValidationSignature {
+export interface TpkValidationMobilePrefabSignature extends BaseValidationSignature {
Args: Omit<
TpkValidationInputComponentSignature['Args'],
| 'type'
@@ -21,7 +21,6 @@ export interface TpkValidationMobilePrefabSignature
| 'mask'
| 'unmaskValue'
| 'maskOptions'
- | 'mask'
| 'changeEvent'
| 'onChange'
>;
@@ -47,7 +46,7 @@ const masks = {
export default class TpkValidationMobilePrefabComponent extends BaseValidationComponent {
defaultPrefix = { flag: '/BE.svg', code: '+32' };
@tracked selectedPrefix = this.defaultPrefix;
- @tracked prefixes: Prefix[] = [
+ prefixes: Prefix[] = [
{ flag: '/NL.svg', code: '+31' },
{ flag: '/BE.svg', code: '+32' },
{ flag: '/FR.svg', code: '+33' },
@@ -55,10 +54,7 @@ export default class TpkValidationMobilePrefabComponent extends BaseValidationCo
{ flag: '/LU.svg', code: '+352' },
];
- constructor(
- owner: unknown,
- args: TpkValidationMobilePrefabSignature['Args'],
- ) {
+ constructor(owner: Owner, args: TpkValidationMobilePrefabSignature['Args']) {
super(owner, args);
this.selectedPrefix = this.getPrefix();
}
@@ -98,12 +94,13 @@ export default class TpkValidationMobilePrefabComponent extends BaseValidationCo
}
@action
- onChangeValueMobile(value: unknown) {
+ onChangeValueMobile(value: string | number | Date | null) {
if (!value) {
this.args.changeset.set(this.args.validationField, value);
} else {
this.args.changeset.set(
this.args.validationField,
+ // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
`${this.selectedPrefix.code}${value}`,
);
}
@@ -119,7 +116,7 @@ export default class TpkValidationMobilePrefabComponent extends BaseValidationCo
}
getValueFromOption = (option: unknown, key: keyof Prefix) =>
- (option as Prefix)[key] as string;
+ (option as Prefix)[key];
diff --git a/packages/ember-input-validation/src/components/prefabs/tpk-validation-national-number.gts b/packages/ember-input-validation/src/components/prefabs/tpk-validation-national-number.gts
index 7cddec0f..bf207d7d 100644
--- a/packages/ember-input-validation/src/components/prefabs/tpk-validation-national-number.gts
+++ b/packages/ember-input-validation/src/components/prefabs/tpk-validation-national-number.gts
@@ -1,12 +1,16 @@
-import TpkValidationInputComponent, { type TpkValidationInputComponentSignature } from "../tpk-validation-input.gts";
-import { type BaseValidationSignature } from "../base.ts";
+import TpkValidationInputComponent, {
+ type TpkValidationInputComponentSignature,
+} from '../tpk-validation-input.gts';
+import { type BaseValidationSignature } from '../base.ts';
import TpkValidationErrorsComponent from './tpk-validation-errors.gts';
-import MandatoryLabelComponent from "./mandatory-label.gts";
-import Component from "@glimmer/component";
+import MandatoryLabelComponent from './mandatory-label.gts';
+import Component from '@glimmer/component';
-export interface TpkValidationNationalNumberPrefabSignature
- extends BaseValidationSignature {
- Args: Omit;
+export interface TpkValidationNationalNumberPrefabSignature extends BaseValidationSignature {
+ Args: Omit<
+ TpkValidationInputComponentSignature['Args'],
+ 'type' | 'min' | 'max' | 'step' | 'mask' | 'maskOptions' | 'unmaskValue'
+ >;
Blocks: {
default: [];
};
@@ -14,12 +18,12 @@ export interface TpkValidationNationalNumberPrefabSignature
}
export default class TpkValidationNationalNumberPrefabComponent extends Component {
- mask = "00.00.00-000.00";
+ mask = '00.00.00-000.00';
+ as |V|
+ >
-
diff --git a/packages/ember-input-validation/src/components/prefabs/tpk-validation-number.gts b/packages/ember-input-validation/src/components/prefabs/tpk-validation-number.gts
index 2e7c3b95..a2a788bf 100644
--- a/packages/ember-input-validation/src/components/prefabs/tpk-validation-number.gts
+++ b/packages/ember-input-validation/src/components/prefabs/tpk-validation-number.gts
@@ -1,19 +1,15 @@
import TpkValidationInputComponent, {
type TpkValidationInputComponentSignature,
} from '../tpk-validation-input.gts';
-import {
- type BaseValidationSignature
-} from '../base.ts';
+import { type BaseValidationSignature } from '../base.ts';
import TpkValidationErrorsComponent from './tpk-validation-errors.gts';
import MandatoryLabelComponent from './mandatory-label.gts';
import Component from '@glimmer/component';
-export interface TpkValidationNumberComponentSignature
- extends BaseValidationSignature {
+export interface TpkValidationNumberComponentSignature extends BaseValidationSignature {
Args: Omit<
TpkValidationInputComponentSignature['Args'],
- | 'unmaskValue'
- | 'maskOptions'
+ 'unmaskValue' | 'maskOptions'
> & {
unsigned?: boolean;
};
@@ -45,21 +41,21 @@ export default class TpkValidationNumberPrefabComponent extends Component
+ class='tpk-number-container'
+ data-test-tpk-prefab-number-container={{@validationField}}
+ data-has-error='{{V.hasError}}'
+ {{! @glint-ignore }}
+ anchorScrollUp={{@validationField}}
+ ...attributes
+ >
diff --git a/packages/ember-input-validation/src/components/prefabs/tpk-validation-password.gts b/packages/ember-input-validation/src/components/prefabs/tpk-validation-password.gts
index 330e8d73..ca7a238a 100644
--- a/packages/ember-input-validation/src/components/prefabs/tpk-validation-password.gts
+++ b/packages/ember-input-validation/src/components/prefabs/tpk-validation-password.gts
@@ -8,19 +8,13 @@ import { on } from '@ember/modifier';
import TpkValidationErrorsComponent from './tpk-validation-errors.gts';
import MandatoryLabelComponent from './mandatory-label.gts';
import Component from '@glimmer/component';
+import eyeShut from '../../assets/eye-shut.svg';
+import eyeOpen from '../../assets/eye.svg';
-export interface TpkValidationPasswordPrefabSignature
- extends BaseValidationSignature {
+export interface TpkValidationPasswordPrefabSignature extends BaseValidationSignature {
Args: Omit<
TpkValidationInputComponentSignature['Args'],
- | 'type'
- | 'min'
- | 'max'
- | 'step'
- | 'mask'
- | 'unmaskValue'
- | 'maskOptions'
- | 'mask'
+ 'type' | 'min' | 'max' | 'step' | 'mask' | 'unmaskValue' | 'maskOptions'
>;
Blocks: {
default: [];
@@ -56,8 +50,9 @@ export default class TpkValidationPasswordPrefabComponent extends Component
@@ -77,11 +72,7 @@ export default class TpkValidationPasswordPrefabComponent extends Component
