@nmorph/nmorph-ui-kit 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/dist/index.es.js +3897 -3912
  2. package/dist/style.css +1 -1
  3. package/dist/styles/base/_animation.scss +8 -0
  4. package/dist/styles/base/_basic.scss +43 -0
  5. package/dist/styles/base/_colors.scss +14 -5
  6. package/dist/styles/base/_common-mixins.scss +12 -5
  7. package/dist/styles/base/_dimensions.scss +18 -8
  8. package/dist/styles/base/_theme-mixin.scss +12 -10
  9. package/dist/styles/base/_typography.scss +29 -132
  10. package/dist/styles/base/style.scss +3 -7
  11. package/dist/styles/main.scss +1 -2
  12. package/dist/types/components/form/nmorph-form/NmorphForm.vue.d.ts +56 -0
  13. package/dist/types/components/form/nmorph-form/components/nmorph-form-item/NmorphFormItem.vue.d.ts +58 -0
  14. package/dist/types/components/form/nmorph-form/components/nmorph-form-item/components/index.d.ts +3 -0
  15. package/dist/types/components/form/nmorph-form/components/nmorph-form-item/components/nmorph-error-box/NmorphErrorBox.vue.d.ts +38 -0
  16. package/dist/types/components/form/nmorph-form/components/nmorph-form-item/components/nmorph-validation-icon/NmorphValidationIcon.vue.d.ts +30 -0
  17. package/dist/types/components/form/types.d.ts +7 -0
  18. package/dist/types/components/inputs/checkbox/nmorph-checkbox/NmorphCheckbox.vue.d.ts +6 -3
  19. package/dist/types/components/inputs/checkbox/nmorph-checkbox-group/NmorphCheckboxGroup.vue.d.ts +4 -22
  20. package/dist/types/components/inputs/nmorph-autocomplete/NmorphAutocomplete.vue.d.ts +72 -0
  21. package/dist/types/components/inputs/nmorph-autocomplete/types.d.ts +5 -0
  22. package/dist/types/components/inputs/nmorph-clear-button/NmorphClearButton.vue.d.ts +7 -0
  23. package/dist/types/components/inputs/nmorph-date-picker/NmorphDatePicker.vue.d.ts +70 -0
  24. package/dist/types/components/inputs/nmorph-date-picker/components/nmorph-date-picker-content/NmorphDatePickerContent.vue.d.ts +40 -0
  25. package/dist/types/components/inputs/nmorph-date-picker/components/nmorph-date-picker-header/NmorphDatePickerHeader.vue.d.ts +43 -0
  26. package/dist/types/components/inputs/nmorph-date-picker/components/nmorph-year-month-picker/NmorphYearMonthPicker.vue.d.ts +38 -0
  27. package/dist/types/components/inputs/nmorph-date-picker/components/types.d.ts +6 -0
  28. package/dist/types/components/inputs/nmorph-file-upload/NmorphFileUpload.vue.d.ts +18 -3
  29. package/dist/types/components/inputs/nmorph-number-input/NmorphNumberInput.vue.d.ts +12 -27
  30. package/dist/types/components/inputs/nmorph-select/NmorphSelect.vue.d.ts +19 -8
  31. package/dist/types/components/inputs/nmorph-select-option/NmorphSelectOption.vue.d.ts +4 -4
  32. package/dist/types/components/inputs/nmorph-slider/NmorphSlider.vue.d.ts +4 -4
  33. package/dist/types/components/inputs/nmorph-switch/NmorphSwitch.vue.d.ts +7 -5
  34. package/dist/types/components/inputs/nmorph-text-input/NmorphTextInput.vue.d.ts +16 -30
  35. package/dist/types/components/inputs/nmorph-time-picker/NmorphTimePicker.vue.d.ts +65 -0
  36. package/dist/types/components/inputs/nmorph-time-picker/components/NmorphTimeRoller.vue.d.ts +46 -0
  37. package/dist/types/components/inputs/nmorph-time-picker/types.d.ts +3 -0
  38. package/dist/types/components/inputs/nmorph-time-picker/utils.d.ts +3 -0
  39. package/dist/types/components/inputs/radio/nmorph-radio/NmorphRadio.vue.d.ts +48 -0
  40. package/dist/types/components/inputs/radio/nmorph-radio-group/NmorphRadioGroup.vue.d.ts +7 -20
  41. package/dist/types/components/nmorph-alert/NmorphAlert.vue.d.ts +67 -0
  42. package/dist/types/components/nmorph-alert/types.d.ts +6 -0
  43. package/dist/types/components/nmorph-avatar/NmorphAvatar.vue.d.ts +62 -0
  44. package/dist/types/components/nmorph-avatar/type.d.ts +1 -0
  45. package/dist/types/components/nmorph-backtop/NmorphBacktop.vue.d.ts +48 -0
  46. package/dist/types/components/nmorph-badge/NmorphBadge.vue.d.ts +60 -0
  47. package/dist/types/components/nmorph-breadcrumb/NmorphBreadcrumb.vue.d.ts +36 -0
  48. package/dist/types/components/nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue.d.ts +40 -0
  49. package/dist/types/components/nmorph-breadcrumb/types.d.ts +13 -0
  50. package/dist/types/components/nmorph-button/NmorphButton.vue.d.ts +14 -21
  51. package/dist/types/components/nmorph-calendar/NmorphCalendar.vue.d.ts +75 -0
  52. package/dist/types/components/nmorph-calendar/components/nmorph-calendar-header/NmorphCalendarHeader.vue.d.ts +42 -0
  53. package/dist/types/components/nmorph-calendar/locale.d.ts +1 -0
  54. package/dist/types/components/nmorph-calendar/types.d.ts +12 -0
  55. package/dist/types/components/nmorph-calendar/utils.d.ts +9 -0
  56. package/dist/types/components/nmorph-card/NmorphCard.vue.d.ts +4 -4
  57. package/dist/types/components/nmorph-carousel/NmorphCarousel.vue.d.ts +39 -2
  58. package/dist/types/components/nmorph-carousel/components/nmorph-carousel-item/NmorphCarouselItem.vue.d.ts +30 -0
  59. package/dist/types/components/nmorph-carousel/types.d.ts +5 -0
  60. package/dist/types/components/nmorph-collapse/NmorphCollapse.vue.d.ts +42 -0
  61. package/dist/types/components/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue.d.ts +55 -0
  62. package/dist/types/components/nmorph-collapse/types.d.ts +6 -0
  63. package/dist/types/components/nmorph-dialog/NmorphDialog.vue.d.ts +47 -0
  64. package/dist/types/components/{inputs/common/NmorphValidationIcon.vue.d.ts → nmorph-divider/NmorphDivider.vue.d.ts} +5 -5
  65. package/dist/types/components/nmorph-divider/types.d.ts +1 -0
  66. package/dist/types/components/nmorph-dropdown/NmorphDropdown.vue.d.ts +55 -0
  67. package/dist/types/components/nmorph-icon/NmorphIcon.vue.d.ts +15 -15
  68. package/dist/types/components/nmorph-icon/NmorphIconsMap.d.ts +2 -4
  69. package/dist/types/components/nmorph-icon/types.d.ts +3 -3
  70. package/dist/types/components/nmorph-image/NmorphImage.vue.d.ts +6 -8
  71. package/dist/types/components/nmorph-link/NmorphLink.vue.d.ts +9 -9
  72. package/dist/types/components/nmorph-overlay/NmorphOverlay.vue.d.ts +2 -1
  73. package/dist/types/components/nmorph-pagination/NmorphPagination.vue.d.ts +56 -0
  74. package/dist/types/components/nmorph-progress/NmorphProgress.vue.d.ts +66 -0
  75. package/dist/types/components/nmorph-progress/types.d.ts +6 -0
  76. package/dist/types/components/nmorph-scroll/NmorphScroll.vue.d.ts +69 -0
  77. package/dist/types/components/nmorph-skeleton/NmorphSkeleton.vue.d.ts +45 -0
  78. package/dist/types/components/{nmorph-error-box/NmorphErrorBox.vue.d.ts → nmorph-skeleton/components/NmorphSkeletonItem.vue.d.ts} +5 -9
  79. package/dist/types/components/nmorph-skeleton/types.d.ts +1 -0
  80. package/dist/types/components/nmorph-sort-button/NmorphSortButton.vue.d.ts +28 -0
  81. package/dist/types/components/nmorph-tabs/NmorphTabs.vue.d.ts +47 -0
  82. package/dist/types/components/nmorph-tabs/components/nmorph-tab-pane/NmorphTabPane.vue.d.ts +40 -0
  83. package/dist/types/components/nmorph-tabs/type.d.ts +11 -0
  84. package/dist/types/components/nmorph-tabs/utils.d.ts +3 -0
  85. package/dist/types/components/nmorph-tag/NmorphTag.vue.d.ts +5 -5
  86. package/dist/types/components/nmorph-tooltip/NmorphTooltip.vue.d.ts +5 -23
  87. package/dist/types/components/table/nmorph-table/NmorphTable.vue.d.ts +59 -0
  88. package/dist/types/components/table/nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue.d.ts +30 -0
  89. package/dist/types/components/table/nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue.d.ts +48 -0
  90. package/dist/types/components/table/types.d.ts +19 -0
  91. package/dist/types/components.d.ts +32 -2
  92. package/dist/types/hooks/index.d.ts +3 -0
  93. package/dist/types/hooks/useFieldValidation.d.ts +53 -0
  94. package/dist/types/hooks/useFormValidation.d.ts +10 -0
  95. package/dist/types/hooks/usePlacement.d.ts +17 -0
  96. package/dist/types/types/common.d.ts +77 -0
  97. package/dist/types/utils/create-modifiers.d.ts +4 -1
  98. package/dist/types/utils/deep-clone.d.ts +1 -0
  99. package/dist/types/utils/generateUUID.d.ts +1 -0
  100. package/dist/types/utils/index.d.ts +3 -0
  101. package/dist/types/utils/is-string-html.d.ts +1 -0
  102. package/package.json +1 -1
  103. package/dist/styles/base/_transition.scss +0 -6
  104. package/dist/types/hooks/useValidation.d.ts +0 -55
  105. package/dist/types/types/common.enums.d.ts +0 -46
  106. /package/dist/types/components/inputs/nmorph-select-option/{types/index.d.ts → types.d.ts} +0 -0
  107. /package/dist/{styles/packages/style.scss → types/hooks/useEventManager.d.ts} +0 -0
