@tedi-design-system/react 17.1.0-rc.11 → 17.1.0-rc.12

package/src/tedi/components/overlays/overlay/overlay.es.js

@@ -1,13 +1,13 @@
-import { jsx as B } from "react/jsx-runtime";
-import { useFloating as J, useInteractions as K, useHover as N, useClick as Q, useFocus as X, useRole as Y, useDismiss as Z, safePolygon as _ } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import { createContext as $, useState as D, useRef as ee, useMemo as T, useCallback as te, useId as oe } from "react";
-import { OverlayContent as ne } from "./overlay-content.es.js";
-import { OverlayTrigger as re } from "./overlay-trigger.es.js";
+import { jsx as J } from "react/jsx-runtime";
+import { useFloating as K, useInteractions as N, useHover as Q, useClick as X, useFocus as Y, useRole as Z, useDismiss as _, safePolygon as $ } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { createContext as D, useState as ee, useRef as te, useMemo as T, useCallback as oe, useId as ne } from "react";
+import { OverlayContent as re } from "./overlay-content.es.js";
+import { OverlayTrigger as se } from "./overlay-trigger.es.js";
 import { autoUpdate as E } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import { offset as se, flip as ae, shift as ce, arrow as le } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
-import { useIsTouchDevice as ie } from "../../../helpers/hooks/use-is-touch-device.es.js";
-import { useIsMounted as fe } from "../../../helpers/hooks/use-is-mounted.es.js";
-const ue = 3, de = $({
+import { offset as ae, flip as ce, shift as le, arrow as ie } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
+import { useIsTouchDevice as fe } from "../../../helpers/hooks/use-is-touch-device.es.js";
+import { useIsMounted as ue } from "../../../helpers/hooks/use-is-mounted.es.js";
+const de = 3, pe = D({
   open: !1,
   onOpenChange: () => {
   },
@@ -36,7 +36,7 @@ const ue = 3, de = $({
   scrollLock: void 0,
   contentId: ""
 }), L = (W) => {
-  const j = ie(), {
+  const j = fe(), {
     children: A,
     placement: G = "top",
     openWith: n = j ? "click" : "hover",
@@ -45,47 +45,48 @@ const ue = 3, de = $({
     onToggle: o,
     role: c = "tooltip",
     arrowDimensions: e,
-    offset: S = ue + ((e == null ? void 0 : e.height) ?? 0),
+    offset: S = de + ((e == null ? void 0 : e.height) ?? 0),
+    arrowPadding: U = 4,
     focusManager: l,
     dismissible: p,
     scrollLock: g,
-    trackReferencePosition: U = !1
-  } = W, { order: h = ["reference", "content"], initialFocus: m, modal: i, ...v } = l ?? {}, y = m !== void 0 ? m : i ? 0 : void 0, [O, x] = D(H), f = ee(null), F = fe(), u = T(() => o && typeof r < "u" ? r : O, [o, r, O]), d = te(
+    trackReferencePosition: V = !1
+  } = W, { order: h = ["reference", "content"], initialFocus: m, modal: i, ...v } = l ?? {}, y = m !== void 0 ? m : i ? 0 : void 0, [O, x] = ee(H), f = te(null), F = ue(), u = T(() => o && typeof r < "u" ? r : O, [o, r, O]), d = oe(
     (a) => {
       typeof r > "u" && x(a), o == null || o(a);
     },
     [r, x, o]
-  ), { x: C, y: M, refs: s, strategy: P, context: t, middlewareData: R, placement: k } = J({
+  ), { x: P, y: C, refs: s, strategy: M, context: t, middlewareData: R, placement: w } = K({
     placement: G,
     open: u,
     onOpenChange: d,
     middleware: [
-      se(S),
-      ae(),
-      ce({ padding: 8 }),
-      le({
+      ae(S),
+      ce(),
+      le({ padding: 8 }),
+      ie({
         element: f,
-        padding: 4
+        padding: U
       })
     ],
-    whileElementsMounted: U ? (a, q, z) => E(a, q, z, { animationFrame: !0 }) : E
-  }), { getReferenceProps: w, getFloatingProps: I } = K([
-    N(t, {
+    whileElementsMounted: V ? (a, z, B) => E(a, z, B, { animationFrame: !0 }) : E
+  }), { getReferenceProps: k, getFloatingProps: I } = N([
+    Q(t, {
       enabled: n === "hover",
-      handleClose: _()
+      handleClose: $()
     }),
-    Q(t, {
+    X(t, {
       toggle: p
     }),
-    X(t, {
+    Y(t, {
       enabled: n === "hover"
     }),
-    Y(t, { role: c }),
-    Z(t, {
+    Z(t, { role: c }),
+    _(t, {
       enabled: p,
       outsidePressEvent: n === "click" ? "mousedown" : "pointerdown"
     })
-  ]), b = oe(), V = T(
+  ]), b = ne(), q = T(
     () => ({
       open: u,
       onOpenChange: d,
@@ -100,10 +101,10 @@ const ue = 3, de = $({
       reference: s.setReference,
       floating: s.setFloating,
       arrowRef: f,
-      x: C,
-      y: M,
-      strategy: P,
-      getReferenceProps: w,
+      x: P,
+      y: C,
+      strategy: M,
+      getReferenceProps: k,
       getFloatingProps: I,
       arrow: {
         width: e == null ? void 0 : e.width,
@@ -111,7 +112,7 @@ const ue = 3, de = $({
         ...R.arrow
       },
       context: t,
-      placement: k,
+      placement: w,
       scrollLock: g,
       role: c,
       contentId: b
@@ -125,16 +126,16 @@ const ue = 3, de = $({
       s.setReference,
       s.setFloating,
       f,
+      P,
       C,
       M,
-      P,
-      w,
+      k,
       I,
       e == null ? void 0 : e.width,
       e == null ? void 0 : e.height,
       R.arrow,
       t,
-      k,
+      w,
       g,
       c,
       b,
@@ -144,12 +145,12 @@ const ue = 3, de = $({
       v
     ]
   );
-  return /* @__PURE__ */ B(de.Provider, { value: V, children: A });
+  return /* @__PURE__ */ J(pe.Provider, { value: q, children: A });
 };
-L.Trigger = re;
-L.Content = ne;
+L.Trigger = se;
+L.Content = re;
 export {
   L as Overlay,
-  de as OverlayContext,
+  pe as OverlayContext,
   L as default
 };

package/src/tedi/components/overlays/popover/index.d.ts

@@ -1,3 +1,4 @@
 export * from './popover';
 export * from './popover-content';
+export * from './popover-context';
 export * from './popover-trigger';

package/src/tedi/components/overlays/popover/popover-content.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("../../../../../external/classnames/index.cjs.js"),i=require("react"),C=require("../../base/typography/text/text.cjs.js"),q=require("../../buttons/closing-button/closing-button.cjs.js"),y=require("../overlay/overlay.cjs.js"),j=require("../overlay/overlay-content.cjs.js"),o=require("./popover.module.scss.cjs.js"),_=f=>{const{children:r,width:l="small",className:x,title:e,titleProps:d={element:"h4"},close:a,closeProps:n={size:"default"}}=f,{onOpenChange:h}=i.useContext(y.OverlayContext),c=i.useId(),u=!!r,p=i.useId();return t.jsxs(j.OverlayContent,{classNames:{content:s.default(o.default["tedi-popover"],{[o.default[`tedi-popover--${l}`]]:l},x),arrow:o.default["tedi-popover__arrow"]},labelledBy:e?c:void 0,describedBy:u?p:void 0,children:[(e||a)&&t.jsxs("div",{className:s.default(o.default["tedi-popover__header"],{[o.default["tedi-popover__header--no-title"]]:!e}),children:[e&&t.jsx(C.Text,{...d,id:c,className:s.default("align-self-center",d.className),children:e}),a&&t.jsx(q.ClosingButton,{...n,onClick:m=>{var v;h(!1),(v=n.onClick)==null||v.call(n,m)}})]}),u?t.jsx("div",{id:p,children:r}):r]})};exports.PopoverContent=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("../../../../../external/classnames/index.cjs.js"),s=require("react"),y=require("../../base/typography/text/text.cjs.js"),_=require("../../buttons/closing-button/closing-button.cjs.js"),j=require("../overlay/overlay.cjs.js"),b=require("../overlay/overlay-content.cjs.js"),e=require("./popover.module.scss.cjs.js"),g=require("./popover-context.cjs.js"),x=C=>{const{children:i,width:d="small",className:h,title:t,titleProps:l={element:"h4"},close:a,closeProps:r={size:"default"}}=C,{onOpenChange:m}=s.useContext(j.OverlayContext),{withBorder:c}=s.useContext(g.PopoverContext),u=s.useId(),p=!!i,v=s.useId();return o.jsxs(b.OverlayContent,{classNames:{content:n.default(e.default["tedi-popover"],{[e.default[`tedi-popover--${d}`]]:d&&d!=="none",[e.default["tedi-popover--border"]]:c},h),arrow:n.default(e.default["tedi-popover__arrow"],{[e.default["tedi-popover__arrow--border"]]:c})},labelledBy:t?u:void 0,describedBy:p?v:void 0,children:[(t||a)&&o.jsxs("div",{className:n.default(e.default["tedi-popover__header"],{[e.default["tedi-popover__header--no-title"]]:!t}),children:[t&&o.jsx(y.Text,{...l,id:u,className:n.default("align-self-center",l.className),children:t}),a&&o.jsx(_.ClosingButton,{...r,onClick:q=>{var f;m(!1),(f=r.onClick)==null||f.call(r,q)}})]}),p?o.jsx("div",{id:v,children:i}):i]})};x.displayName="PopoverContent";exports.PopoverContent=x;

package/src/tedi/components/overlays/popover/popover-content.d.ts

@@ -27,6 +27,9 @@ export interface PopoverContentProps extends Omit<OverlayContentProps, 'classNam
      * Popover width.
      * @default small
      */
-    width?: 'small' | 'medium' | 'large';
+    width?: 'small' | 'medium' | 'large' | 'none';
 }
-export declare const PopoverContent: (props: PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverContent: {
+    (props: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/src/tedi/components/overlays/popover/popover-content.es.js

@@ -1,49 +1,58 @@
-import { jsxs as v, jsx as i } from "react/jsx-runtime";
-import s from "../../../../../external/classnames/index.es.js";
-import { useContext as _, useId as f } from "react";
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
+import r from "../../../../../external/classnames/index.es.js";
+import { useContext as h, useId as C } from "react";
 import { Text as u } from "../../base/typography/text/text.es.js";
-import { ClosingButton as y } from "../../buttons/closing-button/closing-button.es.js";
+import { ClosingButton as w } from "../../buttons/closing-button/closing-button.es.js";
 import { OverlayContext as B } from "../overlay/overlay.es.js";
-import { OverlayContent as g } from "../overlay/overlay-content.es.js";
-import o from "./popover.module.scss.es.js";
-const P = (h) => {
+import { OverlayContent as b } from "../overlay/overlay-content.es.js";
+import e from "./popover.module.scss.es.js";
+import { PopoverContext as g } from "./popover-context.es.js";
+const I = (_) => {
   const {
-    children: r,
+    children: i,
     width: n = "small",
-    className: C,
-    title: e,
-    titleProps: l = { element: "h4" },
-    close: a,
+    className: x,
+    title: o,
+    titleProps: d = { element: "h4" },
+    close: l,
     closeProps: t = { size: "default" }
-  } = h, { onOpenChange: x } = _(B), d = f(), m = !!r, c = f();
-  return /* @__PURE__ */ v(
-    g,
+  } = _, { onOpenChange: N } = h(B), { withBorder: p } = h(g), a = C(), m = !!i, c = C();
+  return /* @__PURE__ */ f(
+    b,
     {
       classNames: {
-        content: s(o["tedi-popover"], { [o[`tedi-popover--${n}`]]: n }, C),
-        arrow: o["tedi-popover__arrow"]
+        content: r(
+          e["tedi-popover"],
+          {
+            [e[`tedi-popover--${n}`]]: n && n !== "none",
+            [e["tedi-popover--border"]]: p
+          },
+          x
+        ),
+        arrow: r(e["tedi-popover__arrow"], { [e["tedi-popover__arrow--border"]]: p })
       },
-      labelledBy: e ? d : void 0,
+      labelledBy: o ? a : void 0,
       describedBy: m ? c : void 0,
       children: [
-        (e || a) && /* @__PURE__ */ v("div", { className: s(o["tedi-popover__header"], { [o["tedi-popover__header--no-title"]]: !e }), children: [
-          e && /* @__PURE__ */ i(u, { ...l, id: d, className: s("align-self-center", l.className), children: e }),
-          a && /* @__PURE__ */ i(
-            y,
+        (o || l) && /* @__PURE__ */ f("div", { className: r(e["tedi-popover__header"], { [e["tedi-popover__header--no-title"]]: !o }), children: [
+          o && /* @__PURE__ */ s(u, { ...d, id: a, className: r("align-self-center", d.className), children: o }),
+          l && /* @__PURE__ */ s(
+            w,
             {
               ...t,
-              onClick: (N) => {
-                var p;
-                x(!1), (p = t.onClick) == null || p.call(t, N);
+              onClick: (y) => {
+                var v;
+                N(!1), (v = t.onClick) == null || v.call(t, y);
               }
             }
           )
         ] }),
-        m ? /* @__PURE__ */ i("div", { id: c, children: r }) : r
+        m ? /* @__PURE__ */ s("div", { id: c, children: i }) : i
       ]
     }
   );
 };
+I.displayName = "PopoverContent";
 export {
-  P as PopoverContent
+  I as PopoverContent
 };

package/src/tedi/components/overlays/popover/popover-context.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext({withBorder:!1});exports.PopoverContext=t;

package/src/tedi/components/overlays/popover/popover-context.d.ts

@@ -0,0 +1,9 @@
+export interface PopoverContextValue {
+    /**
+     * If true, the popover is rendered with an illustrative border on the arrow
+     * side. Consumed by `Popover.Content` to apply the `--border` modifier
+     * classes.
+     */
+    withBorder: boolean;
+}
+export declare const PopoverContext: import('react').Context<PopoverContextValue>;

package/src/tedi/components/overlays/popover/popover-context.es.js

@@ -0,0 +1,7 @@
+import { createContext as o } from "react";
+const e = o({
+  withBorder: !1
+});
+export {
+  e as PopoverContext
+};

package/src/tedi/components/overlays/popover/popover.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),i=require("../overlay/overlay.cjs.js"),s=require("./popover-content.cjs.js"),u=require("./popover-trigger.cjs.js"),c=34,l=17,e=o=>{const{openWith:r="click",...t}=o;return n.jsx(i.Overlay,{arrowDimensions:{width:c,height:l},openWith:r,role:"dialog",...t})};e.Trigger=u.PopoverTrigger;e.Content=s.PopoverContent;exports.Popover=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),s=require("../overlay/overlay.cjs.js"),c=require("./popover-content.cjs.js"),u=require("./popover-context.cjs.js"),l=require("./popover-trigger.cjs.js"),v=34,p=17,a=12,d=4,e=t=>{const{openWith:n="click",withBorder:o=!1,...i}=t;return r.jsx(u.PopoverContext.Provider,{value:{withBorder:o},children:r.jsx(s.Overlay,{...i,arrowDimensions:{width:v,height:p},arrowPadding:o?a:d,openWith:n,role:"dialog"})})};e.Trigger=l.PopoverTrigger;e.Content=c.PopoverContent;exports.Popover=e;exports.default=e;

package/src/tedi/components/overlays/popover/popover.d.ts

@@ -1,6 +1,6 @@
 import { OffsetOptions } from '@floating-ui/react';
 import { OverlayOpenWith, OverlayProps } from '../overlay/overlay';
-export interface PopoverProps extends Omit<OverlayProps, 'arrowDimensions' | 'openWith' | 'offset'> {
+export interface PopoverProps extends Omit<OverlayProps, 'arrowDimensions' | 'openWith' | 'offset' | 'arrowPadding'> {
     /**
      * Adds correct event listeners that change the open state.
      * @default click
@@ -11,10 +11,20 @@ export interface PopoverProps extends Omit<OverlayProps, 'arrowDimensions' | 'op
      * @default GAP + ARROW_HEIGHT (3px + 17px)
      */
     offset?: OffsetOptions;
+    /**
+     * If true, popover renders with an illustrative border on the arrow side
+     * and extra arrow padding so the arrow's shoulders stay clear of the
+     * rounded corner on `-start` / `-end` placements.
+     * @default false
+     */
+    withBorder?: boolean;
 }
 export declare const Popover: {
     (props: PopoverProps): import("react/jsx-runtime").JSX.Element;
     Trigger: (props: import('../overlay/overlay-trigger').OverlayTriggerProps) => import("react/jsx-runtime").JSX.Element;
-    Content: (props: import('./popover-content').PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
+    Content: {
+        (props: import('./popover-content').PopoverContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
 };
 export default Popover;

package/src/tedi/components/overlays/popover/popover.es.js

@@ -1,25 +1,27 @@
-import { jsx as i } from "react/jsx-runtime";
-import { Overlay as n } from "../overlay/overlay.es.js";
+import { jsx as r } from "react/jsx-runtime";
+import { Overlay as s } from "../overlay/overlay.es.js";
 import { PopoverContent as m } from "./popover-content.es.js";
-import { PopoverTrigger as p } from "./popover-trigger.es.js";
-const s = 34, c = 17, o = (r) => {
-  const { openWith: t = "click", ...e } = r;
-  return /* @__PURE__ */ i(
-    n,
+import { PopoverContext as p } from "./popover-context.es.js";
+import { PopoverTrigger as R } from "./popover-trigger.es.js";
+const a = 34, c = 17, D = 12, d = 4, t = (e) => {
+  const { openWith: i = "click", withBorder: o = !1, ...n } = e;
+  return /* @__PURE__ */ r(p.Provider, { value: { withBorder: o }, children: /* @__PURE__ */ r(
+    s,
     {
+      ...n,
       arrowDimensions: {
-        width: s,
+        width: a,
         height: c
       },
-      openWith: t,
-      role: "dialog",
-      ...e
+      arrowPadding: o ? D : d,
+      openWith: i,
+      role: "dialog"
     }
-  );
+  ) });
 };
-o.Trigger = p;
-o.Content = m;
+t.Trigger = R;
+t.Content = m;
 export {
-  o as Popover,
-  o as default
+  t as Popover,
+  t as default
 };

package/src/tedi/components/overlays/popover/popover.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-popover":"tedi-popover-8ff01648","tedi-popover--small":"tedi-popover--small-32885e48","tedi-popover--medium":"tedi-popover--medium-5da84c95","tedi-popover--large":"tedi-popover--large-70d97488","tedi-popover__arrow":"tedi-popover__arrow-43ccaae6","tedi-popover__header":"tedi-popover__header-d68faca1","tedi-popover__header--no-title":"tedi-popover__header--no-title-abe089cb"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-popover":"tedi-popover-8ff01648","tedi-popover--small":"tedi-popover--small-32885e48","tedi-popover--medium":"tedi-popover--medium-5da84c95","tedi-popover--large":"tedi-popover--large-70d97488","tedi-popover__arrow":"tedi-popover__arrow-43ccaae6","tedi-popover__arrow--border":"tedi-popover__arrow--border-43347b38","tedi-popover--border":"tedi-popover--border-f542a513","tedi-popover__header":"tedi-popover__header-d68faca1","tedi-popover__header--no-title":"tedi-popover__header--no-title-abe089cb"};exports.default=e;

package/src/tedi/components/overlays/popover/popover.module.scss.es.js

@@ -4,6 +4,8 @@ const e = {
   "tedi-popover--medium": "tedi-popover--medium-5da84c95",
   "tedi-popover--large": "tedi-popover--large-70d97488",
   "tedi-popover__arrow": "tedi-popover__arrow-43ccaae6",
+  "tedi-popover__arrow--border": "tedi-popover__arrow--border-43347b38",
+  "tedi-popover--border": "tedi-popover--border-f542a513",
   "tedi-popover__header": "tedi-popover__header-d68faca1",
   "tedi-popover__header--no-title": "tedi-popover__header--no-title-abe089cb"
 };

package/src/tedi/providers/label-provider/label-provider.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react/jsx-runtime"),x=require("../../../../external/@mui/x-date-pickers/AdapterDayjs/index.cjs.js"),o=require("dayjs"),j=require("dayjs/plugin/isSameOrAfter"),g=require("dayjs/plugin/isSameOrBefore"),k=require("dayjs/plugin/updateLocale"),b=require("react"),d=require("./labels-map.cjs.js");require("dayjs/locale/et");require("dayjs/locale/ru");const P=require("../../../../external/@mui/x-date-pickers/LocalizationProvider/LocalizationProvider.cjs.js");o.extend(k);o.extend(g);o.extend(j);o.updateLocale("en",{weekStart:1});const M=process.env.NODE_ENV==="test",L=b.createContext({getLabel:(u,...a)=>(M||console.error("LabelProvider missing! Application must be wrapped with <LabelProvider>"),u)}),f=u=>{const{labels:a={},children:v,locale:s="en"}=u,l=b.useMemo(()=>{const e={},t=new Set([...Object.keys(d.labelsMap),...Object.keys(a)]);for(const r of t){const n=r,q=d.labelsMap[n]?d.labelsMap[n][s]:void 0,i=a[n]??void 0;let c;i?typeof i=="object"?c=i[s]:c=i:c=void 0,e[n]=c??q??n}return e},[a,s]);o.locale(s);const m=b.useCallback((e,...t)=>{const r=l[e];return r?typeof r=="function"?r(...t):r:(console.error(`Label missing for key "${e}".`),e)},[l]),y=Object.keys(l).reduce((e,t)=>({...e,...t.startsWith("pickers.")?{[t.replace("pickers.","")]:l[t]}:{}}),{});return p.jsx(L.Provider,{value:{getLabel:m},children:p.jsx(P.LocalizationProvider,{dateAdapter:x.AdapterDayjs,dateLibInstance:o,localeText:y,adapterLocale:s,children:v})})};exports.LabelContext=L;exports.LabelProvider=f;exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react/jsx-runtime"),k=require("../../../../external/@mui/x-date-pickers/AdapterDayjs/index.cjs.js"),a=require("dayjs"),E=require("dayjs/plugin/isSameOrAfter"),M=require("dayjs/plugin/isSameOrBefore"),w=require("dayjs/plugin/updateLocale"),o=require("react"),L=require("./labels-map.cjs.js");require("dayjs/locale/et");require("dayjs/locale/ru");const O=require("../../../../external/@mui/x-date-pickers/LocalizationProvider/LocalizationProvider.cjs.js");a.extend(w);a.extend(M);a.extend(E);a.updateLocale("en",{weekStart:1});const m=process.env.NODE_ENV==="test",x=o.createContext({getLabel:(d,...l)=>(m||console.error("LabelProvider missing! Application must be wrapped with <LabelProvider>"),d),setLocale:()=>{m||console.error("LabelProvider missing! Application must be wrapped with <LabelProvider>")},locale:"en"}),y=d=>{const{labels:l={},children:q,locale:b="en"}=d,[e,p]=o.useState(b);o.useEffect(()=>{p(b)},[b]);const c=o.useMemo(()=>{const t={},r=new Set([...Object.keys(L.labelsMap),...Object.keys(l)]);for(const s of r){const n=s,g=L.labelsMap[n]?L.labelsMap[n][e]:void 0,i=l[n]??void 0;let u;i?typeof i=="object"?u=i[e]:u=i:u=void 0,t[n]=u??g??n}return t},[l,e]);o.useEffect(()=>{a.locale(e)},[e]);const f=o.useCallback((t,...r)=>{const s=c[t];return s?typeof s=="function"?s(...r):s:(console.error(`Label missing for key "${t}".`),t)},[c]),j=o.useMemo(()=>({getLabel:f,setLocale:p,locale:e}),[f,p,e]),P=Object.keys(c).reduce((t,r)=>({...t,...r.startsWith("pickers.")?{[r.replace("pickers.","")]:c[r]}:{}}),{});return v.jsx(x.Provider,{value:j,children:v.jsx(O.LocalizationProvider,{dateAdapter:k.AdapterDayjs,dateLibInstance:a,localeText:P,adapterLocale:e,children:q})})};exports.LabelContext=x;exports.LabelProvider=y;exports.default=y;

package/src/tedi/providers/label-provider/label-provider.d.ts

@@ -2,6 +2,8 @@ import { default as React } from 'react';
 import { TediLabelEntryRecord, TediLabels, TediLabelValuesRecord, TediLanguage } from './labels-map';
 export interface ILabelContext {
     getLabel<TKey extends keyof TediLabels, TArgs extends TediLabels[TKey] extends Record<TediLanguage, infer FuncType> ? FuncType extends (...args: infer P) => string ? P : [] : TediLabels[TKey] extends (...args: infer P) => string ? P : []>(key: TKey, ...args: TArgs): string;
+    setLocale: (locale: TediLanguage) => void;
+    locale: TediLanguage;
 }
 export declare const LabelContext: React.Context<ILabelContext>;
 export interface LabelProviderProps<TRecord extends TediLabelEntryRecord<TRecord> = Record<string, never>> {

package/src/tedi/providers/label-provider/label-provider.es.js

@@ -1,58 +1,71 @@
-import { jsx as d } from "react/jsx-runtime";
-import { AdapterDayjs as v } from "../../../../external/@mui/x-date-pickers/AdapterDayjs/index.es.js";
-import o from "dayjs";
-import y from "dayjs/plugin/isSameOrAfter";
-import k from "dayjs/plugin/isSameOrBefore";
-import x from "dayjs/plugin/updateLocale";
-import j, { useMemo as g, useCallback as E } from "react";
-import { labelsMap as p } from "./labels-map.es.js";
+import { jsx as L } from "react/jsx-runtime";
+import { AdapterDayjs as j } from "../../../../external/@mui/x-date-pickers/AdapterDayjs/index.es.js";
+import s from "dayjs";
+import w from "dayjs/plugin/isSameOrAfter";
+import P from "dayjs/plugin/isSameOrBefore";
+import O from "dayjs/plugin/updateLocale";
+import m, { useMemo as v, useCallback as h } from "react";
+import { labelsMap as u } from "./labels-map.es.js";
 import "dayjs/locale/et";
 import "dayjs/locale/ru";
-import { LocalizationProvider as O } from "../../../../external/@mui/x-date-pickers/LocalizationProvider/LocalizationProvider.es.js";
-o.extend(x);
-o.extend(k);
-o.extend(y);
-o.updateLocale("en", {
+import { LocalizationProvider as A } from "../../../../external/@mui/x-date-pickers/LocalizationProvider/LocalizationProvider.es.js";
+s.extend(O);
+s.extend(P);
+s.extend(w);
+s.updateLocale("en", {
   weekStart: 1
 });
-const w = process.env.NODE_ENV === "test", P = j.createContext({
-  getLabel: (m, ...n) => (w || console.error("LabelProvider missing! Application must be wrapped with <LabelProvider>"), m)
-}), I = (m) => {
-  const { labels: n = {}, children: f, locale: s = "en" } = m, i = g(() => {
-    const e = {}, t = /* @__PURE__ */ new Set([...Object.keys(p), ...Object.keys(n)]);
-    for (const r of t) {
-      const a = r, L = p[a] ? p[a][s] : void 0, l = n[a] ?? void 0;
-      let c;
-      l ? typeof l == "object" ? c = l[s] : c = l : c = void 0, e[a] = c ?? L ?? a;
+const y = process.env.NODE_ENV === "test", S = m.createContext({
+  getLabel: (p, ...n) => (y || console.error("LabelProvider missing! Application must be wrapped with <LabelProvider>"), p),
+  setLocale: () => {
+    y || console.error("LabelProvider missing! Application must be wrapped with <LabelProvider>");
+  },
+  locale: "en"
+}), R = (p) => {
+  const { labels: n = {}, children: x, locale: d = "en" } = p, [e, f] = m.useState(d);
+  m.useEffect(() => {
+    f(d);
+  }, [d]);
+  const l = v(() => {
+    const t = {}, r = /* @__PURE__ */ new Set([...Object.keys(u), ...Object.keys(n)]);
+    for (const o of r) {
+      const a = o, g = u[a] ? u[a][e] : void 0, c = n[a] ?? void 0;
+      let i;
+      c ? typeof c == "object" ? i = c[e] : i = c : i = void 0, t[a] = i ?? g ?? a;
     }
-    return e;
-  }, [n, s]);
-  o.locale(s);
-  const u = E(
-    (e, ...t) => {
-      const r = i[e];
-      return r ? typeof r == "function" ? r(...t) : r : (console.error(`Label missing for key "${e}".`), e);
+    return t;
+  }, [n, e]);
+  m.useEffect(() => {
+    s.locale(e);
+  }, [e]);
+  const b = h(
+    (t, ...r) => {
+      const o = l[t];
+      return o ? typeof o == "function" ? o(...r) : o : (console.error(`Label missing for key "${t}".`), t);
     },
-    [i]
-  ), b = Object.keys(i).reduce((e, t) => ({
-    ...e,
-    ...t.startsWith("pickers.") ? {
-      [t.replace("pickers.", "")]: i[t]
+    [l]
+  ), k = v(
+    () => ({ getLabel: b, setLocale: f, locale: e }),
+    [b, f, e]
+  ), E = Object.keys(l).reduce((t, r) => ({
+    ...t,
+    ...r.startsWith("pickers.") ? {
+      [r.replace("pickers.", "")]: l[r]
     } : {}
   }), {});
-  return /* @__PURE__ */ d(P.Provider, { value: { getLabel: u }, children: /* @__PURE__ */ d(
-    O,
+  return /* @__PURE__ */ L(S.Provider, { value: k, children: /* @__PURE__ */ L(
+    A,
     {
-      dateAdapter: v,
-      dateLibInstance: o,
-      localeText: b,
-      adapterLocale: s,
-      children: f
+      dateAdapter: j,
+      dateLibInstance: s,
+      localeText: E,
+      adapterLocale: e,
+      children: x
     }
   ) });
 };
 export {
-  P as LabelContext,
-  I as LabelProvider,
-  I as default
+  S as LabelContext,
+  R as LabelProvider,
+  R as default
 };