matsuri-ui 9.7.2-alpha.0

package/dist/esm/ZipCodeField/ZipCodeField.js

@@ -0,0 +1,263 @@
+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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+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 _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+import { fetchAddress } from "../@utils/fetchAddress";
+import { FormControl } from "../FormControl";
+import { FormHelperText } from "../FormHelperText";
+import { InputBase } from "../InputBase";
+import { InputLabel } from "../InputLabel";
+import { Layout } from "../Layouts";
+import { Loading } from "../Loading";
+import { css } from "@emotion/react";
+import { isNumericString } from "../@utils/isNumericString";
+import { useDitectInputTouched } from "../TextField/useDitectInputTouched";
+import { useValidation } from "../TextField/useValidation";
+import React, { useEffect, useRef, useState } from "react";
+/**
+ * Converts `string` to half-width form
+ *
+ * @category String
+ * @param {string} [string=''] The string to convert.
+ * @returns {string} Returns the half-width formed string.
+ * @example
+ *
+ * halfWidthForm('Ａａａ０２３あいう0923Absee')
+ * // => 'Aaa023あいう0923Absee'
+ *
+ */
+
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var halfWidthForm = str => {
+  return str.replace(/[Ａ-Ｚａ-ｚ０-９]/g, s => String.fromCharCode(s.charCodeAt(0) - 65248));
+};
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "82a6rk",
+  styles: "flex:1"
+} : {
+  name: "16hg9el-ZipCodeField",
+  styles: "flex:1;label:ZipCodeField;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9aaXBDb2RlRmllbGQvWmlwQ29kZUZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtTjRCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9aaXBDb2RlRmllbGQvWmlwQ29kZUZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZldGNoQWRkcmVzc1Jlc3BvbnNlLCBmZXRjaEFkZHJlc3MgfSBmcm9tIFwiLi4vQHV0aWxzL2ZldGNoQWRkcmVzc1wiXG5pbXBvcnQgeyBGaWVsZFByb3BzIH0gZnJvbSBcIi4uL1RleHRGaWVsZFwiXG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gXCIuLi9Gb3JtQ29udHJvbFwiXG5pbXBvcnQgeyBGb3JtSGVscGVyVGV4dCwgSW5wdXRCb3R0b21HdXR0ZXJQcm9wcyB9IGZyb20gXCIuLi9Gb3JtSGVscGVyVGV4dFwiXG5pbXBvcnQgeyBJbnB1dEJhc2UgfSBmcm9tIFwiLi4vSW5wdXRCYXNlXCJcbmltcG9ydCB7IElucHV0TGFiZWwgfSBmcm9tIFwiLi4vSW5wdXRMYWJlbFwiXG5pbXBvcnQgeyBMYXlvdXQgfSBmcm9tIFwiLi4vTGF5b3V0c1wiXG5pbXBvcnQgeyBMb2FkaW5nIH0gZnJvbSBcIi4uL0xvYWRpbmdcIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IGlzTnVtZXJpY1N0cmluZyB9IGZyb20gXCIuLi9AdXRpbHMvaXNOdW1lcmljU3RyaW5nXCJcbmltcG9ydCB7IHVzZURpdGVjdElucHV0VG91Y2hlZCB9IGZyb20gXCIuLi9UZXh0RmllbGQvdXNlRGl0ZWN0SW5wdXRUb3VjaGVkXCJcbmltcG9ydCB7IHVzZVZhbGlkYXRpb24gfSBmcm9tIFwiLi4vVGV4dEZpZWxkL3VzZVZhbGlkYXRpb25cIlxuaW1wb3J0IFJlYWN0LCB7IEZvcm1FdmVudCwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCJcblxuLyoqXG4gKiBDb252ZXJ0cyBgc3RyaW5nYCB0byBoYWxmLXdpZHRoIGZvcm1cbiAqXG4gKiBAY2F0ZWdvcnkgU3RyaW5nXG4gKiBAcGFyYW0ge3N0cmluZ30gW3N0cmluZz0nJ10gVGhlIHN0cmluZyB0byBjb252ZXJ0LlxuICogQHJldHVybnMge3N0cmluZ30gUmV0dXJucyB0aGUgaGFsZi13aWR0aCBmb3JtZWQgc3RyaW5nLlxuICogQGV4YW1wbGVcbiAqXG4gKiBoYWxmV2lkdGhGb3JtKCfvvKHvvYHvvYHvvJDvvJLvvJPjgYLjgYTjgYYwOTIzQWJzZWUnKVxuICogLy8gPT4gJ0FhYTAyM+OBguOBhOOBhjA5MjNBYnNlZSdcbiAqXG4gKi9cbmV4cG9ydCBjb25zdCBoYWxmV2lkdGhGb3JtID0gKHN0cjogc3RyaW5nKTogc3RyaW5nID0+IHtcbiAgICByZXR1cm4gc3RyLnJlcGxhY2UoL1vvvKEt77y6772BLe+9mu+8kC3vvJldL2csIChzKSA9PiBTdHJpbmcuZnJvbUNoYXJDb2RlKHMuY2hhckNvZGVBdCgwKSAtIDY1MjQ4KSlcbn1cblxuZXhwb3J0IGludGVyZmFjZSBaaXBDb2RlVmFsdWUgZXh0ZW5kcyBGZXRjaEFkZHJlc3NSZXNwb25zZSB7XG4gICAgc3RhdHVzPzogXCJcIiB8IFwid2FpdGluZ1wiIHwgXCJkb25lXCJcbn1cbmV4cG9ydCB0eXBlIFppcENvZGVGaWVsZFByb3BzID0gRmllbGRQcm9wczxaaXBDb2RlVmFsdWU+ICYge1xuICAgIC8qKlxuICAgICAqIFppcENvZGVGaWVsZOOBruOBv+OAgW5vdFJlc3BvbnNl44GM5a2Y5Zyo44GX44G+44GZ44CC44GT44KM44GvYHByZWZlY3R1cmVOYW1lYOOCkuWPluW+l+OBp+OBjeOBquOBi+OBo+OBn+WgtOWQiOOBq+eZuueBq+OBl+OBvuOBmeOAglxuICAgICAqL1xuICAgIHZhbGlkYXRpb25NZXNzYWdlcz86IHtcbiAgICAgICAgW2tleSBpbiBrZXlvZiBWYWxpZGl0eVN0YXRlIHwgXCJub3RSZXNwb25zZVwiIHwgXCJ3YWl0aW5nXCJdPzogc3RyaW5nXG4gICAgfVxufSAmIE9taXQ8UmVhY3QuSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgXCJjc3NcIiB8IFwiZGVmYXVsdFZhbHVlXCIgfCBcInZhbHVlXCIgfCBcIm9uQ2hhbmdlXCI+ICZcbiAgICBJbnB1dEJvdHRvbUd1dHRlclByb3BzXG4vKipcbiAqIOaXpeacrOOBrumDteS+v+eVquWPt+OBruWFpeWKm+OCkuOCteODneODvOODiOOBqOOBl+OBn+WFpeWKm+ODleOCqeODvOODoOOAglxuICpcbiAqICMjIyBaaXBDb2RlRmllbGRQcm9wcy52YWx1ZVxuICpcbiAqIGBgYHRzeFxuICogaW50ZXJmYWNlIFppcENvZGVWYWx1ZSB7XG4gKiAgemlwQ29kZUxlZnQ6IHN0cmluZ1xuICogIHppcENvZGVSaWdodDogc3RyaW5nXG4gKiAgcHJlZmVjdHVyZU5hbWU/OiBzdHJpbmdcbiAqICBjaXR5TmFtZT86IHN0cmluZ1xuICogIHRvd25OYW1lPzogc3RyaW5nXG4gKiB9XG4gKiBgYGBcbiAqXG4gKiB2YWx1ZeOBr+mDteS+v+eVquWPt+OBruW3pjPmoYHjgpLooajjgZl6aXBDb2RlTGVmdOOAgeWPszTmoYHjgpLooajjgZl6aXBDb2RlUmlnaHTjgpLlv4XpoIjjgajjgZfjgabjgqrjg5bjgrjjgqfjgq/jg4jjgafjgZnjgIJcbiAqIOWFpeWKm+OBleOCjOOBn3ppcENvZGVMZWZ05Y+K44GzemlwQ29kZVJpZ2h044KS5YWD44Gr55yM5ZCNcHJlZmVjdHVyZU5hbWUsIOW4guWQjWNpdHlOYW1lLCDnlLrlkI10b3duTmFtZeOCkuWPluW+l+OBl+OAgee1kOaenOOCkui/lOOBl+OBvuOBmeOAglxuICpcbiAqICMjIyDjgqLjg7PjgrPjg7Pjg4jjg63jg7zjg6vjgadGb3Jt6KaB57Sg44KS5Yip55So44GZ44KL5aC05ZCIXG4gKlxuICog5L2P5omA44Gv6Z2e5ZCM5pyf44Gn5Y+W5b6X44GV44KM44KL44Gf44KB44CBRm9ybeOBrmNoYW5nZeOCpOODmeODs+ODiOOBjOeZuueBq+OBl+OBn+OCv+OCpOODn+ODs+OCsOOBp+OBr+WPluW+l+OBp+OBjeOBvuOBm+OCk+OAglxuICog5L2P5omA44Gu5Y+W5b6X44GM5L+d6Ki844GV44KM44Gm44GE44KL54q25oWL44Gn44CBY2hhbmdl44Kk44OZ44Oz44OI44KS55m654Gr44GV44Gb44KL5b+F6KaB44GM44GC44KK44G+44GZ44CCXG4gKlxuICog44Gd44Gu44Gf44KBRm9ybeWGheOBrklucHV06KaB57Sg44GM57eo6ZuG44GV44KM44KL5bqm44GrSFRUUCBSZXF1ZXN044KS44Gq44GS44KL44KI44GG44Gq5a6f6KOF44Gv6Zuj44GX44GE44Gn44GZ44GM44CBXG4gKiDjg5zjgr/jg7PjgpLmirzjgZdzdWJtaXTjgZfjgabjgYvjgolIVFRQIFJlcXVlc3TjgpLjgarjgZLjgovjgojjgYbjgarlrp/oo4XjgafjgYLjgozjgbDjgIFcbiAqIFppcENvZGVGaWVsZFByb3BzLnZhbGlkYXRpb25NZXNzYWdlcy53YWl0aW5n44GL44KJ44Oh44OD44K744O844K444KS5aSJ5pu044Gn44GN44KL44Kr44K544K/44Og44OQ44Oq44OH44O844K344On44Oz44GM5a2Y5Zyo44GX44CBXG4gKiBzdWJtaXTjgZXjgozjgZrjgqjjg6njg7zjgYzlh7rlipvjgZXjgozjgovjgZ/jgoHjgIHkvY/miYDjga7lj5blvpfjgpLkv53oqLzjgafjgY3jgb7jgZnjgIJcbiAqXG4gKiBb44K144Oz44OX44OrXSgvP3BhdGg9L2RvY3MvaW5wdXRzLXppcGNvZGVmaWVsZC0tZm9ybS11c2FnZSlcbiAqL1xuZXhwb3J0IGNvbnN0IFppcENvZGVGaWVsZCA9ICh7XG4gICAgbGFiZWwsXG4gICAgb25DaGFuZ2UsXG4gICAgdmFsaWRhdGlvbk1lc3NhZ2VzLFxuICAgIGN1c3RvbVZhbGlkYXRpb25zID0gW10sXG4gICAgc3R5bGUsXG4gICAgY2xhc3NOYW1lLFxuICAgIGRpc2FibGVkLFxuICAgIHJlYWRPbmx5LFxuICAgIHJlcXVpcmVkLFxuICAgIHZhbHVlOiBwcm9wc1ZhbHVlLFxuICAgIG5hbWUsXG4gICAgZGVmYXVsdFZhbHVlLFxuICAgIGJvdHRvbUd1dHRlcixcbiAgICBoZWxwZXJUZXh0LFxuICAgIGludmFsaWRcbn06IFppcENvZGVGaWVsZFByb3BzKSA9PiB7XG4gICAgY29uc3QgemlwQ29kZUxlZnRSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbClcbiAgICBjb25zdCB6aXBDb2RlUmlnaHRSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbClcbiAgICBjb25zdCBbemlwQ29kZUxlZnQsIHNldFppcENvZGVMZWZ0XSA9IHVzZVN0YXRlKFxuICAgICAgICBwcm9wc1ZhbHVlID8gcHJvcHNWYWx1ZS56aXBDb2RlTGVmdCA6IGRlZmF1bHRWYWx1ZSA/IGRlZmF1bHRWYWx1ZS56aXBDb2RlTGVmdCA6IFwiXCJcbiAgICApXG4gICAgY29uc3QgW3ppcENvZGVSaWdodCwgc2V0WmlwQ29kZVJpZ2h0XSA9IHVzZVN0YXRlKFxuICAgICAgICBwcm9wc1ZhbHVlID8gcHJvcHNWYWx1ZS56aXBDb2RlUmlnaHQgOiBkZWZhdWx0VmFsdWUgPyBkZWZhdWx0VmFsdWUuemlwQ29kZVJpZ2h0IDogXCJcIlxuICAgIClcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlPFppcENvZGVWYWx1ZT4oe1xuICAgICAgICB6aXBDb2RlTGVmdDogXCJcIixcbiAgICAgICAgemlwQ29kZVJpZ2h0OiBcIlwiLFxuICAgICAgICBzdGF0dXM6IFwiXCJcbiAgICB9KVxuXG4gICAgY29uc3Qgbm90UmVzcG9uc2UgPVxuICAgICAgICB2YWxpZGF0aW9uTWVzc2FnZXMgJiYgdmFsaWRhdGlvbk1lc3NhZ2VzLm5vdFJlc3BvbnNlXG4gICAgICAgICAgICA/IHZhbGlkYXRpb25NZXNzYWdlcy5ub3RSZXNwb25zZVxuICAgICAgICAgICAgOiBcIumDteS+v+eVquWPt+OBq+WvvuW/nOOBmeOCi+S9j+aJgOOBjOimi+OBpOOBi+OCiuOBvuOBm+OCk+OAglwiXG5cbiAgICBjb25zdCBub3RSZXNwb25zZVZhbGlkYXRpb24gPSAodmFsdWU6IFppcENvZGVWYWx1ZSk6IHN0cmluZyB8IGZhbHNlID0+IHtcbiAgICAgICAgaWYgKC9eWzAtOV17M30kLy50ZXN0KHZhbHVlLnppcENvZGVMZWZ0KSAmJiAvXlswLTldezR9JC8udGVzdCh2YWx1ZS56aXBDb2RlUmlnaHQpICYmICF2YWx1ZS5wcmVmZWN0dXJlTmFtZSkge1xuICAgICAgICAgICAgcmV0dXJuIG5vdFJlc3BvbnNlXG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGZhbHNlXG4gICAgfVxuXG4gICAgY29uc3Qgd2FpdGluZ01lc3NhZ2UgPVxuICAgICAgICB2YWxpZGF0aW9uTWVzc2FnZXMgJiYgdmFsaWRhdGlvbk1lc3NhZ2VzLndhaXRpbmcgPyB2YWxpZGF0aW9uTWVzc2FnZXMud2FpdGluZyA6IFwi6YO15L6/55Wq5Y+344KS5qSc6Ki85Lit44Gn44GZ44CCXCJcblxuICAgIGNvbnN0IHdhdGluZ1ZhbGlkYXRpb24gPSAodmFsdWU6IFppcENvZGVWYWx1ZSk6IHN0cmluZyB8IGZhbHNlID0+IHtcbiAgICAgICAgaWYgKHZhbHVlLnN0YXR1cyA9PT0gXCJ3YWl0aW5nXCIpIHtcbiAgICAgICAgICAgIHJldHVybiB3YWl0aW5nTWVzc2FnZVxuICAgICAgICB9XG4gICAgICAgIHJldHVybiBmYWxzZVxuICAgIH1cblxuICAgIGNvbnN0IGNvbW1vbkN1c3RvbVZhbGlkYXRpb25zID0gW25vdFJlc3BvbnNlVmFsaWRhdGlvbiwgd2F0aW5nVmFsaWRhdGlvbiwgLi4uY3VzdG9tVmFsaWRhdGlvbnNdXG5cbiAgICBjb25zdCB2YWxpZGF0aW9uTGVmdCA9IHVzZVZhbGlkYXRpb24oe1xuICAgICAgICByZWY6IHppcENvZGVMZWZ0UmVmLFxuICAgICAgICB2YWxpZGF0aW9uTWVzc2FnZXMsXG4gICAgICAgIGN1c3RvbVZhbGlkYXRpb25zOiBjb21tb25DdXN0b21WYWxpZGF0aW9ucyxcbiAgICAgICAgdmFsdWVcbiAgICB9KVxuICAgIGNvbnN0IHZhbGlkYXRpb25SaWdodCA9IHVzZVZhbGlkYXRpb24oe1xuICAgICAgICByZWY6IHppcENvZGVSaWdodFJlZixcbiAgICAgICAgdmFsaWRhdGlvbk1lc3NhZ2VzLFxuICAgICAgICBjdXN0b21WYWxpZGF0aW9uczogY29tbW9uQ3VzdG9tVmFsaWRhdGlvbnMsXG4gICAgICAgIHZhbHVlXG4gICAgfSlcblxuICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9XG4gICAgICAgIChzZXROZXh0VmFsdWU6IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPHN0cmluZz4+KSA9PiAoZTogRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBjb25zdCBuZXh0VmFsdWUgPSBoYWxmV2lkdGhGb3JtKGUuY3VycmVudFRhcmdldC52YWx1ZSlcbiAgICAgICAgICAgIGlmIChuZXh0VmFsdWUgPT09IFwiXCIgfHwgaXNOdW1lcmljU3RyaW5nKG5leHRWYWx1ZSkpIHtcbiAgICAgICAgICAgICAgICBzZXROZXh0VmFsdWUobmV4dFZhbHVlKVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAoL15bMC05XXszfSQvLnRlc3QoemlwQ29kZUxlZnQpICYmIC9eWzAtOV17NH0kLy50ZXN0KHppcENvZGVSaWdodCkpIHtcbiAgICAgICAgICAgIHNldFZhbHVlKChwcmV2KSA9PiAoeyAuLi5wcmV2LCBzdGF0dXM6IFwid2FpdGluZ1wiIH0pKVxuICAgICAgICAgICAgIShhc3luYyBmdW5jdGlvbiAoKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgcmVzcG9uc2UgPSBhd2FpdCBmZXRjaEFkZHJlc3MoemlwQ29kZUxlZnQsIHppcENvZGVSaWdodClcbiAgICAgICAgICAgICAgICBzZXRWYWx1ZSh7IC4uLnJlc3BvbnNlLCBzdGF0dXM6IFwiZG9uZVwiIH0pXG4gICAgICAgICAgICB9KSgpXG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBzZXRWYWx1ZSh7IHppcENvZGVMZWZ0LCB6aXBDb2RlUmlnaHQsIHN0YXR1czogXCJcIiB9KVxuICAgICAgICB9XG4gICAgfSwgW3ppcENvZGVMZWZ0LCB6aXBDb2RlUmlnaHRdKVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKG9uQ2hhbmdlKSB7XG4gICAgICAgICAgICBvbkNoYW5nZSh2YWx1ZSlcbiAgICAgICAgfVxuICAgIH0sIFtvbkNoYW5nZSwgdmFsdWVdKVxuICAgIGNvbnN0IFt0b3VjaGVkLCBhZGRpdGlvbmFsUHJvcHNdID0gdXNlRGl0ZWN0SW5wdXRUb3VjaGVkKClcbiAgICByZXR1cm4gKFxuICAgICAgICA8Rm9ybUNvbnRyb2wgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHN0eWxlPXtzdHlsZX0+XG4gICAgICAgICAgICA8SW5wdXRMYWJlbCBhcmlhLWRpc2FibGVkPXtkaXNhYmxlZH0gcmVxdWlyZWQ9e3JlcXVpcmVkfT5cbiAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L0lucHV0TGFiZWw+XG4gICAgICAgICAgICA8TGF5b3V0LlJvdyBhbGlnbkl0ZW1zPVwiY2VudGVyXCIganVzdGlmeT1cImNlbnRlclwiIG5vd3JhcD5cbiAgICAgICAgICAgICAgICA8SW5wdXRCYXNlXG4gICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgICAgICAgICAgbmFtZT17YCR7bmFtZX1femlwQ29kZUxlZnRgfVxuICAgICAgICAgICAgICAgICAgICByZWY9e3ppcENvZGVMZWZ0UmVmfVxuICAgICAgICAgICAgICAgICAgICB2YWx1ZT17emlwQ29kZUxlZnR9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2Uoc2V0WmlwQ29kZUxlZnQpfVxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgICAgIHBhdHRlcm49XCJeWzAtOV0qJFwiXG4gICAgICAgICAgICAgICAgICAgIG1pbkxlbmd0aD17M31cbiAgICAgICAgICAgICAgICAgICAgbWF4TGVuZ3RoPXszfVxuICAgICAgICAgICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICAgICAgICAgIHJlYWRPbmx5PXtyZWFkT25seX1cbiAgICAgICAgICAgICAgICAgICAgZGF0YS1pbnZhbGlkPXshdmFsaWRhdGlvbkxlZnQudmFsaWR9XG4gICAgICAgICAgICAgICAgICAgIHsuLi5hZGRpdGlvbmFsUHJvcHN9XG4gICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogMHB4IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIC1cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgPElucHV0QmFzZVxuICAgICAgICAgICAgICAgICAgICBkYXRhLWludmFsaWQ9eyF2YWxpZGF0aW9uUmlnaHQudmFsaWR9XG4gICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgICAgICAgICAgbmFtZT17YCR7bmFtZX1femlwQ29kZVJpZ2h0YH1cbiAgICAgICAgICAgICAgICAgICAgcmVmPXt6aXBDb2RlUmlnaHRSZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2Uoc2V0WmlwQ29kZVJpZ2h0KX1cbiAgICAgICAgICAgICAgICAgICAgdmFsdWU9e3ppcENvZGVSaWdodH1cbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgICAgICBwYXR0ZXJuPVwiXlswLTldKiRcIlxuICAgICAgICAgICAgICAgICAgICBtaW5MZW5ndGg9ezR9XG4gICAgICAgICAgICAgICAgICAgIG1heExlbmd0aD17NH1cbiAgICAgICAgICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgICAgICAgICAgIHsuLi5hZGRpdGlvbmFsUHJvcHN9XG4gICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwiaGlkZGVuXCIgbmFtZT17YCR7bmFtZX1fcHJlZmVjdHVyZU5hbWVgfSBkZWZhdWx0VmFsdWU9e3ZhbHVlLnByZWZlY3R1cmVOYW1lfSAvPlxuICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwiaGlkZGVuXCIgbmFtZT17YCR7bmFtZX1fY2l0eU5hbWVgfSBkZWZhdWx0VmFsdWU9e3ZhbHVlLmNpdHlOYW1lfSAvPlxuICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwiaGlkZGVuXCIgbmFtZT17YCR7bmFtZX1fdG93bk5hbWVgfSBkZWZhdWx0VmFsdWU9e3ZhbHVlLnRvd25OYW1lfSAvPlxuICAgICAgICAgICAgPC9MYXlvdXQuUm93PlxuICAgICAgICAgICAge3RvdWNoZWQgJiYgKHZhbGlkYXRpb25MZWZ0Lm1lc3NhZ2UgfHwgdmFsaWRhdGlvblJpZ2h0Lm1lc3NhZ2UpID8gKFxuICAgICAgICAgICAgICAgIDxGb3JtSGVscGVyVGV4dCBib3R0b21HdXR0ZXI9e2JvdHRvbUd1dHRlcn0gaW52YWxpZD17IXZhbGlkYXRpb25MZWZ0LnZhbGlkIHx8ICF2YWxpZGF0aW9uUmlnaHQudmFsaWR9PlxuICAgICAgICAgICAgICAgICAgICB7dmFsdWUuc3RhdHVzID09PSBcIndhaXRpbmdcIiA/IDxMb2FkaW5nIC8+IDogdmFsaWRhdGlvbkxlZnQubWVzc2FnZSB8fCB2YWxpZGF0aW9uUmlnaHQubWVzc2FnZX1cbiAgICAgICAgICAgICAgICA8L0Zvcm1IZWxwZXJUZXh0PlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8Rm9ybUhlbHBlclRleHQgYm90dG9tR3V0dGVyPXtib3R0b21HdXR0ZXJ9IGludmFsaWQ9e2ludmFsaWR9PlxuICAgICAgICAgICAgICAgICAgICB7dHlwZW9mIGhlbHBlclRleHQgPT09IFwiZnVuY3Rpb25cIiA/IGhlbHBlclRleHQoeyB2YWx1ZSB9KSA6IGhlbHBlclRleHR9XG4gICAgICAgICAgICAgICAgPC9Gb3JtSGVscGVyVGV4dD5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvRm9ybUNvbnRyb2w+XG4gICAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "14cho8g",
+  styles: "padding:0px 0.5rem"
+} : {
+  name: "1v0mmh1-ZipCodeField",
+  styles: "padding:0px 0.5rem;label:ZipCodeField;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9aaXBDb2RlRmllbGQvWmlwQ29kZUZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErTDRCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9aaXBDb2RlRmllbGQvWmlwQ29kZUZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZldGNoQWRkcmVzc1Jlc3BvbnNlLCBmZXRjaEFkZHJlc3MgfSBmcm9tIFwiLi4vQHV0aWxzL2ZldGNoQWRkcmVzc1wiXG5pbXBvcnQgeyBGaWVsZFByb3BzIH0gZnJvbSBcIi4uL1RleHRGaWVsZFwiXG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gXCIuLi9Gb3JtQ29udHJvbFwiXG5pbXBvcnQgeyBGb3JtSGVscGVyVGV4dCwgSW5wdXRCb3R0b21HdXR0ZXJQcm9wcyB9IGZyb20gXCIuLi9Gb3JtSGVscGVyVGV4dFwiXG5pbXBvcnQgeyBJbnB1dEJhc2UgfSBmcm9tIFwiLi4vSW5wdXRCYXNlXCJcbmltcG9ydCB7IElucHV0TGFiZWwgfSBmcm9tIFwiLi4vSW5wdXRMYWJlbFwiXG5pbXBvcnQgeyBMYXlvdXQgfSBmcm9tIFwiLi4vTGF5b3V0c1wiXG5pbXBvcnQgeyBMb2FkaW5nIH0gZnJvbSBcIi4uL0xvYWRpbmdcIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IGlzTnVtZXJpY1N0cmluZyB9IGZyb20gXCIuLi9AdXRpbHMvaXNOdW1lcmljU3RyaW5nXCJcbmltcG9ydCB7IHVzZURpdGVjdElucHV0VG91Y2hlZCB9IGZyb20gXCIuLi9UZXh0RmllbGQvdXNlRGl0ZWN0SW5wdXRUb3VjaGVkXCJcbmltcG9ydCB7IHVzZVZhbGlkYXRpb24gfSBmcm9tIFwiLi4vVGV4dEZpZWxkL3VzZVZhbGlkYXRpb25cIlxuaW1wb3J0IFJlYWN0LCB7IEZvcm1FdmVudCwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCJcblxuLyoqXG4gKiBDb252ZXJ0cyBgc3RyaW5nYCB0byBoYWxmLXdpZHRoIGZvcm1cbiAqXG4gKiBAY2F0ZWdvcnkgU3RyaW5nXG4gKiBAcGFyYW0ge3N0cmluZ30gW3N0cmluZz0nJ10gVGhlIHN0cmluZyB0byBjb252ZXJ0LlxuICogQHJldHVybnMge3N0cmluZ30gUmV0dXJucyB0aGUgaGFsZi13aWR0aCBmb3JtZWQgc3RyaW5nLlxuICogQGV4YW1wbGVcbiAqXG4gKiBoYWxmV2lkdGhGb3JtKCfvvKHvvYHvvYHvvJDvvJLvvJPjgYLjgYTjgYYwOTIzQWJzZWUnKVxuICogLy8gPT4gJ0FhYTAyM+OBguOBhOOBhjA5MjNBYnNlZSdcbiAqXG4gKi9cbmV4cG9ydCBjb25zdCBoYWxmV2lkdGhGb3JtID0gKHN0cjogc3RyaW5nKTogc3RyaW5nID0+IHtcbiAgICByZXR1cm4gc3RyLnJlcGxhY2UoL1vvvKEt77y6772BLe+9mu+8kC3vvJldL2csIChzKSA9PiBTdHJpbmcuZnJvbUNoYXJDb2RlKHMuY2hhckNvZGVBdCgwKSAtIDY1MjQ4KSlcbn1cblxuZXhwb3J0IGludGVyZmFjZSBaaXBDb2RlVmFsdWUgZXh0ZW5kcyBGZXRjaEFkZHJlc3NSZXNwb25zZSB7XG4gICAgc3RhdHVzPzogXCJcIiB8IFwid2FpdGluZ1wiIHwgXCJkb25lXCJcbn1cbmV4cG9ydCB0eXBlIFppcENvZGVGaWVsZFByb3BzID0gRmllbGRQcm9wczxaaXBDb2RlVmFsdWU+ICYge1xuICAgIC8qKlxuICAgICAqIFppcENvZGVGaWVsZOOBruOBv+OAgW5vdFJlc3BvbnNl44GM5a2Y5Zyo44GX44G+44GZ44CC44GT44KM44GvYHByZWZlY3R1cmVOYW1lYOOCkuWPluW+l+OBp+OBjeOBquOBi+OBo+OBn+WgtOWQiOOBq+eZuueBq+OBl+OBvuOBmeOAglxuICAgICAqL1xuICAgIHZhbGlkYXRpb25NZXNzYWdlcz86IHtcbiAgICAgICAgW2tleSBpbiBrZXlvZiBWYWxpZGl0eVN0YXRlIHwgXCJub3RSZXNwb25zZVwiIHwgXCJ3YWl0aW5nXCJdPzogc3RyaW5nXG4gICAgfVxufSAmIE9taXQ8UmVhY3QuSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgXCJjc3NcIiB8IFwiZGVmYXVsdFZhbHVlXCIgfCBcInZhbHVlXCIgfCBcIm9uQ2hhbmdlXCI+ICZcbiAgICBJbnB1dEJvdHRvbUd1dHRlclByb3BzXG4vKipcbiAqIOaXpeacrOOBrumDteS+v+eVquWPt+OBruWFpeWKm+OCkuOCteODneODvOODiOOBqOOBl+OBn+WFpeWKm+ODleOCqeODvOODoOOAglxuICpcbiAqICMjIyBaaXBDb2RlRmllbGRQcm9wcy52YWx1ZVxuICpcbiAqIGBgYHRzeFxuICogaW50ZXJmYWNlIFppcENvZGVWYWx1ZSB7XG4gKiAgemlwQ29kZUxlZnQ6IHN0cmluZ1xuICogIHppcENvZGVSaWdodDogc3RyaW5nXG4gKiAgcHJlZmVjdHVyZU5hbWU/OiBzdHJpbmdcbiAqICBjaXR5TmFtZT86IHN0cmluZ1xuICogIHRvd25OYW1lPzogc3RyaW5nXG4gKiB9XG4gKiBgYGBcbiAqXG4gKiB2YWx1ZeOBr+mDteS+v+eVquWPt+OBruW3pjPmoYHjgpLooajjgZl6aXBDb2RlTGVmdOOAgeWPszTmoYHjgpLooajjgZl6aXBDb2RlUmlnaHTjgpLlv4XpoIjjgajjgZfjgabjgqrjg5bjgrjjgqfjgq/jg4jjgafjgZnjgIJcbiAqIOWFpeWKm+OBleOCjOOBn3ppcENvZGVMZWZ05Y+K44GzemlwQ29kZVJpZ2h044KS5YWD44Gr55yM5ZCNcHJlZmVjdHVyZU5hbWUsIOW4guWQjWNpdHlOYW1lLCDnlLrlkI10b3duTmFtZeOCkuWPluW+l+OBl+OAgee1kOaenOOCkui/lOOBl+OBvuOBmeOAglxuICpcbiAqICMjIyDjgqLjg7PjgrPjg7Pjg4jjg63jg7zjg6vjgadGb3Jt6KaB57Sg44KS5Yip55So44GZ44KL5aC05ZCIXG4gKlxuICog5L2P5omA44Gv6Z2e5ZCM5pyf44Gn5Y+W5b6X44GV44KM44KL44Gf44KB44CBRm9ybeOBrmNoYW5nZeOCpOODmeODs+ODiOOBjOeZuueBq+OBl+OBn+OCv+OCpOODn+ODs+OCsOOBp+OBr+WPluW+l+OBp+OBjeOBvuOBm+OCk+OAglxuICog5L2P5omA44Gu5Y+W5b6X44GM5L+d6Ki844GV44KM44Gm44GE44KL54q25oWL44Gn44CBY2hhbmdl44Kk44OZ44Oz44OI44KS55m654Gr44GV44Gb44KL5b+F6KaB44GM44GC44KK44G+44GZ44CCXG4gKlxuICog44Gd44Gu44Gf44KBRm9ybeWGheOBrklucHV06KaB57Sg44GM57eo6ZuG44GV44KM44KL5bqm44GrSFRUUCBSZXF1ZXN044KS44Gq44GS44KL44KI44GG44Gq5a6f6KOF44Gv6Zuj44GX44GE44Gn44GZ44GM44CBXG4gKiDjg5zjgr/jg7PjgpLmirzjgZdzdWJtaXTjgZfjgabjgYvjgolIVFRQIFJlcXVlc3TjgpLjgarjgZLjgovjgojjgYbjgarlrp/oo4XjgafjgYLjgozjgbDjgIFcbiAqIFppcENvZGVGaWVsZFByb3BzLnZhbGlkYXRpb25NZXNzYWdlcy53YWl0aW5n44GL44KJ44Oh44OD44K744O844K444KS5aSJ5pu044Gn44GN44KL44Kr44K544K/44Og44OQ44Oq44OH44O844K344On44Oz44GM5a2Y5Zyo44GX44CBXG4gKiBzdWJtaXTjgZXjgozjgZrjgqjjg6njg7zjgYzlh7rlipvjgZXjgozjgovjgZ/jgoHjgIHkvY/miYDjga7lj5blvpfjgpLkv53oqLzjgafjgY3jgb7jgZnjgIJcbiAqXG4gKiBb44K144Oz44OX44OrXSgvP3BhdGg9L2RvY3MvaW5wdXRzLXppcGNvZGVmaWVsZC0tZm9ybS11c2FnZSlcbiAqL1xuZXhwb3J0IGNvbnN0IFppcENvZGVGaWVsZCA9ICh7XG4gICAgbGFiZWwsXG4gICAgb25DaGFuZ2UsXG4gICAgdmFsaWRhdGlvbk1lc3NhZ2VzLFxuICAgIGN1c3RvbVZhbGlkYXRpb25zID0gW10sXG4gICAgc3R5bGUsXG4gICAgY2xhc3NOYW1lLFxuICAgIGRpc2FibGVkLFxuICAgIHJlYWRPbmx5LFxuICAgIHJlcXVpcmVkLFxuICAgIHZhbHVlOiBwcm9wc1ZhbHVlLFxuICAgIG5hbWUsXG4gICAgZGVmYXVsdFZhbHVlLFxuICAgIGJvdHRvbUd1dHRlcixcbiAgICBoZWxwZXJUZXh0LFxuICAgIGludmFsaWRcbn06IFppcENvZGVGaWVsZFByb3BzKSA9PiB7XG4gICAgY29uc3QgemlwQ29kZUxlZnRSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbClcbiAgICBjb25zdCB6aXBDb2RlUmlnaHRSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbClcbiAgICBjb25zdCBbemlwQ29kZUxlZnQsIHNldFppcENvZGVMZWZ0XSA9IHVzZVN0YXRlKFxuICAgICAgICBwcm9wc1ZhbHVlID8gcHJvcHNWYWx1ZS56aXBDb2RlTGVmdCA6IGRlZmF1bHRWYWx1ZSA/IGRlZmF1bHRWYWx1ZS56aXBDb2RlTGVmdCA6IFwiXCJcbiAgICApXG4gICAgY29uc3QgW3ppcENvZGVSaWdodCwgc2V0WmlwQ29kZVJpZ2h0XSA9IHVzZVN0YXRlKFxuICAgICAgICBwcm9wc1ZhbHVlID8gcHJvcHNWYWx1ZS56aXBDb2RlUmlnaHQgOiBkZWZhdWx0VmFsdWUgPyBkZWZhdWx0VmFsdWUuemlwQ29kZVJpZ2h0IDogXCJcIlxuICAgIClcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlPFppcENvZGVWYWx1ZT4oe1xuICAgICAgICB6aXBDb2RlTGVmdDogXCJcIixcbiAgICAgICAgemlwQ29kZVJpZ2h0OiBcIlwiLFxuICAgICAgICBzdGF0dXM6IFwiXCJcbiAgICB9KVxuXG4gICAgY29uc3Qgbm90UmVzcG9uc2UgPVxuICAgICAgICB2YWxpZGF0aW9uTWVzc2FnZXMgJiYgdmFsaWRhdGlvbk1lc3NhZ2VzLm5vdFJlc3BvbnNlXG4gICAgICAgICAgICA/IHZhbGlkYXRpb25NZXNzYWdlcy5ub3RSZXNwb25zZVxuICAgICAgICAgICAgOiBcIumDteS+v+eVquWPt+OBq+WvvuW/nOOBmeOCi+S9j+aJgOOBjOimi+OBpOOBi+OCiuOBvuOBm+OCk+OAglwiXG5cbiAgICBjb25zdCBub3RSZXNwb25zZVZhbGlkYXRpb24gPSAodmFsdWU6IFppcENvZGVWYWx1ZSk6IHN0cmluZyB8IGZhbHNlID0+IHtcbiAgICAgICAgaWYgKC9eWzAtOV17M30kLy50ZXN0KHZhbHVlLnppcENvZGVMZWZ0KSAmJiAvXlswLTldezR9JC8udGVzdCh2YWx1ZS56aXBDb2RlUmlnaHQpICYmICF2YWx1ZS5wcmVmZWN0dXJlTmFtZSkge1xuICAgICAgICAgICAgcmV0dXJuIG5vdFJlc3BvbnNlXG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGZhbHNlXG4gICAgfVxuXG4gICAgY29uc3Qgd2FpdGluZ01lc3NhZ2UgPVxuICAgICAgICB2YWxpZGF0aW9uTWVzc2FnZXMgJiYgdmFsaWRhdGlvbk1lc3NhZ2VzLndhaXRpbmcgPyB2YWxpZGF0aW9uTWVzc2FnZXMud2FpdGluZyA6IFwi6YO15L6/55Wq5Y+344KS5qSc6Ki85Lit44Gn44GZ44CCXCJcblxuICAgIGNvbnN0IHdhdGluZ1ZhbGlkYXRpb24gPSAodmFsdWU6IFppcENvZGVWYWx1ZSk6IHN0cmluZyB8IGZhbHNlID0+IHtcbiAgICAgICAgaWYgKHZhbHVlLnN0YXR1cyA9PT0gXCJ3YWl0aW5nXCIpIHtcbiAgICAgICAgICAgIHJldHVybiB3YWl0aW5nTWVzc2FnZVxuICAgICAgICB9XG4gICAgICAgIHJldHVybiBmYWxzZVxuICAgIH1cblxuICAgIGNvbnN0IGNvbW1vbkN1c3RvbVZhbGlkYXRpb25zID0gW25vdFJlc3BvbnNlVmFsaWRhdGlvbiwgd2F0aW5nVmFsaWRhdGlvbiwgLi4uY3VzdG9tVmFsaWRhdGlvbnNdXG5cbiAgICBjb25zdCB2YWxpZGF0aW9uTGVmdCA9IHVzZVZhbGlkYXRpb24oe1xuICAgICAgICByZWY6IHppcENvZGVMZWZ0UmVmLFxuICAgICAgICB2YWxpZGF0aW9uTWVzc2FnZXMsXG4gICAgICAgIGN1c3RvbVZhbGlkYXRpb25zOiBjb21tb25DdXN0b21WYWxpZGF0aW9ucyxcbiAgICAgICAgdmFsdWVcbiAgICB9KVxuICAgIGNvbnN0IHZhbGlkYXRpb25SaWdodCA9IHVzZVZhbGlkYXRpb24oe1xuICAgICAgICByZWY6IHppcENvZGVSaWdodFJlZixcbiAgICAgICAgdmFsaWRhdGlvbk1lc3NhZ2VzLFxuICAgICAgICBjdXN0b21WYWxpZGF0aW9uczogY29tbW9uQ3VzdG9tVmFsaWRhdGlvbnMsXG4gICAgICAgIHZhbHVlXG4gICAgfSlcblxuICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9XG4gICAgICAgIChzZXROZXh0VmFsdWU6IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPHN0cmluZz4+KSA9PiAoZTogRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBjb25zdCBuZXh0VmFsdWUgPSBoYWxmV2lkdGhGb3JtKGUuY3VycmVudFRhcmdldC52YWx1ZSlcbiAgICAgICAgICAgIGlmIChuZXh0VmFsdWUgPT09IFwiXCIgfHwgaXNOdW1lcmljU3RyaW5nKG5leHRWYWx1ZSkpIHtcbiAgICAgICAgICAgICAgICBzZXROZXh0VmFsdWUobmV4dFZhbHVlKVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAoL15bMC05XXszfSQvLnRlc3QoemlwQ29kZUxlZnQpICYmIC9eWzAtOV17NH0kLy50ZXN0KHppcENvZGVSaWdodCkpIHtcbiAgICAgICAgICAgIHNldFZhbHVlKChwcmV2KSA9PiAoeyAuLi5wcmV2LCBzdGF0dXM6IFwid2FpdGluZ1wiIH0pKVxuICAgICAgICAgICAgIShhc3luYyBmdW5jdGlvbiAoKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgcmVzcG9uc2UgPSBhd2FpdCBmZXRjaEFkZHJlc3MoemlwQ29kZUxlZnQsIHppcENvZGVSaWdodClcbiAgICAgICAgICAgICAgICBzZXRWYWx1ZSh7IC4uLnJlc3BvbnNlLCBzdGF0dXM6IFwiZG9uZVwiIH0pXG4gICAgICAgICAgICB9KSgpXG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBzZXRWYWx1ZSh7IHppcENvZGVMZWZ0LCB6aXBDb2RlUmlnaHQsIHN0YXR1czogXCJcIiB9KVxuICAgICAgICB9XG4gICAgfSwgW3ppcENvZGVMZWZ0LCB6aXBDb2RlUmlnaHRdKVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKG9uQ2hhbmdlKSB7XG4gICAgICAgICAgICBvbkNoYW5nZSh2YWx1ZSlcbiAgICAgICAgfVxuICAgIH0sIFtvbkNoYW5nZSwgdmFsdWVdKVxuICAgIGNvbnN0IFt0b3VjaGVkLCBhZGRpdGlvbmFsUHJvcHNdID0gdXNlRGl0ZWN0SW5wdXRUb3VjaGVkKClcbiAgICByZXR1cm4gKFxuICAgICAgICA8Rm9ybUNvbnRyb2wgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHN0eWxlPXtzdHlsZX0+XG4gICAgICAgICAgICA8SW5wdXRMYWJlbCBhcmlhLWRpc2FibGVkPXtkaXNhYmxlZH0gcmVxdWlyZWQ9e3JlcXVpcmVkfT5cbiAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L0lucHV0TGFiZWw+XG4gICAgICAgICAgICA8TGF5b3V0LlJvdyBhbGlnbkl0ZW1zPVwiY2VudGVyXCIganVzdGlmeT1cImNlbnRlclwiIG5vd3JhcD5cbiAgICAgICAgICAgICAgICA8SW5wdXRCYXNlXG4gICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgICAgICAgICAgbmFtZT17YCR7bmFtZX1femlwQ29kZUxlZnRgfVxuICAgICAgICAgICAgICAgICAgICByZWY9e3ppcENvZGVMZWZ0UmVmfVxuICAgICAgICAgICAgICAgICAgICB2YWx1ZT17emlwQ29kZUxlZnR9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2Uoc2V0WmlwQ29kZUxlZnQpfVxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgICAgIHBhdHRlcm49XCJeWzAtOV0qJFwiXG4gICAgICAgICAgICAgICAgICAgIG1pbkxlbmd0aD17M31cbiAgICAgICAgICAgICAgICAgICAgbWF4TGVuZ3RoPXszfVxuICAgICAgICAgICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICAgICAgICAgIHJlYWRPbmx5PXtyZWFkT25seX1cbiAgICAgICAgICAgICAgICAgICAgZGF0YS1pbnZhbGlkPXshdmFsaWRhdGlvbkxlZnQudmFsaWR9XG4gICAgICAgICAgICAgICAgICAgIHsuLi5hZGRpdGlvbmFsUHJvcHN9XG4gICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogMHB4IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIC1cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgPElucHV0QmFzZVxuICAgICAgICAgICAgICAgICAgICBkYXRhLWludmFsaWQ9eyF2YWxpZGF0aW9uUmlnaHQudmFsaWR9XG4gICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgICAgICAgICAgbmFtZT17YCR7bmFtZX1femlwQ29kZVJpZ2h0YH1cbiAgICAgICAgICAgICAgICAgICAgcmVmPXt6aXBDb2RlUmlnaHRSZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2Uoc2V0WmlwQ29kZVJpZ2h0KX1cbiAgICAgICAgICAgICAgICAgICAgdmFsdWU9e3ppcENvZGVSaWdodH1cbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgICAgICBwYXR0ZXJuPVwiXlswLTldKiRcIlxuICAgICAgICAgICAgICAgICAgICBtaW5MZW5ndGg9ezR9XG4gICAgICAgICAgICAgICAgICAgIG1heExlbmd0aD17NH1cbiAgICAgICAgICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgICAgICAgICAgIHsuLi5hZGRpdGlvbmFsUHJvcHN9XG4gICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwiaGlkZGVuXCIgbmFtZT17YCR7bmFtZX1fcHJlZmVjdHVyZU5hbWVgfSBkZWZhdWx0VmFsdWU9e3ZhbHVlLnByZWZlY3R1cmVOYW1lfSAvPlxuICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwiaGlkZGVuXCIgbmFtZT17YCR7bmFtZX1fY2l0eU5hbWVgfSBkZWZhdWx0VmFsdWU9e3ZhbHVlLmNpdHlOYW1lfSAvPlxuICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwiaGlkZGVuXCIgbmFtZT17YCR7bmFtZX1fdG93bk5hbWVgfSBkZWZhdWx0VmFsdWU9e3ZhbHVlLnRvd25OYW1lfSAvPlxuICAgICAgICAgICAgPC9MYXlvdXQuUm93PlxuICAgICAgICAgICAge3RvdWNoZWQgJiYgKHZhbGlkYXRpb25MZWZ0Lm1lc3NhZ2UgfHwgdmFsaWRhdGlvblJpZ2h0Lm1lc3NhZ2UpID8gKFxuICAgICAgICAgICAgICAgIDxGb3JtSGVscGVyVGV4dCBib3R0b21HdXR0ZXI9e2JvdHRvbUd1dHRlcn0gaW52YWxpZD17IXZhbGlkYXRpb25MZWZ0LnZhbGlkIHx8ICF2YWxpZGF0aW9uUmlnaHQudmFsaWR9PlxuICAgICAgICAgICAgICAgICAgICB7dmFsdWUuc3RhdHVzID09PSBcIndhaXRpbmdcIiA/IDxMb2FkaW5nIC8+IDogdmFsaWRhdGlvbkxlZnQubWVzc2FnZSB8fCB2YWxpZGF0aW9uUmlnaHQubWVzc2FnZX1cbiAgICAgICAgICAgICAgICA8L0Zvcm1IZWxwZXJUZXh0PlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8Rm9ybUhlbHBlclRleHQgYm90dG9tR3V0dGVyPXtib3R0b21HdXR0ZXJ9IGludmFsaWQ9e2ludmFsaWR9PlxuICAgICAgICAgICAgICAgICAgICB7dHlwZW9mIGhlbHBlclRleHQgPT09IFwiZnVuY3Rpb25cIiA/IGhlbHBlclRleHQoeyB2YWx1ZSB9KSA6IGhlbHBlclRleHR9XG4gICAgICAgICAgICAgICAgPC9Gb3JtSGVscGVyVGV4dD5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvRm9ybUNvbnRyb2w+XG4gICAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref3 = process.env.NODE_ENV === "production" ? {
+  name: "82a6rk",
+  styles: "flex:1"
+} : {
+  name: "16hg9el-ZipCodeField",
+  styles: "flex:1;label:ZipCodeField;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9aaXBDb2RlRmllbGQvWmlwQ29kZUZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwTDRCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9aaXBDb2RlRmllbGQvWmlwQ29kZUZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZldGNoQWRkcmVzc1Jlc3BvbnNlLCBmZXRjaEFkZHJlc3MgfSBmcm9tIFwiLi4vQHV0aWxzL2ZldGNoQWRkcmVzc1wiXG5pbXBvcnQgeyBGaWVsZFByb3BzIH0gZnJvbSBcIi4uL1RleHRGaWVsZFwiXG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gXCIuLi9Gb3JtQ29udHJvbFwiXG5pbXBvcnQgeyBGb3JtSGVscGVyVGV4dCwgSW5wdXRCb3R0b21HdXR0ZXJQcm9wcyB9IGZyb20gXCIuLi9Gb3JtSGVscGVyVGV4dFwiXG5pbXBvcnQgeyBJbnB1dEJhc2UgfSBmcm9tIFwiLi4vSW5wdXRCYXNlXCJcbmltcG9ydCB7IElucHV0TGFiZWwgfSBmcm9tIFwiLi4vSW5wdXRMYWJlbFwiXG5pbXBvcnQgeyBMYXlvdXQgfSBmcm9tIFwiLi4vTGF5b3V0c1wiXG5pbXBvcnQgeyBMb2FkaW5nIH0gZnJvbSBcIi4uL0xvYWRpbmdcIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IGlzTnVtZXJpY1N0cmluZyB9IGZyb20gXCIuLi9AdXRpbHMvaXNOdW1lcmljU3RyaW5nXCJcbmltcG9ydCB7IHVzZURpdGVjdElucHV0VG91Y2hlZCB9IGZyb20gXCIuLi9UZXh0RmllbGQvdXNlRGl0ZWN0SW5wdXRUb3VjaGVkXCJcbmltcG9ydCB7IHVzZVZhbGlkYXRpb24gfSBmcm9tIFwiLi4vVGV4dEZpZWxkL3VzZVZhbGlkYXRpb25cIlxuaW1wb3J0IFJlYWN0LCB7IEZvcm1FdmVudCwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCJcblxuLyoqXG4gKiBDb252ZXJ0cyBgc3RyaW5nYCB0byBoYWxmLXdpZHRoIGZvcm1cbiAqXG4gKiBAY2F0ZWdvcnkgU3RyaW5nXG4gKiBAcGFyYW0ge3N0cmluZ30gW3N0cmluZz0nJ10gVGhlIHN0cmluZyB0byBjb252ZXJ0LlxuICogQHJldHVybnMge3N0cmluZ30gUmV0dXJucyB0aGUgaGFsZi13aWR0aCBmb3JtZWQgc3RyaW5nLlxuICogQGV4YW1wbGVcbiAqXG4gKiBoYWxmV2lkdGhGb3JtKCfvvKHvvYHvvYHvvJDvvJLvvJPjgYLjgYTjgYYwOTIzQWJzZWUnKVxuICogLy8gPT4gJ0FhYTAyM+OBguOBhOOBhjA5MjNBYnNlZSdcbiAqXG4gKi9cbmV4cG9ydCBjb25zdCBoYWxmV2lkdGhGb3JtID0gKHN0cjogc3RyaW5nKTogc3RyaW5nID0+IHtcbiAgICByZXR1cm4gc3RyLnJlcGxhY2UoL1vvvKEt77y6772BLe+9mu+8kC3vvJldL2csIChzKSA9PiBTdHJpbmcuZnJvbUNoYXJDb2RlKHMuY2hhckNvZGVBdCgwKSAtIDY1MjQ4KSlcbn1cblxuZXhwb3J0IGludGVyZmFjZSBaaXBDb2RlVmFsdWUgZXh0ZW5kcyBGZXRjaEFkZHJlc3NSZXNwb25zZSB7XG4gICAgc3RhdHVzPzogXCJcIiB8IFwid2FpdGluZ1wiIHwgXCJkb25lXCJcbn1cbmV4cG9ydCB0eXBlIFppcENvZGVGaWVsZFByb3BzID0gRmllbGRQcm9wczxaaXBDb2RlVmFsdWU+ICYge1xuICAgIC8qKlxuICAgICAqIFppcENvZGVGaWVsZOOBruOBv+OAgW5vdFJlc3BvbnNl44GM5a2Y5Zyo44GX44G+44GZ44CC44GT44KM44GvYHByZWZlY3R1cmVOYW1lYOOCkuWPluW+l+OBp+OBjeOBquOBi+OBo+OBn+WgtOWQiOOBq+eZuueBq+OBl+OBvuOBmeOAglxuICAgICAqL1xuICAgIHZhbGlkYXRpb25NZXNzYWdlcz86IHtcbiAgICAgICAgW2tleSBpbiBrZXlvZiBWYWxpZGl0eVN0YXRlIHwgXCJub3RSZXNwb25zZVwiIHwgXCJ3YWl0aW5nXCJdPzogc3RyaW5nXG4gICAgfVxufSAmIE9taXQ8UmVhY3QuSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgXCJjc3NcIiB8IFwiZGVmYXVsdFZhbHVlXCIgfCBcInZhbHVlXCIgfCBcIm9uQ2hhbmdlXCI+ICZcbiAgICBJbnB1dEJvdHRvbUd1dHRlclByb3BzXG4vKipcbiAqIOaXpeacrOOBrumDteS+v+eVquWPt+OBruWFpeWKm+OCkuOCteODneODvOODiOOBqOOBl+OBn+WFpeWKm+ODleOCqeODvOODoOOAglxuICpcbiAqICMjIyBaaXBDb2RlRmllbGRQcm9wcy52YWx1ZVxuICpcbiAqIGBgYHRzeFxuICogaW50ZXJmYWNlIFppcENvZGVWYWx1ZSB7XG4gKiAgemlwQ29kZUxlZnQ6IHN0cmluZ1xuICogIHppcENvZGVSaWdodDogc3RyaW5nXG4gKiAgcHJlZmVjdHVyZU5hbWU/OiBzdHJpbmdcbiAqICBjaXR5TmFtZT86IHN0cmluZ1xuICogIHRvd25OYW1lPzogc3RyaW5nXG4gKiB9XG4gKiBgYGBcbiAqXG4gKiB2YWx1ZeOBr+mDteS+v+eVquWPt+OBruW3pjPmoYHjgpLooajjgZl6aXBDb2RlTGVmdOOAgeWPszTmoYHjgpLooajjgZl6aXBDb2RlUmlnaHTjgpLlv4XpoIjjgajjgZfjgabjgqrjg5bjgrjjgqfjgq/jg4jjgafjgZnjgIJcbiAqIOWFpeWKm+OBleOCjOOBn3ppcENvZGVMZWZ05Y+K44GzemlwQ29kZVJpZ2h044KS5YWD44Gr55yM5ZCNcHJlZmVjdHVyZU5hbWUsIOW4guWQjWNpdHlOYW1lLCDnlLrlkI10b3duTmFtZeOCkuWPluW+l+OBl+OAgee1kOaenOOCkui/lOOBl+OBvuOBmeOAglxuICpcbiAqICMjIyDjgqLjg7PjgrPjg7Pjg4jjg63jg7zjg6vjgadGb3Jt6KaB57Sg44KS5Yip55So44GZ44KL5aC05ZCIXG4gKlxuICog5L2P5omA44Gv6Z2e5ZCM5pyf44Gn5Y+W5b6X44GV44KM44KL44Gf44KB44CBRm9ybeOBrmNoYW5nZeOCpOODmeODs+ODiOOBjOeZuueBq+OBl+OBn+OCv+OCpOODn+ODs+OCsOOBp+OBr+WPluW+l+OBp+OBjeOBvuOBm+OCk+OAglxuICog5L2P5omA44Gu5Y+W5b6X44GM5L+d6Ki844GV44KM44Gm44GE44KL54q25oWL44Gn44CBY2hhbmdl44Kk44OZ44Oz44OI44KS55m654Gr44GV44Gb44KL5b+F6KaB44GM44GC44KK44G+44GZ44CCXG4gKlxuICog44Gd44Gu44Gf44KBRm9ybeWGheOBrklucHV06KaB57Sg44GM57eo6ZuG44GV44KM44KL5bqm44GrSFRUUCBSZXF1ZXN044KS44Gq44GS44KL44KI44GG44Gq5a6f6KOF44Gv6Zuj44GX44GE44Gn44GZ44GM44CBXG4gKiDjg5zjgr/jg7PjgpLmirzjgZdzdWJtaXTjgZfjgabjgYvjgolIVFRQIFJlcXVlc3TjgpLjgarjgZLjgovjgojjgYbjgarlrp/oo4XjgafjgYLjgozjgbDjgIFcbiAqIFppcENvZGVGaWVsZFByb3BzLnZhbGlkYXRpb25NZXNzYWdlcy53YWl0aW5n44GL44KJ44Oh44OD44K744O844K444KS5aSJ5pu044Gn44GN44KL44Kr44K544K/44Og44OQ44Oq44OH44O844K344On44Oz44GM5a2Y5Zyo44GX44CBXG4gKiBzdWJtaXTjgZXjgozjgZrjgqjjg6njg7zjgYzlh7rlipvjgZXjgozjgovjgZ/jgoHjgIHkvY/miYDjga7lj5blvpfjgpLkv53oqLzjgafjgY3jgb7jgZnjgIJcbiAqXG4gKiBb44K144Oz44OX44OrXSgvP3BhdGg9L2RvY3MvaW5wdXRzLXppcGNvZGVmaWVsZC0tZm9ybS11c2FnZSlcbiAqL1xuZXhwb3J0IGNvbnN0IFppcENvZGVGaWVsZCA9ICh7XG4gICAgbGFiZWwsXG4gICAgb25DaGFuZ2UsXG4gICAgdmFsaWRhdGlvbk1lc3NhZ2VzLFxuICAgIGN1c3RvbVZhbGlkYXRpb25zID0gW10sXG4gICAgc3R5bGUsXG4gICAgY2xhc3NOYW1lLFxuICAgIGRpc2FibGVkLFxuICAgIHJlYWRPbmx5LFxuICAgIHJlcXVpcmVkLFxuICAgIHZhbHVlOiBwcm9wc1ZhbHVlLFxuICAgIG5hbWUsXG4gICAgZGVmYXVsdFZhbHVlLFxuICAgIGJvdHRvbUd1dHRlcixcbiAgICBoZWxwZXJUZXh0LFxuICAgIGludmFsaWRcbn06IFppcENvZGVGaWVsZFByb3BzKSA9PiB7XG4gICAgY29uc3QgemlwQ29kZUxlZnRSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbClcbiAgICBjb25zdCB6aXBDb2RlUmlnaHRSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbClcbiAgICBjb25zdCBbemlwQ29kZUxlZnQsIHNldFppcENvZGVMZWZ0XSA9IHVzZVN0YXRlKFxuICAgICAgICBwcm9wc1ZhbHVlID8gcHJvcHNWYWx1ZS56aXBDb2RlTGVmdCA6IGRlZmF1bHRWYWx1ZSA/IGRlZmF1bHRWYWx1ZS56aXBDb2RlTGVmdCA6IFwiXCJcbiAgICApXG4gICAgY29uc3QgW3ppcENvZGVSaWdodCwgc2V0WmlwQ29kZVJpZ2h0XSA9IHVzZVN0YXRlKFxuICAgICAgICBwcm9wc1ZhbHVlID8gcHJvcHNWYWx1ZS56aXBDb2RlUmlnaHQgOiBkZWZhdWx0VmFsdWUgPyBkZWZhdWx0VmFsdWUuemlwQ29kZVJpZ2h0IDogXCJcIlxuICAgIClcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlPFppcENvZGVWYWx1ZT4oe1xuICAgICAgICB6aXBDb2RlTGVmdDogXCJcIixcbiAgICAgICAgemlwQ29kZVJpZ2h0OiBcIlwiLFxuICAgICAgICBzdGF0dXM6IFwiXCJcbiAgICB9KVxuXG4gICAgY29uc3Qgbm90UmVzcG9uc2UgPVxuICAgICAgICB2YWxpZGF0aW9uTWVzc2FnZXMgJiYgdmFsaWRhdGlvbk1lc3NhZ2VzLm5vdFJlc3BvbnNlXG4gICAgICAgICAgICA/IHZhbGlkYXRpb25NZXNzYWdlcy5ub3RSZXNwb25zZVxuICAgICAgICAgICAgOiBcIumDteS+v+eVquWPt+OBq+WvvuW/nOOBmeOCi+S9j+aJgOOBjOimi+OBpOOBi+OCiuOBvuOBm+OCk+OAglwiXG5cbiAgICBjb25zdCBub3RSZXNwb25zZVZhbGlkYXRpb24gPSAodmFsdWU6IFppcENvZGVWYWx1ZSk6IHN0cmluZyB8IGZhbHNlID0+IHtcbiAgICAgICAgaWYgKC9eWzAtOV17M30kLy50ZXN0KHZhbHVlLnppcENvZGVMZWZ0KSAmJiAvXlswLTldezR9JC8udGVzdCh2YWx1ZS56aXBDb2RlUmlnaHQpICYmICF2YWx1ZS5wcmVmZWN0dXJlTmFtZSkge1xuICAgICAgICAgICAgcmV0dXJuIG5vdFJlc3BvbnNlXG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGZhbHNlXG4gICAgfVxuXG4gICAgY29uc3Qgd2FpdGluZ01lc3NhZ2UgPVxuICAgICAgICB2YWxpZGF0aW9uTWVzc2FnZXMgJiYgdmFsaWRhdGlvbk1lc3NhZ2VzLndhaXRpbmcgPyB2YWxpZGF0aW9uTWVzc2FnZXMud2FpdGluZyA6IFwi6YO15L6/55Wq5Y+344KS5qSc6Ki85Lit44Gn44GZ44CCXCJcblxuICAgIGNvbnN0IHdhdGluZ1ZhbGlkYXRpb24gPSAodmFsdWU6IFppcENvZGVWYWx1ZSk6IHN0cmluZyB8IGZhbHNlID0+IHtcbiAgICAgICAgaWYgKHZhbHVlLnN0YXR1cyA9PT0gXCJ3YWl0aW5nXCIpIHtcbiAgICAgICAgICAgIHJldHVybiB3YWl0aW5nTWVzc2FnZVxuICAgICAgICB9XG4gICAgICAgIHJldHVybiBmYWxzZVxuICAgIH1cblxuICAgIGNvbnN0IGNvbW1vbkN1c3RvbVZhbGlkYXRpb25zID0gW25vdFJlc3BvbnNlVmFsaWRhdGlvbiwgd2F0aW5nVmFsaWRhdGlvbiwgLi4uY3VzdG9tVmFsaWRhdGlvbnNdXG5cbiAgICBjb25zdCB2YWxpZGF0aW9uTGVmdCA9IHVzZVZhbGlkYXRpb24oe1xuICAgICAgICByZWY6IHppcENvZGVMZWZ0UmVmLFxuICAgICAgICB2YWxpZGF0aW9uTWVzc2FnZXMsXG4gICAgICAgIGN1c3RvbVZhbGlkYXRpb25zOiBjb21tb25DdXN0b21WYWxpZGF0aW9ucyxcbiAgICAgICAgdmFsdWVcbiAgICB9KVxuICAgIGNvbnN0IHZhbGlkYXRpb25SaWdodCA9IHVzZVZhbGlkYXRpb24oe1xuICAgICAgICByZWY6IHppcENvZGVSaWdodFJlZixcbiAgICAgICAgdmFsaWRhdGlvbk1lc3NhZ2VzLFxuICAgICAgICBjdXN0b21WYWxpZGF0aW9uczogY29tbW9uQ3VzdG9tVmFsaWRhdGlvbnMsXG4gICAgICAgIHZhbHVlXG4gICAgfSlcblxuICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9XG4gICAgICAgIChzZXROZXh0VmFsdWU6IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPHN0cmluZz4+KSA9PiAoZTogRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBjb25zdCBuZXh0VmFsdWUgPSBoYWxmV2lkdGhGb3JtKGUuY3VycmVudFRhcmdldC52YWx1ZSlcbiAgICAgICAgICAgIGlmIChuZXh0VmFsdWUgPT09IFwiXCIgfHwgaXNOdW1lcmljU3RyaW5nKG5leHRWYWx1ZSkpIHtcbiAgICAgICAgICAgICAgICBzZXROZXh0VmFsdWUobmV4dFZhbHVlKVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAoL15bMC05XXszfSQvLnRlc3QoemlwQ29kZUxlZnQpICYmIC9eWzAtOV17NH0kLy50ZXN0KHppcENvZGVSaWdodCkpIHtcbiAgICAgICAgICAgIHNldFZhbHVlKChwcmV2KSA9PiAoeyAuLi5wcmV2LCBzdGF0dXM6IFwid2FpdGluZ1wiIH0pKVxuICAgICAgICAgICAgIShhc3luYyBmdW5jdGlvbiAoKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgcmVzcG9uc2UgPSBhd2FpdCBmZXRjaEFkZHJlc3MoemlwQ29kZUxlZnQsIHppcENvZGVSaWdodClcbiAgICAgICAgICAgICAgICBzZXRWYWx1ZSh7IC4uLnJlc3BvbnNlLCBzdGF0dXM6IFwiZG9uZVwiIH0pXG4gICAgICAgICAgICB9KSgpXG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBzZXRWYWx1ZSh7IHppcENvZGVMZWZ0LCB6aXBDb2RlUmlnaHQsIHN0YXR1czogXCJcIiB9KVxuICAgICAgICB9XG4gICAgfSwgW3ppcENvZGVMZWZ0LCB6aXBDb2RlUmlnaHRdKVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKG9uQ2hhbmdlKSB7XG4gICAgICAgICAgICBvbkNoYW5nZSh2YWx1ZSlcbiAgICAgICAgfVxuICAgIH0sIFtvbkNoYW5nZSwgdmFsdWVdKVxuICAgIGNvbnN0IFt0b3VjaGVkLCBhZGRpdGlvbmFsUHJvcHNdID0gdXNlRGl0ZWN0SW5wdXRUb3VjaGVkKClcbiAgICByZXR1cm4gKFxuICAgICAgICA8Rm9ybUNvbnRyb2wgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHN0eWxlPXtzdHlsZX0+XG4gICAgICAgICAgICA8SW5wdXRMYWJlbCBhcmlhLWRpc2FibGVkPXtkaXNhYmxlZH0gcmVxdWlyZWQ9e3JlcXVpcmVkfT5cbiAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L0lucHV0TGFiZWw+XG4gICAgICAgICAgICA8TGF5b3V0LlJvdyBhbGlnbkl0ZW1zPVwiY2VudGVyXCIganVzdGlmeT1cImNlbnRlclwiIG5vd3JhcD5cbiAgICAgICAgICAgICAgICA8SW5wdXRCYXNlXG4gICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgICAgICAgICAgbmFtZT17YCR7bmFtZX1femlwQ29kZUxlZnRgfVxuICAgICAgICAgICAgICAgICAgICByZWY9e3ppcENvZGVMZWZ0UmVmfVxuICAgICAgICAgICAgICAgICAgICB2YWx1ZT17emlwQ29kZUxlZnR9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2Uoc2V0WmlwQ29kZUxlZnQpfVxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgICAgIHBhdHRlcm49XCJeWzAtOV0qJFwiXG4gICAgICAgICAgICAgICAgICAgIG1pbkxlbmd0aD17M31cbiAgICAgICAgICAgICAgICAgICAgbWF4TGVuZ3RoPXszfVxuICAgICAgICAgICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICAgICAgICAgIHJlYWRPbmx5PXtyZWFkT25seX1cbiAgICAgICAgICAgICAgICAgICAgZGF0YS1pbnZhbGlkPXshdmFsaWRhdGlvbkxlZnQudmFsaWR9XG4gICAgICAgICAgICAgICAgICAgIHsuLi5hZGRpdGlvbmFsUHJvcHN9XG4gICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogMHB4IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIC1cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgPElucHV0QmFzZVxuICAgICAgICAgICAgICAgICAgICBkYXRhLWludmFsaWQ9eyF2YWxpZGF0aW9uUmlnaHQudmFsaWR9XG4gICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgICAgICAgICAgbmFtZT17YCR7bmFtZX1femlwQ29kZVJpZ2h0YH1cbiAgICAgICAgICAgICAgICAgICAgcmVmPXt6aXBDb2RlUmlnaHRSZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2Uoc2V0WmlwQ29kZVJpZ2h0KX1cbiAgICAgICAgICAgICAgICAgICAgdmFsdWU9e3ppcENvZGVSaWdodH1cbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgICAgICBwYXR0ZXJuPVwiXlswLTldKiRcIlxuICAgICAgICAgICAgICAgICAgICBtaW5MZW5ndGg9ezR9XG4gICAgICAgICAgICAgICAgICAgIG1heExlbmd0aD17NH1cbiAgICAgICAgICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgICAgICAgICAgIHsuLi5hZGRpdGlvbmFsUHJvcHN9XG4gICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwiaGlkZGVuXCIgbmFtZT17YCR7bmFtZX1fcHJlZmVjdHVyZU5hbWVgfSBkZWZhdWx0VmFsdWU9e3ZhbHVlLnByZWZlY3R1cmVOYW1lfSAvPlxuICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwiaGlkZGVuXCIgbmFtZT17YCR7bmFtZX1fY2l0eU5hbWVgfSBkZWZhdWx0VmFsdWU9e3ZhbHVlLmNpdHlOYW1lfSAvPlxuICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwiaGlkZGVuXCIgbmFtZT17YCR7bmFtZX1fdG93bk5hbWVgfSBkZWZhdWx0VmFsdWU9e3ZhbHVlLnRvd25OYW1lfSAvPlxuICAgICAgICAgICAgPC9MYXlvdXQuUm93PlxuICAgICAgICAgICAge3RvdWNoZWQgJiYgKHZhbGlkYXRpb25MZWZ0Lm1lc3NhZ2UgfHwgdmFsaWRhdGlvblJpZ2h0Lm1lc3NhZ2UpID8gKFxuICAgICAgICAgICAgICAgIDxGb3JtSGVscGVyVGV4dCBib3R0b21HdXR0ZXI9e2JvdHRvbUd1dHRlcn0gaW52YWxpZD17IXZhbGlkYXRpb25MZWZ0LnZhbGlkIHx8ICF2YWxpZGF0aW9uUmlnaHQudmFsaWR9PlxuICAgICAgICAgICAgICAgICAgICB7dmFsdWUuc3RhdHVzID09PSBcIndhaXRpbmdcIiA/IDxMb2FkaW5nIC8+IDogdmFsaWRhdGlvbkxlZnQubWVzc2FnZSB8fCB2YWxpZGF0aW9uUmlnaHQubWVzc2FnZX1cbiAgICAgICAgICAgICAgICA8L0Zvcm1IZWxwZXJUZXh0PlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8Rm9ybUhlbHBlclRleHQgYm90dG9tR3V0dGVyPXtib3R0b21HdXR0ZXJ9IGludmFsaWQ9e2ludmFsaWR9PlxuICAgICAgICAgICAgICAgICAgICB7dHlwZW9mIGhlbHBlclRleHQgPT09IFwiZnVuY3Rpb25cIiA/IGhlbHBlclRleHQoeyB2YWx1ZSB9KSA6IGhlbHBlclRleHR9XG4gICAgICAgICAgICAgICAgPC9Gb3JtSGVscGVyVGV4dD5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvRm9ybUNvbnRyb2w+XG4gICAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+/**
+ * 日本の郵便番号の入力をサポートとした入力フォーム。
+ *
+ * ### ZipCodeFieldProps.value
+ *
+ * ```tsx
+ * interface ZipCodeValue {
+ *  zipCodeLeft: string
+ *  zipCodeRight: string
+ *  prefectureName?: string
+ *  cityName?: string
+ *  townName?: string
+ * }
+ * ```
+ *
+ * valueは郵便番号の左3桁を表すzipCodeLeft、右4桁を表すzipCodeRightを必須としてオブジェクトです。
+ * 入力されたzipCodeLeft及びzipCodeRightを元に県名prefectureName, 市名cityName, 町名townNameを取得し、結果を返します。
+ *
+ * ### アンコントロールでForm要素を利用する場合
+ *
+ * 住所は非同期で取得されるため、Formのchangeイベントが発火したタイミングでは取得できません。
+ * 住所の取得が保証されている状態で、changeイベントを発火させる必要があります。
+ *
+ * そのためForm内のInput要素が編集される度にHTTP Requestをなげるような実装は難しいですが、
+ * ボタンを押しsubmitしてからHTTP Requestをなげるような実装であれば、
+ * ZipCodeFieldProps.validationMessages.waitingからメッセージを変更できるカスタムバリデーションが存在し、
+ * submitされずエラーが出力されるため、住所の取得を保証できます。
+ *
+ * [サンプル](/?path=/docs/inputs-zipcodefield--form-usage)
+ */
+export var ZipCodeField = _ref4 => {
+  var {
+    label,
+    onChange,
+    validationMessages,
+    customValidations = [],
+    style,
+    className,
+    disabled,
+    readOnly,
+    required,
+    value: propsValue,
+    name,
+    defaultValue,
+    bottomGutter,
+    helperText,
+    invalid
+  } = _ref4;
+  var zipCodeLeftRef = useRef(null);
+  var zipCodeRightRef = useRef(null);
+  var [zipCodeLeft, setZipCodeLeft] = useState(propsValue ? propsValue.zipCodeLeft : defaultValue ? defaultValue.zipCodeLeft : "");
+  var [zipCodeRight, setZipCodeRight] = useState(propsValue ? propsValue.zipCodeRight : defaultValue ? defaultValue.zipCodeRight : "");
+  var [value, setValue] = useState({
+    zipCodeLeft: "",
+    zipCodeRight: "",
+    status: ""
+  });
+  var notResponse = validationMessages && validationMessages.notResponse ? validationMessages.notResponse : "郵便番号に対応する住所が見つかりません。";
+
+  var notResponseValidation = value => {
+    if (/^[0-9]{3}$/.test(value.zipCodeLeft) && /^[0-9]{4}$/.test(value.zipCodeRight) && !value.prefectureName) {
+      return notResponse;
+    }
+
+    return false;
+  };
+
+  var waitingMessage = validationMessages && validationMessages.waiting ? validationMessages.waiting : "郵便番号を検証中です。";
+
+  var watingValidation = value => {
+    if (value.status === "waiting") {
+      return waitingMessage;
+    }
+
+    return false;
+  };
+
+  var commonCustomValidations = [notResponseValidation, watingValidation, ...customValidations];
+  var validationLeft = useValidation({
+    ref: zipCodeLeftRef,
+    validationMessages,
+    customValidations: commonCustomValidations,
+    value
+  });
+  var validationRight = useValidation({
+    ref: zipCodeRightRef,
+    validationMessages,
+    customValidations: commonCustomValidations,
+    value
+  });
+
+  var handleChange = setNextValue => e => {
+    var nextValue = halfWidthForm(e.currentTarget.value);
+
+    if (nextValue === "" || isNumericString(nextValue)) {
+      setNextValue(nextValue);
+    }
+  };
+
+  useEffect(() => {
+    if (/^[0-9]{3}$/.test(zipCodeLeft) && /^[0-9]{4}$/.test(zipCodeRight)) {
+      setValue(prev => _objectSpread(_objectSpread({}, prev), {}, {
+        status: "waiting"
+      }));
+      !_asyncToGenerator(function* () {
+        var response = yield fetchAddress(zipCodeLeft, zipCodeRight);
+        setValue(_objectSpread(_objectSpread({}, response), {}, {
+          status: "done"
+        }));
+      })();
+    } else {
+      setValue({
+        zipCodeLeft,
+        zipCodeRight,
+        status: ""
+      });
+    }
+  }, [zipCodeLeft, zipCodeRight]);
+  useEffect(() => {
+    if (onChange) {
+      onChange(value);
+    }
+  }, [onChange, value]);
+  var [touched, additionalProps] = useDitectInputTouched();
+  return ___EmotionJSX(FormControl, {
+    className: className,
+    style: style
+  }, ___EmotionJSX(InputLabel, {
+    "aria-disabled": disabled,
+    required: required
+  }, label), ___EmotionJSX(Layout.Row, {
+    alignItems: "center",
+    justify: "center",
+    nowrap: true
+  }, ___EmotionJSX(InputBase, _extends({
+    disabled: disabled,
+    name: "".concat(name, "_zipCodeLeft"),
+    ref: zipCodeLeftRef,
+    value: zipCodeLeft,
+    onChange: handleChange(setZipCodeLeft),
+    type: "text",
+    pattern: "^[0-9]*$",
+    minLength: 3,
+    maxLength: 3,
+    required: required,
+    readOnly: readOnly,
+    "data-invalid": !validationLeft.valid
+  }, additionalProps, {
+    css: _ref3
+  })), ___EmotionJSX("span", {
+    css: _ref2
+  }, "-"), ___EmotionJSX(InputBase, _extends({
+    "data-invalid": !validationRight.valid,
+    disabled: disabled,
+    name: "".concat(name, "_zipCodeRight"),
+    ref: zipCodeRightRef,
+    onChange: handleChange(setZipCodeRight),
+    value: zipCodeRight,
+    type: "text",
+    pattern: "^[0-9]*$",
+    minLength: 4,
+    maxLength: 4,
+    required: required,
+    readOnly: readOnly
+  }, additionalProps, {
+    css: _ref
+  })), ___EmotionJSX("input", {
+    type: "hidden",
+    name: "".concat(name, "_prefectureName"),
+    defaultValue: value.prefectureName
+  }), ___EmotionJSX("input", {
+    type: "hidden",
+    name: "".concat(name, "_cityName"),
+    defaultValue: value.cityName
+  }), ___EmotionJSX("input", {
+    type: "hidden",
+    name: "".concat(name, "_townName"),
+    defaultValue: value.townName
+  })), touched && (validationLeft.message || validationRight.message) ? ___EmotionJSX(FormHelperText, {
+    bottomGutter: bottomGutter,
+    invalid: !validationLeft.valid || !validationRight.valid
+  }, value.status === "waiting" ? ___EmotionJSX(Loading, null) : validationLeft.message || validationRight.message) : ___EmotionJSX(FormHelperText, {
+    bottomGutter: bottomGutter,
+    invalid: invalid
+  }, typeof helperText === "function" ? helperText({
+    value
+  }) : helperText));
+};
+//# sourceMappingURL=ZipCodeField.js.map

package/dist/esm/ZipCodeField/ZipCodeField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ZipCodeField/ZipCodeField.tsx"],"names":["fetchAddress","FormControl","FormHelperText","InputBase","InputLabel","Layout","Loading","css","isNumericString","useDitectInputTouched","useValidation","React","useEffect","useRef","useState","halfWidthForm","str","replace","s","String","fromCharCode","charCodeAt","ZipCodeField","label","onChange","validationMessages","customValidations","style","className","disabled","readOnly","required","value","propsValue","name","defaultValue","bottomGutter","helperText","invalid","zipCodeLeftRef","zipCodeRightRef","zipCodeLeft","setZipCodeLeft","zipCodeRight","setZipCodeRight","setValue","status","notResponse","notResponseValidation","test","prefectureName","waitingMessage","waiting","watingValidation","commonCustomValidations","validationLeft","ref","validationRight","handleChange","setNextValue","e","nextValue","currentTarget","prev","response","touched","additionalProps","valid","cityName","townName","message"],"mappings":"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","sourcesContent":["import { FetchAddressResponse, fetchAddress } from \"../@utils/fetchAddress\"\nimport { FieldProps } from \"../TextField\"\nimport { FormControl } from \"../FormControl\"\nimport { FormHelperText, InputBottomGutterProps } from \"../FormHelperText\"\nimport { InputBase } from \"../InputBase\"\nimport { InputLabel } from \"../InputLabel\"\nimport { Layout } from \"../Layouts\"\nimport { Loading } from \"../Loading\"\nimport { css } from \"@emotion/react\"\nimport { isNumericString } from \"../@utils/isNumericString\"\nimport { useDitectInputTouched } from \"../TextField/useDitectInputTouched\"\nimport { useValidation } from \"../TextField/useValidation\"\nimport React, { FormEvent, useEffect, useRef, useState } from \"react\"\n\n/**\n * Converts `string` to half-width form\n *\n * @category String\n * @param {string} [string=''] The string to convert.\n * @returns {string} Returns the half-width formed string.\n * @example\n *\n * halfWidthForm('Ａａａ０２３あいう0923Absee')\n * // => 'Aaa023あいう0923Absee'\n *\n */\nexport const halfWidthForm = (str: string): string => {\n    return str.replace(/[Ａ-Ｚａ-ｚ０-９]/g, (s) => String.fromCharCode(s.charCodeAt(0) - 65248))\n}\n\nexport interface ZipCodeValue extends FetchAddressResponse {\n    status?: \"\" | \"waiting\" | \"done\"\n}\nexport type ZipCodeFieldProps = FieldProps<ZipCodeValue> & {\n    /**\n     * ZipCodeFieldのみ、notResponseが存在します。これは`prefectureName`を取得できなかった場合に発火します。\n     */\n    validationMessages?: {\n        [key in keyof ValidityState | \"notResponse\" | \"waiting\"]?: string\n    }\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, \"css\" | \"defaultValue\" | \"value\" | \"onChange\"> &\n    InputBottomGutterProps\n/**\n * 日本の郵便番号の入力をサポートとした入力フォーム。\n *\n * ### ZipCodeFieldProps.value\n *\n * ```tsx\n * interface ZipCodeValue {\n *  zipCodeLeft: string\n *  zipCodeRight: string\n *  prefectureName?: string\n *  cityName?: string\n *  townName?: string\n * }\n * ```\n *\n * valueは郵便番号の左3桁を表すzipCodeLeft、右4桁を表すzipCodeRightを必須としてオブジェクトです。\n * 入力されたzipCodeLeft及びzipCodeRightを元に県名prefectureName, 市名cityName, 町名townNameを取得し、結果を返します。\n *\n * ### アンコントロールでForm要素を利用する場合\n *\n * 住所は非同期で取得されるため、Formのchangeイベントが発火したタイミングでは取得できません。\n * 住所の取得が保証されている状態で、changeイベントを発火させる必要があります。\n *\n * そのためForm内のInput要素が編集される度にHTTP Requestをなげるような実装は難しいですが、\n * ボタンを押しsubmitしてからHTTP Requestをなげるような実装であれば、\n * ZipCodeFieldProps.validationMessages.waitingからメッセージを変更できるカスタムバリデーションが存在し、\n * submitされずエラーが出力されるため、住所の取得を保証できます。\n *\n * [サンプル](/?path=/docs/inputs-zipcodefield--form-usage)\n */\nexport const ZipCodeField = ({\n    label,\n    onChange,\n    validationMessages,\n    customValidations = [],\n    style,\n    className,\n    disabled,\n    readOnly,\n    required,\n    value: propsValue,\n    name,\n    defaultValue,\n    bottomGutter,\n    helperText,\n    invalid\n}: ZipCodeFieldProps) => {\n    const zipCodeLeftRef = useRef<HTMLInputElement>(null)\n    const zipCodeRightRef = useRef<HTMLInputElement>(null)\n    const [zipCodeLeft, setZipCodeLeft] = useState(\n        propsValue ? propsValue.zipCodeLeft : defaultValue ? defaultValue.zipCodeLeft : \"\"\n    )\n    const [zipCodeRight, setZipCodeRight] = useState(\n        propsValue ? propsValue.zipCodeRight : defaultValue ? defaultValue.zipCodeRight : \"\"\n    )\n    const [value, setValue] = useState<ZipCodeValue>({\n        zipCodeLeft: \"\",\n        zipCodeRight: \"\",\n        status: \"\"\n    })\n\n    const notResponse =\n        validationMessages && validationMessages.notResponse\n            ? validationMessages.notResponse\n            : \"郵便番号に対応する住所が見つかりません。\"\n\n    const notResponseValidation = (value: ZipCodeValue): string | false => {\n        if (/^[0-9]{3}$/.test(value.zipCodeLeft) && /^[0-9]{4}$/.test(value.zipCodeRight) && !value.prefectureName) {\n            return notResponse\n        }\n        return false\n    }\n\n    const waitingMessage =\n        validationMessages && validationMessages.waiting ? validationMessages.waiting : \"郵便番号を検証中です。\"\n\n    const watingValidation = (value: ZipCodeValue): string | false => {\n        if (value.status === \"waiting\") {\n            return waitingMessage\n        }\n        return false\n    }\n\n    const commonCustomValidations = [notResponseValidation, watingValidation, ...customValidations]\n\n    const validationLeft = useValidation({\n        ref: zipCodeLeftRef,\n        validationMessages,\n        customValidations: commonCustomValidations,\n        value\n    })\n    const validationRight = useValidation({\n        ref: zipCodeRightRef,\n        validationMessages,\n        customValidations: commonCustomValidations,\n        value\n    })\n\n    const handleChange =\n        (setNextValue: React.Dispatch<React.SetStateAction<string>>) => (e: FormEvent<HTMLInputElement>) => {\n            const nextValue = halfWidthForm(e.currentTarget.value)\n            if (nextValue === \"\" || isNumericString(nextValue)) {\n                setNextValue(nextValue)\n            }\n        }\n\n    useEffect(() => {\n        if (/^[0-9]{3}$/.test(zipCodeLeft) && /^[0-9]{4}$/.test(zipCodeRight)) {\n            setValue((prev) => ({ ...prev, status: \"waiting\" }))\n            !(async function () {\n                const response = await fetchAddress(zipCodeLeft, zipCodeRight)\n                setValue({ ...response, status: \"done\" })\n            })()\n        } else {\n            setValue({ zipCodeLeft, zipCodeRight, status: \"\" })\n        }\n    }, [zipCodeLeft, zipCodeRight])\n\n    useEffect(() => {\n        if (onChange) {\n            onChange(value)\n        }\n    }, [onChange, value])\n    const [touched, additionalProps] = useDitectInputTouched()\n    return (\n        <FormControl className={className} style={style}>\n            <InputLabel aria-disabled={disabled} required={required}>\n                {label}\n            </InputLabel>\n            <Layout.Row alignItems=\"center\" justify=\"center\" nowrap>\n                <InputBase\n                    disabled={disabled}\n                    name={`${name}_zipCodeLeft`}\n                    ref={zipCodeLeftRef}\n                    value={zipCodeLeft}\n                    onChange={handleChange(setZipCodeLeft)}\n                    type=\"text\"\n                    pattern=\"^[0-9]*$\"\n                    minLength={3}\n                    maxLength={3}\n                    required={required}\n                    readOnly={readOnly}\n                    data-invalid={!validationLeft.valid}\n                    {...additionalProps}\n                    css={css`\n                        flex: 1;\n                    `}\n                />\n                <span\n                    css={css`\n                        padding: 0px 0.5rem;\n                    `}\n                >\n                    -\n                </span>\n                <InputBase\n                    data-invalid={!validationRight.valid}\n                    disabled={disabled}\n                    name={`${name}_zipCodeRight`}\n                    ref={zipCodeRightRef}\n                    onChange={handleChange(setZipCodeRight)}\n                    value={zipCodeRight}\n                    type=\"text\"\n                    pattern=\"^[0-9]*$\"\n                    minLength={4}\n                    maxLength={4}\n                    required={required}\n                    readOnly={readOnly}\n                    {...additionalProps}\n                    css={css`\n                        flex: 1;\n                    `}\n                />\n                <input type=\"hidden\" name={`${name}_prefectureName`} defaultValue={value.prefectureName} />\n                <input type=\"hidden\" name={`${name}_cityName`} defaultValue={value.cityName} />\n                <input type=\"hidden\" name={`${name}_townName`} defaultValue={value.townName} />\n            </Layout.Row>\n            {touched && (validationLeft.message || validationRight.message) ? (\n                <FormHelperText bottomGutter={bottomGutter} invalid={!validationLeft.valid || !validationRight.valid}>\n                    {value.status === \"waiting\" ? <Loading /> : validationLeft.message || validationRight.message}\n                </FormHelperText>\n            ) : (\n                <FormHelperText bottomGutter={bottomGutter} invalid={invalid}>\n                    {typeof helperText === \"function\" ? helperText({ value }) : helperText}\n                </FormHelperText>\n            )}\n        </FormControl>\n    )\n}\n"],"file":"ZipCodeField.js"}