@@ -1,10 +1,10 @@
1
1
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
2
- import { ControlComponentHeight } from '../../types/common.enums';
2
+ import { NmorphComponentHeight } from '../../types/common';
3
3
  interface IProps {
4
4
  value: string;
5
5
  text: string;
6
6
  removable?: boolean;
7
- height?: keyof typeof ControlComponentHeight;
7
+ height?: keyof typeof NmorphComponentHeight;
8
8
  transparent?: boolean;
9
9
  }
10
10
  declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
@@ -12,15 +12,15 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
12
12
  removable: boolean;
13
13
  transparent: boolean;
14
14
  }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
15
- close: (value: string) => void;
15
+ close: (val: string) => void;
16
16
  }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
17
17
  height: string;
18
18
  removable: boolean;
19
19
  transparent: boolean;
20
20
  }>>> & {
21
- onClose?: ((value: string) => any) | undefined;
21
+ onClose?: ((val: string) => any) | undefined;
22
22
  }, {
23
- height: "default" | "thick" | "thin";
23
+ height: "thick" | "default" | "thin";
24
24
  transparent: boolean;
25
25
  removable: boolean;
26
26
  }, {}>;
@@ -1,44 +1,26 @@
1
1
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
2
- declare enum TooltipPosition {
3
- left = "left",
4
- right = "right",
5
- top = "top",
6
- bottom = "bottom"
7
- }
8
- type Placement = keyof typeof TooltipPosition;
9
- interface ForceCoordinate {
10
- x?: string;
11
- y?: string;
12
- }
2
+ import { NmorphCoords, NmorphPlacement } from '../../types/common';
13
3
  interface IProps {
14
- disabled?: boolean;
15
4
  text?: string;
16
- position?: Placement;
5
+ position?: NmorphPlacement;
17
6
  forceShow?: boolean;
18
- forceCoordinate?: ForceCoordinate | null;
19
- blockPosition?: boolean;
7
+ forceCoordinate?: Partial<NmorphCoords<string>> | null;
20
8
  }
