@livechat/design-system-react-components 1.17.1-alpha.1 → 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.
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +5231 -120
- package/dist/preview-stats.json +1158 -1158
- package/dist/style.css +1 -1
- package/package.json +2 -2
- package/dist/assets/style-ProgressBar.css +0 -1
- package/dist/assets/style-Tooltip.css +0 -1
- package/dist/assets/style-Typography.css +0 -1
- package/dist/assets/style-index.css +0 -1
- package/dist/assets/style-index10.css +0 -1
- package/dist/assets/style-index11.css +0 -1
- package/dist/assets/style-index12.css +0 -1
- package/dist/assets/style-index13.css +0 -1
- package/dist/assets/style-index14.css +0 -1
- package/dist/assets/style-index15.css +0 -1
- package/dist/assets/style-index16.css +0 -1
- package/dist/assets/style-index17.css +0 -1
- package/dist/assets/style-index18.css +0 -1
- package/dist/assets/style-index19.css +0 -1
- package/dist/assets/style-index2.css +0 -1
- package/dist/assets/style-index20.css +0 -1
- package/dist/assets/style-index21.css +0 -1
- package/dist/assets/style-index22.css +0 -1
- package/dist/assets/style-index23.css +0 -1
- package/dist/assets/style-index24.css +0 -1
- package/dist/assets/style-index25.css +0 -1
- package/dist/assets/style-index26.css +0 -1
- package/dist/assets/style-index27.css +0 -1
- package/dist/assets/style-index28.css +0 -1
- package/dist/assets/style-index29.css +0 -1
- package/dist/assets/style-index3.css +0 -1
- package/dist/assets/style-index30.css +0 -1
- package/dist/assets/style-index31.css +0 -1
- package/dist/assets/style-index32.css +0 -1
- package/dist/assets/style-index33.css +0 -1
- package/dist/assets/style-index34.css +0 -1
- package/dist/assets/style-index35.css +0 -1
- package/dist/assets/style-index36.css +0 -1
- package/dist/assets/style-index37.css +0 -1
- package/dist/assets/style-index38.css +0 -1
- package/dist/assets/style-index39.css +0 -1
- package/dist/assets/style-index4.css +0 -1
- package/dist/assets/style-index5.css +0 -1
- package/dist/assets/style-index6.css +0 -1
- package/dist/assets/style-index7.css +0 -1
- package/dist/assets/style-index8.css +0 -1
- package/dist/assets/style-index9.css +0 -1
- package/dist/chunks/Heading-1a31001f.js +0 -64
- package/dist/chunks/Heading-597d11a4.js +0 -1
- package/dist/chunks/ProgressBar-0e01c602.js +0 -88
- package/dist/chunks/ProgressBar-dd89d43a.js +0 -1
- package/dist/chunks/Text-78b02609.js +0 -66
- package/dist/chunks/Text-dd6930a2.js +0 -1
- package/dist/chunks/Tooltip-21230071.js +0 -1
- package/dist/chunks/Tooltip-f4d8b8fd.js +0 -182
- package/dist/chunks/Typography.module-58a031dc.js +0 -24
- package/dist/chunks/Typography.module-8b7171c2.js +0 -1
- package/dist/chunks/keyCodes-30323e90.js +0 -15
- package/dist/chunks/keyCodes-c4c35e49.js +0 -1
- package/dist/components/ActionBar/index.cjs.js +0 -1
- package/dist/components/ActionBar/index.es.js +0 -188
- package/dist/components/ActionMenu/index.cjs.js +0 -1
- package/dist/components/ActionMenu/index.es.js +0 -199
- package/dist/components/Alert/index.cjs.js +0 -1
- package/dist/components/Alert/index.es.js +0 -128
- package/dist/components/Avatar/index.cjs.js +0 -1
- package/dist/components/Avatar/index.es.js +0 -190
- package/dist/components/Badge/index.cjs.js +0 -1
- package/dist/components/Badge/index.es.js +0 -66
- package/dist/components/Button/index.cjs.js +0 -1
- package/dist/components/Button/index.es.js +0 -142
- package/dist/components/Card/index.cjs.js +0 -1
- package/dist/components/Card/index.es.js +0 -95
- package/dist/components/Checkbox/index.cjs.js +0 -1
- package/dist/components/Checkbox/index.es.js +0 -64
- package/dist/components/DatePicker/index.cjs.js +0 -1
- package/dist/components/DatePicker/index.es.js +0 -517
- package/dist/components/DetailsCard/index.cjs.js +0 -1
- package/dist/components/DetailsCard/index.es.js +0 -138
- package/dist/components/DetailsCardInfo/index.cjs.js +0 -1
- package/dist/components/DetailsCardInfo/index.es.js +0 -13
- package/dist/components/FieldDescription/index.cjs.js +0 -1
- package/dist/components/FieldDescription/index.es.js +0 -41
- package/dist/components/FieldError/index.cjs.js +0 -1
- package/dist/components/FieldError/index.es.js +0 -51
- package/dist/components/FieldGroup/index.cjs.js +0 -1
- package/dist/components/FieldGroup/index.es.js +0 -55
- package/dist/components/FileUploadProgress/index.cjs.js +0 -1
- package/dist/components/FileUploadProgress/index.es.js +0 -109
- package/dist/components/Form/index.cjs.js +0 -1
- package/dist/components/Form/index.es.js +0 -50
- package/dist/components/FormField/index.cjs.js +0 -1
- package/dist/components/FormField/index.es.js +0 -114
- package/dist/components/FormGroup/index.cjs.js +0 -1
- package/dist/components/FormGroup/index.es.js +0 -58
- package/dist/components/Icon/index.cjs.js +0 -1
- package/dist/components/Icon/index.es.js +0 -104
- package/dist/components/Input/index.cjs.js +0 -1
- package/dist/components/Input/index.es.js +0 -122
- package/dist/components/Link/index.cjs.js +0 -1
- package/dist/components/Link/index.es.js +0 -48
- package/dist/components/Loader/index.cjs.js +0 -1
- package/dist/components/Loader/index.es.js +0 -39
- package/dist/components/Modal/index.cjs.js +0 -1
- package/dist/components/Modal/index.es.js +0 -248
- package/dist/components/NumericInput/index.cjs.js +0 -1
- package/dist/components/NumericInput/index.es.js +0 -140
- package/dist/components/Picker/index.cjs.js +0 -1
- package/dist/components/Picker/index.es.js +0 -738
- package/dist/components/Popover/index.cjs.js +0 -1
- package/dist/components/Popover/index.es.js +0 -75
- package/dist/components/Progress/index.cjs.js +0 -1
- package/dist/components/Progress/index.es.js +0 -104
- package/dist/components/PromoBanner/index.cjs.js +0 -1
- package/dist/components/PromoBanner/index.es.js +0 -73
- package/dist/components/PromoBannerV2/index.cjs.js +0 -1
- package/dist/components/PromoBannerV2/index.es.js +0 -77
- package/dist/components/RadioButton/index.cjs.js +0 -1
- package/dist/components/RadioButton/index.es.js +0 -58
- package/dist/components/Search/index.cjs.js +0 -1
- package/dist/components/Search/index.es.js +0 -117
- package/dist/components/SegmentedControl/index.cjs.js +0 -1
- package/dist/components/SegmentedControl/index.es.js +0 -53
- package/dist/components/Switch/index.cjs.js +0 -1
- package/dist/components/Switch/index.es.js +0 -144
- package/dist/components/Tab/index.cjs.js +0 -1
- package/dist/components/Tab/index.es.js +0 -93
- package/dist/components/Tag/index.cjs.js +0 -1
- package/dist/components/Tag/index.es.js +0 -143
- package/dist/components/TagInput/index.cjs.js +0 -1
- package/dist/components/TagInput/index.es.js +0 -241
- package/dist/components/Textarea/index.cjs.js +0 -1
- package/dist/components/Textarea/index.es.js +0 -55
- package/dist/components/Toast/index.cjs.js +0 -1
- package/dist/components/Toast/index.es.js +0 -162
- package/dist/components/Tooltip/components/UserGuide/index.cjs.js +0 -1
- package/dist/components/Tooltip/components/UserGuide/index.es.js +0 -193
- package/dist/components/Tooltip/components/index.cjs.js +0 -1
- package/dist/components/Tooltip/components/index.es.js +0 -114
- package/dist/components/Tooltip/index.cjs.js +0 -1
- package/dist/components/Tooltip/index.es.js +0 -11
- package/dist/components/Typography/index.cjs.js +0 -1
- package/dist/components/Typography/index.es.js +0 -48
- package/dist/components/UploadBar/index.cjs.js +0 -1
- package/dist/components/UploadBar/index.es.js +0 -111
- package/dist/foundations/index.cjs.js +0 -1
- package/dist/foundations/index.es.js +0 -353
- package/dist/utils/index.cjs.js +0 -1
- package/dist/utils/index.es.js +0 -4
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
import "../../assets/style-index30.css";
|
|
2
|
-
import * as a from "react";
|
|
3
|
-
import { ChevronRight as N } from "@livechat/design-system-icons";
|
|
4
|
-
import d from "clsx";
|
|
5
|
-
import { Button as x } from "../Button/index.es.js";
|
|
6
|
-
import { Icon as S } from "../Icon/index.es.js";
|
|
7
|
-
import { H } from "../../chunks/Heading-1a31001f.js";
|
|
8
|
-
const e = {
|
|
9
|
-
"details-card": "lc-DetailsCard-module__details-card___cVoS7",
|
|
10
|
-
"details-card__button--fading": "lc-DetailsCard-module__details-card__button--fading___tQA02",
|
|
11
|
-
"details-card--with-divider": "lc-DetailsCard-module__details-card--with-divider___xyXvc",
|
|
12
|
-
"details-card__label-wrapper": "lc-DetailsCard-module__details-card__label-wrapper___7W-BY",
|
|
13
|
-
"details-card__label-wrapper--hide": "lc-DetailsCard-module__details-card__label-wrapper--hide___H-U4O",
|
|
14
|
-
"details-card__label-wrapper--fading": "lc-DetailsCard-module__details-card__label-wrapper--fading___yiAoB",
|
|
15
|
-
"details-card__label": "lc-DetailsCard-module__details-card__label___nhDQE",
|
|
16
|
-
"details-card__label--with-margin": "lc-DetailsCard-module__details-card__label--with-margin___w2S8X",
|
|
17
|
-
"details-card__label__left-node": "lc-DetailsCard-module__details-card__label__left-node___Slmc6",
|
|
18
|
-
"details-card__label__right-node": "lc-DetailsCard-module__details-card__label__right-node___ZrOLh",
|
|
19
|
-
"details-card__label__content": "lc-DetailsCard-module__details-card__label__content___Cfip3",
|
|
20
|
-
"details-card__button": "lc-DetailsCard-module__details-card__button___FWUG5",
|
|
21
|
-
"details-card__button--closed": "lc-DetailsCard-module__details-card__button--closed___TkMaQ",
|
|
22
|
-
"details-card__button__icon": "lc-DetailsCard-module__details-card__button__icon___iOlKd",
|
|
23
|
-
"details-card__button__icon--open": "lc-DetailsCard-module__details-card__button__icon--open___TI0Xq",
|
|
24
|
-
"details-card__content-wrapper": "lc-DetailsCard-module__details-card__content-wrapper___2UOlE",
|
|
25
|
-
"details-card__content-wrapper--open": "lc-DetailsCard-module__details-card__content-wrapper--open___ESQxg",
|
|
26
|
-
"details-card__content": "lc-DetailsCard-module__details-card__content___RNVd2",
|
|
27
|
-
"details-card__content--spacing": "lc-DetailsCard-module__details-card__content--spacing___QecUa",
|
|
28
|
-
"details-card__content--full-space": "lc-DetailsCard-module__details-card__content--full-space___2ms8I"
|
|
29
|
-
}, _ = "details-card", T = ({
|
|
30
|
-
children: b,
|
|
31
|
-
className: f,
|
|
32
|
-
leftNode: o,
|
|
33
|
-
rightNode: m,
|
|
34
|
-
label: s,
|
|
35
|
-
withDivider: w,
|
|
36
|
-
fullSpaceContent: C,
|
|
37
|
-
openOnInit: g = !1,
|
|
38
|
-
hideLabelOnOpen: r,
|
|
39
|
-
onClick: i
|
|
40
|
-
}) => {
|
|
41
|
-
const [t, D] = a.useState(g), [u, $] = a.useState(0), l = a.useRef(null), v = d(
|
|
42
|
-
e[_],
|
|
43
|
-
w && e[`${_}--with-divider`],
|
|
44
|
-
f
|
|
45
|
-
), p = r && t, h = typeof s == "string", E = (n) => {
|
|
46
|
-
D((c) => !c), n.currentTarget.blur(), i == null || i();
|
|
47
|
-
};
|
|
48
|
-
return a.useEffect(() => {
|
|
49
|
-
const n = !!window.IntersectionObserver;
|
|
50
|
-
if (l.current && n) {
|
|
51
|
-
const c = new ResizeObserver(() => {
|
|
52
|
-
l.current && u !== l.current.offsetHeight && $(l.current.offsetHeight);
|
|
53
|
-
});
|
|
54
|
-
return c.observe(l.current), () => c.disconnect();
|
|
55
|
-
}
|
|
56
|
-
}, [l]), /* @__PURE__ */ a.createElement("div", { className: v }, /* @__PURE__ */ a.createElement(
|
|
57
|
-
"div",
|
|
58
|
-
{
|
|
59
|
-
className: d(
|
|
60
|
-
e[`${_}__label-wrapper`],
|
|
61
|
-
r && e[`${_}__label-wrapper--fading`],
|
|
62
|
-
p && e[`${_}__label-wrapper--hide`],
|
|
63
|
-
t && e[`${_}__label-wrapper--open`]
|
|
64
|
-
),
|
|
65
|
-
"aria-expanded": t,
|
|
66
|
-
"aria-hidden": p,
|
|
67
|
-
"data-testid": "details-card-label"
|
|
68
|
-
},
|
|
69
|
-
/* @__PURE__ */ a.createElement(
|
|
70
|
-
"div",
|
|
71
|
-
{
|
|
72
|
-
className: d(
|
|
73
|
-
e[`${_}__label`],
|
|
74
|
-
r && e[`${_}__label--with-margin`]
|
|
75
|
-
)
|
|
76
|
-
},
|
|
77
|
-
o && /* @__PURE__ */ a.createElement("div", { className: e[`${_}__label__left-node`] }, o),
|
|
78
|
-
h ? /* @__PURE__ */ a.createElement(
|
|
79
|
-
H,
|
|
80
|
-
{
|
|
81
|
-
size: "xs",
|
|
82
|
-
className: e[`${_}__label__content`]
|
|
83
|
-
},
|
|
84
|
-
s
|
|
85
|
-
) : /* @__PURE__ */ a.createElement("div", { className: e[`${_}__label__content`] }, s),
|
|
86
|
-
m && /* @__PURE__ */ a.createElement("div", { className: e[`${_}__label__right-node`] }, m)
|
|
87
|
-
)
|
|
88
|
-
), /* @__PURE__ */ a.createElement(
|
|
89
|
-
x,
|
|
90
|
-
{
|
|
91
|
-
kind: t && r ? "float" : "text",
|
|
92
|
-
icon: /* @__PURE__ */ a.createElement(
|
|
93
|
-
S,
|
|
94
|
-
{
|
|
95
|
-
source: N,
|
|
96
|
-
className: d(
|
|
97
|
-
e[`${_}__button__icon`],
|
|
98
|
-
t && e[`${_}__button__icon--open`]
|
|
99
|
-
)
|
|
100
|
-
}
|
|
101
|
-
),
|
|
102
|
-
className: d(
|
|
103
|
-
e[`${_}__button`],
|
|
104
|
-
!t && e[`${_}__button--closed`],
|
|
105
|
-
t && e[`${_}__button--open`],
|
|
106
|
-
r && e[`${_}__button--fading`]
|
|
107
|
-
),
|
|
108
|
-
onClick: E,
|
|
109
|
-
"aria-expanded": t
|
|
110
|
-
}
|
|
111
|
-
), /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(
|
|
112
|
-
"div",
|
|
113
|
-
{
|
|
114
|
-
className: d(
|
|
115
|
-
e[`${_}__content-wrapper`],
|
|
116
|
-
t && e[`${_}__content-wrapper--open`]
|
|
117
|
-
),
|
|
118
|
-
style: {
|
|
119
|
-
maxHeight: t ? u : 0
|
|
120
|
-
}
|
|
121
|
-
},
|
|
122
|
-
/* @__PURE__ */ a.createElement(
|
|
123
|
-
"div",
|
|
124
|
-
{
|
|
125
|
-
ref: l,
|
|
126
|
-
className: d(
|
|
127
|
-
e[`${_}__content`],
|
|
128
|
-
C && e[`${_}__content--full-space`],
|
|
129
|
-
r && e[`${_}__content--spacing`]
|
|
130
|
-
)
|
|
131
|
-
},
|
|
132
|
-
b
|
|
133
|
-
)
|
|
134
|
-
)));
|
|
135
|
-
};
|
|
136
|
-
export {
|
|
137
|
-
T as DetailsCard
|
|
138
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var d=require("../../assets/style-index29.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const l=s(r),n={"details-card-info":"lc-DetailsCardInfo-module__details-card-info___D4VRk","details-card-info__label":"lc-DetailsCardInfo-module__details-card-info__label___U-KsO","details-card-info__content":"lc-DetailsCardInfo-module__details-card-info__content___TFEXS"},c="details-card-info",i=({children:e,label:t})=>l.createElement("div",{className:n[c]},l.createElement("div",{className:n[`${c}__label`]},t),l.createElement("div",{className:n[`${c}__content`]},e));exports.DetailsCardInfo=i;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import "../../assets/style-index29.css";
|
|
2
|
-
import * as e from "react";
|
|
3
|
-
const a = {
|
|
4
|
-
"details-card-info": "lc-DetailsCardInfo-module__details-card-info___D4VRk",
|
|
5
|
-
"details-card-info__label": "lc-DetailsCardInfo-module__details-card-info__label___U-KsO",
|
|
6
|
-
"details-card-info__content": "lc-DetailsCardInfo-module__details-card-info__content___TFEXS"
|
|
7
|
-
}, l = "details-card-info", d = ({
|
|
8
|
-
children: t,
|
|
9
|
-
label: s
|
|
10
|
-
}) => /* @__PURE__ */ e.createElement("div", { className: a[l] }, /* @__PURE__ */ e.createElement("div", { className: a[`${l}__label`] }, s), /* @__PURE__ */ e.createElement("div", { className: a[`${l}__content`] }, t));
|
|
11
|
-
export {
|
|
12
|
-
d as DetailsCardInfo
|
|
13
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var f=Object.defineProperty,m=Object.defineProperties;var b=Object.getOwnPropertyDescriptors;var c=Object.getOwnPropertySymbols;var o=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var n=(e,t,r)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,a=(e,t)=>{for(var r in t||(t={}))o.call(t,r)&&n(e,r,t[r]);if(c)for(var r of c(t))l.call(t,r)&&n(e,r,t[r]);return e},d=(e,t)=>m(e,b(t));var u=(e,t)=>{var r={};for(var s in e)o.call(e,s)&&t.indexOf(s)<0&&(r[s]=e[s]);if(e!=null&&c)for(var s of c(e))t.indexOf(s)<0&&l.call(e,s)&&(r[s]=e[s]);return r};var x=require("../../assets/style-index28.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),_=require("clsx"),y=require("../../chunks/Text-dd6930a2.js");function D(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const O=D(g),j={"field-description":"lc-FieldDescription-module__field-description___IcRDH"},S="field-description",T=s=>{var i=s,{children:e,className:t=""}=i,r=u(i,["children","className"]);const p=_(j[S],t);return O.createElement(y.Text,d(a({as:"span",size:"sm"},r),{className:p}),e)};exports.FieldDescription=T;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
var f = Object.defineProperty, _ = Object.defineProperties;
|
|
2
|
-
var x = Object.getOwnPropertyDescriptors;
|
|
3
|
-
var o = Object.getOwnPropertySymbols;
|
|
4
|
-
var m = Object.prototype.hasOwnProperty, a = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var c = (e, s, i) => s in e ? f(e, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[s] = i, l = (e, s) => {
|
|
6
|
-
for (var i in s || (s = {}))
|
|
7
|
-
m.call(s, i) && c(e, i, s[i]);
|
|
8
|
-
if (o)
|
|
9
|
-
for (var i of o(s))
|
|
10
|
-
a.call(s, i) && c(e, i, s[i]);
|
|
11
|
-
return e;
|
|
12
|
-
}, n = (e, s) => _(e, x(s));
|
|
13
|
-
var p = (e, s) => {
|
|
14
|
-
var i = {};
|
|
15
|
-
for (var t in e)
|
|
16
|
-
m.call(e, t) && s.indexOf(t) < 0 && (i[t] = e[t]);
|
|
17
|
-
if (e != null && o)
|
|
18
|
-
for (var t of o(e))
|
|
19
|
-
s.indexOf(t) < 0 && a.call(e, t) && (i[t] = e[t]);
|
|
20
|
-
return i;
|
|
21
|
-
};
|
|
22
|
-
import "../../assets/style-index28.css";
|
|
23
|
-
import * as D from "react";
|
|
24
|
-
import u from "clsx";
|
|
25
|
-
import { T as C } from "../../chunks/Text-78b02609.js";
|
|
26
|
-
const F = {
|
|
27
|
-
"field-description": "lc-FieldDescription-module__field-description___IcRDH"
|
|
28
|
-
}, N = "field-description", y = (t) => {
|
|
29
|
-
var r = t, {
|
|
30
|
-
children: e,
|
|
31
|
-
className: s = ""
|
|
32
|
-
} = r, i = p(r, [
|
|
33
|
-
"children",
|
|
34
|
-
"className"
|
|
35
|
-
]);
|
|
36
|
-
const d = u(F[N], s);
|
|
37
|
-
return /* @__PURE__ */ D.createElement(C, n(l({ as: "span", size: "sm" }, i), { className: d }), e);
|
|
38
|
-
};
|
|
39
|
-
export {
|
|
40
|
-
y as FieldDescription
|
|
41
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var b=Object.defineProperty,g=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var n=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var s=(e,r,t)=>r in e?b(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,a=(e,r)=>{for(var t in r||(r={}))l.call(r,t)&&s(e,t,r[t]);if(n)for(var t of n(r))i.call(r,t)&&s(e,t,r[t]);return e},u=(e,r)=>g(e,y(r));var d=(e,r)=>{var t={};for(var o in e)l.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&n)for(var o of n(e))r.indexOf(o)<0&&i.call(e,o)&&(t[o]=e[o]);return t};var x=require("../../assets/style-index27.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),O=require("@livechat/design-system-icons"),j=require("clsx"),q=require("../Icon/index.cjs.js"),I=require("../../chunks/Text-dd6930a2.js");function N(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const _=N(E),m={"field-error":"lc-FieldError-module__field-error___IDkPT","field-error__icon":"lc-FieldError-module__field-error__icon___D4UNC"},f="field-error",S=o=>{var c=o,{children:e,className:r=""}=c,t=d(c,["children","className"]);const p=j(m[f],r);return _.createElement(I.Text,u(a({as:"span",size:"sm"},t),{className:p}),_.createElement(q.Icon,{source:O.Info,className:m[`${f}__icon`],size:"small"}),e)};exports.FieldError=S;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
var u = Object.defineProperty, N = Object.defineProperties;
|
|
2
|
-
var x = Object.getOwnPropertyDescriptors;
|
|
3
|
-
var l = Object.getOwnPropertySymbols;
|
|
4
|
-
var t = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var i = (r, e, o) => e in r ? u(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, a = (r, e) => {
|
|
6
|
-
for (var o in e || (e = {}))
|
|
7
|
-
t.call(e, o) && i(r, o, e[o]);
|
|
8
|
-
if (l)
|
|
9
|
-
for (var o of l(e))
|
|
10
|
-
c.call(e, o) && i(r, o, e[o]);
|
|
11
|
-
return r;
|
|
12
|
-
}, _ = (r, e) => N(r, x(e));
|
|
13
|
-
var n = (r, e) => {
|
|
14
|
-
var o = {};
|
|
15
|
-
for (var s in r)
|
|
16
|
-
t.call(r, s) && e.indexOf(s) < 0 && (o[s] = r[s]);
|
|
17
|
-
if (r != null && l)
|
|
18
|
-
for (var s of l(r))
|
|
19
|
-
e.indexOf(s) < 0 && c.call(r, s) && (o[s] = r[s]);
|
|
20
|
-
return o;
|
|
21
|
-
};
|
|
22
|
-
import "../../assets/style-index27.css";
|
|
23
|
-
import * as d from "react";
|
|
24
|
-
import { Info as C } from "@livechat/design-system-icons";
|
|
25
|
-
import F from "clsx";
|
|
26
|
-
import { Icon as I } from "../Icon/index.es.js";
|
|
27
|
-
import { T } from "../../chunks/Text-78b02609.js";
|
|
28
|
-
const f = {
|
|
29
|
-
"field-error": "lc-FieldError-module__field-error___IDkPT",
|
|
30
|
-
"field-error__icon": "lc-FieldError-module__field-error__icon___D4UNC"
|
|
31
|
-
}, p = "field-error", P = (s) => {
|
|
32
|
-
var m = s, {
|
|
33
|
-
children: r,
|
|
34
|
-
className: e = ""
|
|
35
|
-
} = m, o = n(m, [
|
|
36
|
-
"children",
|
|
37
|
-
"className"
|
|
38
|
-
]);
|
|
39
|
-
const E = F(f[p], e);
|
|
40
|
-
return /* @__PURE__ */ d.createElement(T, _(a({ as: "span", size: "sm" }, o), { className: E }), /* @__PURE__ */ d.createElement(
|
|
41
|
-
I,
|
|
42
|
-
{
|
|
43
|
-
source: C,
|
|
44
|
-
className: f[`${p}__icon`],
|
|
45
|
-
size: "small"
|
|
46
|
-
}
|
|
47
|
-
), r);
|
|
48
|
-
};
|
|
49
|
-
export {
|
|
50
|
-
P as FieldError
|
|
51
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var y=Object.defineProperty,O=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var o=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;var s=(e,r,t)=>r in e?y(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,p=(e,r)=>{for(var t in r||(r={}))d.call(r,t)&&s(e,t,r[t]);if(o)for(var t of o(r))a.call(r,t)&&s(e,t,r[t]);return e},_=(e,r)=>O(e,j(r));var f=(e,r)=>{var t={};for(var l in e)d.call(e,l)&&r.indexOf(l)<0&&(t[l]=e[l]);if(e!=null&&o)for(var l of o(e))r.indexOf(l)<0&&a.call(e,l)&&(t[l]=e[l]);return t};var N=require("../../assets/style-index26.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),E=require("clsx"),G=require("../FieldDescription/index.cjs.js"),D=require("../FieldError/index.cjs.js");function S(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=S(q),i={"field-group":"lc-FieldGroup-module__field-group___gy8lp","field-group--inline":"lc-FieldGroup-module__field-group--inline___or4qf","field-group--stretched":"lc-FieldGroup-module__field-group--stretched___6rkuO"},c="field-group",h=v=>{var u=v,{className:e="",children:r,description:t,error:l,inline:m,stretch:g}=u,b=f(u,["className","children","description","error","inline","stretch"]);const F=E(i[c],e,{[i[`${c}--inline`]]:m,[i[`${c}--stretched`]]:g});return n.createElement("div",_(p({},b),{className:F}),r,l&&n.createElement(D.FieldError,null,l),t&&n.createElement(G.FieldDescription,null,t))};exports.FieldGroup=h;
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
var G = Object.defineProperty, h = Object.defineProperties;
|
|
2
|
-
var x = Object.getOwnPropertyDescriptors;
|
|
3
|
-
var i = Object.getOwnPropertySymbols;
|
|
4
|
-
var u = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var s = (e, l, r) => l in e ? G(e, l, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[l] = r, n = (e, l) => {
|
|
6
|
-
for (var r in l || (l = {}))
|
|
7
|
-
u.call(l, r) && s(e, r, l[r]);
|
|
8
|
-
if (i)
|
|
9
|
-
for (var r of i(l))
|
|
10
|
-
c.call(l, r) && s(e, r, l[r]);
|
|
11
|
-
return e;
|
|
12
|
-
}, _ = (e, l) => h(e, x(l));
|
|
13
|
-
var f = (e, l) => {
|
|
14
|
-
var r = {};
|
|
15
|
-
for (var o in e)
|
|
16
|
-
u.call(e, o) && l.indexOf(o) < 0 && (r[o] = e[o]);
|
|
17
|
-
if (e != null && i)
|
|
18
|
-
for (var o of i(e))
|
|
19
|
-
l.indexOf(o) < 0 && c.call(e, o) && (r[o] = e[o]);
|
|
20
|
-
return r;
|
|
21
|
-
};
|
|
22
|
-
import "../../assets/style-index26.css";
|
|
23
|
-
import * as t from "react";
|
|
24
|
-
import y from "clsx";
|
|
25
|
-
import { FieldDescription as C } from "../FieldDescription/index.es.js";
|
|
26
|
-
import { FieldError as N } from "../FieldError/index.es.js";
|
|
27
|
-
const d = {
|
|
28
|
-
"field-group": "lc-FieldGroup-module__field-group___gy8lp",
|
|
29
|
-
"field-group--inline": "lc-FieldGroup-module__field-group--inline___or4qf",
|
|
30
|
-
"field-group--stretched": "lc-FieldGroup-module__field-group--stretched___6rkuO"
|
|
31
|
-
}, m = "field-group", O = ($) => {
|
|
32
|
-
var p = $, {
|
|
33
|
-
className: e = "",
|
|
34
|
-
children: l,
|
|
35
|
-
description: r,
|
|
36
|
-
error: o,
|
|
37
|
-
inline: a,
|
|
38
|
-
stretch: g
|
|
39
|
-
} = p, F = f(p, [
|
|
40
|
-
"className",
|
|
41
|
-
"children",
|
|
42
|
-
"description",
|
|
43
|
-
"error",
|
|
44
|
-
"inline",
|
|
45
|
-
"stretch"
|
|
46
|
-
]);
|
|
47
|
-
const E = y(d[m], e, {
|
|
48
|
-
[d[`${m}--inline`]]: a,
|
|
49
|
-
[d[`${m}--stretched`]]: g
|
|
50
|
-
});
|
|
51
|
-
return /* @__PURE__ */ t.createElement("div", _(n({}, F), { className: E }), l, o && /* @__PURE__ */ t.createElement(N, null, o), r && /* @__PURE__ */ t.createElement(C, null, r));
|
|
52
|
-
};
|
|
53
|
-
export {
|
|
54
|
-
O as FieldGroup
|
|
55
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var v=require("../../assets/style-index25.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),n=require("@livechat/design-system-icons"),p=require("clsx"),u=require("../Icon/index.cjs.js"),E=require("../../chunks/ProgressBar-dd89d43a.js"),F=require("../../chunks/Text-dd6930a2.js");function U(r){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const c=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(_,s,c.get?c:{enumerable:!0,get:()=>r[s]})}}return _.default=r,Object.freeze(_)}const e=U(b),t={"file-upload-progress-actions":"lc-FileUploadProgressActions-module__file-upload-progress-actions___qOBr2","file-upload-progress-actions__close-button":"lc-FileUploadProgressActions-module__file-upload-progress-actions__close-button___Eh4um","file-upload-progress-actions__retry-button":"lc-FileUploadProgressActions-module__file-upload-progress-actions__retry-button___DqFEo"},i="file-upload-progress-actions",g=({status:r,onCloseButtonClick:_,onRetryButtonClick:s})=>e.createElement("div",{className:t[`${i}`]},s&&r==="error"&&e.createElement("button",{type:"button",className:t[`${i}__retry-button`],"aria-label":"Retry",onClick:s},e.createElement(u.Icon,{size:"small",source:n.Refresh})),_&&r!=="success"&&e.createElement("button",{type:"button",className:t[`${i}__close-button`],"aria-label":"Close",onClick:_},e.createElement(u.Icon,{size:"small",source:n.Close}))),o={"file-upload-progress":"lc-FileUploadProgress-module__file-upload-progress___xw8h8","file-upload-progress__icon":"lc-FileUploadProgress-module__file-upload-progress__icon___p8Rfz","file-upload-progress__icon--success":"lc-FileUploadProgress-module__file-upload-progress__icon--success___X40uH","file-upload-progress__wrapper":"lc-FileUploadProgress-module__file-upload-progress__wrapper___01Nkq","file-upload-progress__wrapper--with-icon":"lc-FileUploadProgress-module__file-upload-progress__wrapper--with-icon___GSXmA","file-upload-progress__wrapper__header":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header___mYBGK","file-upload-progress__wrapper__header__actions":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header__actions___tvhB3","file-upload-progress__wrapper__header__title":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title___2IVuv","file-upload-progress__wrapper__header__title--success":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--success___E6DQl","file-upload-progress__wrapper__header__title--error":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--error___5BPpI"},l="file-upload-progress",d=`${l}__wrapper__header__title`,$=e.forwardRef(({actionsVisibility:r="hidden",className:_,icon:s,title:c,progressValue:m,size:f,status:a="normal",onCloseButtonClick:w,onRetryButtonClick:h},P)=>e.createElement("div",{className:o[l],ref:P},s&&a!=="success"&&e.createElement("div",{className:o[`${l}__icon`]},s),a==="success"&&e.createElement("div",{className:p(o[`${l}__icon`],o[`${l}__icon--success`])},e.createElement(u.Icon,{source:n.Check})),e.createElement("div",{className:p(o[`${l}__wrapper`],{[o[`${l}__wrapper--with-icon`]]:s})},e.createElement("div",{className:o[`${l}__wrapper__header`]},c&&e.createElement("div",{className:p(o[d],{[o[`${d}--success`]]:a==="success",[o[`${d}--error`]]:a==="error"})},e.createElement(F.Text,{size:"sm",as:"div"},c),"="," "),r!=="hidden"&&e.createElement("div",{className:p({[o[`${l}__wrapper__header__actions`]]:r==="hover"})},e.createElement(g,{status:a,onCloseButtonClick:w,onRetryButtonClick:h}))),a!=="success"&&e.createElement(E.ProgressBar,{className:_,percent:m,status:a,size:f}))));exports.FileUploadProgress=$;exports.FileUploadProgressActions=g;
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
import "../../assets/style-index25.css";
|
|
2
|
-
import * as e from "react";
|
|
3
|
-
import { Refresh as h, Close as E, Check as P } from "@livechat/design-system-icons";
|
|
4
|
-
import p from "clsx";
|
|
5
|
-
import { Icon as d } from "../Icon/index.es.js";
|
|
6
|
-
import { P as F } from "../../chunks/ProgressBar-0e01c602.js";
|
|
7
|
-
import { T as U } from "../../chunks/Text-78b02609.js";
|
|
8
|
-
const c = {
|
|
9
|
-
"file-upload-progress-actions": "lc-FileUploadProgressActions-module__file-upload-progress-actions___qOBr2",
|
|
10
|
-
"file-upload-progress-actions__close-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__close-button___Eh4um",
|
|
11
|
-
"file-upload-progress-actions__retry-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__retry-button___DqFEo"
|
|
12
|
-
}, i = "file-upload-progress-actions", $ = ({ status: l, onCloseButtonClick: a, onRetryButtonClick: o }) => /* @__PURE__ */ e.createElement("div", { className: c[`${i}`] }, o && l === "error" && /* @__PURE__ */ e.createElement(
|
|
13
|
-
"button",
|
|
14
|
-
{
|
|
15
|
-
type: "button",
|
|
16
|
-
className: c[`${i}__retry-button`],
|
|
17
|
-
"aria-label": "Retry",
|
|
18
|
-
onClick: o
|
|
19
|
-
},
|
|
20
|
-
/* @__PURE__ */ e.createElement(d, { size: "small", source: h })
|
|
21
|
-
), a && l !== "success" && /* @__PURE__ */ e.createElement(
|
|
22
|
-
"button",
|
|
23
|
-
{
|
|
24
|
-
type: "button",
|
|
25
|
-
className: c[`${i}__close-button`],
|
|
26
|
-
"aria-label": "Close",
|
|
27
|
-
onClick: a
|
|
28
|
-
},
|
|
29
|
-
/* @__PURE__ */ e.createElement(d, { size: "small", source: E })
|
|
30
|
-
)), r = {
|
|
31
|
-
"file-upload-progress": "lc-FileUploadProgress-module__file-upload-progress___xw8h8",
|
|
32
|
-
"file-upload-progress__icon": "lc-FileUploadProgress-module__file-upload-progress__icon___p8Rfz",
|
|
33
|
-
"file-upload-progress__icon--success": "lc-FileUploadProgress-module__file-upload-progress__icon--success___X40uH",
|
|
34
|
-
"file-upload-progress__wrapper": "lc-FileUploadProgress-module__file-upload-progress__wrapper___01Nkq",
|
|
35
|
-
"file-upload-progress__wrapper--with-icon": "lc-FileUploadProgress-module__file-upload-progress__wrapper--with-icon___GSXmA",
|
|
36
|
-
"file-upload-progress__wrapper__header": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header___mYBGK",
|
|
37
|
-
"file-upload-progress__wrapper__header__actions": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__actions___tvhB3",
|
|
38
|
-
"file-upload-progress__wrapper__header__title": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title___2IVuv",
|
|
39
|
-
"file-upload-progress__wrapper__header__title--success": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--success___E6DQl",
|
|
40
|
-
"file-upload-progress__wrapper__header__title--error": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--error___5BPpI"
|
|
41
|
-
}, s = "file-upload-progress", t = `${s}__wrapper__header__title`, x = e.forwardRef(
|
|
42
|
-
({
|
|
43
|
-
actionsVisibility: l = "hidden",
|
|
44
|
-
className: a,
|
|
45
|
-
icon: o,
|
|
46
|
-
title: u,
|
|
47
|
-
progressValue: m,
|
|
48
|
-
size: n,
|
|
49
|
-
status: _ = "normal",
|
|
50
|
-
onCloseButtonClick: g,
|
|
51
|
-
onRetryButtonClick: f
|
|
52
|
-
}, w) => /* @__PURE__ */ e.createElement("div", { className: r[s], ref: w }, o && _ !== "success" && /* @__PURE__ */ e.createElement("div", { className: r[`${s}__icon`] }, o), _ === "success" && /* @__PURE__ */ e.createElement(
|
|
53
|
-
"div",
|
|
54
|
-
{
|
|
55
|
-
className: p(
|
|
56
|
-
r[`${s}__icon`],
|
|
57
|
-
r[`${s}__icon--success`]
|
|
58
|
-
)
|
|
59
|
-
},
|
|
60
|
-
/* @__PURE__ */ e.createElement(d, { source: P })
|
|
61
|
-
), /* @__PURE__ */ e.createElement(
|
|
62
|
-
"div",
|
|
63
|
-
{
|
|
64
|
-
className: p(r[`${s}__wrapper`], {
|
|
65
|
-
[r[`${s}__wrapper--with-icon`]]: o
|
|
66
|
-
})
|
|
67
|
-
},
|
|
68
|
-
/* @__PURE__ */ e.createElement("div", { className: r[`${s}__wrapper__header`] }, u && /* @__PURE__ */ e.createElement(
|
|
69
|
-
"div",
|
|
70
|
-
{
|
|
71
|
-
className: p(r[t], {
|
|
72
|
-
[r[`${t}--success`]]: _ === "success",
|
|
73
|
-
[r[`${t}--error`]]: _ === "error"
|
|
74
|
-
})
|
|
75
|
-
},
|
|
76
|
-
/* @__PURE__ */ e.createElement(U, { size: "sm", as: "div" }, u),
|
|
77
|
-
"=",
|
|
78
|
-
" "
|
|
79
|
-
), l !== "hidden" && /* @__PURE__ */ e.createElement(
|
|
80
|
-
"div",
|
|
81
|
-
{
|
|
82
|
-
className: p({
|
|
83
|
-
[r[`${s}__wrapper__header__actions`]]: l === "hover"
|
|
84
|
-
})
|
|
85
|
-
},
|
|
86
|
-
/* @__PURE__ */ e.createElement(
|
|
87
|
-
$,
|
|
88
|
-
{
|
|
89
|
-
status: _,
|
|
90
|
-
onCloseButtonClick: g,
|
|
91
|
-
onRetryButtonClick: f
|
|
92
|
-
}
|
|
93
|
-
)
|
|
94
|
-
)),
|
|
95
|
-
_ !== "success" && /* @__PURE__ */ e.createElement(
|
|
96
|
-
F,
|
|
97
|
-
{
|
|
98
|
-
className: a,
|
|
99
|
-
percent: m,
|
|
100
|
-
status: _,
|
|
101
|
-
size: n
|
|
102
|
-
}
|
|
103
|
-
)
|
|
104
|
-
))
|
|
105
|
-
);
|
|
106
|
-
export {
|
|
107
|
-
x as FileUploadProgress,
|
|
108
|
-
$ as FileUploadProgressActions
|
|
109
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var p=Object.defineProperty;var s=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var n=(e,o,r)=>o in e?p(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,i=(e,o)=>{for(var r in o||(o={}))f.call(o,r)&&n(e,r,o[r]);if(s)for(var r of s(o))u.call(o,r)&&n(e,r,o[r]);return e};var d=(e,o)=>{var r={};for(var _ in e)f.call(e,_)&&o.indexOf(_)<0&&(r[_]=e[_]);if(e!=null&&s)for(var _ of s(e))o.indexOf(_)<0&&u.call(e,_)&&(r[_]=e[_]);return r};var P=require("../../assets/style-index24.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),h=require("clsx"),F=require("../../chunks/Heading-597d11a4.js"),O=require("../../chunks/Text-dd6930a2.js");function y(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const _=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,_.get?_:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const t=y(g),N="lc-Form-module__form___1nOYF",j="lc-Form-module__form__header___U4B7t",E="lc-Form-module__form__footer___1-sUX",S="lc-Form-module__form__label___spg-J",q="lc-Form-module__form__helper___bhfwS",m={form:N,form__header:j,form__footer:E,form__label:S,form__helper:q},c="form",v=$=>{var l=$,{className:e,children:o,labelText:r,helperText:_,formFooter:a}=l,b=d(l,["className","children","labelText","helperText","formFooter"]);return t.createElement("form",i({className:h(m[c],e)},b),(r||_)&&t.createElement("div",{className:m[`${c}__header`]},r&&t.createElement(F.Heading,{size:"sm",className:m[`${c}__label`]},r),_&&t.createElement(O.Text,{as:"p",size:"sm",className:m[`${c}__helper`]},_)),o,a&&t.createElement("div",{className:m[`${c}__footer`]},a))};exports.Form=v;
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
var u = Object.defineProperty;
|
|
2
|
-
var l = Object.getOwnPropertySymbols;
|
|
3
|
-
var n = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
|
|
4
|
-
var f = (e, o, _) => o in e ? u(e, o, { enumerable: !0, configurable: !0, writable: !0, value: _ }) : e[o] = _, i = (e, o) => {
|
|
5
|
-
for (var _ in o || (o = {}))
|
|
6
|
-
n.call(o, _) && f(e, _, o[_]);
|
|
7
|
-
if (l)
|
|
8
|
-
for (var _ of l(o))
|
|
9
|
-
d.call(o, _) && f(e, _, o[_]);
|
|
10
|
-
return e;
|
|
11
|
-
};
|
|
12
|
-
var p = (e, o) => {
|
|
13
|
-
var _ = {};
|
|
14
|
-
for (var m in e)
|
|
15
|
-
n.call(e, m) && o.indexOf(m) < 0 && (_[m] = e[m]);
|
|
16
|
-
if (e != null && l)
|
|
17
|
-
for (var m of l(e))
|
|
18
|
-
o.indexOf(m) < 0 && d.call(e, m) && (_[m] = e[m]);
|
|
19
|
-
return _;
|
|
20
|
-
};
|
|
21
|
-
import "../../assets/style-index24.css";
|
|
22
|
-
import * as r from "react";
|
|
23
|
-
import F from "clsx";
|
|
24
|
-
import { H as E } from "../../chunks/Heading-1a31001f.js";
|
|
25
|
-
import { T as N } from "../../chunks/Text-78b02609.js";
|
|
26
|
-
const b = "lc-Form-module__form___1nOYF", $ = "lc-Form-module__form__header___U4B7t", g = "lc-Form-module__form__footer___1-sUX", v = "lc-Form-module__form__label___spg-J", z = "lc-Form-module__form__helper___bhfwS", s = {
|
|
27
|
-
form: b,
|
|
28
|
-
form__header: $,
|
|
29
|
-
form__footer: g,
|
|
30
|
-
form__label: v,
|
|
31
|
-
form__helper: z
|
|
32
|
-
}, a = "form", J = (H) => {
|
|
33
|
-
var c = H, {
|
|
34
|
-
className: e,
|
|
35
|
-
children: o,
|
|
36
|
-
labelText: _,
|
|
37
|
-
helperText: m,
|
|
38
|
-
formFooter: t
|
|
39
|
-
} = c, h = p(c, [
|
|
40
|
-
"className",
|
|
41
|
-
"children",
|
|
42
|
-
"labelText",
|
|
43
|
-
"helperText",
|
|
44
|
-
"formFooter"
|
|
45
|
-
]);
|
|
46
|
-
return /* @__PURE__ */ r.createElement("form", i({ className: F(s[a], e) }, h), (_ || m) && /* @__PURE__ */ r.createElement("div", { className: s[`${a}__header`] }, _ && /* @__PURE__ */ r.createElement(E, { size: "sm", className: s[`${a}__label`] }, _), m && /* @__PURE__ */ r.createElement(N, { as: "p", size: "sm", className: s[`${a}__helper`] }, m)), o, t && /* @__PURE__ */ r.createElement("div", { className: s[`${a}__footer`] }, t));
|
|
47
|
-
};
|
|
48
|
-
export {
|
|
49
|
-
J as Form
|
|
50
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var N=require("../../assets/style-index23.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),o=require("clsx"),$=require("../FieldDescription/index.cjs.js"),g=require("../FieldError/index.cjs.js"),w=require("../../chunks/Text-dd6930a2.js");function v(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const i in r)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(r,i);Object.defineProperty(t,i,n.get?n:{enumerable:!0,get:()=>r[i]})}}return t.default=r,Object.freeze(t)}const e=v(E),l={"form-field":"lc-FormField-module__form-field___JqnX6","form-field--inline":"lc-FormField-module__form-field--inline___4DgIq","form-field__wrapper--inline":"lc-FormField-module__form-field__wrapper--inline___Ubvrn","form-field__label":"lc-FormField-module__form-field__label___hNCFS","form-field__label--inline":"lc-FormField-module__form-field__label--inline___QxyM6","form-field__label--no-text":"lc-FormField-module__form-field__label--no-text___Ohs-I","form-field__label-wrapper":"lc-FormField-module__form-field__label-wrapper___61-NO","form-field__label-wrapper--inline":"lc-FormField-module__form-field__label-wrapper--inline___YVYza","form-field__label-adornment":"lc-FormField-module__form-field__label-adornment___HB0z7","form-field__label-adornment--inline":"lc-FormField-module__form-field__label-adornment--inline___pwRXm","form-field__label-left-node":"lc-FormField-module__form-field__label-left-node___dvipB","form-field__label-right-node":"lc-FormField-module__form-field__label-right-node___LR-03","form-field__label-right-node--inline":"lc-FormField-module__form-field__label-right-node--inline___BkiPG","form-field__row-break":"lc-FormField-module__form-field__row-break___DCBjC","form-field__content":"lc-FormField-module__form-field__content___XaOx3","form-field__content__description":"lc-FormField-module__form-field__content__description___NpVw4"},_="form-field",h=({inline:r,error:t,description:i,labelText:n,labelAdornment:a,className:s,labelFor:u,children:F,labelRightNode:m})=>{const d=e.useRef(null),[b,c]=e.useState("auto"),p=o(l[_],{[l[`${_}--inline`]]:r},s);return e.useEffect(()=>{const f=d;return r&&f.current?c(`${f.current.clientHeight}px`):c("auto")}),e.createElement("div",{className:p},m&&r&&e.createElement(e.Fragment,null,e.createElement("div",{className:o(l[`${_}__label-right-node`],l[`${_}__label-right-node--inline`])},m),e.createElement("div",{className:l[`${_}__row-break`]})),e.createElement("div",{className:o(l[`${_}__wrapper`],r&&l[`${_}__wrapper--inline`])},(n||m)&&e.createElement("div",{className:o(l[`${_}__label`],r&&l[`${_}__label--inline`],!n&&l[`${_}__label--no-text`])},n&&e.createElement("div",{className:o(l[`${_}__label-wrapper`],r&&l[`${_}__label-wrapper--inline`]),style:{height:b}},e.createElement("label",{className:l[`${_}__label-left-node`],htmlFor:u},e.createElement(w.Text,{as:"span",size:"sm"},n)),a&&e.createElement("div",{className:o(l[`${_}__label-adornment`],r&&l[`${_}__label-adornment--inline`])},a)),m&&!r&&e.createElement("div",{className:o(l[`${_}__label-right-node`])},m)),e.createElement("div",{className:o(l[`${_}__content`])},e.createElement("div",{ref:d},F),t&&e.createElement(g.FieldError,null,t),!t&&i&&e.createElement($.FieldDescription,{className:o(l[`${_}__content__description`])},i))))};exports.FormField=h;
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
import "../../assets/style-index23.css";
|
|
2
|
-
import * as e from "react";
|
|
3
|
-
import r from "clsx";
|
|
4
|
-
import { FieldDescription as $ } from "../FieldDescription/index.es.js";
|
|
5
|
-
import { FieldError as E } from "../FieldError/index.es.js";
|
|
6
|
-
import { T as w } from "../../chunks/Text-78b02609.js";
|
|
7
|
-
const l = {
|
|
8
|
-
"form-field": "lc-FormField-module__form-field___JqnX6",
|
|
9
|
-
"form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
|
|
10
|
-
"form-field__wrapper--inline": "lc-FormField-module__form-field__wrapper--inline___Ubvrn",
|
|
11
|
-
"form-field__label": "lc-FormField-module__form-field__label___hNCFS",
|
|
12
|
-
"form-field__label--inline": "lc-FormField-module__form-field__label--inline___QxyM6",
|
|
13
|
-
"form-field__label--no-text": "lc-FormField-module__form-field__label--no-text___Ohs-I",
|
|
14
|
-
"form-field__label-wrapper": "lc-FormField-module__form-field__label-wrapper___61-NO",
|
|
15
|
-
"form-field__label-wrapper--inline": "lc-FormField-module__form-field__label-wrapper--inline___YVYza",
|
|
16
|
-
"form-field__label-adornment": "lc-FormField-module__form-field__label-adornment___HB0z7",
|
|
17
|
-
"form-field__label-adornment--inline": "lc-FormField-module__form-field__label-adornment--inline___pwRXm",
|
|
18
|
-
"form-field__label-left-node": "lc-FormField-module__form-field__label-left-node___dvipB",
|
|
19
|
-
"form-field__label-right-node": "lc-FormField-module__form-field__label-right-node___LR-03",
|
|
20
|
-
"form-field__label-right-node--inline": "lc-FormField-module__form-field__label-right-node--inline___BkiPG",
|
|
21
|
-
"form-field__row-break": "lc-FormField-module__form-field__row-break___DCBjC",
|
|
22
|
-
"form-field__content": "lc-FormField-module__form-field__content___XaOx3",
|
|
23
|
-
"form-field__content__description": "lc-FormField-module__form-field__content__description___NpVw4"
|
|
24
|
-
}, _ = "form-field", C = ({
|
|
25
|
-
inline: m,
|
|
26
|
-
error: a,
|
|
27
|
-
description: n,
|
|
28
|
-
labelText: i,
|
|
29
|
-
labelAdornment: d,
|
|
30
|
-
className: s,
|
|
31
|
-
labelFor: F,
|
|
32
|
-
children: p,
|
|
33
|
-
labelRightNode: o
|
|
34
|
-
}) => {
|
|
35
|
-
const t = e.useRef(null), [b, f] = e.useState("auto"), u = r(
|
|
36
|
-
l[_],
|
|
37
|
-
{
|
|
38
|
-
[l[`${_}--inline`]]: m
|
|
39
|
-
},
|
|
40
|
-
s
|
|
41
|
-
);
|
|
42
|
-
return e.useEffect(() => {
|
|
43
|
-
const c = t;
|
|
44
|
-
return m && c.current ? f(`${c.current.clientHeight}px`) : f("auto");
|
|
45
|
-
}), /* @__PURE__ */ e.createElement("div", { className: u }, o && m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
46
|
-
"div",
|
|
47
|
-
{
|
|
48
|
-
className: r(
|
|
49
|
-
l[`${_}__label-right-node`],
|
|
50
|
-
l[`${_}__label-right-node--inline`]
|
|
51
|
-
)
|
|
52
|
-
},
|
|
53
|
-
o
|
|
54
|
-
), /* @__PURE__ */ e.createElement("div", { className: l[`${_}__row-break`] })), /* @__PURE__ */ e.createElement(
|
|
55
|
-
"div",
|
|
56
|
-
{
|
|
57
|
-
className: r(
|
|
58
|
-
l[`${_}__wrapper`],
|
|
59
|
-
m && l[`${_}__wrapper--inline`]
|
|
60
|
-
)
|
|
61
|
-
},
|
|
62
|
-
(i || o) && /* @__PURE__ */ e.createElement(
|
|
63
|
-
"div",
|
|
64
|
-
{
|
|
65
|
-
className: r(
|
|
66
|
-
l[`${_}__label`],
|
|
67
|
-
m && l[`${_}__label--inline`],
|
|
68
|
-
!i && l[`${_}__label--no-text`]
|
|
69
|
-
)
|
|
70
|
-
},
|
|
71
|
-
i && /* @__PURE__ */ e.createElement(
|
|
72
|
-
"div",
|
|
73
|
-
{
|
|
74
|
-
className: r(
|
|
75
|
-
l[`${_}__label-wrapper`],
|
|
76
|
-
m && l[`${_}__label-wrapper--inline`]
|
|
77
|
-
),
|
|
78
|
-
style: {
|
|
79
|
-
height: b
|
|
80
|
-
}
|
|
81
|
-
},
|
|
82
|
-
/* @__PURE__ */ e.createElement(
|
|
83
|
-
"label",
|
|
84
|
-
{
|
|
85
|
-
className: l[`${_}__label-left-node`],
|
|
86
|
-
htmlFor: F
|
|
87
|
-
},
|
|
88
|
-
/* @__PURE__ */ e.createElement(w, { as: "span", size: "sm" }, i)
|
|
89
|
-
),
|
|
90
|
-
d && /* @__PURE__ */ e.createElement(
|
|
91
|
-
"div",
|
|
92
|
-
{
|
|
93
|
-
className: r(
|
|
94
|
-
l[`${_}__label-adornment`],
|
|
95
|
-
m && l[`${_}__label-adornment--inline`]
|
|
96
|
-
)
|
|
97
|
-
},
|
|
98
|
-
d
|
|
99
|
-
)
|
|
100
|
-
),
|
|
101
|
-
o && !m && /* @__PURE__ */ e.createElement("div", { className: r(l[`${_}__label-right-node`]) }, o)
|
|
102
|
-
),
|
|
103
|
-
/* @__PURE__ */ e.createElement("div", { className: r(l[`${_}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: t }, p), a && /* @__PURE__ */ e.createElement(E, null, a), !a && n && /* @__PURE__ */ e.createElement(
|
|
104
|
-
$,
|
|
105
|
-
{
|
|
106
|
-
className: r(l[`${_}__content__description`])
|
|
107
|
-
},
|
|
108
|
-
n
|
|
109
|
-
))
|
|
110
|
-
));
|
|
111
|
-
};
|
|
112
|
-
export {
|
|
113
|
-
C as FormField
|
|
114
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var b=Object.defineProperty,G=Object.defineProperties;var N=Object.getOwnPropertyDescriptors;var a=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var n=(e,o,r)=>o in e?b(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,c=(e,o)=>{for(var r in o||(o={}))p.call(o,r)&&n(e,r,o[r]);if(a)for(var r of a(o))i.call(o,r)&&n(e,r,o[r]);return e},l=(e,o)=>G(e,N(o));var d=(e,o)=>{var r={};for(var t in e)p.call(e,t)&&o.indexOf(t)<0&&(r[t]=e[t]);if(e!=null&&a)for(var t of a(e))o.indexOf(t)<0&&i.call(e,t)&&(r[t]=e[t]);return r};var E=require("../../assets/style-index22.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),y=require("clsx"),F=require("../../chunks/Heading-597d11a4.js"),O=require("../../chunks/Text-dd6930a2.js");function h(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const _=h(v),s={"form-group":"lc-FormGroup-module__form-group___e2JHa","form-group__header":"lc-FormGroup-module__form-group__header___DgGmR","form-group__label":"lc-FormGroup-module__form-group__label___NC-JW","form-group__helper":"lc-FormGroup-module__form-group__helper___SRuxe"},u="form-group",j=S=>{var m=S,{className:e="",children:o,labelText:r,helperText:t}=m,g=d(m,["className","children","labelText","helperText"]);const f=y(s[u],e);return _.createElement("div",l(c(l(c({},g),{role:"group"}),r&&{"aria-label":r}),{className:f}),_.createElement("div",{className:s[`${u}__header`]},_.createElement(F.Heading,{as:"div",size:"sm",className:s[`${u}__label`]},r),t&&_.createElement(O.Text,{as:"div",size:"sm",className:s[`${u}__helper`]},t)),o)};exports.FormGroup=j;
|