@bagelink/vue 0.0.218 → 0.0.226-beta.0

package/src/components/form/PlainInputField.vue

@@ -1,79 +0,0 @@
-<template>
-	<div class="bagel-input">
-		<label :for="formatString(name, 'pascal')">
-			<LangText :input="formatString(name, 'titleCase')" />
-		</label>
-		<input
-			v-if="type === 'checkbox'"
-			ref="el"
-			:checked="modelValue"
-			class="ctl"
-			type="checkbox"
-			@change="handleCheck"
-		>
-		<input
-			v-else-if="type === 'number'"
-			ref="el"
-			:name="formatString(name, 'pascal')"
-			:type="type"
-			:value="modelValue"
-			class="ctl"
-			@input="handleInput"
-		>
-		<input
-			v-else-if="type === 'text'"
-			ref="el"
-			:name="formatString(name, 'pascal')"
-			:type="type"
-			:value="modelValue"
-			class="ctl"
-			@input="handleInput"
-		>
-		<textarea
-			v-else-if="type === 'textarea'"
-			ref="el"
-			:name="formatString(name, 'pascal')"
-			:type="type"
-			:value="modelValue"
-			class="ctl"
-			@input="handleInput"
-		/>
-		<div>
-			<LangText :input="errorMessage" />
-		</div>
-	</div>
-</template>
-
-<script lang="ts" setup>
-import { onMounted, ref } from 'vue';
-
-import { formatString } from '@bagelink/vue';
-import LangText from '../LangText.vue';
-
-const props = defineProps<{
-	type: 'text' | 'number' | 'password' | 'email' | 'checkbox' | 'textarea';
-	name: string;
-	value?: any;
-	modelValue: any;
-	errorMessage?: string;
-	focus?: boolean;
-}>();
-
-const emits = defineEmits(['update:modelValue']);
-const el = ref<HTMLInputElement | null>(null);
-const handleInput = (e: Event) => {
-	const el = e.target as HTMLInputElement;
-	emits('update:modelValue', el.value);
-};
-const handleCheck = (e: Event) => {
-	const el = e.target as HTMLInputElement;
-	emits('update:modelValue', el.checked ? 1 : 0);
-};
-onMounted(() => {
-	if (props.focus) {
-		el.value?.focus();
-	}
-});
-</script>
-
-<style scoped></style>

package/src/components/form/inputs/DynamicLinkField.vue

@@ -1,137 +0,0 @@
-<template>
-	<div
-		class="bagel-input"
-		:class="{ small: small }"
-	>
-		<label v-if="label">
-			<LangText :input="label" />
-		</label>
-
-		<input
-			@keydown.enter="handleEnter"
-			autocomplete="off"
-			@click="showList = true"
-			name="link-input"
-			v-model="selectedItem"
-			@focus="initList"
-			@input="handleInput"
-			:disabled="!editMode"
-		>
-
-		<div
-			class="custom-select"
-			name="link-input"
-			:class="{ 'open-select': showList && linkOptions.length > 0 }"
-		>
-			<div class="custom-select-drop">
-				<div
-					v-for="item in linkOptions"
-					:key="formatString(item.value, 'pascal')"
-					@click.stop="handleSelect(item)"
-				>
-					{{
-						useId || entity === 'Entity' ? item.value
-						: item.label || item.description || item.value
-					}}
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script lang="ts" setup>
-import { onMounted, ref } from 'vue';
-import { formatString } from '@bagelink/vue';
-
-// TODO: remove this Nati ?
-
-const props = withDefaults(
-	defineProps<{
-		label?: string;
-		modelValue: any;
-		useId?: false;
-		bagelApp?: any;
-		entity: string;
-		editMode: boolean;
-		filters?: any;
-		small?: boolean;
-	}>(),
-	{
-		label: '',
-		useId: false,
-		filters: {},
-	},
-);
-const showList = ref(false);
-const linkOptions = ref<any>([]);
-const item = ref<ListItem>();
-const emits = defineEmits(['update:modelValue', 'selected']);
-const selectedItem = ref<any>();
-
-function handleSelect(item: ListItem) {
-	showList.value = false;
-	selectedItem.value = item;
-	if (props.useId) {
-		selectedItem.value = item.value;
-	} else {
-		selectedItem.value = item.label || item.description || item.value;
-	}
-
-	emits('update:modelValue', item.value);
-	emits('selected');
-}
-
-async function getLinkOptions(inputString: string) {
-	linkOptions.value = await props.bagelApp?.entity.getLinkedFieldList({
-		entity: props.entity,
-		txt: inputString,
-		reference_entity: '',
-		filters: props.filters,
-	});
-}
-
-interface ListItem {
-	value: string;
-	label?: string;
-	description?: string;
-}
-
-async function initList(e: Event) {
-	await getLinkOptions(getElValue(e));
-	showList.value = true;
-}
-
-function getElValue(e: Event) {
-	const el = e.target as HTMLInputElement;
-	return el.value.trim();
-}
-
-function handleEnter(e: Event) {
-	emits('update:modelValue', getElValue(e));
-	emits('selected');
-	showList.value = false;
-}
-
-function handleClick(e: any) {
-	const { target } = e;
-	if (target.name != 'link-input' && showList.value == true) {
-		showList.value = false;
-		emits('update:modelValue', item.value);
-		emits('selected');
-	}
-	// showList.value = false
-}
-
-const handleInput = async (e: Event) => {
-	showList.value = true;
-	const el = e.target as HTMLInputElement;
-	emits('update:modelValue', el.value);
-	await getLinkOptions(el.value);
-};
-onMounted(() => {
-	selectedItem.value = props.modelValue;
-	document.addEventListener('click', handleClick);
-});
-</script>
-
-<style scoped></style>

