@nextui-org/react 1.0.2-alpha.2 → 1.0.2-beta.4

package/cjs/button/button.js

@@ -1,145 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _useWarning = _interopRequireDefault(require("../use-warning"));
-
-var _drip = _interopRequireDefault(require("../utils/drip"));
-
-var _utils = require("./utils");
-
-var _buttonGroupContext = require("./button-group-context");
-
-var _buttonIcon = _interopRequireDefault(require("./button-icon"));
-
-var _clsx = _interopRequireDefault(require("../utils/clsx"));
-
-var _useDrip = _interopRequireDefault(require("../use-drip"));
-
-var _button = _interopRequireDefault(require("./button.styles"));
-
-var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
-
-var _assertion = require("../utils/assertion");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-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; }
-
-const defaultProps = {
-  clickable: true,
-  ghost: false,
-  bordered: false,
-  ripple: true,
-  animated: true,
-  disabled: false,
-  className: ''
-};
-
-const Button = /*#__PURE__*/_react.default.forwardRef(({ ...btnProps
-}, ref) => {
-  const buttonRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, () => buttonRef.current);
-  const groupConfig = (0, _buttonGroupContext.useButtonGroupContext)();
-  const filteredProps = (0, _utils.filterPropsWithGroup)(btnProps, groupConfig);
-  /* eslint-disable @typescript-eslint/no-unused-vars */
-
-  const {
-    flat,
-    children,
-    disabled,
-    animated,
-    light,
-    ripple,
-    bordered,
-    borderWeight,
-    onClick,
-    icon,
-    iconRight,
-    ghost,
-    clickable,
-    className,
-    ...props
-  } = filteredProps;
-  /* eslint-enable @typescript-eslint/no-unused-vars */
-
-  if (_assertion.__DEV__ && filteredProps.color === 'gradient' && (flat || light)) {
-    (0, _useWarning.default)('Using the gradient color on flat and light buttons will have no effect.');
-  }
-
-  const hasIcon = icon || iconRight;
-  const isRight = Boolean(iconRight);
-  const {
-    onClick: onDripClickHandler,
-    ...dripBindings
-  } = (0, _useDrip.default)(false, buttonRef);
-
-  const clickHandler = event => {
-    if (disabled || !clickable) return;
-
-    if (animated && ripple && buttonRef.current) {
-      onDripClickHandler(event);
-    }
-
-    onClick && onClick(event);
-  };
-
-  const getState = (0, _react.useMemo)(() => {
-    return disabled ? 'disabled' : 'ready';
-  }, [disabled]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_button.default, {
-    ref: buttonRef,
-    borderWeight: borderWeight,
-    flat: flat,
-    light: light,
-    ghost: ghost,
-    bordered: bordered || ghost,
-    clickable: clickable,
-    "data-state": getState,
-    disabled: disabled,
-    animated: animated,
-    onClick: clickHandler,
-    className: (0, _clsx.default)('nextui-button', `nextui-button--${getState}`, className),
-    ...props,
-    children: [_react.default.Children.count(children) === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_buttonIcon.default, {
-      isRight: isRight,
-      isSingle: true,
-      children: hasIcon
-    }) : hasIcon ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_buttonIcon.default, {
-        isRight: isRight,
-        children: hasIcon
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _clsx.default)('nextui-button-text', {
-          'nextui-button-text-right': isRight,
-          'nextui-button-text-left': !isRight
-        }),
-        children: children
-      })]
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "nextui-button-text",
-      children: children
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_drip.default, {
-      color: "white",
-      ...dripBindings
-    })]
-  });
-});
-
-if (_assertion.__DEV__) {
-  Button.displayName = 'NextUI - Button';
-}
-
-Button.toString = () => '.nextui-button';
-
-var _default = (0, _withDefaults.default)(Button, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=b(t);if(r&&r.has(e))return r.get(e);var i={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var o=u?Object.getOwnPropertyDescriptor(e,n):null;o&&(o.get||o.set)?Object.defineProperty(i,n,o):i[n]=e[n]}i.default=e,r&&r.set(e,i);return i}(require("react")),r=require("@react-aria/focus"),i=e(require("../use-warning")),u=e(require("../utils/drip")),n=require("./utils"),o=require("./button-group-context"),a=e(require("./button-icon")),l=e(require("../utils/clsx")),s=e(require("../use-drip")),d=e(require("./button.styles")),c=e(require("../utils/with-defaults")),f=require("../utils/assertion"),p=require("react/jsx-runtime");function b(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(b=function(e){return e?r:t})(e)}const h=t.default.forwardRef((({...e},c)=>{const b=(0,t.useRef)(null);(0,t.useImperativeHandle)(c,(()=>b.current));const h=(0,o.useButtonGroupContext)(),x=(0,n.filterPropsWithGroup)(e,h),{flat:g,children:m,disabled:q,animated:j,light:v,ripple:y,bordered:_,auto:w,borderWeight:k,onClick:O,icon:N,iconRight:P,ghost:R,clickable:M,className:W,...C}=x;f.__DEV__&&"gradient"===x.color&&(g||v)&&(0,i.default)("Using the gradient color on flat and light buttons will have no effect.");const D=N||P,F=Boolean(P),{isFocusVisible:V,focusProps:B}=(0,r.useFocusRing)(),{onClick:A,...E}=(0,s.default)(!1,b),G=(0,t.useMemo)((()=>q?"disabled":"ready"),[q]);return(0,p.jsxs)(d.default,{ref:b,borderWeight:k,auto:w,flat:g,light:v,ghost:R,bordered:_||R,clickable:M,"data-state":G,disabled:q,animated:j,onClick:e=>{!q&&M&&(j&&y&&b.current&&A(e),O&&O(e))},isFocusVisible:V,className:(0,l.default)("nextui-button",`nextui-button--${G}`,W),...B,...C,children:[0===t.default.Children.count(m)?(0,p.jsx)(a.default,{isAuto:w,isRight:F,isSingle:!0,children:D}):D?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(a.default,{isAuto:w,isRight:F,children:D}),(0,p.jsx)("div",{className:(0,l.default)("nextui-button-text",{"nextui-button-text-right":F,"nextui-button-text-left":!F}),children:m})]}):(0,p.jsx)("span",{className:"nextui-button-text",children:m}),(0,p.jsx)(u.default,{color:"white",...E})]})}));f.__DEV__&&(h.displayName="NextUI - Button"),h.toString=()=>".nextui-button";var x=(0,c.default)(h,{clickable:!0,ghost:!1,bordered:!1,ripple:!0,animated:!0,disabled:!1,auto:!1,className:""});exports.default=x,module.exports=exports.default;