aloha-vue 2.66.0 → 2.66.2

package/src/compositionAPI/ARemPxAPI.js

@@ -1,47 +1,47 @@
-import {
-  ref,
-} from "vue";
-
-import {
-  isBrowser,
-} from "../utils/isBrowser";
-import {
-  isNumber,
-} from "lodash-es";
-
-export const remPx = ref(getRemPx());
-export const defaultRemPx = ref(16);
-
-export default function ARemPxAPI() {
-  return {
-    remPx,
-    scalePxWithRem,
-  };
-}
-
-function getRemPx() {
-  if (!isBrowser()) {
-    return 16;
-  }
-
-  const testEl = document.createElement("div");
-  testEl.style.height = "1rem";
-  testEl.style.position = "absolute";
-  testEl.style.visibility = "hidden";
-  document.body.appendChild(testEl);
-  const value = testEl.offsetHeight;
-  testEl.remove();
-
-  return value;
-}
-
-export function scalePxWithRem(value, {
-  baseRemPx = defaultRemPx.value,
-} = {}) {
-  if (!isNumber(value)) {
-    return value;
-  }
-
-  const scale = remPx.value / baseRemPx;
-  return value * scale;
-}
+import {
+  ref,
+} from "vue";
+
+import {
+  isBrowser,
+} from "../utils/isBrowser";
+import {
+  isNumber,
+} from "lodash-es";
+
+export const remPx = ref(getRemPx());
+export const defaultRemPx = ref(16);
+
+export default function ARemPxAPI() {
+  return {
+    remPx,
+    scalePxWithRem,
+  };
+}
+
+function getRemPx() {
+  if (!isBrowser()) {
+    return 16;
+  }
+
+  const testEl = document.createElement("div");
+  testEl.style.height = "1rem";
+  testEl.style.position = "absolute";
+  testEl.style.visibility = "hidden";
+  document.body.appendChild(testEl);
+  const value = testEl.offsetHeight;
+  testEl.remove();
+
+  return value;
+}
+
+export function scalePxWithRem(value, {
+  baseRemPx = defaultRemPx.value,
+} = {}) {
+  if (!isNumber(value)) {
+    return value;
+  }
+
+  const scale = remPx.value / baseRemPx;
+  return value * scale;
+}

package/src/compositionAPI/FocusByDestroyAPI.js

