@addev-be/ui 0.8.2 → 0.8.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@addev-be/ui",
-  "version": "0.8.2",
+  "version": "0.8.4",
   "type": "module",
   "scripts": {
     "watch": "tsc -b --watch",
@@ -42,6 +42,7 @@
   "peerDependencies": {
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-router-dom": "^6.27.0",
     "styled-components": "^6.1.13",
     "vite-plugin-svgr": "^4.2.0"
   },

package/src/hooks/index.ts

@@ -1,2 +1,3 @@
 export * from './useElementSize';
+export * from './useShowArchived';
 export * from './useWindowSize';

package/src/hooks/useShowArchived.ts

@@ -0,0 +1,21 @@
+import { useCallback, useState } from 'react';
+
+import { ConditionDTO } from '../services/sqlRequests';
+
+export const useShowArchived = (initialValue?: boolean) => {
+  const [showArchived, setShowArchived] = useState(initialValue ?? false);
+
+  const toggleShowArchived = useCallback((value?: boolean) => {
+    setShowArchived((prev) => (value === undefined ? !prev : value));
+  }, []);
+
+  const archivedConditions: ConditionDTO[] = showArchived
+    ? []
+    : [{ field: 'Archived', operator: 'notEquals', value: 1 }];
+
+  return {
+    archivedConditions,
+    showArchived,
+    toggleShowArchived,
+  };
+};

package/src/services/index.ts

@@ -4,12 +4,14 @@ export * from './hooks';
 export * from './globalSearch';
 
 export * from './requests/auth';
+export * from './requests/generic';
 export * from './requests/tracking';
 export * from './requests/users';
 export * from './requests/userProfiles';
 
 export * from './types/auth';
 export * from './types/base';
+export * from './types/generic';
 export * from './types/tracking';
 export * from './types/users';
 export * from './types/userProfiles';

package/src/services/requests/generic.ts

@@ -0,0 +1,62 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import * as t from 'io-ts';
+
+import {
+  GenericArchiveRequestDTO,
+  GenericArchiveResponseDTO,
+  GenericDeleteRequestDTO,
+  GenericDeleteResponseDTO,
+  GenericGetAllRequestDTO,
+  GenericGetRequestDTO,
+  getGenericGetAllResponseDtoCodec,
+  getGenericGetResponseDtoCodec,
+  getGenericSaveRequestDtoCodec,
+  getGenericSaveResponseDtoCodec,
+} from '../types/generic';
+
+import { useLoadingRequestHandler } from '../hooks';
+import { userDtoCodec } from '../types/users';
+
+export const useGenericGetRequestHandler = <C extends t.Mixed>(
+  name: string,
+  codec: C
+) => {
+  const responseCodec = getGenericGetResponseDtoCodec(codec);
+  return useLoadingRequestHandler<
+    GenericGetRequestDTO,
+    t.TypeOf<typeof responseCodec>
+  >(name);
+};
+
+export const useGenericGetAllRequestHandler = <C extends t.Mixed>(
+  name: string,
+  codec: C
+) => {
+  const responseCodec = getGenericGetAllResponseDtoCodec(codec);
+  return useLoadingRequestHandler<
+    GenericGetAllRequestDTO,
+    t.TypeOf<typeof responseCodec>
+  >(name);
+};
+
+export const useGenericSaveRequestHandler = <C extends t.Mixed>(
+  name: string,
+  codec: C
+) => {
+  const requestCodec = getGenericSaveRequestDtoCodec(codec);
+  const responseCodec = getGenericSaveResponseDtoCodec(codec);
+  return useLoadingRequestHandler<
+    t.TypeOf<typeof requestCodec>,
+    t.TypeOf<typeof responseCodec>
+  >(name);
+};
+
+export const useGenericDeleteRequestHandler = (name: string) =>
+  useLoadingRequestHandler<GenericDeleteRequestDTO, GenericDeleteResponseDTO>(
+    name
+  );
+
+export const useGenericArchiveRequestHandler = (name: string) =>
+  useLoadingRequestHandler<GenericArchiveRequestDTO, GenericArchiveResponseDTO>(
+    name
+  );

package/src/services/types/generic.ts

@@ -0,0 +1,92 @@
+import * as t from 'io-ts';
+
+export const genericGetRequestDtoCodec = t.type(
+  {
+    id: t.string,
+  },
+  'GenericGetRequestDTO'
+);
+
+export const getGenericGetResponseDtoCodec = <C extends t.Mixed>(codec: C) =>
+  t.type({
+    status: t.number,
+    data: codec,
+  });
+
+export type GenericGetRequestDTO = t.TypeOf<typeof genericGetRequestDtoCodec>;
+
+/*****/
+
+export const genericGetAllRequestDtoCodec = t.type(
+  {},
+  'GenericGetAllRequestDTO'
+);
+
+export const getGenericGetAllResponseDtoCodec = <C extends t.Mixed>(codec: C) =>
+  t.type({
+    status: t.number,
+    data: t.array(codec),
+  });
+
+export type GenericGetAllRequestDTO = t.TypeOf<
+  typeof genericGetAllRequestDtoCodec
+>;
+
+/*****/
+
+export const getGenericSaveRequestDtoCodec = <C extends t.Mixed>(codec: C) =>
+  t.type({
+    data: codec,
+  });
+
+export const getGenericSaveResponseDtoCodec = <C extends t.Mixed>(codec: C) =>
+  t.type({
+    status: t.number,
+    data: codec,
+  });
+
+/*****/
+
+export const genericArchiveRequestDtoCodec = t.type(
+  {
+    id: t.string,
+  },
+  'GenericArchiveRequestDTO'
+);
+
+export const genericArchiveResponseDtoCodec = t.type(
+  {
+    status: t.number,
+  },
+  'GenericArchiveResponseDTO'
+);
+
+export type GenericArchiveRequestDTO = t.TypeOf<
+  typeof genericArchiveRequestDtoCodec
+>;
+export type GenericArchiveResponseDTO = t.TypeOf<
+  typeof genericArchiveResponseDtoCodec
+>;
+
+/*****/
+
+export const genericDeleteRequestDtoCodec = t.type(
+  {
+    id: t.string,
+  },
+  'GenericDeleteRequestDTO'
+);
+
+export const genericDeleteResponseDtoCodec = t.type(
+  {
+    status: t.number,
+  },
+  'GenericDeleteResponseDTO'
+);
+
+export type GenericDeleteRequestDTO = t.TypeOf<
+  typeof genericDeleteRequestDtoCodec
+>;
+export type GenericDeleteResponseDTO = t.TypeOf<
+  typeof genericDeleteResponseDtoCodec
+>;