@gluestack-ui/button - npm Package Compare versions

Comparing version 0.1.33 to 0.1.34

lib/commonjs/Button.js

@@ -11,17 +11,15 @@ "use strict";
 var _interactions = require("@react-native-aria/interactions");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const ButtonContext = /*#__PURE__*/(0, _react.createContext)({});
-exports.ButtonContext = ButtonContext;
-const Button = StyledButton => /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    children,
-    isDisabled,
-    isHovered: isHoveredProp,
-    isPressed: isPressedProp,
-    isFocused: isFocusedProp,
-    isFocusVisible: isFocusVisibleProp,
-    ...props
-  } = _ref;
+const ButtonContext = exports.ButtonContext = /*#__PURE__*/(0, _react.createContext)({});
+const Button = StyledButton => /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  isDisabled,
+  isHovered: isHoveredProp,
+  isPressed: isPressedProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  ...props
+}, ref) => {
   const {
@@ -71,5 +69,11 @@ isFocusVisible,
     onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(props === null || props === void 0 ? void 0 : props.onBlur, focusProps.onBlur), focusRingProps.onBlur)
-  }), children);
+  }), typeof children === 'function' ? children({
+    hovered: isHovered,
+    focused: isFocused,
+    pressed: isPressed,
+    disabled: props.disabled ?? undefined,
+    focusVisible: isFocusVisible
+  }) : children);
 });
 exports.Button = Button;
 //# sourceMappingURL=Button.js.map

lib/commonjs/ButtonGroup.js

@@ -9,15 +9,14 @@ "use strict";
 var _utils = require("@gluestack-ui/utils");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const ButtonGroup = StyledButtonGroup => /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    direction = 'row',
-    isAttached,
-    isDisabled,
-    children,
-    isReversed,
-    reversed,
-    ...props
-  } = _ref;
+const ButtonGroup = StyledButtonGroup => /*#__PURE__*/(0, _react.forwardRef)(({
+  direction = 'row',
+  isAttached,
+  isDisabled,
+  children,
+  isReversed,
+  reversed,
+  ...props
+}, ref) => {
   let computedChildren;
@@ -24,0 +23,0 @@ let childrenArray = _react.default.Children.toArray((0, _utils.flattenChildren)(children));

lib/commonjs/ButtonIcon.js

@@ -8,4 +8,4 @@ "use strict";
 var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -12,0 +12,0 @@ const ButtonIcon = StyledButtonIcon => /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {

lib/commonjs/ButtonSpinner.js

@@ -8,4 +8,4 @@ "use strict";
 var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -12,0 +12,0 @@ const ButtonSpinner = StyledButtonSpinner => /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {

lib/commonjs/ButtonText.js

@@ -8,10 +8,9 @@ "use strict";
 var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const ButtonText = StyledButtonText => /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    children,
-    ...props
-  } = _ref;
+const ButtonText = StyledButtonText => /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  ...props
+}, ref) => {
   return /*#__PURE__*/_react.default.createElement(StyledButtonText, _extends({
@@ -18,0 +17,0 @@ ref: ref

lib/commonjs/index.js

@@ -12,10 +12,9 @@ "use strict";
 var _ButtonIcon = require("./ButtonIcon");
-function createButton(_ref) {
-  let {
-    Root,
-    Text,
-    Group,
-    Spinner,
-    Icon
-  } = _ref;
+function createButton({
+  Root,
+  Text,
+  Group,
+  Spinner,
+  Icon
+}) {
   const Button = (0, _Button.Button)(Root);
@@ -22,0 +21,0 @@ Button.Text = (0, _ButtonText.ButtonText)(Text);

lib/module/Button.js

@@ -7,12 +7,11 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 export const ButtonContext = /*#__PURE__*/createContext({});
-export const Button = StyledButton => /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    children,
-    isDisabled,
-    isHovered: isHoveredProp,
-    isPressed: isPressedProp,
-    isFocused: isFocusedProp,
-    isFocusVisible: isFocusVisibleProp,
-    ...props
-  } = _ref;
+export const Button = StyledButton => /*#__PURE__*/forwardRef(({
+  children,
+  isDisabled,
+  isHovered: isHoveredProp,
+  isPressed: isPressedProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  ...props
+}, ref) => {
   const {
@@ -62,4 +61,10 @@ isFocusVisible,
     onBlur: composeEventHandlers(composeEventHandlers(props === null || props === void 0 ? void 0 : props.onBlur, focusProps.onBlur), focusRingProps.onBlur)
-  }), children);
+  }), typeof children === 'function' ? children({
+    hovered: isHovered,
+    focused: isFocused,
+    pressed: isPressed,
+    disabled: props.disabled ?? undefined,
+    focusVisible: isFocusVisible
+  }) : children);
 });
 //# sourceMappingURL=Button.js.map

lib/module/ButtonGroup.js

 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef } from 'react';
 import { flattenChildren } from '@gluestack-ui/utils';
