@bobbykim/mcl-forms 0.2.0 → 0.4.0

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.4.0](https://github.com/bobbykim89/manguito-component-library/compare/@bobbykim/mcl-forms@0.3.0...@bobbykim/mcl-forms@0.4.0) (2024-03-21)
+
+
+### Features
+
+* **mcl-header:** move deprecated items to deprecated folder in root dir, update configs, init mcl-header-b component ([19aa842](https://github.com/bobbykim89/manguito-component-library/commit/19aa842faa7f1594f7be030b97d5093014efe7cb))
+* tsconfig update, slots and emits update ([c30ff80](https://github.com/bobbykim89/manguito-component-library/commit/c30ff804c961d205ac097e20cd51285a15ca8966))
+
+
+
+
+
+# [0.3.0](https://github.com/bobbykim89/manguito-component-library/compare/@bobbykim/mcl-forms@0.2.0...@bobbykim/mcl-forms@0.3.0) (2024-02-27)
+
+
+### Features
+
+* **/components/**/README.md,/deprecated:** update readme files, move deprecated packages to deprecated folder ([c0f8f7d](https://github.com/bobbykim89/manguito-component-library/commit/c0f8f7df158b8fcd99b4e3d191e02e3c8a9c144d))
+
+
+
+
+
 # 0.2.0 (2024-02-27)
 
 

package/README.md

@@ -1,16 +1,59 @@
 # @bobbykim/mcl-forms
 
-Add description
-
 ## Demo
 
-[MCL Histoire Page](https://manguito-component-library.vercel.app/story/{%story-link%})
+[MCL Storybook Page](https://manguito-component-library.vercel.app/)
+
+- [MCL Form Group](https://manguito-component-library.vercel.app/?path=/docs/components-form-mclformgroup--mclformgroup)
+- [MCL Input File](https://manguito-component-library.vercel.app/?path=/docs/components-form-mclinputfile--mclinputfile)
+- [MCL Input Radio](https://manguito-component-library.vercel.app/?path=/docs/components-form-mclinputradio--mclinputradio)
+- [MCL Input Switch](https://manguito-component-library.vercel.app/?path=/docs/components-form-mclinputswitch--mclinputswitch)
+- [MCL Input Text](https://manguito-component-library.vercel.app/?path=/docs/components-form-mclinputtext--mclinputtext)
+- [MCL Select](https://manguito-component-library.vercel.app/?path=/docs/components-form-mclselect--mclselect)
+- [MCL Text Area](https://manguito-component-library.vercel.app/?path=/docs/components-form-mcltextarea--mcltextarea)
 
 ## Install
 
+```sh
+npm i @bobbykim/mcl-forms
+```
+
 ## Usage
 
-`import MclForms from "@bobbykim/mcl-forms"`;
+`import { MclFormGroup, MclInputFile, MclInputRadio, MclInputSwitch, MclInputText, MclSelect, MclTextArea } from "@bobbykim/mcl-forms"`;
+
+```vue
+<script setup lang="ts">
+...
+import { MclFormGroup, MclInputFile, MclInputRadio, MclInputSwitch, MclInputText, MclSelect, MclTextArea } from "@bobbykim/mcl-forms"
+...
+</script>
+
+<template>
+  <form-group>
+    <mcl-input-file></mcl-input-file>
+  </form-group>
+  <form-group>
+    <mcl-input-radio></mcl-input-radio>
+  </form-group>
+  <form-group>
+    <mcl-input-switch></mcl-input-switch>
+  </form-group>
+  <form-group>
+    <mcl-input-text></mcl-input-text>
+  </form-group>
+  <form-group>
+    <mcl-input-select></mcl-input-select>
+  </form-group>
+  <form-group>
+    <mcl-text-area></mcl-text-area>
+  </form-group>
+</template>
+```
+
+## Dependencies
+
+- @bobbykim/manguito-theme
 
 ## Maintainer
 

package/lib/mcl-input-file/MclInputFile.vue.d.ts

@@ -62,10 +62,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }, {
     textColor: ColorPalette;
     accept: string;
-    rounded: boolean;
     displayBorder: boolean;
-    borderColor: ColorPalette;
     bgColor: ColorPalette;
+    rounded: boolean;
+    borderColor: ColorPalette;
     buttonText: string;
     buttonTextColor: ColorPalette;
     buttonColor: ColorPalette;

package/lib/mcl-input-radio/MclInputRadio.vue

@@ -2,7 +2,7 @@
 import type { ColorPalette } from '@bobbykim/manguito-theme'
 import generateClass from '@bobbykim/manguito-theme'
 import { computed, ref } from 'vue'
-import type { RadioEventType, RadioSizeType } from './index.types'
+import type { RadioSizeType } from './index.types'
 
 const props = withDefaults(
   defineProps<{
@@ -25,7 +25,9 @@ const props = withDefaults(
 )
 
 const radioRef = ref<HTMLInputElement>()
-const emit = defineEmits(['change'])
+const emit = defineEmits<{
+  (e: 'change', event: Event, value: string | number): void
+}>()
 
 const radioClick = () => {
   radioRef.value?.click()
@@ -64,11 +66,8 @@ const getColorClass = computed(() => {
 })
 
 const handleChange = (e: Event) => {
-  const customEvent: RadioEventType = {
-    event: e,
-    value: (e.target as HTMLInputElement).value,
-  }
-  emit('change', customEvent)
+  const value = (e.target as HTMLInputElement).value
+  emit('change', e, value)
 }
 </script>
 

package/lib/mcl-input-radio/MclInputRadio.vue.d.ts

@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     value: string;
     checked: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
+    change: (event: Event, value: string | number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     id: string;
     radioSize?: RadioSizeType | undefined;
@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     value: string;
     checked: boolean;
 }>>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
+    onChange?: ((event: Event, value: string | number) => any) | undefined;
 }, {
     checked: boolean;
     value: string | number;

package/lib/mcl-input-radio/index.types.d.ts

@@ -1,5 +1 @@
 export type RadioSizeType = 'sm' | 'md' | 'lg';
-export interface RadioEventType {
-    event: Event;
-    value: string;
-}

package/lib/mcl-input-radio/index.types.ts

@@ -1,6 +1 @@
 export type RadioSizeType = 'sm' | 'md' | 'lg'
-
-export interface RadioEventType {
-  event: Event
-  value: string
-}

package/lib/mcl-input-text/MclInputText.vue.d.ts

@@ -67,10 +67,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type: InputType;
     required: boolean;
     placeholder: string;
-    rounded: boolean;
     displayBorder: boolean;
-    borderColor: ColorPalette;
     bgColor: ColorPalette;
+    rounded: boolean;
+    borderColor: ColorPalette;
     displayShadow: boolean;
     displayHighlight: boolean;
     highlightColor: ColorPalette;

package/lib/mcl-select/MclSelect.vue.d.ts

@@ -69,10 +69,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     required: boolean;
     placeholder: string;
-    rounded: boolean;
     displayBorder: boolean;
-    borderColor: ColorPalette;
     bgColor: ColorPalette;
+    rounded: boolean;
+    borderColor: ColorPalette;
     displayShadow: boolean;
     displayHighlight: boolean;
     highlightColor: ColorPalette;

package/lib/mcl-text-area/MclTextArea.vue.d.ts

@@ -58,10 +58,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }, {
     required: boolean;
     placeholder: string;
-    rounded: boolean;
     displayBorder: boolean;
-    borderColor: ColorPalette;
     bgColor: ColorPalette;
+    rounded: boolean;
+    borderColor: ColorPalette;
     displayShadow: boolean;
     displayHighlight: boolean;
     highlightColor: ColorPalette;

package/package.json

@@ -1 +1,27 @@
-{"name":"@bobbykim/mcl-forms","version":"0.2.0","description":"","type":"module","main":"index.ts","scripts":{"build":"vue-tsc --project tsconfig.vue.json && tsc"},"author":{"name":"Bobby Kim","url":"https://www.devbobbykim.com/"},"homepage":"https://manguito-component-library.vercel.app/","repository":{"type":"git","url":"https://github.com/bobbykim89/manguito-component-library.git"},"publishConfig":{"access":"public"},"license":"MIT","dependencies":{"@bobbykim/manguito-theme":"^0.14.0"},"gitHead":"4d94a8d34988d926c8d465891fd7aa535cffdf33"}
+{
+  "name": "@bobbykim/mcl-forms",
+  "version": "0.4.0",
+  "description": "",
+  "type": "module",
+  "main": "index.ts",
+  "scripts": {
+    "build": "vue-tsc --project tsconfig.vue.json && tsc --project tsconfig.ts.json"
+  },
+  "author": {
+    "name": "Bobby Kim",
+    "url": "https://www.devbobbykim.com/"
+  },
+  "homepage": "https://manguito-component-library.vercel.app/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/bobbykim89/manguito-component-library.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "@bobbykim/manguito-theme": "^0.16.0"
+  },
+  "gitHead": "5b81953e5108fd166c0b89ebc6a24e6de9499635"
+}

package/tsconfig.json

@@ -1,9 +1,5 @@
 {
-"extends": "../../../tsconfig.json",
-"include": ["./**/*.ts"],
-"exclude": ["node_modules", "./**/*.vue.d.ts", "./**/*.vue"],
-"compilerOptions": {
-"skipLibCheck": true,
-"declaration": true
-}
+  "extends": "../../../tsconfig.json",
+  "include": ["./**/*.ts", "./**/*.vue"],
+  "exclude": ["node_modules", "./**/*.vue.d.ts"]
 }

package/tsconfig.ts.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../../../tsconfig.json",
+  "include": ["./**/*.ts"],
+  "exclude": ["node_modules", "./**/*.vue.d.ts", "./**/*.vue"],
+  "compilerOptions": {
+    "skipLibCheck": true,
+    "declaration": true
+  }
+}