@eturnity/eturnity_reusable_components 8.37.1-dev-03-elisee-8.37.3 → 8.40.0

package/dist/main.es26.js

@@ -1,252 +1,26 @@
-import "./main.es3.js";
 import styled from "./main.es7.js";
-import { fetchIcon } from "./main.es27.js";
-import { reactive } from "./main.es18.js";
-import { computed, onMounted, watch, openBlock, createBlock, withCtx, createVNode, createElementVNode as createBaseVNode, createTextVNode, createCommentVNode } from "./main.es6.js";
-import { toDisplayString } from "./main.es16.js";
-const _hoisted_1 = ["innerHTML"];
-const _sfc_main = {
-  __name: "index",
-  props: {
-    disabled: {
-      required: false,
-      default: false,
-      type: Boolean
-    },
-    name: {
-      required: true,
-      type: String
-    },
-    color: {
-      required: false,
-      default: null,
-      type: String
-    },
-    hoveredColor: {
-      required: false,
-      default: null,
-      type: String
-    },
-    size: {
-      required: false,
-      default: "30px",
-      type: String
-    },
-    width: {
-      type: String,
-      required: false,
-      default: ""
-    },
-    height: {
-      type: String,
-      required: false,
-      default: ""
-    },
-    cursor: {
-      required: false,
-      default: null,
-      type: String
-    },
-    isStriked: {
-      required: false,
-      default: false,
-      type: Boolean
-    },
-    backgroundColor: {
-      required: false,
-      default: null,
-      type: String
-    },
-    count: {
-      required: false,
-      default: 0,
-      type: Number
-    },
-    animation: {
-      required: false,
-      default: "none",
-      type: String
-    },
-    fillType: {
-      required: false,
-      default: "fill",
-      type: String
-    },
-    disableHover: {
-      type: Boolean,
-      default: false
-    },
-    showCount: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const Wrapper = styled("div", {
-      height: String,
-      width: String,
-      disabled: Boolean,
-      cursor: String
-    })`
-    display: flex;
-    position: relative;
-    align-content: center;
-    justify-content: center;
-    width: ${(props2) => props2.width};
-    height: ${(props2) => props2.height};
-    min-width: ${(props2) => props2.width};
-    min-height: ${(props2) => props2.height};
-    cursor: ${(props2) => props2.disabled ? "not-allowed" : props2.cursor};
-    line-height: 0;
-  `;
-    const CountWrapper = styled("div")`
-    position: absolute;
-    top: -7px;
-    right: -7px;
-    background-color: ${({
-      theme
-    }) => theme.colors.red};
+import "./main.es3.js";
+import _export_sfc from "./main.es11.js";
+import { resolveComponent, openBlock, createBlock, withCtx, createTextVNode } from "./main.es6.js";
+const StarElement = styled.span`
     color: ${({
-      theme
-    }) => theme.colors.white};
-    border-radius: 100%;
-    width: 15px;
-    height: 15px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    font-size: 10px;
+  theme
+}) => theme.colors.red};
   `;
-    const StrikedLine = styled("div", {
-      color: String
-    })`
-    display: flex;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    align-content: center;
-    justify-content: center;
-    width: 143%;
-    height: 8%;
-    background-color: ${({
-      theme,
-      color
-    }) => theme.colors[color] || color};
-    min-height: 0;
-    line-height: 0;
-    transform-origin: 0% 100%;
-    transform: rotate(-45deg);
-  `;
-    const IconImageAttrs = {
-      color: String,
-      backgroundColor: String,
-      hoveredColor: String,
-      animation: String,
-      fillType: String,
-      disableHover: Boolean,
-      showCount: Boolean
-    };
-    const IconImage = styled("div", IconImageAttrs)`
-    animation: ${(props2) => props2.animation};
-    width: 100%;
-    svg {
-      width: 100%;
-      height: 100%;
-      background-color: ${(props2) => props2.backgroundColor ? props2.backgroundColor : "transparent"};
-      padding: ${(props2) => props2.backgroundColor ? "3px" : "0"};
-      border-radius: ${(props2) => props2.showCount ? "8px 0 0  8px" : props2.backgroundColor ? "8px" : "0"};
-    }
-    svg path:not(.fix, .isStrokePath) {
-      ${({
-      theme,
-      color,
-      fillType
-    }) => color && `${fillType}: ${theme.colors[color] || color};`}
-    }
-    svg .isStroke {
-      ${({
-      theme,
-      color
-    }) => color && `stroke: ${theme.colors[color] || color};`}
-    }
-    svg .isFill {
-      ${({
-      theme,
-      color
-    }) => color && `fill: ${theme.colors[color] || color};`}
-    }
-    svg .isStrokePath:not(.fix) {
-      ${({
-      theme,
-      color
-    }) => color && `stroke: ${theme.colors[color] || color};`}
-    }
-    ${(props2) => !props2.disableHover && `
-     &:hover svg path:not(.fix, .isStrokePath) {
-      ${`${props2.fillType}: ${props2.theme.colors[props2.hoveredColor] || props2.color};`}
-     &:hover svg isStrokePath:not(.fix) {
-      ${`stroke: ${props2.theme.colors[props2.hoveredColor] || props2.color};`}
-    }
-    &:hover + div {
-      background-color: ${props2.hoveredColor};
-    }
-    `}
-
-    @keyframes fade {
-      50% {
-        opacity: 0.3;
-      }
-    }
-  `;
-    const icon = reactive({
-      html: ""
-    });
-    const loadSvg = async () => {
-      icon.html = await fetchIcon(props.name.toLowerCase());
-    };
-    const counter = computed(() => props.count > 9 ? "9+" : props.count.toString());
-    onMounted(() => loadSvg());
-    watch(() => props.name, loadSvg);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Wrapper, {
-        cursor: __props.cursor,
-        "data-test-id": "icon_wrapper",
-        disabled: __props.disabled,
-        height: __props.height ? __props.height : __props.size,
-        width: __props.width ? __props.width : __props.size
-      }, {
-        default: withCtx(() => [createVNode(IconImage, {
-          animation: __props.animation,
-          "background-color": __props.backgroundColor,
-          color: __props.color,
-          "data-test-id": "icon_image",
-          "disable-hover": __props.disableHover,
-          "fill-type": __props.fillType,
-          "hovered-color": __props.hoveredColor,
-          "show-count": __props.showCount
-        }, {
-          default: withCtx(() => [createBaseVNode("i", {
-            "data-test-id": "icon_svg",
-            innerHTML: icon.html
-          }, null, 8, _hoisted_1)]),
-          _: 1
-        }, 8, ["animation", "background-color", "color", "disable-hover", "fill-type", "hovered-color", "show-count"]), createTextVNode(), __props.isStriked ? (openBlock(), createBlock(StrikedLine, {
-          key: 0,
-          color: __props.color,
-          "data-test-id": "icon_striked_line"
-        }, null, 8, ["color"])) : createCommentVNode("", true), createTextVNode(), __props.count > 0 ? (openBlock(), createBlock(CountWrapper, {
-          key: 1,
-          "data-test-id": "icon_count"
-        }, {
-          default: withCtx(() => [createTextVNode(toDisplayString(counter.value), 1)]),
-          _: 1
-        })) : createCommentVNode("", true)]),
-        _: 1
-      }, 8, ["cursor", "disabled", "height", "width"]);
-    };
+const _sfc_main = {
+  name: "IsRequiredLabelStar",
+  components: {
+    StarElement
   }
 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_StarElement = resolveComponent("StarElement");
+  return openBlock(), createBlock(_component_StarElement, null, {
+    default: withCtx(() => [createTextVNode("*")]),
+    _: 1
+  });
+}
+const IsRequiredLabelStar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  _sfc_main as default
+  IsRequiredLabelStar as default
 };

package/dist/main.es383.js

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

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.es5.js

@@ -1,6 +1,6 @@
 import { isRuntimeOnly, warn, createRenderer, callWithAsyncErrorHandling } from "./main.es6.js";
 import { Comment, Fragment, Static, Teleport, Text, callWithErrorHandling, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, devtools, getCurrentInstance, guardReactiveProps, h, handleError, initCustomFormatter, inject, isVNode, mergeProps, nextTick, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onServerPrefetch, onUnmounted, onUpdated, openBlock, provide, queuePostFlushCb, renderList, renderSlot, resolveComponent, resolveDynamicComponent, setBlockTracking, setDevtoolsHook, ssrContextKey, useSSRContext, version, watch, watchEffect, withCtx, withDirectives } from "./main.es6.js";
-import { isFunction, isHTMLTag, isSVGTag, isString, looseToNumber, isArray, invokeArrayFns, hyphenate, extend, isOn, isModelListener, capitalize, isSpecialBooleanAttr, includeBooleanAttr } from "./main.es15.js";
+import { isFunction, isHTMLTag, isSVGTag, isString, looseToNumber, isArray, invokeArrayFns, hyphenate, extend, isOn, isModelListener, capitalize, isSpecialBooleanAttr, includeBooleanAttr } from "./main.es17.js";
 import { camelize } from "./main.es16.js";
 import { capitalize as capitalize2, normalizeClass, normalizeStyle, toDisplayString, toHandlerKey } from "./main.es16.js";
 const svgNS = "http://www.w3.org/2000/svg";

package/dist/main.es6.js

@@ -1,5 +1,5 @@
-import { isRef, toRaw, getCurrentScope, isShallow as isShallow$1, isReactive, ReactiveEffect, isProxy, computed as computed$1, pauseTracking, resetTracking, isReadonly, track, proxyRefs, markRaw, shallowReadonly, EffectScope, reactive, shallowReactive, trigger } from "./main.es18.js";
-import { readonly, ref, shallowRef, unref } from "./main.es18.js";
+import { isRef, toRaw, getCurrentScope, isShallow as isShallow$1, isReactive, ReactiveEffect, isProxy, computed as computed$1, pauseTracking, resetTracking, isReadonly, track, proxyRefs, markRaw, shallowReadonly, EffectScope, reactive, shallowReactive, trigger } from "./main.es19.js";
+import { readonly, ref, shallowRef, unref } from "./main.es19.js";
 import { isString, isFunction, getGlobalThis, isArray, NOOP, EMPTY_OBJ, normalizeClass, isObject, extend, normalizeStyle, isOn, isPromise, hasChanged, remove, isSet, isMap, isPlainObject, camelize, capitalize, toHandlerKey, hasOwn, EMPTY_ARR, NO, isBuiltInDirective, isReservedProp, invokeArrayFns, makeMap, looseToNumber, hyphenate, def, toRawType, isModelListener } from "./main.es16.js";
 import { toDisplayString } from "./main.es16.js";
 const stack = [];

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

@@ -1,5 +1,5 @@
 import styled from "./main.es7.js";
-import _sfc_main$1 from "./main.es26.js";
+import _sfc_main$1 from "./main.es15.js";
 import theme from "./main.es8.js";
 import "./main.es3.js";
 import _export_sfc from "./main.es11.js";
@@ -7,16 +7,16 @@ import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createT
 import { toDisplayString } from "./main.es16.js";
 const TagContainer = styled.div`
     display: inline-flex;
