@eturnity/eturnity_reusable_components 8.40.2 → 8.40.3

package/dist/main.es18.js

@@ -1,4 +1,4 @@
-import { isSymbol, hasChanged, isObject, NOOP, isArray, extend, toRawType, isFunction, def, hasOwn, isIntegerKey, isMap, makeMap, capitalize } from "./main.es742.js";
+import { isSymbol, hasChanged, isObject, NOOP, isArray, extend, toRawType, isFunction, def, hasOwn, isIntegerKey, isMap, makeMap, capitalize } from "./main.es743.js";
 function warn(msg, ...args) {
   console.warn(`[Vue warn] ${msg}`, ...args);
 }

package/dist/main.es386.js

@@ -1,5 +1,5 @@
 import { HOOK_PLUGIN_SETTINGS_SET } from "./main.es385.js";
-import { now } from "./main.es743.js";
+import { now } from "./main.es742.js";
 class ApiProxy {
   constructor(plugin, hook) {
     this.target = null;

package/dist/main.es742.js

@@ -1,64 +1,25 @@
-function makeMap(str, expectsLowerCase) {
-  const map = /* @__PURE__ */ Object.create(null);
-  const list = str.split(",");
-  for (let i = 0; i < list.length; i++) {
-    map[list[i]] = true;
+let supported;
+let perf;
+function isPerformanceSupported() {
+  var _a;
+  if (supported !== void 0) {
+    return supported;
   }
-  return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
+  if (typeof window !== "undefined" && window.performance) {
+    supported = true;
+    perf = window.performance;
+  } else if (typeof globalThis !== "undefined" && ((_a = globalThis.perf_hooks) === null || _a === void 0 ? void 0 : _a.performance)) {
+    supported = true;
+    perf = globalThis.perf_hooks.performance;
+  } else {
+    supported = false;
+  }
+  return supported;
+}
+function now() {
+  return isPerformanceSupported() ? perf.now() : Date.now();
 }
-!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
-!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
-const NOOP = () => {
-};
-const extend = Object.assign;
-const hasOwnProperty = Object.prototype.hasOwnProperty;
-const hasOwn = (val, key) => hasOwnProperty.call(val, key);
-const isArray = Array.isArray;
-const isMap = (val) => toTypeString(val) === "[object Map]";
-const isFunction = (val) => typeof val === "function";
-const isString = (val) => typeof val === "string";
-const isSymbol = (val) => typeof val === "symbol";
-const isObject = (val) => val !== null && typeof val === "object";
-const objectToString = Object.prototype.toString;
-const toTypeString = (value) => objectToString.call(value);
-const toRawType = (value) => {
-  return toTypeString(value).slice(8, -1);
-};
-const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
-const cacheStringFunction = (fn) => {
-  const cache = /* @__PURE__ */ Object.create(null);
-  return (str) => {
-    const hit = cache[str];
-    return hit || (cache[str] = fn(str));
-  };
-};
-const capitalize = cacheStringFunction(
-  (str) => str.charAt(0).toUpperCase() + str.slice(1)
-);
-const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
-const def = (obj, key, value) => {
-  Object.defineProperty(obj, key, {
-    configurable: true,
-    enumerable: false,
-    value
-  });
-};
 export {
-  NOOP,
-  capitalize,
-  def,
-  extend,
-  hasChanged,
-  hasOwn,
-  isArray,
-  isFunction,
-  isIntegerKey,
-  isMap,
-  isObject,
-  isString,
-  isSymbol,
-  makeMap,
-  objectToString,
-  toRawType,
-  toTypeString
+  isPerformanceSupported,
+  now
 };

package/dist/main.es743.js

@@ -1,25 +1,64 @@
-let supported;
-let perf;
-function isPerformanceSupported() {
-  var _a;
-  if (supported !== void 0) {
-    return supported;
+function makeMap(str, expectsLowerCase) {
+  const map = /* @__PURE__ */ Object.create(null);
+  const list = str.split(",");
+  for (let i = 0; i < list.length; i++) {
+    map[list[i]] = true;
   }
-  if (typeof window !== "undefined" && window.performance) {
-    supported = true;
-    perf = window.performance;
-  } else if (typeof globalThis !== "undefined" && ((_a = globalThis.perf_hooks) === null || _a === void 0 ? void 0 : _a.performance)) {
-    supported = true;
-    perf = globalThis.perf_hooks.performance;
-  } else {
-    supported = false;
-  }
-  return supported;
-}
-function now() {
-  return isPerformanceSupported() ? perf.now() : Date.now();
+  return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
 }
+!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
+!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
+const NOOP = () => {
+};
+const extend = Object.assign;
+const hasOwnProperty = Object.prototype.hasOwnProperty;
+const hasOwn = (val, key) => hasOwnProperty.call(val, key);
+const isArray = Array.isArray;
+const isMap = (val) => toTypeString(val) === "[object Map]";
+const isFunction = (val) => typeof val === "function";
+const isString = (val) => typeof val === "string";
+const isSymbol = (val) => typeof val === "symbol";
+const isObject = (val) => val !== null && typeof val === "object";
+const objectToString = Object.prototype.toString;
+const toTypeString = (value) => objectToString.call(value);
+const toRawType = (value) => {
+  return toTypeString(value).slice(8, -1);
+};
+const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
+const cacheStringFunction = (fn) => {
+  const cache = /* @__PURE__ */ Object.create(null);
+  return (str) => {
+    const hit = cache[str];
+    return hit || (cache[str] = fn(str));
+  };
+};
+const capitalize = cacheStringFunction(
+  (str) => str.charAt(0).toUpperCase() + str.slice(1)
+);
+const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
+const def = (obj, key, value) => {
+  Object.defineProperty(obj, key, {
+    configurable: true,
+    enumerable: false,
+    value
+  });
+};
 export {
-  isPerformanceSupported,
-  now
+  NOOP,
+  capitalize,
+  def,
+  extend,
+  hasChanged,
+  hasOwn,
+  isArray,
+  isFunction,
+  isIntegerKey,
+  isMap,
+  isObject,
+  isString,
+  isSymbol,
+  makeMap,
+  objectToString,
+  toRawType,
+  toTypeString
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.40.2",
+  "version": "8.40.3",
   "files": [
     "dist",
     "src"

package/src/components/filter/index.vue

@@ -3,6 +3,7 @@
     <ParentDropdown
       :dropdown-text="dropdownText ? dropdownText : 'Default view'"
       :is-open="isDropdownOpen"
+      :number-of-filters-applied="numberOfFiltersApplied"
       @on-toggle="onToggleDropdown()"
     />
     <FilterSettings
@@ -74,6 +75,11 @@
       closeDropdown: {
         required: false,
       },
+      activeFilterView: {
+        type: Object,
+        default: null,
+        required: false,
+      },
     },
     data() {
       return {
@@ -82,6 +88,14 @@
         preventOutsideClick: false,
       }
     },
+    computed: {
+      numberOfFiltersApplied() {
+        const filterColumns = this.activeFilterView?.columns?.filter(
+          (column) => column.custom_view_filter !== null
+        )
+        return filterColumns?.length > 0 ? filterColumns.length : 0
+      },
+    },
     watch: {
       closeDropdown(newVal) {
         if (newVal) {

package/src/components/filter/parentDropdown.vue

@@ -6,6 +6,9 @@
     <TitleWrapper :is-open="isOpen">
       <TitleText>
         {{ dropdownText }}
+        <Counter v-if="numberOfFiltersApplied">
+          {{ numberOfFiltersApplied }}
+        </Counter>
       </TitleText>
       <ArrowWrapper>
         <Icon
@@ -43,18 +46,32 @@
     grid-template-columns: auto auto;
     align-items: center;
     justify-items: center;
-    grid-gap: 10px;
+    grid-gap: 8px;
     border: 1px solid ${(props) => props.theme.colors.grey4};
     background-color: ${(props) =>
       props.isOpen ? props.theme.colors.grey5 : props.theme.colors.white};
     border-left: none;
     border-radius: 0px 4px 4px 0px;
-    padding: 6px 14px;
+    padding: 6px 10px;
     user-select: none;
   `
 
   const TitleText = styled.div`
     font-size: 13px;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  `
+
+  const Counter = styled.div`
+    line-height: 18px;
+    border-radius: 8px;
+    padding: 0 8px;
+    background: ${(props) => props.theme.semanticColors.purple['100']};
+    color: ${(props) => props.theme.colors.primary};
+    display: flex;
+    align-items: center;
+    justify-content: center;
   `
 
   const ArrowWrapper = styled.div`
@@ -75,6 +92,7 @@
       IconWrapper,
       TitleWrapper,
       TitleText,
+      Counter,
       ArrowWrapper,
     },
     props: {
@@ -86,6 +104,11 @@
         required: true,
         default: 'View',
       },
+      numberOfFiltersApplied: {
+        required: false,
+        default: 0,
+        type: Number,
+      },
     },
   }
 </script>