@akinon/ui-breadcrumb 0.0.2 → 0.2.0

package/dist/cjs/index.css

@@ -0,0 +1,12 @@
+.akinon-breadcrumb {
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
+  border-bottom: 1px solid var(--color-gray-900);
+
+  .akinon-breadcrumb-separator {
+    margin-left: 0.4rem;
+    margin-right: 0.4rem;
+  }
+}

package/dist/{index.d.ts → cjs/index.d.ts}

@@ -1,3 +1,4 @@
+import './index.css';
 import type { BreadcrumbProps as AntBreadcrumbProps } from 'antd';
 import * as React from 'react';
 export type BreadcrumbProps = Omit<AntBreadcrumbProps, 'prefixCls' | 'className' | 'classNames' | 'rootClassName' | 'style' | 'styles' | 'separator'> & {

package/dist/cjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,MAAM,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,kBAAkB,EAChB,WAAW,GACX,WAAW,GACX,YAAY,GACZ,eAAe,GACf,OAAO,GACP,QAAQ,GACR,WAAW,CACd,GAAG;IAEF,cAAc,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,eAAe,sBAiChD,CAAC"}

package/dist/cjs/index.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Breadcrumb = void 0;
+require("./index.css");
+const antd_1 = require("antd");
+const React = require("react");
+const Breadcrumb = (props) => {
+    const { onAnyItemClick, items } = props;
+    if (onAnyItemClick) {
+        const newItems = items === null || items === void 0 ? void 0 : items.map((item, i) => {
+            // if it's last item, only return title
+            if (i === items.length - 1) {
+                return { title: item.title };
+            }
+            return Object.assign(Object.assign({}, item), { 
+                // set href to null (not undefined) to prevent the default behavior of the breadcrumb item.
+                href: null, onClick: () => {
+                    if (item.href) {
+                        onAnyItemClick({ href: item.href });
+                    }
+                } });
+        });
+        const newProps = Object.assign(Object.assign({}, props), { items: newItems });
+        return (React.createElement(antd_1.Breadcrumb, Object.assign({}, newProps, { items: newItems })));
+    }
+    return React.createElement(antd_1.Breadcrumb, Object.assign({}, props));
+};
+exports.Breadcrumb = Breadcrumb;

package/dist/esm/index.css

@@ -0,0 +1,12 @@
+.akinon-breadcrumb {
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
+  border-bottom: 1px solid var(--color-gray-900);
+
+  .akinon-breadcrumb-separator {
+    margin-left: 0.4rem;
+    margin-right: 0.4rem;
+  }
+}

package/dist/esm/index.d.ts

@@ -0,0 +1,10 @@
+import './index.css';
+import type { BreadcrumbProps as AntBreadcrumbProps } from 'antd';
+import * as React from 'react';
+export type BreadcrumbProps = Omit<AntBreadcrumbProps, 'prefixCls' | 'className' | 'classNames' | 'rootClassName' | 'style' | 'styles' | 'separator'> & {
+    onAnyItemClick?: ({ href }: {
+        href: string;
+    }) => void;
+};
+export declare const Breadcrumb: (props: BreadcrumbProps) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,MAAM,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,kBAAkB,EAChB,WAAW,GACX,WAAW,GACX,YAAY,GACZ,eAAe,GACf,OAAO,GACP,QAAQ,GACR,WAAW,CACd,GAAG;IAEF,cAAc,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,eAAe,sBAiChD,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,24 @@
+import './index.css';
+import { Breadcrumb as AntBreadcrumb } from 'antd';
+import * as React from 'react';
+export const Breadcrumb = (props) => {
+    const { onAnyItemClick, items } = props;
+    if (onAnyItemClick) {
+        const newItems = items === null || items === void 0 ? void 0 : items.map((item, i) => {
+            // if it's last item, only return title
+            if (i === items.length - 1) {
+                return { title: item.title };
+            }
+            return Object.assign(Object.assign({}, item), { 
+                // set href to null (not undefined) to prevent the default behavior of the breadcrumb item.
+                href: null, onClick: () => {
+                    if (item.href) {
+                        onAnyItemClick({ href: item.href });
+                    }
+                } });
+        });
+        const newProps = Object.assign(Object.assign({}, props), { items: newItems });
+        return (React.createElement(AntBreadcrumb, Object.assign({}, newProps, { items: newItems })));
+    }
+    return React.createElement(AntBreadcrumb, Object.assign({}, props));
+};

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@akinon/ui-breadcrumb",
-  "version": "0.0.2",
+  "version": "0.2.0",
   "private": false,
   "description": "A basic button react component.",
   "type": "module",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
+  "main": "dist/esm/index.js",
+  "module": "dist/esm/index.js",
   "files": [
     "dist"
   ],
@@ -14,26 +14,33 @@
   },
   "devDependencies": {
     "clean-package": "2.2.0",
-    "@akinon/vite-config": "^0.1.1",
-    "eslint-config-custom": "0.1.0",
-    "tsconfig": "0.0.0"
+    "copyfiles": "^2.4.1",
+    "rimraf": "^5.0.5",
+    "typescript": "^5.2.2",
+    "@akinon/vite-config": "0.3.0",
+    "@akinon/typescript-config": "0.1.0",
+    "@akinon/eslint-config": "0.1.0"
   },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
   },
   "clean-package": "../../../clean-package.config.json",
-  "types": "dist/index.d.ts",
+  "types": "dist/esm/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "types": "./dist/esm/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./package.json": "./package.json"
   },
   "scripts": {
-    "build": "vite build",
+    "build": "pnpm run build:esm && pnpm run build:commonjs && pnpm run copy:files",
+    "build:esm": "tsc --outDir dist/esm",
+    "build:commonjs": "tsc --module commonjs --outDir dist/cjs",
+    "copy:files": "copyfiles -u 1 src/**/*.css dist/esm && copyfiles -u 1 src/**/*.css dist/cjs",
+    "clean": "rimraf dist/",
     "lint": "eslint *.ts*",
     "test": "vitest run",
     "test:ui": "vitest --ui",