@spaziodati/atoka-design-system 7.13.1-beta.0 → 7.13.1-beta.5

package/DetailPage/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Container"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/Nav")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Container","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-bootstrap/Nav"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Container"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/Nav")):e["atoka-design-system"]=t(e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/Container"],e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-bootstrap/Nav"])}(self,((e,t,a,r,n,s,l,i)=>(()=>{"use strict";var o,c={6871:(e,t,a)=>{a.d(t,{Bs4V3Wrapper:()=>Bs4V3Wrapper});var r=a(9155),n=a.n(r),s=a(992),l=a.n(s);class Bs4V3Wrapper extends n().PureComponent{static displayName="Bs4V3Wrapper";render(){const e=l()("bs4-v3",this.props.className);return n().createElement("div",{className:e},this.props.children)}}},9712:(e,t,a)=>{a.r(t),a.d(t,{DetailPage:()=>DetailPage,DetailPageBody:()=>_});var r=a(9155),n=a.n(r),s=a(392),l=a.n(s),i=a(6871);const o=e=>n().createElement("div",{className:"detail-page-header-container atoka-fadein-600-0-appear-done atoka-fadein-600-0-enter-done"},e.children);o.displayName="DetailPageHeaderContainer";var c=a(7485);const m=e=>n().createElement("nav",null,n().createElement(c.Text,{className:"atoka-detail-page-menu"},e.children));m.displayName="DetailPageMenuUI";const d=e=>n().createElement("div",{className:"atoka-detail-page-sub-menu"},e.children);d.displayName="DetailPageSubMenu";var p=a(992),u=a.n(p);const h=e=>n().createElement("div",{className:u()("detail-page-main-container container ps-0 pe-0",e.className)},e.children);h.displayName="DetailPageBodyContainer";var f=a(6889),N=a(1759),v=a.n(N);const g=n().memo((e=>{const t=u()(e?.className,"atoka-form-label");return n().createElement(v().Label,{className:t},e.children)}));g.displayName="FormLabel";var y=a(9852),E=a.n(y);const b=n().memo((({show:e=!0,...t})=>{const a=u()(t?.className,"atoka-form-control-feedback",{"d-block":e});return n().createElement(E().Feedback,{type:t.type,className:a},t.children)}));b.displayName="FormControlFeedBack";const x=n().forwardRef((({size:e="md",...t},a)=>{const r=u()("atoka-form-control",t?.className,{disabled:t.disabled});return n().createElement(E(),{as:t.as,rows:t.rows,cols:t.cols,placeholder:t.placeholder,className:r,disabled:t.disabled,readOnly:t.readOnly,value:t.value,onChange:t.onChange,onKeyPress:t.onKeyPress,onKeyDown:t.onKeyDown,onFocus:t.onFocus,defaultValue:t.defaultValue,size:"md"===e?void 0:e,type:t.type,id:t.id,isValid:t.isValid,isInvalid:t.isInvalid,ref:a,autoComplete:"off"},t.children)}));x.displayName="FormControlComponent";const k=x;k.FeedBack=b,k.displayName="FormControl";const C=e=>{const t=u()("atoka-form-checkbox",e?.className);return n().createElement(v().Check,{type:"checkbox",...e,className:t,label:e.label??""})};C.displayName="FormCheckbox";const w=e=>{const t=u()(e?.className,"atoka-form-radio");return n().createElement(v().Check,{type:"radio",...e,className:t,label:e.label??""})};w.displayName="FormRadio";var F=a(7452),P=a.n(F);const S=n().memo((({children:e,...t})=>{const a=u()("d-block",t?.className);return n().createElement(P(),{bsPrefix:"atoka-form-help",className:a},e)}));S.displayName="FormHelp";const z=e=>{const t=u()(e?.className,"atoka-form");return n().createElement(v(),{...e,className:t},e.children)};function D(e){let t=!1;return n().Children.forEach(e,(e=>{null==e?.type||e?.type!==f.FontAwesomeIcon&&"i"!==e?.type&&e?.type!==z.Checkbox||(t=!0)})),t}z.displayName="Form",z.Control=k,z.Label=g,z.Checkbox=C,z.Radio=w,z.Switch=v().Switch,z.Help=S,z.Group=v().Group;const O=({size:e="sm",...t})=>{const a=u()("item-image-container",t.className,e,{"low-emphasis":D(t.children)}),r=t.children??n().createElement("img",{className:"default-logo",src:"https://atoka.io/ds/media/company-placeholder-gray.png"});return n().createElement("div",{className:a},r)};O.displayName="ItemImage";var B=a(1503),T=a(1648);const q=e=>{const{isLoading:t,hasError:a,errorMessage:r,leftContent:s,rightContent:l,children:i}=e;const o="detail-page-header-ui container ps-0 pe-0";if(t)return n().createElement("div",{role:"progressbar",className:u()(o,"user-pages-spinner-container d-flex h-100 justify-content-center align-items-center")},n().createElement(B.Spinner,{size:B.SpinnerSize.small}));if(a)return n().createElement("div",{className:u()(o,"d-flex h-100 justify-content-center align-items-center")},n().createElement(c.Text,{color:"red"},r));return n().createElement("header",{className:o},n().createElement("div",{className:"left-content"},s),n().createElement("div",{className:"content-container h-100 align-items-center d-flex"},e.image?n().createElement("div",{className:"me-4 d-none d-md-block"},n().createElement(O,{size:"md"},e.image)):null,n().createElement("div",{className:"w-100"},e.upperContent,e.title&&("string"==typeof e.title?n().createElement(T.Title,{className:"title-ellipsis-container",size:"sm"},e.title):n().createElement("div",{className:"title-ellipsis-container"},e.title)),i&&n().createElement("div",{className:"detail-page-header-ui-children d-flex flex-column"},i))),n().createElement("div",{className:"actions-container"},l))};q.displayName="DetailPageHeaderUI";const L=e=>n().createElement("div",{className:u()("detail-page-menu-container",e.className)},e.children);L.displayName="DetailPageMenuContainer";const M=e=>{const t=u()("atoka-detail-page-body-section",{[`custom-size size-${e.size}`]:null!=e.size});return n().createElement("div",{className:t},e.children)};M.displayName="DetailPageBodySection";var j=a(2546),I=a.n(j);const V=e=>{const t=u()("nav-link w-100 d-flex flex-row align-items-center justify-content-between",e.className,e.disabled&&"disabled"),a=u()("nav-link-label text-wrap","string"==typeof e.label&&e.label?.split(" ").length>1?"line-clamp-2":"text-truncate"),r=n().createElement("span",{className:a},e.label),s=e.count&&!e.disabled?n().createElement(c.Text,{size:"xxs",className:"nav-link-count"},e.count):null;return n().createElement(I().Link,{...e,className:t},r,s)};V.displayName="DetailPageNavLink";class DetailPage extends n().Component{static displayName="DetailPage";static HeaderContainer=o;static HeaderUI=q;static MenuContainer=L;static MenuUI=m;static SubMenu=d;static NavLink=V;static SelectedClassName="selected";static BodyContainer=h;static BodySection=M;processProp(e){const[t,a]=Array.isArray(e)?e:[e,{}];return{...a,children:t}}render(){return n().createElement(i.Bs4V3Wrapper,{className:"atoka-detail-page-container"},n().createElement(o,{...this.processProp(this.props.header)}),n().createElement(l(),{className:"detail-page-body-container ps-0 pe-0"},this.processProp(this.props.bodyAlert).children,n().createElement("div",{className:"detail-page-content-container"},this.props.menu&&n().createElement(L,{...this.processProp(this.props.menu)}),n().createElement(h,{...this.processProp(this.props.body)}))))}}const _=e=>{const t=u()("atoka-detail-page-main d-flex flex-column",e.className);return n().createElement("main",{className:t},function(){const t=[e.title?n().createElement(T.Title,{size:"xl",key:"title"},e.title):null];return e.titlePrefix&&t.unshift(n().createElement(n().Fragment,{key:"title-prefix"},e.titlePrefix)),e.titleSuffix&&t.push(n().createElement(n().Fragment,{key:"title-suffix"},e.titleSuffix)),n().createElement("div",{className:"atoka-detail-page-title-container d-flex align-items-center"},t)}(),n().createElement("div",{className:"atoka-detail-page-body"},n().createElement("section",{className:"atoka-details-page-center"},e.mainContent.map(((e,t)=>n().createElement(n().Fragment,{key:`atoka-details-page-center-${t}`},e)))),!!e.aside?.length&&n().createElement("aside",{className:"atoka-details-page-aside"},e.aside.map(((e,t)=>n().createElement(n().Fragment,{key:`details-content-${t}`},e))))))};_.displayName="DetailPageBody"},1503:(e,t,a)=>{a.d(t,{Spinner:()=>Spinner,SpinnerSize:()=>r});var r,n=a(992),s=a.n(n),l=a(9155),i=a.n(l);!function(e){e[e.mini=0]="mini",e[e.small=1]="small",e[e.big=2]="big",e[e.modal=3]="modal"}(r||(r={}));class Spinner extends i().Component{static displayName="Spinner";static defaultProps={size:r.small,className:""};renderOnlyDotsSpinner(e){const t="atoka-spinner spinner-"+e+" "+this.props.className;return i().createElement("div",{className:t},i().createElement("div",{className:"spinner-dot1"},i().createElement("div",{className:"spinner-leaf"})),i().createElement("div",{className:"spinner-dot2"},i().createElement("div",{className:"spinner-leaf"})),i().createElement("div",{className:"spinner-dot3"},i().createElement("div",{className:"spinner-leaf"})))}renderSmall(){return this.renderOnlyDotsSpinner("small")}renderMini(){return this.renderOnlyDotsSpinner("mini")}renderLeaf(){return i().createElement("svg",{viewBox:"0 0 204.01 190.64",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},i().createElement("g",{id:"leaf"},i().createElement("path",{d:"M80.88,7.62a26,26,0,0,0-36.79,36.8,25.85,25.85,0,0,0,13.4,7.14V83.39c1.19,0,2.4-.08,3.62-.08,2.16,0,4.28.08,6.38.23v-32A26,26,0,0,0,80.88,7.62ZM73.81,37.35a16,16,0,1,1,0-22.66,15.92,15.92,0,0,1,0,22.66Z"})))}renderLetter(){return i().createElement("svg",{viewBox:"0 0 204.01 190.64",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},i().createElement("g",{id:"logo-vector"},i().createElement("path",{d:"M110.77,180.67V140.16a50.47,50.47,0,1,0-22,41.71L93.12,187a10,10,0,0,0,17.65-6.34Zm-81-40.51a30.5,30.5,0,1,1,30.5,30.5,30.49,30.49,0,0,1-30.5-30.5Z"})))}renderBig(){const e=s()(this.props.className,{"atoka-spinner":!0,"spinner-big":this.props.size===r.big,"spinner-medium":this.props.size===r.modal}),t=s()({"container-fluid spinner-modal":this.props.size===r.modal});return i().createElement("div",{className:t},i().createElement("div",{className:e},i().createElement("div",{className:"spinner-dot1"},i().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),i().createElement("div",{className:"spinner-dot2"},i().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),i().createElement("div",{className:"spinner-dot3"},i().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),i().createElement("span",{className:"spinner-letter"},this.renderLetter())))}render(){switch(this.props.size){case r.mini:return this.renderMini();case r.small:return this.renderSmall();case r.big:case r.modal:return this.renderBig();default:return null}}}},2786:(e,t,a)=>{a.d(t,{E:()=>i});var r=a(992),n=a.n(r),s=a(9155),l=a.n(s);const i=l().memo((({lineClamp:e,children:t,className:a,size:r,color:s})=>{const i=n()("item-text",a,r??"md",s??"inherit",{ellipsable:(e??0)>0});return l().createElement("div",{className:i,style:{lineClamp:e,WebkitLineClamp:e}},t)}));i.displayName="Text"},7485:(e,t,a)=>{a.d(t,{Text:()=>r.E});var r=a(2786)},550:(e,t,a)=>{a.d(t,{h:()=>Title});var r=a(9155),n=a.n(r),s=a(6889),l=a(992),i=a.n(l);class Title extends n().PureComponent{static displayName="Title";static defaultProps={size:"xxl"};renderIcon(){if(null==this.props.icon)return null;const e=i()({"me-2":""!==this.props.children&&null!=this.props.children});return n().createElement(s.FontAwesomeIcon,{icon:this.props.icon,className:e,fixedWidth:!0})}renderContent(){return n().createElement(n().Fragment,null,this.renderIcon(),this.props.children)}render(){const e={className:i()("title-component",this.props.className),style:this.props.style};switch(this.props.size){case"xs":return n().createElement("h6",{...e},this.renderContent());case"sm":return n().createElement("h5",{...e},this.renderContent());case"md":return n().createElement("h4",{...e},this.renderContent());case"lg":return n().createElement("h3",{...e},this.renderContent());case"xl":return n().createElement("h2",{...e},this.renderContent());default:return n().createElement("h1",{...e},this.renderContent())}}}},1648:(e,t,a)=>{a.d(t,{Title:()=>r.h});var r=a(550)},6889:t=>{t.exports=e},992:e=>{e.exports=t},9155:e=>{e.exports=a},392:e=>{e.exports=r},1759:e=>{e.exports=n},9852:e=>{e.exports=s},7452:e=>{e.exports=l},2546:e=>{e.exports=i}},m={};function d(e){var t=m[e];if(void 0!==t)return t.exports;var a=m[e]={exports:{}};return c[e](a,a.exports,d),a.exports}d.m=c,o=[],d.O=(e,t,a,r)=>{if(!t){var n=1/0;for(c=0;c<o.length;c++){for(var[t,a,r]=o[c],s=!0,l=0;l<t.length;l++)(!1&r||n>=r)&&Object.keys(d.O).every((e=>d.O[e](t[l])))?t.splice(l--,1):(s=!1,r<n&&(n=r));if(s){o.splice(c--,1);var i=a();void 0!==i&&(e=i)}}return e}r=r||0;for(var c=o.length;c>0&&o[c-1][2]>r;c--)o[c]=o[c-1];o[c]=[t,a,r]},d.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return d.d(t,{a:t}),t},d.d=(e,t)=>{for(var a in t)d.o(t,a)&&!d.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},d.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3122:0,3667:0,6747:0,8861:0,9620:0,9216:0};d.O.j=t=>0===e[t];var t=(t,a)=>{var r,n,[s,l,i]=a,o=0;if(s.some((t=>0!==e[t]))){for(r in l)d.o(l,r)&&(d.m[r]=l[r]);if(i)var c=i(d)}for(t&&t(a);o<s.length;o++)n=s[o],d.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return d.O(c)},a=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))})();var p=d.O(void 0,[9216],(()=>d(9712)));return p=d.O(p)})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Container"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/Nav")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Container","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-bootstrap/Nav"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Container"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/Nav")):e["atoka-design-system"]=t(e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/Container"],e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-bootstrap/Nav"])}(self,((e,t,a,r,n,s,l,i)=>(()=>{"use strict";var o,c={6871:(e,t,a)=>{a.d(t,{Bs4V3Wrapper:()=>Bs4V3Wrapper});var r=a(9155),n=a.n(r),s=a(992),l=a.n(s);class Bs4V3Wrapper extends n().PureComponent{static displayName="Bs4V3Wrapper";render(){const e=l()("bs4-v3",this.props.className);return n().createElement("div",{className:e},this.props.children)}}},9712:(e,t,a)=>{a.r(t),a.d(t,{DetailPage:()=>DetailPage,DetailPageBody:()=>_});var r=a(9155),n=a.n(r),s=a(392),l=a.n(s),i=a(6871);const o=e=>n().createElement("div",{className:"detail-page-header-container atoka-fadein-600-0-appear-done atoka-fadein-600-0-enter-done"},e.children);o.displayName="DetailPageHeaderContainer";var c=a(7485);const m=e=>n().createElement("nav",null,n().createElement(c.Text,{className:"atoka-detail-page-menu"},e.children));m.displayName="DetailPageMenuUI";const d=e=>n().createElement("div",{className:"atoka-detail-page-sub-menu"},e.children);d.displayName="DetailPageSubMenu";var p=a(992),u=a.n(p);const h=e=>n().createElement("div",{className:u()("detail-page-main-container container ps-0 pe-0",e.className)},e.children);h.displayName="DetailPageBodyContainer";var f=a(6889),N=a(1759),v=a.n(N);const g=n().memo((e=>{const t=u()(e?.className,"atoka-form-label");return n().createElement(v().Label,{className:t},e.children)}));g.displayName="FormLabel";var y=a(9852),E=a.n(y);const b=n().memo((({show:e=!0,...t})=>{const a=u()(t?.className,"atoka-form-control-feedback",{"d-block":e});return n().createElement(E().Feedback,{type:t.type,className:a},t.children)}));b.displayName="FormControlFeedBack";const x=n().forwardRef((({size:e="md",...t},a)=>{const r=u()("atoka-form-control",t?.className,{disabled:t.disabled});return n().createElement(E(),{as:t.as,rows:t.rows,cols:t.cols,placeholder:t.placeholder,className:r,disabled:t.disabled,readOnly:t.readOnly,value:t.value,onChange:t.onChange,onKeyPress:t.onKeyPress,onKeyDown:t.onKeyDown,onFocus:t.onFocus,defaultValue:t.defaultValue,size:"md"===e?void 0:e,type:t.type,id:t.id,isValid:t.isValid,isInvalid:t.isInvalid,ref:a,autoComplete:"off"},t.children)}));x.displayName="FormControlComponent";const k=x;k.FeedBack=b,k.displayName="FormControl";const C=e=>{const t=u()("atoka-form-checkbox",e?.className);return n().createElement(v().Check,{type:"checkbox",...e,className:t,label:e.label??""})};C.displayName="FormCheckbox";const w=e=>{const t=u()(e?.className,"atoka-form-radio");return n().createElement(v().Check,{type:"radio",...e,className:t,label:e.label??""})};w.displayName="FormRadio";var F=a(7452),P=a.n(F);const S=n().memo((({children:e,...t})=>{const a=u()("d-block",t?.className);return n().createElement(P(),{bsPrefix:"atoka-form-help",className:a},e)}));S.displayName="FormHelp";const z=e=>{const t=u()(e?.className,"atoka-form");return n().createElement(v(),{...e,className:t},e.children)};function D(e){let t=!1;return n().Children.forEach(e,(e=>{null==e?.type||e?.type!==f.FontAwesomeIcon&&"i"!==e?.type&&e?.type!==z.Checkbox||(t=!0)})),t}z.displayName="Form",z.Control=k,z.Label=g,z.Checkbox=C,z.Radio=w,z.Switch=v().Switch,z.Help=S,z.Group=v().Group;const O=({size:e="sm",...t})=>{const a=u()("item-image-container",t.className,e,{"low-emphasis":D(t.children)}),r=t.children??n().createElement("img",{className:"default-logo",src:"https://atoka.io/ds/media/company-placeholder-gray.png"});return n().createElement("div",{className:a},r)};O.displayName="ItemImage";var B=a(1503),T=a(1648);const q=e=>{const{isLoading:t,hasError:a,errorMessage:r,leftContent:s,rightContent:l,children:i}=e;const o="detail-page-header-ui container ps-0 pe-0";if(t)return n().createElement("div",{role:"progressbar",className:u()(o,"user-pages-spinner-container d-flex h-100 justify-content-center align-items-center")},n().createElement(B.Spinner,{size:B.SpinnerSize.small}));if(a)return n().createElement("div",{className:u()(o,"d-flex h-100 justify-content-center align-items-center")},n().createElement(c.Text,{color:"red"},r));return n().createElement("header",{className:o},n().createElement("div",{className:"left-content"},s),n().createElement("div",{className:"content-container h-100 align-items-center d-flex"},e.image?n().createElement("div",{className:"me-4 d-none d-md-block"},n().createElement(O,{size:"md"},e.image)):null,n().createElement("div",{className:"w-100"},e.upperContent,e.title&&("string"==typeof e.title?n().createElement(T.Title,{className:"title-ellipsis-container",size:"sm"},e.title):n().createElement("div",{className:"title-ellipsis-container"},e.title)),i&&n().createElement("div",{className:"detail-page-header-ui-children d-flex flex-column"},i))),n().createElement("div",{className:"actions-container"},l))};q.displayName="DetailPageHeaderUI";const L=e=>n().createElement("div",{className:u()("detail-page-menu-container",e.className)},e.children);L.displayName="DetailPageMenuContainer";const M=e=>{const t=u()("atoka-detail-page-body-section",{[`custom-size size-${e.size}`]:null!=e.size});return n().createElement("div",{className:t},e.children)};M.displayName="DetailPageBodySection";var j=a(2546),I=a.n(j);const V=e=>{const t=u()("nav-link w-100 d-flex flex-row align-items-center justify-content-between",e.className,e.disabled&&"disabled"),a=u()("nav-link-label text-wrap","string"==typeof e.label&&e.label?.split(" ").length>1?"line-clamp-2":"text-truncate"),r=n().createElement("span",{className:a},e.label),s=e.count&&!e.disabled?n().createElement(c.Text,{size:"xxs",className:"nav-link-count"},e.count):null;return n().createElement(I().Link,{...e,className:t},r,s)};V.displayName="DetailPageNavLink";class DetailPage extends n().Component{static displayName="DetailPage";static HeaderContainer=o;static HeaderUI=q;static MenuContainer=L;static MenuUI=m;static SubMenu=d;static NavLink=V;static SelectedClassName="selected";static BodyContainer=h;static BodySection=M;processProp(e){const[t,a]=Array.isArray(e)?e:[e,{}];return{...a,children:t}}render(){return n().createElement(i.Bs4V3Wrapper,{className:"atoka-detail-page-container"},n().createElement(o,{...this.processProp(this.props.header)}),n().createElement(l(),{className:"detail-page-body-container ps-0 pe-0"},this.processProp(this.props.bodyAlert).children,n().createElement("div",{className:"detail-page-content-container"},this.props.menu&&n().createElement(L,{...this.processProp(this.props.menu)}),n().createElement(h,{...this.processProp(this.props.body)}))))}}const _=e=>{const t=u()("atoka-detail-page-main d-flex flex-column",e.className);return n().createElement("main",{className:t},function(){const t=[e.title?n().createElement(T.Title,{size:"xl",key:"title"},e.title):null];return e.titlePrefix&&t.unshift(n().createElement(n().Fragment,{key:"title-prefix"},e.titlePrefix)),e.titleSuffix&&t.push(n().createElement(n().Fragment,{key:"title-suffix"},e.titleSuffix)),n().createElement("div",{className:"atoka-detail-page-title-container d-flex align-items-center"},t)}(),n().createElement("div",{className:"atoka-detail-page-body"},n().createElement("section",{className:"atoka-details-page-center"},e.mainContent.map(((e,t)=>n().createElement(n().Fragment,{key:`atoka-details-page-center-${t}`},e)))),!!e.aside?.length&&n().createElement("aside",{className:"atoka-details-page-aside"},e.aside.map(((e,t)=>n().createElement(n().Fragment,{key:`details-content-${t}`},e))))))};_.displayName="DetailPageBody"},1503:(e,t,a)=>{a.d(t,{Spinner:()=>Spinner,SpinnerSize:()=>r});var r,n=a(992),s=a.n(n),l=a(9155),i=a.n(l);!function(e){e[e.mini=0]="mini",e[e.small=1]="small",e[e.big=2]="big",e[e.modal=3]="modal"}(r||(r={}));class Spinner extends i().Component{static displayName="Spinner";static defaultProps={size:r.small,className:""};renderOnlyDotsSpinner(e){const t="atoka-spinner spinner-"+e+" "+this.props.className;return i().createElement("div",{className:t},i().createElement("div",{className:"spinner-dot1"},i().createElement("div",{className:"spinner-leaf"})),i().createElement("div",{className:"spinner-dot2"},i().createElement("div",{className:"spinner-leaf"})),i().createElement("div",{className:"spinner-dot3"},i().createElement("div",{className:"spinner-leaf"})))}renderSmall(){return this.renderOnlyDotsSpinner("small")}renderMini(){return this.renderOnlyDotsSpinner("mini")}renderLeaf(){return i().createElement("svg",{viewBox:"0 0 204.01 190.64",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},i().createElement("g",{id:"leaf"},i().createElement("path",{d:"M80.88,7.62a26,26,0,0,0-36.79,36.8,25.85,25.85,0,0,0,13.4,7.14V83.39c1.19,0,2.4-.08,3.62-.08,2.16,0,4.28.08,6.38.23v-32A26,26,0,0,0,80.88,7.62ZM73.81,37.35a16,16,0,1,1,0-22.66,15.92,15.92,0,0,1,0,22.66Z"})))}renderLetter(){return i().createElement("svg",{viewBox:"0 0 204.01 190.64",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},i().createElement("g",{id:"logo-vector"},i().createElement("path",{d:"M110.77,180.67V140.16a50.47,50.47,0,1,0-22,41.71L93.12,187a10,10,0,0,0,17.65-6.34Zm-81-40.51a30.5,30.5,0,1,1,30.5,30.5,30.49,30.49,0,0,1-30.5-30.5Z"})))}renderBig(){const e=s()(this.props.className,{"atoka-spinner":!0,"spinner-big":this.props.size===r.big,"spinner-medium":this.props.size===r.modal}),t=s()({"container-fluid spinner-modal":this.props.size===r.modal});return i().createElement("div",{className:t},i().createElement("div",{className:e},i().createElement("div",{className:"spinner-dot1"},i().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),i().createElement("div",{className:"spinner-dot2"},i().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),i().createElement("div",{className:"spinner-dot3"},i().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),i().createElement("span",{className:"spinner-letter"},this.renderLetter())))}render(){switch(this.props.size){case r.mini:return this.renderMini();case r.small:return this.renderSmall();case r.big:case r.modal:return this.renderBig();default:return null}}}},2786:(e,t,a)=>{a.d(t,{E:()=>i});var r=a(992),n=a.n(r),s=a(9155),l=a.n(s);const i=l().memo((({lineClamp:e,children:t,className:a,size:r,color:s})=>{const i=n()("item-text text-start",a,r??"md",s??"inherit",{ellipsable:(e??0)>0});return l().createElement("div",{className:i,style:{lineClamp:e,WebkitLineClamp:e}},t)}));i.displayName="Text"},7485:(e,t,a)=>{a.d(t,{Text:()=>r.E});var r=a(2786)},550:(e,t,a)=>{a.d(t,{h:()=>Title});var r=a(9155),n=a.n(r),s=a(6889),l=a(992),i=a.n(l);class Title extends n().PureComponent{static displayName="Title";static defaultProps={size:"xxl"};renderIcon(){if(null==this.props.icon)return null;const e=i()({"me-2":""!==this.props.children&&null!=this.props.children});return n().createElement(s.FontAwesomeIcon,{icon:this.props.icon,className:e,fixedWidth:!0})}renderContent(){return n().createElement(n().Fragment,null,this.renderIcon(),this.props.children)}render(){const e={className:i()("title-component",this.props.className),style:this.props.style};switch(this.props.size){case"xs":return n().createElement("h6",{...e},this.renderContent());case"sm":return n().createElement("h5",{...e},this.renderContent());case"md":return n().createElement("h4",{...e},this.renderContent());case"lg":return n().createElement("h3",{...e},this.renderContent());case"xl":return n().createElement("h2",{...e},this.renderContent());default:return n().createElement("h1",{...e},this.renderContent())}}}},1648:(e,t,a)=>{a.d(t,{Title:()=>r.h});var r=a(550)},6889:t=>{t.exports=e},992:e=>{e.exports=t},9155:e=>{e.exports=a},392:e=>{e.exports=r},1759:e=>{e.exports=n},9852:e=>{e.exports=s},7452:e=>{e.exports=l},2546:e=>{e.exports=i}},m={};function d(e){var t=m[e];if(void 0!==t)return t.exports;var a=m[e]={exports:{}};return c[e](a,a.exports,d),a.exports}d.m=c,o=[],d.O=(e,t,a,r)=>{if(!t){var n=1/0;for(c=0;c<o.length;c++){for(var[t,a,r]=o[c],s=!0,l=0;l<t.length;l++)(!1&r||n>=r)&&Object.keys(d.O).every((e=>d.O[e](t[l])))?t.splice(l--,1):(s=!1,r<n&&(n=r));if(s){o.splice(c--,1);var i=a();void 0!==i&&(e=i)}}return e}r=r||0;for(var c=o.length;c>0&&o[c-1][2]>r;c--)o[c]=o[c-1];o[c]=[t,a,r]},d.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return d.d(t,{a:t}),t},d.d=(e,t)=>{for(var a in t)d.o(t,a)&&!d.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},d.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3122:0,3667:0,6747:0,8861:0,9620:0,525:0};d.O.j=t=>0===e[t];var t=(t,a)=>{var r,n,[s,l,i]=a,o=0;if(s.some((t=>0!==e[t]))){for(r in l)d.o(l,r)&&(d.m[r]=l[r]);if(i)var c=i(d)}for(t&&t(a);o<s.length;o++)n=s[o],d.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return d.O(c)},a=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))})();var p=d.O(void 0,[525],(()=>d(9712)));return p=d.O(p)})()));

