@feedmepos/ui-library 1.2.13 → 1.2.14-rc.10

package/dist/CHANGELOG.md

@@ -1,3 +1,61 @@
+## 1.2.14-rc.10 - 2024-07-23
+
+### Features
+
+- `FmTable`
+  - Add `whole-row-draggable` prop to allow user drag the whole row
+
+## 1.2.14-rc.9 - 2024-07-22
+
+### Features
+
+- `FmPageHead`
+  - Supports user to customize the actionButtons
+
+## 1.2.14-rc.8 - 2024-07-19
+
+### Features
+
+- `FmDropField`
+  - Support `default slot`
+  - Add `content-class` prop to allow user to customize the content class
+
+## 1.2.14-rc.7 - 2024-07-19
+
+### Features
+
+- `FmTextField`
+  - Add `formatter` prop to allow user to format the input value
+  - Add `decimal` prop to allow user to set the decimal places(treat it as the step attribute for number input)
+
+## 1.2.14-rc.6 - 2024-07-18
+
+### Features
+
+- `FmSelect`
+    - Allow user use `append-menu` and `prepend-menu` to add custom menu items
+
+## 1.2.14-rc.5 - 2024-07-18
+
+### Features
+
+- `FmSelect`
+    - Allow user use `hideChips` to hide the selected chips
+
+## 1.2.14-rc.4 - 2024-07-18
+
+### Features
+
+- `FmSelect`
+  - Allow user `disabled` item
+
+## 1.2.14-rc.1 - 2024-07-17
+
+### Features
+
+- `FmTable`
+  - Add `dnd-changed` event to allow user to get the updated table data after drag and drop
+
 ## 1.2.13 - 2024-07-17
 
 ### Features

package/dist/components/drop-field/FmDropField.vue.d.ts

