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/esm/Portal/Portal.js
CHANGED
|
@@ -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();
|
package/esm/Portal/Portal.js.map
CHANGED
|
@@ -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;
|
|
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":[]}
|
|
@@ -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":[]}
|