box-ui-elements 23.4.0-beta.6 → 23.4.0-beta.7

package/es/components/context-menu/ContextMenu.stories.js

@@ -3,12 +3,12 @@ import Menu from '../menu/Menu';
 import MenuItem from '../menu/MenuItem';
 import ContextMenu from './ContextMenu';
 import notes from './ContextMenu.stories.md';
-import ContextMenuWithSubmenuWithBoundariesElementExample from '../../../examples/src/ContextMenuWithSubmenuWithBoundariesElementExample';
-import '../../../examples/styles/ContextMenuExamples.scss';
+import ContextMenuWithSubmenuExample from './ContextMenuWithSubmenuExample';
+import './ContextMenuExample.scss';
 export const basic = () => /*#__PURE__*/React.createElement(ContextMenu, null, /*#__PURE__*/React.createElement("div", {
   className: "context-menu-example-target"
 }, "Target Component - right click me"), /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem, null, "View Profile"), /*#__PURE__*/React.createElement(MenuItem, null, "Help")));
-export const withSubmenu = () => /*#__PURE__*/React.createElement(ContextMenuWithSubmenuWithBoundariesElementExample, null);
+export const withSubmenu = () => /*#__PURE__*/React.createElement(ContextMenuWithSubmenuExample, null);
 export default {
   title: 'Components/ContextMenu',
   component: ContextMenu,

package/es/components/context-menu/ContextMenu.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.stories.js","names":["React","Menu","MenuItem","ContextMenu","notes","ContextMenuWithSubmenuWithBoundariesElementExample","basic","createElement","className","withSubmenu","title","component","parameters"],"sources":["../../../src/components/context-menu/ContextMenu.stories.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport Menu from '../menu/Menu';\nimport MenuItem from '../menu/MenuItem';\n\nimport ContextMenu from './ContextMenu';\nimport notes from './ContextMenu.stories.md';\n\nimport ContextMenuWithSubmenuWithBoundariesElementExample from '../../../examples/src/ContextMenuWithSubmenuWithBoundariesElementExample';\n\nimport '../../../examples/styles/ContextMenuExamples.scss';\n\nexport const basic = () => (\n    <ContextMenu>\n        <div className=\"context-menu-example-target\">Target Component - right click me</div>\n        <Menu>\n            <MenuItem>View Profile</MenuItem>\n            <MenuItem>Help</MenuItem>\n        </Menu>\n    </ContextMenu>\n);\n\nexport const withSubmenu = () => <ContextMenuWithSubmenuWithBoundariesElementExample />;\n\nexport default {\n    title: 'Components/ContextMenu',\n    component: ContextMenu,\n    parameters: {\n        notes,\n    },\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,IAAI,MAAM,cAAc;AAC/B,OAAOC,QAAQ,MAAM,kBAAkB;AAEvC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,KAAK,MAAM,0BAA0B;AAE5C,OAAOC,kDAAkD,MAAM,0EAA0E;AAEzI,OAAO,mDAAmD;AAE1D,OAAO,MAAMC,KAAK,GAAGA,CAAA,kBACjBN,KAAA,CAAAO,aAAA,CAACJ,WAAW,qBACRH,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC;AAA6B,GAAC,mCAAsC,CAAC,eACpFR,KAAA,CAAAO,aAAA,CAACN,IAAI,qBACDD,KAAA,CAAAO,aAAA,CAACL,QAAQ,QAAC,cAAsB,CAAC,eACjCF,KAAA,CAAAO,aAAA,CAACL,QAAQ,QAAC,MAAc,CACtB,CACG,CAChB;AAED,OAAO,MAAMO,WAAW,GAAGA,CAAA,kBAAMT,KAAA,CAAAO,aAAA,CAACF,kDAAkD,MAAE,CAAC;AAEvF,eAAe;EACXK,KAAK,EAAE,wBAAwB;EAC/BC,SAAS,EAAER,WAAW;EACtBS,UAAU,EAAE;IACRR;EACJ;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"ContextMenu.stories.js","names":["React","Menu","MenuItem","ContextMenu","notes","ContextMenuWithSubmenuExample","basic","createElement","className","withSubmenu","title","component","parameters"],"sources":["../../../src/components/context-menu/ContextMenu.stories.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport Menu from '../menu/Menu';\nimport MenuItem from '../menu/MenuItem';\n\nimport ContextMenu from './ContextMenu';\nimport notes from './ContextMenu.stories.md';\n\nimport ContextMenuWithSubmenuExample from './ContextMenuWithSubmenuExample';\n\nimport './ContextMenuExample.scss';\n\nexport const basic = () => (\n    <ContextMenu>\n        <div className=\"context-menu-example-target\">Target Component - right click me</div>\n        <Menu>\n            <MenuItem>View Profile</MenuItem>\n            <MenuItem>Help</MenuItem>\n        </Menu>\n    </ContextMenu>\n);\n\nexport const withSubmenu = () => <ContextMenuWithSubmenuExample />;\n\nexport default {\n    title: 'Components/ContextMenu',\n    component: ContextMenu,\n    parameters: {\n        notes,\n    },\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,IAAI,MAAM,cAAc;AAC/B,OAAOC,QAAQ,MAAM,kBAAkB;AAEvC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,KAAK,MAAM,0BAA0B;AAE5C,OAAOC,6BAA6B,MAAM,iCAAiC;AAE3E,OAAO,2BAA2B;AAElC,OAAO,MAAMC,KAAK,GAAGA,CAAA,kBACjBN,KAAA,CAAAO,aAAA,CAACJ,WAAW,qBACRH,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC;AAA6B,GAAC,mCAAsC,CAAC,eACpFR,KAAA,CAAAO,aAAA,CAACN,IAAI,qBACDD,KAAA,CAAAO,aAAA,CAACL,QAAQ,QAAC,cAAsB,CAAC,eACjCF,KAAA,CAAAO,aAAA,CAACL,QAAQ,QAAC,MAAc,CACtB,CACG,CAChB;AAED,OAAO,MAAMO,WAAW,GAAGA,CAAA,kBAAMT,KAAA,CAAAO,aAAA,CAACF,6BAA6B,MAAE,CAAC;AAElE,eAAe;EACXK,KAAK,EAAE,wBAAwB;EAC/BC,SAAS,EAAER,WAAW;EACtBS,UAAU,EAAE;IACRR;EACJ;AACJ,CAAC","ignoreList":[]}

package/es/components/context-menu/ContextMenuExample.scss

@@ -0,0 +1,4 @@
+.context-menu-example-target {
+    border: 1px solid black;
+    padding: 10px;
+}

package/es/components/context-menu/ContextMenuWithSubmenuExample.js

@@ -0,0 +1,43 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import * as React from 'react';
+import { Menu, SubmenuItem, MenuItem } from '../menu';
+import ContextMenu from './ContextMenu';
+class ContextMenuWithSubmenuExample extends React.Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "state", {
+      rightBoundaryElement: undefined,
+      bottomBoundaryElement: undefined
+    });
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(ContextMenu, null, /*#__PURE__*/React.createElement("div", {
+      ref: ref => {
+        if (!this.state.rightBoundaryElement) {
+          this.setState({
+            rightBoundaryElement: ref
+          });
+        }
+      },
+      className: "context-menu-example-target",
+      style: {
+        height: 200
+      }
+    }, "Target Component - right click me"), /*#__PURE__*/React.createElement(Menu, {
+      setRef: ref => {
+        if (!this.state.bottomBoundaryElement) {
+          this.setState({
+            bottomBoundaryElement: ref
+          });
+        }
+      }
+    }, /*#__PURE__*/React.createElement(MenuItem, null, "View Profile"), /*#__PURE__*/React.createElement(MenuItem, null, "View Profile"), this.state.rightBoundaryElement && /*#__PURE__*/React.createElement(SubmenuItem, {
+      bottomBoundaryElement: this.state.bottomBoundaryElement,
+      rightBoundaryElement: this.state.rightBoundaryElement
+    }, "Submenu", /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem, null, "View Profile"), /*#__PURE__*/React.createElement(MenuItem, null, "View Profile"), /*#__PURE__*/React.createElement(MenuItem, null, "View Profile"))), /*#__PURE__*/React.createElement(MenuItem, null, "Help")));
+  }
+}
+export default ContextMenuWithSubmenuExample;
+//# sourceMappingURL=ContextMenuWithSubmenuExample.js.map

