@nmorph/nmorph-ui-kit 2.2.38 → 2.2.40

package/dist/src/types/image.types.d.ts

@@ -0,0 +1,17 @@
+export declare enum AvatarShapeType {
+    circle = "circle",
+    square = "square"
+}
+export declare enum NmorphImageFit {
+    fill = "fill",
+    contain = "contain",
+    cover = "cover",
+    none = "none",
+    'scale-down' = "scale-down"
+}
+export interface INmorphImage {
+    src?: string;
+    srcSet?: string;
+    fit?: keyof typeof NmorphImageFit;
+    alt?: string;
+}

package/dist/src/types/index.d.ts

@@ -1,206 +1,8 @@
-import { CSSProperties, Ref } from 'vue';
-import { I18n } from 'vue-i18n';
-import { NmorphFormValidationDataType } from '../components';
-import { useNmorphBrowser, useNmorphTheme, useNmorphZIndex } from '../outside-hooks';
-export interface INmorphInstance {
-    theme: ReturnType<typeof useNmorphTheme>;
-    browser: ReturnType<typeof useNmorphBrowser>;
-    zIndex: ReturnType<typeof useNmorphZIndex>;
-}
-export interface INmorphFromDataExpose {
-    formData: NmorphFormValidationDataType;
-}
-export declare enum NmorphComponentHeight {
-    thick = "thick-component",
-    basic = "basic-component",
-    thin = "thin-component"
-}
-export declare const NmorphSelectionControlHeight: {
-    readonly 'extra-thin': "extra-thin-component";
-    readonly thick: NmorphComponentHeight.thick;
-    readonly basic: NmorphComponentHeight.basic;
-    readonly thin: NmorphComponentHeight.thin;
-};
-export type NmorphSelectionControlHeightType = keyof typeof NmorphSelectionControlHeight;
-export type NmorphSortOrderType = keyof typeof NmorphSortOrder | undefined;
-export declare enum AvatarShapeType {
-    circle = "circle",
-    square = "square"
-}
-export declare enum NmorphSortOrder {
-    ascending = "ascending",
-    descending = "descending"
-}
-export declare enum NmorphComponentDirection {
-    row = "row",
-    column = "column"
-}
-export interface INmorphCommonInputProps {
-    id?: string;
-    name?: string;
-    autocomplete?: string;
-    height?: keyof typeof NmorphComponentHeight;
-    disabled?: boolean;
-    tabindex?: number;
-}
-export declare enum NmorphShadowType {
-    inset = "shadow-inset",
-    outset = "shadow-outset",
-    combined = "shadow-combined",
-    'not-defined' = "shadow-not-defined"
-}
-export declare enum NmorphColor {
-    accent = "accent",
-    success = "success",
-    error = "error",
-    warning = "warning"
-}
-export declare enum NmorphComponentPosition {
-    left = "left",
-    right = "right",
-    top = "top",
-    bottom = "bottom"
-}
-export type NmorphPlacementSideType = keyof typeof NmorphComponentPosition;
-export type NmorphPlacementAlignType = 'start' | 'center' | 'end';
-export type NmorphPlacementType = NmorphPlacementSideType | `${NmorphPlacementSideType}-${NmorphPlacementAlignType}`;
-export type NmorphDomElementType = HTMLElement | null;
-export type NmorphElementDesignType = 'nmorph' | 'common';
-export interface INmorphCoords<T> {
-    x: T;
-    y: T;
-}
-export declare enum NmorphImageFit {
-    fill = "fill",
-    contain = "contain",
-    cover = "cover",
-    none = "none",
-    'scale-down' = "scale-down"
-}
-export interface INmorphColorVariable {
-    name: string;
-    color: string;
-}
-export interface INmorphOtherThemeOptions {
-    baseShadowWidth?: string;
-    baseShadowBlurCoefficient?: string;
-}
-export interface INmorphThemeOptions {
-    themes?: NmorphThemeOptionsType;
-    defaultTheme?: string;
-    saveCurrentThemeToLS?: boolean;
-    darkShadeGeneratorCoefficient?: number;
-    lightShadeGeneratorCoefficient?: number;
-    other?: INmorphOtherThemeOptions;
-}
-export interface INmorphOptions {
-    theme?: INmorphThemeOptions;
-    i18n?: INmorphApplyTranslation;
-    zIndex?: {
-        base?: number;
-    };
-}
-export type NmorphThemeOptionsType = Record<string, INmorphThemeColors>;
-export interface INmorphStaticColors {
-    info?: string;
-    infoText?: string;
-    success?: string;
-    successText?: string;
-    error?: string;
-    errorText?: string;
-    warn?: string;
-    warnText?: string;
-    gray?: string;
-    accent?: string;
-    scrollThumb?: string;
-    white?: string;
-    black?: string;
-    text?: string;
-    overlay?: string;
-    focusText?: string;
-    placeholderText?: string;
-    semiContrastText?: string;
-    contrastText?: string;
-}
-export interface INmorphDynamicColors {
-    darkShade?: string;
-    lightShade?: string;
-}
-export interface INmorphThemeColors extends INmorphDynamicColors, INmorphStaticColors {
-    main?: string;
-}
-export type NmorphThemeMapType = Record<string, INmorphColorVariable[]>;
-export declare enum Locale {
-    en = "en",
-    ru = "ru",
-    zh = "zh"
-}
-export type TranslateType = Partial<Record<keyof typeof Locale, TranslateMessages>> & {
-    en: TranslateMessages;
-};
-export interface TranslateMessages {
-    [key: string]: TranslateMessages | string;
-}
-export interface LibraryOptions {
-    i18n?: I18n;
-}
-export interface INmorphApplyTranslation {
-    outsideMessagesMerge?: boolean;
-    messages?: TranslateType;
-    locale?: keyof typeof Locale;
-}
-export interface INmorphThemeInstance {
-    setTheme: (theme: string) => void;
-    setThemeColors: (theme: string, colors: INmorphThemeColors) => void;
-    applyTheme: (theme: string, colors?: INmorphThemeColors) => void;
-    currentTheme: Readonly<Ref<string>>;
-    data: INmorphThemeOptions;
-    getDynamicColorVariables: (mainBgColor: string) => INmorphColorVariable[];
-}
-export interface INmorphA11yProps {
-    role?: string;
-    ariaLabel?: string;
-    ariaOrientation?: string;
-}
-export interface INmorphDimensions {
-    width: number;
-    height: number;
-}
-export type NmorphCSSProperties = CSSProperties & Record<`--${string}`, string | number | undefined>;
-export interface INmorphImage {
-    src?: string;
-    srcSet?: string;
-    fit?: keyof typeof NmorphImageFit;
-    alt?: string;
-}
-export interface INmorphCheckboxOption {
-    id?: string;
-    disabled?: boolean;
-    modelValue?: boolean;
-    label?: string;
-    design?: NmorphCheckboxDesignType;
-    height?: NmorphSelectionControlHeightType;
-}
-export type NmorphCheckboxDesignType = 'button' | 'checkbox';
-export type NmorphCheckboxGroupSelectedValueInjectionType = Ref<string[]>;
-export type NmorphCheckboxGroupChangeCheckboxValueHandlerInjectionType = (value: string, currentState: string[]) => void;
-export interface INmorphRadioOption {
-    disabled?: boolean;
-    label?: string;
-    value: string;
-    tabindex?: number;
-    height?: NmorphSelectionControlHeightType;
-}
-export declare enum NmorphRadioStyleType {
-    'radio-style' = "radio-style",
-    'button' = "button"
-}
-export type NmorphRadioGroupSelectedValueInjectionType = Ref<string>;
-export type NmorphRadioChangeRadioButtonValueHandlerInjectionType = (value: string) => void;
-export declare enum NmorphSelectionDateType {
-    'date' = "date",
-    'dates' = "dates",
-    'daterange' = "daterange"
-}
-export type NmorphInnerPickerType = 'calendar' | 'year' | 'month';
-export type NmorphDatePickerControlsType = 'decrease' | 'increase';
+export * from './app.types';
+export * from './common.types';
+export * from './date.types';
+export * from './image.types';
+export * from './selection.types';
+export * from './table.types';
+export * from './theme.types';
+export * from './translation.types';

