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

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

@@ -1 +0,0 @@
-var p=Object.defineProperty,f=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var s=Object.getOwnPropertySymbols;var r=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var a=(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={}))r.call(c,_)&&a(e,_,c[_]);if(s)for(var _ of s(c))x.call(c,_)&&a(e,_,c[_]);return e},h=(e,c)=>f(e,C(c));var u=(e,c)=>{var _={};for(var o in e)r.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 _};var M=require("../../assets/style-index32.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),y=require("clsx"),g=require("../FieldDescription/index.cjs.js"),S=require("../../chunks/Text-dd6930a2.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

@@ -1,64 +0,0 @@
-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 "../../assets/style-index32.css";
-import * as b from "react";
-import q from "clsx";
-import { FieldDescription as $ } from "../FieldDescription/index.es.js";
-import { T as E } from "../../chunks/Text-78b02609.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

@@ -1 +0,0 @@
-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};var se=require("../../assets/style-index31.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react"),z=require("react-day-picker"),I=require("@livechat/design-system-icons"),N=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:S}=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(!S){const E=l.addMonths(k,12);return a(E)}const o=Math.abs(l.differenceInCalendarMonths(S,k)),p=l.addMonths(k,!Number.isNaN(o)&&o>12?12:o);return y===2&&l.isSameMonth(p,S)?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:N({[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:N({[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:N({[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:N({[b.navButtonNext]:!0,[b.navButtonInteractionDisabled]:!s}),onClick:c},i.createElement(R.Icon,{source:I.DoubleArrowRight,kind:"subtle"}))))},ee=K,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),te=(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),ae=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):{}},re=(e,t)=>f({container:N({[_[`${n}`]]:!0,[_[`${n}--range`]]:e}),wrapper:_[`${n}__wrapper`],interactionDisabled:_[`${n}--interaction-disabled`],months:_[`${n}__months`],month:_[`${n}__month`],navBar:_[`${n}__nav-bar`],navButtonPrev:N(_[`${n}__nav-button`],_[`${n}__nav-button--prev`]),navButtonNext:N(_[`${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",_e=e=>{const t=e.getDate();return i.createElement("div",{className:_[`${B}__day-wrapper`]},i.createElement("div",{className:_[`${B}__day-content`]},t))},ne=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,S=$(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(()=>re(a,t),[a,t]);return i.createElement(z,f({navbarElement:y||i.createElement(ee,{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||_e},S))},H=i.forwardRef((e,t)=>i.createElement(ne,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 ce=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}),ae(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]=ce({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]),S=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(()=>te(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:S,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 de=e=>{const d=e,{className:t,children:a}=d,r=$(d,["className","children"]),s=N(t,_["date-picker--range__calendars-wrapper"]);return i.createElement("div",v(f({},r),{className:s}),a)};exports.DatePicker=H;exports.DatePickerRangeCalendarsWrapper=de;exports.RangeDatePicker=U;

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

@@ -1,517 +0,0 @@
-var K = Object.defineProperty, ee = Object.defineProperties;
-var te = Object.getOwnPropertyDescriptors;
-var w = Object.getOwnPropertySymbols;
-var B = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable;
-var W = (e, t, a) => t in e ? K(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a, y = (e, t) => {
-  for (var a in t || (t = {}))
-    B.call(t, a) && W(e, a, t[a]);
-  if (w)
-    for (var a of w(t))
-      x.call(t, a) && W(e, a, t[a]);
-  return e;
-}, D = (e, t) => ee(e, te(t));
-var A = (e, t) => {
-  var a = {};
-  for (var _ in e)
-    B.call(e, _) && t.indexOf(_) < 0 && (a[_] = e[_]);
-  if (e != null && w)
-    for (var _ of w(e))
-      t.indexOf(_) < 0 && x.call(e, _) && (a[_] = e[_]);
-  return a;
-};
-import "../../assets/style-index31.css";
-import * as s from "react";
-import { useReducer as ae, useRef as re, useEffect as P, useCallback as R, useMemo as I } from "react";
-import _e from "react-day-picker";
-import { DoubleArrowLeft as ne, ChevronLeft as ce, ChevronRight as de, DoubleArrowRight as oe } from "@livechat/design-system-icons";
-import v from "clsx";
-import { subMonths as S, differenceInCalendarMonths as F, addMonths as H, isSameMonth as g, isSameDay as L, isAfter as Y, differenceInCalendarDays as V } from "date-fns";
-import { Icon as $ } from "../Icon/index.es.js";
-const r = {
-  "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"
-}, U = "date-picker", ie = (e) => {
-  const {
-    onPreviousClick: t,
-    onMonthChange: a,
-    onNextClick: _,
-    showNextButton: i,
-    showPreviousButton: d,
-    className: l,
-    classNames: E,
-    numberOfMonths: m,
-    month: u,
-    fromMonth: T,
-    toMonth: N
-  } = e, b = () => {
-    typeof t == "function" && t();
-  }, C = () => {
-    typeof _ == "function" && _();
-  }, M = () => {
-    if (!T) {
-      const f = S(u, 12);
-      return a(f);
-    }
-    const o = Math.abs(F(u, T)), p = S(
-      u,
-      !Number.isNaN(o) && o > 12 ? 12 : o
-    );
-    return a(p);
-  }, c = () => {
-    if (!N) {
-      const f = H(u, 12);
-      return a(f);
-    }
-    const o = Math.abs(F(N, u)), p = H(
-      u,
-      !Number.isNaN(o) && o > 12 ? 12 : o
-    );
-    return m === 2 && g(p, N) ? a(S(p, 1)) : a(p);
-  };
-  return /* @__PURE__ */ s.createElement("div", { className: l }, /* @__PURE__ */ s.createElement("div", { className: r[`${U}__navbar-buttons-wrapper`] }, /* @__PURE__ */ s.createElement(
-    "button",
-    {
-      "data-testid": "date-picker-prev-year-button",
-      className: v({
-        [E.navButtonPrev]: !0,
-        [E.navButtonInteractionDisabled]: !d
-      }),
-      onClick: M
-    },
-    /* @__PURE__ */ s.createElement($, { source: ne, kind: "subtle" })
-  ), /* @__PURE__ */ s.createElement(
-    "button",
-    {
-      "data-testid": "date-picker-prev-month-button",
-      className: v({
-        [E.navButtonPrev]: !0,
-        [E.navButtonInteractionDisabled]: !d
-      }),
-      onClick: b
-    },
-    /* @__PURE__ */ s.createElement($, { source: ce, kind: "subtle" })
-  )), /* @__PURE__ */ s.createElement("div", { className: r[`${U}__navbar-buttons-wrapper`] }, /* @__PURE__ */ s.createElement(
-    "button",
-    {
-      "data-testid": "date-picker-next-month-button",
-      className: v({
-        [E.navButtonNext]: !0,
-        [E.navButtonInteractionDisabled]: !i
-      }),
-      onClick: C
-    },
-    /* @__PURE__ */ s.createElement($, { source: de, kind: "subtle" })
-  ), /* @__PURE__ */ s.createElement(
-    "button",
-    {
-      "data-testid": "date-picker-next-year-button",
-      className: v({
-        [E.navButtonNext]: !0,
-        [E.navButtonInteractionDisabled]: !i
-      }),
-      onClick: c
-    },
-    /* @__PURE__ */ s.createElement($, { source: oe, kind: "subtle" })
-  )));
-}, se = ie, n = "date-picker", Z = (e, t) => {
-  const { from: a, to: _ } = t;
-  return !(_ && !L(e, _) && Y(e, _) || a && !L(e, a) && !Y(e, a));
-}, X = (e, t, a) => t ? e && !g(e, t) || a && g(t, a) ? S(t, 1) : t : S(a || /* @__PURE__ */ new Date(), 1), le = (e, t) => {
-  const a = {
-    [r[`${n}__day--monday`]]: { daysOfWeek: [1] },
-    [r[`${n}__day--sunday`]]: { daysOfWeek: [0] },
-    [r[`${n}__day--start`]]: e,
-    [r[`${n}__day--end`]]: e
-  };
-  if (!t || !e)
-    return a;
-  const _ = V(t, e);
-  return _ > 0 ? D(y({}, a), {
-    [r[`${n}__day--end`]]: t
-  }) : _ < 0 ? D(y({}, a), {
-    [r[`${n}__day--start`]]: t
-  }) : a;
-}, h = (e, t) => {
-  const a = t.find((_) => _.id === e);
-  return a || void 0;
-}, G = (e, t) => !!(!e || e && t), ue = (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) : {};
-}, pe = (e, t) => y({
-  container: v({
-    [r[`${n}`]]: !0,
-    [r[`${n}--range`]]: e
-  }),
-  wrapper: r[`${n}__wrapper`],
-  interactionDisabled: r[`${n}--interaction-disabled`],
-  months: r[`${n}__months`],
-  month: r[`${n}__month`],
-  navBar: r[`${n}__nav-bar`],
-  navButtonPrev: v(
-    r[`${n}__nav-button`],
-    r[`${n}__nav-button--prev`]
-  ),
-  navButtonNext: v(
-    r[`${n}__nav-button`],
-    r[`${n}__nav-button--next`]
-  ),
-  navButtonInteractionDisabled: r[`${n}__nav-button--interaction-disabled`],
-  caption: r[`${n}__caption`],
-  weekdays: r[`${n}__weekdays`],
-  weekdaysRow: r[`${n}__weekdays-row`],
-  weekday: r[`${n}__weekday`],
-  body: r[`${n}__body`],
-  week: r[`${n}__week`],
-  weekNumber: r[`${n}__week-number`],
-  day: r[`${n}__day`],
-  footer: r[`${n}__footer`],
-  todayButton: r[`${n}__today-button`],
-  today: r[`${n}__day--today`],
-  selected: r[`${n}__day--selected`],
-  disabled: r[`${n}__day--disabled`],
-  outside: r[`${n}__day--outside`],
-  start: r[`${n}__day--start`],
-  end: r[`${n}__day--end`]
-}, t), J = "date-picker", ke = (e) => {
-  const t = e.getDate();
-  return /* @__PURE__ */ s.createElement("div", { className: r[`${J}__day-wrapper`] }, /* @__PURE__ */ s.createElement("div", { className: r[`${J}__day-content`] }, t));
-}, me = (e) => {
-  const p = e, {
-    classNames: t,
-    range: a,
-    toMonth: _,
-    month: i,
-    fromMonth: d,
-    firstDayOfWeek: l,
-    numberOfMonths: E,
-    navbarElement: m,
-    renderDay: u,
-    innerRef: T
-  } = p, N = A(p, [
-    "classNames",
-    "range",
-    "toMonth",
-    "month",
-    "fromMonth",
-    "firstDayOfWeek",
-    "numberOfMonths",
-    "navbarElement",
-    "renderDay",
-    "innerRef"
-  ]), [b, C] = s.useState(i || /* @__PURE__ */ new Date());
-  s.useEffect(() => {
-    i && i !== b && C(i);
-  }, [i, b]), s.useEffect(() => {
-    _ && (Z(b, { from: d, to: _ }) || C(_));
-  }, [b, e.toMonth, e.fromMonth]);
-  const M = s.useCallback(
-    (f) => {
-      if (e.onMonthChange && f) {
-        e.onMonthChange(f);
-        return;
-      }
-      C(f);
-    },
-    [i, e.onMonthChange]
-  );
-  let c = 1;
-  (l === 0 || l && l < 7) && (c = l);
-  const o = s.useMemo(
-    () => pe(a, t),
-    [a, t]
-  );
-  return /* @__PURE__ */ s.createElement(
-    _e,
-    y({
-      navbarElement: m || /* @__PURE__ */ s.createElement(
-        se,
-        {
-          month: b,
-          classNames: o,
-          numberOfMonths: E,
-          onMonthChange: M,
-          toMonth: _,
-          fromMonth: d
-        }
-      ),
-      ref: T,
-      classNames: o,
-      numberOfMonths: E,
-      toMonth: _,
-      fromMonth: d,
-      firstDayOfWeek: c,
-      month: b,
-      renderDay: u || ke
-    }, N)
-  );
-}, ye = s.forwardRef(
-  (e, t) => /* @__PURE__ */ s.createElement(me, y({ innerRef: t }, e))
-);
-ye.displayName = "DatePicker";
-var k = /* @__PURE__ */ ((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))(k || {});
-const fe = (e) => {
-  const t = X(
-    e.initialFromDate,
-    e.initialToDate,
-    e.toMonth
-  ), _ = y(y({}, {
-    selectedItem: null,
-    from: void 0,
-    to: void 0,
-    temporaryTo: void 0,
-    currentMonth: t
-  }), ue(e));
-  function i(d, l) {
-    switch (l.type) {
-      case k.NEW_SELECTED_ITEM:
-        return {
-          selectedItem: l.payload.selectedItem,
-          from: void 0,
-          to: void 0,
-          temporaryTo: void 0,
-          currentMonth: t
-        };
-      case k.NEW_TEMPORARY_TO_VALUE:
-        return D(y({}, d), {
-          temporaryTo: l.payload.date
-        });
-      case k.SELECT_FIRST_DAY:
-        return D(y({}, d), {
-          from: l.payload.date,
-          to: void 0,
-          temporaryTo: void 0
-        });
-      case k.SELECT_SECOND_DAY_AS_FROM:
-        return D(y({}, d), {
-          from: l.payload.date,
-          to: d.from,
-          temporaryTo: d.from
-        });
-      case k.SELECT_SECOND_DAY_AS_TO:
-        return D(y({}, d), {
-          to: l.payload.date,
-          temporaryTo: l.payload.date
-        });
-      case k.CURRENT_MONTH_CHANGE:
-        return D(y({}, d), {
-          currentMonth: l.payload.date
-        });
-      case k.SET_FROM:
-        return D(y({}, d), {
-          from: l.payload.date
-        });
-      case k.SET_TO:
-        return D(y({}, d), {
-          to: l.payload.date
-        });
-      default:
-        return d;
-    }
-  }
-  return ae(i, _);
-}, Ee = ({
-  options: e,
-  initialSelectedItemKey: t,
-  initialFromDate: a,
-  initialToDate: _,
-  toMonth: i,
-  onChange: d,
-  children: l
-}) => {
-  const E = re(
-    t || null
-  ), [m, u] = fe({
-    options: e,
-    initialSelectedItemKey: t,
-    initialFromDate: a,
-    initialToDate: _,
-    toMonth: i,
-    onChange: d,
-    children: l
-  });
-  P(() => {
-    u({
-      type: k.SET_FROM,
-      payload: { date: a }
-    });
-  }, [a]), P(() => {
-    u({
-      type: k.SET_TO,
-      payload: { date: _ }
-    });
-  }, [_]), P(() => {
-    const c = X(
-      a,
-      _,
-      i
-    );
-    u({
-      type: k.CURRENT_MONTH_CHANGE,
-      payload: { date: c }
-    });
-  }, [i, a, _]), P(() => {
-    const { from: c, selectedItem: o, to: p } = m;
-    if (!(c && p))
-      return;
-    const f = h(o, e);
-    f && (d == null || d(D(y({}, f), {
-      value: {
-        from: c,
-        to: p
-      }
-    })));
-  }, [m.from, m.to, m.selectedItem, e, d]), P(() => {
-    const { selectedItem: c } = m;
-    if (c === E.current)
-      return;
-    if (!c) {
-      d(null);
-      return;
-    }
-    if (!h(c, e))
-      return;
-    const p = e.reduce(
-      (f, O) => D(y({}, f), { [O.id]: O }),
-      {}
-    );
-    d(p[c]);
-  }, [d, m.selectedItem, e]);
-  const T = R(
-    (c) => {
-      const o = i ? V(i, c) >= 0 : !0;
-      !G(m.from, m.to) && o && u({
-        type: k.NEW_TEMPORARY_TO_VALUE,
-        payload: { date: c }
-      });
-    },
-    [i, m.from, m.to]
-  ), N = R(
-    (c) => {
-      const { from: o, to: p } = m;
-      Z(c, { to: i }) && (G(o, p) ? u({
-        type: k.SELECT_FIRST_DAY,
-        payload: { date: c }
-      }) : o && L(c, o) || o && Y(c, o) ? u({
-        type: k.SELECT_SECOND_DAY_AS_TO,
-        payload: { date: c }
-      }) : u({
-        type: k.SELECT_SECOND_DAY_AS_FROM,
-        payload: { date: c }
-      }));
-    },
-    [i, m.from, m.to]
-  ), b = R(
-    (c) => {
-      if (c === null) {
-        u({
-          type: k.NEW_SELECTED_ITEM,
-          payload: { selectedItem: null }
-        });
-        return;
-      }
-      h(c, e) && u({
-        type: k.NEW_SELECTED_ITEM,
-        payload: { selectedItem: c }
-      });
-    },
-    [e]
-  ), C = R((c) => {
-    u({
-      type: k.CURRENT_MONTH_CHANGE,
-      payload: { date: c }
-    });
-  }, []);
-  return l((() => {
-    const { currentMonth: c, from: o, selectedItem: p, temporaryTo: f, to: O } = m, j = I(
-      () => le(o, f),
-      [o, f]
-    ), q = I(() => h(p, e), [e, p]), Q = I(() => [o, { from: o, to: f }], [o, f]), z = I(() => i ? { after: i } : void 0, [i]);
-    return {
-      select: {
-        onItemSelect: b,
-        selected: p || ""
-      },
-      inputs: {
-        fromDate: o,
-        toDate: O
-      },
-      datepicker: {
-        range: !0,
-        month: c,
-        numberOfMonths: 2,
-        onDayClick: N,
-        selectedDays: Q,
-        modifiers: j,
-        initialMonth: i && S(i, 1),
-        toMonth: i,
-        disabledDays: z,
-        onDayMouseEnter: T,
-        onMonthChange: C
-      },
-      selectedOption: q
-    };
-  })());
-};
-Ee.defaultProps = {
-  options: [
-    {
-      id: "default",
-      label: "Default option",
-      isManual: !0,
-      value: {
-        from: void 0,
-        to: void 0
-      }
-    }
-  ]
-};
-const he = (e) => {
-  const d = e, { className: t, children: a } = d, _ = A(d, ["className", "children"]), i = v(
-    t,
-    r["date-picker--range__calendars-wrapper"]
-  );
-  return /* @__PURE__ */ s.createElement("div", D(y({}, _), { className: i }), a);
-};
-export {
-  ye as DatePicker,
-  he as DatePickerRangeCalendarsWrapper,
-  Ee as RangeDatePicker
-};

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

@@ -1 +0,0 @@
-var R=require("../../assets/style-index30.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),N=require("@livechat/design-system-icons"),c=require("clsx"),x=require("../Button/index.cjs.js"),y=require("../Icon/index.cjs.js"),I=require("../../chunks/Heading-597d11a4.js");function q(l){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const r in l)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(l,r);Object.defineProperty(s,r,i.get?i:{enumerable:!0,get:()=>l[r]})}}return s.default=l,Object.freeze(s)}const a=q(S),e={"details-card":"lc-DetailsCard-module__details-card___cVoS7","details-card__button--fading":"lc-DetailsCard-module__details-card__button--fading___tQA02","details-card--with-divider":"lc-DetailsCard-module__details-card--with-divider___xyXvc","details-card__label-wrapper":"lc-DetailsCard-module__details-card__label-wrapper___7W-BY","details-card__label-wrapper--hide":"lc-DetailsCard-module__details-card__label-wrapper--hide___H-U4O","details-card__label-wrapper--fading":"lc-DetailsCard-module__details-card__label-wrapper--fading___yiAoB","details-card__label":"lc-DetailsCard-module__details-card__label___nhDQE","details-card__label--with-margin":"lc-DetailsCard-module__details-card__label--with-margin___w2S8X","details-card__label__left-node":"lc-DetailsCard-module__details-card__label__left-node___Slmc6","details-card__label__right-node":"lc-DetailsCard-module__details-card__label__right-node___ZrOLh","details-card__label__content":"lc-DetailsCard-module__details-card__label__content___Cfip3","details-card__button":"lc-DetailsCard-module__details-card__button___FWUG5","details-card__button--closed":"lc-DetailsCard-module__details-card__button--closed___TkMaQ","details-card__button__icon":"lc-DetailsCard-module__details-card__button__icon___iOlKd","details-card__button__icon--open":"lc-DetailsCard-module__details-card__button__icon--open___TI0Xq","details-card__content-wrapper":"lc-DetailsCard-module__details-card__content-wrapper___2UOlE","details-card__content-wrapper--open":"lc-DetailsCard-module__details-card__content-wrapper--open___ESQxg","details-card__content":"lc-DetailsCard-module__details-card__content___RNVd2","details-card__content--spacing":"lc-DetailsCard-module__details-card__content--spacing___QecUa","details-card__content--full-space":"lc-DetailsCard-module__details-card__content--full-space___2ms8I"},t="details-card",H=({children:l,className:s,leftNode:r,rightNode:i,label:u,withDivider:g,fullSpaceContent:w,openOnInit:C=!1,hideLabelOnOpen:n,onClick:m})=>{const[_,D]=a.useState(C),[b,$]=a.useState(0),d=a.useRef(null),v=c(e[t],g&&e[`${t}--with-divider`],s),f=n&&_,h=typeof u=="string",E=p=>{D(o=>!o),p.currentTarget.blur(),m==null||m()};return a.useEffect(()=>{const p=!!window.IntersectionObserver;if(d.current&&p){const o=new ResizeObserver(()=>{d.current&&b!==d.current.offsetHeight&&$(d.current.offsetHeight)});return o.observe(d.current),()=>o.disconnect()}},[d]),a.createElement("div",{className:v},a.createElement("div",{className:c(e[`${t}__label-wrapper`],n&&e[`${t}__label-wrapper--fading`],f&&e[`${t}__label-wrapper--hide`],_&&e[`${t}__label-wrapper--open`]),"aria-expanded":_,"aria-hidden":f,"data-testid":"details-card-label"},a.createElement("div",{className:c(e[`${t}__label`],n&&e[`${t}__label--with-margin`])},r&&a.createElement("div",{className:e[`${t}__label__left-node`]},r),h?a.createElement(I.Heading,{size:"xs",className:e[`${t}__label__content`]},u):a.createElement("div",{className:e[`${t}__label__content`]},u),i&&a.createElement("div",{className:e[`${t}__label__right-node`]},i))),a.createElement(x.Button,{kind:_&&n?"float":"text",icon:a.createElement(y.Icon,{source:N.ChevronRight,className:c(e[`${t}__button__icon`],_&&e[`${t}__button__icon--open`])}),className:c(e[`${t}__button`],!_&&e[`${t}__button--closed`],_&&e[`${t}__button--open`],n&&e[`${t}__button--fading`]),onClick:E,"aria-expanded":_}),a.createElement("div",null,a.createElement("div",{className:c(e[`${t}__content-wrapper`],_&&e[`${t}__content-wrapper--open`]),style:{maxHeight:_?b:0}},a.createElement("div",{ref:d,className:c(e[`${t}__content`],w&&e[`${t}__content--full-space`],n&&e[`${t}__content--spacing`])},l))))};exports.DetailsCard=H;