@cfxjs/react-ui
Version:
Modern and minimalist React UI library.
896 lines (755 loc) • 162 kB
JavaScript
(function(e, a) { for(var i in a) e[i] = a[i]; }(exports, /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _auto_complete__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "useAutoCompleteHandle", function() { return _auto_complete__WEBPACK_IMPORTED_MODULE_0__["useAutoCompleteHandle"]; });
/* harmony default export */ __webpack_exports__["default"] = (_auto_complete__WEBPACK_IMPORTED_MODULE_0__["default"]);
/***/ }),
/* 1 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "defaultProps", function() { return defaultProps; });
/* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
/* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _input_input__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4);
/* harmony import */ var _input_use_input_handle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(11);
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "useAutoCompleteHandle", function() { return _input_use_input_handle__WEBPACK_IMPORTED_MODULE_3__["useAutoCompleteHandle"]; });
/* harmony import */ var _loading__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(24);
/* harmony import */ var _shared_css_transition__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(26);
/* harmony import */ var _utils_collections__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(27);
/* harmony import */ var _utils_use_click_away__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(28);
/* harmony import */ var _auto_complete_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(23);
/* harmony import */ var _auto_complete_dropdown__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(31);
/* harmony import */ var _auto_complete_empty__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(39);
/* harmony import */ var _auto_complete_item__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(41);
/* harmony import */ var _auto_complete_searching__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(40);
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
var DEFAULT_CSS_TRANSITION_LEAVE_TIME = _shared_css_transition__WEBPACK_IMPORTED_MODULE_5__["defaultProps"].leaveTime + _shared_css_transition__WEBPACK_IMPORTED_MODULE_5__["defaultProps"].clearTime;
var defaultProps = Object.assign({}, _input_input__WEBPACK_IMPORTED_MODULE_2__["defaultProps"], {
width: 'max-content',
defaultOpen: false,
options: [],
disableMatchWidth: false,
disableFreeSolo: false
});
var childrenToOptionsNode = function childrenToOptionsNode(options, variant) {
return options.map(function (item, index) {
var key = "auto-complete-item-".concat(index);
if (react__WEBPACK_IMPORTED_MODULE_1___default.a.isValidElement(item)) return react__WEBPACK_IMPORTED_MODULE_1___default.a.cloneElement(item, {
key: key
});
var validItem = item;
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_auto_complete_item__WEBPACK_IMPORTED_MODULE_11__["default"], {
variant: variant,
key: key,
label: validItem.label,
isLabelOnly: true
});
});
}; // When the search is not set, the "clearable" icon can be displayed in the original location.
// When the search is set, at least one element should exist to avoid re-render.
var getSearchIcon = function getSearchIcon(searching) {
if (searching === undefined) return null;
return searching ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_loading__WEBPACK_IMPORTED_MODULE_4__["default"], {
size: "small"
}) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", null);
};
var AutoComplete = react__WEBPACK_IMPORTED_MODULE_1___default.a.forwardRef(function (_ref, ref) {
var variant = _ref.variant,
options = _ref.options,
defaultValue = _ref.defaultValue,
onSelect = _ref.onSelect,
onSearch = _ref.onSearch,
onChange = _ref.onChange,
searching = _ref.searching,
onClearClick = _ref.onClearClick,
children = _ref.children,
size = _ref.size,
value = _ref.value,
width = _ref.width,
clearable = _ref.clearable,
disabled = _ref.disabled,
dropdownClassName = _ref.dropdownClassName,
dropdownStyle = _ref.dropdownStyle,
disableMatchWidth = _ref.disableMatchWidth,
disableFreeSolo = _ref.disableFreeSolo,
open = _ref.open,
onFocus = _ref.onFocus,
onBlur = _ref.onBlur,
defaultOpen = _ref.defaultOpen,
props = _objectWithoutProperties(_ref, ["variant", "options", "defaultValue", "onSelect", "onSearch", "onChange", "searching", "onClearClick", "children", "size", "value", "width", "clearable", "disabled", "dropdownClassName", "dropdownStyle", "disableMatchWidth", "disableFreeSolo", "open", "onFocus", "onBlur", "defaultOpen"]);
var isValueControlled = value !== undefined;
var isOpenControlled = open !== undefined;
var autoCompleteDivRef = Object(react__WEBPACK_IMPORTED_MODULE_1__["useRef"])(null);
var _useAutoCompleteHandl = Object(_input_use_input_handle__WEBPACK_IMPORTED_MODULE_3__["useAutoCompleteHandle"])(),
inputRef = _useAutoCompleteHandl.ref,
focusInput = _useAutoCompleteHandl.focus;
Object(react__WEBPACK_IMPORTED_MODULE_1__["useImperativeHandle"])(ref, function () {
return inputRef.current;
});
var resetTimer = Object(react__WEBPACK_IMPORTED_MODULE_1__["useRef"])();
var _useState = Object(react__WEBPACK_IMPORTED_MODULE_1__["useState"])(defaultValue || ''),
_useState2 = _slicedToArray(_useState, 2),
inputValue = _useState2[0],
setInputValue = _useState2[1];
var computedInputValue = isValueControlled ? value : inputValue;
var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_1__["useState"])(defaultValue || ''),
_useState4 = _slicedToArray(_useState3, 2),
selectVal = _useState4[0],
setSelectVal = _useState4[1];
var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_1__["useState"])(defaultOpen),
_useState6 = _slicedToArray(_useState5, 2),
dropdownOpen = _useState6[0],
setDropdownOpen = _useState6[1];
var isDropdownOpen = isOpenControlled ? open : dropdownOpen;
var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_1__["useState"])(false),
_useState8 = _slicedToArray(_useState7, 2),
focus = _useState8[0],
setFocus = _useState8[1];
var _pickChild = Object(_utils_collections__WEBPACK_IMPORTED_MODULE_6__["pickChild"])(children, _auto_complete_searching__WEBPACK_IMPORTED_MODULE_12__["default"]),
_pickChild2 = _slicedToArray(_pickChild, 2),
searchChild = _pickChild2[1];
var _pickChild3 = Object(_utils_collections__WEBPACK_IMPORTED_MODULE_6__["pickChild"])(children, _auto_complete_empty__WEBPACK_IMPORTED_MODULE_10__["default"]),
_pickChild4 = _slicedToArray(_pickChild3, 2),
emptyChild = _pickChild4[1];
var autoCompleteItems = Object(react__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(function () {
var hasSearchChild = searchChild && react__WEBPACK_IMPORTED_MODULE_1___default.a.Children.count(searchChild) > 0;
var hasEmptyChild = emptyChild && react__WEBPACK_IMPORTED_MODULE_1___default.a.Children.count(emptyChild) > 0;
if (searching) {
return hasSearchChild ? searchChild : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_auto_complete_searching__WEBPACK_IMPORTED_MODULE_12__["default"], null, "Searching...");
}
if (options.length === 0) {
if (computedInputValue === '') return null;
return hasEmptyChild ? emptyChild : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_auto_complete_empty__WEBPACK_IMPORTED_MODULE_10__["default"], null, "No Options");
}
return childrenToOptionsNode(options, variant);
}, [searching, options, variant]);
var showClearIcon = Object(react__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(function () {
return clearable && searching === undefined;
}, [clearable, searching]);
var onSelectHandler = function onSelectHandler(val) {
if (disabled) return;
setSelectVal(val);
onSelect && onSelect(val);
if (!isValueControlled) setInputValue(val);
focusInput();
};
var onInputChange = function onInputChange(event) {
if (!isOpenControlled) setDropdownOpen(true);
if (!isValueControlled) setInputValue(event.target.value);
onSearch && onSearch(event.target.value);
};
var resetInputValueOnClickAway = function resetInputValueOnClickAway() {
if (isValueControlled) return;
if (!disableFreeSolo) return;
if (!computedInputValue || computedInputValue === '') return;
if (computedInputValue !== selectVal) {
setInputValue(selectVal);
}
};
var defaultContextValue = Object(react__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(function () {
return {
ref: autoCompleteDivRef,
size: size,
focus: focus,
value: computedInputValue,
onSelect: onSelectHandler,
visible: isDropdownOpen,
updateVisible: function updateVisible(open) {
if (!isOpenControlled) setDropdownOpen(open);
}
};
}, [computedInputValue, isDropdownOpen, size, focus]);
var onInputFocus = function onInputFocus(e) {
setFocus(true);
onFocus && onFocus(e);
if (!isOpenControlled) setDropdownOpen(true);
clearTimeout(resetTimer.current);
};
var onInputClearClick = function onInputClearClick(event) {
if (!isValueControlled) setInputValue('');
onClearClick && onClearClick(event);
};
Object(_utils_use_click_away__WEBPACK_IMPORTED_MODULE_7__["default"])(autoCompleteDivRef, function (e) {
if (!isOpenControlled) setDropdownOpen(false);
resetTimer.current = window.setTimeout(function () {
resetInputValueOnClickAway();
clearTimeout(resetTimer.current);
onBlur && onBlur(e);
setFocus(false);
}, DEFAULT_CSS_TRANSITION_LEAVE_TIME);
});
var inputProps = _objectSpread(_objectSpread({}, props), {}, {
value: computedInputValue,
defaultValue: undefined,
width: width,
disabled: disabled
});
var dropdownVisible = isOpenControlled ? open : dropdownOpen && Boolean(autoCompleteItems);
Object(react__WEBPACK_IMPORTED_MODULE_1__["useEffect"])(function () {
onChange && onChange(computedInputValue);
}, [computedInputValue]);
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_auto_complete_context__WEBPACK_IMPORTED_MODULE_8__["AutoCompleteContext"].Provider, {
value: defaultContextValue
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
ref: autoCompleteDivRef,
className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["297735136", [width]]]) + " " + "auto-complete ".concat(variant === 'solid' ? 'solid' : 'line')
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_shared_css_transition__WEBPACK_IMPORTED_MODULE_5__["default"], {
renderable: true,
visible: dropdownVisible,
clearTime: computedInputValue === '' ? 0 : 60,
leaveTime: computedInputValue === '' ? 0 : 60,
className: "in-auto-complete ".concat(focus ? 'auto-complete-focus' : '')
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_input_input__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({
variant: variant,
ref: inputRef,
size: size,
onChange: onInputChange,
onFocus: onInputFocus,
onClick: onInputFocus,
clearable: showClearIcon,
onClearClick: onInputClearClick,
iconRight: getSearchIcon(searching)
}, inputProps))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_auto_complete_dropdown__WEBPACK_IMPORTED_MODULE_9__["default"], {
variant: variant,
visible: dropdownVisible,
disableMatchWidth: disableMatchWidth,
className: dropdownClassName,
dropdownStyle: dropdownStyle
}, autoCompleteItems), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a, {
id: "297735136",
dynamic: [width]
}, ".auto-complete.__jsx-style-dynamic-selector{width:".concat(width, ";}.auto-complete.__jsx-style-dynamic-selector .loading{left:-3px;right:-3px;width:-webkit-max-content;width:-moz-max-content;width:max-content;}.auto-complete.__jsx-style-dynamic-selector .in-auto-complete .input-wrapper{-webkit-transition:0s;transition:0s;}.auto-complete.__jsx-style-dynamic-selector .in-auto-complete.transition-leave .input-wrapper.focus:not(.disabled),.auto-complete.__jsx-style-dynamic-selector .in-auto-complete.transition-enter .input-wrapper.focus:not(.disabled){border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent;}"))));
});
var AutoCompleteComponent = AutoComplete;
AutoCompleteComponent.defaultProps = defaultProps;
AutoCompleteComponent.Item = _auto_complete_item__WEBPACK_IMPORTED_MODULE_11__["default"];
AutoCompleteComponent.Option = _auto_complete_item__WEBPACK_IMPORTED_MODULE_11__["default"];
AutoCompleteComponent.Searching = _auto_complete_searching__WEBPACK_IMPORTED_MODULE_12__["default"];
AutoCompleteComponent.Empty = _auto_complete_empty__WEBPACK_IMPORTED_MODULE_10__["default"];
AutoCompleteComponent.useAutoCompleteHandle = _input_use_input_handle__WEBPACK_IMPORTED_MODULE_3__["useAutoCompleteHandle"];
/* harmony default export */ __webpack_exports__["default"] = (AutoCompleteComponent);
/***/ }),
/* 2 */
/***/ (function(module, exports) {
module.exports = require("styled-jsx/style");
/***/ }),
/* 3 */
/***/ (function(module, exports) {
module.exports = require("react");
/***/ }),
/* 4 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
/* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _styles_use_theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5);
/* harmony import */ var _textarea_textarea__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(10);
/* harmony import */ var _input_block_label__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(15);
/* harmony import */ var _input_icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(16);
/* harmony import */ var _input_icon_clear__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(17);
/* harmony import */ var _input_label__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(18);
/* harmony import */ var _input_props__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(20);
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "defaultProps", function() { return _input_props__WEBPACK_IMPORTED_MODULE_8__["defaultProps"]; });
/* harmony import */ var _password__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(21);
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(12);
/* harmony import */ var _use_input_handle__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(11);
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "useInputHandle", function() { return _use_input_handle__WEBPACK_IMPORTED_MODULE_11__["useInputHandle"]; });
/* harmony import */ var _auto_complete_auto_complete_context__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(23);
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var simulateChangeEvent = function simulateChangeEvent(el, event) {
return _objectSpread(_objectSpread({}, event), {}, {
target: el,
currentTarget: el
});
};
var Input = react__WEBPACK_IMPORTED_MODULE_1___default.a.forwardRef(function (_ref, ref) {
var variant = _ref.variant,
label = _ref.label,
labelRight = _ref.labelRight,
size = _ref.size,
htmlSize = _ref.htmlSize,
inputColor = _ref.color,
icon = _ref.icon,
iconRight = _ref.iconRight,
iconClickable = _ref.iconClickable,
iconRightClickable = _ref.iconRightClickable,
onIconClick = _ref.onIconClick,
onIconRightClick = _ref.onIconRightClick,
onChange = _ref.onChange,
readOnly = _ref.readOnly,
onClearClick = _ref.onClearClick,
clearable = _ref.clearable,
width = _ref.width,
htmlWidth = _ref.htmlWidth,
className = _ref.className,
onBlur = _ref.onBlur,
onFocus = _ref.onFocus,
onMouseOver = _ref.onMouseOver,
onMouseOut = _ref.onMouseOut,
autoComplete = _ref.autoComplete,
placeholder = _ref.placeholder,
children = _ref.children,
disabled = _ref.disabled,
props = _objectWithoutProperties(_ref, ["variant", "label", "labelRight", "size", "htmlSize", "color", "icon", "iconRight", "iconClickable", "iconRightClickable", "onIconClick", "onIconRightClick", "onChange", "readOnly", "onClearClick", "clearable", "width", "htmlWidth", "className", "onBlur", "onFocus", "onMouseOver", "onMouseOut", "autoComplete", "placeholder", "children", "disabled"]);
var theme = Object(_styles_use_theme__WEBPACK_IMPORTED_MODULE_2__["default"])();
var isSolid = variant === 'solid';
var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_1__["useRef"])(null);
var isControlled = props.value !== undefined;
var _useState = Object(react__WEBPACK_IMPORTED_MODULE_1__["useState"])(false),
_useState2 = _slicedToArray(_useState, 2),
focus = _useState2[0],
setFocus = _useState2[1];
var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_1__["useState"])(false),
_useState4 = _slicedToArray(_useState3, 2),
hover = _useState4[0],
setHover = _useState4[1];
var _useMemo = Object(react__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(function () {
return Object(_styles__WEBPACK_IMPORTED_MODULE_10__["getSizes"])(size);
}, [size]),
heightRatio = _useMemo.heightRatio,
fontSize = _useMemo.fontSize,
margin = _useMemo.margin;
var _useAutoCompleteConte = Object(_auto_complete_auto_complete_context__WEBPACK_IMPORTED_MODULE_12__["useAutoCompleteContext"])(),
autoCompleteRef = _useAutoCompleteConte.ref,
autoCompleteFocus = _useAutoCompleteConte.focus;
var inAutoComplete = Boolean(autoCompleteRef && autoCompleteRef.current);
var labelClasses = Object(react__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(function () {
return labelRight ? 'right-label' : label ? 'left-label' : '';
}, [label, labelRight]);
var iconClasses = Object(react__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(function () {
return iconRight ? 'right-icon' : icon ? 'left-icon' : '';
}, [icon, iconRight]);
Object(react__WEBPACK_IMPORTED_MODULE_1__["useImperativeHandle"])(ref, function () {
return inputRef.current;
});
var _useMemo2 = Object(react__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(function () {
return Object(_styles__WEBPACK_IMPORTED_MODULE_10__["getColors"])(theme, inputColor, isSolid);
}, [theme, inputColor, isSolid]),
color = _useMemo2.color,
hoverColor = _useMemo2.hoverColor,
border = _useMemo2.border,
hoverBorderColor = _useMemo2.hoverBorderColor,
backgroundColor = _useMemo2.backgroundColor,
hoverBackgroundColor = _useMemo2.hoverBackgroundColor;
var changeHandler = function changeHandler(event) {
if (disabled || readOnly) return;
onChange && onChange(event);
};
var clearHandler = function clearHandler(event) {
/* istanbul ignore next */
if (!inputRef.current) return;
if (disabled || readOnly) return;
if (!isControlled) inputRef.current.value = '';
onClearClick && onClearClick(event);
if (!isControlled) {
var changeEvent = simulateChangeEvent(inputRef.current, event);
changeEvent.target.value = '';
onChange && onChange(changeEvent);
}
inputRef.current.focus();
};
var focusHandler = function focusHandler(e) {
setFocus(true);
onFocus && onFocus(e);
};
var blurHandler = function blurHandler(e) {
if (inAutoComplete && autoCompleteFocus) return;
setFocus(false);
onBlur && onBlur(e);
};
var mouseOverHandler = function mouseOverHandler(e) {
setHover(true);
onMouseOver && onMouseOver(e);
};
var mouseOutHandler = function mouseOutHandler(e) {
setHover(false);
onMouseOut && onMouseOut(e);
};
var iconClickHandler = function iconClickHandler(e) {
if (disabled) return;
onIconClick && onIconClick(e);
};
var iconRightClickHandler = function iconRightClickHandler(e) {
if (disabled) return;
onIconRightClick && onIconRightClick(e);
};
var iconProps = Object(react__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(function () {
return {
ratio: heightRatio,
clickable: iconClickable,
onClick: iconClickHandler
};
}, [heightRatio, iconClickable, iconClickHandler]);
var iconRightProps = Object(react__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(function () {
return {
ratio: heightRatio,
clickable: iconRightClickable,
onClick: iconRightClickHandler
};
}, [heightRatio, iconRightClickable, iconRightClickHandler]);
Object(react__WEBPACK_IMPORTED_MODULE_1__["useEffect"])(function () {
if (!autoCompleteFocus) {
setFocus(false);
}
}, [autoCompleteFocus]);
var inputProps = _objectSpread({}, props);
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["3501851587", [width, width, heightRatio, theme.layout.gap, theme.expressiveness.R2, backgroundColor, border, theme.palette.cNeutral2, hoverBorderColor, hoverBackgroundColor, margin, fontSize, heightRatio, theme.layout.gap, color, theme.palette.cNeutral4, hoverColor, theme.palette.cNeutral5, heightRatio, theme.layout.gap, backgroundColor, color, hoverBackgroundColor, hoverColor]]]) + " " + "with-label"
}, children && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_input_block_label__WEBPACK_IMPORTED_MODULE_4__["default"], {
htmlFor: props.id
}, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["3501851587", [width, width, heightRatio, theme.layout.gap, theme.expressiveness.R2, backgroundColor, border, theme.palette.cNeutral2, hoverBorderColor, hoverBackgroundColor, margin, fontSize, heightRatio, theme.layout.gap, color, theme.palette.cNeutral4, hoverColor, theme.palette.cNeutral5, heightRatio, theme.layout.gap, backgroundColor, color, hoverBackgroundColor, hoverColor]]]) + " " + "input-container ".concat(className)
}, label && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_input_label__WEBPACK_IMPORTED_MODULE_7__["default"], {
htmlFor: props.id,
variant: variant,
fontSize: fontSize
}, label), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["3501851587", [width, width, heightRatio, theme.layout.gap, theme.expressiveness.R2, backgroundColor, border, theme.palette.cNeutral2, hoverBorderColor, hoverBackgroundColor, margin, fontSize, heightRatio, theme.layout.gap, color, theme.palette.cNeutral4, hoverColor, theme.palette.cNeutral5, heightRatio, theme.layout.gap, backgroundColor, color, hoverBackgroundColor, hoverColor]]]) + " " + "input-wrapper ".concat(isSolid ? 'solid' : 'line', " ").concat(hover ? 'hover' : '', " ").concat(focus ? 'focus' : '', " ").concat(disabled ? 'disabled' : '', " ").concat(labelClasses)
}, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_input_icon__WEBPACK_IMPORTED_MODULE_5__["default"], _extends({
paddingRight: "0.5714rem",
icon: icon
}, iconProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("input", _extends({
type: "text",
size: htmlSize,
ref: inputRef,
width: htmlWidth,
placeholder: placeholder,
disabled: disabled,
readOnly: readOnly,
onFocus: focusHandler,
onMouseOver: mouseOverHandler,
onMouseOut: mouseOutHandler,
onBlur: blurHandler,
onChange: changeHandler,
autoComplete: autoComplete
}, inputProps, {
className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["3501851587", [width, width, heightRatio, theme.layout.gap, theme.expressiveness.R2, backgroundColor, border, theme.palette.cNeutral2, hoverBorderColor, hoverBackgroundColor, margin, fontSize, heightRatio, theme.layout.gap, color, theme.palette.cNeutral4, hoverColor, theme.palette.cNeutral5, heightRatio, theme.layout.gap, backgroundColor, color, hoverBackgroundColor, hoverColor]]]) + " " + (inputProps && inputProps.className != null && inputProps.className || "".concat(iconClasses))
})), clearable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_input_icon_clear__WEBPACK_IMPORTED_MODULE_6__["default"], {
visible: Boolean(inputRef.current && inputRef.current.value !== ''),
heightRatio: heightRatio,
disabled: disabled || readOnly,
onClick: clearHandler
}), iconRight && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_input_icon__WEBPACK_IMPORTED_MODULE_5__["default"], _extends({
icon: iconRight
}, iconRightProps))), labelRight && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_input_label__WEBPACK_IMPORTED_MODULE_7__["default"], {
htmlFor: props.id,
variant: variant,
fontSize: fontSize,
isRight: true
}, labelRight)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a, {
id: "3501851587",
dynamic: [width, width, heightRatio, theme.layout.gap, theme.expressiveness.R2, backgroundColor, border, theme.palette.cNeutral2, hoverBorderColor, hoverBackgroundColor, margin, fontSize, heightRatio, theme.layout.gap, color, theme.palette.cNeutral4, hoverColor, theme.palette.cNeutral5, heightRatio, theme.layout.gap, backgroundColor, color, hoverBackgroundColor, hoverColor]
}, ".with-label.__jsx-style-dynamic-selector{display:inline-block;width:".concat(width, ";box-sizing:border-box;-webkit-box-align:center;}.input-container.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:").concat(width, ";height:calc(").concat(heightRatio, " * ").concat(theme.layout.gap, ");}.input-wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:").concat(theme.expressiveness.R2, ";-webkit-transition:border 0.2s ease 0s,color 0.2s ease 0s;transition:border 0.2s ease 0s,color 0.2s ease 0s;background-color:").concat(backgroundColor, ";border:").concat(border, ";}.input-wrapper.left-label.__jsx-style-dynamic-selector{border-top-left-radius:0;border-bottom-left-radius:0;}.input-wrapper.right-label.__jsx-style-dynamic-selector{border-top-right-radius:0;border-bottom-right-radius:0;}.input-wrapper.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;border:0;background-color:").concat(theme.palette.cNeutral2, ";}.focus.input-wrapper.__jsx-style-dynamic-selector:not(.disabled),.hover.input-wrapper.__jsx-style-dynamic-selector:not(.disabled){border-color:").concat(hoverBorderColor, ";background-color:").concat(hoverBackgroundColor, ";}input.__jsx-style-dynamic-selector{margin:").concat(margin, ";padding:0;box-shadow:none;font-size:").concat(fontSize, ";line-height:calc(").concat(heightRatio, " * ").concat(theme.layout.gap, " - 2px);background-color:transparent;font-weight:normal;border:none;color:").concat(color, ";outline:none;border-radius:0;width:100%;min-width:0;-webkit-appearance:none;}input.__jsx-style-dynamic-selector:disabled{cursor:not-allowed;color:").concat(theme.palette.cNeutral4, ";}input.left-icon.__jsx-style-dynamic-selector{margin-left:0;}input.right-icon.__jsx-style-dynamic-selector{margin-right:0;}.input-wrapper.focus.__jsx-style-dynamic-selector:not(.disabled) input.__jsx-style-dynamic-selector,.input-wrapper.hover.__jsx-style-dynamic-selector:not(.disabled) input.__jsx-style-dynamic-selector{color:").concat(hoverColor, ";}.__jsx-style-dynamic-selector::-webkit-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.cNeutral5, ";}.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.cNeutral5, ";}.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.cNeutral5, ";}.__jsx-style-dynamic-selector::placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.cNeutral5, ";}input.__jsx-style-dynamic-selector::-moz-placeholder{line-height:calc(").concat(heightRatio, " * ").concat(theme.layout.gap, " - 1px);}input.__jsx-style-dynamic-selector:-webkit-autofill,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:active{-webkit-box-shadow:0 0 0 30px ").concat(backgroundColor, " inset !important;-webkit-text-fill-color:").concat(color, " !important;}input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:hover,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:focus{-webkit-box-shadow:0 0 0 30px ").concat(hoverBackgroundColor, " inset !important;-webkit-text-fill-color:").concat(hoverColor, " !important;}input.__jsx-style-dynamic-selector:-webkit-autofill,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:hover,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:focus,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:active{-webkit-background-clip:text;}")));
});
Input.defaultProps = _input_props__WEBPACK_IMPORTED_MODULE_8__["defaultProps"];
var InputComponent = Input;
InputComponent.Textarea = _textarea_textarea__WEBPACK_IMPORTED_MODULE_3__["default"];
InputComponent.Password = _password__WEBPACK_IMPORTED_MODULE_9__["default"];
InputComponent.useInputHandle = _use_input_handle__WEBPACK_IMPORTED_MODULE_11__["useInputHandle"];
/* harmony default export */ __webpack_exports__["default"] = (InputComponent);
/***/ }),
/* 5 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _use_theme__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6);
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "default", function() { return _use_theme__WEBPACK_IMPORTED_MODULE_0__["default"]; });
/***/ }),
/* 6 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _theme_context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
var useTheme = function useTheme() {
return react__WEBPACK_IMPORTED_MODULE_0___default.a.useContext(_theme_context__WEBPACK_IMPORTED_MODULE_1__["default"]);
};
/* harmony default export */ __webpack_exports__["default"] = (useTheme);
/***/ }),
/* 7 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _themes_default__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
var ThemeContext = react__WEBPACK_IMPORTED_MODULE_0___default.a.createContext(_themes_default__WEBPACK_IMPORTED_MODULE_1__["default"]);
/* harmony default export */ __webpack_exports__["default"] = (ThemeContext);
/***/ }),
/* 8 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "palette", function() { return palette; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "expressiveness", function() { return expressiveness; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "font", function() { return font; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "breakpoints", function() { return breakpoints; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "layout", function() { return layout; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "themes", function() { return themes; });
/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9);
var palette = {
/* eslint-disable @typescript-eslint/camelcase */
accents_1: '#fafafa',
accents_2: '#eaeaea',
accents_3: '#999',
accents_4: '#888',
accents_5: '#666',
accents_6: '#444',
accents_7: '#333',
accents_8: '#111',
/* eslint-enable camelcase */
background: '#fff',
foreground: '#000',
selection: '#79ffe1',
cyan: '#50e3c2',
cyanLighter: '#aaffec',
cyanLight: '#79ffe1',
cyanDark: '#29bc9b',
violet: '#7928ca',
violetLighter: '#e3d7fc',
violetLight: '#8a63d2',
violetDark: '#4c2889',
purple: '#f81ce5',
alert: '#ff0080',
magenta: '#eb367f',
link: '#0070f3',
// conflux ui
secondary: '#666',
error: '#e15c56',
errorLight: '#fbebeb',
errorDark: '#b34a50',
success: '#7cd77b',
successLight: '#effaef',
successDark: '#61be75',
warning: '#ffc438',
warningLight: '#fef1ea',
warningDark: '#fb7a03',
code: '#f81ce5',
border: '#eaeaea',
cTheme0: '#f0f5ff',
cTheme1: '#dfe8ff',
cTheme2: '#9cb4ff',
cTheme3: '#788bef',
cTheme4: '#4b64e9',
cTheme5: '#1e3de4',
cTheme6: '#0f23bd',
cTheme7: '#030f8e',
cNeutral0: '#f9fafb',
cNeutral1: '#f1f3f6',
cNeutral2: '#ebeced',
cNeutral3: '#ccc',
cNeutral4: '#999',
cNeutral5: '#666',
cNeutral6: '#444',
cNeutral7: '#333',
cNeutral8: '#fff'
};
var expressiveness = {
linkStyle: 'none',
linkHoverStyle: 'none',
dropdownBoxShadow: '0 4px 4px 0 rgba(0, 0, 0, 0.02)',
scrollerStart: 'rgba(255, 255, 255, 1)',
scrollerEnd: 'rgba(255, 255, 255, 0)',
shadowSmall: '0 5px 10px rgba(0, 0, 0, 0.12)',
shadowMedium: '0 8px 30px rgba(0, 0, 0, 0.12)',
shadowLarge: '0 30px 60px rgba(0, 0, 0, 0.12)',
portalOpacity: 0.25,
// radius
R0: '0',
R1: '2px',
R2: '4px',
R3: '8px',
R4: '12px',
R5: '50%',
// border-width
L1: '1px',
L2: '2px',
L4: '4px',
// border-style
cLineStyle1: 'solid',
cLineStyle2: 'dashed',
cLineStyle3: 'dotted',
// drop shadows
D0: 'none',
D1: '0px 4px 6px -4px rgba(0, 0, 0, 0.12)',
D2: '0px 6px 16px rgba(0, 0, 0, 0.08)',
D3: '0px 8px 24px 8px rgba(0, 0, 0, 0.06)',
D4: '8px 12px 16px rgba(0, 0, 0, 0.08)',
D5: '12px 12px 24px rgba(0, 0, 0, 0.12)'
};
var font = _shared__WEBPACK_IMPORTED_MODULE_0__["defaultFont"];
var breakpoints = _shared__WEBPACK_IMPORTED_MODULE_0__["defaultBreakpoints"];
var layout = _shared__WEBPACK_IMPORTED_MODULE_0__["defaultLayout"];
var themes = {
type: 'light',
font: font,
layout: layout,
palette: palette,
breakpoints: breakpoints,
expressiveness: expressiveness
};
/* harmony default export */ __webpack_exports__["default"] = (themes);
/***/ }),
/* 9 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "defaultFont", function() { return defaultFont; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "defaultBreakpoints", function() { return defaultBreakpoints; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "defaultLayout", function() { return defaultLayout; });
var defaultFont = {
sans: '"Circular Std", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
mono: 'Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace'
};
var defaultBreakpoints = {
xs: {
min: '0',
max: '650px'
},
sm: {
min: '650px',
max: '900px'
},
md: {
min: '900px',
max: '1280px'
},
lg: {
min: '1280px',
max: '1920px'
},
xl: {
min: '1920px',
max: '10000px'
}
};
var defaultLayout = {
gap: '1.1429rem',
gapNegative: '-1.1429rem',
gapHalf: '0.5714rem',
gapHalfNegative: '-0.5714rem',
gapQuarter: '0.2857rem',
gapQuarterNegative: '-0.2857rem',
pageMargin: '16px',
pageWidth: '950px',
pageWidthWithMargin: '982px',
breakpointMobile: defaultBreakpoints.xs.max,
breakpoint