mediacube-ui-v2 0.0.3 → 0.0.5

package/src/types/index.ts

@@ -0,0 +1,39 @@
+// Types
+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'
+
+// Style types
+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/src/types/styles/Alignment.ts

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

package/src/types/styles/AvatarSizes.ts

@@ -0,0 +1,5 @@
+import sizes from '../../assets/tokens/json/sizes.json'
+export const AvatarSizes = sizes['$token-avatar-sizes']
+
+const modes = { ...sizes['$token-avatar-sizes'] } as const
+export type AvatarSizeTypes = keyof typeof modes

package/src/types/styles/Colors.ts

@@ -0,0 +1,6 @@
+import colors from '../../assets/tokens/json/colors.json'
+export const Colors = colors['$token-colors']
+
+const modes = { ...colors['$token-colors'] } as const
+export type ColorTypes = keyof typeof modes
+export type ColorsUnion = (typeof Colors)[keyof typeof Colors]

package/src/types/styles/Durations.ts

@@ -0,0 +1,6 @@
+import durations from '../../assets/tokens/json/durations.json'
+export const Durations = durations['$token-durations']
+
+const DurationsObj = { ...durations['$token-durations'] } as const
+export type DurationsTypes = keyof typeof DurationsObj
+export type DurationsTypesUnion = (typeof DurationsObj)[keyof typeof Durations]

package/src/types/styles/FontSizes.ts

@@ -0,0 +1,5 @@
+import fontSizes from '../../assets/tokens/json/font-sizes.json'
+export const FontSizes = fontSizes['$token-font-sizes']
+
+const modes = { ...fontSizes['$token-font-sizes'] } as const
+export type FontSizeTypes = keyof typeof modes

package/src/types/styles/FontWeights.ts

@@ -0,0 +1,6 @@
+import fontWeights from '../../assets/tokens/json/font-weights.json'
+export const FontWeights = fontWeights['$token-font-weights']
+
+const modes = { ...fontWeights['$token-font-weights'] } as const
+export type FontWeightTypes = keyof typeof modes
+export type FontWeightsUnion = (typeof FontWeights)[keyof typeof FontWeights]

package/src/types/styles/Grid.ts

@@ -0,0 +1,18 @@
+import { ColumnAlignment, ColumnJustifyAlignment } from '@/enums/Grid'
+
+export type ColumnSpanUnion =
+  | '1'
+  | '2'
+  | '3'
+  | '4'
+  | '5'
+  | '6'
+  | '7'
+  | '8'
+  | '9'
+  | '10'
+  | '11'
+  | '12'
+export type ColumnJustifyAlignmentUnion =
+  (typeof ColumnJustifyAlignment)[keyof typeof ColumnJustifyAlignment]
+export type ColumnAlignmentUnion = (typeof ColumnAlignment)[keyof typeof ColumnAlignment]

package/src/types/styles/Icons.ts

@@ -0,0 +1,4 @@
+import iconsList from '@/mocks/icons.json'
+
+const icons = { ...iconsList } as const
+export type IconsListUnion = keyof typeof icons

package/src/types/styles/LineHeights.ts

@@ -0,0 +1,5 @@
+import lineHeights from '../../assets/tokens/json/line-heights.json'
+export const LineHeights = lineHeights['$token-line-heights']
+
+const modes = { ...lineHeights['$token-line-heights'] } as const
+export type LineHeightTypes = keyof typeof modes

package/src/types/styles/MediaQueries.ts

@@ -0,0 +1,5 @@
+import mediaQueries from '../../assets/tokens/json/media-queries.json'
+export const MediaQueries = mediaQueries['$token-media-queries']
+
+const modes = { ...mediaQueries['$token-media-queries'] } as const
+export type MediaQueryTypes = keyof typeof modes

package/src/types/styles/Radiuses.ts

@@ -0,0 +1,5 @@
+import radiuses from '../../assets/tokens/json/border-radius.json'
+export const Radiuses = radiuses['$token-radius']
+
+const modes = { ...radiuses['$token-radius'] } as const
+export type RadioTypes = keyof typeof modes

