@gluestack-ui/core 5.0.4-alpha.0 → 5.0.6-alpha.0

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.
@@ -1,3 +1,21 @@
1
1
  import React from 'react';
2
- export declare const Input: (StyledInput: any) => React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
2
+ import { NativeSyntheticEvent, TextInputKeyPressEventData } from 'react-native';
3
+ export interface InputProps {
4
+ children?: React.ReactNode;
5
+ name?: string;
6
+ type?: string;
7
+ onKeyPress?: (e: NativeSyntheticEvent<TextInputKeyPressEventData>) => void;
8
+ editable?: boolean;
9
+ disabled?: boolean;
10
+ secureTextEntry?: boolean;
11
+ id?: string;
12
+ isDisabled?: boolean;
13
+ isInvalid?: boolean;
14
+ isReadOnly?: boolean;
15
+ isRequired?: boolean;
16
+ onFocus?: (e: any) => void;
17
+ onBlur?: (e: any) => void;
18
+ [key: string]: any;
19
+ }
20
+ export declare const Input: (StyledInput: any) => React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<any>>;
3
21
  //# sourceMappingURL=Input.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/input/creator/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,eAAO,MAAM,KAAK,GAAI,aAAa,GAAG,qFAoHnC,CAAC"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/input/creator/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAY,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAK1F,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,0BAA0B,CAAC,KAAK,IAAI,CAAC;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAGD,eAAO,MAAM,KAAK,GAAI,aAAa,GAAG,wFA8GnC,CAAC"}
@@ -15,7 +15,7 @@ import { useFormControl } from '../../form-control/creator';
15
15
  import { useInput } from './InputContext';
16
16
  import { mergeRefs } from '@gluestack-ui/utils/common';
