@procore/core-react 12.18.1 → 12.20.0

package/dist/Content/Content.styles.js

@@ -5,10 +5,10 @@ import { mediaIE11Hack } from '../_styles/media';
 import { spacing } from '../_styles/spacing';
 export var StyledContent = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledContent",
-  componentId: "core-12_18_1__sc-10y57gh-0"
+  componentId: "core-12_20_0__sc-10y57gh-0"
 })(["> * + *,> * + h1,> * + h2,> * + h3,> * + h4,> * + p,> * + ul,> * + ol{margin-top:", "px;}> ", " + *{margin-top:0;}> ", ",> ", " > ", ",> ", "{", "{min-height:0;margin-bottom:", "px;}&:last-child ", "{margin-bottom:0;}}"], spacing.lg, StyledFormRow, StyledFormRow, StyledForm, StyledFormRow, StyledFormRow, StyledFormFieldBanner, spacing.md, StyledFormFieldBanner);
 export var StyledActions = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledActions",
-  componentId: "core-12_18_1__sc-10y57gh-1"
+  componentId: "core-12_20_0__sc-10y57gh-1"
 })(["display:flex;justify-content:flex-end;gap:", "px;@media ", "{& > * + *{margin-left:", "px;}}"], spacing.sm, mediaIE11Hack, spacing.sm);
 //# sourceMappingURL=Content.styles.js.map

package/dist/DateInput/DateInput.styles.js

@@ -14,15 +14,15 @@ var inputHeight = 36; // TODO one-off
 var disabledCss = /*#__PURE__*/css(["background-color:", ";color:", ";border-width:1px;border-style:solid;border-color:", ";pointer-events:none;svg{color:", ";}"], colors.gray94, colors.gray45, colors.gray70, colors.gray45);
 export var StyledCalendar = /*#__PURE__*/styled(Calendar).withConfig({
   displayName: "StyledCalendar",
-  componentId: "core-12_18_1__sc-w10btf-0"
+  componentId: "core-12_20_0__sc-w10btf-0"
 })(["color:", ";"], colors.gray45);
 export var StyledDateSegmentsContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDateSegmentsContainer",
-  componentId: "core-12_18_1__sc-w10btf-1"
+  componentId: "core-12_20_0__sc-w10btf-1"
 })(["min-width:104px;display:flex;gap:", "px;"], spacing.xs);
 export var StyledDateInputSegment = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDateInputSegment",
-  componentId: "core-12_18_1__sc-w10btf-2"
+  componentId: "core-12_20_0__sc-w10btf-2"
 })(["", " outline:none;text-align:center;&:focus{background-color:", ";}&::selection{background-color:transparent;}&[data-placeholder='true']{color:", ";}"], getTypographyIntent('body'), colors.blue96, function (_ref) {
   var disabled = _ref.disabled;
   return disabled ? colors.gray70 : colors.gray45;
@@ -31,15 +31,15 @@ export var StyledDateInputDelimiter = /*#__PURE__*/styled.span.attrs(function (p
   return _defineProperty({}, 'data-qa-table-visible', props.visible);
 }).withConfig({
   displayName: "StyledDateInputDelimiter",
-  componentId: "core-12_18_1__sc-w10btf-3"
+  componentId: "core-12_20_0__sc-w10btf-3"
 })(["", " user-select:none;"], getTypographyIntent('body'));
 export var StyledDateInputIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDateInputIconContainer",
-  componentId: "core-12_18_1__sc-w10btf-4"
+  componentId: "core-12_20_0__sc-w10btf-4"
 })(["display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;margin:0 0 0 ", "px;height:24px;width:24px;"], spacing.xs);
 export var StyledDateInput = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDateInput",
-  componentId: "core-12_18_1__sc-w10btf-5"
+  componentId: "core-12_20_0__sc-w10btf-5"
 })(["align-items:center;border-color:", ";border-radius:4px;border-style:solid;border-width:1px;display:inline-flex;flex-direction:row;height:", "px;justify-content:center;padding:0 ", "px 0 ", "px;&::placeholder{color:", ";}", " &:focus-within,&[data-qa=", "]{", ";}&:disabled{", "}", " ", ""], colors.gray70, inputHeight, spacing.xs, spacing.sm, colors.gray45, function (_ref3) {
   var error = _ref3.error;
   return !error && css(["&:hover,&[data-qa=", "]{border-color:", ";}"], dataQa.hovered, colors.gray45);

package/dist/DetailPage/DetailPage.styles.js

@@ -8,32 +8,32 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledDetailPage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPage",
-  componentId: "core-12_18_1__sc-cytnlo-0"
+  componentId: "core-12_20_0__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-12_18_1__sc-cytnlo-1"
+  componentId: "core-12_20_0__sc-cytnlo-1"
 })(["padding-bottom:", "px;"], spacing.xl);
 export var StyledDetailPageFooterNotation = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPageFooterNotation",
-  componentId: "core-12_18_1__sc-cytnlo-2"
+  componentId: "core-12_20_0__sc-cytnlo-2"
 })(["flex-grow:1;z-index:1;"]);
 export var StyledDetailPageFooter = /*#__PURE__*/styled(Page.Footer).withConfig({
   displayName: "StyledDetailPageFooter",
-  componentId: "core-12_18_1__sc-cytnlo-3"
+  componentId: "core-12_20_0__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-12_18_1__sc-cytnlo-4"
+  componentId: "core-12_20_0__sc-cytnlo-4"
 })(["", ""], getActions());
 var maxFooterContentWidth = 1920;
 export var StyledDetailPageFooterContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPageFooterContent",
-  componentId: "core-12_18_1__sc-cytnlo-5"
+  componentId: "core-12_20_0__sc-cytnlo-5"
 })(["width:100%;align-items:center;display:flex;justify-content:flex-end;padding:0 ", "px;max-width:", "px;"], spacing.xl, maxFooterContentWidth);
 var detailPageCardBorderRadius = 8;
 export var StyledDetailPageCard = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledDetailPageCard",
-  componentId: "core-12_18_1__sc-cytnlo-6"
+  componentId: "core-12_20_0__sc-cytnlo-6"
 })(["width:100%;border-radius:", "px;margin-top:", "px;margin-bottom:", "px;& + &{margin-top:", "px;}&:first-child{margin-top:0;}&:last-child{margin-bottom:", "px;}& > ", "{padding:", "px ", "px 0 ", "px;max-width:100%;&:empty{padding:0;}}& > ", " + ", " > ", "{border-top:0;}> .", ":first-child + .", ",> ", " + .", " + .", "{margin-top:", "px;}"], detailPageCardBorderRadius, spacing.lg, spacing.sm, spacing.sm, spacing.lg, StyledPageBanner, spacing.lg, spacing.lg, spacing.lg, StyledPageBanner, StyledSection, StyledSectionInner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), StyledPageBanner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), spacing.xxl * -1);
 //# sourceMappingURL=DetailPage.styles.js.map

package/dist/DetailPageTemplate/DetailPageTemplate.d.ts