21
9
  declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
22
- disabled: boolean;
23
10
  text: string;
24
11
  position: string;
25
12
  forceShow: boolean;
26
13
  forceCoordinate: null;
27
- blockPosition: boolean;
28
14
  }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
29
- disabled: boolean;
30
15
  text: string;
31
16
  position: string;
32
17
  forceShow: boolean;
33
18
  forceCoordinate: null;
34
- blockPosition: boolean;
35
19
  }>>>, {
36
- disabled: boolean;
37
20
  text: string;
21
+ position: "left" | "right" | "top" | "bottom";
38
22
  forceShow: boolean;
39
- forceCoordinate: ForceCoordinate | null;
40
- blockPosition: boolean;
41
- position: "right" | "left" | "top" | "bottom";
23
+ forceCoordinate: Partial<NmorphCoords<string>> | null;
42
24
  }, {}>, {
43
25
  default?(_: {}): any;
44
26
  content?(_: {}): any;
@@ -0,0 +1,59 @@
1
+ import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
2
+ import { NmorphTableDataType, NmorphTableSortType } from '../types';
3
+ interface IProps {
4
+ data?: NmorphTableDataType;
5
+ rowHover?: boolean;
6
+ bordered?: boolean;
7
+ sort?: NmorphTableSortType;
8
+ style?: 'nmorph' | 'common';
9
+ }
10
+ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
11
+ /**
12
+ * @description table data
13
+ */
14
+ data: () => never[];
15
+ bordered: boolean;
16
+ sort: undefined;
17
+ style: string;
18
+ rowHover: boolean;
19
+ }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
20
+ /**
21
+ * @description table data
22
+ */
23
+ data: () => never[];
24
+ bordered: boolean;
25
+ sort: undefined;
26
+ style: string;
27
+ rowHover: boolean;
28
+ }>>>, {
29
+ sort: NmorphTableSortType;
30
+ data: NmorphTableDataType;
31
+ style: "nmorph" | "common";
32
+ rowHover: boolean;
33
+ bordered: boolean;
34
+ }, {}>, {
35
+ default?(_: {}): any;
36
+ }>;
37
+ export default _default;
38
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
39
+ type __VLS_TypePropsToRuntimeProps<T> = {
40
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
41
+ type: PropType<__VLS_NonUndefinedable<T[K]>>;
42
+ } : {
43
+ type: PropType<T[K]>;
44
+ required: true;
45
+ };
46
+ };
47
+ type __VLS_WithDefaults<P, D> = {
48
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
49
+ default: D[K];
50
+ }> : P[K];
51
+ };
52
+ type __VLS_Prettify<T> = {
53
+ [K in keyof T]: T[K];
54
+ } & {};
55
+ type __VLS_WithTemplateSlots<T, S> = T & {
56
+ new (): {
57
+ $slots: S;
58
+ };
59
+ };
@@ -0,0 +1,30 @@
1
+ import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
2
+ interface IProps {
3
+ row: number;
4
+ }
5
+ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {}>>>, {}, {}>, {
6
+ default?(_: {}): any;
7
+ }>;
8
+ export default _default;
9
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
10
+ type __VLS_TypePropsToRuntimeProps<T> = {
11
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
12
+ type: PropType<__VLS_NonUndefinedable<T[K]>>;
13
+ } : {
14
+ type: PropType<T[K]>;
15
+ required: true;
16
+ };
17
+ };
18
+ type __VLS_WithDefaults<P, D> = {
19
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
20
+ default: D[K];
21
+ }> : P[K];
22
+ };
23
+ type __VLS_Prettify<T> = {
24
+ [K in keyof T]: T[K];
25
+ } & {};
26
+ type __VLS_WithTemplateSlots<T, S> = T & {
27
+ new (): {
28
+ $slots: S;
29
+ };
30
+ };
@@ -0,0 +1,48 @@
1
+ import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
2
+ import { CellAlignment, NmorphTableColumnData, NmorphDataTableElRecord, NmorphTableColumnProps } from '../../../types';
3
+ interface IProps extends NmorphTableColumnProps {
4
+ }
5
+ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
6
+ label: string;
7
+ width: string;
8
+ alignment: string;
9
+ }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
10
+ label: string;
11
+ width: string;
12
+ alignment: string;
13
+ }>>>, {
14
+ label: string;
15
+ width: string;
16
+ alignment: CellAlignment;
17
+ }, {}>, {
18
+ default?(_: {
19
+ scope: {
20
+ columns: NmorphTableColumnData[] | undefined;
21
+ rows: NmorphDataTableElRecord[] | undefined;
22
+ tableId: string | undefined;
23
+ };
24
+ }): any;
25
+ }>;
26
+ export default _default;
27
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
28
+ type __VLS_TypePropsToRuntimeProps<T> = {
29
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
30
+ type: PropType<__VLS_NonUndefinedable<T[K]>>;
31
+ } : {
32
+ type: PropType<T[K]>;
33
+ required: true;
34
+ };
35
+ };
36
+ type __VLS_WithDefaults<P, D> = {
37
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
38
+ default: D[K];
39
+ }> : P[K];
40
+ };
41
+ type __VLS_Prettify<T> = {
42
+ [K in keyof T]: T[K];
43
+ } & {};
44
+ type __VLS_WithTemplateSlots<T, S> = T & {
45
+ new (): {
46
+ $slots: S;
47
+ };
48
+ };
@@ -0,0 +1,19 @@
1
+ import { NmorphSortOrderType } from '../../types/common';
2
+ import { Ref } from 'vue';
3
+ export type NmorphTableSortType = Record<string, NmorphSortOrderType>;
4
+ export type NmorphDataTableElRecord = Record<string, unknown>;
5
+ export type CellAlignment = 'left' | 'center' | 'right';
6
+ export type NmorphTableDataType = NmorphDataTableElRecord[];
7
+ export interface NmorphTableColumnProps {
8
+ label?: string;
9
+ width?: string;
10
+ alignment?: CellAlignment;
11
+ prop: string;
12
+ }
13
+ export interface NmorphTableColumnData extends NmorphTableColumnProps {
14
+ id?: number;
15
+ }
16
+ export interface NmorphTableDataInjection {
17
+ rows: Ref<NmorphDataTableElRecord[]>;
18
+ columns: Ref<NmorphTableColumnData[]>;
19
+ }
@@ -1,6 +1,7 @@
1
1
  import NmorphTextInput from './components/inputs/nmorph-text-input/NmorphTextInput.vue';
