@tedi-design-system/react 14.0.0-rc.1

package/src/tedi/helpers/hooks/use-file-upload.es.js

@@ -0,0 +1,80 @@
+import v from "react";
+import { useLabels as H } from "../../providers/label-provider/use-labels.es.js";
+const h = ({ accept: p, maxSize: r }, o) => {
+  if (!p && !r) return;
+  const a = [
+    p && `${o("file-upload.accept")} ${p.replaceAll(",", ", ")}`,
+    r && `${o("file-upload.max-size")} ${r}MB`
+  ].filter(Boolean).join(". ");
+  return a.length ? { text: a } : void 0;
+}, I = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, U = (p) => {
+  const { getLabel: r } = H(), {
+    accept: o,
+    maxSize: a,
+    multiple: j = !1,
+    validateIndividually: w = !1,
+    defaultFiles: E = [],
+    onChange: c,
+    onDelete: u,
+    files: x
+  } = p, m = x !== void 0, [M, y] = v.useState(E), f = m ? x : M, [L, F] = v.useState(
+    h({ accept: o, maxSize: a }, r)
+  ), d = v.useRef(null), R = (t) => {
+    var n;
+    if (!o) return !0;
+    const l = o.split(",").map((e) => e.trim().toLowerCase()), i = t.name.includes(".") ? `.${(n = t.name.split(".").pop()) == null ? void 0 : n.toLowerCase()}` : "", s = t.type.toLowerCase();
+    return l.includes(i) || l.includes(s);
+  }, V = (t) => {
+    const l = t.reduce(
+      (i, { type: s, file: n }) => (i[s].push(n.name), i),
+      { extension: [], size: [] }
+    );
+    return Object.entries(l).filter(([i, s]) => s.length).map(([i, s]) => {
+      const n = s.map((e) => `'${e}'`).join(", ");
+      return r(`file-upload.${i}-rejected`, n);
+    }).join(". ");
+  };
+  return {
+    innerFiles: f,
+    uploadErrorHelper: L,
+    onFileChange: (t) => {
+      if (t.target.files) {
+        const l = Array.from(t.target.files), i = [], s = l.map((e) => {
+          const g = R(e), $ = !a || e.size <= a * 1024 ** 2;
+          g || i.push({ type: "extension", file: e }), $ || i.push({ type: "size", file: e });
+          const z = new File([e], e.name, {
+            type: e.type,
+            lastModified: e.lastModified
+          });
+          return Object.assign(z, {
+            id: I(),
+            isLoading: !1,
+            isValid: g && $
+          });
+        });
+        let n = [];
+        if (!j && s.length > 0)
+          s[0].isValid && (n = [s[0]]);
+        else if (w)
+          n = [...f, ...s];
+        else {
+          const e = s.filter((g) => g.isValid);
+          e.length > 0 && (n = [...f, ...e]);
+        }
+        n.length > 0 && (m || y(n), c == null || c(n)), i.length ? F({ type: "error", text: V(i) }) : F(h({ accept: o, maxSize: a }, r)), d.current && (d.current.value = "");
+      }
+    },
+    onFileRemove: (t) => {
+      const l = f.filter((i) => i !== t);
+      m || y(l), u == null || u(t), c == null || c(l), l.length === 0 && F(h({ accept: o, maxSize: a }, r)), d.current && (d.current.value = "");
+    },
+    handleClear: () => {
+      const t = [...f];
+      return t.forEach((l) => u == null ? void 0 : u(l)), m || y([]), c == null || c([]), F(h({ accept: o, maxSize: a }, r)), d.current && (d.current.value = ""), t;
+    },
+    fileInputRef: d
+  };
+};
+export {
+  U as useFileUpload
+};

package/src/tedi/helpers/hooks/use-is-mounted.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),u=()=>{const[s,e]=t.useState(!1);return t.useEffect(()=>(e(!0),()=>{e(!1)}),[]),s};exports.default=u;exports.useIsMounted=u;

package/src/tedi/helpers/hooks/use-is-mounted.d.ts

@@ -0,0 +1,2 @@
+export declare const useIsMounted: () => boolean;
+export default useIsMounted;

package/src/tedi/helpers/hooks/use-is-mounted.es.js

@@ -0,0 +1,11 @@
+import t from "react";
+const o = () => {
+  const [s, e] = t.useState(!1);
+  return t.useEffect(() => (e(!0), () => {
+    e(!1);
+  }), []), s;
+};
+export {
+  o as default,
+  o as useIsMounted
+};

package/src/tedi/helpers/hooks/use-is-touch-device.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),u=()=>{let e=!1;const[o,i]=r.useState("");return r.useEffect(()=>{let n;return Promise.resolve().then(()=>require("../../../../external/what-input/dist/what-input.cjs.js")).then(t=>t.whatInput).then(t=>{t.registerOnChange(i,"intent"),n=()=>t.unRegisterOnChange(i)}),()=>{n&&n()}},[]),typeof window<"u"&&typeof navigator<"u"&&(window.PointerEvent&&"maxTouchPoints"in navigator?navigator.maxTouchPoints>0&&(e=!0):(window.matchMedia&&window.matchMedia("(any-pointer:coarse)").matches||"ontouchstart"in window)&&(e=!0)),e&&o!=="keyboard"};exports.useIsTouchDevice=u;

package/src/tedi/helpers/hooks/use-is-touch-device.d.ts

