@numl-react/elements
Version:
Attribute Provider Box for Numl React by NUML.Design.
2 lines (1 loc) • 17.2 kB
JavaScript
var e=Object.defineProperty,r=Object.prototype.hasOwnProperty,n=Object.getOwnPropertySymbols,t=Object.prototype.propertyIsEnumerable,c=(r,n,t)=>n in r?e(r,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[n]=t,l=(e,l)=>{for(var d in l||(l={}))r.call(l,d)&&c(e,d,l[d]);if(n)for(var d of n(l))t.call(l,d)&&c(e,d,l[d]);return e},d=(e,c)=>{var l={};for(var d in e)r.call(e,d)&&c.indexOf(d)<0&&(l[d]=e[d]);if(null!=e&&n)for(var d of n(e))c.indexOf(d)<0&&t.call(e,d)&&(l[d]=e[d]);return l};import f,{useEffect as i,useRef as o,useState as a}from"react";import{isRefernceNull as u,ColumnsUtility as h,useEventListener as s,ResponsiveUtility as m,LoadNuml as w}from"@numl-react/utility";const E=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-action",l(l({},t),{ref:r}),[n])})),R=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-article",l(l({},t),{ref:r}),[n])})),p=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-aside",l(l({},t),{ref:r}),[n])})),b=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-attrs",l(l({},t),{ref:r}))})),g=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-badge",l(l({},t),{ref:r}),[n])})),k=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-base",l(l({},t),{ref:r}),[n])})),x=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-el",l(l({},t),{ref:r}),[n])})),v=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-block",l(l({},t),{ref:r}),[n])})),C=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-blocklink",l(l({},t),{ref:r}),[n])})),y=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-blockquote",l(l({},t),{ref:r}),[n])})),O=f.forwardRef(((e,r)=>{const{children:n,onTap:t}=e,c=d(e,["children","onTap"]),[o]=f.useState(r||f.useRef());return i((()=>u(o)?(t&&o.current.addEventListener("tap",t),()=>{o&&o.current&&t&&o.current.removeEventListener("tap",t)}):()=>{}),[]),f.createElement("nu-btn",l(l({},c),{ref:o}),[n])}));O.displayName="El.Button";const L=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-btngroup",l(l({},t),{ref:r}),[n])})),S=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-card",l(l({},t),{ref:r}),[n])})),j=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-cardbtn",l(l({},t),{ref:r}),[n])})),I=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-cell",l(l({},t),{ref:r}),[n])})),P=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-check",l(l({},t),{ref:r}),[n])})),z=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-checkbox",l(l({},t),{ref:r}),[n])})),T=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-circle",l(l({},t),{ref:r}),[n])})),q=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-code",l(l({},t),{ref:r}),[n])})),B=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-columnheader",l(l({},t),{ref:r}),[n])})),N=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-contents",l(l({},t),{ref:r}),[n])})),A=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-dateinput",l(l({},t),{ref:r}),[n])})),D=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-datepicker",l(l({},t),{ref:r}),[n])})),F=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-datetime",l(l({},t),{ref:r}),[n])})),G=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-description",l(l({},t),{ref:r}),[n])})),H=f.forwardRef(((e,r)=>{const{children:n,theme:t}=e,c=d(e,["children","theme"]);return c.size="1.25rem",c.padding="0 1x",c.theme=t||"default",f.createElement("nu-dropdownicon",l(l({},c),{ref:r}),[n])})),J=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-emailinput",l(l({},t),{ref:r}),[n])})),K=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-em",l(l({},t),{ref:r}),[n])})),M=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-field",l(l({},t),{ref:r}),[n])})),Q=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-fileinput",l(l({},t),{ref:r}),[n])})),U=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-flex",l(l({},t),{ref:r}),[n])})),V=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-flow",l(l({},t),{ref:r}),[n])})),W=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-footer",l(l({},t),{ref:r}),[n])})),X=f.forwardRef(((e,r)=>{const{children:n,onSubmit:t}=e,c=d(e,["children","onSubmit"]),[a]=f.useState(r||o());return i((()=>u(a)?(t&&a.current.addEventListener("submit",t),()=>{a&&a.current&&t&&a.current.removeEventListener("submit",t)}):()=>{}),[]),f.createElement("nu-form",l(l({},c),{ref:a}),[n])})),Y=f.forwardRef(((e,r)=>{const{columns:n="",xs:t="",sm:c="",md:i="",lg:o="",xl:a="",children:u}=e,s=d(e,["columns","xs","sm","md","lg","xl","children"]);if(""!=t||""!=c||""!=i||""!=o||""!=a){const{column:e}=h({xs:t,sm:c,md:i,lg:o,xl:a});s.columns=e}return f.createElement("nu-grid",l(l({},s),{ref:r}),[u])})),Z=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-gridtable",l(l({},t),{ref:r}),[n])})),$=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-group",l(l({},t),{ref:r}),[n])})),_=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-h1",l(l({},t),{ref:r}),[n])})),ee=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-h2",l(l({},t),{ref:r}),[n])})),re=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-h3",l(l({},t),{ref:r}),[n])})),ne=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-h4",l(l({},t),{ref:r}),[n])})),te=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-h5",l(l({},t),{ref:r}),[n])})),ce=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-h6",l(l({},t),{ref:r}),[n])})),le=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-header",l(l({},t),{ref:r}),[n])})),de=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-heading",l(l({},t),{ref:r}),[n])})),fe=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return t.size="1.25rem",f.createElement("nu-icon",l(l({},t),{ref:r}),[n])})),ie=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-img",l(l({},t),{ref:r}),[n])})),oe=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-in",l(l({},t),{ref:r}),[n])})),ae=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-md",l(l({},t),{ref:r}),[n])})),ue=f.forwardRef(((e,r)=>{const{children:n,onChange:t}=e,c=d(e,["children","onChange"]),[o]=f.useState(r||f.useRef());function a(e){t&&t(e,o.current)}return i((()=>u(o)?(t&&o.current.addEventListener("keyup",a),()=>{o&&o.current&&t&&o.current.removeEventListener("keyup",a)}):()=>{}),[]),f.createElement("nu-input",l(l({},c),{ref:o}),[n])})),he=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-inputgroup",l(l({},t),{ref:r}),[n])})),se=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-itembtn",l(l({},t),{ref:r}),[n])})),me=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-label",l(l({},t),{ref:r}),[n])})),we=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-line",l(l({},t),{ref:r}),[n])})),Ee=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-link",l(l({},t),{ref:r}),[n])})),Re=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-list",l(l({},t),{ref:r}),[n])})),pe=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-listbox",l(l({},t),{ref:r}),[n])})),be=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-listitem",l(l({},t),{ref:r}),[n])})),ge=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-main",l(l({},t),{ref:r}),[n])})),ke=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-mark",l(l({},t),{ref:r}),[n])})),xe=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-markdown",l(l({},t),{ref:r}),[n])})),ve=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-menu",l(l({},t),{ref:r}),[n])})),Ce=f.forwardRef(((e,r)=>{const{children:n,onClick:t,beforeClick:c,afterClick:i}=e,o=d(e,["children","onClick","beforeClick","afterClick"]),a=f.useRef(r);return s("click",(e=>{c&&c(e),t&&t(e),i&&i(e)}),a),f.createElement("nu-menuitem",l(l({},o),{ref:a}),[n])})),ye=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-nav",l(l({},t),{ref:r}),[n])})),Oe=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-num",l(l({},t),{ref:r}),[n])})),Le=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-numinput",l(l({},t),{ref:r}),[n])})),Se=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-root",l(l({},t),{ref:r}),[n])})),je=function(e){const{icons:r="ion",theme:n="auto",children:t,xs:c="576px",sm:o="768px",md:u="992px",lg:h="1200px",xl:s="1800px",onInit:E,height:R="100%",fill:p}=e,b=d(e,["icons","theme","children","xs","sm","md","lg","xl","onInit","height","fill"]),[g,k]=a(!1),{responsive:x}=m({xs:c,sm:o,md:u,lg:h,xl:s});return i((()=>{w().then((e=>{e.scheme&&e.scheme(n),e.init(),document.documentElement.dataset.nuIcons=r,document.documentElement.dataset.nuScheme=n,E&&E()})).then((()=>{k(!0)})).catch((e=>{console.log(e)}))}),[]),g?f.createElement(Se,l({fill:p,height:R,responsive:x},b),t):f.createElement("div",null,"Loading...")},Ie=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-onetimecode",l(l({},t),{ref:r}),[n])})),Pe=f.forwardRef(((e,r)=>{const{children:n,onClick:t,beforeClick:c,afterClick:i}=e,o=d(e,["children","onClick","beforeClick","afterClick"]),a=f.useRef(r);return s("click",(e=>{c&&c(e),t&&t(e),i&&i(e)}),a),f.createElement("nu-option",l(l({},o),{ref:a}),[n])})),ze=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-pane",l(l({},t),{ref:r}),[n])})),Te=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-password",l(l({},t),{ref:r}),[n])})),qe=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-ph",l(l({},t),{ref:r}),[n])})),Be=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-popup",l(l({},t),{ref:r}),[n])})),Ne=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-popuplistbox",l(l({},t),{ref:r}),[n])})),Ae=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-progressbar",l(l({},t),{ref:r}),[n])})),De=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-props",l(l({},t),{ref:r}),[n])})),Fe=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-radio",l(l({},t),{ref:r}),[n])})),Ge=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-radiogroup",l(l({},t),{ref:r}),[n])})),He=f.forwardRef(((e,r)=>{const{width:n="25",children:t}=e,c=d(e,["width","children"]);return c.width=n,f.createElement("nu-slider",l(l({},c),{ref:r}),[t])})),Je=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-slider2d",l(l({},t),{ref:r}),[n])})),Ke=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-region",l(l({},t),{ref:r}),[n])})),Me=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-row",l(l({},t),{ref:r}),[n])})),Qe=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-rowgroup",l(l({},t),{ref:r}),[n])})),Ue=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-rowheader",l(l({},t),{ref:r}),[n])})),Ve=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-search",l(l({},t),{ref:r}),[n])})),We=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-section",l(l({},t),{ref:r}),[n])})),Xe=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-spacer",l(l({},t),{ref:r}),[n])})),Ye=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-special",l(l({},t),{ref:r}),[n])})),Ze=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-spin",l(l({},t),{ref:r}),[n])})),$e=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-status",l(l({},t),{ref:r}),[n])})),_e=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-strong",l(l({},t),{ref:r}),[n])})),er=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-sub",l(l({},t),{ref:r}),[n])})),rr=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-sup",l(l({},t),{ref:r}),[n])})),nr=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-svg",l(l({},t),{ref:r}),[n])})),tr=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-switch",l(l({},t),{ref:r}),[n])})),cr=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-tab",l(l({},t),{ref:r}),[n])})),lr=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-table",l(l({},t),{ref:r}),[n])})),dr=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-tableheader",l(l({},t),{ref:r}),[n])})),fr=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-tablist",l(l({},t),{ref:r}),[n])})),ir=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-telinput",l(l({},t),{ref:r}),[n])})),or=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-textarea",l(l({},t),{ref:r}),[n])})),ar=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-theme",l(l({},t),{ref:r}),[n])})),ur=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-tooltip",l(l({},t),{ref:r}),[n])})),hr=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-triangle",l(l({},t),{ref:r}),[n])})),sr=f.forwardRef(((e,r)=>{const{children:n}=e,t=d(e,["children"]);return f.createElement("nu-value",l(l({},t),{ref:r}),[n])}));export{E as Action,R as Article,p as Aside,b as AttributeProvider,g as Badge,k as Base,x as BaseElement,v as Block,C as BlockLink,y as BlockQuote,O as Button,L as ButtonGroup,S as Card,j as CardButton,I as Cell,P as Check,z as Checkbox,T as Circle,q as Code,B as ColumnHeader,N as Content,A as DateInput,D as DatePicker,F as DateTime,G as Description,H as DropdownIcon,J as EmailInput,K as Emphasis,M as Field,Q as FileInput,U as Flex,V as Flow,W as Footer,X as Form,Y as Grid,Z as GridTable,$ as Group,_ as H1,ee as H2,re as H3,ne as H4,te as H5,ce as H6,le as Header,de as Heading,fe as Icon,ie as Image,oe as Inline,ae as InlineMarkdown,ue as Input,he as InputGroup,se as ItemButton,me as Label,we as Line,Ee as Link,Re as List,pe as Listbox,be as Listitem,ge as Main,ke as Mark,xe as Markdown,ve as Menu,Ce as Menuitem,ye as Nav,Oe as Num,Le as NumberInput,je as NumlProvider,Ie as OneTimeCode,Pe as Option,ze as Pane,Te as Password,qe as Placeholder,Be as Popup,Ne as PopupListBox,Ae as ProgressBar,De as PropsProvider,Fe as Radio,Ge as RadioGroup,He as RangeSlider,Je as RangeSlider2d,Ke as Region,Se as Root,Me as Row,Qe as RowGroup,Ue as RowHeader,Ve as Search,We as Section,Xe as Spacer,Ye as Special,Ze as Spinner,$e as Status,_e as Strong,er as Subscript,rr as Superscript,nr as Svg,tr as Switch,cr as Tab,fr as TabList,lr as Table,dr as TableHeader,ir as TelephoneInput,or as TextArea,ar as ThemeProvider,ur as Tooltip,hr as Triangle,sr as Value};