@unifylib/ui-lib 1.2.15 → 1.2.17

package/cli/generators/form-screen.js

@@ -1,95 +1,95 @@
-"use strict";
-
-const { buildFieldInfoLines } = require("../utils");
-
-/**
- * @param {{
- *  kebab: string,
- *  pascal: string,
- *  labelsSection: string,
- *  apiUri: string,
- *  importPath: string,
- *  fieldsCount: number,
- * }} ctx
- */
-function generate(ctx) {
-  const fileBase = ctx.kebab;
-  const fieldsBlock = buildFieldInfoLines(ctx.fieldsCount, 2, "  ");
-
-  const settings = `import { Validators } from "@angular/forms";
-import { FieldInfo, PageInfo } from "${ctx.importPath}";
-
-export const PAGE_INFO: PageInfo = {
-  id: "${ctx.kebab}",
-  labelsSection: "${ctx.labelsSection}",
-  hasAddButton: false,
-  apiUri: "${ctx.apiUri}",
-  draftSupported: false,
-  selfRouting: true,
-};
-
-export const FIELDS: FieldInfo[] = [
-${fieldsBlock}
-];
-`;
-
-  const componentTs = `import { ChangeDetectionStrategy, Component } from "@angular/core";
-import { FormGroup, ReactiveFormsModule } from "@angular/forms";
-import { TranslateModule } from "@ngx-translate/core";
-import { BaseFormCanvasComponent } from "${ctx.importPath}";
-import { FIELDS, PAGE_INFO } from "./${fileBase}.settings";
-
-@Component({
-  selector: "app-${fileBase}",
-  standalone: true,
-  imports: [BaseFormCanvasComponent, ReactiveFormsModule, TranslateModule],
-  templateUrl: "./${fileBase}.component.html",
-  styleUrls: ["./${fileBase}.component.scss"],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class ${ctx.pascal}Component {
-  readonly pageInfo = PAGE_INFO;
-  readonly fields = FIELDS;
-  item: Record<string, unknown> = {};
-  editable = true;
-  form: FormGroup | null = null;
-
-  onFormUpdated(form: FormGroup): void {
-    this.form = form;
-  }
-}
-`;
-
-  const componentHtml = `<app-base-form-canvas
-  *ngIf="fields?.length"
-  [pageInfo]="pageInfo"
-  [fields]="fields"
-  [editable]="editable"
-  [item]="item"
-  (formUpdated)="onFormUpdated($event)">
-</app-base-form-canvas>
-`;
-
-  const componentScss = `:host {
-  display: block;
-}
-`;
-
-  return [
-    { relative: `${fileBase}.settings.ts`, content: settings },
-    { relative: `${fileBase}.component.ts`, content: componentTs },
-    { relative: `${fileBase}.component.html`, content: componentHtml },
-    { relative: `${fileBase}.component.scss`, content: componentScss },
-  ];
-}
-
-function getTranslations(ctx) {
-  const out = {};
-  out[`${ctx.labelsSection}.list_title`] = `${ctx.pascal} List`;
-  for (let i = 1; i <= ctx.fieldsCount; i++) {
-    out[`${ctx.labelsSection}.field${i}`] = `Field ${i}`;
-  }
-  return out;
-}
-
-module.exports = { generate, getTranslations };
+"use strict";
+
+const { buildFieldInfoLines } = require("../utils");
+
+/**
+ * @param {{
+ *  kebab: string,
+ *  pascal: string,
+ *  labelsSection: string,
+ *  apiUri: string,
+ *  importPath: string,
+ *  fieldsCount: number,
+ * }} ctx
+ */
+function generate(ctx) {
+  const fileBase = ctx.kebab;
+  const fieldsBlock = buildFieldInfoLines(ctx.fieldsCount, 2, "  ");
+
+  const settings = `import { Validators } from "@angular/forms";
+import { FieldInfo, PageInfo } from "${ctx.importPath}";
+
+export const PAGE_INFO: PageInfo = {
+  id: "${ctx.kebab}",
+  labelsSection: "${ctx.labelsSection}",
+  hasAddButton: false,
+  apiUri: "${ctx.apiUri}",
+  draftSupported: false,
+  selfRouting: true,
+};
+
+export const FIELDS: FieldInfo[] = [
+${fieldsBlock}
+];
+`;
+
+  const componentTs = `import { ChangeDetectionStrategy, Component } from "@angular/core";
+import { FormGroup, ReactiveFormsModule } from "@angular/forms";
+import { TranslateModule } from "@ngx-translate/core";
+import { BaseFormCanvasComponent } from "${ctx.importPath}";
+import { FIELDS, PAGE_INFO } from "./${fileBase}.settings";
+
+@Component({
+  selector: "app-${fileBase}",
+  standalone: true,
+  imports: [BaseFormCanvasComponent, ReactiveFormsModule, TranslateModule],
+  templateUrl: "./${fileBase}.component.html",
+  styleUrls: ["./${fileBase}.component.scss"],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ${ctx.pascal}Component {
+  readonly pageInfo = PAGE_INFO;
+  readonly fields = FIELDS;
+  item: Record<string, unknown> = {};
+  editable = true;
+  form: FormGroup | null = null;
+
+  onFormUpdated(form: FormGroup): void {
+    this.form = form;
+  }
+}
+`;
+
+  const componentHtml = `<app-base-form-canvas
+  *ngIf="fields?.length"
+  [pageInfo]="pageInfo"
+  [fields]="fields"
+  [editable]="editable"
+  [item]="item"
+  (formUpdated)="onFormUpdated($event)">
+</app-base-form-canvas>
+`;
+
+  const componentScss = `:host {
+  display: block;
+}
+`;
+
+  return [
+    { relative: `${fileBase}.settings.ts`, content: settings },
+    { relative: `${fileBase}.component.ts`, content: componentTs },
+    { relative: `${fileBase}.component.html`, content: componentHtml },
+    { relative: `${fileBase}.component.scss`, content: componentScss },
+  ];
+}
+
+function getTranslations(ctx) {
+  const out = {};
+  out[`${ctx.labelsSection}.list_title`] = `${ctx.pascal} List`;
+  for (let i = 1; i <= ctx.fieldsCount; i++) {
+    out[`${ctx.labelsSection}.field${i}`] = `Field ${i}`;
+  }
+  return out;
+}
+
+module.exports = { generate, getTranslations };