-    align-items: baseline;
+    align-items: center;
     justify-content: center;
     gap: 4px;
     border-radius: 4px;
-    padding: 4px;
+    padding: 2px 4px;
     background-color: ${(props) => props.theme.semanticColors.yellow[200]};
     cursor: pointer;
   `;
 const TextContainer = styled.div`
-    font-size: 12px;
+    font-size: 10px;
     font-weight: 700;
     color: ${(props) => props.theme.semanticColors.teal[800]};
   `;

package/package.json

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

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

@@ -23,13 +23,17 @@
         <Icon
           :color="
             iconColor ||
-            theme.mainButton[appTheme][type][variant].default.textColor
+            (isDisabled
+              ? theme.mainButton[appTheme][type][variant].disabled.textColor
+              : theme.mainButton[appTheme][type][variant].default.textColor)
           "
           :disable-hover="disableIconHover"
           :fill-type="fillType"
           :hovered-color="
             iconColor ||
-            theme.mainButton[appTheme][type][variant].default.textColor
+            (isDisabled
+              ? theme.mainButton[appTheme][type][variant].disabled.textColor
+              : theme.mainButton[appTheme][type][variant].default.textColor)
           "
           :name="iconName"
           size="14px"
@@ -45,13 +49,17 @@
           v-if="showCaret"
           :color="
             iconColor ||
-            theme.mainButton[appTheme][type][variant].default.textColor
+            (isDisabled
+              ? theme.mainButton[appTheme][type][variant].disabled.textColor
+              : theme.mainButton[appTheme][type][variant].default.textColor)
           "
           data-test-id="button-icon-caret"
           :disable-hover="disableIconHover"
           :hovered-color="
             iconColor ||
-            theme.mainButton[appTheme][type][variant].default.textColor
+            (isDisabled
+              ? theme.mainButton[appTheme][type][variant].disabled.textColor
+              : theme.mainButton[appTheme][type][variant].default.textColor)
           "
           name="arrow_down"
           size="8px"

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

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

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

@@ -179,7 +179,7 @@
   }
   const LabelText = styled('div', LabelTextAttrs)`
     font-size: 13px;
-    display: flex;
+    display: grid;
     align-items: center;
     min-height: 16px;
     color: ${(props) =>

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

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