@elliemae/ds-breadcrumb 2.3.0-alpha.6 → 2.3.0-next.0

package/package.json

@@ -1,34 +1,31 @@
 {
   "name": "@elliemae/ds-breadcrumb",
-  "version": "2.3.0-alpha.6",
+  "version": "2.3.0-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Breadcrumb",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/esm/index.js",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/types/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
     },
     "./styles": {
-      "import": "./dist/esm/styles.js",
-      "require": "./dist/cjs/styles.js"
+      "import": "./esm/styles.js",
+      "require": "./cjs/styles.js"
     },
     "./hooks/useKeyboardNavigation": {
-      "import": "./dist/esm/hooks/useKeyboardNavigation.js",
-      "require": "./dist/cjs/hooks/useKeyboardNavigation.js"
+      "import": "./esm/hooks/useKeyboardNavigation.js",
+      "require": "./cjs/hooks/useKeyboardNavigation.js"
     },
     "./DSBreadcrumbItem": {
-      "import": "./dist/esm/DSBreadcrumbItem.js",
-      "require": "./dist/cjs/DSBreadcrumbItem.js"
+      "import": "./esm/DSBreadcrumbItem.js",
+      "require": "./cjs/DSBreadcrumbItem.js"
     },
     "./DSBreadcrumb": {
-      "import": "./dist/esm/DSBreadcrumb.js",
-      "require": "./dist/cjs/DSBreadcrumb.js"
+      "import": "./esm/DSBreadcrumb.js",
+      "require": "./cjs/DSBreadcrumb.js"
     }
   },
   "sideEffects": [
@@ -40,17 +37,23 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
   },
   "author": "ICE MT",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
+  },
   "dependencies": {
-    "@elliemae/ds-system": "2.3.0-alpha.6",
+    "@elliemae/ds-system": "2.3.0-next.0",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "@elliemae/pui-theme": "~2.3.0",
-    "@testing-library/jest-dom": "~5.15.1",
+    "@elliemae/pui-theme": "~2.2.5",
+    "@testing-library/jest-dom": "~5.15.0",
     "@testing-library/react": "~12.1.2",
     "@testing-library/user-event": "~13.5.0",
     "styled-components": "~5.3.3"
@@ -63,12 +66,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/DSBreadcrumb.d.ts

@@ -0,0 +1,56 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+import React from 'react';
+import DSBreadcrumbItem from './DSBreadcrumbItem';
+import type { DSBreadcrumbPropsT } from './index.d';
+declare const htmlElements: readonly ["nav", "div", "header", "footer", "main"];
+declare const DSBreadcrumb: {
+    ({ containerProps, as, label, isTitle, children, trailingSlash, ...rest }: DSBreadcrumbPropsT): React.ReactElement;
+    Item: typeof DSBreadcrumbItem;
+    propTypes: {
+        /** props injected to breadcrumb wrapper */
+        containerProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Type of element you want the main container to be:
+         * 'nav', 'div', 'header', 'footer', 'main'
+         */
+        as: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether to show the last element of the breadcrumb as a title
+         * Also removes trailing slash to show last element as title
+         */
+        isTitle: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** breadcrumb label */
+        label: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Container items to wrap
+         */
+        children: any;
+    };
+};
+declare const DSBreadcrumbWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DSBreadcrumb, DSBreadcrumbWithSchema, htmlElements };
+export default DSBreadcrumb;

package/types/DSBreadcrumbItem.d.ts

@@ -0,0 +1,78 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+import React from 'react';
+import type { DSBreadcrumbItemPropsT } from './index.d';
+declare function DSBreadcrumbItem({ active, as, href, isTitle, onClick, label, color, addRef, childIndex, trailingSlash, onKeyDown, ...rest }: DSBreadcrumbItemPropsT): React.ReactElement;
+declare namespace DSBreadcrumbItem {
+    var propTypes: {
+        /** inject props to wrapper */
+        containerComponent: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** render as any html node */
+        as: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** active item */
+        active: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** href link */
+        href: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** on click handler */
+        onClick: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** style item as title */
+        isTitle: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** add trailing slash */
+        trailingSlash: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** item label */
+        label: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** link color */
+        color: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+}
+declare const DSBreadcrumbItemWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DSBreadcrumbItem, DSBreadcrumbItemWithSchema };
+export default DSBreadcrumbItem;

