@apify/ui-library 0.68.1-feattabs-4feb6d.112 → 0.69.0
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/CHANGELOG.md +11 -0
- package/dist/src/components/badge.js +1 -1
- package/dist/src/components/badge.js.map +1 -1
- package/dist/src/components/tabs/tab.d.ts +5 -0
- package/dist/src/components/tabs/tab.d.ts.map +1 -1
- package/dist/src/components/tabs/tab.js +9 -4
- package/dist/src/components/tabs/tab.js.map +1 -1
- package/dist/src/components/tabs/tabs.d.ts.map +1 -1
- package/dist/src/components/tabs/tabs.js +2 -3
- package/dist/src/components/tabs/tabs.js.map +1 -1
- package/dist/src/utils/index.d.ts +1 -0
- package/dist/src/utils/index.d.ts.map +1 -1
- package/dist/src/utils/index.js +1 -0
- package/dist/src/utils/index.js.map +1 -1
- package/dist/src/utils/resize_observer.d.ts +3 -0
- package/dist/src/utils/resize_observer.d.ts.map +1 -0
- package/dist/src/utils/resize_observer.js +12 -0
- package/dist/src/utils/resize_observer.js.map +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +2 -3
- package/src/components/badge.tsx +1 -1
- package/src/components/tabs/tab.tsx +21 -7
- package/src/components/tabs/tabs.tsx +2 -3
- package/src/utils/index.ts +1 -0
- package/src/utils/resize_observer.ts +18 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [0.69.0](https://github.com/apify/apify-core/compare/@apify/ui-library@0.68.0...@apify/ui-library@0.69.0) (2025-05-20)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* shared tabs component ([#21025](https://github.com/apify/apify-core/issues/21025)) ([651c690](https://github.com/apify/apify-core/commit/651c6901da9ae21c1887dcf78eedf7b563058d95))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
# [0.68.0](https://github.com/apify/apify-core/compare/@apify/ui-library@0.67.4...@apify/ui-library@0.68.0) (2025-05-13)
|
|
7
18
|
|
|
8
19
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAmC,MAAM,mBAAmB,CAAC;AAIjF,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAAE,GAAG,EAAiD,MAAM,UAAU,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAIvC,MAAM,CAAC,MAAM,WAAW,GAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAE7D,MAAM,gBAAgB,GAAG;IACrB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,IAAI;IACX,WAAW,EAAE,IAAI;CACkB,CAAC;AAExC,MAAM,gBAAgB,GAAG;IACrB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,OAAO;CACqB,CAAC;AAE9C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAU,CAAC;AAYvJ,MAAM,cAAc,GAAG;IACnB,OAAO,EAAE,GAAG,CAAA;mBACG,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM;yBAClC,KAAK,CAAC,MAAM,CAAC,OAAO;KACxC;IACD,KAAK,EAAE,GAAG,CAAA;;mBAEK,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM;yBAClC,KAAK,CAAC,MAAM,CAAC,OAAO;KACxC;IACD,WAAW,EAAE,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAmC,MAAM,mBAAmB,CAAC;AAIjF,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAAE,GAAG,EAAiD,MAAM,UAAU,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAIvC,MAAM,CAAC,MAAM,WAAW,GAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAE7D,MAAM,gBAAgB,GAAG;IACrB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,IAAI;IACX,WAAW,EAAE,IAAI;CACkB,CAAC;AAExC,MAAM,gBAAgB,GAAG;IACrB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,OAAO;CACqB,CAAC;AAE9C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAU,CAAC;AAYvJ,MAAM,cAAc,GAAG;IACnB,OAAO,EAAE,GAAG,CAAA;mBACG,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM;yBAClC,KAAK,CAAC,MAAM,CAAC,OAAO;KACxC;IACD,KAAK,EAAE,GAAG,CAAA;;mBAEK,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM;yBAClC,KAAK,CAAC,MAAM,CAAC,OAAO;KACxC;IACD,WAAW,EAAE,GAAG,CAAA;kBACF,KAAK,CAAC,KAAK,CAAC,OAAO;mBAClB,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM;yBAClC,KAAK,CAAC,MAAM,CAAC,OAAO;KACxC;CACoD,CAAC;AAE1D,MAAM,iBAAiB,GAAG;IACtB,OAAO,EAAE,GAAG,CAAA;iBACC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;gBACzB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;sBAClB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;sCACd,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;KAC3D;IACD,aAAa,EAAE,GAAG,CAAA;iBACL,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;gBACzB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;sBAClB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;KACnD;IACD,cAAc,EAAE,GAAG,CAAA;iBACN,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;gBAC/B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;sBACxB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB;KACrD;IACD,aAAa,EAAE,GAAG,CAAA;iBACL,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ;gBAClC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ;sBAC3B,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU;KACpD;IACD,YAAY,EAAE,GAAG,CAAA;iBACJ,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ;gBAC7B,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ;sBAC3B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;KAC/C;IACD,OAAO,EAAE,GAAG,CAAA;iBACC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ;gBAC7B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ;sBACtB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;KAC/C;IACD,OAAO,EAAE,GAAG,CAAA;iBACC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ;gBAC7B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ;sBACtB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;KAC/C;IACD,MAAM,EAAE,GAAG,CAAA;iBACE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;gBAC5B,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;sBACrB,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;KAC9C;CACuD,CAAC;AAM7D,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAkB;MAC3C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC;MACpC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC;;;;;;;;;;;WAWxC,KAAK,CAAC,KAAK,CAAC,MAAM;CAC5B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC3B,CAAC,EACG,IAAI,GAAG,OAAO,EACd,IAAI,GAAG,MAAM,EACb,OAAO,GAAG,SAAS,EACnB,WAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACC,EACb,GAAG,EACD,EAAE;IACA,OAAO,CACH,MAAC,WAAW,IACR,GAAG,EAAE,GAAG,WACD,IAAI,cACD,OAAO,KACb,KAAK,aAER,WAAW,IAAI,KAAC,WAAW,IAAC,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAI,EAC5D,QAAQ,IAAI,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,YAAE,QAAQ,GAAQ,CAAC,IACtF,CACjB,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
|
|
@@ -21,6 +21,11 @@ export type TabProps = TabData & {
|
|
|
21
21
|
event: React.MouseEvent;
|
|
22
22
|
}) => void;
|
|
23
23
|
};
|
|
24
|
+
export declare const TAB_CLASSNAMES: {
|
|
25
|
+
ICON: string;
|
|
26
|
+
TITLE: string;
|
|
27
|
+
BADGE: string;
|
|
28
|
+
};
|
|
24
29
|
export declare const Tab: ({ variant, id, to, Icon, title, chip, rollout, className, onSelect, active, disabled, ...props }: TabProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
30
|
export {};
|
|
26
31
|
//# sourceMappingURL=tab.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAMrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAKnD,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,CAAC,GAAG,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,EAAE,kBAAkB,GAAG,kBAAkB,CAAC,CAAC;AAErJ,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,OAAO,GAAG,cAAc,GAAG;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG;IAC7B,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;CACpF,CAAC;
|
|
1
|
+
{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAMrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAKnD,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,CAAC,GAAG,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,EAAE,kBAAkB,GAAG,kBAAkB,CAAC,CAAC;AAErJ,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,OAAO,GAAG,cAAc,GAAG;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG;IAC7B,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;CACpF,CAAC;AA6GF,eAAO,MAAM,cAAc;;;;CAI1B,CAAC;AAuCF,eAAO,MAAM,GAAG,qGAAkI,QAAQ,4CA6BzJ,CAAC"}
|
|
@@ -106,6 +106,11 @@ const tabVariantStyle = {
|
|
|
106
106
|
}
|
|
107
107
|
`,
|
|
108
108
|
};
|
|
109
|
+
export const TAB_CLASSNAMES = {
|
|
110
|
+
ICON: 'Tab-icon',
|
|
111
|
+
TITLE: 'Tab-title',
|
|
112
|
+
BADGE: 'Tab-badge',
|
|
113
|
+
};
|
|
109
114
|
const TabWrapper = styled(Link) `
|
|
110
115
|
display: inline-flex;
|
|
111
116
|
align-items: center;
|
|
@@ -125,25 +130,25 @@ const TabWrapper = styled(Link) `
|
|
|
125
130
|
pointer-events: none;
|
|
126
131
|
}
|
|
127
132
|
|
|
128
|
-
.
|
|
133
|
+
.${TAB_CLASSNAMES.ICON} {
|
|
129
134
|
color: inherit;
|
|
130
135
|
flex-shrink: 0;
|
|
131
136
|
transition: color ${theme.transition.fastEaseOut};
|
|
132
137
|
}
|
|
133
138
|
|
|
134
|
-
.
|
|
139
|
+
.${TAB_CLASSNAMES.TITLE} {
|
|
135
140
|
overflow: hidden;
|
|
136
141
|
text-overflow: ellipsis;
|
|
137
142
|
white-space: nowrap;
|
|
138
143
|
}
|
|
139
144
|
|
|
140
|
-
.
|
|
145
|
+
.${TAB_CLASSNAMES.BADGE} {
|
|
141
146
|
flex-shrink: 0;
|
|
142
147
|
text-transform: uppercase;
|
|
143
148
|
}
|
|
144
149
|
`;
|
|
145
150
|
export const Tab = ({ variant = 'default', id, to, Icon, title, chip, rollout, className, onSelect, active = false, disabled = false, ...props }) => {
|
|
146
151
|
const href = typeof (to) === 'string' ? to : createPath(to);
|
|
147
|
-
return (_jsxs(TabWrapper, { ...props, id: id, to: to, role: "tab", "data-test": "tab", "data-test-url": href, className: clsx(className, { active, disabled }), onClick: onSelect ? (event) => onSelect({ id, href, event }) : undefined, "$variant": variant, children: [Icon && _jsx(Icon, { size: "16", className:
|
|
152
|
+
return (_jsxs(TabWrapper, { ...props, id: id, to: to, role: "tab", "data-test": "tab", "data-test-url": href, className: clsx(className, { active, disabled }), onClick: onSelect ? (event) => onSelect({ id, href, event }) : undefined, "$variant": variant, children: [Icon && _jsx(Icon, { size: "16", className: TAB_CLASSNAMES.ICON }), _jsx(Text, { size: tabVariantTextSize[variant], className: TAB_CLASSNAMES.ICON, weight: "bold", as: "div", children: title }), chip && (_jsx(Badge, { size: tabVariantBadgeSize[variant], variant: active ? 'primary_black' : 'neutral_subtle', className: TAB_CLASSNAMES.ICON, children: chip })), rollout && _jsx(Badge, { size: tabVariantBadgeSize[variant], variant: "primary_blue", className: TAB_CLASSNAMES.ICON, children: rollout })] }));
|
|
148
153
|
};
|
|
149
154
|
//# sourceMappingURL=tab.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../../src/components/tabs/tab.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIhD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAGrD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGpC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAsBxC,MAAM,kBAAkB,GAAG;IACvB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,OAAO;CACyB,CAAC;AAE/C,MAAM,mBAAmB,GAAG;IACxB,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,aAAa;CACc,CAAC;AAE1C,MAAM,eAAe,GAAG;IACpB,OAAO,EAAE,GAAG,CAAA;;qBAEK,KAAK,CAAC,KAAK,CAAC,MAAM;iBACtB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;;;qBAG1B,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW;;;;qBAIpC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;;;2BAGlB,KAAK,CAAC,KAAK,CAAC,MAAM;;;;oCAIT,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM;iCAClC,KAAK,CAAC,MAAM,CAAC,UAAU;;;;;;;;oCAQpB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY;;;KAG/D;IACD,KAAK,EAAE,GAAG,CAAA;;;mCAGqB,KAAK,CAAC,MAAM,CAAC,OAAO;kCACrB,KAAK,CAAC,MAAM,CAAC,OAAO;qBACjC,KAAK,CAAC,KAAK,CAAC,OAAO;iBACvB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS;;;qBAGzB,KAAK,CAAC,KAAK,CAAC,MAAM;;6BAEV,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;2CAKN,KAAK,CAAC,UAAU,CAAC,WAAW;;;;;qBAKlD,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;;;oCAGT,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK;;;;;qBAKxC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;4BACjB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;mCACnB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;;;;;;KAM5D;IACD,QAAQ,EAAE,GAAG,CAAA;;oBAEG,KAAK,CAAC,KAAK,CAAC,MAAM;qBACjB,KAAK,CAAC,KAAK,CAAC,MAAM;;;yBAGd,KAAK,CAAC,MAAM,CAAC,OAAO;iBAC5B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS;;;gCAGd,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK;qBACpC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;;;;;4BAKjB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;qBACjC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;;KAExC;CACqD,CAAC;AAM3D,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAiB;;;;WAIrC,KAAK,CAAC,KAAK,CAAC,MAAM;;;;mCAIM,KAAK,CAAC,UAAU,CAAC,WAAW,kBAAkB,KAAK,CAAC,UAAU,CAAC,WAAW,WAAW,KAAK,CAAC,UAAU,CAAC,WAAW;;;;MAI9I,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC;;;iBAGhC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../../src/components/tabs/tab.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAO7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAErE,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGpD,KAAK,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,CAAC,GAAG,kBAAkB,CAAC;AACpF,KAAK,SAAS,GAAG,eAAe,GAAG;IAC/B,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;CACpF,CAAC;AA8HF,eAAO,MAAM,IAAI,qDAAkE,SAAS,4CAwB3F,CAAC"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { createElement as _createElement } from "react";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { ResizeObserver } from '@juggle/resize-observer';
|
|
4
|
-
import useResizeObserver from '@react-hook/resize-observer';
|
|
5
3
|
import { useCallback, useRef, useState } from 'react';
|
|
6
4
|
import styled, { css } from 'styled-components';
|
|
7
5
|
import { theme } from '../../design_system/theme.js';
|
|
6
|
+
import { useResizeObserverSsr } from '../../utils/resize_observer.js';
|
|
8
7
|
import { Box } from '../box.js';
|
|
9
8
|
import { Tab } from './tab.js';
|
|
10
9
|
const tabsVariantStyle = {
|
|
@@ -121,7 +120,7 @@ const isTabsOverflowing = (node) => {
|
|
|
121
120
|
export const Tabs = ({ variant = 'default', tabs, activeTab, onSelect, ...props }) => {
|
|
122
121
|
const ref = useRef(null);
|
|
123
122
|
const [overflowState, setOveflowState] = useState();
|
|
124
|
-
|
|
123
|
+
useResizeObserverSsr(ref, (entry) => setOveflowState(isTabsOverflowing(entry.target)));
|
|
125
124
|
const scrollHandler = useCallback((event) => {
|
|
126
125
|
setOveflowState(isTabsOverflowing(event.currentTarget));
|
|
127
126
|
}, []);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";;AAAA,
|
|
1
|
+
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC"}
|
package/dist/src/utils/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { UseResizeObserverCallback } from '@react-hook/resize-observer';
|
|
2
|
+
export declare const useResizeObserverSsr: <T extends Element>(target: React.RefObject<T> | React.ForwardedRef<T> | T | null, callback: UseResizeObserverCallback) => ResizeObserver;
|
|
3
|
+
//# sourceMappingURL=resize_observer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resize_observer.d.ts","sourceRoot":"","sources":["../../../src/utils/resize_observer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAS7E,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,OAAO,UAC1C,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,YACnD,yBAAyB,mBAKtC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import useResizeObserver from '@react-hook/resize-observer';
|
|
2
|
+
class ServerSideResizeObserverPolyfill {
|
|
3
|
+
constructor(callback) { }
|
|
4
|
+
observe(target, options) { }
|
|
5
|
+
unobserve(target) { }
|
|
6
|
+
}
|
|
7
|
+
export const useResizeObserverSsr = (target, callback) => {
|
|
8
|
+
return useResizeObserver(target, callback, {
|
|
9
|
+
polyfill: typeof window === 'undefined' ? ServerSideResizeObserverPolyfill : null,
|
|
10
|
+
});
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=resize_observer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resize_observer.js","sourceRoot":"","sources":["../../../src/utils/resize_observer.ts"],"names":[],"mappings":"AAEA,OAAO,iBAAiB,MAAM,6BAA6B,CAAC;AAE5D,MAAM,gCAAgC;IAClC,YAAY,QAAgC,IAAG,CAAC;IAChD,OAAO,CAAC,MAAe,EAAE,OAA+B,IAAG,CAAC;IAC5D,SAAS,CAAC,MAAe,IAAG,CAAC;CAChC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAChC,MAA6D,EAC7D,QAAmC,EACrC,EAAE;IACA,OAAO,iBAAiB,CAAC,MAAM,EAAE,QAAQ,EAAE;QACvC,QAAQ,EAAE,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,IAAI;KACpF,CAAC,CAAC;AACP,CAAC,CAAC"}
|