matsuri-ui 17.0.1 → 17.0.2-alpha-1744436880353-cd10d5a.0
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/Alert/Alert.js +48 -24
- package/Alert/Alert.js.map +1 -1
- package/ImageViewer/ImageViewer.js +34 -33
- package/ImageViewer/ImageViewer.js.map +1 -1
- package/cjs/Alert/Alert.js +64 -40
- package/cjs/Alert/Alert.js.map +1 -1
- package/cjs/ImageViewer/ImageViewer.js +51 -50
- package/cjs/ImageViewer/ImageViewer.js.map +1 -1
- package/esm/Alert/Alert.js +48 -24
- package/esm/Alert/Alert.js.map +1 -1
- package/esm/ImageViewer/ImageViewer.js +34 -33
- package/esm/ImageViewer/ImageViewer.js.map +1 -1
- package/package.json +3 -4
- package/Alert/useAlertMotion.d.ts +0 -10
- package/Alert/useAlertMotion.js +0 -50
- package/Alert/useAlertMotion.js.map +0 -1
- package/cjs/Alert/useAlertMotion.js +0 -54
- package/cjs/Alert/useAlertMotion.js.map +0 -1
- package/cjs/react-spring.d.js +0 -4
- package/cjs/react-spring.d.js.map +0 -1
- package/esm/Alert/useAlertMotion.js +0 -50
- package/esm/Alert/useAlertMotion.js.map +0 -1
- package/esm/react-spring.d.js +0 -2
- package/esm/react-spring.d.js.map +0 -1
- package/react-spring.d.js +0 -2
- package/react-spring.d.js.map +0 -1
- package/types/Alert/useAlertMotion.d.ts +0 -10
package/esm/Alert/Alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","names":["Button","resetButtonStyle","Tooltip","animated","copyToClipboard","css","useAlertMotion","useTheme","CheckIcon","CloseIcon","ErrorIcon","React","useMemo","useState","WarningIcon","jsx","___EmotionJSX","_ref2","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref3","_ref4","Alert","_ref5","message","duration","Infinity","id","severity","transitions","handleClick","Icon","theme","Fragment","style","item","div","zIndex","tooltip","palette","intentions","contrastText","main","shadows","role","spacing","dark","fontSize","typography","body","happend","caption","reason","action","log","CopyButton","value","icon","rounded","onClick","_ref","_ref6","children","copyMessage","setCopyMessage","copied","setCopied","title","arrow","placement","open","flag","setTimeout"],"sources":["../../../src/Alert/Alert.tsx"],"sourcesContent":["import { Button, resetButtonStyle } from \"../Button\";\nimport { Tooltip } from \"../Tooltip\";\nimport { animated } from \"react-spring\";\nimport { copyToClipboard } from \"../@utils/copyToClipboard\";\nimport { css } from \"@emotion/react\";\nimport { useAlertMotion } from \"./useAlertMotion\";\nimport { useTheme } from \"../theme\";\nimport CheckIcon from \"@mui/icons-material/Check\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport ErrorIcon from \"@mui/icons-material/Error\";\nimport React, { useMemo, useState } from \"react\";\nimport WarningIcon from \"@mui/icons-material/Warning\";\n\nexport type AlertDuration = number | \"standard\" | \"short\";\n\nexport interface AlertOptions {\n /**\n * uniqueな文字列を入れてください。removeAlertを用いて任意のAlertを削除する場合に使用できます。\n * 指定しない場合に任意の文字列が生成され、addAlertから取得できます。\n */\n id?: string;\n /**\n * 役割を表し、左側のアイコンと色を変更します。\n * @default \"success\"\n */\n severity?: \"error\" | \"success\" | \"warning\";\n /**\n * トーストコンポーネントが消えるまでの時間(ms)を表します。\n * @default Infinity\n */\n duration?: AlertDuration;\n}\n\nexport interface AlertRichMessageType {\n reason?: string;\n action?: string;\n happend: string;\n log?: string;\n}\n\nexport type AlertMessageType = string | AlertRichMessageType;\n\nexport interface AlertProps extends AlertOptions {\n message: AlertMessageType;\n}\n\nexport const Alert = ({\n message,\n duration = Infinity,\n id,\n severity = \"success\",\n}: AlertProps) => {\n const { transitions, handleClick } = useAlertMotion({ duration, id });\n const Icon = useMemo(() => {\n return severity === \"success\"\n ? CheckIcon\n : severity === \"warning\"\n ? WarningIcon\n : ErrorIcon;\n }, [severity]);\n\n const theme = useTheme();\n\n return (\n <React.Fragment>\n {transitions((style, item) =>\n item ? (\n <animated.div\n style={style}\n css={css`\n z-index: ${theme.zIndex.tooltip};\n display: grid;\n grid-template-columns: auto 1fr auto;\n width: fit-content;\n max-width: 384px;\n min-height: 56px;\n overflow: hidden;\n color: ${theme.palette.intentions[severity].contrastText};\n background-color: ${theme.palette.intentions[severity].main};\n border-radius: 4px;\n box-shadow: ${theme.shadows[4]};\n `}\n role=\"alert\"\n >\n <div\n css={css`\n padding: ${theme.spacing}px;\n background-color: ${theme.palette.intentions[severity].dark};\n `}\n >\n <Icon fontSize=\"medium\" />\n </div>\n <div\n css={[\n css`\n display: flex;\n flex-direction: column;\n gap: ${theme.spacing}px;\n padding: ${theme.spacing}px ${theme.spacing * 2}px\n ${theme.spacing * 2}px;\n `,\n ]}\n >\n <div\n css={[\n theme.typography.body,\n css`\n word-break: break-all;\n `,\n ]}\n >\n {typeof message === \"string\" ? message : message.happend}\n </div>\n {typeof message === \"string\" ? null : (\n <>\n <div css={[theme.typography.caption]}>\n {message.reason}\n {message.action ? (\n <span\n css={css`\n font-weight: bolder;\n `}\n >\n {message.action}\n </span>\n ) : null}\n </div>\n {message.log ? (\n <div\n css={css`\n text-align: right;\n `}\n >\n <CopyButton value={message.log}>\n エラーログをコピーする\n </CopyButton>\n </div>\n ) : null}\n </>\n )}\n </div>\n <div>\n <Button\n css={css`\n color: ${theme.palette.intentions[severity].contrastText};\n `}\n icon={<CloseIcon fontSize=\"small\" />}\n rounded\n onClick={handleClick}\n />\n </div>\n </animated.div>\n ) : null,\n )}\n </React.Fragment>\n );\n};\n\n// Todo: Use TextButton\nconst CopyButton = ({\n children,\n value,\n}: {\n children: string;\n value: string;\n}) => {\n const [copyMessage, setCopyMessage] = useState<string>(\"\");\n const [copied, setCopied] = useState<boolean>(false);\n\n const theme = useTheme();\n return (\n <Tooltip title={copyMessage} arrow placement=\"top-end\" open={copied}>\n <button\n css={[\n resetButtonStyle,\n theme.typography.caption,\n css`\n text-decoration: underline;\n `,\n ]}\n onClick={() => {\n const flag = copyToClipboard(value);\n setCopyMessage(flag ? \"コピーしました\" : \"コピーできませんでした\");\n setCopied(true);\n setTimeout(\n () => {\n setCopied(false);\n },\n flag ? 2500 : 100000,\n );\n }}\n >\n {children}\n </button>\n </Tooltip>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Alert.js","names":["Button","resetButtonStyle","Tooltip","motion","AnimatePresence","copyToClipboard","css","useTheme","CheckIcon","CloseIcon","ErrorIcon","React","useEffect","useMemo","useState","WarningIcon","useAlert","jsx","___EmotionJSX","_ref2","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref3","_ref4","Alert","_ref5","message","duration","Infinity","id","severity","removeAlert","show","setShow","Icon","theme","timeout","setTimeout","clearTimeout","undefined","div","key","initial","opacity","animate","exit","onAnimationComplete","def","zIndex","tooltip","palette","intentions","contrastText","main","shadows","role","spacing","dark","fontSize","typography","body","happend","Fragment","caption","reason","action","log","CopyButton","value","icon","rounded","onClick","_ref","_ref6","children","copyMessage","setCopyMessage","copied","setCopied","title","arrow","placement","open","flag"],"sources":["../../../src/Alert/Alert.tsx"],"sourcesContent":["import { Button, resetButtonStyle } from \"../Button\";\nimport { Tooltip } from \"../Tooltip\";\nimport { motion, AnimatePresence } from \"motion/react\";\nimport { copyToClipboard } from \"../@utils/copyToClipboard\";\nimport { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport CheckIcon from \"@mui/icons-material/Check\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport ErrorIcon from \"@mui/icons-material/Error\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport WarningIcon from \"@mui/icons-material/Warning\";\nimport { useAlert } from \"./AlertContext\";\n\nexport type AlertDuration = number | \"standard\" | \"short\";\n\nexport interface AlertOptions {\n /**\n * uniqueな文字列を入れてください。removeAlertを用いて任意のAlertを削除する場合に使用できます。\n * 指定しない場合に任意の文字列が生成され、addAlertから取得できます。\n */\n id?: string;\n /**\n * 役割を表し、左側のアイコンと色を変更します。\n * @default \"success\"\n */\n severity?: \"error\" | \"success\" | \"warning\";\n /**\n * トーストコンポーネントが消えるまでの時間(ms)を表します。\n * @default Infinity\n */\n duration?: AlertDuration;\n}\n\nexport interface AlertRichMessageType {\n reason?: string;\n action?: string;\n happend: string;\n log?: string;\n}\n\nexport type AlertMessageType = string | AlertRichMessageType;\n\nexport interface AlertProps extends AlertOptions {\n message: AlertMessageType;\n}\n\nexport const Alert = ({\n message,\n duration = Infinity,\n id,\n severity = \"success\",\n}: AlertProps) => {\n const { removeAlert } = useAlert();\n const [show, setShow] = useState(true);\n const Icon = useMemo(() => {\n return severity === \"success\"\n ? CheckIcon\n : severity === \"warning\"\n ? WarningIcon\n : ErrorIcon;\n }, [severity]);\n\n const theme = useTheme();\n\n useEffect(() => {\n if (show && duration !== Infinity) {\n const timeout = setTimeout(\n () => {\n setShow(false);\n },\n duration === \"standard\" ? 3500 : duration === \"short\" ? 1500 : duration,\n );\n\n return () => clearTimeout(timeout);\n }\n return undefined;\n }, [duration, id, removeAlert, show]);\n\n return (\n <AnimatePresence>\n {show && (\n <motion.div\n key={id}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n onAnimationComplete={(def: { opacity: number }) => {\n if (def.opacity === 0) {\n if (id) {\n removeAlert(id);\n }\n }\n }}\n css={css`\n z-index: ${theme.zIndex.tooltip};\n display: grid;\n grid-template-columns: auto 1fr auto;\n width: fit-content;\n max-width: 384px;\n min-height: 56px;\n overflow: hidden;\n color: ${theme.palette.intentions[severity].contrastText};\n background-color: ${theme.palette.intentions[severity].main};\n border-radius: 4px;\n box-shadow: ${theme.shadows[4]};\n `}\n role=\"alert\"\n >\n <div\n css={css`\n padding: ${theme.spacing}px;\n background-color: ${theme.palette.intentions[severity].dark};\n `}\n >\n <Icon fontSize=\"medium\" />\n </div>\n <div\n css={[\n css`\n display: flex;\n flex-direction: column;\n gap: ${theme.spacing}px;\n padding: ${theme.spacing}px ${theme.spacing * 2}px\n ${theme.spacing * 2}px;\n `,\n ]}\n >\n <div\n css={[\n theme.typography.body,\n css`\n word-break: break-all;\n `,\n ]}\n >\n {typeof message === \"string\" ? message : message.happend}\n </div>\n {typeof message === \"string\" ? null : (\n <>\n <div css={[theme.typography.caption]}>\n {message.reason}\n {message.action ? (\n <span\n css={css`\n font-weight: bolder;\n `}\n >\n {message.action}\n </span>\n ) : null}\n </div>\n {message.log ? (\n <div\n css={css`\n text-align: right;\n `}\n >\n <CopyButton value={message.log}>\n エラーログをコピーする\n </CopyButton>\n </div>\n ) : null}\n </>\n )}\n </div>\n <div>\n <Button\n css={css`\n color: ${theme.palette.intentions[severity].contrastText};\n `}\n icon={<CloseIcon fontSize=\"small\" />}\n rounded\n onClick={() => {\n setShow(false);\n }}\n />\n </div>\n </motion.div>\n )}\n </AnimatePresence>\n );\n};\n\n// Todo: Use TextButton\nconst CopyButton = ({\n children,\n value,\n}: {\n children: string;\n value: string;\n}) => {\n const [copyMessage, setCopyMessage] = useState<string>(\"\");\n const [copied, setCopied] = useState<boolean>(false);\n\n const theme = useTheme();\n return (\n <Tooltip title={copyMessage} arrow placement=\"top-end\" open={copied}>\n <button\n css={[\n resetButtonStyle,\n theme.typography.caption,\n css`\n text-decoration: underline;\n `,\n ]}\n onClick={() => {\n const flag = copyToClipboard(value);\n setCopyMessage(flag ? \"コピーしました\" : \"コピーできませんでした\");\n setCopied(true);\n setTimeout(\n () => {\n setCopied(false);\n },\n flag ? 2500 : 100000,\n );\n }}\n >\n {children}\n </button>\n </Tooltip>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,7 +4,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
|
|
|
4
4
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
5
5
|
import { Button } from "../Button";
|
|
6
6
|
import { Overlay } from "../Overlay";
|
|
7
|
-
import {
|
|
7
|
+
import { motion, AnimatePresence } from "motion/react";
|
|
8
8
|
import { css } from "@emotion/react";
|
|
9
9
|
import { hexToRgba } from "../@utils/hexToRgba";
|
|
10
10
|
import { useKeyboard } from "../hooks";
|
|
@@ -18,7 +18,7 @@ var ButtonWrapper = props => {
|
|
|
18
18
|
var theme = useTheme();
|
|
19
19
|
var BUTTON_CONTAINER_COLOR = useMemo(() => hexToRgba(theme.palette.background.overlay, 0.2), [theme.palette.background.overlay]);
|
|
20
20
|
return ___EmotionJSX("div", _extends({
|
|
21
|
-
css: /*#__PURE__*/css("position:absolute;display:flex;align-items:center;justify-content:center;height:100%;@media (max-width: ", MAX_IMAGE_WIDTH, "px){background-color:", BUTTON_CONTAINER_COLOR, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ButtonWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
21
|
+
css: /*#__PURE__*/css("position:absolute;display:flex;align-items:center;justify-content:center;height:100%;@media (max-width: ", MAX_IMAGE_WIDTH, "px){background-color:", BUTTON_CONTAINER_COLOR, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ButtonWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uXCI7XG5pbXBvcnQgeyBPdmVybGF5LCBPdmVybGF5UHJvcHMgfSBmcm9tIFwiLi4vT3ZlcmxheVwiO1xuaW1wb3J0IHsgbW90aW9uLCBBbmltYXRlUHJlc2VuY2UgfSBmcm9tIFwibW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGhleFRvUmdiYSB9IGZyb20gXCIuLi9AdXRpbHMvaGV4VG9SZ2JhXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZCB9IGZyb20gXCIuLi9ob29rc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCBOYXZpZ2F0ZUJlZm9yZUljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvTmF2aWdhdGVCZWZvcmVcIjtcbmltcG9ydCBOYXZpZ2F0ZU5leHRJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlTmV4dFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmNvbnN0IE1BWF9JTUFHRV9XSURUSCA9IDgwMDtcblxuaW50ZXJmYWNlIEJ1dHRvbldyYXBwZXJQcm9wcyBleHRlbmRzIFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcImRpdlwiPiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCdXR0b25XcmFwcGVyID0gKHByb3BzOiBCdXR0b25XcmFwcGVyUHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIGNvbnN0IEJVVFRPTl9DT05UQUlORVJfQ09MT1IgPSB1c2VNZW1vKFxuICAgICgpID0+IGhleFRvUmdiYSh0aGVtZS5wYWxldHRlLmJhY2tncm91bmQub3ZlcmxheSwgMC4yKSxcbiAgICBbdGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXldLFxuICApO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weCkge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7QlVUVE9OX0NPTlRBSU5FUl9DT0xPUn07XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VWaWV3ZXJQcm9wcyBleHRlbmRzIE92ZXJsYXlQcm9wcyB7XG4gIGltYWdlczogKFJlYWN0LkltZ0hUTUxBdHRyaWJ1dGVzPEhUTUxJbWFnZUVsZW1lbnQ+ICYgeyBzcmM6IHN0cmluZyB9KVtdO1xuICBjdXJyZW50SW5kZXg6IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IEltYWdlVmlld2VyID0gKHtcbiAgaW1hZ2VzLFxuICBjdXJyZW50SW5kZXgsXG4gIG9uQ2xvc2UsXG4gIC4uLnByb3BzXG59OiBJbWFnZVZpZXdlclByb3BzKSA9PiB7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLyoqXG4gICAgICogUHJlbG9hZCBpbWFnZXNcbiAgICAgKi9cbiAgICBpbWFnZXMuZm9yRWFjaCgoaW1hZ2UpID0+IHtcbiAgICAgIGNvbnN0IGltZyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJpbWdcIik7XG4gICAgICBpbWcuc3JjID0gaW1hZ2Uuc3JjO1xuICAgIH0pO1xuICB9LCBbaW1hZ2VzXSk7XG5cbiAgY29uc3QgW2luZGV4LCBzZXRJbmRleF0gPSB1c2VTdGF0ZShjdXJyZW50SW5kZXgpO1xuICBjb25zdCBbZGlyZWN0aW9uLCBzZXREaXJlY3Rpb25dID0gdXNlU3RhdGU8XCJuZXh0XCIgfCBcInByZXZcIj4oXCJuZXh0XCIpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0SW5kZXgoY3VycmVudEluZGV4KTtcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIGNvbnN0IGhhbmRsZVByZXYgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwicHJldlwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgPT09IDAgPyBpbWFnZXMubGVuZ3RoIC0gMSA6IHByZXYgLSAxKSk7XG4gIH0sIFtpbWFnZXMubGVuZ3RoXSk7XG5cbiAgY29uc3QgaGFuZGxlTmV4dCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXREaXJlY3Rpb24oXCJuZXh0XCIpO1xuICAgIHNldEluZGV4KChwcmV2KSA9PiAocHJldiArIDEpICUgaW1hZ2VzLmxlbmd0aCk7XG4gIH0sIFtpbWFnZXMubGVuZ3RoXSk7XG5cbiAgdXNlS2V5Ym9hcmQoXCJFc2NhcGVcIiwgb25DbG9zZSk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dSaWdodFwiLCBoYW5kbGVOZXh0KTtcbiAgdXNlS2V5Ym9hcmQoXCJBcnJvd0xlZnRcIiwgaGFuZGxlUHJldik7XG5cbiAgcmV0dXJuIChcbiAgICA8T3ZlcmxheSBmdWxsU2NyZWVuIHsuLi5wcm9wc30gb25DbG9zZT17b25DbG9zZX0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMCUgLSAzMnB4KTtcbiAgICAgICAgICBtYXJnaW46IGF1dG8gLTE0cHg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBtYXgtd2lkdGg6ICR7TUFYX0lNQUdFX1dJRFRIfXB4O1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIHdpbGwtY2hhbmdlOiBvcGFjaXR5LCB0cmFuc2Zvcm07XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxBbmltYXRlUHJlc2VuY2UgaW5pdGlhbD17ZmFsc2V9PlxuICAgICAgICAgICAgPG1vdGlvbi5kaXZcbiAgICAgICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICAgICAgaW5pdGlhbD17e1xuICAgICAgICAgICAgICAgIHg6IGRpcmVjdGlvbiA9PT0gXCJuZXh0XCIgPyBcIjEwMCVcIiA6IFwiLTEwMCVcIixcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgYW5pbWF0ZT17e1xuICAgICAgICAgICAgICAgIHg6IDAsXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGV4aXQ9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCItMTAwJVwiIDogXCIxMDAlXCIsXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICB0cmFuc2l0aW9uPXt7XG4gICAgICAgICAgICAgICAgZWFzZTogXCJlYXNlSW5PdXRcIixcbiAgICAgICAgICAgICAgICBkdXJhdGlvbjogMC4zLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8aW1nIHsuLi5pbWFnZXNbaW5kZXhdfSBhbHQ9XCJcIiAvPlxuICAgICAgICAgICAgPC9tb3Rpb24uZGl2PlxuICAgICAgICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGxlZnQ6IDBweDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICAgIDxOYXZpZ2F0ZUJlZm9yZUljb25cbiAgICAgICAgICAgICAgICBodG1sQ29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgICAgICAgICAgb25DbGljaz17aGFuZGxlUHJldn1cbiAgICAgICAgICAgICAgICBmb250U2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9CdXR0b25XcmFwcGVyPlxuICAgICAgICA8QnV0dG9uV3JhcHBlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcmlnaHQ6IDBweDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICAgIDxOYXZpZ2F0ZU5leHRJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZU5leHR9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvT3ZlcmxheT5cbiAgKTtcbn07XG4iXX0= */")
|
|
22
22
|
}, props));
|
|
23
23
|
};
|
|
24
24
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
@@ -26,7 +26,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
26
26
|
styles: "right:0px"
|
|
27
27
|
} : {
|
|
28
28
|
name: "1oizqjo-ImageViewer",
|
|
29
|
-
styles: "right:0px;label:ImageViewer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
29
|
+
styles: "right:0px;label:ImageViewer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0prQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvblwiO1xuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVByb3BzIH0gZnJvbSBcIi4uL092ZXJsYXlcIjtcbmltcG9ydCB7IG1vdGlvbiwgQW5pbWF0ZVByZXNlbmNlIH0gZnJvbSBcIm1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JnYmEgfSBmcm9tIFwiLi4vQHV0aWxzL2hleFRvUmdiYVwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vaG9va3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgTmF2aWdhdGVCZWZvcmVJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlQmVmb3JlXCI7XG5pbXBvcnQgTmF2aWdhdGVOZXh0SWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9OYXZpZ2F0ZU5leHRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwibmV4dFwiIHwgXCJwcmV2XCI+KFwibmV4dFwiKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInByZXZcIik7XG4gICAgc2V0SW5kZXgoKHByZXYpID0+IChwcmV2ID09PSAwID8gaW1hZ2VzLmxlbmd0aCAtIDEgOiBwcmV2IC0gMSkpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIGNvbnN0IGhhbmRsZU5leHQgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwibmV4dFwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgKyAxKSAlIGltYWdlcy5sZW5ndGgpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QW5pbWF0ZVByZXNlbmNlIGluaXRpYWw9e2ZhbHNlfT5cbiAgICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCIxMDAlXCIgOiBcIi0xMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICAgICAgICB4OiAwLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBleGl0PXt7XG4gICAgICAgICAgICAgICAgeDogZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IFwiLTEwMCVcIiA6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17e1xuICAgICAgICAgICAgICAgIGVhc2U6IFwiZWFzZUluT3V0XCIsXG4gICAgICAgICAgICAgICAgZHVyYXRpb246IDAuMyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGltZyB7Li4uaW1hZ2VzW2luZGV4XX0gYWx0PVwiXCIgLz5cbiAgICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxCdXR0b25XcmFwcGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVCZWZvcmVJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZ9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVOZXh0SWNvblxuICAgICAgICAgICAgICAgIGh0bWxDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L092ZXJsYXk+XG4gICk7XG59O1xuIl19 */",
|
|
30
30
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
31
31
|
};
|
|
32
32
|
var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
@@ -34,7 +34,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
|
34
34
|
styles: "left:0px"
|
|
35
35
|
} : {
|
|
36
36
|
name: "1unh103-ImageViewer",
|
|
37
|
-
styles: "left:0px;label:ImageViewer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
37
|
+
styles: "left:0px;label:ImageViewer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0lrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvblwiO1xuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVByb3BzIH0gZnJvbSBcIi4uL092ZXJsYXlcIjtcbmltcG9ydCB7IG1vdGlvbiwgQW5pbWF0ZVByZXNlbmNlIH0gZnJvbSBcIm1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JnYmEgfSBmcm9tIFwiLi4vQHV0aWxzL2hleFRvUmdiYVwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vaG9va3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgTmF2aWdhdGVCZWZvcmVJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlQmVmb3JlXCI7XG5pbXBvcnQgTmF2aWdhdGVOZXh0SWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9OYXZpZ2F0ZU5leHRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwibmV4dFwiIHwgXCJwcmV2XCI+KFwibmV4dFwiKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInByZXZcIik7XG4gICAgc2V0SW5kZXgoKHByZXYpID0+IChwcmV2ID09PSAwID8gaW1hZ2VzLmxlbmd0aCAtIDEgOiBwcmV2IC0gMSkpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIGNvbnN0IGhhbmRsZU5leHQgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwibmV4dFwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgKyAxKSAlIGltYWdlcy5sZW5ndGgpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QW5pbWF0ZVByZXNlbmNlIGluaXRpYWw9e2ZhbHNlfT5cbiAgICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCIxMDAlXCIgOiBcIi0xMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICAgICAgICB4OiAwLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBleGl0PXt7XG4gICAgICAgICAgICAgICAgeDogZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IFwiLTEwMCVcIiA6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17e1xuICAgICAgICAgICAgICAgIGVhc2U6IFwiZWFzZUluT3V0XCIsXG4gICAgICAgICAgICAgICAgZHVyYXRpb246IDAuMyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGltZyB7Li4uaW1hZ2VzW2luZGV4XX0gYWx0PVwiXCIgLz5cbiAgICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxCdXR0b25XcmFwcGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVCZWZvcmVJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZ9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVOZXh0SWNvblxuICAgICAgICAgICAgICAgIGh0bWxDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L092ZXJsYXk+XG4gICk7XG59O1xuIl19 */",
|
|
38
38
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
39
39
|
};
|
|
40
40
|
var _ref3 = process.env.NODE_ENV === "production" ? {
|
|
@@ -42,7 +42,7 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
|
|
|
42
42
|
styles: "position:relative;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:stretch;justify-content:center;max-height:calc(100% - 32px);margin:auto -14px"
|
|
43
43
|
} : {
|
|
44
44
|
name: "g4t1sc-ImageViewer",
|
|
45
|
-
styles: "position:relative;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:stretch;justify-content:center;max-height:calc(100% - 32px);margin:auto -14px;label:ImageViewer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
45
|
+
styles: "position:relative;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:stretch;justify-content:center;max-height:calc(100% - 32px);margin:auto -14px;label:ImageViewer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0ZnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvblwiO1xuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVByb3BzIH0gZnJvbSBcIi4uL092ZXJsYXlcIjtcbmltcG9ydCB7IG1vdGlvbiwgQW5pbWF0ZVByZXNlbmNlIH0gZnJvbSBcIm1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JnYmEgfSBmcm9tIFwiLi4vQHV0aWxzL2hleFRvUmdiYVwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vaG9va3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgTmF2aWdhdGVCZWZvcmVJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlQmVmb3JlXCI7XG5pbXBvcnQgTmF2aWdhdGVOZXh0SWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9OYXZpZ2F0ZU5leHRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwibmV4dFwiIHwgXCJwcmV2XCI+KFwibmV4dFwiKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInByZXZcIik7XG4gICAgc2V0SW5kZXgoKHByZXYpID0+IChwcmV2ID09PSAwID8gaW1hZ2VzLmxlbmd0aCAtIDEgOiBwcmV2IC0gMSkpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIGNvbnN0IGhhbmRsZU5leHQgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwibmV4dFwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgKyAxKSAlIGltYWdlcy5sZW5ndGgpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QW5pbWF0ZVByZXNlbmNlIGluaXRpYWw9e2ZhbHNlfT5cbiAgICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCIxMDAlXCIgOiBcIi0xMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICAgICAgICB4OiAwLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBleGl0PXt7XG4gICAgICAgICAgICAgICAgeDogZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IFwiLTEwMCVcIiA6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17e1xuICAgICAgICAgICAgICAgIGVhc2U6IFwiZWFzZUluT3V0XCIsXG4gICAgICAgICAgICAgICAgZHVyYXRpb246IDAuMyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGltZyB7Li4uaW1hZ2VzW2luZGV4XX0gYWx0PVwiXCIgLz5cbiAgICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxCdXR0b25XcmFwcGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVCZWZvcmVJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZ9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVOZXh0SWNvblxuICAgICAgICAgICAgICAgIGh0bWxDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L092ZXJsYXk+XG4gICk7XG59O1xuIl19 */",
|
|
46
46
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
47
47
|
};
|
|
48
48
|
export var ImageViewer = _ref4 => {
|
|
@@ -62,35 +62,18 @@ export var ImageViewer = _ref4 => {
|
|
|
62
62
|
});
|
|
63
63
|
}, [images]);
|
|
64
64
|
var [index, setIndex] = useState(currentIndex);
|
|
65
|
-
var [direction, setDirection] = useState("
|
|
65
|
+
var [direction, setDirection] = useState("next");
|
|
66
66
|
useEffect(() => {
|
|
67
67
|
setIndex(currentIndex);
|
|
68
68
|
}, [currentIndex]);
|
|
69
69
|
var handlePrev = useCallback(() => {
|
|
70
|
-
setDirection("
|
|
70
|
+
setDirection("prev");
|
|
71
71
|
setIndex(prev => prev === 0 ? images.length - 1 : prev - 1);
|
|
72
72
|
}, [images.length]);
|
|
73
73
|
var handleNext = useCallback(() => {
|
|
74
|
-
setDirection("
|
|
74
|
+
setDirection("next");
|
|
75
75
|
setIndex(prev => (prev + 1) % images.length);
|
|
76
76
|
}, [images.length]);
|
|
77
|
-
var transition = useTransition(index, {
|
|
78
|
-
initial: {
|
|
79
|
-
transform: "translate3d(0%,0%,0)"
|
|
80
|
-
},
|
|
81
|
-
from: {
|
|
82
|
-
transform: "translate3d(" + (direction === "right" ? "" : "-") + "100%,0%,0)"
|
|
83
|
-
},
|
|
84
|
-
enter: {
|
|
85
|
-
transform: "translate3d(0%,0%,0)"
|
|
86
|
-
},
|
|
87
|
-
leave: {
|
|
88
|
-
transform: "translate3d(" + (direction === "right" ? "-" : "") + "100%,0%,0)",
|
|
89
|
-
position: "absolute",
|
|
90
|
-
width: "100%",
|
|
91
|
-
top: 0
|
|
92
|
-
}
|
|
93
|
-
});
|
|
94
77
|
useKeyboard("Escape", onClose);
|
|
95
78
|
useKeyboard("ArrowRight", handleNext);
|
|
96
79
|
useKeyboard("ArrowLeft", handlePrev);
|
|
@@ -101,14 +84,32 @@ export var ImageViewer = _ref4 => {
|
|
|
101
84
|
}), ___EmotionJSX("div", {
|
|
102
85
|
css: _ref3
|
|
103
86
|
}, ___EmotionJSX("div", {
|
|
104
|
-
css: /*#__PURE__*/css("position:relative;box-sizing:border-box;max-width:", MAX_IMAGE_WIDTH, "px;overflow:hidden;will-change:opacity,transform;" + (process.env.NODE_ENV === "production" ? "" : ";label:ImageViewer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
105
|
-
},
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
87
|
+
css: /*#__PURE__*/css("position:relative;box-sizing:border-box;max-width:", MAX_IMAGE_WIDTH, "px;overflow:hidden;will-change:opacity,transform;" + (process.env.NODE_ENV === "production" ? "" : ";label:ImageViewer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUdrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvblwiO1xuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVByb3BzIH0gZnJvbSBcIi4uL092ZXJsYXlcIjtcbmltcG9ydCB7IG1vdGlvbiwgQW5pbWF0ZVByZXNlbmNlIH0gZnJvbSBcIm1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JnYmEgfSBmcm9tIFwiLi4vQHV0aWxzL2hleFRvUmdiYVwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vaG9va3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgTmF2aWdhdGVCZWZvcmVJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlQmVmb3JlXCI7XG5pbXBvcnQgTmF2aWdhdGVOZXh0SWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9OYXZpZ2F0ZU5leHRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwibmV4dFwiIHwgXCJwcmV2XCI+KFwibmV4dFwiKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInByZXZcIik7XG4gICAgc2V0SW5kZXgoKHByZXYpID0+IChwcmV2ID09PSAwID8gaW1hZ2VzLmxlbmd0aCAtIDEgOiBwcmV2IC0gMSkpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIGNvbnN0IGhhbmRsZU5leHQgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwibmV4dFwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgKyAxKSAlIGltYWdlcy5sZW5ndGgpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QW5pbWF0ZVByZXNlbmNlIGluaXRpYWw9e2ZhbHNlfT5cbiAgICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCIxMDAlXCIgOiBcIi0xMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICAgICAgICB4OiAwLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBleGl0PXt7XG4gICAgICAgICAgICAgICAgeDogZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IFwiLTEwMCVcIiA6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17e1xuICAgICAgICAgICAgICAgIGVhc2U6IFwiZWFzZUluT3V0XCIsXG4gICAgICAgICAgICAgICAgZHVyYXRpb246IDAuMyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGltZyB7Li4uaW1hZ2VzW2luZGV4XX0gYWx0PVwiXCIgLz5cbiAgICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxCdXR0b25XcmFwcGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVCZWZvcmVJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZ9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVOZXh0SWNvblxuICAgICAgICAgICAgICAgIGh0bWxDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L092ZXJsYXk+XG4gICk7XG59O1xuIl19 */")
|
|
88
|
+
}, ___EmotionJSX(AnimatePresence, {
|
|
89
|
+
initial: false
|
|
90
|
+
}, ___EmotionJSX(motion.div, {
|
|
91
|
+
key: index,
|
|
92
|
+
initial: {
|
|
93
|
+
x: direction === "next" ? "100%" : "-100%"
|
|
94
|
+
},
|
|
95
|
+
animate: {
|
|
96
|
+
x: 0,
|
|
97
|
+
position: "relative",
|
|
98
|
+
width: "100%"
|
|
99
|
+
},
|
|
100
|
+
exit: {
|
|
101
|
+
x: direction === "next" ? "-100%" : "100%",
|
|
102
|
+
position: "absolute",
|
|
103
|
+
width: "100%",
|
|
104
|
+
top: 0
|
|
105
|
+
},
|
|
106
|
+
transition: {
|
|
107
|
+
ease: "easeInOut",
|
|
108
|
+
duration: 0.3
|
|
109
|
+
}
|
|
110
|
+
}, ___EmotionJSX("img", _extends({}, images[index], {
|
|
111
|
+
alt: ""
|
|
112
|
+
}))))), ___EmotionJSX(ButtonWrapper, {
|
|
112
113
|
css: _ref2
|
|
113
114
|
}, ___EmotionJSX(Button, {
|
|
114
115
|
icon: ___EmotionJSX(NavigateBeforeIcon, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageViewer.js","names":["Button","Overlay","
|
|
1
|
+
{"version":3,"file":"ImageViewer.js","names":["Button","Overlay","motion","AnimatePresence","css","hexToRgba","useKeyboard","useTheme","NavigateBeforeIcon","NavigateNextIcon","React","useCallback","useEffect","useMemo","useState","jsx","___EmotionJSX","MAX_IMAGE_WIDTH","ButtonWrapper","props","theme","BUTTON_CONTAINER_COLOR","palette","background","overlay","_extends","process","env","NODE_ENV","_ref","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","_ref3","ImageViewer","_ref4","images","currentIndex","onClose","_objectWithoutPropertiesLoose","_excluded","forEach","image","img","document","createElement","src","index","setIndex","direction","setDirection","handlePrev","prev","length","handleNext","fullScreen","initial","div","key","x","animate","position","width","exit","top","transition","ease","duration","alt","icon","htmlColor","onClick","fontSize","size"],"sources":["../../../src/ImageViewer/ImageViewer.tsx"],"sourcesContent":["import { Button } from \"../Button\";\nimport { Overlay, OverlayProps } from \"../Overlay\";\nimport { motion, AnimatePresence } from \"motion/react\";\nimport { css } from \"@emotion/react\";\nimport { hexToRgba } from \"../@utils/hexToRgba\";\nimport { useKeyboard } from \"../hooks\";\nimport { useTheme } from \"../theme\";\nimport NavigateBeforeIcon from \"@mui/icons-material/NavigateBefore\";\nimport NavigateNextIcon from \"@mui/icons-material/NavigateNext\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\n\nconst MAX_IMAGE_WIDTH = 800;\n\ninterface ButtonWrapperProps extends React.ComponentPropsWithoutRef<\"div\"> {\n children?: React.ReactNode;\n}\n\nconst ButtonWrapper = (props: ButtonWrapperProps) => {\n const theme = useTheme();\n\n const BUTTON_CONTAINER_COLOR = useMemo(\n () => hexToRgba(theme.palette.background.overlay, 0.2),\n [theme.palette.background.overlay],\n );\n return (\n <div\n css={css`\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n @media (max-width: ${MAX_IMAGE_WIDTH}px) {\n background-color: ${BUTTON_CONTAINER_COLOR};\n }\n `}\n {...props}\n />\n );\n};\n\nexport interface ImageViewerProps extends OverlayProps {\n images: (React.ImgHTMLAttributes<HTMLImageElement> & { src: string })[];\n currentIndex: number;\n}\n\nexport const ImageViewer = ({\n images,\n currentIndex,\n onClose,\n ...props\n}: ImageViewerProps) => {\n useEffect(() => {\n /**\n * Preload images\n */\n images.forEach((image) => {\n const img = document.createElement(\"img\");\n img.src = image.src;\n });\n }, [images]);\n\n const [index, setIndex] = useState(currentIndex);\n const [direction, setDirection] = useState<\"next\" | \"prev\">(\"next\");\n\n useEffect(() => {\n setIndex(currentIndex);\n }, [currentIndex]);\n\n const handlePrev = useCallback(() => {\n setDirection(\"prev\");\n setIndex((prev) => (prev === 0 ? images.length - 1 : prev - 1));\n }, [images.length]);\n\n const handleNext = useCallback(() => {\n setDirection(\"next\");\n setIndex((prev) => (prev + 1) % images.length);\n }, [images.length]);\n\n useKeyboard(\"Escape\", onClose);\n useKeyboard(\"ArrowRight\", handleNext);\n useKeyboard(\"ArrowLeft\", handlePrev);\n\n return (\n <Overlay fullScreen {...props} onClose={onClose}>\n <div\n css={css`\n position: relative;\n top: 0;\n bottom: 0;\n box-sizing: border-box;\n display: flex;\n align-items: stretch;\n justify-content: center;\n max-height: calc(100% - 32px);\n margin: auto -14px;\n `}\n >\n <div\n css={css`\n position: relative;\n box-sizing: border-box;\n max-width: ${MAX_IMAGE_WIDTH}px;\n overflow: hidden;\n will-change: opacity, transform;\n `}\n >\n <AnimatePresence initial={false}>\n <motion.div\n key={index}\n initial={{\n x: direction === \"next\" ? \"100%\" : \"-100%\",\n }}\n animate={{\n x: 0,\n position: \"relative\",\n width: \"100%\",\n }}\n exit={{\n x: direction === \"next\" ? \"-100%\" : \"100%\",\n position: \"absolute\",\n width: \"100%\",\n top: 0,\n }}\n transition={{\n ease: \"easeInOut\",\n duration: 0.3,\n }}\n >\n <img {...images[index]} alt=\"\" />\n </motion.div>\n </AnimatePresence>\n </div>\n <ButtonWrapper\n css={css`\n left: 0px;\n `}\n >\n <Button\n icon={\n <NavigateBeforeIcon\n htmlColor=\"white\"\n onClick={handlePrev}\n fontSize=\"large\"\n />\n }\n size=\"large\"\n />\n </ButtonWrapper>\n <ButtonWrapper\n css={css`\n right: 0px;\n `}\n >\n <Button\n icon={\n <NavigateNextIcon\n htmlColor=\"white\"\n onClick={handleNext}\n fontSize=\"large\"\n />\n }\n size=\"large\"\n />\n </ButtonWrapper>\n </div>\n </Overlay>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "matsuri-ui",
|
|
3
|
-
"version": "17.0.
|
|
3
|
+
"version": "17.0.2-alpha-1744436880353-cd10d5a.0",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/matsuri-tech/matsuri-ui.git"
|
|
@@ -32,12 +32,11 @@
|
|
|
32
32
|
"node_modules"
|
|
33
33
|
],
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@mui/icons-material": "7.0.
|
|
36
|
-
"@mui/material": "7.0.
|
|
35
|
+
"@mui/icons-material": "7.0.2",
|
|
36
|
+
"@mui/material": "7.0.2",
|
|
37
37
|
"@popperjs/core": "2.11.8",
|
|
38
38
|
"motion": "12.6.3",
|
|
39
39
|
"react-popper": "2.3.0",
|
|
40
|
-
"react-spring": "9.7.5",
|
|
41
40
|
"relative-time-format": "1.1.6",
|
|
42
41
|
"resize-observer-polyfill": "1.5.1"
|
|
43
42
|
},
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { AlertDuration } from "./Alert";
|
|
2
|
-
export declare const useAlertMotion: ({ duration, id, }: {
|
|
3
|
-
duration: AlertDuration;
|
|
4
|
-
id?: string;
|
|
5
|
-
}) => {
|
|
6
|
-
transitions: import("react-spring").TransitionFn<boolean, {
|
|
7
|
-
opacity: number;
|
|
8
|
-
}>;
|
|
9
|
-
handleClick: () => void;
|
|
10
|
-
};
|
package/Alert/useAlertMotion.js
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { useAlert } from "./AlertContext";
|
|
2
|
-
import { useCallback, useEffect, useMemo, useState } from "react";
|
|
3
|
-
import { useTransition } from "react-spring";
|
|
4
|
-
export var useAlertMotion = _ref => {
|
|
5
|
-
var {
|
|
6
|
-
duration,
|
|
7
|
-
id
|
|
8
|
-
} = _ref;
|
|
9
|
-
var [show, setShow] = useState(true);
|
|
10
|
-
var {
|
|
11
|
-
removeAlert
|
|
12
|
-
} = useAlert();
|
|
13
|
-
var transitions = useTransition(show, {
|
|
14
|
-
from: {
|
|
15
|
-
opacity: 0
|
|
16
|
-
},
|
|
17
|
-
enter: {
|
|
18
|
-
opacity: 1
|
|
19
|
-
},
|
|
20
|
-
leave: {
|
|
21
|
-
opacity: 0
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
var durationNumber = useMemo(() => {
|
|
25
|
-
return duration === "standard" ? 3500 : duration === "short" ? 1500 : duration;
|
|
26
|
-
}, [duration]);
|
|
27
|
-
useEffect(() => {
|
|
28
|
-
if (show && durationNumber !== Infinity) {
|
|
29
|
-
var timeout = setTimeout(() => {
|
|
30
|
-
setShow(false);
|
|
31
|
-
if (id) {
|
|
32
|
-
removeAlert(id);
|
|
33
|
-
}
|
|
34
|
-
}, durationNumber);
|
|
35
|
-
return () => clearTimeout(timeout);
|
|
36
|
-
}
|
|
37
|
-
return undefined;
|
|
38
|
-
}, [durationNumber, id, removeAlert, show]);
|
|
39
|
-
var handleClick = useCallback(() => {
|
|
40
|
-
setShow(false);
|
|
41
|
-
if (id) {
|
|
42
|
-
removeAlert(id);
|
|
43
|
-
}
|
|
44
|
-
}, [id, removeAlert]);
|
|
45
|
-
return {
|
|
46
|
-
transitions,
|
|
47
|
-
handleClick
|
|
48
|
-
};
|
|
49
|
-
};
|
|
50
|
-
//# sourceMappingURL=useAlertMotion.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useAlertMotion.js","names":["useAlert","useCallback","useEffect","useMemo","useState","useTransition","useAlertMotion","_ref","duration","id","show","setShow","removeAlert","transitions","from","opacity","enter","leave","durationNumber","Infinity","timeout","setTimeout","clearTimeout","undefined","handleClick"],"sources":["../../../src/Alert/useAlertMotion.tsx"],"sourcesContent":["import { AlertDuration } from \"./Alert\";\nimport { useAlert } from \"./AlertContext\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useTransition } from \"react-spring\";\n\nexport const useAlertMotion = ({\n duration,\n id,\n}: {\n duration: AlertDuration;\n id?: string;\n}) => {\n const [show, setShow] = useState(true);\n const { removeAlert } = useAlert();\n const transitions = useTransition(show, {\n from: { opacity: 0 },\n enter: { opacity: 1 },\n leave: { opacity: 0 },\n });\n\n const durationNumber = useMemo(() => {\n return duration === \"standard\"\n ? 3500\n : duration === \"short\"\n ? 1500\n : duration;\n }, [duration]);\n\n useEffect(() => {\n if (show && durationNumber !== Infinity) {\n const timeout = setTimeout(() => {\n setShow(false);\n if (id) {\n removeAlert(id);\n }\n }, durationNumber);\n\n return () => clearTimeout(timeout);\n }\n return undefined;\n }, [durationNumber, id, removeAlert, show]);\n\n const handleClick = useCallback(() => {\n setShow(false);\n if (id) {\n removeAlert(id);\n }\n }, [id, removeAlert]);\n return {\n transitions,\n handleClick,\n };\n};\n"],"mappings":"AACA,SAASA,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACjE,SAASC,aAAa,QAAQ,cAAc;AAE5C,OAAO,IAAMC,cAAc,GAAGC,IAAA,IAMxB;EAAA,IANyB;IAC7BC,QAAQ;IACRC;EAIF,CAAC,GAAAF,IAAA;EACC,IAAM,CAACG,IAAI,EAAEC,OAAO,CAAC,GAAGP,QAAQ,CAAC,IAAI,CAAC;EACtC,IAAM;IAAEQ;EAAY,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EAClC,IAAMa,WAAW,GAAGR,aAAa,CAACK,IAAI,EAAE;IACtCI,IAAI,EAAE;MAAEC,OAAO,EAAE;IAAE,CAAC;IACpBC,KAAK,EAAE;MAAED,OAAO,EAAE;IAAE,CAAC;IACrBE,KAAK,EAAE;MAAEF,OAAO,EAAE;IAAE;EACtB,CAAC,CAAC;EAEF,IAAMG,cAAc,GAAGf,OAAO,CAAC,MAAM;IACnC,OAAOK,QAAQ,KAAK,UAAU,GAC1B,IAAI,GACJA,QAAQ,KAAK,OAAO,GAClB,IAAI,GACJA,QAAQ;EAChB,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEdN,SAAS,CAAC,MAAM;IACd,IAAIQ,IAAI,IAAIQ,cAAc,KAAKC,QAAQ,EAAE;MACvC,IAAMC,OAAO,GAAGC,UAAU,CAAC,MAAM;QAC/BV,OAAO,CAAC,KAAK,CAAC;QACd,IAAIF,EAAE,EAAE;UACNG,WAAW,CAACH,EAAE,CAAC;QACjB;MACF,CAAC,EAAES,cAAc,CAAC;MAElB,OAAO,MAAMI,YAAY,CAACF,OAAO,CAAC;IACpC;IACA,OAAOG,SAAS;EAClB,CAAC,EAAE,CAACL,cAAc,EAAET,EAAE,EAAEG,WAAW,EAAEF,IAAI,CAAC,CAAC;EAE3C,IAAMc,WAAW,GAAGvB,WAAW,CAAC,MAAM;IACpCU,OAAO,CAAC,KAAK,CAAC;IACd,IAAIF,EAAE,EAAE;MACNG,WAAW,CAACH,EAAE,CAAC;IACjB;EACF,CAAC,EAAE,CAACA,EAAE,EAAEG,WAAW,CAAC,CAAC;EACrB,OAAO;IACLC,WAAW;IACXW;EACF,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.useAlertMotion = void 0;
|
|
5
|
-
var _AlertContext = require("./AlertContext");
|
|
6
|
-
var _react = require("react");
|
|
7
|
-
var _reactSpring = require("react-spring");
|
|
8
|
-
const useAlertMotion = ({
|
|
9
|
-
duration,
|
|
10
|
-
id
|
|
11
|
-
}) => {
|
|
12
|
-
const [show, setShow] = (0, _react.useState)(true);
|
|
13
|
-
const {
|
|
14
|
-
removeAlert
|
|
15
|
-
} = (0, _AlertContext.useAlert)();
|
|
16
|
-
const transitions = (0, _reactSpring.useTransition)(show, {
|
|
17
|
-
from: {
|
|
18
|
-
opacity: 0
|
|
19
|
-
},
|
|
20
|
-
enter: {
|
|
21
|
-
opacity: 1
|
|
22
|
-
},
|
|
23
|
-
leave: {
|
|
24
|
-
opacity: 0
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
const durationNumber = (0, _react.useMemo)(() => {
|
|
28
|
-
return duration === "standard" ? 3500 : duration === "short" ? 1500 : duration;
|
|
29
|
-
}, [duration]);
|
|
30
|
-
(0, _react.useEffect)(() => {
|
|
31
|
-
if (show && durationNumber !== Infinity) {
|
|
32
|
-
const timeout = setTimeout(() => {
|
|
33
|
-
setShow(false);
|
|
34
|
-
if (id) {
|
|
35
|
-
removeAlert(id);
|
|
36
|
-
}
|
|
37
|
-
}, durationNumber);
|
|
38
|
-
return () => clearTimeout(timeout);
|
|
39
|
-
}
|
|
40
|
-
return undefined;
|
|
41
|
-
}, [durationNumber, id, removeAlert, show]);
|
|
42
|
-
const handleClick = (0, _react.useCallback)(() => {
|
|
43
|
-
setShow(false);
|
|
44
|
-
if (id) {
|
|
45
|
-
removeAlert(id);
|
|
46
|
-
}
|
|
47
|
-
}, [id, removeAlert]);
|
|
48
|
-
return {
|
|
49
|
-
transitions,
|
|
50
|
-
handleClick
|
|
51
|
-
};
|
|
52
|
-
};
|
|
53
|
-
exports.useAlertMotion = useAlertMotion;
|
|
54
|
-
//# sourceMappingURL=useAlertMotion.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useAlertMotion.js","names":["_AlertContext","require","_react","_reactSpring","useAlertMotion","duration","id","show","setShow","useState","removeAlert","useAlert","transitions","useTransition","from","opacity","enter","leave","durationNumber","useMemo","useEffect","Infinity","timeout","setTimeout","clearTimeout","undefined","handleClick","useCallback","exports"],"sources":["../../../src/Alert/useAlertMotion.tsx"],"sourcesContent":["import { AlertDuration } from \"./Alert\";\nimport { useAlert } from \"./AlertContext\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useTransition } from \"react-spring\";\n\nexport const useAlertMotion = ({\n duration,\n id,\n}: {\n duration: AlertDuration;\n id?: string;\n}) => {\n const [show, setShow] = useState(true);\n const { removeAlert } = useAlert();\n const transitions = useTransition(show, {\n from: { opacity: 0 },\n enter: { opacity: 1 },\n leave: { opacity: 0 },\n });\n\n const durationNumber = useMemo(() => {\n return duration === \"standard\"\n ? 3500\n : duration === \"short\"\n ? 1500\n : duration;\n }, [duration]);\n\n useEffect(() => {\n if (show && durationNumber !== Infinity) {\n const timeout = setTimeout(() => {\n setShow(false);\n if (id) {\n removeAlert(id);\n }\n }, durationNumber);\n\n return () => clearTimeout(timeout);\n }\n return undefined;\n }, [durationNumber, id, removeAlert, show]);\n\n const handleClick = useCallback(() => {\n setShow(false);\n if (id) {\n removeAlert(id);\n }\n }, [id, removeAlert]);\n return {\n transitions,\n handleClick,\n };\n};\n"],"mappings":";;;;AACA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEO,MAAMG,cAAc,GAAGA,CAAC;EAC7BC,QAAQ;EACRC;AAIF,CAAC,KAAK;EACJ,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAI,CAAC;EACtC,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAClC,MAAMC,WAAW,GAAG,IAAAC,0BAAa,EAACN,IAAI,EAAE;IACtCO,IAAI,EAAE;MAAEC,OAAO,EAAE;IAAE,CAAC;IACpBC,KAAK,EAAE;MAAED,OAAO,EAAE;IAAE,CAAC;IACrBE,KAAK,EAAE;MAAEF,OAAO,EAAE;IAAE;EACtB,CAAC,CAAC;EAEF,MAAMG,cAAc,GAAG,IAAAC,cAAO,EAAC,MAAM;IACnC,OAAOd,QAAQ,KAAK,UAAU,GAC1B,IAAI,GACJA,QAAQ,KAAK,OAAO,GAClB,IAAI,GACJA,QAAQ;EAChB,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAAe,gBAAS,EAAC,MAAM;IACd,IAAIb,IAAI,IAAIW,cAAc,KAAKG,QAAQ,EAAE;MACvC,MAAMC,OAAO,GAAGC,UAAU,CAAC,MAAM;QAC/Bf,OAAO,CAAC,KAAK,CAAC;QACd,IAAIF,EAAE,EAAE;UACNI,WAAW,CAACJ,EAAE,CAAC;QACjB;MACF,CAAC,EAAEY,cAAc,CAAC;MAElB,OAAO,MAAMM,YAAY,CAACF,OAAO,CAAC;IACpC;IACA,OAAOG,SAAS;EAClB,CAAC,EAAE,CAACP,cAAc,EAAEZ,EAAE,EAAEI,WAAW,EAAEH,IAAI,CAAC,CAAC;EAE3C,MAAMmB,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACpCnB,OAAO,CAAC,KAAK,CAAC;IACd,IAAIF,EAAE,EAAE;MACNI,WAAW,CAACJ,EAAE,CAAC;IACjB;EACF,CAAC,EAAE,CAACA,EAAE,EAAEI,WAAW,CAAC,CAAC;EACrB,OAAO;IACLE,WAAW;IACXc;EACF,CAAC;AACH,CAAC;AAACE,OAAA,CAAAxB,cAAA,GAAAA,cAAA","ignoreList":[]}
|
package/cjs/react-spring.d.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"react-spring.d.js","names":[],"sources":["../../src/react-spring.d.ts"],"sourcesContent":["import { WithAnimated } from \"react-spring\";\n\ntype Animated = {\n [Tag in keyof React.JSX.IntrinsicElements]: AnimatedComponent;\n};\n\ndeclare module \"react-spring\" {\n export const animated: Animated & WithAnimated;\n}\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { useAlert } from "./AlertContext";
|
|
2
|
-
import { useCallback, useEffect, useMemo, useState } from "react";
|
|
3
|
-
import { useTransition } from "react-spring";
|
|
4
|
-
export var useAlertMotion = _ref => {
|
|
5
|
-
var {
|
|
6
|
-
duration,
|
|
7
|
-
id
|
|
8
|
-
} = _ref;
|
|
9
|
-
var [show, setShow] = useState(true);
|
|
10
|
-
var {
|
|
11
|
-
removeAlert
|
|
12
|
-
} = useAlert();
|
|
13
|
-
var transitions = useTransition(show, {
|
|
14
|
-
from: {
|
|
15
|
-
opacity: 0
|
|
16
|
-
},
|
|
17
|
-
enter: {
|
|
18
|
-
opacity: 1
|
|
19
|
-
},
|
|
20
|
-
leave: {
|
|
21
|
-
opacity: 0
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
var durationNumber = useMemo(() => {
|
|
25
|
-
return duration === "standard" ? 3500 : duration === "short" ? 1500 : duration;
|
|
26
|
-
}, [duration]);
|
|
27
|
-
useEffect(() => {
|
|
28
|
-
if (show && durationNumber !== Infinity) {
|
|
29
|
-
var timeout = setTimeout(() => {
|
|
30
|
-
setShow(false);
|
|
31
|
-
if (id) {
|
|
32
|
-
removeAlert(id);
|
|
33
|
-
}
|
|
34
|
-
}, durationNumber);
|
|
35
|
-
return () => clearTimeout(timeout);
|
|
36
|
-
}
|
|
37
|
-
return undefined;
|
|
38
|
-
}, [durationNumber, id, removeAlert, show]);
|
|
39
|
-
var handleClick = useCallback(() => {
|
|
40
|
-
setShow(false);
|
|
41
|
-
if (id) {
|
|
42
|
-
removeAlert(id);
|
|
43
|
-
}
|
|
44
|
-
}, [id, removeAlert]);
|
|
45
|
-
return {
|
|
46
|
-
transitions,
|
|
47
|
-
handleClick
|
|
48
|
-
};
|
|
49
|
-
};
|
|
50
|
-
//# sourceMappingURL=useAlertMotion.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useAlertMotion.js","names":["useAlert","useCallback","useEffect","useMemo","useState","useTransition","useAlertMotion","_ref","duration","id","show","setShow","removeAlert","transitions","from","opacity","enter","leave","durationNumber","Infinity","timeout","setTimeout","clearTimeout","undefined","handleClick"],"sources":["../../../src/Alert/useAlertMotion.tsx"],"sourcesContent":["import { AlertDuration } from \"./Alert\";\nimport { useAlert } from \"./AlertContext\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useTransition } from \"react-spring\";\n\nexport const useAlertMotion = ({\n duration,\n id,\n}: {\n duration: AlertDuration;\n id?: string;\n}) => {\n const [show, setShow] = useState(true);\n const { removeAlert } = useAlert();\n const transitions = useTransition(show, {\n from: { opacity: 0 },\n enter: { opacity: 1 },\n leave: { opacity: 0 },\n });\n\n const durationNumber = useMemo(() => {\n return duration === \"standard\"\n ? 3500\n : duration === \"short\"\n ? 1500\n : duration;\n }, [duration]);\n\n useEffect(() => {\n if (show && durationNumber !== Infinity) {\n const timeout = setTimeout(() => {\n setShow(false);\n if (id) {\n removeAlert(id);\n }\n }, durationNumber);\n\n return () => clearTimeout(timeout);\n }\n return undefined;\n }, [durationNumber, id, removeAlert, show]);\n\n const handleClick = useCallback(() => {\n setShow(false);\n if (id) {\n removeAlert(id);\n }\n }, [id, removeAlert]);\n return {\n transitions,\n handleClick,\n };\n};\n"],"mappings":"AACA,SAASA,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACjE,SAASC,aAAa,QAAQ,cAAc;AAE5C,OAAO,IAAMC,cAAc,GAAGC,IAAA,IAMxB;EAAA,IANyB;IAC7BC,QAAQ;IACRC;EAIF,CAAC,GAAAF,IAAA;EACC,IAAM,CAACG,IAAI,EAAEC,OAAO,CAAC,GAAGP,QAAQ,CAAC,IAAI,CAAC;EACtC,IAAM;IAAEQ;EAAY,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EAClC,IAAMa,WAAW,GAAGR,aAAa,CAACK,IAAI,EAAE;IACtCI,IAAI,EAAE;MAAEC,OAAO,EAAE;IAAE,CAAC;IACpBC,KAAK,EAAE;MAAED,OAAO,EAAE;IAAE,CAAC;IACrBE,KAAK,EAAE;MAAEF,OAAO,EAAE;IAAE;EACtB,CAAC,CAAC;EAEF,IAAMG,cAAc,GAAGf,OAAO,CAAC,MAAM;IACnC,OAAOK,QAAQ,KAAK,UAAU,GAC1B,IAAI,GACJA,QAAQ,KAAK,OAAO,GAClB,IAAI,GACJA,QAAQ;EAChB,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEdN,SAAS,CAAC,MAAM;IACd,IAAIQ,IAAI,IAAIQ,cAAc,KAAKC,QAAQ,EAAE;MACvC,IAAMC,OAAO,GAAGC,UAAU,CAAC,MAAM;QAC/BV,OAAO,CAAC,KAAK,CAAC;QACd,IAAIF,EAAE,EAAE;UACNG,WAAW,CAACH,EAAE,CAAC;QACjB;MACF,CAAC,EAAES,cAAc,CAAC;MAElB,OAAO,MAAMI,YAAY,CAACF,OAAO,CAAC;IACpC;IACA,OAAOG,SAAS;EAClB,CAAC,EAAE,CAACL,cAAc,EAAET,EAAE,EAAEG,WAAW,EAAEF,IAAI,CAAC,CAAC;EAE3C,IAAMc,WAAW,GAAGvB,WAAW,CAAC,MAAM;IACpCU,OAAO,CAAC,KAAK,CAAC;IACd,IAAIF,EAAE,EAAE;MACNG,WAAW,CAACH,EAAE,CAAC;IACjB;EACF,CAAC,EAAE,CAACA,EAAE,EAAEG,WAAW,CAAC,CAAC;EACrB,OAAO;IACLC,WAAW;IACXW;EACF,CAAC;AACH,CAAC","ignoreList":[]}
|
package/esm/react-spring.d.js
DELETED