@activecollab/components 1.0.166 → 1.0.169

package/dist/cjs/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":["Dialog","ref","children","open","onClose","className","enableBackgroundClick","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAUO,IAAMA,MAAM,gBAAG,uBACpB,gBAQEC,GARF,EASK;AAAA,MAPDC,QAOC,QAPDA,QAOC;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,KAMN;AAAA,MALDC,OAKC,QALDA,OAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,mCAHDC,qBAGC;AAAA,MAHDA,qBAGC,sCAHuB,KAGvB;AACH,sBACE,6BAAC,YAAD;AACE,IAAA,GAAG,EAAEL,GADP;AAEE,IAAA,IAAI,EAAEE,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,sBAAsB,EAAE,CAACE;AAJ3B,kBAME,6BAAC,0BAAD;AAAc,IAAA,EAAE,EAAEH;AAAlB,kBACE,6BAAC,oBAAD;AAAc,IAAA,SAAS,EAAE,yBAAW,UAAX,EAAuBE,SAAvB;AAAzB,KACGH,QADH,CADF,CANF,CADF;AAcD,CAzBmB,CAAf;;AA4BPF,MAAM,CAACO,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef, ReactNode } from \"react\";\nimport classnames from \"classnames\";\nimport { Modal } from \"../Modal\";\nimport { SlideFromTop } from \"../Transitions/SlideFromTop\";\nimport { StyledDialog } from \"./Styles\";\n\ninterface IDialog {\n  open?: boolean;\n  onClose?: () => void;\n  className?: string;\n  children?: ReactNode;\n  enableBackgroundClick?: boolean;\n}\n\nexport const Dialog = forwardRef<HTMLDivElement, IDialog>(\n  (\n    {\n      children,\n      open = false,\n      onClose,\n      className,\n      enableBackgroundClick = false,\n    },\n    ref\n  ) => {\n    return (\n      <Modal\n        ref={ref}\n        open={open}\n        onClose={onClose}\n        disableBackgroundClick={!enableBackgroundClick}\n      >\n        <SlideFromTop in={open}>\n          <StyledDialog className={classnames(\"c-dialog\", className)}>\n            {children}\n          </StyledDialog>\n        </SlideFromTop>\n      </Modal>\n    );\n  }\n);\n\nDialog.displayName = \"Dialog\";\n"],"file":"Dialog.js"}
+{"version":3,"sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":["Dialog","ref","children","open","onClose","className","enableBackgroundClick","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAUO,IAAMA,MAAM,gBAAG,uBACpB,gBAQEC,GARF,EASK;AAAA,MAPDC,QAOC,QAPDA,QAOC;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,KAMN;AAAA,MALDC,OAKC,QALDA,OAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,mCAHDC,qBAGC;AAAA,MAHDA,qBAGC,sCAHuB,KAGvB;AACH,sBACE,6BAAC,YAAD;AACE,IAAA,GAAG,EAAEL,GADP;AAEE,IAAA,IAAI,EAAEE,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,sBAAsB,EAAE,CAACE;AAJ3B,kBAME,6BAAC,0BAAD;AAAc,IAAA,EAAE,EAAEH;AAAlB,kBACE,6BAAC,oBAAD;AAAc,IAAA,SAAS,EAAE,yBAAW,UAAX,EAAuBE,SAAvB;AAAzB,KACGH,QADH,CADF,CANF,CADF;AAcD,CAzBmB,CAAf;;AA4BPF,MAAM,CAACO,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef, ReactNode } from \"react\";\nimport classnames from \"classnames\";\nimport { Modal } from \"../Modal\";\nimport { SlideFromTop } from \"../Transitions/SlideFromTop\";\nimport { StyledDialog } from \"./Styles\";\n\nexport interface IDialog {\n  open?: boolean;\n  onClose?: () => void;\n  className?: string;\n  children?: ReactNode;\n  enableBackgroundClick?: boolean;\n}\n\nexport const Dialog = forwardRef<HTMLDivElement, IDialog>(\n  (\n    {\n      children,\n      open = false,\n      onClose,\n      className,\n      enableBackgroundClick = false,\n    },\n    ref\n  ) => {\n    return (\n      <Modal\n        ref={ref}\n        open={open}\n        onClose={onClose}\n        disableBackgroundClick={!enableBackgroundClick}\n      >\n        <SlideFromTop in={open}>\n          <StyledDialog className={classnames(\"c-dialog\", className)}>\n            {children}\n          </StyledDialog>\n        </SlideFromTop>\n      </Modal>\n    );\n  }\n);\n\nDialog.displayName = \"Dialog\";\n"],"file":"Dialog.js"}

package/dist/cjs/components/Entity/EntityCard.js

@@ -11,11 +11,11 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _Styles = require("./Styles");
 
-var _EntityProperty = require("./EntityProperty");
+var _Card = require("../Card");
 
-var _ConditionWrapper = require("../../helpers/ConditionWrapper/ConditionWrapper");
+var _EntityGroup = require("./EntityGroup");
 
-var _excluded = ["children", "actions", "renderAs", "isCollection", "background", "className", "component"];
+var _excluded = ["children", "isCollection", "background", "className", "as"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -27,43 +27,30 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var EntityCard = function EntityCard(_ref) {
+var EntityCard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
-      actions = _ref.actions,
-      _ref$renderAs = _ref.renderAs,
-      renderAs = _ref$renderAs === void 0 ? "grid" : _ref$renderAs,
       isCollection = _ref.isCollection,
       background = _ref.background,
       className = _ref.className,
-      component = _ref.component,
+      as = _ref.as,
       rest = _objectWithoutProperties(_ref, _excluded);
 
+  var _useContext = (0, _react.useContext)(_EntityGroup.EntityGroupContext),
+      renderAs = _useContext.renderAs;
+
   var paperType = renderAs === "grid" ? "paper-1" : "paper-2";
-  var WrapperElement = component ? component : _react.Fragment;
-  return /*#__PURE__*/_react.default.createElement(_ConditionWrapper.ConditionalWrapper, {
-    condition: typeof component !== "undefined",
-    wrap: function wrap(children) {
-      return /*#__PURE__*/_react.default.createElement(WrapperElement, rest, children);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledEntityCard, _extends({
+  var Component = as || _Card.Card;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledEntityCard, _extends({
+    as: Component,
     $renderAs: renderAs,
     $background: background,
     paperType: paperType,
     className: className,
     $isCollection: isCollection
-  }, rest), _react.default.Children.map(children, function (child) {
-    if ( /*#__PURE__*/_react.default.isValidElement(child) && child.type === _EntityProperty.EntityProperty) {
-      return /*#__PURE__*/_react.default.cloneElement(child, {
-        $renderAs: renderAs
-      });
-    }
-
-    return null;
-  }), actions && /*#__PURE__*/_react.default.createElement(_Styles.StyledEntityActions, {
-    $renderAs: renderAs
-  }, actions)));
-};
-
+  }, rest, {
+    ref: ref
+  }), children);
+});
 exports.EntityCard = EntityCard;
 EntityCard.displayName = "EntityCard";
 //# sourceMappingURL=EntityCard.js.map

