@feedmepos/ui-library 0.0.26 → 1.0.0

package/dist/flags/MY.svg

@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-my" viewBox="0 0 640 480">
+  <g clip-path="url(#my-a)">
+    <path fill="#C00" d="M0 0h640v480H0z"/>
+    <path fill="#C00" d="M0 0h640v34.3H0z"/>
+    <path fill="#fff" d="M0 34.3h640v34.3H0z"/>
+    <path fill="#C00" d="M0 68.6h640v34.3H0z"/>
+    <path fill="#fff" d="M0 102.9h640V137H0z"/>
+    <path fill="#C00" d="M0 137.1h640v34.3H0z"/>
+    <path fill="#fff" d="M0 171.4h640v34.3H0z"/>
+    <path fill="#C00" d="M0 205.7h640V240H0z"/>
+    <path fill="#fff" d="M0 240h640v34.3H0z"/>
+    <path fill="#C00" d="M0 274.3h640v34.3H0z"/>
+    <path fill="#fff" d="M0 308.6h640v34.3H0z"/>
+    <path fill="#C00" d="M0 342.9h640V377H0z"/>
+    <path fill="#fff" d="M0 377.1h640v34.3H0z"/>
+    <path fill="#C00" d="M0 411.4h640v34.3H0z"/>
+    <path fill="#fff" d="M0 445.7h640V480H0z"/>
+    <path fill="#006" d="M0 .5h320v274.3H0z"/>
+    <path fill="#FC0" d="m207.5 73.8 6 40.7 23-34-12.4 39.2 35.5-20.8-28.1 30 41-3.2-38.3 14.8 38.3 14.8-41-3.2 28.1 30-35.5-20.8 12.3 39.3-23-34.1-6 40.7-5.9-40.7-23 34 12.4-39.2-35.5 20.8 28-30-41 3.2 38.4-14.8-38.3-14.8 41 3.2-28.1-30 35.5 20.8-12.4-39.3 23 34.1zm-33.3 1.7a71.1 71.1 0 0 0-100 65 71.1 71.1 0 0 0 100 65 80 80 0 0 1-83.2 6.2 80 80 0 0 1-43.4-71.2 80 80 0 0 1 126.6-65"/>
+  </g>
+  <defs>
+    <clipPath id="my-a">
+      <path fill="#fff" d="M0 0h640v480H0z"/>
+    </clipPath>
+  </defs>
+</svg>

package/dist/flags/SG.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-sg" viewBox="0 0 640 480">
+  <defs>
+    <clipPath id="sg-a">
+      <path fill-opacity=".7" d="M0 0h640v480H0z"/>
+    </clipPath>
+  </defs>
+  <g fill-rule="evenodd" clip-path="url(#sg-a)">
+    <path fill="#fff" d="M-20 0h720v480H-20z"/>
+    <path fill="#df0000" d="M-20 0h720v240H-20z"/>
+    <path fill="#fff" d="M146 40.2a84.4 84.4 0 0 0 .8 165.2 86 86 0 0 1-106.6-59 86 86 0 0 1 59-106c16-4.6 30.8-4.7 46.9-.2z"/>
+    <path fill="#fff" d="m133 110 4.9 15-13-9.2-12.8 9.4 4.7-15.2-12.8-9.3 15.9-.2 5-15 5 15h15.8zm17.5 52 5 15.1-13-9.2-12.9 9.3 4.8-15.1-12.8-9.4 15.9-.1 4.9-15.1 5 15h16zm58.5-.4 4.9 15.2-13-9.3-12.8 9.3 4.7-15.1-12.8-9.3 15.9-.2 5-15 5 15h15.8zm17.4-51.6 4.9 15.1-13-9.2-12.8 9.3 4.8-15.1-12.9-9.4 16-.1 4.8-15.1 5 15h16zm-46.3-34.3 5 15.2-13-9.3-12.9 9.4 4.8-15.2-12.8-9.4 15.8-.1 5-15.1 5 15h16z"/>
+  </g>
+</svg>

package/dist/global-components.d.ts

