react-wired-elements/dist/react-wired-elements.cjs.production.min.js

Wired Elements as React components. TypeScript types included.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("wired-elements/lib/wired-elements-cjs");var e=require("react");function t(){return(t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}var r=e.useState,o=e.useRef,i=e.useEffect;function n(e){var n=r({}),l=n[0],s=n[1],a=o(!1),c=o();return i((function(){if(a.current){var r,o=e.attributes,i=e.css;i&&function(e){Object.keys(e).forEach((function(t){var r=e[t];r&&(t.startsWith("--")?document.documentElement.style.setProperty(t,r||"#333"):c.current.style[t]=r)}))}(i),o&&(r=o,Object.keys(r).forEach((function(e){s((function(o){var i;return t({},o,((i={})[e]=r[e],i))}))})))}}),[e]),i((function(){if(a.current){var t,r=e.methods;r&&(t=r,Object.keys(t).forEach((function(e){c.current.addEventListener(e,t[e])})))}}),[e]),i((function(){setTimeout((function(){var e;(null===(e=c.current)||void 0===e?void 0:e.requestUpdate)&&c.current.requestUpdate()}),0)})),i((function(){Object.keys(l).forEach((function(e){c.current[e]=l[e]}))}),[l]),i((function(){c.current.addEventListener("input",(function(e){s((function(r){return t({},r,{value:e.target.value})}))}))}),[]),function(e){c.current=e,a.current=!0}}var l=e.useMemo,s=e.useMemo,a=e.useMemo,c=e.useMemo,d=e.useMemo,u=e.useMemo,v=e.useMemo,m=e.useMemo,f=e.useMemo,b=function(r){var o=r.children,i=r.value,l=r.selectedBgColor,s=void 0===l?"black":l,a=r.selectedColor,c=void 0===a?"white":a,d=r.color,u=void 0===d?"black":d,v=r.selected,m=void 0!==v&&v,b=r.onClick,p=r.className,h=r.style,y=n(f((function(){return{attributes:{value:i,selected:m},css:{"--wired-item-selected-color":c,"--wired-item-selected-bg":s}}}),[i,s,c,m])),g=t({},h);return g.backgroundColor=m?s:null==h?void 0:h.backgroundColor,g.color=m?c:u||(null==h?void 0:h.color),e.createElement("wired-item",{value:i,class:p,style:g,onClick:function(){return b&&b(m)},ref:y},o)},p=e.useMemo,h=e.useMemo,y=e.useState,g=e.useEffect,w=e.useMemo,C=e.useMemo,k=e.useMemo,x=e.useMemo,E=e.useMemo,W=function(t){return e.createElement(e.Fragment,null,t.when&&t.children)},M=e.useState,N=e.useRef,B=e.useMemo;exports.WiredButton=function(t){var r=t.className,o=t.style,i=t.onClick,s=t.elevation,a=void 0===s?1:s,c=t.disabled,d=void 0!==c&&c,u=t.children,v=void 0===u?"Click Me!":u,m=n(l((function(){return{attributes:{disabled:d,elevation:a}}}),[a,d]));return e.createElement("wired-button",{onClick:i,class:r,style:o,ref:m},v)},exports.WiredCalendar=function(t){var r=t.elevation,o=void 0===r?1:r,i=t.selectedDate,l=t.firstDate,a=t.lastDate,c=t.locale,d=t.disabled,u=void 0!==d&&d,v=t.initials,m=void 0!==v&&v,f=t.bgColor,b=void 0===f?"white":f,p=t.lineColor,h=void 0===p?"black":p,y=t.selectedColor,g=void 0===y?"red":y,w=t.dimmedColor,C=void 0===w?"gray":w,k=t.onSelect,x=t.className,E=t.style,W=n(s((function(){return{attributes:{elevation:o,selected:i,firstdate:l,lastdate:a,locale:c,disabled:u,initials:m},methods:{selected:k},css:{"--wired-calendar-bg":b,"--wired-calendar-color":h,"--wired-calendar-selected-color":g,"--wired-calendar-dimmed-color":C}}}),[o,i,l,a,c,u,m,b,h,g,C,k]));return e.createElement("wired-calendar",{class:x,style:E,ref:W})},exports.WiredCard=function(t){var r=t.requestUpdate,o=t.elevation,i=t.fill,l=t.children,s=t.className,a=t.style,c=n(e.useMemo((function(){return{attributes:{elevation:o,fill:i},methods:{requestUpdate:r}}}),[o,i,r]));return e.createElement("wired-card",{class:s,style:a,ref:c},l)},exports.WiredCheckBox=function(t){var r=t.checked,o=void 0!==r&&r,i=t.color,l=void 0===i?"currentColor":i,s=t.disabled,a=void 0!==s&&s,c=t.onChange,d=t.className,u=t.style,v=n(e.useMemo((function(){return{attributes:{disabled:a,checked:o},methods:{change:c},css:{"--wired-checkbox-icon-color":l}}}),[o,a,l,c]));return e.createElement("wired-checkbox",{class:d,style:u,ref:v})},exports.WiredCombo=function(t){var r=t.children,o=t.disabled,i=void 0!==o&&o,l=t.value,s=t.onSelect,c=t.popupBgColor,d=void 0===c?"white":c,u=t.selectedBgColor,v=void 0===u?"gray":u,m=t.className,f=t.style,b=n(a((function(){return{attributes:{disabled:i,value:l},methods:{selected:s},css:{"--wired-combo-popup-bg":d,"--wired-item-selected-bg":v}}}),[i,l,s,d,v]));return e.createElement("wired-combo",{class:m,style:f,ref:b},r)},exports.WiredDialog=function(t){var r=t.children,o=t.elevation,i=void 0===o?1:o,l=t.open,s=void 0!==l&&l,a=t.zIndex,d=void 0===a?1:a,u=t.className,v=t.style,m=n(c((function(){return{attributes:{open:s,elevation:i},css:{"--wired-dialog-z-index":d}}}),[i,s,d]));return e.createElement("wired-dialog",{class:u,style:v,ref:m},r)},exports.WiredDivider=function(t){var r=t.elevation,o=void 0===r?1:r,i=t.className,l=t.style,s=n(e.useMemo((function(){return{attributes:{elevation:o}}}),[o]));return e.createElement("wired-divider",{class:i,style:l,ref:s})},exports.WiredFab=function(t){var r=t.disabled,o=void 0!==r&&r,i=t.bgColor,l=void 0===i?"#018786":i,s=t.iconColor,a=void 0===s?"white":s,c=t.icon,u=void 0===c?"favorite":c,v=t.onClick,m=t.children,f=t.className,b=t.style,p=n(d((function(){return{attributes:{disabled:o},methods:{click:v},css:{"--wired-fab-bg-color":l,color:a}}}),[o,l,a,v]));return e.createElement("wired-fab",{class:f,style:b,ref:p},e.createElement("span",null,m||e.createElement("span",{className:"material-icons",style:{color:a}},u)))},exports.WiredIconButton=function(t){var r=t.disabled,o=void 0!==r&&r,i=t.lineColor,l=void 0===i?"#018786":i,s=t.iconColor,a=void 0===s?"#018786":s,c=t.icon,d=void 0===c?"favorite":c,v=t.iconSize,m=void 0===v?24:v,f=t.onClick,b=t.children,p=t.className,h=t.style,y=n(u((function(){return{attributes:{disabled:o},css:{color:l,"--mdc-icon-size":m}}}),[o,l,m]));return e.createElement("wired-icon-button",{onClick:f,class:p,style:h,ref:y},e.createElement("div",{style:{height:"24px",width:"24px"}},b||e.createElement("span",{className:"material-icons",style:{fontSize:m,color:a}},d)))},exports.WiredImage=function(t){var r=t.elevation,o=void 0===r?1:r,i=t.src,l=void 0===i?"http://placekitten.com/200/300":i,s=t.className,a=t.style,c=n(v((function(){return{attributes:{src:l,elevation:o}}}),[o,l]));return e.createElement("wired-image",{class:s,style:a,ref:c})},exports.WiredInput=function(t){var r=t.placeholder,o=void 0===r?"":r,i=t.disabled,l=void 0!==i&&i,s=t.type,a=void 0===s?"text":s,c=t.value,d=void 0===c?"":c,u=t.onChange,v=t.onBlur,f=t.onFocus,b=t.className,p=t.style,h=n(m((function(){return{attributes:{placeholder:o,disabled:l,type:a,value:d},methods:{input:u,blur:v,focus:f}}}),[o,l,a,d,u,v,f]));return e.createElement("wired-input",{class:b,style:p,ref:h})},exports.WiredItem=b,exports.WiredLink=function(t){var r=t.elevation,o=void 0===r?1:r,i=t.href,l=void 0===i?"":i,s=t.target,a=t.color,c=void 0===a?"black":a,d=t.lineColor,u=void 0===d?"black":d,v=t.children,m=t.className,f=t.style,b=n(e.useMemo((function(){return{attributes:{elevation:o,href:l,target:s},css:{"--wired-link-decoration-color":u,color:c}}}),[o,l,s,c,u]));return e.createElement("wired-link",{class:m,style:f,ref:b},v)},exports.WiredListBox=function(t){var r=t.children,o=t.horizontal,i=void 0!==o&&o,l=t.selected,s=t.onSelect,a=t.color,c=void 0===a?"black":a,d=t.bgColor,u=void 0===d?"white":d,v=t.className,m=t.style,f=n(p((function(){return{attributes:{horizontal:i,selected:l},methods:{selected:s},css:{"--wired-item-selected-color ":c,"--wired-item-selected-bg":u}}}),[i,l,s,c,u]));return e.createElement("wired-listbox",{selected:l,class:v,style:m,ref:f},r)},exports.WiredProgress=function(t){var r=t.value,o=void 0===r?30:r,i=t.min,l=void 0===i?0:i,s=t.max,a=void 0===s?100:s,c=t.showPercentage,d=void 0!==c&&c,u=t.labelColor,v=void 0===u?"black":u,m=t.labelBgColor,f=void 0===m?"rgba(255,255,255,0.9)":m,b=t.progressBarColor,p=void 0===b?"rgba(0, 0, 200, 0.8)":b,w=t.fontSize,C=void 0===w?14:w,k=t.stuckAt,x=t.className,E=t.style,W=y(null),M=W[0],N=W[1];g((function(){var e;return k&&(e=setInterval((function(){N((function(e){return e===k?e+.01:k}))}),750)),function(){return clearInterval(e)}}),[k]);var B=n(h((function(){return{attributes:{value:M||o,min:M?0:l,max:M?100:a,percentage:d},css:{"--wired-progress-label-color":v,"--wired-progress-label-background":f,"--wired-progress-color":p,"--wired-progress-font-size":C}}}),[o,l,a,d,v,f,p,C,M]));return e.createElement("wired-progress",{class:x,style:E,ref:B})},exports.WiredRadio=function(t){var r=t.checked,o=void 0!==r&&r,i=t.disabled,l=void 0!==i&&i,s=t.name,a=t.color,c=void 0===a?"currentColor":a,d=t.onChange,u=t.children,v=t.className,m=t.style,f=n(w((function(){return{attributes:{checked:o,disabled:l,name:s},methods:{change:d},css:{"--wired-radio-icon-color":c}}}),[o,l,s,c,d]));return e.createElement("wired-radio",{class:v,style:m,ref:f},u)},exports.WiredRadioGroup=function(t){var r=t.children,o=t.selected,i=t.onSelect,l=t.className,s=t.style,a=n(C((function(){return{attributes:{selected:o},methods:{selected:i}}}),[o,i]));return e.createElement("wired-radio-group",{class:l,style:s,ref:a},r)},exports.WiredSearchInput=function(t){var r=t.placeholder,o=void 0===r?"":r,i=t.disabled,l=void 0!==i&&i,s=t.value,a=void 0===s?"":s,c=t.onChange,d=t.onBlur,u=t.onFocus,v=t.className,m=t.style,f=n(k((function(){return{attributes:{placeholder:o,disabled:l,value:a},methods:{input:c,blur:d,focus:u}}}),[o,l,a,c,d,u]));return e.createElement("wired-search-input",{class:v,style:m,ref:f})},exports.WiredSlider=function(t){var r=t.value,o=void 0===r?30:r,i=t.min,l=void 0===i?0:i,s=t.max,a=void 0===s?100:s,c=t.knobZeroColor,d=void 0===c?"black":c,u=t.knobColor,v=void 0===u?"rgba(0, 0, 200, 0.8)":u,m=t.barColor,f=void 0===m?"currentColor":m,b=t.onChange,p=t.className,h=t.style,y=n(x((function(){return{attributes:{value:o,min:l,max:a},css:{"--wired-slider-knob-color":o===l?d:v,"--wired-slider-bar-color":f},methods:{change:(e=b,function(){var r=this,o=arguments,i=function(){t=null,e.apply(r,o)},n=void 0;clearTimeout(t),t=setTimeout(i,500),n&&e.apply(r,o)})}};var e,t}),[o,l,a,d,v,f,b]));return e.createElement("wired-slider",{class:p,style:h,ref:y})},exports.WiredSpinner=function(t){var r=t.spinning,o=void 0!==r&&r,i=t.duration,l=void 0===i?1500:i,s=t.color,a=void 0===s?"black":s,c=t.className,d=t.style,u=n(e.useMemo((function(){return{attributes:{spinning:o,duration:l},css:{color:a}}}),[o,l,a]));return e.createElement("wired-spinner",{class:c,style:d,ref:u})},exports.WiredTab=function(r){var o=r.children,i=r.name,l=r.label,s=r.className,a=r.style,c=n(E((function(){return{attributes:{name:i,label:l}}}),[i,l])),d=t({},a,{minWidth:"200px"});return e.createElement("wired-tab",{class:s,style:d,ref:c},o)},exports.WiredTabs=function(t){var r=t.children,o=t.selectedColor,i=void 0===o?"white":o,n=t.selectedBgColor,l=void 0===n?"black":n,s=M(t.initialSelected),a=s[0],c=s[1],d=N(null);return e.createElement("div",null,e.createElement("div",{ref:d},e.createElement(W,{when:Array.isArray(r)},r&&r.map((function(t){return e.createElement(b,{selectedColor:i,selectedBgColor:l,onClick:function(){c(t.props.name)},selected:a===t.props.name,key:t.props.name,value:t.props.name},t.props.name)})))),e.createElement("div",null,e.createElement(W,{when:Array.isArray(r)},r&&r.map((function(t){return t.props.name===a?e.createElement("div",{key:t,style:{width:(null==d?void 0:d.current)?null==d?void 0:d.current.clientWidth:"auto"}},t):null})))))},exports.WiredTextArea=function(t){var r=t.placeholder,o=t.disabled,i=t.value,l=t.rows,s=void 0===l?3:l,a=t.maxRows,c=void 0===a?20:a,d=t.onChange,u=t.onBlur,v=t.onFocus,m=t.className,f=t.style,b=n(B((function(){return{attributes:{placeholder:r,disabled:o,value:i,rows:s,maxrows:c},methods:{keyup:d,blur:u,focus:v}}}),[r,o,i,s,c,d,u,v]));return e.createElement("wired-textarea",{class:m,style:f,ref:b})},exports.WiredToggle=function(t){var r=t.checked,o=void 0!==r&&r,i=t.disabled,l=void 0!==i&&i,s=t.onChange,a=t.activeColor,c=void 0===a?"rgb(63, 81, 181)":a,d=t.inactiveColor,u=void 0===d?"gray":d,v=t.className,m=t.style,f=n(e.useMemo((function(){return{attributes:{checked:o,disabled:l},methods:{change:s},css:{"--wired-toggle-on-color":c,"--wired-toggle-off-color":u}}}),[o,l,s,c,u]));return e.createElement("wired-toggle",{class:v,style:m,ref:f})},exports.WiredVideo=function(t){var r=t.src,o=void 0===r?"https://res.cloudinary.com/gojutin/video/upload/w_400/v1585407774/cat-video.mp4":r,i=t.autoPlay,l=void 0!==i&&i,s=t.loop,a=void 0!==s&&s,c=t.muted,d=void 0!==c&&c,u=t.playsInline,v=void 0!==u&&u,m=t.color,f=void 0===m?"black":m,b=t.className,p=t.style,h=n(e.useMemo((function(){return{attributes:{src:o,autoplay:l,loop:a,muted:d,playsinline:v},css:{"--wired-video-highlight-color":f}}}),[o,l,a,d,v,f]));return e.createElement("wired-video",{class:b,style:p,ref:h})};
//# sourceMappingURL=react-wired-elements.cjs.production.min.js.map