@kaizen/components 0.0.0-canary-ssr-fix-20231218005429 → 0.0.0-canary-ids-in-TitleBlockZen-20240110015119

package/dist/cjs/Calendar/enums.cjs

@@ -14,7 +14,6 @@ var DateFormat = {
   // eg. 01/15/2022
   Text: "PP" // eg. Jan 15, 2022
 };
-
 exports.DateFormat = DateFormat;
 exports.DayOfWeek = DayOfWeek;
 //# sourceMappingURL=enums.cjs.map

package/dist/cjs/Calendar/enums.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"enums.cjs","sources":["../../../src/Calendar/enums.ts"],"sourcesContent":["export const DayOfWeek = {\n  Sun: 0,\n  Mon: 1,\n  Tue: 2,\n  Wed: 3,\n  Thu: 4,\n  Fri: 5,\n  Sat: 6,\n} as const\n\n// Intentionally naming the type the same as the const for tree-shaking\n// eslint-disable-next-line @typescript-eslint/no-redeclare\nexport type DayOfWeek = (typeof DayOfWeek)[keyof typeof DayOfWeek]\n\nexport const DateFormat = {\n  Numeral: \"P\", // eg. 01/15/2022\n  Text: \"PP\", // eg. Jan 15, 2022\n} as const\n\n// Intentionally naming the type the same as the const for tree-shaking\n// eslint-disable-next-line @typescript-eslint/no-redeclare\nexport type DateFormat = (typeof DateFormat)[keyof typeof DateFormat]\n"],"names":["DayOfWeek","Sun","Mon","Tue","Wed","Thu","Fri","Sat","DateFormat","Numeral","Text"],"mappings":";;AAAa,IAAAA,SAAS,GAAG;EACvBC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE;CACG;AAMG,IAAAC,UAAU,GAAG;EACxBC,OAAO,EAAE,GAAG;EAAA;EACZC,IAAI,EAAE,IAAI,CAAA;;;;"}
+{"version":3,"file":"enums.cjs","sources":["../../../src/Calendar/enums.ts"],"sourcesContent":["export const DayOfWeek = {\n  Sun: 0,\n  Mon: 1,\n  Tue: 2,\n  Wed: 3,\n  Thu: 4,\n  Fri: 5,\n  Sat: 6,\n} as const\n\n// Intentionally naming the type the same as the const for tree-shaking\n// eslint-disable-next-line @typescript-eslint/no-redeclare\nexport type DayOfWeek = (typeof DayOfWeek)[keyof typeof DayOfWeek]\n\nexport const DateFormat = {\n  Numeral: \"P\", // eg. 01/15/2022\n  Text: \"PP\", // eg. Jan 15, 2022\n} as const\n\n// Intentionally naming the type the same as the const for tree-shaking\n// eslint-disable-next-line @typescript-eslint/no-redeclare\nexport type DateFormat = (typeof DateFormat)[keyof typeof DateFormat]\n"],"names":["DayOfWeek","Sun","Mon","Tue","Wed","Thu","Fri","Sat","DateFormat","Numeral","Text"],"mappings":";;AAAa,IAAAA,SAAS,GAAG;EACvBC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE;CACG;AAMG,IAAAC,UAAU,GAAG;EACxBC,OAAO,EAAE,GAAG;EAAA;EACZC,IAAI,EAAE,IAAI,CAAA;;;"}

package/dist/cjs/Menu/subcomponents/MenuItem/MenuItem.cjs

