@undp/design-system-react
Version:
React based design system for UNDP
1 lines • 2.11 kB
Source Map (JSON)
{"version":3,"file":"dist-BMAVZmE9.cjs","names":["React"],"sources":["../node_modules/@radix-ui/react-use-size/dist/index.mjs"],"sourcesContent":["// src/use-size.tsx\nimport * as React from \"react\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\nfunction useSize(element) {\n const [size, setSize] = React.useState(void 0);\n useLayoutEffect(() => {\n if (element) {\n setSize({ width: element.offsetWidth, height: element.offsetHeight });\n const resizeObserver = new ResizeObserver((entries) => {\n if (!Array.isArray(entries)) {\n return;\n }\n if (!entries.length) {\n return;\n }\n const entry = entries[0];\n let width;\n let height;\n if (\"borderBoxSize\" in entry) {\n const borderSizeEntry = entry[\"borderBoxSize\"];\n const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;\n width = borderSize[\"inlineSize\"];\n height = borderSize[\"blockSize\"];\n } else {\n width = element.offsetWidth;\n height = element.offsetHeight;\n }\n setSize({ width, height });\n });\n resizeObserver.observe(element, { box: \"border-box\" });\n return () => resizeObserver.unobserve(element);\n } else {\n setSize(void 0);\n }\n }, [element]);\n return size;\n}\nexport {\n useSize\n};\n//# sourceMappingURL=index.mjs.map\n"],"x_google_ignoreList":[0],"mappings":"sHAGA,SAAS,EAAQ,EAAS,CACxB,GAAM,CAAC,EAAM,GAAWA,EAAM,SAAS,IAAK,EAAC,EA+B7C,OA9BA,EAAA,MAAsB,CACpB,GAAI,EAAS,CACX,EAAQ,CAAE,MAAO,EAAQ,YAAa,OAAQ,EAAQ,YAAa,CAAC,EACpE,IAAM,EAAiB,IAAI,eAAgB,GAAY,CAIrD,GAHI,CAAC,MAAM,QAAQ,CAAO,GAGtB,CAAC,EAAQ,OACX,OAEF,IAAM,EAAQ,EAAQ,GAClB,EACA,EACJ,GAAI,kBAAmB,EAAO,CAC5B,IAAM,EAAkB,EAAM,cACxB,EAAa,MAAM,QAAQ,CAAe,EAAI,EAAgB,GAAK,EACzE,EAAQ,EAAW,WACnB,EAAS,EAAW,SACtB,KACE,GAAQ,EAAQ,YAChB,EAAS,EAAQ,aAEnB,EAAQ,CAAE,QAAO,QAAO,CAAC,CAC3B,CAAC,EAED,OADA,EAAe,QAAQ,EAAS,CAAE,IAAK,YAAa,CAAC,MACxC,EAAe,UAAU,CAAO,CAC/C,MACE,EAAQ,IAAK,EAAC,CAElB,EAAG,CAAC,CAAO,CAAC,EACL,CACT"}