@livechat/design-system-react-components 1.17.1-alpha.3 → 1.17.1-alpha.4

package/dist/components/Button/index.es.js

@@ -0,0 +1,143 @@
+var j = Object.defineProperty;
+var b = Object.getOwnPropertySymbols;
+var g = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
+var y = (t, _, n) => _ in t ? j(t, _, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[_] = n, r = (t, _) => {
+  for (var n in _ || (_ = {}))
+    g.call(_, n) && y(t, n, _[n]);
+  if (b)
+    for (var n of b(_))
+      v.call(_, n) && y(t, n, _[n]);
+  return t;
+};
+var h = (t, _) => {
+  var n = {};
+  for (var e in t)
+    g.call(t, e) && _.indexOf(e) < 0 && (n[e] = t[e]);
+  if (t != null && b)
+    for (var e of b(t))
+      _.indexOf(e) < 0 && v.call(t, e) && (n[e] = t[e]);
+  return n;
+};
+import * as i from "react";
+import $ from "clsx";
+import { Loader as A } from "../Loader/index.es.js";
+import "../../chunks/Typography.module-93efb34d.js";
+import "../../chunks/Text-b31d1e9a.js";
+const J = (t) => {
+  if (t === "primary" || t === "destructive")
+    return {
+      primaryColor: "var(--action-primary-default)",
+      secondaryColor: "var(--border-invert-primary)"
+    };
+  if (t === "link-inverted")
+    return {
+      primaryColor: "var(--content-invert-primary)",
+      secondaryColor: "var(--surface-invert-secondary)"
+    };
+}, L = "lc-Button-module__btn___aijZJ", O = "lc-Button-module__btn__loader___c8zZz", W = "lc-Button-module__btn__icon___GVExB", o = {
+  btn: L,
+  "btn--disabled": "lc-Button-module__btn--disabled___lXBav",
+  "btn--full-width": "lc-Button-module__btn--full-width___kdbAr",
+  "btn--xcompact": "lc-Button-module__btn--xcompact___s-zG-",
+  "btn--with-left-icon": "lc-Button-module__btn--with-left-icon___MOLWC",
+  "btn--with-right-icon": "lc-Button-module__btn--with-right-icon___R0Xum",
+  "btn--compact": "lc-Button-module__btn--compact___4eptQ",
+  "btn--medium": "lc-Button-module__btn--medium___wfUJA",
+  "btn--large": "lc-Button-module__btn--large___lb-z6",
+  "btn--basic": "lc-Button-module__btn--basic___Jc2gD",
+  "btn--primary": "lc-Button-module__btn--primary___ajbjQ",
+  "btn--secondary": "lc-Button-module__btn--secondary___iWzE0",
+  "btn--destructive": "lc-Button-module__btn--destructive___-kLCl",
+  "btn--destructive-outline": "lc-Button-module__btn--destructive-outline___dexc3",
+  "btn--text": "lc-Button-module__btn--text___WA8OL",
+  "btn--link": "lc-Button-module__btn--link___51ZgF",
+  "btn--link-light": "lc-Button-module__btn--link-light___iitZ6",
+  "btn--link-inverted": "lc-Button-module__btn--link-inverted___5zdGg",
+  "btn--plain": "lc-Button-module__btn--plain___eOPui",
+  "btn--float": "lc-Button-module__btn--float___J4lTs",
+  "btn--dotted": "lc-Button-module__btn--dotted___y1EEP",
+  "btn--high-contrast": "lc-Button-module__btn--high-contrast___zHSVM",
+  "btn--loading": "lc-Button-module__btn--loading___ZAgjv",
+  btn__loader: O,
+  btn__icon: W,
+  "btn__icon--left": "lc-Button-module__btn__icon--left___H68zu",
+  "btn__icon--right": "lc-Button-module__btn__icon--right___fHr3D",
+  "btn--icon-only": "lc-Button-module__btn--icon-only___bF5pW",
+  "btn--icon-only--bg": "lc-Button-module__btn--icon-only--bg___X-4V2"
+}, l = "btn", F = i.forwardRef(
+  (D, k) => {
+    var p = D, {
+      loading: t = !1,
+      disabled: _ = !1,
+      type: n = "button",
+      fullWidth: e = !1,
+      kind: a = "basic",
+      size: w = "medium",
+      icon: c = null,
+      iconPosition: m = "left",
+      loaderLabel: x,
+      className: C,
+      children: s,
+      href: B,
+      onClick: z
+    } = p, E = h(p, [
+      "loading",
+      "disabled",
+      "type",
+      "fullWidth",
+      "kind",
+      "size",
+      "icon",
+      "iconPosition",
+      "loaderLabel",
+      "className",
+      "children",
+      "href",
+      "onClick"
+    ]);
+    const u = t || _, d = !s && c, f = ["text", "link", "link-light"].includes(a), N = B ? "a" : "button", Z = $(
+      C,
+      o[l],
+      o[`${l}--${a}`],
+      o[`${l}--${w}`],
+      {
+        [o[`${l}--loading`]]: t,
+        [o[`${l}--full-width`]]: e,
+        [o[`${l}--with-${m}-icon`]]: c && !d && !f,
+        [o[`${l}--icon-only`]]: d,
+        [o[`${l}--icon-only--bg`]]: d && f,
+        [o[`${l}--disabled`]]: u
+      }
+    );
+    return /* @__PURE__ */ i.createElement(
+      N,
+      r(r({
+        ref: k,
+        className: Z,
+        "aria-disabled": u,
+        type: n,
+        disabled: u
+      }, !u && { href: B, onClick: z }), E),
+      t && /* @__PURE__ */ i.createElement(
+        A,
+        r({
+          size: "small",
+          label: x,
+          className: o[`${l}__loader`]
+        }, J(a))
+      ),
+      c && i.cloneElement(c, {
+        className: $(
+          c.props.className,
+          o[`${l}__icon`],
+          o[`${l}__icon--${m}`]
+        ),
+        disabled: _
+      }),
+      /* @__PURE__ */ i.createElement("div", { className: o[`${l}__content`] }, s)
+    );
+  }
+);
+export {
+  F as Button
+};

package/dist/components/Card/index.cjs.js

@@ -0,0 +1 @@
+"use strict";var H=Object.defineProperty;var o=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable;var v=(e,_,a)=>_ in e?H(e,_,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[_]=a,f=(e,_)=>{for(var a in _||(_={}))b.call(_,a)&&v(e,a,_[a]);if(o)for(var a of o(_))N.call(_,a)&&v(e,a,_[a]);return e};var $=(e,_)=>{var a={};for(var t in e)b.call(e,t)&&_.indexOf(t)<0&&(a[t]=e[t]);if(e!=null&&o)for(var t of o(e))_.indexOf(t)<0&&N.call(e,t)&&(a[t]=e[t]);return a};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),q=require("@livechat/design-system-icons"),S=require("clsx"),T=require("../Button/index.cjs.js"),U=require("../Icon/index.cjs.js"),K=require("../../chunks/Heading-617540b6.js"),l=require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");require("../Loader/index.cjs.js");function L(e){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(_,a,t.get?t:{enumerable:!0,get:()=>e[a]})}}return _.default=e,Object.freeze(_)}const c=L(R),O="lc-Card-module__card___GqMm2",Q="lc-Card-module__card__header___0ptfD",F="lc-Card-module__card__header__image___QMwSu",G="lc-Card-module__card__header__heading___Wkikx",W="lc-Card-module__card__header__heading__title___Uxi8s",Y="lc-Card-module__card__header__heading__description___6LnOK",J="lc-Card-module__card__content___KuDcc",V="lc-Card-module__card__actions___q9sAo",X="lc-Card-module__card__actions__line___TF1bt",Z="lc-Card-module__card__actions__buttons___PDMMR",n={card:O,card__header:Q,card__header__image:F,card__header__heading:G,card__header__heading__title:W,card__header__heading__description:Y,"card__header__no-image":"lc-Card-module__card__header__no-image___UcnNY",card__content:J,"card__expanded-content":"lc-Card-module__card__expanded-content___yB-QL",card__actions:V,card__actions__line:X,card__actions__buttons:Z,"card__actions__buttons-expander":"lc-Card-module__card__actions__buttons-expander___lz4h-"},d="card",i=`${d}__header`,m=`${i}__heading`,s=`${d}__actions`,ee=`${i}__no-image`,_e=ae=>{var p=ae,{alt:e,buttonsOptions:_=[],children:a,className:t,description:y,expandableContent:u,src:h,title:g}=p,I=$(p,["alt","buttonsOptions","children","className","description","expandableContent","src","title"]);const[r,w]=c.useState(!1),z=r?q.ChevronUp:q.ChevronDown,A=r?"Hide":"Show more",C=(_==null?void 0:_.length)>0,x=!!u,k=C||x,B=g,E=h,D=E?"":n[ee];return c.createElement("div",f({className:S(n[d],t)},I),B&&c.createElement("div",{className:S(n[i],D)},E&&c.createElement("img",{alt:e,className:n[`${i}__image`],src:h}),c.createElement("div",{className:n[m]},c.createElement(K.Heading,{size:"sm",className:n[`${m}__title`]},g),c.createElement(l.Text,{size:"sm",className:n[`${m}__description`]},y))),c.createElement(l.Text,{as:"div",size:"md",className:n[`${d}__content`]},a),r&&c.createElement(l.Text,{as:"div",size:"md",className:n[`${d}__expanded-content`]},u),k&&c.createElement("div",{className:n[s]},c.createElement("div",{className:n[`${s}__line`]}),c.createElement("div",{className:n[`${s}__buttons`]},C&&_.map(({kind:M,onClick:j,children:P})=>c.createElement(T.Button,{size:"compact",kind:M,onClick:j},P)),x&&c.createElement(T.Button,{className:n[`${s}__buttons-expander`],kind:"link",iconPosition:"right",icon:c.createElement(U.Icon,{source:z}),onClick:()=>w(!r)},A))))};exports.Card=_e;

package/dist/components/Card/index.es.js

@@ -0,0 +1,96 @@
+var y = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var N = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable;
+var v = (e, _, a) => _ in e ? y(e, _, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[_] = a, f = (e, _) => {
+  for (var a in _ || (_ = {}))
+    N.call(_, a) && v(e, a, _[a]);
+  if (o)
+    for (var a of o(_))
+      $.call(_, a) && v(e, a, _[a]);
+  return e;
+};
+var A = (e, _) => {
+  var a = {};
+  for (var t in e)
+    N.call(e, t) && _.indexOf(t) < 0 && (a[t] = e[t]);
+  if (e != null && o)
+    for (var t of o(e))
+      _.indexOf(t) < 0 && $.call(e, t) && (a[t] = e[t]);
+  return a;
+};
+import * as c from "react";
+import { ChevronUp as K, ChevronDown as L } from "@livechat/design-system-icons";
+import b from "clsx";
+import { Button as w } from "../Button/index.es.js";
+import { Icon as P } from "../Icon/index.es.js";
+import { H as Q } from "../../chunks/Heading-6b95d08b.js";
+import { T as l } from "../../chunks/Text-b31d1e9a.js";
+import "../../chunks/Typography.module-93efb34d.js";
+import "../Loader/index.es.js";
+const R = "lc-Card-module__card___GqMm2", F = "lc-Card-module__card__header___0ptfD", G = "lc-Card-module__card__header__image___QMwSu", W = "lc-Card-module__card__header__heading___Wkikx", Y = "lc-Card-module__card__header__heading__title___Uxi8s", j = "lc-Card-module__card__header__heading__description___6LnOK", J = "lc-Card-module__card__content___KuDcc", V = "lc-Card-module__card__actions___q9sAo", X = "lc-Card-module__card__actions__line___TF1bt", Z = "lc-Card-module__card__actions__buttons___PDMMR", d = {
+  card: R,
+  card__header: F,
+  card__header__image: G,
+  card__header__heading: W,
+  card__header__heading__title: Y,
+  card__header__heading__description: j,
+  "card__header__no-image": "lc-Card-module__card__header__no-image___UcnNY",
+  card__content: J,
+  "card__expanded-content": "lc-Card-module__card__expanded-content___yB-QL",
+  card__actions: V,
+  card__actions__line: X,
+  card__actions__buttons: Z,
+  "card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___lz4h-"
+}, n = "card", i = `${n}__header`, m = `${i}__heading`, s = `${n}__actions`, O = `${i}__no-image`, i_ = (__) => {
+  var p = __, {
+    alt: e,
+    buttonsOptions: _ = [],
+    children: a,
+    className: t,
+    description: z,
+    expandableContent: h,
+    src: u,
+    title: g
+  } = p, I = A(p, [
+    "alt",
+    "buttonsOptions",
+    "children",
+    "className",
+    "description",
+    "expandableContent",
+    "src",
+    "title"
+  ]);
+  const [r, S] = c.useState(!1), k = r ? K : L, T = r ? "Hide" : "Show more", C = (_ == null ? void 0 : _.length) > 0, E = !!h, B = C || E, D = g, x = u, M = x ? "" : d[O];
+  return /* @__PURE__ */ c.createElement("div", f({ className: b(d[n], t) }, I), D && /* @__PURE__ */ c.createElement("div", { className: b(d[i], M) }, x && /* @__PURE__ */ c.createElement(
+    "img",
+    {
+      alt: e,
+      className: d[`${i}__image`],
+      src: u
+    }
+  ), /* @__PURE__ */ c.createElement("div", { className: d[m] }, /* @__PURE__ */ c.createElement(Q, { size: "sm", className: d[`${m}__title`] }, g), /* @__PURE__ */ c.createElement(l, { size: "sm", className: d[`${m}__description`] }, z))), /* @__PURE__ */ c.createElement(l, { as: "div", size: "md", className: d[`${n}__content`] }, a), r && /* @__PURE__ */ c.createElement(
+    l,
+    {
+      as: "div",
+      size: "md",
+      className: d[`${n}__expanded-content`]
+    },
+    h
+  ), B && /* @__PURE__ */ c.createElement("div", { className: d[s] }, /* @__PURE__ */ c.createElement("div", { className: d[`${s}__line`] }), /* @__PURE__ */ c.createElement("div", { className: d[`${s}__buttons`] }, C && _.map(
+    ({ kind: H, onClick: U, children: q }) => /* @__PURE__ */ c.createElement(w, { size: "compact", kind: H, onClick: U }, q)
+  ), E && /* @__PURE__ */ c.createElement(
+    w,
+    {
+      className: d[`${s}__buttons-expander`],
+      kind: "link",
+      iconPosition: "right",
+      icon: /* @__PURE__ */ c.createElement(P, { source: k }),
+      onClick: () => S(!r)
+    },
+    T
+  ))));
+};
+export {
+  i_ as Card
+};

package/dist/components/Checkbox/index.cjs.js

@@ -0,0 +1 @@
+"use strict";var p=Object.defineProperty,f=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var s=Object.getOwnPropertySymbols;var a=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var r=(e,c,_)=>c in e?p(e,c,{enumerable:!0,configurable:!0,writable:!0,value:_}):e[c]=_,k=(e,c)=>{for(var _ in c||(c={}))a.call(c,_)&&r(e,_,c[_]);if(s)for(var _ of s(c))x.call(c,_)&&r(e,_,c[_]);return e},h=(e,c)=>f(e,C(c));var u=(e,c)=>{var _={};for(var o in e)a.call(e,o)&&c.indexOf(o)<0&&(_[o]=e[o]);if(e!=null&&s)for(var o of s(e))c.indexOf(o)<0&&x.call(e,o)&&(_[o]=e[o]);return _};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),y=require("clsx"),g=require("../FieldDescription/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");const S=require("../../chunks/Text-df483689.js");function N(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const _ in e)if(_!=="default"){const o=Object.getOwnPropertyDescriptor(e,_);Object.defineProperty(c,_,o.get?o:{enumerable:!0,get:()=>e[_]})}}return c.default=e,Object.freeze(c)}const b=N(q),O="lc-Checkbox-module__checkbox___G7nTf",$="lc-Checkbox-module__checkbox__label___-o01x",j="lc-Checkbox-module__checkbox__text___P2SIq",v="lc-Checkbox-module__checkbox__input___YLbVF",E="lc-Checkbox-module__checkbox__checkmark___16pfY",T="lc-Checkbox-module__checkbox__square___MHUyd",D="lc-Checkbox-module__checkbox__helper___YSJ-n",t={checkbox:O,checkbox__label:$,checkbox__text:j,checkbox__input:v,checkbox__checkmark:E,"checkbox--selected":"lc-Checkbox-module__checkbox--selected___S2vqY",checkbox__square:T,"checkbox--disabled":"lc-Checkbox-module__checkbox--disabled___-lAqW",checkbox__helper:D},l="checkbox",P=b.forwardRef((Y,d)=>{var n=Y,{checked:e,disabled:c,children:_,description:o,className:i}=n,m=u(n,["checked","disabled","children","description","className"]);return b.createElement("div",{className:y(t[l],i,{[t[`${l}--selected`]]:e,[t[`${l}--disabled`]]:c})},b.createElement("label",{className:t[`${l}__label`]},b.createElement("input",h(k({},m),{ref:d,checked:e,disabled:c,className:t[`${l}__input`],type:"checkbox"})),_&&b.createElement(S.Text,{as:"div",size:"md",className:t[`${l}__text`]},_)),o&&b.createElement(g.FieldDescription,{className:t[`${l}__helper`]},o))});exports.Checkbox=P;

