@eturnity/eturnity_reusable_components 8.19.8-EPDM-13664.1 → 8.19.8-EPDM-14766.0

package/dist/main.es92.js

@@ -0,0 +1,23 @@
+import "./main.es3.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "6",
+  height: "16",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M21.75 14.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.75 20a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.75 25.25a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const context_menu = { render };
+export {
+  context_menu as default,
+  render
+};

package/dist/main.es93.js

@@ -0,0 +1,23 @@
+import "./main.es3.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "6",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#B2B9C5",
+  d: "M16.5 19.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.75 19.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M27 19.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const context_menu_tabs = { render };
+export {
+  context_menu_tabs as default,
+  render
+};

package/dist/main.es94.js

@@ -0,0 +1,24 @@
+import "./main.es3.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "800",
+  height: "800",
+  viewBox: "0 0 512 512"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "none",
+  "fill-rule": "evenodd",
+  d: "M426.667 128v320h-256V128zM384 170.667H213.333v234.666H384zm-64-128v42.666H128v256H85.333V42.667z"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const copy = { render };
+export {
+  copy as default,
+  render
+};

package/dist/main.es95.js

@@ -0,0 +1,28 @@
+import "./main.es3.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "10",
+  height: "10",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  d: "m9.879 8.479-1.4 1.4L.12 1.52l1.4-1.4L5.7 4.3z"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  d: "m1.521 9.879-1.4-1.4L8.48.12l1.4 1.4z"
+}, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const cross = { render };
+export {
+  cross as default,
+  render
+};

package/dist/main.es96.js

@@ -0,0 +1,28 @@
+import "./main.es3.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "14",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M20 16c2.829 0 4.976 1.278 6.69 4.003C24.975 22.724 22.827 24 20 24s-4.975-1.276-6.69-3.997C15.024 17.278 17.171 16 20 16m0-2c-4.273 0-7.094 2.43-9 6.005C12.906 23.57 15.727 26 20 26s7.094-2.43 9-5.995C27.094 16.43 24.273 14 20 14"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M20 22a2 2 0 1 0 0-4 2 2 0 0 0 0 4"
+}, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const current_variant = { render };
+export {
+  current_variant as default,
+  render
+};

package/dist/main.es97.js

@@ -0,0 +1,23 @@
+import "./main.es3.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "18",
+  height: "18",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#fff",
+  d: "M0 10h8V0H0zm0 8h8v-6H0zm10 0h8V8h-8zm0-18v6h8V0z"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const dashboard = { render };
+export {
+  dashboard as default,
+  render
+};

package/dist/main.es98.js

@@ -0,0 +1,23 @@
+import "./main.es3.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "18",
+  height: "18",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M16 0H2a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h4v-2H2V2h14v14h-4v2h4c1.1 0 2-.9 2-2V2a2 2 0 0 0-2-2M9 6l-4 4h3v8h2v-8h3z"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const data_transfer = { render };
+export {
+  data_transfer as default,
+  render
+};

package/dist/main.es99.js

@@ -0,0 +1,28 @@
+import "./main.es3.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "12",
+  height: "16",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M15 13h2v14h-2z"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M17 21a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h8l-2.857 4L25 21z"
+}, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const deadline = { render };
+export {
+  deadline as default,
+  render
+};

package/dist/style.css

