npm - box-ui-elements - Versions diffs - 23.3.1-beta.1 → 23.4.0-beta.2 - Mend

box-ui-elements 23.3.1-beta.1 → 23.4.0-beta.2

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.

Files changed (92) hide show

package/es/common/types/metadata.js.flow CHANGED Viewed

@@ -90,6 +90,7 @@ type MetadataType = {
 type MetadataCascadePolicy = {
     canEdit?: boolean,
     id?: string,
+    cascadePolicyType?: string,
 };
 type MetadataCascadingPolicyData = {

package/es/common/types/metadata.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"metadata.js","names":["FIELD_TYPE_DATE","FIELD_TYPE_ENUM","FIELD_TYPE_FLOAT","FIELD_TYPE_MULTISELECT","FIELD_TYPE_STRING","FIELD_TYPE_TAXONOMY"],"sources":["../../../src/common/types/metadata.js"],"sourcesContent":["// @flow strict\nimport {\n FIELD_TYPE_DATE,\n FIELD_TYPE_ENUM,\n FIELD_TYPE_FLOAT,\n FIELD_TYPE_MULTISELECT,\n FIELD_TYPE_STRING,\n FIELD_TYPE_TAXONOMY,\n} from '../../features/metadata-instance-fields/constants';\nimport type { SkillCards } from './skills';\n\ntype MetadataFieldType =\n \| typeof FIELD_TYPE_DATE\n \| typeof FIELD_TYPE_ENUM\n \| typeof FIELD_TYPE_FLOAT\n \| typeof FIELD_TYPE_MULTISELECT\n \| typeof FIELD_TYPE_STRING\n \| typeof FIELD_TYPE_TAXONOMY;\n\ntype MetadataTemplateFieldOption = {\n id?: string,\n key: string,\n};\n\nexport type TaxonomyLevel = {\n description: string,\n displayName: string,\n level: number,\n};\n\ntype MetadataTemplateField = {\n description?: string,\n displayName: string,\n hidden?: boolean,\n id: string,\n isHidden?: boolean,\n key: string, // V2\n options?: Array<MetadataTemplateFieldOption>, // V3\n type: MetadataFieldType,\n levels?: Array<TaxonomyLevel>,\n namespace?: string,\n taxonomyKey?: string,\n taxonomy_key?: string,\n};\n\ntype MetadataTemplate = {\n displayName?: string,\n fields?: Array<MetadataTemplateField>,\n hidden?: boolean,\n id: string,\n isHidden?: boolean,\n scope: string, // V2\n templateKey: string, // V3\n};\n\ntype MetadataTemplateSchemaResponse = {\n data?: MetadataTemplate,\n};\n\ntype MetadataSkillsTemplate = {\n archivedItemTemplate?: {\n archiveDate: string,\n },\n boxSkillsCards?: SkillCards,\n};\n\n// $FlowFixMe flow strict doesn't like use of \"any\"\ntype MetadataFieldValue = string \| number \| Array<any>;\n\ntype MetadataFields = { [string]: MetadataFieldValue };\n\ntype MetadataQueryInstanceTypeField = {\n displayName: string,\n key: string,\n options?: MetadataTemplateFieldOption,\n type: string,\n value: ?MetadataFieldValue,\n};\n\ntype MetadataQueryInstanceTemplate = {\n fields: Array<MetadataQueryInstanceTypeField>,\n id: string,\n};\n\ntype MetadataType = {\n enterprise?: MetadataQueryInstanceTemplate,\n global?: MetadataSkillsTemplate,\n};\n\ntype MetadataCascadePolicy = {\n canEdit?: boolean,\n id?: string,\n};\n\ntype MetadataCascadingPolicyData = {\n id?: string,\n isEnabled: boolean,\n overwrite: boolean,\n};\n\ntype MetadataInstance = {\n canEdit: boolean,\n cascadePolicy?: MetadataCascadePolicy,\n data: MetadataFields,\n id: string,\n};\n\ntype MetadataInstanceV2 = {\n $canEdit: boolean,\n $id: string,\n $parent: string,\n $scope: string,\n $template: string,\n $type: string,\n $typeVersion: number,\n $version: number,\n};\n\ntype MetadataEditor = {\n hasError?: boolean,\n instance: MetadataInstance,\n isDirty?: boolean,\n template: MetadataTemplate,\n};\n\ntype MetadataSuggestion = {\n $scope: string,\n $templateKey: string,\n suggestions: { [key: string]: string \| number \| string[] },\n};\n\ntype MetadataOptionEntryAncestor = {\n id: string,\n display_name: string,\n level: string,\n};\n\ntype MetadataOptionEntry = {\n id: string,\n display_name: string,\n level: number,\n ancestors: MetadataOptionEntryAncestor[],\n deprecated: boolean,\n selectable: boolean,\n};\n\ntype MetadataOptions = {\n entries: MetadataOptionEntry[],\n next_marker: string \| null,\n result_count: number,\n};\n\ntype MetadataTemplateInstanceField = {\n description?: string,\n displayName?: string,\n hidden?: boolean,\n id?: string,\n key: string, // V2\n levels?: Array<TaxonomyLevel>,\n options?: Array<MetadataTemplateFieldOption>, // V3\n type: MetadataFieldType,\n value: MetadataFieldValue,\n};\n\ntype MetadataTemplateInstance = {\n canEdit: boolean,\n displayName?: string,\n hidden?: boolean,\n id: string,\n fields: MetadataTemplateInstanceField[],\n scope: string,\n templateKey: string,\n type: string,\n};\n\nexport type {\n MetadataTemplateInstanceField,\n MetadataTemplateInstance,\n MetadataFieldType,\n MetadataTemplateFieldOption,\n MetadataTemplateField,\n MetadataTemplate,\n MetadataTemplateSchemaResponse,\n MetadataFieldValue,\n MetadataFields,\n MetadataQueryInstanceTypeField,\n MetadataType,\n MetadataCascadePolicy,\n MetadataCascadingPolicyData,\n MetadataInstanceV2,\n MetadataEditor,\n MetadataSuggestion,\n MetadataOptions,\n};\n"],"mappings":"AACA,SACIA,eAAe,EACfC,eAAe,EACfC,gBAAgB,EAChBC,sBAAsB,EACtBC,iBAAiB,EACjBC,mBAAmB,QAChB,mDAAmD;;AA0D1D","ignoreList":[]}
1	+ {"version":3,"file":"metadata.js","names":["FIELD_TYPE_DATE","FIELD_TYPE_ENUM","FIELD_TYPE_FLOAT","FIELD_TYPE_MULTISELECT","FIELD_TYPE_STRING","FIELD_TYPE_TAXONOMY"],"sources":["../../../src/common/types/metadata.js"],"sourcesContent":["// @flow strict\nimport {\n FIELD_TYPE_DATE,\n FIELD_TYPE_ENUM,\n FIELD_TYPE_FLOAT,\n FIELD_TYPE_MULTISELECT,\n FIELD_TYPE_STRING,\n FIELD_TYPE_TAXONOMY,\n} from '../../features/metadata-instance-fields/constants';\nimport type { SkillCards } from './skills';\n\ntype MetadataFieldType =\n \| typeof FIELD_TYPE_DATE\n \| typeof FIELD_TYPE_ENUM\n \| typeof FIELD_TYPE_FLOAT\n \| typeof FIELD_TYPE_MULTISELECT\n \| typeof FIELD_TYPE_STRING\n \| typeof FIELD_TYPE_TAXONOMY;\n\ntype MetadataTemplateFieldOption = {\n id?: string,\n key: string,\n};\n\nexport type TaxonomyLevel = {\n description: string,\n displayName: string,\n level: number,\n};\n\ntype MetadataTemplateField = {\n description?: string,\n displayName: string,\n hidden?: boolean,\n id: string,\n isHidden?: boolean,\n key: string, // V2\n options?: Array<MetadataTemplateFieldOption>, // V3\n type: MetadataFieldType,\n levels?: Array<TaxonomyLevel>,\n namespace?: string,\n taxonomyKey?: string,\n taxonomy_key?: string,\n};\n\ntype MetadataTemplate = {\n displayName?: string,\n fields?: Array<MetadataTemplateField>,\n hidden?: boolean,\n id: string,\n isHidden?: boolean,\n scope: string, // V2\n templateKey: string, // V3\n};\n\ntype MetadataTemplateSchemaResponse = {\n data?: MetadataTemplate,\n};\n\ntype MetadataSkillsTemplate = {\n archivedItemTemplate?: {\n archiveDate: string,\n },\n boxSkillsCards?: SkillCards,\n};\n\n// $FlowFixMe flow strict doesn't like use of \"any\"\ntype MetadataFieldValue = string \| number \| Array<any>;\n\ntype MetadataFields = { [string]: MetadataFieldValue };\n\ntype MetadataQueryInstanceTypeField = {\n displayName: string,\n key: string,\n options?: MetadataTemplateFieldOption,\n type: string,\n value: ?MetadataFieldValue,\n};\n\ntype MetadataQueryInstanceTemplate = {\n fields: Array<MetadataQueryInstanceTypeField>,\n id: string,\n};\n\ntype MetadataType = {\n enterprise?: MetadataQueryInstanceTemplate,\n global?: MetadataSkillsTemplate,\n};\n\ntype MetadataCascadePolicy = {\n canEdit?: boolean,\n id?: string,\n cascadePolicyType?: string,\n};\n\ntype MetadataCascadingPolicyData = {\n id?: string,\n isEnabled: boolean,\n overwrite: boolean,\n};\n\ntype MetadataInstance = {\n canEdit: boolean,\n cascadePolicy?: MetadataCascadePolicy,\n data: MetadataFields,\n id: string,\n};\n\ntype MetadataInstanceV2 = {\n $canEdit: boolean,\n $id: string,\n $parent: string,\n $scope: string,\n $template: string,\n $type: string,\n $typeVersion: number,\n $version: number,\n};\n\ntype MetadataEditor = {\n hasError?: boolean,\n instance: MetadataInstance,\n isDirty?: boolean,\n template: MetadataTemplate,\n};\n\ntype MetadataSuggestion = {\n $scope: string,\n $templateKey: string,\n suggestions: { [key: string]: string \| number \| string[] },\n};\n\ntype MetadataOptionEntryAncestor = {\n id: string,\n display_name: string,\n level: string,\n};\n\ntype MetadataOptionEntry = {\n id: string,\n display_name: string,\n level: number,\n ancestors: MetadataOptionEntryAncestor[],\n deprecated: boolean,\n selectable: boolean,\n};\n\ntype MetadataOptions = {\n entries: MetadataOptionEntry[],\n next_marker: string \| null,\n result_count: number,\n};\n\ntype MetadataTemplateInstanceField = {\n description?: string,\n displayName?: string,\n hidden?: boolean,\n id?: string,\n key: string, // V2\n levels?: Array<TaxonomyLevel>,\n options?: Array<MetadataTemplateFieldOption>, // V3\n type: MetadataFieldType,\n value: MetadataFieldValue,\n};\n\ntype MetadataTemplateInstance = {\n canEdit: boolean,\n displayName?: string,\n hidden?: boolean,\n id: string,\n fields: MetadataTemplateInstanceField[],\n scope: string,\n templateKey: string,\n type: string,\n};\n\nexport type {\n MetadataTemplateInstanceField,\n MetadataTemplateInstance,\n MetadataFieldType,\n MetadataTemplateFieldOption,\n MetadataTemplateField,\n MetadataTemplate,\n MetadataTemplateSchemaResponse,\n MetadataFieldValue,\n MetadataFields,\n MetadataQueryInstanceTypeField,\n MetadataType,\n MetadataCascadePolicy,\n MetadataCascadingPolicyData,\n MetadataInstanceV2,\n MetadataEditor,\n MetadataSuggestion,\n MetadataOptions,\n};\n"],"mappings":"AACA,SACIA,eAAe,EACfC,eAAe,EACfC,gBAAgB,EAChBC,sBAAsB,EACtBC,iBAAiB,EACjBC,mBAAmB,QAChB,mDAAmD;;AA0D1D","ignoreList":[]}

package/es/components/notification/Notification.js CHANGED Viewed

@@ -4,6 +4,9 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 import * as React from 'react';
 import { defineMessages, injectIntl } from 'react-intl';
 import classNames from 'classnames';
+// $FlowFixMe
+import { Information, Check, AlertTriangle, AlertBadge, XMark } from '@box/blueprint-web-assets/icons/Medium';
 import InfoBadge16 from '../../icon/line/InfoBadge16';
 import CircleCheck16 from '../../icon/line/CircleCheck16';
 import TriangleAlert16 from '../../icon/line/TriangleAlert16';
@@ -26,10 +29,10 @@ const DURATION_TIMES = {
   [DURATION_LONG]: 10000
 };
 const ICON_RENDERER = {
-  [TYPE_DEFAULT]: () => /*#__PURE__*/React.createElement(InfoBadge16, null),
-  [TYPE_ERROR]: () => /*#__PURE__*/React.createElement(XBadge16, null),
-  [TYPE_INFO]: () => /*#__PURE__*/React.createElement(CircleCheck16, null),
-  [TYPE_WARN]: () => /*#__PURE__*/React.createElement(TriangleAlert16, null)
+  [TYPE_DEFAULT]: useV2Icons => useV2Icons ? /*#__PURE__*/React.createElement(Information, null) : /*#__PURE__*/React.createElement(InfoBadge16, null),
+  [TYPE_ERROR]: useV2Icons => useV2Icons ? /*#__PURE__*/React.createElement(AlertBadge, null) : /*#__PURE__*/React.createElement(XBadge16, null),
+  [TYPE_INFO]: useV2Icons => useV2Icons ? /*#__PURE__*/React.createElement(Check, null) : /*#__PURE__*/React.createElement(CircleCheck16, null),
+  [TYPE_WARN]: useV2Icons => useV2Icons ? /*#__PURE__*/React.createElement(AlertTriangle, null) : /*#__PURE__*/React.createElement(TriangleAlert16, null)
 };
 const messages = defineMessages({
   clearNotificationButtonText: {
@@ -71,16 +74,19 @@ class Notification extends React.Component {
       intl,
       type,
       overflow,
-      className
+      className,
+      useV2Icons
     } = this.props;
     const {
       formatMessage
     } = intl;
     const classes = classNames('notification', type, overflow, className);
+    const iconRenderer = ICON_RENDERER[type](useV2Icons);
+    const iconColor = useV2Icons ? '#222' : '#fff';
     return /*#__PURE__*/React.createElement("div", {
       className: classes
-    }, /*#__PURE__*/React.cloneElement(ICON_RENDERER[type](), {
-      color: '#fff',
+    }, /*#__PURE__*/React.cloneElement(iconRenderer, {
+      color: iconColor,
       height: 20,
       width: 20
     }), contents, /*#__PURE__*/React.createElement("button", {
@@ -88,7 +94,10 @@ class Notification extends React.Component {
       className: "close-btn",
       onClick: this.onClose,
       type: "button"
-    }, /*#__PURE__*/React.createElement(X16, null)));
+    }, useV2Icons ? /*#__PURE__*/React.createElement(XMark, {
+      height: 32,
+      width: 32
+    }) : /*#__PURE__*/React.createElement(X16, null)));
   }
 }
 _defineProperty(Notification, "defaultProps", {

package/es/components/notification/Notification.js.flow CHANGED Viewed

@@ -3,9 +3,13 @@ import * as React from 'react';
 import { defineMessages, injectIntl } from 'react-intl';
 import classNames from 'classnames';
+// $FlowFixMe
+import { Information, Check, AlertTriangle, AlertBadge, XMark } from '@box/blueprint-web-assets/icons/Medium';
 import InfoBadge16 from '../../icon/line/InfoBadge16';
 import CircleCheck16 from '../../icon/line/CircleCheck16';
 import TriangleAlert16 from '../../icon/line/TriangleAlert16';
 import XBadge16 from '../../icon/line/XBadge16';
 import X16 from '../../icon/fill/X16';
@@ -30,10 +34,10 @@ const DURATION_TIMES = {
 };
 const ICON_RENDERER: { [string]: Function } = {
-    [TYPE_DEFAULT]: () => <InfoBadge16 />,
-    [TYPE_ERROR]: () => <XBadge16 />,
-    [TYPE_INFO]: () => <CircleCheck16 />,
-    [TYPE_WARN]: () => <TriangleAlert16 />,
+    [TYPE_DEFAULT]: useV2Icons => (useV2Icons ? <Information /> : <InfoBadge16 />),
+    [TYPE_ERROR]: useV2Icons => (useV2Icons ? <AlertBadge /> : <XBadge16 />),
+    [TYPE_INFO]: useV2Icons => (useV2Icons ? <Check /> : <CircleCheck16 />),
+    [TYPE_WARN]: useV2Icons => (useV2Icons ? <AlertTriangle /> : <TriangleAlert16 />),
 };
 const messages = defineMessages({
@@ -69,6 +73,7 @@ type Props = {
      */
     type: NotificationType,
     overflow?: 'wrap' | 'ellipsis',
+    useV2Icons?: boolean,
 };
 class Notification extends React.Component<Props> {
@@ -101,14 +106,16 @@ class Notification extends React.Component<Props> {
     render() {
         const contents = this.getChildren();
-        const { intl, type, overflow, className } = this.props;
+        const { intl, type, overflow, className, useV2Icons } = this.props;
         const { formatMessage } = intl;
         const classes = classNames('notification', type, overflow, className);
+        const iconRenderer = ICON_RENDERER[type](useV2Icons);
+        const iconColor = useV2Icons ? '#222' : '#fff';
         return (
             <div className={classes}>
-                {React.cloneElement(ICON_RENDERER[type](), {
-                    color: '#fff',
+                {React.cloneElement(iconRenderer, {
+                    color: iconColor,
                     height: 20,
                     width: 20,
                 })}
@@ -119,7 +126,7 @@ class Notification extends React.Component<Props> {
                     onClick={this.onClose}
                     type="button"
                 >
-                    <X16 />
+                    {useV2Icons ? <XMark height={32} width={32} /> : <X16 />}
                 </button>
             </div>
         );

package/es/components/notification/Notification.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Notification.js","names":["React","defineMessages","injectIntl","classNames","InfoBadge16","CircleCheck16","TriangleAlert16","XBadge16","X16","DURATION_SHORT","DURATION_LONG","OVERFLOW_WRAP","TYPE_DEFAULT","TYPE_INFO","TYPE_WARN","TYPE_ERROR","DURATION_TIMES","ICON_RENDERER","createElement","messages","clearNotificationButtonText","Notification","Component","constructor","args","_defineProperty","event","onClose","props","timeout","clearTimeout","componentDidMount","duration","setTimeout","getChildren","children","render","contents","intl","type","overflow","className","formatMessage","classes","cloneElement","color","height","width","onClick"],"sources":["../../../src/components/notification/Notification.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\nimport { defineMessages, injectIntl } from 'react-intl';\nimport classNames from 'classnames';\n\nimport InfoBadge16 from '../../icon/line/InfoBadge16';\nimport CircleCheck16 from '../../icon/line/CircleCheck16';\nimport TriangleAlert16 from '../../icon/line/TriangleAlert16';\nimport XBadge16 from '../../icon/line/XBadge16';\nimport X16 from '../../icon/fill/X16';\n\nimport type { NotificationType } from '../../common/types/core';\n\nimport './Notification.scss';\n\n// @NOTE: We can't import these constants from ./constant.js because `react-docgen`\n// can't handle imported variables appear in propTypes\n// see https://github.com/reactjs/react-docgen/issues/33\nconst DURATION_SHORT = 'short';\nconst DURATION_LONG = 'long';\nconst OVERFLOW_WRAP = 'wrap';\nconst TYPE_DEFAULT = 'default';\nconst TYPE_INFO = 'info';\nconst TYPE_WARN = 'warn';\nconst TYPE_ERROR = 'error';\n\nconst DURATION_TIMES = {\n [DURATION_SHORT]: 5000,\n [DURATION_LONG]: 10000,\n};\n\nconst ICON_RENDERER: { [string]: Function } = {\n [TYPE_DEFAULT]: () => <InfoBadge16 ~~/>,\~~n [TYPE_ERROR]: () => <XBadge16 ~~/>,\~~n [TYPE_INFO]: () => <CircleCheck16 ~~/>,\~~n [TYPE_WARN]: () => <TriangleAlert16 ~~/>,\~~n};\n\nconst messages = defineMessages({\n clearNotificationButtonText: {\n defaultMessage: 'Clear Notification',\n description: 'Button to clear notification',\n id: 'boxui.notification.clearNotification',\n },\n});\n\ntype Props = {\n /*\n The contents of the `Notification`.\n * - Notification text must be wrapped in a `<span />` tag.\n * - Notification buttons must be the `<Button />` component.\n /\n children: React.Node,\n className?: string,\n duration?: 'short' \| 'long',\n /* `duration`: When set, dictates how long the notification will exist before calling `onClose`.\n * If unset, the notification will not automatically call `onClose`.\n * - `short`: 5s\n * - `long`: 10s /\n intl: Object,\n /* Function that gets executed when close button is clicked or when duration expires. /\n onClose?: Function,\n /\n Determines notification colors\n * - `default`: black\n * - `info`: green\n * - `warn`: yellow\n * - `error`: red\n */\n type: NotificationType,\n overflow?: 'wrap' \| 'ellipsis',\n};\n\nclass Notification extends React.Component<Props> {\n static defaultProps = {\n overflow: OVERFLOW_WRAP,\n type: TYPE_DEFAULT,\n };\n\n componentDidMount() {\n const { duration, onClose } = this.props;\n this.timeout = duration && onClose ? setTimeout(onClose, DURATION_TIMES[duration]) : null;\n }\n\n onClose = event => {\n const { onClose } = this.props;\n if (this.timeout) {\n clearTimeout(this.timeout);\n }\n if (onClose) {\n onClose(event);\n }\n };\n\n getChildren() {\n const { children } = this.props;\n return typeof children === 'string' ? <span>{children}</span> : children;\n }\n\n timeout: TimeoutID \| null;\n\n render() {\n const contents = this.getChildren();\n const { intl, type, overflow, className } = this.props;\n const { formatMessage } = intl;\n const classes = classNames('notification', type, overflow, className);\n\n return (\n <div className={classes}>\n {React.cloneElement(~~ICON_RENDERER[type]()~~, {\n color: ~~'#fff'~~,\n height: 20,\n width: 20,\n })}\n {contents}\n <button\n aria-label={formatMessage(messages.clearNotificationButtonText)}\n className=\"close-btn\"\n onClick={this.onClose}\n type=\"button\"\n >\n <X16 ~~/>\~~n </button>\n </div>\n );\n }\n}\n\nexport default injectIntl(Notification);\n"],"mappings":";;;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,EAAEC,UAAU,QAAQ,YAAY;AACvD,OAAOC,UAAU,MAAM,YAAY;~~AAEnC~~,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,aAAa,MAAM,+BAA+B;AACzD,OAAOC,eAAe,MAAM,iCAAiC;~~AAC7D~~,OAAOC,QAAQ,MAAM,0BAA0B;AAC/C,OAAOC,GAAG,MAAM,qBAAqB;AAIrC,OAAO,qBAAqB;;AAE5B;AACA;AACA;AACA,MAAMC,cAAc,GAAG,OAAO;AAC9B,MAAMC,aAAa,GAAG,MAAM;AAC5B,MAAMC,aAAa,GAAG,MAAM;AAC5B,MAAMC,YAAY,GAAG,SAAS;AAC9B,MAAMC,SAAS,GAAG,MAAM;AACxB,MAAMC,SAAS,GAAG,MAAM;AACxB,MAAMC,UAAU,GAAG,OAAO;AAE1B,MAAMC,cAAc,GAAG;EACnB,CAACP,cAAc,GAAG,IAAI;EACtB,CAACC,aAAa,GAAG;AACrB,CAAC;AAED,MAAMO,aAAqC,GAAG;EAC1C,CAACL,YAAY,~~GAAG~~,~~mBAAMZ~~,KAAA,~~CAAAkB~~,aAAA,~~CAACd~~,WAAW,MAAE,CAAC;~~EACrC~~,CAACW,UAAU,~~GAAG~~,~~mBAAMf~~,KAAA,~~CAAAkB~~,aAAA,~~CAACX~~,QAAQ,MAAE,~~CAAC~~;~~EAChC~~,CAACM,SAAS,~~GAAG~~,~~mBAAMb~~,KAAA,~~CAAAkB~~,aAAA,~~CAACb~~,aAAa,MAAE,~~CAAC~~;~~EACpC~~,CAACS,SAAS,~~GAAG~~,~~mBAAMd~~,KAAA,~~CAAAkB~~,aAAA,~~CAACZ~~,eAAe,MAAE;~~AACzC~~,CAAC;AAED,~~MAAMa~~,QAAQ,~~GAAGlB~~,cAAc,CAAC;~~EAC5BmB~~,2BAA2B;IAAA;IAAA;EAAA;AAK/B,CAAC,CAAC;~~AA6BF~~,MAAMC,YAAY,~~SAASrB~~,KAAK,~~CAACsB~~,SAAS,CAAQ;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kBAWpCC,KAAK,IAAI;MACf,MAAM;QAAEC;MAAQ,CAAC,GAAG,IAAI,CAACC,KAAK;MAC9B,IAAI,IAAI,CAACC,OAAO,EAAE;QACdC,YAAY,CAAC,IAAI,CAACD,OAAO,CAAC;MAC9B;MACA,IAAIF,OAAO,EAAE;QACTA,OAAO,CAACD,KAAK,CAAC;MAClB;IACJ,CAAC;EAAA;EAbDK,iBAAiBA,CAAA,EAAG;IAChB,MAAM;MAAEC,QAAQ;MAAEL;IAAQ,CAAC,GAAG,IAAI,CAACC,KAAK;IACxC,IAAI,CAACC,OAAO,GAAGG,QAAQ,IAAIL,OAAO,GAAGM,UAAU,CAACN,OAAO,~~EAAEX~~,cAAc,~~CAACgB~~,QAAQ,CAAC,CAAC,GAAG,IAAI;EAC7F;EAYAE,WAAWA,CAAA,EAAG;IACV,MAAM;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACP,KAAK;IAC/B,OAAO,OAAOO,QAAQ,KAAK,QAAQ,~~gBAAGnC~~,KAAA,~~CAAAkB~~,aAAA,eAAOiB,QAAe,CAAC,GAAGA,QAAQ;EAC5E;EAIAC,MAAMA,CAAA,EAAG;IACL,MAAMC,QAAQ,GAAG,IAAI,CAACH,WAAW,CAAC,CAAC;IACnC,MAAM;MAAEI,IAAI;MAAEC,IAAI;MAAEC,QAAQ;MAAEC;~~IAAU~~,CAAC,GAAG,IAAI,~~CAACb~~,KAAK;~~IACtD~~,MAAM;MAAEc;IAAc,CAAC,GAAGJ,IAAI;IAC9B,MAAMK,OAAO,~~GAAGxC~~,UAAU,CAAC,cAAc,~~EAAEoC~~,IAAI,EAAEC,QAAQ,EAAEC,SAAS,CAAC;~~IAErE~~,~~oBACIzC~~,KAAA,~~CAAAkB~~,aAAA;MAAKuB,SAAS,EAAEE;IAAQ,~~gBACnB3C~~,KAAK,~~CAAC4C~~,YAAY,~~CAAC3B~~,~~aAAa~~,~~CAACsB,IAAI,CAAC,CAAC,CAAC,~~EAAE;~~MACvCM~~,KAAK,~~EAAE~~,~~MAAM~~;~~MACbC~~,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE;IACX,CAAC,CAAC,~~EACDV~~,QAAQ,~~eACTrC~~,KAAA,~~CAAAkB~~,aAAA;MACI,cAAYwB,aAAa,CAACvB,QAAQ,CAACC,2BAA2B,CAAE;MAChEqB,SAAS,EAAC,WAAW;~~MACrBO~~,OAAO,EAAE,IAAI,~~CAACrB~~,OAAQ;MACtBY,IAAI,EAAC;IAAQ,~~gBAEbvC~~,KAAA,~~CAAAkB~~,aAAA,~~CAACV~~,GAAG,MAAE,~~CACF~~,CACP,CAAC;EAEd;AACJ;~~AAACiB~~,eAAA,~~CArDKJ~~,YAAY,kBACQ;EAClBmB,QAAQ,~~EAAE7B~~,aAAa;~~EACvB4B~~,IAAI,~~EAAE3B~~;AACV,CAAC;~~AAmDL~~,~~eAAeV~~,UAAU,~~CAACmB~~,YAAY,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"Notification.js","names":["React","defineMessages","injectIntl","classNames","Information","Check","AlertTriangle","AlertBadge","XMark","InfoBadge16","CircleCheck16","TriangleAlert16","XBadge16","X16","DURATION_SHORT","DURATION_LONG","OVERFLOW_WRAP","TYPE_DEFAULT","TYPE_INFO","TYPE_WARN","TYPE_ERROR","DURATION_TIMES","ICON_RENDERER","useV2Icons","createElement","messages","clearNotificationButtonText","Notification","Component","constructor","args","_defineProperty","event","onClose","props","timeout","clearTimeout","componentDidMount","duration","setTimeout","getChildren","children","render","contents","intl","type","overflow","className","formatMessage","classes","iconRenderer","iconColor","cloneElement","color","height","width","onClick"],"sources":["../../../src/components/notification/Notification.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\nimport { defineMessages, injectIntl } from 'react-intl';\nimport classNames from 'classnames';\n\n// $FlowFixMe\nimport { Information, Check, AlertTriangle, AlertBadge, XMark } from '@box/blueprint-web-assets/icons/Medium';\n\nimport InfoBadge16 from '../../icon/line/InfoBadge16';\nimport CircleCheck16 from '../../icon/line/CircleCheck16';\nimport TriangleAlert16 from '../../icon/line/TriangleAlert16';\n\nimport XBadge16 from '../../icon/line/XBadge16';\nimport X16 from '../../icon/fill/X16';\n\nimport type { NotificationType } from '../../common/types/core';\n\nimport './Notification.scss';\n\n// @NOTE: We can't import these constants from ./constant.js because `react-docgen`\n// can't handle imported variables appear in propTypes\n// see https://github.com/reactjs/react-docgen/issues/33\nconst DURATION_SHORT = 'short';\nconst DURATION_LONG = 'long';\nconst OVERFLOW_WRAP = 'wrap';\nconst TYPE_DEFAULT = 'default';\nconst TYPE_INFO = 'info';\nconst TYPE_WARN = 'warn';\nconst TYPE_ERROR = 'error';\n\nconst DURATION_TIMES = {\n [DURATION_SHORT]: 5000,\n [DURATION_LONG]: 10000,\n};\n\nconst ICON_RENDERER: { [string]: Function } = {\n [TYPE_DEFAULT]: useV2Icons => (useV2Icons ? <Information /> : <InfoBadge16 />),\n [TYPE_ERROR]: useV2Icons => (useV2Icons ? <AlertBadge /> : <XBadge16 />),\n [TYPE_INFO]: useV2Icons => (useV2Icons ? <Check /> : <CircleCheck16 />),\n [TYPE_WARN]: useV2Icons => (useV2Icons ? <AlertTriangle /> : <TriangleAlert16 />),\n};\n\nconst messages = defineMessages({\n clearNotificationButtonText: {\n defaultMessage: 'Clear Notification',\n description: 'Button to clear notification',\n id: 'boxui.notification.clearNotification',\n },\n});\n\ntype Props = {\n /*\n The contents of the `Notification`.\n * - Notification text must be wrapped in a `<span />` tag.\n * - Notification buttons must be the `<Button />` component.\n /\n children: React.Node,\n className?: string,\n duration?: 'short' \| 'long',\n /* `duration`: When set, dictates how long the notification will exist before calling `onClose`.\n * If unset, the notification will not automatically call `onClose`.\n * - `short`: 5s\n * - `long`: 10s /\n intl: Object,\n /* Function that gets executed when close button is clicked or when duration expires. /\n onClose?: Function,\n /\n Determines notification colors\n * - `default`: black\n * - `info`: green\n * - `warn`: yellow\n * - `error`: red\n */\n type: NotificationType,\n overflow?: 'wrap' \| 'ellipsis',\n useV2Icons?: boolean,\n};\n\nclass Notification extends React.Component<Props> {\n static defaultProps = {\n overflow: OVERFLOW_WRAP,\n type: TYPE_DEFAULT,\n };\n\n componentDidMount() {\n const { duration, onClose } = this.props;\n this.timeout = duration && onClose ? setTimeout(onClose, DURATION_TIMES[duration]) : null;\n }\n\n onClose = event => {\n const { onClose } = this.props;\n if (this.timeout) {\n clearTimeout(this.timeout);\n }\n if (onClose) {\n onClose(event);\n }\n };\n\n getChildren() {\n const { children } = this.props;\n return typeof children === 'string' ? <span>{children}</span> : children;\n }\n\n timeout: TimeoutID \| null;\n\n render() {\n const contents = this.getChildren();\n const { intl, type, overflow, className, useV2Icons } = this.props;\n const { formatMessage } = intl;\n const classes = classNames('notification', type, overflow, className);\n const iconRenderer = ICON_RENDERER[type](useV2Icons);\n const iconColor = useV2Icons ? '#222' : '#fff';\n\n return (\n <div className={classes}>\n {React.cloneElement(iconRenderer, {\n color: iconColor,\n height: 20,\n width: 20,\n })}\n {contents}\n <button\n aria-label={formatMessage(messages.clearNotificationButtonText)}\n className=\"close-btn\"\n onClick={this.onClose}\n type=\"button\"\n >\n {useV2Icons ? <XMark height={32} width={32} /> : <X16 />}\n </button>\n </div>\n );\n }\n}\n\nexport default injectIntl(Notification);\n"],"mappings":"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","ignoreList":[]}

package/es/features/metadata-instance-editor/CascadePolicy.js CHANGED Viewed

@@ -26,10 +26,12 @@ const agents = [{
 const CascadePolicy = ({
   canEdit,
   canUseAIFolderExtraction,
+  canUseAIFolderExtractionAgentSelector,
   isCascadingEnabled,
   isCascadingOverwritten,
   isCustomMetadata,
   isAIFolderExtractionEnabled,
+  isExistingAIExtractionCascadePolicy,
   onAIFolderExtractionToggle,
   onCascadeToggle,
   onCascadeModeChange,
@@ -41,7 +43,8 @@ const CascadePolicy = ({
   return canEdit ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "metadata-cascade-editor"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "metadata-cascade-enable"
+    className: "metadata-cascade-enable",
+    "data-testid": "metadata-cascade-enable"
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FormattedMessage, _extends({
     tagName: "strong"
   }, messages.enableCascadePolicy)), !isCustomMetadata && /*#__PURE__*/React.createElement(Toggle, {
@@ -85,6 +88,7 @@ const CascadePolicy = ({
   }, messages.enableAIAutofill)), /*#__PURE__*/React.createElement(Toggle, {
     className: "metadata-cascade-toggle",
     isOn: isAIFolderExtractionEnabled,
+    isDisabled: isExistingAIExtractionCascadePolicy,
     label: "",
     onChange: e => onAIFolderExtractionToggle(e.target.checked)
   })), /*#__PURE__*/React.createElement("div", {
@@ -93,7 +97,7 @@ const CascadePolicy = ({
     className: "cascade-policy-link",
     href: AI_LINK,
     target: "_blank"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.aiAutofillLearnMore))), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.aiAutofillLearnMore))), canUseAIFolderExtractionAgentSelector && /*#__PURE__*/React.createElement("div", {
     className: "metadata-cascade-ai-agent-selector"
   }, /*#__PURE__*/React.createElement(TooltipProvider, null, /*#__PURE__*/React.createElement(BoxAiAgentSelector, {
     agents: agents,

package/es/features/metadata-instance-editor/CascadePolicy.js.flow CHANGED Viewed

@@ -34,10 +34,12 @@ const agents = [
 type Props = {
     canEdit: boolean,
     canUseAIFolderExtraction: boolean,
+    canUseAIFolderExtractionAgentSelector: boolean,
     isAIFolderExtractionEnabled: boolean,
     isCascadingEnabled: boolean,
     isCascadingOverwritten: boolean,
     isCustomMetadata: boolean,
+    isExistingAIExtractionCascadePolicy: boolean,
     onAIFolderExtractionToggle: (value: boolean) => void,
     onCascadeModeChange: (value: boolean) => void,
     onCascadeToggle: (value: boolean) => void,
@@ -47,10 +49,12 @@ type Props = {
 const CascadePolicy = ({
     canEdit,
     canUseAIFolderExtraction,
+    canUseAIFolderExtractionAgentSelector,
     isCascadingEnabled,
     isCascadingOverwritten,
     isCustomMetadata,
     isAIFolderExtractionEnabled,
+    isExistingAIExtractionCascadePolicy,
     onAIFolderExtractionToggle,
     onCascadeToggle,
     onCascadeModeChange,
@@ -65,7 +69,7 @@ const CascadePolicy = ({
     return canEdit ? (
         <>
             <div className="metadata-cascade-editor">
-                <div className="metadata-cascade-enable">
+                <div className="metadata-cascade-enable" data-testid="metadata-cascade-enable">
                     <div>
                         <FormattedMessage tagName="strong" {...messages.enableCascadePolicy} />
                         {!isCustomMetadata && (
@@ -131,6 +135,7 @@ const CascadePolicy = ({
                             <Toggle
                                 className="metadata-cascade-toggle"
                                 isOn={isAIFolderExtractionEnabled}
+                                isDisabled={isExistingAIExtractionCascadePolicy}
                                 label=""
                                 onChange={e => onAIFolderExtractionToggle(e.target.checked)}
                             />
@@ -142,17 +147,19 @@ const CascadePolicy = ({
                                 <FormattedMessage {...messages.aiAutofillLearnMore} />
                             </Link>
                         </div>
-                        <div className="metadata-cascade-ai-agent-selector">
-                            <TooltipProvider>
-                                <BoxAiAgentSelector
-                                    agents={agents}
-                                    onErrorAction={() => {}}
-                                    requestState="success"
-                                    selectedAgent={agents[0]}
-                                    variant="sidebar"
-                                />
-                            </TooltipProvider>
-                        </div>
+                        {canUseAIFolderExtractionAgentSelector && (
+                            <div className="metadata-cascade-ai-agent-selector">
+                                <TooltipProvider>
+                                    <BoxAiAgentSelector
+                                        agents={agents}
+                                        onErrorAction={() => {}}
+                                        requestState="success"
+                                        selectedAgent={agents[0]}
+                                        variant="sidebar"
+                                    />
+                                </TooltipProvider>
+                            </div>
+                        )}
                         <InlineNotice className="metadata-cascade-ai-notice" variant="info">
                             <FormattedMessage
                                 {...messages.aiAutofillNotice}

package/es/features/metadata-instance-editor/CascadePolicy.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CascadePolicy.js","names":["React","FormattedMessage","BoxAiAgentSelector","InlineNotice","TooltipProvider","BoxAiLogo","Toggle","RadioButton","RadioGroup","Link","IconAlertDefault","messages","COMMUNITY_LINK","AI_LINK","PRICING_LINK","agents","id","name","isEnterpriseDefault","CascadePolicy","canEdit","canUseAIFolderExtraction","isCascadingEnabled","isCascadingOverwritten","isCustomMetadata","isAIFolderExtractionEnabled","onAIFolderExtractionToggle","onCascadeToggle","onCascadeModeChange","shouldShowCascadeOptions","readOnlyState","createElement","className","metadataCascadePolicyEnabledInfo","Fragment","_extends","tagName","enableCascadePolicy","isOn","label","onChange","e","target","checked","applyCascadePolicyText","href","cascadePolicyLearnMore","cannotApplyCascadePolicyText","cascadePolicyModeQuestion","operationNotImmediate","value","cascadePolicySkipMode","cascadePolicyOverwriteMode","width","height","enableAIAutofill","aiAutofillDescription","aiAutofillLearnMore","onErrorAction","requestState","selectedAgent","variant","aiAutofillNotice","values","pricingLink","aiAutofillPricingDetails"],"sources":["../../../src/features/metadata-instance-editor/CascadePolicy.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport { BoxAiAgentSelector } from '@box/box-ai-agent-selector';\nimport { InlineNotice, TooltipProvider } from '@box/blueprint-web';\n// $FlowFixMe\nimport BoxAiLogo from '@box/blueprint-web-assets/icons/Logo/BoxAiLogo';\n\nimport Toggle from '../../components/toggle';\nimport { RadioButton, RadioGroup } from '../../components/radio';\nimport Link from '../../components/link/Link';\nimport IconAlertDefault from '../../icons/general/IconAlertDefault';\nimport messages from './messages';\nimport './CascadePolicy.scss';\n\nconst COMMUNITY_LINK = 'https://support.box.com/hc/en-us/articles/360044195873-Cascading-metadata-in-folders';\nconst AI_LINK = 'https://www.box.com/ai';\nconst PRICING_LINK = 'https://www.box.com/pricing';\n\nconst agents = [\n {\n id: '1',\n name: 'Basic',\n isEnterpriseDefault: true,\n },\n {\n id: '2',\n name: 'Enhanced (Gemini 2.5 Pro)',\n isEnterpriseDefault: false,\n },\n];\n\ntype Props = {\n canEdit: boolean,\n canUseAIFolderExtraction: boolean,\n isAIFolderExtractionEnabled: boolean,\n isCascadingEnabled: boolean,\n isCascadingOverwritten: boolean,\n isCustomMetadata: boolean,\n onAIFolderExtractionToggle: (value: boolean) => void,\n onCascadeModeChange: (value: boolean) => void,\n onCascadeToggle: (value: boolean) => void,\n shouldShowCascadeOptions: boolean,\n};\n\nconst CascadePolicy = ({\n canEdit,\n canUseAIFolderExtraction,\n isCascadingEnabled,\n isCascadingOverwritten,\n isCustomMetadata,\n isAIFolderExtractionEnabled,\n onAIFolderExtractionToggle,\n onCascadeToggle,\n onCascadeModeChange,\n shouldShowCascadeOptions,\n}: Props) => {\n const readOnlyState = isCascadingEnabled ? (\n <div className=\"metadata-cascade-notice\">\n <FormattedMessage {...messages.metadataCascadePolicyEnabledInfo} />\n </div>\n ) : null;\n\n return canEdit ? (\n <>\n <div className=\"metadata-cascade-editor\">\n <div className=\"metadata-cascade-enable\">\n <div>\n <FormattedMessage tagName=\"strong\" {...messages.enableCascadePolicy} />\n {!isCustomMetadata && (\n <Toggle\n className={`metadata-cascade-toggle ${\n isCascadingEnabled ? 'cascade-on' : 'cascade-off'\n }`}\n isOn={isCascadingEnabled}\n label=\"\"\n onChange={e => onCascadeToggle(e.target.checked)}\n />\n )}\n </div>\n {!isCustomMetadata ? (\n <div className=\"cascade-policy-text\">\n <FormattedMessage {...messages.applyCascadePolicyText} />\n  \n <Link className=\"cascade-policy-link\" href={COMMUNITY_LINK} target=\"_blank\">\n <FormattedMessage {...messages.cascadePolicyLearnMore} />\n </Link>\n </div>\n ) : (\n <div>\n <FormattedMessage {...messages.cannotApplyCascadePolicyText} />\n </div>\n )}\n </div>\n </div>\n {shouldShowCascadeOptions && (\n <div className=\"metadata-cascade-editor\">\n <div className=\"metadata-cascading-mode\">\n <FormattedMessage {...messages.cascadePolicyModeQuestion} />\n\n <div className=\"metadata-operation-not-immediate\">\n <IconAlertDefault />\n <span>\n <FormattedMessage {...messages.operationNotImmediate} />\n </span>\n </div>\n <RadioGroup\n className=\"metadata-cascading-options\"\n onChange={e => onCascadeModeChange(e.target.value === 'overwrite')}\n value={isCascadingOverwritten ? 'overwrite' : 'skip'}\n >\n <RadioButton\n label={<FormattedMessage {...messages.cascadePolicySkipMode} />}\n value=\"skip\"\n />\n <RadioButton\n label={<FormattedMessage {...messages.cascadePolicyOverwriteMode} />}\n value=\"overwrite\"\n />\n </RadioGroup>\n </div>\n </div>\n )}\n {shouldShowCascadeOptions && canUseAIFolderExtraction && (\n <div className=\"metadata-cascade-editor\" data-testid=\"ai-folder-extraction\">\n <div className=\"metadata-cascade-enable\">\n <div>\n <BoxAiLogo className=\"metadata-cascade-ai-logo\" width={16} height={16} />\n <FormattedMessage tagName=\"strong\" {...messages.enableAIAutofill} />\n <Toggle\n className=\"metadata-cascade-toggle\"\n isOn={isAIFolderExtractionEnabled}\n label=\"\"\n onChange={e => onAIFolderExtractionToggle(e.target.checked)}\n />\n </div>\n <div className=\"cascade-policy-text\">\n <FormattedMessage {...messages.aiAutofillDescription} />\n  \n <Link className=\"cascade-policy-link\" href={AI_LINK} target=\"_blank\">\n <FormattedMessage {...messages.aiAutofillLearnMore} />\n </Link>\n </div>\n <div className=\"metadata-cascade-ai-agent-selector\">\n <TooltipProvider>\n <BoxAiAgentSelector\n agents={agents}\n onErrorAction={() => {}}\n requestState=\"success\"\n selectedAgent={agents[0]}\n variant=\"sidebar\"\n />\n </TooltipProvider>\n </div>\n <InlineNotice className=\"metadata-cascade-ai-notice\" variant=\"info\">\n <FormattedMessage\n {...messages.aiAutofillNotice}\n values={{\n pricingLink: (\n <Link className=\"cascade-policy-link\" href={PRICING_LINK} target=\"_blank\">\n <FormattedMessage {...messages.aiAutofillPricingDetails} />\n </Link>\n ),\n }}\n />\n </InlineNotice>\n </div>\n </div>\n )}\n </>\n ) : (\n readOnlyState\n );\n};\n\nexport default CascadePolicy;\n"],"mappings":";AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,gBAAgB,QAAQ,YAAY;AAE7C,SAASC,kBAAkB,QAAQ,4BAA4B;AAC/D,SAASC,YAAY,EAAEC,eAAe,QAAQ,oBAAoB;AAClE;AACA,OAAOC,SAAS,MAAM,gDAAgD;AAEtE,OAAOC,MAAM,MAAM,yBAAyB;AAC5C,SAASC,WAAW,EAAEC,UAAU,QAAQ,wBAAwB;AAChE,OAAOC,IAAI,MAAM,4BAA4B;AAC7C,OAAOC,gBAAgB,MAAM,sCAAsC;AACnE,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAO,sBAAsB;AAE7B,MAAMC,cAAc,GAAG,sFAAsF;AAC7G,MAAMC,OAAO,GAAG,wBAAwB;AACxC,MAAMC,YAAY,GAAG,6BAA6B;AAElD,MAAMC,MAAM,GAAG,CACX;EACIC,EAAE,EAAE,GAAG;EACPC,IAAI,EAAE,OAAO;EACbC,mBAAmB,EAAE;AACzB,CAAC,EACD;EACIF,EAAE,EAAE,GAAG;EACPC,IAAI,EAAE,2BAA2B;EACjCC,mBAAmB,EAAE;AACzB,CAAC,CACJ;AAeD,MAAMC,aAAa,GAAGA,CAAC;EACnBC,OAAO;EACPC,wBAAwB;EACxBC,kBAAkB;EAClBC,sBAAsB;EACtBC,gBAAgB;EAChBC,2BAA2B;EAC3BC,0BAA0B;EAC1BC,eAAe;EACfC,mBAAmB;EACnBC;AACG,CAAC,KAAK;EACT,MAAMC,aAAa,GAAGR,kBAAkB,gBACpCtB,KAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAC;EAAyB,gBACpChC,KAAA,CAAA+B,aAAA,CAAC9B,gBAAgB,EAAKU,QAAQ,CAACsB,gCAAmC,CACjE,CAAC,GACN,IAAI;EAER,OAAOb,OAAO,gBACVpB,KAAA,CAAA+B,aAAA,CAAA/B,KAAA,CAAAkC,QAAA,qBACIlC,KAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAC;EAAyB,gBACpChC,KAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAC;EAAyB,gBACpChC,KAAA,CAAA+B,aAAA,2BACI/B,KAAA,CAAA+B,aAAA,CAAC9B,gBAAgB,EAAAkC,QAAA;IAACC,OAAO,EAAC;EAAQ,GAAKzB,QAAQ,CAAC0B,mBAAmB,CAAG,CAAC,EACtE,CAACb,gBAAgB,iBACdxB,KAAA,CAAA+B,aAAA,CAACzB,MAAM;IACH0B,SAAS,EAAE,2BACPV,kBAAkB,GAAG,YAAY,GAAG,aAAa,EAClD;IACHgB,IAAI,EAAEhB,kBAAmB;IACzBiB,KAAK,EAAC,EAAE;IACRC,QAAQ,EAAEC,CAAC,IAAId,eAAe,CAACc,CAAC,CAACC,MAAM,CAACC,OAAO;EAAE,CACpD,CAEJ,CAAC,EACL,CAACnB,gBAAgB,gBACdxB,KAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAC;EAAqB,gBAChChC,KAAA,CAAA+B,aAAA,CAAC9B,gBAAgB,EAAKU,QAAQ,CAACiC,sBAAyB,CAAC,QAEzD,eAAA5C,KAAA,CAAA+B,aAAA,CAACtB,IAAI;IAACuB,SAAS,EAAC,qBAAqB;IAACa,IAAI,EAAEjC,cAAe;IAAC8B,MAAM,EAAC;EAAQ,gBACvE1C,KAAA,CAAA+B,aAAA,CAAC9B,gBAAgB,EAAKU,QAAQ,CAACmC,sBAAyB,CACtD,CACL,CAAC,gBAEN9C,KAAA,CAAA+B,aAAA,2BACI/B,KAAA,CAAA+B,aAAA,CAAC9B,gBAAgB,EAAKU,QAAQ,CAACoC,4BAA+B,CAC7D,CAER,CACJ,CAAC,EACLlB,wBAAwB,iBACrB7B,KAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAC;EAAyB,gBACpChC,KAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAC;EAAyB,gBACpChC,KAAA,CAAA+B,aAAA,CAAC9B,gBAAgB,EAAKU,QAAQ,CAACqC,yBAA4B,CAAC,eAE5DhD,KAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAC;EAAkC,gBAC7ChC,KAAA,CAAA+B,aAAA,CAACrB,gBAAgB,MAAE,CAAC,eACpBV,KAAA,CAAA+B,aAAA,4BACI/B,KAAA,CAAA+B,aAAA,CAAC9B,gBAAgB,EAAKU,QAAQ,CAACsC,qBAAwB,CACrD,CACL,CAAC,eACNjD,KAAA,CAAA+B,aAAA,CAACvB,UAAU;IACPwB,SAAS,EAAC,4BAA4B;IACtCQ,QAAQ,EAAEC,CAAC,IAAIb,mBAAmB,CAACa,CAAC,CAACC,MAAM,CAACQ,KAAK,KAAK,WAAW,CAAE;IACnEA,KAAK,EAAE3B,sBAAsB,GAAG,WAAW,GAAG;EAAO,gBAErDvB,KAAA,CAAA+B,aAAA,CAACxB,WAAW;IACRgC,KAAK,eAAEvC,KAAA,CAAA+B,aAAA,CAAC9B,gBAAgB,EAAKU,QAAQ,CAACwC,qBAAwB,CAAE;IAChED,KAAK,EAAC;EAAM,CACf,CAAC,eACFlD,KAAA,CAAA+B,aAAA,CAACxB,WAAW;IACRgC,KAAK,eAAEvC,KAAA,CAAA+B,aAAA,CAAC9B,gBAAgB,EAAKU,QAAQ,CAACyC,0BAA6B,CAAE;IACrEF,KAAK,EAAC;EAAW,CACpB,CACO,CACX,CACJ,CACR,EACArB,wBAAwB,IAAIR,wBAAwB,iBACjDrB,KAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAC,yBAAyB;IAAC,eAAY;EAAsB,gBACvEhC,KAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAC;EAAyB,gBACpChC,KAAA,CAAA+B,aAAA,2BACI/B,KAAA,CAAA+B,aAAA,CAAC1B,SAAS;IAAC2B,SAAS,EAAC,0BAA0B;IAACqB,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CAAC,eACzEtD,KAAA,CAAA+B,aAAA,CAAC9B,gBAAgB,EAAAkC,QAAA;IAACC,OAAO,EAAC;EAAQ,GAAKzB,QAAQ,CAAC4C,gBAAgB,CAAG,CAAC,eACpEvD,KAAA,CAAA+B,aAAA,CAACzB,MAAM;IACH0B,SAAS,EAAC,yBAAyB;IACnCM,IAAI,EAAEb,2BAA4B;IAClCc,KAAK,EAAC,EAAE;IACRC,QAAQ,EAAEC,CAAC,IAAIf,0BAA0B,CAACe,CAAC,CAACC,MAAM,CAACC,OAAO;EAAE,CAC/D,CACA,CAAC,eACN3C,KAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAC;EAAqB,gBAChChC,KAAA,CAAA+B,aAAA,CAAC9B,gBAAgB,EAAKU,QAAQ,CAAC6C,qBAAwB,CAAC,QAExD,eAAAxD,KAAA,CAAA+B,aAAA,CAACtB,IAAI;IAACuB,SAAS,EAAC,qBAAqB;IAACa,IAAI,EAAEhC,OAAQ;IAAC6B,MAAM,EAAC;EAAQ,gBAChE1C,KAAA,CAAA+B,aAAA,CAAC9B,gBAAgB,EAAKU,QAAQ,CAAC8C,mBAAsB,CACnD,CACL,CAAC,eACNzD,KAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAC;EAAoC,gBAC/ChC,KAAA,CAAA+B,aAAA,CAAC3B,eAAe,qBACZJ,KAAA,CAAA+B,aAAA,CAAC7B,kBAAkB;IACfa,MAAM,EAAEA,MAAO;IACf2C,aAAa,EAAEA,CAAA,KAAM,CAAC,CAAE;IACxBC,YAAY,EAAC,SAAS;IACtBC,aAAa,EAAE7C,MAAM,CAAC,CAAC,CAAE;IACzB8C,OAAO,EAAC;EAAS,CACpB,CACY,CAChB,CAAC,eACN7D,KAAA,CAAA+B,aAAA,CAAC5B,YAAY;IAAC6B,SAAS,EAAC,4BAA4B;IAAC6B,OAAO,EAAC;EAAM,gBAC/D7D,KAAA,CAAA+B,aAAA,CAAC9B,gBAAgB,EAAAkC,QAAA,KACTxB,QAAQ,CAACmD,gBAAgB;IAC7BC,MAAM,EAAE;MACJC,WAAW,eACPhE,KAAA,CAAA+B,aAAA,CAACtB,IAAI;QAACuB,SAAS,EAAC,qBAAqB;QAACa,IAAI,EAAE/B,YAAa;QAAC4B,MAAM,EAAC;MAAQ,gBACrE1C,KAAA,CAAA+B,aAAA,CAAC9B,gBAAgB,EAAKU,QAAQ,CAACsD,wBAA2B,CACxD;IAEd;EAAE,EACL,CACS,CACb,CACJ,CAEX,CAAC,GAEHnC,aACH;AACL,CAAC;AAED,eAAeX,aAAa","ignoreList":[]}
1	+ {"version":3,"file":"CascadePolicy.js","names":["React","FormattedMessage","BoxAiAgentSelector","InlineNotice","TooltipProvider","BoxAiLogo","Toggle","RadioButton","RadioGroup","Link","IconAlertDefault","messages","COMMUNITY_LINK","AI_LINK","PRICING_LINK","agents","id","name","isEnterpriseDefault","CascadePolicy","canEdit","canUseAIFolderExtraction","canUseAIFolderExtractionAgentSelector","isCascadingEnabled","isCascadingOverwritten","isCustomMetadata","isAIFolderExtractionEnabled","isExistingAIExtractionCascadePolicy","onAIFolderExtractionToggle","onCascadeToggle","onCascadeModeChange","shouldShowCascadeOptions","readOnlyState","createElement","className","metadataCascadePolicyEnabledInfo","Fragment","_extends","tagName","enableCascadePolicy","isOn","label","onChange","e","target","checked","applyCascadePolicyText","href","cascadePolicyLearnMore","cannotApplyCascadePolicyText","cascadePolicyModeQuestion","operationNotImmediate","value","cascadePolicySkipMode","cascadePolicyOverwriteMode","width","height","enableAIAutofill","isDisabled","aiAutofillDescription","aiAutofillLearnMore","onErrorAction","requestState","selectedAgent","variant","aiAutofillNotice","values","pricingLink","aiAutofillPricingDetails"],"sources":["../../../src/features/metadata-instance-editor/CascadePolicy.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport { BoxAiAgentSelector } from '@box/box-ai-agent-selector';\nimport { InlineNotice, TooltipProvider } from '@box/blueprint-web';\n// $FlowFixMe\nimport BoxAiLogo from '@box/blueprint-web-assets/icons/Logo/BoxAiLogo';\n\nimport Toggle from '../../components/toggle';\nimport { RadioButton, RadioGroup } from '../../components/radio';\nimport Link from '../../components/link/Link';\nimport IconAlertDefault from '../../icons/general/IconAlertDefault';\nimport messages from './messages';\nimport './CascadePolicy.scss';\n\nconst COMMUNITY_LINK = 'https://support.box.com/hc/en-us/articles/360044195873-Cascading-metadata-in-folders';\nconst AI_LINK = 'https://www.box.com/ai';\nconst PRICING_LINK = 'https://www.box.com/pricing';\n\nconst agents = [\n {\n id: '1',\n name: 'Basic',\n isEnterpriseDefault: true,\n },\n {\n id: '2',\n name: 'Enhanced (Gemini 2.5 Pro)',\n isEnterpriseDefault: false,\n },\n];\n\ntype Props = {\n canEdit: boolean,\n canUseAIFolderExtraction: boolean,\n canUseAIFolderExtractionAgentSelector: boolean,\n isAIFolderExtractionEnabled: boolean,\n isCascadingEnabled: boolean,\n isCascadingOverwritten: boolean,\n isCustomMetadata: boolean,\n isExistingAIExtractionCascadePolicy: boolean,\n onAIFolderExtractionToggle: (value: boolean) => void,\n onCascadeModeChange: (value: boolean) => void,\n onCascadeToggle: (value: boolean) => void,\n shouldShowCascadeOptions: boolean,\n};\n\nconst CascadePolicy = ({\n canEdit,\n canUseAIFolderExtraction,\n canUseAIFolderExtractionAgentSelector,\n isCascadingEnabled,\n isCascadingOverwritten,\n isCustomMetadata,\n isAIFolderExtractionEnabled,\n isExistingAIExtractionCascadePolicy,\n onAIFolderExtractionToggle,\n onCascadeToggle,\n onCascadeModeChange,\n shouldShowCascadeOptions,\n}: Props) => {\n const readOnlyState = isCascadingEnabled ? (\n <div className=\"metadata-cascade-notice\">\n <FormattedMessage {...messages.metadataCascadePolicyEnabledInfo} />\n </div>\n ) : null;\n\n return canEdit ? (\n <>\n <div className=\"metadata-cascade-editor\">\n <div className=\"metadata-cascade-enable\" data-testid=\"metadata-cascade-enable\">\n <div>\n <FormattedMessage tagName=\"strong\" {...messages.enableCascadePolicy} />\n {!isCustomMetadata && (\n <Toggle\n className={`metadata-cascade-toggle ${\n isCascadingEnabled ? 'cascade-on' : 'cascade-off'\n }`}\n isOn={isCascadingEnabled}\n label=\"\"\n onChange={e => onCascadeToggle(e.target.checked)}\n />\n )}\n </div>\n {!isCustomMetadata ? (\n <div className=\"cascade-policy-text\">\n <FormattedMessage {...messages.applyCascadePolicyText} />\n  \n <Link className=\"cascade-policy-link\" href={COMMUNITY_LINK} target=\"_blank\">\n <FormattedMessage {...messages.cascadePolicyLearnMore} />\n </Link>\n </div>\n ) : (\n <div>\n <FormattedMessage {...messages.cannotApplyCascadePolicyText} />\n </div>\n )}\n </div>\n </div>\n {shouldShowCascadeOptions && (\n <div className=\"metadata-cascade-editor\">\n <div className=\"metadata-cascading-mode\">\n <FormattedMessage {...messages.cascadePolicyModeQuestion} />\n\n <div className=\"metadata-operation-not-immediate\">\n <IconAlertDefault />\n <span>\n <FormattedMessage {...messages.operationNotImmediate} />\n </span>\n </div>\n <RadioGroup\n className=\"metadata-cascading-options\"\n onChange={e => onCascadeModeChange(e.target.value === 'overwrite')}\n value={isCascadingOverwritten ? 'overwrite' : 'skip'}\n >\n <RadioButton\n label={<FormattedMessage {...messages.cascadePolicySkipMode} />}\n value=\"skip\"\n />\n <RadioButton\n label={<FormattedMessage {...messages.cascadePolicyOverwriteMode} />}\n value=\"overwrite\"\n />\n </RadioGroup>\n </div>\n </div>\n )}\n {shouldShowCascadeOptions && canUseAIFolderExtraction && (\n <div className=\"metadata-cascade-editor\" data-testid=\"ai-folder-extraction\">\n <div className=\"metadata-cascade-enable\">\n <div>\n <BoxAiLogo className=\"metadata-cascade-ai-logo\" width={16} height={16} />\n <FormattedMessage tagName=\"strong\" {...messages.enableAIAutofill} />\n <Toggle\n className=\"metadata-cascade-toggle\"\n isOn={isAIFolderExtractionEnabled}\n isDisabled={isExistingAIExtractionCascadePolicy}\n label=\"\"\n onChange={e => onAIFolderExtractionToggle(e.target.checked)}\n />\n </div>\n <div className=\"cascade-policy-text\">\n <FormattedMessage {...messages.aiAutofillDescription} />\n  \n <Link className=\"cascade-policy-link\" href={AI_LINK} target=\"_blank\">\n <FormattedMessage {...messages.aiAutofillLearnMore} />\n </Link>\n </div>\n {canUseAIFolderExtractionAgentSelector && (\n <div className=\"metadata-cascade-ai-agent-selector\">\n <TooltipProvider>\n <BoxAiAgentSelector\n agents={agents}\n onErrorAction={() => {}}\n requestState=\"success\"\n selectedAgent={agents[0]}\n variant=\"sidebar\"\n />\n </TooltipProvider>\n </div>\n )}\n <InlineNotice className=\"metadata-cascade-ai-notice\" variant=\"info\">\n <FormattedMessage\n {...messages.aiAutofillNotice}\n values={{\n pricingLink: (\n <Link className=\"cascade-policy-link\" href={PRICING_LINK} target=\"_blank\">\n <FormattedMessage {...messages.aiAutofillPricingDetails} />\n </Link>\n ),\n }}\n />\n </InlineNotice>\n </div>\n </div>\n )}\n </>\n ) : (\n readOnlyState\n );\n};\n\nexport default CascadePolicy;\n"],"mappings":"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","ignoreList":[]}

package/es/features/metadata-instance-editor/Instance.js CHANGED Viewed

@@ -27,7 +27,7 @@ import MetadataInstanceConfirmDialog from './MetadataInstanceConfirmDialog';
 import Footer from './Footer';
 import messages from './messages';
 import { FIELD_TYPE_FLOAT, FIELD_TYPE_INTEGER } from '../metadata-instance-fields/constants';
-import TEMPLATE_CUSTOM_PROPERTIES from './constants';
+import { CASCADE_POLICY_TYPE_AI_EXTRACT, TEMPLATE_CUSTOM_PROPERTIES } from './constants';
 import { JSON_PATCH_OP_REMOVE, JSON_PATCH_OP_ADD, JSON_PATCH_OP_REPLACE, JSON_PATCH_OP_TEST } from '../../common/constants';
 import { isValidValue } from '../metadata-instance-fields/validateMetadataField';
 import { isHidden } from './metadataUtil';
@@ -128,6 +128,7 @@ class Instance extends React.PureComponent {
       const {
         data: currentData,
         errors,
+        isAIFolderExtractionEnabled,
         isCascadingEnabled,
         isCascadingOverwritten
       } = this.state;
@@ -137,13 +138,15 @@ class Instance extends React.PureComponent {
       this.setState({
         isBusy: true,
         isEditing: false,
-        shouldShowCascadeOptions: false
+        // reset state if cascading policy is removed
+        isAIFolderExtractionEnabled: isCascadingEnabled ? isAIFolderExtractionEnabled : false
       });
       onSave(id, this.createJSONPatch(currentData, originalData), isCascadingPolicyApplicable ? {
         canEdit: cascadePolicy ? cascadePolicy.canEdit : false,
         id: cascadePolicy ? cascadePolicy.id : undefined,
         isEnabled: isCascadingEnabled,
-        overwrite: isCascadingOverwritten
+        overwrite: isCascadingOverwritten,
+        isAIFolderExtractionEnabled
       } : undefined, cloneDeep(currentData));
     });
     /**
@@ -276,13 +279,14 @@ class Instance extends React.PureComponent {
       const {
         data,
         isCascadingEnabled,
-        isCascadingOverwritten
+        isCascadingOverwritten,
+        isAIFolderExtractionEnabled
       } = this.state;
       const hasDataChanged = !isEqual(data, this.props.data);
       let hasCascadingChanged = false;
       if (isCascadingPolicyApplicable) {
         // isCascadingOverwritten always starts out as false, so true signifies a change
-        hasCascadingChanged = isCascadingOverwritten || isCascadingEnabled !== this.isCascadingEnabled(this.props);
+        hasCascadingChanged = isCascadingOverwritten || isCascadingEnabled !== this.isCascadingEnabledThroughProps(this.props) || isAIFolderExtractionEnabled !== this.isAIFolderExtractionEnabledThroughProps(this.props);
       }
       // Callback to parent to tell that something is dirty
@@ -387,11 +391,11 @@ class Instance extends React.PureComponent {
    * @return {Object} - react state
    */
   getState(props) {
-    const isCascadingEnabled = this.isCascadingEnabled(props);
+    const isCascadingEnabled = this.isCascadingEnabledThroughProps(props);
     return {
       data: cloneDeep(props.data),
       errors: {},
-      isAIFolderExtractionEnabled: false,
+      isAIFolderExtractionEnabled: this.isAIFolderExtractionEnabledThroughProps(props),
       isBusy: false,
       isCascadingEnabled,
       isCascadingOverwritten: false,
@@ -439,18 +443,31 @@ class Instance extends React.PureComponent {
     return this.renderDeleteMessage(isFile, template);
   }
   /**
-   * Determines if cascading policy is enabled based on
+   * Determines if cascading policy is enabled through props based on
    * whether it has an id or not.
    *
    * @param {Object} props - component props
    * @return {boolean} true if cascading policy is enabled
    */
-  isCascadingEnabled(props) {
+  isCascadingEnabledThroughProps(props) {
     if (props.cascadePolicy) {
       return !!props.cascadePolicy.id;
     }
     return false;
   }
+  /**
+   * Determines if ai extraction is enabled based on
+   * if cascade policy type is ai_extract
+   *
+   * @param {Object} props - component props
+   * @return {boolean} true if ai extraction is enabled
+   */
+  isAIFolderExtractionEnabledThroughProps({
+    cascadePolicy
+  }) {
+    return cascadePolicy?.cascadePolicyType === CASCADE_POLICY_TYPE_AI_EXTRACT;
+  }
   /**
    * Creates JSON Patch operations from the passed in
    * data while comparing it to the original data from props.
@@ -546,6 +563,7 @@ class Instance extends React.PureComponent {
   render() {
     const {
       canUseAIFolderExtraction = false,
+      canUseAIFolderExtractionAgentSelector = false,
       cascadePolicy = {},
       isDirty,
       isCascadingPolicyApplicable,
@@ -573,6 +591,7 @@ class Instance extends React.PureComponent {
     // Animate short and tall cards at consistent speeds.
     const animationDuration = (fields.length + 1) * 50;
+    const isExistingAIExtractionCascadePolicy = this.isCascadingEnabledThroughProps(this.props) && this.isAIFolderExtractionEnabledThroughProps(this.props);
     return /*#__PURE__*/React.createElement("div", {
       ref: this.collapsibleRef
     }, /*#__PURE__*/React.createElement(Collapsible, {
@@ -600,10 +619,12 @@ class Instance extends React.PureComponent {
     }, isCascadingPolicyApplicable && /*#__PURE__*/React.createElement(CascadePolicy, {
       canEdit: isEditing && !!cascadePolicy.canEdit,
       canUseAIFolderExtraction: canUseAIFolderExtraction,
+      canUseAIFolderExtractionAgentSelector: canUseAIFolderExtractionAgentSelector,
       isAIFolderExtractionEnabled: isAIFolderExtractionEnabled,
       isCascadingEnabled: isCascadingEnabled,
       isCascadingOverwritten: isCascadingOverwritten,
       isCustomMetadata: isProperties,
+      isExistingAIExtractionCascadePolicy: isExistingAIExtractionCascadePolicy,
       onAIFolderExtractionToggle: this.onAIFolderExtractionToggle,
       onCascadeModeChange: this.onCascadeModeChange,
       onCascadeToggle: this.onCascadeToggle,
@@ -617,6 +638,7 @@ class Instance extends React.PureComponent {
       canEdit: isEditing,
       data: data,
       errors: errors,
+      isDisabled: isAIFolderExtractionEnabled,
       onFieldChange: this.onFieldChange,
       onFieldRemove: this.onFieldRemove,
       template: template