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

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.
Files changed (107) hide show
  1. package/dist/index.cjs.js +1 -1
  2. package/dist/index.es.js +5230 -134
  3. package/dist/preview-stats.json +1146 -1146
  4. package/dist/style.css +1 -1
  5. package/package.json +2 -2
  6. package/dist/chunks/Heading-617540b6.js +0 -1
  7. package/dist/chunks/Heading-6b95d08b.js +0 -64
  8. package/dist/chunks/ProgressBar-3e0fd769.js +0 -87
  9. package/dist/chunks/ProgressBar-62d36b60.js +0 -1
  10. package/dist/chunks/Text-b31d1e9a.js +0 -66
  11. package/dist/chunks/Text-df483689.js +0 -1
  12. package/dist/chunks/Tooltip-8c427780.js +0 -1
  13. package/dist/chunks/Tooltip-f6f4f9c2.js +0 -181
  14. package/dist/chunks/Typography.module-2558416b.js +0 -1
  15. package/dist/chunks/Typography.module-93efb34d.js +0 -23
  16. package/dist/chunks/keyCodes-30323e90.js +0 -15
  17. package/dist/chunks/keyCodes-c4c35e49.js +0 -1
  18. package/dist/components/ActionBar/index.cjs.js +0 -1
  19. package/dist/components/ActionBar/index.es.js +0 -192
  20. package/dist/components/ActionMenu/index.cjs.js +0 -1
  21. package/dist/components/ActionMenu/index.es.js +0 -199
  22. package/dist/components/Alert/index.cjs.js +0 -1
  23. package/dist/components/Alert/index.es.js +0 -129
  24. package/dist/components/Avatar/index.cjs.js +0 -1
  25. package/dist/components/Avatar/index.es.js +0 -190
  26. package/dist/components/Badge/index.cjs.js +0 -1
  27. package/dist/components/Badge/index.es.js +0 -65
  28. package/dist/components/Button/index.cjs.js +0 -1
  29. package/dist/components/Button/index.es.js +0 -143
  30. package/dist/components/Card/index.cjs.js +0 -1
  31. package/dist/components/Card/index.es.js +0 -96
  32. package/dist/components/Checkbox/index.cjs.js +0 -1
  33. package/dist/components/Checkbox/index.es.js +0 -64
  34. package/dist/components/DatePicker/index.cjs.js +0 -1
  35. package/dist/components/DatePicker/index.es.js +0 -516
  36. package/dist/components/DetailsCard/index.cjs.js +0 -1
  37. package/dist/components/DetailsCard/index.es.js +0 -140
  38. package/dist/components/DetailsCardInfo/index.cjs.js +0 -1
  39. package/dist/components/DetailsCardInfo/index.es.js +0 -12
  40. package/dist/components/FieldDescription/index.cjs.js +0 -1
  41. package/dist/components/FieldDescription/index.es.js +0 -41
  42. package/dist/components/FieldError/index.cjs.js +0 -1
  43. package/dist/components/FieldError/index.es.js +0 -51
  44. package/dist/components/FieldGroup/index.cjs.js +0 -1
  45. package/dist/components/FieldGroup/index.es.js +0 -58
  46. package/dist/components/FileUploadProgress/index.cjs.js +0 -1
  47. package/dist/components/FileUploadProgress/index.es.js +0 -109
  48. package/dist/components/Form/index.cjs.js +0 -1
  49. package/dist/components/Form/index.es.js +0 -50
  50. package/dist/components/FormField/index.cjs.js +0 -1
  51. package/dist/components/FormField/index.es.js +0 -116
  52. package/dist/components/FormGroup/index.cjs.js +0 -1
  53. package/dist/components/FormGroup/index.es.js +0 -58
  54. package/dist/components/Icon/index.cjs.js +0 -1
  55. package/dist/components/Icon/index.es.js +0 -103
  56. package/dist/components/Input/index.cjs.js +0 -1
  57. package/dist/components/Input/index.es.js +0 -123
  58. package/dist/components/Link/index.cjs.js +0 -1
  59. package/dist/components/Link/index.es.js +0 -47
  60. package/dist/components/Loader/index.cjs.js +0 -1
  61. package/dist/components/Loader/index.es.js +0 -39
  62. package/dist/components/Modal/index.cjs.js +0 -1
  63. package/dist/components/Modal/index.es.js +0 -250
  64. package/dist/components/NumericInput/index.cjs.js +0 -1
  65. package/dist/components/NumericInput/index.es.js +0 -139
  66. package/dist/components/Picker/index.cjs.js +0 -1
  67. package/dist/components/Picker/index.es.js +0 -740
  68. package/dist/components/Popover/index.cjs.js +0 -1
  69. package/dist/components/Popover/index.es.js +0 -75
  70. package/dist/components/Progress/index.cjs.js +0 -1
  71. package/dist/components/Progress/index.es.js +0 -103
  72. package/dist/components/PromoBanner/index.cjs.js +0 -1
  73. package/dist/components/PromoBanner/index.es.js +0 -74
  74. package/dist/components/PromoBannerV2/index.cjs.js +0 -1
  75. package/dist/components/PromoBannerV2/index.es.js +0 -79
  76. package/dist/components/RadioButton/index.cjs.js +0 -1
  77. package/dist/components/RadioButton/index.es.js +0 -58
  78. package/dist/components/Search/index.cjs.js +0 -1
  79. package/dist/components/Search/index.es.js +0 -117
  80. package/dist/components/SegmentedControl/index.cjs.js +0 -1
  81. package/dist/components/SegmentedControl/index.es.js +0 -55
  82. package/dist/components/Switch/index.cjs.js +0 -1
  83. package/dist/components/Switch/index.es.js +0 -145
  84. package/dist/components/Tab/index.cjs.js +0 -1
  85. package/dist/components/Tab/index.es.js +0 -93
  86. package/dist/components/Tag/index.cjs.js +0 -1
  87. package/dist/components/Tag/index.es.js +0 -143
  88. package/dist/components/TagInput/index.cjs.js +0 -1
  89. package/dist/components/TagInput/index.es.js +0 -244
  90. package/dist/components/Textarea/index.cjs.js +0 -1
  91. package/dist/components/Textarea/index.es.js +0 -55
  92. package/dist/components/Toast/index.cjs.js +0 -1
  93. package/dist/components/Toast/index.es.js +0 -163
  94. package/dist/components/Tooltip/components/UserGuide/index.cjs.js +0 -1
  95. package/dist/components/Tooltip/components/UserGuide/index.es.js +0 -196
  96. package/dist/components/Tooltip/components/index.cjs.js +0 -1
  97. package/dist/components/Tooltip/components/index.es.js +0 -117
  98. package/dist/components/Tooltip/index.cjs.js +0 -1
  99. package/dist/components/Tooltip/index.es.js +0 -21
  100. package/dist/components/Typography/index.cjs.js +0 -1
  101. package/dist/components/Typography/index.es.js +0 -48
  102. package/dist/components/UploadBar/index.cjs.js +0 -1
  103. package/dist/components/UploadBar/index.es.js +0 -112
  104. package/dist/foundations/index.cjs.js +0 -1
  105. package/dist/foundations/index.es.js +0 -353
  106. package/dist/utils/index.cjs.js +0 -1
  107. package/dist/utils/index.es.js +0 -4
