@bexis2/bexis2-core-ui 0.4.88 → 0.4.90

package/README.md

@@ -1,5 +1,12 @@
 # bexis-core-ui
-## 0.4.87/88
+
+## 0.4.90
+- Input
+  - Add DataPickerInput based on Svelty Picker
+  - reorder font size in menu (less layout shift with old header)
+  - trigger description event on mouse over / out
+
+## 0.4.87
 - Input
   - add show description to all form components
 

package/dist/TableView.svelte.d.ts

@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/CodeEditor/CodeEditor.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import type { ThemeSpec } from 'svelte-codemirror-editor';
 declare const __propDef: {
     props: {
         id: string;
@@ -10,7 +11,7 @@ declare const __propDef: {
         toggle?: boolean;
         actions?: boolean;
         isValid?: boolean;
-        styles?: any;
+        styles?: ThemeSpec;
     };
     events: {
         cancel: CustomEvent<any>;
@@ -23,6 +24,8 @@ declare const __propDef: {
             id: string;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type CodeEditorProps = typeof __propDef.props;
 export type CodeEditorEvents = typeof __propDef.events;

package/dist/components/Facets/Facets.svelte.d.ts

@@ -17,6 +17,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FacetsProps = typeof __propDef.props;
 export type FacetsEvents = typeof __propDef.events;

package/dist/components/Facets/ShowMore.svelte.d.ts

@@ -10,6 +10,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ShowMoreProps = typeof __propDef.props;
 export type ShowMoreEvents = typeof __propDef.events;

package/dist/components/File/FileIcon.svelte.d.ts

@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/File/FileInfo.svelte.d.ts

@@ -23,5 +23,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/File/FileUploader.svelte.d.ts

@@ -19,6 +19,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FileUploaderProps = typeof __propDef.props;
 export type FileUploaderEvents = typeof __propDef.events;

package/dist/components/ListView.svelte.d.ts

@@ -5,6 +5,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ListViewProps = typeof __propDef.props;
 export type ListViewEvents = typeof __propDef.events;

package/dist/components/Table/ColumnsMenu.svelte.d.ts

@@ -12,6 +12,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ColumnsMenuProps = typeof __propDef.props;
 export type ColumnsMenuEvents = typeof __propDef.events;

package/dist/components/Table/Table.svelte.d.ts

@@ -10,6 +10,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TableProps = typeof __propDef.props;
 export type TableEvents = typeof __propDef.events;

package/dist/components/Table/TableContent.svelte.d.ts

@@ -10,6 +10,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TableContentProps = typeof __propDef.props;
 export type TableContentEvents = typeof __propDef.events;

package/dist/components/Table/TableFilter.svelte.d.ts

@@ -14,6 +14,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TableFilterProps = typeof __propDef.props;
 export type TableFilterEvents = typeof __propDef.events;

package/dist/components/Table/TableFilterServer.svelte.d.ts

@@ -15,6 +15,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TableFilterServerProps = typeof __propDef.props;
 export type TableFilterServerEvents = typeof __propDef.events;

package/dist/components/Table/TablePagination.svelte.d.ts

@@ -10,6 +10,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TablePaginationProps = typeof __propDef.props;
 export type TablePaginationEvents = typeof __propDef.events;

package/dist/components/Table/TablePaginationServer.svelte.d.ts

@@ -12,6 +12,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TablePaginationServerProps = typeof __propDef.props;
 export type TablePaginationServerEvents = typeof __propDef.events;

package/dist/components/form/Checkbox.svelte.d.ts

@@ -17,6 +17,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type CheckboxProps = typeof __propDef.props;
 export type CheckboxEvents = typeof __propDef.events;

package/dist/components/form/CheckboxKvPList.svelte.d.ts

@@ -15,6 +15,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type CheckboxKvPListProps = typeof __propDef.props;
 export type CheckboxKvPListEvents = typeof __propDef.events;

package/dist/components/form/CheckboxList.svelte.d.ts

@@ -13,6 +13,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type CheckboxListProps = typeof __propDef.props;
 export type CheckboxListEvents = typeof __propDef.events;

package/dist/components/form/DateInput.svelte.d.ts

@@ -19,6 +19,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateInputProps = typeof __propDef.props;
 export type DateInputEvents = typeof __propDef.events;

package/dist/components/form/DatePickerInput.svelte

@@ -0,0 +1,48 @@
+<script>import InputContainer from "./InputContainer.svelte";
+import SveltyPicker from "svelty-picker";
+export let id = "";
+export let label = "";
+export let value = "";
+export let valid = false;
+export let invalid = false;
+export let required = false;
+export let feedback = [""];
+export let placeholder = "";
+export let help = false;
+export let disabled = false;
+export let description = "";
+export let showDescription = false;
+export let mode = "date";
+export let initialDate = "";
+export let format = "yyyy-mm-dd";
+export let displayFormat = "yyyy-mm-dd";
+export let onChangeHandler = () => {
+};
+let width = "w-32";
+if (mode !== "date" && mode !== "time" && mode !== "datetime") {
+  throw new Error(`Invalid mode: ${mode}. Valid modes are 'date', 'time', and 'datetime'.`);
+}
+if (mode === "datetime" && (format === "yyyy-mm-dd" || displayFormat === "yyyy-mm-dd")) {
+  throw new Error(
+    `Invalid format for datetime mode. Please use a format that includes both date and time.`
+  );
+}
+if (mode === "datetime") {
+  width = "w-64";
+}
+</script>
+
+<InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription}>
+	<SveltyPicker
+		{mode}
+		name={label}
+		{format}
+		{displayFormat}
+		{initialDate}
+		bind:value
+		inputClasses="input variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400 {width}"
+		on:change={onChangeHandler}
+		{disabled}
+		{placeholder}
+	/>
+</InputContainer>

package/dist/components/form/DatePickerInput.svelte.d.ts

@@ -0,0 +1,34 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        id?: string;
+        label?: string;
+        value?: string;
+        valid?: boolean;
+        invalid?: boolean;
+        required?: boolean;
+        feedback?: string[];
+        placeholder?: string;
+        help?: boolean;
+        disabled?: boolean;
+        description?: string;
+        showDescription?: boolean;
+        mode?: "date" | "time" | "datetime";
+        initialDate?: string;
+        format?: string;
+        displayFormat?: string;
+        onChangeHandler?: (event: CustomEvent) => void;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type DatePickerInputProps = typeof __propDef.props;
+export type DatePickerInputEvents = typeof __propDef.events;
+export type DatePickerInputSlots = typeof __propDef.slots;
+export default class DatePickerInput extends SvelteComponent<DatePickerInputProps, DatePickerInputEvents, DatePickerInputSlots> {
+}
+export {};

package/dist/components/form/Dropdown.svelte.d.ts

@@ -7,12 +7,12 @@ export default class Dropdown extends SvelteComponent<{
     title: any;
     source: any;
     description?: string | undefined;
+    showDescription?: boolean | undefined;
     invalid?: boolean | undefined;
     feedback?: string[] | undefined;
     required?: boolean | undefined;
     help?: boolean | undefined;
     valid?: boolean | undefined;
-    showDescription?: boolean | undefined;
 }, {
     change: Event;
     select: Event;
@@ -31,12 +31,12 @@ declare const __propDef: {
         title: any;
         source: any;
         description?: string | undefined;
+        showDescription?: boolean | undefined;
         invalid?: boolean | undefined;
         feedback?: string[] | undefined;
         required?: boolean | undefined;
         help?: boolean | undefined;
         valid?: boolean | undefined;
-        showDescription?: boolean | undefined;
     };
     events: {
         change: Event;
@@ -45,5 +45,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/form/DropdownKvP.svelte.d.ts

@@ -7,13 +7,13 @@ export default class DropdownKvP extends SvelteComponent<{
     title: any;
     source: any;
     description?: string | undefined;
+    showDescription?: boolean | undefined;
     invalid?: boolean | undefined;
     feedback?: string[] | undefined;
     required?: boolean | undefined;
     help?: boolean | undefined;
     valid?: boolean | undefined;
     complexTarget?: boolean | undefined;
-    showDescription?: boolean | undefined;
 }, {
     change: Event;
     select: Event;
@@ -32,13 +32,13 @@ declare const __propDef: {
         title: any;
         source: any;
         description?: string | undefined;
+        showDescription?: boolean | undefined;
         invalid?: boolean | undefined;
         feedback?: string[] | undefined;
         required?: boolean | undefined;
         help?: boolean | undefined;
         valid?: boolean | undefined;
         complexTarget?: boolean | undefined;
-        showDescription?: boolean | undefined;
     };
     events: {
         change: Event;
@@ -47,5 +47,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/form/InputContainer.svelte

@@ -1,4 +1,5 @@
-<script>import { helpStore } from "../../stores/pageStores";
+<script>import { createEventDispatcher } from "svelte";
+import { helpStore } from "../../stores/pageStores";
 import Fa from "svelte-fa";
 import { faQuestion } from "@fortawesome/free-solid-svg-icons";
 export let id = "";
@@ -8,12 +9,23 @@ export let feedback;
 export let help = false;
 export let description = "";
 export let showDescription = false;
+export let showIcon = true;
+const dispatch = createEventDispatcher();
 function onMouseOver() {
   if (help) {
     helpStore.show(id);
   }
+  if (description.length > 0) {
+    dispatch("showDescription", { id, description });
+  }
 }
 function onMouseOut() {
+  if (help) {
+    helpStore.hide(id);
+  }
+  if (description.length > 0) {
+    dispatch("hideDescription", { id });
+  }
 }
 </script>
 
@@ -30,7 +42,7 @@ function onMouseOut() {
 			>{label}
 			{#if required} <span class="text-xs text-red-600">*</span> {/if}
 		</span>
-		{#if description}
+		{#if description && showIcon}
 				<button class="badge " on:click={()=>showDescription = !showDescription}><Fa icon={faQuestion} /></button>
 		{/if}
 	</label>

package/dist/components/form/InputContainer.svelte.d.ts

@@ -8,13 +8,19 @@ declare const __propDef: {
         help?: boolean;
         description?: string;
         showDescription?: boolean;
+        showIcon?: boolean;
     };
     events: {
+        showDescription: CustomEvent<any>;
+        hideDescription: CustomEvent<any>;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type InputContainerProps = typeof __propDef.props;
 export type InputContainerEvents = typeof __propDef.events;

package/dist/components/form/MultiSelect.svelte

@@ -309,7 +309,7 @@
 	
 </script>
 
-<InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription}>
+<InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription} on:showDescription on:hideDescription>
 	<Select
 		{id}
 		items={source}

package/dist/components/form/MultiSelect.svelte.d.ts

@@ -7,23 +7,25 @@ export default class MultiSelect extends SvelteComponent<{
     title: any;
     source: any;
     description?: string | undefined;
+    showDescription?: boolean | undefined;
     invalid?: boolean | undefined;
     feedback?: string[] | undefined;
     required?: boolean | undefined;
     help?: boolean | undefined;
+    disabled?: boolean | undefined;
+    placeholder?: string | undefined;
     complexTarget?: boolean | undefined;
-    showDescription?: boolean | undefined;
     itemId?: string | undefined;
     itemLabel?: string | undefined;
     itemGroup?: string | undefined;
     isMulti?: boolean | undefined;
     complexSource?: boolean | undefined;
-    placeholder?: string | undefined;
     loading?: boolean | undefined;
     clearable?: boolean | undefined;
-    disabled?: boolean | undefined;
     searchable?: boolean | undefined;
 }, {
+    showDescription: CustomEvent<any>;
+    hideDescription: CustomEvent<any>;
     change: CustomEvent<any>;
     input: CustomEvent<any>;
     focus: CustomEvent<any>;
@@ -48,24 +50,26 @@ declare const __propDef: {
         title: any;
         source: any;
         description?: string | undefined;
+        showDescription?: boolean | undefined;
         invalid?: boolean | undefined;
         feedback?: string[] | undefined;
         required?: boolean | undefined;
         help?: boolean | undefined;
+        disabled?: boolean | undefined;
+        placeholder?: string | undefined;
         complexTarget?: boolean | undefined;
-        showDescription?: boolean | undefined;
         itemId?: string | undefined;
         itemLabel?: string | undefined;
         itemGroup?: string | undefined;
         isMulti?: boolean | undefined;
         complexSource?: boolean | undefined;
-        placeholder?: string | undefined;
         loading?: boolean | undefined;
         clearable?: boolean | undefined;
-        disabled?: boolean | undefined;
         searchable?: boolean | undefined;
     };
     events: {
+        showDescription: CustomEvent<any>;
+        hideDescription: CustomEvent<any>;
         change: CustomEvent<any>;
         input: CustomEvent<any>;
         focus: CustomEvent<any>;
@@ -79,5 +83,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/form/NumberInput.svelte.d.ts

@@ -23,6 +23,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type NumberInputProps = typeof __propDef.props;
 export type NumberInputEvents = typeof __propDef.events;

package/dist/components/form/TextArea.svelte.d.ts

@@ -21,6 +21,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TextAreaProps = typeof __propDef.props;
 export type TextAreaEvents = typeof __propDef.events;

package/dist/components/form/TextInput.svelte.d.ts

@@ -21,6 +21,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TextInputProps = typeof __propDef.props;
 export type TextInputEvents = typeof __propDef.events;

package/dist/components/page/Alert.svelte.d.ts

@@ -13,6 +13,8 @@ declare const __propDef: {
         default: {};
         actions: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AlertProps = typeof __propDef.props;
 export type AlertEvents = typeof __propDef.events;

package/dist/components/page/BackToTop.svelte.d.ts

@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/page/Docs.svelte.d.ts

@@ -9,6 +9,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DocsProps = typeof __propDef.props;
 export type DocsEvents = typeof __propDef.events;

package/dist/components/page/ErrorMessage.svelte.d.ts

@@ -7,6 +7,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ErrorMessageProps = typeof __propDef.props;
 export type ErrorMessageEvents = typeof __propDef.events;

package/dist/components/page/Footer.svelte.d.ts

@@ -5,6 +5,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FooterProps = typeof __propDef.props;
 export type FooterEvents = typeof __propDef.events;

package/dist/components/page/GoToTop.svelte.d.ts

@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/page/Header.svelte.d.ts

@@ -5,6 +5,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type HeaderProps = typeof __propDef.props;
 export type HeaderEvents = typeof __propDef.events;

package/dist/components/page/HelpPopUp.svelte.d.ts

@@ -7,6 +7,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type HelpPopUpProps = typeof __propDef.props;
 export type HelpPopUpEvents = typeof __propDef.events;

package/dist/components/page/Notification.svelte.d.ts

@@ -5,6 +5,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type NotificationProps = typeof __propDef.props;
 export type NotificationEvents = typeof __propDef.events;

package/dist/components/page/Page.svelte.d.ts

@@ -21,6 +21,8 @@ declare const __propDef: {
         default: {};
         right: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type PageProps = typeof __propDef.props;
 export type PageEvents = typeof __propDef.events;

package/dist/components/page/Spinner.svelte.d.ts

@@ -10,6 +10,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SpinnerProps = typeof __propDef.props;
 export type SpinnerEvents = typeof __propDef.events;

package/dist/components/page/TablePlaceholder.svelte.d.ts

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TablePlaceholderProps = typeof __propDef.props;
 export type TablePlaceholderEvents = typeof __propDef.events;