fix: Renamed a collection of components in advance of css refactor us…

…ing css modules.

src/components/FishTankCheckbox.vue

@@ -51,13 +51,17 @@ import {
  CheckboxSelected24 as CheckboxSelected, 
  CheckboxUnselected24 as CheckboxUnselected 
 } from "@fishtank/icons-vue"
+import a11y from '@/util/a11y'
 
 export default Vue.extend({
  name:"FishTankCheckbox",
  components: {
  CheckboxSelected,
  CheckboxUnselected
  },
+ mixins: [
+ a11y,
+ ],
  model: {
  prop: 'modelValue',
  event: 'change'

src/components/DialogBox.vue → src/components/FishTankDialogBox.vue

@@ -25,7 +25,7 @@
 
 <script lang="ts">
 import Vue, { CreateElement, VNode } from 'vue'
-import Modal from './Modal.vue'
+import {Modal} from '@/index'
 
 export default Vue.extend({
  components: {

src/components/InputText.vue → src/components/FishTankTextInput.vue

@@ -46,6 +46,8 @@
  @keyup.91.88="getFalseHeight"
  @keyup.enter="getFalseHeight"
  @keyup.delete="getFalseHeight"
+ @paste="getFalseHeight"
+ @cut="getFalseHeight"
  v-on="listeners"/>
  <!--eslint-enable-->
  </template>
@@ -94,6 +96,7 @@
 
 import Vue from "vue"
 import { Close24 as CloseIcon } from "@fishtank/icons-vue"
+import { setTimeout } from 'timers'
 
 export default Vue.extend({
  components: {
@@ -219,17 +222,21 @@ export default Vue.extend({
  focusElement(element: HTMLElement) {
  element.focus()
  },
- getFalseHeight(): void{
- this.$nextTick(()=>{
- if (this.$props.maxheight && (this.$props.maxheight < (this.$refs.falseTextarea as HTMLDivElement).clientHeight)){
- if (!this.scrollOn) this.scrollOn = true
- return
- }
- if (this.$refs.falseTextarea !== undefined) {
- if (this.scrollOn) this.scrollOn = false
- this.textAreafalseHeight = (this.$refs.falseTextarea as HTMLDivElement).clientHeight
- }
- })
+ getFalseHeight(e:ClipboardEvent): void{
+ setTimeout(()=>{
+ this.$nextTick(()=>{
+ if (this.$props.maxheight && (this.$props.maxheight < (this.$refs.falseTextarea as HTMLDivElement).clientHeight)){
+ this.textAreafalseHeight = this.$props.maxheight
+ if (!this.scrollOn) this.scrollOn = true
+ return
+ }
+ if (this.$refs.falseTextarea !== undefined) {
+ if (this.scrollOn) this.scrollOn = false
+ this.textAreafalseHeight = (this.$refs.falseTextarea as HTMLDivElement).clientHeight
+ }
+ (this.$refs.input as HTMLFontElement).focus()
+ })
+ }, 100)
  },
  }
 })

src/index.ts

@@ -15,13 +15,13 @@ export { default as ButtonFeatureIcon } from "./components/ButtonFeatureIcon.vue
 export { default as ButtonOutlineDark} from "./components/ButtonOutlineDark.vue"
 export { default as ButtonOutlineSmall} from "./components/ButtonOutlineSmall.vue"
 export { default as ButtonOutlineDarkSmall} from "./components/ButtonOutlineDarkSmall.vue"
-export { default as Card } from "./components/Card.vue"
+export { default as Card } from "./components/FishTankCard.vue"
 export { default as InputCheckbox } from "./components/FishTankCheckbox.vue"
 export { default as InputRadio } from "./components/FishTankRadio.vue"
 export { default as InputSwitch } from "./components/FishTankSwitch.vue"
-export { default as InputText } from "./components/InputText.vue"
-export { default as Modal } from "./components/Modal.vue"
-export { default as DialogBox } from "./components/DialogBox.vue"
+export { default as InputText } from "./components/FishTankTextInput.vue"
+export { default as Modal } from "./components/FishTankModal.vue"
+export { default as DialogBox } from "./components/FishTankDialogBox.vue"
 export { default as Tag } from "./components/FishTankTag.vue"
 
 //Todo - Remove exports above and retain only rebranded exports below
@@ -37,15 +37,14 @@ export { default as FishTankButtonDestructive } from "./components/ButtonDestruc
 export { default as FishTankButtonWhite } from "./components/ButtonWhite.vue"
 export { default as FishTankButtonOutline} from "./components/ButtonOutline.vue"
 export { default as FishTankButtonGradient } from "./components/ButtonGradient.vue"
-export { default as FishTankCard } from "./components/Card.vue"
+export { default as FishTankCard } from "./components/FishTankCard.vue"
 export { default as FishTankCheckbox } from "./components/FishTankCheckbox.vue"
 export { default as FishTankRadio } from "./components/FishTankRadio.vue"
 export { default as FishTankSwitch } from "./components/FishTankSwitch.vue"
-export { default as FishTankTextInput } from "./components/InputText.vue"
-export { default as FishTankModal } from "./components/Modal.vue"
-export { default as FishTankDialogBox } from "./components/DialogBox.vue"
+export { default as FishTankTextInput } from "./components/FishTankTextInput.vue"
+export { default as FishTankModal } from "./components/FishTankModal.vue"
+export { default as FishTankDialogBox } from "./components/FishTankDialogBox.vue"
 export { default as FishTankTag } from "./components/FishTankTag.vue"
-export { default as FishTankTagRemove } from "./components/InputTagRemove.vue"
 export { default as FishTankMultiSelectTag } from "./components/MultiSelectTag.vue"
 export { default as FishTankLoaderSpinner } from "./components/FishTankLoaderSpinner.vue"
 export { default as FishTankButtonGroup } from "./components/FishTankButtonGroup.vue"