@dereekb/dbx-form 9.18.2 → 9.18.3

package/lib/form.module.d.ts

@@ -2,8 +2,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "./form/form.module";
 import * as i2 from "./formly/formly.module";
 import * as i3 from "./formly/field/form.field.module";
+import * as i4 from "./formly/form/form.form.module";
 export declare class DbxFormExtensionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormExtensionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormExtensionModule, never, never, [typeof i1.DbxFormModule, typeof i2.DbxFormlyModule, typeof i3.DbxFormFormlyFieldModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormExtensionModule, never, never, [typeof i1.DbxFormModule, typeof i2.DbxFormlyModule, typeof i3.DbxFormFormlyFieldModule, typeof i4.DbxFormFormlyFormModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormExtensionModule>;
 }

package/lib/formly/field/selection/pickable/pickable.field.d.ts

@@ -7,6 +7,7 @@ import { PickableItemFieldItem, PickableValueFieldsFieldProps } from './pickable
 export { PickableItemFieldItem };
 export declare const filterPickableItemFieldValuesByLabelFilterFunction: SearchStringFilterFunction<PickableValueFieldDisplayValue<any>>;
 export declare function filterPickableItemFieldValuesByLabel<T>(filterText: Maybe<string>, values: PickableValueFieldDisplayValue<T>[]): Observable<T[]>;
+export declare const sortPickableItemsByLabelStringFunction: import("@dereekb/util").SortByStringFunction<PickableItemFieldItem<any, unknown>>;
 export declare function sortPickableItemsByLabel<T>(chips: PickableItemFieldItem<T>[]): PickableItemFieldItem<T>[];
 export interface PickableItemFieldConfig<T = unknown, M = unknown> extends LabeledFieldConfig, PickableValueFieldsFieldProps<T, M> {
 }

package/lib/formly/form/_form.scss

@@ -0,0 +1,31 @@
+@use '../../style/theming';
+
+// MARK: Variables
+
+// MARK: Mixin
+@mixin core() {
+  .dbx-form-search-form {
+    width: 100%;
+  }
+}
+
+@mixin color($theme-config) {
+}
+
+@mixin typography($typography-config) {
+}
+
+@mixin theme($theme-config) {
+  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-formly-form') {
+    $color: theming.get-color-config($theme-config);
+    $typography: theming.get-typography-config($theme-config);
+
+    @if $color !=null {
+      @include color($theme-config);
+    }
+
+    @if $typography !=null {
+      @include typography($typography);
+    }
+  }
+}

package/lib/formly/form/form.form.d.ts

@@ -0,0 +1,10 @@
+import { Maybe } from '@dereekb/util';
+import { FormlyFieldConfig } from '@ngx-formly/core';
+export interface DbxFormSearchFormFieldsValue {
+    search: string;
+}
+export interface DbxFormSearchFormFieldsConfig {
+    label?: string;
+    placeholder?: string;
+}
+export declare function dbxFormSearchFormFields(config: Maybe<DbxFormSearchFormFieldsConfig>): FormlyFieldConfig[];

package/lib/formly/form/form.form.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./search.form.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../form/form.module";
+import * as i4 from "../formly.module";
+import * as i5 from "../field/form.field.module";
+export declare class DbxFormFormlyFormModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormFormlyFormModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormFormlyFormModule, [typeof i1.DbxFormSearchFormComponent], [typeof i2.CommonModule, typeof i3.DbxFormModule, typeof i4.DbxFormlyModule, typeof i5.DbxFormFormlyFieldModule], [typeof i1.DbxFormSearchFormComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormFormlyFormModule>;
+}

package/lib/formly/form/index.d.ts

@@ -0,0 +1,3 @@
+export * from './form.form.module';
+export * from './form.form';
+export * from './search.form.component';

package/lib/formly/form/search.form.component.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter, OnDestroy } from '@angular/core';
+import { FormlyFieldConfig } from '@ngx-formly/core';
+import { Observable } from 'rxjs';
+import { AbstractConfigAsyncFormlyFormDirective } from '../formly.directive';
+import { DbxFormSearchFormFieldsConfig, DbxFormSearchFormFieldsValue } from './form.form';
+import * as i0 from "@angular/core";
+export declare class DbxFormSearchFormComponent extends AbstractConfigAsyncFormlyFormDirective<DbxFormSearchFormFieldsValue, DbxFormSearchFormFieldsConfig> implements OnDestroy {
+    readonly search: EventEmitter<string>;
+    readonly fields$: Observable<FormlyFieldConfig[]>;
+    searchChanged(value: DbxFormSearchFormFieldsValue): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormSearchFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormSearchFormComponent, "dbx-form-search-form", never, {}, { "search": "search"; }, never, never, false>;
+}

package/lib/formly/formly.directive.d.ts

@@ -47,6 +47,7 @@ export declare abstract class AbstractAsyncFormlyFormDirective<T> extends Abstra
 }
 export declare abstract class AbstractConfigAsyncFormlyFormDirective<T, C> extends AbstractAsyncFormlyFormDirective<T> implements OnInit, OnDestroy {
     private readonly _config;
+    readonly currentConfig$: Observable<Maybe<C>>;
     readonly config$: Observable<C>;
     get config(): Maybe<C>;
     set config(config: Maybe<C>);

package/lib/formly/index.d.ts

@@ -1,5 +1,6 @@
 export * from './config';
 export * from './field';
+export * from './form';
 export * from './template';
 export * from './formly.context';
 export * from './formly.context.directive';

package/lib/style/_all-core.scss

@@ -2,6 +2,7 @@
 @use '../formly/formly';
 @use '../layout/layout';
 @use '../formly/field/field';
+@use '../formly/form/form' as forms;
 @use '../extension/extension';
 
 // Includes all theming config
@@ -9,6 +10,7 @@
   @include form.core();
   @include formly.core();
   @include field.all-field-core();
+  @include forms.core();
   @include layout.core();
   @include extension.all-extension-core($theme-config);
 }

package/lib/style/_all-theme.scss

@@ -2,6 +2,7 @@
 @use '../formly/formly';
 @use '../layout/layout';
 @use '../formly/field/field';
+@use '../formly/form/form' as forms;
 @use '../extension/extension';
 
 // Includes all theming config
@@ -9,6 +10,7 @@
   @include form.theme($theme-config);
   @include formly.theme($theme-config);
   @include field.all-field-theme($theme-config);
+  @include forms.theme($theme-config);
   @include layout.theme($theme-config);
   @include extension.all-extension-theme($theme-config);
 }

package/lib/style/_all-typography.scss

@@ -2,6 +2,7 @@
 @use '../formly/formly';
 @use '../layout/layout';
 @use '../formly/field/field';
+@use '../formly/form/form' as forms;
 @use '../extension/extension';
 
 // Includes all of the typographic styles.
@@ -9,6 +10,7 @@
   @include form.typography($typography-config);
   @include formly.typography($typography-config);
   @include field.all-field-typography($typography-config);
+  @include forms.typography($typography-config);
   @include layout.typography($typography-config);
   @include extension.all-extension-typography($typography-config, $theme-config);
 }

package/mapbox/package.json

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

package/package.json

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