2
2
  import NmorphCheckbox from './components/inputs/checkbox/nmorph-checkbox/NmorphCheckbox.vue';
3
3
  import NmorphCheckboxGroup from './components/inputs/checkbox/nmorph-checkbox-group/NmorphCheckboxGroup.vue';
4
+ import NmorphRadio from './components/inputs/radio/nmorph-radio/NmorphRadio.vue';
4
5
  import NmorphRadioGroup from './components/inputs/radio/nmorph-radio-group/NmorphRadioGroup.vue';
5
6
  import NmorphNumberInput from './components/inputs/nmorph-number-input/NmorphNumberInput.vue';
6
7
  import NmorphSlider from './components/inputs/nmorph-slider/NmorphSlider.vue';
@@ -8,15 +9,44 @@ import NmorphSwitch from './components/inputs/nmorph-switch/NmorphSwitch.vue';
8
9
  import NmorphSelect from './components/inputs/nmorph-select/NmorphSelect.vue';
9
10
  import NmorphSelectOption from './components/inputs/nmorph-select-option/NmorphSelectOption.vue';
10
11
  import NmorphFileUpload from './components/inputs/nmorph-file-upload/NmorphFileUpload.vue';
12
+ import NmorphTimePicker from './components/inputs/nmorph-time-picker/NmorphTimePicker.vue';
13
+ import NmorphDatePicker from './components/inputs/nmorph-date-picker/NmorphDatePicker.vue';
14
+ import NmorphYearMonthPicker from './components/inputs/nmorph-date-picker/components/nmorph-year-month-picker/NmorphYearMonthPicker.vue';
11
15
  import NmorphIcon from './components/nmorph-icon/NmorphIcon.vue';