package/src/types/styles/Sizes.ts

@@ -0,0 +1,6 @@
+import sizes from '../../assets/tokens/json/sizes.json'
+export const Sizes = sizes['$token-icon-sizes']
+
+const modes = { ...sizes['$token-icon-sizes'] } as const
+export type SizeTypes = keyof typeof modes
+export type SizesUnion = (typeof Sizes)[keyof typeof Sizes]

package/src/types/styles/Spaces.ts

@@ -0,0 +1,6 @@
+import spaces from '../../assets/tokens/json/spacings.json'
+export const Spaces = spaces['$token-spaces']
+
+const modes = { ...spaces['$token-spaces'] } as const
+export type SpaceTypes = keyof typeof modes
+export type SpacesUnion = (typeof Spaces)[keyof typeof Spaces]

package/src/types/styles/Weights.ts

@@ -0,0 +1,3 @@
+import { Weights } from '@/enums/ui/Weights'
+
+export type WeightsUnion = (typeof Weights)[keyof typeof Weights]

package/src/utils/dayjs.js

@@ -0,0 +1,22 @@
+import dayjs from 'dayjs'
+import timezone from 'dayjs/plugin/timezone'
+import utc from 'dayjs/plugin/utc'
+import customParseFormat from 'dayjs/plugin/customParseFormat'
+import 'dayjs/locale/en'
+
+
+// EN have direct import
+const dayjsLocales = {
+    en: () => Promise.resolve(),
+    es: () => import('dayjs/locale/es'),
+    pt: () => import('dayjs/locale/pt'),
+    th: () => import('dayjs/locale/th'),
+    ru: () => import('dayjs/locale/ru'),
+    vi: () => import('dayjs/locale/vi'),
+}
+
+dayjs.extend(timezone)
+dayjs.extend(utc)
+dayjs.extend(customParseFormat)
+
+export { dayjs, dayjsLocales }

package/src/utils/mcGridColAdaptiveProps.ts

@@ -0,0 +1,15 @@
+import { ColumnSizes } from '@/enums/Grid'
+export const adaptivePropsParams = ['span', 'order', 'offset', 'push', 'pull']
+export const adaptivePropsSizes = Object.values(ColumnSizes)
+
+interface ComponentPropType {
+  type: StringConstructor,
+}
+const additionalProps: { [key: string]: ComponentPropType } = {}
+
+adaptivePropsParams.forEach(value => {
+  adaptivePropsSizes.forEach(size => {
+    additionalProps[`${value}-${size}`] = { type: String }
+  })
+})
+export const adaptiveAdditionalProps = additionalProps

package/src/utils/mcTitleAdaptiveProps.ts

@@ -0,0 +1,15 @@
+import { TitleSizes } from '@/enums/Title'
+export const adaptivePropsParams = ['variation', 'weight']
+export const adaptivePropsSizes = Object.values(TitleSizes)
+
+interface ComponentPropType {
+  type: StringConstructor,
+}
+const additionalProps: { [key: string]: ComponentPropType } = {}
+
+adaptivePropsParams.forEach(value => {
+  adaptivePropsSizes.forEach(size => {
+    additionalProps[`${value}-${size}`] = { type: String }
+  })
+})
+export const adaptiveAdditionalProps = additionalProps

package/dist/McBottomLoader-DP6VeK0N.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./index-DUxSE0Pp.js";
-export {
-  f as default
-};

package/dist/McOverlay-BZft7En3.js

@@ -1,4 +0,0 @@
-import { a as f } from "./index-DUxSE0Pp.js";
-export {
-  f as default
-};

package/dist/es-CKatgsl2.js

