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.
Files changed (85) hide show
  1. package/Calendar/CalendarDay.js +4 -4
  2. package/Calendar/CalendarDay.js.map +1 -1
  3. package/FieldBase/useValidation.js +11 -0
  4. package/FieldBase/useValidation.js.map +1 -1
  5. package/FieldGroup/index.js +2 -0
  6. package/FieldGroup/index.js.map +1 -1
  7. package/FullHeight/FullHeight.js +1 -0
  8. package/FullHeight/FullHeight.js.map +1 -1
  9. package/NumberField/NumberField.js +3 -0
  10. package/NumberField/NumberField.js.map +1 -1
  11. package/Portal/Portal.js +8 -0
  12. package/Portal/Portal.js.map +1 -1
  13. package/RadioButton/RadioButtonGroup.js +1 -0
  14. package/RadioButton/RadioButtonGroup.js.map +1 -1
  15. package/SelectField/SelectField.js +10 -6
  16. package/SelectField/SelectField.js.map +1 -1
  17. package/Table/useTable.js +1 -0
  18. package/Table/useTable.js.map +1 -1
  19. package/Tooltip/Tooltip.js +5 -4
  20. package/Tooltip/Tooltip.js.map +1 -1
  21. package/Typography/index.js +20 -17
  22. package/Typography/index.js.map +1 -1
  23. package/cjs/Calendar/CalendarDay.js +4 -4
  24. package/cjs/Calendar/CalendarDay.js.map +1 -1
  25. package/cjs/FieldBase/useValidation.js +11 -0
  26. package/cjs/FieldBase/useValidation.js.map +1 -1
  27. package/cjs/FieldGroup/index.js +2 -0
  28. package/cjs/FieldGroup/index.js.map +1 -1
  29. package/cjs/FullHeight/FullHeight.js +1 -0
  30. package/cjs/FullHeight/FullHeight.js.map +1 -1
  31. package/cjs/NumberField/NumberField.js +3 -0
  32. package/cjs/NumberField/NumberField.js.map +1 -1
  33. package/cjs/Portal/Portal.js +8 -0
  34. package/cjs/Portal/Portal.js.map +1 -1
  35. package/cjs/RadioButton/RadioButtonGroup.js +1 -0
  36. package/cjs/RadioButton/RadioButtonGroup.js.map +1 -1
  37. package/cjs/SelectField/SelectField.js +10 -6
  38. package/cjs/SelectField/SelectField.js.map +1 -1
  39. package/cjs/Table/useTable.js +1 -0
  40. package/cjs/Table/useTable.js.map +1 -1
  41. package/cjs/Tooltip/Tooltip.js +5 -4
  42. package/cjs/Tooltip/Tooltip.js.map +1 -1
  43. package/cjs/Typography/index.js +20 -17
  44. package/cjs/Typography/index.js.map +1 -1
  45. package/cjs/hooks/useInputValue.js +3 -0
  46. package/cjs/hooks/useInputValue.js.map +1 -1
  47. package/cjs/hooks/useStateWithDeps.js +2 -0
  48. package/cjs/hooks/useStateWithDeps.js.map +1 -1
  49. package/cjs/hooks/useWindowResize.js +1 -0
  50. package/cjs/hooks/useWindowResize.js.map +1 -1
  51. package/esm/Calendar/CalendarDay.js +4 -4
  52. package/esm/Calendar/CalendarDay.js.map +1 -1
  53. package/esm/FieldBase/useValidation.js +11 -0
  54. package/esm/FieldBase/useValidation.js.map +1 -1
  55. package/esm/FieldGroup/index.js +2 -0
  56. package/esm/FieldGroup/index.js.map +1 -1
  57. package/esm/FullHeight/FullHeight.js +1 -0
  58. package/esm/FullHeight/FullHeight.js.map +1 -1
  59. package/esm/NumberField/NumberField.js +3 -0
  60. package/esm/NumberField/NumberField.js.map +1 -1
  61. package/esm/Portal/Portal.js +8 -0
  62. package/esm/Portal/Portal.js.map +1 -1
  63. package/esm/RadioButton/RadioButtonGroup.js +1 -0
  64. package/esm/RadioButton/RadioButtonGroup.js.map +1 -1
  65. package/esm/SelectField/SelectField.js +10 -6
  66. package/esm/SelectField/SelectField.js.map +1 -1
  67. package/esm/Table/useTable.js +1 -0
  68. package/esm/Table/useTable.js.map +1 -1
  69. package/esm/Tooltip/Tooltip.js +5 -4
  70. package/esm/Tooltip/Tooltip.js.map +1 -1
  71. package/esm/Typography/index.js +20 -17
  72. package/esm/Typography/index.js.map +1 -1
  73. package/esm/hooks/useInputValue.js +3 -0
  74. package/esm/hooks/useInputValue.js.map +1 -1
  75. package/esm/hooks/useStateWithDeps.js +2 -0
  76. package/esm/hooks/useStateWithDeps.js.map +1 -1
  77. package/esm/hooks/useWindowResize.js +1 -0
  78. package/esm/hooks/useWindowResize.js.map +1 -1
  79. package/hooks/useInputValue.js +3 -0
  80. package/hooks/useInputValue.js.map +1 -1
  81. package/hooks/useStateWithDeps.js +2 -0
  82. package/hooks/useStateWithDeps.js.map +1 -1
  83. package/hooks/useWindowResize.js +1 -0
  84. package/hooks/useWindowResize.js.map +1 -1
  85. package/package.json +1 -1
