@livechat/design-system-react-components 1.17.1-alpha.1 → 1.17.1-alpha.2
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/{Heading-597d11a4.js → Heading-617540b6.js} +1 -1
- package/dist/chunks/{Heading-1a31001f.js → Heading-6b95d08b.js} +1 -1
- package/dist/chunks/{ProgressBar-0e01c602.js → ProgressBar-3e0fd769.js} +11 -12
- package/dist/chunks/ProgressBar-62d36b60.js +1 -0
- package/dist/chunks/{Text-78b02609.js → Text-b31d1e9a.js} +1 -1
- package/dist/chunks/{Text-dd6930a2.js → Text-df483689.js} +1 -1
- package/dist/chunks/Tooltip-8c427780.js +1 -0
- package/dist/chunks/{Tooltip-f4d8b8fd.js → Tooltip-f6f4f9c2.js} +5 -6
- package/dist/chunks/Typography.module-2558416b.js +1 -0
- package/dist/chunks/{Typography.module-58a031dc.js → Typography.module-93efb34d.js} +2 -3
- package/dist/components/ActionBar/index.cjs.js +1 -1
- package/dist/components/ActionBar/index.es.js +43 -39
- package/dist/components/ActionMenu/index.cjs.js +1 -1
- package/dist/components/ActionMenu/index.es.js +2 -2
- package/dist/components/Alert/index.cjs.js +1 -1
- package/dist/components/Alert/index.es.js +15 -14
- package/dist/components/Avatar/index.cjs.js +1 -1
- package/dist/components/Avatar/index.es.js +2 -2
- package/dist/components/Badge/index.cjs.js +1 -1
- package/dist/components/Badge/index.es.js +7 -8
- package/dist/components/Button/index.cjs.js +1 -1
- package/dist/components/Button/index.es.js +4 -3
- package/dist/components/Card/index.cjs.js +1 -1
- package/dist/components/Card/index.es.js +6 -5
- package/dist/components/Checkbox/index.cjs.js +1 -1
- package/dist/components/Checkbox/index.es.js +2 -2
- package/dist/components/DatePicker/index.cjs.js +1 -1
- package/dist/components/DatePicker/index.es.js +2 -3
- package/dist/components/DetailsCard/index.cjs.js +1 -1
- package/dist/components/DetailsCard/index.es.js +12 -10
- package/dist/components/DetailsCardInfo/index.cjs.js +1 -1
- package/dist/components/DetailsCardInfo/index.es.js +2 -3
- package/dist/components/FieldDescription/index.cjs.js +1 -1
- package/dist/components/FieldDescription/index.es.js +2 -2
- package/dist/components/FieldError/index.cjs.js +1 -1
- package/dist/components/FieldError/index.es.js +2 -2
- package/dist/components/FieldGroup/index.cjs.js +1 -1
- package/dist/components/FieldGroup/index.es.js +26 -23
- package/dist/components/FileUploadProgress/index.cjs.js +1 -1
- package/dist/components/FileUploadProgress/index.es.js +3 -3
- package/dist/components/Form/index.cjs.js +1 -1
- package/dist/components/Form/index.es.js +3 -3
- package/dist/components/FormField/index.cjs.js +1 -1
- package/dist/components/FormField/index.es.js +14 -12
- package/dist/components/FormGroup/index.cjs.js +1 -1
- package/dist/components/FormGroup/index.es.js +3 -3
- package/dist/components/Icon/index.cjs.js +1 -1
- package/dist/components/Icon/index.es.js +2 -3
- package/dist/components/Input/index.cjs.js +1 -1
- package/dist/components/Input/index.es.js +5 -4
- package/dist/components/Link/index.cjs.js +1 -1
- package/dist/components/Link/index.es.js +12 -13
- package/dist/components/Loader/index.cjs.js +1 -1
- package/dist/components/Loader/index.es.js +2 -2
- package/dist/components/Modal/index.cjs.js +1 -1
- package/dist/components/Modal/index.es.js +21 -19
- package/dist/components/NumericInput/index.cjs.js +1 -1
- package/dist/components/NumericInput/index.es.js +2 -3
- package/dist/components/Picker/index.cjs.js +1 -1
- package/dist/components/Picker/index.es.js +42 -40
- package/dist/components/Popover/index.cjs.js +1 -1
- package/dist/components/Popover/index.es.js +2 -2
- package/dist/components/Progress/index.cjs.js +1 -1
- package/dist/components/Progress/index.es.js +5 -6
- package/dist/components/PromoBanner/index.cjs.js +1 -1
- package/dist/components/PromoBanner/index.es.js +5 -4
- package/dist/components/PromoBannerV2/index.cjs.js +1 -1
- package/dist/components/PromoBannerV2/index.es.js +22 -20
- package/dist/components/RadioButton/index.cjs.js +1 -1
- package/dist/components/RadioButton/index.es.js +2 -2
- package/dist/components/Search/index.cjs.js +1 -1
- package/dist/components/Search/index.es.js +2 -2
- package/dist/components/SegmentedControl/index.cjs.js +1 -1
- package/dist/components/SegmentedControl/index.es.js +16 -14
- package/dist/components/Switch/index.cjs.js +1 -1
- package/dist/components/Switch/index.es.js +4 -3
- package/dist/components/Tab/index.cjs.js +1 -1
- package/dist/components/Tab/index.es.js +2 -2
- package/dist/components/Tag/index.cjs.js +1 -1
- package/dist/components/Tag/index.es.js +2 -2
- package/dist/components/TagInput/index.cjs.js +1 -1
- package/dist/components/TagInput/index.es.js +41 -38
- package/dist/components/Textarea/index.cjs.js +1 -1
- package/dist/components/Textarea/index.es.js +2 -2
- package/dist/components/Toast/index.cjs.js +1 -1
- package/dist/components/Toast/index.es.js +5 -4
- package/dist/components/Tooltip/components/UserGuide/index.cjs.js +1 -1
- package/dist/components/Tooltip/components/UserGuide/index.es.js +21 -18
- package/dist/components/Tooltip/components/index.cjs.js +1 -1
- package/dist/components/Tooltip/components/index.es.js +25 -22
- package/dist/components/Tooltip/index.cjs.js +1 -1
- package/dist/components/Tooltip/index.es.js +19 -9
- package/dist/components/Typography/index.cjs.js +1 -1
- package/dist/components/Typography/index.es.js +3 -3
- package/dist/components/UploadBar/index.cjs.js +1 -1
- package/dist/components/UploadBar/index.es.js +12 -11
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +135 -120
- package/dist/preview-stats.json +888 -888
- 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/ProgressBar-dd89d43a.js +0 -1
- package/dist/chunks/Tooltip-21230071.js +0 -1
- package/dist/chunks/Typography.module-8b7171c2.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";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-62d36b60.js"),F=require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.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,10 +1,10 @@
|
|
|
1
|
-
import "../../assets/style-index25.css";
|
|
2
1
|
import * as e from "react";
|
|
3
2
|
import { Refresh as h, Close as E, Check as P } from "@livechat/design-system-icons";
|
|
4
3
|
import p from "clsx";
|
|
5
4
|
import { Icon as d } from "../Icon/index.es.js";
|
|
6
|
-
import { P as F } from "../../chunks/ProgressBar-
|
|
7
|
-
import { T as U } from "../../chunks/Text-
|
|
5
|
+
import { P as F } from "../../chunks/ProgressBar-3e0fd769.js";
|
|
6
|
+
import { T as U } from "../../chunks/Text-b31d1e9a.js";
|
|
7
|
+
import "../../chunks/Typography.module-93efb34d.js";
|
|
8
8
|
const c = {
|
|
9
9
|
"file-upload-progress-actions": "lc-FileUploadProgressActions-module__file-upload-progress-actions___qOBr2",
|
|
10
10
|
"file-upload-progress-actions__close-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__close-button___Eh4um",
|
|
@@ -1 +1 @@
|
|
|
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};
|
|
1
|
+
"use strict";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};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),h=require("clsx"),F=require("../../chunks/Heading-617540b6.js"),O=require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.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",q="lc-Form-module__form__footer___1-sUX",E="lc-Form-module__form__label___spg-J",S="lc-Form-module__form__helper___bhfwS",c={form:N,form__header:j,form__footer:q,form__label:E,form__helper:S},m="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(c[m],e)},b),(r||_)&&t.createElement("div",{className:c[`${m}__header`]},r&&t.createElement(F.Heading,{size:"sm",className:c[`${m}__label`]},r),_&&t.createElement(O.Text,{as:"p",size:"sm",className:c[`${m}__helper`]},_)),o,a&&t.createElement("div",{className:c[`${m}__footer`]},a))};exports.Form=v;
|
|
@@ -18,11 +18,11 @@ var p = (e, o) => {
|
|
|
18
18
|
o.indexOf(m) < 0 && d.call(e, m) && (_[m] = e[m]);
|
|
19
19
|
return _;
|
|
20
20
|
};
|
|
21
|
-
import "../../assets/style-index24.css";
|
|
22
21
|
import * as r from "react";
|
|
23
22
|
import F from "clsx";
|
|
24
|
-
import { H as E } from "../../chunks/Heading-
|
|
25
|
-
import { T as N } from "../../chunks/Text-
|
|
23
|
+
import { H as E } from "../../chunks/Heading-6b95d08b.js";
|
|
24
|
+
import { T as N } from "../../chunks/Text-b31d1e9a.js";
|
|
25
|
+
import "../../chunks/Typography.module-93efb34d.js";
|
|
26
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
27
|
form: b,
|
|
28
28
|
form__header: $,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),i=require("clsx"),$=require("../FieldDescription/index.cjs.js"),g=require("../FieldError/index.cjs.js"),w=require("../../chunks/Text-df483689.js");require("@livechat/design-system-icons");require("../Icon/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");function v(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return o.default=r,Object.freeze(o)}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:o,description:t,labelText:n,labelAdornment:a,className:s,labelFor:u,children:F,labelRightNode:m})=>{const d=e.useRef(null),[b,c]=e.useState("auto"),p=i(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:i(l[`${_}__label-right-node`],l[`${_}__label-right-node--inline`])},m),e.createElement("div",{className:l[`${_}__row-break`]})),e.createElement("div",{className:i(l[`${_}__wrapper`],r&&l[`${_}__wrapper--inline`])},(n||m)&&e.createElement("div",{className:i(l[`${_}__label`],r&&l[`${_}__label--inline`],!n&&l[`${_}__label--no-text`])},n&&e.createElement("div",{className:i(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:i(l[`${_}__label-adornment`],r&&l[`${_}__label-adornment--inline`])},a)),m&&!r&&e.createElement("div",{className:i(l[`${_}__label-right-node`])},m)),e.createElement("div",{className:i(l[`${_}__content`])},e.createElement("div",{ref:d},F),o&&e.createElement(g.FieldError,null,o),!o&&t&&e.createElement($.FieldDescription,{className:i(l[`${_}__content__description`])},t))))};exports.FormField=h;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import "../../assets/style-index23.css";
|
|
2
1
|
import * as e from "react";
|
|
3
2
|
import r from "clsx";
|
|
4
3
|
import { FieldDescription as $ } from "../FieldDescription/index.es.js";
|
|
5
4
|
import { FieldError as E } from "../FieldError/index.es.js";
|
|
6
|
-
import { T as w } from "../../chunks/Text-
|
|
5
|
+
import { T as w } from "../../chunks/Text-b31d1e9a.js";
|
|
6
|
+
import "@livechat/design-system-icons";
|
|
7
|
+
import "../Icon/index.es.js";
|
|
8
|
+
import "../../chunks/Typography.module-93efb34d.js";
|
|
7
9
|
const l = {
|
|
8
10
|
"form-field": "lc-FormField-module__form-field___JqnX6",
|
|
9
11
|
"form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
|
|
@@ -21,18 +23,18 @@ const l = {
|
|
|
21
23
|
"form-field__row-break": "lc-FormField-module__form-field__row-break___DCBjC",
|
|
22
24
|
"form-field__content": "lc-FormField-module__form-field__content___XaOx3",
|
|
23
25
|
"form-field__content__description": "lc-FormField-module__form-field__content__description___NpVw4"
|
|
24
|
-
}, _ = "form-field",
|
|
26
|
+
}, _ = "form-field", B = ({
|
|
25
27
|
inline: m,
|
|
26
28
|
error: a,
|
|
27
|
-
description:
|
|
29
|
+
description: t,
|
|
28
30
|
labelText: i,
|
|
29
|
-
labelAdornment:
|
|
31
|
+
labelAdornment: n,
|
|
30
32
|
className: s,
|
|
31
33
|
labelFor: F,
|
|
32
34
|
children: p,
|
|
33
35
|
labelRightNode: o
|
|
34
36
|
}) => {
|
|
35
|
-
const
|
|
37
|
+
const d = e.useRef(null), [b, f] = e.useState("auto"), u = r(
|
|
36
38
|
l[_],
|
|
37
39
|
{
|
|
38
40
|
[l[`${_}--inline`]]: m
|
|
@@ -40,7 +42,7 @@ const l = {
|
|
|
40
42
|
s
|
|
41
43
|
);
|
|
42
44
|
return e.useEffect(() => {
|
|
43
|
-
const c =
|
|
45
|
+
const c = d;
|
|
44
46
|
return m && c.current ? f(`${c.current.clientHeight}px`) : f("auto");
|
|
45
47
|
}), /* @__PURE__ */ e.createElement("div", { className: u }, o && m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
46
48
|
"div",
|
|
@@ -87,7 +89,7 @@ const l = {
|
|
|
87
89
|
},
|
|
88
90
|
/* @__PURE__ */ e.createElement(w, { as: "span", size: "sm" }, i)
|
|
89
91
|
),
|
|
90
|
-
|
|
92
|
+
n && /* @__PURE__ */ e.createElement(
|
|
91
93
|
"div",
|
|
92
94
|
{
|
|
93
95
|
className: r(
|
|
@@ -95,20 +97,20 @@ const l = {
|
|
|
95
97
|
m && l[`${_}__label-adornment--inline`]
|
|
96
98
|
)
|
|
97
99
|
},
|
|
98
|
-
|
|
100
|
+
n
|
|
99
101
|
)
|
|
100
102
|
),
|
|
101
103
|
o && !m && /* @__PURE__ */ e.createElement("div", { className: r(l[`${_}__label-right-node`]) }, o)
|
|
102
104
|
),
|
|
103
|
-
/* @__PURE__ */ e.createElement("div", { className: r(l[`${_}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref:
|
|
105
|
+
/* @__PURE__ */ e.createElement("div", { className: r(l[`${_}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: d }, p), a && /* @__PURE__ */ e.createElement(E, null, a), !a && t && /* @__PURE__ */ e.createElement(
|
|
104
106
|
$,
|
|
105
107
|
{
|
|
106
108
|
className: r(l[`${_}__content__description`])
|
|
107
109
|
},
|
|
108
|
-
|
|
110
|
+
t
|
|
109
111
|
))
|
|
110
112
|
));
|
|
111
113
|
};
|
|
112
114
|
export {
|
|
113
|
-
|
|
115
|
+
B as FormField
|
|
114
116
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var b=Object.defineProperty,G=Object.defineProperties;var N=Object.getOwnPropertyDescriptors;var a=Object.getOwnPropertySymbols;var
|
|
1
|
+
"use strict";var b=Object.defineProperty,G=Object.defineProperties;var N=Object.getOwnPropertyDescriptors;var a=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,p=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={}))i.call(o,r)&&n(e,r,o[r]);if(a)for(var r of a(o))p.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)i.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&&p.call(e,t)&&(r[t]=e[t]);return r};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),y=require("clsx"),F=require("../../chunks/Heading-617540b6.js"),O=require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.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),u={"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"},s="form-group",j=q=>{var m=q,{className:e="",children:o,labelText:r,helperText:t}=m,g=d(m,["className","children","labelText","helperText"]);const f=y(u[s],e);return _.createElement("div",l(c(l(c({},g),{role:"group"}),r&&{"aria-label":r}),{className:f}),_.createElement("div",{className:u[`${s}__header`]},_.createElement(F.Heading,{as:"div",size:"sm",className:u[`${s}__label`]},r),t&&_.createElement(O.Text,{as:"div",size:"sm",className:u[`${s}__helper`]},t)),o)};exports.FormGroup=j;
|
|
@@ -19,11 +19,11 @@ var g = (r, o) => {
|
|
|
19
19
|
o.indexOf(m) < 0 && f.call(r, m) && (e[m] = r[m]);
|
|
20
20
|
return e;
|
|
21
21
|
};
|
|
22
|
-
import "../../assets/style-index22.css";
|
|
23
22
|
import * as a from "react";
|
|
24
23
|
import F from "clsx";
|
|
25
|
-
import { H as v } from "../../chunks/Heading-
|
|
26
|
-
import { T as E } from "../../chunks/Text-
|
|
24
|
+
import { H as v } from "../../chunks/Heading-6b95d08b.js";
|
|
25
|
+
import { T as E } from "../../chunks/Text-b31d1e9a.js";
|
|
26
|
+
import "../../chunks/Typography.module-93efb34d.js";
|
|
27
27
|
const s = {
|
|
28
28
|
"form-group": "lc-FormGroup-module__form-group___e2JHa",
|
|
29
29
|
"form-group__header": "lc-FormGroup-module__form-group__header___DgGmR",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var h=Object.defineProperty,y=Object.defineProperties;var k=Object.getOwnPropertyDescriptors;var c=Object.getOwnPropertySymbols;var
|
|
1
|
+
"use strict";var h=Object.defineProperty,y=Object.defineProperties;var k=Object.getOwnPropertyDescriptors;var c=Object.getOwnPropertySymbols;var t=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var a=(o,i,n)=>i in o?h(o,i,{enumerable:!0,configurable:!0,writable:!0,value:n}):o[i]=n,_=(o,i)=>{for(var n in i||(i={}))t.call(i,n)&&a(o,n,i[n]);if(c)for(var n of c(i))s.call(i,n)&&a(o,n,i[n]);return o},r=(o,i)=>y(o,k(i));var u=(o,i)=>{var n={};for(var e in o)t.call(o,e)&&i.indexOf(e)<0&&(n[e]=o[e]);if(o!=null&&c)for(var e of c(o))i.indexOf(e)<0&&s.call(o,e)&&(n[e]=o[e]);return n};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("react"),C=require("clsx");function S(o){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const e=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(i,n,e.get?e:{enumerable:!0,get:()=>o[n]})}}return i.default=o,Object.freeze(i)}const m=S(z),j="lc-Icon-module__icon___tw31R",b={icon:j,"icon--primary":"lc-Icon-module__icon--primary___JJnBV","icon--subtle":"lc-Icon-module__icon--subtle___sZIzL","icon--inverted":"lc-Icon-module__icon--inverted___zA9QC","icon--inverted-subtle":"lc-Icon-module__icon--inverted-subtle___6UwBT","icon--link":"lc-Icon-module__icon--link___Jwkw9","icon--success":"lc-Icon-module__icon--success___MKdz3","icon--warning":"lc-Icon-module__icon--warning___5YCSW","icon--error":"lc-Icon-module__icon--error___CiJCD","icon--negative":"lc-Icon-module__icon--negative___vfgpo","icon--positive":"lc-Icon-module__icon--positive___ulUuj","icon--info":"lc-Icon-module__icon--info___Lfxfs","icon--action-primary":"lc-Icon-module__icon--action-primary___n5UhF","icon--action-negative":"lc-Icon-module__icon--action-negative___f1EPS","icon--action-positive":"lc-Icon-module__icon--action-positive___o-6Q-","icon--action-warning":"lc-Icon-module__icon--action-warning___zik06","icon--action-neutral":"lc-Icon-module__icon--action-neutral___sTHAF","icon--disabled--primary":"lc-Icon-module__icon--disabled--primary___E0nee","icon--disabled--subtle":"lc-Icon-module__icon--disabled--subtle___l-hK4","icon--disabled--inverted":"lc-Icon-module__icon--disabled--inverted___5SBAf","icon--disabled--inverted-subtle":"lc-Icon-module__icon--disabled--inverted-subtle___w-NBk","icon--disabled--link":"lc-Icon-module__icon--disabled--link___sVJOa","icon--disabled--success":"lc-Icon-module__icon--disabled--success___sG-7d","icon--disabled--warning":"lc-Icon-module__icon--disabled--warning___8ko1e","icon--disabled--error":"lc-Icon-module__icon--disabled--error___9KbVo","icon--disabled--negative":"lc-Icon-module__icon--disabled--negative___AzzCW","icon--disabled--positive":"lc-Icon-module__icon--disabled--positive___JelzZ","icon--disabled--info":"lc-Icon-module__icon--disabled--info___3xl-B","icon--disabled--action-primary":"lc-Icon-module__icon--disabled--action-primary___2k1TG","icon--disabled--action-negative":"lc-Icon-module__icon--disabled--action-negative___Oraj8","icon--disabled--action-positive":"lc-Icon-module__icon--disabled--action-positive___zaLja","icon--disabled--action-warning":"lc-Icon-module__icon--disabled--action-warning___5VvCf","icon--disabled--action-neutral":"lc-Icon-module__icon--disabled--action-neutral___SxlyC"},O={xsmall:{width:12,height:12},small:{width:16,height:16},medium:{width:20,height:20},large:{width:24,height:24},xlarge:{width:32,height:32}},I="icon",x=o=>{const d=o,{source:i,size:n="medium",kind:e,disabled:g,className:v,customColor:l}=d,p=u(d,["source","size","kind","disabled","className","customColor"]),f=m.createElement(i,_(_({},O[n]),l?{color:l}:{})),w=C(v,b[I],e&&b[`${I}--${g?"disabled--":""}${e}`]);return m.createElement("span",r(_({},p),{className:w}),f)};exports.Icon=x;
|
|
@@ -19,7 +19,6 @@ var m = (i, o) => {
|
|
|
19
19
|
o.indexOf(c) < 0 && t.call(i, c) && (n[c] = i[c]);
|
|
20
20
|
return n;
|
|
21
21
|
};
|
|
22
|
-
import "../../assets/style-index21.css";
|
|
23
22
|
import * as u from "react";
|
|
24
23
|
import z from "clsx";
|
|
25
24
|
const C = "lc-Icon-module__icon___tw31R", b = {
|
|
@@ -77,7 +76,7 @@ const C = "lc-Icon-module__icon___tw31R", b = {
|
|
|
77
76
|
width: 32,
|
|
78
77
|
height: 32
|
|
79
78
|
}
|
|
80
|
-
}, I = "icon",
|
|
79
|
+
}, I = "icon", S = (i) => {
|
|
81
80
|
const d = i, {
|
|
82
81
|
source: o,
|
|
83
82
|
size: n = "medium",
|
|
@@ -100,5 +99,5 @@ const C = "lc-Icon-module__icon___tw31R", b = {
|
|
|
100
99
|
return /* @__PURE__ */ u.createElement("span", r(_({}, p), { className: h }), w);
|
|
101
100
|
};
|
|
102
101
|
export {
|
|
103
|
-
|
|
102
|
+
S as Icon
|
|
104
103
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var D=Object.defineProperty,Q=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var s=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var I=(
|
|
1
|
+
"use strict";var D=Object.defineProperty,Q=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var s=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var I=(e,n,t)=>n in e?D(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,g=(e,n)=>{for(var t in n||(n={}))b.call(n,t)&&I(e,t,n[t]);if(s)for(var t of s(n))y.call(n,t)&&I(e,t,n[t]);return e},$=(e,n)=>Q(e,T(n));var S=(e,n)=>{var t={};for(var u in e)b.call(e,u)&&n.indexOf(u)<0&&(t[u]=e[u]);if(e!=null&&s)for(var u of s(e))n.indexOf(u)<0&&y.call(e,u)&&(t[u]=e[u]);return t};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("react"),O=require("@livechat/design-system-icons"),x=require("clsx"),k=require("../Button/index.cjs.js"),z=require("../Icon/index.cjs.js"),K=require("../../chunks/Text-df483689.js");require("../Loader/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");function M(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const u=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,u.get?u:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const _=M(X),P="lc-Input-module__input___qeMAQ",o={input:P,"input--focused":"lc-Input-module__input--focused___wQH5-","input--disabled":"lc-Input-module__input--disabled___HidXX","input--crop":"lc-Input-module__input--crop___uzJS8","input--read-only":"lc-Input-module__input--read-only___4O-G3","input--error":"lc-Input-module__input--error___DlDbC","input--xsmall":"lc-Input-module__input--xsmall___9u99K","input--compact":"lc-Input-module__input--compact___iKSQZ","input--medium":"lc-Input-module__input--medium___3BjqQ","input--large":"lc-Input-module__input--large___jX5RW","input__icon--disabled":"lc-Input-module__input__icon--disabled___XO3dc","input__icon--left":"lc-Input-module__input__icon--left___BcySs","input__icon--right":"lc-Input-module__input__icon--right___VefSK","input__visibility-button":"lc-Input-module__input__visibility-button___eWrVe"},i="input",q=(e,n)=>_.cloneElement(e.source,{"data-testid":`input-icon-${e.place}`,className:x(o[`${i}__icon`],o[`${i}__icon--${e.place}`],{[o[`${i}__icon--disabled`]]:n})}),F=_.forwardRef((H,w)=>{var d=H,{inputSize:e="medium",error:n=!1,disabled:t,icon:u=null,className:v,cropOnBlur:j=!0}=d,r=S(d,["inputSize","error","disabled","icon","className","cropOnBlur"]);const[C,m]=_.useState(!1),[f,R]=_.useState(!1),{type:l,onFocus:p,onBlur:a}=r,h=x(v,o[i],o[`${i}--${e}`],{[o[`${i}--disabled`]]:t,[o[`${i}--focused`]]:C,[o[`${i}--error`]]:n,[o[`${i}--crop`]]:j,[o[`${i}--read-only`]]:r.readOnly}),V=t?"var(--content-disabled)":"var(--content-default)",E=f?O.VisibilityOn:O.VisibilityOff,N=u&&u.place==="left",B=u&&l!=="password"&&u.place==="right";return _.createElement(K.Text,{as:"div",className:h,"aria-disabled":t,"tab-index":"0"},N&&q(u,t),_.createElement("input",$(g({},r),{ref:w,onFocus:c=>{m(!0),p==null||p(c)},onBlur:c=>{m(!1),a==null||a(c)},disabled:t,type:l&&!f?l:"text"})),B&&q(u,t),l==="password"&&_.createElement(k.Button,{disabled:t,kind:"text",size:"compact",icon:_.createElement(z.Icon,{customColor:V,source:E}),onClick:()=>R(c=>!c),className:o[`${i}__visibility-button`]}))});exports.Input=F;
|
|
@@ -19,13 +19,14 @@ var g = (t, n) => {
|
|
|
19
19
|
n.indexOf(_) < 0 && y.call(t, _) && (e[_] = t[_]);
|
|
20
20
|
return e;
|
|
21
21
|
};
|
|
22
|
-
import "../../assets/style-index20.css";
|
|
23
22
|
import * as u from "react";
|
|
24
23
|
import { VisibilityOn as k, VisibilityOff as q } from "@livechat/design-system-icons";
|
|
25
24
|
import S from "clsx";
|
|
26
25
|
import { Button as z } from "../Button/index.es.js";
|
|
27
26
|
import { Icon as D } from "../Icon/index.es.js";
|
|
28
|
-
import { T as F } from "../../chunks/Text-
|
|
27
|
+
import { T as F } from "../../chunks/Text-b31d1e9a.js";
|
|
28
|
+
import "../Loader/index.es.js";
|
|
29
|
+
import "../../chunks/Typography.module-93efb34d.js";
|
|
29
30
|
const H = "lc-Input-module__input___qeMAQ", o = {
|
|
30
31
|
input: H,
|
|
31
32
|
"input--focused": "lc-Input-module__input--focused___wQH5-",
|
|
@@ -50,7 +51,7 @@ const H = "lc-Input-module__input___qeMAQ", o = {
|
|
|
50
51
|
[o[`${i}__icon--disabled`]]: n
|
|
51
52
|
}
|
|
52
53
|
)
|
|
53
|
-
}),
|
|
54
|
+
}), U = u.forwardRef(
|
|
54
55
|
(T, w) => {
|
|
55
56
|
var m = T, {
|
|
56
57
|
inputSize: t = "medium",
|
|
@@ -118,5 +119,5 @@ const H = "lc-Input-module__input___qeMAQ", o = {
|
|
|
118
119
|
}
|
|
119
120
|
);
|
|
120
121
|
export {
|
|
121
|
-
|
|
122
|
+
U as Input
|
|
122
123
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var b=Object.defineProperty;var
|
|
1
|
+
"use strict";var b=Object.defineProperty;var c=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var r=(e,n,t)=>n in e?b(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,a=(e,n)=>{for(var t in n||(n={}))i.call(n,t)&&r(e,t,n[t]);if(c)for(var t of c(n))s.call(n,t)&&r(e,t,n[t]);return e};var u=(e,n)=>{var t={};for(var l in e)i.call(e,l)&&n.indexOf(l)<0&&(t[l]=e[l]);if(e!=null&&c)for(var l of c(e))n.indexOf(l)<0&&s.call(e,l)&&(t[l]=e[l]);return t};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("react"),f=require("clsx");function m(e){const n=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(n,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const g=m(k),p="lc-Link-module__link___kqx52",d={link:p,"link--bold":"lc-Link-module__link--bold___1rGdO"},_="link",O=l=>{var o=l,{bold:e=!1,className:n=""}=o,t=u(o,["bold","className"]);return g.createElement("a",a({className:f(d[_],e&&d[`${_}--bold`],n)},t))};exports.Link=O;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var d = Object.defineProperty;
|
|
2
2
|
var s = Object.getOwnPropertySymbols;
|
|
3
3
|
var c = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
|
|
4
|
-
var i = (l, o, n) => o in l ? d(l, o, { enumerable: !0, configurable: !0, writable: !0, value: n }) : l[o] = n,
|
|
4
|
+
var i = (l, o, n) => o in l ? d(l, o, { enumerable: !0, configurable: !0, writable: !0, value: n }) : l[o] = n, _ = (l, o) => {
|
|
5
5
|
for (var n in o || (o = {}))
|
|
6
6
|
c.call(o, n) && i(l, n, o[n]);
|
|
7
7
|
if (s)
|
|
@@ -9,7 +9,7 @@ var i = (l, o, n) => o in l ? d(l, o, { enumerable: !0, configurable: !0, writab
|
|
|
9
9
|
k.call(o, n) && i(l, n, o[n]);
|
|
10
10
|
return l;
|
|
11
11
|
};
|
|
12
|
-
var
|
|
12
|
+
var a = (l, o) => {
|
|
13
13
|
var n = {};
|
|
14
14
|
for (var e in l)
|
|
15
15
|
c.call(l, e) && o.indexOf(e) < 0 && (n[e] = l[e]);
|
|
@@ -18,31 +18,30 @@ var _ = (l, o) => {
|
|
|
18
18
|
o.indexOf(e) < 0 && k.call(l, e) && (n[e] = l[e]);
|
|
19
19
|
return n;
|
|
20
20
|
};
|
|
21
|
-
import "../../assets/style-index19.css";
|
|
22
21
|
import * as b from "react";
|
|
23
|
-
import
|
|
24
|
-
const
|
|
25
|
-
link:
|
|
22
|
+
import f from "clsx";
|
|
23
|
+
const p = "lc-Link-module__link___kqx52", r = {
|
|
24
|
+
link: p,
|
|
26
25
|
"link--bold": "lc-Link-module__link--bold___1rGdO"
|
|
27
|
-
}, m = "link",
|
|
26
|
+
}, m = "link", L = (e) => {
|
|
28
27
|
var t = e, {
|
|
29
28
|
bold: l = !1,
|
|
30
29
|
className: o = ""
|
|
31
|
-
} = t, n =
|
|
30
|
+
} = t, n = a(t, [
|
|
32
31
|
"bold",
|
|
33
32
|
"className"
|
|
34
33
|
]);
|
|
35
34
|
return /* @__PURE__ */ b.createElement(
|
|
36
35
|
"a",
|
|
37
|
-
|
|
38
|
-
className:
|
|
39
|
-
|
|
40
|
-
l &&
|
|
36
|
+
_({
|
|
37
|
+
className: f(
|
|
38
|
+
r[m],
|
|
39
|
+
l && r[`${m}--bold`],
|
|
41
40
|
o
|
|
42
41
|
)
|
|
43
42
|
}, n)
|
|
44
43
|
);
|
|
45
44
|
};
|
|
46
45
|
export {
|
|
47
|
-
|
|
46
|
+
L as Link
|
|
48
47
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),n=require("clsx"),i=require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");function m(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const _=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(l,r,_.get?_:{enumerable:!0,get:()=>e[r]})}}return l.default=e,Object.freeze(l)}const a=m(c),u="lc-Loader-module__loader___LRflD",p="lc-Loader-module__loader__spinner___l3C1g",b="lc-Loader-module__rotate___Tlni-",f="lc-Loader-module__loader__label___R74f6",o={loader:u,loader__spinner:p,"loader__spinner--small":"lc-Loader-module__loader__spinner--small___dGFFt","loader__spinner--medium":"lc-Loader-module__loader__spinner--medium___J-ki0","loader__spinner--large":"lc-Loader-module__loader__spinner--large___Poqq7","loader__spinner-circle":"lc-Loader-module__loader__spinner-circle___ApBUO",rotate:b,loader__label:f},d="loader",t=`${d}__spinner`,L=({primaryColor:e,secondaryColor:l,label:r,className:_,size:s="medium"})=>a.createElement("div",{className:n(o[d],_)},a.createElement("div",{className:n(o[t],o[`${t}--${s}`])},a.createElement("div",{className:o["loader__spinner-circle"],style:{borderColor:l,borderTopColor:e}})),r&&a.createElement(i.Text,{as:"div",size:"md",className:o.loader__label},r));exports.Loader=L;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import "../../assets/style-index18.css";
|
|
2
1
|
import * as _ from "react";
|
|
3
2
|
import l from "clsx";
|
|
4
|
-
import { T as c } from "../../chunks/Text-
|
|
3
|
+
import { T as c } from "../../chunks/Text-b31d1e9a.js";
|
|
4
|
+
import "../../chunks/Typography.module-93efb34d.js";
|
|
5
5
|
const m = "lc-Loader-module__loader___LRflD", i = "lc-Loader-module__loader__spinner___l3C1g", p = "lc-Loader-module__rotate___Tlni-", u = "lc-Loader-module__loader__label___R74f6", e = {
|
|
6
6
|
loader: m,
|
|
7
7
|
loader__spinner: i,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var B=Object.defineProperty;var v=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var k=(a,l,e)=>l in a?B(a,l,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[l]=e,u=(a,l)=>{for(var e in l||(l={}))x.call(l,e)&&k(a,e,l[e]);if(v)for(var e of v(l))H.call(l,e)&&k(a,e,l[e]);return a};var E=(a,l)=>{var e={};for(var o in a)x.call(a,o)&&l.indexOf(o)<0&&(e[o]=a[o]);if(a!=null&&v)for(var o of v(a))l.indexOf(o)<0&&H.call(a,o)&&(e[o]=a[o]);return e};
|
|
1
|
+
"use strict";var B=Object.defineProperty;var v=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var k=(a,l,e)=>l in a?B(a,l,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[l]=e,u=(a,l)=>{for(var e in l||(l={}))x.call(l,e)&&k(a,e,l[e]);if(v)for(var e of v(l))H.call(l,e)&&k(a,e,l[e]);return a};var E=(a,l)=>{var e={};for(var o in a)x.call(a,o)&&l.indexOf(o)<0&&(e[o]=a[o]);if(a!=null&&v)for(var o of v(a))l.indexOf(o)<0&&H.call(a,o)&&(e[o]=a[o]);return e};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),y=require("clsx"),C=require("../../chunks/Heading-617540b6.js"),O=require("../../chunks/Text-df483689.js"),z=require("@floating-ui/react"),D=require("../../chunks/keyCodes-c4c35e49.js"),F=require("@livechat/design-system-icons"),K=require("../Button/index.cjs.js"),S=require("../Icon/index.cjs.js"),P=require("react-dom"),R=require("@emotion/css"),I=require("../Avatar/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");require("../Loader/index.cjs.js");require("polished");function T(a){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(l,e,o.get?o:{enumerable:!0,get:()=>a[e]})}}return l.default=a,Object.freeze(l)}const t=T(j),w=T(P),A="lc-Modal-module__modal__body___M-jmN",G="lc-Modal-module__modal__header___Fp5VE",U="lc-Modal-module__modal__heading___G9KVK",V="lc-Modal-module__modal__footer___2LYdc",d={"modal-base":"lc-Modal-module__modal-base___hbL1U","modal-base--full-space":"lc-Modal-module__modal-base--full-space___KcGFL","modal-base__overlay":"lc-Modal-module__modal-base__overlay___kCQ8t","modal-base__overlay--visible":"lc-Modal-module__modal-base__overlay--visible___zUNJL","modal-base__overlay--labelled":"lc-Modal-module__modal-base__overlay--labelled___THAo-","modal-base__close":"lc-Modal-module__modal-base__close___gJlgr","modal-base__close--label-type":"lc-Modal-module__modal-base__close--label-type___Om0Vb",modal__body:A,modal__header:G,"modal__label-header":"lc-Modal-module__modal__label-header___ZPtEy",modal__heading:U,"modal__label-heading":"lc-Modal-module__modal__label-heading___WnYcF",modal__footer:V},b="modal-base",L=$=>{var f=$,{children:a,className:l="",onClose:e,closeOnEscPress:o=!0,closeOnOverlayPress:_=!0,fullSpaceContent:s,isLabelled:r}=f,M=E(f,["children","className","onClose","closeOnEscPress","closeOnOverlayPress","fullSpaceContent","isLabelled"]);const g=y(d[b],l,s&&d[`${b}--full-space`]);t.useEffect(()=>{if(!o)return;const c=h=>{h.key===D.KeyCodes.esc&&e()};return document.addEventListener("keyup",c,!0),()=>document.removeEventListener("keyup",c,!0)},[o]);const p=c=>{_&&c.target===c.currentTarget&&e()};return t.createElement(z.FloatingOverlay,{"data-testid":"lc-modal-overlay",onMouseDown:p,className:y(d[`${b}__overlay`],d[`${b}__overlay--visible`],r&&d[`${b}__overlay--labelled`])},t.createElement("div",u({role:"dialog","aria-modal":!0,className:g},M),a))},N=({labelType:a,customColor:l,onClick:e})=>t.createElement(K.Button,{type:"button",kind:"plain","aria-label":"Close modal",title:"Close modal",className:y(d["modal-base__close"],a&&d["modal-base__close--label-type"]),onClick:e,icon:t.createElement(S.Icon,{source:F.Close,size:"medium",customColor:l})}),n="modal",J=f=>{var g=f,{children:a,className:l="",heading:e,labelHeading:o,fullSpaceContent:_,footer:s,onClose:r,contentClassName:M}=g,$=E(g,["children","className","heading","labelHeading","fullSpaceContent","footer","onClose","contentClassName"]);const p=y(d[n],l),c=typeof a=="string",h=q=>{q.preventDefault(),q.stopPropagation(),r()};return t.createElement(L,u({className:p,fullSpaceContent:_,onClose:r,isLabelled:!!o},$),o&&t.createElement("div",{className:d[`${n}__label-header`]},t.createElement(C.Heading,{size:"md",as:"div",className:d[`${n}__label-heading`]},o),t.createElement(N,{labelType:!!o,customColor:"var(--color-white)",onClick:h})),!o&&e&&t.createElement("div",{className:d[`${n}__header`]},t.createElement(C.Heading,{size:"md",as:"div",className:d[`${n}__heading`]},e),t.createElement(N,{onClick:h})),t.createElement("div",{"data-testid":"modal-body",className:y(d[`${n}__body`],M)},c?t.createElement(O.Text,{as:"div"},a):a),s&&t.createElement("div",{className:d[`${n}__footer`]},s))},Y=({children:a,className:l="",parentElementName:e="body",zIndex:o})=>{const[_]=t.useState(()=>document.createElement("div"));return l&&_.classList.add(l),o&&(_.style.zIndex=o.toString()),t.useEffect(()=>{var s;return(s=document.querySelector(e))==null||s.appendChild(_),()=>{var r;(r=document.querySelector(e))==null||r.removeChild(_)}},[e]),t.createElement(t.Fragment,null,w.createPortal(a,_))},m={"modal-header":"lc-ModalHeader-module__modal-header___xk3bd","modal-header__heading-left-node":"lc-ModalHeader-module__modal-header__heading-left-node___1--G5","modal-header__heading-body":"lc-ModalHeader-module__modal-header__heading-body___HHEF-","modal-header__heading-title":"lc-ModalHeader-module__modal-header__heading-title___2R9pm","modal-header__heading-description":"lc-ModalHeader-module__modal-header__heading-description___54Xvf"},i="modal-header",Q=({title:a,iconProps:l,avatarProps:e,children:o,className:_=""})=>{const s=R.cx(m[i],_);return t.createElement("div",{className:s},l&&t.createElement(S.Icon,u({className:m[`${i}__heading-left-node`]},l)),e&&t.createElement(I.Avatar,u({className:m[`${i}__heading-left-node`]},e)),t.createElement("div",{className:m[`${i}__heading-body`]},t.createElement(C.Heading,{as:"div",size:"md",className:m[`${i}__heading-title`]},a),o&&t.createElement(O.Text,{as:"div",className:m[`${i}__heading-description`]},o)))};exports.Modal=J;exports.ModalBase=L;exports.ModalCloseButton=N;exports.ModalHeader=Q;exports.ModalPortal=Y;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
var T = Object.defineProperty;
|
|
2
|
-
var
|
|
2
|
+
var f = Object.getOwnPropertySymbols;
|
|
3
3
|
var L = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable;
|
|
4
4
|
var k = (a, l, e) => l in a ? T(a, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[l] = e, u = (a, l) => {
|
|
5
5
|
for (var e in l || (l = {}))
|
|
6
6
|
L.call(l, e) && k(a, e, l[e]);
|
|
7
|
-
if (
|
|
8
|
-
for (var e of
|
|
7
|
+
if (f)
|
|
8
|
+
for (var e of f(l))
|
|
9
9
|
x.call(l, e) && k(a, e, l[e]);
|
|
10
10
|
return a;
|
|
11
11
|
};
|
|
@@ -13,16 +13,15 @@ var M = (a, l) => {
|
|
|
13
13
|
var e = {};
|
|
14
14
|
for (var _ in a)
|
|
15
15
|
L.call(a, _) && l.indexOf(_) < 0 && (e[_] = a[_]);
|
|
16
|
-
if (a != null &&
|
|
17
|
-
for (var _ of
|
|
16
|
+
if (a != null && f)
|
|
17
|
+
for (var _ of f(a))
|
|
18
18
|
l.indexOf(_) < 0 && x.call(a, _) && (e[_] = a[_]);
|
|
19
19
|
return e;
|
|
20
20
|
};
|
|
21
|
-
import "../../assets/style-index17.css";
|
|
22
21
|
import * as o from "react";
|
|
23
22
|
import h from "clsx";
|
|
24
|
-
import { H as C } from "../../chunks/Heading-
|
|
25
|
-
import { T as F } from "../../chunks/Text-
|
|
23
|
+
import { H as C } from "../../chunks/Heading-6b95d08b.js";
|
|
24
|
+
import { T as F } from "../../chunks/Text-b31d1e9a.js";
|
|
26
25
|
import { FloatingOverlay as z } from "@floating-ui/react";
|
|
27
26
|
import { K as B } from "../../chunks/keyCodes-30323e90.js";
|
|
28
27
|
import { Close as S } from "@livechat/design-system-icons";
|
|
@@ -31,6 +30,9 @@ import { Icon as K } from "../Icon/index.es.js";
|
|
|
31
30
|
import * as G from "react-dom";
|
|
32
31
|
import { cx as O } from "@emotion/css";
|
|
33
32
|
import { Avatar as R } from "../Avatar/index.es.js";
|
|
33
|
+
import "../../chunks/Typography.module-93efb34d.js";
|
|
34
|
+
import "../Loader/index.es.js";
|
|
35
|
+
import "polished";
|
|
34
36
|
const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__header___Fp5VE", q = "lc-Modal-module__modal__heading___G9KVK", w = "lc-Modal-module__modal__footer___2LYdc", d = {
|
|
35
37
|
"modal-base": "lc-Modal-module__modal-base___hbL1U",
|
|
36
38
|
"modal-base--full-space": "lc-Modal-module__modal-base--full-space___KcGFL",
|
|
@@ -71,8 +73,8 @@ const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__h
|
|
|
71
73
|
o.useEffect(() => {
|
|
72
74
|
if (!_)
|
|
73
75
|
return;
|
|
74
|
-
const r = (
|
|
75
|
-
|
|
76
|
+
const r = (p) => {
|
|
77
|
+
p.key === B.esc && e();
|
|
76
78
|
};
|
|
77
79
|
return document.addEventListener("keyup", r, !0), () => document.removeEventListener("keyup", r, !0);
|
|
78
80
|
}, [_]);
|
|
@@ -118,7 +120,7 @@ const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__h
|
|
|
118
120
|
onClick: e,
|
|
119
121
|
icon: /* @__PURE__ */ o.createElement(K, { source: S, size: "medium", customColor: l })
|
|
120
122
|
}
|
|
121
|
-
), c = "modal",
|
|
123
|
+
), c = "modal", de = (g) => {
|
|
122
124
|
var y = g, {
|
|
123
125
|
children: a,
|
|
124
126
|
className: l = "",
|
|
@@ -138,7 +140,7 @@ const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__h
|
|
|
138
140
|
"onClose",
|
|
139
141
|
"contentClassName"
|
|
140
142
|
]);
|
|
141
|
-
const E = h(d[c], l), r = typeof a == "string",
|
|
143
|
+
const E = h(d[c], l), r = typeof a == "string", p = (N) => {
|
|
142
144
|
N.preventDefault(), N.stopPropagation(), s();
|
|
143
145
|
};
|
|
144
146
|
return /* @__PURE__ */ o.createElement(
|
|
@@ -162,7 +164,7 @@ const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__h
|
|
|
162
164
|
{
|
|
163
165
|
labelType: !!_,
|
|
164
166
|
customColor: "var(--color-white)",
|
|
165
|
-
onClick:
|
|
167
|
+
onClick: p
|
|
166
168
|
}
|
|
167
169
|
)),
|
|
168
170
|
!_ && e && /* @__PURE__ */ o.createElement("div", { className: d[`${c}__header`] }, /* @__PURE__ */ o.createElement(
|
|
@@ -173,7 +175,7 @@ const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__h
|
|
|
173
175
|
className: d[`${c}__heading`]
|
|
174
176
|
},
|
|
175
177
|
e
|
|
176
|
-
), /* @__PURE__ */ o.createElement(H, { onClick:
|
|
178
|
+
), /* @__PURE__ */ o.createElement(H, { onClick: p })),
|
|
177
179
|
/* @__PURE__ */ o.createElement(
|
|
178
180
|
"div",
|
|
179
181
|
{
|
|
@@ -184,7 +186,7 @@ const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__h
|
|
|
184
186
|
),
|
|
185
187
|
m && /* @__PURE__ */ o.createElement("div", { className: d[`${c}__footer`] }, m)
|
|
186
188
|
);
|
|
187
|
-
},
|
|
189
|
+
}, te = ({
|
|
188
190
|
children: a,
|
|
189
191
|
className: l = "",
|
|
190
192
|
parentElementName: e = "body",
|
|
@@ -204,7 +206,7 @@ const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__h
|
|
|
204
206
|
"modal-header__heading-body": "lc-ModalHeader-module__modal-header__heading-body___HHEF-",
|
|
205
207
|
"modal-header__heading-title": "lc-ModalHeader-module__modal-header__heading-title___2R9pm",
|
|
206
208
|
"modal-header__heading-description": "lc-ModalHeader-module__modal-header__heading-description___54Xvf"
|
|
207
|
-
}, i = "modal-header",
|
|
209
|
+
}, i = "modal-header", me = ({
|
|
208
210
|
title: a,
|
|
209
211
|
iconProps: l,
|
|
210
212
|
avatarProps: e,
|
|
@@ -240,9 +242,9 @@ const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__h
|
|
|
240
242
|
)));
|
|
241
243
|
};
|
|
242
244
|
export {
|
|
243
|
-
|
|
245
|
+
de as Modal,
|
|
244
246
|
A as ModalBase,
|
|
245
247
|
H as ModalCloseButton,
|
|
246
|
-
|
|
247
|
-
|
|
248
|
+
me as ModalHeader,
|
|
249
|
+
te as ModalPortal
|
|
248
250
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var K=Object.defineProperty,M=Object.defineProperties;var x=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable;var g=(n,r,e)=>r in n?K(n,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[r]=e,h=(n,r)=>{for(var e in r||(r={}))C.call(r,e)&&g(n,e,r[e]);if(_)for(var e of _(r))N.call(r,e)&&g(n,e,r[e]);return n},D=(n,r)=>M(n,x(r));var k=(n,r)=>{var e={};for(var c in n)C.call(n,c)&&r.indexOf(c)<0&&(e[c]=n[c]);if(n!=null&&_)for(var c of _(n))r.indexOf(c)<0&&N.call(n,c)&&(e[c]=n[c]);return e};
|
|
1
|
+
"use strict";var K=Object.defineProperty,M=Object.defineProperties;var x=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable;var g=(n,r,e)=>r in n?K(n,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[r]=e,h=(n,r)=>{for(var e in r||(r={}))C.call(r,e)&&g(n,e,r[e]);if(_)for(var e of _(r))N.call(r,e)&&g(n,e,r[e]);return n},D=(n,r)=>M(n,x(r));var k=(n,r)=>{var e={};for(var c in n)C.call(n,c)&&r.indexOf(c)<0&&(e[c]=n[c]);if(n!=null&&_)for(var c of _(n))r.indexOf(c)<0&&N.call(n,c)&&(e[c]=n[c]);return e};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const U=require("react"),v=require("@livechat/design-system-icons"),z=require("clsx"),w=require("../../chunks/keyCodes-c4c35e49.js"),O=require("../Icon/index.cjs.js");function F(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(r,e,c.get?c:{enumerable:!0,get:()=>n[e]})}}return r.default=n,Object.freeze(r)}const o=F(U),a={"numeric-input":"lc-NumericInput-module__numeric-input___j1esc","numeric-input__increment":"lc-NumericInput-module__numeric-input__increment___i3Tys","numeric-input__decrement":"lc-NumericInput-module__numeric-input__decrement___3qgn0","numeric-input--disabled":"lc-NumericInput-module__numeric-input--disabled___yaRvQ","numeric-input--no-controls":"lc-NumericInput-module__numeric-input--no-controls___D90rG","numeric-input--error":"lc-NumericInput-module__numeric-input--error___TMxRx"},l="numeric-input",G=L=>{var b=L,{className:n,error:r,value:e,max:c,min:i,disabled:s,noControls:y,style:E,onChange:R}=b,j=k(b,["className","error","value","max","min","disabled","noControls","style","onChange"]);const d=o.useRef(null),q=z(a[l],{[a[`${l}--error`]]:r,[a[`${l}--no-controls`]]:y,[a[`${l}--disabled`]]:s},n),f=t=>R(String(t)),I=t=>c!==void 0&&t>c?c:i!==void 0&&t<i?i:t,m=t=>{const u=parseInt(e,10)+t;return f(I(u))},S=t=>{t.key===w.KeyCodes.arrowDown&&(t.preventDefault(),m(-1)),t.key===w.KeyCodes.arrowUp&&(t.preventDefault(),m(1))},p=(t,u)=>u!==void 0&&parseInt(t,10)===u,T=t=>{t.preventDefault(),t.stopPropagation();const u=t.currentTarget.value.replace(/((?!([-]|([-]?\d+))).)/,"");if(u===""||u==="-")return f(u);const P=parseInt(u,10);return f(I(P))},V=()=>{var t;return(t=d.current)==null||t.focus(),m(1)},$=()=>{var t;return(t=d.current)==null||t.focus(),m(-1)};return o.createElement("div",{className:q,style:E},o.createElement("input",D(h({type:"text",ref:d},j),{value:e,disabled:s,onChange:T,onKeyDown:S,min:i,max:c})),!y&&o.createElement(o.Fragment,null,o.createElement("button",{tabIndex:-1,disabled:s||p(e,c),onClick:V,"aria-label":"Increment value",className:a[`${l}__increment`],type:"button"},o.createElement(O.Icon,{source:v.ChevronUp,disabled:s||p(e,c),kind:"primary"})),o.createElement("button",{tabIndex:-1,disabled:s||p(e,i),"aria-label":"Decrement value",className:a[`${l}__decrement`],onClick:$,type:"button"},o.createElement(O.Icon,{source:v.ChevronDown,kind:"primary",disabled:s||p(e,i)}))))};exports.NumericInput=G;
|
|
@@ -19,7 +19,6 @@ var k = (t, r) => {
|
|
|
19
19
|
r.indexOf(c) < 0 && N.call(t, c) && (n[c] = t[c]);
|
|
20
20
|
return n;
|
|
21
21
|
};
|
|
22
|
-
import "../../assets/style-index16.css";
|
|
23
22
|
import * as o from "react";
|
|
24
23
|
import { ChevronUp as G, ChevronDown as L } from "@livechat/design-system-icons";
|
|
25
24
|
import M from "clsx";
|
|
@@ -32,7 +31,7 @@ const l = {
|
|
|
32
31
|
"numeric-input--disabled": "lc-NumericInput-module__numeric-input--disabled___yaRvQ",
|
|
33
32
|
"numeric-input--no-controls": "lc-NumericInput-module__numeric-input--no-controls___D90rG",
|
|
34
33
|
"numeric-input--error": "lc-NumericInput-module__numeric-input--error___TMxRx"
|
|
35
|
-
}, m = "numeric-input",
|
|
34
|
+
}, m = "numeric-input", H = (P) => {
|
|
36
35
|
var y = P, {
|
|
37
36
|
className: t,
|
|
38
37
|
error: r,
|
|
@@ -136,5 +135,5 @@ const l = {
|
|
|
136
135
|
)));
|
|
137
136
|
};
|
|
138
137
|
export {
|
|
139
|
-
|
|
138
|
+
H as NumericInput
|
|
140
139
|
};
|