@@ -1,12 +1,9 @@
 import React from 'react';
-export declare const DetailPageTemplate: React.ForwardRefExoticComponent<Omit<import("../PageTemplate/PageTemplate.types").PageTemplateProps, "innerPane"> & {
-    footerRequired?: string | boolean | undefined;
-    footerActions?: React.ReactNode;
-    footerNotation?: React.ReactNode;
-    headerActions?: React.ReactNode;
-    headerBanner?: React.ReactNode;
-    headerBreadcrumbs?: React.ReactNode;
-    headerTabs?: React.ReactNode;
-    headerTitle?: string | undefined;
+import type { DetailPageHeaderTemplateProps } from './DetailPageTemplate.types';
+export declare const DetailPageHeaderTemplate: React.ForwardRefExoticComponent<Required<Pick<import("../PageTemplate/PageHeaderTemplate").PageHeaderTemplateProps, "heading" | "breadcrumbs">> & Partial<Pick<import("../PageTemplate/PageHeaderTemplate").PageHeaderTemplateProps, "banner" | "pills" | "actions" | "subheading" | "tabs" | "toggleAction">> & React.RefAttributes<HTMLDivElement>>;
+export declare const DetailPageFooterTemplate: React.ForwardRefExoticComponent<Required<Pick<import("../PageTemplate/PageFooterTemplate").PageFooterTemplateProps, "actions">> & Partial<Pick<import("../PageTemplate/PageFooterTemplate").PageFooterTemplateProps, "required" | "notation">> & React.RefAttributes<HTMLDivElement>>;
+export declare const DetailPageTemplate: React.ForwardRefExoticComponent<Pick<import("../PageTemplate/PageTemplate").PageTemplateProps, "children" | "footer" | "header" | "pane"> & {
+    headerProps?: DetailPageHeaderTemplateProps | undefined;
+    footerProps?: import("../PageTemplate/PageFooterTemplate").PageFooterTemplateProps | undefined;
     hasNavigation?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/DetailPageTemplate/DetailPageTemplate.js

@@ -1,43 +1,45 @@
-var _excluded = ["header", "headerActions", "headerBanner", "headerBreadcrumbs", "headerTabs", "headerTitle", "children", "footer", "footerRequired", "footerActions", "footerNotation", "hasNavigation"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var _excluded = ["header", "headerProps", "children", "footer", "footerProps", "hasNavigation"];
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
-import { PageFooterTemplate } from '../PageFooterTemplate/PageFooterTemplate';
-import { PageHeaderTemplate } from '../PageHeaderTemplate/PageHeaderTemplate';
 import { PageBodyNavigation } from '../PageLayout/PageLayout';
+import { PageFooterTemplate } from '../PageTemplate/PageFooterTemplate';
+import { PageHeaderTemplate } from '../PageTemplate/PageHeaderTemplate';
 import { PageTemplate } from '../PageTemplate/PageTemplate';
+export var DetailPageHeaderTemplate = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(PageHeaderTemplate, _extends({
+    ref: ref
+  }, props, {
+    "data-core-react": "detail-page-header-template"
+  }));
+});
+export var DetailPageFooterTemplate = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(PageFooterTemplate, _extends({
+    ref: ref
+  }, props, {
+    "data-core-react": "detail-page-footer-template"
+  }));
+});
 export var DetailPageTemplate = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var header = _ref.header,
-    headerActions = _ref.headerActions,
-    headerBanner = _ref.headerBanner,
-    headerBreadcrumbs = _ref.headerBreadcrumbs,
-    headerTabs = _ref.headerTabs,
-    headerTitle = _ref.headerTitle,
+    headerProps = _ref.headerProps,
     children = _ref.children,
     footer = _ref.footer,
-    footerRequired = _ref.footerRequired,
-    footerActions = _ref.footerActions,
-    footerNotation = _ref.footerNotation,
+    footerProps = _ref.footerProps,
     hasNavigation = _ref.hasNavigation,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(PageTemplate, _extends({
-    header: header !== null && header !== void 0 ? header : /*#__PURE__*/React.createElement(PageHeaderTemplate, {
-      actions: headerActions,
-      banner: headerBanner,
-      breadcrumbs: headerBreadcrumbs,
-      heading: headerTitle,
-      tabs: headerTabs
-    }),
-    footer: footer !== null && footer !== void 0 ? footer : /*#__PURE__*/React.createElement(PageFooterTemplate, {
-      required: footerRequired,
-      actions: footerActions,
-      notation: footerNotation
-    }),
+    "data-core-react": "detail-page-template",
+    header: header !== null && header !== void 0 ? header : /*#__PURE__*/React.createElement(DetailPageHeaderTemplate, headerProps),
+    footer: footer !== null && footer !== void 0 ? footer : /*#__PURE__*/React.createElement(DetailPageFooterTemplate, _extends({}, footerProps, {
+      actions: footerProps === null || footerProps === void 0 ? void 0 : footerProps.actions
+    })),
     innerPane: hasNavigation && /*#__PURE__*/React.createElement(PageBodyNavigation, {
       minSections: 3
-    }),
+    })
+  }, props, {
     ref: ref
-  }, props), children);
+  }), children);
 });
 //# sourceMappingURL=DetailPageTemplate.js.map