package/dist/cjs/components/Entity/EntityCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/EntityCard.tsx"],"names":["EntityCard","children","actions","renderAs","isCollection","background","className","component","rest","paperType","WrapperElement","Fragment","React","Children","map","child","isValidElement","type","EntityProperty","cloneElement","$renderAs","displayName"],"mappings":";;;;;;;;;AAAA;;AAOA;;AAEA;;AAEA;;;;;;;;;;;;;;AAuBO,IAAMA,UAAsC,GAAG,SAAzCA,UAAyC,OAShD;AAAA,MARJC,QAQI,QARJA,QAQI;AAAA,MAPJC,OAOI,QAPJA,OAOI;AAAA,2BANJC,QAMI;AAAA,MANJA,QAMI,8BANO,MAMP;AAAA,MALJC,YAKI,QALJA,YAKI;AAAA,MAJJC,UAII,QAJJA,UAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,IACC;;AACJ,MAAMC,SAAS,GAAGN,QAAQ,KAAK,MAAb,GAAsB,SAAtB,GAAkC,SAApD;AAEA,MAAMO,cAAc,GAAGH,SAAS,GAAGA,SAAH,GAAeI,eAA/C;AACA,sBACE,6BAAC,oCAAD;AACE,IAAA,SAAS,EAAE,OAAOJ,SAAP,KAAqB,WADlC;AAEE,IAAA,IAAI,EAAE,cAACN,QAAD;AAAA,0BAAc,6BAAC,cAAD,EAAoBO,IAApB,EAA2BP,QAA3B,CAAd;AAAA;AAFR,kBAIE,6BAAC,wBAAD;AACE,IAAA,SAAS,EAAEE,QADb;AAEE,IAAA,WAAW,EAAEE,UAFf;AAGE,IAAA,SAAS,EAAEI,SAHb;AAIE,IAAA,SAAS,EAAEH,SAJb;AAKE,IAAA,aAAa,EAAEF;AALjB,KAMMI,IANN,GAQGI,eAAMC,QAAN,CAAeC,GAAf,CAAmBb,QAAnB,EAA6B,UAACc,KAAD,EAAW;AACvC,QAAI,6BAAMC,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,8BAAlD,EAAkE;AAChE,0BAAON,eAAMO,YAAN,CAAmBJ,KAAnB,EAA0B;AAC/BK,QAAAA,SAAS,EAAEjB;AADoB,OAA1B,CAAP;AAGD;;AACD,WAAO,IAAP;AACD,GAPA,CARH,EAgBGD,OAAO,iBACN,6BAAC,2BAAD;AAAqB,IAAA,SAAS,EAAEC;AAAhC,KACGD,OADH,CAjBJ,CAJF,CADF;AA6BD,CA1CM;;;AA4CPF,UAAU,CAACqB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, {\n  BaseHTMLAttributes,\n  ComponentType,\n  CSSProperties,\n  Fragment,\n  ReactNode,\n} from \"react\";\nimport { StyledEntityActions, StyledEntityCard } from \"./Styles\";\n\nimport { EntityProperty } from \"./EntityProperty\";\nimport { ICardProps } from \"../Card\";\nimport { ConditionalWrapper } from \"../../helpers/ConditionWrapper/ConditionWrapper\";\n\nexport interface IEntityCardProps\n  extends ICardProps,\n    BaseHTMLAttributes<HTMLElement> {\n  /** Render as grid or list item */\n  renderAs?: \"grid\" | \"list\";\n  /** action to show on right */\n  actions?: ReactNode;\n  /** ClassName to add on Card */\n  className?: string;\n  /** Show as group of Cards on grid */\n  isCollection?: boolean;\n  /** Background color to override for Card */\n  background?: string;\n  /** CSSProperties to override for Card */\n  style?: CSSProperties;\n  /** optional for Link react-router-dom */\n  to?: string;\n  /** You can pass any component as wrapper for card */\n  component?: ComponentType<{ children: ReactNode }>;\n}\n\nexport const EntityCard: React.FC<IEntityCardProps> = ({\n  children,\n  actions,\n  renderAs = \"grid\",\n  isCollection,\n  background,\n  className,\n  component,\n  ...rest\n}) => {\n  const paperType = renderAs === \"grid\" ? \"paper-1\" : \"paper-2\";\n\n  const WrapperElement = component ? component : Fragment;\n  return (\n    <ConditionalWrapper\n      condition={typeof component !== \"undefined\"}\n      wrap={(children) => <WrapperElement {...rest}>{children}</WrapperElement>}\n    >\n      <StyledEntityCard\n        $renderAs={renderAs}\n        $background={background}\n        paperType={paperType}\n        className={className}\n        $isCollection={isCollection}\n        {...rest}\n      >\n        {React.Children.map(children, (child) => {\n          if (React.isValidElement(child) && child.type === EntityProperty) {\n            return React.cloneElement(child, {\n              $renderAs: renderAs,\n            });\n          }\n          return null;\n        })}\n        {actions && (\n          <StyledEntityActions $renderAs={renderAs}>\n            {actions}\n          </StyledEntityActions>\n        )}\n      </StyledEntityCard>\n    </ConditionalWrapper>\n  );\n};\n\nEntityCard.displayName = \"EntityCard\";\n"],"file":"EntityCard.js"}
+{"version":3,"sources":["../../../../src/components/Entity/EntityCard.tsx"],"names":["EntityCard","ref","children","isCollection","background","className","as","rest","EntityGroupContext","renderAs","paperType","Component","Card","displayName"],"mappings":";;;;;;;;;AAAA;;AAOA;;AAEA;;AAKA;;;;;;;;;;;;;;AAsBO,IAAMA,UAAsD,gBACjE,uBACE,gBASEC,GATF,EAUK;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,MAPDC,YAOC,QAPDA,YAOC;AAAA,MANDC,UAMC,QANDA,UAMC;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,EAIC,QAJDA,EAIC;AAAA,MAHEC,IAGF;;AACH,oBAAqB,uBAAWC,+BAAX,CAArB;AAAA,MAAQC,QAAR,eAAQA,QAAR;;AACA,MAAMC,SAAS,GAAGD,QAAQ,KAAK,MAAb,GAAsB,SAAtB,GAAkC,SAApD;AACA,MAAME,SAAS,GAAGL,EAAE,IAAIM,UAAxB;AACA,sBACE,6BAAC,wBAAD;AACE,IAAA,EAAE,EAAED,SADN;AAEE,IAAA,SAAS,EAAEF,QAFb;AAGE,IAAA,WAAW,EAAEL,UAHf;AAIE,IAAA,SAAS,EAAEM,SAJb;AAKE,IAAA,SAAS,EAAEL,SALb;AAME,IAAA,aAAa,EAAEF;AANjB,KAOMI,IAPN;AAQE,IAAA,GAAG,EAAEN;AARP,MAUGC,QAVH,CADF;AAcD,CA7BH,CADK;;AAiCPF,UAAU,CAACa,WAAX,GAAyB,YAAzB","sourcesContent":["import React, {\n  BaseHTMLAttributes,\n  CSSProperties,\n  forwardRef,\n  ReactElement,\n  useContext,\n} from \"react\";\nimport { StyledEntityCard } from \"./Styles\";\n\nimport { Card, ICardProps } from \"../Card\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport { EntityGroupContext } from \"./EntityGroup\";\n\nexport interface IEntityCardProps\n  extends ICardProps,\n    BaseHTMLAttributes<HTMLElement> {\n  /** ClassName to add on Card */\n  className?: string;\n  /** Show as group of Cards on grid */\n  isCollection?: boolean;\n  /** Background color to override for Card */\n  background?: string;\n  /** CSSProperties to override for Card */\n  style?: CSSProperties;\n}\n\nexport type EntityCardProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, IEntityCardProps>;\n\nexport type EntityComponent = <C extends React.ElementType = typeof Card>(\n  props: EntityCardProps<C>\n) => ReactElement | null;\n\nexport const EntityCard: EntityComponent & { displayName?: string } =\n  forwardRef(\n    <C extends React.ElementType = typeof Card>(\n      {\n        children,\n        isCollection,\n        background,\n        className,\n        as,\n        ...rest\n      }: EntityCardProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const { renderAs } = useContext(EntityGroupContext);\n      const paperType = renderAs === \"grid\" ? \"paper-1\" : \"paper-2\";\n      const Component = as || Card;\n      return (\n        <StyledEntityCard\n          as={Component}\n          $renderAs={renderAs}\n          $background={background}\n          paperType={paperType}\n          className={className}\n          $isCollection={isCollection}\n          {...rest}\n          ref={ref}\n        >\n          {children}\n        </StyledEntityCard>\n      );\n    }\n  );\n\nEntityCard.displayName = \"EntityCard\";\n"],"file":"EntityCard.js"}

package/dist/cjs/components/Entity/EntityGroup.js

@@ -3,14 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EntityGroup = void 0;
+exports.EntityGroupContext = exports.EntityGroup = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
 var _Styles = require("./Styles");
 
-var _EntityCard = require("./EntityCard");
-
 var _excluded = ["children", "gap", "renderAs"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -21,6 +19,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+var EntityGroupContext = /*#__PURE__*/_react.default.createContext({
+  renderAs: "grid"
+});
+
+exports.EntityGroupContext = EntityGroupContext;
+
 var EntityGroup = function EntityGroup(_ref) {
   var children = _ref.children,
       gap = _ref.gap,
@@ -28,18 +32,14 @@ var EntityGroup = function EntityGroup(_ref) {
       renderAs = _ref$renderAs === void 0 ? "grid" : _ref$renderAs,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledEntityGroup, _extends({
+  return /*#__PURE__*/_react.default.createElement(EntityGroupContext.Provider, {
+    value: {
+      renderAs: renderAs
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledEntityGroup, _extends({
     $renderAs: renderAs,
     $gap: gap
-  }, rest), _react.default.Children.map(children, function (child) {
-    if ( /*#__PURE__*/_react.default.isValidElement(child) && child.type === _EntityCard.EntityCard) {
-      return /*#__PURE__*/_react.default.cloneElement(child, {
-        renderAs: renderAs
-      });
-    }
-
-    return null;
-  }));
+  }, rest), children));
 };
 
 exports.EntityGroup = EntityGroup;

package/dist/cjs/components/Entity/EntityGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/EntityGroup.tsx"],"names":["EntityGroup","children","gap","renderAs","rest","React","Children","map","child","isValidElement","type","EntityCard","cloneElement","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;AAQO,IAAMA,WAAwC,GAAG,SAA3CA,WAA2C,OAKlD;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,GAGI,QAHJA,GAGI;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,MAEP;AAAA,MADDC,IACC;;AACJ,sBACE,6BAAC,yBAAD;AAAmB,IAAA,SAAS,EAAED,QAA9B;AAAwC,IAAA,IAAI,EAAED;AAA9C,KAAuDE,IAAvD,GACGC,eAAMC,QAAN,CAAeC,GAAf,CAAmBN,QAAnB,EAA6B,UAACO,KAAD,EAAW;AACvC,QAAI,6BAAMC,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,sBAAlD,EAA8D;AAC5D,0BAAON,eAAMO,YAAN,CAAmBJ,KAAnB,EAA0B;AAC/BL,QAAAA,QAAQ,EAARA;AAD+B,OAA1B,CAAP;AAGD;;AACD,WAAO,IAAP;AACD,GAPA,CADH,CADF;AAYD,CAlBM;;;AAoBPH,WAAW,CAACa,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityGroup } from \"./Styles\";\nimport { EntityCard } from \"./EntityCard\";\n\nexport interface IEntityGroupProps\n  extends Pick<HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> {\n  gap?: number;\n  renderAs?: \"grid\" | \"list\";\n}\n\nexport const EntityGroup: React.FC<IEntityGroupProps> = ({\n  children,\n  gap,\n  renderAs = \"grid\",\n  ...rest\n}) => {\n  return (\n    <StyledEntityGroup $renderAs={renderAs} $gap={gap} {...rest}>\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child) && child.type === EntityCard) {\n          return React.cloneElement(child, {\n            renderAs,\n          });\n        }\n        return null;\n      })}\n    </StyledEntityGroup>\n  );\n};\n\nEntityGroup.displayName = \"EntityGroup\";\n"],"file":"EntityGroup.js"}
+{"version":3,"sources":["../../../../src/components/Entity/EntityGroup.tsx"],"names":["EntityGroupContext","React","createContext","renderAs","EntityGroup","children","gap","rest","displayName"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;;;;;AAWO,IAAMA,kBAAkB,gBAAGC,eAAMC,aAAN,CAAyC;AACzEC,EAAAA,QAAQ,EAAE;AAD+D,CAAzC,CAA3B;;;;AAIA,IAAMC,WAAwC,GAAG,SAA3CA,WAA2C,OAKlD;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,GAGI,QAHJA,GAGI;AAAA,2BAFJH,QAEI;AAAA,MAFJA,QAEI,8BAFO,MAEP;AAAA,MADDI,IACC;;AACJ,sBACE,6BAAC,kBAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,EAAE;AAAEJ,MAAAA,QAAQ,EAAEA;AAAZ;AAApC,kBACE,6BAAC,yBAAD;AAAmB,IAAA,SAAS,EAAEA,QAA9B;AAAwC,IAAA,IAAI,EAAEG;AAA9C,KAAuDC,IAAvD,GACGF,QADH,CADF,CADF;AAOD,CAbM;;;AAePD,WAAW,CAACI,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityGroup } from \"./Styles\";\n\nexport interface IEntityGroupProps\n  extends Pick<HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> {\n  gap?: number;\n  renderAs?: \"grid\" | \"list\";\n}\n\ninterface IEntityGroupContext {\n  renderAs: \"grid\" | \"list\";\n}\nexport const EntityGroupContext = React.createContext<IEntityGroupContext>({\n  renderAs: \"grid\",\n});\n\nexport const EntityGroup: React.FC<IEntityGroupProps> = ({\n  children,\n  gap,\n  renderAs = \"grid\",\n  ...rest\n}) => {\n  return (\n    <EntityGroupContext.Provider value={{ renderAs: renderAs }}>\n      <StyledEntityGroup $renderAs={renderAs} $gap={gap} {...rest}>\n        {children}\n      </StyledEntityGroup>\n    </EntityGroupContext.Provider>\n  );\n};\n\nEntityGroup.displayName = \"EntityGroup\";\n"],"file":"EntityGroup.js"}

