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

package/cjs/col/col.js

@@ -1,46 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
-
-var _col = _interopRequireDefault(require("./col.styles"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const defaultProps = {
-  span: 12,
-  offset: 0
-};
-
-const Col = ({
-  children,
-  span,
-  offset,
-  css,
-  ...props
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_col.default, {
-    css: {
-      width: `${100 / 12 * span}%`,
-      marginLeft: `${100 / 12 * offset}%`,
-      ...css
-    },
-    ...props,
-    children: children
-  });
-};
-
-Col.toString = () => '.nextui-column';
-
-const MemoCol = /*#__PURE__*/_react.default.memo(Col);
-
-var _default = (0, _withDefaults.default)(MemoCol, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=e(require("react")),r=e(require("../utils/with-defaults")),s=e(require("./col.styles")),u=require("react/jsx-runtime");const i=({children:e,span:t,offset:r,css:i,...l})=>(0,u.jsx)(s.default,{css:{width:100/12*t+"%",marginLeft:100/12*r+"%",...i},...l,children:e});i.toString=()=>".nextui-column";const l=t.default.memo(i);var a=(0,r.default)(l,{span:12,offset:0});exports.default=a,module.exports=exports.default;

package/cjs/col/col.styles.js

@@ -1,16 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.StyledCol = void 0;
-
-var _stitches = require("../theme/stitches.config");
-
-const StyledCol = (0, _stitches.styled)('div', {
-  float: 'left',
-  boxSizing: 'border-box',
-  pl: 'calc($$rowGap / 2)',
-  pr: 'calc($$rowGap / 2)'
-});
-exports.StyledCol = StyledCol;
-var _default = StyledCol;
-exports.default = _default;
+exports.__esModule=!0,exports.default=exports.StyledCol=void 0;const e=(0,require("../theme/stitches.config").styled)("div",{float:"left",boxSizing:"border-box",pl:"calc($$rowGap / 2)",pr:"calc($$rowGap / 2)"});exports.StyledCol=e;var o=e;exports.default=o;

package/cjs/col/index.js

@@ -1,14 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = exports.StyledCol = void 0;
-
-var _col = _interopRequireDefault(require("./col"));
-
-var _col2 = require("./col.styles");
-
-exports.StyledCol = _col2.StyledCol;
-var _default = _col.default;
-exports.default = _default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledCol=void 0;var r=e(require("./col")),l=require("./col.styles");exports.StyledCol=l.StyledCol;var t=r.default;exports.default=t;

package/cjs/collapse/collapse-context.js

@@ -1,20 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.useCollapseContext = exports.CollapseContext = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-const defaultContext = {
-  values: []
-};
-
-const CollapseContext = /*#__PURE__*/_react.default.createContext(defaultContext);
-
-exports.CollapseContext = CollapseContext;
-
-const useCollapseContext = () => _react.default.useContext(CollapseContext);
-
-exports.useCollapseContext = useCollapseContext;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.useCollapseContext=exports.CollapseContext=void 0;var t=e(require("react"));const o={values:[]},r=t.default.createContext(o);exports.CollapseContext=r;exports.useCollapseContext=()=>t.default.useContext(r);

package/cjs/collapse/collapse-group.js

@@ -1,90 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
-
-var _collapseContext = require("./collapse-context");
-
-var _useCurrentState = _interopRequireDefault(require("../use-current-state"));
-
-var _useTheme = _interopRequireDefault(require("../use-theme"));
-
-var _collections = require("../utils/collections");
-
-var _collapse = require("./collapse.styles");
-
-var _collapse2 = _interopRequireDefault(require("./collapse"));
-
-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 = {
-  accordion: true
-};
-
-const CollapseGroup = ({
-  children,
-  accordion,
-  animated,
-  divider,
-  onChange,
-  ...props
-}) => {
-  const [state, setState, stateRef] = (0, _useCurrentState.default)([]);
-  const {
-    isDark
-  } = (0, _useTheme.default)();
-
-  const updateValues = (currentIndex, nextState) => {
-    const hasChild = stateRef.current.find(val => val === currentIndex);
-    onChange && onChange(currentIndex, nextState);
-
-    if (accordion) {
-      if (nextState) return setState([currentIndex]);
-      return setState([]);
-    }
-
-    if (nextState) {
-      // In a few cases, the user will set Collapse Component state manually.
-      // If the user incorrectly set the state, Group component should ignore it.
-
-      /* istanbul ignore if */
-      if (hasChild) return;
-      return setState([...stateRef.current, currentIndex]);
-    }
-
-    setState(stateRef.current.filter(item => item !== currentIndex));
-  };
-
-  const initialValue = (0, _react.useMemo)(() => ({
-    values: state,
-    updateValues,
-    divider,
-    animated
-  }), [state.join(',')]);
-  const hasIndexChildren = (0, _react.useMemo)(() => (0, _collections.setChildrenIndex)(children, [_collapse2.default]), [children]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_collapseContext.CollapseContext.Provider, {
-    value: initialValue,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_collapse.StyledCollapseGroup, {
-      isDark: isDark,
-      ...props,
-      children: hasIndexChildren
-    })
-  });
-};
-
-CollapseGroup.toString = () => '.nextui-collapse-group';
-
-var _default = (0, _withDefaults.default)(CollapseGroup, 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=c(r);if(t&&t.has(e))return t.get(e);var u={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=n?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(u,i,o):u[i]=e[i]}u.default=e,t&&t.set(e,u);return u}(require("react")),t=e(require("../utils/with-defaults")),u=require("./collapse-context"),n=e(require("../use-current-state")),i=e(require("../use-theme")),o=require("../utils/collections"),a=require("./collapse.styles"),l=e(require("./collapse")),s=require("react/jsx-runtime");function c(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(c=function(e){return e?t:r})(e)}const d=({children:e,accordion:t,animated:c,divider:d,onChange:f,...p})=>{const[v,x,q]=(0,n.default)([]),{isDark:y}=(0,i.default)(),h=(e,r)=>{const u=q.current.find((r=>r===e));if(f&&f(e,r),t)return x(r?[e]:[]);if(r){if(u)return;return x([...q.current,e])}x(q.current.filter((r=>r!==e)))},j=(0,r.useMemo)((()=>({values:v,updateValues:h,divider:d,animated:c})),[v.join(",")]),b=(0,r.useMemo)((()=>(0,o.setChildrenIndex)(e,[l.default])),[e]);return(0,s.jsx)(u.CollapseContext.Provider,{value:j,children:(0,s.jsx)(a.StyledCollapseGroup,{isDark:y,...p,children:b})})};d.toString=()=>".nextui-collapse-group";var f=(0,t.default)(d,{accordion:!0});exports.default=f,module.exports=exports.default;

package/cjs/collapse/collapse-icon.js

@@ -1,41 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _collapse = require("./collapse.styles");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const CollapseIcon = ({ ...props
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_collapse.StyledCollapseIcon, {
-    role: "presentation",
-    focusable: "false",
-    className: "nextui-collapse-icon",
-    width: "20",
-    height: "20",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      d: "M15.5 19l-7-7 7-7",
-      strokeWidth: 1.5,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })
-  });
-};
-
-CollapseIcon.toString = () => '.nextui-collapse-icon';
-
-const MemoCollapseIcon = /*#__PURE__*/_react.default.memo(CollapseIcon);
-
-var _default = MemoCollapseIcon;
-exports.default = _default;
-module.exports = exports.default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("react")),t=require("./collapse.styles"),o=require("react/jsx-runtime");const l=({...e})=>(0,o.jsx)(t.StyledCollapseIcon,{role:"presentation",focusable:"false",className:"nextui-collapse-icon",width:"20",height:"20",fill:"none",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,o.jsx)("path",{d:"M15.5 19l-7-7 7-7",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})});l.toString=()=>".nextui-collapse-icon";var s=r.default.memo(l);exports.default=s,module.exports=exports.default;

