@cratis/components 1.10.2 → 2.0.0

package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.d.ts

@@ -1,6 +1,8 @@
+import './ObjectNavigationalBar.css';
 export interface ObjectNavigationalBarProps {
     navigationPath: string[];
     onNavigate: (index: number) => void;
+    className?: string;
 }
-export declare function ObjectNavigationalBar({ navigationPath, onNavigate }: ObjectNavigationalBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function ObjectNavigationalBar({ navigationPath, onNavigate, className }: ObjectNavigationalBarProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ObjectNavigationalBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ObjectNavigationalBar.d.ts","sourceRoot":"","sources":["../../../ObjectNavigationalBar/ObjectNavigationalBar.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,0BAA0B;IACvC,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,qBAAqB,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE,0BAA0B,2CAiC/F"}
+{"version":3,"file":"ObjectNavigationalBar.d.ts","sourceRoot":"","sources":["../../../ObjectNavigationalBar/ObjectNavigationalBar.tsx"],"names":[],"mappings":"AAOA,OAAO,6BAA6B,CAAC;AAKrC,MAAM,WAAW,0BAA0B;IAMvC,cAAc,EAAE,MAAM,EAAE,CAAC;IAMzB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAGpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAUD,wBAAgB,qBAAqB,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,0BAA0B,2CAqC1G"}

package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.js

@@ -3,10 +3,22 @@ import { useMemo } from 'react';
 import { Button } from 'primereact/button';
 import * as faIcons from 'react-icons/fa6';
 import { buildNavigationBreadcrumbs } from './breadcrumbHelpers.js';
+import './ObjectNavigationalBar.css';
 
-function ObjectNavigationalBar({ navigationPath, onNavigate }) {
+/**
+ * Breadcrumb-style navigation bar showing the user's path through a nested
+ * object structure, with a back-arrow button and clickable breadcrumb
+ * segments. Pairs with {@link ObjectContentEditor} but can be reused for any
+ * tree-like data exploration UI.
+ *
+ * @param props - {@link ObjectNavigationalBarProps}.
+ */
+function ObjectNavigationalBar({ navigationPath, onNavigate, className }) {
     const breadcrumbItems = useMemo(() => buildNavigationBreadcrumbs(navigationPath), [navigationPath]);
-    return (jsx("div", { className: "px-4 py-2 mb-2 border-bottom-1 surface-border", children: jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '0.5rem' }, children: [jsx(Button, { icon: jsx(faIcons.FaArrowLeft, {}), className: "p-button-text p-button-sm", onClick: () => onNavigate(navigationPath.length - 1), tooltip: "Navigate back", tooltipOptions: { position: 'top' }, disabled: navigationPath.length === 0 }), jsx("div", { style: { fontSize: '0.9rem', color: 'var(--text-color-secondary)' }, children: breadcrumbItems.map((item, index) => (jsxs("span", { children: [index > 0 && jsx("span", { className: "mx-2", children: ">" }), jsx("span", { onClick: () => onNavigate(item.index), style: {
+    const rootClassName = className
+        ? `cratis-object-navigational-bar px-4 py-2 mb-2 ${className}`
+        : 'cratis-object-navigational-bar px-4 py-2 mb-2';
+    return (jsx("div", { className: rootClassName, children: jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '0.5rem' }, children: [jsx(Button, { icon: jsx(faIcons.FaArrowLeft, {}), text: true, size: "small", onClick: () => onNavigate(navigationPath.length - 1), tooltip: "Navigate back", tooltipOptions: { position: 'top' }, disabled: navigationPath.length === 0 }), jsx("div", { style: { fontSize: '0.9rem', color: 'var(--cratis-text-color-secondary)' }, children: breadcrumbItems.map((item, index) => (jsxs("span", { children: [index > 0 && jsx("span", { className: "mx-2", children: ">" }), jsx("span", { onClick: () => onNavigate(item.index), style: {
                                     cursor: 'pointer',
                                     textDecoration: index < breadcrumbItems.length - 1 ? 'underline' : 'none'
                                 }, children: item.name })] }, index))) })] }) }));

package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectNavigationalBar.js","sources":["../../../ObjectNavigationalBar/ObjectNavigationalBar.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;SAagB,qBAAqB,CAAC,EAAE,cAAc,EAAE,UAAU,EAA8B,EAAA;AAC5F,IAAA,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,0BAA0B,CAAC,cAAc,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IAEnG,QACIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+CAA+C,EAAA,QAAA,EAC1DC,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAChED,GAAA,CAAC,MAAM,EAAA,EACH,IAAI,EAAEA,GAAA,CAAC,OAAO,CAAC,WAAW,EAAA,EAAA,CAAG,EAC7B,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,MAAM,UAAU,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,EACpD,OAAO,EAAC,eAAe,EACvB,cAAc,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EACnC,QAAQ,EAAE,cAAc,CAAC,MAAM,KAAK,CAAC,EAAA,CACvC,EACFA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,6BAA6B,EAAE,EAAA,QAAA,EACnE,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC7BC,IAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CACK,KAAK,GAAG,CAAC,IAAID,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,GAAA,EAAA,CAAY,EAChDA,GAAA,CAAA,MAAA,EAAA,EACI,OAAO,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,EACrC,KAAK,EAAE;AACH,oCAAA,MAAM,EAAE,SAAS;AACjB,oCAAA,cAAc,EAAE,KAAK,GAAG,eAAe,CAAC,MAAM,GAAG,CAAC,GAAG,WAAW,GAAG;AACtE,iCAAA,EAAA,QAAA,EAEA,IAAI,CAAC,IAAI,EAAA,CACP,CAAA,EAAA,EAVA,KAAK,CAWT,CACV,CAAC,EAAA,CACA,CAAA,EAAA,CACJ,EAAA,CACJ;AAEd;;;;"}
+{"version":3,"file":"ObjectNavigationalBar.js","sources":["../../../ObjectNavigationalBar/ObjectNavigationalBar.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;AA8BA;;;;;;;AAOG;AACG,SAAU,qBAAqB,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAA8B,EAAA;AACvG,IAAA,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,0BAA0B,CAAC,cAAc,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IACnG,MAAM,aAAa,GAAG;UAChB,CAAA,8CAAA,EAAiD,SAAS,CAAA;UAC1D,+CAA+C;AAErD,IAAA,QACIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,aAAa,EAAA,QAAA,EACzBC,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAChED,GAAA,CAAC,MAAM,EAAA,EACH,IAAI,EAAEA,GAAA,CAAC,OAAO,CAAC,WAAW,EAAA,EAAA,CAAG,EAC7B,IAAI,EAAA,IAAA,EACJ,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,UAAU,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,EACpD,OAAO,EAAC,eAAe,EACvB,cAAc,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EACnC,QAAQ,EAAE,cAAc,CAAC,MAAM,KAAK,CAAC,EAAA,CACvC,EACFA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,oCAAoC,EAAE,EAAA,QAAA,EAC1E,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC7BC,IAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CACK,KAAK,GAAG,CAAC,IAAID,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,GAAA,EAAA,CAAY,EAChDA,GAAA,CAAA,MAAA,EAAA,EACI,OAAO,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,EACrC,KAAK,EAAE;AACH,oCAAA,MAAM,EAAE,SAAS;AACjB,oCAAA,cAAc,EAAE,KAAK,GAAG,eAAe,CAAC,MAAM,GAAG,CAAC,GAAG,WAAW,GAAG;AACtE,iCAAA,EAAA,QAAA,EAEA,IAAI,CAAC,IAAI,EAAA,CACP,CAAA,EAAA,EAVA,KAAK,CAWT,CACV,CAAC,EAAA,CACA,CAAA,EAAA,CACJ,EAAA,CACJ;AAEd;;;;"}