@tedi-design-system/react 18.0.0-rc.1 → 18.0.0-rc.11

package/src/tedi/components/content/calendar/calendar.es.js

@@ -1,106 +1,107 @@
-import { jsxs as E, jsx as i, Fragment as F } from "react/jsx-runtime";
-import O from "../../../../../external/classnames/index.es.js";
+import { jsxs as P, jsx as o, Fragment as H } from "react/jsx-runtime";
+import u from "../../../../../external/classnames/index.es.js";
 import r from "./calendar.module.scss.es.js";
-import { CalendarHeader as P } from "./components/calendar-header/calendar-header.es.js";
-import { MonthGrid as C } from "./components/calendar-month-grid/calendar-month-grid.es.js";
-import { YearGrid as H } from "./components/calendar-year-grid/calendar-year-grid.es.js";
-import { DayPicker as U } from "../../../../../external/react-day-picker/dist/esm/DayPicker.es.js";
-import { et as q } from "../../../../../external/react-day-picker/dist/esm/locale/et.es.js";
-const z = ({
-  view: m = "days",
-  selectionLevel: p = "days",
-  currentMonth: c,
+import { CalendarHeader as U } from "./components/calendar-header/calendar-header.es.js";
+import { MonthGrid as q } from "./components/calendar-month-grid/calendar-month-grid.es.js";
+import { YearGrid as z } from "./components/calendar-year-grid/calendar-year-grid.es.js";
+import { DayPicker as B } from "../../../../../external/react-day-picker/dist/esm/DayPicker.es.js";
+import { et as I } from "../../../../../external/react-day-picker/dist/esm/locale/et.es.js";
+const J = ({
+  view: c = "days",
+  selectionLevel: f = "days",
+  currentMonth: l,
   setCurrentMonth: n,
-  setView: o = () => "days",
+  setView: i = () => "days",
   mode: S = "single",
-  value: d,
-  locale: u = q,
-  localeCode: g = "et-EE",
-  showOutsideDays: b = !0,
-  disabledMatchers: k,
-  required: G,
-  availableDays: a,
+  value: a,
+  locale: k = I,
+  localeCode: p = "et-EE",
+  showOutsideDays: G = !0,
+  disabledMatchers: Y,
+  required: x,
+  availableDays: d,
   unavailableDays: t,
-  footer: N,
-  monthYearSelectType: Y,
-  handleSelect: x,
-  applyValue: y,
-  showNavigation: l = !0,
-  className: _,
-  ...j
+  footer: C,
+  monthYearSelectType: j,
+  handleSelect: w,
+  applyValue: g,
+  showNavigation: m = !0,
+  className: y,
+  bordered: E = !0,
+  ...F
 }) => {
-  const h = (e) => a ? Array.isArray(a) ? a.some((f) => f.toDateString() === e.toDateString()) : a(e) : !0, A = (e) => t ? Array.isArray(t) ? t.some((f) => f.toDateString() === e.toDateString()) : t(e) : !1, s = [
-    ...k ?? [],
-    ...a ? [(e) => !h(e)] : [],
-    ...t ? [(e) => A(e)] : []
-  ], w = (() => {
+  const h = E ? void 0 : r["tedi-calendar--borderless"], A = u(h, y), N = (e) => d ? Array.isArray(d) ? d.some((_) => _.toDateString() === e.toDateString()) : d(e) : !0, b = (e) => t ? Array.isArray(t) ? t.some((_) => _.toDateString() === e.toDateString()) : t(e) : !1, s = [
+    ...Y ?? [],
+    ...d ? [(e) => !N(e)] : [],
+    ...t ? [(e) => b(e)] : []
+  ], O = (() => {
     switch (S) {
       case "multiple":
-        return { mode: "multiple", selected: Array.isArray(d) ? d : void 0 };
+        return { mode: "multiple", selected: Array.isArray(a) ? a : void 0 };
       case "range":
         return {
           mode: "range",
-          selected: d && !Array.isArray(d) && !(d instanceof Date) ? d : void 0
+          selected: a && !Array.isArray(a) && !(a instanceof Date) ? a : void 0
         };
       default:
-        return { mode: "single", selected: d instanceof Date ? d : void 0 };
+        return { mode: "single", selected: a instanceof Date ? a : void 0 };
     }
   })();
-  return /* @__PURE__ */ E("div", { className: r["tedi-calendar__wrapper"], children: [
-    m === "years" && /* @__PURE__ */ i(
-      H,
+  return /* @__PURE__ */ P("div", { className: r["tedi-calendar__wrapper"], children: [
+    c === "years" && /* @__PURE__ */ o(
+      z,
       {
-        currentMonth: c,
+        currentMonth: l,
         onNavigate: n,
-        showNavigation: l,
+        showNavigation: m,
         onSelectYear: (e) => {
-          n(e), p === "years" ? y(new Date(e.getFullYear(), 0, 1)) : o("months");
+          n(e), f === "years" ? g(new Date(e.getFullYear(), 0, 1)) : i("months");
         },
-        className: _
+        className: A
       }
     ),
-    m === "months" && /* @__PURE__ */ i(
-      C,
+    c === "months" && /* @__PURE__ */ o(
+      q,
       {
-        currentMonth: c,
+        currentMonth: l,
         onNavigate: n,
-        showNavigation: l,
-        localeCode: g,
+        showNavigation: m,
+        localeCode: p,
         onSelectMonth: (e) => {
-          n(e), p === "months" ? y(e) : o("days");
+          n(e), f === "months" ? g(e) : i("days");
         },
-        className: _
+        className: A
       }
     ),
-    m === "days" && /* @__PURE__ */ i(
-      U,
+    c === "days" && /* @__PURE__ */ o(
+      B,
       {
-        ...j,
-        ...w,
-        locale: u,
-        month: c,
+        ...F,
+        ...O,
+        locale: k,
+        month: l,
         onMonthChange: n,
-        showOutsideDays: b,
+        showOutsideDays: G,
         disabled: s.length ? s : void 0,
-        required: G,
+        required: x,
         components: {
-          MonthCaption: (e) => /* @__PURE__ */ i(
-            P,
+          MonthCaption: (e) => /* @__PURE__ */ o(
+            U,
             {
               ...e,
-              monthYearSelectType: Y,
-              onOpenMonthGrid: () => o("months"),
-              onOpenYearGrid: () => o("years"),
-              showNavigation: l,
-              localeCode: g,
+              monthYearSelectType: j,
+              onOpenMonthGrid: () => i("months"),
+              onOpenYearGrid: () => i("years"),
+              showNavigation: m,
+              localeCode: p,
               disabledMatchers: s.length ? s : void 0
             }
           ),
-          Nav: () => /* @__PURE__ */ i(F, {})
+          Nav: () => /* @__PURE__ */ o(H, {})
         },
-        footer: N,
+        footer: C,
         classNames: {
-          root: O(r["tedi-calendar"], _),
+          root: u(r["tedi-calendar"], h, y),
           month_caption: r["tedi-calendar__caption"],
           head: r["tedi-calendar__head"],
           row: r["tedi-calendar__row"],
@@ -119,19 +120,19 @@ const z = ({
           week_number: r["tedi-calendar__week-number"]
         },
         modifiers: {
-          available: (e) => a ? h(e) : !1,
-          unavailable: (e) => t ? A(e) : !1
+          available: (e) => d ? N(e) : !1,
+          unavailable: (e) => t ? b(e) : !1
         },
         modifiersClassNames: {
           available: r["tedi-calendar__available-day"],
           unavailable: r["tedi-calendar__unavailable-day"]
         },
-        onSelect: x
+        onSelect: w
       }
     )
   ] });
 };
-z.displayName = "Calendar";
+J.displayName = "Calendar";
 export {
-  z as Calendar
+  J as Calendar
 };

package/src/tedi/components/content/calendar/calendar.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-calendar__picker-grid-container":"tedi-calendar__picker-grid-container-1b2bfc55","tedi-calendar__week-number":"tedi-calendar__week-number-c1a67f28","tedi-calendar__day":"tedi-calendar__day-baa13412","tedi-calendar__weekday":"tedi-calendar__weekday-9dce46ba","tedi-calendar":"tedi-calendar-a8c2a0a4","tedi-calendar__months-container":"tedi-calendar__months-container-793f3f7b","tedi-calendar__month":"tedi-calendar__month-b0e4d350","tedi-calendar__footer":"tedi-calendar__footer-bb297fb5","tedi-calendar__head":"tedi-calendar__head-bbd962e1","tedi-calendar__disabled":"tedi-calendar__disabled-30620859","tedi-calendar__day--selected":"tedi-calendar__day--selected-9f3dc090","tedi-calendar__today":"tedi-calendar__today-fa050850","tedi-calendar__available-day":"tedi-calendar__available-day-a0b09cf3","tedi-calendar__unavailable-day":"tedi-calendar__unavailable-day-05d8742d","tedi-calendar__range-middle":"tedi-calendar__range-middle-fa3459d1","tedi-calendar__range-start":"tedi-calendar__range-start-aaf20ea3","tedi-calendar__range-end":"tedi-calendar__range-end-097f2a3b","tedi-calendar__outside-days":"tedi-calendar__outside-days-703857de","tedi-calendar__picker-grid":"tedi-calendar__picker-grid-9b167adf","tedi-calendar__picker-grid-header":"tedi-calendar__picker-grid-header-30f8748f","tedi-calendar__picker--no-navigation":"tedi-calendar__picker--no-navigation-695a34ca","tedi-calendar__grid-button":"tedi-calendar__grid-button-889a2a85","tedi-calendar__grid-button--selected":"tedi-calendar__grid-button--selected-2019301b"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-calendar__picker-grid-container":"tedi-calendar__picker-grid-container-1b2bfc55","tedi-calendar__week-number":"tedi-calendar__week-number-c1a67f28","tedi-calendar__day":"tedi-calendar__day-baa13412","tedi-calendar__weekday":"tedi-calendar__weekday-9dce46ba","tedi-calendar":"tedi-calendar-a8c2a0a4","tedi-calendar--borderless":"tedi-calendar--borderless-22d5d627","tedi-calendar__months-container":"tedi-calendar__months-container-793f3f7b","tedi-calendar__month":"tedi-calendar__month-b0e4d350","tedi-calendar__footer":"tedi-calendar__footer-bb297fb5","tedi-calendar__head":"tedi-calendar__head-bbd962e1","tedi-calendar__disabled":"tedi-calendar__disabled-30620859","tedi-calendar__day--selected":"tedi-calendar__day--selected-9f3dc090","tedi-calendar__today":"tedi-calendar__today-fa050850","tedi-calendar__available-day":"tedi-calendar__available-day-a0b09cf3","tedi-calendar__unavailable-day":"tedi-calendar__unavailable-day-05d8742d","tedi-calendar__range-middle":"tedi-calendar__range-middle-fa3459d1","tedi-calendar__range-start":"tedi-calendar__range-start-aaf20ea3","tedi-calendar__range-end":"tedi-calendar__range-end-097f2a3b","tedi-calendar__outside-days":"tedi-calendar__outside-days-703857de","tedi-calendar__picker-grid":"tedi-calendar__picker-grid-9b167adf","tedi-calendar__picker-grid-header":"tedi-calendar__picker-grid-header-30f8748f","tedi-calendar__picker--no-navigation":"tedi-calendar__picker--no-navigation-695a34ca","tedi-calendar__grid-button":"tedi-calendar__grid-button-889a2a85","tedi-calendar__grid-button--selected":"tedi-calendar__grid-button--selected-2019301b"};exports.default=e;

package/src/tedi/components/content/calendar/calendar.module.scss.es.js

@@ -1,9 +1,10 @@
-const a = {
+const e = {
   "tedi-calendar__picker-grid-container": "tedi-calendar__picker-grid-container-1b2bfc55",
   "tedi-calendar__week-number": "tedi-calendar__week-number-c1a67f28",
   "tedi-calendar__day": "tedi-calendar__day-baa13412",
   "tedi-calendar__weekday": "tedi-calendar__weekday-9dce46ba",
   "tedi-calendar": "tedi-calendar-a8c2a0a4",
+  "tedi-calendar--borderless": "tedi-calendar--borderless-22d5d627",
   "tedi-calendar__months-container": "tedi-calendar__months-container-793f3f7b",
   "tedi-calendar__month": "tedi-calendar__month-b0e4d350",
   "tedi-calendar__footer": "tedi-calendar__footer-bb297fb5",
@@ -24,5 +25,5 @@ const a = {
   "tedi-calendar__grid-button--selected": "tedi-calendar__grid-button--selected-2019301b"
 };
 export {
-  a as default
+  e as default
 };

package/src/tedi/components/content/calendar/components/calendar-header/calendar-header.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("../../../../../../../external/classnames/index.cjs.js"),x=require("react"),w=require("../../../../base/icon/icon.cjs.js"),i=require("../../../../buttons/button/button.cjs.js"),r=require("./calendar-header.module.scss.cjs.js"),T=require("../../../../../../../external/react-day-picker/dist/esm/types/deprecated.cjs.js"),I=require("../../../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.cjs.js"),l=require("../../../../overlays/dropdown/dropdown.cjs.js"),L=require("../../../../../providers/label-provider/use-labels.cjs.js");function H({calendarMonth:S,monthYearSelectType:q="dropdown",onOpenMonthGrid:N,onOpenYearGrid:v,showNavigation:p=!0,localeCode:m,disabledMatchers:o}){const f=q==="grid",{getLabel:s}=L.useLabels(),{goToMonth:u,nextMonth:j,previousMonth:D}=T.useNavigation(),d=S.date,c=d.getFullYear(),k=d.getMonth(),C=Array.from({length:12},(n,t)=>new Date(c,t,1).toLocaleString(m,{month:"long"})),F=new Date().getFullYear(),h=Array.from({length:21},(n,t)=>F-10+t),_=x.useCallback((n,t)=>{if(!(o!=null&&o.length))return!1;const a=new Date(n);for(;a<=t;){if(!I.dateMatchModifiers(a,o))return!1;a.setDate(a.getDate()+1)}return!0},[o]),Y=x.useMemo(()=>{if(!(o!=null&&o.length))return new Set;const n=new Set;for(let t=0;t<12;t++){const a=new Date(c,t,1),g=new Date(c,t+1,0);_(a,g)&&n.add(t)}return n},[o,c,_]),B=x.useMemo(()=>{if(!(o!=null&&o.length))return new Set;const n=new Set;for(const t of h){const a=new Date(t,0,1),g=new Date(t,11,31);_(a,g)&&n.add(t)}return n},[o,h,_]);return e.jsxs("div",{className:y.default(r.default["tedi-calendar__header"],{[r.default["tedi-calendar__no-navigation"]]:!p}),children:[p&&e.jsx(i.Button,{type:"button",onClick:()=>D&&u(D),"aria-label":s("pickers.previousMonth"),icon:"arrow_back",visualType:"neutral",children:s("pickers.previousMonth")}),f?e.jsxs(e.Fragment,{children:[e.jsxs(i.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],onClick:N,children:[d.toLocaleString(m,{month:"long"}),e.jsx(w.Icon,{name:"arrow_drop_down",color:"tertiary",className:r.default["tedi-calendar__month-year-caret"]})]}),e.jsxs(i.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],onClick:v,children:[d.getFullYear(),e.jsx(w.Icon,{name:"arrow_drop_down",color:"tertiary",className:r.default["tedi-calendar__month-year-caret"]})]})]}):e.jsxs(e.Fragment,{children:[e.jsxs(l.Dropdown,{className:y.default(r.default["tedi-calendar__month-year-dropdown"],{[r.default["tedi-calendar__picker-grid-dropdown"]]:f}),width:"auto",children:[e.jsx(l.Dropdown.Trigger,{children:e.jsxs(i.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],children:[d.toLocaleString(m,{month:"long"}),e.jsx(w.Icon,{name:"arrow_drop_down",color:"tertiary",className:r.default["tedi-calendar__month-year-caret"],"data-testid":"tedi-icon-arrow_drop_down"})]})}),e.jsx(l.Dropdown.Content,{children:C.map((n,t)=>e.jsx(l.Dropdown.Item,{index:t,active:k===t,disabled:Y.has(t),onClick:()=>u(new Date(c,t)),children:n},n))})]}),e.jsxs(l.Dropdown,{className:y.default(r.default["tedi-calendar__month-year-dropdown"],{[r.default["tedi-calendar__picker-grid-dropdown"]]:f}),width:"auto",children:[e.jsx(l.Dropdown.Trigger,{children:e.jsxs(i.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],children:[d.getFullYear(),e.jsx(w.Icon,{name:"arrow_drop_down",color:"tertiary",className:r.default["tedi-calendar__month-year-caret"],"data-testid":"tedi-icon-arrow_drop_down"})]})}),e.jsx(l.Dropdown.Content,{children:h.map((n,t)=>e.jsx(l.Dropdown.Item,{index:t,active:c===n,disabled:B.has(n),onClick:()=>u(new Date(n,k)),children:n},n))})]})]}),p&&e.jsx(i.Button,{type:"button",onClick:()=>j&&u(j),visualType:"neutral","aria-label":s("pickers.nextMonth"),icon:"arrow_forward",children:s("pickers.nextMonth")})]})}exports.CalendarHeader=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("../../../../../../../external/classnames/index.cjs.js"),j=require("react"),m=require("../../../../base/icon/icon.cjs.js"),c=require("../../../../buttons/button/button.cjs.js"),r=require("./calendar-header.module.scss.cjs.js"),B=require("../../../../../../../external/react-day-picker/dist/esm/types/deprecated.cjs.js"),T=require("../../../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.cjs.js"),l=require("../../../../overlays/dropdown/dropdown.cjs.js"),L=require("../../../../../providers/label-provider/use-labels.cjs.js");function A({calendarMonth:S,monthYearSelectType:v="dropdown",onOpenMonthGrid:q,onOpenYearGrid:N,showNavigation:p=!0,localeCode:f,disabledMatchers:o}){const g=v==="grid",{getLabel:u}=L.useLabels(),{goToMonth:_,nextMonth:D,previousMonth:k}=B.useNavigation(),i=S.date,a=i.getFullYear(),h=i.getMonth(),C=Array.from({length:12},(n,t)=>new Date(a,t,1).toLocaleString(f,{month:"long"})),F=new Date().getFullYear(),s=Array.from({length:21},(n,t)=>F-10+t),w=j.useCallback((n,t)=>{if(!(o!=null&&o.length))return!1;const d=new Date(n);for(;d<=t;){if(!T.dateMatchModifiers(d,o))return!1;d.setDate(d.getDate()+1)}return!0},[o]),I=j.useMemo(()=>{if(!(o!=null&&o.length))return new Set;const n=new Set;for(let t=0;t<12;t++){const d=new Date(a,t,1),x=new Date(a,t+1,0);w(d,x)&&n.add(t)}return n},[o,a,w]),Y=j.useMemo(()=>{if(!(o!=null&&o.length))return new Set;const n=new Set;for(const t of s){const d=new Date(t,0,1),x=new Date(t,11,31);w(d,x)&&n.add(t)}return n},[o,s,w]);return e.jsxs("div",{className:y.default(r.default["tedi-calendar__header"],{[r.default["tedi-calendar__no-navigation"]]:!p}),children:[p&&e.jsx(c.Button,{type:"button",onClick:()=>k&&_(k),"aria-label":u("pickers.previousMonth"),icon:"arrow_back",visualType:"neutral",children:u("pickers.previousMonth")}),g?e.jsxs(e.Fragment,{children:[e.jsxs(c.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],onClick:q,"data-testid":"tedi-calendar-month-trigger",children:[i.toLocaleString(f,{month:"long"}),e.jsx(m.Icon,{name:"arrow_drop_down",color:"tertiary",className:r.default["tedi-calendar__month-year-caret"]})]}),e.jsxs(c.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],onClick:N,"data-testid":"tedi-calendar-year-trigger",children:[i.getFullYear(),e.jsx(m.Icon,{name:"arrow_drop_down",color:"tertiary",className:r.default["tedi-calendar__month-year-caret"]})]})]}):e.jsxs(e.Fragment,{children:[e.jsxs(l.Dropdown,{className:y.default(r.default["tedi-calendar__month-year-dropdown"],{[r.default["tedi-calendar__picker-grid-dropdown"]]:g}),width:"auto",defaultActiveIndex:h,children:[e.jsx(l.Dropdown.Trigger,{children:e.jsxs(c.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],children:[i.toLocaleString(f,{month:"long"}),e.jsx(m.Icon,{name:"arrow_drop_down",color:"tertiary",className:r.default["tedi-calendar__month-year-caret"],"data-testid":"tedi-icon-arrow_drop_down"})]})}),e.jsx(l.Dropdown.Content,{children:C.map((n,t)=>e.jsx(l.Dropdown.Item,{index:t,active:h===t,disabled:I.has(t),onClick:()=>_(new Date(a,t)),children:n},n))})]}),e.jsxs(l.Dropdown,{className:y.default(r.default["tedi-calendar__month-year-dropdown"],{[r.default["tedi-calendar__picker-grid-dropdown"]]:g}),width:"auto",defaultActiveIndex:s.indexOf(a)===-1?void 0:s.indexOf(a),children:[e.jsx(l.Dropdown.Trigger,{children:e.jsxs(c.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],children:[i.getFullYear(),e.jsx(m.Icon,{name:"arrow_drop_down",color:"tertiary",className:r.default["tedi-calendar__month-year-caret"],"data-testid":"tedi-icon-arrow_drop_down"})]})}),e.jsx(l.Dropdown.Content,{children:s.map((n,t)=>e.jsx(l.Dropdown.Item,{index:t,active:a===n,disabled:Y.has(n),onClick:()=>_(new Date(n,h)),children:n},n))})]})]}),p&&e.jsx(c.Button,{type:"button",onClick:()=>D&&_(D),visualType:"neutral","aria-label":u("pickers.nextMonth"),icon:"arrow_forward",children:u("pickers.nextMonth")})]})}exports.CalendarHeader=A;