package/types/hooks/useKeyboardNavigation.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useKeyboardNavigation: () => (((ref: HTMLAnchorElement) => void) | ((e: React.KeyboardEvent, componentRefIndex: any, callback: any) => void))[];

package/types/index.d.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { htmlElements } from './DSBreadcrumb';
+declare type SafeComponentsT = typeof htmlElements[number];
+declare type SafeItemComponentT = 'a' | 'button' | 'div' | 'span' | 'p';
+interface DSBreadcrumbPropsT {
+    containerProps?: unknown;
+    as?: SafeComponentsT;
+    label?: string;
+    isTitle?: boolean;
+    trailingSlash?: boolean;
+    children: React.ReactElement[];
+}
+interface DSBreadcrumbItemPropsT {
+    active?: boolean;
+    isActive?: boolean;
+    as?: SafeItemComponentT;
+    href?: string;
+    isTitle?: boolean;
+    trailingSlash?: boolean;
+    addRef: (ref: HTMLElement) => void;
+    onKeyDown: (e: React.KeyboardEvent, componentRefIndex: number, onClick: () => void) => void;
+    onClick?: () => void;
+    label?: string;
+    childIndex: number;
+    color?: string | null;
+}
+export { DSBreadcrumbPropsT, DSBreadcrumbItemPropsT, SafeComponentsT, SafeItemComponentT, };

package/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DSBreadcrumb';
+export * from './DSBreadcrumbItem';
+export { default } from './DSBreadcrumb';

package/types/styles.d.ts

@@ -0,0 +1,6 @@
+import type { DSBreadcrumbItemPropsT } from './index.d';
+declare const StyledList: import("styled-components").StyledComponent<"ol", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledCrumbWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Partial<DSBreadcrumbItemPropsT>, never>;
+declare const StyledContainer: import("styled-components").StyledComponent<"nav", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Partial<DSBreadcrumbItemPropsT>, never>;
+export { StyledList, StyledCrumbWrapper, StyledContainer, StyledLink };

package/types/tests/DSBreadcrumb.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/tests/DSBreadcrumbItem.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/DSBreadcrumb.js

