@televet/kibble-ui 2.1.40 → 2.1.41
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/build/chakra/index.d.ts +2 -2
- package/build/chakra/index.js +1 -1
- package/build/{chakra-ui-modal.esm-7e633573.js → chakra-ui-modal.esm-2fd23822.js} +2 -2
- package/build/{chakra-ui-modal.esm-7e633573.js.map → chakra-ui-modal.esm-2fd23822.js.map} +1 -1
- package/build/{chakra-ui-skeleton.esm-8f56767a.js → chakra-ui-skeleton.esm-064cd561.js} +2 -2
- package/build/{chakra-ui-skeleton.esm-8f56767a.js.map → chakra-ui-skeleton.esm-064cd561.js.map} +1 -1
- package/build/components/Modal/components/ModalBody/index.js +1 -1
- package/build/components/Modal/components/ModalCloseButton/index.js +1 -1
- package/build/components/Modal/components/ModalFooter/index.js +1 -1
- package/build/components/Modal/components/ModalFooterButtons/index.js +1 -1
- package/build/components/Modal/components/ModalHeader/index.js +1 -1
- package/build/components/Modal/index.js +1 -1
- package/build/components/index.js +1 -1
- package/build/index.js +1 -1
- package/build/{modalBody.component-f7fe03a7.js → modalBody.component-db8de2f3.js} +2 -2
- package/build/{modalBody.component-f7fe03a7.js.map → modalBody.component-db8de2f3.js.map} +1 -1
- package/build/{modalCloseButton.component-420fd5a9.js → modalCloseButton.component-1b2408fc.js} +2 -2
- package/build/{modalCloseButton.component-420fd5a9.js.map → modalCloseButton.component-1b2408fc.js.map} +1 -1
- package/build/{modalFooter.component-b7d87485.js → modalFooter.component-ccce9ce5.js} +2 -2
- package/build/{modalFooter.component-b7d87485.js.map → modalFooter.component-ccce9ce5.js.map} +1 -1
- package/build/{modalFooterButtons.component-d0609640.js → modalFooterButtons.component-41107377.js} +2 -2
- package/build/{modalFooterButtons.component-d0609640.js.map → modalFooterButtons.component-41107377.js.map} +1 -1
- package/build/{modalHeader.component-6ee3dc41.js → modalHeader.component-c7a12376.js} +2 -2
- package/build/{modalHeader.component-6ee3dc41.js.map → modalHeader.component-c7a12376.js.map} +1 -1
- package/build/{useExpandButton-b8f43568.js → useExpandButton-62442c9f.js} +2 -2
- package/build/{useExpandButton-b8f43568.js.map → useExpandButton-62442c9f.js.map} +1 -1
- package/package.json +1 -1
package/build/chakra/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, Alert as CAlert, AlertDialog, AlertDialogBody, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, Avatar as CAvatar, BackgroundProps, Badge, Box, BoxProps, Button as CButton, ButtonGroup, Center, CheckboxGroup as CCheckboxGroup, Circle, Code, Collapse, Container, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, DrawerHeader, DrawerOverlay, Fade, Flex, FlexProps, FormControl, FormErrorMessage, FormHelperText, FormLabel, Grid, GridItem, GridItemProps, Hide, HStack, IconButton, Image, Input as CInput, InputGroup, InputLeftAddon, InputLeftElement, InputRightElement, keyframes, LinkBox, LinkOverlay, List, ListItem, Menu as CMenu, MenuButton as CMenuButton, MenuDivider, MenuGroup, MenuItem as CMenuItem, MenuItemOption, MenuList as CMenuList, Modal as CModal, ModalBody as CModalBody, ModalCloseButton as CModalCloseButton, ModalContent, ModalFooter as CModalFooter, ModalHeader as CModalHeader, ModalOverlay, ModalProps as CModalProps, NumberDecrementStepper, NumberIncrementStepper, NumberInput, NumberInputField, NumberInputStepper, OrderedList, PinInput, PinInputField, Popover as CPopover, PopoverArrow, PopoverBody as CPopoverBody, PopoverContent, PopoverFooter as CPopoverFooter, PopoverHeader as CPopoverHeader, PopoverTrigger, Portal, Progress, RadioGroup as CRadioGroup, Select as CSelect, Show, SimpleGrid, Skeleton, SkeletonText, SpaceProps, Spacer, Square, Stack, StackDirection, StackProps, StyleProps, SystemProps, Tab as CTab, Table, TableCaption, TableContainer, TabList, TabPanel, TabPanels, Tabs as CTabs, Tbody, Td, Textarea as CTextarea, Tfoot, Th, Thead, Tr, UnorderedList, useBreakpoint, useBreakpointValue, useCheckbox, useCheckboxGroup, useColorMode, useConst, useDisclosure, useInterval, useMediaQuery, useOutsideClick, usePopoverContext, useRadio, useRadioGroup, UseRadioProps, VStack, WithCSSVar, Wrap, WrapItem } from '@chakra-ui/react';
|
|
2
|
-
export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AlertDialog, AlertDialogBody, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, BackgroundProps, Badge, Box, BoxProps, ButtonGroup, CAlert, CAvatar, CButton, CCheckboxGroup, Center, CInput, Circle, CMenu, CMenuButton, CMenuItem, CMenuList, CModal, CModalBody, CModalCloseButton, CModalFooter, CModalHeader, CModalProps, Code, Collapse, Container, CPopover, CPopoverBody, CPopoverFooter, CPopoverHeader, CRadioGroup, CSelect, CTab, CTabs, CTextarea, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, DrawerHeader, DrawerOverlay, Fade, Flex, FlexProps, FormControl, FormErrorMessage, FormHelperText, FormLabel, Grid, GridItem, GridItemProps, Hide, HStack, IconButton, Image, InputGroup, InputLeftAddon, InputLeftElement, InputRightElement, keyframes, LinkBox, LinkOverlay, List, ListItem, MenuDivider, MenuGroup, MenuItemOption, ModalContent, ModalOverlay, NumberDecrementStepper, NumberIncrementStepper, NumberInput, NumberInputField, NumberInputStepper, OrderedList, PinInput, PinInputField, PopoverArrow, PopoverContent, PopoverTrigger, Portal, Progress, Show, SimpleGrid, Skeleton, SkeletonText, SpaceProps, Spacer, Square, Stack, StackDirection, StackProps, StyleProps, SystemProps, Table, TableCaption, TableContainer, TabList, TabPanel, TabPanels, Tbody, Td, Tfoot, Th, Thead, Tr, UnorderedList, useBreakpoint, useBreakpointValue, useCheckbox, useCheckboxGroup, useColorMode, useConst, useDisclosure, useInterval, useMediaQuery, useOutsideClick, usePopoverContext, useRadio, useRadioGroup, UseRadioProps, VStack, WithCSSVar, Wrap, WrapItem, };
|
|
1
|
+
import { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, Alert as CAlert, AlertDialog, AlertDialogBody, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, Avatar as CAvatar, BackgroundProps, Badge, Box, BoxProps, Button as CButton, ButtonGroup, Center, CheckboxGroup as CCheckboxGroup, Circle, Code, Collapse, Container, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, DrawerHeader, DrawerOverlay, Fade, Flex, FlexProps, FormControl, FormErrorMessage, FormHelperText, FormLabel, Grid, GridItem, GridItemProps, Hide, HStack, IconButton, Image, Input as CInput, InputGroup, InputLeftAddon, InputLeftElement, InputRightElement, keyframes, LinkBox, LinkOverlay, List, ListItem, Menu as CMenu, MenuButton as CMenuButton, MenuDivider, MenuGroup, MenuItem as CMenuItem, MenuItemOption, MenuList as CMenuList, Modal as CModal, ModalBody as CModalBody, ModalCloseButton as CModalCloseButton, ModalContent, ModalFooter as CModalFooter, ModalHeader as CModalHeader, ModalOverlay, ModalProps as CModalProps, NumberDecrementStepper, NumberIncrementStepper, NumberInput, NumberInputField, NumberInputStepper, OrderedList, PinInput, PinInputField, Popover as CPopover, PopoverArrow, PopoverBody as CPopoverBody, PopoverContent, PopoverFooter as CPopoverFooter, PopoverHeader as CPopoverHeader, PopoverTrigger, Portal, Progress, RadioGroup as CRadioGroup, Select as CSelect, Show, SimpleGrid, Skeleton, SkeletonText, Slide, SlideFade, SpaceProps, Spacer, Square, Stack, StackDirection, StackProps, StyleProps, SystemProps, Tab as CTab, Table, TableCaption, TableContainer, TabList, TabPanel, TabPanels, Tabs as CTabs, Tbody, Td, Textarea as CTextarea, Tfoot, Th, Thead, Tr, UnorderedList, useBreakpoint, useBreakpointValue, useCheckbox, useCheckboxGroup, useColorMode, useConst, useDisclosure, useInterval, useMediaQuery, useOutsideClick, usePopoverContext, useRadio, useRadioGroup, UseRadioProps, VStack, WithCSSVar, Wrap, WrapItem } from '@chakra-ui/react';
|
|
2
|
+
export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AlertDialog, AlertDialogBody, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, BackgroundProps, Badge, Box, BoxProps, ButtonGroup, CAlert, CAvatar, CButton, CCheckboxGroup, Center, CInput, Circle, CMenu, CMenuButton, CMenuItem, CMenuList, CModal, CModalBody, CModalCloseButton, CModalFooter, CModalHeader, CModalProps, Code, Collapse, Container, CPopover, CPopoverBody, CPopoverFooter, CPopoverHeader, CRadioGroup, CSelect, CTab, CTabs, CTextarea, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, DrawerHeader, DrawerOverlay, Fade, Flex, FlexProps, FormControl, FormErrorMessage, FormHelperText, FormLabel, Grid, GridItem, GridItemProps, Hide, HStack, IconButton, Image, InputGroup, InputLeftAddon, InputLeftElement, InputRightElement, keyframes, LinkBox, LinkOverlay, List, ListItem, MenuDivider, MenuGroup, MenuItemOption, ModalContent, ModalOverlay, NumberDecrementStepper, NumberIncrementStepper, NumberInput, NumberInputField, NumberInputStepper, OrderedList, PinInput, PinInputField, PopoverArrow, PopoverContent, PopoverTrigger, Portal, Progress, Show, SimpleGrid, Slide, SlideFade, Skeleton, SkeletonText, SpaceProps, Spacer, Square, Stack, StackDirection, StackProps, StyleProps, SystemProps, Table, TableCaption, TableContainer, TabList, TabPanel, TabPanels, Tbody, Td, Tfoot, Th, Thead, Tr, UnorderedList, useBreakpoint, useBreakpointValue, useCheckbox, useCheckboxGroup, useColorMode, useConst, useDisclosure, useInterval, useMediaQuery, useOutsideClick, usePopoverContext, useRadio, useRadioGroup, UseRadioProps, VStack, WithCSSVar, Wrap, WrapItem, };
|
package/build/chakra/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../chakra-ui-skeleton.esm-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../chakra-ui-skeleton.esm-064cd561.js"),r=require("../chakra-ui-modal.esm-2fd23822.js"),o=require("../chakra-ui-layout.esm-6ee578f7.js"),t=require("../chakra-ui-button.esm-bd065780.js"),s=require("../chakra-ui-alert.esm-17eebb99.js"),a=require("../chakra-ui-avatar.esm-eee70d3a.js"),p=require("../chakra-ui-checkbox.esm-4cded6a7.js"),u=require("../chakra-ui-input.esm-5fd07056.js"),i=require("../chakra-ui-menu.esm-1ed98193.js"),x=require("../chakra-ui-popover.esm-1e836c11.js"),n=require("../chakra-ui-radio.esm-f310d451.js"),d=require("../chakra-ui-select.esm-793cf4de.js"),l=require("../chakra-ui-tabs.esm-e6372403.js"),c=require("../chakra-ui-textarea.esm-23fad4cd.js"),m=require("../chakra-ui-form-control.esm-6d25b1a4.js"),C=require("../chakra-ui-media-query.esm-6217de7e.js"),k=require("../chakra-ui-image.esm-66324087.js"),b=require("../chakra-ui-system.esm-c70df670.js"),M=require("../chakra-ui-portal.esm-bbcb5d1d.js"),h=require("../chakra-ui-hooks.esm-21b313f3.js");require("../chakra-ui-icon.esm-9c49b31b.js"),require("react"),require("../chakra-ui-clickable.esm-4394877f.js"),require("../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../index-8fecff45.js"),require("../tslib.es6-d6f17add.js"),require("../inheritsLoose-490721fe.js"),require("../index-5a9be08d.js"),require("../motion-7de675ca.js"),require("../chakra-ui-visually-hidden.esm-b758df74.js"),require("../chakra-ui-popper.esm-c15ff4a5.js"),require("react-dom"),exports.Accordion=e.Accordion,exports.AccordionButton=e.AccordionButton,exports.AccordionIcon=e.AccordionIcon,exports.AccordionItem=e.AccordionItem,exports.AccordionPanel=e.AccordionPanel,exports.NumberDecrementStepper=e.NumberDecrementStepper,exports.NumberIncrementStepper=e.NumberIncrementStepper,exports.NumberInput=e.NumberInput,exports.NumberInputField=e.NumberInputField,exports.NumberInputStepper=e.NumberInputStepper,exports.PinInput=e.PinInput,exports.PinInputField=e.PinInputField,exports.Progress=e.Progress,exports.Skeleton=e.Skeleton,exports.SkeletonText=e.SkeletonText,exports.Table=e.Table,exports.TableCaption=e.TableCaption,exports.TableContainer=e.TableContainer,exports.Tbody=e.Tbody,exports.Td=e.Td,exports.Tfoot=e.Tfoot,exports.Th=e.Th,exports.Thead=e.Thead,exports.Tr=e.Tr,exports.AlertDialog=r.AlertDialog,exports.AlertDialogBody=r.ModalBody,exports.AlertDialogContent=r.AlertDialogContent,exports.AlertDialogFooter=r.ModalFooter,exports.AlertDialogHeader=r.ModalHeader,exports.AlertDialogOverlay=r.ModalOverlay,exports.CModal=r.Modal,exports.CModalBody=r.ModalBody,exports.CModalCloseButton=r.ModalCloseButton,exports.CModalFooter=r.ModalFooter,exports.CModalHeader=r.ModalHeader,exports.Collapse=r.Collapse,exports.Drawer=r.Drawer,exports.DrawerBody=r.ModalBody,exports.DrawerCloseButton=r.ModalCloseButton,exports.DrawerContent=r.DrawerContent,exports.DrawerFooter=r.ModalFooter,exports.DrawerHeader=r.ModalHeader,exports.DrawerOverlay=r.ModalOverlay,exports.Fade=r.Fade,exports.ModalContent=r.ModalContent,exports.ModalOverlay=r.ModalOverlay,exports.Slide=r.Slide,exports.SlideFade=r.SlideFade,exports.Badge=o.Badge,exports.Box=o.Box,exports.Center=o.Center,exports.Circle=o.Circle,exports.Code=o.Code,exports.Container=o.Container,exports.Divider=o.Divider,exports.Flex=o.Flex,exports.Grid=o.Grid,exports.GridItem=o.GridItem,exports.HStack=o.HStack,exports.LinkBox=o.LinkBox,exports.LinkOverlay=o.LinkOverlay,exports.List=o.List,exports.ListItem=o.ListItem,exports.OrderedList=o.OrderedList,exports.SimpleGrid=o.SimpleGrid,exports.Spacer=o.Spacer,exports.Square=o.Square,exports.Stack=o.Stack,exports.UnorderedList=o.UnorderedList,exports.VStack=o.VStack,exports.Wrap=o.Wrap,exports.WrapItem=o.WrapItem,exports.ButtonGroup=t.ButtonGroup,exports.CButton=t.Button,exports.IconButton=t.IconButton,exports.CAlert=s.Alert,exports.CAvatar=a.Avatar,exports.CCheckboxGroup=p.CheckboxGroup,exports.useCheckbox=p.useCheckbox,exports.useCheckboxGroup=p.useCheckboxGroup,exports.CInput=u.Input,exports.InputGroup=u.InputGroup,exports.InputLeftAddon=u.InputLeftAddon,exports.InputLeftElement=u.InputLeftElement,exports.InputRightElement=u.InputRightElement,exports.CMenu=i.Menu,exports.CMenuButton=i.MenuButton,exports.CMenuItem=i.MenuItem,exports.CMenuList=i.MenuList,exports.MenuDivider=i.MenuDivider,exports.MenuGroup=i.MenuGroup,exports.MenuItemOption=i.MenuItemOption,exports.CPopover=x.Popover,exports.CPopoverBody=x.PopoverBody,exports.CPopoverFooter=x.PopoverFooter,exports.CPopoverHeader=x.PopoverHeader,exports.PopoverArrow=x.PopoverArrow,exports.PopoverContent=x.PopoverContent,exports.PopoverTrigger=x.PopoverTrigger,exports.usePopoverContext=x.usePopoverContext,exports.CRadioGroup=n.RadioGroup,exports.useRadio=n.useRadio,exports.useRadioGroup=n.useRadioGroup,exports.CSelect=d.Select,exports.CTab=l.Tab,exports.CTabs=l.Tabs,exports.TabList=l.TabList,exports.TabPanel=l.TabPanel,exports.TabPanels=l.TabPanels,exports.CTextarea=c.Textarea,exports.FormControl=m.FormControl,exports.FormErrorMessage=m.FormErrorMessage,exports.FormHelperText=m.FormHelperText,exports.FormLabel=m.FormLabel,exports.Hide=C.Hide,exports.Show=C.Show,exports.useBreakpoint=C.useBreakpoint,exports.useBreakpointValue=C.useBreakpointValue,exports.useMediaQuery=C.useMediaQuery,exports.Image=k.Image$1,exports.keyframes=b.keyframes,exports.useColorMode=b.useColorMode,exports.Portal=M.Portal,exports.useConst=h.useConst,exports.useDisclosure=h.useDisclosure,exports.useInterval=h.useInterval,exports.useOutsideClick=h.useOutsideClick;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -12,5 +12,5 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
|
12
12
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
13
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
14
|
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */;var it=function(){return it=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},it.apply(this,arguments)};var ct=ee(),ut=function(){},st=f.forwardRef((function(e,t){var n=f.useRef(null),r=f.useState({onScrollCapture:ut,onWheelCapture:ut,onTouchMoveCapture:ut}),o=r[0],a=r[1],i=e.forwardProps,c=e.children,u=e.className,s=e.removeScrollBar,l=e.enabled,d=e.shards,p=e.sideCar,v=e.noIsolation,m=e.inert,h=e.allowPinchZoom,y=e.as,g=void 0===y?"div":y,x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),E=p,b=z([n,t]),w=it({},x,o);return f.createElement(f.Fragment,null,l&&f.createElement(E,{sideCar:ct,removeScrollBar:s,shards:d,noIsolation:v,inert:m,setCallbacks:a,allowPinchZoom:!!h,lockRef:n}),i?f.cloneElement(f.Children.only(c),it({},w,{ref:b})):f.createElement(g,it({},w,{className:u,ref:b}),c))}));st.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},st.classNames={fullWidth:"width-before-scroll-bar",zeroRight:"right-scroll-bar-position"};function lt(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=function(){if("undefined"!=typeof __webpack_nonce__)return __webpack_nonce__}();return t&&e.setAttribute("nonce",t),e}var dt=function(){var e=0,t=null;return{add:function(n){var r,o;0==e&&(t=lt())&&(o=n,(r=t).styleSheet?r.styleSheet.cssText=o:r.appendChild(document.createTextNode(o)),function(e){(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}(t)),e++},remove:function(){!--e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},ft=function(){var e,t=(e=dt(),function(t){f.useEffect((function(){return e.add(t),function(){e.remove()}}),[t])});return function(e){var n=e.styles;return t(n),null}},pt={left:0,top:0,right:0,gap:0},vt=function(e){return parseInt(e||"",10)||0},mt=function(e){if(void 0===e&&(e="margin"),"undefined"==typeof window)return pt;var t=function(e){var t=window.getComputedStyle(document.body),n=t["padding"===e?"paddingLeft":"marginLeft"],r=t["padding"===e?"paddingTop":"marginTop"],o=t["padding"===e?"paddingRight":"marginRight"];return[vt(n),vt(r),vt(o)]}(e),n=document.documentElement.clientWidth,r=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,r-n+t[2]-t[0])}},ht=ft(),yt=function(e,t,n,r){var o=e.left,a=e.top,i=e.right,c=e.gap;return void 0===n&&(n="margin"),"\n .".concat("with-scroll-bars-hidden"," {\n overflow: hidden ").concat(r,";\n padding-right: ").concat(c,"px ").concat(r,";\n }\n body {\n overflow: hidden ").concat(r,";\n ").concat([t&&"position: relative ".concat(r,";"),"margin"===n&&"\n padding-left: ".concat(o,"px;\n padding-top: ").concat(a,"px;\n padding-right: ").concat(i,"px;\n margin-left:0;\n margin-top:0;\n margin-right: ").concat(c,"px ").concat(r,";\n "),"padding"===n&&"padding-right: ".concat(c,"px ").concat(r,";")].filter(Boolean).join(""),"\n }\n \n .").concat("right-scroll-bar-position"," {\n right: ").concat(c,"px ").concat(r,";\n }\n \n .").concat("width-before-scroll-bar"," {\n margin-right: ").concat(c,"px ").concat(r,";\n }\n \n .").concat("right-scroll-bar-position"," .").concat("right-scroll-bar-position"," {\n right: 0 ").concat(r,";\n }\n \n .").concat("width-before-scroll-bar"," .").concat("width-before-scroll-bar"," {\n margin-right: 0 ").concat(r,";\n }\n \n body {\n ").concat("--removed-body-scroll-bar-size",": ").concat(c,"px;\n }\n")},gt=function(e){var t=f.useState(mt(e.gapMode)),n=t[0],r=t[1];f.useEffect((function(){r(mt(e.gapMode))}),[e.gapMode]);var o=e.noRelative,a=e.noImportant,i=e.gapMode,c=void 0===i?"margin":i;return f.createElement(ht,{styles:yt(n,!o,c,a?"":"!important")})},xt=function(e,t){var n=t;do{if(Et(e,n)){var r=bt(e,n);if(r[1]>r[2])return!0}n=n.parentNode}while(n&&n!==document.body);return!1},Et=function(e,t){return"v"===e?function(e){var t=window.getComputedStyle(e);return"hidden"!==t.overflowY&&!(t.overflowY===t.overflowX&&"visible"===t.overflowY)}(t):function(e){var t=window.getComputedStyle(e);return"hidden"!==t.overflowX&&!(t.overflowY===t.overflowX&&"visible"===t.overflowX)}(t)},bt=function(e,t){return"v"===e?[(n=t).scrollTop,n.scrollHeight,n.clientHeight]:function(e){return[e.scrollLeft,e.scrollWidth,e.clientWidth]}(t);var n},wt=!1;if("undefined"!=typeof window)try{var _t=Object.defineProperty({},"passive",{get:function(){return wt=!0,!0}});window.addEventListener("test",_t,_t),window.removeEventListener("test",_t,_t)}catch(e){wt=!1}var Nt=!!wt&&{passive:!1},kt=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},Ot=function(e){return[e.deltaX,e.deltaY]},Ct=function(e){return e&&"current"in e?e.current:e},Ft=function(e){return"\n .block-interactivity-"+e+" {pointer-events: none;}\n .allow-interactivity-"+e+" {pointer-events: all;}\n"},St=0,Tt=[];var Mt,Pt=(Mt=function(e){var t=f.useRef([]),n=f.useRef([0,0]),r=f.useRef(),o=f.useState(St++)[0],a=f.useState((function(){return ft()}))[0],i=f.useRef(e);f.useEffect((function(){i.current=e}),[e]),f.useEffect((function(){if(e.inert){document.body.classList.add("block-interactivity-"+o);var t=[e.lockRef.current].concat((e.shards||[]).map(Ct)).filter(Boolean);return t.forEach((function(e){return e.classList.add("allow-interactivity-"+o)})),function(){document.body.classList.remove("block-interactivity-"+o),t.forEach((function(e){return e.classList.remove("allow-interactivity-"+o)}))}}}),[e.inert,e.lockRef.current,e.shards]);var c=f.useCallback((function(e,t){if("touches"in e&&2===e.touches.length)return!i.current.allowPinchZoom;var o,a=kt(e),c=n.current,u="deltaX"in e?e.deltaX:c[0]-a[0],s="deltaY"in e?e.deltaY:c[1]-a[1],l=e.target,d=Math.abs(u)>Math.abs(s)?"h":"v",f=xt(d,l);if(!f)return!0;if(f?o=d:(o="v"===d?"h":"v",f=xt(d,l)),!f)return!1;if(!r.current&&"changedTouches"in e&&(u||s)&&(r.current=o),!o)return!0;var p=r.current||o;return function(e,t,n,r,o){var a=r,i=n.target,c=t.contains(i),u=!1,s=a>0,l=0,d=0;do{var f=bt(e,i),p=f[0],v=f[1]-f[2]-p;(p||v)&&Et(e,i)&&(l+=v,d+=p),i=i.parentNode}while(!c&&i!==document.body||c&&(t.contains(i)||t===i));return(s&&(o&&0===l||!o&&a>l)||!s&&(o&&0===d||!o&&-a>d))&&(u=!0),u}(p,t,e,"h"===p?u:s,!0)}),[]),u=f.useCallback((function(e){var n=e;if(Tt.length&&Tt[Tt.length-1]===a){var r="deltaY"in n?Ot(n):kt(n),o=t.current.filter((function(e){return e.name===n.type&&e.target===n.target&&(t=e.delta,o=r,t[0]===o[0]&&t[1]===o[1]);var t,o}))[0];if(o&&o.should)n.preventDefault();else if(!o){var u=(i.current.shards||[]).map(Ct).filter(Boolean).filter((function(e){return e.contains(n.target)}));(u.length>0?c(n,u[0]):!i.current.noIsolation)&&n.preventDefault()}}}),[]),s=f.useCallback((function(e,n,r,o){var a={name:e,delta:n,target:r,should:o};t.current.push(a),setTimeout((function(){t.current=t.current.filter((function(e){return e!==a}))}),1)}),[]),l=f.useCallback((function(e){n.current=kt(e),r.current=void 0}),[]),d=f.useCallback((function(t){s(t.type,Ot(t),t.target,c(t,e.lockRef.current))}),[]),p=f.useCallback((function(t){s(t.type,kt(t),t.target,c(t,e.lockRef.current))}),[]);f.useEffect((function(){return Tt.push(a),e.setCallbacks({onScrollCapture:d,onWheelCapture:d,onTouchMoveCapture:p}),document.addEventListener("wheel",u,Nt),document.addEventListener("touchmove",u,Nt),document.addEventListener("touchstart",l,Nt),function(){Tt=Tt.filter((function(e){return e!==a})),document.removeEventListener("wheel",u,Nt),document.removeEventListener("touchmove",u,Nt),document.removeEventListener("touchstart",l,Nt)}}),[]);var v=e.removeScrollBar,m=e.inert;return f.createElement(f.Fragment,null,m?f.createElement(a,{styles:Ft(o)}):null,v?f.createElement(gt,{gapMode:"margin"}):null)},ct.useMedium(Mt),te),Dt=f.forwardRef((function(e,t){return f.createElement(st,it({},e,{ref:t,sideCar:Pt}))}));Dt.classNames=st.classNames;var Rt=Dt,At=new WeakMap,It=new WeakMap,jt={},Lt=0,Bt=function(e,t,n){void 0===t&&(t=function(e){return"undefined"==typeof document?null:(Array.isArray(e)?e[0]:e).ownerDocument.body}(e)),void 0===n&&(n="data-aria-hidden");var r=Array.isArray(e)?e:[e];jt[n]||(jt[n]=new WeakMap);var o=jt[n],a=[],i=new Set,c=function(e){e&&!i.has(e)&&(i.add(e),c(e.parentNode))};r.forEach(c);var u=function(e){!e||r.indexOf(e)>=0||Array.prototype.forEach.call(e.children,(function(e){if(i.has(e))u(e);else{var t=e.getAttribute("aria-hidden"),r=null!==t&&"false"!==t,c=(At.get(e)||0)+1,s=(o.get(e)||0)+1;At.set(e,c),o.set(e,s),a.push(e),1===c&&r&&It.set(e,!0),1===s&&e.setAttribute(n,"true"),r||e.setAttribute("aria-hidden","true")}}))};return u(t),i.clear(),Lt++,function(){a.forEach((function(e){var t=At.get(e)-1,r=o.get(e)-1;At.set(e,t),o.set(e,r),t||(It.has(e)||e.removeAttribute("aria-hidden"),It.delete(e)),r||e.removeAttribute(n)})),--Lt||(At=new WeakMap,At=new WeakMap,It=new WeakMap,jt={})}};function Vt(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}function Wt(){return Wt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Wt.apply(this,arguments)}var Ht=["preset"],qt={slideInBottom:Wt({},q,{custom:{offsetY:16,reverse:!0}}),slideInRight:Wt({},q,{custom:{offsetX:16,reverse:!0}}),scale:Wt({},A,{custom:{initialScale:.95,reverse:!0}}),none:{}},Yt=t.chakra(u.motion.section),Xt=f.forwardRef((function(e,t){var n=e.preset,r=Vt(e,Ht),o=qt[n];return f.createElement(Yt,Wt({ref:t},o,r))})),Gt=new(function(){function e(){this.modals=void 0,this.modals=[]}var t=e.prototype;return t.add=function(e){this.modals.push(e)},t.remove=function(e){this.modals=this.modals.filter((function(t){return t!==e}))},t.isTopModal=function(e){return this.modals[this.modals.length-1]===e},e}());function Ut(e){var r,o,a,i=e.isOpen,c=e.onClose,u=e.id,l=e.closeOnOverlayClick,d=void 0===l||l,f=e.closeOnEsc,p=void 0===f||f,v=e.useInert,m=void 0===v||v,h=e.onOverlayClick,y=e.onEsc,g=n.useRef(null),x=n.useRef(null),E=s.useIds(u,"chakra-modal","chakra-modal--header","chakra-modal--body"),b=E[0],w=E[1],_=E[2];o=i&&m,a=(r=g).current,n.useEffect((function(){if(r.current&&o)return Bt(r.current)}),[o,r,a]),function(e,t){n.useEffect((function(){return t&&Gt.add(e),function(){Gt.remove(e)}}),[t,e])}(g,i);var N=n.useRef(null),k=n.useCallback((function(e){N.current=e.target}),[]),O=n.useCallback((function(e){"Escape"===e.key&&(e.stopPropagation(),p&&(null==c||c()),null==y||y())}),[p,c,y]),C=n.useState(!1),F=C[0],S=C[1],T=n.useState(!1),M=T[0],P=T[1],D=n.useCallback((function(e,n){return void 0===e&&(e={}),void 0===n&&(n=null),Wt({role:"dialog"},e,{ref:t.mergeRefs(n,g),id:b,tabIndex:-1,"aria-modal":!0,"aria-labelledby":F?w:void 0,"aria-describedby":M?_:void 0,onClick:t.callAllHandlers(e.onClick,(function(e){return e.stopPropagation()}))})}),[_,M,b,w,F]),R=n.useCallback((function(e){e.stopPropagation(),N.current===e.target&&Gt.isTopModal(g)&&(d&&(null==c||c()),null==h||h())}),[c,d,h]),A=n.useCallback((function(e,n){return void 0===e&&(e={}),void 0===n&&(n=null),Wt({},e,{ref:t.mergeRefs(n,x),onClick:t.callAllHandlers(e.onClick,R),onKeyDown:t.callAllHandlers(e.onKeyDown,O),onMouseDown:t.callAllHandlers(e.onMouseDown,k)})}),[O,k,R]);return{isOpen:i,onClose:c,headerId:w,bodyId:_,setBodyMounted:P,setHeaderMounted:S,dialogRef:g,overlayRef:x,getDialogProps:D,getDialogContainerProps:A}}var Zt=["className","children","containerProps"],zt=["className","transition"],Kt=["className"],Jt=["className"],Qt=["className"],$t=["onClick","className"],en=t.createContext({strict:!0,name:"ModalContext",errorMessage:"useModalContext: `context` is undefined. Seems you forgot to wrap modal components in `<Modal />`"}),tn=en[0],nn=en[1],rn=function(e){var n=e.portalProps,r=e.children,o=e.autoFocus,a=e.trapFocus,u=e.initialFocusRef,s=e.finalFocusRef,l=e.returnFocusOnClose,d=e.blockScrollOnMount,p=e.allowPinchZoom,v=e.preserveScrollBarGap,m=e.motionPreset,h=e.lockFocusAcrossFrames,y=e.onCloseComplete,g=t.useMultiStyleConfig("Modal",e),x=Wt({},Ut(e),{autoFocus:o,trapFocus:a,initialFocusRef:u,finalFocusRef:s,returnFocusOnClose:l,blockScrollOnMount:d,allowPinchZoom:p,preserveScrollBarGap:v,motionPreset:m,lockFocusAcrossFrames:h});return f.createElement(tn,{value:x},f.createElement(t.StylesProvider,{value:g},f.createElement(c.AnimatePresence,{onExitComplete:y},x.isOpen&&f.createElement(i.Portal,n,r))))};rn.defaultProps={lockFocusAcrossFrames:!0,returnFocusOnClose:!0,scrollBehavior:"outside",trapFocus:!0,autoFocus:!0,blockScrollOnMount:!0,allowPinchZoom:!1,motionPreset:"scale"},t.__DEV__&&(rn.displayName="Modal");var on=t.chakra(u.motion.div),an=t.forwardRef((function(e,n){var r=e.className,o=e.children,a=e.containerProps,i=Vt(e,Zt),c=nn(),u=c.getDialogProps,s=c.getDialogContainerProps,l=u(i,n),d=s(a),p=t.cx("chakra-modal__content",r),v=t.useStyles(),m=Wt({display:"flex",flexDirection:"column",position:"relative",width:"100%",outline:0},v.dialog),h=Wt({display:"flex",width:"100vw",height:"100vh","@supports(height: -webkit-fill-available)":{height:"-webkit-fill-available"},position:"fixed",left:0,top:0},v.dialogContainer),y=nn().motionPreset;return f.createElement(cn,null,f.createElement(t.chakra.div,Wt({},d,{className:"chakra-modal__content-container",tabIndex:-1,__css:h}),f.createElement(Xt,Wt({preset:y,className:p},l,{__css:m}),o)))}));function cn(e){var t=nn(),n=t.autoFocus,r=t.trapFocus,o=t.dialogRef,a=t.initialFocusRef,i=t.blockScrollOnMount,c=t.allowPinchZoom,s=t.finalFocusRef,l=t.returnFocusOnClose,d=t.preserveScrollBarGap,p=t.lockFocusAcrossFrames,v=u.usePresence(),m=v[0],h=v[1];return f.useEffect((function(){!m&&h&&setTimeout(h)}),[m,h]),f.createElement(at,{autoFocus:n,isDisabled:!r,initialFocusRef:a,finalFocusRef:s,restoreFocus:l,contentRef:o,lockFocusAcrossFrames:p},f.createElement(Rt,{removeScrollBar:!d,allowPinchZoom:c,enabled:i,forwardProps:!0},e.children))}t.__DEV__&&(an.displayName="ModalContent");var un=t.forwardRef((function(e,n){var r=e.className;e.transition;var o=Vt(e,zt),a=t.cx("chakra-modal__overlay",r),i=Wt({pos:"fixed",left:"0",top:"0",w:"100vw",h:"100vh"},t.useStyles().overlay),c="none"===nn().motionPreset?{}:M;return f.createElement(on,Wt({},c,{__css:i,ref:n,className:a},o))}));t.__DEV__&&(un.displayName="ModalOverlay");var sn=t.forwardRef((function(e,n){var r=e.className,o=Vt(e,Kt),a=nn(),i=a.headerId,c=a.setHeaderMounted;f.useEffect((function(){return c(!0),function(){return c(!1)}}),[c]);var u=t.cx("chakra-modal__header",r),s=Wt({flex:0},t.useStyles().header);return f.createElement(t.chakra.header,Wt({ref:n,className:u,id:i},o,{__css:s}))}));t.__DEV__&&(sn.displayName="ModalHeader");var ln=t.forwardRef((function(e,n){var r=e.className,o=Vt(e,Jt),a=nn(),i=a.bodyId,c=a.setBodyMounted;f.useEffect((function(){return c(!0),function(){return c(!1)}}),[c]);var u=t.cx("chakra-modal__body",r),s=t.useStyles();return f.createElement(t.chakra.div,Wt({ref:n,className:u,id:i},o,{__css:s.body}))}));t.__DEV__&&(ln.displayName="ModalBody");var dn=t.forwardRef((function(e,n){var r=e.className,o=Vt(e,Qt),a=t.cx("chakra-modal__footer",r),i=Wt({display:"flex",alignItems:"center",justifyContent:"flex-end"},t.useStyles().footer);return f.createElement(t.chakra.footer,Wt({ref:n},o,{__css:i,className:a}))}));t.__DEV__&&(dn.displayName="ModalFooter");var fn=t.forwardRef((function(e,n){var r=e.onClick,o=e.className,a=Vt(e,$t),i=nn().onClose,c=t.cx("chakra-modal__close-btn",o),u=t.useStyles();return f.createElement(Z,Wt({ref:n,__css:u.closeButton,className:c,onClick:t.callAllHandlers(r,(function(e){e.stopPropagation(),i()}))},a))}));t.__DEV__&&(fn.displayName="ModalCloseButton");var pn=["leastDestructiveRef"];var vn=t.forwardRef((function(e,t){return f.createElement(an,Wt({ref:t,role:"alertdialog"},e))})),mn=["isOpen","onClose","placement","children"],hn=["className","children"],yn=t.createContext(),gn=yn[0],xn=yn[1],En={start:{ltr:"left",rtl:"right"},end:{ltr:"right",rtl:"left"}};var bn=t.chakra(V),wn=t.forwardRef((function(e,n){var r=e.className,o=e.children,a=Vt(e,hn),i=nn(),c=i.getDialogProps,u=i.getDialogContainerProps,s=i.isOpen,l=c(a,n),d=u(),p=t.cx("chakra-modal__content",r),v=t.useStyles(),m=Wt({display:"flex",flexDirection:"column",position:"relative",width:"100%",outline:0},v.dialog),h=Wt({display:"flex",width:"100vw",height:"100vh",position:"fixed",left:0,top:0},v.dialogContainer),y=xn().placement;return f.createElement(t.chakra.div,Wt({},d,{className:"chakra-modal__content-container",__css:h}),f.createElement(cn,null,f.createElement(bn,Wt({direction:y,in:s,className:p},l,{__css:m}),o)))}));t.__DEV__&&(wn.displayName="DrawerContent"),exports.AlertDialog=function(e){var t=e.leastDestructiveRef,n=Vt(e,pn);return f.createElement(rn,Wt({},n,{initialFocusRef:t}))},exports.AlertDialogContent=vn,exports.Collapse=F,exports.Drawer=function(e){var n,r=e.isOpen,o=e.onClose,a=e.placement,i=void 0===a?"right":a,c=e.children,u=Vt(e,mn),s=t.useTheme(),l=null==(n=s.components)?void 0:n.Drawer,d=function(e,t){var n,r;if(e)return null!=(n=null==(r=En[e])?void 0:r[t])?n:e}(i,s.direction);return f.createElement(gn,{value:{placement:d}},f.createElement(rn,Wt({isOpen:r,onClose:o,styleConfig:l},u),c))},exports.DrawerContent=wn,exports.Fade=P,exports.Modal=rn,exports.ModalBody=ln,exports.ModalCloseButton=fn,exports.ModalContent=an,exports.ModalFooter=dn,exports.ModalHeader=sn,exports.ModalOverlay=un,exports.useModalContext=nn;
|
|
16
|
-
//# sourceMappingURL=chakra-ui-modal.esm-
|
|
15
|
+
***************************************************************************** */;var it=function(){return it=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},it.apply(this,arguments)};var ct=ee(),ut=function(){},st=f.forwardRef((function(e,t){var n=f.useRef(null),r=f.useState({onScrollCapture:ut,onWheelCapture:ut,onTouchMoveCapture:ut}),o=r[0],a=r[1],i=e.forwardProps,c=e.children,u=e.className,s=e.removeScrollBar,l=e.enabled,d=e.shards,p=e.sideCar,v=e.noIsolation,m=e.inert,h=e.allowPinchZoom,y=e.as,g=void 0===y?"div":y,x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),E=p,b=z([n,t]),w=it({},x,o);return f.createElement(f.Fragment,null,l&&f.createElement(E,{sideCar:ct,removeScrollBar:s,shards:d,noIsolation:v,inert:m,setCallbacks:a,allowPinchZoom:!!h,lockRef:n}),i?f.cloneElement(f.Children.only(c),it({},w,{ref:b})):f.createElement(g,it({},w,{className:u,ref:b}),c))}));st.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},st.classNames={fullWidth:"width-before-scroll-bar",zeroRight:"right-scroll-bar-position"};function lt(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=function(){if("undefined"!=typeof __webpack_nonce__)return __webpack_nonce__}();return t&&e.setAttribute("nonce",t),e}var dt=function(){var e=0,t=null;return{add:function(n){var r,o;0==e&&(t=lt())&&(o=n,(r=t).styleSheet?r.styleSheet.cssText=o:r.appendChild(document.createTextNode(o)),function(e){(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}(t)),e++},remove:function(){!--e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},ft=function(){var e,t=(e=dt(),function(t){f.useEffect((function(){return e.add(t),function(){e.remove()}}),[t])});return function(e){var n=e.styles;return t(n),null}},pt={left:0,top:0,right:0,gap:0},vt=function(e){return parseInt(e||"",10)||0},mt=function(e){if(void 0===e&&(e="margin"),"undefined"==typeof window)return pt;var t=function(e){var t=window.getComputedStyle(document.body),n=t["padding"===e?"paddingLeft":"marginLeft"],r=t["padding"===e?"paddingTop":"marginTop"],o=t["padding"===e?"paddingRight":"marginRight"];return[vt(n),vt(r),vt(o)]}(e),n=document.documentElement.clientWidth,r=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,r-n+t[2]-t[0])}},ht=ft(),yt=function(e,t,n,r){var o=e.left,a=e.top,i=e.right,c=e.gap;return void 0===n&&(n="margin"),"\n .".concat("with-scroll-bars-hidden"," {\n overflow: hidden ").concat(r,";\n padding-right: ").concat(c,"px ").concat(r,";\n }\n body {\n overflow: hidden ").concat(r,";\n ").concat([t&&"position: relative ".concat(r,";"),"margin"===n&&"\n padding-left: ".concat(o,"px;\n padding-top: ").concat(a,"px;\n padding-right: ").concat(i,"px;\n margin-left:0;\n margin-top:0;\n margin-right: ").concat(c,"px ").concat(r,";\n "),"padding"===n&&"padding-right: ".concat(c,"px ").concat(r,";")].filter(Boolean).join(""),"\n }\n \n .").concat("right-scroll-bar-position"," {\n right: ").concat(c,"px ").concat(r,";\n }\n \n .").concat("width-before-scroll-bar"," {\n margin-right: ").concat(c,"px ").concat(r,";\n }\n \n .").concat("right-scroll-bar-position"," .").concat("right-scroll-bar-position"," {\n right: 0 ").concat(r,";\n }\n \n .").concat("width-before-scroll-bar"," .").concat("width-before-scroll-bar"," {\n margin-right: 0 ").concat(r,";\n }\n \n body {\n ").concat("--removed-body-scroll-bar-size",": ").concat(c,"px;\n }\n")},gt=function(e){var t=f.useState(mt(e.gapMode)),n=t[0],r=t[1];f.useEffect((function(){r(mt(e.gapMode))}),[e.gapMode]);var o=e.noRelative,a=e.noImportant,i=e.gapMode,c=void 0===i?"margin":i;return f.createElement(ht,{styles:yt(n,!o,c,a?"":"!important")})},xt=function(e,t){var n=t;do{if(Et(e,n)){var r=bt(e,n);if(r[1]>r[2])return!0}n=n.parentNode}while(n&&n!==document.body);return!1},Et=function(e,t){return"v"===e?function(e){var t=window.getComputedStyle(e);return"hidden"!==t.overflowY&&!(t.overflowY===t.overflowX&&"visible"===t.overflowY)}(t):function(e){var t=window.getComputedStyle(e);return"hidden"!==t.overflowX&&!(t.overflowY===t.overflowX&&"visible"===t.overflowX)}(t)},bt=function(e,t){return"v"===e?[(n=t).scrollTop,n.scrollHeight,n.clientHeight]:function(e){return[e.scrollLeft,e.scrollWidth,e.clientWidth]}(t);var n},wt=!1;if("undefined"!=typeof window)try{var _t=Object.defineProperty({},"passive",{get:function(){return wt=!0,!0}});window.addEventListener("test",_t,_t),window.removeEventListener("test",_t,_t)}catch(e){wt=!1}var Nt=!!wt&&{passive:!1},kt=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},Ot=function(e){return[e.deltaX,e.deltaY]},Ct=function(e){return e&&"current"in e?e.current:e},Ft=function(e){return"\n .block-interactivity-"+e+" {pointer-events: none;}\n .allow-interactivity-"+e+" {pointer-events: all;}\n"},St=0,Tt=[];var Mt,Pt=(Mt=function(e){var t=f.useRef([]),n=f.useRef([0,0]),r=f.useRef(),o=f.useState(St++)[0],a=f.useState((function(){return ft()}))[0],i=f.useRef(e);f.useEffect((function(){i.current=e}),[e]),f.useEffect((function(){if(e.inert){document.body.classList.add("block-interactivity-"+o);var t=[e.lockRef.current].concat((e.shards||[]).map(Ct)).filter(Boolean);return t.forEach((function(e){return e.classList.add("allow-interactivity-"+o)})),function(){document.body.classList.remove("block-interactivity-"+o),t.forEach((function(e){return e.classList.remove("allow-interactivity-"+o)}))}}}),[e.inert,e.lockRef.current,e.shards]);var c=f.useCallback((function(e,t){if("touches"in e&&2===e.touches.length)return!i.current.allowPinchZoom;var o,a=kt(e),c=n.current,u="deltaX"in e?e.deltaX:c[0]-a[0],s="deltaY"in e?e.deltaY:c[1]-a[1],l=e.target,d=Math.abs(u)>Math.abs(s)?"h":"v",f=xt(d,l);if(!f)return!0;if(f?o=d:(o="v"===d?"h":"v",f=xt(d,l)),!f)return!1;if(!r.current&&"changedTouches"in e&&(u||s)&&(r.current=o),!o)return!0;var p=r.current||o;return function(e,t,n,r,o){var a=r,i=n.target,c=t.contains(i),u=!1,s=a>0,l=0,d=0;do{var f=bt(e,i),p=f[0],v=f[1]-f[2]-p;(p||v)&&Et(e,i)&&(l+=v,d+=p),i=i.parentNode}while(!c&&i!==document.body||c&&(t.contains(i)||t===i));return(s&&(o&&0===l||!o&&a>l)||!s&&(o&&0===d||!o&&-a>d))&&(u=!0),u}(p,t,e,"h"===p?u:s,!0)}),[]),u=f.useCallback((function(e){var n=e;if(Tt.length&&Tt[Tt.length-1]===a){var r="deltaY"in n?Ot(n):kt(n),o=t.current.filter((function(e){return e.name===n.type&&e.target===n.target&&(t=e.delta,o=r,t[0]===o[0]&&t[1]===o[1]);var t,o}))[0];if(o&&o.should)n.preventDefault();else if(!o){var u=(i.current.shards||[]).map(Ct).filter(Boolean).filter((function(e){return e.contains(n.target)}));(u.length>0?c(n,u[0]):!i.current.noIsolation)&&n.preventDefault()}}}),[]),s=f.useCallback((function(e,n,r,o){var a={name:e,delta:n,target:r,should:o};t.current.push(a),setTimeout((function(){t.current=t.current.filter((function(e){return e!==a}))}),1)}),[]),l=f.useCallback((function(e){n.current=kt(e),r.current=void 0}),[]),d=f.useCallback((function(t){s(t.type,Ot(t),t.target,c(t,e.lockRef.current))}),[]),p=f.useCallback((function(t){s(t.type,kt(t),t.target,c(t,e.lockRef.current))}),[]);f.useEffect((function(){return Tt.push(a),e.setCallbacks({onScrollCapture:d,onWheelCapture:d,onTouchMoveCapture:p}),document.addEventListener("wheel",u,Nt),document.addEventListener("touchmove",u,Nt),document.addEventListener("touchstart",l,Nt),function(){Tt=Tt.filter((function(e){return e!==a})),document.removeEventListener("wheel",u,Nt),document.removeEventListener("touchmove",u,Nt),document.removeEventListener("touchstart",l,Nt)}}),[]);var v=e.removeScrollBar,m=e.inert;return f.createElement(f.Fragment,null,m?f.createElement(a,{styles:Ft(o)}):null,v?f.createElement(gt,{gapMode:"margin"}):null)},ct.useMedium(Mt),te),Dt=f.forwardRef((function(e,t){return f.createElement(st,it({},e,{ref:t,sideCar:Pt}))}));Dt.classNames=st.classNames;var Rt=Dt,At=new WeakMap,It=new WeakMap,jt={},Lt=0,Bt=function(e,t,n){void 0===t&&(t=function(e){return"undefined"==typeof document?null:(Array.isArray(e)?e[0]:e).ownerDocument.body}(e)),void 0===n&&(n="data-aria-hidden");var r=Array.isArray(e)?e:[e];jt[n]||(jt[n]=new WeakMap);var o=jt[n],a=[],i=new Set,c=function(e){e&&!i.has(e)&&(i.add(e),c(e.parentNode))};r.forEach(c);var u=function(e){!e||r.indexOf(e)>=0||Array.prototype.forEach.call(e.children,(function(e){if(i.has(e))u(e);else{var t=e.getAttribute("aria-hidden"),r=null!==t&&"false"!==t,c=(At.get(e)||0)+1,s=(o.get(e)||0)+1;At.set(e,c),o.set(e,s),a.push(e),1===c&&r&&It.set(e,!0),1===s&&e.setAttribute(n,"true"),r||e.setAttribute("aria-hidden","true")}}))};return u(t),i.clear(),Lt++,function(){a.forEach((function(e){var t=At.get(e)-1,r=o.get(e)-1;At.set(e,t),o.set(e,r),t||(It.has(e)||e.removeAttribute("aria-hidden"),It.delete(e)),r||e.removeAttribute(n)})),--Lt||(At=new WeakMap,At=new WeakMap,It=new WeakMap,jt={})}};function Vt(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}function Wt(){return Wt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Wt.apply(this,arguments)}var Ht=["preset"],qt={slideInBottom:Wt({},q,{custom:{offsetY:16,reverse:!0}}),slideInRight:Wt({},q,{custom:{offsetX:16,reverse:!0}}),scale:Wt({},A,{custom:{initialScale:.95,reverse:!0}}),none:{}},Yt=t.chakra(u.motion.section),Xt=f.forwardRef((function(e,t){var n=e.preset,r=Vt(e,Ht),o=qt[n];return f.createElement(Yt,Wt({ref:t},o,r))})),Gt=new(function(){function e(){this.modals=void 0,this.modals=[]}var t=e.prototype;return t.add=function(e){this.modals.push(e)},t.remove=function(e){this.modals=this.modals.filter((function(t){return t!==e}))},t.isTopModal=function(e){return this.modals[this.modals.length-1]===e},e}());function Ut(e){var r,o,a,i=e.isOpen,c=e.onClose,u=e.id,l=e.closeOnOverlayClick,d=void 0===l||l,f=e.closeOnEsc,p=void 0===f||f,v=e.useInert,m=void 0===v||v,h=e.onOverlayClick,y=e.onEsc,g=n.useRef(null),x=n.useRef(null),E=s.useIds(u,"chakra-modal","chakra-modal--header","chakra-modal--body"),b=E[0],w=E[1],_=E[2];o=i&&m,a=(r=g).current,n.useEffect((function(){if(r.current&&o)return Bt(r.current)}),[o,r,a]),function(e,t){n.useEffect((function(){return t&&Gt.add(e),function(){Gt.remove(e)}}),[t,e])}(g,i);var N=n.useRef(null),k=n.useCallback((function(e){N.current=e.target}),[]),O=n.useCallback((function(e){"Escape"===e.key&&(e.stopPropagation(),p&&(null==c||c()),null==y||y())}),[p,c,y]),C=n.useState(!1),F=C[0],S=C[1],T=n.useState(!1),M=T[0],P=T[1],D=n.useCallback((function(e,n){return void 0===e&&(e={}),void 0===n&&(n=null),Wt({role:"dialog"},e,{ref:t.mergeRefs(n,g),id:b,tabIndex:-1,"aria-modal":!0,"aria-labelledby":F?w:void 0,"aria-describedby":M?_:void 0,onClick:t.callAllHandlers(e.onClick,(function(e){return e.stopPropagation()}))})}),[_,M,b,w,F]),R=n.useCallback((function(e){e.stopPropagation(),N.current===e.target&&Gt.isTopModal(g)&&(d&&(null==c||c()),null==h||h())}),[c,d,h]),A=n.useCallback((function(e,n){return void 0===e&&(e={}),void 0===n&&(n=null),Wt({},e,{ref:t.mergeRefs(n,x),onClick:t.callAllHandlers(e.onClick,R),onKeyDown:t.callAllHandlers(e.onKeyDown,O),onMouseDown:t.callAllHandlers(e.onMouseDown,k)})}),[O,k,R]);return{isOpen:i,onClose:c,headerId:w,bodyId:_,setBodyMounted:P,setHeaderMounted:S,dialogRef:g,overlayRef:x,getDialogProps:D,getDialogContainerProps:A}}var Zt=["className","children","containerProps"],zt=["className","transition"],Kt=["className"],Jt=["className"],Qt=["className"],$t=["onClick","className"],en=t.createContext({strict:!0,name:"ModalContext",errorMessage:"useModalContext: `context` is undefined. Seems you forgot to wrap modal components in `<Modal />`"}),tn=en[0],nn=en[1],rn=function(e){var n=e.portalProps,r=e.children,o=e.autoFocus,a=e.trapFocus,u=e.initialFocusRef,s=e.finalFocusRef,l=e.returnFocusOnClose,d=e.blockScrollOnMount,p=e.allowPinchZoom,v=e.preserveScrollBarGap,m=e.motionPreset,h=e.lockFocusAcrossFrames,y=e.onCloseComplete,g=t.useMultiStyleConfig("Modal",e),x=Wt({},Ut(e),{autoFocus:o,trapFocus:a,initialFocusRef:u,finalFocusRef:s,returnFocusOnClose:l,blockScrollOnMount:d,allowPinchZoom:p,preserveScrollBarGap:v,motionPreset:m,lockFocusAcrossFrames:h});return f.createElement(tn,{value:x},f.createElement(t.StylesProvider,{value:g},f.createElement(c.AnimatePresence,{onExitComplete:y},x.isOpen&&f.createElement(i.Portal,n,r))))};rn.defaultProps={lockFocusAcrossFrames:!0,returnFocusOnClose:!0,scrollBehavior:"outside",trapFocus:!0,autoFocus:!0,blockScrollOnMount:!0,allowPinchZoom:!1,motionPreset:"scale"},t.__DEV__&&(rn.displayName="Modal");var on=t.chakra(u.motion.div),an=t.forwardRef((function(e,n){var r=e.className,o=e.children,a=e.containerProps,i=Vt(e,Zt),c=nn(),u=c.getDialogProps,s=c.getDialogContainerProps,l=u(i,n),d=s(a),p=t.cx("chakra-modal__content",r),v=t.useStyles(),m=Wt({display:"flex",flexDirection:"column",position:"relative",width:"100%",outline:0},v.dialog),h=Wt({display:"flex",width:"100vw",height:"100vh","@supports(height: -webkit-fill-available)":{height:"-webkit-fill-available"},position:"fixed",left:0,top:0},v.dialogContainer),y=nn().motionPreset;return f.createElement(cn,null,f.createElement(t.chakra.div,Wt({},d,{className:"chakra-modal__content-container",tabIndex:-1,__css:h}),f.createElement(Xt,Wt({preset:y,className:p},l,{__css:m}),o)))}));function cn(e){var t=nn(),n=t.autoFocus,r=t.trapFocus,o=t.dialogRef,a=t.initialFocusRef,i=t.blockScrollOnMount,c=t.allowPinchZoom,s=t.finalFocusRef,l=t.returnFocusOnClose,d=t.preserveScrollBarGap,p=t.lockFocusAcrossFrames,v=u.usePresence(),m=v[0],h=v[1];return f.useEffect((function(){!m&&h&&setTimeout(h)}),[m,h]),f.createElement(at,{autoFocus:n,isDisabled:!r,initialFocusRef:a,finalFocusRef:s,restoreFocus:l,contentRef:o,lockFocusAcrossFrames:p},f.createElement(Rt,{removeScrollBar:!d,allowPinchZoom:c,enabled:i,forwardProps:!0},e.children))}t.__DEV__&&(an.displayName="ModalContent");var un=t.forwardRef((function(e,n){var r=e.className;e.transition;var o=Vt(e,zt),a=t.cx("chakra-modal__overlay",r),i=Wt({pos:"fixed",left:"0",top:"0",w:"100vw",h:"100vh"},t.useStyles().overlay),c="none"===nn().motionPreset?{}:M;return f.createElement(on,Wt({},c,{__css:i,ref:n,className:a},o))}));t.__DEV__&&(un.displayName="ModalOverlay");var sn=t.forwardRef((function(e,n){var r=e.className,o=Vt(e,Kt),a=nn(),i=a.headerId,c=a.setHeaderMounted;f.useEffect((function(){return c(!0),function(){return c(!1)}}),[c]);var u=t.cx("chakra-modal__header",r),s=Wt({flex:0},t.useStyles().header);return f.createElement(t.chakra.header,Wt({ref:n,className:u,id:i},o,{__css:s}))}));t.__DEV__&&(sn.displayName="ModalHeader");var ln=t.forwardRef((function(e,n){var r=e.className,o=Vt(e,Jt),a=nn(),i=a.bodyId,c=a.setBodyMounted;f.useEffect((function(){return c(!0),function(){return c(!1)}}),[c]);var u=t.cx("chakra-modal__body",r),s=t.useStyles();return f.createElement(t.chakra.div,Wt({ref:n,className:u,id:i},o,{__css:s.body}))}));t.__DEV__&&(ln.displayName="ModalBody");var dn=t.forwardRef((function(e,n){var r=e.className,o=Vt(e,Qt),a=t.cx("chakra-modal__footer",r),i=Wt({display:"flex",alignItems:"center",justifyContent:"flex-end"},t.useStyles().footer);return f.createElement(t.chakra.footer,Wt({ref:n},o,{__css:i,className:a}))}));t.__DEV__&&(dn.displayName="ModalFooter");var fn=t.forwardRef((function(e,n){var r=e.onClick,o=e.className,a=Vt(e,$t),i=nn().onClose,c=t.cx("chakra-modal__close-btn",o),u=t.useStyles();return f.createElement(Z,Wt({ref:n,__css:u.closeButton,className:c,onClick:t.callAllHandlers(r,(function(e){e.stopPropagation(),i()}))},a))}));t.__DEV__&&(fn.displayName="ModalCloseButton");var pn=["leastDestructiveRef"];var vn=t.forwardRef((function(e,t){return f.createElement(an,Wt({ref:t,role:"alertdialog"},e))})),mn=["isOpen","onClose","placement","children"],hn=["className","children"],yn=t.createContext(),gn=yn[0],xn=yn[1],En={start:{ltr:"left",rtl:"right"},end:{ltr:"right",rtl:"left"}};var bn=t.chakra(V),wn=t.forwardRef((function(e,n){var r=e.className,o=e.children,a=Vt(e,hn),i=nn(),c=i.getDialogProps,u=i.getDialogContainerProps,s=i.isOpen,l=c(a,n),d=u(),p=t.cx("chakra-modal__content",r),v=t.useStyles(),m=Wt({display:"flex",flexDirection:"column",position:"relative",width:"100%",outline:0},v.dialog),h=Wt({display:"flex",width:"100vw",height:"100vh",position:"fixed",left:0,top:0},v.dialogContainer),y=xn().placement;return f.createElement(t.chakra.div,Wt({},d,{className:"chakra-modal__content-container",__css:h}),f.createElement(cn,null,f.createElement(bn,Wt({direction:y,in:s,className:p},l,{__css:m}),o)))}));t.__DEV__&&(wn.displayName="DrawerContent"),exports.AlertDialog=function(e){var t=e.leastDestructiveRef,n=Vt(e,pn);return f.createElement(rn,Wt({},n,{initialFocusRef:t}))},exports.AlertDialogContent=vn,exports.Collapse=F,exports.Drawer=function(e){var n,r=e.isOpen,o=e.onClose,a=e.placement,i=void 0===a?"right":a,c=e.children,u=Vt(e,mn),s=t.useTheme(),l=null==(n=s.components)?void 0:n.Drawer,d=function(e,t){var n,r;if(e)return null!=(n=null==(r=En[e])?void 0:r[t])?n:e}(i,s.direction);return f.createElement(gn,{value:{placement:d}},f.createElement(rn,Wt({isOpen:r,onClose:o,styleConfig:l},u),c))},exports.DrawerContent=wn,exports.Fade=P,exports.Modal=rn,exports.ModalBody=ln,exports.ModalCloseButton=fn,exports.ModalContent=an,exports.ModalFooter=dn,exports.ModalHeader=sn,exports.ModalOverlay=un,exports.Slide=V,exports.SlideFade=Y,exports.useModalContext=nn;
|
|
16
|
+
//# sourceMappingURL=chakra-ui-modal.esm-2fd23822.js.map
|