-export const ButtonGroup = StyledButtonGroup => /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    direction = 'row',
-    isAttached,
-    isDisabled,
-    children,
-    isReversed,
-    reversed,
-    ...props
-  } = _ref;
+export const ButtonGroup = StyledButtonGroup => /*#__PURE__*/forwardRef(({
+  direction = 'row',
+  isAttached,
+  isDisabled,
+  children,
+  isReversed,
+  reversed,
+  ...props
+}, ref) => {
   let computedChildren;
@@ -15,0 +14,0 @@ let childrenArray = React.Children.toArray(flattenChildren(children));

lib/module/ButtonText.js

 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef } from 'react';
-export const ButtonText = StyledButtonText => /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    children,
-    ...props
-  } = _ref;
+export const ButtonText = StyledButtonText => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
   return /*#__PURE__*/React.createElement(StyledButtonText, _extends({
@@ -9,0 +8,0 @@ ref: ref

lib/module/index.js

@@ -6,10 +6,9 @@ import { Button as ButtonMain } from './Button';
 import { ButtonIcon } from './ButtonIcon';
-export function createButton(_ref) {
-  let {
-    Root,
-    Text,
-    Group,
-    Spinner,
-    Icon
-  } = _ref;
+export function createButton({
+  Root,
+  Text,
+  Group,
+  Spinner,
+  Icon
+}) {
   const Button = ButtonMain(Root);
@@ -16,0 +15,0 @@ Button.Text = ButtonText(Text);

lib/typescript/Button.d.ts

 import React from 'react';
 export declare const ButtonContext: React.Context<any>;
-export declare const Button: <T>(StyledButton: React.ComponentType<T>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<T & import("./types").InterfaceButtonProps> & React.RefAttributes<unknown>>;
+export declare const Button: <T>(StyledButton: React.ComponentType<T>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<T & Omit<import("./types").InterfaceButtonProps, "children"> & {
+    children?: React.ReactNode | (({ hovered, pressed, focused, focusVisible, disabled, }: {
+        hovered?: boolean | undefined;
+        pressed?: boolean | undefined;
+        focused?: boolean | undefined;
+        focusVisible?: boolean | undefined;
+        disabled?: boolean | undefined;
+    }) => React.ReactNode);
+}> & React.RefAttributes<unknown>>;
 //# sourceMappingURL=Button.d.ts.map

package.json

 {
   "name": "@gluestack-ui/button",
-  "version": "0.1.33",
+  "version": "0.1.34",
   "main": "lib/commonjs/index",
@@ -5,0 +5,0 @@ "module": "lib/module/index",

No alert changes

Improved metrics

Lines of code

819

increased by3.28%

Worsened metrics

Total package byte prevSize

64832

decreased by-3.19%

Number of package files

51

decreased by-1.92%

No dependency changes