@overmap-ai/blocks 1.0.40-phone-input.0 → 1.0.40-slide-out-resize-handle.1
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/Layout/SlideOutClose.d.ts +5 -0
- package/dist/Layout/SlideOutContent.d.ts +6 -0
- package/dist/Layout/SlideOutHandle.d.ts +5 -0
- package/dist/Layout/SlideOutOverlay.d.ts +2 -5
- package/dist/Layout/SlideOutRoot.d.ts +10 -0
- package/dist/Layout/SlideOutTrigger.d.ts +2 -6
- package/dist/Layout/SlideOutViewport.d.ts +5 -0
- package/dist/Layout/context.d.ts +0 -1
- package/dist/Layout/index.d.ts +11 -3
- package/dist/Layout/typings.d.ts +3 -0
- package/dist/LuIcon/LuIcon.d.ts +4 -6
- package/dist/LuIcon/index.d.ts +1 -1
- package/dist/LuIcon/typings.d.ts +2 -2
- package/dist/SlideOut/Close.d.ts +4 -0
- package/dist/SlideOut/Content.d.ts +11 -0
- package/dist/SlideOut/Handle.d.ts +5 -0
- package/dist/SlideOut/Overlay.d.ts +4 -0
- package/dist/SlideOut/Root.d.ts +9 -0
- package/dist/SlideOut/Trigger.d.ts +4 -0
- package/dist/SlideOut/Viewport.d.ts +4 -0
- package/dist/SlideOut/constants.d.ts +1 -0
- package/dist/SlideOut/context.d.ts +17 -0
- package/dist/SlideOut/index.d.ts +18 -1
- package/dist/SlideOut/typings.d.ts +2 -0
- package/dist/blocks.js +387 -354
- package/dist/blocks.js.map +1 -1
- package/dist/blocks.umd.cjs +385 -350
- package/dist/blocks.umd.cjs.map +1 -1
- package/dist/index.d.ts +0 -1
- package/package.json +1 -2
- package/dist/Layout/SlideOut.d.ts +0 -20
- package/dist/PhoneNumberInput/CountrySelect.d.ts +0 -11
- package/dist/PhoneNumberInput/FlagComponent.d.ts +0 -2
- package/dist/PhoneNumberInput/InputComponent.d.ts +0 -5
- package/dist/PhoneNumberInput/PhoneNumberInput.d.ts +0 -6
- package/dist/PhoneNumberInput/context.d.ts +0 -4
- package/dist/PhoneNumberInput/index.d.ts +0 -2
- package/dist/PhoneNumberInput/typings.d.ts +0 -9
- package/dist/SlideOut/SlideOut.d.ts +0 -49
package/dist/index.d.ts
CHANGED
|
@@ -23,7 +23,6 @@ export * from './MenuV2';
|
|
|
23
23
|
export * from './OneTimePasswordField';
|
|
24
24
|
export * from './Overlay';
|
|
25
25
|
export * from './OvermapErrorBoundary';
|
|
26
|
-
export * from './PhoneNumberInput';
|
|
27
26
|
export * from './Popover';
|
|
28
27
|
export * from './Progress';
|
|
29
28
|
export * from './Provider';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@overmap-ai/blocks",
|
|
3
|
-
"version": "1.0.40-
|
|
3
|
+
"version": "1.0.40-slide-out-resize-handle.1",
|
|
4
4
|
"description": "A collection of React components for building Overmap's UI.",
|
|
5
5
|
"author": "Wôrdn Inc.",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -43,7 +43,6 @@
|
|
|
43
43
|
"lucide-react": "^0.542.0",
|
|
44
44
|
"react-day-picker": "^9.8.0",
|
|
45
45
|
"react-error-boundary": "^6.0.0",
|
|
46
|
-
"react-phone-number-input": "^3.4.12",
|
|
47
46
|
"react-responsive": "^10.0.1",
|
|
48
47
|
"react-transition-group": "^4.4.5",
|
|
49
48
|
"tailwindcss-animate": "^1.0.7"
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithRef } from 'react';
|
|
2
|
-
import { SlideOutProps } from '../SlideOut';
|
|
3
|
-
export interface LayoutSlideOutProps extends Omit<SlideOutProps, "open" | "initialWidth">, Omit<ComponentPropsWithRef<"div">, "content"> {
|
|
4
|
-
/** controls if the SlideOut is initially open once mounted when NOT in smallMode.
|
|
5
|
-
* NOTE: changing the value of this will cause the SlideOut to open/close after mounting NOT in smallMode depending on
|
|
6
|
-
* its passed in value.
|
|
7
|
-
* @default false */
|
|
8
|
-
defaultOpen?: {
|
|
9
|
-
small?: boolean;
|
|
10
|
-
large?: boolean;
|
|
11
|
-
};
|
|
12
|
-
/** optional prop to control the open state of the SlideOut */
|
|
13
|
-
open?: SlideOutProps["open"];
|
|
14
|
-
/** optional prop to control the initialWidth of the SlideOut
|
|
15
|
-
* @default "30%" */
|
|
16
|
-
initialWidth?: SlideOutProps["initialWidth"];
|
|
17
|
-
/** unique identifier for this SlideOut instance, used to manage its open/closed state within the Layout context */
|
|
18
|
-
id: string;
|
|
19
|
-
}
|
|
20
|
-
export declare const LayoutSlideOut: import('react').NamedExoticComponent<LayoutSlideOutProps>;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Country } from 'react-phone-number-input/min';
|
|
2
|
-
export interface CountrySelectProps {
|
|
3
|
-
disabled?: boolean;
|
|
4
|
-
value: Country;
|
|
5
|
-
onChange: (value: Country) => void;
|
|
6
|
-
options: {
|
|
7
|
-
label: string;
|
|
8
|
-
value: Country | undefined;
|
|
9
|
-
}[];
|
|
10
|
-
}
|
|
11
|
-
export declare const CountrySelect: import('react').NamedExoticComponent<CountrySelectProps>;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithRef } from 'react';
|
|
2
|
-
import { Input } from '../Input';
|
|
3
|
-
export interface InputComponentProps extends ComponentPropsWithRef<typeof Input.Field> {
|
|
4
|
-
}
|
|
5
|
-
export declare const InputComponent: import('react').NamedExoticComponent<InputComponentProps>;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithRef } from 'react';
|
|
2
|
-
import { default as PhoneInput } from 'react-phone-number-input';
|
|
3
|
-
import { PhoneNumberInputVariantProps } from './typings';
|
|
4
|
-
export interface PhoneNumberInputProps extends Omit<ComponentPropsWithRef<typeof PhoneInput>, "inputComponent" | "flagComponent" | "countrySelectComponent">, PhoneNumberInputVariantProps {
|
|
5
|
-
}
|
|
6
|
-
export declare const PhoneNumberInput: import('react').NamedExoticComponent<PhoneNumberInputProps>;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ComponentRadius } from '../Provider';
|
|
2
|
-
import { AccentColorProps } from '../typings';
|
|
3
|
-
export type PhoneNumberInputSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
4
|
-
export type PhoneNumberInputVariant = "surface" | "soft" | "outline" | "ghost";
|
|
5
|
-
export interface PhoneNumberInputVariantProps extends AccentColorProps {
|
|
6
|
-
size?: PhoneNumberInputSize;
|
|
7
|
-
variant?: PhoneNumberInputVariant;
|
|
8
|
-
radius?: ComponentRadius;
|
|
9
|
-
}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithRef, PropsWithChildren, ReactNode } from 'react';
|
|
2
|
-
export interface SlideOutProps extends PropsWithChildren, Omit<ComponentPropsWithRef<"div">, "content"> {
|
|
3
|
-
/** The controlled open state of the SlideOut */
|
|
4
|
-
open: boolean;
|
|
5
|
-
/** specifies if the SlideOut is in modal mode or not.
|
|
6
|
-
* If in modal mode, onDismiss prop should be passed
|
|
7
|
-
* to the SlideOut component as well.
|
|
8
|
-
* @default false */
|
|
9
|
-
modal?: boolean;
|
|
10
|
-
/** hides the SlideOut and its overlay but doesn't change the open state of the SlideOut. Should be used if
|
|
11
|
-
* the SlideOut needs to be hidden for some reason but not triggering a close
|
|
12
|
-
* @default false
|
|
13
|
-
* */
|
|
14
|
-
hide?: boolean;
|
|
15
|
-
/** The side the SlideOut should position on and "slide-in" from */
|
|
16
|
-
side: "left" | "right";
|
|
17
|
-
/** controls if the SlideOut can be resized by the user
|
|
18
|
-
* @default true
|
|
19
|
-
* */
|
|
20
|
-
resizeable?: boolean;
|
|
21
|
-
/** controls the positioning of the SlideOut.
|
|
22
|
-
* When absolute, the SlideOut will overlay other
|
|
23
|
-
* content within its parent container.
|
|
24
|
-
* When relative, the SlideOut exists with and pushes other content within
|
|
25
|
-
* its parent container.
|
|
26
|
-
* @default "relative"
|
|
27
|
-
* */
|
|
28
|
-
position?: "relative" | "absolute";
|
|
29
|
-
/** sets the initialWidth of the SlideOut, can be expressed in any valid CSS size unit */
|
|
30
|
-
initialWidth: number | string;
|
|
31
|
-
/** sets the minimum width of the SlideOut can be expressed in any valid CSS size unit */
|
|
32
|
-
minWidth?: number | string;
|
|
33
|
-
/** sets the maximum width of the SlideOut can be expressed in any valid CSS size unit */
|
|
34
|
-
maxWidth?: number | string;
|
|
35
|
-
/** callback fired when the SlideOut should be dismissed (closed) when in modal mode. The type of event resulting in
|
|
36
|
-
* the SlideOut dismissal is passed with the callback. */
|
|
37
|
-
onDismiss?: () => void;
|
|
38
|
-
/** callback fired when the SlideOut has finished sliding out (closing) */
|
|
39
|
-
onClosed?: () => void;
|
|
40
|
-
/** callback fired when the SlideOut starts sliding in (opening) */
|
|
41
|
-
onOpening?: () => void;
|
|
42
|
-
/** overlay to be rendered when the SlideOut is open*/
|
|
43
|
-
overlayComponent?: ReactNode;
|
|
44
|
-
/** content to be rendered within the SlideOut */
|
|
45
|
-
content: ReactNode | null;
|
|
46
|
-
}
|
|
47
|
-
/** The SlideOut component is a UI element that allows you to create a slide-in/slide-out effect for content within
|
|
48
|
-
* your application. It provides a smooth transition animation for revealing and hiding content. */
|
|
49
|
-
export declare const SlideOut: import('react').NamedExoticComponent<SlideOutProps>;
|