@@ -13,7 +13,8 @@ const MenuItem = /*#__PURE__*/function () {
       href = _a.href,
       target = _a.target,
       isActive = _a.isActive,
-      dataTestId = _a["data-testid"];
+      dataTestId = _a["data-testid"],
+      id = _a.id;
     var wrappedLabel = React.createElement("span", {
       className: MenuItem_module.menuItem__Label
     }, label);
@@ -25,6 +26,7 @@ const MenuItem = /*#__PURE__*/function () {
       return React.createElement("li", {
         className: MenuItem_module.menuListItem
       }, React.createElement("button", {
+        id: id,
         type: "button",
         disabled: true,
         className: className,
@@ -35,6 +37,7 @@ const MenuItem = /*#__PURE__*/function () {
       return React.createElement("li", {
         className: MenuItem_module.menuListItem
       }, React.createElement("a", {
+        id: id,
         href: href,
         className: className,
         target: target,
@@ -45,6 +48,7 @@ const MenuItem = /*#__PURE__*/function () {
     return React.createElement("li", {
       className: MenuItem_module.menuListItem
     }, React.createElement("button", {
+      id: id,
       type: "button",
       onClick: onClick,
       className: className,

package/dist/cjs/Menu/subcomponents/MenuItem/MenuItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.cjs","sources":["../../../../../src/Menu/subcomponents/MenuItem/MenuItem.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport styles from \"./MenuItem.module.scss\"\n\nexport type MenuItemProps = {\n  label: string\n  href?: string\n  // Only applicable if href is supplied above\n  target?: string\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void\n  icon?: JSX.Element\n  destructive?: boolean\n  disabled?: boolean\n  /**\n   * @deprecated use data-testid\n   */\n  automationId?: string\n  /**\n   * Not recommended - this was added for use in exceptional cases like the navigation bar, which needs\n   * to highlight which page the user is currently on. By design, Menus don't have active items,\n   * because they are supposed to be a bunch of links/actions.\n   */\n  isActive?: boolean\n  \"data-testid\"?: string\n}\n\nexport const MenuItem = ({\n  label,\n  icon,\n  destructive,\n  disabled,\n  onClick,\n  href,\n  target,\n  isActive,\n  \"data-testid\": dataTestId,\n}: MenuItemProps): JSX.Element => {\n  const wrappedLabel = <span className={styles.menuItem__Label}>{label}</span>\n  const iconNode = icon && <span className={styles.menuItem__Icon}>{icon}</span>\n\n  const className = classnames(\n    styles.menuItem,\n    destructive && styles[\"menuItem--destructive\"],\n    disabled && styles[\"menuItem--disabled\"],\n    isActive && styles[\"menuItem--active\"]\n  )\n\n  if (disabled) {\n    return (\n      <li className={styles.menuListItem}>\n        <button\n          type=\"button\"\n          disabled={true}\n          className={className}\n          data-testid={dataTestId}\n        >\n          {iconNode}\n          {wrappedLabel}\n        </button>\n      </li>\n    )\n  }\n\n  if (href) {\n    return (\n      <li className={styles.menuListItem}>\n        <a\n          href={href}\n          className={className}\n          target={target}\n          // this tells screenreaders that this link represents the current page\n          // (only intended for use in things like a nav with dropdowns)\n          aria-current={isActive ? \"page\" : undefined}\n          data-testid={dataTestId}\n        >\n          {iconNode}\n          {wrappedLabel}\n        </a>\n      </li>\n    )\n  }\n\n  return (\n    <li className={styles.menuListItem}>\n      <button\n        type=\"button\"\n        onClick={onClick}\n        className={className}\n        data-testid={dataTestId}\n      >\n        {iconNode}\n        {wrappedLabel}\n      </button>\n    </li>\n  )\n}\n\nMenuItem.displayName = \"MenuItem\"\n"],"names":["MenuItem","_a","label","icon","destructive","disabled","onClick","href","target","isActive","dataTestId","wrappedLabel","React","createElement","className","styles","menuItem__Label","iconNode","menuItem__Icon","classnames","menuItem","menuListItem","type","undefined","displayName"],"mappings":";;;;;MA0BaA,QAAQ;EAAA,MAARA,QAAQ,GAAG,SAAAA,CAACC,EAUT,EAAA;QATdC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,IAAI,GAAAF,EAAA,CAAAE,IAAA;MACJC,WAAW,GAAAH,EAAA,CAAAG,WAAA;MACXC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;MACRC,OAAO,aAAA;MACPC,IAAI,GAAAN,EAAA,CAAAM,IAAA;MACJC,MAAM,GAAAP,EAAA,CAAAO,MAAA;MACNC,QAAQ,GAAAR,EAAA,CAAAQ,QAAA;MACOC,UAAU,GAAAT,EAAA,CAAA,aAAA,CAAA;IAEzB,IAAMU,YAAY,GAAGC,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAMC,SAAS,EAAEC,eAAM,CAACC;KAAe,EAAGd,KAAK,CAAQ;IAC5E,IAAMe,QAAQ,GAAGd,IAAI,IAAIS,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAC,SAAS,EAAEC,eAAM,CAACG;IAAiB,CAAA,EAAAf,IAAI,CAAQ;IAE9E,IAAMW,SAAS,GAAGK,UAAU,CAC1BJ,eAAM,CAACK,QAAQ,EACfhB,WAAW,IAAIW,eAAM,CAAC,uBAAuB,CAAC,EAC9CV,QAAQ,IAAIU,eAAM,CAAC,oBAAoB,CAAC,EACxCN,QAAQ,IAAIM,eAAM,CAAC,kBAAkB,CAAC,CACvC;IAED,IAAIV,QAAQ,EAAE;MACZ,OACEO,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;QAAAC,SAAS,EAAEC,eAAM,CAACM;MAAY,CAAA,EAChCT,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;QACES,IAAI,EAAC,QAAQ;QACbjB,QAAQ,EAAE,IAAI;QACdS,SAAS,EAAEA,SAAS;QAAA,aAAA,EACPJ;MAAU,CAAA,EAEtBO,QAAQ,EACRN,YAAY,CACN,CACN;IAER;IAED,IAAIJ,IAAI,EAAE;MACR,OACEK,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;QAAAC,SAAS,EAAEC,eAAM,CAACM;MAAY,CAAA,EAChCT,KACE,CAAAC,aAAA,CAAA,GAAA,EAAA;QAAAN,IAAI,EAAEA,IAAI;QACVO,SAAS,EAAEA,SAAS;QACpBN,MAAM,EAAEA,MAAM;wBAGAC,QAAQ,GAAG,MAAM,GAAGc,SAAS;QAAA,aAAA,EAC9Bb;MAAU,CAAA,EAEtBO,QAAQ,EACRN,YAAY,CACX,CACD;IAER;IAED,OACEC,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;MAAAC,SAAS,EAAEC,eAAM,CAACM;IAAY,CAAA,EAChCT,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;MACES,IAAI,EAAC,QAAQ;MACbhB,OAAO,EAAEA,OAAO;MAChBQ,SAAS,EAAEA,SAAS;MAAA,aAAA,EACPJ;IAAU,CAAA,EAEtBO,QAAQ,EACRN,YAAY,CACN,CACN;EAET,CAAC;EAEDX,QAAQ,CAACwB,WAAW,GAAG,UAAU;EAAA,OAvEpBxB,QAAQ;AAAA;"}
+{"version":3,"file":"MenuItem.cjs","sources":["../../../../../src/Menu/subcomponents/MenuItem/MenuItem.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport styles from \"./MenuItem.module.scss\"\n\nexport type MenuItemProps = {\n  label: string\n  href?: string\n  // Only applicable if href is supplied above\n  target?: string\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void\n  icon?: JSX.Element\n  destructive?: boolean\n  disabled?: boolean\n  /**\n   * @deprecated use data-testid\n   */\n  automationId?: string\n  /**\n   * Not recommended - this was added for use in exceptional cases like the navigation bar, which needs\n   * to highlight which page the user is currently on. By design, Menus don't have active items,\n   * because they are supposed to be a bunch of links/actions.\n   */\n  isActive?: boolean\n  \"data-testid\"?: string\n  id?: string\n}\n\nexport const MenuItem = ({\n  label,\n  icon,\n  destructive,\n  disabled,\n  onClick,\n  href,\n  target,\n  isActive,\n  \"data-testid\": dataTestId,\n  id,\n}: MenuItemProps): JSX.Element => {\n  const wrappedLabel = <span className={styles.menuItem__Label}>{label}</span>\n  const iconNode = icon && <span className={styles.menuItem__Icon}>{icon}</span>\n\n  const className = classnames(\n    styles.menuItem,\n    destructive && styles[\"menuItem--destructive\"],\n    disabled && styles[\"menuItem--disabled\"],\n    isActive && styles[\"menuItem--active\"]\n  )\n\n  if (disabled) {\n    return (\n      <li className={styles.menuListItem}>\n        <button\n          id={id}\n          type=\"button\"\n          disabled={true}\n          className={className}\n          data-testid={dataTestId}\n        >\n          {iconNode}\n          {wrappedLabel}\n        </button>\n      </li>\n    )\n  }\n\n  if (href) {\n    return (\n      <li className={styles.menuListItem}>\n        <a\n          id={id}\n          href={href}\n          className={className}\n          target={target}\n          // this tells screenreaders that this link represents the current page\n          // (only intended for use in things like a nav with dropdowns)\n          aria-current={isActive ? \"page\" : undefined}\n          data-testid={dataTestId}\n        >\n          {iconNode}\n          {wrappedLabel}\n        </a>\n      </li>\n    )\n  }\n\n  return (\n    <li className={styles.menuListItem}>\n      <button\n        id={id}\n        type=\"button\"\n        onClick={onClick}\n        className={className}\n        data-testid={dataTestId}\n      >\n        {iconNode}\n        {wrappedLabel}\n      </button>\n    </li>\n  )\n}\n\nMenuItem.displayName = \"MenuItem\"\n"],"names":["MenuItem","_a","label","icon","destructive","disabled","onClick","href","target","isActive","dataTestId","id","wrappedLabel","React","createElement","className","styles","menuItem__Label","iconNode","menuItem__Icon","classnames","menuItem","menuListItem","type","undefined","displayName"],"mappings":";;;;;MA2BaA,QAAQ;EAAA,MAARA,QAAQ,GAAG,SAAAA,CAACC,EAWT,EAAA;QAVdC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,IAAI,GAAAF,EAAA,CAAAE,IAAA;MACJC,WAAW,GAAAH,EAAA,CAAAG,WAAA;MACXC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;MACRC,OAAO,GAAAL,EAAA,CAAAK,OAAA;MACPC,IAAI,GAAAN,EAAA,CAAAM,IAAA;MACJC,MAAM,GAAAP,EAAA,CAAAO,MAAA;MACNC,QAAQ,GAAAR,EAAA,CAAAQ,QAAA;MACOC,UAAU,GAAAT,EAAA,CAAA,aAAA,CAAA;MACzBU,EAAE,GAAAV,EAAA,CAAAU,EAAA;IAEF,IAAMC,YAAY,GAAGC,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAMC,SAAS,EAAEC,eAAM,CAACC;KAAe,EAAGf,KAAK,CAAQ;IAC5E,IAAMgB,QAAQ,GAAGf,IAAI,IAAIU,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAC,SAAS,EAAEC,eAAM,CAACG;IAAiB,CAAA,EAAAhB,IAAI,CAAQ;IAE9E,IAAMY,SAAS,GAAGK,UAAU,CAC1BJ,eAAM,CAACK,QAAQ,EACfjB,WAAW,IAAIY,eAAM,CAAC,uBAAuB,CAAC,EAC9CX,QAAQ,IAAIW,eAAM,CAAC,oBAAoB,CAAC,EACxCP,QAAQ,IAAIO,eAAM,CAAC,kBAAkB,CAAC,CACvC;IAED,IAAIX,QAAQ,EAAE;MACZ,OACEQ,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;QAAAC,SAAS,EAAEC,eAAM,CAACM;MAAY,CAAA,EAChCT,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;QACEH,EAAE,EAAEA,EAAE;QACNY,IAAI,EAAC,QAAQ;QACblB,QAAQ,EAAE,IAAI;QACdU,SAAS,EAAEA,SAAS;uBACPL;MAAU,CAAA,EAEtBQ,QAAQ,EACRN,YAAY,CACN,CACN;IAER;IAED,IAAIL,IAAI,EAAE;MACR,OACEM,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;QAAAC,SAAS,EAAEC,eAAM,CAACM;MAAY,CAAA,EAChCT,KACE,CAAAC,aAAA,CAAA,GAAA,EAAA;QAAAH,EAAE,EAAEA,EAAE;QACNJ,IAAI,EAAEA,IAAI;QACVQ,SAAS,EAAEA,SAAS;QACpBP,MAAM,EAAEA,MAAM;QAAA,cAAA,EAGAC,QAAQ,GAAG,MAAM,GAAGe,SAAS;QAAA,aAAA,EAC9Bd;MAAU,CAAA,EAEtBQ,QAAQ,EACRN,YAAY,CACX,CACD;IAER;IAED,OACEC,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;MAAAC,SAAS,EAAEC,eAAM,CAACM;IAAY,CAAA,EAChCT,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;MACEH,EAAE,EAAEA,EAAE;MACNY,IAAI,EAAC,QAAQ;MACbjB,OAAO,EAAEA,OAAO;MAChBS,SAAS,EAAEA,SAAS;qBACPL;IAAU,CAAA,EAEtBQ,QAAQ,EACRN,YAAY,CACN,CACN;EAET,CAAC;EAEDZ,QAAQ,CAACyB,WAAW,GAAG,UAAU;EAAA,OA3EpBzB,QAAQ;AAAA;"}

package/dist/cjs/Tabs/subcomponents/TabList.cjs

@@ -14,10 +14,11 @@ var TabList = function (props) {
     _a = props.noPadding,
     noPadding = _a === void 0 ? false : _a,
     children = props.children,
-    restProps = tslib.__rest(props, ["aria-label", "noPadding", "children"]);
+    classNameOverride = props.classNameOverride,
+    restProps = tslib.__rest(props, ["aria-label", "noPadding", "children", "classNameOverride"]);
   return React.createElement(tabs.TabList, tslib.__assign({
     "aria-label": ariaLabel,
-    className: classnames(TabList_module.tabList, noPadding && TabList_module.noPadding)
+    className: classnames(TabList_module.tabList, classNameOverride, noPadding && TabList_module.noPadding)
   }, restProps), children);
 };
 exports.TabList = TabList;

package/dist/cjs/Tabs/subcomponents/TabList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.cjs","sources":["../../../../src/Tabs/subcomponents/TabList.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode } from \"react\"\nimport { TabList as ReachTabList } from \"@reach/tabs\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./TabList.module.scss\"\n\nexport type TabListProps = {\n  /**\n   * Accessible name for the set of tabs\n   */\n  \"aria-label\": string\n  /**\n   * Removes the built in padding\n   */\n  noPadding?: boolean\n  children: ReactNode\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * Wrapper for the tabs themselves\n */\nexport const TabList = (props: TabListProps): JSX.Element => {\n  const {\n    \"aria-label\": ariaLabel,\n    noPadding = false,\n    children,\n    ...restProps\n  } = props\n  return (\n    <ReachTabList\n      aria-label={ariaLabel}\n      className={classnames(styles.tabList, noPadding && styles.noPadding)}\n      {...restProps}\n    >\n      {children}\n    </ReachTabList>\n  )\n}\n"],"names":["TabList","props","ariaLabel","_a","noPadding","children","restProps","__rest","React","createElement","ReachTabList","__assign","className","classnames","styles","tabList"],"mappings":";;;;;;;;AAkBA;;AAEG;AACI,IAAMA,OAAO,GAAG,SAAAA,CAACC,KAAmB,EAAA;EAEvC,IAAcC,SAAS,GAIrBD,KAAK,CAJgB,YAAA,CAAA;IACvBE,KAGEF,KAAK,CAAAG,SAHU;IAAjBA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,KAAA;IACjBE,QAAQ,GAENJ,KAAK,CAFCI,QAAA;IACLC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CACVN,KAAK,EALH,CAKL,YAAA,EAAA,WAAA,EAAA,UAAA,CAAA,CADa;EAEd,OACEO,KAAC,CAAAC,aAAA,CAAAC,IAAY,CAAAV,OAAA,EACCW,KAAA,CAAAA,QAAA,CAAA;IAAA,YAAA,EAAAT,SAAS;IACrBU,SAAS,EAAEC,UAAU,CAACC,cAAM,CAACC,OAAO,EAAEX,SAAS,IAAIU,cAAM,CAACV,SAAS;EAAC,CAChE,EAAAE,SAAS,CAEZ,EAAAD,QAAQ,CACI;AAEnB,CAAA;"}
+{"version":3,"file":"TabList.cjs","sources":["../../../../src/Tabs/subcomponents/TabList.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode } from \"react\"\nimport { TabList as ReachTabList } from \"@reach/tabs\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./TabList.module.scss\"\n\nexport type TabListProps = {\n  /**\n   * Accessible name for the set of tabs\n   */\n  \"aria-label\": string\n  /**\n   * Removes the built in padding\n   */\n  noPadding?: boolean\n  children: ReactNode\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * Wrapper for the tabs themselves\n */\nexport const TabList = (props: TabListProps): JSX.Element => {\n  const {\n    \"aria-label\": ariaLabel,\n    noPadding = false,\n    children,\n    classNameOverride,\n    ...restProps\n  } = props\n  return (\n    <ReachTabList\n      aria-label={ariaLabel}\n      className={classnames(\n        styles.tabList,\n        classNameOverride,\n        noPadding && styles.noPadding\n      )}\n      {...restProps}\n    >\n      {children}\n    </ReachTabList>\n  )\n}\n"],"names":["TabList","props","ariaLabel","_a","noPadding","children","classNameOverride","restProps","__rest","React","createElement","ReachTabList","__assign","className","classnames","styles","tabList"],"mappings":";;;;;;;;AAkBA;;AAEG;AACI,IAAMA,OAAO,GAAG,SAAAA,CAACC,KAAmB,EAAA;EAEvC,IAAcC,SAAS,GAKrBD,KAAK,CAAA,YAAA,CALgB;IACvBE,EAAA,GAIEF,KAAK,CAAAG,SAJU;IAAjBA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,KAAA;IACjBE,QAAQ,GAGNJ,KAAK,CAHCI,QAAA;IACRC,iBAAiB,GAEfL,KAAK,CAAAK,iBAFU;IACdC,SAAS,GACVC,KAAAA,CAAAA,MAAA,CAAAP,KAAK,EANH,CAAA,YAAA,EAAA,WAAA,EAAA,UAAA,EAAA,mBAAA,CAML,CADa;EAEd,OACEQ,KAAA,CAAAC,aAAA,CAACC,YAAY,EAAAC,KAAAA,CAAAA,QAAA,CAAA;IAAA,YAAA,EACCV,SAAS;IACrBW,SAAS,EAAEC,UAAU,CACnBC,cAAM,CAACC,OAAO,EACdV,iBAAiB,EACjBF,SAAS,IAAIW,cAAM,CAACX,SAAS;GAE3B,EAAAG,SAAS,CAEZ,EAAAF,QAAQ,CACI;AAEnB,CAAA;"}

package/dist/cjs/TimeField/TimeField.cjs

@@ -8,7 +8,7 @@ var i18n = require('@react-aria/i18n');
 var datepicker = require('@react-stately/datepicker');
 var classnames = require('classnames');
 var FieldMessage = require('../FieldMessage/FieldMessage.cjs');
-var Heading = require('../Heading/Heading.cjs');
+var Label = require('../Label/Label.cjs');
 var TimeSegment = require('./subcomponents/TimeSegment/TimeSegment.cjs');
 var TimeField_module = require('./TimeField.module.scss.cjs');
 
@@ -55,7 +55,8 @@ const TimeFieldComponent = /*#__PURE__*/function () {
       locale: locale,
       validationState: status === "default" ? "valid" : "invalid"
     }));
-    var descriptionId = "".concat(id, "-field-message");
+    var hasError = !!validationMessage && status === "error";
+    var descriptionId = hasError ? "".concat(id, "-field-message") : undefined;
     var inputRef = React.useRef(null);
     var _c = datepicker$1.useTimeField(tslib.__assign(tslib.__assign({}, restProps), {
         label: label,
@@ -66,11 +67,10 @@ const TimeFieldComponent = /*#__PURE__*/function () {
       labelProps = _c.labelProps;
     return React.createElement("div", {
       className: classNameOverride
-    }, React.createElement(Heading.Heading, tslib.__assign({
-      tag: "div",
-      variant: "heading-6"
+    }, React.createElement(Label.Label, tslib.__assign({
+      disabled: state.isDisabled
     }, labelProps, {
-      classNameOverride: classnames(TimeField_module.heading, state.isDisabled && TimeField_module.isDisabled)
+      classNameOverride: TimeField_module.label
     }), label), React.createElement("div", {
       className: TimeField_module.wrapper
     }, React.createElement("div", tslib.__assign({}, fieldProps, {
@@ -85,7 +85,7 @@ const TimeFieldComponent = /*#__PURE__*/function () {
       });
     }), React.createElement("div", {
       className: TimeField_module.focusRing
-    }))), validationMessage && status === "error" && React.createElement(FieldMessage.FieldMessage, {
+    }))), hasError && React.createElement(FieldMessage.FieldMessage, {
       id: descriptionId,
       message: validationMessage,
       status: status

package/dist/cjs/TimeField/TimeField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TimeField.cjs","sources":["../../../src/TimeField/TimeField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport { Time } from \"@internationalized/date\"\nimport { useTimeField } from \"@react-aria/datepicker\"\nimport { I18nProvider } from \"@react-aria/i18n\"\nimport {\n  useTimeFieldState,\n  TimeFieldStateOptions,\n} from \"@react-stately/datepicker\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Heading } from \"~components/Heading\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { TimeSegment } from \"./subcomponents/TimeSegment\"\nimport { StatusType, TimeValue, ValueType } from \"./types\"\nimport styles from \"./TimeField.module.scss\"\n\ntype OmittedTimeFieldProps =\n  | \"errorMessage\"\n  | \"validationState\"\n  | \"value\"\n  | \"onChange\"\n  | \"label\"\n  | \"hideTimeZone\"\n\nexport type TimeFieldProps = {\n  id?: string\n  /**\n   * Field label.\n   */\n  label: string\n  /**\n   * Accepts any valid locale code (https://npm.io/package/locale-codes).\n   */\n  locale: string\n  onChange: (value: ValueType | null) => void\n  value: ValueType | null\n  status?: StatusType\n  validationMessage?: React.ReactNode\n} & OverrideClassName<Omit<TimeFieldStateOptions, OmittedTimeFieldProps>>\n\n// This needed to be placed directly below the props because\n// the prop descriptions wouldn't show in Storybook otherwise.\nexport const TimeField = (props: TimeFieldProps): JSX.Element => (\n  <I18nProvider locale={props.locale}>\n    <TimeFieldComponent {...props} />\n  </I18nProvider>\n)\n\nTimeField.displayName = \"TimeField\"\n\nconst TimeFieldComponent = ({\n  id: propsId,\n  label,\n  locale,\n  onChange,\n  value,\n  status = \"default\",\n  validationMessage,\n  isDisabled,\n  classNameOverride,\n  ...restProps\n}: TimeFieldProps): JSX.Element => {\n  const reactId = useId()\n  const id = propsId ?? reactId\n\n  const handleOnChange = (timeValue: TimeValue | null): void => {\n    if (timeValue === null) {\n      return onChange(null)\n    }\n    onChange({ hour: timeValue.hour, minutes: timeValue.minute })\n  }\n\n  const state = useTimeFieldState({\n    ...restProps,\n    value: value ? new Time(value.hour, value.minutes) : null,\n    onChange: handleOnChange,\n    isDisabled,\n    hideTimeZone: true,\n    locale,\n    validationState: status === \"default\" ? \"valid\" : \"invalid\",\n  })\n  const descriptionId = `${id}-field-message`\n\n  const inputRef = React.useRef(null)\n  const { fieldProps, labelProps } = useTimeField(\n    {\n      ...restProps,\n      label,\n      isDisabled,\n      \"aria-describedby\": descriptionId,\n    },\n    state,\n    inputRef\n  )\n  return (\n    <div className={classNameOverride}>\n      <Heading\n        tag=\"div\"\n        variant=\"heading-6\"\n        {...labelProps}\n        classNameOverride={classnames(\n          styles.heading,\n          state.isDisabled && styles.isDisabled\n        )}\n      >\n        {label}\n      </Heading>\n      <div className={styles.wrapper}>\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n        <div\n          {...fieldProps}\n          id={id}\n          ref={inputRef}\n          className={classnames(\n            styles.input,\n            state.isDisabled && styles.isDisabled,\n            state.validationState === \"invalid\" && styles.error\n          )}\n        >\n          {state.segments.map((segment, i) => (\n            <TimeSegment key={i} segment={segment} state={state} />\n          ))}\n          <div className={styles.focusRing} />\n        </div>\n      </div>\n      {validationMessage && status === \"error\" && (\n        <FieldMessage\n          id={descriptionId}\n          message={validationMessage}\n          status={status}\n        />\n      )}\n    </div>\n  )\n}\n\nTimeFieldComponent.displayName = \"TimeFieldComponent\"\n"],"names":["TimeField","props","React","createElement","I18nProvider","locale","TimeFieldComponent","displayName","_a","propsId","id","label","onChange","value","_b","status","validationMessage","isDisabled","classNameOverride","restProps","__rest","reactId","useId","handleOnChange","timeValue","hour","minutes","minute","state","useTimeFieldState","__assign","Time","hideTimeZone","validationState","descriptionId","concat","inputRef","useRef","_c","useTimeField","fieldProps","labelProps","className","Heading","tag","variant","classnames","styles","heading","wrapper","ref","input","error","segments","map","segment","i","TimeSegment","key","focusRing","FieldMessage","message"],"mappings":"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"}
+{"version":3,"file":"TimeField.cjs","sources":["../../../src/TimeField/TimeField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport { Time } from \"@internationalized/date\"\nimport { useTimeField } from \"@react-aria/datepicker\"\nimport { I18nProvider } from \"@react-aria/i18n\"\nimport {\n  useTimeFieldState,\n  TimeFieldStateOptions,\n} from \"@react-stately/datepicker\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Label } from \"~components/Label\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { TimeSegment } from \"./subcomponents/TimeSegment\"\nimport { StatusType, TimeValue, ValueType } from \"./types\"\nimport styles from \"./TimeField.module.scss\"\n\ntype OmittedTimeFieldProps =\n  | \"errorMessage\"\n  | \"validationState\"\n  | \"value\"\n  | \"onChange\"\n  | \"label\"\n  | \"hideTimeZone\"\n\nexport type TimeFieldProps = {\n  id?: string\n  /**\n   * Field label.\n   */\n  label: string\n  /**\n   * Accepts any valid locale code (https://npm.io/package/locale-codes).\n   */\n  locale: string\n  onChange: (value: ValueType | null) => void\n  value: ValueType | null\n  status?: StatusType\n  validationMessage?: React.ReactNode\n} & OverrideClassName<Omit<TimeFieldStateOptions, OmittedTimeFieldProps>>\n\n// This needed to be placed directly below the props because\n// the prop descriptions wouldn't show in Storybook otherwise.\nexport const TimeField = (props: TimeFieldProps): JSX.Element => (\n  <I18nProvider locale={props.locale}>\n    <TimeFieldComponent {...props} />\n  </I18nProvider>\n)\n\nTimeField.displayName = \"TimeField\"\n\nconst TimeFieldComponent = ({\n  id: propsId,\n  label,\n  locale,\n  onChange,\n  value,\n  status = \"default\",\n  validationMessage,\n  isDisabled,\n  classNameOverride,\n  ...restProps\n}: TimeFieldProps): JSX.Element => {\n  const reactId = useId()\n  const id = propsId ?? reactId\n\n  const handleOnChange = (timeValue: TimeValue | null): void => {\n    if (timeValue === null) {\n      return onChange(null)\n    }\n    onChange({ hour: timeValue.hour, minutes: timeValue.minute })\n  }\n\n  const state = useTimeFieldState({\n    ...restProps,\n    value: value ? new Time(value.hour, value.minutes) : null,\n    onChange: handleOnChange,\n    isDisabled,\n    hideTimeZone: true,\n    locale,\n    validationState: status === \"default\" ? \"valid\" : \"invalid\",\n  })\n\n  const hasError = !!validationMessage && status === \"error\"\n  const descriptionId = hasError ? `${id}-field-message` : undefined\n\n  const inputRef = React.useRef(null)\n  const { fieldProps, labelProps } = useTimeField(\n    {\n      ...restProps,\n      label,\n      isDisabled,\n      \"aria-describedby\": descriptionId,\n    },\n    state,\n    inputRef\n  )\n  return (\n    <div className={classNameOverride}>\n      <Label\n        disabled={state.isDisabled}\n        {...labelProps}\n        classNameOverride={styles.label}\n      >\n        {label}\n      </Label>\n      <div className={styles.wrapper}>\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n        <div\n          {...fieldProps}\n          id={id}\n          ref={inputRef}\n          className={classnames(\n            styles.input,\n            state.isDisabled && styles.isDisabled,\n            state.validationState === \"invalid\" && styles.error\n          )}\n        >\n          {state.segments.map((segment, i) => (\n            <TimeSegment key={i} segment={segment} state={state} />\n          ))}\n          <div className={styles.focusRing} />\n        </div>\n      </div>\n      {hasError && (\n        <FieldMessage\n          id={descriptionId}\n          message={validationMessage}\n          status={status}\n        />\n      )}\n    </div>\n  )\n}\n\nTimeFieldComponent.displayName = \"TimeFieldComponent\"\n"],"names":["TimeField","props","React","createElement","I18nProvider","locale","TimeFieldComponent","displayName","_a","propsId","id","label","onChange","value","_b","status","validationMessage","isDisabled","classNameOverride","restProps","__rest","reactId","useId","handleOnChange","timeValue","hour","minutes","minute","state","useTimeFieldState","__assign","Time","hideTimeZone","validationState","hasError","descriptionId","concat","undefined","inputRef","useRef","_c","useTimeField","fieldProps","labelProps","className","Label","disabled","styles","wrapper","ref","classnames","input","error","segments","map","segment","i","TimeSegment","key","focusRing","FieldMessage","message"],"mappings":"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"}

package/dist/cjs/TimeField/TimeField.module.scss.cjs

@@ -2,7 +2,7 @@
 
 var styles = {
   "wrapper": "TimeField-module_wrapper__YuSI3",
-  "heading": "TimeField-module_heading__5EOZf",
+  "label": "TimeField-module_label__kjKyK",
   "input": "TimeField-module_input__Hxjcu",
   "focusRing": "TimeField-module_focusRing__7hgWG",
   "isDisabled": "TimeField-module_isDisabled__rpEc8",

package/dist/cjs/TitleBlockZen/constants.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID = "title-block-secondary-menu";
+var TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID = "title-block-other-actions";
+exports.TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID = TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID;
+exports.TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID = TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID;
+//# sourceMappingURL=constants.cjs.map

package/dist/cjs/TitleBlockZen/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/TitleBlockZen/constants.ts"],"sourcesContent":["export const TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID = \"title-block-secondary-menu\"\nexport const TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID = \"title-block-other-actions\"\n"],"names":["TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID","TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID"],"mappings":";;AAAO,IAAMA,sCAAsC,GAAG,4BAA4B;AAC3E,IAAMC,qCAAqC,GAAG,2BAAA;;"}

package/dist/cjs/TitleBlockZen/subcomponents/MainActions.cjs

@@ -12,6 +12,7 @@ require('../../Menu/subcomponents/MenuHeading/MenuHeading.cjs');
 require('../../Menu/subcomponents/MenuItem/MenuItem.cjs');
 var MenuList = require('../../Menu/subcomponents/MenuList/MenuList.cjs');
 require('../../Menu/subcomponents/StatelessMenu/StatelessMenu.cjs');
+var constants = require('../constants.cjs');
 var utils = require('../utils.cjs');
 var TitleBlockMenuItem = require('./TitleBlockMenuItem.cjs');
 var Toolbar = require('./Toolbar.cjs');
@@ -30,7 +31,7 @@ const MainActions = /*#__PURE__*/function () {
       var menuContent = primaryAction.menuItems.map(function (item, idx) {
         return React.createElement(TitleBlockMenuItem.TitleBlockMenuItem, tslib.__assign({}, item, {
           key: "main-action-primary-menu-item-".concat(idx),
-          automationId: "main-action-primary-menu-item-".concat(idx),
+          "data-automation-id": "main-action-primary-menu-item-".concat(idx),
           "data-testid": "main-action-primary-menu-item-".concat(idx)
         }));
       });
@@ -88,6 +89,7 @@ const MainActions = /*#__PURE__*/function () {
         node: React.createElement(Menu.Menu, {
           align: "right",
           button: React.createElement(IconButton.IconButton, {
+            id: constants.TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID,
             label: "Open secondary menu",
             reversed: reversed,
             icon: React.createElement(MeatballsIcon.MeatballsIcon, {

package/dist/cjs/TitleBlockZen/subcomponents/MainActions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MainActions.cjs","sources":["../../../../src/TitleBlockZen/subcomponents/MainActions.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button, IconButton } from \"~components/Button\"\nimport { ChevronDownIcon, MeatballsIcon } from \"~components/Icon\"\nimport { Menu, MenuList } from \"~components/Menu\"\nimport { DefaultActionProps, PrimaryActionProps } from \"../types\"\nimport { isMenuGroupNotButton } from \"../utils\"\nimport {\n  TitleBlockMenuItem,\n  TitleBlockMenuItemProps,\n} from \"./TitleBlockMenuItem\"\nimport { Toolbar } from \"./Toolbar\"\nimport styles from \"./MainActions.module.scss\"\n\ntype MainActionsProps = {\n  primaryAction?: PrimaryActionProps\n  defaultAction?: DefaultActionProps\n  reversed?: boolean\n  overflowMenuItems?: TitleBlockMenuItemProps[]\n  showOverflowMenu?: boolean\n}\n\nexport const MainActions = ({\n  primaryAction,\n  defaultAction,\n  reversed = false,\n  overflowMenuItems,\n  showOverflowMenu = false,\n}: MainActionsProps): JSX.Element => {\n  let items\n  if (primaryAction && isMenuGroupNotButton(primaryAction)) {\n    const menuContent = primaryAction.menuItems.map((item, idx) => (\n      <TitleBlockMenuItem\n        {...item}\n        key={`main-action-primary-menu-item-${idx}`}\n        automationId={`main-action-primary-menu-item-${idx}`}\n        data-testid={`main-action-primary-menu-item-${idx}`}\n      />\n    ))\n\n    items = [\n      ...(defaultAction\n        ? [\n            {\n              key: \"defaultAction\",\n              node: (\n                <Button\n                  {...{\n                    ...defaultAction,\n                    reversed:\n                      defaultAction.reversed !== undefined\n                        ? defaultAction.reversed\n                        : reversed,\n                  }}\n                  data-automation-id=\"title-block-default-action-button\"\n                  data-testid=\"title-block-default-action-button\"\n                />\n              ),\n            },\n          ]\n        : []),\n      ...(primaryAction\n        ? [\n            {\n              key: \"primaryAction\",\n              node: (\n                <Menu\n                  align=\"right\"\n                  button={\n                    <Button\n                      label={primaryAction.label}\n                      primary\n                      reversed={reversed}\n                      icon={<ChevronDownIcon role=\"presentation\" />}\n                      iconPosition=\"end\"\n                      data-automation-id=\"title-block-primary-action-button\"\n                      data-testid=\"title-block-primary-action-button\"\n                      badge={\n                        primaryAction.badge\n                          ? {\n                              ...primaryAction.badge,\n                              variant: \"dark\",\n                            }\n                          : undefined\n                      }\n                    />\n                  }\n                >\n                  <MenuList>{menuContent}</MenuList>\n                </Menu>\n              ),\n            },\n          ]\n        : []),\n    ]\n  } else {\n    items = [\n      ...(defaultAction\n        ? [\n            {\n              key: \"defaultAction\",\n              node: (\n                <Button\n                  {...{\n                    ...defaultAction,\n                    reversed:\n                      defaultAction.reversed !== undefined\n                        ? defaultAction.reversed\n                        : reversed,\n                  }}\n                  data-automation-id=\"title-block-default-action-button\"\n                  data-testid=\"title-block-default-action-button\"\n                />\n              ),\n            },\n          ]\n        : []),\n      ...(primaryAction\n        ? [\n            {\n              key: \"primaryAction\",\n              node: (\n                <Button\n                  {...{\n                    ...primaryAction,\n                    primary:\n                      primaryAction.primary !== undefined\n                        ? primaryAction.primary\n                        : true,\n                    reversed:\n                      primaryAction.reversed !== undefined\n                        ? primaryAction.reversed\n                        : reversed,\n                  }}\n                  data-automation-id=\"title-block-primary-action-button\"\n                  data-testid=\"title-block-primary-action-button\"\n                  badge={\n                    primaryAction.badge\n                      ? {\n                          ...primaryAction.badge,\n                          variant: \"dark\",\n                        }\n                      : undefined\n                  }\n                />\n              ),\n            },\n          ]\n        : []),\n    ]\n  }\n\n  if (overflowMenuItems && showOverflowMenu && overflowMenuItems.length > 0) {\n    items = [\n      {\n        key: \"overflowMenu\",\n        node: (\n          <Menu\n            align=\"right\"\n            button={\n              <IconButton\n                label=\"Open secondary menu\"\n                reversed={reversed}\n                icon={<MeatballsIcon role=\"presentation\" />}\n              />\n            }\n          >\n            <MenuList>\n              {overflowMenuItems.map((menuItem, idx) => (\n                <TitleBlockMenuItem\n                  {...menuItem}\n                  key={`main-action-overflow-item-menu-item-${idx}`}\n                />\n              ))}\n            </MenuList>\n          </Menu>\n        ),\n      },\n      ...items,\n    ]\n  }\n\n  return (\n    <div className={styles.mainActionsContainer}>\n      <Toolbar\n        items={items}\n        automationId=\"title-block-main-actions-toolbar\"\n        data-testid=\"title-block-main-actions-toolbar\"\n      />\n    </div>\n  )\n}\n\nMainActions.displayName = \"MainActions\"\n"],"names":["MainActions","_a","primaryAction","defaultAction","_b","reversed","overflowMenuItems","_c","showOverflowMenu","items","isMenuGroupNotButton","menuContent","menuItems","map","item","idx","React","createElement","TitleBlockMenuItem","key","automationId","concat","__spreadArray","node","Button","__assign","undefined","Menu","align","button","label","primary","icon","ChevronDownIcon","role","iconPosition","badge","variant","MenuList","length","IconButton","MeatballsIcon","menuItem","className","styles","mainActionsContainer","Toolbar","displayName"],"mappings":"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"}
+{"version":3,"file":"MainActions.cjs","sources":["../../../../src/TitleBlockZen/subcomponents/MainActions.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button, IconButton } from \"~components/Button\"\nimport { ChevronDownIcon, MeatballsIcon } from \"~components/Icon\"\nimport { Menu, MenuList } from \"~components/Menu\"\nimport { TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID } from \"../constants\"\nimport {\n  DefaultActionProps,\n  PrimaryActionProps,\n  TitleBlockMenuItemProps,\n} from \"../types\"\nimport { isMenuGroupNotButton } from \"../utils\"\nimport { TitleBlockMenuItem } from \"./TitleBlockMenuItem\"\nimport { Toolbar } from \"./Toolbar\"\nimport styles from \"./MainActions.module.scss\"\n\ntype MainActionsProps = {\n  primaryAction?: PrimaryActionProps\n  defaultAction?: DefaultActionProps\n  reversed?: boolean\n  overflowMenuItems?: TitleBlockMenuItemProps[]\n  showOverflowMenu?: boolean\n}\n\nexport const MainActions = ({\n  primaryAction,\n  defaultAction,\n  reversed = false,\n  overflowMenuItems,\n  showOverflowMenu = false,\n}: MainActionsProps): JSX.Element => {\n  let items\n  if (primaryAction && isMenuGroupNotButton(primaryAction)) {\n    const menuContent = primaryAction.menuItems.map((item, idx) => (\n      <TitleBlockMenuItem\n        {...item}\n        key={`main-action-primary-menu-item-${idx}`}\n        data-automation-id={`main-action-primary-menu-item-${idx}`}\n        data-testid={`main-action-primary-menu-item-${idx}`}\n      />\n    ))\n\n    items = [\n      ...(defaultAction\n        ? [\n            {\n              key: \"defaultAction\",\n              node: (\n                <Button\n                  {...{\n                    ...defaultAction,\n                    reversed:\n                      defaultAction.reversed !== undefined\n                        ? defaultAction.reversed\n                        : reversed,\n                  }}\n                  data-automation-id=\"title-block-default-action-button\"\n                  data-testid=\"title-block-default-action-button\"\n                />\n              ),\n            },\n          ]\n        : []),\n      ...(primaryAction\n        ? [\n            {\n              key: \"primaryAction\",\n              node: (\n                <Menu\n                  align=\"right\"\n                  button={\n                    <Button\n                      label={primaryAction.label}\n                      primary\n                      reversed={reversed}\n                      icon={<ChevronDownIcon role=\"presentation\" />}\n                      iconPosition=\"end\"\n                      data-automation-id=\"title-block-primary-action-button\"\n                      data-testid=\"title-block-primary-action-button\"\n                      badge={\n                        primaryAction.badge\n                          ? {\n                              ...primaryAction.badge,\n                              variant: \"dark\",\n                            }\n                          : undefined\n                      }\n                    />\n                  }\n                >\n                  <MenuList>{menuContent}</MenuList>\n                </Menu>\n              ),\n            },\n          ]\n        : []),\n    ]\n  } else {\n    items = [\n      ...(defaultAction\n        ? [\n            {\n              key: \"defaultAction\",\n              node: (\n                <Button\n                  {...{\n                    ...defaultAction,\n                    reversed:\n                      defaultAction.reversed !== undefined\n                        ? defaultAction.reversed\n                        : reversed,\n                  }}\n                  data-automation-id=\"title-block-default-action-button\"\n                  data-testid=\"title-block-default-action-button\"\n                />\n              ),\n            },\n          ]\n        : []),\n      ...(primaryAction\n        ? [\n            {\n              key: \"primaryAction\",\n              node: (\n                <Button\n                  {...{\n                    ...primaryAction,\n                    primary:\n                      primaryAction.primary !== undefined\n                        ? primaryAction.primary\n                        : true,\n                    reversed:\n                      primaryAction.reversed !== undefined\n                        ? primaryAction.reversed\n                        : reversed,\n                  }}\n                  data-automation-id=\"title-block-primary-action-button\"\n                  data-testid=\"title-block-primary-action-button\"\n                  badge={\n                    primaryAction.badge\n                      ? {\n                          ...primaryAction.badge,\n                          variant: \"dark\",\n                        }\n                      : undefined\n                  }\n                />\n              ),\n            },\n          ]\n        : []),\n    ]\n  }\n\n  if (overflowMenuItems && showOverflowMenu && overflowMenuItems.length > 0) {\n    items = [\n      {\n        key: \"overflowMenu\",\n        node: (\n          <Menu\n            align=\"right\"\n            button={\n              <IconButton\n                id={TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID}\n                label=\"Open secondary menu\"\n                reversed={reversed}\n                icon={<MeatballsIcon role=\"presentation\" />}\n              />\n            }\n          >\n            <MenuList>\n              {overflowMenuItems.map((menuItem, idx) => (\n                <TitleBlockMenuItem\n                  {...menuItem}\n                  key={`main-action-overflow-item-menu-item-${idx}`}\n                />\n              ))}\n            </MenuList>\n          </Menu>\n        ),\n      },\n      ...items,\n    ]\n  }\n\n  return (\n    <div className={styles.mainActionsContainer}>\n      <Toolbar\n        items={items}\n        automationId=\"title-block-main-actions-toolbar\"\n        data-testid=\"title-block-main-actions-toolbar\"\n      />\n    </div>\n  )\n}\n\nMainActions.displayName = \"MainActions\"\n"],"names":["MainActions","_a","primaryAction","defaultAction","_b","reversed","overflowMenuItems","_c","showOverflowMenu","items","isMenuGroupNotButton","menuContent","menuItems","map","item","idx","React","createElement","TitleBlockMenuItem","__assign","key","concat","__spreadArray","node","Button","undefined","Menu","align","button","label","primary","icon","ChevronDownIcon","role","iconPosition","badge","variant","MenuList","length","IconButton","id","TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID","MeatballsIcon","menuItem","className","styles","mainActionsContainer","Toolbar","automationId","displayName"],"mappings":"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"}

package/dist/cjs/TitleBlockZen/subcomponents/MobileActions.cjs

@@ -12,6 +12,7 @@ var MenuHeading = require('../../Menu/subcomponents/MenuHeading/MenuHeading.cjs'
 var MenuItem = require('../../Menu/subcomponents/MenuItem/MenuItem.cjs');
 var MenuList = require('../../Menu/subcomponents/MenuList/MenuList.cjs');
 require('../../Menu/subcomponents/StatelessMenu/StatelessMenu.cjs');
+var constants = require('../constants.cjs');
 var utils = require('../utils.cjs');
 var TitleBlockMenuItem = require('./TitleBlockMenuItem.cjs');
 var MobileActions_module = require('./MobileActions.module.scss.cjs');
@@ -40,7 +41,7 @@ var renderPrimaryActionDrawerContent = function (primaryAction, actionType) {
       var itemType = menuItemIsLink(item) ? "link" : "action";
       return React.createElement(TitleBlockMenuItem.TitleBlockMenuItem, tslib.__assign({}, item, {
         key: "title-block-mobile-actions-primary-".concat(itemType, "-").concat(idx),
-        automationId: "title-block-mobile-actions-primary-".concat(itemType, "-").concat(idx),
+        "data-automation-id": "title-block-mobile-actions-primary-".concat(itemType, "-").concat(idx),
         "data-testid": "title-block-mobile-actions-primary-".concat(itemType, "-").concat(idx)
       }));
     });
@@ -52,7 +53,7 @@ var renderDefaultLink = function (defaultAction) {
   if ("component" in defaultAction) {
     return React.createElement(TitleBlockMenuItem.TitleBlockMenuItem, tslib.__assign({}, defaultAction, {
       key: "title-block-mobile-actions-default-link",
-      automationId: "title-block-mobile-actions-default-link",
+      "data-automation-id": "title-block-mobile-actions-default-link",
       "data-testid": "title-block-mobile-actions-default-link"
     }));
   }
@@ -62,15 +63,16 @@ var renderDefaultLink = function (defaultAction) {
     icon: defaultAction.icon,
     disabled: defaultAction.disabled,
     key: "title-block-mobile-actions-default-link",
-    automationId: "title-block-mobile-actions-default-link",
-    "data-testid": "title-block-mobile-actions-default-link"
+    "data-automation-id": "title-block-mobile-actions-default-link",
+    "data-testid": "title-block-mobile-actions-default-link",
+    id: defaultAction.id
   });
 };
 var renderDefaultAction = function (defaultAction) {
   if (!defaultActionIsLink(defaultAction)) {
     return React.createElement(TitleBlockMenuItem.TitleBlockMenuItem, tslib.__assign({}, defaultAction, {
       key: "title-block-mobile-actions-default-action",
-      automationId: "title-block-mobile-actions-default-action",
+      "data-automation-id": "title-block-mobile-actions-default-action",
       "data-testid": "title-block-mobile-actions-default-action"
     }));
   }
@@ -212,6 +214,7 @@ var DrawerHandle = function (_a) {
       className: MobileActions_module.mobileActionsExpandButton,
       onClick: toggleDisplay,
       "aria-expanded": isOpen,
+      id: constants.TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID,
       "aria-label": "Other actions"
     }, isOpen ? React.createElement(ChevronDownIcon.ChevronDownIcon, {
       role: "presentation"
@@ -228,7 +231,8 @@ var DrawerHandle = function (_a) {
       type: "button",
       className: classnames(MobileActions_module.mobileActionsExpandButton, MobileActions_module.mobileActionsPrimaryLabel),
       onClick: toggleDisplay,
-      "aria-expanded": isOpen
+      "aria-expanded": isOpen,
+      id: constants.TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID
     }, renderDrawerHandleLabel("Other actions"), React.createElement("span", {
       className: MobileActions_module.mobileActionsChevronSquare
     }, isOpen ? React.createElement(ChevronDownIcon.ChevronDownIcon, {

package/dist/cjs/TitleBlockZen/subcomponents/MobileActions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileActions.cjs","sources":["../../../../src/TitleBlockZen/subcomponents/MobileActions.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport classnames from \"classnames\"\nimport { FocusOn } from \"react-focus-on\"\nimport { ButtonProps } from \"~components/Button\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"~components/Icon\"\nimport { MenuItem, MenuList, MenuHeading } from \"~components/Menu\"\nimport {\n  DefaultActionProps,\n  PrimaryActionProps,\n  SecondaryActionsProps,\n  TitleBlockButtonProps,\n  TitleBlockMenuGroup,\n} from \"../types\"\nimport {\n  convertSecondaryActionsToMenuItems,\n  isMenuGroupNotButton,\n} from \"../utils\"\nimport {\n  TitleBlockMenuItem,\n  TitleBlockMenuItemProps,\n} from \"./TitleBlockMenuItem\"\n\nimport styles from \"./MobileActions.module.scss\"\n\nconst menuItemIsLink: (item: TitleBlockMenuItemProps) => boolean = item =>\n  \"href\" in item\n\nconst defaultActionIsLink: (action: DefaultActionProps) => boolean = action =>\n  \"href\" in action\n\nconst defaultActionIsButton: (action: DefaultActionProps) => boolean = action =>\n  (!(\"href\" in action) && \"onClick\" in action) || \"component\" in action\n\nconst filterActions = (\n  menuItems: TitleBlockMenuItemProps[],\n  filterType: \"link\" | \"action\"\n): TitleBlockMenuItemProps[] =>\n  menuItems.filter(item =>\n    filterType === \"link\" ? menuItemIsLink(item) : !menuItemIsLink(item)\n  )\n\n/** Returns a filtered array of TitleBlockMenuItem based on actionType\n * This is use to sort a selectively render the action into a specifc order\n */\nconst renderPrimaryActionDrawerContent = (\n  primaryAction: PrimaryActionProps,\n  actionType: \"link\" | \"action\"\n): JSX.Element[] | null => {\n  if (!primaryAction) return null\n\n  if (isMenuGroupNotButton(primaryAction)) {\n    const filteredActions = filterActions(primaryAction.menuItems, actionType)\n    return filteredActions.map((item, idx) => {\n      const itemType = menuItemIsLink(item) ? \"link\" : \"action\"\n\n      return (\n        <TitleBlockMenuItem\n          {...item}\n          key={`title-block-mobile-actions-primary-${itemType}-${idx}`}\n          automationId={`title-block-mobile-actions-primary-${itemType}-${idx}`}\n          data-testid={`title-block-mobile-actions-primary-${itemType}-${idx}`}\n        />\n      )\n    })\n  }\n\n  return null\n}\n\nconst renderDefaultLink = (\n  defaultAction: DefaultActionProps\n): JSX.Element | undefined => {\n  if (!defaultActionIsLink(defaultAction)) return\n  if (\"component\" in defaultAction) {\n    return (\n      <TitleBlockMenuItem\n        {...defaultAction}\n        key=\"title-block-mobile-actions-default-link\"\n        automationId=\"title-block-mobile-actions-default-link\"\n        data-testid=\"title-block-mobile-actions-default-link\"\n      />\n    )\n  }\n  return (\n    <MenuItem\n      href={defaultAction.href}\n      label={defaultAction.label}\n      icon={defaultAction.icon}\n      disabled={defaultAction.disabled}\n      key=\"title-block-mobile-actions-default-link\"\n      automationId=\"title-block-mobile-actions-default-link\"\n      data-testid=\"title-block-mobile-actions-default-link\"\n    />\n  )\n}\n\nconst renderDefaultAction = (\n  defaultAction: DefaultActionProps\n): JSX.Element | null => {\n  if (!defaultActionIsLink(defaultAction)) {\n    return (\n      <TitleBlockMenuItem\n        {...defaultAction}\n        key=\"title-block-mobile-actions-default-action\"\n        automationId=\"title-block-mobile-actions-default-action\"\n        data-testid=\"title-block-mobile-actions-default-action\"\n      />\n    )\n  }\n\n  return null\n}\n\nconst renderSecondaryActions = (\n  secondaryActions: SecondaryActionsProps | undefined\n): JSX.Element[] | null => {\n  if (!secondaryActions) return null\n  const secondaryActionMenuItems: TitleBlockMenuItemProps[] =\n    convertSecondaryActionsToMenuItems(secondaryActions)\n\n  return secondaryActionMenuItems.map((item, idx) => (\n    <TitleBlockMenuItem\n      {...item}\n      key={`title-block-mobile-actions-secondary-action-${idx}`}\n      data-testid=\"title-block-mobile-actions-secondary-action\"\n    />\n  ))\n}\n\nconst renderSecondaryOverflowMenuItems = (\n  secondaryOverflowMenuItems: TitleBlockMenuItemProps[]\n): JSX.Element[] =>\n  secondaryOverflowMenuItems.map((item, idx) => (\n    <TitleBlockMenuItem\n      {...item}\n      key={`title-block-mobile-actions-overflow-menu-item-${idx}`}\n      data-testid=\"title-block-mobile-actions-overflow-menu-item\"\n    />\n  ))\n\ntype DrawerMenuContentProps = {\n  primaryAction?: PrimaryActionProps\n  defaultAction?: DefaultActionProps\n  secondaryActions?: SecondaryActionsProps\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n}\n\nconst DrawerMenuContent = ({\n  primaryAction,\n  defaultAction,\n  secondaryActions,\n  secondaryOverflowMenuItems,\n}: DrawerMenuContentProps): JSX.Element => {\n  const showOtherActionsHeading =\n    (defaultAction && defaultActionIsButton(defaultAction)) ||\n    secondaryActions ||\n    secondaryOverflowMenuItems\n\n  return (\n    <>\n      <MenuList>\n        {primaryAction &&\n          renderPrimaryActionDrawerContent(primaryAction, \"link\")}\n        {defaultAction && renderDefaultLink(defaultAction)}\n        {primaryAction &&\n          renderPrimaryActionDrawerContent(primaryAction, \"action\")}\n      </MenuList>\n      {(defaultAction || secondaryActions || secondaryOverflowMenuItems) && (\n        <MenuList\n          heading={\n            showOtherActionsHeading && <MenuHeading>Other actions</MenuHeading>\n          }\n        >\n          {defaultAction && renderDefaultAction(defaultAction)}\n          {secondaryActions && renderSecondaryActions(secondaryActions)}\n          {secondaryOverflowMenuItems &&\n            renderSecondaryOverflowMenuItems(secondaryOverflowMenuItems)}\n        </MenuList>\n      )}\n    </>\n  )\n}\n\nconst renderDrawerHandleLabel = (\n  label: string,\n  icon?: JSX.Element,\n  drawerHandleLabelIconPosition?: ButtonProps[\"iconPosition\"]\n): JSX.Element => {\n  if (drawerHandleLabelIconPosition === \"end\") {\n    return (\n      <>\n        <span\n          className={styles.drawerHandleLabelText}\n          data-testid=\"drawer-handle-lable-text\"\n        >\n          {label}\n        </span>\n        <>{icon && <span className={styles.drawerHandleIcon}>{icon}</span>}</>\n      </>\n    )\n  } else {\n    return (\n      <>\n        <>{icon && <span className={styles.drawerHandleIcon}>{icon}</span>}</>\n        <span\n          className={styles.drawerHandleLabelText}\n          data-testid=\"drawer-handle-lable-text\"\n        >\n          {label}\n        </span>\n      </>\n    )\n  }\n}\n\ntype HrefAndOnClick = Pick<TitleBlockButtonProps, \"href\" | \"onClick\">\ntype ButtonOrLinkActionProps =\n  | HrefAndOnClick\n  | TitleBlockButtonProps[\"href\"]\n  | TitleBlockButtonProps[\"onClick\"]\ntype ButtonOrLinkProps = {\n  action?: ButtonOrLinkActionProps\n  children: React.ReactNode\n}\n\nconst ButtonOrLink = ({ action, children }: ButtonOrLinkProps): JSX.Element => {\n  if (typeof action === \"object\" && \"onClick\" in action && \"href\" in action) {\n    return (\n      <a\n        onClick={action.onClick}\n        href={action.href}\n        className={classnames(\n          styles.mobileActionsPrimaryLabel,\n          styles.mobileActionsPrimaryButton\n        )}\n        data-testid=\"title-block-mobile-actions-primary-button\"\n      >\n        {children}\n      </a>\n    )\n  }\n  if (typeof action === \"function\") {\n    return (\n      <button\n        type=\"button\"\n        onClick={action}\n        className={classnames(\n          styles.mobileActionsPrimaryLabel,\n          styles.mobileActionsPrimaryButton\n        )}\n        data-testid=\"title-block-mobile-actions-primary-button\"\n      >\n        {children}\n      </button>\n    )\n  }\n  if (typeof action === \"string\") {\n    return (\n      <a\n        href={action}\n        className={classnames(\n          styles.mobileActionsPrimaryLabel,\n          styles.mobileActionsPrimaryButton\n        )}\n        data-testid=\"title-block-mobile-actions-primary-button\"\n      >\n        {children}\n      </a>\n    )\n  }\n\n  // when there's no action (e.g. primary button is disabled)\n  return (\n    <button\n      type=\"button\"\n      className={classnames(\n        styles.mobileActionsPrimaryLabel,\n        styles.mobileActionsPrimaryButton\n      )}\n      data-testid=\"title-block-mobile-actions-primary-button\"\n    >\n      {children}\n    </button>\n  )\n}\n\nconst getAction = (\n  primaryAction: TitleBlockButtonProps\n): ButtonOrLinkActionProps => {\n  if (primaryAction && !primaryAction.disabled) {\n    if (primaryAction.onClick && primaryAction.href) {\n      return {\n        href: primaryAction.href,\n        onClick: primaryAction.onClick,\n      }\n    }\n    if (primaryAction.onClick) {\n      return primaryAction.onClick\n    }\n    if (primaryAction.href) {\n      return primaryAction.href\n    }\n  }\n\n  return undefined\n}\n\ntype DrawerHandleProps = {\n  primaryAction: PrimaryActionProps | undefined\n  secondaryActions: SecondaryActionsProps | undefined\n  defaultAction?: DefaultActionProps | TitleBlockMenuGroup\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n  drawerHandleLabelIconPosition?: ButtonProps[\"iconPosition\"]\n  toggleDisplay: () => void\n  isOpen: boolean\n}\n\nconst DrawerHandle = ({\n  primaryAction,\n  secondaryActions,\n  defaultAction,\n  secondaryOverflowMenuItems,\n  drawerHandleLabelIconPosition,\n  toggleDisplay,\n  isOpen,\n}: DrawerHandleProps): JSX.Element | null => {\n  const showDrawer =\n    defaultAction || secondaryActions || secondaryOverflowMenuItems\n  if (primaryAction) {\n    // If the primary action is a menu\n    if (isMenuGroupNotButton(primaryAction)) {\n      return (\n        <div\n          className={classnames(\n            styles.mobileActionsTopRow,\n            styles.mobileActionsTopRowSingleButton\n          )}\n          data-testid=\"title-block-mobile-actions-drawer-handle\"\n        >\n          <button\n            type=\"button\"\n            className={classnames(\n              styles.mobileActionsExpandButton,\n              styles.mobileActionsPrimaryLabel\n            )}\n            onClick={toggleDisplay}\n            aria-expanded={isOpen}\n          >\n            {primaryAction.label}\n            <span className={styles.mobileActionsChevronSquare}>\n              {isOpen ? (\n                <ChevronDownIcon role=\"presentation\" />\n              ) : (\n                <ChevronUpIcon role=\"presentation\" />\n              )}\n            </span>\n          </button>\n        </div>\n      )\n    }\n\n    // If the primary action is a button, or has no onClick/href/action\n    return (\n      <div\n        className={classnames(\n          styles.mobileActionsTopRow,\n          !showDrawer && styles.mobileActionsTopRowSingleButton\n        )}\n        data-testid=\"title-block-mobile-actions-drawer-handle\"\n      >\n        {\"component\" in primaryAction ? (\n          <primaryAction.component\n            className={classnames(\n              styles.mobileActionsPrimaryLabel,\n              styles.mobileActionsPrimaryButton\n            )}\n            {...primaryAction}\n          >\n            {primaryAction.label &&\n              renderDrawerHandleLabel(\n                primaryAction.label,\n                primaryAction.icon,\n                drawerHandleLabelIconPosition\n              )}\n          </primaryAction.component>\n        ) : (\n          <ButtonOrLink action={getAction(primaryAction)}>\n            {renderDrawerHandleLabel(\n              primaryAction.label,\n              primaryAction.icon,\n              drawerHandleLabelIconPosition\n            )}\n          </ButtonOrLink>\n        )}\n\n        {/* If there are no secondary etc. actions, just show the button without drawer */}\n        {showDrawer && (\n          <button\n            type=\"button\"\n            className={styles.mobileActionsExpandButton}\n            onClick={toggleDisplay}\n            aria-expanded={isOpen}\n            aria-label=\"Other actions\"\n          >\n            {isOpen ? (\n              <ChevronDownIcon role=\"presentation\" />\n            ) : (\n              <ChevronUpIcon role=\"presentation\" />\n            )}\n          </button>\n        )}\n      </div>\n    )\n  }\n\n  // if there are default/secondary actions but no primary action\n  if (showDrawer) {\n    return (\n      <div\n        className={classnames(\n          styles.mobileActionsTopRow,\n          styles.mobileActionsTopRowSingleButton\n        )}\n        data-testid=\"title-block-mobile-actions-drawer-handle\"\n      >\n        <button\n          type=\"button\"\n          className={classnames(\n            styles.mobileActionsExpandButton,\n            styles.mobileActionsPrimaryLabel\n          )}\n          onClick={toggleDisplay}\n          aria-expanded={isOpen}\n        >\n          {renderDrawerHandleLabel(\"Other actions\")}\n          <span className={styles.mobileActionsChevronSquare}>\n            {isOpen ? (\n              <ChevronDownIcon role=\"presentation\" />\n            ) : (\n              <ChevronUpIcon role=\"presentation\" />\n            )}\n          </span>\n        </button>\n      </div>\n    )\n  }\n  return null\n}\n\nexport type MobileActionsProps = {\n  primaryAction?: PrimaryActionProps\n  defaultAction?: DefaultActionProps\n  secondaryActions?: SecondaryActionsProps\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n  drawerHandleLabelIconPosition?: ButtonProps[\"iconPosition\"]\n}\n\nexport const MobileActions = ({\n  primaryAction,\n  defaultAction,\n  secondaryActions,\n  secondaryOverflowMenuItems,\n  drawerHandleLabelIconPosition,\n}: MobileActionsProps): JSX.Element => {\n  const [isOpen, setIsOpen] = useState<boolean>(false)\n\n  const toggleDisplay = (): void => {\n    setIsOpen(!isOpen)\n  }\n\n  return (\n    <div\n      className={classnames(\n        styles.mobileActionsContainer,\n        isOpen && styles.isOpen\n      )}\n    >\n      <FocusOn enabled={isOpen} scrollLock={false}>\n        <DrawerHandle\n          primaryAction={primaryAction}\n          secondaryActions={secondaryActions}\n          defaultAction={defaultAction}\n          secondaryOverflowMenuItems={secondaryOverflowMenuItems}\n          drawerHandleLabelIconPosition={drawerHandleLabelIconPosition}\n          toggleDisplay={toggleDisplay}\n          isOpen={isOpen}\n        />\n        {(defaultAction ||\n          secondaryActions ||\n          secondaryOverflowMenuItems ||\n          (primaryAction && isMenuGroupNotButton(primaryAction))) && (\n          <div className={styles.mobileActionsMenuContainer}>\n            <DrawerMenuContent\n              primaryAction={primaryAction}\n              defaultAction={defaultAction}\n              secondaryActions={secondaryActions}\n              secondaryOverflowMenuItems={secondaryOverflowMenuItems}\n            />\n          </div>\n        )}\n      </FocusOn>\n    </div>\n  )\n}\n\nMobileActions.displayName = \"MobileActions\"\n"],"names":["menuItemIsLink","item","defaultActionIsLink","action","defaultActionIsButton","filterActions","menuItems","filterType","filter","renderPrimaryActionDrawerContent","primaryAction","actionType","isMenuGroupNotButton","filteredActions","map","idx","itemType","React","createElement","TitleBlockMenuItem","__assign","key","concat","automationId","renderDefaultLink","defaultAction","MenuItem","href","label","icon","disabled","renderDefaultAction","renderSecondaryActions","secondaryActions","secondaryActionMenuItems","convertSecondaryActionsToMenuItems","renderSecondaryOverflowMenuItems","secondaryOverflowMenuItems","DrawerMenuContent","_a","showOtherActionsHeading","Fragment","MenuList","heading","MenuHeading","renderDrawerHandleLabel","drawerHandleLabelIconPosition","className","styles","drawerHandleLabelText","drawerHandleIcon","ButtonOrLink","children","onClick","classnames","mobileActionsPrimaryLabel","mobileActionsPrimaryButton","type","getAction","undefined","DrawerHandle","toggleDisplay","isOpen","showDrawer","mobileActionsTopRow","mobileActionsTopRowSingleButton","mobileActionsExpandButton","mobileActionsChevronSquare","ChevronDownIcon","role","ChevronUpIcon","component","MobileActions","_b","useState","setIsOpen","mobileActionsContainer","FocusOn","enabled","scrollLock","mobileActionsMenuContainer","displayName"],"mappings":"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"}
+{"version":3,"file":"MobileActions.cjs","sources":["../../../../src/TitleBlockZen/subcomponents/MobileActions.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport classnames from \"classnames\"\nimport { FocusOn } from \"react-focus-on\"\nimport { ButtonProps } from \"~components/Button\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"~components/Icon\"\nimport { MenuItem, MenuList, MenuHeading } from \"~components/Menu\"\nimport { TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID } from \"../constants\"\nimport {\n  DefaultActionProps,\n  PrimaryActionProps,\n  SecondaryActionsProps,\n  TitleBlockButtonProps,\n  TitleBlockMenuGroup,\n  TitleBlockMenuItemProps,\n} from \"../types\"\nimport {\n  convertSecondaryActionsToMenuItems,\n  isMenuGroupNotButton,\n} from \"../utils\"\nimport { TitleBlockMenuItem } from \"./TitleBlockMenuItem\"\n\nimport styles from \"./MobileActions.module.scss\"\n\nconst menuItemIsLink: (item: TitleBlockMenuItemProps) => boolean = item =>\n  \"href\" in item\n\nconst defaultActionIsLink: (action: DefaultActionProps) => boolean = action =>\n  \"href\" in action\n\nconst defaultActionIsButton: (action: DefaultActionProps) => boolean = action =>\n  (!(\"href\" in action) && \"onClick\" in action) || \"component\" in action\n\nconst filterActions = (\n  menuItems: TitleBlockMenuItemProps[],\n  filterType: \"link\" | \"action\"\n): TitleBlockMenuItemProps[] =>\n  menuItems.filter(item =>\n    filterType === \"link\" ? menuItemIsLink(item) : !menuItemIsLink(item)\n  )\n\n/** Returns a filtered array of TitleBlockMenuItem based on actionType\n * This is use to sort a selectively render the action into a specifc order\n */\nconst renderPrimaryActionDrawerContent = (\n  primaryAction: PrimaryActionProps,\n  actionType: \"link\" | \"action\"\n): JSX.Element[] | null => {\n  if (!primaryAction) return null\n\n  if (isMenuGroupNotButton(primaryAction)) {\n    const filteredActions = filterActions(primaryAction.menuItems, actionType)\n    return filteredActions.map((item, idx) => {\n      const itemType = menuItemIsLink(item) ? \"link\" : \"action\"\n\n      return (\n        <TitleBlockMenuItem\n          {...item}\n          key={`title-block-mobile-actions-primary-${itemType}-${idx}`}\n          data-automation-id={`title-block-mobile-actions-primary-${itemType}-${idx}`}\n          data-testid={`title-block-mobile-actions-primary-${itemType}-${idx}`}\n        />\n      )\n    })\n  }\n\n  return null\n}\n\nconst renderDefaultLink = (\n  defaultAction: DefaultActionProps\n): JSX.Element | undefined => {\n  if (!defaultActionIsLink(defaultAction)) return\n  if (\"component\" in defaultAction) {\n    return (\n      <TitleBlockMenuItem\n        {...defaultAction}\n        key=\"title-block-mobile-actions-default-link\"\n        data-automation-id=\"title-block-mobile-actions-default-link\"\n        data-testid=\"title-block-mobile-actions-default-link\"\n      />\n    )\n  }\n  return (\n    <MenuItem\n      href={defaultAction.href}\n      label={defaultAction.label}\n      icon={defaultAction.icon}\n      disabled={defaultAction.disabled}\n      key=\"title-block-mobile-actions-default-link\"\n      data-automation-id=\"title-block-mobile-actions-default-link\"\n      data-testid=\"title-block-mobile-actions-default-link\"\n      id={defaultAction.id}\n    />\n  )\n}\n\nconst renderDefaultAction = (\n  defaultAction: DefaultActionProps\n): JSX.Element | null => {\n  if (!defaultActionIsLink(defaultAction)) {\n    return (\n      <TitleBlockMenuItem\n        {...defaultAction}\n        key=\"title-block-mobile-actions-default-action\"\n        data-automation-id=\"title-block-mobile-actions-default-action\"\n        data-testid=\"title-block-mobile-actions-default-action\"\n      />\n    )\n  }\n\n  return null\n}\n\nconst renderSecondaryActions = (\n  secondaryActions: SecondaryActionsProps | undefined\n): JSX.Element[] | null => {\n  if (!secondaryActions) return null\n  const secondaryActionMenuItems: TitleBlockMenuItemProps[] =\n    convertSecondaryActionsToMenuItems(secondaryActions)\n\n  return secondaryActionMenuItems.map((item, idx) => (\n    <TitleBlockMenuItem\n      {...item}\n      key={`title-block-mobile-actions-secondary-action-${idx}`}\n      data-testid=\"title-block-mobile-actions-secondary-action\"\n    />\n  ))\n}\n\nconst renderSecondaryOverflowMenuItems = (\n  secondaryOverflowMenuItems: TitleBlockMenuItemProps[]\n): JSX.Element[] =>\n  secondaryOverflowMenuItems.map((item, idx) => (\n    <TitleBlockMenuItem\n      {...item}\n      key={`title-block-mobile-actions-overflow-menu-item-${idx}`}\n      data-testid=\"title-block-mobile-actions-overflow-menu-item\"\n    />\n  ))\n\ntype DrawerMenuContentProps = {\n  primaryAction?: PrimaryActionProps\n  defaultAction?: DefaultActionProps\n  secondaryActions?: SecondaryActionsProps\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n}\n\nconst DrawerMenuContent = ({\n  primaryAction,\n  defaultAction,\n  secondaryActions,\n  secondaryOverflowMenuItems,\n}: DrawerMenuContentProps): JSX.Element => {\n  const showOtherActionsHeading =\n    (defaultAction && defaultActionIsButton(defaultAction)) ||\n    secondaryActions ||\n    secondaryOverflowMenuItems\n\n  return (\n    <>\n      <MenuList>\n        {primaryAction &&\n          renderPrimaryActionDrawerContent(primaryAction, \"link\")}\n        {defaultAction && renderDefaultLink(defaultAction)}\n        {primaryAction &&\n          renderPrimaryActionDrawerContent(primaryAction, \"action\")}\n      </MenuList>\n      {(defaultAction || secondaryActions || secondaryOverflowMenuItems) && (\n        <MenuList\n          heading={\n            showOtherActionsHeading && <MenuHeading>Other actions</MenuHeading>\n          }\n        >\n          {defaultAction && renderDefaultAction(defaultAction)}\n          {secondaryActions && renderSecondaryActions(secondaryActions)}\n          {secondaryOverflowMenuItems &&\n            renderSecondaryOverflowMenuItems(secondaryOverflowMenuItems)}\n        </MenuList>\n      )}\n    </>\n  )\n}\n\nconst renderDrawerHandleLabel = (\n  label: string,\n  icon?: JSX.Element,\n  drawerHandleLabelIconPosition?: ButtonProps[\"iconPosition\"]\n): JSX.Element => {\n  if (drawerHandleLabelIconPosition === \"end\") {\n    return (\n      <>\n        <span\n          className={styles.drawerHandleLabelText}\n          data-testid=\"drawer-handle-lable-text\"\n        >\n          {label}\n        </span>\n        <>{icon && <span className={styles.drawerHandleIcon}>{icon}</span>}</>\n      </>\n    )\n  } else {\n    return (\n      <>\n        <>{icon && <span className={styles.drawerHandleIcon}>{icon}</span>}</>\n        <span\n          className={styles.drawerHandleLabelText}\n          data-testid=\"drawer-handle-lable-text\"\n        >\n          {label}\n        </span>\n      </>\n    )\n  }\n}\n\ntype HrefAndOnClick = Pick<TitleBlockButtonProps, \"href\" | \"onClick\">\ntype ButtonOrLinkActionProps =\n  | HrefAndOnClick\n  | TitleBlockButtonProps[\"href\"]\n  | TitleBlockButtonProps[\"onClick\"]\ntype ButtonOrLinkProps = {\n  action?: ButtonOrLinkActionProps\n  children: React.ReactNode\n}\n\nconst ButtonOrLink = ({ action, children }: ButtonOrLinkProps): JSX.Element => {\n  if (typeof action === \"object\" && \"onClick\" in action && \"href\" in action) {\n    return (\n      <a\n        onClick={action.onClick}\n        href={action.href}\n        className={classnames(\n          styles.mobileActionsPrimaryLabel,\n          styles.mobileActionsPrimaryButton\n        )}\n        data-testid=\"title-block-mobile-actions-primary-button\"\n      >\n        {children}\n      </a>\n    )\n  }\n  if (typeof action === \"function\") {\n    return (\n      <button\n        type=\"button\"\n        onClick={action}\n        className={classnames(\n          styles.mobileActionsPrimaryLabel,\n          styles.mobileActionsPrimaryButton\n        )}\n        data-testid=\"title-block-mobile-actions-primary-button\"\n      >\n        {children}\n      </button>\n    )\n  }\n  if (typeof action === \"string\") {\n    return (\n      <a\n        href={action}\n        className={classnames(\n          styles.mobileActionsPrimaryLabel,\n          styles.mobileActionsPrimaryButton\n        )}\n        data-testid=\"title-block-mobile-actions-primary-button\"\n      >\n        {children}\n      </a>\n    )\n  }\n\n  // when there's no action (e.g. primary button is disabled)\n  return (\n    <button\n      type=\"button\"\n      className={classnames(\n        styles.mobileActionsPrimaryLabel,\n        styles.mobileActionsPrimaryButton\n      )}\n      data-testid=\"title-block-mobile-actions-primary-button\"\n    >\n      {children}\n    </button>\n  )\n}\n\nconst getAction = (\n  primaryAction: TitleBlockButtonProps\n): ButtonOrLinkActionProps => {\n  if (primaryAction && !primaryAction.disabled) {\n    if (primaryAction.onClick && primaryAction.href) {\n      return {\n        href: primaryAction.href,\n        onClick: primaryAction.onClick,\n      }\n    }\n    if (primaryAction.onClick) {\n      return primaryAction.onClick\n    }\n    if (primaryAction.href) {\n      return primaryAction.href\n    }\n  }\n\n  return undefined\n}\n\ntype DrawerHandleProps = {\n  primaryAction: PrimaryActionProps | undefined\n  secondaryActions: SecondaryActionsProps | undefined\n  defaultAction?: DefaultActionProps | TitleBlockMenuGroup\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n  drawerHandleLabelIconPosition?: ButtonProps[\"iconPosition\"]\n  toggleDisplay: () => void\n  isOpen: boolean\n}\n\nconst DrawerHandle = ({\n  primaryAction,\n  secondaryActions,\n  defaultAction,\n  secondaryOverflowMenuItems,\n  drawerHandleLabelIconPosition,\n  toggleDisplay,\n  isOpen,\n}: DrawerHandleProps): JSX.Element | null => {\n  const showDrawer =\n    defaultAction || secondaryActions || secondaryOverflowMenuItems\n  if (primaryAction) {\n    // If the primary action is a menu\n    if (isMenuGroupNotButton(primaryAction)) {\n      return (\n        <div\n          className={classnames(\n            styles.mobileActionsTopRow,\n            styles.mobileActionsTopRowSingleButton\n          )}\n          data-testid=\"title-block-mobile-actions-drawer-handle\"\n        >\n          <button\n            type=\"button\"\n            className={classnames(\n              styles.mobileActionsExpandButton,\n              styles.mobileActionsPrimaryLabel\n            )}\n            onClick={toggleDisplay}\n            aria-expanded={isOpen}\n          >\n            {primaryAction.label}\n            <span className={styles.mobileActionsChevronSquare}>\n              {isOpen ? (\n                <ChevronDownIcon role=\"presentation\" />\n              ) : (\n                <ChevronUpIcon role=\"presentation\" />\n              )}\n            </span>\n          </button>\n        </div>\n      )\n    }\n\n    // If the primary action is a button, or has no onClick/href/action\n    return (\n      <div\n        className={classnames(\n          styles.mobileActionsTopRow,\n          !showDrawer && styles.mobileActionsTopRowSingleButton\n        )}\n        data-testid=\"title-block-mobile-actions-drawer-handle\"\n      >\n        {\"component\" in primaryAction ? (\n          <primaryAction.component\n            className={classnames(\n              styles.mobileActionsPrimaryLabel,\n              styles.mobileActionsPrimaryButton\n            )}\n            {...primaryAction}\n          >\n            {primaryAction.label &&\n              renderDrawerHandleLabel(\n                primaryAction.label,\n                primaryAction.icon,\n                drawerHandleLabelIconPosition\n              )}\n          </primaryAction.component>\n        ) : (\n          <ButtonOrLink action={getAction(primaryAction)}>\n            {renderDrawerHandleLabel(\n              primaryAction.label,\n              primaryAction.icon,\n              drawerHandleLabelIconPosition\n            )}\n          </ButtonOrLink>\n        )}\n\n        {/* If there are no secondary etc. actions, just show the button without drawer */}\n        {showDrawer && (\n          <button\n            type=\"button\"\n            className={styles.mobileActionsExpandButton}\n            onClick={toggleDisplay}\n            aria-expanded={isOpen}\n            id={TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID}\n            aria-label=\"Other actions\"\n          >\n            {isOpen ? (\n              <ChevronDownIcon role=\"presentation\" />\n            ) : (\n              <ChevronUpIcon role=\"presentation\" />\n            )}\n          </button>\n        )}\n      </div>\n    )\n  }\n\n  // if there are default/secondary actions but no primary action\n  if (showDrawer) {\n    return (\n      <div\n        className={classnames(\n          styles.mobileActionsTopRow,\n          styles.mobileActionsTopRowSingleButton\n        )}\n        data-testid=\"title-block-mobile-actions-drawer-handle\"\n      >\n        <button\n          type=\"button\"\n          className={classnames(\n            styles.mobileActionsExpandButton,\n            styles.mobileActionsPrimaryLabel\n          )}\n          onClick={toggleDisplay}\n          aria-expanded={isOpen}\n          id={TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID}\n        >\n          {renderDrawerHandleLabel(\"Other actions\")}\n          <span className={styles.mobileActionsChevronSquare}>\n            {isOpen ? (\n              <ChevronDownIcon role=\"presentation\" />\n            ) : (\n              <ChevronUpIcon role=\"presentation\" />\n            )}\n          </span>\n        </button>\n      </div>\n    )\n  }\n  return null\n}\n\nexport type MobileActionsProps = {\n  primaryAction?: PrimaryActionProps\n  defaultAction?: DefaultActionProps\n  secondaryActions?: SecondaryActionsProps\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n  drawerHandleLabelIconPosition?: ButtonProps[\"iconPosition\"]\n}\n\nexport const MobileActions = ({\n  primaryAction,\n  defaultAction,\n  secondaryActions,\n  secondaryOverflowMenuItems,\n  drawerHandleLabelIconPosition,\n}: MobileActionsProps): JSX.Element => {\n  const [isOpen, setIsOpen] = useState<boolean>(false)\n\n  const toggleDisplay = (): void => {\n    setIsOpen(!isOpen)\n  }\n\n  return (\n    <div\n      className={classnames(\n        styles.mobileActionsContainer,\n        isOpen && styles.isOpen\n      )}\n    >\n      <FocusOn enabled={isOpen} scrollLock={false}>\n        <DrawerHandle\n          primaryAction={primaryAction}\n          secondaryActions={secondaryActions}\n          defaultAction={defaultAction}\n          secondaryOverflowMenuItems={secondaryOverflowMenuItems}\n          drawerHandleLabelIconPosition={drawerHandleLabelIconPosition}\n          toggleDisplay={toggleDisplay}\n          isOpen={isOpen}\n        />\n        {(defaultAction ||\n          secondaryActions ||\n          secondaryOverflowMenuItems ||\n          (primaryAction && isMenuGroupNotButton(primaryAction))) && (\n          <div className={styles.mobileActionsMenuContainer}>\n            <DrawerMenuContent\n              primaryAction={primaryAction}\n              defaultAction={defaultAction}\n              secondaryActions={secondaryActions}\n              secondaryOverflowMenuItems={secondaryOverflowMenuItems}\n            />\n          </div>\n        )}\n      </FocusOn>\n    </div>\n  )\n}\n\nMobileActions.displayName = \"MobileActions\"\n"],"names":["menuItemIsLink","item","defaultActionIsLink","action","defaultActionIsButton","filterActions","menuItems","filterType","filter","renderPrimaryActionDrawerContent","primaryAction","actionType","isMenuGroupNotButton","filteredActions","map","idx","itemType","React","createElement","TitleBlockMenuItem","__assign","key","concat","renderDefaultLink","defaultAction","MenuItem","href","label","icon","disabled","id","renderDefaultAction","renderSecondaryActions","secondaryActions","secondaryActionMenuItems","convertSecondaryActionsToMenuItems","renderSecondaryOverflowMenuItems","secondaryOverflowMenuItems","DrawerMenuContent","_a","showOtherActionsHeading","Fragment","MenuList","heading","MenuHeading","renderDrawerHandleLabel","drawerHandleLabelIconPosition","className","styles","drawerHandleLabelText","drawerHandleIcon","ButtonOrLink","children","onClick","classnames","mobileActionsPrimaryLabel","mobileActionsPrimaryButton","type","getAction","undefined","DrawerHandle","toggleDisplay","isOpen","showDrawer","mobileActionsTopRow","mobileActionsTopRowSingleButton","mobileActionsExpandButton","mobileActionsChevronSquare","ChevronDownIcon","role","ChevronUpIcon","component","TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID","MobileActions","_b","useState","setIsOpen","mobileActionsContainer","FocusOn","enabled","scrollLock","mobileActionsMenuContainer","displayName"],"mappings":"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"}

package/dist/cjs/TitleBlockZen/subcomponents/SecondaryActions.cjs

@@ -13,6 +13,7 @@ require('../../Menu/subcomponents/MenuItem/MenuItem.cjs');
 var MenuList = require('../../Menu/subcomponents/MenuList/MenuList.cjs');
 require('../../Menu/subcomponents/StatelessMenu/StatelessMenu.cjs');
 var TitleBlockZen_module = require('../TitleBlockZen.module.scss.cjs');
+var constants = require('../constants.cjs');
 var TitleBlockMenuItem = require('./TitleBlockMenuItem.cjs');
 var Toolbar = require('./Toolbar.cjs');
 var renderSecondaryOverflowMenu = function (secondaryOverflowMenuItems, reversed) {
@@ -24,7 +25,8 @@ var renderSecondaryOverflowMenu = function (secondaryOverflowMenuItems, reversed
       reversed: reversed,
       icon: React.createElement(MeatballsIcon.MeatballsIcon, {
         role: "presentation"
-      })
+      }),
+      id: constants.TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID
     })
   }, React.createElement(MenuList.MenuList, null, secondaryOverflowMenuItems.map(function (menuItem, i) {
     return React.createElement(TitleBlockMenuItem.TitleBlockMenuItem, tslib.__assign({

package/dist/cjs/TitleBlockZen/subcomponents/SecondaryActions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryActions.cjs","sources":["../../../../src/TitleBlockZen/subcomponents/SecondaryActions.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button, IconButton } from \"~components/Button\"\nimport { ChevronDownIcon, MeatballsIcon } from \"~components/Icon\"\nimport { Menu, MenuList } from \"~components/Menu\"\nimport styles from \"../TitleBlockZen.module.scss\"\nimport { SecondaryActionsProps, TitleBlockMenuItemProps } from \"../types\"\nimport { TitleBlockMenuItem } from \"./TitleBlockMenuItem\"\nimport { Toolbar } from \"./Toolbar\"\n\ntype Props = {\n  secondaryActions?: SecondaryActionsProps\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n  reversed?: boolean\n}\n\nconst renderSecondaryOverflowMenu = (\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[],\n  reversed?: boolean\n): JSX.Element | undefined => {\n  if (!secondaryOverflowMenuItems) return undefined\n  return (\n    <Menu\n      align=\"right\"\n      button={\n        <IconButton\n          label=\"Open secondary menu\"\n          reversed={reversed}\n          icon={<MeatballsIcon role=\"presentation\" />}\n        />\n      }\n    >\n      <MenuList>\n        {secondaryOverflowMenuItems.map((menuItem, i) => (\n          <TitleBlockMenuItem key={i} {...menuItem} />\n        ))}\n      </MenuList>\n    </Menu>\n  )\n}\n\n// Unfortunately, you'll notice below, that I needed to use the array index,\n// against react best practices (https://reactjs.org/docs/lists-and-keys.html)\n// This is because the menu items have no unique identifier.\n\nexport const SecondaryActions = ({\n  secondaryActions,\n  secondaryOverflowMenuItems,\n  reversed = false,\n}: Props): JSX.Element | null => {\n  if (!secondaryActions && !secondaryOverflowMenuItems) return null\n\n  const secondaryActionsAsToolbarItems = secondaryActions\n    ? secondaryActions.map((action, i) => {\n        if (\"menuItems\" in action) {\n          return {\n            key: `${i}`, // We shouldn't use an index here, see note above\n            node: (\n              <Menu\n                align=\"right\"\n                button={\n                  <Button\n                    secondary\n                    label={action.label}\n                    reversed={reversed}\n                    icon={<ChevronDownIcon role=\"presentation\" />}\n                    iconPosition=\"end\"\n                  />\n                }\n              >\n                <MenuList>\n                  {action.menuItems.map((menuItem, i2) => (\n                    <TitleBlockMenuItem key={i2} {...menuItem} />\n                  ))}\n                </MenuList>\n              </Menu>\n            ),\n          }\n        } else {\n          if (\"onClick\" in action && \"href\" in action) {\n            // eslint-disable-next-line no-console\n            console.warn(\n              \"\\u001b[33m \\nTITLE BLOCK WARNING:\\nSecondary actions only support \" +\n                \"either an href or an onClick, not both simultaneously.\\n\"\n            )\n          }\n          return {\n            key: `${i}`, // We shouldn't use an index here, see note above\n            node: (\n              <Button\n                secondary\n                reversed={reversed}\n                {...action}\n                data-automation-id=\"title-block-secondary-actions-button\"\n                data-testid=\"title-block-secondary-actions-button\"\n              />\n            ),\n          }\n        }\n      })\n    : []\n\n  const overflowMenu = renderSecondaryOverflowMenu(\n    secondaryOverflowMenuItems,\n    reversed\n  )\n\n  const toolbarItems = [\n    ...secondaryActionsAsToolbarItems,\n    ...(overflowMenu\n      ? [\n          {\n            key: \"overflowMenu\",\n            node: overflowMenu,\n          },\n        ]\n      : []),\n  ]\n\n  return (\n    <div className={styles.secondaryActionsContainer}>\n      <Toolbar\n        items={toolbarItems}\n        noGap\n        automationId=\"title-block-secondary-actions-toolbar\"\n      />\n    </div>\n  )\n}\n\nSecondaryActions.displayName = \"SecondaryActions\"\n"],"names":["renderSecondaryOverflowMenu","secondaryOverflowMenuItems","reversed","undefined","React","createElement","Menu","align","button","IconButton","label","icon","MeatballsIcon","role","MenuList","map","menuItem","i","TitleBlockMenuItem","__assign","key","SecondaryActions","_a","secondaryActions","_b","secondaryActionsAsToolbarItems","action","concat","node","Button","secondary","ChevronDownIcon","iconPosition","menuItems","i2","console","warn","overflowMenu","toolbarItems","__spreadArray","className","styles","secondaryActionsContainer","Toolbar","items","noGap","automationId","displayName"],"mappings":"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"}
+{"version":3,"file":"SecondaryActions.cjs","sources":["../../../../src/TitleBlockZen/subcomponents/SecondaryActions.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button, IconButton } from \"~components/Button\"\nimport { ChevronDownIcon, MeatballsIcon } from \"~components/Icon\"\nimport { Menu, MenuList } from \"~components/Menu\"\nimport styles from \"../TitleBlockZen.module.scss\"\nimport { TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID } from \"../constants\"\nimport { SecondaryActionsProps, TitleBlockMenuItemProps } from \"../types\"\nimport { TitleBlockMenuItem } from \"./TitleBlockMenuItem\"\nimport { Toolbar } from \"./Toolbar\"\n\ntype Props = {\n  secondaryActions?: SecondaryActionsProps\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n  reversed?: boolean\n}\n\nconst renderSecondaryOverflowMenu = (\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[],\n  reversed?: boolean\n): JSX.Element | undefined => {\n  if (!secondaryOverflowMenuItems) return undefined\n  return (\n    <Menu\n      align=\"right\"\n      button={\n        <IconButton\n          label=\"Open secondary menu\"\n          reversed={reversed}\n          icon={<MeatballsIcon role=\"presentation\" />}\n          id={TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID}\n        />\n      }\n    >\n      <MenuList>\n        {secondaryOverflowMenuItems.map((menuItem, i) => (\n          <TitleBlockMenuItem key={i} {...menuItem} />\n        ))}\n      </MenuList>\n    </Menu>\n  )\n}\n\n// Unfortunately, you'll notice below, that I needed to use the array index,\n// against react best practices (https://reactjs.org/docs/lists-and-keys.html)\n// This is because the menu items have no unique identifier.\n\nexport const SecondaryActions = ({\n  secondaryActions,\n  secondaryOverflowMenuItems,\n  reversed = false,\n}: Props): JSX.Element | null => {\n  if (!secondaryActions && !secondaryOverflowMenuItems) return null\n\n  const secondaryActionsAsToolbarItems = secondaryActions\n    ? secondaryActions.map((action, i) => {\n        if (\"menuItems\" in action) {\n          return {\n            key: `${i}`, // We shouldn't use an index here, see note above\n            node: (\n              <Menu\n                align=\"right\"\n                button={\n                  <Button\n                    secondary\n                    label={action.label}\n                    reversed={reversed}\n                    icon={<ChevronDownIcon role=\"presentation\" />}\n                    iconPosition=\"end\"\n                  />\n                }\n              >\n                <MenuList>\n                  {action.menuItems.map((menuItem, i2) => (\n                    <TitleBlockMenuItem key={i2} {...menuItem} />\n                  ))}\n                </MenuList>\n              </Menu>\n            ),\n          }\n        } else {\n          if (\"onClick\" in action && \"href\" in action) {\n            // eslint-disable-next-line no-console\n            console.warn(\n              \"\\u001b[33m \\nTITLE BLOCK WARNING:\\nSecondary actions only support \" +\n                \"either an href or an onClick, not both simultaneously.\\n\"\n            )\n          }\n          return {\n            key: `${i}`, // We shouldn't use an index here, see note above\n            node: (\n              <Button\n                secondary\n                reversed={reversed}\n                {...action}\n                data-automation-id=\"title-block-secondary-actions-button\"\n                data-testid=\"title-block-secondary-actions-button\"\n              />\n            ),\n          }\n        }\n      })\n    : []\n\n  const overflowMenu = renderSecondaryOverflowMenu(\n    secondaryOverflowMenuItems,\n    reversed\n  )\n\n  const toolbarItems = [\n    ...secondaryActionsAsToolbarItems,\n    ...(overflowMenu\n      ? [\n          {\n            key: \"overflowMenu\",\n            node: overflowMenu,\n          },\n        ]\n      : []),\n  ]\n\n  return (\n    <div className={styles.secondaryActionsContainer}>\n      <Toolbar\n        items={toolbarItems}\n        noGap\n        automationId=\"title-block-secondary-actions-toolbar\"\n      />\n    </div>\n  )\n}\n\nSecondaryActions.displayName = \"SecondaryActions\"\n"],"names":["renderSecondaryOverflowMenu","secondaryOverflowMenuItems","reversed","undefined","React","createElement","Menu","align","button","IconButton","label","icon","MeatballsIcon","role","id","TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID","MenuList","map","menuItem","i","TitleBlockMenuItem","__assign","key","SecondaryActions","_a","secondaryActions","_b","secondaryActionsAsToolbarItems","action","concat","node","Button","secondary","ChevronDownIcon","iconPosition","menuItems","i2","console","warn","overflowMenu","toolbarItems","__spreadArray","className","styles","secondaryActionsContainer","Toolbar","items","noGap","automationId","displayName"],"mappings":"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"}

package/dist/cjs/TitleBlockZen/subcomponents/TitleBlockMenuItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TitleBlockMenuItem.cjs","sources":["../../../../src/TitleBlockZen/subcomponents/TitleBlockMenuItem.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { CustomButtonProps } from \"~components/Button\"\nimport { MenuItem, MenuItemProps } from \"~components/Menu\"\nimport styles from \"./TitleBlockMenuItem.module.scss\"\n\nexport type TitleBlockMenuItemProps =\n  | ({\n      component: (props: CustomButtonProps) => JSX.Element\n    } & MenuItemProps)\n  | MenuItemProps\n\nexport const TitleBlockMenuItem = (\n  props: TitleBlockMenuItemProps\n): JSX.Element => {\n  const className = classnames(\n    styles.menuItem,\n    styles.destructive && styles[\"menuItem--destructive\"],\n    styles.disabled && styles[\"menuItem--disabled\"],\n    styles.isActive && styles[\"menuItem--active\"]\n  )\n\n  if (\"component\" in props) {\n    const { component: CustomMenuItem, label, icon, ...otherProps } = props\n    const wrappedLabel = <span className={styles.menuItem__Label}>{label}</span>\n    const iconNode = icon && (\n      <span className={styles.menuItem__Icon}>{icon}</span>\n    )\n    return (\n      <li className={styles.menuListItem}>\n        <CustomMenuItem {...otherProps} className={className}>\n          {iconNode}\n          {wrappedLabel}\n        </CustomMenuItem>\n      </li>\n    )\n  }\n\n  return <MenuItem {...props} />\n}\n\nTitleBlockMenuItem.displayName = \"TitleBlockMenuItem\"\n"],"names":["TitleBlockMenuItem","props","className","classnames","styles","menuItem","destructive","disabled","isActive","CustomMenuItem","component","label","icon","otherProps","wrappedLabel","React","createElement","menuItem__Label","iconNode","menuItem__Icon","menuListItem","__assign","MenuItem","displayName"],"mappings":";;;;;;;;;;;MAYaA,kBAAkB;EAAA,MAAlBA,kBAAkB,GAAG,SAAAA,CAChCC,KAA8B,EAAA;IAE9B,IAAMC,SAAS,GAAGC,UAAU,CAC1BC,yBAAM,CAACC,QAAQ,EACfD,yBAAM,CAACE,WAAW,IAAIF,yBAAM,CAAC,uBAAuB,CAAC,EACrDA,yBAAM,CAACG,QAAQ,IAAIH,yBAAM,CAAC,oBAAoB,CAAC,EAC/CA,yBAAM,CAACI,QAAQ,IAAIJ,yBAAM,CAAC,kBAAkB,CAAC,CAC9C;IAED,IAAI,WAAW,IAAIH,KAAK,EAAE;MAChB,IAAWQ,cAAc,GAAiCR,KAAK,CAAAS,SAAtC;QAAEC,KAAK,GAA0BV,KAAK,CAA/BU,KAAA;QAAEC,IAAI,GAAoBX,KAAK,KAAzB;QAAKY,UAAU,gBAAKZ,KAAK,EAAjE,CAAyD,WAAA,EAAA,OAAA,EAAA,MAAA,CAAA,CAAF;MAC7D,IAAMa,YAAY,GAAGC,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAMd,SAAS,EAAEE,yBAAM,CAACa;OAAe,EAAGN,KAAK,CAAQ;MAC5E,IAAMO,QAAQ,GAAGN,IAAI,IACnBG,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAAd,SAAS,EAAEE,yBAAM,CAACe;OAAc,EAAGP,IAAI,CAC9C;MACD,OACEG,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;QAAAd,SAAS,EAAEE,yBAAM,CAACgB;MAAY,CAAA,EAChCL,KAAA,CAAAC,aAAA,CAACP,cAAc,EAAKY,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAR,UAAU,EAAE;QAAAX,SAAS,EAAEA;OAAS,CAAA,EACjDgB,QAAQ,EACRJ,YAAY,CACE,CACd;IAER;IAED,OAAOC,KAAC,CAAAC,aAAA,CAAAM,QAAQ,CAAAA,QAAA,EAAKD,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAApB,KAAK,EAAI;EAChC,CAAC;EAEDD,kBAAkB,CAACuB,WAAW,GAAG,oBAAoB;EAAA,OA7BxCvB,kBAAkB;AAAA;"}
+{"version":3,"file":"TitleBlockMenuItem.cjs","sources":["../../../../src/TitleBlockZen/subcomponents/TitleBlockMenuItem.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { MenuItem } from \"~components/Menu\"\nimport { TitleBlockMenuItemProps } from \"../types\"\nimport styles from \"./TitleBlockMenuItem.module.scss\"\n\nexport const TitleBlockMenuItem = (\n  props: TitleBlockMenuItemProps\n): JSX.Element => {\n  const className = classnames(\n    styles.menuItem,\n    styles.destructive && styles[\"menuItem--destructive\"],\n    styles.disabled && styles[\"menuItem--disabled\"],\n    styles.isActive && styles[\"menuItem--active\"]\n  )\n\n  if (\"component\" in props) {\n    const { component: CustomMenuItem, label, icon, ...otherProps } = props\n    const wrappedLabel = <span className={styles.menuItem__Label}>{label}</span>\n    const iconNode = icon && (\n      <span className={styles.menuItem__Icon}>{icon}</span>\n    )\n    return (\n      <li className={styles.menuListItem}>\n        <CustomMenuItem {...otherProps} className={className}>\n          {iconNode}\n          {wrappedLabel}\n        </CustomMenuItem>\n      </li>\n    )\n  }\n\n  return <MenuItem {...props} />\n}\n\nTitleBlockMenuItem.displayName = \"TitleBlockMenuItem\"\n"],"names":["TitleBlockMenuItem","props","className","classnames","styles","menuItem","destructive","disabled","isActive","CustomMenuItem","component","label","icon","otherProps","wrappedLabel","React","createElement","menuItem__Label","iconNode","menuItem__Icon","menuListItem","__assign","MenuItem","displayName"],"mappings":";;;;;;;;;;;MAMaA,kBAAkB;EAAA,MAAlBA,kBAAkB,GAAG,SAAAA,CAChCC,KAA8B,EAAA;IAE9B,IAAMC,SAAS,GAAGC,UAAU,CAC1BC,yBAAM,CAACC,QAAQ,EACfD,yBAAM,CAACE,WAAW,IAAIF,yBAAM,CAAC,uBAAuB,CAAC,EACrDA,yBAAM,CAACG,QAAQ,IAAIH,yBAAM,CAAC,oBAAoB,CAAC,EAC/CA,yBAAM,CAACI,QAAQ,IAAIJ,yBAAM,CAAC,kBAAkB,CAAC,CAC9C;IAED,IAAI,WAAW,IAAIH,KAAK,EAAE;MAChB,IAAWQ,cAAc,GAAiCR,KAAK,CAAAS,SAAtC;QAAEC,KAAK,GAA0BV,KAAK,CAA/BU,KAAA;QAAEC,IAAI,GAAoBX,KAAK,KAAzB;QAAKY,UAAU,gBAAKZ,KAAK,EAAjE,CAAyD,WAAA,EAAA,OAAA,EAAA,MAAA,CAAA,CAAF;MAC7D,IAAMa,YAAY,GAAGC,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAMd,SAAS,EAAEE,yBAAM,CAACa;OAAe,EAAGN,KAAK,CAAQ;MAC5E,IAAMO,QAAQ,GAAGN,IAAI,IACnBG,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAAd,SAAS,EAAEE,yBAAM,CAACe;OAAc,EAAGP,IAAI,CAC9C;MACD,OACEG,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;QAAAd,SAAS,EAAEE,yBAAM,CAACgB;MAAY,CAAA,EAChCL,KAAA,CAAAC,aAAA,CAACP,cAAc,EAAKY,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAR,UAAU,EAAE;QAAAX,SAAS,EAAEA;OAAS,CAAA,EACjDgB,QAAQ,EACRJ,YAAY,CACE,CACd;IAER;IAED,OAAOC,KAAC,CAAAC,aAAA,CAAAM,QAAQ,CAAAA,QAAA,EAAKD,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAApB,KAAK,EAAI;EAChC,CAAC;EAEDD,kBAAkB,CAACuB,WAAW,GAAG,oBAAoB;EAAA,OA7BxCvB,kBAAkB;AAAA;"}