@redneckz/wildless-cms-uni-blocks 0.13.1 → 0.13.2
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/bundle/bundle.umd.js +33 -22
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/ui-kit/TabsControl/TabItemInner.d.ts +6 -0
- package/dist/components/MortgageFiltration/MortgageFiltration.js +5 -5
- package/dist/components/MortgageFiltration/MortgageFiltration.js.map +1 -1
- package/dist/components/Tabs/Tabs.js +6 -6
- package/dist/components/Tabs/Tabs.js.map +1 -1
- package/dist/ui-kit/BaseFiltration/checkShouldRenderBlock.js +2 -4
- package/dist/ui-kit/BaseFiltration/checkShouldRenderBlock.js.map +1 -1
- package/dist/ui-kit/TabsControl/TabItem.js +15 -29
- package/dist/ui-kit/TabsControl/TabItem.js.map +1 -1
- package/dist/ui-kit/TabsControl/TabItemInner.d.ts +6 -0
- package/dist/ui-kit/TabsControl/TabItemInner.js +33 -0
- package/dist/ui-kit/TabsControl/TabItemInner.js.map +1 -0
- package/lib/components/MortgageFiltration/MortgageFiltration.js +5 -5
- package/lib/components/MortgageFiltration/MortgageFiltration.js.map +1 -1
- package/lib/components/Tabs/Tabs.js +6 -6
- package/lib/components/Tabs/Tabs.js.map +1 -1
- package/lib/ui-kit/BaseFiltration/checkShouldRenderBlock.js +2 -4
- package/lib/ui-kit/BaseFiltration/checkShouldRenderBlock.js.map +1 -1
- package/lib/ui-kit/TabsControl/TabItem.js +15 -29
- package/lib/ui-kit/TabsControl/TabItem.js.map +1 -1
- package/lib/ui-kit/TabsControl/TabItemInner.d.ts +6 -0
- package/lib/ui-kit/TabsControl/TabItemInner.js +31 -0
- package/lib/ui-kit/TabsControl/TabItemInner.js.map +1 -0
- package/mobile/bundle/bundle.umd.js +26 -13
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/ui-kit/TabsControl/TabItemInner.d.ts +6 -0
- package/mobile/dist/components/MortgageFiltration/MortgageFiltration.js +5 -5
- package/mobile/dist/components/MortgageFiltration/MortgageFiltration.js.map +1 -1
- package/mobile/dist/components/Tabs/Tabs.js +6 -6
- package/mobile/dist/components/Tabs/Tabs.js.map +1 -1
- package/mobile/dist/ui-kit/BaseFiltration/checkShouldRenderBlock.js +2 -4
- package/mobile/dist/ui-kit/BaseFiltration/checkShouldRenderBlock.js.map +1 -1
- package/mobile/dist/ui-kit/TabsControl/TabItem.js +15 -29
- package/mobile/dist/ui-kit/TabsControl/TabItem.js.map +1 -1
- package/mobile/dist/ui-kit/TabsControl/TabItemInner.d.ts +6 -0
- package/mobile/dist/ui-kit/TabsControl/TabItemInner.js +33 -0
- package/mobile/dist/ui-kit/TabsControl/TabItemInner.js.map +1 -0
- package/mobile/lib/components/MortgageFiltration/MortgageFiltration.js +5 -5
- package/mobile/lib/components/MortgageFiltration/MortgageFiltration.js.map +1 -1
- package/mobile/lib/components/Tabs/Tabs.js +6 -6
- package/mobile/lib/components/Tabs/Tabs.js.map +1 -1
- package/mobile/lib/ui-kit/BaseFiltration/checkShouldRenderBlock.js +2 -4
- package/mobile/lib/ui-kit/BaseFiltration/checkShouldRenderBlock.js.map +1 -1
- package/mobile/lib/ui-kit/TabsControl/TabItem.js +15 -29
- package/mobile/lib/ui-kit/TabsControl/TabItem.js.map +1 -1
- package/mobile/lib/ui-kit/TabsControl/TabItemInner.d.ts +6 -0
- package/mobile/lib/ui-kit/TabsControl/TabItemInner.js +31 -0
- package/mobile/lib/ui-kit/TabsControl/TabItemInner.js.map +1 -0
- package/mobile/src/components/MortgageFiltration/MortgageFiltration.tsx +6 -6
- package/mobile/src/components/Tabs/Tabs.tsx +12 -9
- package/mobile/src/ui-kit/BaseFiltration/checkShouldRenderBlock.ts +2 -4
- package/mobile/src/ui-kit/TabsControl/TabItem.tsx +18 -57
- package/mobile/src/ui-kit/TabsControl/TabItemInner.tsx +69 -0
- package/package.json +1 -1
- package/src/components/MortgageFiltration/MortgageFiltration.tsx +6 -6
- package/src/components/Tabs/Tabs.tsx +12 -9
- package/src/ui-kit/BaseFiltration/checkShouldRenderBlock.ts +2 -4
- package/src/ui-kit/TabsControl/TabItem.tsx +18 -57
- package/src/ui-kit/TabsControl/TabItemInner.tsx +69 -0
|
@@ -18,19 +18,19 @@ const initialFiltrationState = {
|
|
|
18
18
|
};
|
|
19
19
|
exports.MortgageFiltration = (0, uni_jsx_1.JSX)(({ className, hotFilters = [], filtrationSchema = {}, resetButton, ...rest }) => {
|
|
20
20
|
const [filtrationState, { field, reset, update: replaceFiltrationState }] = (0, useForm_1.useForm)(initialFiltrationState);
|
|
21
|
-
const
|
|
21
|
+
const tabsControlItems = (0, hooks_1.useMemo)(() => hotFilters.map(({ text }) => ({
|
|
22
22
|
text,
|
|
23
23
|
})), [hotFilters]);
|
|
24
24
|
const [hotFilterIndex, setHotFilterIndex] = (0, hooks_1.useState)(0);
|
|
25
25
|
const handleHotFilterSelect = (0, hooks_1.useCallback)((_) => {
|
|
26
|
-
setHotFilterIndex(
|
|
27
|
-
replaceFiltrationState(hotFilters[
|
|
28
|
-
}, [
|
|
26
|
+
setHotFilterIndex(tabsControlItems.indexOf(_));
|
|
27
|
+
replaceFiltrationState(hotFilters[tabsControlItems.indexOf(_)].filter || initialFiltrationState);
|
|
28
|
+
}, [hotFilters, tabsControlItems]);
|
|
29
29
|
(0, hooks_1.useEffect)(() => {
|
|
30
30
|
const suggestedHotFilterIndex = hotFilters.findIndex((_) => (0, HotFilterRecord_1.hotFilterRecordCmp)(_.filter, filtrationState));
|
|
31
31
|
setHotFilterIndex(suggestedHotFilterIndex !== -1 ? suggestedHotFilterIndex : 0);
|
|
32
32
|
}, [hotFilters, filtrationState]);
|
|
33
|
-
return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)(className), defaultPadding: "p-0", version: "transparent", ...rest, children: [(0, jsx_runtime_1.jsx)(TabsControl_1.TabsControl, { className: "mb-2xs", items:
|
|
33
|
+
return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)(className), defaultPadding: "p-0", version: "transparent", ...rest, children: [(0, jsx_runtime_1.jsx)(TabsControl_1.TabsControl, { className: "mb-2xs", items: tabsControlItems, value: tabsControlItems[hotFilterIndex], onChange: handleHotFilterSelect }), (0, renderFiltrationForm_1.renderFiltrationForm)({ field, reset, filtrationSchema, resetButton }), (0, jsx_runtime_1.jsx)(BaseFiltrationInner_1.BaseFiltrationInner, { filtrationState: filtrationState, ...rest })] }));
|
|
34
34
|
});
|
|
35
35
|
exports.MortgageFiltration.childrenTypes = ['ProductTile'];
|
|
36
36
|
exports.MortgageFiltration.childSchema = (content) => content?.filtrationSchema || {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MortgageFiltration.js","sourceRoot":"","sources":["../../../src/components/MortgageFiltration/MortgageFiltration.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAwF;AACxF,iDAA8C;AAE9C,yFAAsF;AACtF,2FAAwF;AACxF,4DAAyD;AAEzD,sEAAmE;AACnE,6CAA0C;AAC1C,uDAAuD;AAQvD,MAAM,sBAAsB,GAA8D;IACxF,UAAU,EAAE,EAAE;IACd,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,EAAE;IAChB,KAAK,EAAE,EAAE;CACV,CAAC;AAEW,QAAA,kBAAkB,GAAsC,IAAA,aAAG,EACtE,CAAC,EAAE,SAAS,EAAE,UAAU,GAAG,EAAE,EAAE,gBAAgB,GAAG,EAAE,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC9E,MAAM,CAAC,eAAe,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,sBAAsB,EAAE,CAAC,GACvE,IAAA,iBAAO,EAAC,sBAAsB,CAAC,CAAC;IAElC,MAAM,
|
|
1
|
+
{"version":3,"file":"MortgageFiltration.js","sourceRoot":"","sources":["../../../src/components/MortgageFiltration/MortgageFiltration.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAwF;AACxF,iDAA8C;AAE9C,yFAAsF;AACtF,2FAAwF;AACxF,4DAAyD;AAEzD,sEAAmE;AACnE,6CAA0C;AAC1C,uDAAuD;AAQvD,MAAM,sBAAsB,GAA8D;IACxF,UAAU,EAAE,EAAE;IACd,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,EAAE;IAChB,KAAK,EAAE,EAAE;CACV,CAAC;AAEW,QAAA,kBAAkB,GAAsC,IAAA,aAAG,EACtE,CAAC,EAAE,SAAS,EAAE,UAAU,GAAG,EAAE,EAAE,gBAAgB,GAAG,EAAE,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC9E,MAAM,CAAC,eAAe,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,sBAAsB,EAAE,CAAC,GACvE,IAAA,iBAAO,EAAC,sBAAsB,CAAC,CAAC;IAElC,MAAM,gBAAgB,GAAkB,IAAA,eAAO,EAC7C,GAAG,EAAE,CACH,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;QAC5B,IAAI;KACL,CAAC,CAAC,EACL,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAExD,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EACvC,CAAC,CAAc,EAAE,EAAE;QACjB,iBAAiB,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/C,sBAAsB,CACpB,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,sBAAsB,CACzE,CAAC;IACJ,CAAC,EACD,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAC/B,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,uBAAuB,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CACzD,IAAA,oCAAkB,EAAC,CAAC,CAAC,MAAM,EAAE,eAAe,CAAC,CAC9C,CAAC;QAEF,iBAAiB,CAAC,uBAAuB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClF,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,wBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EAAC,SAAS,CAAC,EAC3B,cAAc,EAAC,KAAK,EACpB,OAAO,EAAC,aAAa,KACjB,IAAI,aAER,uBAAC,yBAAW,IACV,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,gBAAgB,EACvB,KAAK,EAAE,gBAAgB,CAAC,cAAc,CAAC,EACvC,QAAQ,EAAE,qBAAqB,GAC/B,EACD,IAAA,2CAAoB,EAAC,EAAE,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAC,EACtE,uBAAC,yCAAmB,IAAC,eAAe,EAAE,eAAe,KAAM,IAAI,GAAI,IACtD,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,0BAAkB,CAAC,aAAa,GAAG,CAAC,aAAa,CAAC,CAAC;AACnD,0BAAkB,CAAC,WAAW,GAAG,CAAC,OAAmC,EAAE,EAAE,CACvE,OAAO,EAAE,gBAAgB,IAAI,EAAE,CAAC"}
|
|
@@ -8,7 +8,7 @@ const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
|
|
|
8
8
|
const style_1 = require("../../utils/style");
|
|
9
9
|
const renderTabs_1 = require("./renderTabs");
|
|
10
10
|
exports.Tabs = (0, uni_jsx_1.JSX)(({ className = '', isSticky, tabs = [], tabsMode, ...rest }) => {
|
|
11
|
-
const
|
|
11
|
+
const tabsControlItems = (0, hooks_1.useMemo)(() => tabs.map(normalizeTab), [tabs]);
|
|
12
12
|
const [activeTabIndex, setActiveTabIndex] = (0, hooks_1.useState)(0);
|
|
13
13
|
(0, hooks_1.useEffect)(() => {
|
|
14
14
|
if (!tabs || !tabs[0]) {
|
|
@@ -23,15 +23,15 @@ exports.Tabs = (0, uni_jsx_1.JSX)(({ className = '', isSticky, tabs = [], tabsMo
|
|
|
23
23
|
}
|
|
24
24
|
}, [tabs, activeTabIndex]);
|
|
25
25
|
const handleChange = (0, hooks_1.useCallback)((_) => {
|
|
26
|
-
const index =
|
|
26
|
+
const index = tabsControlItems.indexOf(_);
|
|
27
27
|
setActiveTabIndex(index);
|
|
28
28
|
fireTabEvent(tabs[index]);
|
|
29
|
-
}, []);
|
|
29
|
+
}, [tabs, tabsControlItems]);
|
|
30
30
|
return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)(isSticky ? 'sticky top-1 z-20' : '', className), defaultPadding: "p-0", ...rest, children: (0, renderTabs_1.renderTabs)({
|
|
31
|
-
items:
|
|
32
|
-
|
|
33
|
-
value: normalizedTabs[activeTabIndex],
|
|
31
|
+
items: tabsControlItems,
|
|
32
|
+
value: tabsControlItems[activeTabIndex],
|
|
34
33
|
tabsMode,
|
|
34
|
+
onChange: handleChange,
|
|
35
35
|
}) }));
|
|
36
36
|
});
|
|
37
37
|
const fireTabEvent = (tab) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAwF;AACxF,oEAAiE;AAEjE,4DAAyD;AAEzD,6CAA0C;AAC1C,6CAA0C;AAK7B,QAAA,IAAI,GAAG,IAAA,aAAG,EACrB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC7D,MAAM,
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAwF;AACxF,oEAAiE;AAEjE,4DAAyD;AAEzD,6CAA0C;AAC1C,6CAA0C;AAK7B,QAAA,IAAI,GAAG,IAAA,aAAG,EACrB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC7D,MAAM,gBAAgB,GAAkB,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEtF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAExD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;YACrB,OAAO;SACR;QAED,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC;QAEvC,IAAI,SAAS,EAAE,IAAI,KAAK,OAAO,EAAE;YAC/B,iCAAe,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC;SAChF;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC;IAE3B,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAc,EAAE,EAAE;QACjB,MAAM,KAAK,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAE1C,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACzB,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,IAAI,EAAE,gBAAgB,CAAC,CACzB,CAAC;IAEF,OAAO,CACL,uBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC,EAChE,cAAc,EAAC,KAAK,KAChB,IAAI,YAEP,IAAA,uBAAU,EAAC;YACV,KAAK,EAAE,gBAAgB;YACvB,KAAK,EAAE,gBAAgB,CAAC,cAAc,CAAC;YACvC,QAAQ;YACR,QAAQ,EAAE,YAAY;SACvB,CAAC,GACW,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,GAAY,EAAE,EAAE;IACpC,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,EAAE;QACxB,iCAAe,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;KACjE;IACD,IAAI,GAAG,CAAC,IAAI,KAAK,MAAM,EAAE;QACvB,iCAAe,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;KAClE;AACH,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,CAAU,EAAe,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC"}
|
|
@@ -17,10 +17,8 @@ const checkShouldRenderBlock = (pattern, target) => Object.entries(pattern)
|
|
|
17
17
|
if (typeof subPattern === 'number') {
|
|
18
18
|
return isNumberFieldMatch(key, pattern);
|
|
19
19
|
}
|
|
20
|
-
if (typeof subPattern === 'object') {
|
|
21
|
-
|
|
22
|
-
return isValueInRange(key, pattern);
|
|
23
|
-
}
|
|
20
|
+
if (typeof subPattern === 'object' && 'min' in subPattern && 'max' in subPattern) {
|
|
21
|
+
return isValueInRange(key, pattern);
|
|
24
22
|
}
|
|
25
23
|
return Array.isArray(subPattern)
|
|
26
24
|
? isMultipleFieldMatch(key, pattern)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkShouldRenderBlock.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseFiltration/checkShouldRenderBlock.ts"],"names":[],"mappings":";;AAAA,iDAA8C;AAE9C,MAAM,oBAAoB,GACxB,CAAsD,GAAW,EAAE,OAAU,EAAE,EAAE,CACjF,CAAC,MAAS,EAAE,EAAE,CACZ,IAAA,iBAAO,EAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,IAAA,iBAAO,EAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC;AAElF,MAAM,oBAAoB,GACxB,CAAwD,GAAW,EAAE,OAAU,EAAE,EAAE,CACnF,CAAC,MAAS,EAAE,EAAE,CACZ,IAAA,iBAAO,EAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACrB,IAAA,iBAAO,EAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACpB,OAAO,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAExD,MAAM,kBAAkB,GACtB,CAAyD,GAAW,EAAE,OAAU,EAAE,EAAE,CACpF,CAAC,MAAS,EAAE,EAAE,CACZ,IAAA,iBAAO,EAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACrB,IAAA,iBAAO,EAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACpB,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAE9D,MAAM,cAAc,GAClB,CAAsD,GAAW,EAAE,OAAU,EAAE,EAAE,CACjF,CAAC,MAAS,EAAE,EAAE,CACZ,IAAA,iBAAO,EAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACrB,IAAA,iBAAO,EAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACpB,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC;QAClE,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AAEpE,MAAM,sBAAsB,GAAG,CAAC,OAA4B,EAAE,MAA2B,EAAE,EAAE,CAClG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;KACpB,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,UAAU,CAAC,EAAE,EAAE;IACzB,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;QAClC,OAAO,kBAAkB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;KACzC;IAED,IAAI,OAAO,UAAU,KAAK,QAAQ,
|
|
1
|
+
{"version":3,"file":"checkShouldRenderBlock.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseFiltration/checkShouldRenderBlock.ts"],"names":[],"mappings":";;AAAA,iDAA8C;AAE9C,MAAM,oBAAoB,GACxB,CAAsD,GAAW,EAAE,OAAU,EAAE,EAAE,CACjF,CAAC,MAAS,EAAE,EAAE,CACZ,IAAA,iBAAO,EAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,IAAA,iBAAO,EAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC;AAElF,MAAM,oBAAoB,GACxB,CAAwD,GAAW,EAAE,OAAU,EAAE,EAAE,CACnF,CAAC,MAAS,EAAE,EAAE,CACZ,IAAA,iBAAO,EAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACrB,IAAA,iBAAO,EAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACpB,OAAO,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAExD,MAAM,kBAAkB,GACtB,CAAyD,GAAW,EAAE,OAAU,EAAE,EAAE,CACpF,CAAC,MAAS,EAAE,EAAE,CACZ,IAAA,iBAAO,EAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACrB,IAAA,iBAAO,EAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACpB,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAE9D,MAAM,cAAc,GAClB,CAAsD,GAAW,EAAE,OAAU,EAAE,EAAE,CACjF,CAAC,MAAS,EAAE,EAAE,CACZ,IAAA,iBAAO,EAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACrB,IAAA,iBAAO,EAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACpB,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC;QAClE,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AAEpE,MAAM,sBAAsB,GAAG,CAAC,OAA4B,EAAE,MAA2B,EAAE,EAAE,CAClG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;KACpB,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,UAAU,CAAC,EAAE,EAAE;IACzB,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;QAClC,OAAO,kBAAkB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;KACzC;IAED,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,KAAK,IAAI,UAAU,IAAI,KAAK,IAAI,UAAU,EAAE;QAChF,OAAO,cAAc,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;KACrC;IAED,OAAO,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;QAC9B,CAAC,CAAC,oBAAoB,CAAC,GAAG,EAAE,OAAO,CAAC;QACpC,CAAC,CAAC,oBAAoB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AACzC,CAAC,CAAC;KACD,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;AAfhC,QAAA,sBAAsB,0BAeU;AAE7C,MAAM,aAAa,GAAG,CAAC,CAAM,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC"}
|
|
@@ -2,37 +2,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
2
2
|
exports.TabItem = void 0;
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
|
|
5
6
|
const useLink_1 = require("../../hooks/useLink");
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
const
|
|
9
|
-
default: 'px-xs',
|
|
10
|
-
underlined: 'px-m',
|
|
11
|
-
rounded: 'px-lg rounded-md',
|
|
12
|
-
};
|
|
13
|
-
const tabTextStyle = 'text-secondary-text hover:text-primary-main';
|
|
14
|
-
const activeTabTextStyleMap = {
|
|
15
|
-
default: 'text-black sm:text-white',
|
|
16
|
-
underlined: 'text-primary-main border-b-2',
|
|
17
|
-
rounded: 'text-white',
|
|
18
|
-
};
|
|
19
|
-
const tabBgStyleMap = {
|
|
20
|
-
default: 'bg-white',
|
|
21
|
-
underlined: 'bg-white',
|
|
22
|
-
rounded: 'bg-transparent',
|
|
23
|
-
};
|
|
24
|
-
const activeTabBgStyleMap = {
|
|
25
|
-
default: 'sm:bg-primary-main',
|
|
26
|
-
underlined: 'bg-white',
|
|
27
|
-
rounded: 'bg-primary-main',
|
|
28
|
-
};
|
|
29
|
-
exports.TabItem = (0, uni_jsx_1.JSX)(({ item = {}, isActive, onClick, type = 'default' }) => {
|
|
7
|
+
const TabItemInner_1 = require("./TabItemInner");
|
|
8
|
+
exports.TabItem = (0, uni_jsx_1.JSX)((props) => props?.item?.href ? (0, jsx_runtime_1.jsx)(LinkTabItem, { ...props }) : (0, jsx_runtime_1.jsx)(ButtonTabItem, { ...props }));
|
|
9
|
+
const LinkTabItem = (0, uni_jsx_1.JSX)((props) => {
|
|
30
10
|
const link = (0, useLink_1.useLink)();
|
|
31
|
-
const handleClick = () => {
|
|
11
|
+
const handleClick = (0, hooks_1.useCallback)(() => {
|
|
12
|
+
props.onClick && props.onClick(props.item || {});
|
|
13
|
+
}, [props.onClick, props.item]);
|
|
14
|
+
const { onClick, ...item } = link({ ...props.item, onClick: handleClick });
|
|
15
|
+
return (0, jsx_runtime_1.jsx)(TabItemInner_1.TabItemInner, { ...props, tag: "a", item: item, onClick: onClick });
|
|
16
|
+
});
|
|
17
|
+
// TODO: Update handlerDecorator (support buttons?)
|
|
18
|
+
const ButtonTabItem = (0, uni_jsx_1.JSX)(({ item = {}, onClick, ...rest }) => {
|
|
19
|
+
const handleClick = (0, hooks_1.useCallback)(() => {
|
|
32
20
|
onClick && onClick(item);
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
const Tag = item.href ? 'a' : 'div';
|
|
36
|
-
return ((0, jsx_runtime_1.jsx)(Tag, { className: (0, style_1.style)('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tab", "aria-selected": isActive, ...linkProps, children: (0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), children: (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-m", children: text }) }) }));
|
|
21
|
+
}, [onClick, item]);
|
|
22
|
+
return (0, jsx_runtime_1.jsx)(TabItemInner_1.TabItemInner, { item: item, onClick: handleClick, ...rest });
|
|
37
23
|
});
|
|
38
24
|
//# sourceMappingURL=TabItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAE9C,
|
|
1
|
+
{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA0D;AAC1D,iDAA8C;AAE9C,iDAA8C;AAcjC,QAAA,OAAO,GAAG,IAAA,aAAG,EAAe,CAAC,KAAK,EAAE,EAAE,CACjD,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,uBAAC,WAAW,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,uBAAC,aAAa,OAAK,KAAK,GAAI,CAC9E,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,aAAG,EAAe,CAAC,KAAK,EAAE,EAAE;IAC9C,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IAEvB,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEhC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;IAE3E,OAAO,uBAAC,2BAAY,OAAK,KAAK,EAAE,GAAG,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AAC3E,CAAC,CAAC,CAAC;AAEH,mDAAmD;AACnD,MAAM,aAAa,GAAG,IAAA,aAAG,EAAe,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1E,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,uBAAC,2BAAY,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,KAAM,IAAI,GAAI,CAAC;AACtE,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.TabItemInner = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const style_1 = require("../../utils/style");
|
|
6
|
+
const Text_1 = require("../Text/Text");
|
|
7
|
+
const tabPaddingStyleMap = {
|
|
8
|
+
default: 'px-xs',
|
|
9
|
+
underlined: 'px-m',
|
|
10
|
+
rounded: 'px-lg rounded-md',
|
|
11
|
+
};
|
|
12
|
+
const tabTextStyle = 'text-secondary-text hover:text-primary-main';
|
|
13
|
+
const activeTabTextStyleMap = {
|
|
14
|
+
default: 'text-black sm:text-white',
|
|
15
|
+
underlined: 'text-primary-main border-b-2',
|
|
16
|
+
rounded: 'text-white',
|
|
17
|
+
};
|
|
18
|
+
const tabBgStyleMap = {
|
|
19
|
+
default: 'bg-white',
|
|
20
|
+
underlined: 'bg-white',
|
|
21
|
+
rounded: 'bg-transparent',
|
|
22
|
+
};
|
|
23
|
+
const activeTabBgStyleMap = {
|
|
24
|
+
default: 'sm:bg-primary-main',
|
|
25
|
+
underlined: 'bg-white',
|
|
26
|
+
rounded: 'bg-primary-main',
|
|
27
|
+
};
|
|
28
|
+
exports.TabItemInner = (0, uni_jsx_1.JSX)(({ tag = 'div', item = {}, isActive, type = 'default', onClick }) => {
|
|
29
|
+
const Tag = tag;
|
|
30
|
+
const { text, ...link } = item;
|
|
31
|
+
return ((0, jsx_runtime_1.jsx)(Tag, { className: (0, style_1.style)('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tab", "aria-selected": isActive, onClick: onClick, ...link, children: (0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), children: (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-m", children: text }) }) }));
|
|
32
|
+
});
|
|
33
|
+
//# sourceMappingURL=TabItemInner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabItemInner.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItemInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAC1C,uCAAoC;AAGpC,MAAM,kBAAkB,GAA4B;IAClD,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,kBAAkB;CAC5B,CAAC;AAEF,MAAM,YAAY,GAAG,6CAA6C,CAAC;AAEnE,MAAM,qBAAqB,GAA4B;IACrD,OAAO,EAAE,0BAA0B;IACnC,UAAU,EAAE,8BAA8B;IAC1C,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,aAAa,GAA4B;IAC7C,OAAO,EAAE,UAAU;IACnB,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,gBAAgB;CAC1B,CAAC;AAEF,MAAM,mBAAmB,GAA4B;IACnD,OAAO,EAAE,oBAAoB;IAC7B,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,iBAAiB;CAC3B,CAAC;AAMW,QAAA,YAAY,GAAG,IAAA,aAAG,EAC7B,CAAC,EAAE,GAAG,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IAClE,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAE/B,OAAO,CACL,uBAAC,GAAG,IACF,SAAS,EAAE,IAAA,aAAK,EACd,MAAM,EACN,cAAc,EACd,gBAAgB,EAChB,kBAAkB,CAAC,IAAI,CAAC,EACxB,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAC3D,EACD,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,OAAO,EAAE,OAAO,KACZ,IAAI,YAER,gCACE,SAAS,EAAE,IAAA,aAAK,EACd,QAAQ,EACR,kCAAkC,EAClC,+BAA+B,EAC/B,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CACtD,YAED,uBAAC,WAAI,IAAC,IAAI,EAAC,QAAQ,YAAE,IAAI,GAAQ,GAC7B,GACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -16,19 +16,19 @@ const initialFiltrationState = {
|
|
|
16
16
|
};
|
|
17
17
|
export const MortgageFiltration = JSX(({ className, hotFilters = [], filtrationSchema = {}, resetButton, ...rest }) => {
|
|
18
18
|
const [filtrationState, { field, reset, update: replaceFiltrationState }] = useForm(initialFiltrationState);
|
|
19
|
-
const
|
|
19
|
+
const tabsControlItems = useMemo(() => hotFilters.map(({ text }) => ({
|
|
20
20
|
text,
|
|
21
21
|
})), [hotFilters]);
|
|
22
22
|
const [hotFilterIndex, setHotFilterIndex] = useState(0);
|
|
23
23
|
const handleHotFilterSelect = useCallback((_) => {
|
|
24
|
-
setHotFilterIndex(
|
|
25
|
-
replaceFiltrationState(hotFilters[
|
|
26
|
-
}, [
|
|
24
|
+
setHotFilterIndex(tabsControlItems.indexOf(_));
|
|
25
|
+
replaceFiltrationState(hotFilters[tabsControlItems.indexOf(_)].filter || initialFiltrationState);
|
|
26
|
+
}, [hotFilters, tabsControlItems]);
|
|
27
27
|
useEffect(() => {
|
|
28
28
|
const suggestedHotFilterIndex = hotFilters.findIndex((_) => hotFilterRecordCmp(_.filter, filtrationState));
|
|
29
29
|
setHotFilterIndex(suggestedHotFilterIndex !== -1 ? suggestedHotFilterIndex : 0);
|
|
30
30
|
}, [hotFilters, filtrationState]);
|
|
31
|
-
return (_jsxs(BlockWrapper, { className: style(className), defaultPadding: "p-0", version: "transparent", ...rest, children: [_jsx(TabsControl, { className: "mb-2xs", items:
|
|
31
|
+
return (_jsxs(BlockWrapper, { className: style(className), defaultPadding: "p-0", version: "transparent", ...rest, children: [_jsx(TabsControl, { className: "mb-2xs", items: tabsControlItems, value: tabsControlItems[hotFilterIndex], onChange: handleHotFilterSelect }), renderFiltrationForm({ field, reset, filtrationSchema, resetButton }), _jsx(BaseFiltrationInner, { filtrationState: filtrationState, ...rest })] }));
|
|
32
32
|
});
|
|
33
33
|
MortgageFiltration.childrenTypes = ['ProductTile'];
|
|
34
34
|
MortgageFiltration.childSchema = (content) => content?.filtrationSchema || {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MortgageFiltration.js","sourceRoot":"","sources":["../../../src/components/MortgageFiltration/MortgageFiltration.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACxF,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AACtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAQvD,MAAM,sBAAsB,GAA8D;IACxF,UAAU,EAAE,EAAE;IACd,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,EAAE;IAChB,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAsC,GAAG,CACtE,CAAC,EAAE,SAAS,EAAE,UAAU,GAAG,EAAE,EAAE,gBAAgB,GAAG,EAAE,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC9E,MAAM,CAAC,eAAe,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,sBAAsB,EAAE,CAAC,GACvE,OAAO,CAAC,sBAAsB,CAAC,CAAC;IAElC,MAAM,
|
|
1
|
+
{"version":3,"file":"MortgageFiltration.js","sourceRoot":"","sources":["../../../src/components/MortgageFiltration/MortgageFiltration.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
|
|
|
6
6
|
import { style } from '../../utils/style.js';
|
|
7
7
|
import { renderTabs } from './renderTabs.js';
|
|
8
8
|
export const Tabs = JSX(({ className = '', isSticky, tabs = [], tabsMode, ...rest }) => {
|
|
9
|
-
const
|
|
9
|
+
const tabsControlItems = useMemo(() => tabs.map(normalizeTab), [tabs]);
|
|
10
10
|
const [activeTabIndex, setActiveTabIndex] = useState(0);
|
|
11
11
|
useEffect(() => {
|
|
12
12
|
if (!tabs || !tabs[0]) {
|
|
@@ -21,15 +21,15 @@ export const Tabs = JSX(({ className = '', isSticky, tabs = [], tabsMode, ...res
|
|
|
21
21
|
}
|
|
22
22
|
}, [tabs, activeTabIndex]);
|
|
23
23
|
const handleChange = useCallback((_) => {
|
|
24
|
-
const index =
|
|
24
|
+
const index = tabsControlItems.indexOf(_);
|
|
25
25
|
setActiveTabIndex(index);
|
|
26
26
|
fireTabEvent(tabs[index]);
|
|
27
|
-
}, []);
|
|
27
|
+
}, [tabs, tabsControlItems]);
|
|
28
28
|
return (_jsx(BlockWrapper, { className: style(isSticky ? 'sticky top-1 z-20' : '', className), defaultPadding: "p-0", ...rest, children: renderTabs({
|
|
29
|
-
items:
|
|
30
|
-
|
|
31
|
-
value: normalizedTabs[activeTabIndex],
|
|
29
|
+
items: tabsControlItems,
|
|
30
|
+
value: tabsControlItems[activeTabIndex],
|
|
32
31
|
tabsMode,
|
|
32
|
+
onChange: handleChange,
|
|
33
33
|
}) }));
|
|
34
34
|
});
|
|
35
35
|
const fireTabEvent = (tab) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC7D,MAAM,
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,10 +15,8 @@ export const checkShouldRenderBlock = (pattern, target) => Object.entries(patter
|
|
|
15
15
|
if (typeof subPattern === 'number') {
|
|
16
16
|
return isNumberFieldMatch(key, pattern);
|
|
17
17
|
}
|
|
18
|
-
if (typeof subPattern === 'object') {
|
|
19
|
-
|
|
20
|
-
return isValueInRange(key, pattern);
|
|
21
|
-
}
|
|
18
|
+
if (typeof subPattern === 'object' && 'min' in subPattern && 'max' in subPattern) {
|
|
19
|
+
return isValueInRange(key, pattern);
|
|
22
20
|
}
|
|
23
21
|
return Array.isArray(subPattern)
|
|
24
22
|
? isMultipleFieldMatch(key, pattern)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkShouldRenderBlock.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseFiltration/checkShouldRenderBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,oBAAoB,GACxB,CAAsD,GAAW,EAAE,OAAU,EAAE,EAAE,CACjF,CAAC,MAAS,EAAE,EAAE,CACZ,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC;AAElF,MAAM,oBAAoB,GACxB,CAAwD,GAAW,EAAE,OAAU,EAAE,EAAE,CACnF,CAAC,MAAS,EAAE,EAAE,CACZ,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACrB,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACpB,OAAO,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAExD,MAAM,kBAAkB,GACtB,CAAyD,GAAW,EAAE,OAAU,EAAE,EAAE,CACpF,CAAC,MAAS,EAAE,EAAE,CACZ,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACrB,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACpB,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAE9D,MAAM,cAAc,GAClB,CAAsD,GAAW,EAAE,OAAU,EAAE,EAAE,CACjF,CAAC,MAAS,EAAE,EAAE,CACZ,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACrB,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACpB,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC;QAClE,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AAE3E,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,OAA4B,EAAE,MAA2B,EAAE,EAAE,CAClG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;KACpB,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,UAAU,CAAC,EAAE,EAAE;IACzB,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;QAClC,OAAO,kBAAkB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;KACzC;IAED,IAAI,OAAO,UAAU,KAAK,QAAQ,
|
|
1
|
+
{"version":3,"file":"checkShouldRenderBlock.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseFiltration/checkShouldRenderBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,oBAAoB,GACxB,CAAsD,GAAW,EAAE,OAAU,EAAE,EAAE,CACjF,CAAC,MAAS,EAAE,EAAE,CACZ,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC;AAElF,MAAM,oBAAoB,GACxB,CAAwD,GAAW,EAAE,OAAU,EAAE,EAAE,CACnF,CAAC,MAAS,EAAE,EAAE,CACZ,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACrB,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACpB,OAAO,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAExD,MAAM,kBAAkB,GACtB,CAAyD,GAAW,EAAE,OAAU,EAAE,EAAE,CACpF,CAAC,MAAS,EAAE,EAAE,CACZ,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACrB,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACpB,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAE9D,MAAM,cAAc,GAClB,CAAsD,GAAW,EAAE,OAAU,EAAE,EAAE,CACjF,CAAC,MAAS,EAAE,EAAE,CACZ,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACrB,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACpB,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC;QAClE,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AAE3E,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,OAA4B,EAAE,MAA2B,EAAE,EAAE,CAClG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;KACpB,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,UAAU,CAAC,EAAE,EAAE;IACzB,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;QAClC,OAAO,kBAAkB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;KACzC;IAED,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,KAAK,IAAI,UAAU,IAAI,KAAK,IAAI,UAAU,EAAE;QAChF,OAAO,cAAc,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;KACrC;IAED,OAAO,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;QAC9B,CAAC,CAAC,oBAAoB,CAAC,GAAG,EAAE,OAAO,CAAC;QACpC,CAAC,CAAC,oBAAoB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AACzC,CAAC,CAAC;KACD,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;AAE7C,MAAM,aAAa,GAAG,CAAC,CAAM,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC"}
|
|
@@ -1,36 +1,22 @@
|
|
|
1
1
|
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
|
|
3
4
|
import { useLink } from '../../hooks/useLink.js';
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
const
|
|
7
|
-
default: 'px-xs',
|
|
8
|
-
underlined: 'px-m',
|
|
9
|
-
rounded: 'px-lg rounded-md',
|
|
10
|
-
};
|
|
11
|
-
const tabTextStyle = 'text-secondary-text hover:text-primary-main';
|
|
12
|
-
const activeTabTextStyleMap = {
|
|
13
|
-
default: 'text-black sm:text-white',
|
|
14
|
-
underlined: 'text-primary-main border-b-2',
|
|
15
|
-
rounded: 'text-white',
|
|
16
|
-
};
|
|
17
|
-
const tabBgStyleMap = {
|
|
18
|
-
default: 'bg-white',
|
|
19
|
-
underlined: 'bg-white',
|
|
20
|
-
rounded: 'bg-transparent',
|
|
21
|
-
};
|
|
22
|
-
const activeTabBgStyleMap = {
|
|
23
|
-
default: 'sm:bg-primary-main',
|
|
24
|
-
underlined: 'bg-white',
|
|
25
|
-
rounded: 'bg-primary-main',
|
|
26
|
-
};
|
|
27
|
-
export const TabItem = JSX(({ item = {}, isActive, onClick, type = 'default' }) => {
|
|
5
|
+
import { TabItemInner } from './TabItemInner.js';
|
|
6
|
+
export const TabItem = JSX((props) => props?.item?.href ? _jsx(LinkTabItem, { ...props }) : _jsx(ButtonTabItem, { ...props }));
|
|
7
|
+
const LinkTabItem = JSX((props) => {
|
|
28
8
|
const link = useLink();
|
|
29
|
-
const handleClick = () => {
|
|
9
|
+
const handleClick = useCallback(() => {
|
|
10
|
+
props.onClick && props.onClick(props.item || {});
|
|
11
|
+
}, [props.onClick, props.item]);
|
|
12
|
+
const { onClick, ...item } = link({ ...props.item, onClick: handleClick });
|
|
13
|
+
return _jsx(TabItemInner, { ...props, tag: "a", item: item, onClick: onClick });
|
|
14
|
+
});
|
|
15
|
+
// TODO: Update handlerDecorator (support buttons?)
|
|
16
|
+
const ButtonTabItem = JSX(({ item = {}, onClick, ...rest }) => {
|
|
17
|
+
const handleClick = useCallback(() => {
|
|
30
18
|
onClick && onClick(item);
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
const Tag = item.href ? 'a' : 'div';
|
|
34
|
-
return (_jsx(Tag, { className: style('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tab", "aria-selected": isActive, ...linkProps, children: _jsx("div", { className: style('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), children: _jsx(Text, { size: "text-m", children: text }) }) }));
|
|
19
|
+
}, [onClick, item]);
|
|
20
|
+
return _jsx(TabItemInner, { item: item, onClick: handleClick, ...rest });
|
|
35
21
|
});
|
|
36
22
|
//# sourceMappingURL=TabItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAc9C,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE,CACjD,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,WAAW,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,KAAC,aAAa,OAAK,KAAK,GAAI,CAC9E,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE;IAC9C,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEhC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;IAE3E,OAAO,KAAC,YAAY,OAAK,KAAK,EAAE,GAAG,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AAC3E,CAAC,CAAC,CAAC;AAEH,mDAAmD;AACnD,MAAM,aAAa,GAAG,GAAG,CAAe,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,KAAM,IAAI,GAAI,CAAC;AACtE,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { style } from '../../utils/style.js';
|
|
4
|
+
import { Text } from '../Text/Text.js';
|
|
5
|
+
const tabPaddingStyleMap = {
|
|
6
|
+
default: 'px-xs',
|
|
7
|
+
underlined: 'px-m',
|
|
8
|
+
rounded: 'px-lg rounded-md',
|
|
9
|
+
};
|
|
10
|
+
const tabTextStyle = 'text-secondary-text hover:text-primary-main';
|
|
11
|
+
const activeTabTextStyleMap = {
|
|
12
|
+
default: 'text-black sm:text-white',
|
|
13
|
+
underlined: 'text-primary-main border-b-2',
|
|
14
|
+
rounded: 'text-white',
|
|
15
|
+
};
|
|
16
|
+
const tabBgStyleMap = {
|
|
17
|
+
default: 'bg-white',
|
|
18
|
+
underlined: 'bg-white',
|
|
19
|
+
rounded: 'bg-transparent',
|
|
20
|
+
};
|
|
21
|
+
const activeTabBgStyleMap = {
|
|
22
|
+
default: 'sm:bg-primary-main',
|
|
23
|
+
underlined: 'bg-white',
|
|
24
|
+
rounded: 'bg-primary-main',
|
|
25
|
+
};
|
|
26
|
+
export const TabItemInner = JSX(({ tag = 'div', item = {}, isActive, type = 'default', onClick }) => {
|
|
27
|
+
const Tag = tag;
|
|
28
|
+
const { text, ...link } = item;
|
|
29
|
+
return (_jsx(Tag, { className: style('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tab", "aria-selected": isActive, onClick: onClick, ...link, children: _jsx("div", { className: style('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), children: _jsx(Text, { size: "text-m", children: text }) }) }));
|
|
30
|
+
});
|
|
31
|
+
//# sourceMappingURL=TabItemInner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabItemInner.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItemInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,MAAM,kBAAkB,GAA4B;IAClD,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,kBAAkB;CAC5B,CAAC;AAEF,MAAM,YAAY,GAAG,6CAA6C,CAAC;AAEnE,MAAM,qBAAqB,GAA4B;IACrD,OAAO,EAAE,0BAA0B;IACnC,UAAU,EAAE,8BAA8B;IAC1C,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,aAAa,GAA4B;IAC7C,OAAO,EAAE,UAAU;IACnB,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,gBAAgB;CAC1B,CAAC;AAEF,MAAM,mBAAmB,GAA4B;IACnD,OAAO,EAAE,oBAAoB;IAC7B,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,iBAAiB;CAC3B,CAAC;AAMF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,GAAG,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IAClE,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAE/B,OAAO,CACL,KAAC,GAAG,IACF,SAAS,EAAE,KAAK,CACd,MAAM,EACN,cAAc,EACd,gBAAgB,EAChB,kBAAkB,CAAC,IAAI,CAAC,EACxB,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAC3D,EACD,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,OAAO,EAAE,OAAO,KACZ,IAAI,YAER,cACE,SAAS,EAAE,KAAK,CACd,QAAQ,EACR,kCAAkC,EAClC,+BAA+B,EAC/B,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CACtD,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,YAAE,IAAI,GAAQ,GAC7B,GACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -3566,14 +3566,27 @@
|
|
|
3566
3566
|
underlined: 'bg-white',
|
|
3567
3567
|
rounded: 'bg-primary-main',
|
|
3568
3568
|
};
|
|
3569
|
-
const
|
|
3569
|
+
const TabItemInner = JSX(({ tag = 'div', item = {}, isActive, type = 'default', onClick }) => {
|
|
3570
|
+
const Tag = tag;
|
|
3571
|
+
const { text, ...link } = item;
|
|
3572
|
+
return (jsx(Tag, { className: style('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tab", "aria-selected": isActive, onClick: onClick, ...link, children: jsx("div", { className: style('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), children: jsx(Text, { size: "text-m", children: text }) }) }));
|
|
3573
|
+
});
|
|
3574
|
+
|
|
3575
|
+
const TabItem = JSX((props) => props?.item?.href ? jsx(LinkTabItem, { ...props }) : jsx(ButtonTabItem, { ...props }));
|
|
3576
|
+
const LinkTabItem = JSX((props) => {
|
|
3570
3577
|
const link = useLink();
|
|
3571
|
-
const handleClick = () => {
|
|
3578
|
+
const handleClick = useCallback(() => {
|
|
3579
|
+
props.onClick && props.onClick(props.item || {});
|
|
3580
|
+
}, [props.onClick, props.item]);
|
|
3581
|
+
const { onClick, ...item } = link({ ...props.item, onClick: handleClick });
|
|
3582
|
+
return jsx(TabItemInner, { ...props, tag: "a", item: item, onClick: onClick });
|
|
3583
|
+
});
|
|
3584
|
+
// TODO: Update handlerDecorator (support buttons?)
|
|
3585
|
+
const ButtonTabItem = JSX(({ item = {}, onClick, ...rest }) => {
|
|
3586
|
+
const handleClick = useCallback(() => {
|
|
3572
3587
|
onClick && onClick(item);
|
|
3573
|
-
};
|
|
3574
|
-
|
|
3575
|
-
const Tag = item.href ? 'a' : 'div';
|
|
3576
|
-
return (jsx(Tag, { className: style('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tab", "aria-selected": isActive, ...linkProps, children: jsx("div", { className: style('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), children: jsx(Text, { size: "text-m", children: text }) }) }));
|
|
3588
|
+
}, [onClick, item]);
|
|
3589
|
+
return jsx(TabItemInner, { item: item, onClick: handleClick, ...rest });
|
|
3577
3590
|
});
|
|
3578
3591
|
|
|
3579
3592
|
const renderTab = (activeTab, onClick, type) => (tab, i) => (jsx(TabItem, { isActive: tab === activeTab, onClick: onClick, type: type, item: tab }, String(i)));
|
|
@@ -3602,7 +3615,7 @@
|
|
|
3602
3615
|
};
|
|
3603
3616
|
|
|
3604
3617
|
const Tabs = JSX(({ className = '', isSticky, tabs = [], tabsMode, ...rest }) => {
|
|
3605
|
-
const
|
|
3618
|
+
const tabsControlItems = useMemo(() => tabs.map(normalizeTab), [tabs]);
|
|
3606
3619
|
const [activeTabIndex, setActiveTabIndex] = useState(0);
|
|
3607
3620
|
useEffect(() => {
|
|
3608
3621
|
if (!tabs || !tabs[0]) {
|
|
@@ -3617,15 +3630,15 @@
|
|
|
3617
3630
|
}
|
|
3618
3631
|
}, [tabs, activeTabIndex]);
|
|
3619
3632
|
const handleChange = useCallback((_) => {
|
|
3620
|
-
const index =
|
|
3633
|
+
const index = tabsControlItems.indexOf(_);
|
|
3621
3634
|
setActiveTabIndex(index);
|
|
3622
3635
|
fireTabEvent(tabs[index]);
|
|
3623
|
-
}, []);
|
|
3636
|
+
}, [tabs, tabsControlItems]);
|
|
3624
3637
|
return (jsx(BlockWrapper, { className: style(isSticky ? 'sticky top-1 z-20' : '', className), defaultPadding: "p-0", ...rest, children: renderTabs({
|
|
3625
|
-
items:
|
|
3626
|
-
|
|
3627
|
-
value: normalizedTabs[activeTabIndex],
|
|
3638
|
+
items: tabsControlItems,
|
|
3639
|
+
value: tabsControlItems[activeTabIndex],
|
|
3628
3640
|
tabsMode,
|
|
3641
|
+
onChange: handleChange,
|
|
3629
3642
|
}) }));
|
|
3630
3643
|
});
|
|
3631
3644
|
const fireTabEvent = (tab) => {
|
|
@@ -3934,7 +3947,7 @@
|
|
|
3934
3947
|
|
|
3935
3948
|
const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
|
|
3936
3949
|
|
|
3937
|
-
const packageVersion = "0.13.
|
|
3950
|
+
const packageVersion = "0.13.2";
|
|
3938
3951
|
|
|
3939
3952
|
exports.Blocks = Blocks;
|
|
3940
3953
|
exports.ContentPage = ContentPage;
|