@finmars/ui 1.0.47 → 1.0.49

package/dist/src/components/fm/ItemPicker/utils.d.ts

@@ -0,0 +1,2 @@
+import { FmAttribute } from '../../../types';
+export declare function prepareSpecialGroup<T extends FmAttribute>(items?: string[], data?: T[]): Record<string, T>;

package/dist/src/components/fm/Navigation/NavigationItem.vue.d.ts

@@ -5,9 +5,9 @@ declare const _default: import('vue').DefineComponent<{}, {
     icon?: string | undefined;
     href?: string | undefined;
     to?: string | undefined;
+    label?: string | undefined;
     style?: Record<string, any> | undefined;
     children?: unknown[] | undefined;
-    label?: string | undefined;
     level?: number | undefined;
     action?: Function | undefined;
     classes?: string | undefined;
@@ -18,9 +18,9 @@ declare const _default: import('vue').DefineComponent<{}, {
         readonly icon?: string | undefined;
         readonly href?: string | undefined;
         readonly to?: string | undefined;
+        readonly label?: string | undefined;
         readonly style?: Record<string, any> | undefined;
         readonly children?: unknown[] | undefined;
-        readonly label?: string | undefined;
         readonly level?: number | undefined;
         readonly action?: Function | undefined;
         readonly classes?: string | undefined;

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

@@ -35,8 +35,8 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     width?: string | number | undefined;
     maxWidth?: string | number | undefined;
     id?: string | undefined;
-    search?: string | undefined;
     name?: string | undefined;
+    search?: string | undefined;
     hint?: string | undefined;
     errorMessages?: string | unknown[] | undefined;
     noDataText?: string | undefined;
@@ -71,8 +71,8 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly width?: string | number | undefined;
         readonly maxWidth?: string | number | undefined;
         readonly id?: string | undefined;
-        readonly search?: string | undefined;
         readonly name?: string | undefined;
+        readonly search?: string | undefined;
         readonly hint?: string | undefined;
         readonly errorMessages?: string | unknown[] | undefined;
         readonly noDataText?: string | undefined;

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

@@ -1,12 +1,13 @@
 import { VNode } from 'vue';
 export interface FmSelectOption {
     title?: string;
-    value?: string;
+    value?: string | number | boolean;
 }
 export interface FmSelectActivatorProps {
     value: string;
     isDropdownOpened?: boolean;
     variant: 'standard' | 'outlined';
+    compact?: boolean;
     label?: string;
     placeholder?: string;
     persistentPlaceholder?: boolean;
@@ -36,9 +37,10 @@ export interface FmSelectActivatorEmits {
 }
 export interface FmSelectProps<T extends any & FmSelectOption, K extends string & keyof T> {
     modelValue: T[K] | Array<T[K]> | T | T[] | null;
-    options: T[];
+    options: any[];
     itemSize?: 'small' | 'medium' | 'large';
     variant?: 'standard' | 'outlined';
+    compact?: boolean;
     label?: string;
     placeholder?: string;
     persistentPlaceholder?: boolean;
@@ -46,6 +48,7 @@ export interface FmSelectProps<T extends any & FmSelectOption, K extends string
     clearIcon?: string;
     multiple?: boolean;
     returnObject?: boolean;
+    anyUpdateEmits?: boolean;
     titleKey?: K | string;
     valueKey?: K | string;
     chip?: boolean;

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

@@ -0,0 +1,12 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    $emit: (event: "update:modelValue", ...args: any[]) => void;
+    icon: boolean;
+    modelValue: boolean;
+    disable: boolean;
+    $props: {
+        readonly icon?: boolean | undefined;
+        readonly modelValue?: boolean | undefined;
+        readonly disable?: boolean | undefined;
+    };
+}, {}, {}, {}, 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/TextField/TextField.vue.d.ts

@@ -4,19 +4,18 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
     $slots: S;
 });
 declare const __VLS_component: import('vue').DefineComponent<{}, {
-    controlRef: any;
-    errorMessages: any;
-    isValid: any;
-    reset: any;
-    resetValidation: any;
-    validate: any;
-    $emit: (event: "update:modelValue" | "click:clear" | "click:control" | "click:prependInner" | "mousedown:control" | "focus" | "blur" | "change", ...args: any[]) => void;
+    $emit: (event: "update:modelValue" | "click:clear" | "click:control" | "click:prependInner" | "mousedown:control" | "focus" | "blur" | "change" | "init", ...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: {
+        "append-inner"?(_: {
+            isActive: any;
+            isFocused: any;
+            controlRef: any;
+        }): any;
         label?(_: {
             isActive: any;
             isFocused: any;

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

@@ -0,0 +1,19 @@
+import { FmTransferListProps, FmTransferListEmits } from './types';
+declare const _default: <T extends unknown, K extends string & keyof T>(__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 onEnd?: (() => any) | undefined;
+        readonly onChange?: ((value: T[]) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onChange" | "onEnd"> & FmTransferListProps<T, K>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: FmTransferListEmits<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/TransferList/types.d.ts

@@ -0,0 +1,21 @@
+export interface FmTransferListProps<T extends any, K extends string & keyof T> {
+    title: string;
+    locals?: {
+        available?: string;
+        selected?: string;
+        placeholder?: string;
+        cancelBtn?: string;
+        saveBtn?: string;
+    };
+    optionAsObject?: boolean;
+    optionTitleKey?: K | string;
+    optionValueKey?: K | string;
+    width?: number | string;
+    height?: number | string;
+    options: T[];
+    selected: T[];
+}
+export interface FmTransferListEmits<T extends any> {
+    (event: 'end'): void;
+    (event: 'change', value: T[]): void;
+}

package/dist/src/index.d.ts

@@ -10,7 +10,8 @@ import { default as FmDatePicker } from './components/fm/DatePicker/DatePicker.v
 import { default as FmIcon } from './components/fm/Icon/Icon.vue';
 import { FmIconProps, FmIconSlots } from './components/fm/Icon/types';
 import { default as FmIconButton } from './components/fm/IconButton/IconButton.vue';
-import { default as FmItemPicker } from './components/fm/ItemPicker/ItemPicker.vue';
+import { default as FmItemPicker } from './components/fm/ItemPicker/ItemPicker/ItemPicker.vue';
+import { FmItemPickerEmits, FmItemPickerProps } from './components/fm/ItemPicker/ItemPicker/types';
 import { default as FmLogo } from './components/fm/Logo/Logo.vue';
 import { default as FmMenuItem } from './components/fm/Menu/MenuItem.vue';
 import { default as FmMenu } from './components/fm/Menu/Menu.vue';
@@ -35,17 +36,28 @@ import { default as FmTooltip } from './components/fm/Tooltip/Tooltip.vue';
 import { default as FmTabs } from './components/fm/Tabs/Tabs.vue';
 import { FmDialogOptions, FmFileUploadProps, FmUploadFile } from './components/fm/FileUpload/types';
 import { default as FmFileUpload } from './components/fm/FileUpload/FileUpload.vue';
+import { default as FmTransferList } from './components/fm/TransferList/TransferList.vue';
+import { FmTransferListEmits, FmTransferListProps } from './components/fm/TransferList/types';
+import { default as FmInputDate } from './components/fm/InputDate/InputDate.vue';
+import { FmInputDateEmits, FmInputDateProps } from './components/fm/InputDate/types';
+import { default as FmFilterEditor } from './components/fm/Filters/FilterEditor/FilterEditor.vue';
+import { FmFilterEditorEmits, FmFilterEditorProps } from './components/fm/Filters/FilterEditor/types';
+import { default as FmFilterToolbar } from './components/fm/Filters/FilterToolbar/FilterToolbar.vue';
+import { FmFilterAttribute, FmFilterAttributes, FmtFilterToolbarEmits, FmtFilterToolbarProps } from './components/fm/Filters/FilterToolbar/types';
+import { default as FmSwitch } from './components/fm/Switch/Switch.vue';
+import { default as FmBreadcrumbs } from './components/fm/Breadcrumbs/Breadcrumbs.vue';
+import { FmBreadcrumbItem, FmBreadcrumbProps } from './components/fm/Breadcrumbs/types';
 import { default as FmHeader } from '../stories/Header.vue';
 export * from './types';
 export * from './utils';
-export { FmHeader, FmNavigationPortal, FmNavigation, FmAvatar, FmBadge, FmButton, FmCheckbox, FmChip, FmDateEditor, FmDateEditorProps, FmDateEditorEmits, FmDatePicker, FmIcon, FmIconButton, FmItemPicker, FmLogo, FmMenuItem, FmMenu, FmPagination, FmProgressCircular, FmProgressLinear, FmRadio, FmRadioGroup, FmRangeSlider, FmSearch, FmSelect, FmSelectActivator, FmSlider, FmTextField, FmTooltip, FmVSelect, FmUploadFile, FmDialogOptions, FmFileUploadProps, FmFileUpload, FmChipProps, FmChipEmits, FmChipSlots, FmTabs, FmIconProps, FmIconSlots, FmPaginationProps, FmPaginationEmits, FmSelectOption, FmSelectActivatorProps, FmSelectActivatorEmits, FmSelectActivatorSlots, FmSelectProps, FmSelectEmits, FmSelectSlots, FmVSelectProps, FmVSelectEmits, FmVSelectSlots };
+export { FmHeader, FmNavigationPortal, FmNavigation, FmAvatar, FmBadge, FmButton, FmCheckbox, FmChip, FmDateEditor, FmDateEditorProps, FmDateEditorEmits, FmDatePicker, FmIcon, FmIconButton, FmItemPicker, FmItemPickerProps, FmItemPickerEmits, FmLogo, FmMenuItem, FmMenu, FmPagination, FmProgressCircular, FmProgressLinear, FmRadio, FmRadioGroup, FmRangeSlider, FmSearch, FmSelect, FmSelectActivator, FmSlider, FmTextField, FmTooltip, FmVSelect, FmUploadFile, FmDialogOptions, FmFileUploadProps, FmFileUpload, FmChipProps, FmChipEmits, FmChipSlots, FmTabs, FmIconProps, FmIconSlots, FmPaginationProps, FmPaginationEmits, FmSelectOption, FmSelectActivatorProps, FmSelectActivatorEmits, FmSelectActivatorSlots, FmSelectProps, FmSelectEmits, FmSelectSlots, FmVSelectProps, FmVSelectEmits, FmVSelectSlots, FmTransferList, FmTransferListProps, FmTransferListEmits, FmInputDate, FmInputDateProps, FmInputDateEmits, FmFilterEditor, FmFilterEditorProps, FmFilterEditorEmits, FmFilterToolbar, FmFilterAttribute, FmFilterAttributes, FmtFilterToolbarProps, FmtFilterToolbarEmits, FmSwitch, FmBreadcrumbs, FmBreadcrumbProps, FmBreadcrumbItem };
 /**
  * VUE plugin that registers all components
  *
  * @type {{install(*, {}=): void}}
  */
 export declare const uiComponentsPlugin: {
-    install(Vue: any, args?: sny): void;
+    install(Vue: any, args?: any): void;
 };
 declare module 'vue' {
     interface GlobalComponents {
@@ -61,7 +73,10 @@ declare module 'vue' {
         FmDatePicker: typeof FmDatePicker;
         FmIcon: typeof FmIcon;
         FmIconButton: typeof FmIconButton;
+        FmInputDate: typeof FmInputDate;
         FmItemPicker: typeof FmItemPicker;
+        FmFilterEditor: typeof FmFilterEditor;
+        FmFilterToolbar: typeof FmFilterToolbar;
         FmLogo: typeof FmLogo;
         FmMenuItem: typeof FmMenuItem;
         FmMenu: typeof FmMenu;
@@ -80,5 +95,8 @@ declare module 'vue' {
         FmVSelect: typeof FmVSelect;
         FmTabs: typeof FmTabs;
         FmFileUpload: typeof FmFileUpload;
+        FmTransferListProps: typeof FmTransferList;
+        FmSwitch: typeof FmSwitch;
+        FmBreadcrumbs: typeof FmBreadcrumbs;
     }
 }

package/dist/src/types/general.d.ts

@@ -4,3 +4,31 @@ export interface FmComponentIcon {
     color?: string;
 }
 export type PlaceLocation = 'top' | 'bottom' | 'start' | 'end' | 'left' | 'right' | 'center' | 'center center' | 'top start | center' | 'top end | center' | 'bottom start | center' | 'bottom end | center' | 'start top | center' | 'end top | center' | 'left top | center' | 'right top | center' | 'start bottom | center' | 'end bottom | center' | 'left bottom | center' | 'right bottom | center';
+export interface FmAttribute {
+    key: string;
+    name: string;
+    description?: string;
+    [key: string]: unknown;
+}
+export type FmFilterType = 'contains' | 'equal' | 'not_equal' | 'greater' | 'greater_equal' | 'less' | 'less_equal' | 'from_to' | 'out_of_range' | 'empty' | 'selector' | 'multiselector' | 'date_tree' | 'use_from_above';
+export type FmFilterRangeValues = {
+    max_value: number | string;
+    min_value: number | string;
+};
+export interface FmFilter {
+    content_type?: string;
+    key: string;
+    layout_name?: string;
+    name: string;
+    value_type: number | 'field';
+    options: {
+        enabled: boolean;
+        exclude_empty_cells?: boolean;
+        filter_type: FmFilterType;
+        filter_values: string[] | number[] | boolean[] | FmFilterRangeValues;
+        use_from_above?: {
+            attrs_entity_type?: string;
+            key?: string;
+        };
+    };
+}

package/dist/themes.css

@@ -123,7 +123,7 @@
     --nv-100: #fff;
 
     --v-theme-overlay-multiplier: 1;
-  
+
     --go-0: #1d1b201f;
     --go-10: #6750a41f;
     --go-20: #D0BCFF1F;

package/package.json

@@ -1,12 +1,12 @@
 {
 	"name": "@finmars/ui",
-	"version": "1.0.47",
+	"version": "1.0.49",
 	"description": "",
 	"scripts": {
 		"dev": "vite dev --config vite.config.dev.js",
 		"test": "echo \"Error: no test specified\" && exit 1",
-		"storybook": "storybook dev -p 6006",
-		"build-storybook": "storybook build",
+		"storybook": "storybook dev -p 6006 --no-open",
+		"build-storybook": "node --max-old-space-size=4096 ./node_modules/.bin/storybook build",
 		"clean": "rimraf ./dist",
 		"copy:css": "cp ./src/assets/css/themes.css ./dist",
 		"build": "npm run clean && vite build && npm run copy:css"

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

@@ -1,22 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {
-    $emit: (event: "update:modelValue" | "close", ...args: any[]) => void;
-    modelValue: unknown[];
-    height: string | number;
-    width: string | number;
-    multiple: boolean;
-    locals: Record<string, any>;
-    suggested: unknown[];
-    mode: string;
-    categories: unknown[];
-    $props: {
-        readonly modelValue?: unknown[] | undefined;
-        readonly height?: string | number | undefined;
-        readonly width?: string | number | undefined;
-        readonly multiple?: boolean | undefined;
-        readonly locals?: Record<string, any> | undefined;
-        readonly suggested?: unknown[] | undefined;
-        readonly mode?: string | undefined;
-        readonly categories?: unknown[] | undefined;
-    };
-}, {}, {}, {}, 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/ItemPicker/ItemPickerGroup.vue.d.ts

@@ -1,16 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {
-    $emit: (event: "select", ...args: any[]) => void;
-    multiple: boolean;
-    group: Record<string, any>;
-    mode: string;
-    initialSelectedItemsIds: unknown[];
-    selectedItemsIds: unknown[];
-    $props: {
-        readonly multiple?: boolean | undefined;
-        readonly group?: Record<string, any> | undefined;
-        readonly mode?: string | undefined;
-        readonly initialSelectedItemsIds?: unknown[] | undefined;
-        readonly selectedItemsIds?: unknown[] | undefined;
-    };
-}, {}, {}, {}, 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/ItemPicker/ItemPickerItem.vue.d.ts

@@ -1,14 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {
-    $emit: (event: "select", ...args: any[]) => void;
-    disabled: boolean;
-    multiple: boolean;
-    item: Record<string, any>;
-    isSelected: boolean;
-    $props: {
-        readonly disabled?: boolean | undefined;
-        readonly multiple?: boolean | undefined;
-        readonly item?: Record<string, any> | undefined;
-        readonly isSelected?: boolean | undefined;
-    };
-}, {}, {}, {}, 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/ItemPicker/ItemPickerSearchResult.vue.d.ts

@@ -1,20 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {
-    $emit: (event: "select", ...args: any[]) => void;
-    multiple: boolean;
-    items: unknown[];
-    allItems: Record<string, any>;
-    mode: string;
-    initialSelectedItemsIds: unknown[];
-    selectedItemsIds: unknown[];
-    searchText?: string | undefined;
-    $props: {
-        readonly multiple?: boolean | undefined;
-        readonly items?: unknown[] | undefined;
-        readonly allItems?: Record<string, any> | undefined;
-        readonly mode?: string | undefined;
-        readonly initialSelectedItemsIds?: unknown[] | undefined;
-        readonly selectedItemsIds?: unknown[] | undefined;
-        readonly searchText?: string | undefined;
-    };
-}, {}, {}, {}, 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/ItemPicker/useItemPicker.d.ts

@@ -1,17 +0,0 @@
-export default function useItemPicker(props: any, emits: any): {
-    searchText: import('vue').Ref<string, string>;
-    initialSelectedItems: import('vue').Ref<any, any>;
-    focusedItems: import('vue').Ref<any[], any[]>;
-    selectedItems: import('vue').Ref<any, any>;
-    widthValue: import('vue').ComputedRef<any>;
-    heightValue: import('vue').ComputedRef<any>;
-    initialSelectedItemsIds: import('vue').ComputedRef<any>;
-    selectedItemsIds: import('vue').ComputedRef<any>;
-    addBtnDisabled: import('vue').ComputedRef<boolean>;
-    allDataFlattenedById: import('vue').ComputedRef<import('lodash').Dictionary<any>>;
-    allDataFlattenedFiltered: import('vue').ComputedRef<any[]>;
-    dataRestoredFromFlattenedData: import('vue').ComputedRef<any[]>;
-    currentCategory: import('vue').ComputedRef<any>;
-    select: (itemId: string) => void;
-    updateValue: () => void;
-};