package/DetailPageContent/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/pro-light-svg-icons/faInfoCircle"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/OverlayTrigger")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/pro-light-svg-icons/faInfoCircle","@fortawesome/react-fontawesome","classnames","react","react-bootstrap/OverlayTrigger"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/pro-light-svg-icons/faInfoCircle"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/OverlayTrigger")):e["atoka-design-system"]=t(e["@fortawesome/pro-light-svg-icons/faInfoCircle"],e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/OverlayTrigger"])}(self,((e,t,r,o,n)=>(()=>{"use strict";var s,a={4087:(e,t,r)=>{r.r(t),r.d(t,{DetailPageContent:()=>m});var o=r(992),n=r.n(o),s=r(9155),a=r.n(s),l=r(7987),i=r(6889),c=r(1414),u=r(1648);const m=e=>{const t=e.title||e.titleSuffix,r=n()("detail-page-content-section d-flex flex-column",e.className,e.mode??"single"),o=n()(`p-${e.padding??"md"}`,"detail-page-content-section-children",e.mode??"single"),s="list"===e.mode&&Array.isArray(e.children)?e.children:[e.children];return a().createElement("section",{className:r},t&&a().createElement("div",{className:"detail-page-content-header-container d-flex align-items-center justify-content-between"},e.title&&a().createElement("div",{className:"d-flex align-items-center col-gap-2 text-truncate"},e.prefixImg&&a().createElement("img",{width:e.prefixImg.size,height:e.prefixImg.size,src:e.prefixImg.src,alt:e.prefixImg.alt}),a().createElement(u.Title,{size:"md",className:"text-truncate mb-0"},e.title),e.helpText&&a().createElement(c.Tooltip,{content:e.helpText},a().createElement(i.FontAwesomeIcon,{icon:l.faInfoCircle,className:"cursor-pointer"}))),e.titleSuffix&&a().createElement("p",{className:"font-italic text-nowrap mb-0"},e.titleSuffix)),e.annotation&&a().createElement("p",{className:"detail-page-content-subtitle mb-0"},e.annotation),a().createElement("div",{className:o},s.map(((e,t)=>e&&a().createElement(a().Fragment,{key:`detail-page-child-${t}`},e)))),e.footer&&a().createElement("div",{className:"detail-page-content-footer align-self-end"},e.footer))};m.displayName="DetailPageContent"},550:(e,t,r)=>{r.d(t,{h:()=>Title});var o=r(9155),n=r.n(o),s=r(6889),a=r(992),l=r.n(a);class Title extends n().PureComponent{static displayName="Title";static defaultProps={size:"xxl"};renderIcon(){if(null==this.props.icon)return null;const e=l()({"me-2":""!==this.props.children&&null!=this.props.children});return n().createElement(s.FontAwesomeIcon,{icon:this.props.icon,className:e,fixedWidth:!0})}renderContent(){return n().createElement(n().Fragment,null,this.renderIcon(),this.props.children)}render(){const e={className:l()("title-component",this.props.className),style:this.props.style};switch(this.props.size){case"xs":return n().createElement("h6",{...e},this.renderContent());case"sm":return n().createElement("h5",{...e},this.renderContent());case"md":return n().createElement("h4",{...e},this.renderContent());case"lg":return n().createElement("h3",{...e},this.renderContent());case"xl":return n().createElement("h2",{...e},this.renderContent());default:return n().createElement("h1",{...e},this.renderContent())}}}},1648:(e,t,r)=>{r.d(t,{Title:()=>o.h});var o=r(550)},1414:(e,t,r)=>{r.d(t,{Tooltip:()=>c});var o=r(9155),n=r.n(o),s=r(992),a=r.n(s),l=r(9065),i=r.n(l);const c=n().memo((e=>{const[t,r]=(0,o.useState)(!1),[s,l]=(0,o.useState)(!1),[c,u]=(0,o.useState)(!1),m=(0,o.useRef)(void 0),p=(0,o.useRef)(void 0),d=(0,o.useRef)(null);d.current||(d.current=document.querySelector(".bs4-v3-external-container"));const f=e.placement??"top",h=a()("tooltip atoka-tooltip",e.className,`${f} bs-tooltip-${f}`),{onToggle:g,delay:v,trigger:y=["hover","focus","click"]}=e,b=(0,o.useMemo)((()=>Array.isArray(y)?y:[y]),[y]),x=b.includes("hover"),w=b.includes("focus"),C=b.includes("click"),E=(0,o.useMemo)((()=>"object"==typeof v?v:{show:v||0,hide:v||0}),[v]),k=void 0!==e.show?e.show:x&&t||w&&s||C&&c,T=(0,o.useCallback)((()=>{clearTimeout(m.current),m.current=void 0}),[]),N=(0,o.useCallback)((()=>{clearTimeout(p.current),p.current=void 0}),[]),O=(0,o.useCallback)((()=>{T(),N()}),[T,N]),I=(0,o.useCallback)((e=>{e||x&&t||w&&s||u(!1),g?.(e)}),[g,t,s,x,w]),S=e.children,j=(0,o.useCallback)((e=>{x&&(T(),E.show?m.current=setTimeout((()=>{r(!0)}),E.show):r(!0)),S.props?.onMouseEnter?.(e)}),[S,E.show,T,x]),q=(0,o.useCallback)((e=>{x&&(T(),E.hide?m.current=setTimeout((()=>{r(!1)}),E.hide):r(!1)),S.props?.onMouseLeave?.(e)}),[S,E.hide,T,x]),M=(0,o.useCallback)((e=>{w&&(N(),E.show?p.current=setTimeout((()=>{l(!0)}),E.show):l(!0)),S.props?.onFocus?.(e)}),[S,E.show,N,w]),P=(0,o.useCallback)((e=>{w&&(N(),E.hide?p.current=setTimeout((()=>{l(!1)}),E.hide):l(!1)),S.props?.onBlur?.(e)}),[S,E.hide,N,w]),_=(0,o.useCallback)((e=>{C&&(O(),u((e=>!e))),S.props?.onClick?.(e)}),[S,O,C]);(0,o.useEffect)((()=>()=>{O()}),[O]);const{content:A,...F}=e,z=(0,o.useCallback)((({...e})=>{const{show:t,style:r,ref:o,...s}=e,l=a()(h,{show:t});return n().createElement("div",{...s,ref:o,className:l,role:"tooltip",style:r,onMouseDown:e=>{e.stopPropagation()}},n().createElement("div",{className:"tooltip-inner"},A))}),[A,h]),$=(0,o.useCallback)((e=>n().cloneElement(S,{...e,onMouseEnter:j,onMouseLeave:q,onFocus:M,onBlur:P,onClick:_})),[S,j,q,M,P,_]);return n().createElement(i(),{...F,show:k,onToggle:I,container:d.current,overlay:z,rootClose:!0},$)}));c.displayName="Tooltip"},7987:t=>{t.exports=e},6889:e=>{e.exports=t},992:e=>{e.exports=r},9155:e=>{e.exports=o},9065:e=>{e.exports=n}},l={};function i(e){var t=l[e];if(void 0!==t)return t.exports;var r=l[e]={exports:{}};return a[e](r,r.exports,i),r.exports}i.m=a,s=[],i.O=(e,t,r,o)=>{if(!t){var n=1/0;for(u=0;u<s.length;u++){for(var[t,r,o]=s[u],a=!0,l=0;l<t.length;l++)(!1&o||n>=o)&&Object.keys(i.O).every((e=>i.O[e](t[l])))?t.splice(l--,1):(a=!1,o<n&&(n=o));if(a){s.splice(u--,1);var c=r();void 0!==c&&(e=c)}}return e}o=o||0;for(var u=s.length;u>0&&s[u-1][2]>o;u--)s[u]=s[u-1];s[u]=[t,r,o]},i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3122:0,4673:0,5545:0,9216:0};i.O.j=t=>0===e[t];var t=(t,r)=>{var o,n,[s,a,l]=r,c=0;if(s.some((t=>0!==e[t]))){for(o in a)i.o(a,o)&&(i.m[o]=a[o]);if(l)var u=l(i)}for(t&&t(r);c<s.length;c++)n=s[c],i.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return i.O(u)},r=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var c=i.O(void 0,[9216],(()=>i(4087)));return c=i.O(c)})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/pro-light-svg-icons/faInfoCircle"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/OverlayTrigger")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/pro-light-svg-icons/faInfoCircle","@fortawesome/react-fontawesome","classnames","react","react-bootstrap/OverlayTrigger"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/pro-light-svg-icons/faInfoCircle"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/OverlayTrigger")):e["atoka-design-system"]=t(e["@fortawesome/pro-light-svg-icons/faInfoCircle"],e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/OverlayTrigger"])}(self,((e,t,r,o,n)=>(()=>{"use strict";var s,a={4087:(e,t,r)=>{r.r(t),r.d(t,{DetailPageContent:()=>m});var o=r(992),n=r.n(o),s=r(9155),a=r.n(s),l=r(7987),i=r(6889),c=r(1414),u=r(1648);const m=e=>{const t=e.title||e.titleSuffix,r=n()("detail-page-content-section d-flex flex-column",e.className,e.mode??"single"),o=n()(`p-${e.padding??"md"}`,"detail-page-content-section-children",e.mode??"single"),s="list"===e.mode&&Array.isArray(e.children)?e.children:[e.children];return a().createElement("section",{className:r},t&&a().createElement("div",{className:"detail-page-content-header-container d-flex align-items-center justify-content-between"},e.title&&a().createElement("div",{className:"d-flex align-items-center col-gap-2 text-truncate"},e.prefixImg&&a().createElement("img",{width:e.prefixImg.size,height:e.prefixImg.size,src:e.prefixImg.src,alt:e.prefixImg.alt}),a().createElement(u.Title,{size:"md",className:"text-truncate mb-0"},e.title),e.helpText&&a().createElement(c.Tooltip,{content:e.helpText},a().createElement(i.FontAwesomeIcon,{icon:l.faInfoCircle,className:"cursor-pointer"}))),e.titleSuffix&&a().createElement("p",{className:"font-italic text-nowrap mb-0"},e.titleSuffix)),e.annotation&&a().createElement("p",{className:"detail-page-content-subtitle mb-0"},e.annotation),a().createElement("div",{className:o},s.map(((e,t)=>e&&a().createElement(a().Fragment,{key:`detail-page-child-${t}`},e)))),e.footer&&a().createElement("div",{className:"detail-page-content-footer align-self-end"},e.footer))};m.displayName="DetailPageContent"},550:(e,t,r)=>{r.d(t,{h:()=>Title});var o=r(9155),n=r.n(o),s=r(6889),a=r(992),l=r.n(a);class Title extends n().PureComponent{static displayName="Title";static defaultProps={size:"xxl"};renderIcon(){if(null==this.props.icon)return null;const e=l()({"me-2":""!==this.props.children&&null!=this.props.children});return n().createElement(s.FontAwesomeIcon,{icon:this.props.icon,className:e,fixedWidth:!0})}renderContent(){return n().createElement(n().Fragment,null,this.renderIcon(),this.props.children)}render(){const e={className:l()("title-component",this.props.className),style:this.props.style};switch(this.props.size){case"xs":return n().createElement("h6",{...e},this.renderContent());case"sm":return n().createElement("h5",{...e},this.renderContent());case"md":return n().createElement("h4",{...e},this.renderContent());case"lg":return n().createElement("h3",{...e},this.renderContent());case"xl":return n().createElement("h2",{...e},this.renderContent());default:return n().createElement("h1",{...e},this.renderContent())}}}},1648:(e,t,r)=>{r.d(t,{Title:()=>o.h});var o=r(550)},1414:(e,t,r)=>{r.d(t,{Tooltip:()=>c});var o=r(9155),n=r.n(o),s=r(992),a=r.n(s),l=r(9065),i=r.n(l);const c=n().memo((e=>{const[t,r]=(0,o.useState)(!1),[s,l]=(0,o.useState)(!1),[c,u]=(0,o.useState)(!1),m=(0,o.useRef)(void 0),p=(0,o.useRef)(void 0),d=(0,o.useRef)(null);d.current||(d.current=document.querySelector(".bs4-v3-external-container"));const f=e.placement??"top",h=a()("tooltip atoka-tooltip",e.className,`${f} bs-tooltip-${f}`),{onToggle:g,delay:v,trigger:y=["hover","focus","click"]}=e,b=(0,o.useMemo)((()=>Array.isArray(y)?y:[y]),[y]),x=b.includes("hover"),w=b.includes("focus"),C=b.includes("click"),E=(0,o.useMemo)((()=>"object"==typeof v?v:{show:v||0,hide:v||0}),[v]),k=void 0!==e.show?e.show:x&&t||w&&s||C&&c,T=(0,o.useCallback)((()=>{clearTimeout(m.current),m.current=void 0}),[]),N=(0,o.useCallback)((()=>{clearTimeout(p.current),p.current=void 0}),[]),O=(0,o.useCallback)((()=>{T(),N()}),[T,N]),I=(0,o.useCallback)((e=>{e||x&&t||w&&s||u(!1),g?.(e)}),[g,t,s,x,w]),S=e.children,j=(0,o.useCallback)((e=>{x&&(T(),E.show?m.current=setTimeout((()=>{r(!0)}),E.show):r(!0)),S.props?.onMouseEnter?.(e)}),[S,E.show,T,x]),q=(0,o.useCallback)((e=>{x&&(T(),E.hide?m.current=setTimeout((()=>{r(!1)}),E.hide):r(!1)),S.props?.onMouseLeave?.(e)}),[S,E.hide,T,x]),M=(0,o.useCallback)((e=>{w&&(N(),E.show?p.current=setTimeout((()=>{l(!0)}),E.show):l(!0)),S.props?.onFocus?.(e)}),[S,E.show,N,w]),P=(0,o.useCallback)((e=>{w&&(N(),E.hide?p.current=setTimeout((()=>{l(!1)}),E.hide):l(!1)),S.props?.onBlur?.(e)}),[S,E.hide,N,w]),_=(0,o.useCallback)((e=>{C&&(O(),u((e=>!e))),S.props?.onClick?.(e)}),[S,O,C]);(0,o.useEffect)((()=>()=>{O()}),[O]);const{content:A,...F}=e,z=(0,o.useCallback)((({...e})=>{const{show:t,style:r,ref:o,...s}=e,l=a()(h,{show:t});return n().createElement("div",{...s,ref:o,className:l,role:"tooltip",style:r,onMouseDown:e=>{e.stopPropagation()}},n().createElement("div",{className:"tooltip-inner"},A))}),[A,h]),$=(0,o.useCallback)((e=>n().cloneElement(S,{...e,onMouseEnter:j,onMouseLeave:q,onFocus:M,onBlur:P,onClick:_})),[S,j,q,M,P,_]);return n().createElement(i(),{...F,show:k,onToggle:I,container:d.current,overlay:z,rootClose:!0},$)}));c.displayName="Tooltip"},7987:t=>{t.exports=e},6889:e=>{e.exports=t},992:e=>{e.exports=r},9155:e=>{e.exports=o},9065:e=>{e.exports=n}},l={};function i(e){var t=l[e];if(void 0!==t)return t.exports;var r=l[e]={exports:{}};return a[e](r,r.exports,i),r.exports}i.m=a,s=[],i.O=(e,t,r,o)=>{if(!t){var n=1/0;for(u=0;u<s.length;u++){for(var[t,r,o]=s[u],a=!0,l=0;l<t.length;l++)(!1&o||n>=o)&&Object.keys(i.O).every((e=>i.O[e](t[l])))?t.splice(l--,1):(a=!1,o<n&&(n=o));if(a){s.splice(u--,1);var c=r();void 0!==c&&(e=c)}}return e}o=o||0;for(var u=s.length;u>0&&s[u-1][2]>o;u--)s[u]=s[u-1];s[u]=[t,r,o]},i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3122:0,4673:0,5545:0,525:0};i.O.j=t=>0===e[t];var t=(t,r)=>{var o,n,[s,a,l]=r,c=0;if(s.some((t=>0!==e[t]))){for(o in a)i.o(a,o)&&(i.m[o]=a[o]);if(l)var u=l(i)}for(t&&t(r);c<s.length;c++)n=s[c],i.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return i.O(u)},r=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var c=i.O(void 0,[525],(()=>i(4087)));return c=i.O(c)})()));

package/Dropdown/index.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o(require("@fortawesome/pro-regular-svg-icons/faChevronDown"),require("@fortawesome/pro-regular-svg-icons/faEllipsisH"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Button"),require("react-bootstrap/Dropdown")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/pro-regular-svg-icons/faChevronDown","@fortawesome/pro-regular-svg-icons/faEllipsisH","@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Button","react-bootstrap/Dropdown"],o):"object"==typeof exports?exports["atoka-design-system"]=o(require("@fortawesome/pro-regular-svg-icons/faChevronDown"),require("@fortawesome/pro-regular-svg-icons/faEllipsisH"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Button"),require("react-bootstrap/Dropdown")):e["atoka-design-system"]=o(e["@fortawesome/pro-regular-svg-icons/faChevronDown"],e["@fortawesome/pro-regular-svg-icons/faEllipsisH"],e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/Button"],e["react-bootstrap/Dropdown"])}(self,((e,o,t,r,n,s,a)=>(()=>{"use strict";var i,l={4070:(e,o,t)=>{t.d(o,{Button:()=>Button});var r=t(6889),n=t(992),s=t.n(n),a=t(9155),i=t.n(a),l=t(9861),p=t.n(l);class Button extends i().PureComponent{static displayName="Button";static defaultProps={variant:"primary",size:"md",disabled:!1};renderIcon(e){return null==e?null:i().createElement(r.FontAwesomeIcon,{icon:e})}renderChildren(e){return null==e?null:i().createElement("span",{className:"btn-children"},e)}renderLeftSide(e,o){return null==e?null==o?null:i().createElement(r.FontAwesomeIcon,{icon:o,className:"invisible"}):i().createElement(r.FontAwesomeIcon,{icon:e})}renderRightSide(e,o){return null==o?null==e?null:i().createElement(r.FontAwesomeIcon,{icon:e,className:"invisible"}):i().createElement(r.FontAwesomeIcon,{icon:o})}renderContent(e,o){return null!=e&&null==o?this.renderIcon(e):i().createElement("div",{className:"button-content-center-container"},this.renderIcon(e),this.renderChildren(o))}render(){const{icon:e,iconLeft:o,iconRight:t,children:r,size:n,className:a,...l}=this.props,d=s()("atoka-btn",`btn-${n}`,a,{"btn-icon-only":null!=this.props.icon&&null==this.props.children});return i().createElement(p(),{className:d,...l},this.renderLeftSide(o,t),this.renderContent(e,r),this.renderRightSide(o,t))}}},397:(e,o,t)=>{t.r(o),t.d(o,{AtokaCustomDropdownToggle:()=>g,AtokaCustomDropdownToggleWithChevron:()=>f,AtokaSimpleDropdownToggle:()=>h,Dropdown:()=>Dropdown,DropdownMenu:()=>DropdownMenu});var r=t(9155),n=t.n(r),s=t(992),a=t.n(s),i=t(3084),l=t.n(i);class DropdownMenu extends n().PureComponent{static displayName="DropdownMenu";static defaultProps={size:"sm"};render(){const e=a()("atoka-dropdown-menu",this.props.className,this.props.size);return n().createElement(l().Menu,{...this.props,className:e},this.props.children)}}const p=n().memo((({children:e})=>n().createElement("div",{className:"atoka-dropdown-section"},e,n().createElement(Dropdown.Divider,null))));p.displayName="DropdownSection";class Dropdown extends n().PureComponent{static displayName="DropDown";static Toggle=l().Toggle;static Menu=DropdownMenu;static Item=l().Item;static Divider=l().Divider;static Header=l().Header;static Section=p;render(){const e=a()(this.props.className,"atoka-dropdown");return n().createElement(l(),{...this.props,className:e},this.props.children)}}var d=t(3316),c=t(7638),m=t(4070);function u(e,o){const t=n().forwardRef(((e,t)=>n().createElement("div",{ref:t},n().createElement(o,{disabled:e.disabled,onClick:e.onClick},e.children))));return t.displayName=e,t}class AtokaSimpleDropdownToggleComponent extends n().Component{static displayName="AtokaSimpleDropdownToggleComponent";handleClick=e=>{e.preventDefault(),this.props.onClick(e)};render(){return n().createElement(m.Button,{variant:"secondary",size:"xs",icon:d.faEllipsisH,onClick:this.props.disabled?void 0:this.handleClick,disabled:this.props.disabled})}}class AtokaCustomDropdownToggleComponent extends n().Component{static displayName="AtokaCustomDropdownToggleComponent";handleClick=e=>{e.preventDefault(),this.props.onClick(e)};render(){return n().createElement("div",{className:"atoka-dropdown-toggle",onClick:this.props.disabled?void 0:this.handleClick},this.props.children)}}class AtokaCustomDropdownToggleWithChevronComponent extends n().Component{static displayName="AtokaCustomDropdownToggleWithChevronComponent ";handleClick=e=>{e.preventDefault(),this.props.onClick(e)};render(){const e=a()({"atoka-dropdown-toggle":!0,disabled:this.props.disabled});return n().createElement("div",{className:e,onClick:this.props.disabled?void 0:this.handleClick},this.props.children,n().createElement("div",{className:"chevron-container d-flex"},n().createElement(m.Button,{variant:"tertiary",size:"md",icon:c.faChevronDown})))}}const h=u("AtokaSimpleDropdownToggle",AtokaSimpleDropdownToggleComponent),g=u("AtokaCustomDropdownToggle",AtokaCustomDropdownToggleComponent),f=u("AtokaCustomDropdownToggleWithChevron",AtokaCustomDropdownToggleWithChevronComponent)},7638:o=>{o.exports=e},3316:e=>{e.exports=o},6889:e=>{e.exports=t},992:e=>{e.exports=r},9155:e=>{e.exports=n},9861:e=>{e.exports=s},3084:e=>{e.exports=a}},p={};function d(e){var o=p[e];if(void 0!==o)return o.exports;var t=p[e]={exports:{}};return l[e](t,t.exports,d),t.exports}d.m=l,i=[],d.O=(e,o,t,r)=>{if(!o){var n=1/0;for(p=0;p<i.length;p++){for(var[o,t,r]=i[p],s=!0,a=0;a<o.length;a++)(!1&r||n>=r)&&Object.keys(d.O).every((e=>d.O[e](o[a])))?o.splice(a--,1):(s=!1,r<n&&(n=r));if(s){i.splice(p--,1);var l=t();void 0!==l&&(e=l)}}return e}r=r||0;for(var p=i.length;p>0&&i[p-1][2]>r;p--)i[p]=i[p-1];i[p]=[o,t,r]},d.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return d.d(o,{a:o}),o},d.d=(e,o)=>{for(var t in o)d.o(o,t)&&!d.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},d.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={1585:0,3626:0,9216:0};d.O.j=o=>0===e[o];var o=(o,t)=>{var r,n,[s,a,i]=t,l=0;if(s.some((o=>0!==e[o]))){for(r in a)d.o(a,r)&&(d.m[r]=a[r]);if(i)var p=i(d)}for(o&&o(t);l<s.length;l++)n=s[l],d.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return d.O(p)},t=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))})();var c=d.O(void 0,[9216],(()=>d(397)));return c=d.O(c)})()));
+!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o(require("@fortawesome/pro-regular-svg-icons/faChevronDown"),require("@fortawesome/pro-regular-svg-icons/faEllipsisH"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Button"),require("react-bootstrap/Dropdown")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/pro-regular-svg-icons/faChevronDown","@fortawesome/pro-regular-svg-icons/faEllipsisH","@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Button","react-bootstrap/Dropdown"],o):"object"==typeof exports?exports["atoka-design-system"]=o(require("@fortawesome/pro-regular-svg-icons/faChevronDown"),require("@fortawesome/pro-regular-svg-icons/faEllipsisH"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Button"),require("react-bootstrap/Dropdown")):e["atoka-design-system"]=o(e["@fortawesome/pro-regular-svg-icons/faChevronDown"],e["@fortawesome/pro-regular-svg-icons/faEllipsisH"],e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/Button"],e["react-bootstrap/Dropdown"])}(self,((e,o,t,r,n,s,a)=>(()=>{"use strict";var i,l={4070:(e,o,t)=>{t.d(o,{Button:()=>Button});var r=t(6889),n=t(992),s=t.n(n),a=t(9155),i=t.n(a),l=t(9861),p=t.n(l);class Button extends i().PureComponent{static displayName="Button";static defaultProps={variant:"primary",size:"md",disabled:!1};renderIcon(e){return null==e?null:i().createElement(r.FontAwesomeIcon,{icon:e})}renderChildren(e){return null==e?null:i().createElement("span",{className:"btn-children"},e)}renderLeftSide(e,o){return null==e?null==o?null:i().createElement(r.FontAwesomeIcon,{icon:o,className:"invisible"}):i().createElement(r.FontAwesomeIcon,{icon:e})}renderRightSide(e,o){return null==o?null==e?null:i().createElement(r.FontAwesomeIcon,{icon:e,className:"invisible"}):i().createElement(r.FontAwesomeIcon,{icon:o})}renderContent(e,o){return null!=e&&null==o?this.renderIcon(e):i().createElement("div",{className:"button-content-center-container"},this.renderIcon(e),this.renderChildren(o))}render(){const{icon:e,iconLeft:o,iconRight:t,children:r,size:n,className:a,...l}=this.props,d=s()("atoka-btn",`btn-${n}`,a,{"btn-icon-only":null!=this.props.icon&&null==this.props.children});return i().createElement(p(),{className:d,...l},this.renderLeftSide(o,t),this.renderContent(e,r),this.renderRightSide(o,t))}}},397:(e,o,t)=>{t.r(o),t.d(o,{AtokaCustomDropdownToggle:()=>g,AtokaCustomDropdownToggleWithChevron:()=>f,AtokaSimpleDropdownToggle:()=>h,Dropdown:()=>Dropdown,DropdownMenu:()=>DropdownMenu});var r=t(9155),n=t.n(r),s=t(992),a=t.n(s),i=t(3084),l=t.n(i);class DropdownMenu extends n().PureComponent{static displayName="DropdownMenu";static defaultProps={size:"sm"};render(){const e=a()("atoka-dropdown-menu",this.props.className,this.props.size);return n().createElement(l().Menu,{...this.props,className:e},this.props.children)}}const p=n().memo((({children:e})=>n().createElement("div",{className:"atoka-dropdown-section"},e,n().createElement(Dropdown.Divider,null))));p.displayName="DropdownSection";class Dropdown extends n().PureComponent{static displayName="DropDown";static Toggle=l().Toggle;static Menu=DropdownMenu;static Item=l().Item;static Divider=l().Divider;static Header=l().Header;static Section=p;render(){const e=a()(this.props.className,"atoka-dropdown");return n().createElement(l(),{...this.props,className:e},this.props.children)}}var d=t(3316),c=t(7638),m=t(4070);function u(e,o){const t=n().forwardRef(((e,t)=>n().createElement("div",{ref:t},n().createElement(o,{disabled:e.disabled,onClick:e.onClick},e.children))));return t.displayName=e,t}class AtokaSimpleDropdownToggleComponent extends n().Component{static displayName="AtokaSimpleDropdownToggleComponent";handleClick=e=>{e.preventDefault(),this.props.onClick(e)};render(){return n().createElement(m.Button,{variant:"secondary",size:"xs",icon:d.faEllipsisH,onClick:this.props.disabled?void 0:this.handleClick,disabled:this.props.disabled})}}class AtokaCustomDropdownToggleComponent extends n().Component{static displayName="AtokaCustomDropdownToggleComponent";handleClick=e=>{e.preventDefault(),this.props.onClick(e)};render(){return n().createElement("div",{className:"atoka-dropdown-toggle",onClick:this.props.disabled?void 0:this.handleClick},this.props.children)}}class AtokaCustomDropdownToggleWithChevronComponent extends n().Component{static displayName="AtokaCustomDropdownToggleWithChevronComponent ";handleClick=e=>{e.preventDefault(),this.props.onClick(e)};render(){const e=a()({"atoka-dropdown-toggle":!0,disabled:this.props.disabled});return n().createElement("div",{className:e,onClick:this.props.disabled?void 0:this.handleClick},this.props.children,n().createElement("div",{className:"chevron-container d-flex"},n().createElement(m.Button,{variant:"tertiary",size:"md",icon:c.faChevronDown})))}}const h=u("AtokaSimpleDropdownToggle",AtokaSimpleDropdownToggleComponent),g=u("AtokaCustomDropdownToggle",AtokaCustomDropdownToggleComponent),f=u("AtokaCustomDropdownToggleWithChevron",AtokaCustomDropdownToggleWithChevronComponent)},7638:o=>{o.exports=e},3316:e=>{e.exports=o},6889:e=>{e.exports=t},992:e=>{e.exports=r},9155:e=>{e.exports=n},9861:e=>{e.exports=s},3084:e=>{e.exports=a}},p={};function d(e){var o=p[e];if(void 0!==o)return o.exports;var t=p[e]={exports:{}};return l[e](t,t.exports,d),t.exports}d.m=l,i=[],d.O=(e,o,t,r)=>{if(!o){var n=1/0;for(p=0;p<i.length;p++){for(var[o,t,r]=i[p],s=!0,a=0;a<o.length;a++)(!1&r||n>=r)&&Object.keys(d.O).every((e=>d.O[e](o[a])))?o.splice(a--,1):(s=!1,r<n&&(n=r));if(s){i.splice(p--,1);var l=t();void 0!==l&&(e=l)}}return e}r=r||0;for(var p=i.length;p>0&&i[p-1][2]>r;p--)i[p]=i[p-1];i[p]=[o,t,r]},d.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return d.d(o,{a:o}),o},d.d=(e,o)=>{for(var t in o)d.o(o,t)&&!d.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},d.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={1585:0,3626:0,525:0};d.O.j=o=>0===e[o];var o=(o,t)=>{var r,n,[s,a,i]=t,l=0;if(s.some((o=>0!==e[o]))){for(r in a)d.o(a,r)&&(d.m[r]=a[r]);if(i)var p=i(d)}for(o&&o(t);l<s.length;l++)n=s[l],d.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return d.O(p)},t=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))})();var c=d.O(void 0,[525],(()=>d(397)));return c=d.O(c)})()));

