@lanaco/lnc-react-ui 4.0.135 → 4.0.137

package/dist/FieldOfInterestsWithTagsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-DmMdPm9O.cjs"),y=require("./consts-goSZX3xP.cjs"),N=require("./Icon.cjs"),$=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),W=p.styled.div`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./utils-DmMdPm9O.cjs"),g=require("./consts-goSZX3xP.cjs"),y=require("./Icon.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=p.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -35,7 +35,7 @@
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${o.truncateTextInRows(2)}
+      ${l.truncateTextInRows(2)}
     }
 
     & .wrapper__description {
@@ -45,16 +45,16 @@
       font-weight: 400;
       line-height: 1rem;
       letter-spacing: 0.025rem;
-      ${o.truncateTextInRows(2)}
+      ${l.truncateTextInRows(2)}
     }
   }
   cursor: pointer;
-`,C=p.styled.div`
+`,k=p.styled.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
-  background: ${o.linearGradientAnimation("-90deg")};
-`,R=p.styled.div`
+  background: ${l.linearGradientAnimation("-90deg")};
+`,I=p.styled.div`
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -105,15 +105,15 @@
     }
   }
 
-  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     min-width: fit-content;
   }
-`,F=p.styled.div`
+`,N=p.styled.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
-  background: ${o.linearGradientAnimation("-90deg")};
-`,q=l.forwardRef(({},i)=>r.jsx(F,{})),E=l.forwardRef(({name:i,isActive:s,icon:t,onSelectCard:a=()=>{}},m)=>r.jsxs(R,{className:s?"active":"",onClick:a,children:[o.isDefinedNotEmptyString(t)&&r.jsx(N,{icon:t,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),O=l.forwardRef(({image:i,imageComponent:s,name:t,description:a,onSelectCard:m=()=>{}},g)=>{const{theme:d}=$.useTheme();return r.jsxs(W,{theme:d,onClick:m,children:[o.isDefined(s)?s:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),a&&r.jsx("div",{className:"wrapper__description",children:a})]})]})}),z=l.forwardRef(({},i)=>r.jsx(C,{})),A=p.styled.div`
+  background: ${l.linearGradientAnimation("-90deg")};
+`,$=d.forwardRef(({},i)=>r.jsx(N,{})),C=d.forwardRef(({name:i,isActive:n,icon:t,onSelectCard:o=()=>{}},c)=>r.jsxs(I,{className:n?"active":"",onClick:o,children:[l.isDefinedNotEmptyString(t)&&r.jsx(y,{icon:t,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),W=d.forwardRef(({image:i,imageComponent:n,name:t,description:o,onSelectCard:c=()=>{}},_)=>{const{theme:m}=b.useTheme();return r.jsxs(j,{theme:m,onClick:c,children:[l.isDefined(n)?n:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),o&&r.jsx("div",{className:"wrapper__description",children:o})]})]})}),R=d.forwardRef(({},i)=>r.jsx(k,{})),F=p.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -161,7 +161,7 @@
     width: 100%;
   }
 
-  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__tags {
       overflow-x: scroll;
       justify-content: flex-start;
@@ -188,4 +188,4 @@
       gap: 1rem;
     }
   }
-`,D=l.forwardRef(({title:i,subtitle:s,tags:t=[],limitTags:a=7,limitTagsForMobile:m=7,limit:g=3,limitForMobile:d=2,items:f=[],selectedTag:c,isLoadingTags:b=!1,isLoadingItems:j=!1,onSelectTag:_=()=>{},onSelectCard:h=()=>{},getImage:k=()=>{}},I)=>{var u,v;const w=e=>{_==null||_(e)},x=e=>{h==null||h(e)};return r.jsxs(A,{ref:I,limitTags:a,limitTagsForMobile:m,limitCards:g,limitCardsForMobile:d,children:[r.jsxs("div",{className:"wrapper__heading",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),s&&r.jsx("div",{className:"wrapper__subtitle",children:s})]}),r.jsx("div",{className:"wrapper__tags",children:b?(u=Array.from("123"))==null?void 0:u.map((e,n)=>r.jsx(q,{},`field-of-interests-with-tags-card-tag-skeleton__${n+1}`)):t==null?void 0:t.map((e,n)=>r.jsx(E,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.name,isActive:(e==null?void 0:e.uuid)===(c==null?void 0:c.uuid),onSelectCard:()=>w==null?void 0:w(e)},`field-of-interests-with-tags-card-tag__${n+1}`))}),r.jsx("div",{className:"wrapper__cards",children:j?(v=Array.from("123"))==null?void 0:v.map((e,n)=>r.jsx(z,{},`field-of-interests-with-tags-card-skeleton__${n+1}`)):f==null?void 0:f.map((e,n)=>r.jsx(O,{image:k(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid),imageComponent:e==null?void 0:e.imageComponent,name:e==null?void 0:e.name,description:(e==null?void 0:e.description)||(e==null?void 0:e.shortDescription),onSelectCard:()=>x==null?void 0:x(e)},`field-of-interests-with-tags-card__${n+1}`))})]})});module.exports=D;
+`,T=d.forwardRef(({title:i,subtitle:n,tags:t=[],limitTags:o=7,limitTagsForMobile:c=7,limit:_=3,limitForMobile:m=2,items:a=[],selectedTag:u,onSelectTag:f=()=>{},onSelectCard:h=()=>{}},v)=>{var w,x;return r.jsxs(F,{ref:v,limitTags:o,limitTagsForMobile:c,limitCards:_,limitCardsForMobile:m,children:[r.jsxs("div",{className:"wrapper__heading",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),n&&r.jsx("div",{className:"wrapper__subtitle",children:n})]}),r.jsx("div",{className:"wrapper__tags",children:t&&(t==null?void 0:t.length)>0?t==null?void 0:t.map((e,s)=>r.jsx(C,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===u,onSelectCard:()=>f==null?void 0:f(e)},`field-of-interests-with-tags-card-tag__${s+1}`)):(w=Array.from("123"))==null?void 0:w.map((e,s)=>r.jsx($,{},`field-of-interests-with-tags-card-tag-skeleton__${s+1}`))}),r.jsx("div",{className:"wrapper__cards",children:a&&(a==null?void 0:a.length)>0?a==null?void 0:a.map((e,s)=>r.jsx(W,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,name:e==null?void 0:e.title,description:e==null?void 0:e.description,onSelectCard:()=>h==null?void 0:h(e)},`field-of-interests-with-tags-card__${s+1}`)):(x=Array.from("123"))==null?void 0:x.map((e,s)=>r.jsx(R,{},`field-of-interests-with-tags-card-skeleton__${s+1}`))})]})});module.exports=T;

package/dist/FieldOfInterestsWithTagsCardsSection.js

@@ -1,11 +1,11 @@
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { p as y, o as b, k as C, l as j } from "./utils-BPdU4_1q.js";
-import { M as k } from "./consts-BuFChS64.js";
-import F from "./Icon.js";
-import { u as z } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const O = p.div`
+import { forwardRef as p } from "react";
+import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { p as x, o as u, k, l as N } from "./utils-BPdU4_1q.js";
+import { M as v } from "./consts-BuFChS64.js";
+import $ from "./Icon.js";
+import { u as C } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const I = m.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -42,7 +42,7 @@ const O = p.div`
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${y(2)}
+      ${x(2)}
     }
 
     & .wrapper__description {
@@ -52,16 +52,16 @@ const O = p.div`
       font-weight: 400;
       line-height: 1rem;
       letter-spacing: 0.025rem;