@@ -1,39 +0,0 @@
-import { g as m, d as u, c as d } from "./index-DUxSE0Pp.js";
-function l(n, a) {
-  for (var r = 0; r < a.length; r++) {
-    const e = a[r];
-    if (typeof e != "string" && !Array.isArray(e)) {
-      for (const o in e)
-        if (o !== "default" && !(o in n)) {
-          const s = Object.getOwnPropertyDescriptor(e, o);
-          s && Object.defineProperty(n, o, s.get ? s : {
-            enumerable: !0,
-            get: () => e[o]
-          });
-        }
-    }
-  }
-  return Object.freeze(Object.defineProperty(n, Symbol.toStringTag, { value: "Module" }));
-}
-var _ = { exports: {} };
-(function(n, a) {
-  (function(r, e) {
-    n.exports = e(u);
-  })(d, function(r) {
-    function e(t) {
-      return t && typeof t == "object" && "default" in t ? t : { default: t };
-    }
-    var o = e(r), s = { name: "es", monthsShort: "ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"), weekdays: "domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"), weekdaysShort: "dom._lun._mar._mié._jue._vie._sáb.".split("_"), weekdaysMin: "do_lu_ma_mi_ju_vi_sá".split("_"), months: "enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"), weekStart: 1, formats: { LT: "H:mm", LTS: "H:mm:ss", L: "DD/MM/YYYY", LL: "D [de] MMMM [de] YYYY", LLL: "D [de] MMMM [de] YYYY H:mm", LLLL: "dddd, D [de] MMMM [de] YYYY H:mm" }, relativeTime: { future: "en %s", past: "hace %s", s: "unos segundos", m: "un minuto", mm: "%d minutos", h: "una hora", hh: "%d horas", d: "un día", dd: "%d días", M: "un mes", MM: "%d meses", y: "un año", yy: "%d años" }, ordinal: function(t) {
-      return t + "º";
-    } };
-    return o.default.locale(s, null, !0), s;
-  });
-})(_);
-var i = _.exports;
-const c = /* @__PURE__ */ m(i), p = /* @__PURE__ */ l({
-  __proto__: null,
-  default: c
-}, [i]);
-export {
-  p as e
-};

package/dist/index.es.js

