@tedi-design-system/react 18.0.0-rc.3 → 18.0.0-rc.30

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

@@ -0,0 +1,51 @@
+import { jsx as m } from "react/jsx-runtime";
+import C from "../../../../../external/classnames/index.es.js";
+import e from "react";
+import R from "./accordion.module.scss.es.js";
+import { AccordionContext as g } from "./accordion-context.es.js";
+import { AccordionItem as M } from "./accordion-item/accordion-item.es.js";
+import { useBreakpointProps as N } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+const u = (c) => {
+  const { getCurrentBreakpointProps: f } = N(c.defaultServerBreakpoint), {
+    children: p,
+    className: v,
+    allowMultiple: t = !1,
+    defaultExpanded: a = !1,
+    itemGap: i,
+    ...x
+  } = f(c), k = i !== void 0 ? { "--tedi-accordion-item-gap": `${i}rem` } : void 0, r = e.useRef(/* @__PURE__ */ new Map()), s = e.useRef(t);
+  s.current = t;
+  const l = e.useCallback((o, n) => (r.current.set(o, n), () => {
+    r.current.delete(o);
+  }), []), d = e.useCallback((o) => {
+    s.current || r.current.forEach((n, A) => {
+      A !== o && n(!1);
+    });
+  }, []), y = e.useMemo(
+    () => ({
+      allowMultiple: t,
+      defaultExpanded: a,
+      notifyExpanded: d,
+      register: l
+    }),
+    [t, a, d, l]
+  );
+  return /* @__PURE__ */ m(g.Provider, { value: y, children: /* @__PURE__ */ m(
+    "div",
+    {
+      "data-name": "accordion",
+      "data-testid": "tedi-accordion",
+      ...x,
+      className: C(R["tedi-accordion"], v),
+      style: k,
+      children: p
+    }
+  ) });
+};
+u.displayName = "Accordion";
+const I = Object.assign(u, {
+  Item: M
+});
+export {
+  I as Accordion
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-accordion":"tedi-accordion-3008127b","tedi-accordion__item":"tedi-accordion__item-c42537a8","tedi-accordion__item--selected":"tedi-accordion__item--selected-39cde887","tedi-accordion-item-header":"tedi-accordion-item-header-4a087734","tedi-accordion__item--expanded":"tedi-accordion__item--expanded-ce6f4283","tedi-accordion-item-content":"tedi-accordion-item-content-64aa3ef4","tedi-accordion__icon-card":"tedi-accordion__icon-card-9281697b","tedi-accordion-item-header--with-icon-card":"tedi-accordion-item-header--with-icon-card-7faff869","tedi-accordion-item-content--with-icon-card":"tedi-accordion-item-content--with-icon-card-1d759b0e","tedi-accordion-item-header--expanded":"tedi-accordion-item-header--expanded-449f0882","tedi-accordion-item-header--hoverable":"tedi-accordion-item-header--hoverable-5a372e7b","tedi-accordion-item-header__trigger":"tedi-accordion-item-header__trigger-6164d1c8","tedi-accordion-item-header--disabled":"tedi-accordion-item-header--disabled-5532ac3a","tedi-accordion-item-header__title-main":"tedi-accordion-item-header__title-main-2222462a","tedi-accordion-item-header__expand-indicator":"tedi-accordion-item-header__expand-indicator-b9c89257","tedi-accordion-item-header__heading-wrapper":"tedi-accordion-item-header__heading-wrapper-d419d1f0","tedi-accordion-item-header__start":"tedi-accordion-item-header__start-5c55e3cc","tedi-accordion-item-header__title":"tedi-accordion-item-header__title-678c469e","tedi-accordion-item-header__title--with-description":"tedi-accordion-item-header__title--with-description-3f5a3f28","tedi-accordion-item-header__title--grow":"tedi-accordion-item-header__title--grow-30e8c5c7","tedi-accordion-item-header__icon":"tedi-accordion-item-header__icon-4ca47f34","tedi-accordion-item-header__expand-indicator--with-label":"tedi-accordion-item-header__expand-indicator--with-label-c274165b","tedi-accordion-item-header__icon--expanded":"tedi-accordion-item-header__icon--expanded-6e63d6cf","tedi-accordion-item-header__icon--no-label":"tedi-accordion-item-header__icon--no-label-95a984be","tedi-accordion-item-content__inner":"tedi-accordion-item-content__inner-cbfa362f","tedi-accordion__item--with-icon-card":"tedi-accordion__item--with-icon-card-9af46a70"};exports.default=e;

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

@@ -0,0 +1,31 @@
+const e = {
+  "tedi-accordion": "tedi-accordion-3008127b",
+  "tedi-accordion__item": "tedi-accordion__item-c42537a8",
+  "tedi-accordion__item--selected": "tedi-accordion__item--selected-39cde887",
+  "tedi-accordion-item-header": "tedi-accordion-item-header-4a087734",
+  "tedi-accordion__item--expanded": "tedi-accordion__item--expanded-ce6f4283",
+  "tedi-accordion-item-content": "tedi-accordion-item-content-64aa3ef4",
+  "tedi-accordion__icon-card": "tedi-accordion__icon-card-9281697b",
+  "tedi-accordion-item-header--with-icon-card": "tedi-accordion-item-header--with-icon-card-7faff869",
+  "tedi-accordion-item-content--with-icon-card": "tedi-accordion-item-content--with-icon-card-1d759b0e",
+  "tedi-accordion-item-header--expanded": "tedi-accordion-item-header--expanded-449f0882",
+  "tedi-accordion-item-header--hoverable": "tedi-accordion-item-header--hoverable-5a372e7b",
+  "tedi-accordion-item-header__trigger": "tedi-accordion-item-header__trigger-6164d1c8",
+  "tedi-accordion-item-header--disabled": "tedi-accordion-item-header--disabled-5532ac3a",
+  "tedi-accordion-item-header__title-main": "tedi-accordion-item-header__title-main-2222462a",
+  "tedi-accordion-item-header__expand-indicator": "tedi-accordion-item-header__expand-indicator-b9c89257",
+  "tedi-accordion-item-header__heading-wrapper": "tedi-accordion-item-header__heading-wrapper-d419d1f0",
+  "tedi-accordion-item-header__start": "tedi-accordion-item-header__start-5c55e3cc",
+  "tedi-accordion-item-header__title": "tedi-accordion-item-header__title-678c469e",
+  "tedi-accordion-item-header__title--with-description": "tedi-accordion-item-header__title--with-description-3f5a3f28",
+  "tedi-accordion-item-header__title--grow": "tedi-accordion-item-header__title--grow-30e8c5c7",
+  "tedi-accordion-item-header__icon": "tedi-accordion-item-header__icon-4ca47f34",
+  "tedi-accordion-item-header__expand-indicator--with-label": "tedi-accordion-item-header__expand-indicator--with-label-c274165b",
+  "tedi-accordion-item-header__icon--expanded": "tedi-accordion-item-header__icon--expanded-6e63d6cf",
+  "tedi-accordion-item-header__icon--no-label": "tedi-accordion-item-header__icon--no-label-95a984be",
+  "tedi-accordion-item-content__inner": "tedi-accordion-item-content__inner-cbfa362f",
+  "tedi-accordion__item--with-icon-card": "tedi-accordion__item--with-icon-card-9af46a70"
+};
+export {
+  e as default
+};

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

@@ -0,0 +1,6 @@
+export * from './accordion';
+export * from './accordion-context';
+export * from './accordion-item/accordion-item';
+export * from './accordion-item/accordion-item-context';
+export * from './accordion-item-header/accordion-item-header';
+export * from './accordion-item-content/accordion-item-content';

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../../external/classnames/index.cjs.js"),a=require("../../base/typography/text/text.cjs.js"),l=require("../../buttons/button/button.cjs.js"),r=require("./calendar.module.scss.cjs.js"),j=require("../../layout/grid/row.cjs.js"),h=require("../../layout/grid/col.cjs.js"),s=({headerLabel:u,prevAriaLabel:n,nextAriaLabel:c,onPrev:o,onNext:f,items:x,onSelect:p,showNavigation:d,className:_})=>e.jsxs("div",{className:t.default(r.default["tedi-calendar__picker-grid-container"],_),"data-testid":"tedi-picker-grid-container",children:[e.jsxs("div",{className:t.default(r.default["tedi-calendar__picker-grid-header"],{[r.default["tedi-calendar__picker--no-navigation"]]:!d}),children:[d&&e.jsx(l.Button,{type:"button",onClick:o,"aria-label":n,icon:"arrow_back",visualType:"neutral",children:e.jsx(a.Text,{modifiers:"capitalize-first",children:n})}),e.jsx(a.Text,{modifiers:"capitalize-first",children:u}),d&&e.jsx(l.Button,{type:"button",onClick:f,"aria-label":c,icon:"arrow_forward",visualType:"neutral",children:e.jsx(a.Text,{modifiers:"capitalize-first",children:c})})]}),e.jsx("div",{className:t.default(r.default["tedi-calendar__picker-grid"]),children:e.jsx(j.Row,{gutter:2,children:x.map(i=>e.jsx(h.Col,{width:4,children:e.jsx(l.Button,{onClick:()=>p(i.value),className:t.default(r.default["tedi-calendar__grid-button"],{[r.default["tedi-calendar__grid-button--selected"]]:i.isSelected}),"aria-pressed":i.isSelected,noStyle:!0,children:i.label})},i.key))})})]});s.displayName="CalendarGrid";exports.CalendarGrid=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../../../external/classnames/index.cjs.js"),a=require("../../base/typography/text/text.cjs.js"),l=require("../../buttons/button/button.cjs.js"),r=require("./calendar.module.scss.cjs.js"),j=require("../../layout/grid/row.cjs.js"),h=require("../../layout/grid/col.cjs.js"),s=({headerLabel:u,prevAriaLabel:n,nextAriaLabel:c,onPrev:o,onNext:f,items:x,onSelect:p,showNavigation:d,className:_})=>e.jsxs("div",{className:i.default(r.default["tedi-calendar__picker-grid-container"],_),"data-testid":"tedi-picker-grid-container",children:[e.jsxs("div",{className:i.default(r.default["tedi-calendar__picker-grid-header"],{[r.default["tedi-calendar__picker--no-navigation"]]:!d}),children:[d&&e.jsx(l.Button,{type:"button",onClick:o,"aria-label":n,icon:"arrow_back",visualType:"neutral",children:e.jsx(a.Text,{modifiers:"capitalize-first",children:n})}),e.jsx(a.Text,{modifiers:"capitalize-first",children:u}),d&&e.jsx(l.Button,{type:"button",onClick:f,"aria-label":c,icon:"arrow_forward",visualType:"neutral",children:e.jsx(a.Text,{modifiers:"capitalize-first",children:c})})]}),e.jsx("div",{className:i.default(r.default["tedi-calendar__picker-grid"]),children:e.jsx(j.Row,{gutter:2,children:x.map(t=>e.jsx(h.Col,{width:4,children:e.jsx(l.Button,{onClick:()=>p(t.value),className:i.default(r.default["tedi-calendar__grid-button"],{[r.default["tedi-calendar__grid-button--selected"]]:t.isSelected}),"aria-pressed":t.isSelected,"data-testid":"tedi-calendar-grid-cell",noStyle:!0,children:t.label})},t.key))})})]});s.displayName="CalendarGrid";exports.CalendarGrid=s;

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

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import a from "../../../../../external/classnames/index.es.js";
-import { Text as l } from "../../base/typography/text/text.es.js";
-import { Button as t } from "../../buttons/button/button.es.js";
+import { Text as t } from "../../base/typography/text/text.es.js";
+import { Button as l } from "../../buttons/button/button.es.js";
 import r from "./calendar.module.scss.es.js";
 import { Row as h } from "../../layout/grid/row.es.js";
 import { Col as k } from "../../layout/grid/col.es.js";