package/dist/esm/ZipCodeField/index.js

@@ -0,0 +1,2 @@
+export * from "./ZipCodeField";
+//# sourceMappingURL=index.js.map

package/dist/esm/ZipCodeField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ZipCodeField/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAd","sourcesContent":["export * from \"./ZipCodeField\"\n"],"file":"index.js"}

package/dist/esm/console.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=console.d.js.map

package/dist/esm/console.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"console.d.js"}

package/dist/esm/dayjs.js

@@ -0,0 +1,13 @@
+import _dayjs from "dayjs";
+import isBetween from "dayjs/plugin/isBetween";
+import isSameOrAfter from "dayjs/plugin/isSameOrAfter";
+import isSameOrBefore from "dayjs/plugin/isSameOrBefore";
+
+_dayjs.extend(isSameOrAfter);
+
+_dayjs.extend(isSameOrBefore);
+
+_dayjs.extend(isBetween);
+
+export default _dayjs;
+//# sourceMappingURL=dayjs.js.map

package/dist/esm/dayjs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dayjs.ts"],"names":["_dayjs","isBetween","isSameOrAfter","isSameOrBefore","extend"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,OAAnB;AACA,OAAOC,SAAP,MAAsB,wBAAtB;AACA,OAAOC,aAAP,MAA0B,4BAA1B;AACA,OAAOC,cAAP,MAA2B,6BAA3B;;AAEAH,MAAM,CAACI,MAAP,CAAcF,aAAd;;AACAF,MAAM,CAACI,MAAP,CAAcD,cAAd;;AACAH,MAAM,CAACI,MAAP,CAAcH,SAAd;;AAEA,eAAeD,MAAf","sourcesContent":["import _dayjs from \"dayjs\"\nimport isBetween from \"dayjs/plugin/isBetween\"\nimport isSameOrAfter from \"dayjs/plugin/isSameOrAfter\"\nimport isSameOrBefore from \"dayjs/plugin/isSameOrBefore\"\n\n_dayjs.extend(isSameOrAfter)\n_dayjs.extend(isSameOrBefore)\n_dayjs.extend(isBetween)\n\nexport default _dayjs\n"],"file":"dayjs.js"}

