mediacube-ui-v2 0.0.1 → 0.0.2

package/dist/{th-CxdSf7Vb.js → th-DGTC0w1I.js}

@@ -1,4 +1,4 @@
-import { g as i, d as l, c as f } from "./index-BNI8_4VG.js";
+import { g as i, d as l, c as f } from "./index-DUxSE0Pp.js";
 function m(s, n) {
   for (var _ = 0; _ < n.length; _++) {
     const t = n[_];

package/dist/types/IButton.d.ts

@@ -0,0 +1,40 @@
+import { ButtonModifiers, ButtonSize, ButtonType } from '../enums/ui/Button';
+import { ColorsUnion, ColorTypes } from './styles/Colors';
+import { HorizontalAlignmentUnion } from './styles/Alignment';
+import { WeightsUnion } from './styles/Weights';
+import { TooltipPositionsUnion } from './ITooltip';
+export interface IButton {
+    to?: string;
+    href?: string;
+    nuxt?: boolean;
+    disabled?: boolean;
+    inactive?: boolean;
+    loading?: boolean;
+    iconLoading?: boolean;
+    type?: ButtonTypeUnion;
+    variation?: ButtonVariationUnion;
+    size?: ButtonSizeUnion;
+    shadow?: boolean;
+    rounded?: boolean;
+    semiRounded?: boolean;
+    textAlign?: HorizontalAlignmentUnion;
+    fullWidth?: boolean;
+    isActive?: boolean;
+    exact?: boolean;
+    uppercase?: boolean;
+    defaultTag?: string;
+    secondaryColor?: ColorsUnion;
+    underlineLink?: boolean;
+    bgFlat?: boolean;
+    weight?: WeightsUnion;
+    tooltip?: string;
+    tooltipPlacement?: TooltipPositionsUnion;
+    tabindex?: string | number;
+}
+export interface IButtonStyleOptions {
+    color: string;
+    type: string;
+}
+export type ButtonTypeUnion = (typeof ButtonType)[keyof typeof ButtonType];
+export type ButtonSizeUnion = (typeof ButtonSize)[keyof typeof ButtonSize];
+export type ButtonVariationUnion = ColorTypes | `${ColorTypes}-${ButtonModifiers.Link}` | `${ColorTypes}-${ButtonModifiers.Flat}` | `${ColorTypes}-${ButtonModifiers.Outline}` | `${ColorTypes}-${ButtonModifiers.Invert}`;

package/dist/types/ICell.d.ts

@@ -0,0 +1,4 @@
+import { CellSizes } from '../enums/Cell';
+export interface ICell {
+}
+export type CellSizesUnion = (typeof CellSizes)[keyof typeof CellSizes];

package/dist/types/IChip.d.ts

@@ -0,0 +1,8 @@
+import { ChipModifiers, ChipSize } from '../enums/Chip';
+import { ColorTypes } from './styles/Colors';
+export interface IChipStyleOptions {
+    color: string;
+    variation: string;
+}
+export type ChipSizeUnion = (typeof ChipSize)[keyof typeof ChipSize];
+export type ChipVariationUnion = ColorTypes | `${ColorTypes}-${ChipModifiers.Invert}` | `${ColorTypes}-${ChipModifiers.Outline}`;

package/dist/types/ICollapse.d.ts

@@ -0,0 +1,14 @@
+export interface ICollapse {
+    isDisabled: boolean;
+    border: boolean;
+    icon: boolean;
+    id: string | number;
+    isCollapsed: boolean;
+    open: Function;
+    close: Function;
+    toggle: Function;
+}
+export interface ICollapseEmitPayload {
+    value: boolean;
+    component: ICollapse;
+}

package/dist/types/IDatepicker.d.ts

@@ -0,0 +1,30 @@
+import { DatepickerFormat, DatepickerFormatsVariations, DatepickerOutputFormat, DatepickerTypes, DayjsFormat } from '../enums/Datepicker';
+export interface IDatepickerPlaceholders {
+    week?: string;
+    month?: string;
+    quarter?: string;
+    year?: string;
+    confirm?: string;
+}
+export interface IDatepickerPresetPeriod {
+    start_date: string;
+    end_date: string;
+}
+export interface IDatepickerPreset {
+    title: string;
+    period: IDatepickerPresetPeriod[];
+}
+export type DatePickerValue = null | string | string[];
+export type DatepickerFormatsObjectFormat = {
+    [DatepickerFormatsVariations.Picker]: DatepickerFormat;
+    [DatepickerFormatsVariations.Dayjs]: DayjsFormat;
+    [DatepickerFormatsVariations.Output]: DatepickerOutputFormat;
+};
+export type DatepickerFormatsObject = {
+    [key in DatepickerTypes]: DatepickerFormatsObjectFormat;
+};
+export type DatepickerTypesUnion = (typeof DatepickerTypes)[keyof typeof DatepickerTypes];
+export type DatepickerFormatsVariationsUnion = (typeof DatepickerFormatsVariations)[keyof typeof DatepickerFormatsVariations];
+export type DatepickerFormatUnion = (typeof DatepickerFormat)[keyof typeof DatepickerFormat];
+export type DayjsFormatUnion = (typeof DayjsFormat)[keyof typeof DayjsFormat];
+export type DatepickerOutputFormatUnion = (typeof DatepickerOutputFormat)[keyof typeof DatepickerOutputFormat];

package/dist/types/IDirections.d.ts

@@ -0,0 +1,4 @@
+import { Directions } from '../enums/ui/Directions';
+export interface IDirections {
+}
+export type DirectionsUnion = (typeof Directions)[keyof typeof Directions];

package/dist/types/IDrawer.d.ts

@@ -0,0 +1,25 @@
+import { IconsListUnion } from './styles/Icons';
+import { DrawerPositions } from '../enums/Drawer';
+export interface IDrawerServiceState {
+    isOpen: boolean;
+    closeServiceState: Function;
+}
+export interface IDrawerProps {
+    duration?: number;
+    width?: number;
+    position?: DrawerPositionsUnion;
+    title?: string;
+    titleEllipsis?: boolean;
+    closeVisible?: boolean;
+    iconClose?: IconsListUnion;
+}
+export interface IDrawerState {
+    component: boolean;
+    drawerProps?: IDrawerProps;
+    componentName?: string;
+    componentProps?: object;
+    modelValue?: boolean;
+    id: string | number;
+    close: Function;
+}
+export type DrawerPositionsUnion = (typeof DrawerPositions)[keyof typeof DrawerPositions];

package/dist/types/IDropdown.d.ts

@@ -0,0 +1,5 @@
+import { DropdownListPositions, DropdownPositions } from '../enums/Dropdown';
+export interface IDropdown {
+}
+export type DropdownListPositionsUnion = (typeof DropdownListPositions)[keyof typeof DropdownListPositions];
+export type DropdownPositionsUnion = (typeof DropdownPositions)[keyof typeof DropdownPositions];

package/dist/types/IFilter.d.ts

@@ -0,0 +1,152 @@
+import { FilterRelations, FilterTypes } from '../enums/Filter';
+export interface IBaseFilter {
+    name: string;
+    value: string;
+    type: FilterTypes;
+    placeholder?: string;
+}
+export interface IFastFilter extends IBaseFilter {
+    type: FilterTypes.Fast;
+    relation: FilterRelations;
+    default: string | number;
+    description: string;
+}
+export interface IRangeFilter extends IBaseFilter {
+    type: FilterTypes.Range;
+    min: number;
+    max: number;
+}
+export interface IRelationOptionsFilter extends IBaseFilter {
+    type: FilterTypes.Relation;
+    is_text: boolean;
+    options: FilterOption[];
+    getAjaxOne?: never;
+    getAjaxOptions?: never;
+}
+export interface IRelationApiFilter extends IBaseFilter {
+    type: FilterTypes.Relation;
+    is_text: boolean;
+    options?: never;
+    getAjaxOne: Function;
+    getAjaxOptions: Function;
+}
+export type FilterOption = Record<string, string | number>;
+export type IRelationFilter = IRelationApiFilter | IRelationOptionsFilter;
+export type IFilter = IFastFilter | IRangeFilter | IRelationFilter | IBaseFilter;
+export interface IFilterBaseTag {
+    id: string | number;
+    title: string;
+    description?: string;
+    category: string;
+    categoryName: string;
+    closable?: boolean;
+    type: FilterTypes;
+}
+export interface IFilterRelationTag extends IFilterBaseTag {
+    value: string | number;
+    relationKey: FilterRelations;
+}
+export interface IFilterRangeTag extends IFilterBaseTag {
+    value: IFilterRangeValue;
+    relationKey?: never;
+}
+export interface IFilterDateTag extends IFilterBaseTag {
+    value: IFilterDateValue;
+    relationKey?: never;
+}
+export interface IFilterTextTag extends IFilterBaseTag {
+    value: string | number;
+    relationKey?: never;
+}
+export type IFilterTag = IFilterRelationTag | IFilterRangeTag | IFilterDateTag | IFilterTextTag;
+export type DateFilterValue = string | null;
+export type RangeFilterValue = string | number | null;
+export interface IFilterRangeValue {
+    more: RangeFilterValue;
+    less: RangeFilterValue;
+}
+export interface IFilterRangeName {
+    more: RangeFilterValue;
+    less: RangeFilterValue;
+}
+export interface IFilterDateValue {
+    more: DateFilterValue;
+    less: DateFilterValue;
+}
+export interface IFilterDateName {
+    more: DateFilterValue;
+    less: DateFilterValue;
+}
+export type FilterRelationValue = {
+    [FilterRelations.Exists]?: string | number | null;
+    [FilterRelations.Is]?: string[];
+    [FilterRelations.IsNot]?: string[];
+};
+export type FilterRelationName = {
+    [FilterRelations.Exists]?: string | null;
+    [FilterRelations.Is]?: Record<string, string>;
+    [FilterRelations.IsNot]?: Record<string, string>;
+};
+export type FilterTextValue = string | number;
+export type FilterTextName = string | number;
+export type FilterMoreLessConditionName = IFilterRangeName | IFilterDateName;
+export type FilterConditionValue = IFilterRangeValue | IFilterDateValue | FilterRelationValue | FilterTextValue;
+export type FilterConditionName = FilterMoreLessConditionName | FilterRelationName | FilterTextName;
+export type IFilterValueFilter = Record<string, FilterConditionValue>;
+export type IFilterValueFilterName = string;
+export type IFilterParsedValueFilter = Record<string, FilterConditionValue>;
+export type IFilterParsedValueFilterName = Record<string, FilterConditionName>;
+export interface IFilterValue {
+    filter: IFilterValueFilter;
+    filter_name: IFilterValueFilterName;
+}
+export interface IFilterParsedValue {
+    filter: IFilterParsedValueFilter;
+    filter_name: IFilterParsedValueFilterName;
+}
+export interface IFilterPreset extends IFilterValue {
+    name: string;
+}
+export interface IFilterCondition {
+    value: FilterConditionValue;
+    valueName?: FilterConditionName;
+}
+export interface IFilterPlaceholders {
+    main_tooltip: string;
+    value: string;
+    condition: string;
+    create_preset: string;
+    fast_filters: string;
+    added_filters: string;
+    enter_preset_name: string;
+    enter_preset_tooltip: string;
+    from: string;
+    to: string;
+    enter: string;
+    choose: string;
+    actions: {
+        add: string;
+        save: string;
+        clear: string;
+        create: string;
+        delete_preset: string;
+        is: string;
+        is_not: string;
+        empty: string;
+        confirm: string;
+    };
+    calendar: {
+        week: string;
+        month: string;
+        quarter: string;
+        year: string;
+        confirm: string;
+    };
+    messages: {
+        same_filter: string;
+        same_preset_name: string;
+        accidentally_cleared: string;
+        accidentally_deleted: string;
+        more_than: string;
+    };
+}

package/dist/types/IGrid.d.ts

@@ -0,0 +1,4 @@
+export interface IGridGutters {
+    gutterX: number;
+    gutterY: number;
+}

package/dist/types/IInput.d.ts

@@ -0,0 +1,5 @@
+import { InputTypes } from '../enums/Input';
+export interface IInput {
+}
+export type InputValue = string | number | null;
+export type InputTypesUnion = (typeof InputTypes)[keyof typeof InputTypes];

package/dist/types/IModal.d.ts

@@ -0,0 +1,27 @@
+import { HorizontalAlignment } from '../enums';
+import { ModalVariation } from '../enums/Modal';
+export interface IModalServiceState {
+    isOpen: boolean;
+    closeServiceState: Function;
+}
+export interface IModalProps {
+    name: string;
+    maxWidth: number;
+    duration: number;
+    closeVisible: boolean;
+    clickBackdropToClose: boolean;
+    arrowVisible: boolean;
+    scrollableContent: boolean;
+    separators: boolean;
+    headerAlign: HorizontalAlignment;
+    topPadding: boolean;
+    variation: ModalVariation;
+}
+export interface IModalState {
+    component: boolean;
+    componentName?: string;
+    componentProps?: object;
+    modelValue?: boolean;
+    id: string | number;
+    close: Function;
+}

package/dist/types/IPreview.d.ts

@@ -0,0 +1,4 @@
+import { PreviewSizes } from '../enums/Preview';
+export interface IPreview {
+}
+export type PreviewSizesUnion = (typeof PreviewSizes)[keyof typeof PreviewSizes];

package/dist/types/IRadio.d.ts

@@ -0,0 +1,4 @@
+import { RadioVariation } from '../enums/Radio';
+export interface IRadio {
+}
+export type RadioVariationUnion = (typeof RadioVariation)[keyof typeof RadioVariation];

package/dist/types/IRadioGroup.d.ts

@@ -0,0 +1,9 @@
+import { RadioGroupDirection } from '../enums/RadioGroup';
+export interface IRadioGroupOption {
+    label: string | number;
+    value: string | number;
+    helpText?: string;
+    disabled?: boolean;
+}
+export type IRadioGroupOptions = string[] | number[] | IRadioGroupOption[];
+export type RadioGroupDirectionUnion = (typeof RadioGroupDirection)[keyof typeof RadioGroupDirection];

package/dist/types/IRoute.d.ts

@@ -0,0 +1,16 @@
+export interface IRouteWithName {
+    name: string;
+    path?: never;
+}
+export interface IRouteWithPath {
+    path: string;
+    name?: never;
+}
+export type IRoute = (IRouteWithName | IRouteWithPath) & {
+    params?: {
+        [key: string]: any;
+    };
+    query?: {
+        [key: string]: any;
+    };
+};

package/dist/types/ISelect.d.ts

@@ -0,0 +1,15 @@
+import { SelectGroupKeys, SelectListDirections } from '../enums/Select';
+export interface ISelectOption {
+    name?: string;
+    value?: string | number;
+    text?: string;
+    icon?: string;
+    [key: string]: any;
+}
+export interface ISelectGroupOption {
+    [SelectGroupKeys.Label]: string;
+    [SelectGroupKeys.Values]: ISelectOption[];
+}
+export type ISelectOptions = ISelectOption[];
+export type ISelectGroupOptions = ISelectGroupOption[];
+export type SelectListDirectionsUnion = (typeof SelectListDirections)[keyof typeof SelectListDirections];

package/dist/types/ISideBar.d.ts

@@ -0,0 +1,73 @@
+import { IconsListUnion } from './styles/Icons';
+import { ButtonVariationUnion } from './IButton';
+import { SidebarTheme } from '../enums';
+import { ColorTypes } from './styles/Colors';
+import { TitleVariationsUnion } from './ITitle';
+export interface ISideBar {
+    logoTitle: string;
+    logoTitleVariation: TitleVariationsUnion;
+    logoSrc: string;
+    logoIcon: IconsListUnion;
+    menuMainTitle: string;
+    menuMain: ISideBarMenuItem[];
+    counts: Record<string, number | null>;
+    menuApps: ISideBarApp[];
+    chatraConfig: ISideBarChatra;
+    hideText: string;
+    compact: boolean;
+    variable: SidebarTheme;
+    width: string;
+    compactWidth: string;
+    absoluteBreakpoint: number;
+    hiddenBreakpoint: number;
+}
+export interface ISideBarChatra {
+    title: string;
+    id: string;
+}
+export interface ISideBarLang {
+    name: 'en' | 'ru' | 'ar' | 'es' | 'pt' | string;
+    href: string;
+}
+export interface ISideBarApp {
+    name: string;
+    icon: IconsListUnion | string;
+    href: string;
+    isVisible?: boolean;
+    exact: boolean;
+    isActive: boolean;
+}
+export interface ISideBarLink {
+    name: string;
+    icon: IconsListUnion;
+    iconColor?: ColorTypes;
+    href: string;
+    to: string;
+    info?: string | number | null;
+    count_key: string;
+}
+export interface ISideBarMenuItem extends ISideBarLink {
+    menu?: ISideBarLink[];
+}
+export interface ISideBarMenuItemEnrichment extends ISideBarMenuItem {
+    id: number;
+    active: Function;
+    indicator: Function;
+    open: boolean;
+}
+export interface ISidebarThemeConfig {
+    mode: SidebarTheme;
+    className: string;
+    dropdownActivator: ButtonVariationUnion;
+    mainMenuLinks: {
+        variable: ButtonVariationUnion;
+        secondaryColor: ColorTypes;
+    };
+    closeButton: {
+        variable: ButtonVariationUnion;
+        secondaryColor: ColorTypes;
+    };
+}
+export interface ISidebarThemeConfigProvide {
+    currentThemeConfig: ISidebarThemeConfig;
+}

package/dist/types/ITable.d.ts

@@ -0,0 +1,69 @@
+import { HorizontalAlignmentUnion } from './styles/Alignment';
+import { IconsListUnion } from './styles/Icons';
+export type SortDirection = null | 'asc' | 'desc';
+export interface ITableColumnBase {
+    header: string | number;
+    field: string;
+    total?: number;
+    sortable?: boolean;
+    align?: HorizontalAlignmentUnion;
+}
+export interface ITableColumnWidth extends ITableColumnBase {
+    width: number;
+    minWidth?: never;
+}
+export interface ITableColumnMinWidth extends ITableColumnBase {
+    minWidth: number;
+    width?: never;
+}
+export type ITableColumn = ITableColumnWidth | ITableColumnMinWidth;
+export type ITableColumnEnriched = ITableColumn & {
+    fixedFirst: boolean;
+    fixedLast: boolean;
+    style?: {
+        [key: string]: undefined | string | number;
+    };
+    class?: {
+        [key: string]: boolean;
+    };
+};
+export type ITableTotals<T extends ITableColumnBase> = {
+    [key in T['field']]?: string | number;
+};
+export type ITableData = any[];
+export interface ITableSort {
+    sort_column: string;
+    sort_direction: SortDirection;
+}
+export interface ITableSortState {
+    direction: SortDirection;
+    next_direction: SortDirection;
+    icon: IconsListUnion;
+}
+export interface ITablePlaceholders {
+    no_data: string;
+    loading: string;
+    all_loaded: string;
+    total: string;
+}
+export interface ITableCardProps {
+    id?: string | number;
+    tableColumns: ITableColumn[];
+    tableData: ITableData;
+    tableTotals: ITableTotals<ITableColumn>;
+    tableSort: ITableSort;
+    tableHeaderRowHeight: number;
+    tableFooterRowHeight: number;
+    tableFixedFirstColumn: boolean;
+    tableCardProps: Record<any, any>;
+    footerBlur?: boolean;
+}
+export interface ITableCardOpenState {
+    state: true;
+    id: string | number | undefined;
+}
+export interface ITableCardCloseState {
+    state: false;
+    id?: never;
+}
+export type TableCardState = ITableCardOpenState | ITableCardCloseState;

package/dist/types/ITabs.d.ts

@@ -0,0 +1,31 @@
+import { IRoute } from './IRoute';
+import { ColorTypes } from './styles/Colors';
+import { IconsListUnion } from './styles/Icons';
+import { TabVariations } from '../enums/Tab';
+export interface ITab {
+    isActive: boolean;
+    isVisible: boolean;
+    computedId: string;
+    hash: string;
+    hasAppendCount: boolean;
+    appendCountStyles: string;
+    header: string;
+    href?: string;
+    to?: IRoute;
+    id: string;
+    name: string;
+    iconAppendColor: ColorTypes;
+    iconPrependColor: ColorTypes;
+    iconAppend: IconsListUnion;
+    iconPrepend: IconsListUnion;
+    visible: boolean;
+    isDisabled: boolean;
+    appendCountColor: string;
+    appendCount: string | number;
+    suffix: string;
+    prefix: string;
+    hideTab: Function;
+    showTab: Function;
+    onClick: Function | unknown;
+}
+export type TabVariationUnion = (typeof TabVariations)[keyof typeof TabVariations];

package/dist/types/ITitle.d.ts

@@ -0,0 +1,5 @@
+import { TitleSizes, TitleVariations } from '../enums/Title';
+export interface ITitle {
+}
+export type TitleSizesUnion = (typeof TitleSizes)[keyof typeof TitleSizes];
+export type TitleVariationsUnion = (typeof TitleVariations)[keyof typeof TitleVariations];

package/dist/types/ITooltip.d.ts

@@ -0,0 +1,26 @@
+import { TooltipPositions, TooltipSizes } from '../enums/Tooltip';
+export interface ITooltip {
+    content?: string;
+    size?: TooltipSizes;
+    placement?: TooltipPositions;
+    arrow?: boolean;
+    color?: string | undefined | null;
+    textColor?: string | undefined | null;
+}
+export interface ITooltipStyles {
+    top: number | null;
+    left: number | null;
+    translate: string;
+}
+export interface ITooltipInstance extends ITooltip {
+    target: HTMLElement;
+    id: number;
+    visible: boolean;
+    position: ITooltipStyles;
+    updateTooltipPosition: Function;
+    destroy: Function;
+    showTooltip: Function;
+    hideTooltip: Function;
+}
+export type TooltipPositionsUnion = (typeof TooltipPositions)[keyof typeof TooltipPositions];
+export type TooltipSizesUnion = (typeof TooltipSizes)[keyof typeof TooltipSizes];

package/dist/types/index.d.ts

@@ -0,0 +1,36 @@
+export * from './IButton';
+export * from './ICell';
+export * from './IChip';
+export * from './ICollapse';
+export * from './IDatepicker';
+export * from './IDirections';
+export * from './IDrawer';
+export * from './IDropdown';
+export * from './IFilter';
+export * from './IGrid';
+export * from './IInput';
+export * from './IModal';
+export * from './IPreview';
+export * from './IRadio';
+export * from './IRadioGroup';
+export * from './IRoute';
+export * from './ISelect';
+export * from './ISideBar';
+export * from './ITable';
+export * from './ITabs';
+export * from './ITitle';
+export * from './ITooltip';
+export * from './styles/Alignment';
+export * from './styles/AvatarSizes';
+export * from './styles/Colors';
+export * from './styles/Durations';
+export * from './styles/FontSizes';
+export * from './styles/FontWeights';
+export * from './styles/Grid';
+export * from './styles/Icons';
+export * from './styles/LineHeights';
+export * from './styles/MediaQueries';
+export * from './styles/Radiuses';
+export * from './styles/Sizes';
+export * from './styles/Spaces';
+export * from './styles/Weights';

package/dist/types/styles/Alignment.d.ts

@@ -0,0 +1,2 @@
+import { HorizontalAlignment } from '../../enums/ui/Alignment';
+export type HorizontalAlignmentUnion = (typeof HorizontalAlignment)[keyof typeof HorizontalAlignment];

package/dist/types/styles/AvatarSizes.d.ts

@@ -0,0 +1,22 @@
+export declare const AvatarSizes: {
+    "300": string;
+    "400": string;
+    "500": string;
+    "600": string;
+    "700": string;
+    "800": string;
+    "900": string;
+    "1000": string;
+};
+declare const modes: {
+    readonly "300": string;
+    readonly "400": string;
+    readonly "500": string;
+    readonly "600": string;
+    readonly "700": string;
+    readonly "800": string;
+    readonly "900": string;
+    readonly "1000": string;
+};
+export type AvatarSizeTypes = keyof typeof modes;
+export {};