package/dist/src/types/selection.types.d.ts

@@ -0,0 +1,26 @@
+import { Ref } from 'vue';
+import { NmorphSelectionControlHeightType } from './common.types';
+export interface INmorphCheckboxOption {
+    id?: string;
+    disabled?: boolean;
+    modelValue?: boolean;
+    label?: string;
+    design?: NmorphCheckboxDesignType;
+    height?: NmorphSelectionControlHeightType;
+}
+export type NmorphCheckboxDesignType = 'button' | 'checkbox';
+export type NmorphCheckboxGroupSelectedValueInjectionType = Ref<string[]>;
+export type NmorphCheckboxGroupChangeCheckboxValueHandlerInjectionType = (value: string, currentState: string[]) => void;
+export interface INmorphRadioOption {
+    disabled?: boolean;
+    label?: string;
+    value: string;
+    tabindex?: number;
+    height?: NmorphSelectionControlHeightType;
+}
+export declare enum NmorphRadioStyleType {
+    'radio-style' = "radio-style",
+    'button' = "button"
+}
+export type NmorphRadioGroupSelectedValueInjectionType = Ref<string>;
+export type NmorphRadioChangeRadioButtonValueHandlerInjectionType = (value: string) => void;

package/dist/src/types/table.types.d.ts

@@ -0,0 +1,5 @@
+export type NmorphSortOrderType = keyof typeof NmorphSortOrder | undefined;
+export declare enum NmorphSortOrder {
+    ascending = "ascending",
+    descending = "descending"
+}