@@ -1,190 +0,0 @@
1
- var V = Object.defineProperty;
2
- var v = Object.getOwnPropertySymbols;
3
- var F = Object.prototype.hasOwnProperty, h = Object.prototype.propertyIsEnumerable;
4
- var y = (_, a, t) => a in _ ? V(_, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : _[a] = t, A = (_, a) => {
5
- for (var t in a || (a = {}))
6
- F.call(a, t) && y(_, t, a[t]);
7
- if (v)
8
- for (var t of v(a))
9
- h.call(a, t) && y(_, t, a[t]);
10
- return _;
11
- };
12
- var I = (_, a) => {
13
- var t = {};
14
- for (var r in _)
15
- F.call(_, r) && a.indexOf(r) < 0 && (t[r] = _[r]);
16
- if (_ != null && v)
17
- for (var r of v(_))
18
- a.indexOf(r) < 0 && h.call(_, r) && (t[r] = _[r]);
19
- return t;
20
- };
21
- import * as o from "react";
22
- import { Person as G } from "@livechat/design-system-icons";
23
- import u from "clsx";
24
- import { Icon as K } from "../Icon/index.es.js";
25
- import { H as R } from "../../chunks/Heading-6b95d08b.js";
26
- import { getContrast as W } from "polished";
27
- import "../../chunks/Typography.module-93efb34d.js";
28
- const k = Array.from(
29
- { length: 10 },
30
- (_, a) => `--surface-avatar-${a + 1}`
31
- );
32
- function X(_) {
33
- if (!_)
34
- return;
35
- const a = _.split("").reduce((t, r) => t + r.charCodeAt(0), 0);
36
- return `var(${k[a % k.length]})`;
37
- }
38
- function J(_ = "", a = 2) {
39
- const t = _.trim().split(/\s+/), r = t.map((m) => [...m][0]);
40
- if (a < 1)
41
- return "";
42
- if (t.length <= a)
43
- return r.join("").toUpperCase();
44
- const s = [r[0]];
45
- for (let m = t.length - a + 1; m < t.length; m++)
46
- s.push(r[m]);
47
- return s.join("").toUpperCase();
48
- }
49
- function O(_) {
50
- let a = _;
51
- if (_.startsWith("var(--") && _.endsWith(")")) {
52
- const t = _.slice(4, -1);
53
- a = window.getComputedStyle(document.documentElement).getPropertyValue(t).trim();
54
- }
55
- return a && W(a, "#FFFFFF") > 3 ? "var(--color-white)" : "var(--color-black)";
56
- }
57
- const T = "lc-Avatar-module__avatar___1zTCE", j = "lc-Avatar-module__avatar__status___nX2Ls", Y = "lc-Avatar-module__avatar__rim___RCQ8Q", Z = "lc-Avatar-module__avatar__image___YqfqE", e = {
58
- avatar: T,
59
- avatar__status: j,
60
- "avatar__status--available": "lc-Avatar-module__avatar__status--available___tcpFg",
61
- "avatar__status--unavailable": "lc-Avatar-module__avatar__status--unavailable___ciauF",
62
- "avatar__status--unknown": "lc-Avatar-module__avatar__status--unknown___MBaGB",
63
- "avatar__status--xxxsmall": "lc-Avatar-module__avatar__status--xxxsmall___8pkEO",
64
- "avatar__status--circle": "lc-Avatar-module__avatar__status--circle___doV5H",
65
- "avatar__status--xxsmall": "lc-Avatar-module__avatar__status--xxsmall___M69lx",
66
- "avatar__status--xsmall": "lc-Avatar-module__avatar__status--xsmall___RKQiI",
67
- "avatar__status--small": "lc-Avatar-module__avatar__status--small___cVrA7",
68
- "avatar__status--medium": "lc-Avatar-module__avatar__status--medium___n5z1H",
69
- "avatar__status--large": "lc-Avatar-module__avatar__status--large___Lt-0p",
70
- "avatar__status--xlarge": "lc-Avatar-module__avatar__status--xlarge___RWIcJ",
71
- "avatar__status--xxlarge": "lc-Avatar-module__avatar__status--xxlarge___crG9D",
72
- "avatar__status--xxxlarge": "lc-Avatar-module__avatar__status--xxxlarge___Iv61X",
73
- "avatar__status--rounded-square": "lc-Avatar-module__avatar__status--rounded-square___-My1P",
74
- avatar__rim: Y,
75
- "avatar__rim--xxxsmall": "lc-Avatar-module__avatar__rim--xxxsmall___0CH9D",
76
- "avatar__rim--xxsmall": "lc-Avatar-module__avatar__rim--xxsmall___Mde0K",
77
- "avatar__rim--xsmall": "lc-Avatar-module__avatar__rim--xsmall___LAN-b",
78
- "avatar__rim--small": "lc-Avatar-module__avatar__rim--small___FT8LX",
79
- "avatar__rim--medium": "lc-Avatar-module__avatar__rim--medium___Dy0pr",
80
- "avatar__rim--large": "lc-Avatar-module__avatar__rim--large___FPvGp",
81
- "avatar__rim--xlarge": "lc-Avatar-module__avatar__rim--xlarge___CY0kN",
82
- "avatar__rim--xxlarge": "lc-Avatar-module__avatar__rim--xxlarge___tE053",
83
- "avatar__rim--xxxlarge": "lc-Avatar-module__avatar__rim--xxxlarge___amlGP",
84
- avatar__image: Z,
85
- "avatar__icon--xxxsmall": "lc-Avatar-module__avatar__icon--xxxsmall___KaoMa",
86
- "avatar__icon--xxsmall": "lc-Avatar-module__avatar__icon--xxsmall___NJJNV",
87
- "avatar__icon--xsmall": "lc-Avatar-module__avatar__icon--xsmall___yHEZK",
88
- "avatar__icon--small": "lc-Avatar-module__avatar__icon--small___l6lBu",
89
- "avatar__icon--medium": "lc-Avatar-module__avatar__icon--medium___LF4w2",
90
- "avatar__icon--large": "lc-Avatar-module__avatar__icon--large___QntBf",
91
- "avatar__icon--xlarge": "lc-Avatar-module__avatar__icon--xlarge___bcHbI",
92
- "avatar__icon--xxlarge": "lc-Avatar-module__avatar__icon--xxlarge___sx8Fq",
93
- "avatar__icon--xxxlarge": "lc-Avatar-module__avatar__icon--xxxlarge___4144S",
94
- "avatar--circle": "lc-Avatar-module__avatar--circle___XwEz-",
95
- "avatar--rounded-square": "lc-Avatar-module__avatar--rounded-square___m7-4I",
96
- "avatar--xxxsmall": "lc-Avatar-module__avatar--xxxsmall___EHzpP",
97
- "avatar--xxsmall": "lc-Avatar-module__avatar--xxsmall___EDOVp",
98
- "avatar--xsmall": "lc-Avatar-module__avatar--xsmall___nI348",
99
- "avatar--small": "lc-Avatar-module__avatar--small___UuQen",
100
- "avatar--medium": "lc-Avatar-module__avatar--medium___Bt9Eo",
101
- "avatar--large": "lc-Avatar-module__avatar--large___OU-08",
102
- "avatar--xlarge": "lc-Avatar-module__avatar--xlarge___zwgeW",
103
- "avatar--xxlarge": "lc-Avatar-module__avatar--xxlarge___Ur0ul",
104
- "avatar--xxxlarge": "lc-Avatar-module__avatar--xxxlarge___Z-54U"
105
- }, l = "avatar", ma = (z) => {
106
- var $ = z, {
107
- alt: _,
108
- className: a,
109
- color: t,
110
- shape: r = "circle",
111
- size: s = "medium",
112
- src: m,
113
- status: c,
114
- text: p,
115
- type: i,
116
- withRim: f = !1
117
- } = $, N = I($, [
118
- "alt",
119
- "className",
120
- "color",
121
- "shape",
122
- "size",
123
- "src",
124
- "status",
125
- "text",
126
- "type",
127
- "withRim"
128
- ]);
129
- const n = i === "image" && !m, [C, E] = o.useState(n), S = i === "image" && !!m && !C, b = i === "text", w = ["xxxsmall", "xxsmall", "xsmall"].includes(s) ? 1 : 2, D = J(p, w), x = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(s), d = t || X(p), H = d ? O(d) : void 0, q = b ? { backgroundColor: d } : {}, B = u(A({
130
- [e[l]]: !0,
131
- [e[`${l}--${r}`]]: !0,
132
- [e[`${l}--${s}`]]: !0,
133
- [e[`${l}--with-rim`]]: f
134
- }, a ? { [`${a}`]: a } : {})), P = u(
135
- e[`${l}__status`],
136
- e[`${l}__status--${r}`],
137
- e[`${l}__status--${s}`],
138
- ...c ? [e[`${l}__status--${c}`]] : []
139
- ), U = u(
140
- e[`${l}__icon`],
141
- e[`${l}__icon--${s}`]
142
- ), L = u(
143
- e[`${l}__rim`],
144
- e[`${l}__rim--${s}`]
145
- ), M = (g) => x ? "2xs" : ["medium"].includes(g) ? "xs" : ["large", "xlarge"].includes(g) ? "sm" : ["xxlarge"].includes(g) ? "lg" : "xl", Q = o.useCallback(() => E(!0), []);
146
- return o.useEffect(() => {
147
- E(n);
148
- }, [n]), /* @__PURE__ */ o.createElement("div", A({ className: B, style: q }, N), f && /* @__PURE__ */ o.createElement(
149
- "div",
150
- {
151
- "data-testid": `${l}__rim`,
152
- className: L
153
- }
154
- ), c && /* @__PURE__ */ o.createElement(
155
- "div",
156
- {
157
- "data-testid": `${l}__status`,
158
- className: P
159
- }
160
- ), S && /* @__PURE__ */ o.createElement(
161
- "img",
162
- {
163
- className: e[`${l}__image`],
164
- src: m,
165
- alt: _,
166
- onError: Q
167
- }
168
- ), b && /* @__PURE__ */ o.createElement(
169
- R,
170
- {
171
- as: "span",
172
- size: M(s),
173
- style: { color: H },
174
- bold: x,
175
- uppercase: x
176
- },
177
- D
178
- ), C && /* @__PURE__ */ o.createElement(
179
- K,
180
- {
181
- "data-testid": `${l}__icon`,
182
- className: U,
183
- source: G
184
- }
185
- ));
186
- };
187
- export {
188
- ma as Avatar,
189
- X as generateAvatarColor
190
- };
@@ -1 +0,0 @@
1
- "use strict";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};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",c={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"},o="badge",q=C=>{var r=C,{className:e,count:a=0,max:t=99,kind:d="primary",size:b="medium",type:i="counter"}=r,p=u(r,["className","count","max","kind","size","type"]);const y=$(e,c[o],c[`${o}--${d}`],c[`${o}--${b}`]),f={counter:N(a,t),alert:"!",dot:m.createElement("span",{className:c[`${o}__dot`]})}[i];return m.createElement("span",s({className:y},p),f)};exports.Badge=q;
@@ -1,65 +0,0 @@
1
- var $ = Object.defineProperty;
2
- var t = Object.getOwnPropertySymbols;
3
- var m = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
4
- var r = (e, a, _) => a in e ? $(e, a, { enumerable: !0, configurable: !0, writable: !0, value: _ }) : e[a] = _, s = (e, a) => {
5
- for (var _ in a || (a = {}))
6
- m.call(a, _) && r(e, _, a[_]);
7
- if (t)
8
- for (var _ of t(a))
9
- l.call(a, _) && r(e, _, a[_]);
10
- return e;
11
- };
12
- var n = (e, a) => {
13
- var _ = {};
14
- for (var d in e)
15
- m.call(e, d) && a.indexOf(d) < 0 && (_[d] = e[d]);
16
- if (e != null && t)
17
- for (var d of t(e))
18
- a.indexOf(d) < 0 && l.call(e, d) && (_[d] = e[d]);
19
- return _;
20
- };
21
- import * as b from "react";
22
- import f from "clsx";
23
- function N(e, a) {
24
- return e > a ? `${a}+` : `${e}`;
25
- }
26
- const C = "lc-Badge-module__badge___GhLnu", J = "lc-Badge-module__badge__dot___z6RO6", o = {
27
- badge: C,
28
- badge__dot: J,
29
- "badge--large": "lc-Badge-module__badge--large___B131q",
30
- "badge--medium": "lc-Badge-module__badge--medium___TDU8a",
31
- "badge--compact": "lc-Badge-module__badge--compact___9xJ4y",
32
- "badge--primary": "lc-Badge-module__badge--primary___8LRpp",
33
- "badge--secondary": "lc-Badge-module__badge--secondary___JjNIJ",
34
- "badge--tertiary": "lc-Badge-module__badge--tertiary___e83wV"
35
- }, g = "badge", L = (R) => {
36
- var c = R, {
37
- className: e,
38
- count: a = 0,
39
- max: _ = 99,
40
- kind: d = "primary",
41
- size: u = "medium",
42
- type: p = "counter"
43
- } = c, i = n(c, [
44
- "className",
45
- "count",
46
- "max",
47
- "kind",
48
- "size",
49
- "type"
50
- ]);
51
- const B = f(
52
- e,
53
- o[g],
54
- o[`${g}--${d}`],
55
- o[`${g}--${u}`]
56
- ), y = {
57
- counter: N(a, _),
58
- alert: "!",
59
- dot: /* @__PURE__ */ b.createElement("span", { className: o[`${g}__dot`] })
60
- }[p];
61
- return /* @__PURE__ */ b.createElement("span", s({ className: B }, i), y);
62
- };
63
- export {
64
- L as Badge
65
- };
@@ -1 +0,0 @@
1
- "use strict";var N=Object.defineProperty;var r=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var p=(t,_,n)=>_ in t?N(t,_,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[_]=n,a=(t,_)=>{for(var n in _||(_={}))y.call(_,n)&&p(t,n,_[n]);if(r)for(var n of r(_))v.call(_,n)&&p(t,n,_[n]);return t};var h=(t,_)=>{var n={};for(var e in t)y.call(t,e)&&_.indexOf(e)<0&&(n[e]=t[e]);if(t!=null&&r)for(var e of r(t))_.indexOf(e)<0&&v.call(t,e)&&(n[e]=t[e]);return n};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),$=require("clsx"),q=require("../Loader/index.cjs.js");require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");function D(t){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const e=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(_,n,e.get?e:{enumerable:!0,get:()=>t[n]})}}return _.default=t,Object.freeze(_)}const u=D(S),L=t=>{if(t==="primary"||t==="destructive")return{primaryColor:"var(--action-primary-default)",secondaryColor:"var(--border-invert-primary)"};if(t==="link-inverted")return{primaryColor:"var(--content-invert-primary)",secondaryColor:"var(--surface-invert-secondary)"}},Z="lc-Button-module__btn___aijZJ",A="lc-Button-module__btn__loader___c8zZz",J="lc-Button-module__btn__icon___GVExB",o={btn:Z,"btn--disabled":"lc-Button-module__btn--disabled___lXBav","btn--full-width":"lc-Button-module__btn--full-width___kdbAr","btn--xcompact":"lc-Button-module__btn--xcompact___s-zG-","btn--with-left-icon":"lc-Button-module__btn--with-left-icon___MOLWC","btn--with-right-icon":"lc-Button-module__btn--with-right-icon___R0Xum","btn--compact":"lc-Button-module__btn--compact___4eptQ","btn--medium":"lc-Button-module__btn--medium___wfUJA","btn--large":"lc-Button-module__btn--large___lb-z6","btn--basic":"lc-Button-module__btn--basic___Jc2gD","btn--primary":"lc-Button-module__btn--primary___ajbjQ","btn--secondary":"lc-Button-module__btn--secondary___iWzE0","btn--destructive":"lc-Button-module__btn--destructive___-kLCl","btn--destructive-outline":"lc-Button-module__btn--destructive-outline___dexc3","btn--text":"lc-Button-module__btn--text___WA8OL","btn--link":"lc-Button-module__btn--link___51ZgF","btn--link-light":"lc-Button-module__btn--link-light___iitZ6","btn--link-inverted":"lc-Button-module__btn--link-inverted___5zdGg","btn--plain":"lc-Button-module__btn--plain___eOPui","btn--float":"lc-Button-module__btn--float___J4lTs","btn--dotted":"lc-Button-module__btn--dotted___y1EEP","btn--high-contrast":"lc-Button-module__btn--high-contrast___zHSVM","btn--loading":"lc-Button-module__btn--loading___ZAgjv",btn__loader:A,btn__icon:J,"btn__icon--left":"lc-Button-module__btn__icon--left___H68zu","btn__icon--right":"lc-Button-module__btn__icon--right___fHr3D","btn--icon-only":"lc-Button-module__btn--icon-only___bF5pW","btn--icon-only--bg":"lc-Button-module__btn--icon-only--bg___X-4V2"},l="btn",M=u.forwardRef((P,j)=>{var f=P,{loading:t=!1,disabled:_=!1,type:n="button",fullWidth:e=!1,kind:b="basic",size:w="medium",icon:c=null,iconPosition:s="left",loaderLabel:x,className:z,children:m,href:B,onClick:C}=f,O=h(f,["loading","disabled","type","fullWidth","kind","size","icon","iconPosition","loaderLabel","className","children","href","onClick"]);const i=t||_,d=!m&&c,g=["text","link","link-light"].includes(b),k=B?"a":"button",E=$(z,o[l],o[`${l}--${b}`],o[`${l}--${w}`],{[o[`${l}--loading`]]:t,[o[`${l}--full-width`]]:e,[o[`${l}--with-${s}-icon`]]:c&&!d&&!g,[o[`${l}--icon-only`]]:d,[o[`${l}--icon-only--bg`]]:d&&g,[o[`${l}--disabled`]]:i});return u.createElement(k,a(a({ref:j,className:E,"aria-disabled":i,type:n,disabled:i},!i&&{href:B,onClick:C}),O),t&&u.createElement(q.Loader,a({size:"small",label:x,className:o[`${l}__loader`]},L(b))),c&&u.cloneElement(c,{className:$(c.props.className,o[`${l}__icon`],o[`${l}__icon--${s}`]),disabled:_}),u.createElement("div",{className:o[`${l}__content`]},m))});exports.Button=M;
@@ -1,143 +0,0 @@
1
- var j = Object.defineProperty;
2
- var b = Object.getOwnPropertySymbols;
3
- var g = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
4
- var y = (t, _, n) => _ in t ? j(t, _, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[_] = n, r = (t, _) => {
5
- for (var n in _ || (_ = {}))
6
- g.call(_, n) && y(t, n, _[n]);
7
- if (b)
8
- for (var n of b(_))
9
- v.call(_, n) && y(t, n, _[n]);
10
- return t;
11
- };
12
- var h = (t, _) => {
13
- var n = {};
14
- for (var e in t)
15
- g.call(t, e) && _.indexOf(e) < 0 && (n[e] = t[e]);
16
- if (t != null && b)
17
- for (var e of b(t))
18
- _.indexOf(e) < 0 && v.call(t, e) && (n[e] = t[e]);
19
- return n;
20
- };
21
- import * as i from "react";
22
- import $ from "clsx";
23
- import { Loader as A } from "../Loader/index.es.js";
24
- import "../../chunks/Text-b31d1e9a.js";
25
- import "../../chunks/Typography.module-93efb34d.js";
26
- const J = (t) => {
27
- if (t === "primary" || t === "destructive")
28
- return {
29
- primaryColor: "var(--action-primary-default)",
30
- secondaryColor: "var(--border-invert-primary)"
31
- };
32
- if (t === "link-inverted")
33
- return {
34
- primaryColor: "var(--content-invert-primary)",
35
- secondaryColor: "var(--surface-invert-secondary)"
36
- };
37
- }, L = "lc-Button-module__btn___aijZJ", O = "lc-Button-module__btn__loader___c8zZz", W = "lc-Button-module__btn__icon___GVExB", o = {
38
- btn: L,
39
- "btn--disabled": "lc-Button-module__btn--disabled___lXBav",
40
- "btn--full-width": "lc-Button-module__btn--full-width___kdbAr",
41
- "btn--xcompact": "lc-Button-module__btn--xcompact___s-zG-",
42
- "btn--with-left-icon": "lc-Button-module__btn--with-left-icon___MOLWC",
43
- "btn--with-right-icon": "lc-Button-module__btn--with-right-icon___R0Xum",
44
- "btn--compact": "lc-Button-module__btn--compact___4eptQ",
45
- "btn--medium": "lc-Button-module__btn--medium___wfUJA",
46
- "btn--large": "lc-Button-module__btn--large___lb-z6",
47
- "btn--basic": "lc-Button-module__btn--basic___Jc2gD",
48
- "btn--primary": "lc-Button-module__btn--primary___ajbjQ",
49
- "btn--secondary": "lc-Button-module__btn--secondary___iWzE0",
50
- "btn--destructive": "lc-Button-module__btn--destructive___-kLCl",
51
- "btn--destructive-outline": "lc-Button-module__btn--destructive-outline___dexc3",
52
- "btn--text": "lc-Button-module__btn--text___WA8OL",
53
- "btn--link": "lc-Button-module__btn--link___51ZgF",
54
- "btn--link-light": "lc-Button-module__btn--link-light___iitZ6",
55
- "btn--link-inverted": "lc-Button-module__btn--link-inverted___5zdGg",
56
- "btn--plain": "lc-Button-module__btn--plain___eOPui",
57
- "btn--float": "lc-Button-module__btn--float___J4lTs",
58
- "btn--dotted": "lc-Button-module__btn--dotted___y1EEP",
59
- "btn--high-contrast": "lc-Button-module__btn--high-contrast___zHSVM",
60
- "btn--loading": "lc-Button-module__btn--loading___ZAgjv",
61
- btn__loader: O,
62
- btn__icon: W,
63
- "btn__icon--left": "lc-Button-module__btn__icon--left___H68zu",
64
- "btn__icon--right": "lc-Button-module__btn__icon--right___fHr3D",
65
- "btn--icon-only": "lc-Button-module__btn--icon-only___bF5pW",
66
- "btn--icon-only--bg": "lc-Button-module__btn--icon-only--bg___X-4V2"
67
- }, l = "btn", F = i.forwardRef(
68
- (D, k) => {
69
- var p = D, {
70
- loading: t = !1,
71
- disabled: _ = !1,
72
- type: n = "button",
73
- fullWidth: e = !1,
74
- kind: a = "basic",
75
- size: w = "medium",
76
- icon: c = null,
77
- iconPosition: m = "left",
78
- loaderLabel: x,
79
- className: C,
80
- children: s,
81
- href: B,
82
- onClick: z
83
- } = p, E = h(p, [
84
- "loading",
85
- "disabled",
86
- "type",
87
- "fullWidth",
88
- "kind",
89
- "size",
90
- "icon",
91
- "iconPosition",
92
- "loaderLabel",
93
- "className",
94
- "children",
95
- "href",
96
- "onClick"
97
- ]);
98
- const u = t || _, d = !s && c, f = ["text", "link", "link-light"].includes(a), N = B ? "a" : "button", Z = $(
99
- C,
100
- o[l],
101
- o[`${l}--${a}`],
102
- o[`${l}--${w}`],
103
- {
104
- [o[`${l}--loading`]]: t,
105
- [o[`${l}--full-width`]]: e,
106
- [o[`${l}--with-${m}-icon`]]: c && !d && !f,
107
- [o[`${l}--icon-only`]]: d,
108
- [o[`${l}--icon-only--bg`]]: d && f,
109
- [o[`${l}--disabled`]]: u
110
- }
111
- );
112
- return /* @__PURE__ */ i.createElement(
113
- N,
114
- r(r({
115
- ref: k,
116
- className: Z,
117
- "aria-disabled": u,
118
- type: n,
119
- disabled: u
120
- }, !u && { href: B, onClick: z }), E),
121
- t && /* @__PURE__ */ i.createElement(
122
- A,
123
- r({
124
- size: "small",
125
- label: x,
126
- className: o[`${l}__loader`]
127
- }, J(a))
128
- ),
129
- c && i.cloneElement(c, {
130
- className: $(
131
- c.props.className,
132
- o[`${l}__icon`],
133
- o[`${l}__icon--${m}`]
134
- ),
135
- disabled: _
136
- }),
137
- /* @__PURE__ */ i.createElement("div", { className: o[`${l}__content`] }, s)
138
- );
139
- }
140
- );
141
- export {
142
- F as Button
143
- };
@@ -1 +0,0 @@
1
- "use strict";var H=Object.defineProperty;var o=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable;var v=(e,_,a)=>_ in e?H(e,_,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[_]=a,f=(e,_)=>{for(var a in _||(_={}))b.call(_,a)&&v(e,a,_[a]);if(o)for(var a of o(_))N.call(_,a)&&v(e,a,_[a]);return e};var $=(e,_)=>{var a={};for(var t in e)b.call(e,t)&&_.indexOf(t)<0&&(a[t]=e[t]);if(e!=null&&o)for(var t of o(e))_.indexOf(t)<0&&N.call(e,t)&&(a[t]=e[t]);return a};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),q=require("@livechat/design-system-icons"),S=require("clsx"),T=require("../Button/index.cjs.js"),U=require("../Icon/index.cjs.js"),K=require("../../chunks/Heading-617540b6.js"),l=require("../../chunks/Text-df483689.js");require("../Loader/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");function L(e){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(_,a,t.get?t:{enumerable:!0,get:()=>e[a]})}}return _.default=e,Object.freeze(_)}const c=L(R),O="lc-Card-module__card___GqMm2",Q="lc-Card-module__card__header___0ptfD",F="lc-Card-module__card__header__image___QMwSu",G="lc-Card-module__card__header__heading___Wkikx",W="lc-Card-module__card__header__heading__title___Uxi8s",Y="lc-Card-module__card__header__heading__description___6LnOK",J="lc-Card-module__card__content___KuDcc",V="lc-Card-module__card__actions___q9sAo",X="lc-Card-module__card__actions__line___TF1bt",Z="lc-Card-module__card__actions__buttons___PDMMR",n={card:O,card__header:Q,card__header__image:F,card__header__heading:G,card__header__heading__title:W,card__header__heading__description:Y,"card__header__no-image":"lc-Card-module__card__header__no-image___UcnNY",card__content:J,"card__expanded-content":"lc-Card-module__card__expanded-content___yB-QL",card__actions:V,card__actions__line:X,card__actions__buttons:Z,"card__actions__buttons-expander":"lc-Card-module__card__actions__buttons-expander___lz4h-"},d="card",i=`${d}__header`,m=`${i}__heading`,s=`${d}__actions`,ee=`${i}__no-image`,_e=ae=>{var p=ae,{alt:e,buttonsOptions:_=[],children:a,className:t,description:y,expandableContent:u,src:h,title:g}=p,I=$(p,["alt","buttonsOptions","children","className","description","expandableContent","src","title"]);const[r,w]=c.useState(!1),z=r?q.ChevronUp:q.ChevronDown,A=r?"Hide":"Show more",C=(_==null?void 0:_.length)>0,x=!!u,k=C||x,B=g,E=h,D=E?"":n[ee];return c.createElement("div",f({className:S(n[d],t)},I),B&&c.createElement("div",{className:S(n[i],D)},E&&c.createElement("img",{alt:e,className:n[`${i}__image`],src:h}),c.createElement("div",{className:n[m]},c.createElement(K.Heading,{size:"sm",className:n[`${m}__title`]},g),c.createElement(l.Text,{size:"sm",className:n[`${m}__description`]},y))),c.createElement(l.Text,{as:"div",size:"md",className:n[`${d}__content`]},a),r&&c.createElement(l.Text,{as:"div",size:"md",className:n[`${d}__expanded-content`]},u),k&&c.createElement("div",{className:n[s]},c.createElement("div",{className:n[`${s}__line`]}),c.createElement("div",{className:n[`${s}__buttons`]},C&&_.map(({kind:M,onClick:j,children:P})=>c.createElement(T.Button,{size:"compact",kind:M,onClick:j},P)),x&&c.createElement(T.Button,{className:n[`${s}__buttons-expander`],kind:"link",iconPosition:"right",icon:c.createElement(U.Icon,{source:z}),onClick:()=>w(!r)},A))))};exports.Card=_e;
@@ -1,96 +0,0 @@
1
- var y = Object.defineProperty;
2
- var o = Object.getOwnPropertySymbols;
3
- var N = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable;
4
- var v = (e, _, a) => _ in e ? y(e, _, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[_] = a, f = (e, _) => {
5
- for (var a in _ || (_ = {}))
6
- N.call(_, a) && v(e, a, _[a]);
7
- if (o)
8
- for (var a of o(_))
9
- $.call(_, a) && v(e, a, _[a]);
10
- return e;
11
- };
12
- var A = (e, _) => {
13
- var a = {};
14
- for (var t in e)
15
- N.call(e, t) && _.indexOf(t) < 0 && (a[t] = e[t]);
16
- if (e != null && o)
17
- for (var t of o(e))
18
- _.indexOf(t) < 0 && $.call(e, t) && (a[t] = e[t]);
19
- return a;
20
- };
21
- import * as c from "react";
22
- import { ChevronUp as K, ChevronDown as L } from "@livechat/design-system-icons";
23
- import b from "clsx";
24
- import { Button as w } from "../Button/index.es.js";
25
- import { Icon as P } from "../Icon/index.es.js";
26
- import { H as Q } from "../../chunks/Heading-6b95d08b.js";
27
- import { T as l } from "../../chunks/Text-b31d1e9a.js";
28
- import "../Loader/index.es.js";
29
- import "../../chunks/Typography.module-93efb34d.js";
30
- const R = "lc-Card-module__card___GqMm2", F = "lc-Card-module__card__header___0ptfD", G = "lc-Card-module__card__header__image___QMwSu", W = "lc-Card-module__card__header__heading___Wkikx", Y = "lc-Card-module__card__header__heading__title___Uxi8s", j = "lc-Card-module__card__header__heading__description___6LnOK", J = "lc-Card-module__card__content___KuDcc", V = "lc-Card-module__card__actions___q9sAo", X = "lc-Card-module__card__actions__line___TF1bt", Z = "lc-Card-module__card__actions__buttons___PDMMR", d = {
31
- card: R,
32
- card__header: F,
33
- card__header__image: G,
34
- card__header__heading: W,
35
- card__header__heading__title: Y,
36
- card__header__heading__description: j,
37
- "card__header__no-image": "lc-Card-module__card__header__no-image___UcnNY",
38
- card__content: J,
39
- "card__expanded-content": "lc-Card-module__card__expanded-content___yB-QL",
40
- card__actions: V,
41
- card__actions__line: X,
42
- card__actions__buttons: Z,
43
- "card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___lz4h-"
44
- }, n = "card", i = `${n}__header`, m = `${i}__heading`, s = `${n}__actions`, O = `${i}__no-image`, i_ = (__) => {
45
- var p = __, {
46
- alt: e,
47
- buttonsOptions: _ = [],
48
- children: a,
49
- className: t,
50
- description: z,
51
- expandableContent: h,
52
- src: u,
53
- title: g
54
- } = p, I = A(p, [
55
- "alt",
56
- "buttonsOptions",
57
- "children",
58
- "className",
59
- "description",
60
- "expandableContent",
61
- "src",
62
- "title"
63
- ]);
64
- const [r, S] = c.useState(!1), k = r ? K : L, T = r ? "Hide" : "Show more", C = (_ == null ? void 0 : _.length) > 0, E = !!h, B = C || E, D = g, x = u, M = x ? "" : d[O];
65
- return /* @__PURE__ */ c.createElement("div", f({ className: b(d[n], t) }, I), D && /* @__PURE__ */ c.createElement("div", { className: b(d[i], M) }, x && /* @__PURE__ */ c.createElement(
66
- "img",
67
- {
68
- alt: e,
69
- className: d[`${i}__image`],
70
- src: u
71
- }
72
- ), /* @__PURE__ */ c.createElement("div", { className: d[m] }, /* @__PURE__ */ c.createElement(Q, { size: "sm", className: d[`${m}__title`] }, g), /* @__PURE__ */ c.createElement(l, { size: "sm", className: d[`${m}__description`] }, z))), /* @__PURE__ */ c.createElement(l, { as: "div", size: "md", className: d[`${n}__content`] }, a), r && /* @__PURE__ */ c.createElement(
73
- l,
74
- {
75
- as: "div",
76
- size: "md",
77
- className: d[`${n}__expanded-content`]
78
- },
79
- h
80
- ), B && /* @__PURE__ */ c.createElement("div", { className: d[s] }, /* @__PURE__ */ c.createElement("div", { className: d[`${s}__line`] }), /* @__PURE__ */ c.createElement("div", { className: d[`${s}__buttons`] }, C && _.map(
81
- ({ kind: H, onClick: U, children: q }) => /* @__PURE__ */ c.createElement(w, { size: "compact", kind: H, onClick: U }, q)
82
- ), E && /* @__PURE__ */ c.createElement(
83
- w,
84
- {
85
- className: d[`${s}__buttons-expander`],
86
- kind: "link",
87
- iconPosition: "right",
88
- icon: /* @__PURE__ */ c.createElement(P, { source: k }),
89
- onClick: () => S(!r)
90
- },
91
- T
92
- ))));
93
- };
94
- export {
95
- i_ as Card
96
- };
@@ -1 +0,0 @@
1
- "use strict";var p=Object.defineProperty,f=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var s=Object.getOwnPropertySymbols;var a=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var r=(e,c,_)=>c in e?p(e,c,{enumerable:!0,configurable:!0,writable:!0,value:_}):e[c]=_,k=(e,c)=>{for(var _ in c||(c={}))a.call(c,_)&&r(e,_,c[_]);if(s)for(var _ of s(c))x.call(c,_)&&r(e,_,c[_]);return e},h=(e,c)=>f(e,C(c));var u=(e,c)=>{var _={};for(var o in e)a.call(e,o)&&c.indexOf(o)<0&&(_[o]=e[o]);if(e!=null&&s)for(var o of s(e))c.indexOf(o)<0&&x.call(e,o)&&(_[o]=e[o]);return _};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),y=require("clsx"),g=require("../FieldDescription/index.cjs.js"),S=require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.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;
@@ -1,64 +0,0 @@
1
- var i = Object.defineProperty, C = Object.defineProperties;
2
- var f = Object.getOwnPropertyDescriptors;
3
- var x = Object.getOwnPropertySymbols;
4
- var s = Object.prototype.hasOwnProperty, a = Object.prototype.propertyIsEnumerable;
5
- var k = (e, c, _) => c in e ? i(e, c, { enumerable: !0, configurable: !0, writable: !0, value: _ }) : e[c] = _, m = (e, c) => {
6
- for (var _ in c || (c = {}))
7
- s.call(c, _) && k(e, _, c[_]);
8
- if (x)
9
- for (var _ of x(c))
10
- a.call(c, _) && k(e, _, c[_]);
11
- return e;
12
- }, r = (e, c) => C(e, f(c));
13
- var n = (e, c) => {
14
- var _ = {};
15
- for (var o in e)
16
- s.call(e, o) && c.indexOf(o) < 0 && (_[o] = e[o]);
17
- if (e != null && x)
18
- for (var o of x(e))
19
- c.indexOf(o) < 0 && a.call(e, o) && (_[o] = e[o]);
20
- return _;
21
- };
22
- import * as b from "react";
23
- import q from "clsx";
24
- import { FieldDescription as $ } from "../FieldDescription/index.es.js";
25
- import { T as E } from "../../chunks/Text-b31d1e9a.js";
26
- import "../../chunks/Typography.module-93efb34d.js";
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
- checkbox: N,
29
- checkbox__label: Y,
30
- checkbox__text: v,
31
- checkbox__input: y,
32
- checkbox__checkmark: S,
33
- "checkbox--selected": "lc-Checkbox-module__checkbox--selected___S2vqY",
34
- checkbox__square: T,
35
- "checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___-lAqW",
36
- checkbox__helper: F
37
- }, t = "checkbox", H = b.forwardRef(
38
- (R, p) => {
39
- var h = R, { checked: e, disabled: c, children: _, description: o, className: d } = h, u = n(h, ["checked", "disabled", "children", "description", "className"]);
40
- return /* @__PURE__ */ b.createElement(
41
- "div",
42
- {
43
- className: q(l[t], d, {
44
- [l[`${t}--selected`]]: e,
45
- [l[`${t}--disabled`]]: c
46
- })
47
- },
48
- /* @__PURE__ */ b.createElement("label", { className: l[`${t}__label`] }, /* @__PURE__ */ b.createElement(
49
- "input",
50
- r(m({}, u), {
51
- ref: p,
52
- checked: e,
53
- disabled: c,
54
- className: l[`${t}__input`],
55
- type: "checkbox"
56
- })
57
- ), _ && /* @__PURE__ */ b.createElement(E, { as: "div", size: "md", className: l[`${t}__text`] }, _)),
58
- o && /* @__PURE__ */ b.createElement($, { className: l[`${t}__helper`] }, o)
59
- );
60
- }
61
- );
62
- export {
63
- H as Checkbox
64
- };
@@ -1 +0,0 @@
1
- "use strict";var V=Object.defineProperty,Z=Object.defineProperties;var X=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var g=(e,t,a)=>t in e?V(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,f=(e,t)=>{for(var a in t||(t={}))A.call(t,a)&&g(e,a,t[a]);if(w)for(var a of w(t))L.call(t,a)&&g(e,a,t[a]);return e},v=(e,t)=>Z(e,X(t));var $=(e,t)=>{var a={};for(var r in e)A.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&w)for(var r of w(e))t.indexOf(r)<0&&L.call(e,r)&&(a[r]=e[r]);return a};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react"),z=require("react-day-picker"),I=require("@livechat/design-system-icons"),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;