package/es/components/context-menu/ContextMenuWithSubmenuExample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuWithSubmenuExample.js","names":["React","Menu","SubmenuItem","MenuItem","ContextMenu","ContextMenuWithSubmenuExample","Component","constructor","args","_defineProperty","rightBoundaryElement","undefined","bottomBoundaryElement","render","createElement","ref","state","setState","className","style","height","setRef"],"sources":["../../../src/components/context-menu/ContextMenuWithSubmenuExample.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Menu, SubmenuItem, MenuItem } from '../menu';\nimport ContextMenu from './ContextMenu';\n\nclass ContextMenuWithSubmenuExample extends React.Component {\n    state = {\n        rightBoundaryElement: undefined,\n        bottomBoundaryElement: undefined,\n    };\n\n    render() {\n        return (\n            <ContextMenu>\n                <div\n                    ref={ref => {\n                        if (!this.state.rightBoundaryElement) {\n                            this.setState({\n                                rightBoundaryElement: ref,\n                            });\n                        }\n                    }}\n                    className=\"context-menu-example-target\"\n                    style={{\n                        height: 200,\n                    }}\n                >\n                    Target Component - right click me\n                </div>\n                <Menu\n                    setRef={(ref: React.RefObject<HTMLDivElement>) => {\n                        if (!this.state.bottomBoundaryElement) {\n                            this.setState({\n                                bottomBoundaryElement: ref,\n                            });\n                        }\n                    }}\n                >\n                    <MenuItem>View Profile</MenuItem>\n                    <MenuItem>View Profile</MenuItem>\n                    {this.state.rightBoundaryElement && (\n                        <SubmenuItem\n                            bottomBoundaryElement={this.state.bottomBoundaryElement}\n                            rightBoundaryElement={this.state.rightBoundaryElement}\n                        >\n                            Submenu\n                            <Menu>\n                                <MenuItem>View Profile</MenuItem>\n                                <MenuItem>View Profile</MenuItem>\n                                <MenuItem>View Profile</MenuItem>\n                            </Menu>\n                        </SubmenuItem>\n                    )}\n                    <MenuItem>Help</MenuItem>\n                </Menu>\n            </ContextMenu>\n        );\n    }\n}\n\nexport default ContextMenuWithSubmenuExample;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,IAAI,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,SAAS;AACrD,OAAOC,WAAW,MAAM,eAAe;AAEvC,MAAMC,6BAA6B,SAASL,KAAK,CAACM,SAAS,CAAC;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,gBAChD;MACJC,oBAAoB,EAAEC,SAAS;MAC/BC,qBAAqB,EAAED;IAC3B,CAAC;EAAA;EAEDE,MAAMA,CAAA,EAAG;IACL,oBACIb,KAAA,CAAAc,aAAA,CAACV,WAAW,qBACRJ,KAAA,CAAAc,aAAA;MACIC,GAAG,EAAEA,GAAG,IAAI;QACR,IAAI,CAAC,IAAI,CAACC,KAAK,CAACN,oBAAoB,EAAE;UAClC,IAAI,CAACO,QAAQ,CAAC;YACVP,oBAAoB,EAAEK;UAC1B,CAAC,CAAC;QACN;MACJ,CAAE;MACFG,SAAS,EAAC,6BAA6B;MACvCC,KAAK,EAAE;QACHC,MAAM,EAAE;MACZ;IAAE,GACL,mCAEI,CAAC,eACNpB,KAAA,CAAAc,aAAA,CAACb,IAAI;MACDoB,MAAM,EAAGN,GAAoC,IAAK;QAC9C,IAAI,CAAC,IAAI,CAACC,KAAK,CAACJ,qBAAqB,EAAE;UACnC,IAAI,CAACK,QAAQ,CAAC;YACVL,qBAAqB,EAAEG;UAC3B,CAAC,CAAC;QACN;MACJ;IAAE,gBAEFf,KAAA,CAAAc,aAAA,CAACX,QAAQ,QAAC,cAAsB,CAAC,eACjCH,KAAA,CAAAc,aAAA,CAACX,QAAQ,QAAC,cAAsB,CAAC,EAChC,IAAI,CAACa,KAAK,CAACN,oBAAoB,iBAC5BV,KAAA,CAAAc,aAAA,CAACZ,WAAW;MACRU,qBAAqB,EAAE,IAAI,CAACI,KAAK,CAACJ,qBAAsB;MACxDF,oBAAoB,EAAE,IAAI,CAACM,KAAK,CAACN;IAAqB,GACzD,SAEG,eAAAV,KAAA,CAAAc,aAAA,CAACb,IAAI,qBACDD,KAAA,CAAAc,aAAA,CAACX,QAAQ,QAAC,cAAsB,CAAC,eACjCH,KAAA,CAAAc,aAAA,CAACX,QAAQ,QAAC,cAAsB,CAAC,eACjCH,KAAA,CAAAc,aAAA,CAACX,QAAQ,QAAC,cAAsB,CAC9B,CACG,CAChB,eACDH,KAAA,CAAAc,aAAA,CAACX,QAAQ,QAAC,MAAc,CACtB,CACG,CAAC;EAEtB;AACJ;AAEA,eAAeE,6BAA6B","ignoreList":[]}

package/es/components/selector-dropdown/SelectorDropdown.stories.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import SelectorDropdownExamples from '../../../examples/src/SelectorDropdownExamples';
+import SelectorDropdownExample from './SelectorDropdownExample';
 import SelectorDropdown from './SelectorDropdown';
 import notes from './SelectorDropdown.stories.md';
-export const basic = () => /*#__PURE__*/React.createElement(SelectorDropdownExamples, null);
+export const basic = () => /*#__PURE__*/React.createElement(SelectorDropdownExample, null);
 export default {
   title: 'Components/SelectorDropdown',
   component: SelectorDropdown,

package/es/components/selector-dropdown/SelectorDropdown.stories.js.flow

@@ -1,11 +1,11 @@
 // @flow
 import * as React from 'react';
 
-import SelectorDropdownExamples from '../../../examples/src/SelectorDropdownExamples';
+import SelectorDropdownExample from './SelectorDropdownExample';
 import SelectorDropdown from './SelectorDropdown';
 import notes from './SelectorDropdown.stories.md';
 
-export const basic = () => <SelectorDropdownExamples />;
+export const basic = () => <SelectorDropdownExample />;
 
 export default {
     title: 'Components/SelectorDropdown',

package/es/components/selector-dropdown/SelectorDropdown.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectorDropdown.stories.js","names":["React","SelectorDropdownExamples","SelectorDropdown","notes","basic","createElement","title","component","parameters"],"sources":["../../../src/components/selector-dropdown/SelectorDropdown.stories.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\n\nimport SelectorDropdownExamples from '../../../examples/src/SelectorDropdownExamples';\nimport SelectorDropdown from './SelectorDropdown';\nimport notes from './SelectorDropdown.stories.md';\n\nexport const basic = () => <SelectorDropdownExamples />;\n\nexport default {\n    title: 'Components/SelectorDropdown',\n    component: SelectorDropdown,\n    parameters: {\n        notes,\n    },\n};\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,wBAAwB,MAAM,gDAAgD;AACrF,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,KAAK,MAAM,+BAA+B;AAEjD,OAAO,MAAMC,KAAK,GAAGA,CAAA,kBAAMJ,KAAA,CAAAK,aAAA,CAACJ,wBAAwB,MAAE,CAAC;AAEvD,eAAe;EACXK,KAAK,EAAE,6BAA6B;EACpCC,SAAS,EAAEL,gBAAgB;EAC3BM,UAAU,EAAE;IACRL;EACJ;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"SelectorDropdown.stories.js","names":["React","SelectorDropdownExample","SelectorDropdown","notes","basic","createElement","title","component","parameters"],"sources":["../../../src/components/selector-dropdown/SelectorDropdown.stories.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\n\nimport SelectorDropdownExample from './SelectorDropdownExample';\nimport SelectorDropdown from './SelectorDropdown';\nimport notes from './SelectorDropdown.stories.md';\n\nexport const basic = () => <SelectorDropdownExample />;\n\nexport default {\n    title: 'Components/SelectorDropdown',\n    component: SelectorDropdown,\n    parameters: {\n        notes,\n    },\n};\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,uBAAuB,MAAM,2BAA2B;AAC/D,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,KAAK,MAAM,+BAA+B;AAEjD,OAAO,MAAMC,KAAK,GAAGA,CAAA,kBAAMJ,KAAA,CAAAK,aAAA,CAACJ,uBAAuB,MAAE,CAAC;AAEtD,eAAe;EACXK,KAAK,EAAE,6BAA6B;EACpCC,SAAS,EAAEL,gBAAgB;EAC3BM,UAAU,EAAE;IACRL;EACJ;AACJ,CAAC","ignoreList":[]}

package/es/components/selector-dropdown/SelectorDropdownExample.js

@@ -0,0 +1,126 @@
+const _excluded = ["inputProps"];
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
+import React, { Children, Component } from 'react';
+import DatalistItem from '../datalist-item';
+import SelectorDropdown from './SelectorDropdown';
+import TextInput from '../text-input';
+const InputContainer = _ref => {
+  let {
+      inputProps = {}
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(TextInput, _extends({}, inputProps, rest));
+};
+class SelectorDropdownContainer extends Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "handleShowTitle", () => {
+      this.setState({
+        showTitle: !this.state.showTitle
+      });
+    });
+    _defineProperty(this, "handleRemainOpen", () => {
+      this.setState({
+        remainOpen: !this.state.remainOpen
+      });
+    });
+    _defineProperty(this, "handleUserInput", event => {
+      this.filterByItem(event.target.value);
+    });
+    _defineProperty(this, "handleItemSelection", i => {
+      this.setState({
+        filterText: this.state.items[i]
+      });
+    });
+    this.state = {
+      filterText: '',
+      items: props.initialItems,
+      showTitle: false,
+      remainOpen: false
+    };
+  }
+  filterByItem(item) {
+    this.setState({
+      filterText: item
+    });
+    this.filterItems(item);
+  }
+  filterItems(filterText) {
+    const {
+      initialItems
+    } = this.props;
+    const filterTextLowerCase = filterText.toLowerCase();
+    const items = initialItems.filter(item => item.toLowerCase().includes(filterTextLowerCase));
+    this.setState({
+      items
+    });
+  }
+  render() {
+    const {
+      placeholder,
+      title
+    } = this.props;
+    const {
+      filterText,
+      items,
+      showTitle,
+      remainOpen
+    } = this.state;
+    const dropdownTitle = /*#__PURE__*/React.createElement("div", null, "This is a Title");
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        paddingBottom: '330px'
+      }
+    }, /*#__PURE__*/React.createElement("label", {
+      htmlFor: "title-check"
+    }, /*#__PURE__*/React.createElement("input", {
+      type: "checkbox",
+      name: "title-check",
+      id: "title-check",
+      checked: showTitle,
+      onChange: this.handleShowTitle
+    }), /*#__PURE__*/React.createElement("span", {
+      style: {
+        paddingLeft: '4px'
+      }
+    }, "Add title to overlay")), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("label", {
+      htmlFor: "remain-open-check"
+    }, /*#__PURE__*/React.createElement("input", {
+      type: "checkbox",
+      name: "remain-open-check",
+      id: "remain-open-check",
+      checked: remainOpen,
+      onChange: this.handleRemainOpen
+    }), /*#__PURE__*/React.createElement("span", {
+      style: {
+        paddingLeft: '4px'
+      }
+    }, "Overlay should remain open")), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement(SelectorDropdown, {
+      isAlwaysOpen: remainOpen,
+      onSelect: this.handleItemSelection,
+      selector: /*#__PURE__*/React.createElement(InputContainer, {
+        label: title,
+        name: "selectorDropdownInput",
+        onInput: this.handleUserInput,
+        placeholder: placeholder,
+        type: "text",
+        value: filterText
+      }),
+      title: showTitle ? dropdownTitle : undefined
+    }, Children.map(items, item => /*#__PURE__*/React.createElement(DatalistItem, {
+      key: item
+    }, item))));
+  }
+}
+const SelectorDropdownExample = () => /*#__PURE__*/React.createElement(SelectorDropdownContainer, {
+  initialItems: ['Illmatic', 'The Marshall Mathers LP', 'All Eyez on Me', 'Ready To Die', 'Enter the Wu-Tang', 'The Eminem Show', 'The Chronic', 'Straight Outta Compton', 'Reasonable Doubt', 'Super long name that should be truncated, we should see the dots at the very end, adding some more text here, should truncate at any second now, please truncate soon'],
+  placeholder: "Select an album",
+  title: "Album"
+});
+export default SelectorDropdownExample;
+//# sourceMappingURL=SelectorDropdownExample.js.map