package/src/tedi/components/content/calendar/components/calendar-header/calendar-header.es.js

@@ -1,159 +1,179 @@
-import { jsxs as a, jsx as o, Fragment as v } from "react/jsx-runtime";
-import k from "../../../../../../../external/classnames/index.es.js";
-import { useCallback as B, useMemo as C } from "react";
-import { Icon as u } from "../../../../base/icon/icon.es.js";
+import { jsxs as a, jsx as o, Fragment as x } from "react/jsx-runtime";
+import D from "../../../../../../../external/classnames/index.es.js";
+import { useCallback as O, useMemo as N } from "react";
+import { Icon as w } from "../../../../base/icon/icon.es.js";
 import { Button as s } from "../../../../buttons/button/button.es.js";
-import t from "./calendar-header.module.scss.es.js";
-import { useNavigation as G } from "../../../../../../../external/react-day-picker/dist/esm/types/deprecated.es.js";
-import { dateMatchModifiers as H } from "../../../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.es.js";
-import { Dropdown as l } from "../../../../overlays/dropdown/dropdown.es.js";
-import { useLabels as R } from "../../../../../providers/label-provider/use-labels.es.js";
+import r from "./calendar-header.module.scss.es.js";
+import { useNavigation as B } from "../../../../../../../external/react-day-picker/dist/esm/types/deprecated.es.js";
+import { dateMatchModifiers as G } from "../../../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.es.js";
+import { Dropdown as c } from "../../../../overlays/dropdown/dropdown.es.js";
+import { useLabels as H } from "../../../../../providers/label-provider/use-labels.es.js";
 function W({
-  calendarMonth: x,
+  calendarMonth: C,
   monthYearSelectType: Y = "dropdown",
   onOpenMonthGrid: F,
   onOpenYearGrid: T,
-  showNavigation: w = !0,
+  showNavigation: g = !0,
   localeCode: h,
   disabledMatchers: n
 }) {
-  const g = Y === "grid", { getLabel: m } = R(), { goToMonth: _, nextMonth: D, previousMonth: S } = G(), c = x.date, d = c.getFullYear(), N = c.getMonth(), L = Array.from(
+  const f = Y === "grid", { getLabel: _ } = H(), { goToMonth: u, nextMonth: S, previousMonth: v } = B(), d = C.date, i = d.getFullYear(), y = d.getMonth(), A = Array.from(
     { length: 12 },
-    (r, e) => new Date(d, e, 1).toLocaleString(h, { month: "long" })
-  ), j = (/* @__PURE__ */ new Date()).getFullYear(), y = Array.from({ length: 21 }, (r, e) => j - 10 + e), p = B(
-    (r, e) => {
+    (t, e) => new Date(i, e, 1).toLocaleString(h, { month: "long" })
+  ), I = (/* @__PURE__ */ new Date()).getFullYear(), m = Array.from({ length: 21 }, (t, e) => I - 10 + e), p = O(
+    (t, e) => {
       if (!(n != null && n.length)) return !1;
-      const i = new Date(r);
-      for (; i <= e; ) {
-        if (!H(i, n)) return !1;
-        i.setDate(i.getDate() + 1);
+      const l = new Date(t);
+      for (; l <= e; ) {
+        if (!G(l, n)) return !1;
+        l.setDate(l.getDate() + 1);
       }
       return !0;
     },
     [n]
-  ), A = C(() => {
+  ), L = N(() => {
     if (!(n != null && n.length)) return /* @__PURE__ */ new Set();
-    const r = /* @__PURE__ */ new Set();
+    const t = /* @__PURE__ */ new Set();
     for (let e = 0; e < 12; e++) {
-      const i = new Date(d, e, 1), f = new Date(d, e + 1, 0);
-      p(i, f) && r.add(e);
+      const l = new Date(i, e, 1), k = new Date(i, e + 1, 0);
+      p(l, k) && t.add(e);
     }
-    return r;
-  }, [n, d, p]), I = C(() => {
+    return t;
+  }, [n, i, p]), j = N(() => {
     if (!(n != null && n.length)) return /* @__PURE__ */ new Set();
-    const r = /* @__PURE__ */ new Set();
-    for (const e of y) {
-      const i = new Date(e, 0, 1), f = new Date(e, 11, 31);
-      p(i, f) && r.add(e);
+    const t = /* @__PURE__ */ new Set();
+    for (const e of m) {
+      const l = new Date(e, 0, 1), k = new Date(e, 11, 31);
+      p(l, k) && t.add(e);
     }
-    return r;
-  }, [n, y, p]);
+    return t;
+  }, [n, m, p]);
   return /* @__PURE__ */ a(
     "div",
     {
-      className: k(t["tedi-calendar__header"], {
-        [t["tedi-calendar__no-navigation"]]: !w
+      className: D(r["tedi-calendar__header"], {
+        [r["tedi-calendar__no-navigation"]]: !g
       }),
       children: [
-        w && /* @__PURE__ */ o(
+        g && /* @__PURE__ */ o(
           s,
           {
             type: "button",
-            onClick: () => S && _(S),
-            "aria-label": m("pickers.previousMonth"),
+            onClick: () => v && u(v),
+            "aria-label": _("pickers.previousMonth"),
             icon: "arrow_back",
             visualType: "neutral",
-            children: m("pickers.previousMonth")
+            children: _("pickers.previousMonth")
           }
         ),
-        g ? /* @__PURE__ */ a(v, { children: [
-          /* @__PURE__ */ a(s, { noStyle: !0, className: t["tedi-calendar__month-year-selector"], onClick: F, children: [
-            c.toLocaleString(h, { month: "long" }),
-            /* @__PURE__ */ o(u, { name: "arrow_drop_down", color: "tertiary", className: t["tedi-calendar__month-year-caret"] })
-          ] }),
-          /* @__PURE__ */ a(s, { noStyle: !0, className: t["tedi-calendar__month-year-selector"], onClick: T, children: [
-            c.getFullYear(),
-            /* @__PURE__ */ o(u, { name: "arrow_drop_down", color: "tertiary", className: t["tedi-calendar__month-year-caret"] })
-          ] })
-        ] }) : /* @__PURE__ */ a(v, { children: [
+        f ? /* @__PURE__ */ a(x, { children: [
           /* @__PURE__ */ a(
-            l,
+            s,
             {
-              className: k(t["tedi-calendar__month-year-dropdown"], {
-                [t["tedi-calendar__picker-grid-dropdown"]]: g
+              noStyle: !0,
+              className: r["tedi-calendar__month-year-selector"],
+              onClick: F,
+              "data-testid": "tedi-calendar-month-trigger",
+              children: [
+                d.toLocaleString(h, { month: "long" }),
+                /* @__PURE__ */ o(w, { name: "arrow_drop_down", color: "tertiary", className: r["tedi-calendar__month-year-caret"] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ a(
+            s,
+            {
+              noStyle: !0,
+              className: r["tedi-calendar__month-year-selector"],
+              onClick: T,
+              "data-testid": "tedi-calendar-year-trigger",
+              children: [
+                d.getFullYear(),
+                /* @__PURE__ */ o(w, { name: "arrow_drop_down", color: "tertiary", className: r["tedi-calendar__month-year-caret"] })
+              ]
+            }
+          )
+        ] }) : /* @__PURE__ */ a(x, { children: [
+          /* @__PURE__ */ a(
+            c,
+            {
+              className: D(r["tedi-calendar__month-year-dropdown"], {
+                [r["tedi-calendar__picker-grid-dropdown"]]: f
               }),
               width: "auto",
+              defaultActiveIndex: y,
               children: [
-                /* @__PURE__ */ o(l.Trigger, { children: /* @__PURE__ */ a(s, { noStyle: !0, className: t["tedi-calendar__month-year-selector"], children: [
-                  c.toLocaleString(h, { month: "long" }),
+                /* @__PURE__ */ o(c.Trigger, { children: /* @__PURE__ */ a(s, { noStyle: !0, className: r["tedi-calendar__month-year-selector"], children: [
+                  d.toLocaleString(h, { month: "long" }),
                   /* @__PURE__ */ o(
-                    u,
+                    w,
                     {
                       name: "arrow_drop_down",
                       color: "tertiary",
-                      className: t["tedi-calendar__month-year-caret"],
+                      className: r["tedi-calendar__month-year-caret"],
                       "data-testid": "tedi-icon-arrow_drop_down"
                     }
                   )
                 ] }) }),
-                /* @__PURE__ */ o(l.Content, { children: L.map((r, e) => /* @__PURE__ */ o(
-                  l.Item,
+                /* @__PURE__ */ o(c.Content, { children: A.map((t, e) => /* @__PURE__ */ o(
+                  c.Item,
                   {
                     index: e,
-                    active: N === e,
-                    disabled: A.has(e),
-                    onClick: () => _(new Date(d, e)),
-                    children: r
+                    active: y === e,
+                    disabled: L.has(e),
+                    onClick: () => u(new Date(i, e)),
+                    children: t
                   },
-                  r
+                  t
                 )) })
               ]
             }
           ),
           /* @__PURE__ */ a(
-            l,
+            c,
             {
-              className: k(t["tedi-calendar__month-year-dropdown"], {
-                [t["tedi-calendar__picker-grid-dropdown"]]: g
+              className: D(r["tedi-calendar__month-year-dropdown"], {
+                [r["tedi-calendar__picker-grid-dropdown"]]: f
               }),
               width: "auto",
+              defaultActiveIndex: m.indexOf(i) === -1 ? void 0 : m.indexOf(i),
               children: [
-                /* @__PURE__ */ o(l.Trigger, { children: /* @__PURE__ */ a(s, { noStyle: !0, className: t["tedi-calendar__month-year-selector"], children: [
-                  c.getFullYear(),
+                /* @__PURE__ */ o(c.Trigger, { children: /* @__PURE__ */ a(s, { noStyle: !0, className: r["tedi-calendar__month-year-selector"], children: [
+                  d.getFullYear(),
                   /* @__PURE__ */ o(
-                    u,
+                    w,
                     {
                       name: "arrow_drop_down",
                       color: "tertiary",
-                      className: t["tedi-calendar__month-year-caret"],
+                      className: r["tedi-calendar__month-year-caret"],
                       "data-testid": "tedi-icon-arrow_drop_down"
                     }
                   )
                 ] }) }),
-                /* @__PURE__ */ o(l.Content, { children: y.map((r, e) => /* @__PURE__ */ o(
-                  l.Item,
+                /* @__PURE__ */ o(c.Content, { children: m.map((t, e) => /* @__PURE__ */ o(
+                  c.Item,
                   {
                     index: e,
-                    active: d === r,
-                    disabled: I.has(r),
-                    onClick: () => _(new Date(r, N)),
-                    children: r
+                    active: i === t,
+                    disabled: j.has(t),
+                    onClick: () => u(new Date(t, y)),
+                    children: t
                   },
-                  r
+                  t
                 )) })
               ]
             }
           )
         ] }),
-        w && /* @__PURE__ */ o(
+        g && /* @__PURE__ */ o(
           s,
           {
             type: "button",
-            onClick: () => D && _(D),
+            onClick: () => S && u(S),
             visualType: "neutral",
-            "aria-label": m("pickers.nextMonth"),
+            "aria-label": _("pickers.nextMonth"),
             icon: "arrow_forward",
-            children: m("pickers.nextMonth")
+            children: _("pickers.nextMonth")
           }
         )
       ]

package/src/tedi/components/content/table/index.d.ts

@@ -0,0 +1,6 @@
+export * from './table';
+export * from './table-context';
+export * from './use-table-persistence';
+export * from './table-columns-menu/table-columns-menu';
+export * from './table-header-button/table-header-button';
+export * from './table-toolbar/table-toolbar';

package/src/tedi/components/content/table/table-columns-menu/table-columns-menu.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("../../../buttons/button/button.cjs.js"),m=require("../../../form/checkbox/checkbox.cjs.js"),j=require("../../../overlays/dropdown/dropdown.cjs.js"),q=require("../../../overlays/dropdown/dropdown-content/dropdown-content.cjs.js"),T=require("../../../overlays/dropdown/dropdown-item/dropdown-item.cjs.js"),f=require("../../../overlays/dropdown/dropdown-trigger/dropdown-trigger.cjs.js"),w=require("../table-context.cjs.js"),L=require("../../../../providers/label-provider/use-labels.cjs.js"),r=({triggerLabel:i,className:l})=>{const{table:d,id:c}=w.useTableContext(),{getLabel:a}=L.useLabels(),u=i??a("table.columns"),o=d.getAllLeafColumns().filter(e=>e.getCanHide()),b=o.filter(e=>e.getIsVisible()).length,g=e=>{const n=e.columnDef.header;return typeof n=="string"?n:e.id};return t.jsxs(j.Dropdown,{placement:"bottom-end",children:[t.jsx(f.DropdownTrigger,{children:t.jsx(x.Button,{type:"button",visualType:"neutral",iconLeft:"tune",className:l,children:u})}),t.jsx(q.DropdownContent,{children:o.map(e=>{const n=e.getIsVisible(),h=n&&b===1,s=`${c}-columns-menu-${e.id}`,p=g(e);return t.jsx(T.DropdownItem,{asChild:!0,closeOnSelect:!1,children:t.jsx("div",{onClick:C=>C.stopPropagation(),children:t.jsx(m.Checkbox,{id:s,name:s,label:p,value:e.id,checked:n,disabled:h,onChange:()=>e.toggleVisibility()})})},e.id)})})]})};r.displayName="Table.ColumnsMenu";exports.TableColumnsMenu=r;

package/src/tedi/components/content/table/table-columns-menu/table-columns-menu.d.ts

@@ -0,0 +1,15 @@
+export interface TableColumnsMenuProps {
+    /**
+     * Trigger label. Falls back to the localised `table.columns` label from
+     * `LabelProvider` when not provided.
+     */
+    triggerLabel?: React.ReactNode;
+    /**
+     * Additional class name on the dropdown trigger button.
+     */
+    className?: string;
+}
+export declare const TableColumnsMenu: {
+    ({ triggerLabel, className }: TableColumnsMenuProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/src/tedi/components/content/table/table-columns-menu/table-columns-menu.es.js

@@ -0,0 +1,37 @@
+import { jsxs as h, jsx as t } from "react/jsx-runtime";
+import { Button as g } from "../../../buttons/button/button.es.js";
+import { Checkbox as C } from "../../../form/checkbox/checkbox.es.js";
+import { Dropdown as L } from "../../../overlays/dropdown/dropdown.es.js";
+import { DropdownContent as v } from "../../../overlays/dropdown/dropdown-content/dropdown-content.es.js";
+import { DropdownItem as x } from "../../../overlays/dropdown/dropdown-item/dropdown-item.es.js";
+import { DropdownTrigger as T } from "../../../overlays/dropdown/dropdown-trigger/dropdown-trigger.es.js";
+import { useTableContext as y } from "../table-context.es.js";
+import { useLabels as D } from "../../../../providers/label-provider/use-labels.es.js";
+const V = ({ triggerLabel: n, className: s }) => {
+  const { table: l, id: a } = y(), { getLabel: d } = D(), m = n ?? d("table.columns"), i = l.getAllLeafColumns().filter((e) => e.getCanHide()), c = i.filter((e) => e.getIsVisible()).length, b = (e) => {
+    const o = e.columnDef.header;
+    return typeof o == "string" ? o : e.id;
+  };
+  return /* @__PURE__ */ h(L, { placement: "bottom-end", children: [
+    /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(g, { type: "button", visualType: "neutral", iconLeft: "tune", className: s, children: m }) }),
+    /* @__PURE__ */ t(v, { children: i.map((e) => {
+      const o = e.getIsVisible(), p = o && c === 1, r = `${a}-columns-menu-${e.id}`, u = b(e);
+      return /* @__PURE__ */ t(x, { asChild: !0, closeOnSelect: !1, children: /* @__PURE__ */ t("div", { onClick: (f) => f.stopPropagation(), children: /* @__PURE__ */ t(
+        C,
+        {
+          id: r,
+          name: r,
+          label: u,
+          value: e.id,
+          checked: o,
+          disabled: p,
+          onChange: () => e.toggleVisibility()
+        }
+      ) }) }, e.id);
+    }) })
+  ] });
+};
+V.displayName = "Table.ColumnsMenu";
+export {
+  V as TableColumnsMenu
+};

package/src/tedi/components/content/table/table-context.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),n=t.createContext(null);function o(){const e=t.useContext(n);if(!e)throw new Error("TableContext missing — wrap the component in <Table>.");return e}exports.TableContext=n;exports.useTableContext=o;

package/src/tedi/components/content/table/table-context.d.ts

@@ -0,0 +1,3 @@
+import { TableContextValue } from './table';
+export declare const TableContext: import('react').Context<TableContextValue<unknown> | null>;
+export declare function useTableContext<TData = unknown>(): TableContextValue<TData>;

package/src/tedi/components/content/table/table-context.es.js

@@ -0,0 +1,11 @@
+import { createContext as e, useContext as n } from "react";
+const o = e(null);
+function x() {
+  const t = n(o);
+  if (!t) throw new Error("TableContext missing — wrap the component in <Table>.");
+  return t;
+}
+export {
+  o as TableContext,
+  x as useTableContext
+};

package/src/tedi/components/content/table/table-header-button/table-header-button.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),m=require("../../../../../../external/classnames/index.cjs.js"),q=require("react"),h=require("../../../base/icon/icon.cjs.js"),a=require("./table-header-button.module.scss.cjs.js"),e=q.forwardRef(({icon:o,filled:r=!1,selected:u=!1,disabled:n,onClick:l,className:d,iconSize:s=18,type:i="button",children:c,...b},f)=>t.jsxs("button",{...b,ref:f,type:i,disabled:n,onClick:l,className:m.default(a.default["tedi-table-header-button"],{[a.default["tedi-table-header-button--selected"]]:u},d),children:[c,t.jsx(h.Icon,{name:o,filled:r,color:"inherit",size:s})]}));e.displayName="TableHeaderButton";exports.TableHeaderButton=e;exports.default=e;