@autobusal/utilities 0.0.1

package/form.tsx

@@ -0,0 +1,92 @@
+import { TFunction } from 'i18next';
+import { FieldError, Merge, FieldErrorsImpl } from 'react-hook-form';
+import styled from 'styled-components';
+
+interface ValidateType {
+  required?: string
+  pattern?: any
+  maxLength?: any
+  minLength?: any
+  min?: any
+}
+
+export const validate = (rules: string, t: TFunction<'common'>) => {
+  const analyze = rules.split('|');
+
+  let validation: ValidateType = {};
+
+  analyze.forEach(rule => {
+    const type = rule.split(':');
+      
+    switch (type[0]) {
+      case 'required':
+        validation.required = t('errors.required', { ns: 'common' });
+      break;
+
+      case 'email':
+        validation.pattern = {
+          value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
+          message: t('errors.email', { ns: 'common' })
+        };
+      break;
+
+      case 'min_length':
+        validation.minLength = {
+          value: type[1],
+          message: t('errors.minLength', { ns: 'common', count: type[1] } as any)
+        };
+      break;
+
+      case 'max_length':
+        validation.maxLength = {
+          value: type[1],
+          message: t('errors.maxLength', { ns: 'common', count: type[1] } as any)
+        };
+      break;
+
+      case 'min':
+        validation.min = {
+          value: Number(type[1]),
+          message: t('errors.min', { ns: 'common', count: type[1] } as any)
+        };
+      break;
+      
+  //     case 'max':
+  //       validation.max = {
+  //         value: type[1],
+  //         message: t('general:errors.max', { count: type[1] })
+  //       };
+  //     break;
+
+  //     case 'confirm':
+  //       validation.validate = value => {
+  //         if (value == type[1]) {
+  //           return true;
+  //         } else {
+  //           return t('general:errors.confirmed');
+  //         }
+  //       };
+  //     break;
+    }
+  });
+
+  return validation;
+};
+
+const Error = styled.div`
+  margin-top: 4px;
+  color: ${ props => props.theme.font.error };
+  font-size: ${ props => props.theme.size.s };
+`;
+
+export const display = (err: (FieldError | Merge<FieldError, FieldErrorsImpl<any>> | undefined)): (JSX.Element | null) => {
+  if (!err || !err.message) {
+    return null;
+  }
+
+  return (
+    <Error>
+      { err.message as string }
+    </Error>
+  );
+}

package/index.ts

@@ -0,0 +1,10 @@
+import { validate, display } from './form';
+import { error, notify, success } from './notify';
+
+export {
+  validate,
+  display,
+  error,
+  notify,
+  success
+};

package/notify.ts

@@ -0,0 +1,13 @@
+import toast from 'react-hot-toast';
+
+export const error = (message: string): void => {
+  toast.error(message);
+};
+
+export const notify = (message: string): void => {
+  toast(message);
+};
+
+export const success = (message: string): void => {
+  toast.success(message);
+};

package/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@autobusal/utilities",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "index.ts",
+  "dependencies": {
+    "i18next": "^23.7.18",
+    "react-hook-form": "^7.49.3",
+    "react-hot-toast": "^2.4.1",
+    "styled-components": "^6.1.8"
+  }
+}