@tedi-design-system/react 14.2.0-rc.1 → 14.2.0-rc.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "14.2.0-rc.1",
+  "version": "14.2.0-rc.2",
   "type": "module",
   "sideEffects": false,
   "exports": {

package/src/community/components/vertical-stepper/step-item/step-item.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("../../../../../external/classnames/index.cjs.js"),C=require("react"),f=require("../../../../tedi/components/base/typography/text/text.cjs.js"),n=require("../../../../tedi/components/base/icon/icon.cjs.js"),I=require("../../../../tedi/components/buttons/collapse/collapse.cjs.js"),s=require("../vertical-stepper.module.scss.cjs.js"),c=require("../../../../tedi/components/layout/grid/row.cjs.js"),o=require("../../../../tedi/components/layout/grid/col.cjs.js"),R=({children:t,className:h,isSelected:d,hasIcon:r,title:p,href:N,onClick:u,state:l="default",info:a,isOpen:m,onToggle:x})=>{const[g,q]=C.useState(!1),j=m??g,v=i=>{x&&x(i),m===void 0&&q(i)},k=y.default(s.default["stepper-item"],{[s.default[l]]:l,[s.default.selected]:d,[s.default["has-info"]]:a&&!t,[s.default["info-with-children"]]:a&&t,[s.default["stepper-collapse-open"]]:j},h);return e.jsxs("li",{role:"treeitem","aria-selected":d,className:k,children:[e.jsx("span",{className:s.default["stepper-counter"]}),e.jsx("div",{className:s.default["stepper-content"],children:t?e.jsx(I.Collapse,{onToggle:v,open:j,hideCollapseText:!0,id:"vertical-stepper-collapse",className:s.default["stepper-item-collapse"],title:e.jsxs(e.Fragment,{children:[e.jsx(c.Row,{alignItems:"start",children:e.jsx(o.Col,{className:s.default["stepper-link"],children:e.jsxs(f.Text,{children:[p,r&&l==="error"&&e.jsx(n.Icon,{name:"error",color:"danger",size:16,display:"inline",className:s.default["radio__tooltip-icon"]}),r&&l==="completed"&&e.jsx(n.Icon,{name:"check",color:"success",size:16,display:"inline",className:s.default["radio__tooltip-icon"]})]})})}),e.jsx(c.Row,{children:e.jsx(o.Col,{children:a})})]}),children:t&&e.jsx("ul",{className:s.default["sub-item-list"],children:t})}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:s.default["stepper-link-container"],children:e.jsx("a",{href:N,onClick:i=>{i.preventDefault(),u&&u()},className:s.default["stepper-link"],children:e.jsxs(f.Text,{children:[p,e.jsxs("span",{className:s.default["stepper-link-icon"],children:[r&&l==="error"&&e.jsx(n.Icon,{name:"error",color:"danger",size:16,display:"inline"}),r&&l==="completed"&&e.jsx(n.Icon,{name:"check",color:"success",size:16,display:"inline"})]})]})})}),e.jsx(c.Row,{children:e.jsx(o.Col,{children:a})})]})}),e.jsx("div",{className:s.default["stepper-line"]})]})};exports.StepItem=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("../../../../../external/classnames/index.cjs.js"),C=require("react"),f=require("../../../../tedi/components/base/typography/text/text.cjs.js"),n=require("../../../../tedi/components/base/icon/icon.cjs.js"),I=require("../../../../tedi/components/buttons/collapse/collapse.cjs.js"),s=require("../vertical-stepper.module.scss.cjs.js"),c=require("../../../../tedi/components/layout/grid/row.cjs.js"),o=require("../../../../tedi/components/layout/grid/col.cjs.js"),R=({children:t,className:h,isSelected:d,hasIcon:r,title:p,href:N,onClick:u,state:l="default",info:a,isOpen:m,onToggle:x})=>{const[g,q]=C.useState(!1),j=m??g,v=i=>{x&&x(i),m===void 0&&q(i)},k=y.default(s.default["stepper-item"],{[s.default[l]]:l,[s.default.selected]:d,[s.default["has-info"]]:a&&!t,[s.default["info-with-children"]]:a&&t,[s.default["stepper-collapse-open"]]:j},h);return e.jsxs("li",{role:"treeitem","aria-selected":d,className:k,children:[e.jsx("span",{className:s.default["stepper-counter"]}),e.jsx("div",{className:s.default["stepper-content"],children:t?e.jsx(I.Collapse,{onToggle:v,open:j,hideCollapseText:!0,id:"vertical-stepper-collapse",className:s.default["stepper-item-collapse"],title:e.jsxs(e.Fragment,{children:[e.jsx(c.Row,{alignItems:"start",children:e.jsx(o.Col,{children:e.jsxs(f.Text,{className:s.default["stepper-link"],children:[p,r&&l==="error"&&e.jsx(n.Icon,{name:"error",color:"danger",size:16,display:"inline",className:s.default["radio__tooltip-icon"]}),r&&l==="completed"&&e.jsx(n.Icon,{name:"check",color:"success",size:16,display:"inline",className:s.default["radio__tooltip-icon"]})]})})}),e.jsx(c.Row,{children:e.jsx(o.Col,{children:a})})]}),children:t&&e.jsx("ul",{className:s.default["sub-item-list"],children:t})}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:s.default["stepper-link-container"],children:e.jsx("a",{href:N,onClick:i=>{i.preventDefault(),u&&u()},className:s.default["stepper-link"],children:e.jsxs(f.Text,{children:[p,e.jsxs("span",{className:s.default["stepper-link-icon"],children:[r&&l==="error"&&e.jsx(n.Icon,{name:"error",color:"danger",size:16,display:"inline"}),r&&l==="completed"&&e.jsx(n.Icon,{name:"check",color:"success",size:16,display:"inline"})]})]})})}),e.jsx(c.Row,{children:e.jsx(o.Col,{children:a})})]})}),e.jsx("div",{className:s.default["stepper-line"]})]})};exports.StepItem=R;