package/dist/esm/globals.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=globals.d.js.map

package/dist/esm/globals.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"globals.d.js"}

package/dist/esm/hooks/index.js

@@ -0,0 +1,16 @@
+export * from "./useClickAnimation";
+export * from "./useFetch";
+export * from "./useFocus";
+export * from "./useForceUpdate";
+export * from "./useHover";
+export * from "./useIntersectionObserver";
+export * from "./useInterval";
+export * from "./useKeyboard";
+export * from "./useLocaleString";
+export * from "./useMouseLongPress";
+export * from "./useMutationObserver";
+export * from "./useOnClickOutside";
+export * from "./useResizeObserver";
+export * from "./useTimeout";
+export * from "./useWindowResize";
+//# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAd;AACA,cAAc,YAAd;AACA,cAAc,YAAd;AACA,cAAc,kBAAd;AACA,cAAc,YAAd;AACA,cAAc,2BAAd;AACA,cAAc,eAAd;AACA,cAAc,eAAd;AACA,cAAc,mBAAd;AACA,cAAc,qBAAd;AACA,cAAc,uBAAd;AACA,cAAc,qBAAd;AACA,cAAc,qBAAd;AACA,cAAc,cAAd;AACA,cAAc,mBAAd","sourcesContent":["export * from \"./useClickAnimation\"\nexport * from \"./useFetch\"\nexport * from \"./useFocus\"\nexport * from \"./useForceUpdate\"\nexport * from \"./useHover\"\nexport * from \"./useIntersectionObserver\"\nexport * from \"./useInterval\"\nexport * from \"./useKeyboard\"\nexport * from \"./useLocaleString\"\nexport * from \"./useMouseLongPress\"\nexport * from \"./useMutationObserver\"\nexport * from \"./useOnClickOutside\"\nexport * from \"./useResizeObserver\"\nexport * from \"./useTimeout\"\nexport * from \"./useWindowResize\"\n"],"file":"index.js"}