@@ -0,0 +1 @@
+export declare const useIsTouchDevice: () => boolean;

package/src/tedi/helpers/hooks/use-is-touch-device.es.js

@@ -0,0 +1,16 @@
+import { useState as o, useEffect as a } from "react";
+const s = () => {
+  let e = !1;
+  const [r, i] = o("");
+  return a(() => {
+    let n;
+    return import("../../../../external/what-input/dist/what-input.es.js").then((t) => t.w).then((t) => {
+      t.registerOnChange(i, "intent"), n = () => t.unRegisterOnChange(i);
+    }), () => {
+      n && n();
+    };
+  }, []), typeof window < "u" && typeof navigator < "u" && (window.PointerEvent && "maxTouchPoints" in navigator ? navigator.maxTouchPoints > 0 && (e = !0) : (window.matchMedia && window.matchMedia("(any-pointer:coarse)").matches || "ontouchstart" in window) && (e = !0)), e && r !== "keyboard";
+};
+export {
+  s as useIsTouchDevice
+};

package/src/tedi/helpers/hooks/use-print.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),d=require("react-dom"),i=()=>{const s=typeof window>"u",[o,e]=r.useState(s?!1:window.matchMedia("print").matches),t=()=>{d.flushSync(()=>{e(!0)})},n=()=>{e(!1)};return r.useEffect(()=>(window.addEventListener("beforeprint",t),window.addEventListener("afterprint",n),()=>{window.removeEventListener("beforeprint",t),window.removeEventListener("afterprint",n)}),[]),o};exports.default=i;exports.usePrint=i;

package/src/tedi/helpers/hooks/use-print.d.ts

@@ -0,0 +1,2 @@
+export declare const usePrint: () => boolean;
+export default usePrint;

package/src/tedi/helpers/hooks/use-print.es.js

@@ -0,0 +1,18 @@
+import r from "react";
+import s from "react-dom";
+const f = () => {
+  const i = typeof window > "u", [o, e] = r.useState(i ? !1 : window.matchMedia("print").matches), t = () => {
+    s.flushSync(() => {
+      e(!0);
+    });
+  }, n = () => {
+    e(!1);
+  };
+  return r.useEffect(() => (window.addEventListener("beforeprint", t), window.addEventListener("afterprint", n), () => {
+    window.removeEventListener("beforeprint", t), window.removeEventListener("afterprint", n);
+  }), []), o;
+};
+export {
+  f as default,
+  f as usePrint
+};

package/src/tedi/helpers/hooks/use-scroll.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../external/lodash-es/throttle.cjs.js"),o=require("react"),n=l=>{const e=l??document.documentElement,[c,r]=o.useState({scrollTop:e.scrollTop,scrollHeight:e.scrollHeight,clientHeight:e.clientHeight});return o.useEffect(()=>{const t=s.default(()=>{r({scrollTop:e.scrollTop,scrollHeight:e.scrollHeight,clientHeight:e.clientHeight})},50);return(l??window).addEventListener("scroll",t),t(),()=>{(l??window).removeEventListener("scroll",t),t.cancel()}},[e,l]),c};exports.useScroll=n;

package/src/tedi/helpers/hooks/use-scroll.d.ts

@@ -0,0 +1,5 @@
+export declare const useScroll: (element?: HTMLElement) => {
+    scrollTop: number;
+    scrollHeight: number;
+    clientHeight: number;
+};

package/src/tedi/helpers/hooks/use-scroll.es.js

@@ -0,0 +1,24 @@
+import r from "../../../../external/lodash-es/throttle.es.js";
+import { useState as s, useEffect as i } from "react";
+const g = (o) => {
+  const l = o ?? document.documentElement, [e, c] = s({
+    scrollTop: l.scrollTop,
+    scrollHeight: l.scrollHeight,
+    clientHeight: l.clientHeight
+  });
+  return i(() => {
+    const t = r(() => {
+      c({
+        scrollTop: l.scrollTop,
+        scrollHeight: l.scrollHeight,
+        clientHeight: l.clientHeight
+      });
+    }, 50);
+    return (o ?? window).addEventListener("scroll", t), t(), () => {
+      (o ?? window).removeEventListener("scroll", t), t.cancel();
+    };
+  }, [l, o]), e;
+};
+export {
+  g as useScroll
+};

package/src/tedi/helpers/hooks/use-sidenav-state.d.ts

@@ -0,0 +1,27 @@
+export declare const useSidenavState: (initialOpen?: boolean) => {
+    menuOpen: boolean;
+    setMenuOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    toggle: () => void;
+    floatingContext: {
+        x: number;
+        y: number;
+        strategy: import("@floating-ui/utils").Strategy;
+        placement: import("@floating-ui/utils").Placement;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+    floatingStyles: import("react").CSSProperties;
+    floatingRef: ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);
+    referenceRef: ((node: import("@floating-ui/react-dom").ReferenceType | null) => void) & ((node: import("@floating-ui/react").ReferenceType | null) => void);
+    getReferenceProps: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null> & import("react").MutableRefObject<import("@floating-ui/react").ReferenceType | null>;
+};

package/src/tedi/helpers/hooks/use-what-input.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function u(){t.useEffect(()=>{Promise.resolve().then(()=>require("../../../../external/what-input/dist/what-input.cjs.js")).then(e=>e.whatInput)},[])}exports.useWhatInput=u;

package/src/tedi/helpers/hooks/use-what-input.d.ts