package/dist/DetailPageTemplate/DetailPageTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailPageTemplate.js","names":["React","PageFooterTemplate","PageHeaderTemplate","PageBodyNavigation","PageTemplate","DetailPageTemplate","forwardRef","_ref","ref","header","headerActions","headerBanner","headerBreadcrumbs","headerTabs","headerTitle","children","footer","footerRequired","footerActions","footerNotation","hasNavigation","props","_objectWithoutProperties","_excluded","createElement","_extends","actions","banner","breadcrumbs","heading","tabs","required","notation","innerPane","minSections"],"sources":["../../src/DetailPageTemplate/DetailPageTemplate.tsx"],"sourcesContent":["import React from 'react'\nimport { PageFooterTemplate } from '../PageFooterTemplate/PageFooterTemplate'\nimport { PageHeaderTemplate } from '../PageHeaderTemplate/PageHeaderTemplate'\nimport { PageBodyNavigation } from '../PageLayout/PageLayout'\nimport { PageTemplate } from '../PageTemplate/PageTemplate'\nimport type { DetailPageTemplateProps } from './DetailPageTemplate.types'\n\nexport const DetailPageTemplate = React.forwardRef<\n  HTMLDivElement,\n  DetailPageTemplateProps\n>(\n  (\n    {\n      header,\n      headerActions,\n      headerBanner,\n      headerBreadcrumbs,\n      headerTabs,\n      headerTitle,\n      children,\n      footer,\n      footerRequired,\n      footerActions,\n      footerNotation,\n      hasNavigation,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <PageTemplate\n        header={\n          header ?? (\n            <PageHeaderTemplate\n              actions={headerActions}\n              banner={headerBanner}\n              breadcrumbs={headerBreadcrumbs}\n              heading={headerTitle}\n              tabs={headerTabs}\n            />\n          )\n        }\n        footer={\n          footer ?? (\n            <PageFooterTemplate\n              required={footerRequired}\n              actions={footerActions}\n              notation={footerNotation}\n            />\n          )\n        }\n        innerPane={hasNavigation && <PageBodyNavigation minSections={3} />}\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </PageTemplate>\n    )\n  }\n)\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,0CAA0C;AAC7E,SAASC,kBAAkB,QAAQ,0CAA0C;AAC7E,SAASC,kBAAkB,QAAQ,0BAA0B;AAC7D,SAASC,YAAY,QAAQ,8BAA8B;AAG3D,OAAO,IAAMC,kBAAkB,gBAAGL,KAAK,CAACM,UAAU,CAIhD,UAAAC,IAAA,EAgBEC,GAAG,EACA;EAAA,IAfDC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IACZC,iBAAiB,GAAAL,IAAA,CAAjBK,iBAAiB;IACjBC,UAAU,GAAAN,IAAA,CAAVM,UAAU;IACVC,WAAW,GAAAP,IAAA,CAAXO,WAAW;IACXC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,MAAM,GAAAT,IAAA,CAANS,MAAM;IACNC,cAAc,GAAAV,IAAA,CAAdU,cAAc;IACdC,aAAa,GAAAX,IAAA,CAAbW,aAAa;IACbC,cAAc,GAAAZ,IAAA,CAAdY,cAAc;IACdC,aAAa,GAAAb,IAAA,CAAba,aAAa;IACVC,KAAK,GAAAC,wBAAA,CAAAf,IAAA,EAAAgB,SAAA;EAIV,oBACEvB,KAAA,CAAAwB,aAAA,CAACpB,YAAY,EAAAqB,QAAA;IACXhB,MAAM,EACJA,MAAM,aAANA,MAAM,cAANA,MAAM,gBACJT,KAAA,CAAAwB,aAAA,CAACtB,kBAAkB;MACjBwB,OAAO,EAAEhB,aAAc;MACvBiB,MAAM,EAAEhB,YAAa;MACrBiB,WAAW,EAAEhB,iBAAkB;MAC/BiB,OAAO,EAAEf,WAAY;MACrBgB,IAAI,EAAEjB;IAAW,CAClB,CAEJ;IACDG,MAAM,EACJA,MAAM,aAANA,MAAM,cAANA,MAAM,gBACJhB,KAAA,CAAAwB,aAAA,CAACvB,kBAAkB;MACjB8B,QAAQ,EAAEd,cAAe;MACzBS,OAAO,EAAER,aAAc;MACvBc,QAAQ,EAAEb;IAAe,CAC1B,CAEJ;IACDc,SAAS,EAAEb,aAAa,iBAAIpB,KAAA,CAAAwB,aAAA,CAACrB,kBAAkB;MAAC+B,WAAW,EAAE;IAAE,CAAE,CAAE;IACnE1B,GAAG,EAAEA;EAAI,GACLa,KAAK,GAERN,QACW,CAAC;AAEnB,CACF,CAAC"}
+{"version":3,"file":"DetailPageTemplate.js","names":["React","PageBodyNavigation","PageFooterTemplate","PageHeaderTemplate","PageTemplate","DetailPageHeaderTemplate","forwardRef","props","ref","createElement","_extends","DetailPageFooterTemplate","DetailPageTemplate","_ref","header","headerProps","children","footer","footerProps","hasNavigation","_objectWithoutProperties","_excluded","actions","innerPane","minSections"],"sources":["../../src/DetailPageTemplate/DetailPageTemplate.tsx"],"sourcesContent":["import React from 'react'\nimport { PageBodyNavigation } from '../PageLayout/PageLayout'\nimport { PageFooterTemplate } from '../PageTemplate/PageFooterTemplate'\nimport { PageHeaderTemplate } from '../PageTemplate/PageHeaderTemplate'\nimport { PageTemplate } from '../PageTemplate/PageTemplate'\nimport type {\n  DetailPageFooterTemplateProps,\n  DetailPageHeaderTemplateProps,\n  DetailPageTemplateProps,\n} from './DetailPageTemplate.types'\n\nexport const DetailPageHeaderTemplate = React.forwardRef<\n  HTMLDivElement,\n  DetailPageHeaderTemplateProps\n>((props, ref) => {\n  return (\n    <PageHeaderTemplate\n      ref={ref}\n      {...props}\n      data-core-react=\"detail-page-header-template\"\n    />\n  )\n})\n\nexport const DetailPageFooterTemplate = React.forwardRef<\n  HTMLDivElement,\n  DetailPageFooterTemplateProps\n>((props, ref) => {\n  return (\n    <PageFooterTemplate\n      ref={ref}\n      {...props}\n      data-core-react=\"detail-page-footer-template\"\n    />\n  )\n})\n\nexport const DetailPageTemplate = React.forwardRef<\n  HTMLDivElement,\n  DetailPageTemplateProps\n>(\n  (\n    {\n      header,\n      headerProps,\n      children,\n      footer,\n      footerProps,\n      hasNavigation,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <PageTemplate\n        data-core-react=\"detail-page-template\"\n        header={header ?? <DetailPageHeaderTemplate {...headerProps!} />}\n        footer={\n          footer ?? (\n            <DetailPageFooterTemplate\n              {...footerProps}\n              actions={footerProps?.actions!}\n            />\n          )\n        }\n        innerPane={hasNavigation && <PageBodyNavigation minSections={3} />}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </PageTemplate>\n    )\n  }\n)\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,0BAA0B;AAC7D,SAASC,kBAAkB,QAAQ,oCAAoC;AACvE,SAASC,kBAAkB,QAAQ,oCAAoC;AACvE,SAASC,YAAY,QAAQ,8BAA8B;AAO3D,OAAO,IAAMC,wBAAwB,gBAAGL,KAAK,CAACM,UAAU,CAGtD,UAACC,KAAK,EAAEC,GAAG,EAAK;EAChB,oBACER,KAAA,CAAAS,aAAA,CAACN,kBAAkB,EAAAO,QAAA;IACjBF,GAAG,EAAEA;EAAI,GACLD,KAAK;IACT,mBAAgB;EAA6B,EAC9C,CAAC;AAEN,CAAC,CAAC;AAEF,OAAO,IAAMI,wBAAwB,gBAAGX,KAAK,CAACM,UAAU,CAGtD,UAACC,KAAK,EAAEC,GAAG,EAAK;EAChB,oBACER,KAAA,CAAAS,aAAA,CAACP,kBAAkB,EAAAQ,QAAA;IACjBF,GAAG,EAAEA;EAAI,GACLD,KAAK;IACT,mBAAgB;EAA6B,EAC9C,CAAC;AAEN,CAAC,CAAC;AAEF,OAAO,IAAMK,kBAAkB,gBAAGZ,KAAK,CAACM,UAAU,CAIhD,UAAAO,IAAA,EAUEL,GAAG,EACA;EAAA,IATDM,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACVZ,KAAK,GAAAa,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAIV,oBACErB,KAAA,CAAAS,aAAA,CAACL,YAAY,EAAAM,QAAA;IACX,mBAAgB,sBAAsB;IACtCI,MAAM,EAAEA,MAAM,aAANA,MAAM,cAANA,MAAM,gBAAId,KAAA,CAAAS,aAAA,CAACJ,wBAAwB,EAAKU,WAAe,CAAE;IACjEE,MAAM,EACJA,MAAM,aAANA,MAAM,cAANA,MAAM,gBACJjB,KAAA,CAAAS,aAAA,CAACE,wBAAwB,EAAAD,QAAA,KACnBQ,WAAW;MACfI,OAAO,EAAEJ,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEI;IAAS,EAChC,CAEJ;IACDC,SAAS,EAAEJ,aAAa,iBAAInB,KAAA,CAAAS,aAAA,CAACR,kBAAkB;MAACuB,WAAW,EAAE;IAAE,CAAE;EAAE,GAC/DjB,KAAK;IACTC,GAAG,EAAEA;EAAI,IAERQ,QACW,CAAC;AAEnB,CACF,CAAC"}

package/dist/DetailPageTemplate/DetailPageTemplate.types.d.ts

@@ -1,14 +1,20 @@
-import type { PageFooterTemplateProps } from '../PageFooterTemplate/PageFooterTemplate.types';
-import type { PageHeaderTemplateProps } from '../PageHeaderTemplate/PageHeaderTemplate.types';
-import type { PageTemplateProps } from '../PageTemplate/PageTemplate.types';
-export declare type DetailPageTemplateProps = Omit<PageTemplateProps, 'innerPane'> & {
-    footerRequired?: PageFooterTemplateProps['required'];
-    footerActions?: PageFooterTemplateProps['actions'];
-    footerNotation?: PageFooterTemplateProps['notation'];
-    headerActions?: PageHeaderTemplateProps['actions'];
-    headerBanner?: PageHeaderTemplateProps['banner'];
-    headerBreadcrumbs?: PageHeaderTemplateProps['breadcrumbs'];
-    headerTabs?: PageHeaderTemplateProps['tabs'];
-    headerTitle?: PageHeaderTemplateProps['heading'];
+import type { PageFooterTemplateProps } from '../PageTemplate/PageFooterTemplate';
+import type { PageHeaderTemplateProps } from '../PageTemplate/PageHeaderTemplate';
+import type { PageTemplateProps } from '../PageTemplate/PageTemplate';
+import type { UsingProps } from '../_utils/types';
+export declare type DetailPageHeaderTemplateProps = UsingProps<PageHeaderTemplateProps, 'breadcrumbs' | 'heading', 'actions' | 'banner' | 'pills' | 'subheading' | 'tabs' | 'toggleAction'>;
+export declare type DetailPageFooterTemplateProps = UsingProps<PageFooterTemplateProps, 'actions', 'required' | 'notation'>;
+export declare type DetailPageTemplateProps = Pick<PageTemplateProps, 'header' | 'footer' | 'pane' | 'children'> & {
+    /**
+     * @since 12.20.0
+     */
+    headerProps?: DetailPageHeaderTemplateProps;
+    /**
+     * @since 12.20.0
+     */
+    footerProps?: PageFooterTemplateProps;
+    /**
+     * @since 12.20.0
+     */
     hasNavigation?: boolean;
 };

package/dist/DetailPageTemplate/DetailPageTemplate.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailPageTemplate.types.js","names":[],"sources":["../../src/DetailPageTemplate/DetailPageTemplate.types.ts"],"sourcesContent":["import type { PageFooterTemplateProps } from '../PageFooterTemplate/PageFooterTemplate.types'\nimport type { PageHeaderTemplateProps } from '../PageHeaderTemplate/PageHeaderTemplate.types'\nimport type { PageTemplateProps } from '../PageTemplate/PageTemplate.types'\n\nexport type DetailPageTemplateProps = Omit<PageTemplateProps, 'innerPane'> & {\n  footerRequired?: PageFooterTemplateProps['required']\n  footerActions?: PageFooterTemplateProps['actions']\n  footerNotation?: PageFooterTemplateProps['notation']\n  headerActions?: PageHeaderTemplateProps['actions']\n  headerBanner?: PageHeaderTemplateProps['banner']\n  headerBreadcrumbs?: PageHeaderTemplateProps['breadcrumbs']\n  headerTabs?: PageHeaderTemplateProps['tabs']\n  headerTitle?: PageHeaderTemplateProps['heading']\n  hasNavigation?: boolean\n}\n"],"mappings":""}
+{"version":3,"file":"DetailPageTemplate.types.js","names":[],"sources":["../../src/DetailPageTemplate/DetailPageTemplate.types.ts"],"sourcesContent":["import type { PageFooterTemplateProps } from '../PageTemplate/PageFooterTemplate'\nimport type { PageHeaderTemplateProps } from '../PageTemplate/PageHeaderTemplate'\nimport type { PageTemplateProps } from '../PageTemplate/PageTemplate'\n\nimport type { UsingProps } from '../_utils/types'\n\nexport type DetailPageHeaderTemplateProps = UsingProps<\n  PageHeaderTemplateProps,\n  'breadcrumbs' | 'heading',\n  'actions' | 'banner' | 'pills' | 'subheading' | 'tabs' | 'toggleAction'\n>\n\nexport type DetailPageFooterTemplateProps = UsingProps<\n  PageFooterTemplateProps,\n  'actions',\n  'required' | 'notation'\n>\n\nexport type DetailPageTemplateProps = Pick<\n  PageTemplateProps,\n  'header' | 'footer' | 'pane' | 'children'\n> & {\n  /**\n   * @since 12.20.0\n   */\n  headerProps?: DetailPageHeaderTemplateProps\n  /**\n   * @since 12.20.0\n   */\n  footerProps?: PageFooterTemplateProps\n  /**\n   * @since 12.20.0\n   */\n  hasNavigation?: boolean\n}\n"],"mappings":""}

package/dist/DetailPageTemplate/index.d.ts

@@ -0,0 +1,2 @@
+export { DetailPageHeaderTemplate } from './DetailPageTemplate';
+export type { DetailPageHeaderTemplateProps } from './DetailPageTemplate.types';

package/dist/DetailPageTemplate/index.js

@@ -0,0 +1,2 @@
+export { DetailPageHeaderTemplate } from './DetailPageTemplate';
+//# sourceMappingURL=index.js.map

package/dist/DetailPageTemplate/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["DetailPageHeaderTemplate"],"sources":["../../src/DetailPageTemplate/index.ts"],"sourcesContent":["export { DetailPageHeaderTemplate } from './DetailPageTemplate'\nexport type { DetailPageHeaderTemplateProps } from './DetailPageTemplate.types'\n"],"mappings":"AAAA,SAASA,wBAAwB,QAAQ,sBAAsB"}

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-12_18_1__sc-ufsy2q-0"
+  componentId: "core-12_20_0__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-12_18_1__sc-ufsy2q-1"
+  componentId: "core-12_20_0__sc-ufsy2q-1"
 })(["margin:0 6px;"]);
 export var StyledDropdownButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledDropdownButton",