package/dist/cjs/components/Entity/EntityProperty.js

@@ -1,20 +1,28 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EntityProperty = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _Styles = require("./Styles");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _EntityGroup = require("./EntityGroup");
+
 var _excluded = ["listOrder", "listWidth", "visibleFromBreakpoint", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 _extends() { _extends = Object.assign || 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); }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -28,12 +36,16 @@ var EntityProperty = function EntityProperty(_ref) {
       className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
+  var _useContext = (0, _react.useContext)(_EntityGroup.EntityGroupContext),
+      renderAs = _useContext.renderAs;
+
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledEntityProperty, _extends({
     className: (0, _classnames.default)("c-entity-property", className)
   }, props, {
     $order: listOrder,
     $width: listWidth,
-    $visibleFromBreakpoint: visibleFromBreakpoint
+    $visibleFromBreakpoint: visibleFromBreakpoint,
+    $renderAs: renderAs
   }));
 };
 

package/dist/cjs/components/Entity/EntityProperty.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/EntityProperty.tsx"],"names":["EntityProperty","listOrder","listWidth","visibleFromBreakpoint","className","props","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;AAWO,IAAMA,cAAkD,GAAG,SAArDA,cAAqD,OAM5D;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,qBAGI,QAHJA,qBAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,KACC;;AACJ,sBACE,6BAAC,4BAAD;AACE,IAAA,SAAS,EAAE,yBAAW,mBAAX,EAAgCD,SAAhC;AADb,KAEMC,KAFN;AAGE,IAAA,MAAM,EAAEJ,SAHV;AAIE,IAAA,MAAM,EAAEC,SAJV;AAKE,IAAA,sBAAsB,EAAEC;AAL1B,KADF;AASD,CAhBM;;;AAkBPH,cAAc,CAACM,WAAf,GAA6B,gBAA7B","sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityProperty } from \"./Styles\";\nimport classNames from \"classnames\";\n\nexport type VisibleFromBreakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport interface IEntityCardPropertyProps\n  extends HTMLAttributes<HTMLDivElement> {\n  $renderAs?: \"grid\" | \"list\";\n  listOrder?: number;\n  listWidth?: string | number;\n  visibleFromBreakpoint?: VisibleFromBreakpoint;\n}\n\nexport const EntityProperty: React.FC<IEntityCardPropertyProps> = ({\n  listOrder,\n  listWidth,\n  visibleFromBreakpoint,\n  className,\n  ...props\n}) => {\n  return (\n    <StyledEntityProperty\n      className={classNames(\"c-entity-property\", className)}\n      {...props}\n      $order={listOrder}\n      $width={listWidth}\n      $visibleFromBreakpoint={visibleFromBreakpoint}\n    />\n  );\n};\n\nEntityProperty.displayName = \"EntityProperty\";\n"],"file":"EntityProperty.js"}
+{"version":3,"sources":["../../../../src/components/Entity/EntityProperty.tsx"],"names":["EntityProperty","listOrder","listWidth","visibleFromBreakpoint","className","props","EntityGroupContext","renderAs","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAUO,IAAMA,cAAkD,GAAG,SAArDA,cAAqD,OAM5D;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,qBAGI,QAHJA,qBAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,KACC;;AACJ,oBAAqB,uBAAWC,+BAAX,CAArB;AAAA,MAAQC,QAAR,eAAQA,QAAR;;AACA,sBACE,6BAAC,4BAAD;AACE,IAAA,SAAS,EAAE,yBAAW,mBAAX,EAAgCH,SAAhC;AADb,KAEMC,KAFN;AAGE,IAAA,MAAM,EAAEJ,SAHV;AAIE,IAAA,MAAM,EAAEC,SAJV;AAKE,IAAA,sBAAsB,EAAEC,qBAL1B;AAME,IAAA,SAAS,EAAEI;AANb,KADF;AAUD,CAlBM;;;AAoBPP,cAAc,CAACQ,WAAf,GAA6B,gBAA7B","sourcesContent":["import React, { HTMLAttributes, useContext } from \"react\";\nimport { StyledEntityProperty } from \"./Styles\";\nimport classNames from \"classnames\";\nimport { EntityGroupContext } from \"./EntityGroup\";\n\nexport type VisibleFromBreakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport interface IEntityCardPropertyProps\n  extends HTMLAttributes<HTMLDivElement> {\n  listOrder?: number;\n  listWidth?: string | number;\n  visibleFromBreakpoint?: VisibleFromBreakpoint;\n}\n\nexport const EntityProperty: React.FC<IEntityCardPropertyProps> = ({\n  listOrder,\n  listWidth,\n  visibleFromBreakpoint,\n  className,\n  ...props\n}) => {\n  const { renderAs } = useContext(EntityGroupContext);\n  return (\n    <StyledEntityProperty\n      className={classNames(\"c-entity-property\", className)}\n      {...props}\n      $order={listOrder}\n      $width={listWidth}\n      $visibleFromBreakpoint={visibleFromBreakpoint}\n      $renderAs={renderAs}\n    />\n  );\n};\n\nEntityProperty.displayName = \"EntityProperty\";\n"],"file":"EntityProperty.js"}

package/dist/cjs/components/Entity/Styles.js

@@ -20,14 +20,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var StyledEntityCard = (0, _styledComponents.default)(_Card.Card).withConfig({
   displayName: "Styles__StyledEntityCard",
   componentId: "sc-bjeea8-0"
-})(["line-height:1.375;", " ", " ", " ", " ", ""], function (_ref) {
+})(["line-height:1.375;", " ", " ", " ", ""], function (_ref) {
   var $renderAs = _ref.$renderAs;
   return $renderAs === "list" && (0, _styledComponents.css)(["display:flex;flex-direction:row;align-items:center;min-height:48px;margin-bottom:4px;justify-content:space-between;padding:0 16px 0 16px;"]);
 }, function (_ref2) {
   var $renderAs = _ref2.$renderAs;
   return $renderAs === "grid" && (0, _styledComponents.css)(["display:flex;flex-direction:column;position:relative;padding:20px 24px;height:280px;"]);
-}, function (props) {
-  return props.$gap && (0, _styledComponents.css)(["gap:", "px;"], props.$gap);
 }, function (props) {
   return props.$background && (0, _styledComponents.css)(["background-color:", ";"], props.$background);
 }, function (_ref3) {
@@ -94,14 +92,12 @@ StyledEntityProperty.displayName = "StyledEntityProperty";
 var StyledEntityGroup = (0, _styledComponents.default)("div").withConfig({
   displayName: "Styles__StyledEntityGroup",
   componentId: "sc-bjeea8-2"
-})(["", " ", " ", ""], function (_ref11) {
+})(["", " ", ""], function (_ref11) {
   var $renderAs = _ref11.$renderAs,
       $gap = _ref11.$gap;
   return $renderAs === "grid" && (0, _styledComponents.css)(["display:grid;grid-gap:", ";grid-template-columns:repeat(auto-fill,minmax(260px,1fr));"], $gap ? "".concat($gap, "px") : "initial");
 }, function (props) {
   return props.$renderAs === "list" && (0, _styledComponents.css)(["display:flex;flex-direction:column;"]);
-}, function (props) {
-  return props.$gap && props.$renderAs === "list" && (0, _styledComponents.css)(["", "{gap:", "px;}"], StyledEntityCard, props.$gap);
 });
 exports.StyledEntityGroup = StyledEntityGroup;
 StyledEntityGroup.displayName = "StyledEntityGroup";

package/dist/cjs/components/Entity/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/Styles.ts"],"names":["StyledEntityCard","Card","$renderAs","css","props","$gap","$background","$isCollection","PaperStyles","displayName","StyledEntityProperty","$width","$order","$visibleFromBreakpoint","StyledEntityGroup","StyledEntityActions"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Card } from \"../Card\";\nimport { PaperStyles } from \"../Paper/Styles\";\nimport { VisibleFromBreakpoint } from \"./EntityProperty\";\nimport tw from \"twin.macro\";\n\nexport const StyledEntityCard = styled(Card)<{\n  $renderAs: string;\n  $gap?: number;\n  $background?: string;\n  $isCollection?: boolean;\n}>`\n  line-height: 1.375;\n  ${({ $renderAs }) =>\n    $renderAs === \"list\" &&\n    css`\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      min-height: 48px;\n      margin-bottom: 4px;\n      justify-content: space-between;\n      padding: 0 16px 0 16px;\n    `}\n\n  ${({ $renderAs }) =>\n    $renderAs === \"grid\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n      position: relative;\n      padding: 20px 24px;\n      height: 280px;\n    `}\n\n  ${(props) =>\n    props.$gap &&\n    css`\n      gap: ${props.$gap}px;\n    `}\n  ${(props) =>\n    props.$background &&\n    css`\n      background-color: ${props.$background};\n    `}\n\n  ${({ $isCollection, $background }) =>\n    $isCollection &&\n    css`\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        transform: rotate(-3deg);\n        z-index: -1;\n        ${PaperStyles};\n        background-color: ${$background};\n      }\n    `}\n`;\nStyledEntityCard.displayName = \"StyledEntityCard\";\n\nexport const StyledEntityProperty = styled(\"div\")<{\n  $renderAs?: string;\n  $order?: number;\n  $width?: number | string;\n  $visibleFromBreakpoint?: VisibleFromBreakpoint;\n}>`\n  ${({ $renderAs, $width }) =>\n    $renderAs === \"list\" &&\n    css`\n      display: flex;\n      align-items: center;\n      min-width: 24px;\n      flex: ${$width ? \"unset\" : 1};\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    props.$order &&\n    css`\n      order: ${props.$order};\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    props.$width &&\n    css`\n      width: ${props.$width};\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint &&\n    css`\n      ${tw`tw-hidden`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"sm\" &&\n    css`\n      ${tw`sm:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"md\" &&\n    css`\n      ${tw`md:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"lg\" &&\n    css`\n      ${tw`lg:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"xl\" &&\n    css`\n      ${tw`xl:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"2xl\" &&\n    css`\n      ${tw`2xl:tw-flex`}\n    `}\n`;\n\nStyledEntityProperty.displayName = \"StyledEntityProperty\";\n\nexport const StyledEntityGroup = styled(\"div\")<{\n  $renderAs: string;\n  $gap?: number;\n}>`\n  ${({ $renderAs, $gap }) =>\n    $renderAs === \"grid\" &&\n    css`\n      display: grid;\n      grid-gap: ${$gap ? `${$gap}px` : \"initial\"};\n      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n    `}\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n    `}\n\n  ${(props) =>\n    props.$gap &&\n    props.$renderAs === \"list\" &&\n    css`\n      ${StyledEntityCard} {\n        gap: ${props.$gap}px;\n      }\n    `}\n`;\nStyledEntityGroup.displayName = \"StyledEntityGroup\";\n\nexport const StyledEntityActions = styled(\"div\")<{ $renderAs?: string }>`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  ${({ $renderAs }) =>\n    $renderAs === \"grid\" &&\n    css`\n      position: absolute;\n      right: 16px;\n      top: 20px;\n    `}\n\n  ${({ $renderAs }) =>\n    $renderAs === \"list\" &&\n    css`\n      justify-self: flex-end;\n    `}\n`;\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Entity/Styles.ts"],"names":["StyledEntityCard","Card","$renderAs","css","props","$background","$isCollection","PaperStyles","displayName","StyledEntityProperty","$width","$order","$visibleFromBreakpoint","StyledEntityGroup","$gap","StyledEntityActions"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Card } from \"../Card\";\nimport { PaperStyles } from \"../Paper/Styles\";\nimport { VisibleFromBreakpoint } from \"./EntityProperty\";\nimport tw from \"twin.macro\";\n\nexport const StyledEntityCard = styled(Card)<{\n  $renderAs: string;\n  $gap?: number;\n  $background?: string;\n  $isCollection?: boolean;\n}>`\n  line-height: 1.375;\n  ${({ $renderAs }) =>\n    $renderAs === \"list\" &&\n    css`\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      min-height: 48px;\n      margin-bottom: 4px;\n      justify-content: space-between;\n      padding: 0 16px 0 16px;\n    `}\n\n  ${({ $renderAs }) =>\n    $renderAs === \"grid\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n      position: relative;\n      padding: 20px 24px;\n      height: 280px;\n    `}\n\n\n  ${(props) =>\n    props.$background &&\n    css`\n      background-color: ${props.$background};\n    `}\n\n  ${({ $isCollection, $background }) =>\n    $isCollection &&\n    css`\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        transform: rotate(-3deg);\n        z-index: -1;\n        ${PaperStyles};\n        background-color: ${$background};\n      }\n    `}\n`;\nStyledEntityCard.displayName = \"StyledEntityCard\";\n\nexport const StyledEntityProperty = styled(\"div\")<{\n  $renderAs?: string;\n  $order?: number;\n  $width?: number | string;\n  $visibleFromBreakpoint?: VisibleFromBreakpoint;\n}>`\n  ${({ $renderAs, $width }) =>\n    $renderAs === \"list\" &&\n    css`\n      display: flex;\n      align-items: center;\n      min-width: 24px;\n      flex: ${$width ? \"unset\" : 1};\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    props.$order &&\n    css`\n      order: ${props.$order};\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    props.$width &&\n    css`\n      width: ${props.$width};\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint &&\n    css`\n      ${tw`tw-hidden`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"sm\" &&\n    css`\n      ${tw`sm:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"md\" &&\n    css`\n      ${tw`md:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"lg\" &&\n    css`\n      ${tw`lg:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"xl\" &&\n    css`\n      ${tw`xl:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"2xl\" &&\n    css`\n      ${tw`2xl:tw-flex`}\n    `}\n`;\n\nStyledEntityProperty.displayName = \"StyledEntityProperty\";\n\nexport const StyledEntityGroup = styled(\"div\")<{\n  $renderAs: string;\n  $gap?: number;\n}>`\n  ${({ $renderAs, $gap }) =>\n    $renderAs === \"grid\" &&\n    css`\n      display: grid;\n      grid-gap: ${$gap ? `${$gap}px` : \"initial\"};\n      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n    `}\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n    `}\n`;\nStyledEntityGroup.displayName = \"StyledEntityGroup\";\n\nexport const StyledEntityActions = styled(\"div\")<{ $renderAs?: string }>`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  ${({ $renderAs }) =>\n    $renderAs === \"grid\" &&\n    css`\n      position: absolute;\n      right: 16px;\n      top: 20px;\n    `}\n\n  ${({ $renderAs }) =>\n    $renderAs === \"list\" &&\n    css`\n      justify-self: flex-end;\n    `}\n`;\n"],"file":"Styles.js"}

