@procore/core-react 11.24.1 → 11.24.3

package/dist/DetailPage/DetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailPage.js","names":["React","Grid","Page","Section","SectionProvider","H1","addSubcomponents","gridConfig","StyledDetailPageBody","StyledDetailPageCard","StyledDetailPageFooter","StyledDetailPageFooterActions","StyledDetailPageFooterContent","StyledDetailPageFooterNotation","DetailPageViewContext","createContext","width","DetailPage_","forwardRef","_ref","ref","_ref$width","children","props","_objectWithoutProperties","_excluded","createElement","Provider","value","_extends","Heading","Body","_React$useContext","useContext","Row","Col","colWidth","colStart","offset","Footer","_ref2","_excluded2","FooterNotation","FooterActions","Actions","Card","displayName","DetailPage","Main","Header","Breadcrumbs","Banner","Title","Tabs","Aside"],"sources":["../../src/DetailPage/DetailPage.tsx"],"sourcesContent":["import React from 'react'\nimport { Grid } from '../Grid/Grid'\nimport { Page } from '../PageLayout/PageLayout'\nimport {\n  PageComponentProps,\n  PageFooterProps,\n} from '../PageLayout/PageLayout.types'\nimport { Section, SectionProvider } from '../Section/Section'\nimport { H1 } from '../Semantic/Semantic'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { Props } from '../_utils/types'\nimport { gridConfig } from './DetailPage.constants'\nimport {\n  StyledDetailPageBody,\n  StyledDetailPageCard,\n  StyledDetailPageFooter,\n  StyledDetailPageFooterActions,\n  StyledDetailPageFooterContent,\n  StyledDetailPageFooterNotation,\n} from './DetailPage.styles'\nimport { DetailPageProps, DetailPageWidth } from './DetailPage.types'\n\nexport const DetailPageViewContext = React.createContext<{\n  width: DetailPageWidth\n}>({\n  width: 'md',\n})\n\nconst DetailPage_ = React.forwardRef<HTMLDivElement, DetailPageProps>(\n  function DetailPage_({ width = 'md', children, ...props }, ref) {\n    return (\n      <DetailPageViewContext.Provider value={{ width }}>\n        <Page ref={ref} {...props}>\n          {children}\n        </Page>\n      </DetailPageViewContext.Provider>\n    )\n  }\n)\n\nexport const Heading = React.forwardRef<HTMLDivElement, Props>(function Heading(\n  props,\n  ref\n) {\n  return <H1 ref={ref} {...props} />\n})\n\nexport const Body = React.forwardRef<HTMLDivElement, PageComponentProps>(\n  function Body(props, ref) {\n    const { width } = React.useContext(DetailPageViewContext)\n\n    return (\n      <Page.Body>\n        <Grid.Row>\n          <Grid.Col\n            colWidth={gridConfig[width].width}\n            colStart={gridConfig[width].offset}\n          >\n            <StyledDetailPageBody ref={ref} {...props} />\n          </Grid.Col>\n        </Grid.Row>\n      </Page.Body>\n    )\n  }\n)\n\nexport const Footer = React.forwardRef<HTMLDivElement, PageFooterProps>(\n  function Footer({ children, ...props }, ref) {\n    return (\n      <StyledDetailPageFooter ref={ref} {...props}>\n        <StyledDetailPageFooterContent>\n          {children}\n        </StyledDetailPageFooterContent>\n      </StyledDetailPageFooter>\n    )\n  }\n)\n\nexport const FooterNotation = React.forwardRef<HTMLDivElement, Props>(\n  function FooterNotation(props, ref) {\n    return <StyledDetailPageFooterNotation ref={ref} {...props} />\n  }\n)\n\nexport const FooterActions = React.forwardRef<HTMLDivElement, Props>(\n  function Actions(props, ref) {\n    return <StyledDetailPageFooterActions ref={ref} {...props} />\n  }\n)\n\nexport const Card = React.forwardRef<HTMLDivElement, Props>(function Card(\n  props,\n  ref\n) {\n  return (\n    <SectionProvider>\n      <StyledDetailPageCard ref={ref} {...props} />\n    </SectionProvider>\n  )\n})\n\nDetailPage_.displayName = 'DetailPage'\nHeading.displayName = 'DetailPage.Heading'\nBody.displayName = 'DetailPage.Body'\nFooter.displayName = 'DetailPage.Footer'\nCard.displayName = 'DetailPage.Card'\n\n/**\n\n A detail page is used when an object is selected from a list page. The layout\n can adhere to varying predefined widths depending on use case.\n\n  - DetailPage\n    - DetailPage.Main\n      - DetailPage.Header\n        - DetailPage.Breadcrumbs\n          - Breadcrumbs\n        - DetailPage.Banner\n          - Banner\n        - DetailPage.Title\n          - Title or H1\n        - DetailPage.Tabs\n          - Tabs\n      - DetailPage.Body\n        - DetailPage.Title\n        - DetailPage.Banner\n        - DetailPage.Card\n          - DetailPage.Banner\n          - DetailPage.Section\n            - DetailPage.Section\n          - DetailPage.Section\n      - DetailPage.Footer\n        - DetailPage.FooterNotation\n        - DetailPage.FooterActions\n          - Button\n    - DetailPage.Aside\n      - Panel\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-detailpage--edit)\n\n @see [Design Guidelines](https://design.procore.com/detail)\n\n */\nexport const DetailPage = addSubcomponents(\n  {\n    Main: Page.Main,\n    Header: Page.Header,\n    Breadcrumbs: Page.Breadcrumbs,\n    Card,\n    Banner: Page.Banner,\n    Title: Page.Title,\n    Heading,\n    Tabs: Page.Tabs,\n    Footer,\n    FooterActions,\n    FooterNotation,\n    Section,\n    Body,\n    Aside: Page.Aside,\n  },\n  DetailPage_\n)\n"],"mappings":"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"}
+{"version":3,"file":"DetailPage.js","names":["React","Grid","Page","Section","SectionProvider","H1","addSubcomponents","gridConfig","StyledDetailPageBody","StyledDetailPageCard","StyledDetailPageFooter","StyledDetailPageFooterActions","StyledDetailPageFooterContent","StyledDetailPageFooterNotation","DetailPageViewContext","createContext","width","DetailPage_","forwardRef","_ref","ref","_ref$width","children","props","_objectWithoutProperties","_excluded","createElement","Provider","value","_extends","Heading","Body","_React$useContext","useContext","Row","Col","colWidth","colStart","offset","Footer","_ref2","_excluded2","FooterNotation","FooterActions","Actions","Card","displayName","DetailPage","Main","Header","Breadcrumbs","Banner","Title","Tabs","Aside"],"sources":["../../src/DetailPage/DetailPage.tsx"],"sourcesContent":["import React from 'react'\nimport { Grid } from '../Grid/Grid'\nimport { Page } from '../PageLayout/PageLayout'\nimport type {\n  PageComponentProps,\n  PageFooterProps,\n} from '../PageLayout/PageLayout.types'\nimport { Section, SectionProvider } from '../Section/Section'\nimport { H1 } from '../Semantic/Semantic'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { Props } from '../_utils/types'\nimport { gridConfig } from './DetailPage.constants'\nimport {\n  StyledDetailPageBody,\n  StyledDetailPageCard,\n  StyledDetailPageFooter,\n  StyledDetailPageFooterActions,\n  StyledDetailPageFooterContent,\n  StyledDetailPageFooterNotation,\n} from './DetailPage.styles'\nimport type { DetailPageProps, DetailPageWidth } from './DetailPage.types'\n\nexport const DetailPageViewContext = React.createContext<{\n  width: DetailPageWidth\n}>({\n  width: 'md',\n})\n\nconst DetailPage_ = React.forwardRef<HTMLDivElement, DetailPageProps>(\n  function DetailPage_({ width = 'md', children, ...props }, ref) {\n    return (\n      <DetailPageViewContext.Provider value={{ width }}>\n        <Page ref={ref} {...props}>\n          {children}\n        </Page>\n      </DetailPageViewContext.Provider>\n    )\n  }\n)\n\nexport const Heading = React.forwardRef<HTMLDivElement, Props>(function Heading(\n  props,\n  ref\n) {\n  return <H1 ref={ref} {...props} />\n})\n\nexport const Body = React.forwardRef<HTMLDivElement, PageComponentProps>(\n  function Body(props, ref) {\n    const { width } = React.useContext(DetailPageViewContext)\n\n    return (\n      <Page.Body>\n        <Grid.Row>\n          <Grid.Col\n            colWidth={gridConfig[width].width}\n            colStart={gridConfig[width].offset}\n          >\n            <StyledDetailPageBody ref={ref} {...props} />\n          </Grid.Col>\n        </Grid.Row>\n      </Page.Body>\n    )\n  }\n)\n\nexport const Footer = React.forwardRef<HTMLDivElement, PageFooterProps>(\n  function Footer({ children, ...props }, ref) {\n    return (\n      <StyledDetailPageFooter ref={ref} {...props}>\n        <StyledDetailPageFooterContent>\n          {children}\n        </StyledDetailPageFooterContent>\n      </StyledDetailPageFooter>\n    )\n  }\n)\n\nexport const FooterNotation = React.forwardRef<HTMLDivElement, Props>(\n  function FooterNotation(props, ref) {\n    return <StyledDetailPageFooterNotation ref={ref} {...props} />\n  }\n)\n\nexport const FooterActions = React.forwardRef<HTMLDivElement, Props>(\n  function Actions(props, ref) {\n    return <StyledDetailPageFooterActions ref={ref} {...props} />\n  }\n)\n\nexport const Card = React.forwardRef<HTMLDivElement, Props>(function Card(\n  props,\n  ref\n) {\n  return (\n    <SectionProvider>\n      <StyledDetailPageCard ref={ref} {...props} />\n    </SectionProvider>\n  )\n})\n\nDetailPage_.displayName = 'DetailPage'\nHeading.displayName = 'DetailPage.Heading'\nBody.displayName = 'DetailPage.Body'\nFooter.displayName = 'DetailPage.Footer'\nCard.displayName = 'DetailPage.Card'\n\n/**\n\n A detail page is used when an object is selected from a list page. The layout\n can adhere to varying predefined widths depending on use case.\n\n  - DetailPage\n    - DetailPage.Main\n      - DetailPage.Header\n        - DetailPage.Breadcrumbs\n          - Breadcrumbs\n        - DetailPage.Banner\n          - Banner\n        - DetailPage.Title\n          - Title or H1\n        - DetailPage.Tabs\n          - Tabs\n      - DetailPage.Body\n        - DetailPage.Title\n        - DetailPage.Banner\n        - DetailPage.Card\n          - DetailPage.Banner\n          - DetailPage.Section\n            - DetailPage.Section\n          - DetailPage.Section\n      - DetailPage.Footer\n        - DetailPage.FooterNotation\n        - DetailPage.FooterActions\n          - Button\n    - DetailPage.Aside\n      - Panel\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-detailpage--edit)\n\n @see [Design Guidelines](https://design.procore.com/detail)\n\n */\nexport const DetailPage = addSubcomponents(\n  {\n    Main: Page.Main,\n    Header: Page.Header,\n    Breadcrumbs: Page.Breadcrumbs,\n    Card,\n    Banner: Page.Banner,\n    Title: Page.Title,\n    Heading,\n    Tabs: Page.Tabs,\n    Footer,\n    FooterActions,\n    FooterNotation,\n    Section,\n    Body,\n    Aside: Page.Aside,\n  },\n  DetailPage_\n)\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,QAAQ,0BAA0B;AAK/C,SAASC,OAAO,EAAEC,eAAe,QAAQ,oBAAoB;AAC7D,SAASC,EAAE,QAAQ,sBAAsB;AACzC,SAASC,gBAAgB,QAAQ,4BAA4B;AAE7D,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SACEC,oBAAoB,EACpBC,oBAAoB,EACpBC,sBAAsB,EACtBC,6BAA6B,EAC7BC,6BAA6B,EAC7BC,8BAA8B,QACzB,qBAAqB;AAG5B,OAAO,IAAMC,qBAAqB,gBAAGd,KAAK,CAACe,aAAa,CAErD;EACDC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,IAAMC,WAAW,gBAAGjB,KAAK,CAACkB,UAAU,CAClC,SAASD,WAAWA,CAAAE,IAAA,EAAuCC,GAAG,EAAE;EAAA,IAAAC,UAAA,GAAAF,IAAA,CAAzCH,KAAK;IAALA,KAAK,GAAAK,UAAA,cAAG,IAAI,GAAAA,UAAA;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EACrD,oBACEzB,KAAA,CAAA0B,aAAA,CAACZ,qBAAqB,CAACa,QAAQ;IAACC,KAAK,EAAE;MAAEZ,KAAK,EAALA;IAAM;EAAE,gBAC/ChB,KAAA,CAAA0B,aAAA,CAACxB,IAAI,EAAA2B,QAAA;IAACT,GAAG,EAAEA;EAAI,GAAKG,KAAK,GACtBD,QACG,CACwB,CAAC;AAErC,CACF,CAAC;AAED,OAAO,IAAMQ,OAAO,gBAAG9B,KAAK,CAACkB,UAAU,CAAwB,SAASY,OAAOA,CAC7EP,KAAK,EACLH,GAAG,EACH;EACA,oBAAOpB,KAAA,CAAA0B,aAAA,CAACrB,EAAE,EAAAwB,QAAA;IAACT,GAAG,EAAEA;EAAI,GAAKG,KAAK,CAAG,CAAC;AACpC,CAAC,CAAC;AAEF,OAAO,IAAMQ,IAAI,gBAAG/B,KAAK,CAACkB,UAAU,CAClC,SAASa,IAAIA,CAACR,KAAK,EAAEH,GAAG,EAAE;EACxB,IAAAY,iBAAA,GAAkBhC,KAAK,CAACiC,UAAU,CAACnB,qBAAqB,CAAC;IAAjDE,KAAK,GAAAgB,iBAAA,CAALhB,KAAK;EAEb,oBACEhB,KAAA,CAAA0B,aAAA,CAACxB,IAAI,CAAC6B,IAAI,qBACR/B,KAAA,CAAA0B,aAAA,CAACzB,IAAI,CAACiC,GAAG,qBACPlC,KAAA,CAAA0B,aAAA,CAACzB,IAAI,CAACkC,GAAG;IACPC,QAAQ,EAAE7B,UAAU,CAACS,KAAK,CAAC,CAACA,KAAM;IAClCqB,QAAQ,EAAE9B,UAAU,CAACS,KAAK,CAAC,CAACsB;EAAO,gBAEnCtC,KAAA,CAAA0B,aAAA,CAAClB,oBAAoB,EAAAqB,QAAA;IAACT,GAAG,EAAEA;EAAI,GAAKG,KAAK,CAAG,CACpC,CACF,CACD,CAAC;AAEhB,CACF,CAAC;AAED,OAAO,IAAMgB,MAAM,gBAAGvC,KAAK,CAACkB,UAAU,CACpC,SAASqB,MAAMA,CAAAC,KAAA,EAAyBpB,GAAG,EAAE;EAAA,IAA3BE,QAAQ,GAAAkB,KAAA,CAARlB,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAgB,KAAA,EAAAC,UAAA;EAClC,oBACEzC,KAAA,CAAA0B,aAAA,CAAChB,sBAAsB,EAAAmB,QAAA;IAACT,GAAG,EAAEA;EAAI,GAAKG,KAAK,gBACzCvB,KAAA,CAAA0B,aAAA,CAACd,6BAA6B,QAC3BU,QAC4B,CACT,CAAC;AAE7B,CACF,CAAC;AAED,OAAO,IAAMoB,cAAc,gBAAG1C,KAAK,CAACkB,UAAU,CAC5C,SAASwB,cAAcA,CAACnB,KAAK,EAAEH,GAAG,EAAE;EAClC,oBAAOpB,KAAA,CAAA0B,aAAA,CAACb,8BAA8B,EAAAgB,QAAA;IAACT,GAAG,EAAEA;EAAI,GAAKG,KAAK,CAAG,CAAC;AAChE,CACF,CAAC;AAED,OAAO,IAAMoB,aAAa,gBAAG3C,KAAK,CAACkB,UAAU,CAC3C,SAAS0B,OAAOA,CAACrB,KAAK,EAAEH,GAAG,EAAE;EAC3B,oBAAOpB,KAAA,CAAA0B,aAAA,CAACf,6BAA6B,EAAAkB,QAAA;IAACT,GAAG,EAAEA;EAAI,GAAKG,KAAK,CAAG,CAAC;AAC/D,CACF,CAAC;AAED,OAAO,IAAMsB,IAAI,gBAAG7C,KAAK,CAACkB,UAAU,CAAwB,SAAS2B,IAAIA,CACvEtB,KAAK,EACLH,GAAG,EACH;EACA,oBACEpB,KAAA,CAAA0B,aAAA,CAACtB,eAAe,qBACdJ,KAAA,CAAA0B,aAAA,CAACjB,oBAAoB,EAAAoB,QAAA;IAACT,GAAG,EAAEA;EAAI,GAAKG,KAAK,CAAG,CAC7B,CAAC;AAEtB,CAAC,CAAC;AAEFN,WAAW,CAAC6B,WAAW,GAAG,YAAY;AACtChB,OAAO,CAACgB,WAAW,GAAG,oBAAoB;AAC1Cf,IAAI,CAACe,WAAW,GAAG,iBAAiB;AACpCP,MAAM,CAACO,WAAW,GAAG,mBAAmB;AACxCD,IAAI,CAACC,WAAW,GAAG,iBAAiB;;AAEpC;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAGzC,gBAAgB,CACxC;EACE0C,IAAI,EAAE9C,IAAI,CAAC8C,IAAI;EACfC,MAAM,EAAE/C,IAAI,CAAC+C,MAAM;EACnBC,WAAW,EAAEhD,IAAI,CAACgD,WAAW;EAC7BL,IAAI,EAAJA,IAAI;EACJM,MAAM,EAAEjD,IAAI,CAACiD,MAAM;EACnBC,KAAK,EAAElD,IAAI,CAACkD,KAAK;EACjBtB,OAAO,EAAPA,OAAO;EACPuB,IAAI,EAAEnD,IAAI,CAACmD,IAAI;EACfd,MAAM,EAANA,MAAM;EACNI,aAAa,EAAbA,aAAa;EACbD,cAAc,EAAdA,cAAc;EACdvC,OAAO,EAAPA,OAAO;EACP4B,IAAI,EAAJA,IAAI;EACJuB,KAAK,EAAEpD,IAAI,CAACoD;AACd,CAAC,EACDrC,WACF,CAAC"}

package/dist/DetailPage/DetailPage.styles.js

@@ -8,31 +8,31 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledDetailPage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPage",
-  componentId: "core-11_24_1__sc-cytnlo-0"
+  componentId: "core-11_24_3__sc-cytnlo-0"
 })(["background-color:", ";height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;"], colors.gray96);
 export var StyledDetailPageBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPageBody",