package/EditableString/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/pro-light-svg-icons/faCheck"),require("@fortawesome/pro-light-svg-icons/faPencil"),require("@fortawesome/pro-light-svg-icons/faTimes"),require("@fortawesome/pro-regular-svg-icons/faChevronDown"),require("@fortawesome/pro-regular-svg-icons/faEllipsisH"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Button"),require("react-bootstrap/Collapse"),require("react-bootstrap/Dropdown"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-dom")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/pro-light-svg-icons/faCheck","@fortawesome/pro-light-svg-icons/faPencil","@fortawesome/pro-light-svg-icons/faTimes","@fortawesome/pro-regular-svg-icons/faChevronDown","@fortawesome/pro-regular-svg-icons/faEllipsisH","@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Button","react-bootstrap/Collapse","react-bootstrap/Dropdown","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-dom"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/pro-light-svg-icons/faCheck"),require("@fortawesome/pro-light-svg-icons/faPencil"),require("@fortawesome/pro-light-svg-icons/faTimes"),require("@fortawesome/pro-regular-svg-icons/faChevronDown"),require("@fortawesome/pro-regular-svg-icons/faEllipsisH"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Button"),require("react-bootstrap/Collapse"),require("react-bootstrap/Dropdown"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-dom")):e["atoka-design-system"]=t(e["@fortawesome/pro-light-svg-icons/faCheck"],e["@fortawesome/pro-light-svg-icons/faPencil"],e["@fortawesome/pro-light-svg-icons/faTimes"],e["@fortawesome/pro-regular-svg-icons/faChevronDown"],e["@fortawesome/pro-regular-svg-icons/faEllipsisH"],e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/Button"],e["react-bootstrap/Collapse"],e["react-bootstrap/Dropdown"],e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-dom"])}(self,((e,t,n,r,s,o,a,i,l,p,c,d,u,h,m)=>(()=>{"use strict";var f,g={4070:(e,t,n)=>{n.d(t,{Button:()=>Button});var r=n(6889),s=n(992),o=n.n(s),a=n(9155),i=n.n(a),l=n(9861),p=n.n(l);class Button extends i().PureComponent{static displayName="Button";static defaultProps={variant:"primary",size:"md",disabled:!1};renderIcon(e){return null==e?null:i().createElement(r.FontAwesomeIcon,{icon:e})}renderChildren(e){return null==e?null:i().createElement("span",{className:"btn-children"},e)}renderLeftSide(e,t){return null==e?null==t?null:i().createElement(r.FontAwesomeIcon,{icon:t,className:"invisible"}):i().createElement(r.FontAwesomeIcon,{icon:e})}renderRightSide(e,t){return null==t?null==e?null:i().createElement(r.FontAwesomeIcon,{icon:e,className:"invisible"}):i().createElement(r.FontAwesomeIcon,{icon:t})}renderContent(e,t){return null!=e&&null==t?this.renderIcon(e):i().createElement("div",{className:"button-content-center-container"},this.renderIcon(e),this.renderChildren(t))}render(){const{icon:e,iconLeft:t,iconRight:n,children:r,size:s,className:a,...l}=this.props,c=o()("atoka-btn",`btn-${s}`,a,{"btn-icon-only":null!=this.props.icon&&null==this.props.children});return i().createElement(p(),{className:c,...l},this.renderLeftSide(t,n),this.renderContent(e,r),this.renderRightSide(t,n))}}},397:(e,t,n)=>{n.d(t,{AtokaCustomDropdownToggleWithChevron:()=>m,Dropdown:()=>Dropdown});var r=n(9155),s=n.n(r),o=n(992),a=n.n(o),i=n(3084),l=n.n(i);class DropdownMenu extends s().PureComponent{static displayName="DropdownMenu";static defaultProps={size:"sm"};render(){const e=a()("atoka-dropdown-menu",this.props.className,this.props.size);return s().createElement(l().Menu,{...this.props,className:e},this.props.children)}}const p=s().memo((({children:e})=>s().createElement("div",{className:"atoka-dropdown-section"},e,s().createElement(Dropdown.Divider,null))));p.displayName="DropdownSection";class Dropdown extends s().PureComponent{static displayName="DropDown";static Toggle=l().Toggle;static Menu=DropdownMenu;static Item=l().Item;static Divider=l().Divider;static Header=l().Header;static Section=p;render(){const e=a()(this.props.className,"atoka-dropdown");return s().createElement(l(),{...this.props,className:e},this.props.children)}}var c=n(3316),d=n(7638),u=n(4070);function h(e,t){const n=s().forwardRef(((e,n)=>s().createElement("div",{ref:n},s().createElement(t,{disabled:e.disabled,onClick:e.onClick},e.children))));return n.displayName=e,n}class AtokaSimpleDropdownToggleComponent extends s().Component{static displayName="AtokaSimpleDropdownToggleComponent";handleClick=e=>{e.preventDefault(),this.props.onClick(e)};render(){return s().createElement(u.Button,{variant:"secondary",size:"xs",icon:c.faEllipsisH,onClick:this.props.disabled?void 0:this.handleClick,disabled:this.props.disabled})}}class AtokaCustomDropdownToggleComponent extends s().Component{static displayName="AtokaCustomDropdownToggleComponent";handleClick=e=>{e.preventDefault(),this.props.onClick(e)};render(){return s().createElement("div",{className:"atoka-dropdown-toggle",onClick:this.props.disabled?void 0:this.handleClick},this.props.children)}}class AtokaCustomDropdownToggleWithChevronComponent extends s().Component{static displayName="AtokaCustomDropdownToggleWithChevronComponent ";handleClick=e=>{e.preventDefault(),this.props.onClick(e)};render(){const e=a()({"atoka-dropdown-toggle":!0,disabled:this.props.disabled});return s().createElement("div",{className:e,onClick:this.props.disabled?void 0:this.handleClick},this.props.children,s().createElement("div",{className:"chevron-container d-flex"},s().createElement(u.Button,{variant:"tertiary",size:"md",icon:d.faChevronDown})))}}h("AtokaSimpleDropdownToggle",AtokaSimpleDropdownToggleComponent),h("AtokaCustomDropdownToggle",AtokaCustomDropdownToggleComponent);const m=h("AtokaCustomDropdownToggleWithChevron",AtokaCustomDropdownToggleWithChevronComponent)},8971:(e,t,n)=>{n.r(t),n.d(t,{EditableString:()=>EditableString});var r=n(4806),s=n(992),o=n.n(s),a=n(9155),i=n.n(a);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(null,arguments)}function p(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}function c(e,t){return c=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},c(e,t)}function d(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,c(e,t)}function u(e,t){return e.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}var h=n(9514),m=n.n(h);const f=!1,g=i().createContext(null);var v=function(e){return e.scrollTop},E="unmounted",C="exited",b="entering",x="entered",w="exiting",y=function(e){function t(t,n){var r;r=e.call(this,t,n)||this;var s,o=n&&!n.isMounting?t.enter:t.appear;return r.appearStatus=null,t.in?o?(s=C,r.appearStatus=b):s=x:s=t.unmountOnExit||t.mountOnEnter?E:C,r.state={status:s},r.nextCallback=null,r}d(t,e),t.getDerivedStateFromProps=function(e,t){return e.in&&t.status===E?{status:C}:null};var n=t.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?n!==b&&n!==x&&(t=b):n!==b&&n!==x||(t=w)}this.updateStatus(!1,t)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var e,t,n,r=this.props.timeout;return e=t=n=r,null!=r&&"number"!=typeof r&&(e=r.exit,t=r.enter,n=void 0!==r.appear?r.appear:t),{exit:e,enter:t,appear:n}},n.updateStatus=function(e,t){if(void 0===e&&(e=!1),null!==t)if(this.cancelNextCallback(),t===b){if(this.props.unmountOnExit||this.props.mountOnEnter){var n=this.props.nodeRef?this.props.nodeRef.current:m().findDOMNode(this);n&&v(n)}this.performEnter(e)}else this.performExit();else this.props.unmountOnExit&&this.state.status===C&&this.setState({status:E})},n.performEnter=function(e){var t=this,n=this.props.enter,r=this.context?this.context.isMounting:e,s=this.props.nodeRef?[r]:[m().findDOMNode(this),r],o=s[0],a=s[1],i=this.getTimeouts(),l=r?i.appear:i.enter;!e&&!n||f?this.safeSetState({status:x},(function(){t.props.onEntered(o)})):(this.props.onEnter(o,a),this.safeSetState({status:b},(function(){t.props.onEntering(o,a),t.onTransitionEnd(l,(function(){t.safeSetState({status:x},(function(){t.props.onEntered(o,a)}))}))})))},n.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:m().findDOMNode(this);t&&!f?(this.props.onExit(r),this.safeSetState({status:w},(function(){e.props.onExiting(r),e.onTransitionEnd(n.exit,(function(){e.safeSetState({status:C},(function(){e.props.onExited(r)}))}))}))):this.safeSetState({status:C},(function(){e.props.onExited(r)}))},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},n.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,t.nextCallback=null,e(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},n.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:m().findDOMNode(this),r=null==e&&!this.props.addEndListener;if(n&&!r){if(this.props.addEndListener){var s=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],o=s[0],a=s[1];this.props.addEndListener(o,a)}null!=e&&setTimeout(this.nextCallback,e)}else setTimeout(this.nextCallback,0)},n.render=function(){var e=this.state.status;if(e===E)return null;var t=this.props,n=t.children,r=(t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef,p(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return i().createElement(g.Provider,{value:null},"function"==typeof n?n(e,r):i().cloneElement(i().Children.only(n),r))},t}(i().Component);function S(){}y.contextType=g,y.propTypes={},y.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:S,onEntering:S,onEntered:S,onExit:S,onExiting:S,onExited:S},y.UNMOUNTED=E,y.EXITED=C,y.ENTERING=b,y.ENTERED=x,y.EXITING=w;const k=y;var N=function(e,t){return e&&t&&t.split(" ").forEach((function(t){return r=t,void((n=e).classList?n.classList.remove(r):"string"==typeof n.className?n.className=u(n.className,r):n.setAttribute("class",u(n.className&&n.className.baseVal||"",r)));var n,r}))},D=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),s=0;s<n;s++)r[s]=arguments[s];return(t=e.call.apply(e,[this].concat(r))||this).appliedClasses={appear:{},enter:{},exit:{}},t.onEnter=function(e,n){var r=t.resolveArguments(e,n),s=r[0],o=r[1];t.removeClasses(s,"exit"),t.addClass(s,o?"appear":"enter","base"),t.props.onEnter&&t.props.onEnter(e,n)},t.onEntering=function(e,n){var r=t.resolveArguments(e,n),s=r[0],o=r[1]?"appear":"enter";t.addClass(s,o,"active"),t.props.onEntering&&t.props.onEntering(e,n)},t.onEntered=function(e,n){var r=t.resolveArguments(e,n),s=r[0],o=r[1]?"appear":"enter";t.removeClasses(s,o),t.addClass(s,o,"done"),t.props.onEntered&&t.props.onEntered(e,n)},t.onExit=function(e){var n=t.resolveArguments(e)[0];t.removeClasses(n,"appear"),t.removeClasses(n,"enter"),t.addClass(n,"exit","base"),t.props.onExit&&t.props.onExit(e)},t.onExiting=function(e){var n=t.resolveArguments(e)[0];t.addClass(n,"exit","active"),t.props.onExiting&&t.props.onExiting(e)},t.onExited=function(e){var n=t.resolveArguments(e)[0];t.removeClasses(n,"exit"),t.addClass(n,"exit","done"),t.props.onExited&&t.props.onExited(e)},t.resolveArguments=function(e,n){return t.props.nodeRef?[t.props.nodeRef.current,e]:[e,n]},t.getClassNames=function(e){var n=t.props.classNames,r="string"==typeof n,s=r?""+(r&&n?n+"-":"")+e:n[e];return{baseClassName:s,activeClassName:r?s+"-active":n[e+"Active"],doneClassName:r?s+"-done":n[e+"Done"]}},t}d(t,e);var n=t.prototype;return n.addClass=function(e,t,n){var r=this.getClassNames(t)[n+"ClassName"],s=this.getClassNames("enter").doneClassName;"appear"===t&&"done"===n&&s&&(r+=" "+s),"active"===n&&e&&v(e),r&&(this.appliedClasses[t][n]=r,function(e,t){e&&t&&t.split(" ").forEach((function(t){return r=t,void((n=e).classList?n.classList.add(r):function(e,t){return e.classList?!!t&&e.classList.contains(t):-1!==(" "+(e.className.baseVal||e.className)+" ").indexOf(" "+t+" ")}(n,r)||("string"==typeof n.className?n.className=n.className+" "+r:n.setAttribute("class",(n.className&&n.className.baseVal||"")+" "+r)));var n,r}))}(e,r))},n.removeClasses=function(e,t){var n=this.appliedClasses[t],r=n.base,s=n.active,o=n.done;this.appliedClasses[t]={},r&&N(e,r),s&&N(e,s),o&&N(e,o)},n.render=function(){var e=this.props,t=(e.classNames,p(e,["classNames"]));return i().createElement(k,l({},t,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},t}(i().Component);D.defaultProps={classNames:""},D.propTypes={};const T=D;function O(e,t){var n=Object.create(null);return e&&a.Children.map(e,(function(e){return e})).forEach((function(e){n[e.key]=function(e){return t&&(0,a.isValidElement)(e)?t(e):e}(e)})),n}function V(e,t,n){return null!=n[t]?n[t]:e.props[t]}function F(e,t,n){var r=O(e.children),s=function(e,t){function n(n){return n in t?t[n]:e[n]}e=e||{},t=t||{};var r,s=Object.create(null),o=[];for(var a in e)a in t?o.length&&(s[a]=o,o=[]):o.push(a);var i={};for(var l in t){if(s[l])for(r=0;r<s[l].length;r++){var p=s[l][r];i[s[l][r]]=n(p)}i[l]=n(l)}for(r=0;r<o.length;r++)i[o[r]]=n(o[r]);return i}(t,r);return Object.keys(s).forEach((function(o){var i=s[o];if((0,a.isValidElement)(i)){var l=o in t,p=o in r,c=t[o],d=(0,a.isValidElement)(c)&&!c.props.in;!p||l&&!d?p||!l||d?p&&l&&(0,a.isValidElement)(c)&&(s[o]=(0,a.cloneElement)(i,{onExited:n.bind(null,i),in:c.props.in,exit:V(i,"exit",e),enter:V(i,"enter",e)})):s[o]=(0,a.cloneElement)(i,{in:!1}):s[o]=(0,a.cloneElement)(i,{onExited:n.bind(null,i),in:!0,exit:V(i,"exit",e),enter:V(i,"enter",e)})}})),s}var I=Object.values||function(e){return Object.keys(e).map((function(t){return e[t]}))},P=function(e){function t(t,n){var r,s=(r=e.call(this,t,n)||this).handleExited.bind(function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(r));return r.state={contextValue:{isMounting:!0},handleExited:s,firstRender:!0},r}d(t,e);var n=t.prototype;return n.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},n.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(e,t){var n,r,s=t.children,o=t.handleExited;return{children:t.firstRender?(n=e,r=o,O(n.children,(function(e){return(0,a.cloneElement)(e,{onExited:r.bind(null,e),in:!0,appear:V(e,"appear",n),enter:V(e,"enter",n),exit:V(e,"exit",n)})}))):F(e,s,o),firstRender:!1}},n.handleExited=function(e,t){var n=O(this.props.children);e.key in n||(e.props.onExited&&e.props.onExited(t),this.mounted&&this.setState((function(t){var n=l({},t.children);return delete n[e.key],{children:n}})))},n.render=function(){var e=this.props,t=e.component,n=e.childFactory,r=p(e,["component","childFactory"]),s=this.state.contextValue,o=I(this.state.children).map(n);return delete r.appear,delete r.enter,delete r.exit,null===t?i().createElement(g.Provider,{value:s},o):i().createElement(g.Provider,{value:s},i().createElement(t,r,o))},t}(i().Component);P.propTypes={},P.defaultProps={component:"div",childFactory:function(e){return e}};const R=P;var q=n(1211),A=n(4070),L=n(598),M=n.n(L),B=n(1693),z=n(543),j=n(8048),H=n(545),_=n(4469);class InlineStringEditor extends i().Component{static displayName="InlineStringEditor";static defaultProps={useIcons:!1,inputType:"text",maxLength:60,minLength:3,saveLabel:"Save",cancelLabel:"Cancel",size:"md"};inputRef=i().createRef();state={currentValue:this.props.value,isSaving:!1};componentDidMount(){this.inputRef?.current?.focus(),this.inputRef?.current?.select()}componentDidUpdate(e){e.value!==this.props.value&&this.setState({currentValue:this.props.value})}handleKeyDown=e=>{"Escape"!==e.key&&"Esc"!==e.key||this.handleCancel(),"textarea"!==this.props.inputType&&"Enter"===e.key&&(e.stopPropagation(),this.handleSave())};handleCancel=()=>{this.setState({currentValue:this.props.value}),this.props.onCancel()};handleSave=async()=>{this.isSaveDisabled()||(this.setState({isSaving:!0}),await this.props.onSave(this.state.currentValue),this.setState({isSaving:!1}))};handleTextChange=e=>{const t=e.target.value,n=this.props?.maxLength??0;t.length<=n&&(null!=this.props.onChange&&this.props.onChange(t),this.setState({currentValue:t}))};handleOptionChange=e=>{const t=this.props.options??[];for(const n of t)String(n.value)===String(e)&&(null!=this.props.onChange&&this.props.onChange(n),this.setState({currentValue:n}))};isSaveDisabled(){return null!=this.props.getIsSaveDisabled?this.props.getIsSaveDisabled(this.state.currentValue):null!=this.props.getError&&null!=this.props.getError(this.state.currentValue)||(null==this.props.onChange&&this.state.currentValue===this.props.value||"string"==typeof this.state.currentValue&&this.state.currentValue.length<this.props.minLength)}renderHelp(){return null==this.props.help?null:i().createElement(M(),{appear:!0,in:!0},i().createElement(j.Form.Help,null,this.props.help))}renderError(){if(null==this.props.getError)return null;const e=this.props.getError(this.state.currentValue);return null==e?null:i().createElement(M(),{appear:!0,in:!0},i().createElement(j.Form.Control.FeedBack,{type:"invalid"},e))}renderInput(){if(null!=this.props.options&&this.props.options.length>0){const e=null!=this.state.currentValue?this.state.currentValue.value:"";return i().createElement(_.SelectDropdown,{className:"inline-dropdown-select flex-grow-1",size:this.props.size,selected:String(e),placeholder:this.props.placeholder,onSelect:this.handleOptionChange,disabled:this.state.isSaving,onKeyDown:this.handleKeyDown,options:this.props.options,isInvalid:null!=this.renderError()})}const e="textarea"===this.props.inputType;return i().createElement(H.M,{className:"flex-grow-1",ref:this.inputRef,size:this.props.size,as:e?this.props.inputType:void 0,type:e?void 0:this.props.inputType,value:this.state.currentValue??"",placeholder:this.props.placeholder,disabled:this.state.isSaving,rows:this.props.rows,onChange:this.handleTextChange,onKeyDown:this.handleKeyDown,isInvalid:null!=this.renderError()})}renderCancelButton(){const e={onClick:this.handleCancel,variant:"secondary",disabled:this.state.isSaving,size:this.props.size,className:"inline-string-editor-cancel"};return!0===this.props.useIcons?i().createElement(A.Button,{icon:z.faTimes,...e}):i().createElement(A.Button,{...e},this.props.cancelLabel)}renderSaveButton(){const e={onClick:this.handleSave,variant:"primary",disabled:this.isSaveDisabled()||this.state.isSaving,size:this.props.size,className:"inline-string-editor-save"};return!0===this.props.useIcons?i().createElement(A.Button,{icon:B.faCheck,...e}):i().createElement(A.Button,{...e},this.props.saveLabel)}render(){const e=o()("inline-string-editor w-100",this.props.className);return i().createElement("div",{className:e},i().createElement("div",{className:"d-flex gap-2"},this.renderInput(),this.renderCancelButton(),this.renderSaveButton()),this.renderError(),this.renderHelp())}}class EditableString extends i().PureComponent{static displayName="EditableString";state={isEditing:!1,currentValue:this.props.value,containerHeight:void 0};viewContainerRef=i().createRef();componentDidMount(){this.updateContainerHeight()}componentDidUpdate(e){e.value!==this.props.value&&this.setState({currentValue:this.props.value}),this.updateContainerHeight()}updateContainerHeight=()=>{const e=this.state.isEditing?void 0:this.viewContainerRef.current?.offsetHeight;this.setState({containerHeight:e})};handleClick=()=>{this.state.isEditing||this.setState({isEditing:!0})};handleCancel=()=>{this.setState({isEditing:!1,currentValue:this.props.value}),null!=this.props.onCancel&&this.props.onCancel()};handleSave=async e=>{this.state.isEditing&&(await this.props.onSave(e),setTimeout((()=>this.setState({isEditing:!1})),10))};handleChange=e=>{null==this.props.onChange?this.setState({currentValue:e}):this.props.onChange(e)};renderEditingContent(){return i().createElement(T,{classNames:"editable-string",timeout:{enter:400,exit:400},key:"editing"},i().createElement("div",{className:"editable-string-editing w-100"},i().createElement(InlineStringEditor,{value:this.state.currentValue,placeholder:this.props.placeholder,onCancel:this.handleCancel,onSave:this.handleSave,onChange:this.handleChange,useIcons:this.props.useIcons,minLength:this.props.minLength,maxLength:this.props.maxLength,getIsSaveDisabled:this.props.getIsSaveDisabled,options:this.props.options,inputType:this.props.inputType,rows:this.props.rows,getError:this.props.getError,help:this.props.help})))}renderShownValue(){const{value:e,shownValue:t}=this.props;return null!=t?t:null==e?null:"string"==typeof e?e:e.label}renderContent(){if(this.state.isEditing)return this.renderEditingContent();const e=o()({placeholder:(0,q.isStringEmpty)(this.props.value?.toString())},"editable-string-viewing w-100");return i().createElement(T,{classNames:"editable-string",timeout:{enter:400,exit:400},key:"viewing"},i().createElement("div",{className:e,ref:this.viewContainerRef,onClick:this.handleClick},this.renderShownValue()||this.props.placeholder,i().createElement(A.Button,{icon:r.faPencil,className:"edit-icon",variant:"tertiary"})))}render(){const e=o()(this.props.className,"editable-string-container"),t={height:this.state.containerHeight};return i().createElement(R,{className:e,style:t},this.renderContent())}}},1120:(e,t,n)=>{n.d(t,{l:()=>m});var r=n(9155),s=n.n(r),o=n(992),a=n.n(o),i=n(1759),l=n.n(i),p=n(3048),c=n(545),d=n(2039),u=n(8867),h=n(9125);const m=e=>{const t=a()(e?.className,"atoka-form");return s().createElement(l(),{...e,className:t},e.children)};m.displayName="Form",m.Control=c.M,m.Label=p.l,m.Checkbox=d.c,m.Radio=u.M,m.Switch=l().Switch,m.Help=h.W,m.Group=l().Group},2039:(e,t,n)=>{n.d(t,{c:()=>p});var r=n(9155),s=n.n(r),o=n(992),a=n.n(o),i=n(1759),l=n.n(i);const p=e=>{const t=a()("atoka-form-checkbox",e?.className);return s().createElement(l().Check,{type:"checkbox",...e,className:t,label:e.label??""})};p.displayName="FormCheckbox"},545:(e,t,n)=>{n.d(t,{M:()=>d});var r=n(9155),s=n.n(r),o=n(992),a=n.n(o),i=n(9852),l=n.n(i),p=n(5344);const c=s().forwardRef((({size:e="md",...t},n)=>{const r=a()("atoka-form-control",t?.className,{disabled:t.disabled});return s().createElement(l(),{as:t.as,rows:t.rows,cols:t.cols,placeholder:t.placeholder,className:r,disabled:t.disabled,readOnly:t.readOnly,value:t.value,onChange:t.onChange,onKeyPress:t.onKeyPress,onKeyDown:t.onKeyDown,onFocus:t.onFocus,defaultValue:t.defaultValue,size:"md"===e?void 0:e,type:t.type,id:t.id,isValid:t.isValid,isInvalid:t.isInvalid,ref:n,autoComplete:"off"},t.children)}));c.displayName="FormControlComponent";const d=c;d.FeedBack=p.B,d.displayName="FormControl"},5344:(e,t,n)=>{n.d(t,{B:()=>p});var r=n(9155),s=n.n(r),o=n(992),a=n.n(o),i=n(9852),l=n.n(i);const p=s().memo((({show:e=!0,...t})=>{const n=a()(t?.className,"atoka-form-control-feedback",{"d-block":e});return s().createElement(l().Feedback,{type:t.type,className:n},t.children)}));p.displayName="FormControlFeedBack"},9125:(e,t,n)=>{n.d(t,{W:()=>p});var r=n(7452),s=n.n(r),o=n(9155),a=n.n(o),i=n(992),l=n.n(i);const p=a().memo((({children:e,...t})=>{const n=l()("d-block",t?.className);return a().createElement(s(),{bsPrefix:"atoka-form-help",className:n},e)}));p.displayName="FormHelp"},3048:(e,t,n)=>{n.d(t,{l:()=>p});var r=n(9155),s=n.n(r),o=n(992),a=n.n(o),i=n(1759),l=n.n(i);const p=s().memo((e=>{const t=a()(e?.className,"atoka-form-label");return s().createElement(l().Label,{className:t},e.children)}));p.displayName="FormLabel"},8867:(e,t,n)=>{n.d(t,{M:()=>p});var r=n(9155),s=n.n(r),o=n(992),a=n.n(o),i=n(1759),l=n.n(i);const p=e=>{const t=a()(e?.className,"atoka-form-radio");return s().createElement(l().Check,{type:"radio",...e,className:t,label:e.label??""})};p.displayName="FormRadio"},8048:(e,t,n)=>{n.d(t,{Form:()=>r.l});var r=n(1120)},4469:(e,t,n)=>{n.d(t,{SelectDropdown:()=>SelectDropdown});var r=n(9155),s=n.n(r),o=n(3084),a=n.n(o),i=n(992),l=n.n(i),p=n(397);class SelectDropdown extends s().PureComponent{static displayName="SelectDropdown";static defaultProps={size:"md",placeholder:"--",direction:"down"};renderOptions(){return this.props.options.map(this.renderItem)}renderItem=e=>{const t=`${e.value}`;return e.isDivider?s().createElement(p.Dropdown.Divider,{key:t}):s().createElement(p.Dropdown.Item,{key:t,disabled:e.disabled,eventKey:t},this.props.renderValue?.(e)??e.label)};renderSelectedValue(){const e=s().createElement("span",{className:"placeholder"},this.props.placeholder);if(null==this.props.selected)return e;const t=this.props.options.find((e=>e.value===this.props.selected));return null==t?e:this.props.renderSelectedValue?.(t)??t.label}get popperConfig(){if(this.props.isFixed)return{strategy:"fixed",modifiers:[{name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:({state:e})=>{e.styles.popper.width=`${e.rects.reference.width}px`},effect:({state:e})=>{const t=e.elements.reference;e.elements.popper.style.width=`${t.offsetWidth}px`}}]}}render(){const e=l()("atoka-select-dropdown",this.props.className,this.props.size,{"is-invalid":this.props.isInvalid}),t=l()("atoka-select-dropdown-menu",this.props.size,this.props.menuClassName);return s().createElement(p.Dropdown,{onSelect:this.props.onSelect,className:e,drop:this.props.direction},s().createElement(p.Dropdown.Toggle,{disabled:this.props.disabled,as:p.AtokaCustomDropdownToggleWithChevron},s().createElement("span",{className:"dropdown-toggle-text-container"},this.renderSelectedValue())),s().createElement(a().Menu,{className:t,flip:!1,popperConfig:this.popperConfig},this.renderOptions()))}}},3392:(e,t,n)=>{n(862)},7898:(e,t,n)=>{new Proxy({},{get:(e,t)=>function(e){try{return getComputedStyle(document.body).getPropertyValue(e)}catch(t){return console.error("Error while trying to extract color from css variable:",e,t),"red"}}(`--atoka_colors_${t}`)})},5700:(e,t,n)=>{function r(e){if(null==e)return!0;try{return null!==e.match(/^\s*$/)}catch(e){return!0}}n.d(t,{ZS:()=>r})},862:(e,t,n)=>{n(6889),n(9155),n(1120)},1211:(e,t,n)=>{n.d(t,{isStringEmpty:()=>r.ZS});n(3392),n(862);var r=n(5700);n(7898)},1693:t=>{t.exports=e},4806:e=>{e.exports=t},543:e=>{e.exports=n},7638:e=>{e.exports=r},3316:e=>{e.exports=s},6889:e=>{e.exports=o},992:e=>{e.exports=a},9155:e=>{e.exports=i},9861:e=>{e.exports=l},598:e=>{e.exports=p},3084:e=>{e.exports=c},1759:e=>{e.exports=d},9852:e=>{e.exports=u},7452:e=>{e.exports=h},9514:e=>{e.exports=m}},v={};function E(e){var t=v[e];if(void 0!==t)return t.exports;var n=v[e]={exports:{}};return g[e](n,n.exports,E),n.exports}E.m=g,f=[],E.O=(e,t,n,r)=>{if(!t){var s=1/0;for(l=0;l<f.length;l++){for(var[t,n,r]=f[l],o=!0,a=0;a<t.length;a++)(!1&r||s>=r)&&Object.keys(E.O).every((e=>E.O[e](t[a])))?t.splice(a--,1):(o=!1,r<s&&(s=r));if(o){f.splice(l--,1);var i=n();void 0!==i&&(e=i)}}return e}r=r||0;for(var l=f.length;l>0&&f[l-1][2]>r;l--)f[l]=f[l-1];f[l]=[t,n,r]},E.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return E.d(t,{a:t}),t},E.d=(e,t)=>{for(var n in t)E.o(t,n)&&!E.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},E.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),E.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={809:0,1585:0,3626:0,5229:0,6156:0,9216:0};E.O.j=t=>0===e[t];var t=(t,n)=>{var r,s,[o,a,i]=n,l=0;if(o.some((t=>0!==e[t]))){for(r in a)E.o(a,r)&&(E.m[r]=a[r]);if(i)var p=i(E)}for(t&&t(n);l<o.length;l++)s=o[l],E.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return E.O(p)},n=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})();var C=E.O(void 0,[9216],(()=>E(8971)));return C=E.O(C)})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/pro-light-svg-icons/faCheck"),require("@fortawesome/pro-light-svg-icons/faPencil"),require("@fortawesome/pro-light-svg-icons/faTimes"),require("@fortawesome/pro-regular-svg-icons/faChevronDown"),require("@fortawesome/pro-regular-svg-icons/faEllipsisH"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Button"),require("react-bootstrap/Collapse"),require("react-bootstrap/Dropdown"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-dom")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/pro-light-svg-icons/faCheck","@fortawesome/pro-light-svg-icons/faPencil","@fortawesome/pro-light-svg-icons/faTimes","@fortawesome/pro-regular-svg-icons/faChevronDown","@fortawesome/pro-regular-svg-icons/faEllipsisH","@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Button","react-bootstrap/Collapse","react-bootstrap/Dropdown","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-dom"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/pro-light-svg-icons/faCheck"),require("@fortawesome/pro-light-svg-icons/faPencil"),require("@fortawesome/pro-light-svg-icons/faTimes"),require("@fortawesome/pro-regular-svg-icons/faChevronDown"),require("@fortawesome/pro-regular-svg-icons/faEllipsisH"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Button"),require("react-bootstrap/Collapse"),require("react-bootstrap/Dropdown"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-dom")):e["atoka-design-system"]=t(e["@fortawesome/pro-light-svg-icons/faCheck"],e["@fortawesome/pro-light-svg-icons/faPencil"],e["@fortawesome/pro-light-svg-icons/faTimes"],e["@fortawesome/pro-regular-svg-icons/faChevronDown"],e["@fortawesome/pro-regular-svg-icons/faEllipsisH"],e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/Button"],e["react-bootstrap/Collapse"],e["react-bootstrap/Dropdown"],e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-dom"])}(self,((e,t,n,r,s,o,a,i,l,p,c,d,u,h,m)=>(()=>{"use strict";var f,g={4070:(e,t,n)=>{n.d(t,{Button:()=>Button});var r=n(6889),s=n(992),o=n.n(s),a=n(9155),i=n.n(a),l=n(9861),p=n.n(l);class Button extends i().PureComponent{static displayName="Button";static defaultProps={variant:"primary",size:"md",disabled:!1};renderIcon(e){return null==e?null:i().createElement(r.FontAwesomeIcon,{icon:e})}renderChildren(e){return null==e?null:i().createElement("span",{className:"btn-children"},e)}renderLeftSide(e,t){return null==e?null==t?null:i().createElement(r.FontAwesomeIcon,{icon:t,className:"invisible"}):i().createElement(r.FontAwesomeIcon,{icon:e})}renderRightSide(e,t){return null==t?null==e?null:i().createElement(r.FontAwesomeIcon,{icon:e,className:"invisible"}):i().createElement(r.FontAwesomeIcon,{icon:t})}renderContent(e,t){return null!=e&&null==t?this.renderIcon(e):i().createElement("div",{className:"button-content-center-container"},this.renderIcon(e),this.renderChildren(t))}render(){const{icon:e,iconLeft:t,iconRight:n,children:r,size:s,className:a,...l}=this.props,c=o()("atoka-btn",`btn-${s}`,a,{"btn-icon-only":null!=this.props.icon&&null==this.props.children});return i().createElement(p(),{className:c,...l},this.renderLeftSide(t,n),this.renderContent(e,r),this.renderRightSide(t,n))}}},397:(e,t,n)=>{n.d(t,{AtokaCustomDropdownToggleWithChevron:()=>m,Dropdown:()=>Dropdown});var r=n(9155),s=n.n(r),o=n(992),a=n.n(o),i=n(3084),l=n.n(i);class DropdownMenu extends s().PureComponent{static displayName="DropdownMenu";static defaultProps={size:"sm"};render(){const e=a()("atoka-dropdown-menu",this.props.className,this.props.size);return s().createElement(l().Menu,{...this.props,className:e},this.props.children)}}const p=s().memo((({children:e})=>s().createElement("div",{className:"atoka-dropdown-section"},e,s().createElement(Dropdown.Divider,null))));p.displayName="DropdownSection";class Dropdown extends s().PureComponent{static displayName="DropDown";static Toggle=l().Toggle;static Menu=DropdownMenu;static Item=l().Item;static Divider=l().Divider;static Header=l().Header;static Section=p;render(){const e=a()(this.props.className,"atoka-dropdown");return s().createElement(l(),{...this.props,className:e},this.props.children)}}var c=n(3316),d=n(7638),u=n(4070);function h(e,t){const n=s().forwardRef(((e,n)=>s().createElement("div",{ref:n},s().createElement(t,{disabled:e.disabled,onClick:e.onClick},e.children))));return n.displayName=e,n}class AtokaSimpleDropdownToggleComponent extends s().Component{static displayName="AtokaSimpleDropdownToggleComponent";handleClick=e=>{e.preventDefault(),this.props.onClick(e)};render(){return s().createElement(u.Button,{variant:"secondary",size:"xs",icon:c.faEllipsisH,onClick:this.props.disabled?void 0:this.handleClick,disabled:this.props.disabled})}}class AtokaCustomDropdownToggleComponent extends s().Component{static displayName="AtokaCustomDropdownToggleComponent";handleClick=e=>{e.preventDefault(),this.props.onClick(e)};render(){return s().createElement("div",{className:"atoka-dropdown-toggle",onClick:this.props.disabled?void 0:this.handleClick},this.props.children)}}class AtokaCustomDropdownToggleWithChevronComponent extends s().Component{static displayName="AtokaCustomDropdownToggleWithChevronComponent ";handleClick=e=>{e.preventDefault(),this.props.onClick(e)};render(){const e=a()({"atoka-dropdown-toggle":!0,disabled:this.props.disabled});return s().createElement("div",{className:e,onClick:this.props.disabled?void 0:this.handleClick},this.props.children,s().createElement("div",{className:"chevron-container d-flex"},s().createElement(u.Button,{variant:"tertiary",size:"md",icon:d.faChevronDown})))}}h("AtokaSimpleDropdownToggle",AtokaSimpleDropdownToggleComponent),h("AtokaCustomDropdownToggle",AtokaCustomDropdownToggleComponent);const m=h("AtokaCustomDropdownToggleWithChevron",AtokaCustomDropdownToggleWithChevronComponent)},8971:(e,t,n)=>{n.r(t),n.d(t,{EditableString:()=>EditableString});var r=n(4806),s=n(992),o=n.n(s),a=n(9155),i=n.n(a);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(null,arguments)}function p(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}function c(e,t){return c=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},c(e,t)}function d(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,c(e,t)}function u(e,t){return e.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}var h=n(9514),m=n.n(h);const f=!1,g=i().createContext(null);var v=function(e){return e.scrollTop},E="unmounted",C="exited",b="entering",x="entered",w="exiting",y=function(e){function t(t,n){var r;r=e.call(this,t,n)||this;var s,o=n&&!n.isMounting?t.enter:t.appear;return r.appearStatus=null,t.in?o?(s=C,r.appearStatus=b):s=x:s=t.unmountOnExit||t.mountOnEnter?E:C,r.state={status:s},r.nextCallback=null,r}d(t,e),t.getDerivedStateFromProps=function(e,t){return e.in&&t.status===E?{status:C}:null};var n=t.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?n!==b&&n!==x&&(t=b):n!==b&&n!==x||(t=w)}this.updateStatus(!1,t)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var e,t,n,r=this.props.timeout;return e=t=n=r,null!=r&&"number"!=typeof r&&(e=r.exit,t=r.enter,n=void 0!==r.appear?r.appear:t),{exit:e,enter:t,appear:n}},n.updateStatus=function(e,t){if(void 0===e&&(e=!1),null!==t)if(this.cancelNextCallback(),t===b){if(this.props.unmountOnExit||this.props.mountOnEnter){var n=this.props.nodeRef?this.props.nodeRef.current:m().findDOMNode(this);n&&v(n)}this.performEnter(e)}else this.performExit();else this.props.unmountOnExit&&this.state.status===C&&this.setState({status:E})},n.performEnter=function(e){var t=this,n=this.props.enter,r=this.context?this.context.isMounting:e,s=this.props.nodeRef?[r]:[m().findDOMNode(this),r],o=s[0],a=s[1],i=this.getTimeouts(),l=r?i.appear:i.enter;!e&&!n||f?this.safeSetState({status:x},(function(){t.props.onEntered(o)})):(this.props.onEnter(o,a),this.safeSetState({status:b},(function(){t.props.onEntering(o,a),t.onTransitionEnd(l,(function(){t.safeSetState({status:x},(function(){t.props.onEntered(o,a)}))}))})))},n.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:m().findDOMNode(this);t&&!f?(this.props.onExit(r),this.safeSetState({status:w},(function(){e.props.onExiting(r),e.onTransitionEnd(n.exit,(function(){e.safeSetState({status:C},(function(){e.props.onExited(r)}))}))}))):this.safeSetState({status:C},(function(){e.props.onExited(r)}))},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},n.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,t.nextCallback=null,e(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},n.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:m().findDOMNode(this),r=null==e&&!this.props.addEndListener;if(n&&!r){if(this.props.addEndListener){var s=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],o=s[0],a=s[1];this.props.addEndListener(o,a)}null!=e&&setTimeout(this.nextCallback,e)}else setTimeout(this.nextCallback,0)},n.render=function(){var e=this.state.status;if(e===E)return null;var t=this.props,n=t.children,r=(t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef,p(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return i().createElement(g.Provider,{value:null},"function"==typeof n?n(e,r):i().cloneElement(i().Children.only(n),r))},t}(i().Component);function S(){}y.contextType=g,y.propTypes={},y.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:S,onEntering:S,onEntered:S,onExit:S,onExiting:S,onExited:S},y.UNMOUNTED=E,y.EXITED=C,y.ENTERING=b,y.ENTERED=x,y.EXITING=w;const k=y;var N=function(e,t){return e&&t&&t.split(" ").forEach((function(t){return r=t,void((n=e).classList?n.classList.remove(r):"string"==typeof n.className?n.className=u(n.className,r):n.setAttribute("class",u(n.className&&n.className.baseVal||"",r)));var n,r}))},D=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),s=0;s<n;s++)r[s]=arguments[s];return(t=e.call.apply(e,[this].concat(r))||this).appliedClasses={appear:{},enter:{},exit:{}},t.onEnter=function(e,n){var r=t.resolveArguments(e,n),s=r[0],o=r[1];t.removeClasses(s,"exit"),t.addClass(s,o?"appear":"enter","base"),t.props.onEnter&&t.props.onEnter(e,n)},t.onEntering=function(e,n){var r=t.resolveArguments(e,n),s=r[0],o=r[1]?"appear":"enter";t.addClass(s,o,"active"),t.props.onEntering&&t.props.onEntering(e,n)},t.onEntered=function(e,n){var r=t.resolveArguments(e,n),s=r[0],o=r[1]?"appear":"enter";t.removeClasses(s,o),t.addClass(s,o,"done"),t.props.onEntered&&t.props.onEntered(e,n)},t.onExit=function(e){var n=t.resolveArguments(e)[0];t.removeClasses(n,"appear"),t.removeClasses(n,"enter"),t.addClass(n,"exit","base"),t.props.onExit&&t.props.onExit(e)},t.onExiting=function(e){var n=t.resolveArguments(e)[0];t.addClass(n,"exit","active"),t.props.onExiting&&t.props.onExiting(e)},t.onExited=function(e){var n=t.resolveArguments(e)[0];t.removeClasses(n,"exit"),t.addClass(n,"exit","done"),t.props.onExited&&t.props.onExited(e)},t.resolveArguments=function(e,n){return t.props.nodeRef?[t.props.nodeRef.current,e]:[e,n]},t.getClassNames=function(e){var n=t.props.classNames,r="string"==typeof n,s=r?""+(r&&n?n+"-":"")+e:n[e];return{baseClassName:s,activeClassName:r?s+"-active":n[e+"Active"],doneClassName:r?s+"-done":n[e+"Done"]}},t}d(t,e);var n=t.prototype;return n.addClass=function(e,t,n){var r=this.getClassNames(t)[n+"ClassName"],s=this.getClassNames("enter").doneClassName;"appear"===t&&"done"===n&&s&&(r+=" "+s),"active"===n&&e&&v(e),r&&(this.appliedClasses[t][n]=r,function(e,t){e&&t&&t.split(" ").forEach((function(t){return r=t,void((n=e).classList?n.classList.add(r):function(e,t){return e.classList?!!t&&e.classList.contains(t):-1!==(" "+(e.className.baseVal||e.className)+" ").indexOf(" "+t+" ")}(n,r)||("string"==typeof n.className?n.className=n.className+" "+r:n.setAttribute("class",(n.className&&n.className.baseVal||"")+" "+r)));var n,r}))}(e,r))},n.removeClasses=function(e,t){var n=this.appliedClasses[t],r=n.base,s=n.active,o=n.done;this.appliedClasses[t]={},r&&N(e,r),s&&N(e,s),o&&N(e,o)},n.render=function(){var e=this.props,t=(e.classNames,p(e,["classNames"]));return i().createElement(k,l({},t,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},t}(i().Component);D.defaultProps={classNames:""},D.propTypes={};const T=D;function O(e,t){var n=Object.create(null);return e&&a.Children.map(e,(function(e){return e})).forEach((function(e){n[e.key]=function(e){return t&&(0,a.isValidElement)(e)?t(e):e}(e)})),n}function V(e,t,n){return null!=n[t]?n[t]:e.props[t]}function F(e,t,n){var r=O(e.children),s=function(e,t){function n(n){return n in t?t[n]:e[n]}e=e||{},t=t||{};var r,s=Object.create(null),o=[];for(var a in e)a in t?o.length&&(s[a]=o,o=[]):o.push(a);var i={};for(var l in t){if(s[l])for(r=0;r<s[l].length;r++){var p=s[l][r];i[s[l][r]]=n(p)}i[l]=n(l)}for(r=0;r<o.length;r++)i[o[r]]=n(o[r]);return i}(t,r);return Object.keys(s).forEach((function(o){var i=s[o];if((0,a.isValidElement)(i)){var l=o in t,p=o in r,c=t[o],d=(0,a.isValidElement)(c)&&!c.props.in;!p||l&&!d?p||!l||d?p&&l&&(0,a.isValidElement)(c)&&(s[o]=(0,a.cloneElement)(i,{onExited:n.bind(null,i),in:c.props.in,exit:V(i,"exit",e),enter:V(i,"enter",e)})):s[o]=(0,a.cloneElement)(i,{in:!1}):s[o]=(0,a.cloneElement)(i,{onExited:n.bind(null,i),in:!0,exit:V(i,"exit",e),enter:V(i,"enter",e)})}})),s}var I=Object.values||function(e){return Object.keys(e).map((function(t){return e[t]}))},P=function(e){function t(t,n){var r,s=(r=e.call(this,t,n)||this).handleExited.bind(function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(r));return r.state={contextValue:{isMounting:!0},handleExited:s,firstRender:!0},r}d(t,e);var n=t.prototype;return n.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},n.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(e,t){var n,r,s=t.children,o=t.handleExited;return{children:t.firstRender?(n=e,r=o,O(n.children,(function(e){return(0,a.cloneElement)(e,{onExited:r.bind(null,e),in:!0,appear:V(e,"appear",n),enter:V(e,"enter",n),exit:V(e,"exit",n)})}))):F(e,s,o),firstRender:!1}},n.handleExited=function(e,t){var n=O(this.props.children);e.key in n||(e.props.onExited&&e.props.onExited(t),this.mounted&&this.setState((function(t){var n=l({},t.children);return delete n[e.key],{children:n}})))},n.render=function(){var e=this.props,t=e.component,n=e.childFactory,r=p(e,["component","childFactory"]),s=this.state.contextValue,o=I(this.state.children).map(n);return delete r.appear,delete r.enter,delete r.exit,null===t?i().createElement(g.Provider,{value:s},o):i().createElement(g.Provider,{value:s},i().createElement(t,r,o))},t}(i().Component);P.propTypes={},P.defaultProps={component:"div",childFactory:function(e){return e}};const R=P;var q=n(1211),A=n(4070),L=n(598),M=n.n(L),B=n(1693),z=n(543),j=n(8048),H=n(545),_=n(4469);class InlineStringEditor extends i().Component{static displayName="InlineStringEditor";static defaultProps={useIcons:!1,inputType:"text",maxLength:60,minLength:3,saveLabel:"Save",cancelLabel:"Cancel",size:"md"};inputRef=i().createRef();state={currentValue:this.props.value,isSaving:!1};componentDidMount(){this.inputRef?.current?.focus(),this.inputRef?.current?.select()}componentDidUpdate(e){e.value!==this.props.value&&this.setState({currentValue:this.props.value})}handleKeyDown=e=>{"Escape"!==e.key&&"Esc"!==e.key||this.handleCancel(),"textarea"!==this.props.inputType&&"Enter"===e.key&&(e.stopPropagation(),this.handleSave())};handleCancel=()=>{this.setState({currentValue:this.props.value}),this.props.onCancel()};handleSave=async()=>{this.isSaveDisabled()||(this.setState({isSaving:!0}),await this.props.onSave(this.state.currentValue),this.setState({isSaving:!1}))};handleTextChange=e=>{const t=e.target.value,n=this.props?.maxLength??0;t.length<=n&&(null!=this.props.onChange&&this.props.onChange(t),this.setState({currentValue:t}))};handleOptionChange=e=>{const t=this.props.options??[];for(const n of t)String(n.value)===String(e)&&(null!=this.props.onChange&&this.props.onChange(n),this.setState({currentValue:n}))};isSaveDisabled(){return null!=this.props.getIsSaveDisabled?this.props.getIsSaveDisabled(this.state.currentValue):null!=this.props.getError&&null!=this.props.getError(this.state.currentValue)||(null==this.props.onChange&&this.state.currentValue===this.props.value||"string"==typeof this.state.currentValue&&this.state.currentValue.length<this.props.minLength)}renderHelp(){return null==this.props.help?null:i().createElement(M(),{appear:!0,in:!0},i().createElement(j.Form.Help,null,this.props.help))}renderError(){if(null==this.props.getError)return null;const e=this.props.getError(this.state.currentValue);return null==e?null:i().createElement(M(),{appear:!0,in:!0},i().createElement(j.Form.Control.FeedBack,{type:"invalid"},e))}renderInput(){if(null!=this.props.options&&this.props.options.length>0){const e=null!=this.state.currentValue?this.state.currentValue.value:"";return i().createElement(_.SelectDropdown,{className:"inline-dropdown-select flex-grow-1",size:this.props.size,selected:String(e),placeholder:this.props.placeholder,onSelect:this.handleOptionChange,disabled:this.state.isSaving,onKeyDown:this.handleKeyDown,options:this.props.options,isInvalid:null!=this.renderError()})}const e="textarea"===this.props.inputType;return i().createElement(H.M,{className:"flex-grow-1",ref:this.inputRef,size:this.props.size,as:e?this.props.inputType:void 0,type:e?void 0:this.props.inputType,value:this.state.currentValue??"",placeholder:this.props.placeholder,disabled:this.state.isSaving,rows:this.props.rows,onChange:this.handleTextChange,onKeyDown:this.handleKeyDown,isInvalid:null!=this.renderError()})}renderCancelButton(){const e={onClick:this.handleCancel,variant:"secondary",disabled:this.state.isSaving,size:this.props.size,className:"inline-string-editor-cancel"};return!0===this.props.useIcons?i().createElement(A.Button,{icon:z.faTimes,...e}):i().createElement(A.Button,{...e},this.props.cancelLabel)}renderSaveButton(){const e={onClick:this.handleSave,variant:"primary",disabled:this.isSaveDisabled()||this.state.isSaving,size:this.props.size,className:"inline-string-editor-save"};return!0===this.props.useIcons?i().createElement(A.Button,{icon:B.faCheck,...e}):i().createElement(A.Button,{...e},this.props.saveLabel)}render(){const e=o()("inline-string-editor w-100",this.props.className);return i().createElement("div",{className:e},i().createElement("div",{className:"d-flex gap-2"},this.renderInput(),this.renderCancelButton(),this.renderSaveButton()),this.renderError(),this.renderHelp())}}class EditableString extends i().PureComponent{static displayName="EditableString";state={isEditing:!1,currentValue:this.props.value,containerHeight:void 0};viewContainerRef=i().createRef();componentDidMount(){this.updateContainerHeight()}componentDidUpdate(e){e.value!==this.props.value&&this.setState({currentValue:this.props.value}),this.updateContainerHeight()}updateContainerHeight=()=>{const e=this.state.isEditing?void 0:this.viewContainerRef.current?.offsetHeight;this.setState({containerHeight:e})};handleClick=()=>{this.state.isEditing||this.setState({isEditing:!0})};handleCancel=()=>{this.setState({isEditing:!1,currentValue:this.props.value}),null!=this.props.onCancel&&this.props.onCancel()};handleSave=async e=>{this.state.isEditing&&(await this.props.onSave(e),setTimeout((()=>this.setState({isEditing:!1})),10))};handleChange=e=>{null==this.props.onChange?this.setState({currentValue:e}):this.props.onChange(e)};renderEditingContent(){return i().createElement(T,{classNames:"editable-string",timeout:{enter:400,exit:400},key:"editing"},i().createElement("div",{className:"editable-string-editing w-100"},i().createElement(InlineStringEditor,{value:this.state.currentValue,placeholder:this.props.placeholder,onCancel:this.handleCancel,onSave:this.handleSave,onChange:this.handleChange,useIcons:this.props.useIcons,minLength:this.props.minLength,maxLength:this.props.maxLength,getIsSaveDisabled:this.props.getIsSaveDisabled,options:this.props.options,inputType:this.props.inputType,rows:this.props.rows,getError:this.props.getError,help:this.props.help})))}renderShownValue(){const{value:e,shownValue:t}=this.props;return null!=t?t:null==e?null:"string"==typeof e?e:e.label}renderContent(){if(this.state.isEditing)return this.renderEditingContent();const e=o()({placeholder:(0,q.isStringEmpty)(this.props.value?.toString())},"editable-string-viewing w-100");return i().createElement(T,{classNames:"editable-string",timeout:{enter:400,exit:400},key:"viewing"},i().createElement("div",{className:e,ref:this.viewContainerRef,onClick:this.handleClick},this.renderShownValue()||this.props.placeholder,i().createElement(A.Button,{icon:r.faPencil,className:"edit-icon",variant:"tertiary"})))}render(){const e=o()(this.props.className,"editable-string-container"),t={height:this.state.containerHeight};return i().createElement(R,{className:e,style:t},this.renderContent())}}},1120:(e,t,n)=>{n.d(t,{l:()=>m});var r=n(9155),s=n.n(r),o=n(992),a=n.n(o),i=n(1759),l=n.n(i),p=n(3048),c=n(545),d=n(2039),u=n(8867),h=n(9125);const m=e=>{const t=a()(e?.className,"atoka-form");return s().createElement(l(),{...e,className:t},e.children)};m.displayName="Form",m.Control=c.M,m.Label=p.l,m.Checkbox=d.c,m.Radio=u.M,m.Switch=l().Switch,m.Help=h.W,m.Group=l().Group},2039:(e,t,n)=>{n.d(t,{c:()=>p});var r=n(9155),s=n.n(r),o=n(992),a=n.n(o),i=n(1759),l=n.n(i);const p=e=>{const t=a()("atoka-form-checkbox",e?.className);return s().createElement(l().Check,{type:"checkbox",...e,className:t,label:e.label??""})};p.displayName="FormCheckbox"},545:(e,t,n)=>{n.d(t,{M:()=>d});var r=n(9155),s=n.n(r),o=n(992),a=n.n(o),i=n(9852),l=n.n(i),p=n(5344);const c=s().forwardRef((({size:e="md",...t},n)=>{const r=a()("atoka-form-control",t?.className,{disabled:t.disabled});return s().createElement(l(),{as:t.as,rows:t.rows,cols:t.cols,placeholder:t.placeholder,className:r,disabled:t.disabled,readOnly:t.readOnly,value:t.value,onChange:t.onChange,onKeyPress:t.onKeyPress,onKeyDown:t.onKeyDown,onFocus:t.onFocus,defaultValue:t.defaultValue,size:"md"===e?void 0:e,type:t.type,id:t.id,isValid:t.isValid,isInvalid:t.isInvalid,ref:n,autoComplete:"off"},t.children)}));c.displayName="FormControlComponent";const d=c;d.FeedBack=p.B,d.displayName="FormControl"},5344:(e,t,n)=>{n.d(t,{B:()=>p});var r=n(9155),s=n.n(r),o=n(992),a=n.n(o),i=n(9852),l=n.n(i);const p=s().memo((({show:e=!0,...t})=>{const n=a()(t?.className,"atoka-form-control-feedback",{"d-block":e});return s().createElement(l().Feedback,{type:t.type,className:n},t.children)}));p.displayName="FormControlFeedBack"},9125:(e,t,n)=>{n.d(t,{W:()=>p});var r=n(7452),s=n.n(r),o=n(9155),a=n.n(o),i=n(992),l=n.n(i);const p=a().memo((({children:e,...t})=>{const n=l()("d-block",t?.className);return a().createElement(s(),{bsPrefix:"atoka-form-help",className:n},e)}));p.displayName="FormHelp"},3048:(e,t,n)=>{n.d(t,{l:()=>p});var r=n(9155),s=n.n(r),o=n(992),a=n.n(o),i=n(1759),l=n.n(i);const p=s().memo((e=>{const t=a()(e?.className,"atoka-form-label");return s().createElement(l().Label,{className:t},e.children)}));p.displayName="FormLabel"},8867:(e,t,n)=>{n.d(t,{M:()=>p});var r=n(9155),s=n.n(r),o=n(992),a=n.n(o),i=n(1759),l=n.n(i);const p=e=>{const t=a()(e?.className,"atoka-form-radio");return s().createElement(l().Check,{type:"radio",...e,className:t,label:e.label??""})};p.displayName="FormRadio"},8048:(e,t,n)=>{n.d(t,{Form:()=>r.l});var r=n(1120)},4469:(e,t,n)=>{n.d(t,{SelectDropdown:()=>SelectDropdown});var r=n(9155),s=n.n(r),o=n(3084),a=n.n(o),i=n(992),l=n.n(i),p=n(397);class SelectDropdown extends s().PureComponent{static displayName="SelectDropdown";static defaultProps={size:"md",placeholder:"--",direction:"down"};renderOptions(){return this.props.options.map(this.renderItem)}renderItem=e=>{const t=`${e.value}`;return e.isDivider?s().createElement(p.Dropdown.Divider,{key:t}):s().createElement(p.Dropdown.Item,{key:t,disabled:e.disabled,eventKey:t},this.props.renderValue?.(e)??e.label)};renderSelectedValue(){const e=s().createElement("span",{className:"placeholder"},this.props.placeholder);if(null==this.props.selected)return e;const t=this.props.options.find((e=>e.value===this.props.selected));return null==t?e:this.props.renderSelectedValue?.(t)??t.label}get popperConfig(){if(this.props.isFixed)return{strategy:"fixed",modifiers:[{name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:({state:e})=>{e.styles.popper.width=`${e.rects.reference.width}px`},effect:({state:e})=>{const t=e.elements.reference;e.elements.popper.style.width=`${t.offsetWidth}px`}}]}}render(){const e=l()("atoka-select-dropdown",this.props.className,this.props.size,{"is-invalid":this.props.isInvalid}),t=l()("atoka-select-dropdown-menu",this.props.size,this.props.menuClassName);return s().createElement(p.Dropdown,{onSelect:this.props.onSelect,className:e,drop:this.props.direction},s().createElement(p.Dropdown.Toggle,{disabled:this.props.disabled,as:p.AtokaCustomDropdownToggleWithChevron},s().createElement("span",{className:"dropdown-toggle-text-container"},this.renderSelectedValue())),s().createElement(a().Menu,{className:t,flip:!1,popperConfig:this.popperConfig},this.renderOptions()))}}},3392:(e,t,n)=>{n(862)},7898:(e,t,n)=>{new Proxy({},{get:(e,t)=>function(e){try{return getComputedStyle(document.body).getPropertyValue(e)}catch(t){return console.error("Error while trying to extract color from css variable:",e,t),"red"}}(`--atoka_colors_${t}`)})},5700:(e,t,n)=>{function r(e){if(null==e)return!0;try{return null!==e.match(/^\s*$/)}catch(e){return!0}}n.d(t,{ZS:()=>r})},862:(e,t,n)=>{n(6889),n(9155),n(1120)},1211:(e,t,n)=>{n.d(t,{isStringEmpty:()=>r.ZS});n(3392),n(862);var r=n(5700);n(7898)},1693:t=>{t.exports=e},4806:e=>{e.exports=t},543:e=>{e.exports=n},7638:e=>{e.exports=r},3316:e=>{e.exports=s},6889:e=>{e.exports=o},992:e=>{e.exports=a},9155:e=>{e.exports=i},9861:e=>{e.exports=l},598:e=>{e.exports=p},3084:e=>{e.exports=c},1759:e=>{e.exports=d},9852:e=>{e.exports=u},7452:e=>{e.exports=h},9514:e=>{e.exports=m}},v={};function E(e){var t=v[e];if(void 0!==t)return t.exports;var n=v[e]={exports:{}};return g[e](n,n.exports,E),n.exports}E.m=g,f=[],E.O=(e,t,n,r)=>{if(!t){var s=1/0;for(l=0;l<f.length;l++){for(var[t,n,r]=f[l],o=!0,a=0;a<t.length;a++)(!1&r||s>=r)&&Object.keys(E.O).every((e=>E.O[e](t[a])))?t.splice(a--,1):(o=!1,r<s&&(s=r));if(o){f.splice(l--,1);var i=n();void 0!==i&&(e=i)}}return e}r=r||0;for(var l=f.length;l>0&&f[l-1][2]>r;l--)f[l]=f[l-1];f[l]=[t,n,r]},E.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return E.d(t,{a:t}),t},E.d=(e,t)=>{for(var n in t)E.o(t,n)&&!E.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},E.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),E.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={809:0,1585:0,3626:0,5229:0,6156:0,525:0};E.O.j=t=>0===e[t];var t=(t,n)=>{var r,s,[o,a,i]=n,l=0;if(o.some((t=>0!==e[t]))){for(r in a)E.o(a,r)&&(E.m[r]=a[r]);if(i)var p=i(E)}for(t&&t(n);l<o.length;l++)s=o[l],E.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return E.O(p)},n=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})();var C=E.O(void 0,[525],(()=>E(8971)));return C=E.O(C)})()));