package/dist/src/types/theme.types.d.ts

@@ -0,0 +1,55 @@
+import { Ref } from 'vue';
+export interface INmorphColorVariable {
+    name: string;
+    color: string;
+}
+export interface INmorphOtherThemeOptions {
+    baseShadowWidth?: string;
+    baseShadowBlurCoefficient?: string;
+}
+export interface INmorphThemeOptions {
+    themes?: NmorphThemeOptionsType;
+    defaultTheme?: string;
+    saveCurrentThemeToLS?: boolean;
+    darkShadeGeneratorCoefficient?: number;
+    lightShadeGeneratorCoefficient?: number;
+    other?: INmorphOtherThemeOptions;
+}
+export type NmorphThemeOptionsType = Record<string, INmorphThemeColors>;
+export interface INmorphStaticColors {
+    info?: string;
+    infoText?: string;
+    success?: string;
+    successText?: string;
+    error?: string;
+    errorText?: string;
+    warn?: string;
+    warnText?: string;
+    gray?: string;
+    accent?: string;
+    scrollThumb?: string;
+    white?: string;
+    black?: string;
+    text?: string;
+    overlay?: string;
+    focusText?: string;
+    placeholderText?: string;
+    semiContrastText?: string;
+    contrastText?: string;
+}
+export interface INmorphDynamicColors {
+    darkShade?: string;
+    lightShade?: string;
+}
+export interface INmorphThemeColors extends INmorphDynamicColors, INmorphStaticColors {
+    main?: string;
+}
+export type NmorphThemeMapType = Record<string, INmorphColorVariable[]>;
+export interface INmorphThemeInstance {
+    setTheme: (theme: string) => void;
+    setThemeColors: (theme: string, colors: INmorphThemeColors) => void;
+    applyTheme: (theme: string, colors?: INmorphThemeColors) => void;
+    currentTheme: Readonly<Ref<string>>;
+    data: INmorphThemeOptions;
+    getDynamicColorVariables: (mainBgColor: string) => INmorphColorVariable[];
+}

package/dist/src/types/translation.types.d.ts

@@ -0,0 +1,20 @@
+import { I18n } from 'vue-i18n';
+export declare enum Locale {
+    en = "en",
+    ru = "ru",
+    zh = "zh"
+}
+export type TranslateType = Partial<Record<keyof typeof Locale, TranslateMessages>> & {
+    en: TranslateMessages;
+};
+export interface TranslateMessages {
+    [key: string]: TranslateMessages | string;
+}
+export interface LibraryOptions {
+    i18n?: I18n;
+}
+export interface INmorphApplyTranslation {
+    outsideMessagesMerge?: boolean;
+    messages?: TranslateType;
+    locale?: keyof typeof Locale;
+}

package/dist/src/utils/common.d.ts

@@ -1,6 +1,9 @@
 export declare const capitalizeFirstChar: (str: string) => string;
 export declare const deepClone: <T>(obj: T) => T;
 export declare const toCssSize: (value?: number | string) => string;
+export type NmorphCssVariableValue = string | number | null | undefined | false;
+export declare const createCssVariables: (variables: Record<`--${string}`, NmorphCssVariableValue>) => Record<string, string | number>;
+export declare const createCssSizeVariables: (variables: Record<`--${string}`, number | string | null | undefined | false>) => Record<string, string | number>;
 type NmorphOptionHeightType = 'basic' | 'thick' | 'thin';
 export declare const getNmorphOptionHeight: (height?: NmorphOptionHeightType) => number;
 export declare const resolveDomElement: (element: unknown) => Element | null;

package/dist/src/utils/file-types.d.ts

@@ -0,0 +1,8 @@
+import { NmorphResolutionType } from '../components/form/nmorph-file-upload/types';
+export declare const getPlainFileType: (mimeType: string) => string;
+export declare const getFileExtension: (fileName: string) => string;
+export declare const getKnownResolutionByMime: (mimeType: string) => "" | "zip" | "rar" | "7z" | "pdf" | "msword" | "docx" | "xlsx" | "pptx" | "json" | "xml" | "mpeg" | "audio-ogg" | "wav" | "mp4" | "webm" | "wideo-ogg" | "jpeg" | "jpg" | "png" | "gif" | "svg-xml" | "webp";
+export declare const getFileTypeCandidates: (file: File) => string[];
+export declare const isKnownFileType: <T extends Record<string, string>>(fileType: string, fileTypeMap: T) => any;
+export declare const isFileAllowedByTypes: (file: File, allowedTypes: Array<NmorphResolutionType | string>) => boolean;
+export declare const getFileAcceptValue: (allowedTypes: Array<NmorphResolutionType | string>) => string;

package/dist/src/utils/index.d.ts

@@ -2,3 +2,4 @@ export * from './create-modifiers';
 export * from './case-transformers';
 export * from './common';
 export * from './theme-style';
+export * from './file-types';