@ecohouse/ui 0.1.55 → 0.1.56
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/index.cjs +19 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +19 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Sidebar/Sidebar.stories.tsx +2 -0
- package/src/components/Sidebar/Sidebar.tsx +25 -6
package/dist/index.d.cts
CHANGED
|
@@ -822,6 +822,8 @@ interface SidebarProps extends Omit<ViewProps, "style" | "children"> {
|
|
|
822
822
|
items: readonly SidebarItem[];
|
|
823
823
|
user: SidebarUser;
|
|
824
824
|
onLogOut?: () => void;
|
|
825
|
+
/** Makes the brand mark interactive, e.g. to navigate to the home page. */
|
|
826
|
+
onLogoPress?: () => void;
|
|
825
827
|
/** Accessible name for the brand mark. Defaults to `"Cortel Booking"`. */
|
|
826
828
|
logoAccessibilityLabel?: string;
|
|
827
829
|
/** Accessible name for the nav landmark. Defaults to `"Account navigation"`. */
|
package/dist/index.d.ts
CHANGED
|
@@ -822,6 +822,8 @@ interface SidebarProps extends Omit<ViewProps, "style" | "children"> {
|
|
|
822
822
|
items: readonly SidebarItem[];
|
|
823
823
|
user: SidebarUser;
|
|
824
824
|
onLogOut?: () => void;
|
|
825
|
+
/** Makes the brand mark interactive, e.g. to navigate to the home page. */
|
|
826
|
+
onLogoPress?: () => void;
|
|
825
827
|
/** Accessible name for the brand mark. Defaults to `"Cortel Booking"`. */
|
|
826
828
|
logoAccessibilityLabel?: string;
|
|
827
829
|
/** Accessible name for the nav landmark. Defaults to `"Account navigation"`. */
|
package/dist/index.js
CHANGED
|
@@ -33355,6 +33355,7 @@ var Sidebar = forwardRef(function Sidebar2({
|
|
|
33355
33355
|
items,
|
|
33356
33356
|
user,
|
|
33357
33357
|
onLogOut,
|
|
33358
|
+
onLogoPress,
|
|
33358
33359
|
logoAccessibilityLabel = "Cortel Booking",
|
|
33359
33360
|
navigationAccessibilityLabel = "Account navigation",
|
|
33360
33361
|
collapseAccessibilityLabel = "Collapse sidebar",
|
|
@@ -33431,7 +33432,24 @@ var Sidebar = forwardRef(function Sidebar2({
|
|
|
33431
33432
|
],
|
|
33432
33433
|
accessibilityElementsHidden: collapsed,
|
|
33433
33434
|
importantForAccessibility: collapsed ? "no-hide-descendants" : "auto",
|
|
33434
|
-
children: /* @__PURE__ */ jsx(
|
|
33435
|
+
children: onLogoPress ? /* @__PURE__ */ jsx(
|
|
33436
|
+
Pressable,
|
|
33437
|
+
{
|
|
33438
|
+
accessibilityRole: "link",
|
|
33439
|
+
accessibilityLabel: logoAccessibilityLabel,
|
|
33440
|
+
hitSlop: 8,
|
|
33441
|
+
onPress: onLogoPress,
|
|
33442
|
+
children: /* @__PURE__ */ jsx(
|
|
33443
|
+
BrandLogo,
|
|
33444
|
+
{
|
|
33445
|
+
accessibilityLabel: logoAccessibilityLabel,
|
|
33446
|
+
height: LOGO_HEIGHT,
|
|
33447
|
+
variant: "brand",
|
|
33448
|
+
width: LOGO_WIDTH
|
|
33449
|
+
}
|
|
33450
|
+
)
|
|
33451
|
+
}
|
|
33452
|
+
) : /* @__PURE__ */ jsx(
|
|
33435
33453
|
BrandLogo,
|
|
33436
33454
|
{
|
|
33437
33455
|
accessibilityLabel: logoAccessibilityLabel,
|