@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
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
var C = Object.defineProperty, b = Object.defineProperties;
|
|
2
|
-
var
|
|
2
|
+
var B = Object.getOwnPropertyDescriptors;
|
|
3
3
|
var f = Object.getOwnPropertySymbols;
|
|
4
|
-
var
|
|
4
|
+
var N = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
|
|
5
5
|
var v = (e, t, n) => t in e ? C(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, _ = (e, t) => {
|
|
6
6
|
for (var n in t || (t = {}))
|
|
7
|
-
|
|
7
|
+
N.call(t, n) && v(e, n, t[n]);
|
|
8
8
|
if (f)
|
|
9
9
|
for (var n of f(t))
|
|
10
|
-
|
|
10
|
+
S.call(t, n) && v(e, n, t[n]);
|
|
11
11
|
return e;
|
|
12
|
-
}, y = (e, t) => b(e,
|
|
12
|
+
}, y = (e, t) => b(e, B(t));
|
|
13
13
|
var p = (e, t, n) => (v(e, typeof t != "symbol" ? t + "" : t, n), n);
|
|
14
14
|
import * as i from "react";
|
|
15
15
|
import u from "clsx";
|
|
16
|
-
import { s as l, T as L } from "../../../../chunks/Tooltip-
|
|
16
|
+
import { s as l, T as L } from "../../../../chunks/Tooltip-1c5cb6fe.js";
|
|
17
17
|
import "@floating-ui/react";
|
|
18
|
-
import "../../../../chunks/Text-b31d1e9a.js";
|
|
19
18
|
import "../../../../chunks/Typography.module-93efb34d.js";
|
|
19
|
+
import "../../../../chunks/Text-b31d1e9a.js";
|
|
20
20
|
const o = "guide-tooltip", P = ({
|
|
21
21
|
gap: e,
|
|
22
22
|
isVisible: t,
|
|
@@ -103,8 +103,8 @@ const o = "guide-tooltip", P = ({
|
|
|
103
103
|
style: h
|
|
104
104
|
}
|
|
105
105
|
));
|
|
106
|
-
}
|
|
107
|
-
class
|
|
106
|
+
};
|
|
107
|
+
class M {
|
|
108
108
|
constructor(t, n) {
|
|
109
109
|
p(this, "element");
|
|
110
110
|
p(this, "padding");
|
|
@@ -133,7 +133,7 @@ class z {
|
|
|
133
133
|
return this.getBoundingClientRect().height;
|
|
134
134
|
}
|
|
135
135
|
}
|
|
136
|
-
const E = 8, w = "guide-tooltip", x = (e, t) => new
|
|
136
|
+
const E = 8, w = "guide-tooltip", x = (e, t) => new M(e, t), G = (e) => {
|
|
137
137
|
const {
|
|
138
138
|
className: t,
|
|
139
139
|
parentElementName: n,
|
|
@@ -167,7 +167,7 @@ const E = 8, w = "guide-tooltip", x = (e, t) => new z(e, t), H = (e) => {
|
|
|
167
167
|
).getBoundingClientRect()
|
|
168
168
|
), $(!0);
|
|
169
169
|
}, [r]), r && s ? /* @__PURE__ */ i.createElement("div", null, /* @__PURE__ */ i.createElement(
|
|
170
|
-
|
|
170
|
+
P,
|
|
171
171
|
{
|
|
172
172
|
gap: a,
|
|
173
173
|
isVisible: s,
|
|
@@ -192,5 +192,5 @@ const E = 8, w = "guide-tooltip", x = (e, t) => new z(e, t), H = (e) => {
|
|
|
192
192
|
)) : null;
|
|
193
193
|
};
|
|
194
194
|
export {
|
|
195
|
-
|
|
195
|
+
G as UserGuide
|
|
196
196
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./UserGuide/index.cjs.js"),e=require("../../../chunks/Tooltip-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./UserGuide/index.cjs.js"),e=require("../../../chunks/Tooltip-f9f79274.js"),N=require("react"),v=require("@livechat/design-system-icons"),d=require("clsx"),E=require("../../Icon/index.cjs.js"),$=require("../../../chunks/Heading-617540b6.js"),m=require("../../../chunks/Text-df483689.js");require("../../../chunks/Typography.module-2558416b.js");const _=require("../../Button/index.cjs.js");require("@floating-ui/react");require("../../Loader/index.cjs.js");function x(s){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const n in s)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(s,n);Object.defineProperty(l,n,c.get?c:{enumerable:!0,get:()=>s[n]})}}return l.default=s,Object.freeze(l)}const t=x(N),k=({text:s})=>t.createElement("div",null,s),o="tooltip",C=({className:s,header:l,text:n,closeWithX:c,theme:r,handleCloseAction:u})=>t.createElement("div",{className:s},c&&t.createElement("button",{type:"button","aria-label":"Close tooltip",className:e.styles[`${o}-close`],onClick:u},t.createElement(E.Icon,{source:v.Close,kind:r?e.getIconType(r):"primary"})),l&&t.createElement($.Heading,{as:"div",size:"xs",className:d(e.styles[`${o}-header`],e.styles[`${o}-header--info`])},l),t.createElement(m.Text,{as:"div",className:d(e.styles[`${o}-text`],e.styles[`${o}-text--info`])},n)),a="tooltip",q=({header:s,text:l,image:n,closeWithX:c,theme:r,handleCloseAction:u,primaryButton:y,secondaryButton:p})=>{const f=b=>b==="invert"?"secondary":"high-contrast";return t.createElement("div",{className:e.styles[`${a}__interactive`]},c&&t.createElement("button",{type:"button","aria-label":"Close tooltip",className:e.styles[`${a}-close`],onClick:u},t.createElement(E.Icon,{source:v.Close,kind:r?e.getIconType(r):"primary"})),n&&t.createElement("div",{className:e.styles[`${a}-image-container`]},t.createElement("img",{className:e.styles[`${a}-image`],src:n.src,alt:n.alt})),s&&t.createElement($.Heading,{as:"div",size:"xs",className:e.styles[`${a}-header`]},s),t.createElement("div",{className:e.styles[`${a}-text`]},l),t.createElement("div",{className:d(e.styles[`${a}-footer`],e.styles[`${a}-footer--interactive`])},t.createElement(_.Button,{kind:y.kind||f(r),onClick:y.handleClick},y.label),t.createElement(_.Button,{className:d(e.styles[`${a}-footer-secondary`],{[e.styles[`${a}-footer-secondary-invert`]]:r==="invert"}),kind:p.kind||"text",onClick:p.handleClick},p.label)))},i="reports-tooltip",T=({title:s,description:l,children:n})=>t.createElement("div",{className:e.styles[i]},t.createElement("div",{className:e.styles[`${i}__heading`]},t.createElement(m.Text,{as:"div",className:e.styles[`${i}__heading__title`]},s),t.createElement(m.Text,{as:"div",size:"xs",className:e.styles[`${i}__heading__description`]},l)),t.createElement("div",{className:e.styles[`${i}__content`]},t.createElement(m.Text,{as:"div"},n)));exports.UserGuide=g.UserGuide;exports.Info=C;exports.Interactive=q;exports.Reports=T;exports.Simple=k;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { UserGuide as j } from "./UserGuide/index.es.js";
|
|
2
|
-
import { s as t, g as f } from "../../../chunks/Tooltip-
|
|
2
|
+
import { s as t, g as f } from "../../../chunks/Tooltip-1c5cb6fe.js";
|
|
3
3
|
import * as e from "react";
|
|
4
4
|
import { Close as N } from "@livechat/design-system-icons";
|
|
5
5
|
import m from "clsx";
|
|
6
6
|
import { Icon as _ } from "../../Icon/index.es.js";
|
|
7
7
|
import { H as u } from "../../../chunks/Heading-6b95d08b.js";
|
|
8
8
|
import { T as c } from "../../../chunks/Text-b31d1e9a.js";
|
|
9
|
+
import "../../../chunks/Typography.module-93efb34d.js";
|
|
9
10
|
import { Button as $ } from "../../Button/index.es.js";
|
|
10
11
|
import "@floating-ui/react";
|
|
11
|
-
import "../../../chunks/Typography.module-93efb34d.js";
|
|
12
12
|
import "../../Loader/index.es.js";
|
|
13
13
|
const D = ({ text: s }) => /* @__PURE__ */ e.createElement("div", null, s), i = "tooltip", G = ({ className: s, header: n, text: r, closeWithX: d, theme: l, handleCloseAction: p }) => /* @__PURE__ */ e.createElement("div", { className: s }, d && /* @__PURE__ */ e.createElement(
|
|
14
14
|
"button",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../chunks/Tooltip-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../chunks/Tooltip-f9f79274.js"),e=require("./components/index.cjs.js"),i=require("./components/UserGuide/index.cjs.js");require("react");require("@floating-ui/react");require("clsx");require("../../chunks/Typography.module-2558416b.js");require("../../chunks/Text-df483689.js");require("@livechat/design-system-icons");require("../Icon/index.cjs.js");require("../../chunks/Heading-617540b6.js");require("../Button/index.cjs.js");require("../Loader/index.cjs.js");exports.Tooltip=r.Tooltip;exports.Info=e.Info;exports.Interactive=e.Interactive;exports.Reports=e.Reports;exports.Simple=e.Simple;exports.UserGuide=i.UserGuide;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { T as n } from "../../chunks/Tooltip-
|
|
1
|
+
import { T as n } from "../../chunks/Tooltip-1c5cb6fe.js";
|
|
2
2
|
import { Info as T, Interactive as c, Reports as d, Simple as u } from "./components/index.es.js";
|
|
3
3
|
import { UserGuide as G } from "./components/UserGuide/index.es.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "@floating-ui/react";
|
|
6
6
|
import "clsx";
|
|
7
|
-
import "../../chunks/Text-b31d1e9a.js";
|
|
8
7
|
import "../../chunks/Typography.module-93efb34d.js";
|
|
8
|
+
import "../../chunks/Text-b31d1e9a.js";
|
|
9
9
|
import "@livechat/design-system-icons";
|
|
10
10
|
import "../Icon/index.es.js";
|
|
11
11
|
import "../../chunks/Heading-6b95d08b.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),p=require("@livechat/design-system-icons"),T=require("clsx"),U=require("react-transition-group"),b=require("../FileUploadProgress/index.cjs.js"),n=require("../Icon/index.cjs.js"),I=require("../Progress/index.cjs.js")
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),p=require("@livechat/design-system-icons"),T=require("clsx"),U=require("react-transition-group"),b=require("../FileUploadProgress/index.cjs.js"),n=require("../Icon/index.cjs.js"),I=require("../Progress/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");const S=require("../../chunks/Text-df483689.js");function O(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const c in a)if(c!=="default"){const d=Object.getOwnPropertyDescriptor(a,c);Object.defineProperty(t,c,d.get?d:{enumerable:!0,get:()=>a[c]})}}return t.default=a,Object.freeze(t)}const e=O(q),_={"upload-bar":"lc-UploadBar-module__upload-bar___6Or8h","upload-bar__loader-test":"lc-UploadBar-module__upload-bar__loader-test___aZb2J","upload-bar--error":"lc-UploadBar-module__upload-bar--error___MzvhT","upload-bar__wrapper":"lc-UploadBar-module__upload-bar__wrapper___MAUeH","upload-bar__wrapper__header":"lc-UploadBar-module__upload-bar__wrapper__header___x9fen","upload-bar__wrapper__header__icon":"lc-UploadBar-module__upload-bar__wrapper__header__icon___Aetm5","upload-bar__wrapper__header__title":"lc-UploadBar-module__upload-bar__wrapper__header__title___BNuDu","upload-bar__wrapper__header__collapse-button":"lc-UploadBar-module__upload-bar__wrapper__header__collapse-button___3khMy","upload-bar__wrapper__header__actions-container":"lc-UploadBar-module__upload-bar__wrapper__header__actions-container___5Pj4y","upload-bar__wrapper__header__success-icon":"lc-UploadBar-module__upload-bar__wrapper__header__success-icon___ZLCdw","upload-bar__wrapper__header__error-icon":"lc-UploadBar-module__upload-bar__wrapper__header__error-icon___q-sZo","upload-bar__wrapper__header__loader":"lc-UploadBar-module__upload-bar__wrapper__header__loader___DKHu3","upload-bar__files":"lc-UploadBar-module__upload-bar__files___3W4nx","upload-bar__files--enter":"lc-UploadBar-module__upload-bar__files--enter___zGq19","upload-bar__files--enter-active":"lc-UploadBar-module__upload-bar__files--enter-active___-dMVb","upload-bar__files--exit":"lc-UploadBar-module__upload-bar__files--exit___MXBRY","upload-bar__files--exit-active":"lc-UploadBar-module__upload-bar__files--exit-active___krGW5","upload-bar__files--exit-done":"lc-UploadBar-module__upload-bar__files--exit-done___2I72G","upload-bar__files-wrapper":"lc-UploadBar-module__upload-bar__files-wrapper___93bs8","upload-bar__files__list":"lc-UploadBar-module__upload-bar__files__list___QJFEq"},r="upload-bar",l=`${r}__wrapper__header`,P=300,y=(a,t)=>a==="success"?e.createElement("div",{className:_[`${l}__success-icon`]},e.createElement(n.Icon,{source:p.Check})):a==="error"?e.createElement("div",{className:_[`${l}__error-icon`]},e.createElement(n.Icon,{source:p.Error})):e.createElement(I.ProgressCircle,{className:_[`${l}__loader`],status:a,progressValue:t}),A=({children:a,className:t,progressValue:c,title:d,isExpanded:h,errorMessage:f,status:o="normal",icon:v,size:x,mode:N="multiple",onCloseButtonClick:i,onRetryButtonClick:u})=>{const[m,$]=e.useState(h||!1),s=o==="error",B=o==="success",w=T(_[r],t,{[_[`${r}--error`]]:s,[_[`${r}--success`]]:B}),g=!(s&&(u||i)),E=()=>$(!m);return N==="single"?e.createElement("div",{className:w},e.createElement("div",{className:_[`${r}__wrapper`]},e.createElement("div",{className:_[`${l}`]},e.createElement(b.FileUploadProgress,{title:s&&f||d,progressValue:c,status:o,icon:v,size:x})),o==="error"&&e.createElement(b.FileUploadProgressActions,{status:o,onCloseButtonClick:i,onRetryButtonClick:u}))):e.createElement("div",{className:w},e.createElement("div",{className:_[`${r}__wrapper`],onClick:E},e.createElement("div",{className:_[`${l}`]},e.createElement("div",{className:_[`${l}__icon`]},y(o,c)),e.createElement("div",{className:_[`${l}__title`]},e.createElement(S.Text,{size:"sm",as:"div"},s?f:d)),g&&e.createElement("button",{className:_[`${l}__collapse-button`],type:"button",onClick:E},m?e.createElement(n.Icon,{source:p.ChevronUp}):e.createElement(n.Icon,{source:p.ChevronDown})),o==="error"&&e.createElement("div",{className:_[`${l}__actions-container`]},e.createElement(b.FileUploadProgressActions,{status:o,onCloseButtonClick:i,onRetryButtonClick:u})))),e.createElement(U.TransitionGroup,{component:null},m&&e.createElement(U.CSSTransition,{timeout:P,classNames:{enter:_[`${r}__files--enter`],enterActive:_[`${r}__files--enter-active`],exit:_[`${r}__files--exit`],exitActive:_[`${r}__files--exit-active`],exitDone:_[`${r}__files--exit-done`]}},e.createElement("div",{className:_[`${r}__files`]},e.createElement("div",{className:_[`${r}__files-wrapper`]},e.createElement("div",{className:_[`${r}__files__list`]},a))))))};exports.UploadBar=A;
|
|
@@ -5,9 +5,8 @@ import { TransitionGroup as S, CSSTransition as M } from "react-transition-group
|
|
|
5
5
|
import { FileUploadProgress as g, FileUploadProgressActions as E } from "../FileUploadProgress/index.es.js";
|
|
6
6
|
import { Icon as d } from "../Icon/index.es.js";
|
|
7
7
|
import { ProgressCircle as D } from "../Progress/index.es.js";
|
|
8
|
-
import { T as G } from "../../chunks/Text-b31d1e9a.js";
|
|
9
|
-
import "../../chunks/ProgressBar-3e0fd769.js";
|
|
10
8
|
import "../../chunks/Typography.module-93efb34d.js";
|
|
9
|
+
import { T as G } from "../../chunks/Text-b31d1e9a.js";
|
|
11
10
|
const _ = {
|
|
12
11
|
"upload-bar": "lc-UploadBar-module__upload-bar___6Or8h",
|
|
13
12
|
"upload-bar__loader-test": "lc-UploadBar-module__upload-bar__loader-test___aZb2J",
|
|
@@ -29,18 +28,18 @@ const _ = {
|
|
|
29
28
|
"upload-bar__files--exit-done": "lc-UploadBar-module__upload-bar__files--exit-done___2I72G",
|
|
30
29
|
"upload-bar__files-wrapper": "lc-UploadBar-module__upload-bar__files-wrapper___93bs8",
|
|
31
30
|
"upload-bar__files__list": "lc-UploadBar-module__upload-bar__files__list___QJFEq"
|
|
32
|
-
}, a = "upload-bar", r = `${a}__wrapper__header`, H = 300, O = (o,
|
|
31
|
+
}, a = "upload-bar", r = `${a}__wrapper__header`, H = 300, O = (o, c) => o === "success" ? /* @__PURE__ */ e.createElement("div", { className: _[`${r}__success-icon`] }, /* @__PURE__ */ e.createElement(d, { source: C })) : o === "error" ? /* @__PURE__ */ e.createElement("div", { className: _[`${r}__error-icon`] }, /* @__PURE__ */ e.createElement(d, { source: A })) : /* @__PURE__ */ e.createElement(
|
|
33
32
|
D,
|
|
34
33
|
{
|
|
35
34
|
className: _[`${r}__loader`],
|
|
36
35
|
status: o,
|
|
37
|
-
progressValue:
|
|
36
|
+
progressValue: c
|
|
38
37
|
}
|
|
39
|
-
),
|
|
38
|
+
), J = ({
|
|
40
39
|
children: o,
|
|
41
|
-
className:
|
|
40
|
+
className: c,
|
|
42
41
|
progressValue: m,
|
|
43
|
-
title:
|
|
42
|
+
title: t,
|
|
44
43
|
isExpanded: w,
|
|
45
44
|
errorMessage: u,
|
|
46
45
|
status: l = "normal",
|
|
@@ -50,14 +49,14 @@ const _ = {
|
|
|
50
49
|
onCloseButtonClick: s,
|
|
51
50
|
onRetryButtonClick: i
|
|
52
51
|
}) => {
|
|
53
|
-
const [n, $] = e.useState(w || !1), p = l === "error", N = l === "success", b = I(_[a],
|
|
52
|
+
const [n, $] = e.useState(w || !1), p = l === "error", N = l === "success", b = I(_[a], c, {
|
|
54
53
|
[_[`${a}--error`]]: p,
|
|
55
54
|
[_[`${a}--success`]]: N
|
|
56
55
|
}), B = !(p && (i || s)), f = () => $(!n);
|
|
57
56
|
return U === "single" ? /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement("div", { className: _[`${a}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: _[`${r}`] }, /* @__PURE__ */ e.createElement(
|
|
58
57
|
g,
|
|
59
58
|
{
|
|
60
|
-
title: p && u ||
|
|
59
|
+
title: p && u || t,
|
|
61
60
|
progressValue: m,
|
|
62
61
|
status: l,
|
|
63
62
|
icon: h,
|
|
@@ -76,7 +75,7 @@ const _ = {
|
|
|
76
75
|
className: _[`${a}__wrapper`],
|
|
77
76
|
onClick: f
|
|
78
77
|
},
|
|
79
|
-
/* @__PURE__ */ e.createElement("div", { className: _[`${r}`] }, /* @__PURE__ */ e.createElement("div", { className: _[`${r}__icon`] }, O(l, m)), /* @__PURE__ */ e.createElement("div", { className: _[`${r}__title`] }, /* @__PURE__ */ e.createElement(G, { size: "sm", as: "div" }, p ? u :
|
|
78
|
+
/* @__PURE__ */ e.createElement("div", { className: _[`${r}`] }, /* @__PURE__ */ e.createElement("div", { className: _[`${r}__icon`] }, O(l, m)), /* @__PURE__ */ e.createElement("div", { className: _[`${r}__title`] }, /* @__PURE__ */ e.createElement(G, { size: "sm", as: "div" }, p ? u : t)), B && /* @__PURE__ */ e.createElement(
|
|
80
79
|
"button",
|
|
81
80
|
{
|
|
82
81
|
className: _[`${r}__collapse-button`],
|
|
@@ -108,5 +107,5 @@ const _ = {
|
|
|
108
107
|
)));
|
|
109
108
|
};
|
|
110
109
|
export {
|
|
111
|
-
|
|
110
|
+
J as UploadBar
|
|
112
111
|
};
|
package/dist/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./foundations/index.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./foundations/index.cjs.js"),_=require("./utils/index.cjs.js"),l=require("./components/ActionBar/index.cjs.js"),s=require("./components/ActionMenu/index.cjs.js"),m=require("./components/Alert/index.cjs.js"),a=require("./components/Avatar/index.cjs.js"),q=require("./components/Badge/index.cjs.js"),T=require("./components/Button/index.cjs.js"),x=require("./components/SegmentedControl/index.cjs.js"),g=require("./components/Card/index.cjs.js"),k=require("./components/Checkbox/index.cjs.js"),r=require("./components/DatePicker/index.cjs.js"),P=require("./components/DetailsCard/index.cjs.js"),I=require("./components/DetailsCardInfo/index.cjs.js"),B=require("./components/FieldDescription/index.cjs.js"),D=require("./components/FieldError/index.cjs.js"),F=require("./components/FieldGroup/index.cjs.js"),C=require("./components/Form/index.cjs.js"),A=require("./components/FormField/index.cjs.js"),M=require("./components/FormGroup/index.cjs.js"),S=require("./components/Icon/index.cjs.js"),h=require("./components/Input/index.cjs.js"),b=require("./components/Link/index.cjs.js"),v=require("./components/Loader/index.cjs.js"),n=require("./components/Modal/index.cjs.js"),R=require("./components/NumericInput/index.cjs.js"),c=require("./components/Picker/index.cjs.js"),U=require("./components/Popover/index.cjs.js"),d=require("./components/Progress/index.cjs.js"),y=require("./components/PromoBanner/index.cjs.js"),L=require("./components/PromoBannerV2/index.cjs.js"),G=require("./components/RadioButton/index.cjs.js"),W=require("./components/Search/index.cjs.js"),f=require("./components/Switch/index.cjs.js"),i=require("./components/Tab/index.cjs.js"),E=require("./components/Tag/index.cjs.js"),u=require("./components/TagInput/index.cjs.js"),t=require("./components/Toast/index.cjs.js"),N=require("./chunks/Tooltip-f9f79274.js"),o=require("./components/Tooltip/components/index.cjs.js"),w=require("./components/Tooltip/components/UserGuide/index.cjs.js"),H=require("./chunks/Heading-617540b6.js"),O=require("./chunks/Text-df483689.js"),V=require("./components/Typography/index.cjs.js"),j=require("./components/Textarea/index.cjs.js"),p=require("./components/FileUploadProgress/index.cjs.js"),z=require("./components/UploadBar/index.cjs.js");require("react");require("@livechat/design-system-icons");require("clsx");require("./chunks/Typography.module-2558416b.js");require("@floating-ui/react");require("./chunks/keyCodes-c4c35e49.js");require("lodash.debounce");require("polished");require("react-day-picker");require("date-fns");require("react-dom");require("react-virtuoso");require("lodash.escape");require("react-transition-group");exports.DesignToken=e.DesignToken;exports.RadiusToken=e.RadiusToken;exports.ShadowToken=e.ShadowToken;exports.SpacingToken=e.SpacingToken;exports.TransitionDelayToken=e.TransitionDelayToken;exports.TransitionDurationToken=e.TransitionDurationToken;exports.TransitionTimingToken=e.TransitionTimingToken;exports.getDesignTokenWithOpacity=_.getDesignTokenWithOpacity;exports.ActionBar=l.ActionBar;exports.ActionMenu=s.ActionMenu;exports.ActionMenuItem=s.ActionMenuItem;exports.Alert=m.Alert;exports.Avatar=a.Avatar;exports.generateAvatarColor=a.generateAvatarColor;exports.Badge=q.Badge;exports.Button=T.Button;exports.SegmentedControl=x.SegmentedControl;exports.Card=g.Card;exports.Checkbox=k.Checkbox;exports.DatePicker=r.DatePicker;exports.DatePickerRangeCalendarsWrapper=r.DatePickerRangeCalendarsWrapper;exports.RangeDatePicker=r.RangeDatePicker;exports.DetailsCard=P.DetailsCard;exports.DetailsCardInfo=I.DetailsCardInfo;exports.FieldDescription=B.FieldDescription;exports.FieldError=D.FieldError;exports.FieldGroup=F.FieldGroup;exports.Form=C.Form;exports.FormField=A.FormField;exports.FormGroup=M.FormGroup;exports.Icon=S.Icon;exports.Input=h.Input;exports.Link=b.Link;exports.Loader=v.Loader;exports.Modal=n.Modal;exports.ModalBase=n.ModalBase;exports.ModalCloseButton=n.ModalCloseButton;exports.ModalHeader=n.ModalHeader;exports.ModalPortal=n.ModalPortal;exports.NumericInput=R.NumericInput;exports.Picker=c.Picker;exports.PickerList=c.PickerList;exports.Popover=U.Popover;exports.ProgressBar=d.ProgressBar;exports.ProgressCircle=d.ProgressCircle;exports.PromoBanner=y.PromoBanner;exports.PromoBannerV2=L.PromoBannerV2;exports.RadioButton=G.RadioButton;exports.SearchInput=W.SearchInput;exports.Switch=f.Switch;exports.Tab=i.Tab;exports.TabsList=i.TabsList;exports.TabsWrapper=i.TabsWrapper;exports.Tag=E.Tag;exports.EmailTagInput=u.EmailTagInput;exports.TagInput=u.TagInput;exports.ANIMATION_TIME=t.ANIMATION_TIME;exports.Toast=t.Toast;exports.ToastWrapper=t.ToastWrapper;exports.Tooltip=N.Tooltip;exports.Info=o.Info;exports.Interactive=o.Interactive;exports.Reports=o.Reports;exports.Simple=o.Simple;exports.UserGuide=w.UserGuide;exports.Heading=H.Heading;exports.Text=O.Text;exports.Display=V.Display;exports.Textarea=j.Textarea;exports.FileUploadProgress=p.FileUploadProgress;exports.FileUploadProgressActions=p.FileUploadProgressActions;exports.UploadBar=z.UploadBar;
|
package/dist/index.es.js
CHANGED
|
@@ -1,54 +1,54 @@
|
|
|
1
|
-
import { DesignToken as
|
|
2
|
-
import { getDesignTokenWithOpacity as
|
|
3
|
-
import { ActionBar as
|
|
4
|
-
import { ActionMenu as
|
|
5
|
-
import { Alert as
|
|
6
|
-
import { Avatar as
|
|
7
|
-
import { Badge as
|
|
8
|
-
import { Button as
|
|
9
|
-
import { SegmentedControl as
|
|
10
|
-
import { Card as
|
|
11
|
-
import { Checkbox as
|
|
12
|
-
import { DatePicker as
|
|
13
|
-
import { DetailsCard as
|
|
14
|
-
import { DetailsCardInfo as
|
|
15
|
-
import { FieldDescription as
|
|
16
|
-
import { FieldError as
|
|
17
|
-
import { FieldGroup as
|
|
18
|
-
import { Form as
|
|
19
|
-
import { FormField as
|
|
20
|
-
import { FormGroup as
|
|
21
|
-
import { Icon as
|
|
22
|
-
import { Input as
|
|
23
|
-
import { Link as
|
|
1
|
+
import { DesignToken as g, RadiusToken as u, ShadowToken as k, SpacingToken as I, TransitionDelayToken as P, TransitionDurationToken as D, TransitionTimingToken as B } from "./foundations/index.es.js";
|
|
2
|
+
import { getDesignTokenWithOpacity as C } from "./utils/index.es.js";
|
|
3
|
+
import { ActionBar as M } from "./components/ActionBar/index.es.js";
|
|
4
|
+
import { ActionMenu as h, ActionMenuItem as R } from "./components/ActionMenu/index.es.js";
|
|
5
|
+
import { Alert as v } from "./components/Alert/index.es.js";
|
|
6
|
+
import { Avatar as U, generateAvatarColor as W } from "./components/Avatar/index.es.js";
|
|
7
|
+
import { Badge as E } from "./components/Badge/index.es.js";
|
|
8
|
+
import { Button as H } from "./components/Button/index.es.js";
|
|
9
|
+
import { SegmentedControl as w } from "./components/SegmentedControl/index.es.js";
|
|
10
|
+
import { Card as V } from "./components/Card/index.es.js";
|
|
11
|
+
import { Checkbox as j } from "./components/Checkbox/index.es.js";
|
|
12
|
+
import { DatePicker as z, DatePickerRangeCalendarsWrapper as J, RangeDatePicker as K } from "./components/DatePicker/index.es.js";
|
|
13
|
+
import { DetailsCard as X } from "./components/DetailsCard/index.es.js";
|
|
14
|
+
import { DetailsCardInfo as Z } from "./components/DetailsCardInfo/index.es.js";
|
|
15
|
+
import { FieldDescription as oo } from "./components/FieldDescription/index.es.js";
|
|
16
|
+
import { FieldError as eo } from "./components/FieldError/index.es.js";
|
|
17
|
+
import { FieldGroup as po } from "./components/FieldGroup/index.es.js";
|
|
18
|
+
import { Form as ao } from "./components/Form/index.es.js";
|
|
19
|
+
import { FormField as no } from "./components/FormField/index.es.js";
|
|
20
|
+
import { FormGroup as fo } from "./components/FormGroup/index.es.js";
|
|
21
|
+
import { Icon as lo } from "./components/Icon/index.es.js";
|
|
22
|
+
import { Input as co } from "./components/Input/index.es.js";
|
|
23
|
+
import { Link as uo } from "./components/Link/index.es.js";
|
|
24
24
|
import { Loader as Io } from "./components/Loader/index.es.js";
|
|
25
|
-
import { Modal as
|
|
26
|
-
import { NumericInput as
|
|
27
|
-
import { Picker as
|
|
28
|
-
import { Popover as
|
|
29
|
-
import { ProgressCircle as yo } from "./components/Progress/index.es.js";
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import { UploadBar as hr } from "./components/UploadBar/index.es.js";
|
|
25
|
+
import { Modal as Do, ModalBase as Bo, ModalCloseButton as Ao, ModalHeader as Co, ModalPortal as Fo } from "./components/Modal/index.es.js";
|
|
26
|
+
import { NumericInput as So } from "./components/NumericInput/index.es.js";
|
|
27
|
+
import { Picker as Ro, PickerList as bo } from "./components/Picker/index.es.js";
|
|
28
|
+
import { Popover as Lo } from "./components/Popover/index.es.js";
|
|
29
|
+
import { ProgressBar as Wo, ProgressCircle as yo } from "./components/Progress/index.es.js";
|
|
30
|
+
import { PromoBanner as Go } from "./components/PromoBanner/index.es.js";
|
|
31
|
+
import { PromoBannerV2 as No } from "./components/PromoBannerV2/index.es.js";
|
|
32
|
+
import { RadioButton as Oo } from "./components/RadioButton/index.es.js";
|
|
33
|
+
import { SearchInput as _o } from "./components/Search/index.es.js";
|
|
34
|
+
import { Switch as qo } from "./components/Switch/index.es.js";
|
|
35
|
+
import { Tab as Jo, TabsList as Ko, TabsWrapper as Qo } from "./components/Tab/index.es.js";
|
|
36
|
+
import { Tag as Yo } from "./components/Tag/index.es.js";
|
|
37
|
+
import { EmailTagInput as $o, TagInput as or } from "./components/TagInput/index.es.js";
|
|
38
|
+
import { ANIMATION_TIME as er, Toast as tr, ToastWrapper as pr } from "./components/Toast/index.es.js";
|
|
39
|
+
import { T as ar } from "./chunks/Tooltip-1c5cb6fe.js";
|
|
40
|
+
import { Info as nr, Interactive as xr, Reports as fr, Simple as sr } from "./components/Tooltip/components/index.es.js";
|
|
41
|
+
import { UserGuide as Tr } from "./components/Tooltip/components/UserGuide/index.es.js";
|
|
42
|
+
import { H as cr } from "./chunks/Heading-6b95d08b.js";
|
|
43
|
+
import { T as ur } from "./chunks/Text-b31d1e9a.js";
|
|
44
|
+
import { Display as Ir } from "./components/Typography/index.es.js";
|
|
45
|
+
import { Textarea as Dr } from "./components/Textarea/index.es.js";
|
|
46
|
+
import { FileUploadProgress as Ar, FileUploadProgressActions as Cr } from "./components/FileUploadProgress/index.es.js";
|
|
47
|
+
import { UploadBar as Mr } from "./components/UploadBar/index.es.js";
|
|
49
48
|
import "react";
|
|
50
49
|
import "@livechat/design-system-icons";
|
|
51
50
|
import "clsx";
|
|
51
|
+
import "./chunks/Typography.module-93efb34d.js";
|
|
52
52
|
import "@floating-ui/react";
|
|
53
53
|
import "./chunks/keyCodes-30323e90.js";
|
|
54
54
|
import "lodash.debounce";
|
|
@@ -56,82 +56,80 @@ import "polished";
|
|
|
56
56
|
import "react-day-picker";
|
|
57
57
|
import "date-fns";
|
|
58
58
|
import "react-dom";
|
|
59
|
-
import "@emotion/css";
|
|
60
59
|
import "react-virtuoso";
|
|
61
60
|
import "lodash.escape";
|
|
62
61
|
import "react-transition-group";
|
|
63
|
-
import "./chunks/Typography.module-93efb34d.js";
|
|
64
62
|
export {
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
63
|
+
er as ANIMATION_TIME,
|
|
64
|
+
M as ActionBar,
|
|
65
|
+
h as ActionMenu,
|
|
66
|
+
R as ActionMenuItem,
|
|
67
|
+
v as Alert,
|
|
68
|
+
U as Avatar,
|
|
69
|
+
E as Badge,
|
|
70
|
+
H as Button,
|
|
71
|
+
V as Card,
|
|
72
|
+
j as Checkbox,
|
|
73
|
+
z as DatePicker,
|
|
74
|
+
J as DatePickerRangeCalendarsWrapper,
|
|
75
|
+
g as DesignToken,
|
|
76
|
+
X as DetailsCard,
|
|
77
|
+
Z as DetailsCardInfo,
|
|
78
|
+
Ir as Display,
|
|
79
|
+
$o as EmailTagInput,
|
|
80
|
+
oo as FieldDescription,
|
|
81
|
+
eo as FieldError,
|
|
82
|
+
po as FieldGroup,
|
|
83
|
+
Ar as FileUploadProgress,
|
|
84
|
+
Cr as FileUploadProgressActions,
|
|
85
|
+
ao as Form,
|
|
86
|
+
no as FormField,
|
|
87
|
+
fo as FormGroup,
|
|
88
|
+
cr as Heading,
|
|
89
|
+
lo as Icon,
|
|
90
|
+
nr as Info,
|
|
91
|
+
co as Input,
|
|
92
|
+
xr as Interactive,
|
|
93
|
+
uo as Link,
|
|
96
94
|
Io as Loader,
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
95
|
+
Do as Modal,
|
|
96
|
+
Bo as ModalBase,
|
|
97
|
+
Ao as ModalCloseButton,
|
|
98
|
+
Co as ModalHeader,
|
|
99
|
+
Fo as ModalPortal,
|
|
100
|
+
So as NumericInput,
|
|
101
|
+
Ro as Picker,
|
|
102
|
+
bo as PickerList,
|
|
103
|
+
Lo as Popover,
|
|
104
|
+
Wo as ProgressBar,
|
|
107
105
|
yo as ProgressCircle,
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
106
|
+
Go as PromoBanner,
|
|
107
|
+
No as PromoBannerV2,
|
|
108
|
+
Oo as RadioButton,
|
|
109
|
+
u as RadiusToken,
|
|
110
|
+
K as RangeDatePicker,
|
|
111
|
+
fr as Reports,
|
|
112
|
+
_o as SearchInput,
|
|
113
|
+
w as SegmentedControl,
|
|
114
|
+
k as ShadowToken,
|
|
115
|
+
sr as Simple,
|
|
118
116
|
I as SpacingToken,
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
117
|
+
qo as Switch,
|
|
118
|
+
Jo as Tab,
|
|
119
|
+
Ko as TabsList,
|
|
120
|
+
Qo as TabsWrapper,
|
|
121
|
+
Yo as Tag,
|
|
122
|
+
or as TagInput,
|
|
123
|
+
ur as Text,
|
|
124
|
+
Dr as Textarea,
|
|
125
|
+
tr as Toast,
|
|
126
|
+
pr as ToastWrapper,
|
|
127
|
+
ar as Tooltip,
|
|
128
|
+
P as TransitionDelayToken,
|
|
129
|
+
D as TransitionDurationToken,
|
|
130
|
+
B as TransitionTimingToken,
|
|
131
|
+
Mr as UploadBar,
|
|
132
|
+
Tr as UserGuide,
|
|
133
|
+
W as generateAvatarColor,
|
|
134
|
+
C as getDesignTokenWithOpacity
|
|
137
135
|
};
|