@clayui/breadcrumb 3.104.0 → 3.105.1-alpha.0

package/lib/Ellipsis.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _button = _interopRequireDefault(require("@clayui/button"));
+
+var _dropDown = _interopRequireDefault(require("@clayui/drop-down"));
+
+var _icon = _interopRequireDefault(require("@clayui/icon"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _excluded = ["items", "spritemap"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var Ellipsis = function Ellipsis(_ref) {
+  var items = _ref.items,
+      spritemap = _ref.spritemap,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_dropDown.default, _extends({
+    className: "breadcrumb-item",
+    containerElement: "li",
+    trigger: /*#__PURE__*/_react.default.createElement(_button.default, {
+      className: "breadcrumb-link",
+      displayType: "unstyled"
+    }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+      spritemap: spritemap,
+      symbol: "ellipsis-h"
+    }), /*#__PURE__*/_react.default.createElement(_icon.default, {
+      spritemap: spritemap,
+      symbol: "caret-bottom"
+    }))
+  }, otherProps), /*#__PURE__*/_react.default.createElement(_dropDown.default.ItemList, null, items.map(function (_ref2, i) {
+    var href = _ref2.href,
+        label = _ref2.label,
+        onClick = _ref2.onClick;
+    return /*#__PURE__*/_react.default.createElement(_dropDown.default.Item, {
+      href: href,
+      key: "breadcrumbEllipsisItem".concat(i),
+      onClick: onClick,
+      title: label
+    }, label);
+  })));
+};
+
+var _default = Ellipsis;
+exports.default = _default;