-  componentId: "core-12_18_1__sc-ufsy2q-2"
+  componentId: "core-12_20_0__sc-ufsy2q-2"
 })(["pointer-events:", ";", ""], function (_ref) {
   var disabled = _ref.disabled,
     $loading = _ref.$loading;

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-12_18_1__sc-1i79jsg-0"
+  componentId: "core-12_20_0__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-12_18_1__sc-1i79jsg-1"
+  componentId: "core-12_20_0__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-12_18_1__sc-1i79jsg-2"
+  componentId: "core-12_20_0__sc-1i79jsg-2"
 })(["", ""], getEllipsis());
 export var StyledDropdownFlyoutExpandIcon = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropdownFlyoutExpandIcon",
-  componentId: "core-12_18_1__sc-1i79jsg-3"
+  componentId: "core-12_20_0__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/Dropzone/Dropzone.hooks.js

@@ -269,7 +269,8 @@ export var useDropzone = function useDropzone() {
     dragError: dragError,
     dropError: dropError,
     dispatchDropError: dispatchDropError,
-    disabled: disabled
+    disabled: disabled,
+    value: value
   };
 };
 //# sourceMappingURL=Dropzone.hooks.js.map

package/dist/Dropzone/Dropzone.hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.hooks.js","names":["React","useDropzone","useDropzoneBase","useI18nContext","partition","MultipleErrors","StyledErrorBannerDetails","dropErrors","fileRejectionReason","getFileDetail","isZeroSize","oneDropAtATimeRejectionReason","dropErrorsByReason","_defineProperty","maxFiles","fileAmount","maxFileSize","minFileSize","fileType","getSizeInMB","maxSize","_ref","arguments","length","undefined","_ref$value","value","_ref$disabled","disabled","_ref$multiple","multiple","_ref$noClick","noClick","_ref$noKeyboard","noKeyboard","onDragEnter","onDragOver","onDragLeave","onDropRejected","minSize","_ref$maxFileNumber","maxFileNumber","Infinity","_onDrop","onDrop","onDropAccepted","props","_objectWithoutProperties","_excluded","I18n","_React$useState","useState","_React$useState2","_slicedToArray","acceptedFiles","setAcceptedFiles","_React$useState3","_React$useState4","fileRejections","setFileRejections","maxFilesRemaining","defaultDropError","type","reset","title","message","dropErrorReducer","state","action","rejectedFiles","createElement","map","_ref2","file","key","name","t","oneFileAtATime","body","sizeInMegabytes","multipleErrors","_objectSpread","withOneDropAtATimeError","errors","code","_React$useReducer","useReducer","_React$useReducer2","dropError","dispatchDropError","useCallback","event","droppedFiles","concat","_toConsumableArray","rej","allFilesWithRejections","_ref3","i","_partition","_ref4","_partition2","actualAcceptedFiles_","actualRejectedFiles","actualAcceptedFiles","_ref5","errorCodes","flatMap","rejection","error","hasMultipleErrors","Set","size","_useDropzoneBase","getRootProps","getInputProps","isDragActive","isFileDialogActive","isDragReject","isFocused","isDragAccept","draggedFiles","open","rootRef","inputRef","dragError","useMemo","getFileTypeError","count","getFileAmountError","fileLimit","amountError"],"sources":["../../src/Dropzone/Dropzone.hooks.tsx"],"sourcesContent":["import React from 'react'\nimport type { DropEvent, DropzoneOptions } from 'react-dropzone'\nimport { useDropzone as useDropzoneBase } from 'react-dropzone'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { partition } from '../_utils/partition'\nimport { MultipleErrors } from './Dropzone'\nimport { StyledErrorBannerDetails } from './Dropzone.styles'\nimport type {\n  DropError,\n  DropErrorType,\n  DropzoneHookProps,\n  DropzoneHookState,\n  FileRejection,\n  FileRejectionReason,\n} from './Dropzone.types'\nimport { dropErrors, fileRejectionReason } from './Dropzone.types'\nimport { getFileDetail, isZeroSize } from './Dropzone.utils'\n\nconst oneDropAtATimeRejectionReason = 'one-drop-at-a-time'\n\nconst dropErrorsByReason: Record<FileRejectionReason, DropErrorType> = {\n  [fileRejectionReason.maxFiles]: dropErrors.fileAmount,\n  [fileRejectionReason.maxFileSize]: dropErrors.maxFileSize,\n  [fileRejectionReason.minFileSize]: dropErrors.minFileSize,\n  [fileRejectionReason.fileType]: dropErrors.fileType,\n}\n\nconst getSizeInMB = (maxSize: number): number => maxSize / 10e5\n\n/**\n * WARNING:\n * Use ACCEPT prop carefully, because mime type determination is not reliable across platforms.\n * Details: https://github.com/react-dropzone/react-dropzone/tree/master/examples/accept#browser-limitations\n */\nexport const useDropzone = ({\n  value = [],\n  disabled = false,\n  multiple = false,\n  noClick = true,\n  noKeyboard = true,\n  onDragEnter,\n  onDragOver,\n  onDragLeave,\n  onDropRejected,\n  maxFileSize: maxSize,\n  minFileSize: minSize,\n  maxFileNumber = Infinity,\n  onDrop: _onDrop,\n  onDropAccepted,\n  ...props\n}: DropzoneHookProps = {}): DropzoneHookState => {\n  const I18n = useI18nContext()\n  const [acceptedFiles, setAcceptedFiles] = React.useState<File[]>([])\n  const [fileRejections, setFileRejections] = React.useState<FileRejection[]>(\n    []\n  )\n\n  const maxFilesRemaining = maxFileNumber - value.length\n\n  const defaultDropError = {\n    type: dropErrors.reset,\n    title: '',\n    message: '',\n  }\n\n  const dropErrorReducer = (\n    state: DropError,\n    action: DropErrorType\n  ): DropError => {\n    const rejectedFiles = (\n      <StyledErrorBannerDetails>\n        {fileRejections.map(({ file }) => {\n          return <li key={file.name}>{getFileDetail(file)}</li>\n        })}\n      </StyledErrorBannerDetails>\n    )\n    const title = I18n.t('core.dropzone.errorTitle')\n\n    switch (action) {\n      case dropErrors.oneFileAtATime:\n        return {\n          type: dropErrors.oneFileAtATime,\n          title: '',\n          message: I18n.t('core.dropzone.oneFileAtATimeError'),\n        }\n      case dropErrors.fileAmount:\n        return {\n          type: dropErrors.fileAmount,\n          title,\n          message: I18n.t('core.dropzone.standaloneMaxFileNumberError', {\n            maxFiles: maxFileNumber,\n          }),\n          body: rejectedFiles,\n        }\n      case dropErrors.fileType:\n        return {\n          type: dropErrors.fileType,\n          title,\n          message: I18n.t('core.dropzone.standaloneUnsupportedFileTypeError'),\n          body: rejectedFiles,\n        }\n      case dropErrors.maxFileSize:\n        return {\n          type: dropErrors.maxFileSize,\n          title,\n          message: I18n.t('core.dropzone.standaloneMaxFileSizeError', {\n            sizeInMegabytes: getSizeInMB(maxSize as number),\n          }),\n          body: rejectedFiles,\n        }\n      case dropErrors.minFileSize:\n        const message = isZeroSize(minSize)\n          ? I18n.t('core.dropzone.standaloneZeroFileSizeError')\n          : I18n.t('core.dropzone.standaloneMinFileSizeError', {\n              sizeInMegabytes: getSizeInMB(minSize as number),\n            })\n\n        return {\n          type: dropErrors.minFileSize,\n          title,\n          message,\n          body: rejectedFiles,\n        }\n      case dropErrors.multipleErrors:\n        return {\n          type: dropErrors.multipleErrors,\n          title,\n          message: I18n.t('core.dropzone.multipleErrorsMessage'),\n          body: (\n            <MultipleErrors\n              fileRejections={fileRejections}\n              maxFiles={maxFileNumber}\n              maxSize={maxSize}\n              minSize={minSize}\n            />\n          ),\n        }\n      case dropErrors.reset:\n        return { ...defaultDropError }\n      default:\n        return state\n    }\n  }\n\n  const withOneDropAtATimeError = (file: File) => ({\n    file,\n    errors: [\n      {\n        message: I18n.t('core.dropzone.oneDropAtATimeError'),\n        code: oneDropAtATimeRejectionReason as FileRejectionReason,\n      },\n    ],\n  })\n\n  const [dropError, dispatchDropError] = React.useReducer<\n    React.Reducer<DropError, DropErrorType>\n  >(dropErrorReducer, { ...defaultDropError })\n\n  const onDrop: DropzoneOptions['onDrop'] = React.useCallback(\n    (\n      acceptedFiles: File[],\n      rejectedFiles: FileRejection[],\n      event: DropEvent\n    ) => {\n      dispatchDropError(dropErrors.reset)\n\n      const droppedFiles = [\n        ...acceptedFiles,\n        ...rejectedFiles.map((rej) => rej.file),\n      ]\n      if (!multiple && droppedFiles.length > 1) {\n        dispatchDropError(dropErrors.oneFileAtATime)\n        onDropRejected?.(droppedFiles.map(withOneDropAtATimeError), event)\n        return\n      }\n\n      const allFilesWithRejections = [\n        ...acceptedFiles.map((file) => ({ file, errors: [] })),\n        ...rejectedFiles,\n      ].map(({ file, errors }, i) => ({\n        file,\n        errors:\n          i < maxFilesRemaining\n            ? errors\n            : [...errors, { message: '', code: fileRejectionReason.maxFiles }],\n      }))\n\n      const [actualAcceptedFiles_, actualRejectedFiles] =\n        partition<FileRejection>(\n          ({ errors }) => errors.length === 0,\n          allFilesWithRejections\n        )\n\n      const actualAcceptedFiles = actualAcceptedFiles_.map(({ file }) => file)\n\n      _onDrop?.(actualAcceptedFiles, actualRejectedFiles, event)\n\n      setAcceptedFiles(actualAcceptedFiles)\n      setFileRejections(actualRejectedFiles)\n\n      if (actualAcceptedFiles.length) {\n        onDropAccepted?.(actualAcceptedFiles, event)\n      }\n\n      if (actualRejectedFiles.length) {\n        onDropRejected?.(actualRejectedFiles, event)\n      }\n\n      const errorCodes = actualRejectedFiles\n        .flatMap((rejection) => rejection.errors)\n        .map((error) => error.code)\n      const hasMultipleErrors = new Set([...errorCodes]).size > 1\n\n      if (hasMultipleErrors) {\n        dispatchDropError(dropErrors.multipleErrors)\n      } else {\n        dispatchDropError(dropErrorsByReason[errorCodes[0]])\n      }\n    },\n    [_onDrop, maxFilesRemaining, onDropRejected, onDropAccepted, multiple]\n  )\n\n  const {\n    getRootProps,\n    getInputProps,\n    isDragActive,\n    isFileDialogActive,\n    isDragReject,\n    isFocused,\n    isDragAccept,\n    draggedFiles,\n    open,\n    rootRef,\n    inputRef,\n  } = useDropzoneBase({\n    ...props,\n    disabled,\n    minSize,\n    maxSize,\n    multiple,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n    noClick,\n    noKeyboard,\n  })\n\n  const dragError = React.useMemo(() => {\n    const getFileTypeError = () => {\n      return isDragReject\n        ? I18n.t('core.dropzone.incorrectFileTypeMessage', {\n            count: draggedFiles.length,\n          })\n        : ''\n    }\n\n    const getFileAmountError = () => {\n      const fileLimit = multiple ? maxFilesRemaining : 1\n\n      const amountError = multiple\n        ? I18n.t('core.dropzone.invalidAmountAttachments', {\n            count: maxFileNumber,\n          })\n        : I18n.t('core.dropzone.incorrectFileNumber')\n\n      return draggedFiles.length > fileLimit ? amountError : ''\n    }\n\n    return getFileAmountError() || getFileTypeError()\n  }, [\n    I18n,\n    draggedFiles.length,\n    maxFilesRemaining,\n    isDragReject,\n    maxFileNumber,\n    multiple,\n  ])\n\n  return {\n    getRootProps,\n    getInputProps,\n\n    isDragActive,\n    isFileDialogActive,\n    isDragReject,\n    isFocused,\n    isDragAccept,\n    draggedFiles,\n    acceptedFiles,\n    fileRejections,\n\n    open,\n    rootRef,\n    inputRef,\n\n    multiple,\n    dragError,\n    dropError,\n    dispatchDropError,\n    disabled,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Dropzone.hooks.js","names":["React","useDropzone","useDropzoneBase","useI18nContext","partition","MultipleErrors","StyledErrorBannerDetails","dropErrors","fileRejectionReason","getFileDetail","isZeroSize","oneDropAtATimeRejectionReason","dropErrorsByReason","_defineProperty","maxFiles","fileAmount","maxFileSize","minFileSize","fileType","getSizeInMB","maxSize","_ref","arguments","length","undefined","_ref$value","value","_ref$disabled","disabled","_ref$multiple","multiple","_ref$noClick","noClick","_ref$noKeyboard","noKeyboard","onDragEnter","onDragOver","onDragLeave","onDropRejected","minSize","_ref$maxFileNumber","maxFileNumber","Infinity","_onDrop","onDrop","onDropAccepted","props","_objectWithoutProperties","_excluded","I18n","_React$useState","useState","_React$useState2","_slicedToArray","acceptedFiles","setAcceptedFiles","_React$useState3","_React$useState4","fileRejections","setFileRejections","maxFilesRemaining","defaultDropError","type","reset","title","message","dropErrorReducer","state","action","rejectedFiles","createElement","map","_ref2","file","key","name","t","oneFileAtATime","body","sizeInMegabytes","multipleErrors","_objectSpread","withOneDropAtATimeError","errors","code","_React$useReducer","useReducer","_React$useReducer2","dropError","dispatchDropError","useCallback","event","droppedFiles","concat","_toConsumableArray","rej","allFilesWithRejections","_ref3","i","_partition","_ref4","_partition2","actualAcceptedFiles_","actualRejectedFiles","actualAcceptedFiles","_ref5","errorCodes","flatMap","rejection","error","hasMultipleErrors","Set","size","_useDropzoneBase","getRootProps","getInputProps","isDragActive","isFileDialogActive","isDragReject","isFocused","isDragAccept","draggedFiles","open","rootRef","inputRef","dragError","useMemo","getFileTypeError","count","getFileAmountError","fileLimit","amountError"],"sources":["../../src/Dropzone/Dropzone.hooks.tsx"],"sourcesContent":["import React from 'react'\nimport type { DropEvent, DropzoneOptions } from 'react-dropzone'\nimport { useDropzone as useDropzoneBase } from 'react-dropzone'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { partition } from '../_utils/partition'\nimport { MultipleErrors } from './Dropzone'\nimport { StyledErrorBannerDetails } from './Dropzone.styles'\nimport type {\n  DropError,\n  DropErrorType,\n  DropzoneHookProps,\n  DropzoneHookState,\n  FileRejection,\n  FileRejectionReason,\n} from './Dropzone.types'\nimport { dropErrors, fileRejectionReason } from './Dropzone.types'\nimport { getFileDetail, isZeroSize } from './Dropzone.utils'\n\nconst oneDropAtATimeRejectionReason = 'one-drop-at-a-time'\n\nconst dropErrorsByReason: Record<FileRejectionReason, DropErrorType> = {\n  [fileRejectionReason.maxFiles]: dropErrors.fileAmount,\n  [fileRejectionReason.maxFileSize]: dropErrors.maxFileSize,\n  [fileRejectionReason.minFileSize]: dropErrors.minFileSize,\n  [fileRejectionReason.fileType]: dropErrors.fileType,\n}\n\nconst getSizeInMB = (maxSize: number): number => maxSize / 10e5\n\n/**\n * WARNING:\n * Use ACCEPT prop carefully, because mime type determination is not reliable across platforms.\n * Details: https://github.com/react-dropzone/react-dropzone/tree/master/examples/accept#browser-limitations\n */\nexport const useDropzone = ({\n  value = [],\n  disabled = false,\n  multiple = false,\n  noClick = true,\n  noKeyboard = true,\n  onDragEnter,\n  onDragOver,\n  onDragLeave,\n  onDropRejected,\n  maxFileSize: maxSize,\n  minFileSize: minSize,\n  maxFileNumber = Infinity,\n  onDrop: _onDrop,\n  onDropAccepted,\n  ...props\n}: DropzoneHookProps = {}): DropzoneHookState => {\n  const I18n = useI18nContext()\n  const [acceptedFiles, setAcceptedFiles] = React.useState<File[]>([])\n  const [fileRejections, setFileRejections] = React.useState<FileRejection[]>(\n    []\n  )\n\n  const maxFilesRemaining = maxFileNumber - value.length\n\n  const defaultDropError = {\n    type: dropErrors.reset,\n    title: '',\n    message: '',\n  }\n\n  const dropErrorReducer = (\n    state: DropError,\n    action: DropErrorType\n  ): DropError => {\n    const rejectedFiles = (\n      <StyledErrorBannerDetails>\n        {fileRejections.map(({ file }) => {\n          return <li key={file.name}>{getFileDetail(file)}</li>\n        })}\n      </StyledErrorBannerDetails>\n    )\n    const title = I18n.t('core.dropzone.errorTitle')\n\n    switch (action) {\n      case dropErrors.oneFileAtATime:\n        return {\n          type: dropErrors.oneFileAtATime,\n          title: '',\n          message: I18n.t('core.dropzone.oneFileAtATimeError'),\n        }\n      case dropErrors.fileAmount:\n        return {\n          type: dropErrors.fileAmount,\n          title,\n          message: I18n.t('core.dropzone.standaloneMaxFileNumberError', {\n            maxFiles: maxFileNumber,\n          }),\n          body: rejectedFiles,\n        }\n      case dropErrors.fileType:\n        return {\n          type: dropErrors.fileType,\n          title,\n          message: I18n.t('core.dropzone.standaloneUnsupportedFileTypeError'),\n          body: rejectedFiles,\n        }\n      case dropErrors.maxFileSize:\n        return {\n          type: dropErrors.maxFileSize,\n          title,\n          message: I18n.t('core.dropzone.standaloneMaxFileSizeError', {\n            sizeInMegabytes: getSizeInMB(maxSize as number),\n          }),\n          body: rejectedFiles,\n        }\n      case dropErrors.minFileSize:\n        const message = isZeroSize(minSize)\n          ? I18n.t('core.dropzone.standaloneZeroFileSizeError')\n          : I18n.t('core.dropzone.standaloneMinFileSizeError', {\n              sizeInMegabytes: getSizeInMB(minSize as number),\n            })\n\n        return {\n          type: dropErrors.minFileSize,\n          title,\n          message,\n          body: rejectedFiles,\n        }\n      case dropErrors.multipleErrors:\n        return {\n          type: dropErrors.multipleErrors,\n          title,\n          message: I18n.t('core.dropzone.multipleErrorsMessage'),\n          body: (\n            <MultipleErrors\n              fileRejections={fileRejections}\n              maxFiles={maxFileNumber}\n              maxSize={maxSize}\n              minSize={minSize}\n            />\n          ),\n        }\n      case dropErrors.reset:\n        return { ...defaultDropError }\n      default:\n        return state\n    }\n  }\n\n  const withOneDropAtATimeError = (file: File) => ({\n    file,\n    errors: [\n      {\n        message: I18n.t('core.dropzone.oneDropAtATimeError'),\n        code: oneDropAtATimeRejectionReason as FileRejectionReason,\n      },\n    ],\n  })\n\n  const [dropError, dispatchDropError] = React.useReducer<\n    React.Reducer<DropError, DropErrorType>\n  >(dropErrorReducer, { ...defaultDropError })\n\n  const onDrop: DropzoneOptions['onDrop'] = React.useCallback(\n    (\n      acceptedFiles: File[],\n      rejectedFiles: FileRejection[],\n      event: DropEvent\n    ) => {\n      dispatchDropError(dropErrors.reset)\n\n      const droppedFiles = [\n        ...acceptedFiles,\n        ...rejectedFiles.map((rej) => rej.file),\n      ]\n      if (!multiple && droppedFiles.length > 1) {\n        dispatchDropError(dropErrors.oneFileAtATime)\n        onDropRejected?.(droppedFiles.map(withOneDropAtATimeError), event)\n        return\n      }\n\n      const allFilesWithRejections = [\n        ...acceptedFiles.map((file) => ({ file, errors: [] })),\n        ...rejectedFiles,\n      ].map(({ file, errors }, i) => ({\n        file,\n        errors:\n          i < maxFilesRemaining\n            ? errors\n            : [...errors, { message: '', code: fileRejectionReason.maxFiles }],\n      }))\n\n      const [actualAcceptedFiles_, actualRejectedFiles] =\n        partition<FileRejection>(\n          ({ errors }) => errors.length === 0,\n          allFilesWithRejections\n        )\n\n      const actualAcceptedFiles = actualAcceptedFiles_.map(({ file }) => file)\n\n      _onDrop?.(actualAcceptedFiles, actualRejectedFiles, event)\n\n      setAcceptedFiles(actualAcceptedFiles)\n      setFileRejections(actualRejectedFiles)\n\n      if (actualAcceptedFiles.length) {\n        onDropAccepted?.(actualAcceptedFiles, event)\n      }\n\n      if (actualRejectedFiles.length) {\n        onDropRejected?.(actualRejectedFiles, event)\n      }\n\n      const errorCodes = actualRejectedFiles\n        .flatMap((rejection) => rejection.errors)\n        .map((error) => error.code)\n      const hasMultipleErrors = new Set([...errorCodes]).size > 1\n\n      if (hasMultipleErrors) {\n        dispatchDropError(dropErrors.multipleErrors)\n      } else {\n        dispatchDropError(dropErrorsByReason[errorCodes[0]])\n      }\n    },\n    [_onDrop, maxFilesRemaining, onDropRejected, onDropAccepted, multiple]\n  )\n\n  const {\n    getRootProps,\n    getInputProps,\n    isDragActive,\n    isFileDialogActive,\n    isDragReject,\n    isFocused,\n    isDragAccept,\n    draggedFiles,\n    open,\n    rootRef,\n    inputRef,\n  } = useDropzoneBase({\n    ...props,\n    disabled,\n    minSize,\n    maxSize,\n    multiple,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n    noClick,\n    noKeyboard,\n  })\n\n  const dragError = React.useMemo(() => {\n    const getFileTypeError = () => {\n      return isDragReject\n        ? I18n.t('core.dropzone.incorrectFileTypeMessage', {\n            count: draggedFiles.length,\n          })\n        : ''\n    }\n\n    const getFileAmountError = () => {\n      const fileLimit = multiple ? maxFilesRemaining : 1\n\n      const amountError = multiple\n        ? I18n.t('core.dropzone.invalidAmountAttachments', {\n            count: maxFileNumber,\n          })\n        : I18n.t('core.dropzone.incorrectFileNumber')\n\n      return draggedFiles.length > fileLimit ? amountError : ''\n    }\n\n    return getFileAmountError() || getFileTypeError()\n  }, [\n    I18n,\n    draggedFiles.length,\n    maxFilesRemaining,\n    isDragReject,\n    maxFileNumber,\n    multiple,\n  ])\n\n  return {\n    getRootProps,\n    getInputProps,\n\n    isDragActive,\n    isFileDialogActive,\n    isDragReject,\n    isFocused,\n    isDragAccept,\n    draggedFiles,\n    acceptedFiles,\n    fileRejections,\n\n    open,\n    rootRef,\n    inputRef,\n\n    multiple,\n    dragError,\n    dropError,\n    dispatchDropError,\n    disabled,\n\n    value,\n  }\n}\n"],"mappings":"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"}

package/dist/Dropzone/Dropzone.js

@@ -16,10 +16,12 @@ import { Ban, Image } from '@procore/core-icons/dist';
 import { equals, omit } from 'ramda';
 import React from 'react';
 import styled from 'styled-components';
-import { Banner } from '../Banner/Banner';
-import { Button } from '../Button/Button';
-import { Tooltip } from '../Tooltip/Tooltip';
-import { Typography } from '../Typography/Typography';
+import { Banner } from '../Banner';
+import { Box } from '../Box';
+import { Button } from '../Button';
+import { Token } from '../Token';
+import { Tooltip } from '../Tooltip';
+import { Typography } from '../Typography';
 import { useI18nContext } from '../_hooks/I18n';
 import { useResizeObserver } from '../_hooks/ResizeObserver';
 import { useFocusWithin } from '../_hooks/useFocusWithin';
@@ -93,7 +95,7 @@ export function MultipleErrors(props) {
 // make error banner accessible as a styled-components selector
 export var DropzoneErrorBanner = /*#__PURE__*/styled(DropzoneErrorBannerBase).withConfig({
   displayName: "DropzoneErrorBanner",
-  componentId: "core-12_18_1__sc-l4fojb-0"
+  componentId: "core-12_20_0__sc-l4fojb-0"
 })([""]);
 function DropzoneContainer(_ref2) {
   var active = _ref2.active,
@@ -155,7 +157,9 @@ var Dropzone_ = /*#__PURE__*/React.forwardRef(function Dropzone(_ref5, ref) {
     _ref5$inputProps = _ref5.inputProps,
     inputProps = _ref5$inputProps === void 0 ? {} : _ref5$inputProps,
     className = _ref5.className,
-    qa = _ref5.qa;
+    qa = _ref5.qa,
+    tokens = _ref5.tokens,
+    onClear = _ref5.onClear;
   var _React$useState3 = React.useState(false),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     isIconVisible = _React$useState4[0],
@@ -201,6 +205,7 @@ var Dropzone_ = /*#__PURE__*/React.forwardRef(function Dropzone(_ref5, ref) {
   return /*#__PURE__*/React.createElement(StyledDropzoneWrapper, {
     direction: "column",
     alignItems: "stretch",
+    gap: "xs",
     className: className
   }, /*#__PURE__*/React.createElement(Tooltip, {
     trigger: Boolean(tooltip) ? 'hover' : 'none',
@@ -223,7 +228,21 @@ var Dropzone_ = /*#__PURE__*/React.forwardRef(function Dropzone(_ref5, ref) {
     onDismiss: function onDismiss() {
       return dispatchDropError(dropErrors.reset);
     }
-  }));
+  }), tokens && tokens.length > 0 && /*#__PURE__*/React.createElement(Box, {
+    as: "ul",
+    display: "flex",
+    flexWrap: "wrap",
+    gap: "sm",
+    paddingTop: "lg"
+  }, tokens.map(function (token) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: token.name
+    }, /*#__PURE__*/React.createElement(Token, null, /*#__PURE__*/React.createElement(Token.Label, null, getFileDetail(token)), onClear && /*#__PURE__*/React.createElement(Token.Remove, {
+      onClick: function onClick() {
+        return onClear(token);
+      }
+    })));
+  })));
 });
 DropzoneContainer.displayName = 'DropzoneContainer';
 DropzoneContent.displayName = 'DropzoneContent';