naria-ui 0.1.44 → 0.1.46
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/lib/components/Select/Select.d.ts +2 -0
- package/dist/naria-ui.cjs.js +9 -9
- package/dist/naria-ui.es.js +130 -128
- package/package.json +1 -1
package/dist/naria-ui.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");function se(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const d=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(o,s,d.get?d:{enumerable:!0,get:()=>r[s]})}}return o.default=r,Object.freeze(o)}const $=se(l);var V={exports:{}},U={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var K;function ce(){if(K)return U;K=1;var
|
|
9
|
+
*/var K;function ce(){if(K)return U;K=1;var r=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function s(d,c,u){var w=null;if(u!==void 0&&(w=""+u),c.key!==void 0&&(w=""+c.key),"key"in c){u={};for(var g in c)g!=="key"&&(u[g]=c[g])}else u=c;return c=u.ref,{$$typeof:r,type:d,key:w,ref:c!==void 0?c:null,props:u}}return U.Fragment=o,U.jsx=s,U.jsxs=s,U}var H={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,14 +14,14 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var ee;function ie(){return ee||(ee=1,process.env.NODE_ENV!=="production"&&function(){function
|
|
17
|
+
*/var ee;function ie(){return ee||(ee=1,process.env.NODE_ENV!=="production"&&function(){function r(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===_?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case S:return"Fragment";case C:return"Profiler";case q:return"StrictMode";case f:return"Suspense";case M:return"SuspenseList";case B:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case z:return"Portal";case G:return(e.displayName||"Context")+".Provider";case N:return(e._context.displayName||"Context")+".Consumer";case W:var n=e.render;return e=e.displayName,e||(e=n.displayName||n.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case T:return n=e.displayName||null,n!==null?n:r(e.type)||"Memo";case k:n=e._payload,e=e._init;try{return r(e(n))}catch{}}return null}function o(e){return""+e}function s(e){try{o(e);var n=!1}catch{n=!0}if(n){n=console;var i=n.error,t=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i.call(n,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",t),o(e)}}function d(e){if(e===S)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===k)return"<...>";try{var n=r(e);return n?"<"+n+">":"<...>"}catch{return"<...>"}}function c(){var e=b.A;return e===null?null:e.getOwner()}function u(){return Error("react-stack-top-frame")}function w(e){if(Y.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function g(e,n){function i(){y||(y=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",n))}i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}function j(){var e=r(this.type);return D[e]||(D[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function h(e,n,i,t,x,p,X,Z){return i=p.ref,e={$$typeof:I,type:e,key:n,props:p,_owner:x},(i!==void 0?i:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:j}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:X}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Z}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function L(e,n,i,t,x,p,X,Z){var m=n.children;if(m!==void 0)if(t)if(R(m)){for(t=0;t<m.length;t++)E(m[t]);Object.freeze&&Object.freeze(m)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else E(m);if(Y.call(n,"key")){m=r(e);var P=Object.keys(n).filter(function(oe){return oe!=="key"});t=0<P.length?"{key: someKey, "+P.join(": ..., ")+": ...}":"{key: someKey}",J[m+t]||(P=0<P.length?"{"+P.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
18
18
|
let props = %s;
|
|
19
19
|
<%s {...props} />
|
|
20
20
|
React keys must be passed directly to JSX without using spread:
|
|
21
21
|
let props = %s;
|
|
22
|
-
<%s key={someKey} {...props} />`,
|
|
23
|
-
${
|
|
24
|
-
${
|
|
25
|
-
${
|
|
26
|
-
${
|
|
27
|
-
${
|
|
22
|
+
<%s key={someKey} {...props} />`,t,m,P,m),J[m+t]=!0)}if(m=null,i!==void 0&&(s(i),m=""+i),w(n)&&(s(n.key),m=""+n.key),"key"in n){i={};for(var Q in n)Q!=="key"&&(i[Q]=n[Q])}else i=n;return m&&g(i,typeof e=="function"?e.displayName||e.name||"Unknown":e),h(e,m,p,x,c(),i,X,Z)}function E(e){typeof e=="object"&&e!==null&&e.$$typeof===I&&e._store&&(e._store.validated=1)}var v=l,I=Symbol.for("react.transitional.element"),z=Symbol.for("react.portal"),S=Symbol.for("react.fragment"),q=Symbol.for("react.strict_mode"),C=Symbol.for("react.profiler"),N=Symbol.for("react.consumer"),G=Symbol.for("react.context"),W=Symbol.for("react.forward_ref"),f=Symbol.for("react.suspense"),M=Symbol.for("react.suspense_list"),T=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),B=Symbol.for("react.activity"),_=Symbol.for("react.client.reference"),b=v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Y=Object.prototype.hasOwnProperty,R=Array.isArray,O=console.createTask?console.createTask:function(){return null};v={"react-stack-bottom-frame":function(e){return e()}};var y,D={},A=v["react-stack-bottom-frame"].bind(v,u)(),F=O(d(u)),J={};H.Fragment=S,H.jsx=function(e,n,i,t,x){var p=1e4>b.recentlyCreatedOwnerStacks++;return L(e,n,i,!1,t,x,p?Error("react-stack-top-frame"):A,p?O(d(e)):F)},H.jsxs=function(e,n,i,t,x){var p=1e4>b.recentlyCreatedOwnerStacks++;return L(e,n,i,!0,t,x,p?Error("react-stack-top-frame"):A,p?O(d(e)):F)}}()),H}var te;function le(){return te||(te=1,process.env.NODE_ENV==="production"?V.exports=ce():V.exports=ie()),V.exports}var a=le();const ue=({type:r="button",value:o})=>a.jsx("button",{type:r,children:o}),fe=({type:r="text",placeholder:o,wrapperClass:s="",labelClass:d="",inputClass:c="",errorClass:u="",label:w,hasError:g,register:j,name:h,isDisabled:L=!1,autocomplete:E=!1,...v})=>a.jsxs("div",{className:s,children:[a.jsxs("label",{htmlFor:h,className:`${d} ${g&&"error"}`,children:[w,a.jsx("input",{disabled:L,autoComplete:E?"on":"off",id:h,...j,...v,type:r,name:h,className:`${c} ${g&&"error"} ${u}`,placeholder:o})]}),g&&a.jsx("p",{className:u,children:g})]}),re=r=>$.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"currentColor",...r},$.createElement("path",{fill:"currentColor",d:"M209.5 369c-9.4 9.4-24.6 9.4-33.9 0L15.5 209c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143 143-143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-160 160z"})),de=r=>$.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"currentColor",...r},$.createElement("path",{fill:"currentColor",d:"M7.5 105c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l151 151 151-151c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-151 151 151 151c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-151-151-151 151c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l151-151-151-151z"})),ne=r=>$.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",fill:"currentColor",...r},$.createElement("path",{fill:"currentColor",d:"M368 208a160 160 0 1 0 -320 0 160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416 93.1 416 0 322.9 0 208S93.1 0 208 0 416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z"})),ge=()=>{const[r,o]=l.useState(typeof window<"u"?window.innerWidth:0),s=()=>o(typeof window<"u"?window.innerWidth:0);return l.useEffect(()=>(window.addEventListener("resize",s),()=>window.removeEventListener("resize",s)),[r]),r},ae=({classNames:r={wrapper:"",color:""}})=>a.jsxs("svg",{className:`nariaLoading ${r.wrapper}`,viewBox:"0 0 64 64",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[a.jsx("path",{d:"M32 3C35.8083 3 39.5794 3.75011 43.0978 5.20749C46.6163 6.66488 49.8132 8.80101 52.5061 11.4939C55.199 14.1868 57.3351 17.3837 58.7925 20.9022C60.2499 24.4206 61 28.1917 61 32C61 35.8083 60.2499 39.5794 58.7925 43.0978C57.3351 46.6163 55.199 49.8132 52.5061 52.5061C49.8132 55.199 46.6163 57.3351 43.0978 58.7925C39.5794 60.2499 35.8083 61 32 61C28.1917 61 24.4206 60.2499 20.9022 58.7925C17.3837 57.3351 14.1868 55.199 11.4939 52.5061C8.801 49.8132 6.66487 46.6163 5.20749 43.0978C3.7501 39.5794 3 35.8083 3 32C3 28.1917 3.75011 24.4206 5.2075 20.9022C6.66489 17.3837 8.80101 14.1868 11.4939 11.4939C14.1868 8.80099 17.3838 6.66487 20.9022 5.20749C24.4206 3.7501 28.1917 3 32 3L32 3Z",stroke:"currentColor",strokeWidth:"6",strokeLinecap:"round",strokeLinejoin:"round"}),a.jsx("path",{d:"M32 3C36.5778 3 41.0906 4.08374 45.1692 6.16256C49.2477 8.24138 52.7762 11.2562 55.466 14.9605C58.1558 18.6647 59.9304 22.9531 60.6448 27.4748C61.3591 31.9965 60.9928 36.6232 59.5759 40.9762",stroke:"currentColor",strokeWidth:"6",strokeLinecap:"round",strokeLinejoin:"round",className:r.color})]}),me=()=>{const r=`${window.location.pathname}${window.location.search}`;window.history.replaceState(null,"",r)},he=r=>{window.location.hash=r},pe=r=>{const[o,s]=l.useState(!1);return l.useEffect(()=>{const d=c=>{window.location.hash!==r?s(!0):s(!1)};return window.addEventListener("hashchange",d),()=>{window.removeEventListener("hashchange",d)}},[]),o},we=(r,o,s)=>{l.useEffect(()=>{function d(c){o.current&&!o.current.contains(c.target)&&r?.current&&!r?.current.contains(c.target)&&s()}return document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}},[r,s])},ve=({options:r,label:o,hasError:s,title:d,value:c,api:u,selected:w,placeholder:g,disabled:j=!1,pagination:h,optionFilterLabel:L,hasSearch:E=!1,classNames:v={wrapper:"",label:"",title:"",button:"",input:""},onSelectChange:I})=>{let z=!0;const S=ge(),q=pe("#select"),[C,N]=l.useState(!1),[G,W]=l.useState(!0),[f,M]=l.useState(null),[T,k]=l.useState(null),[B,_]=l.useState(""),[b,Y]=l.useState({page:1,pageLabel:"page",size:20,sizeLabel:"size",isLoading:!1}),R=l.useRef(void 0),O=l.useRef(void 0),y=l.useRef(void 0),D=async()=>{if(R?.current)try{const t=await fetch(R?.current);if(!t.ok)throw new Error(`Response status: ${t.status}`);return await t.json()}catch(t){console.error(t.message)}};l.useEffect(()=>()=>{z=!1},[]),l.useEffect(()=>{if(u?.length){if(R.current=u,R.current.includes(h?.pageLabel||"page")){const t=new URL(u);t.searchParams.set(h?.pageLabel||"page",(h?.page||b.page).toString()),t.searchParams.set(h?.sizeLabel||"size",(h?.size||b.size).toString()),R.current=t.href}W(!0),D().then(t=>{z&&(W(!1),k(t))})}},[u,h]),l.useEffect(()=>{if(b.isLoading){if(R.current.includes(h?.pageLabel||"page")){const t=new URL(R.current);t.searchParams.set(h?.pageLabel||"page",b.page.toString()),R.current=t.href}D().then(t=>{z&&(W(!1),Y({...b,isLoading:!1}),k([...T,...t]))})}},[b]),l.useEffect(()=>{S<768&&(C?(he("select"),document.body.style.overflow="hidden",y.current?.focus()):(window.location.hash&&!document.referrer.includes("#")&&me(),document.body.style.overflow="auto"))},[C]),l.useEffect(()=>{w&&r?.length&&(r?.find(t=>t[o]===w)?M(r?.find(t=>t[o]===w)):M(w))},[w]),l.useEffect(()=>{f&&E&&(c?.length&&T?.find(t=>t[o]===f[o])?_(T?.find(t=>t[o]===f[o])[c]||""):_(f))},[f]),l.useEffect(()=>{q&&N(!1)},[q]),l.useEffect(()=>{r?.length&&k(r)},[r]);const A=()=>{E&&k(r),N(t=>!t)},F=()=>{E&&(k(r),_(typeof f=="string"?f:f?f[c]:"")),N(!1)},J=t=>{E&&(c?.length?_(t[c]):_(t)),M(t),A(),I&&I(t)},e=t=>{if(!f)return"";if(o?.length&&t[o]===f[o]||t===f)return"bg-grey-100"},n=t=>{u?.length&&T?.length&&!b.isLoading&&t.target.offsetHeight+t.target.scrollTop>=t.target.scrollHeight-100&&Y({page:b.page+1,isLoading:!0})},i=t=>{const x=t?.target?.value?.length?r.filter(p=>typeof p=="object"?p[L?.length?L:c].includes(t?.target?.value):p.includes(t?.target?.value)):r;k(x),_(t?.target?.value),C||N(!0)};return we(O,y,F),a.jsxs("div",{className:`nariaSelect ${j?"nariaSelect-disabled":""} ${v?.wrapper}`,children:[a.jsxs("label",{className:`cursor-pointer
|
|
23
|
+
${s&&"!text-danger-100"}
|
|
24
|
+
${v?.label}`,children:[a.jsx("span",{className:v?.title,children:d}),E?a.jsxs("div",{className:"nariaSearchInput",children:[a.jsx("input",{ref:y,placeholder:g?.length?g:"Select",className:`${f?"text-dark-100":"text-grey-300"}
|
|
25
|
+
${s&&"!border-danger-100 focus:border-danger-100 outline-danger-100"} ${v?.input}`,value:B,disabled:j,type:"text",onClick:A,onChange:i}),C?a.jsx(ne,{className:"nariaSearchIcon"}):a.jsx(re,{className:`nariaArrowIcon ${C?"nariaArrowIcon-rotate-180":""}`})]}):a.jsxs("button",{type:"button",ref:y,disabled:j,className:`nariaHandler ${f?"text-dark-100":"text-grey-300"}
|
|
26
|
+
${s&&"!border-danger-100 focus:border-danger-100 outline-danger-100"} ${v?.button}`,onClick:A,children:[f?c?.length?f[c]:f:g?.length?g:"Select"," ",a.jsx(re,{className:`nariaArrowIcon ${C?"nariaArrowIcon-rotate-180":""}`})]})]}),C?a.jsxs("div",{className:`nariaListWrapper ${S<768?"nariaListWrapper-mobile":""}`,ref:O,children:[E&&S<768?a.jsxs("div",{className:"nariaSearchInput",children:[a.jsx("input",{ref:y,placeholder:g?.length?g:"Select",className:`${f?"text-dark-100":"text-grey-300"}
|
|
27
|
+
${s&&"!border-danger-100 focus:border-danger-100 outline-danger-100"} ${v?.input}`,value:B,disabled:j,type:"text",onChange:i}),a.jsx(ne,{className:"nariaSearchIcon"})]}):void 0,a.jsx("div",{className:`nariaList ${S<768?"nariaList-mobile":"nariaList-desktop"}`,onScroll:n,children:u&&G?a.jsx("div",{className:"nariaLoadingWrapper",children:a.jsx(ae,{})}):a.jsxs(a.Fragment,{children:[S<768?a.jsx("div",{className:"sticky top-0 text-left",children:a.jsx("button",{className:"p-3",onClick:F,disabled:j,children:a.jsx(de,{className:"w-6"})})}):void 0,T?.length?a.jsx(a.Fragment,{children:T?.map((t,x)=>a.jsx("button",{type:"button",onClick:()=>J(t),disabled:j,className:`text-right py-2.5 px-4 text-base hover:bg-grey-100 rounded-lg ${e(t)}`,children:c?.length?t[c]:t},x.toString()))}):a.jsx("div",{children:"No Data"}),b.isLoading?a.jsx("div",{className:"nariaLoadingMoreWrapper",children:a.jsx(ae,{})}):void 0]})})]}):void 0,s&&a.jsx("p",{className:"text-xs mt-1 text-danger-100",children:s})]})};function be(r){return r.charAt(0).toUpperCase()+r.slice(1)}exports.Button=ue;exports.Input=fe;exports.Select=ve;exports.capitalize=be;
|
package/dist/naria-ui.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as I from "react";
|
|
2
|
-
import ie, { useState as
|
|
2
|
+
import ie, { useState as y, useEffect as E, useRef as ee } from "react";
|
|
3
3
|
var G = { exports: {} }, H = {};
|
|
4
4
|
/**
|
|
5
5
|
* @license React
|
|
@@ -15,18 +15,18 @@ function le() {
|
|
|
15
15
|
if (re) return H;
|
|
16
16
|
re = 1;
|
|
17
17
|
var t = Symbol.for("react.transitional.element"), c = Symbol.for("react.fragment");
|
|
18
|
-
function i(g,
|
|
18
|
+
function i(g, a, l) {
|
|
19
19
|
var p = null;
|
|
20
|
-
if (l !== void 0 && (p = "" + l),
|
|
20
|
+
if (l !== void 0 && (p = "" + l), a.key !== void 0 && (p = "" + a.key), "key" in a) {
|
|
21
21
|
l = {};
|
|
22
|
-
for (var d in
|
|
23
|
-
d !== "key" && (l[d] =
|
|
24
|
-
} else l =
|
|
25
|
-
return
|
|
22
|
+
for (var d in a)
|
|
23
|
+
d !== "key" && (l[d] = a[d]);
|
|
24
|
+
} else l = a;
|
|
25
|
+
return a = l.ref, {
|
|
26
26
|
$$typeof: t,
|
|
27
27
|
type: g,
|
|
28
28
|
key: p,
|
|
29
|
-
ref:
|
|
29
|
+
ref: a !== void 0 ? a : null,
|
|
30
30
|
props: l
|
|
31
31
|
};
|
|
32
32
|
}
|
|
@@ -119,8 +119,8 @@ function ue() {
|
|
|
119
119
|
return "<...>";
|
|
120
120
|
}
|
|
121
121
|
}
|
|
122
|
-
function
|
|
123
|
-
var e =
|
|
122
|
+
function a() {
|
|
123
|
+
var e = v.A;
|
|
124
124
|
return e === null ? null : e.getOwner();
|
|
125
125
|
}
|
|
126
126
|
function l() {
|
|
@@ -135,7 +135,7 @@ function ue() {
|
|
|
135
135
|
}
|
|
136
136
|
function d(e, n) {
|
|
137
137
|
function s() {
|
|
138
|
-
|
|
138
|
+
L || (L = !0, console.error(
|
|
139
139
|
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
|
|
140
140
|
n
|
|
141
141
|
));
|
|
@@ -145,22 +145,22 @@ function ue() {
|
|
|
145
145
|
configurable: !0
|
|
146
146
|
});
|
|
147
147
|
}
|
|
148
|
-
function
|
|
148
|
+
function R() {
|
|
149
149
|
var e = t(this.type);
|
|
150
150
|
return F[e] || (F[e] = !0, console.error(
|
|
151
151
|
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
|
|
152
152
|
)), e = this.props.ref, e !== void 0 ? e : null;
|
|
153
153
|
}
|
|
154
|
-
function m(e, n, s, r,
|
|
154
|
+
function m(e, n, s, r, x, h, Z, Q) {
|
|
155
155
|
return s = h.ref, e = {
|
|
156
156
|
$$typeof: z,
|
|
157
157
|
type: e,
|
|
158
158
|
key: n,
|
|
159
159
|
props: h,
|
|
160
|
-
_owner:
|
|
160
|
+
_owner: x
|
|
161
161
|
}, (s !== void 0 ? s : null) !== null ? Object.defineProperty(e, "ref", {
|
|
162
162
|
enumerable: !1,
|
|
163
|
-
get:
|
|
163
|
+
get: R
|
|
164
164
|
}) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
|
|
165
165
|
configurable: !1,
|
|
166
166
|
enumerable: !1,
|
|
@@ -183,19 +183,19 @@ function ue() {
|
|
|
183
183
|
value: Q
|
|
184
184
|
}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
|
|
185
185
|
}
|
|
186
|
-
function
|
|
186
|
+
function N(e, n, s, r, x, h, Z, Q) {
|
|
187
187
|
var f = n.children;
|
|
188
188
|
if (f !== void 0)
|
|
189
189
|
if (r)
|
|
190
190
|
if (j(f)) {
|
|
191
191
|
for (r = 0; r < f.length; r++)
|
|
192
|
-
|
|
192
|
+
b(f[r]);
|
|
193
193
|
Object.freeze && Object.freeze(f);
|
|
194
194
|
} else
|
|
195
195
|
console.error(
|
|
196
196
|
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
197
197
|
);
|
|
198
|
-
else
|
|
198
|
+
else b(f);
|
|
199
199
|
if (D.call(n, "key")) {
|
|
200
200
|
f = t(e);
|
|
201
201
|
var $ = Object.keys(n).filter(function(ce) {
|
|
@@ -226,49 +226,49 @@ React keys must be passed directly to JSX without using spread:
|
|
|
226
226
|
e,
|
|
227
227
|
f,
|
|
228
228
|
h,
|
|
229
|
-
|
|
230
|
-
|
|
229
|
+
x,
|
|
230
|
+
a(),
|
|
231
231
|
s,
|
|
232
232
|
Z,
|
|
233
233
|
Q
|
|
234
234
|
);
|
|
235
235
|
}
|
|
236
|
-
function
|
|
236
|
+
function b(e) {
|
|
237
237
|
typeof e == "object" && e !== null && e.$$typeof === z && e._store && (e._store.validated = 1);
|
|
238
238
|
}
|
|
239
|
-
var
|
|
239
|
+
var w = ie, z = Symbol.for("react.transitional.element"), W = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), q = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), X = Symbol.for("react.context"), Y = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), B = Symbol.for("react.activity"), S = Symbol.for("react.client.reference"), v = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, j = Array.isArray, O = console.createTask ? console.createTask : function() {
|
|
240
240
|
return null;
|
|
241
241
|
};
|
|
242
|
-
|
|
242
|
+
w = {
|
|
243
243
|
"react-stack-bottom-frame": function(e) {
|
|
244
244
|
return e();
|
|
245
245
|
}
|
|
246
246
|
};
|
|
247
|
-
var
|
|
248
|
-
|
|
247
|
+
var L, F = {}, P = w["react-stack-bottom-frame"].bind(
|
|
248
|
+
w,
|
|
249
249
|
l
|
|
250
250
|
)(), U = O(g(l)), V = {};
|
|
251
|
-
J.Fragment = C, J.jsx = function(e, n, s, r,
|
|
252
|
-
var h = 1e4 >
|
|
253
|
-
return
|
|
251
|
+
J.Fragment = C, J.jsx = function(e, n, s, r, x) {
|
|
252
|
+
var h = 1e4 > v.recentlyCreatedOwnerStacks++;
|
|
253
|
+
return N(
|
|
254
254
|
e,
|
|
255
255
|
n,
|
|
256
256
|
s,
|
|
257
257
|
!1,
|
|
258
258
|
r,
|
|
259
|
-
|
|
259
|
+
x,
|
|
260
260
|
h ? Error("react-stack-top-frame") : P,
|
|
261
261
|
h ? O(g(e)) : U
|
|
262
262
|
);
|
|
263
|
-
}, J.jsxs = function(e, n, s, r,
|
|
264
|
-
var h = 1e4 >
|
|
265
|
-
return
|
|
263
|
+
}, J.jsxs = function(e, n, s, r, x) {
|
|
264
|
+
var h = 1e4 > v.recentlyCreatedOwnerStacks++;
|
|
265
|
+
return N(
|
|
266
266
|
e,
|
|
267
267
|
n,
|
|
268
268
|
s,
|
|
269
269
|
!0,
|
|
270
270
|
r,
|
|
271
|
-
|
|
271
|
+
x,
|
|
272
272
|
h ? Error("react-stack-top-frame") : P,
|
|
273
273
|
h ? O(g(e)) : U
|
|
274
274
|
);
|
|
@@ -279,56 +279,56 @@ var ne;
|
|
|
279
279
|
function de() {
|
|
280
280
|
return ne || (ne = 1, process.env.NODE_ENV === "production" ? G.exports = le() : G.exports = ue()), G.exports;
|
|
281
281
|
}
|
|
282
|
-
var
|
|
283
|
-
const xe = ({ type: t = "button", value: c }) => /* @__PURE__ */
|
|
282
|
+
var o = de();
|
|
283
|
+
const xe = ({ type: t = "button", value: c }) => /* @__PURE__ */ o.jsx("button", { type: t, children: c }), be = ({
|
|
284
284
|
type: t = "text",
|
|
285
285
|
placeholder: c,
|
|
286
286
|
wrapperClass: i = "",
|
|
287
287
|
labelClass: g = "",
|
|
288
|
-
inputClass:
|
|
288
|
+
inputClass: a = "",
|
|
289
289
|
errorClass: l = "",
|
|
290
290
|
label: p,
|
|
291
291
|
hasError: d,
|
|
292
|
-
register:
|
|
292
|
+
register: R,
|
|
293
293
|
name: m,
|
|
294
|
-
isDisabled:
|
|
295
|
-
autocomplete:
|
|
296
|
-
...
|
|
297
|
-
}) => /* @__PURE__ */
|
|
298
|
-
/* @__PURE__ */
|
|
294
|
+
isDisabled: N = !1,
|
|
295
|
+
autocomplete: b = !1,
|
|
296
|
+
...w
|
|
297
|
+
}) => /* @__PURE__ */ o.jsxs("div", { className: i, children: [
|
|
298
|
+
/* @__PURE__ */ o.jsxs(
|
|
299
299
|
"label",
|
|
300
300
|
{
|
|
301
301
|
htmlFor: m,
|
|
302
302
|
className: `${g} ${d && "error"}`,
|
|
303
303
|
children: [
|
|
304
304
|
p,
|
|
305
|
-
/* @__PURE__ */
|
|
305
|
+
/* @__PURE__ */ o.jsx(
|
|
306
306
|
"input",
|
|
307
307
|
{
|
|
308
|
-
disabled:
|
|
309
|
-
autoComplete:
|
|
308
|
+
disabled: N,
|
|
309
|
+
autoComplete: b ? "on" : "off",
|
|
310
310
|
id: m,
|
|
311
|
-
...E,
|
|
312
311
|
...R,
|
|
312
|
+
...w,
|
|
313
313
|
type: t,
|
|
314
314
|
name: m,
|
|
315
|
-
className: `${
|
|
315
|
+
className: `${a} ${d && "error"} ${l}`,
|
|
316
316
|
placeholder: c
|
|
317
317
|
}
|
|
318
318
|
)
|
|
319
319
|
]
|
|
320
320
|
}
|
|
321
321
|
),
|
|
322
|
-
d && /* @__PURE__ */
|
|
323
|
-
] }),
|
|
324
|
-
const [t, c] =
|
|
325
|
-
return
|
|
322
|
+
d && /* @__PURE__ */ o.jsx("p", { className: l, children: d })
|
|
323
|
+
] }), oe = (t) => /* @__PURE__ */ I.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", fill: "currentColor", ...t }, /* @__PURE__ */ I.createElement("path", { fill: "currentColor", d: "M209.5 369c-9.4 9.4-24.6 9.4-33.9 0L15.5 209c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143 143-143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-160 160z" })), fe = (t) => /* @__PURE__ */ I.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", fill: "currentColor", ...t }, /* @__PURE__ */ I.createElement("path", { fill: "currentColor", d: "M7.5 105c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l151 151 151-151c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-151 151 151 151c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-151-151-151 151c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l151-151-151-151z" })), ae = (t) => /* @__PURE__ */ I.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", fill: "currentColor", ...t }, /* @__PURE__ */ I.createElement("path", { fill: "currentColor", d: "M368 208a160 160 0 1 0 -320 0 160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416 93.1 416 0 322.9 0 208S93.1 0 208 0 416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z" })), ge = () => {
|
|
324
|
+
const [t, c] = y(typeof window < "u" ? window.innerWidth : 0), i = () => c(typeof window < "u" ? window.innerWidth : 0);
|
|
325
|
+
return E(() => (window.addEventListener("resize", i), () => window.removeEventListener("resize", i)), [t]), t;
|
|
326
326
|
}, se = ({
|
|
327
327
|
classNames: t = {
|
|
328
328
|
wrapper: "",
|
|
329
329
|
color: ""
|
|
330
330
|
}
|
|
331
|
-
}) => /* @__PURE__ */
|
|
331
|
+
}) => /* @__PURE__ */ o.jsxs(
|
|
332
332
|
"svg",
|
|
333
333
|
{
|
|
334
334
|
className: `nariaLoading ${t.wrapper}`,
|
|
@@ -336,7 +336,7 @@ const xe = ({ type: t = "button", value: c }) => /* @__PURE__ */ a.jsx("button",
|
|
|
336
336
|
fill: "none",
|
|
337
337
|
xmlns: "http://www.w3.org/2000/svg",
|
|
338
338
|
children: [
|
|
339
|
-
/* @__PURE__ */
|
|
339
|
+
/* @__PURE__ */ o.jsx(
|
|
340
340
|
"path",
|
|
341
341
|
{
|
|
342
342
|
d: "M32 3C35.8083 3 39.5794 3.75011 43.0978 5.20749C46.6163 6.66488 49.8132 8.80101 52.5061 11.4939C55.199 14.1868 57.3351 17.3837 58.7925 20.9022C60.2499 24.4206 61 28.1917 61 32C61 35.8083 60.2499 39.5794 58.7925 43.0978C57.3351 46.6163 55.199 49.8132 52.5061 52.5061C49.8132 55.199 46.6163 57.3351 43.0978 58.7925C39.5794 60.2499 35.8083 61 32 61C28.1917 61 24.4206 60.2499 20.9022 58.7925C17.3837 57.3351 14.1868 55.199 11.4939 52.5061C8.801 49.8132 6.66487 46.6163 5.20749 43.0978C3.7501 39.5794 3 35.8083 3 32C3 28.1917 3.75011 24.4206 5.2075 20.9022C6.66489 17.3837 8.80101 14.1868 11.4939 11.4939C14.1868 8.80099 17.3838 6.66487 20.9022 5.20749C24.4206 3.7501 28.1917 3 32 3L32 3Z",
|
|
@@ -346,7 +346,7 @@ const xe = ({ type: t = "button", value: c }) => /* @__PURE__ */ a.jsx("button",
|
|
|
346
346
|
strokeLinejoin: "round"
|
|
347
347
|
}
|
|
348
348
|
),
|
|
349
|
-
/* @__PURE__ */
|
|
349
|
+
/* @__PURE__ */ o.jsx(
|
|
350
350
|
"path",
|
|
351
351
|
{
|
|
352
352
|
d: "M32 3C36.5778 3 41.0906 4.08374 45.1692 6.16256C49.2477 8.24138 52.7762 11.2562 55.466 14.9605C58.1558 18.6647 59.9304 22.9531 60.6448 27.4748C61.3591 31.9965 60.9928 36.6232 59.5759 40.9762",
|
|
@@ -365,9 +365,9 @@ const xe = ({ type: t = "button", value: c }) => /* @__PURE__ */ a.jsx("button",
|
|
|
365
365
|
}, he = (t) => {
|
|
366
366
|
window.location.hash = t;
|
|
367
367
|
}, pe = (t) => {
|
|
368
|
-
const [c, i] =
|
|
369
|
-
return
|
|
370
|
-
const g = (
|
|
368
|
+
const [c, i] = y(!1);
|
|
369
|
+
return E(() => {
|
|
370
|
+
const g = (a) => {
|
|
371
371
|
window.location.hash !== t ? i(!0) : i(!1);
|
|
372
372
|
};
|
|
373
373
|
return window.addEventListener("hashchange", g), () => {
|
|
@@ -375,9 +375,9 @@ const xe = ({ type: t = "button", value: c }) => /* @__PURE__ */ a.jsx("button",
|
|
|
375
375
|
};
|
|
376
376
|
}, []), c;
|
|
377
377
|
}, we = (t, c, i) => {
|
|
378
|
-
|
|
379
|
-
function g(
|
|
380
|
-
c.current && !c.current.contains(
|
|
378
|
+
E(() => {
|
|
379
|
+
function g(a) {
|
|
380
|
+
c.current && !c.current.contains(a.target) && t?.current && !t?.current.contains(a.target) && i();
|
|
381
381
|
}
|
|
382
382
|
return document.addEventListener("mousedown", g), () => {
|
|
383
383
|
document.removeEventListener("mousedown", g);
|
|
@@ -388,29 +388,31 @@ const xe = ({ type: t = "button", value: c }) => /* @__PURE__ */ a.jsx("button",
|
|
|
388
388
|
label: c,
|
|
389
389
|
hasError: i,
|
|
390
390
|
title: g,
|
|
391
|
-
value:
|
|
391
|
+
value: a,
|
|
392
392
|
api: l,
|
|
393
393
|
selected: p,
|
|
394
394
|
placeholder: d,
|
|
395
|
-
disabled:
|
|
395
|
+
disabled: R = !1,
|
|
396
396
|
pagination: m,
|
|
397
|
-
optionFilterLabel:
|
|
398
|
-
hasSearch:
|
|
399
|
-
classNames:
|
|
397
|
+
optionFilterLabel: N,
|
|
398
|
+
hasSearch: b = !1,
|
|
399
|
+
classNames: w = {
|
|
400
400
|
wrapper: "",
|
|
401
401
|
label: "",
|
|
402
|
-
title: ""
|
|
402
|
+
title: "",
|
|
403
|
+
button: "",
|
|
404
|
+
input: ""
|
|
403
405
|
},
|
|
404
406
|
onSelectChange: z
|
|
405
407
|
}) => {
|
|
406
408
|
let W = !0;
|
|
407
|
-
const C = ge(), q = pe("#select"), [k, A] =
|
|
409
|
+
const C = ge(), q = pe("#select"), [k, A] = y(!1), [X, Y] = y(!0), [u, M] = y(null), [T, _] = y(null), [B, S] = y(""), [v, D] = y({
|
|
408
410
|
page: 1,
|
|
409
411
|
pageLabel: "page",
|
|
410
412
|
size: 20,
|
|
411
413
|
sizeLabel: "size",
|
|
412
414
|
isLoading: !1
|
|
413
|
-
}), j = ee(void 0), O = ee(void 0),
|
|
415
|
+
}), j = ee(void 0), O = ee(void 0), L = ee(void 0), F = async () => {
|
|
414
416
|
if (j?.current)
|
|
415
417
|
try {
|
|
416
418
|
const r = await fetch(j?.current);
|
|
@@ -421,27 +423,27 @@ const xe = ({ type: t = "button", value: c }) => /* @__PURE__ */ a.jsx("button",
|
|
|
421
423
|
console.error(r.message);
|
|
422
424
|
}
|
|
423
425
|
};
|
|
424
|
-
|
|
426
|
+
E(() => () => {
|
|
425
427
|
W = !1;
|
|
426
|
-
}, []),
|
|
428
|
+
}, []), E(() => {
|
|
427
429
|
if (l?.length) {
|
|
428
430
|
if (j.current = l, j.current.includes(m?.pageLabel || "page")) {
|
|
429
431
|
const r = new URL(l);
|
|
430
|
-
r.searchParams.set(m?.pageLabel || "page", (m?.page ||
|
|
432
|
+
r.searchParams.set(m?.pageLabel || "page", (m?.page || v.page).toString()), r.searchParams.set(m?.sizeLabel || "size", (m?.size || v.size).toString()), j.current = r.href;
|
|
431
433
|
}
|
|
432
434
|
Y(!0), F().then((r) => {
|
|
433
435
|
W && (Y(!1), _(r));
|
|
434
436
|
});
|
|
435
437
|
}
|
|
436
|
-
}, [l, m]),
|
|
437
|
-
if (
|
|
438
|
+
}, [l, m]), E(() => {
|
|
439
|
+
if (v.isLoading) {
|
|
438
440
|
if (j.current.includes(m?.pageLabel || "page")) {
|
|
439
441
|
const r = new URL(j.current);
|
|
440
|
-
r.searchParams.set(m?.pageLabel || "page",
|
|
442
|
+
r.searchParams.set(m?.pageLabel || "page", v.page.toString()), j.current = r.href;
|
|
441
443
|
}
|
|
442
444
|
F().then((r) => {
|
|
443
445
|
W && (Y(!1), D({
|
|
444
|
-
...
|
|
446
|
+
...v,
|
|
445
447
|
isLoading: !1
|
|
446
448
|
}), _([
|
|
447
449
|
...T,
|
|
@@ -449,86 +451,86 @@ const xe = ({ type: t = "button", value: c }) => /* @__PURE__ */ a.jsx("button",
|
|
|
449
451
|
]));
|
|
450
452
|
});
|
|
451
453
|
}
|
|
452
|
-
}, [
|
|
453
|
-
C < 768 && (k ? (he("select"), document.body.style.overflow = "hidden",
|
|
454
|
-
}, [k]),
|
|
454
|
+
}, [v]), E(() => {
|
|
455
|
+
C < 768 && (k ? (he("select"), document.body.style.overflow = "hidden", L.current?.focus()) : (window.location.hash && !document.referrer.includes("#") && me(), document.body.style.overflow = "auto"));
|
|
456
|
+
}, [k]), E(() => {
|
|
455
457
|
p && t?.length && (t?.find((r) => r[c] === p) ? M(t?.find((r) => r[c] === p)) : M(p));
|
|
456
|
-
}, [p]),
|
|
457
|
-
u &&
|
|
458
|
-
}, [u]),
|
|
458
|
+
}, [p]), E(() => {
|
|
459
|
+
u && b && (a?.length && T?.find((r) => r[c] === u[c]) ? S(T?.find((r) => r[c] === u[c])[a] || "") : S(u));
|
|
460
|
+
}, [u]), E(() => {
|
|
459
461
|
q && A(!1);
|
|
460
|
-
}, [q]),
|
|
462
|
+
}, [q]), E(() => {
|
|
461
463
|
t?.length && _(t);
|
|
462
464
|
}, [t]);
|
|
463
465
|
const P = () => {
|
|
464
|
-
|
|
466
|
+
b && _(t), A((r) => !r);
|
|
465
467
|
}, U = () => {
|
|
466
|
-
|
|
468
|
+
b && (_(t), S(typeof u == "string" ? u : u ? u[a] : "")), A(!1);
|
|
467
469
|
}, V = (r) => {
|
|
468
|
-
|
|
470
|
+
b && (a?.length ? S(r[a]) : S(r)), M(r), P(), z && z(r);
|
|
469
471
|
}, e = (r) => {
|
|
470
472
|
if (!u)
|
|
471
473
|
return "";
|
|
472
474
|
if (c?.length && r[c] === u[c] || r === u)
|
|
473
475
|
return "bg-grey-100";
|
|
474
476
|
}, n = (r) => {
|
|
475
|
-
l?.length && T?.length && !
|
|
476
|
-
page:
|
|
477
|
+
l?.length && T?.length && !v.isLoading && r.target.offsetHeight + r.target.scrollTop >= r.target.scrollHeight - 100 && D({
|
|
478
|
+
page: v.page + 1,
|
|
477
479
|
isLoading: !0
|
|
478
480
|
});
|
|
479
481
|
}, s = (r) => {
|
|
480
|
-
const
|
|
481
|
-
_(
|
|
482
|
+
const x = r?.target?.value?.length ? t.filter((h) => typeof h == "object" ? h[N?.length ? N : a].includes(r?.target?.value) : h.includes(r?.target?.value)) : t;
|
|
483
|
+
_(x), S(r?.target?.value), k || A(!0);
|
|
482
484
|
};
|
|
483
|
-
return we(O,
|
|
484
|
-
/* @__PURE__ */
|
|
485
|
+
return we(O, L, U), /* @__PURE__ */ o.jsxs("div", { className: `nariaSelect ${R ? "nariaSelect-disabled" : ""} ${w?.wrapper}`, children: [
|
|
486
|
+
/* @__PURE__ */ o.jsxs(
|
|
485
487
|
"label",
|
|
486
488
|
{
|
|
487
489
|
className: `cursor-pointer
|
|
488
|
-
${
|
|
489
|
-
${
|
|
490
|
+
${i && "!text-danger-100"}
|
|
491
|
+
${w?.label}`,
|
|
490
492
|
children: [
|
|
491
|
-
/* @__PURE__ */
|
|
492
|
-
|
|
493
|
-
/* @__PURE__ */
|
|
493
|
+
/* @__PURE__ */ o.jsx("span", { className: w?.title, children: g }),
|
|
494
|
+
b ? /* @__PURE__ */ o.jsxs("div", { className: "nariaSearchInput", children: [
|
|
495
|
+
/* @__PURE__ */ o.jsx(
|
|
494
496
|
"input",
|
|
495
497
|
{
|
|
496
|
-
ref:
|
|
498
|
+
ref: L,
|
|
497
499
|
placeholder: d?.length ? d : "Select",
|
|
498
500
|
className: `${u ? "text-dark-100" : "text-grey-300"}
|
|
499
|
-
${i && "!border-danger-100 focus:border-danger-100 outline-danger-100"}`,
|
|
501
|
+
${i && "!border-danger-100 focus:border-danger-100 outline-danger-100"} ${w?.input}`,
|
|
500
502
|
value: B,
|
|
501
|
-
disabled:
|
|
503
|
+
disabled: R,
|
|
502
504
|
type: "text",
|
|
503
505
|
onClick: P,
|
|
504
506
|
onChange: s
|
|
505
507
|
}
|
|
506
508
|
),
|
|
507
|
-
k ? /* @__PURE__ */
|
|
508
|
-
|
|
509
|
+
k ? /* @__PURE__ */ o.jsx(
|
|
510
|
+
ae,
|
|
509
511
|
{
|
|
510
512
|
className: "nariaSearchIcon"
|
|
511
513
|
}
|
|
512
|
-
) : /* @__PURE__ */
|
|
513
|
-
|
|
514
|
+
) : /* @__PURE__ */ o.jsx(
|
|
515
|
+
oe,
|
|
514
516
|
{
|
|
515
517
|
className: `nariaArrowIcon ${k ? "nariaArrowIcon-rotate-180" : ""}`
|
|
516
518
|
}
|
|
517
519
|
)
|
|
518
|
-
] }) : /* @__PURE__ */
|
|
520
|
+
] }) : /* @__PURE__ */ o.jsxs(
|
|
519
521
|
"button",
|
|
520
522
|
{
|
|
521
523
|
type: "button",
|
|
522
|
-
ref:
|
|
523
|
-
disabled:
|
|
524
|
+
ref: L,
|
|
525
|
+
disabled: R,
|
|
524
526
|
className: `nariaHandler ${u ? "text-dark-100" : "text-grey-300"}
|
|
525
|
-
${i && "!border-danger-100 focus:border-danger-100 outline-danger-100"}`,
|
|
527
|
+
${i && "!border-danger-100 focus:border-danger-100 outline-danger-100"} ${w?.button}`,
|
|
526
528
|
onClick: P,
|
|
527
529
|
children: [
|
|
528
|
-
u ?
|
|
530
|
+
u ? a?.length ? u[a] : u : d?.length ? d : "Select",
|
|
529
531
|
" ",
|
|
530
|
-
/* @__PURE__ */
|
|
531
|
-
|
|
532
|
+
/* @__PURE__ */ o.jsx(
|
|
533
|
+
oe,
|
|
532
534
|
{
|
|
533
535
|
className: `nariaArrowIcon ${k ? "nariaArrowIcon-rotate-180" : ""}`
|
|
534
536
|
}
|
|
@@ -539,59 +541,59 @@ const xe = ({ type: t = "button", value: c }) => /* @__PURE__ */ a.jsx("button",
|
|
|
539
541
|
]
|
|
540
542
|
}
|
|
541
543
|
),
|
|
542
|
-
k ? /* @__PURE__ */
|
|
544
|
+
k ? /* @__PURE__ */ o.jsxs(
|
|
543
545
|
"div",
|
|
544
546
|
{
|
|
545
547
|
className: `nariaListWrapper ${C < 768 ? "nariaListWrapper-mobile" : ""}`,
|
|
546
548
|
ref: O,
|
|
547
549
|
children: [
|
|
548
|
-
|
|
549
|
-
/* @__PURE__ */
|
|
550
|
+
b && C < 768 ? /* @__PURE__ */ o.jsxs("div", { className: "nariaSearchInput", children: [
|
|
551
|
+
/* @__PURE__ */ o.jsx(
|
|
550
552
|
"input",
|
|
551
553
|
{
|
|
552
|
-
ref:
|
|
554
|
+
ref: L,
|
|
553
555
|
placeholder: d?.length ? d : "Select",
|
|
554
556
|
className: `${u ? "text-dark-100" : "text-grey-300"}
|
|
555
|
-
${i && "!border-danger-100 focus:border-danger-100 outline-danger-100"}`,
|
|
557
|
+
${i && "!border-danger-100 focus:border-danger-100 outline-danger-100"} ${w?.input}`,
|
|
556
558
|
value: B,
|
|
557
|
-
disabled:
|
|
559
|
+
disabled: R,
|
|
558
560
|
type: "text",
|
|
559
561
|
onChange: s
|
|
560
562
|
}
|
|
561
563
|
),
|
|
562
|
-
/* @__PURE__ */
|
|
563
|
-
|
|
564
|
+
/* @__PURE__ */ o.jsx(
|
|
565
|
+
ae,
|
|
564
566
|
{
|
|
565
567
|
className: "nariaSearchIcon"
|
|
566
568
|
}
|
|
567
569
|
)
|
|
568
570
|
] }) : void 0,
|
|
569
|
-
/* @__PURE__ */
|
|
571
|
+
/* @__PURE__ */ o.jsx(
|
|
570
572
|
"div",
|
|
571
573
|
{
|
|
572
574
|
className: `nariaList ${C < 768 ? "nariaList-mobile" : "nariaList-desktop"}`,
|
|
573
575
|
onScroll: n,
|
|
574
|
-
children: l && X ? /* @__PURE__ */
|
|
575
|
-
C < 768 ? /* @__PURE__ */
|
|
576
|
-
T?.length ? /* @__PURE__ */
|
|
576
|
+
children: l && X ? /* @__PURE__ */ o.jsx("div", { className: "nariaLoadingWrapper", children: /* @__PURE__ */ o.jsx(se, {}) }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
|
|
577
|
+
C < 768 ? /* @__PURE__ */ o.jsx("div", { className: "sticky top-0 text-left", children: /* @__PURE__ */ o.jsx("button", { className: "p-3", onClick: U, disabled: R, children: /* @__PURE__ */ o.jsx(fe, { className: "w-6" }) }) }) : void 0,
|
|
578
|
+
T?.length ? /* @__PURE__ */ o.jsx(o.Fragment, { children: T?.map((r, x) => /* @__PURE__ */ o.jsx(
|
|
577
579
|
"button",
|
|
578
580
|
{
|
|
579
581
|
type: "button",
|
|
580
582
|
onClick: () => V(r),
|
|
581
|
-
disabled:
|
|
583
|
+
disabled: R,
|
|
582
584
|
className: `text-right py-2.5 px-4 text-base hover:bg-grey-100 rounded-lg ${e(r)}`,
|
|
583
|
-
children:
|
|
585
|
+
children: a?.length ? r[a] : r
|
|
584
586
|
},
|
|
585
|
-
|
|
586
|
-
)) }) : /* @__PURE__ */
|
|
587
|
-
|
|
587
|
+
x.toString()
|
|
588
|
+
)) }) : /* @__PURE__ */ o.jsx("div", { children: "No Data" }),
|
|
589
|
+
v.isLoading ? /* @__PURE__ */ o.jsx("div", { className: "nariaLoadingMoreWrapper", children: /* @__PURE__ */ o.jsx(se, {}) }) : void 0
|
|
588
590
|
] })
|
|
589
591
|
}
|
|
590
592
|
)
|
|
591
593
|
]
|
|
592
594
|
}
|
|
593
595
|
) : void 0,
|
|
594
|
-
i && /* @__PURE__ */
|
|
596
|
+
i && /* @__PURE__ */ o.jsx("p", { className: "text-xs mt-1 text-danger-100", children: i })
|
|
595
597
|
] });
|
|
596
598
|
};
|
|
597
599
|
function Re(t) {
|