package/lib/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","names":["_link","_interopRequireDefault","require","_classnames","_react","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Item","_ref","active","href","label","onClick","otherProps","createElement","className","classNames","undefined","event","preventDefault","_default","exports"],"sources":["../src/Item.tsx"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport ClayLink from '@clayui/link';\nimport classNames from 'classnames';\nimport React from 'react';\n\ninterface IItem extends React.HTMLAttributes<HTMLLIElement> {\n\t/**\n\t * Flag to indicate if the Breadcrumb item is active or not.\n\t */\n\tactive?: boolean;\n\n\t/**\n\t * This value is used to be the target of the link.\n\t */\n\thref?: string;\n\n\t/**\n\t * Label of the Breadcrumb item\n\t */\n\tlabel: string;\n\n\t/**\n\t * Callback for when a Breadcrumb item is clicked.\n\t */\n\tonClick?: (event: React.SyntheticEvent) => void;\n}\n\nconst Item = ({active, href, label, onClick, ...otherProps}: IItem) => (\n\t<li\n\t\tclassName={classNames('breadcrumb-item', {\n\t\t\tactive,\n\t\t})}\n\t\t{...otherProps}\n\t>\n\t\t<ClayLink\n\t\t\taria-current={active ? 'page' : undefined}\n\t\t\tclassName=\"breadcrumb-link\"\n\t\t\tdata-testid={`testId${label}`}\n\t\t\thref={active ? '#' : href}\n\t\t\tonClick={(event) => {\n\t\t\t\tif (onClick) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tonClick(event);\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t{label}\n\t\t</ClayLink>\n\t</li>\n);\n\nexport default Item;\n"],"mappings":"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"}

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_button","require","_classnames","_interopRequireDefault","_react","_interopRequireWildcard","_warning","_Item","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","r","l","t","Symbol","iterator","e","u","a","f","next","done","push","value","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","findActiveItems","items","filter","item","active","ClayBreadcrumb","_ref","_ref$ariaLabels","ariaLabels","breadcrumb","close","open","_ref$ellipsisBuffer","ellipsisBuffer","_ref$ellipsisProps","ellipsisProps","className","spritemap","otherProps","warning","_useState","useState","_useState2","collapsed","setCollapsed","createElement","ClayButtonWithIcon","displayType","onClick","size","symbol","title","classNames","Items","_ref2","Fragment","map","React","isValidElement","cloneElement","concat","href","label","_default","exports"],"sources":["../src/index.tsx"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {ClayButtonWithIcon} from '@clayui/button';\nimport classNames from 'classnames';\nimport React, {useState} from 'react';\nimport warning from 'warning';\n\nimport Item from './Item';\n\ntype TItem = React.ComponentProps<typeof Item>;\ntype TItems = Array<TItem>;\n\ninterface IProps extends React.HTMLAttributes<HTMLOListElement> {\n\t/**\n\t * Defines the aria label of component elements.\n\t */\n\tariaLabels?: {\n\t\tbreadcrumb: string;\n\t\topen: string;\n\t\tclose: string;\n\t};\n\n\t/**\n\t * The number of Breadcrumb Items to show on each side of the active Breadcrumb Item before\n\t * using an ellipsis dropdown.\n\t * @deprecated since v3.91.0 - It is no longer necessary.\n\t */\n\tellipsisBuffer?: number;\n\n\t/**\n\t * Use this property for defining `otherProps` that will be passed to ellipsis dropdown trigger.\n\t * @deprecated since v3.91.0 - It is no longer necessary.\n\t */\n\tellipsisProps?: Object;\n\n\t/**\n\t * Property to define Breadcrumb's items.\n\t */\n\titems: TItems;\n\n\t/**\n\t * Path to the location of the spritemap resource.\n\t */\n\tspritemap?: string;\n}\n\nconst findActiveItems = (items: TItems) => {\n\treturn items.filter((item) => {\n\t\treturn item.active;\n\t});\n};\n\nconst ClayBreadcrumb = ({\n\tariaLabels = {\n\t\tbreadcrumb: 'Breadcrumb',\n\t\tclose: 'Partially nest breadcrumbs',\n\t\topen: 'See full nested',\n\t},\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tellipsisBuffer = 1,\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tellipsisProps = {},\n\tclassName,\n\titems,\n\tspritemap,\n\t...otherProps\n}: IProps) => {\n\twarning(\n\t\tfindActiveItems(items).length === 1,\n\t\t'ClayBreadcrumb expects at least one `active` item on `items`.'\n\t);\n\n\tconst [collapsed, setCollapsed] = useState(false);\n\n\treturn (\n\t\t<nav\n\t\t\taria-label={ariaLabels.breadcrumb}\n\t\t\tclassName=\"align-items-center d-flex\"\n\t\t>\n\t\t\t{items.length > 3 && (\n\t\t\t\t<ClayButtonWithIcon\n\t\t\t\t\taria-expanded={collapsed}\n\t\t\t\t\taria-label={collapsed ? ariaLabels.close : ariaLabels.open}\n\t\t\t\t\tclassName=\"breadcrumb-toggle\"\n\t\t\t\t\tdisplayType={null}\n\t\t\t\t\tonClick={() => setCollapsed(!collapsed)}\n\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\tspritemap={spritemap}\n\t\t\t\t\tsymbol={\n\t\t\t\t\t\tcollapsed ? 'angle-double-left' : 'angle-double-right'\n\t\t\t\t\t}\n\t\t\t\t\ttitle={collapsed ? ariaLabels.close : ariaLabels.open}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<ol {...otherProps} className={classNames('breadcrumb', className)}>\n\t\t\t\t{items.length > 3 && !collapsed ? (\n\t\t\t\t\t<Items\n\t\t\t\t\t\titems={[\n\t\t\t\t\t\t\titems[items.length - 2]!,\n\t\t\t\t\t\t\titems[items.length - 1]!,\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<Items items={items} />\n\t\t\t\t)}\n\t\t\t</ol>\n\t\t</nav>\n\t);\n};\n\ntype ItemsProps = {\n\titems: TItems;\n};\n\nfunction Items({items}: ItemsProps) {\n\treturn (\n\t\t<>\n\t\t\t{items.map((item: TItem | React.ReactNode, i: number) =>\n\t\t\t\tReact.isValidElement(item) ? (\n\t\t\t\t\tReact.cloneElement(item, {key: `ellipsis${i}`})\n\t\t\t\t) : (\n\t\t\t\t\t<Item\n\t\t\t\t\t\tactive={(item as TItem).active}\n\t\t\t\t\t\thref={(item as TItem).href}\n\t\t\t\t\t\tkey={`breadcrumbItem${i}`}\n\t\t\t\t\t\tlabel={(item as TItem).label}\n\t\t\t\t\t\tonClick={(item as TItem).onClick}\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t)}\n\t\t</>\n\t);\n}\n\nexport default ClayBreadcrumb;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@clayui/breadcrumb",
-	"version": "3.104.0",
+	"version": "3.105.1-alpha.0",
 	"description": "ClayBreadcrumb component",
 	"license": "BSD-3-Clause",
 	"repository": "https://github.com/liferay/clay",
