@bagelink/vue 0.0.74 → 0.0.83

package/dist/types/BagelField.d.ts

@@ -0,0 +1,39 @@
+export interface BaseBagelField {
+    id: string;
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    is_array?: boolean;
+    can_add?: boolean;
+    can_delete?: boolean | (() => boolean);
+    allow_array_add?: boolean;
+    editMode?: boolean;
+    inputType: 'ItemRef' | 'SelectField' | 'PlainText' | 'ImageField' | 'ReadOnlyInput' | 'DateInput' | 'CurrencyInput' | 'CheckInput' | 'NumberInput' | 'LinkField' | 'TextArea' | 'Password' | 'Contact' | 'ColorPicker' | 'FormRow' | 'BagelForm';
+    description?: string;
+    helpText?: string;
+    currency?: string;
+    refCollection?: string;
+    refFields?: string[];
+    file_key?: string;
+    fields?: any;
+    pattern?: string;
+    fieldClass?: string;
+    link?: string;
+}
+export type NestedField = BagelField & {
+    skipIndex?: boolean;
+    ignoreModelPath?: boolean;
+};
+export type NestedBagelFormFields = NestedField[] & Record<string, NestedField>;
+export interface NestedBagelForm extends BaseBagelField {
+    inputType: 'BagelForm';
+    fields: NestedBagelFormFields;
+}
+export interface SelectBagelField extends BaseBagelField {
+    inputType: 'SelectField';
+    options: string | {
+        label: string;
+        value: string | number;
+    }[];
+}
+export type BagelField = BaseBagelField | SelectBagelField | NestedBagelForm;

package/dist/types/BtnOptions.d.ts

@@ -0,0 +1,13 @@
+import { MaterialIcons } from './materialIcons';
+export interface BtnOptions {
+    onClick?: () => void;
+    color?: 'light' | 'red' | 'gray' | 'black' | 'blue';
+    disabled?: boolean;
+    icon?: MaterialIcons;
+    flat?: boolean;
+    thin?: boolean;
+    type?: 'button' | 'submit' | 'reset';
+    loading?: boolean;
+    role?: string;
+    value?: string;
+}

package/dist/types/Person.d.ts

@@ -0,0 +1,47 @@
+export interface BankDetails {
+    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?: BankDetails;
+}
+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: BankDetails[];
+}
+export {};

package/dist/types/file.d.ts

@@ -0,0 +1,12 @@
+export type StorageFile = {
+    organization: string[];
+    name: string;
+    url: string;
+    mimetype?: string;
+    size?: number;
+    extension?: string;
+    path?: string;
+    id?: string;
+    created_at?: Date | string;
+    updated_at?: Date | string;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+export type { BankDetails, NewPerson, Person } from './Person';
+export type { Tables, TableToTypeMapping } from '@bagelink/sdk';
+export type { StorageFile } from './file';
+export type { BagelField } from './BagelField';

package/dist/utils/index.d.ts

@@ -0,0 +1,8 @@
+import type { BagelField } from '../types/BagelField';
+export declare const debounce: (fn: () => void, delay?: number) => void;
+export declare const keyToLabel: (key: string) => string;
+export declare function computeFields(modelValue: Record<string, any>): BagelField[];
+export declare const copyText: (text: string, cb?: ((msg: string) => void) | undefined) => Promise<void>;
+export declare const useFormkit: () => unknown;
+export declare const initials: (...strArr: string[]) => string;
+export declare const parseLocale: (str: string, $t?: (_str: string) => string) => string;

package/dist/utils/objects.d.ts

@@ -0,0 +1,3 @@
+import { BagelField } from '../types';
+export declare function getPropByPath(obj: Record<string, any>, propPath?: string, bagelField?: BagelField): {};
+export declare function setPropByPath(obj: Record<string, any>, path?: string, value?: any): void;

package/dist/utils/strings.d.ts

@@ -0,0 +1 @@
+export declare function formatString(str: string, format: 'pascal' | 'camel' | 'snake' | 'titleCase'): string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.74",
+  "version": "0.0.83",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -65,7 +65,7 @@
     "prosemirror-state": "^1.4.3",
     "prosemirror-view": "^1.32.4",
     "@vue-macros/reactivity-transform": "^0.4.0",
-    "@bagelink/sdk": "0.0.74"
+    "@bagelink/sdk": "0.0.83"
   },
   "peerDependencies": {
     "@bagelink/sdk": "*"
@@ -89,7 +89,7 @@
   },
   "scripts": {
     "dev": "tsx watch src/index.ts",
-    "build": "tsc --noEmit && vite build",
+    "build": "vite build",
     "start": "tsx src/index.ts"
   }
 }