package/EllipsableContent/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/OverlayTrigger")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-bootstrap/OverlayTrigger"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/OverlayTrigger")):e["atoka-design-system"]=t(e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-bootstrap/OverlayTrigger"])}(self,((e,t,o,r,a,n,l)=>(()=>{"use strict";var s,c={3250:(e,t,o)=>{o.r(t),o.d(t,{EllipsableContent:()=>EllipsableContent});var r=o(992),a=o.n(r),n=o(9155),l=o.n(n),s=o(1414),c=o(862);const i=e=>l().createElement("div",{className:"ellipsable-content-prepend"},e.children);i.displayName="EllipsableContent.Prepend";const p=e=>l().createElement("div",{className:"ellipsable-content-append"},e.children);p.displayName="EllipsableContent.Append";const u=e=>{const t=l().createElement("div",{className:"ellipsable-content-content"},e.children);return null==e.tooltip?t:l().createElement(s.Tooltip,{...e.tooltipProps,content:e.tooltip},t)};u.displayName="EllipsableContent.Content";class EllipsableContent extends l().PureComponent{static displayName="EllipsableContent";static Prepend=i;static Append=p;static Content=u;renderFullContent(){const e=(0,c.Ep)(this.props.children,EllipsableContent.Prepend);let t=(0,c.Ep)(this.props.children,EllipsableContent.Content);const o=(0,c.Ep)(this.props.children,EllipsableContent.Append);return null!=t||null==e&&null==o?(null==t&&(t=l().createElement(EllipsableContent.Content,null,this.props.children)),null!=this.props.tooltip&&(t=l().createElement(t.type,{...t.props,tooltip:this.props.tooltip,tooltipProps:this.props.tooltipProps})),l().createElement(l().Fragment,null,e,t,o)):(console.error("You must set a .Content alongside the .Append or .Prepend"),null)}render(){const e=a()("ellipsable-content-container align-items-center",this.props.className,{"ellipsable-with-tooltip":null!=this.props.tooltip}),t=this.renderFullContent();return null==t?null:l().createElement("div",{className:e,style:this.props.style},t)}}},1120:(e,t,o)=>{var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(1759),c=o.n(s),i=o(3048),p=o(545),u=o(2039),d=o(8867),m=o(9125);const b=e=>{const t=l()(e?.className,"atoka-form");return a().createElement(c(),{...e,className:t},e.children)};b.displayName="Form",b.Control=p.M,b.Label=i.l,b.Checkbox=u.c,b.Radio=d.M,b.Switch=c().Switch,b.Help=m.W,b.Group=c().Group},2039:(e,t,o)=>{o.d(t,{c:()=>i});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(1759),c=o.n(s);const i=e=>{const t=l()("atoka-form-checkbox",e?.className);return a().createElement(c().Check,{type:"checkbox",...e,className:t,label:e.label??""})};i.displayName="FormCheckbox"},545:(e,t,o)=>{o.d(t,{M:()=>u});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(9852),c=o.n(s),i=o(5344);const p=a().forwardRef((({size:e="md",...t},o)=>{const r=l()("atoka-form-control",t?.className,{disabled:t.disabled});return a().createElement(c(),{as:t.as,rows:t.rows,cols:t.cols,placeholder:t.placeholder,className:r,disabled:t.disabled,readOnly:t.readOnly,value:t.value,onChange:t.onChange,onKeyPress:t.onKeyPress,onKeyDown:t.onKeyDown,onFocus:t.onFocus,defaultValue:t.defaultValue,size:"md"===e?void 0:e,type:t.type,id:t.id,isValid:t.isValid,isInvalid:t.isInvalid,ref:o,autoComplete:"off"},t.children)}));p.displayName="FormControlComponent";const u=p;u.FeedBack=i.B,u.displayName="FormControl"},5344:(e,t,o)=>{o.d(t,{B:()=>i});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(9852),c=o.n(s);const i=a().memo((({show:e=!0,...t})=>{const o=l()(t?.className,"atoka-form-control-feedback",{"d-block":e});return a().createElement(c().Feedback,{type:t.type,className:o},t.children)}));i.displayName="FormControlFeedBack"},9125:(e,t,o)=>{o.d(t,{W:()=>i});var r=o(7452),a=o.n(r),n=o(9155),l=o.n(n),s=o(992),c=o.n(s);const i=l().memo((({children:e,...t})=>{const o=c()("d-block",t?.className);return l().createElement(a(),{bsPrefix:"atoka-form-help",className:o},e)}));i.displayName="FormHelp"},3048:(e,t,o)=>{o.d(t,{l:()=>i});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(1759),c=o.n(s);const i=a().memo((e=>{const t=l()(e?.className,"atoka-form-label");return a().createElement(c().Label,{className:t},e.children)}));i.displayName="FormLabel"},8867:(e,t,o)=>{o.d(t,{M:()=>i});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(1759),c=o.n(s);const i=e=>{const t=l()(e?.className,"atoka-form-radio");return a().createElement(c().Check,{type:"radio",...e,className:t,label:e.label??""})};i.displayName="FormRadio"},1414:(e,t,o)=>{o.d(t,{Tooltip:()=>i});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(9065),c=o.n(s);const i=a().memo((e=>{const[t,o]=(0,r.useState)(!1),[n,s]=(0,r.useState)(!1),[i,p]=(0,r.useState)(!1),u=(0,r.useRef)(void 0),d=(0,r.useRef)(void 0),m=(0,r.useRef)(null);m.current||(m.current=document.querySelector(".bs4-v3-external-container"));const b=e.placement??"top",h=l()("tooltip atoka-tooltip",e.className,`${b} bs-tooltip-${b}`),{onToggle:f,delay:y,trigger:v=["hover","focus","click"]}=e,C=(0,r.useMemo)((()=>Array.isArray(v)?v:[v]),[v]),k=C.includes("hover"),E=C.includes("focus"),N=C.includes("click"),g=(0,r.useMemo)((()=>"object"==typeof y?y:{show:y||0,hide:y||0}),[y]),w=void 0!==e.show?e.show:k&&t||E&&n||N&&i,F=(0,r.useCallback)((()=>{clearTimeout(u.current),u.current=void 0}),[]),x=(0,r.useCallback)((()=>{clearTimeout(d.current),d.current=void 0}),[]),T=(0,r.useCallback)((()=>{F(),x()}),[F,x]),O=(0,r.useCallback)((e=>{e||k&&t||E&&n||p(!1),f?.(e)}),[f,t,n,k,E]),P=e.children,q=(0,r.useCallback)((e=>{k&&(F(),g.show?u.current=setTimeout((()=>{o(!0)}),g.show):o(!0)),P.props?.onMouseEnter?.(e)}),[P,g.show,F,k]),M=(0,r.useCallback)((e=>{k&&(F(),g.hide?u.current=setTimeout((()=>{o(!1)}),g.hide):o(!1)),P.props?.onMouseLeave?.(e)}),[P,g.hide,F,k]),S=(0,r.useCallback)((e=>{E&&(x(),g.show?d.current=setTimeout((()=>{s(!0)}),g.show):s(!0)),P.props?.onFocus?.(e)}),[P,g.show,x,E]),j=(0,r.useCallback)((e=>{E&&(x(),g.hide?d.current=setTimeout((()=>{s(!1)}),g.hide):s(!1)),P.props?.onBlur?.(e)}),[P,g.hide,x,E]),_=(0,r.useCallback)((e=>{N&&(T(),p((e=>!e))),P.props?.onClick?.(e)}),[P,T,N]);(0,r.useEffect)((()=>()=>{T()}),[T]);const{content:A,...B}=e,R=(0,r.useCallback)((({...e})=>{const{show:t,style:o,ref:r,...n}=e,s=l()(h,{show:t});return a().createElement("div",{...n,ref:r,className:s,role:"tooltip",style:o,onMouseDown:e=>{e.stopPropagation()}},a().createElement("div",{className:"tooltip-inner"},A))}),[A,h]),L=(0,r.useCallback)((e=>a().cloneElement(P,{...e,onMouseEnter:q,onMouseLeave:M,onFocus:S,onBlur:j,onClick:_})),[P,q,M,S,j,_]);return a().createElement(c(),{...B,show:w,onToggle:O,container:m.current,overlay:R,rootClose:!0},L)}));i.displayName="Tooltip"},862:(e,t,o)=>{o.d(t,{Ep:()=>n});o(6889);var r=o(9155),a=o.n(r);o(1120);function n(e,t){return function(e,t){const o=[];return a().Children.forEach(e,(e=>{e?.type===t&&o.push(e)})),o}(e,t)?.[0]??null}},6889:t=>{t.exports=e},992:e=>{e.exports=t},9155:e=>{e.exports=o},1759:e=>{e.exports=r},9852:e=>{e.exports=a},7452:e=>{e.exports=n},9065:e=>{e.exports=l}},i={};function p(e){var t=i[e];if(void 0!==t)return t.exports;var o=i[e]={exports:{}};return c[e](o,o.exports,p),o.exports}p.m=c,s=[],p.O=(e,t,o,r)=>{if(!t){var a=1/0;for(i=0;i<s.length;i++){for(var[t,o,r]=s[i],n=!0,l=0;l<t.length;l++)(!1&r||a>=r)&&Object.keys(p.O).every((e=>p.O[e](t[l])))?t.splice(l--,1):(n=!1,r<a&&(a=r));if(n){s.splice(i--,1);var c=o();void 0!==c&&(e=c)}}return e}r=r||0;for(var i=s.length;i>0&&s[i-1][2]>r;i--)s[i]=s[i-1];s[i]=[t,o,r]},p.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return p.d(t,{a:t}),t},p.d=(e,t)=>{for(var o in t)p.o(t,o)&&!p.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},p.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),p.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={5545:0,6808:0,9216:0};p.O.j=t=>0===e[t];var t=(t,o)=>{var r,a,[n,l,s]=o,c=0;if(n.some((t=>0!==e[t]))){for(r in l)p.o(l,r)&&(p.m[r]=l[r]);if(s)var i=s(p)}for(t&&t(o);c<n.length;c++)a=n[c],p.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return p.O(i)},o=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var u=p.O(void 0,[9216],(()=>p(3250)));return u=p.O(u)})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/OverlayTrigger")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-bootstrap/OverlayTrigger"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/OverlayTrigger")):e["atoka-design-system"]=t(e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-bootstrap/OverlayTrigger"])}(self,((e,t,o,r,a,n,l)=>(()=>{"use strict";var s,c={3250:(e,t,o)=>{o.r(t),o.d(t,{EllipsableContent:()=>EllipsableContent});var r=o(992),a=o.n(r),n=o(9155),l=o.n(n),s=o(1414),c=o(862);const i=e=>l().createElement("div",{className:"ellipsable-content-prepend"},e.children);i.displayName="EllipsableContent.Prepend";const p=e=>l().createElement("div",{className:"ellipsable-content-append"},e.children);p.displayName="EllipsableContent.Append";const u=e=>{const t=l().createElement("div",{className:"ellipsable-content-content"},e.children);return null==e.tooltip?t:l().createElement(s.Tooltip,{...e.tooltipProps,content:e.tooltip},t)};u.displayName="EllipsableContent.Content";class EllipsableContent extends l().PureComponent{static displayName="EllipsableContent";static Prepend=i;static Append=p;static Content=u;renderFullContent(){const e=(0,c.Ep)(this.props.children,EllipsableContent.Prepend);let t=(0,c.Ep)(this.props.children,EllipsableContent.Content);const o=(0,c.Ep)(this.props.children,EllipsableContent.Append);return null!=t||null==e&&null==o?(null==t&&(t=l().createElement(EllipsableContent.Content,null,this.props.children)),null!=this.props.tooltip&&(t=l().createElement(t.type,{...t.props,tooltip:this.props.tooltip,tooltipProps:this.props.tooltipProps})),l().createElement(l().Fragment,null,e,t,o)):(console.error("You must set a .Content alongside the .Append or .Prepend"),null)}render(){const e=a()("ellipsable-content-container align-items-center",this.props.className,{"ellipsable-with-tooltip":null!=this.props.tooltip}),t=this.renderFullContent();return null==t?null:l().createElement("div",{className:e,style:this.props.style},t)}}},1120:(e,t,o)=>{var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(1759),c=o.n(s),i=o(3048),p=o(545),u=o(2039),d=o(8867),m=o(9125);const b=e=>{const t=l()(e?.className,"atoka-form");return a().createElement(c(),{...e,className:t},e.children)};b.displayName="Form",b.Control=p.M,b.Label=i.l,b.Checkbox=u.c,b.Radio=d.M,b.Switch=c().Switch,b.Help=m.W,b.Group=c().Group},2039:(e,t,o)=>{o.d(t,{c:()=>i});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(1759),c=o.n(s);const i=e=>{const t=l()("atoka-form-checkbox",e?.className);return a().createElement(c().Check,{type:"checkbox",...e,className:t,label:e.label??""})};i.displayName="FormCheckbox"},545:(e,t,o)=>{o.d(t,{M:()=>u});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(9852),c=o.n(s),i=o(5344);const p=a().forwardRef((({size:e="md",...t},o)=>{const r=l()("atoka-form-control",t?.className,{disabled:t.disabled});return a().createElement(c(),{as:t.as,rows:t.rows,cols:t.cols,placeholder:t.placeholder,className:r,disabled:t.disabled,readOnly:t.readOnly,value:t.value,onChange:t.onChange,onKeyPress:t.onKeyPress,onKeyDown:t.onKeyDown,onFocus:t.onFocus,defaultValue:t.defaultValue,size:"md"===e?void 0:e,type:t.type,id:t.id,isValid:t.isValid,isInvalid:t.isInvalid,ref:o,autoComplete:"off"},t.children)}));p.displayName="FormControlComponent";const u=p;u.FeedBack=i.B,u.displayName="FormControl"},5344:(e,t,o)=>{o.d(t,{B:()=>i});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(9852),c=o.n(s);const i=a().memo((({show:e=!0,...t})=>{const o=l()(t?.className,"atoka-form-control-feedback",{"d-block":e});return a().createElement(c().Feedback,{type:t.type,className:o},t.children)}));i.displayName="FormControlFeedBack"},9125:(e,t,o)=>{o.d(t,{W:()=>i});var r=o(7452),a=o.n(r),n=o(9155),l=o.n(n),s=o(992),c=o.n(s);const i=l().memo((({children:e,...t})=>{const o=c()("d-block",t?.className);return l().createElement(a(),{bsPrefix:"atoka-form-help",className:o},e)}));i.displayName="FormHelp"},3048:(e,t,o)=>{o.d(t,{l:()=>i});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(1759),c=o.n(s);const i=a().memo((e=>{const t=l()(e?.className,"atoka-form-label");return a().createElement(c().Label,{className:t},e.children)}));i.displayName="FormLabel"},8867:(e,t,o)=>{o.d(t,{M:()=>i});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(1759),c=o.n(s);const i=e=>{const t=l()(e?.className,"atoka-form-radio");return a().createElement(c().Check,{type:"radio",...e,className:t,label:e.label??""})};i.displayName="FormRadio"},1414:(e,t,o)=>{o.d(t,{Tooltip:()=>i});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(9065),c=o.n(s);const i=a().memo((e=>{const[t,o]=(0,r.useState)(!1),[n,s]=(0,r.useState)(!1),[i,p]=(0,r.useState)(!1),u=(0,r.useRef)(void 0),d=(0,r.useRef)(void 0),m=(0,r.useRef)(null);m.current||(m.current=document.querySelector(".bs4-v3-external-container"));const b=e.placement??"top",h=l()("tooltip atoka-tooltip",e.className,`${b} bs-tooltip-${b}`),{onToggle:f,delay:y,trigger:v=["hover","focus","click"]}=e,C=(0,r.useMemo)((()=>Array.isArray(v)?v:[v]),[v]),k=C.includes("hover"),E=C.includes("focus"),N=C.includes("click"),g=(0,r.useMemo)((()=>"object"==typeof y?y:{show:y||0,hide:y||0}),[y]),w=void 0!==e.show?e.show:k&&t||E&&n||N&&i,F=(0,r.useCallback)((()=>{clearTimeout(u.current),u.current=void 0}),[]),x=(0,r.useCallback)((()=>{clearTimeout(d.current),d.current=void 0}),[]),T=(0,r.useCallback)((()=>{F(),x()}),[F,x]),O=(0,r.useCallback)((e=>{e||k&&t||E&&n||p(!1),f?.(e)}),[f,t,n,k,E]),P=e.children,q=(0,r.useCallback)((e=>{k&&(F(),g.show?u.current=setTimeout((()=>{o(!0)}),g.show):o(!0)),P.props?.onMouseEnter?.(e)}),[P,g.show,F,k]),M=(0,r.useCallback)((e=>{k&&(F(),g.hide?u.current=setTimeout((()=>{o(!1)}),g.hide):o(!1)),P.props?.onMouseLeave?.(e)}),[P,g.hide,F,k]),S=(0,r.useCallback)((e=>{E&&(x(),g.show?d.current=setTimeout((()=>{s(!0)}),g.show):s(!0)),P.props?.onFocus?.(e)}),[P,g.show,x,E]),j=(0,r.useCallback)((e=>{E&&(x(),g.hide?d.current=setTimeout((()=>{s(!1)}),g.hide):s(!1)),P.props?.onBlur?.(e)}),[P,g.hide,x,E]),_=(0,r.useCallback)((e=>{N&&(T(),p((e=>!e))),P.props?.onClick?.(e)}),[P,T,N]);(0,r.useEffect)((()=>()=>{T()}),[T]);const{content:A,...B}=e,R=(0,r.useCallback)((({...e})=>{const{show:t,style:o,ref:r,...n}=e,s=l()(h,{show:t});return a().createElement("div",{...n,ref:r,className:s,role:"tooltip",style:o,onMouseDown:e=>{e.stopPropagation()}},a().createElement("div",{className:"tooltip-inner"},A))}),[A,h]),L=(0,r.useCallback)((e=>a().cloneElement(P,{...e,onMouseEnter:q,onMouseLeave:M,onFocus:S,onBlur:j,onClick:_})),[P,q,M,S,j,_]);return a().createElement(c(),{...B,show:w,onToggle:O,container:m.current,overlay:R,rootClose:!0},L)}));i.displayName="Tooltip"},862:(e,t,o)=>{o.d(t,{Ep:()=>n});o(6889);var r=o(9155),a=o.n(r);o(1120);function n(e,t){return function(e,t){const o=[];return a().Children.forEach(e,(e=>{e?.type===t&&o.push(e)})),o}(e,t)?.[0]??null}},6889:t=>{t.exports=e},992:e=>{e.exports=t},9155:e=>{e.exports=o},1759:e=>{e.exports=r},9852:e=>{e.exports=a},7452:e=>{e.exports=n},9065:e=>{e.exports=l}},i={};function p(e){var t=i[e];if(void 0!==t)return t.exports;var o=i[e]={exports:{}};return c[e](o,o.exports,p),o.exports}p.m=c,s=[],p.O=(e,t,o,r)=>{if(!t){var a=1/0;for(i=0;i<s.length;i++){for(var[t,o,r]=s[i],n=!0,l=0;l<t.length;l++)(!1&r||a>=r)&&Object.keys(p.O).every((e=>p.O[e](t[l])))?t.splice(l--,1):(n=!1,r<a&&(a=r));if(n){s.splice(i--,1);var c=o();void 0!==c&&(e=c)}}return e}r=r||0;for(var i=s.length;i>0&&s[i-1][2]>r;i--)s[i]=s[i-1];s[i]=[t,o,r]},p.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return p.d(t,{a:t}),t},p.d=(e,t)=>{for(var o in t)p.o(t,o)&&!p.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},p.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),p.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={5545:0,6808:0,525:0};p.O.j=t=>0===e[t];var t=(t,o)=>{var r,a,[n,l,s]=o,c=0;if(n.some((t=>0!==e[t]))){for(r in l)p.o(l,r)&&(p.m[r]=l[r]);if(s)var i=s(p)}for(t&&t(o);c<n.length;c++)a=n[c],p.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return p.O(i)},o=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var u=p.O(void 0,[525],(()=>p(3250)));return u=p.O(u)})()));

