@ni/nimble-components 24.1.7 → 24.1.9

package/dist/all-components-bundle.js

@@ -16301,7 +16301,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Thu, 04 Apr 2024 17:54:36 GMT
+   * Generated on Mon, 08 Apr 2024 20:24:00 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -63280,10 +63280,6 @@ img.ProseMirror-separator {
            * A unique id used internally in the table to identify specific column instances
            */
           this.uniqueId = uniqueId('table-column-slot');
-          /**
-           * Whether this column has a valid configuration.
-           */
-          this.validConfiguration = true;
           /**
            * The operation to use when sorting the table by this column.
            */
@@ -63321,6 +63317,7 @@ img.ProseMirror-separator {
           this.groupHeaderViewTemplate = createGroupHeaderViewTemplate(options.groupHeaderViewTag);
           this.delegatedEvents = options.delegatedEvents;
           this.sortOperation = options.sortOperation ?? TableColumnSortOperation.basic;
+          this.validator = options.validator;
       }
       fractionalWidthChanged() {
           this.currentFractionalWidth = this.fractionalWidth;
@@ -63332,9 +63329,6 @@ img.ProseMirror-separator {
   __decorate$1([
       observable
   ], ColumnInternals.prototype, "columnConfig", void 0);
-  __decorate$1([
-      observable
-  ], ColumnInternals.prototype, "validConfiguration", void 0);
   __decorate$1([
       observable
   ], ColumnInternals.prototype, "operandDataRecordFieldName", void 0);
@@ -63399,10 +63393,10 @@ img.ProseMirror-separator {
           this.hasOverflow = false;
       }
       checkValidity() {
-          return this.columnInternals.validConfiguration;
+          return this.columnInternals.validator.isColumnValid;
       }
       get validity() {
-          return {};
+          return this.columnInternals.validator.getValidity();
       }
       /** @internal */
       get headerTextContent() {
@@ -63571,7 +63565,7 @@ img.ProseMirror-separator {
           return !this.duplicateGroupIndex;
       }
       validateColumnConfigurations(columns) {
-          this.invalidColumnConfiguration = columns.some(x => !x.columnInternals.validConfiguration);
+          this.invalidColumnConfiguration = columns.some(x => !x.columnInternals.validator.isColumnValid);
           return !this.invalidColumnConfiguration;
       }
       getPresentRecordIds(requestedRecordIds) {
@@ -66557,6 +66551,52 @@ img.ProseMirror-separator {
       }
   }
 
+  /**
+   * Generic Validator Utility extends Tracker Utility for validation purposes
+   */
+  class Validator extends Tracker {
+      isValid() {
+          return this.noneTracked();
+      }
+      getValidationFlags() {
+          return this.getTrackedItems();
+      }
+  }
+
+  /**
+   * Base column validator
+   */
+  class ColumnValidator extends Validator {
+      constructor(configValidityKeys) {
+          super(configValidityKeys);
+          this.isColumnValid = true;
+      }
+      /**
+       * @returns an object containing flags for various ways the configuation can be invalid
+       */
+      getValidity() {
+          return this.getValidationFlags();
+      }
+      /**
+       * Sets a particular validity condition flag's value, e.g. "hasInvalidFooValue" = true
+       */
+      setConditionValue(name, isInvalid) {
+          if (isInvalid) {
+              this.track(name);
+          }
+          else {
+              this.untrack(name);
+          }
+          this.updateColumnInternalsFlag();
+      }
+      updateColumnInternalsFlag() {
+          this.isColumnValid = this.isValid();
+      }
+  }
+  __decorate$1([
+      observable
+  ], ColumnValidator.prototype, "isColumnValid", void 0);
+
   /**
    * A nimble-styled table.
    */
@@ -66761,12 +66801,11 @@ img.ProseMirror-separator {
           if ((source instanceof TableColumn
               || source instanceof ColumnInternals)
               && typeof args === 'string') {
-              if (args === 'validConfiguration') {
-                  this.tableValidator.validateColumnConfigurations(this.columns);
-              }
-              else {
-                  this.tableUpdateTracker.trackColumnPropertyChanged(args);
-              }
+              this.tableUpdateTracker.trackColumnPropertyChanged(args);
+          }
+          else if (source instanceof ColumnValidator
+              && args === 'isColumnValid') {
+              this.tableValidator.validateColumnConfigurations(this.columns);
           }
           else if (source instanceof TableLayoutManager
               && args === 'isColumnBeingSized'
@@ -67026,6 +67065,9 @@ img.ProseMirror-separator {
               const notifierInternals = Observable.getNotifier(column.columnInternals);
               notifierInternals.subscribe(this);
               this.columnNotifiers.push(notifierInternals);
+              const validatorNotifier = Observable.getNotifier(column.columnInternals.validator);
+              validatorNotifier.subscribe(this);
+              this.columnNotifiers.push(validatorNotifier);
           }
       }
       getColumnsParticipatingInSorting() {
@@ -67724,7 +67766,8 @@ img.ProseMirror-separator {
               cellViewTag: tableColumnAnchorCellViewTag,
               groupHeaderViewTag: tableColumnTextGroupHeaderViewTag,
               delegatedEvents: ['click'],
-              sortOperation: TableColumnSortOperation.localeAwareCaseSensitive
+              sortOperation: TableColumnSortOperation.localeAwareCaseSensitive,
+              validator: new ColumnValidator([])
           };
       }
       labelFieldNameChanged() {
@@ -67827,7 +67870,7 @@ img.ProseMirror-separator {
   /**
    * The base class for table columns that display fields of any type as text.
    */
-  class TableColumnTextBase extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI(mixinColumnWithPlaceholderAPI(TableColumn))) {
+  class TableColumnTextBase extends TableColumn {
       fieldNameChanged() {
           this.columnInternals.dataRecordFieldNames = [this.fieldName];
           this.columnInternals.operandDataRecordFieldName = this.fieldName;
@@ -67836,6 +67879,10 @@ img.ProseMirror-separator {
   __decorate$1([
       attr({ attribute: 'field-name' })
   ], TableColumnTextBase.prototype, "fieldName", void 0);
+  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type, @typescript-eslint/no-explicit-any
+  function mixinTextBase(base) {
+      return mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI(mixinColumnWithPlaceholderAPI(base)));
+  }
 
   function formatNumericDate(formatter, date) {
       if (typeof date === 'number') {
@@ -68009,56 +68056,13 @@ img.ProseMirror-separator {
       custom: 'custom'
   };
 
-  /**
-   * Generic Validator Utility extends Tracker Utility for validation purposes
-   */
-  class Validator extends Tracker {
-      isValid() {
-          return this.noneTracked();
-      }
-      getValidationFlags() {
-          return this.getTrackedItems();
-      }
-  }
-
-  /**
-   * Base column validator
-   */
-  class ColumnValidator extends Validator {
-      constructor(columnInternals, configValidityKeys) {
-          super(configValidityKeys);
-          this.columnInternals = columnInternals;
-      }
-      /**
-       * @returns an object containing flags for various ways the configuation can be invalid
-       */
-      getValidity() {
-          return this.getValidationFlags();
-      }
-      /**
-       * Sets a particular validity condition flag's value, e.g. "hasInvalidFooValue" = true
-       */
-      setConditionValue(name, isInvalid) {
-          if (isInvalid) {
-              this.track(name);
-          }
-          else {
-              this.untrack(name);
-          }
-          this.updateColumnInternalsFlag();
-      }
-      updateColumnInternalsFlag() {
-          this.columnInternals.validConfiguration = this.isValid();
-      }
-  }
-
   const dateTextValidityFlagNames = ['invalidCustomOptionsCombination'];
   /**
    * Validator for TableColumnDateText.
    */
   class TableColumnDateTextValidator extends ColumnValidator {
-      constructor(columnInternals) {
-          super(columnInternals, dateTextValidityFlagNames);
+      constructor() {
+          super(dateTextValidityFlagNames);
       }
       setCustomOptionsValidity(valid) {
           this.setConditionValue('invalidCustomOptionsCombination', !valid);
@@ -68085,11 +68089,9 @@ img.ProseMirror-separator {
   /**
    * The table column for displaying dates/times as text.
    */
-  class TableColumnDateText extends TableColumnTextBase {
+  class TableColumnDateText extends mixinTextBase((TableColumnTextBase)) {
       constructor() {
           super(...arguments);
-          /** @internal */
-          this.validator = new TableColumnDateTextValidator(this.columnInternals);
           this.langSubscriber = {
               handleChange: () => {
                   this.updateColumnConfig();
@@ -68105,9 +68107,6 @@ img.ProseMirror-separator {
           super.disconnectedCallback();
           lang.unsubscribe(this.langSubscriber, this);
       }
-      get validity() {
-          return this.validator.getValidity();
-      }
       placeholderChanged() {
           this.updateColumnConfig();
       }
@@ -68117,7 +68116,8 @@ img.ProseMirror-separator {
               cellViewTag: tableColumnDateTextCellViewTag,
               groupHeaderViewTag: tableColumnDateTextGroupHeaderViewTag,
               delegatedEvents: [],
-              sortOperation: TableColumnSortOperation.basic
+              sortOperation: TableColumnSortOperation.basic,
+              validator: new TableColumnDateTextValidator()
           };
       }
       formatChanged() {
@@ -68188,11 +68188,11 @@ img.ProseMirror-separator {
                   placeholder: this.placeholder
               };
               this.columnInternals.columnConfig = columnConfig;
-              this.validator.setCustomOptionsValidity(true);
+              this.columnInternals.validator.setCustomOptionsValidity(true);
           }
           else {
               this.columnInternals.columnConfig = undefined;
-              this.validator.setCustomOptionsValidity(false);
+              this.columnInternals.validator.setCustomOptionsValidity(false);
           }
       }
       createFormatter() {
@@ -68433,7 +68433,7 @@ img.ProseMirror-separator {
   /**
    * The table column for displaying a duration value as text.
    */
-  class TableColumnDurationText extends TableColumnTextBase {
+  class TableColumnDurationText extends mixinTextBase((TableColumnTextBase)) {
       constructor() {
           super(...arguments);
           this.langSubscriber = {
@@ -68460,7 +68460,8 @@ img.ProseMirror-separator {
               cellViewTag: tableColumnDurationTextCellViewTag,
               groupHeaderViewTag: tableColumnDurationTextGroupHeaderViewTag,
               delegatedEvents: [],
-              sortOperation: TableColumnSortOperation.basic
+              sortOperation: TableColumnSortOperation.basic,
+              validator: new ColumnValidator([])
           };
       }
       updateColumnConfig() {
@@ -68509,10 +68510,6 @@ img.ProseMirror-separator {
   class TableColumnEnumBase extends TableColumn {
       constructor() {
           super(...arguments);
-          // To ensure the validator is available when other properties get initialized
-          // (which can trigger validation), declare the validator first.
-          /** @internal */
-          this.validator = this.createValidator();
           /** @internal */
           this.mappingNotifiers = [];
           /** @internal */
@@ -68534,8 +68531,8 @@ img.ProseMirror-separator {
        * Called when any Mapping related state has changed.
        */
       updateColumnConfig() {
-          this.validator.validate(this.mappings, this.keyType);
-          this.columnInternals.columnConfig = this.validator.isValid()
+          this.columnInternals.validator.validate(this.mappings, this.keyType);
+          this.columnInternals.columnConfig = this.checkValidity()
               ? this.createColumnConfig(this.getMappingConfigs())
               : undefined;
       }
@@ -68606,8 +68603,8 @@ img.ProseMirror-separator {
    * Validator for TableColumnEnumText. Implementations MUST include enumBaseValidityFlagNames in validity flag names set.
    */
   class TableColumnEnumBaseValidator extends ColumnValidator {
-      constructor(columnInternals, configValidityKeys) {
-          super(columnInternals, configValidityKeys);
+      constructor(configValidityKeys) {
+          super(configValidityKeys);
       }
       validate(mappings, keyType) {
           this.untrackAll();
@@ -68644,8 +68641,8 @@ img.ProseMirror-separator {
    * Validator for TableColumnEnumText
    */
   class TableColumnEnumTextValidator extends TableColumnEnumBaseValidator {
-      constructor(columnInternals) {
-          super(columnInternals, enumTextValidityFlagNames);
+      constructor() {
+          super(enumTextValidityFlagNames);
       }
       static isSupportedMappingElement(mapping) {
           return mapping instanceof MappingText;
@@ -68731,19 +68728,14 @@ img.ProseMirror-separator {
    * Table column that maps values to strings
    */
   class TableColumnEnumText extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI((TableColumnEnumBase))) {
-      createValidator() {
-          return new TableColumnEnumTextValidator(this.columnInternals);
-      }
-      get validity() {
-          return this.validator.getValidity();
-      }
       getColumnInternalsOptions() {
           return {
               cellRecordFieldNames: ['value'],
               cellViewTag: tableColumnEnumTextCellViewTag,
               groupHeaderViewTag: tableColumnEnumTextGroupHeaderViewTag,
               delegatedEvents: [],
-              sortOperation: TableColumnSortOperation.basic
+              sortOperation: TableColumnSortOperation.basic,
+              validator: new TableColumnEnumTextValidator()
           };
       }
       createColumnConfig(mappingConfigs) {
@@ -69164,8 +69156,8 @@ img.ProseMirror-separator {
    * Validator for TableColumnNumberText.
    */
   class TableColumnNumberTextValidator extends ColumnValidator {
-      constructor(columnInternals) {
-          super(columnInternals, numberTextValidityFlagNames);
+      constructor() {
+          super(numberTextValidityFlagNames);
       }
       validateDecimalDigits(format, decimalDigits) {
           const shouldValidateDecimalDigitsValue = format === NumberTextFormat.decimal
@@ -69213,11 +69205,9 @@ img.ProseMirror-separator {
   /**
    * The table column for displaying numbers as text.
    */
-  class TableColumnNumberText extends TableColumnTextBase {
+  class TableColumnNumberText extends mixinTextBase((TableColumnTextBase)) {
       constructor() {
           super(...arguments);
-          /** @internal */
-          this.validator = new TableColumnNumberTextValidator(this.columnInternals);
           this.langSubscriber = {
               handleChange: () => {
                   this.updateColumnConfig();
@@ -69238,9 +69228,6 @@ img.ProseMirror-separator {
           super.disconnectedCallback();
           lang.unsubscribe(this.langSubscriber, this);
       }
-      get validity() {
-          return this.validator.getValidity();
-      }
       placeholderChanged() {
           this.updateColumnConfig();
       }
@@ -69250,7 +69237,8 @@ img.ProseMirror-separator {
               cellViewTag: tableColumnNumberTextCellViewTag,
               groupHeaderViewTag: tableColumnNumberTextGroupHeaderTag,
               delegatedEvents: [],
-              sortOperation: TableColumnSortOperation.basic
+              sortOperation: TableColumnSortOperation.basic,
+              validator: new TableColumnNumberTextValidator()
           };
       }
       updateUnitNotifier() {
@@ -69291,11 +69279,12 @@ img.ProseMirror-separator {
           this.updateColumnConfig();
       }
       updateColumnConfig() {
-          this.validator.validateDecimalDigits(this.format, this.decimalDigits);
-          this.validator.validateDecimalMaximumDigits(this.format, this.decimalMaximumDigits);
-          this.validator.validateNoMutuallyExclusiveProperties(this.format, this.decimalDigits, this.decimalMaximumDigits);
-          this.validator.validateAtMostOneUnit(this.unitElements ?? []);
-          if (this.validator.isValid()) {
+          const validator = this.columnInternals.validator;
+          validator.validateDecimalDigits(this.format, this.decimalDigits);
+          validator.validateDecimalMaximumDigits(this.format, this.decimalMaximumDigits);
+          validator.validateNoMutuallyExclusiveProperties(this.format, this.decimalDigits, this.decimalMaximumDigits);
+          validator.validateAtMostOneUnit(this.unitElements ?? []);
+          if (validator.isValid()) {
               const columnConfig = {
                   formatter: this.createFormatter(),
                   alignment: this.determineCellContentAlignment(),
@@ -69374,8 +69363,8 @@ img.ProseMirror-separator {
    * Validator for TableColumnIcon
    */
   class TableColumnIconValidator extends TableColumnEnumBaseValidator {
-      constructor(columnInternals) {
-          super(columnInternals, iconValidityFlagNames);
+      constructor() {
+          super(iconValidityFlagNames);
       }
       static isIconMappingElement(mapping) {
           return mapping instanceof MappingIcon;
@@ -69606,19 +69595,14 @@ img.ProseMirror-separator {
    * Table column that maps values to icons / spinners
    */
   class TableColumnIcon extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI((TableColumnEnumBase))) {
-      createValidator() {
-          return new TableColumnIconValidator(this.columnInternals);
-      }
-      get validity() {
-          return this.validator.getValidity();
-      }
       getColumnInternalsOptions() {
           return {
               cellRecordFieldNames: ['value'],
               cellViewTag: tableColumnIconCellViewTag,
               groupHeaderViewTag: tableColumnIconGroupHeaderViewTag,
               delegatedEvents: [],
-              sortOperation: TableColumnSortOperation.basic
+              sortOperation: TableColumnSortOperation.basic,
+              validator: new TableColumnIconValidator()
           };
       }
       createColumnConfig(mappingConfigs) {
@@ -69668,7 +69652,7 @@ img.ProseMirror-separator {
   /**
    * The table column for displaying string fields as text.
    */
-  class TableColumnText extends TableColumnTextBase {
+  class TableColumnText extends mixinTextBase((TableColumnTextBase)) {
       placeholderChanged() {
           this.columnInternals.columnConfig = {
               placeholder: this.placeholder
@@ -69680,7 +69664,8 @@ img.ProseMirror-separator {
               cellViewTag: tableColumnTextCellViewTag,
               groupHeaderViewTag: tableColumnTextGroupHeaderViewTag,
               delegatedEvents: [],
-              sortOperation: TableColumnSortOperation.localeAwareCaseSensitive
+              sortOperation: TableColumnSortOperation.localeAwareCaseSensitive,
+              validator: new ColumnValidator([])
           };
       }
   }