-  componentId: "core-11_24_1__sc-cytnlo-1"
+  componentId: "core-11_24_3__sc-cytnlo-1"
 })(["padding-bottom:", "px;> ", ":first-child,> ", "{margin-top:", "px;}"], spacing.xl, StyledPageBanner, StyledPageTitle, spacing.xl);
 export var StyledDetailPageFooterNotation = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPageFooterNotation",
-  componentId: "core-11_24_1__sc-cytnlo-2"
+  componentId: "core-11_24_3__sc-cytnlo-2"
 })(["flex-grow:1;z-index:1;"]);
 export var StyledDetailPageFooter = /*#__PURE__*/styled(Page.Footer).withConfig({
   displayName: "StyledDetailPageFooter",
-  componentId: "core-11_24_1__sc-cytnlo-3"
+  componentId: "core-11_24_3__sc-cytnlo-3"
 })(["display:flex;padding:", "px 0;background-color:", ";justify-content:center;"], spacing.lg, colors.white);
 export var StyledDetailPageFooterActions = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledDetailPageFooterActions",
-  componentId: "core-11_24_1__sc-cytnlo-4"
+  componentId: "core-11_24_3__sc-cytnlo-4"
 })(["", ""], getActions());
 var maxFooterContentWidth = 1920;
 export var StyledDetailPageFooterContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPageFooterContent",
-  componentId: "core-11_24_1__sc-cytnlo-5"
+  componentId: "core-11_24_3__sc-cytnlo-5"
 })(["width:100%;align-items:center;display:flex;justify-content:flex-end;padding:0 ", "px;max-width:", "px;"], spacing.xl, maxFooterContentWidth);
 export var StyledDetailPageCard = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledDetailPageCard",
-  componentId: "core-11_24_1__sc-cytnlo-6"
+  componentId: "core-11_24_3__sc-cytnlo-6"
 })(["margin-top:", "px;width:100%;& > ", "{padding:", "px ", "px 0 ", "px;max-width:100%;&:empty{padding:0;}}& > ", " + ", " > ", "{border-top:0;}> .", ":first-child + .", ",> ", " + .", " + .", "{margin-top:", "px;}"], spacing.xl, StyledPageBanner, spacing.xl, spacing.xl, spacing.xl, StyledPageBanner, StyledSection, StyledSectionInner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), StyledPageBanner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), spacing.xxl * -1);
 //# sourceMappingURL=DetailPage.styles.js.map

package/dist/DetailPage/DetailPage.types.d.ts

@@ -1,6 +1,6 @@
-import { PageAsideProps, PageHeaderProps } from '../PageLayout/PageLayout.types';
-import { SectionProps } from '../Section/Section.types';
-import { Props } from '../_utils/types';
+import type { PageAsideProps, PageHeaderProps } from '../PageLayout/PageLayout.types';
+import type { SectionProps } from '../Section/Section.types';
+import type { Props } from '../_utils/types';
 export declare type DetailPageWidth = 'md' | 'lg' | 'xl' | 'block';
 export interface DetailPageProps extends Props {
     /**

package/dist/DetailPage/DetailPage.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailPage.types.js","names":[],"sources":["../../src/DetailPage/DetailPage.types.ts"],"sourcesContent":["import { PageAsideProps, PageHeaderProps } from '../PageLayout/PageLayout.types'\nimport { SectionProps } from '../Section/Section.types'\nimport { Props } from '../_utils/types'\n\nexport type DetailPageWidth = 'md' | 'lg' | 'xl' | 'block'\n\nexport interface DetailPageProps extends Props {\n  /**\n   * @description Width of the content\n   * @since 10.19.0\n   */\n  width?: DetailPageWidth\n}\nexport interface DetailPageAsideProps extends PageAsideProps {}\n\nexport interface DetailPageHeaderProps extends PageHeaderProps {}\n\nexport interface DetailPageSectionProps extends SectionProps {}\n"],"mappings":""}
+{"version":3,"file":"DetailPage.types.js","names":[],"sources":["../../src/DetailPage/DetailPage.types.ts"],"sourcesContent":["import type {\n  PageAsideProps,\n  PageHeaderProps,\n} from '../PageLayout/PageLayout.types'\nimport type { SectionProps } from '../Section/Section.types'\nimport type { Props } from '../_utils/types'\n\nexport type DetailPageWidth = 'md' | 'lg' | 'xl' | 'block'\n\nexport interface DetailPageProps extends Props {\n  /**\n   * @description Width of the content\n   * @since 10.19.0\n   */\n  width?: DetailPageWidth\n}\nexport interface DetailPageAsideProps extends PageAsideProps {}\n\nexport interface DetailPageHeaderProps extends PageHeaderProps {}\n\nexport interface DetailPageSectionProps extends SectionProps {}\n"],"mappings":""}

package/dist/Dropdown/Dropdown.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { MenuItemProps } from '../MenuImperative/MenuImperative.types';
+import type { MenuItemProps } from '../MenuImperative/MenuImperative.types';
 import { useOverlayTriggerContext } from '../OverlayTrigger/OverlayTrigger';
-import { ConsumerProps, DropdownButtonProps, DropdownProps } from './Dropdown.types';
+import type { ConsumerProps, DropdownButtonProps, DropdownProps } from './Dropdown.types';
 export declare const DropdownButton: React.ForwardRefExoticComponent<DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const useDropdownContext: typeof useOverlayTriggerContext;
 export declare function DropdownConsumer({ children }: ConsumerProps): JSX.Element;

