@feedmepos/ui-library 1.2.4-rc.3 → 1.2.5

package/dist/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 1.2.5 - 2024-06-18
+
+### Features
+
+- FmPhoneNumber
+  - Support flag by `vue-country-flag-next` library
+  - Support Indonesia by default 
+  - Add `extra-country-codes` prop to allow user to add extra country codes
+
+## 1.2.4 - 2024-06-10
+
+### Features
+
+- `useDialog`
+  - Accept concurrent dialog
+
 ## 1.2.3 - 2024-06-10
 
 ### Features

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

@@ -4,8 +4,8 @@ export interface BarDataset {
     label: string;
     data: number[];
     borderWidth?: number;
-    borderColor?: string[];
-    backgroundColor?: string[];
+    borderColor?: string[] | string;
+    backgroundColor?: string[] | string;
     borderRadius?: number;
 }
 type FmBarProp = {

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

@@ -3,7 +3,7 @@ type PieChartVariant = 'pie' | 'doughnut';
 export interface PieDataset {
     label: string;
     data: number[];
-    backgroundColor?: string[];
+    backgroundColor?: string[] | string;
     hoverOffset?: number;
 }
 type FmPieProp = {

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

@@ -36,7 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
-    rules: import("../../../../composables/useValidation").ValidationRule[];
+    rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     max: string;

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

@@ -36,7 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
-    rules: import("../../../../composables/useValidation").ValidationRule[];
+    rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     max: string;

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

@@ -36,7 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
-    rules: import("../../../../composables/useValidation").ValidationRule[];
+    rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     max: string;

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

@@ -54,7 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
-    rules: import("../../../../composables/useValidation").ValidationRule[];
+    rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     max: string;

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

@@ -57,7 +57,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
-    rules: import("../../../../composables/useValidation").ValidationRule[];
+    rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     max: string;

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

@@ -57,7 +57,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
-    rules: import("../../../../composables/useValidation").ValidationRule[];
+    rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     max: string;

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

@@ -0,0 +1,14 @@
+interface FmCountryFlagProps {
+    countryCode: string;
+}
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FmCountryFlagProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FmCountryFlagProps>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -8,10 +8,15 @@ export interface FmPhoneNumberProps extends FormChildProps {
      */
     modelValue: string;
     defaultCountry?: CountryCode;
+    /**
+     * Extra country codes to be included in the dropdown
+     */
+    extraCountryCodes?: CountryCode[];
     placeholder?: string;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmPhoneNumberProps>, {
     defaultCountry: string;
+    extraCountryCodes: () => never[];
     rules: () => never[];
     label: string;
     disabled: undefined;
@@ -25,6 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmPhoneNumberProps>, {
     defaultCountry: string;
+    extraCountryCodes: () => never[];
     rules: () => never[];
     label: string;
     disabled: undefined;
@@ -41,11 +47,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    rules: import("../../../composables/useValidation").ValidationRule[];
+    rules: import("../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     placeholder: string;
     defaultCountry: CountryCode;
+    extraCountryCodes: CountryCode[];
 }, {}>, {
     label?(_: {}): any;
     "helper-text"?(_: {}): any;

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

@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
-    rules: import("../../../composables/useValidation").ValidationRule[];
+    rules: import("../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
 }, {}>, {

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

@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    rules: import("../../../composables/useValidation").ValidationRule[];
+    rules: import("../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     maxLength: number;

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

@@ -59,7 +59,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
-    rules: import("../../../composables/useValidation").ValidationRule[];
+    rules: import("../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     placement: Placement;

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

@@ -33,7 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
-    rules: import("../../../../composables/useValidation").ValidationRule[];
+    rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     max: string;

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

@@ -36,7 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
-    rules: import("../../../../composables/useValidation").ValidationRule[];
+    rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     max: string;

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

@@ -36,7 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
-    rules: import("../../../../composables/useValidation").ValidationRule[];
+    rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     max: string;

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

@@ -52,7 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
-    rules: import("../../../../composables/useValidation").ValidationRule[];
+    rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     max: string;

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

@@ -57,7 +57,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
-    rules: import("../../../../composables/useValidation").ValidationRule[];
+    rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     max: string;

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

@@ -57,7 +57,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
-    rules: import("../../../../composables/useValidation").ValidationRule[];
+    rules: import("../../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     max: string;

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

@@ -78,7 +78,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     appendIcon: string;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    rules: import("../../../composables/useValidation").ValidationRule[];
+    rules: import("../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     max: number;

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

@@ -63,7 +63,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     appendIcon: string;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    rules: import("../../../composables/useValidation").ValidationRule[];
+    rules: import("../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     maxLength: number;

package/dist/components/form/textarea/FmTextarea.vue.d.ts

@@ -58,7 +58,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
-    rules: import("../../../composables/useValidation").ValidationRule[];
+    rules: import("../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     maxLength: number;

package/dist/components/form/time-picker/FmTimePicker.vue.d.ts

@@ -40,7 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
-    rules: import("../../../composables/useValidation").ValidationRule[];
+    rules: import("../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     placeholder: string;

package/dist/components/form/time-picker/FmTimeRangePicker.vue.d.ts

@@ -1,4 +1,7 @@
 import type { FmTimePicker } from '../../../components/form/time-picker/FmTimePicker.vue';
+export interface FmTimeRangePicker extends Omit<FmTimePicker, 'modelValue'> {
+    modelValue: string[] | null;
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmTimePicker>, {
     label: string;
     labelMark: string;
@@ -34,7 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
     focused: boolean;
-    rules: import("../../../composables/useValidation").ValidationRule[];
+    rules: import("../../..").ValidationRule[];
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     placeholder: string;

package/dist/components.d.ts

@@ -5873,6 +5873,10 @@ export declare const components: {
                 type: import("vue").PropType<import("libphonenumber-js").CountryCode>;
                 default: string;
             };
+            extraCountryCodes: {
+                type: import("vue").PropType<import("libphonenumber-js").CountryCode[]>;
+                default: () => never[];
+            };
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -5921,6 +5925,10 @@ export declare const components: {
                 type: import("vue").PropType<import("libphonenumber-js").CountryCode>;
                 default: string;
             };
+            extraCountryCodes: {
+                type: import("vue").PropType<import("libphonenumber-js").CountryCode[]>;
+                default: () => never[];
+            };
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         }, {
@@ -5933,6 +5941,7 @@ export declare const components: {
             helperState: "success" | "warning" | "none" | "error";
             placeholder: string;
             defaultCountry: import("libphonenumber-js").CountryCode;
+            extraCountryCodes: import("libphonenumber-js").CountryCode[];
         }, true, {}, {}, {
             P: {};
             B: {};
@@ -5984,6 +5993,10 @@ export declare const components: {
                 type: import("vue").PropType<import("libphonenumber-js").CountryCode>;
                 default: string;
             };
+            extraCountryCodes: {
+                type: import("vue").PropType<import("libphonenumber-js").CountryCode[]>;
+                default: () => never[];
+            };
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         }, {}, {}, {}, {}, {
@@ -5996,6 +6009,7 @@ export declare const components: {
             helperState: "success" | "warning" | "none" | "error";
             placeholder: string;
             defaultCountry: import("libphonenumber-js").CountryCode;
+            extraCountryCodes: import("libphonenumber-js").CountryCode[];
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -6044,6 +6058,10 @@ export declare const components: {
             type: import("vue").PropType<import("libphonenumber-js").CountryCode>;
             default: string;
         };
+        extraCountryCodes: {
+            type: import("vue").PropType<import("libphonenumber-js").CountryCode[]>;
+            default: () => never[];
+        };
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -6058,6 +6076,7 @@ export declare const components: {
         helperState: "success" | "warning" | "none" | "error";
         placeholder: string;
         defaultCountry: import("libphonenumber-js").CountryCode;
+        extraCountryCodes: import("libphonenumber-js").CountryCode[];
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
@@ -12186,3 +12205,15 @@ export type * from './components/table/FmTableHeader.vue';
 export type * from './components/scorecard/FmScorecard.vue';
 export type * from './components/popover/FmPopover.vue';
 export type * from './components/overlay/FmOverlay.vue';
+export type * from './composables/useBreakpoints';
+export type * from './composables/useDebouncedModel.spec';
+export type * from './composables/useDebouncedModel';
+export type * from './composables/useDialog';
+export type * from './composables/useDialogChild';
+export type * from './composables/useFocus';
+export type * from './composables/useFormChild';
+export type * from './composables/useInheritFormState';
+export type * from './composables/useProxiedModel';
+export type * from './composables/useSnackbar';
+export type * from './composables/useTableFilter';
+export type * from './composables/useValidation';

package/dist/federation/FmPhoneNumber-v4i20so2.css

@@ -0,0 +1 @@
+.fm-country-flag[data-v-66513277]{transform:scale(.3846153846)!important;margin:0!important}