@@ -0,0 +1 @@
+html,body{height:100%;margin:0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.19.8-EPDM-13664.1",
+  "version": "8.19.8-EPDM-14766.0",
   "files": [
     "dist",
     "src"

package/src/components/infoText/index.vue

@@ -1,7 +1,6 @@
 <template>
   <PageContainer
     ref="container"
-    data-test-id="infoText_container"
     :type="type"
     @click=";(isMobile || openTrigger === 'onClick') && toggleInfo()"
     @mouseenter="!isMobile && openTrigger === 'onHover' && showInfo()"
@@ -288,11 +287,6 @@
         default: '',
         required: false,
       },
-      contentBackgroundColor: {
-        type: String,
-        default: '',
-        required: false,
-      },
       borderRadius: {
         type: String,
         default: '',
@@ -472,9 +466,7 @@
           width: '100%',
           maxWidth: props.maxWidth,
           overflowY: 'auto',
-          backgroundColor: props.contentBackgroundColor
-            ? props.contentBackgroundColor
-            : props.image
+          backgroundColor: props.image
             ? theme.colors.white
             : props.appTheme === 'light'
             ? theme.colors.black

package/src/components/infoText/infoText.spec.js

@@ -1,8 +1,7 @@
 /* eslint-disable */
 import { mount } from '@vue/test-utils'
 import InfoText from '@/components/infoText'
-import defaultProps from './defaultProps'
-import IconTextContent from './templates/iconTextContent.vue'
+import theme from '@/assets/theme'
 
 jest.mock('@/components/icon/iconCache.mjs', () => ({
   // need to mock this due to how jest handles import.meta
@@ -14,19 +13,31 @@ describe('InfoText Component', () => {
 
   beforeEach(() => {
     wrapper = mount(InfoText, {
-      props: defaultProps,
+      props: {
+        text: 'default text',
+        size: '14px',
+        infoPosition: 'bottom',
+        alignArrow: 'center',
+        openTrigger: 'onHover',
+        width: '165px',
+        maxWidth: '165px',
+        shouldUseTeleport: false,
+        dotColor: '#00009f',
+        type: 'info',
+      },
       global: {
-        stubs: {
-          teleport: true,
+        provide: {
+          theme,
         },
+        stubs: {
+          teleport: true
+        }
       },
     })
   })
 
   test('renders InfoText component with default props', () => {
-    expect(wrapper.find('[data-test-id="infoText_container"]').exists()).toBe(
-      true
-    )
+    expect(wrapper.find('[data-test-id="infoText_info"]').exists()).toBe(true)
     expect(wrapper.vm.text).toContain('default text')
     expect(wrapper.vm.size).toContain('14px')
     expect(wrapper.vm.infoPosition).toContain('bottom')
@@ -41,7 +52,7 @@ describe('InfoText Component', () => {
     )
 
     //should see text upon click
-    await wrapper.trigger('click')
+    await wrapper.find('[data-test-id="infoText_trigger"]').trigger('click')
     expect(wrapper.vm.isVisible).toBe(true)
 
     expect(wrapper.find('[data-test-id="info_text_wrapper"]').exists()).toBe(
@@ -53,34 +64,4 @@ describe('InfoText Component', () => {
     await wrapper.setProps({ type: 'dot' })
     expect(wrapper.find('[data-test-id="infoText_dot"]').exists()).toBe(true)
   })
-
-  test('iconTextContent slot is correctly rendered', async () => {
-    // override
-    const props = defaultProps.iconTextContent
-    wrapper = mount(InfoText, {
-      props: defaultProps,
-      slots: {
-        default: `<IconTextContent icon-name="${props.iconName}" text="${props.text}" />`,
-      },
-      global: {
-        stubs: {
-          teleport: true,
-        },
-        components: {
-          IconTextContent,
-        },
-      },
-    })
-
-    await wrapper.trigger('mouseenter')
-    expect(wrapper.vm.isVisible).toBe(true)
-
-    const container = wrapper.find('[data-test-id="iconTextContent_container"]')
-    const icon = container.find('[data-test-id="iconTextContent_icon"]')
-    const text = container.find('[data-test-id="iconTextContent_text"]')
-    expect(container.exists()).toBe(true)
-    expect(icon.exists()).toBe(true)
-    expect(text.exists()).toBe(true)
-    expect(text.text()).toBe(props.text)
-  })
 })

package/src/components/infoText/infoText.stories.js

@@ -1,6 +1,4 @@
-import theme from '../../assets/theme'
 import InfoText from './index.vue'
-import IconTextContent from './templates/iconTextContent.vue'
 
 export default {
   title: 'infoText',
@@ -48,29 +46,3 @@ export const OnClick = {
     openTrigger: 'onClick',
   },
 }
-
-export const IconTextContentTemplate = {
-  args: {
-    ...Default.args,
-    contentBackgroundColor: 'black',
-    iconName: 'warning_triangle',
-    iconColor: theme.colors.yellow,
-    size: '18px',
-  },
-  render: (args) => ({
-    components: { InfoText, IconTextContent },
-    setup() {
-      return { args }
-    },
-    template: `
-      <InfoText v-bind="args">
-        <IconTextContent
-          icon-name="warning_triangle"
-          text="This is a sample text with an icon"
-          icon-size="${args.size}"
-          icon-color="${args.iconColor}"
-        />
-      </InfoText>
-    `,
-  }),
-}

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

@@ -930,6 +930,7 @@
           return
         }
         this.isFocused = true
+        this.textInput = this.formatWithCurrency(this.value)
         this.$nextTick(() => {
           this.$refs.inputField1.$el.select()
         })

package/src/components/infoText/defaultProps.js

@@ -1,16 +0,0 @@
-export default {
-  text: 'default text',
-  size: '14px',
-  infoPosition: 'bottom',
-  alignArrow: 'center',
-  openTrigger: 'onHover',
-  width: '165px',
-  maxWidth: '165px',
-  shouldUseTeleport: false,
-  dotColor: '#00009f',
-  type: 'info',
-  iconTextContent: {
-    iconName: 'error',
-    text: 'Sample Text',
-  },
-}

package/src/components/infoText/templates/iconTextContent.vue

@@ -1,105 +0,0 @@
-<template>
-  <Container data-test-id="iconTextContent_container">
-    <RCIcon
-      :color="iconColor"
-      data-test-id="iconTextContent_icon"
-      :name="iconName"
-      :size="iconSize"
-    />
-    <TextWrapper
-      data-test-id="iconTextContent_text"
-      :font-color="fontColor"
-      :font-size="fontSize"
-    >
-      {{ text }}
-      <slot data-test-id="iconTextContent_slot"></slot>
-    </TextWrapper>
-  </Container>
-</template>
-
-<script>
-  // import InfoText from "@eturnity/eturnity_reusable_components/src/components/infoText"
-  // import IconTextContent from "@eturnity/eturnity_reusable_components/src/components/infoText/templates/iconTextContent"
-  //To use:
-  // <InfoText
-  //      icon-color="red"
-  //      icon-name="error"
-  //      size="20px"
-  //      open-trigger="onClick"
-  // >
-  //   <IconTextContent
-  //     icon-name="error"
-  //     text="Text"
-  //     icon-size="18px"
-  //     icon-color="red"
-  //   />
-  // </InfoText>
-
-  import styled from 'vue3-styled-components'
-  import theme from '../../../assets/theme.js'
-  import RCIcon from '../../icon'
-
-  const Container = styled('div')`
-    display: flex;
-    flex-direction: row;
-    align-items: flex-start;
-    gap: 8px;
-  `
-
-  const TextAttrs = {
-    fontSize: String,
-    fontColor: String,
-  }
-  const TextWrapper = styled('div', TextAttrs)`
-    font-size: ${(props) => props.fontSize};
-    color: ${(props) => props.fontColor};
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 8px;
-    font-weight: 400;
-    line-height: 150%;
-    letter-spacing: 0%;
-    vertical-align: middle;
-  `
-
-  export default {
-    name: 'IconTextContent',
-    components: {
-      Container,
-      TextWrapper,
-      RCIcon,
-    },
-    props: {
-      iconName: {
-        type: String,
-        required: true,
-      },
-      text: {
-        type: String,
-        required: true,
-      },
-      iconSize: {
-        type: String,
-        required: false,
-        default: '18px',
-      },
-      iconColor: {
-        type: String,
-        required: false,
-        default: '',
-      },
-      fontSize: {
-        type: String,
-        required: false,
-        default: '11px',
-      },
-      fontColor: {
-        type: String,
-        required: false,
-        default: theme.colors.white,
-      },
-    },
-  }
-</script>