@polygon.io/core/dist/components/Input/index.js

A set of themeable UI components for React

"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault"),_typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _react=_interopRequireWildcard(require("react")),_extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends")),_objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")),_styledComponents=_interopRequireWildcard(require("styled-components")),_Margin=_interopRequireDefault(require("../Margin")),_InputWrapper=_interopRequireDefault(require("./InputWrapper")),_ResetButton=_interopRequireDefault(require("./ResetButton")),_index=require("./index.styles"),_LoadingSpinner=_interopRequireDefault(require("../../../dist/components/Loading/LoadingSpinner")),_excluded=["className","children","id","addOnLabel","autoFocus","disabled","hasError","helperText","value","onChange","inputLabel","placeholder","required","gutter","readOnly","small","prefixIcon","onReset","loading"];function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d["default"]=a,c&&c.set(a,d),d}var __jsx=_react["default"].createElement,InputContainer=_styledComponents["default"].div.withConfig({displayName:"Input__InputContainer",componentId:"sc-c1zkxq-0"})(["",""],_index.InputContainerStyles),StyledInput=_styledComponents["default"].input.withConfig({displayName:"Input__StyledInput",componentId:"sc-c1zkxq-1"})(["",""],_index.InputStyles),PrefixStyles=(0,_styledComponents.css)(["flex:none;align-items:center;padding-left:",";margin-right:",";width:",";"],function(a){var b=a.theme,c=a.small;return c?"calc(".concat(b.spacing.s4," / 2)"):b.spacing.s3},function(a){var b=a.theme;return"calc(-".concat(b.spacing.s1," * 1.5)")},function(a){var b=a.theme,c=a.small;return c?b.font.size.s1:b.font.size.s3}),PrefixLoaderWrap=_styledComponents["default"].div.withConfig({displayName:"Input__PrefixLoaderWrap",componentId:"sc-c1zkxq-2"})(["",""],PrefixStyles),PrefixIconCLSContainer=_styledComponents["default"].div.withConfig({displayName:"Input__PrefixIconCLSContainer",componentId:"sc-c1zkxq-3"})(["display:flex;align-items:center;"," height:",";color:",";&&& svg{display:flex;width:100%;height:100%;}"],PrefixStyles,function(a){var b=a.theme,c=a.small;return c?b.font.size.s1:b.font.size.s3},function(a){var b=a.theme,c=a.disabled;return c?b.color.content.disabled:b.color.content.primary}),Input=function(a){var b=a.className,c=a.children,d=a.id,e=a.addOnLabel,f=a.autoFocus,g=a.disabled,h=a.hasError,i=a.helperText,j=a.value,k=a.onChange,l=a.inputLabel,m=a.placeholder,n=a.required,o=a.gutter,p=a.readOnly,q=a.small,r=a.prefixIcon,s=a.onReset,t=a.loading,u=(0,_objectWithoutProperties2["default"])(a,_excluded),v=(0,_react.useRef)(null);return __jsx(_InputWrapper["default"],{id:d,gutter:o,inputLabel:l,helperText:i,addOnLabel:e,disabled:g,small:q,required:n},__jsx(InputContainer,{className:b,addOnLabel:e,disabled:g,hasError:h,small:q},r&&!t&&__jsx(PrefixIconCLSContainer,{small:q,disabled:g},__jsx("i",{className:r})),r&&t&&__jsx(PrefixLoaderWrap,{small:q},__jsx(_LoadingSpinner["default"],{size:q&&"2"})),__jsx(StyledInput,(0,_extends2["default"])({ref:v,id:d,disabled:g,onChange:k,autoFocus:f,placeholder:m,readOnly:p,required:n,value:j,small:q},u)),!g&&j&&s&&__jsx(_ResetButton["default"],{small:q,onClick:function onClick(){s(),null===v||void 0===v?void 0:v.current.focus()}}),c&&__jsx(_Margin["default"],{as:"div",x:"2"},c)))};Input.defaultProps={className:void 0,children:void 0,id:void 0,addOnLabel:void 0,autoFocus:!1,disabled:!1,hasError:!1,helperText:void 0,value:void 0,onChange:function onChange(){},inputLabel:void 0,placeholder:"",readOnly:!1,required:!1,gutter:4,small:!1,prefixIcon:"",onReset:void 0,loading:!1};var _default=Input;exports["default"]=_default;