package/es/components/selector-dropdown/SelectorDropdownExample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectorDropdownExample.js","names":["React","Children","Component","DatalistItem","SelectorDropdown","TextInput","InputContainer","_ref","inputProps","rest","_objectWithoutProperties","_excluded","createElement","_extends","SelectorDropdownContainer","constructor","props","_defineProperty","setState","showTitle","state","remainOpen","event","filterByItem","target","value","i","filterText","items","initialItems","item","filterItems","filterTextLowerCase","toLowerCase","filter","includes","render","placeholder","title","dropdownTitle","style","paddingBottom","htmlFor","type","name","id","checked","onChange","handleShowTitle","paddingLeft","handleRemainOpen","isAlwaysOpen","onSelect","handleItemSelection","selector","label","onInput","handleUserInput","undefined","map","key","SelectorDropdownExample"],"sources":["../../../src/components/selector-dropdown/SelectorDropdownExample.tsx"],"sourcesContent":["import React, { Children, Component } from 'react';\n\nimport DatalistItem from '../datalist-item';\nimport SelectorDropdown from './SelectorDropdown';\nimport TextInput, { TextInputProps } from '../text-input';\n\ninterface InputContainerProps extends Omit<TextInputProps, 'onInput'> {\n    inputProps?: Partial<TextInputProps>;\n    onInput: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst InputContainer: React.FC<InputContainerProps> = ({ inputProps = {}, ...rest }) => (\n    <TextInput {...inputProps} {...rest} />\n);\n\ninterface SelectorDropdownContainerProps {\n    initialItems: string[];\n    placeholder: string;\n    title: string;\n}\n\ninterface SelectorDropdownContainerState {\n    filterText: string;\n    items: string[];\n    showTitle: boolean;\n    remainOpen: boolean;\n}\n\nclass SelectorDropdownContainer extends Component<SelectorDropdownContainerProps, SelectorDropdownContainerState> {\n    constructor(props: SelectorDropdownContainerProps) {\n        super(props);\n        this.state = {\n            filterText: '',\n            items: props.initialItems,\n            showTitle: false,\n            remainOpen: false,\n        };\n    }\n\n    handleShowTitle = () => {\n        this.setState({ showTitle: !this.state.showTitle });\n    };\n\n    handleRemainOpen = () => {\n        this.setState({ remainOpen: !this.state.remainOpen });\n    };\n\n    handleUserInput = (event: React.ChangeEvent<HTMLInputElement>) => {\n        this.filterByItem(event.target.value);\n    };\n\n    handleItemSelection = (i: number) => {\n        this.setState({ filterText: this.state.items[i] });\n    };\n\n    filterByItem(item: string) {\n        this.setState({ filterText: item });\n        this.filterItems(item);\n    }\n\n    filterItems(filterText: string) {\n        const { initialItems } = this.props;\n        const filterTextLowerCase = filterText.toLowerCase();\n        const items = initialItems.filter(item => item.toLowerCase().includes(filterTextLowerCase));\n        this.setState({ items });\n    }\n\n    render() {\n        const { placeholder, title } = this.props;\n        const { filterText, items, showTitle, remainOpen } = this.state;\n        const dropdownTitle = <div>This is a Title</div>;\n\n        return (\n            <div style={{ paddingBottom: '330px' }}>\n                <label htmlFor=\"title-check\">\n                    <input\n                        type=\"checkbox\"\n                        name=\"title-check\"\n                        id=\"title-check\"\n                        checked={showTitle}\n                        onChange={this.handleShowTitle}\n                    />\n                    <span style={{ paddingLeft: '4px' }}>Add title to overlay</span>\n                </label>\n                <br />\n                <label htmlFor=\"remain-open-check\">\n                    <input\n                        type=\"checkbox\"\n                        name=\"remain-open-check\"\n                        id=\"remain-open-check\"\n                        checked={remainOpen}\n                        onChange={this.handleRemainOpen}\n                    />\n                    <span style={{ paddingLeft: '4px' }}>Overlay should remain open</span>\n                </label>\n                <hr />\n                <SelectorDropdown\n                    isAlwaysOpen={remainOpen}\n                    onSelect={this.handleItemSelection}\n                    selector={\n                        <InputContainer\n                            label={title}\n                            name=\"selectorDropdownInput\"\n                            onInput={this.handleUserInput}\n                            placeholder={placeholder}\n                            type=\"text\"\n                            value={filterText}\n                        />\n                    }\n                    title={showTitle ? dropdownTitle : undefined}\n                >\n                    {Children.map(items, item => (\n                        <DatalistItem key={item}>{item}</DatalistItem>\n                    ))}\n                </SelectorDropdown>\n            </div>\n        );\n    }\n}\n\nconst SelectorDropdownExample: React.FC = () => (\n    <SelectorDropdownContainer\n        initialItems={[\n            'Illmatic',\n            'The Marshall Mathers LP',\n            'All Eyez on Me',\n            'Ready To Die',\n            'Enter the Wu-Tang',\n            'The Eminem Show',\n            'The Chronic',\n            'Straight Outta Compton',\n            'Reasonable Doubt',\n            'Super long name that should be truncated, we should see the dots at the very end, adding some more text here, should truncate at any second now, please truncate soon',\n        ]}\n        placeholder=\"Select an album\"\n        title=\"Album\"\n    />\n);\n\nexport default SelectorDropdownExample;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAElD,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,SAAS,MAA0B,eAAe;AAOzD,MAAMC,cAA6C,GAAGC,IAAA;EAAA,IAAC;MAAEC,UAAU,GAAG,CAAC;IAAW,CAAC,GAAAD,IAAA;IAANE,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAAA,oBAC7EX,KAAA,CAAAY,aAAA,CAACP,SAAS,EAAAQ,QAAA,KAAKL,UAAU,EAAMC,IAAI,CAAG,CAAC;AAAA,CAC1C;AAeD,MAAMK,yBAAyB,SAASZ,SAAS,CAAiE;EAC9Ga,WAAWA,CAACC,KAAqC,EAAE;IAC/C,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA,0BASC,MAAM;MACpB,IAAI,CAACC,QAAQ,CAAC;QAAEC,SAAS,EAAE,CAAC,IAAI,CAACC,KAAK,CAACD;MAAU,CAAC,CAAC;IACvD,CAAC;IAAAF,eAAA,2BAEkB,MAAM;MACrB,IAAI,CAACC,QAAQ,CAAC;QAAEG,UAAU,EAAE,CAAC,IAAI,CAACD,KAAK,CAACC;MAAW,CAAC,CAAC;IACzD,CAAC;IAAAJ,eAAA,0BAEkBK,KAA0C,IAAK;MAC9D,IAAI,CAACC,YAAY,CAACD,KAAK,CAACE,MAAM,CAACC,KAAK,CAAC;IACzC,CAAC;IAAAR,eAAA,8BAEsBS,CAAS,IAAK;MACjC,IAAI,CAACR,QAAQ,CAAC;QAAES,UAAU,EAAE,IAAI,CAACP,KAAK,CAACQ,KAAK,CAACF,CAAC;MAAE,CAAC,CAAC;IACtD,CAAC;IAtBG,IAAI,CAACN,KAAK,GAAG;MACTO,UAAU,EAAE,EAAE;MACdC,KAAK,EAAEZ,KAAK,CAACa,YAAY;MACzBV,SAAS,EAAE,KAAK;MAChBE,UAAU,EAAE;IAChB,CAAC;EACL;EAkBAE,YAAYA,CAACO,IAAY,EAAE;IACvB,IAAI,CAACZ,QAAQ,CAAC;MAAES,UAAU,EAAEG;IAAK,CAAC,CAAC;IACnC,IAAI,CAACC,WAAW,CAACD,IAAI,CAAC;EAC1B;EAEAC,WAAWA,CAACJ,UAAkB,EAAE;IAC5B,MAAM;MAAEE;IAAa,CAAC,GAAG,IAAI,CAACb,KAAK;IACnC,MAAMgB,mBAAmB,GAAGL,UAAU,CAACM,WAAW,CAAC,CAAC;IACpD,MAAML,KAAK,GAAGC,YAAY,CAACK,MAAM,CAACJ,IAAI,IAAIA,IAAI,CAACG,WAAW,CAAC,CAAC,CAACE,QAAQ,CAACH,mBAAmB,CAAC,CAAC;IAC3F,IAAI,CAACd,QAAQ,CAAC;MAAEU;IAAM,CAAC,CAAC;EAC5B;EAEAQ,MAAMA,CAAA,EAAG;IACL,MAAM;MAAEC,WAAW;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACtB,KAAK;IACzC,MAAM;MAAEW,UAAU;MAAEC,KAAK;MAAET,SAAS;MAAEE;IAAW,CAAC,GAAG,IAAI,CAACD,KAAK;IAC/D,MAAMmB,aAAa,gBAAGvC,KAAA,CAAAY,aAAA,cAAK,iBAAoB,CAAC;IAEhD,oBACIZ,KAAA,CAAAY,aAAA;MAAK4B,KAAK,EAAE;QAAEC,aAAa,EAAE;MAAQ;IAAE,gBACnCzC,KAAA,CAAAY,aAAA;MAAO8B,OAAO,EAAC;IAAa,gBACxB1C,KAAA,CAAAY,aAAA;MACI+B,IAAI,EAAC,UAAU;MACfC,IAAI,EAAC,aAAa;MAClBC,EAAE,EAAC,aAAa;MAChBC,OAAO,EAAE3B,SAAU;MACnB4B,QAAQ,EAAE,IAAI,CAACC;IAAgB,CAClC,CAAC,eACFhD,KAAA,CAAAY,aAAA;MAAM4B,KAAK,EAAE;QAAES,WAAW,EAAE;MAAM;IAAE,GAAC,sBAA0B,CAC5D,CAAC,eACRjD,KAAA,CAAAY,aAAA,WAAK,CAAC,eACNZ,KAAA,CAAAY,aAAA;MAAO8B,OAAO,EAAC;IAAmB,gBAC9B1C,KAAA,CAAAY,aAAA;MACI+B,IAAI,EAAC,UAAU;MACfC,IAAI,EAAC,mBAAmB;MACxBC,EAAE,EAAC,mBAAmB;MACtBC,OAAO,EAAEzB,UAAW;MACpB0B,QAAQ,EAAE,IAAI,CAACG;IAAiB,CACnC,CAAC,eACFlD,KAAA,CAAAY,aAAA;MAAM4B,KAAK,EAAE;QAAES,WAAW,EAAE;MAAM;IAAE,GAAC,4BAAgC,CAClE,CAAC,eACRjD,KAAA,CAAAY,aAAA,WAAK,CAAC,eACNZ,KAAA,CAAAY,aAAA,CAACR,gBAAgB;MACb+C,YAAY,EAAE9B,UAAW;MACzB+B,QAAQ,EAAE,IAAI,CAACC,mBAAoB;MACnCC,QAAQ,eACJtD,KAAA,CAAAY,aAAA,CAACN,cAAc;QACXiD,KAAK,EAAEjB,KAAM;QACbM,IAAI,EAAC,uBAAuB;QAC5BY,OAAO,EAAE,IAAI,CAACC,eAAgB;QAC9BpB,WAAW,EAAEA,WAAY;QACzBM,IAAI,EAAC,MAAM;QACXlB,KAAK,EAAEE;MAAW,CACrB,CACJ;MACDW,KAAK,EAAEnB,SAAS,GAAGoB,aAAa,GAAGmB;IAAU,GAE5CzD,QAAQ,CAAC0D,GAAG,CAAC/B,KAAK,EAAEE,IAAI,iBACrB9B,KAAA,CAAAY,aAAA,CAACT,YAAY;MAACyD,GAAG,EAAE9B;IAAK,GAAEA,IAAmB,CAChD,CACa,CACjB,CAAC;EAEd;AACJ;AAEA,MAAM+B,uBAAiC,GAAGA,CAAA,kBACtC7D,KAAA,CAAAY,aAAA,CAACE,yBAAyB;EACtBe,YAAY,EAAE,CACV,UAAU,EACV,yBAAyB,EACzB,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,wBAAwB,EACxB,kBAAkB,EAClB,uKAAuK,CACzK;EACFQ,WAAW,EAAC,iBAAiB;EAC7BC,KAAK,EAAC;AAAO,CAChB,CACJ;AAED,eAAeuB,uBAAuB","ignoreList":[]}

package/es/elements/content-sidebar/BoxAISidebarContent.js

@@ -1,4 +1,4 @@
-const _excluded = ["createSession", "encodedSession", "onClearAction", "getAIStudioAgents", "hasRequestInProgress", "hostAppName", "isAIStudioAgentSelectorEnabled", "isLoading", "isResetChatEnabled", "onSelectAgent", "questions", "shouldShowLandingPage", "sendQuestion", "stopQuestion"];
+const _excluded = ["createSession", "encodedSession", "onClearAction", "onSelectedAgentCallback", "getAIStudioAgents", "hasRequestInProgress", "hostAppName", "isAIStudioAgentSelectorEnabled", "isLoading", "isResetChatEnabled", "onSelectAgent", "questions", "shouldShowLandingPage", "sendQuestion", "stopQuestion"];
 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); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
@@ -32,6 +32,7 @@ function BoxAISidebarContent(props) {
       createSession,
       encodedSession,
       onClearAction,
+      onSelectedAgentCallback,
       getAIStudioAgents,
       hasRequestInProgress,
       hostAppName,
@@ -149,6 +150,10 @@ function BoxAISidebarContent(props) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [encodedSession]);
+  React.useEffect(() => {
+    onSelectedAgentCallback?.(selectedAgent);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [selectedAgent?.id]);
   const renderBoxAISidebarTitle = () => {
     return /*#__PURE__*/React.createElement("div", {
       className: "bcs-BoxAISidebar-title-part"

package/es/elements/content-sidebar/BoxAISidebarContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoxAISidebarContent.js","names":["React","flow","useIntl","classNames","BoxAiAgentSelectorWithApi","useAgents","IconButton","Tooltip","ArrowsExpand","BoxAiContentAnswers","ClearConversationButton","IntelligenceModal","withApiWrapper","SidebarContent","withAPIContext","withErrorBoundary","withLogger","ORIGIN_BOXAI_SIDEBAR","SIDEBAR_VIEW_BOXAI","EVENT_JS_READY","mark","BoxAISidebarContext","BoxAISidebarTitle","messages","MARK_NAME_JS_READY","BoxAISidebarContent","props","createSession","encodedSession","onClearAction","getAIStudioAgents","hasRequestInProgress","hostAppName","isAIStudioAgentSelectorEnabled","isLoading","isResetChatEnabled","onSelectAgent","questions","shouldShowLandingPage","sendQuestion","stopQuestion","rest","_objectWithoutProperties","_excluded","formatMessage","isSessionInitiated","useRef","isModalOpen","setIsModalOpen","useState","cache","contentName","elementId","fileExtension","isFeedbackEnabled","isFeedbackFormEnabled","isStopResponseEnabled","items","itemSize","onFeedbackFormSubmit","onUserInteraction","recordAction","setCacheValue","shouldFeedbackFormIncludeFeedbackText","shouldPreinitSession","useContext","agents","requestState","selectedAgent","cacheQuestions","handleUserIntentToUseAI","userHasInteracted","handleModalClose","handleSwitchToModalClick","useEffect","length","isCompleted","prompt","action","component","feature","target","data","map","item","status","fileType","lastQuestion","current","renderBoxAISidebarTitle","createElement","className","disabled","fetcher","onAgentsListOpen","shouldHideAgentSelectorOnLoad","variant","renderActions","Fragment","onClick","content","sidebarBoxAISwitchToModalView","icon","size","actions","sidebarView","_extends","contentType","sidebarBoxAIContent","onUserIntentToUseAI","showLoadingIndicator","submitQuestion","extension","onOpenChange","open","undefined","stopPropagationOnEsc","shouldRenderProviders","BoxAISidebarComponent","BoxAISidebarContentDefaultExport"],"sources":["../../../src/elements/content-sidebar/BoxAISidebarContent.tsx"],"sourcesContent":["/**\n * @file Box AI sidebar component\n * @author Box\n */\nimport * as React from 'react';\nimport flow from 'lodash/flow';\nimport { useIntl } from 'react-intl';\nimport classNames from 'classnames';\nimport { BoxAiAgentSelectorWithApi, useAgents } from '@box/box-ai-agent-selector';\nimport { IconButton, Tooltip } from '@box/blueprint-web';\nimport { ArrowsExpand } from '@box/blueprint-web-assets/icons/Fill';\nimport {\n    BoxAiContentAnswers,\n    ClearConversationButton,\n    IntelligenceModal,\n    withApiWrapper,\n    type ApiWrapperWithInjectedProps,\n} from '@box/box-ai-content-answers';\nimport SidebarContent from './SidebarContent';\nimport { withAPIContext } from '../common/api-context';\nimport { withErrorBoundary } from '../common/error-boundary';\nimport { withLogger } from '../common/logger';\nimport { ORIGIN_BOXAI_SIDEBAR, SIDEBAR_VIEW_BOXAI } from '../../constants';\nimport { EVENT_JS_READY } from '../common/logger/constants';\nimport { mark } from '../../utils/performance';\nimport { BoxAISidebarContext } from './context/BoxAISidebarContext';\nimport BoxAISidebarTitle from './BoxAISidebarTitle';\n\nimport messages from '../common/messages';\n\nimport './BoxAISidebar.scss';\n\nconst MARK_NAME_JS_READY: string = `${ORIGIN_BOXAI_SIDEBAR}_${EVENT_JS_READY}`;\n\nmark(MARK_NAME_JS_READY);\n\nfunction BoxAISidebarContent(props: ApiWrapperWithInjectedProps & { shouldShowLandingPage: boolean }) {\n    const {\n        createSession,\n        encodedSession,\n        onClearAction,\n        getAIStudioAgents,\n        hasRequestInProgress,\n        hostAppName,\n        isAIStudioAgentSelectorEnabled,\n        isLoading,\n        isResetChatEnabled,\n        onSelectAgent,\n        questions,\n        shouldShowLandingPage,\n        sendQuestion,\n        stopQuestion,\n        ...rest\n    } = props;\n    const { formatMessage } = useIntl();\n    const isSessionInitiated = React.useRef<boolean>(false);\n    const [isModalOpen, setIsModalOpen] = React.useState(false);\n    const {\n        cache,\n        contentName,\n        elementId,\n        fileExtension,\n        isFeedbackEnabled,\n        isFeedbackFormEnabled,\n        isStopResponseEnabled,\n        items,\n        itemSize,\n        onFeedbackFormSubmit,\n        onUserInteraction,\n        recordAction,\n        setCacheValue,\n        shouldFeedbackFormIncludeFeedbackText,\n        shouldPreinitSession,\n    } = React.useContext(BoxAISidebarContext);\n    const { agents, requestState, selectedAgent } = useAgents();\n    const { questions: cacheQuestions } = cache;\n\n    if (cache.shouldShowLandingPage !== shouldShowLandingPage) {\n        setCacheValue('shouldShowLandingPage', shouldShowLandingPage);\n    }\n\n    if (cache.encodedSession !== encodedSession) {\n        setCacheValue('encodedSession', encodedSession);\n    }\n\n    if (cache.questions !== questions) {\n        setCacheValue('questions', questions);\n    }\n\n    if (cache.agents.selectedAgent !== selectedAgent) {\n        setCacheValue('agents', { agents, requestState, selectedAgent });\n    }\n\n    const handleUserIntentToUseAI = (userHasInteracted: boolean = false) => {\n        // Create session if not already created or loading\n        if (!shouldPreinitSession && !encodedSession && !isLoading && createSession) {\n            createSession(true, false);\n        }\n        if (userHasInteracted && onUserInteraction) {\n            onUserInteraction();\n        }\n    };\n\n    const handleModalClose = () => {\n        setIsModalOpen(false);\n    };\n\n    const handleSwitchToModalClick = () => {\n        handleUserIntentToUseAI();\n        setIsModalOpen(true);\n    };\n\n    React.useEffect(() => {\n        if (shouldPreinitSession && !encodedSession && createSession) {\n            createSession(true, true);\n        }\n\n        if (\n            encodedSession &&\n            cacheQuestions.length > 0 &&\n            cacheQuestions[cacheQuestions.length - 1].isCompleted === false\n        ) {\n            // if we have cache with question that is not completed resend it to trigger an API\n            sendQuestion({ prompt: cacheQuestions[cacheQuestions.length - 1].prompt });\n        }\n\n        if (recordAction) {\n            recordAction({\n                action: 'programmatic',\n                component: 'sidebar',\n                feature: 'answers',\n                target: 'loaded',\n                data: {\n                    items: items.map(item => {\n                        return { status: item.status, fileType: item.fileType };\n                    }),\n                },\n            });\n        }\n\n        return () => {\n            // stop API request on unmount (e.g. during switching to another tab)\n            stopQuestion();\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    // Resend the last question (if it was sent before session loaded) after (re-)initializing session\n    React.useEffect(() => {\n        const lastQuestion = cacheQuestions[cacheQuestions.length - 1];\n        if (!shouldPreinitSession && !isSessionInitiated.current && encodedSession && lastQuestion?.isLoading) {\n            sendQuestion(lastQuestion, selectedAgent, false);\n            isSessionInitiated.current = true;\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [encodedSession]);\n\n    const renderBoxAISidebarTitle = () => {\n        return (\n            <div className=\"bcs-BoxAISidebar-title-part\">\n                <BoxAISidebarTitle isAIStudioAgentSelectorEnabled={isAIStudioAgentSelectorEnabled} />\n                {isAIStudioAgentSelectorEnabled && (\n                    <div className=\"bcs-BoxAISidebar-agentSelector\">\n                        <BoxAiAgentSelectorWithApi\n                            disabled={hasRequestInProgress}\n                            fetcher={getAIStudioAgents}\n                            hostAppName={hostAppName}\n                            onAgentsListOpen={handleUserIntentToUseAI}\n                            onSelectAgent={onSelectAgent}\n                            recordAction={recordAction}\n                            shouldHideAgentSelectorOnLoad\n                            variant=\"sidebar\"\n                        />\n                    </div>\n                )}\n            </div>\n        );\n    };\n\n    const renderActions = () => (\n        <>\n            {renderBoxAISidebarTitle()}\n            {isResetChatEnabled && <ClearConversationButton onClick={onClearAction} />}\n            <Tooltip content={formatMessage(messages.sidebarBoxAISwitchToModalView)} variant=\"standard\">\n                <IconButton\n                    aria-label={formatMessage(messages.sidebarBoxAISwitchToModalView)}\n                    className=\"bcs-BoxAISidebar-expand\"\n                    data-target-id=\"IconButton-expandBoxAISidebar\"\n                    icon={ArrowsExpand}\n                    onClick={handleSwitchToModalClick}\n                    size=\"small\"\n                />\n            </Tooltip>\n        </>\n    );\n\n    return (\n        <>\n            <SidebarContent\n                actions={renderActions()}\n                className={classNames('bcs-BoxAISidebar', { 'with-modal-open': isModalOpen })}\n                elementId={elementId}\n                sidebarView={SIDEBAR_VIEW_BOXAI}\n            >\n                <div className=\"bcs-BoxAISidebar-content\">\n                    <BoxAiContentAnswers\n                        className=\"bcs-BoxAISidebar-contentAnswers\"\n                        contentName={contentName}\n                        contentType={formatMessage(messages.sidebarBoxAIContent)}\n                        hostAppName={hostAppName}\n                        isAIStudioAgentSelectorEnabled={isAIStudioAgentSelectorEnabled}\n                        isFeedbackEnabled={isFeedbackEnabled}\n                        isFeedbackFormEnabled={isFeedbackFormEnabled}\n                        isStopResponseEnabled={isStopResponseEnabled}\n                        items={items}\n                        questions={questions}\n                        onFeedbackFormSubmit={onFeedbackFormSubmit}\n                        onUserIntentToUseAI={handleUserIntentToUseAI}\n                        shouldFeedbackFormIncludeFeedbackText={shouldFeedbackFormIncludeFeedbackText}\n                        shouldShowLandingPage={cache.shouldShowLandingPage}\n                        showLoadingIndicator={isLoading && shouldPreinitSession}\n                        stopQuestion={stopQuestion}\n                        submitQuestion={sendQuestion}\n                        variant=\"sidebar\"\n                        recordAction={recordAction}\n                        {...rest}\n                    />\n                </div>\n            </SidebarContent>\n            <IntelligenceModal\n                contentName={contentName}\n                contentType={formatMessage(messages.sidebarBoxAIContent)}\n                extension={fileExtension}\n                getAIStudioAgents={getAIStudioAgents}\n                hasRequestInProgress={hasRequestInProgress}\n                hostAppName={hostAppName}\n                isAIStudioAgentSelectorEnabled={isAIStudioAgentSelectorEnabled}\n                isFeedbackEnabled={isFeedbackEnabled}\n                isFeedbackFormEnabled={isFeedbackFormEnabled}\n                isResetChatEnabled={isResetChatEnabled}\n                isStopResponseEnabled={isStopResponseEnabled}\n                items={items}\n                itemSize={itemSize}\n                onClearAction={onClearAction}\n                onFeedbackFormSubmit={onFeedbackFormSubmit}\n                onOpenChange={handleModalClose}\n                onSelectAgent={onSelectAgent}\n                onUserIntentToUseAI={handleUserIntentToUseAI}\n                open={isModalOpen}\n                questions={questions}\n                recordAction={isModalOpen ? recordAction : undefined}\n                shouldFeedbackFormIncludeFeedbackText={shouldFeedbackFormIncludeFeedbackText}\n                shouldShowLandingPage={cache.shouldShowLandingPage}\n                showLoadingIndicator={false}\n                stopPropagationOnEsc\n                stopQuestion={stopQuestion}\n                submitQuestion={sendQuestion}\n                variant=\"collapsible\"\n                {...rest}\n                shouldRenderProviders={false}\n            />\n        </>\n    );\n}\n\nexport { BoxAISidebarContent as BoxAISidebarComponent };\n\nconst BoxAISidebarContentDefaultExport: typeof withAPIContext = flow([\n    withLogger(ORIGIN_BOXAI_SIDEBAR),\n    withErrorBoundary(ORIGIN_BOXAI_SIDEBAR),\n    withAPIContext,\n    withApiWrapper, // returns only props for Box AI, keep it at the end\n])(BoxAISidebarContent);\n\nexport default BoxAISidebarContentDefaultExport;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BoxAISidebarContent.js","names":["React","flow","useIntl","classNames","BoxAiAgentSelectorWithApi","useAgents","IconButton","Tooltip","ArrowsExpand","BoxAiContentAnswers","ClearConversationButton","IntelligenceModal","withApiWrapper","SidebarContent","withAPIContext","withErrorBoundary","withLogger","ORIGIN_BOXAI_SIDEBAR","SIDEBAR_VIEW_BOXAI","EVENT_JS_READY","mark","BoxAISidebarContext","BoxAISidebarTitle","messages","MARK_NAME_JS_READY","BoxAISidebarContent","props","createSession","encodedSession","onClearAction","onSelectedAgentCallback","getAIStudioAgents","hasRequestInProgress","hostAppName","isAIStudioAgentSelectorEnabled","isLoading","isResetChatEnabled","onSelectAgent","questions","shouldShowLandingPage","sendQuestion","stopQuestion","rest","_objectWithoutProperties","_excluded","formatMessage","isSessionInitiated","useRef","isModalOpen","setIsModalOpen","useState","cache","contentName","elementId","fileExtension","isFeedbackEnabled","isFeedbackFormEnabled","isStopResponseEnabled","items","itemSize","onFeedbackFormSubmit","onUserInteraction","recordAction","setCacheValue","shouldFeedbackFormIncludeFeedbackText","shouldPreinitSession","useContext","agents","requestState","selectedAgent","cacheQuestions","handleUserIntentToUseAI","userHasInteracted","handleModalClose","handleSwitchToModalClick","useEffect","length","isCompleted","prompt","action","component","feature","target","data","map","item","status","fileType","lastQuestion","current","id","renderBoxAISidebarTitle","createElement","className","disabled","fetcher","onAgentsListOpen","shouldHideAgentSelectorOnLoad","variant","renderActions","Fragment","onClick","content","sidebarBoxAISwitchToModalView","icon","size","actions","sidebarView","_extends","contentType","sidebarBoxAIContent","onUserIntentToUseAI","showLoadingIndicator","submitQuestion","extension","onOpenChange","open","undefined","stopPropagationOnEsc","shouldRenderProviders","BoxAISidebarComponent","BoxAISidebarContentDefaultExport"],"sources":["../../../src/elements/content-sidebar/BoxAISidebarContent.tsx"],"sourcesContent":["/**\n * @file Box AI sidebar component\n * @author Box\n */\nimport * as React from 'react';\nimport flow from 'lodash/flow';\nimport { useIntl } from 'react-intl';\nimport classNames from 'classnames';\nimport { BoxAiAgentSelectorWithApi, useAgents, type AgentType } from '@box/box-ai-agent-selector';\nimport { IconButton, Tooltip } from '@box/blueprint-web';\nimport { ArrowsExpand } from '@box/blueprint-web-assets/icons/Fill';\nimport {\n    BoxAiContentAnswers,\n    ClearConversationButton,\n    IntelligenceModal,\n    withApiWrapper,\n    type ApiWrapperWithInjectedProps,\n} from '@box/box-ai-content-answers';\nimport SidebarContent from './SidebarContent';\nimport { withAPIContext } from '../common/api-context';\nimport { withErrorBoundary } from '../common/error-boundary';\nimport { withLogger } from '../common/logger';\nimport { ORIGIN_BOXAI_SIDEBAR, SIDEBAR_VIEW_BOXAI } from '../../constants';\nimport { EVENT_JS_READY } from '../common/logger/constants';\nimport { mark } from '../../utils/performance';\nimport { BoxAISidebarContext } from './context/BoxAISidebarContext';\nimport BoxAISidebarTitle from './BoxAISidebarTitle';\n\nimport messages from '../common/messages';\n\nimport './BoxAISidebar.scss';\n\nconst MARK_NAME_JS_READY: string = `${ORIGIN_BOXAI_SIDEBAR}_${EVENT_JS_READY}`;\n\nmark(MARK_NAME_JS_READY);\n\nfunction BoxAISidebarContent(\n    props: ApiWrapperWithInjectedProps & {\n        onSelectedAgentCallback: (selectedAgent: AgentType) => void;\n        shouldShowLandingPage: boolean;\n    },\n) {\n    const {\n        createSession,\n        encodedSession,\n        onClearAction,\n        onSelectedAgentCallback,\n        getAIStudioAgents,\n        hasRequestInProgress,\n        hostAppName,\n        isAIStudioAgentSelectorEnabled,\n        isLoading,\n        isResetChatEnabled,\n        onSelectAgent,\n        questions,\n        shouldShowLandingPage,\n        sendQuestion,\n        stopQuestion,\n        ...rest\n    } = props;\n    const { formatMessage } = useIntl();\n    const isSessionInitiated = React.useRef<boolean>(false);\n    const [isModalOpen, setIsModalOpen] = React.useState(false);\n    const {\n        cache,\n        contentName,\n        elementId,\n        fileExtension,\n        isFeedbackEnabled,\n        isFeedbackFormEnabled,\n        isStopResponseEnabled,\n        items,\n        itemSize,\n        onFeedbackFormSubmit,\n        onUserInteraction,\n        recordAction,\n        setCacheValue,\n        shouldFeedbackFormIncludeFeedbackText,\n        shouldPreinitSession,\n    } = React.useContext(BoxAISidebarContext);\n    const { agents, requestState, selectedAgent } = useAgents();\n    const { questions: cacheQuestions } = cache;\n\n    if (cache.shouldShowLandingPage !== shouldShowLandingPage) {\n        setCacheValue('shouldShowLandingPage', shouldShowLandingPage);\n    }\n\n    if (cache.encodedSession !== encodedSession) {\n        setCacheValue('encodedSession', encodedSession);\n    }\n\n    if (cache.questions !== questions) {\n        setCacheValue('questions', questions);\n    }\n\n    if (cache.agents.selectedAgent !== selectedAgent) {\n        setCacheValue('agents', { agents, requestState, selectedAgent });\n    }\n\n    const handleUserIntentToUseAI = (userHasInteracted: boolean = false) => {\n        // Create session if not already created or loading\n        if (!shouldPreinitSession && !encodedSession && !isLoading && createSession) {\n            createSession(true, false);\n        }\n        if (userHasInteracted && onUserInteraction) {\n            onUserInteraction();\n        }\n    };\n\n    const handleModalClose = () => {\n        setIsModalOpen(false);\n    };\n\n    const handleSwitchToModalClick = () => {\n        handleUserIntentToUseAI();\n        setIsModalOpen(true);\n    };\n\n    React.useEffect(() => {\n        if (shouldPreinitSession && !encodedSession && createSession) {\n            createSession(true, true);\n        }\n\n        if (\n            encodedSession &&\n            cacheQuestions.length > 0 &&\n            cacheQuestions[cacheQuestions.length - 1].isCompleted === false\n        ) {\n            // if we have cache with question that is not completed resend it to trigger an API\n            sendQuestion({ prompt: cacheQuestions[cacheQuestions.length - 1].prompt });\n        }\n\n        if (recordAction) {\n            recordAction({\n                action: 'programmatic',\n                component: 'sidebar',\n                feature: 'answers',\n                target: 'loaded',\n                data: {\n                    items: items.map(item => {\n                        return { status: item.status, fileType: item.fileType };\n                    }),\n                },\n            });\n        }\n\n        return () => {\n            // stop API request on unmount (e.g. during switching to another tab)\n            stopQuestion();\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    // Resend the last question (if it was sent before session loaded) after (re-)initializing session\n    React.useEffect(() => {\n        const lastQuestion = cacheQuestions[cacheQuestions.length - 1];\n        if (!shouldPreinitSession && !isSessionInitiated.current && encodedSession && lastQuestion?.isLoading) {\n            sendQuestion(lastQuestion, selectedAgent, false);\n            isSessionInitiated.current = true;\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [encodedSession]);\n\n    React.useEffect(() => {\n        onSelectedAgentCallback?.(selectedAgent);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedAgent?.id]);\n\n    const renderBoxAISidebarTitle = () => {\n        return (\n            <div className=\"bcs-BoxAISidebar-title-part\">\n                <BoxAISidebarTitle isAIStudioAgentSelectorEnabled={isAIStudioAgentSelectorEnabled} />\n                {isAIStudioAgentSelectorEnabled && (\n                    <div className=\"bcs-BoxAISidebar-agentSelector\">\n                        <BoxAiAgentSelectorWithApi\n                            disabled={hasRequestInProgress}\n                            fetcher={getAIStudioAgents}\n                            hostAppName={hostAppName}\n                            onAgentsListOpen={handleUserIntentToUseAI}\n                            onSelectAgent={onSelectAgent}\n                            recordAction={recordAction}\n                            shouldHideAgentSelectorOnLoad\n                            variant=\"sidebar\"\n                        />\n                    </div>\n                )}\n            </div>\n        );\n    };\n\n    const renderActions = () => (\n        <>\n            {renderBoxAISidebarTitle()}\n            {isResetChatEnabled && <ClearConversationButton onClick={onClearAction} />}\n            <Tooltip content={formatMessage(messages.sidebarBoxAISwitchToModalView)} variant=\"standard\">\n                <IconButton\n                    aria-label={formatMessage(messages.sidebarBoxAISwitchToModalView)}\n                    className=\"bcs-BoxAISidebar-expand\"\n                    data-target-id=\"IconButton-expandBoxAISidebar\"\n                    icon={ArrowsExpand}\n                    onClick={handleSwitchToModalClick}\n                    size=\"small\"\n                />\n            </Tooltip>\n        </>\n    );\n\n    return (\n        <>\n            <SidebarContent\n                actions={renderActions()}\n                className={classNames('bcs-BoxAISidebar', { 'with-modal-open': isModalOpen })}\n                elementId={elementId}\n                sidebarView={SIDEBAR_VIEW_BOXAI}\n            >\n                <div className=\"bcs-BoxAISidebar-content\">\n                    <BoxAiContentAnswers\n                        className=\"bcs-BoxAISidebar-contentAnswers\"\n                        contentName={contentName}\n                        contentType={formatMessage(messages.sidebarBoxAIContent)}\n                        hostAppName={hostAppName}\n                        isAIStudioAgentSelectorEnabled={isAIStudioAgentSelectorEnabled}\n                        isFeedbackEnabled={isFeedbackEnabled}\n                        isFeedbackFormEnabled={isFeedbackFormEnabled}\n                        isStopResponseEnabled={isStopResponseEnabled}\n                        items={items}\n                        questions={questions}\n                        onFeedbackFormSubmit={onFeedbackFormSubmit}\n                        onUserIntentToUseAI={handleUserIntentToUseAI}\n                        shouldFeedbackFormIncludeFeedbackText={shouldFeedbackFormIncludeFeedbackText}\n                        shouldShowLandingPage={cache.shouldShowLandingPage}\n                        showLoadingIndicator={isLoading && shouldPreinitSession}\n                        stopQuestion={stopQuestion}\n                        submitQuestion={sendQuestion}\n                        variant=\"sidebar\"\n                        recordAction={recordAction}\n                        {...rest}\n                    />\n                </div>\n            </SidebarContent>\n            <IntelligenceModal\n                contentName={contentName}\n                contentType={formatMessage(messages.sidebarBoxAIContent)}\n                extension={fileExtension}\n                getAIStudioAgents={getAIStudioAgents}\n                hasRequestInProgress={hasRequestInProgress}\n                hostAppName={hostAppName}\n                isAIStudioAgentSelectorEnabled={isAIStudioAgentSelectorEnabled}\n                isFeedbackEnabled={isFeedbackEnabled}\n                isFeedbackFormEnabled={isFeedbackFormEnabled}\n                isResetChatEnabled={isResetChatEnabled}\n                isStopResponseEnabled={isStopResponseEnabled}\n                items={items}\n                itemSize={itemSize}\n                onClearAction={onClearAction}\n                onFeedbackFormSubmit={onFeedbackFormSubmit}\n                onOpenChange={handleModalClose}\n                onSelectAgent={onSelectAgent}\n                onUserIntentToUseAI={handleUserIntentToUseAI}\n                open={isModalOpen}\n                questions={questions}\n                recordAction={isModalOpen ? recordAction : undefined}\n                shouldFeedbackFormIncludeFeedbackText={shouldFeedbackFormIncludeFeedbackText}\n                shouldShowLandingPage={cache.shouldShowLandingPage}\n                showLoadingIndicator={false}\n                stopPropagationOnEsc\n                stopQuestion={stopQuestion}\n                submitQuestion={sendQuestion}\n                variant=\"collapsible\"\n                {...rest}\n                shouldRenderProviders={false}\n            />\n        </>\n    );\n}\n\nexport { BoxAISidebarContent as BoxAISidebarComponent };\n\nconst BoxAISidebarContentDefaultExport: typeof withAPIContext = flow([\n    withLogger(ORIGIN_BOXAI_SIDEBAR),\n    withErrorBoundary(ORIGIN_BOXAI_SIDEBAR),\n    withAPIContext,\n    withApiWrapper, // returns only props for Box AI, keep it at the end\n])(BoxAISidebarContent);\n\nexport default BoxAISidebarContentDefaultExport;\n"],"mappings":"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","ignoreList":[]}

package/es/src/components/context-menu/ContextMenu.stories.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import ContextMenu from './ContextMenu';
-import '../../../examples/styles/ContextMenuExamples.scss';
+import './ContextMenuExample.scss';
 export declare const basic: () => React.JSX.Element;
 export declare const withSubmenu: () => React.JSX.Element;
 declare const _default: {

package/es/src/components/context-menu/ContextMenuWithSubmenuExample.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare class ContextMenuWithSubmenuExample extends React.Component {
+    state: {
+        rightBoundaryElement: any;
+        bottomBoundaryElement: any;
+    };
+    render(): React.JSX.Element;
+}
+export default ContextMenuWithSubmenuExample;

package/es/src/components/selector-dropdown/SelectorDropdownExample.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SelectorDropdownExample: React.FC;
+export default SelectorDropdownExample;

package/es/src/elements/content-sidebar/BoxAISidebarContent.d.ts

@@ -3,10 +3,12 @@
  * @author Box
  */
 import * as React from 'react';
+import { type AgentType } from '@box/box-ai-agent-selector';
 import { type ApiWrapperWithInjectedProps } from '@box/box-ai-content-answers';
 import { withAPIContext } from '../common/api-context';
 import './BoxAISidebar.scss';
 declare function BoxAISidebarContent(props: ApiWrapperWithInjectedProps & {
+    onSelectedAgentCallback: (selectedAgent: AgentType) => void;
     shouldShowLandingPage: boolean;
 }): React.JSX.Element;
 export { BoxAISidebarContent as BoxAISidebarComponent };

package/es/types.d.ts

@@ -1,2 +1 @@
 export * from './src/types';
-export * from './examples/types';

package/eslint.config.js

@@ -17,7 +17,6 @@ module.exports = [
             'i18n/',
             'node_modules/',
             'reports/',
-            'styleguide/',
             '**/__snapshots__/',
             '**/*.json',
             '**/*.png',

package/i18n/pl-PL.js

@@ -963,10 +963,10 @@ export default {
   "boxui.unifiedShare.peopleInEnterpriseName": "Osoby w przedsiębiorstwie {enterpriseName}",
   "boxui.unifiedShare.peopleInItemCanAccessFile": "Tylko zaproszeni użytkownicy mogą uzyskać dostęp do tego pliku",
   "boxui.unifiedShare.peopleInItemCanAccessFolder": "Tylko zaproszeni użytkownicy mogą uzyskać dostęp do tego folderu",
-  "boxui.unifiedShare.peopleInItemCanAccessHub": "Tylko zaproszone osoby mogą uzyskać dostęp do tego centrum",
+  "boxui.unifiedShare.peopleInItemCanAccessHub": "Only invited people can access this hub",
   "boxui.unifiedShare.peopleInSpecifiedCompanyCanAccessFile": "Wszyscy użytkownicy w firmie {company} dysponujący łączem lub użytkownicy zaproszeni do tego pliku mogą uzyskać dostęp",
   "boxui.unifiedShare.peopleInSpecifiedCompanyCanAccessFolder": "Wszyscy użytkownicy w firmie {company} dysponujący łączem lub użytkownicy zaproszeni do tego folderu mogą uzyskać dostęp",
-  "boxui.unifiedShare.peopleInSpecifiedCompanyCanAccessHub": "Każda osoba w {company} posiadająca łącze lub osoby zaproszone do tego centrum mogą uzyskać dostęp",
+  "boxui.unifiedShare.peopleInSpecifiedCompanyCanAccessHub": "Anyone at {company} with the link or people invited to this hub can access",
   "boxui.unifiedShare.peopleInThisFile": "Tylko zaproszeni użytkownicy",
   "boxui.unifiedShare.peopleInThisFolder": "Tylko zaproszeni użytkownicy",
   "boxui.unifiedShare.peopleInYourCompany": "Osoby w Twojej firmie",

package/i18n/pl-PL.properties

@@ -1927,13 +1927,13 @@ boxui.unifiedShare.peopleInItemCanAccessFile = Tylko zaproszeni użytkownicy mog
 # Description of a collaborator-only shared link for a folder
 boxui.unifiedShare.peopleInItemCanAccessFolder = Tylko zaproszeni użytkownicy mogą uzyskać dostęp do tego folderu
 # Description of a collaborator-only shared link for a hub
-boxui.unifiedShare.peopleInItemCanAccessHub = Tylko zaproszone osoby mogą uzyskać dostęp do tego centrum
+boxui.unifiedShare.peopleInItemCanAccessHub = Only invited people can access this hub
 # Description of a specific company shared link for a file. {company} is the company name
 boxui.unifiedShare.peopleInSpecifiedCompanyCanAccessFile = Wszyscy użytkownicy w firmie {company} dysponujący łączem lub użytkownicy zaproszeni do tego pliku mogą uzyskać dostęp
 # Description of a specific company shared link for a folder. {company} is the company name
 boxui.unifiedShare.peopleInSpecifiedCompanyCanAccessFolder = Wszyscy użytkownicy w firmie {company} dysponujący łączem lub użytkownicy zaproszeni do tego folderu mogą uzyskać dostęp
 # Description of a specific company shared link for a hub. {company} is the company name
-boxui.unifiedShare.peopleInSpecifiedCompanyCanAccessHub = Każda osoba w {company} posiadająca łącze lub osoby zaproszone do tego centrum mogą uzyskać dostęp
+boxui.unifiedShare.peopleInSpecifiedCompanyCanAccessHub = Anyone at {company} with the link or people invited to this hub can access
 # Label for "People in this file" option
 boxui.unifiedShare.peopleInThisFile = Tylko zaproszeni użytkownicy
 # Label for "People in this folder" option

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "box-ui-elements",
-    "version": "23.4.0-beta.6",
+    "version": "23.4.0-beta.7",
     "description": "Box UI Elements",
     "author": "Box (https://www.box.com/)",
     "license": "SEE LICENSE IN LICENSE",
@@ -50,20 +50,16 @@
         "build:prod:analyze": "BUNDLE_ANALYSIS=true npm-run-all setup build:prod:npm",
         "build:prod:es": "BABEL_ENV=npm NODE_ENV=production yarn build:es --source-maps --ignore \"**/*.d.ts,**/__tests__/**,**/__mocks__/**\"",
         "build:prod:dist": "NODE_ENV=production webpack --config scripts/webpack.config.js --mode production",
-        "build:prod:examples": "LANGUAGE=en-US REACT=true NODE_ENV=production node --max_old_space_size=8192 node_modules/.bin/styleguidist build --config scripts/styleguide.config.js --mode production",
         "build:prod:npm": "BABEL_ENV=production OUTPUT=dist LANGUAGE=en-US REACT=true yarn build:prod:dist",
         "build:prod:storybook": "LANGUAGE=en-US REACT=true BROWSERSLIST_ENV=production BABEL_ENV=development NODE_ENV=development storybook build -c .storybook -o storybook",
         "build:sync": "LANGUAGE=en-US BABEL_ENV=development NODE_ENV=development RSYNC=true webpack --config scripts/webpack.config.js --mode development",
         "chromatic": "chromatic",
-        "clean": "rm -rf dist es i18n/json i18n/*.js reports styleguide",
+        "clean": "rm -rf dist es i18n/json i18n/*.js reports storybook",
         "copy:flow": "flow-copy-source --ignore \"**/__tests__/**\" --ignore \"**/__mocks__/**\" --ignore \"**/*.ts\" ./src ./es && copyfiles './src/**/*.js.flow' es --up 1",
         "copy:styles": "copyfiles './src/**/*.scss' es --up 1",
         "cy:open": "yarn cy:wait; yarn cypress open",
-        "cy:open:sbk": "yarn cy:wait:sbk; yarn cypress open",
-        "cy:run": "yarn cy:wait; yarn cypress run --spec \"test/integration/**/*.cy.js\"",
-        "cy:run:sbk": "yarn cy:wait:sbk; yarn cypress run --spec \"test/integration/**/*.e2e.cy.js\"",
-        "cy:wait": "wait-on http-get://localhost:6060/#",
-        "cy:wait:sbk": "wait-on http-get://localhost:6061/iframe.html",
+        "cy:run": "yarn cy:wait; yarn cypress run --spec \"test/integration/**/*.e2e.cy.js\"",
+        "cy:wait": "wait-on http-get://localhost:6060/iframe.html",
         "lint": "npm-run-all lint:*",
         "lint:js": "eslint --max-warnings=0 .",
         "lint:ts": "tsc",
@@ -76,15 +72,13 @@
         "release:next": "DIST=next BRANCH=next ./scripts/release.sh",
         "release:cdn": "yarn setup; node ./scripts/prod.js",
         "setup": "yarn install --frozen-lockfile; npm-run-all clean build:i18n",
-        "start": "npm-run-all setup start:examples",
-        "start:dev": "yarn setup; LANGUAGE=en-US BABEL_ENV=development NODE_ENV=development node --max_old_space_size=8192 node_modules/.bin/webpack-dev-server --config scripts/webpack.config.js --mode development",
-        "start:examples": "EXAMPLES=true LANGUAGE=en-US REACT=true BABEL_ENV=development NODE_ENV=development node --max_old_space_size=8192 node_modules/.bin/styleguidist server --config scripts/styleguide.config.js --mode development",
+        "start": "npm-run-all setup start:storybook",
         "start:npm": "yarn setup; yarn build:dev:es",
-        "start:storybook": "LANGUAGE=en-US REACT=true BABEL_ENV=development NODE_ENV=development storybook dev -p 6061",
+        "start:storybook": "LANGUAGE=en-US REACT=true BABEL_ENV=development NODE_ENV=development storybook dev -p 6060",
         "start:storybook:ci": "yarn start:storybook --ci",
         "test": "BABEL_ENV=test NODE_ENV=test yarn jest -c scripts/jest/jest.config.js",
-        "test:e2e": "BROWSERSLIST_ENV=test npm-run-all -p -r start:storybook cy:run:sbk",
-        "test:e2e:open": "BROWSERSLIST_ENV=test npm-run-all -p -r start:examples cy:open",
+        "test:e2e": "BROWSERSLIST_ENV=test npm-run-all -p -r start cy:run",
+        "test:e2e:open": "BROWSERSLIST_ENV=test npm-run-all -p -r start cy:open",
         "ts:defs": "tsc --declaration --emitDeclarationOnly --declarationDir es --noEmit false"
     },
     "browserslist": {
@@ -271,7 +265,6 @@
         "react-responsive": "^10.0.0",
         "react-router-dom": "^5.3.4",
         "react-scrollbars-custom": "^4.0.21",
-        "react-styleguidist": "^13.1.3",
         "react-tether": "^1.0.5",
         "react-textarea-autosize": "^8.5.3",
         "regenerator-runtime": "^0.14.1",
@@ -299,7 +292,7 @@
         "webpack": "^5.92.0",
         "webpack-bundle-analyzer": "^4.10.2",
         "webpack-cli": "^5.1.4",
-        "webpack-dev-server": "^5.0.4",
+        "webpack-dev-server": "^5.2.1",
         "worker-farm": "^1.7.0"
     },
     "peerDependencies": {

package/src/components/context-menu/ContextMenu.stories.tsx

@@ -6,9 +6,9 @@ import MenuItem from '../menu/MenuItem';
 import ContextMenu from './ContextMenu';
 import notes from './ContextMenu.stories.md';
 
-import ContextMenuWithSubmenuWithBoundariesElementExample from '../../../examples/src/ContextMenuWithSubmenuWithBoundariesElementExample';
+import ContextMenuWithSubmenuExample from './ContextMenuWithSubmenuExample';
 
-import '../../../examples/styles/ContextMenuExamples.scss';
+import './ContextMenuExample.scss';
 
 export const basic = () => (
     <ContextMenu>
@@ -20,7 +20,7 @@ export const basic = () => (
     </ContextMenu>
 );
 
-export const withSubmenu = () => <ContextMenuWithSubmenuWithBoundariesElementExample />;
+export const withSubmenu = () => <ContextMenuWithSubmenuExample />;
 
 export default {
     title: 'Components/ContextMenu',

package/src/components/context-menu/ContextMenuExample.scss

@@ -0,0 +1,4 @@
+.context-menu-example-target {
+    border: 1px solid black;
+    padding: 10px;
+}