package/dist/esm/hooks/useClickAnimation.js

@@ -0,0 +1,20 @@
+import { useCallback, useState } from "react";
+export var useClickAnimation = injectHandleEvent => {
+  var [clicked, setClicked] = useState(false);
+  var onClick = useCallback(event => {
+    setClicked(true);
+
+    if (injectHandleEvent !== undefined) {
+      injectHandleEvent(event);
+    }
+  }, [injectHandleEvent]);
+  var onAnimationEnd = useCallback(() => {
+    setClicked(false);
+  }, []);
+  return {
+    clicked,
+    onClick,
+    onAnimationEnd
+  };
+};
+//# sourceMappingURL=useClickAnimation.js.map

package/dist/esm/hooks/useClickAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useClickAnimation.ts"],"names":["useCallback","useState","useClickAnimation","injectHandleEvent","clicked","setClicked","onClick","event","undefined","onAnimationEnd"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,QAAtB,QAAsC,OAAtC;AAEA,OAAO,IAAMC,iBAAiB,GAC1BC,iBAD6B,IAM5B;AACD,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBJ,QAAQ,CAAC,KAAD,CAAtC;AAEA,MAAMK,OAAO,GAAGN,WAAW,CACtBO,KAAD,IAAW;AACPF,IAAAA,UAAU,CAAC,IAAD,CAAV;;AACA,QAAIF,iBAAiB,KAAKK,SAA1B,EAAqC;AACjCL,MAAAA,iBAAiB,CAACI,KAAD,CAAjB;AACH;AACJ,GANsB,EAOvB,CAACJ,iBAAD,CAPuB,CAA3B;AAUA,MAAMM,cAAc,GAAGT,WAAW,CAAC,MAAM;AACrCK,IAAAA,UAAU,CAAC,KAAD,CAAV;AACH,GAFiC,EAE/B,EAF+B,CAAlC;AAIA,SAAO;AAAED,IAAAA,OAAF;AAAWE,IAAAA,OAAX;AAAoBG,IAAAA;AAApB,GAAP;AACH,CAxBM","sourcesContent":["import { useCallback, useState } from \"react\"\n\nexport const useClickAnimation = (\n    injectHandleEvent?: (event: any) => void\n): {\n    clicked: boolean\n    onClick: (event: React.SyntheticEvent<HTMLElement>) => void\n    onAnimationEnd: (event: React.SyntheticEvent<HTMLElement>) => void\n} => {\n    const [clicked, setClicked] = useState(false)\n\n    const onClick = useCallback(\n        (event) => {\n            setClicked(true)\n            if (injectHandleEvent !== undefined) {\n                injectHandleEvent(event)\n            }\n        },\n        [injectHandleEvent]\n    )\n\n    const onAnimationEnd = useCallback(() => {\n        setClicked(false)\n    }, [])\n\n    return { clicked, onClick, onAnimationEnd }\n}\n"],"file":"useClickAnimation.js"}