package/dist/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","names":["CaretDown","CaretUp","EllipsisVertical","classNames","React","MenuImperative","useMenuImperativeControlNavigation","OverlayTrigger","useOverlayTriggerContext","useI18nContext","addSubcomponents","mergeRefs","StyledDropdownButton","StyledDropdownMenu","StyledDropdownSpinner","noop","isFunction","obj","isOpen","_ref","_ref$open","open","Item","forwardRef","_ref2","ref","_ref2$restoreFocus","restoreFocus","props","_objectWithoutProperties","_excluded","createElement","_extends","DropdownButton","_ref3","children","className","_ref3$arrow","arrow","_ref3$loading","loading","_ref3$open","_ref3$focus","focus","_ref3$variant","variant","_excluded2","caret","size","icon","undefined","iconRight","$loading","DropdownMenu","_ref4","footer","i18nScope","menuRef","onSearch_","onSearch","_ref4$onSelect","onSelect","onSelect_","id","overlayTriggerContext","_React$useState","useState","_React$useState2","_slicedToArray","search","setSearch","_useMenuImperativeCon","Boolean","menuId","menuProps","menuNavigationTriggerProps","selection","hide","e","target","value","useEffect","_menuRef$current","current","highlightFirst","onKeyDown","key","stopPropagation","shadowStrength","role","Search","onChange","Options","Footer","Dropdown_","Dropdown","_ref5","afterHide_","afterHide","afterShow","beforeHide","beforeShow","error","_ref5$i18nScope","label","_ref5$onKeyDown","_ref5$onSelect","_ref5$placement","placement","_ref5$restoreFocusOnH","restoreFocusOnHide","_ref5$variant","_ref5$hasTabbableElem","hasTabbableElements","_excluded3","useRef","buttonRef","isDialog","_buttonRef$current","I18n","ariaLabel","t","concat","passA11yPropsToOverlay","autoFocus","overlay","useDropdownContext","DropdownConsumer","_ref6","displayName","Group"],"sources":["../../src/Dropdown/Dropdown.tsx"],"sourcesContent":["import { CaretDown, CaretUp, EllipsisVertical } from '@procore/core-icons/dist'\nimport classNames from 'classnames'\nimport React from 'react'\nimport {\n  MenuImperative,\n  useMenuImperativeControlNavigation,\n} from '../MenuImperative/MenuImperative'\nimport {\n  MenuItemProps,\n  MenuRef,\n  Selection,\n} from '../MenuImperative/MenuImperative.types'\nimport {\n  OverlayTrigger,\n  useOverlayTriggerContext,\n} from '../OverlayTrigger/OverlayTrigger'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport {\n  StyledDropdownButton,\n  StyledDropdownMenu,\n  StyledDropdownSpinner,\n} from './Dropdown.styles'\nimport {\n  ConsumerProps,\n  DropdownButtonProps,\n  DropdownMenuProps,\n  DropdownProps,\n} from './Dropdown.types'\n\nfunction noop() {}\nfunction isFunction(obj: any) {\n  return typeof obj === 'function'\n}\nfunction isOpen({ open = false }) {\n  return open\n}\n\nconst Item = React.forwardRef<HTMLDivElement, MenuItemProps>(function Item(\n  { restoreFocus = false, ...props },\n  ref\n) {\n  return (\n    <MenuImperative.Item ref={ref} restoreFocus={restoreFocus} {...props} />\n  )\n}) as typeof MenuImperative.Item\n\nexport const DropdownButton = React.forwardRef<\n  HTMLButtonElement,\n  DropdownButtonProps\n>(function DropdownButton(\n  {\n    children,\n    className,\n    arrow = false,\n    loading = false,\n    open = false,\n    focus = false,\n    variant = 'secondary',\n    ...props\n  },\n  ref\n) {\n  const caret =\n    arrow && (open ? <CaretUp size=\"sm\" /> : <CaretDown size=\"sm\" />)\n\n  const icon = loading ? (\n    <StyledDropdownSpinner\n      size=\"xs\"\n      variant={variant === 'primary' ? 'light' : ''}\n    />\n  ) : (\n    caret\n  )\n\n  return (\n    <StyledDropdownButton\n      {...props}\n      className={classNames(className, {\n        focus: isFunction(focus) ? (focus as Function)({ open }) : focus,\n      })}\n      aria-busy={loading || undefined}\n      iconRight={icon}\n      $loading={loading}\n      variant={variant}\n      ref={ref}\n    >\n      {children}\n    </StyledDropdownButton>\n  )\n})\n\nconst DropdownMenu = React.forwardRef<HTMLDivElement, DropdownMenuProps>(\n  function DropdownMenu(\n    {\n      children,\n      footer,\n      i18nScope,\n      menuRef,\n      onSearch: onSearch_,\n      onSelect: onSelect_ = noop,\n      id,\n    },\n    ref\n  ) {\n    const overlayTriggerContext = useOverlayTriggerContext()\n\n    const [search, setSearch] = React.useState('')\n    const { menuProps, menuNavigationTriggerProps } =\n      useMenuImperativeControlNavigation(menuRef, Boolean(onSearch_), {\n        menuId: id,\n      })\n\n    function onSelect(selection: Selection) {\n      overlayTriggerContext.hide({ restoreFocus: selection.restoreFocus })\n\n      onSelect_(selection)\n    }\n\n    function onSearch(e: React.ChangeEvent<HTMLInputElement>) {\n      setSearch(e.target.value)\n\n      onSearch_?.(e)\n    }\n\n    React.useEffect(\n      function () {\n        menuRef.current?.highlightFirst()\n      },\n      [menuRef, search]\n    )\n\n    function onKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n      // This is disconnected from the OverlayTrigger closing on Escape.\n      // Closing a dropdown with Escape will not close a Modal, because stopP.\n      // It is called only once because the menu component is unmounted.\n      // The next Escape will propagate.\n      if (e.key === 'Escape' || e.key === 'Esc') {\n        // only let parent listeners (modal, overlay) know when empty\n        e.stopPropagation()\n      }\n    }\n\n    return (\n      <StyledDropdownMenu ref={ref} shadowStrength={2}>\n        <MenuImperative\n          {...menuProps}\n          ref={menuRef}\n          onKeyDown={onKeyDown}\n          onSelect={onSelect}\n          role=\"menu\"\n        >\n          {onSearch_ && (\n            <MenuImperative.Search\n              {...menuNavigationTriggerProps}\n              onChange={onSearch}\n              i18nScope={i18nScope}\n            />\n          )}\n          <MenuImperative.Options>{children}</MenuImperative.Options>\n          {footer && <MenuImperative.Footer>{footer}</MenuImperative.Footer>}\n        </MenuImperative>\n      </StyledDropdownMenu>\n    )\n  }\n)\n\n/**\n\n Dropdowns display a list of actions in a menu that opens and closes. We use\n dropdowns most commonly to trigger an action or to redirect the user to\n a new page or modal.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-dropdown--demo)\n\n @see [Design Guidelines](https://design.procore.com/dropdown)\n\n */\nconst Dropdown_ = React.forwardRef<HTMLButtonElement, DropdownProps>(\n  function Dropdown(\n    {\n      afterHide: afterHide_,\n      afterShow,\n      beforeHide,\n      beforeShow,\n      children,\n      error,\n      footer,\n      i18nScope = 'core.dropdown',\n      icon,\n      label,\n      onKeyDown = noop,\n      onSearch,\n      onSelect = noop,\n      placement = 'bottom-left',\n      restoreFocusOnHide = false,\n      variant = 'secondary',\n      hasTabbableElements = false,\n      ...props\n    },\n    ref\n  ) {\n    const menuRef = React.useRef<MenuRef>(null)\n    const buttonRef = React.useRef<HTMLButtonElement>(null)\n    const isDialog = Boolean(onSearch) || hasTabbableElements\n\n    function afterHide(e: Event | undefined) {\n      // @ts-expect-error\n      if (e?.key === 'Escape' || e?.restoreFocus) {\n        buttonRef.current?.focus()\n      }\n\n      afterHide_?.(e)\n\n      onSearch?.({\n        target: { value: '' },\n      } as React.ChangeEvent<HTMLInputElement>)\n    }\n\n    const I18n = useI18nContext()\n\n    const ariaLabel =\n      props['aria-label'] ||\n      label ||\n      I18n.t(`core.dropdown.${props.loading ? 'loading' : 'moreOptions'}`)\n\n    return (\n      <OverlayTrigger\n        role={isDialog ? 'dialog' : 'menu'}\n        passA11yPropsToOverlay={!isDialog}\n        autoFocus\n        afterHide={afterHide}\n        afterShow={afterShow}\n        beforeHide={beforeHide}\n        beforeShow={beforeShow}\n        overlay={\n          <DropdownMenu\n            footer={footer}\n            i18nScope={i18nScope}\n            menuRef={menuRef}\n            onSearch={onSearch}\n            onSelect={onSelect}\n          >\n            {children}\n          </DropdownMenu>\n        }\n        placement={placement}\n        ref={mergeRefs(ref, buttonRef)}\n        restoreFocusOnHide={restoreFocusOnHide}\n      >\n        <DropdownButton\n          {...props}\n          aria-label={ariaLabel}\n          arrow={label !== undefined}\n          focus={onSearch ? false : isOpen}\n          icon={\n            props.loading && !label ? undefined : !icon && !label ? (\n              <EllipsisVertical />\n            ) : (\n              icon\n            )\n          }\n          onKeyDown={onKeyDown}\n          variant={variant}\n        >\n          {label}\n        </DropdownButton>\n      </OverlayTrigger>\n    )\n  }\n)\n\nexport const useDropdownContext = useOverlayTriggerContext\n\nexport function DropdownConsumer({ children }: ConsumerProps) {\n  return children(useDropdownContext())\n}\n\nDropdown_.displayName = 'Dropdown'\n\nItem.displayName = 'Dropdown.Item'\n\nexport const Dropdown = addSubcomponents(\n  {\n    Item,\n    Group: MenuImperative.Group,\n  },\n  Dropdown_\n)\n"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","names":["CaretDown","CaretUp","EllipsisVertical","classNames","React","MenuImperative","useMenuImperativeControlNavigation","OverlayTrigger","useOverlayTriggerContext","useI18nContext","addSubcomponents","mergeRefs","StyledDropdownButton","StyledDropdownMenu","StyledDropdownSpinner","noop","isFunction","obj","isOpen","_ref","_ref$open","open","Item","forwardRef","_ref2","ref","_ref2$restoreFocus","restoreFocus","props","_objectWithoutProperties","_excluded","createElement","_extends","DropdownButton","_ref3","children","className","_ref3$arrow","arrow","_ref3$loading","loading","_ref3$open","_ref3$focus","focus","_ref3$variant","variant","_excluded2","caret","size","icon","undefined","iconRight","$loading","DropdownMenu","_ref4","footer","i18nScope","menuRef","onSearch_","onSearch","_ref4$onSelect","onSelect","onSelect_","id","overlayTriggerContext","_React$useState","useState","_React$useState2","_slicedToArray","search","setSearch","_useMenuImperativeCon","Boolean","menuId","menuProps","menuNavigationTriggerProps","selection","hide","e","target","value","useEffect","_menuRef$current","current","highlightFirst","onKeyDown","key","stopPropagation","shadowStrength","role","Search","onChange","Options","Footer","Dropdown_","Dropdown","_ref5","afterHide_","afterHide","afterShow","beforeHide","beforeShow","error","_ref5$i18nScope","label","_ref5$onKeyDown","_ref5$onSelect","_ref5$placement","placement","_ref5$restoreFocusOnH","restoreFocusOnHide","_ref5$variant","_ref5$hasTabbableElem","hasTabbableElements","_excluded3","useRef","buttonRef","isDialog","_buttonRef$current","I18n","ariaLabel","t","concat","passA11yPropsToOverlay","autoFocus","overlay","useDropdownContext","DropdownConsumer","_ref6","displayName","Group"],"sources":["../../src/Dropdown/Dropdown.tsx"],"sourcesContent":["import { CaretDown, CaretUp, EllipsisVertical } from '@procore/core-icons/dist'\nimport classNames from 'classnames'\nimport React from 'react'\nimport {\n  MenuImperative,\n  useMenuImperativeControlNavigation,\n} from '../MenuImperative/MenuImperative'\nimport type {\n  MenuItemProps,\n  MenuRef,\n  Selection,\n} from '../MenuImperative/MenuImperative.types'\nimport {\n  OverlayTrigger,\n  useOverlayTriggerContext,\n} from '../OverlayTrigger/OverlayTrigger'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport {\n  StyledDropdownButton,\n  StyledDropdownMenu,\n  StyledDropdownSpinner,\n} from './Dropdown.styles'\nimport type {\n  ConsumerProps,\n  DropdownButtonProps,\n  DropdownMenuProps,\n  DropdownProps,\n} from './Dropdown.types'\n\nfunction noop() {}\nfunction isFunction(obj: any) {\n  return typeof obj === 'function'\n}\nfunction isOpen({ open = false }) {\n  return open\n}\n\nconst Item = React.forwardRef<HTMLDivElement, MenuItemProps>(function Item(\n  { restoreFocus = false, ...props },\n  ref\n) {\n  return (\n    <MenuImperative.Item ref={ref} restoreFocus={restoreFocus} {...props} />\n  )\n}) as typeof MenuImperative.Item\n\nexport const DropdownButton = React.forwardRef<\n  HTMLButtonElement,\n  DropdownButtonProps\n>(function DropdownButton(\n  {\n    children,\n    className,\n    arrow = false,\n    loading = false,\n    open = false,\n    focus = false,\n    variant = 'secondary',\n    ...props\n  },\n  ref\n) {\n  const caret =\n    arrow && (open ? <CaretUp size=\"sm\" /> : <CaretDown size=\"sm\" />)\n\n  const icon = loading ? (\n    <StyledDropdownSpinner\n      size=\"xs\"\n      variant={variant === 'primary' ? 'light' : ''}\n    />\n  ) : (\n    caret\n  )\n\n  return (\n    <StyledDropdownButton\n      {...props}\n      className={classNames(className, {\n        focus: isFunction(focus) ? (focus as Function)({ open }) : focus,\n      })}\n      aria-busy={loading || undefined}\n      iconRight={icon}\n      $loading={loading}\n      variant={variant}\n      ref={ref}\n    >\n      {children}\n    </StyledDropdownButton>\n  )\n})\n\nconst DropdownMenu = React.forwardRef<HTMLDivElement, DropdownMenuProps>(\n  function DropdownMenu(\n    {\n      children,\n      footer,\n      i18nScope,\n      menuRef,\n      onSearch: onSearch_,\n      onSelect: onSelect_ = noop,\n      id,\n    },\n    ref\n  ) {\n    const overlayTriggerContext = useOverlayTriggerContext()\n\n    const [search, setSearch] = React.useState('')\n    const { menuProps, menuNavigationTriggerProps } =\n      useMenuImperativeControlNavigation(menuRef, Boolean(onSearch_), {\n        menuId: id,\n      })\n\n    function onSelect(selection: Selection) {\n      overlayTriggerContext.hide({ restoreFocus: selection.restoreFocus })\n\n      onSelect_(selection)\n    }\n\n    function onSearch(e: React.ChangeEvent<HTMLInputElement>) {\n      setSearch(e.target.value)\n\n      onSearch_?.(e)\n    }\n\n    React.useEffect(\n      function () {\n        menuRef.current?.highlightFirst()\n      },\n      [menuRef, search]\n    )\n\n    function onKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n      // This is disconnected from the OverlayTrigger closing on Escape.\n      // Closing a dropdown with Escape will not close a Modal, because stopP.\n      // It is called only once because the menu component is unmounted.\n      // The next Escape will propagate.\n      if (e.key === 'Escape' || e.key === 'Esc') {\n        // only let parent listeners (modal, overlay) know when empty\n        e.stopPropagation()\n      }\n    }\n\n    return (\n      <StyledDropdownMenu ref={ref} shadowStrength={2}>\n        <MenuImperative\n          {...menuProps}\n          ref={menuRef}\n          onKeyDown={onKeyDown}\n          onSelect={onSelect}\n          role=\"menu\"\n        >\n          {onSearch_ && (\n            <MenuImperative.Search\n              {...menuNavigationTriggerProps}\n              onChange={onSearch}\n              i18nScope={i18nScope}\n            />\n          )}\n          <MenuImperative.Options>{children}</MenuImperative.Options>\n          {footer && <MenuImperative.Footer>{footer}</MenuImperative.Footer>}\n        </MenuImperative>\n      </StyledDropdownMenu>\n    )\n  }\n)\n\n/**\n\n Dropdowns display a list of actions in a menu that opens and closes. We use\n dropdowns most commonly to trigger an action or to redirect the user to\n a new page or modal.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-dropdown--demo)\n\n @see [Design Guidelines](https://design.procore.com/dropdown)\n\n */\nconst Dropdown_ = React.forwardRef<HTMLButtonElement, DropdownProps>(\n  function Dropdown(\n    {\n      afterHide: afterHide_,\n      afterShow,\n      beforeHide,\n      beforeShow,\n      children,\n      error,\n      footer,\n      i18nScope = 'core.dropdown',\n      icon,\n      label,\n      onKeyDown = noop,\n      onSearch,\n      onSelect = noop,\n      placement = 'bottom-left',\n      restoreFocusOnHide = false,\n      variant = 'secondary',\n      hasTabbableElements = false,\n      ...props\n    },\n    ref\n  ) {\n    const menuRef = React.useRef<MenuRef>(null)\n    const buttonRef = React.useRef<HTMLButtonElement>(null)\n    const isDialog = Boolean(onSearch) || hasTabbableElements\n\n    function afterHide(e: Event | undefined) {\n      // @ts-expect-error\n      if (e?.key === 'Escape' || e?.restoreFocus) {\n        buttonRef.current?.focus()\n      }\n\n      afterHide_?.(e)\n\n      onSearch?.({\n        target: { value: '' },\n      } as React.ChangeEvent<HTMLInputElement>)\n    }\n\n    const I18n = useI18nContext()\n\n    const ariaLabel =\n      props['aria-label'] ||\n      label ||\n      I18n.t(`core.dropdown.${props.loading ? 'loading' : 'moreOptions'}`)\n\n    return (\n      <OverlayTrigger\n        role={isDialog ? 'dialog' : 'menu'}\n        passA11yPropsToOverlay={!isDialog}\n        autoFocus\n        afterHide={afterHide}\n        afterShow={afterShow}\n        beforeHide={beforeHide}\n        beforeShow={beforeShow}\n        overlay={\n          <DropdownMenu\n            footer={footer}\n            i18nScope={i18nScope}\n            menuRef={menuRef}\n            onSearch={onSearch}\n            onSelect={onSelect}\n          >\n            {children}\n          </DropdownMenu>\n        }\n        placement={placement}\n        ref={mergeRefs(ref, buttonRef)}\n        restoreFocusOnHide={restoreFocusOnHide}\n      >\n        <DropdownButton\n          {...props}\n          aria-label={ariaLabel}\n          arrow={label !== undefined}\n          focus={onSearch ? false : isOpen}\n          icon={\n            props.loading && !label ? undefined : !icon && !label ? (\n              <EllipsisVertical />\n            ) : (\n              icon\n            )\n          }\n          onKeyDown={onKeyDown}\n          variant={variant}\n        >\n          {label}\n        </DropdownButton>\n      </OverlayTrigger>\n    )\n  }\n)\n\nexport const useDropdownContext = useOverlayTriggerContext\n\nexport function DropdownConsumer({ children }: ConsumerProps) {\n  return children(useDropdownContext())\n}\n\nDropdown_.displayName = 'Dropdown'\n\nItem.displayName = 'Dropdown.Item'\n\nexport const Dropdown = addSubcomponents(\n  {\n    Item,\n    Group: MenuImperative.Group,\n  },\n  Dropdown_\n)\n"],"mappings":"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"}

package/dist/Dropdown/Dropdown.styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ButtonVariant } from '../Button/Button.types';
+import type { ButtonVariant } from '../Button/Button.types';
 export declare const StyledDropdownMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const StyledDropdownSpinner: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").SpinnerProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const StyledDropdownButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button.types").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {

package/dist/Dropdown/Dropdown.styles.js

@@ -5,15 +5,15 @@ import { Card } from '../Card/Card';
 import { Spinner } from '../Spinner/Spinner';
 export var StyledDropdownMenu = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledDropdownMenu",
-  componentId: "core-11_24_1__sc-ufsy2q-0"
+  componentId: "core-11_24_3__sc-ufsy2q-0"
 })(["display:flex;max-height:40vh;max-width:248px;min-width:inherit;"]);
 export var StyledDropdownSpinner = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledDropdownSpinner",
-  componentId: "core-11_24_1__sc-ufsy2q-1"
+  componentId: "core-11_24_3__sc-ufsy2q-1"
 })(["margin:0 6px;"]);
 export var StyledDropdownButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledDropdownButton",
