@bagelink/vue 0.0.25 → 0.0.35

package/src/styles/modal.css

@@ -0,0 +1,90 @@
+.bg-dark {
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.7);
+    z-index: 999;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    pointer-events: none;
+    opacity: 0;
+    transition: all ease-in-out 0.3s;
+}
+
+.modal {
+    width: 96%;
+    max-width: 680px;
+    transform: scale(0.5);
+    opacity: 0;
+    transition: all ease-in-out 0.15s;
+    overflow: auto;
+    max-height: 96vh;
+}
+
+.small-modal .modal {
+    max-width: 300px;
+    text-align: center;
+}
+
+.tool-bar {
+    margin: -2rem -1rem 1rem;
+    display: flex;
+    justify-content: space-between;
+    position: sticky;
+    padding-top: 1rem;
+    top: -2rem;
+    z-index: 3;
+    background: var(--bgl-white);
+}
+
+.modal-size {
+    cursor: pointer;
+}
+
+.is-side .modal {
+    inset-inline-end: -600px;
+    transform: scale(1);
+    opacity: 1;
+    position: fixed;
+    top: 20px;
+    bottom: 20px;
+    max-width: 600px;
+    width: 90%;
+}
+
+.is-active .modal {
+    transform: scale(1);
+    opacity: 1;
+    box-shadow: 6px 6px 20px 20px #0000001c;
+}
+
+.is-active.is-side .modal {
+    inset-inline-end: 20px;
+}
+
+.bg-dark.is-active {
+    opacity: 1;
+    pointer-events: all;
+}
+
+.is-side.bg-dark.is-active {
+    opacity: 1;
+}
+
+.is-side.is-active .modal {
+    pointer-events: all;
+}
+
+@media screen and (max-width: 910px) {
+    .tool-bar {
+        margin: -2rem 0 1rem;
+        align-items: center;
+    }
+
+    .is-active.is-side .modal {
+        inset-inline-end: 5%;
+    }
+}

package/src/types/BagelField.ts

@@ -0,0 +1,57 @@
+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 & {
+	// modelValuePropPath?: string;
+	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/src/types/BtnOptions.ts

@@ -0,0 +1,14 @@
+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/src/types/Person.ts

@@ -0,0 +1,51 @@
+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[];
+}

package/src/types/file.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/src/types/index.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';