beeple-toolkit 1.0.11 → 1.0.13

package/dist/components/DatePicker/DatePickerPanel.vue.d.ts

@@ -1,6 +1,6 @@
 import type { DatePickerVariant, DatePickerTranslations } from '../types';
 import { type DatePickerLocale } from './locales';
-type DatePickerValue = Date | {
+export type DatePickerValue = Date | {
     start: Date;
     end: Date;
 } | {

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

@@ -16,6 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<DropDownProps, {}, {},
     label: string;
     size: "x-small" | "small" | "medium" | "large";
     disabled: boolean;
+    fullWidth: boolean;
     placeholder: string;
     isMulti: boolean;
     clearable: boolean;

package/dist/components/DropDown/DropDownMenu.vue.d.ts

@@ -19,15 +19,15 @@ interface DropDownMenuProps {
     optionValue: string;
     getOptionKey: (option: string | number | DropDownOption | Record<string, unknown>) => string;
     getOptionLabel: (option: string | number | DropDownOption | Record<string, unknown>) => string;
-    getOptionAvatar: (option: string | number | DropDownOption | Record<string, unknown>) => {
+    getOptionAvatar?: (option: string | number | DropDownOption | Record<string, unknown>) => {
         photo?: string;
         fullName?: string;
     } | undefined;
-    getOptionAvatarAlt: (option: string | number | DropDownOption | Record<string, unknown>) => string | undefined;
-    getOptionLeadingIcon: (option: string | number | DropDownOption | Record<string, unknown>) => string | undefined;
-    getOptionTrailingIcon: (option: string | number | DropDownOption | Record<string, unknown>) => string | undefined;
-    getOptionDisabled: (option: string | number | DropDownOption | Record<string, unknown>) => boolean;
-    getOptionClickable: (option: string | number | DropDownOption | Record<string, unknown>) => boolean;
+    getOptionAvatarAlt?: (option: string | number | DropDownOption | Record<string, unknown>) => string | undefined;
+    getOptionLeadingIcon?: (option: string | number | DropDownOption | Record<string, unknown>) => string | undefined;
+    getOptionTrailingIcon?: (option: string | number | DropDownOption | Record<string, unknown>) => string | undefined;
+    getOptionDisabled?: (option: string | number | DropDownOption | Record<string, unknown>) => boolean;
+    getOptionClickable?: (option: string | number | DropDownOption | Record<string, unknown>) => boolean;
     isSelected: (option: string | number | DropDownOption | Record<string, unknown>) => boolean;
 }
 declare const __VLS_export: import("vue").DefineComponent<DropDownMenuProps, {
@@ -58,6 +58,16 @@ declare const __VLS_export: import("vue").DefineComponent<DropDownMenuProps, {
     onSelectOption?: ((option: string | number | DropDownOption | Record<string, unknown>) => any) | undefined;
     onSetHighlighted?: ((index: number) => any) | undefined;
     "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    getOptionAvatar: (option: string | number | DropDownOption | Record<string, unknown>) => {
+        photo?: string;
+        fullName?: string;
+    } | undefined;
+    getOptionAvatarAlt: (option: string | number | DropDownOption | Record<string, unknown>) => string | undefined;
+    getOptionLeadingIcon: (option: string | number | DropDownOption | Record<string, unknown>) => string | undefined;
+    getOptionTrailingIcon: (option: string | number | DropDownOption | Record<string, unknown>) => string | undefined;
+    getOptionDisabled: (option: string | number | DropDownOption | Record<string, unknown>) => boolean;
+    getOptionClickable: (option: string | number | DropDownOption | Record<string, unknown>) => boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,19 +1,23 @@
 import type { FilterButtonProps } from '../types';
 import '../DropDown/dropdown.css';
+import '../DatePicker/datepicker.css';
 import './filterButton.css';
 declare const __VLS_export: import("vue").DefineComponent<FilterButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
     "update:modelValue": (value: unknown) => any;
     change: (value: unknown) => any;
     open: () => any;
+    remove: () => any;
 }, string, import("vue").PublicProps, Readonly<FilterButtonProps> & Readonly<{
     onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
     onChange?: ((value: unknown) => any) | undefined;
     onOpen?: (() => any) | undefined;
+    onRemove?: (() => any) | undefined;
 }>, {
     size: import("../constants.ts").ButtonSize;
     disabled: boolean;
+    fullWidth: boolean;
     searchable: boolean;
     searchPlaceholder: string;
     selectAllText: string;
@@ -22,6 +26,10 @@ declare const __VLS_export: import("vue").DefineComponent<FilterButtonProps, {},
     optionLabel: string;
     optionValue: string;
     filterName: string;
+    rangeFromLabel: string;
+    rangeToLabel: string;
+    booleanYesLabel: string;
+    booleanNoLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/FilterButton/FilterButtonTrigger.vue.d.ts

@@ -9,9 +9,9 @@ interface FilterButtonTriggerProps {
 declare const __VLS_export: import("vue").DefineComponent<FilterButtonTriggerProps, {
     triggerRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    clear: () => any;
+    remove: () => any;
 }, string, import("vue").PublicProps, Readonly<FilterButtonTriggerProps> & Readonly<{
-    onClear?: (() => any) | undefined;
+    onRemove?: (() => any) | undefined;
 }>, {
     size: ButtonSize;
     disabled: boolean;

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

@@ -3,12 +3,12 @@ import './teamCard.css';
 declare const __VLS_export: import("vue").DefineComponent<TeamCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (event: MouseEvent) => any;
     "add-collaborator": () => any;
-    "menu-action": (action: "copy" | "delete" | "move" | "edit") => any;
+    "menu-action": (action: "copy" | "move" | "delete" | "edit") => any;
     "update:status": (status: "published" | "unpublished") => any;
 }, string, import("vue").PublicProps, Readonly<TeamCardProps> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
     "onAdd-collaborator"?: (() => any) | undefined;
-    "onMenu-action"?: ((action: "copy" | "delete" | "move" | "edit") => any) | undefined;
+    "onMenu-action"?: ((action: "copy" | "move" | "delete" | "edit") => any) | undefined;
     "onUpdate:status"?: ((status: "published" | "unpublished") => any) | undefined;
 }>, {
     color: TeamCardColor;

package/dist/components/Typography/Text.vue.d.ts

@@ -6,9 +6,9 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<TextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextProps> & Readonly<{}>, {
     size: "default" | "small" | "x-small";
-    tag: "p" | "span" | "div";
     fontStyle: "normal" | "italic" | "oblique";
     fontWeight: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "normal" | "bold" | "lighter" | "bolder";
+    tag: "p" | "span" | "div";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/types.d.ts

@@ -106,6 +106,7 @@ export interface DropDownProps {
     clearAllText?: string;
     groupBy?: string;
     groupLabel?: Record<string, string>;
+    fullWidth?: boolean;
 }
 export interface AvatarProps {
     user?: {
@@ -117,9 +118,46 @@ export interface AvatarProps {
     withIcon?: string;
     withColor?: string;
 }
+export type FilterType = 'LIST_MULTI_OPTION' | 'LIST_SINGLE_OPTION' | 'NUMERIC_RANGE' | 'BOOLEAN' | 'DATE_RANGE' | 'TIME_RANGE' | 'DATE_TIME_RANGE' | 'TEXT';
+export interface FilterConfigRendering {
+    collection: string[] | number[] | Record<string, unknown>[];
+    labels: string[];
+    min?: number;
+    max?: number;
+    label_method?: Record<string, unknown>;
+    label?: string;
+    include_blank?: string;
+    include_blank_label?: Record<string, unknown>;
+}
+export interface FilterConfigOptions {
+    members_type?: string;
+    start?: string;
+    end?: string;
+    use_selector?: boolean;
+    rendering: FilterConfigRendering;
+}
+export interface FilterConfig {
+    type: FilterType;
+    name: string;
+    label: string;
+    options: FilterConfigOptions;
+}
+export interface FilterRangeValue {
+    min: number | null;
+    max: number | null;
+}
+export interface FilterDateRangeValue {
+    date_minimal_value: string | null;
+    date_maximal_value: string | null;
+}
+export interface FilterTimeRangeValue {
+    time_minimal_value: string;
+    time_maximal_value: string;
+}
 export interface FilterButtonProps {
     modelValue?: unknown | unknown[];
-    options: Array<string | number | DropDownOption | Record<string, unknown>>;
+    options?: Array<string | number | DropDownOption | Record<string, unknown>>;
+    filterConfig?: FilterConfig;
     placeholder?: string;
     filterName?: string;
     isMulti?: boolean;
@@ -135,6 +173,11 @@ export interface FilterButtonProps {
     buttonType?: ButtonType;
     selectAllText?: string;
     clearAllText?: string;
+    rangeFromLabel?: string;
+    rangeToLabel?: string;
+    booleanYesLabel?: string;
+    booleanNoLabel?: string;
+    fullWidth?: boolean;
 }
 export interface LabelProps {
     text?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beeple-toolkit",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "description": "Vue 3 component library beeple-toolkit",
   "keywords": [
     "vue",