package/dist/cjs/components/Entity/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/index.ts"],"names":["Entity","Group","EntityGroup","Card","EntityCard","Property","EntityProperty"],"mappings":";;;;;;;AACA;;AACA;;AACA;;AAQO,IAAMA,MAAe,GAAG;AAC7BC,EAAAA,KAAK,EAAEC,wBADsB;AAE7BC,EAAAA,IAAI,EAAEC,sBAFuB;AAG7BC,EAAAA,QAAQ,EAAEC;AAHmB,CAAxB","sourcesContent":["import { ComponentType } from \"react\";\nimport { EntityGroup, IEntityGroupProps } from \"./EntityGroup\";\nimport { EntityCard, IEntityCardProps } from \"./EntityCard\";\nimport { EntityProperty, IEntityCardPropertyProps } from \"./EntityProperty\";\n\nexport interface IEntity {\n  Group: ComponentType<IEntityGroupProps>;\n  Card: ComponentType<IEntityCardProps>;\n  Property: ComponentType<IEntityCardPropertyProps>;\n}\n\nexport const Entity: IEntity = {\n  Group: EntityGroup,\n  Card: EntityCard,\n  Property: EntityProperty,\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/components/Entity/index.ts"],"names":["Entity","Group","EntityGroup","Card","EntityCard","Property","EntityProperty"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAQO,IAAMA,MAAe,GAAG;AAC7BC,EAAAA,KAAK,EAAEC,wBADsB;AAE7BC,EAAAA,IAAI,EAAEC,sBAFuB;AAG7BC,EAAAA,QAAQ,EAAEC;AAHmB,CAAxB","sourcesContent":["import { EntityGroup } from \"./EntityGroup\";\nimport { EntityCard } from \"./EntityCard\";\nimport { EntityProperty } from \"./EntityProperty\";\n\nexport interface IEntity {\n  Group: typeof EntityGroup;\n  Card: typeof EntityCard;\n  Property: typeof EntityProperty;\n}\n\nexport const Entity: IEntity = {\n  Group: EntityGroup,\n  Card: EntityCard,\n  Property: EntityProperty,\n};\n"],"file":"index.js"}

