@ramses1er/cbk-toolkit 1.3.0 → 1.3.1

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../packages/ui/src/layouts/side-nav.tsx","../packages/ui/src/config/create-side-nav.tsx","../packages/utils/src/fetcher.ts"],"sourcesContent":["\"use client\";\r\n\r\nimport {\r\n  ReactNode,\r\n  useState,\r\n  createElement,\r\n  isValidElement,\r\n  type ComponentType,\r\n} from \"react\";\r\n\r\ntype IconType = ReactNode | ComponentType<{ size?: number }>;\r\n\r\nexport interface NavItem {\r\n  id: string;\r\n  label: string;\r\n  title?: string;\r\n  icon?: IconType;\r\n  href: string;\r\n  subItems?: NavItem[];\r\n}\r\n\r\nexport interface SideNavStaticConfig {\r\n  brand?: {\r\n    logo?: ReactNode;\r\n    name?: string;\r\n    tagline?: string;\r\n  };\r\n  mainItems: NavItem[];\r\n  title?: string;\r\n  footer?: { icon?: IconType; label: string; href: string }[];\r\n  toggleIcon?: ReactNode;\r\n}\r\n\r\nexport interface SideNavProps extends SideNavStaticConfig {\r\n  children: ReactNode;\r\n  currentPath: string;\r\n}\r\n\r\nfunction isActive(href: string, currentPath: string) {\r\n  return currentPath === href || currentPath.startsWith(href + \"/\");\r\n}\r\n\r\nfunction isExactActive(href: string, currentPath: string) {\r\n  return currentPath === href;\r\n}\r\n\r\nexport function SideNav({\r\n  children,\r\n  title,\r\n  mainItems,\r\n  currentPath,\r\n  brand,\r\n  footer,\r\n  toggleIcon,\r\n}: SideNavProps) {\r\n  const activeMain = mainItems.find((item) => isActive(item.href, currentPath));\r\n  const headerTitle = title ?? activeMain?.title ?? activeMain?.label;\r\n  const [expandedSection, setExpandedSection] = useState<string | null>(\r\n    activeMain?.id ?? null,\r\n  );\r\n\r\n  const toggleSection = (id: string) => {\r\n    setExpandedSection((prev) => (prev === id ? null : id));\r\n  };\r\n\r\n  return (\r\n    <div className=\"flex min-h-screen\">\r\n      <aside className=\"w-64 bg-white border-r border-gray-200 flex flex-col fixed h-full\">\r\n        {brand && (\r\n          <div className=\"p-[6.5px] border-b border-gray-100\">\r\n            <div className=\"flex flex-row gap-2 items-center\">\r\n              {brand.logo &&\r\n                (typeof brand.logo === \"string\" ? (\r\n                  <img\r\n                    src={brand.logo}\r\n                    alt={brand.name ?? \"\"}\r\n                    className=\"w-12.5 h-12.5\"\r\n                  />\r\n                ) : (\r\n                  brand.logo\r\n                ))}\r\n              {brand.name && (\r\n                <p className=\"text-gray-500 text-base font-semibold\">\r\n                  {brand.name}\r\n                </p>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n\r\n        <nav className=\"flex-1 p-4 overflow-y-auto\">\r\n          <ul className=\"space-y-1\">\r\n            {mainItems.map((item) => {\r\n              const active = isActive(item.href, currentPath);\r\n              const isExpanded = expandedSection === item.id;\r\n              const hasSubItems = item.subItems && item.subItems.length > 0;\r\n\r\n              return (\r\n                <li key={item.id}>\r\n                  <div className=\"flex items-center gap-1\">\r\n                    <a\r\n                      href={item.href}\r\n                      className={`flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-colors flex-1 ${\r\n                        active\r\n                          ? \"bg-gray-200 text-black\"\r\n                          : \"text-gray-500 hover:bg-gray-100\"\r\n                      }`}\r\n                    >\r\n                      {item.icon &&\r\n                        (typeof item.icon === \"string\" ? (\r\n                          <span className=\"text-lg\">{item.icon}</span>\r\n                        ) : isValidElement(item.icon) ? (\r\n                          item.icon\r\n                        ) : (\r\n                          createElement(\r\n                            item.icon as ComponentType<{ size?: number }>,\r\n                            { size: 20 },\r\n                          )\r\n                        ))}\r\n                      {item.label}\r\n                    </a>\r\n                    {active && hasSubItems && (\r\n                      <button\r\n                        onClick={() => toggleSection(item.id)}\r\n                        className={`p-1.5 rounded-lg transition-colors ${\r\n                          active\r\n                            ? \"text-black hover:bg-gray-100\"\r\n                            : \"text-gray-500 hover:bg-gray-100\"\r\n                        }`}\r\n                        title={isExpanded ? \"Réduire\" : \"Développer\"}\r\n                      >\r\n                        {toggleIcon ? (\r\n                          <span\r\n                            className={`inline-block transition-transform duration-200 ${\r\n                              isExpanded ? \"rotate-0\" : \"-rotate-90\"\r\n                            }`}\r\n                          >\r\n                            {toggleIcon}\r\n                          </span>\r\n                        ) : (\r\n                          <span className=\"text-xs\">\r\n                            {isExpanded ? \"▼\" : \"▶\"}\r\n                          </span>\r\n                        )}\r\n                      </button>\r\n                    )}\r\n                  </div>\r\n\r\n                  {active && hasSubItems && (\r\n                    <div\r\n                      className={`grid transition-all duration-300 ease-in-out ${\r\n                        isExpanded ? \"grid-rows-[1fr]\" : \"grid-rows-[0fr]\"\r\n                      }`}\r\n                    >\r\n                      <div className=\"overflow-hidden\">\r\n                        <ul className=\"ml-4 mt-1 space-y-1 pl-2\">\r\n                          {item.subItems!.map((sub) => (\r\n                            <li key={sub.id}>\r\n                              <a\r\n                                href={sub.href}\r\n                                className={`flex items-center gap-2 px-3 py-2 rounded-lg text-sm font-medium transition-colors ${\r\n                                  isExactActive(sub.href, currentPath)\r\n                                    ? \"bg-gray-200 text-black\"\r\n                                    : \"text-gray-500 hover:bg-gray-100\"\r\n                                }`}\r\n                              >\r\n                                {sub.label}\r\n                              </a>\r\n                            </li>\r\n                          ))}\r\n                        </ul>\r\n                      </div>\r\n                    </div>\r\n                  )}\r\n                </li>\r\n              );\r\n            })}\r\n          </ul>\r\n        </nav>\r\n\r\n        {footer && footer.length > 0 && (\r\n          <div className=\"p-4 border-t border-gray-100 space-y-1\">\r\n            {footer.map((item) => (\r\n              <a\r\n                key={item.label}\r\n                href={item.href}\r\n                className=\"flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-100 transition-colors\"\r\n              >\r\n                {typeof item.icon === \"string\" ? (\r\n                  <span className=\"text-lg\">{item.icon}</span>\r\n                ) : isValidElement(item.icon) ? (\r\n                  item.icon\r\n                ) : (\r\n                  createElement(item.icon as ComponentType<{ size?: number }>, {\r\n                    size: 20,\r\n                  })\r\n                )}\r\n                {item.label}\r\n              </a>\r\n            ))}\r\n          </div>\r\n        )}\r\n      </aside>\r\n\r\n      <div className=\"flex-1 ml-64\">\r\n        {headerTitle && (\r\n          <header className=\"h-16 bg-white border-b border-gray-200 flex items-center justify-between px-6 fixed top-0 right-0 left-64 z-10\">\r\n            <h1 className=\"text-base font-semibold text-gray-500\">\r\n              {headerTitle}\r\n            </h1>\r\n            {brand?.tagline && (\r\n              <span className=\"text-sm text-gray-500\">{brand.tagline}</span>\r\n            )}\r\n          </header>\r\n        )}\r\n        <main className={headerTitle ? \"p-6 pt-20\" : \"p-6\"}>{children}</main>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import { SideNav, type SideNavStaticConfig } from \"../layouts/side-nav\";\n\nexport function createSideNav(config: SideNavStaticConfig) {\n  return function ConfiguredSideNav({\n    children,\n    currentPath,\n  }: {\n    children: React.ReactNode;\n    currentPath: string;\n  }) {\n    return (\n      <SideNav {...config} currentPath={currentPath}>\n        {children}\n      </SideNav>\n    );\n  };\n}\n","export class ApiError extends Error{\r\n    public status: number;\r\n    public code?: string;\r\n    public data?: unknown;\r\n  \r\n    constructor(params: {\r\n      message: string;\r\n      status: number;\r\n      code?: string;\r\n      data?: unknown;\r\n    }) {\r\n      super(params.message);\r\n      this.status = params.status;\r\n      this.code = params.code;\r\n      this.data = params.data;\r\n    }\r\n  }\r\n  \r\n  type BackendErrorShape = {\r\n    code?: string;\r\n    status?: number;\r\n    message?: string;\r\n  };\r\n  \r\n  export type FetcherOptions = RequestInit & {\r\n    skipJsonParsing?: boolean;\r\n  };\r\n  \r\n  export async function fetcher<T = unknown>(\r\n    url: string,\r\n    options: FetcherOptions = {}\r\n  ): Promise<T> {\r\n    const { headers, skipJsonParsing = false, ...rest } = options;\r\n  \r\n    const response = await fetch(url, {\r\n      credentials: \"include\", \r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        ...headers,\r\n      },\r\n      ...rest,\r\n    });\r\n  \r\n    let responseData: unknown = null;\r\n    const contentType = response.headers.get(\"content-type\");\r\n  \r\n    if (!skipJsonParsing && contentType?.includes(\"application/json\")) {\r\n      responseData = await response.json();\r\n    }\r\n  \r\n    if (!response.ok) {\r\n      const backendError = responseData as BackendErrorShape;\r\n  \r\n      throw new ApiError({\r\n        message:\r\n          backendError?.message ||\r\n          \"Une erreur est survenue\",\r\n        status:\r\n          backendError?.status ||\r\n          response.status,\r\n        code: backendError?.code,\r\n        data: responseData,\r\n      });\r\n    }\r\n  \r\n    return responseData as T;\r\n  }"],"mappings":"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","names":["jsx"]}
+{"version":3,"sources":["../packages/ui/src/layouts/side-nav.tsx","../packages/ui/src/config/create-side-nav.tsx","../packages/utils/src/fetcher.ts"],"sourcesContent":["\"use client\";\r\n\r\nimport {\r\n  ReactNode,\r\n  useState,\r\n  createElement,\r\n  isValidElement,\r\n  type ComponentType,\r\n} from \"react\";\r\n\r\ntype IconType = ReactNode | ComponentType<{ size?: number }>;\r\n\r\nexport interface NavItem {\r\n  id: string;\r\n  label: string;\r\n  title?: string;\r\n  icon?: IconType;\r\n  href: string;\r\n  subItems?: NavItem[];\r\n}\r\n\r\nexport interface SideNavStaticConfig {\r\n  brand?: {\r\n    logo?: ReactNode;\r\n    name?: string;\r\n    tagline?: string;\r\n  };\r\n  mainItems: NavItem[];\r\n  title?: string;\r\n  footer?: { icon?: IconType; label: string; href: string }[];\r\n  toggleIcon?: ReactNode;\r\n}\r\n\r\nexport interface SideNavProps extends SideNavStaticConfig {\r\n  children: ReactNode;\r\n  currentPath: string;\r\n}\r\n\r\nfunction isActive(href: string, currentPath: string) {\r\n  return currentPath === href || currentPath.startsWith(href + \"/\");\r\n}\r\n\r\nfunction isExactActive(href: string, currentPath: string) {\r\n  return currentPath === href;\r\n}\r\n\r\nexport function SideNav({\r\n  children,\r\n  title,\r\n  mainItems,\r\n  currentPath,\r\n  brand,\r\n  footer,\r\n  toggleIcon,\r\n}: SideNavProps) {\r\n  const activeMain = mainItems.find((item) => isActive(item.href, currentPath));\r\n  const headerTitle = title ?? activeMain?.title ?? activeMain?.label;\r\n  const [expandedSection, setExpandedSection] = useState<string | null>(\r\n    activeMain?.id ?? null,\r\n  );\r\n\r\n  const toggleSection = (id: string) => {\r\n    setExpandedSection((prev) => (prev === id ? null : id));\r\n  };\r\n\r\n  return (\r\n    <div className=\"flex min-h-screen\">\r\n      <aside className=\"w-64 bg-white border-r border-gray-200 flex flex-col fixed h-full\">\r\n        {brand && (\r\n          <div className=\"p-[6.5px] border-b border-gray-100\">\r\n            <div className=\"flex flex-row gap-2 items-center\">\r\n              {brand.logo &&\r\n                (typeof brand.logo === \"string\" ? (\r\n                  <img\r\n                    src={brand.logo}\r\n                    alt={brand.name ?? \"\"}\r\n                    className=\"w-12.5 h-12.5\"\r\n                  />\r\n                ) : (\r\n                  brand.logo\r\n                ))}\r\n              {brand.name && (\r\n                <p className=\"text-gray-500 text-base font-semibold\">\r\n                  {brand.name}\r\n                </p>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n\r\n        <nav className=\"flex-1 p-4 overflow-y-auto\">\r\n          <ul className=\"space-y-1\">\r\n            {mainItems.map((item) => {\r\n              const active = isActive(item.href, currentPath);\r\n              const isExpanded = expandedSection === item.id;\r\n              const hasSubItems = item.subItems && item.subItems.length > 0;\r\n\r\n              return (\r\n                <li key={item.id}>\r\n                  <div className=\"flex items-center gap-1\">\r\n                    <a\r\n                      href={item.href}\r\n                      className={`flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-colors flex-1 ${\r\n                        active\r\n                          ? \"bg-gray-200 text-black\"\r\n                          : \"text-gray-500 hover:bg-gray-100\"\r\n                      }`}\r\n                    >\r\n                      {item.icon &&\r\n                        (typeof item.icon === \"string\" ? (\r\n                          <span className=\"text-lg\">{item.icon}</span>\r\n                        ) : isValidElement(item.icon) ? (\r\n                          item.icon\r\n                        ) : (\r\n                          createElement(\r\n                            item.icon as ComponentType<{ size?: number }>,\r\n                            { size: 20 },\r\n                          )\r\n                        ))}\r\n                      {item.label}\r\n                    </a>\r\n                    {active && hasSubItems && (\r\n                      <button\r\n                        onClick={() => toggleSection(item.id)}\r\n                        className={`p-1.5 rounded-lg transition-colors ${\r\n                          active\r\n                            ? \"text-black hover:bg-gray-100\"\r\n                            : \"text-gray-500 hover:bg-gray-100\"\r\n                        }`}\r\n                        title={isExpanded ? \"Réduire\" : \"Développer\"}\r\n                      >\r\n                        {toggleIcon ? (\r\n                          <span\r\n                            className={`inline-block transition-transform duration-200 ${\r\n                              isExpanded ? \"rotate-0\" : \"-rotate-90\"\r\n                            }`}\r\n                          >\r\n                            {toggleIcon}\r\n                          </span>\r\n                        ) : (\r\n                          <span className=\"text-xs\">\r\n                            {isExpanded ? \"▼\" : \"▶\"}\r\n                          </span>\r\n                        )}\r\n                      </button>\r\n                    )}\r\n                  </div>\r\n\r\n                  {active && hasSubItems && (\r\n                    <div\r\n                      className={`grid transition-all duration-300 ease-in-out ${\r\n                        isExpanded ? \"grid-rows-[1fr]\" : \"grid-rows-[0fr]\"\r\n                      }`}\r\n                    >\r\n                      <div className=\"overflow-hidden\">\r\n                        <ul className=\"ml-4 mt-1 space-y-1 pl-2\">\r\n                          {item.subItems!.map((sub) => (\r\n                            <li key={sub.id}>\r\n                              <a\r\n                                href={sub.href}\r\n                                className={`flex items-center gap-2 px-3 py-2 rounded-lg text-sm font-medium transition-colors ${\r\n                                  isExactActive(sub.href, currentPath)\r\n                                    ? \"bg-gray-200 text-black\"\r\n                                    : \"text-gray-500 hover:bg-gray-100\"\r\n                                }`}\r\n                              >\r\n                                {sub.label}\r\n                              </a>\r\n                            </li>\r\n                          ))}\r\n                        </ul>\r\n                      </div>\r\n                    </div>\r\n                  )}\r\n                </li>\r\n              );\r\n            })}\r\n          </ul>\r\n        </nav>\r\n\r\n        {footer && footer.length > 0 && (\r\n          <div className=\"p-4 border-t border-gray-100 space-y-1\">\r\n            {footer.map((item) => (\r\n              <a\r\n                key={item.label}\r\n                href={item.href}\r\n                className=\"flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-100 transition-colors\"\r\n              >\r\n                {typeof item.icon === \"string\" ? (\r\n                  <span className=\"text-lg\">{item.icon}</span>\r\n                ) : isValidElement(item.icon) ? (\r\n                  item.icon\r\n                ) : (\r\n                  createElement(item.icon as ComponentType<{ size?: number }>, {\r\n                    size: 20,\r\n                  })\r\n                )}\r\n                {item.label}\r\n              </a>\r\n            ))}\r\n          </div>\r\n        )}\r\n      </aside>\r\n\r\n      <div className=\"flex-1 ml-64\">\r\n        {headerTitle && (\r\n          <header className=\"h-16 bg-white border-b border-gray-200 flex items-center justify-between px-6 fixed top-0 right-0 left-64 z-10\">\r\n            <h1 className=\"text-base font-semibold text-gray-500\">\r\n              {headerTitle}\r\n            </h1>\r\n            {brand?.tagline && (\r\n              <span className=\"text-sm text-gray-500\">{brand.tagline}</span>\r\n            )}\r\n          </header>\r\n        )}\r\n        <main className={headerTitle ? \"p-6 pt-20\" : \"p-6\"}>{children}</main>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import { SideNav, type SideNavStaticConfig } from \"../layouts/side-nav\";\n\nexport function createSideNav(config: SideNavStaticConfig) {\n  return function ConfiguredSideNav({\n    children,\n    currentPath,\n  }: {\n    children: React.ReactNode;\n    currentPath: string;\n  }) {\n    return (\n      <SideNav {...config} currentPath={currentPath}>\n        {children}\n      </SideNav>\n    );\n  };\n}\n","export class ApiError extends Error {\r\n  public status: number;\r\n  public code?: string;\r\n  public data?: unknown;\r\n\r\n  constructor(params: {\r\n    message: string;\r\n    status: number;\r\n    code?: string;\r\n    data?: unknown;\r\n  }) {\r\n    super(params.message);\r\n    this.status = params.status;\r\n    this.code = params.code;\r\n    this.data = params.data;\r\n  }\r\n}\r\n\r\ntype BackendErrorShape = {\r\n  code?: string;\r\n  status?: number;\r\n  message?: string;\r\n};\r\n\r\nexport type FetcherOptions = RequestInit & {\r\n  skipJsonParsing?: boolean;\r\n};\r\n\r\nexport async function fetcher<T = unknown>(\r\n  url: string,\r\n  options: FetcherOptions = {},\r\n): Promise<T> {\r\n  const { headers, skipJsonParsing = false, ...rest } = options;\r\n\r\n  const response = await fetch(url, {\r\n    credentials: \"include\",\r\n    headers: {\r\n      \"Content-Type\": \"application/json\",\r\n      ...headers,\r\n    },\r\n    ...rest,\r\n  });\r\n\r\n  let responseData: unknown = null;\r\n  const contentType = response.headers.get(\"content-type\");\r\n\r\n  if (!skipJsonParsing && contentType?.includes(\"application/json\")) {\r\n    responseData = await response.json();\r\n  }\r\n\r\n  if (!response.ok) {\r\n    const backendError = responseData as BackendErrorShape;\r\n\r\n    throw new ApiError({\r\n      message: backendError?.message || \"Une erreur est survenue\",\r\n      status: backendError?.status || response.status,\r\n      code: backendError?.code,\r\n      data: responseData,\r\n    });\r\n  }\r\n\r\n  return responseData as T;\r\n}\r\n"],"mappings":"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","names":["jsx"]}

