@lanaco/lnc-react-ui 4.0.206 → 4.0.208

package/dist/DropdownMenu.js

@@ -2,7 +2,7 @@ import { jsx as n, jsxs as B } from "react/jsx-runtime";
 import { forwardRef as F, useRef as l, useState as U, Children as Y, isValidElement as $, cloneElement as c } from "react";
 import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import K from "./Button.js";
-import { b as L } from "./utils-DtEfC-TX.js";
+import { c as L } from "./utils-B2fsQ6PS.js";
 import { useTheme as q } from "./ThemeProvider.js";
 import A from "./Popover.js";
 import G from "./PopoverTrigger.js";
@@ -58,12 +58,12 @@ const Q = S.div``, W = S(J.div)`
     className: R = "",
     color: t = "primary",
     size: a = "small",
-    contentClassName: b = "",
-    children: h,
-    ...O
+    contentClassName: h = "",
+    children: O,
+    ...b
   } = o, k = l(), { theme: V } = q(), C = l(), I = l(), [j, p] = U(!1), _ = (e, m, i) => {
     D(e, m, i), v == !0 && p(!1);
-  }, z = Y.map(h, (e, m) => {
+  }, z = Y.map(O, (e, m) => {
     var i, w;
     return $(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((i = e == null ? void 0 : e.type) == null ? void 0 : i.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((w = e == null ? void 0 : e.type) == null ? void 0 : w.displayName) === "NESTED_ITEM") ? m == 0 ? (e.props.ref && (I.current = r), c(e, {
       ref: r || I,
@@ -78,7 +78,7 @@ const Q = S.div``, W = S(J.div)`
       onItemSelected: _
     }) : e;
   });
