@magiclabs/ui-components 1.35.1 → 1.35.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/dist/cjs/components/containers/modal.js +1 -1
- package/dist/cjs/components/containers/modal.js.map +1 -1
- package/dist/es/components/containers/modal.js +1 -1
- package/dist/es/components/containers/modal.js.map +1 -1
- package/dist/types/components/containers/modal.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var i=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var i=require("react/jsx-runtime"),h=require("../../hooks/useDisplayState.js"),v=require("../../recipes/modal.js"),w=require("@styled/jsx");const y=()=>{if(typeof navigator>"u")return!1;const e=navigator.userAgent;return/iPad|iPhone/i.test(e)&&/WebKit/i.test(e)&&!/CriOS/i.test(e)},S=y(),r=({animate:e=!0,paddingType:t="none",gap:s=2.5,isOpen:n=!0,onAnimated:o=()=>{},onClosed:d=()=>{},showBorder:l=!0,fullscreen:u=!1,children:c})=>{const a=v.modal({animate:e,isOpen:n,paddingType:t,showBorder:l,fullscreen:u,isSafariMobile:S}),{displayed:p,onHide:m,onShow:g}=h.useDisplayState({animate:e,show:n,onHidden:d,onShown:o});return p?i.jsx("div",{className:a.wrapper,onAnimationEnd:n?g:m,children:i.jsx(w.VStack,{alignItems:"center",gap:s,className:a.content,children:c})}):null};r.displayName="Modal",exports.Modal=r;
|
|
2
2
|
//# sourceMappingURL=modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sources":["../../../../src/components/containers/modal.tsx"],"sourcesContent":["import { useDisplayState } from '@hooks/useDisplayState';\nimport { modal } from '@recipes/modal';\nimport { VStack } from '@styled/jsx';\nimport { ComponentProps } from 'react';\nexport interface ModalProps extends ComponentProps<'div'> {\n animate?: boolean;\n paddingType?: 'none' | 'sm' | 'md' | 'lg';\n gap?: number;\n isOpen?: boolean;\n onAnimated?: () => void;\n onClosed?: () => void;\n showBorder?: boolean;\n fullscreen?: boolean;\n}\n\nconst isIosSafari = () => {\n const ua = navigator.userAgent;\n return /iPad|iPhone/i.test(ua) && /WebKit/i.test(ua) && !/CriOS/i.test(ua);\n};\n\nconst isSafariMobile = isIosSafari();\n\nexport const Modal = ({\n animate = true,\n paddingType = 'none',\n gap = 2.5,\n isOpen = true,\n onAnimated = () => {},\n onClosed = () => {},\n showBorder = true,\n fullscreen = false,\n children,\n}: ModalProps) => {\n const classes = modal({ animate, isOpen, paddingType, showBorder, fullscreen, isSafariMobile });\n const { displayed, onHide, onShow } = useDisplayState({\n animate,\n show: isOpen,\n onHidden: onClosed,\n onShown: onAnimated,\n });\n\n if (!displayed) {\n return null;\n }\n\n return (\n <div className={classes.wrapper} onAnimationEnd={isOpen ? onShow : onHide}>\n <VStack alignItems=\"center\" gap={gap} className={classes.content}>\n {children}\n </VStack>\n </div>\n );\n};\n\nModal.displayName = 'Modal';\n"],"names":["isIosSafari","ua","isSafariMobile","Modal","animate","paddingType","gap","isOpen","onAnimated","onClosed","showBorder","fullscreen","children","classes","modal","displayed","onHide","onShow","useDisplayState","_jsx","VStack"],"mappings":"yJAeA,MAAMA,EAAc,IAAK,CACvB,MAAMC,EAAK,UAAU,UACrB,MAAO,eAAe,KAAKA,CAAE,GAAK,UAAU,KAAKA,CAAE,GAAK,CAAC,SAAS,KAAKA,CAAE,CAC3E,EAEMC,EAAiBF,
|
|
1
|
+
{"version":3,"file":"modal.js","sources":["../../../../src/components/containers/modal.tsx"],"sourcesContent":["import { useDisplayState } from '@hooks/useDisplayState';\nimport { modal } from '@recipes/modal';\nimport { VStack } from '@styled/jsx';\nimport { ComponentProps } from 'react';\nexport interface ModalProps extends ComponentProps<'div'> {\n animate?: boolean;\n paddingType?: 'none' | 'sm' | 'md' | 'lg';\n gap?: number;\n isOpen?: boolean;\n onAnimated?: () => void;\n onClosed?: () => void;\n showBorder?: boolean;\n fullscreen?: boolean;\n}\n\nconst isIosSafari = () => {\n if (typeof navigator === 'undefined') {\n return false;\n }\n const ua = navigator.userAgent;\n return /iPad|iPhone/i.test(ua) && /WebKit/i.test(ua) && !/CriOS/i.test(ua);\n};\n\nconst isSafariMobile = isIosSafari();\n\nexport const Modal = ({\n animate = true,\n paddingType = 'none',\n gap = 2.5,\n isOpen = true,\n onAnimated = () => {},\n onClosed = () => {},\n showBorder = true,\n fullscreen = false,\n children,\n}: ModalProps) => {\n const classes = modal({ animate, isOpen, paddingType, showBorder, fullscreen, isSafariMobile });\n const { displayed, onHide, onShow } = useDisplayState({\n animate,\n show: isOpen,\n onHidden: onClosed,\n onShown: onAnimated,\n });\n\n if (!displayed) {\n return null;\n }\n\n return (\n <div className={classes.wrapper} onAnimationEnd={isOpen ? onShow : onHide}>\n <VStack alignItems=\"center\" gap={gap} className={classes.content}>\n {children}\n </VStack>\n </div>\n );\n};\n\nModal.displayName = 'Modal';\n"],"names":["isIosSafari","ua","isSafariMobile","Modal","animate","paddingType","gap","isOpen","onAnimated","onClosed","showBorder","fullscreen","children","classes","modal","displayed","onHide","onShow","useDisplayState","_jsx","VStack"],"mappings":"yJAeA,MAAMA,EAAc,IAAK,CACvB,GAAI,OAAO,UAAc,IACvB,MAAO,GAET,MAAMC,EAAK,UAAU,UACrB,MAAO,eAAe,KAAKA,CAAE,GAAK,UAAU,KAAKA,CAAE,GAAK,CAAC,SAAS,KAAKA,CAAE,CAC3E,EAEMC,EAAiBF,EAEhB,EAAMG,EAAQ,CAAC,CACpB,QAAAC,EAAU,GACV,YAAAC,EAAc,OACd,IAAAC,EAAM,IACN,OAAAC,EAAS,GACT,WAAAC,EAAa,KAAO,EACpB,SAAAC,EAAW,IAAK,CAAE,EAClB,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,SAAAC,CACW,IAAI,CACf,MAAMC,EAAUC,EAAAA,MAAM,CAAE,QAAAV,EAAS,OAAAG,EAAQ,YAAAF,EAAa,WAAAK,EAAY,WAAAC,EAAY,eAAAT,CAAc,CAAE,EACxF,CAAE,UAAAa,EAAW,OAAAC,EAAQ,OAAAC,CAAM,EAAKC,EAAAA,gBAAgB,CACpD,QAAAd,EACA,KAAMG,EACN,SAAUE,EACV,QAASD,CACV,CAAA,EAED,OAAKO,EAKHI,EAAK,IAAA,MAAA,CAAA,UAAWN,EAAQ,QAAS,eAAgBN,EAASU,EAASD,EAAM,SACvEG,EAAAA,IAACC,UAAO,WAAW,SAAS,IAAKd,EAAK,UAAWO,EAAQ,QAAO,SAC7DD,CACM,CAAA,CAAA,CAAA,EAPJ,IAUX,EAEAT,EAAM,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as i}from"react/jsx-runtime";import{useDisplayState as
|
|
1
|
+
import{jsx as i}from"react/jsx-runtime";import{useDisplayState as g}from"../../hooks/useDisplayState.js";import{modal as h}from"../../recipes/modal.js";import{VStack as w}from"@styled/jsx";const y=()=>{if(typeof navigator>"u")return!1;const e=navigator.userAgent;return/iPad|iPhone/i.test(e)&&/WebKit/i.test(e)&&!/CriOS/i.test(e)},S=y(),t=({animate:e=!0,paddingType:a="none",gap:r=2.5,isOpen:n=!0,onAnimated:s=()=>{},onClosed:d=()=>{},showBorder:l=!0,fullscreen:m=!1,children:p})=>{const o=h({animate:e,isOpen:n,paddingType:a,showBorder:l,fullscreen:m,isSafariMobile:S}),{displayed:c,onHide:f,onShow:u}=g({animate:e,show:n,onHidden:d,onShown:s});return c?i("div",{className:o.wrapper,onAnimationEnd:n?u:f,children:i(w,{alignItems:"center",gap:r,className:o.content,children:p})}):null};t.displayName="Modal";export{t as Modal};
|
|
2
2
|
//# sourceMappingURL=modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sources":["../../../../src/components/containers/modal.tsx"],"sourcesContent":["import { useDisplayState } from '@hooks/useDisplayState';\nimport { modal } from '@recipes/modal';\nimport { VStack } from '@styled/jsx';\nimport { ComponentProps } from 'react';\nexport interface ModalProps extends ComponentProps<'div'> {\n animate?: boolean;\n paddingType?: 'none' | 'sm' | 'md' | 'lg';\n gap?: number;\n isOpen?: boolean;\n onAnimated?: () => void;\n onClosed?: () => void;\n showBorder?: boolean;\n fullscreen?: boolean;\n}\n\nconst isIosSafari = () => {\n const ua = navigator.userAgent;\n return /iPad|iPhone/i.test(ua) && /WebKit/i.test(ua) && !/CriOS/i.test(ua);\n};\n\nconst isSafariMobile = isIosSafari();\n\nexport const Modal = ({\n animate = true,\n paddingType = 'none',\n gap = 2.5,\n isOpen = true,\n onAnimated = () => {},\n onClosed = () => {},\n showBorder = true,\n fullscreen = false,\n children,\n}: ModalProps) => {\n const classes = modal({ animate, isOpen, paddingType, showBorder, fullscreen, isSafariMobile });\n const { displayed, onHide, onShow } = useDisplayState({\n animate,\n show: isOpen,\n onHidden: onClosed,\n onShown: onAnimated,\n });\n\n if (!displayed) {\n return null;\n }\n\n return (\n <div className={classes.wrapper} onAnimationEnd={isOpen ? onShow : onHide}>\n <VStack alignItems=\"center\" gap={gap} className={classes.content}>\n {children}\n </VStack>\n </div>\n );\n};\n\nModal.displayName = 'Modal';\n"],"names":["isIosSafari","ua","isSafariMobile","Modal","animate","paddingType","gap","isOpen","onAnimated","onClosed","showBorder","fullscreen","children","classes","modal","displayed","onHide","onShow","useDisplayState","_jsx","VStack"],"mappings":"6LAeA,MAAMA,EAAc,IAAK,CACvB,MAAMC,EAAK,UAAU,UACrB,MAAO,eAAe,KAAKA,CAAE,GAAK,UAAU,KAAKA,CAAE,GAAK,CAAC,SAAS,KAAKA,CAAE,CAC3E,EAEMC,EAAiBF,
|
|
1
|
+
{"version":3,"file":"modal.js","sources":["../../../../src/components/containers/modal.tsx"],"sourcesContent":["import { useDisplayState } from '@hooks/useDisplayState';\nimport { modal } from '@recipes/modal';\nimport { VStack } from '@styled/jsx';\nimport { ComponentProps } from 'react';\nexport interface ModalProps extends ComponentProps<'div'> {\n animate?: boolean;\n paddingType?: 'none' | 'sm' | 'md' | 'lg';\n gap?: number;\n isOpen?: boolean;\n onAnimated?: () => void;\n onClosed?: () => void;\n showBorder?: boolean;\n fullscreen?: boolean;\n}\n\nconst isIosSafari = () => {\n if (typeof navigator === 'undefined') {\n return false;\n }\n const ua = navigator.userAgent;\n return /iPad|iPhone/i.test(ua) && /WebKit/i.test(ua) && !/CriOS/i.test(ua);\n};\n\nconst isSafariMobile = isIosSafari();\n\nexport const Modal = ({\n animate = true,\n paddingType = 'none',\n gap = 2.5,\n isOpen = true,\n onAnimated = () => {},\n onClosed = () => {},\n showBorder = true,\n fullscreen = false,\n children,\n}: ModalProps) => {\n const classes = modal({ animate, isOpen, paddingType, showBorder, fullscreen, isSafariMobile });\n const { displayed, onHide, onShow } = useDisplayState({\n animate,\n show: isOpen,\n onHidden: onClosed,\n onShown: onAnimated,\n });\n\n if (!displayed) {\n return null;\n }\n\n return (\n <div className={classes.wrapper} onAnimationEnd={isOpen ? onShow : onHide}>\n <VStack alignItems=\"center\" gap={gap} className={classes.content}>\n {children}\n </VStack>\n </div>\n );\n};\n\nModal.displayName = 'Modal';\n"],"names":["isIosSafari","ua","isSafariMobile","Modal","animate","paddingType","gap","isOpen","onAnimated","onClosed","showBorder","fullscreen","children","classes","modal","displayed","onHide","onShow","useDisplayState","_jsx","VStack"],"mappings":"6LAeA,MAAMA,EAAc,IAAK,CACvB,GAAI,OAAO,UAAc,IACvB,MAAO,GAET,MAAMC,EAAK,UAAU,UACrB,MAAO,eAAe,KAAKA,CAAE,GAAK,UAAU,KAAKA,CAAE,GAAK,CAAC,SAAS,KAAKA,CAAE,CAC3E,EAEMC,EAAiBF,EAEhB,EAAMG,EAAQ,CAAC,CACpB,QAAAC,EAAU,GACV,YAAAC,EAAc,OACd,IAAAC,EAAM,IACN,OAAAC,EAAS,GACT,WAAAC,EAAa,KAAO,EACpB,SAAAC,EAAW,IAAK,CAAE,EAClB,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,SAAAC,CACW,IAAI,CACf,MAAMC,EAAUC,EAAM,CAAE,QAAAV,EAAS,OAAAG,EAAQ,YAAAF,EAAa,WAAAK,EAAY,WAAAC,EAAY,eAAAT,CAAc,CAAE,EACxF,CAAE,UAAAa,EAAW,OAAAC,EAAQ,OAAAC,CAAM,EAAKC,EAAgB,CACpD,QAAAd,EACA,KAAMG,EACN,SAAUE,EACV,QAASD,CACV,CAAA,EAED,OAAKO,EAKHI,EAAK,MAAA,CAAA,UAAWN,EAAQ,QAAS,eAAgBN,EAASU,EAASD,EAAM,SACvEG,EAACC,GAAO,WAAW,SAAS,IAAKd,EAAK,UAAWO,EAAQ,QAAO,SAC7DD,CACM,CAAA,CAAA,CAAA,EAPJ,IAUX,EAEAT,EAAM,YAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/modal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,KAAK,CAAC;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/modal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,KAAK,CAAC;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,KAAK;qGAUf,UAAU;;CAoBZ,CAAC"}
|