finso-vue-components 0.4.34 → 0.5.2

package/dist/components/FDataTable/FDataTable.vue.d.ts

@@ -29,6 +29,7 @@ export interface FDataTableProps {
     labelDeleteCancel?: string;
     labelItemsPerPage?: string;
     labelNoData?: string;
+    labelPageText?: string;
     /** Money formatting */
     moneyLocale?: string;
     moneyCurrency?: string;
@@ -97,6 +98,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     labelDeleteCancel: string;
     labelItemsPerPage: string;
     labelNoData: string;
+    labelPageText: string;
     moneyLocale: string;
     moneyCurrency: string;
     gsmPattern: string;

package/dist/components/FToolBar/FToolBar.vue.d.ts

@@ -0,0 +1,71 @@
+export interface FToolBarFilterField {
+    fieldName: string;
+    queryFieldName?: string;
+    label: string;
+    type: string;
+    items?: Array<any>;
+    defaultSelectFirst?: boolean;
+    valueField?: string;
+    titleField?: string;
+    value?: any;
+    hideRemoveFilter?: boolean;
+}
+export interface FToolBarProps {
+    pageTitle: string;
+    fieldsForFilter?: FToolBarFilterField[];
+    newRecordVisible?: boolean;
+    newRecordText?: string;
+    refreshVisible?: boolean;
+    searchBoxVisible?: boolean;
+    isLoading?: boolean;
+    dividerVisible?: boolean;
+    backgroundColor?: string;
+    searchPlaceholder?: string;
+    filterTitle?: string;
+    filterSubtitle?: string;
+    clearAllFiltersText?: string;
+    applyText?: string;
+    locale?: string;
+}
+type __VLS_Props = FToolBarProps;
+type __VLS_PublicProps = __VLS_Props & {
+    'searchTerm'?: string;
+    'activeFilters'?: any[];
+};
+declare var __VLS_77: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_77) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    newRecord: () => any;
+    refresh: () => any;
+    "update:searchTerm": (value: string | undefined) => any;
+    "update:activeFilters": (value: any[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onNewRecord?: (() => any) | undefined;
+    onRefresh?: (() => any) | undefined;
+    "onUpdate:searchTerm"?: ((value: string | undefined) => any) | undefined;
+    "onUpdate:activeFilters"?: ((value: any[]) => any) | undefined;
+}>, {
+    locale: string;
+    fieldsForFilter: FToolBarFilterField[];
+    newRecordVisible: boolean;
+    newRecordText: string;
+    refreshVisible: boolean;
+    searchBoxVisible: boolean;
+    isLoading: boolean;
+    dividerVisible: boolean;
+    backgroundColor: string;
+    searchPlaceholder: string;
+    filterTitle: string;
+    filterSubtitle: string;
+    clearAllFiltersText: string;
+    applyText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/FToolBar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FToolBar } from './FToolBar.vue';
+export type { FToolBarProps, FToolBarFilterField } from './FToolBar.vue';

package/dist/finso-vue-components.css

@@ -1 +1 @@
-.f-data-table__logo[data-v-f66c8cae]{object-fit:contain}.f-data-table__logo-avatar[data-v-f66c8cae]{background-color:#fff}.f-data-table__actions[data-v-f66c8cae]{display:flex;gap:4px;align-items:center;min-width:80px}[data-v-7639bf96] .v-time-picker{min-height:540px}[data-v-313419c1] .v-picker-title{display:none}
+.f-data-table__logo[data-v-884a28c5]{object-fit:contain}.f-data-table__logo-avatar[data-v-884a28c5]{background-color:#fff}.f-data-table__actions[data-v-884a28c5]{display:flex;gap:4px;align-items:center;min-width:80px}[data-v-7639bf96] .v-time-picker{min-height:540px}[data-v-313419c1] .v-picker-title{display:none}.f-toolbar__filter-chip{border:1px solid rgba(var(--v-theme-secondary))}.f-toolbar__search-wrapper{position:relative;width:280px;flex-shrink:0;display:flex;align-items:center}.f-toolbar__search-filters-wrapper{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.f-toolbar__search-input{background:rgba(var(--v-theme-text-color),.03);transition:all .2s ease;outline:none}.f-toolbar__filter-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:rgb(var(--v-theme-primary));border-radius:8px;font-size:10px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center}.f-toolbar__btn--has-filters{color:rgb(var(--v-theme-primary))}.f-toolbar__btn-primary{transition:all .2s ease;box-shadow:0 2px 8px rgba(var(--v-theme-primary),.2)}.f-toolbar__btn-primary:hover{box-shadow:0 4px 12px rgba(var(--v-theme-primary),.4)}.f-toolbar__btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:10px;color:rgba(var(--v-theme-text-color),.7);cursor:pointer;transition:all .2s ease}.f-toolbar__btn:hover{background:rgba(var(--v-theme-primary),.08);border-color:rgba(var(--v-theme-primary),.15);color:rgb(var(--v-theme-primary))}.f-toolbar__filter-dropdown{min-width:300px;background:rgba(var(--v-theme-surface));border:1px solid rgba(var(--v-theme-text-color),.2);border-radius:14px;overflow:hidden;box-shadow:0 12px 40px #0003,0 4px 16px #0003}.f-toolbar__filter-header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(var(--v-theme-text-color),.08)}.f-toolbar__filter-header-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(var(--v-theme-primary),.1);border-radius:8px;color:rgb(var(--v-theme-primary))}.f-toolbar__filter-header-text{display:flex;flex-direction:column}.f-toolbar__filter-title{font-size:14px;font-weight:600;color:rgb(var(--v-theme-text-color))}.f-toolbar__filter-subtitle{font-size:11px;color:rgba(var(--v-theme-text-color),.5)}.f-toolbar__filter-body{padding:12px;display:flex;flex-direction:column;gap:8px}.f-toolbar__filter-field{border:1px solid rgba(var(--v-theme-text-color),.06);border-radius:10px;transition:all .2s ease}.f-toolbar__filter-field:hover{background:rgba(var(--v-theme-primary),.03);border-color:rgba(var(--v-theme-primary),.1)}.f-toolbar__filter-field:focus-within{background:rgba(var(--v-theme-primary),.04);border-color:rgba(var(--v-theme-primary),.15)}.v-theme--dark .f-toolbar__filter-field{border-color:rgba(var(--v-theme-text-color),.08)}.v-theme--dark .f-toolbar__filter-field:hover{background:rgba(var(--v-theme-primary),.05);border-color:rgba(var(--v-theme-primary),.12)}.v-theme--dark .f-toolbar__filter-field:focus-within{background:rgba(var(--v-theme-primary),.06);border-color:rgba(var(--v-theme-primary),.2)}.f-toolbar__filter-footer{padding:12px;border-top:1px solid rgba(var(--v-theme-text-color),.06);display:flex;justify-content:space-between;gap:8px}.f-toolbar__filter-clear-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;background:transparent;border:1px solid rgba(var(--v-theme-text-color),.12);border-radius:8px;font-size:12px;font-weight:500;color:rgba(var(--v-theme-text-color),.6);cursor:pointer;transition:all .2s ease}.f-toolbar__filter-clear-btn:hover{background:rgba(var(--v-theme-error),.08);border-color:rgba(var(--v-theme-error),.25);color:rgb(var(--v-theme-error))}.f-toolbar__filter-apply-btn{display:flex;align-items:center;gap:5px;padding:8px 16px;background:rgb(var(--v-theme-primary));border:none;border-radius:8px;font-size:12px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.f-toolbar__filter-apply-btn:hover{background:rgba(var(--v-theme-primary),.4)}.f-toolbar__clear-filters-btn-mini{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px dashed rgba(var(--v-theme-text-color),.25);border-radius:50%;color:rgba(var(--v-theme-text-color),.5);cursor:pointer;transition:all .2s ease;flex-shrink:0}.f-toolbar__clear-filters-btn-mini:hover{border-color:rgba(var(--v-theme-error),.4);color:rgb(var(--v-theme-error));background:rgba(var(--v-theme-error),.05)}