@dereekb/dbx-form 8.7.3 → 8.7.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/esm2020/lib/form/action/form.action.directive.mjs +3 -2
  2. package/esm2020/lib/formly/field/value/array/array.field.component.mjs +3 -2
  3. package/esm2020/lib/formly/field/value/array/array.field.mjs +3 -2
  4. package/esm2020/lib/formly/field/value/text/text.field.mjs +5 -4
  5. package/esm2020/lib/formly/field/wrapper/expandable.wrapper.component.mjs +4 -4
  6. package/esm2020/lib/formly/field/wrapper/expandable.wrapper.delegate.mjs +6 -6
  7. package/esm2020/lib/formly/field/wrapper/flex.wrapper.component.mjs +4 -4
  8. package/esm2020/lib/formly/field/wrapper/info.wrapper.component.mjs +2 -2
  9. package/esm2020/lib/formly/field/wrapper/section.wrapper.component.mjs +3 -3
  10. package/esm2020/lib/formly/field/wrapper/subsection.wrapper.component.mjs +3 -3
  11. package/esm2020/lib/formly/field/wrapper/wrapper.mjs +3 -5
  12. package/esm2020/lib/formly/formly.form.component.mjs +34 -18
  13. package/fesm2015/dereekb-dbx-form.mjs +65 -53
  14. package/fesm2015/dereekb-dbx-form.mjs.map +1 -1
  15. package/fesm2020/dereekb-dbx-form.mjs +59 -42
  16. package/fesm2020/dereekb-dbx-form.mjs.map +1 -1
  17. package/lib/formly/field/value/array/_array.scss +2 -0
  18. package/lib/formly/field/value/array/array.field.d.ts +3 -2
  19. package/lib/formly/field/value/text/text.field.d.ts +5 -3
  20. package/lib/formly/field/wrapper/expandable.wrapper.delegate.d.ts +3 -6
  21. package/lib/formly/field/wrapper/flex.wrapper.component.d.ts +2 -6
  22. package/lib/formly/field/wrapper/info.wrapper.component.d.ts +2 -5
  23. package/lib/formly/field/wrapper/section.wrapper.component.d.ts +1 -4
  24. package/lib/formly/field/wrapper/subsection.wrapper.component.d.ts +1 -4
  25. package/lib/formly/field/wrapper/wrapper.d.ts +2 -2
  26. package/package.json +3 -3
@@ -14,6 +14,8 @@
14
14
  }
15
15
 
