@procore/core-react 12.53.0 → 12.53.1

package/dist/ToolHeader/ToolHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolHeader.js","names":["Cog","React","Tabs","TabsBase","useI18nContext","addSubcomponents","ActionIcon","StyledHeaderActions","StyledHeaderBadge","StyledHeaderTabs","StyledToolHeader","StyledToolHeaderIconContainer","StyledToolHeaderTitle","ToolHeader_","forwardRef","props","ref","createElement","_extends","Icon","_ref","className","icon_","icon","_objectWithoutProperties","_excluded","cloneElement","_objectSpread","size","SettingsActionInner","i18n","Comp","t","ToolHeader","SettingsAction","Title","_ref2","children","_excluded2","role","Actions","Badge","_ref3","variant","_excluded3","$variant","displayName"],"sources":["../../src/ToolHeader/ToolHeader.tsx"],"sourcesContent":["import { Cog } from '@procore/core-icons'\nimport React from 'react'\nimport { Tabs as TabsBase } from '../Tabs/Tabs'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { ActionIcon } from './ActionIcon'\nimport {\n  StyledHeaderActions,\n  StyledHeaderBadge,\n  StyledHeaderTabs,\n  StyledToolHeader,\n  StyledToolHeaderIconContainer,\n  StyledToolHeaderTitle,\n} from './ToolHeader.styles'\nimport type {\n  ToolHeaderBadgeProps,\n  ToolHeaderIconProps,\n  ToolHeaderSettingsActionPolyType,\n  ToolHeaderSettingsActionProps,\n  ToolHeaderSettingsActionRef,\n} from './ToolHeader.types'\n\nconst ToolHeader_ = React.forwardRef<HTMLDivElement, any>((props, ref) => {\n  return <StyledToolHeader ref={ref} {...props} />\n})\n\nexport const Icon = React.forwardRef<\n  HTMLDivElement,\n  React.SVGAttributes<SVGElement> & ToolHeaderIconProps\n>(function Icon({ className, icon: icon_, ...props }, ref) {\n  const icon = icon_ ? (\n    React.cloneElement(icon_ as React.ReactElement, { ...props, size: 'sm' })\n  ) : (\n    <Cog {...props} size=\"sm\" />\n  )\n  return (\n    <StyledToolHeaderIconContainer className={className} ref={ref}>\n      {icon}\n    </StyledToolHeaderIconContainer>\n  )\n})\n\nfunction SettingsActionInner<Role extends ToolHeaderSettingsActionPolyType>(\n  props: ToolHeaderSettingsActionProps<Role>,\n  ref: ToolHeaderSettingsActionRef<Role>\n) {\n  const i18n = useI18nContext()\n\n  const Comp = ActionIcon as any\n\n  return (\n    <Comp\n      aria-label={i18n.t('core.toolHeader.settingsAction')}\n      ref={ref}\n      {...props}\n    >\n      <ToolHeader.Icon />\n    </Comp>\n  )\n}\n\nconst SettingsAction = React.forwardRef(SettingsActionInner) as <\n  Role extends ToolHeaderSettingsActionPolyType\n>(\n  props: ToolHeaderSettingsActionProps<Role>\n) => ReturnType<typeof SettingsActionInner>\n\nexport const Title = StyledToolHeaderTitle\n\nexport const Tabs = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function Tabs({ children, className, ...props }, ref) {\n  return (\n    <StyledHeaderTabs className={className} ref={ref}>\n      <TabsBase {...props} role={props.role as 'navigation'}>\n        {children}\n      </TabsBase>\n    </StyledHeaderTabs>\n  )\n})\n\nexport const Actions = StyledHeaderActions\n\n/**\n * @deprecated Header-adjacent counts and labels should use inline `Pill` instead of `ToolHeader.Badge`.\n *\n * BEFORE\n * ```tsx\n * <ToolHeader.Badge variant=\"new\">New</ToolHeader.Badge>\n * ```\n *\n * AFTER\n * ```tsx\n * <Pill color=\"magenta\">New</Pill>\n * ```\n *\n * @deprecatedSince 10.20.0\n *\n * @see https://core.procore.com/latest/web/components/pill/react/\n */\nexport const Badge = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & ToolHeaderBadgeProps\n>(function Badge({ children, variant, ...props }, ref) {\n  return (\n    <StyledHeaderBadge {...props} $variant={variant} ref={ref}>\n      {children}\n    </StyledHeaderBadge>\n  )\n})\n\nToolHeader_.displayName = 'ToolHeader'\n\nIcon.displayName = 'ToolHeader.Icon'\n\nTitle.displayName = 'ToolHeader.Title'\n\nTabs.displayName = 'ToolHeader.Tabs'\n\nActions.displayName = 'ToolHeader.Actions'\n\nBadge.displayName = 'ToolHeader.Badge'\n\n/**\n * @deprecated Use `ToolLandingPage` (with `ToolLandingPage.Title`, `ToolLandingPage.Tabs`, and related slots) for tool headers; use `DetailPage` when the screen is a record detail layout.\n *\n * BEFORE\n * ```tsx\n * <ToolHeader>\n *   <ToolHeader.Icon />\n *   <ToolHeader.Title>Tools</ToolHeader.Title>\n *   <ToolHeader.Tabs>...</ToolHeader.Tabs>\n *   <ToolHeader.Actions>...</ToolHeader.Actions>\n * </ToolHeader>\n * ```\n *\n * AFTER\n * ```tsx\n * <ToolLandingPage>\n *   <ToolLandingPage.Main>\n *     <ToolLandingPage.Header>\n *       <ToolLandingPage.Title>...</ToolLandingPage.Title>\n *       <ToolLandingPage.Tabs>...</ToolLandingPage.Tabs>\n *     </ToolLandingPage.Header>\n *     <ToolLandingPage.Body>...</ToolLandingPage.Body>\n *   </ToolLandingPage.Main>\n * </ToolLandingPage>\n * ```\n *\n * @deprecatedSince 12.9.0\n *\n * @see https://stories.core.procore.com/?path=/story/core-react_demos-toollandingpage--demo\n */\nexport const ToolHeader = addSubcomponents(\n  {\n    Icon,\n    Title,\n    Tabs,\n    Actions,\n    Badge,\n    SettingsAction,\n  },\n  ToolHeader_\n)\n"],"mappings":";;;;;;;;;;;;AAAA,SAASA,GAAG,QAAQ,qBAAqB;AACzC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,IAAIC,QAAQ,QAAQ,cAAc;AAC/C,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,UAAU,QAAQ,cAAc;AACzC,SACEC,mBAAmB,EACnBC,iBAAiB,EACjBC,gBAAgB,EAChBC,gBAAgB,EAChBC,6BAA6B,EAC7BC,qBAAqB,QAChB,qBAAqB;AAS5B,IAAMC,WAAW,gBAAGZ,KAAK,CAACa,UAAU,CAAsB,UAACC,KAAK,EAAEC,GAAG,EAAK;EACxE,oBAAOf,KAAA,CAAAgB,aAAA,CAACP,gBAAgB,EAAAQ,QAAA;IAACF,GAAG,EAAEA;EAAI,GAAKD,KAAK,CAAG,CAAC;AAClD,CAAC,CAAC;AAEF,OAAO,IAAMI,IAAI,gBAAGlB,KAAK,CAACa,UAAU,CAGlC,SAASK,IAAIA,CAAAC,IAAA,EAAuCJ,GAAG,EAAE;EAAA,IAAzCK,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAQC,KAAK,GAAAF,IAAA,CAAXG,IAAI;IAAYR,KAAK,GAAAS,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAChD,IAAMF,IAAI,GAAGD,KAAK,gBAChBrB,KAAK,CAACyB,YAAY,CAACJ,KAAK,EAAAK,aAAA,CAAAA,aAAA,KAA6BZ,KAAK;IAAEa,IAAI,EAAE;EAAI,EAAE,CAAC,gBAEzE3B,KAAA,CAAAgB,aAAA,CAACjB,GAAG,EAAAkB,QAAA,KAAKH,KAAK;IAAEa,IAAI,EAAC;EAAI,EAAE,CAC5B;EACD,oBACE3B,KAAA,CAAAgB,aAAA,CAACN,6BAA6B;IAACU,SAAS,EAAEA,SAAU;IAACL,GAAG,EAAEA;EAAI,GAC3DO,IAC4B,CAAC;AAEpC,CAAC,CAAC;AAEF,SAASM,mBAAmBA,CAC1Bd,KAA0C,EAC1CC,GAAsC,EACtC;EACA,IAAMc,IAAI,GAAG1B,cAAc,CAAC,CAAC;EAE7B,IAAM2B,IAAI,GAAGzB,UAAiB;EAE9B,oBACEL,KAAA,CAAAgB,aAAA,CAACc,IAAI,EAAAb,QAAA;IACH,cAAYY,IAAI,CAACE,CAAC,CAAC,gCAAgC,CAAE;IACrDhB,GAAG,EAAEA;EAAI,GACLD,KAAK,gBAETd,KAAA,CAAAgB,aAAA,CAACgB,UAAU,CAACd,IAAI,MAAE,CACd,CAAC;AAEX;AAEA,IAAMe,cAAc,gBAAGjC,KAAK,CAACa,UAAU,CAACe,mBAAmB,CAIhB;AAE3C,OAAO,IAAMM,KAAK,GAAGvB,qBAAqB;AAE1C,OAAO,IAAMV,IAAI,gBAAGD,KAAK,CAACa,UAAU,CAGlC,SAASZ,IAAIA,CAAAkC,KAAA,EAAoCpB,GAAG,EAAE;EAAA,IAAtCqB,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAEhB,SAAS,GAAAe,KAAA,CAATf,SAAS;IAAKN,KAAK,GAAAS,wBAAA,CAAAY,KAAA,EAAAE,UAAA;EAC7C,oBACErC,KAAA,CAAAgB,aAAA,CAACR,gBAAgB;IAACY,SAAS,EAAEA,SAAU;IAACL,GAAG,EAAEA;EAAI,gBAC/Cf,KAAA,CAAAgB,aAAA,CAACd,QAAQ,EAAAe,QAAA,KAAKH,KAAK;IAAEwB,IAAI,EAAExB,KAAK,CAACwB;EAAqB,IACnDF,QACO,CACM,CAAC;AAEvB,CAAC,CAAC;AAEF,OAAO,IAAMG,OAAO,GAAGjC,mBAAmB;;AAE1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMkC,KAAK,gBAAGxC,KAAK,CAACa,UAAU,CAGnC,SAAS2B,KAAKA,CAAAC,KAAA,EAAkC1B,GAAG,EAAE;EAAA,IAApCqB,QAAQ,GAAAK,KAAA,CAARL,QAAQ;IAAEM,OAAO,GAAAD,KAAA,CAAPC,OAAO;IAAK5B,KAAK,GAAAS,wBAAA,CAAAkB,KAAA,EAAAE,UAAA;EAC5C,oBACE3C,KAAA,CAAAgB,aAAA,CAACT,iBAAiB,EAAAU,QAAA,KAAKH,KAAK;IAAE8B,QAAQ,EAAEF,OAAQ;IAAC3B,GAAG,EAAEA;EAAI,IACvDqB,QACgB,CAAC;AAExB,CAAC,CAAC;AAEFxB,WAAW,CAACiC,WAAW,GAAG,YAAY;AAEtC3B,IAAI,CAAC2B,WAAW,GAAG,iBAAiB;AAEpCX,KAAK,CAACW,WAAW,GAAG,kBAAkB;AAEtC5C,IAAI,CAAC4C,WAAW,GAAG,iBAAiB;AAEpCN,OAAO,CAACM,WAAW,GAAG,oBAAoB;AAE1CL,KAAK,CAACK,WAAW,GAAG,kBAAkB;;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMb,UAAU,GAAG5B,gBAAgB,CACxC;EACEc,IAAI,EAAJA,IAAI;EACJgB,KAAK,EAALA,KAAK;EACLjC,IAAI,EAAJA,IAAI;EACJsC,OAAO,EAAPA,OAAO;EACPC,KAAK,EAALA,KAAK;EACLP,cAAc,EAAdA;AACF,CAAC,EACDrB,WACF,CAAC"}
+{"version":3,"file":"ToolHeader.js","names":["Cog","React","Tabs","TabsBase","useI18nContext","addSubcomponents","ActionIcon","StyledHeaderActions","StyledHeaderBadge","StyledHeaderTabs","StyledToolHeader","StyledToolHeaderIconContainer","StyledToolHeaderTitle","ToolHeader_","forwardRef","props","ref","createElement","_extends","Icon","_ref","className","icon_","icon","_objectWithoutProperties","_excluded","cloneElement","_objectSpread","size","SettingsActionInner","i18n","Comp","t","ToolHeader","SettingsAction","Title","_ref2","children","_excluded2","role","Actions","Badge","_ref3","variant","_excluded3","$variant","displayName"],"sources":["../../src/ToolHeader/ToolHeader.tsx"],"sourcesContent":["import { Cog } from '@procore/core-icons'\nimport React from 'react'\nimport { Tabs as TabsBase } from '../Tabs/Tabs'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { ActionIcon } from './ActionIcon'\nimport {\n  StyledHeaderActions,\n  StyledHeaderBadge,\n  StyledHeaderTabs,\n  StyledToolHeader,\n  StyledToolHeaderIconContainer,\n  StyledToolHeaderTitle,\n} from './ToolHeader.styles'\nimport type {\n  ToolHeaderBadgeProps,\n  ToolHeaderIconProps,\n  ToolHeaderSettingsActionPolyType,\n  ToolHeaderSettingsActionProps,\n  ToolHeaderSettingsActionRef,\n} from './ToolHeader.types'\n\nconst ToolHeader_ = React.forwardRef<HTMLDivElement, any>((props, ref) => {\n  return <StyledToolHeader ref={ref} {...props} />\n})\n\nexport const Icon = React.forwardRef<\n  HTMLDivElement,\n  React.SVGAttributes<SVGElement> & ToolHeaderIconProps\n>(function Icon({ className, icon: icon_, ...props }, ref) {\n  const icon = icon_ ? (\n    React.cloneElement(icon_ as React.ReactElement, { ...props, size: 'sm' })\n  ) : (\n    <Cog {...props} size=\"sm\" />\n  )\n  return (\n    <StyledToolHeaderIconContainer className={className} ref={ref}>\n      {icon}\n    </StyledToolHeaderIconContainer>\n  )\n})\n\nfunction SettingsActionInner<Role extends ToolHeaderSettingsActionPolyType>(\n  props: ToolHeaderSettingsActionProps<Role>,\n  ref: ToolHeaderSettingsActionRef<Role>\n) {\n  const i18n = useI18nContext()\n\n  const Comp = ActionIcon as any\n\n  return (\n    <Comp\n      aria-label={i18n.t('core.toolHeader.settingsAction')}\n      ref={ref}\n      {...props}\n    >\n      <ToolHeader.Icon />\n    </Comp>\n  )\n}\n\nconst SettingsAction = React.forwardRef(SettingsActionInner) as <\n  Role extends ToolHeaderSettingsActionPolyType\n>(\n  props: ToolHeaderSettingsActionProps<Role>\n) => ReturnType<typeof SettingsActionInner>\n\nexport const Title = StyledToolHeaderTitle\n\nexport const Tabs = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function Tabs({ children, className, ...props }, ref) {\n  return (\n    <StyledHeaderTabs className={className} ref={ref}>\n      <TabsBase {...props} role={props.role as 'navigation'}>\n        {children}\n      </TabsBase>\n    </StyledHeaderTabs>\n  )\n})\n\nexport const Actions = StyledHeaderActions\n\n/**\n * @deprecated Header-adjacent counts and labels should use inline `Pill` instead of `ToolHeader.Badge`.\n *\n * BEFORE\n * ```tsx\n * <ToolHeader.Badge variant=\"new\">New</ToolHeader.Badge>\n * ```\n *\n * AFTER\n * ```tsx\n * <Pill color=\"magenta\">New</Pill>\n * ```\n *\n * @deprecatedSince 10.20.0\n *\n * @see https://core.procore.com/latest/web/components/pill/react/\n */\nexport const Badge = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & ToolHeaderBadgeProps\n>(function Badge({ children, variant, ...props }, ref) {\n  return (\n    <StyledHeaderBadge {...props} $variant={variant} ref={ref}>\n      {children}\n    </StyledHeaderBadge>\n  )\n})\n\nToolHeader_.displayName = 'ToolHeader'\n\nIcon.displayName = 'ToolHeader.Icon'\n\nTitle.displayName = 'ToolHeader.Title'\n\nTabs.displayName = 'ToolHeader.Tabs'\n\nActions.displayName = 'ToolHeader.Actions'\n\nBadge.displayName = 'ToolHeader.Badge'\n\n/**\n * @deprecated Use `ToolLandingPage` (with `ToolLandingPage.Title`, `ToolLandingPage.Tabs`, and related slots) for tool headers; use `DetailPage` when the screen is a record detail layout.\n *\n * BEFORE\n * ```tsx\n * <ToolHeader>\n *   <ToolHeader.Icon />\n *   <ToolHeader.Title>Tools</ToolHeader.Title>\n *   <ToolHeader.Tabs>...</ToolHeader.Tabs>\n *   <ToolHeader.Actions>...</ToolHeader.Actions>\n * </ToolHeader>\n * ```\n *\n * AFTER\n * ```tsx\n * <ToolLandingPage>\n *   <ToolLandingPage.Main>\n *     <ToolLandingPage.Header>\n *       <ToolLandingPage.Title>...</ToolLandingPage.Title>\n *       <ToolLandingPage.Tabs>...</ToolLandingPage.Tabs>\n *     </ToolLandingPage.Header>\n *     <ToolLandingPage.Body>...</ToolLandingPage.Body>\n *   </ToolLandingPage.Main>\n * </ToolLandingPage>\n * ```\n *\n * @deprecatedSince 12.9.0\n *\n * @see https://stories.core.procore.com/?path=/story/core-react_demos-toollandingpage--demo\n */\nexport const ToolHeader = addSubcomponents(\n  {\n    Icon,\n    Title,\n    Tabs,\n    Actions,\n    Badge,\n    SettingsAction,\n  },\n  ToolHeader_\n)\n"],"mappings":"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","ignoreList":[]}

package/dist/ToolHeader/ToolHeader.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ToolHeaderBadgeVariant } from './ToolHeader.types';
 export declare const StyledHeaderBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $variant: ToolHeaderBadgeVariant;
