@qite/tide-booking-component 1.4.65 → 1.4.66

package/build/build-cjs/index.js

@@ -45185,6 +45185,43 @@ var PhotoGallery = function (_a) {
   );
 };
 
+var Breadcrumbs = function (_a) {
+  var items = _a.items,
+    _b = _a.noHeader,
+    noHeader = _b === void 0 ? false : _b;
+  var lastIndex = items.length - 1;
+  return React__default['default'].createElement(
+    'nav',
+    { className: 'breadcrumb'.concat(noHeader ? ' breadcrumb--no-header' : ''), 'aria-label': 'Breadcrumb' },
+    React__default['default'].createElement(
+      'div',
+      { className: 'breadcrumb__container' },
+      React__default['default'].createElement(
+        'ol',
+        { className: 'breadcrumb__list' },
+        items.map(function (item, idx) {
+          var _a;
+          var isCurrent = (_a = item.isCurrent) !== null && _a !== void 0 ? _a : idx === lastIndex;
+          var content = React__default['default'].createElement(
+            'span',
+            { className: 'breadcrumb__content' },
+            item.icon && React__default['default'].createElement('span', { className: 'breadcrumb__icon', 'aria-hidden': 'true' }, item.icon),
+            item.label && React__default['default'].createElement('span', { className: 'breadcrumb__label', title: item.label }, item.label)
+          );
+          return React__default['default'].createElement(
+            'li',
+            { key: idx, className: 'breadcrumb__item' },
+            idx > 0 && React__default['default'].createElement('span', { className: 'breadcrumb__separator', 'aria-hidden': 'true' }, '/'),
+            isCurrent || !item.href
+              ? React__default['default'].createElement('span', { className: 'breadcrumb__current', 'aria-current': isCurrent ? 'page' : undefined }, content)
+              : React__default['default'].createElement('a', { className: 'breadcrumb__link', href: item.href, onClick: item.onClick }, content)
+          );
+        })
+      )
+    )
+  );
+};
+
 var signalR$1 = {};
 
 var jqueryDeferred$1 = { exports: {} };