package/EmptyState/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/pro-light-svg-icons/faEmptySet"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/pro-light-svg-icons/faEmptySet","@fortawesome/react-fontawesome","classnames","react"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/pro-light-svg-icons/faEmptySet"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react")):e["atoka-design-system"]=t(e["@fortawesome/pro-light-svg-icons/faEmptySet"],e["@fortawesome/react-fontawesome"],e.classnames,e.react)}(self,((e,t,r,o)=>(()=>{"use strict";var a,s={7869:(e,t,r)=>{r.r(t),r.d(t,{EmptyState:()=>EmptyState});var o=r(9155),a=r.n(o),s=r(6889),n=r(8852),i=r(992),m=r.n(i);class EmptyState extends a().PureComponent{static displayName="EmptyState";render(){return a().createElement("div",{className:m()("atoka-empty-state",this.props.className)},a().createElement("div",{className:"mb-2"},a().createElement(s.FontAwesomeIcon,{icon:n.faEmptySet})),this.props.children)}}},8852:t=>{t.exports=e},6889:e=>{e.exports=t},992:e=>{e.exports=r},9155:e=>{e.exports=o}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return s[e](r,r.exports,i),r.exports}i.m=s,a=[],i.O=(e,t,r,o)=>{if(!t){var s=1/0;for(f=0;f<a.length;f++){for(var[t,r,o]=a[f],n=!0,m=0;m<t.length;m++)(!1&o||s>=o)&&Object.keys(i.O).every((e=>i.O[e](t[m])))?t.splice(m--,1):(n=!1,o<s&&(s=o));if(n){a.splice(f--,1);var p=r();void 0!==p&&(e=p)}}return e}o=o||0;for(var f=a.length;f>0&&a[f-1][2]>o;f--)a[f]=a[f-1];a[f]=[t,r,o]},i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={6800:0,9216:0};i.O.j=t=>0===e[t];var t=(t,r)=>{var o,a,[s,n,m]=r,p=0;if(s.some((t=>0!==e[t]))){for(o in n)i.o(n,o)&&(i.m[o]=n[o]);if(m)var f=m(i)}for(t&&t(r);p<s.length;p++)a=s[p],i.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return i.O(f)},r=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var m=i.O(void 0,[9216],(()=>i(7869)));return m=i.O(m)})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/pro-light-svg-icons/faEmptySet"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/pro-light-svg-icons/faEmptySet","@fortawesome/react-fontawesome","classnames","react"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/pro-light-svg-icons/faEmptySet"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react")):e["atoka-design-system"]=t(e["@fortawesome/pro-light-svg-icons/faEmptySet"],e["@fortawesome/react-fontawesome"],e.classnames,e.react)}(self,((e,t,r,o)=>(()=>{"use strict";var a,s={7869:(e,t,r)=>{r.r(t),r.d(t,{EmptyState:()=>EmptyState});var o=r(9155),a=r.n(o),s=r(6889),n=r(8852),i=r(992),m=r.n(i);class EmptyState extends a().PureComponent{static displayName="EmptyState";render(){return a().createElement("div",{className:m()("atoka-empty-state",this.props.className)},a().createElement("div",{className:"mb-2"},a().createElement(s.FontAwesomeIcon,{icon:n.faEmptySet})),this.props.children)}}},8852:t=>{t.exports=e},6889:e=>{e.exports=t},992:e=>{e.exports=r},9155:e=>{e.exports=o}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return s[e](r,r.exports,i),r.exports}i.m=s,a=[],i.O=(e,t,r,o)=>{if(!t){var s=1/0;for(f=0;f<a.length;f++){for(var[t,r,o]=a[f],n=!0,m=0;m<t.length;m++)(!1&o||s>=o)&&Object.keys(i.O).every((e=>i.O[e](t[m])))?t.splice(m--,1):(n=!1,o<s&&(s=o));if(n){a.splice(f--,1);var p=r();void 0!==p&&(e=p)}}return e}o=o||0;for(var f=a.length;f>0&&a[f-1][2]>o;f--)a[f]=a[f-1];a[f]=[t,r,o]},i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={6800:0,525:0};i.O.j=t=>0===e[t];var t=(t,r)=>{var o,a,[s,n,m]=r,p=0;if(s.some((t=>0!==e[t]))){for(o in n)i.o(n,o)&&(i.m[o]=n[o]);if(m)var f=m(i)}for(t&&t(r);p<s.length;p++)a=s[p],i.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return i.O(f)},r=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var m=i.O(void 0,[525],(()=>i(7869)));return m=i.O(m)})()));