@@ -7,6 +6,6 @@ export declare const StyledToolHeaderIconContainer: import("styled-components/di
 export declare const StyledHeaderTabs: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledHeaderActions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledToolHeaderTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../Semantic/Semantic.types").HeadingProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & {
-    ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
+    ref?: ((instance: HTMLHeadingElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Semantic/Semantic.types").HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledToolHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/ToolHeader/ToolHeader.styles.js

@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderBadge",
-  componentId: "core-12_53_0__sc-1jpjx47-0"
+  componentId: "core-12_53_1__sc-1jpjx47-0"
 })(["", " border-radius:10px;border-style:solid;border-width:1px;display:inline-block;margin-bottom:", "px;padding:1px ", "px;", ""], getTypographyIntent('small'), spacing.sm, spacing.sm, function (_ref) {
   var $variant = _ref.$variant;
   if ($variant) {
@@ -18,22 +18,22 @@ export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
 // TODO in v12 remove cursor: pointer;
 export var StyledToolHeaderIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolHeaderIconContainer",
-  componentId: "core-12_53_0__sc-1jpjx47-1"
+  componentId: "core-12_53_1__sc-1jpjx47-1"
 })(["color:", ";cursor:pointer;display:inline-flex;flex:0 0 auto;"], colors.orange50);
 export var StyledHeaderTabs = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderTabs",
-  componentId: "core-12_53_0__sc-1jpjx47-2"
+  componentId: "core-12_53_1__sc-1jpjx47-2"
 })(["align-self:flex-end;flex:1 1 auto;min-width:100px;overflow:hidden;"]);
 export var StyledHeaderActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderActions",
-  componentId: "core-12_53_0__sc-1jpjx47-3"
+  componentId: "core-12_53_1__sc-1jpjx47-3"
 })(["flex:0 0 auto;margin-left:auto;padding-left:", "px;"], spacing.lg);
 export var StyledToolHeaderTitle = /*#__PURE__*/styled(H1).withConfig({
   displayName: "StyledToolHeaderTitle",
-  componentId: "core-12_53_0__sc-1jpjx47-4"
+  componentId: "core-12_53_1__sc-1jpjx47-4"
 })(["margin-right:", "px;white-space:nowrap;"], spacing.xl);
 export var StyledToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolHeader",
-  componentId: "core-12_53_0__sc-1jpjx47-5"
+  componentId: "core-12_53_1__sc-1jpjx47-5"
 })(["align-items:center;display:flex;min-height:36px;width:100%;", " + ", ",a + ", ",button + ", "{margin-left:", "px;}"], StyledToolHeaderIconContainer, StyledToolHeaderTitle, StyledToolHeaderTitle, StyledToolHeaderTitle, spacing.lg);
 //# sourceMappingURL=ToolHeader.styles.js.map