@@ -12,8 +12,7 @@
 	"types": "lib/index.d.ts",
 	"ts:main": "src/index.tsx",
 	"files": [
-		"lib",
-		"src"
+		"lib"
 	],
 	"scripts": {
 		"build": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib --extensions .ts,.tsx",
@@ -26,9 +25,9 @@
 		"react"
 	],
 	"dependencies": {
-		"@clayui/button": "^3.100.0",
-		"@clayui/icon": "^3.56.0",
-		"@clayui/link": "^3.88.0",
+		"@clayui/button": "^3.105.1-alpha.0",
+		"@clayui/icon": "^3.105.1-alpha.0",
+		"@clayui/link": "^3.105.1-alpha.0",
 		"classnames": "^2.2.6",
 		"warning": "^4.0.3"
 	},
@@ -40,5 +39,5 @@
 	"browserslist": [
 		"extends browserslist-config-clay"
 	],
-	"gitHead": "44f72fac40321954bf46e8f61b163ff71ae04403"
+	"gitHead": "0a2003a935bf5c37ffc4c07618552bbebabe13b9"
 }

package/src/Item.tsx

@@ -1,56 +0,0 @@
-/**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-import ClayLink from '@clayui/link';
-import classNames from 'classnames';
-import React from 'react';
-
-interface IItem extends React.HTMLAttributes<HTMLLIElement> {
-	/**
-	 * Flag to indicate if the Breadcrumb item is active or not.
-	 */
-	active?: boolean;
-
-	/**
-	 * This value is used to be the target of the link.
-	 */
-	href?: string;
-
-	/**
-	 * Label of the Breadcrumb item
-	 */
-	label: string;
-
-	/**
-	 * Callback for when a Breadcrumb item is clicked.
-	 */
-	onClick?: (event: React.SyntheticEvent) => void;
-}
-
-const Item = ({active, href, label, onClick, ...otherProps}: IItem) => (
-	<li
-		className={classNames('breadcrumb-item', {
-			active,
-		})}
-		{...otherProps}
-	>
-		<ClayLink
-			aria-current={active ? 'page' : undefined}
-			className="breadcrumb-link"
-			data-testid={`testId${label}`}
-			href={active ? '#' : href}
-			onClick={(event) => {
-				if (onClick) {
-					event.preventDefault();
-					onClick(event);
-				}
-			}}
-		>
-			{label}
-		</ClayLink>
-	</li>
-);
-
-export default Item;

package/src/__tests__/__snapshots__/index.tsx.snap

@@ -1,191 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ClayBreadcrumb calls callback when an item is clicked 1`] = `
-<div>
-  <nav
-    aria-label="Breadcrumb"
-    class="align-items-center d-flex"
-  >
-    <button
-      aria-expanded="false"
-      aria-label="See full nested"
-      class="breadcrumb-toggle btn btn-monospaced btn-xs"
-      title="See full nested"
-      type="button"
-    >
-      <svg
-        class="lexicon-icon lexicon-icon-angle-double-right"
-        role="presentation"
-      >
-        <use
-          xlink:href="path/to/spritemap#angle-double-right"
-        />
-      </svg>
-    </button>
-    <ol
-      class="breadcrumb"
-    >
-      <li
-        class="breadcrumb-item"
-      >
-        <a
-          class="breadcrumb-link"
-          data-testid="testId4"
-        >
-          4
-        </a>
-      </li>
-      <li
-        class="breadcrumb-item"
-      >
-        <a
-          class="breadcrumb-link"
-          data-testid="testId5"
-        >
-          5
-        </a>
-      </li>
-    </ol>
-  </nav>
-</div>
-`;
-
-exports[`ClayBreadcrumb renders 1`] = `
-<div>
-  <nav
-    aria-label="Breadcrumb"
-    class="align-items-center d-flex"
-  >
-    <button
-      aria-expanded="false"
-      aria-label="See full nested"
-      class="breadcrumb-toggle btn btn-monospaced btn-xs"
-      title="See full nested"
-      type="button"
-    >
-      <svg
-        class="lexicon-icon lexicon-icon-angle-double-right"
-        role="presentation"
-      >
-        <use
-          xlink:href="path/to/spritemap#angle-double-right"
-        />
-      </svg>
-    </button>
-    <ol
-      class="breadcrumb"
-    >
-      <li
-        class="breadcrumb-item"
-      >
-        <a
-          class="breadcrumb-link"
-          data-testid="testId4"
-          href="#4"
-        >
-          4
-        </a>
-      </li>
-      <li
-        class="breadcrumb-item"
-      >
-        <a
-          class="breadcrumb-link"
-          data-testid="testId5"
-          href="#5"
-        >
-          5
-        </a>
-      </li>
-    </ol>
-  </nav>
-</div>
-`;
-
-exports[`ClayBreadcrumb renders with properties passed by \`ellipsisProps\` 1`] = `
-<div>
-  <nav
-    aria-label="Breadcrumb"
-    class="align-items-center d-flex"
-  >
-    <button
-      aria-expanded="false"
-      aria-label="See full nested"
-      class="breadcrumb-toggle btn btn-monospaced btn-xs"
-      title="See full nested"
-      type="button"
-    >
-      <svg
-        class="lexicon-icon lexicon-icon-angle-double-right"
-        role="presentation"
-      >
-        <use
-          xlink:href="path/to/spritemap#angle-double-right"
-        />
-      </svg>
-    </button>
-    <ol
-      class="breadcrumb"
-    >
-      <li
-        class="breadcrumb-item"
-      >
-        <a
-          class="breadcrumb-link"
-          data-testid="testId4"
-          href="#4"
-        >
-          4
-        </a>
-      </li>
-      <li
-        class="breadcrumb-item"
-      >
-        <a
-          class="breadcrumb-link"
-          data-testid="testId5"
-          href="#5"
-        >
-          5
-        </a>
-      </li>
-    </ol>
-  </nav>
-</div>
-`;
-
-exports[`ClayBreadcrumb throws a warning when not passing \`active\` to any \`items\` 1`] = `
-<div>
-  <nav
-    aria-label="Breadcrumb"
-    class="align-items-center d-flex"
-  >
-    <ol
-      class="breadcrumb"
-    >
-      <li
-        class="breadcrumb-item"
-      >
-        <a
-          class="breadcrumb-link"
-          data-testid="testId1"
-          href="#1"
-        >
-          1
-        </a>
-      </li>
-      <li
-        class="breadcrumb-item"
-      >
-        <a
-          class="breadcrumb-link"
-          data-testid="testId2"
-          href="#2"
-        >
-          2
-        </a>
-      </li>
-    </ol>
-  </nav>
-</div>
-`;

