New documentation (#1461)

* rebased * fix(docs): fixed broken build step (upgraded astro version) * fix(docs): fixed unintentional instances of pnpm/npm/yarn in code blocks * fix(*): fixed lockfile * fix(docs): fixed navigation * fix(docs): fixed instances of back-office.md
ballerine-io · Oct 22, 2023 · 4bce9ac · 4bce9ac
1 parent 86bec14
commit 4bce9ac
Show file tree

Hide file tree

Showing 108 changed files with 3,230 additions and 5,489 deletions.
diff --git a/apps/backoffice-v2/src/common/components/atoms/EllipsisButton/EllipsisButton.tsx b/apps/backoffice-v2/src/common/components/atoms/EllipsisButton/EllipsisButton.tsx
@@ -11,7 +11,7 @@ import { ctw } from '../../../utils/ctw/ctw';
  */
 export const EllipsisButton: FunctionComponent<ButtonComponent> = ({ className, ...props }) => {
   return (
-    <button className={ctw(`btn btn-square focus:outline-primary`, className)} {...props}>
+    <button className={ctw(`btn-square btn focus:outline-primary`, className)} {...props}>
       <EllipsisSvg />
     </button>
   );

diff --git a/apps/backoffice-v2/src/common/components/atoms/Table/Table.tsx b/apps/backoffice-v2/src/common/components/atoms/Table/Table.tsx
@@ -3,7 +3,7 @@ import { ctw } from '../../../utils/ctw/ctw';
 
 export const Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(
   ({ className, ...props }, ref) => (
-    <table ref={ref} className={ctw('w-full caption-bottom text-sm', className)} {...props} />
+    <table ref={ref} className={ctw('caption-bottom w-full text-sm', className)} {...props} />
   ),
 );
 Table.displayName = 'Table';
diff --git a/apps/backoffice-v2/src/common/components/organisms/Header/Header.BottomActions.tsx b/apps/backoffice-v2/src/common/components/organisms/Header/Header.BottomActions.tsx
@@ -33,7 +33,7 @@ export const BottomActions = () => {
         <div className="text-sm">{fullName}</div>
       </div>
       <button
-        className="btn btn-ghost btn-block ml-1 justify-start gap-x-2 px-0 text-sm font-medium normal-case hover:bg-transparent"
+        className="btn-ghost btn-block btn ml-1 justify-start gap-x-2 px-0 text-sm font-medium normal-case hover:bg-transparent"
         onClick={onSignOut}
       >
         <LogOutSvg className="h-4 w-4" />

diff --git a/apps/backoffice-v2/src/common/components/organisms/Header/Header.Logo.tsx b/apps/backoffice-v2/src/common/components/organisms/Header/Header.Logo.tsx
@@ -15,7 +15,7 @@ export const Logo: FunctionComponent = () => {
     <h1 className={`mb-11 flex`}>
       <Link
         to={`/en`}
-        className={`btn btn-ghost flex gap-x-3 text-2xl  normal-case focus:outline-primary`}
+        className={`btn-ghost btn flex gap-x-3 text-2xl  normal-case focus:outline-primary`}
       >
         {customer?.logoImageUri ? (
           <div>

diff --git a/apps/backoffice-v2/src/common/components/organisms/ImageViewer/ImageViewer.Item.tsx b/apps/backoffice-v2/src/common/components/organisms/ImageViewer/ImageViewer.Item.tsx
@@ -54,10 +54,10 @@ export const Item: FunctionComponent<IItemProps> = ({
             className={ctw(
               `
             group-hover:outline
-            group-focus:outline
             group-hover:outline-2
             group-hover:outline-primary
             group-focus:shadow
+            group-focus:outline
             group-focus:outline-2
             group-focus:outline-primary`,
               imageClassName,

diff --git a/apps/backoffice-v2/src/common/components/organisms/ImageViewer/ImageViewer.ZoomButton.tsx b/apps/backoffice-v2/src/common/components/organisms/ImageViewer/ImageViewer.ZoomButton.tsx
@@ -12,7 +12,7 @@ export const ZoomButton: FunctionComponent<ButtonComponent> = ({ className, ...p
       onClick={onToggleOnIsZoomModalOpen}
       aria-label={'Open zoomed selected image modal'}
       className={ctw(
-        `btn btn-circle btn-ghost btn-sm grid place-content-center bg-base-300/70 focus:outline-primary`,
+        `btn-ghost btn-sm btn-circle btn grid place-content-center bg-base-300/70 focus:outline-primary`,
         className,
       )}
       {...props}

diff --git a/apps/backoffice-v2/src/common/components/organisms/Modal/Modal.tsx b/apps/backoffice-v2/src/common/components/organisms/Modal/Modal.tsx
@@ -41,7 +41,7 @@ export const Modal: FunctionComponent<IModalProps> = ({
             <Dialog.Content className={ctw(`modal-box w-full max-w-7xl`, className)} {...props}>
               <div className={`flex justify-end`}>
                 <Dialog.Close
-                  className={`btn btn-square btn-ghost  btn-sm mb-4 focus:outline-primary`}
+                  className={`btn-ghost btn-sm btn-square  btn mb-4 focus:outline-primary`}
                   aria-label={`Close`}
                 >
                   <XMarkSvg />

diff --git a/...koffice-v2/src/domains/auth/components/AuthenticatedLayout/AuthenticatedLayout.layout.tsx b/...koffice-v2/src/domains/auth/components/AuthenticatedLayout/AuthenticatedLayout.layout.tsx
@@ -23,7 +23,7 @@ export const AuthenticatedLayout: FunctionComponent = () => {
   }
 
   return (
-    <div className="drawer drawer-mobile">
+    <div className="drawer-mobile drawer">
       <input id="app-drawer" type="checkbox" className="drawer-toggle" />
       <div className={`drawer-content`}>
         <main className={`grid h-full grid-cols-[285px_1fr]`}>
@@ -36,7 +36,7 @@ export const AuthenticatedLayout: FunctionComponent = () => {
       </div>
       <label
         htmlFor="app-drawer"
-        className="btn btn-square drawer-button fixed z-50 bottom-right-6 lg:hidden"
+        className="drawer-button btn-square btn fixed z-50 bottom-right-6 lg:hidden"
       >
         <svg
           xmlns="http://www.w3.org/2000/svg"

diff --git a/apps/backoffice-v2/src/pages/Entities/components/Cases/Cases.Item.tsx b/apps/backoffice-v2/src/pages/Entities/components/Cases/Cases.Item.tsx
@@ -62,7 +62,7 @@ export const Item: FunctionComponent<IItemProps> = ({
             initial={{ opacity: 0 }}
             animate={{ opacity: 1 }}
             transition={{ duration: 0.3 }}
-            className={ctw(`indicator-center indicator-item indicator-middle`, {
+            className={ctw(`indicator-center indicator-middle indicator-item`, {
               hidden: status !== 'REJECTED' && status !== 'APPROVED',
               'text-success': status === 'APPROVED',
               'text-error': status === 'REJECTED',

diff --git a/apps/backoffice-v2/src/pages/Entities/components/Cases/Cases.SkeletonItem.tsx b/apps/backoffice-v2/src/pages/Entities/components/Cases/Cases.SkeletonItem.tsx
@@ -12,7 +12,7 @@ export const SkeletonItem: FunctionComponent = () => {
       <div className={`flex items-center gap-x-4 outline-none`}>
         <div className={`indicator`}>
           <div
-            className={`indicator-item indicator-bottom h-4 w-4 animate-pulse rounded-full bg-gray-200 theme-dark:bg-neutral-focus`}
+            className={`indicator-bottom indicator-item h-4 w-4 animate-pulse rounded-full bg-gray-200 theme-dark:bg-neutral-focus`}
           ></div>
           <Avatar src={''} alt={`User's avatar - loading`} className={`h-8 w-8`} isLoading />
         </div>

diff --git a/apps/backoffice-v2/src/pages/Entities/components/Cases/Cases.tsx b/apps/backoffice-v2/src/pages/Entities/components/Cases/Cases.tsx
@@ -53,7 +53,7 @@ export const Cases: FunctionComponent<ICasesProps> & ICasesChildren = ({
       <div className={`border-neutral/10 p-4 theme-dark:border-neutral/60`}>
         <div className="form-control mb-2 rounded-md border border-neutral/10 focus-within:shadow-[0_1px_1px_0_rgba(0,0,0,0.15)] theme-dark:border-neutral/60">
           <div className="input-group">
-            <div className={`btn btn-square btn-ghost pointer-events-none`}>
+            <div className={`btn-ghost btn-square btn pointer-events-none`}>
               <MagnifyingGlassSvg className={`!d-5`} />
             </div>
             <input
@@ -69,7 +69,7 @@ export const Cases: FunctionComponent<ICasesProps> & ICasesChildren = ({
         <div className={`flex items-center justify-between`}>
           <div className="dropdown dropdown-bottom dropdown-hover z-[60]">
             <button
-              className={`btn btn-ghost btn-sm h-8 gap-2 border-neutral/10 px-4 text-sm capitalize hover:!bg-muted focus-visible:outline-primary theme-dark:border-neutral/50`}
+              className={`btn-ghost btn-sm btn h-8 gap-2 border-neutral/10 px-4 text-sm capitalize hover:!bg-muted focus-visible:outline-primary theme-dark:border-neutral/50`}
               tabIndex={0}
               ref={filterRef}
               onMouseEnter={handleDropdown}
@@ -116,14 +116,14 @@ export const Cases: FunctionComponent<ICasesProps> & ICasesChildren = ({
           >
             <div className={`input-group flex items-center`}>
               <button
-                className={`btn btn-square btn-ghost btn-sm !rounded-l-md hover:!bg-muted focus-visible:border-none focus-visible:bg-neutral/10 focus-visible:outline-none focus-visible:ring-0 focus-visible:theme-dark:bg-neutral`}
+                className={`btn-ghost btn-sm btn-square btn !rounded-l-md hover:!bg-muted focus-visible:border-none focus-visible:bg-neutral/10 focus-visible:outline-none focus-visible:ring-0 focus-visible:theme-dark:bg-neutral`}
                 onClick={onSortDirToggle}
                 ref={sortRef}
               >
                 <SortSvg />
               </button>
               <select
-                className={`select select-bordered select-sm w-[7.5rem] !border-0 pl-2 text-sm leading-snug !outline-none !ring-0 hover:bg-muted/50`}
+                className={`select-bordered select select-sm w-[7.5rem] !border-0 pl-2 text-sm leading-snug !outline-none !ring-0 hover:bg-muted/50`}
                 onChange={onSortBy}
                 value={sortBy}
               >

diff --git a/apps/backoffice-v2/src/pages/Entity/components/Case/Case.Actions.tsx b/apps/backoffice-v2/src/pages/Entity/components/Case/Case.Actions.tsx
@@ -99,7 +99,7 @@ export const Actions: FunctionComponent<IActionsProps> = ({
           )}
         </div>
         {showResolutionButtons && (
-          <div className={`flex items-center space-x-4 self-start pe-[3.35rem]`}>
+          <div className={`pe-[3.35rem] flex items-center space-x-4 self-start`}>
             <Dialog>
               <DialogTrigger asChild>
                 <Button

diff --git a/apps/backoffice-v2/src/pages/Entity/components/Case/Case.Documents.tsx b/apps/backoffice-v2/src/pages/Entity/components/Case/Case.Documents.tsx
@@ -89,7 +89,7 @@ export const Documents: FunctionComponent<IDocumentsProps> = ({ documents, isLoa
                 <button
                   type={`button`}
                   className={ctw(
-                    `btn btn-circle btn-ghost btn-sm bg-base-300/70 text-[0.688rem] focus:outline-primary`,
+                    `btn-ghost btn-sm btn-circle btn bg-base-300/70 text-[0.688rem] focus:outline-primary`,
                   )}
                   onClick={onRotateDocument}
                 >

diff --git a/apps/backoffice-v2/src/pages/Entity/components/Case/Case.Info.tsx b/apps/backoffice-v2/src/pages/Entity/components/Case/Case.Info.tsx
@@ -132,7 +132,7 @@ export const Info: FunctionComponent<IInfoProps> = ({ info, whitelist, isLoading
                   >
                     <div className={`flex w-full justify-between`}>
                       OCR & Given details mismatch
-                      <button className={`link link-hover rounded-md p-1`} onClick={onOcrMismatch}>
+                      <button className={`link-hover link rounded-md p-1`} onClick={onOcrMismatch}>
                         Resolve
                       </button>
                     </div>
@@ -178,7 +178,7 @@ export const Info: FunctionComponent<IInfoProps> = ({ info, whitelist, isLoading
                         </pre>
                       </Modal>
                       <button
-                        className={`link link-hover link-primary rounded-md`}
+                        className={`link-hover link-primary link rounded-md`}
                         onClick={onToggleOnIsViewFullReportOpen}
                       >
                         View full report