12
16
  import NmorphButton from './components/nmorph-button/NmorphButton.vue';
13
17
  import NmorphCard from './components/nmorph-card/NmorphCard.vue';
14
18
  import NmorphLink from './components/nmorph-link/NmorphLink.vue';
15
- import NmorphErrorBox from './components/nmorph-error-box/NmorphErrorBox.vue';
16
19
  import NmorphTooltip from './components/nmorph-tooltip/NmorphTooltip.vue';
17
20
  import NmorphTag from './components/nmorph-tag/NmorphTag.vue';
18
21
  import NmorphOverlay from './components/nmorph-overlay/NmorphOverlay.vue';
19
22
  import NmorphImage from './components/nmorph-image/NmorphImage.vue';
20
23
  import NmorphImagePreview from './components/nmorph-image-preview/NmorphImagePreview.vue';
21
24
  import NmorphCarousel from './components/nmorph-carousel/NmorphCarousel.vue';
22
- export { NmorphTextInput, NmorphImage, NmorphIcon, NmorphButton, NmorphCheckbox, NmorphRadioGroup, NmorphCheckboxGroup, NmorphCarousel, NmorphNumberInput, NmorphSwitch, NmorphSelect, NmorphSelectOption, NmorphFileUpload, NmorphCard, NmorphLink, NmorphSlider, NmorphErrorBox, NmorphTooltip, NmorphOverlay, NmorphImagePreview, NmorphTag, };
25
+ import NmorphCarouselItem from './components/nmorph-carousel/components/nmorph-carousel-item/NmorphCarouselItem.vue';
26
+ import NmorphFormItem from './components/form/nmorph-form/components/nmorph-form-item/NmorphFormItem.vue';
27
+ import NmorphForm from './components/form/nmorph-form/NmorphForm.vue';
28
+ import NmorphScroll from './components/nmorph-scroll/NmorphScroll.vue';
29
+ import NmorphDropdown from './components/nmorph-dropdown/NmorphDropdown.vue';
30
+ import NmorphCalendar from './components/nmorph-calendar/NmorphCalendar.vue';
31
+ import NmorphTable from './components/table/nmorph-table/NmorphTable.vue';
32
+ import NmorphTableColumn from './components/table/nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue';
33
+ import NmorphTableCell from './components/table/nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue';
34
+ import NmorphSortButton from './components/nmorph-sort-button/NmorphSortButton.vue';
35
+ import NmorphDivider from './components/nmorph-divider/NmorphDivider.vue';
36
+ import NmorphCollapse from './components/nmorph-collapse/NmorphCollapse.vue';
37
+ import NmorphCollapseItem from './components/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue';
38
+ import NmorphProgress from './components/nmorph-progress/NmorphProgress.vue';
39
+ import NmorphBacktop from './components/nmorph-backtop/NmorphBacktop.vue';
40
+ import NmorphBadge from './components/nmorph-badge/NmorphBadge.vue';
41
+ import NmorphAvatar from './components/nmorph-avatar/NmorphAvatar.vue';
42
+ import NmorphTabs from './components/nmorph-tabs/NmorphTabs.vue';
43
+ import NmorphTabPane from './components/nmorph-tabs/components/nmorph-tab-pane/NmorphTabPane.vue';
44
+ import NmorphBreadcrumb from './components/nmorph-breadcrumb/NmorphBreadcrumb.vue';
45
+ import NmorphBreadcrumbItem from './components/nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue';
46
+ import NmorphAlert from './components/nmorph-alert/NmorphAlert.vue';
47
+ import NmorphDialog from './components/nmorph-dialog/NmorphDialog.vue';
48
+ import NmorphSkeleton from './components/nmorph-skeleton/NmorphSkeleton.vue';
49
+ import NmorphSkeletonItem from './components/nmorph-skeleton/components/NmorphSkeletonItem.vue';
50
+ import NmorphPagination from './components/nmorph-pagination/NmorphPagination.vue';
51
+ import NmorphAutocomplete from './components/inputs/nmorph-autocomplete/NmorphAutocomplete.vue';
52
+ 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, };
@@ -0,0 +1,3 @@
1
+ export * from './useFieldValidation';
2
+ export * from './useFormValidation';
3
+ export * from './usePlacement';
@@ -0,0 +1,53 @@
1
+ import { Ref, ComputedRef } from 'vue';
2
+ import { AvailableFormValueType } from '../components/form/types';
3
+ export declare const enum ArrayValidationOperator {
4
+ 'contains-one' = "contains-one",
5
+ 'not-contains' = "not-contains",
6
+ 'full-eq' = "full-eq"
7
+ }
8
+ export declare enum NumberCompareOperator {
9
+ 'eq' = "eq",
10
+ 'gte' = "gte",
11
+ 'lte' = "lte",
12
+ 'gt' = "gt",
13
+ 'lt' = "lt"
14
+ }
15
+ export declare enum BooleanCompareOperator {
16
+ 'eq' = "eq",
17
+ 'not-eq' = "not-eq"
18
+ }
19
+ export interface IRule {
20
+ pattern?: RegExp;
21
+ numberCompareType?: keyof typeof NumberCompareOperator;
22
+ booleanCompareType?: keyof typeof BooleanCompareOperator;
23
+ arrayCompareType?: keyof typeof ArrayValidationOperator;
24
+ compareValue?: number | string | string[];
25
+ error: string;
26
+ }
27
+ export type ValidationInputValue = AvailableFormValueType | null;
28
+ export type Rules = IRule[];
29
+ export interface IUseValidationPayload {
30
+ inputValue: ValidationInputValue;
31
+ rules: Rules | [];
32
+ }
33
+ export interface ITextValidationRule extends IRule {
34
+ pattern: RegExp;
35
+ }
36
+ export interface INumberValidationRule extends IRule {
37
+ numberCompareType: keyof typeof NumberCompareOperator;
38
+ compareValue: number;
39
+ }
40
+ export interface IRadioGroupValidationRule extends IRule {
41
+ booleanCompareType: BooleanCompareOperator;
42
+ compareValue: string;
43
+ }
44
+ export interface ICheckboxGroupValidationRule extends IRule {
45
+ arrayCompareType: keyof typeof ArrayValidationOperator;
46
+ compareValue: string[];
47
+ }
48
+ export declare const useFieldValidation: (data: IUseValidationPayload) => {
49
+ touched: Ref<boolean>;
50
+ valid: ComputedRef<boolean>;
51
+ errors: Ref<string[]>;
52
+ validate: () => null | undefined;
53
+ };
@@ -0,0 +1,10 @@
1
+ import { Ref, ComputedRef } from 'vue';
2
+ import { FormValue } from '../components/form/types';
3
+ export declare const useFormValidation: (formData: FormValue, validateFormOnLoad?: boolean) => {
4
+ fields: Record<string, {
5
+ touched: Ref<boolean>;
6
+ valid: ComputedRef<boolean>;
7
+ errors: Ref<string[]>;
8
+ validate: () => null | undefined;
9
+ }>;
10
+ };
@@ -0,0 +1,17 @@
1
+ import { NmorphDomElement, NmorphPlacement } from '../types/common';
2
+ import { Ref } from 'vue';
3
+ interface IUsePlacementPayload {
4
+ initialPlacement: NmorphPlacement;
5
+ contentDOMElement: Ref<NmorphDomElement>;
6
+ relativeElement: NmorphDomElement | Ref<NmorphDomElement>;
7
+ yOffset?: number;
8
+ xOffset?: number;
9
+ }
10
+ export declare const usePlacement: (data: IUsePlacementPayload) => {
11
+ placement: Ref<"left" | "right" | "top" | "bottom">;
12
+ placementCoords: Ref<{
13
+ x: string;
14
+ y: string;
15
+ }>;
16
+ };
17
+ export {};
@@ -0,0 +1,77 @@
1
+ export declare enum NmorphComponentHeight {
2
+ thick = "thick-component",
3
+ default = "default-height-component",
4
+ thin = "thin-component"
5
+ }
6
+ export type NmorphSortOrderType = keyof typeof NmorphSortOrder | undefined;
7
+ export declare enum NmorphSortOrder {
8
+ ascending = "ascending",
9
+ descending = "descending"
10
+ }
11
+ export declare enum NmorphComponentDirection {
12
+ row = "row",
13
+ column = "column"
14
+ }
15
+ export interface NmorphCommonInputProps {
16
+ height?: keyof typeof NmorphComponentHeight;
17
+ fill?: boolean;
18
+ disabled?: boolean;
19
+ }
20
+ export declare enum NmorphShadowType {
21
+ inset = "inset",
22
+ outset = "outset",
23
+ combined = "combined"
24
+ }
25
+ export declare enum NmorphColor {
26
+ accent = "accent",
27
+ success = "success",
28
+ error = "error",
29
+ warning = "warning"
30
+ }
31
+ export declare enum NmorphIconList {
32
+ 'eye' = "eye",
33
+ 'eye-blocked' = "eye-blocked",
34
+ 'success' = "success",
35
+ 'error' = "error",
36
+ 'plus' = "plus",
37
+ 'minus' = "minus",
38
+ 'loader' = "loader",
39
+ 'chevron-down' = "chevron-down",
40
+ 'audio' = "audio",
41
+ 'archive' = "archive",
42
+ 'video' = "video",
43
+ 'image' = "image",
44
+ 'doc' = "doc",
45
+ 'enlarge' = "enlarge",
46
+ 'shrink' = "shrink",
47
+ 'rotate-right' = "rotate-right",
48
+ 'rotate-left' = "rotate-left",
49
+ 'zoom-in' = "zoom-in",
50
+ 'zoom-out' = "zoom-out",
51
+ 'time' = "time",
52
+ 'triangle-down' = "triangle-down",
53
+ 'calendar' = "calendar",
54
+ 'chevron-double-down' = "chevron-double-down",
55
+ 'cross' = "cross",
56
+ 'info' = "info",
57
+ 'warning' = "warning"
58
+ }
59
+ export declare enum NmorphComponentPosition {
60
+ left = "left",
61
+ right = "right",
62
+ top = "top",
63
+ bottom = "bottom"
64
+ }
65
+ export type NmorphPlacement = keyof typeof NmorphComponentPosition;
66
+ export type NmorphDomElement = HTMLElement | null;
67
+ export interface NmorphCoords<T> {
68
+ x: T;
69
+ y: T;
70
+ }
71
+ export declare enum ImageFit {
72
+ fill = "fill",
73
+ contain = "contain",
74
+ cover = "cover",
75
+ none = "none",
76
+ 'scale-down' = "scale-down"
77
+ }
@@ -1 +1,4 @@
1
- export declare const createModifiers: (block: string, modifiers: string[]) => string;
1
+ export declare const createBlockModifiers: (block: string, modifiers: string[]) => string;
2
+ export declare const useModifiers: (data: {
3
+ [key: string]: string[];
4
+ }) => string;
@@ -0,0 +1 @@
1
+ export declare const deepClone: <T>(obj: T) => T;
@@ -0,0 +1 @@
1
+ export declare const generateUUID: () => string;
@@ -1 +1,4 @@
1
1
  export * from './create-modifiers';