package/src/components/DataPreview.vue

@@ -49,7 +49,8 @@ import { keyToLabel, parseLocale } from '#/utils';
 
 const keysToIgnore = ['id', 'person_id', 'person', 'created_at', 'updated_at'];
 
-const props = withDefaults(defineProps<{
+// const props =
+withDefaults(defineProps<{
 	data: Record<string, any>,
 	schema?: Record<string, any>[],
 	title?: string,

package/src/components/FormSchema.vue

@@ -30,7 +30,7 @@ import { reactive } from 'vue';
 import { type FormKitSchemaDefinition } from '@formkit/core';
 
 import { Btn } from '#/components';
-import { useModal } from '#/utils';
+import { useModal } from '#';
 
 const { showModal } = useModal();
 const emits = defineEmits(['update:modelValue', 'submit']);

package/src/components/PersonPreview.vue

@@ -76,11 +76,9 @@
 
 <script lang="ts" setup>
 import type { FormKitSchemaDefinition } from '@formkit/core';
-import { useBagel } from '#';
+import { useBagel, useModal } from '#';
 import type { Person } from '#/types';
-import {
-	initials, useModal,
-} from '#/utils';
+import { initials } from '#/utils';
 import { Btn, MaterialIcon } from '#/components';
 
 // const toast = useToast(); // TODO: use toast

package/src/components/PersonPreviewFormkit.vue

@@ -77,11 +77,9 @@
 
 <script lang="ts" setup>
 import type { FormKitSchemaDefinition } from '@formkit/core';
-import { useBagel } from '#';
+import { useBagel, useModal } from '#';
 import type { Person } from '#/types';
-import {
-	useModal, initials,
-} from '#/utils';
+import { initials } from '#/utils';
 import { Btn, MaterialIcon } from '#/components';
 
 // const toast = useToast(); // TODO: use toast

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

@@ -7,11 +7,12 @@
 		<label v-if="label">
 			<LangText :input="label" />
 		</label>
+		<!-- :placeholder="bagelApp.translate(placeholder, true)" -->
 		<input
 			:value="modelValue?.split('.')[0] || ''"
 			type="datetime-local"
 			@input="handleInput"
-			:placeholder="bagelApp.translate(placeholder, true)"
+			:placeholder="placeholder"
 			:class="{ 'no-edit': !editMode }"
 		>
 	</div>
@@ -19,8 +20,6 @@
 
 <script setup lang="ts">
 import { onMounted } from 'vue';
-// @ts-ignore TODO: remove this Nati
-import { bagelApp } from '../../../index';
 
 const emits = defineEmits(['update:modelValue']);
 // @ts-ignore TODO: remove this Nati

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

@@ -8,26 +8,25 @@
 			<LangText :input="label" />
 		</label>
 		<!-- :title="formatDuration(modelValue)" -->
+		<!-- :placeholder="bagelApp.translate(placeholder, true)" -->
 		<input
 			:value="modelValue"
 			:title="modelValue"
 			type="number"
 			@input="handleInput"
-			:placeholder="bagelApp.translate(placeholder, true)"
+			:placeholder="placeholder"
 			:class="{ 'no-edit': !editMode }"
 		>
 	</div>
 </template>
 
 <script setup lang="ts">
-// @ts-ignore TODO: remove this Nati
-import { bagelApp } from '../../../index';
-// @ts-ignore TODO: remove this Nati
-// import { formatDuration } from '../../../composables';
+// TODO: remove this Nati ?
 
 const emits = defineEmits(['update:modelValue']);
-// @ts-ignore TODO: remove this Nati
-const props = withDefaults(
+
+// const props =
+withDefaults(
 	defineProps<{
 		description?: string;
 		label?: string;

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

@@ -41,10 +41,8 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
-// @ts-ignore TODO: remove this Nati
-import { formatString } from '../../../composables';
-// @ts-ignore TODO: remove this Nati
-import { bagelApp } from '../../../index';
+import { formatString } from '#/utils/strings';
+// TODO: remove this Nati ?
 
 const props = withDefaults(
 	defineProps<{
@@ -61,7 +59,6 @@ const props = withDefaults(
 		label: '',
 		useId: false,
 		filters: {},
-		bagelApp,
 	},
 );
 const showList = ref(false);
@@ -84,7 +81,7 @@ function handleSelect(item: ListItem) {
 }
 
 async function getLinkOptions(inputString: string) {
-	linkOptions.value = await props.bagelApp.entity.getLinkedFieldList({
+	linkOptions.value = await props.bagelApp?.entity.getLinkedFieldList({
 		entity: props.entity,
 		txt: inputString,
 		reference_entity: '',
@@ -98,7 +95,6 @@ interface ListItem {
 	description?: string;
 }
 
-// @ts-ignore TODO: remove this Nati
 const initialized = ref(false);
 
 async function initList(e: Event) {

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

@@ -12,19 +12,20 @@
 			maxlength="140"
 			type="email"
 			@input="handleInput"
-			:placeholder="bagelApp.translate(placeholder, true)"
 			:class="{ 'no-edit': !editMode }"
+			:placeholder="placeholder"
 		>
+		<!-- :placeholder="bagelApp.translate(placeholder, true)" -->
 	</div>
 </template>
 
 <script setup lang="ts">
-// @ts-ignore TODO: remove this Nati
-import { bagelApp } from '../../../index';
+// TODO: remove this Nati?
 
 const emits = defineEmits(['update:modelValue']);
-// @ts-ignore TODO: remove this Nati
-const props = withDefaults(
+
+// const props =
+withDefaults(
 	defineProps<{
 		description?: string;
 		label?: string;

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

@@ -11,19 +11,20 @@
 			:value="modelValue"
 			type="number"
 			@input="handleInput"
-			:placeholder="bagelApp.translate(placeholder, true)"
 			:class="{ 'no-edit': !editMode }"
+			:placeholder="placeholder"
 		>
+		<!-- :placeholder="bagelApp.translate(placeholder, true)" -->
 	</div>
 </template>
 
 <script setup lang="ts">
-// @ts-ignore TODO: remove this Nati
-import { bagelApp } from '../../../index';
+// TODO: remove this Nati ?
 
 const emits = defineEmits(['update:modelValue']);
-// @ts-ignore TODO: remove this Nati
-const props = withDefaults(
+
+// const props =
+withDefaults(
 	defineProps<{
 		description?: string;
 		label?: string;

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

@@ -11,20 +11,19 @@
 			:value="modelValue"
 			type="number"
 			@input="handleInput"
-			:placeholder="bagelApp.translate(placeholder, true)"
 			:class="{ 'no-edit': !editMode }"
+			:placeholder="placeholder"
 		>
 	</div>
 </template>
 
 <script setup lang="ts">
-// @ts-ignore TODO: remove this Nati
-import { bagelApp } from '../../../index';
+// TODO: remove this Nati ?
 
-// @ts-ignore TODO: remove this Nati
 const emits = defineEmits(['update:modelValue']);
-// @ts-ignore TODO: remove this Nati
-const props = withDefaults(
+
+// const props =
+withDefaults(
 	defineProps<{
 		description?: string;
 		label?: string;

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

@@ -10,19 +10,18 @@
 		<textarea
 			:value="modelValue"
 			@input="handleInput"
-			:placeholder="bagelApp.translate(placeholder, true)"
 			:class="{ 'no-edit': !editMode }"
+			:placeholder="placeholder"
 		/>
 	</div>
 </template>
 
 <script setup lang="ts">
-// @ts-ignore TODO: remove this Nati
-import { bagelApp } from '../../../index';
+// TODO: remove this Nati ?
 
 const emits = defineEmits(['update:modelValue']);
-// @ts-ignore TODO: remove this Nati
-const props = withDefaults(
+// const props =
+withDefaults(
 	defineProps<{
 		description?: string;
 		label?: string;