@eturnity/eturnity_reusable_components 1.2.26-3d-master.1 → 1.2.26-EPDM-5784

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

@@ -1,10 +1,5 @@
 <template>
-  <container :inputWidth="inputWidth" :alignItems="alignItems">
-    <label-slot-wrapper v-if="hasLabelSlot" :isInteractive="isInteractive" @mousedown="initInteraction">
-
-      <slot name="label"></slot>
-    </label-slot-wrapper>
-    
+  <container>
     <label-wrapper v-if="labelText">
       <label-text>
         {{ labelText }}
@@ -13,51 +8,36 @@
         v-if="labelInfoText"
         :text="labelInfoText"
         borderColor="#ccc"
-        size="14px"
+        size="13"
         :alignText="labelInfoAlign"
       />
     </label-wrapper>
     <input-wrapper>
       <input-container
-        v-bind="$attrs"
         ref="inputField1"
         :hasUnit="unitName && !!unitName.length"
-        :placeholder="displayedPlaceholder"
+        :placeholder="placeholder"
         :isError="isError"
-        :inputHeight="inputHeight"
+        :inputWidth="inputWidth"
         :minWidth="minWidth"
         :value="formatWithCurrency(value)"
         @blur="onInputBlur($event)"
         @focus="focusInput()"
         @keyup.enter="$emit('on-enter-click')"
-        @input="onInput($event)"
         :disabled="disabled"
         :isDisabled="disabled"
         :noBorder="noBorder"
         :textAlign="textAlign"
         :fontSize="fontSize"
         :fontColor="fontColor"
-        :backgroundColor="backgroundColor"
-        v-on="$listeners"
-        :hasSlot="hasSlot"
-        :hasLabelSlot="hasLabelSlot"
-        :slotSize="slotSize"
+        :borderColor="borderColor"
       />
-      <slot-container v-if="hasSlot" :slotSize="slotSize" :isError="isError">
-        <slot></slot>
-      </slot-container>
-
       <unit-container
-        v-if="unitName && showLinearUnitName && !hasSlot"
+        v-if="unitName && showLinearUnitName"
         :hasLength="!!textInput.length"
         :isError="isError"
         >{{ unitName }}</unit-container
       >
-      <icon
-        v-if="(isError || inputIcon) && !showLinearUnitName"
-        :class="inputIconImageClass"
-        :src="isError ? warningIcon : inputIconImage"
-      />
     </input-wrapper>
     <error-message v-if="isError">{{ errorMessage }}</error-message>
   </container>
@@ -95,8 +75,11 @@ import {
   numberToString
 } from '../../../helpers/numberConverter'
 import InfoText from '../../infoText'
-import ErrorMessage from '../../errorMessage'
-import warningIcon from '../../../assets/icons/error_icon.png'
+
+const Container = styled.div`
+  width: 100%;
+  position: relative;
+`
 
 const inputProps = {
   isError: Boolean,
@@ -107,38 +90,16 @@ const inputProps = {
   noBorder: Boolean,
   textAlign: String,
   fontSize: String,
-  fontColor: String,
-  backgroundColor:String,
-  hasSlot: Boolean,
-  hasLabelSlot: Boolean,
-  slotSize: String,
-  inputHeight:String,
-  isInteractive:Boolean,
-  alignItems:String
+  borderColor: String,
+  fontColor: String
 }
-
-const Container = styled('div', inputProps)`
-  width: ${(props) => (props.inputWidth ? props.inputWidth : '100%')};
-  position: relative;
-  display:grid;
-  grid-template-columns: ${(props) =>
-    props.alignItems === "vertical" ? "1fr" : "auto 1fr"};
-`
-
 const InputContainer = styled('input', inputProps)`
   border: ${(props) =>
-    props.isError
-      ? '1px solid ' + props.theme.colors.red
-      : props.noBorder
+    props.noBorder
       ? 'none'
-      : '1px solid ' + props.theme.colors.mediumGray};
-  padding-top: 11px;
-  padding-bottom: 11px;
-  padding-left: 10px;
-  padding-right: ${(props) =>
-    props.slotSize
-      ? 'calc(' + props.slotSize + ' + 10px)'
-      : '5px'};
+      : `1px solid ${props.isError ? props.theme.colors.red : props.borderColor ? props.borderColor : props.theme.colors.mediumGray}`};
+  padding: ${(props) =>
+    props.hasUnit ? '11px 40px 11px 10px' : '11px 5px 11px 10px'};
   border-radius: 4px;
   text-align: ${(props) => props.textAlign};
   cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'auto')};
@@ -149,15 +110,12 @@ const InputContainer = styled('input', inputProps)`
       : props.fontColor
       ? props.fontColor + ' !important'
       : props.theme.colors.black};