-  componentId: "core-11_24_1__sc-ufsy2q-2"
+  componentId: "core-11_24_3__sc-ufsy2q-2"
 })(["pointer-events:", ";", ""], function (_ref) {
   var disabled = _ref.disabled,
     $loading = _ref.$loading;

package/dist/Dropdown/Dropdown.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.styles.js","names":["styled","css","Button","getBGColor","Card","Spinner","StyledDropdownMenu","withConfig","displayName","componentId","StyledDropdownSpinner","StyledDropdownButton","_ref","disabled","$loading","_ref2","variant","hover"],"sources":["../../src/Dropdown/Dropdown.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Button } from '../Button/Button'\nimport { getBGColor } from '../Button/Button.styles'\nimport { ButtonVariant } from '../Button/Button.types'\nimport { Card } from '../Card/Card'\nimport { Spinner } from '../Spinner/Spinner'\n\nexport const StyledDropdownMenu = styled(Card)`\n  display: flex;\n  max-height: 40vh;\n  max-width: 248px;\n  min-width: inherit;\n`\n\nexport const StyledDropdownSpinner = styled(Spinner)`\n  margin: 0 6px; // TODO one-off\n`\n\nexport const StyledDropdownButton = styled(Button)<{\n  $loading: boolean\n  variant: ButtonVariant\n}>`\n  pointer-events: ${({ disabled, $loading }) =>\n    disabled || $loading ? 'none' : 'inherit'};\n\n  ${({ $loading, variant }) => {\n    if ($loading) {\n      return css`\n        background: ${getBGColor(variant).hover};\n      `\n    }\n  }}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,UAAU,QAAQ,yBAAyB;AAEpD,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,kBAAkB,gBAAGN,MAAM,CAACI,IAAI,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uEAK7C;AAED,OAAO,IAAMC,qBAAqB,gBAAGV,MAAM,CAACK,OAAO,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qBAEnD;AAED,OAAO,IAAME,oBAAoB,gBAAGX,MAAM,CAACE,MAAM,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCAI9B,UAAAG,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAAA,OACrCD,QAAQ,IAAIC,QAAQ,GAAG,MAAM,GAAG,SAAS;AAAA,GAEzC,UAAAC,KAAA,EAA2B;EAAA,IAAxBD,QAAQ,GAAAC,KAAA,CAARD,QAAQ;IAAEE,OAAO,GAAAD,KAAA,CAAPC,OAAO;EACpB,IAAIF,QAAQ,EAAE;IACZ,OAAOb,GAAG,uBACME,UAAU,CAACa,OAAO,CAAC,CAACC,KAAK;EAE3C;AACF,CAAC,CACF"}
+{"version":3,"file":"Dropdown.styles.js","names":["styled","css","Button","getBGColor","Card","Spinner","StyledDropdownMenu","withConfig","displayName","componentId","StyledDropdownSpinner","StyledDropdownButton","_ref","disabled","$loading","_ref2","variant","hover"],"sources":["../../src/Dropdown/Dropdown.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Button } from '../Button/Button'\nimport { getBGColor } from '../Button/Button.styles'\nimport type { ButtonVariant } from '../Button/Button.types'\nimport { Card } from '../Card/Card'\nimport { Spinner } from '../Spinner/Spinner'\n\nexport const StyledDropdownMenu = styled(Card)`\n  display: flex;\n  max-height: 40vh;\n  max-width: 248px;\n  min-width: inherit;\n`\n\nexport const StyledDropdownSpinner = styled(Spinner)`\n  margin: 0 6px; // TODO one-off\n`\n\nexport const StyledDropdownButton = styled(Button)<{\n  $loading: boolean\n  variant: ButtonVariant\n}>`\n  pointer-events: ${({ disabled, $loading }) =>\n    disabled || $loading ? 'none' : 'inherit'};\n\n  ${({ $loading, variant }) => {\n    if ($loading) {\n      return css`\n        background: ${getBGColor(variant).hover};\n      `\n    }\n  }}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,UAAU,QAAQ,yBAAyB;AAEpD,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,kBAAkB,gBAAGN,MAAM,CAACI,IAAI,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uEAK7C;AAED,OAAO,IAAMC,qBAAqB,gBAAGV,MAAM,CAACK,OAAO,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qBAEnD;AAED,OAAO,IAAME,oBAAoB,gBAAGX,MAAM,CAACE,MAAM,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCAI9B,UAAAG,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAAA,OACrCD,QAAQ,IAAIC,QAAQ,GAAG,MAAM,GAAG,SAAS;AAAA,GAEzC,UAAAC,KAAA,EAA2B;EAAA,IAAxBD,QAAQ,GAAAC,KAAA,CAARD,QAAQ;IAAEE,OAAO,GAAAD,KAAA,CAAPC,OAAO;EACpB,IAAIF,QAAQ,EAAE;IACZ,OAAOb,GAAG,uBACME,UAAU,CAACa,OAAO,CAAC,CAACC,KAAK;EAE3C;AACF,CAAC,CACF"}

package/dist/Dropdown/Dropdown.types.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { ButtonProps } from '../Button/Button.types';
-import { MenuRef, Selection } from '../MenuImperative/MenuImperative.types';
-import { OverlayTriggerProps } from '../OverlayTrigger/OverlayTrigger.types';
-import { Placement } from '../_utils/types';
+import type { ButtonProps } from '../Button/Button.types';
+import type { MenuRef, Selection } from '../MenuImperative/MenuImperative.types';
+import type { OverlayTriggerProps } from '../OverlayTrigger/OverlayTrigger.types';
+import type { Placement } from '../_utils/types';
 declare type HTMLButtonProps = React.ComponentPropsWithoutRef<'button'>;
 declare type HTMLDivProps = React.ComponentPropsWithoutRef<'div'>;
 export declare type DropdownPlacement = Extract<Placement, 'bottom' | 'bottom-left' | 'bottom-right' | 'top' | 'top-left' | 'top-right'>;

package/dist/Dropdown/Dropdown.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.types.js","names":[],"sources":["../../src/Dropdown/Dropdown.types.ts"],"sourcesContent":["import { ButtonProps } from '../Button/Button.types'\nimport { MenuRef, Selection } from '../MenuImperative/MenuImperative.types'\nimport { OverlayTriggerProps } from '../OverlayTrigger/OverlayTrigger.types'\nimport { Placement } from '../_utils/types'\n\ntype HTMLButtonProps = React.ComponentPropsWithoutRef<'button'>\n\ntype HTMLDivProps = React.ComponentPropsWithoutRef<'div'>\n\nexport type DropdownPlacement = Extract<\n  Placement,\n  'bottom' | 'bottom-left' | 'bottom-right' | 'top' | 'top-left' | 'top-right'\n>\n\nexport interface DropdownProps extends Omit<HTMLButtonProps, 'onSelect'> {\n  /**\n   * @since 10.19.0\n   */\n  afterHide?: OverlayTriggerProps['afterHide']\n  /**\n   * @since 10.19.0\n   */\n  afterShow?: OverlayTriggerProps['afterShow']\n  /**\n   * @since 10.19.0\n   */\n  beforeHide?: OverlayTriggerProps['beforeHide']\n  /**\n   * @since 10.19.0\n   */\n  beforeShow?: OverlayTriggerProps['beforeShow']\n  /**\n   * @since 10.19.0\n   */\n  block?: ButtonProps['block']\n  /**\n   * @since 10.19.0\n   */\n  className?: ButtonProps['className']\n  /**\n   * @since 10.19.0\n   */\n  disabled?: ButtonProps['disabled']\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean\n\n  /**\n   * Content to render in a footer.\n   * @since 10.19.0\n   */\n  footer?: React.ReactNode\n  /**\n   * The i18n key to use for the dropdowns's configurable strings.\n   * Defaults to using the core library's default strings.\n   * @since 10.19.0\n   */\n  i18nScope?: string\n  /**\n   * @remarks string icons have been deprecated, please pass a component from `@procore/core-icons`\n   * @since 10.19.0\n   */\n  icon?: ButtonProps['icon']\n  /**\n   * The button text.\n   * @since 10.19.0\n   */\n  label?: string\n  /**\n   * @since 10.19.0\n   */\n  loading?: ButtonProps['loading']\n\n  /**\n   * Adds a search bar to the dropdown.\n   * @since 10.19.0\n   */\n  onSearch?: (event: React.ChangeEvent<HTMLInputElement>) => void\n\n  /**\n   * <div>\n   *  <div>Callback for selecting an item from the menu\n   *    <CodeBlock>\n   *    { '({ event: ReactEvent, item: Menu.Item.props.item, group: bool }) => void' }\n   *    </CodeBlock>\n   *  </div>\n   *  <div>\n   *    <Code>item</Code> will be the <Code>item</Code> prop supplied to the{' '}\n   *    <Code>Item</Code> component\n   *  </div>\n   * </div>\n   * @since 10.19.0\n   */\n  onSelect?: (selection: Selection) => void\n\n  /**\n   * The placement of the overlay.\n   * @default 'bottom-left'\n   * @since 10.19.0\n   */\n  placement?: DropdownPlacement\n  /**\n   * If focus should return to the button after selection.\n   * @ally Dropdowns hold no value and take an action. Focus is expected\n   * to be moved from a Dropdown to something else, to continue the user flow .\n   * If all actions are inert and does not move focus, set this to `true`.\n   * If some actions are inert consider using `restoreFocus` on `Dropdown.Item`.\n   * Closing Dropdown via `Escape` always restores focus.\n   * @default false\n   * @since 11.13.0\n   */\n  restoreFocusOnHide?: OverlayTriggerProps['restoreFocusOnHide']\n  /**\n   * The button size\n   * @default 'md'\n   * @since 10.19.0\n   */\n  size?: ButtonProps['size']\n  /**\n   * @since 10.19.0\n   */\n  trigger?: OverlayTriggerProps['trigger']\n  /**\n   * @since 10.19.0\n   */\n  type?: ButtonProps['type']\n\n  /**\n   * @default 'secondary'\n   * @since 10.19.0\n   */\n  variant?: ButtonProps['variant']\n  /**\n   * Whether to act as modal dialog.\n   * Should be used when Dropdown has tabbable elements (e.g. buttons in footer).\n   * @default 'false'\n   * @since 11.5.0\n   */\n  hasTabbableElements?: boolean\n}\n\nexport interface DropdownButtonProps extends ButtonProps {\n  /**\n   * Shows the arrow when activated\n   * @since 10.19.0\n   */\n  arrow?: boolean\n  /**\n   * Shows the button spinner\n   * @since 10.19.0\n   */\n  loading?: boolean\n  /**\n   * Changes the direction of the arrow if shown\n   * @since 10.19.0\n   */\n  open?: boolean\n  /**\n   * @since 11.9.0\n   * If the component should apply a focus appeareance. This is\n   * not DOM focus management, and purely visual.\n   */\n  focus?: boolean | ((obj: { open: boolean }) => boolean)\n}\n\nexport interface DropdownMenuProps extends Omit<HTMLDivProps, 'onSelect'> {\n  /**\n   * @since 10.19.0\n   */\n  footer?: React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  menuRef: React.RefObject<MenuRef>\n  /**\n   * @since 10.19.0\n   */\n  i18nScope?: string\n  /**\n   * @since 10.19.0\n   */\n  onSearch?: (event: React.ChangeEvent<HTMLInputElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  onSelect?: (selection: Selection) => void\n}\n\nexport interface ConsumerProps {\n  /**\n   * @since 10.19.0\n   */\n  children: (api: any) => JSX.Element\n}\n"],"mappings":""}
+{"version":3,"file":"Dropdown.types.js","names":[],"sources":["../../src/Dropdown/Dropdown.types.ts"],"sourcesContent":["import type { ButtonProps } from '../Button/Button.types'\nimport type { MenuRef, Selection } from '../MenuImperative/MenuImperative.types'\nimport type { OverlayTriggerProps } from '../OverlayTrigger/OverlayTrigger.types'\nimport type { Placement } from '../_utils/types'\n\ntype HTMLButtonProps = React.ComponentPropsWithoutRef<'button'>\n\ntype HTMLDivProps = React.ComponentPropsWithoutRef<'div'>\n\nexport type DropdownPlacement = Extract<\n  Placement,\n  'bottom' | 'bottom-left' | 'bottom-right' | 'top' | 'top-left' | 'top-right'\n>\n\nexport interface DropdownProps extends Omit<HTMLButtonProps, 'onSelect'> {\n  /**\n   * @since 10.19.0\n   */\n  afterHide?: OverlayTriggerProps['afterHide']\n  /**\n   * @since 10.19.0\n   */\n  afterShow?: OverlayTriggerProps['afterShow']\n  /**\n   * @since 10.19.0\n   */\n  beforeHide?: OverlayTriggerProps['beforeHide']\n  /**\n   * @since 10.19.0\n   */\n  beforeShow?: OverlayTriggerProps['beforeShow']\n  /**\n   * @since 10.19.0\n   */\n  block?: ButtonProps['block']\n  /**\n   * @since 10.19.0\n   */\n  className?: ButtonProps['className']\n  /**\n   * @since 10.19.0\n   */\n  disabled?: ButtonProps['disabled']\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean\n\n  /**\n   * Content to render in a footer.\n   * @since 10.19.0\n   */\n  footer?: React.ReactNode\n  /**\n   * The i18n key to use for the dropdowns's configurable strings.\n   * Defaults to using the core library's default strings.\n   * @since 10.19.0\n   */\n  i18nScope?: string\n  /**\n   * @remarks string icons have been deprecated, please pass a component from `@procore/core-icons`\n   * @since 10.19.0\n   */\n  icon?: ButtonProps['icon']\n  /**\n   * The button text.\n   * @since 10.19.0\n   */\n  label?: string\n  /**\n   * @since 10.19.0\n   */\n  loading?: ButtonProps['loading']\n\n  /**\n   * Adds a search bar to the dropdown.\n   * @since 10.19.0\n   */\n  onSearch?: (event: React.ChangeEvent<HTMLInputElement>) => void\n\n  /**\n   * <div>\n   *  <div>Callback for selecting an item from the menu\n   *    <CodeBlock>\n   *    { '({ event: ReactEvent, item: Menu.Item.props.item, group: bool }) => void' }\n   *    </CodeBlock>\n   *  </div>\n   *  <div>\n   *    <Code>item</Code> will be the <Code>item</Code> prop supplied to the{' '}\n   *    <Code>Item</Code> component\n   *  </div>\n   * </div>\n   * @since 10.19.0\n   */\n  onSelect?: (selection: Selection) => void\n\n  /**\n   * The placement of the overlay.\n   * @default 'bottom-left'\n   * @since 10.19.0\n   */\n  placement?: DropdownPlacement\n  /**\n   * If focus should return to the button after selection.\n   * @ally Dropdowns hold no value and take an action. Focus is expected\n   * to be moved from a Dropdown to something else, to continue the user flow .\n   * If all actions are inert and does not move focus, set this to `true`.\n   * If some actions are inert consider using `restoreFocus` on `Dropdown.Item`.\n   * Closing Dropdown via `Escape` always restores focus.\n   * @default false\n   * @since 11.13.0\n   */\n  restoreFocusOnHide?: OverlayTriggerProps['restoreFocusOnHide']\n  /**\n   * The button size\n   * @default 'md'\n   * @since 10.19.0\n   */\n  size?: ButtonProps['size']\n  /**\n   * @since 10.19.0\n   */\n  trigger?: OverlayTriggerProps['trigger']\n  /**\n   * @since 10.19.0\n   */\n  type?: ButtonProps['type']\n\n  /**\n   * @default 'secondary'\n   * @since 10.19.0\n   */\n  variant?: ButtonProps['variant']\n  /**\n   * Whether to act as modal dialog.\n   * Should be used when Dropdown has tabbable elements (e.g. buttons in footer).\n   * @default 'false'\n   * @since 11.5.0\n   */\n  hasTabbableElements?: boolean\n}\n\nexport interface DropdownButtonProps extends ButtonProps {\n  /**\n   * Shows the arrow when activated\n   * @since 10.19.0\n   */\n  arrow?: boolean\n  /**\n   * Shows the button spinner\n   * @since 10.19.0\n   */\n  loading?: boolean\n  /**\n   * Changes the direction of the arrow if shown\n   * @since 10.19.0\n   */\n  open?: boolean\n  /**\n   * @since 11.9.0\n   * If the component should apply a focus appeareance. This is\n   * not DOM focus management, and purely visual.\n   */\n  focus?: boolean | ((obj: { open: boolean }) => boolean)\n}\n\nexport interface DropdownMenuProps extends Omit<HTMLDivProps, 'onSelect'> {\n  /**\n   * @since 10.19.0\n   */\n  footer?: React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  menuRef: React.RefObject<MenuRef>\n  /**\n   * @since 10.19.0\n   */\n  i18nScope?: string\n  /**\n   * @since 10.19.0\n   */\n  onSearch?: (event: React.ChangeEvent<HTMLInputElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  onSelect?: (selection: Selection) => void\n}\n\nexport interface ConsumerProps {\n  /**\n   * @since 10.19.0\n   */\n  children: (api: any) => JSX.Element\n}\n"],"mappings":""}

package/dist/DropdownFlyout/DropdownFlyout.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DropdownFlyoutProps, FlyoutCaptionProps, FlyoutItemProps, FlyoutListProps } from './DropdownFlyout.types';
+import type { DropdownFlyoutProps, FlyoutCaptionProps, FlyoutItemProps, FlyoutListProps } from './DropdownFlyout.types';
 export declare const FlyoutCaption: React.ForwardRefExoticComponent<FlyoutCaptionProps & React.RefAttributes<HTMLDivElement>>;
 export declare function FlyoutItem({ option }: FlyoutItemProps): JSX.Element;
 export declare function FlyoutList({ options, placement, referenceEl, overlayRef: overlayElRef, offset, }: FlyoutListProps): JSX.Element;

package/dist/DropdownFlyout/DropdownFlyout.helpers.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DropdownFlyoutProps, DropdownOption, FlyoutOption } from './DropdownFlyout.types';
+import type { DropdownFlyoutProps, DropdownOption, FlyoutOption } from './DropdownFlyout.types';
 export declare function noop(): void;
 export declare function returnFalse(): boolean;
 export declare function hasChildren(option: DropdownOption): boolean;