@@ -3,6 +3,7 @@ export interface FmDropFieldProps {
     disabled?: boolean;
     accept?: string;
     maxFileSize?: number;
+    contentClass?: string;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmDropFieldProps>, {
     label: string;
@@ -37,6 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     maxFileSize: number;
 }, {}>, {
     label?(_: {}): any;
+    default?(_: {}): any;
     "accept-text"?(_: {}): any;
     "helper-text"?(_: {}): any;
 }>;

package/dist/components/form/field/FmField.vue.d.ts

@@ -8,6 +8,7 @@ export interface FmFieldProps {
     focused?: boolean;
     iconOutlined?: boolean;
     size?: 'sm' | 'md';
+    tooltip?: string;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmFieldProps>, {
     tag: string;

package/dist/components/form/select/FmSelect.vue.d.ts

@@ -4,6 +4,7 @@ export interface ISelectItem {
     label: string;
     sublabel?: string;
     value: any;
+    disabled?: boolean;
 }
 export interface FmSelectProps extends FormChildProps {
     /** Will return array if multiselect is enabled, else just the selected value */
@@ -16,7 +17,18 @@ export interface FmSelectProps extends FormChildProps {
     maxHeight?: number;
     width?: number | undefined;
     menuId?: string;
+    /**
+     * Shift the dropdown if it's going out of the screen or no enough space
+     */
     shiftMenu?: boolean;
+    /**
+     * Hide chips when multiselect is enabled (Only for multiselect)
+     */
+    hideChips?: boolean;
+    /**
+     * The element ids to exclude from click window behavior.
+     */
+    elementIdsUseForDismissAwayEventExclusion?: string[];
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmSelectProps>, {
     label: string;
@@ -78,6 +90,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         width: string;
         handleItemChange: (isSelected: boolean, item: ISelectItem) => void;
     }): any;
+    "prepend-menu"?(_: {}): any;
+    "append-menu"?(_: {}): any;
     "helper-text"?(_: {}): any;
 }>;
 export default _default;

package/dist/components/form/stepper-field/FmStepperField.vue.d.ts

@@ -86,9 +86,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     max: number;
     placeholder: string;
     inputmode: "numeric" | "decimal";
+    step: number;
     prependText: string;
     appendText: string;
-    step: number;
     isCurrency: boolean;
     showSteppers: boolean;
     useGrouping: boolean;

package/dist/components/form/text-field/FmTextField.vue.d.ts

@@ -5,6 +5,7 @@ export interface FmTextFieldProps extends FormChildProps {
     maxLength?: number;
     /** To display virtual keyboard */
     inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | 'password';
+    type?: 'text' | 'password' | 'email' | 'tel' | 'number';
     readonly?: boolean;
     labelMark?: 'required' | 'optional' | 'none';
     prependIcon?: string;
@@ -14,7 +15,16 @@ export interface FmTextFieldProps extends FormChildProps {
     showWordCount?: boolean;
     invalid?: boolean;
     autofocus?: boolean;
-    debounce?: number;
+    /**
+     * @description
+     * Allow user to format the value before updating the model
+     */
+    formatter?: (value: string) => string;
+    /**
+     * @description
+     * Treat it as the step attribute for number input
+     */
+    decimal?: number;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmTextFieldProps>, {
     label: string;
@@ -33,6 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelInfo: string;
     helperState: string;
     showWordCount: boolean;
+    formatter: (value: string) => string;
 }>, {
     focus: () => void;
     inputEl: import("vue").Ref<HTMLInputElement | null>;
@@ -56,6 +67,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelInfo: string;
     helperState: string;
     showWordCount: boolean;
+    formatter: (value: string) => string;
 }>>> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onFocus-changed"?: ((value: boolean) => any) | undefined;
@@ -76,6 +88,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     inputmode: "text" | "none" | "search" | "email" | "password" | "tel" | "url" | "numeric" | "decimal";
     readonly: boolean;
     showWordCount: boolean;
+    formatter: (value: string) => string;
 }, {}>, {
     label?(_: {}): any;
     prepend?(_: {}): any;

package/dist/components/menu/menu-component/FmMenu.vue.d.ts

@@ -28,6 +28,10 @@ interface FmMenu {
     shift?: boolean;
     /** shift the menu when it's height is lower than the available height */
     minHeight?: number;
+    /**
+     * The element ids to exclude from click window behavior.
+     */
+    elementIdsUseForDismissAwayEventExclusion?: string[];
 }
 export interface MenuProvider {
     register: ({ injectProps, }: {

package/dist/components/page-head/FmPageHead.vue.d.ts

@@ -1,9 +1,15 @@
+import { FmButtonColorThemeVariant, type FmButtonVariant } from '../../components/button';
 export interface FmPageHeadAction {
     label: string;
     value: string;
     prependIcon?: string;
     appendIcon?: string;
     isPrimary?: boolean;
+    variant?: FmButtonVariant;
+    fontColor?: FmButtonColorThemeVariant;
+    borderColor?: FmButtonColorThemeVariant;
+    bgColor?: FmButtonColorThemeVariant;
+    iconColor?: FmButtonColorThemeVariant;
 }
 export interface FmPageHeadProps {
     title?: string;

package/dist/components/table/FmTable.vue.d.ts

@@ -57,6 +57,8 @@ export interface FmTableProps {
     columnVisibility?: Record<string, boolean>;
     /** Enable row dragging */
     draggable?: boolean;
+    /** Allow whole row draggable */
+    wholeRowDraggable?: boolean;
 }
 export interface FmTableSlots {
     /**
@@ -93,6 +95,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     shrinkAt: Breakpoints;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "sort-change": (value: SortingState) => void;
+    "dnd-changed": (value: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmTableProps>, {
     modelValue: {};
     selection: undefined;
@@ -110,6 +113,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     shrinkAt: Breakpoints;
 }>>> & {
     "onSort-change"?: ((value: SortingState) => any) | undefined;
+    "onDnd-changed"?: ((value: any[]) => any) | undefined;
 }, {
     loading: boolean;
     modelValue: any;