package/dist/esm/hooks/useFetch.js

@@ -0,0 +1,91 @@
+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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+import { useForceUpdate } from "./useForceUpdate";
+import { useLayoutEffect, useMemo, useRef } from "react";
+
+var sleep = msec => new Promise(resolve => setTimeout(resolve, msec));
+/**
+ * @example
+ * useFetch<string[]>("https://hrdtbs.github.io/mocks/animals.json", useMemo(() => ({}), []), "json")
+ */
+
+
+export var useFetch = function useFetch(input, init) {
+  var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "json";
+  var forceUpdate = useForceUpdate();
+  var error = useRef(null);
+  var loading = useRef(false);
+  var data = useRef(null);
+  var promiseResolver = useMemo(() => {
+    var resolve;
+    var promise = new Promise(tmp => {
+      resolve = tmp;
+    });
+    return {
+      resolve,
+      promise
+    };
+  }, []);
+  useLayoutEffect(() => {
+    var finished = false;
+    var abortController = new AbortController();
+    !_asyncToGenerator(function* () {
+      // start fetching
+      loading.current = true;
+      forceUpdate();
+
+      var onFinish = (e, d) => {
+        if (!finished) {
+          finished = true;
+          error.current = e;
+          data.current = d;
+          loading.current = false;
+        }
+      };
+
+      try {
+        yield sleep(0);
+        var response = yield fetch(input, _objectSpread(_objectSpread({}, init), {}, {
+          signal: abortController.signal
+        }));
+
+        if (response.ok) {
+          var body = yield response[type]();
+          onFinish(null, body);
+        } else {
+          var nextError = new Error("".concat(response.status, " ").concat(response.statusText));
+          nextError.name = "FetchError";
+          onFinish(nextError, null);
+        }
+      } catch (e) {
+        onFinish(e, null);
+      }
+
+      promiseResolver.resolve();
+    })();
+
+    var cleanup = () => {
+      if (!finished) {
+        finished = true;
+        abortController.abort();
+      }
+
+      error.current = null;
+      loading.current = false;
+      data.current = null;
+    };
+
+    return cleanup;
+  }, [input, init, type, forceUpdate, promiseResolver]);
+  if (loading.current) throw promiseResolver.promise;
+  return [data.current, error.current];
+};
+//# sourceMappingURL=useFetch.js.map