package/dist/DropdownFlyout/DropdownFlyout.helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFlyout.helpers.js","names":["React","ulid","StyledDropdownFlyoutExpandIcon","StyledDropdownFlyoutLabel","rootId","noop","returnFalse","getFirst","arr","isRootOption","optionId","hasChildren","option","Array","isArray","children","reducer","state","action","type","_objectSpread","highlighted","expanded","concat","_toConsumableArray","collectParentIds","options","id","isOpen","isMouseOver","isFocused","findById","initialValue","arguments","length","undefined","reduce","result","current","transformOption","parentId","acc","updatedOption","origin","useDropdownFlyout","_ref","flyoutOptions","_ref$onClick","onClick","_onClick","_onKeyDown","onKeyDown","_React$useReducer","useReducer","_React$useReducer2","_slicedToArray","_React$useReducer2$","dispatch","setMouseOver","useCallback","setFocused","isExpanded","includes","isHighlighted","parentIds","isCorrectId","some","findOptionById","expand","collapse","highlight","traversingHighlight","item","tier","optionIndex","findIndex","nextIndex","prevIndex","parentOption","closeDropdown","closeSelectedDropdown","e","composedPath","node","_dataset","dataset","flyout","openDropdown","key","preventDefault","_e$stopPropagation","stopPropagation","call","_e$stopPropagation2","defaultOptionRenderer","createElement","Fragment","label","DropdownFlyoutContext","createContext","optionRenderer","useDropdownFlyoutContext","useContext"],"sources":["../../src/DropdownFlyout/DropdownFlyout.helpers.tsx"],"sourcesContent":["import React from 'react'\nimport { ulid } from 'ulid'\nimport {\n  StyledDropdownFlyoutExpandIcon,\n  StyledDropdownFlyoutLabel,\n} from './DropdownFlyout.styles'\nimport {\n  Action,\n  DropdownFlyoutProps,\n  DropdownOption,\n  FlyoutOption,\n  FlyoutOptionId,\n  rootId,\n  State,\n} from './DropdownFlyout.types'\n\nexport function noop() {}\n\nexport function returnFalse() {\n  return false\n}\n\nfunction getFirst<T extends any>(arr: T[]) {\n  return arr[0]\n}\nfunction isRootOption(optionId: FlyoutOptionId) {\n  return optionId === rootId\n}\n\nexport function hasChildren(option: DropdownOption) {\n  return Array.isArray(option.children)\n}\n\nfunction reducer(state: State, action: Action): State {\n  switch (action.type) {\n    case 'highlight':\n      return {\n        ...state,\n        highlighted: action.option,\n      }\n    case 'expand':\n      return {\n        ...state,\n        highlighted: action.option,\n        expanded: [\n          ...collectParentIds(state.options, action.option.id),\n          action.option.id,\n        ],\n      }\n    case 'collapse':\n      return {\n        ...state,\n        highlighted: action.option,\n        expanded: collectParentIds(state.options, action.option.id),\n      }\n    case 'close':\n      return {\n        ...state,\n        expanded: [],\n        highlighted: getFirst(state.options),\n        isOpen: false,\n      }\n    case 'open':\n      return {\n        ...state,\n        isOpen: true,\n      }\n    case 'setMouseOver':\n      return {\n        ...state,\n        isMouseOver: action.isMouseOver,\n      }\n    case 'setFocused':\n      return {\n        ...state,\n        isFocused: action.isFocused,\n      }\n    default:\n      return state\n  }\n}\n\nfunction findById(\n  options: FlyoutOption[],\n  optionId: FlyoutOption['id'],\n  initialValue: FlyoutOption = getFirst(options)\n): FlyoutOption {\n  return options.reduce((result, current) => {\n    if (current.id === optionId) {\n      return current\n    }\n\n    if (current.children) {\n      return findById(current.children, optionId, result)\n    }\n\n    return result\n  }, initialValue)\n}\n\nexport function transformOption(\n  options: DropdownOption[],\n  parentId: FlyoutOption['parentId']\n): FlyoutOption[] {\n  return options.reduce<FlyoutOption[]>((acc, option) => {\n    const id = ulid()\n    const updatedOption = {\n      id,\n      parentId,\n      origin: option,\n      ...(Array.isArray(option.children) && {\n        children: transformOption(option.children, id),\n      }),\n    }\n\n    return [...acc, updatedOption]\n  }, [])\n}\n\nfunction collectParentIds(\n  options: FlyoutOption[],\n  optionId: FlyoutOption['id']\n): FlyoutOption['id'][] {\n  const option = findById(options, optionId)\n\n  if (!isRootOption(option.parentId)) {\n    return [...collectParentIds(options, option.parentId), option.parentId]\n  }\n  return [option.parentId]\n}\n\nexport function useDropdownFlyout({\n  flyoutOptions,\n  onClick: _onClick = noop,\n  onKeyDown: _onKeyDown,\n}: Pick<DropdownFlyoutProps, 'onClick' | 'onKeyDown'> & {\n  flyoutOptions: FlyoutOption[]\n}) {\n  const [\n    { options, expanded, highlighted, isOpen, isMouseOver, isFocused },\n    dispatch,\n  ] = React.useReducer(reducer, {\n    options: flyoutOptions,\n    expanded: [],\n    highlighted: getFirst(flyoutOptions),\n    isMouseOver: false,\n    isFocused: false,\n    isOpen: false,\n  })\n\n  const setMouseOver = React.useCallback(\n    (isMouseOver: boolean) => dispatch({ type: 'setMouseOver', isMouseOver }),\n    []\n  )\n\n  const setFocused = React.useCallback(\n    (isFocused: boolean) => dispatch({ type: 'setFocused', isFocused }),\n    []\n  )\n\n  const isExpanded = (option: FlyoutOption) => expanded.includes(option.id)\n\n  const isHighlighted = (option: FlyoutOption): boolean => {\n    const parentIds = collectParentIds(options, highlighted.id)\n    const isCorrectId =\n      option.id === highlighted.id || parentIds.some((id) => id === option.id)\n    return (isMouseOver || isFocused) && isCorrectId\n  }\n\n  const findOptionById = React.useCallback(\n    (id: FlyoutOptionId) => findById(options, id),\n    [options]\n  )\n\n  const expand = React.useCallback(\n    (option: FlyoutOption) =>\n      dispatch({\n        type: 'expand',\n        option,\n      }),\n    []\n  )\n\n  const collapse = React.useCallback(\n    (option: FlyoutOption) =>\n      dispatch({\n        type: 'collapse',\n        option,\n      }),\n    []\n  )\n\n  const highlight = React.useCallback(\n    (option: FlyoutOption) =>\n      dispatch({\n        type: 'highlight',\n        option,\n      }),\n    []\n  )\n\n  const traversingHighlight = React.useCallback(\n    (item: 'next' | 'prev' | 'children' | 'parent') => {\n      const tier = isRootOption(highlighted.parentId)\n        ? options\n        : findOptionById(highlighted.parentId).children || []\n      const optionIndex = tier.findIndex((item) => item.id === highlighted.id)\n\n      switch (item) {\n        case 'next':\n          const nextIndex = optionIndex + 1 >= tier.length ? 0 : optionIndex + 1\n\n          highlight(tier[nextIndex])\n          break\n        case 'prev':\n          const prevIndex =\n            optionIndex - 1 < 0 ? tier.length - 1 : optionIndex - 1\n\n          highlight(tier[prevIndex])\n          break\n        case 'children':\n          if (Array.isArray(highlighted.children)) {\n            expand(highlighted)\n\n            highlight(getFirst(highlighted.children))\n          }\n          break\n        case 'parent':\n          if (!isRootOption(highlighted.parentId)) {\n            const parentOption = findOptionById(highlighted.parentId)\n            collapse(parentOption)\n          }\n          break\n        default:\n          return\n      }\n    },\n    [options, findOptionById, collapse, highlighted, expand, highlight]\n  )\n\n  const closeDropdown = React.useCallback(() => {\n    dispatch({ type: 'close' })\n  }, [])\n\n  const closeSelectedDropdown = React.useCallback(\n    (e: Event | React.FocusEvent) => {\n      if (\n        e &&\n        e.type === 'click' &&\n        !(e as MouseEvent)\n          .composedPath()\n          .some((node) => (node as HTMLElement).dataset?.flyout)\n      ) {\n        dispatch({ type: 'close' })\n      }\n    },\n    []\n  )\n\n  const openDropdown = React.useCallback(() => {\n    dispatch({ type: 'open' })\n  }, [])\n\n  const onClick = React.useCallback(\n    (option: FlyoutOption) => {\n      if (!hasChildren(option.origin)) {\n        _onClick(option.origin)\n        closeDropdown()\n      }\n    },\n    [_onClick, closeDropdown]\n  )\n\n  const onKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const { key } = e\n\n      switch (key) {\n        case 'Enter':\n          e.preventDefault()\n          if (!isOpen && isFocused) {\n            openDropdown()\n          } else {\n            if (hasChildren(highlighted.origin)) {\n              traversingHighlight('children')\n            } else {\n              onClick(highlighted)\n            }\n          }\n          break\n        case 'Escape':\n        case 'Esc':\n          e.preventDefault()\n          if (isRootOption(highlighted.parentId)) {\n            if (isOpen) {\n              e.stopPropagation?.()\n            }\n            closeDropdown()\n          } else {\n            e.stopPropagation?.()\n            traversingHighlight('parent')\n          }\n          break\n        case 'ArrowDown':\n        case 'Down':\n          e.preventDefault()\n          traversingHighlight('next')\n          break\n        case 'ArrowUp':\n        case 'Up':\n          e.preventDefault()\n          traversingHighlight('prev')\n          break\n      }\n      _onKeyDown?.(e)\n    },\n    [\n      closeDropdown,\n      openDropdown,\n      traversingHighlight,\n      highlighted,\n      isOpen,\n      isFocused,\n      onClick,\n      _onKeyDown,\n    ]\n  )\n\n  return {\n    isFocused,\n    isMouseOver,\n    isOpen,\n    options,\n    expanded,\n    highlighted,\n    expand,\n    collapse,\n    isHighlighted,\n    isExpanded,\n    closeDropdown,\n    closeSelectedDropdown,\n    openDropdown,\n    onKeyDown,\n    onClick,\n    setMouseOver,\n    setFocused,\n  }\n}\n\nexport function defaultOptionRenderer(option: DropdownOption) {\n  return (\n    <>\n      <StyledDropdownFlyoutLabel>{option.label}</StyledDropdownFlyoutLabel>\n      {hasChildren(option) && (\n        <StyledDropdownFlyoutExpandIcon data-qa=\"core-dropdown-flyout-option-expand-icon\" />\n      )}\n    </>\n  )\n}\n\nexport const DropdownFlyoutContext = React.createContext<{\n  onClick: (option: FlyoutOption) => void\n\n  expand: (option: FlyoutOption) => void\n  collapse: (option: FlyoutOption) => void\n  optionRenderer: (option: DropdownOption) => React.ReactNode\n\n  isExpanded: (option: FlyoutOption) => boolean\n  isHighlighted: (option: FlyoutOption) => boolean\n}>({\n  onClick: noop,\n\n  expand: noop,\n  collapse: noop,\n  optionRenderer: defaultOptionRenderer,\n\n  isExpanded: returnFalse,\n  isHighlighted: returnFalse,\n})\n\nexport const useDropdownFlyoutContext = () =>\n  React.useContext(DropdownFlyoutContext)\n"],"mappings":"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"}
+{"version":3,"file":"DropdownFlyout.helpers.js","names":["React","ulid","StyledDropdownFlyoutExpandIcon","StyledDropdownFlyoutLabel","rootId","noop","returnFalse","getFirst","arr","isRootOption","optionId","hasChildren","option","Array","isArray","children","reducer","state","action","type","_objectSpread","highlighted","expanded","concat","_toConsumableArray","collectParentIds","options","id","isOpen","isMouseOver","isFocused","findById","initialValue","arguments","length","undefined","reduce","result","current","transformOption","parentId","acc","updatedOption","origin","useDropdownFlyout","_ref","flyoutOptions","_ref$onClick","onClick","_onClick","_onKeyDown","onKeyDown","_React$useReducer","useReducer","_React$useReducer2","_slicedToArray","_React$useReducer2$","dispatch","setMouseOver","useCallback","setFocused","isExpanded","includes","isHighlighted","parentIds","isCorrectId","some","findOptionById","expand","collapse","highlight","traversingHighlight","item","tier","optionIndex","findIndex","nextIndex","prevIndex","parentOption","closeDropdown","closeSelectedDropdown","e","composedPath","node","_dataset","dataset","flyout","openDropdown","key","preventDefault","_e$stopPropagation","stopPropagation","call","_e$stopPropagation2","defaultOptionRenderer","createElement","Fragment","label","DropdownFlyoutContext","createContext","optionRenderer","useDropdownFlyoutContext","useContext"],"sources":["../../src/DropdownFlyout/DropdownFlyout.helpers.tsx"],"sourcesContent":["import React from 'react'\nimport { ulid } from 'ulid'\nimport {\n  StyledDropdownFlyoutExpandIcon,\n  StyledDropdownFlyoutLabel,\n} from './DropdownFlyout.styles'\nimport type {\n  Action,\n  DropdownFlyoutProps,\n  DropdownOption,\n  FlyoutOption,\n  FlyoutOptionId,\n  State,\n} from './DropdownFlyout.types'\nimport { rootId } from './DropdownFlyout.types'\n\nexport function noop() {}\n\nexport function returnFalse() {\n  return false\n}\n\nfunction getFirst<T extends any>(arr: T[]) {\n  return arr[0]\n}\nfunction isRootOption(optionId: FlyoutOptionId) {\n  return optionId === rootId\n}\n\nexport function hasChildren(option: DropdownOption) {\n  return Array.isArray(option.children)\n}\n\nfunction reducer(state: State, action: Action): State {\n  switch (action.type) {\n    case 'highlight':\n      return {\n        ...state,\n        highlighted: action.option,\n      }\n    case 'expand':\n      return {\n        ...state,\n        highlighted: action.option,\n        expanded: [\n          ...collectParentIds(state.options, action.option.id),\n          action.option.id,\n        ],\n      }\n    case 'collapse':\n      return {\n        ...state,\n        highlighted: action.option,\n        expanded: collectParentIds(state.options, action.option.id),\n      }\n    case 'close':\n      return {\n        ...state,\n        expanded: [],\n        highlighted: getFirst(state.options),\n        isOpen: false,\n      }\n    case 'open':\n      return {\n        ...state,\n        isOpen: true,\n      }\n    case 'setMouseOver':\n      return {\n        ...state,\n        isMouseOver: action.isMouseOver,\n      }\n    case 'setFocused':\n      return {\n        ...state,\n        isFocused: action.isFocused,\n      }\n    default:\n      return state\n  }\n}\n\nfunction findById(\n  options: FlyoutOption[],\n  optionId: FlyoutOption['id'],\n  initialValue: FlyoutOption = getFirst(options)\n): FlyoutOption {\n  return options.reduce((result, current) => {\n    if (current.id === optionId) {\n      return current\n    }\n\n    if (current.children) {\n      return findById(current.children, optionId, result)\n    }\n\n    return result\n  }, initialValue)\n}\n\nexport function transformOption(\n  options: DropdownOption[],\n  parentId: FlyoutOption['parentId']\n): FlyoutOption[] {\n  return options.reduce<FlyoutOption[]>((acc, option) => {\n    const id = ulid()\n    const updatedOption = {\n      id,\n      parentId,\n      origin: option,\n      ...(Array.isArray(option.children) && {\n        children: transformOption(option.children, id),\n      }),\n    }\n\n    return [...acc, updatedOption]\n  }, [])\n}\n\nfunction collectParentIds(\n  options: FlyoutOption[],\n  optionId: FlyoutOption['id']\n): FlyoutOption['id'][] {\n  const option = findById(options, optionId)\n\n  if (!isRootOption(option.parentId)) {\n    return [...collectParentIds(options, option.parentId), option.parentId]\n  }\n  return [option.parentId]\n}\n\nexport function useDropdownFlyout({\n  flyoutOptions,\n  onClick: _onClick = noop,\n  onKeyDown: _onKeyDown,\n}: Pick<DropdownFlyoutProps, 'onClick' | 'onKeyDown'> & {\n  flyoutOptions: FlyoutOption[]\n}) {\n  const [\n    { options, expanded, highlighted, isOpen, isMouseOver, isFocused },\n    dispatch,\n  ] = React.useReducer(reducer, {\n    options: flyoutOptions,\n    expanded: [],\n    highlighted: getFirst(flyoutOptions),\n    isMouseOver: false,\n    isFocused: false,\n    isOpen: false,\n  })\n\n  const setMouseOver = React.useCallback(\n    (isMouseOver: boolean) => dispatch({ type: 'setMouseOver', isMouseOver }),\n    []\n  )\n\n  const setFocused = React.useCallback(\n    (isFocused: boolean) => dispatch({ type: 'setFocused', isFocused }),\n    []\n  )\n\n  const isExpanded = (option: FlyoutOption) => expanded.includes(option.id)\n\n  const isHighlighted = (option: FlyoutOption): boolean => {\n    const parentIds = collectParentIds(options, highlighted.id)\n    const isCorrectId =\n      option.id === highlighted.id || parentIds.some((id) => id === option.id)\n    return (isMouseOver || isFocused) && isCorrectId\n  }\n\n  const findOptionById = React.useCallback(\n    (id: FlyoutOptionId) => findById(options, id),\n    [options]\n  )\n\n  const expand = React.useCallback(\n    (option: FlyoutOption) =>\n      dispatch({\n        type: 'expand',\n        option,\n      }),\n    []\n  )\n\n  const collapse = React.useCallback(\n    (option: FlyoutOption) =>\n      dispatch({\n        type: 'collapse',\n        option,\n      }),\n    []\n  )\n\n  const highlight = React.useCallback(\n    (option: FlyoutOption) =>\n      dispatch({\n        type: 'highlight',\n        option,\n      }),\n    []\n  )\n\n  const traversingHighlight = React.useCallback(\n    (item: 'next' | 'prev' | 'children' | 'parent') => {\n      const tier = isRootOption(highlighted.parentId)\n        ? options\n        : findOptionById(highlighted.parentId).children || []\n      const optionIndex = tier.findIndex((item) => item.id === highlighted.id)\n\n      switch (item) {\n        case 'next':\n          const nextIndex = optionIndex + 1 >= tier.length ? 0 : optionIndex + 1\n\n          highlight(tier[nextIndex])\n          break\n        case 'prev':\n          const prevIndex =\n            optionIndex - 1 < 0 ? tier.length - 1 : optionIndex - 1\n\n          highlight(tier[prevIndex])\n          break\n        case 'children':\n          if (Array.isArray(highlighted.children)) {\n            expand(highlighted)\n\n            highlight(getFirst(highlighted.children))\n          }\n          break\n        case 'parent':\n          if (!isRootOption(highlighted.parentId)) {\n            const parentOption = findOptionById(highlighted.parentId)\n            collapse(parentOption)\n          }\n          break\n        default:\n          return\n      }\n    },\n    [options, findOptionById, collapse, highlighted, expand, highlight]\n  )\n\n  const closeDropdown = React.useCallback(() => {\n    dispatch({ type: 'close' })\n  }, [])\n\n  const closeSelectedDropdown = React.useCallback(\n    (e: Event | React.FocusEvent) => {\n      if (\n        e &&\n        e.type === 'click' &&\n        !(e as MouseEvent)\n          .composedPath()\n          .some((node) => (node as HTMLElement).dataset?.flyout)\n      ) {\n        dispatch({ type: 'close' })\n      }\n    },\n    []\n  )\n\n  const openDropdown = React.useCallback(() => {\n    dispatch({ type: 'open' })\n  }, [])\n\n  const onClick = React.useCallback(\n    (option: FlyoutOption) => {\n      if (!hasChildren(option.origin)) {\n        _onClick(option.origin)\n        closeDropdown()\n      }\n    },\n    [_onClick, closeDropdown]\n  )\n\n  const onKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const { key } = e\n\n      switch (key) {\n        case 'Enter':\n          e.preventDefault()\n          if (!isOpen && isFocused) {\n            openDropdown()\n          } else {\n            if (hasChildren(highlighted.origin)) {\n              traversingHighlight('children')\n            } else {\n              onClick(highlighted)\n            }\n          }\n          break\n        case 'Escape':\n        case 'Esc':\n          e.preventDefault()\n          if (isRootOption(highlighted.parentId)) {\n            if (isOpen) {\n              e.stopPropagation?.()\n            }\n            closeDropdown()\n          } else {\n            e.stopPropagation?.()\n            traversingHighlight('parent')\n          }\n          break\n        case 'ArrowDown':\n        case 'Down':\n          e.preventDefault()\n          traversingHighlight('next')\n          break\n        case 'ArrowUp':\n        case 'Up':\n          e.preventDefault()\n          traversingHighlight('prev')\n          break\n      }\n      _onKeyDown?.(e)\n    },\n    [\n      closeDropdown,\n      openDropdown,\n      traversingHighlight,\n      highlighted,\n      isOpen,\n      isFocused,\n      onClick,\n      _onKeyDown,\n    ]\n  )\n\n  return {\n    isFocused,\n    isMouseOver,\n    isOpen,\n    options,\n    expanded,\n    highlighted,\n    expand,\n    collapse,\n    isHighlighted,\n    isExpanded,\n    closeDropdown,\n    closeSelectedDropdown,\n    openDropdown,\n    onKeyDown,\n    onClick,\n    setMouseOver,\n    setFocused,\n  }\n}\n\nexport function defaultOptionRenderer(option: DropdownOption) {\n  return (\n    <>\n      <StyledDropdownFlyoutLabel>{option.label}</StyledDropdownFlyoutLabel>\n      {hasChildren(option) && (\n        <StyledDropdownFlyoutExpandIcon data-qa=\"core-dropdown-flyout-option-expand-icon\" />\n      )}\n    </>\n  )\n}\n\nexport const DropdownFlyoutContext = React.createContext<{\n  onClick: (option: FlyoutOption) => void\n\n  expand: (option: FlyoutOption) => void\n  collapse: (option: FlyoutOption) => void\n  optionRenderer: (option: DropdownOption) => React.ReactNode\n\n  isExpanded: (option: FlyoutOption) => boolean\n  isHighlighted: (option: FlyoutOption) => boolean\n}>({\n  onClick: noop,\n\n  expand: noop,\n  collapse: noop,\n  optionRenderer: defaultOptionRenderer,\n\n  isExpanded: returnFalse,\n  isHighlighted: returnFalse,\n})\n\nexport const useDropdownFlyoutContext = () =>\n  React.useContext(DropdownFlyoutContext)\n"],"mappings":"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"}

package/dist/DropdownFlyout/DropdownFlyout.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFlyout.js","names":["EllipsisVertical","React","Card","DropdownButton","Portal","useClickOutside","useI18nContext","mergeRefs","defaultOptionRenderer","DropdownFlyoutContext","noop","transformOption","useDropdownFlyout","useDropdownFlyoutContext","StyledDropdownFlyout","StyledDropdownFlyoutItem","rootId","useDropdownFlyoutOverlay","FlyoutCaption","forwardRef","_ref","ref","option","highlighted","optionRenderer","props","_objectWithoutProperties","_excluded","createElement","_extends","displayName","FlyoutItem","_ref2","overlayElRef","useRef","_useDropdownFlyoutCon","isHighlighted","isExpanded","_onClick","onClick","expand","collapse","onMouseEnter","useCallback","onMouseLeave","e","relatedTarget","Node","current","contains","_React$useState","useState","_React$useState2","_slicedToArray","referenceEl","setReferenceEl","Fragment","origin","Array","isArray","children","FlyoutList","options","overlayRef","placement","_ref3","_ref3$offset","offset","_useDropdownFlyoutOve","mainAxis","overlayStyle","referenceRef","useEffect","shadowStrength","style","map","key","id","DefaultButton","_ref4","icon","_excluded2","loading","undefined","arrow","Boolean","Children","count","DropdownFlyout","_ref5","disabled","label","_options","_ref5$onClick","_ref5$optionRenderer","_ref5$placement","_onKeyDown","onKeyDown","onFocus_","onFocus","onBlur_","onBlur","onMouseDown_","onMouseDown","onMouseEnter_","onMouseLeave_","size","_ref5$variant","variant","_excluded3","innerRef","containerRef","targetRef","flyoutOptions","useMemo","_useDropdownFlyout","closeSelectedDropdown","openDropdown","isOpen","setMouseOver","setFocused","onClickOutside","refs","element","I18n","ariaLabel","t","concat","trigger","isValidElement","_containerRef$current","target","dataset","flyout","preventDefault","_targetRef$current","focus","_React$useState3","_React$useState4","cloneElement","_trigger$props$onClic","_trigger$props","call","tabIndex","Provider","value"],"sources":["../../src/DropdownFlyout/DropdownFlyout.tsx"],"sourcesContent":["import { EllipsisVertical } from '@procore/core-icons/dist'\nimport React, { MouseEvent } from 'react'\nimport { ButtonProps } from '../Button/Button.types'\nimport { Card } from '../Card/Card'\nimport { DropdownButton } from '../Dropdown/Dropdown'\nimport { Portal } from '../Portal'\nimport { useClickOutside } from '../_hooks/ClickOutside'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { ReactElementWithRef } from '../_utils/types'\nimport {\n  defaultOptionRenderer,\n  DropdownFlyoutContext,\n  noop,\n  transformOption,\n  useDropdownFlyout,\n  useDropdownFlyoutContext,\n} from './DropdownFlyout.helpers'\nimport {\n  StyledDropdownFlyout,\n  StyledDropdownFlyoutItem,\n} from './DropdownFlyout.styles'\nimport {\n  DropdownFlyoutProps,\n  FlyoutCaptionProps,\n  FlyoutItemProps,\n  FlyoutListProps,\n  rootId,\n} from './DropdownFlyout.types'\nimport { useDropdownFlyoutOverlay } from './useDropdownFlyoutOverlay'\n\nexport const FlyoutCaption = React.forwardRef<\n  HTMLDivElement,\n  FlyoutCaptionProps\n>(function FlyoutCaption(\n  { option, highlighted, optionRenderer, ...props },\n  ref\n) {\n  return (\n    <StyledDropdownFlyoutItem\n      {...props}\n      ref={ref}\n      data-highlighted={highlighted}\n      data-flyout\n    >\n      {optionRenderer(option)}\n    </StyledDropdownFlyoutItem>\n  )\n})\n\nFlyoutCaption.displayName = 'FlyoutCaption'\n\nexport function FlyoutItem({ option }: FlyoutItemProps) {\n  const overlayElRef = React.useRef<HTMLDivElement>(null)\n  const {\n    isHighlighted,\n    isExpanded,\n    onClick: _onClick,\n    expand,\n    collapse,\n    optionRenderer,\n  } = useDropdownFlyoutContext()\n\n  const onMouseEnter = React.useCallback(() => expand(option), [option, expand])\n  const onMouseLeave = React.useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (\n        e.relatedTarget instanceof Node &&\n        overlayElRef.current &&\n        !overlayElRef.current.contains(e.relatedTarget as Node)\n      ) {\n        collapse(option)\n      }\n    },\n    [collapse, option]\n  )\n\n  const onClick = React.useCallback(() => _onClick(option), [_onClick, option])\n\n  const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n  return (\n    <>\n      <FlyoutCaption\n        ref={setReferenceEl}\n        option={option.origin}\n        onClick={onClick}\n        optionRenderer={optionRenderer}\n        highlighted={isHighlighted(option)}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n      />\n      {Array.isArray(option.children) && isExpanded(option) ? (\n        <Portal>\n          <FlyoutList\n            referenceEl={referenceEl}\n            options={option.children}\n            overlayRef={overlayElRef}\n            placement=\"right-top\"\n          />\n        </Portal>\n      ) : null}\n    </>\n  )\n}\n\nexport function FlyoutList({\n  options,\n  placement,\n  referenceEl,\n  overlayRef: overlayElRef,\n  offset = 0,\n}: FlyoutListProps) {\n  const { overlayStyle, referenceRef, overlayRef } = useDropdownFlyoutOverlay({\n    placement,\n    offset: { mainAxis: offset },\n  })\n\n  React.useEffect(() => {\n    referenceRef(referenceEl)\n  }, [referenceEl, referenceRef])\n\n  return (\n    <Card\n      ref={mergeRefs(overlayRef, overlayElRef)}\n      shadowStrength={2}\n      style={overlayStyle}\n    >\n      <StyledDropdownFlyout>\n        {options.map((option) => (\n          <FlyoutItem key={option.id} option={option} />\n        ))}\n      </StyledDropdownFlyout>\n    </Card>\n  )\n}\n\nconst DefaultButton = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function DefaultButton({ children, icon, ...props }, ref) {\n    return (\n      <DropdownButton\n        {...props}\n        icon={\n          props.loading ? undefined : !icon && !children ? (\n            <EllipsisVertical />\n          ) : (\n            icon\n          )\n        }\n        arrow={Boolean(React.Children.count(children))}\n        ref={ref}\n      >\n        {children}\n      </DropdownButton>\n    )\n  }\n)\n\n/**\n\n  The dropdown flyout allows for additional menu items to be nested within\n  parent items, which allows more menu options for users.\n  @a11y WARN: DropdownFlyotus hold no value and take an action. Focus is expected\n    to be moved from a Dropdown to something else, to continue the user flow.\n    If the action is inert and does not move focus, this is left to be added\n    by the consumer.\n  @since 10.19.0\n\n  @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-dropdownflyout--demo)\n\n  @see [Design Guidelines](https://design.procore.com/dropdown-flyout)\n\n */\nexport const DropdownFlyout = React.forwardRef<\n  HTMLDivElement,\n  DropdownFlyoutProps\n>(function DropdownFlyout(\n  {\n    disabled,\n    icon,\n    label,\n    loading,\n    options: _options,\n    onClick: _onClick = noop,\n    optionRenderer = defaultOptionRenderer,\n    children,\n    placement = 'right-bottom',\n    onKeyDown: _onKeyDown,\n    onFocus: onFocus_,\n    onBlur: onBlur_,\n    onMouseDown: onMouseDown_,\n    onMouseEnter: onMouseEnter_,\n    onMouseLeave: onMouseLeave_,\n    size,\n    variant = 'secondary',\n    ...props\n  },\n  ref\n) {\n  const innerRef = React.useRef<HTMLDivElement>(null)\n  const containerRef = (ref as React.RefObject<HTMLInputElement>) || innerRef\n  const overlayElRef = React.useRef<HTMLDivElement>(null)\n  const targetRef = React.useRef<HTMLElement>(null)\n\n  const flyoutOptions = React.useMemo(\n    () => transformOption(_options, rootId),\n    [_options]\n  )\n\n  const {\n    options,\n    collapse,\n    expand,\n    closeSelectedDropdown,\n    openDropdown,\n    isOpen,\n    onClick,\n    onKeyDown,\n    setMouseOver,\n    setFocused,\n    isExpanded,\n    isHighlighted,\n  } = useDropdownFlyout({\n    flyoutOptions,\n    onClick: _onClick,\n    onKeyDown: _onKeyDown,\n  })\n\n  useClickOutside({\n    onClickOutside: isOpen ? closeSelectedDropdown : noop,\n    refs: [containerRef],\n  })\n\n  const element =\n    typeof children === 'function' ? children({ isOpen }) : children\n\n  const I18n = useI18nContext()\n\n  const ariaLabel =\n    props['aria-label'] ||\n    label ||\n    I18n.t(`core.dropdown.${loading ? 'loading' : 'moreOptions'}`)\n\n  const trigger: ReactElementWithRef = React.isValidElement(element) ? (\n    element\n  ) : (\n    <DefaultButton\n      aria-label={ariaLabel}\n      children={label}\n      disabled={disabled}\n      loading={loading}\n      icon={icon}\n      size={size}\n      variant={variant}\n    />\n  )\n\n  function onBlur(e: React.FocusEvent<HTMLDivElement>) {\n    setFocused(false)\n    closeSelectedDropdown(e)\n    onBlur_?.(e)\n  }\n\n  function onFocus(e: React.FocusEvent<HTMLDivElement>) {\n    setFocused(true)\n    onFocus_?.(e)\n  }\n\n  function onMouseDown(e: React.MouseEvent<HTMLDivElement>) {\n    // Discard firing of blur event\n    // when click was inside the dropdown\n    if ((e.target as HTMLElement).dataset.flyout) {\n      e.preventDefault()\n      return\n    }\n    if (e.target instanceof Node && containerRef.current?.contains(e.target)) {\n      e.preventDefault()\n      targetRef.current?.focus()\n    }\n    onMouseDown_?.(e)\n  }\n\n  function onMouseLeave(e: React.MouseEvent<HTMLDivElement>) {\n    setMouseOver(false)\n    onMouseLeave_?.(e)\n  }\n\n  function onMouseEnter(e: React.MouseEvent<HTMLDivElement>) {\n    setMouseOver(true)\n    onMouseEnter_?.(e)\n  }\n\n  const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n  return (\n    <div\n      {...props}\n      aria-label={undefined}\n      ref={containerRef}\n      onKeyDown={onKeyDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onFocus={onFocus}\n      onMouseDown={onMouseDown}\n      onBlur={onBlur}\n    >\n      {React.cloneElement(trigger, {\n        ref: trigger.ref\n          ? mergeRefs(trigger.ref, targetRef, setReferenceEl)\n          : mergeRefs(targetRef, setReferenceEl),\n        onClick: (e: MouseEvent<HTMLElement, 'click'>) => {\n          trigger.props.onClick?.(e)\n          openDropdown()\n        },\n        tabIndex: 0,\n      })}\n      <DropdownFlyoutContext.Provider\n        value={{\n          expand,\n          collapse,\n          onClick,\n          isExpanded,\n          isHighlighted,\n          optionRenderer,\n        }}\n      >\n        {isOpen && (\n          <Portal>\n            <FlyoutList\n              options={options}\n              overlayRef={overlayElRef}\n              placement={placement}\n              referenceEl={referenceEl}\n              offset={4}\n            />\n          </Portal>\n        )}\n      </DropdownFlyoutContext.Provider>\n    </div>\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"DropdownFlyout.js","names":["EllipsisVertical","React","Card","DropdownButton","Portal","useClickOutside","useI18nContext","mergeRefs","defaultOptionRenderer","DropdownFlyoutContext","noop","transformOption","useDropdownFlyout","useDropdownFlyoutContext","StyledDropdownFlyout","StyledDropdownFlyoutItem","rootId","useDropdownFlyoutOverlay","FlyoutCaption","forwardRef","_ref","ref","option","highlighted","optionRenderer","props","_objectWithoutProperties","_excluded","createElement","_extends","displayName","FlyoutItem","_ref2","overlayElRef","useRef","_useDropdownFlyoutCon","isHighlighted","isExpanded","_onClick","onClick","expand","collapse","onMouseEnter","useCallback","onMouseLeave","e","relatedTarget","Node","current","contains","_React$useState","useState","_React$useState2","_slicedToArray","referenceEl","setReferenceEl","Fragment","origin","Array","isArray","children","FlyoutList","options","overlayRef","placement","_ref3","_ref3$offset","offset","_useDropdownFlyoutOve","mainAxis","overlayStyle","referenceRef","useEffect","shadowStrength","style","map","key","id","DefaultButton","_ref4","icon","_excluded2","loading","undefined","arrow","Boolean","Children","count","DropdownFlyout","_ref5","disabled","label","_options","_ref5$onClick","_ref5$optionRenderer","_ref5$placement","_onKeyDown","onKeyDown","onFocus_","onFocus","onBlur_","onBlur","onMouseDown_","onMouseDown","onMouseEnter_","onMouseLeave_","size","_ref5$variant","variant","_excluded3","innerRef","containerRef","targetRef","flyoutOptions","useMemo","_useDropdownFlyout","closeSelectedDropdown","openDropdown","isOpen","setMouseOver","setFocused","onClickOutside","refs","element","I18n","ariaLabel","t","concat","trigger","isValidElement","_containerRef$current","target","dataset","flyout","preventDefault","_targetRef$current","focus","_React$useState3","_React$useState4","cloneElement","_trigger$props$onClic","_trigger$props","call","tabIndex","Provider","value"],"sources":["../../src/DropdownFlyout/DropdownFlyout.tsx"],"sourcesContent":["import { EllipsisVertical } from '@procore/core-icons/dist'\nimport type { MouseEvent } from 'react'\nimport React from 'react'\nimport type { ButtonProps } from '../Button/Button.types'\nimport { Card } from '../Card/Card'\nimport { DropdownButton } from '../Dropdown/Dropdown'\nimport { Portal } from '../Portal'\nimport { useClickOutside } from '../_hooks/ClickOutside'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { ReactElementWithRef } from '../_utils/types'\nimport {\n  defaultOptionRenderer,\n  DropdownFlyoutContext,\n  noop,\n  transformOption,\n  useDropdownFlyout,\n  useDropdownFlyoutContext,\n} from './DropdownFlyout.helpers'\nimport {\n  StyledDropdownFlyout,\n  StyledDropdownFlyoutItem,\n} from './DropdownFlyout.styles'\nimport type {\n  DropdownFlyoutProps,\n  FlyoutCaptionProps,\n  FlyoutItemProps,\n  FlyoutListProps,\n} from './DropdownFlyout.types'\nimport { rootId } from './DropdownFlyout.types'\nimport { useDropdownFlyoutOverlay } from './useDropdownFlyoutOverlay'\n\nexport const FlyoutCaption = React.forwardRef<\n  HTMLDivElement,\n  FlyoutCaptionProps\n>(function FlyoutCaption(\n  { option, highlighted, optionRenderer, ...props },\n  ref\n) {\n  return (\n    <StyledDropdownFlyoutItem\n      {...props}\n      ref={ref}\n      data-highlighted={highlighted}\n      data-flyout\n    >\n      {optionRenderer(option)}\n    </StyledDropdownFlyoutItem>\n  )\n})\n\nFlyoutCaption.displayName = 'FlyoutCaption'\n\nexport function FlyoutItem({ option }: FlyoutItemProps) {\n  const overlayElRef = React.useRef<HTMLDivElement>(null)\n  const {\n    isHighlighted,\n    isExpanded,\n    onClick: _onClick,\n    expand,\n    collapse,\n    optionRenderer,\n  } = useDropdownFlyoutContext()\n\n  const onMouseEnter = React.useCallback(() => expand(option), [option, expand])\n  const onMouseLeave = React.useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (\n        e.relatedTarget instanceof Node &&\n        overlayElRef.current &&\n        !overlayElRef.current.contains(e.relatedTarget as Node)\n      ) {\n        collapse(option)\n      }\n    },\n    [collapse, option]\n  )\n\n  const onClick = React.useCallback(() => _onClick(option), [_onClick, option])\n\n  const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n  return (\n    <>\n      <FlyoutCaption\n        ref={setReferenceEl}\n        option={option.origin}\n        onClick={onClick}\n        optionRenderer={optionRenderer}\n        highlighted={isHighlighted(option)}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n      />\n      {Array.isArray(option.children) && isExpanded(option) ? (\n        <Portal>\n          <FlyoutList\n            referenceEl={referenceEl}\n            options={option.children}\n            overlayRef={overlayElRef}\n            placement=\"right-top\"\n          />\n        </Portal>\n      ) : null}\n    </>\n  )\n}\n\nexport function FlyoutList({\n  options,\n  placement,\n  referenceEl,\n  overlayRef: overlayElRef,\n  offset = 0,\n}: FlyoutListProps) {\n  const { overlayStyle, referenceRef, overlayRef } = useDropdownFlyoutOverlay({\n    placement,\n    offset: { mainAxis: offset },\n  })\n\n  React.useEffect(() => {\n    referenceRef(referenceEl)\n  }, [referenceEl, referenceRef])\n\n  return (\n    <Card\n      ref={mergeRefs(overlayRef, overlayElRef)}\n      shadowStrength={2}\n      style={overlayStyle}\n    >\n      <StyledDropdownFlyout>\n        {options.map((option) => (\n          <FlyoutItem key={option.id} option={option} />\n        ))}\n      </StyledDropdownFlyout>\n    </Card>\n  )\n}\n\nconst DefaultButton = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function DefaultButton({ children, icon, ...props }, ref) {\n    return (\n      <DropdownButton\n        {...props}\n        icon={\n          props.loading ? undefined : !icon && !children ? (\n            <EllipsisVertical />\n          ) : (\n            icon\n          )\n        }\n        arrow={Boolean(React.Children.count(children))}\n        ref={ref}\n      >\n        {children}\n      </DropdownButton>\n    )\n  }\n)\n\n/**\n\n  The dropdown flyout allows for additional menu items to be nested within\n  parent items, which allows more menu options for users.\n  @a11y WARN: DropdownFlyotus hold no value and take an action. Focus is expected\n    to be moved from a Dropdown to something else, to continue the user flow.\n    If the action is inert and does not move focus, this is left to be added\n    by the consumer.\n  @since 10.19.0\n\n  @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-dropdownflyout--demo)\n\n  @see [Design Guidelines](https://design.procore.com/dropdown-flyout)\n\n */\nexport const DropdownFlyout = React.forwardRef<\n  HTMLDivElement,\n  DropdownFlyoutProps\n>(function DropdownFlyout(\n  {\n    disabled,\n    icon,\n    label,\n    loading,\n    options: _options,\n    onClick: _onClick = noop,\n    optionRenderer = defaultOptionRenderer,\n    children,\n    placement = 'right-bottom',\n    onKeyDown: _onKeyDown,\n    onFocus: onFocus_,\n    onBlur: onBlur_,\n    onMouseDown: onMouseDown_,\n    onMouseEnter: onMouseEnter_,\n    onMouseLeave: onMouseLeave_,\n    size,\n    variant = 'secondary',\n    ...props\n  },\n  ref\n) {\n  const innerRef = React.useRef<HTMLDivElement>(null)\n  const containerRef = (ref as React.RefObject<HTMLInputElement>) || innerRef\n  const overlayElRef = React.useRef<HTMLDivElement>(null)\n  const targetRef = React.useRef<HTMLElement>(null)\n\n  const flyoutOptions = React.useMemo(\n    () => transformOption(_options, rootId),\n    [_options]\n  )\n\n  const {\n    options,\n    collapse,\n    expand,\n    closeSelectedDropdown,\n    openDropdown,\n    isOpen,\n    onClick,\n    onKeyDown,\n    setMouseOver,\n    setFocused,\n    isExpanded,\n    isHighlighted,\n  } = useDropdownFlyout({\n    flyoutOptions,\n    onClick: _onClick,\n    onKeyDown: _onKeyDown,\n  })\n\n  useClickOutside({\n    onClickOutside: isOpen ? closeSelectedDropdown : noop,\n    refs: [containerRef],\n  })\n\n  const element =\n    typeof children === 'function' ? children({ isOpen }) : children\n\n  const I18n = useI18nContext()\n\n  const ariaLabel =\n    props['aria-label'] ||\n    label ||\n    I18n.t(`core.dropdown.${loading ? 'loading' : 'moreOptions'}`)\n\n  const trigger: ReactElementWithRef = React.isValidElement(element) ? (\n    element\n  ) : (\n    <DefaultButton\n      aria-label={ariaLabel}\n      children={label}\n      disabled={disabled}\n      loading={loading}\n      icon={icon}\n      size={size}\n      variant={variant}\n    />\n  )\n\n  function onBlur(e: React.FocusEvent<HTMLDivElement>) {\n    setFocused(false)\n    closeSelectedDropdown(e)\n    onBlur_?.(e)\n  }\n\n  function onFocus(e: React.FocusEvent<HTMLDivElement>) {\n    setFocused(true)\n    onFocus_?.(e)\n  }\n\n  function onMouseDown(e: React.MouseEvent<HTMLDivElement>) {\n    // Discard firing of blur event\n    // when click was inside the dropdown\n    if ((e.target as HTMLElement).dataset.flyout) {\n      e.preventDefault()\n      return\n    }\n    if (e.target instanceof Node && containerRef.current?.contains(e.target)) {\n      e.preventDefault()\n      targetRef.current?.focus()\n    }\n    onMouseDown_?.(e)\n  }\n\n  function onMouseLeave(e: React.MouseEvent<HTMLDivElement>) {\n    setMouseOver(false)\n    onMouseLeave_?.(e)\n  }\n\n  function onMouseEnter(e: React.MouseEvent<HTMLDivElement>) {\n    setMouseOver(true)\n    onMouseEnter_?.(e)\n  }\n\n  const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n  return (\n    <div\n      {...props}\n      aria-label={undefined}\n      ref={containerRef}\n      onKeyDown={onKeyDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onFocus={onFocus}\n      onMouseDown={onMouseDown}\n      onBlur={onBlur}\n    >\n      {React.cloneElement(trigger, {\n        ref: trigger.ref\n          ? mergeRefs(trigger.ref, targetRef, setReferenceEl)\n          : mergeRefs(targetRef, setReferenceEl),\n        onClick: (e: MouseEvent<HTMLElement, 'click'>) => {\n          trigger.props.onClick?.(e)\n          openDropdown()\n        },\n        tabIndex: 0,\n      })}\n      <DropdownFlyoutContext.Provider\n        value={{\n          expand,\n          collapse,\n          onClick,\n          isExpanded,\n          isHighlighted,\n          optionRenderer,\n        }}\n      >\n        {isOpen && (\n          <Portal>\n            <FlyoutList\n              options={options}\n              overlayRef={overlayElRef}\n              placement={placement}\n              referenceEl={referenceEl}\n              offset={4}\n            />\n          </Portal>\n        )}\n      </DropdownFlyoutContext.Provider>\n    </div>\n  )\n})\n"],"mappings":"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"}

package/dist/DropdownFlyout/DropdownFlyout.styles.js

@@ -6,18 +6,18 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledDropdownFlyout = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropdownFlyout",
-  componentId: "core-11_24_1__sc-1i79jsg-0"
+  componentId: "core-11_24_3__sc-1i79jsg-0"
 })(["display:flex;flex-wrap:wrap;flex-direction:column;width:100%;max-height:855px;padding:", "px 0;"], spacing.sm);
 export var StyledDropdownFlyoutItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropdownFlyoutItem",
-  componentId: "core-11_24_1__sc-1i79jsg-1"
+  componentId: "core-11_24_3__sc-1i79jsg-1"
 })(["display:flex;justify-content:space-between;cursor:pointer;width:100%;padding:", "px ", "px;color:", ";", " &[data-highlighted='true'],&:hover{background-color:", ";}"], spacing.xs, spacing.lg, colors.gray20, getTypographyIntent('body'), colors.gray96);
 export var StyledDropdownFlyoutLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropdownFlyoutLabel",
