@toptal/picasso-tabs 1.0.1-alpha-fx-4785-create-a-codemod-to-update-nested-imports-b62d3423a.4050

package/dist-package/src/Tabs/styles.js

@@ -0,0 +1,41 @@
+import { createStyles } from '@material-ui/core/styles';
+import { PicassoProvider } from '@toptal/picasso-provider';
+PicassoProvider.override(({ palette }) => ({
+    MuiTabs: {
+        root: {
+            position: 'relative',
+            minHeight: 0,
+        },
+        vertical: {
+            width: 200,
+            margin: 0,
+            '& $scroller': {
+                // We need a bit of padding to allow active tab's shadow to be visible
+                paddingLeft: '0.5em',
+            },
+            '& $indicator': {
+                display: 'none',
+            },
+        },
+        indicator: {
+            backgroundColor: palette.blue.main,
+            zIndex: 1,
+        },
+    },
+}));
+export default ({ palette }) => createStyles({
+    horizontal: {
+        '&::after': {
+            position: 'absolute',
+            content: '""',
+            bottom: 0,
+            left: 0,
+            right: 0,
+            height: 1,
+            backgroundColor: palette.grey.main,
+            zIndex: 0,
+        },
+    },
+    vertical: {},
+});
+//# sourceMappingURL=styles.js.map

package/dist-package/src/Tabs/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/Tabs/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CAAC,CAAC;IAChD,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,CAAC;SACb;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,CAAC;YACT,aAAa,EAAE;gBACb,sEAAsE;gBACtE,WAAW,EAAE,OAAO;aACrB;YAED,cAAc,EAAE;gBACd,OAAO,EAAE,MAAM;aAChB;SACF;QACD,SAAS,EAAE;YACT,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;YAClC,MAAM,EAAE,CAAC;SACV;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,UAAU,EAAE;QACV,UAAU,EAAE;YACV,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;YAClC,MAAM,EAAE,CAAC;SACV;KACF;IACD,QAAQ,EAAE,EAAE;CACb,CAAC,CAAA"}

package/dist-package/src/Tabs/use-tab-action.d.ts

@@ -0,0 +1,5 @@
+import type { Ref } from 'react';
+import type { TabsActions } from '@material-ui/core';
+declare const useTabAction: () => Ref<TabsActions>;
+export default useTabAction;
+//# sourceMappingURL=use-tab-action.d.ts.map

package/dist-package/src/Tabs/use-tab-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tab-action.d.ts","sourceRoot":"","sources":["../../../src/Tabs/use-tab-action.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAOpD,QAAA,MAAM,YAAY,QAAO,IAAI,WAAW,CAevC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist-package/src/Tabs/use-tab-action.js

@@ -0,0 +1,21 @@
+import { useEffect, useRef } from 'react';
+/*
+ * MuiTabs break when the size of a tab changes without rendering with React.
+ * This issue happens when the font is loaded after the initial render of the component.
+ * To solve this issue, we imperatively update the indicator and scroll buttons when it happens.
+ */
+const useTabAction = () => {
+    const ref = useRef(null);
+    useEffect(() => {
+        const listener = () => {
+            var _a, _b;
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.updateIndicator();
+            (_b = ref.current) === null || _b === void 0 ? void 0 : _b.updateScrollButtons();
+        };
+        window.addEventListener('load', listener);
+        return () => window.removeEventListener('load', listener);
+    }, []);
+    return ref;
+};
+export default useTabAction;
+//# sourceMappingURL=use-tab-action.js.map

package/dist-package/src/Tabs/use-tab-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tab-action.js","sourceRoot":"","sources":["../../../src/Tabs/use-tab-action.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAGzC;;;;GAIG;AACH,MAAM,YAAY,GAAG,GAAqB,EAAE;IAC1C,MAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,GAAG,EAAE;;YACpB,MAAA,GAAG,CAAC,OAAO,0CAAE,eAAe,EAAE,CAAA;YAC9B,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,EAAE,CAAA;QACpC,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;QAEzC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAC3D,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist-package/src/TabsCompound/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const TabsCompound: import("react").ForwardRefExoticComponent<import("../Tabs/Tabs").Props & import("react").RefAttributes<HTMLButtonElement>> & {
+    Tab: import("react").ForwardRefExoticComponent<import("../Tab/Tab").Props & import("react").RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/TabsCompound/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TabsCompound/index.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,YAAY;;CAEvB,CAAA"}

package/dist-package/src/TabsCompound/index.js

@@ -0,0 +1,6 @@
+import { Tab } from '../Tab';
+import { Tabs } from '../Tabs';
+export const TabsCompound = Object.assign(Tabs, {
+    Tab,
+});
+//# sourceMappingURL=index.js.map

package/dist-package/src/TabsCompound/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TabsCompound/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IAC9C,GAAG;CACJ,CAAC,CAAA"}

package/dist-package/src/index.d.ts

@@ -0,0 +1,7 @@
+export * from './TabScrollButton';
+export * from './Tabs';
+export * from './Tab';
+export * from './TabDescription';
+export * from './TabsCompound';
+export * from './TabLabel';
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}

package/dist-package/src/index.js

@@ -0,0 +1,7 @@
+export * from './TabScrollButton';
+export * from './Tabs';
+export * from './Tab';
+export * from './TabDescription';
+export * from './TabsCompound';
+export * from './TabLabel';
+//# sourceMappingURL=index.js.map

package/dist-package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}