@feedmepos/ui-library 0.0.1-alpha.12

package/README.md

@@ -0,0 +1,32 @@
+# FeedMe UI Library
+
+This repo included ui components from design system. Built for FeedMe internal projects.
+
+# Getting started
+
+Vite is used for [module federation](https://github.com/originjs/vite-plugin-federation).
+```
+> npm install -D @vitejs/plugin-vue vite
+```
+
+Vue3 required to utilize ui components.
+```
+> npm install vue
+```
+
+This project is heavily depends on [tailwindcss](https://tailwindcss.com) to achieve style sharing.
+
+Install tailwindcss, view more info [here](https://tailwindcss.com/docs/guides/vite)
+```powershell
+> npm install -D tailwindcss postcss autoprefixer
+> npx tailwindcss init -p
+```
+
+Install ui-library
+```powershell
+> npm install @feedmepos/ui-library
+```
+
+## Maintainer
+
+Thanks for contribution of **[FeedMe Team](https://github.com/feedmepos)**

package/dist/components/breadcrumb/FmBreadcrumb.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: import("vue").PropType<{
+            label: string;
+            route: string;
+            disabled?: boolean | undefined;
+        }[]>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: import("vue").PropType<{
+            label: string;
+            route: string;
+            disabled?: boolean | undefined;
+        }[]>;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,61 @@
+import type { PropType } from 'vue';
+type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'destructive' | 'fab';
+declare const _default: import("vue").DefineComponent<{
+    variant: {
+        type: PropType<ButtonVariant>;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    icon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: PropType<"md" | "lg">;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: PropType<ButtonVariant>;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    icon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: PropType<"md" | "lg">;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    label: string;
+    disabled: boolean;
+    size: "md" | "lg";
+    variant: ButtonVariant;
+    icon: string;
+    autofocus: boolean;
+}, {}>;
+export default _default;

package/dist/components/card/FmCard.vue.d.ts

@@ -0,0 +1,48 @@
+import type { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    variant: {
+        type: PropType<"outlined" | "elevated">;
+        default: string;
+    };
+    horizontal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    variant: {
+        type: PropType<"outlined" | "elevated">;
+        default: string;
+    };
+    horizontal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    title: string;
+    variant: "outlined" | "elevated";
+    horizontal: boolean;
+}, {}>, {
+    header?(_: {
+        title: string | undefined;
+    }): any;
+    "header-title"?(_: {
+        title: string | undefined;
+    }): any;
+    "header-actions"?(_: {}): any;
+    default?(_: {}): any;
+    actions?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/card/FmCardActions.vue.d.ts

@@ -0,0 +1,22 @@
+import type { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    alignment: {
+        type: PropType<"left" | "center" | "right">;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    alignment: {
+        type: PropType<"left" | "center" | "right">;
+        default: string;
+    };
+}>>, {
+    alignment: "left" | "center" | "right";
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/card/FmCardSection.vue.d.ts

@@ -0,0 +1,21 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    padding: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    padding: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>>, {
+    padding: string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/card/FmCardTitle.vue.d.ts

@@ -0,0 +1,10 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+    default?(_: {}): any;
+    actions?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,42 @@
+export interface Dataset {
+    label: string;
+    data: number[];
+    fill?: boolean;
+    dash?: boolean;
+    color: string;
+}
+export interface XAxis {
+    categories: string[];
+}
+declare const _default: import("vue").DefineComponent<{
+    name: {
+        type: import("vue").PropType<string>;
+    };
+    paragraph: {
+        type: import("vue").PropType<string>;
+    };
+    datasets: {
+        type: import("vue").PropType<Dataset[]>;
+        required: true;
+    };
+    xAxis: {
+        type: import("vue").PropType<XAxis>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: import("vue").PropType<string>;
+    };
+    paragraph: {
+        type: import("vue").PropType<string>;
+    };
+    datasets: {
+        type: import("vue").PropType<Dataset[]>;
+        required: true;
+    };
+    xAxis: {
+        type: import("vue").PropType<XAxis>;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,35 @@
+export interface FmDatePickerProps {
+    label: string;
+    disabled: boolean;
+}
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    label: string;
+    disabled: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,35 @@
+export interface FmDateRangePickerProps {
+    label: string;
+    disabled: boolean;
+}
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    label: string;
+    disabled: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,66 @@
+export interface FmCheckbox {
+    modelValue: boolean;
+    label: string;
+    sublabel?: string;
+    disabled?: boolean;
+    indeterminate?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    sublabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    indeterminate: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    sublabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    indeterminate: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}, {
+    disabled: boolean;
+    sublabel: string;
+    indeterminate: boolean;
+}, {}>, {
+    label?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/input/base-input/FmField.vue.d.ts

@@ -0,0 +1,64 @@
+export interface FmFieldProps {
+    leadingIcon?: string;
+    trailingIcon?: string;
+    activeClass?: string;
+    disabled?: boolean;
+    iconColor?: string;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    leadingIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    trailingIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    activeClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    iconColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    leadingIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    trailingIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    activeClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    iconColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    disabled: boolean;
+    leadingIcon: string;
+    trailingIcon: string;
+    activeClass: string;
+    iconColor: string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,66 @@
+export interface FmRadio {
+    modelValue: string;
+    value: string;
+    label?: string;
+    sublabel?: string;
+    disabled?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    sublabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    value: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    sublabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    value: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}, {
+    label: string;
+    disabled: boolean;
+    sublabel: string;
+}, {}>, {
+    label?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,90 @@
+interface ISelectItem {
+    label: string;
+    value: any;
+}
+export interface FmSelectProps {
+    /** Will return array if multiselect is enabled, else string */
+    modelValue: any;
+    label: string;
+    items: ISelectItem[];
+    disabled?: boolean;
+    multiselect?: boolean;
+    placement?: 'bottom-left' | 'bottom-center' | 'bottom-right' | 'top-left' | 'top-center' | 'top-right';
+    placeholder?: string;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    items: {
+        type: import("vue").PropType<ISelectItem[]>;
+        required: true;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+    placement: {
+        type: import("vue").PropType<"bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right">;
+        default: string;
+    };
+    multiselect: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: import("vue").PropType<ISelectItem[]>;
+        required: true;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+    placement: {
+        type: import("vue").PropType<"bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right">;
+        default: string;
+    };
+    multiselect: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    placement: "bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right";
+    multiselect: boolean;
+    placeholder: string;
+}, {}>, {
+    label?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};