@eturnity/eturnity_reusable_components 8.31.5-EPDM-13818.0 → 8.31.5-EPDM-16219.2

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

@@ -26,6 +26,7 @@
           "
           :font-size="fontSize"
           >{{ label }}
+          <IsRequiredLabelStar v-if="isRequiredLabel" />
           <OptionalLabel v-if="labelOptional">
             ({{ $gettext('Optional') }})</OptionalLabel
           >
@@ -235,6 +236,7 @@
   import Icon from '../../icon'
   import InputText from '../inputText'
   import DraggableInputHandle from '../../draggableInputHandle'
+  import IsRequiredLabelStar from '../isRequiredLabelStar'
   import { debounce } from '../../../utils'
 
   const CARET_WIDTH = '30px'
@@ -511,6 +513,7 @@
       InputText,
       Teleport,
       DraggableInputHandle,
+      IsRequiredLabelStar,
     },
 
     props: {
@@ -529,6 +532,11 @@
       label: {
         required: false,
       },
+      isRequiredLabel: {
+        required: false,
+        default: false,
+        type: Boolean,
+      },
       labelOptional: {
         required: false,
         default: false,

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

@@ -15,6 +15,7 @@
       >
         <LabelText :size="size">
           {{ label }}
+          <IsRequiredLabelStar v-if="isRequiredLabel" />
         </LabelText>
         <InfoText v-if="infoTextMessage" :text="infoTextMessage" />
       </LabelContainer>
@@ -80,6 +81,7 @@
   import InfoText from '../../infoText'
   import theme from '../../../assets/theme'
   import RCIcon from '../../icon'
+  import IsRequiredLabelStar from '../isRequiredLabelStar'
   const OptionIconContainer = styled.div`
     display: flex;
     align-items: center;
@@ -190,6 +192,7 @@
       SwitchOption,
       OptionIconContainer,
       RCIcon,
+      IsRequiredLabelStar,
     },
     props: {
       label: {
@@ -235,6 +238,11 @@
         required: false,
         default: null,
       },
+      isRequiredLabel: {
+        required: false,
+        default: false,
+        type: Boolean,
+      },
     },
     data() {
       return {

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

@@ -7,6 +7,7 @@
       <LabelWrapper v-if="label">
         <InputLabel :data-id="labelDataId" :font-size="fontSize">
           {{ label }}
+          <IsRequiredLabelStar v-if="isRequiredLabel" />
         </InputLabel>
         <InfoText v-if="infoTextMessage" size="16px" :text="infoTextMessage" />
       </LabelWrapper>
@@ -53,6 +54,7 @@
   import styled from 'vue3-styled-components'
   import InfoText from '../../infoText'
   import ErrorMessage from '../../errorMessage'
+  import IsRequiredLabelStar from '../isRequiredLabelStar'
 
   const containerProps = { inputWidth: String }
   const Container = styled('div', containerProps)`
@@ -132,6 +134,7 @@
       InfoText,
       LabelWrapper,
       InputLabel,
+      IsRequiredLabelStar,
     },
     props: {
       placeholder: {
@@ -192,6 +195,11 @@
         default: '',
         type: String,
       },
+      isRequiredLabel: {
+        required: false,
+        default: false,
+        type: Boolean,
+      },
     },
     methods: {
       onChangeHandler($event) {

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

@@ -19,6 +19,7 @@
           :size="size"
         >
           {{ label }}
+          <IsRequiredLabelStar v-if="isRequiredLabel" />
         </LabelText>
         <InfoText v-if="infoTextMessage" :text="infoTextMessage" />
       </LabelContainer>
@@ -89,6 +90,7 @@
 
   import styled from 'vue3-styled-components'
   import InfoText from '../../infoText'
+  import IsRequiredLabelStar from '../isRequiredLabelStar'
 
   const Container = styled.div`
     display: inline-block;
@@ -254,6 +256,7 @@
       LabelText,
       InfoText,
       LabelContainer,
+      IsRequiredLabelStar,
     },
     props: {
       label: {
@@ -309,6 +312,11 @@
         type: String,
         default: '',
       },
+      isRequiredLabel: {
+        required: false,
+        default: false,
+        type: Boolean,
+      },
     },
     methods: {
       onToggleChange() {

package/src/components/label/index.vue

@@ -2,6 +2,7 @@
   <LabelWrapper :label-align="labelAlign">
     <InputLabel :font-size="fontSize" :label-font-color="labelFontColor">
       <slot></slot>
+      <IsRequiredLabelStar v-if="isRequiredLabel" />
       <OptionalLabel v-if="labelOptional">
         ({{ $gettext('Optional') }})
       </OptionalLabel>
@@ -18,6 +19,7 @@
 <script>
   import styled from 'vue3-styled-components'
   import InfoText from '../infoText'
+  import IsRequiredLabelStar from '../inputs/isRequiredLabelStar'
 
   const labelAttrs = { fontSize: String, labelFontColor: String }
   const InputLabel = styled('div', labelAttrs)`
@@ -64,6 +66,7 @@
       InputLabel,
       LabelWrapper,
       OptionalLabel,
+      IsRequiredLabelStar,
     },
     props: {
       infoTextMessage: {
@@ -88,6 +91,11 @@
         required: false,
         default: 'vertical',
       },
+      isRequiredLabel: {
+        required: false,
+        default: false,
+        type: Boolean,
+      },
     },
     data() {
       return {

package/dist/main.es734.js

@@ -1,4 +0,0 @@
-const __vite_glob_0_351 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMi40IDEuMkMyLjQgMS44NjI3NCAxLjg2Mjc0IDIuNCAxLjIgMi40QzAuNTM3MjU4IDIuNCAwIDEuODYyNzQgMCAxLjJDMCAwLjUzNzI1OCAwLjUzNzI1OCAwIDEuMiAwQzEuODYyNzQgMCAyLjQgMC41MzcyNTggMi40IDEuMloiIGZpbGw9IiMyNjMyMzgiIC8+CiAgPHBhdGggZD0iTTYgMS4yQzYgMS44NjI3NCA1LjQ2Mjc0IDIuNCA0LjggMi40QzQuMTM3MjYgMi40IDMuNiAxLjg2Mjc0IDMuNiAxLjJDMy42IDAuNTM3MjU4IDQuMTM3MjYgMCA0LjggMEM1LjQ2Mjc0IDAgNiAwLjUzNzI1OCA2IDEuMloiIGZpbGw9IiMyNjMyMzgiIC8+CiAgPHBhdGggZD0iTTIuNCA0LjhDMi40IDUuNDYyNzQgMS44NjI3NCA2IDEuMiA2QzAuNTM3MjU4IDYgMCA1LjQ2Mjc0IDAgNC44QzAgNC4xMzcyNiAwLjUzNzI1OCAzLjYgMS4yIDMuNkMxLjg2Mjc0IDMuNiAyLjQgNC4xMzcyNiAyLjQgNC44WiIgZmlsbD0iIzI2MzIzOCIgLz4KICA8cGF0aCBkPSJNNiA0LjhDNiA1LjQ2Mjc0IDUuNDYyNzQgNiA0LjggNkM0LjEzNzI2IDYgMy42IDUuNDYyNzQgMy42IDQuOEMzLjYgNC4xMzcyNiA0LjEzNzI2IDMuNiA0LjggMy42QzUuNDYyNzQgMy42IDYgNC4xMzcyNiA2IDQuOFoiIGZpbGw9IiMyNjMyMzgiIC8+CiAgPHBhdGggZmlsbD0iIzI2MzIzOCIgZD0iTTEwIDFoNnMyIDAgMiAydjBzMCAyIC0yIDJoLTZzLTIgMCAtMiAtMnYwczAgLTIgMiAtMiIgLz4KICA8cGF0aCBkPSJNMi40IDExLjJDMi40IDExLjg2MjcgMS44NjI3NCAxMi40IDEuMiAxMi40QzAuNTM3MjU4IDEyLjQgMCAxMS44NjI3IDAgMTEuMkMwIDEwLjUzNzMgMC41MzcyNTggMTAgMS4yIDEwQzEuODYyNzQgMTAgMi40IDEwLjUzNzMgMi40IDExLjJaIiBmaWxsPSIjMjYzMjM4IiAvPgogIDxwYXRoIGQ9Ik02IDExLjJDNiAxMS44NjI3IDUuNDYyNzQgMTIuNCA0LjggMTIuNEM0LjEzNzI2IDEyLjQgMy42IDExLjg2MjcgMy42IDExLjJDMy42IDEwLjUzNzMgNC4xMzcyNiAxMCA0LjggMTBDNS40NjI3NCAxMCA2IDEwLjUzNzMgNiAxMS4yWiIgZmlsbD0iIzI2MzIzOCIgLz4KICA8cGF0aCBkPSJNMi40IDE0LjhDMi40IDE1LjQ2MjcgMS44NjI3NCAxNiAxLjIgMTZDMC41MzcyNTggMTYgMCAxNS40NjI3IDAgMTQuOEMwIDE0LjEzNzMgMC41MzcyNTggMTMuNiAxLjIgMTMuNkMxLjg2Mjc0IDEzLjYgMi40IDE0LjEzNzMgMi40IDE0LjhaIiBmaWxsPSIjMjYzMjM4IiAvPgogIDxwYXRoIGQ9Ik02IDE0LjhDNiAxNS40NjI3IDUuNDYyNzQgMTYgNC44IDE2QzQuMTM3MjYgMTYgMy42IDE1LjQ2MjcgMy42IDE0LjhDMy42IDE0LjEzNzMgNC4xMzcyNiAxMy42IDQuOCAxMy42QzUuNDYyNzQgMTMuNiA2IDE0LjEzNzMgNiAxNC44WiIgZmlsbD0iIzI2MzIzOCIgLz4KICA8cGF0aCBmaWxsPSIjMjYzMjM4IiBkPSJNMTAgMTFoNnMyIDAgMiAydjBzMCAyIC0yIDJoLTZzLTIgMCAtMiAtMnYwczAgLTIgMiAtMiIgLz4KPC9zdmc+";
-export {
-  __vite_glob_0_351 as default
-};

package/dist/main.es735.js

@@ -1,25 +0,0 @@
-let supported;
-let perf;
-function isPerformanceSupported() {
-  var _a;
-  if (supported !== void 0) {
-    return supported;
-  }
-  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();
-}
-export {
-  isPerformanceSupported,
-  now
-};

package/dist/main.es736.js

@@ -1,64 +0,0 @@
-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;
-  }
-  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 {
-  NOOP,
-  capitalize,
-  def,
-  extend,
-  hasChanged,
-  hasOwn,
-  isArray,
-  isFunction,
-  isIntegerKey,
-  isMap,
-  isObject,
-  isString,
-  isSymbol,
-  makeMap,
-  objectToString,
-  toRawType,
-  toTypeString
-};

package/src/assets/svgIcons/down.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.99866 2C8.2748 2 8.49866 2.22386 8.49866 2.5V12.2939L11.1461 9.64648L11.2242 9.58203C11.4183 9.45391 11.6823 9.4758 11.8532 9.64648C12.024 9.81735 12.0458 10.0813 11.9176 10.2754L11.8532 10.3535L8.35217 13.8535C8.25843 13.9471 8.1311 14 7.99866 14C7.89938 13.9998 7.80269 13.9703 7.72131 13.916L7.64514 13.8535L4.14612 10.3535C3.95114 10.1583 3.95112 9.84168 4.14612 9.64648C4.34132 9.45131 4.65789 9.45143 4.85315 9.64648L7.49866 12.293V2.5C7.49866 2.22412 7.72287 2.00042 7.99866 2Z" fill="#263238"/>
-</svg>

package/src/assets/svgIcons/up.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.99866 13.9999C8.2748 13.9999 8.49866 13.7761 8.49866 13.4999V3.70599L11.1461 6.35345L11.2242 6.41791C11.4183 6.54603 11.6823 6.52414 11.8532 6.35345C12.024 6.18259 12.0458 5.91861 11.9176 5.72455L11.8532 5.64642L8.35217 2.14642C8.25843 2.05289 8.1311 1.99993 7.99866 1.99994C7.89938 2.00009 7.80269 2.0296 7.72131 2.08392L7.64514 2.14642L4.14612 5.64642C3.95114 5.84164 3.95112 6.15825 4.14612 6.35345C4.34132 6.54863 4.65789 6.54851 4.85315 6.35345L7.49866 3.70697V13.4999C7.49866 13.7758 7.72287 13.9995 7.99866 13.9999Z" fill="#263238"/>
-</svg>

package/src/components/icon/sortingIcon.vue

@@ -1,32 +0,0 @@
-<template>
-  <RCIcon v-if="isDescending" :color="color" name="down" :size="size" />
-  <RCIcon v-else-if="isAscending" :color="color" name="up" :size="size" />
-  <RCIcon v-else :color="color" name="sorting" :size="size" />
-</template>
-<script>
-  import RCIcon from './index.vue'
-  export default {
-    name: 'SortingIcon',
-    components: {
-      RCIcon,
-    },
-    props: {
-      isAscending: {
-        type: Boolean,
-        default: false,
-      },
-      isDescending: {
-        type: Boolean,
-        default: false,
-      },
-      color: {
-        type: String,
-        default: 'black',
-      },
-      size: {
-        type: String,
-        default: '16px',
-      },
-    },
-  }
-</script>