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

package/cjs/checkbox/checkbox.js

@@ -1,192 +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 _useKeyboard = _interopRequireWildcard(require("../use-keyboard"));
-
-var _checkbox = require("./checkbox.styles");
-
-var _clsx = _interopRequireDefault(require("../utils/clsx"));
-
-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 = {
-  value: '',
-  size: 'md',
-  color: 'default',
-  labelColor: 'default',
-  disabled: false,
-  preventDefault: true,
-  initialChecked: false,
-  indeterminate: false,
-  rounded: false,
-  line: false,
-  animated: true,
-  className: ''
-};
-
-const Checkbox = ({
-  checked,
-  initialChecked,
-  line,
-  rounded,
-  indeterminate,
-  disabled,
-  onChange,
-  size,
-  className,
-  children,
-  label,
-  color,
-  labelColor,
-  animated,
-  value,
-  preventDefault,
-  ...props
-}) => {
-  const [selfChecked, setSelfChecked] = (0, _react.useState)(initialChecked);
-  const {
-    color: groupColor,
-    labelColor: labelGroupColor,
-    size: groupSize,
-    updateState,
-    inGroup,
-    disabledAll,
-    values
-  } = (0, _checkboxContext.useCheckbox)();
-  const isDisabled = inGroup ? disabledAll || disabled : disabled;
-  const checkboxColor = color !== 'default' ? color : groupColor;
-  const checkboxSize = size !== 'md' ? size : groupSize;
-  const textColor = labelColor !== 'default' ? labelColor : labelGroupColor;
-
-  if (_assertion.__DEV__ && inGroup && checked) {
-    (0, _useWarning.default)('Remove props "checked" when [Checkbox] component is in the group.', 'Checkbox');
-  }
-
-  if (inGroup) {
-    (0, _react.useEffect)(() => {
-      const next = values.includes(value);
-      if (next === selfChecked) return;
-      setSelfChecked(next);
-    }, [values.join(',')]);
-  }
-
-  const changeHandle = (0, _react.useCallback)(ev => {
-    if (isDisabled) return;
-    const selfEvent = {
-      target: {
-        checked: !selfChecked
-      },
-      stopPropagation: ev.stopPropagation,
-      preventDefault: ev.preventDefault,
-      nativeEvent: ev
-    };
-
-    if (inGroup && updateState) {
-      updateState && updateState(value, !selfChecked);
-    }
-
-    setSelfChecked(!selfChecked);
-    onChange && onChange(selfEvent);
-  }, [updateState, onChange, isDisabled, selfChecked]);
-  (0, _react.useEffect)(() => {
-    if (checked === undefined) return;
-    setSelfChecked(checked);
-  }, [checked]);
-  const {
-    bindings
-  } = (0, _useKeyboard.default)(event => {
-    changeHandle(event);
-  }, [_useKeyboard.KeyCode.Enter, _useKeyboard.KeyCode.Space], {
-    disableGlobalEvent: true,
-    preventDefault
-  });
-  const getState = (0, _react.useMemo)(() => {
-    return selfChecked && indeterminate ? 'mixed' : selfChecked ? 'checked' : 'uncheked';
-  }, [selfChecked, indeterminate]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_checkbox.StyledCheckboxLabel, {
-    size: checkboxSize,
-    disabled: isDisabled,
-    animated: animated,
-    className: (0, _clsx.default)('nextui-checkbox-label', `nextui-checkbox--${getState}`, className),
-    css: props.css,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_checkbox.StyledCheckboxContainer, {
-      className: "nextui-checkbox-container",
-      tabIndex: isDisabled ? -1 : 0,
-      color: checkboxColor,
-      rounded: rounded,
-      disabled: isDisabled,
-      animated: animated,
-      ...bindings,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.StyledCheckboxInput, {
-        type: "checkbox",
-        className: "nextui-checkbox-input",
-        tabIndex: -1,
-        "data-state": getState,
-        disabled: isDisabled,
-        checked: selfChecked,
-        "aria-checked": selfChecked && indeterminate ? 'mixed' : selfChecked,
-        "aria-disabled": isDisabled,
-        onChange: changeHandle,
-        ...props
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.StyledCheckboxMask, {
-        checked: selfChecked,
-        animated: animated,
-        className: "nextui-checkbox-mask",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_checkbox.StyledIconCheck, {
-          size: checkboxSize,
-          indeterminate: indeterminate,
-          checked: selfChecked,
-          animated: animated,
-          className: "nextui-icon-check",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.StyledIconCheckFirstLine, {
-            indeterminate: indeterminate,
-            checked: selfChecked,
-            animated: animated,
-            className: "nextui-icon-check-line1"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.StyledIconCheckSecondLine, {
-            indeterminate: indeterminate,
-            checked: selfChecked,
-            animated: animated,
-            className: "nextui-icon-check-line2"
-          })]
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.StyledCheckboxText, {
-      className: "nextui-checkbox-text",
-      color: textColor,
-      line: line,
-      checked: selfChecked,
-      disabled: isDisabled,
-      animated: animated,
-      children: children || label
-    })]
-  });
-};
-
-Checkbox.defaultProps = defaultProps;
-
-Checkbox.toString = () => '.nextui-checkbox';
-
-if (_assertion.__DEV__) {
-  Checkbox.displayName = 'NextUI - Checkbox';
-}
-
-var _default = Checkbox;
-exports.default = _default;
-module.exports = exports.default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=s(require("react")),a=require("./checkbox-context"),n=e(require("../use-warning")),c=s(require("../use-keyboard")),i=require("./checkbox.styles"),r=e(require("../utils/clsx")),l=require("../utils/assertion"),o=require("react/jsx-runtime");function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(d=function(e){return e?a:t})(e)}function s(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var a=d(t);if(a&&a.has(e))return a.get(e);var n={},c=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var r=c?Object.getOwnPropertyDescriptor(e,i):null;r&&(r.get||r.set)?Object.defineProperty(n,i,r):n[i]=e[i]}return n.default=e,a&&a.set(e,n),n}const u=({checked:e,initialChecked:d,line:s,rounded:u,indeterminate:h,disabled:x,onChange:b,size:k,className:p,children:f,label:m,color:y,labelColor:C,animated:v,value:j,preventDefault:g,...S})=>{const[N,_]=(0,t.useState)(d),{color:q,labelColor:D,size:O,updateState:P,inGroup:w,disabledAll:E,values:I}=(0,a.useCheckbox)(),M=w&&E||x,z="default"!==y?y:q,L="md"!==k?k:O,W="default"!==C?C:D;l.__DEV__&&w&&e&&(0,n.default)('Remove props "checked" when [Checkbox] component is in the group.',"Checkbox"),w&&(0,t.useEffect)((()=>{const e=I.includes(j);e!==N&&_(e)}),[I.join(",")]);const G=(0,t.useCallback)((e=>{if(M)return;const t={target:{checked:!N},stopPropagation:e.stopPropagation,preventDefault:e.preventDefault,nativeEvent:e};w&&P&&P&&P(j,!N),_(!N),b&&b(t)}),[P,b,M,N]);(0,t.useEffect)((()=>{void 0!==e&&_(e)}),[e]);const{bindings:K}=(0,c.default)((e=>{G(e)}),[c.KeyCode.Enter,c.KeyCode.Space],{disableGlobalEvent:!0,preventDefault:g}),R=(0,t.useMemo)((()=>N&&h?"mixed":N?"checked":"uncheked"),[N,h]);return(0,o.jsxs)(i.StyledCheckboxLabel,{size:L,disabled:M,animated:v,className:(0,r.default)("nextui-checkbox-label",`nextui-checkbox--${R}`,p),css:S.css,children:[(0,o.jsxs)(i.StyledCheckboxContainer,{className:"nextui-checkbox-container",tabIndex:M?-1:0,color:z,rounded:u,disabled:M,animated:v,...K,children:[(0,o.jsx)(i.StyledCheckboxInput,{type:"checkbox",className:"nextui-checkbox-input",tabIndex:-1,"data-state":R,disabled:M,checked:N,"aria-checked":N&&h?"mixed":N,"aria-disabled":M,onChange:G,...S}),(0,o.jsx)(i.StyledCheckboxMask,{checked:N,animated:v,className:"nextui-checkbox-mask",children:(0,o.jsxs)(i.StyledIconCheck,{size:L,indeterminate:h,checked:N,animated:v,className:"nextui-icon-check",children:[(0,o.jsx)(i.StyledIconCheckFirstLine,{indeterminate:h,checked:N,animated:v,className:"nextui-icon-check-line1"}),(0,o.jsx)(i.StyledIconCheckSecondLine,{indeterminate:h,checked:N,animated:v,className:"nextui-icon-check-line2"})]})})]}),(f||m)&&(0,o.jsx)(i.StyledCheckboxText,{className:"nextui-checkbox-text",color:W,line:s,checked:N,disabled:M,animated:v,children:f||m})]})};u.defaultProps={value:"",size:"md",color:"default",labelColor:"default",disabled:!1,preventDefault:!0,initialChecked:!1,indeterminate:!1,rounded:!1,line:!1,animated:!0,className:""},u.toString=()=>".nextui-checkbox",l.__DEV__&&(u.displayName="NextUI - Checkbox");var h=u;exports.default=h,module.exports=exports.default;