@webiny/ui 5.39.1 → 5.39.2-beta.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/Tabs/Tabs.d.ts +4 -32
- package/Tabs/Tabs.js +5 -34
- package/Tabs/Tabs.js.map +1 -1
- package/package.json +7 -7
package/Tabs/Tabs.d.ts
CHANGED
|
@@ -13,10 +13,6 @@ export declare type TabsProps = PropsWithChildren<{
|
|
|
13
13
|
* Active tab index value.
|
|
14
14
|
*/
|
|
15
15
|
value?: number;
|
|
16
|
-
/**
|
|
17
|
-
* Function to change active tab.
|
|
18
|
-
*/
|
|
19
|
-
updateValue?: (index: number) => void;
|
|
20
16
|
/**
|
|
21
17
|
* Tab ID for the testing.
|
|
22
18
|
*/
|
|
@@ -30,35 +26,11 @@ interface TabsContext {
|
|
|
30
26
|
removeTab(id: string): void;
|
|
31
27
|
}
|
|
32
28
|
export declare const TabsContext: React.Context<TabsContext | undefined>;
|
|
33
|
-
export interface TabsImperativeApi {
|
|
34
|
-
switchTab(index: number): void;
|
|
35
|
-
getActiveIndex(): number;
|
|
36
|
-
}
|
|
37
29
|
/**
|
|
38
30
|
* Use Tabs component to display a list of choices, once the handler is triggered.
|
|
39
31
|
*/
|
|
40
|
-
export declare const Tabs:
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
className?: string | undefined;
|
|
45
|
-
/**
|
|
46
|
-
* Callback to execute when a tab is changed.
|
|
47
|
-
*/
|
|
48
|
-
onActivate?: ((index: number) => void) | undefined;
|
|
49
|
-
/**
|
|
50
|
-
* Active tab index value.
|
|
51
|
-
*/
|
|
52
|
-
value?: number | undefined;
|
|
53
|
-
/**
|
|
54
|
-
* Function to change active tab.
|
|
55
|
-
*/
|
|
56
|
-
updateValue?: ((index: number) => void) | undefined;
|
|
57
|
-
/**
|
|
58
|
-
* Tab ID for the testing.
|
|
59
|
-
*/
|
|
60
|
-
"data-testid"?: string | undefined;
|
|
61
|
-
} & {
|
|
62
|
-
children?: React.ReactNode;
|
|
63
|
-
} & React.RefAttributes<TabsImperativeApi | undefined>>;
|
|
32
|
+
export declare const Tabs: {
|
|
33
|
+
(props: TabsProps): JSX.Element;
|
|
34
|
+
displayName: string;
|
|
35
|
+
};
|
|
64
36
|
export {};
|
package/Tabs/Tabs.js
CHANGED
|
@@ -16,11 +16,12 @@ var disabledStyles = {
|
|
|
16
16
|
pointerEvents: "none"
|
|
17
17
|
};
|
|
18
18
|
var TabsContext = /*#__PURE__*/(0, _react.createContext)(undefined);
|
|
19
|
-
|
|
19
|
+
|
|
20
20
|
/**
|
|
21
21
|
* Use Tabs component to display a list of choices, once the handler is triggered.
|
|
22
22
|
*/
|
|
23
|
-
|
|
23
|
+
exports.TabsContext = TabsContext;
|
|
24
|
+
var Tabs = function Tabs(props) {
|
|
24
25
|
var _useState = (0, _react.useState)(0),
|
|
25
26
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
26
27
|
activeTabIndex = _useState2[0],
|
|
@@ -30,32 +31,6 @@ var Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
30
31
|
tabs = _useState4[0],
|
|
31
32
|
setTabs = _useState4[1];
|
|
32
33
|
var activeIndex = props.value !== undefined ? props.value : activeTabIndex;
|
|
33
|
-
var activateTabIndex = (0, _react.useCallback)(function (index) {
|
|
34
|
-
if (typeof props.updateValue === "function") {
|
|
35
|
-
props.updateValue(index);
|
|
36
|
-
return;
|
|
37
|
-
}
|
|
38
|
-
setActiveIndex(index);
|
|
39
|
-
}, []);
|
|
40
|
-
(0, _react.useImperativeHandle)(ref, function () {
|
|
41
|
-
return {
|
|
42
|
-
getActiveIndex: function getActiveIndex() {
|
|
43
|
-
return activeIndex;
|
|
44
|
-
},
|
|
45
|
-
switchTab: function switchTab(tabIndex) {
|
|
46
|
-
activateTabIndex(tabIndex);
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
});
|
|
50
|
-
|
|
51
|
-
/**
|
|
52
|
-
* This effect will make sure that disabled tabs automatically switch to the first tab.
|
|
53
|
-
*/
|
|
54
|
-
(0, _react.useEffect)(function () {
|
|
55
|
-
if (tabs[activeIndex]?.disabled) {
|
|
56
|
-
activateTabIndex(0);
|
|
57
|
-
}
|
|
58
|
-
});
|
|
59
34
|
|
|
60
35
|
/* We need to generate a key like this to trigger a proper component re-render when child tabs change. */
|
|
61
36
|
var tabBar = /*#__PURE__*/_react.default.createElement(_tabs.TabBar, {
|
|
@@ -65,11 +40,7 @@ var Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
65
40
|
className: "webiny-ui-tabs__tab-bar",
|
|
66
41
|
activeTabIndex: activeIndex,
|
|
67
42
|
onActivate: function onActivate(evt) {
|
|
68
|
-
|
|
69
|
-
props.updateValue(evt.detail.index);
|
|
70
|
-
} else {
|
|
71
|
-
setActiveIndex(evt.detail.index);
|
|
72
|
-
}
|
|
43
|
+
setActiveIndex(evt.detail.index);
|
|
73
44
|
props.onActivate && props.onActivate(evt.detail.index);
|
|
74
45
|
}
|
|
75
46
|
}, tabs.map(function (item) {
|
|
@@ -138,7 +109,7 @@ var Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
138
109
|
}, content), /*#__PURE__*/_react.default.createElement(TabsContext.Provider, {
|
|
139
110
|
value: context
|
|
140
111
|
}, props.children));
|
|
141
|
-
}
|
|
112
|
+
};
|
|
142
113
|
exports.Tabs = Tabs;
|
|
143
114
|
Tabs.displayName = "Tabs";
|
|
144
115
|
|
package/Tabs/Tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_tabs","disabledStyles","opacity","pointerEvents","TabsContext","createContext","undefined","exports","Tabs","forwardRef","props","ref","_useState","useState","_useState2","_slicedToArray2","default","activeTabIndex","setActiveIndex","_useState3","_useState4","tabs","setTabs","activeIndex","value","activateTabIndex","useCallback","index","updateValue","useImperativeHandle","getActiveIndex","switchTab","tabIndex","useEffect","disabled","tabBar","createElement","TabBar","key","map","tab","id","join","className","onActivate","evt","detail","item","visible","Tab","tag","style","display","Object","assign","icon","label","content","filter","Boolean","children","context","useMemo","addTab","existingIndex","findIndex","concat","_toConsumableArray2","slice","removeTab","classNames","Provider","displayName"],"sources":["Tabs.tsx"],"sourcesContent":["import React, {\n createContext,\n forwardRef,\n PropsWithChildren,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useState\n} from \"react\";\nimport classNames from \"classnames\";\nimport { TabBar, Tab as RmwcTab } from \"@rmwc/tabs\";\nimport { TabProps } from \"./Tab\";\n\nexport type TabsProps = PropsWithChildren<{\n /**\n * Append a class name.\n */\n className?: string;\n\n /**\n * Callback to execute when a tab is changed.\n */\n onActivate?: (index: number) => void;\n\n /**\n * Active tab index value.\n */\n value?: number;\n\n /**\n * Function to change active tab.\n */\n updateValue?: (index: number) => void;\n /**\n * Tab ID for the testing.\n */\n \"data-testid\"?: string;\n}>;\n\nconst disabledStyles: Record<string, string | number> = {\n opacity: 0.5,\n pointerEvents: \"none\"\n};\n\ninterface TabItem extends TabProps {\n id: string;\n}\n\ninterface TabsContext {\n addTab(props: TabItem): void;\n removeTab(id: string): void;\n}\n\nexport const TabsContext = createContext<TabsContext | undefined>(undefined);\n\nexport interface TabsImperativeApi {\n switchTab(index: number): void;\n getActiveIndex(): number;\n}\n/**\n * Use Tabs component to display a list of choices, once the handler is triggered.\n */\nexport const Tabs = forwardRef<TabsImperativeApi | undefined, TabsProps>((props, ref) => {\n const [activeTabIndex, setActiveIndex] = useState(0);\n const [tabs, setTabs] = useState<TabItem[]>([]);\n\n const activeIndex = props.value !== undefined ? props.value : activeTabIndex;\n\n const activateTabIndex = useCallback((index: number) => {\n if (typeof props.updateValue === \"function\") {\n props.updateValue(index);\n return;\n }\n\n setActiveIndex(index);\n }, []);\n\n useImperativeHandle(ref, () => ({\n getActiveIndex() {\n return activeIndex;\n },\n switchTab(tabIndex: number) {\n activateTabIndex(tabIndex);\n }\n }));\n\n /**\n * This effect will make sure that disabled tabs automatically switch to the first tab.\n */\n useEffect(() => {\n if (tabs[activeIndex]?.disabled) {\n activateTabIndex(0);\n }\n });\n\n /* We need to generate a key like this to trigger a proper component re-render when child tabs change. */\n const tabBar = (\n <TabBar\n key={tabs.map(tab => tab.id).join(\";\")}\n className=\"webiny-ui-tabs__tab-bar\"\n activeTabIndex={activeIndex}\n onActivate={evt => {\n if (typeof props.updateValue === \"function\") {\n props.updateValue(evt.detail.index);\n } else {\n setActiveIndex(evt.detail.index);\n }\n props.onActivate && props.onActivate(evt.detail.index);\n }}\n >\n {tabs.map(item => {\n if (!item.visible) {\n return <RmwcTab tag={\"div\"} style={{ display: \"none\" }} key={item.id} />;\n }\n\n const style = item.style || {};\n if (item.disabled) {\n Object.assign(style, disabledStyles);\n }\n\n return (\n <RmwcTab\n tag={\"div\"}\n style={style}\n key={item.id}\n data-testid={item[\"data-testid\"]}\n {...(item.icon ? { icon: item.icon } : {})}\n >\n {item.label}\n </RmwcTab>\n );\n })}\n </TabBar>\n );\n\n const content = tabs.filter(Boolean).map((tab, index) => {\n if (activeIndex === index) {\n return <div key={index}>{tab.children}</div>;\n } else {\n return (\n <div key={index} style={{ display: \"none\" }}>\n {tab.children}\n </div>\n );\n }\n });\n\n const context: TabsContext = useMemo(\n () => ({\n addTab(props) {\n setTabs(tabs => {\n const existingIndex = tabs.findIndex(tab => tab.id === props.id);\n if (existingIndex > -1) {\n return [\n ...tabs.slice(0, existingIndex),\n props,\n ...tabs.slice(existingIndex + 1)\n ];\n }\n return [...tabs, props];\n });\n },\n removeTab(id) {\n setTabs(tabs => tabs.filter(tab => tab.id === id));\n }\n }),\n [setTabs]\n );\n\n return (\n <div className={classNames(\"webiny-ui-tabs\", props.className)}>\n {tabBar}\n <div className={\"webiny-ui-tabs__content mdc-tab-content\"}>{content}</div>\n <TabsContext.Provider value={context}>{props.children}</TabsContext.Provider>\n </div>\n );\n});\n\nTabs.displayName = \"Tabs\";\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAUA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AA6BA,IAAMI,cAA+C,GAAG;EACpDC,OAAO,EAAE,GAAG;EACZC,aAAa,EAAE;AACnB,CAAC;AAWM,IAAMC,WAAW,gBAAG,IAAAC,oBAAa,EAA0BC,SAAS,CAAC;AAACC,OAAA,CAAAH,WAAA,GAAAA,WAAA;AAM7E;AACA;AACA;AACO,IAAMI,IAAI,gBAAG,IAAAC,iBAAU,EAA2C,UAACC,KAAK,EAAEC,GAAG,EAAK;EACrF,IAAAC,SAAA,GAAyC,IAAAC,eAAQ,EAAC,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAA7CK,cAAc,GAAAH,UAAA;IAAEI,cAAc,GAAAJ,UAAA;EACrC,IAAAK,UAAA,GAAwB,IAAAN,eAAQ,EAAY,EAAE,CAAC;IAAAO,UAAA,OAAAL,eAAA,CAAAC,OAAA,EAAAG,UAAA;IAAxCE,IAAI,GAAAD,UAAA;IAAEE,OAAO,GAAAF,UAAA;EAEpB,IAAMG,WAAW,GAAGb,KAAK,CAACc,KAAK,KAAKlB,SAAS,GAAGI,KAAK,CAACc,KAAK,GAAGP,cAAc;EAE5E,IAAMQ,gBAAgB,GAAG,IAAAC,kBAAW,EAAC,UAACC,KAAa,EAAK;IACpD,IAAI,OAAOjB,KAAK,CAACkB,WAAW,KAAK,UAAU,EAAE;MACzClB,KAAK,CAACkB,WAAW,CAACD,KAAK,CAAC;MACxB;IACJ;IAEAT,cAAc,CAACS,KAAK,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAE,0BAAmB,EAAClB,GAAG,EAAE;IAAA,OAAO;MAC5BmB,cAAc,WAAAA,eAAA,EAAG;QACb,OAAOP,WAAW;MACtB,CAAC;MACDQ,SAAS,WAAAA,UAACC,QAAgB,EAAE;QACxBP,gBAAgB,CAACO,QAAQ,CAAC;MAC9B;IACJ,CAAC;EAAA,CAAC,CAAC;;EAEH;AACJ;AACA;EACI,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAIZ,IAAI,CAACE,WAAW,CAAC,EAAEW,QAAQ,EAAE;MAC7BT,gBAAgB,CAAC,CAAC,CAAC;IACvB;EACJ,CAAC,CAAC;;EAEF;EACA,IAAMU,MAAM,gBACRxC,MAAA,CAAAqB,OAAA,CAAAoB,aAAA,CAACpC,KAAA,CAAAqC,MAAM;IACHC,GAAG,EAAEjB,IAAI,CAACkB,GAAG,CAAC,UAAAC,GAAG;MAAA,OAAIA,GAAG,CAACC,EAAE;IAAA,EAAC,CAACC,IAAI,CAAC,GAAG,CAAE;IACvCC,SAAS,EAAC,yBAAyB;IACnC1B,cAAc,EAAEM,WAAY;IAC5BqB,UAAU,EAAE,SAAAA,WAAAC,GAAG,EAAI;MACf,IAAI,OAAOnC,KAAK,CAACkB,WAAW,KAAK,UAAU,EAAE;QACzClB,KAAK,CAACkB,WAAW,CAACiB,GAAG,CAACC,MAAM,CAACnB,KAAK,CAAC;MACvC,CAAC,MAAM;QACHT,cAAc,CAAC2B,GAAG,CAACC,MAAM,CAACnB,KAAK,CAAC;MACpC;MACAjB,KAAK,CAACkC,UAAU,IAAIlC,KAAK,CAACkC,UAAU,CAACC,GAAG,CAACC,MAAM,CAACnB,KAAK,CAAC;IAC1D;EAAE,GAEDN,IAAI,CAACkB,GAAG,CAAC,UAAAQ,IAAI,EAAI;IACd,IAAI,CAACA,IAAI,CAACC,OAAO,EAAE;MACf,oBAAOrD,MAAA,CAAAqB,OAAA,CAAAoB,aAAA,CAACpC,KAAA,CAAAiD,GAAO;QAACC,GAAG,EAAE,KAAM;QAACC,KAAK,EAAE;UAAEC,OAAO,EAAE;QAAO,CAAE;QAACd,GAAG,EAAES,IAAI,CAACN;MAAG,CAAE,CAAC;IAC5E;IAEA,IAAMU,KAAK,GAAGJ,IAAI,CAACI,KAAK,IAAI,CAAC,CAAC;IAC9B,IAAIJ,IAAI,CAACb,QAAQ,EAAE;MACfmB,MAAM,CAACC,MAAM,CAACH,KAAK,EAAElD,cAAc,CAAC;IACxC;IAEA,oBACIN,MAAA,CAAAqB,OAAA,CAAAoB,aAAA,CAACpC,KAAA,CAAAiD,GAAO,EAAAI,MAAA,CAAAC,MAAA;MACJJ,GAAG,EAAE,KAAM;MACXC,KAAK,EAAEA,KAAM;MACbb,GAAG,EAAES,IAAI,CAACN,EAAG;MACb,eAAaM,IAAI,CAAC,aAAa;IAAE,GAC5BA,IAAI,CAACQ,IAAI,GAAG;MAAEA,IAAI,EAAER,IAAI,CAACQ;IAAK,CAAC,GAAG,CAAC,CAAC,GAExCR,IAAI,CAACS,KACD,CAAC;EAElB,CAAC,CACG,CACX;EAED,IAAMC,OAAO,GAAGpC,IAAI,CAACqC,MAAM,CAACC,OAAO,CAAC,CAACpB,GAAG,CAAC,UAACC,GAAG,EAAEb,KAAK,EAAK;IACrD,IAAIJ,WAAW,KAAKI,KAAK,EAAE;MACvB,oBAAOhC,MAAA,CAAAqB,OAAA,CAAAoB,aAAA;QAAKE,GAAG,EAAEX;MAAM,GAAEa,GAAG,CAACoB,QAAc,CAAC;IAChD,CAAC,MAAM;MACH,oBACIjE,MAAA,CAAAqB,OAAA,CAAAoB,aAAA;QAAKE,GAAG,EAAEX,KAAM;QAACwB,KAAK,EAAE;UAAEC,OAAO,EAAE;QAAO;MAAE,GACvCZ,GAAG,CAACoB,QACJ,CAAC;IAEd;EACJ,CAAC,CAAC;EAEF,IAAMC,OAAoB,GAAG,IAAAC,cAAO,EAChC;IAAA,OAAO;MACHC,MAAM,WAAAA,OAACrD,KAAK,EAAE;QACVY,OAAO,CAAC,UAAAD,IAAI,EAAI;UACZ,IAAM2C,aAAa,GAAG3C,IAAI,CAAC4C,SAAS,CAAC,UAAAzB,GAAG;YAAA,OAAIA,GAAG,CAACC,EAAE,KAAK/B,KAAK,CAAC+B,EAAE;UAAA,EAAC;UAChE,IAAIuB,aAAa,GAAG,CAAC,CAAC,EAAE;YACpB,UAAAE,MAAA,KAAAC,mBAAA,CAAAnD,OAAA,EACOK,IAAI,CAAC+C,KAAK,CAAC,CAAC,EAAEJ,aAAa,CAAC,IAC/BtD,KAAK,OAAAyD,mBAAA,CAAAnD,OAAA,EACFK,IAAI,CAAC+C,KAAK,CAACJ,aAAa,GAAG,CAAC,CAAC;UAExC;UACA,UAAAE,MAAA,KAAAC,mBAAA,CAAAnD,OAAA,EAAWK,IAAI,IAAEX,KAAK;QAC1B,CAAC,CAAC;MACN,CAAC;MACD2D,SAAS,WAAAA,UAAC5B,EAAE,EAAE;QACVnB,OAAO,CAAC,UAAAD,IAAI;UAAA,OAAIA,IAAI,CAACqC,MAAM,CAAC,UAAAlB,GAAG;YAAA,OAAIA,GAAG,CAACC,EAAE,KAAKA,EAAE;UAAA,EAAC;QAAA,EAAC;MACtD;IACJ,CAAC;EAAA,CAAC,EACF,CAACnB,OAAO,CACZ,CAAC;EAED,oBACI3B,MAAA,CAAAqB,OAAA,CAAAoB,aAAA;IAAKO,SAAS,EAAE,IAAA2B,mBAAU,EAAC,gBAAgB,EAAE5D,KAAK,CAACiC,SAAS;EAAE,GACzDR,MAAM,eACPxC,MAAA,CAAAqB,OAAA,CAAAoB,aAAA;IAAKO,SAAS,EAAE;EAA0C,GAAEc,OAAa,CAAC,eAC1E9D,MAAA,CAAAqB,OAAA,CAAAoB,aAAA,CAAChC,WAAW,CAACmE,QAAQ;IAAC/C,KAAK,EAAEqC;EAAQ,GAAEnD,KAAK,CAACkD,QAA+B,CAC3E,CAAC;AAEd,CAAC,CAAC;AAACrD,OAAA,CAAAC,IAAA,GAAAA,IAAA;AAEHA,IAAI,CAACgE,WAAW,GAAG,MAAM"}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_tabs","disabledStyles","opacity","pointerEvents","TabsContext","createContext","undefined","exports","Tabs","props","_useState","useState","_useState2","_slicedToArray2","default","activeTabIndex","setActiveIndex","_useState3","_useState4","tabs","setTabs","activeIndex","value","tabBar","createElement","TabBar","key","map","tab","id","join","className","onActivate","evt","detail","index","item","visible","Tab","tag","style","display","disabled","Object","assign","icon","label","content","filter","Boolean","children","context","useMemo","addTab","existingIndex","findIndex","concat","_toConsumableArray2","slice","removeTab","classNames","Provider","displayName"],"sources":["Tabs.tsx"],"sourcesContent":["import React, { createContext, PropsWithChildren, useMemo, useState } from \"react\";\nimport classNames from \"classnames\";\nimport { TabBar, Tab as RmwcTab } from \"@rmwc/tabs\";\nimport { TabProps } from \"./Tab\";\n\nexport type TabsProps = PropsWithChildren<{\n /**\n * Append a class name.\n */\n className?: string;\n\n /**\n * Callback to execute when a tab is changed.\n */\n onActivate?: (index: number) => void;\n\n /**\n * Active tab index value.\n */\n value?: number;\n\n /**\n * Tab ID for the testing.\n */\n \"data-testid\"?: string;\n}>;\n\nconst disabledStyles: Record<string, string | number> = {\n opacity: 0.5,\n pointerEvents: \"none\"\n};\n\ninterface TabItem extends TabProps {\n id: string;\n}\n\ninterface TabsContext {\n addTab(props: TabItem): void;\n removeTab(id: string): void;\n}\n\nexport const TabsContext = createContext<TabsContext | undefined>(undefined);\n\n/**\n * Use Tabs component to display a list of choices, once the handler is triggered.\n */\nexport const Tabs = (props: TabsProps) => {\n const [activeTabIndex, setActiveIndex] = useState(0);\n const [tabs, setTabs] = useState<TabItem[]>([]);\n\n const activeIndex = props.value !== undefined ? props.value : activeTabIndex;\n\n /* We need to generate a key like this to trigger a proper component re-render when child tabs change. */\n const tabBar = (\n <TabBar\n key={tabs.map(tab => tab.id).join(\";\")}\n className=\"webiny-ui-tabs__tab-bar\"\n activeTabIndex={activeIndex}\n onActivate={evt => {\n setActiveIndex(evt.detail.index);\n props.onActivate && props.onActivate(evt.detail.index);\n }}\n >\n {tabs.map(item => {\n if (!item.visible) {\n return <RmwcTab tag={\"div\"} style={{ display: \"none\" }} key={item.id} />;\n }\n\n const style = item.style || {};\n if (item.disabled) {\n Object.assign(style, disabledStyles);\n }\n\n return (\n <RmwcTab\n tag={\"div\"}\n style={style}\n key={item.id}\n data-testid={item[\"data-testid\"]}\n {...(item.icon ? { icon: item.icon } : {})}\n >\n {item.label}\n </RmwcTab>\n );\n })}\n </TabBar>\n );\n\n const content = tabs.filter(Boolean).map((tab, index) => {\n if (activeIndex === index) {\n return <div key={index}>{tab.children}</div>;\n } else {\n return (\n <div key={index} style={{ display: \"none\" }}>\n {tab.children}\n </div>\n );\n }\n });\n\n const context: TabsContext = useMemo(\n () => ({\n addTab(props) {\n setTabs(tabs => {\n const existingIndex = tabs.findIndex(tab => tab.id === props.id);\n if (existingIndex > -1) {\n return [\n ...tabs.slice(0, existingIndex),\n props,\n ...tabs.slice(existingIndex + 1)\n ];\n }\n return [...tabs, props];\n });\n },\n removeTab(id) {\n setTabs(tabs => tabs.filter(tab => tab.id === id));\n }\n }),\n [setTabs]\n );\n\n return (\n <div className={classNames(\"webiny-ui-tabs\", props.className)}>\n {tabBar}\n <div className={\"webiny-ui-tabs__content mdc-tab-content\"}>{content}</div>\n <TabsContext.Provider value={context}>{props.children}</TabsContext.Provider>\n </div>\n );\n};\n\nTabs.displayName = \"Tabs\";\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webiny/ui",
|
|
3
|
-
"version": "5.39.
|
|
3
|
+
"version": "5.39.2-beta.0",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -83,11 +83,11 @@
|
|
|
83
83
|
"@types/react-custom-scrollbars": "4.0.10",
|
|
84
84
|
"@types/react-transition-group": "4.4.5",
|
|
85
85
|
"@types/shortid": "0.0.29",
|
|
86
|
-
"@webiny/cli": "5.39.
|
|
87
|
-
"@webiny/form": "5.39.
|
|
88
|
-
"@webiny/project-utils": "5.39.
|
|
89
|
-
"@webiny/storybook-utils": "5.39.
|
|
90
|
-
"@webiny/validation": "5.39.
|
|
86
|
+
"@webiny/cli": "5.39.2-beta.0",
|
|
87
|
+
"@webiny/form": "5.39.2-beta.0",
|
|
88
|
+
"@webiny/project-utils": "5.39.2-beta.0",
|
|
89
|
+
"@webiny/storybook-utils": "5.39.2-beta.0",
|
|
90
|
+
"@webiny/validation": "5.39.2-beta.0",
|
|
91
91
|
"babel-loader": "9.1.2",
|
|
92
92
|
"babel-plugin-emotion": "9.2.11",
|
|
93
93
|
"execa": "5.1.1",
|
|
@@ -134,5 +134,5 @@
|
|
|
134
134
|
]
|
|
135
135
|
}
|
|
136
136
|
},
|
|
137
|
-
"gitHead": "
|
|
137
|
+
"gitHead": "3ceff3406ff490e6d7503b35733a09c1cee8ff12"
|
|
138
138
|
}
|