@nmorph/nmorph-ui-kit 0.0.2 → 0.0.4

package/dist/types/components/nmorph-tag/NmorphTag.vue.d.ts

@@ -1,19 +1,19 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { NmorphComponentHeight } from '../../types/common';
-interface IProps {
+interface INmorphProps {
     value: string;
     text: string;
     removable?: boolean;
     height?: keyof typeof NmorphComponentHeight;
     transparent?: boolean;
 }
-declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<INmorphProps>, {
     height: string;
     removable: boolean;
     transparent: boolean;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     close: (val: string) => void;
-}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<INmorphProps>, {
     height: string;
     removable: boolean;
     transparent: boolean;

package/dist/types/components/nmorph-tooltip/NmorphTooltip.vue.d.ts

@@ -1,17 +1,17 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { NmorphCoords, NmorphPlacement } from '../../types/common';
-interface IProps {
+import { INmorphCoords, NmorphPlacementType } from '../../types/common';
+interface INmorphProps {
     text?: string;
-    position?: NmorphPlacement;
+    position?: NmorphPlacementType;
     forceShow?: boolean;
-    forceCoordinate?: Partial<NmorphCoords<string>> | null;
+    forceCoordinate?: Partial<INmorphCoords<string>> | null;
 }
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<INmorphProps>, {
     text: string;
     position: string;
     forceShow: boolean;
     forceCoordinate: null;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<INmorphProps>, {
     text: string;
     position: string;
     forceShow: boolean;
@@ -20,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     text: string;
     position: "left" | "right" | "top" | "bottom";
     forceShow: boolean;
-    forceCoordinate: Partial<NmorphCoords<string>> | null;
+    forceCoordinate: Partial<INmorphCoords<string>> | null;
 }, {}>, {
     default?(_: {}): any;
     content?(_: {}): any;

package/dist/types/components.d.ts

@@ -7,11 +7,12 @@ import NmorphNumberInput from './components/inputs/nmorph-number-input/NmorphNum
 import NmorphSlider from './components/inputs/nmorph-slider/NmorphSlider.vue';
 import NmorphSwitch from './components/inputs/nmorph-switch/NmorphSwitch.vue';
 import NmorphSelect from './components/inputs/nmorph-select/NmorphSelect.vue';
-import NmorphSelectOption from './components/inputs/nmorph-select-option/NmorphSelectOption.vue';
+import NmorphSelectOption from './components/inputs/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue';
 import NmorphFileUpload from './components/inputs/nmorph-file-upload/NmorphFileUpload.vue';
 import NmorphTimePicker from './components/inputs/nmorph-time-picker/NmorphTimePicker.vue';
 import NmorphDatePicker from './components/inputs/nmorph-date-picker/NmorphDatePicker.vue';
 import NmorphYearMonthPicker from './components/inputs/nmorph-date-picker/components/nmorph-year-month-picker/NmorphYearMonthPicker.vue';
+import NmorphAutocomplete from './components/inputs/nmorph-autocomplete/NmorphAutocomplete.vue';
 import NmorphIcon from './components/nmorph-icon/NmorphIcon.vue';
 import NmorphButton from './components/nmorph-button/NmorphButton.vue';
 import NmorphCard from './components/nmorph-card/NmorphCard.vue';
@@ -23,15 +24,14 @@ import NmorphImage from './components/nmorph-image/NmorphImage.vue';
 import NmorphImagePreview from './components/nmorph-image-preview/NmorphImagePreview.vue';
 import NmorphCarousel from './components/nmorph-carousel/NmorphCarousel.vue';
 import NmorphCarouselItem from './components/nmorph-carousel/components/nmorph-carousel-item/NmorphCarouselItem.vue';
-import NmorphFormItem from './components/form/nmorph-form/components/nmorph-form-item/NmorphFormItem.vue';
-import NmorphForm from './components/form/nmorph-form/NmorphForm.vue';
+import NmorphFormItem from './components/nmorph-form/components/nmorph-form-item/NmorphFormItem.vue';
+import NmorphForm from './components/nmorph-form/NmorphForm.vue';
 import NmorphScroll from './components/nmorph-scroll/NmorphScroll.vue';
 import NmorphDropdown from './components/nmorph-dropdown/NmorphDropdown.vue';
 import NmorphCalendar from './components/nmorph-calendar/NmorphCalendar.vue';
-import NmorphTable from './components/table/nmorph-table/NmorphTable.vue';
-import NmorphTableColumn from './components/table/nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue';
-import NmorphTableCell from './components/table/nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue';
-import NmorphSortButton from './components/nmorph-sort-button/NmorphSortButton.vue';
+import NmorphTable from './components/nmorph-table/NmorphTable.vue';
+import NmorphTableColumn from './components/nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue';
+import NmorphTableCell from './components/nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue';
 import NmorphDivider from './components/nmorph-divider/NmorphDivider.vue';
 import NmorphCollapse from './components/nmorph-collapse/NmorphCollapse.vue';
 import NmorphCollapseItem from './components/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue';
@@ -48,5 +48,4 @@ import NmorphDialog from './components/nmorph-dialog/NmorphDialog.vue';
 import NmorphSkeleton from './components/nmorph-skeleton/NmorphSkeleton.vue';
 import NmorphSkeletonItem from './components/nmorph-skeleton/components/NmorphSkeletonItem.vue';
 import NmorphPagination from './components/nmorph-pagination/NmorphPagination.vue';
-import NmorphAutocomplete from './components/inputs/nmorph-autocomplete/NmorphAutocomplete.vue';
-export { NmorphForm, NmorphTextInput, NmorphImage, NmorphIcon, NmorphButton, NmorphRadio, NmorphRadioGroup, NmorphCheckbox, NmorphCheckboxGroup, NmorphCarousel, NmorphCarouselItem, NmorphNumberInput, NmorphSwitch, NmorphTimePicker, NmorphDatePicker, NmorphYearMonthPicker, NmorphFormItem, NmorphSelect, NmorphSelectOption, NmorphFileUpload, NmorphCard, NmorphLink, NmorphSlider, NmorphTooltip, NmorphOverlay, NmorphImagePreview, NmorphScroll, NmorphTag, NmorphDropdown, NmorphCalendar, NmorphTable, NmorphTableColumn, NmorphTableCell, NmorphSortButton, NmorphDivider, NmorphCollapse, NmorphCollapseItem, NmorphProgress, NmorphBacktop, NmorphBadge, NmorphAvatar, NmorphTabs, NmorphTabPane, NmorphBreadcrumb, NmorphBreadcrumbItem, NmorphAlert, NmorphDialog, NmorphSkeleton, NmorphSkeletonItem, NmorphPagination, NmorphAutocomplete, };
+export { NmorphForm, NmorphTextInput, NmorphImage, NmorphIcon, NmorphButton, NmorphRadio, NmorphRadioGroup, NmorphCheckbox, NmorphCheckboxGroup, NmorphCarousel, NmorphCarouselItem, NmorphNumberInput, NmorphSwitch, NmorphTimePicker, NmorphDatePicker, NmorphYearMonthPicker, NmorphFormItem, NmorphSelect, NmorphSelectOption, NmorphFileUpload, NmorphCard, NmorphLink, NmorphSlider, NmorphTooltip, NmorphOverlay, NmorphImagePreview, NmorphScroll, NmorphTag, NmorphDropdown, NmorphCalendar, NmorphTable, NmorphTableColumn, NmorphTableCell, NmorphDivider, NmorphCollapse, NmorphCollapseItem, NmorphProgress, NmorphBacktop, NmorphBadge, NmorphAvatar, NmorphTabs, NmorphTabPane, NmorphBreadcrumb, NmorphBreadcrumbItem, NmorphAlert, NmorphDialog, NmorphSkeleton, NmorphSkeletonItem, NmorphPagination, NmorphAutocomplete, };

package/dist/types/histoire.setup.d.ts

@@ -1,2 +0,0 @@
-import { Vue3StorySetupHandler } from '@histoire/plugin-vue';
-export declare const setupVue3: Vue3StorySetupHandler;

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

@@ -1,3 +1,4 @@
 export * from './useFieldValidation';
 export * from './useFormValidation';
 export * from './usePlacement';
+export * from './useEventManager';

package/dist/types/hooks/useEventManager.d.ts

@@ -0,0 +1 @@
+export declare const useEventManager: () => void;

package/dist/types/hooks/useFieldValidation.d.ts

@@ -1,51 +1,51 @@
 import { Ref, ComputedRef } from 'vue';
-import { AvailableFormValueType } from '../components/form/types';
-export declare const enum ArrayValidationOperator {
+import { NmorphAvailableFormValueType } from '../components/nmorph-form/types';
+export declare const enum NmorphArrayValidationOperator {
     'contains-one' = "contains-one",
     'not-contains' = "not-contains",
     'full-eq' = "full-eq"
 }
-export declare enum NumberCompareOperator {
+export declare enum NmorphNumberCompareOperator {
     'eq' = "eq",
     'gte' = "gte",
     'lte' = "lte",
     'gt' = "gt",
     'lt' = "lt"
 }
-export declare enum BooleanCompareOperator {
+export declare enum NmorphBooleanCompareOperator {
     'eq' = "eq",
     'not-eq' = "not-eq"
 }
-export interface IRule {
+export interface INmorphRule {
     pattern?: RegExp;
-    numberCompareType?: keyof typeof NumberCompareOperator;
-    booleanCompareType?: keyof typeof BooleanCompareOperator;
-    arrayCompareType?: keyof typeof ArrayValidationOperator;
+    numberCompareType?: keyof typeof NmorphNumberCompareOperator;
+    booleanCompareType?: keyof typeof NmorphBooleanCompareOperator;
+    arrayCompareType?: keyof typeof NmorphArrayValidationOperator;
     compareValue?: number | string | string[];
     error: string;
 }
-export type ValidationInputValue = AvailableFormValueType | null;
-export type Rules = IRule[];
-export interface IUseValidationPayload {
-    inputValue: ValidationInputValue;
-    rules: Rules | [];
+export type NmorphValidationInputValueType = NmorphAvailableFormValueType | null;
+export type NmorphRulesType = INmorphRule[];
+export interface INmorphUseValidationPayload {
+    inputValue: NmorphValidationInputValueType;
+    rules: NmorphRulesType | [];
 }
-export interface ITextValidationRule extends IRule {
+export interface INmorphTextValidationRule extends INmorphRule {
     pattern: RegExp;
 }
-export interface INumberValidationRule extends IRule {
-    numberCompareType: keyof typeof NumberCompareOperator;
+export interface INmorphNumberValidationRule extends INmorphRule {
+    numberCompareType: keyof typeof NmorphNumberCompareOperator;
     compareValue: number;
 }
-export interface IRadioGroupValidationRule extends IRule {
-    booleanCompareType: BooleanCompareOperator;
+export interface INmorphRadioGroupValidationRule extends INmorphRule {
+    booleanCompareType: NmorphBooleanCompareOperator;
     compareValue: string;
 }
-export interface ICheckboxGroupValidationRule extends IRule {
-    arrayCompareType: keyof typeof ArrayValidationOperator;
+export interface INmorphCheckboxGroupValidationRule extends INmorphRule {
+    arrayCompareType: keyof typeof NmorphArrayValidationOperator;
     compareValue: string[];
 }
-export declare const useFieldValidation: (data: IUseValidationPayload) => {
+export declare const useFieldValidation: (data: INmorphUseValidationPayload) => {
     touched: Ref<boolean>;
     valid: ComputedRef<boolean>;
     errors: Ref<string[]>;

package/dist/types/hooks/useFormValidation.d.ts

@@ -1,6 +1,6 @@
 import { Ref, ComputedRef } from 'vue';
-import { FormValue } from '../components/form/types';
-export declare const useFormValidation: (formData: FormValue, validateFormOnLoad?: boolean) => {
+import { NmorphFormValueType } from '../components/nmorph-form/types';
+export declare const useFormValidation: (formData: NmorphFormValueType, validateFormOnLoad?: boolean) => {
     fields: Record<string, {
         touched: Ref<boolean>;
         valid: ComputedRef<boolean>;

package/dist/types/hooks/usePlacement.d.ts

@@ -1,13 +1,13 @@
-import { NmorphDomElement, NmorphPlacement } from '../types/common';
+import { NmorphDomElementType, NmorphPlacementType } from '../types/common';
 import { Ref } from 'vue';
-interface IUsePlacementPayload {
-    initialPlacement: NmorphPlacement;
-    contentDOMElement: Ref<NmorphDomElement>;
-    relativeElement: NmorphDomElement | Ref<NmorphDomElement>;
+interface INmorphUsePlacementPayload {
+    initialPlacement: NmorphPlacementType;
+    contentDOMElement: Ref<NmorphDomElementType>;
+    relativeElement: NmorphDomElementType | Ref<NmorphDomElementType>;
     yOffset?: number;
     xOffset?: number;
 }
-export declare const usePlacement: (data: IUsePlacementPayload) => {
+export declare const usePlacement: (data: INmorphUsePlacementPayload) => {
     placement: Ref<"left" | "right" | "top" | "bottom">;
     placementCoords: Ref<{
         x: string;

package/dist/types/types/common.d.ts

@@ -12,7 +12,7 @@ export declare enum NmorphComponentDirection {
     row = "row",
     column = "column"
 }
-export interface NmorphCommonInputProps {
+export interface INmorphCommonInputProps {
     height?: keyof typeof NmorphComponentHeight;
     fill?: boolean;
     disabled?: boolean;
@@ -62,13 +62,13 @@ export declare enum NmorphComponentPosition {
     top = "top",
     bottom = "bottom"
 }
-export type NmorphPlacement = keyof typeof NmorphComponentPosition;
-export type NmorphDomElement = HTMLElement | null;
-export interface NmorphCoords<T> {
+export type NmorphPlacementType = keyof typeof NmorphComponentPosition;
+export type NmorphDomElementType = HTMLElement | null;
+export interface INmorphCoords<T> {
     x: T;
     y: T;
 }
-export declare enum ImageFit {
+export declare enum NmorphImageFit {
     fill = "fill",
     contain = "contain",
     cover = "cover",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@nmorph/nmorph-ui-kit",
   "type": "module",
   "private": false,
-  "version": "0.0.2",
+  "version": "0.0.4",
   "license": "MIT",
   "engines": {
     "node": "18.13.0",
@@ -38,7 +38,7 @@
     "./dist/styles/main.scss": "./dist/styles/main.scss"
   },
   "scripts": {
-    "build": "vue-tsc && vite build",
+    "build": "npm run build:types && vite build",
     "lint:es:check": "eslint --ext .js,.ts,.vue --ignore-path .gitignore src/",
     "lint:es": "eslint --ext .js,.ts,.vue --ignore-path .gitignore --fix src/",
     "lint:style:check": "stylelint ./src/**/*.{scss,vue}",
@@ -52,35 +52,23 @@
     "story:dev": "histoire dev",
     "story:build": "histoire build",
     "story:preview": "histoire preview",
-    "test:dev": "npx vitest"
+    "test:dev": "npx vitest",
+    "build:types": "vue-tsc --declaration --emitDeclarationOnly --outDir dist"
   },
   "dependencies": {
-    "@element-plus/icons-vue": "^2.3.1",
-    "@faker-js/faker": "^8.3.1",
     "@types/vue-router": "^2.0.0",
-    "element-plus": "^2.5.0",
-    "libphonenumber-js": "^1.10.53",
-    "lodash": "^4.17.21",
-    "maska": "^2.1.11",
-    "maz-ui": "^3.31.5",
     "normalize.css": "^8.0.1",
-    "pinia": "^2.1.7",
-    "uuid": "^9.0.1",
     "vue": "^3.4.7",
     "vue-i18n": "^9.9.0",
-    "vue-template-es2015-compiler": "^1.9.1",
-    "vuescroll": "^5.1.1"
+    "vue-template-es2015-compiler": "^1.9.1"
   },
   "devDependencies": {
     "@histoire/plugin-vue": "^0.17.6",
-    "@types/js-cookie": "^3.0.6",
     "@types/node": "^20.10.8",
-    "@types/uuid": "^9.0.7",
     "@typescript-eslint/eslint-plugin": "^6.18.1",
     "@typescript-eslint/parser": "^6.18.1",
     "@vitejs/plugin-vue": "^4.4.0",
     "@vue/test-utils": "^2.4.3",
-    "ajv": "^8.12.0",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.3",
@@ -89,7 +77,6 @@
     "happy-dom": "^13.1.0",
     "histoire": "^0.17.6",
     "husky": "^8.0.3",
-    "js-cookie": "^3.0.5",
     "mitt": "^3.0.1",
     "prettier": "^3.1.1",
     "sass": "^1.69.7",
@@ -110,12 +97,6 @@
     "vite-svg-loader": "^5.1.0",
     "vitest": "^1.2.0",
     "vue-eslint-parser": "^9.4.0",
-    "vue-final-modal": "^4.5.3",
     "vue-tsc": "^1.8.27"
-  },
-  "peerDependencies": {
-    "ajv": "^8.12.0",
-    "js-cookie": "^3.0.5",
-    "vue-final-modal": "^4.4.5"
   }
 }

package/dist/types/components/form/types.d.ts

@@ -1,7 +0,0 @@
-import { Rules, useFormValidation } from '../../hooks';
-export type AvailableFormValueType = string | string[] | number;
-export type FormValue = Record<string, {
-    value: AvailableFormValueType;
-    rules: Rules;
-}>;
-export type FormValidationData = ReturnType<typeof useFormValidation>;

package/dist/types/components/inputs/nmorph-select-option/types.d.ts

@@ -1 +0,0 @@
-export type SelectModelValue = string | string[];

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

@@ -1,19 +0,0 @@
-import { NmorphSortOrderType } from '../../types/common';
-import { Ref } from 'vue';
-export type NmorphTableSortType = Record<string, NmorphSortOrderType>;
-export type NmorphDataTableElRecord = Record<string, unknown>;
-export type CellAlignment = 'left' | 'center' | 'right';
-export type NmorphTableDataType = NmorphDataTableElRecord[];
-export interface NmorphTableColumnProps {
-    label?: string;
-    width?: string;
-    alignment?: CellAlignment;
-    prop: string;
-}
-export interface NmorphTableColumnData extends NmorphTableColumnProps {
-    id?: number;
-}
-export interface NmorphTableDataInjection {
-    rows: Ref<NmorphDataTableElRecord[]>;
-    columns: Ref<NmorphTableColumnData[]>;
-}