@eturnity/eturnity_reusable_components 8.13.13-qa-16-03-26.1 → 8.16.0

package/src/components/barchart/styles/chartControls.js

@@ -1,59 +0,0 @@
-import styled from 'vue3-styled-components'
-
-export const Container = styled.div`
-  width: 100%;
-`
-
-export const LegendAndControlsWrapper = styled('div', { leftMargin: String })`
-  margin-left: ${(props) => props.leftMargin};
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`
-
-export const LeftSection = styled.div`
-  flex: 1;
-`
-
-export const SplitButtonsContainer = styled('div', { position: String })`
-  align-self: ${(props) =>
-    props.position === 'top' ? 'flex-end' : 'flex-start'};
-`
-
-export const LegendGroups = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-`
-
-export const LegendRow = styled('div', { rowIndex: Number })`
-  display: flex;
-  gap: 10px;
-  align-items: center;
-  justify-content: ${(props) =>
-    props.rowIndex === 0 ? 'flex-start' : 'flex-end'};
-`
-
-export const LegendItem = styled.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-`
-
-export const LegendColor = styled('div', {
-  gradientFrom: String,
-  gradientTo: String,
-})`
-  width: 16px;
-  height: 16px;
-  border-radius: 4px;
-  background: ${(props) =>
-    `linear-gradient(180deg, ${props.gradientFrom} 0%, ${props.gradientTo} 100%)`};
-`
-
-export const LegendText = styled.span`
-  font-size: 12px;
-  font-weight: 400;
-  color: ${(props) => props.theme.semanticColors.teal[800]};
-  white-space: nowrap;
-`

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

@@ -1,86 +0,0 @@
-<template>
-  <Container>
-    <SplitButton
-      v-for="(option, index) in options"
-      :data-id-key="`${dataIdKey}_${option.value}`"
-      :key="index"
-      :length="options.length"
-      :position="getButtonPosition(index)"
-      :selected="modelValue === option.value"
-      @click.stop="handleSelect(option.value)"
-    >
-      {{ option.label }}
-    </SplitButton>
-  </Container>
-</template>
-
-<script setup>
-  import styled from 'vue3-styled-components'
-  import { computed } from 'vue'
-
-  const Container = styled.div`
-    display: flex;
-    width: fit-content;
-  `
-  const SplitButton = styled('button', {
-    selected: Boolean,
-    position: String,
-    length: Number,
-  })`
-    padding: 8px 16px;
-    border: 1px solid ${(props) => props.theme.semanticColors.teal[100]};
-    ${(props) =>
-      props.position === 'middle'
-        ? `
-      border-left: none;
-      border-right: none;
-    `
-        : props.length === 2 && props.position === 'first'
-        ? 'border-right: none;'
-        : ''}
-    border-radius: ${(props) =>
-      props.position === 'first'
-        ? '4px 0 0 4px'
-        : props.position === 'last'
-        ? '0 4px 4px 0'
-        : '0'};
-    font-family: ${(props) => props.theme.fonts.mainFont};
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 100%;
-    cursor: pointer;
-    background: ${(props) =>
-      props.selected ? props.theme.semanticColors.purple[50] : 'transparent'};
-    color: ${(props) => props.theme.semanticColors.purple[500]};
-  `
-
-  const props = defineProps({
-    options: {
-      type: Array,
-      required: true,
-      // expects array of {label: string, value: string}
-    },
-    modelValue: {
-      type: String,
-      required: true,
-    },
-    dataIdKey: {
-      type: String,
-      default: '',
-    },
-  })
-
-  const emit = defineEmits(['update:modelValue'])
-
-  const getButtonPosition = computed(() => (index) => {
-    if (index === 0) return 'first'
-    if (index === props.options.length - 1) return 'last'
-
-    return 'middle'
-  })
-
-  const handleSelect = (value) => {
-    emit('update:modelValue', value)
-    emit('click', value)
-  }
-</script>

package/src/helpers/isObjectEqual.js

@@ -1,22 +0,0 @@
-import { toRaw } from 'vue'
-
-export default function isObjectEqual(obj1, obj2) {
-  obj1 = toRaw(obj1)
-  obj2 = toRaw(obj2)
-  if (obj1 === obj2) return true
-  if (obj1 === null || obj2 === null) return false
-  if (typeof obj1 !== 'object' || typeof obj2 !== 'object') return false
-
-  const isArray1 = Array.isArray(obj1)
-  const isArray2 = Array.isArray(obj2)
-  if (isArray1 !== isArray2) return false
-
-  const keys1 = Object.keys(obj1)
-  if (keys1.length !== Object.keys(obj2).length) return false
-
-  return keys1.every(
-    (key) =>
-      Object.prototype.hasOwnProperty.call(obj2, key) &&
-      isObjectEqual(obj1[key], obj2[key])
-  )
-}