@dereekb/dbx-form 9.16.2 → 9.16.3

package/lib/formly/field/value/array/_array.scss

@@ -6,7 +6,7 @@
 
 // MARK: Mixin
 @mixin core() {
-  .example-custom-placeholder {
+  .dbx-form-repeat-array-drag-placeholder {
     background: #ccc;
     border: dotted 3px #999;
     min-height: 100px;
@@ -37,6 +37,10 @@
         padding: 6px;
       }
     }
+
+    .dbx-form-repeat-array-footer {
+      margin-top: 6px;
+    }
   }
 }
 

package/lib/formly/field/value/array/array.field.component.d.ts

@@ -1,20 +1,55 @@
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { FactoryWithInput, Maybe } from '@dereekb/util';
+import { DecisionFunction, FactoryWithRequiredInput, IndexRef, Maybe } from '@dereekb/util';
 import { FieldArrayTypeConfig, FieldArrayType, FormlyFieldConfig, FormlyFieldProps } from '@ngx-formly/core';
 import * as i0 from "@angular/core";
-export interface DbxFormRepeatArrayConfig extends FormlyFieldProps {
-    labelForField?: string | FactoryWithInput<string, FormlyFieldConfig>;
+export interface DbxFormRepeatArrayPair<T = unknown> extends IndexRef {
+    value: T;
+}
+export interface DbxFormRepeatArrayFieldConfigPair<T = unknown> extends DbxFormRepeatArrayPair<T> {
+    fieldConfig: FormlyFieldConfig;
+}
+export interface DbxFormRepeatArrayConfig<T = unknown> extends Pick<FormlyFieldProps, 'maxLength' | 'label' | 'description'> {
+    labelForField?: string | FactoryWithRequiredInput<string, DbxFormRepeatArrayFieldConfigPair<T>>;
+    /**
+     * Text for the add button.
+     */
     addText?: string;
+    /**
+     * Text for the remove button.
+     */
     removeText?: string;
+    /**
+     * Whethe or not to disable rearranging items.
+     *
+     * False by default.
+     */
+    disableRearrange?: boolean;
+    /**
+     * Wether or not to show the add button.
+     *
+     * True by default.
+     */
+    allowAdd?: boolean;
+    /**
+     * Whether or not to allow removing items. Can optionally pass a decision function that decides whether or not a specific item can be removed.
+     */
+    allowRemove?: boolean | DecisionFunction<DbxFormRepeatArrayPair<T>>;
 }
-export declare class DbxFormRepeatArrayTypeComponent extends FieldArrayType<FieldArrayTypeConfig<DbxFormRepeatArrayConfig>> {
+export declare class DbxFormRepeatArrayTypeComponent<T = unknown> extends FieldArrayType<FieldArrayTypeConfig<DbxFormRepeatArrayConfig>> {
+    private _labelForField;
+    private _allowRemove;
     get repeatArrayField(): DbxFormRepeatArrayConfig;
     get label(): string;
+    get description(): Maybe<string>;
     get addText(): string;
     get removeText(): string;
     get max(): Maybe<number>;
     get count(): number;
-    get canAdd(): boolean;
+    get disableRearrange(): boolean;
+    get allowAdd(): boolean;
+    allowRemove(i: number): boolean;
+    get addItemDisabled(): boolean;
+    get canAddItem(): boolean;
     /**
      * Moves the target index up one value.
      *
@@ -24,7 +59,7 @@ export declare class DbxFormRepeatArrayTypeComponent extends FieldArrayType<Fiel
     moveDown(index: number): void;
     swapIndexes(currentIndex: number, targetIndex: number): void;
     drop(event: CdkDragDrop<unknown>): void;
-    labelForItem(field: FormlyFieldConfig): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormRepeatArrayTypeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormRepeatArrayTypeComponent, "ng-component", never, {}, {}, never, never, false>;
+    labelForItem(fieldConfig: FormlyFieldConfig, i: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormRepeatArrayTypeComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormRepeatArrayTypeComponent<any>, "ng-component", never, {}, {}, never, never, false>;
 }

package/lib/formly/field/value/array/array.field.d.ts

@@ -2,24 +2,25 @@ import { ArrayOrValue } from '@dereekb/util';
 import { FormlyFieldConfig } from '@ngx-formly/core';
 import { FieldConfig } from '../../field';
 import { DbxFormRepeatArrayConfig } from './array.field.component';
-export interface RepeatArrayFieldConfig extends DbxFormRepeatArrayConfig, FieldConfig {
-    label?: string;
+export interface RepeatArrayFieldConfig<T = unknown> extends DbxFormRepeatArrayConfig<T>, FieldConfig {
     repeatFieldGroup: ArrayOrValue<FormlyFieldConfig>;
-    maxLength?: number;
 }
-export declare function repeatArrayField(config: RepeatArrayFieldConfig): {
+export declare function repeatArrayField<T = unknown>(config: RepeatArrayFieldConfig<T>): {
     fieldArray: {
         fieldGroup: FormlyFieldConfig<import("@ngx-formly/core").FormlyFieldProps & {
             [additionalProperties: string]: any;
         }>[];
     };
     props: Partial<import("@ngx-formly/core").FormlyFieldProps> & Partial<FieldConfig> & Partial<import("../../field").LabeledFieldConfig> & Partial<import("../../field").AttributesFieldConfig> & Partial<import("../../field").DescriptionFieldConfig> & {
+        label: string | undefined;
+        description: string | undefined;
         maxLength: number | undefined;
-        labelForField: string | import("@dereekb/util").FactoryWithInput<string, FormlyFieldConfig<import("@ngx-formly/core").FormlyFieldProps & {
-            [additionalProperties: string]: any;
-        }>> | undefined;
+        labelForField: string | import("@dereekb/util").FactoryWithRequiredInput<string, import("./array.field.component").DbxFormRepeatArrayFieldConfigPair<T>> | undefined;
         addText: string | undefined;
         removeText: string | undefined;
+        disableRearrange: boolean | undefined;
+        allowAdd: boolean | undefined;
+        allowRemove: boolean | import("@dereekb/util").DecisionFunction<import("./array.field.component").DbxFormRepeatArrayPair<T>> | undefined;
     };
     expressions: {
         [property: string]: string | import("rxjs").Observable<any> | ((field: FormlyFieldConfig<import("@ngx-formly/core").FormlyFieldProps & {

package/mapbox/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@dereekb/dbx-form/mapbox",
-  "version": "9.16.2",
+  "version": "9.16.3",
   "peerDependencies": {
     "@angular/common": "^14.1.0",
     "@angular/core": "^14.1.0",
     "@angular/forms": "^14.0.0",
-    "@dereekb/dbx-web": "9.16.2",
+    "@dereekb/dbx-web": "9.16.3",
     "@ngx-formly/core": "6.0.0-rc.2",
     "@ngx-formly/material": "6.0.0-rc.2",
     "@ng-web-apis/geolocation": "^2.0.0",
     "mapbox-gl": "^2.9.2",
-    "@dereekb/dbx-web/mapbox": "9.16.2",
-    "@dereekb/dbx-form": "9.16.2"
+    "@dereekb/dbx-web/mapbox": "9.16.3",
+    "@dereekb/dbx-form": "9.16.3"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@dereekb/dbx-form",
-  "version": "9.16.2",
+  "version": "9.16.3",
   "peerDependencies": {
     "@angular/common": "^14.0.0",
     "@angular/core": "^14.0.0",
     "lodash.clonedeep": "^4.5.0",
-    "@dereekb/dbx-core": "9.16.2",
+    "@dereekb/dbx-core": "9.16.3",
     "@angular/material": "^14.0.0",
-    "@dereekb/dbx-web": "9.16.2",
+    "@dereekb/dbx-web": "9.16.3",
     "@angular/forms": "^14.0.0",
     "@ngx-formly/core": "6.0.0-rc.2",
     "@ngx-formly/material": "6.0.0-rc.2",
     "change-case": "^4.1.2",
     "ngx-editor": "^15.0.0",
     "ngx-mat-intl-tel-input": "^5.0.0",
-    "@dereekb/model": "9.16.2"
+    "@dereekb/model": "9.16.3"
   },
   "dependencies": {
     "tslib": "^2.3.0"