@eturnity/eturnity_reusable_components 8.31.5-qa-elisee-8.34.1 → 8.31.5-qa-elisee-dp-8.34.1

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/src/components/threeDots/index.vue

@@ -2,9 +2,10 @@
   <PageContainer
     ref="pageContainer"
     :activated="isOpen"
+    :hovered-background-color="hoveredBackgroundColor"
     @click="toggleButton()"
   >
-    <ButtonContainer ref="dropdownItem">
+    <ButtonContainer ref="dropdownItem" :icon-color="iconColor">
       <DotItem />
       <DotItem />
       <DotItem />
@@ -131,9 +132,10 @@
 
   import styled from 'vue3-styled-components'
   import Spinner from '../spinner'
-
+  import theme from '../../assets/theme'
   const PageContainerAttrs = {
     activated: Boolean,
+    hoveredBackgroundColor: String,
   }
   const PageContainer = styled('div', PageContainerAttrs)`
     display: grid;
@@ -143,14 +145,14 @@
     height: 30px;
     border-radius: 4px;
     background-color: ${(props) =>
-      props.activated ? props.theme.colors.grey5 : ''};
+      props.activated ? props.hoveredBackgroundColor : ''};
 
     &:hover {
-      background-color: ${(props) => props.theme.colors.grey5};
+      background-color: ${(props) => props.hoveredBackgroundColor};
     }
   `
 
-  const ButtonContainer = styled.div`
+  const ButtonContainer = styled('div', { iconColor: String })`
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -160,7 +162,7 @@
 
     div {
       // This is the dot color
-      background-color: #263238;
+      background-color: ${({ iconColor }) => iconColor};
     }
   `
 
@@ -305,6 +307,14 @@
         required: false,
         default: true,
       },
+      iconColor: {
+        type: String,
+        default: '#263238',
+      },
+      hoveredBackgroundColor: {
+        type: String,
+        default: theme.colors.grey5,
+      },
     },
     data() {
       return {
@@ -312,6 +322,7 @@
         hoverItem: null,
         childOpen: null,
         containerWidth: 16,
+        theme,
       }
     },
     methods: {

package/dist/main.es738.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/src/assets/svgIcons/ed_socket.svg

@@ -1,3 +0,0 @@
-<svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M22.5709 9.96196C23.4773 5.41675 27.3543 2.00041 32 2V3.04166C27.2359 3.04212 23.3735 7.05247 23.3733 11.9995C23.3733 16.9467 27.2358 20.9579 32 20.9583V22L31.5053 21.9868C27.079 21.7538 23.4427 18.417 22.5709 14.0309V22H21.5678V12.5203H0V11.4787H21.5678V2H22.5709V9.96196Z" fill="black"/>
-</svg>

package/src/assets/svgIcons/ed_terminal.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.9532 2.75293L19.1309 5.57422C20.6651 7.27562 21.6005 9.52781 21.6006 11.999L21.5879 12.4932C21.3309 17.5655 17.1362 21.5994 12 21.5996L11.5069 21.5869C9.22968 21.4716 7.16375 20.5603 5.5762 19.1289L2.75296 21.9531L2.04593 21.2461L4.86819 18.4229C3.4391 16.8371 2.53095 14.7737 2.41409 12.5H3.05176e-05V11.5H2.41214C2.67203 6.43039 6.86584 2.39962 12 2.39941C14.4706 2.39951 16.7225 3.33393 18.4239 4.86719L21.2461 2.0459L21.9532 2.75293ZM6.28323 18.4219C7.80281 19.7756 9.80491 20.5995 12 20.5996C16.7495 20.5994 20.6006 16.7486 20.6006 11.999C20.6005 9.80399 19.7756 7.80273 18.4219 6.2832L6.28323 18.4219ZM12 3.39941C7.25076 3.39963 3.40074 7.24977 3.40042 11.999C3.40042 14.1935 4.22334 16.1952 5.5762 17.7148L17.7149 5.57617C16.1953 4.2234 14.1944 3.39951 12 3.39941Z" fill="black"/>
-</svg>

package/src/assets/svgIcons/ed_transformer_measurement.svg

@@ -1,3 +0,0 @@
-<svg width="62" height="34" viewBox="0 0 62 34" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M31 10C34.6978 10 37.724 12.8674 37.9805 16.5H62V17.5H37.9805C37.7357 20.9674 34.9674 23.7357 31.5 23.9805V34H30.5V23.9805C27.0326 23.7357 24.2643 20.9674 24.0195 17.5H0V16.5H24.0195C24.276 12.8674 27.3022 10 31 10ZM25.0225 17.5C25.2766 20.5797 27.8547 23 31 23C34.1453 23 36.7234 20.5797 36.9775 17.5H25.0225ZM31 11C27.8547 11 25.2766 13.4203 25.0225 16.5H36.9775C36.7234 13.4203 34.1453 11 31 11Z" fill="black"/>
-</svg>