package/Expandable/index.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o(require("@fortawesome/pro-light-svg-icons/faChevronDown"),require("@fortawesome/pro-light-svg-icons/faChevronUp"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/Modal")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/pro-light-svg-icons/faChevronDown","@fortawesome/pro-light-svg-icons/faChevronUp","@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-bootstrap/Modal"],o):"object"==typeof exports?exports["atoka-design-system"]=o(require("@fortawesome/pro-light-svg-icons/faChevronDown"),require("@fortawesome/pro-light-svg-icons/faChevronUp"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/Modal")):e["atoka-design-system"]=o(e["@fortawesome/pro-light-svg-icons/faChevronDown"],e["@fortawesome/pro-light-svg-icons/faChevronUp"],e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-bootstrap/Modal"])}(self,((e,o,t,r,a,n,s,l,c)=>(()=>{"use strict";var i,d={3347:(e,o,t)=>{t.r(o),t.d(o,{Expandable:()=>f});var r=t(992),a=t.n(r),n=t(9155),s=t.n(n),l=t(3422),c=t(8711),i=t(6889),d=t(6440),m=t(7485);const p=200;function u(e,o=0){const t=e.boundingClientRect,r=e.rootBounds;return t.bottom-o>(r?.bottom??0)}const f=e=>{const{mode:o="default",overlayText:t,children:r,maxHeight:f=p}=e,h=(0,n.useRef)(null),b=(0,n.useRef)(null),v=(0,n.useRef)(null),[y,x]=(0,n.useState)(!1),[C,N]=(0,n.useState)(!1),[E,g]=(0,n.useState)(!1);(0,n.useEffect)((()=>{const e=h.current,o=b.current;if(!e||!o)return;const t=new IntersectionObserver((e=>{e.forEach((e=>{if(e.intersectionRatio<1){const o=u(e),t=u(e,40);x(o&&t),N(o&&!t)}}))}),{root:e,threshold:[0,1]});return t.observe(o),v.current=t,()=>t.disconnect()}),[]),(0,n.useEffect)((()=>{y&&!0===e.isExpanded&&g(!0)}),[y,e.isExpanded]);const w="modal"===o?t:function(e){return"modal"!==e.mode}(e)&&E?e.overlayTextCollapse:t,k="default"===o&&E,F=C?40:0;return s().createElement("div",{className:"oniru-expandable"},s().createElement("div",{ref:h,className:a()("expandable-container",{"with-overlay":y&&!k}),style:{maxHeight:k?void 0:`${f+F}px`}},s().createElement("div",{ref:b,className:a()("expandable-content",{"pb-4":k})},r)),s().createElement(m.Text,{className:a()("expandable-container-overlay-message",{show:y})},s().createElement("a",{className:"expandable-button",href:"#",onClick:o=>{o.preventDefault();const t=!E;g(t),e.onExpandClick&&e.onExpandClick(t)}},w,"default"===o&&s().createElement(i.FontAwesomeIcon,{className:"ms-1",icon:E?c.faChevronUp:l.faChevronDown}))),"modal"===o&&E&&s().createElement(d.Modal,{show:!0,onHide:()=>g(!1)},s().createElement(d.Modal.Header,{closeButton:!0}),s().createElement(d.Modal.Body,{className:"oniru-expandable-modal-body"},r),s().createElement(d.Modal.Footer,null)))};f.displayName="Expandable"},6440:(e,o,t)=>{t.d(o,{Modal:()=>Modal});var r=t(9155),a=t.n(r),n=t(7338),s=t.n(n),l=t(992),c=t.n(l),i=(t(6889),t(1759)),d=t.n(i);const m=a().memo((e=>{const o=c()(e?.className,"atoka-form-label");return a().createElement(d().Label,{className:o},e.children)}));m.displayName="FormLabel";var p=t(9852),u=t.n(p);const f=a().memo((({show:e=!0,...o})=>{const t=c()(o?.className,"atoka-form-control-feedback",{"d-block":e});return a().createElement(u().Feedback,{type:o.type,className:t},o.children)}));f.displayName="FormControlFeedBack";const h=a().forwardRef((({size:e="md",...o},t)=>{const r=c()("atoka-form-control",o?.className,{disabled:o.disabled});return a().createElement(u(),{as:o.as,rows:o.rows,cols:o.cols,placeholder:o.placeholder,className:r,disabled:o.disabled,readOnly:o.readOnly,value:o.value,onChange:o.onChange,onKeyPress:o.onKeyPress,onKeyDown:o.onKeyDown,onFocus:o.onFocus,defaultValue:o.defaultValue,size:"md"===e?void 0:e,type:o.type,id:o.id,isValid:o.isValid,isInvalid:o.isInvalid,ref:t,autoComplete:"off"},o.children)}));h.displayName="FormControlComponent";const b=h;b.FeedBack=f,b.displayName="FormControl";const v=e=>{const o=c()("atoka-form-checkbox",e?.className);return a().createElement(d().Check,{type:"checkbox",...e,className:o,label:e.label??""})};v.displayName="FormCheckbox";const y=e=>{const o=c()(e?.className,"atoka-form-radio");return a().createElement(d().Check,{type:"radio",...e,className:o,label:e.label??""})};y.displayName="FormRadio";var x=t(7452),C=t.n(x);const N=a().memo((({children:e,...o})=>{const t=c()("d-block",o?.className);return a().createElement(C(),{bsPrefix:"atoka-form-help",className:t},e)}));N.displayName="FormHelp";const E=e=>{const o=c()(e?.className,"atoka-form");return a().createElement(d(),{...e,className:o},e.children)};function g(e,o){return function(e,o){const t=[];return a().Children.forEach(e,(e=>{e?.type===o&&t.push(e)})),t}(e,o)?.[0]??null}function w(e){return a().createElement(s().Header,{...e})}E.displayName="Form",E.Control=b,E.Label=m,E.Checkbox=v,E.Radio=y,E.Switch=d().Switch,E.Help=N,E.Group=d().Group,w.displayName="ModalHeader";class Modal extends a().PureComponent{static displayName="Modal";static Header=w;static Body=s().Body;static Footer=s().Footer;renderFooter(){const e=g(this.props.children,s().Footer),o="modal-footer";if(null==e)return null;const t=a().Children.toArray(e.props.children).filter((e=>null!=e));return null!=t&&2!==t.length?a().createElement(s().Footer,{key:o},t):a().createElement(s().Footer,{key:o,className:"centered-buttons"},t[0]," ",t[1]," ",a().createElement("span",{className:"hidden"},t[0]))}renderContent(){const e=[],o={ModalHeader:!1,ModalBody:!1,ModalFooter:!1};return a().Children.forEach(this.props.children,(t=>{o[t.type.displayName]=!0,t?.type===s().Footer?e.push(this.renderFooter()):e.push(t)})),Object.values(o).indexOf(!1)>=0?(console.warn("You have to include an header, a body and a footer!"),a().createElement("h1",null,"Error!")):0===e.length?null:e}render(){const{size:e,...o}=this.props,t=c()("atoka-modal",this.props.className,{"modal-md":"md"===e});return a().createElement(s(),{...o,className:t,container:document.querySelector(".bs4-v3-external-container"),size:"md"===e?void 0:e,scrollable:this.props.scrollable},this.renderContent())}}},2786:(e,o,t)=>{t.d(o,{E:()=>l});var r=t(992),a=t.n(r),n=t(9155),s=t.n(n);const l=s().memo((({lineClamp:e,children:o,className:t,size:r,color:n})=>{const l=a()("item-text",t,r??"md",n??"inherit",{ellipsable:(e??0)>0});return s().createElement("div",{className:l,style:{lineClamp:e,WebkitLineClamp:e}},o)}));l.displayName="Text"},7485:(e,o,t)=>{t.d(o,{Text:()=>r.E});var r=t(2786)},3422:o=>{o.exports=e},8711:e=>{e.exports=o},6889:e=>{e.exports=t},992:e=>{e.exports=r},9155:e=>{e.exports=a},1759:e=>{e.exports=n},9852:e=>{e.exports=s},7452:e=>{e.exports=l},7338:e=>{e.exports=c}},m={};function p(e){var o=m[e];if(void 0!==o)return o.exports;var t=m[e]={exports:{}};return d[e](t,t.exports,p),t.exports}p.m=d,i=[],p.O=(e,o,t,r)=>{if(!o){var a=1/0;for(c=0;c<i.length;c++){for(var[o,t,r]=i[c],n=!0,s=0;s<o.length;s++)(!1&r||a>=r)&&Object.keys(p.O).every((e=>p.O[e](o[s])))?o.splice(s--,1):(n=!1,r<a&&(a=r));if(n){i.splice(c--,1);var l=t();void 0!==l&&(e=l)}}return e}r=r||0;for(var c=i.length;c>0&&i[c-1][2]>r;c--)i[c]=i[c-1];i[c]=[o,t,r]},p.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return p.d(o,{a:o}),o},p.d=(e,o)=>{for(var t in o)p.o(o,t)&&!p.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},p.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),p.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3131:0,6747:0,8090:0,9216:0};p.O.j=o=>0===e[o];var o=(o,t)=>{var r,a,[n,s,l]=t,c=0;if(n.some((o=>0!==e[o]))){for(r in s)p.o(s,r)&&(p.m[r]=s[r]);if(l)var i=l(p)}for(o&&o(t);c<n.length;c++)a=n[c],p.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return p.O(i)},t=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))})();var u=p.O(void 0,[9216],(()=>p(3347)));return u=p.O(u)})()));
+!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o(require("@fortawesome/pro-light-svg-icons/faChevronDown"),require("@fortawesome/pro-light-svg-icons/faChevronUp"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/Modal")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/pro-light-svg-icons/faChevronDown","@fortawesome/pro-light-svg-icons/faChevronUp","@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-bootstrap/Modal"],o):"object"==typeof exports?exports["atoka-design-system"]=o(require("@fortawesome/pro-light-svg-icons/faChevronDown"),require("@fortawesome/pro-light-svg-icons/faChevronUp"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/Modal")):e["atoka-design-system"]=o(e["@fortawesome/pro-light-svg-icons/faChevronDown"],e["@fortawesome/pro-light-svg-icons/faChevronUp"],e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-bootstrap/Modal"])}(self,((e,o,t,r,a,n,s,l,c)=>(()=>{"use strict";var i,d={3347:(e,o,t)=>{t.r(o),t.d(o,{Expandable:()=>f});var r=t(992),a=t.n(r),n=t(9155),s=t.n(n),l=t(3422),c=t(8711),i=t(6889),d=t(6440),m=t(7485);const p=200;function u(e,o=0){const t=e.boundingClientRect,r=e.rootBounds;return t.bottom-o>(r?.bottom??0)}const f=e=>{const{mode:o="default",overlayText:t,children:r,maxHeight:f=p}=e,h=(0,n.useRef)(null),b=(0,n.useRef)(null),v=(0,n.useRef)(null),[y,x]=(0,n.useState)(!1),[C,N]=(0,n.useState)(!1),[E,g]=(0,n.useState)(!1);(0,n.useEffect)((()=>{const e=h.current,o=b.current;if(!e||!o)return;const t=new IntersectionObserver((e=>{e.forEach((e=>{if(e.intersectionRatio<1){const o=u(e),t=u(e,40);x(o&&t),N(o&&!t)}}))}),{root:e,threshold:[0,1]});return t.observe(o),v.current=t,()=>t.disconnect()}),[]),(0,n.useEffect)((()=>{y&&!0===e.isExpanded&&g(!0)}),[y,e.isExpanded]);const w="modal"===o?t:function(e){return"modal"!==e.mode}(e)&&E?e.overlayTextCollapse:t,k="default"===o&&E,F=C?40:0;return s().createElement("div",{className:"oniru-expandable"},s().createElement("div",{ref:h,className:a()("expandable-container",{"with-overlay":y&&!k}),style:{maxHeight:k?void 0:`${f+F}px`}},s().createElement("div",{ref:b,className:a()("expandable-content",{"pb-4":k})},r)),s().createElement(m.Text,{className:a()("expandable-container-overlay-message",{show:y})},s().createElement("a",{className:"expandable-button",href:"#",onClick:o=>{o.preventDefault();const t=!E;g(t),e.onExpandClick&&e.onExpandClick(t)}},w,"default"===o&&s().createElement(i.FontAwesomeIcon,{className:"ms-1",icon:E?c.faChevronUp:l.faChevronDown}))),"modal"===o&&E&&s().createElement(d.Modal,{show:!0,onHide:()=>g(!1)},s().createElement(d.Modal.Header,{closeButton:!0}),s().createElement(d.Modal.Body,{className:"oniru-expandable-modal-body"},r),s().createElement(d.Modal.Footer,null)))};f.displayName="Expandable"},6440:(e,o,t)=>{t.d(o,{Modal:()=>Modal});var r=t(9155),a=t.n(r),n=t(7338),s=t.n(n),l=t(992),c=t.n(l),i=(t(6889),t(1759)),d=t.n(i);const m=a().memo((e=>{const o=c()(e?.className,"atoka-form-label");return a().createElement(d().Label,{className:o},e.children)}));m.displayName="FormLabel";var p=t(9852),u=t.n(p);const f=a().memo((({show:e=!0,...o})=>{const t=c()(o?.className,"atoka-form-control-feedback",{"d-block":e});return a().createElement(u().Feedback,{type:o.type,className:t},o.children)}));f.displayName="FormControlFeedBack";const h=a().forwardRef((({size:e="md",...o},t)=>{const r=c()("atoka-form-control",o?.className,{disabled:o.disabled});return a().createElement(u(),{as:o.as,rows:o.rows,cols:o.cols,placeholder:o.placeholder,className:r,disabled:o.disabled,readOnly:o.readOnly,value:o.value,onChange:o.onChange,onKeyPress:o.onKeyPress,onKeyDown:o.onKeyDown,onFocus:o.onFocus,defaultValue:o.defaultValue,size:"md"===e?void 0:e,type:o.type,id:o.id,isValid:o.isValid,isInvalid:o.isInvalid,ref:t,autoComplete:"off"},o.children)}));h.displayName="FormControlComponent";const b=h;b.FeedBack=f,b.displayName="FormControl";const v=e=>{const o=c()("atoka-form-checkbox",e?.className);return a().createElement(d().Check,{type:"checkbox",...e,className:o,label:e.label??""})};v.displayName="FormCheckbox";const y=e=>{const o=c()(e?.className,"atoka-form-radio");return a().createElement(d().Check,{type:"radio",...e,className:o,label:e.label??""})};y.displayName="FormRadio";var x=t(7452),C=t.n(x);const N=a().memo((({children:e,...o})=>{const t=c()("d-block",o?.className);return a().createElement(C(),{bsPrefix:"atoka-form-help",className:t},e)}));N.displayName="FormHelp";const E=e=>{const o=c()(e?.className,"atoka-form");return a().createElement(d(),{...e,className:o},e.children)};function g(e,o){return function(e,o){const t=[];return a().Children.forEach(e,(e=>{e?.type===o&&t.push(e)})),t}(e,o)?.[0]??null}function w(e){return a().createElement(s().Header,{...e})}E.displayName="Form",E.Control=b,E.Label=m,E.Checkbox=v,E.Radio=y,E.Switch=d().Switch,E.Help=N,E.Group=d().Group,w.displayName="ModalHeader";class Modal extends a().PureComponent{static displayName="Modal";static Header=w;static Body=s().Body;static Footer=s().Footer;renderFooter(){const e=g(this.props.children,s().Footer),o="modal-footer";if(null==e)return null;const t=a().Children.toArray(e.props.children).filter((e=>null!=e));return null!=t&&2!==t.length?a().createElement(s().Footer,{key:o},t):a().createElement(s().Footer,{key:o,className:"centered-buttons"},t[0]," ",t[1]," ",a().createElement("span",{className:"hidden"},t[0]))}renderContent(){const e=[],o={ModalHeader:!1,ModalBody:!1,ModalFooter:!1};return a().Children.forEach(this.props.children,(t=>{o[t.type.displayName]=!0,t?.type===s().Footer?e.push(this.renderFooter()):e.push(t)})),Object.values(o).indexOf(!1)>=0?(console.warn("You have to include an header, a body and a footer!"),a().createElement("h1",null,"Error!")):0===e.length?null:e}render(){const{size:e,...o}=this.props,t=c()("atoka-modal",this.props.className,{"modal-md":"md"===e});return a().createElement(s(),{...o,className:t,container:document.querySelector(".bs4-v3-external-container"),size:"md"===e?void 0:e,scrollable:this.props.scrollable},this.renderContent())}}},2786:(e,o,t)=>{t.d(o,{E:()=>l});var r=t(992),a=t.n(r),n=t(9155),s=t.n(n);const l=s().memo((({lineClamp:e,children:o,className:t,size:r,color:n})=>{const l=a()("item-text text-start",t,r??"md",n??"inherit",{ellipsable:(e??0)>0});return s().createElement("div",{className:l,style:{lineClamp:e,WebkitLineClamp:e}},o)}));l.displayName="Text"},7485:(e,o,t)=>{t.d(o,{Text:()=>r.E});var r=t(2786)},3422:o=>{o.exports=e},8711:e=>{e.exports=o},6889:e=>{e.exports=t},992:e=>{e.exports=r},9155:e=>{e.exports=a},1759:e=>{e.exports=n},9852:e=>{e.exports=s},7452:e=>{e.exports=l},7338:e=>{e.exports=c}},m={};function p(e){var o=m[e];if(void 0!==o)return o.exports;var t=m[e]={exports:{}};return d[e](t,t.exports,p),t.exports}p.m=d,i=[],p.O=(e,o,t,r)=>{if(!o){var a=1/0;for(c=0;c<i.length;c++){for(var[o,t,r]=i[c],n=!0,s=0;s<o.length;s++)(!1&r||a>=r)&&Object.keys(p.O).every((e=>p.O[e](o[s])))?o.splice(s--,1):(n=!1,r<a&&(a=r));if(n){i.splice(c--,1);var l=t();void 0!==l&&(e=l)}}return e}r=r||0;for(var c=i.length;c>0&&i[c-1][2]>r;c--)i[c]=i[c-1];i[c]=[o,t,r]},p.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return p.d(o,{a:o}),o},p.d=(e,o)=>{for(var t in o)p.o(o,t)&&!p.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},p.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),p.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3131:0,6747:0,8090:0,525:0};p.O.j=o=>0===e[o];var o=(o,t)=>{var r,a,[n,s,l]=t,c=0;if(n.some((o=>0!==e[o]))){for(r in s)p.o(s,r)&&(p.m[r]=s[r]);if(l)var i=l(p)}for(o&&o(t);c<n.length;c++)a=n[c],p.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return p.O(i)},t=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))})();var u=p.O(void 0,[525],(()=>p(3347)));return u=p.O(u)})()));

