sprintify-ui 0.0.102 → 0.0.104

package/src/components/BaseNumberForm.vue

@@ -1,67 +0,0 @@
-<template>
-  <div>
-    <BaseInputLabel
-      v-if="labelValue"
-      :label="labelValue"
-      :required="required"
-    />
-    <input
-      :value="modelValue"
-      type="number"
-      :name="name"
-      :min="min"
-      :max="max"
-      :step="step"
-      :disabled="disabled"
-      @input="inputListener(transformInputValue($event))"
-    />
-    <BaseInputError v-if="hasError()" class="mt-1">
-      {{ errorMessage() }}
-    </BaseInputError>
-  </div>
-</template>
-
-<script lang="ts">
-import { get, isNumber } from 'lodash';
-import { defineComponent } from 'vue';
-import BaseFormField from './BaseFormField';
-import BaseInputError from './BaseInputError.vue';
-import BaseInputLabel from './BaseInputLabel.vue';
-
-export default defineComponent({
-  components: { BaseInputLabel, BaseInputError },
-  extends: BaseFormField,
-  props: {
-    modelValue: {
-      required: true,
-      validator: (value) => {
-        return isNumber(value) || value === null;
-      },
-    },
-    step: {
-      default: 1,
-      type: Number,
-    },
-    min: {
-      type: Number,
-      default: undefined,
-    },
-    max: {
-      type: Number,
-      default: undefined,
-    },
-  },
-  methods: {
-    transformInputValue(event: Event | null): number | null {
-      if (event === null) {
-        return null;
-      }
-      const value = get(event, 'target.value', null);
-      if (!isNumber(value)) {
-        return null;
-      }
-      return value as number;
-    },
-  },
-});
-</script>

package/src/components/BasePasswordForm.vue

@@ -1,59 +0,0 @@
-<template>
-  <div>
-    <BaseInputLabel
-      v-if="labelValue"
-      :label="labelValue"
-      :required="required"
-    />
-
-    <BasePassword
-      ref="input"
-      :model-value="modelValue"
-      :name="name"
-      :disabled="disabled"
-      :placeholder="placeholder"
-      :required="required"
-      class="rounded"
-      :class="[
-        {
-          'border-red-600': hasError(),
-          'border-slate-300': !hasError(),
-        },
-        inputClass,
-      ]"
-      @update:model-value="onInput"
-    />
-
-    <BaseInputError v-if="hasError()" class="mt-1">
-      {{ errorMessage() }}
-    </BaseInputError>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, PropType } from 'vue';
-import BaseFormField from './BaseFormField';
-import BaseInputError from './BaseInputError.vue';
-import BaseInputLabel from './BaseInputLabel.vue';
-import BasePassword from './BasePassword.vue';
-
-export default defineComponent({
-  components: { BaseInputLabel, BasePassword, BaseInputError },
-  extends: BaseFormField,
-  props: {
-    modelValue: {
-      required: true,
-      type: [String, null] as PropType<string | null>,
-    },
-    inputClass: {
-      default: undefined,
-      type: String,
-    },
-  },
-  methods: {
-    onInput(value: string | null) {
-      this.inputListener(value);
-    },
-  },
-});
-</script>

package/src/components/BaseTextareaForm.vue

@@ -1,101 +0,0 @@
-<template>
-  <div>
-    <BaseInputLabel
-      v-if="labelValue"
-      :label="labelValue"
-      :required="required"
-    />
-    <BaseTextarea
-      :model-value="normalizedModelValue"
-      :type="type"
-      :name="name"
-      :placeholder="placeholder"
-      :disabled="disabled"
-      :required="required"
-      :rows="rows"
-      :class="[
-        {
-          'border-red-600': hasError(),
-          'border-slate-300': !hasError(),
-        },
-      ]"
-      @update:model-value="inputListener($event)"
-    />
-    <div class="mt-1 flex flex-wrap sm:space-x-3">
-      <BaseInputError v-if="hasError()" class="order-2 grow sm:order-1">
-        {{ errorMessage() }}
-      </BaseInputError>
-      <div
-        class="order-1 w-full grow text-left sm:order-2 sm:w-auto sm:text-right"
-      >
-        <BaseCharacterCounter
-          :text="normalizedModelValue"
-          :min="min"
-          :max="max"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, PropType } from 'vue';
-import BaseFormField from './BaseFormField';
-import { get, isString, trim } from 'lodash';
-import BaseTextarea from './BaseTextarea.vue';
-import BaseInputLabel from './BaseInputLabel.vue';
-import BaseCharacterCounter from './BaseCharacterCounter.vue';
-import BaseInputError from './BaseInputError.vue';
-
-export default defineComponent({
-  components: {
-    BaseTextarea,
-    BaseInputLabel,
-    BaseCharacterCounter,
-    BaseInputError,
-  },
-  extends: BaseFormField,
-  props: {
-    modelValue: {
-      required: true,
-      type: [String, null] as PropType<string | null>,
-    },
-    type: {
-      type: String,
-      default: 'text',
-    },
-    rows: {
-      default: 3,
-      type: Number,
-    },
-    min: {
-      default: undefined,
-      type: Number,
-    },
-    max: {
-      default: undefined,
-      type: Number,
-    },
-  },
-  computed: {
-    normalizedModelValue(): string {
-      if (isString(this.modelValue)) {
-        return this.modelValue;
-      }
-      return '';
-    },
-  },
-  methods: {
-    transformInputValue(event: Event | null): string | null {
-      if (event === null) {
-        return null;
-      }
-      const value = get(event, 'target.value', null);
-      if (!isString(value)) {
-        return null;
-      }
-      return trim(value as string);
-    },
-  },
-});
-</script>