package/dist/ToolHeader/ToolHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolHeader.styles.js","names":["styled","css","H1","getTypographyIntent","colors","spacing","StyledHeaderBadge","div","withConfig","displayName","componentId","sm","_ref","$variant","purple50","white","StyledToolHeaderIconContainer","orange50","StyledHeaderTabs","StyledHeaderActions","lg","StyledToolHeaderTitle","xl","StyledToolHeader"],"sources":["../../src/ToolHeader/ToolHeader.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { H1 } from '../Semantic'\nimport { getTypographyIntent } from '../Typography'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\nimport type { ToolHeaderBadgeVariant } from './ToolHeader.types'\n\nexport const StyledHeaderBadge = styled.div<{\n  $variant: ToolHeaderBadgeVariant\n}>`\n  ${getTypographyIntent('small')}\n  border-radius: 10px;\n  border-style: solid;\n  border-width: 1px;\n  display: inline-block;\n  margin-bottom: ${spacing.sm}px;\n  padding: 1px ${spacing.sm}px;\n\n  ${({ $variant }) => {\n    if ($variant) {\n      if ($variant === 'trial') {\n        return css`\n          background-color: ${colors.purple50};\n          border-color: ${colors.purple50};\n          color: ${colors.white};\n        `\n      }\n    }\n  }}\n`\n\n// TODO in v12 remove cursor: pointer;\nexport const StyledToolHeaderIconContainer = styled.div`\n  color: ${colors.orange50};\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n`\n\nexport const StyledHeaderTabs = styled.div`\n  align-self: flex-end;\n  flex: 1 1 auto;\n  min-width: 100px;\n  overflow: hidden;\n`\n\nexport const StyledHeaderActions = styled.div`\n  flex: 0 0 auto;\n  margin-left: auto;\n  padding-left: ${spacing.lg}px;\n`\n\nexport const StyledToolHeaderTitle = styled(H1)`\n  margin-right: ${spacing.xl}px;\n  white-space: nowrap;\n`\n\nexport const StyledToolHeader = styled.div`\n  align-items: center;\n  display: flex;\n  min-height: 36px;\n  width: 100%;\n\n  ${StyledToolHeaderIconContainer} + ${StyledToolHeaderTitle},\n  a + ${StyledToolHeaderTitle}, button + ${StyledToolHeaderTitle} {\n    margin-left: ${spacing.lg}px;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,EAAE,QAAQ,aAAa;AAChC,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,OAAO,IAAMC,iBAAiB,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sIAGvCP,mBAAmB,CAAC,OAAO,CAAC,EAKbE,OAAO,CAACM,EAAE,EACZN,OAAO,CAACM,EAAE,EAEvB,UAAAC,IAAA,EAAkB;EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACX,IAAIA,QAAQ,EAAE;IACZ,IAAIA,QAAQ,KAAK,OAAO,EAAE;MACxB,OAAOZ,GAAG,0DACYG,MAAM,CAACU,QAAQ,EACnBV,MAAM,CAACU,QAAQ,EACtBV,MAAM,CAACW,KAAK;IAEzB;EACF;AACF,CAAC,CACF;;AAED;AACA,OAAO,IAAMC,6BAA6B,gBAAGhB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qEAC5CN,MAAM,CAACa,QAAQ,CAIzB;AAED,OAAO,IAAMC,gBAAgB,gBAAGlB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0EAKzC;AAED,OAAO,IAAMS,mBAAmB,gBAAGnB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4DAG3BL,OAAO,CAACe,EAAE,CAC3B;AAED,OAAO,IAAMC,qBAAqB,gBAAGrB,MAAM,CAACE,EAAE,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDAC7BL,OAAO,CAACiB,EAAE,CAE3B;AAED,OAAO,IAAMC,gBAAgB,gBAAGvB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2HAMtCM,6BAA6B,EAAMK,qBAAqB,EACpDA,qBAAqB,EAAcA,qBAAqB,EAC7ChB,OAAO,CAACe,EAAE,CAE5B"}
+{"version":3,"file":"ToolHeader.styles.js","names":["styled","css","H1","getTypographyIntent","colors","spacing","StyledHeaderBadge","div","withConfig","displayName","componentId","sm","_ref","$variant","purple50","white","StyledToolHeaderIconContainer","orange50","StyledHeaderTabs","StyledHeaderActions","lg","StyledToolHeaderTitle","xl","StyledToolHeader"],"sources":["../../src/ToolHeader/ToolHeader.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { H1 } from '../Semantic'\nimport { getTypographyIntent } from '../Typography'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\nimport type { ToolHeaderBadgeVariant } from './ToolHeader.types'\n\nexport const StyledHeaderBadge = styled.div<{\n  $variant: ToolHeaderBadgeVariant\n}>`\n  ${getTypographyIntent('small')}\n  border-radius: 10px;\n  border-style: solid;\n  border-width: 1px;\n  display: inline-block;\n  margin-bottom: ${spacing.sm}px;\n  padding: 1px ${spacing.sm}px;\n\n  ${({ $variant }) => {\n    if ($variant) {\n      if ($variant === 'trial') {\n        return css`\n          background-color: ${colors.purple50};\n          border-color: ${colors.purple50};\n          color: ${colors.white};\n        `\n      }\n    }\n  }}\n`\n\n// TODO in v12 remove cursor: pointer;\nexport const StyledToolHeaderIconContainer = styled.div`\n  color: ${colors.orange50};\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n`\n\nexport const StyledHeaderTabs = styled.div`\n  align-self: flex-end;\n  flex: 1 1 auto;\n  min-width: 100px;\n  overflow: hidden;\n`\n\nexport const StyledHeaderActions = styled.div`\n  flex: 0 0 auto;\n  margin-left: auto;\n  padding-left: ${spacing.lg}px;\n`\n\nexport const StyledToolHeaderTitle = styled(H1)`\n  margin-right: ${spacing.xl}px;\n  white-space: nowrap;\n`\n\nexport const StyledToolHeader = styled.div`\n  align-items: center;\n  display: flex;\n  min-height: 36px;\n  width: 100%;\n\n  ${StyledToolHeaderIconContainer} + ${StyledToolHeaderTitle},\n  a + ${StyledToolHeaderTitle}, button + ${StyledToolHeaderTitle} {\n    margin-left: ${spacing.lg}px;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,EAAE,QAAQ,aAAa;AAChC,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,OAAO,IAAMC,iBAAiB,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sIAGvCP,mBAAmB,CAAC,OAAO,CAAC,EAKbE,OAAO,CAACM,EAAE,EACZN,OAAO,CAACM,EAAE,EAEvB,UAAAC,IAAA,EAAkB;EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACX,IAAIA,QAAQ,EAAE;IACZ,IAAIA,QAAQ,KAAK,OAAO,EAAE;MACxB,OAAOZ,GAAG,0DACYG,MAAM,CAACU,QAAQ,EACnBV,MAAM,CAACU,QAAQ,EACtBV,MAAM,CAACW,KAAK;IAEzB;EACF;AACF,CAAC,CACF;;AAED;AACA,OAAO,IAAMC,6BAA6B,gBAAGhB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qEAC5CN,MAAM,CAACa,QAAQ,CAIzB;AAED,OAAO,IAAMC,gBAAgB,gBAAGlB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0EAKzC;AAED,OAAO,IAAMS,mBAAmB,gBAAGnB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4DAG3BL,OAAO,CAACe,EAAE,CAC3B;AAED,OAAO,IAAMC,qBAAqB,gBAAGrB,MAAM,CAACE,EAAE,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDAC7BL,OAAO,CAACiB,EAAE,CAE3B;AAED,OAAO,IAAMC,gBAAgB,gBAAGvB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2HAMtCM,6BAA6B,EAAMK,qBAAqB,EACpDA,qBAAqB,EAAcA,qBAAqB,EAC7ChB,OAAO,CAACe,EAAE,CAE5B","ignoreList":[]}

package/dist/ToolHeader/ToolHeader.types.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import type { Polymorphic } from '../_utils/polymorphic';
 import type { Props } from '../_utils/types';
-export declare type ToolHeaderBadgeVariant = 'beta' | 'new' | 'trial';
+export type ToolHeaderBadgeVariant = 'beta' | 'new' | 'trial';
 export interface ToolHeaderBadgeProps extends Props {
     /**
      * Controls the background/border/text colors of the Badge's pill
@@ -15,13 +14,13 @@ export interface ToolHeaderIconProps extends Props {
      */
     icon?: React.ReactNode;
 }
-export declare type ToolHeaderSettingsActionPolyType = 'link' | 'button';
+export type ToolHeaderSettingsActionPolyType = 'link' | 'button';
 export interface ToolHeaderSettingsActionPolyTagMap extends Record<ToolHeaderSettingsActionPolyType, React.ElementType> {
     link: 'a';
     button: 'button';
 }
-export declare type ToolHeaderSettingsActionRef<Role extends ToolHeaderSettingsActionPolyType> = Polymorphic.Ref<ToolHeaderSettingsActionPolyTagMap, Role>;
-export declare type ToolHeaderSettingsActionProps<Role extends ToolHeaderSettingsActionPolyType> = Role extends 'link' ? Polymorphic.ComponentPropsWithRef<ToolHeaderSettingsActionPolyTagMap, 'link', 'href', {
+export type ToolHeaderSettingsActionRef<Role extends ToolHeaderSettingsActionPolyType> = Polymorphic.Ref<ToolHeaderSettingsActionPolyTagMap, Role>;
+export type ToolHeaderSettingsActionProps<Role extends ToolHeaderSettingsActionPolyType> = Role extends 'link' ? Polymorphic.ComponentPropsWithRef<ToolHeaderSettingsActionPolyTagMap, 'link', 'href', {
     'aria-label'?: string;
 }> : Role extends 'button' ? Polymorphic.ComponentPropsWithRef<ToolHeaderSettingsActionPolyTagMap, 'button', 'onClick', {
     'aria-label'?: string;

package/dist/ToolHeader/ToolHeader.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolHeader.types.js","names":[],"sources":["../../src/ToolHeader/ToolHeader.types.ts"],"sourcesContent":["import type { Polymorphic } from '../_utils/polymorphic'\nimport type { Props } from '../_utils/types'\n\nexport type ToolHeaderBadgeVariant = 'beta' | 'new' | 'trial'\n\nexport interface ToolHeaderBadgeProps extends Props {\n  /**\n   * Controls the background/border/text colors of the Badge's pill\n   * @since 10.19.0\n   */\n  variant: ToolHeaderBadgeVariant\n}\n\nexport interface ToolHeaderIconProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  icon?: React.ReactNode\n}\n\nexport type ToolHeaderSettingsActionPolyType = 'link' | 'button'\n\n/* Mapping our name to the HTML tag */\nexport interface ToolHeaderSettingsActionPolyTagMap\n  extends Record<ToolHeaderSettingsActionPolyType, React.ElementType> {\n  link: 'a'\n  button: 'button'\n}\n\nexport type ToolHeaderSettingsActionRef<\n  Role extends ToolHeaderSettingsActionPolyType\n> = Polymorphic.Ref<ToolHeaderSettingsActionPolyTagMap, Role>\n\nexport type ToolHeaderSettingsActionProps<\n  Role extends ToolHeaderSettingsActionPolyType\n> = Role extends 'link'\n  ? Polymorphic.ComponentPropsWithRef<\n      ToolHeaderSettingsActionPolyTagMap,\n      'link',\n      'href',\n      { 'aria-label'?: string }\n    >\n  : Role extends 'button'\n  ? Polymorphic.ComponentPropsWithRef<\n      ToolHeaderSettingsActionPolyTagMap,\n      'button',\n      'onClick',\n      { 'aria-label'?: string }\n    >\n  : unknown\n"],"mappings":""}
+{"version":3,"file":"ToolHeader.types.js","names":[],"sources":["../../src/ToolHeader/ToolHeader.types.ts"],"sourcesContent":["import type { Polymorphic } from '../_utils/polymorphic'\nimport type { Props } from '../_utils/types'\n\nexport type ToolHeaderBadgeVariant = 'beta' | 'new' | 'trial'\n\nexport interface ToolHeaderBadgeProps extends Props {\n  /**\n   * Controls the background/border/text colors of the Badge's pill\n   * @since 10.19.0\n   */\n  variant: ToolHeaderBadgeVariant\n}\n\nexport interface ToolHeaderIconProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  icon?: React.ReactNode\n}\n\nexport type ToolHeaderSettingsActionPolyType = 'link' | 'button'\n\n/* Mapping our name to the HTML tag */\nexport interface ToolHeaderSettingsActionPolyTagMap\n  extends Record<ToolHeaderSettingsActionPolyType, React.ElementType> {\n  link: 'a'\n  button: 'button'\n}\n\nexport type ToolHeaderSettingsActionRef<\n  Role extends ToolHeaderSettingsActionPolyType\n> = Polymorphic.Ref<ToolHeaderSettingsActionPolyTagMap, Role>\n\nexport type ToolHeaderSettingsActionProps<\n  Role extends ToolHeaderSettingsActionPolyType\n> = Role extends 'link'\n  ? Polymorphic.ComponentPropsWithRef<\n      ToolHeaderSettingsActionPolyTagMap,\n      'link',\n      'href',\n      { 'aria-label'?: string }\n    >\n  : Role extends 'button'\n  ? Polymorphic.ComponentPropsWithRef<\n      ToolHeaderSettingsActionPolyTagMap,\n      'button',\n      'onClick',\n      { 'aria-label'?: string }\n    >\n  : unknown\n"],"mappings":"","ignoreList":[]}

package/dist/ToolHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ToolHeader"],"sources":["../../src/ToolHeader/index.ts"],"sourcesContent":["export { ToolHeader } from './ToolHeader'\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc"}
+{"version":3,"file":"index.js","names":["ToolHeader"],"sources":["../../src/ToolHeader/index.ts"],"sourcesContent":["export { ToolHeader } from './ToolHeader'\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc","ignoreList":[]}

package/dist/ToolLandingPage/ToolLandingPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolLandingPage.js","names":["Cog","React","LinkButton","DetailPage","DetailPageViewContext","Page","Tooltip","useI18nContext","addSubcomponents","StyledTitleInner","StyledTitleOuter","StyledToolLandingPageBodyContent","ToolLandingPage_","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","Provider","value","width","hasNavigation","_extends","fillHeight","Title","_ref2","settingsHref","settingsLink","_excluded2","i18n","link","settingsLinkIsString","settingsButton","overlay","t","trigger","as","undefined","href","icon","role","variant","Body","_ref3","_excluded3","ToolLandingPage","Main","Header","Banner","Tabs","Aside","displayName"],"sources":["../../src/ToolLandingPage/ToolLandingPage.tsx"],"sourcesContent":["import { Cog } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { LinkButton } from '../Button'\nimport { DetailPage, DetailPageViewContext } from '../DetailPage'\nimport { Page } from '../PageLayout'\nimport { Tooltip } from '../Tooltip'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledTitleInner,\n  StyledTitleOuter,\n  StyledToolLandingPageBodyContent,\n} from './ToolLandingPage.styles'\nimport type {\n  ToolLandingPageProps,\n  ToolLandingPageTitleProps,\n} from './ToolLandingPage.types'\n\nexport const ToolLandingPage_ = React.forwardRef<\n  HTMLDivElement,\n  ToolLandingPageProps\n>(({ children, ...props }, ref) => {\n  return (\n    <DetailPageViewContext.Provider\n      value={{ width: 'xl', hasNavigation: false }}\n    >\n      <Page fillHeight ref={ref} {...props} data-core-react=\"tool-landing-page\">\n        {children}\n      </Page>\n    </DetailPageViewContext.Provider>\n  )\n})\n\nexport const Title = React.forwardRef<\n  HTMLDivElement,\n  ToolLandingPageTitleProps\n>(({ children, settingsHref, settingsLink, ...props }, ref) => {\n  const i18n = useI18nContext()\n\n  // Use settingsLink if provided, otherwise fall back to settingsHref for backwards compatibility\n  const link = settingsLink ?? settingsHref\n  const settingsLinkIsString = typeof link === 'string'\n\n  const settingsButton = link ? (\n    <Tooltip\n      overlay={i18n.t('core.toolHeader.settingsAction')}\n      trigger={['hover', 'focus']}\n    >\n      <LinkButton\n        aria-label={i18n.t('core.toolHeader.settingsAction')}\n        as={settingsLinkIsString ? undefined : link}\n        href={settingsLinkIsString ? link : undefined}\n        icon={<Cog />}\n        role=\"link\"\n        variant=\"secondary\"\n      />\n    </Tooltip>\n  ) : null\n\n  return (\n    <StyledTitleOuter ref={ref} {...props}>\n      {settingsButton}\n      <StyledTitleInner>{children}</StyledTitleInner>\n    </StyledTitleOuter>\n  )\n})\n\nexport const Body = React.forwardRef<HTMLDivElement, Props>(\n  ({ children, ...props }, ref) => (\n    <DetailPage.Body ref={ref} {...props}>\n      <StyledToolLandingPageBodyContent>\n        {children}\n      </StyledToolLandingPageBodyContent>\n    </DetailPage.Body>\n  )\n)\n\n/**\n * A list page is basically a copy of SettingsPage/DetailPage. However, it has some differences.\n * ToolLandingPage does not have Breadcrumbs, nested sections (although, we may need them in the future), and Footer.\n *\n * @since 12.9.0\n *\n * @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toollandingpage--demo)\n *\n * @see [Design Guidelines](https://design.procore.com/tool-landing-layout)\n */\n\nexport const ToolLandingPage = addSubcomponents(\n  {\n    Main: Page.Main,\n    Header: Page.Header,\n    Banner: Page.Banner,\n    Title,\n    Tabs: Page.Tabs,\n    Body,\n    Aside: Page.Aside,\n  },\n  ToolLandingPage_\n)\n\nToolLandingPage_.displayName = 'ToolLandingPage'\n"],"mappings":"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"}
+{"version":3,"file":"ToolLandingPage.js","names":["Cog","React","LinkButton","DetailPage","DetailPageViewContext","Page","Tooltip","useI18nContext","addSubcomponents","StyledTitleInner","StyledTitleOuter","StyledToolLandingPageBodyContent","ToolLandingPage_","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","Provider","value","width","hasNavigation","_extends","fillHeight","Title","_ref2","settingsHref","settingsLink","_excluded2","i18n","link","settingsLinkIsString","settingsButton","overlay","t","trigger","as","undefined","href","icon","role","variant","Body","_ref3","_excluded3","ToolLandingPage","Main","Header","Banner","Tabs","Aside","displayName"],"sources":["../../src/ToolLandingPage/ToolLandingPage.tsx"],"sourcesContent":["import { Cog } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { LinkButton } from '../Button'\nimport { DetailPage, DetailPageViewContext } from '../DetailPage'\nimport { Page } from '../PageLayout'\nimport { Tooltip } from '../Tooltip'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledTitleInner,\n  StyledTitleOuter,\n  StyledToolLandingPageBodyContent,\n} from './ToolLandingPage.styles'\nimport type {\n  ToolLandingPageProps,\n  ToolLandingPageTitleProps,\n} from './ToolLandingPage.types'\n\nexport const ToolLandingPage_ = React.forwardRef<\n  HTMLDivElement,\n  ToolLandingPageProps\n>(({ children, ...props }, ref) => {\n  return (\n    <DetailPageViewContext.Provider\n      value={{ width: 'xl', hasNavigation: false }}\n    >\n      <Page fillHeight ref={ref} {...props} data-core-react=\"tool-landing-page\">\n        {children}\n      </Page>\n    </DetailPageViewContext.Provider>\n  )\n})\n\nexport const Title = React.forwardRef<\n  HTMLDivElement,\n  ToolLandingPageTitleProps\n>(({ children, settingsHref, settingsLink, ...props }, ref) => {\n  const i18n = useI18nContext()\n\n  // Use settingsLink if provided, otherwise fall back to settingsHref for backwards compatibility\n  const link = settingsLink ?? settingsHref\n  const settingsLinkIsString = typeof link === 'string'\n\n  const settingsButton = link ? (\n    <Tooltip\n      overlay={i18n.t('core.toolHeader.settingsAction')}\n      trigger={['hover', 'focus']}\n    >\n      <LinkButton\n        aria-label={i18n.t('core.toolHeader.settingsAction')}\n        as={settingsLinkIsString ? undefined : link}\n        href={settingsLinkIsString ? link : undefined}\n        icon={<Cog />}\n        role=\"link\"\n        variant=\"secondary\"\n      />\n    </Tooltip>\n  ) : null\n\n  return (\n    <StyledTitleOuter ref={ref} {...props}>\n      {settingsButton}\n      <StyledTitleInner>{children}</StyledTitleInner>\n    </StyledTitleOuter>\n  )\n})\n\nexport const Body = React.forwardRef<HTMLDivElement, Props>(\n  ({ children, ...props }, ref) => (\n    <DetailPage.Body ref={ref} {...props}>\n      <StyledToolLandingPageBodyContent>\n        {children}\n      </StyledToolLandingPageBodyContent>\n    </DetailPage.Body>\n  )\n)\n\n/**\n * A list page is basically a copy of SettingsPage/DetailPage. However, it has some differences.\n * ToolLandingPage does not have Breadcrumbs, nested sections (although, we may need them in the future), and Footer.\n *\n * @since 12.9.0\n *\n * @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toollandingpage--demo)\n *\n * @see [Design Guidelines](https://design.procore.com/tool-landing-layout)\n */\n\nexport const ToolLandingPage = addSubcomponents(\n  {\n    Main: Page.Main,\n    Header: Page.Header,\n    Banner: Page.Banner,\n    Title,\n    Tabs: Page.Tabs,\n    Body,\n    Aside: Page.Aside,\n  },\n  ToolLandingPage_\n)\n\nToolLandingPage_.displayName = 'ToolLandingPage'\n"],"mappings":";;;;;;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,WAAW;AACtC,SAASC,UAAU,EAAEC,qBAAqB,QAAQ,eAAe;AACjE,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAE7D,SACEC,gBAAgB,EAChBC,gBAAgB,EAChBC,gCAAgC,QAC3B,0BAA0B;AAMjC,OAAO,IAAMC,gBAAgB,gBAAGX,KAAK,CAACY,UAAU,CAG9C,UAAAC,IAAA,EAAyBC,GAAG,EAAK;EAAA,IAA9BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACrB,oBACElB,KAAA,CAAAmB,aAAA,CAAChB,qBAAqB,CAACiB,QAAQ;IAC7BC,KAAK,EAAE;MAAEC,KAAK,EAAE,IAAI;MAAEC,aAAa,EAAE;IAAM;EAAE,gBAE7CvB,KAAA,CAAAmB,aAAA,CAACf,IAAI,EAAAoB,QAAA;IAACC,UAAU;IAACX,GAAG,EAAEA;EAAI,GAAKE,KAAK;IAAE,mBAAgB;EAAmB,IACtED,QACG,CACwB,CAAC;AAErC,CAAC,CAAC;AAEF,OAAO,IAAMW,KAAK,gBAAG1B,KAAK,CAACY,UAAU,CAGnC,UAAAe,KAAA,EAAqDb,GAAG,EAAK;EAAA,IAA1DC,QAAQ,GAAAY,KAAA,CAARZ,QAAQ;IAAEa,YAAY,GAAAD,KAAA,CAAZC,YAAY;IAAEC,YAAY,GAAAF,KAAA,CAAZE,YAAY;IAAKb,KAAK,GAAAC,wBAAA,CAAAU,KAAA,EAAAG,UAAA;EACjD,IAAMC,IAAI,GAAGzB,cAAc,CAAC,CAAC;;EAE7B;EACA,IAAM0B,IAAI,GAAGH,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAID,YAAY;EACzC,IAAMK,oBAAoB,GAAG,OAAOD,IAAI,KAAK,QAAQ;EAErD,IAAME,cAAc,GAAGF,IAAI,gBACzBhC,KAAA,CAAAmB,aAAA,CAACd,OAAO;IACN8B,OAAO,EAAEJ,IAAI,CAACK,CAAC,CAAC,gCAAgC,CAAE;IAClDC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO;EAAE,gBAE5BrC,KAAA,CAAAmB,aAAA,CAAClB,UAAU;IACT,cAAY8B,IAAI,CAACK,CAAC,CAAC,gCAAgC,CAAE;IACrDE,EAAE,EAAEL,oBAAoB,GAAGM,SAAS,GAAGP,IAAK;IAC5CQ,IAAI,EAAEP,oBAAoB,GAAGD,IAAI,GAAGO,SAAU;IAC9CE,IAAI,eAAEzC,KAAA,CAAAmB,aAAA,CAACpB,GAAG,MAAE,CAAE;IACd2C,IAAI,EAAC,MAAM;IACXC,OAAO,EAAC;EAAW,CACpB,CACM,CAAC,GACR,IAAI;EAER,oBACE3C,KAAA,CAAAmB,aAAA,CAACV,gBAAgB,EAAAe,QAAA;IAACV,GAAG,EAAEA;EAAI,GAAKE,KAAK,GAClCkB,cAAc,eACflC,KAAA,CAAAmB,aAAA,CAACX,gBAAgB,QAAEO,QAA2B,CAC9B,CAAC;AAEvB,CAAC,CAAC;AAEF,OAAO,IAAM6B,IAAI,gBAAG5C,KAAK,CAACY,UAAU,CAClC,UAAAiC,KAAA,EAAyB/B,GAAG;EAAA,IAAzBC,QAAQ,GAAA8B,KAAA,CAAR9B,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAA4B,KAAA,EAAAC,UAAA;EAAA,oBACnB9C,KAAA,CAAAmB,aAAA,CAACjB,UAAU,CAAC0C,IAAI,EAAApB,QAAA;IAACV,GAAG,EAAEA;EAAI,GAAKE,KAAK,gBAClChB,KAAA,CAAAmB,aAAA,CAACT,gCAAgC,QAC9BK,QAC+B,CACnB,CAAC;AAAA,CAEtB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMgC,eAAe,GAAGxC,gBAAgB,CAC7C;EACEyC,IAAI,EAAE5C,IAAI,CAAC4C,IAAI;EACfC,MAAM,EAAE7C,IAAI,CAAC6C,MAAM;EACnBC,MAAM,EAAE9C,IAAI,CAAC8C,MAAM;EACnBxB,KAAK,EAALA,KAAK;EACLyB,IAAI,EAAE/C,IAAI,CAAC+C,IAAI;EACfP,IAAI,EAAJA,IAAI;EACJQ,KAAK,EAAEhD,IAAI,CAACgD;AACd,CAAC,EACDzC,gBACF,CAAC;AAEDA,gBAAgB,CAAC0C,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/dist/ToolLandingPage/ToolLandingPage.styles.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare const StyledTitleOuter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../_utils/types").Props & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../_utils/types").Props & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledTitleInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledToolLandingPageBodyContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/ToolLandingPage/ToolLandingPage.styles.js

@@ -3,14 +3,14 @@ import { Page } from '../PageLayout';
 import { spacing } from '../_styles/spacing';
 export var StyledTitleOuter = /*#__PURE__*/styled(Page.Title).withConfig({
   displayName: "StyledTitleOuter",
-  componentId: "core-12_53_0__sc-wa8j06-0"
+  componentId: "core-12_53_1__sc-wa8j06-0"
 })(["align-items:center;display:flex;gap:", "px;"], spacing.md);
 export var StyledTitleInner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitleInner",
-  componentId: "core-12_53_0__sc-wa8j06-1"
+  componentId: "core-12_53_1__sc-wa8j06-1"
 })(["width:100%;"]);
 export var StyledToolLandingPageBodyContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolLandingPageBodyContent",
-  componentId: "core-12_53_0__sc-wa8j06-2"
+  componentId: "core-12_53_1__sc-wa8j06-2"
 })(["> * + *{margin-top:", "px;}"], spacing.sm);
 //# sourceMappingURL=ToolLandingPage.styles.js.map

