@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
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@livechat/design-system-react-components",
3
- "version": "1.17.1-alpha.2",
3
+ "version": "1.17.1-alpha.3",
4
4
  "description": "",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -89,5 +89,5 @@
89
89
  "react-transition-group": "^4.4.2",
90
90
  "react-virtuoso": "^4.6.2"
91
91
  },
92
- "gitHead": "d74b396e6e3759b8b31e39193d6b9dc3967bba5f"
92
+ "gitHead": "b2a55e91a02bd62a5d2f480ec5416db0a2abf620"
93
93
  }
@@ -1 +0,0 @@
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-2558416b.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;
@@ -1,64 +0,0 @@
1
- var x = Object.defineProperty;
2
- var t = Object.getOwnPropertySymbols;
3
- var n = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
4
- var h = (e, s, a) => s in e ? x(e, s, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[s] = a, d = (e, s) => {
5
- for (var a in s || (s = {}))
6
- n.call(s, a) && h(e, a, s[a]);
7
- if (t)
8
- for (var a of t(s))
9
- c.call(s, a) && h(e, a, s[a]);
10
- return e;
11
- };
12
- var i = (e, s) => {
13
- var a = {};
14
- for (var r in e)
15
- n.call(e, r) && s.indexOf(r) < 0 && (a[r] = e[r]);
16
- if (e != null && t)
17
- for (var r of t(e))
18
- s.indexOf(r) < 0 && c.call(e, r) && (a[r] = e[r]);
19
- return a;
20
- };
21
- import * as E from "react";
22
- import f from "clsx";
23
- import { s as m } from "./Typography.module-93efb34d.js";
24
- const u = {
25
- xl: "h1",
26
- lg: "h2",
27
- md: "h3",
28
- sm: "h4",
29
- xs: "h5",
30
- "2xs": "h6"
31
- }, T = (_) => {
32
- var o = _, {
33
- as: e,
34
- size: s = "md",
35
- children: a,
36
- className: r,
37
- uppercase: l,
38
- bold: p
39
- } = o, g = i(o, [
40
- "as",
41
- "size",
42
- "children",
43
- "className",
44
- "uppercase",
45
- "bold"
46
- ]);
47
- return E.createElement(
48
- e || u[s],
49
- d({
50
- className: f(
51
- {
52
- [m[`heading-${s}`]]: !0,
53
- [m["heading-uppercase"]]: l,
54
- [m["heading-bold"]]: p
55
- },
56
- r
57
- )
58
- }, g),
59
- a
60
- );
61
- };
62
- export {
63
- T as H
64
- };
@@ -1,87 +0,0 @@
1
- var S = Object.defineProperty, R = Object.defineProperties;
2
- var $ = Object.getOwnPropertyDescriptors;
3
- var a = Object.getOwnPropertySymbols;
4
- var n = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
5
- var m = (r, s, e) => s in r ? S(r, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[s] = e, p = (r, s) => {
6
- for (var e in s || (s = {}))
7
- n.call(s, e) && m(r, e, s[e]);
8
- if (a)
9
- for (var e of a(s))
10
- t.call(s, e) && m(r, e, s[e]);
11
- return r;
12
- }, u = (r, s) => R(r, $(s));
13
- var b = (r, s) => {
14
- var e = {};
15
- for (var o in r)
16
- n.call(r, o) && s.indexOf(o) < 0 && (e[o] = r[o]);
17
- if (r != null && a)
18
- for (var o of a(r))
19
- s.indexOf(o) < 0 && t.call(r, o) && (e[o] = r[o]);
20
- return e;
21
- };
22
- import * as c from "react";
23
- import N from "clsx";
24
- const h = [
25
- "normal",
26
- "error",
27
- "success"
28
- ], w = (r) => Math.min(Math.max(r, 0), 100);
29
- function x(r, s = 0) {
30
- return r === "error" ? 0 : w(parseInt(s.toString(), 10));
31
- }
32
- function E(r, s) {
33
- return !h.includes(r) && s >= 100 ? "normal" : r || "normal";
34
- }
35
- const _ = {
36
- "progress-bar": "lc-ProgressBar-module__progress-bar___3pa3d",
37
- "progress-bar--small": "lc-ProgressBar-module__progress-bar--small___7nQKx",
38
- "progress-bar--medium": "lc-ProgressBar-module__progress-bar--medium___cM44p",
39
- "progress-bar--large": "lc-ProgressBar-module__progress-bar--large___UlzNR",
40
- "progress-bar--error": "lc-ProgressBar-module__progress-bar--error___MulqI",
41
- "progress-bar--success": "lc-ProgressBar-module__progress-bar--success___p7nB-",
42
- "progress-bar--normal": "lc-ProgressBar-module__progress-bar--normal___ZwCb-",
43
- "progress-bar__indicator--success": "lc-ProgressBar-module__progress-bar__indicator--success___wRjR3",
44
- "progress-bar__indicator--normal": "lc-ProgressBar-module__progress-bar__indicator--normal___0Uhle"
45
- }, l = "progress-bar", v = c.forwardRef(
46
- (M, i) => {
47
- var g = M, {
48
- status: r = "normal",
49
- percent: s,
50
- size: e = "medium",
51
- className: o = ""
52
- } = g, d = b(g, [
53
- "status",
54
- "percent",
55
- "size",
56
- "className"
57
- ]);
58
- const P = E(r, s), B = x(P, s), f = N(
59
- _[l],
60
- {
61
- [_[`${l}--${e}`]]: e,
62
- [_[`${l}--${r}`]]: r
63
- },
64
- o
65
- );
66
- return /* @__PURE__ */ c.createElement(
67
- "div",
68
- u(p({}, d), {
69
- className: f,
70
- ref: i,
71
- role: "progressbar"
72
- }),
73
- /* @__PURE__ */ c.createElement(
74
- "div",
75
- {
76
- className: _[`${l}__indicator--${r}`],
77
- style: { width: `${B}%` }
78
- }
79
- )
80
- );
81
- }
82
- );
83
- export {
84
- v as P,
85
- E as a,
86
- x as g
87
- };
@@ -1 +0,0 @@
1
- "use strict";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};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,66 +0,0 @@
1
- var g = Object.defineProperty;
2
- var o = Object.getOwnPropertySymbols;
3
- var p = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
4
- var m = (e, a, s) => a in e ? g(e, a, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[a] = s, i = (e, a) => {
5
- for (var s in a || (a = {}))
6
- p.call(a, s) && m(e, s, a[s]);
7
- if (o)
8
- for (var s of o(a))
9
- c.call(a, s) && m(e, s, a[s]);
10
- return e;
11
- };
12
- var n = (e, a) => {
13
- var s = {};
14
- for (var r in e)
15
- p.call(e, r) && a.indexOf(r) < 0 && (s[r] = e[r]);
16
- if (e != null && o)
17
- for (var r of o(e))
18
- a.indexOf(r) < 0 && c.call(e, r) && (s[r] = e[r]);
19
- return s;
20
- };
21
- import * as h from "react";
22
- import k from "clsx";
23
- import { s as l } from "./Typography.module-93efb34d.js";
24
- const P = (y) => {
25
- var f = y, {
26
- as: e = "p",
27
- size: a = "md",
28
- caps: s = !1,
29
- uppercase: r = !1,
30
- bold: $ = !1,
31
- underline: u = !1,
32
- strike: x = !1,
33
- children: d,
34
- className: b
35
- } = f, T = n(f, [
36
- "as",
37
- "size",
38
- "caps",
39
- "uppercase",
40
- "bold",
41
- "underline",
42
- "strike",
43
- "children",
44
- "className"
45
- ]);
46
- const t = "paragraph";
47
- return h.createElement(
48
- e,
49
- i({
50
- className: k(
51
- {
52
- [l[`${t}-${a}`]]: !0,
53
- [l[`${t}--bold`]]: $,
54
- [l[`${t}--strike`]]: x,
55
- [l[`${t}--underline`]]: u,
56
- [l[`${t}--uppercase`]]: r || s
57
- },
58
- b
59
- )
60
- }, T),
61
- d
62
- );
63
- };
64
- export {
65
- P as T
66
- };
@@ -1 +0,0 @@
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-2558416b.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;
@@ -1 +0,0 @@
1
- "use strict";var at=Object.defineProperty,ut=Object.defineProperties;var dt=Object.getOwnPropertyDescriptors;var S=Object.getOwnPropertySymbols;var mt=Object.prototype.hasOwnProperty,ft=Object.prototype.propertyIsEnumerable;var x=(t,o,e)=>o in t?at(t,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[o]=e,n=(t,o)=>{for(var e in o||(o={}))mt.call(o,e)&&x(t,e,o[e]);if(S)for(var e of S(o))ft.call(o,e)&&x(t,e,o[e]);return t},g=(t,o)=>ut(t,dt(o));const gt=require("react"),l=require("@floating-ui/react"),Tt=require("clsx"),yt=require("./Text-df483689.js");function vt(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const _=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,_.get?_:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const s=vt(gt);function ht(t){switch(t){case"invert":return"inverted";default:return"primary"}}function wt(t,o,e,_){if(e)return{top:t?e+t:e};if(_)return{left:o?_+o:_}}const bt="lc-Tooltip-module__tooltip___QOOAr",Pt="lc-Tooltip-module__tooltip__arrow___Ov1YW",St="lc-Tooltip-module__tooltip__interactive___0JawB",c={tooltip:bt,tooltip__arrow:Pt,"tooltip--invert":"lc-Tooltip-module__tooltip--invert___PVjhE","tooltip--important":"lc-Tooltip-module__tooltip--important___X-IMK",tooltip__interactive:St,"tooltip__user-guide-step":"lc-Tooltip-module__tooltip__user-guide-step___evexI","tooltip--full-space":"lc-Tooltip-module__tooltip--full-space___wmbaw","tooltip-header":"lc-Tooltip-module__tooltip-header___QV0Vd","tooltip-header--info":"lc-Tooltip-module__tooltip-header--info___zLJ2Z","tooltip-image-container":"lc-Tooltip-module__tooltip-image-container___ySmcd","tooltip-image":"lc-Tooltip-module__tooltip-image___Aorwg","tooltip-text--info":"lc-Tooltip-module__tooltip-text--info___3d2Ql","tooltip-close":"lc-Tooltip-module__tooltip-close___3r3h9","tooltip-step":"lc-Tooltip-module__tooltip-step___-j0n8","tooltip-footer":"lc-Tooltip-module__tooltip-footer___9hxFq","tooltip-footer-secondary":"lc-Tooltip-module__tooltip-footer-secondary___WBgVR","tooltip-footer-secondary-invert":"lc-Tooltip-module__tooltip-footer-secondary-invert___PuAQL","tooltip-footer--interactive":"lc-Tooltip-module__tooltip-footer--interactive___hqMM5","tooltip-footer--user-guide-step":"lc-Tooltip-module__tooltip-footer--user-guide-step___i7z3S","guide-tooltip--slide":"lc-Tooltip-module__guide-tooltip--slide___Uawm2","guide-tooltip__overlay":"lc-Tooltip-module__guide-tooltip__overlay___IyrKK","guide-tooltip__overlay--slide":"lc-Tooltip-module__guide-tooltip__overlay--slide___VW8oq","guide-tooltip__overlay--visible":"lc-Tooltip-module__guide-tooltip__overlay--visible___dbdsZ","reports-tooltip":"lc-Tooltip-module__reports-tooltip___amyTo","reports-tooltip__heading":"lc-Tooltip-module__reports-tooltip__heading___FtjvD","reports-tooltip__heading__title":"lc-Tooltip-module__reports-tooltip__heading__title___6TlzE","reports-tooltip__heading__description":"lc-Tooltip-module__reports-tooltip__heading__description___eOQnc","reports-tooltip__content":"lc-Tooltip-module__reports-tooltip__content___jxis9"},a="tooltip",xt=({children:t,className:o,triggerClassName:e,triggerRenderer:_,theme:u,kind:j,placement: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;
@@ -1,181 +0,0 @@
1
- var ao = Object.defineProperty, co = Object.defineProperties;
2
- var uo = Object.getOwnPropertyDescriptors;
3
- var P = Object.getOwnPropertySymbols;
4
- var mo = Object.prototype.hasOwnProperty, fo = Object.prototype.propertyIsEnumerable;
5
- var S = (t, o, e) => o in t ? ao(t, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[o] = e, r = (t, o) => {
6
- for (var e in o || (o = {}))
7
- mo.call(o, e) && S(t, e, o[e]);
8
- if (P)
9
- for (var e of P(o))
10
- fo.call(o, e) && S(t, e, o[e]);
11
- return t;
12
- }, f = (t, o) => co(t, uo(o));
13
- import * as i from "react";
14
- import { useFloating as To, offset as go, shift as yo, flip as vo, arrow as ho, autoUpdate as wo, useHover as xo, safePolygon as Po, useFocus as So, useDismiss as bo, useRole as Fo, useClick as Eo, useTransitionStyles as Mo, useTransitionStatus as Ro, useInteractions as Ao } from "@floating-ui/react";
15
- import Vo from "clsx";
16
- import { T as Do } from "./Text-b31d1e9a.js";
17
- function Ko(t) {
18
- switch (t) {
19
- case "invert":
20
- return "inverted";
21
- default:
22
- return "primary";
23
- }
24
- }
25
- function Io(t, o, e, _) {
26
- if (e)
27
- return {
28
- top: t ? e + t : e
29
- };
30
- if (_)
31
- return {
32
- left: o ? _ + o : _
33
- };
34
- }
35
- const Qo = "lc-Tooltip-module__tooltip___QOOAr", jo = "lc-Tooltip-module__tooltip__arrow___Ov1YW", No = "lc-Tooltip-module__tooltip__interactive___0JawB", n = {
36
- tooltip: Qo,
37
- tooltip__arrow: jo,
38
- "tooltip--invert": "lc-Tooltip-module__tooltip--invert___PVjhE",
39
- "tooltip--important": "lc-Tooltip-module__tooltip--important___X-IMK",
40
- tooltip__interactive: No,
41
- "tooltip__user-guide-step": "lc-Tooltip-module__tooltip__user-guide-step___evexI",
42
- "tooltip--full-space": "lc-Tooltip-module__tooltip--full-space___wmbaw",
43
- "tooltip-header": "lc-Tooltip-module__tooltip-header___QV0Vd",
44
- "tooltip-header--info": "lc-Tooltip-module__tooltip-header--info___zLJ2Z",
45
- "tooltip-image-container": "lc-Tooltip-module__tooltip-image-container___ySmcd",
46
- "tooltip-image": "lc-Tooltip-module__tooltip-image___Aorwg",
47
- "tooltip-text--info": "lc-Tooltip-module__tooltip-text--info___3d2Ql",
48
- "tooltip-close": "lc-Tooltip-module__tooltip-close___3r3h9",
49
- "tooltip-step": "lc-Tooltip-module__tooltip-step___-j0n8",
50
- "tooltip-footer": "lc-Tooltip-module__tooltip-footer___9hxFq",
51
- "tooltip-footer-secondary": "lc-Tooltip-module__tooltip-footer-secondary___WBgVR",
52
- "tooltip-footer-secondary-invert": "lc-Tooltip-module__tooltip-footer-secondary-invert___PuAQL",
53
- "tooltip-footer--interactive": "lc-Tooltip-module__tooltip-footer--interactive___hqMM5",
54
- "tooltip-footer--user-guide-step": "lc-Tooltip-module__tooltip-footer--user-guide-step___i7z3S",
55
- "guide-tooltip--slide": "lc-Tooltip-module__guide-tooltip--slide___Uawm2",
56
- "guide-tooltip__overlay": "lc-Tooltip-module__guide-tooltip__overlay___IyrKK",
57
- "guide-tooltip__overlay--slide": "lc-Tooltip-module__guide-tooltip__overlay--slide___VW8oq",
58
- "guide-tooltip__overlay--visible": "lc-Tooltip-module__guide-tooltip__overlay--visible___dbdsZ",
59
- "reports-tooltip": "lc-Tooltip-module__reports-tooltip___amyTo",
60
- "reports-tooltip__heading": "lc-Tooltip-module__reports-tooltip__heading___FtjvD",
61
- "reports-tooltip__heading__title": "lc-Tooltip-module__reports-tooltip__heading__title___6TlzE",
62
- "reports-tooltip__heading__description": "lc-Tooltip-module__reports-tooltip__heading__description___eOQnc",
63
- "reports-tooltip__content": "lc-Tooltip-module__reports-tooltip__content___jxis9"
64
- }, a = "tooltip", Wo = ({
65
- children: t,
66
- className: o,
67
- triggerClassName: e,
68
- triggerRenderer: _,
69
- theme: c,
70
- kind: b,
71
- placement: F = "bottom",
72
- isVisible: T,
73
- fullSpaceContent: E,
74
- onClose: d,
75
- onOpen: u,
76
- withFadeAnimation: M = !0,
77
- transitionDuration: R = 200,
78
- hoverOnDuration: A,
79
- hoverOffDuration: V,
80
- transitionDelay: D = 0,
81
- hoverOnDelay: I,
82
- hoverOffDelay: Q,
83
- triggerOnClick: j = !1,
84
- offsetMainAxis: N = 8,
85
- referenceElement: m,
86
- activationThreshold: $ = 0,
87
- useDismissHookProps: q,
88
- useClickHookProps: z,
89
- hoverOutDelayTimeout: C = 100,
90
- arrowOffsetY: K,
91
- arrowOffsetX: W,
92
- closeOnTriggerBlur: k = !1,
93
- floatingStrategy: B
94
- }) => {
95
- const g = T !== void 0, [J, L] = i.useState(!1), y = i.useRef(null), v = g ? T : J, h = b || c, U = Vo(
96
- n[a],
97
- o,
98
- h && n[`${a}--${h}`],
99
- E && n[`${a}--full-space`]
100
- ), Z = typeof _ == "function", H = (l) => {
101
- l !== v && (l ? u == null || u() : d == null || d(), !g && L(l));
102
- }, w = (l) => M ? l != null ? l : R : 0, x = (l) => l != null ? l : D, {
103
- floatingStyles: X,
104
- refs: p,
105
- context: s,
106
- middlewareData: { arrow: { x: Y, y: G } = {} },
107
- placement: O
108
- } = To({
109
- middleware: [
110
- go({ mainAxis: N }),
111
- yo(),
112
- vo(),
113
- ho({ element: y })
114
- ],
115
- placement: F,
116
- open: v,
117
- strategy: B,
118
- onOpenChange: H,
119
- whileElementsMounted: wo
120
- }), oo = xo(s, {
121
- move: !1,
122
- restMs: $,
123
- delay: {
124
- open: x(I),
125
- close: x(Q || C)
126
- },
127
- enabled: !j,
128
- handleClose: k ? null : Po()
129
- }), to = So(s), eo = bo(s, q), lo = Fo(s, { role: "tooltip" }), io = Eo(s, z), { isMounted: _o, styles: so } = Mo(s, {
130
- duration: {
131
- open: w(A),
132
- close: w(V)
133
- }
134
- }), { status: ro } = Ro(s), { getReferenceProps: po, getFloatingProps: no } = Ao([
135
- oo,
136
- to,
137
- eo,
138
- lo,
139
- io
140
- ]);
141
- return i.useEffect(() => {
142
- m && p.setReference(m);
143
- }, [p.setReference, m]), /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(
144
- "div",
145
- f(r({
146
- ref: p.setReference
147
- }, po()), {
148
- className: e
149
- }),
150
- Z ? _() : _
151
- ), _o && /* @__PURE__ */ i.createElement(
152
- "div",
153
- f(r({
154
- ref: p.setFloating,
155
- style: r(r({}, X), so),
156
- className: U
157
- }, no()), {
158
- "data-status": ro
159
- }),
160
- /* @__PURE__ */ i.createElement(Do, { as: "div" }, t),
161
- /* @__PURE__ */ i.createElement(
162
- "div",
163
- {
164
- ref: y,
165
- className: n[`${a}__arrow`],
166
- "aria-placement": O,
167
- style: r({}, Io(
168
- K,
169
- W,
170
- G,
171
- Y
172
- ))
173
- }
174
- )
175
- ));
176
- };
177
- export {
178
- Wo as T,
179
- Ko as g,
180
- n as s
181
- };
@@ -1 +0,0 @@
1
- "use strict";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,23 +0,0 @@
1
- const _ = {
2
- "heading-xl": "lc-Typography-module__heading-xl___nhr-6",
3
- "heading-lg": "lc-Typography-module__heading-lg___XYF7l",
4
- "heading-md": "lc-Typography-module__heading-md___wHOIs",
5
- "heading-sm": "lc-Typography-module__heading-sm___nBmTV",
6
- "heading-xs": "lc-Typography-module__heading-xs___VcZBs",
7
- "heading-2xs": "lc-Typography-module__heading-2xs___tcrVl",
8
- "heading-uppercase": "lc-Typography-module__heading-uppercase___cpixD",
9
- "heading-bold": "lc-Typography-module__heading-bold___ZAPzP",
10
- "paragraph-md": "lc-Typography-module__paragraph-md___UGoqq",
11
- "paragraph-sm": "lc-Typography-module__paragraph-sm___QIEFL",
12
- "paragraph-xs": "lc-Typography-module__paragraph-xs___OUooD",
13
- "paragraph--bold": "lc-Typography-module__paragraph--bold___9I2wL",
14
- "paragraph--underline": "lc-Typography-module__paragraph--underline___yFDzp",
15
- "paragraph--strike": "lc-Typography-module__paragraph--strike___ZDWOj",
16
- "paragraph--uppercase": "lc-Typography-module__paragraph--uppercase___hdEfX",
17
- "display-md": "lc-Typography-module__display-md___7eFCF",
18
- "display-sm": "lc-Typography-module__display-sm___kfNES",
19
- "display-max": "lc-Typography-module__display-max___vR8yn"
20
- };
21
- export {
22
- _ as s
23
- };
@@ -1,15 +0,0 @@
1
- const e = {
2
- esc: "Escape",
3
- enter: "Enter",
4
- backspace: "Backspace",
5
- delete: "Delete",
6
- spacebar: " ",
7
- tab: "Tab",
8
- semicolon: ";",
9
- comma: ",",
10
- arrowUp: "ArrowUp",
11
- arrowDown: "ArrowDown"
12
- };
13
- export {
14
- e as K
15
- };
@@ -1 +0,0 @@
1
- "use strict";const e={esc:"Escape",enter:"Enter",backspace:"Backspace",delete:"Delete",spacebar:" ",tab:"Tab",semicolon:";",comma:",",arrowUp:"ArrowUp",arrowDown:"ArrowDown"};exports.KeyCodes=e;
@@ -1 +0,0 @@
1
- "use strict";var M=Object.defineProperty;var y=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var B=(e,t,n)=>t in e?M(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,w=(e,t)=>{for(var n in t||(t={}))O.call(t,n)&&B(e,n,t[n]);if(y)for(var n of y(t))S.call(t,n)&&B(e,n,t[n]);return e};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react"),h=require("@livechat/design-system-icons"),b=require("clsx"),E=require("../ActionMenu/index.cjs.js"),A=require("../Button/index.cjs.js"),P=require("../Icon/index.cjs.js"),T=require("../../chunks/Tooltip-8c427780.js");require("@floating-ui/react");require("../../chunks/keyCodes-c4c35e49.js");require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");require("../Loader/index.cjs.js");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=j(x),_={"action-bar":"lc-ActionBar-module__action-bar___TJitF","action-bar__items":"lc-ActionBar-module__action-bar__items___uhoQA","action-bar__items--scroll":"lc-ActionBar-module__action-bar__items--scroll___f--dN","action-bar__items__button":"lc-ActionBar-module__action-bar__items__button___Vdjl7","action-bar__items__button--active":"lc-ActionBar-module__action-bar__items__button--active___PFLdm","action-bar__items__button--hidden":"lc-ActionBar-module__action-bar__items__button--hidden___C00VA","action-bar__items__tooltip":"lc-ActionBar-module__action-bar__items__tooltip___BuQPo","action-bar__menu-wrapper":"lc-ActionBar-module__action-bar__menu-wrapper___OMWP5","action-bar__menu-wrapper__button":"lc-ActionBar-module__action-bar__menu-wrapper__button___MDsLx","action-bar__menu-wrapper__button__with-item":"lc-ActionBar-module__action-bar__menu-wrapper__button__with-item___FYlqL","fade-in":"lc-ActionBar-module__fade-in___tQvzD","action-bar__menu-wrapper__button--active":"lc-ActionBar-module__action-bar__menu-wrapper__button--active___Hlzoc","action-bar__menu-wrapper__trigger-vertical":"lc-ActionBar-module__action-bar__menu-wrapper__trigger-vertical___84WL1","action-bar--vertical":"lc-ActionBar-module__action-bar--vertical___tMzLJ"},g="action-bar__items",D=({option:e,menuItemsKeys:t,activeOptionKey:n,vertical:o})=>{const d=b(_[`${g}__button`],{[_[`${g}__button--hidden`]]:t.includes(e.key),[_[`${g}__button--active`]]:e.key===n});if(e.showTooltip){const l=t.includes(e.key)&&{isVisible:!1};return r.createElement(T.Tooltip,w({kind:"invert",placement:o?"left":"bottom",triggerClassName:_[`${g}__tooltip`],triggerRenderer:()=>r.createElement(A.Button,{id:e.key,key:e.key,title:e.label,kind:"plain",className:d,onClick:e.onClick,icon:e.element})},l),r.createElement("div",null,e.label))}return r.createElement(A.Button,{id:e.key,key:e.key,title:e.label,kind:"plain",className:d,onClick:e.onClick,icon:e.element})},m="action-bar",L=({className:e,id:t="action-bar-area",type:n="menu",options:o,activeOptionKey:d,vertical:l})=>{const[s,v]=r.useState([]),f=n==="scroll",C=b(_[m],e,l&&_[`${m}--vertical`]),p=`${m}__menu-wrapper`,$={root:document.querySelector(`${t}`),threshold:1},q=!f&&s.length!==0,N=a=>{a.map(c=>{const i=s.includes(c.target.id);if(!c.isIntersecting){c.target.setAttribute("tabindex","-1"),i||v(u=>[...u,c.target.id]);return}c.target.removeAttribute("tabindex"),i&&v(s.filter(u=>u!==c.target.id))})};r.useEffect(()=>{const a=!!window.IntersectionObserver;if(!f&&a){const c=document.querySelectorAll(`.${_[`${m}__items__button`]}`),i=new IntersectionObserver(N,$);return c.forEach(u=>i.observe(u)),()=>i.disconnect()}},[s,f]);const I=a=>o.filter(i=>a.find(u=>u===i.key)).map(i=>({key:i.key,element:r.createElement(E.ActionMenuItem,{leftNode:i.element},i.label),onClick:i.onClick})),k=o.filter(a=>s.find(c=>c===a.key)).find(a=>a.key===d);return r.createElement("div",{id:t,className:C},r.createElement("div",{className:b(_[`${m}__items`],{[_[`${m}__items--scroll`]]:f})},o.map(a=>r.createElement(D,{option:a,menuItemsKeys:s,activeOptionKey:d,vertical:l}))),q&&r.createElement("div",{className:_[p]},r.createElement(E.ActionMenu,{placement:l?"left-end":"bottom-end",options:I(s),triggerClassName:b(l&&_[`${p}__trigger-vertical`]),triggerRenderer:r.createElement(A.Button,{className:b(_[`${p}__button`],k&&_[`${p}__button--active`]),kind:"plain",icon:r.createElement(P.Icon,{source:l?h.ChevronLeft:h.ChevronDown,kind:"primary"}),iconPosition:"right"},k&&r.createElement("div",{className:b(_[`${p}__button__with-item`])},k.element))})))};exports.ActionBar=L;