@feedmepos/ui-library 1.2.14-rc.8 → 1.2.14

package/dist/CHANGELOG.md

@@ -1,11 +1,85 @@
+## 1.2.14 - 2024-07-25
+
+### Features
+
+- `FmDialog`
+  - Remove the `max-width` restriction 
+
+## 1.2.14-rc.17 - 2024-07-25
+
+### Features
+
+- `FmSelect`
+  - Allow user use `menu-z-index` prop to customize the z-index of the menu
+
+## 1.2.14-rc.16 - 2024-07-25
+
+### Fixes
+
+- `FmDynamicDialog`
+  - Fix the issue that the unmount event is not triggered when the dialog is closed
+
+## 1.2.14-rc.15 - 2024-07-25
+
+### Features
+
+- `FmTable`
+  - Prevent dnd when `expanded-state` are not empty
+
+## 1.2.14-rc.14 - 2024-07-24
+
+### Features
+
+- `FmTable`
+  - Allow sub-row usages
+
+## 1.2.14-rc.13 - 2024-07-24
+
+### Features
+
+- `FmSideSheet`
+  - Allow user use `close-icon` prop to customize the close icon
+
+## 1.2.14-rc.12 - 2024-07-24
+
+### Features
+
+- `FmSideSheet`
+  - Expose `containerRef` to allow user to get the container ref
+
+## 1.2.14-rc.11 - 2024-07-23
+
+### Features
+
+- `FmButton`
+  - Add `overwrite-icon-outline` prop to allow user to overwrite the icon outline/filled state
+
+## 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)

package/dist/components/badge/FmBadge.vue.d.ts

