@teambit/react 1.0.121 → 1.0.123

package/artifacts/env-template/public/{29.835f79a3ba324a2f8242.js → 29.36cfb4eede762e0c1b5d.js}

@@ -207,11 +207,11 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
   Copyright (c) 2018 Jed Watson.
   Licensed under the MIT License (MIT), see
   http://jedwatson.github.io/classnames
-*/(function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(!!arg){var argType=typeof arg;if(argType==="string"||argType==="number")classes.push(arg);else if(Array.isArray(arg)){if(arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}}else if(argType==="object")if(arg.toString===Object.prototype.toString)for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key);else classes.push(arg.toString())}}return classes.join(" ")}module.exports?(classNames.default=classNames,module.exports=classNames):(__WEBPACK_AMD_DEFINE_ARRAY__=[],__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__),__WEBPACK_AMD_DEFINE_RESULT__!==void 0&&(module.exports=__WEBPACK_AMD_DEFINE_RESULT__))})()},37807:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ContentTabs:()=>ContentTabs});var react=__webpack_require__(67294),classnames2=__webpack_require__(62173),classnames_default=__webpack_require__.n(classnames2),dist=__webpack_require__(53422),design_inputs_selectors_menu_item_dist=__webpack_require__(20557);const tab_line_module={tabLine:"tab-line_tabLine__1yccg"};var __rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};const TabLine=(0,react.forwardRef)((_a,ref)=>{var{selectedTab,borderPosition,className}=_a,rest=__rest(_a,["selectedTab","borderPosition","className"]);const[borderStyles,setBorderStyle]=(0,react.useState)({width:void 0,transform:void 0});return(0,react.useEffect)(()=>{if(selectedTab){const styleObj={width:void 0,transform:void 0},offset=selectedTab.offsetLeft;styleObj.width=`${selectedTab.offsetWidth}px`,styleObj.transform=`translateX(${offset}px)`,setBorderStyle(styleObj)}},[selectedTab]),react.createElement("div",Object.assign({"data-position":borderPosition,className:classnames_default()(tab_line_module.tabLine,className),style:borderStyles,ref},rest))}),tab_folder_module={tabFolder:"tab-folder_tabFolder__2w9SB"};var tab_folder_rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};const TabFolder=(0,react.forwardRef)((_a,ref)=>{var{selectedTab,className}=_a,rest=tab_folder_rest(_a,["selectedTab","className"]);const[borderStyles,setBorderStyle]=(0,react.useState)({width:void 0,transform:void 0});return(0,react.useEffect)(()=>{if(selectedTab){const styleObj={width:void 0,transform:void 0},offset=selectedTab.offsetLeft;styleObj.width=`${selectedTab.offsetWidth}px`,styleObj.transform=`translateX(${offset}px)`,setBorderStyle(styleObj)}},[selectedTab]),react.createElement("div",Object.assign({className:classnames_default()(tab_folder_module.tabFolder,className),style:borderStyles,ref},rest))}),responsive_navbar_module={tab:"responsive-navbar_tab__3GbZU",active:"responsive-navbar_active__3rFTm",navTabs:"responsive-navbar_navTabs__2a6Gj",overflow:"responsive-navbar_overflow__2nZqe",more:"responsive-navbar_more__rWE4g",dots:"responsive-navbar_dots__Pm413",secondaryTabContainer:"responsive-navbar_secondaryTabContainer__2mkC3",item:"responsive-navbar_item__uSKXR",menuItem:"responsive-navbar_menuItem__2qbbJ",hidden:"responsive-navbar_hidden__3j5qe"};var responsive_navbar_rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};function ResponsiveNavbar(_a){var{defaultActiveIndex=0,onSelect,navClassName,tabClassName,borderPosition="bottom",tabs,dropdownPosition="bottom-end",priority}=_a,rest=responsive_navbar_rest(_a,["defaultActiveIndex","onSelect","navClassName","tabClassName","borderPosition","tabs","dropdownPosition","priority"]);const[tabIndex,setTabIndex]=(0,react.useState)(defaultActiveIndex),[selectedTab,setSelectedTab]=(0,react.useState)(void 0),moreBtnRef=(0,react.useRef)(null),containerRef=(0,react.useRef)(null),tabLineRef=(0,react.useRef)(null),primaryTabRefs=(0,react.useRef)([]),secondaryTabRefs=(0,react.useRef)([]);(0,react.useEffect)(()=>(setSelectedTab(primaryTabRefs.current[tabIndex]),toggleTabs(),window.addEventListener("resize",toggleTabs),()=>window.removeEventListener("resize",toggleTabs)),[tabIndex,selectedTab,tabs]);const onTabSelect=index=>{onSelect&&onSelect(index),setTabIndex(index)};(0,react.useEffect)(()=>{setTabIndex(defaultActiveIndex)},[defaultActiveIndex]);const resetStyle=()=>{var _a2,_b,_c;(_a2=containerRef.current)===null||_a2===void 0||_a2.classList.remove(responsive_navbar_module.overflow),(_b=moreBtnRef.current)===null||_b===void 0||_b.classList.remove(responsive_navbar_module.hidden),(_c=tabLineRef.current)===null||_c===void 0||_c.classList.remove(responsive_navbar_module.hidden),primaryTabRefs.current.forEach((contentTabRef,index)=>{contentTabRef.classList.remove(responsive_navbar_module.hidden)}),secondaryTabRefs.current.forEach((contentTabRef,index)=>{contentTabRef.classList.remove(responsive_navbar_module.hidden)})},getAllWidthBefore=currentElIndex=>{let width=0;return primaryTabRefs.current.forEach((el,index)=>{index<=currentElIndex&&(width+=el.offsetWidth)}),width},toggleTabs=()=>{var _a2,_b,_c,_d;resetStyle();const containerRefWidth=((_a2=containerRef.current)===null||_a2===void 0?void 0:_a2.offsetWidth)||0,buttonWidth=((_b=moreBtnRef.current)===null||_b===void 0?void 0:_b.offsetWidth)||0;let hiddenItems=[];for(let index=primaryTabRefs.current.length-1;index>0;index--){const tabRef=primaryTabRefs.current[index],allWidthBefore=getAllWidthBefore(index);containerRefWidth-buttonWidth<=allWidthBefore+buttonWidth&&(tabRef===selectedTab&&((_c=tabLineRef.current)===null||_c===void 0||_c.classList.add(responsive_navbar_module.hidden)),tabRef.classList.add(responsive_navbar_module.hidden),hiddenItems.push(index))}hiddenItems.length?secondaryTabRefs.current.forEach((tabRef,index)=>{hiddenItems.includes(index)||tabRef.classList.add(responsive_navbar_module.hidden)}):(_d=moreBtnRef.current)===null||_d===void 0||_d.classList.add(responsive_navbar_module.hidden)},getTabStyle=()=>{switch(priority){case"none":return null;case"line":return react.createElement(TabLine,{borderPosition,selectedTab,className:tabClassName,ref:tabLineRef});case"folder":return react.createElement(TabFolder,{selectedTab,className:tabClassName,ref:tabLineRef});default:return react.createElement(TabLine,{borderPosition,selectedTab,className:tabClassName,ref:tabLineRef})}};return react.createElement("nav",Object.assign({},rest,{className:classnames_default()(responsive_navbar_module.navTabs,responsive_navbar_module.overflow,navClassName),ref:containerRef}),tabs.map((tab,index)=>react.createElement("div",{className:classnames_default()(responsive_navbar_module.tab,index===tabIndex&&responsive_navbar_module.active),"data-priority":priority,onClick:e=>onTabSelect(index),key:`tab-${index}`,ref:ref=>ref&&(primaryTabRefs.current[index]=ref)},react.createElement(tab.component,{isInMenu:!1}))),getTabStyle(),react.createElement("div",{className:classnames_default()(responsive_navbar_module.more,responsive_navbar_module.hidden),ref:moreBtnRef},react.createElement(dist.Lt,{placeholderContent:react.createElement("div",{className:responsive_navbar_module.dots,"data-priority":"menu"},react.createElement("img",{src:"https://static.bit.dev/bit-icons/more-h.svg"})),dropClass:responsive_navbar_module.secondaryTabContainer,position:dropdownPosition,clickToggles:!0,margin:8},tabs.map((tab,index)=>react.createElement("div",{key:`dropdown-${index}`,ref:ref=>ref&&(secondaryTabRefs.current[index]=ref),className:responsive_navbar_module.item},react.createElement(design_inputs_selectors_menu_item_dist.MenuItem,{className:responsive_navbar_module.menuItem,active:index===tabIndex,onClick:e=>onTabSelect(index)},react.createElement(tab.component,{isInMenu:!0})))))))}var content_tabs_rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};function ContentTabs(_a){var{defaultActiveIndex=0,tabs=[],onSelect}=_a,rest=content_tabs_rest(_a,["defaultActiveIndex","tabs","onSelect"]);const[activeTab,setActiveTab]=(0,react.useState)(defaultActiveIndex),titles=tabs.map(tab=>({component:({isInMenu})=>react.createElement(tab.component,{isInMenu})}));return react.createElement(react.Fragment,null,react.createElement(ResponsiveNavbar,Object.assign({},rest,{tabs:titles,defaultActiveIndex,onSelect:activeIndex=>{setActiveTab(activeIndex),onSelect&&onSelect(activeIndex)}})),tabs[activeTab].content)}},83811:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0})},87488:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.elevationClass=void 0;const elevations_module_scss_1=__importDefault(__webpack_require__(98685));__exportStar(__webpack_require__(83811),exports),exports.elevationClass={low:elevations_module_scss_1.default.low,medium:elevations_module_scss_1.default.medium,high:elevations_module_scss_1.default.high,none:void 0}},5895:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClickOutside=void 0;const react_1=__webpack_require__(67294);class ClickOutside extends react_1.Component{constructor(){super(...arguments);this.listener=event=>{const{targetRef,handler}=this.props,element=event.target;!targetRef.current||!element||targetRef.current.contains(element)||handler(event)}}componentDidMount(){this.props.enabled&&this.enable()}componentWillUnmount(){this.disable()}componentDidUpdate(prevProps){const nextProps=this.props;prevProps.enabled!==nextProps.enabled&&(nextProps.enabled?this.enable():this.disable())}enable(){document.addEventListener("mousedown",this.listener),document.addEventListener("touchstart",this.listener)}disable(){document.removeEventListener("mousedown",this.listener),document.removeEventListener("touchstart",this.listener)}render(){return null}}exports.ClickOutside=ClickOutside,ClickOutside.defaultProps={enabled:!0}},687:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClickOutside=exports.ClickOutside=void 0;var click_outside_1=__webpack_require__(5895);Object.defineProperty(exports,"ClickOutside",{enumerable:!0,get:function(){return click_outside_1.ClickOutside}});var use_click_outside_1=__webpack_require__(78534);Object.defineProperty(exports,"useClickOutside",{enumerable:!0,get:function(){return use_click_outside_1.useClickOutside}})},78534:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClickOutside=void 0;const react_1=__webpack_require__(67294);function useClickOutside(ref,handler,enabled=!0){(0,react_1.useEffect)(()=>{const listener=event=>{const element=event.target;!ref.current||!element||ref.current.contains(element)||handler(event)};return enabled&&(document.addEventListener("mousedown",listener),document.addEventListener("touchstart",listener)),()=>{document.removeEventListener("mousedown",listener),document.removeEventListener("touchstart",listener)}},[ref,handler,enabled])}exports.useClickOutside=useClickOutside},8387:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.backgrounds=void 0;const background_module_scss_1=__importDefault(__webpack_require__(74186));exports.backgrounds={bedrock:background_module_scss_1.default.bedrock,base:background_module_scss_1.default.base,layer:background_module_scss_1.default.layer,crust:background_module_scss_1.default.crust,topping:background_module_scss_1.default.topping,dent:background_module_scss_1.default.dent}},56729:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultPlaceholder=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(86475)),drawer_module_scss_1=__importDefault(__webpack_require__(44396));function DefaultPlaceholder(props){return react_1.default.createElement("div",Object.assign({},props,{className:(0,classnames_1.default)(props.className,drawer_module_scss_1.default.placeholder)}))}exports.DefaultPlaceholder=DefaultPlaceholder},12220:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Drawer=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_surfaces_abs_container_1=__webpack_require__(63867),base_ui_hook_use_click_outside_1=__webpack_require__(687),react_create_ref_1=__importDefault(__webpack_require__(22184)),default_placeholder_1=__webpack_require__(56729);class Drawer extends react_1.Component{constructor(){super(...arguments);this.state={isOpen:this.props.open||!1},this.ref=(0,react_create_ref_1.default)(),this.toggle=evt=>{const{isOpen}=this.state,nextOpen=!isOpen;this.isControlled||this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.close=evt=>{const{isOpen}=this.state,nextOpen=!1;!this.isControlled&&isOpen&&this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.open=evt=>{const{isOpen}=this.state,nextOpen=!0;!this.isControlled&&!isOpen&&this.setState({isOpen:!0}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.handlePlaceholderClick=e=>{this.props.onPlaceholderToggle&&this.props.onPlaceholderToggle(e),e.defaultPrevented||this.props.clickPlaceholderToggles&&this.toggle(e)},this.handleContainerClick=e=>{this.props.clickToggles&&this.toggle(e),this.props.onClick&&this.props.onClick(e)},this.handleClickOutside=e=>{this.props.onClickOutside&&this.props.onClickOutside(e),e.defaultPrevented||this.props.clickOutside&&this.close()},this.handleLeaveContainer=e=>{this.props.onMouseLeave&&this.props.onMouseLeave(e),e.defaultPrevented||this.props.hoverToOpen&&this.close(e)},this.handleEnterContainer=e=>{this.props.onMouseEnter&&this.props.onMouseEnter(e),e.defaultPrevented||this.props.hoverToOpen&&this.open(e)}}componentWillReceiveProps(nextProps){this.props.open!==nextProps.open&&nextProps.open!==void 0&&this.setState({isOpen:nextProps.open})}get isControlled(){return this.props.open!==void 0}render(){const _a=this.props,{placeholderContent="",children,clickOutside,onMouseEnter,onMouseLeave,open,hoverToOpen,clickPlaceholderToggles,clickToggles,onChange,onPlaceholderToggle,onContainerToggle,onContaineeToggle,onClickOutside}=_a,rest=__rest(_a,["placeholderContent","children","clickOutside","onMouseEnter","onMouseLeave","open","hoverToOpen","clickPlaceholderToggles","clickToggles","onChange","onPlaceholderToggle","onContainerToggle","onContaineeToggle","onClickOutside"]),{isOpen}=this.state;return react_1.default.createElement(base_ui_surfaces_abs_container_1.Container,Object.assign({},rest,{forwardRef:this.ref,open:isOpen,onMouseLeave:this.handleLeaveContainer,onMouseEnter:this.handleEnterContainer,onClick:this.handleContainerClick}),children,react_1.default.createElement(default_placeholder_1.DefaultPlaceholder,{onClick:this.handlePlaceholderClick},placeholderContent),react_1.default.createElement(base_ui_hook_use_click_outside_1.ClickOutside,{targetRef:this.ref,enabled:!!clickOutside&&isOpen,handler:this.handleClickOutside}))}}exports.Drawer=Drawer,Drawer.defaultProps={clickPlaceholderToggles:!0,clickOutside:!0,clickToggles:!0}},93046:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(12220),exports)},86475:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
+*/(function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(!!arg){var argType=typeof arg;if(argType==="string"||argType==="number")classes.push(arg);else if(Array.isArray(arg)){if(arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}}else if(argType==="object")if(arg.toString===Object.prototype.toString)for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key);else classes.push(arg.toString())}}return classes.join(" ")}module.exports?(classNames.default=classNames,module.exports=classNames):(__WEBPACK_AMD_DEFINE_ARRAY__=[],__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__),__WEBPACK_AMD_DEFINE_RESULT__!==void 0&&(module.exports=__WEBPACK_AMD_DEFINE_RESULT__))})()},37807:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ContentTabs:()=>ContentTabs});var react=__webpack_require__(67294),classnames2=__webpack_require__(62173),classnames_default=__webpack_require__.n(classnames2),dist=__webpack_require__(53422),design_inputs_selectors_menu_item_dist=__webpack_require__(20557);const tab_line_module={tabLine:"tab-line_tabLine__1yccg"};var __rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};const TabLine=(0,react.forwardRef)((_a,ref)=>{var{selectedTab,borderPosition,className}=_a,rest=__rest(_a,["selectedTab","borderPosition","className"]);const[borderStyles,setBorderStyle]=(0,react.useState)({width:void 0,transform:void 0});return(0,react.useEffect)(()=>{if(selectedTab){const styleObj={width:void 0,transform:void 0},offset=selectedTab.offsetLeft;styleObj.width=`${selectedTab.offsetWidth}px`,styleObj.transform=`translateX(${offset}px)`,setBorderStyle(styleObj)}},[selectedTab]),react.createElement("div",Object.assign({"data-position":borderPosition,className:classnames_default()(tab_line_module.tabLine,className),style:borderStyles,ref},rest))}),tab_folder_module={tabFolder:"tab-folder_tabFolder__2w9SB"};var tab_folder_rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};const TabFolder=(0,react.forwardRef)((_a,ref)=>{var{selectedTab,className}=_a,rest=tab_folder_rest(_a,["selectedTab","className"]);const[borderStyles,setBorderStyle]=(0,react.useState)({width:void 0,transform:void 0});return(0,react.useEffect)(()=>{if(selectedTab){const styleObj={width:void 0,transform:void 0},offset=selectedTab.offsetLeft;styleObj.width=`${selectedTab.offsetWidth}px`,styleObj.transform=`translateX(${offset}px)`,setBorderStyle(styleObj)}},[selectedTab]),react.createElement("div",Object.assign({className:classnames_default()(tab_folder_module.tabFolder,className),style:borderStyles,ref},rest))}),responsive_navbar_module={tab:"responsive-navbar_tab__3GbZU",active:"responsive-navbar_active__3rFTm",navTabs:"responsive-navbar_navTabs__2a6Gj",overflow:"responsive-navbar_overflow__2nZqe",more:"responsive-navbar_more__rWE4g",dots:"responsive-navbar_dots__Pm413",secondaryTabContainer:"responsive-navbar_secondaryTabContainer__2mkC3",item:"responsive-navbar_item__uSKXR",menuItem:"responsive-navbar_menuItem__2qbbJ",hidden:"responsive-navbar_hidden__3j5qe"};var responsive_navbar_rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};function ResponsiveNavbar(_a){var{defaultActiveIndex=0,onSelect,navClassName,tabClassName,borderPosition="bottom",tabs,dropdownPosition="bottom-end",priority}=_a,rest=responsive_navbar_rest(_a,["defaultActiveIndex","onSelect","navClassName","tabClassName","borderPosition","tabs","dropdownPosition","priority"]);const[tabIndex,setTabIndex]=(0,react.useState)(defaultActiveIndex),[selectedTab,setSelectedTab]=(0,react.useState)(void 0),moreBtnRef=(0,react.useRef)(null),containerRef=(0,react.useRef)(null),tabLineRef=(0,react.useRef)(null),primaryTabRefs=(0,react.useRef)([]),secondaryTabRefs=(0,react.useRef)([]);(0,react.useEffect)(()=>(setSelectedTab(primaryTabRefs.current[tabIndex]),toggleTabs(),window.addEventListener("resize",toggleTabs),()=>window.removeEventListener("resize",toggleTabs)),[tabIndex,selectedTab,tabs]);const onTabSelect=index=>{onSelect&&onSelect(index),setTabIndex(index)};(0,react.useEffect)(()=>{setTabIndex(defaultActiveIndex)},[defaultActiveIndex]);const resetStyle=()=>{var _a2,_b,_c;(_a2=containerRef.current)===null||_a2===void 0||_a2.classList.remove(responsive_navbar_module.overflow),(_b=moreBtnRef.current)===null||_b===void 0||_b.classList.remove(responsive_navbar_module.hidden),(_c=tabLineRef.current)===null||_c===void 0||_c.classList.remove(responsive_navbar_module.hidden),primaryTabRefs.current.forEach((contentTabRef,index)=>{contentTabRef.classList.remove(responsive_navbar_module.hidden)}),secondaryTabRefs.current.forEach((contentTabRef,index)=>{contentTabRef.classList.remove(responsive_navbar_module.hidden)})},getAllWidthBefore=currentElIndex=>{let width=0;return primaryTabRefs.current.forEach((el,index)=>{index<=currentElIndex&&(width+=el.offsetWidth)}),width},toggleTabs=()=>{var _a2,_b,_c,_d;resetStyle();const containerRefWidth=((_a2=containerRef.current)===null||_a2===void 0?void 0:_a2.offsetWidth)||0,buttonWidth=((_b=moreBtnRef.current)===null||_b===void 0?void 0:_b.offsetWidth)||0;let hiddenItems=[];for(let index=primaryTabRefs.current.length-1;index>0;index--){const tabRef=primaryTabRefs.current[index],allWidthBefore=getAllWidthBefore(index);containerRefWidth-buttonWidth<=allWidthBefore+buttonWidth&&(tabRef===selectedTab&&((_c=tabLineRef.current)===null||_c===void 0||_c.classList.add(responsive_navbar_module.hidden)),tabRef.classList.add(responsive_navbar_module.hidden),hiddenItems.push(index))}hiddenItems.length?secondaryTabRefs.current.forEach((tabRef,index)=>{hiddenItems.includes(index)||tabRef.classList.add(responsive_navbar_module.hidden)}):(_d=moreBtnRef.current)===null||_d===void 0||_d.classList.add(responsive_navbar_module.hidden)},getTabStyle=()=>{switch(priority){case"none":return null;case"line":return react.createElement(TabLine,{borderPosition,selectedTab,className:tabClassName,ref:tabLineRef});case"folder":return react.createElement(TabFolder,{selectedTab,className:tabClassName,ref:tabLineRef});default:return react.createElement(TabLine,{borderPosition,selectedTab,className:tabClassName,ref:tabLineRef})}};return react.createElement("nav",Object.assign({},rest,{className:classnames_default()(responsive_navbar_module.navTabs,responsive_navbar_module.overflow,navClassName),ref:containerRef}),tabs.map((tab,index)=>react.createElement("div",{className:classnames_default()(responsive_navbar_module.tab,index===tabIndex&&responsive_navbar_module.active),"data-priority":priority,onClick:e=>onTabSelect(index),key:`tab-${index}`,ref:ref=>ref&&(primaryTabRefs.current[index]=ref)},react.createElement(tab.component,{isInMenu:!1}))),getTabStyle(),react.createElement("div",{className:classnames_default()(responsive_navbar_module.more,responsive_navbar_module.hidden),ref:moreBtnRef},react.createElement(dist.Lt,{placeholderContent:react.createElement("div",{className:responsive_navbar_module.dots,"data-priority":"menu"},react.createElement("img",{src:"https://static.bit.dev/bit-icons/more-h.svg"})),dropClass:responsive_navbar_module.secondaryTabContainer,position:dropdownPosition,clickToggles:!0,margin:8},tabs.map((tab,index)=>react.createElement("div",{key:`dropdown-${index}`,ref:ref=>ref&&(secondaryTabRefs.current[index]=ref),className:responsive_navbar_module.item},react.createElement(design_inputs_selectors_menu_item_dist.MenuItem,{className:responsive_navbar_module.menuItem,active:index===tabIndex,onClick:e=>onTabSelect(index)},react.createElement(tab.component,{isInMenu:!0})))))))}var content_tabs_rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};function ContentTabs(_a){var{defaultActiveIndex=0,tabs=[],onSelect}=_a,rest=content_tabs_rest(_a,["defaultActiveIndex","tabs","onSelect"]);const[activeTab,setActiveTab]=(0,react.useState)(defaultActiveIndex),titles=tabs.map(tab=>({component:({isInMenu})=>react.createElement(tab.component,{isInMenu})}));return react.createElement(react.Fragment,null,react.createElement(ResponsiveNavbar,Object.assign({},rest,{tabs:titles,defaultActiveIndex,onSelect:activeIndex=>{setActiveTab(activeIndex),onSelect&&onSelect(activeIndex)}})),tabs[activeTab].content)}},83811:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0})},87488:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.elevationClass=void 0;const elevations_module_scss_1=__importDefault(__webpack_require__(98685));__exportStar(__webpack_require__(83811),exports),exports.elevationClass={low:elevations_module_scss_1.default.low,medium:elevations_module_scss_1.default.medium,high:elevations_module_scss_1.default.high,none:void 0}},5895:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClickOutside=void 0;const react_1=__webpack_require__(67294);class ClickOutside extends react_1.Component{constructor(){super(...arguments);this.listener=event=>{const{targetRef,handler}=this.props,element=event.target;!targetRef.current||!element||targetRef.current.contains(element)||handler(event)}}componentDidMount(){this.props.enabled&&this.enable()}componentWillUnmount(){this.disable()}componentDidUpdate(prevProps){const nextProps=this.props;prevProps.enabled!==nextProps.enabled&&(nextProps.enabled?this.enable():this.disable())}enable(){document.addEventListener("mousedown",this.listener),document.addEventListener("touchstart",this.listener)}disable(){document.removeEventListener("mousedown",this.listener),document.removeEventListener("touchstart",this.listener)}render(){return null}}exports.ClickOutside=ClickOutside,ClickOutside.defaultProps={enabled:!0}},687:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClickOutside=exports.ClickOutside=void 0;var click_outside_1=__webpack_require__(5895);Object.defineProperty(exports,"ClickOutside",{enumerable:!0,get:function(){return click_outside_1.ClickOutside}});var use_click_outside_1=__webpack_require__(78534);Object.defineProperty(exports,"useClickOutside",{enumerable:!0,get:function(){return use_click_outside_1.useClickOutside}})},78534:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClickOutside=void 0;const react_1=__webpack_require__(67294);function useClickOutside(ref,handler,enabled=!0){(0,react_1.useEffect)(()=>{const listener=event=>{const element=event.target;!ref.current||!element||ref.current.contains(element)||handler(event)};return enabled&&(document.addEventListener("mousedown",listener),document.addEventListener("touchstart",listener)),()=>{document.removeEventListener("mousedown",listener),document.removeEventListener("touchstart",listener)}},[ref,handler,enabled])}exports.useClickOutside=useClickOutside},39980:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.backgrounds=void 0;const background_module_scss_1=__importDefault(__webpack_require__(74186));exports.backgrounds={bedrock:background_module_scss_1.default.bedrock,base:background_module_scss_1.default.base,layer:background_module_scss_1.default.layer,crust:background_module_scss_1.default.crust,topping:background_module_scss_1.default.topping,dent:background_module_scss_1.default.dent}},56729:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultPlaceholder=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(86475)),drawer_module_scss_1=__importDefault(__webpack_require__(44396));function DefaultPlaceholder(props){return react_1.default.createElement("div",Object.assign({},props,{className:(0,classnames_1.default)(props.className,drawer_module_scss_1.default.placeholder)}))}exports.DefaultPlaceholder=DefaultPlaceholder},12220:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Drawer=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_surfaces_abs_container_1=__webpack_require__(63867),base_ui_hook_use_click_outside_1=__webpack_require__(687),react_create_ref_1=__importDefault(__webpack_require__(22184)),default_placeholder_1=__webpack_require__(56729);class Drawer extends react_1.Component{constructor(){super(...arguments);this.state={isOpen:this.props.open||!1},this.ref=(0,react_create_ref_1.default)(),this.toggle=evt=>{const{isOpen}=this.state,nextOpen=!isOpen;this.isControlled||this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.close=evt=>{const{isOpen}=this.state,nextOpen=!1;!this.isControlled&&isOpen&&this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.open=evt=>{const{isOpen}=this.state,nextOpen=!0;!this.isControlled&&!isOpen&&this.setState({isOpen:!0}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.handlePlaceholderClick=e=>{this.props.onPlaceholderToggle&&this.props.onPlaceholderToggle(e),e.defaultPrevented||this.props.clickPlaceholderToggles&&this.toggle(e)},this.handleContainerClick=e=>{this.props.clickToggles&&this.toggle(e),this.props.onClick&&this.props.onClick(e)},this.handleClickOutside=e=>{this.props.onClickOutside&&this.props.onClickOutside(e),e.defaultPrevented||this.props.clickOutside&&this.close()},this.handleLeaveContainer=e=>{this.props.onMouseLeave&&this.props.onMouseLeave(e),e.defaultPrevented||this.props.hoverToOpen&&this.close(e)},this.handleEnterContainer=e=>{this.props.onMouseEnter&&this.props.onMouseEnter(e),e.defaultPrevented||this.props.hoverToOpen&&this.open(e)}}componentWillReceiveProps(nextProps){this.props.open!==nextProps.open&&nextProps.open!==void 0&&this.setState({isOpen:nextProps.open})}get isControlled(){return this.props.open!==void 0}render(){const _a=this.props,{placeholderContent="",children,clickOutside,onMouseEnter,onMouseLeave,open,hoverToOpen,clickPlaceholderToggles,clickToggles,onChange,onPlaceholderToggle,onContainerToggle,onContaineeToggle,onClickOutside}=_a,rest=__rest(_a,["placeholderContent","children","clickOutside","onMouseEnter","onMouseLeave","open","hoverToOpen","clickPlaceholderToggles","clickToggles","onChange","onPlaceholderToggle","onContainerToggle","onContaineeToggle","onClickOutside"]),{isOpen}=this.state;return react_1.default.createElement(base_ui_surfaces_abs_container_1.Container,Object.assign({},rest,{forwardRef:this.ref,open:isOpen,onMouseLeave:this.handleLeaveContainer,onMouseEnter:this.handleEnterContainer,onClick:this.handleContainerClick}),children,react_1.default.createElement(default_placeholder_1.DefaultPlaceholder,{onClick:this.handlePlaceholderClick},placeholderContent),react_1.default.createElement(base_ui_hook_use_click_outside_1.ClickOutside,{targetRef:this.ref,enabled:!!clickOutside&&isOpen,handler:this.handleClickOutside}))}}exports.Drawer=Drawer,Drawer.defaultProps={clickPlaceholderToggles:!0,clickOutside:!0,clickToggles:!0}},93046:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(12220),exports)},86475:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
   Copyright (c) 2017 Jed Watson.
   Licensed under the MIT License (MIT), see
   http://jedwatson.github.io/classnames
-*/(function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(!!arg){var argType=typeof arg;if(argType==="string"||argType==="number")classes.push(arg);else if(Array.isArray(arg)&&arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}else if(argType==="object")for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key)}}return classes.join(" ")}module.exports?(classNames.default=classNames,module.exports=classNames):(__WEBPACK_AMD_DEFINE_ARRAY__=[],__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__),__WEBPACK_AMD_DEFINE_RESULT__!==void 0&&(module.exports=__WEBPACK_AMD_DEFINE_RESULT__))})()},292:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ButtonsPlugin=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(62173)),design_ui_icon_button_1=__webpack_require__(62764),buttons_plugin_module_scss_1=__importDefault(__webpack_require__(69932));function ButtonsPlugin(_a){var{onClear,onSubmit,disabledSubmit,submitText="Done",loading,submitClassName,className}=_a,rest=__rest(_a,["onClear","onSubmit","disabledSubmit","submitText","loading","submitClassName","className"]);return!onClear&&!onSubmit?null:react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(buttons_plugin_module_scss_1.default.buttonsHolder,className)}),onClear&&react_1.default.createElement("div",{className:buttons_plugin_module_scss_1.default.clearText,onClick:onClear},"Clear"),onSubmit&&react_1.default.createElement(design_ui_icon_button_1.IconButton,{priority:"cta",onClick:onSubmit,loading,disabled:disabledSubmit,className:submitClassName},submitText))}exports.ButtonsPlugin=ButtonsPlugin},44709:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ButtonsPlugin=void 0;var buttons_plugin_1=__webpack_require__(292);Object.defineProperty(exports,"ButtonsPlugin",{enumerable:!0,get:function(){return buttons_plugin_1.ButtonsPlugin}})},64681:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(62173)),base_ui_surfaces_drawer_1=__webpack_require__(93046),base_ui_surfaces_abs_container_1=__webpack_require__(63867),base_ui_css_components_elevation_1=__webpack_require__(87488),base_ui_css_components_roundness_1=__webpack_require__(70518),base_ui_surfaces_background_1=__webpack_require__(8387),placeholder_1=__webpack_require__(75376),dropdown_module_scss_1=__importDefault(__webpack_require__(19268));function Dropdown(_a){var{children,position="bottom",elevation="low",roundness="small",margin=4,placeholderContent="",dropClass,placeholderBorder=!0,topPlugin,bottomPlugin,clickToggles=!1,className}=_a,rest=__rest(_a,["children","position","elevation","roundness","margin","placeholderContent","dropClass","placeholderBorder","topPlugin","bottomPlugin","clickToggles","className"]);return react_1.default.createElement(base_ui_surfaces_drawer_1.Drawer,Object.assign({margin,className:(0,classnames_1.default)(!placeholderBorder&&dropdown_module_scss_1.default.removePlaceholderBorder,className),placeholderContent:typeof placeholderContent=="string"?react_1.default.createElement(placeholder_1.Placeholder,null,placeholderContent):placeholderContent,clickToggles},rest),react_1.default.createElement(DropdownMenu,{position,elevation,roundness,className:dropClass},topPlugin,children,bottomPlugin))}exports.Dropdown=Dropdown;function DropdownMenu(_a){var{className,elevation="low",roundness="small"}=_a,rest=__rest(_a,["className","elevation","roundness"]);return react_1.default.createElement(base_ui_surfaces_abs_container_1.Containee,Object.assign({},rest,{className:(0,classnames_1.default)(dropdown_module_scss_1.default.dropdownMenu,base_ui_surfaces_background_1.backgrounds.layer,base_ui_css_components_elevation_1.elevationClass[elevation],base_ui_css_components_roundness_1.roundnessClass[roundness],className)}))}},53422:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=exports.Lt=void 0;var dropdown_1=__webpack_require__(64681);Object.defineProperty(exports,"Lt",{enumerable:!0,get:function(){return dropdown_1.Dropdown}});var placeholder_1=__webpack_require__(75376);__webpack_unused_export__={enumerable:!0,get:function(){return placeholder_1.Placeholder}};var buttons_plugin_1=__webpack_require__(44709);__webpack_unused_export__={enumerable:!0,get:function(){return buttons_plugin_1.ButtonsPlugin}}},75376:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Placeholder=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(62173)),design_inputs_selectors_menu_item_1=__webpack_require__(20557),dropdown_module_scss_1=__importDefault(__webpack_require__(19268));function Placeholder(_a){var{children,className}=_a,rest=__rest(_a,["children","className"]);return react_1.default.createElement(design_inputs_selectors_menu_item_1.MenuItem,Object.assign({className:(0,classnames_1.default)(dropdown_module_scss_1.default.dropdownPlaceholder,className)},rest),children," ",react_1.default.createElement(FatArrowDown,null))}exports.Placeholder=Placeholder;function FatArrowDown(){return react_1.default.createElement("svg",{width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react_1.default.createElement("path",{d:"M10.9999 1.17C10.8126 0.983753 10.5591 0.879211 10.2949 0.879211C10.0308 0.879211 9.77731 0.983753 9.58995 1.17L5.99995 4.71L2.45995 1.17C2.27259 0.983753 2.01913 0.879211 1.75495 0.879211C1.49076 0.879211 1.23731 0.983753 1.04995 1.17C0.95622 1.26297 0.881826 1.37357 0.831057 1.49543C0.780288 1.61729 0.75415 1.74799 0.75415 1.88C0.75415 2.01202 0.780288 2.14272 0.831057 2.26458C0.881826 2.38644 0.95622 2.49704 1.04995 2.59L5.28995 6.83C5.38291 6.92373 5.49351 6.99813 5.61537 7.04889C5.73723 7.09966 5.86794 7.1258 5.99995 7.1258C6.13196 7.1258 6.26267 7.09966 6.38453 7.04889C6.50638 6.99813 6.61699 6.92373 6.70995 6.83L10.9999 2.59C11.0937 2.49704 11.1681 2.38644 11.2188 2.26458C11.2696 2.14272 11.2957 2.01202 11.2957 1.88C11.2957 1.74799 11.2696 1.61729 11.2188 1.49543C11.1681 1.37357 11.0937 1.26297 10.9999 1.17Z",fill:"var(--on-surface-color, #2b2b2b)"}))}},60694:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconButton=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(62173)),base_ui_input_button_1=__importDefault(__webpack_require__(29020)),icon_button_module_scss_1=__importDefault(__webpack_require__(46840)),sizes_module_scss_1=__importDefault(__webpack_require__(7590));function IconButton2(_a){var{icon,className,children,active,priority="ghost",size="s",border=!0}=_a,rest=__rest(_a,["icon","className","children","active","priority","size","border"]);return react_1.default.createElement(base_ui_input_button_1.default,Object.assign({},rest,{className:(0,classnames_1.default)(icon_button_module_scss_1.default.iconButton,sizes_module_scss_1.default.buttonSizes,active&&icon_button_module_scss_1.default.active,icon&&!children&&icon_button_module_scss_1.default.iconOnly,icon&&children&&icon_button_module_scss_1.default.margin,icon&&icon_button_module_scss_1.default.withIcon,!border&&icon_button_module_scss_1.default.withoutBorder,className),"data-priority":priority,"data-size":size}),icon,children)}exports.IconButton=IconButton2},62764:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconButton=void 0;var icon_button_1=__webpack_require__(60694);Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return icon_button_1.IconButton}})},62173:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
+*/(function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(!!arg){var argType=typeof arg;if(argType==="string"||argType==="number")classes.push(arg);else if(Array.isArray(arg)&&arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}else if(argType==="object")for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key)}}return classes.join(" ")}module.exports?(classNames.default=classNames,module.exports=classNames):(__WEBPACK_AMD_DEFINE_ARRAY__=[],__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__),__WEBPACK_AMD_DEFINE_RESULT__!==void 0&&(module.exports=__WEBPACK_AMD_DEFINE_RESULT__))})()},292:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ButtonsPlugin=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(62173)),design_ui_icon_button_1=__webpack_require__(62764),buttons_plugin_module_scss_1=__importDefault(__webpack_require__(69932));function ButtonsPlugin(_a){var{onClear,onSubmit,disabledSubmit,submitText="Done",loading,submitClassName,className}=_a,rest=__rest(_a,["onClear","onSubmit","disabledSubmit","submitText","loading","submitClassName","className"]);return!onClear&&!onSubmit?null:react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(buttons_plugin_module_scss_1.default.buttonsHolder,className)}),onClear&&react_1.default.createElement("div",{className:buttons_plugin_module_scss_1.default.clearText,onClick:onClear},"Clear"),onSubmit&&react_1.default.createElement(design_ui_icon_button_1.IconButton,{priority:"cta",onClick:onSubmit,loading,disabled:disabledSubmit,className:submitClassName},submitText))}exports.ButtonsPlugin=ButtonsPlugin},44709:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ButtonsPlugin=void 0;var buttons_plugin_1=__webpack_require__(292);Object.defineProperty(exports,"ButtonsPlugin",{enumerable:!0,get:function(){return buttons_plugin_1.ButtonsPlugin}})},64681:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(62173)),base_ui_surfaces_drawer_1=__webpack_require__(93046),base_ui_surfaces_abs_container_1=__webpack_require__(63867),base_ui_css_components_elevation_1=__webpack_require__(87488),base_ui_css_components_roundness_1=__webpack_require__(70518),base_ui_surfaces_background_1=__webpack_require__(39980),placeholder_1=__webpack_require__(75376),dropdown_module_scss_1=__importDefault(__webpack_require__(19268));function Dropdown(_a){var{children,position="bottom",elevation="low",roundness="small",margin=4,placeholderContent="",dropClass,placeholderBorder=!0,topPlugin,bottomPlugin,clickToggles=!1,className}=_a,rest=__rest(_a,["children","position","elevation","roundness","margin","placeholderContent","dropClass","placeholderBorder","topPlugin","bottomPlugin","clickToggles","className"]);return react_1.default.createElement(base_ui_surfaces_drawer_1.Drawer,Object.assign({margin,className:(0,classnames_1.default)(!placeholderBorder&&dropdown_module_scss_1.default.removePlaceholderBorder,className),placeholderContent:typeof placeholderContent=="string"?react_1.default.createElement(placeholder_1.Placeholder,null,placeholderContent):placeholderContent,clickToggles},rest),react_1.default.createElement(DropdownMenu,{position,elevation,roundness,className:dropClass},topPlugin,children,bottomPlugin))}exports.Dropdown=Dropdown;function DropdownMenu(_a){var{className,elevation="low",roundness="small"}=_a,rest=__rest(_a,["className","elevation","roundness"]);return react_1.default.createElement(base_ui_surfaces_abs_container_1.Containee,Object.assign({},rest,{className:(0,classnames_1.default)(dropdown_module_scss_1.default.dropdownMenu,base_ui_surfaces_background_1.backgrounds.layer,base_ui_css_components_elevation_1.elevationClass[elevation],base_ui_css_components_roundness_1.roundnessClass[roundness],className)}))}},53422:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=exports.Lt=void 0;var dropdown_1=__webpack_require__(64681);Object.defineProperty(exports,"Lt",{enumerable:!0,get:function(){return dropdown_1.Dropdown}});var placeholder_1=__webpack_require__(75376);__webpack_unused_export__={enumerable:!0,get:function(){return placeholder_1.Placeholder}};var buttons_plugin_1=__webpack_require__(44709);__webpack_unused_export__={enumerable:!0,get:function(){return buttons_plugin_1.ButtonsPlugin}}},75376:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Placeholder=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(62173)),design_inputs_selectors_menu_item_1=__webpack_require__(20557),dropdown_module_scss_1=__importDefault(__webpack_require__(19268));function Placeholder(_a){var{children,className}=_a,rest=__rest(_a,["children","className"]);return react_1.default.createElement(design_inputs_selectors_menu_item_1.MenuItem,Object.assign({className:(0,classnames_1.default)(dropdown_module_scss_1.default.dropdownPlaceholder,className)},rest),children," ",react_1.default.createElement(FatArrowDown,null))}exports.Placeholder=Placeholder;function FatArrowDown(){return react_1.default.createElement("svg",{width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react_1.default.createElement("path",{d:"M10.9999 1.17C10.8126 0.983753 10.5591 0.879211 10.2949 0.879211C10.0308 0.879211 9.77731 0.983753 9.58995 1.17L5.99995 4.71L2.45995 1.17C2.27259 0.983753 2.01913 0.879211 1.75495 0.879211C1.49076 0.879211 1.23731 0.983753 1.04995 1.17C0.95622 1.26297 0.881826 1.37357 0.831057 1.49543C0.780288 1.61729 0.75415 1.74799 0.75415 1.88C0.75415 2.01202 0.780288 2.14272 0.831057 2.26458C0.881826 2.38644 0.95622 2.49704 1.04995 2.59L5.28995 6.83C5.38291 6.92373 5.49351 6.99813 5.61537 7.04889C5.73723 7.09966 5.86794 7.1258 5.99995 7.1258C6.13196 7.1258 6.26267 7.09966 6.38453 7.04889C6.50638 6.99813 6.61699 6.92373 6.70995 6.83L10.9999 2.59C11.0937 2.49704 11.1681 2.38644 11.2188 2.26458C11.2696 2.14272 11.2957 2.01202 11.2957 1.88C11.2957 1.74799 11.2696 1.61729 11.2188 1.49543C11.1681 1.37357 11.0937 1.26297 10.9999 1.17Z",fill:"var(--on-surface-color, #2b2b2b)"}))}},60694:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconButton=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(62173)),base_ui_input_button_1=__importDefault(__webpack_require__(29020)),icon_button_module_scss_1=__importDefault(__webpack_require__(46840)),sizes_module_scss_1=__importDefault(__webpack_require__(7590));function IconButton2(_a){var{icon,className,children,active,priority="ghost",size="s",border=!0}=_a,rest=__rest(_a,["icon","className","children","active","priority","size","border"]);return react_1.default.createElement(base_ui_input_button_1.default,Object.assign({},rest,{className:(0,classnames_1.default)(icon_button_module_scss_1.default.iconButton,sizes_module_scss_1.default.buttonSizes,active&&icon_button_module_scss_1.default.active,icon&&!children&&icon_button_module_scss_1.default.iconOnly,icon&&children&&icon_button_module_scss_1.default.margin,icon&&icon_button_module_scss_1.default.withIcon,!border&&icon_button_module_scss_1.default.withoutBorder,className),"data-priority":priority,"data-size":size}),icon,children)}exports.IconButton=IconButton2},62764:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconButton=void 0;var icon_button_1=__webpack_require__(60694);Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return icon_button_1.IconButton}})},62173:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
   Copyright (c) 2018 Jed Watson.
   Licensed under the MIT License (MIT), see
   http://jedwatson.github.io/classnames