package/dist/cjs/components/Menu/Menu.js

@@ -63,9 +63,7 @@ var Menu = function Menu(_ref) {
       popperClassName = _ref.popperClassName,
       backgroundElementClass = _ref.backgroundElementClass,
       _ref$windowAbsolutely = _ref.windowAbsolutelyPositioned,
-      windowAbsolutelyPositioned = _ref$windowAbsolutely === void 0 ? false : _ref$windowAbsolutely,
-      _ref$preventClickEven = _ref.preventClickEventBubbling,
-      preventClickEventBubbling = _ref$preventClickEven === void 0 ? false : _ref$preventClickEven;
+      windowAbsolutelyPositioned = _ref$windowAbsolutely === void 0 ? false : _ref$windowAbsolutely;
 
   var _useState = (0, _react.useState)(defaultOpen),
       _useState2 = _slicedToArray(_useState, 2),
@@ -86,16 +84,12 @@ var Menu = function Menu(_ref) {
   var handleOpen = (0, _react.useCallback)(function (event) {
     var _target$props;
 
-    event && event.preventDefault();
-
-    if (preventClickEventBubbling) {
-      event === null || event === void 0 ? void 0 : event.stopPropagation();
-    }
-
+    event === null || event === void 0 ? void 0 : event.preventDefault();
+    event === null || event === void 0 ? void 0 : event.stopPropagation();
     setOpen(true);
     typeof onOpen === "function" && onOpen();
     typeof (target === null || target === void 0 ? void 0 : (_target$props = target.props) === null || _target$props === void 0 ? void 0 : _target$props.onClick) === "function" && target.props.onClick(event);
-  }, [onOpen, preventClickEventBubbling, target === null || target === void 0 ? void 0 : target.props]);
+  }, [onOpen, target === null || target === void 0 ? void 0 : target.props]);
   var handleClose = (0, _react.useCallback)(function () {
     if (typeof onBeforeClose === "function" && !onBeforeClose()) {
       return;
@@ -118,8 +112,7 @@ var Menu = function Menu(_ref) {
     disableFocusLock: disableFocusLock,
     style: {
       position: windowAbsolutelyPositioned ? "absolute" : "fixed"
-    },
-    preventClickEventBubbling: preventClickEventBubbling
+    }
   }, /*#__PURE__*/_react.default.createElement(_Overlay.Overlay, {
     className: backgroundElementClass,
     onClick: handleClose,

package/dist/cjs/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Menu/Menu.tsx"],"names":["Menu","children","disableFocusLock","onMenuClick","handleScroll","mode","open","defaultOpen","onOpen","onClose","onBeforeClose","position","target","className","menuClassName","popperClassName","backgroundElementClass","windowAbsolutelyPositioned","preventClickEventBubbling","setOpen","childNode","setChildNode","elementRef","handleRefRef","ref","undefined","handleRef","handleOpen","event","preventDefault","stopPropagation","props","onClick","handleClose","childProps","forceClose","targetProps","React","cloneElement","displayName"],"mappings":"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","sourcesContent":["import React, {\n  useRef,\n  FC,\n  ReactNode,\n  MouseEvent,\n  useState,\n  useCallback,\n  useEffect,\n  ReactElement,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper } from \"../Popper\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\nimport { Placement } from \"@popperjs/core\";\nimport { MenuContextProvider } from \"./context\";\nimport { StyledMenu } from \"./Styles\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport type MenuMode = \"normal\" | \"wider\" | \"tiny\";\n\nexport interface IMenu {\n  /** Menu content */\n  children: ReactNode;\n  /** On menu element click */\n  onMenuClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** Handle scroll bar */\n  handleScroll?: boolean;\n  /** Disable Focus Lock */\n  disableFocusLock?: boolean;\n  /** Menu width mode */\n  mode?: MenuMode;\n  /** Should menu be open when it's mounted */\n  open?: boolean;\n  /** Callback triggered when modal has been opened */\n  onOpen?: () => void;\n  /** Callback triggered when modal has been closed */\n  onClose?: () => void;\n  /** Before close callback */\n  onBeforeClose?: () => boolean;\n  /** Position Menu */\n  position?: Placement;\n  /** Target element */\n  target?: ElementWithRef<Element>;\n  className?: string;\n  /** Menu classes */\n  menuClassName?: string;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n  backgroundElementClass?: string;\n  /** Should Window be positioned absolutely */\n  windowAbsolutelyPositioned?: boolean;\n  /** Prevents click event from bubbling to parent elements */\n  preventClickEventBubbling?: boolean;\n}\n\nexport const Menu: FC<IMenu> = ({\n  children,\n  disableFocusLock = false,\n  onMenuClick,\n  handleScroll = true,\n  mode = \"normal\",\n  open: defaultOpen = false,\n  onOpen,\n  onClose,\n  onBeforeClose,\n  position = \"bottom-start\",\n  target,\n  className,\n  menuClassName,\n  popperClassName,\n  backgroundElementClass,\n  windowAbsolutelyPositioned = false,\n  preventClickEventBubbling = false,\n}) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const [childNode, setChildNode] = useState<Element | null>();\n  const elementRef = useRef<Element | null>(null);\n\n  useEffect(() => {\n    setOpen(defaultOpen);\n  }, [defaultOpen]);\n\n  const handleRefRef = useForkRef(\n    target ? target.ref : undefined,\n    setChildNode\n  );\n  const handleRef = useForkRef(handleRefRef, elementRef);\n\n  const handleOpen = useCallback(\n    (\n      event: Pick<MouseEvent<Element>, \"preventDefault\" | \"stopPropagation\">\n    ) => {\n      event && event.preventDefault();\n      if (preventClickEventBubbling) {\n        event?.stopPropagation();\n      }\n      setOpen(true);\n      typeof onOpen === \"function\" && onOpen();\n      typeof target?.props?.onClick === \"function\" &&\n        target.props.onClick(event);\n    },\n    [onOpen, preventClickEventBubbling, target?.props]\n  );\n\n  const handleClose = useCallback(() => {\n    if (typeof onBeforeClose === \"function\" && !onBeforeClose()) {\n      return;\n    }\n    setOpen(false);\n    typeof onClose === \"function\" && onClose();\n  }, [onClose, onBeforeClose]);\n\n  const childProps = {\n    forceClose: handleClose,\n  };\n\n  const targetProps = {\n    open,\n    ref: handleRef,\n    onClick: handleOpen,\n  };\n\n  return (\n    <>\n      {target && React.cloneElement(target, targetProps)}\n      {open ? (\n        <Window\n          onClose={handleClose}\n          disableScrollLock={!handleScroll}\n          disableFocusLock={disableFocusLock}\n          style={{\n            position: windowAbsolutelyPositioned ? \"absolute\" : \"fixed\",\n          }}\n          preventClickEventBubbling={preventClickEventBubbling}\n        >\n          <Overlay\n            className={backgroundElementClass}\n            onClick={handleClose}\n            tabIndex={-1}\n            disableBackgroundColor\n          />\n          <Popper\n            anchorEl={childNode}\n            open={childNode ? open : false}\n            placement={position}\n            className={popperClassName}\n            tabIndex={-1}\n          >\n            <StyledMenu\n              className={classnames(\n                \"c-simple-menu__paper\",\n                `c-simple-menu__${mode}`,\n                menuClassName,\n                className\n              )}\n              $mode={mode}\n              onMouseDown={onMenuClick}\n            >\n              <MenuContextProvider value={{ open, setOpen }}>\n                {typeof children === \"function\"\n                  ? children(childProps)\n                  : children}\n              </MenuContextProvider>\n            </StyledMenu>\n          </Popper>\n        </Window>\n      ) : null}\n    </>\n  );\n};\n\nMenu.displayName = \"Menu\";\n"],"file":"Menu.js"}
+{"version":3,"sources":["../../../../src/components/Menu/Menu.tsx"],"names":["Menu","children","disableFocusLock","onMenuClick","handleScroll","mode","open","defaultOpen","onOpen","onClose","onBeforeClose","position","target","className","menuClassName","popperClassName","backgroundElementClass","windowAbsolutelyPositioned","setOpen","childNode","setChildNode","elementRef","handleRefRef","ref","undefined","handleRef","handleOpen","event","preventDefault","stopPropagation","props","onClick","handleClose","childProps","forceClose","targetProps","React","cloneElement","displayName"],"mappings":"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","sourcesContent":["import React, {\n  useRef,\n  FC,\n  ReactNode,\n  MouseEvent,\n  useState,\n  useCallback,\n  useEffect,\n  ReactElement,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper } from \"../Popper\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\nimport { Placement } from \"@popperjs/core\";\nimport { MenuContextProvider } from \"./context\";\nimport { StyledMenu } from \"./Styles\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport type MenuMode = \"normal\" | \"wider\" | \"tiny\";\n\nexport interface IMenu {\n  /** Menu content */\n  children: ReactNode;\n  /** On menu element click */\n  onMenuClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** Handle scroll bar */\n  handleScroll?: boolean;\n  /** Disable Focus Lock */\n  disableFocusLock?: boolean;\n  /** Menu width mode */\n  mode?: MenuMode;\n  /** Should menu be open when it's mounted */\n  open?: boolean;\n  /** Callback triggered when modal has been opened */\n  onOpen?: () => void;\n  /** Callback triggered when modal has been closed */\n  onClose?: () => void;\n  /** Before close callback */\n  onBeforeClose?: () => boolean;\n  /** Position Menu */\n  position?: Placement;\n  /** Target element */\n  target?: ElementWithRef<Element>;\n  className?: string;\n  /** Menu classes */\n  menuClassName?: string;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n  backgroundElementClass?: string;\n  /** Should Window be positioned absolutely */\n  windowAbsolutelyPositioned?: boolean;\n}\n\nexport const Menu: FC<IMenu> = ({\n  children,\n  disableFocusLock = false,\n  onMenuClick,\n  handleScroll = true,\n  mode = \"normal\",\n  open: defaultOpen = false,\n  onOpen,\n  onClose,\n  onBeforeClose,\n  position = \"bottom-start\",\n  target,\n  className,\n  menuClassName,\n  popperClassName,\n  backgroundElementClass,\n  windowAbsolutelyPositioned = false,\n}) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const [childNode, setChildNode] = useState<Element | null>();\n  const elementRef = useRef<Element | null>(null);\n\n  useEffect(() => {\n    setOpen(defaultOpen);\n  }, [defaultOpen]);\n\n  const handleRefRef = useForkRef(\n    target ? target.ref : undefined,\n    setChildNode\n  );\n  const handleRef = useForkRef(handleRefRef, elementRef);\n\n  const handleOpen = useCallback(\n    (\n      event: Pick<MouseEvent<Element>, \"preventDefault\" | \"stopPropagation\">\n    ) => {\n      event?.preventDefault();\n      event?.stopPropagation();\n      setOpen(true);\n      typeof onOpen === \"function\" && onOpen();\n      typeof target?.props?.onClick === \"function\" &&\n        target.props.onClick(event);\n    },\n    [onOpen, target?.props]\n  );\n\n  const handleClose = useCallback(() => {\n    if (typeof onBeforeClose === \"function\" && !onBeforeClose()) {\n      return;\n    }\n    setOpen(false);\n    typeof onClose === \"function\" && onClose();\n  }, [onClose, onBeforeClose]);\n\n  const childProps = {\n    forceClose: handleClose,\n  };\n\n  const targetProps = {\n    open,\n    ref: handleRef,\n    onClick: handleOpen,\n  };\n\n  return (\n    <>\n      {target && React.cloneElement(target, targetProps)}\n      {open ? (\n        <Window\n          onClose={handleClose}\n          disableScrollLock={!handleScroll}\n          disableFocusLock={disableFocusLock}\n          style={{\n            position: windowAbsolutelyPositioned ? \"absolute\" : \"fixed\",\n          }}\n        >\n          <Overlay\n            className={backgroundElementClass}\n            onClick={handleClose}\n            tabIndex={-1}\n            disableBackgroundColor\n          />\n          <Popper\n            anchorEl={childNode}\n            open={childNode ? open : false}\n            placement={position}\n            className={popperClassName}\n            tabIndex={-1}\n          >\n            <StyledMenu\n              className={classnames(\n                \"c-simple-menu__paper\",\n                `c-simple-menu__${mode}`,\n                menuClassName,\n                className\n              )}\n              $mode={mode}\n              onMouseDown={onMenuClick}\n            >\n              <MenuContextProvider value={{ open, setOpen }}>\n                {typeof children === \"function\"\n                  ? children(childProps)\n                  : children}\n              </MenuContextProvider>\n            </StyledMenu>\n          </Popper>\n        </Window>\n      ) : null}\n    </>\n  );\n};\n\nMenu.displayName = \"Menu\";\n"],"file":"Menu.js"}

package/dist/cjs/components/Modal/Modal.js

@@ -17,7 +17,7 @@ var _createChainedFunction = _interopRequireDefault(require("../../utils/createC
 
 var _Overlay = require("../Overlay");
 
-var _excluded = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "preventClickEventBubbling", "open", "onClose"];
+var _excluded = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "open", "onClose"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -57,8 +57,6 @@ var Modal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       disableBackgroundClick = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
       _ref$disableBackgroun2 = _ref.disableBackgroundColor,
       disableBackgroundColor = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
-      _ref$preventClickEven = _ref.preventClickEventBubbling,
-      preventClickEventBubbling = _ref$preventClickEven === void 0 ? false : _ref$preventClickEven,
       _ref$open = _ref.open,
       defaultOpen = _ref$open === void 0 ? false : _ref$open,
       onClose = _ref.onClose,
@@ -124,8 +122,7 @@ var Modal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     ref: handleRef,
     onClose: handleClose,
     disableFocusLock: disableFocusLock,
-    disableScrollLock: disableScrollLock,
-    preventClickEventBubbling: preventClickEventBubbling
+    disableScrollLock: disableScrollLock
   }), open ? /*#__PURE__*/_react.default.createElement(_Overlay.Overlay, {
     onClick: handleBackgroundClick,
     disableBackgroundColor: disableBackgroundColor

package/dist/cjs/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Modal/Modal.tsx"],"names":["getHasTransition","children","props","Object","prototype","hasOwnProperty","call","Modal","ref","disableFocusLock","disableScrollLock","disableBackgroundClick","disableBackgroundColor","preventClickEventBubbling","open","defaultOpen","onClose","rest","setOpen","exited","setExited","innerRef","handleRef","hasTransition","handleClose","handleBackgroundClick","event","preventDefault","handleEnter","handleExited","childProps","onEnter","onExited","in","displayName"],"mappings":"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","sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  useRef,\n  cloneElement,\n  useMemo,\n  useCallback,\n  ReactElement,\n  useState,\n  useEffect,\n  MouseEvent,\n} from \"react\";\nimport { Window } from \"../Window\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport createChainedFunction from \"../../utils/createChainedFunction\";\nimport { Overlay } from \"../Overlay\";\n\ninterface IModal {\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  open?: boolean;\n  disableBackgroundClick?: boolean;\n  disableBackgroundColor?: boolean;\n  onClose?: () => void;\n  children: ReactElement;\n  preventClickEventBubbling?: boolean;\n}\n\nconst getHasTransition = (children): boolean => {\n  return children.props\n    ? Object.prototype.hasOwnProperty.call(children.props, \"in\")\n    : false;\n};\n\nexport const Modal = forwardRef<\n  HTMLDivElement,\n  IModal & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundClick = false,\n      disableBackgroundColor = false,\n      preventClickEventBubbling = false,\n      open: defaultOpen = false,\n      onClose,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n\n    const hasTransition = useMemo(() => {\n      return getHasTransition(children);\n    }, [children]);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n      if (!hasTransition) {\n        typeof onClose === \"function\" && onClose();\n      }\n    }, [hasTransition, onClose]);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          handleClose();\n        }\n      },\n      [disableBackgroundClick, handleClose]\n    );\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      typeof onClose === \"function\" && onClose();\n    }, [onClose]);\n\n    const childProps = useMemo(() => {\n      let props = {};\n\n      // It's a Transition like component\n      if (hasTransition && children) {\n        props = {\n          onEnter: createChainedFunction(handleEnter, children.props.onEnter),\n          onExited: createChainedFunction(\n            handleExited,\n            children.props.onExited\n          ),\n          in: open,\n        };\n      }\n\n      return props;\n    }, [children, handleEnter, handleExited, hasTransition, open]);\n\n    if (!open && (!hasTransition || exited)) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        ref={handleRef}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n        preventClickEventBubbling={preventClickEventBubbling}\n      >\n        {open ? (\n          <Overlay\n            onClick={handleBackgroundClick}\n            disableBackgroundColor={disableBackgroundColor}\n          />\n        ) : null}\n        {cloneElement(children, childProps)}\n      </Window>\n    );\n  }\n);\n\nModal.displayName = \"Modal\";\n"],"file":"Modal.js"}
+{"version":3,"sources":["../../../../src/components/Modal/Modal.tsx"],"names":["getHasTransition","children","props","Object","prototype","hasOwnProperty","call","Modal","ref","disableFocusLock","disableScrollLock","disableBackgroundClick","disableBackgroundColor","open","defaultOpen","onClose","rest","setOpen","exited","setExited","innerRef","handleRef","hasTransition","handleClose","handleBackgroundClick","event","preventDefault","handleEnter","handleExited","childProps","onEnter","onExited","in","displayName"],"mappings":"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","sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  useRef,\n  cloneElement,\n  useMemo,\n  useCallback,\n  ReactElement,\n  useState,\n  useEffect,\n  MouseEvent,\n} from \"react\";\nimport { Window } from \"../Window\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport createChainedFunction from \"../../utils/createChainedFunction\";\nimport { Overlay } from \"../Overlay\";\n\nexport interface IModal {\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  open?: boolean;\n  disableBackgroundClick?: boolean;\n  disableBackgroundColor?: boolean;\n  onClose?: () => void;\n  children: ReactElement;\n}\n\nconst getHasTransition = (children): boolean => {\n  return children.props\n    ? Object.prototype.hasOwnProperty.call(children.props, \"in\")\n    : false;\n};\n\nexport const Modal = forwardRef<\n  HTMLDivElement,\n  IModal & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundClick = false,\n      disableBackgroundColor = false,\n      open: defaultOpen = false,\n      onClose,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n\n    const hasTransition = useMemo(() => {\n      return getHasTransition(children);\n    }, [children]);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n      if (!hasTransition) {\n        typeof onClose === \"function\" && onClose();\n      }\n    }, [hasTransition, onClose]);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          handleClose();\n        }\n      },\n      [disableBackgroundClick, handleClose]\n    );\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      typeof onClose === \"function\" && onClose();\n    }, [onClose]);\n\n    const childProps = useMemo(() => {\n      let props = {};\n\n      // It's a Transition like component\n      if (hasTransition && children) {\n        props = {\n          onEnter: createChainedFunction(handleEnter, children.props.onEnter),\n          onExited: createChainedFunction(\n            handleExited,\n            children.props.onExited\n          ),\n          in: open,\n        };\n      }\n\n      return props;\n    }, [children, handleEnter, handleExited, hasTransition, open]);\n\n    if (!open && (!hasTransition || exited)) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        ref={handleRef}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n      >\n        {open ? (\n          <Overlay\n            onClick={handleBackgroundClick}\n            disableBackgroundColor={disableBackgroundColor}\n          />\n        ) : null}\n        {cloneElement(children, childProps)}\n      </Window>\n    );\n  }\n);\n\nModal.displayName = \"Modal\";\n"],"file":"Modal.js"}

