🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more →
inzane-test-package
Advanced tools
inzane-test-package - npm Package Compare versions
Comparing version 0.1.0 to 0.1.1
@@ -27,4 +27,4 @@ 'use strict'; | ||
| var React__namespace = /*#__PURE__*/_interopNamespace(React); | ||
| var React__default = /*#__PURE__*/_interopDefaultLegacy(React); | ||
| var React__namespace = /*#__PURE__*/_interopNamespace(React); | ||
@@ -58,9 +58,1110 @@ function styleInject(css, ref) { | ||
| var css_248z = "/*! tailwindcss v3.0.22 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.relative{position:relative}.ml-3{margin-left:.75rem}.flex{display:flex}.inline-flex{display:inline-flex}.h-4{height:1rem}.h-5{height:1.25rem}.w-4{width:1rem}.w-5{width:1.25rem}.max-w-lg{max-width:32rem}.flex-shrink-0{flex-shrink:0}.items-baseline{align-items:baseline}.justify-between{justify-content:space-between}.self-start{align-self:flex-start}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.p-2{padding:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pt-6{padding-top:1.5rem}.pb-8{padding-bottom:2rem}.pb-6{padding-bottom:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-normal{font-weight:400}.font-semibold{font-weight:600}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width:640px){.sm\\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\\:pt-6{padding-top:1.5rem}}@media (min-width:768px){.md\\:flex{display:flex}}@media (min-width:1024px){.lg\\:flex{display:flex}}"; | ||
| var css_248z = "/*! tailwindcss v3.0.22 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.ml-3{margin-left:.75rem}.mb-2{margin-bottom:.5rem}.ml-1{margin-left:.25rem}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.h-5{height:1.25rem}.h-4{height:1rem}.h-2{height:.5rem}.w-5{width:1.25rem}.w-4{width:1rem}.max-w-lg{max-width:32rem}.flex-shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.self-start{align-self:flex-start}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}.p-2{padding:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pt-6{padding-top:1.5rem}.pb-8{padding-bottom:2rem}.pb-6{padding-bottom:1.5rem}.pt-1{padding-top:.25rem}.pb-1{padding-bottom:.25rem}.pt-3{padding-top:.75rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-light{font-weight:300}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width:640px){.sm\\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\\:pt-6{padding-top:1.5rem}}"; | ||
| styleInject(css_248z,{"insertAt":"top"}); | ||
| function Button(props) { | ||
| return /*#__PURE__*/React__default["default"].createElement("div", null, props.data); | ||
| var propTypes = {exports: {}}; | ||
| var reactIs = {exports: {}}; | ||
| var reactIs_production_min = {}; | ||
| /** @license React v16.13.1 | ||
| * react-is.production.min.js | ||
| * | ||
| * Copyright (c) Facebook, Inc. and its affiliates. | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| */ | ||
| var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b? | ||
| Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119; | ||
| function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r;reactIs_production_min.Portal=d; | ||
| reactIs_production_min.Profiler=g;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t}; | ||
| reactIs_production_min.isMemo=function(a){return z(a)===r};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p}; | ||
| reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z; | ||
| var reactIs_development = {}; | ||
| /** @license React v16.13.1 | ||
| * react-is.development.js | ||
| * | ||
| * Copyright (c) Facebook, Inc. and its affiliates. | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| */ | ||
| if (process.env.NODE_ENV !== "production") { | ||
| (function() { | ||
| // The Symbol used to tag the ReactElement-like types. If there is no native Symbol | ||
| // nor polyfill, then a plain number is used for performance. | ||
| var hasSymbol = typeof Symbol === 'function' && Symbol.for; | ||
| var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7; | ||
| var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca; | ||
| var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb; | ||
| var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc; | ||
| var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2; | ||
| var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd; | ||
| var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary | ||
| // (unstable) APIs that have been removed. Can we remove the symbols? | ||
| var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf; | ||
| var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf; | ||
| var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0; | ||
| var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1; | ||
| var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8; | ||
| var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3; | ||
| var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4; | ||
| var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9; | ||
| var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5; | ||
| var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6; | ||
| var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7; | ||
| function isValidElementType(type) { | ||
| return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill. | ||
| type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE); | ||
| } | ||
| function typeOf(object) { | ||
| if (typeof object === 'object' && object !== null) { | ||
| var $$typeof = object.$$typeof; | ||
| switch ($$typeof) { | ||
| case REACT_ELEMENT_TYPE: | ||
| var type = object.type; | ||
| switch (type) { | ||
| case REACT_ASYNC_MODE_TYPE: | ||
| case REACT_CONCURRENT_MODE_TYPE: | ||
| case REACT_FRAGMENT_TYPE: | ||
| case REACT_PROFILER_TYPE: | ||
| case REACT_STRICT_MODE_TYPE: | ||
| case REACT_SUSPENSE_TYPE: | ||
| return type; | ||
| default: | ||
| var $$typeofType = type && type.$$typeof; | ||
| switch ($$typeofType) { | ||
| case REACT_CONTEXT_TYPE: | ||
| case REACT_FORWARD_REF_TYPE: | ||
| case REACT_LAZY_TYPE: | ||
| case REACT_MEMO_TYPE: | ||
| case REACT_PROVIDER_TYPE: | ||
| return $$typeofType; | ||
| default: | ||
| return $$typeof; | ||
| } | ||
| } | ||
| case REACT_PORTAL_TYPE: | ||
| return $$typeof; | ||
| } | ||
| } | ||
| return undefined; | ||
| } // AsyncMode is deprecated along with isAsyncMode | ||
| var AsyncMode = REACT_ASYNC_MODE_TYPE; | ||
| var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE; | ||
| var ContextConsumer = REACT_CONTEXT_TYPE; | ||
| var ContextProvider = REACT_PROVIDER_TYPE; | ||
| var Element = REACT_ELEMENT_TYPE; | ||
| var ForwardRef = REACT_FORWARD_REF_TYPE; | ||
| var Fragment = REACT_FRAGMENT_TYPE; | ||
| var Lazy = REACT_LAZY_TYPE; | ||
| var Memo = REACT_MEMO_TYPE; | ||
| var Portal = REACT_PORTAL_TYPE; | ||
| var Profiler = REACT_PROFILER_TYPE; | ||
| var StrictMode = REACT_STRICT_MODE_TYPE; | ||
| var Suspense = REACT_SUSPENSE_TYPE; | ||
| var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated | ||
| function isAsyncMode(object) { | ||
| { | ||
| if (!hasWarnedAboutDeprecatedIsAsyncMode) { | ||
| hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint | ||
| console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.'); | ||
| } | ||
| } | ||
| return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE; | ||
| } | ||
| function isConcurrentMode(object) { | ||
| return typeOf(object) === REACT_CONCURRENT_MODE_TYPE; | ||
| } | ||
| function isContextConsumer(object) { | ||
| return typeOf(object) === REACT_CONTEXT_TYPE; | ||
| } | ||
| function isContextProvider(object) { | ||
| return typeOf(object) === REACT_PROVIDER_TYPE; | ||
| } | ||
| function isElement(object) { | ||
| return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE; | ||
| } | ||
| function isForwardRef(object) { | ||
| return typeOf(object) === REACT_FORWARD_REF_TYPE; | ||
| } | ||
| function isFragment(object) { | ||
| return typeOf(object) === REACT_FRAGMENT_TYPE; | ||
| } | ||
| function isLazy(object) { | ||
| return typeOf(object) === REACT_LAZY_TYPE; | ||
| } | ||
| function isMemo(object) { | ||
| return typeOf(object) === REACT_MEMO_TYPE; | ||
| } | ||
| function isPortal(object) { | ||
| return typeOf(object) === REACT_PORTAL_TYPE; | ||
| } | ||
| function isProfiler(object) { | ||
| return typeOf(object) === REACT_PROFILER_TYPE; | ||
| } | ||
| function isStrictMode(object) { | ||
| return typeOf(object) === REACT_STRICT_MODE_TYPE; | ||
| } | ||
| function isSuspense(object) { | ||
| return typeOf(object) === REACT_SUSPENSE_TYPE; | ||
| } | ||
| reactIs_development.AsyncMode = AsyncMode; | ||
| reactIs_development.ConcurrentMode = ConcurrentMode; | ||
| reactIs_development.ContextConsumer = ContextConsumer; | ||
| reactIs_development.ContextProvider = ContextProvider; | ||
| reactIs_development.Element = Element; | ||
| reactIs_development.ForwardRef = ForwardRef; | ||
| reactIs_development.Fragment = Fragment; | ||
| reactIs_development.Lazy = Lazy; | ||
| reactIs_development.Memo = Memo; | ||
| reactIs_development.Portal = Portal; | ||
| reactIs_development.Profiler = Profiler; | ||
| reactIs_development.StrictMode = StrictMode; | ||
| reactIs_development.Suspense = Suspense; | ||
| reactIs_development.isAsyncMode = isAsyncMode; | ||
| reactIs_development.isConcurrentMode = isConcurrentMode; | ||
| reactIs_development.isContextConsumer = isContextConsumer; | ||
| reactIs_development.isContextProvider = isContextProvider; | ||
| reactIs_development.isElement = isElement; | ||
| reactIs_development.isForwardRef = isForwardRef; | ||
| reactIs_development.isFragment = isFragment; | ||
| reactIs_development.isLazy = isLazy; | ||
| reactIs_development.isMemo = isMemo; | ||
| reactIs_development.isPortal = isPortal; | ||
| reactIs_development.isProfiler = isProfiler; | ||
| reactIs_development.isStrictMode = isStrictMode; | ||
| reactIs_development.isSuspense = isSuspense; | ||
| reactIs_development.isValidElementType = isValidElementType; | ||
| reactIs_development.typeOf = typeOf; | ||
| })(); | ||
| } | ||
| if (process.env.NODE_ENV === 'production') { | ||
| reactIs.exports = reactIs_production_min; | ||
| } else { | ||
| reactIs.exports = reactIs_development; | ||
| } | ||
| /* | ||
| object-assign | ||
| (c) Sindre Sorhus | ||
| @license MIT | ||
| */ | ||
| /* eslint-disable no-unused-vars */ | ||
| var getOwnPropertySymbols = Object.getOwnPropertySymbols; | ||
| var hasOwnProperty = Object.prototype.hasOwnProperty; | ||
| var propIsEnumerable = Object.prototype.propertyIsEnumerable; | ||
| function toObject(val) { | ||
| if (val === null || val === undefined) { | ||
| throw new TypeError('Object.assign cannot be called with null or undefined'); | ||
| } | ||
| return Object(val); | ||
| } | ||
| function shouldUseNative() { | ||
| try { | ||
| if (!Object.assign) { | ||
| return false; | ||
| } | ||
| // Detect buggy property enumeration order in older V8 versions. | ||
| // https://bugs.chromium.org/p/v8/issues/detail?id=4118 | ||
| var test1 = new String('abc'); // eslint-disable-line no-new-wrappers | ||
| test1[5] = 'de'; | ||
| if (Object.getOwnPropertyNames(test1)[0] === '5') { | ||
| return false; | ||
| } | ||
| // https://bugs.chromium.org/p/v8/issues/detail?id=3056 | ||
| var test2 = {}; | ||
| for (var i = 0; i < 10; i++) { | ||
| test2['_' + String.fromCharCode(i)] = i; | ||
| } | ||
| var order2 = Object.getOwnPropertyNames(test2).map(function (n) { | ||
| return test2[n]; | ||
| }); | ||
| if (order2.join('') !== '0123456789') { | ||
| return false; | ||
| } | ||
| // https://bugs.chromium.org/p/v8/issues/detail?id=3056 | ||
| var test3 = {}; | ||
| 'abcdefghijklmnopqrst'.split('').forEach(function (letter) { | ||
| test3[letter] = letter; | ||
| }); | ||
| if (Object.keys(Object.assign({}, test3)).join('') !== | ||
| 'abcdefghijklmnopqrst') { | ||
| return false; | ||
| } | ||
| return true; | ||
| } catch (err) { | ||
| // We don't expect any of the above to throw, but better to be safe. | ||
| return false; | ||
| } | ||
| } | ||
| var objectAssign = shouldUseNative() ? Object.assign : function (target, source) { | ||
| var from; | ||
| var to = toObject(target); | ||
| var symbols; | ||
| for (var s = 1; s < arguments.length; s++) { | ||
| from = Object(arguments[s]); | ||
| for (var key in from) { | ||
| if (hasOwnProperty.call(from, key)) { | ||
| to[key] = from[key]; | ||
| } | ||
| } | ||
| if (getOwnPropertySymbols) { | ||
| symbols = getOwnPropertySymbols(from); | ||
| for (var i = 0; i < symbols.length; i++) { | ||
| if (propIsEnumerable.call(from, symbols[i])) { | ||
| to[symbols[i]] = from[symbols[i]]; | ||
| } | ||
| } | ||
| } | ||
| } | ||
| return to; | ||
| }; | ||
| /** | ||
| * Copyright (c) 2013-present, Facebook, Inc. | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| */ | ||
| var ReactPropTypesSecret$3 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED'; | ||
| var ReactPropTypesSecret_1 = ReactPropTypesSecret$3; | ||
| var has$2 = Function.call.bind(Object.prototype.hasOwnProperty); | ||
| /** | ||
| * Copyright (c) 2013-present, Facebook, Inc. | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| */ | ||
| var printWarning$1 = function() {}; | ||
| if (process.env.NODE_ENV !== 'production') { | ||
| var ReactPropTypesSecret$2 = ReactPropTypesSecret_1; | ||
| var loggedTypeFailures = {}; | ||
| var has$1 = has$2; | ||
| printWarning$1 = function(text) { | ||
| var message = 'Warning: ' + text; | ||
| if (typeof console !== 'undefined') { | ||
| console.error(message); | ||
| } | ||
| try { | ||
| // --- Welcome to debugging React --- | ||
| // This error was thrown as a convenience so that you can use this stack | ||
| // to find the callsite that caused this warning to fire. | ||
| throw new Error(message); | ||
| } catch (x) { /**/ } | ||
| }; | ||
| } | ||
| /** | ||
| * Assert that the values match with the type specs. | ||
| * Error messages are memorized and will only be shown once. | ||
| * | ||
| * @param {object} typeSpecs Map of name to a ReactPropType | ||
| * @param {object} values Runtime values that need to be type-checked | ||
| * @param {string} location e.g. "prop", "context", "child context" | ||
| * @param {string} componentName Name of the component for error messages. | ||
| * @param {?Function} getStack Returns the component stack. | ||
| * @private | ||
| */ | ||
| function checkPropTypes$1(typeSpecs, values, location, componentName, getStack) { | ||
| if (process.env.NODE_ENV !== 'production') { | ||
| for (var typeSpecName in typeSpecs) { | ||
| if (has$1(typeSpecs, typeSpecName)) { | ||
| var error; | ||
| // Prop type validation may throw. In case they do, we don't want to | ||
| // fail the render phase where it didn't fail before. So we log it. | ||
| // After these have been cleaned up, we'll let them throw. | ||
| try { | ||
| // This is intentionally an invariant that gets caught. It's the same | ||
| // behavior as without this statement except with a better message. | ||
| if (typeof typeSpecs[typeSpecName] !== 'function') { | ||
| var err = Error( | ||
| (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + | ||
| 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + | ||
| 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.' | ||
| ); | ||
| err.name = 'Invariant Violation'; | ||
| throw err; | ||
| } | ||
| error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret$2); | ||
| } catch (ex) { | ||
| error = ex; | ||
| } | ||
| if (error && !(error instanceof Error)) { | ||
| printWarning$1( | ||
| (componentName || 'React class') + ': type specification of ' + | ||
| location + ' `' + typeSpecName + '` is invalid; the type checker ' + | ||
| 'function must return `null` or an `Error` but returned a ' + typeof error + '. ' + | ||
| 'You may have forgotten to pass an argument to the type checker ' + | ||
| 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + | ||
| 'shape all require an argument).' | ||
| ); | ||
| } | ||
| if (error instanceof Error && !(error.message in loggedTypeFailures)) { | ||
| // Only monitor this failure once because there tends to be a lot of the | ||
| // same error. | ||
| loggedTypeFailures[error.message] = true; | ||
| var stack = getStack ? getStack() : ''; | ||
| printWarning$1( | ||
| 'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '') | ||
| ); | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } | ||
| /** | ||
| * Resets warning cache when testing. | ||
| * | ||
| * @private | ||
| */ | ||
| checkPropTypes$1.resetWarningCache = function() { | ||
| if (process.env.NODE_ENV !== 'production') { | ||
| loggedTypeFailures = {}; | ||
| } | ||
| }; | ||
| var checkPropTypes_1 = checkPropTypes$1; | ||
| /** | ||
| * Copyright (c) 2013-present, Facebook, Inc. | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| */ | ||
| var ReactIs$1 = reactIs.exports; | ||
| var assign = objectAssign; | ||
| var ReactPropTypesSecret$1 = ReactPropTypesSecret_1; | ||
| var has = has$2; | ||
| var checkPropTypes = checkPropTypes_1; | ||
| var printWarning = function() {}; | ||
| if (process.env.NODE_ENV !== 'production') { | ||
| printWarning = function(text) { | ||
| var message = 'Warning: ' + text; | ||
| if (typeof console !== 'undefined') { | ||
| console.error(message); | ||
| } | ||
| try { | ||
| // --- Welcome to debugging React --- | ||
| // This error was thrown as a convenience so that you can use this stack | ||
| // to find the callsite that caused this warning to fire. | ||
| throw new Error(message); | ||
| } catch (x) {} | ||
| }; | ||
| } | ||
| function emptyFunctionThatReturnsNull() { | ||
| return null; | ||
| } | ||
| var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) { | ||
| /* global Symbol */ | ||
| var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator; | ||
| var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec. | ||
| /** | ||
| * Returns the iterator method function contained on the iterable object. | ||
| * | ||
| * Be sure to invoke the function with the iterable as context: | ||
| * | ||
| * var iteratorFn = getIteratorFn(myIterable); | ||
| * if (iteratorFn) { | ||
| * var iterator = iteratorFn.call(myIterable); | ||
| * ... | ||
| * } | ||
| * | ||
| * @param {?object} maybeIterable | ||
| * @return {?function} | ||
| */ | ||
| function getIteratorFn(maybeIterable) { | ||
| var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]); | ||
| if (typeof iteratorFn === 'function') { | ||
| return iteratorFn; | ||
| } | ||
| } | ||
| /** | ||
| * Collection of methods that allow declaration and validation of props that are | ||
| * supplied to React components. Example usage: | ||
| * | ||
| * var Props = require('ReactPropTypes'); | ||
| * var MyArticle = React.createClass({ | ||
| * propTypes: { | ||
| * // An optional string prop named "description". | ||
| * description: Props.string, | ||
| * | ||
| * // A required enum prop named "category". | ||
| * category: Props.oneOf(['News','Photos']).isRequired, | ||
| * | ||
| * // A prop named "dialog" that requires an instance of Dialog. | ||
| * dialog: Props.instanceOf(Dialog).isRequired | ||
| * }, | ||
| * render: function() { ... } | ||
| * }); | ||
| * | ||
| * A more formal specification of how these methods are used: | ||
| * | ||
| * type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...) | ||
| * decl := ReactPropTypes.{type}(.isRequired)? | ||
| * | ||
| * Each and every declaration produces a function with the same signature. This | ||
| * allows the creation of custom validation functions. For example: | ||
| * | ||
| * var MyLink = React.createClass({ | ||
| * propTypes: { | ||
| * // An optional string or URI prop named "href". | ||
| * href: function(props, propName, componentName) { | ||
| * var propValue = props[propName]; | ||
| * if (propValue != null && typeof propValue !== 'string' && | ||
| * !(propValue instanceof URI)) { | ||
| * return new Error( | ||
| * 'Expected a string or an URI for ' + propName + ' in ' + | ||
| * componentName | ||
| * ); | ||
| * } | ||
| * } | ||
| * }, | ||
| * render: function() {...} | ||
| * }); | ||
| * | ||
| * @internal | ||
| */ | ||
| var ANONYMOUS = '<<anonymous>>'; | ||
| // Important! | ||
| // Keep this list in sync with production version in `./factoryWithThrowingShims.js`. | ||
| var ReactPropTypes = { | ||
| array: createPrimitiveTypeChecker('array'), | ||
| bigint: createPrimitiveTypeChecker('bigint'), | ||
| bool: createPrimitiveTypeChecker('boolean'), | ||
| func: createPrimitiveTypeChecker('function'), | ||
| number: createPrimitiveTypeChecker('number'), | ||
| object: createPrimitiveTypeChecker('object'), | ||
| string: createPrimitiveTypeChecker('string'), | ||
| symbol: createPrimitiveTypeChecker('symbol'), | ||
| any: createAnyTypeChecker(), | ||
| arrayOf: createArrayOfTypeChecker, | ||
| element: createElementTypeChecker(), | ||
| elementType: createElementTypeTypeChecker(), | ||
| instanceOf: createInstanceTypeChecker, | ||
| node: createNodeChecker(), | ||
| objectOf: createObjectOfTypeChecker, | ||
| oneOf: createEnumTypeChecker, | ||
| oneOfType: createUnionTypeChecker, | ||
| shape: createShapeTypeChecker, | ||
| exact: createStrictShapeTypeChecker, | ||
| }; | ||
| /** | ||
| * inlined Object.is polyfill to avoid requiring consumers ship their own | ||
| * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is | ||
| */ | ||
| /*eslint-disable no-self-compare*/ | ||
| function is(x, y) { | ||
| // SameValue algorithm | ||
| if (x === y) { | ||
| // Steps 1-5, 7-10 | ||
| // Steps 6.b-6.e: +0 != -0 | ||
| return x !== 0 || 1 / x === 1 / y; | ||
| } else { | ||
| // Step 6.a: NaN == NaN | ||
| return x !== x && y !== y; | ||
| } | ||
| } | ||
| /*eslint-enable no-self-compare*/ | ||
| /** | ||
| * We use an Error-like object for backward compatibility as people may call | ||
| * PropTypes directly and inspect their output. However, we don't use real | ||
| * Errors anymore. We don't inspect their stack anyway, and creating them | ||
| * is prohibitively expensive if they are created too often, such as what | ||
| * happens in oneOfType() for any type before the one that matched. | ||
| */ | ||
| function PropTypeError(message, data) { | ||
| this.message = message; | ||
| this.data = data && typeof data === 'object' ? data: {}; | ||
| this.stack = ''; | ||
| } | ||
| // Make `instanceof Error` still work for returned errors. | ||
| PropTypeError.prototype = Error.prototype; | ||
| function createChainableTypeChecker(validate) { | ||
| if (process.env.NODE_ENV !== 'production') { | ||
| var manualPropTypeCallCache = {}; | ||
| var manualPropTypeWarningCount = 0; | ||
| } | ||
| function checkType(isRequired, props, propName, componentName, location, propFullName, secret) { | ||
| componentName = componentName || ANONYMOUS; | ||
| propFullName = propFullName || propName; | ||
| if (secret !== ReactPropTypesSecret$1) { | ||
| if (throwOnDirectAccess) { | ||
| // New behavior only for users of `prop-types` package | ||
| var err = new Error( | ||
| 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' + | ||
| 'Use `PropTypes.checkPropTypes()` to call them. ' + | ||
| 'Read more at http://fb.me/use-check-prop-types' | ||
| ); | ||
| err.name = 'Invariant Violation'; | ||
| throw err; | ||
| } else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') { | ||
| // Old behavior for people using React.PropTypes | ||
| var cacheKey = componentName + ':' + propName; | ||
| if ( | ||
| !manualPropTypeCallCache[cacheKey] && | ||
| // Avoid spamming the console because they are often not actionable except for lib authors | ||
| manualPropTypeWarningCount < 3 | ||
| ) { | ||
| printWarning( | ||
| 'You are manually calling a React.PropTypes validation ' + | ||
| 'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' + | ||
| 'and will throw in the standalone `prop-types` package. ' + | ||
| 'You may be seeing this warning due to a third-party PropTypes ' + | ||
| 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.' | ||
| ); | ||
| manualPropTypeCallCache[cacheKey] = true; | ||
| manualPropTypeWarningCount++; | ||
| } | ||
| } | ||
| } | ||
| if (props[propName] == null) { | ||
| if (isRequired) { | ||
| if (props[propName] === null) { | ||
| return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.')); | ||
| } | ||
| return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.')); | ||
| } | ||
| return null; | ||
| } else { | ||
| return validate(props, propName, componentName, location, propFullName); | ||
| } | ||
| } | ||
| var chainedCheckType = checkType.bind(null, false); | ||
| chainedCheckType.isRequired = checkType.bind(null, true); | ||
| return chainedCheckType; | ||
| } | ||
| function createPrimitiveTypeChecker(expectedType) { | ||
| function validate(props, propName, componentName, location, propFullName, secret) { | ||
| var propValue = props[propName]; | ||
| var propType = getPropType(propValue); | ||
| if (propType !== expectedType) { | ||
| // `propValue` being instance of, say, date/regexp, pass the 'object' | ||
| // check, but we can offer a more precise error message here rather than | ||
| // 'of type `object`'. | ||
| var preciseType = getPreciseType(propValue); | ||
| return new PropTypeError( | ||
| 'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'), | ||
| {expectedType: expectedType} | ||
| ); | ||
| } | ||
| return null; | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function createAnyTypeChecker() { | ||
| return createChainableTypeChecker(emptyFunctionThatReturnsNull); | ||
| } | ||
| function createArrayOfTypeChecker(typeChecker) { | ||
| function validate(props, propName, componentName, location, propFullName) { | ||
| if (typeof typeChecker !== 'function') { | ||
| return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.'); | ||
| } | ||
| var propValue = props[propName]; | ||
| if (!Array.isArray(propValue)) { | ||
| var propType = getPropType(propValue); | ||
| return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.')); | ||
| } | ||
| for (var i = 0; i < propValue.length; i++) { | ||
| var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret$1); | ||
| if (error instanceof Error) { | ||
| return error; | ||
| } | ||
| } | ||
| return null; | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function createElementTypeChecker() { | ||
| function validate(props, propName, componentName, location, propFullName) { | ||
| var propValue = props[propName]; | ||
| if (!isValidElement(propValue)) { | ||
| var propType = getPropType(propValue); | ||
| return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.')); | ||
| } | ||
| return null; | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function createElementTypeTypeChecker() { | ||
| function validate(props, propName, componentName, location, propFullName) { | ||
| var propValue = props[propName]; | ||
| if (!ReactIs$1.isValidElementType(propValue)) { | ||
| var propType = getPropType(propValue); | ||
| return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.')); | ||
| } | ||
| return null; | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function createInstanceTypeChecker(expectedClass) { | ||
| function validate(props, propName, componentName, location, propFullName) { | ||
| if (!(props[propName] instanceof expectedClass)) { | ||
| var expectedClassName = expectedClass.name || ANONYMOUS; | ||
| var actualClassName = getClassName(props[propName]); | ||
| return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.')); | ||
| } | ||
| return null; | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function createEnumTypeChecker(expectedValues) { | ||
| if (!Array.isArray(expectedValues)) { | ||
| if (process.env.NODE_ENV !== 'production') { | ||
| if (arguments.length > 1) { | ||
| printWarning( | ||
| 'Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' + | ||
| 'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).' | ||
| ); | ||
| } else { | ||
| printWarning('Invalid argument supplied to oneOf, expected an array.'); | ||
| } | ||
| } | ||
| return emptyFunctionThatReturnsNull; | ||
| } | ||
| function validate(props, propName, componentName, location, propFullName) { | ||
| var propValue = props[propName]; | ||
| for (var i = 0; i < expectedValues.length; i++) { | ||
| if (is(propValue, expectedValues[i])) { | ||
| return null; | ||
| } | ||
| } | ||
| var valuesString = JSON.stringify(expectedValues, function replacer(key, value) { | ||
| var type = getPreciseType(value); | ||
| if (type === 'symbol') { | ||
| return String(value); | ||
| } | ||
| return value; | ||
| }); | ||
| return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.')); | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function createObjectOfTypeChecker(typeChecker) { | ||
| function validate(props, propName, componentName, location, propFullName) { | ||
| if (typeof typeChecker !== 'function') { | ||
| return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.'); | ||
| } | ||
| var propValue = props[propName]; | ||
| var propType = getPropType(propValue); | ||
| if (propType !== 'object') { | ||
| return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.')); | ||
| } | ||
| for (var key in propValue) { | ||
| if (has(propValue, key)) { | ||
| var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$1); | ||
| if (error instanceof Error) { | ||
| return error; | ||
| } | ||
| } | ||
| } | ||
| return null; | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function createUnionTypeChecker(arrayOfTypeCheckers) { | ||
| if (!Array.isArray(arrayOfTypeCheckers)) { | ||
| process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0; | ||
| return emptyFunctionThatReturnsNull; | ||
| } | ||
| for (var i = 0; i < arrayOfTypeCheckers.length; i++) { | ||
| var checker = arrayOfTypeCheckers[i]; | ||
| if (typeof checker !== 'function') { | ||
| printWarning( | ||
| 'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' + | ||
| 'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.' | ||
| ); | ||
| return emptyFunctionThatReturnsNull; | ||
| } | ||
| } | ||
| function validate(props, propName, componentName, location, propFullName) { | ||
| var expectedTypes = []; | ||
| for (var i = 0; i < arrayOfTypeCheckers.length; i++) { | ||
| var checker = arrayOfTypeCheckers[i]; | ||
| var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret$1); | ||
| if (checkerResult == null) { | ||
| return null; | ||
| } | ||
| if (checkerResult.data && has(checkerResult.data, 'expectedType')) { | ||
| expectedTypes.push(checkerResult.data.expectedType); | ||
| } | ||
| } | ||
| var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': ''; | ||
| return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.')); | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function createNodeChecker() { | ||
| function validate(props, propName, componentName, location, propFullName) { | ||
| if (!isNode(props[propName])) { | ||
| return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.')); | ||
| } | ||
| return null; | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function invalidValidatorError(componentName, location, propFullName, key, type) { | ||
| return new PropTypeError( | ||
| (componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' + | ||
| 'it must be a function, usually from the `prop-types` package, but received `' + type + '`.' | ||
| ); | ||
| } | ||
| function createShapeTypeChecker(shapeTypes) { | ||
| function validate(props, propName, componentName, location, propFullName) { | ||
| var propValue = props[propName]; | ||
| var propType = getPropType(propValue); | ||
| if (propType !== 'object') { | ||
| return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.')); | ||
| } | ||
| for (var key in shapeTypes) { | ||
| var checker = shapeTypes[key]; | ||
| if (typeof checker !== 'function') { | ||
| return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker)); | ||
| } | ||
| var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$1); | ||
| if (error) { | ||
| return error; | ||
| } | ||
| } | ||
| return null; | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function createStrictShapeTypeChecker(shapeTypes) { | ||
| function validate(props, propName, componentName, location, propFullName) { | ||
| var propValue = props[propName]; | ||
| var propType = getPropType(propValue); | ||
| if (propType !== 'object') { | ||
| return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.')); | ||
| } | ||
| // We need to check all keys in case some are required but missing from props. | ||
| var allKeys = assign({}, props[propName], shapeTypes); | ||
| for (var key in allKeys) { | ||
| var checker = shapeTypes[key]; | ||
| if (has(shapeTypes, key) && typeof checker !== 'function') { | ||
| return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker)); | ||
| } | ||
| if (!checker) { | ||
| return new PropTypeError( | ||
| 'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' + | ||
| '\nBad object: ' + JSON.stringify(props[propName], null, ' ') + | ||
| '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, ' ') | ||
| ); | ||
| } | ||
| var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$1); | ||
| if (error) { | ||
| return error; | ||
| } | ||
| } | ||
| return null; | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function isNode(propValue) { | ||
| switch (typeof propValue) { | ||
| case 'number': | ||
| case 'string': | ||
| case 'undefined': | ||
| return true; | ||
| case 'boolean': | ||
| return !propValue; | ||
| case 'object': | ||
| if (Array.isArray(propValue)) { | ||
| return propValue.every(isNode); | ||
| } | ||
| if (propValue === null || isValidElement(propValue)) { | ||
| return true; | ||
| } | ||
| var iteratorFn = getIteratorFn(propValue); | ||
| if (iteratorFn) { | ||
| var iterator = iteratorFn.call(propValue); | ||
| var step; | ||
| if (iteratorFn !== propValue.entries) { | ||
| while (!(step = iterator.next()).done) { | ||
| if (!isNode(step.value)) { | ||
| return false; | ||
| } | ||
| } | ||
| } else { | ||
| // Iterator will provide entry [k,v] tuples rather than values. | ||
| while (!(step = iterator.next()).done) { | ||
| var entry = step.value; | ||
| if (entry) { | ||
| if (!isNode(entry[1])) { | ||
| return false; | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } else { | ||
| return false; | ||
| } | ||
| return true; | ||
| default: | ||
| return false; | ||
| } | ||
| } | ||
| function isSymbol(propType, propValue) { | ||
| // Native Symbol. | ||
| if (propType === 'symbol') { | ||
| return true; | ||
| } | ||
| // falsy value can't be a Symbol | ||
| if (!propValue) { | ||
| return false; | ||
| } | ||
| // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol' | ||
| if (propValue['@@toStringTag'] === 'Symbol') { | ||
| return true; | ||
| } | ||
| // Fallback for non-spec compliant Symbols which are polyfilled. | ||
| if (typeof Symbol === 'function' && propValue instanceof Symbol) { | ||
| return true; | ||
| } | ||
| return false; | ||
| } | ||
| // Equivalent of `typeof` but with special handling for array and regexp. | ||
| function getPropType(propValue) { | ||
| var propType = typeof propValue; | ||
| if (Array.isArray(propValue)) { | ||
| return 'array'; | ||
| } | ||
| if (propValue instanceof RegExp) { | ||
| // Old webkits (at least until Android 4.0) return 'function' rather than | ||
| // 'object' for typeof a RegExp. We'll normalize this here so that /bla/ | ||
| // passes PropTypes.object. | ||
| return 'object'; | ||
| } | ||
| if (isSymbol(propType, propValue)) { | ||
| return 'symbol'; | ||
| } | ||
| return propType; | ||
| } | ||
| // This handles more types than `getPropType`. Only used for error messages. | ||
| // See `createPrimitiveTypeChecker`. | ||
| function getPreciseType(propValue) { | ||
| if (typeof propValue === 'undefined' || propValue === null) { | ||
| return '' + propValue; | ||
| } | ||
| var propType = getPropType(propValue); | ||
| if (propType === 'object') { | ||
| if (propValue instanceof Date) { | ||
| return 'date'; | ||
| } else if (propValue instanceof RegExp) { | ||
| return 'regexp'; | ||
| } | ||
| } | ||
| return propType; | ||
| } | ||
| // Returns a string that is postfixed to a warning about an invalid type. | ||
| // For example, "undefined" or "of type array" | ||
| function getPostfixForTypeWarning(value) { | ||
| var type = getPreciseType(value); | ||
| switch (type) { | ||
| case 'array': | ||
| case 'object': | ||
| return 'an ' + type; | ||
| case 'boolean': | ||
| case 'date': | ||
| case 'regexp': | ||
| return 'a ' + type; | ||
| default: | ||
| return type; | ||
| } | ||
| } | ||
| // Returns class name of the object, if any. | ||
| function getClassName(propValue) { | ||
| if (!propValue.constructor || !propValue.constructor.name) { | ||
| return ANONYMOUS; | ||
| } | ||
| return propValue.constructor.name; | ||
| } | ||
| ReactPropTypes.checkPropTypes = checkPropTypes; | ||
| ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache; | ||
| ReactPropTypes.PropTypes = ReactPropTypes; | ||
| return ReactPropTypes; | ||
| }; | ||
| /** | ||
| * Copyright (c) 2013-present, Facebook, Inc. | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| */ | ||
| var ReactPropTypesSecret = ReactPropTypesSecret_1; | ||
| function emptyFunction() {} | ||
| function emptyFunctionWithReset() {} | ||
| emptyFunctionWithReset.resetWarningCache = emptyFunction; | ||
| var factoryWithThrowingShims = function() { | ||
| function shim(props, propName, componentName, location, propFullName, secret) { | ||
| if (secret === ReactPropTypesSecret) { | ||
| // It is still safe when called from React. | ||
| return; | ||
| } | ||
| var err = new Error( | ||
| 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' + | ||
| 'Use PropTypes.checkPropTypes() to call them. ' + | ||
| 'Read more at http://fb.me/use-check-prop-types' | ||
| ); | ||
| err.name = 'Invariant Violation'; | ||
| throw err; | ||
| } shim.isRequired = shim; | ||
| function getShim() { | ||
| return shim; | ||
| } // Important! | ||
| // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`. | ||
| var ReactPropTypes = { | ||
| array: shim, | ||
| bigint: shim, | ||
| bool: shim, | ||
| func: shim, | ||
| number: shim, | ||
| object: shim, | ||
| string: shim, | ||
| symbol: shim, | ||
| any: shim, | ||
| arrayOf: getShim, | ||
| element: shim, | ||
| elementType: shim, | ||
| instanceOf: getShim, | ||
| node: shim, | ||
| objectOf: getShim, | ||
| oneOf: getShim, | ||
| oneOfType: getShim, | ||
| shape: getShim, | ||
| exact: getShim, | ||
| checkPropTypes: emptyFunctionWithReset, | ||
| resetWarningCache: emptyFunction | ||
| }; | ||
| ReactPropTypes.PropTypes = ReactPropTypes; | ||
| return ReactPropTypes; | ||
| }; | ||
| /** | ||
| * Copyright (c) 2013-present, Facebook, Inc. | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| */ | ||
| if (process.env.NODE_ENV !== 'production') { | ||
| var ReactIs = reactIs.exports; | ||
| // By explicitly using `prop-types` you are opting into new development behavior. | ||
| // http://fb.me/prop-types-in-prod | ||
| var throwOnDirectAccess = true; | ||
| propTypes.exports = factoryWithTypeCheckers(ReactIs.isElement, throwOnDirectAccess); | ||
| } else { | ||
| // By explicitly using `prop-types` you are opting into new production behavior. | ||
| // http://fb.me/prop-types-in-prod | ||
| propTypes.exports = factoryWithThrowingShims(); | ||
| } | ||
| var PropTypes = propTypes.exports; | ||
| function ArrowSmDownIcon(props) { | ||
@@ -92,12 +1193,63 @@ return /*#__PURE__*/React__namespace.createElement("svg", Object.assign({ | ||
| function classNames(...classes) { | ||
| function TicketIcon(props) { | ||
| return /*#__PURE__*/React__namespace.createElement("svg", Object.assign({ | ||
| xmlns: "http://www.w3.org/2000/svg", | ||
| fill: "none", | ||
| viewBox: "0 0 24 24", | ||
| stroke: "currentColor", | ||
| "aria-hidden": "true" | ||
| }, props), /*#__PURE__*/React__namespace.createElement("path", { | ||
| strokeLinecap: "round", | ||
| strokeLinejoin: "round", | ||
| strokeWidth: 2, | ||
| d: "M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 110 4v3a2 2 0 002 2h14a2 2 0 002-2v-3a2 2 0 110-4V7a2 2 0 00-2-2H5z" | ||
| })); | ||
| } | ||
| function classNames() { | ||
| for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) { | ||
| classes[_key] = arguments[_key]; | ||
| } | ||
| return classes.filter(Boolean).join(' '); | ||
| } | ||
| function bgColorClassNames(className) { | ||
| return className.startsWith("bg-") ? className : ""; | ||
| } | ||
| function textColorClassNames(className) { | ||
| return className.startsWith("text-") ? className : ""; | ||
| } | ||
| function maxWidthClassNames(className) { | ||
| return className.startsWith("max-w-") ? className : ""; | ||
| } | ||
| function borderClassNames(className) { | ||
| return className.startsWith("border") ? className : ""; | ||
| } | ||
| function shadowClassNames(className) { | ||
| return className.startsWith("shadow") ? className : ""; | ||
| } | ||
| function roundedCornersClassNames(className) { | ||
| return className.startsWith("rounded") ? className : ""; | ||
| } | ||
| function BasicCard(props) { | ||
| function BasicCard(_ref) { | ||
| var id = _ref.id, | ||
| title = _ref.title, | ||
| value = _ref.value, | ||
| delta = _ref.delta, | ||
| deltaText = _ref.deltaText, | ||
| deltaType = _ref.deltaType, | ||
| showIcon = _ref.showIcon, | ||
| icon = _ref.icon, | ||
| iconBgColor = _ref.iconBgColor, | ||
| maxWidth = _ref.maxWidth, | ||
| border = _ref.border, | ||
| borderColor = _ref.borderColor, | ||
| shadow = _ref.shadow, | ||
| roundedCorners = _ref.roundedCorners; | ||
| return /*#__PURE__*/React__default["default"].createElement("div", { | ||
| key: props.data.id, | ||
| className: "relative bg-white pt-6 px-6 pb-8 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden max-w-lg" | ||
| key: id, | ||
| className: classNames(maxWidthClassNames(maxWidth), borderClassNames(border), borderClassNames(borderColor), shadowClassNames(shadow), roundedCornersClassNames(roundedCorners), "bg-white pt-6 px-6 pb-8 sm:pt-6 sm:px-6 overflow-hidden") | ||
| }, /*#__PURE__*/React__default["default"].createElement("dd", { | ||
| className: "self-start flex justify-between md:flex lg:flex" | ||
| className: "flex justify-between" | ||
| }, /*#__PURE__*/React__default["default"].createElement("div", { | ||
@@ -107,12 +1259,9 @@ className: "pb-6" | ||
| className: "text-sm font-normal text-gray-400" | ||
| }, props.data.name), /*#__PURE__*/React__default["default"].createElement("p", { | ||
| }, title), /*#__PURE__*/React__default["default"].createElement("p", { | ||
| className: "text-xl font-semibold text-gray-600" | ||
| }, props.data.stat)), /*#__PURE__*/React__default["default"].createElement("div", { | ||
| className: "self-start inline-flex items-baseline bg-blue-100 rounded-md p-2" | ||
| }, /*#__PURE__*/React__default["default"].createElement(props.data.icon, { | ||
| className: "h-4 w-4 text-blue-600", | ||
| "aria-hidden": "true" | ||
| }))), /*#__PURE__*/React__default["default"].createElement("p", { | ||
| className: classNames(props.data.changeType === 'increase' ? 'text-green-500' : 'text-red-600', 'flex items-baseline text-sm font-semibold') | ||
| }, props.data.changeType === 'increase' ? /*#__PURE__*/React__default["default"].createElement(ArrowSmUpIcon, { | ||
| }, value)), showIcon ? /*#__PURE__*/React__default["default"].createElement("div", { | ||
| className: classNames(bgColorClassNames(iconBgColor), "self-start inline-flex items-baseline rounded-md p-2") | ||
| }, icon) : null), /*#__PURE__*/React__default["default"].createElement("p", { | ||
| className: classNames(deltaType === 'increase' ? 'text-green-500' : 'text-red-600', 'flex items-baseline text-sm font-semibold') | ||
| }, deltaType === 'increase' ? /*#__PURE__*/React__default["default"].createElement(ArrowSmUpIcon, { | ||
| className: "self-center flex-shrink-0 h-5 w-5 text-green-500", | ||
@@ -123,11 +1272,121 @@ "aria-hidden": "true" | ||
| "aria-hidden": "true" | ||
| }), /*#__PURE__*/React__default["default"].createElement("span", { | ||
| className: "sr-only" | ||
| }, props.data.changeType === 'increase' ? 'Increased' : 'Decreased', " by"), props.data.change, /*#__PURE__*/React__default["default"].createElement("span", { | ||
| }), delta, /*#__PURE__*/React__default["default"].createElement("span", { | ||
| className: "text-gray-400 font-normal ml-3" | ||
| }, "Since last month"))); | ||
| }, deltaText))); | ||
| } | ||
| BasicCard.propTypes = { | ||
| id: PropTypes.number, | ||
| title: PropTypes.string, | ||
| value: PropTypes.string, | ||
| delta: PropTypes.string, | ||
| deltaText: PropTypes.string, | ||
| deltaType: PropTypes.string, | ||
| showIcon: PropTypes.bool, | ||
| icon: PropTypes.element, | ||
| iconBgColor: PropTypes.string, | ||
| maxWidth: PropTypes.string, | ||
| border: PropTypes.string, | ||
| borderColor: PropTypes.string, | ||
| shadow: PropTypes.string, | ||
| roundedCorners: PropTypes.string | ||
| }; | ||
| BasicCard.defaultProps = { | ||
| id: null, | ||
| title: "Sample Metric", | ||
| value: "$ 12,345.67", | ||
| delta: "12.3 %", | ||
| deltaText: "over the last month", | ||
| deltaType: "increase", | ||
| showIcon: true, | ||
| icon: /*#__PURE__*/React__default["default"].createElement(TicketIcon, { | ||
| className: "h-4 w-4 text-blue-600", | ||
| "aria-hidden": "true" | ||
| }), | ||
| iconBgColor: "bg-blue-100", | ||
| maxWidth: "max-w-lg", | ||
| border: "border", | ||
| borderColor: "", | ||
| shadow: "shadow", | ||
| roundedCorners: "rounded-lg" | ||
| }; | ||
| function ProgressBar(_ref) { | ||
| var id = _ref.id, | ||
| title = _ref.title, | ||
| value = _ref.value, | ||
| progressPercentage = _ref.progressPercentage, | ||
| progressText = _ref.progressText, | ||
| eta = _ref.eta, | ||
| progressBarPrimaryColor = _ref.progressBarPrimaryColor, | ||
| progressBarSecondaryColor = _ref.progressBarSecondaryColor, | ||
| fontColor = _ref.fontColor, | ||
| maxWidth = _ref.maxWidth, | ||
| border = _ref.border, | ||
| borderColor = _ref.borderColor, | ||
| shadow = _ref.shadow, | ||
| roundedCorners = _ref.roundedCorners; | ||
| return /*#__PURE__*/React__default["default"].createElement("div", { | ||
| key: id, | ||
| className: classNames(maxWidthClassNames(maxWidth), borderClassNames(border), borderClassNames(borderColor), shadowClassNames(shadow), roundedCornersClassNames(roundedCorners), "bg-white pt-6 px-6 pb-8 sm:pt-6 sm:px-6 overflow-hidden") | ||
| }, /*#__PURE__*/React__default["default"].createElement("p", { | ||
| className: "text-sm font-normal text-gray-400" | ||
| }, title), /*#__PURE__*/React__default["default"].createElement("p", { | ||
| className: "pt-1 pb-1 text-xl font-semibold text-gray-600" | ||
| }, value), /*#__PURE__*/React__default["default"].createElement("div", { | ||
| className: "pt-3" | ||
| }, /*#__PURE__*/React__default["default"].createElement("div", { | ||
| className: "flex mb-2 justify-between" | ||
| }, /*#__PURE__*/React__default["default"].createElement("div", { | ||
| className: classNames(textColorClassNames(fontColor)) | ||
| }, /*#__PURE__*/React__default["default"].createElement("span", { | ||
| className: "text-xs font-semibold inline-block" | ||
| }, progressPercentage + "%"), /*#__PURE__*/React__default["default"].createElement("span", { | ||
| className: "text-xs font-light inline-block ml-1" | ||
| }, progressText)), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("span", { | ||
| className: "text-xs inline-block text-gray-400" | ||
| }, " ", eta, " "))), /*#__PURE__*/React__default["default"].createElement("div", { | ||
| className: classNames(bgColorClassNames(progressBarSecondaryColor), "overflow-hidden h-2 flex rounded") | ||
| }, /*#__PURE__*/React__default["default"].createElement("div", { | ||
| className: classNames(bgColorClassNames(progressBarPrimaryColor), "flex-col text-center rounded justify-center"), | ||
| style: { | ||
| "width": progressPercentage + "%" | ||
| } | ||
| })))); | ||
| } | ||
| ProgressBar.propTypes = { | ||
| id: PropTypes.number, | ||
| title: PropTypes.string, | ||
| value: PropTypes.string, | ||
| progressPercentage: PropTypes.number, | ||
| progressText: PropTypes.string, | ||
| eta: PropTypes.string, | ||
| progressBarPrimaryColor: PropTypes.string, | ||
| progressBarSecondaryColor: PropTypes.string, | ||
| fontColor: PropTypes.string, | ||
| maxWidth: PropTypes.string, | ||
| border: PropTypes.string, | ||
| borderColor: PropTypes.string, | ||
| shadow: PropTypes.string, | ||
| roundedCorners: PropTypes.string | ||
| }; | ||
| ProgressBar.defaultProps = { | ||
| id: null, | ||
| title: "Ticket Sales", | ||
| value: "$ 71.465", | ||
| progressPercentage: 32, | ||
| progressText: "of annual target", | ||
| eta: "2.4 months", | ||
| progressBarPrimaryColor: "bg-blue-500", | ||
| progressBarSecondaryColor: "bg-blue-200", | ||
| fontColor: "text-blue-500", | ||
| maxWidth: "max-w-lg", | ||
| border: "border", | ||
| borderColor: "", | ||
| shadow: "shadow", | ||
| roundedCorners: "rounded-lg" | ||
| }; | ||
| exports.BasicCard = BasicCard; | ||
| exports.Button = Button; | ||
| exports.ProgressBar = ProgressBar; | ||
| //# sourceMappingURL=index.js.map |
@@ -31,9 +31,1110 @@ import * as React from 'react'; | ||
| var css_248z = "/*! tailwindcss v3.0.22 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.relative{position:relative}.ml-3{margin-left:.75rem}.flex{display:flex}.inline-flex{display:inline-flex}.h-4{height:1rem}.h-5{height:1.25rem}.w-4{width:1rem}.w-5{width:1.25rem}.max-w-lg{max-width:32rem}.flex-shrink-0{flex-shrink:0}.items-baseline{align-items:baseline}.justify-between{justify-content:space-between}.self-start{align-self:flex-start}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.p-2{padding:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pt-6{padding-top:1.5rem}.pb-8{padding-bottom:2rem}.pb-6{padding-bottom:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-normal{font-weight:400}.font-semibold{font-weight:600}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width:640px){.sm\\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\\:pt-6{padding-top:1.5rem}}@media (min-width:768px){.md\\:flex{display:flex}}@media (min-width:1024px){.lg\\:flex{display:flex}}"; | ||
| var css_248z = "/*! tailwindcss v3.0.22 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.ml-3{margin-left:.75rem}.mb-2{margin-bottom:.5rem}.ml-1{margin-left:.25rem}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.h-5{height:1.25rem}.h-4{height:1rem}.h-2{height:.5rem}.w-5{width:1.25rem}.w-4{width:1rem}.max-w-lg{max-width:32rem}.flex-shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.self-start{align-self:flex-start}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}.p-2{padding:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pt-6{padding-top:1.5rem}.pb-8{padding-bottom:2rem}.pb-6{padding-bottom:1.5rem}.pt-1{padding-top:.25rem}.pb-1{padding-bottom:.25rem}.pt-3{padding-top:.75rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-light{font-weight:300}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width:640px){.sm\\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\\:pt-6{padding-top:1.5rem}}"; | ||
| styleInject(css_248z,{"insertAt":"top"}); | ||
| function Button(props) { | ||
| return /*#__PURE__*/React__default.createElement("div", null, props.data); | ||
| var propTypes = {exports: {}}; | ||
| var reactIs = {exports: {}}; | ||
| var reactIs_production_min = {}; | ||
| /** @license React v16.13.1 | ||
| * react-is.production.min.js | ||
| * | ||
| * Copyright (c) Facebook, Inc. and its affiliates. | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| */ | ||
| var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b? | ||
| Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119; | ||
| function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r;reactIs_production_min.Portal=d; | ||
| reactIs_production_min.Profiler=g;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t}; | ||
| reactIs_production_min.isMemo=function(a){return z(a)===r};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p}; | ||
| reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z; | ||
| var reactIs_development = {}; | ||
| /** @license React v16.13.1 | ||
| * react-is.development.js | ||
| * | ||
| * Copyright (c) Facebook, Inc. and its affiliates. | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| */ | ||
| if (process.env.NODE_ENV !== "production") { | ||
| (function() { | ||
| // The Symbol used to tag the ReactElement-like types. If there is no native Symbol | ||
| // nor polyfill, then a plain number is used for performance. | ||
| var hasSymbol = typeof Symbol === 'function' && Symbol.for; | ||
| var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7; | ||
| var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca; | ||
| var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb; | ||
| var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc; | ||
| var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2; | ||
| var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd; | ||
| var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary | ||
| // (unstable) APIs that have been removed. Can we remove the symbols? | ||
| var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf; | ||
| var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf; | ||
| var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0; | ||
| var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1; | ||
| var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8; | ||
| var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3; | ||
| var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4; | ||
| var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9; | ||
| var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5; | ||
| var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6; | ||
| var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7; | ||
| function isValidElementType(type) { | ||
| return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill. | ||
| type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE); | ||
| } | ||
| function typeOf(object) { | ||
| if (typeof object === 'object' && object !== null) { | ||
| var $$typeof = object.$$typeof; | ||
| switch ($$typeof) { | ||
| case REACT_ELEMENT_TYPE: | ||
| var type = object.type; | ||
| switch (type) { | ||
| case REACT_ASYNC_MODE_TYPE: | ||
| case REACT_CONCURRENT_MODE_TYPE: | ||
| case REACT_FRAGMENT_TYPE: | ||
| case REACT_PROFILER_TYPE: | ||
| case REACT_STRICT_MODE_TYPE: | ||
| case REACT_SUSPENSE_TYPE: | ||
| return type; | ||
| default: | ||
| var $$typeofType = type && type.$$typeof; | ||
| switch ($$typeofType) { | ||
| case REACT_CONTEXT_TYPE: | ||
| case REACT_FORWARD_REF_TYPE: | ||
| case REACT_LAZY_TYPE: | ||
| case REACT_MEMO_TYPE: | ||
| case REACT_PROVIDER_TYPE: | ||
| return $$typeofType; | ||
| default: | ||
| return $$typeof; | ||
| } | ||
| } | ||
| case REACT_PORTAL_TYPE: | ||
| return $$typeof; | ||
| } | ||
| } | ||
| return undefined; | ||
| } // AsyncMode is deprecated along with isAsyncMode | ||
| var AsyncMode = REACT_ASYNC_MODE_TYPE; | ||
| var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE; | ||
| var ContextConsumer = REACT_CONTEXT_TYPE; | ||
| var ContextProvider = REACT_PROVIDER_TYPE; | ||
| var Element = REACT_ELEMENT_TYPE; | ||
| var ForwardRef = REACT_FORWARD_REF_TYPE; | ||
| var Fragment = REACT_FRAGMENT_TYPE; | ||
| var Lazy = REACT_LAZY_TYPE; | ||
| var Memo = REACT_MEMO_TYPE; | ||
| var Portal = REACT_PORTAL_TYPE; | ||
| var Profiler = REACT_PROFILER_TYPE; | ||
| var StrictMode = REACT_STRICT_MODE_TYPE; | ||
| var Suspense = REACT_SUSPENSE_TYPE; | ||
| var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated | ||
| function isAsyncMode(object) { | ||
| { | ||
| if (!hasWarnedAboutDeprecatedIsAsyncMode) { | ||
| hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint | ||
| console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.'); | ||
| } | ||
| } | ||
| return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE; | ||
| } | ||
| function isConcurrentMode(object) { | ||
| return typeOf(object) === REACT_CONCURRENT_MODE_TYPE; | ||
| } | ||
| function isContextConsumer(object) { | ||
| return typeOf(object) === REACT_CONTEXT_TYPE; | ||
| } | ||
| function isContextProvider(object) { | ||
| return typeOf(object) === REACT_PROVIDER_TYPE; | ||
| } | ||
| function isElement(object) { | ||
| return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE; | ||
| } | ||
| function isForwardRef(object) { | ||
| return typeOf(object) === REACT_FORWARD_REF_TYPE; | ||
| } | ||
| function isFragment(object) { | ||
| return typeOf(object) === REACT_FRAGMENT_TYPE; | ||
| } | ||
| function isLazy(object) { | ||
| return typeOf(object) === REACT_LAZY_TYPE; | ||
| } | ||
| function isMemo(object) { | ||
| return typeOf(object) === REACT_MEMO_TYPE; | ||
| } | ||
| function isPortal(object) { | ||
| return typeOf(object) === REACT_PORTAL_TYPE; | ||
| } | ||
| function isProfiler(object) { | ||
| return typeOf(object) === REACT_PROFILER_TYPE; | ||
| } | ||
| function isStrictMode(object) { | ||
| return typeOf(object) === REACT_STRICT_MODE_TYPE; | ||
| } | ||
| function isSuspense(object) { | ||
| return typeOf(object) === REACT_SUSPENSE_TYPE; | ||
| } | ||
| reactIs_development.AsyncMode = AsyncMode; | ||
| reactIs_development.ConcurrentMode = ConcurrentMode; | ||
| reactIs_development.ContextConsumer = ContextConsumer; | ||
| reactIs_development.ContextProvider = ContextProvider; | ||
| reactIs_development.Element = Element; | ||
| reactIs_development.ForwardRef = ForwardRef; | ||
| reactIs_development.Fragment = Fragment; | ||
| reactIs_development.Lazy = Lazy; | ||
| reactIs_development.Memo = Memo; | ||
| reactIs_development.Portal = Portal; | ||
| reactIs_development.Profiler = Profiler; | ||
| reactIs_development.StrictMode = StrictMode; | ||
| reactIs_development.Suspense = Suspense; | ||
| reactIs_development.isAsyncMode = isAsyncMode; | ||
| reactIs_development.isConcurrentMode = isConcurrentMode; | ||
| reactIs_development.isContextConsumer = isContextConsumer; | ||
| reactIs_development.isContextProvider = isContextProvider; | ||
| reactIs_development.isElement = isElement; | ||
| reactIs_development.isForwardRef = isForwardRef; | ||
| reactIs_development.isFragment = isFragment; | ||
| reactIs_development.isLazy = isLazy; | ||
| reactIs_development.isMemo = isMemo; | ||
| reactIs_development.isPortal = isPortal; | ||
| reactIs_development.isProfiler = isProfiler; | ||
| reactIs_development.isStrictMode = isStrictMode; | ||
| reactIs_development.isSuspense = isSuspense; | ||
| reactIs_development.isValidElementType = isValidElementType; | ||
| reactIs_development.typeOf = typeOf; | ||
| })(); | ||
| } | ||
| if (process.env.NODE_ENV === 'production') { | ||
| reactIs.exports = reactIs_production_min; | ||
| } else { | ||
| reactIs.exports = reactIs_development; | ||
| } | ||
| /* | ||
| object-assign | ||
| (c) Sindre Sorhus | ||
| @license MIT | ||
| */ | ||
| /* eslint-disable no-unused-vars */ | ||
| var getOwnPropertySymbols = Object.getOwnPropertySymbols; | ||
| var hasOwnProperty = Object.prototype.hasOwnProperty; | ||
| var propIsEnumerable = Object.prototype.propertyIsEnumerable; | ||
| function toObject(val) { | ||
| if (val === null || val === undefined) { | ||
| throw new TypeError('Object.assign cannot be called with null or undefined'); | ||
| } | ||
| return Object(val); | ||
| } | ||
| function shouldUseNative() { | ||
| try { | ||
| if (!Object.assign) { | ||
| return false; | ||
| } | ||
| // Detect buggy property enumeration order in older V8 versions. | ||
| // https://bugs.chromium.org/p/v8/issues/detail?id=4118 | ||
| var test1 = new String('abc'); // eslint-disable-line no-new-wrappers | ||
| test1[5] = 'de'; | ||
| if (Object.getOwnPropertyNames(test1)[0] === '5') { | ||
| return false; | ||
| } | ||
| // https://bugs.chromium.org/p/v8/issues/detail?id=3056 | ||
| var test2 = {}; | ||
| for (var i = 0; i < 10; i++) { | ||
| test2['_' + String.fromCharCode(i)] = i; | ||
| } | ||
| var order2 = Object.getOwnPropertyNames(test2).map(function (n) { | ||
| return test2[n]; | ||
| }); | ||
| if (order2.join('') !== '0123456789') { | ||
| return false; | ||
| } | ||
| // https://bugs.chromium.org/p/v8/issues/detail?id=3056 | ||
| var test3 = {}; | ||
| 'abcdefghijklmnopqrst'.split('').forEach(function (letter) { | ||
| test3[letter] = letter; | ||
| }); | ||
| if (Object.keys(Object.assign({}, test3)).join('') !== | ||
| 'abcdefghijklmnopqrst') { | ||
| return false; | ||
| } | ||
| return true; | ||
| } catch (err) { | ||
| // We don't expect any of the above to throw, but better to be safe. | ||
| return false; | ||
| } | ||
| } | ||
| var objectAssign = shouldUseNative() ? Object.assign : function (target, source) { | ||
| var from; | ||
| var to = toObject(target); | ||
| var symbols; | ||
| for (var s = 1; s < arguments.length; s++) { | ||
| from = Object(arguments[s]); | ||
| for (var key in from) { | ||
| if (hasOwnProperty.call(from, key)) { | ||
| to[key] = from[key]; | ||
| } | ||
| } | ||
| if (getOwnPropertySymbols) { | ||
| symbols = getOwnPropertySymbols(from); | ||
| for (var i = 0; i < symbols.length; i++) { | ||
| if (propIsEnumerable.call(from, symbols[i])) { | ||
| to[symbols[i]] = from[symbols[i]]; | ||
| } | ||
| } | ||
| } | ||
| } | ||
| return to; | ||
| }; | ||
| /** | ||
| * Copyright (c) 2013-present, Facebook, Inc. | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| */ | ||
| var ReactPropTypesSecret$3 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED'; | ||
| var ReactPropTypesSecret_1 = ReactPropTypesSecret$3; | ||
| var has$2 = Function.call.bind(Object.prototype.hasOwnProperty); | ||
| /** | ||
| * Copyright (c) 2013-present, Facebook, Inc. | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| */ | ||
| var printWarning$1 = function() {}; | ||
| if (process.env.NODE_ENV !== 'production') { | ||
| var ReactPropTypesSecret$2 = ReactPropTypesSecret_1; | ||
| var loggedTypeFailures = {}; | ||
| var has$1 = has$2; | ||
| printWarning$1 = function(text) { | ||
| var message = 'Warning: ' + text; | ||
| if (typeof console !== 'undefined') { | ||
| console.error(message); | ||
| } | ||
| try { | ||
| // --- Welcome to debugging React --- | ||
| // This error was thrown as a convenience so that you can use this stack | ||
| // to find the callsite that caused this warning to fire. | ||
| throw new Error(message); | ||
| } catch (x) { /**/ } | ||
| }; | ||
| } | ||
| /** | ||
| * Assert that the values match with the type specs. | ||
| * Error messages are memorized and will only be shown once. | ||
| * | ||
| * @param {object} typeSpecs Map of name to a ReactPropType | ||
| * @param {object} values Runtime values that need to be type-checked | ||
| * @param {string} location e.g. "prop", "context", "child context" | ||
| * @param {string} componentName Name of the component for error messages. | ||
| * @param {?Function} getStack Returns the component stack. | ||
| * @private | ||
| */ | ||
| function checkPropTypes$1(typeSpecs, values, location, componentName, getStack) { | ||
| if (process.env.NODE_ENV !== 'production') { | ||
| for (var typeSpecName in typeSpecs) { | ||
| if (has$1(typeSpecs, typeSpecName)) { | ||
| var error; | ||
| // Prop type validation may throw. In case they do, we don't want to | ||
| // fail the render phase where it didn't fail before. So we log it. | ||
| // After these have been cleaned up, we'll let them throw. | ||
| try { | ||
| // This is intentionally an invariant that gets caught. It's the same | ||
| // behavior as without this statement except with a better message. | ||
| if (typeof typeSpecs[typeSpecName] !== 'function') { | ||
| var err = Error( | ||
| (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + | ||
| 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + | ||
| 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.' | ||
| ); | ||
| err.name = 'Invariant Violation'; | ||
| throw err; | ||
| } | ||
| error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret$2); | ||
| } catch (ex) { | ||
| error = ex; | ||
| } | ||
| if (error && !(error instanceof Error)) { | ||
| printWarning$1( | ||
| (componentName || 'React class') + ': type specification of ' + | ||
| location + ' `' + typeSpecName + '` is invalid; the type checker ' + | ||
| 'function must return `null` or an `Error` but returned a ' + typeof error + '. ' + | ||
| 'You may have forgotten to pass an argument to the type checker ' + | ||
| 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + | ||
| 'shape all require an argument).' | ||
| ); | ||
| } | ||
| if (error instanceof Error && !(error.message in loggedTypeFailures)) { | ||
| // Only monitor this failure once because there tends to be a lot of the | ||
| // same error. | ||
| loggedTypeFailures[error.message] = true; | ||
| var stack = getStack ? getStack() : ''; | ||
| printWarning$1( | ||
| 'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '') | ||
| ); | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } | ||
| /** | ||
| * Resets warning cache when testing. | ||
| * | ||
| * @private | ||
| */ | ||
| checkPropTypes$1.resetWarningCache = function() { | ||
| if (process.env.NODE_ENV !== 'production') { | ||
| loggedTypeFailures = {}; | ||
| } | ||
| }; | ||
| var checkPropTypes_1 = checkPropTypes$1; | ||
| /** | ||
| * Copyright (c) 2013-present, Facebook, Inc. | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| */ | ||
| var ReactIs$1 = reactIs.exports; | ||
| var assign = objectAssign; | ||
| var ReactPropTypesSecret$1 = ReactPropTypesSecret_1; | ||
| var has = has$2; | ||
| var checkPropTypes = checkPropTypes_1; | ||
| var printWarning = function() {}; | ||
| if (process.env.NODE_ENV !== 'production') { | ||
| printWarning = function(text) { | ||
| var message = 'Warning: ' + text; | ||
| if (typeof console !== 'undefined') { | ||
| console.error(message); | ||
| } | ||
| try { | ||
| // --- Welcome to debugging React --- | ||
| // This error was thrown as a convenience so that you can use this stack | ||
| // to find the callsite that caused this warning to fire. | ||
| throw new Error(message); | ||
| } catch (x) {} | ||
| }; | ||
| } | ||
| function emptyFunctionThatReturnsNull() { | ||
| return null; | ||
| } | ||
| var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) { | ||
| /* global Symbol */ | ||
| var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator; | ||
| var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec. | ||
| /** | ||
| * Returns the iterator method function contained on the iterable object. | ||
| * | ||
| * Be sure to invoke the function with the iterable as context: | ||
| * | ||
| * var iteratorFn = getIteratorFn(myIterable); | ||
| * if (iteratorFn) { | ||
| * var iterator = iteratorFn.call(myIterable); | ||
| * ... | ||
| * } | ||
| * | ||
| * @param {?object} maybeIterable | ||
| * @return {?function} | ||
| */ | ||
| function getIteratorFn(maybeIterable) { | ||
| var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]); | ||
| if (typeof iteratorFn === 'function') { | ||
| return iteratorFn; | ||
| } | ||
| } | ||
| /** | ||
| * Collection of methods that allow declaration and validation of props that are | ||
| * supplied to React components. Example usage: | ||
| * | ||
| * var Props = require('ReactPropTypes'); | ||
| * var MyArticle = React.createClass({ | ||
| * propTypes: { | ||
| * // An optional string prop named "description". | ||
| * description: Props.string, | ||
| * | ||
| * // A required enum prop named "category". | ||
| * category: Props.oneOf(['News','Photos']).isRequired, | ||
| * | ||
| * // A prop named "dialog" that requires an instance of Dialog. | ||
| * dialog: Props.instanceOf(Dialog).isRequired | ||
| * }, | ||
| * render: function() { ... } | ||
| * }); | ||
| * | ||
| * A more formal specification of how these methods are used: | ||
| * | ||
| * type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...) | ||
| * decl := ReactPropTypes.{type}(.isRequired)? | ||
| * | ||
| * Each and every declaration produces a function with the same signature. This | ||
| * allows the creation of custom validation functions. For example: | ||
| * | ||
| * var MyLink = React.createClass({ | ||
| * propTypes: { | ||
| * // An optional string or URI prop named "href". | ||
| * href: function(props, propName, componentName) { | ||
| * var propValue = props[propName]; | ||
| * if (propValue != null && typeof propValue !== 'string' && | ||
| * !(propValue instanceof URI)) { | ||
| * return new Error( | ||
| * 'Expected a string or an URI for ' + propName + ' in ' + | ||
| * componentName | ||
| * ); | ||
| * } | ||
| * } | ||
| * }, | ||
| * render: function() {...} | ||
| * }); | ||
| * | ||
| * @internal | ||
| */ | ||
| var ANONYMOUS = '<<anonymous>>'; | ||
| // Important! | ||
| // Keep this list in sync with production version in `./factoryWithThrowingShims.js`. | ||
| var ReactPropTypes = { | ||
| array: createPrimitiveTypeChecker('array'), | ||
| bigint: createPrimitiveTypeChecker('bigint'), | ||
| bool: createPrimitiveTypeChecker('boolean'), | ||
| func: createPrimitiveTypeChecker('function'), | ||
| number: createPrimitiveTypeChecker('number'), | ||
| object: createPrimitiveTypeChecker('object'), | ||
| string: createPrimitiveTypeChecker('string'), | ||
| symbol: createPrimitiveTypeChecker('symbol'), | ||
| any: createAnyTypeChecker(), | ||
| arrayOf: createArrayOfTypeChecker, | ||
| element: createElementTypeChecker(), | ||
| elementType: createElementTypeTypeChecker(), | ||
| instanceOf: createInstanceTypeChecker, | ||
| node: createNodeChecker(), | ||
| objectOf: createObjectOfTypeChecker, | ||
| oneOf: createEnumTypeChecker, | ||
| oneOfType: createUnionTypeChecker, | ||
| shape: createShapeTypeChecker, | ||
| exact: createStrictShapeTypeChecker, | ||
| }; | ||
| /** | ||
| * inlined Object.is polyfill to avoid requiring consumers ship their own | ||
| * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is | ||
| */ | ||
| /*eslint-disable no-self-compare*/ | ||
| function is(x, y) { | ||
| // SameValue algorithm | ||
| if (x === y) { | ||
| // Steps 1-5, 7-10 | ||
| // Steps 6.b-6.e: +0 != -0 | ||
| return x !== 0 || 1 / x === 1 / y; | ||
| } else { | ||
| // Step 6.a: NaN == NaN | ||
| return x !== x && y !== y; | ||
| } | ||
| } | ||
| /*eslint-enable no-self-compare*/ | ||
| /** | ||
| * We use an Error-like object for backward compatibility as people may call | ||
| * PropTypes directly and inspect their output. However, we don't use real | ||
| * Errors anymore. We don't inspect their stack anyway, and creating them | ||
| * is prohibitively expensive if they are created too often, such as what | ||
| * happens in oneOfType() for any type before the one that matched. | ||
| */ | ||
| function PropTypeError(message, data) { | ||
| this.message = message; | ||
| this.data = data && typeof data === 'object' ? data: {}; | ||
| this.stack = ''; | ||
| } | ||
| // Make `instanceof Error` still work for returned errors. | ||
| PropTypeError.prototype = Error.prototype; | ||
| function createChainableTypeChecker(validate) { | ||
| if (process.env.NODE_ENV !== 'production') { | ||
| var manualPropTypeCallCache = {}; | ||
| var manualPropTypeWarningCount = 0; | ||
| } | ||
| function checkType(isRequired, props, propName, componentName, location, propFullName, secret) { | ||
| componentName = componentName || ANONYMOUS; | ||
| propFullName = propFullName || propName; | ||
| if (secret !== ReactPropTypesSecret$1) { | ||
| if (throwOnDirectAccess) { | ||
| // New behavior only for users of `prop-types` package | ||
| var err = new Error( | ||
| 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' + | ||
| 'Use `PropTypes.checkPropTypes()` to call them. ' + | ||
| 'Read more at http://fb.me/use-check-prop-types' | ||
| ); | ||
| err.name = 'Invariant Violation'; | ||
| throw err; | ||
| } else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') { | ||
| // Old behavior for people using React.PropTypes | ||
| var cacheKey = componentName + ':' + propName; | ||
| if ( | ||
| !manualPropTypeCallCache[cacheKey] && | ||
| // Avoid spamming the console because they are often not actionable except for lib authors | ||
| manualPropTypeWarningCount < 3 | ||
| ) { | ||
| printWarning( | ||
| 'You are manually calling a React.PropTypes validation ' + | ||
| 'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' + | ||
| 'and will throw in the standalone `prop-types` package. ' + | ||
| 'You may be seeing this warning due to a third-party PropTypes ' + | ||
| 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.' | ||
| ); | ||
| manualPropTypeCallCache[cacheKey] = true; | ||
| manualPropTypeWarningCount++; | ||
| } | ||
| } | ||
| } | ||
| if (props[propName] == null) { | ||
| if (isRequired) { | ||
| if (props[propName] === null) { | ||
| return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.')); | ||
| } | ||
| return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.')); | ||
| } | ||
| return null; | ||
| } else { | ||
| return validate(props, propName, componentName, location, propFullName); | ||
| } | ||
| } | ||
| var chainedCheckType = checkType.bind(null, false); | ||
| chainedCheckType.isRequired = checkType.bind(null, true); | ||
| return chainedCheckType; | ||
| } | ||
| function createPrimitiveTypeChecker(expectedType) { | ||
| function validate(props, propName, componentName, location, propFullName, secret) { | ||
| var propValue = props[propName]; | ||
| var propType = getPropType(propValue); | ||
| if (propType !== expectedType) { | ||
| // `propValue` being instance of, say, date/regexp, pass the 'object' | ||
| // check, but we can offer a more precise error message here rather than | ||
| // 'of type `object`'. | ||
| var preciseType = getPreciseType(propValue); | ||
| return new PropTypeError( | ||
| 'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'), | ||
| {expectedType: expectedType} | ||
| ); | ||
| } | ||
| return null; | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function createAnyTypeChecker() { | ||
| return createChainableTypeChecker(emptyFunctionThatReturnsNull); | ||
| } | ||
| function createArrayOfTypeChecker(typeChecker) { | ||
| function validate(props, propName, componentName, location, propFullName) { | ||
| if (typeof typeChecker !== 'function') { | ||
| return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.'); | ||
| } | ||
| var propValue = props[propName]; | ||
| if (!Array.isArray(propValue)) { | ||
| var propType = getPropType(propValue); | ||
| return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.')); | ||
| } | ||
| for (var i = 0; i < propValue.length; i++) { | ||
| var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret$1); | ||
| if (error instanceof Error) { | ||
| return error; | ||
| } | ||
| } | ||
| return null; | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function createElementTypeChecker() { | ||
| function validate(props, propName, componentName, location, propFullName) { | ||
| var propValue = props[propName]; | ||
| if (!isValidElement(propValue)) { | ||
| var propType = getPropType(propValue); | ||
| return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.')); | ||
| } | ||
| return null; | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function createElementTypeTypeChecker() { | ||
| function validate(props, propName, componentName, location, propFullName) { | ||
| var propValue = props[propName]; | ||
| if (!ReactIs$1.isValidElementType(propValue)) { | ||
| var propType = getPropType(propValue); | ||
| return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.')); | ||
| } | ||
| return null; | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function createInstanceTypeChecker(expectedClass) { | ||
| function validate(props, propName, componentName, location, propFullName) { | ||
| if (!(props[propName] instanceof expectedClass)) { | ||
| var expectedClassName = expectedClass.name || ANONYMOUS; | ||
| var actualClassName = getClassName(props[propName]); | ||
| return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.')); | ||
| } | ||
| return null; | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function createEnumTypeChecker(expectedValues) { | ||
| if (!Array.isArray(expectedValues)) { | ||
| if (process.env.NODE_ENV !== 'production') { | ||
| if (arguments.length > 1) { | ||
| printWarning( | ||
| 'Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' + | ||
| 'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).' | ||
| ); | ||
| } else { | ||
| printWarning('Invalid argument supplied to oneOf, expected an array.'); | ||
| } | ||
| } | ||
| return emptyFunctionThatReturnsNull; | ||
| } | ||
| function validate(props, propName, componentName, location, propFullName) { | ||
| var propValue = props[propName]; | ||
| for (var i = 0; i < expectedValues.length; i++) { | ||
| if (is(propValue, expectedValues[i])) { | ||
| return null; | ||
| } | ||
| } | ||
| var valuesString = JSON.stringify(expectedValues, function replacer(key, value) { | ||
| var type = getPreciseType(value); | ||
| if (type === 'symbol') { | ||
| return String(value); | ||
| } | ||
| return value; | ||
| }); | ||
| return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.')); | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function createObjectOfTypeChecker(typeChecker) { | ||
| function validate(props, propName, componentName, location, propFullName) { | ||
| if (typeof typeChecker !== 'function') { | ||
| return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.'); | ||
| } | ||
| var propValue = props[propName]; | ||
| var propType = getPropType(propValue); | ||
| if (propType !== 'object') { | ||
| return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.')); | ||
| } | ||
| for (var key in propValue) { | ||
| if (has(propValue, key)) { | ||
| var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$1); | ||
| if (error instanceof Error) { | ||
| return error; | ||
| } | ||
| } | ||
| } | ||
| return null; | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function createUnionTypeChecker(arrayOfTypeCheckers) { | ||
| if (!Array.isArray(arrayOfTypeCheckers)) { | ||
| process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0; | ||
| return emptyFunctionThatReturnsNull; | ||
| } | ||
| for (var i = 0; i < arrayOfTypeCheckers.length; i++) { | ||
| var checker = arrayOfTypeCheckers[i]; | ||
| if (typeof checker !== 'function') { | ||
| printWarning( | ||
| 'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' + | ||
| 'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.' | ||
| ); | ||
| return emptyFunctionThatReturnsNull; | ||
| } | ||
| } | ||
| function validate(props, propName, componentName, location, propFullName) { | ||
| var expectedTypes = []; | ||
| for (var i = 0; i < arrayOfTypeCheckers.length; i++) { | ||
| var checker = arrayOfTypeCheckers[i]; | ||
| var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret$1); | ||
| if (checkerResult == null) { | ||
| return null; | ||
| } | ||
| if (checkerResult.data && has(checkerResult.data, 'expectedType')) { | ||
| expectedTypes.push(checkerResult.data.expectedType); | ||
| } | ||
| } | ||
| var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': ''; | ||
| return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.')); | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function createNodeChecker() { | ||
| function validate(props, propName, componentName, location, propFullName) { | ||
| if (!isNode(props[propName])) { | ||
| return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.')); | ||
| } | ||
| return null; | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function invalidValidatorError(componentName, location, propFullName, key, type) { | ||
| return new PropTypeError( | ||
| (componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' + | ||
| 'it must be a function, usually from the `prop-types` package, but received `' + type + '`.' | ||
| ); | ||
| } | ||
| function createShapeTypeChecker(shapeTypes) { | ||
| function validate(props, propName, componentName, location, propFullName) { | ||
| var propValue = props[propName]; | ||
| var propType = getPropType(propValue); | ||
| if (propType !== 'object') { | ||
| return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.')); | ||
| } | ||
| for (var key in shapeTypes) { | ||
| var checker = shapeTypes[key]; | ||
| if (typeof checker !== 'function') { | ||
| return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker)); | ||
| } | ||
| var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$1); | ||
| if (error) { | ||
| return error; | ||
| } | ||
| } | ||
| return null; | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function createStrictShapeTypeChecker(shapeTypes) { | ||
| function validate(props, propName, componentName, location, propFullName) { | ||
| var propValue = props[propName]; | ||
| var propType = getPropType(propValue); | ||
| if (propType !== 'object') { | ||
| return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.')); | ||
| } | ||
| // We need to check all keys in case some are required but missing from props. | ||
| var allKeys = assign({}, props[propName], shapeTypes); | ||
| for (var key in allKeys) { | ||
| var checker = shapeTypes[key]; | ||
| if (has(shapeTypes, key) && typeof checker !== 'function') { | ||
| return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker)); | ||
| } | ||
| if (!checker) { | ||
| return new PropTypeError( | ||
| 'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' + | ||
| '\nBad object: ' + JSON.stringify(props[propName], null, ' ') + | ||
| '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, ' ') | ||
| ); | ||
| } | ||
| var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$1); | ||
| if (error) { | ||
| return error; | ||
| } | ||
| } | ||
| return null; | ||
| } | ||
| return createChainableTypeChecker(validate); | ||
| } | ||
| function isNode(propValue) { | ||
| switch (typeof propValue) { | ||
| case 'number': | ||
| case 'string': | ||
| case 'undefined': | ||
| return true; | ||
| case 'boolean': | ||
| return !propValue; | ||
| case 'object': | ||
| if (Array.isArray(propValue)) { | ||
| return propValue.every(isNode); | ||
| } | ||
| if (propValue === null || isValidElement(propValue)) { | ||
| return true; | ||
| } | ||
| var iteratorFn = getIteratorFn(propValue); | ||
| if (iteratorFn) { | ||
| var iterator = iteratorFn.call(propValue); | ||
| var step; | ||
| if (iteratorFn !== propValue.entries) { | ||
| while (!(step = iterator.next()).done) { | ||
| if (!isNode(step.value)) { | ||
| return false; | ||
| } | ||
| } | ||
| } else { | ||
| // Iterator will provide entry [k,v] tuples rather than values. | ||
| while (!(step = iterator.next()).done) { | ||
| var entry = step.value; | ||
| if (entry) { | ||
| if (!isNode(entry[1])) { | ||
| return false; | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } else { | ||
| return false; | ||
| } | ||
| return true; | ||
| default: | ||
| return false; | ||
| } | ||
| } | ||
| function isSymbol(propType, propValue) { | ||
| // Native Symbol. | ||
| if (propType === 'symbol') { | ||
| return true; | ||
| } | ||
| // falsy value can't be a Symbol | ||
| if (!propValue) { | ||
| return false; | ||
| } | ||
| // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol' | ||
| if (propValue['@@toStringTag'] === 'Symbol') { | ||
| return true; | ||
| } | ||
| // Fallback for non-spec compliant Symbols which are polyfilled. | ||
| if (typeof Symbol === 'function' && propValue instanceof Symbol) { | ||
| return true; | ||
| } | ||
| return false; | ||
| } | ||
| // Equivalent of `typeof` but with special handling for array and regexp. | ||
| function getPropType(propValue) { | ||
| var propType = typeof propValue; | ||
| if (Array.isArray(propValue)) { | ||
| return 'array'; | ||
| } | ||
| if (propValue instanceof RegExp) { | ||
| // Old webkits (at least until Android 4.0) return 'function' rather than | ||
| // 'object' for typeof a RegExp. We'll normalize this here so that /bla/ | ||
| // passes PropTypes.object. | ||
| return 'object'; | ||
| } | ||
| if (isSymbol(propType, propValue)) { | ||
| return 'symbol'; | ||
| } | ||
| return propType; | ||
| } | ||
| // This handles more types than `getPropType`. Only used for error messages. | ||
| // See `createPrimitiveTypeChecker`. | ||
| function getPreciseType(propValue) { | ||
| if (typeof propValue === 'undefined' || propValue === null) { | ||
| return '' + propValue; | ||
| } | ||
| var propType = getPropType(propValue); | ||
| if (propType === 'object') { | ||
| if (propValue instanceof Date) { | ||
| return 'date'; | ||
| } else if (propValue instanceof RegExp) { | ||
| return 'regexp'; | ||
| } | ||
| } | ||
| return propType; | ||
| } | ||
| // Returns a string that is postfixed to a warning about an invalid type. | ||
| // For example, "undefined" or "of type array" | ||
| function getPostfixForTypeWarning(value) { | ||
| var type = getPreciseType(value); | ||
| switch (type) { | ||
| case 'array': | ||
| case 'object': | ||
| return 'an ' + type; | ||
| case 'boolean': | ||
| case 'date': | ||
| case 'regexp': | ||
| return 'a ' + type; | ||
| default: | ||
| return type; | ||
| } | ||
| } | ||
| // Returns class name of the object, if any. | ||
| function getClassName(propValue) { | ||
| if (!propValue.constructor || !propValue.constructor.name) { | ||
| return ANONYMOUS; | ||
| } | ||
| return propValue.constructor.name; | ||
| } | ||
| ReactPropTypes.checkPropTypes = checkPropTypes; | ||
| ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache; | ||
| ReactPropTypes.PropTypes = ReactPropTypes; | ||
| return ReactPropTypes; | ||
| }; | ||
| /** | ||
| * Copyright (c) 2013-present, Facebook, Inc. | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| */ | ||
| var ReactPropTypesSecret = ReactPropTypesSecret_1; | ||
| function emptyFunction() {} | ||
| function emptyFunctionWithReset() {} | ||
| emptyFunctionWithReset.resetWarningCache = emptyFunction; | ||
| var factoryWithThrowingShims = function() { | ||
| function shim(props, propName, componentName, location, propFullName, secret) { | ||
| if (secret === ReactPropTypesSecret) { | ||
| // It is still safe when called from React. | ||
| return; | ||
| } | ||
| var err = new Error( | ||
| 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' + | ||
| 'Use PropTypes.checkPropTypes() to call them. ' + | ||
| 'Read more at http://fb.me/use-check-prop-types' | ||
| ); | ||
| err.name = 'Invariant Violation'; | ||
| throw err; | ||
| } shim.isRequired = shim; | ||
| function getShim() { | ||
| return shim; | ||
| } // Important! | ||
| // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`. | ||
| var ReactPropTypes = { | ||
| array: shim, | ||
| bigint: shim, | ||
| bool: shim, | ||
| func: shim, | ||
| number: shim, | ||
| object: shim, | ||
| string: shim, | ||
| symbol: shim, | ||
| any: shim, | ||
| arrayOf: getShim, | ||
| element: shim, | ||
| elementType: shim, | ||
| instanceOf: getShim, | ||
| node: shim, | ||
| objectOf: getShim, | ||
| oneOf: getShim, | ||
| oneOfType: getShim, | ||
| shape: getShim, | ||
| exact: getShim, | ||
| checkPropTypes: emptyFunctionWithReset, | ||
| resetWarningCache: emptyFunction | ||
| }; | ||
| ReactPropTypes.PropTypes = ReactPropTypes; | ||
| return ReactPropTypes; | ||
| }; | ||
| /** | ||
| * Copyright (c) 2013-present, Facebook, Inc. | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| */ | ||
| if (process.env.NODE_ENV !== 'production') { | ||
| var ReactIs = reactIs.exports; | ||
| // By explicitly using `prop-types` you are opting into new development behavior. | ||
| // http://fb.me/prop-types-in-prod | ||
| var throwOnDirectAccess = true; | ||
| propTypes.exports = factoryWithTypeCheckers(ReactIs.isElement, throwOnDirectAccess); | ||
| } else { | ||
| // By explicitly using `prop-types` you are opting into new production behavior. | ||
| // http://fb.me/prop-types-in-prod | ||
| propTypes.exports = factoryWithThrowingShims(); | ||
| } | ||
| var PropTypes = propTypes.exports; | ||
| function ArrowSmDownIcon(props) { | ||
@@ -65,12 +1166,63 @@ return /*#__PURE__*/React.createElement("svg", Object.assign({ | ||
| function classNames(...classes) { | ||
| function TicketIcon(props) { | ||
| return /*#__PURE__*/React.createElement("svg", Object.assign({ | ||
| xmlns: "http://www.w3.org/2000/svg", | ||
| fill: "none", | ||
| viewBox: "0 0 24 24", | ||
| stroke: "currentColor", | ||
| "aria-hidden": "true" | ||
| }, props), /*#__PURE__*/React.createElement("path", { | ||
| strokeLinecap: "round", | ||
| strokeLinejoin: "round", | ||
| strokeWidth: 2, | ||
| d: "M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 110 4v3a2 2 0 002 2h14a2 2 0 002-2v-3a2 2 0 110-4V7a2 2 0 00-2-2H5z" | ||
| })); | ||
| } | ||
| function classNames() { | ||
| for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) { | ||
| classes[_key] = arguments[_key]; | ||
| } | ||
| return classes.filter(Boolean).join(' '); | ||
| } | ||
| function bgColorClassNames(className) { | ||
| return className.startsWith("bg-") ? className : ""; | ||
| } | ||
| function textColorClassNames(className) { | ||
| return className.startsWith("text-") ? className : ""; | ||
| } | ||
| function maxWidthClassNames(className) { | ||
| return className.startsWith("max-w-") ? className : ""; | ||
| } | ||
| function borderClassNames(className) { | ||
| return className.startsWith("border") ? className : ""; | ||
| } | ||
| function shadowClassNames(className) { | ||
| return className.startsWith("shadow") ? className : ""; | ||
| } | ||
| function roundedCornersClassNames(className) { | ||
| return className.startsWith("rounded") ? className : ""; | ||
| } | ||
| function BasicCard(props) { | ||
| function BasicCard(_ref) { | ||
| var id = _ref.id, | ||
| title = _ref.title, | ||
| value = _ref.value, | ||
| delta = _ref.delta, | ||
| deltaText = _ref.deltaText, | ||
| deltaType = _ref.deltaType, | ||
| showIcon = _ref.showIcon, | ||
| icon = _ref.icon, | ||
| iconBgColor = _ref.iconBgColor, | ||
| maxWidth = _ref.maxWidth, | ||
| border = _ref.border, | ||
| borderColor = _ref.borderColor, | ||
| shadow = _ref.shadow, | ||
| roundedCorners = _ref.roundedCorners; | ||
| return /*#__PURE__*/React__default.createElement("div", { | ||
| key: props.data.id, | ||
| className: "relative bg-white pt-6 px-6 pb-8 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden max-w-lg" | ||
| key: id, | ||
| className: classNames(maxWidthClassNames(maxWidth), borderClassNames(border), borderClassNames(borderColor), shadowClassNames(shadow), roundedCornersClassNames(roundedCorners), "bg-white pt-6 px-6 pb-8 sm:pt-6 sm:px-6 overflow-hidden") | ||
| }, /*#__PURE__*/React__default.createElement("dd", { | ||
| className: "self-start flex justify-between md:flex lg:flex" | ||
| className: "flex justify-between" | ||
| }, /*#__PURE__*/React__default.createElement("div", { | ||
@@ -80,12 +1232,9 @@ className: "pb-6" | ||
| className: "text-sm font-normal text-gray-400" | ||
| }, props.data.name), /*#__PURE__*/React__default.createElement("p", { | ||
| }, title), /*#__PURE__*/React__default.createElement("p", { | ||
| className: "text-xl font-semibold text-gray-600" | ||
| }, props.data.stat)), /*#__PURE__*/React__default.createElement("div", { | ||
| className: "self-start inline-flex items-baseline bg-blue-100 rounded-md p-2" | ||
| }, /*#__PURE__*/React__default.createElement(props.data.icon, { | ||
| className: "h-4 w-4 text-blue-600", | ||
| "aria-hidden": "true" | ||
| }))), /*#__PURE__*/React__default.createElement("p", { | ||
| className: classNames(props.data.changeType === 'increase' ? 'text-green-500' : 'text-red-600', 'flex items-baseline text-sm font-semibold') | ||
| }, props.data.changeType === 'increase' ? /*#__PURE__*/React__default.createElement(ArrowSmUpIcon, { | ||
| }, value)), showIcon ? /*#__PURE__*/React__default.createElement("div", { | ||
| className: classNames(bgColorClassNames(iconBgColor), "self-start inline-flex items-baseline rounded-md p-2") | ||
| }, icon) : null), /*#__PURE__*/React__default.createElement("p", { | ||
| className: classNames(deltaType === 'increase' ? 'text-green-500' : 'text-red-600', 'flex items-baseline text-sm font-semibold') | ||
| }, deltaType === 'increase' ? /*#__PURE__*/React__default.createElement(ArrowSmUpIcon, { | ||
| className: "self-center flex-shrink-0 h-5 w-5 text-green-500", | ||
@@ -96,10 +1245,120 @@ "aria-hidden": "true" | ||
| "aria-hidden": "true" | ||
| }), /*#__PURE__*/React__default.createElement("span", { | ||
| className: "sr-only" | ||
| }, props.data.changeType === 'increase' ? 'Increased' : 'Decreased', " by"), props.data.change, /*#__PURE__*/React__default.createElement("span", { | ||
| }), delta, /*#__PURE__*/React__default.createElement("span", { | ||
| className: "text-gray-400 font-normal ml-3" | ||
| }, "Since last month"))); | ||
| }, deltaText))); | ||
| } | ||
| export { BasicCard, Button }; | ||
| BasicCard.propTypes = { | ||
| id: PropTypes.number, | ||
| title: PropTypes.string, | ||
| value: PropTypes.string, | ||
| delta: PropTypes.string, | ||
| deltaText: PropTypes.string, | ||
| deltaType: PropTypes.string, | ||
| showIcon: PropTypes.bool, | ||
| icon: PropTypes.element, | ||
| iconBgColor: PropTypes.string, | ||
| maxWidth: PropTypes.string, | ||
| border: PropTypes.string, | ||
| borderColor: PropTypes.string, | ||
| shadow: PropTypes.string, | ||
| roundedCorners: PropTypes.string | ||
| }; | ||
| BasicCard.defaultProps = { | ||
| id: null, | ||
| title: "Sample Metric", | ||
| value: "$ 12,345.67", | ||
| delta: "12.3 %", | ||
| deltaText: "over the last month", | ||
| deltaType: "increase", | ||
| showIcon: true, | ||
| icon: /*#__PURE__*/React__default.createElement(TicketIcon, { | ||
| className: "h-4 w-4 text-blue-600", | ||
| "aria-hidden": "true" | ||
| }), | ||
| iconBgColor: "bg-blue-100", | ||
| maxWidth: "max-w-lg", | ||
| border: "border", | ||
| borderColor: "", | ||
| shadow: "shadow", | ||
| roundedCorners: "rounded-lg" | ||
| }; | ||
| function ProgressBar(_ref) { | ||
| var id = _ref.id, | ||
| title = _ref.title, | ||
| value = _ref.value, | ||
| progressPercentage = _ref.progressPercentage, | ||
| progressText = _ref.progressText, | ||
| eta = _ref.eta, | ||
| progressBarPrimaryColor = _ref.progressBarPrimaryColor, | ||
| progressBarSecondaryColor = _ref.progressBarSecondaryColor, | ||
| fontColor = _ref.fontColor, | ||
| maxWidth = _ref.maxWidth, | ||
| border = _ref.border, | ||
| borderColor = _ref.borderColor, | ||
| shadow = _ref.shadow, | ||
| roundedCorners = _ref.roundedCorners; | ||
| return /*#__PURE__*/React__default.createElement("div", { | ||
| key: id, | ||
| className: classNames(maxWidthClassNames(maxWidth), borderClassNames(border), borderClassNames(borderColor), shadowClassNames(shadow), roundedCornersClassNames(roundedCorners), "bg-white pt-6 px-6 pb-8 sm:pt-6 sm:px-6 overflow-hidden") | ||
| }, /*#__PURE__*/React__default.createElement("p", { | ||
| className: "text-sm font-normal text-gray-400" | ||
| }, title), /*#__PURE__*/React__default.createElement("p", { | ||
| className: "pt-1 pb-1 text-xl font-semibold text-gray-600" | ||
| }, value), /*#__PURE__*/React__default.createElement("div", { | ||
| className: "pt-3" | ||
| }, /*#__PURE__*/React__default.createElement("div", { | ||
| className: "flex mb-2 justify-between" | ||
| }, /*#__PURE__*/React__default.createElement("div", { | ||
| className: classNames(textColorClassNames(fontColor)) | ||
| }, /*#__PURE__*/React__default.createElement("span", { | ||
| className: "text-xs font-semibold inline-block" | ||
| }, progressPercentage + "%"), /*#__PURE__*/React__default.createElement("span", { | ||
| className: "text-xs font-light inline-block ml-1" | ||
| }, progressText)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("span", { | ||
| className: "text-xs inline-block text-gray-400" | ||
| }, " ", eta, " "))), /*#__PURE__*/React__default.createElement("div", { | ||
| className: classNames(bgColorClassNames(progressBarSecondaryColor), "overflow-hidden h-2 flex rounded") | ||
| }, /*#__PURE__*/React__default.createElement("div", { | ||
| className: classNames(bgColorClassNames(progressBarPrimaryColor), "flex-col text-center rounded justify-center"), | ||
| style: { | ||
| "width": progressPercentage + "%" | ||
| } | ||
| })))); | ||
| } | ||
| ProgressBar.propTypes = { | ||
| id: PropTypes.number, | ||
| title: PropTypes.string, | ||
| value: PropTypes.string, | ||
| progressPercentage: PropTypes.number, | ||
| progressText: PropTypes.string, | ||
| eta: PropTypes.string, | ||
| progressBarPrimaryColor: PropTypes.string, | ||
| progressBarSecondaryColor: PropTypes.string, | ||
| fontColor: PropTypes.string, | ||
| maxWidth: PropTypes.string, | ||
| border: PropTypes.string, | ||
| borderColor: PropTypes.string, | ||
| shadow: PropTypes.string, | ||
| roundedCorners: PropTypes.string | ||
| }; | ||
| ProgressBar.defaultProps = { | ||
| id: null, | ||
| title: "Ticket Sales", | ||
| value: "$ 71.465", | ||
| progressPercentage: 32, | ||
| progressText: "of annual target", | ||
| eta: "2.4 months", | ||
| progressBarPrimaryColor: "bg-blue-500", | ||
| progressBarSecondaryColor: "bg-blue-200", | ||
| fontColor: "text-blue-500", | ||
| maxWidth: "max-w-lg", | ||
| border: "border", | ||
| borderColor: "", | ||
| shadow: "shadow", | ||
| roundedCorners: "rounded-lg" | ||
| }; | ||
| export { BasicCard, ProgressBar }; | ||
| //# sourceMappingURL=index.js.map |
| { | ||
| "name": "inzane-test-package", | ||
| "version": "0.1.0", | ||
| "version": "0.1.1", | ||
| "description": "Inzane Test", | ||
@@ -11,2 +11,3 @@ "repository": { | ||
| "rollup": "rollup -c", | ||
| "tests": "jest", | ||
| "storybook": "start-storybook -p 6006", | ||
@@ -21,3 +22,4 @@ "build-storybook": "build-storybook" | ||
| "devDependencies": { | ||
| "@babel/core": "^7.16.12", | ||
| "@babel/core": "^7.17.5", | ||
| "@babel/preset-env": "^7.16.11", | ||
| "@babel/preset-react": "^7.16.7", | ||
@@ -34,5 +36,10 @@ "@heroicons/react": "^1.0.5", | ||
| "@storybook/testing-library": "^0.0.9", | ||
| "@testing-library/react": "^12.1.3", | ||
| "autoprefixer": "^10.4.2", | ||
| "babel-jest": "^27.5.1", | ||
| "babel-loader": "^8.2.3", | ||
| "identity-obj-proxy": "^3.0.0", | ||
| "jest": "^27.5.1", | ||
| "postcss": "^8.4.6", | ||
| "prop-types": "^15.8.1", | ||
| "rollup": "^2.67.0", | ||
@@ -50,4 +57,3 @@ "rollup-plugin-peer-deps-external": "^2.2.4", | ||
| "dist" | ||
| ], | ||
| "dependencies": {} | ||
| ] | ||
| } |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
URL strings
Supply chain riskPackage contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.
Found 1 instance in 1 package
Fixed alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
URL strings
Supply chain riskPackage contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
307845
775.11%- Lines of code
2542
959.17%Worsened metrics
- Dev dependency count
25
31.58%- Number of low supply chain risk alerts
25
733.33%No dependency changes