package/Facet/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/pro-light-svg-icons/faChevronDown"),require("@fortawesome/pro-light-svg-icons/faChevronLeft"),require("@fortawesome/pro-light-svg-icons/faChevronRight"),require("@fortawesome/pro-light-svg-icons/faInfoCircle"),require("@fortawesome/pro-light-svg-icons/faTimes"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Carousel"),require("react-bootstrap/Overlay"),require("react-bootstrap/Popover")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/pro-light-svg-icons/faChevronDown","@fortawesome/pro-light-svg-icons/faChevronLeft","@fortawesome/pro-light-svg-icons/faChevronRight","@fortawesome/pro-light-svg-icons/faInfoCircle","@fortawesome/pro-light-svg-icons/faTimes","@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Carousel","react-bootstrap/Overlay","react-bootstrap/Popover"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/pro-light-svg-icons/faChevronDown"),require("@fortawesome/pro-light-svg-icons/faChevronLeft"),require("@fortawesome/pro-light-svg-icons/faChevronRight"),require("@fortawesome/pro-light-svg-icons/faInfoCircle"),require("@fortawesome/pro-light-svg-icons/faTimes"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Carousel"),require("react-bootstrap/Overlay"),require("react-bootstrap/Popover")):e["atoka-design-system"]=t(e["@fortawesome/pro-light-svg-icons/faChevronDown"],e["@fortawesome/pro-light-svg-icons/faChevronLeft"],e["@fortawesome/pro-light-svg-icons/faChevronRight"],e["@fortawesome/pro-light-svg-icons/faInfoCircle"],e["@fortawesome/pro-light-svg-icons/faTimes"],e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/Carousel"],e["react-bootstrap/Overlay"],e["react-bootstrap/Popover"])}(self,((e,t,r,o,s,n,a,i,l,c,p)=>(()=>{"use strict";var m,h={5161:(e,t,r)=>{r.r(t),r.d(t,{Facet:()=>Facet});var o=r(992),s=r.n(o),n=r(9155),a=r.n(n),i=r(3232),l=r(3422),c=r(6889),p=r(7485),m=r(1648);function h(e){if(null==e)return!0;try{return null!==e.match(/^\s*$/)}catch(e){return!0}}var f=r(7987),u=r(7855),d=r.n(u),v=r(6066),g=r.n(v),C=r(8527),w=r.n(C),b=r(4075),x=r(543);const y={modifiers:[{name:"preventOverflow",options:{rootBoundary:"viewport"}}]};class FacetHelp extends a().Component{static displayName="FacetHelp";helpIconRef=a().createRef();facetHelpRef=a().createRef();constructor(e){super(e),this.state={isShown:!1}}handleTogglePopover=e=>{e.stopPropagation(),this.setState({isShown:!this.state.isShown})};renderPopoverTitle(){return null==this.props.title?null:a().createElement(g().Header,{className:"popover-title d-flex justify-content-between",bsPrefix:"atoka"},a().createElement(m.Title,{size:"sm"},this.props.title),a().createElement("button",{className:"btn-close align-middle",onClick:this.handleTogglePopover,"aria-label":"Close"},a().createElement(c.FontAwesomeIcon,{icon:x.faTimes})))}renderPopover(){const e=this.props.children,t=Array.isArray(e)&&e.length>1,r=s()("help-carousel",{"hidden-controls":!t});return a().createElement(g(),{id:this.props.trackingName,className:"bs4-v3 help-popover-v3 help-popover-container"},this.renderPopoverTitle(),a().createElement(g().Body,null,a().createElement(w(),{controls:t,indicators:t,className:r,onClick:e=>e.stopPropagation(),nextIcon:a().createElement(c.FontAwesomeIcon,{icon:i.faChevronRight,size:"xs"}),prevIcon:a().createElement(c.FontAwesomeIcon,{icon:b.faChevronLeft,size:"xs"})},e)))}render(){return null==this.props.title&&null==this.props.children?null:a().createElement("span",{className:"facet-help-v3 help-container"},a().createElement("span",{className:"help-icon-container"},a().createElement("span",{ref:this.helpIconRef,onClick:this.handleTogglePopover},a().createElement(c.FontAwesomeIcon,{size:"sm",icon:f.faInfoCircle}))),a().createElement(d(),{target:this.helpIconRef.current,placement:"right",show:this.state.isShown,container:this.facetHelpRef.current,popperConfig:y},this.renderPopover()))}}const E=a().memo((e=>{const t=s()("facet-item-count text",e.className);return a().createElement(p.Text,{className:t,color:"warningContrast",size:"sm"},a().createElement("strong",null,e.value))}));E.displayName="FacetItemCount";const N=a().memo((({children:e})=>a().createElement(m.Title,{className:"color-mediumEmphasisMain mb-1",size:"xs"},e)));function T({icon:e}){return a().createElement(c.FontAwesomeIcon,{icon:e,size:"xs",className:"me-1"})}N.displayName="FacetSubtitle",T.displayName="FacetIcon";const I=a().createElement(T,{icon:l.faChevronDown}),q=a().createElement(T,{icon:i.faChevronRight});class Facet extends a().PureComponent{static displayName="Facet";static Help=FacetHelp;static Subtitle=N;renderItemCount(){const e=this.props.badgeItemsCount;return null==e||0===e?null:a().createElement(E,{value:e})}renderTitle(e){if(h(this.props.title??null))return null;const t=s()("facet-header-title-container w-100",{"cursor-pointer":this.props.canCollapse}),r=this.props.canCollapse&&(this.isCollapsed?q:I);return a().createElement("div",{className:t,onClick:this.props?.onToggleCollapsed},a().createElement("div",{className:"align-items-center d-flex justify-content-between w-100"},r,a().createElement(m.Title,{size:"xs",className:"d-flex w-100 col-gap-2"},a().createElement("span",{className:"text-truncate"},e?a().createElement("strong",null,this.props.title):this.props.title),this.props.help)))}renderHeader(){const e=this.renderItemCount(),t=this.renderTitle(e);if(null==t&&null==e)return null;const r=s()("facet-header d-flex justify-content-between col-gap-2",{"bg-transparent position-absolute":h(this.props.title??null)});return a().createElement("div",{className:r},t,e)}get isCollapsed(){return!!this.props.canCollapse&&(!h(this.props.title)&&!!this.props.isCollapsed)}renderContent(){const e=s()("facet-body",{"pt-3":h(this.props.title??null)});return a().createElement("div",{className:"facet-container"},this.renderHeader(),!this.isCollapsed&&a().createElement("div",{className:e},this.props.children))}render(){const e=s()("facet",this.props.className);return a().createElement(p.Text,{className:e},this.renderContent())}}},2786:(e,t,r)=>{r.d(t,{E:()=>i});var o=r(992),s=r.n(o),n=r(9155),a=r.n(n);const i=a().memo((({lineClamp:e,children:t,className:r,size:o,color:n})=>{const i=s()("item-text",r,o??"md",n??"inherit",{ellipsable:(e??0)>0});return a().createElement("div",{className:i,style:{lineClamp:e,WebkitLineClamp:e}},t)}));i.displayName="Text"},7485:(e,t,r)=>{r.d(t,{Text:()=>o.E});var o=r(2786)},550:(e,t,r)=>{r.d(t,{h:()=>Title});var o=r(9155),s=r.n(o),n=r(6889),a=r(992),i=r.n(a);class Title extends s().PureComponent{static displayName="Title";static defaultProps={size:"xxl"};renderIcon(){if(null==this.props.icon)return null;const e=i()({"me-2":""!==this.props.children&&null!=this.props.children});return s().createElement(n.FontAwesomeIcon,{icon:this.props.icon,className:e,fixedWidth:!0})}renderContent(){return s().createElement(s().Fragment,null,this.renderIcon(),this.props.children)}render(){const e={className:i()("title-component",this.props.className),style:this.props.style};switch(this.props.size){case"xs":return s().createElement("h6",{...e},this.renderContent());case"sm":return s().createElement("h5",{...e},this.renderContent());case"md":return s().createElement("h4",{...e},this.renderContent());case"lg":return s().createElement("h3",{...e},this.renderContent());case"xl":return s().createElement("h2",{...e},this.renderContent());default:return s().createElement("h1",{...e},this.renderContent())}}}},1648:(e,t,r)=>{r.d(t,{Title:()=>o.h});var o=r(550)},3422:t=>{t.exports=e},4075:e=>{e.exports=t},3232:e=>{e.exports=r},7987:e=>{e.exports=o},543:e=>{e.exports=s},6889:e=>{e.exports=n},992:e=>{e.exports=a},9155:e=>{e.exports=i},8527:e=>{e.exports=l},7855:e=>{e.exports=c},6066:e=>{e.exports=p}},f={};function u(e){var t=f[e];if(void 0!==t)return t.exports;var r=f[e]={exports:{}};return h[e](r,r.exports,u),r.exports}u.m=h,m=[],u.O=(e,t,r,o)=>{if(!t){var s=1/0;for(l=0;l<m.length;l++){for(var[t,r,o]=m[l],n=!0,a=0;a<t.length;a++)(!1&o||s>=o)&&Object.keys(u.O).every((e=>u.O[e](t[a])))?t.splice(a--,1):(n=!1,o<s&&(s=o));if(n){m.splice(l--,1);var i=r();void 0!==i&&(e=i)}}return e}o=o||0;for(var l=m.length;l>0&&m[l-1][2]>o;l--)m[l]=m[l-1];m[l]=[t,r,o]},u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var r in t)u.o(t,r)&&!u.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3122:0,3966:0,6747:0,9216:0};u.O.j=t=>0===e[t];var t=(t,r)=>{var o,s,[n,a,i]=r,l=0;if(n.some((t=>0!==e[t]))){for(o in a)u.o(a,o)&&(u.m[o]=a[o]);if(i)var c=i(u)}for(t&&t(r);l<n.length;l++)s=n[l],u.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return u.O(c)},r=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var d=u.O(void 0,[9216],(()=>u(5161)));return d=u.O(d)})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/pro-light-svg-icons/faChevronDown"),require("@fortawesome/pro-light-svg-icons/faChevronLeft"),require("@fortawesome/pro-light-svg-icons/faChevronRight"),require("@fortawesome/pro-light-svg-icons/faInfoCircle"),require("@fortawesome/pro-light-svg-icons/faTimes"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Carousel"),require("react-bootstrap/Overlay"),require("react-bootstrap/Popover")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/pro-light-svg-icons/faChevronDown","@fortawesome/pro-light-svg-icons/faChevronLeft","@fortawesome/pro-light-svg-icons/faChevronRight","@fortawesome/pro-light-svg-icons/faInfoCircle","@fortawesome/pro-light-svg-icons/faTimes","@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Carousel","react-bootstrap/Overlay","react-bootstrap/Popover"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/pro-light-svg-icons/faChevronDown"),require("@fortawesome/pro-light-svg-icons/faChevronLeft"),require("@fortawesome/pro-light-svg-icons/faChevronRight"),require("@fortawesome/pro-light-svg-icons/faInfoCircle"),require("@fortawesome/pro-light-svg-icons/faTimes"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Carousel"),require("react-bootstrap/Overlay"),require("react-bootstrap/Popover")):e["atoka-design-system"]=t(e["@fortawesome/pro-light-svg-icons/faChevronDown"],e["@fortawesome/pro-light-svg-icons/faChevronLeft"],e["@fortawesome/pro-light-svg-icons/faChevronRight"],e["@fortawesome/pro-light-svg-icons/faInfoCircle"],e["@fortawesome/pro-light-svg-icons/faTimes"],e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/Carousel"],e["react-bootstrap/Overlay"],e["react-bootstrap/Popover"])}(self,((e,t,r,o,s,n,a,i,l,c,p)=>(()=>{"use strict";var m,h={5161:(e,t,r)=>{r.r(t),r.d(t,{Facet:()=>Facet});var o=r(992),s=r.n(o),n=r(9155),a=r.n(n),i=r(3232),l=r(3422),c=r(6889),p=r(7485),m=r(1648);function h(e){if(null==e)return!0;try{return null!==e.match(/^\s*$/)}catch(e){return!0}}var f=r(7987),u=r(7855),d=r.n(u),v=r(6066),g=r.n(v),C=r(8527),w=r.n(C),b=r(4075),x=r(543);const y={modifiers:[{name:"preventOverflow",options:{rootBoundary:"viewport"}}]};class FacetHelp extends a().Component{static displayName="FacetHelp";helpIconRef=a().createRef();facetHelpRef=a().createRef();constructor(e){super(e),this.state={isShown:!1}}handleTogglePopover=e=>{e.stopPropagation(),this.setState({isShown:!this.state.isShown})};renderPopoverTitle(){return null==this.props.title?null:a().createElement(g().Header,{className:"popover-title d-flex justify-content-between",bsPrefix:"atoka"},a().createElement(m.Title,{size:"sm"},this.props.title),a().createElement("button",{className:"btn-close align-middle",onClick:this.handleTogglePopover,"aria-label":"Close"},a().createElement(c.FontAwesomeIcon,{icon:x.faTimes})))}renderPopover(){const e=this.props.children,t=Array.isArray(e)&&e.length>1,r=s()("help-carousel",{"hidden-controls":!t});return a().createElement(g(),{id:this.props.trackingName,className:"bs4-v3 help-popover-v3 help-popover-container"},this.renderPopoverTitle(),a().createElement(g().Body,null,a().createElement(w(),{controls:t,indicators:t,className:r,onClick:e=>e.stopPropagation(),nextIcon:a().createElement(c.FontAwesomeIcon,{icon:i.faChevronRight,size:"xs"}),prevIcon:a().createElement(c.FontAwesomeIcon,{icon:b.faChevronLeft,size:"xs"})},e)))}render(){return null==this.props.title&&null==this.props.children?null:a().createElement("span",{className:"facet-help-v3 help-container"},a().createElement("span",{className:"help-icon-container"},a().createElement("span",{ref:this.helpIconRef,onClick:this.handleTogglePopover},a().createElement(c.FontAwesomeIcon,{size:"sm",icon:f.faInfoCircle}))),a().createElement(d(),{target:this.helpIconRef.current,placement:"right",show:this.state.isShown,container:this.facetHelpRef.current,popperConfig:y},this.renderPopover()))}}const E=a().memo((e=>{const t=s()("facet-item-count text",e.className);return a().createElement(p.Text,{className:t,color:"warningContrast",size:"sm"},a().createElement("strong",null,e.value))}));E.displayName="FacetItemCount";const N=a().memo((({children:e})=>a().createElement(m.Title,{className:"color-mediumEmphasisMain mb-1",size:"xs"},e)));function T({icon:e}){return a().createElement(c.FontAwesomeIcon,{icon:e,size:"xs",className:"me-1"})}N.displayName="FacetSubtitle",T.displayName="FacetIcon";const I=a().createElement(T,{icon:l.faChevronDown}),q=a().createElement(T,{icon:i.faChevronRight});class Facet extends a().PureComponent{static displayName="Facet";static Help=FacetHelp;static Subtitle=N;renderItemCount(){const e=this.props.badgeItemsCount;return null==e||0===e?null:a().createElement(E,{value:e})}renderTitle(e){if(h(this.props.title??null))return null;const t=s()("facet-header-title-container w-100",{"cursor-pointer":this.props.canCollapse}),r=this.props.canCollapse&&(this.isCollapsed?q:I);return a().createElement("div",{className:t,onClick:this.props?.onToggleCollapsed},a().createElement("div",{className:"align-items-center d-flex justify-content-between w-100"},r,a().createElement(m.Title,{size:"xs",className:"d-flex w-100 col-gap-2"},a().createElement("span",{className:"text-truncate"},e?a().createElement("strong",null,this.props.title):this.props.title),this.props.help)))}renderHeader(){const e=this.renderItemCount(),t=this.renderTitle(e);if(null==t&&null==e)return null;const r=s()("facet-header d-flex justify-content-between col-gap-2",{"bg-transparent position-absolute":h(this.props.title??null)});return a().createElement("div",{className:r},t,e)}get isCollapsed(){return!!this.props.canCollapse&&(!h(this.props.title)&&!!this.props.isCollapsed)}renderContent(){const e=s()("facet-body",{"pt-3":h(this.props.title??null)});return a().createElement("div",{className:"facet-container"},this.renderHeader(),!this.isCollapsed&&a().createElement("div",{className:e},this.props.children))}render(){const e=s()("facet",this.props.className);return a().createElement(p.Text,{className:e},this.renderContent())}}},2786:(e,t,r)=>{r.d(t,{E:()=>i});var o=r(992),s=r.n(o),n=r(9155),a=r.n(n);const i=a().memo((({lineClamp:e,children:t,className:r,size:o,color:n})=>{const i=s()("item-text text-start",r,o??"md",n??"inherit",{ellipsable:(e??0)>0});return a().createElement("div",{className:i,style:{lineClamp:e,WebkitLineClamp:e}},t)}));i.displayName="Text"},7485:(e,t,r)=>{r.d(t,{Text:()=>o.E});var o=r(2786)},550:(e,t,r)=>{r.d(t,{h:()=>Title});var o=r(9155),s=r.n(o),n=r(6889),a=r(992),i=r.n(a);class Title extends s().PureComponent{static displayName="Title";static defaultProps={size:"xxl"};renderIcon(){if(null==this.props.icon)return null;const e=i()({"me-2":""!==this.props.children&&null!=this.props.children});return s().createElement(n.FontAwesomeIcon,{icon:this.props.icon,className:e,fixedWidth:!0})}renderContent(){return s().createElement(s().Fragment,null,this.renderIcon(),this.props.children)}render(){const e={className:i()("title-component",this.props.className),style:this.props.style};switch(this.props.size){case"xs":return s().createElement("h6",{...e},this.renderContent());case"sm":return s().createElement("h5",{...e},this.renderContent());case"md":return s().createElement("h4",{...e},this.renderContent());case"lg":return s().createElement("h3",{...e},this.renderContent());case"xl":return s().createElement("h2",{...e},this.renderContent());default:return s().createElement("h1",{...e},this.renderContent())}}}},1648:(e,t,r)=>{r.d(t,{Title:()=>o.h});var o=r(550)},3422:t=>{t.exports=e},4075:e=>{e.exports=t},3232:e=>{e.exports=r},7987:e=>{e.exports=o},543:e=>{e.exports=s},6889:e=>{e.exports=n},992:e=>{e.exports=a},9155:e=>{e.exports=i},8527:e=>{e.exports=l},7855:e=>{e.exports=c},6066:e=>{e.exports=p}},f={};function u(e){var t=f[e];if(void 0!==t)return t.exports;var r=f[e]={exports:{}};return h[e](r,r.exports,u),r.exports}u.m=h,m=[],u.O=(e,t,r,o)=>{if(!t){var s=1/0;for(l=0;l<m.length;l++){for(var[t,r,o]=m[l],n=!0,a=0;a<t.length;a++)(!1&o||s>=o)&&Object.keys(u.O).every((e=>u.O[e](t[a])))?t.splice(a--,1):(n=!1,o<s&&(s=o));if(n){m.splice(l--,1);var i=r();void 0!==i&&(e=i)}}return e}o=o||0;for(var l=m.length;l>0&&m[l-1][2]>o;l--)m[l]=m[l-1];m[l]=[t,r,o]},u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var r in t)u.o(t,r)&&!u.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3122:0,3966:0,6747:0,525:0};u.O.j=t=>0===e[t];var t=(t,r)=>{var o,s,[n,a,i]=r,l=0;if(n.some((t=>0!==e[t]))){for(o in a)u.o(a,o)&&(u.m[o]=a[o]);if(i)var c=i(u)}for(t&&t(r);l<n.length;l++)s=n[l],u.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return u.O(c)},r=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var d=u.O(void 0,[525],(()=>u(5161)));return d=u.O(d)})()));