@@ -28,20 +28,21 @@ const y = ({
             [r["tedi-calendar__picker--no-navigation"]]: !d
           }),
           children: [
-            d && /* @__PURE__ */ e(t, { type: "button", onClick: p, "aria-label": c, icon: "arrow_back", visualType: "neutral", children: /* @__PURE__ */ e(l, { modifiers: "capitalize-first", children: c }) }),
-            /* @__PURE__ */ e(l, { modifiers: "capitalize-first", children: s }),
-            d && /* @__PURE__ */ e(t, { type: "button", onClick: m, "aria-label": n, icon: "arrow_forward", visualType: "neutral", children: /* @__PURE__ */ e(l, { modifiers: "capitalize-first", children: n }) })
+            d && /* @__PURE__ */ e(l, { type: "button", onClick: p, "aria-label": c, icon: "arrow_back", visualType: "neutral", children: /* @__PURE__ */ e(t, { modifiers: "capitalize-first", children: c }) }),
+            /* @__PURE__ */ e(t, { modifiers: "capitalize-first", children: s }),
+            d && /* @__PURE__ */ e(l, { type: "button", onClick: m, "aria-label": n, icon: "arrow_forward", visualType: "neutral", children: /* @__PURE__ */ e(t, { modifiers: "capitalize-first", children: n }) })
           ]
         }
       ),
       /* @__PURE__ */ e("div", { className: a(r["tedi-calendar__picker-grid"]), children: /* @__PURE__ */ e(h, { gutter: 2, children: f.map((i) => /* @__PURE__ */ e(k, { width: 4, children: /* @__PURE__ */ e(
-        t,
+        l,
         {
           onClick: () => _(i.value),
           className: a(r["tedi-calendar__grid-button"], {
             [r["tedi-calendar__grid-button--selected"]]: i.isSelected
           }),
           "aria-pressed": i.isSelected,
+          "data-testid": "tedi-calendar-grid-cell",
           noStyle: !0,
           children: i.label
         }

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),O=require("../../../../../external/classnames/index.cjs.js"),d=require("./calendar.module.scss.cjs.js"),w=require("./components/calendar-header/calendar-header.cjs.js"),C=require("./components/calendar-month-grid/calendar-month-grid.cjs.js"),E=require("./components/calendar-year-grid/calendar-year-grid.cjs.js"),F=require("../../../../../external/react-day-picker/dist/esm/DayPicker.cjs.js"),H=require("../../../../../external/react-day-picker/dist/esm/locale/et.cjs.js"),A=({view:s="days",selectionLevel:m="days",currentMonth:c,setCurrentMonth:i,setView:l=()=>"days",mode:S="single",value:a,locale:j=H.et,localeCode:g="et-EE",showOutsideDays:q=!0,disabledMatchers:x,required:b,availableDays:t,unavailableDays:n,footer:k,monthYearSelectType:G,handleSelect:Y,applyValue:y,showNavigation:_=!0,className:u,...P})=>{const h=e=>t?Array.isArray(t)?t.some(f=>f.toDateString()===e.toDateString()):t(e):!0,p=e=>n?Array.isArray(n)?n.some(f=>f.toDateString()===e.toDateString()):n(e):!1,o=[...x??[],...t?[e=>!h(e)]:[],...n?[e=>p(e)]:[]],N=(()=>{switch(S){case"multiple":return{mode:"multiple",selected:Array.isArray(a)?a:void 0};case"range":return{mode:"range",selected:a&&!Array.isArray(a)&&!(a instanceof Date)?a:void 0};default:return{mode:"single",selected:a instanceof Date?a:void 0}}})();return r.jsxs("div",{className:d.default["tedi-calendar__wrapper"],children:[s==="years"&&r.jsx(E.YearGrid,{currentMonth:c,onNavigate:i,showNavigation:_,onSelectYear:e=>{i(e),m==="years"?y(new Date(e.getFullYear(),0,1)):l("months")},className:u}),s==="months"&&r.jsx(C.MonthGrid,{currentMonth:c,onNavigate:i,showNavigation:_,localeCode:g,onSelectMonth:e=>{i(e),m==="months"?y(e):l("days")},className:u}),s==="days"&&r.jsx(F.DayPicker,{...P,...N,locale:j,month:c,onMonthChange:i,showOutsideDays:q,disabled:o.length?o:void 0,required:b,components:{MonthCaption:e=>r.jsx(w.CalendarHeader,{...e,monthYearSelectType:G,onOpenMonthGrid:()=>l("months"),onOpenYearGrid:()=>l("years"),showNavigation:_,localeCode:g,disabledMatchers:o.length?o:void 0}),Nav:()=>r.jsx(r.Fragment,{})},footer:k,classNames:{root:O.default(d.default["tedi-calendar"],u),month_caption:d.default["tedi-calendar__caption"],head:d.default["tedi-calendar__head"],row:d.default["tedi-calendar__row"],day:d.default["tedi-calendar__day"],selected:d.default["tedi-calendar__day--selected"],weekday:d.default["tedi-calendar__weekday"],outside:d.default["tedi-calendar__outside-days"],range_start:d.default["tedi-calendar__range-start"],range_middle:d.default["tedi-calendar__range-middle"],range_end:d.default["tedi-calendar__range-end"],today:d.default["tedi-calendar__today"],disabled:d.default["tedi-calendar__disabled"],month:d.default["tedi-calendar__month"],months:d.default["tedi-calendar__months-container"],footer:d.default["tedi-calendar__footer"],week_number:d.default["tedi-calendar__week-number"]},modifiers:{available:e=>t?h(e):!1,unavailable:e=>n?p(e):!1},modifiersClassNames:{available:d.default["tedi-calendar__available-day"],unavailable:d.default["tedi-calendar__unavailable-day"]},onSelect:Y})]})};A.displayName="Calendar";exports.Calendar=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),S=require("../../../../../external/classnames/index.cjs.js"),a=require("./calendar.module.scss.cjs.js"),F=require("./components/calendar-header/calendar-header.cjs.js"),H=require("./components/calendar-month-grid/calendar-month-grid.cjs.js"),M=require("./components/calendar-year-grid/calendar-year-grid.cjs.js"),R=require("../../../../../external/react-day-picker/dist/esm/DayPicker.cjs.js"),T=require("../../../../../external/react-day-picker/dist/esm/locale/et.cjs.js"),j=({view:o="days",selectionLevel:f="days",currentMonth:c,setCurrentMonth:i,setView:l=()=>"days",mode:q="single",value:d,locale:x=T.et,localeCode:m="et-EE",showOutsideDays:N=!0,disabledMatchers:k,required:G,availableDays:t,unavailableDays:n,footer:Y,monthYearSelectType:C,handleSelect:P,applyValue:g,showNavigation:_=!0,className:y,bordered:O=!0,...w})=>{const h=O?void 0:a.default["tedi-calendar--borderless"],p=S.default(h,y),b=e=>t?Array.isArray(t)?t.some(u=>u.toDateString()===e.toDateString()):t(e):!0,A=e=>n?Array.isArray(n)?n.some(u=>u.toDateString()===e.toDateString()):n(e):!1,s=[...k??[],...t?[e=>!b(e)]:[],...n?[e=>A(e)]:[]],E=(()=>{switch(q){case"multiple":return{mode:"multiple",selected:Array.isArray(d)?d:void 0};case"range":return{mode:"range",selected:d&&!Array.isArray(d)&&!(d instanceof Date)?d:void 0};default:return{mode:"single",selected:d instanceof Date?d:void 0}}})();return r.jsxs("div",{className:a.default["tedi-calendar__wrapper"],children:[o==="years"&&r.jsx(M.YearGrid,{currentMonth:c,onNavigate:i,showNavigation:_,onSelectYear:e=>{i(e),f==="years"?g(new Date(e.getFullYear(),0,1)):l("months")},className:p}),o==="months"&&r.jsx(H.MonthGrid,{currentMonth:c,onNavigate:i,showNavigation:_,localeCode:m,onSelectMonth:e=>{i(e),f==="months"?g(e):l("days")},className:p}),o==="days"&&r.jsx(R.DayPicker,{...w,...E,locale:x,month:c,onMonthChange:i,showOutsideDays:N,disabled:s.length?s:void 0,required:G,components:{MonthCaption:e=>r.jsx(F.CalendarHeader,{...e,monthYearSelectType:C,onOpenMonthGrid:()=>l("months"),onOpenYearGrid:()=>l("years"),showNavigation:_,localeCode:m,disabledMatchers:s.length?s:void 0}),Nav:()=>r.jsx(r.Fragment,{})},footer:Y,classNames:{root:S.default(a.default["tedi-calendar"],h,y),month_caption:a.default["tedi-calendar__caption"],head:a.default["tedi-calendar__head"],row:a.default["tedi-calendar__row"],day:a.default["tedi-calendar__day"],selected:a.default["tedi-calendar__day--selected"],weekday:a.default["tedi-calendar__weekday"],outside:a.default["tedi-calendar__outside-days"],range_start:a.default["tedi-calendar__range-start"],range_middle:a.default["tedi-calendar__range-middle"],range_end:a.default["tedi-calendar__range-end"],today:a.default["tedi-calendar__today"],disabled:a.default["tedi-calendar__disabled"],month:a.default["tedi-calendar__month"],months:a.default["tedi-calendar__months-container"],footer:a.default["tedi-calendar__footer"],week_number:a.default["tedi-calendar__week-number"]},modifiers:{available:e=>t?b(e):!1,unavailable:e=>n?A(e):!1},modifiersClassNames:{available:a.default["tedi-calendar__available-day"],unavailable:a.default["tedi-calendar__unavailable-day"]},onSelect:P})]})};j.displayName="Calendar";exports.Calendar=j;

package/src/tedi/components/content/calendar/calendar.d.ts

@@ -107,8 +107,17 @@ export interface CalendarProps extends Omit<DayPickerProps, 'mode' | 'selected'
      * Optional additional CSS class for the calendar container.
      */
     className?: string;
+    /**
+     * Whether to render the surrounding card (border, background, radius).
+     * Set to `false` when embedding inside a parent that already provides its
+     * own surface — e.g. inside `DatePickerModal`, or alongside a calendar in
+     * `DateTimeField`. The inner gradient masks and column separators are
+     * preserved either way.
+     * @default true
+     */
+    bordered?: boolean;
 }
 export declare const Calendar: {
-    ({ view, selectionLevel, currentMonth, setCurrentMonth, setView, mode, value, locale, localeCode, showOutsideDays, disabledMatchers, required, availableDays, unavailableDays, footer, monthYearSelectType, handleSelect, applyValue, showNavigation, className, ...dayPickerProps }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+    ({ view, selectionLevel, currentMonth, setCurrentMonth, setView, mode, value, locale, localeCode, showOutsideDays, disabledMatchers, required, availableDays, unavailableDays, footer, monthYearSelectType, handleSelect, applyValue, showNavigation, className, bordered, ...dayPickerProps }: CalendarProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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