compatible-ui/dist/index.js

No style, clean and adaptive React UI Library

!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("react"));else if("function"==typeof define&&define.amd)define(["react"],t);else{var r="object"==typeof exports?t(require("react")):t(e.react);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,(e=>(()=>{"use strict";var t={868:(e,t,r)=>{r.d(t,{Z:()=>c});var n=r(81),a=r.n(n),o=r(645),i=r.n(o)()(a());i.push([e.id,".compatibleui-input {\r\n  width: 100%;\r\n  padding: .3rem;\r\n  min-width: 0px;\r\n  outline: transparent solid 2px;\r\n  outline-offset: 2px;\r\n  position: relative;\r\n  appearance: none;\r\n  font-size: 1rem;\r\n  border-radius: .3em;\r\n  vertical-align: top;\r\n  border-width: .15em;\r\n  border-style: solid;\r\n  border-image: initial;\r\n  border-color: #bfbfbf;\r\n  background: #fff;\r\n  transition: border-color .1s ease;\r\n}\r\n\r\n.compatibleui-input:hover {\r\n  border-color: #818181;\r\n}\r\n\r\n.compatibleui-input:focus{\r\n  border-color: #000000;\r\n}\r\n",""]);const c=i},645:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",n=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),n&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),n&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,n,a,o){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(n)for(var c=0;c<this.length;c++){var u=this[c][0];null!=u&&(i[u]=!0)}for(var s=0;s<e.length;s++){var l=[].concat(e[s]);n&&i[l[0]]||(void 0!==o&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=o),r&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=r):l[2]=r),a&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=a):l[4]="".concat(a)),t.push(l))}},t}},81:e=>{e.exports=function(e){return e[1]}},773:(e,t,r)=>{r.r(t),r.d(t,{default:()=>h});var n=r(379),a=r.n(n),o=r(795),i=r.n(o),c=r(569),u=r.n(c),s=r(565),l=r.n(s),d=r(216),f=r.n(d),p=r(589),m=r.n(p),v=r(868),b={};b.styleTagTransform=m(),b.setAttributes=l(),b.insert=u().bind(null,"head"),b.domAPI=i(),b.insertStyleElement=f(),a()(v.Z,b);const h=v.Z&&v.Z.locals?v.Z.locals:void 0},379:e=>{var t=[];function r(e){for(var r=-1,n=0;n<t.length;n++)if(t[n].identifier===e){r=n;break}return r}function n(e,n){for(var o={},i=[],c=0;c<e.length;c++){var u=e[c],s=n.base?u[0]+n.base:u[0],l=o[s]||0,d="".concat(s," ").concat(l);o[s]=l+1;var f=r(d),p={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(-1!==f)t[f].references++,t[f].updater(p);else{var m=a(p,n);n.byIndex=c,t.splice(c,0,{identifier:d,updater:m,references:1})}i.push(d)}return i}function a(e,t){var r=t.domAPI(t);return r.update(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;r.update(e=t)}else r.remove()}}e.exports=function(e,a){var o=n(e=e||[],a=a||{});return function(e){e=e||[];for(var i=0;i<o.length;i++){var c=r(o[i]);t[c].references--}for(var u=n(e,a),s=0;s<o.length;s++){var l=r(o[s]);0===t[l].references&&(t[l].updater(),t.splice(l,1))}o=u}}},569:e=>{var t={};e.exports=function(e,r){var n=function(e){if(void 0===t[e]){var r=document.querySelector(e);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}t[e]=r}return t[e]}(e);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(r)}},216:e=>{e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},565:(e,t,r)=>{e.exports=function(e){var t=r.nc;t&&e.setAttribute("nonce",t)}},795:e=>{e.exports=function(e){var t=e.insertStyleElement(e);return{update:function(r){!function(e,t,r){var n="";r.supports&&(n+="@supports (".concat(r.supports,") {")),r.media&&(n+="@media ".concat(r.media," {"));var a=void 0!==r.layer;a&&(n+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),n+=r.css,a&&(n+="}"),r.media&&(n+="}"),r.supports&&(n+="}");var o=r.sourceMap;o&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),t.styleTagTransform(n,e,t.options)}(t,e,r)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},589:e=>{e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},308:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=n(r(156)),o=r(22);t.default=function(e){let t=0;switch(e.type){case"card":t=16;break;case"card/date":t=4;break;case"card/cvc":t=3}let r=e.value;return"card"==e.type?r=(0,o.formatCardNumber)(e.value):"card/date"==e.type&&(r=(0,o.formatCardDateNumber)(e.value)),a.default.createElement("input",Object.assign({},e,{value:r,onChange:r=>{const n=r.currentTarget.value.match(/\d/g)||[];r.currentTarget.value=n.join("").substr(0,t),e.onChange&&(null==e||e.onChange(r))}}))}},84:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=n(r(156));r(773);const o=n(r(308));t.default=function(e){let t=["compatibleui-input"];switch(e.customClassName&&(t=[e.customClassName]),e.extraClassName&&t.push(e.extraClassName),(e=Object.assign(Object.assign({},e),{className:t.join(" ")})).type){case"card":case"card/cvc":case"card/date":return a.default.createElement(o.default,Object.assign({},e));case"number":case"text":return a.default.createElement("input",Object.assign({},e))}}},22:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.formatCardDateNumber=t.formatCardNumber=void 0,t.formatCardNumber=function(e){try{var t=e.replace(/\s+/g,"").replace(/[^0-9]/gi,"").match(/\d{4,16}/g),r=t&&t[0]||"",n=[];for(let e=0,t=r.length;e<t;e+=4)n.push(r.substring(e,e+4));return n.length?n.join(" "):e}catch(e){return""}},t.formatCardDateNumber=function(e){return e?e.length>=3?`${e.substr(0,2)}/${e.substr(2,2)}`:e:""}},607:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.formatCardNumber=t.formatCardDateNumber=t.Input=void 0;const a=n(r(84));t.Input=a.default;const o=r(22);Object.defineProperty(t,"formatCardDateNumber",{enumerable:!0,get:function(){return o.formatCardDateNumber}}),Object.defineProperty(t,"formatCardNumber",{enumerable:!0,get:function(){return o.formatCardNumber}})},156:t=>{t.exports=e}},r={};function n(e){var a=r[e];if(void 0!==a)return a.exports;var o=r[e]={id:e,exports:{}};return t[e].call(o.exports,o,o.exports,n),o.exports}return n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.nc=void 0,n(607)})()));