@livechat/design-system-react-components 1.17.1-alpha.2 → 1.17.1-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/{Tooltip-f6f4f9c2.js → Tooltip-1c5cb6fe.js} +5 -4
- package/dist/chunks/Tooltip-f9f79274.js +1 -0
- package/dist/components/ActionBar/index.cjs.js +1 -1
- package/dist/components/ActionBar/index.es.js +2 -2
- package/dist/components/ActionMenu/index.cjs.js +1 -1
- package/dist/components/ActionMenu/index.es.js +1 -1
- package/dist/components/Alert/index.cjs.js +1 -1
- package/dist/components/Alert/index.es.js +1 -1
- package/dist/components/Avatar/index.cjs.js +1 -1
- package/dist/components/Avatar/index.es.js +1 -1
- package/dist/components/Button/index.cjs.js +1 -1
- package/dist/components/Button/index.es.js +1 -1
- package/dist/components/Card/index.cjs.js +1 -1
- package/dist/components/Card/index.es.js +1 -1
- package/dist/components/Checkbox/index.cjs.js +1 -1
- package/dist/components/Checkbox/index.es.js +1 -1
- package/dist/components/DatePicker/index.cjs.js +1 -1
- package/dist/components/DatePicker/index.es.js +82 -82
- package/dist/components/DetailsCard/index.cjs.js +1 -1
- package/dist/components/DetailsCard/index.es.js +1 -1
- package/dist/components/FieldDescription/index.cjs.js +1 -1
- package/dist/components/FieldDescription/index.es.js +1 -1
- package/dist/components/FieldError/index.cjs.js +1 -1
- package/dist/components/FieldError/index.es.js +1 -1
- package/dist/components/FieldGroup/index.cjs.js +1 -1
- package/dist/components/FieldGroup/index.es.js +1 -1
- package/dist/components/FileUploadProgress/index.cjs.js +1 -1
- package/dist/components/FileUploadProgress/index.es.js +2 -2
- package/dist/components/FormField/index.cjs.js +1 -1
- package/dist/components/FormField/index.es.js +1 -1
- package/dist/components/Input/index.cjs.js +1 -1
- package/dist/components/Input/index.es.js +1 -1
- package/dist/components/Loader/index.cjs.js +1 -1
- package/dist/components/Loader/index.es.js +1 -1
- package/dist/components/Modal/index.cjs.js +1 -1
- package/dist/components/Modal/index.es.js +52 -53
- package/dist/components/Picker/index.cjs.js +1 -1
- package/dist/components/Picker/index.es.js +1 -1
- package/dist/components/Popover/index.cjs.js +1 -1
- package/dist/components/Popover/index.es.js +1 -1
- package/dist/components/Progress/index.cjs.js +1 -1
- package/dist/components/Progress/index.es.js +111 -54
- package/dist/components/PromoBanner/index.cjs.js +1 -1
- package/dist/components/PromoBanner/index.es.js +1 -1
- package/dist/components/PromoBannerV2/index.cjs.js +1 -1
- package/dist/components/PromoBannerV2/index.es.js +1 -1
- package/dist/components/RadioButton/index.cjs.js +1 -1
- package/dist/components/RadioButton/index.es.js +1 -1
- package/dist/components/Search/index.cjs.js +1 -1
- package/dist/components/Search/index.es.js +1 -1
- package/dist/components/SegmentedControl/index.cjs.js +1 -1
- package/dist/components/SegmentedControl/index.es.js +1 -1
- package/dist/components/Switch/index.cjs.js +1 -1
- package/dist/components/Switch/index.es.js +1 -1
- package/dist/components/Tab/index.cjs.js +1 -1
- package/dist/components/Tab/index.es.js +1 -1
- package/dist/components/Tag/index.cjs.js +1 -1
- package/dist/components/Tag/index.es.js +1 -1
- package/dist/components/TagInput/index.cjs.js +1 -1
- package/dist/components/TagInput/index.es.js +1 -1
- package/dist/components/Textarea/index.cjs.js +1 -1
- package/dist/components/Textarea/index.es.js +1 -1
- package/dist/components/Toast/index.cjs.js +1 -1
- package/dist/components/Toast/index.es.js +1 -1
- package/dist/components/Tooltip/components/UserGuide/index.cjs.js +1 -1
- package/dist/components/Tooltip/components/UserGuide/index.es.js +12 -12
- package/dist/components/Tooltip/components/index.cjs.js +1 -1
- package/dist/components/Tooltip/components/index.es.js +2 -2
- package/dist/components/Tooltip/index.cjs.js +1 -1
- package/dist/components/Tooltip/index.es.js +2 -2
- package/dist/components/UploadBar/index.cjs.js +1 -1
- package/dist/components/UploadBar/index.es.js +10 -11
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +116 -118
- package/dist/preview-stats.json +897 -903
- package/dist/style.css +1 -1
- package/package.json +2 -6
- package/dist/chunks/ProgressBar-3e0fd769.js +0 -87
- package/dist/chunks/ProgressBar-62d36b60.js +0 -1
- package/dist/chunks/Tooltip-8c427780.js +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@livechat/design-system-react-components",
|
|
3
|
-
"version": "1.17.1-alpha.
|
|
3
|
+
"version": "1.17.1-alpha.4",
|
|
4
4
|
"description": "",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -13,9 +13,6 @@
|
|
|
13
13
|
"files": [
|
|
14
14
|
"dist"
|
|
15
15
|
],
|
|
16
|
-
"sideEffects": [
|
|
17
|
-
"**/*.css"
|
|
18
|
-
],
|
|
19
16
|
"scripts": {
|
|
20
17
|
"dev": "run-p dev:*",
|
|
21
18
|
"dev:storybook": "storybook dev -p 6006 --quiet",
|
|
@@ -76,7 +73,6 @@
|
|
|
76
73
|
"vitest": "^0.31.0"
|
|
77
74
|
},
|
|
78
75
|
"dependencies": {
|
|
79
|
-
"@emotion/css": "^11.9.0",
|
|
80
76
|
"@floating-ui/react": "^0.26.4",
|
|
81
77
|
"@livechat/data-utils": "^0.2.16",
|
|
82
78
|
"@livechat/design-system-icons": "^1.17.0",
|
|
@@ -89,5 +85,5 @@
|
|
|
89
85
|
"react-transition-group": "^4.4.2",
|
|
90
86
|
"react-virtuoso": "^4.6.2"
|
|
91
87
|
},
|
|
92
|
-
"gitHead": "
|
|
88
|
+
"gitHead": "291bfd6bd77c1b8a3f17dd671db01798c849b907"
|
|
93
89
|
}
|
|
@@ -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 +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;
|