17
17
  export const Input = (StyledInput) => forwardRef((_a, ref) => {
18
- var { children, onKeyPress, type = 'text', 'aria-label': ariaLabel = 'Input Field', secureTextEntry, editable, disabled } = _a, props = __rest(_a, ["children", "onKeyPress", "type", 'aria-label', "secureTextEntry", "editable", "disabled"]);
18
+ var { children, onKeyPress, name, type = 'text', 'aria-label': ariaLabel = 'Input Field', secureTextEntry, editable, disabled } = _a, props = __rest(_a, ["children", "onKeyPress", "name", "type", 'aria-label', "secureTextEntry", "editable", "disabled"]);
19
19
  const { isDisabled, isReadOnly, isFocused, isInvalid, setIsFocused, isHovered, isFocusVisible, inputFieldRef, isRequired, } = useInput('InputContext');
20
20
  const inputProps = useFormControl({
21
21
  isDisabled: props.isDisabled || disabled,
@@ -34,12 +34,10 @@ export const Input = (StyledInput) => forwardRef((_a, ref) => {
34
34
  return editable;
35
35
  }
36
36
  else {
37
- return isDisabled || inputProps.isDisabled || isReadOnly
38
- ? false
39
- : true;
37
+ return !(isDisabled || inputProps.isDisabled || isReadOnly);
40
38
  }
41
39
  }, [isDisabled, inputProps.isDisabled, isReadOnly, editable]);
42
- return (<StyledInput {...props} type={type} states={{
40
+ return (<StyledInput {...props} name={name} type={type} states={{
43
41
  focus: isFocused,
44
42
  invalid: isInvalid,
45
43
  readonly: isReadOnly,
@@ -62,7 +60,8 @@ export const Input = (StyledInput) => forwardRef((_a, ref) => {
62
60
  }} disabled={isDisabled || inputProps.isDisabled} secureTextEntry={secureTextEntry || type === 'password'} accessible aria-label={ariaLabel} aria-required={isRequired || inputProps.isRequired} aria-invalid={isInvalid || inputProps.isInvalid} aria-disabled={isDisabled || inputProps.isDisabled} aria-selected={Platform.OS !== 'web' ? isFocused : undefined}
63
61
  // ios accessibility
64
62
  accessibilityElementsHidden={isDisabled || inputProps.isDisabled} readOnly={!editableProp} onKeyPress={(e) => {
65
- e.persist();
63
+ var _a;
64
+ (_a = e.persist) === null || _a === void 0 ? void 0 : _a.call(e);
66
65
  onKeyPress && onKeyPress(e);
67
66
  }} onFocus={(e) => {
68
67
  handleFocus(true, (props === null || props === void 0 ? void 0 : props.onFocus) ? () => props === null || props === void 0 ? void 0 : props.onFocus(e) : () => { });
@@ -1 +1 @@
1
- {"version":3,"file":"Input.jsx","sourceRoot":"","sources":["../../../../src/input/creator/Input.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Input.jsx","sourceRoot":"","sources":["../../../../src/input/creator/Input.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"PopoverArrow.d.ts","sourceRoot":"","sources":["../../../../src/popover/creator/PopoverArrow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,QAAA,MAAM,YAAY,GAAI,oBAAoB,GAAG,qFAmEzC,CAAC;AAEL,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"PopoverArrow.d.ts","sourceRoot":"","sources":["../../../../src/popover/creator/PopoverArrow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAQ1C,QAAA,MAAM,YAAY,GAAI,oBAAoB,GAAG,qFAyFzC,CAAC;AAEL,eAAe,YAAY,CAAC"}
@@ -1,9 +1,21 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
1
12
  /* eslint-disable react-hooks/exhaustive-deps */
2
13
  /* eslint-disable react-native/no-inline-styles */
3
14
  import React, { forwardRef } from 'react';
4
15
  import { usePopoverContent } from './PopoverContext';
5
- import { getArrowStyles } from './utils';
16
+ import { applyCrossOffsetToArrowStyle, applyOffsetToArrowEdgeStyles, getArrowStyles, } from './utils';
6
17
  const PopoverArrow = (StyledPopoverArrow) => forwardRef((props, ref) => {
18
+ const { offset: offsetProp = 0, crossOffset: crossOffsetProp = 0 } = props, rest = __rest(props, ["offset", "crossOffset"]);
7
19
  const { value: { placement, actualPlacement, updateArrowSize, arrowHeight, arrowWidth, arrowProps, updateArrowElement, isFlipped, }, } = usePopoverContent('PopoverContext');
8
20
  const additionalStyles = React.useMemo(() => {
9
21
  return getArrowStyles({
@@ -13,22 +25,24 @@ const PopoverArrow = (StyledPopoverArrow) => forwardRef((props, ref) => {
13
25
  });
14
26
  }, [arrowHeight, arrowWidth, placement, actualPlacement]);
15
27
  React.useEffect(() => {
16
- var _a, _b, _c, _d;
28
+ var _a;
29
+ const arrowStyle = applyCrossOffsetToArrowStyle((_a = arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style) !== null && _a !== void 0 ? _a : {}, actualPlacement, crossOffsetProp);
30
+ const adjustedTop = placement === 'right bottom' || placement === 'left bottom'
31
+ ? arrowStyle.top > 4
32
+ ? arrowStyle.top - 4
33
+ : arrowStyle.top
34
+ : arrowStyle.top;
35
+ const edgeStyles = applyOffsetToArrowEdgeStyles(additionalStyles, actualPlacement, offsetProp);
17
36
  const ArrowComponent = (<StyledPopoverArrow ref={ref} onLayout={(event) => {
18
37
  const { height, width } = event.nativeEvent.layout;
19
38
  updateArrowSize({ height, width });
20
- }} {...props} style={[
21
- props === null || props === void 0 ? void 0 : props.style,
22
- arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style,
39
+ }} {...rest} style={[
40
+ rest === null || rest === void 0 ? void 0 : rest.style,
41
+ arrowStyle,
23
42
  {
24
- // To avoid border radius case
25
- top: placement === 'right bottom' || placement === 'left bottom'
26
- ? ((_a = arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style) === null || _a === void 0 ? void 0 : _a.top) > 4
27
- ? ((_b = arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style) === null || _b === void 0 ? void 0 : _b.top) - 4
28
- : (_c = arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style) === null || _c === void 0 ? void 0 : _c.top
29
- : (_d = arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style) === null || _d === void 0 ? void 0 : _d.top,
43
+ top: adjustedTop,
30
44
  },
31
- additionalStyles,
45
+ edgeStyles,
32
46
  ]}
33
47
  // data attributes for uniwind
34
48
  data-flip={isFlipped ? 'true' : 'false'}
@@ -44,6 +58,9 @@ const PopoverArrow = (StyledPopoverArrow) => forwardRef((props, ref) => {
44
58
  arrowWidth,
45
59
  actualPlacement,
46
60
  JSON.stringify(arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style),
61
+ crossOffsetProp,
62
+ offsetProp,
63
+ isFlipped,
47
64
  ]);
48
65
  return null;
49
66
  });
@@ -1 +1 @@
1
- {"version":3,"file":"PopoverArrow.jsx","sourceRoot":"","sources":["../../../../src/popover/creator/PopoverArrow.tsx"],"names":[],"mappings":"AAAA,gDAAgD;AAChD,kDAAkD;AAClD,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,YAAY,GAAG,CAAC,kBAAuB,EAAE,EAAE,CAC/C,UAAU,CAAC,CAAC,KAAU,EAAE,GAAS,EAAE,EAAE;IACnC,MAAM,EACJ,KAAK,EAAE,EACL,SAAS,EACT,eAAe,EACf,eAAe,EACf,WAAW,EACX,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,SAAS,GACV,GACF,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAExC,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC1C,OAAO,cAAc,CAAC;YACpB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,UAAU;YACjB,eAAe;SAChB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC;IAE1D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACnB,MAAM,cAAc,GAAG,CACrB,CAAC,kBAAkB,CACjB,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,QAAQ,CAAC,CAAC,CAAC,KAAU,EAAE,EAAE;gBACvB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;gBACnD,eAAe,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;YACrC,CAAC,CAAC,CACF,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;gBACL,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK;gBACZ,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK;gBACjB;oBACE,8BAA8B;oBAC9B,GAAG,EACD,SAAS,KAAK,cAAc,IAAI,SAAS,KAAK,aAAa;wBACzD,CAAC,CAAC,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,0CAAE,GAAG,IAAG,CAAC;4BAC1B,CAAC,CAAC,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,0CAAE,GAAG,IAAG,CAAC;4BAC5B,CAAC,CAAC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,0CAAE,GAAG;wBAC1B,CAAC,CAAC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,0CAAE,GAAG;iBAC7B;gBACD,gBAAgB;aACjB,CAAC;QACF,8BAA8B;QAC9B,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QACxC,iCAAiC;QACjC,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAChD,MAAM,CAAC,CAAC;gBACN,IAAI,EAAE,SAAS;aAChB,CAAC,EACF,CACH,CAAC;QAEF,kBAAkB,CAAC,cAAc,CAAC,CAAC;IACrC,CAAC,EAAE;QACD,gBAAgB;QAChB,SAAS;QACT,WAAW;QACX,UAAU;QACV,eAAe;QACf,IAAI,CAAC,SAAS,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAC;KAClC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACd,CAAC,CAAC,CAAC;AAEL,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"PopoverArrow.jsx","sourceRoot":"","sources":["../../../../src/popover/creator/PopoverArrow.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,gDAAgD;AAChD,kDAAkD;AAClD,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EACL,4BAA4B,EAC5B,4BAA4B,EAC5B,cAAc,GACf,MAAM,SAAS,CAAC;AAEjB,MAAM,YAAY,GAAG,CAAC,kBAAuB,EAAE,EAAE,CAC/C,UAAU,CAAC,CAAC,KAAU,EAAE,GAAS,EAAE,EAAE;IACnC,MAAM,EACJ,MAAM,EAAE,UAAU,GAAG,CAAC,EACtB,WAAW,EAAE,eAAe,GAAG,CAAC,KAE9B,KAAK,EADJ,IAAI,UACL,KAAK,EAJH,yBAIL,CAAQ,CAAC;IAEV,MAAM,EACJ,KAAK,EAAE,EACL,SAAS,EACT,eAAe,EACf,eAAe,EACf,WAAW,EACX,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,SAAS,GACV,GACF,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAExC,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC1C,OAAO,cAAc,CAAC;YACpB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,UAAU;YACjB,eAAe;SAChB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC;IAE1D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACnB,MAAM,UAAU,GAAG,4BAA4B,CAC7C,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,mCAAI,EAAE,EACvB,eAAe,EACf,eAAe,CAChB,CAAC;QAEF,MAAM,WAAW,GACf,SAAS,KAAK,cAAc,IAAI,SAAS,KAAK,aAAa;YACzD,CAAC,CAAC,UAAU,CAAC,GAAG,GAAG,CAAC;gBAClB,CAAC,CAAC,UAAU,CAAC,GAAG,GAAG,CAAC;gBACpB,CAAC,CAAC,UAAU,CAAC,GAAG;YAClB,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC;QAErB,MAAM,UAAU,GAAG,4BAA4B,CAC7C,gBAAgB,EAChB,eAAe,EACf,UAAU,CACX,CAAC;QAEF,MAAM,cAAc,GAAG,CACrB,CAAC,kBAAkB,CACjB,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,QAAQ,CAAC,CAAC,CAAC,KAAU,EAAE,EAAE;gBACvB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;gBACnD,eAAe,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;YACrC,CAAC,CAAC,CACF,IAAI,IAAI,CAAC,CACT,KAAK,CAAC,CAAC;gBACL,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK;gBACX,UAAU;gBACV;oBACE,GAAG,EAAE,WAAW;iBACjB;gBACD,UAAU;aACX,CAAC;QACF,8BAA8B;QAC9B,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QACxC,iCAAiC;QACjC,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAChD,MAAM,CAAC,CAAC;gBACN,IAAI,EAAE,SAAS;aAChB,CAAC,EACF,CACH,CAAC;QAEF,kBAAkB,CAAC,cAAc,CAAC,CAAC;IACrC,CAAC,EAAE;QACD,gBAAgB;QAChB,SAAS;QACT,WAAW;QACX,UAAU;QACV,eAAe;QACf,IAAI,CAAC,SAAS,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAC;QACjC,eAAe;QACf,UAAU;QACV,SAAS;KACV,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACd,CAAC,CAAC,CAAC;AAEL,eAAe,YAAY,CAAC"}
@@ -70,13 +70,29 @@ export interface InterfacePopoverProps {
70
70
  useRNModal?: boolean;
71
71
  focusScope?: boolean;
72
72
  }
73
+ /**
74
+ * Optional props for `Popover.Arrow`. These adjust only the arrow indicator;
75
+ * root `Popover` `offset` / `crossOffset` still control the popover content position.
76
+ */
77
+ export interface InterfacePopoverArrowProps {
78
+ /**
79
+ * Additional offset along the main axis for the arrow (content position unchanged).
80
+ * For top/bottom placement, nudges the arrow along the perpendicular edge; for left/right, along the horizontal edge.
81
+ */
82
+ offset?: number;
83
+ /**
84
+ * Additional offset along the cross axis for the arrow (content position unchanged).
85
+ * For top/bottom placement, nudges `left`; for left/right placement, nudges `top`.
86
+ */
87
+ crossOffset?: number;
88
+ }
73
89
  export type IPopoverComponentType<PopoverProps, ArrowProps, ContentProps, HeaderProps, FooterProps, BodyProps, BackdropProps, CloseButtonProps> = React.ForwardRefExoticComponent<IPopoverProps & React.PropsWithoutRef<PopoverProps> & React.RefAttributes<PopoverProps>> & {
74
90
  Body: React.ForwardRefExoticComponent<React.PropsWithoutRef<BodyProps> & React.RefAttributes<BodyProps>>;
75
91
  CloseButton: React.ForwardRefExoticComponent<React.PropsWithoutRef<CloseButtonProps> & React.RefAttributes<CloseButtonProps>>;
76
92
  Content: React.ForwardRefExoticComponent<React.PropsWithoutRef<ContentProps> & React.RefAttributes<ContentProps>>;
77
93
  Footer: React.ForwardRefExoticComponent<React.PropsWithoutRef<FooterProps> & React.RefAttributes<FooterProps>>;
78
94
  Header: React.ForwardRefExoticComponent<React.PropsWithoutRef<HeaderProps> & React.RefAttributes<HeaderProps>>;
79
- Arrow: React.ForwardRefExoticComponent<React.PropsWithoutRef<ArrowProps> & React.RefAttributes<ArrowProps>>;
95
+ Arrow: React.ForwardRefExoticComponent<React.PropsWithoutRef<ArrowProps & InterfacePopoverArrowProps> & React.RefAttributes<ArrowProps>>;
80
96
  Backdrop: React.ForwardRefExoticComponent<React.PropsWithoutRef<BackdropProps> & React.RefAttributes<BackdropProps>>;
81
97
  };
82
98
  export type IPopoverProps = InterfacePopoverProps;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/popover/creator/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/popover/creator/types.ts"],"names":[],"mappings":"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"}
@@ -33,5 +33,13 @@ export declare const getContainerStyle: ({ placement, arrowHeight, }: {
33
33
  marginLeft?: undefined;
34
34
  };
35
35
  export declare const getArrowStyles: ({ height, width, actualPlacement, }: ArrowStyleProps) => any;
36
+ /** Nudge along the cross axis: `left` for top/bottom, `top` for left/right. */
37
+ export declare const applyCrossOffsetToArrowStyle: (arrowStyle: Record<string, any>, actualPlacement: string | undefined, crossOffset: number) => {
38
+ [x: string]: any;
39
+ };
40
+ /** Nudge along the main axis on the edge props from `getArrowStyles`. */
41
+ export declare const applyOffsetToArrowEdgeStyles: (edgeStyles: Record<string, any>, actualPlacement: string | undefined, offset: number) => {
42
+ [x: string]: any;
43
+ };
36
44
  export {};
37
45
  //# sourceMappingURL=utils.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/popover/creator/utils.ts"],"names":[],"mappings":"AAIA,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CACtD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,6BAG/B;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB;;;;;;;;;;;;;;;;;;;;;;;;;CAoBA,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,qCAI5B,eAAe,QA4BjB,CAAC"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/popover/creator/utils.ts"],"names":[],"mappings":"AAIA,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CACtD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,6BAG/B;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB;;;;;;;;;;;;;;;;;;;;;;;;;CAoBA,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,qCAI5B,eAAe,QA4BjB,CAAC;AAkBF,+EAA+E;AAC/E,eAAO,MAAM,4BAA4B,GACvC,YAAY,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC/B,iBAAiB,MAAM,GAAG,SAAS,EACnC,aAAa,MAAM;;CAepB,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,4BAA4B,GACvC,YAAY,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC/B,iBAAiB,MAAM,GAAG,SAAS,EACnC,QAAQ,MAAM;;CAiBf,CAAC"}
@@ -40,4 +40,51 @@ export const getArrowStyles = ({ height, width, actualPlacement, }) => {
40
40
  }
41
41
  return additionalStyles;
42
42
  };
43
+ const toAxisPlacement = (actualPlacement) => {
44
+ if (actualPlacement === 'top' ||
45
+ actualPlacement === 'bottom' ||
46
+ actualPlacement === 'left' ||
47
+ actualPlacement === 'right') {
48
+ return actualPlacement;
49
+ }
50
+ return 'bottom';
51
+ };
52
+ /** Nudge along the cross axis: `left` for top/bottom, `top` for left/right. */
53
+ export const applyCrossOffsetToArrowStyle = (arrowStyle, actualPlacement, crossOffset) => {
54
+ if (!crossOffset) {
55
+ return Object.assign({}, arrowStyle);
56
+ }
57
+ const next = Object.assign({}, arrowStyle);
58
+ const ap = toAxisPlacement(actualPlacement);
59
+ if (ap === 'top' || ap === 'bottom') {
60
+ if (typeof next.left === 'number') {
61
+ next.left += crossOffset;
62
+ }
63
+ }
64
+ else if (typeof next.top === 'number') {
65
+ next.top += crossOffset;
66
+ }
67
+ return next;
68
+ };
69
+ /** Nudge along the main axis on the edge props from `getArrowStyles`. */
70
+ export const applyOffsetToArrowEdgeStyles = (edgeStyles, actualPlacement, offset) => {
71
+ if (!offset) {
72
+ return Object.assign({}, edgeStyles);
73
+ }
74
+ const next = Object.assign({}, edgeStyles);
75
+ const ap = toAxisPlacement(actualPlacement);
76
+ if (ap === 'bottom' && typeof next.top === 'number') {
77
+ next.top += offset;
78
+ }
79
+ else if (ap === 'top' && typeof next.bottom === 'number') {
80
+ next.bottom += offset;
81
+ }
82
+ else if (ap === 'right' && typeof next.left === 'number') {
83
+ next.left += offset;
84
+ }
85
+ else if (ap === 'left' && typeof next.right === 'number') {
86
+ next.right += offset;
87
+ }
88
+ return next;
89
+ };
43
90
  //# sourceMappingURL=utils.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/popover/creator/utils.ts"],"names":[],"mappings":"AAAA,MAAM,iBAAiB,GAAG,CAAC,WAAmB,EAAE,UAAkB,EAAE,EAAE;IACpE,OAAO,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,EAAE,GAAG,CAAC,CAAC;AAC5E,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,SAAS,EACT,WAAW,GAIZ,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,iBAAiB,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAEvE,IAAI,SAAS,KAAK,KAAK,EAAE,CAAC;QACxB,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC;IAC1C,CAAC;IAED,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;QAC3B,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;IACvC,CAAC;IAED,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;QACzB,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC;IACzC,CAAC;IAED,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;QAC1B,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC;IACxC,CAAC;IAED,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,eAAe,GACC,EAAE,EAAE;IACpB,MAAM,gBAAgB,GAAQ;QAC5B,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAC,EAAG,EAAC,UAAU,EAAE,MAAM,GAAG,CAAC,EAAC,CAAC;KAC3D,CAAC;IAEF,MAAM,cAAc,GAAG,iBAAiB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAExD,IAAI,eAAe,KAAK,KAAK,IAAI,KAAK,EAAE,CAAC;QACvC,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC;QAC5D,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IACrE,CAAC;IAED,IAAI,eAAe,KAAK,QAAQ,IAAI,KAAK,EAAE,CAAC;QAC1C,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC;QAC5D,gBAAgB,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAClE,CAAC;IAED,IAAI,eAAe,KAAK,MAAM,IAAI,MAAM,EAAE,CAAC;QACzC,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC;QAC7D,gBAAgB,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IACpE,CAAC;IAED,IAAI,eAAe,KAAK,OAAO,IAAI,MAAM,EAAE,CAAC;QAC1C,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC;QAC7D,gBAAgB,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,CAAC;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC"}
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/popover/creator/utils.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@gluestack-ui/core",
3
3
  "description": "Universal UI components for React Native, Expo, and Next.js",
4
- "version": "5.0.4-alpha.0",
4
+ "version": "5.0.6-alpha.0",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "git+https://github.com/gluestack/gluestack-ui.git"