@dereekb/dbx-form 9.1.2 → 9.2.0

package/lib/formly/field/value/date/_date.scss

@@ -4,16 +4,6 @@
 
 // MARK: Mixin
 @mixin core() {
-  .dbx-datetime-parent-form-field {
-    > formly-wrapper-mat-form-field {
-      > mat-form-field.mat-form-field {
-        > .mat-form-field-wrapper > .mat-form-field-underline {
-          display: none;
-        }
-      }
-    }
-  }
-
   .dbx-datetime-field {
     width: 100%;
   }

package/lib/formly/field/value/date/datetime.field.d.ts

@@ -10,4 +10,4 @@ export declare const TAKE_NEXT_UPCOMING_TIME_CONFIG_OBS: () => Observable<DateTi
  * Same as DateTime field but with the Date input hidden by default.
  */
 export declare function timeOnlyField(config?: Partial<TimeFieldConfig>): FormlyFieldConfig;
-export declare function dateTimeField(config?: Partial<DateTimeFieldConfig>): FormlyFieldConfig<DbxDateTimeFieldProps>;
+export declare function dateTimeField(config?: Partial<DateTimeFieldConfig>): import("../../wrapper/wrapper").WrapperFormlyFieldConfig<import("../../wrapper/style.wrapper.component").DbxFormStyleWrapperConfig, FormlyFieldConfig<DbxDateTimeFieldProps>>;

package/lib/formly/field/value/text/text.additional.field.d.ts

@@ -17,3 +17,6 @@ export declare function cityField({ key, required }?: Partial<TextFieldConfig>):
 export declare function stateField({ key, required }?: Partial<TextFieldConfig>): FormlyFieldConfig;
 export declare function countryField({ key, required }?: Partial<TextFieldConfig>): FormlyFieldConfig;
 export declare function zipCodeField({ key, required }?: Partial<TextFieldConfig>): FormlyFieldConfig;
+export declare const DEFAULT_LAT_LNG_TEXT_FIELD_PLACEHOLDER = "12.345,-67.8910";
+export declare const DEFAULT_LAT_LNG_TEXT_FIELD_PATTERN_MESSAGE = "Invalid/unknown coordinates";
+export declare function latLngTextField({ key }?: Partial<TextFieldConfig>): FormlyFieldConfig;

package/lib/formly/field/wrapper/_wrapper.scss

@@ -6,6 +6,16 @@ $form-flex-section-group-item-padding: $form-flex-section-group-padding * 2;
 
 // MARK: Mixin
 @mixin core() {
+  .dbx-mat-form-field-disable-underline {
+    > formly-wrapper-mat-form-field {
+      > mat-form-field.mat-form-field {
+        > .mat-form-field-wrapper > .mat-form-field-underline {
+          display: none;
+        }
+      }
+    }
+  }
+
   .dbx-form-expand-wrapper-button {
     text-decoration: underline;
     margin-right: 8px;

package/lib/formly/field/wrapper/style.wrapper.component.d.ts

@@ -4,13 +4,20 @@ import { Maybe } from '@dereekb/util';
 import { FieldWrapper, FormlyFieldConfig } from '@ngx-formly/core';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
+export declare type DbxFormStyleObject = {
+    [styleClass: string]: any;
+};
 export interface DbxFormStyleWrapperConfig {
-    style: ObservableOrValue<string>;
+    styleGetter?: Maybe<ObservableOrValue<DbxFormStyleObject>>;
+    classGetter?: Maybe<ObservableOrValue<string>>;
 }
 export declare class DbxFormStyleWrapperComponent extends FieldWrapper<FormlyFieldConfig<DbxFormStyleWrapperConfig>> implements OnInit, OnDestroy {
     private _style;
-    readonly style$: Observable<Maybe<string>>;
-    get styleGetter(): ObservableOrValue<string>;
+    private _class;
+    readonly style$: Observable<Maybe<{}>>;
+    readonly class$: Observable<Maybe<string>>;
+    get styleGetter(): Maybe<ObservableOrValue<DbxFormStyleObject>>;
+    get classGetter(): Maybe<ObservableOrValue<string>>;
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormStyleWrapperComponent, never>;

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

@@ -1,2 +1,3 @@
 export * from './login';
 export * from './available';
+export * from './timezone';

package/lib/formly/template/timezone.d.ts

@@ -0,0 +1,20 @@
+import { TimezoneString } from '@dereekb/util';
+import { TimezoneInfo } from '@dereekb/date';
+import { FormlyFieldConfig } from '@ngx-formly/core';
+import { SearchableValueFieldStringSearchFn, SearchableValueFieldDisplayFn } from '../field/selection/searchable';
+import { SearchableTextFieldConfig } from '../field/selection/searchable/searchable.field';
+export declare type TestStringSearchFunction = (text: string) => string[];
+export declare function timezoneStringSearchFunction(): SearchableValueFieldStringSearchFn<string, TimezoneInfo>;
+export declare const DISPLAY_FOR_TIMEZONE_STRING_VALUE: SearchableValueFieldDisplayFn<string, TimezoneInfo>;
+/**
+ * textPasswordField() configuration.
+ */
+export interface TimezoneStringFieldConfig extends Omit<SearchableTextFieldConfig<TimezoneString, TimezoneInfo>, 'inputType' | 'searchOnEmptyText' | 'search' | 'displayForValue' | 'key'>, Partial<Pick<SearchableTextFieldConfig<TimezoneString, TimezoneInfo>, 'key'>> {
+}
+/**
+ * Template for login field that takes in a username and password.
+ *
+ * @param param0
+ * @returns
+ */
+export declare function timezoneStringField(config?: TimezoneStringFieldConfig): FormlyFieldConfig;

package/mapbox/README.md

@@ -0,0 +1,6 @@
+@dereekb/dbx-form/mapbox
+=======
+
+The sources for this package are in the main [@dereekb/dbx-components](https://github.com/dereekb/dbx-components) repo. Please file issues and pull requests against that repo.
+
+License: MIT

package/mapbox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/field';
+export * from './lib/mapbox.module';

package/mapbox/lib/field/index.d.ts

@@ -0,0 +1 @@
+export * from './latlng';

package/mapbox/lib/field/latlng/index.d.ts

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

package/mapbox/lib/field/latlng/latlng.field.component.d.ts

@@ -0,0 +1,42 @@
+import { AbstractControl, FormGroup } from '@angular/forms';
+import { CompactContextStore } from '@dereekb/dbx-web';
+import { OnDestroy, OnInit } from '@angular/core';
+import { FieldTypeConfig, FormlyFieldProps } from '@ngx-formly/core';
+import { FieldType } from '@ngx-formly/material';
+import { Observable } from 'rxjs';
+import { Maybe, LatLngPoint, LatLngPointFunctionConfig } from '@dereekb/util';
+import { GeolocationService } from '@ng-web-apis/geolocation';
+import { Marker } from 'mapbox-gl';
+import * as i0 from "@angular/core";
+export interface DbxFormMapboxLatLngComponentFieldProps extends FormlyFieldProps {
+    zoom?: number;
+    latLngConfig?: LatLngPointFunctionConfig;
+}
+export declare class DbxFormMapboxLatLngFieldComponent<T extends DbxFormMapboxLatLngComponentFieldProps = DbxFormMapboxLatLngComponentFieldProps> extends FieldType<FieldTypeConfig<T>> implements OnInit, OnDestroy {
+    readonly compact: CompactContextStore;
+    private readonly geolocation$;
+    private _latLngStringFunction;
+    readonly compactClass$: Observable<Maybe<string>>;
+    private _sub;
+    private _zoom;
+    private _formControlObs;
+    readonly formControl$: Observable<AbstractControl<any, any>>;
+    readonly value$: Observable<any>;
+    readonly latLng$: Observable<LatLngPoint>;
+    readonly center$: Observable<LatLngPoint>;
+    readonly zoom$: Observable<[number]>;
+    constructor(compact: CompactContextStore, geolocation$: GeolocationService);
+    get zoom(): [number];
+    get formGroupName(): string;
+    get formGroup(): FormGroup;
+    get label(): Maybe<string>;
+    get description(): Maybe<string>;
+    get isReadonlyOrDisabled(): boolean;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    useCurrentLocation(): void;
+    onDragEnd(marker: Marker): void;
+    setValue(latLng?: Maybe<LatLngPoint>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormMapboxLatLngFieldComponent<any>, [{ optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormMapboxLatLngFieldComponent<any>, "ng-component", never, {}, {}, never, never, false>;
+}

package/mapbox/lib/field/latlng/latlng.field.d.ts

@@ -0,0 +1,5 @@
+import { DescriptionFieldConfig, FieldConfig, LabeledFieldConfig } from '@dereekb/dbx-form';
+import { FormlyFieldConfig } from '@ngx-formly/core';
+export interface MapboxLatLngFieldConfig extends Omit<LabeledFieldConfig, 'key'>, DescriptionFieldConfig, Partial<FieldConfig> {
+}
+export declare function mapboxLatLngField(config?: MapboxLatLngFieldConfig): FormlyFieldConfig;

package/mapbox/lib/field/latlng/latlng.module.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./latlng.field.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@dereekb/dbx-web";
+import * as i6 from "@angular/forms";
+import * as i7 from "@angular/material/input";
+import * as i8 from "@ngx-formly/core";
+import * as i9 from "ngx-mapbox-gl";
+export declare class DbxFormMapboxLatLngModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormMapboxLatLngModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormMapboxLatLngModule, [typeof i1.DbxFormMapboxLatLngFieldComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.MatButtonModule, typeof i5.DbxTextModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.MatInputModule, typeof i8.FormlyModule, typeof i9.NgxMapboxGLModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormMapboxLatLngModule>;
+}

package/mapbox/lib/mapbox.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./field/latlng/latlng.module";
+export declare class DbxFormMapboxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormMapboxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormMapboxModule, never, never, [typeof i1.DbxFormMapboxLatLngModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormMapboxModule>;
+}

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@dereekb/dbx-form",
-  "version": "9.1.2",
+  "version": "9.2.0",
   "peerDependencies": {
     "@angular/common": "^14.0.0",
     "@angular/core": "^14.0.0",
     "lodash.clonedeep": "^4.5.0",
-    "@dereekb/dbx-core": "9.1.2",
+    "@dereekb/dbx-core": "9.2.0",
     "@angular/material": "^14.0.0",
-    "@dereekb/dbx-web": "9.1.2",
+    "@dereekb/dbx-web": "9.2.0",
     "@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": "^14.2.0",
+    "ngx-editor": "^15.0.0",
     "ngx-mat-intl-tel-input": "^5.0.0"
   },
   "dependencies": {
@@ -28,6 +28,14 @@
       "node": "./fesm2015/dereekb-dbx-form.mjs",
       "default": "./fesm2020/dereekb-dbx-form.mjs"
     },
+    "./mapbox": {
+      "types": "./mapbox/index.d.ts",
+      "esm2020": "./esm2020/mapbox/dereekb-dbx-form-mapbox.mjs",
+      "es2020": "./fesm2020/dereekb-dbx-form-mapbox.mjs",
+      "es2015": "./fesm2015/dereekb-dbx-form-mapbox.mjs",
+      "node": "./fesm2015/dereekb-dbx-form-mapbox.mjs",
+      "default": "./fesm2020/dereekb-dbx-form-mapbox.mjs"
+    },
     "./package.json": {
       "default": "./package.json"
     }