@tedi-design-system/react 19.1.0-rc.8 → 19.1.0

package/src/community/components/form/file-upload/file-upload.es.js

@@ -1,24 +1,25 @@
 import { jsxs as _, jsx as l } from "react/jsx-runtime";
-import D from "../../../../../external/classnames/index.es.js";
-import b from "react";
+import R from "../../../../../external/classnames/index.es.js";
+import y from "react";
 import { FeedbackText as O } from "../../../../tedi/components/form/feedback-text/feedback-text.es.js";
 import { FormLabel as S } from "../../../../tedi/components/form/form-label/form-label.es.js";
 import { Tag as W } from "../../../../tedi/components/tags/tag/tag.es.js";
-import { Button as Y } from "../../button/button.es.js";
+import { warnDeprecated as Y } from "../../../../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
+import { Button as q } from "../../button/button.es.js";
 import c from "./file-upload.module.scss.es.js";
-import { useLabels as q } from "../../../../tedi/providers/label-provider/use-labels.es.js";
-import { Card as G } from "../../card/card.es.js";
-import { CardContent as J } from "../../card/card-content/card-content.es.js";
-import { Row as K } from "../../../../tedi/components/layout/grid/row.es.js";
-import { Col as M } from "../../../../tedi/components/layout/grid/col.es.js";
-const P = ({ accept: a, maxSize: i }, s) => {
+import { useLabels as G } from "../../../../tedi/providers/label-provider/use-labels.es.js";
+import { Card as J } from "../../card/card.es.js";
+import { CardContent as K } from "../../card/card-content/card-content.es.js";
+import { Row as P } from "../../../../tedi/components/layout/grid/row.es.js";
+import { Col as $ } from "../../../../tedi/components/layout/grid/col.es.js";
+const Q = ({ accept: a, maxSize: i }, s) => {
   if (!a && !i) return;
   const o = [
     a && `${s("file-upload.accept")} ${a.replaceAll(",", ", ")}`,
     i && `${s("file-upload.max-size")} ${i}MB`
   ].filter(Boolean).join(". ");
   return o.length ? { text: o } : void 0;
-}, Q = (a, i) => {
+}, V = (a, i) => {
   const s = a.reduce(
     (o, { type: r, file: u }) => (o[r].push(u.name), o),
     { extension: [], size: [] }
@@ -27,45 +28,46 @@ const P = ({ accept: a, maxSize: i }, s) => {
     const u = r.map((x) => `'${x}'`).join(", ");
     return i(`file-upload.${o}-rejected`, u);
   }).join(". ");
-}, pe = (a) => {
-  const { getLabel: i } = q(), {
+}, ue = (a) => {
+  Y("Community FileUpload", "Use `FileUpload` from `@tedi-design-system/react/tedi` instead.");
+  const { getLabel: i } = G(), {
     id: s,
     name: o,
     accept: r,
     multiple: u,
     onChange: n,
     className: x,
-    defaultFiles: k,
+    defaultFiles: M,
     onDelete: j,
-    files: f,
-    readOnly: v,
-    disabled: m = !1,
-    maxSize: y,
-    helper: d = P({ accept: r, maxSize: y }, i),
-    ...B
-  } = a, L = d ? (d == null ? void 0 : d.id) ?? `${s}-helper` : void 0, [H, N] = b.useState(!1), [E, T] = b.useState(k || []), [$, w] = b.useState(), U = D(c["file-upload"], { [c["file-upload-disabled"]]: m }), z = (e) => {
-    var h;
+    files: m,
+    readOnly: F,
+    disabled: f = !1,
+    maxSize: b,
+    helper: d = Q({ accept: r, maxSize: b }, i),
+    ...k
+  } = a, L = d ? (d == null ? void 0 : d.id) ?? `${s}-helper` : void 0, [B, N] = y.useState(!1), [w, C] = y.useState(M || []), [E, T] = y.useState(), H = R(c["file-upload"], { [c["file-upload-disabled"]]: f }), z = (e) => {
+    var g;
     if (!r)
       return !0;
-    const t = (r == null ? void 0 : r.replace(/,/g, "").split(".")) || [], p = (h = e.name.split(".").pop()) == null ? void 0 : h.toLowerCase();
+    const t = (r == null ? void 0 : r.replace(/,/g, "").split(".")) || [], p = (g = e.name.split(".").pop()) == null ? void 0 : g.toLowerCase();
     return !!p && t.includes(p);
-  }, F = b.useMemo(() => f && n ? f : E, [f, E, n]), A = (e) => {
+  }, v = y.useMemo(() => m && n ? m : w, [m, w, n]), A = (e) => {
     if (e.target.files) {
-      const t = [], p = [...Array.from(e.target.files)].filter((g) => z(g) ? !0 : (t.push({ type: "extension", file: g }), !1)).filter((g) => !y || g.size <= y * 1048576 ? !0 : (t.push({ type: "size", file: g }), !1)), h = [...F, ...p];
-      typeof f > "u" && T(h), n == null || n(h), e.target.value = "", t.length ? w({ type: "error", text: Q(t, i) }) : w(void 0);
+      const t = [], p = [...Array.from(e.target.files)].filter((h) => z(h) ? !0 : (t.push({ type: "extension", file: h }), !1)).filter((h) => !b || h.size <= b * 1048576 ? !0 : (t.push({ type: "size", file: h }), !1)), g = [...v, ...p];
+      typeof m > "u" && C(g), n == null || n(g), e.target.value = "", t.length ? T({ type: "error", text: V(t, i) }) : T(void 0);
     }
-  }, I = (e) => {
-    const t = [...F].filter((p) => p !== e);
-    j && j(e), typeof f > "u" && T(t), n == null || n(t);
-  }, R = (e, t) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(
+  }, D = (e) => {
+    const t = [...v].filter((p) => p !== e);
+    j && j(e), typeof m > "u" && C(t), n == null || n(t);
+  }, I = (e, t) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(
     W,
     {
       color: "secondary",
-      onClose: !e.isLoading && !m && !v ? () => I(e) : void 0,
+      onClose: !e.isLoading && !f && !F ? () => D(e) : void 0,
       isLoading: e.isLoading,
       children: e.name
     }
-  ) }, t), C = () => /* @__PURE__ */ l("ul", { className: c["file-upload__items"], children: F.map((e, t) => R(e, t)) });
+  ) }, t), U = () => /* @__PURE__ */ l("ul", { className: c["file-upload__items"], children: v.map((e, t) => I(e, t)) });
   return /* @__PURE__ */ _("div", { children: [
     /* @__PURE__ */ l(
       "div",
@@ -73,12 +75,12 @@ const P = ({ accept: a, maxSize: i }, s) => {
         onMouseEnter: () => N(!0),
         onMouseLeave: () => N(!1),
         className: c["file-upload__label-wrapper"],
-        children: /* @__PURE__ */ l(S, { id: s, ...B, renderWithoutLabel: v, className: c["file-upload__label"] })
+        children: /* @__PURE__ */ l(S, { id: s, ...k, renderWithoutLabel: F, className: c["file-upload__label"] })
       }
     ),
-    v ? C() : /* @__PURE__ */ l(G, { padding: 0.5, background: m ? "bg-disabled" : void 0, className: c["file-upload__card"], children: /* @__PURE__ */ l(J, { children: /* @__PURE__ */ _(K, { gutterY: 2, children: [
-      /* @__PURE__ */ l(M, { children: C() }),
-      /* @__PURE__ */ l(M, { xs: 12, md: "auto", align: "center", children: /* @__PURE__ */ _("div", { className: U, children: [
+    F ? U() : /* @__PURE__ */ l(J, { padding: 0.5, background: f ? "bg-disabled" : void 0, className: c["file-upload__card"], children: /* @__PURE__ */ l(K, { children: /* @__PURE__ */ _(P, { gutterY: 2, children: [
+      /* @__PURE__ */ l($, { children: U() }),
+      /* @__PURE__ */ l($, { xs: 12, md: "auto", align: "center", children: /* @__PURE__ */ _("div", { className: H, children: [
         /* @__PURE__ */ l(
           "input",
           {
@@ -88,17 +90,17 @@ const P = ({ accept: a, maxSize: i }, s) => {
             accept: r,
             onChange: A,
             multiple: u,
-            disabled: m
+            disabled: f
           }
         ),
         /* @__PURE__ */ l(
-          Y,
+          q,
           {
             visualType: "link",
             iconLeft: "file_upload",
             "aria-describedby": L,
-            isActive: H,
-            disabled: m,
+            isActive: B,
+            disabled: f,
             onClick: () => {
               var e;
               return (e = document.getElementById(s)) == null ? void 0 : e.click();
@@ -108,9 +110,9 @@ const P = ({ accept: a, maxSize: i }, s) => {
         )
       ] }) })
     ] }) }) }),
-    ($ || d) && /* @__PURE__ */ l(O, { ...$ || d, id: L })
+    (E || d) && /* @__PURE__ */ l(O, { ...E || d, id: L })
   ] });
 };
 export {
-  pe as FileUpload
+  ue as FileUpload
 };

package/src/community/components/form/pickers/calendar/calendar.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),H=require("../../../../../../external/classnames/index.cjs.js"),d=require("react"),S=require("./calendar.module.scss.cjs.js"),T=require("../../../../../../external/@mui/x-date-pickers/CalendarPicker/CalendarPicker.cjs.js"),B=require("../../../../../../external/@mui/x-date-pickers/PickersDay/PickersDay.cjs.js"),E=t=>{const{value:r,defaultValue:l,onChange:a,disabled:y,disableFuture:c,disableHighlightToday:f,disablePast:b,loading:g,minDate:h,maxDate:m,readOnly:q,view:C="day",views:M=["day"],showDaysOutsideCurrentMonth:P=!1,shouldHighlightDate:e,shouldDisableDate:x,shouldDisableMonth:j,shouldDisableYear:k,shouldShowStatusOnDate:i}=t,[s,v]=d.useState(l||null),_=d.useMemo(()=>a&&typeof r<"u"?r:s,[s,a,r]),p=n=>{!(n!=null&&n.isValid())&&n!==null||(typeof r>"u"&&v(n),!(n!=null&&n.isSame(s))&&(a==null||a(n)))},O=(n,F,R)=>{const V=e==null?void 0:e(n),u=i==null?void 0:i(n),w=H.default({"Mui-highlighted":V},{[S.default[`calendar__day--status-${u}`]]:u});return o.jsx(B.PickersDay,{className:w,...R})};return o.jsx(T.CalendarPicker,{"data-name":"calendar",date:_,onChange:p,disabled:y,disableFuture:c,disableHighlightToday:f,disablePast:b,loading:g,minDate:h,maxDate:m,readOnly:q,renderDay:O,shouldDisableDate:x,shouldDisableMonth:j,shouldDisableYear:k,showDaysOutsideCurrentMonth:P,view:C,views:M})};exports.Calendar=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),D=require("../../../../../../external/classnames/index.cjs.js"),d=require("react"),H=require("../../../../../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),S=require("./calendar.module.scss.cjs.js"),T=require("../../../../../../external/@mui/x-date-pickers/CalendarPicker/CalendarPicker.cjs.js"),B=require("../../../../../../external/@mui/x-date-pickers/PickersDay/PickersDay.cjs.js"),E=o=>{H.warnDeprecated("Community Calendar","Use `Calendar` from `@tedi-design-system/react/tedi` instead.");const{value:e,defaultValue:l,onChange:a,disabled:c,disableFuture:y,disableHighlightToday:f,disablePast:m,loading:g,minDate:b,maxDate:h,readOnly:C,view:q="day",views:M=["day"],showDaysOutsideCurrentMonth:P=!1,shouldHighlightDate:r,shouldDisableDate:p,shouldDisableMonth:x,shouldDisableYear:j,shouldShowStatusOnDate:i}=o,[s,k]=d.useState(l||null),v=d.useMemo(()=>a&&typeof e<"u"?e:s,[s,a,e]),w=n=>{!(n!=null&&n.isValid())&&n!==null||(typeof e>"u"&&k(n),!(n!=null&&n.isSame(s))&&(a==null||a(n)))},_=(n,F,O)=>{const R=r==null?void 0:r(n),t=i==null?void 0:i(n),V=D.default({"Mui-highlighted":R},{[S.default[`calendar__day--status-${t}`]]:t});return u.jsx(B.PickersDay,{className:V,...O})};return u.jsx(T.CalendarPicker,{"data-name":"calendar",date:v,onChange:w,disabled:c,disableFuture:y,disableHighlightToday:f,disablePast:m,loading:g,minDate:b,maxDate:h,readOnly:C,renderDay:_,shouldDisableDate:p,shouldDisableMonth:x,shouldDisableYear:j,showDaysOutsideCurrentMonth:P,view:q,views:M})};exports.Calendar=E;

package/src/community/components/form/pickers/calendar/calendar.es.js

@@ -1,60 +1,62 @@
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import N from "../../../../../../external/classnames/index.es.js";
-import e from "react";
-import O from "./calendar.module.scss.es.js";
-import { CalendarPicker as j } from "../../../../../../external/@mui/x-date-pickers/CalendarPicker/CalendarPicker.es.js";
-import { PickersDay as B } from "../../../../../../external/@mui/x-date-pickers/PickersDay/PickersDay.es.js";
-const G = (t) => {
+import t from "react";
+import { warnDeprecated as O } from "../../../../../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
+import j from "./calendar.module.scss.es.js";
+import { CalendarPicker as B } from "../../../../../../external/@mui/x-date-pickers/CalendarPicker/CalendarPicker.es.js";
+import { PickersDay as E } from "../../../../../../external/@mui/x-date-pickers/PickersDay/PickersDay.es.js";
+const G = (m) => {
+  O("Community Calendar", "Use `Calendar` from `@tedi-design-system/react/tedi` instead.");
   const {
-    value: r,
-    defaultValue: l,
-    onChange: n,
-    disabled: m,
+    value: n,
+    defaultValue: u,
+    onChange: r,
+    disabled: l,
     disableFuture: f,
     disableHighlightToday: y,
-    disablePast: h,
-    loading: p,
+    disablePast: p,
+    loading: h,
     minDate: g,
-    maxDate: b,
-    readOnly: C,
-    view: M = "day",
-    views: _ = ["day"],
-    showDaysOutsideCurrentMonth: c = !1,
+    maxDate: C,
+    readOnly: b,
+    view: c = "day",
+    views: M = ["day"],
+    showDaysOutsideCurrentMonth: _ = !1,
     shouldHighlightDate: i,
     shouldDisableDate: v,
-    shouldDisableMonth: x,
-    shouldDisableYear: H,
+    shouldDisableMonth: w,
+    shouldDisableYear: x,
     shouldShowStatusOnDate: o
-  } = t, [s, P] = e.useState(l || null), R = e.useMemo(() => n && typeof r < "u" ? r : s, [s, n, r]);
-  return /* @__PURE__ */ u(
-    j,
+  } = m, [e, H] = t.useState(u || null), P = t.useMemo(() => r && typeof n < "u" ? n : e, [e, r, n]);
+  return /* @__PURE__ */ d(
+    B,
     {
       "data-name": "calendar",
-      date: R,
+      date: P,
       onChange: (a) => {
-        !(a != null && a.isValid()) && a !== null || (typeof r > "u" && P(a), !(a != null && a.isSame(s)) && (n == null || n(a)));
+        !(a != null && a.isValid()) && a !== null || (typeof n > "u" && H(a), !(a != null && a.isSame(e)) && (r == null || r(a)));
       },
-      disabled: m,
+      disabled: l,
       disableFuture: f,
       disableHighlightToday: y,
-      disablePast: h,
-      loading: p,
+      disablePast: p,
+      loading: h,
       minDate: g,
-      maxDate: b,
-      readOnly: C,
-      renderDay: (a, I, V) => {
-        const k = i == null ? void 0 : i(a), d = o == null ? void 0 : o(a), w = N(
-          { "Mui-highlighted": k },
-          { [O[`calendar__day--status-${d}`]]: d }
+      maxDate: C,
+      readOnly: b,
+      renderDay: (a, T, R) => {
+        const V = i == null ? void 0 : i(a), s = o == null ? void 0 : o(a), k = N(
+          { "Mui-highlighted": V },
+          { [j[`calendar__day--status-${s}`]]: s }
         );
-        return /* @__PURE__ */ u(B, { className: w, ...V });
+        return /* @__PURE__ */ d(E, { className: k, ...R });
       },
       shouldDisableDate: v,
-      shouldDisableMonth: x,
-      shouldDisableYear: H,
-      showDaysOutsideCurrentMonth: c,
-      view: M,
-      views: _
+      shouldDisableMonth: w,
+      shouldDisableYear: x,
+      showDaysOutsideCurrentMonth: _,
+      view: c,
+      views: M
     }
   );
 };

package/src/community/components/form/pickers/timepicker/timepicker.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),s=require("react"),I=require("../mui-input-transition/mui-input-transition.cjs.js"),O=require("../../../../../../external/@mui/x-date-pickers/TimePicker/TimePicker.cjs.js"),h=d=>{const{defaultValue:m,onChange:n,value:t,disabled:p,readOnly:u,inputFormat:l="HH:mm",toolbarTitle:f,maxTime:T,minTime:P,minutesStep:k=1,onError:x,shouldDisableTime:y,views:b=["hours","minutes"],ampm:v=!1,onClose:r,...S}=d,[a,g]=s.useState(m||null),[j,i]=s.useState(!1),q=s.useMemo(()=>n&&typeof t<"u"?t:a,[a,n,t]),o=e=>{!(e!=null&&e.isValid())&&e!==null||(typeof t>"u"&&g(e),n==null||n(e))},C=()=>{i(!1),r==null||r()};return c.jsx(O.TimePicker,{"data-name":"timepicker",value:q,onChange:o,open:j,onOpen:()=>i(!0),onClose:C,renderInput:e=>c.jsx(I.default,{muiTextfieldProps:e,inputFormat:l,onChangeHandler:o,textfieldProps:{...S,onClear:()=>o(null),onIconClick:u?void 0:()=>i(H=>!H)},type:"time"}),disabled:p,readOnly:u,inputFormat:l,toolbarTitle:f,maxTime:T,minTime:P,minutesStep:k,onError:x,shouldDisableTime:y,views:b,ampm:v})};exports.TimePicker=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),o=require("react"),I=require("../../../../../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),O=require("../mui-input-transition/mui-input-transition.cjs.js"),h=require("../../../../../../external/@mui/x-date-pickers/TimePicker/TimePicker.cjs.js"),w=c=>{I.warnDeprecated("Community TimePicker","Use `TimeField` from `@tedi-design-system/react/tedi` instead.");const{defaultValue:m,onChange:n,value:t,disabled:p,readOnly:u,inputFormat:a="HH:mm",toolbarTitle:f,maxTime:T,minTime:y,minutesStep:P=1,onError:k,shouldDisableTime:x,views:b=["hours","minutes"],ampm:g=!1,onClose:r,...q}=c,[l,v]=o.useState(m||null),[C,i]=o.useState(!1),S=o.useMemo(()=>n&&typeof t<"u"?t:l,[l,n,t]),s=e=>{!(e!=null&&e.isValid())&&e!==null||(typeof t>"u"&&v(e),n==null||n(e))},j=()=>{i(!1),r==null||r()};return d.jsx(h.TimePicker,{"data-name":"timepicker",value:S,onChange:s,open:C,onOpen:()=>i(!0),onClose:j,renderInput:e=>d.jsx(O.default,{muiTextfieldProps:e,inputFormat:a,onChangeHandler:s,textfieldProps:{...q,onClear:()=>s(null),onIconClick:u?void 0:()=>i(H=>!H)},type:"time"}),disabled:p,readOnly:u,inputFormat:a,toolbarTitle:f,maxTime:T,minTime:y,minutesStep:P,onError:k,shouldDisableTime:x,views:b,ampm:g})};exports.TimePicker=w;

package/src/community/components/form/pickers/timepicker/timepicker.es.js

@@ -1,67 +1,69 @@
-import { jsx as m } from "react/jsx-runtime";
-import l from "react";
+import { jsx as u } from "react/jsx-runtime";
+import s from "react";
+import { warnDeprecated as O } from "../../../../../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
 import S from "../mui-input-transition/mui-input-transition.es.js";
 import { TimePicker as V } from "../../../../../../external/@mui/x-date-pickers/TimePicker/TimePicker.es.js";
-const D = (d) => {
+const E = (d) => {
+  O("Community TimePicker", "Use `TimeField` from `@tedi-design-system/react/tedi` instead.");
   const {
     defaultValue: p,
     onChange: n,
-    value: o,
+    value: t,
     disabled: f,
-    readOnly: s,
-    inputFormat: a = "HH:mm",
+    readOnly: a,
+    inputFormat: l = "HH:mm",
     toolbarTitle: c,
     maxTime: T,
     minTime: k,
-    minutesStep: x = 1,
+    minutesStep: y = 1,
     onError: C,
-    shouldDisableTime: H,
-    views: P = ["hours", "minutes"],
-    ampm: v = !1,
+    shouldDisableTime: P,
+    views: x = ["hours", "minutes"],
+    ampm: H = !1,
     onClose: r,
-    ...y
-  } = d, [u, I] = l.useState(p || null), [b, t] = l.useState(!1), h = l.useMemo(() => n && typeof o < "u" ? o : u, [u, n, o]), i = (e) => {
-    !(e != null && e.isValid()) && e !== null || (typeof o > "u" && I(e), n == null || n(e));
+    ...v
+  } = d, [m, I] = s.useState(p || null), [b, i] = s.useState(!1), g = s.useMemo(() => n && typeof t < "u" ? t : m, [m, n, t]), o = (e) => {
+    !(e != null && e.isValid()) && e !== null || (typeof t > "u" && I(e), n == null || n(e));
   };
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ u(
     V,
     {
       "data-name": "timepicker",
-      value: h,
-      onChange: i,
+      value: g,
+      onChange: o,
       open: b,
-      onOpen: () => t(!0),
+      onOpen: () => i(!0),
       onClose: () => {
-        t(!1), r == null || r();
+        i(!1), r == null || r();
       },
-      renderInput: (e) => /* @__PURE__ */ m(
+      renderInput: (e) => /* @__PURE__ */ u(
         S,
         {
           muiTextfieldProps: e,
-          inputFormat: a,
-          onChangeHandler: i,
+          inputFormat: l,
+          onChangeHandler: o,
           textfieldProps: {
-            ...y,
-            onClear: () => i(null),
-            onIconClick: s ? void 0 : () => t((O) => !O)
+            ...v,
+            onClear: () => o(null),
+            onIconClick: a ? void 0 : () => i((h) => !h)
           },
           type: "time"
         }
       ),
       disabled: f,
-      readOnly: s,
-      inputFormat: a,
+      readOnly: a,
+      inputFormat: l,
       toolbarTitle: c,
       maxTime: T,
       minTime: k,
-      minutesStep: x,
+      minutesStep: y,
       onError: C,
-      shouldDisableTime: H,
-      views: P,
-      ampm: v
+      shouldDisableTime: P,
+      views: x,
+      ampm: H
     }
   );
 };
 export {
-  D as TimePicker
+  E as TimePicker
 };

package/src/community/components/form/toggle/toggle.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("../../../../../external/classnames/index.cjs.js"),i=require("react"),w=require("../../../../tedi/components/base/icon/icon.cjs.js"),z=require("../../../../tedi/components/loaders/spinner/spinner.cjs.js"),k=require("../../button/button.cjs.js"),e=require("./toggle.module.scss.cjs.js"),j=i.forwardRef((c,C)=>{const{ariaLabel:N,className:y,checked:n,defaultChecked:q,onChange:a,size:r=c.icon?"large":"medium",color:S="default",type:g,icon:T,disabled:u=!1,isLoading:d=!1,extraContent:f,label:m,...l}=c,[_,v]=i.useState(q||!1),o=i.useMemo(()=>a&&typeof n<"u"?n:_,[a,_,n]),$=x.default(e.default.toggle,e.default[`toggle--${r}`],e.default[`toggle--${S}`],{[e.default["toggle--active"]]:o,[e.default["toggle--disabled"]]:u,[e.default[`toggle--${g}`]]:g},y),h=()=>{if(d)return;const s=!o;typeof n>"u"&&v(s),a==null||a(s)},b={noStyle:!0,type:"button","aria-label":N,"aria-pressed":o,disabled:u,"aria-disabled":d,...l,onClick:h};return t.jsxs("div",{className:e.default["toggle-wrapper"],children:[t.jsx(k.Button,{...b,onClick:s=>{var p;(p=l==null?void 0:l.onClick)==null||p.call(l,s),h()},ref:C,"data-name":"toggle",className:$,children:t.jsx("span",{className:e.default.toggle__dot,children:d?t.jsx(z.Spinner,{size:r==="large"?16:10,className:x.default(e.default.toggle__icon,e.default.toggle__spinner)}):T?t.jsx(w.Icon,{className:e.default.toggle__icon,name:o?"lock_open_right":"lock",size:16}):null})}),m&&t.jsx(k.Button,{...b,className:e.default.toggle__label,"aria-hidden":!0,tabIndex:-1,children:m}),f&&t.jsx("div",{className:e.default["toggle__extra-content"],children:f})]})});j.displayName="Toggle";exports.Toggle=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("../../../../../external/classnames/index.cjs.js"),i=require("react"),$=require("../../../../tedi/components/base/icon/icon.cjs.js"),z=require("../../../../tedi/components/loaders/spinner/spinner.cjs.js"),B=require("../../../../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),k=require("../../button/button.cjs.js"),e=require("./toggle.module.scss.cjs.js"),y=i.forwardRef((c,C)=>{B.warnDeprecated("Community Toggle","Use `Toggle` from `@tedi-design-system/react/tedi` instead.");const{ariaLabel:j,className:N,checked:n,defaultChecked:q,onChange:a,size:r=c.icon?"large":"medium",color:T="default",type:g,icon:w,disabled:u=!1,isLoading:d=!1,extraContent:f,label:m,...l}=c,[p,S]=i.useState(q||!1),o=i.useMemo(()=>a&&typeof n<"u"?n:p,[a,p,n]),v=x.default(e.default.toggle,e.default[`toggle--${r}`],e.default[`toggle--${T}`],{[e.default["toggle--active"]]:o,[e.default["toggle--disabled"]]:u,[e.default[`toggle--${g}`]]:g},N),_=()=>{if(d)return;const s=!o;typeof n>"u"&&S(s),a==null||a(s)},h={noStyle:!0,type:"button","aria-label":j,"aria-pressed":o,disabled:u,"aria-disabled":d,...l,onClick:_};return t.jsxs("div",{className:e.default["toggle-wrapper"],children:[t.jsx(k.Button,{...h,onClick:s=>{var b;(b=l==null?void 0:l.onClick)==null||b.call(l,s),_()},ref:C,"data-name":"toggle",className:v,children:t.jsx("span",{className:e.default.toggle__dot,children:d?t.jsx(z.Spinner,{size:r==="large"?16:10,className:x.default(e.default.toggle__icon,e.default.toggle__spinner)}):w?t.jsx($.Icon,{className:e.default.toggle__icon,name:o?"lock_open_right":"lock",size:16}):null})}),m&&t.jsx(k.Button,{...h,className:e.default.toggle__label,"aria-hidden":!0,tabIndex:-1,children:m}),f&&t.jsx("div",{className:e.default["toggle__extra-content"],children:f})]})});y.displayName="Toggle";exports.Toggle=y;

package/src/community/components/form/toggle/toggle.es.js

@@ -1,27 +1,29 @@
-import { jsxs as T, jsx as t } from "react/jsx-runtime";
+import { jsxs as S, jsx as o } from "react/jsx-runtime";
 import k from "../../../../../external/classnames/index.es.js";
 import b, { forwardRef as $ } from "react";
 import { Icon as j } from "../../../../tedi/components/base/icon/icon.es.js";
 import { Spinner as B } from "../../../../tedi/components/loaders/spinner/spinner.es.js";
-import { Button as N } from "../../button/button.es.js";
+import { warnDeprecated as L } from "../../../../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
+import { Button as C } from "../../button/button.es.js";
 import e from "./toggle.module.scss.es.js";
-const L = $((r, C) => {
+const M = $((r, N) => {
+  L("Community Toggle", "Use `Toggle` from `@tedi-design-system/react/tedi` instead.");
   const {
     ariaLabel: y,
     className: x,
-    checked: a,
-    defaultChecked: v,
-    onChange: l,
+    checked: l,
+    defaultChecked: T,
+    onChange: a,
     size: c = r.icon ? "large" : "medium",
     color: w = "default",
     type: g,
-    icon: z,
+    icon: v,
     disabled: d = !1,
-    isLoading: i = !1,
+    isLoading: s = !1,
     extraContent: m,
     label: f,
-    ...o
-  } = r, [p, I] = b.useState(v || !1), n = b.useMemo(() => l && typeof a < "u" ? a : p, [l, p, a]), S = k(
+    ...t
+  } = r, [p, z] = b.useState(T || !1), n = b.useMemo(() => a && typeof l < "u" ? l : p, [a, p, l]), I = k(
     e.toggle,
     e[`toggle--${c}`],
     e[`toggle--${w}`],
@@ -32,46 +34,46 @@ const L = $((r, C) => {
     },
     x
   ), u = () => {
-    if (i)
+    if (s)
       return;
-    const s = !n;
-    typeof a > "u" && I(s), l == null || l(s);
+    const i = !n;
+    typeof l > "u" && z(i), a == null || a(i);
   }, _ = {
     noStyle: !0,
     type: "button",
     "aria-label": y,
     "aria-pressed": n,
     disabled: d,
-    "aria-disabled": i,
-    ...o,
+    "aria-disabled": s,
+    ...t,
     onClick: u
   };
-  return /* @__PURE__ */ T("div", { className: e["toggle-wrapper"], children: [
-    /* @__PURE__ */ t(
-      N,
+  return /* @__PURE__ */ S("div", { className: e["toggle-wrapper"], children: [
+    /* @__PURE__ */ o(
+      C,
       {
         ..._,
-        onClick: (s) => {
+        onClick: (i) => {
           var h;
-          (h = o == null ? void 0 : o.onClick) == null || h.call(o, s), u();
+          (h = t == null ? void 0 : t.onClick) == null || h.call(t, i), u();
         },
-        ref: C,
+        ref: N,
         "data-name": "toggle",
-        className: S,
-        children: /* @__PURE__ */ t("span", { className: e.toggle__dot, children: i ? /* @__PURE__ */ t(
+        className: I,
+        children: /* @__PURE__ */ o("span", { className: e.toggle__dot, children: s ? /* @__PURE__ */ o(
           B,
           {
             size: c === "large" ? 16 : 10,
             className: k(e.toggle__icon, e.toggle__spinner)
           }
-        ) : z ? /* @__PURE__ */ t(j, { className: e.toggle__icon, name: n ? "lock_open_right" : "lock", size: 16 }) : null })
+        ) : v ? /* @__PURE__ */ o(j, { className: e.toggle__icon, name: n ? "lock_open_right" : "lock", size: 16 }) : null })
       }
     ),
-    f && /* @__PURE__ */ t(N, { ..._, className: e.toggle__label, "aria-hidden": !0, tabIndex: -1, children: f }),
-    m && /* @__PURE__ */ t("div", { className: e["toggle__extra-content"], children: m })
+    f && /* @__PURE__ */ o(C, { ..._, className: e.toggle__label, "aria-hidden": !0, tabIndex: -1, children: f }),
+    m && /* @__PURE__ */ o("div", { className: e["toggle__extra-content"], children: m })
   ] });
 });
-L.displayName = "Toggle";
+M.displayName = "Toggle";
 export {
-  L as Toggle
+  M as Toggle
 };

package/src/community/components/map-components/base-map-selection/base-map-selection.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),P=require("../../../../tedi/components/buttons/button/button.cjs.js"),I=require("../../../../tedi/components/form/field/field.cjs.js"),R=require("../../../../tedi/components/form/input-group/input-group.cjs.js"),k=require("../../../../tedi/components/form/slider/slider.cjs.js"),G=require("../map-button/map-button.cjs.js"),x=require("./base-map-option.cjs.js"),t=require("./base-map-selection.module.scss.cjs.js"),$=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),h=require("../../../../tedi/helpers/hooks/use-breakpoint.cjs.js"),r=require("../../../../tedi/components/overlays/popover/popover.cjs.js"),E=require("../../../../tedi/components/form/input-group/components/input/input.cjs.js"),F=require("../../../../tedi/components/form/input-group/components/suffix/suffix.cjs.js"),o=s=>{const n=Number(s);return Number.isNaN(n)?0:Math.min(100,Math.max(0,n))};function l(s){const{title:n,content:y,children:j,multiple:g=!1,showTransparency:q=!1,transparency:c,defaultTransparency:M,onTransparencyChange:i,id:a}=s,{getLabel:B}=$.useLabels(),v=h.isBreakpointBelow(h.default(),"md"),[S,_]=f.useState(!1),u=B("baseMapSelection.transparency"),d=c!==void 0,[N,L]=f.useState(()=>o(M??0)),p=o(d?c:N),m=C=>{const b=o(C);d||L(b),i==null||i(b)},O=w.default(t.default["tedi-base-map-selection__wrapper"],t.default["tedi-base-map-selection--button"],g&&t.default["tedi-base-map-selection--multiple"]),T=v?e.jsx(G.MapButton,{id:a,icon:"map",hideLabel:!0,tooltipContent:null,selected:S,children:n}):e.jsxs(P.Button,{noStyle:!0,id:a,className:O,children:[e.jsx("div",{className:t.default["tedi-base-map-selection__content"],"aria-hidden":!0,children:y}),e.jsx("div",{className:t.default["tedi-base-map-selection__title"],children:n})]});return e.jsxs(r.Popover,{placement:"top-start",onToggle:_,children:[e.jsx(r.Popover.Trigger,{children:T}),e.jsxs(r.Popover.Content,{width:"medium",children:[e.jsx("div",{className:t.default["tedi-base-map-selection__options"],children:j}),q&&e.jsx("div",{className:t.default["tedi-base-map-selection__transparency"],children:e.jsx(k.Slider,{"aria-label":u,min:0,max:100,value:p,onChange:m,minLabel:"0%",maxLabel:"100%",addonRight:e.jsx("div",{className:t.default["tedi-base-map-selection__transparency-field"],children:e.jsxs(R.InputGroupBase,{id:`${a}-transparency`,label:u,hideLabel:!0,children:[e.jsx(E.Input,{children:e.jsx(I.Field,{type:"number",id:`${a}-transparency`,value:String(p),onChange:m})}),e.jsx(F.Suffix,{children:"%"})]})})})})]})]})}l.Option=x.BaseMapOption;l.displayName="BaseMapSelection";exports.BaseMapOption=x.BaseMapOption;exports.BaseMapSelection=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("../../../../../external/classnames/index.cjs.js"),h=require("react"),I=require("../../../../tedi/components/buttons/button/button.cjs.js"),P=require("../../../../tedi/components/form/field/field.cjs.js"),R=require("../../../../tedi/components/form/input-group/input-group.cjs.js"),k=require("../../../../tedi/components/form/slider/slider.cjs.js"),G=require("../map-button/map-button.cjs.js"),x=require("./base-map-option.cjs.js"),t=require("./base-map-selection.module.scss.cjs.js"),$=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),f=require("../../../../tedi/helpers/hooks/use-breakpoint.cjs.js"),r=require("../../../../tedi/components/overlays/popover/popover.cjs.js"),z=require("../../../../tedi/components/form/input-group/components/input/input.cjs.js"),D=require("../../../../tedi/components/form/input-group/components/suffix/suffix.cjs.js"),o=s=>{const n=Number(s);return Number.isNaN(n)?0:Math.min(100,Math.max(0,n))};function l(s){const{title:n,content:y,children:j,multiple:g=!1,showTransparency:q=!1,transparency:c,defaultTransparency:M,onTransparencyChange:i,id:a}=s,{getLabel:B}=$.useLabels(),S=f.isBreakpointBelow(f.default(),"md"),[v,_]=h.useState(!1),u=B("baseMapSelection.transparency"),d=c!==void 0,[N,L]=h.useState(()=>o(M??0)),p=o(d?c:N),m=w=>{const b=o(w);d||L(b),i==null||i(b)},O=C.default(t.default["tedi-base-map-selection__wrapper"],t.default["tedi-base-map-selection--button"],g&&t.default["tedi-base-map-selection--multiple"]),T=S?e.jsx(G.MapButton,{id:a,icon:"map",showDropdownIndicator:!0,hideLabel:!0,iconSize:24,tooltipContent:null,selected:v,children:n}):e.jsxs(I.Button,{noStyle:!0,id:a,className:O,children:[e.jsx("div",{className:t.default["tedi-base-map-selection__content"],"aria-hidden":!0,children:y}),e.jsx("div",{className:t.default["tedi-base-map-selection__title"],children:n})]});return e.jsxs(r.Popover,{placement:"top-start",onToggle:_,children:[e.jsx(r.Popover.Trigger,{children:T}),e.jsxs(r.Popover.Content,{width:"medium",children:[e.jsx("div",{className:t.default["tedi-base-map-selection__options"],children:j}),q&&e.jsx("div",{className:t.default["tedi-base-map-selection__transparency"],children:e.jsx(k.Slider,{"aria-label":u,min:0,max:100,value:p,onChange:m,minLabel:"0%",maxLabel:"100%",addonRight:e.jsx("div",{className:t.default["tedi-base-map-selection__transparency-field"],children:e.jsxs(R.InputGroupBase,{id:`${a}-transparency`,label:u,hideLabel:!0,children:[e.jsx(z.Input,{children:e.jsx(P.Field,{type:"number",id:`${a}-transparency`,value:String(p),onChange:m})}),e.jsx(D.Suffix,{children:"%"})]})})})})]})]})}l.Option=x.BaseMapOption;l.displayName="BaseMapSelection";exports.BaseMapOption=x.BaseMapOption;exports.BaseMapSelection=l;

package/src/community/components/map-components/base-map-selection/base-map-selection.es.js

@@ -1,18 +1,18 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import I from "../../../../../external/classnames/index.es.js";
+import O from "../../../../../external/classnames/index.es.js";
 import { useState as h } from "react";
 import { Button as j } from "../../../../tedi/components/buttons/button/button.es.js";
 import { Field as k } from "../../../../tedi/components/form/field/field.es.js";
 import { InputGroupBase as $ } from "../../../../tedi/components/form/input-group/input-group.es.js";
-import { Slider as E } from "../../../../tedi/components/form/slider/slider.es.js";
-import { MapButton as F } from "../map-button/map-button.es.js";
-import { BaseMapOption as G } from "./base-map-option.es.js";
+import { Slider as z } from "../../../../tedi/components/form/slider/slider.es.js";
+import { MapButton as D } from "../map-button/map-button.es.js";
+import { BaseMapOption as E } from "./base-map-option.es.js";
 import t from "./base-map-selection.module.scss.es.js";
-import { useLabels as P } from "../../../../tedi/providers/label-provider/use-labels.es.js";
-import R, { isBreakpointBelow as U } from "../../../../tedi/helpers/hooks/use-breakpoint.es.js";
+import { useLabels as F } from "../../../../tedi/providers/label-provider/use-labels.es.js";
+import G, { isBreakpointBelow as P } from "../../../../tedi/helpers/hooks/use-breakpoint.es.js";
 import { Popover as s } from "../../../../tedi/components/overlays/popover/popover.es.js";
-import { Input as V } from "../../../../tedi/components/form/input-group/components/input/input.es.js";
-import { Suffix as q } from "../../../../tedi/components/form/input-group/components/suffix/suffix.es.js";
+import { Input as R } from "../../../../tedi/components/form/input-group/components/input/input.es.js";
+import { Suffix as U } from "../../../../tedi/components/form/input-group/components/suffix/suffix.es.js";
 const l = (i) => {
   const n = Number(i);
   return Number.isNaN(n) ? 0 : Math.min(100, Math.max(0, n));
@@ -28,25 +28,25 @@ function b(i) {
     defaultTransparency: B,
     onTransparencyChange: o,
     id: a
-  } = i, { getLabel: v } = P(), x = U(R(), "md"), [M, S] = h(!1), p = v("baseMapSelection.transparency"), m = c !== void 0, [L, T] = h(
+  } = i, { getLabel: v } = F(), x = P(G(), "md"), [M, S] = h(!1), p = v("baseMapSelection.transparency"), m = c !== void 0, [L, T] = h(
     () => l(B ?? 0)
-  ), d = l(m ? c : L), u = (O) => {
-    const f = l(O);
+  ), d = l(m ? c : L), u = (I) => {
+    const f = l(I);
     m || T(f), o == null || o(f);
-  }, C = I(
+  }, w = O(
     t["tedi-base-map-selection__wrapper"],
     t["tedi-base-map-selection--button"],
     N && t["tedi-base-map-selection--multiple"]
-  ), w = x ? /* @__PURE__ */ e(F, { id: a, icon: "map", hideLabel: !0, tooltipContent: null, selected: M, children: n }) : /* @__PURE__ */ r(j, { noStyle: !0, id: a, className: C, children: [
+  ), C = x ? /* @__PURE__ */ e(D, { id: a, icon: "map", showDropdownIndicator: !0, hideLabel: !0, iconSize: 24, tooltipContent: null, selected: M, children: n }) : /* @__PURE__ */ r(j, { noStyle: !0, id: a, className: w, children: [
     /* @__PURE__ */ e("div", { className: t["tedi-base-map-selection__content"], "aria-hidden": !0, children: y }),
     /* @__PURE__ */ e("div", { className: t["tedi-base-map-selection__title"], children: n })
   ] });
   return /* @__PURE__ */ r(s, { placement: "top-start", onToggle: S, children: [
-    /* @__PURE__ */ e(s.Trigger, { children: w }),
+    /* @__PURE__ */ e(s.Trigger, { children: C }),
     /* @__PURE__ */ r(s.Content, { width: "medium", children: [
       /* @__PURE__ */ e("div", { className: t["tedi-base-map-selection__options"], children: g }),
       _ && /* @__PURE__ */ e("div", { className: t["tedi-base-map-selection__transparency"], children: /* @__PURE__ */ e(
-        E,
+        z,
         {
           "aria-label": p,
           min: 0,
@@ -56,7 +56,7 @@ function b(i) {
           minLabel: "0%",
           maxLabel: "100%",
           addonRight: /* @__PURE__ */ e("div", { className: t["tedi-base-map-selection__transparency-field"], children: /* @__PURE__ */ r($, { id: `${a}-transparency`, label: p, hideLabel: !0, children: [
-            /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(
               k,
               {
                 type: "number",
@@ -65,16 +65,16 @@ function b(i) {
                 onChange: u
               }
             ) }),
-            /* @__PURE__ */ e(q, { children: "%" })
+            /* @__PURE__ */ e(U, { children: "%" })
           ] }) })
         }
       ) })
     ] })
   ] });
 }
-b.Option = G;
+b.Option = E;
 b.displayName = "BaseMapSelection";
 export {
-  G as BaseMapOption,
+  E as BaseMapOption,
   b as BaseMapSelection
 };

package/src/community/components/map-components/carousel/carousel.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),d=require("../../../../tedi/components/buttons/floating-button/floating-button.cjs.js"),e=require("./carousel.module.scss.cjs.js"),y=u=>{const{itemCountShown:l,children:_,className:f}=u,[s,n]=c.useState(0),o=c.Children.toArray(_),r=o.length,m=()=>{s+l<r&&n(a=>a+1)},x=()=>{s>0&&n(a=>a-1)},v=`translateX(-${100/l*s}%)`;return t.jsxs("div",{className:`${e.default["tedi-carousel__wrapper"]} ${f??""}`,children:[t.jsx(d.FloatingButton,{className:i.default(e.default["tedi-carousel__navigation-button"],e.default["tedi-carousel__prev"]),onClick:x,visualType:"secondary",disabled:s===0,icon:"west",children:"Prev"}),t.jsx("div",{className:e.default["tedi-carousel__viewport"],children:t.jsx("div",{className:e.default["tedi-carousel__carousel-track"],style:{transform:v},children:o.map((a,h)=>t.jsx("div",{className:e.default["tedi-carousel__item"],style:{flex:`0 0 ${100/l}%`},children:a},h))})}),t.jsx(d.FloatingButton,{className:i.default(e.default["tedi-carousel__navigation-button"],e.default["tedi-carousel__next"]),onClick:m,visualType:"secondary",disabled:s+l>=r,icon:"east",children:"Next"})]})};exports.Carousel=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),d=require("../../../../tedi/components/buttons/floating-button/floating-button.cjs.js"),y=require("../../../../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),e=require("./carousel.module.scss.cjs.js"),p=u=>{y.warnDeprecated("Community Carousel","Use `Carousel` from `@tedi-design-system/react/tedi` instead.");const{itemCountShown:l,children:m,className:f}=u,[s,r]=c.useState(0),n=c.Children.toArray(m),o=n.length,_=()=>{s+l<o&&r(a=>a+1)},x=()=>{s>0&&r(a=>a-1)},v=`translateX(-${100/l*s}%)`;return t.jsxs("div",{className:`${e.default["tedi-carousel__wrapper"]} ${f??""}`,children:[t.jsx(d.FloatingButton,{className:i.default(e.default["tedi-carousel__navigation-button"],e.default["tedi-carousel__prev"]),onClick:x,visualType:"secondary",disabled:s===0,icon:"west",children:"Prev"}),t.jsx("div",{className:e.default["tedi-carousel__viewport"],children:t.jsx("div",{className:e.default["tedi-carousel__carousel-track"],style:{transform:v},children:n.map((a,h)=>t.jsx("div",{className:e.default["tedi-carousel__item"],style:{flex:`0 0 ${100/l}%`},children:a},h))})}),t.jsx(d.FloatingButton,{className:i.default(e.default["tedi-carousel__navigation-button"],e.default["tedi-carousel__next"]),onClick:_,visualType:"secondary",disabled:s+l>=o,icon:"east",children:"Next"})]})};exports.Carousel=p;