welcome-ui 7.0.0-alpha.9 → 7.0.1-alpha.0
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/Checkbox.js +1 -1
- package/dist/Checkbox.mjs +1 -1
- package/dist/{CustomInput-BCCxIle7.mjs → CustomInput-Cewo45Hd.mjs} +1 -1
- package/dist/{CustomInput-CDNZy-pz.js → CustomInput-DVH2rh9-.js} +1 -1
- package/dist/DatePicker.js +1 -1
- package/dist/DatePicker.mjs +1 -1
- package/dist/DateTimePicker.js +1 -1
- package/dist/DateTimePicker.mjs +1 -1
- package/dist/DateTimePickerCommon.js +1 -1
- package/dist/DateTimePickerCommon.mjs +1 -1
- package/dist/InputText.js +1 -1
- package/dist/InputText.mjs +1 -1
- package/dist/Radio.js +1 -1
- package/dist/Radio.mjs +1 -1
- package/dist/RadioTab.js +1 -1
- package/dist/RadioTab.mjs +1 -1
- package/dist/Search.js +1 -1
- package/dist/Search.mjs +1 -1
- package/dist/Select.js +1 -1
- package/dist/Select.mjs +1 -1
- package/dist/Tabs.js +9 -9
- package/dist/Tabs.mjs +83 -90
- package/dist/Textarea.js +1 -1
- package/dist/Textarea.mjs +1 -1
- package/dist/TimePicker.js +1 -1
- package/dist/TimePicker.mjs +1 -1
- package/dist/Toast.js +6 -6
- package/dist/Toast.mjs +17 -18
- package/dist/Toggle.js +1 -1
- package/dist/Toggle.mjs +1 -1
- package/dist/{field-styles-CeV7pnOp.mjs → field-styles-DLIhqG_8.mjs} +3 -3
- package/dist/{field-styles-D_gf6ypV.js → field-styles-DYEc1l_A.js} +1 -1
- package/dist/{index-CDjY0N2Z.mjs → index-BSdL4wPb.mjs} +1 -1
- package/dist/{index-CUtaVckz.js → index-Dn-QEAu6.js} +1 -1
- package/dist/theme.js +5 -5
- package/dist/theme.mjs +613 -532
- package/dist/types/components/Field/index.d.ts +2 -2
- package/dist/types/components/Field/styles.d.ts +3 -3
- package/dist/types/components/Select/styles.d.ts +3 -3
- package/dist/types/components/Toast/index.d.ts +5 -7
- package/dist/types/theme/defaultFields.d.ts +3 -3
- package/dist/types/utils/field-styles.d.ts +4 -8
- package/dist/types/utils/index.d.ts +7 -3
- package/dist/use-fork-ref-Bjf1e56Z.js +1 -0
- package/dist/use-fork-ref-CUZErtAC.mjs +14 -0
- package/dist/utils.js +1 -1
- package/dist/utils.mjs +36 -26
- package/package.json +3 -1
package/dist/Checkbox.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const e=require("./index-Dn-QEAu6.js");require("./System.js");exports.Checkbox=e.Checkbox$1;
|
package/dist/Checkbox.mjs
CHANGED
|
@@ -8,7 +8,7 @@ import { R as go } from "./index-BRDOakbf.mjs";
|
|
|
8
8
|
import { StyledSelect as yo, Select as gn } from "./Select.mjs";
|
|
9
9
|
import { StyledButton as wo, Button as yn } from "./Button.mjs";
|
|
10
10
|
import vt, { css as gt, system as ca, th as Ht } from "@xstyled/styled-components";
|
|
11
|
-
import { d as ua, F as bo } from "./field-styles-
|
|
11
|
+
import { d as ua, F as bo } from "./field-styles-DLIhqG_8.mjs";
|
|
12
12
|
import { _ as _o, a as x } from "./downshift.esm-BOfUfcgd.mjs";
|
|
13
13
|
import { r as la, a as ko } from "./index-BYdkhqH4.mjs";
|
|
14
14
|
import { IconGroupWrapper as pa, IconWrapper as da } from "./Field.mjs";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";const m=require("react"),lr=require("./_commonjsHelpers-DvH0V_XJ.js"),co=require("./Icon.js"),uo=require("./index-BPeIa2mR.js"),lo=require("./index-BNwz4P5j.js"),Pr=require("./Select.js"),Er=require("./Button.js"),re=require("@xstyled/styled-components"),Br=require("./field-styles-
|
|
1
|
+
"use client";"use strict";const m=require("react"),lr=require("./_commonjsHelpers-DvH0V_XJ.js"),co=require("./Icon.js"),uo=require("./index-BPeIa2mR.js"),lo=require("./index-BNwz4P5j.js"),Pr=require("./Select.js"),Er=require("./Button.js"),re=require("@xstyled/styled-components"),Br=require("./field-styles-DYEc1l_A.js"),x=require("./downshift.esm-dvOEflhK.js"),$r=require("./index-BHi0wohR.js"),Vt=require("./Field.js"),po=require("./System.js"),fo=require("./ClearButton.js");function ho(a){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const n in a)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(a,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:()=>a[n]})}}return r.default=a,Object.freeze(r)}const z=ho(m);var sa={exports:{}};(function(a){"use client";/*!
|
|
2
2
|
Copyright (c) 2018 Jed Watson.
|
|
3
3
|
Licensed under the MIT License (MIT), see
|
|
4
4
|
http://jedwatson.github.io/classnames
|
package/dist/DatePicker.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),Y=require("./System.js"),c=require("./CustomInput-
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),Y=require("./System.js"),c=require("./CustomInput-DVH2rh9-.js"),P=Y.forwardRef(({autoFocus:I,dataTestId:R,dateFormat:b="dd/MM/yyyy",disabled:F,endYear:M=c.DEFAULT_DATE.getFullYear(),icon:d,iconPlacement:i="left",locale:p,onBlur:f,onChange:s,onFocus:m,placeholder:g,popperProps:A,preventVirtualKeyboard:H=!1,showMonthYearPicker:y,size:D="md",startYear:h=1900,transparent:q,useWeekdaysShort:x=!0,value:t=c.DEFAULT_DATE,...n},a)=>{const C=n==null?void 0:n.timeIntervals,o=e=>c.getDate(e,C),N=g||n.placeholderText,[j,E]=r.useState(I&&"date"||null),[K,l]=r.useState(o(t)),T=r.useRef();r.useEffect(()=>{s&&s(o(t))},[]),r.useEffect(()=>{var k;const e=o(t),u=typeof t=="object"?t==null?void 0:t.toISOString():t;((k=new Date(Date.parse(u)))==null?void 0:k.getTime())-(e==null?void 0:e.getTime())!==0&&s&&s(e),l(e)},[t]);const S=()=>{var e;return(e=T.current)==null?void 0:e.blur()},L=e=>{E("date"),m&&m(e)},O=e=>{E(null),f&&f(e)},U=e=>{["Escape","Enter"].includes(e.key)&&S()},_=e=>{e.preventDefault(),S(),l(null),s&&s(null)},B=e=>{if(!e)return;const u=o(e);e.setHours(u.getHours(),u.getMinutes()),l(e),s&&s(new Date(e))};return r.createElement(c.StyledDatePicker,{autoComplete:"off",calendarClassName:"date-picker-popper",customInput:r.createElement(c.CustomInput,{className:"date-picker","data-testid":R,focused:j,handleBlur:e=>O(e),handleFocus:e=>L(e),icon:d,iconPlacement:i,inputMode:H?"none":"text",onReset:_,ref:e=>{T.current=e,typeof a=="function"?a(e):a.current=e},size:D}),dateFormat:b,disabled:F,iconPlacement:!!d&&i,locale:p,onChange:B,onKeyDown:U,placeholderText:N,popperContainer:c.CustomPopper,popperProps:A,renderCustomHeader:e=>r.createElement(c.CustomHeader,{endYear:M,isMonthYearPicker:y,locale:p,startYear:h,...e}),selected:K,showMonthYearPicker:y,size:D,transparent:q,useWeekdaysShort:x,...n})});P.displayName="DatePicker";exports.DatePicker=P;
|
package/dist/DatePicker.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import d, { useState as R, useRef as w, useEffect as I } from "react";
|
|
3
3
|
import { forwardRef as G } from "./System.mjs";
|
|
4
|
-
import { S as J, c as Q, b as V, C as W, D as P, g as X } from "./CustomInput-
|
|
4
|
+
import { S as J, c as Q, b as V, C as W, D as P, g as X } from "./CustomInput-Cewo45Hd.mjs";
|
|
5
5
|
const Z = G(
|
|
6
6
|
({
|
|
7
7
|
autoFocus: S,
|
package/dist/DateTimePicker.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),p=require("@xstyled/styled-components"),a=require("./CustomInput-
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),p=require("@xstyled/styled-components"),a=require("./CustomInput-DVH2rh9-.js"),b=require("./DatePicker.js"),$=require("./TimePicker.js"),h=require("./System.js"),g=p.css`
|
|
2
2
|
&:focus {
|
|
3
3
|
position: relative;
|
|
4
4
|
z-index: 1;
|
package/dist/DateTimePicker.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import r, { Children as p, useState as E, useEffect as P, cloneElement as $ } from "react";
|
|
3
3
|
import x, { css as _, system as b } from "@xstyled/styled-components";
|
|
4
|
-
import { S as w, a as h, D as S, g as A } from "./CustomInput-
|
|
4
|
+
import { S as w, a as h, D as S, g as A } from "./CustomInput-Cewo45Hd.mjs";
|
|
5
5
|
import { DatePicker as N } from "./DatePicker.mjs";
|
|
6
6
|
import { TimePicker as R } from "./TimePicker.mjs";
|
|
7
7
|
import { forwardRef as C } from "./System.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CustomInput-
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CustomInput-DVH2rh9-.js");exports.CustomHeader=e.CustomHeader;exports.CustomInput=e.CustomInput;exports.CustomPopper=e.CustomPopper;exports.DEFAULT_DATE=e.DEFAULT_DATE;exports.StyledDatePicker=e.StyledDatePicker;exports.StyledTimePicker=e.StyledTimePicker;exports.fixAriaMessageStyle=e.fixAriaMessageStyle;exports.getDate=e.getDate;exports.getMonths=e.getMonths;exports.getYears=e.getYears;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { C as a, c as t, b as r, D as o, S as i, a as g, f as m, g as u, d as D, e as c } from "./CustomInput-
|
|
2
|
+
import { C as a, c as t, b as r, D as o, S as i, a as g, f as m, g as u, d as D, e as c } from "./CustomInput-Cewo45Hd.mjs";
|
|
3
3
|
export {
|
|
4
4
|
a as CustomHeader,
|
|
5
5
|
t as CustomInput,
|
package/dist/InputText.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),I=require("./field-styles-
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),I=require("./field-styles-DYEc1l_A.js"),W=require("./create-event-YSlay9Ef.js"),o=require("@xstyled/styled-components"),f=require("./System.js"),$=require("./ClearButton.js"),E=require("./Field.js"),C=o("input").withConfig({shouldForwardProp:f.shouldForwardProp})(({iconPlacement:n,isClearable:l,size:i,transparent:e,variant:t})=>o.css`
|
|
2
2
|
${I.defaultFieldStyles({size:i,variant:t,transparent:e,isClearable:l,iconPlacement:n})};
|
|
3
3
|
text-overflow: ellipsis;
|
|
4
4
|
|
package/dist/InputText.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import r from "react";
|
|
3
|
-
import { d as S, F as T } from "./field-styles-
|
|
3
|
+
import { d as S, F as T } from "./field-styles-DLIhqG_8.mjs";
|
|
4
4
|
import { c as W } from "./create-event-rXDe5aCQ.mjs";
|
|
5
5
|
import c, { css as $, system as g } from "@xstyled/styled-components";
|
|
6
6
|
import { shouldForwardProp as B, forwardRef as N } from "./System.mjs";
|
package/dist/Radio.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),e=require("@xstyled/styled-components"),x=require("./field-styles-
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),e=require("@xstyled/styled-components"),x=require("./field-styles-DYEc1l_A.js"),y=require("./Box.js"),u=require("./System.js"),$=require("./Label.js"),k=require("./NLEBE274-DvH3XTTw.js"),E=require("./Hint.js"),q=e(k.Radio).withConfig({shouldForwardProp:u.shouldForwardProp})(({order:t="-1",size:o,variant:i})=>e.css`
|
|
2
2
|
${x.defaultFieldStyles({size:o,variant:i})};
|
|
3
3
|
${e.th("radios.default")}
|
|
4
4
|
position: relative;
|
package/dist/Radio.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import t from "react";
|
|
3
3
|
import o, { css as $, th as i, system as f } from "@xstyled/styled-components";
|
|
4
|
-
import { d as x } from "./field-styles-
|
|
4
|
+
import { d as x } from "./field-styles-DLIhqG_8.mjs";
|
|
5
5
|
import { Box as k } from "./Box.mjs";
|
|
6
6
|
import { shouldForwardProp as w, forwardRef as y } from "./System.mjs";
|
|
7
7
|
import { Label as E } from "./Label.mjs";
|
package/dist/RadioTab.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),t=require("@xstyled/styled-components"),m=require("./field-styles-
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),t=require("@xstyled/styled-components"),m=require("./field-styles-DYEc1l_A.js"),p=require("./overflow-ellipsis-C2ESrF8C.js"),a=require("./System.js"),b=require("./NLEBE274-DvH3XTTw.js"),f=require("./Button.js"),h=t(b.Radio).withConfig({shouldForwardProp:a.shouldForwardProp})`
|
|
2
2
|
position: absolute;
|
|
3
3
|
top: 0;
|
|
4
4
|
left: 0;
|
package/dist/RadioTab.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import d from "react";
|
|
3
3
|
import a, { css as e, th as i, system as p } from "@xstyled/styled-components";
|
|
4
|
-
import { d as u } from "./field-styles-
|
|
4
|
+
import { d as u } from "./field-styles-DLIhqG_8.mjs";
|
|
5
5
|
import { o as b } from "./overflow-ellipsis-DGV5Kgt-.mjs";
|
|
6
6
|
import { shouldForwardProp as h, forwardRef as c } from "./System.mjs";
|
|
7
7
|
import { R as g } from "./NLEBE274-C94QU78N.mjs";
|
package/dist/Search.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),N=require("./downshift.esm-dvOEflhK.js"),de=require("./create-event-YSlay9Ef.js"),j=require("./field-styles-
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),N=require("./downshift.esm-dvOEflhK.js"),de=require("./create-event-YSlay9Ef.js"),j=require("./field-styles-DYEc1l_A.js"),ue=require("./throttle-BB1Y3bfD.js"),e=require("@xstyled/styled-components"),B=require("./overflow-ellipsis-C2ESrF8C.js"),$=require("./System.js"),he=require("./Icon.js"),pe=require("./ClearButton.js"),fe=require("./Field.js"),H=e("div").withConfig({shouldForwardProp:$.shouldForwardProp})`
|
|
2
2
|
position: relative;
|
|
3
3
|
${e.system};
|
|
4
4
|
`,me=e.div`
|
package/dist/Search.mjs
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import t, { useState as me, useCallback as pe, useMemo as fe, Fragment as ue } from "react";
|
|
3
3
|
import { D as H } from "./downshift.esm-BOfUfcgd.mjs";
|
|
4
4
|
import { c as he } from "./create-event-rXDe5aCQ.mjs";
|
|
5
|
-
import { d as ge, F as Ee } from "./field-styles-
|
|
5
|
+
import { d as ge, F as Ee } from "./field-styles-DLIhqG_8.mjs";
|
|
6
6
|
import { t as $e } from "./throttle-BDBzFeFj.mjs";
|
|
7
7
|
import a, { system as j, css as F, th as o } from "@xstyled/styled-components";
|
|
8
8
|
import { o as A } from "./overflow-ellipsis-DGV5Kgt-.mjs";
|
package/dist/Select.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),de=require("./downshift.esm-dvOEflhK.js"),Ke=require("./_commonjsHelpers-DvH0V_XJ.js"),Ye=require("./create-event-YSlay9Ef.js"),Ae=require("./field-styles-
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),de=require("./downshift.esm-dvOEflhK.js"),Ke=require("./_commonjsHelpers-DvH0V_XJ.js"),Ye=require("./create-event-YSlay9Ef.js"),Ae=require("./field-styles-DYEc1l_A.js"),u=require("@xstyled/styled-components"),Q=require("./overflow-ellipsis-C2ESrF8C.js"),ze=require("./Icon.js"),Le=require("./Field.js"),ye=require("./Tag.js"),P=require("./System.js"),Ze=require("./Box.js"),Qe=require("./ClearButton.js"),Xe=require("./index-Db47iJVz.js");var M={exports:{}},be={À:"A",Á:"A",Â:"A",Ã:"A",Ä:"A",Å:"A",Ấ:"A",Ắ:"A",Ẳ:"A",Ẵ:"A",Ặ:"A",Æ:"AE",Ầ:"A",Ằ:"A",Ȃ:"A",Ả:"A",Ạ:"A",Ẩ:"A",Ẫ:"A",Ậ:"A",Ç:"C",Ḉ:"C",È:"E",É:"E",Ê:"E",Ë:"E",Ế:"E",Ḗ:"E",Ề:"E",Ḕ:"E",Ḝ:"E",Ȇ:"E",Ẻ:"E",Ẽ:"E",Ẹ:"E",Ể:"E",Ễ:"E",Ệ:"E",Ì:"I",Í:"I",Î:"I",Ï:"I",Ḯ:"I",Ȋ:"I",Ỉ:"I",Ị:"I",Ð:"D",Ñ:"N",Ò:"O",Ó:"O",Ô:"O",Õ:"O",Ö:"O",Ø:"O",Ố:"O",Ṍ:"O",Ṓ:"O",Ȏ:"O",Ỏ:"O",Ọ:"O",Ổ:"O",Ỗ:"O",Ộ:"O",Ờ:"O",Ở:"O",Ỡ:"O",Ớ:"O",Ợ:"O",Ù:"U",Ú:"U",Û:"U",Ü:"U",Ủ:"U",Ụ:"U",Ử:"U",Ữ:"U",Ự:"U",Ý:"Y",à:"a",á:"a",â:"a",ã:"a",ä:"a",å:"a",ấ:"a",ắ:"a",ẳ:"a",ẵ:"a",ặ:"a",æ:"ae",ầ:"a",ằ:"a",ȃ:"a",ả:"a",ạ:"a",ẩ:"a",ẫ:"a",ậ:"a",ç:"c",ḉ:"c",è:"e",é:"e",ê:"e",ë:"e",ế:"e",ḗ:"e",ề:"e",ḕ:"e",ḝ:"e",ȇ:"e",ẻ:"e",ẽ:"e",ẹ:"e",ể:"e",ễ:"e",ệ:"e",ì:"i",í:"i",î:"i",ï:"i",ḯ:"i",ȋ:"i",ỉ:"i",ị:"i",ð:"d",ñ:"n",ò:"o",ó:"o",ô:"o",õ:"o",ö:"o",ø:"o",ố:"o",ṍ:"o",ṓ:"o",ȏ:"o",ỏ:"o",ọ:"o",ổ:"o",ỗ:"o",ộ:"o",ờ:"o",ở:"o",ỡ:"o",ớ:"o",ợ:"o",ù:"u",ú:"u",û:"u",ü:"u",ủ:"u",ụ:"u",ử:"u",ữ:"u",ự:"u",ý:"y",ÿ:"y",Ā:"A",ā:"a",Ă:"A",ă:"a",Ą:"A",ą:"a",Ć:"C",ć:"c",Ĉ:"C",ĉ:"c",Ċ:"C",ċ:"c",Č:"C",č:"c",C̆:"C",c̆:"c",Ď:"D",ď:"d",Đ:"D",đ:"d",Ē:"E",ē:"e",Ĕ:"E",ĕ:"e",Ė:"E",ė:"e",Ę:"E",ę:"e",Ě:"E",ě:"e",Ĝ:"G",Ǵ:"G",ĝ:"g",ǵ:"g",Ğ:"G",ğ:"g",Ġ:"G",ġ:"g",Ģ:"G",ģ:"g",Ĥ:"H",ĥ:"h",Ħ:"H",ħ:"h",Ḫ:"H",ḫ:"h",Ĩ:"I",ĩ:"i",Ī:"I",ī:"i",Ĭ:"I",ĭ:"i",Į:"I",į:"i",İ:"I",ı:"i",IJ:"IJ",ij:"ij",Ĵ:"J",ĵ:"j",Ķ:"K",ķ:"k",Ḱ:"K",ḱ:"k",K̆:"K",k̆:"k",Ĺ:"L",ĺ:"l",Ļ:"L",ļ:"l",Ľ:"L",ľ:"l",Ŀ:"L",ŀ:"l",Ł:"l",ł:"l",Ḿ:"M",ḿ:"m",M̆:"M",m̆:"m",Ń:"N",ń:"n",Ņ:"N",ņ:"n",Ň:"N",ň:"n",ʼn:"n",N̆:"N",n̆:"n",Ō:"O",ō:"o",Ŏ:"O",ŏ:"o",Ő:"O",ő:"o",Œ:"OE",œ:"oe",P̆:"P",p̆:"p",Ŕ:"R",ŕ:"r",Ŗ:"R",ŗ:"r",Ř:"R",ř:"r",R̆:"R",r̆:"r",Ȓ:"R",ȓ:"r",Ś:"S",ś:"s",Ŝ:"S",ŝ:"s",Ş:"S",Ș:"S",ș:"s",ş:"s",Š:"S",š:"s",Ţ:"T",ţ:"t",ț:"t",Ț:"T",Ť:"T",ť:"t",Ŧ:"T",ŧ:"t",T̆:"T",t̆:"t",Ũ:"U",ũ:"u",Ū:"U",ū:"u",Ŭ:"U",ŭ:"u",Ů:"U",ů:"u",Ű:"U",ű:"u",Ų:"U",ų:"u",Ȗ:"U",ȗ:"u",V̆:"V",v̆:"v",Ŵ:"W",ŵ:"w",Ẃ:"W",ẃ:"w",X̆:"X",x̆:"x",Ŷ:"Y",ŷ:"y",Ÿ:"Y",Y̆:"Y",y̆:"y",Ź:"Z",ź:"z",Ż:"Z",ż:"z",Ž:"Z",ž:"z",ſ:"s",ƒ:"f",Ơ:"O",ơ:"o",Ư:"U",ư:"u",Ǎ:"A",ǎ:"a",Ǐ:"I",ǐ:"i",Ǒ:"O",ǒ:"o",Ǔ:"U",ǔ:"u",Ǖ:"U",ǖ:"u",Ǘ:"U",ǘ:"u",Ǚ:"U",ǚ:"u",Ǜ:"U",ǜ:"u",Ứ:"U",ứ:"u",Ṹ:"U",ṹ:"u",Ǻ:"A",ǻ:"a",Ǽ:"AE",ǽ:"ae",Ǿ:"O",ǿ:"o",Þ:"TH",þ:"th",Ṕ:"P",ṕ:"p",Ṥ:"S",ṥ:"s",X́:"X",x́:"x",Ѓ:"Г",ѓ:"г",Ќ:"К",ќ:"к",A̋:"A",a̋:"a",E̋:"E",e̋:"e",I̋:"I",i̋:"i",Ǹ:"N",ǹ:"n",Ồ:"O",ồ:"o",Ṑ:"O",ṑ:"o",Ừ:"U",ừ:"u",Ẁ:"W",ẁ:"w",Ỳ:"Y",ỳ:"y",Ȁ:"A",ȁ:"a",Ȅ:"E",ȅ:"e",Ȉ:"I",ȉ:"i",Ȍ:"O",ȍ:"o",Ȑ:"R",ȑ:"r",Ȕ:"U",ȕ:"u",B̌:"B",b̌:"b",Č̣:"C",č̣:"c",Ê̌:"E",ê̌:"e",F̌:"F",f̌:"f",Ǧ:"G",ǧ:"g",Ȟ:"H",ȟ:"h",J̌:"J",ǰ:"j",Ǩ:"K",ǩ:"k",M̌:"M",m̌:"m",P̌:"P",p̌:"p",Q̌:"Q",q̌:"q",Ř̩:"R",ř̩:"r",Ṧ:"S",ṧ:"s",V̌:"V",v̌:"v",W̌:"W",w̌:"w",X̌:"X",x̌:"x",Y̌:"Y",y̌:"y",A̧:"A",a̧:"a",B̧:"B",b̧:"b",Ḑ:"D",ḑ:"d",Ȩ:"E",ȩ:"e",Ɛ̧:"E",ɛ̧:"e",Ḩ:"H",ḩ:"h",I̧:"I",i̧:"i",Ɨ̧:"I",ɨ̧:"i",M̧:"M",m̧:"m",O̧:"O",o̧:"o",Q̧:"Q",q̧:"q",U̧:"U",u̧:"u",X̧:"X",x̧:"x",Z̧:"Z",z̧:"z",й:"и",Й:"И",ё:"е",Ё:"Е"},ve=Object.keys(be).join("|"),Ge=new RegExp(ve,"g"),Je=new RegExp(ve,"");function et(e){return be[e]}var Ce=function(e){return e.replace(Ge,et)},tt=function(e){return!!e.match(Je)};M.exports=Ce;M.exports.has=tt;M.exports.remove=Ce;var nt=M.exports;const rt=Ke.getDefaultExportFromCjs(nt);/**
|
|
2
2
|
* @name match-sorter
|
|
3
3
|
* @license MIT license.
|
|
4
4
|
* @copyright (c) 2020 Kent C. Dodds
|
package/dist/Select.mjs
CHANGED
|
@@ -3,7 +3,7 @@ import m, { useMemo as Ze, useState as P, useEffect as he, Fragment as Qe } from
|
|
|
3
3
|
import { D as pe } from "./downshift.esm-BOfUfcgd.mjs";
|
|
4
4
|
import { g as Xe } from "./_commonjsHelpers-CXJ7dpIk.mjs";
|
|
5
5
|
import { c as Ge } from "./create-event-rXDe5aCQ.mjs";
|
|
6
|
-
import { d as Je, F as qe } from "./field-styles-
|
|
6
|
+
import { d as Je, F as qe } from "./field-styles-DLIhqG_8.mjs";
|
|
7
7
|
import v, { css as F, system as ve, th as b } from "@xstyled/styled-components";
|
|
8
8
|
import { o as J } from "./overflow-ellipsis-DGV5Kgt-.mjs";
|
|
9
9
|
import { StyledIcon as et } from "./Icon.mjs";
|
package/dist/Tabs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),Q=require("./use-viewport-BDDjd1nl.js"),U=require("./use-isomorphic-layout-effect-C1_Gy5Nu.js"),p=require("@xstyled/styled-components")
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),Y=require("./use-fork-ref-Bjf1e56Z.js"),Q=require("./use-viewport-BDDjd1nl.js"),U=require("./use-isomorphic-layout-effect-C1_Gy5Nu.js"),p=require("@xstyled/styled-components"),$=require("./P2CTZE2T-q8vyaGc0.js"),e=require("./LVA2YJMS-B2HZjIhJ.js"),k=require("./ITI7HKP4-BPa8qpnl.js"),O=require("./VGCJ63VH-BNLwLOaC.js"),d=require("./YV4JVR4I-DIthYWMj.js"),j=require("./System.js"),Z=require("./VEVQD5MH-mN1wMozH.js"),q=require("./MTZPJQMC-5Xg78Uyy.js");var G=e.createStoreContext([q.PopoverContextProvider,$.CompositeContextProvider],[q.PopoverScopedContextProvider,$.CompositeScopedContextProvider]),X=G.useContext;m.createContext(!1);m.createContext(null);function ee(s={}){var n=s,{composite:o,combobox:t}=n,r=e.__objRest$1(n,["composite","combobox"]);const a=["items","renderedItems","moves","orientation","virtualFocus","includesBaseElement","baseElement","focusLoop","focusShift","focusWrap"],v=d.mergeStore(r.store,d.omit2(o,a),d.omit2(t,a)),u=v==null?void 0:v.getState(),f=k.createCompositeStore(e.__spreadProps$1(e.__spreadValues$1({},r),{store:v,includesBaseElement:e.defaultValue(r.includesBaseElement,u==null?void 0:u.includesBaseElement,!1),orientation:e.defaultValue(r.orientation,u==null?void 0:u.orientation,"horizontal"),focusLoop:e.defaultValue(r.focusLoop,u==null?void 0:u.focusLoop,!0)})),i=k.createCollectionStore(),g=e.__spreadProps$1(e.__spreadValues$1({},f.getState()),{selectedId:e.defaultValue(r.selectedId,u==null?void 0:u.selectedId,r.defaultSelectedId),selectOnMove:e.defaultValue(r.selectOnMove,u==null?void 0:u.selectOnMove,!0)}),c=d.createStore(g,f,v);d.setup(c,()=>d.sync(c,["moves"],()=>{const{activeId:b,selectOnMove:I}=c.getState();if(!I||!b)return;const h=f.item(b);h&&(h.dimmed||h.disabled||c.setState("selectedId",h.id))}));let S=!0;d.setup(c,()=>d.batch(c,["selectedId"],(b,I)=>{if(!S){S=!0;return}o&&b.selectedId===I.selectedId||c.setState("activeId",b.selectedId)})),d.setup(c,()=>d.sync(c,["selectedId","renderedItems"],b=>{if(b.selectedId!==void 0)return;const{activeId:I,renderedItems:h}=c.getState(),x=f.item(I);if(x&&!x.disabled&&!x.dimmed)c.setState("selectedId",x.id);else{const E=h.find(T=>!T.disabled&&!T.dimmed);c.setState("selectedId",E==null?void 0:E.id)}})),d.setup(c,()=>d.sync(c,["renderedItems"],b=>{const I=b.renderedItems;if(I.length)return d.sync(i,["renderedItems"],h=>{const x=h.renderedItems;x.some(T=>!T.tabId)&&x.forEach((T,R)=>{if(T.tabId)return;const L=I[R];L&&i.renderItem(e.__spreadProps$1(e.__spreadValues$1({},T),{tabId:L.id}))})})}));let P=null;return d.setup(c,()=>{const b=()=>{P=c.getState().selectedId},I=()=>{S=!1,c.setState("selectedId",P)};if(o&&"setSelectElement"in o)return e.chain(d.sync(o,["value"],b),d.sync(o,["mounted"],I));if(t)return e.chain(d.sync(t,["selectedValue"],b),d.sync(t,["mounted"],I))}),e.__spreadProps$1(e.__spreadValues$1(e.__spreadValues$1({},f),c),{panels:i,setSelectedId:b=>c.setState("selectedId",b),select:b=>{c.setState("selectedId",b),f.move(b)}})}function te(s,n,o){e.useUpdateEffect(n,[o.composite,o.combobox]),s=k.useCompositeStoreProps(s,n,o),d.useStoreProps(s,o,"selectedId","setSelectedId"),d.useStoreProps(s,o,"selectOnMove");const[t,r]=d.useStore(()=>s.panels,{});return e.useUpdateEffect(r,[s,r]),Object.assign(m.useMemo(()=>e.__spreadProps(e.__spreadValues({},s),{panels:t}),[s,t]),{composite:o.composite,combobox:o.combobox})}function se(s={}){const n=Z.useComboboxContext(),o=X()||n;s=e.__spreadProps(e.__spreadValues({},s),{composite:s.composite!==void 0?s.composite:o,combobox:s.combobox!==void 0?s.combobox:n});const[t,r]=d.useStore(ee,s);return te(t,r,s)}var A=e.createStoreContext([$.CompositeContextProvider],[$.CompositeScopedContextProvider]),oe=A.useScopedContext,D=A.useProviderContext,H=A.ScopedContextProvider,ne="button",re=e.createHook(function(n){var o=n,{store:t,getItem:r}=o,a=e.__objRest(o,["store","getItem"]),v;const u=oe();t=t||u,e.invariant(t,process.env.NODE_ENV!=="production"&&"Tab must be wrapped in a TabList component.");const f=e.useId(),i=a.id||f,g=e.disabledFromProps(a),c=m.useCallback(_=>{const y=e.__spreadProps(e.__spreadValues({},_),{dimmed:g});return r?r(y):y},[g,r]),S=a.onClick,P=e.useEvent(_=>{S==null||S(_),!_.defaultPrevented&&(t==null||t.setSelectedId(i))}),b=t.panels.useState(_=>{var y;return(y=_.items.find(l=>l.tabId===i))==null?void 0:y.id}),I=f?a.shouldRegisterItem:!1,h=t.useState(_=>!!i&&_.activeId===i),x=t.useState(_=>!!i&&_.selectedId===i),E=t.useState(_=>!!t.item(_.activeId)),T=h||x&&!E,R=x||((v=a.accessibleWhenDisabled)!=null?v:!0);if(d.useStoreState(t.combobox||t.composite,"virtualFocus")&&(a=e.__spreadProps(e.__spreadValues({},a),{tabIndex:-1})),a=e.__spreadProps(e.__spreadValues({id:i,role:"tab","aria-selected":x,"aria-controls":b||void 0},a),{onClick:P}),t.composite){const _={id:i,accessibleWhenDisabled:R,store:t.composite,shouldRegisterItem:T&&I,rowId:a.rowId,render:a.render};a=e.__spreadProps(e.__spreadValues({},a),{render:e.jsxRuntimeExports.jsx($.CompositeItem,e.__spreadProps(e.__spreadValues({},_),{render:t.combobox&&t.composite!==t.combobox?e.jsxRuntimeExports.jsx($.CompositeItem,e.__spreadProps(e.__spreadValues({},_),{store:t.combobox})):_.render}))})}return a=$.useCompositeItem(e.__spreadProps(e.__spreadValues({store:t},a),{accessibleWhenDisabled:R,getItem:c,shouldRegisterItem:I})),a}),ae=e.memo2(e.forwardRef2(function(n){const o=re(n);return e.createElement(ne,o)})),ie="div",ce=e.createHook(function(n){var o=n,{store:t}=o,r=e.__objRest(o,["store"]);const a=D();t=t||a,e.invariant(t,process.env.NODE_ENV!=="production"&&"TabList must receive a `store` prop or be wrapped in a TabProvider component.");const v=t.useState(u=>u.orientation==="both"?void 0:u.orientation);return r=e.useWrapElement(r,u=>e.jsxRuntimeExports.jsx(H,{value:t,children:u}),[t]),t.composite&&(r=e.__spreadValues({focusable:!1},r)),r=e.__spreadValues({role:"tablist","aria-orientation":v},r),r=k.useComposite(e.__spreadValues({store:t},r)),r}),ue=e.forwardRef2(function(n){const o=ce(n);return e.createElement(ie,o)}),le="div",de=e.createHook(function(n){var o=n,{store:t,unmountOnHide:r,tabId:a,getItem:v,scrollRestoration:u,scrollElement:f}=o,i=e.__objRest(o,["store","unmountOnHide","tabId","getItem","scrollRestoration","scrollElement"]);const g=D();t=t||g,e.invariant(t,process.env.NODE_ENV!=="production"&&"TabPanel must receive a `store` prop or be wrapped in a TabProvider component.");const c=m.useRef(null),S=e.useId(i.id),P=d.useStoreState(t.panels,()=>{var l;return a||((l=t==null?void 0:t.panels.item(S))==null?void 0:l.tabId)}),b=d.useStoreState(t,l=>!!P&&l.selectedId===P),I=O.useDisclosureStore({open:b}),h=d.useStoreState(I,"mounted"),x=m.useRef(new Map),E=e.useEvent(()=>{const l=c.current;return l?f?typeof f=="function"?f(l):"current"in f?f.current:f:l:null});m.useEffect(()=>{var l,V;if(!u||!h)return;const C=E();if(!C)return;if(u==="reset"){C.scroll(0,0);return}if(!P)return;const w=x.current.get(P);C.scroll((l=w==null?void 0:w.x)!=null?l:0,(V=w==null?void 0:w.y)!=null?V:0);const N=()=>{x.current.set(P,{x:C.scrollLeft,y:C.scrollTop})};return C.addEventListener("scroll",N),()=>{C.removeEventListener("scroll",N)}},[u,h,P,E,t]);const[T,R]=m.useState(!1);m.useEffect(()=>{const l=c.current;if(!l)return;const V=e.getAllTabbableIn(l);R(!!V.length)},[]);const L=m.useCallback(l=>{const V=e.__spreadProps(e.__spreadValues({},l),{id:S||l.id,tabId:a});return v?v(V):V},[S,a,v]),_=i.onKeyDown,y=e.useEvent(l=>{if(_==null||_(l),l.defaultPrevented||!(t!=null&&t.composite))return;const C={ArrowLeft:t.previous,ArrowRight:t.next,Home:t.first,End:t.last}[l.key];if(!C)return;const{selectedId:w}=t.getState(),N=C({activeId:w});N&&(l.preventDefault(),t.move(N))});return i=e.useWrapElement(i,l=>e.jsxRuntimeExports.jsx(H,{value:t,children:l}),[t]),i=e.__spreadProps(e.__spreadValues({id:S,role:"tabpanel","aria-labelledby":P||void 0},i),{children:r&&!h?null:i.children,ref:e.useMergeRefs(c,i.ref),onKeyDown:y}),i=e.useFocusable(e.__spreadValues({focusable:!t.composite&&!T},i)),i=O.useDisclosureContent(e.__spreadValues({store:I},i)),i=$.useCollectionItem(e.__spreadProps(e.__spreadValues({store:t.panels},i),{getItem:L})),i}),pe=e.forwardRef2(function(n){const o=de(n);return e.createElement(le,o)});function B(s){var n=m.Children.toArray(s);return n.reduce(function(o,t){return t.type===m.Fragment?o.concat(B(t.props.children)):(o.push(t),o)},[])}const me=p(ue)(({size:s})=>p.css`
|
|
2
2
|
position: relative;
|
|
3
3
|
width: 100%;
|
|
4
4
|
overflow-x: auto;
|
|
@@ -13,11 +13,11 @@
|
|
|
13
13
|
|
|
14
14
|
${p.th("tabs.tabsBorder.horizontal")};
|
|
15
15
|
|
|
16
|
-
${
|
|
16
|
+
${F} {
|
|
17
17
|
${p.th(`tabs.item.size.${s}`)}
|
|
18
18
|
}
|
|
19
19
|
${p.system};
|
|
20
|
-
`),
|
|
20
|
+
`),F=p.button`
|
|
21
21
|
border: 0;
|
|
22
22
|
background: none;
|
|
23
23
|
${p.th("tabs.item.default")};
|
|
@@ -59,24 +59,24 @@
|
|
|
59
59
|
& > span {
|
|
60
60
|
${p.th("tabs.badge")};
|
|
61
61
|
}
|
|
62
|
-
`,
|
|
62
|
+
`,fe=p(pe)(({orientation:s})=>p.css`
|
|
63
63
|
${s==="vertical"?p.th("tabs.panel.vertical"):p.th("tabs.panel.horizontal")};
|
|
64
|
-
`),
|
|
64
|
+
`),be=({offset:s=0,size:n=0})=>p.css`
|
|
65
65
|
${p.th("tabs.activeBar.horizontal")};
|
|
66
66
|
left: 0;
|
|
67
67
|
bottom: 0;
|
|
68
68
|
width: ${n}px;
|
|
69
69
|
transform: translateX(${s}px);
|
|
70
|
-
`,
|
|
70
|
+
`,ve=({offset:s=0,size:n=0})=>p.css`
|
|
71
71
|
${p.th("tabs.activeBar.vertical")};
|
|
72
72
|
right: 0;
|
|
73
73
|
top: 0;
|
|
74
74
|
height: ${n}px;
|
|
75
75
|
transform: translateY(${s}px);
|
|
76
|
-
`,
|
|
76
|
+
`,_e=p.span(({orientation:s,...n})=>p.css`
|
|
77
77
|
position: absolute;
|
|
78
|
-
${s==="vertical"?
|
|
78
|
+
${s==="vertical"?ve(n):be(n)}
|
|
79
79
|
will-change: width, transform;
|
|
80
80
|
transition: medium;
|
|
81
81
|
transition-property: transform, width;
|
|
82
|
-
`),
|
|
82
|
+
`),z=s=>{if(!s||typeof window>"u")return 1;const n=Number(window.getComputedStyle(s).scale);return isNaN(n)?z(s.parentElement):n};function Ie(s,n,o){const[t,r]=m.useState({}),{height:a,width:v}=Q.useViewportSize();return U.useIsomorphicLayoutEffect(()=>{const u=s.current;if(!u||!n)return;const f=u.getBoundingClientRect(),i=n.getBoundingClientRect(),g=z(u);if(o==="vertical"){const c=i.top-f.top,S=i.height;r({size:S,offset:c,orientation:o})}else{const c=(i.left-f.left+u.scrollLeft)/g,S=i.width/g;r({size:isNaN(S)?0:S,offset:isNaN(c)?0:c,orientation:o})}},[s,n,v,a,o]),t}const W=({activeTab:s,listRef:n,orientation:o})=>{const t=Ie(n,s,o);return m.createElement(_e,{...t})};W.displayName="ActiveBar";const Se=B.default||B;function he(s,n){const[o,t]=m.useState(null);return[Se(n).map(a=>a.props.id===s?m.cloneElement(a,{ref:t}):a),o]}const K=j.forwardRef(({children:s,size:n="md",store:o,...t},r)=>{const a=m.useRef(),v=Y.useForkRef(r,a),{orientation:u,selectedId:f}=o.useState(),[i,g]=he(f,s);return m.createElement(me,{orientation:u,ref:v,size:n,store:o,...t},i,i.length>1&&m.createElement(W,{activeTab:g,listRef:a,orientation:u}))});K.displayName="TabList";const J=j.forwardRef(({children:s,store:n,tabId:o,...t},r)=>{const a=n.useState("orientation");return m.createElement(fe,{orientation:a,ref:r,store:n,tabId:o,...t},s)});J.displayName="TabPanel";const M=j.forwardRef(({as:s,children:n,id:o,store:t,...r},a)=>m.createElement(ae,{id:o,render:v=>m.createElement(F,{as:s,...v,ref:a}),store:t,...r},n));M.displayName="Tab";const xe=Object.assign(M,{List:K,Panel:J});function Pe(s){return se(s)}exports.Tab=xe;exports.TabComponent=M;exports.useTab=Pe;
|