@dereekb/dbx-form 10.1.1 → 10.1.3

package/lib/form/io/form.input.directive.d.ts

@@ -11,9 +11,10 @@ export declare function dbxFormSourceObservableFromStream<T>(stream$: Observable
  * DbxFormSourceDirective modes that define when to copy data from the source.
  *
  * - reset: only copy data when the form is reset.
- * - always: always copy data when the data observable emits a value.
+ * - always: always copy data when the data observable emits a value. Has a throttle of 20ms to prevent too many emissions. If emissions occur in a manner that appears to be a loop (more than 30 emissions in 1 second), then an error is thrown and warning printed to the console.
+ * - every: equal to always, but has no throttle or error message warning.
  */
-export type DbxFormSourceDirectiveMode = 'reset' | 'always';
+export type DbxFormSourceDirectiveMode = 'reset' | 'always' | 'every';
 /**
  * Used with a FormComponent to set the value based on the input value.
  */

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

@@ -1,4 +1,4 @@
-import { type Maybe, type ReadableTimeString, type ArrayOrValue, type ISO8601DateString, type DecisionFunction, type TimezoneString, type LogicalDate, type DateOrDayString, type MapFunction } from '@dereekb/util';
+import { type Maybe, type ReadableTimeString, type ArrayOrValue, type ISO8601DateString, type DecisionFunction, type Milliseconds, type TimezoneString, type LogicalDate, type DateOrDayString, type MapFunction } from '@dereekb/util';
 import { DateTimeMinuteConfig, DateTimezoneUtcNormalInstance } from '@dereekb/date';
 import { Observable } from 'rxjs';
 import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
@@ -32,11 +32,11 @@ export interface DbxDateTimeFieldSyncField {
     /**
      * Field key/path to sync with/against.
      */
-    syncWith: string;
+    readonly syncWith: string;
     /**
      * How to sync against the other field.
      */
-    syncType: DbxDateTimeFieldSyncType;
+    readonly syncType: DbxDateTimeFieldSyncType;
 }
 /**
  * Configuration for the time date field that has a reference and optional map function to map the value.
@@ -52,37 +52,37 @@ export interface DbxDateTimeFieldProps extends FormlyFieldProps {
      *
      * Defaults to Date
      */
-    dateLabel?: string;
+    readonly dateLabel?: string;
     /**
      * Custom time label.
      *
      * Defaults to Time
      */
-    timeLabel?: string;
+    readonly timeLabel?: string;
     /**
      * Label to use for the date hint for "All Day". Defaults to "All Day".
      */
-    allDayLabel?: string;
+    readonly allDayLabel?: string;
     /**
      * Label to use for the date hint for "At". Defaults to "At".
      */
-    atTimeLabel?: string;
+    readonly atTimeLabel?: string;
     /**
      * Value mode.
      *
      * Defaults to DATE
      */
-    valueMode?: DbxDateTimeValueMode;
+    readonly valueMode?: DbxDateTimeValueMode;
     /**
      * Whether or not the date is hidden, and automatically uses today/input date.
      */
-    timeOnly?: boolean;
+    readonly timeOnly?: boolean;
     /**
      * Whether or not the time can be added/removed optionally.
      *
      * This is ignored if timeOnly is specified.
      */
-    timeMode?: DbxDateTimeFieldTimeMode;
+    readonly timeMode?: DbxDateTimeFieldTimeMode;
     /**
      * Other form control for enabling/disabling whether or not it is a full day.
      *
@@ -90,49 +90,53 @@ export interface DbxDateTimeFieldProps extends FormlyFieldProps {
      *
      * When time is off, the field is set to true.
      */
-    fullDayFieldName?: string;
+    readonly fullDayFieldName?: string;
     /**
      * Whether or not to pass the date value as a UTC date, or a date in the current timezone.
      */
-    fullDayInUTC?: boolean;
+    readonly fullDayInUTC?: boolean;
     /**
      * Whether or not ot hide the date hint info content.
      *
      * False by default
      */
-    hideDateHint?: boolean;
+    readonly hideDateHint?: boolean;
     /**
      * Whether or not to hide the date/calendar picker.
      */
-    hideDatePicker?: boolean;
+    readonly hideDatePicker?: boolean;
     /**
      * Custom picker configuration
      */
-    pickerConfig?: ObservableOrValueGetter<DbxDateTimePickerConfiguration>;
+    readonly pickerConfig?: ObservableOrValueGetter<DbxDateTimePickerConfiguration>;
     /**
      * Used for syncing with one or more fields with a Date value.
      */
-    getSyncFieldsObs?: () => Observable<ArrayOrValue<DbxDateTimeFieldSyncField>>;
+    readonly getSyncFieldsObs?: () => Observable<ArrayOrValue<DbxDateTimeFieldSyncField>>;
     /**
      * (Optional) The input timezone to default to.
      *
      * Ignored if fullDayInUTC is true.
      */
-    timezone?: Maybe<ObservableOrValueGetter<Maybe<TimezoneString>>>;
+    readonly timezone?: Maybe<ObservableOrValueGetter<Maybe<TimezoneString>>>;
     /**
      * (Optional) The date to apply the time to.
      *
      * The timezone abbrviation will also use this date when using the time-only mode.
      */
-    timeDate?: Maybe<ObservableOrValueGetter<Maybe<DbxDateTimeFieldTimeDateConfig | FormControlPath | DateOrDayString>>>;
+    readonly timeDate?: Maybe<ObservableOrValueGetter<Maybe<DbxDateTimeFieldTimeDateConfig | FormControlPath | DateOrDayString>>>;
     /**
      * Whether or not to display the timezone. True by default.
      */
-    showTimezone?: boolean;
+    readonly showTimezone?: boolean;
     /**
      * Custom presets to show in the dropdown.
      */
-    presets?: ObservableOrValueGetter<DateTimePresetConfiguration[]>;
+    readonly presets?: ObservableOrValueGetter<DateTimePresetConfiguration[]>;
+    /**
+     * The time in ms to prevent output from going out when the input value changes.
+     */
+    readonly inputOutputDebounceTime?: Milliseconds;
 }
 export interface DbxDateTimeFieldSyncParsedField extends Pick<DbxDateTimeFieldSyncField, 'syncType'> {
     control: AbstractControl<Maybe<Date | ISO8601DateString>>;
@@ -159,6 +163,7 @@ export declare class DbxDateTimeFieldComponent extends FieldType<FieldTypeConfig
     readonly timezoneInstance$: Observable<Maybe<DateTimezoneUtcNormalInstance>>;
     readonly timeDate$: Observable<Maybe<Date>>;
     readonly valueInSystemTimezone$: Observable<Maybe<Date>>;
+    readonly refreshInteral$: Observable<number>;
     /**
      * Used to trigger/display visual updates (specifically on timeDistance, etc.).
      */
@@ -194,10 +199,10 @@ export declare class DbxDateTimeFieldComponent extends FieldType<FieldTypeConfig
     readonly parsedSyncConfigs$: Observable<DbxDateTimeFieldSyncParsedField[]>;
     readonly syncConfigBeforeValue$: Observable<Date | null>;
     readonly syncConfigAfterValue$: Observable<Date | null>;
+    readonly rawDateTime$: Observable<Maybe<Date>>;
+    readonly config$: Observable<DbxDateTimePickerConfiguration>;
     readonly dateInputMin$: Observable<Date | null>;
     readonly dateInputMax$: Observable<Date | null>;
-    readonly rawDateTime$: Observable<Maybe<Date>>;
-    readonly config$: Observable<Maybe<DbxDateTimePickerConfiguration>>;
     readonly pickerFilter$: Observable<DecisionFunction<Date | null>>;
     readonly defaultPickerFilter: DecisionFunction<Date | null>;
     readonly timeOutput$: Observable<Maybe<Date>>;

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

@@ -5,7 +5,7 @@ import { DbxDateTimeFieldProps, DbxDateTimePickerConfiguration } from './datetim
 import { DbxFixedDateRangeFieldProps } from './fixeddaterange.field.component';
 export interface DateTimeFieldConfig extends LabeledFieldConfig, DescriptionFieldConfig, DbxDateTimeFieldProps, MaterialFormFieldConfig {
 }
-export type TimeFieldConfig = Omit<DateTimeFieldConfig, 'showDate'>;
+export type TimeFieldConfig = Omit<DateTimeFieldConfig, 'showDate' | 'timeOnly'>;
 export declare const TAKE_NEXT_UPCOMING_TIME_CONFIG_OBS: () => Observable<DbxDateTimePickerConfiguration>;
 /**
  * Same as DateTime field but with the Date input hidden by default.

package/mapbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dereekb/dbx-form/mapbox",
-  "version": "10.1.1",
+  "version": "10.1.3",
   "module": "fesm2022/dereekb-dbx-form-mapbox.mjs",
   "typings": "index.d.ts",
   "exports": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dereekb/dbx-form",
-  "version": "10.1.1",
+  "version": "10.1.3",
   "peerDependencies": {
     "@angular/common": "^16.2.12",
     "@angular/core": "^16.2.12",