-  background-color:${(props) => props.backgroundColor
-    ? props.backgroundColor+' !important'
-    : props.theme.colors.white};
-  width: ${(props) => (props.inputWidth && !props.hasLabelSlot ? props.inputWidth : '100%')};
+  width: ${(props) => (props.inputWidth ? props.inputWidth : '100%')};
   min-width: ${(props) => (props.minWidth ? props.minWidth : 'unset')};
   background-color: ${(props) =>
     props.isDisabled ? props.theme.colors.grey5 : '#fff'};
   box-sizing: border-box;
-  max-height: ${(props) => (props.inputHeight)};
+
   &::placeholder {
     color: ${(props) =>
       props.isError ? props.theme.colors.red : props.theme.colors.darkGray};
@@ -167,15 +125,6 @@ const InputContainer = styled('input', inputProps)`
     outline: none;
   }
 `
-const IconProps = {
-  inputIconHeight: String
-}
-
-const Icon = styled('img', IconProps)`
-  position: absolute;
-  right: 10px;
-  top: 2px;
-`
 
 const InputWrapper = styled.span`
   position: relative;
@@ -193,7 +142,6 @@ const UnitContainer = styled('span', inputProps)`
   right: 10px;
   top: 0;
   padding-left: 10px;
-  text-align: right;
   color: ${(props) =>
     props.isError
       ? props.theme.colors.red
@@ -202,40 +150,17 @@ const UnitContainer = styled('span', inputProps)`
       : props.theme.colors.mediumGray};
 `
 
-const SlotContainer = styled('span', inputProps)`
-  text-align: right;
-  border-left: 1px solid
-    ${(props) =>
-      props.isError
-        ? props.theme.colors.red
-        : props.hasLength
-        ? props.theme.colors.black
-        : props.theme.colors.mediumGray};
+const ErrorMessage = styled.div`
+  font-size: 14px;
+  color: ${(props) => props.theme.colors.red};
   position: absolute;
-  width: ${(props) =>
-    props.slotSize ? 'calc(' + props.slotSize + ' - 10px)' : 'fit-content'};
-  right: 10px;
-  top: 0;
-  padding-left: 10px;
-  color: ${(props) =>
-    props.isError
-      ? props.theme.colors.red
-      : props.hasLength
-      ? props.theme.colors.black
-      : props.theme.colors.mediumGray};
+  top: calc(100% + 1px);
 `
 
-const LabelWrapper = styled('div',inputProps)`
+const LabelWrapper = styled.div`
   display: flex;
   gap: 10px;
   margin-bottom: 8px;
-  cursor: ${(props) => (props.isInteractive?'ew-resize':'auto')};
-`
-const LabelSlotWrapper = styled('div',inputProps)`
-  display: flex;
-  gap: 10px;
-  align-items:center;
-  cursor: ${(props) => (props.isInteractive?'ew-resize':'auto')};
 `
 
 const LabelText = styled.div`
@@ -252,18 +177,13 @@ export default {
     UnitContainer,
     ErrorMessage,
     LabelWrapper,
-    LabelSlotWrapper,
     LabelText,
-    InfoText,
-    Icon,
-    SlotContainer,
+    InfoText
   },
-  inheritAttrs: false,
   data() {
     return {
       textInput: '',
-      isFocused: false,
-      warningIcon: warningIcon,
+      isFocused: false
     }
   },
   props: {
@@ -283,10 +203,6 @@ export default {
       required: false,
       default: null
     },
-    inputHeight:{
-      required:false,
-      default:null
-    },
     value: {
       required: true,
       default: null
@@ -295,10 +211,6 @@ export default {
       required: false,
       default: false
     },
-    alignItems: {
-      required: false,
-      default: "vertical",
-    },
     errorMessage: {
       required: false,
       default: 'Please insert a correct number'
@@ -331,14 +243,6 @@ export default {
       required: false,
       default: '13px'
     },
-    isInteractive: {
-      required: false,
-      default: false
-    },
-    interactionStep:{
-      required:false,
-      default:1
-    },
     labelText: {
       required: false,
       default: null
@@ -349,7 +253,7 @@ export default {
     },
     labelInfoAlign: {
       required: false,
-      default: 'left'
+      default: 'right'
     },
     minNumber: {
       required: false,
@@ -359,51 +263,18 @@ export default {
       required: false,
       default: null
     },
-    backgroundColor: {
+    borderColor: {
       required: false,
       default: null
     },
     numberToStringEnabled: {
       required: false,
       default: true
-    },
-    inputIcon: {
-      require: false,
-      type: Boolean,
-      default: false
-    },
-    inputIconImage: {
-      require: false,
-      type: String,
-      default: ''
-    },
-    inputIconImageClass: {
-      require: false,
-      type: Array,
-      default: () => []
-    },
-    slotSize: {
-      required: false
-    }
-  },
-  computed: {
-    displayedPlaceholder() {
-      if (this.placeholder) return this.placeholder
-      return `${this.minNumber || 0} ${this.unitName ? this.unitName : ''}`
-    },
-    hasSlot() {
-      return !!this.$slots.default
-    },
-    hasLabelSlot(){
-      return !!this.$slots.label
-    },
-    computedSlotSize() {
-      return this.slotSize || this.$slots['default'][0].elm.clientWidth
     }
   },
   methods: {
     onChangeHandler(event) {
-      if (isNaN(event) || event=="") {
+      if (isNaN(event)) {
         event = this.minNumber || this.minNumber === 0 ? this.minNumber : event
       }
       this.$emit('input-change', event)
@@ -438,15 +309,9 @@ export default {
           value: evaluated,
           numberPrecision: this.numberPrecision
         })
-      }else if(typeof evaluated === 'number'){
-        evaluated=evaluated.toFixed(this.numberPrecision)
       }
       return evaluated
     },
-    onInput(value){
-      let evaluatedInput = this.onEvaluateCode(value)
-      this.$emit('on-input',evaluatedInput)
-    },
     onInputBlur(e) {
       this.isFocused = false
       let value = e.target.value
@@ -460,11 +325,11 @@ export default {
         })
       }
       let adjustedMinValue =
-      evaluatedInput && evaluatedInput.length
-          ? evaluatedInput
+        value && value.length
+          ? value
           : this.minNumber || this.minNumber === 0
           ? this.minNumber
-          : ''  
+          : ''
       this.$emit('input-blur', adjustedMinValue)
     },
     focusInput() {
@@ -475,7 +340,6 @@ export default {
       this.$nextTick(() => {
         this.$refs.inputField1.$el.select()
       })
-      this.$emit('input-focus')
     },
     formatWithCurrency(value) {
       let adjustedMinValue =
@@ -492,7 +356,6 @@ export default {
             })
           : adjustedMinValue
         let unit = this.showLinearUnitName ? '' : this.unitName
-        //return input + ' ' + unit
         return input + ' ' + unit
       } else if (!adjustedMinValue && adjustedMinValue !== 0) {
         return ''
@@ -504,35 +367,7 @@ export default {
             })
           : adjustedMinValue
       }
-    },
-    initInteraction(e) {
-      console.log('InitInteract')
-      window.addEventListener('mousemove', this.interact, false);
-      window.addEventListener('mouseup', this.stopInteract, false);
-      e.preventDefault() 
-    },
-    interact(e) {
-      e.preventDefault() 
-      console.log(e)
-      console.log(this.value)
-      let value=parseInt(this.value || 0)
-      
-      value+=parseFloat(this.interactionStep)*parseInt(e.movementX)
-      this.$emit('on-input',value)
-
-      console.log('interact',this.value,value)
-      this.textInput=numberToString({
-          value:
-          value && value.length ? value : this.minNumber,
-          numberPrecision: this.numberPrecision
-        })
-      //this.value=value
-    },
-    stopInteract(e) {
-      e.preventDefault() 
-        window.removeEventListener('mousemove', this.interact, false);
-        window.removeEventListener('mouseup', this.stopInteract, false);
-    },
+    }
   },
   created() {
     if (this.value) {
@@ -556,4 +391,4 @@ export default {
     }
   }
 }
-</script>
+</script>

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

@@ -10,7 +10,7 @@
           v-if="infoTextMessage"
           :text="infoTextMessage"
           borderColor="#ccc"
-          :size="fontSize ? fontSize : '16px'"
+          :size="fontSize ? fontSize : '16'"
           :alignText="infoTextAlign"
         />
       </label-wrapper>
@@ -41,6 +41,7 @@
         </icon-wrapper>
       </icon-container>
     </input-wrapper>
+    <error-message v-if="isError">{{ errorMessage }}</error-message>
   </container>
 </template>
 
@@ -53,12 +54,7 @@ const Container = styled.div`
   width: 100%;
   position: relative;
 `
-const InputErrorWrapper = styled.div`
-  display: inline-grid;
-  grid-template-row: auto auto;
-  grid-gap: 0px;
-  align-items: center;
-`
+
 const labelAttrs = { fontSize: String }
 const InputLabel = styled('div', labelAttrs)`
   font-weight: bold;
@@ -176,7 +172,6 @@ export default {
     ErrorMessage,
     InfoText,
     InputLabel,
-    InputErrorWrapper,
     LabelWrapper,
     Icon,
     IconWrapper,

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

@@ -12,7 +12,7 @@
         />
         <span class="checkmark"></span>
         <label-text :isDisabled="item.disabled">{{ item.label }}</label-text>
-        <info-text v-if="item.infoText" :text="item.infoText" size="16px" />
+        <info-text v-if="item.infoText" :text="item.infoText" size="16" />
       </label-container>
       <image-container v-if="item.img">
         <radio-image :src="item.img" />

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

@@ -10,7 +10,7 @@
           v-if="infoTextMessage"
           :text="infoTextMessage"
           borderColor="#ccc"
-          size="16px"
+          size="16"
           :alignText="infoTextAlign"
         />
       </label-wrapper>
@@ -23,7 +23,6 @@
         :disabled="isDisabled"
         :fontSize="fontSize"
         @input="onChangeHandler"
-        :resize="resize"
       />
     </input-wrapper>
     <error-message v-if="isError && errorText">{{ errorText }}</error-message>
@@ -175,11 +174,7 @@ export default {
     },
     inputWidth: {
       required: false,
-      default: null,
-    },
-    resize:{
-      required:false,
-      default: "none"
+      default: null
     }
   },
   methods: {

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

@@ -10,7 +10,7 @@
           v-if="infoTextMessage"
           :text="infoTextMessage"
           borderColor="#ccc"
-          size="14px"
+          size="14"
           :alignText="infoTextAlign"
         />
       </label-container>
@@ -46,7 +46,7 @@
           v-if="infoTextMessage"
           :text="infoTextMessage"
           borderColor="#ccc"
-          size="14px"
+          size="14"
           :alignText="infoTextAlign"
         />
       </label-container>

package/src/components/modals/modal/index.vue

@@ -1,6 +1,5 @@
 <template>
   <page-wrapper
-    :position="position"
     :isOpen="isOpen"
     :class="{ visible: isOpen, hidden: !isOpen }"
     @click.native="onOutsideClose()"
@@ -37,9 +36,9 @@ const ContentContainer = styled('div', contentAttrs)`
   visibility: ${(props) => (props.visible ? 'inherit' : 'hidden')};
 `
 
-const pageAttrs = { isOpen: Boolean, backdrop: String,position:String }
+const pageAttrs = { isOpen: Boolean, backdrop: String }
 const PageWrapper = styled('div', pageAttrs)`
-  position: ${(props) => props.position}
+  position: fixed;
   display: grid;
   top: 0;
   left: 0;
@@ -133,10 +132,6 @@ export default {
     backdrop: {
       required: false,
       default: 'white'
-    },
-    position: {
-      required: false,
-      default: 'fixed'
     }
   },
   methods: {

package/src/components/pageSubtitle/index.vue

@@ -6,7 +6,7 @@
     <info-text
       :text="infoText"
       v-if="!!infoText"
-      size="14px"
+      size="14"
       borderColor="#ccc"
       :alignText="alignInfoText"
     />

package/src/helpers/numberConverter.js

@@ -4,9 +4,6 @@ export const stringToNumber = ({
   allowNegative
 }) => {
   // This is for saving. It converts our input string to a readable number
-  if (value === undefined) {
-    value = ''
-  }
   let newVal = value.toString()
   const selectedLang = localStorage.getItem('lang')
   // The first replace will replace not allowed characters with a blank
@@ -94,8 +91,6 @@ export const numberToString = ({ value, numberPrecision }) => {
       ? 'fr-fr'
       : localStorage.getItem('lang')
     : 'en-US'
-  if(selectedLang=="null"){selectedLang='en-US'}
-  value=parseFloat(value)
   return value.toLocaleString(selectedLang, {
     minimumFractionDigits: numberPrecision,
     maximumFractionDigits: numberPrecision

package/src/assets/svgIcons/areas_tool.svg

@@ -1,14 +0,0 @@
-<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="3.79834" y="3" width="12" height="1.6" transform="rotate(90 3.79834 3)" fill="#B2B9C5"/>
-<rect x="16.0015" y="2.80005" width="12" height="1.6" transform="rotate(-180 16.0015 2.80005)" fill="#B2B9C5"/>
-<rect x="16.0015" y="16.8" width="12" height="1.6" transform="rotate(-180 16.0015 16.8)" fill="#B2B9C5"/>
-<path d="M4.99854 2C4.99854 3.10457 4.1031 4 2.99854 4C1.89397 4 0.998535 3.10457 0.998535 2C0.998535 0.89543 1.89397 0 2.99854 0C4.1031 0 4.99854 0.89543 4.99854 2Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2.99854 3C3.55082 3 3.99854 2.55228 3.99854 2C3.99854 1.44772 3.55082 1 2.99854 1C2.44625 1 1.99854 1.44772 1.99854 2C1.99854 2.55228 2.44625 3 2.99854 3ZM2.99854 4C4.1031 4 4.99854 3.10457 4.99854 2C4.99854 0.895431 4.1031 0 2.99854 0C1.89397 0 0.998535 0.895431 0.998535 2C0.998535 3.10457 1.89397 4 2.99854 4Z" fill="#B2B9C5"/>
-<rect x="17.7983" y="3" width="12" height="1.6" transform="rotate(90 17.7983 3)" fill="#B2B9C5"/>
-<path d="M19.0015 2C19.0015 3.10457 18.106 4 17.0015 4C15.8969 4 15.0015 3.10457 15.0015 2C15.0015 0.89543 15.8969 0 17.0015 0C18.106 0 19.0015 0.89543 19.0015 2Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17.0015 3C17.5537 3 18.0015 2.55228 18.0015 2C18.0015 1.44772 17.5537 1 17.0015 1C16.4492 1 16.0015 1.44772 16.0015 2C16.0015 2.55228 16.4492 3 17.0015 3ZM17.0015 4C18.106 4 19.0015 3.10457 19.0015 2C19.0015 0.895431 18.106 0 17.0015 0C15.8969 0 15.0015 0.895431 15.0015 2C15.0015 3.10457 15.8969 4 17.0015 4Z" fill="#B2B9C5"/>
-<path d="M19.0015 16C19.0015 17.1046 18.106 18 17.0015 18C15.8969 18 15.0015 17.1046 15.0015 16C15.0015 14.8954 15.8969 14 17.0015 14C18.106 14 19.0015 14.8954 19.0015 16Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17.0015 17C17.5537 17 18.0015 16.5523 18.0015 16C18.0015 15.4477 17.5537 15 17.0015 15C16.4492 15 16.0015 15.4477 16.0015 16C16.0015 16.5523 16.4492 17 17.0015 17ZM17.0015 18C18.106 18 19.0015 17.1046 19.0015 16C19.0015 14.8954 18.106 14 17.0015 14C15.8969 14 15.0015 14.8954 15.0015 16C15.0015 17.1046 15.8969 18 17.0015 18Z" fill="#B2B9C5"/>
-<path d="M4.99854 16C4.99854 17.1046 4.1031 18 2.99854 18C1.89397 18 0.998535 17.1046 0.998535 16C0.998535 14.8954 1.89397 14 2.99854 14C4.1031 14 4.99854 14.8954 4.99854 16Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2.99854 17C3.55082 17 3.99854 16.5523 3.99854 16C3.99854 15.4477 3.55082 15 2.99854 15C2.44625 15 1.99854 15.4477 1.99854 16C1.99854 16.5523 2.44625 17 2.99854 17ZM2.99854 18C4.1031 18 4.99854 17.1046 4.99854 16C4.99854 14.8954 4.1031 14 2.99854 14C1.89397 14 0.998535 14.8954 0.998535 16C0.998535 17.1046 1.89397 18 2.99854 18Z" fill="#B2B9C5"/>
-</svg>

package/src/assets/svgIcons/base_layer.svg

@@ -1,3 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.75" y="0.75" width="12.5" height="12.5" stroke="white" stroke-width="1.5"/>
-</svg>

package/src/assets/svgIcons/direction_arrow.svg

@@ -1,4 +0,0 @@
-<svg width="18" height="10" viewBox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="18" y="5.80005" width="12" height="1.6" transform="rotate(-180 18 5.80005)" fill="#B2B9C5"/>
-<path d="M-2.18557e-07 5L7 10L7 3.0598e-07L-2.18557e-07 5Z" fill="#B2B9C5"/>
-</svg>

package/src/assets/svgIcons/distance_tool.svg

@@ -1,8 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="18" y="8" width="10" height="1.6" transform="rotate(90 18 8)" fill="#B2B9C5"/>
-<rect x="1.6001" y="8" width="10" height="1.6" transform="rotate(90 1.6001 8)" fill="#B2B9C5"/>
-<path d="M5.19971 5.38V0.082216H6.07325C6.25138 0.082216 6.36957 0.164432 6.42781 0.328863L6.51002 0.673142C6.60251 0.577224 6.69672 0.488157 6.79264 0.405941C6.89198 0.323725 6.99818 0.253499 7.11123 0.195263C7.22427 0.133601 7.34588 0.0856414 7.47606 0.0513849C7.60966 0.0171283 7.75354 0 7.90769 0C8.23313 0 8.50204 0.0873543 8.71443 0.262063C8.92683 0.433346 9.08783 0.662865 9.19745 0.950621C9.28309 0.782763 9.38758 0.638886 9.5109 0.518988C9.63765 0.395664 9.77468 0.29632 9.92198 0.220955C10.0727 0.145591 10.2303 0.0907802 10.3947 0.0565236C10.5626 0.0188412 10.7304 0 10.8983 0C11.1963 0 11.4601 0.0445336 11.6896 0.133601C11.9191 0.222668 12.111 0.354556 12.2651 0.529264C12.4227 0.700548 12.5426 0.911226 12.6248 1.1613C12.707 1.41137 12.7482 1.6957 12.7482 2.01429V5.38H11.3299V2.01429C11.3299 1.39424 11.0644 1.08422 10.5335 1.08422C10.4136 1.08422 10.3022 1.10478 10.1995 1.14588C10.1001 1.18357 10.011 1.2418 9.93226 1.32059C9.85689 1.39938 9.79694 1.49701 9.75241 1.61349C9.7113 1.72996 9.69075 1.86356 9.69075 2.01429V5.38H8.27252V2.01429C8.27252 1.67857 8.20572 1.44049 8.07212 1.30004C7.94195 1.15616 7.7484 1.08422 7.49147 1.08422C7.32704 1.08422 7.17117 1.12362 7.02387 1.20241C6.87999 1.27777 6.74468 1.38397 6.61793 1.52099V5.38H5.19971Z" fill="#B2B9C5"/>
-<path d="M14.2998 12.9L11.5998 10.2L11.5998 15.6L14.2998 12.9Z" fill="#B2B9C5"/>
-<rect x="13.1707" y="13.7" width="8" height="1.6" transform="rotate(-180 13.1707 13.7)" fill="#B2B9C5"/>
-<path d="M3.59985 12.9L6.29985 15.6L6.29985 10.2L3.59985 12.9Z" fill="#B2B9C5"/>
-</svg>

package/src/assets/svgIcons/distort_tool.svg

@@ -1,10 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="12.8" y="5.01678" width="5.94534" height="1.6" transform="rotate(90 12.8 5.01678)" fill="#B2B9C5"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 5.01814C12.5523 5.01814 13 4.57451 13 4.02725C13 3.48 12.5523 3.03636 12 3.03636C11.4477 3.03636 11 3.48 11 4.02725C11 4.57451 11.4477 5.01814 12 5.01814ZM12 6.00903C13.1046 6.00903 14 5.12176 14 4.02725C14 2.93274 13.1046 2.04547 12 2.04547C10.8954 2.04547 10 2.93274 10 4.02725C10 5.12176 10.8954 6.00903 12 6.00903Z" fill="#B2B9C5"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 12.9453C12.5523 12.9453 13 12.5016 13 11.9544C13 11.4071 12.5523 10.9635 12 10.9635C11.4477 10.9635 11 11.4071 11 11.9544C11 12.5016 11.4477 12.9453 12 12.9453ZM12 13.9362C13.1046 13.9362 14 13.0489 14 11.9544C14 10.8599 13.1046 9.9726 12 9.9726C10.8954 9.9726 10 10.8599 10 11.9544C10 13.0489 10.8954 13.9362 12 13.9362Z" fill="#B2B9C5"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2 3.03639C2.55228 3.03639 3 2.59276 3 2.0455C3 1.49825 2.55228 1.05461 2 1.05461C1.44772 1.05461 1 1.49825 1 2.0455C1 2.59276 1.44772 3.03639 2 3.03639ZM2 4.02728C3.10457 4.02728 4 3.14001 4 2.0455C4 0.950994 3.10457 0.0637207 2 0.0637207C0.895431 0.0637207 0 0.950994 0 2.0455C0 3.14001 0.895431 4.02728 2 4.02728Z" fill="#B2B9C5"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4 12.9453C4.55228 12.9453 5 12.5016 5 11.9544C5 11.4071 4.55228 10.9635 4 10.9635C3.44772 10.9635 3 11.4071 3 11.9544C3 12.5016 3.44772 12.9453 4 12.9453ZM4 13.9362C5.10457 13.9362 6 13.0489 6 11.9544C6 10.8599 5.10457 9.9726 4 9.9726C2.89543 9.9726 2 10.8599 2 11.9544C2 13.0489 2.89543 13.9362 4 13.9362Z" fill="#B2B9C5"/>
-<path d="M2.80029 3.03485L4.80029 10.962L3.20029 10.962L1.20029 3.03485L2.80029 3.03485Z" fill="#B2B9C5"/>
-<path d="M11.0012 4.82001L3.00122 2.83823L3.00122 1.2528L11.0012 3.23458L11.0012 4.82001Z" fill="#B2B9C5"/>
-<rect x="11.0017" y="12.7471" width="6" height="1.58542" transform="rotate(-180 11.0017 12.7471)" fill="#B2B9C5"/>
-</svg>

package/src/assets/svgIcons/distort_tool2.svg

@@ -1,16 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="12.8" y="5.97913" width="5" height="1.59993" transform="rotate(90 12.8 5.97913)" fill="#B2B9C5"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0002 5.98059C12.5524 5.98059 13.0001 5.53288 13.0001 4.98059C13.0001 4.42831 12.5524 3.98059 12.0002 3.98059C11.4479 3.98059 11.0002 4.42831 11.0002 4.98059C11.0002 5.53288 11.4479 5.98059 12.0002 5.98059ZM12.0002 6.98059C13.1047 6.98059 14.0001 6.08516 14.0001 4.98059C14.0001 3.87602 13.1047 2.98059 12.0002 2.98059C10.8956 2.98059 10.0002 3.87602 10.0002 4.98059C10.0002 6.08516 10.8956 6.98059 12.0002 6.98059Z" fill="#B2B9C5"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0002 12.9805C12.5524 12.9805 13.0001 12.5328 13.0001 11.9805C13.0001 11.4282 12.5524 10.9805 12.0002 10.9805C11.4479 10.9805 11.0002 11.4282 11.0002 11.9805C11.0002 12.5328 11.4479 12.9805 12.0002 12.9805ZM12.0002 13.9805C13.1047 13.9805 14.0001 13.085 14.0001 11.9805C14.0001 10.8759 13.1047 9.98047 12.0002 9.98047C10.8956 9.98047 10.0002 10.8759 10.0002 11.9805C10.0002 13.085 10.8956 13.9805 12.0002 13.9805Z" fill="#B2B9C5"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.00064 5.98059C5.5529 5.98059 6.0006 5.53288 6.0006 4.98059C6.0006 4.42831 5.5529 3.98059 5.00064 3.98059C4.44838 3.98059 4.00069 4.42831 4.00069 4.98059C4.00069 5.53288 4.44838 5.98059 5.00064 5.98059ZM5.00064 6.98059C6.10516 6.98059 7.00056 6.08516 7.00056 4.98059C7.00056 3.87602 6.10516 2.98059 5.00064 2.98059C3.89612 2.98059 3.00073 3.87602 3.00073 4.98059C3.00073 6.08516 3.89612 6.98059 5.00064 6.98059Z" fill="#B2B9C5"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.00064 12.9805C5.5529 12.9805 6.0006 12.5328 6.0006 11.9805C6.0006 11.4282 5.5529 10.9805 5.00064 10.9805C4.44838 10.9805 4.00069 11.4282 4.00069 11.9805C4.00069 12.5328 4.44838 12.9805 5.00064 12.9805ZM5.00064 13.9805C6.10516 13.9805 7.00056 13.085 7.00056 11.9805C7.00056 10.8759 6.10516 9.98047 5.00064 9.98047C3.89612 9.98047 3.00073 10.8759 3.00073 11.9805C3.00073 13.085 3.89612 13.9805 5.00064 13.9805Z" fill="#B2B9C5"/>
-<path d="M5.80054 5.97894L5.80054 10.9789L4.20061 10.9789L4.20061 5.97894L5.80054 5.97894Z" fill="#B2B9C5"/>
-<path d="M11.0015 5.78046L6.00169 5.78046L6.00169 4.18046L11.0015 4.18046L11.0015 5.78046Z" fill="#B2B9C5"/>
-<rect x="11.002" y="12.7805" width="4.99978" height="1.6" transform="rotate(-180 11.002 12.7805)" fill="#B2B9C5"/>
-<rect width="1.63801" height="1.59996" transform="matrix(0.707091 0.707122 -0.707091 0.707122 3.42651 2.29523)" fill="#B2B9C5"/>
-<rect width="1.48059" height="1.59996" transform="matrix(0.707091 0.707122 -0.707091 0.707122 6.71997 5.58868)" fill="#B2B9C5"/>
-<rect width="1.56986" height="1.59996" transform="matrix(-0.707091 -0.707122 -0.707091 0.707122 9.47095 8.33972)" fill="#B2B9C5"/>
-<rect width="1.43677" height="1.59996" transform="matrix(0.707091 0.707122 -0.707091 0.707122 1.8623 0.730896)" fill="#B2B9C5"/>
-<path d="M0 0H3L0 3V0Z" fill="#B2B9C5"/>
-<path d="M10 10L7 10L10 7L10 10Z" fill="#B2B9C5"/>
-</svg>

package/src/assets/svgIcons/draggable_corner.svg

@@ -1,5 +0,0 @@
-<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0 0L26 26H0V0Z" fill="#0068DE"/>
-<line x1="12.4823" y1="20.4854" x2="4.70417" y2="12.7072" stroke="white" stroke-linecap="round"/>
-<line x1="8.94524" y1="21.1924" x2="3.99549" y2="16.2427" stroke="white" stroke-linecap="round"/>
-</svg>

package/src/assets/svgIcons/draw_tool.svg

@@ -1,3 +0,0 @@
-<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6 0.935568L8.49902 3.07843L6 5.22128V3.86414L3.83257 3.86414C3.63116 4.32505 3.26105 4.69539 2.80029 4.89708L2.80029 11.2313C3.26107 11.433 3.63118 11.8034 3.83259 12.2643H10.1671C10.3683 11.8039 10.7377 11.4339 11.1976 11.232V4.89642C10.4929 4.58709 10.0007 3.88313 10.0007 3.06421C10.0007 1.95964 10.8962 1.06421 12.0007 1.06421C13.1053 1.06421 14.0007 1.95964 14.0007 3.06421C14.0007 3.88555 13.5056 4.59125 12.7976 4.89915V11.2293C13.5056 11.5372 14.0007 12.2429 14.0007 13.0643C14.0007 14.1688 13.1053 15.0643 12.0007 15.0643C11.1806 15.0643 10.4758 14.5706 10.1672 13.8643L3.83262 13.8643C3.52401 14.5707 2.81917 15.0643 1.99902 15.0643C0.894454 15.0643 -0.000976562 14.1689 -0.000976562 13.0643C-0.000976562 12.2437 0.493253 11.5385 1.20029 11.2302L1.20029 4.89819C0.493253 4.58986 -0.000976562 3.88468 -0.000976562 3.06406C-0.000976562 1.95949 0.894454 1.06406 1.99902 1.06406C2.81918 1.06406 3.52404 1.55773 3.83264 2.26414L6 2.26414V0.935568ZM13.0007 13.0643C13.0007 12.5153 12.5583 12.0696 12.0106 12.0643H11.9909C11.4431 12.0696 11.0007 12.5153 11.0007 13.0643C11.0007 13.6165 11.4484 14.0643 12.0007 14.0643C12.553 14.0643 13.0007 13.6165 13.0007 13.0643ZM2.99902 3.06406C2.99902 3.61634 2.55131 4.06406 1.99902 4.06406C1.44674 4.06406 0.999023 3.61634 0.999023 3.06406C0.999023 2.51177 1.44674 2.06406 1.99902 2.06406C2.55131 2.06406 2.99902 2.51177 2.99902 3.06406ZM13.0007 3.06421C13.0007 3.61649 12.553 4.06421 12.0007 4.06421C11.4484 4.06421 11.0007 3.61649 11.0007 3.06421C11.0007 2.51192 11.4484 2.06421 12.0007 2.06421C12.553 2.06421 13.0007 2.51192 13.0007 3.06421ZM2.99902 13.0643C2.99902 13.6166 2.55131 14.0643 1.99902 14.0643C1.44674 14.0643 0.999023 13.6166 0.999023 13.0643C0.999023 12.512 1.44674 12.0643 1.99902 12.0643C2.55131 12.0643 2.99902 12.512 2.99902 13.0643Z" fill="#B2B9C5"/>
-</svg>