@@ -0,0 +1,6 @@
+/**
+ * This hook is used to load the what-input library. It is used to detect the input method used by the user (e.g. keyboard, mouse, touch).
+ * It is loaded only once when the component is mounted to avoid loading while SSR.
+ * All the applications should use this hook to load the what-input library. By default it is baked into the <Layout> component.
+ */
+export declare function useWhatInput(): void;

package/src/tedi/helpers/hooks/use-what-input.es.js

@@ -0,0 +1,9 @@
+import e from "react";
+function o() {
+  e.useEffect(() => {
+    import("../../../../external/what-input/dist/what-input.es.js").then((t) => t.w);
+  }, []);
+}
+export {
+  o as useWhatInput
+};

package/src/tedi/helpers/index.d.ts

@@ -0,0 +1,9 @@
+export * from './hooks/use-is-mounted';
+export * from './hooks/use-breakpoint';
+export * from './hooks/use-breakpoint-props';
+export * from './hooks/use-print';
+export * from './hooks/use-element-size';
+export * from './hooks/use-scroll';
+export * from './hooks/use-is-touch-device';
+export * from './hooks/use-file-upload';
+export * from './hooks/use-what-input';

package/src/tedi/helpers/polymorphic/types.d.ts

@@ -0,0 +1,21 @@
+/**
+ * This file should contain only helpers that are used for developing components. They don't get exported separately from component library
+ */
+import React from 'react';
+/**
+ * Types for polymorphic components
+ */
+export type AllowedHTMLTags<C extends React.ElementType, V> = C extends V ? C : never;
+type AsProp<C extends React.ElementType> = {
+    /**
+     * Render as custom component
+     */
+    as?: C;
+};
+type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
+export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
+export type PolymorphicComponentPropWithoutRef<C extends React.ElementType, Props = unknown> = Props & AsProp<C> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+export type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = unknown> = PolymorphicComponentPropWithoutRef<C, Props> & {
+    ref?: PolymorphicRef<C>;
+};
+export {};

package/src/tedi/index.d.ts

@@ -0,0 +1,52 @@
+export * from './components/base/typography/text/text';
+export * from './components/base/typography/heading/heading';
+export * from './components/base/icon/icon';
+export * from './components/content/list';
+export * from './components/content/label/label';
+export * from './components/content/section/section';
+export * from './components/content/heading-with-icon/heading-with-icon';
+export * from './components/content/truncate/truncate';
+export * from './components/content/text-group/text-group';
+export * from './components/loaders/spinner/spinner';
+export * from './components/loaders/skeleton';
+export * from './components/tags/tag/tag';
+export * from './components/tags/status-badge/status-badge';
+export * from './components/buttons/closing-button/closing-button';
+export * from './components/buttons/button/button';
+export * from './components/buttons/info-button/info-button';
+export * from './components/buttons/floating-button/floating-button';
+export * from './components/buttons/button-group/button-group';
+export * from './components/buttons/collapse/collapse';
+export * from './components/layout/vertical-spacing';
+export * from './components/layout/grid';
+export * from './components/notifications/alert/alert';
+export * from './components/notifications/toast/toast';
+export * from './components/cards/card';
+export * from './components/navigation/hash-trigger/hash-trigger';
+export * from './components/navigation/link/link';
+export * from './components/form/textfield/textfield';
+export * from './components/form/textarea/textarea';
+export * from './components/form/number-field/number-field';
+export * from './components/form/feedback-text/feedback-text';
+export * from './components/form/search/search';
+export * from './components/form/radio/radio';
+export * from './components/form/choice-group';
+export * from './components/form/file-upload/file-upload';
+export * from './components/form/file-dropzone/file-dropzone';
+export * from './components/form/select/select';
+export * from './components/form/checkbox/checkbox';
+export * from './components/overlays/tooltip';
+export * from './components/overlays/popover';
+export * from './components/misc/separator/separator';
+export * from './components/misc/print/print';
+export * from './components/misc/stretch-content/stretch-content';
+export * from './components/misc/scroll-visibility/scroll-visibility';
+export * from './components/misc/scroll-fade/scroll-fade';
+export * from './components/misc/affix/affix';
+export * from './components/misc/ellipsis/ellipsis';
+export * from './components/layout/sidenav';
+export * from './helpers';
+export * from './providers/label-provider';
+export * from './providers/style-provider/style-provider';
+export * from './providers/accessibility-provider/accessibility-provider';
+export * from './providers/accessibility-provider/use-declare-loader';

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),b=require("../../helpers/hooks/use-what-input.cjs.js"),n=s.createContext(null),h=u=>{const{children:c}=u;b.useWhatInput();const[r,l]=s.useState([]),[v,d]=s.useState([]),m=s.useContext(n),x=s.useCallback(e=>{l(a=>[...a,e])},[]),p=s.useCallback(e=>{const a=r.find(i=>i.id===e);a&&(l(i=>i.filter(o=>o.id!==e)),d(i=>[...i,a]),setTimeout(()=>{d(i=>i.filter(o=>o.id!==e))},1e3))},[r]);return m?t.jsx(t.Fragment,{children:c}):t.jsxs(n.Provider,{value:{addLoader:x,removeLoader:p},children:[t.jsxs("div",{className:"sr-only",children:[t.jsx("div",{role:"status","aria-live":"polite","aria-atomic":!1,"aria-relevant":"additions",children:r.map(e=>t.jsx("p",{children:e.mountLabel},e.id))}),t.jsx("div",{role:"status","aria-live":"polite","aria-atomic":!1,"aria-relevant":"additions",children:v.map(e=>t.jsx("p",{children:e.unmountLabel},e.id))})]}),c]})};exports.AccessibilityContext=n;exports.AccessibilityProvider=h;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface LoaderObj {
+    id: string;
+    mountLabel?: string;
+    unmountLabel?: string;
+}
+export interface IAccessibilityContext {
+    addLoader: (loader: LoaderObj) => void;
+    removeLoader: (id: string) => void;
+}
+export declare const AccessibilityContext: React.Context<IAccessibilityContext | null>;
+export interface AccessibilityProviderProps {
+    /**
+     * Rest of the App code
+     */
+    children: React.ReactNode;
+}
+/**
+ * By default it is baked into the <Layout> component. When u are not using the layout component
+ * you can use this provider to add the accessibility context to your app.
+ */
+export declare const AccessibilityProvider: (props: AccessibilityProviderProps) => JSX.Element;

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