package/src/__tests__/index.tsx

@@ -1,136 +0,0 @@
-/**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-import ClayBreadcrumb from '..';
-import {cleanup, fireEvent, render} from '@testing-library/react';
-import React from 'react';
-
-describe('ClayBreadcrumb', () => {
-	afterEach(() => cleanup());
-
-	const items = [
-		{
-			active: true,
-			href: '#1',
-			label: '1',
-		},
-		{
-			href: '#2',
-			label: '2',
-		},
-		{
-			href: '#3',
-			label: '3',
-		},
-		{
-			href: '#4',
-			label: '4',
-		},
-		{
-			href: '#5',
-			label: '5',
-		},
-	];
-
-	it('renders', () => {
-		const {container} = render(
-			<ClayBreadcrumb items={items} spritemap="path/to/spritemap" />
-		);
-
-		expect(container).toMatchSnapshot();
-	});
-
-	it('throws a warning when not passing `active` to any `items`', () => {
-		const mockWarnings = jest
-			.spyOn(global.console, 'error')
-			.mockImplementation(() => null);
-
-		const items = [
-			{
-				href: '#1',
-				label: '1',
-			},
-			{
-				href: '#2',
-				label: '2',
-			},
-		];
-
-		const {container} = render(
-			<ClayBreadcrumb
-				ellipsisBuffer={3}
-				items={items}
-				spritemap="path/to/spritemap"
-			/>
-		);
-
-		expect(mockWarnings).toBeCalled();
-		expect(mockWarnings.mock.calls[0]![0]).toBe(
-			'Warning: ClayBreadcrumb expects at least one `active` item on `items`.'
-		);
-
-		expect(container).toMatchSnapshot();
-		jest.resetAllMocks();
-	});
-
-	it('renders with properties passed by `ellipsisProps`', () => {
-		const {container} = render(
-			<ClayBreadcrumb
-				ellipsisBuffer={1}
-				ellipsisProps={{style: {fontSize: '15px'}}}
-				items={items}
-				spritemap="path/to/spritemap"
-			/>
-		);
-
-		expect(container).toMatchSnapshot();
-	});
-
-	it('calls callback when an item is clicked', () => {
-		const itemClickMock = jest.fn((event) => {
-			event.persist();
-		});
-
-		const itemsWithoutHref = [
-			{
-				active: true,
-				label: '1',
-				onClick: itemClickMock,
-			},
-			{
-				label: '2',
-				onClick: itemClickMock,
-			},
-			{
-				label: '3',
-				onClick: itemClickMock,
-			},
-			{
-				label: '4',
-				onClick: itemClickMock,
-			},
-			{
-				label: '5',
-				onClick: itemClickMock,
-			},
-		];
-
-		const {container, getByTestId} = render(
-			<ClayBreadcrumb
-				ellipsisBuffer={1}
-				items={itemsWithoutHref}
-				spritemap="path/to/spritemap"
-			/>
-		);
-
-		fireEvent.click(getByTestId('testId5'));
-
-		expect(itemClickMock).toHaveBeenCalled();
-
-		expect(itemClickMock.mock.calls[0]![0].type).toBe('click');
-
-		expect(container).toMatchSnapshot();
-	});
-});

package/src/index.tsx

@@ -1,138 +0,0 @@
-/**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-import {ClayButtonWithIcon} from '@clayui/button';
-import classNames from 'classnames';
-import React, {useState} from 'react';
-import warning from 'warning';
-
-import Item from './Item';
-
-type TItem = React.ComponentProps<typeof Item>;
-type TItems = Array<TItem>;
-
-interface IProps extends React.HTMLAttributes<HTMLOListElement> {
-	/**
-	 * Defines the aria label of component elements.
-	 */
-	ariaLabels?: {
-		breadcrumb: string;
-		open: string;
-		close: string;
-	};
-
-	/**
-	 * The number of Breadcrumb Items to show on each side of the active Breadcrumb Item before
-	 * using an ellipsis dropdown.
-	 * @deprecated since v3.91.0 - It is no longer necessary.
-	 */
-	ellipsisBuffer?: number;
-
-	/**
-	 * Use this property for defining `otherProps` that will be passed to ellipsis dropdown trigger.
-	 * @deprecated since v3.91.0 - It is no longer necessary.
-	 */
-	ellipsisProps?: Object;
-
-	/**
-	 * Property to define Breadcrumb's items.
-	 */
-	items: TItems;
-
-	/**
-	 * Path to the location of the spritemap resource.
-	 */
-	spritemap?: string;
-}
-
-const findActiveItems = (items: TItems) => {
-	return items.filter((item) => {
-		return item.active;
-	});
-};
-
-const ClayBreadcrumb = ({
-	ariaLabels = {
-		breadcrumb: 'Breadcrumb',
-		close: 'Partially nest breadcrumbs',
-		open: 'See full nested',
-	},
-	// eslint-disable-next-line @typescript-eslint/no-unused-vars
-	ellipsisBuffer = 1,
-	// eslint-disable-next-line @typescript-eslint/no-unused-vars
-	ellipsisProps = {},
-	className,
-	items,
-	spritemap,
-	...otherProps
-}: IProps) => {
-	warning(
-		findActiveItems(items).length === 1,
-		'ClayBreadcrumb expects at least one `active` item on `items`.'
-	);
-
-	const [collapsed, setCollapsed] = useState(false);
-
-	return (
-		<nav
-			aria-label={ariaLabels.breadcrumb}
-			className="align-items-center d-flex"
-		>
-			{items.length > 3 && (
-				<ClayButtonWithIcon
-					aria-expanded={collapsed}
-					aria-label={collapsed ? ariaLabels.close : ariaLabels.open}
-					className="breadcrumb-toggle"
-					displayType={null}
-					onClick={() => setCollapsed(!collapsed)}
-					size="xs"
-					spritemap={spritemap}
-					symbol={
-						collapsed ? 'angle-double-left' : 'angle-double-right'
-					}
-					title={collapsed ? ariaLabels.close : ariaLabels.open}
-				/>
-			)}
-			<ol {...otherProps} className={classNames('breadcrumb', className)}>
-				{items.length > 3 && !collapsed ? (
-					<Items
-						items={[
-							items[items.length - 2]!,
-							items[items.length - 1]!,
-						]}
-					/>
-				) : (
-					<Items items={items} />
-				)}
-			</ol>
-		</nav>
-	);
-};
-
-type ItemsProps = {
-	items: TItems;
-};
-
-function Items({items}: ItemsProps) {
-	return (
-		<>
-			{items.map((item: TItem | React.ReactNode, i: number) =>
-				React.isValidElement(item) ? (
-					React.cloneElement(item, {key: `ellipsis${i}`})
-				) : (
-					<Item
-						active={(item as TItem).active}
-						href={(item as TItem).href}
-						key={`breadcrumbItem${i}`}
-						label={(item as TItem).label}
-						onClick={(item as TItem).onClick}
-					/>
-				)
-			)}
-		</>
-	);
-}
-
-export default ClayBreadcrumb;