package/dist/ToolLandingPage/ToolLandingPage.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolLandingPage.styles.js","names":["styled","Page","spacing","StyledTitleOuter","Title","withConfig","displayName","componentId","md","StyledTitleInner","div","StyledToolLandingPageBodyContent","sm"],"sources":["../../src/ToolLandingPage/ToolLandingPage.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Page } from '../PageLayout'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledTitleOuter = styled(Page.Title)`\n  align-items: center;\n  display: flex;\n  gap: ${spacing.md}px;\n`\n\nexport const StyledTitleInner = styled.div`\n  width: 100%;\n`\n\nexport const StyledToolLandingPageBodyContent = styled.div`\n  > * + * {\n    margin-top: ${spacing.sm}px;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,gBAAgB,gBAAGH,MAAM,CAACC,IAAI,CAACG,KAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oDAGzCL,OAAO,CAACM,EAAE,CAClB;AAED,OAAO,IAAMC,gBAAgB,gBAAGT,MAAM,CAACU,GAAG,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mBAEzC;AAED,OAAO,IAAMI,gCAAgC,gBAAGX,MAAM,CAACU,GAAG,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAExCL,OAAO,CAACU,EAAE,CAE3B"}
+{"version":3,"file":"ToolLandingPage.styles.js","names":["styled","Page","spacing","StyledTitleOuter","Title","withConfig","displayName","componentId","md","StyledTitleInner","div","StyledToolLandingPageBodyContent","sm"],"sources":["../../src/ToolLandingPage/ToolLandingPage.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Page } from '../PageLayout'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledTitleOuter = styled(Page.Title)`\n  align-items: center;\n  display: flex;\n  gap: ${spacing.md}px;\n`\n\nexport const StyledTitleInner = styled.div`\n  width: 100%;\n`\n\nexport const StyledToolLandingPageBodyContent = styled.div`\n  > * + * {\n    margin-top: ${spacing.sm}px;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,gBAAgB,gBAAGH,MAAM,CAACC,IAAI,CAACG,KAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oDAGzCL,OAAO,CAACM,EAAE,CAClB;AAED,OAAO,IAAMC,gBAAgB,gBAAGT,MAAM,CAACU,GAAG,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mBAEzC;AAED,OAAO,IAAMI,gCAAgC,gBAAGX,MAAM,CAACU,GAAG,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAExCL,OAAO,CAACU,EAAE,CAE3B","ignoreList":[]}

package/dist/ToolLandingPage/ToolLandingPage.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { AsLinkProps } from '../Button/Button.types';
 import type { DetailPageProps } from '../DetailPage';
 import type { Props } from '../_utils/types';

package/dist/ToolLandingPage/ToolLandingPage.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolLandingPage.types.js","names":[],"sources":["../../src/ToolLandingPage/ToolLandingPage.types.ts"],"sourcesContent":["import type { AsLinkProps } from '../Button/Button.types'\nimport type { DetailPageProps } from '../DetailPage'\nimport type { Props } from '../_utils/types'\n\nexport interface ToolLandingPageProps\n  extends Omit<DetailPageProps, 'width' | 'hasNavigation'> {}\n\nexport interface ToolLandingPageTitleProps extends Props {\n  /**\n   * Link for the settings page\n   * @since 12.9.0\n   * @deprecated Use `settingsLink` instead. This prop will be removed in a future version.\n   */\n  settingsHref?: string\n\n  /**\n   * Link for the settings page. Supports a link component for client side routing.\n   * Also supports a string for a simple full-page-reload href.\n   *\n   * @since 12.31.1\n   *\n   * @example\n   *\n   *   <ToolLandingPage.Title settingsLink=\"/settings\" />\n   *\n   * @example\n   *\n   *   import { Link } from \"some-router\";\n   *\n   *   // ...\n   *\n   *   <ToolLandingPage.Title\n   *     settingsLink={(linkProps) => (\n   *       <Link\n   *         {...linkProps}\n   *         to={{ pathname: \"/settings\" }}\n   *       />\n   *     )}\n   *   />\n   */\n  settingsLink?: string | React.FunctionComponent<AsLinkProps>\n}\n"],"mappings":""}
+{"version":3,"file":"ToolLandingPage.types.js","names":[],"sources":["../../src/ToolLandingPage/ToolLandingPage.types.ts"],"sourcesContent":["import type { AsLinkProps } from '../Button/Button.types'\nimport type { DetailPageProps } from '../DetailPage'\nimport type { Props } from '../_utils/types'\n\nexport interface ToolLandingPageProps\n  extends Omit<DetailPageProps, 'width' | 'hasNavigation'> {}\n\nexport interface ToolLandingPageTitleProps extends Props {\n  /**\n   * Link for the settings page\n   * @since 12.9.0\n   * @deprecated Use `settingsLink` instead. This prop will be removed in a future version.\n   */\n  settingsHref?: string\n\n  /**\n   * Link for the settings page. Supports a link component for client side routing.\n   * Also supports a string for a simple full-page-reload href.\n   *\n   * @since 12.31.1\n   *\n   * @example\n   *\n   *   <ToolLandingPage.Title settingsLink=\"/settings\" />\n   *\n   * @example\n   *\n   *   import { Link } from \"some-router\";\n   *\n   *   // ...\n   *\n   *   <ToolLandingPage.Title\n   *     settingsLink={(linkProps) => (\n   *       <Link\n   *         {...linkProps}\n   *         to={{ pathname: \"/settings\" }}\n   *       />\n   *     )}\n   *   />\n   */\n  settingsLink?: string | React.FunctionComponent<AsLinkProps>\n}\n"],"mappings":"","ignoreList":[]}

package/dist/ToolLandingPage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ToolLandingPage"],"sources":["../../src/ToolLandingPage/index.ts"],"sourcesContent":["export { ToolLandingPage } from './ToolLandingPage'\nexport type {\n  ToolLandingPageProps,\n  ToolLandingPageTitleProps,\n} from './ToolLandingPage.types'\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,mBAAmB"}
+{"version":3,"file":"index.js","names":["ToolLandingPage"],"sources":["../../src/ToolLandingPage/index.ts"],"sourcesContent":["export { ToolLandingPage } from './ToolLandingPage'\nexport type {\n  ToolLandingPageProps,\n  ToolLandingPageTitleProps,\n} from './ToolLandingPage.types'\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,mBAAmB","ignoreList":[]}

package/dist/ToolLandingPageTemplate/ToolLandingPageTemplate.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { ToolLandingPageHeaderTemplateProps } from './ToolLandingPageTemplate.types';
 export declare const ToolLandingPageHeaderTemplate: React.ForwardRefExoticComponent<Required<Pick<import("../PageTemplate/PageHeaderTemplate").PageHeaderTemplateProps, "heading">> & Partial<Pick<import("../PageTemplate/PageHeaderTemplate").PageHeaderTemplateProps, "banner" | "pills" | "actions" | "subheading" | "tabs">> & {
-    settingsLink?: string | React.FunctionComponent<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>> | React.ForwardRefExoticComponent<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>> | undefined;
+    settingsLink?: string | import("../Button").LinkButtonProps["as"];
 } & React.RefAttributes<HTMLDivElement>>;
 export declare const ToolLandingPageTemplate: React.ForwardRefExoticComponent<Pick<import("../PageTemplate/PageTemplate").PageTemplateProps, "children" | "header" | "pane"> & {
-    headerProps?: ToolLandingPageHeaderTemplateProps | undefined;
+    headerProps?: ToolLandingPageHeaderTemplateProps;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/ToolLandingPageTemplate/ToolLandingPageTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolLandingPageTemplate.js","names":["Cog","React","LinkButton","PageHeaderTemplate","PageTemplate","Tooltip","useI18nContext","ToolLandingPageHeaderTemplate","forwardRef","_ref","ref","settingsLink","headerProps","_objectWithoutProperties","_excluded","i18n","settingsLinkIsString","settingsButton","createElement","overlay","t","trigger","as","undefined","href","icon","role","variant","_extends","beforeTitleZone","ToolLandingPageTemplate","_ref2","children","header"],"sources":["../../src/ToolLandingPageTemplate/ToolLandingPageTemplate.tsx"],"sourcesContent":["import { Cog } from '@procore/core-icons'\nimport React from 'react'\nimport { LinkButton } from '../Button'\nimport { PageHeaderTemplate } from '../PageTemplate/PageHeaderTemplate'\nimport { PageTemplate } from '../PageTemplate/PageTemplate'\nimport { Tooltip } from '../Tooltip'\nimport { useI18nContext } from '../_hooks/I18n'\nimport type {\n  ToolLandingPageHeaderTemplateProps,\n  ToolLandingPageTemplateProps,\n} from './ToolLandingPageTemplate.types'\n\nexport const ToolLandingPageHeaderTemplate = React.forwardRef<\n  HTMLDivElement,\n  ToolLandingPageHeaderTemplateProps\n>(\n  (\n    { settingsLink, ...headerProps }: ToolLandingPageHeaderTemplateProps,\n    ref\n  ) => {\n    const i18n = useI18nContext()\n\n    const settingsLinkIsString = typeof settingsLink === 'string'\n\n    const settingsButton = settingsLink ? (\n      <Tooltip\n        overlay={i18n.t('core.toolHeader.settingsAction')}\n        trigger={['hover', 'focus']}\n      >\n        <LinkButton\n          aria-label={i18n.t('core.toolHeader.settingsAction')}\n          as={settingsLinkIsString ? undefined : settingsLink}\n          href={settingsLinkIsString ? settingsLink : '#'}\n          icon={<Cog />}\n          role=\"link\"\n          variant=\"secondary\"\n        />\n      </Tooltip>\n    ) : null\n\n    return (\n      <PageHeaderTemplate\n        ref={ref}\n        beforeTitleZone={settingsButton}\n        {...headerProps}\n        data-core-react=\"tool-landing-page-header-template\"\n      />\n    )\n  }\n)\n\nexport const ToolLandingPageTemplate = React.forwardRef<\n  HTMLDivElement,\n  ToolLandingPageTemplateProps\n>(({ children, header, headerProps }: ToolLandingPageTemplateProps, ref) => {\n  return (\n    <PageTemplate\n      data-core-react=\"tool-landing-page-template\"\n      header={header ?? <ToolLandingPageHeaderTemplate {...headerProps!} />}\n      ref={ref}\n    >\n      {children}\n    </PageTemplate>\n  )\n})\n"],"mappings":";;;;AAAA,SAASA,GAAG,QAAQ,qBAAqB;AACzC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,WAAW;AACtC,SAASC,kBAAkB,QAAQ,oCAAoC;AACvE,SAASC,YAAY,QAAQ,8BAA8B;AAC3D,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,cAAc,QAAQ,gBAAgB;AAM/C,OAAO,IAAMC,6BAA6B,gBAAGN,KAAK,CAACO,UAAU,CAI3D,UAAAC,IAAA,EAEEC,GAAG,EACA;EAAA,IAFDC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAKC,WAAW,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAG9B,IAAMC,IAAI,GAAGT,cAAc,CAAC,CAAC;EAE7B,IAAMU,oBAAoB,GAAG,OAAOL,YAAY,KAAK,QAAQ;EAE7D,IAAMM,cAAc,GAAGN,YAAY,gBACjCV,KAAA,CAAAiB,aAAA,CAACb,OAAO;IACNc,OAAO,EAAEJ,IAAI,CAACK,CAAC,CAAC,gCAAgC,CAAE;IAClDC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO;EAAE,gBAE5BpB,KAAA,CAAAiB,aAAA,CAAChB,UAAU;IACT,cAAYa,IAAI,CAACK,CAAC,CAAC,gCAAgC,CAAE;IACrDE,EAAE,EAAEN,oBAAoB,GAAGO,SAAS,GAAGZ,YAAa;IACpDa,IAAI,EAAER,oBAAoB,GAAGL,YAAY,GAAG,GAAI;IAChDc,IAAI,eAAExB,KAAA,CAAAiB,aAAA,CAAClB,GAAG,MAAE,CAAE;IACd0B,IAAI,EAAC,MAAM;IACXC,OAAO,EAAC;EAAW,CACpB,CACM,CAAC,GACR,IAAI;EAER,oBACE1B,KAAA,CAAAiB,aAAA,CAACf,kBAAkB,EAAAyB,QAAA;IACjBlB,GAAG,EAAEA,GAAI;IACTmB,eAAe,EAAEZ;EAAe,GAC5BL,WAAW;IACf,mBAAgB;EAAmC,EACpD,CAAC;AAEN,CACF,CAAC;AAED,OAAO,IAAMkB,uBAAuB,gBAAG7B,KAAK,CAACO,UAAU,CAGrD,UAAAuB,KAAA,EAAkErB,GAAG,EAAK;EAAA,IAAvEsB,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,KAAA,CAANE,MAAM;IAAErB,WAAW,GAAAmB,KAAA,CAAXnB,WAAW;EAChC,oBACEX,KAAA,CAAAiB,aAAA,CAACd,YAAY;IACX,mBAAgB,4BAA4B;IAC5C6B,MAAM,EAAEA,MAAM,aAANA,MAAM,cAANA,MAAM,gBAAIhC,KAAA,CAAAiB,aAAA,CAACX,6BAA6B,EAAKK,WAAe,CAAE;IACtEF,GAAG,EAAEA;EAAI,GAERsB,QACW,CAAC;AAEnB,CAAC,CAAC"}
+{"version":3,"file":"ToolLandingPageTemplate.js","names":["Cog","React","LinkButton","PageHeaderTemplate","PageTemplate","Tooltip","useI18nContext","ToolLandingPageHeaderTemplate","forwardRef","_ref","ref","settingsLink","headerProps","_objectWithoutProperties","_excluded","i18n","settingsLinkIsString","settingsButton","createElement","overlay","t","trigger","as","undefined","href","icon","role","variant","_extends","beforeTitleZone","ToolLandingPageTemplate","_ref2","children","header"],"sources":["../../src/ToolLandingPageTemplate/ToolLandingPageTemplate.tsx"],"sourcesContent":["import { Cog } from '@procore/core-icons'\nimport React from 'react'\nimport { LinkButton } from '../Button'\nimport { PageHeaderTemplate } from '../PageTemplate/PageHeaderTemplate'\nimport { PageTemplate } from '../PageTemplate/PageTemplate'\nimport { Tooltip } from '../Tooltip'\nimport { useI18nContext } from '../_hooks/I18n'\nimport type {\n  ToolLandingPageHeaderTemplateProps,\n  ToolLandingPageTemplateProps,\n} from './ToolLandingPageTemplate.types'\n\nexport const ToolLandingPageHeaderTemplate = React.forwardRef<\n  HTMLDivElement,\n  ToolLandingPageHeaderTemplateProps\n>(\n  (\n    { settingsLink, ...headerProps }: ToolLandingPageHeaderTemplateProps,\n    ref\n  ) => {\n    const i18n = useI18nContext()\n\n    const settingsLinkIsString = typeof settingsLink === 'string'\n\n    const settingsButton = settingsLink ? (\n      <Tooltip\n        overlay={i18n.t('core.toolHeader.settingsAction')}\n        trigger={['hover', 'focus']}\n      >\n        <LinkButton\n          aria-label={i18n.t('core.toolHeader.settingsAction')}\n          as={settingsLinkIsString ? undefined : settingsLink}\n          href={settingsLinkIsString ? settingsLink : '#'}\n          icon={<Cog />}\n          role=\"link\"\n          variant=\"secondary\"\n        />\n      </Tooltip>\n    ) : null\n\n    return (\n      <PageHeaderTemplate\n        ref={ref}\n        beforeTitleZone={settingsButton}\n        {...headerProps}\n        data-core-react=\"tool-landing-page-header-template\"\n      />\n    )\n  }\n)\n\nexport const ToolLandingPageTemplate = React.forwardRef<\n  HTMLDivElement,\n  ToolLandingPageTemplateProps\n>(({ children, header, headerProps }: ToolLandingPageTemplateProps, ref) => {\n  return (\n    <PageTemplate\n      data-core-react=\"tool-landing-page-template\"\n      header={header ?? <ToolLandingPageHeaderTemplate {...headerProps!} />}\n      ref={ref}\n    >\n      {children}\n    </PageTemplate>\n  )\n})\n"],"mappings":";;;;AAAA,SAASA,GAAG,QAAQ,qBAAqB;AACzC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,WAAW;AACtC,SAASC,kBAAkB,QAAQ,oCAAoC;AACvE,SAASC,YAAY,QAAQ,8BAA8B;AAC3D,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,cAAc,QAAQ,gBAAgB;AAM/C,OAAO,IAAMC,6BAA6B,gBAAGN,KAAK,CAACO,UAAU,CAI3D,UAAAC,IAAA,EAEEC,GAAG,EACA;EAAA,IAFDC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAKC,WAAW,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAG9B,IAAMC,IAAI,GAAGT,cAAc,CAAC,CAAC;EAE7B,IAAMU,oBAAoB,GAAG,OAAOL,YAAY,KAAK,QAAQ;EAE7D,IAAMM,cAAc,GAAGN,YAAY,gBACjCV,KAAA,CAAAiB,aAAA,CAACb,OAAO;IACNc,OAAO,EAAEJ,IAAI,CAACK,CAAC,CAAC,gCAAgC,CAAE;IAClDC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO;EAAE,gBAE5BpB,KAAA,CAAAiB,aAAA,CAAChB,UAAU;IACT,cAAYa,IAAI,CAACK,CAAC,CAAC,gCAAgC,CAAE;IACrDE,EAAE,EAAEN,oBAAoB,GAAGO,SAAS,GAAGZ,YAAa;IACpDa,IAAI,EAAER,oBAAoB,GAAGL,YAAY,GAAG,GAAI;IAChDc,IAAI,eAAExB,KAAA,CAAAiB,aAAA,CAAClB,GAAG,MAAE,CAAE;IACd0B,IAAI,EAAC,MAAM;IACXC,OAAO,EAAC;EAAW,CACpB,CACM,CAAC,GACR,IAAI;EAER,oBACE1B,KAAA,CAAAiB,aAAA,CAACf,kBAAkB,EAAAyB,QAAA;IACjBlB,GAAG,EAAEA,GAAI;IACTmB,eAAe,EAAEZ;EAAe,GAC5BL,WAAW;IACf,mBAAgB;EAAmC,EACpD,CAAC;AAEN,CACF,CAAC;AAED,OAAO,IAAMkB,uBAAuB,gBAAG7B,KAAK,CAACO,UAAU,CAGrD,UAAAuB,KAAA,EAAkErB,GAAG,EAAK;EAAA,IAAvEsB,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,KAAA,CAANE,MAAM;IAAErB,WAAW,GAAAmB,KAAA,CAAXnB,WAAW;EAChC,oBACEX,KAAA,CAAAiB,aAAA,CAACd,YAAY;IACX,mBAAgB,4BAA4B;IAC5C6B,MAAM,EAAEA,MAAM,aAANA,MAAM,cAANA,MAAM,gBAAIhC,KAAA,CAAAiB,aAAA,CAACX,6BAA6B,EAAKK,WAAe,CAAE;IACtEF,GAAG,EAAEA;EAAI,GAERsB,QACW,CAAC;AAEnB,CAAC,CAAC","ignoreList":[]}

package/dist/ToolLandingPageTemplate/ToolLandingPageTemplate.types.d.ts

@@ -2,7 +2,7 @@ import type { LinkButtonProps } from '../Button';
 import type { PageHeaderTemplateProps } from '../PageTemplate/PageHeaderTemplate';
 import type { PageTemplateProps } from '../PageTemplate/PageTemplate';
 import type { UsingProps } from '../_utils/types';
-export declare type ToolLandingPageHeaderTemplateProps = UsingProps<PageHeaderTemplateProps, 'heading', 'banner' | 'actions' | 'pills' | 'subheading' | 'tabs'> & {
+export type ToolLandingPageHeaderTemplateProps = UsingProps<PageHeaderTemplateProps, 'heading', 'banner' | 'actions' | 'pills' | 'subheading' | 'tabs'> & {
     /**
      * Link for the settings page. Supports a component for the link,
      * like a link component for client side routing. Also supports
@@ -42,6 +42,6 @@ export declare type ToolLandingPageHeaderTemplateProps = UsingProps<PageHeaderTe
      */
     settingsLink?: string | LinkButtonProps['as'];
 };
-export declare type ToolLandingPageTemplateProps = Pick<PageTemplateProps, 'header' | 'pane' | 'children'> & {
+export type ToolLandingPageTemplateProps = Pick<PageTemplateProps, 'header' | 'pane' | 'children'> & {
     headerProps?: ToolLandingPageHeaderTemplateProps;
 };

package/dist/ToolLandingPageTemplate/ToolLandingPageTemplate.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolLandingPageTemplate.types.js","names":[],"sources":["../../src/ToolLandingPageTemplate/ToolLandingPageTemplate.types.ts"],"sourcesContent":["import type { LinkButtonProps } from '../Button'\nimport type { PageHeaderTemplateProps } from '../PageTemplate/PageHeaderTemplate'\nimport type { PageTemplateProps } from '../PageTemplate/PageTemplate'\nimport type { UsingProps } from '../_utils/types'\n\nexport type ToolLandingPageHeaderTemplateProps = UsingProps<\n  PageHeaderTemplateProps,\n  'heading',\n  'banner' | 'actions' | 'pills' | 'subheading' | 'tabs'\n> & {\n  /**\n   * Link for the settings page. Supports a component for the link,\n   * like a link component for client side routing. Also supports\n   * a string for a simple full-load href.\n   *\n   * @example Pass the component `settingsLink={RoutedLink}`\n   * \n   * Define the component example 1\n```jsx\nconst RoutedLink = React.forwardRef<HTMLAnchorElement>(function RoutedLink(\n  props: LinkButtonProps,\n  ref\n) {\n  return (\n    <a {...props} href=\"/settings\" ref={ref}>\n      {props.children}\n    </a>\n  )\n})\n```\nDefine a component example 2\n```jsx\nimport { Link } from \"react-router\";\n\nfunction RoutedLink(props) {\n  return (\n    <Link\n      {...props}\n      to={{\n        pathname: \"/configure\",\n      }}\n    />\n  )\n}\n```\n   * @since 12.20.0\n   */\n  settingsLink?: string | LinkButtonProps['as']\n}\n\nexport type ToolLandingPageTemplateProps = Pick<\n  PageTemplateProps,\n  'header' | 'pane' | 'children'\n> & {\n  headerProps?: ToolLandingPageHeaderTemplateProps\n}\n"],"mappings":""}
+{"version":3,"file":"ToolLandingPageTemplate.types.js","names":[],"sources":["../../src/ToolLandingPageTemplate/ToolLandingPageTemplate.types.ts"],"sourcesContent":["import type { LinkButtonProps } from '../Button'\nimport type { PageHeaderTemplateProps } from '../PageTemplate/PageHeaderTemplate'\nimport type { PageTemplateProps } from '../PageTemplate/PageTemplate'\nimport type { UsingProps } from '../_utils/types'\n\nexport type ToolLandingPageHeaderTemplateProps = UsingProps<\n  PageHeaderTemplateProps,\n  'heading',\n  'banner' | 'actions' | 'pills' | 'subheading' | 'tabs'\n> & {\n  /**\n   * Link for the settings page. Supports a component for the link,\n   * like a link component for client side routing. Also supports\n   * a string for a simple full-load href.\n   *\n   * @example Pass the component `settingsLink={RoutedLink}`\n   * \n   * Define the component example 1\n```jsx\nconst RoutedLink = React.forwardRef<HTMLAnchorElement>(function RoutedLink(\n  props: LinkButtonProps,\n  ref\n) {\n  return (\n    <a {...props} href=\"/settings\" ref={ref}>\n      {props.children}\n    </a>\n  )\n})\n```\nDefine a component example 2\n```jsx\nimport { Link } from \"react-router\";\n\nfunction RoutedLink(props) {\n  return (\n    <Link\n      {...props}\n      to={{\n        pathname: \"/configure\",\n      }}\n    />\n  )\n}\n```\n   * @since 12.20.0\n   */\n  settingsLink?: string | LinkButtonProps['as']\n}\n\nexport type ToolLandingPageTemplateProps = Pick<\n  PageTemplateProps,\n  'header' | 'pane' | 'children'\n> & {\n  headerProps?: ToolLandingPageHeaderTemplateProps\n}\n"],"mappings":"","ignoreList":[]}

package/dist/ToolLandingPageTemplate/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ToolLandingPageHeaderTemplate"],"sources":["../../src/ToolLandingPageTemplate/index.ts"],"sourcesContent":["export { ToolLandingPageHeaderTemplate } from './ToolLandingPageTemplate'\nexport type { ToolLandingPageHeaderTemplateProps } from './ToolLandingPageTemplate.types'\n"],"mappings":"AAAA,SAASA,6BAA6B,QAAQ,2BAA2B"}
+{"version":3,"file":"index.js","names":["ToolLandingPageHeaderTemplate"],"sources":["../../src/ToolLandingPageTemplate/index.ts"],"sourcesContent":["export { ToolLandingPageHeaderTemplate } from './ToolLandingPageTemplate'\nexport type { ToolLandingPageHeaderTemplateProps } from './ToolLandingPageTemplate.types'\n"],"mappings":"AAAA,SAASA,6BAA6B,QAAQ,2BAA2B","ignoreList":[]}

package/dist/Tooltip/Tooltip.js

@@ -57,9 +57,9 @@ var Tooltip_ = /*#__PURE__*/React.forwardRef(function Tooltip(_ref3, ref) {
     _ref3$trigger = _ref3.trigger,
     trigger = _ref3$trigger === void 0 ? ['hover', 'focus'] : _ref3$trigger,
     props = _objectWithoutProperties(_ref3, _excluded3);
-  var overlayNode = /*#__PURE__*/React.isValidElement(overlay) ? /*#__PURE__*/React.cloneElement(overlay, {
+  var overlayNode = /*#__PURE__*/React.isValidElement(overlay) ? (/*#__PURE__*/React.cloneElement(overlay, {
     placement: placement
-  }) : /*#__PURE__*/React.createElement(Content, null, overlay);
+  })) : /*#__PURE__*/React.createElement(Content, null, overlay);
   return /*#__PURE__*/React.createElement(OverlayTrigger, _objectSpread(_objectSpread({
     role: 'tooltip',
     passA11yPropsToOverlay: true

package/dist/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["Help","React","OverlayTrigger","useI18nContext","addSubcomponents","StyledContainer","StyledTooltip","StyledTooltipButton","TooltipIconOnlyButton","forwardRef","TooltipDefaultTrigger","_ref","ref","_ref$type","type","props","_objectWithoutProperties","_excluded","I18n","createElement","_extends","t","size","Content","_ref2","children","placement","_excluded2","Tooltip_","Tooltip","_ref3","_ref3$initialIsVisibl","initialIsVisible","overlay","_ref3$placement","_ref3$trigger","trigger","_excluded3","overlayNode","isValidElement","cloneElement","_objectSpread","role","passA11yPropsToOverlay","restoreFocusOnHide","shrinkOverlay","arrow","displayName"],"sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import { Help } from '@procore/core-icons'\nimport React from 'react'\nimport type { OverlayTriggerProps } from '../OverlayTrigger'\nimport { OverlayTrigger } from '../OverlayTrigger'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n  StyledContainer,\n  StyledTooltip,\n  StyledTooltipButton,\n} from './Tooltip.styles'\nimport type { TooltipContentProps, TooltipProps } from './Tooltip.types'\n\n/** For the inline typography without all those button styles */\nexport const TooltipIconOnlyButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n>(function TooltipDefaultTrigger({ type = 'button', ...props }, ref) {\n  const I18n = useI18nContext()\n\n  return (\n    <StyledTooltipButton\n      type={type}\n      aria-label={I18n.t('core.form.field.tooltipHelp')}\n      {...props}\n      ref={ref}\n    >\n      <Help size=\"sm\" />\n    </StyledTooltipButton>\n  )\n})\n\nconst Content = React.forwardRef<HTMLSpanElement, TooltipContentProps>(\n  function Content({ children, placement, ...props }, ref) {\n    // For most consistent results: First render an empty aria-live container, then add content.\n    // const [showContent, setShowContent] = React.useState(false)\n    // React.useEffect(() => {\n    //   const id = window.setTimeout(() => setShowContent(true), 10)\n    //   return () => window.clearTimeout(id)\n    // }, [])\n\n    return (\n      <StyledContainer aria-live=\"polite\" ref={ref}>\n        <StyledTooltip {...props}>\n          {children}\n          {/* {showContent ? children : null} */}\n        </StyledTooltip>\n      </StyledContainer>\n    )\n  }\n)\n\nconst Tooltip_ = React.forwardRef<\n  HTMLElement,\n  OverlayTriggerProps & TooltipProps\n>(function Tooltip(\n  {\n    children,\n    initialIsVisible = false,\n    overlay,\n    placement = 'top',\n    trigger = ['hover', 'focus'],\n    ...props\n  },\n  ref\n) {\n  const overlayNode = React.isValidElement(overlay) ? (\n    React.cloneElement(overlay as React.ReactElement, { placement })\n  ) : (\n    <Content>{overlay}</Content>\n  )\n\n  return (\n    <OverlayTrigger\n      {...{\n        role: 'tooltip',\n        passA11yPropsToOverlay: true,\n        // TODO element this, it can cause failures for invalid use on some triggers.\n        // OverlayTrigger should provide open state somehow, but that seems overkill for 80%? case of tooltip buttons\n        // trackAriaExpanded: true,\n        ...props,\n        initialIsVisible,\n        overlay: overlayNode,\n        placement,\n        ref,\n        restoreFocusOnHide: false,\n        trigger,\n        shrinkOverlay: true,\n        arrow: true,\n      }}\n    >\n      {children}\n    </OverlayTrigger>\n  )\n})\n\nTooltip_.displayName = 'Tooltip'\n\nContent.displayName = 'Tooltip.Content'\n\n/**\n\n We use tooltips to display additional descriptive information about an element\n or item to the user. For example, we could use them to explain a specific term\n or phrase, to denote the specific format required (e.g. mm/dd/yyy), or to\n clarify certain information (e.g. why a button is disabled).\n\n They can be displayed by hover or focus of an focusable element in the product or by\n hovering or focusing an icon button next to an element. Provide a focusable child.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tooltip--demo)\n\n @see [Design Guidelines](https://design.procore.com/tooltip)\n\n */\nexport const Tooltip = addSubcomponents(\n  {\n    Content,\n  },\n  Tooltip_\n)\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["Help","React","OverlayTrigger","useI18nContext","addSubcomponents","StyledContainer","StyledTooltip","StyledTooltipButton","TooltipIconOnlyButton","forwardRef","TooltipDefaultTrigger","_ref","ref","_ref$type","type","props","_objectWithoutProperties","_excluded","I18n","createElement","_extends","t","size","Content","_ref2","children","placement","_excluded2","Tooltip_","Tooltip","_ref3","_ref3$initialIsVisibl","initialIsVisible","overlay","_ref3$placement","_ref3$trigger","trigger","_excluded3","overlayNode","isValidElement","cloneElement","_objectSpread","role","passA11yPropsToOverlay","restoreFocusOnHide","shrinkOverlay","arrow","displayName"],"sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import { Help } from '@procore/core-icons'\nimport React from 'react'\nimport type { OverlayTriggerProps } from '../OverlayTrigger'\nimport { OverlayTrigger } from '../OverlayTrigger'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n  StyledContainer,\n  StyledTooltip,\n  StyledTooltipButton,\n} from './Tooltip.styles'\nimport type { TooltipContentProps, TooltipProps } from './Tooltip.types'\n\n/** For the inline typography without all those button styles */\nexport const TooltipIconOnlyButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n>(function TooltipDefaultTrigger({ type = 'button', ...props }, ref) {\n  const I18n = useI18nContext()\n\n  return (\n    <StyledTooltipButton\n      type={type}\n      aria-label={I18n.t('core.form.field.tooltipHelp')}\n      {...props}\n      ref={ref}\n    >\n      <Help size=\"sm\" />\n    </StyledTooltipButton>\n  )\n})\n\nconst Content = React.forwardRef<HTMLSpanElement, TooltipContentProps>(\n  function Content({ children, placement, ...props }, ref) {\n    // For most consistent results: First render an empty aria-live container, then add content.\n    // const [showContent, setShowContent] = React.useState(false)\n    // React.useEffect(() => {\n    //   const id = window.setTimeout(() => setShowContent(true), 10)\n    //   return () => window.clearTimeout(id)\n    // }, [])\n\n    return (\n      <StyledContainer aria-live=\"polite\" ref={ref}>\n        <StyledTooltip {...props}>\n          {children}\n          {/* {showContent ? children : null} */}\n        </StyledTooltip>\n      </StyledContainer>\n    )\n  }\n)\n\nconst Tooltip_ = React.forwardRef<\n  HTMLElement,\n  OverlayTriggerProps & TooltipProps\n>(function Tooltip(\n  {\n    children,\n    initialIsVisible = false,\n    overlay,\n    placement = 'top',\n    trigger = ['hover', 'focus'],\n    ...props\n  },\n  ref\n) {\n  const overlayNode = React.isValidElement(overlay) ? (\n    React.cloneElement(overlay as React.ReactElement, { placement })\n  ) : (\n    <Content>{overlay}</Content>\n  )\n\n  return (\n    <OverlayTrigger\n      {...{\n        role: 'tooltip',\n        passA11yPropsToOverlay: true,\n        // TODO element this, it can cause failures for invalid use on some triggers.\n        // OverlayTrigger should provide open state somehow, but that seems overkill for 80%? case of tooltip buttons\n        // trackAriaExpanded: true,\n        ...props,\n        initialIsVisible,\n        overlay: overlayNode,\n        placement,\n        ref,\n        restoreFocusOnHide: false,\n        trigger,\n        shrinkOverlay: true,\n        arrow: true,\n      }}\n    >\n      {children}\n    </OverlayTrigger>\n  )\n})\n\nTooltip_.displayName = 'Tooltip'\n\nContent.displayName = 'Tooltip.Content'\n\n/**\n\n We use tooltips to display additional descriptive information about an element\n or item to the user. For example, we could use them to explain a specific term\n or phrase, to denote the specific format required (e.g. mm/dd/yyy), or to\n clarify certain information (e.g. why a button is disabled).\n\n They can be displayed by hover or focus of an focusable element in the product or by\n hovering or focusing an icon button next to an element. Provide a focusable child.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tooltip--demo)\n\n @see [Design Guidelines](https://design.procore.com/tooltip)\n\n */\nexport const Tooltip = addSubcomponents(\n  {\n    Content,\n  },\n  Tooltip_\n)\n"],"mappings":"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","ignoreList":[]}

package/dist/Tooltip/Tooltip.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const StyledContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const StyledTooltipButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

package/dist/Tooltip/Tooltip.styles.js

@@ -8,16 +8,16 @@ import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 export var StyledTooltip = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTooltip",
-  componentId: "core-12_53_0__sc-1fawsi4-0"
+  componentId: "core-12_53_1__sc-1fawsi4-0"
 })(["", " color:", ";max-width:200px;padding:", "px ", "px;position:relative;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;&:empty{display:none;}"], getTypographyIntent('small'), colors.white, spacing.sm, spacing.md);
 export var StyledContainer = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContainer",
-  componentId: "core-12_53_0__sc-1fawsi4-1"
+  componentId: "core-12_53_1__sc-1fawsi4-1"
 })(["display:inline-flex;background-color:", ";border-radius:", "px;", " & + [data-overlay-arrow]{background:", ";}&:has(> span:empty) + [data-overlay-arrow]{display:none;}"], colors.gray15, borderRadius.md, getShadow(3, 'bottom'), colors.gray15);
 
 // This is for the inline typography icon button. Note: not `Button` styles
 export var StyledTooltipButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledTooltipButton",
-  componentId: "core-12_53_0__sc-1fawsi4-2"
+  componentId: "core-12_53_1__sc-1fawsi4-2"
 })(["", " border-radius:50%;color:", ";display:inline-flex;vertical-align:middle;&:focus-visible{", "}* + &{margin-left:", "px;}"], getUnstyledButton, colors.gray45, getGapOutlineFocus('ontop'), spacing.sm);
 //# sourceMappingURL=Tooltip.styles.js.map

package/dist/Tooltip/Tooltip.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.styles.js","names":["styled","getUnstyledButton","getTypographyIntent","borderRadius","colors","getGapOutlineFocus","getShadow","spacing","StyledTooltip","span","withConfig","displayName","componentId","white","sm","md","StyledContainer","gray15","StyledTooltipButton","button","gray45"],"sources":["../../src/Tooltip/Tooltip.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getUnstyledButton } from '../Semantic/Semantic.styles'\nimport { getTypographyIntent } from '../Typography'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getGapOutlineFocus } from '../_styles/mixins'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledTooltip = styled.span`\n  ${getTypographyIntent('small')}\n  color: ${colors.white};\n  max-width: 200px;\n  padding: ${spacing.sm}px ${spacing.md}px;\n  position: relative;\n\n  // for IE11, use word-wrap property\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  white-space: normal;\n\n  &:empty {\n    display: none;\n  }\n`\n\nexport const StyledContainer = styled.span`\n  display: inline-flex;\n  background-color: ${colors.gray15};\n  border-radius: ${borderRadius.md}px;\n  ${getShadow(3, 'bottom')}\n\n  & + [data-overlay-arrow] {\n    background: ${colors.gray15};\n  }\n\n  &:has(> span:empty) + [data-overlay-arrow] {\n    display: none;\n  }\n`\n\n// This is for the inline typography icon button. Note: not `Button` styles\nexport const StyledTooltipButton = styled.button`\n  ${getUnstyledButton}\n  // Create a circle around the icon for focus outline\n  border-radius: 50%;\n  color: ${colors.gray45};\n  display: inline-flex;\n  vertical-align: middle;\n\n  &:focus-visible {\n    // Icon does not touch viewBox borders. Already has 1px gap\n    ${getGapOutlineFocus('ontop')}\n  }\n\n  // if there is a sibling before, then add a leading space.\n  // can make the Tooltip a single child to opt-out\n  * + & {\n    margin-left: ${spacing.sm}px;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,QAAQ,mBAAmB;AACtD,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,aAAa,gBAAGR,MAAM,CAACS,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wKACpCV,mBAAmB,CAAC,OAAO,CAAC,EACrBE,MAAM,CAACS,KAAK,EAEVN,OAAO,CAACO,EAAE,EAAMP,OAAO,CAACQ,EAAE,CAWtC;AAED,OAAO,IAAMC,eAAe,gBAAGhB,MAAM,CAACS,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gLAEpBR,MAAM,CAACa,MAAM,EAChBd,YAAY,CAACY,EAAE,EAC9BT,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,EAGRF,MAAM,CAACa,MAAM,CAM9B;;AAED;AACA,OAAO,IAAMC,mBAAmB,gBAAGlB,MAAM,CAACmB,MAAM,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oIAC5CX,iBAAiB,EAGVG,MAAM,CAACgB,MAAM,EAMlBf,kBAAkB,CAAC,OAAO,CAAC,EAMdE,OAAO,CAACO,EAAE,CAE5B"}
+{"version":3,"file":"Tooltip.styles.js","names":["styled","getUnstyledButton","getTypographyIntent","borderRadius","colors","getGapOutlineFocus","getShadow","spacing","StyledTooltip","span","withConfig","displayName","componentId","white","sm","md","StyledContainer","gray15","StyledTooltipButton","button","gray45"],"sources":["../../src/Tooltip/Tooltip.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getUnstyledButton } from '../Semantic/Semantic.styles'\nimport { getTypographyIntent } from '../Typography'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getGapOutlineFocus } from '../_styles/mixins'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledTooltip = styled.span`\n  ${getTypographyIntent('small')}\n  color: ${colors.white};\n  max-width: 200px;\n  padding: ${spacing.sm}px ${spacing.md}px;\n  position: relative;\n\n  // for IE11, use word-wrap property\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  white-space: normal;\n\n  &:empty {\n    display: none;\n  }\n`\n\nexport const StyledContainer = styled.span`\n  display: inline-flex;\n  background-color: ${colors.gray15};\n  border-radius: ${borderRadius.md}px;\n  ${getShadow(3, 'bottom')}\n\n  & + [data-overlay-arrow] {\n    background: ${colors.gray15};\n  }\n\n  &:has(> span:empty) + [data-overlay-arrow] {\n    display: none;\n  }\n`\n\n// This is for the inline typography icon button. Note: not `Button` styles\nexport const StyledTooltipButton = styled.button`\n  ${getUnstyledButton}\n  // Create a circle around the icon for focus outline\n  border-radius: 50%;\n  color: ${colors.gray45};\n  display: inline-flex;\n  vertical-align: middle;\n\n  &:focus-visible {\n    // Icon does not touch viewBox borders. Already has 1px gap\n    ${getGapOutlineFocus('ontop')}\n  }\n\n  // if there is a sibling before, then add a leading space.\n  // can make the Tooltip a single child to opt-out\n  * + & {\n    margin-left: ${spacing.sm}px;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,QAAQ,mBAAmB;AACtD,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,aAAa,gBAAGR,MAAM,CAACS,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wKACpCV,mBAAmB,CAAC,OAAO,CAAC,EACrBE,MAAM,CAACS,KAAK,EAEVN,OAAO,CAACO,EAAE,EAAMP,OAAO,CAACQ,EAAE,CAWtC;AAED,OAAO,IAAMC,eAAe,gBAAGhB,MAAM,CAACS,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gLAEpBR,MAAM,CAACa,MAAM,EAChBd,YAAY,CAACY,EAAE,EAC9BT,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,EAGRF,MAAM,CAACa,MAAM,CAM9B;;AAED;AACA,OAAO,IAAMC,mBAAmB,gBAAGlB,MAAM,CAACmB,MAAM,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oIAC5CX,iBAAiB,EAGVG,MAAM,CAACgB,MAAM,EAMlBf,kBAAkB,CAAC,OAAO,CAAC,EAMdE,OAAO,CAACO,EAAE,CAE5B","ignoreList":[]}

package/dist/Tooltip/Tooltip.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.types.js","names":[],"sources":["../../src/Tooltip/Tooltip.types.ts"],"sourcesContent":["import type { OverlayTriggerProps } from '../OverlayTrigger/OverlayTrigger.types'\nimport type { Placement } from '../_utils/placement'\nimport type { Props } from '../_utils/types'\n\nexport interface TooltipContentProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  placement?: Placement\n  /**\n   * @since 12.33.0\n   */\n  id?: string\n}\n\nexport interface TooltipProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  hideDelay?: number\n\n  /**\n   * Whether to show the overlay on initial render\n   * @since 10.19.0\n   */\n  initialIsVisible?: boolean\n\n  /**\n   * The tip we want to display\n   * @since 10.19.0\n   */\n  overlay?: any\n\n  /**\n   * Determines the position of the arrow\n   * @since 10.19.0\n   */\n  placement?: Placement\n  /**\n   * @since 10.19.0\n   */\n  showDelay?: number\n  /**\n   * @a11y Preference `true`, with it makes sense for Buttons and other controls\n   * that support `aria-expanded`. This will pass the open state to the element.\n   * @default false\n   * @see [MDN aria-expanded associated roles](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-expanded#associated_roles)\n   * @since 12.37.0\n   */\n  trackAriaExpanded?: OverlayTriggerProps['trackAriaExpanded']\n  /**\n   * The event to trigger the overlay\n   * @since 10.19.0\n   */\n  trigger?: OverlayTriggerProps['trigger']\n}\n"],"mappings":""}
+{"version":3,"file":"Tooltip.types.js","names":[],"sources":["../../src/Tooltip/Tooltip.types.ts"],"sourcesContent":["import type { OverlayTriggerProps } from '../OverlayTrigger/OverlayTrigger.types'\nimport type { Placement } from '../_utils/placement'\nimport type { Props } from '../_utils/types'\n\nexport interface TooltipContentProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  placement?: Placement\n  /**\n   * @since 12.33.0\n   */\n  id?: string\n}\n\nexport interface TooltipProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  hideDelay?: number\n\n  /**\n   * Whether to show the overlay on initial render\n   * @since 10.19.0\n   */\n  initialIsVisible?: boolean\n\n  /**\n   * The tip we want to display\n   * @since 10.19.0\n   */\n  overlay?: any\n\n  /**\n   * Determines the position of the arrow\n   * @since 10.19.0\n   */\n  placement?: Placement\n  /**\n   * @since 10.19.0\n   */\n  showDelay?: number\n  /**\n   * @a11y Preference `true`, with it makes sense for Buttons and other controls\n   * that support `aria-expanded`. This will pass the open state to the element.\n   * @default false\n   * @see [MDN aria-expanded associated roles](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-expanded#associated_roles)\n   * @since 12.37.0\n   */\n  trackAriaExpanded?: OverlayTriggerProps['trackAriaExpanded']\n  /**\n   * The event to trigger the overlay\n   * @since 10.19.0\n   */\n  trigger?: OverlayTriggerProps['trigger']\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Tooltip"],"sources":["../../src/Tooltip/index.ts"],"sourcesContent":["export { Tooltip } from './Tooltip'\nexport type { TooltipContentProps, TooltipProps } from './Tooltip.types'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,WAAW"}
+{"version":3,"file":"index.js","names":["Tooltip"],"sources":["../../src/Tooltip/index.ts"],"sourcesContent":["export { Tooltip } from './Tooltip'\nexport type { TooltipContentProps, TooltipProps } from './Tooltip.types'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,WAAW","ignoreList":[]}

package/dist/Tree/Tree.hooks.d.ts

@@ -1,13 +1,13 @@
 import type { LevelWise, Node, UseTreeProps } from './Tree.types';
 export declare function useTree<T extends Node = Node>({ rootNodes, expanded, selected, selectionLimit, onSelect, multiple, autoExpandParent, getChildren, getParentId, onCollapse, onExpand, }: UseTreeProps<T>): {
     nodes: (T & LevelWise & {
-        items?: ((T & LevelWise) | (T & LevelWise & any))[] | undefined;
+        items?: ((T & LevelWise & /*elided*/ any) | (T & LevelWise))[];
     })[];
     isExpanded: (node: T) => boolean;
     isSelected: (node: T) => boolean;
     isLoading: (node: T) => boolean;
     highlightedNode: T & LevelWise & {
-        items?: ((T & LevelWise) | (T & LevelWise & any))[] | undefined;
+        items?: ((T & LevelWise & /*elided*/ any) | (T & LevelWise))[];
     };
     isHighlighted: (node: T) => boolean;
     highlight: (node: T) => void;

package/dist/Tree/Tree.hooks.js

@@ -4,15 +4,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _regeneratorRuntime() { "use strict"; var r = _regenerator(), e = r.m(_regeneratorRuntime), t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor; function n(r) { var e = "function" == typeof r && r.constructor; return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name)); } var o = { "throw": 1, "return": 2, "break": 3, "continue": 3 }; function a(r) { var e, t; return function (n) { e || (e = { stop: function stop() { return t(n.a, 2); }, "catch": function _catch() { return n.v; }, abrupt: function abrupt(r, e) { return t(n.a, o[r], e); }, delegateYield: function delegateYield(r, o, a) { return e.resultName = o, t(n.d, _regeneratorValues(r), a); }, finish: function finish(r) { return t(n.f, r); } }, t = function t(r, _t, o) { n.p = e.prev, n.n = e.next; try { return r(_t, o); } finally { e.next = n.n; } }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n; try { return r.call(this, e); } finally { n.p = e.prev, n.n = e.next; } }; } return (_regeneratorRuntime = function _regeneratorRuntime() { return { wrap: function wrap(e, t, n, o) { return r.w(a(e), t, n, o && o.reverse()); }, isGeneratorFunction: n, mark: r.m, awrap: function awrap(r, e) { return new _OverloadYield(r, e); }, AsyncIterator: _regeneratorAsyncIterator, async: function async(r, e, t, o, u) { return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u); }, keys: _regeneratorKeys, values: _regeneratorValues }; })(); }
-function _regeneratorValues(e) { if (null != e) { var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"], r = 0; if (t) return t.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) return { next: function next() { return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e }; } }; } throw new TypeError(_typeof(e) + " is not iterable"); }
-function _regeneratorKeys(e) { var n = Object(e), r = []; for (var t in n) r.unshift(t); return function e() { for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e; return e.done = !0, e; }; }
-function _regeneratorAsync(n, e, r, t, o) { var a = _regeneratorAsyncGen(n, e, r, t, o); return a.next().then(function (n) { return n.done ? n.value : a.next(); }); }
-function _regeneratorAsyncGen(r, e, t, o, n) { return new _regeneratorAsyncIterator(_regenerator().w(r, e, t, o), n || Promise); }
-function _regeneratorAsyncIterator(t, e) { function n(r, o, i, f) { try { var c = t[r](o), u = c.value; return u instanceof _OverloadYield ? e.resolve(u.v).then(function (t) { n("next", t, i, f); }, function (t) { n("throw", t, i, f); }) : e.resolve(u).then(function (t) { c.value = t, i(c); }, function (t) { return n("throw", t, i, f); }); } catch (t) { f(t); } } var r; this.next || (_regeneratorDefine2(_regeneratorAsyncIterator.prototype), _regeneratorDefine2(_regeneratorAsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () { return this; })), _regeneratorDefine2(this, "_invoke", function (t, o, i) { function f() { return new e(function (e, r) { n(t, i, e, r); }); } return r = r ? r.then(f, f) : f(); }, !0); }
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
-function _OverloadYield(e, d) { this.v = e, this.k = d; }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
@@ -96,24 +89,23 @@ export function useTree(_ref) {
   }, [selected]);
   /* eslint-enable react-hooks/exhaustive-deps */
 
-  var handleExpand = React.useCallback( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(nodeId) {
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+  var handleExpand = React.useCallback(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(nodeId) {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
           case 0:
-            _context.prev = 0;
+            _context.p = 0;
             startLoading(nodeId);
-            _context.next = 4;
+            _context.n = 1;
             return onExpand(getNodeById(nodeId));
-          case 4:
-            _context.prev = 4;
+          case 1:
+            _context.p = 1;
             stopLoading(nodeId);
-            return _context.finish(4);
-          case 7:
-          case "end":
-            return _context.stop();
+            return _context.f(1);
+          case 2:
+            return _context.a(2);
         }
-      }, _callee, null, [[0,, 4, 7]]);
+      }, _callee, null, [[0,, 1, 2]]);
     }));
     return function (_x) {
       return _ref2.apply(this, arguments);