@@ -3,12 +3,16 @@ import { components } from './components';
     declare module '@vue/runtime-core' {
       export interface GlobalComponents {
         FmBadge: typeof components.FmBadge;
+FmBottomSheet: typeof components.FmBottomSheet;
 FmBreadcrumb: typeof components.FmBreadcrumb;
 FmButton: typeof components.FmButton;
 FmButtonGroup: typeof components.FmButtonGroup;
 FmCard: typeof components.FmCard;
 FmCardActions: typeof components.FmCardActions;
+FmCardHeader: typeof components.FmCardHeader;
+FmCardMedia: typeof components.FmCardMedia;
 FmCardSection: typeof components.FmCardSection;
+FmCardSubtitle: typeof components.FmCardSubtitle;
 FmCardTitle: typeof components.FmCardTitle;
 FmChip: typeof components.FmChip;
 FmChipGroup: typeof components.FmChipGroup;
@@ -16,16 +20,24 @@ FmDialog: typeof components.FmDialog;
 FmDropField: typeof components.FmDropField;
 FmDynamicDialog: typeof components.FmDynamicDialog;
 FmLineChart: typeof components.FmLineChart;
+FmPieChart: typeof components.FmPieChart;
+FmBarChart: typeof components.FmBarChart;
 FmCheckbox: typeof components.FmCheckbox;
 FmDatePicker: typeof components.FmDatePicker;
+FmDatePickerMobile: typeof components.FmDatePickerMobile;
 FmDateRangePicker: typeof components.FmDateRangePicker;
+FmDateRangePickerMobile: typeof components.FmDateRangePickerMobile;
 FmField: typeof components.FmField;
 FmForm: typeof components.FmForm;
 FmFormGroup: typeof components.FmFormGroup;
 FmHelperText: typeof components.FmHelperText;
 FmLabel: typeof components.FmLabel;
+FmPhoneNumber: typeof components.FmPhoneNumber;
+FmPinField: typeof components.FmPinField;
 FmRadio: typeof components.FmRadio;
 FmRadioGroup: typeof components.FmRadioGroup;
+FmSearch: typeof components.FmSearch;
+FmGlobalSearch: typeof components.FmGlobalSearch;
 FmSelect: typeof components.FmSelect;
 FmStepperField: typeof components.FmStepperField;
 FmSwitch: typeof components.FmSwitch;
@@ -33,6 +45,7 @@ FmTextField: typeof components.FmTextField;
 FmTextarea: typeof components.FmTextarea;
 FmTimeInput: typeof components.FmTimeInput;
 FmTimePicker: typeof components.FmTimePicker;
+FmTimeRangePicker: typeof components.FmTimeRangePicker;
 FmIcon: typeof components.FmIcon;
 FmList: typeof components.FmList;
 FmListItem: typeof components.FmListItem;
@@ -41,7 +54,9 @@ FmMenuDeprecated: typeof components.FmMenuDeprecated;
 FmMenuDivider: typeof components.FmMenuDivider;
 FmMenuHeader: typeof components.FmMenuHeader;
 FmMenuItem: typeof components.FmMenuItem;
-FmProgressIndicator: typeof components.FmProgressIndicator;
+FmCircularProgress: typeof components.FmCircularProgress;
+FmLinearProgress: typeof components.FmLinearProgress;
+FmSideSheet: typeof components.FmSideSheet;
 FmSnackbar: typeof components.FmSnackbar;
 FmSpacer: typeof components.FmSpacer;
 FmStep: typeof components.FmStep;
@@ -49,6 +64,11 @@ FmStepper: typeof components.FmStepper;
 FmTab: typeof components.FmTab;
 FmTable: typeof components.FmTable;
 FmTabs: typeof components.FmTabs;
+FmCollapsibleTabs: typeof components.FmCollapsibleTabs;
 FmTooltip: typeof components.FmTooltip;
+FmAvatar: typeof components.FmAvatar;
+FmThumbnail: typeof components.FmThumbnail;
+FmPageHead: typeof components.FmPageHead;
+FmTopSheet: typeof components.FmTopSheet;
       }
     }