package/dist/cjs/components/Sheet/Sheet.js

@@ -21,7 +21,7 @@ var _Styles = require("./Styles");
 
 var _Overlay = require("../Overlay");
 
-var _excluded = ["children", "onClose", "controls", "open", "animation", "position", "mode", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick", "preventClickEventBubbling"];
+var _excluded = ["children", "onClose", "controls", "open", "animation", "position", "mode", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -70,8 +70,6 @@ var Sheet = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       bodyClassName = _ref.bodyClassName,
       _ref$disableBackgroun2 = _ref.disableBackgroundClick,
       disableBackgroundClick = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
-      _ref$preventClickEven = _ref.preventClickEventBubbling,
-      preventClickEventBubbling = _ref$preventClickEven === void 0 ? false : _ref$preventClickEven,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = (0, _react.useState)(defaultOpen),
@@ -114,8 +112,7 @@ var Sheet = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     ref: handleRef,
     onClose: handleClose,
     disableFocusLock: disableFocusLock,
-    disableScrollLock: disableScrollLock,
-    preventClickEventBubbling: preventClickEventBubbling
+    disableScrollLock: disableScrollLock
   }), open ? /*#__PURE__*/_react.default.createElement(_Overlay.Overlay, {
     onClick: handleBackgroundClick,
     disableBackgroundColor: disableBackgroundColor

package/dist/cjs/components/Sheet/Sheet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Sheet/Sheet.tsx"],"names":["Sheet","ref","children","onClose","controls","open","defaultOpen","animation","position","mode","disableFocusLock","disableScrollLock","disableBackgroundColor","bodyStyle","bodyClassName","disableBackgroundClick","preventClickEventBubbling","rest","setOpen","exited","setExited","innerRef","handleRef","handleEnter","handleExited","handleClose","handleBackgroundClick","event","preventDefault","length","map","item","index","maxDurationIn","maxDurationOut","control","durationOut","durationIn","state","displayName"],"mappings":";;;;;;;;;AAAA;;AAYA;;AACA;;AACA;;AACA;;AACA;;AAOA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,IAAMA,KAAK,gBAAG,uBAInB,gBAkBEC,GAlBF,EAmBK;AAAA,MAjBDC,QAiBC,QAjBDA,QAiBC;AAAA,MAhBDC,OAgBC,QAhBDA,OAgBC;AAAA,2BAfDC,QAeC;AAAA,MAfDA,QAeC,8BAfU,EAeV;AAAA,uBAdDC,IAcC;AAAA,MAdKC,WAcL,0BAdmB,KAcnB;AAAA,4BAbDC,SAaC;AAAA,MAbDA,SAaC,+BAbW,KAaX;AAAA,2BAZDC,QAYC;AAAA,MAZDA,QAYC,8BAZU,QAYV;AAAA,uBAXDC,IAWC;AAAA,MAXDA,IAWC,0BAXM,QAWN;AAAA,mCAVDC,gBAUC;AAAA,MAVDA,gBAUC,sCAVkB,KAUlB;AAAA,mCATDC,iBASC;AAAA,MATDA,iBASC,sCATmB,KASnB;AAAA,mCARDC,sBAQC;AAAA,MARDA,sBAQC,sCARwB,KAQxB;AAAA,MAPDC,SAOC,QAPDA,SAOC;AAAA,MANDC,aAMC,QANDA,aAMC;AAAA,oCALDC,sBAKC;AAAA,MALDA,sBAKC,uCALwB,KAKxB;AAAA,mCAJDC,yBAIC;AAAA,MAJDA,yBAIC,sCAJ2B,KAI3B;AAAA,MAHEC,IAGF;;AACH,kBAAwB,qBAASX,WAAT,CAAxB;AAAA;AAAA,MAAOD,IAAP;AAAA,MAAaa,OAAb;;AACA,mBAA4B,qBAAS,IAAT,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,MAAMC,QAAQ,GAAG,mBAAuB,IAAvB,CAAjB;AAEA,MAAMC,SAAS,GAAG,yBAAWD,QAAX,EAAqBpB,GAArB,CAAlB;AAEA,wBAAU,YAAM;AACdiB,IAAAA,OAAO,CAACZ,WAAD,CAAP;AACD,GAFD,EAEG,CAACA,WAAD,CAFH;AAIA,MAAMiB,WAAW,GAAG,wBAAY,YAAM;AACpCH,IAAAA,SAAS,CAAC,KAAD,CAAT;AACD,GAFmB,EAEjB,EAFiB,CAApB;AAIA,MAAMI,YAAY,GAAG,wBAAY,YAAM;AACrCJ,IAAAA,SAAS,CAAC,IAAD,CAAT;AACA,WAAOjB,OAAP,KAAmB,UAAnB,IAAiCA,OAAO,EAAxC;AACD,GAHoB,EAGlB,CAACA,OAAD,CAHkB,CAArB;AAKA,MAAMsB,WAAW,GAAG,wBAAY,YAAM;AACpCP,IAAAA,OAAO,CAAC,KAAD,CAAP;AACD,GAFmB,EAEjB,EAFiB,CAApB;AAIA,MAAMQ,qBAAqB,GAAG,wBAC5B,UAACC,KAAD,EAAuC;AACrC,QAAI,CAACZ,sBAAL,EAA6B;AAC3BY,MAAAA,KAAK,CAACC,cAAN;AACAH,MAAAA,WAAW;AACZ;AACF,GAN2B,EAO5B,CAACV,sBAAD,EAAyBU,WAAzB,CAP4B,CAA9B;;AAUA,MAAI,CAACpB,IAAD,IAASc,MAAb,EAAqB;AACnB,WAAO,IAAP;AACD;;AAED,sBACE,6BAAC,cAAD,eACMF,IADN;AAEE,IAAA,GAAG,EAAEK,SAFP;AAGE,IAAA,OAAO,EAAEG,WAHX;AAIE,IAAA,gBAAgB,EAAEf,gBAJpB;AAKE,IAAA,iBAAiB,EAAEC,iBALrB;AAME,IAAA,yBAAyB,EAAEK;AAN7B,MAQGX,IAAI,gBACH,6BAAC,gBAAD;AACE,IAAA,OAAO,EAAEqB,qBADX;AAEE,IAAA,sBAAsB,EAAEd;AAF1B,IADG,GAKD,IAbN,eAcE,6BAAC,0BAAD;AACE,IAAA,SAAS,EAAE,yBAAW,kBAAX,EAA+BE,aAA/B,CADb;AAEE,IAAA,KAAK,EAAED,SAFT;AAGE,IAAA,SAAS,EAAEL,QAHb;AAIE,IAAA,KAAK,EAAEC;AAJT,KAMGL,QAAQ,CAACyB,MAAT,gBACC,6BAAC,wBAAD,QACGzB,QAAQ,CAAC0B,GAAT,CAAa,UAACC,IAAD,EAAOC,KAAP,EAAiB;AAC7B,QAAMC,aAAa,GAAG,CAAtB,CAD6B,CACJ;;AACzB,QAAMC,cAAc,GAAG,CAAvB,CAF6B,CAEH;;AAC1B,QAAMC,OAAO,GAAGH,KAAK,GAAG,CAAxB;AACA,QAAMI,WAAW,GACfhC,QAAQ,CAACyB,MAAT,GAAkBK,cAAlB,GACIA,cADJ,GAEIA,cAAc,GAAGC,OAHvB;AAIA,QAAME,UAAU,GAAGF,OAAO,IAAIF,aAAX,GAA2B,CAA3B,GAA+BE,OAAlD;AACA,wBACE,6BAAC,gCAAD;AACE,MAAA,MAAM,MADR;AAEE,MAAA,EAAE,EAAE9B,IAFN;AAGE,MAAA,OAAO,EAAE4B,aAAa,GAAG,GAH3B;AAIE,MAAA,GAAG,4BAAqBD,KAArB;AAJL,OAMG,UAACM,KAAD;AAAA,0BACC,6BAAC,0BAAD;AACE,QAAA,MAAM,EAAEA,KADV;AAEE,QAAA,KAAK,EAAE7B,IAFT;AAGE,QAAA,cAAc,EAAEwB,aAAa,GAAG,EAHlC;AAIE,QAAA,eAAe,EAAEC,cAAc,GAAG,EAJpC;AAKE,QAAA,YAAY,EAAEE,WAAW,GAAG,EAL9B;AAME,QAAA,WAAW,EAAEC,UAAU,GAAG;AAN5B,SAQGN,IARH,CADD;AAAA,KANH,CADF;AAqBD,GA9BA,CADH,CADD,GAkCG,IAxCN,eAyCE,6BAAC,2BAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAE1B,IAFN;AAGE,IAAA,OAAO,EAAE,GAHX;AAIE,IAAA,UAAU,EAAE,oBAJd;AAKE,IAAA,UAAU,EAAEE,SALd;AAME,IAAA,OAAO,EAAEgB,WANX;AAOE,IAAA,QAAQ,EAAEC;AAPZ,kBASE,6BAAC,+BAAD;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGtB,QADH,CATF,CAzCF,CAdF,CADF;AAwED,CArIkB,CAAd;;AAwIPF,KAAK,CAACuC,WAAN,GAAoB,OAApB","sourcesContent":["import React, {\n  useRef,\n  useCallback,\n  useEffect,\n  forwardRef,\n  HTMLAttributes,\n  useState,\n  CSSProperties,\n  ReactElement,\n  MouseEvent,\n} from \"react\";\n\nimport { Transition } from \"react-transition-group\";\nimport { Window } from \"../Window\";\nimport classnames from \"classnames\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport {\n  StyledAnimatedSpan,\n  StyledCssTransition,\n  StyledSheetIcons,\n  StyledSheetWrapper,\n  StyledSheetWrapperPaper,\n} from \"./Styles\";\nimport { Overlay } from \"../Overlay\";\n\ninterface ISheet {\n  onClose?: () => void;\n  controls?: JSX.Element[];\n  open?: boolean;\n  animation?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  position?: \"center\" | \"left\" | \"right\";\n  mode?: \"normal\" | \"stretch\";\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  disableBackgroundColor?: boolean;\n  bodyStyle?: CSSProperties;\n  bodyClassName?: string;\n  disableBackgroundClick?: boolean;\n  preventClickEventBubbling?: boolean;\n}\n\nexport const Sheet = forwardRef<\n  HTMLDivElement,\n  ISheet & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      onClose,\n      controls = [],\n      open: defaultOpen = false,\n      animation = \"top\",\n      position = \"center\",\n      mode = \"normal\",\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundColor = false,\n      bodyStyle,\n      bodyClassName,\n      disableBackgroundClick = false,\n      preventClickEventBubbling = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n    const innerRef = useRef<HTMLDivElement>(null);\n\n    const handleRef = useForkRef(innerRef, ref);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      typeof onClose === \"function\" && onClose();\n    }, [onClose]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n    }, []);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          handleClose();\n        }\n      },\n      [disableBackgroundClick, handleClose]\n    );\n\n    if (!open && exited) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        ref={handleRef}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n        preventClickEventBubbling={preventClickEventBubbling}\n      >\n        {open ? (\n          <Overlay\n            onClick={handleBackgroundClick}\n            disableBackgroundColor={disableBackgroundColor}\n          />\n        ) : null}\n        <StyledSheetWrapper\n          className={classnames(\"c-sheet__wrapper\", bodyClassName)}\n          style={bodyStyle}\n          $position={position}\n          $mode={mode}\n        >\n          {controls.length ? (\n            <StyledSheetIcons>\n              {controls.map((item, index) => {\n                const maxDurationIn = 4; // max duration 4 for 400ms, shorten .4s\n                const maxDurationOut = 2; // max duration 2 for 200ms, shorten .2s\n                const control = index + 1;\n                const durationOut =\n                  controls.length > maxDurationOut\n                    ? maxDurationOut\n                    : maxDurationOut - control;\n                const durationIn = control >= maxDurationIn ? 1 : control;\n                return (\n                  <Transition\n                    appear\n                    in={open}\n                    timeout={maxDurationIn * 100}\n                    key={`c-sheet-control-${index}`}\n                  >\n                    {(state): ReactElement => (\n                      <StyledAnimatedSpan\n                        $state={state}\n                        $mode={mode}\n                        $maxDurationIn={maxDurationIn / 10}\n                        $maxDurationOut={maxDurationOut / 10}\n                        $durationOut={durationOut / 10}\n                        $durationIn={durationIn / 10}\n                      >\n                        {item}\n                      </StyledAnimatedSpan>\n                    )}\n                  </Transition>\n                );\n              })}\n            </StyledSheetIcons>\n          ) : null}\n          <StyledCssTransition\n            appear\n            in={open}\n            timeout={400}\n            classNames={\"c-sheet__animation\"}\n            $direction={animation}\n            onEnter={handleEnter}\n            onExited={handleExited}\n          >\n            <StyledSheetWrapperPaper className=\"c-sheet__wrapper__paper\">\n              {children}\n            </StyledSheetWrapperPaper>\n          </StyledCssTransition>\n        </StyledSheetWrapper>\n      </Window>\n    );\n  }\n);\n\nSheet.displayName = \"Sheet\";\n"],"file":"Sheet.js"}
+{"version":3,"sources":["../../../../src/components/Sheet/Sheet.tsx"],"names":["Sheet","ref","children","onClose","controls","open","defaultOpen","animation","position","mode","disableFocusLock","disableScrollLock","disableBackgroundColor","bodyStyle","bodyClassName","disableBackgroundClick","rest","setOpen","exited","setExited","innerRef","handleRef","handleEnter","handleExited","handleClose","handleBackgroundClick","event","preventDefault","length","map","item","index","maxDurationIn","maxDurationOut","control","durationOut","durationIn","state","displayName"],"mappings":"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","sourcesContent":["import React, {\n  useRef,\n  useCallback,\n  useEffect,\n  forwardRef,\n  HTMLAttributes,\n  useState,\n  CSSProperties,\n  ReactElement,\n  MouseEvent,\n} from \"react\";\n\nimport { Transition } from \"react-transition-group\";\nimport { Window } from \"../Window\";\nimport classnames from \"classnames\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport {\n  StyledAnimatedSpan,\n  StyledCssTransition,\n  StyledSheetIcons,\n  StyledSheetWrapper,\n  StyledSheetWrapperPaper,\n} from \"./Styles\";\nimport { Overlay } from \"../Overlay\";\n\ninterface ISheet {\n  onClose?: () => void;\n  controls?: JSX.Element[];\n  open?: boolean;\n  animation?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  position?: \"center\" | \"left\" | \"right\";\n  mode?: \"normal\" | \"stretch\";\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  disableBackgroundColor?: boolean;\n  bodyStyle?: CSSProperties;\n  bodyClassName?: string;\n  disableBackgroundClick?: boolean;\n}\n\nexport const Sheet = forwardRef<\n  HTMLDivElement,\n  ISheet & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      onClose,\n      controls = [],\n      open: defaultOpen = false,\n      animation = \"top\",\n      position = \"center\",\n      mode = \"normal\",\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundColor = false,\n      bodyStyle,\n      bodyClassName,\n      disableBackgroundClick = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n    const innerRef = useRef<HTMLDivElement>(null);\n\n    const handleRef = useForkRef(innerRef, ref);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      typeof onClose === \"function\" && onClose();\n    }, [onClose]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n    }, []);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          handleClose();\n        }\n      },\n      [disableBackgroundClick, handleClose]\n    );\n\n    if (!open && exited) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        ref={handleRef}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n      >\n        {open ? (\n          <Overlay\n            onClick={handleBackgroundClick}\n            disableBackgroundColor={disableBackgroundColor}\n          />\n        ) : null}\n        <StyledSheetWrapper\n          className={classnames(\"c-sheet__wrapper\", bodyClassName)}\n          style={bodyStyle}\n          $position={position}\n          $mode={mode}\n        >\n          {controls.length ? (\n            <StyledSheetIcons>\n              {controls.map((item, index) => {\n                const maxDurationIn = 4; // max duration 4 for 400ms, shorten .4s\n                const maxDurationOut = 2; // max duration 2 for 200ms, shorten .2s\n                const control = index + 1;\n                const durationOut =\n                  controls.length > maxDurationOut\n                    ? maxDurationOut\n                    : maxDurationOut - control;\n                const durationIn = control >= maxDurationIn ? 1 : control;\n                return (\n                  <Transition\n                    appear\n                    in={open}\n                    timeout={maxDurationIn * 100}\n                    key={`c-sheet-control-${index}`}\n                  >\n                    {(state): ReactElement => (\n                      <StyledAnimatedSpan\n                        $state={state}\n                        $mode={mode}\n                        $maxDurationIn={maxDurationIn / 10}\n                        $maxDurationOut={maxDurationOut / 10}\n                        $durationOut={durationOut / 10}\n                        $durationIn={durationIn / 10}\n                      >\n                        {item}\n                      </StyledAnimatedSpan>\n                    )}\n                  </Transition>\n                );\n              })}\n            </StyledSheetIcons>\n          ) : null}\n          <StyledCssTransition\n            appear\n            in={open}\n            timeout={400}\n            classNames={\"c-sheet__animation\"}\n            $direction={animation}\n            onEnter={handleEnter}\n            onExited={handleExited}\n          >\n            <StyledSheetWrapperPaper className=\"c-sheet__wrapper__paper\">\n              {children}\n            </StyledSheetWrapperPaper>\n          </StyledCssTransition>\n        </StyledSheetWrapper>\n      </Window>\n    );\n  }\n);\n\nSheet.displayName = \"Sheet\";\n"],"file":"Sheet.js"}