mediacube-ui-v2 0.0.2 → 0.0.4

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