@luciodale/swipe-bar 1.0.9 → 1.1.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.
@@ -7,22 +7,27 @@ type TSwipeSidebarContext = {
7
7
  setLockedSidebar: (side: TLockedSidebar) => void;
8
8
  leftSidebarRef: React.RefObject<HTMLDivElement | null>;
9
9
  rightSidebarRef: React.RefObject<HTMLDivElement | null>;
10
+ bottomSidebarRef: React.RefObject<HTMLDivElement | null>;
10
11
  isLeftOpen: boolean;
11
12
  isRightOpen: boolean;
13
+ isBottomOpen: boolean;
12
14
  openSidebar: (side: TSidebarSide) => void;
13
15
  closeSidebar: (side: TSidebarSide) => void;
14
- dragSidebar: (side: TSidebarSide, translateX: number | null) => void;
16
+ dragSidebar: (side: TSidebarSide, translate: number | null) => void;
15
17
  globalOptions: Required<TSwipeBarOptions>;
16
18
  setGlobalOptions: (options: Partial<Required<TSwipeBarOptions>>) => void;
17
19
  leftSidebarOptions: TSwipeBarOptions;
18
20
  rightSidebarOptions: TSwipeBarOptions;
21
+ bottomSidebarOptions: TSwipeBarOptions;
19
22
  setLeftSidebarOptions: (options: TSwipeBarOptions) => void;
20
23
  setRightSidebarOptions: (options: TSwipeBarOptions) => void;
24
+ setBottomSidebarOptions: (options: TSwipeBarOptions) => void;
21
25
  leftToggleRef: React.RefObject<HTMLDivElement | null>;
22
26
  rightToggleRef: React.RefObject<HTMLDivElement | null>;
27
+ bottomToggleRef: React.RefObject<HTMLDivElement | null>;
23
28
  };
24
29
  export declare const SwipeSidebarContext: import('react').Context<TSwipeSidebarContext | null>;