2
+ export * from './deep-clone';
3
+ export * from './is-string-html';
4
+ export * from './generateUUID';
@@ -0,0 +1 @@
1
+ export declare const isStringHtml: (string: string | undefined) => boolean;
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@nmorph/nmorph-ui-kit",
3
3
  "type": "module",
4
4
  "private": false,
5
- "version": "0.0.1",
5
+ "version": "0.0.2",
6
6
  "license": "MIT",
7
7
  "engines": {
8
8
  "node": "18.13.0",
@@ -1,6 +0,0 @@
1
- :root {
2
- --transition-04: 0.4s;
3
- --transition-03: 0.3s;
4
- --transition-02: 0.2s;
5
- --transition-01: 0.1s;
6
- }
@@ -1,55 +0,0 @@
1
- import { ComputedRef, Ref } from 'vue';
2
- export declare const enum CheckboxValidationType {
3
- 'contains-one' = "contains-one",
4
- 'not-contains' = "not-contains",
5
- 'full-equal' = "full-equal"
6
- }
7
- export declare enum NumberCompareOperator {
8
- 'eq' = "eq",
9
- 'gte' = "gte",
10
- 'lte' = "lte",
11
- 'gt' = "gt",
12
- 'lt' = "lt"
13
- }
14
- export interface IRule {
15
- error: string;
16
- }
17
- export interface ICheckboxGroupValidationRule extends IRule {
18
- checkboxCompareType: keyof typeof CheckboxValidationType;
19
- value: string[];
20
- }
21
- export interface ITextValidationRule extends IRule {
22
- pattern: RegExp;
23
- }
24
- export interface INumberValidationRule extends IRule {
25
- operator: keyof typeof NumberCompareOperator;
26
- value: number;
27
- }
28
- export interface IRadioGroupValidationRule extends IRule {
29
- radioCompareType: 'equal' | 'not-equal';
30
- value: string;
31
- }
32
- interface IUseTextValidationPayload {
33
- inputValue: Ref<string>;
34
- rules: ITextValidationRule[];
35
- }
36
- interface IUseNumberValidationPayload {
37
- inputValue: Ref<number>;
38
- rules: INumberValidationRule[];
39
- }
40
- interface IUseCheckboxGroupValidationPayload {
41
- inputValue: Ref<string[]>;
42
- rules: ICheckboxGroupValidationRule[];
43
- }
44
- interface IUseRadioGroupValidationPayload {
45
- inputValue: Ref<string>;
46
- rules: IRadioGroupValidationRule[];
47
- }
48
- type IUseValidationPayload = IUseTextValidationPayload | IUseNumberValidationPayload | IUseCheckboxGroupValidationPayload | IUseRadioGroupValidationPayload;
49
- export declare const useValidation: ({ inputValue, rules }: IUseValidationPayload) => {
50
- touched: Ref<boolean>;
51
- showValidation: ComputedRef<boolean>;
52
- valid: ComputedRef<boolean>;
53
- errors: Ref<string[]>;
54
- };
55
- export {};
@@ -1,46 +0,0 @@
1
- export declare enum ControlComponentHeight {
2
- thick = "thick",
3
- default = "default",
4
- thin = "thin"
5
- }
6
- export declare enum ComponentDirection {
7
- row = "row",
8
- column = "column"
9
- }
10
- export interface CommonInputProps {
11
- height?: keyof typeof ControlComponentHeight;
12
- fill?: boolean;
13
- disabled?: boolean;
14
- }
15
- export declare enum ShadowType {
16
- inset = "inset",
17
- outset = "outset",
18
- combined = "combined"
19
- }
20
- export declare enum Color {
21
- accent = "accent",
22
- success = "success",
23
- error = "error",
24
- warning = "warning"
25
- }
26
- export declare enum NmorphIconList {
27
- 'eye' = "eye",
28
- 'eye-blocked' = "eye-blocked",
29
- 'success' = "success",
30
- 'error' = "error",
31
- 'plus' = "plus",
32
- 'minus' = "minus",
33
- 'loader' = "loader",
34
- 'chevron-down' = "chevron-down",
35
- 'audio' = "audio",
36
- 'archive' = "archive",
37
- 'video' = "video",
38
- 'image' = "image",
39
- 'doc' = "doc",
40
- 'enlarge' = "enlarge",
41
- 'shrink' = "shrink",
42
- 'rotate-right' = "rotate-right",
43
- 'rotate-left' = "rotate-left",
44
- 'zoom-in' = "zoom-in",
45
- 'zoom-out' = "zoom-out"
46
- }