@livechat/design-system-react-components 1.17.1-alpha.2 → 1.17.1-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/{Tooltip-f6f4f9c2.js → Tooltip-1c5cb6fe.js} +5 -4
- package/dist/chunks/Tooltip-f9f79274.js +1 -0
- package/dist/components/ActionBar/index.cjs.js +1 -1
- package/dist/components/ActionBar/index.es.js +2 -2
- package/dist/components/ActionMenu/index.cjs.js +1 -1
- package/dist/components/ActionMenu/index.es.js +1 -1
- package/dist/components/Alert/index.cjs.js +1 -1
- package/dist/components/Alert/index.es.js +1 -1
- package/dist/components/Avatar/index.cjs.js +1 -1
- package/dist/components/Avatar/index.es.js +1 -1
- package/dist/components/Button/index.cjs.js +1 -1
- package/dist/components/Button/index.es.js +1 -1
- package/dist/components/Card/index.cjs.js +1 -1
- package/dist/components/Card/index.es.js +1 -1
- package/dist/components/Checkbox/index.cjs.js +1 -1
- package/dist/components/Checkbox/index.es.js +1 -1
- package/dist/components/DatePicker/index.cjs.js +1 -1
- package/dist/components/DatePicker/index.es.js +82 -82
- package/dist/components/DetailsCard/index.cjs.js +1 -1
- package/dist/components/DetailsCard/index.es.js +1 -1
- package/dist/components/FieldDescription/index.cjs.js +1 -1
- package/dist/components/FieldDescription/index.es.js +1 -1
- package/dist/components/FieldError/index.cjs.js +1 -1
- package/dist/components/FieldError/index.es.js +1 -1
- package/dist/components/FieldGroup/index.cjs.js +1 -1
- package/dist/components/FieldGroup/index.es.js +1 -1
- package/dist/components/FileUploadProgress/index.cjs.js +1 -1
- package/dist/components/FileUploadProgress/index.es.js +2 -2
- package/dist/components/FormField/index.cjs.js +1 -1
- package/dist/components/FormField/index.es.js +1 -1
- package/dist/components/Input/index.cjs.js +1 -1
- package/dist/components/Input/index.es.js +1 -1
- package/dist/components/Loader/index.cjs.js +1 -1
- package/dist/components/Loader/index.es.js +1 -1
- package/dist/components/Modal/index.cjs.js +1 -1
- package/dist/components/Modal/index.es.js +52 -53
- package/dist/components/Picker/index.cjs.js +1 -1
- package/dist/components/Picker/index.es.js +1 -1
- package/dist/components/Popover/index.cjs.js +1 -1
- package/dist/components/Popover/index.es.js +1 -1
- package/dist/components/Progress/index.cjs.js +1 -1
- package/dist/components/Progress/index.es.js +111 -54
- package/dist/components/PromoBanner/index.cjs.js +1 -1
- package/dist/components/PromoBanner/index.es.js +1 -1
- package/dist/components/PromoBannerV2/index.cjs.js +1 -1
- package/dist/components/PromoBannerV2/index.es.js +1 -1
- package/dist/components/RadioButton/index.cjs.js +1 -1
- package/dist/components/RadioButton/index.es.js +1 -1
- package/dist/components/Search/index.cjs.js +1 -1
- package/dist/components/Search/index.es.js +1 -1
- package/dist/components/SegmentedControl/index.cjs.js +1 -1
- package/dist/components/SegmentedControl/index.es.js +1 -1
- package/dist/components/Switch/index.cjs.js +1 -1
- package/dist/components/Switch/index.es.js +1 -1
- package/dist/components/Tab/index.cjs.js +1 -1
- package/dist/components/Tab/index.es.js +1 -1
- package/dist/components/Tag/index.cjs.js +1 -1
- package/dist/components/Tag/index.es.js +1 -1
- package/dist/components/TagInput/index.cjs.js +1 -1
- package/dist/components/TagInput/index.es.js +1 -1
- package/dist/components/Textarea/index.cjs.js +1 -1
- package/dist/components/Textarea/index.es.js +1 -1
- package/dist/components/Toast/index.cjs.js +1 -1
- package/dist/components/Toast/index.es.js +1 -1
- package/dist/components/Tooltip/components/UserGuide/index.cjs.js +1 -1
- package/dist/components/Tooltip/components/UserGuide/index.es.js +12 -12
- package/dist/components/Tooltip/components/index.cjs.js +1 -1
- package/dist/components/Tooltip/components/index.es.js +2 -2
- package/dist/components/Tooltip/index.cjs.js +1 -1
- package/dist/components/Tooltip/index.es.js +2 -2
- package/dist/components/UploadBar/index.cjs.js +1 -1
- package/dist/components/UploadBar/index.es.js +10 -11
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +116 -118
- package/dist/preview-stats.json +897 -903
- package/dist/style.css +1 -1
- package/package.json +2 -6
- package/dist/chunks/ProgressBar-3e0fd769.js +0 -87
- package/dist/chunks/ProgressBar-62d36b60.js +0 -1
- package/dist/chunks/Tooltip-8c427780.js +0 -1
|
@@ -13,8 +13,9 @@ var S = (t, o, e) => o in t ? ao(t, o, { enumerable: !0, configurable: !0, writa
|
|
|
13
13
|
import * as i from "react";
|
|
14
14
|
import { useFloating as To, offset as go, shift as yo, flip as vo, arrow as ho, autoUpdate as wo, useHover as xo, safePolygon as Po, useFocus as So, useDismiss as bo, useRole as Fo, useClick as Eo, useTransitionStyles as Mo, useTransitionStatus as Ro, useInteractions as Ao } from "@floating-ui/react";
|
|
15
15
|
import Vo from "clsx";
|
|
16
|
+
import "./Typography.module-93efb34d.js";
|
|
16
17
|
import { T as Do } from "./Text-b31d1e9a.js";
|
|
17
|
-
function
|
|
18
|
+
function Wo(t) {
|
|
18
19
|
switch (t) {
|
|
19
20
|
case "invert":
|
|
20
21
|
return "inverted";
|
|
@@ -61,7 +62,7 @@ const Qo = "lc-Tooltip-module__tooltip___QOOAr", jo = "lc-Tooltip-module__toolti
|
|
|
61
62
|
"reports-tooltip__heading__title": "lc-Tooltip-module__reports-tooltip__heading__title___6TlzE",
|
|
62
63
|
"reports-tooltip__heading__description": "lc-Tooltip-module__reports-tooltip__heading__description___eOQnc",
|
|
63
64
|
"reports-tooltip__content": "lc-Tooltip-module__reports-tooltip__content___jxis9"
|
|
64
|
-
}, a = "tooltip",
|
|
65
|
+
}, a = "tooltip", ko = ({
|
|
65
66
|
children: t,
|
|
66
67
|
className: o,
|
|
67
68
|
triggerClassName: e,
|
|
@@ -175,7 +176,7 @@ const Qo = "lc-Tooltip-module__tooltip___QOOAr", jo = "lc-Tooltip-module__toolti
|
|
|
175
176
|
));
|
|
176
177
|
};
|
|
177
178
|
export {
|
|
178
|
-
|
|
179
|
-
|
|
179
|
+
ko as T,
|
|
180
|
+
Wo as g,
|
|
180
181
|
n as s
|
|
181
182
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var at=Object.defineProperty,ut=Object.defineProperties;var dt=Object.getOwnPropertyDescriptors;var S=Object.getOwnPropertySymbols;var mt=Object.prototype.hasOwnProperty,ft=Object.prototype.propertyIsEnumerable;var x=(t,o,e)=>o in t?at(t,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[o]=e,n=(t,o)=>{for(var e in o||(o={}))mt.call(o,e)&&x(t,e,o[e]);if(S)for(var e of S(o))ft.call(o,e)&&x(t,e,o[e]);return t},g=(t,o)=>ut(t,dt(o));const gt=require("react"),l=require("@floating-ui/react"),Tt=require("clsx");require("./Typography.module-2558416b.js");const yt=require("./Text-df483689.js");function vt(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const _=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,_.get?_:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const s=vt(gt);function ht(t){switch(t){case"invert":return"inverted";default:return"primary"}}function wt(t,o,e,_){if(e)return{top:t?e+t:e};if(_)return{left:o?_+o:_}}const bt="lc-Tooltip-module__tooltip___QOOAr",Pt="lc-Tooltip-module__tooltip__arrow___Ov1YW",St="lc-Tooltip-module__tooltip__interactive___0JawB",c={tooltip:bt,tooltip__arrow:Pt,"tooltip--invert":"lc-Tooltip-module__tooltip--invert___PVjhE","tooltip--important":"lc-Tooltip-module__tooltip--important___X-IMK",tooltip__interactive:St,"tooltip__user-guide-step":"lc-Tooltip-module__tooltip__user-guide-step___evexI","tooltip--full-space":"lc-Tooltip-module__tooltip--full-space___wmbaw","tooltip-header":"lc-Tooltip-module__tooltip-header___QV0Vd","tooltip-header--info":"lc-Tooltip-module__tooltip-header--info___zLJ2Z","tooltip-image-container":"lc-Tooltip-module__tooltip-image-container___ySmcd","tooltip-image":"lc-Tooltip-module__tooltip-image___Aorwg","tooltip-text--info":"lc-Tooltip-module__tooltip-text--info___3d2Ql","tooltip-close":"lc-Tooltip-module__tooltip-close___3r3h9","tooltip-step":"lc-Tooltip-module__tooltip-step___-j0n8","tooltip-footer":"lc-Tooltip-module__tooltip-footer___9hxFq","tooltip-footer-secondary":"lc-Tooltip-module__tooltip-footer-secondary___WBgVR","tooltip-footer-secondary-invert":"lc-Tooltip-module__tooltip-footer-secondary-invert___PuAQL","tooltip-footer--interactive":"lc-Tooltip-module__tooltip-footer--interactive___hqMM5","tooltip-footer--user-guide-step":"lc-Tooltip-module__tooltip-footer--user-guide-step___i7z3S","guide-tooltip--slide":"lc-Tooltip-module__guide-tooltip--slide___Uawm2","guide-tooltip__overlay":"lc-Tooltip-module__guide-tooltip__overlay___IyrKK","guide-tooltip__overlay--slide":"lc-Tooltip-module__guide-tooltip__overlay--slide___VW8oq","guide-tooltip__overlay--visible":"lc-Tooltip-module__guide-tooltip__overlay--visible___dbdsZ","reports-tooltip":"lc-Tooltip-module__reports-tooltip___amyTo","reports-tooltip__heading":"lc-Tooltip-module__reports-tooltip__heading___FtjvD","reports-tooltip__heading__title":"lc-Tooltip-module__reports-tooltip__heading__title___6TlzE","reports-tooltip__heading__description":"lc-Tooltip-module__reports-tooltip__heading__description___eOQnc","reports-tooltip__content":"lc-Tooltip-module__reports-tooltip__content___jxis9"},a="tooltip",xt=({children:t,className:o,triggerClassName:e,triggerRenderer:_,theme:u,kind:j,placement:q="bottom",isVisible:T,fullSpaceContent:F,onClose:d,onOpen:m,withFadeAnimation:M=!0,transitionDuration:R=200,hoverOnDuration:D,hoverOffDuration:E,transitionDelay:A=0,hoverOnDelay:I,hoverOffDelay:V,triggerOnClick:N=!1,offsetMainAxis:Q=8,referenceElement:f,activationThreshold:z=0,useDismissHookProps:$,useClickHookProps:k,hoverOutDelayTimeout:C=100,arrowOffsetY:K,arrowOffsetX:W,closeOnTriggerBlur:B=!1,floatingStrategy:J})=>{const y=T!==void 0,[L,O]=s.useState(!1),v=s.useRef(null),h=y?T:L,w=j||u,U=Tt(c[a],o,w&&c[`${a}--${w}`],F&&c[`${a}--full-space`]),Z=typeof _=="function",H=i=>{i!==h&&(i?m==null||m():d==null||d(),!y&&O(i))},b=i=>M?i!=null?i:R:0,P=i=>i!=null?i:A,{floatingStyles:X,refs:p,context:r,middlewareData:{arrow:{x:Y,y:G}={}},placement:tt}=l.useFloating({middleware:[l.offset({mainAxis:Q}),l.shift(),l.flip(),l.arrow({element:v})],placement:q,open:h,strategy:J,onOpenChange:H,whileElementsMounted:l.autoUpdate}),ot=l.useHover(r,{move:!1,restMs:z,delay:{open:P(I),close:P(V||C)},enabled:!N,handleClose:B?null:l.safePolygon()}),et=l.useFocus(r),lt=l.useDismiss(r,$),it=l.useRole(r,{role:"tooltip"}),_t=l.useClick(r,k),{isMounted:st,styles:rt}=l.useTransitionStyles(r,{duration:{open:b(D),close:b(E)}}),{status:nt}=l.useTransitionStatus(r),{getReferenceProps:ct,getFloatingProps:pt}=l.useInteractions([ot,et,lt,it,_t]);return s.useEffect(()=>{f&&p.setReference(f)},[p.setReference,f]),s.createElement(s.Fragment,null,s.createElement("div",g(n({ref:p.setReference},ct()),{className:e}),Z?_():_),st&&s.createElement("div",g(n({ref:p.setFloating,style:n(n({},X),rt),className:U},pt()),{"data-status":nt}),s.createElement(yt.Text,{as:"div"},t),s.createElement("div",{ref:v,className:c[`${a}__arrow`],"aria-placement":tt,style:n({},wt(K,W,G,Y))})))};exports.Tooltip=xt;exports.getIconType=ht;exports.styles=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var M=Object.defineProperty;var y=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var B=(e,t,n)=>t in e?M(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,w=(e,t)=>{for(var n in t||(t={}))O.call(t,n)&&B(e,n,t[n]);if(y)for(var n of y(t))S.call(t,n)&&B(e,n,t[n]);return e};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react"),h=require("@livechat/design-system-icons"),b=require("clsx"),E=require("../ActionMenu/index.cjs.js"),A=require("../Button/index.cjs.js"),P=require("../Icon/index.cjs.js"),T=require("../../chunks/Tooltip-
|
|
1
|
+
"use strict";var M=Object.defineProperty;var y=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var B=(e,t,n)=>t in e?M(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,w=(e,t)=>{for(var n in t||(t={}))O.call(t,n)&&B(e,n,t[n]);if(y)for(var n of y(t))S.call(t,n)&&B(e,n,t[n]);return e};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react"),h=require("@livechat/design-system-icons"),b=require("clsx"),E=require("../ActionMenu/index.cjs.js"),A=require("../Button/index.cjs.js"),P=require("../Icon/index.cjs.js"),T=require("../../chunks/Tooltip-f9f79274.js");require("../../chunks/Typography.module-2558416b.js");require("@floating-ui/react");require("../../chunks/keyCodes-c4c35e49.js");require("../../chunks/Text-df483689.js");require("../Loader/index.cjs.js");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=j(x),_={"action-bar":"lc-ActionBar-module__action-bar___TJitF","action-bar__items":"lc-ActionBar-module__action-bar__items___uhoQA","action-bar__items--scroll":"lc-ActionBar-module__action-bar__items--scroll___f--dN","action-bar__items__button":"lc-ActionBar-module__action-bar__items__button___Vdjl7","action-bar__items__button--active":"lc-ActionBar-module__action-bar__items__button--active___PFLdm","action-bar__items__button--hidden":"lc-ActionBar-module__action-bar__items__button--hidden___C00VA","action-bar__items__tooltip":"lc-ActionBar-module__action-bar__items__tooltip___BuQPo","action-bar__menu-wrapper":"lc-ActionBar-module__action-bar__menu-wrapper___OMWP5","action-bar__menu-wrapper__button":"lc-ActionBar-module__action-bar__menu-wrapper__button___MDsLx","action-bar__menu-wrapper__button__with-item":"lc-ActionBar-module__action-bar__menu-wrapper__button__with-item___FYlqL","fade-in":"lc-ActionBar-module__fade-in___tQvzD","action-bar__menu-wrapper__button--active":"lc-ActionBar-module__action-bar__menu-wrapper__button--active___Hlzoc","action-bar__menu-wrapper__trigger-vertical":"lc-ActionBar-module__action-bar__menu-wrapper__trigger-vertical___84WL1","action-bar--vertical":"lc-ActionBar-module__action-bar--vertical___tMzLJ"},g="action-bar__items",D=({option:e,menuItemsKeys:t,activeOptionKey:n,vertical:o})=>{const d=b(_[`${g}__button`],{[_[`${g}__button--hidden`]]:t.includes(e.key),[_[`${g}__button--active`]]:e.key===n});if(e.showTooltip){const l=t.includes(e.key)&&{isVisible:!1};return r.createElement(T.Tooltip,w({kind:"invert",placement:o?"left":"bottom",triggerClassName:_[`${g}__tooltip`],triggerRenderer:()=>r.createElement(A.Button,{id:e.key,key:e.key,title:e.label,kind:"plain",className:d,onClick:e.onClick,icon:e.element})},l),r.createElement("div",null,e.label))}return r.createElement(A.Button,{id:e.key,key:e.key,title:e.label,kind:"plain",className:d,onClick:e.onClick,icon:e.element})},m="action-bar",L=({className:e,id:t="action-bar-area",type:n="menu",options:o,activeOptionKey:d,vertical:l})=>{const[s,v]=r.useState([]),f=n==="scroll",C=b(_[m],e,l&&_[`${m}--vertical`]),p=`${m}__menu-wrapper`,$={root:document.querySelector(`${t}`),threshold:1},q=!f&&s.length!==0,N=a=>{a.map(c=>{const i=s.includes(c.target.id);if(!c.isIntersecting){c.target.setAttribute("tabindex","-1"),i||v(u=>[...u,c.target.id]);return}c.target.removeAttribute("tabindex"),i&&v(s.filter(u=>u!==c.target.id))})};r.useEffect(()=>{const a=!!window.IntersectionObserver;if(!f&&a){const c=document.querySelectorAll(`.${_[`${m}__items__button`]}`),i=new IntersectionObserver(N,$);return c.forEach(u=>i.observe(u)),()=>i.disconnect()}},[s,f]);const I=a=>o.filter(i=>a.find(u=>u===i.key)).map(i=>({key:i.key,element:r.createElement(E.ActionMenuItem,{leftNode:i.element},i.label),onClick:i.onClick})),k=o.filter(a=>s.find(c=>c===a.key)).find(a=>a.key===d);return r.createElement("div",{id:t,className:C},r.createElement("div",{className:b(_[`${m}__items`],{[_[`${m}__items--scroll`]]:f})},o.map(a=>r.createElement(D,{option:a,menuItemsKeys:s,activeOptionKey:d,vertical:l}))),q&&r.createElement("div",{className:_[p]},r.createElement(E.ActionMenu,{placement:l?"left-end":"bottom-end",options:I(s),triggerClassName:b(l&&_[`${p}__trigger-vertical`]),triggerRenderer:r.createElement(A.Button,{className:b(_[`${p}__button`],k&&_[`${p}__button--active`]),kind:"plain",icon:r.createElement(P.Icon,{source:l?h.ChevronLeft:h.ChevronDown,kind:"primary"}),iconPosition:"right"},k&&r.createElement("div",{className:b(_[`${p}__button__with-item`])},k.element))})))};exports.ActionBar=L;
|
|
@@ -15,11 +15,11 @@ import u from "clsx";
|
|
|
15
15
|
import { ActionMenu as S, ActionMenuItem as T } from "../ActionMenu/index.es.js";
|
|
16
16
|
import { Button as A } from "../Button/index.es.js";
|
|
17
17
|
import { Icon as D } from "../Icon/index.es.js";
|
|
18
|
-
import { T as P } from "../../chunks/Tooltip-
|
|
18
|
+
import { T as P } from "../../chunks/Tooltip-1c5cb6fe.js";
|
|
19
|
+
import "../../chunks/Typography.module-93efb34d.js";
|
|
19
20
|
import "@floating-ui/react";
|
|
20
21
|
import "../../chunks/keyCodes-30323e90.js";
|
|
21
22
|
import "../../chunks/Text-b31d1e9a.js";
|
|
22
|
-
import "../../chunks/Typography.module-93efb34d.js";
|
|
23
23
|
import "../Loader/index.es.js";
|
|
24
24
|
const _ = {
|
|
25
25
|
"action-bar": "lc-ActionBar-module__action-bar___TJitF",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var _e=Object.defineProperty,ce=Object.defineProperties;var re=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var V=(t,i,n)=>i in t?_e(t,i,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[i]=n,f=(t,i)=>{for(var n in i||(i={}))j.call(i,n)&&V(t,n,i[n]);if(k)for(var n of k(i))p.call(i,n)&&V(t,n,i[n]);return t},D=(t,i)=>ce(t,re(i));var H=(t,i)=>{var n={};for(var c in t)j.call(t,c)&&i.indexOf(c)<0&&(n[c]=t[c]);if(t!=null&&k)for(var c of k(t))i.indexOf(c)<0&&p.call(t,c)&&(n[c]=t[c]);return n};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ae=require("react"),l=require("@floating-ui/react"),le=require("@livechat/design-system-icons"),N=require("clsx"),K=require("../../chunks/keyCodes-c4c35e49.js"),ue=require("../Icon/index.cjs.js")
|
|
1
|
+
"use strict";var _e=Object.defineProperty,ce=Object.defineProperties;var re=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var V=(t,i,n)=>i in t?_e(t,i,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[i]=n,f=(t,i)=>{for(var n in i||(i={}))j.call(i,n)&&V(t,n,i[n]);if(k)for(var n of k(i))p.call(i,n)&&V(t,n,i[n]);return t},D=(t,i)=>ce(t,re(i));var H=(t,i)=>{var n={};for(var c in t)j.call(t,c)&&i.indexOf(c)<0&&(n[c]=t[c]);if(t!=null&&k)for(var c of k(t))i.indexOf(c)<0&&p.call(t,c)&&(n[c]=t[c]);return n};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ae=require("react"),l=require("@floating-ui/react"),le=require("@livechat/design-system-icons"),N=require("clsx"),K=require("../../chunks/keyCodes-c4c35e49.js"),ue=require("../Icon/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");const oe=require("../../chunks/Text-df483689.js");function se(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(i,n,c.get?c:{enumerable:!0,get:()=>t[n]})}}return i.default=t,Object.freeze(i)}const _=se(ae),u={"action-menu":"lc-ActionMenu-module__action-menu___K2UwW","action-menu__trigger-button":"lc-ActionMenu-module__action-menu__trigger-button___tBrz5","action-menu__list":"lc-ActionMenu-module__action-menu__list___9pNUX","action-menu__list__group-header":"lc-ActionMenu-module__action-menu__list__group-header___n-DTq","action-menu__list__item":"lc-ActionMenu-module__action-menu__list__item___n-OgH","action-menu__list__item--with-divider":"lc-ActionMenu-module__action-menu__list__item--with-divider___2H3Vm","action-menu__list__item--disabled":"lc-ActionMenu-module__action-menu__list__item--disabled___MgaX8","action-menu__list__item--selected":"lc-ActionMenu-module__action-menu__list__item--selected___eevlJ","action-menu__list__item__icon":"lc-ActionMenu-module__action-menu__list__item__icon___o3ePo"},o="action-menu",me=ge=>{var R=ge,{className:t,triggerClassName:i,options:n,triggerRenderer:c,placement:L="bottom-end",openedOnInit:U=!1,keepOpenOnClick:F,flipOptions:J,visible:x,onClose:m,onOpen:E,floatingStrategy:z,selectedOptions:d}=R,X=H(R,["className","triggerClassName","options","triggerRenderer","placement","openedOnInit","keepOpenOnClick","flipOptions","visible","onClose","onOpen","floatingStrategy","selectedOptions"]);const v=x!==void 0,[Y,A]=_.useState(U),s=_.useRef(-1),S=_.useRef(null),g=v?x:Y,B=()=>{g?(m==null||m(),!v&&A(!1)):(E==null||E(),!v&&A(!0))},{x:I,y:$,strategy:W,refs:T,context:w}=l.useFloating({middleware:[l.offset(4),l.flip(J)],placement:L,open:g,strategy:z,onOpenChange:B,whileElementsMounted:l.autoUpdate}),C=l.useClick(w),G=l.useDismiss(w,{enabled:g}),Q=l.useRole(w),{getReferenceProps:Z,getFloatingProps:O}=l.useInteractions([C,G,Q]),{styles:ee}=l.useTransitionStyles(w,{initial:({side:e})=>f({opacity:0},e==="bottom"&&{marginTop:-10}||e==="top"&&{marginTop:10}||e==="left"&&{marginLeft:10}||e==="right"&&{marginLeft:-10})}),te=e=>{var y,b;const r=s.current;let a=r+e;for(;(y=n[a])!=null&&y.disabled||(b=n[a])!=null&&b.groupHeader;)if(a+=e,a===-1){a=r;break}return a},P=e=>{var y,b;s.current=te(e);const r=(y=S.current)==null?void 0:y.children,a=r&&((b=r[s.current])==null?void 0:b.children[0]);return a==null?void 0:a.focus()},q=e=>{e.key===K.KeyCodes.arrowUp&&s.current>0&&(e.preventDefault(),P(-1)),e.key===K.KeyCodes.arrowDown&&s.current+1<n.length&&(e.preventDefault(),P(1))};_.useEffect(()=>{if(g)return document.addEventListener("keydown",q),()=>document.removeEventListener("keydown",q);s.current=-1},[g,q]);const ne=(e,r)=>{s.current=e,r==null||r(),!v&&!F&&(A(!1),m==null||m())},ie=(e,r)=>e.groupHeader?_.createElement("li",{key:e.key,role:"none",className:u[`${o}__list__group-header`]},e.element):_.createElement("li",{key:e.key,role:"none"},_.createElement("button",{"data-testid":e.key,tabIndex:-1,key:e.key,disabled:e.disabled,onClick:()=>ne(r,e.onClick),role:"menuitem",className:N(u[`${o}__list__item`],{[u[`${o}__list__item--disabled`]]:e.disabled,[u[`${o}__list__item--with-divider`]]:e.withDivider,[u[`${o}__list__item--selected`]]:d==null?void 0:d.includes(e.key)})},e.element,(d==null?void 0:d.includes(e.key))&&_.createElement("div",{className:u[`${o}__list__item__icon`]},_.createElement(ue.Icon,{source:le.Check,kind:"action-primary"}))));return _.createElement(_.Fragment,null,_.createElement("div",D(f({"aria-label":"Toggle menu","data-testid":"action-menu-trigger-button",ref:T.setReference},Z()),{className:i}),c),g&&_.createElement("div",f({ref:T.setFloating,className:u[o],style:f({position:W,top:$!=null?$:"",left:I!=null?I:""},ee)},O()),_.createElement("ul",D(f({},X),{className:N(u[`${o}__list`],t),role:"menu",ref:S}),n.map(ie))))},M={"action-menu-item":"lc-ActionMenuItem-module__action-menu-item___cT70J","action-menu-item__left-node":"lc-ActionMenuItem-module__action-menu-item__left-node___3R-o1","action-menu-item__right-node":"lc-ActionMenuItem-module__action-menu-item__right-node___uq0Ym","action-menu-item__label":"lc-ActionMenuItem-module__action-menu-item__label___OgJ80","action-menu-item--warning":"lc-ActionMenuItem-module__action-menu-item--warning___DgeYg"},h="action-menu-item",de=({leftNode:t,rightNode:i,children:n,kind:c})=>_.createElement("div",{className:N(M[h],{[M[`${h}--warning`]]:c==="warning"})},t&&_.createElement("div",{className:M[`${h}__left-node`]},t),_.createElement(oe.Text,{as:"div",className:M[`${h}__label`]},n),i&&_.createElement("div",{className:M[`${h}__right-node`]},i));exports.ActionMenu=me;exports.ActionMenuItem=de;
|
|
@@ -25,8 +25,8 @@ import { Check as fe } from "@livechat/design-system-icons";
|
|
|
25
25
|
import x from "clsx";
|
|
26
26
|
import { K as U } from "../../chunks/keyCodes-30323e90.js";
|
|
27
27
|
import { Icon as ye } from "../Icon/index.es.js";
|
|
28
|
-
import { T as be } from "../../chunks/Text-b31d1e9a.js";
|
|
29
28
|
import "../../chunks/Typography.module-93efb34d.js";
|
|
29
|
+
import { T as be } from "../../chunks/Text-b31d1e9a.js";
|
|
30
30
|
const m = {
|
|
31
31
|
"action-menu": "lc-ActionMenu-module__action-menu___K2UwW",
|
|
32
32
|
"action-menu__trigger-button": "lc-ActionMenu-module__action-menu__trigger-button___tBrz5",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var h=Object.defineProperty,z=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var s=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var A=(e,_,t)=>_ in e?h(e,_,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[_]=t,m=(e,_)=>{for(var t in _||(_={}))b.call(_,t)&&A(e,t,_[t]);if(s)for(var t of s(_))E.call(_,t)&&A(e,t,_[t]);return e},C=(e,_)=>z(e,I(_));var $=(e,_)=>{var t={};for(var r in e)b.call(e,r)&&_.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&s)for(var r of s(e))_.indexOf(r)<0&&E.call(e,r)&&(t[r]=e[r]);return t};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),o=require("@livechat/design-system-icons"),S=require("clsx"),T=require("lodash.debounce"),d=require("../Button/index.cjs.js"),v=require("../Icon/index.cjs.js")
|
|
1
|
+
"use strict";var h=Object.defineProperty,z=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var s=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var A=(e,_,t)=>_ in e?h(e,_,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[_]=t,m=(e,_)=>{for(var t in _||(_={}))b.call(_,t)&&A(e,t,_[t]);if(s)for(var t of s(_))E.call(_,t)&&A(e,t,_[t]);return e},C=(e,_)=>z(e,I(_));var $=(e,_)=>{var t={};for(var r in e)b.call(e,r)&&_.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&s)for(var r of s(e))_.indexOf(r)<0&&E.call(e,r)&&(t[r]=e[r]);return t};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),o=require("@livechat/design-system-icons"),S=require("clsx"),T=require("lodash.debounce"),d=require("../Button/index.cjs.js"),v=require("../Icon/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");const D=require("../../chunks/Text-df483689.js");require("../Loader/index.cjs.js");function O(e){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(_,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return _.default=e,Object.freeze(_)}const n=O(q),P="lc-Alert-module__alert___HBTns",R="lc-Alert-module__alert__icon___8TaAH",j="lc-Alert-module__alert__content___9nZdf",y="lc-Alert-module__alert__content__wrapper___aLBkP",M="lc-Alert-module__alert__content__wrapper__text___HDMbR",W="lc-Alert-module__alert__content__wrapper__cta___9L-oE",H="lc-Alert-module__alert__content__wrapper__cta__link___D9Igz",l={alert:P,alert__icon:R,alert__content:j,alert__content__wrapper:y,alert__content__wrapper__text:M,alert__content__wrapper__cta:W,alert__content__wrapper__cta__link:H,"alert__close-icon":"lc-Alert-module__alert__close-icon___rYxVy","alert--small":"lc-Alert-module__alert--small___Fyk-v","alert--medium":"lc-Alert-module__alert--medium___ItZWT","alert--large":"lc-Alert-module__alert--large___IH9yM","alert--info":"lc-Alert-module__alert--info___GmIGN","alert--warning":"lc-Alert-module__alert--warning___MubhD","alert--success":"lc-Alert-module__alert--success___fPtlZ","alert--error":"lc-Alert-module__alert--error___DKPo0"},L={info:{source:o.Info,kind:"link"},warning:{source:o.Warning,kind:"warning"},success:{source:o.CheckCircle,kind:"success"},error:{source:o.Block,kind:"error"}},c="alert",Z=G=>{var w=G,{children:e,className:_,primaryButton:t,secondaryButton:r,kind:p="info",onClose:f}=w,x=$(w,["children","className","primaryButton","secondaryButton","kind","onClose"]);const a=n.useRef(null),[i,u]=n.useState(null),N=S(l[c],l[`${c}--${p}`],i==="large"&&l[`${c}--large`],i==="medium"&&l[`${c}--medium`],i==="small"&&l[`${c}--small`],_);return n.useEffect(()=>{const g=()=>a.current&&a.current.offsetWidth<=400?u("small"):a.current&&a.current.offsetWidth>400&&a.current.offsetWidth<=800?u("medium"):u("large"),k=T(()=>{g()},500);return window.addEventListener("resize",k),g(),()=>window.removeEventListener("resize",k)}),n.createElement("div",m({ref:a,className:N},x),n.createElement("div",{className:l[`${c}__content`]},n.createElement("div",{className:l[`${c}__content__wrapper`]},n.createElement(v.Icon,C(m({},L[p]),{size:"large",className:l[`${c}__icon`]})),n.createElement(D.Text,{as:"div",className:l[`${c}__content__wrapper__text`]},e)),(t||r)&&n.createElement("div",{className:l[`${c}__content__wrapper__cta`]},t&&n.createElement(d.Button,{kind:"high-contrast",onClick:t.handleClick},t.label),r&&n.createElement(d.Button,{className:l[`${c}__content__wrapper__cta__link`],kind:"text",onClick:r.handleClick},r.label))),f&&n.createElement(d.Button,{"aria-label":"Close alert",type:"button",className:l[`${c}__close-icon`],size:"compact",kind:"plain",icon:n.createElement(v.Icon,{source:o.Close}),onClick:f}))};exports.Alert=Z;
|
|
@@ -25,9 +25,9 @@ import H from "clsx";
|
|
|
25
25
|
import L from "lodash.debounce";
|
|
26
26
|
import { Button as p } from "../Button/index.es.js";
|
|
27
27
|
import { Icon as h } from "../Icon/index.es.js";
|
|
28
|
+
import "../../chunks/Typography.module-93efb34d.js";
|
|
28
29
|
import { T as M } from "../../chunks/Text-b31d1e9a.js";
|
|
29
30
|
import "../Loader/index.es.js";
|
|
30
|
-
import "../../chunks/Typography.module-93efb34d.js";
|
|
31
31
|
const P = "lc-Alert-module__alert___HBTns", S = "lc-Alert-module__alert__icon___8TaAH", Z = "lc-Alert-module__alert__content___9nZdf", G = "lc-Alert-module__alert__content__wrapper___aLBkP", F = "lc-Alert-module__alert__content__wrapper__text___HDMbR", K = "lc-Alert-module__alert__content__wrapper__cta___9L-oE", V = "lc-Alert-module__alert__content__wrapper__cta__link___D9Igz", n = {
|
|
32
32
|
alert: P,
|
|
33
33
|
alert__icon: S,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var Q=Object.defineProperty;var c=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable;var E=(a,_,t)=>_ in a?Q(a,_,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[_]=t,A=(a,_)=>{for(var t in _||(_={}))S.call(_,t)&&E(a,t,_[t]);if(c)for(var t of c(_))h.call(_,t)&&E(a,t,_[t]);return a};var F=(a,_)=>{var t={};for(var r in a)S.call(a,r)&&_.indexOf(r)<0&&(t[r]=a[r]);if(a!=null&&c)for(var r of c(a))_.indexOf(r)<0&&h.call(a,r)&&(t[r]=a[r]);return t};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),T=require("@livechat/design-system-icons"),u=require("clsx"),V=require("../Icon/index.cjs.js"),G=require("../../chunks/Heading-617540b6.js")
|
|
1
|
+
"use strict";var Q=Object.defineProperty;var c=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable;var E=(a,_,t)=>_ in a?Q(a,_,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[_]=t,A=(a,_)=>{for(var t in _||(_={}))S.call(_,t)&&E(a,t,_[t]);if(c)for(var t of c(_))h.call(_,t)&&E(a,t,_[t]);return a};var F=(a,_)=>{var t={};for(var r in a)S.call(a,r)&&_.indexOf(r)<0&&(t[r]=a[r]);if(a!=null&&c)for(var r of c(a))_.indexOf(r)<0&&h.call(a,r)&&(t[r]=a[r]);return t};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),T=require("@livechat/design-system-icons"),u=require("clsx"),V=require("../Icon/index.cjs.js"),G=require("../../chunks/Heading-617540b6.js");require("../../chunks/Typography.module-2558416b.js");const K=require("polished");function W(a){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(_,t,r.get?r:{enumerable:!0,get:()=>a[t]})}}return _.default=a,Object.freeze(_)}const m=W(R),I=Array.from({length:10},(a,_)=>`--surface-avatar-${_+1}`);function q(a){if(!a)return;const _=a.split("").reduce((t,r)=>t+r.charCodeAt(0),0);return`var(${I[_%I.length]})`}function X(a="",_=2){const t=a.trim().split(/\s+/),r=t.map(o=>[...o][0]);if(_<1)return"";if(t.length<=_)return r.join("").toUpperCase();const s=[r[0]];for(let o=t.length-_+1;o<t.length;o++)s.push(r[o]);return s.join("").toUpperCase()}function J(a){let _=a;if(a.startsWith("var(--")&&a.endsWith(")")){const t=a.slice(4,-1);_=window.getComputedStyle(document.documentElement).getPropertyValue(t).trim()}return _&&K.getContrast(_,"#FFFFFF")>3?"var(--color-white)":"var(--color-black)"}const Y="lc-Avatar-module__avatar___1zTCE",Z="lc-Avatar-module__avatar__status___nX2Ls",z="lc-Avatar-module__avatar__rim___RCQ8Q",aa="lc-Avatar-module__avatar__image___YqfqE",e={avatar:Y,avatar__status:Z,"avatar__status--available":"lc-Avatar-module__avatar__status--available___tcpFg","avatar__status--unavailable":"lc-Avatar-module__avatar__status--unavailable___ciauF","avatar__status--unknown":"lc-Avatar-module__avatar__status--unknown___MBaGB","avatar__status--xxxsmall":"lc-Avatar-module__avatar__status--xxxsmall___8pkEO","avatar__status--circle":"lc-Avatar-module__avatar__status--circle___doV5H","avatar__status--xxsmall":"lc-Avatar-module__avatar__status--xxsmall___M69lx","avatar__status--xsmall":"lc-Avatar-module__avatar__status--xsmall___RKQiI","avatar__status--small":"lc-Avatar-module__avatar__status--small___cVrA7","avatar__status--medium":"lc-Avatar-module__avatar__status--medium___n5z1H","avatar__status--large":"lc-Avatar-module__avatar__status--large___Lt-0p","avatar__status--xlarge":"lc-Avatar-module__avatar__status--xlarge___RWIcJ","avatar__status--xxlarge":"lc-Avatar-module__avatar__status--xxlarge___crG9D","avatar__status--xxxlarge":"lc-Avatar-module__avatar__status--xxxlarge___Iv61X","avatar__status--rounded-square":"lc-Avatar-module__avatar__status--rounded-square___-My1P",avatar__rim:z,"avatar__rim--xxxsmall":"lc-Avatar-module__avatar__rim--xxxsmall___0CH9D","avatar__rim--xxsmall":"lc-Avatar-module__avatar__rim--xxsmall___Mde0K","avatar__rim--xsmall":"lc-Avatar-module__avatar__rim--xsmall___LAN-b","avatar__rim--small":"lc-Avatar-module__avatar__rim--small___FT8LX","avatar__rim--medium":"lc-Avatar-module__avatar__rim--medium___Dy0pr","avatar__rim--large":"lc-Avatar-module__avatar__rim--large___FPvGp","avatar__rim--xlarge":"lc-Avatar-module__avatar__rim--xlarge___CY0kN","avatar__rim--xxlarge":"lc-Avatar-module__avatar__rim--xxlarge___tE053","avatar__rim--xxxlarge":"lc-Avatar-module__avatar__rim--xxxlarge___amlGP",avatar__image:aa,"avatar__icon--xxxsmall":"lc-Avatar-module__avatar__icon--xxxsmall___KaoMa","avatar__icon--xxsmall":"lc-Avatar-module__avatar__icon--xxsmall___NJJNV","avatar__icon--xsmall":"lc-Avatar-module__avatar__icon--xsmall___yHEZK","avatar__icon--small":"lc-Avatar-module__avatar__icon--small___l6lBu","avatar__icon--medium":"lc-Avatar-module__avatar__icon--medium___LF4w2","avatar__icon--large":"lc-Avatar-module__avatar__icon--large___QntBf","avatar__icon--xlarge":"lc-Avatar-module__avatar__icon--xlarge___bcHbI","avatar__icon--xxlarge":"lc-Avatar-module__avatar__icon--xxlarge___sx8Fq","avatar__icon--xxxlarge":"lc-Avatar-module__avatar__icon--xxxlarge___4144S","avatar--circle":"lc-Avatar-module__avatar--circle___XwEz-","avatar--rounded-square":"lc-Avatar-module__avatar--rounded-square___m7-4I","avatar--xxxsmall":"lc-Avatar-module__avatar--xxxsmall___EHzpP","avatar--xxsmall":"lc-Avatar-module__avatar--xxsmall___EDOVp","avatar--xsmall":"lc-Avatar-module__avatar--xsmall___nI348","avatar--small":"lc-Avatar-module__avatar--small___UuQen","avatar--medium":"lc-Avatar-module__avatar--medium___Bt9Eo","avatar--large":"lc-Avatar-module__avatar--large___OU-08","avatar--xlarge":"lc-Avatar-module__avatar--xlarge___zwgeW","avatar--xxlarge":"lc-Avatar-module__avatar--xxlarge___Ur0ul","avatar--xxxlarge":"lc-Avatar-module__avatar--xxxlarge___Z-54U"},l="avatar",_a=ta=>{var b=ta,{alt:a,className:_,color:t,shape:r="circle",size:s="medium",src:o,status:v,text:p,type:n,withRim:f=!1}=b,k=F(b,["alt","className","color","shape","size","src","status","text","type","withRim"]);const i=n==="image"&&!o,[$,y]=m.useState(i),N=n==="image"&&!!o&&!$,C=n==="text",D=["xxxsmall","xxsmall","xsmall"].includes(s)?1:2,w=X(p,D),x=["xxxsmall","xxsmall","xsmall","small"].includes(s),d=t||q(p),O=d?J(d):void 0,P=C?{backgroundColor:d}:{},H=u(A({[e[l]]:!0,[e[`${l}--${r}`]]:!0,[e[`${l}--${s}`]]:!0,[e[`${l}--with-rim`]]:f},_?{[`${_}`]:_}:{})),j=u(e[`${l}__status`],e[`${l}__status--${r}`],e[`${l}__status--${s}`],...v?[e[`${l}__status--${v}`]]:[]),M=u(e[`${l}__icon`],e[`${l}__icon--${s}`]),B=u(e[`${l}__rim`],e[`${l}__rim--${s}`]),U=g=>x?"2xs":["medium"].includes(g)?"xs":["large","xlarge"].includes(g)?"sm":["xxlarge"].includes(g)?"lg":"xl",L=m.useCallback(()=>y(!0),[]);return m.useEffect(()=>{y(i)},[i]),m.createElement("div",A({className:H,style:P},k),f&&m.createElement("div",{"data-testid":`${l}__rim`,className:B}),v&&m.createElement("div",{"data-testid":`${l}__status`,className:j}),N&&m.createElement("img",{className:e[`${l}__image`],src:o,alt:a,onError:L}),C&&m.createElement(G.Heading,{as:"span",size:U(s),style:{color:O},bold:x,uppercase:x},w),$&&m.createElement(V.Icon,{"data-testid":`${l}__icon`,className:M,source:T.Person}))};exports.Avatar=_a;exports.generateAvatarColor=q;
|
|
@@ -23,8 +23,8 @@ import { Person as G } from "@livechat/design-system-icons";
|
|
|
23
23
|
import u from "clsx";
|
|
24
24
|
import { Icon as K } from "../Icon/index.es.js";
|
|
25
25
|
import { H as R } from "../../chunks/Heading-6b95d08b.js";
|
|
26
|
-
import { getContrast as W } from "polished";
|
|
27
26
|
import "../../chunks/Typography.module-93efb34d.js";
|
|
27
|
+
import { getContrast as W } from "polished";
|
|
28
28
|
const k = Array.from(
|
|
29
29
|
{ length: 10 },
|
|
30
30
|
(_, a) => `--surface-avatar-${a + 1}`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var N=Object.defineProperty;var r=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var p=(t,_,n)=>_ in t?N(t,_,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[_]=n,a=(t,_)=>{for(var n in _||(_={}))y.call(_,n)&&p(t,n,_[n]);if(r)for(var n of r(_))v.call(_,n)&&p(t,n,_[n]);return t};var h=(t,_)=>{var n={};for(var e in t)y.call(t,e)&&_.indexOf(e)<0&&(n[e]=t[e]);if(t!=null&&r)for(var e of r(t))_.indexOf(e)<0&&v.call(t,e)&&(n[e]=t[e]);return n};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),$=require("clsx"),q=require("../Loader/index.cjs.js");require("../../chunks/
|
|
1
|
+
"use strict";var N=Object.defineProperty;var r=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var p=(t,_,n)=>_ in t?N(t,_,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[_]=n,a=(t,_)=>{for(var n in _||(_={}))y.call(_,n)&&p(t,n,_[n]);if(r)for(var n of r(_))v.call(_,n)&&p(t,n,_[n]);return t};var h=(t,_)=>{var n={};for(var e in t)y.call(t,e)&&_.indexOf(e)<0&&(n[e]=t[e]);if(t!=null&&r)for(var e of r(t))_.indexOf(e)<0&&v.call(t,e)&&(n[e]=t[e]);return n};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),$=require("clsx"),q=require("../Loader/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");require("../../chunks/Text-df483689.js");function D(t){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const e=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(_,n,e.get?e:{enumerable:!0,get:()=>t[n]})}}return _.default=t,Object.freeze(_)}const u=D(S),L=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)"}},Z="lc-Button-module__btn___aijZJ",A="lc-Button-module__btn__loader___c8zZz",J="lc-Button-module__btn__icon___GVExB",o={btn:Z,"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:A,btn__icon:J,"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",M=u.forwardRef((P,j)=>{var f=P,{loading:t=!1,disabled:_=!1,type:n="button",fullWidth:e=!1,kind:b="basic",size:w="medium",icon:c=null,iconPosition:s="left",loaderLabel:x,className:z,children:m,href:B,onClick:C}=f,O=h(f,["loading","disabled","type","fullWidth","kind","size","icon","iconPosition","loaderLabel","className","children","href","onClick"]);const i=t||_,d=!m&&c,g=["text","link","link-light"].includes(b),k=B?"a":"button",E=$(z,o[l],o[`${l}--${b}`],o[`${l}--${w}`],{[o[`${l}--loading`]]:t,[o[`${l}--full-width`]]:e,[o[`${l}--with-${s}-icon`]]:c&&!d&&!g,[o[`${l}--icon-only`]]:d,[o[`${l}--icon-only--bg`]]:d&&g,[o[`${l}--disabled`]]:i});return u.createElement(k,a(a({ref:j,className:E,"aria-disabled":i,type:n,disabled:i},!i&&{href:B,onClick:C}),O),t&&u.createElement(q.Loader,a({size:"small",label:x,className:o[`${l}__loader`]},L(b))),c&&u.cloneElement(c,{className:$(c.props.className,o[`${l}__icon`],o[`${l}__icon--${s}`]),disabled:_}),u.createElement("div",{className:o[`${l}__content`]},m))});exports.Button=M;
|
|
@@ -21,8 +21,8 @@ var h = (t, _) => {
|
|
|
21
21
|
import * as i from "react";
|
|
22
22
|
import $ from "clsx";
|
|
23
23
|
import { Loader as A } from "../Loader/index.es.js";
|
|
24
|
-
import "../../chunks/Text-b31d1e9a.js";
|
|
25
24
|
import "../../chunks/Typography.module-93efb34d.js";
|
|
25
|
+
import "../../chunks/Text-b31d1e9a.js";
|
|
26
26
|
const J = (t) => {
|
|
27
27
|
if (t === "primary" || t === "destructive")
|
|
28
28
|
return {
|
|
@@ -1 +1 @@
|
|
|
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("
|
|
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;
|
|
@@ -25,8 +25,8 @@ import { Button as w } from "../Button/index.es.js";
|
|
|
25
25
|
import { Icon as P } from "../Icon/index.es.js";
|
|
26
26
|
import { H as Q } from "../../chunks/Heading-6b95d08b.js";
|
|
27
27
|
import { T as l } from "../../chunks/Text-b31d1e9a.js";
|
|
28
|
-
import "../Loader/index.es.js";
|
|
29
28
|
import "../../chunks/Typography.module-93efb34d.js";
|
|
29
|
+
import "../Loader/index.es.js";
|
|
30
30
|
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 = {
|
|
31
31
|
card: R,
|
|
32
32
|
card__header: F,
|
|
@@ -1 +1 @@
|
|
|
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")
|
|
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;
|
|
@@ -22,8 +22,8 @@ var n = (e, c) => {
|
|
|
22
22
|
import * as b from "react";
|
|
23
23
|
import q from "clsx";
|
|
24
24
|
import { FieldDescription as $ } from "../FieldDescription/index.es.js";
|
|
25
|
-
import { T as E } from "../../chunks/Text-b31d1e9a.js";
|
|
26
25
|
import "../../chunks/Typography.module-93efb34d.js";
|
|
26
|
+
import { T as E } from "../../chunks/Text-b31d1e9a.js";
|
|
27
27
|
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 = {
|
|
28
28
|
checkbox: N,
|
|
29
29
|
checkbox__label: Y,
|
|
@@ -1 +1 @@
|
|
|
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"),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;
|
|
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;
|