aloha-vue 2.7.0 → 2.7.2

package/src/AFilters/AFilters/compositionAPI/SaveAPI.js

@@ -1,57 +1,57 @@
-import {
-  ref,
-  toRef,
-} from "vue";
-
-import {
-  cloneDeep,
-  findIndex,
-  isFunction,
-} from "lodash-es";
-
-export default function SaveAPI(props) {
-  const filtersSaved = toRef(props, "filtersSaved");
-  const unappliedModel = toRef(props, "unappliedModel");
-  const updateFiltersSaved = toRef(props, "updateFiltersSaved");
-
-  const filtersSavedLocal = ref([]);
-
-  const initFiltersSaved = () => {
-    filtersSavedLocal.value = filtersSaved.value || [];
-  };
-
-  const updateFiltersSavedLocal = ({ action = "", label = "" }) => {
-    if (action === "create") {
-      filtersSavedLocal.value.push({
-        label,
-        data: cloneDeep(unappliedModel.value),
-      });
-    } else {
-      const INDEX = findIndex(filtersSavedLocal.value, ["label", label]);
-      if (INDEX !== -1) {
-        if (action === "delete") {
-          filtersSavedLocal.value.splice(INDEX, 1);
-        } else if (action === "update") {
-          filtersSavedLocal.value.splice(INDEX, 1, {
-            label,
-            data: cloneDeep(unappliedModel.value),
-          });
-        }
-      }
-    }
-    if (isFunction(updateFiltersSaved.value)) {
-      updateFiltersSaved.value({
-        action,
-        label,
-        model: unappliedModel.value,
-        filtersSaved: filtersSavedLocal.value,
-      });
-    }
-  };
-
-  return {
-    filtersSavedLocal,
-    initFiltersSaved,
-    updateFiltersSavedLocal,
-  };
-}
+import {
+  ref,
+  toRef,
+} from "vue";
+
+import {
+  cloneDeep,
+  findIndex,
+  isFunction,
+} from "lodash-es";
+
+export default function SaveAPI(props) {
+  const filtersSaved = toRef(props, "filtersSaved");
+  const unappliedModel = toRef(props, "unappliedModel");
+  const updateFiltersSaved = toRef(props, "updateFiltersSaved");
+
+  const filtersSavedLocal = ref([]);
+
+  const initFiltersSaved = () => {
+    filtersSavedLocal.value = filtersSaved.value || [];
+  };
+
+  const updateFiltersSavedLocal = ({ action = "", label = "" }) => {
+    if (action === "create") {
+      filtersSavedLocal.value.push({
+        label,
+        data: cloneDeep(unappliedModel.value),
+      });
+    } else {
+      const INDEX = findIndex(filtersSavedLocal.value, ["label", label]);
+      if (INDEX !== -1) {
+        if (action === "delete") {
+          filtersSavedLocal.value.splice(INDEX, 1);
+        } else if (action === "update") {
+          filtersSavedLocal.value.splice(INDEX, 1, {
+            label,
+            data: cloneDeep(unappliedModel.value),
+          });
+        }
+      }
+    }
+    if (isFunction(updateFiltersSaved.value)) {
+      updateFiltersSaved.value({
+        action,
+        label,
+        model: unappliedModel.value,
+        filtersSaved: filtersSavedLocal.value,
+      });
+    }
+  };
+
+  return {
+    filtersSavedLocal,
+    initFiltersSaved,
+    updateFiltersSavedLocal,
+  };
+}

package/src/AFilters/AFilters/compositionAPI/ToggleAPI.js

@@ -3,9 +3,9 @@ import {
   toRef,
 } from "vue";
 