16
16
  .dbx-form-repeat-array {
17
+ margin-bottom: 8px;
18
+
17
19
  .dbx-form-repeat-array-field {
18
20
  @include theming.elevation(1);
19
21
 
@@ -1,9 +1,10 @@
1
+ import { ArrayOrValue } from '@dereekb/util';
1
2
  import { FormlyFieldConfig } from '@ngx-formly/core';
2
3
  import { FieldConfig } from '../../field';
3
4
  import { DbxFormRepeatArrayConfig } from './array.field.component';
4
5
  export interface RepeatArrayFieldConfig extends DbxFormRepeatArrayConfig, FieldConfig {
5
6
  label?: string;
6
- repeatFieldGroup: FormlyFieldConfig[];
7
+ repeatFieldGroup: ArrayOrValue<FormlyFieldConfig>;
7
8
  maxLength?: number;
8
9
  }
9
10
  export declare function repeatArrayField(config: RepeatArrayFieldConfig): {
@@ -14,7 +15,7 @@ export declare function repeatArrayField(config: RepeatArrayFieldConfig): {
14
15
  };
15
16
  props: Partial<import("@ngx-formly/core").FormlyFieldProps> & Partial<FieldConfig> & Partial<import("../../field").LabeledFieldConfig> & Partial<import("../../field").AttributesFieldConfig> & Partial<import("../../field").DescriptionFieldConfig> & {
16
17
  maxLength: number | undefined;
17
- labelForField: string | import("../../../../../../../../dist/packages/util/src").FactoryWithInput<string, FormlyFieldConfig<import("@ngx-formly/core").FormlyFieldProps & {
18
+ labelForField: string | import("@dereekb/util").FactoryWithInput<string, FormlyFieldConfig<import("@ngx-formly/core").FormlyFieldProps & {
18
19
  [additionalProperties: string]: any;
19
20
  }>> | undefined;
20
21
  addText: string | undefined;
@@ -4,13 +4,15 @@ export interface TextFieldLengthConfig {
4
4
  minLength?: number;
5
5
  maxLength?: number;
6
6
  }
7
+ export interface TextFieldPatternConfig {
8
+ pattern?: string | RegExp;
9
+ }
7
10
  export declare type TextFieldInputType = 'text' | 'password' | 'email';
8
- export interface TextFieldConfig extends LabeledFieldConfig, DescriptionFieldConfig, TextFieldLengthConfig, AttributesFieldConfig {
11
+ export interface TextFieldConfig extends LabeledFieldConfig, DescriptionFieldConfig, TextFieldPatternConfig, TextFieldLengthConfig, AttributesFieldConfig {
9
12
  inputType?: TextFieldInputType;
10
- pattern?: string | RegExp;
11
13
  }
12
14
  export declare function textField(config: TextFieldConfig): FormlyFieldConfig;
13
- export interface TextAreaFieldConfig extends LabeledFieldConfig, DescriptionFieldConfig, TextFieldLengthConfig, AttributesFieldConfig {
15
+ export interface TextAreaFieldConfig extends LabeledFieldConfig, DescriptionFieldConfig, TextFieldPatternConfig, TextFieldLengthConfig, AttributesFieldConfig {
14
16
  rows?: number;
15
17
  }
16
18
  export declare function textAreaField(config: TextAreaFieldConfig): FormlyFieldConfig;
@@ -4,24 +4,21 @@ import { BehaviorSubject } from 'rxjs';
4
4
  import { OnDestroy, OnInit } from '@angular/core';
5
5
  import { AbstractControl } from '@angular/forms';
6
6
  import * as i0 from "@angular/core";
7
- export interface AbstractFormExpandableSectionConfig<T extends object = object> {
7
+ export interface AbstractFormExpandableSectionConfig<T extends object = object> extends Pick<FormlyFieldProps, 'label'> {
8
8
  expandLabel?: string;
9
9
  /**
10
10
  * Optional function to use for checking value existence.
11
11
  */
12
12
  hasValueFn?: (value: T) => boolean;
13
13
  }
14
- export interface FormExpandableSectionWrapperFieldProps<T extends object = object, S extends AbstractFormExpandableSectionConfig<T> = AbstractFormExpandableSectionConfig<T>> extends Pick<FormlyFieldProps, 'label'> {
15
- expandWrapper?: S;
16
- }
17
14
  export declare const DEFAULT_HAS_VALUE_FN: (x: object) => boolean;
18
- export declare class AbstractFormExpandableSectionWrapperDirective<T extends object = object, S extends AbstractFormExpandableSectionConfig<T> = AbstractFormExpandableSectionConfig<T>> extends FieldWrapper<FormlyFieldConfig<FormExpandableSectionWrapperFieldProps<T, S>>> implements OnInit, OnDestroy {
15
+ export declare class AbstractFormExpandableSectionWrapperDirective<T extends object = object, S extends AbstractFormExpandableSectionConfig<T> = AbstractFormExpandableSectionConfig<T>> extends FieldWrapper<FormlyFieldConfig<S>> implements OnInit, OnDestroy {
19
16
  protected _formControlObs: BehaviorSubject<Maybe<AbstractControl>>;
20
17
  readonly formControl$: import("rxjs").Observable<AbstractControl>;
21
18
  protected _toggleOpen: BehaviorSubject<Maybe<boolean>>;
22
19
  readonly show$: import("rxjs").Observable<boolean>;
23
20
  readonly hasValue$: import("rxjs").Observable<boolean>;
24
- get expandableSection(): Maybe<S>;
21
+ get expandableSection(): S;
25
22
  get hasValueFn(): (value: T) => boolean;
26
23
  get expandLabel(): Maybe<string>;
27
24
  open(): void;
@@ -1,16 +1,12 @@
1
1
  import { ScreenMediaWidthType } from '@dereekb/dbx-web';
2
- import { Maybe } from '@dereekb/util';
3
2
  import { FieldWrapper, FormlyFieldConfig } from '@ngx-formly/core';
4
3
  import * as i0 from "@angular/core";
5
4
  export interface DbxFlexWrapperConfig {
6
5
  breakpoint?: ScreenMediaWidthType;
7
6
  relative?: boolean;
8
7
  }
9
- export interface DbxFlexWrapperWrapperProps {
10
- flexWrapper?: DbxFlexWrapperConfig;
11
- }
12
- export declare class DbxFormFlexWrapperComponent extends FieldWrapper<FormlyFieldConfig<DbxFlexWrapperWrapperProps>> {
13
- get flexWrapper(): Maybe<DbxFlexWrapperConfig>;
8
+ export declare class DbxFormFlexWrapperComponent extends FieldWrapper<FormlyFieldConfig<DbxFlexWrapperConfig>> {
9
+ get flexWrapper(): DbxFlexWrapperConfig;
14
10
  get breakpoint(): ScreenMediaWidthType | undefined;
15
11
  get relative(): boolean;
16
12
  static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormFlexWrapperComponent, never>;
@@ -1,12 +1,9 @@
1
1
  import { FieldWrapper, FormlyFieldConfig, FormlyFieldProps } from '@ngx-formly/core';
2
2
  import * as i0 from "@angular/core";
3
- export interface DbxFormInfoConfig {
3
+ export interface DbxFormInfoConfig extends FormlyFieldProps {
4
4
  onInfoClick: () => void;
5
5
  }
6
- export interface DbxFormInfoWrapperProps extends FormlyFieldProps {
7
- infoWrapper: DbxFormInfoConfig;
8
- }
9
- export declare class DbxFormInfoWrapperComponent extends FieldWrapper<FormlyFieldConfig<DbxFormInfoWrapperProps>> {
6
+ export declare class DbxFormInfoWrapperComponent extends FieldWrapper<FormlyFieldConfig<DbxFormInfoConfig>> {
10
7
  get infoWrapper(): DbxFormInfoConfig;
11
8
  onInfoClick(): void;
12
9
  static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormInfoWrapperComponent, never>;
@@ -5,10 +5,7 @@ export interface DbxFormSectionConfig {
5
5
  header?: string;
6
6
  hint?: string;
7
7
  }
8
- export interface DbxFormSectionWrapperProps {
9
- sectionWrapper?: DbxFormSectionConfig;
10
- }
11
- export declare class DbxFormSectionWrapperComponent extends FieldWrapper<FormlyFieldConfig<DbxFormSectionWrapperProps>> {
8
+ export declare class DbxFormSectionWrapperComponent extends FieldWrapper<FormlyFieldConfig<DbxFormSectionConfig>> {
12
9
  get header(): Maybe<string>;
13
10
  get hint(): Maybe<string>;
14
11
  static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormSectionWrapperComponent, never>;
@@ -5,10 +5,7 @@ export interface DbxFormSubsectionConfig {
5
5
  header?: string;
6
6
  hint?: string;
7
7
  }
8
- export interface DbxFormSubsectionWrapperProps {
9
- subsectionWrapper?: DbxFormSubsectionConfig;
10
- }
11
- export declare class DbxFormSubsectionWrapperComponent extends FieldWrapper<FieldTypeConfig<DbxFormSubsectionWrapperProps>> {
8
+ export declare class DbxFormSubsectionWrapperComponent extends FieldWrapper<FieldTypeConfig<DbxFormSubsectionConfig>> {
12
9
  get header(): Maybe<string>;
13
10
  get hint(): Maybe<string>;
14
11
  static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormSubsectionWrapperComponent, never>;
@@ -1,5 +1,5 @@
1
1
  import { DbxFormStyleWrapperConfig } from './style.wrapper.component';
2
- import { DbxFlexWrapperConfig, DbxFlexWrapperWrapperProps } from './flex.wrapper.component';
2
+ import { DbxFlexWrapperConfig } from './flex.wrapper.component';
3
3
  import { FormlyFieldConfig } from '@ngx-formly/core';
4
4
  import { DbxFormToggleWrapperConfig } from './toggle.wrapper.component';
5
5
  import { DbxFormSectionConfig } from './section.wrapper.component';
@@ -41,4 +41,4 @@ export interface DbxFlexLayoutWrapperGroupFieldConfig {
41
41
  export interface DbxFlexLayoutWrapperGroupFieldConfigDefaults extends DbxFlexWrapperConfig, Omit<DbxFlexLayoutWrapperGroupFieldConfig, 'field'> {
42
42
  }
43
43
  export declare function checkIsFieldFlexLayoutGroupFieldConfig(input: FormlyFieldConfig | DbxFlexLayoutWrapperGroupFieldConfig): input is DbxFlexLayoutWrapperGroupFieldConfig;
44
- export declare function flexLayoutWrapper(fieldConfigs: (FormlyFieldConfig | DbxFlexLayoutWrapperGroupFieldConfig)[], { relative, breakpoint, size: defaultSize }?: DbxFlexLayoutWrapperGroupFieldConfigDefaults): FormlyFieldConfig<DbxFlexWrapperWrapperProps>;
44
+ export declare function flexLayoutWrapper(fieldConfigs: (FormlyFieldConfig | DbxFlexLayoutWrapperGroupFieldConfig)[], { relative, breakpoint, size: defaultSize }?: DbxFlexLayoutWrapperGroupFieldConfigDefaults): FormlyFieldConfig<DbxFlexWrapperConfig>;
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@dereekb/dbx-form",
3
- "version": "8.7.3",
3
+ "version": "8.7.6",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0",
7
- "@dereekb/dbx-core": "8.7.3",
7
+ "@dereekb/dbx-core": "8.7.6",
8
8
  "@angular/material": "^13.0.0",
9
- "@dereekb/dbx-web": "8.7.3",
9
+ "@dereekb/dbx-web": "8.7.6",
10
10
  "@angular/forms": "^13.0.0",
11
11
  "@ngx-formly/core": "6.0.0-beta.3",
12
12
  "@ngx-formly/material": "6.0.0-beta.3",