package/cjs/collapse/collapse.js

@@ -1,190 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _collapseIcon = _interopRequireDefault(require("./collapse-icon"));
-
-var _expand = _interopRequireDefault(require("../utils/expand"));
-
-var _collapseContext = require("./collapse-context");
-
-var _useCurrentState = _interopRequireDefault(require("../use-current-state"));
-
-var _useWarning = _interopRequireDefault(require("../use-warning"));
-
-var _useTheme = _interopRequireDefault(require("../use-theme"));
-
-var _collections = require("../utils/collections");
-
-var _useKeyboard = _interopRequireWildcard(require("../use-keyboard"));
-
-var _collapse = require("./collapse.styles");
-
-var _clsx = _interopRequireDefault(require("../utils/clsx"));
-
-var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
-
-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 = {
-  shadow: false,
-  divider: true,
-  bordered: false,
-  showArrow: true,
-  animated: true,
-  disabled: false,
-  preventDefault: true,
-  initialExpanded: false
-};
-const preClass = 'nextui-collapse';
-
-const Collapse = ({
-  children,
-  title,
-  subtitle,
-  initialExpanded,
-  shadow,
-  className,
-  divider,
-  arrowIcon,
-  showArrow,
-  disabled,
-  onChange,
-  bordered,
-  contentLeft,
-  preventDefault,
-  animated: animatedProp,
-  borderWeight,
-  index,
-  ...props
-}) => {
-  const [visible, setVisible, visibleRef] = (0, _useCurrentState.default)(initialExpanded);
-  const {
-    isDark
-  } = (0, _useTheme.default)();
-  const {
-    values,
-    divider: groupDivider,
-    animated: groupAnimated,
-    updateValues
-  } = (0, _collapseContext.useCollapseContext)();
-
-  if (!title) {
-    (0, _useWarning.default)('"title" is required.', 'Collapse');
-  }
-
-  (0, _react.useEffect)(() => {
-    if (!values.length) return;
-    const isActive = !!values.find(item => item === index);
-    setVisible(isActive);
-  }, [values.join(',')]);
-  const arrowComponent = (0, _react.useMemo)(() => {
-    if (!showArrow) return null;
-    return arrowIcon ? arrowIcon : /*#__PURE__*/(0, _jsxRuntime.jsx)(_collapseIcon.default, {});
-  }, [arrowIcon, showArrow]);
-  const withDivider = groupDivider === undefined ? divider : groupDivider;
-  const animated = (0, _react.useMemo)(() => {
-    return groupAnimated === undefined ? animatedProp : groupAnimated;
-  }, [groupAnimated, animatedProp]);
-  const {
-    ariaLabelledById,
-    ariaControlId
-  } = (0, _react.useMemo)(() => {
-    const nextuiId = (0, _collections.getId)();
-    return {
-      ariaLabelledById: `${preClass}-button-${nextuiId}`,
-      ariaControlId: `${preClass}-${nextuiId}`
-    };
-  }, []);
-
-  const handleChange = event => {
-    if (disabled) return;
-    const next = !visibleRef.current;
-    setVisible(next);
-    updateValues && updateValues(index, next);
-    onChange && onChange(event, index, next);
-  };
-
-  const {
-    bindings
-  } = (0, _useKeyboard.default)(event => {
-    handleChange(event);
-  }, [_useKeyboard.KeyCode.Enter, _useKeyboard.KeyCode.Space], {
-    disableGlobalEvent: true,
-    preventDefault
-  });
-  const getState = (0, _react.useMemo)(() => {
-    return visible ? 'open' : 'closed';
-  }, [visible]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_collapse.StyledCollapse, {
-    tabIndex: disabled ? -1 : 0,
-    shadow: shadow,
-    bordered: bordered,
-    animated: animated,
-    divider: withDivider,
-    borderWeight: borderWeight,
-    visible: visible,
-    "data-state": getState,
-    className: (0, _clsx.default)(className, preClass, `${preClass}--${getState}`),
-    isDark: isDark,
-    ...props,
-    ...bindings,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_collapse.StyledCollapseView, {
-      role: "button",
-      tabIndex: -1,
-      id: ariaLabelledById,
-      className: `${preClass}-view`,
-      "data-state": getState,
-      disabled: disabled,
-      "aria-disabled": disabled,
-      "aria-expanded": visible,
-      "aria-controls": ariaControlId,
-      onClick: handleChange,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _clsx.default)(`${preClass}-title`),
-        children: [contentLeft && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `${preClass}-title-content-left`,
-          children: contentLeft
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: `${preClass}-title-content`,
-          children: [/*#__PURE__*/_react.default.isValidElement(title) ? title : /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
-            children: title
-          }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `${preClass}-subtitle`,
-            children: subtitle
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `${preClass}-title-content-right`,
-          children: arrowComponent
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_expand.default, {
-      isExpanded: visible,
-      animated: animated,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_collapse.StyledCollapseContent, {
-        role: "region",
-        tabIndex: -1,
-        id: ariaControlId,
-        "aria-labelledby": ariaLabelledById,
-        className: `${preClass}-content`,
-        children: children
-      })
-    })]
-  });
-};
-
-Collapse.toString = () => '.nextui-collapse';
-
-var _default = (0, _withDefaults.default)(Collapse, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=b(require("react")),r=e(require("./collapse-icon")),a=e(require("../utils/expand")),i=require("./collapse-context"),l=e(require("../use-current-state")),s=e(require("../use-warning")),n=e(require("../use-theme")),d=require("@react-aria/utils"),o=b(require("../use-keyboard")),u=require("./collapse.styles"),c=e(require("../utils/clsx")),f=e(require("../utils/with-defaults")),p=require("react/jsx-runtime");function x(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(x=function(e){return e?r:t})(e)}function b(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=x(t);if(r&&r.has(e))return r.get(e);var a={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var s=i?Object.getOwnPropertyDescriptor(e,l):null;s&&(s.get||s.set)?Object.defineProperty(a,l,s):a[l]=e[l]}return a.default=e,r&&r.set(e,a),a}const h="nextui-collapse",v=({children:e,title:f,subtitle:x,expanded:b,shadow:v,className:m,divider:j,arrowIcon:w,showArrow:y,disabled:q,onChange:g,bordered:C,contentLeft:N,preventDefault:$,animated:D,borderWeight:M,index:O,...k})=>{const[E,I,P]=(0,l.default)(b),{isDark:S}=(0,n.default)(),{values:W,divider:_,animated:V,updateValues:A}=(0,i.useCollapseContext)();f||(0,s.default)('"title" is required.',"Collapse"),(0,t.useEffect)((()=>{E!==b&&I(b)}),[b]),(0,t.useEffect)((()=>{if(!W.length)return;const e=!!W.find((e=>e===O));I(e)}),[W.join(",")]);const K=(0,d.useId)(),G=(0,d.useId)(),L=(0,t.useMemo)((()=>y?w||(0,p.jsx)(r.default,{}):null),[w,y]),R=void 0===_?j:_,z=(0,t.useMemo)((()=>void 0===V?D:V),[V,D]),B=e=>{if(q)return;const t=!P.current;I(t),A&&A(O,t),g&&g(e,O,t)},{bindings:F}=(0,o.default)((e=>{B(e)}),[o.KeyCode.Enter,o.KeyCode.Space],{disableGlobalEvent:!0,preventDefault:$}),H=(0,t.useMemo)((()=>E?"open":"closed"),[E]);return(0,p.jsxs)(u.StyledCollapse,{tabIndex:q?-1:0,shadow:v,bordered:C,animated:z,divider:R,borderWeight:M,visible:E,"data-state":H,className:(0,c.default)(m,h,`${h}--${H}`),isDark:S,...k,...F,children:[(0,p.jsx)(u.StyledCollapseView,{role:"button",tabIndex:-1,id:K,className:`${h}-view`,"data-state":H,disabled:q,"aria-disabled":q,"aria-expanded":E,"aria-controls":G,onClick:B,children:(0,p.jsxs)("div",{className:(0,c.default)(`${h}-title-container`),children:[N&&(0,p.jsx)("div",{className:`${h}-title-content-left`,children:N}),(0,p.jsxs)("div",{className:`${h}-title-content`,children:[t.default.isValidElement(f)?f:(0,p.jsx)("h3",{className:`${h}-title`,children:f}),x&&(0,p.jsx)("div",{className:`${h}-subtitle`,children:x})]}),(0,p.jsx)("div",{className:`${h}-title-content-right`,children:L})]})}),(0,p.jsx)(a.default,{isExpanded:E,animated:z,children:(0,p.jsx)(u.StyledCollapseContent,{role:"region",tabIndex:-1,id:G,"aria-labelledby":K,className:`${h}-content`,children:e})})]})};v.toString=()=>".nextui-collapse";var m=(0,f.default)(v,{shadow:!1,divider:!0,bordered:!1,showArrow:!0,animated:!0,disabled:!1,preventDefault:!0,expanded:!1});exports.default=m,module.exports=exports.default;