package/dist/esm/hooks/useFetch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useFetch.ts"],"names":["useForceUpdate","useLayoutEffect","useMemo","useRef","sleep","msec","Promise","resolve","setTimeout","useFetch","input","init","type","forceUpdate","error","loading","data","promiseResolver","promise","tmp","finished","abortController","AbortController","current","onFinish","e","d","response","fetch","signal","ok","body","nextError","Error","status","statusText","name","cleanup","abort"],"mappings":"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","sourcesContent":["import { useForceUpdate } from \"./useForceUpdate\"\nimport { useLayoutEffect, useMemo, useRef } from \"react\"\n\nconst sleep = (msec: number) => new Promise((resolve) => setTimeout(resolve, msec))\n\n/**\n * @example\n * useFetch<string[]>(\"https://hrdtbs.github.io/mocks/animals.json\", useMemo(() => ({}), []), \"json\")\n */\nexport const useFetch = <T>(\n    input: RequestInfo,\n    init?: RequestInit,\n    type: \"text\" | \"json\" | \"blob\" | \"formData\" = \"json\"\n): [T, Error] => {\n    const forceUpdate = useForceUpdate()\n    const error = useRef<Error | null>(null)\n    const loading = useRef(false)\n    const data = useRef<T | null>(null)\n\n    const promiseResolver = useMemo(() => {\n        let resolve\n        const promise = new Promise((tmp) => {\n            resolve = tmp\n        })\n        return { resolve, promise } as unknown as {\n            resolve: (value?: unknown) => void\n            promise: Promise<unknown>\n        }\n    }, [])\n\n    useLayoutEffect(() => {\n        let finished = false\n        const abortController = new AbortController()\n        !(async function () {\n            // start fetching\n            loading.current = true\n            forceUpdate()\n            const onFinish = (e: Error | null, d: T | null) => {\n                if (!finished) {\n                    finished = true\n                    error.current = e\n                    data.current = d\n                    loading.current = false\n                }\n            }\n            try {\n                await sleep(0)\n                const response = await fetch(input, {\n                    ...init,\n                    signal: abortController.signal\n                })\n                if (response.ok) {\n                    const body = await response[type]()\n                    onFinish(null, body)\n                } else {\n                    const nextError = new Error(`${response.status} ${response.statusText}`)\n                    nextError.name = \"FetchError\"\n                    onFinish(nextError, null)\n                }\n            } catch (e) {\n                onFinish(e as Error | null, null)\n            }\n            promiseResolver.resolve()\n        })()\n        const cleanup = () => {\n            if (!finished) {\n                finished = true\n                abortController.abort()\n            }\n            error.current = null\n            loading.current = false\n            data.current = null\n        }\n        return cleanup\n    }, [input, init, type, forceUpdate, promiseResolver])\n    if (loading.current) throw promiseResolver.promise\n    return [data.current!, error.current!]\n}\n"],"file":"useFetch.js"}

