mediacube-ui-v2 0.0.3 → 0.0.5

package/src/types/IButton.ts

@@ -0,0 +1,48 @@
+import { ButtonModifiers, ButtonSize, ButtonType } from '@/enums/ui/Button'
+import type { ColorsUnion, ColorTypes } from '@/types/styles/Colors'
+import type { HorizontalAlignmentUnion } from '@/types/styles/Alignment'
+import type { WeightsUnion } from '@/types/styles/Weights'
+import type { TooltipPositionsUnion } from '@/types/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/src/types/ICell.ts

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

package/src/types/IChip.ts

@@ -0,0 +1,13 @@
+import { ChipModifiers, ChipSize } from '@/enums/Chip'
+import type { ColorTypes } from '@/types/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/src/types/ICollapse.ts

@@ -0,0 +1,15 @@
+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/src/types/IDatepicker.ts

@@ -0,0 +1,44 @@
+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/src/types/IDirections.ts

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

package/src/types/IDrawer.ts

@@ -0,0 +1,29 @@
+import type { IconsListUnion } from '@/types/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/src/types/IDropdown.ts

@@ -0,0 +1,6 @@
+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/src/types/IFilter.ts

@@ -0,0 +1,185 @@
+import { type FilterRelations, type 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
+
+// Range filter pair
+export interface IFilterRangeValue {
+  more: RangeFilterValue
+  less: RangeFilterValue
+}
+export interface IFilterRangeName {
+  more: RangeFilterValue
+  less: RangeFilterValue
+}
+
+// Date filter pair
+export interface IFilterDateValue {
+  more: DateFilterValue
+  less: DateFilterValue
+}
+export interface IFilterDateName {
+  more: DateFilterValue
+  less: DateFilterValue
+}
+
+// Relation filter pair
+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>
+}
+
+// Text filter pair
+export type FilterTextValue = string | number
+export type FilterTextName = string | number
+
+// Типы у которых есть more & less
+export type FilterMoreLessConditionName = IFilterRangeName | IFilterDateName
+
+// Filter condition types
+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>
+
+// Filter general value
+export interface IFilterValue {
+  filter: IFilterValueFilter
+  filter_name: IFilterValueFilterName
+}
+
+// Filter general parsed value
+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/src/types/IGrid.ts

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

package/src/types/IInput.ts

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

package/src/types/IModal.ts

@@ -0,0 +1,30 @@
+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/src/types/IPreview.ts

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

package/src/types/IRadio.ts

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

package/src/types/IRadioGroup.ts

@@ -0,0 +1,12 @@
+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/src/types/IRoute.ts

@@ -0,0 +1,14 @@
+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/src/types/ISelect.ts

@@ -0,0 +1,19 @@
+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/src/types/ISideBar.ts

@@ -0,0 +1,76 @@
+import type { IconsListUnion } from '@/types/styles/Icons'
+import type { ButtonVariationUnion } from '@/types/IButton'
+import { SidebarTheme } from '@/enums'
+import type { ColorTypes } from '@/types/styles/Colors'
+import type { TitleVariationsUnion } from '@/types/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/src/types/ITable.ts

@@ -0,0 +1,76 @@
+import type { HorizontalAlignmentUnion } from '@/types/styles/Alignment'
+import type { IconsListUnion } from '@/types/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/src/types/ITabs.ts

@@ -0,0 +1,33 @@
+import type { IRoute } from '@/types/IRoute'
+import type { ColorTypes } from '@/types/styles/Colors'
+import { type IconsListUnion } from '@/types/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/src/types/ITitle.ts

@@ -0,0 +1,6 @@
+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/src/types/ITooltip.ts

@@ -0,0 +1,30 @@
+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]