-  componentId: "core-11_24_1__sc-1i79jsg-2"
+  componentId: "core-11_24_3__sc-1i79jsg-2"
 })(["", ""], getEllipsis());
 export var StyledDropdownFlyoutExpandIcon = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropdownFlyoutExpandIcon",
-  componentId: "core-11_24_1__sc-1i79jsg-3"
+  componentId: "core-11_24_3__sc-1i79jsg-3"
 })(["position:relative;display:inline-flex;align-self:center;flex-shrink:0;margin-left:", "px;white-space:nowrap;", ""], spacing.lg, arrowRight(4, 'black'));
 //# sourceMappingURL=DropdownFlyout.styles.js.map

package/dist/DropdownFlyout/DropdownFlyout.types.d.ts

@@ -1,7 +1,7 @@
-import { Ref } from 'react';
-import { DropdownProps } from '../Dropdown/Dropdown.types';
-import { OverlayProps } from '../Overlay/Overlay';
-import { DivAttributes, Placement, Props } from '../_utils/types';
+import type { Ref } from 'react';
+import type { DropdownProps } from '../Dropdown/Dropdown.types';
+import type { OverlayProps } from '../Overlay/Overlay';
+import type { DivAttributes, Placement, Props } from '../_utils/types';
 export declare const rootId = "ROOT_ID";
 export declare type Action = {
     type: 'highlight';

package/dist/DropdownFlyout/DropdownFlyout.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFlyout.types.js","names":["rootId"],"sources":["../../src/DropdownFlyout/DropdownFlyout.types.ts"],"sourcesContent":["import { Ref } from 'react'\nimport { DropdownProps } from '../Dropdown/Dropdown.types'\nimport { OverlayProps } from '../Overlay/Overlay'\nimport { DivAttributes, Placement, Props } from '../_utils/types'\n\nexport const rootId = 'ROOT_ID'\n\nexport type Action =\n  | { type: 'highlight'; option: FlyoutOption }\n  | { type: 'expand'; option: FlyoutOption }\n  | { type: 'collapse'; option: FlyoutOption }\n  | { type: 'close' }\n  | { type: 'open' }\n  | { type: 'setMouseOver'; isMouseOver: boolean }\n  | { type: 'setFocused'; isFocused: boolean }\n\ntype ExpandedItem = FlyoutOptionId\n\nexport type State = {\n  highlighted: FlyoutOption\n  expanded: ExpandedItem[]\n  options: FlyoutOption[]\n  isMouseOver: boolean\n  isFocused: boolean\n  isOpen: boolean\n}\n\nexport interface DropdownOption {\n  value: any\n  label: string\n  children?: DropdownOption[]\n}\n\ntype OptionId = string\nexport interface FlyoutOption {\n  /**\n   * @since 10.19.0\n   */\n  id: OptionId\n  /**\n   * @since 10.19.0\n   */\n  parentId: OptionId | typeof rootId\n  /**\n   * @since 10.19.0\n   */\n  origin: DropdownOption\n  /**\n   * @since 10.19.0\n   */\n  children?: FlyoutOption[]\n}\n\nexport type FlyoutOptionId = FlyoutOption['id'] | typeof rootId\n\nexport interface FlyoutCaptionProps extends DivAttributes {\n  option: DropdownOption\n  highlighted: boolean\n  optionRenderer: (option: DropdownOption) => React.ReactNode\n}\n\nexport interface FlyoutListProps extends DivAttributes {\n  options: FlyoutOption[]\n  overlayRef: Ref<HTMLDivElement>\n  placement: Placement\n  referenceEl: HTMLElement | null\n  offset?: number\n}\n\nexport interface DropdownFlyoutProps extends Omit<DivAttributes, 'onClick'> {\n  /**\n   * @since 10.19.0\n   */\n  disabled?: DropdownProps['disabled']\n\n  /**\n   * The text of the button.\n   * @since 10.19.0\n   */\n  label?: DropdownProps['label']\n  /**\n   * @since 10.19.0\n   */\n  loading?: DropdownProps['loading']\n\n  /**\n   * The icon of the button.\n   * @since 10.19.0\n   */\n  icon?: DropdownProps['icon']\n\n  /**\n   * <div>\n   *  Data of the dropdown options - <Code>Option[]</Code>\n   *  <CodeBlock>\n   *    {`type Option = { label: string; children?: Option[] }`}\n   *  </CodeBlock>\n   * </div>\n   * @since 10.19.0\n   */\n  options: DropdownOption[]\n\n  /**\n   * <div>\n   *  Callback for click on dropdown option\n   *  <CodeBlock>{'(option: Option) => void'}</CodeBlock>\n   * </div>\n   * @since 10.19.0\n   */\n  onClick?: (option: DropdownOption) => void\n\n  /**\n   * <div>\n   *  Render prop to specify custom dropdown option content\n   *  <CodeBlock>{'(option: Option) => ReactNode'}</CodeBlock>\n   * </div>\n   * @since 10.19.0\n   */\n  optionRenderer?: (option: DropdownOption) => React.ReactNode\n\n  /**\n   * @default 'right-bottom'\n   * @since 10.19.0\n   */\n  placement?: OverlayProps['placement']\n\n  /**\n   * The button size\n   * @default 'md'\n   * @since 10.19.0\n   */\n  size?: DropdownProps['size']\n\n  /**\n   * @default 'secondary'\n   * @since 10.19.0\n   */\n  variant?: DropdownProps['variant']\n}\n\nexport interface FlyoutItemProps extends Props {\n  option: FlyoutOption\n}\n"],"mappings":"AAKA,OAAO,IAAMA,MAAM,GAAG,SAAS"}
+{"version":3,"file":"DropdownFlyout.types.js","names":["rootId"],"sources":["../../src/DropdownFlyout/DropdownFlyout.types.ts"],"sourcesContent":["import type { Ref } from 'react'\nimport type { DropdownProps } from '../Dropdown/Dropdown.types'\nimport type { OverlayProps } from '../Overlay/Overlay'\nimport type { DivAttributes, Placement, Props } from '../_utils/types'\n\nexport const rootId = 'ROOT_ID'\n\nexport type Action =\n  | { type: 'highlight'; option: FlyoutOption }\n  | { type: 'expand'; option: FlyoutOption }\n  | { type: 'collapse'; option: FlyoutOption }\n  | { type: 'close' }\n  | { type: 'open' }\n  | { type: 'setMouseOver'; isMouseOver: boolean }\n  | { type: 'setFocused'; isFocused: boolean }\n\ntype ExpandedItem = FlyoutOptionId\n\nexport type State = {\n  highlighted: FlyoutOption\n  expanded: ExpandedItem[]\n  options: FlyoutOption[]\n  isMouseOver: boolean\n  isFocused: boolean\n  isOpen: boolean\n}\n\nexport interface DropdownOption {\n  value: any\n  label: string\n  children?: DropdownOption[]\n}\n\ntype OptionId = string\nexport interface FlyoutOption {\n  /**\n   * @since 10.19.0\n   */\n  id: OptionId\n  /**\n   * @since 10.19.0\n   */\n  parentId: OptionId | typeof rootId\n  /**\n   * @since 10.19.0\n   */\n  origin: DropdownOption\n  /**\n   * @since 10.19.0\n   */\n  children?: FlyoutOption[]\n}\n\nexport type FlyoutOptionId = FlyoutOption['id'] | typeof rootId\n\nexport interface FlyoutCaptionProps extends DivAttributes {\n  option: DropdownOption\n  highlighted: boolean\n  optionRenderer: (option: DropdownOption) => React.ReactNode\n}\n\nexport interface FlyoutListProps extends DivAttributes {\n  options: FlyoutOption[]\n  overlayRef: Ref<HTMLDivElement>\n  placement: Placement\n  referenceEl: HTMLElement | null\n  offset?: number\n}\n\nexport interface DropdownFlyoutProps extends Omit<DivAttributes, 'onClick'> {\n  /**\n   * @since 10.19.0\n   */\n  disabled?: DropdownProps['disabled']\n\n  /**\n   * The text of the button.\n   * @since 10.19.0\n   */\n  label?: DropdownProps['label']\n  /**\n   * @since 10.19.0\n   */\n  loading?: DropdownProps['loading']\n\n  /**\n   * The icon of the button.\n   * @since 10.19.0\n   */\n  icon?: DropdownProps['icon']\n\n  /**\n   * <div>\n   *  Data of the dropdown options - <Code>Option[]</Code>\n   *  <CodeBlock>\n   *    {`type Option = { label: string; children?: Option[] }`}\n   *  </CodeBlock>\n   * </div>\n   * @since 10.19.0\n   */\n  options: DropdownOption[]\n\n  /**\n   * <div>\n   *  Callback for click on dropdown option\n   *  <CodeBlock>{'(option: Option) => void'}</CodeBlock>\n   * </div>\n   * @since 10.19.0\n   */\n  onClick?: (option: DropdownOption) => void\n\n  /**\n   * <div>\n   *  Render prop to specify custom dropdown option content\n   *  <CodeBlock>{'(option: Option) => ReactNode'}</CodeBlock>\n   * </div>\n   * @since 10.19.0\n   */\n  optionRenderer?: (option: DropdownOption) => React.ReactNode\n\n  /**\n   * @default 'right-bottom'\n   * @since 10.19.0\n   */\n  placement?: OverlayProps['placement']\n\n  /**\n   * The button size\n   * @default 'md'\n   * @since 10.19.0\n   */\n  size?: DropdownProps['size']\n\n  /**\n   * @default 'secondary'\n   * @since 10.19.0\n   */\n  variant?: DropdownProps['variant']\n}\n\nexport interface FlyoutItemProps extends Props {\n  option: FlyoutOption\n}\n"],"mappings":"AAKA,OAAO,IAAMA,MAAM,GAAG,SAAS"}