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

package/cjs/button/index.js

@@ -1,25 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = exports.StyledButtonIcon = exports.StyledButtonGroup = exports.StyledButton = void 0;
-
-var _button = _interopRequireDefault(require("./button"));
-
-var _buttonGroup = _interopRequireDefault(require("./button-group"));
-
-var _button2 = require("./button.styles");
-
-exports.StyledButton = _button2.StyledButton;
-
-var _buttonGroup2 = require("./button-group.styles");
-
-exports.StyledButtonGroup = _buttonGroup2.StyledButtonGroup;
-
-var _buttonIcon = require("./button-icon");
-
-exports.StyledButtonIcon = _buttonIcon.StyledButtonIcon;
-_button.default.Group = _buttonGroup.default;
-var _default = _button.default;
-exports.default = _default;
+var t=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledButtonIcon=exports.StyledButtonGroup=exports.StyledButton=void 0;var e=t(require("./button")),o=t(require("./button-group")),r=require("./button.styles");exports.StyledButton=r.StyledButton;var u=require("./button-group.styles");exports.StyledButtonGroup=u.StyledButtonGroup;var l=require("./button-icon");exports.StyledButtonIcon=l.StyledButtonIcon,e.default.Group=o.default;var n=e.default;exports.default=n;

package/cjs/button/utils.js

@@ -1,27 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.filterPropsWithGroup = void 0;
-
-const filterPropsWithGroup = (props, config) => {
-  var _config$bordered, _config$borderWeight, _config$ghost, _config$ripple, _config$flat, _config$animated, _config$rounded, _config$light, _config$size, _config$color, _config$disabled;
-
-  if (!config.isButtonGroup) return props;
-  return { ...props,
-    auto: true,
-    shadow: false,
-    bordered: (_config$bordered = config.bordered) != null ? _config$bordered : props.bordered,
-    borderWeight: (_config$borderWeight = config.borderWeight) != null ? _config$borderWeight : props.borderWeight,
-    ghost: (_config$ghost = config.ghost) != null ? _config$ghost : props.ghost,
-    ripple: (_config$ripple = config.ripple) != null ? _config$ripple : props.ripple,
-    flat: (_config$flat = config.flat) != null ? _config$flat : props.flat,
-    animated: (_config$animated = config.animated) != null ? _config$animated : props.animated,
-    rounded: (_config$rounded = config.rounded) != null ? _config$rounded : props.rounded,
-    light: (_config$light = config.light) != null ? _config$light : props.light,
-    size: (_config$size = config.size) != null ? _config$size : props.size,
-    color: (_config$color = config.color) != null ? _config$color : props.color,
-    disabled: (_config$disabled = config.disabled) != null ? _config$disabled : props.disabled
-  };
-};
-
-exports.filterPropsWithGroup = filterPropsWithGroup;
+exports.__esModule=!0,exports.filterPropsWithGroup=void 0;exports.filterPropsWithGroup=(l,e)=>{var r,o,d,t,i,u,n,s,a,p,h;return e.isButtonGroup?{...l,auto:!0,shadow:!1,bordered:null!=(r=e.bordered)?r:l.bordered,borderWeight:null!=(o=e.borderWeight)?o:l.borderWeight,ghost:null!=(d=e.ghost)?d:l.ghost,ripple:null!=(t=e.ripple)?t:l.ripple,flat:null!=(i=e.flat)?i:l.flat,animated:null!=(u=e.animated)?u:l.animated,rounded:null!=(n=e.rounded)?n:l.rounded,light:null!=(s=e.light)?s:l.light,size:null!=(a=e.size)?a:l.size,color:null!=(p=e.color)?p:l.color,disabled:null!=(h=e.disabled)?h:l.disabled}:l};

package/cjs/card/card.js