package/src/components/form/inputs/EmailInput.vue

@@ -1,58 +0,0 @@
-<template>
-	<div
-		class="bagel-input"
-		:title="description"
-		:class="{ small: small }"
-	>
-		<label v-if="label">
-			<LangText :input="label" />
-		</label>
-		<input
-			:value="modelValue"
-			maxlength="140"
-			type="email"
-			@input="handleInput"
-			:class="{ 'no-edit': !editMode }"
-			:placeholder="placeholder"
-		>
-		<!-- :placeholder="bagelApp.translate(placeholder, true)" -->
-	</div>
-</template>
-
-<script setup lang="ts">
-// TODO: remove this Nati?
-
-const emits = defineEmits(['update:modelValue']);
-
-// const props =
-withDefaults(
-	defineProps<{
-		description?: string;
-		label?: string;
-		modelValue: any;
-		placeholder?: string;
-		editMode?: boolean;
-		small?: boolean;
-	}>(),
-	{
-		description: '',
-		editMode: true,
-		placeholder: '',
-		label: '',
-	},
-);
-const handleInput = (e: Event) => {
-	const el = e.target as HTMLInputElement;
-	emits('update:modelValue', el.value);
-};
-</script>
-
-<style scoped>
-input[type='email'] {
-	direction: ltr;
-}
-
-[dir='rtl'] input[type='email'] {
-	text-align: end;
-}
-</style>

package/src/types/Person.ts

@@ -1,51 +0,0 @@
-export interface BankDetailsInterface {
-	bank_name: string;
-	branch: string;
-	account_number: string;
-	bank_account_holder: string;
-	iban?: string;
-	swift?: string;
-	bank_address?: string;
-	label?: string;
-}
-
-export interface NewPerson {
-	first_name?: string;
-	last_name?: string;
-	email?: string;
-	phone?: string;
-	gender?: string;
-	bank_details?: BankDetailsInterface;
-}
-
-interface Email {
-	id?: string;
-	email: string;
-	primary: boolean;
-	label: string;
-}
-
-interface Phone {
-	id?: string;
-	phone: string;
-	primary: boolean;
-	label: string;
-}
-
-interface Role {
-	id: string;
-	role: string;
-	ref_id: string;
-}
-
-export interface Person {
-	id: string;
-	first_name: string;
-	last_name: string;
-	email: Email[];
-	phone: Phone[];
-	date_of_birth: string;
-	gender: string;
-	roles: Role[];
-	bank_details: BankDetailsInterface[];
-}