verbose-uikit-select
Version:
140 lines (108 loc) • 7.75 kB
JavaScript
import React from 'react';
function styleInject(css, ref) {
if ( ref === void 0 ) ref = {};
var insertAt = ref.insertAt;
if (typeof document === 'undefined') { return; }
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
style.type = 'text/css';
if (insertAt === 'top') {
if (head.firstChild) {
head.insertBefore(style, head.firstChild);
} else {
head.appendChild(style);
}
} else {
head.appendChild(style);
}
if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
}
var css_248z = "select{appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><polygon points=\"0,0 20,0 10,10\" fill=\"%234a90e2\"/></svg>');background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:2px solid #4a90e2;border-radius:8px;max-width:300px;outline:none;padding:10px 15px;width:100%}select,select>option{cursor:pointer}select:hover{border-color:#357ae8}select:focus{border-color:#1a5dbb;box-shadow:0 0 5px rgba(26,93,187,.5)}select:disabled{background-color:#f0f0f0;border-color:#ccc;cursor:not-allowed}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlbGVjdC5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQ0UsZUFBZ0IsQ0FDaEIscUJBQXNCLENBUXRCLHFLQUFzSyxDQUV0SyxxQ0FBc0MsQ0FEdEMsMkJBQTRCLENBRTVCLG9CQUFxQixDQVZyQix3QkFBeUIsQ0FFekIsaUJBQWtCLENBRWxCLGVBQWdCLENBRWhCLFlBQWEsQ0FMYixpQkFBa0IsQ0FFbEIsVUFRRixDQUVBLHFCQVJFLGNBVUYsQ0FFQSxhQUNFLG9CQUNGLENBRUEsYUFDRSxvQkFBcUIsQ0FDckIscUNBQ0YsQ0FFQSxnQkFDRSx3QkFBeUIsQ0FDekIsaUJBQWtCLENBQ2xCLGtCQUNGIiwiZmlsZSI6InNlbGVjdC5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsic2VsZWN0IHtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgYm9yZGVyOiAycHggc29saWQgIzRhOTBlMjtcbiAgcGFkZGluZzogMTBweCAxNXB4O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6IDMwMHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgnZGF0YTppbWFnZS9zdmcreG1sO3V0ZjgsPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCAyMCAyMFwiPjxwb2x5Z29uIHBvaW50cz1cIjAsMCAyMCwwIDEwLDEwXCIgZmlsbD1cIiUyMzRhOTBlMlwiLz48L3N2Zz4nKTtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogcmlnaHQgMTBweCBjZW50ZXI7XG4gIGJhY2tncm91bmQtc2l6ZTogMTJweDtcbn1cblxuc2VsZWN0ID4gb3B0aW9uIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG5zZWxlY3Q6aG92ZXIge1xuICBib3JkZXItY29sb3I6ICMzNTdhZTg7XG59XG5cbnNlbGVjdDpmb2N1cyB7XG4gIGJvcmRlci1jb2xvcjogIzFhNWRiYjtcbiAgYm94LXNoYWRvdzogMCAwIDVweCByZ2IoMjYgOTMgMTg3IC8gNTAlKTtcbn1cblxuc2VsZWN0OmRpc2FibGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2YwZjBmMDtcbiAgYm9yZGVyLWNvbG9yOiAjY2NjO1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuIl19 */";
var select_module = {};
var stylesheet="select{appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><polygon points=\"0,0 20,0 10,10\" fill=\"%234a90e2\"/></svg>');background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:2px solid #4a90e2;border-radius:8px;max-width:300px;outline:none;padding:10px 15px;width:100%}select,select>option{cursor:pointer}select:hover{border-color:#357ae8}select:focus{border-color:#1a5dbb;box-shadow:0 0 5px rgba(26,93,187,.5)}select:disabled{background-color:#f0f0f0;border-color:#ccc;cursor:not-allowed}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlbGVjdC5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQ0UsZUFBZ0IsQ0FDaEIscUJBQXNCLENBUXRCLHFLQUFzSyxDQUV0SyxxQ0FBc0MsQ0FEdEMsMkJBQTRCLENBRTVCLG9CQUFxQixDQVZyQix3QkFBeUIsQ0FFekIsaUJBQWtCLENBRWxCLGVBQWdCLENBRWhCLFlBQWEsQ0FMYixpQkFBa0IsQ0FFbEIsVUFRRixDQUVBLHFCQVJFLGNBVUYsQ0FFQSxhQUNFLG9CQUNGLENBRUEsYUFDRSxvQkFBcUIsQ0FDckIscUNBQ0YsQ0FFQSxnQkFDRSx3QkFBeUIsQ0FDekIsaUJBQWtCLENBQ2xCLGtCQUNGIiwiZmlsZSI6InNlbGVjdC5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsic2VsZWN0IHtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgYm9yZGVyOiAycHggc29saWQgIzRhOTBlMjtcbiAgcGFkZGluZzogMTBweCAxNXB4O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6IDMwMHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgnZGF0YTppbWFnZS9zdmcreG1sO3V0ZjgsPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCAyMCAyMFwiPjxwb2x5Z29uIHBvaW50cz1cIjAsMCAyMCwwIDEwLDEwXCIgZmlsbD1cIiUyMzRhOTBlMlwiLz48L3N2Zz4nKTtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogcmlnaHQgMTBweCBjZW50ZXI7XG4gIGJhY2tncm91bmQtc2l6ZTogMTJweDtcbn1cblxuc2VsZWN0ID4gb3B0aW9uIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG5zZWxlY3Q6aG92ZXIge1xuICBib3JkZXItY29sb3I6ICMzNTdhZTg7XG59XG5cbnNlbGVjdDpmb2N1cyB7XG4gIGJvcmRlci1jb2xvcjogIzFhNWRiYjtcbiAgYm94LXNoYWRvdzogMCAwIDVweCByZ2IoMjYgOTMgMTg3IC8gNTAlKTtcbn1cblxuc2VsZWN0OmRpc2FibGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2YwZjBmMDtcbiAgYm9yZGVyLWNvbG9yOiAjY2NjO1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuIl19 */";
styleInject(css_248z);
var styles = /*#__PURE__*/Object.freeze({
__proto__: null,
default: select_module,
stylesheet: stylesheet
});
function getDefaultExportFromCjs (x) {
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
}
var bind = {exports: {}};
/*!
Copyright (c) 2018 Jed Watson.
Licensed under the MIT License (MIT), see
http://jedwatson.github.io/classnames
*/
var hasRequiredBind;
function requireBind () {
if (hasRequiredBind) return bind.exports;
hasRequiredBind = 1;
(function (module) {
/* global define */
(function () {
var hasOwn = {}.hasOwnProperty;
function classNames () {
var classes = '';
for (var i = 0; i < arguments.length; i++) {
var arg = arguments[i];
if (arg) {
classes = appendClass(classes, parseValue.call(this, arg));
}
}
return classes;
}
function parseValue (arg) {
if (typeof arg === 'string' || typeof arg === 'number') {
return this && this[arg] || arg;
}
if (typeof arg !== 'object') {
return '';
}
if (Array.isArray(arg)) {
return classNames.apply(this, arg);
}
if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
return arg.toString();
}
var classes = '';
for (var key in arg) {
if (hasOwn.call(arg, key) && arg[key]) {
classes = appendClass(classes, this && this[key] || key);
}
}
return classes;
}
function appendClass (value, newClass) {
if (!newClass) {
return value;
}
if (value) {
return value + ' ' + newClass;
}
return value + newClass;
}
if (module.exports) {
classNames.default = classNames;
module.exports = classNames;
} else {
window.classNames = classNames;
}
}());
} (bind));
return bind.exports;
}
var bindExports = requireBind();
var classnames = /*@__PURE__*/getDefaultExportFromCjs(bindExports);
classnames.bind(styles);
function Select(_a) {
var value = _a.value, handleOnChange = _a.handleOnChange, disabled = _a.disabled, fullWidth = _a.fullWidth, options = _a.options;
return (React.createElement("select", { onChange: handleOnChange, value: value, disabled: disabled, title: value, className: fullWidth ? 'fullWidth' : '' }, options === null || options === void 0 ? void 0 : options.map(function (opt) { return (React.createElement("option", { key: opt.value, value: opt.value, label: opt.label }, opt.label)); })));
}
export { Select };
//# sourceMappingURL=select.esm.js.map