refactor: remove .ce.vue files

PrestaShopCorp · Oct 10, 2023 · ef3d5d0 · ef3d5d0
1 parent 33c1247
commit ef3d5d0
Show file tree

Hide file tree

Showing 12 changed files with 16 additions and 349 deletions.
diff --git a/packages/components/button-group/index.ts b/packages/components/button-group/index.ts
@@ -2,10 +2,9 @@ import { defineCustomElement } from 'vue'
 import { withInstall } from '@puik/utils'
 
 import ButtonGroup from './src/button-group.vue'
-import ButtonGroupCe from './src/button-group.ce.vue'
 
 export const PuikButtonGroup = withInstall(ButtonGroup)
-export const PuikButtonGroupCe = defineCustomElement(withInstall(ButtonGroupCe))
+export const PuikButtonGroupCe = defineCustomElement(PuikButtonGroup)
 
 if (!customElements.get('puik-button-group-ce')) {
   customElements.define('puik-button-group-ce', PuikButtonGroupCe)

diff --git a/packages/components/button-group/src/button-group.ce.vue b/packages/components/button-group/src/button-group.ce.vue
diff --git a/packages/components/button/index.ts b/packages/components/button/index.ts
@@ -2,10 +2,9 @@ import { defineCustomElement } from 'vue'
 import { withInstall } from '@puik/utils'
 
 import Button from './src/button.vue'
-import ButtonCe from './src/button.ce.vue'
 
 export const PuikButton = withInstall(Button)
-export const PuikButtonCe = defineCustomElement(withInstall(ButtonCe))
+export const PuikButtonCe = defineCustomElement(PuikButton)
 
 if (!customElements.get('puik-button-ce')) {
   customElements.define('puik-button-ce', PuikButtonCe)

diff --git a/packages/components/button/src/button.ce.vue b/packages/components/button/src/button.ce.vue
diff --git a/packages/components/icon/index.ts b/packages/components/icon/index.ts
@@ -2,10 +2,9 @@ import { defineCustomElement } from 'vue'
 import { withInstall } from '@puik/utils'
 
 import Icon from './src/icon.vue'
-import IconCe from './src/icon.ce.vue'
 
 export const PuikIcon = withInstall(Icon)
-export const PuikIconCe = defineCustomElement(withInstall(IconCe))
+export const PuikIconCe = defineCustomElement(PuikIcon)
 
 if (!customElements.get('puik-icon-ce')) {
   customElements.define('puik-icon-ce', PuikIconCe)

diff --git a/packages/components/icon/src/icon.ce.vue b/packages/components/icon/src/icon.ce.vue
diff --git a/packages/components/input/index.ts b/packages/components/input/index.ts
@@ -2,10 +2,9 @@ import { defineCustomElement } from 'vue'
 import { withInstall } from '@puik/utils'
 
 import Input from './src/input.vue'
-import InputCe from './src/input.ce.vue'
 
 export const PuikInput = withInstall(Input)
-export const PuikInputCe = defineCustomElement(withInstall(InputCe))
+export const PuikInputCe = defineCustomElement(PuikInput)
 
 if (!customElements.get('puik-input-ce')) {
   customElements.define('puik-input-ce', PuikInputCe)

diff --git a/packages/components/input/src/input.ce.vue b/packages/components/input/src/input.ce.vue
diff --git a/packages/components/input/src/input.vue b/packages/components/input/src/input.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="puik-input">
     <div class="puik-input__wrapper" :class="inputClasses">
-      <div v-if="$slots.prepend" class="puik-input__prepend">
+      <div v-if="$slots.prepend || hasSlotPrepend" class="puik-input__prepend">
         <slot name="prepend"></slot>
       </div>
       <input
@@ -26,7 +26,10 @@
         @click="togglePasswordVisibility"
         >{{ passwordIsVisible ? 'visibility' : 'visibility_off' }}</span
       >
-      <div v-else-if="$slots.append" class="puik-input__append">
+      <div
+        v-else-if="$slots.append || hasSlotAppend"
+        class="puik-input__append"
+      >
         <slot name="append"></slot>
       </div>
       <puik-input-controls
@@ -36,13 +39,14 @@
         @decrease="decrease"
       ></puik-input-controls>
     </div>
-    <div v-if="$slots.hint || hasError" class="puik-input__hint">
+    <div v-if="$slots.hint || hasSlotHint || hasError" class="puik-input__hint">
       <span
         v-show="!hideHint"
-        v-if="$slots.hint && !hasError"
+        v-if="($slots.hint || hasSlotHint) && !hasError"
         class="puik-input__hint__text"
-        ><slot name="hint"></slot
-      ></span>
+      >
+        <slot name="hint"></slot>
+      </span>
       <div v-if="hasError" class="puik-input__hint__error">
         <puik-icon
           icon="error"

diff --git a/packages/components/tooltip/index.ts b/packages/components/tooltip/index.ts
@@ -2,10 +2,9 @@ import { defineCustomElement } from 'vue'
 import { withInstall } from '@puik/utils'
 
 import Tooltip from './src/tooltip.vue'
-import TooltipCe from './src/tooltip.ce.vue'
 
 export const PuikTooltip = withInstall(Tooltip)
-export const PuikTooltipCe = defineCustomElement(withInstall(TooltipCe))
+export const PuikTooltipCe = defineCustomElement(PuikTooltip)
 
 if (!customElements.get('puik-tooltip-ce')) {
   customElements.define('puik-tooltip-ce', PuikTooltipCe)