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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/AddableItems/index.js +1 -1
  2. package/Alert/index.js +1 -1
  3. package/Badge/index.js +1 -1
  4. package/Bs4V3Wrapper/index.js +1 -1
  5. package/BubbleChart/index.js +1 -1
  6. package/Button/index.js +1 -1
  7. package/ButtonDropdown/index.js +1 -1
  8. package/CardsPage/index.js +1 -1
  9. package/ClickableExcludableItem/index.js +1 -1
  10. package/CursorPagination/index.js +1 -1
  11. package/DatePicker/index.js +1 -1
  12. package/DatePickerInput/index.js +1 -1
  13. package/DetailPage/index.js +1 -1
  14. package/DetailPageContent/index.js +1 -1
  15. package/Dropdown/index.js +1 -1
  16. package/EditableString/index.js +1 -1
  17. package/EllipsableContent/index.js +1 -1
  18. package/EmptyState/index.js +1 -1
  19. package/Expandable/index.js +1 -1
  20. package/Facet/index.js +1 -1
  21. package/FacetSection/index.js +1 -1
  22. package/FadeAnimation/index.js +1 -1
  23. package/FeedbackButton/index.js +1 -1
  24. package/Form/index.js +1 -1
  25. package/Funnel/index.js +1 -1
  26. package/Gauge/index.js +1 -1
  27. package/GeoMap/index.js +1 -1
  28. package/GridCard/index.js +1 -1
  29. package/HighlightableText/index.js +1 -1
  30. package/Histogram/index.js +1 -1
  31. package/InlineStringEditor/index.js +1 -1
  32. package/InputGroup/index.js +1 -1
  33. package/Jumbotron/index.js +1 -1
  34. package/Map/index.js +1 -1
  35. package/Modal/index.js +1 -1
  36. package/MultiModeDatePicker/index.js +1 -1
  37. package/Navbar/index.js +1 -1
  38. package/OniruCard/index.js +1 -1
  39. package/Pagination/index.js +1 -1
  40. package/PieChart/index.js +1 -1
  41. package/PublicFooter/index.js +1 -1
  42. package/PublicNavbar/index.js +1 -1
  43. package/RecordBit/index.js +1 -1
  44. package/ResponsiveLineChart/index.js +1 -1
  45. package/ResultItemCard/index.js +1 -1
  46. package/RowCard/index.js +1 -1
  47. package/SelectDropdown/index.js +1 -1
  48. package/Spinner/index.js +1 -1
  49. package/StatisticsItemCard/index.js +1 -1
  50. package/StatisticsItemNumeric/index.js +1 -1
  51. package/StatisticsLegend/index.js +1 -1
  52. package/StatisticsTooltip/index.js +1 -1
  53. package/StreamDialog/index.js +1 -1
  54. package/Suggester/index.js +1 -1
  55. package/SuggestionCard/index.js +1 -1
  56. package/SunBurst/index.js +1 -1
  57. package/TabSwitcher/index.js +1 -1
  58. package/Text/index.js +1 -1
  59. package/Title/index.js +1 -1
  60. package/Toast/index.js +1 -1
  61. package/ToggleButtonGroup/index.js +1 -1
  62. package/Tooltip/index.js +1 -1
  63. package/UserAvatar/index.js +1 -1
  64. package/Utils/index.js +1 -1
  65. package/{atoka-design-system-7.13.1-beta.5.min.css → atoka-design-system-8.0.1.min.css} +1 -1
  66. package/package.json +1 -1
  67. package/styles/atoka-bs.scss +15 -0
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/pro-solid-svg-icons/faCircle"),require("@fortawesome/react-fontawesome"),require("@nivo/line"),require("classnames"),require("react"),require("react-bootstrap/Col"),require("react-bootstrap/Container"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/OverlayTrigger"),require("react-bootstrap/Row")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/pro-solid-svg-icons/faCircle","@fortawesome/react-fontawesome","@nivo/line","classnames","react","react-bootstrap/Col","react-bootstrap/Container","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-bootstrap/OverlayTrigger","react-bootstrap/Row"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/pro-solid-svg-icons/faCircle"),require("@fortawesome/react-fontawesome"),require("@nivo/line"),require("classnames"),require("react"),require("react-bootstrap/Col"),require("react-bootstrap/Container"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/OverlayTrigger"),require("react-bootstrap/Row")):e["atoka-design-system"]=t(e["@fortawesome/pro-solid-svg-icons/faCircle"],e["@fortawesome/react-fontawesome"],e["@nivo/line"],e.classnames,e.react,e["react-bootstrap/Col"],e["react-bootstrap/Container"],e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-bootstrap/OverlayTrigger"],e["react-bootstrap/Row"])}(self,((e,t,o,r,a,n,l,s,i,c,u,p)=>(()=>{"use strict";var d,m={3250:(e,t,o)=>{o.d(t,{EllipsableContent:()=>EllipsableContent});var r=o(992),a=o.n(r),n=o(9155),l=o.n(n),s=o(1414),i=o(862);const c=e=>l().createElement("div",{className:"ellipsable-content-prepend"},e.children);c.displayName="EllipsableContent.Prepend";const u=e=>l().createElement("div",{className:"ellipsable-content-append"},e.children);u.displayName="EllipsableContent.Append";const p=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)};p.displayName="EllipsableContent.Content";class EllipsableContent extends l().PureComponent{static displayName="EllipsableContent";static Prepend=c;static Append=u;static Content=p;renderFullContent(){const e=(0,i.Ep)(this.props.children,EllipsableContent.Prepend);let t=(0,i.Ep)(this.props.children,EllipsableContent.Content);const o=(0,i.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),i=o.n(s),c=o(3048),u=o(545),p=o(2039),d=o(8867),m=o(9125);const b=e=>{const t=l()(e?.className,"atoka-form");return a().createElement(i(),{...e,className:t},e.children)};b.displayName="Form",b.Control=u.M,b.Label=c.l,b.Checkbox=p.c,b.Radio=d.M,b.Switch=i().Switch,b.Help=m.W,b.Group=i().Group},2039:(e,t,o)=>{o.d(t,{c:()=>c});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(1759),i=o.n(s);const c=e=>{const t=l()("atoka-form-checkbox",e?.className);return a().createElement(i().Check,{type:"checkbox",...e,className:t,label:e.label??""})};c.displayName="FormCheckbox"},545:(e,t,o)=>{o.d(t,{M:()=>p});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(9852),i=o.n(s),c=o(5344);const u=a().forwardRef((({size:e="md",...t},o)=>{const r=l()("atoka-form-control",t?.className,{disabled:t.disabled});return a().createElement(i(),{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)}));u.displayName="FormControlComponent";const p=u;p.FeedBack=c.B,p.displayName="FormControl"},5344:(e,t,o)=>{o.d(t,{B:()=>c});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(9852),i=o.n(s);const c=a().memo((({show:e=!0,...t})=>{const o=l()(t?.className,"atoka-form-control-feedback",{"d-block":e});return a().createElement(i().Feedback,{type:t.type,className:o},t.children)}));c.displayName="FormControlFeedBack"},9125:(e,t,o)=>{o.d(t,{W:()=>c});var r=o(7452),a=o.n(r),n=o(9155),l=o.n(n),s=o(992),i=o.n(s);const c=l().memo((({children:e,...t})=>{const o=i()("d-block",t?.className);return l().createElement(a(),{bsPrefix:"atoka-form-help",className:o},e)}));c.displayName="FormHelp"},3048:(e,t,o)=>{o.d(t,{l:()=>c});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(1759),i=o.n(s);const c=a().memo((e=>{const t=l()(e?.className,"atoka-form-label");return a().createElement(i().Label,{className:t},e.children)}));c.displayName="FormLabel"},8867:(e,t,o)=>{o.d(t,{M:()=>c});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(1759),i=o.n(s);const c=e=>{const t=l()(e?.className,"atoka-form-radio");return a().createElement(i().Check,{type:"radio",...e,className:t,label:e.label??""})};c.displayName="FormRadio"},8003:(e,t,o)=>{o.r(t),o.d(t,{ResponsiveLineChart:()=>d});var r=o(9155),a=o.n(r),n=o(7585),l=o(8286),s=o(1211),i=o(5414),c=o(862);const u={blue300:s.blue300,orange:s.orange,green:s.green,red:s.red,bluelight:s.bluelight,salmon:s.salmon,violet:s.violet};function p(e,t){let o=1/0,r=-1/0;for(const{dataPoints:t}of e)for(const e of t)null!==e.value&&(o=Math.min(o,e.value),r=Math.max(r,e.value));if(o===1/0||r===-1/0)return[0];if(t<=1)return[.5*o+.5*r];if(r===o)return[o];const a=(r-o)/(t-1);return Array.from({length:t},((e,t)=>Number((o+a*t).toFixed(2))))}function d({data:e,colors:t,axisLeftTickAmount:o,enableLegend:r,axisLeftValueFormatter:s,enableAxisLeft:d=!0,enableAxisBottom:m=!0,...b}){if(t.length!==e.length)throw new Error("The number of colors must be the same as the number of series.");const f=e.map((e=>({id:e.id,data:e.dataPoints.map((e=>({x:e.label,y:e.value})))}))),h=t.map((e=>u[e]));const y=a().createElement(n.ResponsiveLine,{data:f,colors:h,xScale:{type:"point"},yScale:{type:"linear",min:"auto",max:"auto"},axisLeft:{tickSize:0,tickValues:p(e,o),format:d?s:()=>""},axisBottom:{tickSize:0,format:m?void 0:()=>""},gridYValues:p(e,o),tooltip:function({point:e}){const t={id:String(e.serieId),label:String(e.data.x),value:s?s(Number(e.data.y)):String(e.data.y)};return a().createElement(l.StatisticsTooltip,{data:t,tooltipDataLabelKey:"label",tooltipDataValueKey:"value",tooltipDataTitleKey:"id",color:e.serieColor,className:"tooltip-background"})},legends:[],pointBorderColor:"white",pointBorderWidth:2,pointSize:8,lineWidth:3,pointLabelYOffset:-12,theme:(0,c.Us)(),defs:[{colors:[{color:"inherit",offset:0},{color:"inherit",offset:100,opacity:0}],id:"gradientA",type:"linearGradient"}],fill:[{id:"gradientA",match:"*"}],...b});return r?a().createElement("div",{className:"d-flex flex-column h-100 top-surface-main"},y,a().createElement(i.StatisticsLegend,{data:e.map((({id:e})=>({id:e}))),colors:h,layout:"horizontal",legendDataLabelKey:"id"})):y}d.displayName="ResponsiveLineChart"},5414:(e,t,o)=>{o.d(t,{StatisticsLegend:()=>g});var r=o(9155),a=o.n(r),n=o(392),l=o.n(n),s=o(7607),i=o.n(s),c=o(992),u=o.n(c),p=o(4653),d=o.n(p),m=o(3814),b=o(6889),f=o(3250),h=o(5700),y=o(3392);class StatisticsLegendItem extends a().PureComponent{static displayName="StatisticsLegendItem";renderRightBlock(){const e=[this.renderValue(),this.renderPercentage()].filter((e=>null!=e));return 0===e.length?null:a().createElement(f.EllipsableContent.Append,null,e)}renderValue(){const{legendDataValueKey:e,numberToStringFormatter:t,data:o}=this.props;if(null==e||null==o[e])return null;const r=o[e],n=t?t(+r):String(r);return a().createElement("strong",{key:"value-container",className:"value-container text-nowrap"},n)}renderPercentage(){const{legendDataPercentageKey:e,data:t}=this.props;if(null==e||null==t[e])return null;const o=(0,y.WM)(+t[e]);return a().createElement("div",{key:"percentage-container",className:"percentage-container ms-1"},o)}renderOtherLabel(e){return(0,h.ZS)(e.label)?String(e?.id??""):e.label}renderLabel(){const{legendDataLabelKey:e,data:t,otherId:o}=this.props;return t.id===o?this.renderOtherLabel(t):null==e?null:t?.[e]}render(){const{columnNumber:e,color:t,data:o}=this.props,r=u()("legend-item px-1",{"flex-basis-0":"horizontal"===this.props.layout});return a().createElement(d(),{sm:12/e,className:r,key:`legend-item-${o.id}`},a().createElement(f.EllipsableContent,{className:"label-container w-100 justify-content-between"},a().createElement(f.EllipsableContent.Content,null,a().createElement(b.FontAwesomeIcon,{icon:m.faCircle,color:t,className:"me-1"}),this.renderLabel()),this.renderRightBlock()))}}const g=a().memo((({data:e,otherId:t,colors:o,layout:r="vertical",columnNumber:n=2,numberToStringFormatter:s,legendDataLabelKey:c,legendDataValueKey:u,legendDataPercentageKey:p})=>{function d(e,l){const{id:i}=e,d=i===t?o?.[o.length-1]:o?.[l];return a().createElement(StatisticsLegendItem,{data:e,numberToStringFormatter:s,legendDataValueKey:u,legendDataLabelKey:c,legendDataPercentageKey:p,color:d,otherId:t,key:i+d,columnNumber:n,layout:r})}const m=e.filter((e=>0!==e.value||e.id!==t));return"horizontal"===r?a().createElement("div",{className:"legend-container"},m.map(d)):a().createElement(l(),{className:"legend-container"},a().createElement(i(),{className:"w-100"},m.map(d)))}));g.displayName="StatisticsLegend";a().PureComponent},8286:(e,t,o)=>{o.d(t,{StatisticsTooltip:()=>i});var r=o(992),a=o.n(r),n=o(9155),l=o.n(n),s=o(3392);function i(e){function t(){const{tooltipDataLabelKey:t,numberToStringFormatter:o,data:a}=e,n=r(t,a);if(null!=n)return null==o?String(n):"number"==typeof n?o(n):n}function o(){const{tooltipDataValueKey:t,data:o}=e,a=r(t,o);if(null!=a)return"number"==typeof a?(0,s.WM)(a):a}function r(e,t){return null==e?void 0:t?.[e]}const n=a()("statistics-tooltip",e?.className),i=null==e.color?null:l().createElement("span",{className:"tooltip-rectangle",style:{background:e.color}});return l().createElement("div",{className:n},l().createElement("div",{className:"d-flex align-items-center"},i,l().createElement("span",{className:"text-start"},function(){const{tooltipDataTitleKey:t,data:o,otherId:a,otherLabel:n}=e,l=r(t,o);return l===a?n??a:l?String(l):void 0}())),function(){const r=[{value:t(),key:e.tooltipDataLabelKey,className:"label"},{value:o(),key:e.tooltipDataValueKey,className:"value"}].filter((e=>null!=e.value)).map((e=>l().createElement("span",{key:String(e.key),className:e.className},e.value)));return 0===r.length?null:l().createElement("div",{className:"d-flex justify-content-between"},r)}(),e.children)}i.displayName="StatisticsTooltip"},1414:(e,t,o)=>{o.d(t,{Tooltip:()=>c});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(9065),i=o.n(s);const c=a().memo((e=>{const[t,o]=(0,r.useState)(!1),[n,s]=(0,r.useState)(!1),[c,u]=(0,r.useState)(!1),p=(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",f=l()("tooltip atoka-tooltip",e.className,`${b} bs-tooltip-${b}`),{onToggle:h,delay:y,trigger:g=["hover","focus","click"]}=e,v=(0,r.useMemo)((()=>Array.isArray(g)?g:[g]),[g]),C=v.includes("hover"),k=v.includes("focus"),E=v.includes("click"),N=(0,r.useMemo)((()=>"object"==typeof y?y:{show:y||0,hide:y||0}),[y]),x=void 0!==e.show?e.show:C&&t||k&&n||E&&c,w=(0,r.useCallback)((()=>{clearTimeout(p.current),p.current=void 0}),[]),F=(0,r.useCallback)((()=>{clearTimeout(d.current),d.current=void 0}),[]),S=(0,r.useCallback)((()=>{w(),F()}),[w,F]),L=(0,r.useCallback)((e=>{e||C&&t||k&&n||u(!1),h?.(e)}),[h,t,n,C,k]),T=e.children,P=(0,r.useCallback)((e=>{C&&(w(),N.show?p.current=setTimeout((()=>{o(!0)}),N.show):o(!0)),T.props?.onMouseEnter?.(e)}),[T,N.show,w,C]),q=(0,r.useCallback)((e=>{C&&(w(),N.hide?p.current=setTimeout((()=>{o(!1)}),N.hide):o(!1)),T.props?.onMouseLeave?.(e)}),[T,N.hide,w,C]),M=(0,r.useCallback)((e=>{k&&(F(),N.show?d.current=setTimeout((()=>{s(!0)}),N.show):s(!0)),T.props?.onFocus?.(e)}),[T,N.show,F,k]),_=(0,r.useCallback)((e=>{k&&(F(),N.hide?d.current=setTimeout((()=>{s(!1)}),N.hide):s(!1)),T.props?.onBlur?.(e)}),[T,N.hide,F,k]),D=(0,r.useCallback)((e=>{E&&(S(),u((e=>!e))),T.props?.onClick?.(e)}),[T,S,E]);(0,r.useEffect)((()=>()=>{S()}),[S]);const{content:K,...O}=e,A=(0,r.useCallback)((({...e})=>{const{show:t,style:o,ref:r,...n}=e,s=l()(f,{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"},K))}),[K,f]),V=(0,r.useCallback)((e=>a().cloneElement(T,{...e,onMouseEnter:P,onMouseLeave:q,onFocus:M,onBlur:_,onClick:D})),[T,P,q,M,_,D]);return a().createElement(i(),{...O,show:x,onToggle:L,container:m.current,overlay:A,rootClose:!0},V)}));c.displayName="Tooltip"},3392:(e,t,o)=>{o.d(t,{WM:()=>r});o(862);function r(e){return`${parseInt(e?.toFixed?.(0),10)}%`}},7898:(e,t,o)=>{o.d(t,{Cl:()=>r,Gz:()=>s,Jd:()=>c,T_:()=>a,p1:()=>i,wL:()=>l,wv:()=>n});const r="rgb(31, 88, 113)",a="#F38522",n="#F72200",l="#309B0A",s="#965DA3",i="#F86752",c="#229CF3";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,o)=>{function r(e){if(null==e)return!0;try{return null!==e.match(/^\s*$/)}catch(e){return!0}}o.d(t,{ZS:()=>r})},862:(e,t,o)=>{o.d(t,{Ep:()=>n,Us:()=>l});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}function l(e={}){return{...e,text:{color:"var(--atoka_colors_mediumEmphasisMain)",fill:"var(--atoka_colors_mediumEmphasisMain)",...e.text},background:"var(--atoka_colors_topSurfaceMain)",grid:{line:{stroke:"var(--atoka_colors_lowEmphasisMain)",...e.grid?.line},...e.grid},tooltip:{container:{background:"var(--atoka_colors_topSurfaceMain)",border:"1px solid var(--atoka_colors_strokeMain)",...e.tooltip?.container},...e.tooltip}}}},1211:(e,t,o)=>{o.d(t,{blue300:()=>r.Cl,bluelight:()=>r.Jd,green:()=>r.wL,orange:()=>r.T_,red:()=>r.wv,salmon:()=>r.p1,violet:()=>r.Gz});o(3392),o(862);var r=o(7898)},3814:t=>{t.exports=e},6889:e=>{e.exports=t},7585:e=>{e.exports=o},992:e=>{e.exports=r},9155:e=>{e.exports=a},4653:e=>{e.exports=n},392:e=>{e.exports=l},1759:e=>{e.exports=s},9852:e=>{e.exports=i},7452:e=>{e.exports=c},9065:e=>{e.exports=u},7607:e=>{e.exports=p}},b={};function f(e){var t=b[e];if(void 0!==t)return t.exports;var o=b[e]={exports:{}};return m[e](o,o.exports,f),o.exports}f.m=m,d=[],f.O=(e,t,o,r)=>{if(!t){var a=1/0;for(i=0;i<d.length;i++){for(var[t,o,r]=d[i],n=!0,l=0;l<t.length;l++)(!1&r||a>=r)&&Object.keys(f.O).every((e=>f.O[e](t[l])))?t.splice(l--,1):(n=!1,r<a&&(a=r));if(n){d.splice(i--,1);var s=o();void 0!==s&&(e=s)}}return e}r=r||0;for(var i=d.length;i>0&&d[i-1][2]>r;i--)d[i]=d[i-1];d[i]=[t,o,r]},f.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return f.d(t,{a:t}),t},f.d=(e,t)=>{for(var o in t)f.o(t,o)&&!f.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={666:0,4604:0,5545:0,5824:0,6808:0,525:0};f.O.j=t=>0===e[t];var t=(t,o)=>{var r,a,[n,l,s]=o,i=0;if(n.some((t=>0!==e[t]))){for(r in l)f.o(l,r)&&(f.m[r]=l[r]);if(s)var c=s(f)}for(t&&t(o);i<n.length;i++)a=n[i],f.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return f.O(c)},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 h=f.O(void 0,[525],(()=>f(8003)));return h=f.O(h)})()));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/pro-solid-svg-icons/faCircle"),require("@fortawesome/react-fontawesome"),require("@nivo/line"),require("classnames"),require("react"),require("react-bootstrap/Col"),require("react-bootstrap/Container"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/OverlayTrigger"),require("react-bootstrap/Row")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/pro-solid-svg-icons/faCircle","@fortawesome/react-fontawesome","@nivo/line","classnames","react","react-bootstrap/Col","react-bootstrap/Container","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-bootstrap/OverlayTrigger","react-bootstrap/Row"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/pro-solid-svg-icons/faCircle"),require("@fortawesome/react-fontawesome"),require("@nivo/line"),require("classnames"),require("react"),require("react-bootstrap/Col"),require("react-bootstrap/Container"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/OverlayTrigger"),require("react-bootstrap/Row")):e["atoka-design-system"]=t(e["@fortawesome/pro-solid-svg-icons/faCircle"],e["@fortawesome/react-fontawesome"],e["@nivo/line"],e.classnames,e.react,e["react-bootstrap/Col"],e["react-bootstrap/Container"],e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-bootstrap/OverlayTrigger"],e["react-bootstrap/Row"])}(self,((e,t,o,r,a,n,l,s,i,c,u,p)=>(()=>{"use strict";var d,m={3250:(e,t,o)=>{o.d(t,{EllipsableContent:()=>EllipsableContent});var r=o(992),a=o.n(r),n=o(9155),l=o.n(n),s=o(1414),i=o(862);const c=e=>l().createElement("div",{className:"ellipsable-content-prepend"},e.children);c.displayName="EllipsableContent.Prepend";const u=e=>l().createElement("div",{className:"ellipsable-content-append"},e.children);u.displayName="EllipsableContent.Append";const p=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)};p.displayName="EllipsableContent.Content";class EllipsableContent extends l().PureComponent{static displayName="EllipsableContent";static Prepend=c;static Append=u;static Content=p;renderFullContent(){const e=(0,i.Ep)(this.props.children,EllipsableContent.Prepend);let t=(0,i.Ep)(this.props.children,EllipsableContent.Content);const o=(0,i.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),i=o.n(s),c=o(3048),u=o(545),p=o(2039),d=o(8867),m=o(9125);const b=e=>{const t=l()(e?.className,"atoka-form");return a().createElement(i(),{...e,className:t},e.children)};b.displayName="Form",b.Control=u.M,b.Label=c.l,b.Checkbox=p.c,b.Radio=d.M,b.Switch=i().Switch,b.Help=m.W,b.Group=i().Group},2039:(e,t,o)=>{o.d(t,{c:()=>c});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(1759),i=o.n(s);const c=e=>{const t=l()("atoka-form-checkbox",e?.className);return a().createElement(i().Check,{type:"checkbox",...e,className:t,label:e.label??""})};c.displayName="FormCheckbox"},545:(e,t,o)=>{o.d(t,{M:()=>p});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(9852),i=o.n(s),c=o(5344);const u=a().forwardRef((({size:e="md",...t},o)=>{const r=l()("atoka-form-control",t?.className,{disabled:t.disabled});return a().createElement(i(),{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)}));u.displayName="FormControlComponent";const p=u;p.FeedBack=c.B,p.displayName="FormControl"},5344:(e,t,o)=>{o.d(t,{B:()=>c});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(9852),i=o.n(s);const c=a().memo((({show:e=!0,...t})=>{const o=l()(t?.className,"atoka-form-control-feedback",{"d-block":e});return a().createElement(i().Feedback,{type:t.type,className:o},t.children)}));c.displayName="FormControlFeedBack"},9125:(e,t,o)=>{o.d(t,{W:()=>c});var r=o(7452),a=o.n(r),n=o(9155),l=o.n(n),s=o(992),i=o.n(s);const c=l().memo((({children:e,...t})=>{const o=i()("d-block",t?.className);return l().createElement(a(),{bsPrefix:"atoka-form-help",className:o},e)}));c.displayName="FormHelp"},3048:(e,t,o)=>{o.d(t,{l:()=>c});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(1759),i=o.n(s);const c=a().memo((e=>{const t=l()(e?.className,"atoka-form-label");return a().createElement(i().Label,{className:t},e.children)}));c.displayName="FormLabel"},8867:(e,t,o)=>{o.d(t,{M:()=>c});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(1759),i=o.n(s);const c=e=>{const t=l()(e?.className,"atoka-form-radio");return a().createElement(i().Check,{type:"radio",...e,className:t,label:e.label??""})};c.displayName="FormRadio"},8003:(e,t,o)=>{o.r(t),o.d(t,{ResponsiveLineChart:()=>d});var r=o(9155),a=o.n(r),n=o(7585),l=o(8286),s=o(1211),i=o(5414),c=o(862);const u={blue300:s.blue300,orange:s.orange,green:s.green,red:s.red,bluelight:s.bluelight,salmon:s.salmon,violet:s.violet};function p(e,t){let o=1/0,r=-1/0;for(const{dataPoints:t}of e)for(const e of t)null!==e.value&&(o=Math.min(o,e.value),r=Math.max(r,e.value));if(o===1/0||r===-1/0)return[0];if(t<=1)return[.5*o+.5*r];if(r===o)return[o];const a=(r-o)/(t-1);return Array.from({length:t},((e,t)=>Number((o+a*t).toFixed(2))))}function d({data:e,colors:t,axisLeftTickAmount:o,enableLegend:r,axisLeftValueFormatter:s,enableAxisLeft:d=!0,enableAxisBottom:m=!0,...b}){if(t.length!==e.length)throw new Error("The number of colors must be the same as the number of series.");const f=e.map((e=>({id:e.id,data:e.dataPoints.map((e=>({x:e.label,y:e.value})))}))),h=t.map((e=>u[e]));const y=a().createElement(n.ResponsiveLine,{data:f,colors:h,xScale:{type:"point"},yScale:{type:"linear",min:"auto",max:"auto"},axisLeft:{tickSize:0,tickValues:p(e,o),format:d?s:()=>""},axisBottom:{tickSize:0,format:m?void 0:()=>""},gridYValues:p(e,o),tooltip:function({point:e}){const t={id:String(e.serieId),label:String(e.data.x),value:s?s(Number(e.data.y)):String(e.data.y)};return a().createElement(l.StatisticsTooltip,{data:t,tooltipDataLabelKey:"label",tooltipDataValueKey:"value",tooltipDataTitleKey:"id",color:e.serieColor,className:"tooltip-background"})},legends:[],pointBorderColor:"white",pointBorderWidth:2,pointSize:8,lineWidth:3,pointLabelYOffset:-12,theme:(0,c.Us)(),defs:[{colors:[{color:"inherit",offset:0},{color:"inherit",offset:100,opacity:0}],id:"gradientA",type:"linearGradient"}],fill:[{id:"gradientA",match:"*"}],...b});return r?a().createElement("div",{className:"d-flex flex-column h-100 top-surface-main"},y,a().createElement(i.StatisticsLegend,{data:e.map((({id:e})=>({id:e}))),colors:h,layout:"horizontal",legendDataLabelKey:"id"})):y}d.displayName="ResponsiveLineChart"},5414:(e,t,o)=>{o.d(t,{StatisticsLegend:()=>g});var r=o(9155),a=o.n(r),n=o(392),l=o.n(n),s=o(7607),i=o.n(s),c=o(992),u=o.n(c),p=o(4653),d=o.n(p),m=o(3814),b=o(6889),f=o(3250),h=o(5700),y=o(3392);class StatisticsLegendItem extends a().PureComponent{static displayName="StatisticsLegendItem";renderRightBlock(){const e=[this.renderValue(),this.renderPercentage()].filter((e=>null!=e));return 0===e.length?null:a().createElement(f.EllipsableContent.Append,null,e)}renderValue(){const{legendDataValueKey:e,numberToStringFormatter:t,data:o}=this.props;if(null==e||null==o[e])return null;const r=o[e],n=t?t(+r):String(r);return a().createElement("strong",{key:"value-container",className:"value-container text-nowrap"},n)}renderPercentage(){const{legendDataPercentageKey:e,data:t}=this.props;if(null==e||null==t[e])return null;const o=(0,y.WM)(+t[e]);return a().createElement("div",{key:"percentage-container",className:"percentage-container ms-1"},o)}renderOtherLabel(e){return(0,h.ZS)(e.label)?String(e?.id??""):e.label}renderLabel(){const{legendDataLabelKey:e,data:t,otherId:o}=this.props;return t.id===o?this.renderOtherLabel(t):null==e?null:t?.[e]}render(){const{columnNumber:e,color:t,data:o}=this.props,r=u()("legend-item px-1",{"flex-basis-0":"horizontal"===this.props.layout});return a().createElement(d(),{sm:12/e,className:r,key:`legend-item-${o.id}`},a().createElement(f.EllipsableContent,{className:"label-container w-100 justify-content-between"},a().createElement(f.EllipsableContent.Content,null,a().createElement(b.FontAwesomeIcon,{icon:m.faCircle,color:t,className:"me-1"}),this.renderLabel()),this.renderRightBlock()))}}const g=a().memo((({data:e,otherId:t,colors:o,layout:r="vertical",columnNumber:n=2,numberToStringFormatter:s,legendDataLabelKey:c,legendDataValueKey:u,legendDataPercentageKey:p})=>{function d(e,l){const{id:i}=e,d=i===t?o?.[o.length-1]:o?.[l];return a().createElement(StatisticsLegendItem,{data:e,numberToStringFormatter:s,legendDataValueKey:u,legendDataLabelKey:c,legendDataPercentageKey:p,color:d,otherId:t,key:i+d,columnNumber:n,layout:r})}const m=e.filter((e=>0!==e.value||e.id!==t));return"horizontal"===r?a().createElement("div",{className:"legend-container"},m.map(d)):a().createElement(l(),{className:"legend-container"},a().createElement(i(),{className:"w-100"},m.map(d)))}));g.displayName="StatisticsLegend";a().PureComponent},8286:(e,t,o)=>{o.d(t,{StatisticsTooltip:()=>i});var r=o(992),a=o.n(r),n=o(9155),l=o.n(n),s=o(3392);function i(e){function t(){const{tooltipDataLabelKey:t,numberToStringFormatter:o,data:a}=e,n=r(t,a);if(null!=n)return null==o?String(n):"number"==typeof n?o(n):n}function o(){const{tooltipDataValueKey:t,data:o}=e,a=r(t,o);if(null!=a)return"number"==typeof a?(0,s.WM)(a):a}function r(e,t){return null==e?void 0:t?.[e]}const n=a()("statistics-tooltip",e?.className),i=null==e.color?null:l().createElement("span",{className:"tooltip-rectangle",style:{background:e.color}});return l().createElement("div",{className:n},l().createElement("div",{className:"d-flex align-items-center"},i,l().createElement("span",{className:"text-start"},function(){const{tooltipDataTitleKey:t,data:o,otherId:a,otherLabel:n}=e,l=r(t,o);return l===a?n??a:l?String(l):void 0}())),function(){const r=[{value:t(),key:e.tooltipDataLabelKey,className:"label"},{value:o(),key:e.tooltipDataValueKey,className:"value"}].filter((e=>null!=e.value)).map((e=>l().createElement("span",{key:String(e.key),className:e.className},e.value)));return 0===r.length?null:l().createElement("div",{className:"d-flex justify-content-between"},r)}(),e.children)}i.displayName="StatisticsTooltip"},1414:(e,t,o)=>{o.d(t,{Tooltip:()=>c});var r=o(9155),a=o.n(r),n=o(992),l=o.n(n),s=o(9065),i=o.n(s);const c=a().memo((e=>{const[t,o]=(0,r.useState)(!1),[n,s]=(0,r.useState)(!1),[c,u]=(0,r.useState)(!1),p=(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",f=l()("tooltip atoka-tooltip",e.className,`${b} bs-tooltip-${b}`),{onToggle:h,delay:y,trigger:g=["hover","focus","click"]}=e,v=(0,r.useMemo)((()=>Array.isArray(g)?g:[g]),[g]),C=v.includes("hover"),k=v.includes("focus"),E=v.includes("click"),N=(0,r.useMemo)((()=>"object"==typeof y?y:{show:y||0,hide:y||0}),[y]),x=void 0!==e.show?e.show:C&&t||k&&n||E&&c,w=(0,r.useCallback)((()=>{clearTimeout(p.current),p.current=void 0}),[]),F=(0,r.useCallback)((()=>{clearTimeout(d.current),d.current=void 0}),[]),S=(0,r.useCallback)((()=>{w(),F()}),[w,F]),L=(0,r.useCallback)((e=>{e||C&&t||k&&n||u(!1),h?.(e)}),[h,t,n,C,k]),T=e.children,P=(0,r.useCallback)((e=>{C&&(w(),N.show?p.current=setTimeout((()=>{o(!0)}),N.show):o(!0)),T.props?.onMouseEnter?.(e)}),[T,N.show,w,C]),q=(0,r.useCallback)((e=>{C&&(w(),N.hide?p.current=setTimeout((()=>{o(!1)}),N.hide):o(!1)),T.props?.onMouseLeave?.(e)}),[T,N.hide,w,C]),M=(0,r.useCallback)((e=>{k&&(F(),N.show?d.current=setTimeout((()=>{s(!0)}),N.show):s(!0)),T.props?.onFocus?.(e)}),[T,N.show,F,k]),_=(0,r.useCallback)((e=>{k&&(F(),N.hide?d.current=setTimeout((()=>{s(!1)}),N.hide):s(!1)),T.props?.onBlur?.(e)}),[T,N.hide,F,k]),D=(0,r.useCallback)((e=>{E&&(S(),u((e=>!e))),T.props?.onClick?.(e)}),[T,S,E]);(0,r.useEffect)((()=>()=>{S()}),[S]);const{content:K,...O}=e,A=(0,r.useCallback)((({...e})=>{const{show:t,style:o,ref:r,...n}=e,s=l()(f,{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"},K))}),[K,f]),V=(0,r.useCallback)((e=>a().cloneElement(T,{...e,onMouseEnter:P,onMouseLeave:q,onFocus:M,onBlur:_,onClick:D})),[T,P,q,M,_,D]);return a().createElement(i(),{...O,show:x,onToggle:L,container:m.current,overlay:A,rootClose:!0},V)}));c.displayName="Tooltip"},3392:(e,t,o)=>{o.d(t,{WM:()=>r});o(862);function r(e){return`${parseInt(e?.toFixed?.(0),10)}%`}},7898:(e,t,o)=>{o.d(t,{Cl:()=>r,Gz:()=>s,Jd:()=>c,T_:()=>a,p1:()=>i,wL:()=>l,wv:()=>n});const r="rgb(31, 88, 113)",a="#F38522",n="#F72200",l="#309B0A",s="#965DA3",i="#F86752",c="#229CF3";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,o)=>{function r(e){if(null==e)return!0;try{return null!==e.match(/^\s*$/)}catch(e){return!0}}o.d(t,{ZS:()=>r})},862:(e,t,o)=>{o.d(t,{Ep:()=>n,Us:()=>l});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}function l(e={}){return{...e,text:{color:"var(--atoka_colors_mediumEmphasisMain)",fill:"var(--atoka_colors_mediumEmphasisMain)",...e.text},background:"var(--atoka_colors_topSurfaceMain)",grid:{line:{stroke:"var(--atoka_colors_lowEmphasisMain)",...e.grid?.line},...e.grid},tooltip:{container:{background:"var(--atoka_colors_topSurfaceMain)",border:"1px solid var(--atoka_colors_strokeMain)",...e.tooltip?.container},...e.tooltip}}}},1211:(e,t,o)=>{o.d(t,{blue300:()=>r.Cl,bluelight:()=>r.Jd,green:()=>r.wL,orange:()=>r.T_,red:()=>r.wv,salmon:()=>r.p1,violet:()=>r.Gz});o(3392),o(862);var r=o(7898)},3814:t=>{t.exports=e},6889:e=>{e.exports=t},7585:e=>{e.exports=o},992:e=>{e.exports=r},9155:e=>{e.exports=a},4653:e=>{e.exports=n},392:e=>{e.exports=l},1759:e=>{e.exports=s},9852:e=>{e.exports=i},7452:e=>{e.exports=c},9065:e=>{e.exports=u},7607:e=>{e.exports=p}},b={};function f(e){var t=b[e];if(void 0!==t)return t.exports;var o=b[e]={exports:{}};return m[e](o,o.exports,f),o.exports}f.m=m,d=[],f.O=(e,t,o,r)=>{if(!t){var a=1/0;for(i=0;i<d.length;i++){for(var[t,o,r]=d[i],n=!0,l=0;l<t.length;l++)(!1&r||a>=r)&&Object.keys(f.O).every((e=>f.O[e](t[l])))?t.splice(l--,1):(n=!1,r<a&&(a=r));if(n){d.splice(i--,1);var s=o();void 0!==s&&(e=s)}}return e}r=r||0;for(var i=d.length;i>0&&d[i-1][2]>r;i--)d[i]=d[i-1];d[i]=[t,o,r]},f.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return f.d(t,{a:t}),t},f.d=(e,t)=>{for(var o in t)f.o(t,o)&&!f.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={666:0,4604:0,5545:0,5824:0,6808:0,4711:0};f.O.j=t=>0===e[t];var t=(t,o)=>{var r,a,[n,l,s]=o,i=0;if(n.some((t=>0!==e[t]))){for(r in l)f.o(l,r)&&(f.m[r]=l[r]);if(s)var c=s(f)}for(t&&t(o);i<n.length;i++)a=n[i],f.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return f.O(c)},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 h=f.O(void 0,[4711],(()=>f(8003)));return h=f.O(h)})()));
@@ -1 +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/Col"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/Row")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Col","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-bootstrap/Row"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Col"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/Row")):e["atoka-design-system"]=t(e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/Col"],e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-bootstrap/Row"])}(self,((e,t,r,a,s,o,n,l)=>(()=>{"use strict";var c,i={4552:(e,t,r)=>{r.d(t,{OniruCard:()=>l});var a=r(9155),s=r.n(a),o=r(992),n=r.n(o);const l=({as:e="div",padding:t,className:r,...a})=>{const o="md"===t?"p-3":"";return s().createElement(e,{...a,className:n()("oniru-card",o,r)})};l.displayName="OniruCard"},3438:(e,t,r)=>{r.r(t),r.d(t,{ResultItemCard:()=>ResultItemCard});var a=r(992),s=r.n(a),o=r(9155),n=r.n(o),l=r(4653),c=r.n(l),i=r(7607),m=r.n(i),d=r(6889),p=r(1759),u=r.n(p);const h=n().memo((e=>{const t=s()(e?.className,"atoka-form-label");return n().createElement(u().Label,{className:t},e.children)}));h.displayName="FormLabel";var b=r(9852),f=r.n(b);const y=n().memo((({show:e=!0,...t})=>{const r=s()(t?.className,"atoka-form-control-feedback",{"d-block":e});return n().createElement(f().Feedback,{type:t.type,className:r},t.children)}));y.displayName="FormControlFeedBack";const N=n().forwardRef((({size:e="md",...t},r)=>{const a=s()("atoka-form-control",t?.className,{disabled:t.disabled});return n().createElement(f(),{as:t.as,rows:t.rows,cols:t.cols,placeholder:t.placeholder,className:a,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:r,autoComplete:"off"},t.children)}));N.displayName="FormControlComponent";const C=N;C.FeedBack=y,C.displayName="FormControl";const x=e=>{const t=s()("atoka-form-checkbox",e?.className);return n().createElement(u().Check,{type:"checkbox",...e,className:t,label:e.label??""})};x.displayName="FormCheckbox";const E=e=>{const t=s()(e?.className,"atoka-form-radio");return n().createElement(u().Check,{type:"radio",...e,className:t,label:e.label??""})};E.displayName="FormRadio";var v=r(7452),g=r.n(v);const k=n().memo((({children:e,...t})=>{const r=s()("d-block",t?.className);return n().createElement(g(),{bsPrefix:"atoka-form-help",className:r},e)}));k.displayName="FormHelp";const F=e=>{const t=s()(e?.className,"atoka-form");return n().createElement(u(),{...e,className:t},e.children)};function w(e,t){const r=[];return n().Children.forEach(e,(e=>{e?.type===t&&r.push(e)})),r}function I(e,t){return w(e,t)?.[0]??null}function R(e){let t=!1;return n().Children.forEach(e,(e=>{null==e?.type||e?.type!==d.FontAwesomeIcon&&"i"!==e?.type&&e?.type!==F.Checkbox||(t=!0)})),t}F.displayName="Form",F.Control=C,F.Label=h,F.Checkbox=x,F.Radio=E,F.Switch=u().Switch,F.Help=k,F.Group=u().Group;var O=r(2786),T=r(4552);const q=e=>n().createElement(c(),{md:4,xl:2,className:"result-item-card-actions"},e.children);q.displayName="ResultItemCardActions";const S=n().memo((e=>{const t=s()("result-item-card-footer",e.className);return n().createElement("div",{className:t},e.children)}));S.displayName="ResultItemCardFooter";const P=({size:e="sm",...t})=>{const r=s()("item-image-container",t.className,e,{"low-emphasis":R(t.children)}),a=t.children??n().createElement("img",{className:"default-logo",src:"https://atoka.io/ds/media/company-placeholder-gray.png"});return n().createElement("div",{className:r},a)};P.displayName="ItemImage",P.displayName="ItemImage";const j=n().memo((e=>n().createElement(c(),{className:"logo-image-wrapper",md:"auto",sm:12},n().createElement(P,{className:e.className},e.children))));j.displayName="ResultItemCardImage";var z=r(7485);const _=({children:e})=>n().createElement(c(),{xs:12,md:4,className:"results-card-sidebar pe-2"},n().createElement(z.Text,null,e));_.displayName="ResultItemCardSidebar";const A=n().memo((e=>n().createElement(z.Text,{color:"mediumEmphasis"},e.children)));A.displayName="ResultItemCardSubtitle";class Title extends n().PureComponent{static displayName="Title";static defaultProps={size:"xxl"};renderIcon(){if(null==this.props.icon)return null;const e=s()({"me-2":""!==this.props.children&&null!=this.props.children});return n().createElement(d.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:s()("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())}}}const K=n().memo((e=>{const t=s()("result-item-card-title position-relative",e.className,{ellipsable:e.ellipsable});return n().createElement("div",{className:t},n().createElement("div",{className:"result-item-card-title-container d-flex"},n().createElement(Title,{icon:e.icon,size:"xs"},e.children),e.badge))}));K.displayName="ResultItemCardTitle";const L=e=>{const{children:t,className:r,lineClamp:a,size:s="xxs",color:o="mediumEmphasis"}=e;return n().createElement(O.E,{className:r,color:o,size:s,lineClamp:a},t)};L.displayName="ResultItemCardText";class ResultItemCard extends n().PureComponent{static displayName="ResultsItemCard";static Title=K;static Subtitle=A;static Sidebar=_;static Text=L;static Footer=S;static Image=j;static Actions=q;renderContent(){const e=I(this.props.children,q),t=I(this.props.children,_);if(e&&t)throw Error("ResultItemCard: both ResultItemCardActions and ResultItemCardSidebar are present. Only one should be used.");return n().createElement(m(),null,I(this.props.children,j),n().createElement(c(),{className:"result-item-card-body my-2 ps-2"},I(this.props.children,K),I(this.props.children,A),w(this.props.children,L),I(this.props.children,S)),e??t)}render(){const e=s()("result-item-card px-4",this.props.className);return n().createElement(T.OniruCard,{as:"article",className:e,padding:"md"},this.renderContent())}}},2786:(e,t,r)=>{r.d(t,{E:()=>l});var a=r(992),s=r.n(a),o=r(9155),n=r.n(o);const l=n().memo((({lineClamp:e,children:t,className:r,size:a,color:o})=>{const l=s()("item-text text-start",r,a??"md",o??"inherit",{ellipsable:(e??0)>0});return n().createElement("div",{className:l,style:{lineClamp:e,WebkitLineClamp:e}},t)}));l.displayName="Text"},7485:(e,t,r)=>{r.d(t,{Text:()=>a.E});var a=r(2786)},6889:t=>{t.exports=e},992:e=>{e.exports=t},9155:e=>{e.exports=r},4653:e=>{e.exports=a},1759:e=>{e.exports=s},9852:e=>{e.exports=o},7452:e=>{e.exports=n},7607:e=>{e.exports=l}},m={};function d(e){var t=m[e];if(void 0!==t)return t.exports;var r=m[e]={exports:{}};return i[e](r,r.exports,d),r.exports}d.m=i,c=[],d.O=(e,t,r,a)=>{if(!t){var s=1/0;for(i=0;i<c.length;i++){for(var[t,r,a]=c[i],o=!0,n=0;n<t.length;n++)(!1&a||s>=a)&&Object.keys(d.O).every((e=>d.O[e](t[n])))?t.splice(n--,1):(o=!1,a<s&&(s=a));if(o){c.splice(i--,1);var l=r();void 0!==l&&(e=l)}}return e}a=a||0;for(var i=c.length;i>0&&c[i-1][2]>a;i--)c[i]=c[i-1];c[i]=[t,r,a]},d.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return d.d(t,{a:t}),t},d.d=(e,t)=>{for(var r in t)d.o(t,r)&&!d.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},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={601:0,6414:0,6747:0,525:0};d.O.j=t=>0===e[t];var t=(t,r)=>{var a,s,[o,n,l]=r,c=0;if(o.some((t=>0!==e[t]))){for(a in n)d.o(n,a)&&(d.m[a]=n[a]);if(l)var i=l(d)}for(t&&t(r);c<o.length;c++)s=o[c],d.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return d.O(i)},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 p=d.O(void 0,[525],(()=>d(3438)));return p=d.O(p)})()));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Col"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/Row")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Col","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-bootstrap/Row"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Col"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/Row")):e["atoka-design-system"]=t(e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/Col"],e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-bootstrap/Row"])}(self,((e,t,r,a,s,o,n,l)=>(()=>{"use strict";var c,i={4552:(e,t,r)=>{r.d(t,{OniruCard:()=>l});var a=r(9155),s=r.n(a),o=r(992),n=r.n(o);const l=({as:e="div",padding:t,className:r,...a})=>{const o="md"===t?"p-3":"";return s().createElement(e,{...a,className:n()("oniru-card",o,r)})};l.displayName="OniruCard"},3438:(e,t,r)=>{r.r(t),r.d(t,{ResultItemCard:()=>ResultItemCard});var a=r(992),s=r.n(a),o=r(9155),n=r.n(o),l=r(4653),c=r.n(l),i=r(7607),m=r.n(i),d=r(6889),p=r(1759),u=r.n(p);const h=n().memo((e=>{const t=s()(e?.className,"atoka-form-label");return n().createElement(u().Label,{className:t},e.children)}));h.displayName="FormLabel";var b=r(9852),f=r.n(b);const y=n().memo((({show:e=!0,...t})=>{const r=s()(t?.className,"atoka-form-control-feedback",{"d-block":e});return n().createElement(f().Feedback,{type:t.type,className:r},t.children)}));y.displayName="FormControlFeedBack";const N=n().forwardRef((({size:e="md",...t},r)=>{const a=s()("atoka-form-control",t?.className,{disabled:t.disabled});return n().createElement(f(),{as:t.as,rows:t.rows,cols:t.cols,placeholder:t.placeholder,className:a,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:r,autoComplete:"off"},t.children)}));N.displayName="FormControlComponent";const C=N;C.FeedBack=y,C.displayName="FormControl";const x=e=>{const t=s()("atoka-form-checkbox",e?.className);return n().createElement(u().Check,{type:"checkbox",...e,className:t,label:e.label??""})};x.displayName="FormCheckbox";const E=e=>{const t=s()(e?.className,"atoka-form-radio");return n().createElement(u().Check,{type:"radio",...e,className:t,label:e.label??""})};E.displayName="FormRadio";var v=r(7452),g=r.n(v);const k=n().memo((({children:e,...t})=>{const r=s()("d-block",t?.className);return n().createElement(g(),{bsPrefix:"atoka-form-help",className:r},e)}));k.displayName="FormHelp";const F=e=>{const t=s()(e?.className,"atoka-form");return n().createElement(u(),{...e,className:t},e.children)};function w(e,t){const r=[];return n().Children.forEach(e,(e=>{e?.type===t&&r.push(e)})),r}function I(e,t){return w(e,t)?.[0]??null}function R(e){let t=!1;return n().Children.forEach(e,(e=>{null==e?.type||e?.type!==d.FontAwesomeIcon&&"i"!==e?.type&&e?.type!==F.Checkbox||(t=!0)})),t}F.displayName="Form",F.Control=C,F.Label=h,F.Checkbox=x,F.Radio=E,F.Switch=u().Switch,F.Help=k,F.Group=u().Group;var O=r(2786),T=r(4552);const q=e=>n().createElement(c(),{md:4,xl:2,className:"result-item-card-actions"},e.children);q.displayName="ResultItemCardActions";const S=n().memo((e=>{const t=s()("result-item-card-footer",e.className);return n().createElement("div",{className:t},e.children)}));S.displayName="ResultItemCardFooter";const P=({size:e="sm",...t})=>{const r=s()("item-image-container",t.className,e,{"low-emphasis":R(t.children)}),a=t.children??n().createElement("img",{className:"default-logo",src:"https://atoka.io/ds/media/company-placeholder-gray.png"});return n().createElement("div",{className:r},a)};P.displayName="ItemImage",P.displayName="ItemImage";const j=n().memo((e=>n().createElement(c(),{className:"logo-image-wrapper",md:"auto",sm:12},n().createElement(P,{className:e.className},e.children))));j.displayName="ResultItemCardImage";var z=r(7485);const _=({children:e})=>n().createElement(c(),{xs:12,md:4,className:"results-card-sidebar pe-2"},n().createElement(z.Text,null,e));_.displayName="ResultItemCardSidebar";const A=n().memo((e=>n().createElement(z.Text,{color:"mediumEmphasis"},e.children)));A.displayName="ResultItemCardSubtitle";class Title extends n().PureComponent{static displayName="Title";static defaultProps={size:"xxl"};renderIcon(){if(null==this.props.icon)return null;const e=s()({"me-2":""!==this.props.children&&null!=this.props.children});return n().createElement(d.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:s()("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())}}}const K=n().memo((e=>{const t=s()("result-item-card-title position-relative",e.className,{ellipsable:e.ellipsable});return n().createElement("div",{className:t},n().createElement("div",{className:"result-item-card-title-container d-flex"},n().createElement(Title,{icon:e.icon,size:"xs"},e.children),e.badge))}));K.displayName="ResultItemCardTitle";const V=e=>{const{children:t,className:r,lineClamp:a,size:s="xxs",color:o="mediumEmphasis"}=e;return n().createElement(O.E,{className:r,color:o,size:s,lineClamp:a},t)};V.displayName="ResultItemCardText";class ResultItemCard extends n().PureComponent{static displayName="ResultsItemCard";static Title=K;static Subtitle=A;static Sidebar=_;static Text=V;static Footer=S;static Image=j;static Actions=q;renderContent(){const e=I(this.props.children,q),t=I(this.props.children,_);if(e&&t)throw Error("ResultItemCard: both ResultItemCardActions and ResultItemCardSidebar are present. Only one should be used.");return n().createElement(m(),null,I(this.props.children,j),n().createElement(c(),{className:"result-item-card-body my-2 ps-2"},I(this.props.children,K),I(this.props.children,A),w(this.props.children,V),I(this.props.children,S)),e??t)}render(){const e=s()("result-item-card px-4",this.props.className);return n().createElement(T.OniruCard,{as:"article",className:e,padding:"md"},this.renderContent())}}},2786:(e,t,r)=>{r.d(t,{E:()=>l});var a=r(992),s=r.n(a),o=r(9155),n=r.n(o);const l=n().memo((({lineClamp:e,children:t,className:r,size:a,color:o})=>{const l=s()("item-text text-start",r,a??"md",o??"inherit",e?`line-clamp-${e}`:null);return n().createElement("div",{className:l},t)}));l.displayName="Text"},7485:(e,t,r)=>{r.d(t,{Text:()=>a.E});var a=r(2786)},6889:t=>{t.exports=e},992:e=>{e.exports=t},9155:e=>{e.exports=r},4653:e=>{e.exports=a},1759:e=>{e.exports=s},9852:e=>{e.exports=o},7452:e=>{e.exports=n},7607:e=>{e.exports=l}},m={};function d(e){var t=m[e];if(void 0!==t)return t.exports;var r=m[e]={exports:{}};return i[e](r,r.exports,d),r.exports}d.m=i,c=[],d.O=(e,t,r,a)=>{if(!t){var s=1/0;for(i=0;i<c.length;i++){for(var[t,r,a]=c[i],o=!0,n=0;n<t.length;n++)(!1&a||s>=a)&&Object.keys(d.O).every((e=>d.O[e](t[n])))?t.splice(n--,1):(o=!1,a<s&&(s=a));if(o){c.splice(i--,1);var l=r();void 0!==l&&(e=l)}}return e}a=a||0;for(var i=c.length;i>0&&c[i-1][2]>a;i--)c[i]=c[i-1];c[i]=[t,r,a]},d.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return d.d(t,{a:t}),t},d.d=(e,t)=>{for(var r in t)d.o(t,r)&&!d.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},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={601:0,6414:0,6747:0,4711:0};d.O.j=t=>0===e[t];var t=(t,r)=>{var a,s,[o,n,l]=r,c=0;if(o.some((t=>0!==e[t]))){for(a in n)d.o(n,a)&&(d.m[a]=n[a]);if(l)var i=l(d)}for(t&&t(r);c<o.length;c++)s=o[c],d.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return d.O(i)},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 p=d.O(void 0,[4711],(()=>d(3438)));return p=d.O(p)})()));
package/RowCard/index.js CHANGED
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(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/Col"),require("react-bootstrap/Dropdown"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/OverlayTrigger"),require("react-bootstrap/Row")):"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/Col","react-bootstrap/Dropdown","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-bootstrap/OverlayTrigger","react-bootstrap/Row"],t):"object"==typeof exports?exports["atoka-design-system"]=t(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/Col"),require("react-bootstrap/Dropdown"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/OverlayTrigger"),require("react-bootstrap/Row")):e["atoka-design-system"]=t(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/Col"],e["react-bootstrap/Dropdown"],e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-bootstrap/OverlayTrigger"],e["react-bootstrap/Row"])}(self,((e,t,o,r,n,a,s,l,i,c,p,d,m)=>(()=>{"use strict";var u,h={4070:(e,t,o)=>{o.d(t,{Button:()=>Button});var r=o(6889),n=o(992),a=o.n(n),s=o(9155),l=o.n(s),i=o(9861),c=o.n(i);class Button extends l().PureComponent{static displayName="Button";static defaultProps={variant:"primary",size:"md",disabled:!1};renderIcon(e){return null==e?null:l().createElement(r.FontAwesomeIcon,{icon:e})}renderChildren(e){return null==e?null:l().createElement("span",{className:"btn-children"},e)}renderLeftSide(e,t){return null==e?null==t?null:l().createElement(r.FontAwesomeIcon,{icon:t,className:"invisible"}):l().createElement(r.FontAwesomeIcon,{icon:e})}renderRightSide(e,t){return null==t?null==e?null:l().createElement(r.FontAwesomeIcon,{icon:e,className:"invisible"}):l().createElement(r.FontAwesomeIcon,{icon:t})}renderContent(e,t){return null!=e&&null==t?this.renderIcon(e):l().createElement("div",{className:"button-content-center-container"},this.renderIcon(e),this.renderChildren(t))}render(){const{icon:e,iconLeft:t,iconRight:o,children:r,size:n,className:s,...i}=this.props,p=a()("atoka-btn",`btn-${n}`,s,{"btn-icon-only":null!=this.props.icon&&null==this.props.children});return l().createElement(c(),{className:p,...i},this.renderLeftSide(t,o),this.renderContent(e,r),this.renderRightSide(t,o))}}},397:(e,t,o)=>{o.d(t,{AtokaSimpleDropdownToggle:()=>h,Dropdown:()=>Dropdown});var r=o(9155),n=o.n(r),a=o(992),s=o.n(a),l=o(3084),i=o.n(l);class DropdownMenu extends n().PureComponent{static displayName="DropdownMenu";static defaultProps={size:"sm"};render(){const e=s()("atoka-dropdown-menu",this.props.className,this.props.size);return n().createElement(i().Menu,{...this.props,className:e},this.props.children)}}const c=n().memo((({children:e})=>n().createElement("div",{className:"atoka-dropdown-section"},e,n().createElement(Dropdown.Divider,null))));c.displayName="DropdownSection";class Dropdown extends n().PureComponent{static displayName="DropDown";static Toggle=i().Toggle;static Menu=DropdownMenu;static Item=i().Item;static Divider=i().Divider;static Header=i().Header;static Section=c;render(){const e=s()(this.props.className,"atoka-dropdown");return n().createElement(i(),{...this.props,className:e},this.props.children)}}var p=o(3316),d=o(7638),m=o(4070);function u(e,t){const o=n().forwardRef(((e,o)=>n().createElement("div",{ref:o},n().createElement(t,{disabled:e.disabled,onClick:e.onClick},e.children))));return o.displayName=e,o}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:p.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=s()({"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:d.faChevronDown})))}}const h=u("AtokaSimpleDropdownToggle",AtokaSimpleDropdownToggleComponent);u("AtokaCustomDropdownToggle",AtokaCustomDropdownToggleComponent),u("AtokaCustomDropdownToggleWithChevron",AtokaCustomDropdownToggleWithChevronComponent)},4552:(e,t,o)=>{o.d(t,{OniruCard:()=>l});var r=o(9155),n=o.n(r),a=o(992),s=o.n(a);const l=({as:e="div",padding:t,className:o,...r})=>{const a="md"===t?"p-3":"";return n().createElement(e,{...r,className:s()("oniru-card",a,o)})};l.displayName="OniruCard"},9946:(e,t,o)=>{o.r(t),o.d(t,{RowCard:()=>RowCard});var r=o(9155),n=o.n(r),a=o(992),s=o.n(a),l=o(6889),i=o(1759),c=o.n(i);const p=n().memo((e=>{const t=s()(e?.className,"atoka-form-label");return n().createElement(c().Label,{className:t},e.children)}));p.displayName="FormLabel";var d=o(9852),m=o.n(d);const u=n().memo((({show:e=!0,...t})=>{const o=s()(t?.className,"atoka-form-control-feedback",{"d-block":e});return n().createElement(m().Feedback,{type:t.type,className:o},t.children)}));u.displayName="FormControlFeedBack";const h=n().forwardRef((({size:e="md",...t},o)=>{const r=s()("atoka-form-control",t?.className,{disabled:t.disabled});return n().createElement(m(),{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)}));h.displayName="FormControlComponent";const C=h;C.FeedBack=u,C.displayName="FormControl";const w=e=>{const t=s()("atoka-form-checkbox",e?.className);return n().createElement(c().Check,{type:"checkbox",...e,className:t,label:e.label??""})};w.displayName="FormCheckbox";const b=e=>{const t=s()(e?.className,"atoka-form-radio");return n().createElement(c().Check,{type:"radio",...e,className:t,label:e.label??""})};b.displayName="FormRadio";var y=o(7452),f=o.n(y);const g=n().memo((({children:e,...t})=>{const o=s()("d-block",t?.className);return n().createElement(f(),{bsPrefix:"atoka-form-help",className:o},e)}));g.displayName="FormHelp";const v=e=>{const t=s()(e?.className,"atoka-form");return n().createElement(c(),{...e,className:t},e.children)};function E(e,t){return function(e,t){const o=[];return n().Children.forEach(e,(e=>{e?.type===t&&o.push(e)})),o}(e,t)?.[0]??null}v.displayName="Form",v.Control=C,v.Label=p,v.Checkbox=w,v.Radio=b,v.Switch=c().Switch,v.Help=g,v.Group=c().Group;var k=o(1414);const N=e=>n().createElement("div",{className:"ellipsable-content-prepend"},e.children);N.displayName="EllipsableContent.Prepend";const x=e=>n().createElement("div",{className:"ellipsable-content-append"},e.children);x.displayName="EllipsableContent.Append";const R=e=>{const t=n().createElement("div",{className:"ellipsable-content-content"},e.children);return null==e.tooltip?t:n().createElement(k.Tooltip,{...e.tooltipProps,content:e.tooltip},t)};R.displayName="EllipsableContent.Content";class EllipsableContent extends n().PureComponent{static displayName="EllipsableContent";static Prepend=N;static Append=x;static Content=R;renderFullContent(){const e=E(this.props.children,EllipsableContent.Prepend);let t=E(this.props.children,EllipsableContent.Content);const o=E(this.props.children,EllipsableContent.Append);return null!=t||null==e&&null==o?(null==t&&(t=n().createElement(EllipsableContent.Content,null,this.props.children)),null!=this.props.tooltip&&(t=n().createElement(t.type,{...t.props,tooltip:this.props.tooltip,tooltipProps:this.props.tooltipProps})),n().createElement(n().Fragment,null,e,t,o)):(console.error("You must set a .Content alongside the .Append or .Prepend"),null)}render(){const e=s()("ellipsable-content-container align-items-center",this.props.className,{"ellipsable-with-tooltip":null!=this.props.tooltip}),t=this.renderFullContent();return null==t?null:n().createElement("div",{className:e,style:this.props.style},t)}}class Title extends n().PureComponent{static displayName="Title";static defaultProps={size:"xxl"};renderIcon(){if(null==this.props.icon)return null;const e=s()({"me-2":""!==this.props.children&&null!=this.props.children});return n().createElement(l.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:s()("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())}}}const D=n().memo((e=>{const t=[];return n().Children.forEach(e.children,(e=>{const o=e?.type||{};"string"!=typeof o&&"displayName"in o&&"EllipsableContent"===o.displayName&&t.push(e)})),t.length>0?e.children:n().createElement(EllipsableContent,{tooltip:e.tooltip??null,tooltipProps:{delay:200,...e.tooltipProps}},n().createElement(Title,{size:"xs",className:"mb-0"},e.children))}));D.displayName="CardTitle";var T=o(4552);class RowCardHeader extends n().PureComponent{static displayName="RowCardHeader";stopPropagation=e=>{e.stopPropagation()};renderCheckbox(){return this.props.isSelectable?n().createElement("span",{onClick:this.stopPropagation},n().createElement(v.Checkbox,{className:"checkbox-container mb-0",onChange:this.props.onSelect,checked:this.props.isSelected,id:String(this.props.id)})):null}render(){return n().createElement("div",{className:"card-title d-flex m-0 align-items-center"},this.renderCheckbox(),E(this.props.children,D))}}var P=o(4653),A=o.n(P);class RowCardContent extends n().PureComponent{static displayName="RowCardContent";renderCell=(e,t)=>n().createElement(A(),{key:`row-card-content-cell-${t}`,className:"d-none d-lg-block text-truncate p-0 mx-1",xs:1},e);render(){return(this.props.cellValues??[]).map(this.renderCell)}}var F=o(397);const S=n().memo((e=>{const t=s()(e.className,"ms-1");return n().createElement("div",{className:t},n().createElement(F.Dropdown,{drop:"start"},n().createElement(F.Dropdown.Toggle,{disabled:!0===e.isDisabled,as:F.AtokaSimpleDropdownToggle}),n().createElement(F.Dropdown.Menu,null,e.children)))}));S.displayName="CardMenu";const q=n().memo((e=>n().createElement(S,{className:"ms-2",...e})));q.displayName="RowCardMenu";class RowCardActions extends n().PureComponent{static displayName="RowCardActions";stopPropagation=e=>{e.stopPropagation()};renderOtherChildren(){const e=[];return n().Children.forEach(this.props.children,(t=>{t?.type!==q&&e.push(t)})),0===e.length?null:n().createElement("div",{className:"other-children w-100 d-flex align-items-center justify-content-end",onClick:this.stopPropagation},e)}render(){return n().createElement("div",{className:"row-card-actions text-end"},n().createElement("div",{className:"d-flex align-items-center justify-content-end"},this.renderOtherChildren(),n().createElement("span",null,E(this.props.children,q))))}}var L=o(7607),O=o.n(L);class RowCardLayoutHeader extends n().PureComponent{static displayName="RowCardLayoutHeader";render(){return this.props.children}}class RowCardLayoutContent extends n().PureComponent{static displayName="RowCardLayoutContent";render(){return this.props.children}}class RowCardLayoutActions extends n().PureComponent{static displayName="RowCardLayoutActions";render(){return null==this.props.children?null:n().createElement(A(),{className:"ms-auto",xs:1},this.props.children)}}class RowCardLayout extends n().PureComponent{static displayName="RowCardLayout";static Header=RowCardLayoutHeader;static Content=RowCardLayoutContent;static Actions=RowCardLayoutActions;render(){return n().createElement(O(),{className:"align-items-center"},n().createElement(A(),null,E(this.props.children,RowCardLayoutHeader)),E(this.props.children,RowCardLayoutContent),E(this.props.children,RowCardLayoutActions))}}class RowCard extends n().PureComponent{static displayName="RowCard";static Header=RowCardHeader;static Title=D;static Menu=q;static Content=RowCardContent;static Actions=RowCardActions;static defaultProps={isSelected:!1,isSelectable:!1,id:`${Math.random()}`};handleClick=()=>{this.props.onSelect&&this.props.onSelect()};render(){const e=s()("row-card mb-2",this.props.className,{"is-selectable cursor-pointer":this.props.isSelectable});return n().createElement(T.OniruCard,{padding:"md",className:e,onClick:this.handleClick},n().createElement(RowCardLayout,null,n().createElement(RowCardLayout.Header,null,n().createElement(RowCardHeader,{...this.props},E(this.props.children,D))),n().createElement(RowCardLayout.Content,null,E(this.props.children,RowCardContent)),n().createElement(RowCardLayout.Actions,null,E(this.props.children,RowCardActions))))}}},1414:(e,t,o)=>{o.d(t,{Tooltip:()=>c});var r=o(9155),n=o.n(r),a=o(992),s=o.n(a),l=o(9065),i=o.n(l);const c=n().memo((e=>{const[t,o]=(0,r.useState)(!1),[a,l]=(0,r.useState)(!1),[c,p]=(0,r.useState)(!1),d=(0,r.useRef)(void 0),m=(0,r.useRef)(void 0),u=(0,r.useRef)(null);u.current||(u.current=document.querySelector(".bs4-v3-external-container"));const h=e.placement??"top",C=s()("tooltip atoka-tooltip",e.className,`${h} bs-tooltip-${h}`),{onToggle:w,delay:b,trigger:y=["hover","focus","click"]}=e,f=(0,r.useMemo)((()=>Array.isArray(y)?y:[y]),[y]),g=f.includes("hover"),v=f.includes("focus"),E=f.includes("click"),k=(0,r.useMemo)((()=>"object"==typeof b?b:{show:b||0,hide:b||0}),[b]),N=void 0!==e.show?e.show:g&&t||v&&a||E&&c,x=(0,r.useCallback)((()=>{clearTimeout(d.current),d.current=void 0}),[]),R=(0,r.useCallback)((()=>{clearTimeout(m.current),m.current=void 0}),[]),D=(0,r.useCallback)((()=>{x(),R()}),[x,R]),T=(0,r.useCallback)((e=>{e||g&&t||v&&a||p(!1),w?.(e)}),[w,t,a,g,v]),P=e.children,A=(0,r.useCallback)((e=>{g&&(x(),k.show?d.current=setTimeout((()=>{o(!0)}),k.show):o(!0)),P.props?.onMouseEnter?.(e)}),[P,k.show,x,g]),F=(0,r.useCallback)((e=>{g&&(x(),k.hide?d.current=setTimeout((()=>{o(!1)}),k.hide):o(!1)),P.props?.onMouseLeave?.(e)}),[P,k.hide,x,g]),S=(0,r.useCallback)((e=>{v&&(R(),k.show?m.current=setTimeout((()=>{l(!0)}),k.show):l(!0)),P.props?.onFocus?.(e)}),[P,k.show,R,v]),q=(0,r.useCallback)((e=>{v&&(R(),k.hide?m.current=setTimeout((()=>{l(!1)}),k.hide):l(!1)),P.props?.onBlur?.(e)}),[P,k.hide,R,v]),L=(0,r.useCallback)((e=>{E&&(D(),p((e=>!e))),P.props?.onClick?.(e)}),[P,D,E]);(0,r.useEffect)((()=>()=>{D()}),[D]);const{content:O,...H}=e,M=(0,r.useCallback)((({...e})=>{const{show:t,style:o,ref:r,...a}=e,l=s()(C,{show:t});return n().createElement("div",{...a,ref:r,className:l,role:"tooltip",style:o,onMouseDown:e=>{e.stopPropagation()}},n().createElement("div",{className:"tooltip-inner"},O))}),[O,C]),I=(0,r.useCallback)((e=>n().cloneElement(P,{...e,onMouseEnter:A,onMouseLeave:F,onFocus:S,onBlur:q,onClick:L})),[P,A,F,S,q,L]);return n().createElement(i(),{...H,show:N,onToggle:T,container:u.current,overlay:M,rootClose:!0},I)}));c.displayName="Tooltip"},7638:t=>{t.exports=e},3316:e=>{e.exports=t},6889:e=>{e.exports=o},992:e=>{e.exports=r},9155:e=>{e.exports=n},9861:e=>{e.exports=a},4653:e=>{e.exports=s},3084:e=>{e.exports=l},1759:e=>{e.exports=i},9852:e=>{e.exports=c},7452:e=>{e.exports=p},9065:e=>{e.exports=d},7607:e=>{e.exports=m}},C={};function w(e){var t=C[e];if(void 0!==t)return t.exports;var o=C[e]={exports:{}};return h[e](o,o.exports,w),o.exports}w.m=h,u=[],w.O=(e,t,o,r)=>{if(!t){var n=1/0;for(i=0;i<u.length;i++){for(var[t,o,r]=u[i],a=!0,s=0;s<t.length;s++)(!1&r||n>=r)&&Object.keys(w.O).every((e=>w.O[e](t[s])))?t.splice(s--,1):(a=!1,r<n&&(n=r));if(a){u.splice(i--,1);var l=o();void 0!==l&&(e=l)}}return e}r=r||0;for(var i=u.length;i>0&&u[i-1][2]>r;i--)u[i]=u[i-1];u[i]=[t,o,r]},w.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return w.d(t,{a:t}),t},w.d=(e,t)=>{for(var o in t)w.o(t,o)&&!w.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},w.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),w.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={601:0,1585:0,3294:0,3626:0,5545:0,525:0};w.O.j=t=>0===e[t];var t=(t,o)=>{var r,n,[a,s,l]=o,i=0;if(a.some((t=>0!==e[t]))){for(r in s)w.o(s,r)&&(w.m[r]=s[r]);if(l)var c=l(w)}for(t&&t(o);i<a.length;i++)n=a[i],w.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return w.O(c)},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 b=w.O(void 0,[525],(()=>w(9946)));return b=w.O(b)})()));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(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/Col"),require("react-bootstrap/Dropdown"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/OverlayTrigger"),require("react-bootstrap/Row")):"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/Col","react-bootstrap/Dropdown","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-bootstrap/OverlayTrigger","react-bootstrap/Row"],t):"object"==typeof exports?exports["atoka-design-system"]=t(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/Col"),require("react-bootstrap/Dropdown"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/OverlayTrigger"),require("react-bootstrap/Row")):e["atoka-design-system"]=t(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/Col"],e["react-bootstrap/Dropdown"],e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-bootstrap/OverlayTrigger"],e["react-bootstrap/Row"])}(self,((e,t,o,r,n,a,s,l,i,c,p,d,m)=>(()=>{"use strict";var u,h={4070:(e,t,o)=>{o.d(t,{Button:()=>Button});var r=o(6889),n=o(992),a=o.n(n),s=o(9155),l=o.n(s),i=o(9861),c=o.n(i);class Button extends l().PureComponent{static displayName="Button";static defaultProps={variant:"primary",size:"md",disabled:!1};renderIcon(e){return null==e?null:l().createElement(r.FontAwesomeIcon,{icon:e})}renderChildren(e){return null==e?null:l().createElement("span",{className:"btn-children"},e)}renderLeftSide(e,t){return null==e?null==t?null:l().createElement(r.FontAwesomeIcon,{icon:t,className:"invisible"}):l().createElement(r.FontAwesomeIcon,{icon:e})}renderRightSide(e,t){return null==t?null==e?null:l().createElement(r.FontAwesomeIcon,{icon:e,className:"invisible"}):l().createElement(r.FontAwesomeIcon,{icon:t})}renderContent(e,t){return null!=e&&null==t?this.renderIcon(e):l().createElement("div",{className:"button-content-center-container"},this.renderIcon(e),this.renderChildren(t))}render(){const{icon:e,iconLeft:t,iconRight:o,children:r,size:n,className:s,...i}=this.props,p=a()("atoka-btn",`btn-${n}`,s,{"btn-icon-only":null!=this.props.icon&&null==this.props.children});return l().createElement(c(),{className:p,...i},this.renderLeftSide(t,o),this.renderContent(e,r),this.renderRightSide(t,o))}}},397:(e,t,o)=>{o.d(t,{AtokaSimpleDropdownToggle:()=>h,Dropdown:()=>Dropdown});var r=o(9155),n=o.n(r),a=o(992),s=o.n(a),l=o(3084),i=o.n(l);class DropdownMenu extends n().PureComponent{static displayName="DropdownMenu";static defaultProps={size:"sm"};render(){const e=s()("atoka-dropdown-menu",this.props.className,this.props.size);return n().createElement(i().Menu,{...this.props,className:e},this.props.children)}}const c=n().memo((({children:e})=>n().createElement("div",{className:"atoka-dropdown-section"},e,n().createElement(Dropdown.Divider,null))));c.displayName="DropdownSection";class Dropdown extends n().PureComponent{static displayName="DropDown";static Toggle=i().Toggle;static Menu=DropdownMenu;static Item=i().Item;static Divider=i().Divider;static Header=i().Header;static Section=c;render(){const e=s()(this.props.className,"atoka-dropdown");return n().createElement(i(),{...this.props,className:e},this.props.children)}}var p=o(3316),d=o(7638),m=o(4070);function u(e,t){const o=n().forwardRef(((e,o)=>n().createElement("div",{ref:o},n().createElement(t,{disabled:e.disabled,onClick:e.onClick},e.children))));return o.displayName=e,o}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:p.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=s()({"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:d.faChevronDown})))}}const h=u("AtokaSimpleDropdownToggle",AtokaSimpleDropdownToggleComponent);u("AtokaCustomDropdownToggle",AtokaCustomDropdownToggleComponent),u("AtokaCustomDropdownToggleWithChevron",AtokaCustomDropdownToggleWithChevronComponent)},4552:(e,t,o)=>{o.d(t,{OniruCard:()=>l});var r=o(9155),n=o.n(r),a=o(992),s=o.n(a);const l=({as:e="div",padding:t,className:o,...r})=>{const a="md"===t?"p-3":"";return n().createElement(e,{...r,className:s()("oniru-card",a,o)})};l.displayName="OniruCard"},9946:(e,t,o)=>{o.r(t),o.d(t,{RowCard:()=>RowCard});var r=o(9155),n=o.n(r),a=o(992),s=o.n(a),l=o(6889),i=o(1759),c=o.n(i);const p=n().memo((e=>{const t=s()(e?.className,"atoka-form-label");return n().createElement(c().Label,{className:t},e.children)}));p.displayName="FormLabel";var d=o(9852),m=o.n(d);const u=n().memo((({show:e=!0,...t})=>{const o=s()(t?.className,"atoka-form-control-feedback",{"d-block":e});return n().createElement(m().Feedback,{type:t.type,className:o},t.children)}));u.displayName="FormControlFeedBack";const h=n().forwardRef((({size:e="md",...t},o)=>{const r=s()("atoka-form-control",t?.className,{disabled:t.disabled});return n().createElement(m(),{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)}));h.displayName="FormControlComponent";const C=h;C.FeedBack=u,C.displayName="FormControl";const w=e=>{const t=s()("atoka-form-checkbox",e?.className);return n().createElement(c().Check,{type:"checkbox",...e,className:t,label:e.label??""})};w.displayName="FormCheckbox";const b=e=>{const t=s()(e?.className,"atoka-form-radio");return n().createElement(c().Check,{type:"radio",...e,className:t,label:e.label??""})};b.displayName="FormRadio";var y=o(7452),f=o.n(y);const g=n().memo((({children:e,...t})=>{const o=s()("d-block",t?.className);return n().createElement(f(),{bsPrefix:"atoka-form-help",className:o},e)}));g.displayName="FormHelp";const v=e=>{const t=s()(e?.className,"atoka-form");return n().createElement(c(),{...e,className:t},e.children)};function E(e,t){return function(e,t){const o=[];return n().Children.forEach(e,(e=>{e?.type===t&&o.push(e)})),o}(e,t)?.[0]??null}v.displayName="Form",v.Control=C,v.Label=p,v.Checkbox=w,v.Radio=b,v.Switch=c().Switch,v.Help=g,v.Group=c().Group;var k=o(1414);const N=e=>n().createElement("div",{className:"ellipsable-content-prepend"},e.children);N.displayName="EllipsableContent.Prepend";const x=e=>n().createElement("div",{className:"ellipsable-content-append"},e.children);x.displayName="EllipsableContent.Append";const R=e=>{const t=n().createElement("div",{className:"ellipsable-content-content"},e.children);return null==e.tooltip?t:n().createElement(k.Tooltip,{...e.tooltipProps,content:e.tooltip},t)};R.displayName="EllipsableContent.Content";class EllipsableContent extends n().PureComponent{static displayName="EllipsableContent";static Prepend=N;static Append=x;static Content=R;renderFullContent(){const e=E(this.props.children,EllipsableContent.Prepend);let t=E(this.props.children,EllipsableContent.Content);const o=E(this.props.children,EllipsableContent.Append);return null!=t||null==e&&null==o?(null==t&&(t=n().createElement(EllipsableContent.Content,null,this.props.children)),null!=this.props.tooltip&&(t=n().createElement(t.type,{...t.props,tooltip:this.props.tooltip,tooltipProps:this.props.tooltipProps})),n().createElement(n().Fragment,null,e,t,o)):(console.error("You must set a .Content alongside the .Append or .Prepend"),null)}render(){const e=s()("ellipsable-content-container align-items-center",this.props.className,{"ellipsable-with-tooltip":null!=this.props.tooltip}),t=this.renderFullContent();return null==t?null:n().createElement("div",{className:e,style:this.props.style},t)}}class Title extends n().PureComponent{static displayName="Title";static defaultProps={size:"xxl"};renderIcon(){if(null==this.props.icon)return null;const e=s()({"me-2":""!==this.props.children&&null!=this.props.children});return n().createElement(l.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:s()("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())}}}const D=n().memo((e=>{const t=[];return n().Children.forEach(e.children,(e=>{const o=e?.type||{};"string"!=typeof o&&"displayName"in o&&"EllipsableContent"===o.displayName&&t.push(e)})),t.length>0?e.children:n().createElement(EllipsableContent,{tooltip:e.tooltip??null,tooltipProps:{delay:200,...e.tooltipProps}},n().createElement(Title,{size:"xs",className:"mb-0"},e.children))}));D.displayName="CardTitle";var T=o(4552);class RowCardHeader extends n().PureComponent{static displayName="RowCardHeader";stopPropagation=e=>{e.stopPropagation()};renderCheckbox(){return this.props.isSelectable?n().createElement("span",{onClick:this.stopPropagation},n().createElement(v.Checkbox,{className:"checkbox-container mb-0",onChange:this.props.onSelect,checked:this.props.isSelected,id:String(this.props.id)})):null}render(){return n().createElement("div",{className:"card-title d-flex m-0 align-items-center"},this.renderCheckbox(),E(this.props.children,D))}}var P=o(4653),A=o.n(P);class RowCardContent extends n().PureComponent{static displayName="RowCardContent";renderCell=(e,t)=>n().createElement(A(),{key:`row-card-content-cell-${t}`,className:"d-none d-lg-block text-truncate p-0 mx-1",xs:1},e);render(){return(this.props.cellValues??[]).map(this.renderCell)}}var F=o(397);const S=n().memo((e=>{const t=s()(e.className,"ms-1");return n().createElement("div",{className:t},n().createElement(F.Dropdown,{drop:"start"},n().createElement(F.Dropdown.Toggle,{disabled:!0===e.isDisabled,as:F.AtokaSimpleDropdownToggle}),n().createElement(F.Dropdown.Menu,null,e.children)))}));S.displayName="CardMenu";const q=n().memo((e=>n().createElement(S,{className:"ms-2",...e})));q.displayName="RowCardMenu";class RowCardActions extends n().PureComponent{static displayName="RowCardActions";stopPropagation=e=>{e.stopPropagation()};renderOtherChildren(){const e=[];return n().Children.forEach(this.props.children,(t=>{t?.type!==q&&e.push(t)})),0===e.length?null:n().createElement("div",{className:"other-children w-100 d-flex align-items-center justify-content-end",onClick:this.stopPropagation},e)}render(){return n().createElement("div",{className:"row-card-actions text-end"},n().createElement("div",{className:"d-flex align-items-center justify-content-end"},this.renderOtherChildren(),n().createElement("span",null,E(this.props.children,q))))}}var L=o(7607),O=o.n(L);class RowCardLayoutHeader extends n().PureComponent{static displayName="RowCardLayoutHeader";render(){return this.props.children}}class RowCardLayoutContent extends n().PureComponent{static displayName="RowCardLayoutContent";render(){return this.props.children}}class RowCardLayoutActions extends n().PureComponent{static displayName="RowCardLayoutActions";render(){return null==this.props.children?null:n().createElement(A(),{className:"ms-auto",xs:1},this.props.children)}}class RowCardLayout extends n().PureComponent{static displayName="RowCardLayout";static Header=RowCardLayoutHeader;static Content=RowCardLayoutContent;static Actions=RowCardLayoutActions;render(){return n().createElement(O(),{className:"align-items-center"},n().createElement(A(),null,E(this.props.children,RowCardLayoutHeader)),E(this.props.children,RowCardLayoutContent),E(this.props.children,RowCardLayoutActions))}}class RowCard extends n().PureComponent{static displayName="RowCard";static Header=RowCardHeader;static Title=D;static Menu=q;static Content=RowCardContent;static Actions=RowCardActions;static defaultProps={isSelected:!1,isSelectable:!1,id:`${Math.random()}`};handleClick=()=>{this.props.onSelect&&this.props.onSelect()};render(){const e=s()("row-card mb-2",this.props.className,{"is-selectable cursor-pointer":this.props.isSelectable});return n().createElement(T.OniruCard,{padding:"md",className:e,onClick:this.handleClick},n().createElement(RowCardLayout,null,n().createElement(RowCardLayout.Header,null,n().createElement(RowCardHeader,{...this.props},E(this.props.children,D))),n().createElement(RowCardLayout.Content,null,E(this.props.children,RowCardContent)),n().createElement(RowCardLayout.Actions,null,E(this.props.children,RowCardActions))))}}},1414:(e,t,o)=>{o.d(t,{Tooltip:()=>c});var r=o(9155),n=o.n(r),a=o(992),s=o.n(a),l=o(9065),i=o.n(l);const c=n().memo((e=>{const[t,o]=(0,r.useState)(!1),[a,l]=(0,r.useState)(!1),[c,p]=(0,r.useState)(!1),d=(0,r.useRef)(void 0),m=(0,r.useRef)(void 0),u=(0,r.useRef)(null);u.current||(u.current=document.querySelector(".bs4-v3-external-container"));const h=e.placement??"top",C=s()("tooltip atoka-tooltip",e.className,`${h} bs-tooltip-${h}`),{onToggle:w,delay:b,trigger:y=["hover","focus","click"]}=e,f=(0,r.useMemo)((()=>Array.isArray(y)?y:[y]),[y]),g=f.includes("hover"),v=f.includes("focus"),E=f.includes("click"),k=(0,r.useMemo)((()=>"object"==typeof b?b:{show:b||0,hide:b||0}),[b]),N=void 0!==e.show?e.show:g&&t||v&&a||E&&c,x=(0,r.useCallback)((()=>{clearTimeout(d.current),d.current=void 0}),[]),R=(0,r.useCallback)((()=>{clearTimeout(m.current),m.current=void 0}),[]),D=(0,r.useCallback)((()=>{x(),R()}),[x,R]),T=(0,r.useCallback)((e=>{e||g&&t||v&&a||p(!1),w?.(e)}),[w,t,a,g,v]),P=e.children,A=(0,r.useCallback)((e=>{g&&(x(),k.show?d.current=setTimeout((()=>{o(!0)}),k.show):o(!0)),P.props?.onMouseEnter?.(e)}),[P,k.show,x,g]),F=(0,r.useCallback)((e=>{g&&(x(),k.hide?d.current=setTimeout((()=>{o(!1)}),k.hide):o(!1)),P.props?.onMouseLeave?.(e)}),[P,k.hide,x,g]),S=(0,r.useCallback)((e=>{v&&(R(),k.show?m.current=setTimeout((()=>{l(!0)}),k.show):l(!0)),P.props?.onFocus?.(e)}),[P,k.show,R,v]),q=(0,r.useCallback)((e=>{v&&(R(),k.hide?m.current=setTimeout((()=>{l(!1)}),k.hide):l(!1)),P.props?.onBlur?.(e)}),[P,k.hide,R,v]),L=(0,r.useCallback)((e=>{E&&(D(),p((e=>!e))),P.props?.onClick?.(e)}),[P,D,E]);(0,r.useEffect)((()=>()=>{D()}),[D]);const{content:O,...H}=e,M=(0,r.useCallback)((({...e})=>{const{show:t,style:o,ref:r,...a}=e,l=s()(C,{show:t});return n().createElement("div",{...a,ref:r,className:l,role:"tooltip",style:o,onMouseDown:e=>{e.stopPropagation()}},n().createElement("div",{className:"tooltip-inner"},O))}),[O,C]),I=(0,r.useCallback)((e=>n().cloneElement(P,{...e,onMouseEnter:A,onMouseLeave:F,onFocus:S,onBlur:q,onClick:L})),[P,A,F,S,q,L]);return n().createElement(i(),{...H,show:N,onToggle:T,container:u.current,overlay:M,rootClose:!0},I)}));c.displayName="Tooltip"},7638:t=>{t.exports=e},3316:e=>{e.exports=t},6889:e=>{e.exports=o},992:e=>{e.exports=r},9155:e=>{e.exports=n},9861:e=>{e.exports=a},4653:e=>{e.exports=s},3084:e=>{e.exports=l},1759:e=>{e.exports=i},9852:e=>{e.exports=c},7452:e=>{e.exports=p},9065:e=>{e.exports=d},7607:e=>{e.exports=m}},C={};function w(e){var t=C[e];if(void 0!==t)return t.exports;var o=C[e]={exports:{}};return h[e](o,o.exports,w),o.exports}w.m=h,u=[],w.O=(e,t,o,r)=>{if(!t){var n=1/0;for(i=0;i<u.length;i++){for(var[t,o,r]=u[i],a=!0,s=0;s<t.length;s++)(!1&r||n>=r)&&Object.keys(w.O).every((e=>w.O[e](t[s])))?t.splice(s--,1):(a=!1,r<n&&(n=r));if(a){u.splice(i--,1);var l=o();void 0!==l&&(e=l)}}return e}r=r||0;for(var i=u.length;i>0&&u[i-1][2]>r;i--)u[i]=u[i-1];u[i]=[t,o,r]},w.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return w.d(t,{a:t}),t},w.d=(e,t)=>{for(var o in t)w.o(t,o)&&!w.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},w.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),w.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={601:0,1585:0,3294:0,3626:0,5545:0,4711:0};w.O.j=t=>0===e[t];var t=(t,o)=>{var r,n,[a,s,l]=o,i=0;if(a.some((t=>0!==e[t]))){for(r in s)w.o(s,r)&&(w.m[r]=s[r]);if(l)var c=l(w)}for(t&&t(o);i<a.length;i++)n=a[i],w.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return w.O(c)},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 b=w.O(void 0,[4711],(()=>w(9946)));return b=w.O(b)})()));
@@ -1 +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.d(o,{AtokaCustomDropdownToggleWithChevron:()=>h,Dropdown:()=>Dropdown});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})))}}u("AtokaSimpleDropdownToggle",AtokaSimpleDropdownToggleComponent),u("AtokaCustomDropdownToggle",AtokaCustomDropdownToggleComponent);const h=u("AtokaCustomDropdownToggleWithChevron",AtokaCustomDropdownToggleWithChevronComponent)},4469:(e,o,t)=>{t.r(o),t.d(o,{SelectDropdown:()=>SelectDropdown});var r=t(9155),n=t.n(r),s=t(3084),a=t.n(s),i=t(992),l=t.n(i),p=t(397);class SelectDropdown extends n().PureComponent{static displayName="SelectDropdown";static defaultProps={size:"md",placeholder:"--",direction:"down"};renderOptions(){return this.props.options.map(this.renderItem)}renderItem=e=>{const o=`${e.value}`;return e.isDivider?n().createElement(p.Dropdown.Divider,{key:o}):n().createElement(p.Dropdown.Item,{key:o,disabled:e.disabled,eventKey:o},this.props.renderValue?.(e)??e.label)};renderSelectedValue(){const e=n().createElement("span",{className:"placeholder"},this.props.placeholder);if(null==this.props.selected)return e;const o=this.props.options.find((e=>e.value===this.props.selected));return null==o?e:this.props.renderSelectedValue?.(o)??o.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 o=e.elements.reference;e.elements.popper.style.width=`${o.offsetWidth}px`}}]}}render(){const e=l()("atoka-select-dropdown",this.props.className,this.props.size,{"is-invalid":this.props.isInvalid}),o=l()("atoka-select-dropdown-menu",this.props.size,this.props.menuClassName);return n().createElement(p.Dropdown,{onSelect:this.props.onSelect,className:e,drop:this.props.direction},n().createElement(p.Dropdown.Toggle,{disabled:this.props.disabled,as:p.AtokaCustomDropdownToggleWithChevron},n().createElement("span",{className:"dropdown-toggle-text-container"},this.renderSelectedValue())),n().createElement(a().Menu,{className:o,flip:!1,popperConfig:this.popperConfig},this.renderOptions()))}}},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={809:0,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(4469)));return c=d.O(c)})()));
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.d(o,{AtokaCustomDropdownToggleWithChevron:()=>h,Dropdown:()=>Dropdown});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})))}}u("AtokaSimpleDropdownToggle",AtokaSimpleDropdownToggleComponent),u("AtokaCustomDropdownToggle",AtokaCustomDropdownToggleComponent);const h=u("AtokaCustomDropdownToggleWithChevron",AtokaCustomDropdownToggleWithChevronComponent)},4469:(e,o,t)=>{t.r(o),t.d(o,{SelectDropdown:()=>SelectDropdown});var r=t(9155),n=t.n(r),s=t(3084),a=t.n(s),i=t(992),l=t.n(i),p=t(397);class SelectDropdown extends n().PureComponent{static displayName="SelectDropdown";static defaultProps={size:"md",placeholder:"--",direction:"down"};renderOptions(){return this.props.options.map(this.renderItem)}renderItem=e=>{const o=`${e.value}`;return e.isDivider?n().createElement(p.Dropdown.Divider,{key:o}):n().createElement(p.Dropdown.Item,{key:o,disabled:e.disabled,eventKey:o},this.props.renderValue?.(e)??e.label)};renderSelectedValue(){const e=n().createElement("span",{className:"placeholder"},this.props.placeholder);if(null==this.props.selected)return e;const o=this.props.options.find((e=>e.value===this.props.selected));return null==o?e:this.props.renderSelectedValue?.(o)??o.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 o=e.elements.reference;e.elements.popper.style.width=`${o.offsetWidth}px`}}]}}render(){const e=l()("atoka-select-dropdown",this.props.className,this.props.size,{"is-invalid":this.props.isInvalid}),o=l()("atoka-select-dropdown-menu",this.props.size,this.props.menuClassName);return n().createElement(p.Dropdown,{onSelect:this.props.onSelect,className:e,drop:this.props.direction},n().createElement(p.Dropdown.Toggle,{disabled:this.props.disabled,as:p.AtokaCustomDropdownToggleWithChevron},n().createElement("span",{className:"dropdown-toggle-text-container"},this.renderSelectedValue())),n().createElement(a().Menu,{className:o,flip:!1,popperConfig:this.popperConfig},this.renderOptions()))}}},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={809:0,1585:0,3626:0,4711: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,[4711],(()=>d(4469)));return c=d.O(c)})()));
package/Spinner/index.js CHANGED
@@ -1 +1 @@
1
- !function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("classnames"),require("react")):"function"==typeof define&&define.amd?define("atoka-design-system",["classnames","react"],r):"object"==typeof exports?exports["atoka-design-system"]=r(require("classnames"),require("react")):e["atoka-design-system"]=r(e.classnames,e.react)}(self,((e,r)=>(()=>{"use strict";var n,t={1503:(e,r,n)=>{n.r(r),n.d(r,{Spinner:()=>Spinner,SpinnerSize:()=>t});var t,s=n(992),a=n.n(s),i=n(9155),l=n.n(i);!function(e){e[e.mini=0]="mini",e[e.small=1]="small",e[e.big=2]="big",e[e.modal=3]="modal"}(t||(t={}));class Spinner extends l().Component{static displayName="Spinner";static defaultProps={size:t.small,className:""};renderOnlyDotsSpinner(e){const r="atoka-spinner spinner-"+e+" "+this.props.className;return l().createElement("div",{className:r},l().createElement("div",{className:"spinner-dot1"},l().createElement("div",{className:"spinner-leaf"})),l().createElement("div",{className:"spinner-dot2"},l().createElement("div",{className:"spinner-leaf"})),l().createElement("div",{className:"spinner-dot3"},l().createElement("div",{className:"spinner-leaf"})))}renderSmall(){return this.renderOnlyDotsSpinner("small")}renderMini(){return this.renderOnlyDotsSpinner("mini")}renderLeaf(){return l().createElement("svg",{viewBox:"0 0 204.01 190.64",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},l().createElement("g",{id:"leaf"},l().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 l().createElement("svg",{viewBox:"0 0 204.01 190.64",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},l().createElement("g",{id:"logo-vector"},l().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=a()(this.props.className,{"atoka-spinner":!0,"spinner-big":this.props.size===t.big,"spinner-medium":this.props.size===t.modal}),r=a()({"container-fluid spinner-modal":this.props.size===t.modal});return l().createElement("div",{className:r},l().createElement("div",{className:e},l().createElement("div",{className:"spinner-dot1"},l().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),l().createElement("div",{className:"spinner-dot2"},l().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),l().createElement("div",{className:"spinner-dot3"},l().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),l().createElement("span",{className:"spinner-letter"},this.renderLetter())))}render(){switch(this.props.size){case t.mini:return this.renderMini();case t.small:return this.renderSmall();case t.big:case t.modal:return this.renderBig();default:return null}}}},992:r=>{r.exports=e},9155:e=>{e.exports=r}},s={};function a(e){var r=s[e];if(void 0!==r)return r.exports;var n=s[e]={exports:{}};return t[e](n,n.exports,a),n.exports}a.m=t,n=[],a.O=(e,r,t,s)=>{if(!r){var i=1/0;for(d=0;d<n.length;d++){for(var[r,t,s]=n[d],l=!0,o=0;o<r.length;o++)(!1&s||i>=s)&&Object.keys(a.O).every((e=>a.O[e](r[o])))?r.splice(o--,1):(l=!1,s<i&&(i=s));if(l){n.splice(d--,1);var m=t();void 0!==m&&(e=m)}}return e}s=s||0;for(var d=n.length;d>0&&n[d-1][2]>s;d--)n[d]=n[d-1];n[d]=[r,t,s]},a.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return a.d(r,{a:r}),r},a.d=(e,r)=>{for(var n in r)a.o(r,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3667:0,525:0};a.O.j=r=>0===e[r];var r=(r,n)=>{var t,s,[i,l,o]=n,m=0;if(i.some((r=>0!==e[r]))){for(t in l)a.o(l,t)&&(a.m[t]=l[t]);if(o)var d=o(a)}for(r&&r(n);m<i.length;m++)s=i[m],a.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return a.O(d)},n=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];n.forEach(r.bind(null,0)),n.push=r.bind(null,n.push.bind(n))})();var i=a.O(void 0,[525],(()=>a(1503)));return i=a.O(i)})()));
1
+ !function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("classnames"),require("react")):"function"==typeof define&&define.amd?define("atoka-design-system",["classnames","react"],r):"object"==typeof exports?exports["atoka-design-system"]=r(require("classnames"),require("react")):e["atoka-design-system"]=r(e.classnames,e.react)}(self,((e,r)=>(()=>{"use strict";var n,t={1503:(e,r,n)=>{n.r(r),n.d(r,{Spinner:()=>Spinner,SpinnerSize:()=>t});var t,s=n(992),a=n.n(s),i=n(9155),l=n.n(i);!function(e){e[e.mini=0]="mini",e[e.small=1]="small",e[e.big=2]="big",e[e.modal=3]="modal"}(t||(t={}));class Spinner extends l().Component{static displayName="Spinner";static defaultProps={size:t.small,className:""};renderOnlyDotsSpinner(e){const r="atoka-spinner spinner-"+e+" "+this.props.className;return l().createElement("div",{className:r},l().createElement("div",{className:"spinner-dot1"},l().createElement("div",{className:"spinner-leaf"})),l().createElement("div",{className:"spinner-dot2"},l().createElement("div",{className:"spinner-leaf"})),l().createElement("div",{className:"spinner-dot3"},l().createElement("div",{className:"spinner-leaf"})))}renderSmall(){return this.renderOnlyDotsSpinner("small")}renderMini(){return this.renderOnlyDotsSpinner("mini")}renderLeaf(){return l().createElement("svg",{viewBox:"0 0 204.01 190.64",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},l().createElement("g",{id:"leaf"},l().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 l().createElement("svg",{viewBox:"0 0 204.01 190.64",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},l().createElement("g",{id:"logo-vector"},l().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=a()(this.props.className,{"atoka-spinner":!0,"spinner-big":this.props.size===t.big,"spinner-medium":this.props.size===t.modal}),r=a()({"container-fluid spinner-modal":this.props.size===t.modal});return l().createElement("div",{className:r},l().createElement("div",{className:e},l().createElement("div",{className:"spinner-dot1"},l().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),l().createElement("div",{className:"spinner-dot2"},l().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),l().createElement("div",{className:"spinner-dot3"},l().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),l().createElement("span",{className:"spinner-letter"},this.renderLetter())))}render(){switch(this.props.size){case t.mini:return this.renderMini();case t.small:return this.renderSmall();case t.big:case t.modal:return this.renderBig();default:return null}}}},992:r=>{r.exports=e},9155:e=>{e.exports=r}},s={};function a(e){var r=s[e];if(void 0!==r)return r.exports;var n=s[e]={exports:{}};return t[e](n,n.exports,a),n.exports}a.m=t,n=[],a.O=(e,r,t,s)=>{if(!r){var i=1/0;for(d=0;d<n.length;d++){for(var[r,t,s]=n[d],l=!0,o=0;o<r.length;o++)(!1&s||i>=s)&&Object.keys(a.O).every((e=>a.O[e](r[o])))?r.splice(o--,1):(l=!1,s<i&&(i=s));if(l){n.splice(d--,1);var m=t();void 0!==m&&(e=m)}}return e}s=s||0;for(var d=n.length;d>0&&n[d-1][2]>s;d--)n[d]=n[d-1];n[d]=[r,t,s]},a.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return a.d(r,{a:r}),r},a.d=(e,r)=>{for(var n in r)a.o(r,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3667:0,4711:0};a.O.j=r=>0===e[r];var r=(r,n)=>{var t,s,[i,l,o]=n,m=0;if(i.some((r=>0!==e[r]))){for(t in l)a.o(l,t)&&(a.m[t]=l[t]);if(o)var d=o(a)}for(r&&r(n);m<i.length;m++)s=i[m],a.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return a.O(d)},n=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];n.forEach(r.bind(null,0)),n.push=r.bind(null,n.push.bind(n))})();var i=a.O(void 0,[4711],(()=>a(1503)));return i=a.O(i)})()));
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/pro-light-svg-icons/faEmptySet"),require("@fortawesome/pro-light-svg-icons/faInfoCircle"),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"),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/pro-light-svg-icons/faEmptySet","@fortawesome/pro-light-svg-icons/faInfoCircle","@fortawesome/pro-regular-svg-icons/faChevronDown","@fortawesome/pro-regular-svg-icons/faEllipsisH","@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Button","react-bootstrap/Dropdown","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-bootstrap/OverlayTrigger"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/pro-light-svg-icons/faEmptySet"),require("@fortawesome/pro-light-svg-icons/faInfoCircle"),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"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/OverlayTrigger")):e["atoka-design-system"]=t(e["@fortawesome/pro-light-svg-icons/faEmptySet"],e["@fortawesome/pro-light-svg-icons/faInfoCircle"],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"],e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-bootstrap/OverlayTrigger"])}(self,((e,t,r,n,o,s,a,l,i,c,p,d,m)=>(()=>{"use strict";var u,h={4070:(e,t,r)=>{r.d(t,{Button:()=>Button});var n=r(6889),o=r(992),s=r.n(o),a=r(9155),l=r.n(a),i=r(9861),c=r.n(i);class Button extends l().PureComponent{static displayName="Button";static defaultProps={variant:"primary",size:"md",disabled:!1};renderIcon(e){return null==e?null:l().createElement(n.FontAwesomeIcon,{icon:e})}renderChildren(e){return null==e?null:l().createElement("span",{className:"btn-children"},e)}renderLeftSide(e,t){return null==e?null==t?null:l().createElement(n.FontAwesomeIcon,{icon:t,className:"invisible"}):l().createElement(n.FontAwesomeIcon,{icon:e})}renderRightSide(e,t){return null==t?null==e?null:l().createElement(n.FontAwesomeIcon,{icon:e,className:"invisible"}):l().createElement(n.FontAwesomeIcon,{icon:t})}renderContent(e,t){return null!=e&&null==t?this.renderIcon(e):l().createElement("div",{className:"button-content-center-container"},this.renderIcon(e),this.renderChildren(t))}render(){const{icon:e,iconLeft:t,iconRight:r,children:n,size:o,className:a,...i}=this.props,p=s()("atoka-btn",`btn-${o}`,a,{"btn-icon-only":null!=this.props.icon&&null==this.props.children});return l().createElement(c(),{className:p,...i},this.renderLeftSide(t,r),this.renderContent(e,n),this.renderRightSide(t,r))}}},397:(e,t,r)=>{r.d(t,{AtokaSimpleDropdownToggle:()=>h,Dropdown:()=>Dropdown});var n=r(9155),o=r.n(n),s=r(992),a=r.n(s),l=r(3084),i=r.n(l);class DropdownMenu extends o().PureComponent{static displayName="DropdownMenu";static defaultProps={size:"sm"};render(){const e=a()("atoka-dropdown-menu",this.props.className,this.props.size);return o().createElement(i().Menu,{...this.props,className:e},this.props.children)}}const c=o().memo((({children:e})=>o().createElement("div",{className:"atoka-dropdown-section"},e,o().createElement(Dropdown.Divider,null))));c.displayName="DropdownSection";class Dropdown extends o().PureComponent{static displayName="DropDown";static Toggle=i().Toggle;static Menu=DropdownMenu;static Item=i().Item;static Divider=i().Divider;static Header=i().Header;static Section=c;render(){const e=a()(this.props.className,"atoka-dropdown");return o().createElement(i(),{...this.props,className:e},this.props.children)}}var p=r(3316),d=r(7638),m=r(4070);function u(e,t){const r=o().forwardRef(((e,r)=>o().createElement("div",{ref:r},o().createElement(t,{disabled:e.disabled,onClick:e.onClick},e.children))));return r.displayName=e,r}class AtokaSimpleDropdownToggleComponent extends o().Component{static displayName="AtokaSimpleDropdownToggleComponent";handleClick=e=>{e.preventDefault(),this.props.onClick(e)};render(){return o().createElement(m.Button,{variant:"secondary",size:"xs",icon:p.faEllipsisH,onClick:this.props.disabled?void 0:this.handleClick,disabled:this.props.disabled})}}class AtokaCustomDropdownToggleComponent extends o().Component{static displayName="AtokaCustomDropdownToggleComponent";handleClick=e=>{e.preventDefault(),this.props.onClick(e)};render(){return o().createElement("div",{className:"atoka-dropdown-toggle",onClick:this.props.disabled?void 0:this.handleClick},this.props.children)}}class AtokaCustomDropdownToggleWithChevronComponent extends o().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 o().createElement("div",{className:e,onClick:this.props.disabled?void 0:this.handleClick},this.props.children,o().createElement("div",{className:"chevron-container d-flex"},o().createElement(m.Button,{variant:"tertiary",size:"md",icon:d.faChevronDown})))}}const h=u("AtokaSimpleDropdownToggle",AtokaSimpleDropdownToggleComponent);u("AtokaCustomDropdownToggle",AtokaCustomDropdownToggleComponent),u("AtokaCustomDropdownToggleWithChevron",AtokaCustomDropdownToggleWithChevronComponent)},3250:(e,t,r)=>{r.d(t,{EllipsableContent:()=>EllipsableContent});var n=r(992),o=r.n(n),s=r(9155),a=r.n(s),l=r(1414),i=r(862);const c=e=>a().createElement("div",{className:"ellipsable-content-prepend"},e.children);c.displayName="EllipsableContent.Prepend";const p=e=>a().createElement("div",{className:"ellipsable-content-append"},e.children);p.displayName="EllipsableContent.Append";const d=e=>{const t=a().createElement("div",{className:"ellipsable-content-content"},e.children);return null==e.tooltip?t:a().createElement(l.Tooltip,{...e.tooltipProps,content:e.tooltip},t)};d.displayName="EllipsableContent.Content";class EllipsableContent extends a().PureComponent{static displayName="EllipsableContent";static Prepend=c;static Append=p;static Content=d;renderFullContent(){const e=(0,i.Ep)(this.props.children,EllipsableContent.Prepend);let t=(0,i.Ep)(this.props.children,EllipsableContent.Content);const r=(0,i.Ep)(this.props.children,EllipsableContent.Append);return null!=t||null==e&&null==r?(null==t&&(t=a().createElement(EllipsableContent.Content,null,this.props.children)),null!=this.props.tooltip&&(t=a().createElement(t.type,{...t.props,tooltip:this.props.tooltip,tooltipProps:this.props.tooltipProps})),a().createElement(a().Fragment,null,e,t,r)):(console.error("You must set a .Content alongside the .Append or .Prepend"),null)}render(){const e=o()("ellipsable-content-container align-items-center",this.props.className,{"ellipsable-with-tooltip":null!=this.props.tooltip}),t=this.renderFullContent();return null==t?null:a().createElement("div",{className:e,style:this.props.style},t)}}},7869:(e,t,r)=>{r.d(t,{EmptyState:()=>EmptyState});var n=r(9155),o=r.n(n),s=r(6889),a=r(8852),l=r(992),i=r.n(l);class EmptyState extends o().PureComponent{static displayName="EmptyState";render(){return o().createElement("div",{className:i()("atoka-empty-state",this.props.className)},o().createElement("div",{className:"mb-2"},o().createElement(s.FontAwesomeIcon,{icon:a.faEmptySet})),this.props.children)}}},1120:(e,t,r)=>{var n=r(9155),o=r.n(n),s=r(992),a=r.n(s),l=r(1759),i=r.n(l),c=r(3048),p=r(545),d=r(2039),m=r(8867),u=r(9125);const h=e=>{const t=a()(e?.className,"atoka-form");return o().createElement(i(),{...e,className:t},e.children)};h.displayName="Form",h.Control=p.M,h.Label=c.l,h.Checkbox=d.c,h.Radio=m.M,h.Switch=i().Switch,h.Help=u.W,h.Group=i().Group},2039:(e,t,r)=>{r.d(t,{c:()=>c});var n=r(9155),o=r.n(n),s=r(992),a=r.n(s),l=r(1759),i=r.n(l);const c=e=>{const t=a()("atoka-form-checkbox",e?.className);return o().createElement(i().Check,{type:"checkbox",...e,className:t,label:e.label??""})};c.displayName="FormCheckbox"},545:(e,t,r)=>{r.d(t,{M:()=>d});var n=r(9155),o=r.n(n),s=r(992),a=r.n(s),l=r(9852),i=r.n(l),c=r(5344);const p=o().forwardRef((({size:e="md",...t},r)=>{const n=a()("atoka-form-control",t?.className,{disabled:t.disabled});return o().createElement(i(),{as:t.as,rows:t.rows,cols:t.cols,placeholder:t.placeholder,className:n,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:r,autoComplete:"off"},t.children)}));p.displayName="FormControlComponent";const d=p;d.FeedBack=c.B,d.displayName="FormControl"},5344:(e,t,r)=>{r.d(t,{B:()=>c});var n=r(9155),o=r.n(n),s=r(992),a=r.n(s),l=r(9852),i=r.n(l);const c=o().memo((({show:e=!0,...t})=>{const r=a()(t?.className,"atoka-form-control-feedback",{"d-block":e});return o().createElement(i().Feedback,{type:t.type,className:r},t.children)}));c.displayName="FormControlFeedBack"},9125:(e,t,r)=>{r.d(t,{W:()=>c});var n=r(7452),o=r.n(n),s=r(9155),a=r.n(s),l=r(992),i=r.n(l);const c=a().memo((({children:e,...t})=>{const r=i()("d-block",t?.className);return a().createElement(o(),{bsPrefix:"atoka-form-help",className:r},e)}));c.displayName="FormHelp"},3048:(e,t,r)=>{r.d(t,{l:()=>c});var n=r(9155),o=r.n(n),s=r(992),a=r.n(s),l=r(1759),i=r.n(l);const c=o().memo((e=>{const t=a()(e?.className,"atoka-form-label");return o().createElement(i().Label,{className:t},e.children)}));c.displayName="FormLabel"},8867:(e,t,r)=>{r.d(t,{M:()=>c});var n=r(9155),o=r.n(n),s=r(992),a=r.n(s),l=r(1759),i=r.n(l);const c=e=>{const t=a()(e?.className,"atoka-form-radio");return o().createElement(i().Check,{type:"radio",...e,className:t,label:e.label??""})};c.displayName="FormRadio"},4552:(e,t,r)=>{r.d(t,{OniruCard:()=>l});var n=r(9155),o=r.n(n),s=r(992),a=r.n(s);const l=({as:e="div",padding:t,className:r,...n})=>{const s="md"===t?"p-3":"";return o().createElement(e,{...n,className:a()("oniru-card",s,r)})};l.displayName="OniruCard"},1503:(e,t,r)=>{r.d(t,{Spinner:()=>Spinner,SpinnerSize:()=>n});var n,o=r(992),s=r.n(o),a=r(9155),l=r.n(a);!function(e){e[e.mini=0]="mini",e[e.small=1]="small",e[e.big=2]="big",e[e.modal=3]="modal"}(n||(n={}));class Spinner extends l().Component{static displayName="Spinner";static defaultProps={size:n.small,className:""};renderOnlyDotsSpinner(e){const t="atoka-spinner spinner-"+e+" "+this.props.className;return l().createElement("div",{className:t},l().createElement("div",{className:"spinner-dot1"},l().createElement("div",{className:"spinner-leaf"})),l().createElement("div",{className:"spinner-dot2"},l().createElement("div",{className:"spinner-leaf"})),l().createElement("div",{className:"spinner-dot3"},l().createElement("div",{className:"spinner-leaf"})))}renderSmall(){return this.renderOnlyDotsSpinner("small")}renderMini(){return this.renderOnlyDotsSpinner("mini")}renderLeaf(){return l().createElement("svg",{viewBox:"0 0 204.01 190.64",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},l().createElement("g",{id:"leaf"},l().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 l().createElement("svg",{viewBox:"0 0 204.01 190.64",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},l().createElement("g",{id:"logo-vector"},l().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===n.big,"spinner-medium":this.props.size===n.modal}),t=s()({"container-fluid spinner-modal":this.props.size===n.modal});return l().createElement("div",{className:t},l().createElement("div",{className:e},l().createElement("div",{className:"spinner-dot1"},l().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),l().createElement("div",{className:"spinner-dot2"},l().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),l().createElement("div",{className:"spinner-dot3"},l().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),l().createElement("span",{className:"spinner-letter"},this.renderLetter())))}render(){switch(this.props.size){case n.mini:return this.renderMini();case n.small:return this.renderSmall();case n.big:case n.modal:return this.renderBig();default:return null}}}},2619:(e,t,r)=>{r.r(t),r.d(t,{StatisticsItemCard:()=>StatisticsItemCard});var n=r(9155),o=r.n(n),s=r(992),a=r.n(s),l=r(6889),i=r(7987),c=r(4552),p=r(1648),d=r(862),m=r(3250),u=r(1503),h=r(7869),f=r(1414),v=r(397);const g=o().memo((e=>{const t=null!=e.tooltip?o().createElement(f.Tooltip,{...e.tooltipProps,content:e.tooltip},o().createElement(l.FontAwesomeIcon,{icon:i.faInfoCircle,className:"ms-1 cursor-pointer"})):null;return o().createElement(p.Title,{size:"xs"},e.children,t)})),E=o().memo((e=>o().createElement("div",{className:"subtitle-section"},e.children))),C=o().memo((e=>{const t=a()("body-section",{"px-3 pb-3":e.withPadding??!0});return o().createElement("div",{className:t},e.children)})),b=o().memo((e=>o().createElement(v.Dropdown,{drop:"start"},o().createElement(v.Dropdown.Toggle,{as:v.AtokaSimpleDropdownToggle}),o().createElement(v.Dropdown.Menu,null,e.children))));g.displayName="StatisticsTitle",E.displayName="StatisticsSubtitle",C.displayName="StatisticsBody",b.displayName="StatisticsActionButtons";class StatisticsItemCard extends o().PureComponent{static displayName="StatisticsItemCard";static Title=g;static Subtitle=E;static Body=C;static ActionButtons=b;static Spinner=u.Spinner;static EmptyState=h.EmptyState;renderBodySection(){return this.props.isLoading||this.props.isEmpty?null:(0,d.Ep)(this.props.children,StatisticsItemCard.Body)??null}renderSubtitleSection(){if(this.props.isLoading||this.props.isEmpty)return null;const e=(0,d.Jb)(this.props.children,StatisticsItemCard.Subtitle);return 0===e.length?null:e}renderIsLoading(){return this.props.isLoading?o().createElement("div",{className:"body-section justify-content-center align-items-center"},(0,d.Ep)(this.props.children,StatisticsItemCard.Spinner)):null}renderIsEmpty(){return this.props.isEmpty?o().createElement("div",{className:"body-section justify-content-center align-items-center pe-3 ps-3 pb-3"},(0,d.Ep)(this.props.children,StatisticsItemCard.EmptyState)):null}renderActionButtons(){if(this.props.isPerformingAction)return o().createElement(u.Spinner,{size:u.SpinnerSize.small});const e=(0,d.Jb)(this.props.children,StatisticsItemCard.ActionButtons);return 0===e.length?null:o().createElement("div",{className:"statistics-item-card-actions-button"},e)}render(){const e=a()("statistics-item-card d-flex flex-column",this.props.className,{"statistics-item-card-disabled":this.props.isPerformingAction});return o().createElement(c.OniruCard,{className:e},o().createElement(m.EllipsableContent,null,o().createElement(m.EllipsableContent.Content,null,(0,d.Ep)(this.props.children,StatisticsItemCard.Title)),o().createElement(m.EllipsableContent.Append,null,this.renderActionButtons())),this.renderSubtitleSection(),this.renderBodySection(),this.renderIsEmpty(),this.renderIsLoading())}}},550:(e,t,r)=>{r.d(t,{h:()=>Title});var n=r(9155),o=r.n(n),s=r(6889),a=r(992),l=r.n(a);class Title extends o().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 o().createElement(s.FontAwesomeIcon,{icon:this.props.icon,className:e,fixedWidth:!0})}renderContent(){return o().createElement(o().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 o().createElement("h6",{...e},this.renderContent());case"sm":return o().createElement("h5",{...e},this.renderContent());case"md":return o().createElement("h4",{...e},this.renderContent());case"lg":return o().createElement("h3",{...e},this.renderContent());case"xl":return o().createElement("h2",{...e},this.renderContent());default:return o().createElement("h1",{...e},this.renderContent())}}}},1648:(e,t,r)=>{r.d(t,{Title:()=>n.h});var n=r(550)},1414:(e,t,r)=>{r.d(t,{Tooltip:()=>c});var n=r(9155),o=r.n(n),s=r(992),a=r.n(s),l=r(9065),i=r.n(l);const c=o().memo((e=>{const[t,r]=(0,n.useState)(!1),[s,l]=(0,n.useState)(!1),[c,p]=(0,n.useState)(!1),d=(0,n.useRef)(void 0),m=(0,n.useRef)(void 0),u=(0,n.useRef)(null);u.current||(u.current=document.querySelector(".bs4-v3-external-container"));const h=e.placement??"top",f=a()("tooltip atoka-tooltip",e.className,`${h} bs-tooltip-${h}`),{onToggle:v,delay:g,trigger:E=["hover","focus","click"]}=e,C=(0,n.useMemo)((()=>Array.isArray(E)?E:[E]),[E]),b=C.includes("hover"),y=C.includes("focus"),w=C.includes("click"),N=(0,n.useMemo)((()=>"object"==typeof g?g:{show:g||0,hide:g||0}),[g]),k=void 0!==e.show?e.show:b&&t||y&&s||w&&c,S=(0,n.useCallback)((()=>{clearTimeout(d.current),d.current=void 0}),[]),x=(0,n.useCallback)((()=>{clearTimeout(m.current),m.current=void 0}),[]),D=(0,n.useCallback)((()=>{S(),x()}),[S,x]),T=(0,n.useCallback)((e=>{e||b&&t||y&&s||p(!1),v?.(e)}),[v,t,s,b,y]),F=e.children,A=(0,n.useCallback)((e=>{b&&(S(),N.show?d.current=setTimeout((()=>{r(!0)}),N.show):r(!0)),F.props?.onMouseEnter?.(e)}),[F,N.show,S,b]),I=(0,n.useCallback)((e=>{b&&(S(),N.hide?d.current=setTimeout((()=>{r(!1)}),N.hide):r(!1)),F.props?.onMouseLeave?.(e)}),[F,N.hide,S,b]),B=(0,n.useCallback)((e=>{y&&(x(),N.show?m.current=setTimeout((()=>{l(!0)}),N.show):l(!0)),F.props?.onFocus?.(e)}),[F,N.show,x,y]),P=(0,n.useCallback)((e=>{y&&(x(),N.hide?m.current=setTimeout((()=>{l(!1)}),N.hide):l(!1)),F.props?.onBlur?.(e)}),[F,N.hide,x,y]),q=(0,n.useCallback)((e=>{w&&(D(),p((e=>!e))),F.props?.onClick?.(e)}),[F,D,w]);(0,n.useEffect)((()=>()=>{D()}),[D]);const{content:M,...O}=e,L=(0,n.useCallback)((({...e})=>{const{show:t,style:r,ref:n,...s}=e,l=a()(f,{show:t});return o().createElement("div",{...s,ref:n,className:l,role:"tooltip",style:r,onMouseDown:e=>{e.stopPropagation()}},o().createElement("div",{className:"tooltip-inner"},M))}),[M,f]),z=(0,n.useCallback)((e=>o().cloneElement(F,{...e,onMouseEnter:A,onMouseLeave:I,onFocus:B,onBlur:P,onClick:q})),[F,A,I,B,P,q]);return o().createElement(i(),{...O,show:k,onToggle:T,container:u.current,overlay:L,rootClose:!0},z)}));c.displayName="Tooltip"},862:(e,t,r)=>{r.d(t,{Ep:()=>a,Jb:()=>s});r(6889);var n=r(9155),o=r.n(n);r(1120);function s(e,t){const r=[];return o().Children.forEach(e,(e=>{e?.type===t&&r.push(e)})),r}function a(e,t){return s(e,t)?.[0]??null}},8852:t=>{t.exports=e},7987:e=>{e.exports=t},7638:e=>{e.exports=r},3316:e=>{e.exports=n},6889:e=>{e.exports=o},992:e=>{e.exports=s},9155:e=>{e.exports=a},9861:e=>{e.exports=l},3084:e=>{e.exports=i},1759:e=>{e.exports=c},9852:e=>{e.exports=p},7452:e=>{e.exports=d},9065:e=>{e.exports=m}},f={};function v(e){var t=f[e];if(void 0!==t)return t.exports;var r=f[e]={exports:{}};return h[e](r,r.exports,v),r.exports}v.m=h,u=[],v.O=(e,t,r,n)=>{if(!t){var o=1/0;for(i=0;i<u.length;i++){for(var[t,r,n]=u[i],s=!0,a=0;a<t.length;a++)(!1&n||o>=n)&&Object.keys(v.O).every((e=>v.O[e](t[a])))?t.splice(a--,1):(s=!1,n<o&&(o=n));if(s){u.splice(i--,1);var l=r();void 0!==l&&(e=l)}}return e}n=n||0;for(var i=u.length;i>0&&u[i-1][2]>n;i--)u[i]=u[i-1];u[i]=[t,r,n]},v.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return v.d(t,{a:t}),t},v.d=(e,t)=>{for(var r in t)v.o(t,r)&&!v.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},v.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),v.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={601:0,1585:0,3122:0,3626:0,3667:0,4176:0,5545:0,6800:0,6808:0,525:0};v.O.j=t=>0===e[t];var t=(t,r)=>{var n,o,[s,a,l]=r,i=0;if(s.some((t=>0!==e[t]))){for(n in a)v.o(a,n)&&(v.m[n]=a[n]);if(l)var c=l(v)}for(t&&t(r);i<s.length;i++)o=s[i],v.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return v.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 g=v.O(void 0,[525],(()=>v(2619)));return g=v.O(g)})()));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/pro-light-svg-icons/faEmptySet"),require("@fortawesome/pro-light-svg-icons/faInfoCircle"),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"),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/pro-light-svg-icons/faEmptySet","@fortawesome/pro-light-svg-icons/faInfoCircle","@fortawesome/pro-regular-svg-icons/faChevronDown","@fortawesome/pro-regular-svg-icons/faEllipsisH","@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Button","react-bootstrap/Dropdown","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-bootstrap/OverlayTrigger"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/pro-light-svg-icons/faEmptySet"),require("@fortawesome/pro-light-svg-icons/faInfoCircle"),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"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/OverlayTrigger")):e["atoka-design-system"]=t(e["@fortawesome/pro-light-svg-icons/faEmptySet"],e["@fortawesome/pro-light-svg-icons/faInfoCircle"],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"],e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-bootstrap/OverlayTrigger"])}(self,((e,t,r,n,o,s,a,l,i,c,p,d,m)=>(()=>{"use strict";var u,h={4070:(e,t,r)=>{r.d(t,{Button:()=>Button});var n=r(6889),o=r(992),s=r.n(o),a=r(9155),l=r.n(a),i=r(9861),c=r.n(i);class Button extends l().PureComponent{static displayName="Button";static defaultProps={variant:"primary",size:"md",disabled:!1};renderIcon(e){return null==e?null:l().createElement(n.FontAwesomeIcon,{icon:e})}renderChildren(e){return null==e?null:l().createElement("span",{className:"btn-children"},e)}renderLeftSide(e,t){return null==e?null==t?null:l().createElement(n.FontAwesomeIcon,{icon:t,className:"invisible"}):l().createElement(n.FontAwesomeIcon,{icon:e})}renderRightSide(e,t){return null==t?null==e?null:l().createElement(n.FontAwesomeIcon,{icon:e,className:"invisible"}):l().createElement(n.FontAwesomeIcon,{icon:t})}renderContent(e,t){return null!=e&&null==t?this.renderIcon(e):l().createElement("div",{className:"button-content-center-container"},this.renderIcon(e),this.renderChildren(t))}render(){const{icon:e,iconLeft:t,iconRight:r,children:n,size:o,className:a,...i}=this.props,p=s()("atoka-btn",`btn-${o}`,a,{"btn-icon-only":null!=this.props.icon&&null==this.props.children});return l().createElement(c(),{className:p,...i},this.renderLeftSide(t,r),this.renderContent(e,n),this.renderRightSide(t,r))}}},397:(e,t,r)=>{r.d(t,{AtokaSimpleDropdownToggle:()=>h,Dropdown:()=>Dropdown});var n=r(9155),o=r.n(n),s=r(992),a=r.n(s),l=r(3084),i=r.n(l);class DropdownMenu extends o().PureComponent{static displayName="DropdownMenu";static defaultProps={size:"sm"};render(){const e=a()("atoka-dropdown-menu",this.props.className,this.props.size);return o().createElement(i().Menu,{...this.props,className:e},this.props.children)}}const c=o().memo((({children:e})=>o().createElement("div",{className:"atoka-dropdown-section"},e,o().createElement(Dropdown.Divider,null))));c.displayName="DropdownSection";class Dropdown extends o().PureComponent{static displayName="DropDown";static Toggle=i().Toggle;static Menu=DropdownMenu;static Item=i().Item;static Divider=i().Divider;static Header=i().Header;static Section=c;render(){const e=a()(this.props.className,"atoka-dropdown");return o().createElement(i(),{...this.props,className:e},this.props.children)}}var p=r(3316),d=r(7638),m=r(4070);function u(e,t){const r=o().forwardRef(((e,r)=>o().createElement("div",{ref:r},o().createElement(t,{disabled:e.disabled,onClick:e.onClick},e.children))));return r.displayName=e,r}class AtokaSimpleDropdownToggleComponent extends o().Component{static displayName="AtokaSimpleDropdownToggleComponent";handleClick=e=>{e.preventDefault(),this.props.onClick(e)};render(){return o().createElement(m.Button,{variant:"secondary",size:"xs",icon:p.faEllipsisH,onClick:this.props.disabled?void 0:this.handleClick,disabled:this.props.disabled})}}class AtokaCustomDropdownToggleComponent extends o().Component{static displayName="AtokaCustomDropdownToggleComponent";handleClick=e=>{e.preventDefault(),this.props.onClick(e)};render(){return o().createElement("div",{className:"atoka-dropdown-toggle",onClick:this.props.disabled?void 0:this.handleClick},this.props.children)}}class AtokaCustomDropdownToggleWithChevronComponent extends o().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 o().createElement("div",{className:e,onClick:this.props.disabled?void 0:this.handleClick},this.props.children,o().createElement("div",{className:"chevron-container d-flex"},o().createElement(m.Button,{variant:"tertiary",size:"md",icon:d.faChevronDown})))}}const h=u("AtokaSimpleDropdownToggle",AtokaSimpleDropdownToggleComponent);u("AtokaCustomDropdownToggle",AtokaCustomDropdownToggleComponent),u("AtokaCustomDropdownToggleWithChevron",AtokaCustomDropdownToggleWithChevronComponent)},3250:(e,t,r)=>{r.d(t,{EllipsableContent:()=>EllipsableContent});var n=r(992),o=r.n(n),s=r(9155),a=r.n(s),l=r(1414),i=r(862);const c=e=>a().createElement("div",{className:"ellipsable-content-prepend"},e.children);c.displayName="EllipsableContent.Prepend";const p=e=>a().createElement("div",{className:"ellipsable-content-append"},e.children);p.displayName="EllipsableContent.Append";const d=e=>{const t=a().createElement("div",{className:"ellipsable-content-content"},e.children);return null==e.tooltip?t:a().createElement(l.Tooltip,{...e.tooltipProps,content:e.tooltip},t)};d.displayName="EllipsableContent.Content";class EllipsableContent extends a().PureComponent{static displayName="EllipsableContent";static Prepend=c;static Append=p;static Content=d;renderFullContent(){const e=(0,i.Ep)(this.props.children,EllipsableContent.Prepend);let t=(0,i.Ep)(this.props.children,EllipsableContent.Content);const r=(0,i.Ep)(this.props.children,EllipsableContent.Append);return null!=t||null==e&&null==r?(null==t&&(t=a().createElement(EllipsableContent.Content,null,this.props.children)),null!=this.props.tooltip&&(t=a().createElement(t.type,{...t.props,tooltip:this.props.tooltip,tooltipProps:this.props.tooltipProps})),a().createElement(a().Fragment,null,e,t,r)):(console.error("You must set a .Content alongside the .Append or .Prepend"),null)}render(){const e=o()("ellipsable-content-container align-items-center",this.props.className,{"ellipsable-with-tooltip":null!=this.props.tooltip}),t=this.renderFullContent();return null==t?null:a().createElement("div",{className:e,style:this.props.style},t)}}},7869:(e,t,r)=>{r.d(t,{EmptyState:()=>EmptyState});var n=r(9155),o=r.n(n),s=r(6889),a=r(8852),l=r(992),i=r.n(l);class EmptyState extends o().PureComponent{static displayName="EmptyState";render(){return o().createElement("div",{className:i()("atoka-empty-state",this.props.className)},o().createElement("div",{className:"mb-2"},o().createElement(s.FontAwesomeIcon,{icon:a.faEmptySet})),this.props.children)}}},1120:(e,t,r)=>{var n=r(9155),o=r.n(n),s=r(992),a=r.n(s),l=r(1759),i=r.n(l),c=r(3048),p=r(545),d=r(2039),m=r(8867),u=r(9125);const h=e=>{const t=a()(e?.className,"atoka-form");return o().createElement(i(),{...e,className:t},e.children)};h.displayName="Form",h.Control=p.M,h.Label=c.l,h.Checkbox=d.c,h.Radio=m.M,h.Switch=i().Switch,h.Help=u.W,h.Group=i().Group},2039:(e,t,r)=>{r.d(t,{c:()=>c});var n=r(9155),o=r.n(n),s=r(992),a=r.n(s),l=r(1759),i=r.n(l);const c=e=>{const t=a()("atoka-form-checkbox",e?.className);return o().createElement(i().Check,{type:"checkbox",...e,className:t,label:e.label??""})};c.displayName="FormCheckbox"},545:(e,t,r)=>{r.d(t,{M:()=>d});var n=r(9155),o=r.n(n),s=r(992),a=r.n(s),l=r(9852),i=r.n(l),c=r(5344);const p=o().forwardRef((({size:e="md",...t},r)=>{const n=a()("atoka-form-control",t?.className,{disabled:t.disabled});return o().createElement(i(),{as:t.as,rows:t.rows,cols:t.cols,placeholder:t.placeholder,className:n,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:r,autoComplete:"off"},t.children)}));p.displayName="FormControlComponent";const d=p;d.FeedBack=c.B,d.displayName="FormControl"},5344:(e,t,r)=>{r.d(t,{B:()=>c});var n=r(9155),o=r.n(n),s=r(992),a=r.n(s),l=r(9852),i=r.n(l);const c=o().memo((({show:e=!0,...t})=>{const r=a()(t?.className,"atoka-form-control-feedback",{"d-block":e});return o().createElement(i().Feedback,{type:t.type,className:r},t.children)}));c.displayName="FormControlFeedBack"},9125:(e,t,r)=>{r.d(t,{W:()=>c});var n=r(7452),o=r.n(n),s=r(9155),a=r.n(s),l=r(992),i=r.n(l);const c=a().memo((({children:e,...t})=>{const r=i()("d-block",t?.className);return a().createElement(o(),{bsPrefix:"atoka-form-help",className:r},e)}));c.displayName="FormHelp"},3048:(e,t,r)=>{r.d(t,{l:()=>c});var n=r(9155),o=r.n(n),s=r(992),a=r.n(s),l=r(1759),i=r.n(l);const c=o().memo((e=>{const t=a()(e?.className,"atoka-form-label");return o().createElement(i().Label,{className:t},e.children)}));c.displayName="FormLabel"},8867:(e,t,r)=>{r.d(t,{M:()=>c});var n=r(9155),o=r.n(n),s=r(992),a=r.n(s),l=r(1759),i=r.n(l);const c=e=>{const t=a()(e?.className,"atoka-form-radio");return o().createElement(i().Check,{type:"radio",...e,className:t,label:e.label??""})};c.displayName="FormRadio"},4552:(e,t,r)=>{r.d(t,{OniruCard:()=>l});var n=r(9155),o=r.n(n),s=r(992),a=r.n(s);const l=({as:e="div",padding:t,className:r,...n})=>{const s="md"===t?"p-3":"";return o().createElement(e,{...n,className:a()("oniru-card",s,r)})};l.displayName="OniruCard"},1503:(e,t,r)=>{r.d(t,{Spinner:()=>Spinner,SpinnerSize:()=>n});var n,o=r(992),s=r.n(o),a=r(9155),l=r.n(a);!function(e){e[e.mini=0]="mini",e[e.small=1]="small",e[e.big=2]="big",e[e.modal=3]="modal"}(n||(n={}));class Spinner extends l().Component{static displayName="Spinner";static defaultProps={size:n.small,className:""};renderOnlyDotsSpinner(e){const t="atoka-spinner spinner-"+e+" "+this.props.className;return l().createElement("div",{className:t},l().createElement("div",{className:"spinner-dot1"},l().createElement("div",{className:"spinner-leaf"})),l().createElement("div",{className:"spinner-dot2"},l().createElement("div",{className:"spinner-leaf"})),l().createElement("div",{className:"spinner-dot3"},l().createElement("div",{className:"spinner-leaf"})))}renderSmall(){return this.renderOnlyDotsSpinner("small")}renderMini(){return this.renderOnlyDotsSpinner("mini")}renderLeaf(){return l().createElement("svg",{viewBox:"0 0 204.01 190.64",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},l().createElement("g",{id:"leaf"},l().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 l().createElement("svg",{viewBox:"0 0 204.01 190.64",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},l().createElement("g",{id:"logo-vector"},l().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===n.big,"spinner-medium":this.props.size===n.modal}),t=s()({"container-fluid spinner-modal":this.props.size===n.modal});return l().createElement("div",{className:t},l().createElement("div",{className:e},l().createElement("div",{className:"spinner-dot1"},l().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),l().createElement("div",{className:"spinner-dot2"},l().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),l().createElement("div",{className:"spinner-dot3"},l().createElement("div",{className:"spinner-leaf"},this.renderLeaf())),l().createElement("span",{className:"spinner-letter"},this.renderLetter())))}render(){switch(this.props.size){case n.mini:return this.renderMini();case n.small:return this.renderSmall();case n.big:case n.modal:return this.renderBig();default:return null}}}},2619:(e,t,r)=>{r.r(t),r.d(t,{StatisticsItemCard:()=>StatisticsItemCard});var n=r(9155),o=r.n(n),s=r(992),a=r.n(s),l=r(6889),i=r(7987),c=r(4552),p=r(1648),d=r(862),m=r(3250),u=r(1503),h=r(7869),f=r(1414),v=r(397);const g=o().memo((e=>{const t=null!=e.tooltip?o().createElement(f.Tooltip,{...e.tooltipProps,content:e.tooltip},o().createElement(l.FontAwesomeIcon,{icon:i.faInfoCircle,className:"ms-1 cursor-pointer"})):null;return o().createElement(p.Title,{size:"xs"},e.children,t)})),E=o().memo((e=>o().createElement("div",{className:"subtitle-section"},e.children))),C=o().memo((e=>{const t=a()("body-section",{"px-3 pb-3":e.withPadding??!0});return o().createElement("div",{className:t},e.children)})),b=o().memo((e=>o().createElement(v.Dropdown,{drop:"start"},o().createElement(v.Dropdown.Toggle,{as:v.AtokaSimpleDropdownToggle}),o().createElement(v.Dropdown.Menu,null,e.children))));g.displayName="StatisticsTitle",E.displayName="StatisticsSubtitle",C.displayName="StatisticsBody",b.displayName="StatisticsActionButtons";class StatisticsItemCard extends o().PureComponent{static displayName="StatisticsItemCard";static Title=g;static Subtitle=E;static Body=C;static ActionButtons=b;static Spinner=u.Spinner;static EmptyState=h.EmptyState;renderBodySection(){return this.props.isLoading||this.props.isEmpty?null:(0,d.Ep)(this.props.children,StatisticsItemCard.Body)??null}renderSubtitleSection(){if(this.props.isLoading||this.props.isEmpty)return null;const e=(0,d.Jb)(this.props.children,StatisticsItemCard.Subtitle);return 0===e.length?null:e}renderIsLoading(){return this.props.isLoading?o().createElement("div",{className:"body-section justify-content-center align-items-center"},(0,d.Ep)(this.props.children,StatisticsItemCard.Spinner)):null}renderIsEmpty(){return this.props.isEmpty?o().createElement("div",{className:"body-section justify-content-center align-items-center pe-3 ps-3 pb-3"},(0,d.Ep)(this.props.children,StatisticsItemCard.EmptyState)):null}renderActionButtons(){if(this.props.isPerformingAction)return o().createElement(u.Spinner,{size:u.SpinnerSize.small});const e=(0,d.Jb)(this.props.children,StatisticsItemCard.ActionButtons);return 0===e.length?null:o().createElement("div",{className:"statistics-item-card-actions-button"},e)}render(){const e=a()("statistics-item-card d-flex flex-column",this.props.className,{"statistics-item-card-disabled":this.props.isPerformingAction});return o().createElement(c.OniruCard,{className:e},o().createElement(m.EllipsableContent,null,o().createElement(m.EllipsableContent.Content,null,(0,d.Ep)(this.props.children,StatisticsItemCard.Title)),o().createElement(m.EllipsableContent.Append,null,this.renderActionButtons())),this.renderSubtitleSection(),this.renderBodySection(),this.renderIsEmpty(),this.renderIsLoading())}}},550:(e,t,r)=>{r.d(t,{h:()=>Title});var n=r(9155),o=r.n(n),s=r(6889),a=r(992),l=r.n(a);class Title extends o().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 o().createElement(s.FontAwesomeIcon,{icon:this.props.icon,className:e,fixedWidth:!0})}renderContent(){return o().createElement(o().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 o().createElement("h6",{...e},this.renderContent());case"sm":return o().createElement("h5",{...e},this.renderContent());case"md":return o().createElement("h4",{...e},this.renderContent());case"lg":return o().createElement("h3",{...e},this.renderContent());case"xl":return o().createElement("h2",{...e},this.renderContent());default:return o().createElement("h1",{...e},this.renderContent())}}}},1648:(e,t,r)=>{r.d(t,{Title:()=>n.h});var n=r(550)},1414:(e,t,r)=>{r.d(t,{Tooltip:()=>c});var n=r(9155),o=r.n(n),s=r(992),a=r.n(s),l=r(9065),i=r.n(l);const c=o().memo((e=>{const[t,r]=(0,n.useState)(!1),[s,l]=(0,n.useState)(!1),[c,p]=(0,n.useState)(!1),d=(0,n.useRef)(void 0),m=(0,n.useRef)(void 0),u=(0,n.useRef)(null);u.current||(u.current=document.querySelector(".bs4-v3-external-container"));const h=e.placement??"top",f=a()("tooltip atoka-tooltip",e.className,`${h} bs-tooltip-${h}`),{onToggle:v,delay:g,trigger:E=["hover","focus","click"]}=e,C=(0,n.useMemo)((()=>Array.isArray(E)?E:[E]),[E]),b=C.includes("hover"),y=C.includes("focus"),w=C.includes("click"),N=(0,n.useMemo)((()=>"object"==typeof g?g:{show:g||0,hide:g||0}),[g]),k=void 0!==e.show?e.show:b&&t||y&&s||w&&c,S=(0,n.useCallback)((()=>{clearTimeout(d.current),d.current=void 0}),[]),x=(0,n.useCallback)((()=>{clearTimeout(m.current),m.current=void 0}),[]),D=(0,n.useCallback)((()=>{S(),x()}),[S,x]),T=(0,n.useCallback)((e=>{e||b&&t||y&&s||p(!1),v?.(e)}),[v,t,s,b,y]),F=e.children,A=(0,n.useCallback)((e=>{b&&(S(),N.show?d.current=setTimeout((()=>{r(!0)}),N.show):r(!0)),F.props?.onMouseEnter?.(e)}),[F,N.show,S,b]),I=(0,n.useCallback)((e=>{b&&(S(),N.hide?d.current=setTimeout((()=>{r(!1)}),N.hide):r(!1)),F.props?.onMouseLeave?.(e)}),[F,N.hide,S,b]),B=(0,n.useCallback)((e=>{y&&(x(),N.show?m.current=setTimeout((()=>{l(!0)}),N.show):l(!0)),F.props?.onFocus?.(e)}),[F,N.show,x,y]),P=(0,n.useCallback)((e=>{y&&(x(),N.hide?m.current=setTimeout((()=>{l(!1)}),N.hide):l(!1)),F.props?.onBlur?.(e)}),[F,N.hide,x,y]),q=(0,n.useCallback)((e=>{w&&(D(),p((e=>!e))),F.props?.onClick?.(e)}),[F,D,w]);(0,n.useEffect)((()=>()=>{D()}),[D]);const{content:M,...O}=e,L=(0,n.useCallback)((({...e})=>{const{show:t,style:r,ref:n,...s}=e,l=a()(f,{show:t});return o().createElement("div",{...s,ref:n,className:l,role:"tooltip",style:r,onMouseDown:e=>{e.stopPropagation()}},o().createElement("div",{className:"tooltip-inner"},M))}),[M,f]),z=(0,n.useCallback)((e=>o().cloneElement(F,{...e,onMouseEnter:A,onMouseLeave:I,onFocus:B,onBlur:P,onClick:q})),[F,A,I,B,P,q]);return o().createElement(i(),{...O,show:k,onToggle:T,container:u.current,overlay:L,rootClose:!0},z)}));c.displayName="Tooltip"},862:(e,t,r)=>{r.d(t,{Ep:()=>a,Jb:()=>s});r(6889);var n=r(9155),o=r.n(n);r(1120);function s(e,t){const r=[];return o().Children.forEach(e,(e=>{e?.type===t&&r.push(e)})),r}function a(e,t){return s(e,t)?.[0]??null}},8852:t=>{t.exports=e},7987:e=>{e.exports=t},7638:e=>{e.exports=r},3316:e=>{e.exports=n},6889:e=>{e.exports=o},992:e=>{e.exports=s},9155:e=>{e.exports=a},9861:e=>{e.exports=l},3084:e=>{e.exports=i},1759:e=>{e.exports=c},9852:e=>{e.exports=p},7452:e=>{e.exports=d},9065:e=>{e.exports=m}},f={};function v(e){var t=f[e];if(void 0!==t)return t.exports;var r=f[e]={exports:{}};return h[e](r,r.exports,v),r.exports}v.m=h,u=[],v.O=(e,t,r,n)=>{if(!t){var o=1/0;for(i=0;i<u.length;i++){for(var[t,r,n]=u[i],s=!0,a=0;a<t.length;a++)(!1&n||o>=n)&&Object.keys(v.O).every((e=>v.O[e](t[a])))?t.splice(a--,1):(s=!1,n<o&&(o=n));if(s){u.splice(i--,1);var l=r();void 0!==l&&(e=l)}}return e}n=n||0;for(var i=u.length;i>0&&u[i-1][2]>n;i--)u[i]=u[i-1];u[i]=[t,r,n]},v.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return v.d(t,{a:t}),t},v.d=(e,t)=>{for(var r in t)v.o(t,r)&&!v.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},v.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),v.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={601:0,1585:0,3122:0,3626:0,3667:0,4176:0,5545:0,6800:0,6808:0,4711:0};v.O.j=t=>0===e[t];var t=(t,r)=>{var n,o,[s,a,l]=r,i=0;if(s.some((t=>0!==e[t]))){for(n in a)v.o(a,n)&&(v.m[n]=a[n]);if(l)var c=l(v)}for(t&&t(r);i<s.length;i++)o=s[i],v.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return v.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 g=v.O(void 0,[4711],(()=>v(2619)));return g=v.O(g)})()));
@@ -1 +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,a={2389:(e,t,r)=>{r.r(t),r.d(t,{StatisticsItemNumeric:()=>StatisticsItemNumeric});var s=r(9155),a=r.n(s),n=r(992),o=r.n(n),i=r(6889);class StatisticsItemNumeric extends a().PureComponent{static displayName="StatisticsItemNumeric";renderIcon(){return a().createElement("span",{className:"stats-item-numeric-icon-wrap"},a().createElement(i.FontAwesomeIcon,{className:"fa-fw",icon:this.props.icon}))}renderValue(){return null==this.props.value?null:a().createElement("div",{className:"stats-item-numeric-value"},this.props.value)}renderSubtitle(){return null==this.props.subtitle?null:a().createElement("div",{className:"stats-item-numeric-subtitle"},this.props.subtitle)}renderContent(){return a().createElement("div",{className:"stats-item-numeric-content"},this.renderIcon(),this.renderValue(),this.renderSubtitle())}render(){const e=o()("stats-item-numeric",this.props.className);return a().createElement("div",{className:e},this.renderContent())}}},6889:t=>{t.exports=e},992:e=>{e.exports=t},9155:e=>{e.exports=r}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return a[e](r,r.exports,o),r.exports}o.m=a,s=[],o.O=(e,t,r,a)=>{if(!t){var n=1/0;for(m=0;m<s.length;m++){for(var[t,r,a]=s[m],i=!0,c=0;c<t.length;c++)(!1&a||n>=a)&&Object.keys(o.O).every((e=>o.O[e](t[c])))?t.splice(c--,1):(i=!1,a<n&&(n=a));if(i){s.splice(m--,1);var l=r();void 0!==l&&(e=l)}}return e}a=a||0;for(var m=s.length;m>0&&s[m-1][2]>a;m--)s[m]=s[m-1];s[m]=[t,r,a]},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={4205:0,525:0};o.O.j=t=>0===e[t];var t=(t,r)=>{var s,a,[n,i,c]=r,l=0;if(n.some((t=>0!==e[t]))){for(s in i)o.o(i,s)&&(o.m[s]=i[s]);if(c)var m=c(o)}for(t&&t(r);l<n.length;l++)a=n[l],o.o(e,a)&&e[a]&&e[a][0](),e[a]=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(2389)));return i=o.O(i)})()));
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,a={2389:(e,t,r)=>{r.r(t),r.d(t,{StatisticsItemNumeric:()=>StatisticsItemNumeric});var s=r(9155),a=r.n(s),n=r(992),o=r.n(n),i=r(6889);class StatisticsItemNumeric extends a().PureComponent{static displayName="StatisticsItemNumeric";renderIcon(){return a().createElement("span",{className:"stats-item-numeric-icon-wrap"},a().createElement(i.FontAwesomeIcon,{className:"fa-fw",icon:this.props.icon}))}renderValue(){return null==this.props.value?null:a().createElement("div",{className:"stats-item-numeric-value"},this.props.value)}renderSubtitle(){return null==this.props.subtitle?null:a().createElement("div",{className:"stats-item-numeric-subtitle"},this.props.subtitle)}renderContent(){return a().createElement("div",{className:"stats-item-numeric-content"},this.renderIcon(),this.renderValue(),this.renderSubtitle())}render(){const e=o()("stats-item-numeric",this.props.className);return a().createElement("div",{className:e},this.renderContent())}}},6889:t=>{t.exports=e},992:e=>{e.exports=t},9155:e=>{e.exports=r}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return a[e](r,r.exports,o),r.exports}o.m=a,s=[],o.O=(e,t,r,a)=>{if(!t){var n=1/0;for(m=0;m<s.length;m++){for(var[t,r,a]=s[m],i=!0,c=0;c<t.length;c++)(!1&a||n>=a)&&Object.keys(o.O).every((e=>o.O[e](t[c])))?t.splice(c--,1):(i=!1,a<n&&(n=a));if(i){s.splice(m--,1);var l=r();void 0!==l&&(e=l)}}return e}a=a||0;for(var m=s.length;m>0&&s[m-1][2]>a;m--)s[m]=s[m-1];s[m]=[t,r,a]},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={4205:0,4711:0};o.O.j=t=>0===e[t];var t=(t,r)=>{var s,a,[n,i,c]=r,l=0;if(n.some((t=>0!==e[t]))){for(s in i)o.o(i,s)&&(o.m[s]=i[s]);if(c)var m=c(o)}for(t&&t(r);l<n.length;l++)a=n[l],o.o(e,a)&&e[a]&&e[a][0](),e[a]=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,[4711],(()=>o(2389)));return i=o.O(i)})()));
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/pro-solid-svg-icons/faCircle"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Col"),require("react-bootstrap/Container"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/OverlayTrigger"),require("react-bootstrap/Row")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/pro-solid-svg-icons/faCircle","@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Col","react-bootstrap/Container","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-bootstrap/OverlayTrigger","react-bootstrap/Row"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/pro-solid-svg-icons/faCircle"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Col"),require("react-bootstrap/Container"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/OverlayTrigger"),require("react-bootstrap/Row")):e["atoka-design-system"]=t(e["@fortawesome/pro-solid-svg-icons/faCircle"],e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/Col"],e["react-bootstrap/Container"],e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-bootstrap/OverlayTrigger"],e["react-bootstrap/Row"])}(self,((e,t,r,o,a,n,l,s,i,c,p)=>(()=>{"use strict";var d,u={3250:(e,t,r)=>{r.d(t,{EllipsableContent:()=>EllipsableContent});var o=r(992),a=r.n(o),n=r(9155),l=r.n(n),s=r(1414),i=r(862);const c=e=>l().createElement("div",{className:"ellipsable-content-prepend"},e.children);c.displayName="EllipsableContent.Prepend";const p=e=>l().createElement("div",{className:"ellipsable-content-append"},e.children);p.displayName="EllipsableContent.Append";const d=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)};d.displayName="EllipsableContent.Content";class EllipsableContent extends l().PureComponent{static displayName="EllipsableContent";static Prepend=c;static Append=p;static Content=d;renderFullContent(){const e=(0,i.Ep)(this.props.children,EllipsableContent.Prepend);let t=(0,i.Ep)(this.props.children,EllipsableContent.Content);const r=(0,i.Ep)(this.props.children,EllipsableContent.Append);return null!=t||null==e&&null==r?(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,r)):(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,r)=>{var o=r(9155),a=r.n(o),n=r(992),l=r.n(n),s=r(1759),i=r.n(s),c=r(3048),p=r(545),d=r(2039),u=r(8867),m=r(9125);const h=e=>{const t=l()(e?.className,"atoka-form");return a().createElement(i(),{...e,className:t},e.children)};h.displayName="Form",h.Control=p.M,h.Label=c.l,h.Checkbox=d.c,h.Radio=u.M,h.Switch=i().Switch,h.Help=m.W,h.Group=i().Group},2039:(e,t,r)=>{r.d(t,{c:()=>c});var o=r(9155),a=r.n(o),n=r(992),l=r.n(n),s=r(1759),i=r.n(s);const c=e=>{const t=l()("atoka-form-checkbox",e?.className);return a().createElement(i().Check,{type:"checkbox",...e,className:t,label:e.label??""})};c.displayName="FormCheckbox"},545:(e,t,r)=>{r.d(t,{M:()=>d});var o=r(9155),a=r.n(o),n=r(992),l=r.n(n),s=r(9852),i=r.n(s),c=r(5344);const p=a().forwardRef((({size:e="md",...t},r)=>{const o=l()("atoka-form-control",t?.className,{disabled:t.disabled});return a().createElement(i(),{as:t.as,rows:t.rows,cols:t.cols,placeholder:t.placeholder,className:o,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:r,autoComplete:"off"},t.children)}));p.displayName="FormControlComponent";const d=p;d.FeedBack=c.B,d.displayName="FormControl"},5344:(e,t,r)=>{r.d(t,{B:()=>c});var o=r(9155),a=r.n(o),n=r(992),l=r.n(n),s=r(9852),i=r.n(s);const c=a().memo((({show:e=!0,...t})=>{const r=l()(t?.className,"atoka-form-control-feedback",{"d-block":e});return a().createElement(i().Feedback,{type:t.type,className:r},t.children)}));c.displayName="FormControlFeedBack"},9125:(e,t,r)=>{r.d(t,{W:()=>c});var o=r(7452),a=r.n(o),n=r(9155),l=r.n(n),s=r(992),i=r.n(s);const c=l().memo((({children:e,...t})=>{const r=i()("d-block",t?.className);return l().createElement(a(),{bsPrefix:"atoka-form-help",className:r},e)}));c.displayName="FormHelp"},3048:(e,t,r)=>{r.d(t,{l:()=>c});var o=r(9155),a=r.n(o),n=r(992),l=r.n(n),s=r(1759),i=r.n(s);const c=a().memo((e=>{const t=l()(e?.className,"atoka-form-label");return a().createElement(i().Label,{className:t},e.children)}));c.displayName="FormLabel"},8867:(e,t,r)=>{r.d(t,{M:()=>c});var o=r(9155),a=r.n(o),n=r(992),l=r.n(n),s=r(1759),i=r.n(s);const c=e=>{const t=l()(e?.className,"atoka-form-radio");return a().createElement(i().Check,{type:"radio",...e,className:t,label:e.label??""})};c.displayName="FormRadio"},5414:(e,t,r)=>{r.r(t),r.d(t,{StatisticsLegend:()=>y,StatisticsSVGLegend:()=>StatisticsSVGLegend,getRenderStatisticsLegend:()=>v});var o=r(9155),a=r.n(o),n=r(392),l=r.n(n),s=r(7607),i=r.n(s),c=r(992),p=r.n(c),d=r(4653),u=r.n(d),m=r(3814),h=r(6889),b=r(3250),g=r(5700),f=r(3392);class StatisticsLegendItem extends a().PureComponent{static displayName="StatisticsLegendItem";renderRightBlock(){const e=[this.renderValue(),this.renderPercentage()].filter((e=>null!=e));return 0===e.length?null:a().createElement(b.EllipsableContent.Append,null,e)}renderValue(){const{legendDataValueKey:e,numberToStringFormatter:t,data:r}=this.props;if(null==e||null==r[e])return null;const o=r[e],n=t?t(+o):String(o);return a().createElement("strong",{key:"value-container",className:"value-container text-nowrap"},n)}renderPercentage(){const{legendDataPercentageKey:e,data:t}=this.props;if(null==e||null==t[e])return null;const r=(0,f.WM)(+t[e]);return a().createElement("div",{key:"percentage-container",className:"percentage-container ms-1"},r)}renderOtherLabel(e){return(0,g.ZS)(e.label)?String(e?.id??""):e.label}renderLabel(){const{legendDataLabelKey:e,data:t,otherId:r}=this.props;return t.id===r?this.renderOtherLabel(t):null==e?null:t?.[e]}render(){const{columnNumber:e,color:t,data:r}=this.props,o=p()("legend-item px-1",{"flex-basis-0":"horizontal"===this.props.layout});return a().createElement(u(),{sm:12/e,className:o,key:`legend-item-${r.id}`},a().createElement(b.EllipsableContent,{className:"label-container w-100 justify-content-between"},a().createElement(b.EllipsableContent.Content,null,a().createElement(h.FontAwesomeIcon,{icon:m.faCircle,color:t,className:"me-1"}),this.renderLabel()),this.renderRightBlock()))}}const y=a().memo((({data:e,otherId:t,colors:r,layout:o="vertical",columnNumber:n=2,numberToStringFormatter:s,legendDataLabelKey:c,legendDataValueKey:p,legendDataPercentageKey:d})=>{function u(e,l){const{id:i}=e,u=i===t?r?.[r.length-1]:r?.[l];return a().createElement(StatisticsLegendItem,{data:e,numberToStringFormatter:s,legendDataValueKey:p,legendDataLabelKey:c,legendDataPercentageKey:d,color:u,otherId:t,key:i+u,columnNumber:n,layout:o})}const m=e.filter((e=>0!==e.value||e.id!==t));return"horizontal"===o?a().createElement("div",{className:"legend-container"},m.map(u)):a().createElement(l(),{className:"legend-container"},a().createElement(i(),{className:"w-100"},m.map(u)))}));y.displayName="StatisticsLegend";const v=({legendDataLabelKey:e,legendDataValueKey:t,legendDataPercentageKey:r,layout:o,columnsNumber:n})=>({data:l,otherId:s,colors:i,numberToStringFormatter:c})=>a().createElement(y,{layout:o,data:l,otherId:s,colors:i,columnNumber:n,numberToStringFormatter:c,legendDataLabelKey:e,legendDataValueKey:t,legendDataPercentageKey:r});class StatisticsSVGLegend extends a().PureComponent{static displayName="StatisticsSVGLegend";static defaultProps={dy:0,fontSize:11,colors:[]};renderSVGDataInfoBit=(e,t)=>{const r=e.label??"",o=this.renderPercentage(e),n=this.renderCircle(this.props.colors?.[t]);return a().createElement(a().Fragment,{key:`${e.label}-legend-data`},n,a().createElement("text",{x:this.props.x,y:this.props.y,fill:"var(--atoka_colors_mediumEmphasisMain)",fontSize:this.props.fontSize,key:`${e.label}-legend-data`},a().createElement("tspan",{dx:null==n?0:10},this.props.labelFormat?.(r)??r),a().createElement("tspan",{x:this.getRightElementX(),dx:5,fill:"var(--atoka_colors_highEmphasisMain)",fontWeight:"bold",textAnchor:"end"},this.props.valueFormat?.(e.value)??e.value),o))};renderSVGDataInfoBitMoreItems=(e,t)=>{const r=e.label??"",o=this.renderPercentage(e),n=this.renderCircle(this.props.colors?.[t]);return a().createElement(a().Fragment,{key:`${e.label}-legend-data-items`},n,a().createElement("tspan",{dx:0===t||null!=n?0:10,fill:"var(--atoka_colors_mediumEmphasisMain)"},this.props.labelFormat?.(r)??r),a().createElement("tspan",{dx:5,fill:"var(--atoka_colors_highEmphasisMain)",fontWeight:"bold"},this.props.valueFormat?.(e.value)??e.value),o)};renderCircle(e){return null==e?null:a().createElement("circle",{cx:this.props.x,cy:this.props.y-3,r:"5",fill:e})}renderPercentage(e){const t=null!=e.percentage?(0,f.WM)(e.percentage):null;return null==t?null:a().createElement("tspan",{x:this.getRightElementX(),dx:5,fill:this.props.colors?.[0]},t)}getRightElementX(){const e=this.props.width;if(null!=e)return(0===this.props.x?e/2:e)-18}removeItemIfNoValue(e){return e.filter((e=>null!==e.value))}render(){const e=this.removeItemIfNoValue(this.props.data);return e?.length>1?a().createElement("g",null,a().createElement("text",{x:this.props.x,y:this.props.y,dy:this.props.dy,fill:"var(--atoka_colors_highEmphasisMain)",fontSize:this.props.fontSize,key:"legend-data-bit",className:"legend-data-bit"},e.map(this.renderSVGDataInfoBitMoreItems))):a().createElement("g",null,e.map(this.renderSVGDataInfoBit))}}},1414:(e,t,r)=>{r.d(t,{Tooltip:()=>c});var o=r(9155),a=r.n(o),n=r(992),l=r.n(n),s=r(9065),i=r.n(s);const c=a().memo((e=>{const[t,r]=(0,o.useState)(!1),[n,s]=(0,o.useState)(!1),[c,p]=(0,o.useState)(!1),d=(0,o.useRef)(void 0),u=(0,o.useRef)(void 0),m=(0,o.useRef)(null);m.current||(m.current=document.querySelector(".bs4-v3-external-container"));const h=e.placement??"top",b=l()("tooltip atoka-tooltip",e.className,`${h} bs-tooltip-${h}`),{onToggle:g,delay:f,trigger:y=["hover","focus","click"]}=e,v=(0,o.useMemo)((()=>Array.isArray(y)?y:[y]),[y]),C=v.includes("hover"),E=v.includes("focus"),k=v.includes("click"),N=(0,o.useMemo)((()=>"object"==typeof f?f:{show:f||0,hide:f||0}),[f]),x=void 0!==e.show?e.show:C&&t||E&&n||k&&c,w=(0,o.useCallback)((()=>{clearTimeout(d.current),d.current=void 0}),[]),F=(0,o.useCallback)((()=>{clearTimeout(u.current),u.current=void 0}),[]),S=(0,o.useCallback)((()=>{w(),F()}),[w,F]),P=(0,o.useCallback)((e=>{e||C&&t||E&&n||p(!1),g?.(e)}),[g,t,n,C,E]),T=e.children,L=(0,o.useCallback)((e=>{C&&(w(),N.show?d.current=setTimeout((()=>{r(!0)}),N.show):r(!0)),T.props?.onMouseEnter?.(e)}),[T,N.show,w,C]),M=(0,o.useCallback)((e=>{C&&(w(),N.hide?d.current=setTimeout((()=>{r(!1)}),N.hide):r(!1)),T.props?.onMouseLeave?.(e)}),[T,N.hide,w,C]),q=(0,o.useCallback)((e=>{E&&(F(),N.show?u.current=setTimeout((()=>{s(!0)}),N.show):s(!0)),T.props?.onFocus?.(e)}),[T,N.show,F,E]),D=(0,o.useCallback)((e=>{E&&(F(),N.hide?u.current=setTimeout((()=>{s(!1)}),N.hide):s(!1)),T.props?.onBlur?.(e)}),[T,N.hide,F,E]),I=(0,o.useCallback)((e=>{k&&(S(),p((e=>!e))),T.props?.onClick?.(e)}),[T,S,k]);(0,o.useEffect)((()=>()=>{S()}),[S]);const{content:O,...V}=e,K=(0,o.useCallback)((({...e})=>{const{show:t,style:r,ref:o,...n}=e,s=l()(b,{show:t});return a().createElement("div",{...n,ref:o,className:s,role:"tooltip",style:r,onMouseDown:e=>{e.stopPropagation()}},a().createElement("div",{className:"tooltip-inner"},O))}),[O,b]),_=(0,o.useCallback)((e=>a().cloneElement(T,{...e,onMouseEnter:L,onMouseLeave:M,onFocus:q,onBlur:D,onClick:I})),[T,L,M,q,D,I]);return a().createElement(i(),{...V,show:x,onToggle:P,container:m.current,overlay:K,rootClose:!0},_)}));c.displayName="Tooltip"},3392:(e,t,r)=>{r.d(t,{WM:()=>o});r(862);function o(e){return`${parseInt(e?.toFixed?.(0),10)}%`}},5700:(e,t,r)=>{function o(e){if(null==e)return!0;try{return null!==e.match(/^\s*$/)}catch(e){return!0}}r.d(t,{ZS:()=>o})},862:(e,t,r)=>{r.d(t,{Ep:()=>n});r(6889);var o=r(9155),a=r.n(o);r(1120);function n(e,t){return function(e,t){const r=[];return a().Children.forEach(e,(e=>{e?.type===t&&r.push(e)})),r}(e,t)?.[0]??null}},3814:t=>{t.exports=e},6889:e=>{e.exports=t},992:e=>{e.exports=r},9155:e=>{e.exports=o},4653:e=>{e.exports=a},392:e=>{e.exports=n},1759:e=>{e.exports=l},9852:e=>{e.exports=s},7452:e=>{e.exports=i},9065:e=>{e.exports=c},7607:e=>{e.exports=p}},m={};function h(e){var t=m[e];if(void 0!==t)return t.exports;var r=m[e]={exports:{}};return u[e](r,r.exports,h),r.exports}h.m=u,d=[],h.O=(e,t,r,o)=>{if(!t){var a=1/0;for(i=0;i<d.length;i++){for(var[t,r,o]=d[i],n=!0,l=0;l<t.length;l++)(!1&o||a>=o)&&Object.keys(h.O).every((e=>h.O[e](t[l])))?t.splice(l--,1):(n=!1,o<a&&(a=o));if(n){d.splice(i--,1);var s=r();void 0!==s&&(e=s)}}return e}o=o||0;for(var i=d.length;i>0&&d[i-1][2]>o;i--)d[i]=d[i-1];d[i]=[t,r,o]},h.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return h.d(t,{a:t}),t},h.d=(e,t)=>{for(var r in t)h.o(t,r)&&!h.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},h.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),h.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={5545:0,5824:0,6808:0,525:0};h.O.j=t=>0===e[t];var t=(t,r)=>{var o,a,[n,l,s]=r,i=0;if(n.some((t=>0!==e[t]))){for(o in l)h.o(l,o)&&(h.m[o]=l[o]);if(s)var c=s(h)}for(t&&t(r);i<n.length;i++)a=n[i],h.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return h.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 b=h.O(void 0,[525],(()=>h(5414)));return b=h.O(b)})()));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/pro-solid-svg-icons/faCircle"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Col"),require("react-bootstrap/Container"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/OverlayTrigger"),require("react-bootstrap/Row")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/pro-solid-svg-icons/faCircle","@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Col","react-bootstrap/Container","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-bootstrap/OverlayTrigger","react-bootstrap/Row"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/pro-solid-svg-icons/faCircle"),require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Col"),require("react-bootstrap/Container"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/OverlayTrigger"),require("react-bootstrap/Row")):e["atoka-design-system"]=t(e["@fortawesome/pro-solid-svg-icons/faCircle"],e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/Col"],e["react-bootstrap/Container"],e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-bootstrap/OverlayTrigger"],e["react-bootstrap/Row"])}(self,((e,t,r,o,a,n,l,s,i,c,p)=>(()=>{"use strict";var d,u={3250:(e,t,r)=>{r.d(t,{EllipsableContent:()=>EllipsableContent});var o=r(992),a=r.n(o),n=r(9155),l=r.n(n),s=r(1414),i=r(862);const c=e=>l().createElement("div",{className:"ellipsable-content-prepend"},e.children);c.displayName="EllipsableContent.Prepend";const p=e=>l().createElement("div",{className:"ellipsable-content-append"},e.children);p.displayName="EllipsableContent.Append";const d=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)};d.displayName="EllipsableContent.Content";class EllipsableContent extends l().PureComponent{static displayName="EllipsableContent";static Prepend=c;static Append=p;static Content=d;renderFullContent(){const e=(0,i.Ep)(this.props.children,EllipsableContent.Prepend);let t=(0,i.Ep)(this.props.children,EllipsableContent.Content);const r=(0,i.Ep)(this.props.children,EllipsableContent.Append);return null!=t||null==e&&null==r?(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,r)):(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,r)=>{var o=r(9155),a=r.n(o),n=r(992),l=r.n(n),s=r(1759),i=r.n(s),c=r(3048),p=r(545),d=r(2039),u=r(8867),m=r(9125);const h=e=>{const t=l()(e?.className,"atoka-form");return a().createElement(i(),{...e,className:t},e.children)};h.displayName="Form",h.Control=p.M,h.Label=c.l,h.Checkbox=d.c,h.Radio=u.M,h.Switch=i().Switch,h.Help=m.W,h.Group=i().Group},2039:(e,t,r)=>{r.d(t,{c:()=>c});var o=r(9155),a=r.n(o),n=r(992),l=r.n(n),s=r(1759),i=r.n(s);const c=e=>{const t=l()("atoka-form-checkbox",e?.className);return a().createElement(i().Check,{type:"checkbox",...e,className:t,label:e.label??""})};c.displayName="FormCheckbox"},545:(e,t,r)=>{r.d(t,{M:()=>d});var o=r(9155),a=r.n(o),n=r(992),l=r.n(n),s=r(9852),i=r.n(s),c=r(5344);const p=a().forwardRef((({size:e="md",...t},r)=>{const o=l()("atoka-form-control",t?.className,{disabled:t.disabled});return a().createElement(i(),{as:t.as,rows:t.rows,cols:t.cols,placeholder:t.placeholder,className:o,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:r,autoComplete:"off"},t.children)}));p.displayName="FormControlComponent";const d=p;d.FeedBack=c.B,d.displayName="FormControl"},5344:(e,t,r)=>{r.d(t,{B:()=>c});var o=r(9155),a=r.n(o),n=r(992),l=r.n(n),s=r(9852),i=r.n(s);const c=a().memo((({show:e=!0,...t})=>{const r=l()(t?.className,"atoka-form-control-feedback",{"d-block":e});return a().createElement(i().Feedback,{type:t.type,className:r},t.children)}));c.displayName="FormControlFeedBack"},9125:(e,t,r)=>{r.d(t,{W:()=>c});var o=r(7452),a=r.n(o),n=r(9155),l=r.n(n),s=r(992),i=r.n(s);const c=l().memo((({children:e,...t})=>{const r=i()("d-block",t?.className);return l().createElement(a(),{bsPrefix:"atoka-form-help",className:r},e)}));c.displayName="FormHelp"},3048:(e,t,r)=>{r.d(t,{l:()=>c});var o=r(9155),a=r.n(o),n=r(992),l=r.n(n),s=r(1759),i=r.n(s);const c=a().memo((e=>{const t=l()(e?.className,"atoka-form-label");return a().createElement(i().Label,{className:t},e.children)}));c.displayName="FormLabel"},8867:(e,t,r)=>{r.d(t,{M:()=>c});var o=r(9155),a=r.n(o),n=r(992),l=r.n(n),s=r(1759),i=r.n(s);const c=e=>{const t=l()(e?.className,"atoka-form-radio");return a().createElement(i().Check,{type:"radio",...e,className:t,label:e.label??""})};c.displayName="FormRadio"},5414:(e,t,r)=>{r.r(t),r.d(t,{StatisticsLegend:()=>y,StatisticsSVGLegend:()=>StatisticsSVGLegend,getRenderStatisticsLegend:()=>v});var o=r(9155),a=r.n(o),n=r(392),l=r.n(n),s=r(7607),i=r.n(s),c=r(992),p=r.n(c),d=r(4653),u=r.n(d),m=r(3814),h=r(6889),b=r(3250),g=r(5700),f=r(3392);class StatisticsLegendItem extends a().PureComponent{static displayName="StatisticsLegendItem";renderRightBlock(){const e=[this.renderValue(),this.renderPercentage()].filter((e=>null!=e));return 0===e.length?null:a().createElement(b.EllipsableContent.Append,null,e)}renderValue(){const{legendDataValueKey:e,numberToStringFormatter:t,data:r}=this.props;if(null==e||null==r[e])return null;const o=r[e],n=t?t(+o):String(o);return a().createElement("strong",{key:"value-container",className:"value-container text-nowrap"},n)}renderPercentage(){const{legendDataPercentageKey:e,data:t}=this.props;if(null==e||null==t[e])return null;const r=(0,f.WM)(+t[e]);return a().createElement("div",{key:"percentage-container",className:"percentage-container ms-1"},r)}renderOtherLabel(e){return(0,g.ZS)(e.label)?String(e?.id??""):e.label}renderLabel(){const{legendDataLabelKey:e,data:t,otherId:r}=this.props;return t.id===r?this.renderOtherLabel(t):null==e?null:t?.[e]}render(){const{columnNumber:e,color:t,data:r}=this.props,o=p()("legend-item px-1",{"flex-basis-0":"horizontal"===this.props.layout});return a().createElement(u(),{sm:12/e,className:o,key:`legend-item-${r.id}`},a().createElement(b.EllipsableContent,{className:"label-container w-100 justify-content-between"},a().createElement(b.EllipsableContent.Content,null,a().createElement(h.FontAwesomeIcon,{icon:m.faCircle,color:t,className:"me-1"}),this.renderLabel()),this.renderRightBlock()))}}const y=a().memo((({data:e,otherId:t,colors:r,layout:o="vertical",columnNumber:n=2,numberToStringFormatter:s,legendDataLabelKey:c,legendDataValueKey:p,legendDataPercentageKey:d})=>{function u(e,l){const{id:i}=e,u=i===t?r?.[r.length-1]:r?.[l];return a().createElement(StatisticsLegendItem,{data:e,numberToStringFormatter:s,legendDataValueKey:p,legendDataLabelKey:c,legendDataPercentageKey:d,color:u,otherId:t,key:i+u,columnNumber:n,layout:o})}const m=e.filter((e=>0!==e.value||e.id!==t));return"horizontal"===o?a().createElement("div",{className:"legend-container"},m.map(u)):a().createElement(l(),{className:"legend-container"},a().createElement(i(),{className:"w-100"},m.map(u)))}));y.displayName="StatisticsLegend";const v=({legendDataLabelKey:e,legendDataValueKey:t,legendDataPercentageKey:r,layout:o,columnsNumber:n})=>({data:l,otherId:s,colors:i,numberToStringFormatter:c})=>a().createElement(y,{layout:o,data:l,otherId:s,colors:i,columnNumber:n,numberToStringFormatter:c,legendDataLabelKey:e,legendDataValueKey:t,legendDataPercentageKey:r});class StatisticsSVGLegend extends a().PureComponent{static displayName="StatisticsSVGLegend";static defaultProps={dy:0,fontSize:11,colors:[]};renderSVGDataInfoBit=(e,t)=>{const r=e.label??"",o=this.renderPercentage(e),n=this.renderCircle(this.props.colors?.[t]);return a().createElement(a().Fragment,{key:`${e.label}-legend-data`},n,a().createElement("text",{x:this.props.x,y:this.props.y,fill:"var(--atoka_colors_mediumEmphasisMain)",fontSize:this.props.fontSize,key:`${e.label}-legend-data`},a().createElement("tspan",{dx:null==n?0:10},this.props.labelFormat?.(r)??r),a().createElement("tspan",{x:this.getRightElementX(),dx:5,fill:"var(--atoka_colors_highEmphasisMain)",fontWeight:"bold",textAnchor:"end"},this.props.valueFormat?.(e.value)??e.value),o))};renderSVGDataInfoBitMoreItems=(e,t)=>{const r=e.label??"",o=this.renderPercentage(e),n=this.renderCircle(this.props.colors?.[t]);return a().createElement(a().Fragment,{key:`${e.label}-legend-data-items`},n,a().createElement("tspan",{dx:0===t||null!=n?0:10,fill:"var(--atoka_colors_mediumEmphasisMain)"},this.props.labelFormat?.(r)??r),a().createElement("tspan",{dx:5,fill:"var(--atoka_colors_highEmphasisMain)",fontWeight:"bold"},this.props.valueFormat?.(e.value)??e.value),o)};renderCircle(e){return null==e?null:a().createElement("circle",{cx:this.props.x,cy:this.props.y-3,r:"5",fill:e})}renderPercentage(e){const t=null!=e.percentage?(0,f.WM)(e.percentage):null;return null==t?null:a().createElement("tspan",{x:this.getRightElementX(),dx:5,fill:this.props.colors?.[0]},t)}getRightElementX(){const e=this.props.width;if(null!=e)return(0===this.props.x?e/2:e)-18}removeItemIfNoValue(e){return e.filter((e=>null!==e.value))}render(){const e=this.removeItemIfNoValue(this.props.data);return e?.length>1?a().createElement("g",null,a().createElement("text",{x:this.props.x,y:this.props.y,dy:this.props.dy,fill:"var(--atoka_colors_highEmphasisMain)",fontSize:this.props.fontSize,key:"legend-data-bit",className:"legend-data-bit"},e.map(this.renderSVGDataInfoBitMoreItems))):a().createElement("g",null,e.map(this.renderSVGDataInfoBit))}}},1414:(e,t,r)=>{r.d(t,{Tooltip:()=>c});var o=r(9155),a=r.n(o),n=r(992),l=r.n(n),s=r(9065),i=r.n(s);const c=a().memo((e=>{const[t,r]=(0,o.useState)(!1),[n,s]=(0,o.useState)(!1),[c,p]=(0,o.useState)(!1),d=(0,o.useRef)(void 0),u=(0,o.useRef)(void 0),m=(0,o.useRef)(null);m.current||(m.current=document.querySelector(".bs4-v3-external-container"));const h=e.placement??"top",b=l()("tooltip atoka-tooltip",e.className,`${h} bs-tooltip-${h}`),{onToggle:g,delay:f,trigger:y=["hover","focus","click"]}=e,v=(0,o.useMemo)((()=>Array.isArray(y)?y:[y]),[y]),C=v.includes("hover"),E=v.includes("focus"),k=v.includes("click"),N=(0,o.useMemo)((()=>"object"==typeof f?f:{show:f||0,hide:f||0}),[f]),x=void 0!==e.show?e.show:C&&t||E&&n||k&&c,w=(0,o.useCallback)((()=>{clearTimeout(d.current),d.current=void 0}),[]),F=(0,o.useCallback)((()=>{clearTimeout(u.current),u.current=void 0}),[]),S=(0,o.useCallback)((()=>{w(),F()}),[w,F]),P=(0,o.useCallback)((e=>{e||C&&t||E&&n||p(!1),g?.(e)}),[g,t,n,C,E]),T=e.children,L=(0,o.useCallback)((e=>{C&&(w(),N.show?d.current=setTimeout((()=>{r(!0)}),N.show):r(!0)),T.props?.onMouseEnter?.(e)}),[T,N.show,w,C]),M=(0,o.useCallback)((e=>{C&&(w(),N.hide?d.current=setTimeout((()=>{r(!1)}),N.hide):r(!1)),T.props?.onMouseLeave?.(e)}),[T,N.hide,w,C]),q=(0,o.useCallback)((e=>{E&&(F(),N.show?u.current=setTimeout((()=>{s(!0)}),N.show):s(!0)),T.props?.onFocus?.(e)}),[T,N.show,F,E]),D=(0,o.useCallback)((e=>{E&&(F(),N.hide?u.current=setTimeout((()=>{s(!1)}),N.hide):s(!1)),T.props?.onBlur?.(e)}),[T,N.hide,F,E]),I=(0,o.useCallback)((e=>{k&&(S(),p((e=>!e))),T.props?.onClick?.(e)}),[T,S,k]);(0,o.useEffect)((()=>()=>{S()}),[S]);const{content:O,...V}=e,K=(0,o.useCallback)((({...e})=>{const{show:t,style:r,ref:o,...n}=e,s=l()(b,{show:t});return a().createElement("div",{...n,ref:o,className:s,role:"tooltip",style:r,onMouseDown:e=>{e.stopPropagation()}},a().createElement("div",{className:"tooltip-inner"},O))}),[O,b]),_=(0,o.useCallback)((e=>a().cloneElement(T,{...e,onMouseEnter:L,onMouseLeave:M,onFocus:q,onBlur:D,onClick:I})),[T,L,M,q,D,I]);return a().createElement(i(),{...V,show:x,onToggle:P,container:m.current,overlay:K,rootClose:!0},_)}));c.displayName="Tooltip"},3392:(e,t,r)=>{r.d(t,{WM:()=>o});r(862);function o(e){return`${parseInt(e?.toFixed?.(0),10)}%`}},5700:(e,t,r)=>{function o(e){if(null==e)return!0;try{return null!==e.match(/^\s*$/)}catch(e){return!0}}r.d(t,{ZS:()=>o})},862:(e,t,r)=>{r.d(t,{Ep:()=>n});r(6889);var o=r(9155),a=r.n(o);r(1120);function n(e,t){return function(e,t){const r=[];return a().Children.forEach(e,(e=>{e?.type===t&&r.push(e)})),r}(e,t)?.[0]??null}},3814:t=>{t.exports=e},6889:e=>{e.exports=t},992:e=>{e.exports=r},9155:e=>{e.exports=o},4653:e=>{e.exports=a},392:e=>{e.exports=n},1759:e=>{e.exports=l},9852:e=>{e.exports=s},7452:e=>{e.exports=i},9065:e=>{e.exports=c},7607:e=>{e.exports=p}},m={};function h(e){var t=m[e];if(void 0!==t)return t.exports;var r=m[e]={exports:{}};return u[e](r,r.exports,h),r.exports}h.m=u,d=[],h.O=(e,t,r,o)=>{if(!t){var a=1/0;for(i=0;i<d.length;i++){for(var[t,r,o]=d[i],n=!0,l=0;l<t.length;l++)(!1&o||a>=o)&&Object.keys(h.O).every((e=>h.O[e](t[l])))?t.splice(l--,1):(n=!1,o<a&&(a=o));if(n){d.splice(i--,1);var s=r();void 0!==s&&(e=s)}}return e}o=o||0;for(var i=d.length;i>0&&d[i-1][2]>o;i--)d[i]=d[i-1];d[i]=[t,r,o]},h.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return h.d(t,{a:t}),t},h.d=(e,t)=>{for(var r in t)h.o(t,r)&&!h.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},h.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),h.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={5545:0,5824:0,6808:0,4711:0};h.O.j=t=>0===e[t];var t=(t,r)=>{var o,a,[n,l,s]=r,i=0;if(n.some((t=>0!==e[t]))){for(o in l)h.o(l,o)&&(h.m[o]=l[o]);if(s)var c=s(h)}for(t&&t(r);i<n.length;i++)a=n[i],h.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return h.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 b=h.O(void 0,[4711],(()=>h(5414)));return b=h.O(b)})()));
@@ -1 +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")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText"],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")):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"])}(self,((e,t,a,o,r,n)=>(()=>{"use strict";var l,s={1120:(e,t,a)=>{var o=a(9155),r=a.n(o),n=a(992),l=a.n(n),s=a(1759),c=a.n(s),i=a(3048),m=a(545),d=a(2039),u=a(8867),p=a(9125);const f=e=>{const t=l()(e?.className,"atoka-form");return r().createElement(c(),{...e,className:t},e.children)};f.displayName="Form",f.Control=m.M,f.Label=i.l,f.Checkbox=d.c,f.Radio=u.M,f.Switch=c().Switch,f.Help=p.W,f.Group=c().Group},2039:(e,t,a)=>{a.d(t,{c:()=>i});var o=a(9155),r=a.n(o),n=a(992),l=a.n(n),s=a(1759),c=a.n(s);const i=e=>{const t=l()("atoka-form-checkbox",e?.className);return r().createElement(c().Check,{type:"checkbox",...e,className:t,label:e.label??""})};i.displayName="FormCheckbox"},545:(e,t,a)=>{a.d(t,{M:()=>d});var o=a(9155),r=a.n(o),n=a(992),l=a.n(n),s=a(9852),c=a.n(s),i=a(5344);const m=r().forwardRef((({size:e="md",...t},a)=>{const o=l()("atoka-form-control",t?.className,{disabled:t.disabled});return r().createElement(c(),{as:t.as,rows:t.rows,cols:t.cols,placeholder:t.placeholder,className:o,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)}));m.displayName="FormControlComponent";const d=m;d.FeedBack=i.B,d.displayName="FormControl"},5344:(e,t,a)=>{a.d(t,{B:()=>i});var o=a(9155),r=a.n(o),n=a(992),l=a.n(n),s=a(9852),c=a.n(s);const i=r().memo((({show:e=!0,...t})=>{const a=l()(t?.className,"atoka-form-control-feedback",{"d-block":e});return r().createElement(c().Feedback,{type:t.type,className:a},t.children)}));i.displayName="FormControlFeedBack"},9125:(e,t,a)=>{a.d(t,{W:()=>i});var o=a(7452),r=a.n(o),n=a(9155),l=a.n(n),s=a(992),c=a.n(s);const i=l().memo((({children:e,...t})=>{const a=c()("d-block",t?.className);return l().createElement(r(),{bsPrefix:"atoka-form-help",className:a},e)}));i.displayName="FormHelp"},3048:(e,t,a)=>{a.d(t,{l:()=>i});var o=a(9155),r=a.n(o),n=a(992),l=a.n(n),s=a(1759),c=a.n(s);const i=r().memo((e=>{const t=l()(e?.className,"atoka-form-label");return r().createElement(c().Label,{className:t},e.children)}));i.displayName="FormLabel"},8867:(e,t,a)=>{a.d(t,{M:()=>i});var o=a(9155),r=a.n(o),n=a(992),l=a.n(n),s=a(1759),c=a.n(s);const i=e=>{const t=l()(e?.className,"atoka-form-radio");return r().createElement(c().Check,{type:"radio",...e,className:t,label:e.label??""})};i.displayName="FormRadio"},8286:(e,t,a)=>{a.r(t),a.d(t,{StatisticsTooltip:()=>c,getRenderStatisticsTooltip:()=>i});var o=a(992),r=a.n(o),n=a(9155),l=a.n(n),s=a(3392);function c(e){function t(){const{tooltipDataLabelKey:t,numberToStringFormatter:a,data:r}=e,n=o(t,r);if(null!=n)return null==a?String(n):"number"==typeof n?a(n):n}function a(){const{tooltipDataValueKey:t,data:a}=e,r=o(t,a);if(null!=r)return"number"==typeof r?(0,s.WM)(r):r}function o(e,t){return null==e?void 0:t?.[e]}const n=r()("statistics-tooltip",e?.className),c=null==e.color?null:l().createElement("span",{className:"tooltip-rectangle",style:{background:e.color}});return l().createElement("div",{className:n},l().createElement("div",{className:"d-flex align-items-center"},c,l().createElement("span",{className:"text-start"},function(){const{tooltipDataTitleKey:t,data:a,otherId:r,otherLabel:n}=e,l=o(t,a);return l===r?n??r:l?String(l):void 0}())),function(){const o=[{value:t(),key:e.tooltipDataLabelKey,className:"label"},{value:a(),key:e.tooltipDataValueKey,className:"value"}].filter((e=>null!=e.value)).map((e=>l().createElement("span",{key:String(e.key),className:e.className},e.value)));return 0===o.length?null:l().createElement("div",{className:"d-flex justify-content-between"},o)}(),e.children)}function i({tooltipDataLabelKey:e,tooltipDataValueKey:t,tooltipDataTitleKey:a,otherId:o,otherLabel:r,numberToStringFormatter:n,withColor:s,className:i="tooltip-background"}){return m=>l().createElement(c,{otherId:o,otherLabel:r,numberToStringFormatter:n,data:m.data,tooltipDataLabelKey:e,tooltipDataTitleKey:a,tooltipDataValueKey:t,className:i??"",color:s?m.color:void 0})}c.displayName="StatisticsTooltip"},3392:(e,t,a)=>{a.d(t,{WM:()=>o});a(862);function o(e){return`${parseInt(e?.toFixed?.(0),10)}%`}},862:(e,t,a)=>{a(6889),a(9155),a(1120)},6889:t=>{t.exports=e},992:e=>{e.exports=t},9155:e=>{e.exports=a},1759:e=>{e.exports=o},9852:e=>{e.exports=r},7452:e=>{e.exports=n}},c={};function i(e){var t=c[e];if(void 0!==t)return t.exports;var a=c[e]={exports:{}};return s[e](a,a.exports,i),a.exports}i.m=s,l=[],i.O=(e,t,a,o)=>{if(!t){var r=1/0;for(m=0;m<l.length;m++){for(var[t,a,o]=l[m],n=!0,s=0;s<t.length;s++)(!1&o||r>=o)&&Object.keys(i.O).every((e=>i.O[e](t[s])))?t.splice(s--,1):(n=!1,o<r&&(r=o));if(n){l.splice(m--,1);var c=a();void 0!==c&&(e=c)}}return e}o=o||0;for(var m=l.length;m>0&&l[m-1][2]>o;m--)l[m]=l[m-1];l[m]=[t,a,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 a in t)i.o(t,a)&&!i.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},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={666:0,525:0};i.O.j=t=>0===e[t];var t=(t,a)=>{var o,r,[n,l,s]=a,c=0;if(n.some((t=>0!==e[t]))){for(o in l)i.o(l,o)&&(i.m[o]=l[o]);if(s)var m=s(i)}for(t&&t(a);c<n.length;c++)r=n[c],i.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return i.O(m)},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 m=i.O(void 0,[525],(()=>i(8286)));return m=i.O(m)})()));
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")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText"],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")):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"])}(self,((e,t,a,o,r,n)=>(()=>{"use strict";var l,s={1120:(e,t,a)=>{var o=a(9155),r=a.n(o),n=a(992),l=a.n(n),s=a(1759),c=a.n(s),i=a(3048),m=a(545),d=a(2039),u=a(8867),p=a(9125);const f=e=>{const t=l()(e?.className,"atoka-form");return r().createElement(c(),{...e,className:t},e.children)};f.displayName="Form",f.Control=m.M,f.Label=i.l,f.Checkbox=d.c,f.Radio=u.M,f.Switch=c().Switch,f.Help=p.W,f.Group=c().Group},2039:(e,t,a)=>{a.d(t,{c:()=>i});var o=a(9155),r=a.n(o),n=a(992),l=a.n(n),s=a(1759),c=a.n(s);const i=e=>{const t=l()("atoka-form-checkbox",e?.className);return r().createElement(c().Check,{type:"checkbox",...e,className:t,label:e.label??""})};i.displayName="FormCheckbox"},545:(e,t,a)=>{a.d(t,{M:()=>d});var o=a(9155),r=a.n(o),n=a(992),l=a.n(n),s=a(9852),c=a.n(s),i=a(5344);const m=r().forwardRef((({size:e="md",...t},a)=>{const o=l()("atoka-form-control",t?.className,{disabled:t.disabled});return r().createElement(c(),{as:t.as,rows:t.rows,cols:t.cols,placeholder:t.placeholder,className:o,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)}));m.displayName="FormControlComponent";const d=m;d.FeedBack=i.B,d.displayName="FormControl"},5344:(e,t,a)=>{a.d(t,{B:()=>i});var o=a(9155),r=a.n(o),n=a(992),l=a.n(n),s=a(9852),c=a.n(s);const i=r().memo((({show:e=!0,...t})=>{const a=l()(t?.className,"atoka-form-control-feedback",{"d-block":e});return r().createElement(c().Feedback,{type:t.type,className:a},t.children)}));i.displayName="FormControlFeedBack"},9125:(e,t,a)=>{a.d(t,{W:()=>i});var o=a(7452),r=a.n(o),n=a(9155),l=a.n(n),s=a(992),c=a.n(s);const i=l().memo((({children:e,...t})=>{const a=c()("d-block",t?.className);return l().createElement(r(),{bsPrefix:"atoka-form-help",className:a},e)}));i.displayName="FormHelp"},3048:(e,t,a)=>{a.d(t,{l:()=>i});var o=a(9155),r=a.n(o),n=a(992),l=a.n(n),s=a(1759),c=a.n(s);const i=r().memo((e=>{const t=l()(e?.className,"atoka-form-label");return r().createElement(c().Label,{className:t},e.children)}));i.displayName="FormLabel"},8867:(e,t,a)=>{a.d(t,{M:()=>i});var o=a(9155),r=a.n(o),n=a(992),l=a.n(n),s=a(1759),c=a.n(s);const i=e=>{const t=l()(e?.className,"atoka-form-radio");return r().createElement(c().Check,{type:"radio",...e,className:t,label:e.label??""})};i.displayName="FormRadio"},8286:(e,t,a)=>{a.r(t),a.d(t,{StatisticsTooltip:()=>c,getRenderStatisticsTooltip:()=>i});var o=a(992),r=a.n(o),n=a(9155),l=a.n(n),s=a(3392);function c(e){function t(){const{tooltipDataLabelKey:t,numberToStringFormatter:a,data:r}=e,n=o(t,r);if(null!=n)return null==a?String(n):"number"==typeof n?a(n):n}function a(){const{tooltipDataValueKey:t,data:a}=e,r=o(t,a);if(null!=r)return"number"==typeof r?(0,s.WM)(r):r}function o(e,t){return null==e?void 0:t?.[e]}const n=r()("statistics-tooltip",e?.className),c=null==e.color?null:l().createElement("span",{className:"tooltip-rectangle",style:{background:e.color}});return l().createElement("div",{className:n},l().createElement("div",{className:"d-flex align-items-center"},c,l().createElement("span",{className:"text-start"},function(){const{tooltipDataTitleKey:t,data:a,otherId:r,otherLabel:n}=e,l=o(t,a);return l===r?n??r:l?String(l):void 0}())),function(){const o=[{value:t(),key:e.tooltipDataLabelKey,className:"label"},{value:a(),key:e.tooltipDataValueKey,className:"value"}].filter((e=>null!=e.value)).map((e=>l().createElement("span",{key:String(e.key),className:e.className},e.value)));return 0===o.length?null:l().createElement("div",{className:"d-flex justify-content-between"},o)}(),e.children)}function i({tooltipDataLabelKey:e,tooltipDataValueKey:t,tooltipDataTitleKey:a,otherId:o,otherLabel:r,numberToStringFormatter:n,withColor:s,className:i="tooltip-background"}){return m=>l().createElement(c,{otherId:o,otherLabel:r,numberToStringFormatter:n,data:m.data,tooltipDataLabelKey:e,tooltipDataTitleKey:a,tooltipDataValueKey:t,className:i??"",color:s?m.color:void 0})}c.displayName="StatisticsTooltip"},3392:(e,t,a)=>{a.d(t,{WM:()=>o});a(862);function o(e){return`${parseInt(e?.toFixed?.(0),10)}%`}},862:(e,t,a)=>{a(6889),a(9155),a(1120)},6889:t=>{t.exports=e},992:e=>{e.exports=t},9155:e=>{e.exports=a},1759:e=>{e.exports=o},9852:e=>{e.exports=r},7452:e=>{e.exports=n}},c={};function i(e){var t=c[e];if(void 0!==t)return t.exports;var a=c[e]={exports:{}};return s[e](a,a.exports,i),a.exports}i.m=s,l=[],i.O=(e,t,a,o)=>{if(!t){var r=1/0;for(m=0;m<l.length;m++){for(var[t,a,o]=l[m],n=!0,s=0;s<t.length;s++)(!1&o||r>=o)&&Object.keys(i.O).every((e=>i.O[e](t[s])))?t.splice(s--,1):(n=!1,o<r&&(r=o));if(n){l.splice(m--,1);var c=a();void 0!==c&&(e=c)}}return e}o=o||0;for(var m=l.length;m>0&&l[m-1][2]>o;m--)l[m]=l[m-1];l[m]=[t,a,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 a in t)i.o(t,a)&&!i.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},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={666:0,4711:0};i.O.j=t=>0===e[t];var t=(t,a)=>{var o,r,[n,l,s]=a,c=0;if(n.some((t=>0!==e[t]))){for(o in l)i.o(l,o)&&(i.m[o]=l[o]);if(s)var m=s(i)}for(t&&t(a);c<n.length;c++)r=n[c],i.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return i.O(m)},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 m=i.O(void 0,[4711],(()=>i(8286)));return m=i.O(m)})()));