@@ -1,117 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _image = _interopRequireDefault(require("../image"));
-
-var _drip = _interopRequireDefault(require("../utils/drip"));
-
-var _useDrip = _interopRequireDefault(require("../use-drip"));
-
-var _useTheme = _interopRequireDefault(require("../use-theme"));
-
-var _collections = require("../utils/collections");
-
-var _useKeyboard = _interopRequireWildcard(require("../use-keyboard"));
-
-var _card = require("./card.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 = {
-  animated: true,
-  ripple: true,
-  cover: false,
-  preventDefault: false
-};
-
-const Card = /*#__PURE__*/_react.default.forwardRef(({ ...cardProps
-}, ref) => {
-  const {
-    children,
-    cover,
-    animated,
-    ripple,
-    clickable,
-    onClick,
-    preventDefault,
-    ...props
-  } = cardProps;
-  const cardRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, () => cardRef.current);
-  const {
-    isDark
-  } = (0, _useTheme.default)();
-  const {
-    onClick: onDripClickHandler,
-    ...dripBindings
-  } = (0, _useDrip.default)(false, cardRef);
-  const [withoutHeaderChildren, headerChildren] = (0, _collections.pickChild)(children, _card.StyledCardHeader);
-  const [withoutFooterChildren, footerChildren] = (0, _collections.pickChild)(withoutHeaderChildren, _card.StyledCardFooter);
-  const [withoutImageChildren, imageChildren] = (0, _collections.pickChild)(withoutFooterChildren, _image.default);
-  const hasContent = (0, _collections.hasChild)(withoutImageChildren, _card.StyledCardBody);
-  const hasHeader = (0, _collections.hasChild)(children, _card.StyledCardHeader);
-
-  const clickHandler = event => {
-    if (animated && cardRef.current) {
-      onDripClickHandler(event);
-    }
-
-    onClick && onClick(event);
-  };
-
-  const {
-    bindings
-  } = (0, _useKeyboard.default)(event => {
-    if (!clickable) {
-      return;
-    }
-
-    clickHandler(event);
-  }, [_useKeyboard.KeyCode.Enter, _useKeyboard.KeyCode.Space], {
-    disableGlobalEvent: true,
-    preventDefault
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_card.StyledCard, {
-    ref: cardRef,
-    role: clickable ? 'button' : 'section',
-    cover: cover,
-    animated: animated,
-    clickable: clickable,
-    tabIndex: clickable ? 0 : -1,
-    onClick: clickHandler,
-    isDark: isDark,
-    ...props,
-    ...bindings,
-    children: [hasHeader ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [headerChildren, imageChildren]
-    }) : imageChildren, hasContent ? withoutImageChildren : !cover ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_card.StyledCardBody, {
-      children: withoutImageChildren
-    }) : null, clickable && animated && ripple && /*#__PURE__*/(0, _jsxRuntime.jsx)(_drip.default, { ...dripBindings
-    }), footerChildren]
-  });
-});
-
-if (_assertion.__DEV__) {
-  Card.displayName = 'NextUI - Card';
-}
-
-Card.toString = () => '.nextui-card';
-
-var _default = (0, _withDefaults.default)(Card, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=p(require("react")),t=e(require("../image")),a=e(require("../utils/drip")),i=e(require("../use-drip")),l=e(require("../use-theme")),u=require("../utils/collections"),n=p(require("../use-keyboard")),d=require("./card.styles"),o=e(require("../utils/with-defaults")),s=require("../utils/assertion"),c=require("react/jsx-runtime");function f(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(f=function(e){return e?t:r})(e)}function p(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=f(r);if(t&&t.has(e))return t.get(e);var a={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var u=i?Object.getOwnPropertyDescriptor(e,l):null;u&&(u.get||u.set)?Object.defineProperty(a,l,u):a[l]=e[l]}return a.default=e,t&&t.set(e,a),a}const y=r.default.forwardRef((({...e},o)=>{const{children:s,cover:f,animated:p,ripple:y,clickable:v,onClick:C,preventDefault:b,...h}=e,k=(0,r.useRef)(null);(0,r.useImperativeHandle)(o,(()=>k.current));const{isDark:q}=(0,l.default)(),{onClick:x,...j}=(0,i.default)(!1,k),[m,D]=(0,u.pickChild)(s,d.StyledCardHeader),[g,O]=(0,u.pickChild)(m,d.StyledCardFooter),[S,_]=(0,u.pickChild)(g,t.default),w=(0,u.hasChild)(S,d.StyledCardBody),M=(0,u.hasChild)(s,d.StyledCardHeader),P=e=>{p&&k.current&&x(e),C&&C(e)},{bindings:E}=(0,n.default)((e=>{v&&P(e)}),[n.KeyCode.Enter,n.KeyCode.Space],{disableGlobalEvent:!0,preventDefault:b});return(0,c.jsxs)(d.StyledCard,{ref:k,role:v?"button":"section",cover:f,animated:p,clickable:v,tabIndex:v?0:-1,onClick:P,isDark:q,...h,...E,children:[M?(0,c.jsxs)(c.Fragment,{children:[D,_]}):_,w?S:f?null:(0,c.jsx)(d.StyledCardBody,{children:S}),v&&p&&y&&(0,c.jsx)(a.default,{...j}),O]})}));s.__DEV__&&(y.displayName="NextUI - Card"),y.toString=()=>".nextui-card";var v=(0,o.default)(y,{animated:!0,ripple:!0,cover:!1,preventDefault:!1});exports.default=v,module.exports=exports.default;

package/cjs/card/card.styles.js

@@ -1,267 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.StyledCardHeader = exports.StyledCardFooter = exports.StyledCardBody = exports.StyledCard = void 0;
-
-var _stitches = require("../theme/stitches.config");
-
-var _drip = require("../utils/drip");
-
-const StyledCardBody = (0, _stitches.styled)('div', {
-  d: 'flex',
-  w: '100%',
-  h: 'auto',
-  flex: '1 1 auto',
-  fd: 'column',
-  jc: 'inherit',
-  ai: 'inherit',
-  ac: 'inherit',
-  p: '$sm $lg',
-  oy: 'auto',
-  position: 'relative',
-  ta: 'left',
-  '*:first-child': {
-    mt: 0
-  },
-  '*:last-child': {
-    mb: 0
-  }
-});
-exports.StyledCardBody = StyledCardBody;
-const StyledCard = (0, _stitches.styled)('div', {
-  m: 0,
-  p: 0,
-  br: '$lg',
-  position: 'relative',
-  display: 'flex',
-  overflow: 'hidden',
-  fd: 'column',
-  width: '100%',
-  height: 'auto',
-  boxSizing: 'border-box',
-  '@motion': {
-    transition: 'none'
-  },
-  'img, .nextui-image': {
-    width: '100%'
-  },
-  [`& ${_drip.StyledDrip}`]: {
-    zIndex: '$1',
-    '.nextui-drip-filler': {
-      opacity: 0.25,
-      fill: '$accents6'
-    }
-  },
-  variants: {
-    color: {
-      default: {
-        $$cardColor: '$colors$background',
-        bg: '$$cardColor'
-      },
-      primary: {
-        $$cardColor: '$colors$primary',
-        color: '$white',
-        bg: '$$cardColor'
-      },
-      secondary: {
-        $$cardColor: '$colors$secondary',
-        color: '$white',
-        bg: '$$cardColor'
-      },
-      success: {
-        $$cardColor: '$colors$success',
-        color: '$white',
-        bg: '$$cardColor'
-      },
-      warning: {
-        $$cardColor: '$colors$warning',
-        color: '$white',
-        bg: '$$cardColor'
-      },
-      error: {
-        $$cardColor: '$colors$error',
-        color: '$white',
-        bg: '$$cardColor'
-      },
-      gradient: {
-        $$cardColor: '$colors$gradient',
-        color: '$white',
-        bg: '$$cardColor'
-      }
-    },
-    shadow: {
-      true: {
-        boxShadow: '$md'
-      }
-    },
-    bordered: {
-      true: {
-        borderStyle: 'solid',
-        borderColor: '$border'
-      },
-      false: {
-        bw: 0
-      }
-    },
-    borderWeight: {
-      light: {
-        bw: '$light'
-      },
-      normal: {
-        bw: '$normal'
-      },
-      bold: {
-        bw: '$bold'
-      },
-      extrabold: {
-        bw: '$extrabold'
-      },
-      black: {
-        bw: '$black'
-      }
-    },
-    animated: {
-      true: {
-        transition: '$default'
-      },
-      false: {
-        transition: 'none'
-      }
-    },
-    clickable: {
-      true: {
-        cursor: 'pointer',
-        us: 'none',
-        WebkitTapHighlightColor: 'transparent',
-        '&:focus:not(&:focus-visible)': {
-          boxShadow: 'none'
-        },
-        '&:focus': {
-          outline: 'none',
-          boxShadow: '0 0 0 2px $colors$background, 0 0 0 4px $colors$primary'
-        },
-        '@safari': {
-          WebkitTapHighlightColor: 'transparent',
-          outline: 'none'
-        }
-      }
-    },
-    hoverable: {
-      true: {
-        '&:hover': {
-          transform: 'translateY(-2px)',
-          boxShadow: '$lg'
-        }
-      }
-    },
-    cover: {
-      true: {
-        'img, .nextui-image': {
-          objectFit: 'cover !important' // TODO: remove important when image be styled
-
-        },
-        [`& ${StyledCardBody}`]: {
-          p: 0
-        }
-      },
-      false: {
-        'img, .nextui-image, .nextui-image-container': {
-          bblr: '0 !important',
-          // TODO: remove important when image be styled
-          bbrr: '0 !important'
-        }
-      }
-    },
-    isDark: {
-      true: {}
-    }
-  },
-  compoundVariants: [// isDark && color === 'default'
-  {
-    color: 'default',
-    isDark: true,
-    css: {
-      $$cardColor: '$colors$accents1'
-    }
-  }, // color default && shadow && !isDark
-  {
-    color: 'default',
-    shadow: true,
-    isDark: false,
-    css: {
-      $$cardColor: '$colors$background',
-      bg: '$$cardColor'
-    }
-  }, // color default && shadow && isDark
-  {
-    color: 'default',
-    shadow: true,
-    isDark: true,
-    css: {
-      $$cardColor: '$colors$accents1',
-      bg: '$$cardColor'
-    }
-  }, // clickable && animated
-  {
-    clickable: true,
-    animated: true,
-    css: {
-      '&:active': {
-        scale: 0.97
-      }
-    }
-  }],
-  defaultVariants: {
-    color: 'default',
-    borderWeight: 'normal',
-    animated: true,
-    bordered: false,
-    shadow: true
-  }
-});
-exports.StyledCard = StyledCard;
-const StyledCardHeader = (0, _stitches.styled)('div', {
-  w: '100%',
-  display: 'flex',
-  flexShrink: 0,
-  zIndex: '$1',
-  jc: 'flex-start',
-  ai: 'center',
-  overflow: 'hidden',
-  color: 'inherit',
-  fontSize: '$xs',
-  p: '$sm',
-  '*:first-child': {
-    mt: 0
-  },
-  '*:last-child': {
-    mb: 0
-  }
-});
-exports.StyledCardHeader = StyledCardHeader;
-const StyledCardFooter = (0, _stitches.styled)('div', {
-  w: '100%',
-  h: 'auto',
-  p: '$sm $lg',
-  d: 'flex',
-  ai: 'center',
-  overflow: 'hidden',
-  color: 'inherit',
-  fontSize: '$xs',
-  bblr: '$lg',
-  bbrr: '$lg',
-  '*': {
-    mt: 0,
-    mb: 0
-  },
-  variants: {
-    blur: {
-      true: {
-        bf: 'saturate(180%) blur(10px)',
-        bg: '$$cardColor'
-      }
-    }
-  }
-}); // types
-
-exports.StyledCardFooter = StyledCardFooter;
+exports.__esModule=!0,exports.StyledCardHeader=exports.StyledCardFooter=exports.StyledCardBody=exports.StyledCard=void 0;var o=require("../theme/stitches.config"),r=require("../utils/drip");const e=(0,o.styled)("div",{d:"flex",w:"100%",h:"auto",flex:"1 1 auto",fd:"column",jc:"inherit",ai:"inherit",ac:"inherit",p:"$sm $lg",oy:"auto",position:"relative",ta:"left","*:first-child":{mt:0},"*:last-child":{mb:0}});exports.StyledCardBody=e;const t=(0,o.styled)("div",{m:0,p:0,br:"$lg",position:"relative",display:"flex",overflow:"hidden",fd:"column",width:"100%",height:"auto",boxSizing:"border-box","@motion":{transition:"none"},".nextui-image":{width:"100%"},[`& ${r.StyledDrip}`]:{zIndex:"$1",".nextui-drip-filler":{opacity:.25,fill:"$accents6"}},variants:{color:{default:{$$cardColor:"$colors$background",bg:"$$cardColor"},primary:{$$cardColor:"$colors$primary",color:"$white",bg:"$$cardColor"},secondary:{$$cardColor:"$colors$secondary",color:"$white",bg:"$$cardColor"},success:{$$cardColor:"$colors$success",color:"$white",bg:"$$cardColor"},warning:{$$cardColor:"$colors$warning",color:"$white",bg:"$$cardColor"},error:{$$cardColor:"$colors$error",color:"$white",bg:"$$cardColor"},gradient:{$$cardColor:"$colors$gradient",color:"$white",bg:"$$cardColor"}},shadow:{true:{boxShadow:"$md"}},bordered:{true:{borderStyle:"solid",borderColor:"$border"},false:{bw:0}},borderWeight:{light:{bw:"$light"},normal:{bw:"$normal"},bold:{bw:"$bold"},extrabold:{bw:"$extrabold"},black:{bw:"$black"}},animated:{true:{transition:"$default"},false:{transition:"none"}},clickable:{true:{cursor:"pointer",us:"none",WebkitTapHighlightColor:"transparent","&:focus:not(&:focus-visible)":{boxShadow:"none"},"&:focus":{outline:"none",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},"@safari":{WebkitTapHighlightColor:"transparent",outline:"none"}}},hoverable:{true:{"&:hover":{transform:"translateY(-2px)",boxShadow:"$lg"}}},cover:{true:{".nextui-image":{objectFit:"cover !important"},[`& ${e}`]:{p:0}},false:{".nextui-image, .nextui-image-container":{bblr:"0 !important",bbrr:"0 !important"}}},isDark:{true:{}}},compoundVariants:[{color:"default",isDark:!0,css:{$$cardColor:"$colors$accents1"}},{color:"default",shadow:!0,isDark:!1,css:{$$cardColor:"$colors$background",bg:"$$cardColor"}},{color:"default",shadow:!0,isDark:!0,css:{$$cardColor:"$colors$accents1",bg:"$$cardColor"}},{clickable:!0,animated:!0,css:{"&:active":{scale:.97}}}],defaultVariants:{color:"default",borderWeight:"normal",animated:!0,bordered:!1,shadow:!0}});exports.StyledCard=t;const a=(0,o.styled)("div",{w:"100%",display:"flex",flexShrink:0,zIndex:"$1",jc:"flex-start",ai:"center",overflow:"hidden",color:"inherit",fontSize:"$xs",p:"$sm","*:first-child":{mt:0},"*:last-child":{mb:0}});exports.StyledCardHeader=a;const l=(0,o.styled)("div",{w:"100%",h:"auto",p:"$sm $lg",d:"flex",ai:"center",overflow:"hidden",color:"inherit",fontSize:"$xs",bblr:"$lg",bbrr:"$lg","*":{mt:0,mb:0},variants:{blur:{true:{bf:"saturate(180%) blur(10px)",bg:"$$cardColor"}}}});exports.StyledCardFooter=l;

package/cjs/card/index.js

@@ -1,24 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = exports.StyledCardHeader = exports.StyledCardFooter = exports.StyledCardBody = exports.StyledCard = void 0;
-
-var _card = _interopRequireDefault(require("./card"));
-
-var _card2 = require("./card.styles");
-
-exports.StyledCard = _card2.StyledCard;
-exports.StyledCardHeader = _card2.StyledCardHeader;
-exports.StyledCardFooter = _card2.StyledCardFooter;
-exports.StyledCardBody = _card2.StyledCardBody;
-
-var _image = _interopRequireDefault(require("../image"));
-
-_card.default.Header = _card2.StyledCardHeader;
-_card.default.Body = _card2.StyledCardBody;
-_card.default.Footer = _card2.StyledCardFooter;
-_card.default.Image = _image.default;
-var _default = _card.default;
-exports.default = _default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledCardHeader=exports.StyledCardFooter=exports.StyledCardBody=exports.StyledCard=void 0;var r=e(require("./card")),d=require("./card.styles");exports.StyledCard=d.StyledCard,exports.StyledCardHeader=d.StyledCardHeader,exports.StyledCardFooter=d.StyledCardFooter,exports.StyledCardBody=d.StyledCardBody;var t=e(require("../image"));r.default.Header=d.StyledCardHeader,r.default.Body=d.StyledCardBody,r.default.Footer=d.StyledCardFooter,r.default.Image=t.default;var a=r.default;exports.default=a;

package/cjs/checkbox/checkbox-context.js

@@ -1,25 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.useCheckbox = exports.CheckboxContext = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-const defaultContext = {
-  color: 'default',
-  labelColor: 'default',
-  size: 'md',
-  disabledAll: false,
-  inGroup: false,
-  values: []
-};
-
-const CheckboxContext = /*#__PURE__*/_react.default.createContext(defaultContext);
-
-exports.CheckboxContext = CheckboxContext;
-
-const useCheckbox = () => _react.default.useContext(CheckboxContext);
-
-exports.useCheckbox = useCheckbox;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.useCheckbox=exports.CheckboxContext=void 0;var t=e(require("react"));const o={color:"default",labelColor:"default",size:"md",disabledAll:!1,inGroup:!1,values:[]},r=t.default.createContext(o);exports.CheckboxContext=r;exports.useCheckbox=()=>t.default.useContext(r);

package/cjs/checkbox/checkbox-group.js

@@ -1,89 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _checkboxContext = require("./checkbox-context");
-
-var _useWarning = _interopRequireDefault(require("../use-warning"));
-
-var _checkbox = require("./checkbox.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 = {
-  color: 'default',
-  labelColor: 'default',
-  disabled: false,
-  size: 'md'
-};
-
-const CheckboxGroup = ({
-  color,
-  labelColor,
-  disabled,
-  onChange,
-  value,
-  size,
-  children,
-  className,
-  style,
-  ...props
-}) => {
-  const [selfVal, setSelfVal] = (0, _react.useState)([]);
-
-  if (!value && _assertion.__DEV__) {
-    value = [];
-    (0, _useWarning.default)('Props "value" is required.', 'Checkbox Group');
-  }
-
-  const updateState = (val, checked) => {
-    const removed = selfVal.filter(v => v !== val);
-    const next = checked ? [...removed, val] : removed;
-    setSelfVal(next);
-    onChange && onChange(next);
-  };
-
-  const providerValue = (0, _react.useMemo)(() => {
-    return {
-      updateState,
-      color,
-      labelColor,
-      size,
-      disabledAll: disabled,
-      inGroup: true,
-      values: selfVal
-    };
-  }, [disabled, selfVal]);
-  (0, _react.useEffect)(() => {
-    setSelfVal(value);
-  }, [value.join(',')]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxContext.CheckboxContext.Provider, {
-    value: providerValue,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.StyledCheckboxGroup, {
-      role: "group",
-      size: size,
-      ...props,
-      children: children
-    })
-  });
-};
-
-CheckboxGroup.toString = () => '.nextui-checkbox-group';
-
-var _default = (0, _withDefaults.default)(CheckboxGroup, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=function(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=n(r);if(t&&t.has(e))return t.get(e);var o={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=u?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(o,l,i):o[l]=e[l]}o.default=e,t&&t.set(e,o);return o}(require("react")),t=require("./checkbox-context"),o=e(require("../use-warning")),u=require("./checkbox.styles"),l=e(require("../utils/with-defaults")),i=require("../utils/assertion"),a=require("react/jsx-runtime");function n(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(n=function(e){return e?t:r})(e)}const s=({color:e,labelColor:l,disabled:n,onChange:s,value:c,size:d,children:f,className:p,style:b,...x})=>{const[h,v]=(0,r.useState)([]);!c&&i.__DEV__&&(c=[],(0,o.default)('Props "value" is required.',"Checkbox Group"));const y=(e,r)=>{const t=h.filter((r=>r!==e)),o=r?[...t,e]:t;v(o),s&&s(o)},j=(0,r.useMemo)((()=>({updateState:y,color:e,labelColor:l,size:d,disabledAll:n,inGroup:!0,values:h})),[n,h]);return(0,r.useEffect)((()=>{v(c)}),[c.join(",")]),(0,a.jsx)(t.CheckboxContext.Provider,{value:j,children:(0,a.jsx)(u.StyledCheckboxGroup,{role:"group",size:d,...x,children:f})})};s.toString=()=>".nextui-checkbox-group";var c=(0,l.default)(s,{color:"default",labelColor:"default",disabled:!1,size:"md"});exports.default=c,module.exports=exports.default;