box-ui-elements 23.4.0-beta.25 → 23.4.0-beta.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -43,7 +43,8 @@ const Breadcrumb = ({
43
43
  className: classNames({
44
44
  'no-shrink': hasEllipsis && i === numItemsBeforeOverflow
45
45
  }),
46
- isLastCrumb: isLastCrumb
46
+ isLastCrumb: isLastCrumb,
47
+ key: `breadcrumb-${i}`
47
48
  }, item);
48
49
  });
49
50
  };
@@ -71,6 +71,7 @@ const Breadcrumb = ({
71
71
  <Crumb
72
72
  className={classNames({ 'no-shrink': hasEllipsis && i === numItemsBeforeOverflow })}
73
73
  isLastCrumb={isLastCrumb}
74
+ key={`breadcrumb-${i}`}
74
75
  >
75
76
  {item}
76
77
  </Crumb>
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumb.js","names":["React","injectIntl","classNames","MenuLinkItem","EllipsisCrumb","Crumb","messages","Breadcrumb","children","className","hasReverseOverflowOrder","intl","numItemsBeforeOverflow","overflowMenuButton","threshold","breadcrumbs","Children","toArray","constructChildren","overflowItems","slice","length","dotDotDotItems","reverse","menuCrumbsItems","createElement","menuButton","map","crumb","index","key","renderBreadcrumbs","newChildren","hasEllipsis","item","i","isLastCrumb","formatMessage","breadcrumbLabel","BreadcrumbBase"],"sources":["../../../src/components/breadcrumb/Breadcrumb.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\nimport { injectIntl } from 'react-intl';\nimport type { IntlShape } from 'react-intl';\nimport classNames from 'classnames';\n\nimport { MenuLinkItem } from '../menu';\nimport EllipsisCrumb from './EllipsisCrumb';\nimport Crumb from './Crumb';\nimport messages from './messages';\n\nimport './Breadcrumb.scss';\n\nexport type BreadcrumbProps = {\n /** Breadcrumb contents */\n children: React.Node,\n /** Class name for Breadcrumb */\n className?: string,\n /** Reverse default overflow breadcrumb ordering to highest to lowest depth */\n hasReverseOverflowOrder?: boolean,\n intl: IntlShape,\n /** Show number of breadcrumb items before overflow. Default is 1 */\n numItemsBeforeOverflow?: number,\n /** Element to override default overflow menu button */\n overflowMenuButton?: React.Node,\n /** Number of crumbs to show before they collapse into an ellipsis */\n threshold?: number,\n};\n\ntype Props = BreadcrumbProps;\n\nconst Breadcrumb = ({\n children,\n className = '',\n hasReverseOverflowOrder = false,\n intl,\n numItemsBeforeOverflow = 1,\n overflowMenuButton,\n threshold = 4,\n}: Props) => {\n const breadcrumbs = React.Children.toArray(children);\n\n const constructChildren = () => {\n const overflowItems = breadcrumbs.slice(numItemsBeforeOverflow, breadcrumbs.length + 1 - threshold);\n const dotDotDotItems = hasReverseOverflowOrder ? overflowItems : overflowItems.reverse();\n\n const menuCrumbsItems = (\n <EllipsisCrumb menuButton={overflowMenuButton}>\n {dotDotDotItems.map((crumb, index) => (\n <MenuLinkItem key={index}>{crumb}</MenuLinkItem>\n ))}\n </EllipsisCrumb>\n );\n return [...breadcrumbs.slice(0, numItemsBeforeOverflow), menuCrumbsItems, ...breadcrumbs.slice(1 - threshold)];\n };\n\n const renderBreadcrumbs = () => {\n let newChildren = breadcrumbs;\n let { length } = breadcrumbs;\n let hasEllipsis = false;\n\n if (length > threshold) {\n newChildren = constructChildren();\n length = newChildren.length;\n hasEllipsis = true;\n }\n\n return React.Children.map(newChildren, (item, i) => {\n const isLastCrumb = length === 0 || i === length - 1;\n return (\n <Crumb\n className={classNames({ 'no-shrink': hasEllipsis && i === numItemsBeforeOverflow })}\n isLastCrumb={isLastCrumb}\n >\n {item}\n </Crumb>\n );\n });\n };\n\n return (\n <nav aria-label={intl.formatMessage(messages.breadcrumbLabel)} className={classNames('breadcrumbs', className)}>\n <ol>{renderBreadcrumbs()}</ol>\n </nav>\n );\n};\n\nexport { Breadcrumb as BreadcrumbBase };\nexport default injectIntl(Breadcrumb);\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,YAAY;AAEvC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,SAAS;AACtC,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,KAAK,MAAM,SAAS;AAC3B,OAAOC,QAAQ,MAAM,YAAY;AAEjC,OAAO,mBAAmB;AAoB1B,MAAMC,UAAU,GAAGA,CAAC;EAChBC,QAAQ;EACRC,SAAS,GAAG,EAAE;EACdC,uBAAuB,GAAG,KAAK;EAC/BC,IAAI;EACJC,sBAAsB,GAAG,CAAC;EAC1BC,kBAAkB;EAClBC,SAAS,GAAG;AACT,CAAC,KAAK;EACT,MAAMC,WAAW,GAAGf,KAAK,CAACgB,QAAQ,CAACC,OAAO,CAACT,QAAQ,CAAC;EAEpD,MAAMU,iBAAiB,GAAGA,CAAA,KAAM;IAC5B,MAAMC,aAAa,GAAGJ,WAAW,CAACK,KAAK,CAACR,sBAAsB,EAAEG,WAAW,CAACM,MAAM,GAAG,CAAC,GAAGP,SAAS,CAAC;IACnG,MAAMQ,cAAc,GAAGZ,uBAAuB,GAAGS,aAAa,GAAGA,aAAa,CAACI,OAAO,CAAC,CAAC;IAExF,MAAMC,eAAe,gBACjBxB,KAAA,CAAAyB,aAAA,CAACrB,aAAa;MAACsB,UAAU,EAAEb;IAAmB,GACzCS,cAAc,CAACK,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBAC7B7B,KAAA,CAAAyB,aAAA,CAACtB,YAAY;MAAC2B,GAAG,EAAED;IAAM,GAAED,KAAoB,CAClD,CACU,CAClB;IACD,OAAO,CAAC,GAAGb,WAAW,CAACK,KAAK,CAAC,CAAC,EAAER,sBAAsB,CAAC,EAAEY,eAAe,EAAE,GAAGT,WAAW,CAACK,KAAK,CAAC,CAAC,GAAGN,SAAS,CAAC,CAAC;EAClH,CAAC;EAED,MAAMiB,iBAAiB,GAAGA,CAAA,KAAM;IAC5B,IAAIC,WAAW,GAAGjB,WAAW;IAC7B,IAAI;MAAEM;IAAO,CAAC,GAAGN,WAAW;IAC5B,IAAIkB,WAAW,GAAG,KAAK;IAEvB,IAAIZ,MAAM,GAAGP,SAAS,EAAE;MACpBkB,WAAW,GAAGd,iBAAiB,CAAC,CAAC;MACjCG,MAAM,GAAGW,WAAW,CAACX,MAAM;MAC3BY,WAAW,GAAG,IAAI;IACtB;IAEA,OAAOjC,KAAK,CAACgB,QAAQ,CAACW,GAAG,CAACK,WAAW,EAAE,CAACE,IAAI,EAAEC,CAAC,KAAK;MAChD,MAAMC,WAAW,GAAGf,MAAM,KAAK,CAAC,IAAIc,CAAC,KAAKd,MAAM,GAAG,CAAC;MACpD,oBACIrB,KAAA,CAAAyB,aAAA,CAACpB,KAAK;QACFI,SAAS,EAAEP,UAAU,CAAC;UAAE,WAAW,EAAE+B,WAAW,IAAIE,CAAC,KAAKvB;QAAuB,CAAC,CAAE;QACpFwB,WAAW,EAAEA;MAAY,GAExBF,IACE,CAAC;IAEhB,CAAC,CAAC;EACN,CAAC;EAED,oBACIlC,KAAA,CAAAyB,aAAA;IAAK,cAAYd,IAAI,CAAC0B,aAAa,CAAC/B,QAAQ,CAACgC,eAAe,CAAE;IAAC7B,SAAS,EAAEP,UAAU,CAAC,aAAa,EAAEO,SAAS;EAAE,gBAC3GT,KAAA,CAAAyB,aAAA,aAAKM,iBAAiB,CAAC,CAAM,CAC5B,CAAC;AAEd,CAAC;AAED,SAASxB,UAAU,IAAIgC,cAAc;AACrC,eAAetC,UAAU,CAACM,UAAU,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"Breadcrumb.js","names":["React","injectIntl","classNames","MenuLinkItem","EllipsisCrumb","Crumb","messages","Breadcrumb","children","className","hasReverseOverflowOrder","intl","numItemsBeforeOverflow","overflowMenuButton","threshold","breadcrumbs","Children","toArray","constructChildren","overflowItems","slice","length","dotDotDotItems","reverse","menuCrumbsItems","createElement","menuButton","map","crumb","index","key","renderBreadcrumbs","newChildren","hasEllipsis","item","i","isLastCrumb","formatMessage","breadcrumbLabel","BreadcrumbBase"],"sources":["../../../src/components/breadcrumb/Breadcrumb.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\nimport { injectIntl } from 'react-intl';\nimport type { IntlShape } from 'react-intl';\nimport classNames from 'classnames';\n\nimport { MenuLinkItem } from '../menu';\nimport EllipsisCrumb from './EllipsisCrumb';\nimport Crumb from './Crumb';\nimport messages from './messages';\n\nimport './Breadcrumb.scss';\n\nexport type BreadcrumbProps = {\n /** Breadcrumb contents */\n children: React.Node,\n /** Class name for Breadcrumb */\n className?: string,\n /** Reverse default overflow breadcrumb ordering to highest to lowest depth */\n hasReverseOverflowOrder?: boolean,\n intl: IntlShape,\n /** Show number of breadcrumb items before overflow. Default is 1 */\n numItemsBeforeOverflow?: number,\n /** Element to override default overflow menu button */\n overflowMenuButton?: React.Node,\n /** Number of crumbs to show before they collapse into an ellipsis */\n threshold?: number,\n};\n\ntype Props = BreadcrumbProps;\n\nconst Breadcrumb = ({\n children,\n className = '',\n hasReverseOverflowOrder = false,\n intl,\n numItemsBeforeOverflow = 1,\n overflowMenuButton,\n threshold = 4,\n}: Props) => {\n const breadcrumbs = React.Children.toArray(children);\n\n const constructChildren = () => {\n const overflowItems = breadcrumbs.slice(numItemsBeforeOverflow, breadcrumbs.length + 1 - threshold);\n const dotDotDotItems = hasReverseOverflowOrder ? overflowItems : overflowItems.reverse();\n\n const menuCrumbsItems = (\n <EllipsisCrumb menuButton={overflowMenuButton}>\n {dotDotDotItems.map((crumb, index) => (\n <MenuLinkItem key={index}>{crumb}</MenuLinkItem>\n ))}\n </EllipsisCrumb>\n );\n return [...breadcrumbs.slice(0, numItemsBeforeOverflow), menuCrumbsItems, ...breadcrumbs.slice(1 - threshold)];\n };\n\n const renderBreadcrumbs = () => {\n let newChildren = breadcrumbs;\n let { length } = breadcrumbs;\n let hasEllipsis = false;\n\n if (length > threshold) {\n newChildren = constructChildren();\n length = newChildren.length;\n hasEllipsis = true;\n }\n\n return React.Children.map(newChildren, (item, i) => {\n const isLastCrumb = length === 0 || i === length - 1;\n return (\n <Crumb\n className={classNames({ 'no-shrink': hasEllipsis && i === numItemsBeforeOverflow })}\n isLastCrumb={isLastCrumb}\n key={`breadcrumb-${i}`}\n >\n {item}\n </Crumb>\n );\n });\n };\n\n return (\n <nav aria-label={intl.formatMessage(messages.breadcrumbLabel)} className={classNames('breadcrumbs', className)}>\n <ol>{renderBreadcrumbs()}</ol>\n </nav>\n );\n};\n\nexport { Breadcrumb as BreadcrumbBase };\nexport default injectIntl(Breadcrumb);\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,YAAY;AAEvC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,SAAS;AACtC,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,KAAK,MAAM,SAAS;AAC3B,OAAOC,QAAQ,MAAM,YAAY;AAEjC,OAAO,mBAAmB;AAoB1B,MAAMC,UAAU,GAAGA,CAAC;EAChBC,QAAQ;EACRC,SAAS,GAAG,EAAE;EACdC,uBAAuB,GAAG,KAAK;EAC/BC,IAAI;EACJC,sBAAsB,GAAG,CAAC;EAC1BC,kBAAkB;EAClBC,SAAS,GAAG;AACT,CAAC,KAAK;EACT,MAAMC,WAAW,GAAGf,KAAK,CAACgB,QAAQ,CAACC,OAAO,CAACT,QAAQ,CAAC;EAEpD,MAAMU,iBAAiB,GAAGA,CAAA,KAAM;IAC5B,MAAMC,aAAa,GAAGJ,WAAW,CAACK,KAAK,CAACR,sBAAsB,EAAEG,WAAW,CAACM,MAAM,GAAG,CAAC,GAAGP,SAAS,CAAC;IACnG,MAAMQ,cAAc,GAAGZ,uBAAuB,GAAGS,aAAa,GAAGA,aAAa,CAACI,OAAO,CAAC,CAAC;IAExF,MAAMC,eAAe,gBACjBxB,KAAA,CAAAyB,aAAA,CAACrB,aAAa;MAACsB,UAAU,EAAEb;IAAmB,GACzCS,cAAc,CAACK,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBAC7B7B,KAAA,CAAAyB,aAAA,CAACtB,YAAY;MAAC2B,GAAG,EAAED;IAAM,GAAED,KAAoB,CAClD,CACU,CAClB;IACD,OAAO,CAAC,GAAGb,WAAW,CAACK,KAAK,CAAC,CAAC,EAAER,sBAAsB,CAAC,EAAEY,eAAe,EAAE,GAAGT,WAAW,CAACK,KAAK,CAAC,CAAC,GAAGN,SAAS,CAAC,CAAC;EAClH,CAAC;EAED,MAAMiB,iBAAiB,GAAGA,CAAA,KAAM;IAC5B,IAAIC,WAAW,GAAGjB,WAAW;IAC7B,IAAI;MAAEM;IAAO,CAAC,GAAGN,WAAW;IAC5B,IAAIkB,WAAW,GAAG,KAAK;IAEvB,IAAIZ,MAAM,GAAGP,SAAS,EAAE;MACpBkB,WAAW,GAAGd,iBAAiB,CAAC,CAAC;MACjCG,MAAM,GAAGW,WAAW,CAACX,MAAM;MAC3BY,WAAW,GAAG,IAAI;IACtB;IAEA,OAAOjC,KAAK,CAACgB,QAAQ,CAACW,GAAG,CAACK,WAAW,EAAE,CAACE,IAAI,EAAEC,CAAC,KAAK;MAChD,MAAMC,WAAW,GAAGf,MAAM,KAAK,CAAC,IAAIc,CAAC,KAAKd,MAAM,GAAG,CAAC;MACpD,oBACIrB,KAAA,CAAAyB,aAAA,CAACpB,KAAK;QACFI,SAAS,EAAEP,UAAU,CAAC;UAAE,WAAW,EAAE+B,WAAW,IAAIE,CAAC,KAAKvB;QAAuB,CAAC,CAAE;QACpFwB,WAAW,EAAEA,WAAY;QACzBN,GAAG,EAAE,cAAcK,CAAC;MAAG,GAEtBD,IACE,CAAC;IAEhB,CAAC,CAAC;EACN,CAAC;EAED,oBACIlC,KAAA,CAAAyB,aAAA;IAAK,cAAYd,IAAI,CAAC0B,aAAa,CAAC/B,QAAQ,CAACgC,eAAe,CAAE;IAAC7B,SAAS,EAAEP,UAAU,CAAC,aAAa,EAAEO,SAAS;EAAE,gBAC3GT,KAAA,CAAAyB,aAAA,aAAKM,iBAAiB,CAAC,CAAM,CAC5B,CAAC;AAEd,CAAC;AAED,SAASxB,UAAU,IAAIgC,cAAc;AACrC,eAAetC,UAAU,CAACM,UAAU,CAAC","ignoreList":[]}
@@ -25,7 +25,8 @@ const RetentionPolicy = ({
25
25
  value: new Date(dispositionTime)
26
26
  }, datetimeOptions)), openModal ? /*#__PURE__*/React.createElement(PlainButton, {
27
27
  className: "lnk bdl-RetentionLink",
28
- onClick: openModal
28
+ onClick: openModal,
29
+ "data-target-id": "PlainButton-retentionPolicyExtendButton"
29
30
  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.retentionPolicyExtend)) : null) : null) : null);