package/package.json

@@ -1,37 +1,37 @@
-{
-  "name": "@ramses1er/cbk-toolkit",
-  "version": "1.3.0",
-  "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./styles.css": "./dist/styles.css"
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "tsup && pnpm build:css",
-    "build:css": "pnpm exec tailwindcss -i src/styles.css -o dist/styles.css --minify",
-    "dev": "tsup --watch",
-    "clean": "rm -rf dist"
-  },
-  "peerDependencies": {
-    "lucide-react": "^0.400.0",
-    "react": ">=18",
-    "react-dom": ">=18"
-  },
-  "devDependencies": {
-    "@tailwindcss/cli": "^4.3.1",
-    "@types/node": "^20.19.43",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "lucide-react": "^1.21.0",
-    "tailwindcss": "^4.3.1",
-    "tsup": "^8.5.0"
-  }
-}
+{
+  "name": "@ramses1er/cbk-toolkit",
+  "version": "1.3.1",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "lucide-react": "^0.400.0",
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@tailwindcss/cli": "^4.3.1",
+    "@types/node": "^20.19.43",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "lucide-react": "^1.21.0",
+    "tailwindcss": "^4.3.1",
+    "tsup": "^8.5.0"
+  },
+  "scripts": {
+    "build": "tsup && pnpm build:css",
+    "build:css": "pnpm exec tailwindcss -i src/styles.css -o dist/styles.css --minify",
+    "dev": "tsup --watch",
+    "clean": "rm -rf dist"
+  }
+}