package/dist/esm/hooks/useFocus.js

@@ -0,0 +1,26 @@
+import { useEffect, useState } from "react";
+export var useFocus = function useFocus(ref) {
+  var defaultState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var [state, setState] = useState(defaultState);
+  useEffect(() => {
+    var onFocus = () => setState(true);
+
+    var onBlur = () => setState(false);
+
+    var element = ref && ref.current || null;
+
+    if (element) {
+      element.addEventListener("focus", onFocus);
+      element.addEventListener("blur", onBlur);
+    }
+
+    return () => {
+      if (element) {
+        element.removeEventListener("focus", onFocus);
+        element.removeEventListener("blur", onBlur);
+      }
+    };
+  }, [ref]);
+  return state;
+};
+//# sourceMappingURL=useFocus.js.map

package/dist/esm/hooks/useFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useFocus.ts"],"names":["useEffect","useState","useFocus","ref","defaultState","state","setState","onFocus","onBlur","element","current","addEventListener","removeEventListener"],"mappings":"AAAA,SAASA,SAAT,EAAoBC,QAApB,QAAoC,OAApC;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAAwBC,GAAxB,EAA0E;AAAA,MAAzBC,YAAyB,uEAAV,KAAU;AAC9F,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBL,QAAQ,CAACG,YAAD,CAAlC;AAEAJ,EAAAA,SAAS,CAAC,MAAM;AACZ,QAAMO,OAAO,GAAG,MAAMD,QAAQ,CAAC,IAAD,CAA9B;;AACA,QAAME,MAAM,GAAG,MAAMF,QAAQ,CAAC,KAAD,CAA7B;;AACA,QAAMG,OAAO,GAAIN,GAAG,IAAIA,GAAG,CAACO,OAAZ,IAAwB,IAAxC;;AACA,QAAID,OAAJ,EAAa;AACTA,MAAAA,OAAO,CAACE,gBAAR,CAAyB,OAAzB,EAAkCJ,OAAlC;AACAE,MAAAA,OAAO,CAACE,gBAAR,CAAyB,MAAzB,EAAiCH,MAAjC;AACH;;AAED,WAAO,MAAM;AACT,UAAIC,OAAJ,EAAa;AACTA,QAAAA,OAAO,CAACG,mBAAR,CAA4B,OAA5B,EAAqCL,OAArC;AACAE,QAAAA,OAAO,CAACG,mBAAR,CAA4B,MAA5B,EAAoCJ,MAApC;AACH;AACJ,KALD;AAMH,GAfQ,EAeN,CAACL,GAAD,CAfM,CAAT;AAiBA,SAAOE,KAAP;AACH,CArBM","sourcesContent":["import { useEffect, useState } from \"react\"\nexport const useFocus = <T extends HTMLElement>(ref: React.RefObject<T>, defaultState = false) => {\n    const [state, setState] = useState(defaultState)\n\n    useEffect(() => {\n        const onFocus = () => setState(true)\n        const onBlur = () => setState(false)\n        const element = (ref && ref.current) || null\n        if (element) {\n            element.addEventListener(\"focus\", onFocus)\n            element.addEventListener(\"blur\", onBlur)\n        }\n\n        return () => {\n            if (element) {\n                element.removeEventListener(\"focus\", onFocus)\n                element.removeEventListener(\"blur\", onBlur)\n            }\n        }\n    }, [ref])\n\n    return state\n}\n"],"file":"useFocus.js"}