30
31
  };
31
32
  export default RetentionPolicy;
@@ -35,7 +35,11 @@ const RetentionPolicy = ({ dispositionTime, openModal, policyType, retentionPoli
35
35
  <dd>
36
36
  <FormattedDate value={new Date(dispositionTime)} {...datetimeOptions} />
37
37
  {openModal ? (
38
- <PlainButton className="lnk bdl-RetentionLink" onClick={openModal}>
38
+ <PlainButton
39
+ className="lnk bdl-RetentionLink"
40
+ onClick={openModal}
41
+ data-target-id="PlainButton-retentionPolicyExtendButton"
42
+ >
39
43
  <FormattedMessage {...messages.retentionPolicyExtend} />
40
44
  </PlainButton>
41
45
  ) : null}
@@ -1 +1 @@
1
- {"version":3,"file":"RetentionPolicy.js","names":["React","FormattedDate","FormattedMessage","PlainButton","messages","datetimeOptions","day","month","year","RetentionPolicy","dispositionTime","openModal","policyType","retentionPolicyDescription","createElement","Fragment","_extends","tagName","retentionPolicyExpiration","value","Date","className","onClick","retentionPolicyExtend"],"sources":["../../../src/features/item-details/RetentionPolicy.js"],"sourcesContent":["/* @flow */\nimport * as React from 'react';\nimport { FormattedDate, FormattedMessage } from 'react-intl';\n\nimport PlainButton from '../../components/plain-button';\n\nimport messages from './messages';\n\nconst datetimeOptions = {\n day: 'numeric',\n month: 'short',\n year: 'numeric',\n};\n\ntype Props = {\n dispositionTime?: number,\n openModal?: Function,\n policyType?: string,\n retentionPolicyDescription?: string,\n};\n\nconst RetentionPolicy = ({ dispositionTime, openModal, policyType, retentionPolicyDescription }: Props) => {\n if (!retentionPolicyDescription) {\n return null;\n }\n\n return (\n <>\n <FormattedMessage tagName=\"dt\" {...messages.retentionPolicyDescription} />\n <dd>{retentionPolicyDescription}</dd>\n {policyType !== 'indefinite' ? (\n <>\n <FormattedMessage tagName=\"dt\" {...messages.retentionPolicyExpiration} />\n {dispositionTime ? (\n <dd>\n <FormattedDate value={new Date(dispositionTime)} {...datetimeOptions} />\n {openModal ? (\n <PlainButton className=\"lnk bdl-RetentionLink\" onClick={openModal}>\n <FormattedMessage {...messages.retentionPolicyExtend} />\n </PlainButton>\n ) : null}\n </dd>\n ) : null}\n </>\n ) : null}\n </>\n );\n};\n\nexport default RetentionPolicy;\n"],"mappings":";AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,aAAa,EAAEC,gBAAgB,QAAQ,YAAY;AAE5D,OAAOC,WAAW,MAAM,+BAA+B;AAEvD,OAAOC,QAAQ,MAAM,YAAY;AAEjC,MAAMC,eAAe,GAAG;EACpBC,GAAG,EAAE,SAAS;EACdC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE;AACV,CAAC;AASD,MAAMC,eAAe,GAAGA,CAAC;EAAEC,eAAe;EAAEC,SAAS;EAAEC,UAAU;EAAEC;AAAkC,CAAC,KAAK;EACvG,IAAI,CAACA,0BAA0B,EAAE;IAC7B,OAAO,IAAI;EACf;EAEA,oBACIb,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACIf,KAAA,CAAAc,aAAA,CAACZ,gBAAgB,EAAAc,QAAA;IAACC,OAAO,EAAC;EAAI,GAAKb,QAAQ,CAACS,0BAA0B,CAAG,CAAC,eAC1Eb,KAAA,CAAAc,aAAA,aAAKD,0BAA+B,CAAC,EACpCD,UAAU,KAAK,YAAY,gBACxBZ,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACIf,KAAA,CAAAc,aAAA,CAACZ,gBAAgB,EAAAc,QAAA;IAACC,OAAO,EAAC;EAAI,GAAKb,QAAQ,CAACc,yBAAyB,CAAG,CAAC,EACxER,eAAe,gBACZV,KAAA,CAAAc,aAAA,0BACId,KAAA,CAAAc,aAAA,CAACb,aAAa,EAAAe,QAAA;IAACG,KAAK,EAAE,IAAIC,IAAI,CAACV,eAAe;EAAE,GAAKL,eAAe,CAAG,CAAC,EACvEM,SAAS,gBACNX,KAAA,CAAAc,aAAA,CAACX,WAAW;IAACkB,SAAS,EAAC,uBAAuB;IAACC,OAAO,EAAEX;EAAU,gBAC9DX,KAAA,CAAAc,aAAA,CAACZ,gBAAgB,EAAKE,QAAQ,CAACmB,qBAAwB,CAC9C,CAAC,GACd,IACJ,CAAC,GACL,IACN,CAAC,GACH,IACN,CAAC;AAEX,CAAC;AAED,eAAed,eAAe","ignoreList":[]}
1
+ {"version":3,"file":"RetentionPolicy.js","names":["React","FormattedDate","FormattedMessage","PlainButton","messages","datetimeOptions","day","month","year","RetentionPolicy","dispositionTime","openModal","policyType","retentionPolicyDescription","createElement","Fragment","_extends","tagName","retentionPolicyExpiration","value","Date","className","onClick","retentionPolicyExtend"],"sources":["../../../src/features/item-details/RetentionPolicy.js"],"sourcesContent":["/* @flow */\nimport * as React from 'react';\nimport { FormattedDate, FormattedMessage } from 'react-intl';\n\nimport PlainButton from '../../components/plain-button';\n\nimport messages from './messages';\n\nconst datetimeOptions = {\n day: 'numeric',\n month: 'short',\n year: 'numeric',\n};\n\ntype Props = {\n dispositionTime?: number,\n openModal?: Function,\n policyType?: string,\n retentionPolicyDescription?: string,\n};\n\nconst RetentionPolicy = ({ dispositionTime, openModal, policyType, retentionPolicyDescription }: Props) => {\n if (!retentionPolicyDescription) {\n return null;\n }\n\n return (\n <>\n <FormattedMessage tagName=\"dt\" {...messages.retentionPolicyDescription} />\n <dd>{retentionPolicyDescription}</dd>\n {policyType !== 'indefinite' ? (\n <>\n <FormattedMessage tagName=\"dt\" {...messages.retentionPolicyExpiration} />\n {dispositionTime ? (\n <dd>\n <FormattedDate value={new Date(dispositionTime)} {...datetimeOptions} />\n {openModal ? (\n <PlainButton\n className=\"lnk bdl-RetentionLink\"\n onClick={openModal}\n data-target-id=\"PlainButton-retentionPolicyExtendButton\"\n >\n <FormattedMessage {...messages.retentionPolicyExtend} />\n </PlainButton>\n ) : null}\n </dd>\n ) : null}\n </>\n ) : null}\n </>\n );\n};\n\nexport default RetentionPolicy;\n"],"mappings":";AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,aAAa,EAAEC,gBAAgB,QAAQ,YAAY;AAE5D,OAAOC,WAAW,MAAM,+BAA+B;AAEvD,OAAOC,QAAQ,MAAM,YAAY;AAEjC,MAAMC,eAAe,GAAG;EACpBC,GAAG,EAAE,SAAS;EACdC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE;AACV,CAAC;AASD,MAAMC,eAAe,GAAGA,CAAC;EAAEC,eAAe;EAAEC,SAAS;EAAEC,UAAU;EAAEC;AAAkC,CAAC,KAAK;EACvG,IAAI,CAACA,0BAA0B,EAAE;IAC7B,OAAO,IAAI;EACf;EAEA,oBACIb,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACIf,KAAA,CAAAc,aAAA,CAACZ,gBAAgB,EAAAc,QAAA;IAACC,OAAO,EAAC;EAAI,GAAKb,QAAQ,CAACS,0BAA0B,CAAG,CAAC,eAC1Eb,KAAA,CAAAc,aAAA,aAAKD,0BAA+B,CAAC,EACpCD,UAAU,KAAK,YAAY,gBACxBZ,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACIf,KAAA,CAAAc,aAAA,CAACZ,gBAAgB,EAAAc,QAAA;IAACC,OAAO,EAAC;EAAI,GAAKb,QAAQ,CAACc,yBAAyB,CAAG,CAAC,EACxER,eAAe,gBACZV,KAAA,CAAAc,aAAA,0BACId,KAAA,CAAAc,aAAA,CAACb,aAAa,EAAAe,QAAA;IAACG,KAAK,EAAE,IAAIC,IAAI,CAACV,eAAe;EAAE,GAAKL,eAAe,CAAG,CAAC,EACvEM,SAAS,gBACNX,KAAA,CAAAc,aAAA,CAACX,WAAW;IACRkB,SAAS,EAAC,uBAAuB;IACjCC,OAAO,EAAEX,SAAU;IACnB,kBAAe;EAAyC,gBAExDX,KAAA,CAAAc,aAAA,CAACZ,gBAAgB,EAAKE,QAAQ,CAACmB,qBAAwB,CAC9C,CAAC,GACd,IACJ,CAAC,GACL,IACN,CAAC,GACH,IACN,CAAC;AAEX,CAAC;AAED,eAAed,eAAe","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "box-ui-elements",
3
- "version": "23.4.0-beta.25",
3
+ "version": "23.4.0-beta.26",
4
4
  "description": "Box UI Elements",
5
5
  "author": "Box (https://www.box.com/)",
6
6
  "license": "SEE LICENSE IN LICENSE",
@@ -71,6 +71,7 @@ const Breadcrumb = ({
71
71
  <Crumb
72
72
  className={classNames({ 'no-shrink': hasEllipsis && i === numItemsBeforeOverflow })}
73
73
  isLastCrumb={isLastCrumb}
74
+ key={`breadcrumb-${i}`}
74
75
  >
75
76
  {item}
76
77
  </Crumb>
@@ -164,10 +164,12 @@ exports[`elements/content-sidebar/SidebarFileProperties render() should render r
164
164
  </FormattedDate>
165
165
  <PlainButton
166
166
  className="lnk bdl-RetentionLink"
167
+ data-target-id="PlainButton-retentionPolicyExtendButton"
167
168
  onClick={[MockFunction]}
168
169
  >
169
170
  <button
170
171
  className="btn-plain lnk bdl-RetentionLink"
172
+ data-target-id="PlainButton-retentionPolicyExtendButton"
171
173
  onClick={[MockFunction]}
172
174
  type="submit"
173
175
  >
@@ -35,7 +35,11 @@ const RetentionPolicy = ({ dispositionTime, openModal, policyType, retentionPoli
35
35
  <dd>
36
36
  <FormattedDate value={new Date(dispositionTime)} {...datetimeOptions} />
37
37
  {openModal ? (
38
- <PlainButton className="lnk bdl-RetentionLink" onClick={openModal}>
38
+ <PlainButton
39
+ className="lnk bdl-RetentionLink"
40
+ onClick={openModal}
41
+ data-target-id="PlainButton-retentionPolicyExtendButton"
42
+ >
39
43
  <FormattedMessage {...messages.retentionPolicyExtend} />
40
44
  </PlainButton>
41
45
  ) : null}
@@ -65,6 +65,7 @@ exports[`features/item-details/RetentionPolicy should render retention policy ex
65
65
  />
66
66
  <PlainButton
67
67
  className="lnk bdl-RetentionLink"
68
+ data-target-id="PlainButton-retentionPolicyExtendButton"
68
69
  onClick={[Function]}
69
70
  >
70
71
  <FormattedMessage