@odx/websites-react 1.1.99 → 1.1.100
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/dist/components/layout/tabBar/TabBar.d.ts.map +1 -1
- package/dist/components/layout/tabBar/TabBar.js +10 -3
- package/dist/components/layout/tabBar/TabBar.js.map +1 -1
- package/dist/components/navigation/anchorNav/AnchorNav.d.ts.map +1 -1
- package/dist/components/navigation/anchorNav/AnchorNav.js +20 -39
- package/dist/components/navigation/anchorNav/AnchorNav.js.map +1 -1
- package/dist/hooks/emblaCarousel/usePrevNextButtons.d.ts +2 -2
- package/dist/hooks/emblaCarousel/usePrevNextButtons.d.ts.map +1 -1
- package/dist/hooks/emblaCarousel/usePrevNextButtons.js +8 -7
- package/dist/hooks/emblaCarousel/usePrevNextButtons.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/tabBar/TabBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAC,aAAa,EAAmB,MAAM,iBAAiB,CAAC;AAMhE,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,aAAa,CAAC;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAOjC,CAAC;AAEF,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAKD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuC/C,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0B3C,CAAC;
|
|
1
|
+
{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/tabBar/TabBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAC,aAAa,EAAmB,MAAM,iBAAiB,CAAC;AAMhE,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,aAAa,CAAC;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAOjC,CAAC;AAEF,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAKD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuC/C,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0B3C,CAAC;AAUF,QAAA,MAAM,wBAAwB;;8EAO5B,CAAC;AAEH,MAAM,WAAW,qBACf,SAAQ,YAAY,CAAC,OAAO,wBAAwB,CAAC;IACrD,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;IACzD,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAYD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkEzC,CAAC;AAEF,OAAO,EAAC,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAC,CAAC"}
|
|
@@ -31,11 +31,18 @@ const TabBarPanel = ({ children, className, value, forceMount = true, ...props }
|
|
|
31
31
|
return;
|
|
32
32
|
return (_jsx("div", { tabIndex: 0, role: "tabpanel", id: `${id}-${tabPanelIdPrefix}-${value}`, "aria-labelledby": `${id}-${tabIdPrefix}-${value}`, "aria-hidden": isHidden, hidden: isHidden, className: cn('font-text', isHidden && 'hidden', className), ...props, children: children }));
|
|
33
33
|
};
|
|
34
|
-
const
|
|
34
|
+
const tabBarListButtonClasses = `
|
|
35
|
+
z-10 absolute top-0 right-0
|
|
36
|
+
h-full w-16 h-[47px]
|
|
37
|
+
flex px-3 py-2
|
|
38
|
+
cursor-pointer select-none
|
|
39
|
+
from-draeger-white via-75% via-draeger-white to-white
|
|
40
|
+
`;
|
|
41
|
+
const tabBarListButtonVariants = cva(tabBarListButtonClasses, {
|
|
35
42
|
variants: {
|
|
36
43
|
position: {
|
|
37
44
|
left: 'left-0 bg-gradient-to-r',
|
|
38
|
-
right: 'right-0 bg-gradient-to-l',
|
|
45
|
+
right: 'right-0 bg-gradient-to-l justify-end',
|
|
39
46
|
},
|
|
40
47
|
},
|
|
41
48
|
});
|
|
@@ -45,7 +52,7 @@ const TabBarList = ({ children, className, ...props }) => {
|
|
|
45
52
|
return;
|
|
46
53
|
const { currentTab, onTabChange } = useTabBarContext();
|
|
47
54
|
const [emblaRef, emblaApi] = useEmblaCarousel({
|
|
48
|
-
align:
|
|
55
|
+
align: () => 64,
|
|
49
56
|
containScroll: 'trimSnaps',
|
|
50
57
|
dragFree: false,
|
|
51
58
|
watchDrag: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["../../../../src/components/layout/tabBar/TabBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,aAAa,EAAE,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,4CAA4C,CAAC;AACzE,OAAO,EAAC,kBAAkB,EAAC,MAAM,iDAAiD,CAAC;AACnF,OAAO,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAC,mBAAmB,EAAE,oBAAoB,EAAC,MAAM,YAAY,CAAC;AAOrE,MAAM,MAAM,GAA0B,CAAC,EAAC,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAC,EAAE,EAAE;IAC5E,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IACzB,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,UAAU,EAAE,WAAW,EAAE,EAAE,EAAC,YACzD,QAAQ,GACc,CAC1B,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,WAAW,GAAG,KAAK,CAAC;AAC1B,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAEpC,MAAM,aAAa,GAAiC,CAAC,EACnD,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,CAAC,QAAQ;QAAE,OAAO;IAEtB,MAAM,EAAC,UAAU,EAAE,WAAW,EAAE,EAAE,EAAC,GAAG,gBAAgB,EAAE,CAAC;IACzD,MAAM,QAAQ,GAAG,UAAU,KAAK,KAAK,CAAC;IAEtC,OAAO,CACL,iBACE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,KACvC,KAAK,EACT,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,cACA,KAAK,mBACA,QAAQ,EACvB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,EAAE,EAAE,GAAG,EAAE,IAAI,WAAW,IAAI,KAAK,EAAE,mBACpB,GAAG,EAAE,IAAI,gBAAgB,IAAI,KAAK,EAAE,mBACpC,QAAQ,YAEvB,cACE,SAAS,EAAE,EAAE,CACX,yLAAyL,EACzL,QAAQ;gBACN,qEAAqE,EACvE,QAAQ;gBACN,mHAAmH,CACtH,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,IAAI,WAAW,CAAC,KAAK,CAAC,YAE7C,QAAQ,GACL,GACC,CACV,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,WAAW,GAA+B,CAAC,EAC/C,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,GAAG,IAAI,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAC,UAAU,EAAE,EAAE,EAAC,GAAG,gBAAgB,EAAE,CAAC;IAC5C,MAAM,QAAQ,GAAG,UAAU,KAAK,KAAK,CAAC;IAEtC,IAAI,CAAC,UAAU,IAAI,QAAQ;QAAE,OAAO;IAEpC,OAAO,CACL,cACE,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,GAAG,EAAE,IAAI,gBAAgB,IAAI,KAAK,EAAE,qBACvB,GAAG,EAAE,IAAI,WAAW,IAAI,KAAK,EAAE,iBACnC,QAAQ,EACrB,MAAM,EAAE,QAAQ,EAChB,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,QAAQ,IAAI,QAAQ,EAAE,SAAS,CAAC,KACvD,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,GAAG,
|
|
1
|
+
{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["../../../../src/components/layout/tabBar/TabBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,aAAa,EAAE,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,4CAA4C,CAAC;AACzE,OAAO,EAAC,kBAAkB,EAAC,MAAM,iDAAiD,CAAC;AACnF,OAAO,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAC,mBAAmB,EAAE,oBAAoB,EAAC,MAAM,YAAY,CAAC;AAOrE,MAAM,MAAM,GAA0B,CAAC,EAAC,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAC,EAAE,EAAE;IAC5E,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IACzB,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,UAAU,EAAE,WAAW,EAAE,EAAE,EAAC,YACzD,QAAQ,GACc,CAC1B,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,WAAW,GAAG,KAAK,CAAC;AAC1B,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAEpC,MAAM,aAAa,GAAiC,CAAC,EACnD,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,CAAC,QAAQ;QAAE,OAAO;IAEtB,MAAM,EAAC,UAAU,EAAE,WAAW,EAAE,EAAE,EAAC,GAAG,gBAAgB,EAAE,CAAC;IACzD,MAAM,QAAQ,GAAG,UAAU,KAAK,KAAK,CAAC;IAEtC,OAAO,CACL,iBACE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,KACvC,KAAK,EACT,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,cACA,KAAK,mBACA,QAAQ,EACvB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,EAAE,EAAE,GAAG,EAAE,IAAI,WAAW,IAAI,KAAK,EAAE,mBACpB,GAAG,EAAE,IAAI,gBAAgB,IAAI,KAAK,EAAE,mBACpC,QAAQ,YAEvB,cACE,SAAS,EAAE,EAAE,CACX,yLAAyL,EACzL,QAAQ;gBACN,qEAAqE,EACvE,QAAQ;gBACN,mHAAmH,CACtH,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,IAAI,WAAW,CAAC,KAAK,CAAC,YAE7C,QAAQ,GACL,GACC,CACV,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,WAAW,GAA+B,CAAC,EAC/C,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,GAAG,IAAI,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAC,UAAU,EAAE,EAAE,EAAC,GAAG,gBAAgB,EAAE,CAAC;IAC5C,MAAM,QAAQ,GAAG,UAAU,KAAK,KAAK,CAAC;IAEtC,IAAI,CAAC,UAAU,IAAI,QAAQ;QAAE,OAAO;IAEpC,OAAO,CACL,cACE,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,GAAG,EAAE,IAAI,gBAAgB,IAAI,KAAK,EAAE,qBACvB,GAAG,EAAE,IAAI,WAAW,IAAI,KAAK,EAAE,iBACnC,QAAQ,EACrB,MAAM,EAAE,QAAQ,EAChB,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,QAAQ,IAAI,QAAQ,EAAE,SAAS,CAAC,KACvD,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAG;;;;;;CAM/B,CAAC;AAEF,MAAM,wBAAwB,GAAG,GAAG,CAAC,uBAAuB,EAAE;IAC5D,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE,yBAAyB;YAC/B,KAAK,EAAE,sCAAsC;SAC9C;KACF;CACF,CAAC,CAAC;AAQH,MAAM,gBAAgB,GAAoC,CAAC,EACzD,OAAO,EACP,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,EAAC,QAAQ,EAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,YACxE,KAAC,gBAAgB,IAAC,KAAK,EAAE,QAAQ,YAAG,IAAI,GAAoB,GACxD,CACP,CAAC;AAIF,MAAM,UAAU,GAA8B,CAAC,EAC7C,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,CAAC,QAAQ;QAAE,OAAO;IAEtB,MAAM,EAAC,UAAU,EAAE,WAAW,EAAC,GAAG,gBAAgB,EAAE,CAAC;IACrD,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,gBAAgB,CAAC;QAC5C,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE;QACf,aAAa,EAAE,WAAW;QAC1B,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,KAAK;KACjB,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,aAAa,CAAC,EAAC,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAC,CAAC,CAAC;IAC5E,MAAM,EAAC,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAC,GACpE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAE/B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QACD,MAAM,aAAa,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC;QAE1C,MAAM,cAAc,GAAkB,KAAK,CAAC,IAAI,CAC9C,aAAa,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAC7C,CAAC;QACF,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CACpC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,UAAU,CACjD,CAAC;QAEF,IAAI,OAAO,KAAK,KAAK,WAAW;YAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3B,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,wIAAwI,EACxI,SAAS,CACV,KACG,KAAK,aAET,cAAK,SAAS,EAAC,iBAAiB,YAC9B,cAAK,GAAG,EAAE,QAAQ,YAChB,cAAK,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAE,gBAAgB,YAC7D,QAAQ,GACL,GACF,GACF,EACL,aAAa,IAAI,CAChB,KAAC,gBAAgB,IACf,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,KAAC,mBAAmB,KAAG,GAC7B,CACH,EACA,aAAa,IAAI,CAChB,KAAC,gBAAgB,IACf,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,OAAO,EACjB,IAAI,EAAE,KAAC,oBAAoB,KAAG,GAC9B,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnchorNav.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/anchorNav/AnchorNav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AnchorNav.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/anchorNav/AnchorNav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAY,KAAK,cAAc,EAAC,MAAM,wBAAwB,CAAC;AAMtE,MAAM,MAAM,UAAU,GAAG;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAAC;AAErD,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAyFD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmLvC,CAAC;AAIF,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC;IACxD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+BrD,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAiB7D,CAAC;AAEF,OAAO,EAAC,SAAS,EAAE,gBAAgB,EAAE,oBAAoB,EAAC,CAAC"}
|
|
@@ -4,7 +4,8 @@ import * as React from 'react';
|
|
|
4
4
|
import useEmblaCarousel from 'embla-carousel-react';
|
|
5
5
|
import ResizeObserver from 'resize-observer-polyfill';
|
|
6
6
|
import { cva } from 'class-variance-authority';
|
|
7
|
-
import { cn,
|
|
7
|
+
import { cn, throttle } from '../../../utils';
|
|
8
|
+
import { usePrevNextButtons } from '../../../hooks/emblaCarousel/usePrevNextButtons';
|
|
8
9
|
import { triggerScrollTo } from '../../../utils/scrollUtils';
|
|
9
10
|
import { Container } from '../../layout/container';
|
|
10
11
|
import { BlockGrid, BlockChildrenWidthContainer } from '../../layout/block';
|
|
@@ -36,18 +37,13 @@ const anchorNavTriggerTextVariants = cva('text-[1.125rem] leading-[1.36] text-te
|
|
|
36
37
|
},
|
|
37
38
|
},
|
|
38
39
|
});
|
|
39
|
-
const AnchorNavTrigger = ({ className, disabled = false, isActive = false,
|
|
40
|
-
|
|
41
|
-
if (disabled)
|
|
42
|
-
return;
|
|
43
|
-
triggerScrollTo(anchor.id, scrollingStateRef, AnchorNavigationWrapperId);
|
|
44
|
-
};
|
|
45
|
-
return (_jsx("a", { className: cn(anchorNavTriggerLinkVariants({ active: isActive, disabled }), className), href: `#${anchor.id}`, target: "_self", "data-anchor": anchor.id, "data-disabled": disabled, "data-dte-jumpmark": anchor.label, tabIndex: isActive || disabled ? 0 : -1, onClick: onTabClick, children: _jsx("span", { className: anchorNavTriggerTextVariants({ active: isActive, disabled }), children: anchor.label }) }));
|
|
40
|
+
const AnchorNavTrigger = ({ className, disabled = false, isActive = false, anchor, onClick, }) => {
|
|
41
|
+
return (_jsx("a", { className: cn(anchorNavTriggerLinkVariants({ active: isActive, disabled }), className), href: `#${anchor.id}`, target: "_self", "data-anchor": anchor.id, "data-disabled": disabled, "data-dte-jumpmark": anchor.label, tabIndex: isActive || disabled ? 0 : -1, onClick: onClick, children: _jsx("span", { className: anchorNavTriggerTextVariants({ active: isActive, disabled }), children: anchor.label }) }));
|
|
46
42
|
};
|
|
47
43
|
const anchorNavListButtonClasses = `
|
|
48
44
|
z-10 absolute top-0 right-0
|
|
49
|
-
h-full w-
|
|
50
|
-
flex items-start
|
|
45
|
+
h-full w-16 h-[47px]
|
|
46
|
+
flex items-start px-3 py-2
|
|
51
47
|
cursor-pointer select-none
|
|
52
48
|
from-draeger-white via-75% via-draeger-white to-white
|
|
53
49
|
`;
|
|
@@ -55,7 +51,7 @@ const anchorNavListButtonVariants = cva(anchorNavListButtonClasses, {
|
|
|
55
51
|
variants: {
|
|
56
52
|
position: {
|
|
57
53
|
left: 'left-0 bg-gradient-to-r',
|
|
58
|
-
right: 'right-0 bg-gradient-to-l',
|
|
54
|
+
right: 'right-0 bg-gradient-to-l justify-end',
|
|
59
55
|
},
|
|
60
56
|
},
|
|
61
57
|
});
|
|
@@ -63,38 +59,17 @@ const AnchorNav = ({ anchors, initialAnchor }) => {
|
|
|
63
59
|
const containerRef = React.useRef(null);
|
|
64
60
|
const isScrolling = React.useRef(false);
|
|
65
61
|
const [emblaRef, emblaApi] = useEmblaCarousel({
|
|
66
|
-
align:
|
|
62
|
+
align: () => 64,
|
|
67
63
|
containScroll: 'trimSnaps',
|
|
68
64
|
dragFree: false,
|
|
69
|
-
|
|
65
|
+
watchDrag: false,
|
|
70
66
|
});
|
|
71
67
|
const [currentAnchor, setCurrentAnchor] = React.useState(initialAnchor || anchors[0]?.id || '');
|
|
72
|
-
const
|
|
73
|
-
const [canScrollPrev, setCanScrollPrev] = React.useState(false);
|
|
74
|
-
const scrollPrev = React.useCallback(() => emblaApi && emblaApi.scrollPrev(), [emblaApi]);
|
|
75
|
-
const scrollNext = React.useCallback(() => emblaApi && emblaApi.scrollNext(), [emblaApi]);
|
|
76
|
-
const scrollTo = React.useCallback((index) => emblaApi && emblaApi.scrollTo(index), [emblaApi]);
|
|
77
|
-
const onSelect = React.useCallback(() => {
|
|
78
|
-
if (!emblaApi)
|
|
79
|
-
return;
|
|
80
|
-
setCanScrollPrev(emblaApi.canScrollPrev());
|
|
81
|
-
setCanScrollNext(emblaApi.canScrollNext());
|
|
82
|
-
}, [emblaApi]);
|
|
83
|
-
React.useEffect(() => {
|
|
84
|
-
if (!emblaApi)
|
|
85
|
-
return;
|
|
86
|
-
const reIntHandler = debounce((api) => {
|
|
87
|
-
setCanScrollPrev(api.canScrollPrev());
|
|
88
|
-
setCanScrollNext(api.canScrollNext());
|
|
89
|
-
}, 100);
|
|
90
|
-
onSelect();
|
|
91
|
-
emblaApi.on('select', onSelect);
|
|
92
|
-
emblaApi.on('reInit', reIntHandler);
|
|
93
|
-
}, [emblaApi]);
|
|
68
|
+
const { canScrollNext, canScrollPrev, scrollPrev, scrollNext, scrollTo } = usePrevNextButtons(emblaApi);
|
|
94
69
|
React.useLayoutEffect(() => {
|
|
95
70
|
const hashAnchor = window.location.hash.substring(1);
|
|
96
71
|
if (hashAnchor)
|
|
97
|
-
scrollTo(anchors.findIndex(({ id }) => id === hashAnchor));
|
|
72
|
+
scrollTo(anchors.findIndex(({ id }) => id === hashAnchor), true);
|
|
98
73
|
}, [emblaApi]);
|
|
99
74
|
const updateVisibleSection = () => {
|
|
100
75
|
if (isScrolling.current)
|
|
@@ -112,7 +87,8 @@ const AnchorNav = ({ anchors, initialAnchor }) => {
|
|
|
112
87
|
if (lastVisibleSection) {
|
|
113
88
|
const sectionId = lastVisibleSection.getAttribute('data-section-id');
|
|
114
89
|
setCurrentAnchor(sectionId);
|
|
115
|
-
|
|
90
|
+
const anchorIndex = anchors.findIndex(({ id }) => id === sectionId);
|
|
91
|
+
scrollTo(anchorIndex);
|
|
116
92
|
}
|
|
117
93
|
};
|
|
118
94
|
React.useEffect(() => {
|
|
@@ -168,7 +144,12 @@ const AnchorNav = ({ anchors, initialAnchor }) => {
|
|
|
168
144
|
}
|
|
169
145
|
}
|
|
170
146
|
}, [emblaApi, currentAnchor]);
|
|
171
|
-
|
|
147
|
+
const navigationTriggerClickHandler = (anchor) => {
|
|
148
|
+
if (isScrolling.current)
|
|
149
|
+
return;
|
|
150
|
+
triggerScrollTo(anchor.id, isScrolling, AnchorNavigationWrapperId);
|
|
151
|
+
};
|
|
152
|
+
return (_jsxs("div", { className: 'relative', ref: containerRef, children: [_jsx("div", { className: cn('overflow-hidden before:content-[""] before:absolute before:w-full before:bottom-0 before:h-0.5 before:bg-draeger-cool-gray-100'), children: _jsx("div", { ref: emblaRef, children: _jsx("div", { className: "flex", onKeyDown: onKeyDownHandler, children: anchors.map(anchor => (_jsx(AnchorNavTrigger, { onClick: () => navigationTriggerClickHandler(anchor), anchor: anchor, isActive: currentAnchor === anchor.id, scrollingStateRef: isScrolling }, anchor.id))) }) }) }), canScrollPrev && (_jsx("div", { className: cn(anchorNavListButtonVariants({ position: 'left' })), onClick: scrollPrev, children: _jsx(IconCoreChevronLeft, { color: 'accent' }) })), canScrollNext && (_jsx("div", { className: cn(anchorNavListButtonVariants({ position: 'right' })), onClick: scrollNext, children: _jsx(IconCoreChevronRight, { color: 'accent' }) }))] }));
|
|
172
153
|
};
|
|
173
154
|
const AnchorNavigationWrapperId = 'AnchorNavigationWrapper';
|
|
174
155
|
const AnchorNavWrapper = ({ children, className, ...props }) => {
|
|
@@ -185,7 +166,7 @@ const AnchorNavWrapper = ({ children, className, ...props }) => {
|
|
|
185
166
|
document.documentElement.style.scrollPaddingTop = 'unset';
|
|
186
167
|
};
|
|
187
168
|
}, [isMounted]);
|
|
188
|
-
return (_jsx("div", { ref: ref, id: AnchorNavigationWrapperId, className: cn('sticky top-0 bg-draeger-white font-text
|
|
169
|
+
return (_jsx("div", { ref: ref, id: AnchorNavigationWrapperId, className: cn('sticky top-0 z-10 bg-draeger-white font-text', className), ...props, children: children }));
|
|
189
170
|
};
|
|
190
171
|
const PageAnchorNavigation = ({ children, containerProps, }) => (_jsx(AnchorNavWrapper, { children: _jsx(Container, { paddingBottom: 'none', paddingTop: 'pageAnchorNav', ...containerProps, children: _jsx(BlockGrid, { paddingBottom: 'none', children: _jsx(BlockChildrenWidthContainer, { paddingBottom: 'none', children: children }) }) }) }));
|
|
191
172
|
export { AnchorNav, AnchorNavWrapper, PageAnchorNavigation };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnchorNav.js","sourceRoot":"","sources":["../../../../src/components/navigation/anchorNav/AnchorNav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"AnchorNav.js","sourceRoot":"","sources":["../../../../src/components/navigation/anchorNav/AnchorNav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,9 +4,9 @@ type UsePrevNextButtonsType = {
|
|
|
4
4
|
canScrollNext: boolean;
|
|
5
5
|
scrollPrev: () => void;
|
|
6
6
|
scrollNext: () => void;
|
|
7
|
-
scrollTo: (index: number) => void;
|
|
7
|
+
scrollTo: (index: number, jump?: boolean) => void;
|
|
8
8
|
};
|
|
9
9
|
export type onScrollHandlerType = (emblaApi: EmblaCarouselType, evt: EmblaEventType) => void;
|
|
10
|
-
export declare const usePrevNextButtons: (emblaApi: EmblaCarouselType | undefined,
|
|
10
|
+
export declare const usePrevNextButtons: (emblaApi: EmblaCarouselType | undefined, onSelectHandler?: onScrollHandlerType) => UsePrevNextButtonsType;
|
|
11
11
|
export {};
|
|
12
12
|
//# sourceMappingURL=usePrevNextButtons.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePrevNextButtons.d.ts","sourceRoot":"","sources":["../../../src/hooks/emblaCarousel/usePrevNextButtons.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"usePrevNextButtons.d.ts","sourceRoot":"","sources":["../../../src/hooks/emblaCarousel/usePrevNextButtons.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAE3E,KAAK,sBAAsB,GAAG;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,CAChC,QAAQ,EAAE,iBAAiB,EAC3B,GAAG,EAAE,cAAc,KAChB,IAAI,CAAC;AAEV,eAAO,MAAM,kBAAkB,GAC7B,UAAU,iBAAiB,GAAG,SAAS,EACvC,kBAAkB,mBAAmB,KACpC,sBAyDF,CAAC"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
export const usePrevNextButtons = (emblaApi, onScrollHandler) => {
|
|
2
|
+
export const usePrevNextButtons = (emblaApi, onSelectHandler) => {
|
|
4
3
|
const [canScrollNext, setCanScrollNext] = React.useState(false);
|
|
5
4
|
const [canScrollPrev, setCanScrollPrev] = React.useState(false);
|
|
6
5
|
const scrollPrev = React.useCallback(() => emblaApi && emblaApi.scrollPrev(), [emblaApi]);
|
|
7
6
|
const scrollNext = React.useCallback(() => emblaApi && emblaApi.scrollNext(), [emblaApi]);
|
|
8
|
-
const scrollTo = React.useCallback((index) =>
|
|
7
|
+
const scrollTo = React.useCallback((index, jump) => {
|
|
8
|
+
emblaApi && emblaApi.scrollTo(index, jump);
|
|
9
|
+
}, [emblaApi]);
|
|
9
10
|
const onSelect = React.useCallback(() => {
|
|
10
11
|
if (!emblaApi) {
|
|
11
12
|
return;
|
|
@@ -17,18 +18,18 @@ export const usePrevNextButtons = (emblaApi, onScrollHandler) => {
|
|
|
17
18
|
if (!emblaApi) {
|
|
18
19
|
return;
|
|
19
20
|
}
|
|
20
|
-
const reIntHandler =
|
|
21
|
+
const reIntHandler = (api) => {
|
|
21
22
|
setCanScrollPrev(api.canScrollPrev());
|
|
22
23
|
setCanScrollNext(api.canScrollNext());
|
|
23
|
-
}
|
|
24
|
+
};
|
|
24
25
|
onSelect();
|
|
25
26
|
emblaApi.on('select', onSelect);
|
|
26
27
|
emblaApi.on('reInit', reIntHandler);
|
|
27
|
-
|
|
28
|
+
onSelectHandler && emblaApi.on('select', onSelectHandler);
|
|
28
29
|
return () => {
|
|
29
30
|
emblaApi.off('select', onSelect);
|
|
30
31
|
emblaApi.off('reInit', reIntHandler);
|
|
31
|
-
|
|
32
|
+
onSelectHandler && emblaApi.off('select', onSelectHandler);
|
|
32
33
|
};
|
|
33
34
|
}, [emblaApi]);
|
|
34
35
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePrevNextButtons.js","sourceRoot":"","sources":["../../../src/hooks/emblaCarousel/usePrevNextButtons.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"usePrevNextButtons.js","sourceRoot":"","sources":["../../../src/hooks/emblaCarousel/usePrevNextButtons.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,QAAuC,EACvC,eAAqC,EACb,EAAE;IAC1B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,UAAU,EAAE,EACvC,CAAC,QAAQ,CAAC,CACX,CAAC;IACF,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,UAAU,EAAE,EACvC,CAAC,QAAQ,CAAC,CACX,CAAC;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,CAAC,KAAa,EAAE,IAAc,EAAE,EAAE;QAChC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC7C,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QACD,gBAAgB,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC;QAC3C,gBAAgB,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QAED,MAAM,YAAY,GAAG,CAAC,GAAsB,EAAE,EAAE;YAC9C,gBAAgB,CAAC,GAAI,CAAC,aAAa,EAAE,CAAC,CAAC;YACvC,gBAAgB,CAAC,GAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QACzC,CAAC,CAAC;QAEF,QAAQ,EAAE,CAAC;QACX,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAChC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAEpC,eAAe,IAAI,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;QAE1D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACjC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACrC,eAAe,IAAI,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO;QACL,aAAa;QACb,aAAa;QACb,UAAU;QACV,UAAU;QACV,QAAQ;KACT,CAAC;AACJ,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@odx/websites-react",
|
|
3
3
|
"author": "Drägerwerk AG & Co. KGaA",
|
|
4
|
-
"version": "1.1.
|
|
4
|
+
"version": "1.1.100",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -493,7 +493,7 @@
|
|
|
493
493
|
"class-variance-authority": "^0.7.1",
|
|
494
494
|
"clsx": "^2.1.1",
|
|
495
495
|
"echarts": "5.6.0",
|
|
496
|
-
"embla-carousel-react": "8.
|
|
496
|
+
"embla-carousel-react": "8.6.0",
|
|
497
497
|
"html-react-parser": "^5.1.10",
|
|
498
498
|
"react-toastify": "^11.0.5",
|
|
499
499
|
"resize-observer-polyfill": "^1.5.1",
|