@dolanske/vui 0.1.0 → 0.1.1

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

@@ -0,0 +1,26 @@
+interface Props {
+    label?: string;
+    disabled?: boolean;
+}
+declare let __VLS_typeProps: Props;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & typeof __VLS_typeProps;
+declare function __VLS_template(): {
+    slots: Readonly<Record<string, any>> & Record<string, any>;
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Table/Cell.vue.d.ts

@@ -0,0 +1,19 @@
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+        context?(_: {}): any;
+    };
+    refs: {
+        context: HTMLDivElement;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Table/Header.vue.d.ts

@@ -0,0 +1,29 @@
+import { Header } from './table';
+interface Props {
+    /**
+     * Main header data. This can be empty in case we are just adding an empty
+     * padder. It is recommended to just use <th> instead, but this shouldn't fail
+     * anyway
+     */
+    header?: Header;
+    /**
+     * Enable sorting on this column
+     */
+    sort?: boolean;
+}
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Table/Row.vue.d.ts

@@ -0,0 +1,16 @@
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Table/SelectAll.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/Table/SelectRow.vue.d.ts

@@ -0,0 +1,6 @@
+import { BaseRow } from './table';
+interface Props {
+    row: BaseRow;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,40 @@
+interface Props {
+    /**
+     * Sets the `table-layout` property
+     */
+    fixed?: boolean;
+    /**
+     * Table cells with content overflowing on new line will be cropped
+     */
+    nowrap?: boolean;
+    /**
+     * Add a visual separator between each row
+     */
+    separateRows?: boolean;
+    /**
+     * Add a visual separator between each cell
+     */
+    separateCells?: boolean;
+    /**
+     * Wrap table with a border
+     */
+    outerBorder?: boolean;
+}
+declare function __VLS_template(): {
+    slots: {
+        header?(_: {}): any;
+        body?(_: {}): any;
+        pagination?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Table/table.d.ts

@@ -0,0 +1,68 @@
+import { ComputedRef, InjectionKey, MaybeRefOrGetter, Ref } from 'vue';
+import { DeepRequired } from '../../shared/types';
+export type BaseRow = Record<string, string | number>;
+export interface TableSelectionProvide {
+    selectedRows: Ref<Set<BaseRow>>;
+    selectRow: (row: BaseRow) => void;
+    selectAllRows: () => void;
+    enabled: ComputedRef<boolean>;
+    isSelectedAll: ComputedRef<boolean>;
+}
+export declare const TableSelectionProvideSymbol: InjectionKey<TableSelectionProvide>;
+export interface Header {
+    label: string;
+    sortToggle: () => void;
+    sortKey?: 'asc' | 'desc';
+}
+interface TableOptionsInput {
+    pagination?: {
+        enabled?: boolean;
+        perPage?: number;
+        maxPages?: number;
+    };
+    select?: boolean;
+}
+export declare function defineTable<const Dataset extends Array<BaseRow>>(computedDataset: MaybeRefOrGetter<Dataset>, tableOptions?: TableOptionsInput): {
+    setSort: (key: keyof Dataset[number], type?: "asc" | "desc" | "toggle") => void;
+    clearSort: () => void;
+    search: Ref<string | undefined, string | undefined>;
+    rows: Readonly<Ref<import('vue').DeepReadonly<Dataset>, import('vue').DeepReadonly<Dataset>>>;
+    allRows: Readonly<Ref<import('vue').DeepReadonly<Dataset>, import('vue').DeepReadonly<Dataset>>>;
+    selectedRows: Readonly<Ref<ReadonlySet<{
+        readonly [x: string]: string | number;
+    }>, ReadonlySet<{
+        readonly [x: string]: string | number;
+    }>>>;
+    headers: Readonly<Ref<readonly {
+        readonly label: string;
+        readonly sortToggle: () => void;
+        readonly sortKey?: ("asc" | "desc") | undefined;
+    }[], readonly {
+        readonly label: string;
+        readonly sortToggle: () => void;
+        readonly sortKey?: ("asc" | "desc") | undefined;
+    }[]>>;
+    pagination: ComputedRef<import('../Pagination/pagination').Pagination>;
+    canPrevPage: ComputedRef<boolean>;
+    canNextPage: ComputedRef<boolean>;
+    setPage: (page: number) => void;
+    options: Ref<{
+        pagination: {
+            enabled: boolean;
+            perPage: number;
+            maxPages: number;
+        };
+        select: boolean;
+    }, DeepRequired<TableOptionsInput> | {
+        pagination: {
+            enabled: boolean;
+            perPage: number;
+            maxPages: number;
+        };
+        select: boolean;
+    }>;
+    selectRow: (row: Dataset[number]) => void;
+    selectAllRows: () => void;
+    isSelectedAll: ComputedRef<boolean>;
+};
+export {};

package/dist/components/Tabs/Tab.vue.d.ts

@@ -0,0 +1,8 @@
+export interface TabProps {
+    disabled?: boolean;
+    id?: string;
+    label: string;
+    icon?: string;
+}
+declare const _default: import('vue').DefineComponent<TabProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TabProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,43 @@
+import { TabProps } from './Tab.vue';
+import { VNode } from 'vue';
+interface Props {
+    variant?: 'default' | 'filled';
+    expand?: boolean;
+    disabled?: boolean;
+}
+declare let __VLS_typeProps: Props;
+type __VLS_PublicProps = {
+    modelValue?: any;
+} & typeof __VLS_typeProps;
+declare function __VLS_template(): {
+    slots: Readonly<{
+        default: () => Array<VNode & {
+            props: TabProps;
+        }>;
+    }> & {
+        default: () => Array<VNode & {
+            props: TabProps;
+        }>;
+    };
+    refs: {
+        tabs: HTMLDivElement;
+        underline: HTMLDivElement;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((modelValue: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    tabs: HTMLDivElement;
+    underline: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Toast/Toasts.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/Toast/toast.d.ts

@@ -0,0 +1,42 @@
+interface ToastAction {
+    label: string;
+    handler: (toastId: number) => void;
+}
+interface ToastOptions {
+    persist?: boolean;
+    timeout?: number;
+    action?: ToastAction;
+    description?: string;
+}
+interface Toast {
+    id: number;
+    title: string;
+    action?: ToastAction;
+    createdAt: number;
+    expiresAt: number;
+    description?: string;
+}
+export declare const toasts: import('vue').Ref<Map<number, {
+    id: number;
+    title: string;
+    action?: {
+        label: string;
+        handler: (toastId: number) => void;
+    } | undefined;
+    createdAt: number;
+    expiresAt: number;
+    description?: string | undefined;
+}> & Omit<Map<number, Toast>, keyof Map<any, any>>, Map<number, Toast> | (Map<number, {
+    id: number;
+    title: string;
+    action?: {
+        label: string;
+        handler: (toastId: number) => void;
+    } | undefined;
+    createdAt: number;
+    expiresAt: number;
+    description?: string | undefined;
+}> & Omit<Map<number, Toast>, keyof Map<any, any>>)>;
+export declare function pushToast(title: string, options?: ToastOptions): Toast;
+export declare function removeToast(id: number): void;
+export {};

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

@@ -0,0 +1,32 @@
+import { Placement } from '@floating-ui/vue';
+interface Props {
+    /**
+     * Tooltip placement related to the anchor
+     */
+    placement?: Placement;
+    /**
+     * Amount of time user should hover the anchor until the tooltip shows up
+     */
+    delay?: number;
+}
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+        tooltip?(_: {}): any;
+    };
+    refs: {
+        popoutAnchor: HTMLDivElement;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    popoutAnchor: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/index.d.ts

@@ -1 +1,54 @@
-export { }
+import { default as Accordion } from './components/Accordion/Accordion.vue';
+import { default as AccordionGroup } from './components/Accordion/AccordionGroup.vue';
+import { default as Alert } from './components/Alert/Alert.vue';
+import { default as Avatar } from './components/Avatar/Avatar.vue';
+import { default as Badge } from './components/Badge/Badge.vue';
+import { default as BreadcrumbItem } from './components/Breadcrumbs/BreadcrumbItem.vue';
+import { default as Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.vue';
+import { default as Button } from './components/Button/Button.vue';
+import { default as ButtonGroup } from './components/ButtonGroup/ButtonGroup.vue';
+import { default as Calendar } from './components/Calendar/Calendar.vue';
+import { default as Card } from './components/Card/Card.vue';
+import { default as Checkbox } from './components/Checkbox/Checkbox.vue';
+import { default as CopyClipboard } from './components/CopyClipboard/CopyClipboard.vue';
+import { default as Divider } from './components/Divider/Divider.vue';
+import { default as Drawer } from './components/Drawer/Drawer.vue';
+import { default as Dropdown } from './components/Dropdown/Dropdown.vue';
+import { default as DropdownItem } from './components/Dropdown/DropdownItem.vue';
+import { default as DropdownTitle } from './components/Dropdown/DropdownTitle.vue';
+import { default as Flex } from './components/Flex/Flex.vue';
+import { default as Grid } from './components/Grid/Grid.vue';
+import { default as Counter } from './components/Input/Counter.vue';
+import { default as Dropzone } from './components/Input/Dropzone.vue';
+import { default as File } from './components/Input/File.vue';
+import { default as Input } from './components/Input/Input.vue';
+import { default as Password } from './components/Input/Password.vue';
+import { default as Textarea } from './components/Input/Textarea.vue';
+import { default as Kbd } from './components/Kbd/Kbd.vue';
+import { default as KbdGroup } from './components/Kbd/KbdGroup.vue';
+import { default as Confirm } from './components/Modal/Confirm.vue';
+import { default as Modal } from './components/Modal/Modal.vue';
+import { default as Pagination } from './components/Pagination/Pagination.vue';
+import { default as Popout } from './components/Popout/Popout.vue';
+import { default as Progress } from './components/Progress/Progress.vue';
+import { default as Radio } from './components/Radio/Radio.vue';
+import { default as RadioGroup } from './components/Radio/RadioGroup.vue';
+import { default as Select } from './components/Select/Select.vue';
+import { default as Sheet } from './components/Sheet/Sheet.vue';
+import { default as Skeleton } from './components/Skeleton/Skeleton.vue';
+import { default as Spinner } from './components/Spinner/Spinner.vue';
+import { default as Switch } from './components/Switch/Switch.vue';
+import { default as Cell } from './components/Table/Cell.vue';
+import { default as Header } from './components/Table/Header.vue';
+import { default as Row } from './components/Table/Row.vue';
+import { default as SelectAll } from './components/Table/SelectAll.vue';
+import { default as SelectRow } from './components/Table/SelectRow.vue';
+import { default as Table } from './components/Table/Table.vue';
+import { default as Tab } from './components/Tabs/Tab.vue';
+import { default as Tabs } from './components/Tabs/Tabs.vue';
+import { pushToast, removeToast } from './components/Toast/toast';
+import { default as Toasts } from './components/Toast/Toasts.vue';
+import { default as Tooltip } from './components/Tooltip/Tooltip.vue';
+import { default as Backdrop } from './internal/Backdrop/Backdrop.vue';
+import { searchString } from './shared/helpers';
+export { Accordion, AccordionGroup, Alert, Avatar, Backdrop, Badge, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, Calendar, Card, Cell, Checkbox, Confirm, CopyClipboard, Counter, Divider, Drawer, Dropdown, DropdownItem, DropdownTitle, Dropzone, File, Flex, Grid, Header, Input, Kbd, KbdGroup, Modal, Pagination, Password, Popout, Progress, pushToast, Radio, RadioGroup, removeToast, Row, searchString, Select, SelectAll, SelectRow, Sheet, Skeleton, Spinner, Switch, Tab, Table, Tabs, Textarea, Toasts, Tooltip, };

package/dist/internal/Backdrop/Backdrop.vue.d.ts

@@ -0,0 +1,20 @@
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/shared/composables.d.ts

@@ -0,0 +1,3 @@
+import { ComputedRef } from 'vue';
+import { Sizes } from './types';
+export declare function useActualGap(gap?: Sizes | number): ComputedRef<string>;

package/dist/shared/helpers.d.ts

@@ -0,0 +1,16 @@
+export declare function createArray(length: number, startOffset?: number): number[];
+export declare function searchString(match: string | string[], input: string): boolean;
+export declare function getMaybeRefLength(value: string | number): number;
+export declare function isNil(value: any): value is undefined;
+/**
+ * Checks wether a color is light or dark, depending on
+ */
+export declare function calculateColorLightness(r: number, g: number, b: number): 'dark' | 'light';
+/**
+ * Convert a CSS rgb string to a tuple of actual r,g,b values
+ *
+ * 'rgb(12,16,24)' --> [12, 16, 24]
+ */
+export declare function stringRgbToValues(rgbString: string): [number, number, number];
+export declare function randomMinMax(min: number, max: number): number;
+export declare function delay(amount: number): Promise<any>;

package/dist/shared/types.d.ts

@@ -0,0 +1,10 @@
+export declare enum Size {
+    s = "s",
+    m = "m",
+    l = "l"
+}
+export type Sizes = 's' | 'm' | 'l';
+export type DeepRequired<T> = {
+    [K in keyof T]: DeepRequired<T[K]>;
+} & Required<T>;
+export type VueClass = string | Record<string, boolean> | Array<string | Record<string, string | boolean>>;