@frontify/fondue 12.0.0-beta.223 → 12.0.0-beta.224

package/dist/components/Tabs/TabItem.es.js

@@ -1,26 +1,24 @@
-import c, { useRef as s } from "react";
-import { useFocusRing as i } from "@react-aria/focus";
+import o, { useRef as c } from "react";
 import { FOCUS_VISIBLE_STYLE as l } from "../../utilities/focusStyle.es.js";
-import { merge as f } from "../../utilities/merge.es.js";
-import { checkIfContainInteractiveElements as p } from "../../utilities/elements.es.js";
-const u = ({ active: o, disabled: n, children: a, id: e }) => {
-  const { focusProps: m } = i(), t = s(null), r = p(t.current);
-  return /* @__PURE__ */ c.createElement(
+import { merge as i } from "../../utilities/merge.es.js";
+import { checkIfContainInteractiveElements as s } from "../../utilities/elements.es.js";
+const I = ({ active: n, disabled: a, children: m, id: e }) => {
+  const t = c(null), r = s(t.current);
+  return /* @__PURE__ */ o.createElement(
     "div",
     {
       role: "tabpanel",
       ref: t,
       id: `${e}-content`,
       "aria-labelledby": e,
-      className: f([!o || n ? "tw-hidden" : "", !r && l]),
-      tabIndex: r ? -1 : 0,
-      ...m
+      className: i([!n || a ? "tw-hidden" : "", !r && l]),
+      tabIndex: r ? -1 : 0
     },
-    a
+    m
   );
 };
-u.displayName = "FondueTabItem";
+I.displayName = "FondueTabItem";
 export {
-  u as TabItem
+  I as TabItem
 };
 //# sourceMappingURL=TabItem.es.js.map

package/dist/components/Tabs/TabItem.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.es.js","sources":["../../../src/components/Tabs/TabItem.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { ReactElement, ReactNode, useRef } from 'react';\nimport { BadgeProps } from '@components/Badge';\nimport { useFocusRing } from '@react-aria/focus';\nimport { FOCUS_VISIBLE_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\nimport { checkIfContainInteractiveElements } from '@utilities/elements';\n\nexport type TabItemProps = {\n    id: string;\n    label: string;\n    onClick?: () => void;\n    disabled?: boolean;\n    decorator?: ReactElement;\n    badge?: BadgeProps;\n    children: ReactNode;\n};\n\nexport const TabItem = ({ active, disabled, children, id }: TabItemProps & { active?: boolean }): ReactElement => {\n    const { focusProps } = useFocusRing();\n    const ref = useRef<HTMLDivElement | null>(null);\n    const hasInteractiveElements = checkIfContainInteractiveElements(ref.current);\n\n    return (\n        <div\n            role=\"tabpanel\"\n            ref={ref}\n            id={`${id}-content`}\n            aria-labelledby={id}\n            className={merge([!active || disabled ? 'tw-hidden' : '', !hasInteractiveElements && FOCUS_VISIBLE_STYLE])}\n            tabIndex={hasInteractiveElements ? -1 : 0}\n            {...focusProps}\n        >\n            {children}\n        </div>\n    );\n};\nTabItem.displayName = 'FondueTabItem';\n"],"names":["TabItem","active","disabled","children","id","focusProps","useFocusRing","ref","useRef","hasInteractiveElements","checkIfContainInteractiveElements","React","merge","FOCUS_VISIBLE_STYLE"],"mappings":";;;;;AAmBO,MAAMA,IAAU,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,GAAU,IAAAC,QAA4D;AACxG,QAAA,EAAE,YAAAC,MAAeC,KACjBC,IAAMC,EAA8B,IAAI,GACxCC,IAAyBC,EAAkCH,EAAI,OAAO;AAGxE,SAAA,gBAAAI,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,KAAAJ;AAAA,MACA,IAAI,GAAGH;AAAA,MACP,mBAAiBA;AAAA,MACjB,WAAWQ,EAAM,CAAC,CAACX,KAAUC,IAAW,cAAc,IAAI,CAACO,KAA0BI,CAAmB,CAAC;AAAA,MACzG,UAAUJ,IAAyB,KAAK;AAAA,MACvC,GAAGJ;AAAA,IAAA;AAAA,IAEHF;AAAA,EAAA;AAGb;AACAH,EAAQ,cAAc;"}
+{"version":3,"file":"TabItem.es.js","sources":["../../../src/components/Tabs/TabItem.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { ReactElement, ReactNode, useRef } from 'react';\nimport { BadgeProps } from '@components/Badge';\nimport { FOCUS_VISIBLE_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\nimport { checkIfContainInteractiveElements } from '@utilities/elements';\n\nexport type TabItemProps = {\n    id: string;\n    label: string;\n    onClick?: () => void;\n    disabled?: boolean;\n    decorator?: ReactElement;\n    badge?: BadgeProps;\n    children: ReactNode;\n};\n\nexport const TabItem = ({ active, disabled, children, id }: TabItemProps & { active?: boolean }): ReactElement => {\n    const ref = useRef<HTMLDivElement | null>(null);\n    const hasInteractiveElements = checkIfContainInteractiveElements(ref.current);\n\n    return (\n        <div\n            role=\"tabpanel\"\n            ref={ref}\n            id={`${id}-content`}\n            aria-labelledby={id}\n            className={merge([!active || disabled ? 'tw-hidden' : '', !hasInteractiveElements && FOCUS_VISIBLE_STYLE])}\n            tabIndex={hasInteractiveElements ? -1 : 0}\n        >\n            {children}\n        </div>\n    );\n};\nTabItem.displayName = 'FondueTabItem';\n"],"names":["TabItem","active","disabled","children","id","ref","useRef","hasInteractiveElements","checkIfContainInteractiveElements","React","merge","FOCUS_VISIBLE_STYLE"],"mappings":";;;;AAkBO,MAAMA,IAAU,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,GAAU,IAAAC,QAA4D;AACxG,QAAAC,IAAMC,EAA8B,IAAI,GACxCC,IAAyBC,EAAkCH,EAAI,OAAO;AAGxE,SAAA,gBAAAI,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,KAAAJ;AAAA,MACA,IAAI,GAAGD;AAAA,MACP,mBAAiBA;AAAA,MACjB,WAAWM,EAAM,CAAC,CAACT,KAAUC,IAAW,cAAc,IAAI,CAACK,KAA0BI,CAAmB,CAAC;AAAA,MACzG,UAAUJ,IAAyB,KAAK;AAAA,IAAA;AAAA,IAEvCJ;AAAA,EAAA;AAGb;AACAH,EAAQ,cAAc;"}