aloha-vue 2.75.1 → 2.76.0

package/src/AFilters/AFilterCenter/AFilterCenterItem/compositionAPI/ModelValuesAPI.js

@@ -1,240 +1,240 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import AFiltersAPI from "../../../../compositionAPI/AFiltersAPI";
-import {
-  getTranslatedText,
-} from "../../../../ATranslation/compositionAPI/UtilsAPI";
-
-import TypesNumberRange from "../../../../ui/AInputNumberRange/utils/Types";
-import {
-  AKeyLabel,
-} from "../../../../const/AKeys";
-import {
-  typesModelArray,
-} from "../../../../ui/const/AUiTypes";
-import {
-  filter as _filter,
-  get,
-  isFunction,
-  isNil,
-} from "lodash-es";
-
-
-export default function ModelValuesAPI(props, {
-  filterLabel = computed(() => ""),
-  filterLabelForTitle = computed(() => ""),
-  hasCurrentFilter = computed(() => false),
-}) {
-  const dataKeyByKeyIdPerFilter = toRef(props, "dataKeyByKeyIdPerFilter");
-  const filter = toRef(props, "filter");
-  const model = toRef(props, "model");
-
-  const {
-    filterBoolean,
-    filterDate,
-  } = AFiltersAPI();
-
-  const filterDataKey = computed(() => {
-    if (filter.value) {
-      return dataKeyByKeyIdPerFilter.value[filter.value.id];
-    }
-    return undefined;
-  });
-
-  const modelArrayReal = computed(() => {
-    if (model.value?.length) {
-      return _filter(model.value, modelItem => {
-        return filterDataKey.value && filterDataKey.value[modelItem];
-      });
-    }
-    return [];
-  });
-
-  const getTranslatedLabelWithSuffix = ({ label, suffixTranslated }) => {
-    const LABEL_TRANSLATED = getTranslatedText({
-      placeholder: label,
-    });
-    if (!suffixTranslated) {
-      return LABEL_TRANSLATED;
-    }
-
-    return `${ LABEL_TRANSLATED } ${ suffixTranslated }`;
-  };
-
-  const modelValuesForCurrentFilter = computed(() => {
-    if (!hasCurrentFilter.value) {
-      return [];
-    }
-    if (filter.value.type === "switch" ||
-      filter.value.type === "oneCheckbox") {
-      return [{
-        filterLabelTranslated: getTranslatedLabelWithSuffix({ label: filterLabel.value }),
-        filterLabelForTitleTranslated: getTranslatedLabelWithSuffix({ label: filterLabelForTitle.value }),
-        label: filterBoolean(model.value),
-      }];
-    }
-    if (filter.value.type === "date") {
-      return [{
-        filterLabelTranslated: getTranslatedLabelWithSuffix({ label: filterLabel.value }),
-        filterLabelForTitleTranslated: getTranslatedLabelWithSuffix({ label: filterLabelForTitle.value }),
-        label: filterDate(model.value),
-      }];
-    }
-
-    if (filter.value.type === "select" ||
-      filter.value.type === "radio") {
-      const LABEL = get(filterDataKey.value, `${ model.value }.${ AKeyLabel }`);
-      if (LABEL) {
-        return [{
-          filterLabelTranslated: getTranslatedLabelWithSuffix({ label: filterLabel.value }),
-          filterLabelForTitleTranslated: getTranslatedLabelWithSuffix({ label: filterLabelForTitle.value }),
-          label: LABEL,
-        }];
-      }
-      return [];
-    }
-    if (typesModelArray.value[filter.value.type] ||
-      (filter.value.type === "radio" && filter.value.isModelArray)) {
-      if (modelArrayReal.value.length) {
-        if (modelArrayReal.value.length === 1) {
-          const item = filterDataKey.value?.[modelArrayReal.value[0]];
-
-          let label = item?.[AKeyLabel];
-          if (filter.value.mode === "one_per_group" && filter.value.keyGroup) {
-            const GROUP = get(item, filter.value.keyGroup);
-            if (isFunction(filter.value.keyGroupCallback)) {
-              label = `${ filter.value.keyGroupCallback({ item, inDropdown: false, group: GROUP }) } "${ label }"`;
-            } else {
-              label = `${ GROUP } "${ label }"`;
-            }
-          }
-
-          return [{
-            filterLabelTranslated: getTranslatedLabelWithSuffix({ label: filterLabel.value }),
-            filterLabelForTitleTranslated: getTranslatedLabelWithSuffix({ label: filterLabelForTitle.value }),
-            label,
-            item,
-            modelArray: modelArrayReal.value,
-          }];
-        }
-        return [{
-          filterLabelTranslated: getTranslatedLabelWithSuffix({ label: filterLabel.value }),
-          filterLabelForTitleTranslated: getTranslatedLabelWithSuffix({ label: filterLabelForTitle.value }),
-          label: getTranslatedText({
-            placeholder: "_A_FILTERS_SELECTED_{{count}}_",
-            extra: {
-              count: modelArrayReal.value.length,
-              modelArray: modelArrayReal.value,
-            },
-          }),
-          modelArray: modelArrayReal.value,
-          extra: {
-            count: modelArrayReal.value.length,
-            modelArray: modelArrayReal.value,
-          },
-        }];
-      }
-      return [];
-    }
-
-    if (filter.value.type === "dateRange") {
-      const KEY_FROM = filter.value.keyFrom || "from";
-      const KEY_UNTIL = filter.value.keyUntil || "until";
-      const MODEL_VALUES = [];
-      if (!isNil(model.value?.[KEY_FROM]) && model.value?.[KEY_FROM] !== "") {
-        const SUFFIX_TRANSLATED = getTranslatedText({
-          placeholder: filter.value.labelFrom || "_A_DATEPICKER_RANGE_FROM_",
-        });
-        MODEL_VALUES.push({
-          filterLabelTranslated: getTranslatedLabelWithSuffix({
-            label: filterLabel.value,
-            suffixTranslated: SUFFIX_TRANSLATED,
-          }),
-          filterLabelForTitleTranslated: getTranslatedLabelWithSuffix({
-            label: filterLabelForTitle.value,
-            suffixTranslated: SUFFIX_TRANSLATED,
-          }),
-          label: filterDate(model.value[KEY_FROM]),
-          idSuffix: "_from",
-          keyId: KEY_FROM,
-        });
-      }
-      if (!isNil(model.value?.[KEY_UNTIL]) && model.value?.[KEY_UNTIL] !== "") {
-        const SUFFIX_TRANSLATED = getTranslatedText({
-          placeholder: filter.value.labelUntil || "_A_DATEPICKER_RANGE_UNTIL_",
-        });
-        MODEL_VALUES.push({
-          filterLabelTranslated: getTranslatedLabelWithSuffix({
-            label: filterLabel.value,
-            suffixTranslated: SUFFIX_TRANSLATED,
-          }),
-          filterLabelForTitleTranslated: getTranslatedLabelWithSuffix({
-            label: filterLabelForTitle.value,
-            suffixTranslated: SUFFIX_TRANSLATED,
-          }),
-          label: filterDate(model.value[KEY_UNTIL]),
-          idSuffix: "_until",
-          keyId: KEY_UNTIL,
-        });
-      }
-      return MODEL_VALUES;
-    }
-
-    if (TypesNumberRange.indexOf(filter.value.type) !== -1) {
-      const KEY_MAX = filter.value.keyMax || "max";
-      const KEY_MIN = filter.value.keyMin || "min";
-      const MODEL_VALUES = [];
-      if (!isNil(model.value?.[KEY_MIN]) && model.value?.[KEY_MIN] !== "") {
-        const SUFFIX_TRANSLATED = getTranslatedText({
-          placeholder: filter.value.labelMin || "_A_INPUT_NUMBER_RANGE_LABEL_MIN_",
-        });
-
-        MODEL_VALUES.push({
-          filterLabelTranslated: getTranslatedLabelWithSuffix({
-            label: filterLabel.value,
-            suffixTranslated: SUFFIX_TRANSLATED,
-          }),
-          filterLabelForTitleTranslated: getTranslatedLabelWithSuffix({
-            label: filterLabelForTitle.value,
-            suffixTranslated: SUFFIX_TRANSLATED,
-          }),
-          label: model.value[KEY_MIN],
-          idSuffix: "_min",
-          keyId: KEY_MIN,
-        });
-      }
-      if (!isNil(model.value?.[KEY_MAX]) && model.value?.[KEY_MAX] !== "") {
-        const SUFFIX_TRANSLATED = getTranslatedText({
-          placeholder: filter.value.labelMax || "_A_INPUT_NUMBER_RANGE_LABEL_MAX_",
-        });
-
-        MODEL_VALUES.push({
-          filterLabelTranslated: getTranslatedLabelWithSuffix({
-            label: filterLabel.value,
-            suffixTranslated: SUFFIX_TRANSLATED,
-          }),
-          filterLabelForTitleTranslated: getTranslatedLabelWithSuffix({
-            label: filterLabelForTitle.value,
-            suffixTranslated: SUFFIX_TRANSLATED,
-          }),
-          label: model.value[KEY_MAX],
-          idSuffix: "_max",
-          keyId: KEY_MAX,
-        });
-      }
-      return MODEL_VALUES;
-    }
-    return [{
-      label: model.value,
-      filterLabelTranslated: getTranslatedLabelWithSuffix({ label: filterLabel.value }),
-      filterLabelForTitleTranslated: getTranslatedLabelWithSuffix({ label: filterLabelForTitle.value }),
-    }];
-  });
-
-  return {
-    modelValuesForCurrentFilter,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import AFiltersAPI from "../../../../compositionAPI/AFiltersAPI";
+import {
+  getTranslatedText,
+} from "../../../../ATranslation/compositionAPI/UtilsAPI";
+
+import TypesNumberRange from "../../../../ui/AInputNumberRange/utils/Types";
+import {
+  AKeyLabel,
+} from "../../../../const/AKeys";
+import {
+  typesModelArray,
+} from "../../../../ui/const/AUiTypes";
+import {
+  filter as _filter,
+  get,
+  isFunction,
+  isNil,
+} from "lodash-es";
+
+
+export default function ModelValuesAPI(props, {
+  filterLabel = computed(() => ""),
+  filterLabelForTitle = computed(() => ""),
+  hasCurrentFilter = computed(() => false),
+}) {
+  const dataKeyByKeyIdPerFilter = toRef(props, "dataKeyByKeyIdPerFilter");
+  const filter = toRef(props, "filter");
+  const model = toRef(props, "model");
+
+  const {
+    filterBoolean,
+    filterDate,
+  } = AFiltersAPI();
+
+  const filterDataKey = computed(() => {
+    if (filter.value) {
+      return dataKeyByKeyIdPerFilter.value[filter.value.id];
+    }
+    return undefined;
+  });
+
+  const modelArrayReal = computed(() => {
+    if (model.value?.length) {
+      return _filter(model.value, modelItem => {
+        return filterDataKey.value && filterDataKey.value[modelItem];
+      });
+    }
+    return [];
+  });
+
+  const getTranslatedLabelWithSuffix = ({ label, suffixTranslated }) => {
+    const LABEL_TRANSLATED = getTranslatedText({
+      placeholder: label,
+    });
+    if (!suffixTranslated) {
+      return LABEL_TRANSLATED;
+    }
+
+    return `${ LABEL_TRANSLATED } ${ suffixTranslated }`;
+  };
+
+  const modelValuesForCurrentFilter = computed(() => {
+    if (!hasCurrentFilter.value) {
+      return [];
+    }
+    if (filter.value.type === "switch" ||
+      filter.value.type === "oneCheckbox") {
+      return [{
+        filterLabelTranslated: getTranslatedLabelWithSuffix({ label: filterLabel.value }),
+        filterLabelForTitleTranslated: getTranslatedLabelWithSuffix({ label: filterLabelForTitle.value }),
+        label: filterBoolean(model.value),
+      }];
+    }
+    if (filter.value.type === "date") {
+      return [{
+        filterLabelTranslated: getTranslatedLabelWithSuffix({ label: filterLabel.value }),
+        filterLabelForTitleTranslated: getTranslatedLabelWithSuffix({ label: filterLabelForTitle.value }),
+        label: filterDate(model.value),
+      }];
+    }
+
+    if (filter.value.type === "select" ||
+      filter.value.type === "radio") {
+      const LABEL = get(filterDataKey.value, `${ model.value }.${ AKeyLabel }`);
+      if (LABEL) {
+        return [{
+          filterLabelTranslated: getTranslatedLabelWithSuffix({ label: filterLabel.value }),
+          filterLabelForTitleTranslated: getTranslatedLabelWithSuffix({ label: filterLabelForTitle.value }),
+          label: LABEL,
+        }];
+      }
+      return [];
+    }
+    if (typesModelArray.value[filter.value.type] ||
+      (filter.value.type === "radio" && filter.value.isModelArray)) {
+      if (modelArrayReal.value.length) {
+        if (modelArrayReal.value.length === 1) {
+          const item = filterDataKey.value?.[modelArrayReal.value[0]];
+
+          let label = item?.[AKeyLabel];
+          if (filter.value.mode === "one_per_group" && filter.value.keyGroup) {
+            const GROUP = get(item, filter.value.keyGroup);
+            if (isFunction(filter.value.keyGroupCallback)) {
+              label = `${ filter.value.keyGroupCallback({ item, inDropdown: false, group: GROUP }) } "${ label }"`;
+            } else {
+              label = `${ GROUP } "${ label }"`;
+            }
+          }
+
+          return [{
+            filterLabelTranslated: getTranslatedLabelWithSuffix({ label: filterLabel.value }),
+            filterLabelForTitleTranslated: getTranslatedLabelWithSuffix({ label: filterLabelForTitle.value }),
+            label,
+            item,
+            modelArray: modelArrayReal.value,
+          }];
+        }
+        return [{
+          filterLabelTranslated: getTranslatedLabelWithSuffix({ label: filterLabel.value }),
+          filterLabelForTitleTranslated: getTranslatedLabelWithSuffix({ label: filterLabelForTitle.value }),
+          label: getTranslatedText({
+            placeholder: "_A_FILTERS_SELECTED_{{count}}_",
+            extra: {
+              count: modelArrayReal.value.length,
+              modelArray: modelArrayReal.value,
+            },
+          }),
+          modelArray: modelArrayReal.value,
+          extra: {
+            count: modelArrayReal.value.length,
+            modelArray: modelArrayReal.value,
+          },
+        }];
+      }
+      return [];
+    }
+
+    if (filter.value.type === "dateRange") {
+      const KEY_FROM = filter.value.keyFrom || "from";
+      const KEY_UNTIL = filter.value.keyUntil || "until";
+      const MODEL_VALUES = [];
+      if (!isNil(model.value?.[KEY_FROM]) && model.value?.[KEY_FROM] !== "") {
+        const SUFFIX_TRANSLATED = getTranslatedText({
+          placeholder: filter.value.labelFrom || "_A_DATEPICKER_RANGE_FROM_",
+        });
+        MODEL_VALUES.push({
+          filterLabelTranslated: getTranslatedLabelWithSuffix({
+            label: filterLabel.value,
+            suffixTranslated: SUFFIX_TRANSLATED,
+          }),
+          filterLabelForTitleTranslated: getTranslatedLabelWithSuffix({
+            label: filterLabelForTitle.value,
+            suffixTranslated: SUFFIX_TRANSLATED,
+          }),
+          label: filterDate(model.value[KEY_FROM]),
+          idSuffix: "_from",
+          keyId: KEY_FROM,
+        });
+      }
+      if (!isNil(model.value?.[KEY_UNTIL]) && model.value?.[KEY_UNTIL] !== "") {
+        const SUFFIX_TRANSLATED = getTranslatedText({
+          placeholder: filter.value.labelUntil || "_A_DATEPICKER_RANGE_UNTIL_",
+        });
+        MODEL_VALUES.push({
+          filterLabelTranslated: getTranslatedLabelWithSuffix({
+            label: filterLabel.value,
+            suffixTranslated: SUFFIX_TRANSLATED,
+          }),
+          filterLabelForTitleTranslated: getTranslatedLabelWithSuffix({
+            label: filterLabelForTitle.value,
+            suffixTranslated: SUFFIX_TRANSLATED,
+          }),
+          label: filterDate(model.value[KEY_UNTIL]),
+          idSuffix: "_until",
+          keyId: KEY_UNTIL,
+        });
+      }
+      return MODEL_VALUES;
+    }
+
+    if (TypesNumberRange.indexOf(filter.value.type) !== -1) {
+      const KEY_MAX = filter.value.keyMax || "max";
+      const KEY_MIN = filter.value.keyMin || "min";
+      const MODEL_VALUES = [];
+      if (!isNil(model.value?.[KEY_MIN]) && model.value?.[KEY_MIN] !== "") {
+        const SUFFIX_TRANSLATED = getTranslatedText({
+          placeholder: filter.value.labelMin || "_A_INPUT_NUMBER_RANGE_LABEL_MIN_",
+        });
+
+        MODEL_VALUES.push({
+          filterLabelTranslated: getTranslatedLabelWithSuffix({
+            label: filterLabel.value,
+            suffixTranslated: SUFFIX_TRANSLATED,
+          }),
+          filterLabelForTitleTranslated: getTranslatedLabelWithSuffix({
+            label: filterLabelForTitle.value,
+            suffixTranslated: SUFFIX_TRANSLATED,
+          }),
+          label: model.value[KEY_MIN],
+          idSuffix: "_min",
+          keyId: KEY_MIN,
+        });
+      }
+      if (!isNil(model.value?.[KEY_MAX]) && model.value?.[KEY_MAX] !== "") {
+        const SUFFIX_TRANSLATED = getTranslatedText({
+          placeholder: filter.value.labelMax || "_A_INPUT_NUMBER_RANGE_LABEL_MAX_",
+        });
+
+        MODEL_VALUES.push({
+          filterLabelTranslated: getTranslatedLabelWithSuffix({
+            label: filterLabel.value,
+            suffixTranslated: SUFFIX_TRANSLATED,
+          }),
+          filterLabelForTitleTranslated: getTranslatedLabelWithSuffix({
+            label: filterLabelForTitle.value,
+            suffixTranslated: SUFFIX_TRANSLATED,
+          }),
+          label: model.value[KEY_MAX],
+          idSuffix: "_max",
+          keyId: KEY_MAX,
+        });
+      }
+      return MODEL_VALUES;
+    }
+    return [{
+      label: model.value,
+      filterLabelTranslated: getTranslatedLabelWithSuffix({ label: filterLabel.value }),
+      filterLabelForTitleTranslated: getTranslatedLabelWithSuffix({ label: filterLabelForTitle.value }),
+    }];
+  });
+
+  return {
+    modelValuesForCurrentFilter,
+  };
+}

package/src/AFilters/AFilterCenter/compositionAPI/LoadingFiltersAPI.js

@@ -1,32 +1,32 @@
-import {
-  computed,
-  ref,
-} from "vue";
-
-import {
-  forEach,
-} from "lodash-es";
-
-export default function LoadingFiltersAPI() {
-  const loadingChildFilters = ref({});
-
-  const updateLoadingChildFilters = ({ id, isLoading }) => {
-    loadingChildFilters.value[id] = isLoading;
-  };
-
-  const isLeastOneChildFilterLoading = computed(() => {
-    let isLoading = false;
-    forEach(loadingChildFilters.value, _isLoading => {
-      if (_isLoading) {
-        isLoading = true;
-        return false;
-      }
-    });
-    return isLoading;
-  });
-
-  return {
-    isLeastOneChildFilterLoading,
-    updateLoadingChildFilters,
-  };
-}
+import {
+  computed,
+  ref,
+} from "vue";
+
+import {
+  forEach,
+} from "lodash-es";
+
+export default function LoadingFiltersAPI() {
+  const loadingChildFilters = ref({});
+
+  const updateLoadingChildFilters = ({ id, isLoading }) => {
+    loadingChildFilters.value[id] = isLoading;
+  };
+
+  const isLeastOneChildFilterLoading = computed(() => {
+    let isLoading = false;
+    forEach(loadingChildFilters.value, _isLoading => {
+      if (_isLoading) {
+        isLoading = true;
+        return false;
+      }
+    });
+    return isLoading;
+  });
+
+  return {
+    isLeastOneChildFilterLoading,
+    updateLoadingChildFilters,
+  };
+}

package/src/AFilters/AFilterCenter/compositionAPI/VisibleFiltersAPI.js

@@ -1,46 +1,46 @@
-import {
-  computed,
-  ref,
-  toRef,
-} from "vue";
-
-import {
-  forEach,
-} from "lodash-es";
-
-export default function VisibleFiltersAPI(props) {
-  const filtersGroup = toRef(props, "filtersGroup");
-
-  const visibleChildFilters = ref({});
-
-  const updateVisibleChildFilters = ({ id, isVisible }) => {
-    visibleChildFilters.value[id] = isVisible;
-  };
-
-  const isLeastOneChildFilterVisible = computed(() => {
-    let isVisible = false;
-    forEach(visibleChildFilters.value, _isVisible => {
-      if (_isVisible) {
-        isVisible = true;
-        return false;
-      }
-    });
-    return isVisible;
-  });
-
-  const hasFilters = computed(() => {
-    return !!(filtersGroup.value.alwaysVisible.length || filtersGroup.value.filters.length);
-  });
-
-  const styleHide = computed(() => {
-    return isLeastOneChildFilterVisible.value ?
-      undefined :
-      "display: none;";
-  });
-
-  return {
-    hasFilters,
-    styleHide,
-    updateVisibleChildFilters,
-  };
-}
+import {
+  computed,
+  ref,
+  toRef,
+} from "vue";
+
+import {
+  forEach,
+} from "lodash-es";
+
+export default function VisibleFiltersAPI(props) {
+  const filtersGroup = toRef(props, "filtersGroup");
+
+  const visibleChildFilters = ref({});
+
+  const updateVisibleChildFilters = ({ id, isVisible }) => {
+    visibleChildFilters.value[id] = isVisible;
+  };
+
+  const isLeastOneChildFilterVisible = computed(() => {
+    let isVisible = false;
+    forEach(visibleChildFilters.value, _isVisible => {
+      if (_isVisible) {
+        isVisible = true;
+        return false;
+      }
+    });
+    return isVisible;
+  });
+
+  const hasFilters = computed(() => {
+    return !!(filtersGroup.value.alwaysVisible.length || filtersGroup.value.filters.length);
+  });
+
+  const styleHide = computed(() => {
+    return isLeastOneChildFilterVisible.value ?
+      undefined :
+      "display: none;";
+  });
+
+  return {
+    hasFilters,
+    styleHide,
+    updateVisibleChildFilters,
+  };
+}

package/src/AFilters/AFilterCenter/utils/utils.js

@@ -1,15 +1,15 @@
-import {
-  isArray,
-  isNil,
-} from "lodash-es";
-
-export function hasFilterCenter({ filter, currentModel }) {
-  if (!filter ||
-    filter.hideFilterCenter ||
-    isNil(currentModel) ||
-    currentModel === "" ||
-    (isArray(currentModel) && !currentModel.length)) {
-    return false;
-  }
-  return true;
-}
+import {
+  isArray,
+  isNil,
+} from "lodash-es";
+
+export function hasFilterCenter({ filter, currentModel }) {
+  if (!filter ||
+    filter.hideFilterCenter ||
+    isNil(currentModel) ||
+    currentModel === "" ||
+    (isArray(currentModel) && !currentModel.length)) {
+    return false;
+  }
+  return true;
+}