@jenesei-software/jenesei-kit-react 1.2.3 → 1.2.5
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/{area-C2sWYH-e.js → area-BC64nSGj.js} +2 -2
- package/build/{area-C2sWYH-e.js.map → area-BC64nSGj.js.map} +1 -1
- package/build/{area-CD10k19W.cjs → area-C6QOr2Kd.cjs} +7 -7
- package/build/{area-CD10k19W.cjs.map → area-C6QOr2Kd.cjs.map} +1 -1
- package/build/area-scroll.cjs.js +1 -1
- package/build/area-scroll.es.js +1 -1
- package/build/build-info.txt +3 -3
- package/build/{component-CbPhVNw5.js → component-BJ4BlUBV.js} +2 -2
- package/build/{component-CbPhVNw5.js.map → component-BJ4BlUBV.js.map} +1 -1
- package/build/{component-BnYw0FvH.cjs → component-BfsH0boq.cjs} +2 -2
- package/build/{component-BnYw0FvH.cjs.map → component-BfsH0boq.cjs.map} +1 -1
- package/build/{component-9m1Ib3fS.js → component-BtA2Qlbp.js} +2 -2
- package/build/{component-9m1Ib3fS.js.map → component-BtA2Qlbp.js.map} +1 -1
- package/build/{component-C8QrHu0C.js → component-CTz8wF0z.js} +3 -3
- package/build/{component-C8QrHu0C.js.map → component-CTz8wF0z.js.map} +1 -1
- package/build/{component-FwG2ieR3.cjs → component-CV14RCdO.cjs} +2 -2
- package/build/{component-FwG2ieR3.cjs.map → component-CV14RCdO.cjs.map} +1 -1
- package/build/{component-C0atFCun.cjs → component-DBxYbAnr.cjs} +2 -2
- package/build/{component-C0atFCun.cjs.map → component-DBxYbAnr.cjs.map} +1 -1
- package/build/{component-DURhph1i.js → component-DTH1-Npa.js} +3 -3
- package/build/{component-DURhph1i.js.map → component-DTH1-Npa.js.map} +1 -1
- package/build/{component-X4e7zEKk.cjs → component-Dw21Chky.cjs} +2 -2
- package/build/{component-X4e7zEKk.cjs.map → component-Dw21Chky.cjs.map} +1 -1
- package/build/{component-Bovatz78.cjs → component-ODhIlUPq.cjs} +2 -2
- package/build/{component-Bovatz78.cjs.map → component-ODhIlUPq.cjs.map} +1 -1
- package/build/component-button-group.cjs.js +1 -1
- package/build/component-button-group.es.js +1 -1
- package/build/component-button.cjs.js +1 -1
- package/build/component-button.es.js +1 -1
- package/build/component-checkbox-group.cjs.js +1 -1
- package/build/component-checkbox-group.es.js +1 -1
- package/build/component-checkbox.cjs.js +1 -1
- package/build/component-checkbox.es.js +1 -1
- package/build/component-date-picker.cjs.js +1 -1
- package/build/component-date-picker.d.ts +74 -65
- package/build/component-date-picker.es.js +9 -10
- package/build/component-image-button.cjs.js +1 -1
- package/build/component-image-button.es.js +1 -1
- package/build/component-image-select.cjs.js +1 -1
- package/build/component-image-select.es.js +1 -1
- package/build/component-image-slider.cjs.js +1 -1
- package/build/component-image-slider.es.js +1 -1
- package/build/component-input-otp.cjs.js +1 -1
- package/build/component-input-otp.es.js +1 -1
- package/build/component-input.cjs.js +1 -1
- package/build/component-input.d.ts +3 -3
- package/build/component-input.es.js +3 -3
- package/build/component-map.cjs.js +1 -1
- package/build/component-map.es.js +1 -1
- package/build/component-pagination.cjs.js +1 -1
- package/build/component-pagination.es.js +1 -1
- package/build/component-range.cjs.js +1 -1
- package/build/component-range.es.js +1 -1
- package/build/component-select.cjs.js +1 -1
- package/build/component-select.d.ts +6 -6
- package/build/component-select.es.js +1 -1
- package/build/component-textarea.cjs.js +1 -1
- package/build/component-textarea.es.js +1 -1
- package/build/component-toggle.cjs.js +1 -1
- package/build/component-toggle.es.js +1 -1
- package/build/component-tooltip.cjs.js +1 -1
- package/build/component-tooltip.d.ts +1 -0
- package/build/component-tooltip.es.js +1 -1
- package/build/component-typography.cjs.js +1 -1
- package/build/component-typography.d.ts +1 -0
- package/build/component-typography.es.js +1 -1
- package/build/{component--cOriuv7.js → component-zhkRBgS8.js} +45 -3
- package/build/{component--cOriuv7.js.map → component-zhkRBgS8.js.map} +1 -1
- package/build/{component.components-1kRDD3KO.cjs → component.components-9ON8OLUd.cjs} +2 -2
- package/build/{component.components-1kRDD3KO.cjs.map → component.components-9ON8OLUd.cjs.map} +1 -1
- package/build/{component.components-CQ3LLnFl.js → component.components-CnwUBa8n.js} +2 -2
- package/build/{component.components-CQ3LLnFl.js.map → component.components-CnwUBa8n.js.map} +1 -1
- package/build/{component.constants-B1rq1PLe.js → component.constants-Ck-Y1EPF.js} +2 -2
- package/build/{component.constants-B1rq1PLe.js.map → component.constants-Ck-Y1EPF.js.map} +1 -1
- package/build/{component.constants-BLHg7rcI.cjs → component.constants-DD964QJh.cjs} +2 -2
- package/build/{component.constants-BLHg7rcI.cjs.map → component.constants-DD964QJh.cjs.map} +1 -1
- package/build/{component.constants-Gz2mf7IF.cjs → component.constants-DGS-J9Sc.cjs} +2 -2
- package/build/{component.constants-Gz2mf7IF.cjs.map → component.constants-DGS-J9Sc.cjs.map} +1 -1
- package/build/{component.constants-B95xyW0s.js → component.constants-c0DK2OSH.js} +3 -3
- package/build/{component.constants-B95xyW0s.js.map → component.constants-c0DK2OSH.js.map} +1 -1
- package/build/{component.styles-q4ne6jV1.cjs → component.styles-B4reSccT.cjs} +2 -2
- package/build/{component.styles-q4ne6jV1.cjs.map → component.styles-B4reSccT.cjs.map} +1 -1
- package/build/{component.styles-BrGPrrEb.cjs → component.styles-BScmaCvt.cjs} +2 -2
- package/build/{component.styles-BrGPrrEb.cjs.map → component.styles-BScmaCvt.cjs.map} +1 -1
- package/build/{component.styles-Dm_Ov4nM.cjs → component.styles-C5GdZJou.cjs} +24 -24
- package/build/{component.styles-Dm_Ov4nM.cjs.map → component.styles-C5GdZJou.cjs.map} +1 -1
- package/build/{component.styles-BzNkEurr.js → component.styles-CFrk_dpy.js} +5 -5
- package/build/{component.styles-BzNkEurr.js.map → component.styles-CFrk_dpy.js.map} +1 -1
- package/build/{component.styles-CvJK1eif.cjs → component.styles-CGyQHdKu.cjs} +8 -13
- package/build/component.styles-CGyQHdKu.cjs.map +1 -0
- package/build/{component.styles-DqNAGfc9.cjs → component.styles-CzsKP7v-.cjs} +2 -2
- package/build/{component.styles-DqNAGfc9.cjs.map → component.styles-CzsKP7v-.cjs.map} +1 -1
- package/build/{component.styles-vcNQJK0U.cjs → component.styles-D8ZAo-kS.cjs} +2 -2
- package/build/{component.styles-vcNQJK0U.cjs.map → component.styles-D8ZAo-kS.cjs.map} +1 -1
- package/build/{component.styles-DjLSmx3e.cjs → component.styles-DLbbGi9i.cjs} +2 -2
- package/build/{component.styles-DjLSmx3e.cjs.map → component.styles-DLbbGi9i.cjs.map} +1 -1
- package/build/{component.styles-DKG-fvog.js → component.styles-DS53SD15.js} +4 -4
- package/build/{component.styles-DKG-fvog.js.map → component.styles-DS53SD15.js.map} +1 -1
- package/build/{component.styles-DMBvhmz6.js → component.styles-DjJOwUeA.js} +3 -3
- package/build/{component.styles-DMBvhmz6.js.map → component.styles-DjJOwUeA.js.map} +1 -1
- package/build/{component.styles-DqTkSP8L.js → component.styles-DsnwGPvj.js} +16 -21
- package/build/component.styles-DsnwGPvj.js.map +1 -0
- package/build/{component.styles-DhI3n-dL.js → component.styles-DxQx6LQO.js} +3 -3
- package/build/{component.styles-DhI3n-dL.js.map → component.styles-DxQx6LQO.js.map} +1 -1
- package/build/{component.styles-CccZrbSA.js → component.styles-N7ZFXn4z.js} +2 -2
- package/build/{component.styles-CccZrbSA.js.map → component.styles-N7ZFXn4z.js.map} +1 -1
- package/build/{component.styles-DuIrUV9k.js → component.styles-UIEZecbT.js} +2 -2
- package/build/{component.styles-DuIrUV9k.js.map → component.styles-UIEZecbT.js.map} +1 -1
- package/build/{component.styles-CRWn1pVi.js → component.styles-WqYNZfbs.js} +3 -3
- package/build/{component.styles-CRWn1pVi.js.map → component.styles-WqYNZfbs.js.map} +1 -1
- package/build/{component.styles-Dt_CUijB.js → component.styles-hc14mwUo.js} +6 -7
- package/build/{component.styles-Dt_CUijB.js.map → component.styles-hc14mwUo.js.map} +1 -1
- package/build/{component.styles-DwdN7mQq.cjs → component.styles-qRQ8i8W6.cjs} +2 -2
- package/build/{component.styles-DwdN7mQq.cjs.map → component.styles-qRQ8i8W6.cjs.map} +1 -1
- package/build/{component.styles-Bz2vyHqK.cjs → component.styles-sTbPcfTb.cjs} +2 -2
- package/build/{component.styles-Bz2vyHqK.cjs.map → component.styles-sTbPcfTb.cjs.map} +1 -1
- package/build/component.types-DSAfJbbs.js +910 -0
- package/build/component.types-DSAfJbbs.js.map +1 -0
- package/build/component.types-DuE80PmF.cjs +164 -0
- package/build/component.types-DuE80PmF.cjs.map +1 -0
- package/build/context-sonner.cjs.js +1 -1
- package/build/context-sonner.es.js +1 -1
- package/build/{context.constants-BAz35AJw.js → context.constants-B9I-yc9Q.js} +3 -3
- package/build/{context.constants-BAz35AJw.js.map → context.constants-B9I-yc9Q.js.map} +1 -1
- package/build/{context.constants-fwK8ogSf.cjs → context.constants-DkMk-pc7.cjs} +2 -2
- package/build/{context.constants-fwK8ogSf.cjs.map → context.constants-DkMk-pc7.cjs.map} +1 -1
- package/build/index.cjs.js +1 -1
- package/build/index.d.ts +83 -61
- package/build/index.es.js +34 -35
- package/build/{style-DjCgiI7l.js → style-Dca2udON.js} +2 -2
- package/build/{style-DjCgiI7l.js.map → style-Dca2udON.js.map} +1 -1
- package/build/{style-eIuUYu9x.cjs → style-DmwoOdFB.cjs} +2 -2
- package/build/{style-eIuUYu9x.cjs.map → style-DmwoOdFB.cjs.map} +1 -1
- package/build/style-error.cjs.js +1 -1
- package/build/style-error.es.js +1 -1
- package/build/{use-BnaBipTR.cjs → use-Deto6eH3.cjs} +2 -2
- package/build/{use-BnaBipTR.cjs.map → use-Deto6eH3.cjs.map} +1 -1
- package/build/{use-B6rT81uF.js → use-JiiFbVer.js} +3 -3
- package/build/{use-B6rT81uF.js.map → use-JiiFbVer.js.map} +1 -1
- package/package.json +1 -1
- package/build/component.styles-CvJK1eif.cjs.map +0 -1
- package/build/component.styles-DCDOKa6e.js +0 -793
- package/build/component.styles-DCDOKa6e.js.map +0 -1
- package/build/component.styles-DTC9tjQX.cjs +0 -165
- package/build/component.styles-DTC9tjQX.cjs.map +0 -1
- package/build/component.styles-DqTkSP8L.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.constants-BAz35AJw.js","sources":["../src/contexts/context-sonner/context.tsx","../src/contexts/context-sonner/context.hooks.ts","../src/contexts/context-sonner/context.styles.tsx","../src/contexts/context-sonner/context.constants.ts"],"sourcesContent":["import { AnimatePresence, motion } from 'framer-motion'\nimport { FC, createContext, memo, useCallback, useMemo, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { Button } from '@local/components/button'\nimport { Icon } from '@local/components/icon'\n\nimport {\n DEFAULT_PROVIDER_SONNER_BUTTON,\n DEFAULT_PROVIDER_SONNER_DURATION,\n DEFAULT_PROVIDER_SONNER_GENRE,\n DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM,\n DEFAULT_PROVIDER_SONNER_SCALE,\n DEFAULT_PROVIDER_SONNER_Y,\n DEFAULT_PROVIDER_SONNER_Z_INDEX,\n ProviderSonnerProps,\n SonnerButtonWrapper,\n SonnerContent,\n SonnerContentDescription,\n SonnerContentProps,\n SonnerContentStandardProps,\n SonnerContentTitle,\n SonnerContextProps,\n SonnerElementProps,\n SonnerElementWrapper,\n SonnerIcon,\n SonnerLayout\n} from '.'\n\nexport const SonnerContext = createContext<SonnerContextProps | null>(null)\n\nexport const ProviderSonner: FC<ProviderSonnerProps> = props => {\n const memoVisibleToasts: ProviderSonnerProps['visibleToasts'] = useMemo(\n () => props.visibleToasts,\n [props.visibleToasts]\n )\n const memoDefaultDescription: ProviderSonnerProps['default']['description'] = useMemo(\n () => props?.default?.description,\n [props?.default?.description]\n )\n const memoDefaultTitle: ProviderSonnerProps['default']['title'] = useMemo(\n () => props?.default?.title,\n [props?.default?.title]\n )\n const memoDefaultButton: ProviderSonnerProps['default']['button'] = useMemo(\n () => props?.default?.button,\n [props?.default?.button]\n )\n const memoDefaultHidingTime: ProviderSonnerProps['default']['hidingTime'] = useMemo(\n () => props?.default?.hidingTime,\n [props?.default?.hidingTime]\n )\n const memoDefaultHidingMode: ProviderSonnerProps['default']['hidingMode'] = useMemo(\n () => props?.default?.hidingMode ?? 'clickOnButton',\n [props?.default?.hidingMode]\n )\n const memoDefaultGenre = useMemo(\n () => props?.default?.genre ?? DEFAULT_PROVIDER_SONNER_GENRE,\n [props?.default?.genre]\n )\n\n const isTop = useMemo(() => props.position.includes('top'), [props.position])\n\n const [contentHistory, setContentHistory] = useState<SonnerContentProps[]>([])\n\n const [isHovered, setIsHovered] = useState(false)\n\n const handleMouseEnter = useCallback(() => {\n setIsHovered(true)\n }, [])\n\n const handleMouseLeave = useCallback(() => {\n setIsHovered(false)\n }, [])\n\n const remove: SonnerContextProps['remove'] = useCallback(\n id => {\n setContentHistory(prev => {\n const itemToRemove = prev.find(item => item.id === id)\n\n if (!itemToRemove) return prev\n\n const indexToRemove = itemToRemove.index\n\n const updatedHistory = prev\n .filter(item => item.id !== id)\n .map(item => ({\n ...item,\n index: item.index > indexToRemove ? item.index - 1 : item.index\n }))\n\n if (updatedHistory.length === 0) handleMouseLeave()\n\n return updatedHistory\n })\n },\n [handleMouseLeave]\n )\n\n const toast: SonnerContextProps['toast'] = useCallback(\n content => {\n const id = content.id ?? uuidv4()\n\n const hidingTime = content.hidingTime ?? memoDefaultHidingTime\n\n setContentHistory(prev => {\n const existingIndex = prev.findIndex(item => item.id === id)\n\n let updatedHistory\n if (existingIndex !== -1) {\n // Replace existing item\n updatedHistory = [...prev]\n updatedHistory[existingIndex] = { ...content, id, index: prev[existingIndex].index }\n } else {\n // Add new item\n updatedHistory = prev.map(item => ({\n ...item,\n index: item.index + 1\n }))\n const newContent = { ...content, id, index: 0 }\n updatedHistory.unshift(newContent)\n }\n\n return updatedHistory\n })\n\n if (hidingTime !== undefined) {\n setTimeout(() => {\n remove(id)\n }, hidingTime)\n }\n },\n [memoDefaultHidingTime, remove]\n )\n const promise: SonnerContextProps['promise'] = useCallback(\n <T,>(\n promise: Promise<T>,\n expectation: Omit<SonnerContentProps, 'index'>,\n localToast: (success: T | undefined, error: unknown | undefined) => Omit<SonnerContentProps, 'index'>\n ) => {\n const id = uuidv4()\n toast({ ...expectation, id, isLoading: true })\n\n return promise\n .then(result => {\n toast({ ...localToast(result, undefined), id })\n })\n .catch(error => {\n toast({ ...localToast(undefined, error), id })\n })\n },\n [toast]\n )\n const handleOnClick = useCallback(\n (id: SonnerContentStandardProps['id']) => {\n remove(id)\n },\n [remove]\n )\n const theme = useTheme()\n return (\n <SonnerContext.Provider value={{ toast, promise, remove, contentHistory }}>\n <SonnerLayout\n $zIndex={props.zIndex ?? DEFAULT_PROVIDER_SONNER_Z_INDEX}\n $position={props.position}\n $gap={props.gap}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n <AnimatePresence>\n {contentHistory.map(content => {\n const index = content.index\n const isMoreThanLastViewIndexPlusOne = memoVisibleToasts ? index > memoVisibleToasts : false\n const isMoreThanLastViewIndex = memoVisibleToasts ? index > memoVisibleToasts - 1 : false\n const isLastViewIndex = memoVisibleToasts ? index == memoVisibleToasts - 1 : false\n const localGenre = content.genre ?? memoDefaultGenre\n const buttonGenre = theme.colors.sonner[localGenre].button.genre\n const hidingMode = content.hidingMode ?? memoDefaultHidingMode\n\n const localContent = 'content' in content ? content.content : false\n const localTitle = 'title' in content ? content.title : false\n const localDescription = 'description' in content ? content.description : false\n return (\n <MemoizedSonnerElement\n isMoreThanLastViewIndexPlusOne={isMoreThanLastViewIndexPlusOne}\n isMoreThanLastViewIndex={isMoreThanLastViewIndex}\n isLastViewIndex={isLastViewIndex}\n isTop={isTop}\n key={content.id}\n id={content.id}\n icon={content.icon}\n isLoading={content.isLoading}\n index={index}\n buttonGenre={buttonGenre}\n hidingMode={hidingMode}\n isHovered={isHovered}\n genre={localGenre}\n content={localContent}\n title={localTitle || memoDefaultTitle}\n description={localDescription || memoDefaultDescription}\n button={content.button ?? memoDefaultButton ?? DEFAULT_PROVIDER_SONNER_BUTTON}\n handleOnClick={handleOnClick}\n />\n )\n })}\n </AnimatePresence>\n </SonnerLayout>\n {props.children}\n </SonnerContext.Provider>\n )\n}\n\nconst SonnerElement = (props: SonnerElementProps) => {\n return (\n <motion.div\n key={props.id}\n layout\n initial={{\n opacity: 0,\n scale: 1,\n y: props.isLastViewIndex\n ? !props.isTop\n ? -DEFAULT_PROVIDER_SONNER_Y\n : DEFAULT_PROVIDER_SONNER_Y\n : !props.isTop\n ? DEFAULT_PROVIDER_SONNER_Y\n : -DEFAULT_PROVIDER_SONNER_Y\n }}\n animate={{\n y: 0,\n opacity: props.isMoreThanLastViewIndex ? 0 : 1,\n pointerEvents: props.isMoreThanLastViewIndex ? 'none' : 'auto',\n display: props.isMoreThanLastViewIndex ? 'none' : 'flex',\n scale: !props.isHovered ? 1 - props.index * DEFAULT_PROVIDER_SONNER_SCALE : 1,\n marginTop: props.isTop\n ? props.isHovered || props.index === 0\n ? `0px`\n : `-${DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM}px`\n : '0px',\n marginBottom: !props.isTop\n ? props.isHovered || props.index === 0\n ? `0px`\n : `-${DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM}px`\n : '0px'\n }}\n style={{\n zIndex: -props.index\n }}\n whileInView={{ opacity: props.isMoreThanLastViewIndex ? 0 : 1 }}\n exit={{ opacity: 0, y: !props.isTop ? DEFAULT_PROVIDER_SONNER_Y : -DEFAULT_PROVIDER_SONNER_Y }}\n transition={{ type: 'spring', duration: DEFAULT_PROVIDER_SONNER_DURATION }}\n >\n <SonnerElementWrapper\n $genre={props.genre}\n onClick={() => props.hidingMode === 'clickOnSonner' && props.handleOnClick(props.id, 'clickOnSonner')}\n >\n {(props.isLoading || props.icon) && (\n <SonnerIcon>\n {props.isLoading ? (\n <Icon size=\"medium\" type=\"loading\" name=\"Line\" />\n ) : (\n props.icon && <Icon name={props.icon} type=\"id\" size={'medium'} />\n )}\n </SonnerIcon>\n )}\n <SonnerContent>\n {props.content ? (\n props.content\n ) : (\n <>\n {props.title && <SonnerContentTitle $genre={props.genre}>{props.title}</SonnerContentTitle>}\n {props.description && (\n <SonnerContentDescription $genre={props.genre}>{props.description}</SonnerContentDescription>\n )}\n </>\n )}\n </SonnerContent>\n\n {props.button && props.button.content && (\n <SonnerButtonWrapper>\n <Button\n genre={props.buttonGenre}\n size=\"small\"\n onClick={() => props.hidingMode === 'clickOnButton' && props.handleOnClick(props.id, 'clickOnButton')}\n >\n {props.button.content}\n </Button>\n </SonnerButtonWrapper>\n )}\n </SonnerElementWrapper>\n </motion.div>\n )\n}\nconst MemoizedSonnerElement = memo(SonnerElement)\n","import { useContext } from 'react'\n\nimport { SonnerContext, SonnerContextProps } from '.'\n\nexport const useSonner = (): SonnerContextProps => {\n const context = useContext(SonnerContext)\n if (!context) {\n throw new Error('useSonner must be used within an ProviderSonner')\n }\n return context\n}\n","import styled, { css } from 'styled-components'\n\nimport { getFontSizeStyles } from '@local/components/typography'\nimport { addRemoveScrollbar, addTransition } from '@local/styles/add'\n\nimport { SonnerContentDescriptionProps, SonnerContentTitleProps, SonnerElementWrapperProps, SonnerLayoutProps } from '.'\n\nexport const SonnerLayout = styled.div<SonnerLayoutProps>`\n position: fixed;\n z-index: ${props => props.$zIndex};\n max-height: calc(100dvh - 20px);\n width: 320px;\n display: flex;\n margin: 10px;\n gap: ${props => props.$gap}px;\n box-sizing: content-box;\n overflow-y: visible;\n overflow-x: visible;\n ${addRemoveScrollbar}\n ${props =>\n props.$position === 'bottom-center'\n ? css`\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n justify-content: flex-start;\n flex-direction: column-reverse;\n `\n : props.$position === 'bottom-left'\n ? css`\n left: 0;\n bottom: 0;\n justify-content: flex-start;\n flex-direction: column-reverse;\n `\n : props.$position === 'bottom-right'\n ? css`\n right: 0;\n bottom: 0;\n justify-content: flex-start;\n flex-direction: column-reverse;\n `\n : props.$position === 'top-right'\n ? css`\n top: 0;\n right: 0;\n justify-content: flex-end;\n flex-direction: column;\n `\n : props.$position === 'top-left'\n ? css`\n top: 0;\n left: 0;\n justify-content: flex-end;\n flex-direction: column;\n `\n : props.$position === 'top-center'\n ? css`\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n justify-content: flex-end;\n flex-direction: column;\n `\n : css``}\n`\n\nexport const SonnerElementWrapper = styled.div<SonnerElementWrapperProps>`\n background: ${props => props.theme.colors.sonner[props.$genre].wrapper.background};\n color: ${props => props.theme.colors.sonner[props.$genre].icon.color};\n border-radius: 12px;\n border-style: solid;\n border-color: ${props => props.theme.colors.sonner[props.$genre].wrapper.borderColor};\n border-width: 1px;\n padding: 16px 20px 16px 20px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n flex-shrink: 1;\n min-width: 320px;\n min-height: 64px;\n transform-origin: center center;\n box-shadow: ${props => props.theme.colors.sonner[props.$genre].wrapper.boxShadow};\n overflow: visible;\n &:hover {\n box-shadow: ${props => props.theme.colors.sonner[props.$genre].wrapper.boxShadowHover};\n }\n ${addTransition};\n`\nexport const SonnerContent = styled.div`\n display: flex;\n flex-direction: column;\n gap: 2px;\n align-items: flex-start;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n flex: 1;\n position: relative;\n overflow: hidden;\n`\nexport const SonnerIcon = styled.div`\n display: contents;\n`\nexport const SonnerContentTitle = styled.div<SonnerContentTitleProps>`\n ${props => getFontSizeStyles(14, 700, props.theme.font.family)}\n color: ${props => props.theme.colors.sonner[props.$genre].title.color};\n text-align: left;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n`\nexport const SonnerContentDescription = styled.div<SonnerContentDescriptionProps>`\n ${props => getFontSizeStyles(12, 400, props.theme.font.family)}\n color:${props => props.theme.colors.sonner[props.$genre].description.color};\n text-align: left;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n`\nexport const SonnerButtonWrapper = styled.div``\n","import { ITheme } from '@local/theme'\n\nimport { ProviderSonnerProps } from '.'\n\nexport const DEFAULT_PROVIDER_SONNER_Z_INDEX = 100\nexport const DEFAULT_PROVIDER_SONNER_SCALE = 0.04\nexport const DEFAULT_PROVIDER_SONNER_Y = 100\nexport const DEFAULT_PROVIDER_SONNER_DURATION = 0.3\nexport const DEFAULT_PROVIDER_SONNER_GENRE: keyof ITheme['colors']['sonner'] = 'black'\nexport const DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM = 60\nexport const DEFAULT_PROVIDER_SONNER_BUTTON: ProviderSonnerProps['default']['button'] = {\n content: 'Undo',\n onClick: () => {}\n}\n"],"names":["_a","uuidv4","promise","jsxs","jsx","Fragment"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"context.constants-B9I-yc9Q.js","sources":["../src/contexts/context-sonner/context.tsx","../src/contexts/context-sonner/context.hooks.ts","../src/contexts/context-sonner/context.styles.tsx","../src/contexts/context-sonner/context.constants.ts"],"sourcesContent":["import { AnimatePresence, motion } from 'framer-motion'\nimport { FC, createContext, memo, useCallback, useMemo, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { Button } from '@local/components/button'\nimport { Icon } from '@local/components/icon'\n\nimport {\n DEFAULT_PROVIDER_SONNER_BUTTON,\n DEFAULT_PROVIDER_SONNER_DURATION,\n DEFAULT_PROVIDER_SONNER_GENRE,\n DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM,\n DEFAULT_PROVIDER_SONNER_SCALE,\n DEFAULT_PROVIDER_SONNER_Y,\n DEFAULT_PROVIDER_SONNER_Z_INDEX,\n ProviderSonnerProps,\n SonnerButtonWrapper,\n SonnerContent,\n SonnerContentDescription,\n SonnerContentProps,\n SonnerContentStandardProps,\n SonnerContentTitle,\n SonnerContextProps,\n SonnerElementProps,\n SonnerElementWrapper,\n SonnerIcon,\n SonnerLayout\n} from '.'\n\nexport const SonnerContext = createContext<SonnerContextProps | null>(null)\n\nexport const ProviderSonner: FC<ProviderSonnerProps> = props => {\n const memoVisibleToasts: ProviderSonnerProps['visibleToasts'] = useMemo(\n () => props.visibleToasts,\n [props.visibleToasts]\n )\n const memoDefaultDescription: ProviderSonnerProps['default']['description'] = useMemo(\n () => props?.default?.description,\n [props?.default?.description]\n )\n const memoDefaultTitle: ProviderSonnerProps['default']['title'] = useMemo(\n () => props?.default?.title,\n [props?.default?.title]\n )\n const memoDefaultButton: ProviderSonnerProps['default']['button'] = useMemo(\n () => props?.default?.button,\n [props?.default?.button]\n )\n const memoDefaultHidingTime: ProviderSonnerProps['default']['hidingTime'] = useMemo(\n () => props?.default?.hidingTime,\n [props?.default?.hidingTime]\n )\n const memoDefaultHidingMode: ProviderSonnerProps['default']['hidingMode'] = useMemo(\n () => props?.default?.hidingMode ?? 'clickOnButton',\n [props?.default?.hidingMode]\n )\n const memoDefaultGenre = useMemo(\n () => props?.default?.genre ?? DEFAULT_PROVIDER_SONNER_GENRE,\n [props?.default?.genre]\n )\n\n const isTop = useMemo(() => props.position.includes('top'), [props.position])\n\n const [contentHistory, setContentHistory] = useState<SonnerContentProps[]>([])\n\n const [isHovered, setIsHovered] = useState(false)\n\n const handleMouseEnter = useCallback(() => {\n setIsHovered(true)\n }, [])\n\n const handleMouseLeave = useCallback(() => {\n setIsHovered(false)\n }, [])\n\n const remove: SonnerContextProps['remove'] = useCallback(\n id => {\n setContentHistory(prev => {\n const itemToRemove = prev.find(item => item.id === id)\n\n if (!itemToRemove) return prev\n\n const indexToRemove = itemToRemove.index\n\n const updatedHistory = prev\n .filter(item => item.id !== id)\n .map(item => ({\n ...item,\n index: item.index > indexToRemove ? item.index - 1 : item.index\n }))\n\n if (updatedHistory.length === 0) handleMouseLeave()\n\n return updatedHistory\n })\n },\n [handleMouseLeave]\n )\n\n const toast: SonnerContextProps['toast'] = useCallback(\n content => {\n const id = content.id ?? uuidv4()\n\n const hidingTime = content.hidingTime ?? memoDefaultHidingTime\n\n setContentHistory(prev => {\n const existingIndex = prev.findIndex(item => item.id === id)\n\n let updatedHistory\n if (existingIndex !== -1) {\n // Replace existing item\n updatedHistory = [...prev]\n updatedHistory[existingIndex] = { ...content, id, index: prev[existingIndex].index }\n } else {\n // Add new item\n updatedHistory = prev.map(item => ({\n ...item,\n index: item.index + 1\n }))\n const newContent = { ...content, id, index: 0 }\n updatedHistory.unshift(newContent)\n }\n\n return updatedHistory\n })\n\n if (hidingTime !== undefined) {\n setTimeout(() => {\n remove(id)\n }, hidingTime)\n }\n },\n [memoDefaultHidingTime, remove]\n )\n const promise: SonnerContextProps['promise'] = useCallback(\n <T,>(\n promise: Promise<T>,\n expectation: Omit<SonnerContentProps, 'index'>,\n localToast: (success: T | undefined, error: unknown | undefined) => Omit<SonnerContentProps, 'index'>\n ) => {\n const id = uuidv4()\n toast({ ...expectation, id, isLoading: true })\n\n return promise\n .then(result => {\n toast({ ...localToast(result, undefined), id })\n })\n .catch(error => {\n toast({ ...localToast(undefined, error), id })\n })\n },\n [toast]\n )\n const handleOnClick = useCallback(\n (id: SonnerContentStandardProps['id']) => {\n remove(id)\n },\n [remove]\n )\n const theme = useTheme()\n return (\n <SonnerContext.Provider value={{ toast, promise, remove, contentHistory }}>\n <SonnerLayout\n $zIndex={props.zIndex ?? DEFAULT_PROVIDER_SONNER_Z_INDEX}\n $position={props.position}\n $gap={props.gap}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n <AnimatePresence>\n {contentHistory.map(content => {\n const index = content.index\n const isMoreThanLastViewIndexPlusOne = memoVisibleToasts ? index > memoVisibleToasts : false\n const isMoreThanLastViewIndex = memoVisibleToasts ? index > memoVisibleToasts - 1 : false\n const isLastViewIndex = memoVisibleToasts ? index == memoVisibleToasts - 1 : false\n const localGenre = content.genre ?? memoDefaultGenre\n const buttonGenre = theme.colors.sonner[localGenre].button.genre\n const hidingMode = content.hidingMode ?? memoDefaultHidingMode\n\n const localContent = 'content' in content ? content.content : false\n const localTitle = 'title' in content ? content.title : false\n const localDescription = 'description' in content ? content.description : false\n return (\n <MemoizedSonnerElement\n isMoreThanLastViewIndexPlusOne={isMoreThanLastViewIndexPlusOne}\n isMoreThanLastViewIndex={isMoreThanLastViewIndex}\n isLastViewIndex={isLastViewIndex}\n isTop={isTop}\n key={content.id}\n id={content.id}\n icon={content.icon}\n isLoading={content.isLoading}\n index={index}\n buttonGenre={buttonGenre}\n hidingMode={hidingMode}\n isHovered={isHovered}\n genre={localGenre}\n content={localContent}\n title={localTitle || memoDefaultTitle}\n description={localDescription || memoDefaultDescription}\n button={content.button ?? memoDefaultButton ?? DEFAULT_PROVIDER_SONNER_BUTTON}\n handleOnClick={handleOnClick}\n />\n )\n })}\n </AnimatePresence>\n </SonnerLayout>\n {props.children}\n </SonnerContext.Provider>\n )\n}\n\nconst SonnerElement = (props: SonnerElementProps) => {\n return (\n <motion.div\n key={props.id}\n layout\n initial={{\n opacity: 0,\n scale: 1,\n y: props.isLastViewIndex\n ? !props.isTop\n ? -DEFAULT_PROVIDER_SONNER_Y\n : DEFAULT_PROVIDER_SONNER_Y\n : !props.isTop\n ? DEFAULT_PROVIDER_SONNER_Y\n : -DEFAULT_PROVIDER_SONNER_Y\n }}\n animate={{\n y: 0,\n opacity: props.isMoreThanLastViewIndex ? 0 : 1,\n pointerEvents: props.isMoreThanLastViewIndex ? 'none' : 'auto',\n display: props.isMoreThanLastViewIndex ? 'none' : 'flex',\n scale: !props.isHovered ? 1 - props.index * DEFAULT_PROVIDER_SONNER_SCALE : 1,\n marginTop: props.isTop\n ? props.isHovered || props.index === 0\n ? `0px`\n : `-${DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM}px`\n : '0px',\n marginBottom: !props.isTop\n ? props.isHovered || props.index === 0\n ? `0px`\n : `-${DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM}px`\n : '0px'\n }}\n style={{\n zIndex: -props.index\n }}\n whileInView={{ opacity: props.isMoreThanLastViewIndex ? 0 : 1 }}\n exit={{ opacity: 0, y: !props.isTop ? DEFAULT_PROVIDER_SONNER_Y : -DEFAULT_PROVIDER_SONNER_Y }}\n transition={{ type: 'spring', duration: DEFAULT_PROVIDER_SONNER_DURATION }}\n >\n <SonnerElementWrapper\n $genre={props.genre}\n onClick={() => props.hidingMode === 'clickOnSonner' && props.handleOnClick(props.id, 'clickOnSonner')}\n >\n {(props.isLoading || props.icon) && (\n <SonnerIcon>\n {props.isLoading ? (\n <Icon size=\"medium\" type=\"loading\" name=\"Line\" />\n ) : (\n props.icon && <Icon name={props.icon} type=\"id\" size={'medium'} />\n )}\n </SonnerIcon>\n )}\n <SonnerContent>\n {props.content ? (\n props.content\n ) : (\n <>\n {props.title && <SonnerContentTitle $genre={props.genre}>{props.title}</SonnerContentTitle>}\n {props.description && (\n <SonnerContentDescription $genre={props.genre}>{props.description}</SonnerContentDescription>\n )}\n </>\n )}\n </SonnerContent>\n\n {props.button && props.button.content && (\n <SonnerButtonWrapper>\n <Button\n genre={props.buttonGenre}\n size=\"small\"\n onClick={() => props.hidingMode === 'clickOnButton' && props.handleOnClick(props.id, 'clickOnButton')}\n >\n {props.button.content}\n </Button>\n </SonnerButtonWrapper>\n )}\n </SonnerElementWrapper>\n </motion.div>\n )\n}\nconst MemoizedSonnerElement = memo(SonnerElement)\n","import { useContext } from 'react'\n\nimport { SonnerContext, SonnerContextProps } from '.'\n\nexport const useSonner = (): SonnerContextProps => {\n const context = useContext(SonnerContext)\n if (!context) {\n throw new Error('useSonner must be used within an ProviderSonner')\n }\n return context\n}\n","import styled, { css } from 'styled-components'\n\nimport { getFontSizeStyles } from '@local/components/typography'\nimport { addRemoveScrollbar, addTransition } from '@local/styles/add'\n\nimport { SonnerContentDescriptionProps, SonnerContentTitleProps, SonnerElementWrapperProps, SonnerLayoutProps } from '.'\n\nexport const SonnerLayout = styled.div<SonnerLayoutProps>`\n position: fixed;\n z-index: ${props => props.$zIndex};\n max-height: calc(100dvh - 20px);\n width: 320px;\n display: flex;\n margin: 10px;\n gap: ${props => props.$gap}px;\n box-sizing: content-box;\n overflow-y: visible;\n overflow-x: visible;\n ${addRemoveScrollbar}\n ${props =>\n props.$position === 'bottom-center'\n ? css`\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n justify-content: flex-start;\n flex-direction: column-reverse;\n `\n : props.$position === 'bottom-left'\n ? css`\n left: 0;\n bottom: 0;\n justify-content: flex-start;\n flex-direction: column-reverse;\n `\n : props.$position === 'bottom-right'\n ? css`\n right: 0;\n bottom: 0;\n justify-content: flex-start;\n flex-direction: column-reverse;\n `\n : props.$position === 'top-right'\n ? css`\n top: 0;\n right: 0;\n justify-content: flex-end;\n flex-direction: column;\n `\n : props.$position === 'top-left'\n ? css`\n top: 0;\n left: 0;\n justify-content: flex-end;\n flex-direction: column;\n `\n : props.$position === 'top-center'\n ? css`\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n justify-content: flex-end;\n flex-direction: column;\n `\n : css``}\n`\n\nexport const SonnerElementWrapper = styled.div<SonnerElementWrapperProps>`\n background: ${props => props.theme.colors.sonner[props.$genre].wrapper.background};\n color: ${props => props.theme.colors.sonner[props.$genre].icon.color};\n border-radius: 12px;\n border-style: solid;\n border-color: ${props => props.theme.colors.sonner[props.$genre].wrapper.borderColor};\n border-width: 1px;\n padding: 16px 20px 16px 20px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n flex-shrink: 1;\n min-width: 320px;\n min-height: 64px;\n transform-origin: center center;\n box-shadow: ${props => props.theme.colors.sonner[props.$genre].wrapper.boxShadow};\n overflow: visible;\n &:hover {\n box-shadow: ${props => props.theme.colors.sonner[props.$genre].wrapper.boxShadowHover};\n }\n ${addTransition};\n`\nexport const SonnerContent = styled.div`\n display: flex;\n flex-direction: column;\n gap: 2px;\n align-items: flex-start;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n flex: 1;\n position: relative;\n overflow: hidden;\n`\nexport const SonnerIcon = styled.div`\n display: contents;\n`\nexport const SonnerContentTitle = styled.div<SonnerContentTitleProps>`\n ${props => getFontSizeStyles(14, 700, props.theme.font.family)}\n color: ${props => props.theme.colors.sonner[props.$genre].title.color};\n text-align: left;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n`\nexport const SonnerContentDescription = styled.div<SonnerContentDescriptionProps>`\n ${props => getFontSizeStyles(12, 400, props.theme.font.family)}\n color:${props => props.theme.colors.sonner[props.$genre].description.color};\n text-align: left;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n`\nexport const SonnerButtonWrapper = styled.div``\n","import { ITheme } from '@local/theme'\n\nimport { ProviderSonnerProps } from '.'\n\nexport const DEFAULT_PROVIDER_SONNER_Z_INDEX = 100\nexport const DEFAULT_PROVIDER_SONNER_SCALE = 0.04\nexport const DEFAULT_PROVIDER_SONNER_Y = 100\nexport const DEFAULT_PROVIDER_SONNER_DURATION = 0.3\nexport const DEFAULT_PROVIDER_SONNER_GENRE: keyof ITheme['colors']['sonner'] = 'black'\nexport const DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM = 60\nexport const DEFAULT_PROVIDER_SONNER_BUTTON: ProviderSonnerProps['default']['button'] = {\n content: 'Undo',\n onClick: () => {}\n}\n"],"names":["_a","uuidv4","promise","jsxs","jsx","Fragment"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const e=require("react"),n=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("framer-motion"),i=require("styled-components"),o=require("uuid"),r=require("./component-
|
|
1
|
+
"use strict";const e=require("react"),n=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("framer-motion"),i=require("styled-components"),o=require("uuid"),r=require("./component-Dw21Chky.cjs"),s=require("./component.styles-B-ZAk_1C.cjs"),l=require("./component-BfsH0boq.cjs"),d=require("./style-f3_KtJIt.cjs"),c=e.createContext(null),x=e.memo(e=>n.jsxRuntimeExports.jsx(t.motion.div,{layout:!0,initial:{opacity:0,scale:1,y:e.isLastViewIndex?e.isTop?E:-E:e.isTop?-E:E},animate:{y:0,opacity:e.isMoreThanLastViewIndex?0:1,pointerEvents:e.isMoreThanLastViewIndex?"none":"auto",display:e.isMoreThanLastViewIndex?"none":"flex",scale:e.isHovered?1:1-e.index*j,marginTop:e.isTop?e.isHovered||0===e.index?"0px":`-${y}px`:"0px",marginBottom:e.isTop||e.isHovered||0===e.index?"0px":`-${y}px`},style:{zIndex:-e.index},whileInView:{opacity:e.isMoreThanLastViewIndex?0:1},exit:{opacity:0,y:e.isTop?-E:E},transition:{type:"spring",duration:b},children:n.jsxRuntimeExports.jsxs(u,{$genre:e.genre,onClick:()=>"clickOnSonner"===e.hidingMode&&e.handleOnClick(e.id,"clickOnSonner"),children:[(e.isLoading||e.icon)&&n.jsxRuntimeExports.jsx(m,{children:e.isLoading?n.jsxRuntimeExports.jsx(s.Icon,{size:"medium",type:"loading",name:"Line"}):e.icon&&n.jsxRuntimeExports.jsx(s.Icon,{name:e.icon,type:"id",size:"medium"})}),n.jsxRuntimeExports.jsx(p,{children:e.content?e.content:n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[e.title&&n.jsxRuntimeExports.jsx(f,{$genre:e.genre,children:e.title}),e.description&&n.jsxRuntimeExports.jsx(v,{$genre:e.genre,children:e.description})]})}),e.button&&e.button.content&&n.jsxRuntimeExports.jsx(h,{children:n.jsxRuntimeExports.jsx(r.Button,{genre:e.buttonGenre,size:"small",onClick:()=>"clickOnButton"===e.hidingMode&&e.handleOnClick(e.id,"clickOnButton"),children:e.button.content})})]})},e.id)),a=i.div`
|
|
2
2
|
position: fixed;
|
|
3
3
|
z-index: ${e=>e.$zIndex};
|
|
4
4
|
max-height: calc(100dvh - 20px);
|
|
@@ -97,4 +97,4 @@
|
|
|
97
97
|
align-items: center;
|
|
98
98
|
justify-content: flex-start;
|
|
99
99
|
`,h=i.div``,g=100,j=.04,E=100,b=.3,R="black",y=60,$={content:"Undo",onClick:()=>{}};exports.DEFAULT_PROVIDER_SONNER_BUTTON=$,exports.DEFAULT_PROVIDER_SONNER_DURATION=b,exports.DEFAULT_PROVIDER_SONNER_GENRE=R,exports.DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM=y,exports.DEFAULT_PROVIDER_SONNER_SCALE=j,exports.DEFAULT_PROVIDER_SONNER_Y=E,exports.DEFAULT_PROVIDER_SONNER_Z_INDEX=g,exports.ProviderSonner=r=>{var s,l,d,u,p,m;const f=e.useMemo(()=>r.visibleToasts,[r.visibleToasts]),v=e.useMemo(()=>{var e;return null==(e=null==r?void 0:r.default)?void 0:e.description},[null==(s=null==r?void 0:r.default)?void 0:s.description]),h=e.useMemo(()=>{var e;return null==(e=null==r?void 0:r.default)?void 0:e.title},[null==(l=null==r?void 0:r.default)?void 0:l.title]),j=e.useMemo(()=>{var e;return null==(e=null==r?void 0:r.default)?void 0:e.button},[null==(d=null==r?void 0:r.default)?void 0:d.button]),E=e.useMemo(()=>{var e;return null==(e=null==r?void 0:r.default)?void 0:e.hidingTime},[null==(u=null==r?void 0:r.default)?void 0:u.hidingTime]),b=e.useMemo(()=>{var e;return(null==(e=null==r?void 0:r.default)?void 0:e.hidingMode)??"clickOnButton"},[null==(p=null==r?void 0:r.default)?void 0:p.hidingMode]),y=e.useMemo(()=>{var e;return(null==(e=null==r?void 0:r.default)?void 0:e.genre)??R},[null==(m=null==r?void 0:r.default)?void 0:m.genre]),T=e.useMemo(()=>r.position.includes("top"),[r.position]),[S,w]=e.useState([]),[I,O]=e.useState(!1),L=e.useCallback(()=>{O(!0)},[]),M=e.useCallback(()=>{O(!1)},[]),k=e.useCallback(e=>{w(n=>{const t=n.find(n=>n.id===e);if(!t)return n;const i=t.index,o=n.filter(n=>n.id!==e).map(e=>({...e,index:e.index>i?e.index-1:e.index}));return 0===o.length&&M(),o})},[M]),_=e.useCallback(e=>{const n=e.id??o.v4(),t=e.hidingTime??E;w(t=>{const i=t.findIndex(e=>e.id===n);let o;if(-1!==i)o=[...t],o[i]={...e,id:n,index:t[i].index};else{o=t.map(e=>({...e,index:e.index+1}));const i={...e,id:n,index:0};o.unshift(i)}return o}),void 0!==t&&setTimeout(()=>{k(n)},t)},[E,k]),C=e.useCallback((e,n,t)=>{const i=o.v4();return _({...n,id:i,isLoading:!0}),e.then(e=>{_({...t(e,void 0),id:i})}).catch(e=>{_({...t(void 0,e),id:i})})},[_]),N=e.useCallback(e=>{k(e)},[k]),D=i.useTheme();return n.jsxRuntimeExports.jsxs(c.Provider,{value:{toast:_,promise:C,remove:k,contentHistory:S},children:[n.jsxRuntimeExports.jsx(a,{$zIndex:r.zIndex??g,$position:r.position,$gap:r.gap,onMouseEnter:L,onMouseLeave:M,children:n.jsxRuntimeExports.jsx(t.AnimatePresence,{children:S.map(e=>{const t=e.index,i=!!f&&t>f,o=!!f&&t>f-1,r=!!f&&t==f-1,s=e.genre??y,l=D.colors.sonner[s].button.genre,d=e.hidingMode??b,c="content"in e&&e.content,a="title"in e&&e.title,u="description"in e&&e.description;return n.jsxRuntimeExports.jsx(x,{isMoreThanLastViewIndexPlusOne:i,isMoreThanLastViewIndex:o,isLastViewIndex:r,isTop:T,id:e.id,icon:e.icon,isLoading:e.isLoading,index:t,buttonGenre:l,hidingMode:d,isHovered:I,genre:s,content:c,title:a||h,description:u||v,button:e.button??j??$,handleOnClick:N},e.id)})})}),r.children]})},exports.SonnerButtonWrapper=h,exports.SonnerContent=p,exports.SonnerContentDescription=v,exports.SonnerContentTitle=f,exports.SonnerContext=c,exports.SonnerElementWrapper=u,exports.SonnerIcon=m,exports.SonnerLayout=a,exports.useSonner=()=>{const n=e.useContext(c);if(!n)throw new Error("useSonner must be used within an ProviderSonner");return n};
|
|
100
|
-
//# sourceMappingURL=context.constants-
|
|
100
|
+
//# sourceMappingURL=context.constants-DkMk-pc7.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.constants-fwK8ogSf.cjs","sources":["../src/contexts/context-sonner/context.tsx","../src/contexts/context-sonner/context.styles.tsx","../src/contexts/context-sonner/context.constants.ts","../src/contexts/context-sonner/context.hooks.ts"],"sourcesContent":["import { AnimatePresence, motion } from 'framer-motion'\nimport { FC, createContext, memo, useCallback, useMemo, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { Button } from '@local/components/button'\nimport { Icon } from '@local/components/icon'\n\nimport {\n DEFAULT_PROVIDER_SONNER_BUTTON,\n DEFAULT_PROVIDER_SONNER_DURATION,\n DEFAULT_PROVIDER_SONNER_GENRE,\n DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM,\n DEFAULT_PROVIDER_SONNER_SCALE,\n DEFAULT_PROVIDER_SONNER_Y,\n DEFAULT_PROVIDER_SONNER_Z_INDEX,\n ProviderSonnerProps,\n SonnerButtonWrapper,\n SonnerContent,\n SonnerContentDescription,\n SonnerContentProps,\n SonnerContentStandardProps,\n SonnerContentTitle,\n SonnerContextProps,\n SonnerElementProps,\n SonnerElementWrapper,\n SonnerIcon,\n SonnerLayout\n} from '.'\n\nexport const SonnerContext = createContext<SonnerContextProps | null>(null)\n\nexport const ProviderSonner: FC<ProviderSonnerProps> = props => {\n const memoVisibleToasts: ProviderSonnerProps['visibleToasts'] = useMemo(\n () => props.visibleToasts,\n [props.visibleToasts]\n )\n const memoDefaultDescription: ProviderSonnerProps['default']['description'] = useMemo(\n () => props?.default?.description,\n [props?.default?.description]\n )\n const memoDefaultTitle: ProviderSonnerProps['default']['title'] = useMemo(\n () => props?.default?.title,\n [props?.default?.title]\n )\n const memoDefaultButton: ProviderSonnerProps['default']['button'] = useMemo(\n () => props?.default?.button,\n [props?.default?.button]\n )\n const memoDefaultHidingTime: ProviderSonnerProps['default']['hidingTime'] = useMemo(\n () => props?.default?.hidingTime,\n [props?.default?.hidingTime]\n )\n const memoDefaultHidingMode: ProviderSonnerProps['default']['hidingMode'] = useMemo(\n () => props?.default?.hidingMode ?? 'clickOnButton',\n [props?.default?.hidingMode]\n )\n const memoDefaultGenre = useMemo(\n () => props?.default?.genre ?? DEFAULT_PROVIDER_SONNER_GENRE,\n [props?.default?.genre]\n )\n\n const isTop = useMemo(() => props.position.includes('top'), [props.position])\n\n const [contentHistory, setContentHistory] = useState<SonnerContentProps[]>([])\n\n const [isHovered, setIsHovered] = useState(false)\n\n const handleMouseEnter = useCallback(() => {\n setIsHovered(true)\n }, [])\n\n const handleMouseLeave = useCallback(() => {\n setIsHovered(false)\n }, [])\n\n const remove: SonnerContextProps['remove'] = useCallback(\n id => {\n setContentHistory(prev => {\n const itemToRemove = prev.find(item => item.id === id)\n\n if (!itemToRemove) return prev\n\n const indexToRemove = itemToRemove.index\n\n const updatedHistory = prev\n .filter(item => item.id !== id)\n .map(item => ({\n ...item,\n index: item.index > indexToRemove ? item.index - 1 : item.index\n }))\n\n if (updatedHistory.length === 0) handleMouseLeave()\n\n return updatedHistory\n })\n },\n [handleMouseLeave]\n )\n\n const toast: SonnerContextProps['toast'] = useCallback(\n content => {\n const id = content.id ?? uuidv4()\n\n const hidingTime = content.hidingTime ?? memoDefaultHidingTime\n\n setContentHistory(prev => {\n const existingIndex = prev.findIndex(item => item.id === id)\n\n let updatedHistory\n if (existingIndex !== -1) {\n // Replace existing item\n updatedHistory = [...prev]\n updatedHistory[existingIndex] = { ...content, id, index: prev[existingIndex].index }\n } else {\n // Add new item\n updatedHistory = prev.map(item => ({\n ...item,\n index: item.index + 1\n }))\n const newContent = { ...content, id, index: 0 }\n updatedHistory.unshift(newContent)\n }\n\n return updatedHistory\n })\n\n if (hidingTime !== undefined) {\n setTimeout(() => {\n remove(id)\n }, hidingTime)\n }\n },\n [memoDefaultHidingTime, remove]\n )\n const promise: SonnerContextProps['promise'] = useCallback(\n <T,>(\n promise: Promise<T>,\n expectation: Omit<SonnerContentProps, 'index'>,\n localToast: (success: T | undefined, error: unknown | undefined) => Omit<SonnerContentProps, 'index'>\n ) => {\n const id = uuidv4()\n toast({ ...expectation, id, isLoading: true })\n\n return promise\n .then(result => {\n toast({ ...localToast(result, undefined), id })\n })\n .catch(error => {\n toast({ ...localToast(undefined, error), id })\n })\n },\n [toast]\n )\n const handleOnClick = useCallback(\n (id: SonnerContentStandardProps['id']) => {\n remove(id)\n },\n [remove]\n )\n const theme = useTheme()\n return (\n <SonnerContext.Provider value={{ toast, promise, remove, contentHistory }}>\n <SonnerLayout\n $zIndex={props.zIndex ?? DEFAULT_PROVIDER_SONNER_Z_INDEX}\n $position={props.position}\n $gap={props.gap}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n <AnimatePresence>\n {contentHistory.map(content => {\n const index = content.index\n const isMoreThanLastViewIndexPlusOne = memoVisibleToasts ? index > memoVisibleToasts : false\n const isMoreThanLastViewIndex = memoVisibleToasts ? index > memoVisibleToasts - 1 : false\n const isLastViewIndex = memoVisibleToasts ? index == memoVisibleToasts - 1 : false\n const localGenre = content.genre ?? memoDefaultGenre\n const buttonGenre = theme.colors.sonner[localGenre].button.genre\n const hidingMode = content.hidingMode ?? memoDefaultHidingMode\n\n const localContent = 'content' in content ? content.content : false\n const localTitle = 'title' in content ? content.title : false\n const localDescription = 'description' in content ? content.description : false\n return (\n <MemoizedSonnerElement\n isMoreThanLastViewIndexPlusOne={isMoreThanLastViewIndexPlusOne}\n isMoreThanLastViewIndex={isMoreThanLastViewIndex}\n isLastViewIndex={isLastViewIndex}\n isTop={isTop}\n key={content.id}\n id={content.id}\n icon={content.icon}\n isLoading={content.isLoading}\n index={index}\n buttonGenre={buttonGenre}\n hidingMode={hidingMode}\n isHovered={isHovered}\n genre={localGenre}\n content={localContent}\n title={localTitle || memoDefaultTitle}\n description={localDescription || memoDefaultDescription}\n button={content.button ?? memoDefaultButton ?? DEFAULT_PROVIDER_SONNER_BUTTON}\n handleOnClick={handleOnClick}\n />\n )\n })}\n </AnimatePresence>\n </SonnerLayout>\n {props.children}\n </SonnerContext.Provider>\n )\n}\n\nconst SonnerElement = (props: SonnerElementProps) => {\n return (\n <motion.div\n key={props.id}\n layout\n initial={{\n opacity: 0,\n scale: 1,\n y: props.isLastViewIndex\n ? !props.isTop\n ? -DEFAULT_PROVIDER_SONNER_Y\n : DEFAULT_PROVIDER_SONNER_Y\n : !props.isTop\n ? DEFAULT_PROVIDER_SONNER_Y\n : -DEFAULT_PROVIDER_SONNER_Y\n }}\n animate={{\n y: 0,\n opacity: props.isMoreThanLastViewIndex ? 0 : 1,\n pointerEvents: props.isMoreThanLastViewIndex ? 'none' : 'auto',\n display: props.isMoreThanLastViewIndex ? 'none' : 'flex',\n scale: !props.isHovered ? 1 - props.index * DEFAULT_PROVIDER_SONNER_SCALE : 1,\n marginTop: props.isTop\n ? props.isHovered || props.index === 0\n ? `0px`\n : `-${DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM}px`\n : '0px',\n marginBottom: !props.isTop\n ? props.isHovered || props.index === 0\n ? `0px`\n : `-${DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM}px`\n : '0px'\n }}\n style={{\n zIndex: -props.index\n }}\n whileInView={{ opacity: props.isMoreThanLastViewIndex ? 0 : 1 }}\n exit={{ opacity: 0, y: !props.isTop ? DEFAULT_PROVIDER_SONNER_Y : -DEFAULT_PROVIDER_SONNER_Y }}\n transition={{ type: 'spring', duration: DEFAULT_PROVIDER_SONNER_DURATION }}\n >\n <SonnerElementWrapper\n $genre={props.genre}\n onClick={() => props.hidingMode === 'clickOnSonner' && props.handleOnClick(props.id, 'clickOnSonner')}\n >\n {(props.isLoading || props.icon) && (\n <SonnerIcon>\n {props.isLoading ? (\n <Icon size=\"medium\" type=\"loading\" name=\"Line\" />\n ) : (\n props.icon && <Icon name={props.icon} type=\"id\" size={'medium'} />\n )}\n </SonnerIcon>\n )}\n <SonnerContent>\n {props.content ? (\n props.content\n ) : (\n <>\n {props.title && <SonnerContentTitle $genre={props.genre}>{props.title}</SonnerContentTitle>}\n {props.description && (\n <SonnerContentDescription $genre={props.genre}>{props.description}</SonnerContentDescription>\n )}\n </>\n )}\n </SonnerContent>\n\n {props.button && props.button.content && (\n <SonnerButtonWrapper>\n <Button\n genre={props.buttonGenre}\n size=\"small\"\n onClick={() => props.hidingMode === 'clickOnButton' && props.handleOnClick(props.id, 'clickOnButton')}\n >\n {props.button.content}\n </Button>\n </SonnerButtonWrapper>\n )}\n </SonnerElementWrapper>\n </motion.div>\n )\n}\nconst MemoizedSonnerElement = memo(SonnerElement)\n","import styled, { css } from 'styled-components'\n\nimport { getFontSizeStyles } from '@local/components/typography'\nimport { addRemoveScrollbar, addTransition } from '@local/styles/add'\n\nimport { SonnerContentDescriptionProps, SonnerContentTitleProps, SonnerElementWrapperProps, SonnerLayoutProps } from '.'\n\nexport const SonnerLayout = styled.div<SonnerLayoutProps>`\n position: fixed;\n z-index: ${props => props.$zIndex};\n max-height: calc(100dvh - 20px);\n width: 320px;\n display: flex;\n margin: 10px;\n gap: ${props => props.$gap}px;\n box-sizing: content-box;\n overflow-y: visible;\n overflow-x: visible;\n ${addRemoveScrollbar}\n ${props =>\n props.$position === 'bottom-center'\n ? css`\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n justify-content: flex-start;\n flex-direction: column-reverse;\n `\n : props.$position === 'bottom-left'\n ? css`\n left: 0;\n bottom: 0;\n justify-content: flex-start;\n flex-direction: column-reverse;\n `\n : props.$position === 'bottom-right'\n ? css`\n right: 0;\n bottom: 0;\n justify-content: flex-start;\n flex-direction: column-reverse;\n `\n : props.$position === 'top-right'\n ? css`\n top: 0;\n right: 0;\n justify-content: flex-end;\n flex-direction: column;\n `\n : props.$position === 'top-left'\n ? css`\n top: 0;\n left: 0;\n justify-content: flex-end;\n flex-direction: column;\n `\n : props.$position === 'top-center'\n ? css`\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n justify-content: flex-end;\n flex-direction: column;\n `\n : css``}\n`\n\nexport const SonnerElementWrapper = styled.div<SonnerElementWrapperProps>`\n background: ${props => props.theme.colors.sonner[props.$genre].wrapper.background};\n color: ${props => props.theme.colors.sonner[props.$genre].icon.color};\n border-radius: 12px;\n border-style: solid;\n border-color: ${props => props.theme.colors.sonner[props.$genre].wrapper.borderColor};\n border-width: 1px;\n padding: 16px 20px 16px 20px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n flex-shrink: 1;\n min-width: 320px;\n min-height: 64px;\n transform-origin: center center;\n box-shadow: ${props => props.theme.colors.sonner[props.$genre].wrapper.boxShadow};\n overflow: visible;\n &:hover {\n box-shadow: ${props => props.theme.colors.sonner[props.$genre].wrapper.boxShadowHover};\n }\n ${addTransition};\n`\nexport const SonnerContent = styled.div`\n display: flex;\n flex-direction: column;\n gap: 2px;\n align-items: flex-start;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n flex: 1;\n position: relative;\n overflow: hidden;\n`\nexport const SonnerIcon = styled.div`\n display: contents;\n`\nexport const SonnerContentTitle = styled.div<SonnerContentTitleProps>`\n ${props => getFontSizeStyles(14, 700, props.theme.font.family)}\n color: ${props => props.theme.colors.sonner[props.$genre].title.color};\n text-align: left;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n`\nexport const SonnerContentDescription = styled.div<SonnerContentDescriptionProps>`\n ${props => getFontSizeStyles(12, 400, props.theme.font.family)}\n color:${props => props.theme.colors.sonner[props.$genre].description.color};\n text-align: left;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n`\nexport const SonnerButtonWrapper = styled.div``\n","import { ITheme } from '@local/theme'\n\nimport { ProviderSonnerProps } from '.'\n\nexport const DEFAULT_PROVIDER_SONNER_Z_INDEX = 100\nexport const DEFAULT_PROVIDER_SONNER_SCALE = 0.04\nexport const DEFAULT_PROVIDER_SONNER_Y = 100\nexport const DEFAULT_PROVIDER_SONNER_DURATION = 0.3\nexport const DEFAULT_PROVIDER_SONNER_GENRE: keyof ITheme['colors']['sonner'] = 'black'\nexport const DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM = 60\nexport const DEFAULT_PROVIDER_SONNER_BUTTON: ProviderSonnerProps['default']['button'] = {\n content: 'Undo',\n onClick: () => {}\n}\n","import { useContext } from 'react'\n\nimport { SonnerContext, SonnerContextProps } from '.'\n\nexport const useSonner = (): SonnerContextProps => {\n const context = useContext(SonnerContext)\n if (!context) {\n throw new Error('useSonner must be used within an ProviderSonner')\n }\n return context\n}\n"],"names":["SonnerContext","createContext","MemoizedSonnerElement","memo","props","jsx","motion","div","layout","initial","opacity","scale","y","isLastViewIndex","isTop","DEFAULT_PROVIDER_SONNER_Y","animate","isMoreThanLastViewIndex","pointerEvents","display","isHovered","index","DEFAULT_PROVIDER_SONNER_SCALE","marginTop","DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM","marginBottom","style","zIndex","whileInView","exit","transition","type","duration","DEFAULT_PROVIDER_SONNER_DURATION","children","jsxs","SonnerElementWrapper","$genre","genre","onClick","hidingMode","handleOnClick","id","isLoading","icon","SonnerIcon","Icon","size","name","SonnerContent","content","Fragment","title","SonnerContentTitle","description","SonnerContentDescription","button","SonnerButtonWrapper","Button","buttonGenre","SonnerLayout","styled","$zIndex","$gap","addRemoveScrollbar","$position","css","theme","colors","sonner","wrapper","background","color","borderColor","boxShadow","boxShadowHover","addTransition","getFontSizeStyles","font","family","DEFAULT_PROVIDER_SONNER_Z_INDEX","DEFAULT_PROVIDER_SONNER_GENRE","DEFAULT_PROVIDER_SONNER_BUTTON","memoVisibleToasts","useMemo","visibleToasts","memoDefaultDescription","_a","default","memoDefaultTitle","_b","memoDefaultButton","_c","memoDefaultHidingTime","hidingTime","_d","memoDefaultHidingMode","_e","memoDefaultGenre","_f","position","includes","contentHistory","setContentHistory","useState","setIsHovered","handleMouseEnter","useCallback","handleMouseLeave","remove","prev","itemToRemove","find","item","indexToRemove","updatedHistory","filter","map","length","toast","uuidv4","existingIndex","findIndex","newContent","unshift","setTimeout","promise","expectation","localToast","then","result","catch","error","useTheme","Provider","value","gap","onMouseEnter","onMouseLeave","AnimatePresence","isMoreThanLastViewIndexPlusOne","localGenre","localContent","localTitle","localDescription","context","useContext","Error"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"context.constants-DkMk-pc7.cjs","sources":["../src/contexts/context-sonner/context.tsx","../src/contexts/context-sonner/context.styles.tsx","../src/contexts/context-sonner/context.constants.ts","../src/contexts/context-sonner/context.hooks.ts"],"sourcesContent":["import { AnimatePresence, motion } from 'framer-motion'\nimport { FC, createContext, memo, useCallback, useMemo, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { Button } from '@local/components/button'\nimport { Icon } from '@local/components/icon'\n\nimport {\n DEFAULT_PROVIDER_SONNER_BUTTON,\n DEFAULT_PROVIDER_SONNER_DURATION,\n DEFAULT_PROVIDER_SONNER_GENRE,\n DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM,\n DEFAULT_PROVIDER_SONNER_SCALE,\n DEFAULT_PROVIDER_SONNER_Y,\n DEFAULT_PROVIDER_SONNER_Z_INDEX,\n ProviderSonnerProps,\n SonnerButtonWrapper,\n SonnerContent,\n SonnerContentDescription,\n SonnerContentProps,\n SonnerContentStandardProps,\n SonnerContentTitle,\n SonnerContextProps,\n SonnerElementProps,\n SonnerElementWrapper,\n SonnerIcon,\n SonnerLayout\n} from '.'\n\nexport const SonnerContext = createContext<SonnerContextProps | null>(null)\n\nexport const ProviderSonner: FC<ProviderSonnerProps> = props => {\n const memoVisibleToasts: ProviderSonnerProps['visibleToasts'] = useMemo(\n () => props.visibleToasts,\n [props.visibleToasts]\n )\n const memoDefaultDescription: ProviderSonnerProps['default']['description'] = useMemo(\n () => props?.default?.description,\n [props?.default?.description]\n )\n const memoDefaultTitle: ProviderSonnerProps['default']['title'] = useMemo(\n () => props?.default?.title,\n [props?.default?.title]\n )\n const memoDefaultButton: ProviderSonnerProps['default']['button'] = useMemo(\n () => props?.default?.button,\n [props?.default?.button]\n )\n const memoDefaultHidingTime: ProviderSonnerProps['default']['hidingTime'] = useMemo(\n () => props?.default?.hidingTime,\n [props?.default?.hidingTime]\n )\n const memoDefaultHidingMode: ProviderSonnerProps['default']['hidingMode'] = useMemo(\n () => props?.default?.hidingMode ?? 'clickOnButton',\n [props?.default?.hidingMode]\n )\n const memoDefaultGenre = useMemo(\n () => props?.default?.genre ?? DEFAULT_PROVIDER_SONNER_GENRE,\n [props?.default?.genre]\n )\n\n const isTop = useMemo(() => props.position.includes('top'), [props.position])\n\n const [contentHistory, setContentHistory] = useState<SonnerContentProps[]>([])\n\n const [isHovered, setIsHovered] = useState(false)\n\n const handleMouseEnter = useCallback(() => {\n setIsHovered(true)\n }, [])\n\n const handleMouseLeave = useCallback(() => {\n setIsHovered(false)\n }, [])\n\n const remove: SonnerContextProps['remove'] = useCallback(\n id => {\n setContentHistory(prev => {\n const itemToRemove = prev.find(item => item.id === id)\n\n if (!itemToRemove) return prev\n\n const indexToRemove = itemToRemove.index\n\n const updatedHistory = prev\n .filter(item => item.id !== id)\n .map(item => ({\n ...item,\n index: item.index > indexToRemove ? item.index - 1 : item.index\n }))\n\n if (updatedHistory.length === 0) handleMouseLeave()\n\n return updatedHistory\n })\n },\n [handleMouseLeave]\n )\n\n const toast: SonnerContextProps['toast'] = useCallback(\n content => {\n const id = content.id ?? uuidv4()\n\n const hidingTime = content.hidingTime ?? memoDefaultHidingTime\n\n setContentHistory(prev => {\n const existingIndex = prev.findIndex(item => item.id === id)\n\n let updatedHistory\n if (existingIndex !== -1) {\n // Replace existing item\n updatedHistory = [...prev]\n updatedHistory[existingIndex] = { ...content, id, index: prev[existingIndex].index }\n } else {\n // Add new item\n updatedHistory = prev.map(item => ({\n ...item,\n index: item.index + 1\n }))\n const newContent = { ...content, id, index: 0 }\n updatedHistory.unshift(newContent)\n }\n\n return updatedHistory\n })\n\n if (hidingTime !== undefined) {\n setTimeout(() => {\n remove(id)\n }, hidingTime)\n }\n },\n [memoDefaultHidingTime, remove]\n )\n const promise: SonnerContextProps['promise'] = useCallback(\n <T,>(\n promise: Promise<T>,\n expectation: Omit<SonnerContentProps, 'index'>,\n localToast: (success: T | undefined, error: unknown | undefined) => Omit<SonnerContentProps, 'index'>\n ) => {\n const id = uuidv4()\n toast({ ...expectation, id, isLoading: true })\n\n return promise\n .then(result => {\n toast({ ...localToast(result, undefined), id })\n })\n .catch(error => {\n toast({ ...localToast(undefined, error), id })\n })\n },\n [toast]\n )\n const handleOnClick = useCallback(\n (id: SonnerContentStandardProps['id']) => {\n remove(id)\n },\n [remove]\n )\n const theme = useTheme()\n return (\n <SonnerContext.Provider value={{ toast, promise, remove, contentHistory }}>\n <SonnerLayout\n $zIndex={props.zIndex ?? DEFAULT_PROVIDER_SONNER_Z_INDEX}\n $position={props.position}\n $gap={props.gap}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n <AnimatePresence>\n {contentHistory.map(content => {\n const index = content.index\n const isMoreThanLastViewIndexPlusOne = memoVisibleToasts ? index > memoVisibleToasts : false\n const isMoreThanLastViewIndex = memoVisibleToasts ? index > memoVisibleToasts - 1 : false\n const isLastViewIndex = memoVisibleToasts ? index == memoVisibleToasts - 1 : false\n const localGenre = content.genre ?? memoDefaultGenre\n const buttonGenre = theme.colors.sonner[localGenre].button.genre\n const hidingMode = content.hidingMode ?? memoDefaultHidingMode\n\n const localContent = 'content' in content ? content.content : false\n const localTitle = 'title' in content ? content.title : false\n const localDescription = 'description' in content ? content.description : false\n return (\n <MemoizedSonnerElement\n isMoreThanLastViewIndexPlusOne={isMoreThanLastViewIndexPlusOne}\n isMoreThanLastViewIndex={isMoreThanLastViewIndex}\n isLastViewIndex={isLastViewIndex}\n isTop={isTop}\n key={content.id}\n id={content.id}\n icon={content.icon}\n isLoading={content.isLoading}\n index={index}\n buttonGenre={buttonGenre}\n hidingMode={hidingMode}\n isHovered={isHovered}\n genre={localGenre}\n content={localContent}\n title={localTitle || memoDefaultTitle}\n description={localDescription || memoDefaultDescription}\n button={content.button ?? memoDefaultButton ?? DEFAULT_PROVIDER_SONNER_BUTTON}\n handleOnClick={handleOnClick}\n />\n )\n })}\n </AnimatePresence>\n </SonnerLayout>\n {props.children}\n </SonnerContext.Provider>\n )\n}\n\nconst SonnerElement = (props: SonnerElementProps) => {\n return (\n <motion.div\n key={props.id}\n layout\n initial={{\n opacity: 0,\n scale: 1,\n y: props.isLastViewIndex\n ? !props.isTop\n ? -DEFAULT_PROVIDER_SONNER_Y\n : DEFAULT_PROVIDER_SONNER_Y\n : !props.isTop\n ? DEFAULT_PROVIDER_SONNER_Y\n : -DEFAULT_PROVIDER_SONNER_Y\n }}\n animate={{\n y: 0,\n opacity: props.isMoreThanLastViewIndex ? 0 : 1,\n pointerEvents: props.isMoreThanLastViewIndex ? 'none' : 'auto',\n display: props.isMoreThanLastViewIndex ? 'none' : 'flex',\n scale: !props.isHovered ? 1 - props.index * DEFAULT_PROVIDER_SONNER_SCALE : 1,\n marginTop: props.isTop\n ? props.isHovered || props.index === 0\n ? `0px`\n : `-${DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM}px`\n : '0px',\n marginBottom: !props.isTop\n ? props.isHovered || props.index === 0\n ? `0px`\n : `-${DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM}px`\n : '0px'\n }}\n style={{\n zIndex: -props.index\n }}\n whileInView={{ opacity: props.isMoreThanLastViewIndex ? 0 : 1 }}\n exit={{ opacity: 0, y: !props.isTop ? DEFAULT_PROVIDER_SONNER_Y : -DEFAULT_PROVIDER_SONNER_Y }}\n transition={{ type: 'spring', duration: DEFAULT_PROVIDER_SONNER_DURATION }}\n >\n <SonnerElementWrapper\n $genre={props.genre}\n onClick={() => props.hidingMode === 'clickOnSonner' && props.handleOnClick(props.id, 'clickOnSonner')}\n >\n {(props.isLoading || props.icon) && (\n <SonnerIcon>\n {props.isLoading ? (\n <Icon size=\"medium\" type=\"loading\" name=\"Line\" />\n ) : (\n props.icon && <Icon name={props.icon} type=\"id\" size={'medium'} />\n )}\n </SonnerIcon>\n )}\n <SonnerContent>\n {props.content ? (\n props.content\n ) : (\n <>\n {props.title && <SonnerContentTitle $genre={props.genre}>{props.title}</SonnerContentTitle>}\n {props.description && (\n <SonnerContentDescription $genre={props.genre}>{props.description}</SonnerContentDescription>\n )}\n </>\n )}\n </SonnerContent>\n\n {props.button && props.button.content && (\n <SonnerButtonWrapper>\n <Button\n genre={props.buttonGenre}\n size=\"small\"\n onClick={() => props.hidingMode === 'clickOnButton' && props.handleOnClick(props.id, 'clickOnButton')}\n >\n {props.button.content}\n </Button>\n </SonnerButtonWrapper>\n )}\n </SonnerElementWrapper>\n </motion.div>\n )\n}\nconst MemoizedSonnerElement = memo(SonnerElement)\n","import styled, { css } from 'styled-components'\n\nimport { getFontSizeStyles } from '@local/components/typography'\nimport { addRemoveScrollbar, addTransition } from '@local/styles/add'\n\nimport { SonnerContentDescriptionProps, SonnerContentTitleProps, SonnerElementWrapperProps, SonnerLayoutProps } from '.'\n\nexport const SonnerLayout = styled.div<SonnerLayoutProps>`\n position: fixed;\n z-index: ${props => props.$zIndex};\n max-height: calc(100dvh - 20px);\n width: 320px;\n display: flex;\n margin: 10px;\n gap: ${props => props.$gap}px;\n box-sizing: content-box;\n overflow-y: visible;\n overflow-x: visible;\n ${addRemoveScrollbar}\n ${props =>\n props.$position === 'bottom-center'\n ? css`\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n justify-content: flex-start;\n flex-direction: column-reverse;\n `\n : props.$position === 'bottom-left'\n ? css`\n left: 0;\n bottom: 0;\n justify-content: flex-start;\n flex-direction: column-reverse;\n `\n : props.$position === 'bottom-right'\n ? css`\n right: 0;\n bottom: 0;\n justify-content: flex-start;\n flex-direction: column-reverse;\n `\n : props.$position === 'top-right'\n ? css`\n top: 0;\n right: 0;\n justify-content: flex-end;\n flex-direction: column;\n `\n : props.$position === 'top-left'\n ? css`\n top: 0;\n left: 0;\n justify-content: flex-end;\n flex-direction: column;\n `\n : props.$position === 'top-center'\n ? css`\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n justify-content: flex-end;\n flex-direction: column;\n `\n : css``}\n`\n\nexport const SonnerElementWrapper = styled.div<SonnerElementWrapperProps>`\n background: ${props => props.theme.colors.sonner[props.$genre].wrapper.background};\n color: ${props => props.theme.colors.sonner[props.$genre].icon.color};\n border-radius: 12px;\n border-style: solid;\n border-color: ${props => props.theme.colors.sonner[props.$genre].wrapper.borderColor};\n border-width: 1px;\n padding: 16px 20px 16px 20px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n flex-shrink: 1;\n min-width: 320px;\n min-height: 64px;\n transform-origin: center center;\n box-shadow: ${props => props.theme.colors.sonner[props.$genre].wrapper.boxShadow};\n overflow: visible;\n &:hover {\n box-shadow: ${props => props.theme.colors.sonner[props.$genre].wrapper.boxShadowHover};\n }\n ${addTransition};\n`\nexport const SonnerContent = styled.div`\n display: flex;\n flex-direction: column;\n gap: 2px;\n align-items: flex-start;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n flex: 1;\n position: relative;\n overflow: hidden;\n`\nexport const SonnerIcon = styled.div`\n display: contents;\n`\nexport const SonnerContentTitle = styled.div<SonnerContentTitleProps>`\n ${props => getFontSizeStyles(14, 700, props.theme.font.family)}\n color: ${props => props.theme.colors.sonner[props.$genre].title.color};\n text-align: left;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n`\nexport const SonnerContentDescription = styled.div<SonnerContentDescriptionProps>`\n ${props => getFontSizeStyles(12, 400, props.theme.font.family)}\n color:${props => props.theme.colors.sonner[props.$genre].description.color};\n text-align: left;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n`\nexport const SonnerButtonWrapper = styled.div``\n","import { ITheme } from '@local/theme'\n\nimport { ProviderSonnerProps } from '.'\n\nexport const DEFAULT_PROVIDER_SONNER_Z_INDEX = 100\nexport const DEFAULT_PROVIDER_SONNER_SCALE = 0.04\nexport const DEFAULT_PROVIDER_SONNER_Y = 100\nexport const DEFAULT_PROVIDER_SONNER_DURATION = 0.3\nexport const DEFAULT_PROVIDER_SONNER_GENRE: keyof ITheme['colors']['sonner'] = 'black'\nexport const DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM = 60\nexport const DEFAULT_PROVIDER_SONNER_BUTTON: ProviderSonnerProps['default']['button'] = {\n content: 'Undo',\n onClick: () => {}\n}\n","import { useContext } from 'react'\n\nimport { SonnerContext, SonnerContextProps } from '.'\n\nexport const useSonner = (): SonnerContextProps => {\n const context = useContext(SonnerContext)\n if (!context) {\n throw new Error('useSonner must be used within an ProviderSonner')\n }\n return context\n}\n"],"names":["SonnerContext","createContext","MemoizedSonnerElement","memo","props","jsx","motion","div","layout","initial","opacity","scale","y","isLastViewIndex","isTop","DEFAULT_PROVIDER_SONNER_Y","animate","isMoreThanLastViewIndex","pointerEvents","display","isHovered","index","DEFAULT_PROVIDER_SONNER_SCALE","marginTop","DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM","marginBottom","style","zIndex","whileInView","exit","transition","type","duration","DEFAULT_PROVIDER_SONNER_DURATION","children","jsxs","SonnerElementWrapper","$genre","genre","onClick","hidingMode","handleOnClick","id","isLoading","icon","SonnerIcon","Icon","size","name","SonnerContent","content","Fragment","title","SonnerContentTitle","description","SonnerContentDescription","button","SonnerButtonWrapper","Button","buttonGenre","SonnerLayout","styled","$zIndex","$gap","addRemoveScrollbar","$position","css","theme","colors","sonner","wrapper","background","color","borderColor","boxShadow","boxShadowHover","addTransition","getFontSizeStyles","font","family","DEFAULT_PROVIDER_SONNER_Z_INDEX","DEFAULT_PROVIDER_SONNER_GENRE","DEFAULT_PROVIDER_SONNER_BUTTON","memoVisibleToasts","useMemo","visibleToasts","memoDefaultDescription","_a","default","memoDefaultTitle","_b","memoDefaultButton","_c","memoDefaultHidingTime","hidingTime","_d","memoDefaultHidingMode","_e","memoDefaultGenre","_f","position","includes","contentHistory","setContentHistory","useState","setIsHovered","handleMouseEnter","useCallback","handleMouseLeave","remove","prev","itemToRemove","find","item","indexToRemove","updatedHistory","filter","map","length","toast","uuidv4","existingIndex","findIndex","newContent","unshift","setTimeout","promise","expectation","localToast","then","result","catch","error","useTheme","Provider","value","gap","onMouseEnter","onMouseLeave","AnimatePresence","isMoreThanLastViewIndexPlusOne","localGenre","localContent","localTitle","localDescription","context","useContext","Error"],"mappings":"qTA8BaA,EAAgBC,EAAAA,cAAyC,MAwQhEC,EAAwBC,EAAAA,KAjFPC,KAEnBC,kBAAAA,IAACC,EAAAA,OAAOC,IAAP,CAECC,QAAM,EACNC,QAAS,CACPC,QAAS,EACTC,MAAO,EACPC,EAAGR,EAAMS,gBACJT,EAAMU,MAELC,GADCA,EAEFX,EAAMU,OAEJC,EADDA,GAGRC,QAAS,CACPJ,EAAG,EACHF,QAASN,EAAMa,wBAA0B,EAAI,EAC7CC,cAAed,EAAMa,wBAA0B,OAAS,OACxDE,QAASf,EAAMa,wBAA0B,OAAS,OAClDN,MAAQP,EAAMgB,UAA8D,EAAlD,EAAIhB,EAAMiB,MAAQC,EAC5CC,UAAWnB,EAAMU,MACbV,EAAMgB,WAA6B,IAAhBhB,EAAMiB,MACvB,MACA,IAAIG,MACN,MACJC,aAAerB,EAAMU,OACjBV,EAAMgB,WAA6B,IAAhBhB,EAAMiB,MAGzB,MADE,IAAIG,OAGZE,MAAO,CACLC,QAASvB,EAAMiB,OAEjBO,YAAa,CAAElB,QAASN,EAAMa,wBAA0B,EAAI,GAC5DY,KAAM,CAAEnB,QAAS,EAAGE,EAAIR,EAAMU,OAAqCC,EAA7BA,GACtCe,WAAY,CAAEC,KAAM,SAAUC,SAAUC,GAExCC,WAAAC,kBAAAA,KAACC,EAAA,CACCC,OAAQjC,EAAMkC,MACdC,QAAS,IAA2B,kBAArBnC,EAAMoC,YAAkCpC,EAAMqC,cAAcrC,EAAMsC,GAAI,iBAEnFR,SAAA,EAAA9B,EAAMuC,WAAavC,EAAMwC,OACzBvC,EAAAA,kBAAAA,IAACwC,EAAA,CACEX,SAAA9B,EAAMuC,YACLtC,kBAAAA,IAACyC,EAAAA,KAAA,CAAKC,KAAK,SAAShB,KAAK,UAAUiB,KAAK,SAExC5C,EAAMwC,MAAQvC,EAAAA,kBAAAA,IAACyC,EAAAA,KAAA,CAAKE,KAAM5C,EAAMwC,KAAMb,KAAK,KAAKgB,KAAM,qCAI3DE,EAAA,CACEf,SAAA9B,EAAM8C,QACL9C,EAAM8C,UAENf,kBAAAA,KAAAgB,EAAAA,kBAAAA,SAAA,CACGjB,SAAA,CAAA9B,EAAMgD,OAAS/C,wBAACgD,EAAA,CAAmBhB,OAAQjC,EAAMkC,MAAQJ,WAAMkB,QAC/DhD,EAAMkD,aACLjD,wBAACkD,EAAA,CAAyBlB,OAAQjC,EAAMkC,MAAQJ,WAAMoB,mBAM7DlD,EAAMoD,QAAUpD,EAAMoD,OAAON,iCAC3BO,EAAA,CACCvB,SAAA7B,EAAAA,kBAAAA,IAACqD,EAAAA,OAAA,CACCpB,MAAOlC,EAAMuD,YACbZ,KAAK,QACLR,QAAS,IAA2B,kBAArBnC,EAAMoC,YAAkCpC,EAAMqC,cAAcrC,EAAMsC,GAAI,iBAEpFR,WAAMsB,OAAON,gBAtEjB9C,EAAMsC,KCjNJkB,EAAeC,EAAOtD,GAAA;;aAEtBH,GAASA,EAAM0D;;;;;SAKnB1D,GAASA,EAAM2D;;;;IAIpBC,EAAAA;IACA5D,GACoB,kBAApBA,EAAM6D,UACFC,EAAAA,GAAAA;;;;;;UAOoB,gBAApB9D,EAAM6D,UACJC,EAAAA,GAAAA;;;;;YAMoB,iBAApB9D,EAAM6D,UACJC,EAAAA,GAAAA;;;;;cAMoB,cAApB9D,EAAM6D,UACJC,EAAAA,GAAAA;;;;;gBAMoB,aAApB9D,EAAM6D,UACJC,EAAAA,GAAAA;;;;;kBAMoB,eAApB9D,EAAM6D,UACJC,EAAAA,GAAAA;;;;;;oBAOAA,EAAAA,GAAAA;EAGL9B,EAAuByB,EAAOtD,GAAA;gBAC3BH,GAASA,EAAM+D,MAAMC,OAAOC,OAAOjE,EAAMiC,QAAQiC,QAAQC;WAC9DnE,GAASA,EAAM+D,MAAMC,OAAOC,OAAOjE,EAAMiC,QAAQO,KAAK4B;;;kBAG/CpE,GAASA,EAAM+D,MAAMC,OAAOC,OAAOjE,EAAMiC,QAAQiC,QAAQG;;;;;;;;;;;;;;gBAc3DrE,GAASA,EAAM+D,MAAMC,OAAOC,OAAOjE,EAAMiC,QAAQiC,QAAQI;;;kBAGvDtE,GAASA,EAAM+D,MAAMC,OAAOC,OAAOjE,EAAMiC,QAAQiC,QAAQK;;IAEvEC;EAES3B,EAAgBY,EAAOtD,GAAA;;;;;;;;;;;EAYvBsC,EAAagB,EAAOtD,GAAA;;EAGpB8C,EAAqBQ,EAAOtD,GAAA;IACrCH,GAASyE,EAAAA,kBAAkB,GAAI,IAAKzE,EAAM+D,MAAMW,KAAKC;YAC7C3E,GAASA,EAAM+D,MAAMC,OAAOC,OAAOjE,EAAMiC,QAAQe,MAAMoB;;;;;EAMtDjB,EAA2BM,EAAOtD,GAAA;IAC3CH,GAASyE,EAAAA,kBAAkB,GAAI,IAAKzE,EAAM+D,MAAMW,KAAKC;UAC/C3E,GAASA,EAAM+D,MAAMC,OAAOC,OAAOjE,EAAMiC,QAAQiB,YAAYkB;;;;;;EAO1Df,EAAsBI,EAAOtD,GAAA,GCzH7ByE,EAAkC,IAClC1D,EAAgC,IAChCP,EAA4B,IAC5BkB,EAAmC,GACnCgD,EAAkE,QAClEzD,EAAwC,GACxC0D,EAA2E,CACtFhC,QAAS,OACTX,QAAS,iUFoB4CnC,oBACrD,MAAM+E,EAA0DC,EAAAA,QAC9D,IAAMhF,EAAMiF,cACZ,CAACjF,EAAMiF,gBAEHC,EAAwEF,EAAAA,QAC5E,WAAM,OAAA,OAAAG,EAAA,MAAAnF,OAAA,EAAAA,EAAOoF,cAAP,EAAAD,EAAgBjC,aACtB,CAAC,OAAAiC,EAAA,MAAAnF,OAAA,EAAAA,EAAOoF,cAAP,EAAAD,EAAgBjC,cAEbmC,EAA4DL,EAAAA,QAChE,WAAM,OAAA,OAAAG,EAAA,MAAAnF,OAAA,EAAAA,EAAOoF,cAAP,EAAAD,EAAgBnC,OACtB,CAAC,OAAAsC,EAAA,MAAAtF,OAAA,EAAAA,EAAOoF,cAAP,EAAAE,EAAgBtC,QAEbuC,EAA8DP,EAAAA,QAClE,WAAM,OAAA,OAAAG,EAAA,MAAAnF,OAAA,EAAAA,EAAOoF,cAAP,EAAAD,EAAgB/B,QACtB,CAAC,OAAAoC,EAAA,MAAAxF,OAAA,EAAAA,EAAOoF,cAAP,EAAAI,EAAgBpC,SAEbqC,EAAsET,EAAAA,QAC1E,WAAM,OAAA,OAAAG,EAAA,MAAAnF,OAAA,EAAAA,EAAOoF,cAAP,EAAAD,EAAgBO,YACtB,CAAC,OAAAC,EAAA,MAAA3F,OAAA,EAAAA,EAAOoF,cAAP,EAAAO,EAAgBD,aAEbE,EAAsEZ,EAAAA,QAC1E,WAAM,OAAA,OAAAG,EAAA,MAAAnF,OAAA,EAAAA,EAAOoF,cAAP,EAAAD,EAAgB/C,aAAc,iBACpC,CAAC,OAAAyD,EAAA,MAAA7F,OAAA,EAAAA,EAAOoF,cAAP,EAAAS,EAAgBzD,aAEb0D,EAAmBd,EAAAA,QACvB,WAAM,OAAA,OAAAG,EAAA,MAAAnF,OAAA,EAAAA,EAAOoF,cAAP,EAAAD,EAAgBjD,QAAS2C,GAC/B,CAAC,OAAAkB,EAAA,MAAA/F,OAAA,EAAAA,EAAOoF,cAAP,EAAAW,EAAgB7D,QAGbxB,EAAQsE,EAAAA,QAAQ,IAAMhF,EAAMgG,SAASC,SAAS,OAAQ,CAACjG,EAAMgG,YAE5DE,EAAgBC,GAAqBC,EAAAA,SAA+B,KAEpEpF,EAAWqF,GAAgBD,EAAAA,UAAS,GAErCE,EAAmBC,EAAAA,YAAY,KACnCF,GAAa,IACZ,IAEGG,EAAmBD,EAAAA,YAAY,KACnCF,GAAa,IACZ,IAEGI,EAAuCF,EAAAA,YAC3CjE,IACE6D,EAAkBO,IAChB,MAAMC,EAAeD,EAAKE,KAAKC,GAAQA,EAAKvE,KAAOA,GAEnD,IAAKqE,EAAc,OAAOD,EAE1B,MAAMI,EAAgBH,EAAa1F,MAE7B8F,EAAiBL,EACpBM,OAAOH,GAAQA,EAAKvE,KAAOA,GAC3B2E,IAAIJ,IAAA,IACAA,EACH5F,MAAO4F,EAAK5F,MAAQ6F,EAAgBD,EAAK5F,MAAQ,EAAI4F,EAAK5F,SAK9D,OAF8B,IAA1B8F,EAAeG,QAAcV,IAE1BO,KAGX,CAACP,IAGGW,EAAqCZ,EAAAA,YACzCzD,IACE,MAAMR,EAAKQ,EAAQR,IAAM8E,OAEnB1B,EAAa5C,EAAQ4C,YAAcD,EAEzCU,EAAkBO,IAChB,MAAMW,EAAgBX,EAAKY,UAAUT,GAAQA,EAAKvE,KAAOA,GAEzD,IAAIyE,EACJ,IAAsB,IAAlBM,EAEFN,EAAiB,IAAIL,GACrBK,EAAeM,GAAiB,IAAKvE,EAASR,KAAIrB,MAAOyF,EAAKW,GAAepG,WACxE,CAEL8F,EAAiBL,EAAKO,IAAIJ,IAAA,IACrBA,EACH5F,MAAO4F,EAAK5F,MAAQ,KAEtB,MAAMsG,EAAa,IAAKzE,EAASR,KAAIrB,MAAO,GAC5C8F,EAAeS,QAAQD,EAAU,CAGnC,OAAOR,SAGU,IAAfrB,GACF+B,WAAW,KACThB,EAAOnE,IACNoD,IAGP,CAACD,EAAuBgB,IAEpBiB,EAAyCnB,EAAAA,YAC7C,CACEmB,EACAC,EACAC,KAEA,MAAMtF,EAAK8E,EAAAA,KAGX,OAFAD,EAAM,IAAKQ,EAAarF,KAAIC,WAAW,IAEhCmF,EACJG,KAAKC,IACJX,EAAM,IAAKS,EAAWE,OAAQ,GAAYxF,SAE3CyF,MAAMC,IACLb,EAAM,IAAKS,OAAW,EAAWI,GAAQ1F,UAG/C,CAAC6E,IAEG9E,EAAgBkE,EAAAA,YACnBjE,IACCmE,EAAOnE,IAET,CAACmE,IAEG1C,EAAQkE,EAAAA,WACd,OACElG,yBAACnC,EAAcsI,SAAd,CAAuBC,MAAO,CAAEhB,QAAOO,UAASjB,SAAQP,kBACvDpE,SAAA,GAAA7B,kBAAAA,IAACuD,EAAA,CACCE,QAAS1D,EAAMuB,QAAUqD,EACzBf,UAAW7D,EAAMgG,SACjBrC,KAAM3D,EAAMoI,IACZC,aAAc/B,EACdgC,aAAc9B,EAEd1E,SAAA7B,EAAAA,kBAAAA,IAACsI,kBAAA,CACEzG,SAAAoE,EAAee,IAAInE,IAClB,MAAM7B,EAAQ6B,EAAQ7B,MAChBuH,IAAiCzD,GAAoB9D,EAAQ8D,EAC7DlE,IAA0BkE,GAAoB9D,EAAQ8D,EAAoB,EAC1EtE,IAAkBsE,GAAoB9D,GAAS8D,EAAoB,EACnE0D,EAAa3F,EAAQZ,OAAS4D,EAC9BvC,EAAcQ,EAAMC,OAAOC,OAAOwE,GAAYrF,OAAOlB,MACrDE,EAAaU,EAAQV,YAAcwD,EAEnC8C,EAAe,YAAa5F,GAAUA,EAAQA,QAC9C6F,EAAa,UAAW7F,GAAUA,EAAQE,MAC1C4F,EAAmB,gBAAiB9F,GAAUA,EAAQI,YAC5D,SACEjD,kBAAAA,IAACH,EAAA,CACC0I,iCACA3H,0BACAJ,kBACAC,QAEA4B,GAAIQ,EAAQR,GACZE,KAAMM,EAAQN,KACdD,UAAWO,EAAQP,UACnBtB,QACAsC,cACAnB,aACApB,YACAkB,MAAOuG,EACP3F,QAAS4F,EACT1F,MAAO2F,GAActD,EACrBnC,YAAa0F,GAAoB1D,EACjC9B,OAAQN,EAAQM,QAAUmC,GAAqBT,EAC/CzC,iBAbKS,EAAQR,UAmBtBtC,EAAM8B,wPG5MY,KACvB,MAAM+G,EAAUC,EAAAA,WAAWlJ,GAC3B,IAAKiJ,EACH,MAAM,IAAIE,MAAM,mDAElB,OAAOF"}
|
package/build/index.cjs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-D7906bXA.cjs"),t=require("./area.hooks-C_UKZzcb.cjs"),o=require("./area-E4w7aKuZ.cjs"),r=require("./area-CD10k19W.cjs"),p=require("./area-C8w6fMSn.cjs"),s=require("./component--Oo5_3xq.cjs"),n=require("./component.styles-DDUGBJle.cjs"),a=require("./component-X4e7zEKk.cjs"),i=require("./component-C0atFCun.cjs"),x=require("./component.styles-Bz2vyHqK.cjs"),c=require("./component.styles-q4ne6jV1.cjs"),l=require("./component.styles-DTC9tjQX.cjs"),u=require("./component.styles-B-ZAk_1C.cjs"),S=require("./component.types-gy5Q9qHX.cjs"),d=require("./component.styles-BLh29xwF.cjs"),D=require("./component-Bovatz78.cjs"),I=require("./component.styles-BrGPrrEb.cjs"),E=require("./component.constants-Gz2mf7IF.cjs"),T=require("./component-FwG2ieR3.cjs"),_=require("./component.styles-Dm_Ov4nM.cjs"),A=require("./component.styles-DqNAGfc9.cjs"),O=require("./component.components-1kRDD3KO.cjs"),L=require("./component.constants-BLHg7rcI.cjs"),C=require("./component.styles-DjLSmx3e.cjs"),m=require("./component.styles-Dpg-__rn.cjs"),P=require("./component-D7A-4DNQ.cjs"),g=require("./component.styles-CvJK1eif.cjs"),R=require("./component.styles-CLn52hJD.cjs"),N=require("./component-BV_7tGiu.cjs"),y=require("./component.styles-DwdN7mQq.cjs"),M=require("./component.styles-vcNQJK0U.cjs"),h=require("./component-BnYw0FvH.cjs"),U=require("./consts.cjs.js"),G=require("./context.hooks-BfETPRDy.cjs"),F=require("./context.functions-80N-5MqM.cjs"),k=require("./context.constants-BJPyze-d.cjs"),W=require("./context.hooks-u408Pxw8.cjs"),j=require("./context.functions-ohI9H54j.cjs"),b=require("./context.functions-ar41xFVo.cjs"),B=require("./context.hooks-D13tbrva.cjs"),v=require("./context.hooks-BIsapq-0.cjs"),q=require("./context.constants-fwK8ogSf.cjs"),z=require("./functions.cjs.js"),f=require("./use-IhzeVumv.cjs"),V=require("./use-C1l0O0Qo.cjs"),w=require("./style-f3_KtJIt.cjs"),K=require("./style-eIuUYu9x.cjs"),X=require("./motion-DgB7M2Hn.cjs"),Z=require("./style-fRZ6xrVp.cjs"),H=require("./theme.global-BdZkriPJ.cjs");exports.Outside=e.Outside,exports.useRemovePreviewLoader=t.useRemovePreviewLoader,exports.Preview=o.Preview,exports.Scroll=r.Scroll,exports.StyledScroll=r.StyledScroll,exports.Skeleton=p.Skeleton,exports.StyledSkeleton=p.StyledSkeleton,exports.Smooth=s.Smooth,exports.Accordion=n.Accordion,exports.AccordionDetails=n.AccordionDetails,exports.AccordionStyledIcon=n.AccordionStyledIcon,exports.AccordionSummary=n.AccordionSummary,exports.AccordionSummaryContent=n.AccordionSummaryContent,exports.AccordionWrapper=n.AccordionWrapper,exports.Button=a.Button,exports.ButtonSize=a.ButtonSize,exports.ButtonSizeConstructor=a.ButtonSizeConstructor,exports.StyledButton=a.StyledButton,exports.StyledButtonIconsWrapper=a.StyledButtonIconsWrapper,exports.ButtonGroup=i.ButtonGroup,exports.ButtonGroupWrapper=i.ButtonGroupWrapper,exports.Checkbox=x.Checkbox,exports.CheckboxGenre=x.CheckboxGenre,exports.CheckboxSize=x.CheckboxSize,exports.CheckboxSizeConstructor=x.CheckboxSizeConstructor,exports.CheckboxWrapper=x.CheckboxWrapper,exports.StyledIcon=x.StyledIcon,exports.CheckboxChildren=c.CheckboxChildren,exports.CheckboxGroup=c.CheckboxGroup,exports.CheckboxGroupItem=c.CheckboxGroupItem,exports.CheckboxGroupLabel=c.CheckboxGroupLabel,exports.CheckboxGroupSize=c.CheckboxGroupSize,exports.CheckboxGroupSizeConstructor=c.CheckboxGroupSizeConstructor,exports.CheckboxGroupWrapper=c.CheckboxGroupWrapper,exports.DateDropdownDay=l.DateDropdownDay,exports.DateDropdownDayOfWeek=l.DateDropdownDayOfWeek,exports.DateDropdownDaySize=l.DateDropdownDaySize,exports.DateDropdownDaySizeConstructor=l.DateDropdownDaySizeConstructor,exports.DateDropdownDays=l.DateDropdownDays,exports.DateDropdownList=l.DateDropdownList,exports.DateDropdownListParent=l.DateDropdownListParent,exports.DateInput=l.DateInput,exports.DateInputWrapper=l.DateInputWrapper,exports.DateInputWrapperSize=l.DateInputWrapperSize,exports.DateInputWrapperSizeConstructor=l.DateInputWrapperSizeConstructor,exports.DatePicker=l.DatePicker,exports.DateWrapper=l.DateWrapper,exports.Icon=u.Icon,exports.StyledSVG=u.StyledSVG,exports.ENUM_ICON_CHECKBOX=S.ENUM_ICON_CHECKBOX,exports.ENUM_ICON_ID=S.ENUM_ICON_ID,exports.ENUM_ICON_LOADING=S.ENUM_ICON_LOADING,exports.ENUM_ICON_LOGO=S.ENUM_ICON_LOGO,exports.ENUM_ICON_REALEBAIL=S.ENUM_ICON_REALEBAIL,exports.Image=d.Image,exports.ImageIMG=d.ImageIMG,exports.ImageButton=D.ImageButton,exports.ImageSelect=I.ImageSelect,exports.ImageSelectListSize=I.ImageSelectListSize,exports.ImageSelectListSizeConstructor=I.ImageSelectListSizeConstructor,exports.ImageSelectListWrapper=I.ImageSelectListWrapper,exports.ImageSelectSize=I.ImageSelectSize,exports.ImageSelectSizeConstructor=I.ImageSelectSizeConstructor,exports.ImageSelectWrapper=I.ImageSelectWrapper,exports.IMAGES=E.IMAGES,exports.ImageSlider=E.ImageSlider,exports.SliderDot=E.SliderDot,exports.SliderImage=E.SliderImage,exports.Input=T.Input,exports.formatPhoneNumber=T.formatPhoneNumber,exports.InputIsInputEffect=_.InputIsInputEffect,exports.InputPostfixChildren=_.InputPostfixChildren,exports.InputPrefixChildren=_.InputPrefixChildren,exports.InputSize=_.InputSize,exports.InputSizeConstructor=_.InputSizeConstructor,exports.StyledInput=_.StyledInput,exports.StyledInputCSS=_.StyledInputCSS,exports.StyledInputNumeric=_.StyledInputNumeric,exports.StyledInputPattern=_.StyledInputPattern,exports.StyledInputWrapper=_.StyledInputWrapper,exports.StyledMotionInput=_.StyledMotionInput,exports.addInputPlaceholder=_.addInputPlaceholder,exports.addInputPlaceholderNiceNumber=_.addInputPlaceholderNiceNumber,exports.InputOTP=A.InputOTP,exports.InputOTPSize=A.InputOTPSize,exports.InputOTPSizeConstructor=A.InputOTPSizeConstructor,exports.InputOTPWrapper=A.InputOTPWrapper,exports.CustomZoomControl=O.CustomZoomControl,exports.DEFAULT_MAP_CENTER=O.DEFAULT_MAP_CENTER,exports.DEFAULT_MAP_MAX_ZOOM=O.DEFAULT_MAP_MAX_ZOOM,exports.DEFAULT_MAP_MIN_ZOOM=O.DEFAULT_MAP_MIN_ZOOM,exports.DEFAULT_MAP_THEME=O.DEFAULT_MAP_THEME,exports.DEFAULT_MAP_ZOOM=O.DEFAULT_MAP_ZOOM,exports.Map=O.Map,exports.MapDot=O.MapDot,exports.MapWrapper=O.MapWrapper,exports.MarkerCluster=O.MarkerCluster,exports.UpdateMapSettings=O.UpdateMapSettings,exports.createClusterIcon=O.createClusterIcon,exports.customDefaultIcon=O.customDefaultIcon,exports.customTextIcon=O.customTextIcon,exports.DEFAULT_COMPONENT_PAGINATION_GAP=L.DEFAULT_COMPONENT_PAGINATION_GAP,exports.Pagination=L.Pagination,exports.Range=C.Range,exports.RangeThumb=C.RangeThumb,exports.RangeTrack=C.RangeTrack,exports.RangeWrapper=C.RangeWrapper,exports.DEFAULT_RIPPLE_DURATION=m.DEFAULT_RIPPLE_DURATION,exports.DEFAULT_RIPPLE_ID=m.DEFAULT_RIPPLE_ID,exports.RippleContainer=m.RippleContainer,exports.RippleSpan=m.RippleSpan,exports.addRipple=m.addRipple,exports.addRippleDefault=m.addRippleDefault,exports.Ripple=P.Ripple,exports.ButtonList=g.ButtonList,exports.ContainerDropdownListOption=g.ContainerDropdownListOption,exports.ContainerSelectListOption=g.ContainerSelectListOption,exports.DropdownList=g.DropdownList,exports.DropdownListOption=g.DropdownListOption,exports.DropdownListOptionIcon=g.DropdownListOptionIcon,exports.DropdownListParent=g.DropdownListParent,exports.Select=g.Select,exports.SelectLanguage=g.SelectLanguage,exports.SelectList=g.SelectList,exports.SelectListOption=g.SelectListOption,exports.SelectMapTheme=g.SelectMapTheme,exports.SelectMonth=g.SelectMonth,exports.SelectMonths=g.SelectMonths,exports.SelectTextArea=g.SelectTextArea,exports.SelectWrapper=g.SelectWrapper,exports.SelectYear=g.SelectYear,exports.Separator=R.Separator,exports.SeparatorWrapper=R.SeparatorWrapper,exports.Stack=N.Stack,exports.StackMotion=N.StackMotion,exports.StyledStack=N.StyledStack,exports.StyledStackMotion=N.StyledStackMotion,exports.StyledTextArea=y.StyledTextArea,exports.TextArea=y.TextArea,exports.TextAreaWrapper=y.TextAreaWrapper,exports.addTextArea=y.addTextArea,exports.Toggle=M.Toggle,exports.ToggleCenter=M.ToggleCenter,exports.ToggleWrapper=M.ToggleWrapper,exports.DEFAULT_TOOLTIP_OFFSET_FALLBACK=h.DEFAULT_TOOLTIP_OFFSET_FALLBACK,exports.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK=h.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,exports.Title=h.Title,exports.Tooltip=h.Tooltip,exports.TooltipBox=h.TooltipBox,exports.TooltipContainer=h.TooltipContainer,exports.TooltipContent=h.TooltipContent,exports.Typography=h.Typography,exports.TypographyLink=h.TypographyLink,exports.TypographyTooltip=h.TypographyTooltip,exports.addSXTypography=h.addSXTypography,exports.addTooltipBoxSize=h.addTooltipBoxSize,exports.addTooltipBoxSizeConstructor=h.addTooltipBoxSizeConstructor,exports.getFontSizeStyles=h.getFontSizeStyles,exports.ImageSupportedFormats=U.ImageSupportedFormats,exports.ImageSupportedFormatsForInput=U.ImageSupportedFormatsForInput,exports.KeysLanguage=U.KeysLanguage,exports.KeysService=U.KeysService,exports.ListLanguage=U.ListLanguage,exports.ListService=U.ListService,exports.LoremIpsumText=U.LoremIpsumText,exports.MapThemeList=U.MapThemeList,exports.ObjectLanguage=U.ObjectLanguage,exports.ObjectService=U.ObjectService,exports.localeInput=U.localeInput,exports.localeMonths=U.localeMonths,exports.localeWeeks=U.localeWeeks,exports.AppContext=G.AppContext,exports.ProviderApp=G.ProviderApp,exports.ProviderAppOutlet=G.ProviderAppOutlet,exports.ProviderAppOutletChildren=G.ProviderAppOutletChildren,exports.ProviderAppOutletFooter=G.ProviderAppOutletFooter,exports.ProviderAppOutletHeader=G.ProviderAppOutletHeader,exports.ProviderAppOutletLeftAside=G.ProviderAppOutletLeftAside,exports.ProviderAppOutletNav=G.ProviderAppOutletNav,exports.ProviderAppOutletNotification=G.ProviderAppOutletNotification,exports.ProviderAppOutletRightAside=G.ProviderAppOutletRightAside,exports.ProviderAppWrapper=G.ProviderAppWrapper,exports.useApp=G.useApp,exports.useBgColor=G.useBgColor,exports.useBgImage=G.useBgImage,exports.useDescription=G.useDescription,exports.useStatusBarColor=G.useStatusBarColor,exports.CookieContext=F.CookieContext,exports.ProviderCookie=F.ProviderCookie,exports.getFromCookie=F.getFromCookie,exports.setToCookie=F.setToCookie,exports.useCookie=F.useCookie,exports.DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT=k.DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT,exports.DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT=k.DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND=k.DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS=k.DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT=k.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH=k.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING=k.DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING,exports.DialogContent=k.DialogContent,exports.DialogContext=k.DialogContext,exports.DialogElementWrapper=k.DialogElementWrapper,exports.DialogLayout=k.DialogLayout,exports.ProviderDialog=k.ProviderDialog,exports.useDialog=k.useDialog,exports.useDialogs=k.useDialogs,exports.GeolocationContext=W.GeolocationContext,exports.ProviderGeolocation=W.ProviderGeolocation,exports.useGeolocation=W.useGeolocation,exports.LocalStorageContext=j.LocalStorageContext,exports.ProviderLocalStorage=j.ProviderLocalStorage,exports.getFromLocalStorage=j.getFromLocalStorage,exports.setToLocalStorage=j.setToLocalStorage,exports.useLocalStorage=j.useLocalStorage,exports.urlBase64ToUint8Array=b.urlBase64ToUint8Array,exports.PermissionContext=B.PermissionContext,exports.ProviderPermission=B.ProviderPermission,exports.usePermission=B.usePermission,exports.ProviderScreenWidth=v.ProviderScreenWidth,exports.ScreenWidthContext=v.ScreenWidthContext,exports.useScreenWidth=v.useScreenWidth,exports.DEFAULT_PROVIDER_SONNER_BUTTON=q.DEFAULT_PROVIDER_SONNER_BUTTON,exports.DEFAULT_PROVIDER_SONNER_DURATION=q.DEFAULT_PROVIDER_SONNER_DURATION,exports.DEFAULT_PROVIDER_SONNER_GENRE=q.DEFAULT_PROVIDER_SONNER_GENRE,exports.DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM=q.DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM,exports.DEFAULT_PROVIDER_SONNER_SCALE=q.DEFAULT_PROVIDER_SONNER_SCALE,exports.DEFAULT_PROVIDER_SONNER_Y=q.DEFAULT_PROVIDER_SONNER_Y,exports.DEFAULT_PROVIDER_SONNER_Z_INDEX=q.DEFAULT_PROVIDER_SONNER_Z_INDEX,exports.ProviderSonner=q.ProviderSonner,exports.SonnerButtonWrapper=q.SonnerButtonWrapper,exports.SonnerContent=q.SonnerContent,exports.SonnerContentDescription=q.SonnerContentDescription,exports.SonnerContentTitle=q.SonnerContentTitle,exports.SonnerContext=q.SonnerContext,exports.SonnerElementWrapper=q.SonnerElementWrapper,exports.SonnerIcon=q.SonnerIcon,exports.SonnerLayout=q.SonnerLayout,exports.useSonner=q.useSonner,exports.getContrastYIQ=z.getContrastYIQ,exports.getScrollbarWidth=z.getScrollbarWidth,exports.transformEnumToOptions=z.transformEnumToOptions,exports.transformObjectToArray=z.transformObjectToArray,exports.transformObjectValuesToKeys=z.transformObjectValuesToKeys,exports.useDebouncedCallback=f.useDebouncedCallback,exports.useDeepCompareMemoize=V.useDeepCompareMemoize,exports.addAlwaysOutline=w.addAlwaysOutline,exports.addColorTransition=w.addColorTransition,exports.addDisabled=w.addDisabled,exports.addGridTransition=w.addGridTransition,exports.addNiceNumber=w.addNiceNumber,exports.addOutline=w.addOutline,exports.addOutlineChildren=w.addOutlineChildren,exports.addRemoveOutline=w.addRemoveOutline,exports.addRemoveScrollbar=w.addRemoveScrollbar,exports.addTransition=w.addTransition,exports.addTransitionWithoutSize=w.addTransitionWithoutSize,exports.ErrorMessage=K.ErrorMessage,exports.ErrorMessageComponent=K.ErrorMessageComponent,exports.addError=K.addError,exports.BlurIn=X.BlurIn,exports.GradualSpacing=X.GradualSpacing,exports.TypingEffect=X.TypingEffect,exports.WordsPullUp=X.WordsPullUp,exports.addSX=Z.addSX,exports.JeneseiGlobalStyles=H.JeneseiGlobalStyles,exports.JeneseiPalette=H.JeneseiPalette,exports.KEY_SIZE_DATA=H.KEY_SIZE_DATA,exports.KEY_SIZE_DATA_TOGGLE=H.KEY_SIZE_DATA_TOGGLE,exports.ThemeBlack=H.ThemeBlack,exports.ThemeLight=H.ThemeLight;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-D7906bXA.cjs"),t=require("./area.hooks-C_UKZzcb.cjs"),o=require("./area-E4w7aKuZ.cjs"),r=require("./area-C6QOr2Kd.cjs"),p=require("./area-C8w6fMSn.cjs"),s=require("./component--Oo5_3xq.cjs"),n=require("./component.styles-DDUGBJle.cjs"),a=require("./component-Dw21Chky.cjs"),i=require("./component-DBxYbAnr.cjs"),x=require("./component.styles-sTbPcfTb.cjs"),c=require("./component.styles-B4reSccT.cjs"),l=require("./component.types-DuE80PmF.cjs"),u=require("./component.styles-B-ZAk_1C.cjs"),d=require("./component.types-gy5Q9qHX.cjs"),S=require("./component.styles-BLh29xwF.cjs"),D=require("./component-ODhIlUPq.cjs"),I=require("./component.styles-BScmaCvt.cjs"),E=require("./component.constants-DGS-J9Sc.cjs"),T=require("./component-CV14RCdO.cjs"),_=require("./component.styles-C5GdZJou.cjs"),A=require("./component.styles-CzsKP7v-.cjs"),O=require("./component.components-9ON8OLUd.cjs"),L=require("./component.constants-DD964QJh.cjs"),C=require("./component.styles-DLbbGi9i.cjs"),m=require("./component.styles-Dpg-__rn.cjs"),P=require("./component-D7A-4DNQ.cjs"),g=require("./component.styles-CGyQHdKu.cjs"),R=require("./component.styles-CLn52hJD.cjs"),N=require("./component-BV_7tGiu.cjs"),y=require("./component.styles-qRQ8i8W6.cjs"),M=require("./component.styles-D8ZAo-kS.cjs"),h=require("./component-BfsH0boq.cjs"),U=require("./consts.cjs.js"),G=require("./context.hooks-BfETPRDy.cjs"),F=require("./context.functions-80N-5MqM.cjs"),k=require("./context.constants-BJPyze-d.cjs"),j=require("./context.hooks-u408Pxw8.cjs"),W=require("./context.functions-ohI9H54j.cjs"),b=require("./context.functions-ar41xFVo.cjs"),B=require("./context.hooks-D13tbrva.cjs"),v=require("./context.hooks-BIsapq-0.cjs"),q=require("./context.constants-DkMk-pc7.cjs"),z=require("./functions.cjs.js"),f=require("./use-IhzeVumv.cjs"),V=require("./use-C1l0O0Qo.cjs"),w=require("./style-f3_KtJIt.cjs"),K=require("./style-DmwoOdFB.cjs"),X=require("./motion-DgB7M2Hn.cjs"),Z=require("./style-fRZ6xrVp.cjs"),H=require("./theme.global-BdZkriPJ.cjs");exports.Outside=e.Outside,exports.useRemovePreviewLoader=t.useRemovePreviewLoader,exports.Preview=o.Preview,exports.Scroll=r.Scroll,exports.StyledScroll=r.StyledScroll,exports.Skeleton=p.Skeleton,exports.StyledSkeleton=p.StyledSkeleton,exports.Smooth=s.Smooth,exports.Accordion=n.Accordion,exports.AccordionDetails=n.AccordionDetails,exports.AccordionStyledIcon=n.AccordionStyledIcon,exports.AccordionSummary=n.AccordionSummary,exports.AccordionSummaryContent=n.AccordionSummaryContent,exports.AccordionWrapper=n.AccordionWrapper,exports.Button=a.Button,exports.ButtonSize=a.ButtonSize,exports.ButtonSizeConstructor=a.ButtonSizeConstructor,exports.StyledButton=a.StyledButton,exports.StyledButtonIconsWrapper=a.StyledButtonIconsWrapper,exports.ButtonGroup=i.ButtonGroup,exports.ButtonGroupWrapper=i.ButtonGroupWrapper,exports.Checkbox=x.Checkbox,exports.CheckboxGenre=x.CheckboxGenre,exports.CheckboxSize=x.CheckboxSize,exports.CheckboxSizeConstructor=x.CheckboxSizeConstructor,exports.CheckboxWrapper=x.CheckboxWrapper,exports.StyledIcon=x.StyledIcon,exports.CheckboxChildren=c.CheckboxChildren,exports.CheckboxGroup=c.CheckboxGroup,exports.CheckboxGroupItem=c.CheckboxGroupItem,exports.CheckboxGroupLabel=c.CheckboxGroupLabel,exports.CheckboxGroupSize=c.CheckboxGroupSize,exports.CheckboxGroupSizeConstructor=c.CheckboxGroupSizeConstructor,exports.CheckboxGroupWrapper=c.CheckboxGroupWrapper,exports.DateDropdownDay=l.DateDropdownDay,exports.DateDropdownDayOfWeek=l.DateDropdownDayOfWeek,exports.DateDropdownDays=l.DateDropdownDays,exports.DateDropdownList=l.DateDropdownList,exports.DateDropdownListParent=l.DateDropdownListParent,exports.DateInput=l.DateInput,exports.DateInputWrapper=l.DateInputWrapper,exports.DatePicker=l.DatePicker,exports.DatePickerVariant=l.DatePickerVariant,exports.DateWrapper=l.DateWrapper,exports.addDateDropdownDaySize=l.addDateDropdownDaySize,exports.addDateInputWrapperSize=l.addDateInputWrapperSize,exports.Icon=u.Icon,exports.StyledSVG=u.StyledSVG,exports.ENUM_ICON_CHECKBOX=d.ENUM_ICON_CHECKBOX,exports.ENUM_ICON_ID=d.ENUM_ICON_ID,exports.ENUM_ICON_LOADING=d.ENUM_ICON_LOADING,exports.ENUM_ICON_LOGO=d.ENUM_ICON_LOGO,exports.ENUM_ICON_REALEBAIL=d.ENUM_ICON_REALEBAIL,exports.Image=S.Image,exports.ImageIMG=S.ImageIMG,exports.ImageButton=D.ImageButton,exports.ImageSelect=I.ImageSelect,exports.ImageSelectListSize=I.ImageSelectListSize,exports.ImageSelectListSizeConstructor=I.ImageSelectListSizeConstructor,exports.ImageSelectListWrapper=I.ImageSelectListWrapper,exports.ImageSelectSize=I.ImageSelectSize,exports.ImageSelectSizeConstructor=I.ImageSelectSizeConstructor,exports.ImageSelectWrapper=I.ImageSelectWrapper,exports.IMAGES=E.IMAGES,exports.ImageSlider=E.ImageSlider,exports.SliderDot=E.SliderDot,exports.SliderImage=E.SliderImage,exports.Input=T.Input,exports.formatPhoneNumber=T.formatPhoneNumber,exports.InputPostfixChildren=_.InputPostfixChildren,exports.InputPrefixChildren=_.InputPrefixChildren,exports.InputSize=_.InputSize,exports.InputSizeConstructor=_.InputSizeConstructor,exports.StyledInput=_.StyledInput,exports.StyledInputCSS=_.StyledInputCSS,exports.StyledInputNumeric=_.StyledInputNumeric,exports.StyledInputPattern=_.StyledInputPattern,exports.StyledInputWrapper=_.StyledInputWrapper,exports.StyledMotionInput=_.StyledMotionInput,exports.addInputIsInputEffect=_.addInputIsInputEffect,exports.addInputPlaceholder=_.addInputPlaceholder,exports.addInputPlaceholderNiceNumber=_.addInputPlaceholderNiceNumber,exports.InputOTP=A.InputOTP,exports.InputOTPSize=A.InputOTPSize,exports.InputOTPSizeConstructor=A.InputOTPSizeConstructor,exports.InputOTPWrapper=A.InputOTPWrapper,exports.CustomZoomControl=O.CustomZoomControl,exports.DEFAULT_MAP_CENTER=O.DEFAULT_MAP_CENTER,exports.DEFAULT_MAP_MAX_ZOOM=O.DEFAULT_MAP_MAX_ZOOM,exports.DEFAULT_MAP_MIN_ZOOM=O.DEFAULT_MAP_MIN_ZOOM,exports.DEFAULT_MAP_THEME=O.DEFAULT_MAP_THEME,exports.DEFAULT_MAP_ZOOM=O.DEFAULT_MAP_ZOOM,exports.Map=O.Map,exports.MapDot=O.MapDot,exports.MapWrapper=O.MapWrapper,exports.MarkerCluster=O.MarkerCluster,exports.UpdateMapSettings=O.UpdateMapSettings,exports.createClusterIcon=O.createClusterIcon,exports.customDefaultIcon=O.customDefaultIcon,exports.customTextIcon=O.customTextIcon,exports.DEFAULT_COMPONENT_PAGINATION_GAP=L.DEFAULT_COMPONENT_PAGINATION_GAP,exports.Pagination=L.Pagination,exports.Range=C.Range,exports.RangeThumb=C.RangeThumb,exports.RangeTrack=C.RangeTrack,exports.RangeWrapper=C.RangeWrapper,exports.DEFAULT_RIPPLE_DURATION=m.DEFAULT_RIPPLE_DURATION,exports.DEFAULT_RIPPLE_ID=m.DEFAULT_RIPPLE_ID,exports.RippleContainer=m.RippleContainer,exports.RippleSpan=m.RippleSpan,exports.addRipple=m.addRipple,exports.addRippleDefault=m.addRippleDefault,exports.Ripple=P.Ripple,exports.ButtonList=g.ButtonList,exports.ContainerDropdownListOption=g.ContainerDropdownListOption,exports.ContainerSelectListOption=g.ContainerSelectListOption,exports.DropdownList=g.DropdownList,exports.DropdownListOption=g.DropdownListOption,exports.DropdownListOptionIcon=g.DropdownListOptionIcon,exports.DropdownListParent=g.DropdownListParent,exports.Select=g.Select,exports.SelectLanguage=g.SelectLanguage,exports.SelectList=g.SelectList,exports.SelectListOption=g.SelectListOption,exports.SelectMapTheme=g.SelectMapTheme,exports.SelectMonth=g.SelectMonth,exports.SelectMonths=g.SelectMonths,exports.SelectTextArea=g.SelectTextArea,exports.SelectWrapper=g.SelectWrapper,exports.SelectYear=g.SelectYear,exports.Separator=R.Separator,exports.SeparatorWrapper=R.SeparatorWrapper,exports.Stack=N.Stack,exports.StackMotion=N.StackMotion,exports.StyledStack=N.StyledStack,exports.StyledStackMotion=N.StyledStackMotion,exports.StyledTextArea=y.StyledTextArea,exports.TextArea=y.TextArea,exports.TextAreaWrapper=y.TextAreaWrapper,exports.addTextArea=y.addTextArea,exports.Toggle=M.Toggle,exports.ToggleCenter=M.ToggleCenter,exports.ToggleWrapper=M.ToggleWrapper,exports.DEFAULT_TOOLTIP_OFFSET_FALLBACK=h.DEFAULT_TOOLTIP_OFFSET_FALLBACK,exports.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK=h.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,exports.Title=h.Title,exports.Tooltip=h.Tooltip,exports.TooltipBox=h.TooltipBox,exports.TooltipContainer=h.TooltipContainer,exports.TooltipContent=h.TooltipContent,exports.Typography=h.Typography,exports.TypographyLink=h.TypographyLink,exports.TypographyTooltip=h.TypographyTooltip,exports.addSXTypography=h.addSXTypography,exports.addTooltipBoxSize=h.addTooltipBoxSize,exports.addTooltipBoxSizeConstructor=h.addTooltipBoxSizeConstructor,exports.getFontSizeStyles=h.getFontSizeStyles,exports.ImageSupportedFormats=U.ImageSupportedFormats,exports.ImageSupportedFormatsForInput=U.ImageSupportedFormatsForInput,exports.KeysLanguage=U.KeysLanguage,exports.KeysService=U.KeysService,exports.ListLanguage=U.ListLanguage,exports.ListService=U.ListService,exports.LoremIpsumText=U.LoremIpsumText,exports.MapThemeList=U.MapThemeList,exports.ObjectLanguage=U.ObjectLanguage,exports.ObjectService=U.ObjectService,exports.localeInput=U.localeInput,exports.localeMonths=U.localeMonths,exports.localeWeeks=U.localeWeeks,exports.AppContext=G.AppContext,exports.ProviderApp=G.ProviderApp,exports.ProviderAppOutlet=G.ProviderAppOutlet,exports.ProviderAppOutletChildren=G.ProviderAppOutletChildren,exports.ProviderAppOutletFooter=G.ProviderAppOutletFooter,exports.ProviderAppOutletHeader=G.ProviderAppOutletHeader,exports.ProviderAppOutletLeftAside=G.ProviderAppOutletLeftAside,exports.ProviderAppOutletNav=G.ProviderAppOutletNav,exports.ProviderAppOutletNotification=G.ProviderAppOutletNotification,exports.ProviderAppOutletRightAside=G.ProviderAppOutletRightAside,exports.ProviderAppWrapper=G.ProviderAppWrapper,exports.useApp=G.useApp,exports.useBgColor=G.useBgColor,exports.useBgImage=G.useBgImage,exports.useDescription=G.useDescription,exports.useStatusBarColor=G.useStatusBarColor,exports.CookieContext=F.CookieContext,exports.ProviderCookie=F.ProviderCookie,exports.getFromCookie=F.getFromCookie,exports.setToCookie=F.setToCookie,exports.useCookie=F.useCookie,exports.DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT=k.DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT,exports.DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT=k.DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND=k.DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS=k.DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT=k.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH=k.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING=k.DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING,exports.DialogContent=k.DialogContent,exports.DialogContext=k.DialogContext,exports.DialogElementWrapper=k.DialogElementWrapper,exports.DialogLayout=k.DialogLayout,exports.ProviderDialog=k.ProviderDialog,exports.useDialog=k.useDialog,exports.useDialogs=k.useDialogs,exports.GeolocationContext=j.GeolocationContext,exports.ProviderGeolocation=j.ProviderGeolocation,exports.useGeolocation=j.useGeolocation,exports.LocalStorageContext=W.LocalStorageContext,exports.ProviderLocalStorage=W.ProviderLocalStorage,exports.getFromLocalStorage=W.getFromLocalStorage,exports.setToLocalStorage=W.setToLocalStorage,exports.useLocalStorage=W.useLocalStorage,exports.urlBase64ToUint8Array=b.urlBase64ToUint8Array,exports.PermissionContext=B.PermissionContext,exports.ProviderPermission=B.ProviderPermission,exports.usePermission=B.usePermission,exports.ProviderScreenWidth=v.ProviderScreenWidth,exports.ScreenWidthContext=v.ScreenWidthContext,exports.useScreenWidth=v.useScreenWidth,exports.DEFAULT_PROVIDER_SONNER_BUTTON=q.DEFAULT_PROVIDER_SONNER_BUTTON,exports.DEFAULT_PROVIDER_SONNER_DURATION=q.DEFAULT_PROVIDER_SONNER_DURATION,exports.DEFAULT_PROVIDER_SONNER_GENRE=q.DEFAULT_PROVIDER_SONNER_GENRE,exports.DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM=q.DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM,exports.DEFAULT_PROVIDER_SONNER_SCALE=q.DEFAULT_PROVIDER_SONNER_SCALE,exports.DEFAULT_PROVIDER_SONNER_Y=q.DEFAULT_PROVIDER_SONNER_Y,exports.DEFAULT_PROVIDER_SONNER_Z_INDEX=q.DEFAULT_PROVIDER_SONNER_Z_INDEX,exports.ProviderSonner=q.ProviderSonner,exports.SonnerButtonWrapper=q.SonnerButtonWrapper,exports.SonnerContent=q.SonnerContent,exports.SonnerContentDescription=q.SonnerContentDescription,exports.SonnerContentTitle=q.SonnerContentTitle,exports.SonnerContext=q.SonnerContext,exports.SonnerElementWrapper=q.SonnerElementWrapper,exports.SonnerIcon=q.SonnerIcon,exports.SonnerLayout=q.SonnerLayout,exports.useSonner=q.useSonner,exports.getContrastYIQ=z.getContrastYIQ,exports.getScrollbarWidth=z.getScrollbarWidth,exports.transformEnumToOptions=z.transformEnumToOptions,exports.transformObjectToArray=z.transformObjectToArray,exports.transformObjectValuesToKeys=z.transformObjectValuesToKeys,exports.useDebouncedCallback=f.useDebouncedCallback,exports.useDeepCompareMemoize=V.useDeepCompareMemoize,exports.addAlwaysOutline=w.addAlwaysOutline,exports.addColorTransition=w.addColorTransition,exports.addDisabled=w.addDisabled,exports.addGridTransition=w.addGridTransition,exports.addNiceNumber=w.addNiceNumber,exports.addOutline=w.addOutline,exports.addOutlineChildren=w.addOutlineChildren,exports.addRemoveOutline=w.addRemoveOutline,exports.addRemoveScrollbar=w.addRemoveScrollbar,exports.addTransition=w.addTransition,exports.addTransitionWithoutSize=w.addTransitionWithoutSize,exports.ErrorMessage=K.ErrorMessage,exports.ErrorMessageComponent=K.ErrorMessageComponent,exports.addError=K.addError,exports.BlurIn=X.BlurIn,exports.GradualSpacing=X.GradualSpacing,exports.TypingEffect=X.TypingEffect,exports.WordsPullUp=X.WordsPullUp,exports.addSX=Z.addSX,exports.JeneseiGlobalStyles=H.JeneseiGlobalStyles,exports.JeneseiPalette=H.JeneseiPalette,exports.KEY_SIZE_DATA=H.KEY_SIZE_DATA,exports.KEY_SIZE_DATA_TOGGLE=H.KEY_SIZE_DATA_TOGGLE,exports.ThemeBlack=H.ThemeBlack,exports.ThemeLight=H.ThemeLight;
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
package/build/index.d.ts
CHANGED
|
@@ -150,6 +150,21 @@ $isShowAlwaysOutline?: boolean;
|
|
|
150
150
|
|
|
151
151
|
export declare const addColorTransition: RuleSet<object>;
|
|
152
152
|
|
|
153
|
+
export declare const addDateDropdownDaySize: RuleSet<AddDollarSign_2<Pick<DatePickerProps_2, "size" | "genre"> & Pick<DateDayProps_2, "isToday" | "isWeekend"> & {
|
|
154
|
+
row: number;
|
|
155
|
+
column: number;
|
|
156
|
+
isChoice?: boolean;
|
|
157
|
+
isCurrentMonth?: boolean;
|
|
158
|
+
isDisabled?: boolean;
|
|
159
|
+
}>>;
|
|
160
|
+
|
|
161
|
+
/****************************************** Size *************************************************/
|
|
162
|
+
export declare const addDateInputWrapperSize: RuleSet<AddDollarSign_2<Pick<DatePickerProps_2, "size" | "error" | "genre" | "isBold"> & {
|
|
163
|
+
isOpen?: boolean;
|
|
164
|
+
isActive?: boolean;
|
|
165
|
+
isHaveValue?: boolean;
|
|
166
|
+
}>>;
|
|
167
|
+
|
|
153
168
|
export declare const addDisabled: RuleSet< {
|
|
154
169
|
$isDisabled?: boolean;
|
|
155
170
|
}>;
|
|
@@ -168,6 +183,9 @@ export declare type addErrorStylesProps = AddDollarSign<addErrorProps>;
|
|
|
168
183
|
|
|
169
184
|
export declare const addGridTransition: RuleSet<object>;
|
|
170
185
|
|
|
186
|
+
/****************************************** is isInputEffect *************************************************/
|
|
187
|
+
export declare const addInputIsInputEffect: RuleSet<Pick<AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>, "$isInputEffect">>;
|
|
188
|
+
|
|
171
189
|
/****************************************** Placeholder *************************************************/
|
|
172
190
|
export declare const addInputPlaceholder: RuleSet<AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>>;
|
|
173
191
|
|
|
@@ -248,7 +266,7 @@ declare type AutoHeightTextAreaProps = BaseTextAreaProps & {
|
|
|
248
266
|
|
|
249
267
|
declare type BaseInputProps = CommonInputProps & (ControlledValue | UncontrolledValue);
|
|
250
268
|
|
|
251
|
-
declare type BaseTextAreaProps = CommonTextAreaProps & (
|
|
269
|
+
declare type BaseTextAreaProps = CommonTextAreaProps & (ControlledValue_3 | UncontrolledValue_3);
|
|
252
270
|
|
|
253
271
|
export declare function BlurIn({ children }: {
|
|
254
272
|
children: ReactNode;
|
|
@@ -396,6 +414,32 @@ export declare const CheckboxSizeConstructor: (props: IThemeSizePropertyDefault
|
|
|
396
414
|
/****************************************** Default *************************************************/
|
|
397
415
|
export declare const CheckboxWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledCheckboxProps>> & string;
|
|
398
416
|
|
|
417
|
+
export declare type CommonDatePickerProps = addErrorProps & addSXProps & {
|
|
418
|
+
genre: TDateGenre;
|
|
419
|
+
id?: string;
|
|
420
|
+
isDisabled?: boolean;
|
|
421
|
+
isBold?: boolean;
|
|
422
|
+
isMinWidth?: boolean;
|
|
423
|
+
isInputEffect?: InputStandardProps['isInputEffect'];
|
|
424
|
+
isOnClickClose?: boolean;
|
|
425
|
+
labelPlaceholder?: string;
|
|
426
|
+
locale: {
|
|
427
|
+
months: SelectMonthProps['monthsLocale'];
|
|
428
|
+
weeks: WeekItem[];
|
|
429
|
+
inputs: InputItem;
|
|
430
|
+
};
|
|
431
|
+
notValidDate?: Omit<ErrorMessageProps, 'size' | 'isError'>;
|
|
432
|
+
mode?: DatePickerMode;
|
|
433
|
+
name?: string;
|
|
434
|
+
onBlur?: () => void;
|
|
435
|
+
onChange: (timestamp: number | null) => void;
|
|
436
|
+
onFocus?: () => void;
|
|
437
|
+
size: IThemeSize;
|
|
438
|
+
dateMax?: number;
|
|
439
|
+
dateMin?: number;
|
|
440
|
+
dateDefault: number;
|
|
441
|
+
};
|
|
442
|
+
|
|
399
443
|
declare type CommonInputProps = addErrorProps & addSXProps & {
|
|
400
444
|
ref?: Ref<HTMLInputElement | null>;
|
|
401
445
|
name?: string;
|
|
@@ -480,6 +524,11 @@ declare type ControlledValue = {
|
|
|
480
524
|
};
|
|
481
525
|
|
|
482
526
|
declare type ControlledValue_2 = {
|
|
527
|
+
value: number | null | undefined;
|
|
528
|
+
defaultValue?: never;
|
|
529
|
+
};
|
|
530
|
+
|
|
531
|
+
declare type ControlledValue_3 = {
|
|
483
532
|
value: string | null | undefined;
|
|
484
533
|
defaultValue?: never;
|
|
485
534
|
};
|
|
@@ -525,6 +574,7 @@ row: number;
|
|
|
525
574
|
column: number;
|
|
526
575
|
isChoice?: boolean;
|
|
527
576
|
isCurrentMonth?: boolean;
|
|
577
|
+
isDisabled?: boolean;
|
|
528
578
|
}>>> & string;
|
|
529
579
|
|
|
530
580
|
export declare const DateDropdownDayOfWeek: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "genre"> & Pick<DateDayProps_2, "isToday" | "isWeekend"> & {
|
|
@@ -532,6 +582,7 @@ row: number;
|
|
|
532
582
|
column: number;
|
|
533
583
|
isChoice?: boolean;
|
|
534
584
|
isCurrentMonth?: boolean;
|
|
585
|
+
isDisabled?: boolean;
|
|
535
586
|
}>>> & string;
|
|
536
587
|
|
|
537
588
|
export declare type DateDropdownDayProps = AddDollarSign<Pick<DatePickerProps, 'genre' | 'size'> & Pick<DateDayProps, 'isToday' | 'isWeekend'> & {
|
|
@@ -539,80 +590,48 @@ export declare type DateDropdownDayProps = AddDollarSign<Pick<DatePickerProps, '
|
|
|
539
590
|
column: number;
|
|
540
591
|
isChoice?: boolean;
|
|
541
592
|
isCurrentMonth?: boolean;
|
|
593
|
+
isDisabled?: boolean;
|
|
542
594
|
}>;
|
|
543
595
|
|
|
544
596
|
export declare const DateDropdownDays: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
545
597
|
$rows: number;
|
|
546
598
|
}>> & string;
|
|
547
599
|
|
|
548
|
-
export declare const DateDropdownDaySize: RuleSet<AddDollarSign_2<Pick<DatePickerProps_2, "size" | "genre"> & Pick<DateDayProps_2, "isToday" | "isWeekend"> & {
|
|
549
|
-
row: number;
|
|
550
|
-
column: number;
|
|
551
|
-
isChoice?: boolean;
|
|
552
|
-
isCurrentMonth?: boolean;
|
|
553
|
-
}>>;
|
|
554
|
-
|
|
555
|
-
export declare const DateDropdownDaySizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
|
|
556
|
-
|
|
557
600
|
export declare const DateDropdownList: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "isInputEffect"> & Pick<DatePickerProps_2, "size" | "genre">>>> & string;
|
|
558
601
|
|
|
559
602
|
export declare const DateDropdownListParent: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign_2<Pick<InputStandardProps_2, "size" | "genre">>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
|
|
560
603
|
|
|
561
604
|
export declare type DateDropdownListProps = AddDollarSign<Pick<DatePickerProps, 'isInputEffect'> & Pick<DatePickerProps, 'genre' | 'size'>>;
|
|
562
605
|
|
|
563
|
-
export declare const DateInput: IStyledComponentBase<"web", Substitute<
|
|
564
|
-
format: string;
|
|
565
|
-
mask?: string | string[];
|
|
566
|
-
allowEmptyFormatting?: boolean;
|
|
567
|
-
patternChar?: string;
|
|
568
|
-
} & Omit<InputAttributes, never> & Omit<unknown, "mask" | "value" | "ref" | "defaultValue" | "inputMode" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onMouseUp" | "type" | "format" | "displayType" | "renderText" | "getInputRef" | "valueIsNumericString" | "onValueChange" | "isAllowed" | "allowEmptyFormatting" | "patternChar"> & {
|
|
569
|
-
customInput?: ComponentType<unknown> | undefined;
|
|
570
|
-
}, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "error" | "genre"> & {
|
|
606
|
+
export declare const DateInput: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "error" | "genre" | "isBold"> & {
|
|
571
607
|
isOpen?: boolean;
|
|
572
|
-
|
|
608
|
+
isActive?: boolean;
|
|
609
|
+
isHaveValue?: boolean;
|
|
610
|
+
}>>> & string;
|
|
573
611
|
|
|
574
|
-
export declare type DateInputProps = AddDollarSign<Pick<DatePickerProps, 'error' | 'genre' | 'size'> & {
|
|
612
|
+
export declare type DateInputProps = AddDollarSign<Pick<DatePickerProps, 'error' | 'genre' | 'size' | 'isBold'> & {
|
|
575
613
|
isOpen?: boolean;
|
|
614
|
+
isActive?: boolean;
|
|
615
|
+
isHaveValue?: boolean;
|
|
576
616
|
}>;
|
|
577
617
|
|
|
578
|
-
export declare const DateInputWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "error" | "genre"> & {
|
|
618
|
+
export declare const DateInputWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "error" | "genre" | "isBold"> & {
|
|
579
619
|
isOpen?: boolean;
|
|
620
|
+
isActive?: boolean;
|
|
621
|
+
isHaveValue?: boolean;
|
|
580
622
|
}>>> & string;
|
|
581
623
|
|
|
582
|
-
/****************************************** Size *************************************************/
|
|
583
|
-
export declare const DateInputWrapperSize: RuleSet<AddDollarSign_2<Pick<DatePickerProps_2, "size" | "error" | "genre"> & {
|
|
584
|
-
isOpen?: boolean;
|
|
585
|
-
}>>;
|
|
586
|
-
|
|
587
|
-
export declare const DateInputWrapperSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
|
|
588
|
-
|
|
589
624
|
export declare const DatePicker: (props: DatePickerProps) => JSX.Element;
|
|
590
625
|
|
|
591
|
-
export declare type DatePickerMode =
|
|
626
|
+
export declare type DatePickerMode = DatePickerVariant[];
|
|
592
627
|
|
|
593
|
-
export declare type DatePickerProps =
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
isOnClickClose?: boolean;
|
|
601
|
-
labelPlaceholder?: string;
|
|
602
|
-
locale: {
|
|
603
|
-
months: SelectMonthProps['monthsLocale'];
|
|
604
|
-
weeks: WeekItem[];
|
|
605
|
-
inputs: InputItem;
|
|
606
|
-
};
|
|
607
|
-
mode?: DatePickerMode;
|
|
608
|
-
name?: string;
|
|
609
|
-
onBlur?: () => void;
|
|
610
|
-
onChange: (timestamp: number | null) => void;
|
|
611
|
-
onFocus?: () => void;
|
|
612
|
-
size: IThemeSize;
|
|
613
|
-
startDate?: number;
|
|
614
|
-
value: number | null;
|
|
615
|
-
};
|
|
628
|
+
export declare type DatePickerProps = CommonDatePickerProps & (ControlledValue_2 | UncontrolledValue_2);
|
|
629
|
+
|
|
630
|
+
export declare enum DatePickerVariant {
|
|
631
|
+
DD = "DD",
|
|
632
|
+
MM = "MM",
|
|
633
|
+
YYYY = "YYYY"
|
|
634
|
+
}
|
|
616
635
|
|
|
617
636
|
export declare type DateStyledListProps = AddDollarSign<Pick<InputStandardProps, 'genre' | 'size'>>;
|
|
618
637
|
|
|
@@ -1128,9 +1147,6 @@ export declare interface InputChildrenProps extends PropsWithChildren {
|
|
|
1128
1147
|
width: string;
|
|
1129
1148
|
}
|
|
1130
1149
|
|
|
1131
|
-
/****************************************** is isInputEffect *************************************************/
|
|
1132
|
-
export declare const InputIsInputEffect: RuleSet<Pick<AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>, "$isInputEffect">>;
|
|
1133
|
-
|
|
1134
1150
|
export declare type InputItem = {
|
|
1135
1151
|
day: string;
|
|
1136
1152
|
month: string;
|
|
@@ -1958,8 +1974,8 @@ export declare type SelectMapThemeProps = Omit<SelectProps<ISelectItem>, 'option
|
|
|
1958
1974
|
export declare const SelectMonth: FC<SelectMonthProps>;
|
|
1959
1975
|
|
|
1960
1976
|
export declare type SelectMonthProps = Omit<SelectProps<ISelectItem>, 'option' | 'value' | 'onChange'> & {
|
|
1961
|
-
|
|
1962
|
-
|
|
1977
|
+
dateMin?: number;
|
|
1978
|
+
dateMax?: number;
|
|
1963
1979
|
value: number | null;
|
|
1964
1980
|
isShortLabel?: boolean;
|
|
1965
1981
|
onChange: (value: number | null) => void;
|
|
@@ -1969,8 +1985,8 @@ export declare type SelectMonthProps = Omit<SelectProps<ISelectItem>, 'option' |
|
|
|
1969
1985
|
export declare const SelectMonths: FC<SelectMonthsProps>;
|
|
1970
1986
|
|
|
1971
1987
|
export declare type SelectMonthsProps = Omit<SelectProps<ISelectItem>, 'option' | 'value' | 'onChange'> & {
|
|
1972
|
-
|
|
1973
|
-
|
|
1988
|
+
dateMin?: number;
|
|
1989
|
+
dateMax?: number;
|
|
1974
1990
|
value: number[];
|
|
1975
1991
|
isShortLabel?: boolean;
|
|
1976
1992
|
onChange: (value: number[]) => void;
|
|
@@ -2040,8 +2056,8 @@ export declare type SelectWrapperProps = AddDollarSign<Pick<SelectProps<ISelectI
|
|
|
2040
2056
|
export declare const SelectYear: FC<SelectYearProps>;
|
|
2041
2057
|
|
|
2042
2058
|
export declare type SelectYearProps = Omit<SelectMonthProps, 'monthsLocale'> & {
|
|
2043
|
-
|
|
2044
|
-
|
|
2059
|
+
dateMin?: number;
|
|
2060
|
+
dateMax?: number;
|
|
2045
2061
|
sortOrder?: 'asc' | 'desc';
|
|
2046
2062
|
};
|
|
2047
2063
|
|
|
@@ -2474,6 +2490,11 @@ declare type UncontrolledValue = {
|
|
|
2474
2490
|
};
|
|
2475
2491
|
|
|
2476
2492
|
declare type UncontrolledValue_2 = {
|
|
2493
|
+
defaultValue: number | null | undefined;
|
|
2494
|
+
value?: never;
|
|
2495
|
+
};
|
|
2496
|
+
|
|
2497
|
+
declare type UncontrolledValue_3 = {
|
|
2477
2498
|
value?: never;
|
|
2478
2499
|
defaultValue: string;
|
|
2479
2500
|
};
|
|
@@ -2567,6 +2588,7 @@ declare type UsePopoverProps = {
|
|
|
2567
2588
|
refsExcludeClickOutside?: Ref<HTMLElement | null>[];
|
|
2568
2589
|
onFocus?: () => void;
|
|
2569
2590
|
onBlur?: () => void;
|
|
2591
|
+
onBlurReference?: () => void;
|
|
2570
2592
|
};
|
|
2571
2593
|
|
|
2572
2594
|
export declare const useRemovePreviewLoader: () => void;
|