@@ -1,67 +1,67 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  cloneDeep,
-  forEach,
-  isArray,
-  isString,
-} from "lodash-es";
-
-export default function FocusByDestroyAPI(props) {
-  const selectorClose = toRef(props, "selectorClose");
-  const selectorCloseIds = toRef(props, "selectorCloseIds");
-
-  const selectorsCloseAll = computed(() => {
-    const ALL_SELECTORS = [];
-    if (selectorCloseIds.value) {
-      if (isString(selectorCloseIds.value)) {
-        ALL_SELECTORS.push(`#${ selectorCloseIds.value }`);
-      } else if (isArray(selectorCloseIds.value)) {
-        forEach(selectorCloseIds.value, selectorCloseId => {
-          ALL_SELECTORS.push(`#${ selectorCloseId }`);
-        });
-      }
-    }
-    if (selectorClose.value) {
-      if (isString(selectorClose.value)) {
-        ALL_SELECTORS.push(selectorClose.value);
-      } else if (isArray(selectorClose.value)) {
-        ALL_SELECTORS.push(...selectorClose.value);
-      }
-    }
-
-    return ALL_SELECTORS;
-  });
-
-  const setFocusByDestroyForSelector = ({ selector }) => {
-    const ELEMENT = document.querySelector(selector);
-    if (ELEMENT) {
-      ELEMENT.focus();
-      return true;
-    }
-    return false;
-  };
-
-  const setFocusByDestroy = () => {
-    if (!selectorsCloseAll.value.length) {
-      return;
-    }
-    const SELECTOR_CLOSE_ALL = cloneDeep(selectorsCloseAll.value);
-
-    setTimeout(() => {
-      forEach(SELECTOR_CLOSE_ALL, selector => {
-        const STATUS_SUCCESS = setFocusByDestroyForSelector({ selector });
-        if (STATUS_SUCCESS) {
-          return false;
-        }
-      });
-    }, 300);
-  };
-
-  return {
-    setFocusByDestroy,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  cloneDeep,
+  forEach,
+  isArray,
+  isString,
+} from "lodash-es";
+
+export default function FocusByDestroyAPI(props) {
+  const selectorClose = toRef(props, "selectorClose");
+  const selectorCloseIds = toRef(props, "selectorCloseIds");
+
+  const selectorsCloseAll = computed(() => {
+    const ALL_SELECTORS = [];
+    if (selectorCloseIds.value) {
+      if (isString(selectorCloseIds.value)) {
+        ALL_SELECTORS.push(`#${ selectorCloseIds.value }`);
+      } else if (isArray(selectorCloseIds.value)) {
+        forEach(selectorCloseIds.value, selectorCloseId => {
+          ALL_SELECTORS.push(`#${ selectorCloseId }`);
+        });
+      }
+    }
+    if (selectorClose.value) {
+      if (isString(selectorClose.value)) {
+        ALL_SELECTORS.push(selectorClose.value);
+      } else if (isArray(selectorClose.value)) {
+        ALL_SELECTORS.push(...selectorClose.value);
+      }
+    }
+
+    return ALL_SELECTORS;
+  });
+
+  const setFocusByDestroyForSelector = ({ selector }) => {
+    const ELEMENT = document.querySelector(selector);
+    if (ELEMENT) {
+      ELEMENT.focus();
+      return true;
+    }
+    return false;
+  };
+
+  const setFocusByDestroy = () => {
+    if (!selectorsCloseAll.value.length) {
+      return;
+    }
+    const SELECTOR_CLOSE_ALL = cloneDeep(selectorsCloseAll.value);
+
+    setTimeout(() => {
+      forEach(SELECTOR_CLOSE_ALL, selector => {
+        const STATUS_SUCCESS = setFocusByDestroyForSelector({ selector });
+        if (STATUS_SUCCESS) {
+          return false;
+        }
+      });
+    }, 300);
+  };
+
+  return {
+    setFocusByDestroy,
+  };
+}

package/src/const/AKeys.js

@@ -1,9 +1,9 @@
-export const AKeyChildren = "_a_children";
-export const AKeyHide = "_a_hide";
-export const AKeyId = "_a_id";
-export const AKeyIndex = "_a_index";
-export const AKeyLabel = "_a_label";
-export const AKeyLabelSearch = "_a_label_search";
-export const AKeyLink = "_a_link";
-export const AKeyParent = "_a_parent";
-export const AKeyType = "_a_type";
+export const AKeyChildren = "_a_children";
+export const AKeyHide = "_a_hide";
+export const AKeyId = "_a_id";
+export const AKeyIndex = "_a_index";
+export const AKeyLabel = "_a_label";
+export const AKeyLabelSearch = "_a_label_search";
+export const AKeyLink = "_a_link";
+export const AKeyParent = "_a_parent";
+export const AKeyType = "_a_type";

package/src/filters/__tests__/filterValueByCondition.test.js

@@ -1,94 +1,94 @@
-import {
-  describe,
-  expect,
-  it,
-} from "@jest/globals";
-
-import filterValueByCondition from "../filterValueByCondition";
-
-describe("Filter value by condition", () => {
-  it("Returns the value from the first matching function condition", () => {
-    const conditions = [
-      {
-        if: value => value > 3,
-        then: value => `(${ value * 3 } Aloha)`,
-      },
-      {
-        if: value => value < 2,
-        then: "aloha",
-      },
-    ];
-
-    expect(filterValueByCondition(4, { conditions })).toBe("(12 Aloha)");
-  });
-
-  it("Returns the value from the first matching string expression condition", () => {
-    const conditions = [
-      {
-        if: "value > 3",
-        thenTemplate: "(${ value * 3 } Aloha)",
-      },
-      {
-        if: "value < 2",
-        then: "aloha",
-      },
-    ];
-
-    expect(filterValueByCondition(1, { conditions })).toBe("aloha");
-    expect(filterValueByCondition(4, { conditions })).toBe("(12 Aloha)");
-  });
-
-  it("Returns defaultValue if no condition matches", () => {
-    const conditions = [
-      {
-        if: "value > 3",
-        then: "aloha",
-      },
-    ];
-
-    expect(filterValueByCondition(2, {
-      conditions,
-      defaultValue: value => value / 2,
-    })).toBe(1);
-  });
-
-  it("Returns defaultTemplate if no condition matches", () => {
-    const conditions = [
-      {
-        if: "value > 3",
-        then: "aloha",
-      },
-    ];
-
-    expect(filterValueByCondition(2, {
-      conditions,
-      defaultTemplate: "${ value / 2 }",
-    })).toBe("1");
-  });
-
-  it("Returns an empty string if no condition matches and no default value is set", () => {
-    const conditions = [
-      {
-        if: "value > 3",
-        then: "aloha",
-      },
-    ];
-
-    expect(filterValueByCondition(2, { conditions })).toBe("");
-  });
-
-  it("Skips invalid string expressions", () => {
-    const conditions = [
-      {
-        if: "value >",
-        then: "invalid",
-      },
-      {
-        if: "value < 3",
-        then: "valid",
-      },
-    ];
-
-    expect(filterValueByCondition(2, { conditions })).toBe("valid");
-  });
-});
+import {
+  describe,
+  expect,
+  it,
+} from "@jest/globals";
+
+import filterValueByCondition from "../filterValueByCondition";
+
+describe("Filter value by condition", () => {
+  it("Returns the value from the first matching function condition", () => {
+    const conditions = [
+      {
+        if: value => value > 3,
+        then: value => `(${ value * 3 } Aloha)`,
+      },
+      {
+        if: value => value < 2,
+        then: "aloha",
+      },
+    ];
+
+    expect(filterValueByCondition(4, { conditions })).toBe("(12 Aloha)");
+  });
+
+  it("Returns the value from the first matching string expression condition", () => {
+    const conditions = [
+      {
+        if: "value > 3",
+        thenTemplate: "(${ value * 3 } Aloha)",
+      },
+      {
+        if: "value < 2",
+        then: "aloha",
+      },
+    ];
+
+    expect(filterValueByCondition(1, { conditions })).toBe("aloha");
+    expect(filterValueByCondition(4, { conditions })).toBe("(12 Aloha)");
+  });
+
+  it("Returns defaultValue if no condition matches", () => {
+    const conditions = [
+      {
+        if: "value > 3",
+        then: "aloha",
+      },
+    ];
+
+    expect(filterValueByCondition(2, {
+      conditions,
+      defaultValue: value => value / 2,
+    })).toBe(1);
+  });
+
+  it("Returns defaultTemplate if no condition matches", () => {
+    const conditions = [
+      {
+        if: "value > 3",
+        then: "aloha",
+      },
+    ];
+
+    expect(filterValueByCondition(2, {
+      conditions,
+      defaultTemplate: "${ value / 2 }",
+    })).toBe("1");
+  });
+
+  it("Returns an empty string if no condition matches and no default value is set", () => {
+    const conditions = [
+      {
+        if: "value > 3",
+        then: "aloha",
+      },
+    ];
+
+    expect(filterValueByCondition(2, { conditions })).toBe("");
+  });
+
+  it("Skips invalid string expressions", () => {
+    const conditions = [
+      {
+        if: "value >",
+        then: "invalid",
+      },
+      {
+        if: "value < 3",
+        then: "valid",
+      },
+    ];
+
+    expect(filterValueByCondition(2, { conditions })).toBe("valid");
+  });
+});

package/src/filters/filterValueByCondition.js

@@ -1,87 +1,87 @@
-const executeExpression = ({ expression, value }) => {
-  try {
-    // eslint-disable-next-line no-new-func
-    return Function("value", `"use strict"; return (${ expression });`)(value);
-  } catch (e) {
-    return undefined;
-  }
-};
-
-const executeTemplate = ({ template, value }) => {
-  try {
-    // eslint-disable-next-line no-new-func
-    return Function("value", `"use strict"; return \`${ template }\`;`)(value);
-  } catch (e) {
-    return "";
-  }
-};
-
-const isMatched = ({ condition, value }) => {
-  if (typeof condition === "function") {
-    return !!condition(value);
-  }
-
-  if (typeof condition === "string") {
-    return !!executeExpression({
-      expression: condition,
-      value,
-    });
-  }
-
-  return false;
-};
-
-const resolveValue = ({ template, value, valueResult }) => {
-  if (template !== undefined) {
-    return executeTemplate({
-      template,
-      value,
-    });
-  }
-
-  if (typeof valueResult === "function") {
-    return valueResult(value);
-  }
-
-  return valueResult;
-};
-
-/**
- * Returns a value based on the first matching condition.
- * String conditions and templates are executed as JavaScript and must be used only with trusted configuration.
- *
- * @param {*} value - The value to be checked and used in conditions or templates.
- * @param {Object} [options] - Optional parameters.
- * @param {Array} [options.conditions=[]] - Ordered list of condition objects.
- * @param {Function|string} [options.conditions[].if] - Function or JavaScript expression that decides if condition matches.
- * @param {*} [options.conditions[].then] - Static value or function returned for the matching condition.
- * @param {string} [options.conditions[].thenTemplate] - Template string returned for the matching condition.
- * @param {*} [options.defaultValue=""] - Static value or function returned if no condition matches.
- * @param {string} [options.defaultTemplate] - Template string returned if no condition matches.
- *
- * @returns {*} The resolved value for the first matching condition or the default value.
- */
-export default function(value, {
-  conditions = [],
-  defaultValue = "",
-  defaultTemplate,
-} = {}) {
-  for (const CONDITION of conditions) {
-    if (isMatched({
-      condition: CONDITION.if,
-      value,
-    })) {
-      return resolveValue({
-        template: CONDITION.thenTemplate,
-        value,
-        valueResult: CONDITION.then,
-      });
-    }
-  }
-
-  return resolveValue({
-    template: defaultTemplate,
-    value,
-    valueResult: defaultValue,
-  });
-}
+const executeExpression = ({ expression, value }) => {
+  try {
+    // eslint-disable-next-line no-new-func
+    return Function("value", `"use strict"; return (${ expression });`)(value);
+  } catch (e) {
+    return undefined;
+  }
+};
+
+const executeTemplate = ({ template, value }) => {
+  try {
+    // eslint-disable-next-line no-new-func
+    return Function("value", `"use strict"; return \`${ template }\`;`)(value);
+  } catch (e) {
+    return "";
+  }
+};
+
+const isMatched = ({ condition, value }) => {
+  if (typeof condition === "function") {
+    return !!condition(value);
+  }
+
+  if (typeof condition === "string") {
+    return !!executeExpression({
+      expression: condition,
+      value,
+    });
+  }
+
+  return false;
+};
+
+const resolveValue = ({ template, value, valueResult }) => {
+  if (template !== undefined) {
+    return executeTemplate({
+      template,
+      value,
+    });
+  }
+
+  if (typeof valueResult === "function") {
+    return valueResult(value);
+  }
+
+  return valueResult;
+};
+
+/**
+ * Returns a value based on the first matching condition.
+ * String conditions and templates are executed as JavaScript and must be used only with trusted configuration.
+ *
+ * @param {*} value - The value to be checked and used in conditions or templates.
+ * @param {Object} [options] - Optional parameters.
+ * @param {Array} [options.conditions=[]] - Ordered list of condition objects.
+ * @param {Function|string} [options.conditions[].if] - Function or JavaScript expression that decides if condition matches.
+ * @param {*} [options.conditions[].then] - Static value or function returned for the matching condition.
+ * @param {string} [options.conditions[].thenTemplate] - Template string returned for the matching condition.
+ * @param {*} [options.defaultValue=""] - Static value or function returned if no condition matches.
+ * @param {string} [options.defaultTemplate] - Template string returned if no condition matches.
+ *
+ * @returns {*} The resolved value for the first matching condition or the default value.
+ */
+export default function(value, {
+  conditions = [],
+  defaultValue = "",
+  defaultTemplate,
+} = {}) {
+  for (const CONDITION of conditions) {
+    if (isMatched({
+      condition: CONDITION.if,
+      value,
+    })) {
+      return resolveValue({
+        template: CONDITION.thenTemplate,
+        value,
+        valueResult: CONDITION.then,
+      });
+    }
+  }
+
+  return resolveValue({
+    template: defaultTemplate,
+    value,
+    valueResult: defaultValue,
+  });
+}