package/cli/generators/line-editor.js

@@ -1,110 +1,110 @@
-"use strict";
-
-const { buildFieldInfoLines } = require("../utils");
-
-/**
- * @param {{
- *  kebab: string,
- *  pascal: string,
- *  labelsSection: string,
- *  importPath: string,
- *  fieldsCount: number,
- * }} ctx
- */
-function generate(ctx) {
-  const fileBase = ctx.kebab;
-  const fieldsBlock = buildFieldInfoLines(ctx.fieldsCount, 2, "  ");
-
-  const settings = `import { Validators } from "@angular/forms";
-import { FieldInfo, PageInfo } from "${ctx.importPath}";
-
-export const PAGE_INFO: PageInfo = {
-  id: "${ctx.kebab}",
-  labelsSection: "${ctx.labelsSection}",
-  hasAddButton: false,
-  draftSupported: false,
-};
-
-/** Shared schema for every line row; adjust \`row\` / \`visible\` for header vs body fields in your feature. */
-export const LINE_FIELDS: FieldInfo[] = [
-${fieldsBlock}
-];
-
-/** Grid columns for the line header row (length matches number of line fields). */
-export const COLUMN_HEADER_WIDTHS: string[] = [
-${Array.from({ length: ctx.fieldsCount }, () => '  "minmax(0,1fr)"').join(",\n")}
-];
-`;
-
-  const componentTs = `import { ChangeDetectionStrategy, Component } from "@angular/core";
-import { TranslateModule } from "@ngx-translate/core";
-import {
-  ItemLineEditorComponent,
-  ItemsTotal,
-  LineItem,
-} from "${ctx.importPath}";
-import { COLUMN_HEADER_WIDTHS, LINE_FIELDS, PAGE_INFO } from "./${fileBase}.settings";
-
-@Component({
-  selector: "app-${fileBase}",
-  standalone: true,
-  imports: [ItemLineEditorComponent, TranslateModule],
-  templateUrl: "./${fileBase}.component.html",
-  styleUrls: ["./${fileBase}.component.scss"],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class ${ctx.pascal}Component {
-  readonly pageInfo = PAGE_INFO;
-  readonly lineFields = LINE_FIELDS;
-  readonly columnHeaderWidths = COLUMN_HEADER_WIDTHS;
-  lines: LineItem[] = [];
-  currency = "QAR";
-
-  onLinesChange(items: LineItem[]): void {
-    this.lines = items;
-  }
-
-  onTotalsChange(_totals: ItemsTotal): void {
-    // Optional: patch a parent form or show summary.
-  }
-}
-`;
-
-  const componentHtml = `<app-item-line-editor
-  [pageInfo]="pageInfo"
-  [fields]="lineFields"
-  [columnHeaderWidths]="columnHeaderWidths"
-  [items]="lines"
-  [currency]="currency"
-  [title]="'${ctx.labelsSection}.linesTitle'"
-  [subtitle]="'${ctx.labelsSection}.linesSubtitle'"
-  (itemsChange)="onLinesChange($event)"
-  (totalsChange)="onTotalsChange($event)">
-</app-item-line-editor>
-`;
-
-  const componentScss = `:host {
-  display: block;
-}
-`;
-
-  return [
-    { relative: `${fileBase}.settings.ts`, content: settings },
-    { relative: `${fileBase}.component.ts`, content: componentTs },
-    { relative: `${fileBase}.component.html`, content: componentHtml },
-    { relative: `${fileBase}.component.scss`, content: componentScss },
-  ];
-}
-
-function getTranslations(ctx) {
-  const out = {
-    [`${ctx.labelsSection}.linesTitle`]: `${ctx.pascal} Lines`,
-    [`${ctx.labelsSection}.linesSubtitle`]: "Review and edit line items",
-  };
-  for (let i = 1; i <= ctx.fieldsCount; i++) {
-    out[`${ctx.labelsSection}.field${i}`] = `Field ${i}`;
-  }
-  return out;
-}
-
-module.exports = { generate, getTranslations };
+"use strict";
+
+const { buildFieldInfoLines } = require("../utils");
+
+/**
+ * @param {{
+ *  kebab: string,
+ *  pascal: string,
+ *  labelsSection: string,
+ *  importPath: string,
+ *  fieldsCount: number,
+ * }} ctx
+ */
+function generate(ctx) {
+  const fileBase = ctx.kebab;
+  const fieldsBlock = buildFieldInfoLines(ctx.fieldsCount, 2, "  ");
+
+  const settings = `import { Validators } from "@angular/forms";
+import { FieldInfo, PageInfo } from "${ctx.importPath}";
+
+export const PAGE_INFO: PageInfo = {
+  id: "${ctx.kebab}",
+  labelsSection: "${ctx.labelsSection}",
+  hasAddButton: false,
+  draftSupported: false,
+};
+
+/** Shared schema for every line row; adjust \`row\` / \`visible\` for header vs body fields in your feature. */
+export const LINE_FIELDS: FieldInfo[] = [
+${fieldsBlock}
+];
+
+/** Grid columns for the line header row (length matches number of line fields). */
+export const COLUMN_HEADER_WIDTHS: string[] = [
+${Array.from({ length: ctx.fieldsCount }, () => '  "minmax(0,1fr)"').join(",\n")}
+];
+`;
+
+  const componentTs = `import { ChangeDetectionStrategy, Component } from "@angular/core";
+import { TranslateModule } from "@ngx-translate/core";
+import {
+  ItemLineEditorComponent,
+  ItemsTotal,
+  LineItem,
+} from "${ctx.importPath}";
+import { COLUMN_HEADER_WIDTHS, LINE_FIELDS, PAGE_INFO } from "./${fileBase}.settings";
+
+@Component({
+  selector: "app-${fileBase}",
+  standalone: true,
+  imports: [ItemLineEditorComponent, TranslateModule],
+  templateUrl: "./${fileBase}.component.html",
+  styleUrls: ["./${fileBase}.component.scss"],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ${ctx.pascal}Component {
+  readonly pageInfo = PAGE_INFO;
+  readonly lineFields = LINE_FIELDS;
+  readonly columnHeaderWidths = COLUMN_HEADER_WIDTHS;
+  lines: LineItem[] = [];
+  currency = "QAR";
+
+  onLinesChange(items: LineItem[]): void {
+    this.lines = items;
+  }
+
+  onTotalsChange(_totals: ItemsTotal): void {
+    // Optional: patch a parent form or show summary.
+  }
+}
+`;
+
+  const componentHtml = `<app-item-line-editor
+  [pageInfo]="pageInfo"
+  [fields]="lineFields"
+  [columnHeaderWidths]="columnHeaderWidths"
+  [items]="lines"
+  [currency]="currency"
+  [title]="'${ctx.labelsSection}.linesTitle'"
+  [subtitle]="'${ctx.labelsSection}.linesSubtitle'"
+  (itemsChange)="onLinesChange($event)"
+  (totalsChange)="onTotalsChange($event)">
+</app-item-line-editor>
+`;
+
+  const componentScss = `:host {
+  display: block;
+}
+`;
+
+  return [
+    { relative: `${fileBase}.settings.ts`, content: settings },
+    { relative: `${fileBase}.component.ts`, content: componentTs },
+    { relative: `${fileBase}.component.html`, content: componentHtml },
+    { relative: `${fileBase}.component.scss`, content: componentScss },
+  ];
+}
+
+function getTranslations(ctx) {
+  const out = {
+    [`${ctx.labelsSection}.linesTitle`]: `${ctx.pascal} Lines`,
+    [`${ctx.labelsSection}.linesSubtitle`]: "Review and edit line items",
+  };
+  for (let i = 1; i <= ctx.fieldsCount; i++) {
+    out[`${ctx.labelsSection}.field${i}`] = `Field ${i}`;
+  }
+  return out;
+}
+
+module.exports = { generate, getTranslations };

