@livechat/design-system-react-components 1.17.1-alpha.0 → 1.17.1-alpha.1
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/{Heading-a4742030.js → Heading-1a31001f.js} +1 -1
- package/dist/chunks/{Heading-1f13e793.js → Heading-597d11a4.js} +1 -1
- package/dist/chunks/{ProgressBar-753197bf.js → ProgressBar-0e01c602.js} +6 -7
- package/dist/chunks/ProgressBar-dd89d43a.js +1 -0
- package/dist/chunks/{Text-3504b7ce.js → Text-78b02609.js} +1 -1
- package/dist/chunks/{Text-2356ec2a.js → Text-dd6930a2.js} +1 -1
- package/dist/chunks/Tooltip-21230071.js +1 -0
- package/dist/chunks/{Tooltip-e472934d.js → Tooltip-f4d8b8fd.js} +2 -2
- package/dist/chunks/{Typography.module-be5c667f.js → Typography.module-58a031dc.js} +1 -1
- package/dist/chunks/Typography.module-8b7171c2.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 +2 -2
- package/dist/components/Alert/index.cjs.js +1 -1
- package/dist/components/Alert/index.es.js +2 -2
- package/dist/components/Avatar/index.cjs.js +1 -1
- package/dist/components/Avatar/index.es.js +2 -2
- package/dist/components/Badge/index.cjs.js +1 -1
- package/dist/components/Badge/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 +3 -3
- package/dist/components/Checkbox/index.cjs.js +1 -1
- package/dist/components/Checkbox/index.es.js +2 -2
- package/dist/components/DatePicker/index.cjs.js +1 -1
- package/dist/components/DatePicker/index.es.js +1 -1
- package/dist/components/DetailsCard/index.cjs.js +1 -1
- package/dist/components/DetailsCard/index.es.js +2 -2
- package/dist/components/DetailsCardInfo/index.cjs.js +1 -1
- package/dist/components/DetailsCardInfo/index.es.js +1 -1
- package/dist/components/FieldDescription/index.cjs.js +1 -1
- package/dist/components/FieldDescription/index.es.js +2 -2
- package/dist/components/FieldError/index.cjs.js +1 -1
- package/dist/components/FieldError/index.es.js +2 -2
- 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 +3 -3
- package/dist/components/Form/index.cjs.js +1 -1
- package/dist/components/Form/index.es.js +3 -3
- package/dist/components/FormField/index.cjs.js +1 -1
- package/dist/components/FormField/index.es.js +2 -2
- package/dist/components/FormGroup/index.cjs.js +1 -1
- package/dist/components/FormGroup/index.es.js +3 -3
- package/dist/components/Icon/index.cjs.js +1 -1
- package/dist/components/Icon/index.es.js +1 -1
- package/dist/components/Input/index.cjs.js +1 -1
- package/dist/components/Input/index.es.js +2 -2
- package/dist/components/Link/index.cjs.js +1 -1
- package/dist/components/Link/index.es.js +1 -1
- package/dist/components/Loader/index.cjs.js +1 -1
- package/dist/components/Loader/index.es.js +2 -2
- package/dist/components/Modal/index.cjs.js +1 -1
- package/dist/components/Modal/index.es.js +3 -3
- package/dist/components/NumericInput/index.cjs.js +1 -1
- package/dist/components/NumericInput/index.es.js +1 -1
- package/dist/components/Picker/index.cjs.js +1 -1
- package/dist/components/Picker/index.es.js +3 -3
- package/dist/components/Popover/index.cjs.js +1 -1
- package/dist/components/Popover/index.es.js +2 -2
- package/dist/components/Progress/index.cjs.js +1 -1
- package/dist/components/Progress/index.d.ts +0 -1
- package/dist/components/Progress/index.es.js +13 -14
- package/dist/components/PromoBanner/index.cjs.js +1 -1
- package/dist/components/PromoBanner/index.es.js +2 -2
- 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 +2 -2
- package/dist/components/Search/index.cjs.js +1 -1
- package/dist/components/Search/index.es.js +2 -2
- 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 +2 -2
- package/dist/components/Tag/index.cjs.js +1 -1
- package/dist/components/Tag/index.es.js +2 -2
- package/dist/components/TagInput/index.cjs.js +1 -1
- package/dist/components/TagInput/index.es.js +2 -2
- package/dist/components/Textarea/index.cjs.js +1 -1
- package/dist/components/Textarea/index.es.js +2 -2
- package/dist/components/Toast/index.cjs.js +1 -1
- package/dist/components/Toast/index.es.js +2 -2
- package/dist/components/Tooltip/components/UserGuide/index.cjs.js +1 -1
- package/dist/components/Tooltip/components/UserGuide/index.es.js +1 -1
- package/dist/components/Tooltip/components/index.cjs.js +1 -1
- package/dist/components/Tooltip/components/index.es.js +3 -3
- package/dist/components/Tooltip/index.cjs.js +1 -1
- package/dist/components/Tooltip/index.es.js +1 -1
- package/dist/components/Typography/index.cjs.js +1 -1
- package/dist/components/Typography/index.es.js +3 -3
- package/dist/components/UploadBar/index.cjs.js +1 -1
- package/dist/components/UploadBar/index.es.js +2 -2
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +64 -65
- package/dist/preview-stats.json +781 -784
- package/package.json +2 -2
- package/dist/chunks/ProgressBar-ab20b908.js +0 -1
- package/dist/chunks/Tooltip-2c65102c.js +0 -1
- package/dist/chunks/Typography.module-7abc3bc2.js +0 -1
- /package/dist/{ProgressBar.css → assets/style-ProgressBar.css} +0 -0
- /package/dist/{Tooltip.css → assets/style-Tooltip.css} +0 -0
- /package/dist/{Typography.css → assets/style-Typography.css} +0 -0
- /package/dist/{index.css → assets/style-index.css} +0 -0
- /package/dist/{index10.css → assets/style-index10.css} +0 -0
- /package/dist/{index11.css → assets/style-index11.css} +0 -0
- /package/dist/{index12.css → assets/style-index12.css} +0 -0
- /package/dist/{index13.css → assets/style-index13.css} +0 -0
- /package/dist/{index14.css → assets/style-index14.css} +0 -0
- /package/dist/{index15.css → assets/style-index15.css} +0 -0
- /package/dist/{index16.css → assets/style-index16.css} +0 -0
- /package/dist/{index17.css → assets/style-index17.css} +0 -0
- /package/dist/{index18.css → assets/style-index18.css} +0 -0
- /package/dist/{index19.css → assets/style-index19.css} +0 -0
- /package/dist/{index2.css → assets/style-index2.css} +0 -0
- /package/dist/{index20.css → assets/style-index20.css} +0 -0
- /package/dist/{index21.css → assets/style-index21.css} +0 -0
- /package/dist/{index22.css → assets/style-index22.css} +0 -0
- /package/dist/{index23.css → assets/style-index23.css} +0 -0
- /package/dist/{index24.css → assets/style-index24.css} +0 -0
- /package/dist/{index25.css → assets/style-index25.css} +0 -0
- /package/dist/{index26.css → assets/style-index26.css} +0 -0
- /package/dist/{index27.css → assets/style-index27.css} +0 -0
- /package/dist/{index28.css → assets/style-index28.css} +0 -0
- /package/dist/{index29.css → assets/style-index29.css} +0 -0
- /package/dist/{index3.css → assets/style-index3.css} +0 -0
- /package/dist/{index30.css → assets/style-index30.css} +0 -0
- /package/dist/{index31.css → assets/style-index31.css} +0 -0
- /package/dist/{index32.css → assets/style-index32.css} +0 -0
- /package/dist/{index33.css → assets/style-index33.css} +0 -0
- /package/dist/{index34.css → assets/style-index34.css} +0 -0
- /package/dist/{index35.css → assets/style-index35.css} +0 -0
- /package/dist/{index36.css → assets/style-index36.css} +0 -0
- /package/dist/{index37.css → assets/style-index37.css} +0 -0
- /package/dist/{index38.css → assets/style-index38.css} +0 -0
- /package/dist/{index39.css → assets/style-index39.css} +0 -0
- /package/dist/{index4.css → assets/style-index4.css} +0 -0
- /package/dist/{index5.css → assets/style-index5.css} +0 -0
- /package/dist/{index6.css → assets/style-index6.css} +0 -0
- /package/dist/{index7.css → assets/style-index7.css} +0 -0
- /package/dist/{index8.css → assets/style-index8.css} +0 -0
- /package/dist/{index9.css → assets/style-index9.css} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var p=Object.defineProperty;var c=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var o=(e,n,t)=>n in e?p(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,i=(e,n)=>{for(var t in n||(n={}))l.call(n,t)&&o(e,t,n[t]);if(c)for(var t of c(n))u.call(n,t)&&o(e,t,n[t]);return e};var d=(e,n)=>{var t={};for(var r in e)l.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&c)for(var r of c(e))n.indexOf(r)<0&&u.call(e,r)&&(t[r]=e[r]);return t};const f=require("react"),y=require("clsx"),s=require("./Typography.module-
|
|
1
|
+
"use strict";var p=Object.defineProperty;var c=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var o=(e,n,t)=>n in e?p(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,i=(e,n)=>{for(var t in n||(n={}))l.call(n,t)&&o(e,t,n[t]);if(c)for(var t of c(n))u.call(n,t)&&o(e,t,n[t]);return e};var d=(e,n)=>{var t={};for(var r in e)l.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&c)for(var r of c(e))n.indexOf(r)<0&&u.call(e,r)&&(t[r]=e[r]);return t};const f=require("react"),y=require("clsx"),s=require("./Typography.module-8b7171c2.js");function b(e){const n=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(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const _=b(f),O={xl:"h1",lg:"h2",md:"h3",sm:"h4",xs:"h5","2xs":"h6"},E=j=>{var a=j,{as:e,size:n="md",children:t,className:r,uppercase:g,bold:h}=a,m=d(a,["as","size","children","className","uppercase","bold"]);return _.createElement(e||O[n],i({className:y({[s.styles[`heading-${n}`]]:!0,[s.styles["heading-uppercase"]]:g,[s.styles["heading-bold"]]:h},r)},m),t)};exports.Heading=E;
|
|
@@ -10,7 +10,7 @@ var g = (r, s, e) => s in r ? S(r, s, { enumerable: !0, configurable: !0, writab
|
|
|
10
10
|
t.call(s, e) && g(r, e, s[e]);
|
|
11
11
|
return r;
|
|
12
12
|
}, u = (r, s) => R(r, $(s));
|
|
13
|
-
var
|
|
13
|
+
var i = (r, s) => {
|
|
14
14
|
var e = {};
|
|
15
15
|
for (var o in r)
|
|
16
16
|
n.call(r, o) && s.indexOf(o) < 0 && (e[o] = r[o]);
|
|
@@ -19,7 +19,7 @@ var b = (r, s) => {
|
|
|
19
19
|
s.indexOf(o) < 0 && t.call(r, o) && (e[o] = r[o]);
|
|
20
20
|
return e;
|
|
21
21
|
};
|
|
22
|
-
import "../ProgressBar.css";
|
|
22
|
+
import "../assets/style-ProgressBar.css";
|
|
23
23
|
import * as c from "react";
|
|
24
24
|
import N from "clsx";
|
|
25
25
|
const h = [
|
|
@@ -50,7 +50,7 @@ const _ = {
|
|
|
50
50
|
percent: s,
|
|
51
51
|
size: e = "medium",
|
|
52
52
|
className: o = ""
|
|
53
|
-
} = m,
|
|
53
|
+
} = m, b = i(m, [
|
|
54
54
|
"status",
|
|
55
55
|
"percent",
|
|
56
56
|
"size",
|
|
@@ -66,7 +66,7 @@ const _ = {
|
|
|
66
66
|
);
|
|
67
67
|
return /* @__PURE__ */ c.createElement(
|
|
68
68
|
"div",
|
|
69
|
-
u(p({},
|
|
69
|
+
u(p({}, b), {
|
|
70
70
|
className: f,
|
|
71
71
|
ref: d,
|
|
72
72
|
role: "progressbar"
|
|
@@ -83,7 +83,6 @@ const _ = {
|
|
|
83
83
|
);
|
|
84
84
|
export {
|
|
85
85
|
y as P,
|
|
86
|
-
|
|
87
|
-
x as
|
|
88
|
-
E as g
|
|
86
|
+
E as a,
|
|
87
|
+
x as g
|
|
89
88
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var R=Object.defineProperty,$=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var a=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var l=(r,e,s)=>e in r?R(r,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[e]=s,u=(r,e)=>{for(var s in e||(e={}))g.call(e,s)&&l(r,s,e[s]);if(a)for(var s of a(e))m.call(e,s)&&l(r,s,e[s]);return r},i=(r,e)=>$(r,O(e));var p=(r,e)=>{var s={};for(var o in r)g.call(r,o)&&e.indexOf(o)<0&&(s[o]=r[o]);if(r!=null&&a)for(var o of a(r))e.indexOf(o)<0&&m.call(r,o)&&(s[o]=r[o]);return s};var x=require("../assets/style-ProgressBar.css");const j=require("react"),w=require("clsx");function y(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const o=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(e,s,o.get?o:{enumerable:!0,get:()=>r[s]})}}return e.default=r,Object.freeze(e)}const n=y(j),M=["normal","error","success"],h=r=>Math.min(Math.max(r,0),100);function b(r,e=0){return r==="error"?0:h(parseInt(e.toString(),10))}function d(r,e){return!M.includes(r)&&e>=100?"normal":r||"normal"}const t={"progress-bar":"lc-ProgressBar-module__progress-bar___3pa3d","progress-bar--small":"lc-ProgressBar-module__progress-bar--small___7nQKx","progress-bar--medium":"lc-ProgressBar-module__progress-bar--medium___cM44p","progress-bar--large":"lc-ProgressBar-module__progress-bar--large___UlzNR","progress-bar--error":"lc-ProgressBar-module__progress-bar--error___MulqI","progress-bar--success":"lc-ProgressBar-module__progress-bar--success___p7nB-","progress-bar--normal":"lc-ProgressBar-module__progress-bar--normal___ZwCb-","progress-bar__indicator--success":"lc-ProgressBar-module__progress-bar__indicator--success___wRjR3","progress-bar__indicator--normal":"lc-ProgressBar-module__progress-bar__indicator--normal___0Uhle"},c="progress-bar",E=n.forwardRef((q,f)=>{var _=q,{status:r="normal",percent:e,size:s="medium",className:o=""}=_,P=p(_,["status","percent","size","className"]);const B=d(r,e),S=b(B,e),N=w(t[c],{[t[`${c}--${s}`]]:s,[t[`${c}--${r}`]]:r},o);return n.createElement("div",i(u({},P),{className:N,ref:f,role:"progressbar"}),n.createElement("div",{className:t[`${c}__indicator--${r}`],style:{width:`${S}%`}}))});exports.ProgressBar=E;exports.getPercentNumber=b;exports.getProgressStatus=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var O=Object.defineProperty;var l=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var o=(e,s,t)=>s in e?O(e,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[s]=t,i=(e,s)=>{for(var t in s||(s={}))u.call(s,t)&&o(e,t,s[t]);if(l)for(var t of l(s))f.call(s,t)&&o(e,t,s[t]);return e};var p=(e,s)=>{var t={};for(var r in e)u.call(e,r)&&s.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&l)for(var r of l(e))s.indexOf(r)<0&&f.call(e,r)&&(t[r]=e[r]);return t};const j=require("react"),x=require("clsx"),c=require("./Typography.module-
|
|
1
|
+
"use strict";var O=Object.defineProperty;var l=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var o=(e,s,t)=>s in e?O(e,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[s]=t,i=(e,s)=>{for(var t in s||(s={}))u.call(s,t)&&o(e,t,s[t]);if(l)for(var t of l(s))f.call(s,t)&&o(e,t,s[t]);return e};var p=(e,s)=>{var t={};for(var r in e)u.call(e,r)&&s.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&l)for(var r of l(e))s.indexOf(r)<0&&f.call(e,r)&&(t[r]=e[r]);return t};const j=require("react"),x=require("clsx"),c=require("./Typography.module-8b7171c2.js");function T(e){const s=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(s,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const _=T(j),q=P=>{var n=P,{as:e="p",size:s="md",caps:t=!1,uppercase:r=!1,bold:y=!1,underline:d=!1,strike:b=!1,children:m,className:g}=n,$=p(n,["as","size","caps","uppercase","bold","underline","strike","children","className"]);const a="paragraph";return _.createElement(e,i({className:x({[c.styles[`${a}-${s}`]]:!0,[c.styles[`${a}--bold`]]:y,[c.styles[`${a}--strike`]]:b,[c.styles[`${a}--underline`]]:d,[c.styles[`${a}--uppercase`]]:r||t},g)},$),m)};exports.Text=q;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
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));var Ft=require("../assets/style-Tooltip.css");const gt=require("react"),l=require("@floating-ui/react"),Tt=require("clsx"),yt=require("./Text-dd6930a2.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:F="bottom",isVisible:T,fullSpaceContent:M,onClose:d,onOpen:m,withFadeAnimation:R=!0,transitionDuration:q=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}`],M&&c[`${a}--full-space`]),Z=typeof _=="function",H=i=>{i!==h&&(i?m==null||m():d==null||d(),!y&&O(i))},b=i=>R?i!=null?i:q: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:F,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;
|
|
@@ -10,11 +10,11 @@ var S = (t, o, e) => o in t ? ao(t, o, { enumerable: !0, configurable: !0, writa
|
|
|
10
10
|
fo.call(o, e) && S(t, e, o[e]);
|
|
11
11
|
return t;
|
|
12
12
|
}, f = (t, o) => co(t, uo(o));
|
|
13
|
-
import "../Tooltip.css";
|
|
13
|
+
import "../assets/style-Tooltip.css";
|
|
14
14
|
import * as i from "react";
|
|
15
15
|
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";
|
|
16
16
|
import Vo from "clsx";
|
|
17
|
-
import { T as Do } from "./Text-
|
|
17
|
+
import { T as Do } from "./Text-78b02609.js";
|
|
18
18
|
function Wo(t) {
|
|
19
19
|
switch (t) {
|
|
20
20
|
case "invert":
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var a=require("../assets/style-Typography.css");const _={"heading-xl":"lc-Typography-module__heading-xl___nhr-6","heading-lg":"lc-Typography-module__heading-lg___XYF7l","heading-md":"lc-Typography-module__heading-md___wHOIs","heading-sm":"lc-Typography-module__heading-sm___nBmTV","heading-xs":"lc-Typography-module__heading-xs___VcZBs","heading-2xs":"lc-Typography-module__heading-2xs___tcrVl","heading-uppercase":"lc-Typography-module__heading-uppercase___cpixD","heading-bold":"lc-Typography-module__heading-bold___ZAPzP","paragraph-md":"lc-Typography-module__paragraph-md___UGoqq","paragraph-sm":"lc-Typography-module__paragraph-sm___QIEFL","paragraph-xs":"lc-Typography-module__paragraph-xs___OUooD","paragraph--bold":"lc-Typography-module__paragraph--bold___9I2wL","paragraph--underline":"lc-Typography-module__paragraph--underline___yFDzp","paragraph--strike":"lc-Typography-module__paragraph--strike___ZDWOj","paragraph--uppercase":"lc-Typography-module__paragraph--uppercase___hdEfX","display-md":"lc-Typography-module__display-md___7eFCF","display-sm":"lc-Typography-module__display-sm___kfNES","display-max":"lc-Typography-module__display-max___vR8yn"};exports.styles=_;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var O=Object.defineProperty;var y=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var B=(e,t,n)=>t in e?O(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,w=(e,t)=>{for(var n in t||(t={}))q.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};var R=require("../../index39.css");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
|
+
var O=Object.defineProperty;var y=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var B=(e,t,n)=>t in e?O(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,w=(e,t)=>{for(var n in t||(t={}))q.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};var R=require("../../assets/style-index39.css");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-21230071.js");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,c.get?c:{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:c})=>{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:c?"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})},u="action-bar",L=({className:e,id:t="action-bar-area",type:n="menu",options:c,activeOptionKey:d,vertical:l})=>{const[s,v]=r.useState([]),f=n==="scroll",C=b(_[u],e,l&&_[`${u}--vertical`]),p=`${u}__menu-wrapper`,$={root:document.querySelector(`${t}`),threshold:1},N=!f&&s.length!==0,I=i=>{i.map(o=>{const a=s.includes(o.target.id);if(!o.isIntersecting){o.target.setAttribute("tabindex","-1"),a||v(m=>[...m,o.target.id]);return}o.target.removeAttribute("tabindex"),a&&v(s.filter(m=>m!==o.target.id))})};r.useEffect(()=>{const i=!!window.IntersectionObserver;if(!f&&i){const o=document.querySelectorAll(`.${_[`${u}__items__button`]}`),a=new IntersectionObserver(I,$);return o.forEach(m=>a.observe(m)),()=>a.disconnect()}},[s,f]);const M=i=>c.filter(a=>i.find(m=>m===a.key)).map(a=>({key:a.key,element:r.createElement(E.ActionMenuItem,{leftNode:a.element},a.label),onClick:a.onClick})),k=c.filter(i=>s.find(o=>o===i.key)).find(i=>i.key===d);return r.createElement("div",{id:t,className:C},r.createElement("div",{className:b(_[`${u}__items`],{[_[`${u}__items--scroll`]]:f})},c.map(i=>r.createElement(D,{option:i,menuItemsKeys:s,activeOptionKey:d,vertical:l}))),N&&r.createElement("div",{className:_[p]},r.createElement(E.ActionMenu,{placement:l?"left-end":"bottom-end",options:M(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;
|
|
@@ -9,14 +9,14 @@ var B = (e, t, _) => t in e ? I(e, t, { enumerable: !0, configurable: !0, writab
|
|
|
9
9
|
x.call(t, _) && B(e, _, t[_]);
|
|
10
10
|
return e;
|
|
11
11
|
};
|
|
12
|
-
import "../../index39.css";
|
|
12
|
+
import "../../assets/style-index39.css";
|
|
13
13
|
import * as n from "react";
|
|
14
14
|
import { ChevronLeft as L, ChevronDown as O } from "@livechat/design-system-icons";
|
|
15
15
|
import u from "clsx";
|
|
16
16
|
import { ActionMenu as S, ActionMenuItem as T } from "../ActionMenu/index.es.js";
|
|
17
17
|
import { Button as A } from "../Button/index.es.js";
|
|
18
18
|
import { Icon as D } from "../Icon/index.es.js";
|
|
19
|
-
import { T as P } from "../../chunks/Tooltip-
|
|
19
|
+
import { T as P } from "../../chunks/Tooltip-f4d8b8fd.js";
|
|
20
20
|
const r = {
|
|
21
21
|
"action-bar": "lc-ActionBar-module__action-bar___TJitF",
|
|
22
22
|
"action-bar__items": "lc-ActionBar-module__action-bar__items___uhoQA",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
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},N=(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};var ye=require("../../index38.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ae=require("react"),l=require("@floating-ui/react"),le=require("@livechat/design-system-icons"),q=require("clsx"),K=require("../../chunks/keyCodes-c4c35e49.js"),ue=require("../Icon/index.cjs.js"),oe=require("../../chunks/Text-
|
|
1
|
+
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},N=(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};var ye=require("../../assets/style-index38.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ae=require("react"),l=require("@floating-ui/react"),le=require("@livechat/design-system-icons"),q=require("clsx"),K=require("../../chunks/keyCodes-c4c35e49.js"),ue=require("../Icon/index.cjs.js"),oe=require("../../chunks/Text-dd6930a2.js");function me(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 _=me(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",se=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:s,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),m=_.useRef(-1),S=_.useRef(null),g=v?x:Y,B=()=>{g?(s==null||s(),!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=m.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;m.current=te(e);const r=(y=S.current)==null?void 0:y.children,a=r&&((b=r[m.current])==null?void 0:b.children[0]);return a==null?void 0:a.focus()},D=e=>{e.key===K.KeyCodes.arrowUp&&m.current>0&&(e.preventDefault(),P(-1)),e.key===K.KeyCodes.arrowDown&&m.current+1<n.length&&(e.preventDefault(),P(1))};_.useEffect(()=>{if(g)return document.addEventListener("keydown",D),()=>document.removeEventListener("keydown",D);m.current=-1},[g,D]);const ne=(e,r)=>{m.current=e,r==null||r(),!v&&!F&&(A(!1),s==null||s())},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:q(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",N(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",N(f({},X),{className:q(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:q(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=se;exports.ActionMenuItem=de;
|
|
@@ -19,14 +19,14 @@ var S = (t, _) => {
|
|
|
19
19
|
_.indexOf(a) < 0 && L.call(t, a) && (n[a] = t[a]);
|
|
20
20
|
return n;
|
|
21
21
|
};
|
|
22
|
-
import "../../index38.css";
|
|
22
|
+
import "../../assets/style-index38.css";
|
|
23
23
|
import * as i from "react";
|
|
24
24
|
import { useFloating as ce, offset as le, flip as me, autoUpdate as re, useClick as ue, useDismiss as oe, useRole as se, useInteractions as de, useTransitionStyles as ge } from "@floating-ui/react";
|
|
25
25
|
import { Check as fe } from "@livechat/design-system-icons";
|
|
26
26
|
import x from "clsx";
|
|
27
27
|
import { K as U } from "../../chunks/keyCodes-30323e90.js";
|
|
28
28
|
import { Icon as ye } from "../Icon/index.es.js";
|
|
29
|
-
import { T as be } from "../../chunks/Text-
|
|
29
|
+
import { T as be } from "../../chunks/Text-78b02609.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
|
-
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};var F=require("../../index37.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),o=require("@livechat/design-system-icons"),q=require("clsx"),T=require("lodash.debounce"),d=require("../Button/index.cjs.js"),v=require("../Icon/index.cjs.js"),D=require("../../chunks/Text-
|
|
1
|
+
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};var F=require("../../assets/style-index37.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),o=require("@livechat/design-system-icons"),q=require("clsx"),T=require("lodash.debounce"),d=require("../Button/index.cjs.js"),v=require("../Icon/index.cjs.js"),D=require("../../chunks/Text-dd6930a2.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(S),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=q(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;
|
|
@@ -19,14 +19,14 @@ var $ = (e, t) => {
|
|
|
19
19
|
t.indexOf(r) < 0 && E.call(e, r) && (_[r] = e[r]);
|
|
20
20
|
return _;
|
|
21
21
|
};
|
|
22
|
-
import "../../index37.css";
|
|
22
|
+
import "../../assets/style-index37.css";
|
|
23
23
|
import * as l from "react";
|
|
24
24
|
import { Close as I, Info as R, Warning as T, CheckCircle as W, Block as D } from "@livechat/design-system-icons";
|
|
25
25
|
import H from "clsx";
|
|
26
26
|
import L from "lodash.debounce";
|
|
27
27
|
import { Button as u } from "../Button/index.es.js";
|
|
28
28
|
import { Icon as h } from "../Icon/index.es.js";
|
|
29
|
-
import { T as M } from "../../chunks/Text-
|
|
29
|
+
import { T as M } from "../../chunks/Text-78b02609.js";
|
|
30
30
|
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 = {
|
|
31
31
|
alert: P,
|
|
32
32
|
alert__icon: S,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
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};var la=require("../../index36.css");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-
|
|
1
|
+
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};var la=require("../../assets/style-index36.css");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-597d11a4.js"),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 k(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,q=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||k(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},q),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=k;
|
|
@@ -18,12 +18,12 @@ var I = (_, a) => {
|
|
|
18
18
|
a.indexOf(r) < 0 && h.call(_, r) && (t[r] = _[r]);
|
|
19
19
|
return t;
|
|
20
20
|
};
|
|
21
|
-
import "../../index36.css";
|
|
21
|
+
import "../../assets/style-index36.css";
|
|
22
22
|
import * as o from "react";
|
|
23
23
|
import { Person as G } from "@livechat/design-system-icons";
|
|
24
24
|
import u from "clsx";
|
|
25
25
|
import { Icon as K } from "../Icon/index.es.js";
|
|
26
|
-
import { H as R } from "../../chunks/Heading-
|
|
26
|
+
import { H as R } from "../../chunks/Heading-1a31001f.js";
|
|
27
27
|
import { getContrast as W } from "polished";
|
|
28
28
|
const k = Array.from(
|
|
29
29
|
{ length: 10 },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var B=Object.defineProperty;var _=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var n=(e,a,t)=>a in e?B(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,s=(e,a)=>{for(var t in a||(a={}))g.call(a,t)&&n(e,t,a[t]);if(_)for(var t of _(a))l.call(a,t)&&n(e,t,a[t]);return e};var u=(e,a)=>{var t={};for(var d in e)g.call(e,d)&&a.indexOf(d)<0&&(t[d]=e[d]);if(e!=null&&_)for(var d of _(e))a.indexOf(d)<0&&l.call(e,d)&&(t[d]=e[d]);return t};var J=require("../../index35.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),$=require("clsx");function j(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const d=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,d.get?d:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const m=j(O);function N(e,a){return e>a?`${a}+`:`${e}`}const R="lc-Badge-module__badge___GhLnu",S="lc-Badge-module__badge__dot___z6RO6",o={badge:R,badge__dot:S,"badge--large":"lc-Badge-module__badge--large___B131q","badge--medium":"lc-Badge-module__badge--medium___TDU8a","badge--compact":"lc-Badge-module__badge--compact___9xJ4y","badge--primary":"lc-Badge-module__badge--primary___8LRpp","badge--secondary":"lc-Badge-module__badge--secondary___JjNIJ","badge--tertiary":"lc-Badge-module__badge--tertiary___e83wV"},r="badge",q=C=>{var c=C,{className:e,count:a=0,max:t=99,kind:d="primary",size:b="medium",type:i="counter"}=c,p=u(c,["className","count","max","kind","size","type"]);const y=$(e,o[r],o[`${r}--${d}`],o[`${r}--${b}`]),f={counter:N(a,t),alert:"!",dot:m.createElement("span",{className:o[`${r}__dot`]})}[i];return m.createElement("span",s({className:y},p),f)};exports.Badge=q;
|
|
1
|
+
var B=Object.defineProperty;var _=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var n=(e,a,t)=>a in e?B(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,s=(e,a)=>{for(var t in a||(a={}))g.call(a,t)&&n(e,t,a[t]);if(_)for(var t of _(a))l.call(a,t)&&n(e,t,a[t]);return e};var u=(e,a)=>{var t={};for(var d in e)g.call(e,d)&&a.indexOf(d)<0&&(t[d]=e[d]);if(e!=null&&_)for(var d of _(e))a.indexOf(d)<0&&l.call(e,d)&&(t[d]=e[d]);return t};var J=require("../../assets/style-index35.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),$=require("clsx");function j(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const d=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,d.get?d:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const m=j(O);function N(e,a){return e>a?`${a}+`:`${e}`}const R="lc-Badge-module__badge___GhLnu",S="lc-Badge-module__badge__dot___z6RO6",o={badge:R,badge__dot:S,"badge--large":"lc-Badge-module__badge--large___B131q","badge--medium":"lc-Badge-module__badge--medium___TDU8a","badge--compact":"lc-Badge-module__badge--compact___9xJ4y","badge--primary":"lc-Badge-module__badge--primary___8LRpp","badge--secondary":"lc-Badge-module__badge--secondary___JjNIJ","badge--tertiary":"lc-Badge-module__badge--tertiary___e83wV"},r="badge",q=C=>{var c=C,{className:e,count:a=0,max:t=99,kind:d="primary",size:b="medium",type:i="counter"}=c,p=u(c,["className","count","max","kind","size","type"]);const y=$(e,o[r],o[`${r}--${d}`],o[`${r}--${b}`]),f={counter:N(a,t),alert:"!",dot:m.createElement("span",{className:o[`${r}__dot`]})}[i];return m.createElement("span",s({className:y},p),f)};exports.Badge=q;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var N=Object.defineProperty;var r=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var g=(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)&&g(t,n,_[n]);if(r)for(var n of r(_))v.call(_,n)&&g(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};var W=require("../../index34.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),$=require("clsx"),D=require("../Loader/index.cjs.js");function L(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=L(S),Z=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)"}},A="lc-Button-module__btn___aijZJ",J="lc-Button-module__btn__loader___c8zZz",M="lc-Button-module__btn__icon___GVExB",o={btn:A,"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:J,btn__icon:M,"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",P=u.forwardRef((R,j)=>{var f=R,{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,p=["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&&!p,[o[`${l}--icon-only`]]:d,[o[`${l}--icon-only--bg`]]:d&&p,[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(D.Loader,a({size:"small",label:x,className:o[`${l}__loader`]},Z(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=P;
|
|
1
|
+
var N=Object.defineProperty;var r=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var g=(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)&&g(t,n,_[n]);if(r)for(var n of r(_))v.call(_,n)&&g(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};var W=require("../../assets/style-index34.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),$=require("clsx"),D=require("../Loader/index.cjs.js");function L(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=L(S),Z=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)"}},A="lc-Button-module__btn___aijZJ",J="lc-Button-module__btn__loader___c8zZz",M="lc-Button-module__btn__icon___GVExB",o={btn:A,"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:J,btn__icon:M,"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",P=u.forwardRef((R,j)=>{var f=R,{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,p=["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&&!p,[o[`${l}--icon-only`]]:d,[o[`${l}--icon-only--bg`]]:d&&p,[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(D.Loader,a({size:"small",label:x,className:o[`${l}__loader`]},Z(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=P;
|
|
@@ -18,7 +18,7 @@ var h = (t, _) => {
|
|
|
18
18
|
_.indexOf(e) < 0 && v.call(t, e) && (n[e] = t[e]);
|
|
19
19
|
return n;
|
|
20
20
|
};
|
|
21
|
-
import "../../index34.css";
|
|
21
|
+
import "../../assets/style-index34.css";
|
|
22
22
|
import * as i from "react";
|
|
23
23
|
import $ from "clsx";
|
|
24
24
|
import { Loader as A } from "../Loader/index.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
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};var te=require("../../index33.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),S=require("@livechat/design-system-icons"),q=require("clsx"),T=require("../Button/index.cjs.js"),U=require("../Icon/index.cjs.js"),K=require("../../chunks/Heading-
|
|
1
|
+
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};var te=require("../../assets/style-index33.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),S=require("@livechat/design-system-icons"),q=require("clsx"),T=require("../Button/index.cjs.js"),U=require("../Icon/index.cjs.js"),K=require("../../chunks/Heading-597d11a4.js"),l=require("../../chunks/Text-dd6930a2.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?S.ChevronUp:S.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:q(n[d],t)},I),B&&c.createElement("div",{className:q(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;
|
|
@@ -18,14 +18,14 @@ var A = (e, _) => {
|
|
|
18
18
|
_.indexOf(t) < 0 && $.call(e, t) && (a[t] = e[t]);
|
|
19
19
|
return a;
|
|
20
20
|
};
|
|
21
|
-
import "../../index33.css";
|
|
21
|
+
import "../../assets/style-index33.css";
|
|
22
22
|
import * as c from "react";
|
|
23
23
|
import { ChevronUp as K, ChevronDown as L } from "@livechat/design-system-icons";
|
|
24
24
|
import b from "clsx";
|
|
25
25
|
import { Button as w } from "../Button/index.es.js";
|
|
26
26
|
import { Icon as P } from "../Icon/index.es.js";
|
|
27
|
-
import { H as Q } from "../../chunks/Heading-
|
|
28
|
-
import { T as l } from "../../chunks/Text-
|
|
27
|
+
import { H as Q } from "../../chunks/Heading-1a31001f.js";
|
|
28
|
+
import { T as l } from "../../chunks/Text-78b02609.js";
|
|
29
29
|
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 = {
|
|
30
30
|
card: R,
|
|
31
31
|
card__header: F,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
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("../../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-
|
|
1
|
+
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;
|
|
@@ -19,11 +19,11 @@ var n = (e, c) => {
|
|
|
19
19
|
c.indexOf(o) < 0 && a.call(e, o) && (_[o] = e[o]);
|
|
20
20
|
return _;
|
|
21
21
|
};
|
|
22
|
-
import "../../index32.css";
|
|
22
|
+
import "../../assets/style-index32.css";
|
|
23
23
|
import * as b from "react";
|
|
24
24
|
import q from "clsx";
|
|
25
25
|
import { FieldDescription as $ } from "../FieldDescription/index.es.js";
|
|
26
|
-
import { T as E } from "../../chunks/Text-
|
|
26
|
+
import { T as E } from "../../chunks/Text-78b02609.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
|
-
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("../../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;
|
|
1
|
+
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;
|
|
@@ -19,7 +19,7 @@ var A = (e, t) => {
|
|
|
19
19
|
t.indexOf(_) < 0 && x.call(e, _) && (a[_] = e[_]);
|
|
20
20
|
return a;
|
|
21
21
|
};
|
|
22
|
-
import "../../index31.css";
|
|
22
|
+
import "../../assets/style-index31.css";
|
|
23
23
|
import * as s from "react";
|
|
24
24
|
import { useReducer as ae, useRef as re, useEffect as P, useCallback as R, useMemo as I } from "react";
|
|
25
25
|
import _e from "react-day-picker";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var R=require("../../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-
|
|
1
|
+
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;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import "../../index30.css";
|
|
1
|
+
import "../../assets/style-index30.css";
|
|
2
2
|
import * as a from "react";
|
|
3
3
|
import { ChevronRight as N } from "@livechat/design-system-icons";
|
|
4
4
|
import d from "clsx";
|
|
5
5
|
import { Button as x } from "../Button/index.es.js";
|
|
6
6
|
import { Icon as S } from "../Icon/index.es.js";
|
|
7
|
-
import { H } from "../../chunks/Heading-
|
|
7
|
+
import { H } from "../../chunks/Heading-1a31001f.js";
|
|
8
8
|
const e = {
|
|
9
9
|
"details-card": "lc-DetailsCard-module__details-card___cVoS7",
|
|
10
10
|
"details-card__button--fading": "lc-DetailsCard-module__details-card__button--fading___tQA02",
|