tycho-components 0.0.1 → 0.0.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.0.1",
+  "version": "0.0.2",
   "main": "src/index.ts",
   "dependencies": {
     "@emotion/react": "^11.11.1",
@@ -10,14 +10,11 @@
     "@fortawesome/free-regular-svg-icons": "^6.4.2",
     "@fortawesome/free-solid-svg-icons": "^6.4.2",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "axios": "^1.7.7",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "root": "file:",
-    "vite-plugin-checker": "^0.6.1",
-    "vite-plugin-svgr": "^3.2.0"
+    "axios": "^1.7.7"
   },
   "peerDependencies": {
+    "react": ">=17 <19",
+    "react-dom": ">=17 <19",
     "@hookform/resolvers": "^3.1.1",
     "bootstrap": "^5.3.1",
     "classnames": "^2.5.1",
@@ -26,15 +23,22 @@
     "i18next-browser-languagedetector": "^7.1.0",
     "js-cookie": "^3.0.5",
     "react-bootstrap": "^2.8.0",
+    "react-colorful": "^5.6.1",
     "react-easy-edit": "^2.0.0",
     "react-i18next": "^13.0.2",
     "react-loading": "^2.0.3",
     "react-toastify": "^9.1.3",
     "react-switch": "^7.1.0",
-    "tycho-storybook": "^0.0.32",
+    "tycho-storybook": "^0.0.33",
     "yup": "^1.2.0"
   },
   "devDependencies": {
+    "vite-plugin-checker": "^0.6.1",
+    "vite-plugin-svgr": "^3.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
     "@storybook/addon-essentials": "^7.5.3",
     "@storybook/addon-interactions": "^7.5.3",
     "@storybook/addon-links": "^7.5.3",
@@ -45,8 +49,6 @@
     "@storybook/react-vite": "^7.5.3",
     "@storybook/testing-library": "^0.2.2",
     "@types/js-cookie": "^3.0.6",
-    "@types/react": "^18.2.37",
-    "@types/react-dom": "^18.2.15",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
     "@vitejs/plugin-react": "^4.1.1",

package/src/AppColorpicker/AppColorpicker.tsx

@@ -1,4 +1,4 @@
-import { FieldValue } from '@/AppEditable/FormFieldOption';
+import { FieldValue } from '../AppEditable/FormFieldOption';
 import { useEffect, useState } from 'react';
 import { HexColorPicker } from 'react-colorful';
 import { useTranslation } from 'react-i18next';

package/src/AppToast/AppToast.tsx

@@ -1,5 +1,5 @@
-import CommonContext from '@/configs/CommonContext';
-import { message } from '@/configs/store/actions';
+import CommonContext from '../configs/CommonContext';
+import { message } from '../configs/store/actions';
 import { useContext, useEffect } from 'react';
 import ReactLoading from 'react-loading';
 import { ToastContainer, toast } from 'react-toastify';

package/src/Participants/ParticipantCreate/ParticipantCreate.tsx

@@ -1,19 +1,16 @@
-import AppModal from '@/AppModal';
-import CommonContext from '@/configs/CommonContext';
-import { toastLoading } from '@/configs/store/actions';
-import { useContext, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import Participant, {
-  EMPTY_PARTICIPANT,
-  ParticipantCreateRequest,
-} from '../types/Participant';
-import ParticipantService from '../types/ParticipantService';
-import { useForm } from 'react-hook-form';
+import { yupResolver } from '@hookform/resolvers/yup';
 import { TFunction } from 'i18next';
+import { useContext } from 'react';
+import { useForm } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { TextField } from 'tycho-storybook';
 import * as yup from 'yup';
-import { yupResolver } from '@hookform/resolvers/yup';
+import AppModal from '../../AppModal';
+import CommonContext from '../../configs/CommonContext';
+import { toastLoading } from '../../configs/store/actions';
+import Participant, { ParticipantCreateRequest } from '../types/Participant';
+import ParticipantService from '../types/ParticipantService';
 import './style.scss';
-import { TextField } from 'tycho-storybook';
 
 type Props = {
   document: string;

package/src/Participants/ParticipantRemove/ParticipantRemove.tsx

@@ -1,8 +1,8 @@
-import AppModalRemove from '@/AppModal/AppModalRemove';
-import CommonContext from '@/configs/CommonContext';
-import { toastLoading } from '@/configs/store/actions';
 import { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
+import AppModalRemove from '../../AppModal/AppModalRemove';
+import CommonContext from '../../configs/CommonContext';
+import { toastLoading } from '../../configs/store/actions';
 import Participant from '../types/Participant';
 import ParticipantService from '../types/ParticipantService';
 import './style.scss';

package/src/Participants/Participants.tsx

@@ -1,12 +1,12 @@
-import AppEditable from '@/AppEditable';
-import AppEditableField from '@/AppEditable/AppEditableField';
-import CommonContext from '@/configs/CommonContext';
-import { dispatchMessage } from '@/configs/MessageUtils';
 import { faPlus, faTimes } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { useContext, useEffect, useState } from 'react';
 import { Button, Form } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
+import AppEditable from '../AppEditable';
+import AppEditableField from '../AppEditable/AppEditableField';
+import CommonContext from '../configs/CommonContext';
+import { dispatchMessage } from '../configs/MessageUtils';
 import ParticipantCreate from './ParticipantCreate';
 import ParticipantRemove from './ParticipantRemove';
 import './style.scss';

package/src/Participants/types/Participant.ts

@@ -1,4 +1,4 @@
-import FormField from '@/AppEditable/FormField';
+import FormField from '../../AppEditable/FormField';
 
 type Participant = {
   order: number;

package/src/Participants/types/ParticipantService.ts

@@ -1,5 +1,5 @@
-import AppEditableField from '@/AppEditable/AppEditableField';
-import api from '@/configs/api';
+import AppEditableField from '../../AppEditable/AppEditableField';
+import api from '../../configs/api';
 import Participant, { ParticipantCreateRequest } from './Participant';
 
 function add(uid: string, request: ParticipantCreateRequest) {

package/src/configs/MessageUtils.ts

@@ -1,5 +1,5 @@
-import { message } from '@/configs/store/actions';
-import { StoreAction } from '@/configs/store/types';
+import { message } from '../configs/store/actions';
+import { StoreAction } from '../configs/store/types';
 import { TFunction } from 'i18next';
 
 type MessageDispatcher = {

package/src/configs/store/actions.ts

@@ -1,4 +1,4 @@
-import ToastMessage from '@/AppToast/ToastMessage';
+import ToastMessage from '../../AppToast/ToastMessage';
 import { StoreAction, types } from './types';
 
 export const message = (data: ToastMessage): StoreAction => ({

package/src/configs/store/store.ts

@@ -1,4 +1,4 @@
-import { EMPTY_TOAST } from '@/AppToast/ToastMessage';
+import { EMPTY_TOAST } from '../../AppToast/ToastMessage';
 import { UserStore } from './types';
 
 const store: UserStore = {

package/src/configs/store/types.ts

@@ -1,4 +1,4 @@
-import ToastMessage from '@/AppToast/ToastMessage';
+import ToastMessage from '../../AppToast/ToastMessage';
 
 export type UserStore = {
   message: ToastMessage;

package/src/index.ts

@@ -2,3 +2,6 @@ export { default as AppEditable } from './AppEditable';
 export { default as AppToast } from './AppToast';
 export { default as AppColorpicker } from './AppColorpicker';
 export { default as Participants } from './Participants';
+export { default as AppModal } from './AppModal';
+export { default as AppModalConfirm } from './AppModal/AppModalConfirm';
+export { default as AppModalRemove } from './AppModal/AppModalRemove';

package/vite.config.ts

@@ -1,9 +1,8 @@
-import pluginChecker from 'vite-plugin-checker';
-import { defineConfig } from 'vitest/config';
 import react from '@vitejs/plugin-react';
-import svgr from 'vite-plugin-svgr';
-import path from 'path';
 import { loadEnv } from 'vite';
+import pluginChecker from 'vite-plugin-checker';
+import svgr from 'vite-plugin-svgr';
+import { defineConfig } from 'vitest/config';
 
 const envDir = './environment';
 
@@ -17,9 +16,6 @@ export default ({ mode }: { mode: any }) => {
     server: {
       port: 3000,
     },
-    resolve: {
-      alias: [{ find: '@', replacement: path.resolve(__dirname, 'src') }],
-    },
     test: {
       globals: true,
       environment: 'jsdom',