package/dist/esm/hooks/useForceUpdate.js

@@ -0,0 +1,9 @@
+import { useCallback, useState } from "react";
+export var useForceUpdate = () => {
+  var [, dispatch] = useState(true);
+  var memoizedDispatch = useCallback(() => {
+    dispatch(prev => !prev);
+  }, [dispatch]);
+  return memoizedDispatch;
+};
+//# sourceMappingURL=useForceUpdate.js.map

package/dist/esm/hooks/useForceUpdate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useForceUpdate.ts"],"names":["useCallback","useState","useForceUpdate","dispatch","memoizedDispatch","prev"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,QAAtB,QAAsC,OAAtC;AACA,OAAO,IAAMC,cAAc,GAAG,MAAM;AAChC,MAAM,GAAGC,QAAH,IAAeF,QAAQ,CAAC,IAAD,CAA7B;AACA,MAAMG,gBAA4B,GAAGJ,WAAW,CAAC,MAAM;AACnDG,IAAAA,QAAQ,CAAEE,IAAD,IAAU,CAACA,IAAZ,CAAR;AACH,GAF+C,EAE7C,CAACF,QAAD,CAF6C,CAAhD;AAGA,SAAOC,gBAAP;AACH,CANM","sourcesContent":["import { useCallback, useState } from \"react\"\nexport const useForceUpdate = () => {\n    const [, dispatch] = useState(true)\n    const memoizedDispatch: () => void = useCallback(() => {\n        dispatch((prev) => !prev)\n    }, [dispatch])\n    return memoizedDispatch\n}\n"],"file":"useForceUpdate.js"}