@@ -0,0 +1,29 @@
+import { jsx as i, jsxs as d, Fragment as L } from "react/jsx-runtime";
+import a from "react";
+import { useWhatInput as x } from "../../helpers/hooks/use-what-input.es.js";
+const m = a.createContext(null), A = (u) => {
+  const { children: l } = u;
+  x();
+  const [r, n] = a.useState([]), [p, c] = a.useState([]), v = a.useContext(m), f = a.useCallback((e) => {
+    n((o) => [...o, e]);
+  }, []), h = a.useCallback(
+    (e) => {
+      const o = r.find((t) => t.id === e);
+      o && (n((t) => t.filter((s) => s.id !== e)), c((t) => [...t, o]), setTimeout(() => {
+        c((t) => t.filter((s) => s.id !== e));
+      }, 1e3));
+    },
+    [r]
+  );
+  return v ? /* @__PURE__ */ i(L, { children: l }) : /* @__PURE__ */ d(m.Provider, { value: { addLoader: f, removeLoader: h }, children: [
+    /* @__PURE__ */ d("div", { className: "sr-only", children: [
+      /* @__PURE__ */ i("div", { role: "status", "aria-live": "polite", "aria-atomic": !1, "aria-relevant": "additions", children: r.map((e) => /* @__PURE__ */ i("p", { children: e.mountLabel }, e.id)) }),
+      /* @__PURE__ */ i("div", { role: "status", "aria-live": "polite", "aria-atomic": !1, "aria-relevant": "additions", children: p.map((e) => /* @__PURE__ */ i("p", { children: e.unmountLabel }, e.id)) })
+    ] }),
+    l
+  ] });
+};
+export {
+  m as AccessibilityContext,
+  A as AccessibilityProvider
+};

package/src/tedi/providers/accessibility-provider/use-declare-loader.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),a=require("./accessibility-provider.cjs.js"),l=(c,o,d)=>{const e=r.useContext(a.AccessibilityContext),t=r.useRef(),i=r.useRef(),u=r.useId();e||console.error("AccessibilityContext does not exist"),r.useEffect(()=>{t.current=e==null?void 0:e.addLoader,i.current=e==null?void 0:e.removeLoader},[e==null?void 0:e.addLoader,e==null?void 0:e.removeLoader]),r.useEffect(()=>{if(e&&c&&o){const n=setTimeout(()=>{var s;(s=t.current)==null||s.call(t,{id:u,mountLabel:c,unmountLabel:o})},d);return()=>{var s;clearTimeout(n),(s=i.current)==null||s.call(i,u)}}},[])};exports.useDeclareLoader=l;

package/src/tedi/providers/accessibility-provider/use-declare-loader.d.ts

@@ -0,0 +1,2 @@
+declare const useDeclareLoader: (mountLabel: string, unmountLabel: string, delay?: number) => void;
+export { useDeclareLoader };

package/src/tedi/providers/accessibility-provider/use-declare-loader.es.js

@@ -0,0 +1,22 @@
+import r from "react";
+import { AccessibilityContext as n } from "./accessibility-provider.es.js";
+const l = (i, u, d) => {
+  const e = r.useContext(n), t = r.useRef(), o = r.useRef(), c = r.useId();
+  e || console.error("AccessibilityContext does not exist"), r.useEffect(() => {
+    t.current = e == null ? void 0 : e.addLoader, o.current = e == null ? void 0 : e.removeLoader;
+  }, [e == null ? void 0 : e.addLoader, e == null ? void 0 : e.removeLoader]), r.useEffect(() => {
+    if (e && i && u) {
+      const f = setTimeout(() => {
+        var s;
+        (s = t.current) == null || s.call(t, { id: c, mountLabel: i, unmountLabel: u });
+      }, d);
+      return () => {
+        var s;
+        clearTimeout(f), (s = o.current) == null || s.call(o, c);
+      };
+    }
+  }, []);
+};
+export {
+  l as useDeclareLoader
+};

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