@@ -49081,6 +49118,7 @@ var signalR = /*#__PURE__*/ _mergeNamespaces(
 
 exports.BookingProduct = BookingProduct;
 exports.BookingWizard = BookingWizard;
+exports.Breadcrumbs = Breadcrumbs;
 exports.Footer = Footer;
 exports.Header = Header;
 exports.ImageCardGrid = ImageCardGrid;

package/build/build-cjs/src/content/components/breadcrumb.d.ts

@@ -6,11 +6,9 @@ export type BreadcrumbItem = {
   icon?: React.ReactNode;
   isCurrent?: boolean;
 };
-type BreadcrumbsProps = {
+export type BreadcrumbsProps = {
   items: BreadcrumbItem[];
-  separator?: React.ReactNode;
-  ariaLabel?: string;
   noHeader?: boolean;
 };
-export default function Breadcrumbs({ items, separator, ariaLabel, noHeader }: BreadcrumbsProps): React.JSX.Element;
-export {};
+declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
+export default Breadcrumbs;

package/build/build-cjs/src/index.d.ts

@@ -10,6 +10,7 @@ import Login from './content/login';
 import ImageWithTextSection from './content/image-with-text-section';
 import Slider from './content/components/slider';
 import PhotoGallery from './content/components/gallery';
+import Breadcrumbs from './content/components/breadcrumb';
 export * from './content/navbar/types';
 export * from './content/header/types';
 export * from './content/footer/types';
@@ -19,4 +20,18 @@ export * from './content/image-with-text-section/types';
 export * from './search-results/types';
 export * from './qsm/types';
 export * from './shared/types';
-export { BookingProduct, BookingWizard, QSM, SearchResults, Navbar, Header, Footer, ImageCardGrid, Login, ImageWithTextSection, Slider, PhotoGallery };
+export {
+  BookingProduct,
+  BookingWizard,
+  QSM,
+  SearchResults,
+  Navbar,
+  Header,
+  Footer,
+  ImageCardGrid,
+  Login,
+  ImageWithTextSection,
+  Slider,
+  PhotoGallery,
+  Breadcrumbs
+};

package/build/build-esm/index.js

@@ -44888,6 +44888,43 @@ var PhotoGallery = function (_a) {
   );
 };
 
+var Breadcrumbs = function (_a) {
+  var items = _a.items,
+    _b = _a.noHeader,
+    noHeader = _b === void 0 ? false : _b;
+  var lastIndex = items.length - 1;
+  return React__default.createElement(
+    'nav',
+    { className: 'breadcrumb'.concat(noHeader ? ' breadcrumb--no-header' : ''), 'aria-label': 'Breadcrumb' },
+    React__default.createElement(
+      'div',
+      { className: 'breadcrumb__container' },
+      React__default.createElement(
+        'ol',
+        { className: 'breadcrumb__list' },
+        items.map(function (item, idx) {
+          var _a;
+          var isCurrent = (_a = item.isCurrent) !== null && _a !== void 0 ? _a : idx === lastIndex;
+          var content = React__default.createElement(
+            'span',
+            { className: 'breadcrumb__content' },
+            item.icon && React__default.createElement('span', { className: 'breadcrumb__icon', 'aria-hidden': 'true' }, item.icon),
+            item.label && React__default.createElement('span', { className: 'breadcrumb__label', title: item.label }, item.label)
+          );
+          return React__default.createElement(
+            'li',
+            { key: idx, className: 'breadcrumb__item' },
+            idx > 0 && React__default.createElement('span', { className: 'breadcrumb__separator', 'aria-hidden': 'true' }, '/'),
+            isCurrent || !item.href
+              ? React__default.createElement('span', { className: 'breadcrumb__current', 'aria-current': isCurrent ? 'page' : undefined }, content)
+              : React__default.createElement('a', { className: 'breadcrumb__link', href: item.href, onClick: item.onClick }, content)
+          );
+        })
+      )
+    )
+  );
+};
+
 var signalR$1 = {};
 
 var jqueryDeferred$1 = { exports: {} };
@@ -48785,6 +48822,7 @@ var signalR = /*#__PURE__*/ _mergeNamespaces(
 export {
   BookingProduct,
   BookingWizard,
+  Breadcrumbs,
   DepartureRange,
   Footer,
   Header,

package/build/build-esm/src/content/components/breadcrumb.d.ts

@@ -6,11 +6,9 @@ export type BreadcrumbItem = {
   icon?: React.ReactNode;
   isCurrent?: boolean;
 };
-type BreadcrumbsProps = {
+export type BreadcrumbsProps = {
   items: BreadcrumbItem[];
-  separator?: React.ReactNode;
-  ariaLabel?: string;
   noHeader?: boolean;
 };
-export default function Breadcrumbs({ items, separator, ariaLabel, noHeader }: BreadcrumbsProps): React.JSX.Element;
-export {};
+declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
+export default Breadcrumbs;

package/build/build-esm/src/index.d.ts

@@ -10,6 +10,7 @@ import Login from './content/login';
 import ImageWithTextSection from './content/image-with-text-section';
 import Slider from './content/components/slider';
 import PhotoGallery from './content/components/gallery';
+import Breadcrumbs from './content/components/breadcrumb';
 export * from './content/navbar/types';
 export * from './content/header/types';
 export * from './content/footer/types';
@@ -19,4 +20,18 @@ export * from './content/image-with-text-section/types';
 export * from './search-results/types';
 export * from './qsm/types';
 export * from './shared/types';
-export { BookingProduct, BookingWizard, QSM, SearchResults, Navbar, Header, Footer, ImageCardGrid, Login, ImageWithTextSection, Slider, PhotoGallery };
+export {
+  BookingProduct,
+  BookingWizard,
+  QSM,
+  SearchResults,
+  Navbar,
+  Header,
+  Footer,
+  ImageCardGrid,
+  Login,
+  ImageWithTextSection,
+  Slider,
+  PhotoGallery,
+  Breadcrumbs
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-booking-component",
-  "version": "1.4.65",
+  "version": "1.4.66",
   "description": "React Booking wizard & Booking product component for Tide",
   "main": "build/build-cjs/index.js",
   "types": "build/build-cjs/src/index.d.ts",

package/src/content/components/breadcrumb.tsx

@@ -8,27 +8,16 @@ export type BreadcrumbItem = {
   isCurrent?: boolean;
 };
 
-type BreadcrumbsProps = {
+export type BreadcrumbsProps = {
   items: BreadcrumbItem[];
-  separator?: React.ReactNode;
-  ariaLabel?: string;
   noHeader?: boolean;
 };
 
-export default function Breadcrumbs({
-  items,
-  separator = (
-    <span className="breadcrumb__separator" aria-hidden="true">
-      /
-    </span>
-  ),
-  ariaLabel = 'Breadcrumb',
-  noHeader = false
-}: BreadcrumbsProps) {
+const Breadcrumbs: React.FC<BreadcrumbsProps> = ({ items, noHeader = false }) => {
   const lastIndex = items.length - 1;
 
   return (
-    <nav className={`breadcrumb${noHeader ? ' breadcrumb--no-header' : ''}`} aria-label={ariaLabel}>
+    <nav className={`breadcrumb${noHeader ? ' breadcrumb--no-header' : ''}`} aria-label="Breadcrumb">
       <div className="breadcrumb__container">
         <ol className="breadcrumb__list">
           {items.map((item, idx) => {
@@ -51,7 +40,11 @@ export default function Breadcrumbs({
 
             return (
               <li key={idx} className="breadcrumb__item">
-                {idx > 0 && separator}
+                {idx > 0 && (
+                  <span className="breadcrumb__separator" aria-hidden="true">
+                    /
+                  </span>
+                )}
 
                 {isCurrent || !item.href ? (
                   <span className="breadcrumb__current" aria-current={isCurrent ? 'page' : undefined}>
@@ -69,4 +62,6 @@ export default function Breadcrumbs({
       </div>
     </nav>
   );
-}
+};
+
+export default Breadcrumbs;

package/src/index.ts

@@ -10,6 +10,7 @@ import Login from './content/login';
 import ImageWithTextSection from './content/image-with-text-section';
 import Slider from './content/components/slider';
 import PhotoGallery from './content/components/gallery';
+import Breadcrumbs from './content/components/breadcrumb';
 
 export * from './content/navbar/types';
 export * from './content/header/types';
@@ -21,4 +22,18 @@ export * from './search-results/types';
 export * from './qsm/types';
 export * from './shared/types';
 
-export { BookingProduct, BookingWizard, QSM, SearchResults, Navbar, Header, Footer, ImageCardGrid, Login, ImageWithTextSection, Slider, PhotoGallery };
+export {
+  BookingProduct,
+  BookingWizard,
+  QSM,
+  SearchResults,
+  Navbar,
+  Header,
+  Footer,
+  ImageCardGrid,
+  Login,
+  ImageWithTextSection,
+  Slider,
+  PhotoGallery,
+  Breadcrumbs
+};