monkey-style-guide 21.2.25 → 21.2.26

package/fesm2022/monkey-style-guide.mjs

@@ -6939,10 +6939,42 @@ const CONDITIONS = {
     date: ['EQ', 'NEQ', 'BETWEEN', 'BEFORE', 'AFTER'],
     status: ['EQ', 'NEQ']
 };
+const SUPPORTED = {
+    text: new Set([
+        'EQ',
+        'NEQ',
+        'LIKE',
+        'NOT_LIKE',
+        'STARTS_WITH',
+        'ENDS_WITH',
+        'BETWEEN',
+        'IS_EMPTY'
+    ]),
+    currency: new Set(['EQ', 'NEQ', 'BETWEEN', 'GT', 'LT', 'IS_EMPTY']),
+    date: new Set(['EQ', 'NEQ', 'BETWEEN', 'BEFORE', 'AFTER', 'IS_EMPTY']),
+    status: new Set(['EQ', 'NEQ', 'IS_EMPTY'])
+};
 const NO_OPERAND = new Set(['IS_EMPTY']);
 const TWO_OPERANDS = new Set(['BETWEEN']);
-function conditionsOf(type) {
-    return CONDITIONS[type] ?? [];
+function supportedConditionsOf(type) {
+    return SUPPORTED[type] ? [...SUPPORTED[type]] : [];
+}
+function conditionsOf(type, requested) {
+    const fallback = CONDITIONS[type] ?? [];
+    if (!requested?.length)
+        return fallback;
+    const supported = SUPPORTED[type];
+    if (!supported)
+        return fallback;
+    const picked = requested.filter((operator, index) => {
+        return supported.has(operator) && requested.indexOf(operator) === index;
+    });
+    return picked.length > 0 ? picked : fallback;
+}
+function conditionsForOption(option, byType) {
+    if (!option)
+        return [];
+    return conditionsOf(option.type, option.conditions ?? byType?.[option.type]);
 }
 function arityOf(condition) {
     if (NO_OPERAND.has(condition))
@@ -6983,10 +7015,8 @@ function withCondition(row, condition) {
         return { ...row, condition };
     return { ...row, condition, operands: [] };
 }
-function withType(row, next) {
-    const condition = conditionsOf(next.type).includes(row.condition)
-        ? row.condition
-        : '';
+function withType(row, next, allowed = conditionsOf(next.type)) {
+    const condition = allowed.includes(row.condition) ? row.condition : '';
     return { ...next, condition, operands: [] };
 }
 
@@ -7713,6 +7743,10 @@ class MonkeyFilterBarComponent {
         this.dateRange = { startDate: '', endDate: '' };
         this.dayValue = '';
         this.options = computed(() => this.config()?.filterOptions ?? [], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+        this.conditionsByKey = computed(() => {
+            const byType = this.config()?.conditions;
+            return new Map(this.options().map((option) => [option.key, conditionsForOption(option, byType)]));
+        }, ...(ngDevMode ? [{ debugName: "conditionsByKey" }] : /* istanbul ignore next */ []));
         this.labels = computed(() => {
             const text = this._text();
             return {
@@ -7782,6 +7816,15 @@ class MonkeyFilterBarComponent {
         });
         inject(DestroyRef).onDestroy(() => this.cancelCommit());
     }
+    /**
+     * A field with a single condition has nothing to ask: the answer to "which
+     * condition" is already known, so it is taken rather than put to the user.
+     */
+    autoCondition(row, allowed) {
+        if (row.condition || allowed.length !== 1)
+            return row;
+        return { ...row, condition: allowed[0] };
+    }
     askForAnswer(row) {
         if (isComplete(row)) {
             this.resetDraft();
@@ -8035,7 +8078,8 @@ class MonkeyFilterBarComponent {
         return index > 0 && options[index].type !== options[index - 1].type;
     }
     conditionsFor(row) {
-        return conditionsOf(row.type);
+        return (this.conditionsByKey().get(row.key) ??
+            conditionsForOption({ type: row.type }, this.config()?.conditions));
     }
     panelFor(row) {
         return panelOf(row.type, row.condition);
@@ -8098,24 +8142,27 @@ class MonkeyFilterBarComponent {
         if (!option)
             return;
         this.immediateTriggerExit.set(true);
+        const row = this.autoCondition({
+            key: option.key,
+            label: option.label,
+            icon: option.icon,
+            type: option.type,
+            condition: '',
+            operands: []
+        }, this.conditionsByKey().get(option.key) ?? []);
         this.withFlip(() => {
             this.triggerOpen.set(false);
             this.categorySearch.set('');
             this.resetDraft();
             this.calendarOpen.set(null);
-            this.rows.update((rows) => [
-                ...rows,
-                {
-                    key: option.key,
-                    label: option.label,
-                    icon: option.icon,
-                    type: option.type,
-                    condition: '',
-                    operands: []
-                }
-            ]);
-            this.openPanel.set({ key: option.key, part: 'condition' });
+            this.rows.update((rows) => [...rows, row]);
+            if (row.condition)
+                this.askForAnswer(row);
+            else
+                this.openPanel.set({ key: option.key, part: 'condition' });
         });
+        if (row.condition)
+            this.commit();
     }
     onChangeCategory(row, index) {
         const option = this.changeOptions()[index];
@@ -8131,12 +8178,13 @@ class MonkeyFilterBarComponent {
             this.resetDraft();
             this.calendarOpen.set(null);
             this.categorySearch.set('');
-            const next = withType(row, {
+            const allowed = conditionsForOption(option, this.config()?.conditions);
+            const next = this.autoCondition(withType(row, {
                 key: option.key,
                 label: option.label,
                 icon: option.icon,
                 type: option.type
-            });
+            }, allowed), allowed);
             this.rows.update((rows) => rows.map((item) => (item.key === row.key ? next : item)));
             if (next.condition)
                 this.askForAnswer(next);
@@ -12920,5 +12968,5 @@ class MonkeyToastRef {
  * Generated bundle index. Do not edit.
  */
 
-export { DOWNLOAD_TOAST_EXIT_MS, MECX_COUNTRY_ISO_CODE, MECX_GOOGLE_API_KEY, MECX_I18N_LANG, MECX_I18N_WRAPPER, MECX_MODAL_DATA, MECX_MODAL_DEFAULT_CONFIG, MECX_POPOVER_OPTIONS, MonkeyAccordionComponent, MonkeyActionBarComponent, MonkeyAlertComponent, MonkeyAutocompleteAddressComponent, MonkeyAutocompleteComponent, MonkeyAvatarComponent, MonkeyBadgeComponent, MonkeyBadgeDirective, MonkeyBreadcrumbComponent, MonkeyButtonComponent, MonkeyCheckboxComponent, MonkeyComplexFilterBarComponent, MonkeyDateRangeComponent, MonkeyDictionaryService, MonkeyDisplayDirective, MonkeyDividerComponent, MonkeyDownloadButtonComponent, MonkeyDownloadToastComponent, MonkeyDownloadToastService, MonkeyDownloadToastStackComponent, MonkeyEcxAddressService, MonkeyErrorDirective, MonkeyFilterBarComponent, MonkeyFilterBarService, MonkeyFilterChipComponent, MonkeyFilterMenuComponent, MonkeyFilterMenuItemComponent, MonkeyFilterSegmentComponent, MonkeyFilterTriggerComponent, MonkeyFormDirective, MonkeyFormFieldComponent, MonkeyFormFieldControl, MonkeyFormFieldModule, MonkeyHelperDirective, MonkeyIconButtonComponent, MonkeyInfoDirective, MonkeyInputCodeComponent, MonkeyInputCurrencyDirective, MonkeyInputDateRangeComponent, MonkeyInputDirective, MonkeyInputModule, MonkeyInputPhoneComponent, MonkeyInputUploadComponent, MonkeyLabelDirective, MonkeyModalActionsDirective, MonkeyModalComponent, MonkeyModalConfig, MonkeyModalContentDirective, MonkeyModalModule, MonkeyModalRef, MonkeyModalService, MonkeyModalSubtitleDirective, MonkeyModalTitleDirective, MonkeyOptionComponent, MonkeyPaginationActionComponent, MonkeyPaginationLabelComponent, MonkeyPaginationSizeComponent, MonkeyPassNumberComponent, MonkeyPassSecretNumberComponent, MonkeyPopoverContentComponent, MonkeyPopoverDirective, MonkeyPrefixDirective, MonkeyRadioButtonComponent, MonkeyScrollbarComponent, MonkeySecurityLevelComponent, MonkeySelectComponent, MonkeyStatusComponent, MonkeyStepComponent, MonkeyStepperComponent, MonkeyStepperModule, MonkeyStepperService, MonkeySuffixDirective, MonkeyTabComponent, MonkeyTabLinkDirective, MonkeyTableCellDirective, MonkeyTableColumnDirective, MonkeyTableComponent, MonkeyTableEmptyDirective, MonkeyTableHeaderCellDirective, MonkeyTableLoadingDirective, MonkeyTableRowDetailDirective, MonkeyTabsComponent, MonkeyTabsModule, MonkeyToastComponent, MonkeyToastRef, MonkeyToastService, MonkeyToggleComponent, MonkeyToggleLineButtonComponent, MonkeyToggleLineComponent, MonkeyTooltipComponent, MonkeyTooltipDirective, MonkeyUserProfileButtonComponent, MonkeyUserProfileComponent, addKeys, appliedFrom, ariaSortOf, arityOf, closeOnClickAttribute, conditionsOf, getCurrencySymbol, indexAtOffset, injectTokenWithWarning, interpolate, isComplete, mergeOrder, offsetOfIndex, panelOf, removeKeys, sameColumnState, selectionState, sortByOrder, toPx, toggleKey, totalHeight, withCondition, withType };
+export { DOWNLOAD_TOAST_EXIT_MS, MECX_COUNTRY_ISO_CODE, MECX_GOOGLE_API_KEY, MECX_I18N_LANG, MECX_I18N_WRAPPER, MECX_MODAL_DATA, MECX_MODAL_DEFAULT_CONFIG, MECX_POPOVER_OPTIONS, MonkeyAccordionComponent, MonkeyActionBarComponent, MonkeyAlertComponent, MonkeyAutocompleteAddressComponent, MonkeyAutocompleteComponent, MonkeyAvatarComponent, MonkeyBadgeComponent, MonkeyBadgeDirective, MonkeyBreadcrumbComponent, MonkeyButtonComponent, MonkeyCheckboxComponent, MonkeyComplexFilterBarComponent, MonkeyDateRangeComponent, MonkeyDictionaryService, MonkeyDisplayDirective, MonkeyDividerComponent, MonkeyDownloadButtonComponent, MonkeyDownloadToastComponent, MonkeyDownloadToastService, MonkeyDownloadToastStackComponent, MonkeyEcxAddressService, MonkeyErrorDirective, MonkeyFilterBarComponent, MonkeyFilterBarService, MonkeyFilterChipComponent, MonkeyFilterMenuComponent, MonkeyFilterMenuItemComponent, MonkeyFilterSegmentComponent, MonkeyFilterTriggerComponent, MonkeyFormDirective, MonkeyFormFieldComponent, MonkeyFormFieldControl, MonkeyFormFieldModule, MonkeyHelperDirective, MonkeyIconButtonComponent, MonkeyInfoDirective, MonkeyInputCodeComponent, MonkeyInputCurrencyDirective, MonkeyInputDateRangeComponent, MonkeyInputDirective, MonkeyInputModule, MonkeyInputPhoneComponent, MonkeyInputUploadComponent, MonkeyLabelDirective, MonkeyModalActionsDirective, MonkeyModalComponent, MonkeyModalConfig, MonkeyModalContentDirective, MonkeyModalModule, MonkeyModalRef, MonkeyModalService, MonkeyModalSubtitleDirective, MonkeyModalTitleDirective, MonkeyOptionComponent, MonkeyPaginationActionComponent, MonkeyPaginationLabelComponent, MonkeyPaginationSizeComponent, MonkeyPassNumberComponent, MonkeyPassSecretNumberComponent, MonkeyPopoverContentComponent, MonkeyPopoverDirective, MonkeyPrefixDirective, MonkeyRadioButtonComponent, MonkeyScrollbarComponent, MonkeySecurityLevelComponent, MonkeySelectComponent, MonkeyStatusComponent, MonkeyStepComponent, MonkeyStepperComponent, MonkeyStepperModule, MonkeyStepperService, MonkeySuffixDirective, MonkeyTabComponent, MonkeyTabLinkDirective, MonkeyTableCellDirective, MonkeyTableColumnDirective, MonkeyTableComponent, MonkeyTableEmptyDirective, MonkeyTableHeaderCellDirective, MonkeyTableLoadingDirective, MonkeyTableRowDetailDirective, MonkeyTabsComponent, MonkeyTabsModule, MonkeyToastComponent, MonkeyToastRef, MonkeyToastService, MonkeyToggleComponent, MonkeyToggleLineButtonComponent, MonkeyToggleLineComponent, MonkeyTooltipComponent, MonkeyTooltipDirective, MonkeyUserProfileButtonComponent, MonkeyUserProfileComponent, addKeys, appliedFrom, ariaSortOf, arityOf, closeOnClickAttribute, conditionsForOption, conditionsOf, getCurrencySymbol, indexAtOffset, injectTokenWithWarning, interpolate, isComplete, mergeOrder, offsetOfIndex, panelOf, removeKeys, sameColumnState, selectionState, sortByOrder, supportedConditionsOf, toPx, toggleKey, totalHeight, withCondition, withType };
 //# sourceMappingURL=monkey-style-guide.mjs.map