@@ -0,0 +1,3 @@
+export * from './use-labels';
+export * from './label-provider';
+export * from './labels-map';

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

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

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import { TediLabelEntryRecord, TediLabels, TediLabelValuesRecord, TediLanguage } from './labels-map';
+import 'dayjs/locale/et';
+import 'dayjs/locale/ru';
+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;
+}
+export declare const LabelContext: React.Context<ILabelContext>;
+export interface LabelProviderProps<TRecord extends TediLabelEntryRecord<TRecord> = Record<string, never>> {
+    /**
+     * Global labels that are use in components. If omitted then default labels are used based on `locale` prop.
+     * If both props are omitted then English translations are used by default
+     */
+    labels?: TRecord | TediLabelValuesRecord;
+    /**
+     * Currently used locale. Supported languages are:<br />
+     * et - Estonian<br />
+     * en - English<br />
+     * ru - Russian
+     * @default en
+     */
+    locale?: TediLanguage;
+    /**
+     * Rest of the App code
+     */
+    children: React.ReactNode;
+}
+export declare const LabelProvider: <TRecord extends TediLabelEntryRecord<TRecord>>(props: LabelProviderProps<TRecord>) => JSX.Element;
+export default LabelProvider;

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

@@ -0,0 +1,58 @@
+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 "../../../../external/dayjs/dayjs.min.es.js";
+import y from "../../../../external/dayjs/plugin/isSameOrAfter.es.js";
+import k from "../../../../external/dayjs/plugin/isSameOrBefore.es.js";
+import x from "../../../../external/dayjs/plugin/updateLocale.es.js";
+import j, { useMemo as g, useCallback as E } from "react";
+import { labelsMap as p } from "./labels-map.es.js";
+import "../../../../external/dayjs/locale/et.es.js";
+import "../../../../external/dayjs/locale/ru.es.js";
+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", {
+  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;
+    }
+    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);
+    },
+    [i]
+  ), b = Object.keys(i).reduce((e, t) => ({
+    ...e,
+    ...t.startsWith("pickers.") ? {
+      [t.replace("pickers.", "")]: i[t]
+    } : {}
+  }), {});
+  return /* @__PURE__ */ d(P.Provider, { value: { getLabel: u }, children: /* @__PURE__ */ d(
+    O,
+    {
+      dateAdapter: v,
+      dateLibInstance: o,
+      localeText: b,
+      adapterLocale: s,
+      children: f
+    }
+  ) });
+};
+export {
+  P as LabelContext,
+  I as LabelProvider,
+  I as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=e=>e,a=e=>e,r=e=>e,n="https://github.com/mui/mui-x/blob/HEAD/packages/x-date-pickers/src/locales/utils/pickersLocaleTextApi.ts",l=i({close:{description:"Used for closing",components:["CloseButton","Collapse","Notification","FileUpload","Dropdown","Tooltip"],et:"Sulge",en:"Close",ru:"Закрыть"},open:{description:"Used for opening",components:["Collapse"],et:"Ava",en:"Open",ru:"Открыть"},remove:{description:"Used for removing",components:["FileUpload"],et:"Eemalda",en:"Remove",ru:"Удалить"},cancel:{description:"For canceling an action",components:["TableFilter"],et:"Tühista",en:"Cancel",ru:"Отмена"},clear:{description:"For clearing a value",components:["TableFilter","TextField"],et:"Tühjenda",en:"Clear",ru:"Очистить"},search:{description:"For searching",components:["TableFilter"],et:"Otsi",en:"Search",ru:"Поиск"},required:{description:"Required field",components:["TableFilter"],et:"Kohustuslik väli",en:"Required field",ru:"Обязательное поле"},breadcrumbs:{description:"Breadcrumbs navigation label",components:["Breadcrumbs"],et:"Jäljerida",en:"Breadcrumbs",ru:"Навигационная цепочка"},"anchor.new-tab":{description:"Label for when anchor opens in new tab",components:["Anchor"],et:"Avaneb uuel vahelehel",en:"Opens in new tab",ru:"Открывается в новой вкладке"},"header.toggle":{description:"Label for header toggle on mobile",components:["Header"],et:e=>e?"Sulge menüü":"Ava menüü",en:e=>e?"Close menu":"Open menu",ru:e=>e?"Закрыть меню":"Открыть меню"},"header.settings":{description:"Label for HeaderSettings Button",components:["HeaderSettings"],et:"Seaded",en:"Settings",ru:"Настройки"},"header.select-lang":{description:"Label for HeaderLanguage label and Modal Heading",components:["HeaderLanguage"],et:"Keel:",en:"Language:",ru:"Язык:"},"header.role-label":{description:"Label for Role selection",components:["HeaderRole"],et:"Mina esindan:",en:"I represent:",ru:"я представляю:"},"header.login":{description:"Label for login button",components:["Header"],et:"Sisene portaali",en:"Log in",ru:"авторизоваться"},"header.logout":{description:"Label for logout button",components:["Header"],et:"Logi välja",en:"Log out",ru:"Выйти"},"header.logo":{description:"Alt Label for logo",components:["Header"],et:"Logo",en:"Logo",ru:"Логотип"},"file-upload.add":{description:"Label for add file button",components:["FileUpload"],et:"Lisa manus",en:"Add attachment",ru:"Загрузить файл"},"file-upload.accept":{description:"Default label for file extensions",components:["FileUpload"],et:"Lubatud faililaiendid:",en:"Allowed file extensions:",ru:"Разрешенные расширения файлов:"},"file-upload.max-size":{description:"Default label for file size restriction",components:["FileUpload"],et:"Maksimaalne suurus:",en:"Maximum size:",ru:"Максимальный размер:"},"file-upload.size-rejected":{description:"Error label for rejected size",components:["FileUpload"],et:e=>`Fail(id) ${e} on liiga suured`,en:e=>`File(s) ${e} are too large`,ru:e=>`Файл(ы) ${e} слишком велики`},"file-upload.extension-rejected":{description:"Error label for rejected extension",components:["FileUpload"],et:e=>`Fail(id) ${e} on vale laiendiga`,en:e=>`File(s) ${e} have the wrong extension`,ru:e=>`Файл(ы) ${e} имеют неправильное расширение`},"file-dropzone.label":{description:"Default label for dropzone",components:["FileDropzone"],et:"Lohista failid siia või klõpsa, et sirvida",en:"Drop files here, or click to browse",ru:"Перетащите файлы сюда или нажмите, чтобы выбрать"},"modal.close":{description:"Label for modals close button",components:["Modal"],et:"Sulge modaal",en:"Close modal",ru:"Закрыть модальное окно"},"select.loading":{description:"Text when select options are loading",components:["select"],et:"Laadimine...",en:"Loading...",ru:"Загрузка..."},"select.no-options":{description:"Text when select has no options",components:["select"],et:"Valikud puuduvad",en:"No options",ru:"Нет вариантов"},"stepper.completed":{description:"Label for screen-reader that this step is completed (visually hidden)",components:["StepperNav"],et:"Lõpetatud",en:"Completed",ru:"Завершено"},"stepper.not-completed":{description:"Label for screen-reader that this step is not completed (visually hidden)",components:["StepperNav"],et:"Lõpetamata",en:"Not completed",ru:"Не завершено"},"skeleton.loading":{description:"Announced by screen-readers when skeleton is loading",components:["Skeleton"],et:"Laadimine",en:"Loading",ru:"Загрузка"},"skeleton.loading-completed":{description:"Announced by screen-readers when skeleton has completed loading",components:["Skeleton"],et:"Laadimine lõpetatud",en:"Loading completed",ru:"Загрузка завершена"},"spinner.loading":{description:"Announced by screen-readers when spinner is loading",components:["Spinner"],et:"Laadimine",en:"Loading",ru:"Загрузка"},"table.loading":{description:"Shown when table is loading",components:["Table"],et:"Tabel laeb",en:"Table is loading",ru:"Таблица загружается"},"table.empty":{description:"Shown when table is empty",components:["Table"],et:"Tulemused puuduvad",en:"No results",ru:"Нет результатов"},"table.error":{description:"Shown when table is in error state",components:["Table"],et:"Tabeli andmete pärimisel tekkis viga",en:"An error occurred while retrieving table data",ru:"Произошла ошибка при получении данных таблицы"},"table.filter":{description:"Label for filter toggle",components:["Table","TableFilter"],et:"Filtreeri",en:"Filter",ru:"Фильтровать"},"table.filter.select-all":{description:"Label for selecting all",components:["Table","TableFilter"],et:"Vali kõik",en:"Select all",ru:"Выбрать все"},"table.filter.remove-all":{description:"Label for removing all",components:["Table","TableFilter"],et:"Eemalda kõik",en:"Remove all",ru:"Удалить все"},"table.filter.no-options":{description:"When select filter has no options",components:["Table","TableFilter"],et:"Valikud puuduvad",en:"No options",ru:"Нет вариантов"},"table.filter.validation.no-spaces":{description:"Filter validation error - Text can not start with spaces",components:["Table","TableFilter"],et:"Tekst ei tohi alata tühikutega",en:"Filter text cant start with spaces",ru:"Текст фильтра не может начинаться с пробелов"},"table.filter.validation.min-length":{description:"Filter validation error - Text is too short",components:["Table","TableFilter"],et:e=>e===1?`Sisesta vähemalt ${e} tähemärk`:`Sisesta vähemalt ${e} tähemärki`,en:e=>e===1?`Min length is ${e} char`:`Min length is ${e} chars`,ru:e=>e===1?`Минимальная длина ${e} знак`:`Минимальная длина ${e} знаков`},"table.filter.validation.to-before-from":{description:"Filter validation error - End date is before start date",components:["Table","TableFilter"],et:"Lõppkuupäev on enne alguskuupäeva",en:"End date must be after start date",ru:"Дата окончания предшествует дате начала"},"table.filter.from":{description:"Label for date filter from",components:["Table","TableFilter"],et:"Kuupäev alates",en:"Date from",ru:"Дата с"},"table.filter.to":{description:"Label for date filter until",components:["Table","TableFilter"],et:"Kuupäev kuni",en:"Date until",ru:"Дата до"},"table.toggle-sub-row":{description:"Toggle sub row button (Visually hidden)",components:["Table"],et:e=>e?"Sulge alamrida":"Ava alamrida",en:e=>e?"Close subrow":"Open subrow",ru:e=>e?"Закрыть подстроку":"Открыть подстроку"},"table.select-all":{description:"Row selection - Label for check in table header",components:["Table"],et:e=>e?"Eemalda kõik":"Vali kõik",en:e=>e?"Deselect all":"Select all",ru:e=>e?"Убрать выделение со всего":"Выбрать все"},"table.select-row":{description:"Row selection - Label for check in table row",components:["Table"],et:e=>e?"Eemalda rida":"Vali rida",en:e=>e?"Deselect row":"Select row",ru:e=>e?"Отменить выбор строки":"Выбрать ряд"},"table.sort":{description:"Label for sort button",components:["Table"],et:e=>e==="asc"?"Sorteeri kahanevalt":e==="desc"?"Eemalda sorteerimine":"Sorteeri kasvavalt",en:e=>e==="asc"?"Sort decending":e==="desc"?"Remove sorting":"Sort ascending",ru:e=>e==="asc"?"Сортировать по убыванию":e==="desc"?"Отменить сортировку":"Сортировать по возрастанию"},"tooltip.icon-trigger":{description:"Label we use for icons that are tooltip triggers",components:["TooltipTrigger"],et:"Kuva tööriistavihje",en:"Show tooltip",ru:"Показать подсказку"},"pagination.title":{description:"Label of the pagination",components:["Table","Pagination"],et:"Pagineerimine",en:"Pagination",ru:"Страницы"},"pagination.page":{description:"Label of individual page numbers",components:["Table","Pagination"],et:(e,t)=>t?`Aktiivne leht, leht ${e}`:`Mine lehele ${e}`,en:(e,t)=>t?`Current page, page ${e}`:`Go to page ${e}`,ru:(e,t)=>t?`Текущая страница, страница ${e}`:`Перейти на страницу ${e}`},"pagination.prev-page":{description:"Previous page button label",components:["Table","Pagination"],et:"Eelmine leht",en:"Previous page",ru:"Предыдущая страница"},"pagination.next-page":{description:"Next page button label",components:["Table","Pagination"],et:"Järgmine leht",en:"Next page",ru:"Следущая страница"},"pagination.results":{description:"Total results text",components:["Table","Pagination"],et:e=>e===1?"tulemus":"tulemust",en:e=>e===1?"result":"results",ru:e=>e===1?"результат":"результа"},"pagination.page-size":{description:"Label of page size select",components:["Table","Pagination"],et:"Lehe suurus",en:"Page size",ru:"Размер страницы"},"table-of-contents.title":{description:"Title of the table of contents",components:["TableOfContents"],et:"Sisukord",en:"Table of contents",ru:"Содержание"},"table-of-contents.valid":{description:"Number of valid steps",components:["TableOfContents"],et:e=>`${e} valiidsed`,en:e=>`${e} valid`,ru:e=>`${e} действительны`},"table-of-contents.invalid":{description:"Number of invalid steps",components:["TableOfContents"],et:e=>`${e} mitte valiidne`,en:e=>`${e} invalid`,ru:e=>`${e} неверный`},"truncate.see-more":{description:"See more button label",components:["Truncate"],et:"Näita rohkem",en:"Show more",ru:"Показать больше"},"truncate.see-less":{description:"See less button label",components:["Truncate"],et:"Näita vähem",en:"Show less",ru:"Скрыть"},"vertical-progress.edit":{description:"Edit button label",components:["VerticalProgressItem"],et:"Muuda",en:"Edit",ru:"редактировать"},"pickers.previousMonth":{description:`Translation for ${n}`,components:["Pickers"],et:"Eelmine kuu",en:"Previous month",ru:"Прошлый месяц"},"pickers.nextMonth":{description:`Translation for ${n}`,components:["Pickers"],et:"Järgmine kuu",en:"Next month",ru:"Следующий месяц"},"pickers.openPreviousView":{description:`Translation for ${n}`,components:["Pickers"],et:"Ava eelmine vaade",en:"Open previous view",ru:"Открыть предыдущий вид"},"pickers.openNextView":{description:`Translation for ${n}`,components:["Pickers"],et:"Ava järgmine vaade",en:"Open next view",ru:"Открыть следующий вид"},"pickers.cancelButtonLabel":{description:`Translation for ${n}`,components:["Pickers"],et:"Tühista",en:"Cancel",ru:"Отмена"},"pickers.clearButtonLabel":{description:`Translation for ${n}`,components:["Pickers"],et:"Tühjenda",en:"Clear",ru:"Очистить"},"pickers.okButtonLabel":{description:`Translation for ${n}`,components:["Pickers"],et:"Kinnita",en:"Confirm",ru:"Подтвердить"},"pickers.todayButtonLabel":{description:`Translation for ${n}`,components:["Pickers"],et:"Täna",en:"Today",ru:" Сегодня"},"pickers.start":{description:`Translation for ${n}`,components:["Pickers"],et:"Algus",en:"Start",ru:"Начало"},"pickers.end":{description:`Translation for ${n}`,components:["Pickers"],et:"Lõpp",en:"End",ru:"Конец"},"pickers.calendarViewSwitchingButtonAriaLabel":{description:`Translation for ${n}`,components:["Pickers"],et:e=>e==="day"?"Kalendri vaade on lahti, lülitu aasta vaatesse":e==="month"?"Kuu vaade on lahti, lülitu aasta vaatesse":"Aasta vaade on lahti, lülitu kalendri vaatesse",en:e=>e==="day"?"Calendar view is open, switch to year view":e==="month"?"Month view is open, switch to year view":"Year view is open, switch to calendar view",ru:e=>e==="day"?"Открыт календарный вид, переключиться на годовой вид":e==="month"?"Открыт месячный вид, переключиться на месячный вид":"Открыт годовой вид, переключиться на календарный вид"},"pickers.inputModeToggleButtonAriaLabel":{description:`Translation for ${n}`,components:["Pickers"],et:(e,t)=>e?`Teksti välja vaade on lahti, mine ${t==="calendar"?"kalendri":"kella"} vaatesse`:`${t==="calendar"?"Kalendri":"Kella"} vaade on lahti, mine teksti välja vaatesse`,en:(e,t)=>e?`Text input view is open, go to ${t==="calendar"?"calendar":"clock"} view`:`${t==="calendar"?"Calendar":"Clock"} view is open, go to text input view`,ru:(e,t)=>e?`Вид ввода текста открыт, перейти к виду ${t==="calendar"?"календаря":"времени"}`:`Вид ${t==="calendar"?"календаря":"времени"} открыт, перейти к виду ввода текста`},"pickers.clockLabelText":{description:`Translation for ${n}`,components:["Pickers"],et:(e,t,o)=>`Vali ${e==="hours"?"tunnid":e==="minutes"?"minutid":"sekundid"}. ${t===null?"Aega pole valitud":`Valitud aeg on ${o.format(t,"fullTime")}`}`,en:(e,t,o)=>`Select ${e==="hours"?"hours":e==="minutes"?"minutes":"seconds"}. ${t===null?"No time selected":`Selected time is ${o.format(t,"fullTime")}`}`,ru:(e,t,o)=>`Выбрать ${e==="hours"?"часы":e==="minutes"?"минуты":"секунды"}. ${t===null?"Время не выбрано":`Выбранное время ${o.format(t,"fullTime")}`}`},"pickers.hoursClockNumberText":{description:`Translation for ${n}`,components:["Pickers"],et:e=>`${e} tundi`,en:e=>`${e} hours`,ru:e=>`${e} часов`},"pickers.minutesClockNumberText":{description:`Translation for ${n}`,components:["Pickers"],et:e=>`${e} minutit`,en:e=>`${e} minutes`,ru:e=>`${e} минут`},"pickers.secondsClockNumberText":{description:`Translation for ${n}`,components:["Pickers"],et:e=>`${e} sekundit`,en:e=>`${e} seconds`,ru:e=>`${e} секунд`},"pickers.openDatePickerDialogue":{description:`Translation for ${n}`,components:["Pickers"],et:(e,t)=>e!==null&&t.isValid(e)?`Vali kuupäev, valitud kuupäev on ${t.format(e,"fullDate")}`:"Vali kuupäev",en:(e,t)=>e!==null&&t.isValid(e)?`Choose date, selected date is ${t.format(e,"fullDate")}`:"Choose date",ru:(e,t)=>e!==null&&t.isValid(e)?`Выберите дату, выбранная дата ${t.format(e,"fullDate")}`:"Выберите дату"},"pickers.openTimePickerDialogue":{description:`Translation for ${n}`,components:["Pickers"],et:(e,t)=>e!==null&&t.isValid(e)?`Vali kellaaeg, valitud kellaaeg on ${t.format(e,"fullTime")}`:"Vali kellaaeg",en:(e,t)=>e!==null&&t.isValid(e)?`Choose time, selected time is ${t.format(e,"fullTime")}`:"Choose time",ru:(e,t)=>e!==null&&t.isValid(e)?`Выберите время, выбранное время ${t.format(e,"fullTime")}`:"Выберите время"},"pickers.timeTableLabel":{description:`Translation for ${n}`,components:["Pickers"],et:"Vali kellaaeg",en:"Pick time",ru:"Выберите время"},"pickers.dateTableLabel":{description:`Translation for ${n}`,components:["Pickers"],et:"Vali kuupäev",en:"Pick date",ru:"Выберите дату"},"pickers.datePickerDefaultToolbarTitle":{description:`Translation for ${n}`,components:["Pickers"],et:"Vali kuupäev",en:"Pick date",ru:"Выберите дату"},"pickers.dateTimePickerDefaultToolbarTitle":{description:`Translation for ${n}`,components:["Pickers"],et:"Vali kuupäev ja kellaaeg",en:"Pick date and time",ru:"Выберите время и дату"},"pickers.timePickerDefaultToolbarTitle":{description:`Translation for ${n}`,components:["Pickers"],et:"Vali kellaaeg",en:"Pick time",ru:"Выберите время"},"pickers.dateRangePickerDefaultToolbarTitle":{description:`Translation for ${n}`,components:["Pickers"],et:"Vali kuupäeva vahemik",en:"Pick date range",ru:"Выберите даты"},"footer.title":{description:"Label for screen-reader for footer navigation title",components:["Footer"],et:"Jalus",en:"Footer",ru:"Нижний колонтитул"},"numberField.decrement":{description:"Label for screen-reader for number field decrease button",components:["NumberField"],et:e=>`Vähenda ${e} võrra`,en:e=>`Decrease by ${e}`,ru:e=>`Уменьшить на ${e}`},"numberField.increment":{description:"Label for screen-reader for number field increase button",components:["NumberField"],et:e=>`Suurenda ${e} võrra`,en:e=>`Increase by ${e}`,ru:e=>`Увеличить на ${e}`},"numberField.quantityUpdated":{description:"Label for screen-reader when quantity get updated by button click",components:["NumberField"],et:e=>`Uuendatud. Uus väärtus ${e}`,en:e=>`Updated. New value ${e}`,ru:e=>`Ууэндатуд. Уус вяэртус ${e}`},"sidenav.backToMainMenu":{description:"Side navigation label",components:["Sidenav"],et:"Peamenüüsse",en:"Back to main menu",ru:"Назад в главное меню"},"sidenav.backtoMenu":{description:"Side navigation label",components:["Sidenav"],et:"menüüsse",en:"menu",ru:"меню"}});exports.labelsMap=l;exports.validateLabelRecord=a;exports.validateLabelValues=r;