@@ -25,11 +25,17 @@ export var Portal = /*#__PURE__*/forwardRef((_ref, ref) => {
25
25
  if (!canUseDOM) {
26
26
  return null;
27
27
  }
28
+
29
+ // eslint-disable-next-line react-hooks/rules-of-hooks
28
30
  var contextNode = useContext(PortalContext);
31
+
32
+ // eslint-disable-next-line react-hooks/rules-of-hooks
29
33
  useEffect(() => {
30
34
  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
31
35
  setNode(propsNode || contextNode || document.body);
32
36
  }, [contextNode, propsNode]);
37
+
38
+ // eslint-disable-next-line react-hooks/rules-of-hooks
33
39
  useEffect(() => {
34
40
  if (node) {
35
41
  setRef(ref, node);
@@ -40,6 +46,8 @@ export var Portal = /*#__PURE__*/forwardRef((_ref, ref) => {
40
46
  }
41
47
  };
42
48
  }, [propsNode, node, ref]);
49
+
50
+ // eslint-disable-next-line react-hooks/rules-of-hooks
43
51
  useEffect(() => {
44
52
  if (node && onRender) {
45
53
  onRender();
@@ -1 +1 @@
1
- {"version":3,"file":"Portal.js","names":["React","Fragment","forwardRef","useContext","useEffect","useState","ReactDOM","PortalContext","jsx","___EmotionJSX","setRef","ref","value","current","canUseDOM","window","document","createElement","Portal","_ref","node","propsNode","onRender","children","disablePortal","setNode","contextNode","body","createPortal"],"sources":["../../../src/Portal/Portal.tsx"],"sourcesContent":["import React, {\n Fragment,\n forwardRef,\n useContext,\n useEffect,\n useState,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { PortalContext } from \"./PortalContext\";\n\nexport const setRef = (\n ref: React.ForwardedRef<HTMLElement>,\n value: HTMLElement | null,\n) => {\n if (typeof ref === \"function\") {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n};\n\n/* eslint-disable @typescript-eslint/prefer-optional-chain */\nconst canUseDOM = !!(\n typeof window !== \"undefined\" &&\n window.document &&\n window.document.createElement\n);\n/* eslint-enable @typescript-eslint/prefer-optional-chain */\n\nexport interface PortalProps {\n node?: HTMLElement | null;\n /**\n * Portalがレンダリングされたときに発火します。\n */\n onRender?: () => void;\n children?: React.ReactNode;\n /**\n * Portalの挙動を無効化します。子要素は親のDOMヒエラルキーの中に留まります。\n */\n disablePortal?: boolean;\n}\n\nexport const Portal = forwardRef<HTMLElement, PortalProps>(\n ({ node: propsNode, onRender, children, disablePortal }, ref) => {\n const [node, setNode] = useState<HTMLElement | null>(null);\n\n if (!canUseDOM) {\n return null;\n }\n\n const contextNode = useContext(PortalContext);\n\n useEffect(() => {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n setNode(propsNode || contextNode || document.body);\n }, [contextNode, propsNode]);\n\n useEffect(() => {\n if (node) {\n setRef(ref, node);\n }\n return () => {\n if (node) {\n setRef(ref, null);\n }\n };\n }, [propsNode, node, ref]);\n\n useEffect(() => {\n if (node && onRender) {\n onRender();\n }\n }, [node, onRender]);\n\n return (\n node &&\n (disablePortal ? (\n <Fragment>{children}</Fragment>\n ) : (\n ReactDOM.createPortal(children, node)\n ))\n );\n },\n);\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,QAAQ,EACRC,UAAU,EACVC,UAAU,EACVC,SAAS,EACTC,QAAQ,QACH,OAAO;AACd,OAAOC,QAAQ,MAAM,WAAW;AAChC,SAASC,aAAa,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAEhD,OAAO,IAAMC,MAAM,GAAGA,CACpBC,GAAoC,EACpCC,KAAyB,KACtB;EACH,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAE;IAC7BA,GAAG,CAACC,KAAK,CAAC;EACZ,CAAC,MAAM,IAAID,GAAG,EAAE;IACdA,GAAG,CAACE,OAAO,GAAGD,KAAK;EACrB;AACF,CAAC;;AAED;AACA,IAAME,SAAS,GAAG,CAAC,EACjB,OAAOC,MAAM,KAAK,WAAW,IAC7BA,MAAM,CAACC,QAAQ,IACfD,MAAM,CAACC,QAAQ,CAACC,aAAa,CAC9B;AACD;;AAeA,OAAO,IAAMC,MAAM,gBAAGhB,UAAU,CAC9B,CAAAiB,IAAA,EAAyDR,GAAG,KAAK;EAAA,IAAhE;IAAES,IAAI,EAAEC,SAAS;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAAL,IAAA;EACrD,IAAM,CAACC,IAAI,EAAEK,OAAO,CAAC,GAAGpB,QAAQ,CAAqB,IAAI,CAAC;EAE1D,IAAI,CAACS,SAAS,EAAE;IACd,OAAO,IAAI;EACb;EAEA,IAAMY,WAAW,GAAGvB,UAAU,CAACI,aAAa,CAAC;EAE7CH,SAAS,CAAC,MAAM;IACd;IACAqB,OAAO,CAACJ,SAAS,IAAIK,WAAW,IAAIV,QAAQ,CAACW,IAAI,CAAC;EACpD,CAAC,EAAE,CAACD,WAAW,EAAEL,SAAS,CAAC,CAAC;EAE5BjB,SAAS,CAAC,MAAM;IACd,IAAIgB,IAAI,EAAE;MACRV,MAAM,CAACC,GAAG,EAAES,IAAI,CAAC;IACnB;IACA,OAAO,MAAM;MACX,IAAIA,IAAI,EAAE;QACRV,MAAM,CAACC,GAAG,EAAE,IAAI,CAAC;MACnB;IACF,CAAC;EACH,CAAC,EAAE,CAACU,SAAS,EAAED,IAAI,EAAET,GAAG,CAAC,CAAC;EAE1BP,SAAS,CAAC,MAAM;IACd,IAAIgB,IAAI,IAAIE,QAAQ,EAAE;MACpBA,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC,EAAE,CAACF,IAAI,EAAEE,QAAQ,CAAC,CAAC;EAEpB,OACEF,IAAI,KACHI,aAAa,GACZf,aAAA,CAACR,QAAQ,QAAEsB,QAAmB,CAAC,iBAE/BjB,QAAQ,CAACsB,YAAY,CAACL,QAAQ,EAAEH,IAAI,CAAC,CACtC,CAAC;AAEN,CACF,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"Portal.js","names":["React","Fragment","forwardRef","useContext","useEffect","useState","ReactDOM","PortalContext","jsx","___EmotionJSX","setRef","ref","value","current","canUseDOM","window","document","createElement","Portal","_ref","node","propsNode","onRender","children","disablePortal","setNode","contextNode","body","createPortal"],"sources":["../../../src/Portal/Portal.tsx"],"sourcesContent":["import React, {\n Fragment,\n forwardRef,\n useContext,\n useEffect,\n useState,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { PortalContext } from \"./PortalContext\";\n\nexport const setRef = (\n ref: React.ForwardedRef<HTMLElement>,\n value: HTMLElement | null,\n) => {\n if (typeof ref === \"function\") {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n};\n\n/* eslint-disable @typescript-eslint/prefer-optional-chain */\nconst canUseDOM = !!(\n typeof window !== \"undefined\" &&\n window.document &&\n window.document.createElement\n);\n/* eslint-enable @typescript-eslint/prefer-optional-chain */\n\nexport interface PortalProps {\n node?: HTMLElement | null;\n /**\n * Portalがレンダリングされたときに発火します。\n */\n onRender?: () => void;\n children?: React.ReactNode;\n /**\n * Portalの挙動を無効化します。子要素は親のDOMヒエラルキーの中に留まります。\n */\n disablePortal?: boolean;\n}\n\nexport const Portal = forwardRef<HTMLElement, PortalProps>(\n ({ node: propsNode, onRender, children, disablePortal }, ref) => {\n const [node, setNode] = useState<HTMLElement | null>(null);\n\n if (!canUseDOM) {\n return null;\n }\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const contextNode = useContext(PortalContext);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useEffect(() => {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n setNode(propsNode || contextNode || document.body);\n }, [contextNode, propsNode]);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useEffect(() => {\n if (node) {\n setRef(ref, node);\n }\n return () => {\n if (node) {\n setRef(ref, null);\n }\n };\n }, [propsNode, node, ref]);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useEffect(() => {\n if (node && onRender) {\n onRender();\n }\n }, [node, onRender]);\n\n return (\n node &&\n (disablePortal ? (\n <Fragment>{children}</Fragment>\n ) : (\n ReactDOM.createPortal(children, node)\n ))\n );\n },\n);\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,QAAQ,EACRC,UAAU,EACVC,UAAU,EACVC,SAAS,EACTC,QAAQ,QACH,OAAO;AACd,OAAOC,QAAQ,MAAM,WAAW;AAChC,SAASC,aAAa,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAEhD,OAAO,IAAMC,MAAM,GAAGA,CACpBC,GAAoC,EACpCC,KAAyB,KACtB;EACH,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAE;IAC7BA,GAAG,CAACC,KAAK,CAAC;EACZ,CAAC,MAAM,IAAID,GAAG,EAAE;IACdA,GAAG,CAACE,OAAO,GAAGD,KAAK;EACrB;AACF,CAAC;;AAED;AACA,IAAME,SAAS,GAAG,CAAC,EACjB,OAAOC,MAAM,KAAK,WAAW,IAC7BA,MAAM,CAACC,QAAQ,IACfD,MAAM,CAACC,QAAQ,CAACC,aAAa,CAC9B;AACD;;AAeA,OAAO,IAAMC,MAAM,gBAAGhB,UAAU,CAC9B,CAAAiB,IAAA,EAAyDR,GAAG,KAAK;EAAA,IAAhE;IAAES,IAAI,EAAEC,SAAS;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAAL,IAAA;EACrD,IAAM,CAACC,IAAI,EAAEK,OAAO,CAAC,GAAGpB,QAAQ,CAAqB,IAAI,CAAC;EAE1D,IAAI,CAACS,SAAS,EAAE;IACd,OAAO,IAAI;EACb;;EAEA;EACA,IAAMY,WAAW,GAAGvB,UAAU,CAACI,aAAa,CAAC;;EAE7C;EACAH,SAAS,CAAC,MAAM;IACd;IACAqB,OAAO,CAACJ,SAAS,IAAIK,WAAW,IAAIV,QAAQ,CAACW,IAAI,CAAC;EACpD,CAAC,EAAE,CAACD,WAAW,EAAEL,SAAS,CAAC,CAAC;;EAE5B;EACAjB,SAAS,CAAC,MAAM;IACd,IAAIgB,IAAI,EAAE;MACRV,MAAM,CAACC,GAAG,EAAES,IAAI,CAAC;IACnB;IACA,OAAO,MAAM;MACX,IAAIA,IAAI,EAAE;QACRV,MAAM,CAACC,GAAG,EAAE,IAAI,CAAC;MACnB;IACF,CAAC;EACH,CAAC,EAAE,CAACU,SAAS,EAAED,IAAI,EAAET,GAAG,CAAC,CAAC;;EAE1B;EACAP,SAAS,CAAC,MAAM;IACd,IAAIgB,IAAI,IAAIE,QAAQ,EAAE;MACpBA,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC,EAAE,CAACF,IAAI,EAAEE,QAAQ,CAAC,CAAC;EAEpB,OACEF,IAAI,KACHI,aAAa,GACZf,aAAA,CAACR,QAAQ,QAAEsB,QAAmB,CAAC,iBAE/BjB,QAAQ,CAACsB,YAAY,CAACL,QAAQ,EAAEH,IAAI,CAAC,CACtC,CAAC;AAEN,CACF,CAAC","ignoreList":[]}
@@ -13,6 +13,7 @@ export var RadioButtonGroup = _ref => {
13
13
  name,
14
14
  checkedValue: value,
15
15
  onChange
16
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
16
17
  });
17
18
  }));
18
19
  };
@@ -1 +1 @@
1
- {"version":3,"file":"RadioButtonGroup.js","names":["React","jsx","___EmotionJSX","RadioButtonGroup","_ref","name","children","value","onChange","Fragment","Children","map","child","cloneElement","checkedValue"],"sources":["../../../src/RadioButton/RadioButtonGroup.tsx"],"sourcesContent":["import React from \"react\";\nexport interface RadioButtonGroupProps {\n name: string;\n value?: string;\n onChange?: (event: React.SyntheticEvent<HTMLInputElement>) => void;\n children: React.ReactElement[];\n}\nexport const RadioButtonGroup = ({\n name,\n children,\n value,\n onChange,\n}: RadioButtonGroupProps) => {\n return (\n <React.Fragment>\n {React.Children.map(children, (child) => {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n return React.cloneElement(child, {\n name,\n checkedValue: value,\n onChange,\n } as any);\n })}\n </React.Fragment>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAO1B,OAAO,IAAMC,gBAAgB,GAAGC,IAAA,IAKH;EAAA,IALI;IAC/BC,IAAI;IACJC,QAAQ;IACRC,KAAK;IACLC;EACqB,CAAC,GAAAJ,IAAA;EACtB,OACEF,aAAA,CAACF,KAAK,CAACS,QAAQ,QACZT,KAAK,CAACU,QAAQ,CAACC,GAAG,CAACL,QAAQ,EAAGM,KAAK,IAAK;IACvC;IACA,oBAAOZ,KAAK,CAACa,YAAY,CAACD,KAAK,EAAE;MAC/BP,IAAI;MACJS,YAAY,EAAEP,KAAK;MACnBC;IACF,CAAQ,CAAC;EACX,CAAC,CACa,CAAC;AAErB,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"RadioButtonGroup.js","names":["React","jsx","___EmotionJSX","RadioButtonGroup","_ref","name","children","value","onChange","Fragment","Children","map","child","cloneElement","checkedValue"],"sources":["../../../src/RadioButton/RadioButtonGroup.tsx"],"sourcesContent":["import React from \"react\";\nexport interface RadioButtonGroupProps {\n name: string;\n value?: string;\n onChange?: (event: React.SyntheticEvent<HTMLInputElement>) => void;\n children: React.ReactElement[];\n}\nexport const RadioButtonGroup = ({\n name,\n children,\n value,\n onChange,\n}: RadioButtonGroupProps) => {\n return (\n <React.Fragment>\n {React.Children.map(children, (child) => {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n return React.cloneElement(child, {\n name,\n checkedValue: value,\n onChange,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n } as any);\n })}\n </React.Fragment>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAO1B,OAAO,IAAMC,gBAAgB,GAAGC,IAAA,IAKH;EAAA,IALI;IAC/BC,IAAI;IACJC,QAAQ;IACRC,KAAK;IACLC;EACqB,CAAC,GAAAJ,IAAA;EACtB,OACEF,aAAA,CAACF,KAAK,CAACS,QAAQ,QACZT,KAAK,CAACU,QAAQ,CAACC,GAAG,CAACL,QAAQ,EAAGM,KAAK,IAAK;IACvC;IACA,oBAAOZ,KAAK,CAACa,YAAY,CAACD,KAAK,EAAE;MAC/BP,IAAI;MACJS,YAAY,EAAEP,KAAK;MACnBC;MACA;IACF,CAAQ,CAAC;EACX,CAAC,CACa,CAAC;AAErB,CAAC","ignoreList":[]}