package/dist/components/Checkbox/index.es.js

@@ -0,0 +1,64 @@
+var i = Object.defineProperty, C = Object.defineProperties;
+var f = Object.getOwnPropertyDescriptors;
+var x = Object.getOwnPropertySymbols;
+var s = Object.prototype.hasOwnProperty, a = Object.prototype.propertyIsEnumerable;
+var k = (e, c, _) => c in e ? i(e, c, { enumerable: !0, configurable: !0, writable: !0, value: _ }) : e[c] = _, m = (e, c) => {
+  for (var _ in c || (c = {}))
+    s.call(c, _) && k(e, _, c[_]);
+  if (x)
+    for (var _ of x(c))
+      a.call(c, _) && k(e, _, c[_]);
+  return e;
+}, r = (e, c) => C(e, f(c));
+var n = (e, c) => {
+  var _ = {};
+  for (var o in e)
+    s.call(e, o) && c.indexOf(o) < 0 && (_[o] = e[o]);
+  if (e != null && x)
+    for (var o of x(e))
+      c.indexOf(o) < 0 && a.call(e, o) && (_[o] = e[o]);
+  return _;
+};
+import * as b from "react";
+import q from "clsx";
+import { FieldDescription as $ } from "../FieldDescription/index.es.js";
+import "../../chunks/Typography.module-93efb34d.js";
+import { T as E } from "../../chunks/Text-b31d1e9a.js";
+const N = "lc-Checkbox-module__checkbox___G7nTf", Y = "lc-Checkbox-module__checkbox__label___-o01x", v = "lc-Checkbox-module__checkbox__text___P2SIq", y = "lc-Checkbox-module__checkbox__input___YLbVF", S = "lc-Checkbox-module__checkbox__checkmark___16pfY", T = "lc-Checkbox-module__checkbox__square___MHUyd", F = "lc-Checkbox-module__checkbox__helper___YSJ-n", l = {
+  checkbox: N,
+  checkbox__label: Y,
+  checkbox__text: v,
+  checkbox__input: y,
+  checkbox__checkmark: S,
+  "checkbox--selected": "lc-Checkbox-module__checkbox--selected___S2vqY",
+  checkbox__square: T,
+  "checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___-lAqW",
+  checkbox__helper: F
+}, t = "checkbox", H = b.forwardRef(
+  (R, p) => {
+    var h = R, { checked: e, disabled: c, children: _, description: o, className: d } = h, u = n(h, ["checked", "disabled", "children", "description", "className"]);
+    return /* @__PURE__ */ b.createElement(
+      "div",
+      {
+        className: q(l[t], d, {
+          [l[`${t}--selected`]]: e,
+          [l[`${t}--disabled`]]: c
+        })
+      },
+      /* @__PURE__ */ b.createElement("label", { className: l[`${t}__label`] }, /* @__PURE__ */ b.createElement(
+        "input",
+        r(m({}, u), {
+          ref: p,
+          checked: e,
+          disabled: c,
+          className: l[`${t}__input`],
+          type: "checkbox"
+        })
+      ), _ && /* @__PURE__ */ b.createElement(E, { as: "div", size: "md", className: l[`${t}__text`] }, _)),
+      o && /* @__PURE__ */ b.createElement($, { className: l[`${t}__helper`] }, o)
+    );
+  }
+);
+export {
+  H as Checkbox
+};