@@ -1,86 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSBreadcrumb_exports = {};
-__export(DSBreadcrumb_exports, {
-  DSBreadcrumb: () => DSBreadcrumb,
-  DSBreadcrumbWithSchema: () => DSBreadcrumbWithSchema,
-  default: () => DSBreadcrumb_default,
-  htmlElements: () => htmlElements
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_DSBreadcrumbItem = __toESM(require("./DSBreadcrumbItem"));
-var import_useKeyboardNavigation = require("./hooks/useKeyboardNavigation");
-var import_styles = require("./styles");
-const htmlElements = ["nav", "div", "header", "footer", "main"];
-const DSBreadcrumb = ({
-  containerProps = {},
-  as = "nav",
-  label = "Breadcrumb",
-  isTitle = false,
-  children,
-  trailingSlash = true,
-  ...rest
-}) => {
-  const [addRef, onKeyDown] = (0, import_useKeyboardNavigation.useKeyboardNavigation)();
-  const safeElement = (0, import_react.useMemo)(() => htmlElements.indexOf(as) > -1 ? as : "nav", [as]);
-  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledContainer, {
-    "aria-label": label,
-    "data-testid": "breadcrumb-nav-container",
-    ...rest,
-    ...containerProps,
-    as: safeElement
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledList, {
-    "data-testid": "list-container"
-  }, import_react.default.Children.map(children, (child, childIndex) => childIndex < children.length - 1 ? (0, import_react.cloneElement)(child, {
-    childIndex,
-    addRef,
-    onKeyDown
-  }) : (0, import_react.cloneElement)(child, {
-    childIndex,
-    addRef,
-    onKeyDown,
-    trailingSlash,
-    isTitle
-  }))));
-};
-DSBreadcrumb.Item = import_DSBreadcrumbItem.default;
-const props = {
-  containerProps: import_react_desc.PropTypes.object.description("props injected to breadcrumb wrapper"),
-  as: import_react_desc.PropTypes.string.description("Type of element you want the main container to be: 'nav', 'div', 'header', 'footer', 'main'"),
-  isTitle: import_react_desc.PropTypes.bool.description("Whether to show the last element of the breadcrumb as a title. Also removes trailing slash to show last element as title"),
-  label: import_react_desc.PropTypes.string.description("breadcrumb label"),
-  children: import_react_desc.PropTypes.arrayOf(import_DSBreadcrumbItem.default).isRequired.description("Container items to wrap")
-};
-DSBreadcrumb.propTypes = props;
-const DSBreadcrumbWithSchema = (0, import_react_desc.describe)(DSBreadcrumb);
-DSBreadcrumbWithSchema.propTypes = props;
-var DSBreadcrumb_default = DSBreadcrumb;
-module.exports = __toCommonJS(DSBreadcrumb_exports);
-//# sourceMappingURL=DSBreadcrumb.js.map

package/dist/cjs/DSBreadcrumb.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSBreadcrumb.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { cloneElement, useMemo } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSBreadcrumbItem from './DSBreadcrumbItem';\nimport { useKeyboardNavigation } from './hooks/useKeyboardNavigation';\nimport type { DSBreadcrumbPropsT } from './index.d';\nimport { StyledContainer, StyledList } from './styles';\n\nconst htmlElements = ['nav', 'div', 'header', 'footer', 'main'] as const;\n\nconst DSBreadcrumb = ({\n  containerProps = {},\n  as = 'nav',\n  label = 'Breadcrumb',\n  isTitle = false,\n  children,\n  trailingSlash = true,\n  ...rest\n}: DSBreadcrumbPropsT): React.ReactElement => {\n  const [addRef, onKeyDown] = useKeyboardNavigation();\n\n  const safeElement = useMemo(\n    () => (htmlElements.indexOf(as) > -1 ? as : 'nav'),\n    [as],\n  );\n\n  return (\n    <StyledContainer\n      aria-label={label}\n      data-testid=\"breadcrumb-nav-container\"\n      {...rest}\n      {...containerProps}\n      as={safeElement}\n    >\n      <StyledList data-testid=\"list-container\">\n        {React.Children.map(children, (child: React.ReactElement, childIndex) =>\n          childIndex < children.length - 1\n            ? cloneElement(child, {\n                childIndex,\n                addRef,\n                onKeyDown,\n              })\n            : cloneElement(child, {\n                childIndex,\n                addRef,\n                onKeyDown,\n                trailingSlash,\n                isTitle,\n              }),\n        )}\n      </StyledList>\n    </StyledContainer>\n  );\n};\n\nDSBreadcrumb.Item = DSBreadcrumbItem;\n\nconst props = {\n  /** props injected to breadcrumb wrapper */\n  containerProps: PropTypes.object.description(\n    'props injected to breadcrumb wrapper',\n  ),\n  /**\n   * Type of element you want the main container to be:\n   * 'nav', 'div', 'header', 'footer', 'main'\n   */\n  as: PropTypes.string.description(\n    \"Type of element you want the main container to be: 'nav', 'div', 'header', 'footer', 'main'\",\n  ),\n  /**\n   * Whether to show the last element of the breadcrumb as a title\n   * Also removes trailing slash to show last element as title\n   */\n  isTitle: PropTypes.bool.description(\n    'Whether to show the last element of the breadcrumb as a title. Also removes trailing slash to show last element as title',\n  ),\n  /** breadcrumb label */\n  label: PropTypes.string.description('breadcrumb label'),\n  /**\n   * Container items to wrap\n   */\n  children: PropTypes.arrayOf(DSBreadcrumbItem).isRequired.description(\n    'Container items to wrap',\n  ),\n};\n\nDSBreadcrumb.propTypes = props;\n\nconst DSBreadcrumbWithSchema = describe(DSBreadcrumb);\nDSBreadcrumbWithSchema.propTypes = props;\n\nexport { DSBreadcrumb, DSBreadcrumbWithSchema, htmlElements };\nexport default DSBreadcrumb;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA6C;AAC7C,wBAAoC;AACpC,8BAA6B;AAC7B,mCAAsC;AAEtC,oBAA4C;AAE5C,MAAM,eAAe,CAAC,OAAO,OAAO,UAAU,UAAU;AAExD,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB;AAAA,EACjB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AAAA,EACA,gBAAgB;AAAA,KACb;AAAA,MACyC;AAC5C,QAAM,CAAC,QAAQ,aAAa;AAE5B,QAAM,cAAc,0BAClB,MAAO,aAAa,QAAQ,MAAM,KAAK,KAAK,OAC5C,CAAC;AAGH,SACE,mDAAC,+BAAD;AAAA,IACE,cAAY;AAAA,IACZ,eAAY;AAAA,OACR;AAAA,OACA;AAAA,IACJ,IAAI;AAAA,KAEJ,mDAAC,0BAAD;AAAA,IAAY,eAAY;AAAA,KACrB,qBAAM,SAAS,IAAI,UAAU,CAAC,OAA2B,eACxD,aAAa,SAAS,SAAS,IAC3B,+BAAa,OAAO;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,OAEF,+BAAa,OAAO;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAQhB,aAAa,OAAO;AAEpB,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAMF,IAAI,4BAAU,OAAO,YACnB;AAAA,EAMF,SAAS,4BAAU,KAAK,YACtB;AAAA,EAGF,OAAO,4BAAU,OAAO,YAAY;AAAA,EAIpC,UAAU,4BAAU,QAAQ,iCAAkB,WAAW,YACvD;AAAA;AAIJ,aAAa,YAAY;AAEzB,MAAM,yBAAyB,gCAAS;AACxC,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
-  "names": []
-}

package/dist/cjs/DSBreadcrumbItem.js

@@ -1,86 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSBreadcrumbItem_exports = {};
-__export(DSBreadcrumbItem_exports, {
-  DSBreadcrumbItem: () => DSBreadcrumbItem,
-  DSBreadcrumbItemWithSchema: () => DSBreadcrumbItemWithSchema,
-  default: () => DSBreadcrumbItem_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_styles = require("./styles");
-function DSBreadcrumbItem({
-  active = false,
-  as = "a",
-  href = void 0,
-  isTitle,
-  onClick = () => null,
-  label = "",
-  color = null,
-  addRef,
-  childIndex,
-  trailingSlash,
-  onKeyDown = () => null,
-  ...rest
-}) {
-  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledCrumbWrapper, {
-    "aria-current": active ? "page" : void 0,
-    "data-testid": "breadcrumb-item-container",
-    isTitle,
-    trailingSlash,
-    ...rest
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledLink, {
-    as,
-    href,
-    onClick,
-    ref: addRef,
-    tabIndex: 0,
-    isActive: active,
-    onKeyDown: (e) => onKeyDown(e, childIndex, onClick),
-    isTitle,
-    color
-  }, label));
-}
-const props = {
-  containerComponent: import_react_desc.PropTypes.string.description("inject props to wrapper"),
-  as: import_react_desc.PropTypes.string.description("render as any html node"),
-  active: import_react_desc.PropTypes.bool.description("active item"),
-  href: import_react_desc.PropTypes.string.description("href link"),
-  onClick: import_react_desc.PropTypes.func.description("on click handler"),
-  isTitle: import_react_desc.PropTypes.bool.description("style item as title"),
-  trailingSlash: import_react_desc.PropTypes.bool.description("add trailing slash"),
-  label: import_react_desc.PropTypes.string.description("item label"),
-  color: import_react_desc.PropTypes.string.description("link color")
-};
-DSBreadcrumbItem.propTypes = props;
-const DSBreadcrumbItemWithSchema = (0, import_react_desc.describe)(DSBreadcrumbItem);
-DSBreadcrumbItemWithSchema.propTypes = props;
-var DSBreadcrumbItem_default = DSBreadcrumbItem;
-module.exports = __toCommonJS(DSBreadcrumbItem_exports);
-//# sourceMappingURL=DSBreadcrumbItem.js.map

package/dist/cjs/DSBreadcrumbItem.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSBreadcrumbItem.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport type { DSBreadcrumbItemPropsT } from './index.d';\nimport { StyledLink, StyledCrumbWrapper } from './styles';\n\nfunction DSBreadcrumbItem({\n  active = false,\n  as = 'a',\n  href = undefined,\n  isTitle,\n  onClick = () => null,\n  label = '',\n  color = null,\n  addRef,\n  childIndex,\n  trailingSlash,\n  onKeyDown = () => null,\n  ...rest\n}: DSBreadcrumbItemPropsT): React.ReactElement {\n  return (\n    <StyledCrumbWrapper\n      aria-current={active ? 'page' : undefined}\n      data-testid=\"breadcrumb-item-container\"\n      isTitle={isTitle}\n      trailingSlash={trailingSlash}\n      {...rest}\n    >\n      <StyledLink\n        as={as}\n        href={href}\n        onClick={onClick}\n        ref={addRef}\n        tabIndex={0}\n        isActive={active}\n        onKeyDown={(e: React.KeyboardEvent) =>\n          onKeyDown(e, childIndex, onClick)\n        }\n        isTitle={isTitle}\n        color={color}\n      >\n        {label}\n      </StyledLink>\n    </StyledCrumbWrapper>\n  );\n}\n\nconst props = {\n  /** inject props to wrapper */\n  containerComponent: PropTypes.string.description('inject props to wrapper'),\n  /** render as any html node */\n  as: PropTypes.string.description('render as any html node'),\n  /** active item */\n  active: PropTypes.bool.description('active item'),\n  /** href link */\n  href: PropTypes.string.description('href link'),\n  /** on click handler */\n  onClick: PropTypes.func.description('on click handler'),\n  /** style item as title */\n  isTitle: PropTypes.bool.description('style item as title'),\n  /** add trailing slash */\n  trailingSlash: PropTypes.bool.description('add trailing slash'),\n  /** item label */\n  label: PropTypes.string.description('item label'),\n  /** link color */\n  color: PropTypes.string.description('link color'),\n};\n\nDSBreadcrumbItem.propTypes = props;\n\nconst DSBreadcrumbItemWithSchema = describe(DSBreadcrumbItem);\nDSBreadcrumbItemWithSchema.propTypes = props;\n\nexport { DSBreadcrumbItem, DSBreadcrumbItemWithSchema };\nexport default DSBreadcrumbItem;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AAEpC,oBAA+C;AAE/C,0BAA0B;AAAA,EACxB,SAAS;AAAA,EACT,KAAK;AAAA,EACL,OAAO;AAAA,EACP;AAAA,EACA,UAAU,MAAM;AAAA,EAChB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY,MAAM;AAAA,KACf;AAAA,GAC0C;AAC7C,SACE,mDAAC,kCAAD;AAAA,IACE,gBAAc,SAAS,SAAS;AAAA,IAChC,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,OACI;AAAA,KAEJ,mDAAC,0BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW,CAAC,MACV,UAAU,GAAG,YAAY;AAAA,IAE3B;AAAA,IACA;AAAA,KAEC;AAAA;AAMT,MAAM,QAAQ;AAAA,EAEZ,oBAAoB,4BAAU,OAAO,YAAY;AAAA,EAEjD,IAAI,4BAAU,OAAO,YAAY;AAAA,EAEjC,QAAQ,4BAAU,KAAK,YAAY;AAAA,EAEnC,MAAM,4BAAU,OAAO,YAAY;AAAA,EAEnC,SAAS,4BAAU,KAAK,YAAY;AAAA,EAEpC,SAAS,4BAAU,KAAK,YAAY;AAAA,EAEpC,eAAe,4BAAU,KAAK,YAAY;AAAA,EAE1C,OAAO,4BAAU,OAAO,YAAY;AAAA,EAEpC,OAAO,4BAAU,OAAO,YAAY;AAAA;AAGtC,iBAAiB,YAAY;AAE7B,MAAM,6BAA6B,gCAAS;AAC5C,2BAA2B,YAAY;AAGvC,IAAO,2BAAQ;",
-  "names": []
-}

package/dist/cjs/hooks/useKeyboardNavigation.js

@@ -1,57 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useKeyboardNavigation_exports = {};
-__export(useKeyboardNavigation_exports, {
-  useKeyboardNavigation: () => useKeyboardNavigation
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-const useKeyboardNavigation = () => {
-  const componentsRef = (0, import_react.useRef)([]);
-  const addRef = (0, import_react.useCallback)((ref) => {
-    if (ref && !componentsRef.current.includes(ref)) {
-      componentsRef.current.push(ref);
-    }
-  }, []);
-  const onKeyDown = (0, import_react.useCallback)((e, componentRefIndex, callback) => {
-    if (e.key === "ArrowDown" && componentsRef.current[componentRefIndex + 1]) {
-      componentsRef.current[componentRefIndex + 1].focus();
-      e.preventDefault();
-    } else if (e.key === "ArrowUp" && componentRefIndex !== 0) {
-      componentsRef.current[componentRefIndex - 1].focus();
-      e.preventDefault();
-    } else if (e.key === "Enter") {
-      callback();
-    } else if (e.ctrlKey && e.altKey && e.key === " ") {
-      componentsRef.current[componentRefIndex].click();
-    }
-  }, []);
-  return [addRef, onKeyDown];
-};
-module.exports = __toCommonJS(useKeyboardNavigation_exports);
-//# sourceMappingURL=useKeyboardNavigation.js.map

package/dist/cjs/hooks/useKeyboardNavigation.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useKeyboardNavigation.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useRef, useCallback } from 'react';\n\nexport const useKeyboardNavigation = () => {\n  const componentsRef = useRef<HTMLAnchorElement[]>([]);\n\n  const addRef = useCallback((ref: HTMLAnchorElement) => {\n    if (ref && !componentsRef.current.includes(ref)) {\n      componentsRef.current.push(ref);\n    }\n  }, []);\n\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent, componentRefIndex, callback) => {\n      if (\n        e.key === 'ArrowDown' &&\n        componentsRef.current[componentRefIndex + 1]\n      ) {\n        componentsRef.current[componentRefIndex + 1].focus();\n        e.preventDefault();\n      } else if (e.key === 'ArrowUp' && componentRefIndex !== 0) {\n        componentsRef.current[componentRefIndex - 1].focus();\n        e.preventDefault();\n      } else if (e.key === 'Enter') {\n        callback();\n      } else if (e.ctrlKey && e.altKey && e.key === ' ') {\n        componentsRef.current[componentRefIndex].click();\n      }\n    },\n    [],\n  );\n\n  return [addRef, onKeyDown];\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAEpC,MAAM,wBAAwB,MAAM;AACzC,QAAM,gBAAgB,yBAA4B;AAElD,QAAM,SAAS,8BAAY,CAAC,QAA2B;AACrD,QAAI,OAAO,CAAC,cAAc,QAAQ,SAAS,MAAM;AAC/C,oBAAc,QAAQ,KAAK;AAAA;AAAA,KAE5B;AAEH,QAAM,YAAY,8BAChB,CAAC,GAAwB,mBAAmB,aAAa;AACvD,QACE,EAAE,QAAQ,eACV,cAAc,QAAQ,oBAAoB,IAC1C;AACA,oBAAc,QAAQ,oBAAoB,GAAG;AAC7C,QAAE;AAAA,eACO,EAAE,QAAQ,aAAa,sBAAsB,GAAG;AACzD,oBAAc,QAAQ,oBAAoB,GAAG;AAC7C,QAAE;AAAA,eACO,EAAE,QAAQ,SAAS;AAC5B;AAAA,eACS,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,KAAK;AACjD,oBAAc,QAAQ,mBAAmB;AAAA;AAAA,KAG7C;AAGF,SAAO,CAAC,QAAQ;AAAA;",
-  "names": []
-}

package/dist/cjs/index.d.js

@@ -1,27 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var index_d_exports = {};
-var React = __toESM(require("react"));
-module.exports = __toCommonJS(index_d_exports);
-//# sourceMappingURL=index.d.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.d.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { htmlElements } from './DSBreadcrumb';\n\ntype SafeComponentsT = typeof htmlElements[number];\n\ntype SafeItemComponentT = 'a' | 'button' | 'div' | 'span' | 'p';\n\ninterface DSBreadcrumbPropsT {\n  containerProps?: unknown;\n  as?: SafeComponentsT;\n  label?: string;\n  isTitle?: boolean;\n  trailingSlash?: boolean;\n  children: React.ReactElement[];\n}\n\ninterface DSBreadcrumbItemPropsT {\n  active?: boolean;\n  isActive?: boolean;\n  as?: SafeItemComponentT;\n  href?: string;\n  isTitle?: boolean;\n  trailingSlash?: boolean;\n  addRef: (ref: HTMLElement) => void;\n  onKeyDown: (\n    e: React.KeyboardEvent,\n    componentRefIndex: number,\n    onClick: () => void,\n  ) => void;\n  onClick?: () => void;\n  label?: string;\n  childIndex: number;\n  color?: string | null;\n}\n\nexport {\n  DSBreadcrumbPropsT,\n  DSBreadcrumbItemPropsT,\n  SafeComponentsT,\n  SafeItemComponentT,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
-  "names": []
-}

package/dist/cjs/index.js

@@ -1,37 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var src_exports = {};
-__export(src_exports, {
-  default: () => import_DSBreadcrumb.default
-});
-var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSBreadcrumb"));
-__reExport(src_exports, require("./DSBreadcrumbItem"));
-var import_DSBreadcrumb = __toESM(require("./DSBreadcrumb"));
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSBreadcrumb';\nexport * from './DSBreadcrumbItem';\nexport { default } from './DSBreadcrumb';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;AACd,0BAAwB;",
-  "names": []
-}