-      ${y(2)}
+      ${x(2)}
     }
   }
   cursor: pointer;
-`, A = p.div`
+`, W = m.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
-  background: ${b("-90deg")};
-`, E = p.div`
+  background: ${u("-90deg")};
+`, j = m.div`
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -112,33 +112,33 @@ const O = p.div`
     }
   }
 
-  @media (max-width: ${k + "px"}) {
+  @media (max-width: ${v + "px"}) {
     min-width: fit-content;
   }
-`, D = p.div`
+`, F = m.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
-  background: ${b("-90deg")};
-`, M = l(({}, i) => /* @__PURE__ */ r(D, {})), G = l(
-  ({ name: i, isActive: n, icon: t, onSelectCard: o = () => {
-  } }, m) => /* @__PURE__ */ s(E, { className: n ? "active" : "", onClick: o, children: [
-    C(t) && /* @__PURE__ */ r(F, { icon: t, className: "wrapper__icon" }),
-    /* @__PURE__ */ r("div", { className: "wrapper__text", children: i })
+  background: ${u("-90deg")};
+`, T = p(({}, t) => /* @__PURE__ */ r(F, {})), z = p(
+  ({ name: t, isActive: a, icon: i, onSelectCard: l = () => {
+  } }, d) => /* @__PURE__ */ s(j, { className: a ? "active" : "", onClick: l, children: [
+    k(i) && /* @__PURE__ */ r($, { icon: i, className: "wrapper__icon" }),
+    /* @__PURE__ */ r("div", { className: "wrapper__text", children: t })
   ] })
-), L = l(
-  ({ image: i, imageComponent: n, name: t, description: o, onSelectCard: m = () => {
-  } }, u) => {
-    const { theme: f } = z();
-    return /* @__PURE__ */ s(O, { theme: f, onClick: m, children: [
-      j(n) ? n : /* @__PURE__ */ r("img", { src: i, className: "wrapper__image" }),
+), O = p(
+  ({ image: t, imageComponent: a, name: i, description: l, onSelectCard: d = () => {
+  } }, _) => {
+    const { theme: c } = C();
+    return /* @__PURE__ */ s(I, { theme: c, onClick: d, children: [
+      N(a) ? a : /* @__PURE__ */ r("img", { src: t, className: "wrapper__image" }),
       /* @__PURE__ */ s("div", { className: "wrapper__content", children: [
-        t && /* @__PURE__ */ r("div", { className: "wrapper__title", children: t }),
-        o && /* @__PURE__ */ r("div", { className: "wrapper__description", children: o })
+        i && /* @__PURE__ */ r("div", { className: "wrapper__title", children: i }),
+        l && /* @__PURE__ */ r("div", { className: "wrapper__description", children: l })
       ] })
     ] });
   }
-), R = l(({}, i) => /* @__PURE__ */ r(A, {})), T = p.div`
+), A = p(({}, t) => /* @__PURE__ */ r(W, {})), E = m.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -179,14 +179,14 @@ const O = p.div`
 
   & .wrapper__cards {
     display: grid;
-    grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitCards}, minmax(0, 1fr))`};
+    grid-template-columns: ${(t) => `repeat(${t == null ? void 0 : t.limitCards}, minmax(0, 1fr))`};
     justify-content: center;
     align-items: center;
     gap: 1.5rem;
     width: 100%;
   }
 
-  @media (max-width: ${k + "px"}) {
+  @media (max-width: ${v + "px"}) {
     & .wrapper__tags {
       overflow-x: scroll;
       justify-content: flex-start;
@@ -213,73 +213,64 @@ const O = p.div`
       gap: 1rem;
     }
   }
-`, J = l(
+`, P = p(
   ({
-    title: i,
-    subtitle: n,
-    tags: t = [],
-    limitTags: o = 7,
-    limitTagsForMobile: m = 7,
-    limit: u = 3,
-    limitForMobile: f = 2,
-    items: d = [],
-    selectedTag: c,
-    isLoadingTags: N = !1,
-    isLoadingItems: $ = !1,
-    onSelectTag: h = () => {
+    title: t,
+    subtitle: a,
+    tags: i = [],
+    limitTags: l = 7,
+    limitTagsForMobile: d = 7,
+    limit: _ = 3,
+    limitForMobile: c = 2,
+    items: n = [],
+    selectedTag: y,
+    onSelectTag: f = () => {
     },
-    onSelectCard: _ = () => {
-    },
-    getImage: I = () => {
+    onSelectCard: h = () => {
     }
-  }, W) => {
-    var x, v;
-    const w = (e) => {
-      h == null || h(e);
-    }, g = (e) => {
-      _ == null || _(e);
-    };
+  }, b) => {
+    var w, g;
     return /* @__PURE__ */ s(
-      T,
+      E,
       {
-        ref: W,
-        limitTags: o,
-        limitTagsForMobile: m,
-        limitCards: u,
-        limitCardsForMobile: f,
+        ref: b,
+        limitTags: l,
+        limitTagsForMobile: d,
+        limitCards: _,
+        limitCardsForMobile: c,
         children: [
           /* @__PURE__ */ s("div", { className: "wrapper__heading", children: [
-            i && /* @__PURE__ */ r("div", { className: "wrapper__title", children: i }),
-            n && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: n })
+            t && /* @__PURE__ */ r("div", { className: "wrapper__title", children: t }),
+            a && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: a })
           ] }),
-          /* @__PURE__ */ r("div", { className: "wrapper__tags", children: N ? (x = Array.from("123")) == null ? void 0 : x.map((e, a) => /* @__PURE__ */ r(
-            M,
-            {},
-            `field-of-interests-with-tags-card-tag-skeleton__${a + 1}`
-          )) : t == null ? void 0 : t.map((e, a) => /* @__PURE__ */ r(
-            G,
+          /* @__PURE__ */ r("div", { className: "wrapper__tags", children: i && (i == null ? void 0 : i.length) > 0 ? i == null ? void 0 : i.map((e, o) => /* @__PURE__ */ r(
+            z,
             {
               icon: e == null ? void 0 : e.icon,
-              name: e == null ? void 0 : e.name,
-              isActive: (e == null ? void 0 : e.uuid) === (c == null ? void 0 : c.uuid),
-              onSelectCard: () => w == null ? void 0 : w(e)
+              name: e == null ? void 0 : e.title,
+              isActive: (e == null ? void 0 : e.code) === y,
+              onSelectCard: () => f == null ? void 0 : f(e)
             },
-            `field-of-interests-with-tags-card-tag__${a + 1}`
-          )) }),
-          /* @__PURE__ */ r("div", { className: "wrapper__cards", children: $ ? (v = Array.from("123")) == null ? void 0 : v.map((e, a) => /* @__PURE__ */ r(
-            R,
+            `field-of-interests-with-tags-card-tag__${o + 1}`
+          )) : (w = Array.from("123")) == null ? void 0 : w.map((e, o) => /* @__PURE__ */ r(
+            T,
             {},
-            `field-of-interests-with-tags-card-skeleton__${a + 1}`
-          )) : d == null ? void 0 : d.map((e, a) => /* @__PURE__ */ r(
-            L,
+            `field-of-interests-with-tags-card-tag-skeleton__${o + 1}`
+          )) }),
+          /* @__PURE__ */ r("div", { className: "wrapper__cards", children: n && (n == null ? void 0 : n.length) > 0 ? n == null ? void 0 : n.map((e, o) => /* @__PURE__ */ r(
+            O,
             {
-              image: I(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid),
+              image: e == null ? void 0 : e.image,
               imageComponent: e == null ? void 0 : e.imageComponent,
-              name: e == null ? void 0 : e.name,
-              description: (e == null ? void 0 : e.description) || (e == null ? void 0 : e.shortDescription),
-              onSelectCard: () => g == null ? void 0 : g(e)
+              name: e == null ? void 0 : e.title,
+              description: e == null ? void 0 : e.description,
+              onSelectCard: () => h == null ? void 0 : h(e)
             },
-            `field-of-interests-with-tags-card__${a + 1}`
+            `field-of-interests-with-tags-card__${o + 1}`
+          )) : (g = Array.from("123")) == null ? void 0 : g.map((e, o) => /* @__PURE__ */ r(
+            A,
+            {},
+            `field-of-interests-with-tags-card-skeleton__${o + 1}`
           )) })
         ]
       }
@@ -287,5 +278,5 @@ const O = p.div`
   }
 );
 export {
-  J as default
+  P as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.135",
+  "version": "4.0.137",
   "description": "React component library",
   "type": "module",
   "keywords": [
@@ -173,6 +173,7 @@
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@floating-ui/react": "^0.17.0",
+    "@hookform/resolvers": "^5.2.2",
     "@mdx-js/preact": "^2.1.5",
     "@mdx-js/react": "^2.1.5",
     "classnames": "^2.3.2",
@@ -203,7 +204,8 @@
     "react-transition-group": "^4.4.5",
     "react-use": "^17.3.2",
     "styled-components": "^5.3.6",
-    "use-state-with-callback": "^2.0.3"
+    "use-state-with-callback": "^2.0.3",
+    "yup": "^0.32.11"
   },
   "peerDependencies": {
     "@emotion/react": "^11.10.5",