matsuri-ui 18.0.2-alpha-1763159707702-41e8023.0 → 18.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Calendar/CalendarDay.js +4 -4
- package/Calendar/CalendarDay.js.map +1 -1
- package/FieldBase/useValidation.js +11 -0
- package/FieldBase/useValidation.js.map +1 -1
- package/FieldGroup/index.js +2 -0
- package/FieldGroup/index.js.map +1 -1
- package/FullHeight/FullHeight.js +1 -0
- package/FullHeight/FullHeight.js.map +1 -1
- package/NumberField/NumberField.js +3 -0
- package/NumberField/NumberField.js.map +1 -1
- package/Portal/Portal.js +8 -0
- package/Portal/Portal.js.map +1 -1
- package/RadioButton/RadioButtonGroup.js +1 -0
- package/RadioButton/RadioButtonGroup.js.map +1 -1
- package/SelectField/SelectField.js +10 -6
- package/SelectField/SelectField.js.map +1 -1
- package/Table/useTable.js +1 -0
- package/Table/useTable.js.map +1 -1
- package/Tooltip/Tooltip.js +5 -4
- package/Tooltip/Tooltip.js.map +1 -1
- package/Typography/index.js +20 -17
- package/Typography/index.js.map +1 -1
- package/cjs/Calendar/CalendarDay.js +4 -4
- package/cjs/Calendar/CalendarDay.js.map +1 -1
- package/cjs/FieldBase/useValidation.js +11 -0
- package/cjs/FieldBase/useValidation.js.map +1 -1
- package/cjs/FieldGroup/index.js +2 -0
- package/cjs/FieldGroup/index.js.map +1 -1
- package/cjs/FullHeight/FullHeight.js +1 -0
- package/cjs/FullHeight/FullHeight.js.map +1 -1
- package/cjs/NumberField/NumberField.js +3 -0
- package/cjs/NumberField/NumberField.js.map +1 -1
- package/cjs/Portal/Portal.js +8 -0
- package/cjs/Portal/Portal.js.map +1 -1
- package/cjs/RadioButton/RadioButtonGroup.js +1 -0
- package/cjs/RadioButton/RadioButtonGroup.js.map +1 -1
- package/cjs/SelectField/SelectField.js +10 -6
- package/cjs/SelectField/SelectField.js.map +1 -1
- package/cjs/Table/useTable.js +1 -0
- package/cjs/Table/useTable.js.map +1 -1
- package/cjs/Tooltip/Tooltip.js +5 -4
- package/cjs/Tooltip/Tooltip.js.map +1 -1
- package/cjs/Typography/index.js +20 -17
- package/cjs/Typography/index.js.map +1 -1
- package/cjs/hooks/useInputValue.js +3 -0
- package/cjs/hooks/useInputValue.js.map +1 -1
- package/cjs/hooks/useStateWithDeps.js +2 -0
- package/cjs/hooks/useStateWithDeps.js.map +1 -1
- package/cjs/hooks/useWindowResize.js +1 -0
- package/cjs/hooks/useWindowResize.js.map +1 -1
- package/esm/Calendar/CalendarDay.js +4 -4
- package/esm/Calendar/CalendarDay.js.map +1 -1
- package/esm/FieldBase/useValidation.js +11 -0
- package/esm/FieldBase/useValidation.js.map +1 -1
- package/esm/FieldGroup/index.js +2 -0
- package/esm/FieldGroup/index.js.map +1 -1
- package/esm/FullHeight/FullHeight.js +1 -0
- package/esm/FullHeight/FullHeight.js.map +1 -1
- package/esm/NumberField/NumberField.js +3 -0
- package/esm/NumberField/NumberField.js.map +1 -1
- package/esm/Portal/Portal.js +8 -0
- package/esm/Portal/Portal.js.map +1 -1
- package/esm/RadioButton/RadioButtonGroup.js +1 -0
- package/esm/RadioButton/RadioButtonGroup.js.map +1 -1
- package/esm/SelectField/SelectField.js +10 -6
- package/esm/SelectField/SelectField.js.map +1 -1
- package/esm/Table/useTable.js +1 -0
- package/esm/Table/useTable.js.map +1 -1
- package/esm/Tooltip/Tooltip.js +5 -4
- package/esm/Tooltip/Tooltip.js.map +1 -1
- package/esm/Typography/index.js +20 -17
- package/esm/Typography/index.js.map +1 -1
- package/esm/hooks/useInputValue.js +3 -0
- package/esm/hooks/useInputValue.js.map +1 -1
- package/esm/hooks/useStateWithDeps.js +2 -0
- package/esm/hooks/useStateWithDeps.js.map +1 -1
- package/esm/hooks/useWindowResize.js +1 -0
- package/esm/hooks/useWindowResize.js.map +1 -1
- package/hooks/useInputValue.js +3 -0
- package/hooks/useInputValue.js.map +1 -1
- package/hooks/useStateWithDeps.js +2 -0
- package/hooks/useStateWithDeps.js.map +1 -1
- package/hooks/useWindowResize.js +1 -0
- package/hooks/useWindowResize.js.map +1 -1
- package/package.json +1 -1
package/cjs/Typography/index.js
CHANGED
|
@@ -33,23 +33,26 @@ const Typography = ({
|
|
|
33
33
|
}) => {
|
|
34
34
|
const theme = (0, _theme.useTheme)();
|
|
35
35
|
const Component = as ?? getHtmlTag(variant);
|
|
36
|
-
return (
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
36
|
+
return (
|
|
37
|
+
// eslint-disable-next-line react-hooks/static-components
|
|
38
|
+
(0, _react.jsx)(Component, _extends({
|
|
39
|
+
css: /*#__PURE__*/(0, _react.css)([theme.typography[variant], {
|
|
40
|
+
fontWeight: bolder ? "bolder" : theme.typography[variant].fontWeight
|
|
41
|
+
}, {
|
|
42
|
+
textAlign: align,
|
|
43
|
+
margin: 0
|
|
44
|
+
}, {
|
|
45
|
+
color: color === "initial" ? "initial" : color === "inherit" ? "inherit" : color === "primary" ? theme.palette.intentions.primary.main : color === "secondary" ? theme.palette.intentions.secondary.main : color === "accent" ? theme.palette.intentions.accent.main : color === "error" ? theme.palette.intentions.error.main : color === "textPrimary" ? theme.palette.text.primary : color === "textSecondary" ? theme.palette.text.secondary : color === "textHint" ? theme.palette.text.hint : color === "textDisabled" ? theme.palette.text.disabled : undefined
|
|
46
|
+
}, clamp !== undefined ? {
|
|
47
|
+
display: "-webkit-box",
|
|
48
|
+
WebkitLineClamp: clamp,
|
|
49
|
+
lineClamp: clamp,
|
|
50
|
+
overflow: "hidden",
|
|
51
|
+
WebkitBoxOrient: "vertical",
|
|
52
|
+
boxOrient: "vertical"
|
|
53
|
+
} : undefined], process.env.NODE_ENV === "production" ? "" : ";label:Typography;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UeXBvZ3JhcGh5L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnR1ciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1R5cG9ncmFwaHkvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5VmFyaWFudCwgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUeXBvZ3JhcGh5UHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxFbGVtZW50PiwgXCJjb2xvclwiPiB7XG4gIC8qKlxuICAgKiBUeXBvZ3JhcGh544Gu5a6f5oWL44KS54m55a6a44Gu6KaB57Sg44Gr5aSJ44GI44KL44GT44Go44GM5Ye65p2l44G+44GZ44CCXG4gICAqIHZhcmlhbnTjgoLmjIflrprjgZfjgarjgYTloLTlkIjjga7jg4fjg5Xjgqnjg6vjg4jjga9cInBcIuOBp+OBmeOBjOOAgWJvZHnjgpLmjIflrprjgZfjgZ/loLTlkIjjga9cInBcIuOAgWNhcHRpb27jgb7jgZ/jga9idXR0b27jgpLmjIflrprjgZfjgZ/loLTlkIjjga9cInNwYW5cIuOAgeOBneOCjOS7peWkluOBruWgtOWQiOOBr3ZhcmlhbnTjgajlkIzjgZjjgoLjga7jgYzjg4fjg5Xjgqnjg6vjg4jjgavjgarjgorjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJwXCJcbiAgICovXG4gIGFzPzpcbiAgICB8IFwic3BhblwiXG4gICAgfCBcInByZVwiXG4gICAgfCBcInBcIlxuICAgIHwgXCJoMVwiXG4gICAgfCBcImgyXCJcbiAgICB8IFwiaDNcIlxuICAgIHwgXCJoNFwiXG4gICAgfCBcImg1XCJcbiAgICB8IFwiaDZcIlxuICAgIHwgXCJsYWJlbFwiXG4gICAgfCBcImRpdlwiO1xuXG4gIC8qKlxuICAgKiDmloflrZfjga7oibLjgpLmsbrlrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJpbmhlcml0XCJcbiAgICovXG4gIGNvbG9yPzpcbiAgICB8IFwiaW5pdGlhbFwiXG4gICAgfCBcImluaGVyaXRcIlxuICAgIHwgXCJwcmltYXJ5XCJcbiAgICB8IFwic2Vjb25kYXJ5XCJcbiAgICB8IFwiZXJyb3JcIlxuICAgIHwgXCJhY2NlbnRcIlxuICAgIHwgXCJ0ZXh0UHJpbWFyeVwiXG4gICAgfCBcInRleHRTZWNvbmRhcnlcIlxuICAgIHwgXCJ0ZXh0RGlzYWJsZWRcIlxuICAgIHwgXCJ0ZXh0SGludFwiO1xuICAvKipcbiAgICog44Gp44Gu44KI44GG44Gq44K/44Kk44Od44Kw44Op44OV44Kj44KS6YGp55So44GZ44KL44GL44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IFwiYm9keVwiXG4gICAqL1xuICB2YXJpYW50PzogVHlwb2dyYXBoeVZhcmlhbnQ7XG4gIC8qKlxuICAgKiDmloflrZfjga7kvY3nva7jgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJpbmhlcml0XCJcbiAgICovXG4gIGFsaWduPzogXCJpbmhlcml0XCIgfCBcImxlZnRcIiB8IFwiY2VudGVyXCIgfCBcInJpZ2h0XCIgfCBcImp1c3RpZnlcIjtcbiAgLyoqXG4gICAqIOODleOCqeODs+ODiOWkquOBj+OBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgYm9sZGVyPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIDHku6XkuIrjga7mlbTmlbDjgpLmjIflrprjgZnjgovjgZPjgajjgafjgIHooajnpLrjgZXjgozjgovooYzmlbDjgpLliLbpmZDjgZfjgb7jgZnjgILliLbpmZDjgZXjgozjgZ/loLTlkIjjgIHmlofmnKvjgavkuInngrnjg6rjg7zjg4Djg7zjgYzku5jkuI7jgZXjgozjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgdW5kZWZpbmVkXG4gICAqL1xuICBjbGFtcD86IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IGdldEh0bWxUYWcgPSAodmFyaWFudDogVHlwb2dyYXBoeVZhcmlhbnQpID0+IHtcbiAgc3dpdGNoICh2YXJpYW50KSB7XG4gICAgY2FzZSBcImgxXCI6XG4gICAgY2FzZSBcImgyXCI6XG4gICAgY2FzZSBcImgzXCI6XG4gICAgY2FzZSBcImg0XCI6XG4gICAgY2FzZSBcImg1XCI6XG4gICAgICByZXR1cm4gdmFyaWFudDtcbiAgICBjYXNlIFwiYm9keVwiOlxuICAgICAgcmV0dXJuIFwicFwiO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gXCJzcGFuXCI7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBUeXBvZ3JhcGh5ID0gKHtcbiAgYXMsXG4gIHZhcmlhbnQgPSBcImJvZHlcIixcbiAgY29sb3IsXG4gIGFsaWduLFxuICBib2xkZXIgPSBmYWxzZSxcbiAgY2xhbXAsXG4gIC4uLm90aGVyc1xufTogVHlwb2dyYXBoeVByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgQ29tcG9uZW50ID0gYXMgPz8gZ2V0SHRtbFRhZyh2YXJpYW50KTtcbiAgcmV0dXJuIChcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3Mvc3RhdGljLWNvbXBvbmVudHNcbiAgICA8Q29tcG9uZW50XG4gICAgICBjc3M9e2NzcyhbXG4gICAgICAgIHRoZW1lLnR5cG9ncmFwaHlbdmFyaWFudF0sXG4gICAgICAgIHtcbiAgICAgICAgICBmb250V2VpZ2h0OiBib2xkZXIgPyBcImJvbGRlclwiIDogdGhlbWUudHlwb2dyYXBoeVt2YXJpYW50XS5mb250V2VpZ2h0LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgdGV4dEFsaWduOiBhbGlnbixcbiAgICAgICAgICBtYXJnaW46IDAsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICBjb2xvcjpcbiAgICAgICAgICAgIGNvbG9yID09PSBcImluaXRpYWxcIlxuICAgICAgICAgICAgICA/IFwiaW5pdGlhbFwiXG4gICAgICAgICAgICAgIDogY29sb3IgPT09IFwiaW5oZXJpdFwiXG4gICAgICAgICAgICAgICAgPyBcImluaGVyaXRcIlxuICAgICAgICAgICAgICAgIDogY29sb3IgPT09IFwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW5cbiAgICAgICAgICAgICAgICAgIDogY29sb3IgPT09IFwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLmludGVudGlvbnMuc2Vjb25kYXJ5Lm1haW5cbiAgICAgICAgICAgICAgICAgICAgOiBjb2xvciA9PT0gXCJhY2NlbnRcIlxuICAgICAgICAgICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLmFjY2VudC5tYWluXG4gICAgICAgICAgICAgICAgICAgICAgOiBjb2xvciA9PT0gXCJlcnJvclwiXG4gICAgICAgICAgICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5lcnJvci5tYWluXG4gICAgICAgICAgICAgICAgICAgICAgICA6IGNvbG9yID09PSBcInRleHRQcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeVxuICAgICAgICAgICAgICAgICAgICAgICAgICA6IGNvbG9yID09PSBcInRleHRTZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS50ZXh0LnNlY29uZGFyeVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogY29sb3IgPT09IFwidGV4dEhpbnRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQuaGludFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBjb2xvciA9PT0gXCJ0ZXh0RGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUudGV4dC5kaXNhYmxlZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhbXAgIT09IHVuZGVmaW5lZFxuICAgICAgICAgID8ge1xuICAgICAgICAgICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICAgICAgICAgIFdlYmtpdExpbmVDbGFtcDogY2xhbXAsXG4gICAgICAgICAgICAgIGxpbmVDbGFtcDogY2xhbXAsXG4gICAgICAgICAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgICAgICAgICBXZWJraXRCb3hPcmllbnQ6IFwidmVydGljYWxcIixcbiAgICAgICAgICAgICAgYm94T3JpZW50OiBcInZlcnRpY2FsXCIsXG4gICAgICAgICAgICB9XG4gICAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgICBdKX1cbiAgICAgIHsuLi5vdGhlcnN9XG4gICAgLz5cbiAgKTtcbn07XG4iXX0= */")
|
|
54
|
+
}, others))
|
|
55
|
+
);
|
|
53
56
|
};
|
|
54
57
|
exports.Typography = Typography;
|
|
55
58
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","require","_react2","_interopRequireDefault","_theme","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","getHtmlTag","variant","exports","Typography","as","color","align","bolder","clamp","others","theme","useTheme","Component","jsx","css","typography","fontWeight","textAlign","margin","palette","intentions","primary","main","secondary","accent","error","text","hint","disabled","undefined","display","WebkitLineClamp","lineClamp","overflow","WebkitBoxOrient","boxOrient","process","env","NODE_ENV"],"sources":["../../../src/Typography/index.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React from \"react\";\nimport { TypographyVariant, useTheme } from \"../theme\";\n\nexport interface TypographyProps\n extends Omit<React.HTMLAttributes<HTMLElement>, \"color\"> {\n /**\n * Typographyの実態を特定の要素に変えることが出来ます。\n * variantも指定しない場合のデフォルトは\"p\"ですが、bodyを指定した場合は\"p\"、captionまたはbuttonを指定した場合は\"span\"、それ以外の場合はvariantと同じものがデフォルトになります。\n *\n * @default \"p\"\n */\n as?:\n | \"span\"\n | \"pre\"\n | \"p\"\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"h5\"\n | \"h6\"\n | \"label\"\n | \"div\";\n\n /**\n * 文字の色を決定します。\n *\n * @default \"inherit\"\n */\n color?:\n | \"initial\"\n | \"inherit\"\n | \"primary\"\n | \"secondary\"\n | \"error\"\n | \"accent\"\n | \"textPrimary\"\n | \"textSecondary\"\n | \"textDisabled\"\n | \"textHint\";\n /**\n * どのようなタイポグラフィを適用するかを指定します。\n *\n * @default \"body\"\n */\n variant?: TypographyVariant;\n /**\n * 文字の位置を指定します。\n *\n * @default \"inherit\"\n */\n align?: \"inherit\" | \"left\" | \"center\" | \"right\" | \"justify\";\n /**\n * フォント太くします。\n *\n * @default false\n */\n bolder?: boolean;\n /**\n * 1以上の整数を指定することで、表示される行数を制限します。制限された場合、文末に三点リーダーが付与されます。\n *\n * @default undefined\n */\n clamp?: number;\n}\n\nexport const getHtmlTag = (variant: TypographyVariant) => {\n switch (variant) {\n case \"h1\":\n case \"h2\":\n case \"h3\":\n case \"h4\":\n case \"h5\":\n return variant;\n case \"body\":\n return \"p\";\n default:\n return \"span\";\n }\n};\n\nexport const Typography = ({\n as,\n variant = \"body\",\n color,\n align,\n bolder = false,\n clamp,\n ...others\n}: TypographyProps) => {\n const theme = useTheme();\n const Component = as ?? getHtmlTag(variant);\n return (\n <Component\n css={css([\n theme.typography[variant],\n {\n fontWeight: bolder ? \"bolder\" : theme.typography[variant].fontWeight,\n },\n {\n textAlign: align,\n margin: 0,\n },\n {\n color:\n color === \"initial\"\n ? \"initial\"\n : color === \"inherit\"\n ? \"inherit\"\n : color === \"primary\"\n ? theme.palette.intentions.primary.main\n : color === \"secondary\"\n ? theme.palette.intentions.secondary.main\n : color === \"accent\"\n ? theme.palette.intentions.accent.main\n : color === \"error\"\n ? theme.palette.intentions.error.main\n : color === \"textPrimary\"\n ? theme.palette.text.primary\n : color === \"textSecondary\"\n ? theme.palette.text.secondary\n : color === \"textHint\"\n ? theme.palette.text.hint\n : color === \"textDisabled\"\n ? theme.palette.text.disabled\n : undefined,\n },\n clamp !== undefined\n ? {\n display: \"-webkit-box\",\n WebkitLineClamp: clamp,\n lineClamp: clamp,\n overflow: \"hidden\",\n WebkitBoxOrient: \"vertical\",\n boxOrient: \"vertical\",\n }\n : undefined,\n ])}\n {...others}\n />\n );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAuD,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAiEhD,MAAMO,UAAU,GAAIC,OAA0B,IAAK;EACxD,QAAQA,OAAO;IACb,KAAK,IAAI;IACT,KAAK,IAAI;IACT,KAAK,IAAI;IACT,KAAK,IAAI;IACT,KAAK,IAAI;MACP,OAAOA,OAAO;IAChB,KAAK,MAAM;MACT,OAAO,GAAG;IACZ;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAACC,OAAA,CAAAF,UAAA,GAAAA,UAAA;AAEK,MAAMG,UAAU,GAAGA,CAAC;EACzBC,EAAE;EACFH,OAAO,GAAG,MAAM;EAChBI,KAAK;EACLC,KAAK;EACLC,MAAM,GAAG,KAAK;EACdC,KAAK;EACL,GAAGC;AACY,CAAC,KAAK;EACrB,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACxB,MAAMC,SAAS,GAAGR,EAAE,IAAIJ,UAAU,CAACC,OAAO,CAAC;EAC3C,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","require","_react2","_interopRequireDefault","_theme","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","getHtmlTag","variant","exports","Typography","as","color","align","bolder","clamp","others","theme","useTheme","Component","jsx","css","typography","fontWeight","textAlign","margin","palette","intentions","primary","main","secondary","accent","error","text","hint","disabled","undefined","display","WebkitLineClamp","lineClamp","overflow","WebkitBoxOrient","boxOrient","process","env","NODE_ENV"],"sources":["../../../src/Typography/index.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React from \"react\";\nimport { TypographyVariant, useTheme } from \"../theme\";\n\nexport interface TypographyProps\n extends Omit<React.HTMLAttributes<HTMLElement>, \"color\"> {\n /**\n * Typographyの実態を特定の要素に変えることが出来ます。\n * variantも指定しない場合のデフォルトは\"p\"ですが、bodyを指定した場合は\"p\"、captionまたはbuttonを指定した場合は\"span\"、それ以外の場合はvariantと同じものがデフォルトになります。\n *\n * @default \"p\"\n */\n as?:\n | \"span\"\n | \"pre\"\n | \"p\"\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"h5\"\n | \"h6\"\n | \"label\"\n | \"div\";\n\n /**\n * 文字の色を決定します。\n *\n * @default \"inherit\"\n */\n color?:\n | \"initial\"\n | \"inherit\"\n | \"primary\"\n | \"secondary\"\n | \"error\"\n | \"accent\"\n | \"textPrimary\"\n | \"textSecondary\"\n | \"textDisabled\"\n | \"textHint\";\n /**\n * どのようなタイポグラフィを適用するかを指定します。\n *\n * @default \"body\"\n */\n variant?: TypographyVariant;\n /**\n * 文字の位置を指定します。\n *\n * @default \"inherit\"\n */\n align?: \"inherit\" | \"left\" | \"center\" | \"right\" | \"justify\";\n /**\n * フォント太くします。\n *\n * @default false\n */\n bolder?: boolean;\n /**\n * 1以上の整数を指定することで、表示される行数を制限します。制限された場合、文末に三点リーダーが付与されます。\n *\n * @default undefined\n */\n clamp?: number;\n}\n\nexport const getHtmlTag = (variant: TypographyVariant) => {\n switch (variant) {\n case \"h1\":\n case \"h2\":\n case \"h3\":\n case \"h4\":\n case \"h5\":\n return variant;\n case \"body\":\n return \"p\";\n default:\n return \"span\";\n }\n};\n\nexport const Typography = ({\n as,\n variant = \"body\",\n color,\n align,\n bolder = false,\n clamp,\n ...others\n}: TypographyProps) => {\n const theme = useTheme();\n const Component = as ?? getHtmlTag(variant);\n return (\n // eslint-disable-next-line react-hooks/static-components\n <Component\n css={css([\n theme.typography[variant],\n {\n fontWeight: bolder ? \"bolder\" : theme.typography[variant].fontWeight,\n },\n {\n textAlign: align,\n margin: 0,\n },\n {\n color:\n color === \"initial\"\n ? \"initial\"\n : color === \"inherit\"\n ? \"inherit\"\n : color === \"primary\"\n ? theme.palette.intentions.primary.main\n : color === \"secondary\"\n ? theme.palette.intentions.secondary.main\n : color === \"accent\"\n ? theme.palette.intentions.accent.main\n : color === \"error\"\n ? theme.palette.intentions.error.main\n : color === \"textPrimary\"\n ? theme.palette.text.primary\n : color === \"textSecondary\"\n ? theme.palette.text.secondary\n : color === \"textHint\"\n ? theme.palette.text.hint\n : color === \"textDisabled\"\n ? theme.palette.text.disabled\n : undefined,\n },\n clamp !== undefined\n ? {\n display: \"-webkit-box\",\n WebkitLineClamp: clamp,\n lineClamp: clamp,\n overflow: \"hidden\",\n WebkitBoxOrient: \"vertical\",\n boxOrient: \"vertical\",\n }\n : undefined,\n ])}\n {...others}\n />\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,11 +9,14 @@ const useInputValue = props => {
|
|
|
9
9
|
props.defaultValue === undefined ? props.value : props.defaultValue);
|
|
10
10
|
const isControlled = (0, _react.useRef)(Object.prototype.hasOwnProperty.call(props, "value"));
|
|
11
11
|
const value = (0, _react.useMemo)(() => {
|
|
12
|
+
// eslint-disable-next-line react-hooks/refs
|
|
12
13
|
if (isControlled.current === false) {
|
|
13
14
|
return _value;
|
|
14
15
|
}
|
|
15
16
|
return _value === props.value ? _value : props.value;
|
|
16
17
|
}, [_value, props.value]);
|
|
18
|
+
|
|
19
|
+
// eslint-disable-next-line react-hooks/refs
|
|
17
20
|
return [value, setValue, isControlled.current];
|
|
18
21
|
};
|
|
19
22
|
exports.useInputValue = useInputValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useInputValue.js","names":["_react","require","useInputValue","props","_value","setValue","useState","defaultValue","undefined","value","isControlled","useRef","Object","prototype","hasOwnProperty","call","useMemo","current","exports"],"sources":["../../../src/hooks/useInputValue.tsx"],"sourcesContent":["import { useMemo, useRef, useState } from \"react\";\n\nexport const useInputValue = <V,>(props: { value?: V; defaultValue?: V }) => {\n const [_value, setValue] = useState(\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n props.defaultValue === undefined ? props.value : props.defaultValue,\n );\n\n const isControlled = useRef(\n Object.prototype.hasOwnProperty.call(props, \"value\"),\n );\n\n const value = useMemo(() => {\n if (isControlled.current === false) {\n return _value;\n }\n return _value === props.value ? _value : props.value;\n }, [_value, props.value]);\n\n return [value, setValue, isControlled.current] as const;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,aAAa,GAAQC,KAAsC,IAAK;EAC3E,MAAM,CAACC,MAAM,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ;EACjC;EACAH,KAAK,CAACI,YAAY,KAAKC,SAAS,GAAGL,KAAK,CAACM,KAAK,GAAGN,KAAK,CAACI,YACzD,CAAC;EAED,MAAMG,YAAY,GAAG,IAAAC,aAAM,EACzBC,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACZ,KAAK,EAAE,OAAO,CACrD,CAAC;EAED,MAAMM,KAAK,GAAG,IAAAO,cAAO,EAAC,MAAM;IAC1B,IAAIN,YAAY,CAACO,OAAO,KAAK,KAAK,EAAE;MAClC,OAAOb,MAAM;IACf;IACA,OAAOA,MAAM,KAAKD,KAAK,CAACM,KAAK,GAAGL,MAAM,GAAGD,KAAK,CAACM,KAAK;EACtD,CAAC,EAAE,CAACL,MAAM,EAAED,KAAK,CAACM,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"useInputValue.js","names":["_react","require","useInputValue","props","_value","setValue","useState","defaultValue","undefined","value","isControlled","useRef","Object","prototype","hasOwnProperty","call","useMemo","current","exports"],"sources":["../../../src/hooks/useInputValue.tsx"],"sourcesContent":["import { useMemo, useRef, useState } from \"react\";\n\nexport const useInputValue = <V,>(props: { value?: V; defaultValue?: V }) => {\n const [_value, setValue] = useState(\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n props.defaultValue === undefined ? props.value : props.defaultValue,\n );\n\n const isControlled = useRef(\n Object.prototype.hasOwnProperty.call(props, \"value\"),\n );\n\n const value = useMemo(() => {\n // eslint-disable-next-line react-hooks/refs\n if (isControlled.current === false) {\n return _value;\n }\n return _value === props.value ? _value : props.value;\n }, [_value, props.value]);\n\n // eslint-disable-next-line react-hooks/refs\n return [value, setValue, isControlled.current] as const;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,aAAa,GAAQC,KAAsC,IAAK;EAC3E,MAAM,CAACC,MAAM,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ;EACjC;EACAH,KAAK,CAACI,YAAY,KAAKC,SAAS,GAAGL,KAAK,CAACM,KAAK,GAAGN,KAAK,CAACI,YACzD,CAAC;EAED,MAAMG,YAAY,GAAG,IAAAC,aAAM,EACzBC,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACZ,KAAK,EAAE,OAAO,CACrD,CAAC;EAED,MAAMM,KAAK,GAAG,IAAAO,cAAO,EAAC,MAAM;IAC1B;IACA,IAAIN,YAAY,CAACO,OAAO,KAAK,KAAK,EAAE;MAClC,OAAOb,MAAM;IACf;IACA,OAAOA,MAAM,KAAKD,KAAK,CAACM,KAAK,GAAGL,MAAM,GAAGD,KAAK,CAACM,KAAK;EACtD,CAAC,EAAE,CAACL,MAAM,EAAED,KAAK,CAACM,KAAK,CAAC,CAAC;;EAEzB;EACA,OAAO,CAACA,KAAK,EAAEJ,QAAQ,EAAEK,YAAY,CAACO,OAAO,CAAC;AAChD,CAAC;AAACC,OAAA,CAAAhB,aAAA,GAAAA,aAAA","ignoreList":[]}
|
|
@@ -9,7 +9,9 @@ const useStateWithDeps = (initialValue, deps) => {
|
|
|
9
9
|
/**
|
|
10
10
|
* プリミティブデータ型しかサポートしていない
|
|
11
11
|
*/
|
|
12
|
+
// eslint-disable-next-line react-hooks/refs
|
|
12
13
|
if (depsRef.current !== deps) {
|
|
14
|
+
// eslint-disable-next-line react-hooks/refs
|
|
13
15
|
depsRef.current = deps;
|
|
14
16
|
setValue(initialValue);
|
|
15
17
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useStateWithDeps.js","names":["_react","require","useStateWithDeps","initialValue","deps","value","setValue","useState","depsRef","useRef","current","exports"],"sources":["../../../src/hooks/useStateWithDeps.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\n\nexport const useStateWithDeps = <T,>(initialValue: () => T, deps: unknown) => {\n const [value, setValue] = useState(initialValue);\n const depsRef = useRef(deps);\n /**\n * プリミティブデータ型しかサポートしていない\n */\n if (depsRef.current !== deps) {\n depsRef.current = deps;\n setValue(initialValue);\n }\n return [value, setValue] as const;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,gBAAgB,GAAGA,CAAKC,YAAqB,EAAEC,IAAa,KAAK;EAC5E,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAACJ,YAAY,CAAC;EAChD,MAAMK,OAAO,GAAG,IAAAC,aAAM,EAACL,IAAI,CAAC;EAC5B;AACF;AACA;EACE,IAAII,OAAO,CAACE,OAAO,KAAKN,IAAI,EAAE;
|
|
1
|
+
{"version":3,"file":"useStateWithDeps.js","names":["_react","require","useStateWithDeps","initialValue","deps","value","setValue","useState","depsRef","useRef","current","exports"],"sources":["../../../src/hooks/useStateWithDeps.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\n\nexport const useStateWithDeps = <T,>(initialValue: () => T, deps: unknown) => {\n const [value, setValue] = useState(initialValue);\n const depsRef = useRef(deps);\n /**\n * プリミティブデータ型しかサポートしていない\n */\n // eslint-disable-next-line react-hooks/refs\n if (depsRef.current !== deps) {\n // eslint-disable-next-line react-hooks/refs\n depsRef.current = deps;\n setValue(initialValue);\n }\n return [value, setValue] as const;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,gBAAgB,GAAGA,CAAKC,YAAqB,EAAEC,IAAa,KAAK;EAC5E,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAACJ,YAAY,CAAC;EAChD,MAAMK,OAAO,GAAG,IAAAC,aAAM,EAACL,IAAI,CAAC;EAC5B;AACF;AACA;EACE;EACA,IAAII,OAAO,CAACE,OAAO,KAAKN,IAAI,EAAE;IAC5B;IACAI,OAAO,CAACE,OAAO,GAAGN,IAAI;IACtBE,QAAQ,CAACH,YAAY,CAAC;EACxB;EACA,OAAO,CAACE,KAAK,EAAEC,QAAQ,CAAC;AAC1B,CAAC;AAACK,OAAA,CAAAT,gBAAA,GAAAA,gBAAA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useWindowResize.js","names":["_react","require","_debounce","_isBrowser","useWindowResize","width","setWidth","useState","isBrowser","window","innerWidth","height","setHeight","innerHeight","current","listener","useRef","debounce","useEffect","addEventListener","removeEventListener","exports"],"sources":["../../../src/hooks/useWindowResize.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { debounce } from \"../@utils/debounce\";\nimport { isBrowser } from \"../isBrowser\";\n\nexport const useWindowResize = () => {\n const [width, setWidth] = useState(isBrowser ? window.innerWidth : 0);\n const [height, setHeight] = useState(isBrowser ? window.innerHeight : 0);\n\n const { current: listener } = useRef(\n debounce(() => {\n if (!isBrowser) return;\n setWidth(window.innerWidth);\n setHeight(window.innerHeight);\n }, 100),\n );\n\n useEffect(() => {\n if (!isBrowser) return;\n window.addEventListener(\"resize\", listener);\n return () => {\n window.removeEventListener(\"resize\", listener);\n };\n }, [listener]);\n\n return {\n width,\n height,\n };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEO,MAAMG,eAAe,GAAGA,CAAA,KAAM;EACnC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAACC,oBAAS,GAAGC,MAAM,CAACC,UAAU,GAAG,CAAC,CAAC;EACrE,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAL,eAAQ,EAACC,oBAAS,GAAGC,MAAM,CAACI,WAAW,GAAG,CAAC,CAAC;EAExE,MAAM;IAAEC,OAAO,EAAEC;EAAS,CAAC,GAAG,IAAAC,aAAM,EAClC,IAAAC,kBAAQ,EAAC,MAAM;IACb,IAAI,CAACT,oBAAS,EAAE;IAChBF,QAAQ,CAACG,MAAM,CAACC,UAAU,CAAC;IAC3BE,SAAS,CAACH,MAAM,CAACI,WAAW,CAAC;EAC/B,CAAC,EAAE,GAAG,CACR,CAAC;EAED,IAAAK,gBAAS,EAAC,MAAM;IACd,IAAI,CAACV,oBAAS,EAAE;IAChBC,MAAM,CAACU,gBAAgB,CAAC,QAAQ,EAAEJ,QAAQ,CAAC;IAC3C,OAAO,MAAM;MACXN,MAAM,CAACW,mBAAmB,CAAC,QAAQ,EAAEL,QAAQ,CAAC;IAChD,CAAC;
|
|
1
|
+
{"version":3,"file":"useWindowResize.js","names":["_react","require","_debounce","_isBrowser","useWindowResize","width","setWidth","useState","isBrowser","window","innerWidth","height","setHeight","innerHeight","current","listener","useRef","debounce","useEffect","addEventListener","removeEventListener","exports"],"sources":["../../../src/hooks/useWindowResize.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { debounce } from \"../@utils/debounce\";\nimport { isBrowser } from \"../isBrowser\";\n\nexport const useWindowResize = () => {\n const [width, setWidth] = useState(isBrowser ? window.innerWidth : 0);\n const [height, setHeight] = useState(isBrowser ? window.innerHeight : 0);\n\n const { current: listener } = useRef(\n debounce(() => {\n if (!isBrowser) return;\n setWidth(window.innerWidth);\n setHeight(window.innerHeight);\n }, 100),\n );\n\n useEffect(() => {\n if (!isBrowser) return;\n window.addEventListener(\"resize\", listener);\n return () => {\n window.removeEventListener(\"resize\", listener);\n };\n // eslint-disable-next-line react-hooks/refs\n }, [listener]);\n\n return {\n width,\n height,\n };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEO,MAAMG,eAAe,GAAGA,CAAA,KAAM;EACnC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAACC,oBAAS,GAAGC,MAAM,CAACC,UAAU,GAAG,CAAC,CAAC;EACrE,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAL,eAAQ,EAACC,oBAAS,GAAGC,MAAM,CAACI,WAAW,GAAG,CAAC,CAAC;EAExE,MAAM;IAAEC,OAAO,EAAEC;EAAS,CAAC,GAAG,IAAAC,aAAM,EAClC,IAAAC,kBAAQ,EAAC,MAAM;IACb,IAAI,CAACT,oBAAS,EAAE;IAChBF,QAAQ,CAACG,MAAM,CAACC,UAAU,CAAC;IAC3BE,SAAS,CAACH,MAAM,CAACI,WAAW,CAAC;EAC/B,CAAC,EAAE,GAAG,CACR,CAAC;EAED,IAAAK,gBAAS,EAAC,MAAM;IACd,IAAI,CAACV,oBAAS,EAAE;IAChBC,MAAM,CAACU,gBAAgB,CAAC,QAAQ,EAAEJ,QAAQ,CAAC;IAC3C,OAAO,MAAM;MACXN,MAAM,CAACW,mBAAmB,CAAC,QAAQ,EAAEL,QAAQ,CAAC;IAChD,CAAC;IACD;EACF,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,OAAO;IACLV,KAAK;IACLM;EACF,CAAC;AACH,CAAC;AAACU,OAAA,CAAAjB,eAAA,GAAAA,eAAA","ignoreList":[]}
|
|
@@ -12,7 +12,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
12
12
|
styles: "&[data-has-children=\"true\"]{position:absolute;display:grid;grid-template-areas:\".\" \".\";grid-template-rows:auto 1fr;grid-template-columns:100%;align-self:stretch;width:100%;height:100%;&>*:first-of-type{margin:10% 10% 0px;text-align:right;}}"
|
|
13
13
|
} : {
|
|
14
14
|
name: "v9x5c4-CalendarDay",
|
|
15
|
-
styles: "&[data-has-children=\"true\"]{position:absolute;display:grid;grid-template-areas:\".\" \".\";grid-template-rows:auto 1fr;grid-template-columns:100%;align-self:stretch;width:100%;height:100%;&>*:first-of-type{margin:10% 10% 0px;text-align:right;}};label:CalendarDay;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYWxlbmRhci9DYWxlbmRhckRheS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOElhIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9DYWxlbmRhci9DYWxlbmRhckRheS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlTWVtbywgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZGF5anMgZnJvbSBcImRheWpzXCI7XG5pbXBvcnQgeyBQYXJ0aWFsQ29sb3JQcm9wcywgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBDYWxlbmRhckRheVByb3BzXG4gIGV4dGVuZHMgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4sIFwiY29sb3JcIj4sXG4gICAgUGFydGlhbENvbG9yUHJvcHMge1xuICBkYXRlOiBkYXlqcy5Db25maWdUeXBlO1xuICBoYXNDaGlsZHJlbj86IGJvb2xlYW47XG4gIGRpc2FibGVBbmltYXRpb24/OiBib29sZWFuO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHZhcmlhbnQ/OiBcImZpbGxlZFwiIHwgXCJvdXRsaW5lZFwiO1xuICBldmVudD86IHtcbiAgICBzdGFydD86IGRheWpzLkNvbmZpZ1R5cGU7XG4gICAgZW5kPzogZGF5anMuQ29uZmlnVHlwZTtcbiAgICB0eXBlPzogc3RyaW5nO1xuICB9O1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqKlxuICAgKiDml6Xku5jjgYzjgq/jg6rjg4Pjgq/jgZXjgozjgZ/loLTlkIjjgavjgIHjgZ3jga7ml6Xku5jjgajjgqTjg5njg7Pjg4jjgpLov5TjgZnjgIJcbiAgICovXG4gIG9uQ2xpY2tEYXk/OiAoXG4gICAgdmFsdWU6IERhdGUsXG4gICAgZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQsIE1vdXNlRXZlbnQ+LFxuICApID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhckRheSA9ICh7XG4gIGRhdGUsXG4gIGNoaWxkcmVuLFxuICBjb2xvciA9IFwiZGVmYXVsdFwiLFxuICBoYXNDaGlsZHJlbiA9IGZhbHNlLFxuICB2YXJpYW50ID0gXCJvdXRsaW5lZFwiLFxuICBkaXNhYmxlQW5pbWF0aW9uID0gZmFsc2UsXG4gIGRpc2FibGVkOiBkaXNhYmxlZFByb3BzLFxuICBldmVudCxcbiAgb25DbGlja0RheSxcbiAgLi4ucmVzdFxufTogQ2FsZW5kYXJEYXlQcm9wcykgPT4ge1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBkYXkgPSB1c2VNZW1vKCgpID0+
|
|
15
|
+
styles: "&[data-has-children=\"true\"]{position:absolute;display:grid;grid-template-areas:\".\" \".\";grid-template-rows:auto 1fr;grid-template-columns:100%;align-self:stretch;width:100%;height:100%;&>*:first-of-type{margin:10% 10% 0px;text-align:right;}};label:CalendarDay;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYWxlbmRhci9DYWxlbmRhckRheS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOElhIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9DYWxlbmRhci9DYWxlbmRhckRheS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlTWVtbywgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZGF5anMgZnJvbSBcImRheWpzXCI7XG5pbXBvcnQgeyBQYXJ0aWFsQ29sb3JQcm9wcywgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBDYWxlbmRhckRheVByb3BzXG4gIGV4dGVuZHMgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4sIFwiY29sb3JcIj4sXG4gICAgUGFydGlhbENvbG9yUHJvcHMge1xuICBkYXRlOiBkYXlqcy5Db25maWdUeXBlO1xuICBoYXNDaGlsZHJlbj86IGJvb2xlYW47XG4gIGRpc2FibGVBbmltYXRpb24/OiBib29sZWFuO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHZhcmlhbnQ/OiBcImZpbGxlZFwiIHwgXCJvdXRsaW5lZFwiO1xuICBldmVudD86IHtcbiAgICBzdGFydD86IGRheWpzLkNvbmZpZ1R5cGU7XG4gICAgZW5kPzogZGF5anMuQ29uZmlnVHlwZTtcbiAgICB0eXBlPzogc3RyaW5nO1xuICB9O1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqKlxuICAgKiDml6Xku5jjgYzjgq/jg6rjg4Pjgq/jgZXjgozjgZ/loLTlkIjjgavjgIHjgZ3jga7ml6Xku5jjgajjgqTjg5njg7Pjg4jjgpLov5TjgZnjgIJcbiAgICovXG4gIG9uQ2xpY2tEYXk/OiAoXG4gICAgdmFsdWU6IERhdGUsXG4gICAgZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQsIE1vdXNlRXZlbnQ+LFxuICApID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhckRheSA9ICh7XG4gIGRhdGUsXG4gIGNoaWxkcmVuLFxuICBjb2xvciA9IFwiZGVmYXVsdFwiLFxuICBoYXNDaGlsZHJlbiA9IGZhbHNlLFxuICB2YXJpYW50ID0gXCJvdXRsaW5lZFwiLFxuICBkaXNhYmxlQW5pbWF0aW9uID0gZmFsc2UsXG4gIGRpc2FibGVkOiBkaXNhYmxlZFByb3BzLFxuICBldmVudCxcbiAgb25DbGlja0RheSxcbiAgLi4ucmVzdFxufTogQ2FsZW5kYXJEYXlQcm9wcykgPT4ge1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBkYXkgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBkID0gZGF5anMoZGF0ZSk7XG4gICAgaWYgKGQuaXNWYWxpZCgpKSByZXR1cm4gZDtcbiAgICByZXR1cm4gZGF5anMoKTtcbiAgfSwgW2RhdGVdKTtcblxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgcGFsZXR0ZSwgdHJhbnNpdGlvbnMgfSA9IHRoZW1lO1xuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvcHJlZmVyLW9wdGlvbmFsLWNoYWluLCBAdHlwZXNjcmlwdC1lc2xpbnQvcHJlZmVyLW51bGxpc2gtY29hbGVzY2luZ1xuICBjb25zdCBkaXNhYmxlZCA9IGRpc2FibGVkUHJvcHMgfHwgKGV2ZW50ICYmIGV2ZW50LnR5cGUgPT09IFwiZGlzYWJsZWRcIik7XG5cbiAgY29uc3QgZGF0ZVN0ciA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBkYXkuZm9ybWF0KFwiWVlZWS1NTS1ERFwiKTtcbiAgfSwgW2RheV0pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgaWYgKG9uQ2xpY2tEYXkpIHtcbiAgICAgICAgb25DbGlja0RheShkYXkudG9EYXRlKCksIGV2ZW50KTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtkYXksIG9uQ2xpY2tEYXldLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBkYXRhLWV2ZW50LWRhdGU9e2RhdGVTdHJ9XG4gICAgICBhcmlhLWRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGRhdGEtdmFyaWFudD17dmFyaWFudH1cbiAgICAgIGRhdGEtZGlzYWJsZS1hbmltYXRpb249e2Rpc2FibGVBbmltYXRpb259XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgcGFkZGluZzogMHB4O1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB0b3VjaC1hY3Rpb246IG1hbmlwdWxhdGlvbjtcbiAgICAgICAgLyoqIGRlY29yYXRpb24gKi9cbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBvdXRsaW5lOiAwcHg7XG4gICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgICY6OnNlbGVjdGlvbiB7XG4gICAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIH1cbiAgICAgICAgJlthcmlhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgICAgICAgY29sb3I6ICR7cGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWR9ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuZ3JheVsyMDBdfSAhaW1wb3J0YW50O1xuICAgICAgICAgIGJveC1zaGFkb3c6IDBweCAwcHggMHB4IDAuNXB4ICR7cGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWR9IGluc2V0ICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICAgICAgJltkYXRhLXZhcmlhbnQ9XCJmaWxsZWRcIl0ge1xuICAgICAgICAgIGNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgPyBwYWxldHRlLnRleHQucHJpbWFyeVxuICAgICAgICAgICAgOiBwYWxldHRlLmludGVudGlvbnNbY29sb3JdLmNvbnRyYXN0VGV4dH07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgID8gcGFsZXR0ZS5iYWNrZ3JvdW5kLnBhcGVyXG4gICAgICAgICAgICA6IHBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgYm94LXNoYWRvdzogMHB4IDBweCAwcHggMC41cHhcbiAgICAgICAgICAgICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICAgID8gcGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWRcbiAgICAgICAgICAgICAgOiBwYWxldHRlLmludGVudGlvbnNbY29sb3JdLm1haW59XG4gICAgICAgICAgICBpbnNldDtcbiAgICAgICAgfVxuICAgICAgICAmW2RhdGEtdmFyaWFudD1cIm91dGxpbmVkXCJdIHtcbiAgICAgICAgICBjb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgID8gcGFsZXR0ZS50ZXh0LnByaW1hcnlcbiAgICAgICAgICAgIDogcGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5tYWlufTtcbiAgICAgICAgICBib3gtc2hhZG93OiAwcHggMHB4IDBweCAwLjVweFxuICAgICAgICAgICAgJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgICAgPyBwYWxldHRlLmFjdGlvbi5kaXNhYmxlZFxuICAgICAgICAgICAgICA6IHBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn1cbiAgICAgICAgICAgIGluc2V0O1xuICAgICAgICB9XG4gICAgICAgICZbZGF0YS1kaXNhYmxlLWFuaW1hdGlvbj1cImZhbHNlXCJdIHtcbiAgICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7dHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9XG4gICAgICAgICAgICAke3RyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9O1xuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgICAgPyBwYWxldHRlLmdyYXlbMzAwXVxuICAgICAgICAgICAgICA6IHBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubGlnaHR9O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHJvbGU9XCJidXR0b25cIlxuICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgZGF0YS1oYXMtY2hpbGRyZW49e2hhc0NoaWxkcmVufVxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBoYXNDaGlsZHJlblxuICAgICAgICAgICAgPyB0aGVtZS50eXBvZ3JhcGh5LklOVEVSTkFMU19ET19OT1RfVVNFX2NhbGVuZGFyRGF5X2hhc0NoaWxkcmVuXG4gICAgICAgICAgICA6IHRoZW1lLnR5cG9ncmFwaHkuSU5URVJOQUxTX0RPX05PVF9VU0VfY2FsZW5kYXJEYXksXG4gICAgICAgICAgY3NzYFxuICAgICAgICAgICAgJltkYXRhLWhhcy1jaGlsZHJlbj1cInRydWVcIl0ge1xuICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgICAgICAgIGdyaWQtdGVtcGxhdGUtYXJlYXM6IFwiLlwiIFwiLlwiO1xuICAgICAgICAgICAgICBncmlkLXRlbXBsYXRlLXJvd3M6XG4gICAgICAgICAgICAgICAgYXV0b1xuICAgICAgICAgICAgICAgIDFmcjtcbiAgICAgICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxMDAlO1xuICAgICAgICAgICAgICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgICAmID4gKjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICAgICAgICBtYXJnaW46IDEwJSAxMCUgMHB4O1xuICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAgPGRpdj57ZGF5LmRhdGUoKX08L2Rpdj5cbiAgICAgICAge2hhc0NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */",
|
|
16
16
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
17
17
|
};
|
|
18
18
|
export var CalendarDay = _ref2 => {
|
|
@@ -40,7 +40,7 @@ export var CalendarDay = _ref2 => {
|
|
|
40
40
|
transitions
|
|
41
41
|
} = theme;
|
|
42
42
|
|
|
43
|
-
// eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
|
|
43
|
+
// eslint-disable-next-line @typescript-eslint/prefer-optional-chain, @typescript-eslint/prefer-nullish-coalescing
|
|
44
44
|
var disabled = disabledProps || event && event.type === "disabled";
|
|
45
45
|
var dateStr = useMemo(() => {
|
|
46
46
|
return day.format("YYYY-MM-DD");
|
|
@@ -56,13 +56,13 @@ export var CalendarDay = _ref2 => {
|
|
|
56
56
|
"aria-disabled": disabled,
|
|
57
57
|
"data-variant": variant,
|
|
58
58
|
"data-disable-animation": disableAnimation,
|
|
59
|
-
css: /*#__PURE__*/css("position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0px;overflow:hidden;touch-action:manipulation;cursor:pointer;user-select:none;border:none;outline:0px;appearance:none;&::selection{color:inherit;background-color:transparent;}&[aria-disabled=\"true\"]{color:", palette.action.disabled, "!important;cursor:not-allowed;background-color:", palette.gray[200], "!important;box-shadow:0px 0px 0px 0.5px ", palette.action.disabled, " inset!important;}&[data-variant=\"filled\"]{color:", color === "default" ? palette.text.primary : palette.intentions[color].contrastText, ";background-color:", color === "default" ? palette.background.paper : palette.intentions[color].main, ";box-shadow:0px 0px 0px 0.5px ", color === "default" ? palette.action.disabled : palette.intentions[color].main, " inset;}&[data-variant=\"outlined\"]{color:", color === "default" ? palette.text.primary : palette.intentions[color].main, ";box-shadow:0px 0px 0px 0.5px ", color === "default" ? palette.action.disabled : palette.intentions[color].main, " inset;}&[data-disable-animation=\"false\"]{transition:background-color ", transitions.duration.shortest, " ", transitions.easing.easeInOut, ";&:hover{background-color:", color === "default" ? palette.gray[300] : palette.intentions[color].light, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:CalendarDay;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYWxlbmRhci9DYWxlbmRhckRheS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUVjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9DYWxlbmRhci9DYWxlbmRhckRheS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlTWVtbywgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZGF5anMgZnJvbSBcImRheWpzXCI7XG5pbXBvcnQgeyBQYXJ0aWFsQ29sb3JQcm9wcywgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBDYWxlbmRhckRheVByb3BzXG4gIGV4dGVuZHMgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4sIFwiY29sb3JcIj4sXG4gICAgUGFydGlhbENvbG9yUHJvcHMge1xuICBkYXRlOiBkYXlqcy5Db25maWdUeXBlO1xuICBoYXNDaGlsZHJlbj86IGJvb2xlYW47XG4gIGRpc2FibGVBbmltYXRpb24/OiBib29sZWFuO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHZhcmlhbnQ/OiBcImZpbGxlZFwiIHwgXCJvdXRsaW5lZFwiO1xuICBldmVudD86IHtcbiAgICBzdGFydD86IGRheWpzLkNvbmZpZ1R5cGU7XG4gICAgZW5kPzogZGF5anMuQ29uZmlnVHlwZTtcbiAgICB0eXBlPzogc3RyaW5nO1xuICB9O1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqKlxuICAgKiDml6Xku5jjgYzjgq/jg6rjg4Pjgq/jgZXjgozjgZ/loLTlkIjjgavjgIHjgZ3jga7ml6Xku5jjgajjgqTjg5njg7Pjg4jjgpLov5TjgZnjgIJcbiAgICovXG4gIG9uQ2xpY2tEYXk/OiAoXG4gICAgdmFsdWU6IERhdGUsXG4gICAgZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQsIE1vdXNlRXZlbnQ+LFxuICApID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhckRheSA9ICh7XG4gIGRhdGUsXG4gIGNoaWxkcmVuLFxuICBjb2xvciA9IFwiZGVmYXVsdFwiLFxuICBoYXNDaGlsZHJlbiA9IGZhbHNlLFxuICB2YXJpYW50ID0gXCJvdXRsaW5lZFwiLFxuICBkaXNhYmxlQW5pbWF0aW9uID0gZmFsc2UsXG4gIGRpc2FibGVkOiBkaXNhYmxlZFByb3BzLFxuICBldmVudCxcbiAgb25DbGlja0RheSxcbiAgLi4ucmVzdFxufTogQ2FsZW5kYXJEYXlQcm9wcykgPT4ge1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBkYXkgPSB1c2VNZW1vKCgpID0+
|
|
59
|
+
css: /*#__PURE__*/css("position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0px;overflow:hidden;touch-action:manipulation;cursor:pointer;user-select:none;border:none;outline:0px;appearance:none;&::selection{color:inherit;background-color:transparent;}&[aria-disabled=\"true\"]{color:", palette.action.disabled, "!important;cursor:not-allowed;background-color:", palette.gray[200], "!important;box-shadow:0px 0px 0px 0.5px ", palette.action.disabled, " inset!important;}&[data-variant=\"filled\"]{color:", color === "default" ? palette.text.primary : palette.intentions[color].contrastText, ";background-color:", color === "default" ? palette.background.paper : palette.intentions[color].main, ";box-shadow:0px 0px 0px 0.5px ", color === "default" ? palette.action.disabled : palette.intentions[color].main, " inset;}&[data-variant=\"outlined\"]{color:", color === "default" ? palette.text.primary : palette.intentions[color].main, ";box-shadow:0px 0px 0px 0.5px ", color === "default" ? palette.action.disabled : palette.intentions[color].main, " inset;}&[data-disable-animation=\"false\"]{transition:background-color ", transitions.duration.shortest, " ", transitions.easing.easeInOut, ";&:hover{background-color:", color === "default" ? palette.gray[300] : palette.intentions[color].light, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:CalendarDay;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYWxlbmRhci9DYWxlbmRhckRheS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUVjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9DYWxlbmRhci9DYWxlbmRhckRheS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlTWVtbywgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZGF5anMgZnJvbSBcImRheWpzXCI7XG5pbXBvcnQgeyBQYXJ0aWFsQ29sb3JQcm9wcywgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBDYWxlbmRhckRheVByb3BzXG4gIGV4dGVuZHMgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4sIFwiY29sb3JcIj4sXG4gICAgUGFydGlhbENvbG9yUHJvcHMge1xuICBkYXRlOiBkYXlqcy5Db25maWdUeXBlO1xuICBoYXNDaGlsZHJlbj86IGJvb2xlYW47XG4gIGRpc2FibGVBbmltYXRpb24/OiBib29sZWFuO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHZhcmlhbnQ/OiBcImZpbGxlZFwiIHwgXCJvdXRsaW5lZFwiO1xuICBldmVudD86IHtcbiAgICBzdGFydD86IGRheWpzLkNvbmZpZ1R5cGU7XG4gICAgZW5kPzogZGF5anMuQ29uZmlnVHlwZTtcbiAgICB0eXBlPzogc3RyaW5nO1xuICB9O1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqKlxuICAgKiDml6Xku5jjgYzjgq/jg6rjg4Pjgq/jgZXjgozjgZ/loLTlkIjjgavjgIHjgZ3jga7ml6Xku5jjgajjgqTjg5njg7Pjg4jjgpLov5TjgZnjgIJcbiAgICovXG4gIG9uQ2xpY2tEYXk/OiAoXG4gICAgdmFsdWU6IERhdGUsXG4gICAgZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQsIE1vdXNlRXZlbnQ+LFxuICApID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhckRheSA9ICh7XG4gIGRhdGUsXG4gIGNoaWxkcmVuLFxuICBjb2xvciA9IFwiZGVmYXVsdFwiLFxuICBoYXNDaGlsZHJlbiA9IGZhbHNlLFxuICB2YXJpYW50ID0gXCJvdXRsaW5lZFwiLFxuICBkaXNhYmxlQW5pbWF0aW9uID0gZmFsc2UsXG4gIGRpc2FibGVkOiBkaXNhYmxlZFByb3BzLFxuICBldmVudCxcbiAgb25DbGlja0RheSxcbiAgLi4ucmVzdFxufTogQ2FsZW5kYXJEYXlQcm9wcykgPT4ge1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBkYXkgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBkID0gZGF5anMoZGF0ZSk7XG4gICAgaWYgKGQuaXNWYWxpZCgpKSByZXR1cm4gZDtcbiAgICByZXR1cm4gZGF5anMoKTtcbiAgfSwgW2RhdGVdKTtcblxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgcGFsZXR0ZSwgdHJhbnNpdGlvbnMgfSA9IHRoZW1lO1xuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvcHJlZmVyLW9wdGlvbmFsLWNoYWluLCBAdHlwZXNjcmlwdC1lc2xpbnQvcHJlZmVyLW51bGxpc2gtY29hbGVzY2luZ1xuICBjb25zdCBkaXNhYmxlZCA9IGRpc2FibGVkUHJvcHMgfHwgKGV2ZW50ICYmIGV2ZW50LnR5cGUgPT09IFwiZGlzYWJsZWRcIik7XG5cbiAgY29uc3QgZGF0ZVN0ciA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBkYXkuZm9ybWF0KFwiWVlZWS1NTS1ERFwiKTtcbiAgfSwgW2RheV0pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgaWYgKG9uQ2xpY2tEYXkpIHtcbiAgICAgICAgb25DbGlja0RheShkYXkudG9EYXRlKCksIGV2ZW50KTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtkYXksIG9uQ2xpY2tEYXldLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBkYXRhLWV2ZW50LWRhdGU9e2RhdGVTdHJ9XG4gICAgICBhcmlhLWRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGRhdGEtdmFyaWFudD17dmFyaWFudH1cbiAgICAgIGRhdGEtZGlzYWJsZS1hbmltYXRpb249e2Rpc2FibGVBbmltYXRpb259XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgcGFkZGluZzogMHB4O1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB0b3VjaC1hY3Rpb246IG1hbmlwdWxhdGlvbjtcbiAgICAgICAgLyoqIGRlY29yYXRpb24gKi9cbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBvdXRsaW5lOiAwcHg7XG4gICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgICY6OnNlbGVjdGlvbiB7XG4gICAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIH1cbiAgICAgICAgJlthcmlhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgICAgICAgY29sb3I6ICR7cGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWR9ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuZ3JheVsyMDBdfSAhaW1wb3J0YW50O1xuICAgICAgICAgIGJveC1zaGFkb3c6IDBweCAwcHggMHB4IDAuNXB4ICR7cGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWR9IGluc2V0ICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICAgICAgJltkYXRhLXZhcmlhbnQ9XCJmaWxsZWRcIl0ge1xuICAgICAgICAgIGNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgPyBwYWxldHRlLnRleHQucHJpbWFyeVxuICAgICAgICAgICAgOiBwYWxldHRlLmludGVudGlvbnNbY29sb3JdLmNvbnRyYXN0VGV4dH07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgID8gcGFsZXR0ZS5iYWNrZ3JvdW5kLnBhcGVyXG4gICAgICAgICAgICA6IHBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgYm94LXNoYWRvdzogMHB4IDBweCAwcHggMC41cHhcbiAgICAgICAgICAgICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICAgID8gcGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWRcbiAgICAgICAgICAgICAgOiBwYWxldHRlLmludGVudGlvbnNbY29sb3JdLm1haW59XG4gICAgICAgICAgICBpbnNldDtcbiAgICAgICAgfVxuICAgICAgICAmW2RhdGEtdmFyaWFudD1cIm91dGxpbmVkXCJdIHtcbiAgICAgICAgICBjb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgID8gcGFsZXR0ZS50ZXh0LnByaW1hcnlcbiAgICAgICAgICAgIDogcGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5tYWlufTtcbiAgICAgICAgICBib3gtc2hhZG93OiAwcHggMHB4IDBweCAwLjVweFxuICAgICAgICAgICAgJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgICAgPyBwYWxldHRlLmFjdGlvbi5kaXNhYmxlZFxuICAgICAgICAgICAgICA6IHBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn1cbiAgICAgICAgICAgIGluc2V0O1xuICAgICAgICB9XG4gICAgICAgICZbZGF0YS1kaXNhYmxlLWFuaW1hdGlvbj1cImZhbHNlXCJdIHtcbiAgICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7dHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9XG4gICAgICAgICAgICAke3RyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9O1xuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgICAgPyBwYWxldHRlLmdyYXlbMzAwXVxuICAgICAgICAgICAgICA6IHBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubGlnaHR9O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHJvbGU9XCJidXR0b25cIlxuICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgZGF0YS1oYXMtY2hpbGRyZW49e2hhc0NoaWxkcmVufVxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBoYXNDaGlsZHJlblxuICAgICAgICAgICAgPyB0aGVtZS50eXBvZ3JhcGh5LklOVEVSTkFMU19ET19OT1RfVVNFX2NhbGVuZGFyRGF5X2hhc0NoaWxkcmVuXG4gICAgICAgICAgICA6IHRoZW1lLnR5cG9ncmFwaHkuSU5URVJOQUxTX0RPX05PVF9VU0VfY2FsZW5kYXJEYXksXG4gICAgICAgICAgY3NzYFxuICAgICAgICAgICAgJltkYXRhLWhhcy1jaGlsZHJlbj1cInRydWVcIl0ge1xuICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgICAgICAgIGdyaWQtdGVtcGxhdGUtYXJlYXM6IFwiLlwiIFwiLlwiO1xuICAgICAgICAgICAgICBncmlkLXRlbXBsYXRlLXJvd3M6XG4gICAgICAgICAgICAgICAgYXV0b1xuICAgICAgICAgICAgICAgIDFmcjtcbiAgICAgICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxMDAlO1xuICAgICAgICAgICAgICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgICAmID4gKjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICAgICAgICBtYXJnaW46IDEwJSAxMCUgMHB4O1xuICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAgPGRpdj57ZGF5LmRhdGUoKX08L2Rpdj5cbiAgICAgICAge2hhc0NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */"),
|
|
60
60
|
role: "button",
|
|
61
61
|
tabIndex: 0,
|
|
62
62
|
onClick: handleClick
|
|
63
63
|
}, rest), ___EmotionJSX("div", {
|
|
64
64
|
"data-has-children": hasChildren,
|
|
65
|
-
css: [hasChildren ? theme.typography.INTERNALS_DO_NOT_USE_calendarDay_hasChildren : theme.typography.INTERNALS_DO_NOT_USE_calendarDay, _ref, process.env.NODE_ENV === "production" ? "" : ";label:CalendarDay;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYWxlbmRhci9DYWxlbmRhckRheS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMElRIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9DYWxlbmRhci9DYWxlbmRhckRheS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlTWVtbywgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZGF5anMgZnJvbSBcImRheWpzXCI7XG5pbXBvcnQgeyBQYXJ0aWFsQ29sb3JQcm9wcywgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBDYWxlbmRhckRheVByb3BzXG4gIGV4dGVuZHMgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4sIFwiY29sb3JcIj4sXG4gICAgUGFydGlhbENvbG9yUHJvcHMge1xuICBkYXRlOiBkYXlqcy5Db25maWdUeXBlO1xuICBoYXNDaGlsZHJlbj86IGJvb2xlYW47XG4gIGRpc2FibGVBbmltYXRpb24/OiBib29sZWFuO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHZhcmlhbnQ/OiBcImZpbGxlZFwiIHwgXCJvdXRsaW5lZFwiO1xuICBldmVudD86IHtcbiAgICBzdGFydD86IGRheWpzLkNvbmZpZ1R5cGU7XG4gICAgZW5kPzogZGF5anMuQ29uZmlnVHlwZTtcbiAgICB0eXBlPzogc3RyaW5nO1xuICB9O1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqKlxuICAgKiDml6Xku5jjgYzjgq/jg6rjg4Pjgq/jgZXjgozjgZ/loLTlkIjjgavjgIHjgZ3jga7ml6Xku5jjgajjgqTjg5njg7Pjg4jjgpLov5TjgZnjgIJcbiAgICovXG4gIG9uQ2xpY2tEYXk/OiAoXG4gICAgdmFsdWU6IERhdGUsXG4gICAgZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQsIE1vdXNlRXZlbnQ+LFxuICApID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhckRheSA9ICh7XG4gIGRhdGUsXG4gIGNoaWxkcmVuLFxuICBjb2xvciA9IFwiZGVmYXVsdFwiLFxuICBoYXNDaGlsZHJlbiA9IGZhbHNlLFxuICB2YXJpYW50ID0gXCJvdXRsaW5lZFwiLFxuICBkaXNhYmxlQW5pbWF0aW9uID0gZmFsc2UsXG4gIGRpc2FibGVkOiBkaXNhYmxlZFByb3BzLFxuICBldmVudCxcbiAgb25DbGlja0RheSxcbiAgLi4ucmVzdFxufTogQ2FsZW5kYXJEYXlQcm9wcykgPT4ge1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBkYXkgPSB1c2VNZW1vKCgpID0+
|
|
65
|
+
css: [hasChildren ? theme.typography.INTERNALS_DO_NOT_USE_calendarDay_hasChildren : theme.typography.INTERNALS_DO_NOT_USE_calendarDay, _ref, process.env.NODE_ENV === "production" ? "" : ";label:CalendarDay;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYWxlbmRhci9DYWxlbmRhckRheS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMElRIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9DYWxlbmRhci9DYWxlbmRhckRheS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlTWVtbywgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZGF5anMgZnJvbSBcImRheWpzXCI7XG5pbXBvcnQgeyBQYXJ0aWFsQ29sb3JQcm9wcywgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBDYWxlbmRhckRheVByb3BzXG4gIGV4dGVuZHMgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4sIFwiY29sb3JcIj4sXG4gICAgUGFydGlhbENvbG9yUHJvcHMge1xuICBkYXRlOiBkYXlqcy5Db25maWdUeXBlO1xuICBoYXNDaGlsZHJlbj86IGJvb2xlYW47XG4gIGRpc2FibGVBbmltYXRpb24/OiBib29sZWFuO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHZhcmlhbnQ/OiBcImZpbGxlZFwiIHwgXCJvdXRsaW5lZFwiO1xuICBldmVudD86IHtcbiAgICBzdGFydD86IGRheWpzLkNvbmZpZ1R5cGU7XG4gICAgZW5kPzogZGF5anMuQ29uZmlnVHlwZTtcbiAgICB0eXBlPzogc3RyaW5nO1xuICB9O1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqKlxuICAgKiDml6Xku5jjgYzjgq/jg6rjg4Pjgq/jgZXjgozjgZ/loLTlkIjjgavjgIHjgZ3jga7ml6Xku5jjgajjgqTjg5njg7Pjg4jjgpLov5TjgZnjgIJcbiAgICovXG4gIG9uQ2xpY2tEYXk/OiAoXG4gICAgdmFsdWU6IERhdGUsXG4gICAgZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQsIE1vdXNlRXZlbnQ+LFxuICApID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhckRheSA9ICh7XG4gIGRhdGUsXG4gIGNoaWxkcmVuLFxuICBjb2xvciA9IFwiZGVmYXVsdFwiLFxuICBoYXNDaGlsZHJlbiA9IGZhbHNlLFxuICB2YXJpYW50ID0gXCJvdXRsaW5lZFwiLFxuICBkaXNhYmxlQW5pbWF0aW9uID0gZmFsc2UsXG4gIGRpc2FibGVkOiBkaXNhYmxlZFByb3BzLFxuICBldmVudCxcbiAgb25DbGlja0RheSxcbiAgLi4ucmVzdFxufTogQ2FsZW5kYXJEYXlQcm9wcykgPT4ge1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBkYXkgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBkID0gZGF5anMoZGF0ZSk7XG4gICAgaWYgKGQuaXNWYWxpZCgpKSByZXR1cm4gZDtcbiAgICByZXR1cm4gZGF5anMoKTtcbiAgfSwgW2RhdGVdKTtcblxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgcGFsZXR0ZSwgdHJhbnNpdGlvbnMgfSA9IHRoZW1lO1xuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvcHJlZmVyLW9wdGlvbmFsLWNoYWluLCBAdHlwZXNjcmlwdC1lc2xpbnQvcHJlZmVyLW51bGxpc2gtY29hbGVzY2luZ1xuICBjb25zdCBkaXNhYmxlZCA9IGRpc2FibGVkUHJvcHMgfHwgKGV2ZW50ICYmIGV2ZW50LnR5cGUgPT09IFwiZGlzYWJsZWRcIik7XG5cbiAgY29uc3QgZGF0ZVN0ciA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBkYXkuZm9ybWF0KFwiWVlZWS1NTS1ERFwiKTtcbiAgfSwgW2RheV0pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgaWYgKG9uQ2xpY2tEYXkpIHtcbiAgICAgICAgb25DbGlja0RheShkYXkudG9EYXRlKCksIGV2ZW50KTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtkYXksIG9uQ2xpY2tEYXldLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBkYXRhLWV2ZW50LWRhdGU9e2RhdGVTdHJ9XG4gICAgICBhcmlhLWRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGRhdGEtdmFyaWFudD17dmFyaWFudH1cbiAgICAgIGRhdGEtZGlzYWJsZS1hbmltYXRpb249e2Rpc2FibGVBbmltYXRpb259XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgcGFkZGluZzogMHB4O1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB0b3VjaC1hY3Rpb246IG1hbmlwdWxhdGlvbjtcbiAgICAgICAgLyoqIGRlY29yYXRpb24gKi9cbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBvdXRsaW5lOiAwcHg7XG4gICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgICY6OnNlbGVjdGlvbiB7XG4gICAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIH1cbiAgICAgICAgJlthcmlhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgICAgICAgY29sb3I6ICR7cGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWR9ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuZ3JheVsyMDBdfSAhaW1wb3J0YW50O1xuICAgICAgICAgIGJveC1zaGFkb3c6IDBweCAwcHggMHB4IDAuNXB4ICR7cGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWR9IGluc2V0ICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICAgICAgJltkYXRhLXZhcmlhbnQ9XCJmaWxsZWRcIl0ge1xuICAgICAgICAgIGNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgPyBwYWxldHRlLnRleHQucHJpbWFyeVxuICAgICAgICAgICAgOiBwYWxldHRlLmludGVudGlvbnNbY29sb3JdLmNvbnRyYXN0VGV4dH07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgID8gcGFsZXR0ZS5iYWNrZ3JvdW5kLnBhcGVyXG4gICAgICAgICAgICA6IHBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgYm94LXNoYWRvdzogMHB4IDBweCAwcHggMC41cHhcbiAgICAgICAgICAgICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICAgID8gcGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWRcbiAgICAgICAgICAgICAgOiBwYWxldHRlLmludGVudGlvbnNbY29sb3JdLm1haW59XG4gICAgICAgICAgICBpbnNldDtcbiAgICAgICAgfVxuICAgICAgICAmW2RhdGEtdmFyaWFudD1cIm91dGxpbmVkXCJdIHtcbiAgICAgICAgICBjb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgID8gcGFsZXR0ZS50ZXh0LnByaW1hcnlcbiAgICAgICAgICAgIDogcGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5tYWlufTtcbiAgICAgICAgICBib3gtc2hhZG93OiAwcHggMHB4IDBweCAwLjVweFxuICAgICAgICAgICAgJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgICAgPyBwYWxldHRlLmFjdGlvbi5kaXNhYmxlZFxuICAgICAgICAgICAgICA6IHBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn1cbiAgICAgICAgICAgIGluc2V0O1xuICAgICAgICB9XG4gICAgICAgICZbZGF0YS1kaXNhYmxlLWFuaW1hdGlvbj1cImZhbHNlXCJdIHtcbiAgICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7dHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9XG4gICAgICAgICAgICAke3RyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9O1xuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgICAgPyBwYWxldHRlLmdyYXlbMzAwXVxuICAgICAgICAgICAgICA6IHBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubGlnaHR9O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHJvbGU9XCJidXR0b25cIlxuICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgZGF0YS1oYXMtY2hpbGRyZW49e2hhc0NoaWxkcmVufVxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBoYXNDaGlsZHJlblxuICAgICAgICAgICAgPyB0aGVtZS50eXBvZ3JhcGh5LklOVEVSTkFMU19ET19OT1RfVVNFX2NhbGVuZGFyRGF5X2hhc0NoaWxkcmVuXG4gICAgICAgICAgICA6IHRoZW1lLnR5cG9ncmFwaHkuSU5URVJOQUxTX0RPX05PVF9VU0VfY2FsZW5kYXJEYXksXG4gICAgICAgICAgY3NzYFxuICAgICAgICAgICAgJltkYXRhLWhhcy1jaGlsZHJlbj1cInRydWVcIl0ge1xuICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgICAgICAgIGdyaWQtdGVtcGxhdGUtYXJlYXM6IFwiLlwiIFwiLlwiO1xuICAgICAgICAgICAgICBncmlkLXRlbXBsYXRlLXJvd3M6XG4gICAgICAgICAgICAgICAgYXV0b1xuICAgICAgICAgICAgICAgIDFmcjtcbiAgICAgICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxMDAlO1xuICAgICAgICAgICAgICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgICAmID4gKjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICAgICAgICBtYXJnaW46IDEwJSAxMCUgMHB4O1xuICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAgPGRpdj57ZGF5LmRhdGUoKX08L2Rpdj5cbiAgICAgICAge2hhc0NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */"]
|
|
66
66
|
}, ___EmotionJSX("div", null, day.date()), hasChildren && children));
|
|
67
67
|
};
|
|
68
68
|
//# sourceMappingURL=CalendarDay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarDay.js","names":["css","React","useCallback","useMemo","useRef","dayjs","useTheme","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","CalendarDay","_ref2","date","children","color","hasChildren","variant","disableAnimation","disabled","disabledProps","event","onClickDay","rest","_objectWithoutPropertiesLoose","_excluded","ref","day","d","isValid","theme","palette","transitions","type","dateStr","format","handleClick","toDate","_extends","action","gray","text","primary","intentions","contrastText","background","paper","main","duration","shortest","easing","easeInOut","light","role","tabIndex","onClick","typography","INTERNALS_DO_NOT_USE_calendarDay_hasChildren","INTERNALS_DO_NOT_USE_calendarDay"],"sources":["../../../src/Calendar/CalendarDay.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { useCallback, useMemo, useRef } from \"react\";\nimport dayjs from \"dayjs\";\nimport { PartialColorProps, useTheme } from \"../theme\";\n\nexport interface CalendarDayProps\n extends Omit<React.ComponentPropsWithoutRef<\"div\">, \"color\">,\n PartialColorProps {\n date: dayjs.ConfigType;\n hasChildren?: boolean;\n disableAnimation?: boolean;\n disabled?: boolean;\n variant?: \"filled\" | \"outlined\";\n event?: {\n start?: dayjs.ConfigType;\n end?: dayjs.ConfigType;\n type?: string;\n };\n children?: React.ReactNode;\n /***\n * 日付がクリックされた場合に、その日付とイベントを返す。\n */\n onClickDay?: (\n value: Date,\n event: React.MouseEvent<HTMLDivElement, MouseEvent>,\n ) => void;\n}\n\nexport const CalendarDay = ({\n date,\n children,\n color = \"default\",\n hasChildren = false,\n variant = \"outlined\",\n disableAnimation = false,\n disabled: disabledProps,\n event,\n onClickDay,\n ...rest\n}: CalendarDayProps) => {\n const ref = useRef<HTMLDivElement>(null);\n const day = useMemo(() => {\n const d = dayjs(date);\n if (d.isValid()) return d;\n return dayjs();\n }, [date]);\n\n const theme = useTheme();\n const { palette, transitions } = theme;\n\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n const disabled = disabledProps || (event && event.type === \"disabled\");\n\n const dateStr = useMemo(() => {\n return day.format(\"YYYY-MM-DD\");\n }, [day]);\n\n const handleClick = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n if (onClickDay) {\n onClickDay(day.toDate(), event);\n }\n },\n [day, onClickDay],\n );\n\n return (\n <div\n ref={ref}\n data-event-date={dateStr}\n aria-disabled={disabled}\n data-variant={variant}\n data-disable-animation={disableAnimation}\n css={css`\n position: relative;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0px;\n overflow: hidden;\n touch-action: manipulation;\n /** decoration */\n cursor: pointer;\n user-select: none;\n border: none;\n outline: 0px;\n appearance: none;\n &::selection {\n color: inherit;\n background-color: transparent;\n }\n &[aria-disabled=\"true\"] {\n color: ${palette.action.disabled} !important;\n cursor: not-allowed;\n background-color: ${palette.gray[200]} !important;\n box-shadow: 0px 0px 0px 0.5px ${palette.action.disabled} inset !important;\n }\n &[data-variant=\"filled\"] {\n color: ${color === \"default\"\n ? palette.text.primary\n : palette.intentions[color].contrastText};\n background-color: ${color === \"default\"\n ? palette.background.paper\n : palette.intentions[color].main};\n box-shadow: 0px 0px 0px 0.5px\n ${color === \"default\"\n ? palette.action.disabled\n : palette.intentions[color].main}\n inset;\n }\n &[data-variant=\"outlined\"] {\n color: ${color === \"default\"\n ? palette.text.primary\n : palette.intentions[color].main};\n box-shadow: 0px 0px 0px 0.5px\n ${color === \"default\"\n ? palette.action.disabled\n : palette.intentions[color].main}\n inset;\n }\n &[data-disable-animation=\"false\"] {\n transition: background-color ${transitions.duration.shortest}\n ${transitions.easing.easeInOut};\n &:hover {\n background-color: ${color === \"default\"\n ? palette.gray[300]\n : palette.intentions[color].light};\n }\n }\n `}\n role=\"button\"\n tabIndex={0}\n onClick={handleClick}\n {...rest}\n >\n <div\n data-has-children={hasChildren}\n css={[\n hasChildren\n ? theme.typography.INTERNALS_DO_NOT_USE_calendarDay_hasChildren\n : theme.typography.INTERNALS_DO_NOT_USE_calendarDay,\n css`\n &[data-has-children=\"true\"] {\n position: absolute;\n display: grid;\n grid-template-areas: \".\" \".\";\n grid-template-rows:\n auto\n 1fr;\n grid-template-columns: 100%;\n align-self: stretch;\n width: 100%;\n height: 100%;\n & > *:first-of-type {\n margin: 10% 10% 0px;\n text-align: right;\n }\n }\n `,\n ]}\n >\n <div>{day.date()}</div>\n {hasChildren && children}\n </div>\n </div>\n );\n};\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"CalendarDay.js","names":["css","React","useCallback","useMemo","useRef","dayjs","useTheme","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","CalendarDay","_ref2","date","children","color","hasChildren","variant","disableAnimation","disabled","disabledProps","event","onClickDay","rest","_objectWithoutPropertiesLoose","_excluded","ref","day","d","isValid","theme","palette","transitions","type","dateStr","format","handleClick","toDate","_extends","action","gray","text","primary","intentions","contrastText","background","paper","main","duration","shortest","easing","easeInOut","light","role","tabIndex","onClick","typography","INTERNALS_DO_NOT_USE_calendarDay_hasChildren","INTERNALS_DO_NOT_USE_calendarDay"],"sources":["../../../src/Calendar/CalendarDay.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { useCallback, useMemo, useRef } from \"react\";\nimport dayjs from \"dayjs\";\nimport { PartialColorProps, useTheme } from \"../theme\";\n\nexport interface CalendarDayProps\n extends Omit<React.ComponentPropsWithoutRef<\"div\">, \"color\">,\n PartialColorProps {\n date: dayjs.ConfigType;\n hasChildren?: boolean;\n disableAnimation?: boolean;\n disabled?: boolean;\n variant?: \"filled\" | \"outlined\";\n event?: {\n start?: dayjs.ConfigType;\n end?: dayjs.ConfigType;\n type?: string;\n };\n children?: React.ReactNode;\n /***\n * 日付がクリックされた場合に、その日付とイベントを返す。\n */\n onClickDay?: (\n value: Date,\n event: React.MouseEvent<HTMLDivElement, MouseEvent>,\n ) => void;\n}\n\nexport const CalendarDay = ({\n date,\n children,\n color = \"default\",\n hasChildren = false,\n variant = \"outlined\",\n disableAnimation = false,\n disabled: disabledProps,\n event,\n onClickDay,\n ...rest\n}: CalendarDayProps) => {\n const ref = useRef<HTMLDivElement>(null);\n const day = useMemo(() => {\n const d = dayjs(date);\n if (d.isValid()) return d;\n return dayjs();\n }, [date]);\n\n const theme = useTheme();\n const { palette, transitions } = theme;\n\n // eslint-disable-next-line @typescript-eslint/prefer-optional-chain, @typescript-eslint/prefer-nullish-coalescing\n const disabled = disabledProps || (event && event.type === \"disabled\");\n\n const dateStr = useMemo(() => {\n return day.format(\"YYYY-MM-DD\");\n }, [day]);\n\n const handleClick = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n if (onClickDay) {\n onClickDay(day.toDate(), event);\n }\n },\n [day, onClickDay],\n );\n\n return (\n <div\n ref={ref}\n data-event-date={dateStr}\n aria-disabled={disabled}\n data-variant={variant}\n data-disable-animation={disableAnimation}\n css={css`\n position: relative;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0px;\n overflow: hidden;\n touch-action: manipulation;\n /** decoration */\n cursor: pointer;\n user-select: none;\n border: none;\n outline: 0px;\n appearance: none;\n &::selection {\n color: inherit;\n background-color: transparent;\n }\n &[aria-disabled=\"true\"] {\n color: ${palette.action.disabled} !important;\n cursor: not-allowed;\n background-color: ${palette.gray[200]} !important;\n box-shadow: 0px 0px 0px 0.5px ${palette.action.disabled} inset !important;\n }\n &[data-variant=\"filled\"] {\n color: ${color === \"default\"\n ? palette.text.primary\n : palette.intentions[color].contrastText};\n background-color: ${color === \"default\"\n ? palette.background.paper\n : palette.intentions[color].main};\n box-shadow: 0px 0px 0px 0.5px\n ${color === \"default\"\n ? palette.action.disabled\n : palette.intentions[color].main}\n inset;\n }\n &[data-variant=\"outlined\"] {\n color: ${color === \"default\"\n ? palette.text.primary\n : palette.intentions[color].main};\n box-shadow: 0px 0px 0px 0.5px\n ${color === \"default\"\n ? palette.action.disabled\n : palette.intentions[color].main}\n inset;\n }\n &[data-disable-animation=\"false\"] {\n transition: background-color ${transitions.duration.shortest}\n ${transitions.easing.easeInOut};\n &:hover {\n background-color: ${color === \"default\"\n ? palette.gray[300]\n : palette.intentions[color].light};\n }\n }\n `}\n role=\"button\"\n tabIndex={0}\n onClick={handleClick}\n {...rest}\n >\n <div\n data-has-children={hasChildren}\n css={[\n hasChildren\n ? theme.typography.INTERNALS_DO_NOT_USE_calendarDay_hasChildren\n : theme.typography.INTERNALS_DO_NOT_USE_calendarDay,\n css`\n &[data-has-children=\"true\"] {\n position: absolute;\n display: grid;\n grid-template-areas: \".\" \".\";\n grid-template-rows:\n auto\n 1fr;\n grid-template-columns: 100%;\n align-self: stretch;\n width: 100%;\n height: 100%;\n & > *:first-of-type {\n margin: 10% 10% 0px;\n text-align: right;\n }\n }\n `,\n ]}\n >\n <div>{day.date()}</div>\n {hasChildren && children}\n </div>\n </div>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -28,11 +28,13 @@ export function useValidation(_ref) {
|
|
|
28
28
|
var message = selectedCustomValidation(value);
|
|
29
29
|
if (isValidMessage(message)) {
|
|
30
30
|
var _ref$current;
|
|
31
|
+
// eslint-disable-next-line react-hooks/refs
|
|
31
32
|
(_ref$current = ref.current) == null || _ref$current.setCustomValidity(message);
|
|
32
33
|
}
|
|
33
34
|
} else {
|
|
34
35
|
var _ref$current2;
|
|
35
36
|
// 無効なものがなければリセット
|
|
37
|
+
// eslint-disable-next-line react-hooks/refs
|
|
36
38
|
(_ref$current2 = ref.current) == null || _ref$current2.setCustomValidity("");
|
|
37
39
|
}
|
|
38
40
|
var selectValidationMessage = useCallback((type, validationMessage) => {
|
|
@@ -42,19 +44,28 @@ export function useValidation(_ref) {
|
|
|
42
44
|
return validationMessage;
|
|
43
45
|
}
|
|
44
46
|
}, [validationMessages]);
|
|
47
|
+
|
|
48
|
+
// eslint-disable-next-line react-hooks/refs
|
|
45
49
|
var element = ref.current;
|
|
46
50
|
var validity = element == null ? void 0 : element.validity;
|
|
51
|
+
// eslint-disable-next-line react-hooks/refs
|
|
47
52
|
var validationMessage = element == null ? void 0 : element.validationMessage;
|
|
48
53
|
var validation = useMemo(() => {
|
|
54
|
+
// eslint-disable-next-line react-hooks/refs
|
|
49
55
|
var type = validity ? selectValidityType(validity) : "valid";
|
|
56
|
+
|
|
57
|
+
// eslint-disable-next-line react-hooks/refs
|
|
50
58
|
var message = selectValidationMessage(type, validationMessage);
|
|
51
59
|
return {
|
|
52
60
|
value,
|
|
61
|
+
// eslint-disable-next-line react-hooks/refs
|
|
53
62
|
valid: validity == null ? void 0 : validity.valid,
|
|
54
63
|
message,
|
|
55
64
|
type
|
|
56
65
|
};
|
|
57
66
|
}, [selectValidationMessage, validationMessage, validity, value]);
|
|
67
|
+
|
|
68
|
+
// eslint-disable-next-line react-hooks/refs
|
|
58
69
|
return validation;
|
|
59
70
|
}
|
|
60
71
|
//# sourceMappingURL=useValidation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useValidation.js","names":["useCallback","useMemo","selectValidityType","validity","type","key","isValidMessage","message","undefined","useValidation","_ref","ref","validationMessages","customValidations","value","selectedCustomValidation","find","customValidation","_ref$current","current","setCustomValidity","_ref$current2","selectValidationMessage","validationMessage","element","validation","valid"],"sources":["../../../src/FieldBase/useValidation.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nexport interface Validation {\n valid: boolean;\n type: keyof ValidityState;\n message?: string;\n}\n\nconst selectValidityType = (validity: ValidityState) => {\n let type = \"valid\";\n for (const key in validity) {\n if (validity[key as keyof ValidityState] === true) {\n type = key;\n break;\n }\n }\n return type as keyof ValidityState;\n};\n\nconst isValidMessage = (\n message: string | false | undefined,\n): message is string => {\n return message !== \"\" && message !== false && message !== undefined;\n};\n\nexport function useValidation<T>({\n ref,\n validationMessages,\n customValidations,\n value,\n}: {\n ref: React.MutableRefObject<\n HTMLInputElement | HTMLTextAreaElement | null | undefined\n >;\n validationMessages?: { [key in keyof ValidityState]?: string };\n value: T;\n customValidations?: ((value: T) => string | false | undefined)[];\n}) {\n const selectedCustomValidation = useMemo(() => {\n return customValidations?.find((customValidation) => {\n return isValidMessage(customValidation(value));\n });\n }, [customValidations, value]);\n\n if (selectedCustomValidation) {\n const message = selectedCustomValidation(value);\n if (isValidMessage(message)) {\n ref.current?.setCustomValidity(message);\n }\n } else {\n // 無効なものがなければリセット\n ref.current?.setCustomValidity(\"\");\n }\n\n const selectValidationMessage = useCallback(\n (type: keyof ValidityState, validationMessage?: string) => {\n if (validationMessages?.[type]) {\n return validationMessages[type];\n } else {\n return validationMessage;\n }\n },\n [validationMessages],\n );\n\n const element = ref.current;\n const validity = element?.validity;\n const validationMessage = element?.validationMessage;\n\n const validation = useMemo(() => {\n const type = validity ? selectValidityType(validity) : \"valid\";\n\n const message = selectValidationMessage(type, validationMessage);\n return {\n value,\n valid: validity?.valid,\n message,\n type,\n };\n }, [selectValidationMessage, validationMessage, validity, value]);\n\n return validation;\n}\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAO5C,IAAMC,kBAAkB,GAAIC,QAAuB,IAAK;EACtD,IAAIC,IAAI,GAAG,OAAO;EAClB,KAAK,IAAMC,GAAG,IAAIF,QAAQ,EAAE;IAC1B,IAAIA,QAAQ,CAACE,GAAG,CAAwB,KAAK,IAAI,EAAE;MACjDD,IAAI,GAAGC,GAAG;MACV;IACF;EACF;EACA,OAAOD,IAAI;AACb,CAAC;AAED,IAAME,cAAc,GAClBC,OAAmC,IACb;EACtB,OAAOA,OAAO,KAAK,EAAE,IAAIA,OAAO,KAAK,KAAK,IAAIA,OAAO,KAAKC,SAAS;AACrE,CAAC;AAED,OAAO,SAASC,aAAaA,CAAAC,IAAA,EAY1B;EAAA,IAZ8B;IAC/BC,GAAG;IACHC,kBAAkB;IAClBC,iBAAiB;IACjBC;EAQF,CAAC,GAAAJ,IAAA;EACC,IAAMK,wBAAwB,GAAGd,OAAO,CAAC,MAAM;IAC7C,OAAOY,iBAAiB,oBAAjBA,iBAAiB,CAAEG,IAAI,CAAEC,gBAAgB,IAAK;MACnD,OAAOX,cAAc,CAACW,gBAAgB,CAACH,KAAK,CAAC,CAAC;IAChD,CAAC,CAAC;EACJ,CAAC,EAAE,CAACD,iBAAiB,EAAEC,KAAK,CAAC,CAAC;EAE9B,IAAIC,wBAAwB,EAAE;IAC5B,IAAMR,OAAO,GAAGQ,wBAAwB,CAACD,KAAK,CAAC;IAC/C,IAAIR,cAAc,CAACC,OAAO,CAAC,EAAE;MAAA,IAAAW,YAAA;MAC3B,CAAAA,YAAA,GAAAP,GAAG,CAACQ,OAAO,aAAXD,YAAA,CAAaE,iBAAiB,CAACb,OAAO,CAAC;IACzC;EACF,CAAC,MAAM;IAAA,IAAAc,aAAA;IACL;IACA,CAAAA,aAAA,GAAAV,GAAG,CAACQ,OAAO,aAAXE,aAAA,CAAaD,iBAAiB,CAAC,EAAE,CAAC;EACpC;EAEA,IAAME,uBAAuB,GAAGtB,WAAW,CACzC,CAACI,IAAyB,EAAEmB,iBAA0B,KAAK;IACzD,IAAIX,kBAAkB,YAAlBA,kBAAkB,CAAGR,IAAI,CAAC,EAAE;MAC9B,OAAOQ,kBAAkB,CAACR,IAAI,CAAC;IACjC,CAAC,MAAM;MACL,OAAOmB,iBAAiB;IAC1B;EACF,CAAC,EACD,CAACX,kBAAkB,CACrB,CAAC;
|
|
1
|
+
{"version":3,"file":"useValidation.js","names":["useCallback","useMemo","selectValidityType","validity","type","key","isValidMessage","message","undefined","useValidation","_ref","ref","validationMessages","customValidations","value","selectedCustomValidation","find","customValidation","_ref$current","current","setCustomValidity","_ref$current2","selectValidationMessage","validationMessage","element","validation","valid"],"sources":["../../../src/FieldBase/useValidation.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nexport interface Validation {\n valid: boolean;\n type: keyof ValidityState;\n message?: string;\n}\n\nconst selectValidityType = (validity: ValidityState) => {\n let type = \"valid\";\n for (const key in validity) {\n if (validity[key as keyof ValidityState] === true) {\n type = key;\n break;\n }\n }\n return type as keyof ValidityState;\n};\n\nconst isValidMessage = (\n message: string | false | undefined,\n): message is string => {\n return message !== \"\" && message !== false && message !== undefined;\n};\n\nexport function useValidation<T>({\n ref,\n validationMessages,\n customValidations,\n value,\n}: {\n ref: React.MutableRefObject<\n HTMLInputElement | HTMLTextAreaElement | null | undefined\n >;\n validationMessages?: { [key in keyof ValidityState]?: string };\n value: T;\n customValidations?: ((value: T) => string | false | undefined)[];\n}) {\n const selectedCustomValidation = useMemo(() => {\n return customValidations?.find((customValidation) => {\n return isValidMessage(customValidation(value));\n });\n }, [customValidations, value]);\n\n if (selectedCustomValidation) {\n const message = selectedCustomValidation(value);\n if (isValidMessage(message)) {\n // eslint-disable-next-line react-hooks/refs\n ref.current?.setCustomValidity(message);\n }\n } else {\n // 無効なものがなければリセット\n // eslint-disable-next-line react-hooks/refs\n ref.current?.setCustomValidity(\"\");\n }\n\n const selectValidationMessage = useCallback(\n (type: keyof ValidityState, validationMessage?: string) => {\n if (validationMessages?.[type]) {\n return validationMessages[type];\n } else {\n return validationMessage;\n }\n },\n [validationMessages],\n );\n\n // eslint-disable-next-line react-hooks/refs\n const element = ref.current;\n const validity = element?.validity;\n // eslint-disable-next-line react-hooks/refs\n const validationMessage = element?.validationMessage;\n\n const validation = useMemo(() => {\n // eslint-disable-next-line react-hooks/refs\n const type = validity ? selectValidityType(validity) : \"valid\";\n\n // eslint-disable-next-line react-hooks/refs\n const message = selectValidationMessage(type, validationMessage);\n return {\n value,\n // eslint-disable-next-line react-hooks/refs\n valid: validity?.valid,\n message,\n type,\n };\n }, [selectValidationMessage, validationMessage, validity, value]);\n\n // eslint-disable-next-line react-hooks/refs\n return validation;\n}\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAO5C,IAAMC,kBAAkB,GAAIC,QAAuB,IAAK;EACtD,IAAIC,IAAI,GAAG,OAAO;EAClB,KAAK,IAAMC,GAAG,IAAIF,QAAQ,EAAE;IAC1B,IAAIA,QAAQ,CAACE,GAAG,CAAwB,KAAK,IAAI,EAAE;MACjDD,IAAI,GAAGC,GAAG;MACV;IACF;EACF;EACA,OAAOD,IAAI;AACb,CAAC;AAED,IAAME,cAAc,GAClBC,OAAmC,IACb;EACtB,OAAOA,OAAO,KAAK,EAAE,IAAIA,OAAO,KAAK,KAAK,IAAIA,OAAO,KAAKC,SAAS;AACrE,CAAC;AAED,OAAO,SAASC,aAAaA,CAAAC,IAAA,EAY1B;EAAA,IAZ8B;IAC/BC,GAAG;IACHC,kBAAkB;IAClBC,iBAAiB;IACjBC;EAQF,CAAC,GAAAJ,IAAA;EACC,IAAMK,wBAAwB,GAAGd,OAAO,CAAC,MAAM;IAC7C,OAAOY,iBAAiB,oBAAjBA,iBAAiB,CAAEG,IAAI,CAAEC,gBAAgB,IAAK;MACnD,OAAOX,cAAc,CAACW,gBAAgB,CAACH,KAAK,CAAC,CAAC;IAChD,CAAC,CAAC;EACJ,CAAC,EAAE,CAACD,iBAAiB,EAAEC,KAAK,CAAC,CAAC;EAE9B,IAAIC,wBAAwB,EAAE;IAC5B,IAAMR,OAAO,GAAGQ,wBAAwB,CAACD,KAAK,CAAC;IAC/C,IAAIR,cAAc,CAACC,OAAO,CAAC,EAAE;MAAA,IAAAW,YAAA;MAC3B;MACA,CAAAA,YAAA,GAAAP,GAAG,CAACQ,OAAO,aAAXD,YAAA,CAAaE,iBAAiB,CAACb,OAAO,CAAC;IACzC;EACF,CAAC,MAAM;IAAA,IAAAc,aAAA;IACL;IACA;IACA,CAAAA,aAAA,GAAAV,GAAG,CAACQ,OAAO,aAAXE,aAAA,CAAaD,iBAAiB,CAAC,EAAE,CAAC;EACpC;EAEA,IAAME,uBAAuB,GAAGtB,WAAW,CACzC,CAACI,IAAyB,EAAEmB,iBAA0B,KAAK;IACzD,IAAIX,kBAAkB,YAAlBA,kBAAkB,CAAGR,IAAI,CAAC,EAAE;MAC9B,OAAOQ,kBAAkB,CAACR,IAAI,CAAC;IACjC,CAAC,MAAM;MACL,OAAOmB,iBAAiB;IAC1B;EACF,CAAC,EACD,CAACX,kBAAkB,CACrB,CAAC;;EAED;EACA,IAAMY,OAAO,GAAGb,GAAG,CAACQ,OAAO;EAC3B,IAAMhB,QAAQ,GAAGqB,OAAO,oBAAPA,OAAO,CAAErB,QAAQ;EAClC;EACA,IAAMoB,iBAAiB,GAAGC,OAAO,oBAAPA,OAAO,CAAED,iBAAiB;EAEpD,IAAME,UAAU,GAAGxB,OAAO,CAAC,MAAM;IAC/B;IACA,IAAMG,IAAI,GAAGD,QAAQ,GAAGD,kBAAkB,CAACC,QAAQ,CAAC,GAAG,OAAO;;IAE9D;IACA,IAAMI,OAAO,GAAGe,uBAAuB,CAAClB,IAAI,EAAEmB,iBAAiB,CAAC;IAChE,OAAO;MACLT,KAAK;MACL;MACAY,KAAK,EAAEvB,QAAQ,oBAARA,QAAQ,CAAEuB,KAAK;MACtBnB,OAAO;MACPH;IACF,CAAC;EACH,CAAC,EAAE,CAACkB,uBAAuB,EAAEC,iBAAiB,EAAEpB,QAAQ,EAAEW,KAAK,CAAC,CAAC;;EAEjE;EACA,OAAOW,UAAU;AACnB","ignoreList":[]}
|
package/esm/FieldGroup/index.js
CHANGED
|
@@ -8,9 +8,11 @@ export var useFieldGroup = argsValue => {
|
|
|
8
8
|
var next =
|
|
9
9
|
// eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
|
|
10
10
|
argsValue.loading === undefined ? contextValue.loading : argsValue.loading;
|
|
11
|
+
// eslint-disable-next-line react-hooks/refs
|
|
11
12
|
if (prevLoading.current === true && next === false) {
|
|
12
13
|
argsValue.onLoaded == null || argsValue.onLoaded();
|
|
13
14
|
}
|
|
15
|
+
// eslint-disable-next-line react-hooks/refs
|
|
14
16
|
prevLoading.current = next;
|
|
15
17
|
return next;
|
|
16
18
|
}, [argsValue, contextValue.loading]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","createContext","useContext","useMemo","useRef","jsx","___EmotionJSX","FieldGroupContext","useFieldGroup","argsValue","contextValue","prevLoading","undefined","loading","next","current","onLoaded","value","readOnly","FieldGroup","_ref","children","Provider"],"sources":["../../../src/FieldGroup/index.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useRef } from \"react\";\n\nexport interface FieldGroupContextValue {\n /**\n * ローディング状態であることを示す値\n */\n loading?: boolean;\n /**\n * 読み取り専用であることを示す値\n */\n readOnly?: boolean;\n onLoaded?: () => void;\n}\n\nconst FieldGroupContext = createContext<FieldGroupContextValue>({});\n\nexport const useFieldGroup = (argsValue: FieldGroupContextValue) => {\n const contextValue = useContext(FieldGroupContext);\n\n const prevLoading = useRef<boolean | undefined>(undefined);\n\n const loading = useMemo(() => {\n const next =\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n argsValue.loading === undefined\n ? contextValue.loading\n : argsValue.loading;\n if (prevLoading.current === true && next === false) {\n argsValue.onLoaded?.();\n }\n prevLoading.current = next;\n return next;\n }, [argsValue, contextValue.loading]);\n\n const value = useMemo(() => {\n return {\n loading,\n readOnly:\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n argsValue.readOnly === undefined\n ? contextValue.readOnly\n : argsValue.readOnly,\n };\n }, [argsValue.readOnly, contextValue.readOnly, loading]);\n\n return value;\n};\n\nexport interface FieldGroupProps extends FieldGroupContextValue {\n children?: React.ReactNode;\n}\n\n/**\n * FieldGroupは、フォーム用のコンポーネントに対して、特定の属性をまとめて与えるための実態のないコンポーネントです。\n *\n * 子孫のフォーム要素に同種の属性がついている場合は、子孫側の指定が優先されます。\n */\nexport const FieldGroup = ({\n children,\n loading,\n readOnly,\n}: FieldGroupProps) => {\n const value = useMemo(() => {\n return {\n loading,\n readOnly,\n };\n }, [loading, readOnly]);\n\n return (\n <FieldGroupContext.Provider value={value}>\n {children}\n </FieldGroupContext.Provider>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAc1E,IAAMC,iBAAiB,gBAAGN,aAAa,CAAyB,CAAC,CAAC,CAAC;AAEnE,OAAO,IAAMO,aAAa,GAAIC,SAAiC,IAAK;EAClE,IAAMC,YAAY,GAAGR,UAAU,CAACK,iBAAiB,CAAC;EAElD,IAAMI,WAAW,GAAGP,MAAM,CAAsBQ,SAAS,CAAC;EAE1D,IAAMC,OAAO,GAAGV,OAAO,CAAC,MAAM;IAC5B,IAAMW,IAAI;IACR;IACAL,SAAS,CAACI,OAAO,KAAKD,SAAS,GAC3BF,YAAY,CAACG,OAAO,GACpBJ,SAAS,CAACI,OAAO;IACvB,IAAIF,WAAW,CAACI,OAAO,KAAK,IAAI,IAAID,IAAI,KAAK,KAAK,EAAE;MAClDL,SAAS,CAACO,QAAQ,YAAlBP,SAAS,CAACO,QAAQ,CAAG,CAAC;IACxB;IACAL,WAAW,CAACI,OAAO,GAAGD,IAAI;IAC1B,OAAOA,IAAI;EACb,CAAC,EAAE,CAACL,SAAS,EAAEC,YAAY,CAACG,OAAO,CAAC,CAAC;EAErC,IAAMI,KAAK,GAAGd,OAAO,CAAC,MAAM;IAC1B,OAAO;MACLU,OAAO;MACPK,QAAQ;MACN;MACAT,SAAS,CAACS,QAAQ,KAAKN,SAAS,GAC5BF,YAAY,CAACQ,QAAQ,GACrBT,SAAS,CAACS;IAClB,CAAC;EACH,CAAC,EAAE,CAACT,SAAS,CAACS,QAAQ,EAAER,YAAY,CAACQ,QAAQ,EAAEL,OAAO,CAAC,CAAC;EAExD,OAAOI,KAAK;AACd,CAAC;AAMD;AACA;AACA;AACA;AACA;AACA,OAAO,IAAME,UAAU,GAAGC,IAAA,IAIH;EAAA,IAJI;IACzBC,QAAQ;IACRR,OAAO;IACPK;EACe,CAAC,GAAAE,IAAA;EAChB,IAAMH,KAAK,GAAGd,OAAO,CAAC,MAAM;IAC1B,OAAO;MACLU,OAAO;MACPK;IACF,CAAC;EACH,CAAC,EAAE,CAACL,OAAO,EAAEK,QAAQ,CAAC,CAAC;EAEvB,OACEZ,aAAA,CAACC,iBAAiB,CAACe,QAAQ;IAACL,KAAK,EAAEA;EAAM,GACtCI,QACyB,CAAC;AAEjC,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","createContext","useContext","useMemo","useRef","jsx","___EmotionJSX","FieldGroupContext","useFieldGroup","argsValue","contextValue","prevLoading","undefined","loading","next","current","onLoaded","value","readOnly","FieldGroup","_ref","children","Provider"],"sources":["../../../src/FieldGroup/index.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useRef } from \"react\";\n\nexport interface FieldGroupContextValue {\n /**\n * ローディング状態であることを示す値\n */\n loading?: boolean;\n /**\n * 読み取り専用であることを示す値\n */\n readOnly?: boolean;\n onLoaded?: () => void;\n}\n\nconst FieldGroupContext = createContext<FieldGroupContextValue>({});\n\nexport const useFieldGroup = (argsValue: FieldGroupContextValue) => {\n const contextValue = useContext(FieldGroupContext);\n\n const prevLoading = useRef<boolean | undefined>(undefined);\n\n const loading = useMemo(() => {\n const next =\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n argsValue.loading === undefined\n ? contextValue.loading\n : argsValue.loading;\n // eslint-disable-next-line react-hooks/refs\n if (prevLoading.current === true && next === false) {\n argsValue.onLoaded?.();\n }\n // eslint-disable-next-line react-hooks/refs\n prevLoading.current = next;\n return next;\n }, [argsValue, contextValue.loading]);\n\n const value = useMemo(() => {\n return {\n loading,\n readOnly:\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n argsValue.readOnly === undefined\n ? contextValue.readOnly\n : argsValue.readOnly,\n };\n }, [argsValue.readOnly, contextValue.readOnly, loading]);\n\n return value;\n};\n\nexport interface FieldGroupProps extends FieldGroupContextValue {\n children?: React.ReactNode;\n}\n\n/**\n * FieldGroupは、フォーム用のコンポーネントに対して、特定の属性をまとめて与えるための実態のないコンポーネントです。\n *\n * 子孫のフォーム要素に同種の属性がついている場合は、子孫側の指定が優先されます。\n */\nexport const FieldGroup = ({\n children,\n loading,\n readOnly,\n}: FieldGroupProps) => {\n const value = useMemo(() => {\n return {\n loading,\n readOnly,\n };\n }, [loading, readOnly]);\n\n return (\n <FieldGroupContext.Provider value={value}>\n {children}\n </FieldGroupContext.Provider>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAc1E,IAAMC,iBAAiB,gBAAGN,aAAa,CAAyB,CAAC,CAAC,CAAC;AAEnE,OAAO,IAAMO,aAAa,GAAIC,SAAiC,IAAK;EAClE,IAAMC,YAAY,GAAGR,UAAU,CAACK,iBAAiB,CAAC;EAElD,IAAMI,WAAW,GAAGP,MAAM,CAAsBQ,SAAS,CAAC;EAE1D,IAAMC,OAAO,GAAGV,OAAO,CAAC,MAAM;IAC5B,IAAMW,IAAI;IACR;IACAL,SAAS,CAACI,OAAO,KAAKD,SAAS,GAC3BF,YAAY,CAACG,OAAO,GACpBJ,SAAS,CAACI,OAAO;IACvB;IACA,IAAIF,WAAW,CAACI,OAAO,KAAK,IAAI,IAAID,IAAI,KAAK,KAAK,EAAE;MAClDL,SAAS,CAACO,QAAQ,YAAlBP,SAAS,CAACO,QAAQ,CAAG,CAAC;IACxB;IACA;IACAL,WAAW,CAACI,OAAO,GAAGD,IAAI;IAC1B,OAAOA,IAAI;EACb,CAAC,EAAE,CAACL,SAAS,EAAEC,YAAY,CAACG,OAAO,CAAC,CAAC;EAErC,IAAMI,KAAK,GAAGd,OAAO,CAAC,MAAM;IAC1B,OAAO;MACLU,OAAO;MACPK,QAAQ;MACN;MACAT,SAAS,CAACS,QAAQ,KAAKN,SAAS,GAC5BF,YAAY,CAACQ,QAAQ,GACrBT,SAAS,CAACS;IAClB,CAAC;EACH,CAAC,EAAE,CAACT,SAAS,CAACS,QAAQ,EAAER,YAAY,CAACQ,QAAQ,EAAEL,OAAO,CAAC,CAAC;EAExD,OAAOI,KAAK;AACd,CAAC;AAMD;AACA;AACA;AACA;AACA;AACA,OAAO,IAAME,UAAU,GAAGC,IAAA,IAIH;EAAA,IAJI;IACzBC,QAAQ;IACRR,OAAO;IACPK;EACe,CAAC,GAAAE,IAAA;EAChB,IAAMH,KAAK,GAAGd,OAAO,CAAC,MAAM;IAC1B,OAAO;MACLU,OAAO;MACPK;IACF,CAAC;EACH,CAAC,EAAE,CAACL,OAAO,EAAEK,QAAQ,CAAC,CAAC;EAEvB,OACEZ,aAAA,CAACC,iBAAiB,CAACe,QAAQ;IAACL,KAAK,EAAEA;EAAM,GACtCI,QACyB,CAAC;AAEjC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullHeight.js","names":["React","useEffect","useRef","useState","debounce","isBrowser","jsx","___EmotionJSX","getWindowHeight","document","documentElement","clientHeight","window","innerHeight","FullHeight","_ref","style","props","_objectWithoutPropertiesLoose","_excluded","height","setHeight","current","updateStyle","addEventListener","removeEventListener","_extends"],"sources":["../../../src/FullHeight/FullHeight.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { debounce } from \"../@utils/debounce\";\nimport { isBrowser } from \"../isBrowser\";\n\nconst getWindowHeight = () => {\n return (\n (isBrowser && document.documentElement.clientHeight) || window.innerHeight\n );\n};\n\nexport interface FullHeightProps\n extends React.ComponentPropsWithoutRef<\"div\"> {}\n\nexport const FullHeight = ({ style, ...props }: FullHeightProps) => {\n const [height, setHeight] = useState(\"100vh\");\n //@see https://gist.github.com/hrdtbs/1da2db1b01f9a4e2872e5455127e8b7a\n const { current: updateStyle } = useRef(\n debounce(() => {\n const height = getWindowHeight();\n setHeight(`${height}px`);\n }, 100),\n );\n useEffect(() => {\n if (!isBrowser) return;\n updateStyle();\n window.addEventListener(\"resize\", updateStyle);\n return () => {\n window.removeEventListener(\"resize\", updateStyle);\n };\n }, [updateStyle]);\n\n return <div style={{ ...style, height }} {...props} />;\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC1D,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,SAAS,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAEzC,IAAMC,eAAe,GAAGA,CAAA,KAAM;EAC5B,OACGH,SAAS,IAAII,QAAQ,CAACC,eAAe,CAACC,YAAY,IAAKC,MAAM,CAACC,WAAW;AAE9E,CAAC;AAKD,OAAO,IAAMC,UAAU,GAAGC,IAAA,IAA0C;EAAA,IAAzC;MAAEC;IAAiC,CAAC,GAAAD,IAAA;IAAxBE,KAAK,GAAAC,6BAAA,CAAAH,IAAA,EAAAI,SAAA;EAC1C,IAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGlB,QAAQ,CAAC,OAAO,CAAC;EAC7C;EACA,IAAM;IAAEmB,OAAO,EAAEC;EAAY,CAAC,GAAGrB,MAAM,CACrCE,QAAQ,CAAC,MAAM;IACb,IAAMgB,MAAM,GAAGZ,eAAe,CAAC,CAAC;IAChCa,SAAS,CAAID,MAAM,OAAI,CAAC;EAC1B,CAAC,EAAE,GAAG,CACR,CAAC;EACDnB,SAAS,CAAC,MAAM;IACd,IAAI,CAACI,SAAS,EAAE;IAChBkB,WAAW,CAAC,CAAC;IACbX,MAAM,CAACY,gBAAgB,CAAC,QAAQ,EAAED,WAAW,CAAC;IAC9C,OAAO,MAAM;MACXX,MAAM,CAACa,mBAAmB,CAAC,QAAQ,EAAEF,WAAW,CAAC;IACnD,CAAC;
|
|
1
|
+
{"version":3,"file":"FullHeight.js","names":["React","useEffect","useRef","useState","debounce","isBrowser","jsx","___EmotionJSX","getWindowHeight","document","documentElement","clientHeight","window","innerHeight","FullHeight","_ref","style","props","_objectWithoutPropertiesLoose","_excluded","height","setHeight","current","updateStyle","addEventListener","removeEventListener","_extends"],"sources":["../../../src/FullHeight/FullHeight.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { debounce } from \"../@utils/debounce\";\nimport { isBrowser } from \"../isBrowser\";\n\nconst getWindowHeight = () => {\n return (\n (isBrowser && document.documentElement.clientHeight) || window.innerHeight\n );\n};\n\nexport interface FullHeightProps\n extends React.ComponentPropsWithoutRef<\"div\"> {}\n\nexport const FullHeight = ({ style, ...props }: FullHeightProps) => {\n const [height, setHeight] = useState(\"100vh\");\n //@see https://gist.github.com/hrdtbs/1da2db1b01f9a4e2872e5455127e8b7a\n const { current: updateStyle } = useRef(\n debounce(() => {\n const height = getWindowHeight();\n setHeight(`${height}px`);\n }, 100),\n );\n useEffect(() => {\n if (!isBrowser) return;\n updateStyle();\n window.addEventListener(\"resize\", updateStyle);\n return () => {\n window.removeEventListener(\"resize\", updateStyle);\n };\n // eslint-disable-next-line react-hooks/refs\n }, [updateStyle]);\n\n return <div style={{ ...style, height }} {...props} />;\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC1D,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,SAAS,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAEzC,IAAMC,eAAe,GAAGA,CAAA,KAAM;EAC5B,OACGH,SAAS,IAAII,QAAQ,CAACC,eAAe,CAACC,YAAY,IAAKC,MAAM,CAACC,WAAW;AAE9E,CAAC;AAKD,OAAO,IAAMC,UAAU,GAAGC,IAAA,IAA0C;EAAA,IAAzC;MAAEC;IAAiC,CAAC,GAAAD,IAAA;IAAxBE,KAAK,GAAAC,6BAAA,CAAAH,IAAA,EAAAI,SAAA;EAC1C,IAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGlB,QAAQ,CAAC,OAAO,CAAC;EAC7C;EACA,IAAM;IAAEmB,OAAO,EAAEC;EAAY,CAAC,GAAGrB,MAAM,CACrCE,QAAQ,CAAC,MAAM;IACb,IAAMgB,MAAM,GAAGZ,eAAe,CAAC,CAAC;IAChCa,SAAS,CAAID,MAAM,OAAI,CAAC;EAC1B,CAAC,EAAE,GAAG,CACR,CAAC;EACDnB,SAAS,CAAC,MAAM;IACd,IAAI,CAACI,SAAS,EAAE;IAChBkB,WAAW,CAAC,CAAC;IACbX,MAAM,CAACY,gBAAgB,CAAC,QAAQ,EAAED,WAAW,CAAC;IAC9C,OAAO,MAAM;MACXX,MAAM,CAACa,mBAAmB,CAAC,QAAQ,EAAEF,WAAW,CAAC;IACnD,CAAC;IACD;EACF,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,OAAOhB,aAAA,QAAAmB,QAAA;IAAKV,KAAK,EAAAU,QAAA,KAAOV,KAAK;MAAEI;IAAM;EAAG,GAAKH,KAAK,CAAG,CAAC;AACxD,CAAC","ignoreList":[]}
|
|
@@ -90,7 +90,10 @@ export var NumberField = /*#__PURE__*/forwardRef((props, rootRef) => {
|
|
|
90
90
|
|
|
91
91
|
// 制御コンポーネントとして扱われる場合、外部からの値の変更を検知してinput要素の値を更新する。
|
|
92
92
|
var prevPropsValue = useRef(props.value);
|
|
93
|
+
|
|
94
|
+
// eslint-disable-next-line react-hooks/refs
|
|
93
95
|
if (isControlled && !equalNumber(value, prevPropsValue.current)) {
|
|
96
|
+
// eslint-disable-next-line react-hooks/refs
|
|
94
97
|
prevPropsValue.current = props.value;
|
|
95
98
|
setInputValue(value === undefined ? "" : "" + value);
|
|
96
99
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberField.js","names":["React","forwardRef","useCallback","useContext","useId","useMemo","useRef","useState","FormControl","FormHelperText","InputBase","InputLabel","LocaleContext","useDitectInputTouched","useFieldGroup","useInputValue","useMergeRefs","useValidation","NumberFieldInputWrapper","NumberFieldInputWrapperContext","jsx","___EmotionJSX","toLocaleValue","value","locale","options","undefined","toLocaleString","equalNumber","a","b","Number","isNaN","additionalValidations","navigator","test","language","NumberField","props","rootRef","validationMessages","customValidations","style","className","label","onChange","onFocus","defaultValue","disabled","readOnly","propsReadOnly","loading","propsLoading","helperText","invalid","max","MAX_SAFE_INTEGER","min","MIN_SAFE_INTEGER","step","id","inputRef","others","_objectWithoutPropertiesLoose","_excluded","ref","refs","setValue","isControlled","onLoaded","mergedCustomValidations","validation","inputValue","setInputValue","prevPropsValue","current","handleBlur","touched","touchedProps","handleChange","event","currentTarget","next","handleWheel","blur","internalInputId","inputId","required","htmlFor","Provider","type","_extends","renderInputWrapper","onBlur","onWheel","valid","message"],"sources":["../../../src/NumberField/NumberField.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useContext,\n useId,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { FieldProps } from \"../FieldBase\";\nimport { FormControl } from \"../FormControl\";\nimport { FormHelperText } from \"../FieldBase/FormHelperText\";\nimport { InputBase, InputBaseProps } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { LocaleContext } from \"../LocaleProvider\";\nimport { useDitectInputTouched } from \"../FieldBase/useDitectInputTouched\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { useInputValue } from \"../hooks/useInputValue\";\nimport { useMergeRefs } from \"../hooks/useMergeRefs\";\nimport { useValidation } from \"../FieldBase/useValidation\";\nimport { NumberFormatOptions } from \"./NumberFormatOptions\";\nimport {\n NumberFieldInputWrapper,\n NumberFieldInputWrapperContext,\n} from \"./NumberFieldInputWrapper\";\n\ninterface CommonNumberFieldProps\n extends Omit<InputBaseProps, \"defaultValue\" | \"value\" | \"onChange\"> {\n /**\n * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat\n */\n options?: NumberFormatOptions;\n type?: never;\n children?: never;\n /**\n * 入力が受け付ける最大値を指定します。\n *\n * @default Number.MAX_SAFE_INTEGER\n */\n max?: number;\n /**\n * 入力が受け付ける最小値を指定します。\n *\n * @default Number.MIN_SAFE_INTEGER\n */\n min?: number;\n}\n\nexport interface NumberFieldProps\n extends FieldProps<number | undefined>,\n CommonNumberFieldProps {}\n\nconst toLocaleValue = (\n value?: number,\n locale?: string,\n options?: NumberFormatOptions,\n): string | undefined => {\n return value === undefined ? \"\" : value.toLocaleString(locale, options);\n};\n\nconst equalNumber = (a: number | undefined, b: number | undefined): boolean => {\n if (a === b) {\n return true;\n }\n // NaNとNaNはtrueにならないが等しいとみなす\n if (Number.isNaN(a) && Number.isNaN(b)) {\n return true;\n }\n return false;\n};\n\nconst additionalValidations = [\n (value?: number) => {\n if (Number.isNaN(value)) {\n if (navigator && /^ja\\b/.test(navigator.language)) {\n return \"不正でない数値を入力してください\";\n }\n return \"Enter a valid number\";\n }\n return;\n },\n] satisfies NumberFieldProps[\"customValidations\"];\n\nexport const NumberField = forwardRef<\n HTMLDivElement,\n Readonly<NumberFieldProps>\n>((props, rootRef) => {\n const {\n validationMessages,\n customValidations,\n style,\n className,\n label,\n options,\n onChange,\n onFocus,\n defaultValue,\n disabled,\n\n value: _propsValue,\n readOnly: propsReadOnly,\n loading: propsLoading,\n helperText,\n invalid,\n max = Number.MAX_SAFE_INTEGER,\n min = Number.MIN_SAFE_INTEGER,\n step = 1,\n id,\n inputRef,\n ...others\n } = props;\n const locale = useContext(LocaleContext);\n const ref = useRef<HTMLInputElement>(null);\n const refs = useMergeRefs(inputRef, ref);\n\n const [value, setValue, isControlled] = useInputValue(props);\n const { loading, readOnly } = useFieldGroup({\n loading: propsLoading,\n readOnly: propsReadOnly,\n onLoaded: () => {\n if (isControlled === false) {\n setValue(defaultValue);\n }\n },\n });\n\n const mergedCustomValidations = useMemo(() => {\n return customValidations\n ? [...customValidations, ...additionalValidations]\n : additionalValidations;\n }, [customValidations]);\n\n const validation = useValidation({\n ref,\n validationMessages,\n customValidations: mergedCustomValidations,\n value,\n });\n\n // input要素の実際の値を管理している。これにより、`.0`や`.20`など入力途中の表示を維持できる。\n const [inputValue, setInputValue] = useState(\n value === undefined ? \"\" : `${value}`,\n );\n\n // 制御コンポーネントとして扱われる場合、外部からの値の変更を検知してinput要素の値を更新する。\n const prevPropsValue = useRef(props.value);\n\n if (isControlled && !equalNumber(value, prevPropsValue.current)) {\n prevPropsValue.current = props.value;\n setInputValue(value === undefined ? \"\" : `${value}`);\n }\n\n // フォーカスが外れた場合、入力途中の値を破棄するためにinputValueを更新する\n const handleBlur = useCallback(() => {\n setInputValue(value === undefined ? \"\" : `${value}`);\n }, [value]);\n\n const [touched, touchedProps] = useDitectInputTouched(onFocus);\n\n const handleChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n const { value } = event.currentTarget;\n\n const next = value === \"\" ? undefined : Number(value);\n setInputValue(value);\n setValue(next);\n if (onChange) {\n onChange(next, event);\n }\n },\n [onChange, setValue],\n );\n\n const handleWheel: React.WheelEventHandler<HTMLInputElement> = useCallback(\n (event) => {\n event.currentTarget.blur();\n },\n [],\n );\n\n const internalInputId = useId();\n const inputId = id ?? internalInputId;\n\n return (\n <FormControl style={style} className={className} ref={rootRef}>\n <InputLabel\n aria-disabled={disabled}\n required={props.required}\n loading={loading}\n htmlFor={inputId}\n >\n {label}\n </InputLabel>\n <NumberFieldInputWrapperContext.Provider\n value={\n validation.type === \"badInput\"\n ? \"Invalid number\"\n : toLocaleValue(value, locale, options)\n }\n >\n <InputBase\n loading={loading}\n disabled={disabled}\n id={inputId}\n ref={refs}\n type=\"number\"\n renderInputWrapper={NumberFieldInputWrapper}\n value={inputValue}\n onChange={handleChange}\n onBlur={handleBlur}\n onWheel={handleWheel}\n readOnly={readOnly}\n data-invalid={!validation.valid}\n max={max}\n min={min}\n step={step}\n {...others}\n {...touchedProps}\n />\n </NumberFieldInputWrapperContext.Provider>\n\n <FormHelperText\n invalid={!validation.valid || invalid}\n loading={loading}\n touched={touched}\n value={value}\n >\n {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n validation.message || helperText\n }\n </FormHelperText>\n </FormControl>\n );\n});\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"NumberField.js","names":["React","forwardRef","useCallback","useContext","useId","useMemo","useRef","useState","FormControl","FormHelperText","InputBase","InputLabel","LocaleContext","useDitectInputTouched","useFieldGroup","useInputValue","useMergeRefs","useValidation","NumberFieldInputWrapper","NumberFieldInputWrapperContext","jsx","___EmotionJSX","toLocaleValue","value","locale","options","undefined","toLocaleString","equalNumber","a","b","Number","isNaN","additionalValidations","navigator","test","language","NumberField","props","rootRef","validationMessages","customValidations","style","className","label","onChange","onFocus","defaultValue","disabled","readOnly","propsReadOnly","loading","propsLoading","helperText","invalid","max","MAX_SAFE_INTEGER","min","MIN_SAFE_INTEGER","step","id","inputRef","others","_objectWithoutPropertiesLoose","_excluded","ref","refs","setValue","isControlled","onLoaded","mergedCustomValidations","validation","inputValue","setInputValue","prevPropsValue","current","handleBlur","touched","touchedProps","handleChange","event","currentTarget","next","handleWheel","blur","internalInputId","inputId","required","htmlFor","Provider","type","_extends","renderInputWrapper","onBlur","onWheel","valid","message"],"sources":["../../../src/NumberField/NumberField.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useContext,\n useId,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { FieldProps } from \"../FieldBase\";\nimport { FormControl } from \"../FormControl\";\nimport { FormHelperText } from \"../FieldBase/FormHelperText\";\nimport { InputBase, InputBaseProps } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { LocaleContext } from \"../LocaleProvider\";\nimport { useDitectInputTouched } from \"../FieldBase/useDitectInputTouched\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { useInputValue } from \"../hooks/useInputValue\";\nimport { useMergeRefs } from \"../hooks/useMergeRefs\";\nimport { useValidation } from \"../FieldBase/useValidation\";\nimport { NumberFormatOptions } from \"./NumberFormatOptions\";\nimport {\n NumberFieldInputWrapper,\n NumberFieldInputWrapperContext,\n} from \"./NumberFieldInputWrapper\";\n\ninterface CommonNumberFieldProps\n extends Omit<InputBaseProps, \"defaultValue\" | \"value\" | \"onChange\"> {\n /**\n * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat\n */\n options?: NumberFormatOptions;\n type?: never;\n children?: never;\n /**\n * 入力が受け付ける最大値を指定します。\n *\n * @default Number.MAX_SAFE_INTEGER\n */\n max?: number;\n /**\n * 入力が受け付ける最小値を指定します。\n *\n * @default Number.MIN_SAFE_INTEGER\n */\n min?: number;\n}\n\nexport interface NumberFieldProps\n extends FieldProps<number | undefined>,\n CommonNumberFieldProps {}\n\nconst toLocaleValue = (\n value?: number,\n locale?: string,\n options?: NumberFormatOptions,\n): string | undefined => {\n return value === undefined ? \"\" : value.toLocaleString(locale, options);\n};\n\nconst equalNumber = (a: number | undefined, b: number | undefined): boolean => {\n if (a === b) {\n return true;\n }\n // NaNとNaNはtrueにならないが等しいとみなす\n if (Number.isNaN(a) && Number.isNaN(b)) {\n return true;\n }\n return false;\n};\n\nconst additionalValidations = [\n (value?: number) => {\n if (Number.isNaN(value)) {\n if (navigator && /^ja\\b/.test(navigator.language)) {\n return \"不正でない数値を入力してください\";\n }\n return \"Enter a valid number\";\n }\n return;\n },\n] satisfies NumberFieldProps[\"customValidations\"];\n\nexport const NumberField = forwardRef<\n HTMLDivElement,\n Readonly<NumberFieldProps>\n>((props, rootRef) => {\n const {\n validationMessages,\n customValidations,\n style,\n className,\n label,\n options,\n onChange,\n onFocus,\n defaultValue,\n disabled,\n\n value: _propsValue,\n readOnly: propsReadOnly,\n loading: propsLoading,\n helperText,\n invalid,\n max = Number.MAX_SAFE_INTEGER,\n min = Number.MIN_SAFE_INTEGER,\n step = 1,\n id,\n inputRef,\n ...others\n } = props;\n const locale = useContext(LocaleContext);\n const ref = useRef<HTMLInputElement>(null);\n const refs = useMergeRefs(inputRef, ref);\n\n const [value, setValue, isControlled] = useInputValue(props);\n const { loading, readOnly } = useFieldGroup({\n loading: propsLoading,\n readOnly: propsReadOnly,\n onLoaded: () => {\n if (isControlled === false) {\n setValue(defaultValue);\n }\n },\n });\n\n const mergedCustomValidations = useMemo(() => {\n return customValidations\n ? [...customValidations, ...additionalValidations]\n : additionalValidations;\n }, [customValidations]);\n\n const validation = useValidation({\n ref,\n validationMessages,\n customValidations: mergedCustomValidations,\n value,\n });\n\n // input要素の実際の値を管理している。これにより、`.0`や`.20`など入力途中の表示を維持できる。\n const [inputValue, setInputValue] = useState(\n value === undefined ? \"\" : `${value}`,\n );\n\n // 制御コンポーネントとして扱われる場合、外部からの値の変更を検知してinput要素の値を更新する。\n const prevPropsValue = useRef(props.value);\n\n // eslint-disable-next-line react-hooks/refs\n if (isControlled && !equalNumber(value, prevPropsValue.current)) {\n // eslint-disable-next-line react-hooks/refs\n prevPropsValue.current = props.value;\n setInputValue(value === undefined ? \"\" : `${value}`);\n }\n\n // フォーカスが外れた場合、入力途中の値を破棄するためにinputValueを更新する\n const handleBlur = useCallback(() => {\n setInputValue(value === undefined ? \"\" : `${value}`);\n }, [value]);\n\n const [touched, touchedProps] = useDitectInputTouched(onFocus);\n\n const handleChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n const { value } = event.currentTarget;\n\n const next = value === \"\" ? undefined : Number(value);\n setInputValue(value);\n setValue(next);\n if (onChange) {\n onChange(next, event);\n }\n },\n [onChange, setValue],\n );\n\n const handleWheel: React.WheelEventHandler<HTMLInputElement> = useCallback(\n (event) => {\n event.currentTarget.blur();\n },\n [],\n );\n\n const internalInputId = useId();\n const inputId = id ?? internalInputId;\n\n return (\n <FormControl style={style} className={className} ref={rootRef}>\n <InputLabel\n aria-disabled={disabled}\n required={props.required}\n loading={loading}\n htmlFor={inputId}\n >\n {label}\n </InputLabel>\n <NumberFieldInputWrapperContext.Provider\n value={\n validation.type === \"badInput\"\n ? \"Invalid number\"\n : toLocaleValue(value, locale, options)\n }\n >\n <InputBase\n loading={loading}\n disabled={disabled}\n id={inputId}\n ref={refs}\n type=\"number\"\n renderInputWrapper={NumberFieldInputWrapper}\n value={inputValue}\n onChange={handleChange}\n onBlur={handleBlur}\n onWheel={handleWheel}\n readOnly={readOnly}\n data-invalid={!validation.valid}\n max={max}\n min={min}\n step={step}\n {...others}\n {...touchedProps}\n />\n </NumberFieldInputWrapperContext.Provider>\n\n <FormHelperText\n invalid={!validation.valid || invalid}\n loading={loading}\n touched={touched}\n value={value}\n >\n {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n validation.message || helperText\n }\n </FormHelperText>\n </FormControl>\n );\n});\n"],"mappings":"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","ignoreList":[]}
|