@@ -15,10 +15,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant: string;
     class: undefined;
 }>>>, {
-    class: string;
-    variant: "success" | "warning" | "info" | "neutral" | "critical" | "numeric";
-    value: number | null;
     inline: boolean;
+    value: number | null;
+    variant: "info" | "success" | "warning" | "critical" | "neutral" | "numeric";
+    class: string;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/components/bottom-sheet/FmBottomSheet.vue.d.ts

@@ -23,9 +23,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {
     header: string;
-    modelValue: boolean;
     dismissAway: boolean;
     zIndex: number;
+    modelValue: boolean;
     noHeader: boolean;
 }, {}>, {
     "bottom-sheet-button"?(_: {}): any;

package/dist/components/button/FmButton.vue.d.ts

@@ -42,6 +42,8 @@ export interface FmButtonProps {
     loading?: boolean;
     /** Disable icon status */
     disableIconStatus?: boolean;
+    /** Force icon outline status */
+    overwriteIconOutline?: 'outline' | 'filled';
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmButtonProps>, {
     variant: FmButtonVariant;
@@ -66,12 +68,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     appendIcon: string;
     loading: boolean;
 }>>>, {
-    size: "md" | "lg";
-    type: "button" | "submit" | "reset";
     label: string;
     variant: "primary" | "secondary" | "destructive" | "tertiary" | "plain" | "fab" | FmButtonVariant;
-    icon: string;
+    type: "button" | "submit" | "reset";
+    size: "md" | "lg";
     disabled: boolean;
+    icon: string;
     iconPosition: "prepend" | "append";
     prependIcon: string;
     appendIcon: string;

package/dist/components/chart/bar/FmBar.vue.d.ts

@@ -72,8 +72,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideYAxis: undefined;
     legend: undefined;
 }>>>, {
-    name: string;
     legend: Partial<LegendOptions<"bar">>;
+    name: string;
     paragraph: string;
     transpose: boolean;
     stacked: boolean;

package/dist/components/chart/line/FmLine.vue.d.ts

@@ -69,8 +69,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideYAxis: undefined;
     legend: undefined;
 }>>>, {
-    name: string;
     legend: Partial<LegendOptions<"line">>;
+    name: string;
     paragraph: string;
     transpose: boolean;
     hideXAxis: boolean;

package/dist/components/chart/pie/FmPie.vue.d.ts

@@ -73,9 +73,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     maintainAspectRatio: boolean;
     percentage: undefined;
 }>>>, {
-    name: string;
     legend: Partial<LegendOptions<"doughnut">>;
     text: string;
+    name: string;
     textColor: string;
     paragraph: string;
     maintainAspectRatio: boolean;

package/dist/components/chip/FmChip.vue.d.ts

@@ -41,12 +41,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     label: string;
     variant: FmChipVariant;
-    icon: string;
+    selected: boolean;
     disabled: boolean;
-    selectable: boolean;
+    icon: string;
     rightIcon: string;
-    selected: boolean;
     removable: boolean;
+    selectable: boolean;
     compact: boolean;
 }, {}>, {
     default?(_: {}): any;

package/dist/components/chip-group/FmChipGroup.vue.d.ts

@@ -22,8 +22,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     "onChip-closed"?: ((index: number) => any) | undefined;
 }, {
     disabled: boolean;
-    selectable: boolean;
     removable: boolean;
+    selectable: boolean;
     compact: boolean;
 }, {}>;
 export default _default;

package/dist/components/dialog/FmDialog.vue.d.ts

@@ -2,7 +2,8 @@ import './dialog.scss';
 export interface FmDialogProps {
     modelValue?: boolean;
     overlay?: boolean;
-    minWidth?: number;
+    minWidth?: number | string;
+    maxWidth?: number | string;
     closeButton?: boolean;
     zIndex?: number;
     contentScrollable?: boolean;
@@ -28,10 +29,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {
-    modelValue: boolean;
     zIndex: number;
+    modelValue: boolean;
     overlay: boolean;
-    minWidth: number;
+    minWidth: string | number;
     closeButton: boolean;
     contentScrollable: boolean;
 }, {}>, {

package/dist/components/dialog/FmDialogContent.vue.d.ts

@@ -3,6 +3,7 @@ import type { FmDialogProps } from '../../components/dialog/FmDialog.vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Omit<FmDialogProps, "overlay">>, {
     modelValue: boolean;
     minWidth: number;
+    maxWidth: string;
     closeButton: boolean;
     contentScrollable: boolean;
     contentClass: undefined;
@@ -11,6 +12,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Omit<FmDialogProps, "overlay">>, {
     modelValue: boolean;
     minWidth: number;
+    maxWidth: string;
     closeButton: boolean;
     contentScrollable: boolean;
     contentClass: undefined;
@@ -18,10 +20,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {
     modelValue: boolean;
-    minWidth: number;
+    contentClass: any;
+    minWidth: string | number;
+    maxWidth: string | number;
     closeButton: boolean;
     contentScrollable: boolean;
-    contentClass: any;
 }, {}>, {
     "dialog-header"?(_: {}): any;
     default?(_: {}): any;

package/dist/components/dynamic-dialog/FmDynamicDialog.vue.d.ts

@@ -26,7 +26,9 @@ export interface FmDynamicDialogProps {
     /** Specify to enable the top right close button */
     closeButton?: boolean;
     /** In case the width doesn't look good */
-    minWidth?: number;
+    minWidth?: number | string;
+    /** In case the width doesn't look good */
+    maxWidth?: number | string;
     /** Custom component to replace all of dialog */
     dialogComponent?: Component | null;
     /** Custom component to replace just the content section */
@@ -93,7 +95,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     zIndex: number;
     message: string;
     overlay: boolean;
-    minWidth: number;
+    minWidth: string | number;
     closeButton: boolean;
     contentScrollable: boolean;
     primaryActions: FooterActionButton | null;

package/dist/components/form/calendar/date-picker/FmDatePicker.vue.d.ts

@@ -31,17 +31,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
+    zIndex: number;
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
     rules: import("../../../..").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    zIndex: number;
-    showValidBorder: boolean;
-    min: string;
+    helperState: "success" | "warning" | "none" | "error";
     max: string;
+    min: string;
+    showValidBorder: boolean;
 }, {}>, {
     "trigger-button"?(_: {
         invalid: boolean;

package/dist/components/form/calendar/date-picker/FmDatePickerDesktop.vue.d.ts

@@ -31,17 +31,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
+    zIndex: number;
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
     rules: import("../../../..").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    zIndex: number;
-    showValidBorder: boolean;
-    min: string;
+    helperState: "success" | "warning" | "none" | "error";
     max: string;
+    min: string;
+    showValidBorder: boolean;
 }, {}>, {
     label?(_: {}): any;
     "trigger-button"?(_: {

package/dist/components/form/calendar/date-picker/FmDatePickerMobile.vue.d.ts

@@ -31,17 +31,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
+    zIndex: number;
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
     rules: import("../../../..").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    zIndex: number;
-    showValidBorder: boolean;
-    min: string;
+    helperState: "success" | "warning" | "none" | "error";
     max: string;
+    min: string;
+    showValidBorder: boolean;
 }, {}>, {
     label?(_: {}): any;
     "trigger-button"?(_: {

package/dist/components/form/calendar/date-range-picker/FmDateRangePicker.vue.d.ts

@@ -56,16 +56,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     focused: boolean;
     rules: import("../../../..").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    showValidBorder: boolean;
-    min: string;
+    helperState: "success" | "warning" | "none" | "error";
     max: string;
+    min: string;
+    showValidBorder: boolean;
     startLabel: string;
     endLabel: string;
     showPredefinedRange: boolean;
     predefinedRange: import("./common").FmCalendarPredefinedRange[];
-    compareLabel: string;
     compare: boolean;
+    compareLabel: string;
 }, {}>, {
     "trigger-button"?(_: {
         opened: boolean;

package/dist/components/form/calendar/date-range-picker/FmDateRangePickerDesktop.vue.d.ts

@@ -52,23 +52,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
 }, {
+    zIndex: number;
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
     rules: import("../../../..").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    zIndex: number;
-    showValidBorder: boolean;
-    min: string;
+    helperState: "success" | "warning" | "none" | "error";
     max: string;
+    min: string;
+    showValidBorder: boolean;
     startLabel: string;
     endLabel: string;
     showPredefinedRange: boolean;
     predefinedRange: FmCalendarPredefinedRange[];
-    compareLabel: string;
     compare: boolean;
+    compareLabel: string;
 }, {}>, {
     "trigger-button"?(_: {
         opened: boolean;

package/dist/components/form/calendar/date-range-picker/FmDateRangePickerField.vue.d.ts

@@ -38,9 +38,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showValidBorder: boolean;
     startLabel: string;
     endLabel: string;
+    compareLabel: string;
     analytic: boolean;
     isComparing: boolean;
-    compareLabel: string;
 }, {}>, {
     "popover-button"?(_: {}): any;
     prepend?(_: {}): any;

package/dist/components/form/calendar/date-range-picker/FmDateRangePickerMobile.vue.d.ts

@@ -52,23 +52,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
 }, {
+    zIndex: number;
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
     rules: import("../../../..").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    zIndex: number;
-    showValidBorder: boolean;
-    min: string;
+    helperState: "success" | "warning" | "none" | "error";
     max: string;
+    min: string;
+    showValidBorder: boolean;
     startLabel: string;
     endLabel: string;
     showPredefinedRange: boolean;
     predefinedRange: FmCalendarPredefinedRange[];
-    compareLabel: string;
     compare: boolean;
+    compareLabel: string;
 }, {}>, {
     "trigger-button"?(_: {
         opened: boolean;

package/dist/components/form/checkbox/FmCheckbox.vue.d.ts

@@ -30,8 +30,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
 }, {
     label: string;
-    indeterminate: boolean;
     disabled: boolean;
+    indeterminate: boolean;
     sublabel: string;
 }, {}>, {
     label?(_: {}): 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;
@@ -35,8 +36,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     prependIcon: string;
     appendIcon: string;
     focused: boolean;
-    tag: string;
     invalid: boolean;
+    tag: string;
     showValidBorder: boolean;
     iconOutlined: boolean;
 }, {}>, {

package/dist/components/form/form-group/FmFormGroup.vue.d.ts

@@ -36,15 +36,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     helperState: string;
     tag: string;
 }>>>, {
-    required: boolean;
     label: string;
+    info: string;
+    required: boolean;
     disabled: boolean;
     optional: boolean;
     focused: boolean;
     rules: ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    info: string;
+    helperState: "success" | "warning" | "none" | "error";
     tag: string;
 }, {}>, {
     label?(_: {}): any;

package/dist/components/form/helper-text/FmHelperText.vue.d.ts

@@ -18,7 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     text: string;
     disabled: boolean;
     errorMessages: string[];
-    state: "none" | "success" | "warning" | "error";
+    state: "success" | "warning" | "none" | "error";
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/components/form/label/FmLabel.vue.d.ts

@@ -27,11 +27,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optional: boolean;
     info: string;
 }>>>, {
-    required: boolean;
     label: string;
+    info: string;
+    required: boolean;
     disabled: boolean;
     optional: boolean;
-    info: string;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/components/form/phone-number/FmPhoneNumber.vue.d.ts

@@ -49,7 +49,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelInfo: string;
     rules: import("../../..").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
+    helperState: "success" | "warning" | "none" | "error";
     placeholder: string;
     defaultCountry: CountryCode;
     extraCountryCodes: CountryCode[];

package/dist/components/form/radio/FmRadio.vue.d.ts

@@ -21,8 +21,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }, {
     label: string;
-    disabled: boolean;
     modelValue: any;
+    disabled: boolean;
     sublabel: string;
 }, {}>, {
     label?(_: {}): any;

package/dist/components/form/radio-group/FmRadioGroup.vue.d.ts

@@ -34,14 +34,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }, {
     label: string;
+    inline: boolean;
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
     rules: import("../../..").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    inline: boolean;
+    helperState: "success" | "warning" | "none" | "error";
 }, {}>, {
     label?(_: {}): any;
     default?(_: {}): any;

package/dist/components/form/search/FmGlobalSearch.vue.d.ts

@@ -64,8 +64,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:show"?: ((show: boolean) => any) | undefined;
 }, {
     modelValue: string;
-    show: boolean;
     placeholder: string;
+    show: boolean;
     suggestions: FmGlobalSearchSuggestion[];
     onSearch: (input: string) => Promise<FmGlobalSearchSuggestion[]>;
     hintPlaceholder: string;

package/dist/components/form/search/FmSearch.vue.d.ts

@@ -68,13 +68,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     labelInfo: string;
     rules: import("../../..").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    showValidBorder: boolean;
-    placeholder: string;
+    helperState: "success" | "warning" | "none" | "error";
     maxWidth: string | number;
-    minLength: number;
     maxLength: number;
-    inputmode: "text" | "none" | "search" | "email" | "tel" | "url" | "numeric" | "decimal";
+    minLength: number;
+    placeholder: string;
+    showValidBorder: boolean;
+    inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal";
     readonly: boolean;
     showWordCount: boolean;
     showSuccess: boolean;

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

@@ -25,6 +25,11 @@ export interface FmSelectProps extends FormChildProps {
      * Hide chips when multiselect is enabled (Only for multiselect)
      */
     hideChips?: boolean;
+    /**
+     * The element ids to exclude from click window behavior.
+     */
+    elementIdsUseForDismissAwayEventExclusion?: string[];
+    menuZIndex?: number;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmSelectProps>, {
     label: string;
@@ -70,13 +75,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     focused: boolean;
     rules: import("../../..").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    width: number;
+    helperState: "success" | "warning" | "none" | "error";
     placement: Placement;
+    width: number;
+    placeholder: string;
     maxHeight: number;
     showValidBorder: boolean;
     multiselect: boolean;
-    placeholder: string;
 }, {}>, {
     label?(_: {}): any;
     prepend?(_: {}): any;

package/dist/components/form/simple-calendar/simple-date-picker/FmSimpleDatePicker.vue.d.ts

@@ -35,10 +35,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     focused: boolean;
     rules: import("../../../..").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    showValidBorder: boolean;
-    min: string;
+    helperState: "success" | "warning" | "none" | "error";
     max: string;
+    min: string;
+    showValidBorder: boolean;
 }, {}>, {
     "trigger-button"?(_: {
         invalid: boolean;

package/dist/components/form/simple-calendar/simple-date-picker/FmSimpleDatePickerDesktop.vue.d.ts

@@ -31,17 +31,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
+    zIndex: number;
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
     rules: import("../../../..").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    zIndex: number;
-    showValidBorder: boolean;
-    min: string;
+    helperState: "success" | "warning" | "none" | "error";
     max: string;
+    min: string;
+    showValidBorder: boolean;
 }, {}>, {
     label?(_: {}): any;
     "trigger-button"?(_: {