@tpzdsp/next-toolkit 1.14.1 → 1.14.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tpzdsp/next-toolkit",
-  "version": "1.14.1",
+  "version": "1.14.3",
   "description": "A reusable React component library for Next.js applications",
   "engines": {
     "node": ">= 24.12.0",
@@ -138,7 +138,7 @@
     "@testing-library/jest-dom": "^6.6.4",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@tpzdsp/eslint-config-dsp": "^1.9.2",
+    "@tpzdsp/eslint-config-dsp": "^2.0.0",
     "@turf/turf": "^7.2.0",
     "@types/geojson": "^7946.0.16",
     "@types/jsonwebtoken": "^9.0.10",
@@ -158,7 +158,7 @@
     "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-import-resolver-typescript": "^4.4.4",
-    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-import-x": "^4.16.1",
     "eslint-plugin-jest-dom": "^5.5.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-prettier": "^5.5.5",

package/src/components/InfoBox/InfoBox.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { type ReactNode, useRef, useId, useState } from 'react';
+import { type ReactNode, type ComponentType, useRef, useId, useState } from 'react';
 
 import { FaInfoCircle } from 'react-icons/fa';
 
@@ -39,6 +39,8 @@ type Props = {
   triggerLabel?: string;
   /** Preferred placement (Floating UI will auto-adjust if needed) */
   placement?: Placement;
+  /** Custom icon component to replace the default FaInfoCircle */
+  icon?: ComponentType<{ className?: string }>;
 };
 
 export type InfoBoxProps = ExtendProps<'div', Props>;
@@ -51,6 +53,7 @@ export const InfoBox = ({
   maxWidth = '320px',
   triggerLabel = 'Show information',
   placement = 'bottom-start',
+  icon: Icon = FaInfoCircle,
   className,
   ...props
 }: InfoBoxProps) => {
@@ -128,7 +131,7 @@ export const InfoBox = ({
         className={triggerClasses}
         {...getReferenceProps()}
       >
-        <FaInfoCircle className={iconClasses} aria-hidden="true" />
+        <Icon className={iconClasses} aria-hidden="true" />
       </button>
 
       {isOpen && (

package/src/components/accordion/Accordion.test.tsx

@@ -173,14 +173,7 @@ describe('Accordion', () => {
 
     const container = screen.getByRole('button').closest('div');
 
-    expect(container).toHaveClass(
-      'flex',
-      'flex-col',
-      'gap-2',
-      'border-l-2',
-      'border-neutral-100',
-      'rounded-md',
-    );
+    expect(container).toHaveClass('flex', 'flex-col', 'border-l-2', 'border-neutral-100');
 
     const button = screen.getByRole('button');
 
@@ -190,8 +183,10 @@ describe('Accordion', () => {
       'items-center',
       'px-2',
       'py-1',
-      'bg-neutral-100',
-      'rounded-md',
+      'text-[color:#000000]',
+      'border-y-2',
+      'border-neutral-100',
+      'focus-yellow',
     );
   });
 });

package/src/components/accordion/Accordion.tsx

@@ -28,15 +28,12 @@ export const Accordion = ({
   const [isOpen, setIsOpen] = useState(defaultOpen);
 
   return (
-    <div
-      className={cn('flex flex-col gap-2 border-l-2 border-neutral-100 rounded-md', className)}
-      {...props}
-    >
+    <div className={cn('flex flex-col border-l-2 border-neutral-100', className)} {...props}>
       <button
         aria-expanded={isOpen}
         aria-controls={contentId}
-        className="flex justify-between items-center px-2 py-1 bg-neutral-100 rounded-md
-          focus-yellow"
+        className="flex justify-between items-center px-2 py-1 bg-[#fefefefe] text-[color:#000000]
+          border-y-2 border-neutral-100 focus-yellow"
         id={buttonId}
         onClick={() => setIsOpen(!isOpen)}
         type="button"
@@ -52,7 +49,7 @@ export const Accordion = ({
         id={contentId}
         aria-labelledby={buttonId}
         aria-hidden={!isOpen}
-        className={cn('px-2 pb-1', isOpen ? 'block' : 'hidden')}
+        className={cn('p-2 bg-[#efefef]', isOpen ? 'block' : 'hidden')}
       >
         {children}
       </section>

package/src/http/constants.ts

@@ -11,6 +11,7 @@ export const MimeType = {
   UrlEncodedForm: 'application/x-www-form-urlencoded',
   MultipartForm: 'multipart/form-data',
   Text: 'text/plain',
+  NTriples: 'application/n-triples',
 } as const;
 
 /**
@@ -49,6 +50,7 @@ export const HttpStatus = {
   UnprocessableContent: 422,
   InternalServerError: 500,
   NotImplemented: 501,
+  BadGateway: 502,
 } as const;
 
 /**
@@ -71,6 +73,7 @@ export const HttpStatusText = {
   UnprocessableContent: 'Unprocessable Content',
   InternalServerError: 'Internal Server Error',
   NotImplemented: 'Not Implemented',
+  BadGateway: 'Bad Gateway',
 } as const;
 
 /**

package/src/http/fetch.ts

@@ -14,6 +14,8 @@ import {
   type BetterFetchPlugin,
 } from '@better-fetch/fetch';
 
+export { type BetterFetchPlugin } from '@better-fetch/fetch';
+
 import { ApiError } from '../errors';
 import { Header, isJsonMimeType, MimeType, type HttpMethods } from './constants';
 import { HttpStatus } from './constants';