1 line
3.1 KiB
Plaintext
1 line
3.1 KiB
Plaintext
{"version":3,"sources":["../src/tabs.tsx"],"sourcesContent":["import { createContext } from \"@chakra-ui/react-context\"\nimport {\n chakra,\n forwardRef,\n omitThemingProps,\n SystemStyleObject,\n ThemingProps,\n useMultiStyleConfig,\n HTMLChakraProps,\n} from \"@chakra-ui/system\"\nimport { cx } from \"@chakra-ui/shared-utils\"\nimport { useMemo } from \"react\"\nimport {\n TabsDescendantsProvider,\n TabsProvider,\n useTabs,\n UseTabsProps,\n} from \"./use-tabs\"\n\nconst [TabsStylesProvider, useTabsStyles] = createContext<\n Record<string, SystemStyleObject>\n>({\n name: `TabsStylesContext`,\n errorMessage: `useTabsStyles returned is 'undefined'. Seems you forgot to wrap the components in \"<Tabs />\" `,\n})\n\nexport { useTabsStyles }\n\ninterface TabsOptions {\n /**\n * If `true`, tabs will stretch to width of the tablist.\n * @default false\n */\n isFitted?: boolean\n /**\n * The alignment of the tabs\n */\n align?: \"start\" | \"end\" | \"center\"\n}\n\nexport interface TabsProps\n extends UseTabsProps,\n ThemingProps<\"Tabs\">,\n Omit<HTMLChakraProps<\"div\">, \"onChange\">,\n TabsOptions {\n children: React.ReactNode\n}\n\n/**\n * Tabs\n *\n * Provides context and logic for all tabs components.\n *\n * @see Docs https://chakra-ui.com/docs/components/tabs\n * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/\n */\nexport const Tabs = forwardRef<TabsProps, \"div\">(function Tabs(props, ref) {\n const styles = useMultiStyleConfig(\"Tabs\", props)\n const { children, className, ...rest } = omitThemingProps(props)\n\n const { htmlProps, descendants, ...ctx } = useTabs(rest)\n const context = useMemo(() => ctx, [ctx])\n\n const { isFitted: _, ...rootProps } = htmlProps as any\n\n const tabsStyles: SystemStyleObject = {\n position: \"relative\",\n ...styles.root,\n }\n\n return (\n <TabsDescendantsProvider value={descendants}>\n <TabsProvider value={context}>\n <TabsStylesProvider value={styles}>\n <chakra.div\n className={cx(\"chakra-tabs\", className)}\n ref={ref}\n {...rootProps}\n __css={tabsStyles}\n >\n {children}\n </chakra.div>\n </TabsStylesProvider>\n </TabsProvider>\n </TabsDescendantsProvider>\n )\n})\n\nTabs.displayName = \"Tabs\"\n"],"mappings":";;;;;;;;AAAA,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAGA;AAAA,OAEK;AACP,SAAS,UAAU;AACnB,SAAS,eAAe;AA+Dd;AAvDV,IAAM,CAAC,oBAAoB,aAAa,IAAI,cAE1C;AAAA,EACA,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AAgCM,IAAM,OAAO,WAA6B,SAASA,MAAK,OAAO,KAAK;AACzE,QAAM,SAAS,oBAAoB,QAAQ,KAAK;AAChD,QAAM,EAAE,UAAU,WAAW,GAAG,KAAK,IAAI,iBAAiB,KAAK;AAE/D,QAAM,EAAE,WAAW,aAAa,GAAG,IAAI,IAAI,QAAQ,IAAI;AACvD,QAAM,UAAU,QAAQ,MAAM,KAAK,CAAC,GAAG,CAAC;AAExC,QAAM,EAAE,UAAU,GAAG,GAAG,UAAU,IAAI;AAEtC,QAAM,aAAgC;AAAA,IACpC,UAAU;AAAA,IACV,GAAG,OAAO;AAAA,EACZ;AAEA,SACE,oBAAC,2BAAwB,OAAO,aAC9B,8BAAC,gBAAa,OAAO,SACnB,8BAAC,sBAAmB,OAAO,QACzB;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,WAAW,GAAG,eAAe,SAAS;AAAA,MACtC;AAAA,MACC,GAAG;AAAA,MACJ,OAAO;AAAA,MAEN;AAAA;AAAA,EACH,GACF,GACF,GACF;AAEJ,CAAC;AAED,KAAK,cAAc;","names":["Tabs"]} |