package/dist/index.d.ts

@@ -1,8 +1,7 @@
 import type { Plugin } from 'vue';
 import './styles/style.css';
 export * from './global-components.d';
-export declare const uiPlugin: Plugin;
-export { useDialog } from './composables/useDialog';
-export { useFormChild } from './composables/useFormChild';
-export { useValidation } from './composables/useValidation';
+import 'vue-virtual-scroller/dist/vue-virtual-scroller.css';
+export declare const FeedMeUI: Plugin;
+export * from './composables';
 export * from './components';

package/dist/plugin/dialog-plugin.d.ts

@@ -5,14 +5,14 @@ export interface DialogProvider {
     close: () => void;
 }
 interface DialogMethods {
-    onPrimary: (cb: () => any) => DialogMethods;
-    onSecondary: (cb: () => any) => DialogMethods;
-    onTertiary: (cb: () => any) => DialogMethods;
+    onPrimary: (cb: (modelValue?: any) => any) => DialogMethods;
+    onSecondary: (cb: (modelValue?: any) => any) => DialogMethods;
+    onTertiary: (cb: (modelValue?: any) => any) => DialogMethods;
 }
 export interface InternalStoredFunction {
-    primary: (() => any)[];
-    secondary: (() => any)[];
-    tertiary: (() => any)[];
+    primary: ((modelValue?: any) => any)[];
+    secondary: ((modelValue?: any) => any)[];
+    tertiary: ((modelValue?: any) => any)[];
 }
 declare const _default: {
     install: (app: App) => void;

package/dist/plugin/snackbar-plugin.d.ts

@@ -0,0 +1,65 @@
+import type { SnackbarVariant } from '@/components/snackbar/FmSnackbar.vue';
+import { type Plugin } from 'vue';
+export interface SnackbarInfo {
+    title?: string;
+    message?: string;
+    /** default: true */
+    dismissable?: boolean;
+    action?: string;
+    type?: SnackbarVariant;
+    onAction?: () => unknown;
+    onClose?: () => unknown;
+}
+export declare const enum SnackbarMountStage {
+    /** The stage where snackbar to be animated */
+    PREMOUNT = "PREMOUNT",
+    /** The stage where snackbar has finished animated */
+    MOUNTED = "MOUNTED",
+    /** The stage where snackbar to be removed */
+    EXPIRED = "EXPIRED"
+}
+export interface SnackbarState extends Omit<SnackbarInfo, 'type'> {
+    id: SnackbarId;
+    mountStage: SnackbarMountStage;
+    duration?: number | null;
+    type: SnackbarVariant;
+    renderedHeight: number;
+}
+export type SnackbarId = string;
+export interface SnackbarProvider {
+    /**
+     * @param snackbar snackbar props
+     * @param duration `null` if unclosable, default 5 seconds
+     */
+    open(snackbar?: SnackbarInfo, duration?: number | null): SnackbarId;
+    close(snackbarId: SnackbarId): void;
+}
+export declare class SnackbarService implements SnackbarProvider {
+    store: {
+        snackbars: {
+            id: string;
+            mountStage: SnackbarMountStage;
+            duration?: number | null | undefined;
+            type: SnackbarVariant;
+            renderedHeight: number;
+            title?: string | undefined;
+            message?: string | undefined;
+            dismissable?: boolean | undefined;
+            action?: string | undefined;
+            onAction?: (() => unknown) | undefined;
+            onClose?: (() => unknown) | undefined;
+        }[];
+    };
+    open(snackbar?: SnackbarInfo, duration?: number | null): SnackbarId;
+    onSnackbarMounted(snackbarId: SnackbarId, renderedHeight: number): void;
+    /**
+     * Triggers animation to remove snackbar DOM.
+     *
+     *
+     * To immediately remove snackbar DOM, use .removeSnackbar
+     */
+    close(snackbarId: SnackbarId): void;
+    removeSnackbar(snackbarId: SnackbarId): void;
+}
+export declare const SnackbarPlugin: Plugin;
+export default SnackbarPlugin;