package/cli/generators/permission-matrix.js

@@ -1,115 +1,115 @@
-"use strict";
-
-/**
- * @param {{
- *  kebab: string,
- *  pascal: string,
- *  labelsSection: string,
- *  importPath: string,
- * }} ctx
- */
-function generate(ctx) {
-  const fileBase = ctx.kebab;
-
-  const settings = `import {
-  PermissionConfig,
-  PermissionMatrixItem,
-} from "${ctx.importPath}";
-
-export const PERMISSION_COLUMNS: PermissionConfig[] = [
-  { key: "view", labelKey: "${ctx.labelsSection}.view" },
-  { key: "edit", labelKey: "${ctx.labelsSection}.edit" },
-  {
-    key: "completeAndTerminate",
-    labelKey: "${ctx.labelsSection}.completeAndTerminate",
-    combinedKeys: ["completePermission", "terminatePermission"],
-  },
-];
-
-export const SAMPLE_GROUPS: PermissionMatrixItem[] = [
-  {
-    id: "sample-group",
-    title: "Sample group",
-    description: "Replace with data from your API",
-    expanded: true,
-    permissions: {
-      view: false,
-      edit: false,
-      completePermission: false,
-      terminatePermission: false,
-    },
-  },
-];
-`;
-
-  const componentTs = `import { ChangeDetectionStrategy, Component } from "@angular/core";
-import { TranslateModule } from "@ngx-translate/core";
-import {
-  PermissionChangeEvent,
-  PermissionMatrixComponent,
-  PermissionMatrixItem,
-} from "${ctx.importPath}";
-import { PERMISSION_COLUMNS, SAMPLE_GROUPS } from "./${fileBase}.settings";
-
-@Component({
-  selector: "app-${fileBase}",
-  standalone: true,
-  imports: [PermissionMatrixComponent, TranslateModule],
-  templateUrl: "./${fileBase}.component.html",
-  styleUrls: ["./${fileBase}.component.scss"],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class ${ctx.pascal}Component {
-  readonly permissionConfig = PERMISSION_COLUMNS;
-  groups: PermissionMatrixItem[] = SAMPLE_GROUPS;
-  readonly canEdit = true;
-
-  onMatrixChange(items: PermissionMatrixItem[]): void {
-    this.groups = items;
-  }
-
-  onCell(_event: PermissionChangeEvent): void {
-    // Optional: audit / incremental API
-  }
-}
-`;
-
-  const componentHtml = `<lib-permission-matrix
-  [items]="groups"
-  [permissions]="permissionConfig"
-  [titleKey]="'${ctx.labelsSection}.groupMatrix'"
-  [selectAllLabelKey]="'${ctx.labelsSection}.selectAll'"
-  [expandAllLabelKey]="'${ctx.labelsSection}.expandAll'"
-  [collapseAllLabelKey]="'${ctx.labelsSection}.collapseAll'"
-  [readonly]="!canEdit"
-  (itemsChange)="onMatrixChange($event)"
-  (permissionChange)="onCell($event)">
-</lib-permission-matrix>
-`;
-
-  const componentScss = `:host {
-  display: block;
-}
-`;
-
-  return [
-    { relative: `${fileBase}.settings.ts`, content: settings },
-    { relative: `${fileBase}.component.ts`, content: componentTs },
-    { relative: `${fileBase}.component.html`, content: componentHtml },
-    { relative: `${fileBase}.component.scss`, content: componentScss },
-  ];
-}
-
-function getTranslations(ctx) {
-  return {
-    [`${ctx.labelsSection}.groupMatrix`]: "Group matrix",
-    [`${ctx.labelsSection}.selectAll`]: "Select all",
-    [`${ctx.labelsSection}.expandAll`]: "Expand all",
-    [`${ctx.labelsSection}.collapseAll`]: "Collapse all",
-    [`${ctx.labelsSection}.view`]: "View",
-    [`${ctx.labelsSection}.edit`]: "Edit",
-    [`${ctx.labelsSection}.completeAndTerminate`]: "Complete and terminate",
-  };
-}
-
-module.exports = { generate, getTranslations };
+"use strict";
+
+/**
+ * @param {{
+ *  kebab: string,
+ *  pascal: string,
+ *  labelsSection: string,
+ *  importPath: string,
+ * }} ctx
+ */
+function generate(ctx) {
+  const fileBase = ctx.kebab;
+
+  const settings = `import {
+  PermissionConfig,
+  PermissionMatrixItem,
+} from "${ctx.importPath}";
+
+export const PERMISSION_COLUMNS: PermissionConfig[] = [
+  { key: "view", labelKey: "${ctx.labelsSection}.view" },
+  { key: "edit", labelKey: "${ctx.labelsSection}.edit" },
+  {
+    key: "completeAndTerminate",
+    labelKey: "${ctx.labelsSection}.completeAndTerminate",
+    combinedKeys: ["completePermission", "terminatePermission"],
+  },
+];
+
+export const SAMPLE_GROUPS: PermissionMatrixItem[] = [
+  {
+    id: "sample-group",
+    title: "Sample group",
+    description: "Replace with data from your API",
+    expanded: true,
+    permissions: {
+      view: false,
+      edit: false,
+      completePermission: false,
+      terminatePermission: false,
+    },
+  },
+];
+`;
+
+  const componentTs = `import { ChangeDetectionStrategy, Component } from "@angular/core";
+import { TranslateModule } from "@ngx-translate/core";
+import {
+  PermissionChangeEvent,
+  PermissionMatrixComponent,
+  PermissionMatrixItem,
+} from "${ctx.importPath}";
+import { PERMISSION_COLUMNS, SAMPLE_GROUPS } from "./${fileBase}.settings";
+
+@Component({
+  selector: "app-${fileBase}",
+  standalone: true,
+  imports: [PermissionMatrixComponent, TranslateModule],
+  templateUrl: "./${fileBase}.component.html",
+  styleUrls: ["./${fileBase}.component.scss"],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ${ctx.pascal}Component {
+  readonly permissionConfig = PERMISSION_COLUMNS;
+  groups: PermissionMatrixItem[] = SAMPLE_GROUPS;
+  readonly canEdit = true;
+
+  onMatrixChange(items: PermissionMatrixItem[]): void {
+    this.groups = items;
+  }
+
+  onCell(_event: PermissionChangeEvent): void {
+    // Optional: audit / incremental API
+  }
+}
+`;
+
+  const componentHtml = `<lib-permission-matrix
+  [items]="groups"
+  [permissions]="permissionConfig"
+  [titleKey]="'${ctx.labelsSection}.groupMatrix'"
+  [selectAllLabelKey]="'${ctx.labelsSection}.selectAll'"
+  [expandAllLabelKey]="'${ctx.labelsSection}.expandAll'"
+  [collapseAllLabelKey]="'${ctx.labelsSection}.collapseAll'"
+  [readonly]="!canEdit"
+  (itemsChange)="onMatrixChange($event)"
+  (permissionChange)="onCell($event)">
+</lib-permission-matrix>
+`;
+
+  const componentScss = `:host {
+  display: block;
+}
+`;
+
+  return [
+    { relative: `${fileBase}.settings.ts`, content: settings },
+    { relative: `${fileBase}.component.ts`, content: componentTs },
+    { relative: `${fileBase}.component.html`, content: componentHtml },
+    { relative: `${fileBase}.component.scss`, content: componentScss },
+  ];
+}
+
+function getTranslations(ctx) {
+  return {
+    [`${ctx.labelsSection}.groupMatrix`]: "Group matrix",
+    [`${ctx.labelsSection}.selectAll`]: "Select all",
+    [`${ctx.labelsSection}.expandAll`]: "Expand all",
+    [`${ctx.labelsSection}.collapseAll`]: "Collapse all",
+    [`${ctx.labelsSection}.view`]: "View",
+    [`${ctx.labelsSection}.edit`]: "Edit",
+    [`${ctx.labelsSection}.completeAndTerminate`]: "Complete and terminate",
+  };
+}
+
+module.exports = { generate, getTranslations };