@eturnity/eturnity_reusable_components 8.31.6-EPDM-16401.0 → 8.31.6-dev-03-elisee-8.37.1

package/dist/main.es742.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/dist/main.es743.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.es9.js

@@ -1,5 +1,5 @@
 import styled from "./main.es7.js";
-import _sfc_main$1 from "./main.es15.js";
+import _sfc_main$1 from "./main.es17.js";
 import theme from "./main.es8.js";
 import "./main.es3.js";
 import _export_sfc from "./main.es11.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.31.6-EPDM-16401.0",
+  "version": "8.31.6-dev-03-elisee-8.37.1",
   "files": [
     "dist",
     "src"

package/src/components/buttons/mainButton/index.vue

@@ -16,6 +16,9 @@
       :width="width"
     >
       <LabelComponent :has-icon="Boolean(icon)">
+        <FlexSpinner v-if="isLoading">
+          <RCSpinner size="tiny" />
+        </FlexSpinner>
         <Icon
           v-if="icon"
           :color="getIconColor"
@@ -44,6 +47,7 @@
   // />
 
   import styled from 'vue3-styled-components'
+  import RCSpinner from '../../spinner'
   import Icon from '../../icon'
   import theme from '../../../assets/theme'
 
@@ -171,6 +175,10 @@
     transform: rotate(20deg);
     cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'pointer')};
   `
+  const FlexSpinner = styled('div')`
+    flex: 0;
+    margin-right: 8px;
+  `
 
   export default {
     name: 'MainButton',
@@ -180,6 +188,8 @@
       PageContainer,
       ButtonContainer,
       BetaTag,
+      RCSpinner,
+      FlexSpinner,
     },
     props: {
       type: {
@@ -277,6 +287,10 @@
         type: Boolean,
         default: false,
       },
+      isLoading: {
+        type: Boolean,
+        default: false,
+      },
     },
     computed: {
       theme() {

package/src/components/inputs/inputText/index.vue

@@ -93,7 +93,7 @@
           v-if="hasError && hasErrorMessage"
           data-test-id="error_message_wrapper"
         >
-          {{ dynamicErrorMessage }}
+          {{ errorMessage }}
         </ErrorMessage>
       </InputErrorWrapper>
     </InputWrapper>
@@ -444,9 +444,6 @@
       hasErrorMessage() {
         return this.errorMessage && this.errorMessage.length > 0
       },
-      dynamicErrorMessage() {
-        return this.errorMessage
-      },
     },
     watch: {
       hasFocus(newVal) {

package/src/components/inputs/select/index.vue

@@ -201,6 +201,12 @@
             </SelectDropdown>
           </Component>
         </DropdownWrapper>
+        <ErrorMessage
+          v-if="hasError && hasErrorMessage"
+          data-test-id="error_message_wrapper"
+        >
+          {{ errorMessage }}
+        </ErrorMessage>
       </SelectButtonWrapper>
     </InputWrapper>
   </Container>
@@ -233,6 +239,7 @@
   import { Teleport, inject } from 'vue'
   import styled from 'vue3-styled-components'
   import InfoText from '../../infoText'
+  import ErrorMessage from '../../errorMessage'
   import Icon from '../../icon'
   import InputText from '../inputText'
   import DraggableInputHandle from '../../draggableInputHandle'
@@ -302,7 +309,6 @@
   const Container = styled('div', inputProps)`
     width: ${(props) => props.selectWidth};
     position: ${(props) => (props.noRelative ? 'static' : 'relative')};
-    display: inline-block;
     text-align: ${(props) => (props.textCenter ? 'center' : 'left')};
   `
 
@@ -514,6 +520,7 @@
       Teleport,
       DraggableInputHandle,
       IsRequiredLabelStar,
+      ErrorMessage,
     },
 
     props: {
@@ -620,9 +627,14 @@
         default: true,
       },
       hasError: {
+        type: Boolean,
         required: false,
         default: false,
       },
+      errorMessage: {
+        type: String,
+        default: '',
+      },
       disabled: {
         required: false,
         type: Boolean,
@@ -735,6 +747,9 @@
       }
     },
     computed: {
+      hasErrorMessage() {
+        return this.errorMessage && this.errorMessage.length > 0
+      },
       optionLength() {
         if (this.isDropdownOpen) {
           return this.$refs.dropdown.$el.childElementCount > 1

package/src/components/inputs/select/option/index.vue

@@ -159,24 +159,17 @@
         theme,
       }
     },
-    computed: {
-      selectDropdownParent() {
-        const element = this.$el?.closest('.rc-select-dropdown')
-        // Try to get the Vue component instance
-        return element?.__vueParentComponent?.ctx || this.$parent
-      },
-    },
+    computed: {},
     methods: {
       clickHandler(e) {
         if (this.isDisabled || !!this.$attrs?.onClick) {
           // prevent emitter if the option is disabled
           return
         }
-        // Pass the component instance along with the value
-        this.selectDropdownParent.$emit('option-selected', this.value, this, e)
+        this.$parent.$emit('option-selected', this.value, e)
       },
       hoverHandler() {
-        this.selectDropdownParent.$emit('option-hovered', this.value)
+        this.$parent.$emit('option-hovered', this.value)
       },
     },
   }

package/src/components/inputs/textAreaInput/index.vue

@@ -25,6 +25,8 @@
           :resize="resize"
           :rows="rowHeight"
           :value="value"
+          @blur="onInputBlur"
+          @focus="onInputFocus"
           @input="onChangeHandler"
         ></textarea>
       </InputContainer>
@@ -208,6 +210,12 @@
         }
         this.$emit('input-change', $event.target.value)
       },
+      onInputBlur($event) {
+        this.$emit('input-blur', $event.target.value)
+      },
+      onInputFocus($event) {
+        this.$emit('input-focus', $event.target.value)
+      },
     },
   }
 </script>

package/src/components/spinner/index.vue

@@ -59,6 +59,8 @@
 
   const getSpinnerSize = (size) => {
     switch (size) {
+      case 'tiny':
+        return '16px'
       case 'small':
         return '24px'
       case 'large':