@okam/stack-ui 1.35.5 → 1.35.7
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/index108.js +1 -1
- package/index108.mjs +2 -2
- package/index109.js +1 -1
- package/index109.mjs +1 -1
- package/index114.js +1 -1
- package/index114.mjs +1 -1
- package/index145.js +1 -1
- package/index145.mjs +12 -46
- package/index146.js +1 -2
- package/index146.mjs +46 -13
- package/index147.js +2 -1
- package/index147.mjs +12 -29
- package/index148.js +1 -1
- package/index148.mjs +30 -12
- package/index18.js +1 -1
- package/index18.mjs +51 -37
- package/package.json +1 -1
package/index108.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const a=require("react/jsx-runtime"),M=require("./
|
|
1
|
+
"use strict";const a=require("react/jsx-runtime"),M=require("./index146.js"),n=require("./index120.js"),o=require("./index69.js"),N=require("./index147.js"),T=p=>{const{slides:c,slidesPerView:d=1,spaceBetween:u=50,themeName:r,tokens:s,customTheme:m,modules:i,a11y:t,children:w=e=>a.jsx(N,{...e}),...h}=p,b=o(`${r}.slide.wrapper`,s),x=o(`${r}.swiper.swiper`,s,m),g=o(`${r}.swiper.wrapper`,s),y=["A11y"],S=[...(i==null?void 0:i.filter(e=>e!=="Pagination"))??[],...y].map(e=>M[e]),{itemRoleDescriptionMessage:q="slide",slideRole:R="group",containerRoleDescriptionMessage:f="carousel"}=t??{};return a.jsx(n.Swiper,{tabIndex:0,...h,watchSlidesProgress:!0,role:"group","aria-roledescription":f??void 0,slidesPerView:d,spaceBetween:u,className:x,wrapperClass:g,modules:S,keyboard:{enabled:!0,onlyInViewport:!1},a11y:{...t,enabled:!1},children:c.map(e=>{const{id:l,title:j}=e;return a.jsx(n.SwiperSlide,{className:b,...j?{"aria-labelledby":l}:{"aria-label":e.ariaLabel},role:R,"aria-roledescription":q??void 0,children:w({...e,themeName:`${r}.slide`,tokens:s})},l)})})};module.exports=T;
|
package/index108.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import * as M from "./
|
|
2
|
+
import * as M from "./index146.mjs";
|
|
3
3
|
import { Swiper as N, SwiperSlide as $ } from "./index120.mjs";
|
|
4
4
|
import a from "./index69.mjs";
|
|
5
|
-
import I from "./
|
|
5
|
+
import I from "./index147.mjs";
|
|
6
6
|
const D = (p) => {
|
|
7
7
|
const {
|
|
8
8
|
slides: n,
|
package/index109.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),c=require("react-aria"),l=require("./index27.js"),p=require("./
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),c=require("react-aria"),l=require("./index27.js"),p=require("./index148.js"),d=a=>{const{themeName:r,tokens:i,slides:t,activeIndex:s,paginationGroupLabel:n}=a;return e.jsx(l.default,{as:"div",themeName:`${r}.wrapper`,tokens:i,role:"group","aria-label":n,children:e.jsx(c.FocusScope,{children:t.map((o,u)=>e.jsx(p,{index:u,activeIndex:s,slides:t,themeName:r,tokens:i},JSON.stringify(o)))})})};module.exports=d;
|
package/index109.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { FocusScope as p } from "react-aria";
|
|
3
3
|
import s from "./index27.mjs";
|
|
4
|
-
import u from "./
|
|
4
|
+
import u from "./index148.mjs";
|
|
5
5
|
const h = (i) => {
|
|
6
6
|
const { themeName: o, tokens: r, slides: a, activeIndex: t, paginationGroupLabel: n } = i;
|
|
7
7
|
return /* @__PURE__ */ e(
|
package/index114.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),h=require("react-aria"),k=require("./index69.js"),l=require("./index27.js"),j=require("./index3.js"),N=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),h=require("react-aria"),k=require("./index69.js"),l=require("./index27.js"),j=require("./index3.js"),N=require("./index145.js"),d=({item:o,state:a,themeName:n="li"})=>{const r=p.useRef(null),{optionProps:e,isFocusVisible:i}=h.useOption({key:o.key},a,r),c=k(n);return t.jsx(j.TypographyWithForwardRef,{as:"li",...e,tokens:{className:`${c} ${i?"has-focus-ring":""}`},ref:r,children:o.rendered})},y=o=>{const{children:a,listBoxRef:n,themeName:r,...e}=o;return t.jsx(h.FocusScope,{autoFocus:!0,restoreFocus:!0,contain:!0,children:t.jsx(l.BoxWithForwardRef,{...e,ref:n,as:"ul",themeName:`${r}.ul`,children:a})})},B=o=>{const a=p.useRef(null),{listBoxRef:n=a,state:r,themeName:e="option",optionsWithHeaders:i}=o,{listBoxProps:c}=h.useListBox(o,r,n),m=Array.from(r.collection),$=N.useListboxSections(m,i||[]);return(i==null?void 0:i.some(s=>{var u;return(u=s.key)==null?void 0:u.includes("header-")}))?t.jsx(y,{...c,listBoxRef:n,themeName:e,children:$.map(s=>{var x;const u=s.header?`section-${s.header.key}`:`section-${((x=s.items[0])==null?void 0:x.key)||"empty"}`;return t.jsx(l.default,{as:"li",themeName:`${e}.group`,children:t.jsxs(l.default,{as:"section",themeName:`${e}.section`,children:[s.header&&t.jsx(j.default,{as:"header",themeName:`${e}.headerText`,children:s.header.rendered},s.header.key),t.jsx(l.default,{as:"ul",themeName:`${e}.list`,children:s.items.map(f=>t.jsx(d,{themeName:`${e}.li`,item:f,state:r},String(f.key)))})]})},u)})}):t.jsx(y,{...c,listBoxRef:n,themeName:e,children:m.map(s=>t.jsx(d,{themeName:`${e}.li`,item:s,state:r},s.key))})};exports.ListBox=B;exports.Option=d;
|
package/index114.mjs
CHANGED
|
@@ -4,7 +4,7 @@ import { useListBox as N, useOption as k, FocusScope as B } from "react-aria";
|
|
|
4
4
|
import R from "./index69.mjs";
|
|
5
5
|
import h, { BoxWithForwardRef as F } from "./index27.mjs";
|
|
6
6
|
import g, { TypographyWithForwardRef as L } from "./index3.mjs";
|
|
7
|
-
import { useListboxSections as S } from "./
|
|
7
|
+
import { useListboxSections as S } from "./index145.mjs";
|
|
8
8
|
const p = ({ item: s, state: i, themeName: n = "li" }) => {
|
|
9
9
|
const t = y.useRef(null), { optionProps: e, isFocusVisible: a } = k({ key: s.key }, i, t), m = R(n);
|
|
10
10
|
return /* @__PURE__ */ o(
|
package/index145.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function d(r,c){var o;const i=[];let e=null;const n=[];for(const t of c){const l=t.key==="header"||((o=t.key)==null?void 0:o.toString().includes("header-")),s=r.find(u=>u.rendered===t.value);l?(e&&i.push(e),e={header:{key:t.key,rendered:t.value},items:[]}):e?s&&e.items.push(s):s&&n.push(s)}return e&&i.push(e),[...n.length>0?[{items:n}]:[],...i]}exports.useListboxSections=d;
|
package/index145.mjs
CHANGED
|
@@ -1,48 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
import { default as M } from "./index219.mjs";
|
|
13
|
-
import { default as A } from "./index220.mjs";
|
|
14
|
-
import { default as N } from "./index221.mjs";
|
|
15
|
-
import { default as G } from "./index222.mjs";
|
|
16
|
-
import { default as S } from "./index223.mjs";
|
|
17
|
-
import { default as V } from "./index224.mjs";
|
|
18
|
-
import { default as j } from "./index225.mjs";
|
|
19
|
-
import { default as q } from "./index226.mjs";
|
|
20
|
-
import { default as B } from "./index227.mjs";
|
|
21
|
-
import { default as I } from "./index228.mjs";
|
|
22
|
-
import { default as L } from "./index229.mjs";
|
|
23
|
-
import { default as Q } from "./index230.mjs";
|
|
1
|
+
function f(r, c) {
|
|
2
|
+
var o;
|
|
3
|
+
const s = [];
|
|
4
|
+
let e = null;
|
|
5
|
+
const i = [];
|
|
6
|
+
for (const t of c) {
|
|
7
|
+
const l = t.key === "header" || ((o = t.key) == null ? void 0 : o.toString().includes("header-")), n = r.find((u) => u.rendered === t.value);
|
|
8
|
+
l ? (e && s.push(e), e = { header: { key: t.key, rendered: t.value }, items: [] }) : e ? n && e.items.push(n) : n && i.push(n);
|
|
9
|
+
}
|
|
10
|
+
return e && s.push(e), [...i.length > 0 ? [{ items: i }] : [], ...s];
|
|
11
|
+
}
|
|
24
12
|
export {
|
|
25
|
-
|
|
26
|
-
A as Autoplay,
|
|
27
|
-
b as Controller,
|
|
28
|
-
Q as EffectCards,
|
|
29
|
-
I as EffectCoverflow,
|
|
30
|
-
L as EffectCreative,
|
|
31
|
-
q as EffectCube,
|
|
32
|
-
j as EffectFade,
|
|
33
|
-
B as EffectFlip,
|
|
34
|
-
G as FreeMode,
|
|
35
|
-
S as Grid,
|
|
36
|
-
M as HashNavigation,
|
|
37
|
-
h as History,
|
|
38
|
-
f as Keyboard,
|
|
39
|
-
V as Manipulation,
|
|
40
|
-
l as Mousewheel,
|
|
41
|
-
d as Navigation,
|
|
42
|
-
p as Pagination,
|
|
43
|
-
c as Parallax,
|
|
44
|
-
x as Scrollbar,
|
|
45
|
-
N as Thumbs,
|
|
46
|
-
o as Virtual,
|
|
47
|
-
E as Zoom
|
|
13
|
+
f as useListboxSections
|
|
48
14
|
};
|
package/index146.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
"use
|
|
2
|
-
"use strict";const n=require("react/jsx-runtime"),d=require("./index120.js"),a=require("./index27.js"),m=require("./index3.js"),h=r=>{const{themeName:e,title:t,tokens:c,id:o,children:l}=r,{isActive:u,isVisible:i}=d.useSwiperSlide(),s={...c,isActive:u,isVisible:i};return n.jsxs(a.default,{themeName:`${e}.container`,tokens:s,...i?{}:{inert:"true"},children:[t&&n.jsx(m.default,{themeName:`${e}.title`,tokens:s,id:o,children:t}),l]})};module.exports=h;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index208.js"),r=require("./index209.js"),t=require("./index210.js"),o=require("./index211.js"),i=require("./index212.js"),a=require("./index213.js"),c=require("./index214.js"),n=require("./index215.js"),u=require("./index216.js"),s=require("./index217.js"),f=require("./index218.js"),l=require("./index219.js"),q=require("./index220.js"),d=require("./index221.js"),b=require("./index222.js"),v=require("./index223.js"),y=require("./index224.js"),g=require("./index225.js"),p=require("./index226.js"),C=require("./index227.js"),h=require("./index228.js"),m=require("./index229.js"),E=require("./index230.js");exports.Virtual=e;exports.Keyboard=r;exports.Mousewheel=t;exports.Navigation=o;exports.Pagination=i;exports.Scrollbar=a;exports.Parallax=c;exports.Zoom=n;exports.Controller=u;exports.A11y=s;exports.History=f;exports.HashNavigation=l;exports.Autoplay=q;exports.Thumbs=d;exports.FreeMode=b;exports.Grid=v;exports.Manipulation=y;exports.EffectFade=g;exports.EffectCube=p;exports.EffectFlip=C;exports.EffectCoverflow=h;exports.EffectCreative=m;exports.EffectCards=E;
|
package/index146.mjs
CHANGED
|
@@ -1,15 +1,48 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
};
|
|
1
|
+
import { default as o } from "./index208.mjs";
|
|
2
|
+
import { default as f } from "./index209.mjs";
|
|
3
|
+
import { default as l } from "./index210.mjs";
|
|
4
|
+
import { default as d } from "./index211.mjs";
|
|
5
|
+
import { default as p } from "./index212.mjs";
|
|
6
|
+
import { default as x } from "./index213.mjs";
|
|
7
|
+
import { default as c } from "./index214.mjs";
|
|
8
|
+
import { default as E } from "./index215.mjs";
|
|
9
|
+
import { default as b } from "./index216.mjs";
|
|
10
|
+
import { default as y } from "./index217.mjs";
|
|
11
|
+
import { default as h } from "./index218.mjs";
|
|
12
|
+
import { default as M } from "./index219.mjs";
|
|
13
|
+
import { default as A } from "./index220.mjs";
|
|
14
|
+
import { default as N } from "./index221.mjs";
|
|
15
|
+
import { default as G } from "./index222.mjs";
|
|
16
|
+
import { default as S } from "./index223.mjs";
|
|
17
|
+
import { default as V } from "./index224.mjs";
|
|
18
|
+
import { default as j } from "./index225.mjs";
|
|
19
|
+
import { default as q } from "./index226.mjs";
|
|
20
|
+
import { default as B } from "./index227.mjs";
|
|
21
|
+
import { default as I } from "./index228.mjs";
|
|
22
|
+
import { default as L } from "./index229.mjs";
|
|
23
|
+
import { default as Q } from "./index230.mjs";
|
|
13
24
|
export {
|
|
14
|
-
|
|
25
|
+
y as A11y,
|
|
26
|
+
A as Autoplay,
|
|
27
|
+
b as Controller,
|
|
28
|
+
Q as EffectCards,
|
|
29
|
+
I as EffectCoverflow,
|
|
30
|
+
L as EffectCreative,
|
|
31
|
+
q as EffectCube,
|
|
32
|
+
j as EffectFade,
|
|
33
|
+
B as EffectFlip,
|
|
34
|
+
G as FreeMode,
|
|
35
|
+
S as Grid,
|
|
36
|
+
M as HashNavigation,
|
|
37
|
+
h as History,
|
|
38
|
+
f as Keyboard,
|
|
39
|
+
V as Manipulation,
|
|
40
|
+
l as Mousewheel,
|
|
41
|
+
d as Navigation,
|
|
42
|
+
p as Pagination,
|
|
43
|
+
c as Parallax,
|
|
44
|
+
x as Scrollbar,
|
|
45
|
+
N as Thumbs,
|
|
46
|
+
o as Virtual,
|
|
47
|
+
E as Zoom
|
|
15
48
|
};
|
package/index147.js
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
"use
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";const n=require("react/jsx-runtime"),d=require("./index120.js"),a=require("./index27.js"),m=require("./index3.js"),h=r=>{const{themeName:e,title:t,tokens:c,id:o,children:l}=r,{isActive:u,isVisible:i}=d.useSwiperSlide(),s={...c,isActive:u,isVisible:i};return n.jsxs(a.default,{themeName:`${e}.container`,tokens:s,...i?{}:{inert:"true"},children:[t&&n.jsx(m.default,{themeName:`${e}.title`,tokens:s,id:o,children:t}),l]})};module.exports=h;
|
package/index147.mjs
CHANGED
|
@@ -1,32 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}), v = o[t], n = t === p, { title: r, id: x } = v, a = r && r.length > 0;
|
|
13
|
-
return /* @__PURE__ */ h(
|
|
14
|
-
g,
|
|
15
|
-
{
|
|
16
|
-
as: "button",
|
|
17
|
-
tabIndex: 0,
|
|
18
|
-
role: "button",
|
|
19
|
-
"aria-current": n ? "true" : "false",
|
|
20
|
-
"aria-disabled": n,
|
|
21
|
-
"aria-label": a ? void 0 : `${t + 1} / ${o.length}`,
|
|
22
|
-
"aria-labelledby": a ? x : void 0,
|
|
23
|
-
...b,
|
|
24
|
-
...f,
|
|
25
|
-
themeName: `${l}.bullet`,
|
|
26
|
-
tokens: { ...u, active: n }
|
|
27
|
-
}
|
|
28
|
-
);
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as c, jsx as a } from "react/jsx-runtime";
|
|
3
|
+
import { useSwiperSlide as d } from "./index120.mjs";
|
|
4
|
+
import p from "./index27.mjs";
|
|
5
|
+
import h from "./index3.mjs";
|
|
6
|
+
const S = (r) => {
|
|
7
|
+
const { themeName: e, title: t, tokens: s, id: n, children: m } = r, { isActive: l, isVisible: o } = d(), i = { ...s, isActive: l, isVisible: o };
|
|
8
|
+
return /* @__PURE__ */ c(p, { themeName: `${e}.container`, tokens: i, ...o ? {} : { inert: "true" }, children: [
|
|
9
|
+
t && /* @__PURE__ */ a(h, { themeName: `${e}.title`, tokens: i, id: n, children: t }),
|
|
10
|
+
m
|
|
11
|
+
] });
|
|
29
12
|
};
|
|
30
13
|
export {
|
|
31
|
-
|
|
14
|
+
S as default
|
|
32
15
|
};
|
package/index148.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";const P=require("react/jsx-runtime"),o=require("react-aria"),k=require("./index76.js"),m=require("./index6.js"),w=d=>{const{themeName:l,tokens:c,slides:i,activeIndex:x,index:t}=d,{controller:e}=k.useSwiperController(),s=o.useFocusManager(),p=t===0?i.length-1:t-1,b=t===i.length-1?0:t+1,{keyboardProps:v}=o.useKeyboard({onKeyUp:n=>{n.key==="ArrowLeft"&&(n.preventDefault(),s==null||s.focusPrevious({wrap:!0}),e==null||e.slideTo(p)),n.key==="ArrowRight"&&(n.preventDefault(),s==null||s.focusNext({wrap:!0}),e==null||e.slideTo(b))}}),{pressProps:h}=o.usePress({onPress:()=>e==null?void 0:e.slideTo(t)}),f=i[t],r=t===x,{title:a,id:y}=f,u=a&&a.length>0;return P.jsx(m.default,{as:"button",tabIndex:0,role:"button","aria-current":r?"true":"false","aria-disabled":r,"aria-label":u?void 0:`${t+1} / ${i.length}`,"aria-labelledby":u?y:void 0,...v,...h,themeName:`${l}.bullet`,tokens:{...c,active:r}})};module.exports=w;
|
package/index148.mjs
CHANGED
|
@@ -1,14 +1,32 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
import { jsx as h } from "react/jsx-runtime";
|
|
2
|
+
import { useFocusManager as y, useKeyboard as P, usePress as k } from "react-aria";
|
|
3
|
+
import { useSwiperController as w } from "./index76.mjs";
|
|
4
|
+
import g from "./index6.mjs";
|
|
5
|
+
const N = (d) => {
|
|
6
|
+
const { themeName: l, tokens: u, slides: o, activeIndex: p, index: t } = d, { controller: e } = w(), s = y(), m = t === 0 ? o.length - 1 : t - 1, c = t === o.length - 1 ? 0 : t + 1, { keyboardProps: b } = P({
|
|
7
|
+
onKeyUp: (i) => {
|
|
8
|
+
i.key === "ArrowLeft" && (i.preventDefault(), s == null || s.focusPrevious({ wrap: !0 }), e == null || e.slideTo(m)), i.key === "ArrowRight" && (i.preventDefault(), s == null || s.focusNext({ wrap: !0 }), e == null || e.slideTo(c));
|
|
9
|
+
}
|
|
10
|
+
}), { pressProps: f } = k({
|
|
11
|
+
onPress: () => e == null ? void 0 : e.slideTo(t)
|
|
12
|
+
}), v = o[t], n = t === p, { title: r, id: x } = v, a = r && r.length > 0;
|
|
13
|
+
return /* @__PURE__ */ h(
|
|
14
|
+
g,
|
|
15
|
+
{
|
|
16
|
+
as: "button",
|
|
17
|
+
tabIndex: 0,
|
|
18
|
+
role: "button",
|
|
19
|
+
"aria-current": n ? "true" : "false",
|
|
20
|
+
"aria-disabled": n,
|
|
21
|
+
"aria-label": a ? void 0 : `${t + 1} / ${o.length}`,
|
|
22
|
+
"aria-labelledby": a ? x : void 0,
|
|
23
|
+
...b,
|
|
24
|
+
...f,
|
|
25
|
+
themeName: `${l}.bullet`,
|
|
26
|
+
tokens: { ...u, active: n }
|
|
27
|
+
}
|
|
28
|
+
);
|
|
29
|
+
};
|
|
12
30
|
export {
|
|
13
|
-
|
|
31
|
+
N as default
|
|
14
32
|
};
|
package/index18.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const e=require("react/jsx-runtime");require("./index2.js");const
|
|
2
|
+
"use strict";const e=require("react/jsx-runtime");require("./index2.js");const R=require("./index3.js");require("@react-aria/accordion");const m=require("react");require("./index74.js");const n=require("./index27.js"),b=require("react-aria");require("react-use");require("@react-spring/web");const w=require("./index69.js"),F=require("./index6.js");require("./index111.js");const v=require("react-stately");require("./index5.js");require("react-div-100vh");require("./index71.js");require("@react-aria/focus");require("./index10.js");require("./index76.js");require("./index12.js");require("./index120.js");require("sanitize-html");require("@react-aria/i18n");require("radashi");require("react-hook-form");require("./index77.js");const M=require("./index75.js"),T=require("./index50.js"),B=require("./index112.js");require("./index121.js");require("./index122.js");require("./index73.js");require("./index72.js");require("./index123.js");require("./index43.js");require("./index44.js");require("./index45.js");require("./index46.js");require("./index47.js");require("./index48.js");require("./index49.js");require("./index51.js");require("./index52.js");require("./index53.js");require("./index54.js");require("./index55.js");require("./index56.js");require("./index57.js");require("./index58.js");require("./index59.js");require("./index60.js");require("./index61.js");require("./index62.js");require("./index63.js");require("./index64.js");require("./index65.js");require("./index66.js");require("./index67.js");require("./index68.js");require("./index70.js");require("./index84.js");const I=l=>{const{setUserSearchQuery:q}=M.useUserQueryValHook(),{label:o,themeName:r="search",tokens:x,customTheme:f,disabled:g,errorMessage:t,placeholder:j,icon:k,isDisabled:$}=l,i=$||g,c={...l,isDisabled:i},a=v.useSearchFieldState(c),h=m.useRef(null),{labelProps:S,inputProps:s,errorMessageProps:p,clearButtonProps:N}=b.useSearchField(c,a,h),C=m.useCallback(P=>{var d;q(a.value),(d=s.onChange)==null||d.call(s,P)},[q,a.value,s]),D=t!=null,u={...x,isError:D,isDisabled:i??!1},y=w(`${r}.input`,u,f);return e.jsxs(n.default,{themeName:`${r}.wrapper`,tokens:u,"aria-disabled":i??!1,children:[o&&e.jsx(n.default,{...S,as:"label",themeName:`${r}.label`,tokens:u,children:o}),e.jsxs(n.default,{themeName:`${r}.container`,tokens:u,children:[e.jsx("input",{ref:h,...s,onChange:C,placeholder:j,className:y,disabled:i}),e.jsx(b.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsx(F.default,{isDisabled:i,handlePress:N.onPress,tokens:{isIconOnly:!0,buttonStyle:"hollow",isDisabled:i??!1},themeName:`${r}.icon`,"aria-label":"clear",children:k??(a.value===""?e.jsx(B,{width:"16",height:"16"}):e.jsx(T,{width:"16",height:"16"}))})})]}),t&&e.jsx(R.default,{themeName:`${r}.errorMessage`,tokens:u,...p,children:t})]})};module.exports=I;
|
package/index18.mjs
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as u, jsx as o } from "react/jsx-runtime";
|
|
3
3
|
import "./index2.mjs";
|
|
4
|
-
import
|
|
4
|
+
import w from "./index3.mjs";
|
|
5
5
|
import "@react-aria/accordion";
|
|
6
|
-
import
|
|
6
|
+
import B, { useCallback as F } from "react";
|
|
7
7
|
import "./index74.mjs";
|
|
8
|
-
import
|
|
9
|
-
import { useSearchField as
|
|
8
|
+
import p from "./index27.mjs";
|
|
9
|
+
import { useSearchField as R, FocusRing as v } from "react-aria";
|
|
10
10
|
import "react-use";
|
|
11
11
|
import "@react-spring/web";
|
|
12
|
-
import
|
|
13
|
-
import
|
|
12
|
+
import M from "./index69.mjs";
|
|
13
|
+
import j from "./index6.mjs";
|
|
14
14
|
import "./index111.mjs";
|
|
15
|
-
import { useSearchFieldState as
|
|
15
|
+
import { useSearchFieldState as I } from "react-stately";
|
|
16
16
|
import "./index5.mjs";
|
|
17
17
|
import "react-div-100vh";
|
|
18
18
|
import "./index71.mjs";
|
|
@@ -26,9 +26,9 @@ import "@react-aria/i18n";
|
|
|
26
26
|
import "radashi";
|
|
27
27
|
import "react-hook-form";
|
|
28
28
|
import "./index77.mjs";
|
|
29
|
-
import { useUserQueryValHook as
|
|
30
|
-
import
|
|
31
|
-
import
|
|
29
|
+
import { useUserQueryValHook as Q } from "./index75.mjs";
|
|
30
|
+
import U from "./index50.mjs";
|
|
31
|
+
import _ from "./index112.mjs";
|
|
32
32
|
import "./index121.mjs";
|
|
33
33
|
import "./index122.mjs";
|
|
34
34
|
import "./index73.mjs";
|
|
@@ -61,40 +61,54 @@ import "./index67.mjs";
|
|
|
61
61
|
import "./index68.mjs";
|
|
62
62
|
import "./index70.mjs";
|
|
63
63
|
import "./index84.mjs";
|
|
64
|
-
const
|
|
65
|
-
const { setUserSearchQuery:
|
|
66
|
-
label:
|
|
67
|
-
themeName:
|
|
68
|
-
tokens:
|
|
69
|
-
customTheme:
|
|
70
|
-
disabled:
|
|
71
|
-
errorMessage:
|
|
72
|
-
placeholder:
|
|
73
|
-
icon:
|
|
74
|
-
isDisabled:
|
|
75
|
-
} =
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
64
|
+
const Ko = (a) => {
|
|
65
|
+
const { setUserSearchQuery: l } = Q(), {
|
|
66
|
+
label: n,
|
|
67
|
+
themeName: r = "search",
|
|
68
|
+
tokens: f,
|
|
69
|
+
customTheme: b,
|
|
70
|
+
disabled: g,
|
|
71
|
+
errorMessage: s,
|
|
72
|
+
placeholder: k,
|
|
73
|
+
icon: C,
|
|
74
|
+
isDisabled: N
|
|
75
|
+
} = a, e = N || g, c = { ...a, isDisabled: e }, m = I(c), h = B.useRef(null), { labelProps: S, inputProps: t, errorMessageProps: y, clearButtonProps: D } = R(c, m, h), $ = F(
|
|
76
|
+
(T) => {
|
|
77
|
+
var d;
|
|
78
|
+
l(m.value), (d = t.onChange) == null || d.call(t, T);
|
|
79
|
+
},
|
|
80
|
+
[l, m.value, t]
|
|
81
|
+
), x = s != null, i = { ...f, isError: x, isDisabled: e ?? !1 }, P = M(`${r}.input`, i, b);
|
|
82
|
+
return /* @__PURE__ */ u(p, { themeName: `${r}.wrapper`, tokens: i, "aria-disabled": e ?? !1, children: [
|
|
83
|
+
n && // eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
84
|
+
/* @__PURE__ */ o(p, { ...S, as: "label", themeName: `${r}.label`, tokens: i, children: n }),
|
|
85
|
+
/* @__PURE__ */ u(p, { themeName: `${r}.container`, tokens: i, children: [
|
|
86
|
+
/* @__PURE__ */ o(
|
|
87
|
+
"input",
|
|
88
|
+
{
|
|
89
|
+
ref: h,
|
|
90
|
+
...t,
|
|
91
|
+
onChange: $,
|
|
92
|
+
placeholder: k,
|
|
93
|
+
className: P,
|
|
94
|
+
disabled: e
|
|
95
|
+
}
|
|
96
|
+
),
|
|
97
|
+
/* @__PURE__ */ o(v, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ o(
|
|
98
|
+
j,
|
|
85
99
|
{
|
|
86
100
|
isDisabled: e,
|
|
87
|
-
handlePress:
|
|
101
|
+
handlePress: D.onPress,
|
|
88
102
|
tokens: { isIconOnly: !0, buttonStyle: "hollow", isDisabled: e ?? !1 },
|
|
89
|
-
themeName: `${
|
|
103
|
+
themeName: `${r}.icon`,
|
|
90
104
|
"aria-label": "clear",
|
|
91
|
-
children:
|
|
105
|
+
children: C ?? (m.value === "" ? /* @__PURE__ */ o(_, { width: "16", height: "16" }) : /* @__PURE__ */ o(U, { width: "16", height: "16" }))
|
|
92
106
|
}
|
|
93
107
|
) })
|
|
94
108
|
] }),
|
|
95
|
-
|
|
109
|
+
s && /* @__PURE__ */ o(w, { themeName: `${r}.errorMessage`, tokens: i, ...y, children: s })
|
|
96
110
|
] });
|
|
97
111
|
};
|
|
98
112
|
export {
|
|
99
|
-
|
|
113
|
+
Ko as default
|
|
100
114
|
};
|