package/dist/components/DatePicker/index.cjs.js

@@ -0,0 +1 @@
+"use strict";var V=Object.defineProperty,Z=Object.defineProperties;var X=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var g=(e,t,a)=>t in e?V(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,f=(e,t)=>{for(var a in t||(t={}))A.call(t,a)&&g(e,a,t[a]);if(w)for(var a of w(t))L.call(t,a)&&g(e,a,t[a]);return e},v=(e,t)=>Z(e,X(t));var $=(e,t)=>{var a={};for(var r in e)A.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&w)for(var r of w(e))t.indexOf(r)<0&&L.call(e,r)&&(a[r]=e[r]);return a};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react"),z=require("react-day-picker"),I=require("@livechat/design-system-icons"),S=require("clsx"),l=require("date-fns"),R=require("../Icon/index.cjs.js");function Q(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const i=Q(D),_={"date-picker":"lc-DatePicker-module__date-picker___9AqJ2","date-picker--interaction-disabled":"lc-DatePicker-module__date-picker--interaction-disabled___-zn8o","date-picker__day":"lc-DatePicker-module__date-picker__day___ZTSw9","date-picker__day--disabled":"lc-DatePicker-module__date-picker__day--disabled___4O6yW","date-picker__day--selected":"lc-DatePicker-module__date-picker__day--selected___1D1tC","date-picker__day--outside":"lc-DatePicker-module__date-picker__day--outside___ptNdC","date-picker__day-content":"lc-DatePicker-module__date-picker__day-content___rDIa0","date-picker__wrapper":"lc-DatePicker-module__date-picker__wrapper___tNp4l","date-picker__months":"lc-DatePicker-module__date-picker__months___QuPb0","date-picker__month":"lc-DatePicker-module__date-picker__month___239nh","date-picker__nav-bar":"lc-DatePicker-module__date-picker__nav-bar___u-l17","date-picker__nav-button":"lc-DatePicker-module__date-picker__nav-button___1Ysdp","date-picker__nav-button--interaction-disabled":"lc-DatePicker-module__date-picker__nav-button--interaction-disabled___Ivjrx","date-picker__caption":"lc-DatePicker-module__date-picker__caption___XPgZJ","date-picker__weekdays":"lc-DatePicker-module__date-picker__weekdays___kpTY9","date-picker__weekdays-row":"lc-DatePicker-module__date-picker__weekdays-row___tGgay","date-picker__weekday":"lc-DatePicker-module__date-picker__weekday___3FCx8","date-picker__body":"lc-DatePicker-module__date-picker__body___toP1u","date-picker__week":"lc-DatePicker-module__date-picker__week___nZI1x","date-picker__day-wrapper":"lc-DatePicker-module__date-picker__day-wrapper___gGeeJ","date-picker__day--today":"lc-DatePicker-module__date-picker__day--today___LL51c","date-picker__footer":"lc-DatePicker-module__date-picker__footer___cXMQ5","date-picker__input":"lc-DatePicker-module__date-picker__input___r6qih","date-picker__input-overlay-wrapper":"lc-DatePicker-module__date-picker__input-overlay-wrapper___vmC0M","date-picker__input-overlay":"lc-DatePicker-module__date-picker__input-overlay___eJ9D0","date-picker--range":"lc-DatePicker-module__date-picker--range___ZU-7k","date-picker__day--start":"lc-DatePicker-module__date-picker__day--start___-oB8U","date-picker__day--end":"lc-DatePicker-module__date-picker__day--end___TtN5P","date-picker__day--single":"lc-DatePicker-module__date-picker__day--single___biWcB","date-picker__day--sunday":"lc-DatePicker-module__date-picker__day--sunday___JEnhV","date-picker__day--monday":"lc-DatePicker-module__date-picker__day--monday___NXYIr","date-picker--range__select-input":"lc-DatePicker-module__date-picker--range__select-input___6pyj3","date-picker--range__calendars-wrapper":"lc-DatePicker-module__date-picker--range__calendars-wrapper___8nWaW","date-picker__navbar-buttons-wrapper":"lc-DatePicker-module__date-picker__navbar-buttons-wrapper___Hnksb"},W="date-picker",K=e=>{const{onPreviousClick:t,onMonthChange:a,onNextClick:r,showNextButton:s,showPreviousButton:d,className:u,classNames:b,numberOfMonths:y,month:k,fromMonth:T,toMonth:N}=e,C=()=>{typeof t=="function"&&t()},M=()=>{typeof r=="function"&&r()},P=()=>{if(!T){const E=l.subMonths(k,12);return a(E)}const o=Math.abs(l.differenceInCalendarMonths(k,T)),p=l.subMonths(k,!Number.isNaN(o)&&o>12?12:o);return a(p)},c=()=>{if(!N){const E=l.addMonths(k,12);return a(E)}const o=Math.abs(l.differenceInCalendarMonths(N,k)),p=l.addMonths(k,!Number.isNaN(o)&&o>12?12:o);return y===2&&l.isSameMonth(p,N)?a(l.subMonths(p,1)):a(p)};return i.createElement("div",{className:u},i.createElement("div",{className:_[`${W}__navbar-buttons-wrapper`]},i.createElement("button",{"data-testid":"date-picker-prev-year-button",className:S({[b.navButtonPrev]:!0,[b.navButtonInteractionDisabled]:!d}),onClick:P},i.createElement(R.Icon,{source:I.DoubleArrowLeft,kind:"subtle"})),i.createElement("button",{"data-testid":"date-picker-prev-month-button",className:S({[b.navButtonPrev]:!0,[b.navButtonInteractionDisabled]:!d}),onClick:C},i.createElement(R.Icon,{source:I.ChevronLeft,kind:"subtle"}))),i.createElement("div",{className:_[`${W}__navbar-buttons-wrapper`]},i.createElement("button",{"data-testid":"date-picker-next-month-button",className:S({[b.navButtonNext]:!0,[b.navButtonInteractionDisabled]:!s}),onClick:M},i.createElement(R.Icon,{source:I.ChevronRight,kind:"subtle"})),i.createElement("button",{"data-testid":"date-picker-next-year-button",className:S({[b.navButtonNext]:!0,[b.navButtonInteractionDisabled]:!s}),onClick:c},i.createElement(R.Icon,{source:I.DoubleArrowRight,kind:"subtle"}))))},n="date-picker",x=(e,t)=>{const{from:a,to:r}=t;return!(r&&!l.isSameDay(e,r)&&l.isAfter(e,r)||a&&!l.isSameDay(e,a)&&!l.isAfter(e,a))},F=(e,t,a)=>t?e&&!l.isSameMonth(e,t)||a&&l.isSameMonth(t,a)?l.subMonths(t,1):t:l.subMonths(a||new Date,1),ee=(e,t)=>{const a={[_[`${n}__day--monday`]]:{daysOfWeek:[1]},[_[`${n}__day--sunday`]]:{daysOfWeek:[0]},[_[`${n}__day--start`]]:e,[_[`${n}__day--end`]]:e};if(!t||!e)return a;const r=l.differenceInCalendarDays(t,e);return r>0?v(f({},a),{[_[`${n}__day--end`]]:t}):r<0?v(f({},a),{[_[`${n}__day--start`]]:t}):a},h=(e,t)=>{const a=t.find(r=>r.id===e);return a||void 0},Y=(e,t)=>!!(!e||e&&t),te=e=>{const t={};if(!e.initialSelectedItemKey)return t;const a=h(e.initialSelectedItemKey,e.options);return a?(t.selectedItem=e.initialSelectedItemKey,a.isManual&&(e.initialFromDate&&(t.from=e.initialFromDate),e.initialToDate&&(t.to=e.initialToDate,t.temporaryTo=e.initialToDate)),t):{}},ae=(e,t)=>f({container:S({[_[`${n}`]]:!0,[_[`${n}--range`]]:e}),wrapper:_[`${n}__wrapper`],interactionDisabled:_[`${n}--interaction-disabled`],months:_[`${n}__months`],month:_[`${n}__month`],navBar:_[`${n}__nav-bar`],navButtonPrev:S(_[`${n}__nav-button`],_[`${n}__nav-button--prev`]),navButtonNext:S(_[`${n}__nav-button`],_[`${n}__nav-button--next`]),navButtonInteractionDisabled:_[`${n}__nav-button--interaction-disabled`],caption:_[`${n}__caption`],weekdays:_[`${n}__weekdays`],weekdaysRow:_[`${n}__weekdays-row`],weekday:_[`${n}__weekday`],body:_[`${n}__body`],week:_[`${n}__week`],weekNumber:_[`${n}__week-number`],day:_[`${n}__day`],footer:_[`${n}__footer`],todayButton:_[`${n}__today-button`],today:_[`${n}__day--today`],selected:_[`${n}__day--selected`],disabled:_[`${n}__day--disabled`],outside:_[`${n}__day--outside`],start:_[`${n}__day--start`],end:_[`${n}__day--end`]},t),B="date-picker",re=e=>{const t=e.getDate();return i.createElement("div",{className:_[`${B}__day-wrapper`]},i.createElement("div",{className:_[`${B}__day-content`]},t))},_e=e=>{const p=e,{classNames:t,range:a,toMonth:r,month:s,fromMonth:d,firstDayOfWeek:u,numberOfMonths:b,navbarElement:y,renderDay:k,innerRef:T}=p,N=$(p,["classNames","range","toMonth","month","fromMonth","firstDayOfWeek","numberOfMonths","navbarElement","renderDay","innerRef"]),[C,M]=i.useState(s||new Date);i.useEffect(()=>{s&&s!==C&&M(s)},[s,C]),i.useEffect(()=>{r&&(x(C,{from:d,to:r})||M(r))},[C,e.toMonth,e.fromMonth]);const P=i.useCallback(E=>{if(e.onMonthChange&&E){e.onMonthChange(E);return}M(E)},[s,e.onMonthChange]);let c=1;(u===0||u&&u<7)&&(c=u);const o=i.useMemo(()=>ae(a,t),[a,t]);return i.createElement(z,f({navbarElement:y||i.createElement(K,{month:C,classNames:o,numberOfMonths:b,onMonthChange:P,toMonth:r,fromMonth:d}),ref:T,classNames:o,numberOfMonths:b,toMonth:r,fromMonth:d,firstDayOfWeek:c,month:C,renderDay:k||re},N))},H=i.forwardRef((e,t)=>i.createElement(_e,f({innerRef:t},e)));H.displayName="DatePicker";var m=(e=>(e.NEW_SELECTED_ITEM="NEW_SELECTED_ITEM",e.NEW_TEMPORARY_TO_VALUE="NEW_TEMPORARY_TO_VALUE",e.CLEAR="CLEAR",e.SET_FROM="SET_FROM",e.SET_TO="SET_TO",e.SELECT_FIRST_DAY="SELECT_FIRST_DAY",e.SELECT_SECOND_DAY_AS_FROM="SELECT_SECOND_DAY_AS_FROM",e.SELECT_SECOND_DAY_AS_TO="SELECT_SECOND_DAY_AS_TO",e.CURRENT_MONTH_CHANGE="CURRENT_MONTH_CHANGE",e))(m||{});const ne=e=>{const t=F(e.initialFromDate,e.initialToDate,e.toMonth),r=f(f({},{selectedItem:null,from:void 0,to:void 0,temporaryTo:void 0,currentMonth:t}),te(e));function s(d,u){switch(u.type){case m.NEW_SELECTED_ITEM:return{selectedItem:u.payload.selectedItem,from:void 0,to:void 0,temporaryTo:void 0,currentMonth:t};case m.NEW_TEMPORARY_TO_VALUE:return v(f({},d),{temporaryTo:u.payload.date});case m.SELECT_FIRST_DAY:return v(f({},d),{from:u.payload.date,to:void 0,temporaryTo:void 0});case m.SELECT_SECOND_DAY_AS_FROM:return v(f({},d),{from:u.payload.date,to:d.from,temporaryTo:d.from});case m.SELECT_SECOND_DAY_AS_TO:return v(f({},d),{to:u.payload.date,temporaryTo:u.payload.date});case m.CURRENT_MONTH_CHANGE:return v(f({},d),{currentMonth:u.payload.date});case m.SET_FROM:return v(f({},d),{from:u.payload.date});case m.SET_TO:return v(f({},d),{to:u.payload.date});default:return d}}return D.useReducer(s,r)},U=({options:e,initialSelectedItemKey:t,initialFromDate:a,initialToDate:r,toMonth:s,onChange:d,children:u})=>{const b=D.useRef(t||null),[y,k]=ne({options:e,initialSelectedItemKey:t,initialFromDate:a,initialToDate:r,toMonth:s,onChange:d,children:u});D.useEffect(()=>{k({type:m.SET_FROM,payload:{date:a}})},[a]),D.useEffect(()=>{k({type:m.SET_TO,payload:{date:r}})},[r]),D.useEffect(()=>{const c=F(a,r,s);k({type:m.CURRENT_MONTH_CHANGE,payload:{date:c}})},[s,a,r]),D.useEffect(()=>{const{from:c,selectedItem:o,to:p}=y;if(!(c&&p))return;const E=h(o,e);E&&(d==null||d(v(f({},E),{value:{from:c,to:p}})))},[y.from,y.to,y.selectedItem,e,d]),D.useEffect(()=>{const{selectedItem:c}=y;if(c===b.current)return;if(!c){d(null);return}if(!h(c,e))return;const p=e.reduce((E,O)=>v(f({},E),{[O.id]:O}),{});d(p[c])},[d,y.selectedItem,e]);const T=D.useCallback(c=>{const o=s?l.differenceInCalendarDays(s,c)>=0:!0;!Y(y.from,y.to)&&o&&k({type:m.NEW_TEMPORARY_TO_VALUE,payload:{date:c}})},[s,y.from,y.to]),N=D.useCallback(c=>{const{from:o,to:p}=y;x(c,{to:s})&&(Y(o,p)?k({type:m.SELECT_FIRST_DAY,payload:{date:c}}):o&&l.isSameDay(c,o)||o&&l.isAfter(c,o)?k({type:m.SELECT_SECOND_DAY_AS_TO,payload:{date:c}}):k({type:m.SELECT_SECOND_DAY_AS_FROM,payload:{date:c}}))},[s,y.from,y.to]),C=D.useCallback(c=>{if(c===null){k({type:m.NEW_SELECTED_ITEM,payload:{selectedItem:null}});return}h(c,e)&&k({type:m.NEW_SELECTED_ITEM,payload:{selectedItem:c}})},[e]),M=D.useCallback(c=>{k({type:m.CURRENT_MONTH_CHANGE,payload:{date:c}})},[]);return u((()=>{const{currentMonth:c,from:o,selectedItem:p,temporaryTo:E,to:O}=y,q=D.useMemo(()=>ee(o,E),[o,E]),j=D.useMemo(()=>h(p,e),[e,p]),G=D.useMemo(()=>[o,{from:o,to:E}],[o,E]),J=D.useMemo(()=>s?{after:s}:void 0,[s]);return{select:{onItemSelect:C,selected:p||""},inputs:{fromDate:o,toDate:O},datepicker:{range:!0,month:c,numberOfMonths:2,onDayClick:N,selectedDays:G,modifiers:q,initialMonth:s&&l.subMonths(s,1),toMonth:s,disabledDays:J,onDayMouseEnter:T,onMonthChange:M},selectedOption:j}})())};U.defaultProps={options:[{id:"default",label:"Default option",isManual:!0,value:{from:void 0,to:void 0}}]};const ce=e=>{const d=e,{className:t,children:a}=d,r=$(d,["className","children"]),s=S(t,_["date-picker--range__calendars-wrapper"]);return i.createElement("div",v(f({},r),{className:s}),a)};exports.DatePicker=H;exports.DatePickerRangeCalendarsWrapper=ce;exports.RangeDatePicker=U;