package/src/community/components/vertical-stepper/step-item/step-item.es.js

@@ -44,7 +44,7 @@ const E = ({
         id: "vertical-stepper-collapse",
         className: r["stepper-item-collapse"],
         title: /* @__PURE__ */ s(g, { children: [
-          /* @__PURE__ */ e(n, { alignItems: "start", children: /* @__PURE__ */ e(p, { className: r["stepper-link"], children: /* @__PURE__ */ s(k, { children: [
+          /* @__PURE__ */ e(n, { alignItems: "start", children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ s(k, { className: r["stepper-link"], children: [
             d,
             o && l === "error" && /* @__PURE__ */ e(
               c,

package/src/community/components/vertical-stepper/sub-item/sub-item.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),j=require("../../../../tedi/components/base/typography/text/text.cjs.js"),a=require("../../../../tedi/components/base/icon/icon.cjs.js"),s=require("../vertical-stepper.module.scss.cjs.js"),p=({children:r,className:n,state:t="default",isSelected:l,hasIcon:i,title:c,href:o,as:d="a",onClick:u})=>{const m=d,x=f.default(s.default["sub-item"],{[s.default[t]]:t,[s.default.selected]:l},n);return e.jsxs(e.Fragment,{children:[e.jsxs("li",{role:"treeitem",className:x,"aria-selected":l,children:[e.jsx("span",{className:s.default["sub-item-dot-container"],children:e.jsx("span",{className:s.default["sub-item-dot"]})}),e.jsx("span",{className:s.default["sub-item-text"],children:e.jsx(m,{href:o,onClick:u,className:s.default["sub-item-link"],children:e.jsxs(j.Text,{children:[c,i&&t==="error"&&e.jsx(a.Icon,{name:"error",color:"danger",size:16,display:"inline",className:s.default["radio__tooltip-icon"]}),i&&t==="completed"&&e.jsx(a.Icon,{name:"check",color:"success",size:16,display:"inline",className:s.default["radio__tooltip-icon"]})]})})})]}),e.jsx("div",{children:r})]})};exports.SubItem=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("../../../../../external/classnames/index.cjs.js"),f=require("../../../../tedi/components/base/typography/text/text.cjs.js"),r=require("../../../../tedi/components/base/icon/icon.cjs.js"),s=require("../vertical-stepper.module.scss.cjs.js"),p=({children:a,className:n,state:t="default",isSelected:l,hasIcon:i,title:c,href:o,as:d="a",onClick:u})=>{const m=d,x=j.default(s.default["sub-item"],{[s.default[t]]:t,[s.default.selected]:l},n);return e.jsxs(e.Fragment,{children:[e.jsxs("li",{role:"treeitem",className:x,"aria-selected":l,children:[e.jsx("span",{className:s.default["sub-item-dot-container"],children:e.jsx("span",{className:s.default["sub-item-dot"]})}),e.jsx("span",{className:s.default["sub-item-text"],children:e.jsx(m,{href:o,onClick:u,children:e.jsxs(f.Text,{children:[c,i&&t==="error"&&e.jsx(r.Icon,{name:"error",color:"danger",size:16,display:"inline",className:s.default["radio__tooltip-icon"]}),i&&t==="completed"&&e.jsx(r.Icon,{name:"check",color:"success",size:16,display:"inline",className:s.default["radio__tooltip-icon"]})]})})})]}),e.jsx("div",{children:a})]})};exports.SubItem=p;

package/src/community/components/vertical-stepper/sub-item/sub-item.es.js

@@ -1,12 +1,12 @@
-import { jsxs as r, Fragment as b, jsx as s } from "react/jsx-runtime";
+import { jsxs as i, Fragment as b, jsx as s } from "react/jsx-runtime";
 import f from "../../../../../external/classnames/index.es.js";
 import { Text as h } from "../../../../tedi/components/base/typography/text/text.es.js";
 import { Icon as l } from "../../../../tedi/components/base/icon/icon.es.js";
 import e from "../vertical-stepper.module.scss.es.js";
-const k = ({
+const z = ({
   children: a,
   className: t,
-  state: i = "default",
+  state: r = "default",
   isSelected: o,
   hasIcon: m,
   title: c,
@@ -17,17 +17,17 @@ const k = ({
   const u = d, N = f(
     e["sub-item"],
     {
-      [e[i]]: i,
+      [e[r]]: r,
       [e.selected]: o
     },
     t
   );
-  return /* @__PURE__ */ r(b, { children: [
-    /* @__PURE__ */ r("li", { role: "treeitem", className: N, "aria-selected": o, children: [
+  return /* @__PURE__ */ i(b, { children: [
+    /* @__PURE__ */ i("li", { role: "treeitem", className: N, "aria-selected": o, children: [
       /* @__PURE__ */ s("span", { className: e["sub-item-dot-container"], children: /* @__PURE__ */ s("span", { className: e["sub-item-dot"] }) }),
-      /* @__PURE__ */ s("span", { className: e["sub-item-text"], children: /* @__PURE__ */ s(u, { href: n, onClick: p, className: e["sub-item-link"], children: /* @__PURE__ */ r(h, { children: [
+      /* @__PURE__ */ s("span", { className: e["sub-item-text"], children: /* @__PURE__ */ s(u, { href: n, onClick: p, children: /* @__PURE__ */ i(h, { children: [
         c,
-        m && i === "error" && /* @__PURE__ */ s(
+        m && r === "error" && /* @__PURE__ */ s(
           l,
           {
             name: "error",
@@ -37,7 +37,7 @@ const k = ({
             className: e["radio__tooltip-icon"]
           }
         ),
-        m && i === "completed" && /* @__PURE__ */ s(
+        m && r === "completed" && /* @__PURE__ */ s(
           l,
           {
             name: "check",
@@ -53,5 +53,5 @@ const k = ({
   ] });
 };
 export {
-  k as SubItem
+  z as SubItem
 };