package/FacetSection/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/react-fontawesome","classnames","react"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react")):e["atoka-design-system"]=t(e["@fortawesome/react-fontawesome"],e.classnames,e.react)}(self,((e,t,r)=>(()=>{"use strict";var s,n={9866:(e,t,r)=>{r.r(t),r.d(t,{FacetSection:()=>FacetSection});var s=r(992),n=r.n(s),a=r(9155),o=r.n(a),i=r(7485);const l=o().memo((e=>{const t=n()("facet-item-count text",e.className);return o().createElement(i.Text,{className:t,color:"warningContrast",size:"sm"},o().createElement("strong",null,e.value))}));l.displayName="FacetItemCount";var c=r(1648),m=r(4552);class FacetSection extends o().PureComponent{static displayName="FacetSection";renderItemCount(){return!1===this.props.isCollapsed||null==this.props.badgeItemsCount||0===this.props.badgeItemsCount?null:o().createElement(l,{value:this.props.badgeItemsCount})}renderTitleAndIcon(){const e={className:"text-truncate",size:"xs"};return null!=this.props.icon?o().createElement(c.Title,{icon:this.props.icon,...e},this.props.title):null!=this.props.titlePrefix?o().createElement(c.Title,{...e},o().createElement("span",{className:"facet-section-title-prefix me-2"},this.props.titlePrefix),this.props.title):o().createElement(c.Title,{...e},this.props.title)}renderFacetSectionTitle(){return o().createElement("div",{className:"facet-section-title d-flex justify-content-between d-flex w-100",onClick:this.props.onToggleCollapsed},this.renderTitleAndIcon(),o().createElement("div",{className:"d-flex align-items-center ms-2"},this.renderItemCount()))}renderFacets(){return!0===this.props.isCollapsed?null:o().createElement("div",{className:"facet-section-facet-list"},this.props.children)}render(){const e=n()("facet-section",this.props.className,{"facet-section-collapsed":this.props.isCollapsed});return o().createElement(m.OniruCard,{className:e},this.renderFacetSectionTitle(),this.renderFacets())}}},4552:(e,t,r)=>{r.d(t,{OniruCard:()=>i});var s=r(9155),n=r.n(s),a=r(992),o=r.n(a);const i=({as:e="div",padding:t,className:r,...s})=>{const a="md"===t?"p-3":"";return n().createElement(e,{...s,className:o()("oniru-card",a,r)})};i.displayName="OniruCard"},2786:(e,t,r)=>{r.d(t,{E:()=>i});var s=r(992),n=r.n(s),a=r(9155),o=r.n(a);const i=o().memo((({lineClamp:e,children:t,className:r,size:s,color:a})=>{const i=n()("item-text",r,s??"md",a??"inherit",{ellipsable:(e??0)>0});return o().createElement("div",{className:i,style:{lineClamp:e,WebkitLineClamp:e}},t)}));i.displayName="Text"},7485:(e,t,r)=>{r.d(t,{Text:()=>s.E});var s=r(2786)},550:(e,t,r)=>{r.d(t,{h:()=>Title});var s=r(9155),n=r.n(s),a=r(6889),o=r(992),i=r.n(o);class Title extends n().PureComponent{static displayName="Title";static defaultProps={size:"xxl"};renderIcon(){if(null==this.props.icon)return null;const e=i()({"me-2":""!==this.props.children&&null!=this.props.children});return n().createElement(a.FontAwesomeIcon,{icon:this.props.icon,className:e,fixedWidth:!0})}renderContent(){return n().createElement(n().Fragment,null,this.renderIcon(),this.props.children)}render(){const e={className:i()("title-component",this.props.className),style:this.props.style};switch(this.props.size){case"xs":return n().createElement("h6",{...e},this.renderContent());case"sm":return n().createElement("h5",{...e},this.renderContent());case"md":return n().createElement("h4",{...e},this.renderContent());case"lg":return n().createElement("h3",{...e},this.renderContent());case"xl":return n().createElement("h2",{...e},this.renderContent());default:return n().createElement("h1",{...e},this.renderContent())}}}},1648:(e,t,r)=>{r.d(t,{Title:()=>s.h});var s=r(550)},6889:t=>{t.exports=e},992:e=>{e.exports=t},9155:e=>{e.exports=r}},a={};function o(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return n[e](r,r.exports,o),r.exports}o.m=n,s=[],o.O=(e,t,r,n)=>{if(!t){var a=1/0;for(m=0;m<s.length;m++){for(var[t,r,n]=s[m],i=!0,l=0;l<t.length;l++)(!1&n||a>=n)&&Object.keys(o.O).every((e=>o.O[e](t[l])))?t.splice(l--,1):(i=!1,n<a&&(a=n));if(i){s.splice(m--,1);var c=r();void 0!==c&&(e=c)}}return e}n=n||0;for(var m=s.length;m>0&&s[m-1][2]>n;m--)s[m]=s[m-1];s[m]=[t,r,n]},o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={601:0,3122:0,6747:0,7092:0,9216:0};o.O.j=t=>0===e[t];var t=(t,r)=>{var s,n,[a,i,l]=r,c=0;if(a.some((t=>0!==e[t]))){for(s in i)o.o(i,s)&&(o.m[s]=i[s]);if(l)var m=l(o)}for(t&&t(r);c<a.length;c++)n=a[c],o.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return o.O(m)},r=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var i=o.O(void 0,[9216],(()=>o(9866)));return i=o.O(i)})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/react-fontawesome","classnames","react"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react")):e["atoka-design-system"]=t(e["@fortawesome/react-fontawesome"],e.classnames,e.react)}(self,((e,t,r)=>(()=>{"use strict";var s,n={9866:(e,t,r)=>{r.r(t),r.d(t,{FacetSection:()=>FacetSection});var s=r(992),n=r.n(s),a=r(9155),o=r.n(a),i=r(7485);const l=o().memo((e=>{const t=n()("facet-item-count text",e.className);return o().createElement(i.Text,{className:t,color:"warningContrast",size:"sm"},o().createElement("strong",null,e.value))}));l.displayName="FacetItemCount";var c=r(1648),m=r(4552);class FacetSection extends o().PureComponent{static displayName="FacetSection";renderItemCount(){return!1===this.props.isCollapsed||null==this.props.badgeItemsCount||0===this.props.badgeItemsCount?null:o().createElement(l,{value:this.props.badgeItemsCount})}renderTitleAndIcon(){const e={className:"text-truncate",size:"xs"};return null!=this.props.icon?o().createElement(c.Title,{icon:this.props.icon,...e},this.props.title):null!=this.props.titlePrefix?o().createElement(c.Title,{...e},o().createElement("span",{className:"facet-section-title-prefix me-2"},this.props.titlePrefix),this.props.title):o().createElement(c.Title,{...e},this.props.title)}renderFacetSectionTitle(){return o().createElement("div",{className:"facet-section-title d-flex justify-content-between d-flex w-100",onClick:this.props.onToggleCollapsed},this.renderTitleAndIcon(),o().createElement("div",{className:"d-flex align-items-center ms-2"},this.renderItemCount()))}renderFacets(){return!0===this.props.isCollapsed?null:o().createElement("div",{className:"facet-section-facet-list"},this.props.children)}render(){const e=n()("facet-section",this.props.className,{"facet-section-collapsed":this.props.isCollapsed});return o().createElement(m.OniruCard,{className:e},this.renderFacetSectionTitle(),this.renderFacets())}}},4552:(e,t,r)=>{r.d(t,{OniruCard:()=>i});var s=r(9155),n=r.n(s),a=r(992),o=r.n(a);const i=({as:e="div",padding:t,className:r,...s})=>{const a="md"===t?"p-3":"";return n().createElement(e,{...s,className:o()("oniru-card",a,r)})};i.displayName="OniruCard"},2786:(e,t,r)=>{r.d(t,{E:()=>i});var s=r(992),n=r.n(s),a=r(9155),o=r.n(a);const i=o().memo((({lineClamp:e,children:t,className:r,size:s,color:a})=>{const i=n()("item-text text-start",r,s??"md",a??"inherit",{ellipsable:(e??0)>0});return o().createElement("div",{className:i,style:{lineClamp:e,WebkitLineClamp:e}},t)}));i.displayName="Text"},7485:(e,t,r)=>{r.d(t,{Text:()=>s.E});var s=r(2786)},550:(e,t,r)=>{r.d(t,{h:()=>Title});var s=r(9155),n=r.n(s),a=r(6889),o=r(992),i=r.n(o);class Title extends n().PureComponent{static displayName="Title";static defaultProps={size:"xxl"};renderIcon(){if(null==this.props.icon)return null;const e=i()({"me-2":""!==this.props.children&&null!=this.props.children});return n().createElement(a.FontAwesomeIcon,{icon:this.props.icon,className:e,fixedWidth:!0})}renderContent(){return n().createElement(n().Fragment,null,this.renderIcon(),this.props.children)}render(){const e={className:i()("title-component",this.props.className),style:this.props.style};switch(this.props.size){case"xs":return n().createElement("h6",{...e},this.renderContent());case"sm":return n().createElement("h5",{...e},this.renderContent());case"md":return n().createElement("h4",{...e},this.renderContent());case"lg":return n().createElement("h3",{...e},this.renderContent());case"xl":return n().createElement("h2",{...e},this.renderContent());default:return n().createElement("h1",{...e},this.renderContent())}}}},1648:(e,t,r)=>{r.d(t,{Title:()=>s.h});var s=r(550)},6889:t=>{t.exports=e},992:e=>{e.exports=t},9155:e=>{e.exports=r}},a={};function o(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return n[e](r,r.exports,o),r.exports}o.m=n,s=[],o.O=(e,t,r,n)=>{if(!t){var a=1/0;for(m=0;m<s.length;m++){for(var[t,r,n]=s[m],i=!0,l=0;l<t.length;l++)(!1&n||a>=n)&&Object.keys(o.O).every((e=>o.O[e](t[l])))?t.splice(l--,1):(i=!1,n<a&&(a=n));if(i){s.splice(m--,1);var c=r();void 0!==c&&(e=c)}}return e}n=n||0;for(var m=s.length;m>0&&s[m-1][2]>n;m--)s[m]=s[m-1];s[m]=[t,r,n]},o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={601:0,3122:0,6747:0,7092:0,525:0};o.O.j=t=>0===e[t];var t=(t,r)=>{var s,n,[a,i,l]=r,c=0;if(a.some((t=>0!==e[t]))){for(s in i)o.o(i,s)&&(o.m[s]=i[s]);if(l)var m=l(o)}for(t&&t(r);c<a.length;c++)n=a[c],o.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return o.O(m)},r=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var i=o.O(void 0,[525],(()=>o(9866)));return i=o.O(i)})()));

package/FadeAnimation/index.js

@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("react-dom")):"function"==typeof define&&define.amd?define("atoka-design-system",["react","react-dom"],e):"object"==typeof exports?exports["atoka-design-system"]=e(require("react"),require("react-dom")):t["atoka-design-system"]=e(t.react,t["react-dom"])}(self,((t,e)=>(()=>{"use strict";var n,s={6785:(t,e,n)=>{n.r(e),n.d(e,{FadeAnimation:()=>FadeAnimation});var s=n(9155),r=n.n(s);function o(){return o=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var s in n)({}).hasOwnProperty.call(n,s)&&(t[s]=n[s])}return t},o.apply(null,arguments)}function a(t,e){if(null==t)return{};var n={};for(var s in t)if({}.hasOwnProperty.call(t,s)){if(-1!==e.indexOf(s))continue;n[s]=t[s]}return n}function i(t,e){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},i(t,e)}function p(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,i(t,e)}function l(t,e){return t.replace(new RegExp("(^|\\s)"+e+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}var u=n(9514),c=n.n(u);const d=!1,f=r().createContext(null);var m=function(t){return t.scrollTop},h="unmounted",E="exited",x="entering",v="entered",g="exiting",b=function(t){function e(e,n){var s;s=t.call(this,e,n)||this;var r,o=n&&!n.isMounting?e.enter:e.appear;return s.appearStatus=null,e.in?o?(r=E,s.appearStatus=x):r=v:r=e.unmountOnExit||e.mountOnEnter?h:E,s.state={status:r},s.nextCallback=null,s}p(e,t),e.getDerivedStateFromProps=function(t,e){return t.in&&e.status===h?{status:E}:null};var n=e.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(t){var e=null;if(t!==this.props){var n=this.state.status;this.props.in?n!==x&&n!==v&&(e=x):n!==x&&n!==v||(e=g)}this.updateStatus(!1,e)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var t,e,n,s=this.props.timeout;return t=e=n=s,null!=s&&"number"!=typeof s&&(t=s.exit,e=s.enter,n=void 0!==s.appear?s.appear:e),{exit:t,enter:e,appear:n}},n.updateStatus=function(t,e){if(void 0===t&&(t=!1),null!==e)if(this.cancelNextCallback(),e===x){if(this.props.unmountOnExit||this.props.mountOnEnter){var n=this.props.nodeRef?this.props.nodeRef.current:c().findDOMNode(this);n&&m(n)}this.performEnter(t)}else this.performExit();else this.props.unmountOnExit&&this.state.status===E&&this.setState({status:h})},n.performEnter=function(t){var e=this,n=this.props.enter,s=this.context?this.context.isMounting:t,r=this.props.nodeRef?[s]:[c().findDOMNode(this),s],o=r[0],a=r[1],i=this.getTimeouts(),p=s?i.appear:i.enter;!t&&!n||d?this.safeSetState({status:v},(function(){e.props.onEntered(o)})):(this.props.onEnter(o,a),this.safeSetState({status:x},(function(){e.props.onEntering(o,a),e.onTransitionEnd(p,(function(){e.safeSetState({status:v},(function(){e.props.onEntered(o,a)}))}))})))},n.performExit=function(){var t=this,e=this.props.exit,n=this.getTimeouts(),s=this.props.nodeRef?void 0:c().findDOMNode(this);e&&!d?(this.props.onExit(s),this.safeSetState({status:g},(function(){t.props.onExiting(s),t.onTransitionEnd(n.exit,(function(){t.safeSetState({status:E},(function(){t.props.onExited(s)}))}))}))):this.safeSetState({status:E},(function(){t.props.onExited(s)}))},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(t,e){e=this.setNextCallback(e),this.setState(t,e)},n.setNextCallback=function(t){var e=this,n=!0;return this.nextCallback=function(s){n&&(n=!1,e.nextCallback=null,t(s))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},n.onTransitionEnd=function(t,e){this.setNextCallback(e);var n=this.props.nodeRef?this.props.nodeRef.current:c().findDOMNode(this),s=null==t&&!this.props.addEndListener;if(n&&!s){if(this.props.addEndListener){var r=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],o=r[0],a=r[1];this.props.addEndListener(o,a)}null!=t&&setTimeout(this.nextCallback,t)}else setTimeout(this.nextCallback,0)},n.render=function(){var t=this.state.status;if(t===h)return null;var e=this.props,n=e.children,s=(e.in,e.mountOnEnter,e.unmountOnExit,e.appear,e.enter,e.exit,e.timeout,e.addEndListener,e.onEnter,e.onEntering,e.onEntered,e.onExit,e.onExiting,e.onExited,e.nodeRef,a(e,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return r().createElement(f.Provider,{value:null},"function"==typeof n?n(t,s):r().cloneElement(r().Children.only(n),s))},e}(r().Component);function C(){}b.contextType=f,b.propTypes={},b.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:C,onEntering:C,onEntered:C,onExit:C,onExiting:C,onExited:C},b.UNMOUNTED=h,b.EXITED=E,b.ENTERING=x,b.ENTERED=v,b.EXITING=g;const y=b;var N=function(t,e){return t&&e&&e.split(" ").forEach((function(e){return s=e,void((n=t).classList?n.classList.remove(s):"string"==typeof n.className?n.className=l(n.className,s):n.setAttribute("class",l(n.className&&n.className.baseVal||"",s)));var n,s}))},O=function(t){function e(){for(var e,n=arguments.length,s=new Array(n),r=0;r<n;r++)s[r]=arguments[r];return(e=t.call.apply(t,[this].concat(s))||this).appliedClasses={appear:{},enter:{},exit:{}},e.onEnter=function(t,n){var s=e.resolveArguments(t,n),r=s[0],o=s[1];e.removeClasses(r,"exit"),e.addClass(r,o?"appear":"enter","base"),e.props.onEnter&&e.props.onEnter(t,n)},e.onEntering=function(t,n){var s=e.resolveArguments(t,n),r=s[0],o=s[1]?"appear":"enter";e.addClass(r,o,"active"),e.props.onEntering&&e.props.onEntering(t,n)},e.onEntered=function(t,n){var s=e.resolveArguments(t,n),r=s[0],o=s[1]?"appear":"enter";e.removeClasses(r,o),e.addClass(r,o,"done"),e.props.onEntered&&e.props.onEntered(t,n)},e.onExit=function(t){var n=e.resolveArguments(t)[0];e.removeClasses(n,"appear"),e.removeClasses(n,"enter"),e.addClass(n,"exit","base"),e.props.onExit&&e.props.onExit(t)},e.onExiting=function(t){var n=e.resolveArguments(t)[0];e.addClass(n,"exit","active"),e.props.onExiting&&e.props.onExiting(t)},e.onExited=function(t){var n=e.resolveArguments(t)[0];e.removeClasses(n,"exit"),e.addClass(n,"exit","done"),e.props.onExited&&e.props.onExited(t)},e.resolveArguments=function(t,n){return e.props.nodeRef?[e.props.nodeRef.current,t]:[t,n]},e.getClassNames=function(t){var n=e.props.classNames,s="string"==typeof n,r=s?""+(s&&n?n+"-":"")+t:n[t];return{baseClassName:r,activeClassName:s?r+"-active":n[t+"Active"],doneClassName:s?r+"-done":n[t+"Done"]}},e}p(e,t);var n=e.prototype;return n.addClass=function(t,e,n){var s=this.getClassNames(e)[n+"ClassName"],r=this.getClassNames("enter").doneClassName;"appear"===e&&"done"===n&&r&&(s+=" "+r),"active"===n&&t&&m(t),s&&(this.appliedClasses[e][n]=s,function(t,e){t&&e&&e.split(" ").forEach((function(e){return s=e,void((n=t).classList?n.classList.add(s):function(t,e){return t.classList?!!e&&t.classList.contains(e):-1!==(" "+(t.className.baseVal||t.className)+" ").indexOf(" "+e+" ")}(n,s)||("string"==typeof n.className?n.className=n.className+" "+s:n.setAttribute("class",(n.className&&n.className.baseVal||"")+" "+s)));var n,s}))}(t,s))},n.removeClasses=function(t,e){var n=this.appliedClasses[e],s=n.base,r=n.active,o=n.done;this.appliedClasses[e]={},s&&N(t,s),r&&N(t,r),o&&N(t,o)},n.render=function(){var t=this.props,e=(t.classNames,a(t,["classNames"]));return r().createElement(y,o({},e,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},e}(r().Component);O.defaultProps={classNames:""},O.propTypes={};const k=O;class FadeAnimation extends r().PureComponent{static displayName="FadeAnimation";static defaultProps={duration:600,appearDelay:0,in:!0};render(){const{duration:t,appearDelay:e}=this.props,n=`atoka-fadein-${t}-${e}`;return r().createElement(k,{timeout:t+e,classNames:n,in:this.props.in,appear:!0},this.props.children)}}},9155:e=>{e.exports=t},9514:t=>{t.exports=e}},r={};function o(t){var e=r[t];if(void 0!==e)return e.exports;var n=r[t]={exports:{}};return s[t](n,n.exports,o),n.exports}o.m=s,n=[],o.O=(t,e,s,r)=>{if(!e){var a=1/0;for(u=0;u<n.length;u++){for(var[e,s,r]=n[u],i=!0,p=0;p<e.length;p++)(!1&r||a>=r)&&Object.keys(o.O).every((t=>o.O[t](e[p])))?e.splice(p--,1):(i=!1,r<a&&(a=r));if(i){n.splice(u--,1);var l=s();void 0!==l&&(t=l)}}return t}r=r||0;for(var u=n.length;u>0&&n[u-1][2]>r;u--)n[u]=n[u-1];n[u]=[e,s,r]},o.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return o.d(e,{a:e}),e},o.d=(t,e)=>{for(var n in e)o.o(e,n)&&!o.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),o.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={4792:0,9216:0};o.O.j=e=>0===t[e];var e=(e,n)=>{var s,r,[a,i,p]=n,l=0;if(a.some((e=>0!==t[e]))){for(s in i)o.o(i,s)&&(o.m[s]=i[s]);if(p)var u=p(o)}for(e&&e(n);l<a.length;l++)r=a[l],o.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return o.O(u)},n=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];n.forEach(e.bind(null,0)),n.push=e.bind(null,n.push.bind(n))})();var a=o.O(void 0,[9216],(()=>o(6785)));return a=o.O(a)})()));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("react-dom")):"function"==typeof define&&define.amd?define("atoka-design-system",["react","react-dom"],e):"object"==typeof exports?exports["atoka-design-system"]=e(require("react"),require("react-dom")):t["atoka-design-system"]=e(t.react,t["react-dom"])}(self,((t,e)=>(()=>{"use strict";var n,s={6785:(t,e,n)=>{n.r(e),n.d(e,{FadeAnimation:()=>FadeAnimation});var s=n(9155),r=n.n(s);function o(){return o=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var s in n)({}).hasOwnProperty.call(n,s)&&(t[s]=n[s])}return t},o.apply(null,arguments)}function a(t,e){if(null==t)return{};var n={};for(var s in t)if({}.hasOwnProperty.call(t,s)){if(-1!==e.indexOf(s))continue;n[s]=t[s]}return n}function i(t,e){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},i(t,e)}function p(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,i(t,e)}function l(t,e){return t.replace(new RegExp("(^|\\s)"+e+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}var u=n(9514),c=n.n(u);const d=!1,f=r().createContext(null);var m=function(t){return t.scrollTop},h="unmounted",E="exited",x="entering",v="entered",g="exiting",b=function(t){function e(e,n){var s;s=t.call(this,e,n)||this;var r,o=n&&!n.isMounting?e.enter:e.appear;return s.appearStatus=null,e.in?o?(r=E,s.appearStatus=x):r=v:r=e.unmountOnExit||e.mountOnEnter?h:E,s.state={status:r},s.nextCallback=null,s}p(e,t),e.getDerivedStateFromProps=function(t,e){return t.in&&e.status===h?{status:E}:null};var n=e.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(t){var e=null;if(t!==this.props){var n=this.state.status;this.props.in?n!==x&&n!==v&&(e=x):n!==x&&n!==v||(e=g)}this.updateStatus(!1,e)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var t,e,n,s=this.props.timeout;return t=e=n=s,null!=s&&"number"!=typeof s&&(t=s.exit,e=s.enter,n=void 0!==s.appear?s.appear:e),{exit:t,enter:e,appear:n}},n.updateStatus=function(t,e){if(void 0===t&&(t=!1),null!==e)if(this.cancelNextCallback(),e===x){if(this.props.unmountOnExit||this.props.mountOnEnter){var n=this.props.nodeRef?this.props.nodeRef.current:c().findDOMNode(this);n&&m(n)}this.performEnter(t)}else this.performExit();else this.props.unmountOnExit&&this.state.status===E&&this.setState({status:h})},n.performEnter=function(t){var e=this,n=this.props.enter,s=this.context?this.context.isMounting:t,r=this.props.nodeRef?[s]:[c().findDOMNode(this),s],o=r[0],a=r[1],i=this.getTimeouts(),p=s?i.appear:i.enter;!t&&!n||d?this.safeSetState({status:v},(function(){e.props.onEntered(o)})):(this.props.onEnter(o,a),this.safeSetState({status:x},(function(){e.props.onEntering(o,a),e.onTransitionEnd(p,(function(){e.safeSetState({status:v},(function(){e.props.onEntered(o,a)}))}))})))},n.performExit=function(){var t=this,e=this.props.exit,n=this.getTimeouts(),s=this.props.nodeRef?void 0:c().findDOMNode(this);e&&!d?(this.props.onExit(s),this.safeSetState({status:g},(function(){t.props.onExiting(s),t.onTransitionEnd(n.exit,(function(){t.safeSetState({status:E},(function(){t.props.onExited(s)}))}))}))):this.safeSetState({status:E},(function(){t.props.onExited(s)}))},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(t,e){e=this.setNextCallback(e),this.setState(t,e)},n.setNextCallback=function(t){var e=this,n=!0;return this.nextCallback=function(s){n&&(n=!1,e.nextCallback=null,t(s))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},n.onTransitionEnd=function(t,e){this.setNextCallback(e);var n=this.props.nodeRef?this.props.nodeRef.current:c().findDOMNode(this),s=null==t&&!this.props.addEndListener;if(n&&!s){if(this.props.addEndListener){var r=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],o=r[0],a=r[1];this.props.addEndListener(o,a)}null!=t&&setTimeout(this.nextCallback,t)}else setTimeout(this.nextCallback,0)},n.render=function(){var t=this.state.status;if(t===h)return null;var e=this.props,n=e.children,s=(e.in,e.mountOnEnter,e.unmountOnExit,e.appear,e.enter,e.exit,e.timeout,e.addEndListener,e.onEnter,e.onEntering,e.onEntered,e.onExit,e.onExiting,e.onExited,e.nodeRef,a(e,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return r().createElement(f.Provider,{value:null},"function"==typeof n?n(t,s):r().cloneElement(r().Children.only(n),s))},e}(r().Component);function C(){}b.contextType=f,b.propTypes={},b.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:C,onEntering:C,onEntered:C,onExit:C,onExiting:C,onExited:C},b.UNMOUNTED=h,b.EXITED=E,b.ENTERING=x,b.ENTERED=v,b.EXITING=g;const y=b;var N=function(t,e){return t&&e&&e.split(" ").forEach((function(e){return s=e,void((n=t).classList?n.classList.remove(s):"string"==typeof n.className?n.className=l(n.className,s):n.setAttribute("class",l(n.className&&n.className.baseVal||"",s)));var n,s}))},O=function(t){function e(){for(var e,n=arguments.length,s=new Array(n),r=0;r<n;r++)s[r]=arguments[r];return(e=t.call.apply(t,[this].concat(s))||this).appliedClasses={appear:{},enter:{},exit:{}},e.onEnter=function(t,n){var s=e.resolveArguments(t,n),r=s[0],o=s[1];e.removeClasses(r,"exit"),e.addClass(r,o?"appear":"enter","base"),e.props.onEnter&&e.props.onEnter(t,n)},e.onEntering=function(t,n){var s=e.resolveArguments(t,n),r=s[0],o=s[1]?"appear":"enter";e.addClass(r,o,"active"),e.props.onEntering&&e.props.onEntering(t,n)},e.onEntered=function(t,n){var s=e.resolveArguments(t,n),r=s[0],o=s[1]?"appear":"enter";e.removeClasses(r,o),e.addClass(r,o,"done"),e.props.onEntered&&e.props.onEntered(t,n)},e.onExit=function(t){var n=e.resolveArguments(t)[0];e.removeClasses(n,"appear"),e.removeClasses(n,"enter"),e.addClass(n,"exit","base"),e.props.onExit&&e.props.onExit(t)},e.onExiting=function(t){var n=e.resolveArguments(t)[0];e.addClass(n,"exit","active"),e.props.onExiting&&e.props.onExiting(t)},e.onExited=function(t){var n=e.resolveArguments(t)[0];e.removeClasses(n,"exit"),e.addClass(n,"exit","done"),e.props.onExited&&e.props.onExited(t)},e.resolveArguments=function(t,n){return e.props.nodeRef?[e.props.nodeRef.current,t]:[t,n]},e.getClassNames=function(t){var n=e.props.classNames,s="string"==typeof n,r=s?""+(s&&n?n+"-":"")+t:n[t];return{baseClassName:r,activeClassName:s?r+"-active":n[t+"Active"],doneClassName:s?r+"-done":n[t+"Done"]}},e}p(e,t);var n=e.prototype;return n.addClass=function(t,e,n){var s=this.getClassNames(e)[n+"ClassName"],r=this.getClassNames("enter").doneClassName;"appear"===e&&"done"===n&&r&&(s+=" "+r),"active"===n&&t&&m(t),s&&(this.appliedClasses[e][n]=s,function(t,e){t&&e&&e.split(" ").forEach((function(e){return s=e,void((n=t).classList?n.classList.add(s):function(t,e){return t.classList?!!e&&t.classList.contains(e):-1!==(" "+(t.className.baseVal||t.className)+" ").indexOf(" "+e+" ")}(n,s)||("string"==typeof n.className?n.className=n.className+" "+s:n.setAttribute("class",(n.className&&n.className.baseVal||"")+" "+s)));var n,s}))}(t,s))},n.removeClasses=function(t,e){var n=this.appliedClasses[e],s=n.base,r=n.active,o=n.done;this.appliedClasses[e]={},s&&N(t,s),r&&N(t,r),o&&N(t,o)},n.render=function(){var t=this.props,e=(t.classNames,a(t,["classNames"]));return r().createElement(y,o({},e,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},e}(r().Component);O.defaultProps={classNames:""},O.propTypes={};const k=O;class FadeAnimation extends r().PureComponent{static displayName="FadeAnimation";static defaultProps={duration:600,appearDelay:0,in:!0};render(){const{duration:t,appearDelay:e}=this.props,n=`atoka-fadein-${t}-${e}`;return r().createElement(k,{timeout:t+e,classNames:n,in:this.props.in,appear:!0},this.props.children)}}},9155:e=>{e.exports=t},9514:t=>{t.exports=e}},r={};function o(t){var e=r[t];if(void 0!==e)return e.exports;var n=r[t]={exports:{}};return s[t](n,n.exports,o),n.exports}o.m=s,n=[],o.O=(t,e,s,r)=>{if(!e){var a=1/0;for(u=0;u<n.length;u++){for(var[e,s,r]=n[u],i=!0,p=0;p<e.length;p++)(!1&r||a>=r)&&Object.keys(o.O).every((t=>o.O[t](e[p])))?e.splice(p--,1):(i=!1,r<a&&(a=r));if(i){n.splice(u--,1);var l=s();void 0!==l&&(t=l)}}return t}r=r||0;for(var u=n.length;u>0&&n[u-1][2]>r;u--)n[u]=n[u-1];n[u]=[e,s,r]},o.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return o.d(e,{a:e}),e},o.d=(t,e)=>{for(var n in e)o.o(e,n)&&!o.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),o.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={4792:0,525:0};o.O.j=e=>0===t[e];var e=(e,n)=>{var s,r,[a,i,p]=n,l=0;if(a.some((e=>0!==t[e]))){for(s in i)o.o(i,s)&&(o.m[s]=i[s]);if(p)var u=p(o)}for(e&&e(n);l<a.length;l++)r=a[l],o.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return o.O(u)},n=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];n.forEach(e.bind(null,0)),n.push=e.bind(null,n.push.bind(n))})();var a=o.O(void 0,[525],(()=>o(6785)));return a=o.O(a)})()));