@finmars/ui 1.0.26 → 1.0.30

package/dist/src/components/fm/Radio/RadioGroup.vue.d.ts

@@ -0,0 +1,30 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    $emit: (event: "update:modelValue", ...args: any[]) => void;
+    disabled: boolean;
+    readonly: boolean;
+    direction: string;
+    modelValue?: string | number | boolean | undefined;
+    name?: string | undefined;
+    label?: string | undefined;
+    $props: {
+        readonly disabled?: boolean | undefined;
+        readonly readonly?: boolean | undefined;
+        readonly direction?: string | undefined;
+        readonly modelValue?: string | number | boolean | undefined;
+        readonly name?: string | undefined;
+        readonly label?: string | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_TemplateResult = {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<typeof __VLS_inheritedAttrs>;
+};
+declare var __VLS_inheritedAttrs: {};

package/dist/src/components/fm/RangeSlider/RangeSlider.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    $emit: (event: "update:modelValue" | "click:prepend" | "click:append" | "start" | "end", ...args: any[]) => void;
+    $props: {
+        readonly [x: string]: any;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_TemplateResult = {
+    slots: {
+        prepend?(_: {}): any;
+        append?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<typeof __VLS_inheritedAttrs>;
+};
+declare var __VLS_inheritedAttrs: {};

package/dist/src/components/fm/Search/Search.vue.d.ts

@@ -0,0 +1,104 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    $emit: (event: "update:modelValue" | "click:clear" | "click:prependInner" | "update:focused" | "update:menu" | "update:search", ...args: any[]) => void;
+    loading: boolean;
+    disabled: boolean;
+    error: boolean;
+    placeholder: string;
+    hideDetails: boolean;
+    rules: unknown[];
+    items: unknown[];
+    multiple: boolean;
+    style: Record<string, any>;
+    readonly: boolean;
+    autoSelectFirst: string | boolean;
+    itemTitle: string;
+    itemValue: string;
+    clearOnSelect: boolean;
+    prependInnerIcon: string;
+    prependIconColor: string;
+    filterKeys: string | unknown[];
+    filterMode: string;
+    hideNoData: boolean;
+    hideSelected: boolean;
+    chips: boolean;
+    closableChips: boolean;
+    noFilter: boolean;
+    openOnClear: boolean;
+    returnObject: boolean;
+    minWidth?: string | number | undefined;
+    modelValue?: string | number | Record<string, any> | undefined;
+    name?: string | undefined;
+    width?: string | number | undefined;
+    hint?: string | undefined;
+    errorMessages?: string | unknown[] | undefined;
+    maxWidth?: string | number | undefined;
+    id?: string | undefined;
+    search?: string | undefined;
+    noDataText?: string | undefined;
+    $props: {
+        readonly loading?: boolean | undefined;
+        readonly disabled?: boolean | undefined;
+        readonly error?: boolean | undefined;
+        readonly placeholder?: string | undefined;
+        readonly hideDetails?: boolean | undefined;
+        readonly rules?: unknown[] | undefined;
+        readonly items?: unknown[] | undefined;
+        readonly multiple?: boolean | undefined;
+        readonly style?: Record<string, any> | undefined;
+        readonly readonly?: boolean | undefined;
+        readonly autoSelectFirst?: string | boolean | undefined;
+        readonly itemTitle?: string | undefined;
+        readonly itemValue?: string | undefined;
+        readonly clearOnSelect?: boolean | undefined;
+        readonly prependInnerIcon?: string | undefined;
+        readonly prependIconColor?: string | undefined;
+        readonly filterKeys?: string | unknown[] | undefined;
+        readonly filterMode?: string | undefined;
+        readonly hideNoData?: boolean | undefined;
+        readonly hideSelected?: boolean | undefined;
+        readonly chips?: boolean | undefined;
+        readonly closableChips?: boolean | undefined;
+        readonly noFilter?: boolean | undefined;
+        readonly openOnClear?: boolean | undefined;
+        readonly returnObject?: boolean | undefined;
+        readonly minWidth?: string | number | undefined;
+        readonly modelValue?: string | number | Record<string, any> | undefined;
+        readonly name?: string | undefined;
+        readonly width?: string | number | undefined;
+        readonly hint?: string | undefined;
+        readonly errorMessages?: string | unknown[] | undefined;
+        readonly maxWidth?: string | number | undefined;
+        readonly id?: string | undefined;
+        readonly search?: string | undefined;
+        readonly noDataText?: string | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_TemplateResult = {
+    slots: {
+        details?(_: {}): any;
+        message?(_: {}): any;
+        item?(_: {
+            item: any;
+            index: any;
+            props: any;
+        }): any;
+        chip?(_: {
+            item: any;
+            index: any;
+            props: any;
+        }): any;
+        "no-data"?(_: {}): any;
+        selection?(_: {
+            item: any;
+            index: any;
+        }): any;
+    };
+    refs: {};
+    attrs: Partial<typeof __VLS_inheritedAttrs>;
+};
+declare var __VLS_inheritedAttrs: {};

package/dist/src/components/fm/Select/Select.vue.d.ts

@@ -0,0 +1,22 @@
+import { FmSelectProps, FmSelectEmits, FmSelectSlots } from './types';
+declare const _default: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+        readonly "onClick:prepend"?: ((value: MouseEvent) => any) | undefined;
+        readonly "onClick:clear"?: ((value: MouseEvent) => any) | undefined;
+        readonly "onClick:prependInner"?: ((value: MouseEvent) => any) | undefined;
+        readonly "onUpdate:focused"?: ((value: boolean) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:focused" | "onClick:clear" | "onClick:prepend" | "onClick:prependInner"> & FmSelectProps<T>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<FmSelectSlots<T>> & FmSelectSlots<T>;
+    emit: FmSelectEmits<T>;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/src/components/fm/Select/types.d.ts

@@ -0,0 +1,109 @@
+import { ComputedRef, Ref, VNode } from 'vue';
+interface ListItem<T = any> {
+    title: string;
+    props: {
+        [key: string]: any;
+        title: string;
+        value: any;
+    };
+    children?: ListItem<T>[];
+}
+export interface FmSelectProps<T> {
+    appendIcon?: string;
+    bgColor?: string;
+    color?: string;
+    density: 'default' | 'comfortable' | 'compact';
+    chips?: boolean;
+    clearable?: boolean;
+    closableChips?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    errorMessages?: string | string[];
+    focused?: boolean;
+    hideDetails?: boolean;
+    hideNoData?: boolean;
+    hideSelected?: boolean;
+    hint?: string;
+    itemProps?: string | boolean;
+    items: T[];
+    itemTitle?: keyof T | string | any;
+    itemValue?: keyof T | string | any;
+    loading?: boolean;
+    menu?: boolean;
+    menuProps?: any;
+    messages?: string | string[];
+    maxWidth?: number | string;
+    minWidth?: number | string;
+    width?: number | string;
+    modelValue?: T | T[keyof T] | any;
+    multiple?: boolean;
+    name?: string;
+    noDataText?: string;
+    openOnClear?: boolean;
+    placeholder?: string;
+    prependIcon?: string | any;
+    prependInnerIcon?: string | any;
+    readonly?: boolean;
+    returnObject?: boolean;
+    rounded?: string | number | boolean;
+    singleLine?: boolean;
+    tile?: boolean;
+    variant?: 'outlined' | 'plain' | 'underlined' | 'filled' | 'solo' | 'solo-inverted' | 'solo-filled';
+}
+export interface FmSelectEmits<T> {
+    (event: 'click:clear', value: MouseEvent): void;
+    (event: 'click:prepend', value: MouseEvent): void;
+    (event: 'click:prependInner', value: MouseEvent): void;
+    (event: 'update:focused', value: boolean): void;
+    (event: 'update:modelValue', value: T | T[keyof T] | unknown): void;
+}
+export interface FmSelectSlots<T> {
+    'append-inner': (props: {
+        isActive: Ref<boolean>;
+        isFocused: Ref<boolean>;
+        controlRef: Ref<HTMLElement | undefined>;
+    }) => VNode;
+    chip: (props: {
+        item: ListItem<T>;
+        index: number;
+        props: Record<string, any>;
+    }) => VNode;
+    clear: (props: {
+        isActive: Ref<boolean>;
+        isFocused: Ref<boolean>;
+        controlRef: Ref<HTMLElement | undefined>;
+    }) => VNode;
+    details: (props: {
+        id: ComputedRef<string>;
+        messagesId: ComputedRef<string>;
+        isDirty: ComputedRef<boolean>;
+        isDisabled: ComputedRef<boolean>;
+        isReadonly: ComputedRef<boolean>;
+        isPristine: Ref<boolean>;
+        isValid: ComputedRef<boolean | null>;
+        isValidating: Ref<boolean>;
+    }) => VNode;
+    item: (props: {
+        item: ListItem<T>;
+        index: number;
+        props: Record<string, any>;
+    }) => VNode;
+    loader: (props: {
+        color?: string;
+        isActive: boolean;
+    }) => VNode;
+    message: (props: {
+        message: string;
+    }) => VNode;
+    'no-data': () => VNode;
+    'prepend-inner': (props: {
+        isActive: Ref<boolean>;
+        isFocused: Ref<boolean>;
+        controlRef: Ref<HTMLElement | undefined>;
+    }) => VNode;
+    selection: (props: {
+        item: ListItem<T>;
+        index: number;
+    }) => VNode;
+}
+export {};

package/dist/src/components/fm/Slider/Slider.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    $emit: (event: "update:modelValue" | "click:prepend" | "click:append" | "start" | "end", ...args: any[]) => void;
+    $props: {
+        readonly [x: string]: any;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_TemplateResult = {
+    slots: {
+        prepend?(_: {}): any;
+        append?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<typeof __VLS_inheritedAttrs>;
+};
+declare var __VLS_inheritedAttrs: {};

package/dist/src/components/fm/TextField/TextField.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    errorMessages: any;
+    isValid: any;
+    reset: any;
+    resetValidation: any;
+    validate: any;
+    $emit: (event: "update:modelValue" | "click:clear" | "click:control" | "click:prependInner" | "mousedown:control" | "update:focused" | "change", ...args: any[]) => void;
+    $props: {
+        readonly [x: string]: any;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/fm/Tooltip/Tooltip.vue.d.ts

@@ -0,0 +1,19 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_TemplateResult = {
+    slots: {
+        activator?(_: {
+            isActive: any;
+            props: any;
+            targetRef: any;
+        }): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<typeof __VLS_inheritedAttrs>;
+};
+declare var __VLS_inheritedAttrs: {};

package/dist/src/index.d.ts

@@ -0,0 +1,63 @@
+import { default as FmAvatar } from './components/fm/Avatar/Avatar.vue';
+import { default as FmBadge } from './components/fm/Badge/Badge.vue';
+import { default as FmButton } from './components/fm/Button/Button.vue';
+import { default as FmCheckbox } from './components/fm/Checkbox/Checkbox.vue';
+import { default as FmChip } from './components/fm/Chip/Chip.vue';
+import { default as FmDateEditor } from './components/fm/DateEditor/DateEditor.vue';
+import { default as FmDatePicker } from './components/fm/DatePicker/DatePicker.vue';
+import { default as FmIconButton } from './components/fm/IconButton/IconButton.vue';
+import { default as FmItemPicker } from './components/fm/ItemPicker/ItemPicker.vue';
+import { default as FmLogo } from './components/fm/Logo/Logo.vue';
+import { default as FmMenu } from './components/fm/Menu/Menu.vue';
+import { default as FmNavigationPortal } from './components/fm/Navigation/NavigationPortal.vue';
+import { default as FmPagination } from './components/fm/Pagination/Pagination.vue';
+import { FmPaginationProps, FmPaginationEmits } from './components/fm/Pagination/types';
+import { default as FmProgressCircular } from './components/fm/ProgressCircular/ProgressCircular.vue';
+import { default as FmProgressLinear } from './components/fm/ProgressLinear/ProgressLinear.vue';
+import { default as FmRadio } from './components/fm/Radio/Radio.vue';
+import { default as FmRadioGroup } from './components/fm/Radio/RadioGroup.vue';
+import { default as FmRangeSlider } from './components/fm/RangeSlider/RangeSlider.vue';
+import { default as FmSearch } from './components/fm/Search/Search.vue';
+import { default as FmSelect } from './components/fm/Select/Select.vue';
+import { FmSelectProps, FmSelectEmits, FmSelectSlots } from './components/fm/Select/types';
+import { default as FmSlider } from './components/fm/Slider/Slider.vue';
+import { default as FmTextField } from './components/fm/TextField/TextField.vue';
+import { default as FmTooltip } from './components/fm/Tooltip/Tooltip.vue';
+import { default as FmHeader } from '../stories/Header.vue';
+export { FmHeader, FmNavigationPortal, FmAvatar, FmBadge, FmButton, FmCheckbox, FmChip, FmDateEditor, FmDatePicker, FmIconButton, FmItemPicker, FmLogo, FmMenu, FmPagination, FmProgressCircular, FmProgressLinear, FmRadio, FmRadioGroup, FmRangeSlider, FmSearch, FmSelect, FmSlider, FmTextField, FmTooltip, FmPaginationProps, FmPaginationEmits, FmSelectProps, FmSelectEmits, FmSelectSlots, };
+/**
+ * VUE plugin that registers all components
+ *
+ * @type {{install(*, {}=): void}}
+ */
+export declare const uiComponentsPlugin: {
+    install(Vue: any, args?: sny): void;
+};
+declare module 'vue' {
+    interface GlobalComponents {
+        FmNavigationPortal: typeof FmNavigationPortal;
+        FmHeader: typeof FmHeader;
+        FmAvatar: typeof FmAvatar;
+        FmBadge: typeof FmBadge;
+        FmButton: typeof FmButton;
+        FmCheckbox: typeof FmCheckbox;
+        FmChip: typeof FmChip;
+        FmDateEditor: typeof FmDateEditor;
+        FmDatePicker: typeof FmDatePicker;
+        FmIconButton: typeof FmIconButton;
+        FmItemPicker: typeof FmItemPicker;
+        FmLogo: typeof FmLogo;
+        FmMenu: typeof FmMenu;
+        FmPagination: typeof FmPagination;
+        FmProgressCircular: typeof FmProgressCircular;
+        FmProgressLinear: typeof FmProgressLinear;
+        FmRadio: typeof FmRadio;
+        FmRadioGroup: typeof FmRadioGroup;
+        FmRangeSlider: typeof FmRangeSlider;
+        FmSearch: typeof FmSearch;
+        FmSelect: typeof FmSelect;
+        FmSlider: typeof FmSlider;
+        FmTextField: typeof FmTextField;
+        FmTooltip: typeof FmTooltip;
+    }
+}

package/dist/themes.css

@@ -1,6 +1,7 @@
 :root {
   --spacing-4: 4px;
   --spacing-8: 8px;
+  --spacing-12: 12px;
   --spacing-16: 16px;
   --spacing-24: 24px;
   --spacing-32: 32px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finmars/ui",
-  "version": "1.0.26",
+  "version": "1.0.30",
   "description": "",
   "scripts": {
     "dev": "vite dev --config vite.config.dev.js",
@@ -17,12 +17,14 @@
     "README.md",
     "package.json"
   ],
+  "type": "module",
   "main": "dist/finmars-ui.umd.js",
   "module": "dist/finmars-ui.es.js",
   "exports": {
     ".": {
       "require": "./dist/finmars-ui.umd.js",
-      "import": "./dist/finmars-ui.es.js"
+      "import": "./dist/finmars-ui.es.js",
+      "types": "./dist/finmars-ui.es.d.ts"
     },
     "./dist/finmars-ui.css": "./dist/finmars-ui.css",
     "./dist/themes.css": "./dist/themes.css"
@@ -42,6 +44,8 @@
     "@storybook/theming": "^8.3.6",
     "@storybook/vue3": "^8.3.6",
     "@storybook/vue3-vite": "^8.3.6",
+    "@types/lodash": "^4.17.13",
+    "@vuedx/typescript-plugin-vue": "^0.7.6",
     "autoprefixer": "^10.4.19",
     "eslint": "^8.24.0",
     "eslint-config-prettier": "^9.1.0",
@@ -56,12 +60,16 @@
     "sass-embedded": "^1.80.4",
     "storybook": "^8.3.6",
     "tailwindcss": "^3.4.11",
-    "vite": "^5.4.10"
+    "typescript": "^5.6.3",
+    "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.3.0",
+    "vue-tsc": "^2.1.10"
   },
   "dependencies": {
     "@mdi/font": "^7.4.47",
     "@vitejs/plugin-vue": "^5.1.4",
     "dayjs": "^1.11.13",
+    "lodash": "^4.17.21",
     "maska": "^3.0.3",
     "vite-plugin-vuetify": "^2.0.4",
     "vite-svg-loader": "^5.1.0",