@@ -1,135 +0,0 @@
-import { x as e, A as i, W as o, V as t, U as r, f as c, j as l, h as n, C as M, w as d, v as p, u as b, m as T, l as u, o as S, k as g, n as D, X as F, p as m, q as C, r as w, D as z, s as B, t as y, F as h, b as R, Q as f, I as k, L as P, am as A, Z as v, $ as x, _ as L, a0 as V, an as G, a1 as H, ao as I, a2 as W, a3 as N, a4 as E, aJ as O, aK as Q, aL as U, ap as j, aq as J, a5 as K, a6 as q, a7 as X, a8 as Y, a9 as Z, aa as _, ab as $, ar as aa, as as sa, at as ea, au as ia, av as oa, aw as ta, ax as ra, ay as ca, az as la, ac as na, aN as Ma, aM as da, ad as pa, ae as ba, a as Ta, aA as ua, af as Sa, ag as ga, aB as Da, aC as Fa, aD as ma, aE as Ca, aF as wa, ah as za, ai as Ba, aj as ya, aG as ha, aO as Ra, aQ as fa, aP as ka, aR as Pa, aS as Aa, aH as va, ak as xa, al as La, aT as Va, aU as Ga, aI as Ha, M as Ia, y as Wa, P as Na, B as Ea, z as Oa, R as Qa, E as Ua, G as ja, H as Ja, S as Ka, e as qa, T as Xa, J as Ya, K as Za, N as _a, O as $a, a$ as as, Y as ss, b0 as es, b1 as is, b2 as os, b3 as ts, i as rs, b4 as cs, b5 as ls, b6 as ns, b7 as Ms, b8 as ds, b9 as ps, ba as bs, bb as Ts, bc as us, bd as Ss, be as gs, bf as Ds, aW as Fs, aZ as ms, a_ as Cs, aV as ws, aY as zs, aX as Bs, bg as ys } from "./index-DUxSE0Pp.js";
-export {
-  e as Autocomplete,
-  i as AvatarSizes,
-  o as ButtonModifiers,
-  t as ButtonSize,
-  r as ButtonType,
-  c as CellSizes,
-  l as ChipModifiers,
-  n as ChipSize,
-  M as Colors,
-  d as ColumnAlignment,
-  p as ColumnJustifyAlignment,
-  b as ColumnSizes,
-  T as DatepickerFormat,
-  u as DatepickerFormatsVariations,
-  S as DatepickerOutputFormat,
-  g as DatepickerTypes,
-  D as DayjsFormat,
-  F as Directions,
-  m as DrawerPositions,
-  C as DropdownListPositions,
-  w as DropdownPositions,
-  z as Durations,
-  B as FilterRelations,
-  y as FilterTypes,
-  h as FontSizes,
-  R as FontWeights,
-  f as HorizontalAlignment,
-  k as InputTypes,
-  P as LineHeights,
-  A as McAccordion,
-  v as McAvatar,
-  x as McBadge,
-  L as McBottomLoader,
-  V as McButton,
-  G as McCell,
-  H as McChip,
-  I as McCollapse,
-  W as McCropper,
-  N as McDatepicker,
-  E as McDraggable,
-  O as McDrawer,
-  Q as McDrawerContainer,
-  U as McDrawerContentTemplate,
-  j as McDropdown,
-  J as McDropdownPanel,
-  K as McFieldCheckbox,
-  q as McFieldRadio,
-  X as McFieldRadioGroup,
-  Y as McFieldRange,
-  Z as McFieldSelect,
-  _ as McFieldText,
-  $ as McFieldToggle,
-  aa as McFilter,
-  sa as McFilterChip,
-  ea as McFilterTags,
-  ia as McFilterTypeDate,
-  oa as McFilterTypeRange,
-  ta as McFilterTypeRelation,
-  ra as McFilterTypeText,
-  ca as McGridCol,
-  la as McGridRow,
-  na as McInfinityLoadingTrigger,
-  Ma as McModal,
-  da as McModalContainer,
-  pa as McNoData,
-  ba as McNotification,
-  Ta as McOverlay,
-  ua as McPreview,
-  Sa as McProgress,
-  ga as McSeparator,
-  Da as McSideBar,
-  Fa as McSideBarBottom,
-  ma as McSideBarButton,
-  Ca as McSideBarCenter,
-  wa as McSideBarTop,
-  za as McSlideUpDown,
-  Ba as McStack,
-  ya as McSvgIcon,
-  ha as McTab,
-  Ra as McTable,
-  fa as McTableCard,
-  ka as McTableCardHeader,
-  Pa as McTableSkeletonLoading,
-  Aa as McTableSort,
-  va as McTabs,
-  xa as McTitle,
-  La as McTooltip,
-  Va as McTopBar,
-  Ga as McVirtualScroll,
-  Ha as McWrapScroll,
-  Ia as MediaQueries,
-  Wa as ModalVariation,
-  Na as PreviewSizes,
-  Ea as RadioGroupDirection,
-  Oa as RadioVariation,
-  Qa as Radiuses,
-  Ua as SelectGroupKeys,
-  ja as SelectListDirections,
-  Ja as SidebarTheme,
-  Ka as Sizes,
-  qa as Spaces,
-  Xa as TabVariations,
-  Ya as TitleSizes,
-  Za as TitleVariations,
-  _a as TooltipPositions,
-  $a as TooltipSizes,
-  as as UseEncodeDecode,
-  ss as Weights,
-  es as animations,
-  is as borderRadius,
-  os as boxShadows,
-  ts as colors,
-  rs as default,
-  cs as durations,
-  ls as easings,
-  ns as fontFamilies,
-  Ms as fontSizes,
-  ds as fontWeights,
-  ps as gradients,
-  bs as letterSpacings,
-  Ts as lineHeights,
-  us as mediaQueries,
-  Ss as opacities,
-  gs as sizes,
-  Ds as spacings,
-  Fs as useDrawer,
-  ms as useFieldErrors,
-  Cs as useHelper,
-  ws as useModal,
-  zs as useRandomNumber,
-  Bs as useTooltip,
-  ys as zIndexes
-};