25
- export declare const SwipeBarProvider: ({ children, sidebarWidthPx, transitionMs, edgeActivationWidthPx, dragActivationDeltaPx, showOverlay, isAbsolute, overlayBackgroundColor, toggleIconColor, toggleIconSizePx, toggleIconEdgeDistancePx, showToggle, mediaQueryWidth, swipeBarZIndex, toggleZIndex, overlayZIndex, fadeContent, }: {
30
+ export declare const SwipeBarProvider: ({ children, sidebarWidthPx, transitionMs, edgeActivationWidthPx, dragActivationDeltaPx, showOverlay, isAbsolute, overlayBackgroundColor, toggleIconColor, toggleIconSizePx, toggleIconEdgeDistancePx, showToggle, mediaQueryWidth, swipeBarZIndex, toggleZIndex, overlayZIndex, fadeContent, fadeContentTransitionMs, }: {
26
31
  children: ReactNode;
27
32
  } & TSwipeBarOptions) => import("react/jsx-runtime").JSX.Element;
28
33
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"SwipeBarProvider.d.ts","sourceRoot":"","sources":["../src/SwipeBarProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AACf,OAAO,EAgBL,KAAK,YAAY,EACjB,KAAK,gBAAgB,EAKtB,MAAM,sBAAsB,CAAC;AAE9B,KAAK,cAAc,GAAG,YAAY,GAAG,IAAI,CAAC;AAE1C,KAAK,oBAAoB,GAAG;IAC1B,aAAa,EAAE,cAAc,CAAC;IAC9B,gBAAgB,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvD,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACxD,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,WAAW,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACrE,aAAa,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC1C,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,KAAK,IAAI,CAAC;IACzE,kBAAkB,EAAE,gBAAgB,CAAC;IACrC,mBAAmB,EAAE,gBAAgB,CAAC;IACtC,qBAAqB,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3D,sBAAsB,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5D,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACtD,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACxD,CAAC;AAEF,eAAO,MAAM,mBAAmB,sDAE/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,gSAkB9B;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,gBAAgB,4CAgI5C,CAAC"}
1
+ {"version":3,"file":"SwipeBarProvider.d.ts","sourceRoot":"","sources":["../src/SwipeBarProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA2D,MAAM,OAAO,CAAC;AAChG,OAAO,EAmBN,KAAK,YAAY,EACjB,KAAK,gBAAgB,EAKrB,MAAM,sBAAsB,CAAC;AAE9B,KAAK,cAAc,GAAG,YAAY,GAAG,IAAI,CAAC;AAE1C,KAAK,oBAAoB,GAAG;IAC3B,aAAa,EAAE,cAAc,CAAC;IAC9B,gBAAgB,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvD,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACxD,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACzD,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,WAAW,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACpE,aAAa,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC1C,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,KAAK,IAAI,CAAC;IACzE,kBAAkB,EAAE,gBAAgB,CAAC;IACrC,mBAAmB,EAAE,gBAAgB,CAAC;IACtC,oBAAoB,EAAE,gBAAgB,CAAC;IACvC,qBAAqB,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3D,sBAAsB,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5D,uBAAuB,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7D,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACtD,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvD,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACxD,CAAC;AAEF,eAAO,MAAM,mBAAmB,sDAAmD,CAAC;AAMpF,eAAO,MAAM,gBAAgB,GAAI,yTAmB9B;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,gBAAgB,4CA2L5C,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { ReactNode } from 'react';
2
+ import { TSwipeBarOptions } from './swipeSidebarShared';
3
+
4
+ type ToggleProps = {
5
+ showToggle?: boolean;
6
+ ToggleComponent?: ReactNode;
7
+ options: Required<TSwipeBarOptions>;
8
+ };
9
+ export declare function ToggleBottom({ options, showToggle, ToggleComponent }: ToggleProps): import("react/jsx-runtime").JSX.Element | null;
10
+ export {};
11
+ //# sourceMappingURL=ToggleBottom.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ToggleBottom.d.ts","sourceRoot":"","sources":["../src/ToggleBottom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,gBAAgB,EAA4B,MAAM,sBAAsB,CAAC;AAGvF,KAAK,WAAW,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,OAAO,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;CACpC,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,UAAiB,EAAE,eAAe,EAAE,EAAE,WAAW,kDA+BxF"}
@@ -0,0 +1,4 @@
1
+ import { TSwipeSidebar } from '../swipeSidebarShared';
2
+
3
+ export declare function SwipeBarBottom({ className, children, ToggleComponent, ...currentOptions }: TSwipeSidebar): import("react/jsx-runtime").JSX.Element;
4
+ //# sourceMappingURL=SwipeBarBottom.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SwipeBarBottom.d.ts","sourceRoot":"","sources":["../../src/components/SwipeBarBottom.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,aAAa,EAKlB,MAAM,uBAAuB,CAAC;AAM/B,wBAAgB,cAAc,CAAC,EAC9B,SAAS,EACT,QAAQ,EACR,eAAe,EACf,GAAG,cAAc,EACjB,EAAE,aAAa,2CA4Cf"}
@@ -1 +1 @@
1
- {"version":3,"file":"SwipeBarLeft.d.ts","sourceRoot":"","sources":["../../src/components/SwipeBarLeft.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,aAAa,EAIlB,MAAM,uBAAuB,CAAC;AAM/B,wBAAgB,YAAY,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,eAAe,EACf,GAAG,cAAc,EACjB,EAAE,aAAa,2CA2Cf"}
1
+ {"version":3,"file":"SwipeBarLeft.d.ts","sourceRoot":"","sources":["../../src/components/SwipeBarLeft.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,aAAa,EAKlB,MAAM,uBAAuB,CAAC;AAM/B,wBAAgB,YAAY,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,eAAe,EACf,GAAG,cAAc,EACjB,EAAE,aAAa,2CA4Cf"}
@@ -1 +1 @@
1
- {"version":3,"file":"SwipeBarRight.d.ts","sourceRoot":"","sources":["../../src/components/SwipeBarRight.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,aAAa,EAIlB,MAAM,uBAAuB,CAAC;AAM/B,wBAAgB,aAAa,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,eAAe,EACf,GAAG,cAAc,EACjB,EAAE,aAAa,2CA2Cf"}
1
+ {"version":3,"file":"SwipeBarRight.d.ts","sourceRoot":"","sources":["../../src/components/SwipeBarRight.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,aAAa,EAKlB,MAAM,uBAAuB,CAAC;AAM/B,wBAAgB,aAAa,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,eAAe,EACf,GAAG,cAAc,EACjB,EAAE,aAAa,2CA4Cf"}
package/dist/index.d.ts CHANGED
@@ -1,7 +1,9 @@
1
1
  export { Overlay } from './components/Overlay';
2
+ export { SwipeBarBottom } from './components/SwipeBarBottom';
2
3
  export { SwipeBarLeft } from './components/SwipeBarLeft';
3
4
  export { SwipeBarRight } from './components/SwipeBarRight';
4
5
  export { SwipeBarProvider } from './SwipeBarProvider';
6
+ export { ToggleBottom } from './ToggleBottom';
5
7
  export { ToggleLeft } from './ToggleLeft';
6
8
  export { ToggleRight } from './ToggleRight';
7
9
  export { useMediaQuery } from './useMediaQuery';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}