-  return /* @__PURE__ */ n(Q, { ref: r, className: R, ...O, children: /* @__PURE__ */ B(
+  return /* @__PURE__ */ n(Q, { ref: r, className: R, ...b, children: /* @__PURE__ */ B(
     A,
     {
       open: j,
@@ -119,7 +119,7 @@ const Q = S.div``, W = S(J.div)`
             widthfitcontent: N,
             color: t,
             theme: V,
-            className: b,
+            className: h,
             children: z
           }
         ) })

package/dist/EditableTable.cjs

@@ -1,4 +1,4 @@
-"use strict";const a=require("react/jsx-runtime"),l=require("react"),w=require("./utils-RnrgDDZP.cjs"),V=require("./Table.cjs"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),B=require("./TextInput.cjs"),z=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),H=require("./CheckBoxInput.cjs"),W=require("./Dropdown.cjs"),J=require("./DecimalInputV2.cjs"),Q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),g={BOOLEAN:"BOOLEAN",STRING:"STRING",INTEGER:"INTEGER",DECIMAL:"DECIMAL",DECIMAL2:"DECIMAL2",DATE:"DATE",SELECT:"SELECT"},U=S.styled.td`
+"use strict";const a=require("react/jsx-runtime"),l=require("react"),w=require("./utils-CITgSxXe.cjs"),V=require("./Table.cjs"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),B=require("./TextInput.cjs"),z=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),H=require("./CheckBoxInput.cjs"),W=require("./Dropdown.cjs"),J=require("./DecimalInputV2.cjs"),Q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),g={BOOLEAN:"BOOLEAN",STRING:"STRING",INTEGER:"INTEGER",DECIMAL:"DECIMAL",DECIMAL2:"DECIMAL2",DATE:"DATE",SELECT:"SELECT"},U=S.styled.td`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/dist/EditableTable.js

@@ -1,9 +1,9 @@
 import { jsx as c, Fragment as P, jsxs as W } from "react/jsx-runtime";
 import { useState as q, useRef as g, useEffect as N, createElement as J, forwardRef as Q, useImperativeHandle as U } from "react";
-import { c as M, r as k, i as x } from "./utils-DtEfC-TX.js";
+import { d as M, r as k, j as x } from "./utils-B2fsQ6PS.js";
 import X from "./Table.js";
 import { s as _ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import S from "./TextInput.js";
+import j from "./TextInput.js";
 import Y from "./NumberInput.js";
 import Z from "./DecimalInput.js";
 import ee from "./CheckBoxInput.js";
@@ -82,7 +82,7 @@ const E = {
     return R + d * o.length + o.indexOf(m);
   }, I = (o, m) => {
     F(o, m, d, h), m || A(m);
-  }, j = (o) => {
+  }, S = (o) => {
     o.key === "Escape" && (v.current = !1, n.current.blur(), v.current = !0, O(o, d, h, a));
   }, V = () => {
     var o = null, m = (l, H) => {
@@ -99,12 +99,12 @@ const E = {
       onChange: m,
       onBlur: (l) => I(l, !1),
       onFocus: (l) => I(l, !0),
-      onKeyDown: (l) => j(l),
+      onKeyDown: (l) => S(l),
       tabIndex: B()
     };
     switch (e.inputType) {
       case E.STRING:
-        o = /* @__PURE__ */ c(S, { ...T, ref: n });
+        o = /* @__PURE__ */ c(j, { ...T, ref: n });
         break;
       case E.INTEGER:
         o = /* @__PURE__ */ c(Y, { ...T, ref: n });
@@ -116,7 +116,7 @@ const E = {
         o = /* @__PURE__ */ c(re, { ...T, ref: n });
         break;
       case E.DATE:
-        o = /* @__PURE__ */ c(S, { ...T, ref: n });
+        o = /* @__PURE__ */ c(j, { ...T, ref: n });
         break;
       case E.BOOLEAN:
         o = /* @__PURE__ */ c(ee, { ...T, ref: n });
@@ -135,7 +135,7 @@ const E = {
         );
         break;
       default:
-        o = /* @__PURE__ */ c(S, { ...T, ref: n });
+        o = /* @__PURE__ */ c(j, { ...T, ref: n });
     }
     return o;
   }, z = (o) => {
@@ -160,7 +160,7 @@ const E = {
           focused: i,
           onBlur: z,
           onFocus: (b) => I(b, !0),
-          onKeyDown: (b) => j(b),
+          onKeyDown: (b) => S(b),
           ...m
         }
       );

package/dist/{Facebook-DoKw-XxT.cjs → Facebook-C8L2KR4O.cjs}

@@ -1 +1 @@
-"use strict";const P=require("./_commonjsHelpers-DwTZ_eVU.cjs"),g=require("react"),h=require("./SearchSection-B94YN_6P.cjs");function m(t,e){for(var r=0;r<e.length;r++){const o=e[r];if(typeof o!="string"&&!Array.isArray(o)){for(const s in o)if(s!=="default"&&!(s in t)){const p=Object.getOwnPropertyDescriptor(o,s);p&&Object.defineProperty(t,s,p.get?p:{enumerable:!0,get:()=>o[s]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var v=Object.create,i=Object.defineProperty,O=Object.getOwnPropertyDescriptor,D=Object.getOwnPropertyNames,S=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty,j=(t,e,r)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,k=(t,e)=>{for(var r in e)i(t,r,{get:e[r],enumerable:!0})},b=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of D(e))!E.call(t,s)&&s!==r&&i(t,s,{get:()=>e[s],enumerable:!(o=O(e,s))||o.enumerable});return t},I=(t,e,r)=>(r=t!=null?v(S(t)):{},b(!t||!t.__esModule?i(r,"default",{value:t,enumerable:!0}):r,t)),w=t=>b(i({},"__esModule",{value:!0}),t),a=(t,e,r)=>(j(t,typeof e!="symbol"?e+"":e,r),r),d={};k(d,{default:()=>l});var _=w(d),u=I(g),n=h.utils,F=h.patterns;const c="https://connect.facebook.net/en_US/sdk.js",y="FB",f="fbAsyncInit",L="facebook-player-";class l extends u.Component{constructor(){super(...arguments),a(this,"callPlayer",n.callPlayer),a(this,"playerID",this.props.config.playerId||`${L}${(0,n.randomString)()}`),a(this,"mute",()=>{this.callPlayer("mute")}),a(this,"unmute",()=>{this.callPlayer("unmute")})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e,r){if(r){(0,n.getSDK)(c,y,f).then(o=>o.XFBML.parse());return}(0,n.getSDK)(c,y,f).then(o=>{o.init({appId:this.props.config.appId,xfbml:!0,version:this.props.config.version}),o.Event.subscribe("xfbml.render",s=>{this.props.onLoaded()}),o.Event.subscribe("xfbml.ready",s=>{s.type==="video"&&s.id===this.playerID&&(this.player=s.instance,this.player.subscribe("startedPlaying",this.props.onPlay),this.player.subscribe("paused",this.props.onPause),this.player.subscribe("finishedPlaying",this.props.onEnded),this.player.subscribe("startedBuffering",this.props.onBuffer),this.player.subscribe("finishedBuffering",this.props.onBufferEnd),this.player.subscribe("error",this.props.onError),this.props.muted?this.callPlayer("mute"):this.callPlayer("unmute"),this.props.onReady(),document.getElementById(this.playerID).querySelector("iframe").style.visibility="visible")})})}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){}seekTo(e,r=!0){this.callPlayer("seek",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e)}getDuration(){return this.callPlayer("getDuration")}getCurrentTime(){return this.callPlayer("getCurrentPosition")}getSecondsLoaded(){return null}render(){const{attributes:e}=this.props.config,r={width:"100%",height:"100%"};return u.default.createElement("div",{style:r,id:this.playerID,className:"fb-video","data-href":this.props.url,"data-autoplay":this.props.playing?"true":"false","data-allowfullscreen":"true","data-controls":this.props.controls?"true":"false",...e})}}a(l,"displayName","Facebook");a(l,"canPlay",F.canPlay.facebook);a(l,"loopOnEnded",!0);const M=P.getDefaultExportFromCjs(_),x=m({__proto__:null,default:M},[_]);exports.Facebook=x;
+"use strict";const P=require("./_commonjsHelpers-DwTZ_eVU.cjs"),g=require("react"),h=require("./SearchSection-DUY61r3k.cjs");function m(t,e){for(var r=0;r<e.length;r++){const o=e[r];if(typeof o!="string"&&!Array.isArray(o)){for(const s in o)if(s!=="default"&&!(s in t)){const p=Object.getOwnPropertyDescriptor(o,s);p&&Object.defineProperty(t,s,p.get?p:{enumerable:!0,get:()=>o[s]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var v=Object.create,i=Object.defineProperty,O=Object.getOwnPropertyDescriptor,D=Object.getOwnPropertyNames,S=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty,j=(t,e,r)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,k=(t,e)=>{for(var r in e)i(t,r,{get:e[r],enumerable:!0})},b=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of D(e))!E.call(t,s)&&s!==r&&i(t,s,{get:()=>e[s],enumerable:!(o=O(e,s))||o.enumerable});return t},I=(t,e,r)=>(r=t!=null?v(S(t)):{},b(!t||!t.__esModule?i(r,"default",{value:t,enumerable:!0}):r,t)),w=t=>b(i({},"__esModule",{value:!0}),t),a=(t,e,r)=>(j(t,typeof e!="symbol"?e+"":e,r),r),d={};k(d,{default:()=>l});var _=w(d),u=I(g),n=h.utils,F=h.patterns;const c="https://connect.facebook.net/en_US/sdk.js",y="FB",f="fbAsyncInit",L="facebook-player-";class l extends u.Component{constructor(){super(...arguments),a(this,"callPlayer",n.callPlayer),a(this,"playerID",this.props.config.playerId||`${L}${(0,n.randomString)()}`),a(this,"mute",()=>{this.callPlayer("mute")}),a(this,"unmute",()=>{this.callPlayer("unmute")})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e,r){if(r){(0,n.getSDK)(c,y,f).then(o=>o.XFBML.parse());return}(0,n.getSDK)(c,y,f).then(o=>{o.init({appId:this.props.config.appId,xfbml:!0,version:this.props.config.version}),o.Event.subscribe("xfbml.render",s=>{this.props.onLoaded()}),o.Event.subscribe("xfbml.ready",s=>{s.type==="video"&&s.id===this.playerID&&(this.player=s.instance,this.player.subscribe("startedPlaying",this.props.onPlay),this.player.subscribe("paused",this.props.onPause),this.player.subscribe("finishedPlaying",this.props.onEnded),this.player.subscribe("startedBuffering",this.props.onBuffer),this.player.subscribe("finishedBuffering",this.props.onBufferEnd),this.player.subscribe("error",this.props.onError),this.props.muted?this.callPlayer("mute"):this.callPlayer("unmute"),this.props.onReady(),document.getElementById(this.playerID).querySelector("iframe").style.visibility="visible")})})}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){}seekTo(e,r=!0){this.callPlayer("seek",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e)}getDuration(){return this.callPlayer("getDuration")}getCurrentTime(){return this.callPlayer("getCurrentPosition")}getSecondsLoaded(){return null}render(){const{attributes:e}=this.props.config,r={width:"100%",height:"100%"};return u.default.createElement("div",{style:r,id:this.playerID,className:"fb-video","data-href":this.props.url,"data-autoplay":this.props.playing?"true":"false","data-allowfullscreen":"true","data-controls":this.props.controls?"true":"false",...e})}}a(l,"displayName","Facebook");a(l,"canPlay",F.canPlay.facebook);a(l,"loopOnEnded",!0);const M=P.getDefaultExportFromCjs(_),x=m({__proto__:null,default:M},[_]);exports.Facebook=x;

package/dist/{Facebook-BSWPEXjA.js → Facebook-vhbBr0rd.js}

@@ -1,6 +1,6 @@
 import { g as _ } from "./_commonjsHelpers-BkfeUUK-.js";
 import g from "react";
-import { u as P, p as m } from "./SearchSection-DAaMecR4.js";
+import { u as P, p as m } from "./SearchSection-BEYnWPSr.js";
 function v(t, e) {
   for (var r = 0; r < e.length; r++) {
     const o = e[r];

package/dist/FaqSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),_=require("react"),q=require("./tag-UQjq2_Ba.cjs"),N=require("./useDetectMobile-zkbzoOGV.cjs"),S=require("./Icon.cjs"),w=require("./IconButton.cjs"),b=require("./Button.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),I=require("./consts-goSZX3xP.cjs"),m=({title:o,description:r,questionText:i,feedbackText:p,impressions:l=!1,onSelectItem:a=()=>{},onImpressed:d=()=>{}})=>{const[h,t]=_.useState(!1),[x,f]=_.useState(!1),g=()=>{t(c=>!c),a()},s=(c,u)=>{c==null||c.stopPropagation(),f(!0),d(u)};return e.jsxs(q.ItemContainer,{className:h?"expanded":"",onClick:g,children:[e.jsxs("div",{className:"card__heading",children:[e.jsx("div",{className:"card__title",children:o}),e.jsx(S,{icon:h?" mng-lnc-subtract":" mng-lnc-add",sizeInUnits:"1.25rem",className:"card__icon"})]}),h&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"card__description",children:r}),l&&e.jsx(e.Fragment,{children:x?e.jsxs("div",{className:"card__impression feedback",children:[e.jsx(S,{icon:" mng-lnc-checkmark--outline",sizeInUnits:"1.25rem",color:"success"}),e.jsx("div",{className:"imppression__question",children:p})]}):e.jsxs("div",{className:"card__impression",children:[e.jsx("div",{className:"imppression__question",children:i}),e.jsxs("div",{className:"impression__actions",children:[e.jsx(w,{icon:" mng-lnc-thumbs-up",borderRadius:"curved",btnType:"outline",onClick:c=>s(c,!0)}),e.jsx(w,{icon:" mng-lnc-thumbs-down",borderRadius:"curved",btnType:"outline",onClick:c=>s(c,!1)})]})]})})]})]})},C=_.forwardRef(({items:o=[],questionText:r,feedbackText:i,showMoreText:p,impressions:l=!1,onSelectItem:a=()=>{},onImpressed:d=()=>{}},h)=>{const t=N.useDetectMobile(),[x,f]=_.useState(!1),g=()=>{f(c=>!c)},s=_.useMemo(()=>{if(t)return o==null?void 0:o.map((n,j)=>e.jsx(m,{title:n==null?void 0:n.title,description:n==null?void 0:n.description,questionText:r,feedbackText:i,impressions:l,onSelectItem:()=>a(n),onImpressed:v=>d(n,v)},`faq-section-item__${j+1}`));const c=[],u=[];return o==null||o.forEach((n,j)=>{j%2===0?c.push(e.jsx(m,{title:n==null?void 0:n.title,description:n==null?void 0:n.description,questionText:r,feedbackText:i,impressions:l,onSelectItem:()=>a(n),onImpressed:v=>d(n,v)},`faq-section-item__${j+1}`)):u.push(e.jsx(m,{title:n==null?void 0:n.title,description:n==null?void 0:n.description,questionText:r,feedbackText:i,impressions:l,onSelectItem:()=>a(n),onImpressed:v=>d(n,v)},`faq-section-item__${j+1}`))}),e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"section__column",children:c}),e.jsx("div",{className:"section__column",children:u})]})},[o,t]);return e.jsx(q.ItemsContainer,{ref:h,children:t?x?s:e.jsxs(e.Fragment,{children:[s==null?void 0:s.slice(0,4),(s==null?void 0:s.length)>4&&e.jsx(b,{text:p,btnType:"basic",color:"neutral",className:"section__show-more",onClick:g})]}):s})}),k=y.styled.div`
+"use strict";const e=require("react/jsx-runtime"),u=require("react"),S=require("./tag-DSnhWWHE.cjs"),N=require("./useDetectMobile-DYV6V1yw.cjs"),m=require("./Icon.cjs"),w=require("./IconButton.cjs"),b=require("./Button.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),I=require("./breakpoints-CcVm-gVm.cjs"),q=({title:o,description:t,questionText:i,feedbackText:p,impressions:l=!1,onSelectItem:a=()=>{},onImpressed:d=()=>{}})=>{const[h,r]=u.useState(!1),[f,x]=u.useState(!1),g=()=>{r(c=>!c),a()},s=(c,_)=>{c==null||c.stopPropagation(),x(!0),d(_)};return e.jsxs(S.ItemContainer,{className:h?"expanded":"",onClick:g,children:[e.jsxs("div",{className:"card__heading",children:[e.jsx("div",{className:"card__title",children:o}),e.jsx(m,{icon:h?" mng-lnc-subtract":" mng-lnc-add",sizeInUnits:"1.25rem",className:"card__icon"})]}),h&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"card__description",children:t}),l&&e.jsx(e.Fragment,{children:f?e.jsxs("div",{className:"card__impression feedback",children:[e.jsx(m,{icon:" mng-lnc-checkmark--outline",sizeInUnits:"1.25rem",color:"success"}),e.jsx("div",{className:"imppression__question",children:p})]}):e.jsxs("div",{className:"card__impression",children:[e.jsx("div",{className:"imppression__question",children:i}),e.jsxs("div",{className:"impression__actions",children:[e.jsx(w,{icon:" mng-lnc-thumbs-up",borderRadius:"curved",btnType:"outline",onClick:c=>s(c,!0)}),e.jsx(w,{icon:" mng-lnc-thumbs-down",borderRadius:"curved",btnType:"outline",onClick:c=>s(c,!1)})]})]})})]})]})},C=u.forwardRef(({items:o=[],questionText:t,feedbackText:i,showMoreText:p,impressions:l=!1,onSelectItem:a=()=>{},onImpressed:d=()=>{}},h)=>{const r=N.useDetectMobile(),[f,x]=u.useState(!1),g=()=>{x(c=>!c)},s=u.useMemo(()=>{if(r)return o==null?void 0:o.map((n,j)=>e.jsx(q,{title:n==null?void 0:n.title,description:n==null?void 0:n.description,questionText:t,feedbackText:i,impressions:l,onSelectItem:()=>a(n),onImpressed:v=>d(n,v)},`faq-section-item__${j+1}`));const c=[],_=[];return o==null||o.forEach((n,j)=>{j%2===0?c.push(e.jsx(q,{title:n==null?void 0:n.title,description:n==null?void 0:n.description,questionText:t,feedbackText:i,impressions:l,onSelectItem:()=>a(n),onImpressed:v=>d(n,v)},`faq-section-item__${j+1}`)):_.push(e.jsx(q,{title:n==null?void 0:n.title,description:n==null?void 0:n.description,questionText:t,feedbackText:i,impressions:l,onSelectItem:()=>a(n),onImpressed:v=>d(n,v)},`faq-section-item__${j+1}`))}),e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"section__column",children:c}),e.jsx("div",{className:"section__column",children:_})]})},[o,r]);return e.jsx(S.ItemsContainer,{ref:h,children:r?f?s:e.jsxs(e.Fragment,{children:[s==null?void 0:s.slice(0,4),(s==null?void 0:s.length)>4&&e.jsx(b,{text:p,btnType:"basic",color:"neutral",className:"section__show-more",onClick:g})]}):s})}),k=y.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -30,7 +30,7 @@
     line-height: 1.5rem;
   }
 
-  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
+  @media ${I.down("S")} {
     & .section__title {
       font-size: 1rem;
       font-weight: 500;
@@ -44,4 +44,4 @@
       letter-spacing: 0.25px;
     }
   }
-`,F=_.forwardRef(({title:o,description:r,questionText:i="What do you think about this answer?",feedbackText:p="Thank you for feedback!",showMoreText:l="Show more",allTagText:a="All",impressions:d=!1,tags:h=[],items:t=[],onSelectItem:x=()=>{},onImpressed:f=()=>{}},g)=>{const[s,c]=_.useState(null),u=n=>{c(n==null?void 0:n.code)};return e.jsxs(k,{ref:g,children:[e.jsxs("div",{className:"section__heading",children:[o&&e.jsx("div",{className:"section__title",children:o}),r&&e.jsx("div",{className:"section__description",children:r})]}),e.jsx(q.FaqSectionTags,{tags:h,allTagText:a,selectedTagCode:s,onSelectTag:u}),e.jsx(C,{items:s===null?t:t==null?void 0:t.filter(n=>(n==null?void 0:n.tagCode)===s),questionText:i,feedbackText:p,showMoreText:l,impressions:d,onSelectItem:x,onImpressed:f},`faq-section-items__${s}`)]})});module.exports=F;
+`,F=u.forwardRef(({title:o,description:t,questionText:i="What do you think about this answer?",feedbackText:p="Thank you for feedback!",showMoreText:l="Show more",allTagText:a="All",impressions:d=!1,tags:h=[],items:r=[],onSelectItem:f=()=>{},onImpressed:x=()=>{}},g)=>{const[s,c]=u.useState(null),_=n=>{c(n==null?void 0:n.code)};return e.jsxs(k,{ref:g,children:[e.jsxs("div",{className:"section__heading",children:[o&&e.jsx("div",{className:"section__title",children:o}),t&&e.jsx("div",{className:"section__description",children:t})]}),e.jsx(S.FaqSectionTags,{tags:h,allTagText:a,selectedTagCode:s,onSelectTag:_}),e.jsx(C,{items:s===null?r:r==null?void 0:r.filter(n=>(n==null?void 0:n.tagCode)===s),questionText:i,feedbackText:p,showMoreText:l,impressions:d,onSelectItem:f,onImpressed:x},`faq-section-items__${s}`)]})});module.exports=F;

package/dist/FaqSection.js

@@ -1,62 +1,62 @@
-import { jsx as n, jsxs as t, Fragment as w } from "react/jsx-runtime";
+import { jsx as n, jsxs as l, Fragment as w } from "react/jsx-runtime";
 import { forwardRef as C, useState as S, useMemo as k } from "react";
-import { I as q, a as x, F as M } from "./tag-Dm8CW4TM.js";
-import { u as F } from "./useDetectMobile-Bkvj0VMa.js";
-import b from "./Icon.js";
-import y from "./IconButton.js";
+import { I as q, a as x, F } from "./tag-Bi8gg6hJ.js";
+import { u as M } from "./useDetectMobile-CcVo3PNi.js";
+import y from "./Icon.js";
+import I from "./IconButton.js";
 import T from "./Button.js";
 import { s as $ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as E } from "./consts-BuFChS64.js";
-const I = ({
+import { d as z } from "./breakpoints-ff0SIcV3.js";
+const b = ({
   title: s,
-  description: l,
+  description: t,
   questionText: a,
-  feedbackText: p,
+  feedbackText: _,
   impressions: i = !1,
   onSelectItem: d = () => {
   },
   onImpressed: h = () => {
   }
 }) => {
-  const [_, r] = S(!1), [f, u] = S(!1), g = () => {
+  const [p, r] = S(!1), [f, u] = S(!1), g = () => {
     r((c) => !c), d();
   }, o = (c, m) => {
     c == null || c.stopPropagation(), u(!0), h(m);
   };
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ l(
     x,
     {
-      className: _ ? "expanded" : "",
+      className: p ? "expanded" : "",
       onClick: g,
       children: [
-        /* @__PURE__ */ t("div", { className: "card__heading", children: [
+        /* @__PURE__ */ l("div", { className: "card__heading", children: [
           /* @__PURE__ */ n("div", { className: "card__title", children: s }),
           /* @__PURE__ */ n(
-            b,
+            y,
             {
-              icon: _ ? " mng-lnc-subtract" : " mng-lnc-add",
+              icon: p ? " mng-lnc-subtract" : " mng-lnc-add",
               sizeInUnits: "1.25rem",
               className: "card__icon"
             }
           )
         ] }),
-        _ && /* @__PURE__ */ t(w, { children: [
-          /* @__PURE__ */ n("div", { className: "card__description", children: l }),
-          i && /* @__PURE__ */ n(w, { children: f ? /* @__PURE__ */ t("div", { className: "card__impression feedback", children: [
+        p && /* @__PURE__ */ l(w, { children: [
+          /* @__PURE__ */ n("div", { className: "card__description", children: t }),
+          i && /* @__PURE__ */ n(w, { children: f ? /* @__PURE__ */ l("div", { className: "card__impression feedback", children: [
             /* @__PURE__ */ n(
-              b,
+              y,
               {
                 icon: " mng-lnc-checkmark--outline",
                 sizeInUnits: "1.25rem",
                 color: "success"
               }
             ),
-            /* @__PURE__ */ n("div", { className: "imppression__question", children: p })
-          ] }) : /* @__PURE__ */ t("div", { className: "card__impression", children: [
+            /* @__PURE__ */ n("div", { className: "imppression__question", children: _ })
+          ] }) : /* @__PURE__ */ l("div", { className: "card__impression", children: [
             /* @__PURE__ */ n("div", { className: "imppression__question", children: a }),
-            /* @__PURE__ */ t("div", { className: "impression__actions", children: [
+            /* @__PURE__ */ l("div", { className: "impression__actions", children: [
               /* @__PURE__ */ n(
-                y,
+                I,
                 {
                   icon: " mng-lnc-thumbs-up",
                   borderRadius: "curved",
@@ -65,7 +65,7 @@ const I = ({
                 }
               ),
               /* @__PURE__ */ n(
-                y,
+                I,
                 {
                   icon: " mng-lnc-thumbs-down",
                   borderRadius: "curved",
@@ -79,28 +79,28 @@ const I = ({
       ]
     }
   );
-}, z = C(
+}, E = C(
   ({
     items: s = [],
-    questionText: l,
+    questionText: t,
     feedbackText: a,
-    showMoreText: p,
+    showMoreText: _,
     impressions: i = !1,
     onSelectItem: d = () => {
     },
     onImpressed: h = () => {
     }
-  }, _) => {
-    const r = F(), [f, u] = S(!1), g = () => {
+  }, p) => {
+    const r = M(), [f, u] = S(!1), g = () => {
       u((c) => !c);
     }, o = k(() => {
       if (r)
         return s == null ? void 0 : s.map((e, v) => /* @__PURE__ */ n(
-          I,
+          b,
           {
             title: e == null ? void 0 : e.title,
             description: e == null ? void 0 : e.description,
-            questionText: l,
+            questionText: t,
             feedbackText: a,
             impressions: i,
             onSelectItem: () => d(e),
@@ -112,11 +112,11 @@ const I = ({
       return s == null || s.forEach((e, v) => {
         v % 2 === 0 ? c.push(
           /* @__PURE__ */ n(
-            I,
+            b,
             {
               title: e == null ? void 0 : e.title,
               description: e == null ? void 0 : e.description,
-              questionText: l,
+              questionText: t,
               feedbackText: a,
               impressions: i,
               onSelectItem: () => d(e),
@@ -126,11 +126,11 @@ const I = ({
           )
         ) : m.push(
           /* @__PURE__ */ n(
-            I,
+            b,
             {
               title: e == null ? void 0 : e.title,
               description: e == null ? void 0 : e.description,
-              questionText: l,
+              questionText: t,
               feedbackText: a,
               impressions: i,
               onSelectItem: () => d(e),
@@ -139,17 +139,17 @@ const I = ({
             `faq-section-item__${v + 1}`
           )
         );
-      }), /* @__PURE__ */ t(w, { children: [
+      }), /* @__PURE__ */ l(w, { children: [
         /* @__PURE__ */ n("div", { className: "section__column", children: c }),
         /* @__PURE__ */ n("div", { className: "section__column", children: m })
       ] });
     }, [s, r]);
-    return /* @__PURE__ */ n(q, { ref: _, children: r ? f ? o : /* @__PURE__ */ t(w, { children: [
+    return /* @__PURE__ */ n(q, { ref: p, children: r ? f ? o : /* @__PURE__ */ l(w, { children: [
       o == null ? void 0 : o.slice(0, 4),
       (o == null ? void 0 : o.length) > 4 && /* @__PURE__ */ n(
         T,
         {
-          text: p,
+          text: _,
           btnType: "basic",
           color: "neutral",
           className: "section__show-more",
@@ -158,7 +158,7 @@ const I = ({
       )
     ] }) : o });
   }
-), B = $.div`
+), R = $.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -190,7 +190,7 @@ const I = ({
     line-height: 1.5rem;
   }
 
-  @media (max-width: ${E + "px"}) {
+  @media ${z("S")} {
     & .section__title {
       font-size: 1rem;
       font-weight: 500;
@@ -204,16 +204,16 @@ const I = ({
       letter-spacing: 0.25px;
     }
   }
-`, X = C(
+`, J = C(
   ({
     title: s,
-    description: l,
+    description: t,
     questionText: a = "What do you think about this answer?",
-    feedbackText: p = "Thank you for feedback!",
+    feedbackText: _ = "Thank you for feedback!",
     showMoreText: i = "Show more",
     allTagText: d = "All",
     impressions: h = !1,
-    tags: _ = [],
+    tags: p = [],
     items: r = [],
     onSelectItem: f = () => {
     },
@@ -221,15 +221,15 @@ const I = ({
     }
   }, g) => {
     const [o, c] = S(null);
-    return /* @__PURE__ */ t(B, { ref: g, children: [
-      /* @__PURE__ */ t("div", { className: "section__heading", children: [
+    return /* @__PURE__ */ l(R, { ref: g, children: [
+      /* @__PURE__ */ l("div", { className: "section__heading", children: [
         s && /* @__PURE__ */ n("div", { className: "section__title", children: s }),
-        l && /* @__PURE__ */ n("div", { className: "section__description", children: l })
+        t && /* @__PURE__ */ n("div", { className: "section__description", children: t })
       ] }),
       /* @__PURE__ */ n(
-        M,
+        F,
         {
-          tags: _,
+          tags: p,
           allTagText: d,
           selectedTagCode: o,
           onSelectTag: (e) => {
@@ -238,11 +238,11 @@ const I = ({
         }
       ),
       /* @__PURE__ */ n(
-        z,
+        E,
         {
           items: o === null ? r : r == null ? void 0 : r.filter((e) => (e == null ? void 0 : e.tagCode) === o),
           questionText: a,
-          feedbackText: p,
+          feedbackText: _,
           showMoreText: i,
           impressions: h,
           onSelectItem: f,
@@ -254,5 +254,5 @@ const I = ({
   }
 );
 export {
-  X as default
+  J as default
 };

package/dist/FeedbackSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),o=require("react"),n=require("./utils-RnrgDDZP.cjs"),d=require("./Button.cjs"),f=require("./styled-components.browser.esm-CvykQBGY.cjs"),m=require("./consts-goSZX3xP.cjs"),g=f.qe.div`
+"use strict";const e=require("react/jsx-runtime"),o=require("react"),n=require("./utils-CITgSxXe.cjs"),d=require("./Button.cjs"),f=require("./styled-components.browser.esm-CvykQBGY.cjs"),g=require("./breakpoints-CcVm-gVm.cjs"),m=f.qe.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -45,7 +45,7 @@
     }
   }
 
-  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
+  @media ${g.down("S")} {
     text-align: center;
   }
-`,_=o.forwardRef(({title:i,description:a,buttonText:s,onButtonAction:r=()=>{}},l)=>e.jsxs(g,{ref:l,children:[e.jsxs("div",{className:"feedback__content",children:[n.isDefinedNotEmptyString(i)&&e.jsx("div",{className:"feedback__title",children:e.jsx("span",{children:i})}),n.isDefinedNotEmptyString(a)&&e.jsx("div",{className:"feedback__description",children:e.jsx("span",{children:a})})]}),n.isDefinedNotEmptyString(s)&&e.jsx(d,{text:s,borderRadius:"curved",btnType:"tinted",color:"neutral",className:"feedback__action",onClick:t=>{var c;(c=t==null?void 0:t.target)==null||c.blur(),r==null||r()}})]}));module.exports=_;
+`,_=o.forwardRef(({title:i,description:a,buttonText:s,onButtonAction:r=()=>{}},l)=>e.jsxs(m,{ref:l,children:[e.jsxs("div",{className:"feedback__content",children:[n.isDefinedNotEmptyString(i)&&e.jsx("div",{className:"feedback__title",children:e.jsx("span",{children:i})}),n.isDefinedNotEmptyString(a)&&e.jsx("div",{className:"feedback__description",children:e.jsx("span",{children:a})})]}),n.isDefinedNotEmptyString(s)&&e.jsx(d,{text:s,borderRadius:"curved",btnType:"tinted",color:"neutral",className:"feedback__action",onClick:t=>{var c;(c=t==null?void 0:t.target)==null||c.blur(),r==null||r()}})]}));module.exports=_;

package/dist/FeedbackSection.js

@@ -1,10 +1,10 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { k as t } from "./utils-DtEfC-TX.js";
-import m from "./Button.js";
-import { q as f } from "./styled-components.browser.esm-D-n22PJk.js";
-import { M as g } from "./consts-BuFChS64.js";
-const p = f.div`
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { l as t } from "./utils-B2fsQ6PS.js";
+import f from "./Button.js";
+import { q as m } from "./styled-components.browser.esm-D-n22PJk.js";
+import { d as g } from "./breakpoints-ff0SIcV3.js";
+const p = m.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -51,18 +51,18 @@ const p = f.div`
     }
   }
 
-  @media (max-width: ${g + "px"}) {
+  @media ${g("S")} {
     text-align: center;
   }
-`, y = d(
+`, x = s(
   ({ title: i, description: n, buttonText: l, onButtonAction: r = () => {
-  } }, s) => /* @__PURE__ */ o(p, { ref: s, children: [
-    /* @__PURE__ */ o("div", { className: "feedback__content", children: [
+  } }, d) => /* @__PURE__ */ c(p, { ref: d, children: [
+    /* @__PURE__ */ c("div", { className: "feedback__content", children: [
       t(i) && /* @__PURE__ */ e("div", { className: "feedback__title", children: /* @__PURE__ */ e("span", { children: i }) }),
       t(n) && /* @__PURE__ */ e("div", { className: "feedback__description", children: /* @__PURE__ */ e("span", { children: n }) })
     ] }),
     t(l) && /* @__PURE__ */ e(
-      m,
+      f,
       {
         text: l,
         borderRadius: "curved",
@@ -70,13 +70,13 @@ const p = f.div`
         color: "neutral",
         className: "feedback__action",
         onClick: (a) => {
-          var c;
-          (c = a == null ? void 0 : a.target) == null || c.blur(), r == null || r();
+          var o;
+          (o = a == null ? void 0 : a.target) == null || o.blur(), r == null || r();
         }
       }
     )
   ] })
 );
 export {
-  y as default
+  x as default
 };

package/dist/FieldOfInterestsMasonrySection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),w=require("react"),x=require("./utils-RnrgDDZP.cjs"),M=require("./Icon.cjs"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),n=require("./style-BAcV7F53.cjs"),N=v.styled.a`
+"use strict";const e=require("react/jsx-runtime"),_=require("react"),g=require("./utils-CITgSxXe.cjs"),z=require("./Icon.cjs"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./breakpoints-CcVm-gVm.cjs"),L=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),n=require("./style-BAcV7F53.cjs"),R=j.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -39,7 +39,7 @@
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${x.truncateTextInRows(2)}
+      ${g.truncateTextInRows(2)}
     }
 
     & .wrapper__description {
@@ -49,11 +49,11 @@
       font-weight: 400;
       line-height: 1rem;
       letter-spacing: 0.025rem;
-      ${x.truncateTextInRows(2)}
+      ${g.truncateTextInRows(2)}
     }
   }
 
-  @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
+  @media ${f.down("S")} {
     & .wrapper__content {
       & .wrapper__title {
         font-size: 0.875rem;
@@ -65,7 +65,7 @@
       }
     }
   }
-`,z=v.styled.div`
+`,M=j.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -106,7 +106,7 @@
     font-weight: 400;
     line-height: 1.5rem;
     max-width: 8rem;
-    ${x.truncateTextInRows(2)}
+    ${g.truncateTextInRows(2)}
   }
 
   &.active {
@@ -116,7 +116,7 @@
     }
   }
 
-  @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
+  @media ${f.down("S")} {
     max-width: unset;
     min-width: unset;
     flex-direction: row;
@@ -156,7 +156,7 @@
       max-width: unset;
     }
   }
-`,P=w.forwardRef(({text:t,isActive:s=!1,icon:i,onSelectCard:o=()=>{}},c)=>e.jsxs(z,{ref:c,className:s?"active":"",onClick:o,children:[e.jsx(M,{icon:i,className:"wrapper__icon"}),e.jsx("div",{className:"wrapper__text",children:t})]})),R=w.forwardRef(({image:t,imageComponent:s,title:i,description:o,className:c,onSelectCard:k=()=>{},link:g,LinkComponent:f},b)=>{const m=f||"a",{theme:h}=q.useTheme();return e.jsxs(N,{ref:b,theme:h,className:c,onClick:k,as:m,...f?{to:`/${g}`}:{href:`/${g}`},children:[x.isDefined(s)?s:e.jsx("img",{src:t,className:"wrapper__image"}),e.jsxs("div",{className:"wrapper__content",children:[i&&e.jsx("div",{className:"wrapper__title",children:i}),o&&e.jsx("div",{className:"wrapper__description",children:o})]})]})}),O=v.styled.div`
+`,E=_.forwardRef(({text:t,isActive:s=!1,icon:i,onSelectCard:o=()=>{}},c)=>e.jsxs(M,{ref:c,className:s?"active":"",onClick:o,children:[e.jsx(z,{icon:i,className:"wrapper__icon"}),e.jsx("div",{className:"wrapper__text",children:t})]})),F=_.forwardRef(({image:t,imageComponent:s,title:i,description:o,className:c,onSelectCard:k=()=>{},link:x,LinkComponent:u},b)=>{const m=u||"a",{theme:h}=L.useTheme();return e.jsxs(R,{ref:b,theme:h,className:c,onClick:k,as:m,...u?{to:`/${x}`}:{href:`/${x}`},children:[g.isDefined(s)?s:e.jsx("img",{src:t,className:"wrapper__image"}),e.jsxs("div",{className:"wrapper__content",children:[i&&e.jsx("div",{className:"wrapper__title",children:i}),o&&e.jsx("div",{className:"wrapper__description",children:o})]})]})}),W=j.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -212,21 +212,27 @@
     }
   }
 
-  @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
+  @media ${f.down("M")} {
+    & .wrapper__cards {
+      grid-template-columns: repeat(2, minmax(12.5rem, 1fr));
+    }
+  }
+
+  @media ${f.down("S")} {
     gap: 1rem;
 
     & .wrapper__cards {
       grid-template-columns: ${t=>`repeat(${t==null?void 0:t.limitCardsForMobile}, minmax(0, 1fr))`};
     }
   }
-`,F=v.styled(n.SkeletonRowWrapper)`
+`,P=j.styled(n.SkeletonRowWrapper)`
   &.skeleton__tags {
     max-width: 50rem;
   }
 
-  @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
+  @media ${f.down("S")} {
     &.skeleton__tags {
       overflow-x: hidden;
     }
   }
-`,W=({keyPrefix:t})=>e.jsxs(F,{className:"skeleton__tags",children:[e.jsxs(n.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",children:[e.jsx(n.SkeletonCirclePlaceholder,{width:"2.75rem",height:"2.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})]},`${t}-1`),e.jsxs(n.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonCirclePlaceholder,{width:"2.75rem",height:"2.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})]},`${t}-2`),e.jsxs(n.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonCirclePlaceholder,{width:"2.75rem",height:"2.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})]},`${t}-3`),e.jsxs(n.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonCirclePlaceholder,{width:"2.75rem",height:"2.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})]},`${t}-4`),e.jsxs(n.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonCirclePlaceholder,{width:"2.75rem",height:"2.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})]},`${t}-5`)]}),T=({keyPrefix:t,isLoading:s=!1,fallbackComponent:i=e.jsx(e.Fragment,{}),children:o})=>e.jsx(w.Suspense,{fallbackComponent:i,children:s===!0?e.jsx(W,{keyPrefix:t}):o}),B=w.forwardRef(({title:t,subtitle:s,tags:i=[],items:o=[],limitTags:c=5,limitTagsForMobile:k=5,limit:g=3,limitForMobile:f=2,selectedTag:b,onSelectTag:m=()=>{},onSelectCard:h=()=>{},className:_,isLoadingTags:$=!1,LinkComponent:I},C)=>(w.useLayoutEffect(()=>{if(!x.isDefinedNotEmptyString(_))return;const r=()=>{const d=document==null?void 0:document.querySelector(`.${_} .wrapper__cards`),l=d==null?void 0:d.querySelectorAll(".wrapper__card");l==null||l.forEach(y=>{const E=y.getBoundingClientRect().height,L=Math.ceil((E+10)/20);y.style.gridRowEnd=`span ${L}`});const S=l==null?void 0:l[(l==null?void 0:l.length)-1];if(S){const y=S.offsetTop+S.offsetHeight;d.style.height=`${y}px`}},p=document==null?void 0:document.querySelector(`.${_} .wrapper__cards`),a=p==null?void 0:p.querySelectorAll(".wrapper__image");let u=0;return(a==null?void 0:a.length)===0?r():(a==null||a.forEach(d=>{d.complete?u++:d.addEventListener("load",()=>{u++,u===(a==null?void 0:a.length)&&r()})}),u===(a==null?void 0:a.length)&&r()),window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r)}},[_,o]),e.jsxs(O,{ref:C,limitTags:c,limitTagsForMobile:k,limitCards:g,limitCardsForMobile:f,className:_,numberOfTags:i==null?void 0:i.length,children:[e.jsxs("div",{className:"wrapper__heading",children:[t&&e.jsx("div",{className:"wrapper__title",children:t}),s&&e.jsx("div",{className:"wrapper__subtitle",children:s})]}),e.jsx(T,{isLoading:$,keyPrefix:"field-of-interests-masonry-tag",children:e.jsx("div",{className:"wrapper__tags__external",children:e.jsx("div",{className:"wrapper__tags",children:i==null?void 0:i.map((r,p)=>e.jsx(P,{icon:r==null?void 0:r.icon,text:r==null?void 0:r.title,isActive:(r==null?void 0:r.code)===b,onSelectCard:()=>m==null?void 0:m(r)},`field-of-interests-masonry-tag__${p+1}`))})})}),e.jsx("div",{className:"wrapper__cards",children:o==null?void 0:o.map((r,p)=>e.jsx(R,{image:r==null?void 0:r.image,imageComponent:r==null?void 0:r.imageComponent,title:r==null?void 0:r.title,description:r==null?void 0:r.description,onSelectCard:()=>h==null?void 0:h(r),className:"wrapper__card",link:r==null?void 0:r.link,LinkComponent:I},`field-of-interests-with-tags-card__${p+1}`))})]})));module.exports=B;
+`,O=({keyPrefix:t})=>e.jsxs(P,{className:"skeleton__tags",children:[e.jsxs(n.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",children:[e.jsx(n.SkeletonCirclePlaceholder,{width:"2.75rem",height:"2.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})]},`${t}-1`),e.jsxs(n.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonCirclePlaceholder,{width:"2.75rem",height:"2.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})]},`${t}-2`),e.jsxs(n.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonCirclePlaceholder,{width:"2.75rem",height:"2.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})]},`${t}-3`),e.jsxs(n.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonCirclePlaceholder,{width:"2.75rem",height:"2.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})]},`${t}-4`),e.jsxs(n.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonCirclePlaceholder,{width:"2.75rem",height:"2.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})]},`${t}-5`)]}),T=({keyPrefix:t,isLoading:s=!1,fallbackComponent:i=e.jsx(e.Fragment,{}),children:o})=>e.jsx(_.Suspense,{fallbackComponent:i,children:s===!0?e.jsx(O,{keyPrefix:t}):o}),G=_.forwardRef(({title:t,subtitle:s,tags:i=[],items:o=[],limitTags:c=5,limitTagsForMobile:k=5,limit:x=3,limitForMobile:u=2,selectedTag:b,onSelectTag:m=()=>{},onSelectCard:h=()=>{},className:w,isLoadingTags:S=!1,LinkComponent:C},I)=>(_.useLayoutEffect(()=>{if(!g.isDefinedNotEmptyString(w))return;const r=()=>{const p=document==null?void 0:document.querySelector(`.${w} .wrapper__cards`),l=p==null?void 0:p.querySelectorAll(".wrapper__card");l==null||l.forEach(v=>{const q=v.getBoundingClientRect().height,N=Math.ceil((q+10)/20);v.style.gridRowEnd=`span ${N}`});const $=l==null?void 0:l[(l==null?void 0:l.length)-1];if($){const v=$.offsetTop+$.offsetHeight;p.style.height=`${v}px`}},d=document==null?void 0:document.querySelector(`.${w} .wrapper__cards`),a=d==null?void 0:d.querySelectorAll(".wrapper__image");let y=0;return(a==null?void 0:a.length)===0?r():(a==null||a.forEach(p=>{p.complete?y++:p.addEventListener("load",()=>{y++,y===(a==null?void 0:a.length)&&r()})}),y===(a==null?void 0:a.length)&&r()),window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r)}},[w,o]),e.jsxs(W,{ref:I,limitTags:c,limitTagsForMobile:k,limitCards:x,limitCardsForMobile:u,className:w,numberOfTags:i==null?void 0:i.length,children:[e.jsxs("div",{className:"wrapper__heading",children:[t&&e.jsx("div",{className:"wrapper__title",children:t}),s&&e.jsx("div",{className:"wrapper__subtitle",children:s})]}),e.jsx(T,{isLoading:S,keyPrefix:"field-of-interests-masonry-tag",children:e.jsx("div",{className:"wrapper__tags__external",children:e.jsx("div",{className:"wrapper__tags",children:i==null?void 0:i.map((r,d)=>e.jsx(E,{icon:r==null?void 0:r.icon,text:r==null?void 0:r.title,isActive:(r==null?void 0:r.code)===b,onSelectCard:()=>m==null?void 0:m(r)},`field-of-interests-masonry-tag__${d+1}`))})})}),e.jsx("div",{className:"wrapper__cards",children:o==null?void 0:o.map((r,d)=>e.jsx(F,{image:r==null?void 0:r.image,imageComponent:r==null?void 0:r.imageComponent,title:r==null?void 0:r.title,description:r==null?void 0:r.description,onSelectCard:()=>h==null?void 0:h(r),className:"wrapper__card",link:r==null?void 0:r.link,LinkComponent:C},`field-of-interests-with-tags-card__${d+1}`))})]})));module.exports=G;