-import {
-  cloneDeep,
-  filter as _filter,
+import {
+  cloneDeep,
+  filter as _filter,
 } from "lodash-es";
 
 export default function ToggleAPI(props, {

package/src/AFilters/AFiltersHorizontal/AFiltersHorizontalFilter/compositionAPI/IdAPI.js

@@ -1,29 +1,29 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  getHtmlId,
-} from "../../../../ui/compositionApi/UiAPI";
-
-export default function IdAPI(props) {
-  const filter = toRef(props, "filter");
-  const id = toRef(props, "id");
-
-  const idPrefix = computed(() => {
-    return `${ id.value }_`;
-  });
-
-  const htmlIdLocal = computed(() => {
-    return getHtmlId({
-      id: filter.value.id,
-      idPrefix: idPrefix.value,
-      htmlId: filter.value.htmlId,
-    });
-  });
-
-  return {
-    htmlIdLocal,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  getHtmlId,
+} from "../../../../ui/compositionApi/UiAPI";
+
+export default function IdAPI(props) {
+  const filter = toRef(props, "filter");
+  const id = toRef(props, "id");
+
+  const idPrefix = computed(() => {
+    return `${ id.value }_`;
+  });
+
+  const htmlIdLocal = computed(() => {
+    return getHtmlId({
+      id: filter.value.id,
+      idPrefix: idPrefix.value,
+      htmlId: filter.value.htmlId,
+    });
+  });
+
+  return {
+    htmlIdLocal,
+  };
+}

package/src/AFilters/AFiltersHorizontal/AFiltersHorizontalFilter/compositionAPI/IsFilterAPI.js

@@ -1,16 +1,16 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function IsFilterAPI(props) {
-  const filter = toRef(props, "filter");
-
-  const isFilter = computed(() => {
-    return !!(filter.value && filter.value.isRender !== false);
-  });
-
-  return {
-    isFilter,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function IsFilterAPI(props) {
+  const filter = toRef(props, "filter");
+
+  const isFilter = computed(() => {
+    return !!(filter.value && filter.value.isRender !== false);
+  });
+
+  return {
+    isFilter,
+  };
+}

package/src/AFilters/AFiltersHorizontal/AFiltersHorizontalFilter/compositionAPI/LabelAPI.js

@@ -1,19 +1,19 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function LabelAPI(props) {
-  const filter = toRef(props, "filter");
-
-  const labelClass = "a_filters_top__filter_ui_label";
-
-  const isLabelInComponentVisible = computed(() => {
-    return !(filter.value.label && filter.value.type !== "oneCheckbox");
-  });
-
-  return {
-    isLabelInComponentVisible,
-    labelClass,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function LabelAPI(props) {
+  const filter = toRef(props, "filter");
+
+  const labelClass = "a_filters_top__filter_ui_label";
+
+  const isLabelInComponentVisible = computed(() => {
+    return !(filter.value.label && filter.value.type !== "oneCheckbox");
+  });
+
+  return {
+    isLabelInComponentVisible,
+    labelClass,
+  };
+}

package/src/AFilters/AFiltersHorizontal/AFiltersHorizontalFilterUi/compositionAPI/ComponentTypesAPI.js

@@ -1,18 +1,18 @@
-import AUiComponents from "../../../../ui/AUiComponents";
-import AUiContainerComponents from "../../../../ui/AUiContainerComponents";
-import {
-  AFormPluginOptions,
-} from "../../../../plugins/AFormPlugin";
-
-export default function ComponentTypesAPI() {
-  const componentTypesMapping = () => ({
-    ...AUiComponents,
-    ...AUiContainerComponents,
-    ...AFormPluginOptions.components,
-    ...AFormPluginOptions.containerComponents,
-  });
-
-  return {
-    componentTypesMapping,
-  };
-}
+import AUiComponents from "../../../../ui/AUiComponents";
+import AUiContainerComponents from "../../../../ui/AUiContainerComponents";
+import {
+  AFormPluginOptions,
+} from "../../../../plugins/AFormPlugin";
+
+export default function ComponentTypesAPI() {
+  const componentTypesMapping = () => ({
+    ...AUiComponents,
+    ...AUiContainerComponents,
+    ...AFormPluginOptions.components,
+    ...AFormPluginOptions.containerComponents,
+  });
+
+  return {
+    componentTypesMapping,
+  };
+}

package/src/AFilters/AFiltersHorizontal/AFiltersHorizontalFilterUi/compositionAPI/ContainerAPI.js

@@ -1,20 +1,20 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  typesContainer,
-} from "../../../../ui/const/AUiTypes";
-
-export default function ContainerAPI(props) {
-  const filter = toRef(props, "filter");
-
-  const isContainer = computed(() => {
-    return !!typesContainer.value[filter.value.type];
-  });
-
-  return {
-    isContainer,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  typesContainer,
+} from "../../../../ui/const/AUiTypes";
+
+export default function ContainerAPI(props) {
+  const filter = toRef(props, "filter");
+
+  const isContainer = computed(() => {
+    return !!typesContainer.value[filter.value.type];
+  });
+
+  return {
+    isContainer,
+  };
+}

package/src/AFilters/AFiltersHorizontal/AFiltersHorizontalFilterUi/compositionAPI/FilterSpecificTypeAPI.js

@@ -1,42 +1,42 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  typesMapDatepickerRange,
-} from "../../../../ui/ADatepickerRange/utils/Types";
-import {
-  typesMapInputNumberRange,
-} from "../../../../ui/AInputNumberRange/utils/Types";
-import {
-  isUndefined,
-} from "lodash-es";
-
-export default function FilterSpecificTypeAPI(props) {
-  const filter = toRef(props, "filter");
-
-  const filterSpecificAttributes = computed(() => {
-    const ATTRIBUTES = {};
-    const IS_NUMBER_RANGE = typesMapInputNumberRange[filter.value.type];
-    const IS_DATEPICKER_RANGE = typesMapDatepickerRange[filter.value.type];
-    if (IS_NUMBER_RANGE) {
-      if (isUndefined(filter.value.inputWidth)) {
-        ATTRIBUTES.inputWidth = "auto";
-      }
-    }
-
-    if (IS_DATEPICKER_RANGE) {
-      ATTRIBUTES.inputWidth = "inherit";
-      ATTRIBUTES.inputAttributes = {
-        style: "min-width: 181px",
-      };
-    }
-
-    return ATTRIBUTES;
-  });
-
-  return {
-    filterSpecificAttributes,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  typesMapDatepickerRange,
+} from "../../../../ui/ADatepickerRange/utils/Types";
+import {
+  typesMapInputNumberRange,
+} from "../../../../ui/AInputNumberRange/utils/Types";
+import {
+  isUndefined,
+} from "lodash-es";
+
+export default function FilterSpecificTypeAPI(props) {
+  const filter = toRef(props, "filter");
+
+  const filterSpecificAttributes = computed(() => {
+    const ATTRIBUTES = {};
+    const IS_NUMBER_RANGE = typesMapInputNumberRange[filter.value.type];
+    const IS_DATEPICKER_RANGE = typesMapDatepickerRange[filter.value.type];
+    if (IS_NUMBER_RANGE) {
+      if (isUndefined(filter.value.inputWidth)) {
+        ATTRIBUTES.inputWidth = "auto";
+      }
+    }
+
+    if (IS_DATEPICKER_RANGE) {
+      ATTRIBUTES.inputWidth = "inherit";
+      ATTRIBUTES.inputAttributes = {
+        style: "min-width: 181px",
+      };
+    }
+
+    return ATTRIBUTES;
+  });
+
+  return {
+    filterSpecificAttributes,
+  };
+}

package/src/AFilters/AFiltersHorizontal/AFiltersHorizontalFilterUi/compositionAPI/IdAPI.js

@@ -1,16 +1,16 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function IdAPI(props) {
-  const id = toRef(props, "id");
-
-  const idPrefix = computed(() => {
-    return `${ id.value }_`;
-  });
-
-  return {
-    idPrefix,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function IdAPI(props) {
+  const id = toRef(props, "id");
+
+  const idPrefix = computed(() => {
+    return `${ id.value }_`;
+  });
+
+  return {
+    idPrefix,
+  };
+}

package/src/AFilters/AFiltersHorizontal/AFiltersHorizontalFilterUi/compositionAPI/UpdateDataAPI.js

@@ -1,34 +1,34 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function UpdateDataAPI(props) {
-  const filter = toRef(props, "filter");
-  const updateDataKeyByIdFromFilter = toRef(props, "updateDataKeyByIdFromFilter");
-
-  const TYPES_WITH_DATA = ["select", "multiselect", "radio", "checkbox", "group", "fieldset"];
-
-  const updateDataLocal = ({ dataKeyByKeyId, item }) => {
-    let filterId = filter.value.id;
-    if (item) {
-      filterId = item.id;
-    }
-    updateDataKeyByIdFromFilter.value({
-      filterId: filterId,
-      dataKeyByKeyId,
-    });
-  };
-
-  const emitForComponentsWithData = computed(() => {
-    const EMITS = {};
-    if (TYPES_WITH_DATA.indexOf(filter.value.type) !== -1) {
-      EMITS.onUpdateData = updateDataLocal;
-    }
-    return EMITS;
-  });
-
-  return {
-    emitForComponentsWithData,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function UpdateDataAPI(props) {
+  const filter = toRef(props, "filter");
+  const updateDataKeyByIdFromFilter = toRef(props, "updateDataKeyByIdFromFilter");
+
+  const TYPES_WITH_DATA = ["select", "multiselect", "radio", "checkbox", "group", "fieldset"];
+
+  const updateDataLocal = ({ dataKeyByKeyId, item }) => {
+    let filterId = filter.value.id;
+    if (item) {
+      filterId = item.id;
+    }
+    updateDataKeyByIdFromFilter.value({
+      filterId: filterId,
+      dataKeyByKeyId,
+    });
+  };
+
+  const emitForComponentsWithData = computed(() => {
+    const EMITS = {};
+    if (TYPES_WITH_DATA.indexOf(filter.value.type) !== -1) {
+      EMITS.onUpdateData = updateDataLocal;
+    }
+    return EMITS;
+  });
+
+  return {
+    emitForComponentsWithData,
+  };
+}

package/src/AFilters/AFiltersHorizontal/compositionAPI/DropdownAPI.js

@@ -1,30 +1,30 @@
-import {
-  computed,
-  ref,
-  toRef,
-} from "vue";
-
-export default function DropdownAPI(props) {
-  const filtersGroup = toRef(props, "filtersGroup");
-
-  const dropdownRef = ref(undefined);
-
-  const isDropdownVisible = computed(() => {
-    return !!(filtersGroup.value.alwaysVisible.length || filtersGroup.value.filters.length);
-  });
-
-  const closeDropdown = () => {
-    dropdownRef.value?.onClose({ trigger: "click" });
-  };
-
-  const openDropdown = selectorToFocus => {
-    dropdownRef.value?.onOpen({ trigger: "click", selectorToFocus });
-  };
-
-  return {
-    closeDropdown,
-    dropdownRef,
-    isDropdownVisible,
-    openDropdown,
-  };
-}
+import {
+  computed,
+  ref,
+  toRef,
+} from "vue";
+
+export default function DropdownAPI(props) {
+  const filtersGroup = toRef(props, "filtersGroup");
+
+  const dropdownRef = ref(undefined);
+
+  const isDropdownVisible = computed(() => {
+    return !!(filtersGroup.value.alwaysVisible.length || filtersGroup.value.filters.length);
+  });
+
+  const closeDropdown = () => {
+    dropdownRef.value?.onClose({ trigger: "click" });
+  };
+
+  const openDropdown = selectorToFocus => {
+    dropdownRef.value?.onOpen({ trigger: "click", selectorToFocus });
+  };
+
+  return {
+    closeDropdown,
+    dropdownRef,
+    isDropdownVisible,
+    openDropdown,
+  };
+}