@digigov/ui 0.28.1 → 0.28.3

package/esm/utils/Kitchensink/KitchensinkByCategory.js

@@ -0,0 +1,42 @@
+import React from "react";
+import Heading from "@digigov/react-core/Heading";
+import { KitchensinkByLetter } from "@digigov/ui/utils/Kitchensink/KitchensinkByLetter";
+export var KitchensinkByCategory = function KitchensinkByCategory(_ref) {
+  var category = _ref.category,
+      stories = _ref.stories;
+  var alphabeticalOrder = Object.keys(stories).reduce(function (abStories, componentStoriesKey) {
+    var componentStories = stories[componentStoriesKey];
+
+    if (!componentStories["default"].component) {
+      throw new Error("no component was found in ".concat(componentStoriesKey));
+    }
+
+    var name = componentStories["default"].displayName;
+    console.log("componentStories", componentStories, "stories", stories);
+
+    if (!name) {
+      throw new Error("no name was found for ".concat(componentStoriesKey));
+    }
+
+    var letter = name[0];
+
+    if (abStories[letter]) {
+      abStories[letter].push(componentStories);
+    } else {
+      abStories[letter] = [componentStories];
+    }
+
+    return abStories;
+  }, {});
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Heading, {
+    className: "govgr-kitchensink-category__heading"
+  }, category), /*#__PURE__*/React.createElement("div", {
+    className: "govgr-kitchensink-category"
+  }, Object.keys(alphabeticalOrder).sort().map(function (letter, index) {
+    return /*#__PURE__*/React.createElement(KitchensinkByLetter, {
+      letter: letter,
+      stories: alphabeticalOrder[letter],
+      key: index
+    });
+  })));
+};

package/esm/utils/Kitchensink/KitchensinkByLetter.js

@@ -0,0 +1,20 @@
+import React from "react";
+import Heading from "@digigov/react-core/Heading";
+import { KitchensinkComponent } from "@digigov/ui/utils/Kitchensink/KitchensinkComponent";
+export var KitchensinkByLetter = function KitchensinkByLetter(_ref) {
+  var letter = _ref.letter,
+      stories = _ref.stories;
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, null, letter), /*#__PURE__*/React.createElement("div", {
+    className: "govgr-kitchensink-letter-content"
+  }, stories.map(function (story, index) {
+    return /*#__PURE__*/React.createElement(KitchensinkComponent, {
+      tags: story["default"].tags,
+      title: story["default"].displayName,
+      description: story["default"].description,
+      link: story["default"].link,
+      width: story["default"].defaultWidth,
+      stories: story,
+      key: index
+    });
+  })));
+};

package/esm/utils/Kitchensink/KitchensinkComponent.js

@@ -0,0 +1,51 @@
+import React from "react";
+import clsx from "clsx";
+import Heading from "@digigov/ui/typography/Heading";
+import Link from "@digigov/ui/core/Link";
+import SectionBreak from "@digigov/ui/core/SectionBreak";
+import { Card, ServiceBadge } from "@digigov/ui/core";
+import { Paragraph } from "@digigov/ui/typography";
+
+var _ref2 = /*#__PURE__*/React.createElement(SectionBreak, null);
+
+var _ref3 = /*#__PURE__*/React.createElement(SectionBreak, null);
+
+export var KitchensinkComponent = function KitchensinkComponent(_ref) {
+  var _ref$tags = _ref.tags,
+      tags = _ref$tags === void 0 ? [] : _ref$tags,
+      title = _ref.title,
+      description = _ref.description,
+      link = _ref.link,
+      stories = _ref.stories,
+      _ref$width = _ref.width,
+      width = _ref$width === void 0 ? "m" : _ref$width;
+  return /*#__PURE__*/React.createElement("div", {
+    className: clsx(width === 'l' && 'govgr-kitchensink-content-wide', true && "govgr-kitchensink-content")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "govgr-kitchensink-content__info"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "govgr-firma-tags"
+  }, tags && tags.map(function (tag, index) {
+    return /*#__PURE__*/React.createElement(ServiceBadge, {
+      label: tag,
+      key: index
+    });
+  })), /*#__PURE__*/React.createElement(Heading, {
+    size: "l"
+  }, title), /*#__PURE__*/React.createElement(Paragraph, null, description), link && /*#__PURE__*/React.createElement(Link, {
+    href: link
+  }, "View on GOV.GR Design System"), _ref2), Object.keys(stories).filter(function (story) {
+    return story !== "default";
+  }).map(function (story, index) {
+    var Component = stories[story];
+    return /*#__PURE__*/React.createElement("div", {
+      key: index
+    }, _ref3, /*#__PURE__*/React.createElement(Heading, {
+      size: "s"
+    }, story), /*#__PURE__*/React.createElement(Card, {
+      variant: "border",
+      borderColor: "gray",
+      className: "govgr-kitchensink-card"
+    }, /*#__PURE__*/React.createElement(Component, null)));
+  }));
+};

package/esm/utils/Kitchensink/KitchensinkDashboard.js

@@ -0,0 +1,50 @@
+import Paragraph from "@digigov/react-core/Paragraph";
+import React from "react";
+import { KitchensinkByCategory } from "./KitchensinkByCategory";
+
+var _ref2 = /*#__PURE__*/React.createElement(Paragraph, {
+  fontSize: "72",
+  fontWeight: "bold"
+}, "Components");
+
+export var KitchensinkDashboard = function KitchensinkDashboard(_ref) {
+  var stories = _ref.stories;
+  var categoryOrder = Object.keys(stories).reduce(function (catStories, componentStoriesKey) {
+    var componentStories = stories[componentStoriesKey];
+
+    if (componentStories["default"].ignore) {
+      return catStories;
+    }
+
+    if (!componentStories["default"].component) {
+      throw new Error("no component was found in ".concat(componentStoriesKey));
+    }
+
+    var title = componentStories["default"].title.split("/")[1];
+
+    if (!title) {
+      throw new Error("no title was found for ".concat(componentStoriesKey));
+    }
+
+    var category = title;
+
+    if (catStories[category]) {
+      catStories[category].push(componentStories);
+    } else {
+      catStories[category] = [componentStories];
+    }
+
+    return catStories;
+  }, {});
+  return /*#__PURE__*/React.createElement("div", null, _ref2, /*#__PURE__*/React.createElement("div", {
+    className: "govgr-kitchensink-all-components"
+  }, Object.keys(categoryOrder).sort(function (a, b) {
+    return a > b ? -1 : 1;
+  }).map(function (category, index) {
+    return /*#__PURE__*/React.createElement(KitchensinkByCategory, {
+      category: category,
+      stories: categoryOrder[category],
+      key: index
+    });
+  })));
+};

package/esm/utils/withDeprecation.js

@@ -31,16 +31,26 @@ var DigigovError = /*#__PURE__*/function (_Error) {
   return _createClass(DigigovError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-var loggedDeprecations = new Set();
+var loggedDeprecations = [];
+
+var warnOnce = function warnOnce(name, message) {
+  if (loggedDeprecations.includes(name)) {
+    return;
+  } else {
+    loggedDeprecations.push(name);
+  }
+
+  console.warn(message);
+};
 
 var handleErrorWarning = function handleErrorWarning(componentName, name, _ref, type) {
   var error = _ref.error,
       warning = _ref.warning;
 
   if (warning === true) {
-    console.warn("\u26A0\uFE0F  ".concat(componentName, ": ").concat(name, " ").concat(type, " will be deprecated."));
+    warnOnce(componentName, "\u26A0\uFE0F  ".concat(componentName, ": ").concat(name, " ").concat(type, " will be deprecated."));
   } else if (typeof warning === 'string') {
-    console.warn(warning);
+    warnOnce(componentName, warning);
   }
 
   if (error === true) {
@@ -55,19 +65,12 @@ export default function withDeprecation(Component, deprecations) {
 
   var componentName = // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
-  deprecations.name || Component.name || (Component === null || Component === void 0 ? void 0 : (_Component$render = Component.render) === null || _Component$render === void 0 ? void 0 : _Component$render.name);
-
-  if (loggedDeprecations.has(componentName)) {
-    return Component;
-  } else {
-    loggedDeprecations.add(componentName);
-  } // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  deprecations.name || Component.name || (Component === null || Component === void 0 ? void 0 : (_Component$render = Component.render) === null || _Component$render === void 0 ? void 0 : _Component$render.name); // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
 
-
   return function withDeprecationComponent(props) {
     if (deprecations.rename) {
-      console.warn("\u267B\uFE0F  ".concat(componentName, " is renamed to ").concat(deprecations.rename, "\n"));
+      warnOnce(componentName, "\u267B\uFE0F  ".concat(componentName, " is renamed to ").concat(deprecations.rename, "\n"));
     }
 
     handleErrorWarning(componentName, componentName, deprecations, 'component');

package/govgr/Footer/Copyright.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import CopyrightContainer from '@digigov/react-core/CopyrightContainer';
 export declare const getCopyright: () => string;
 export interface CopyrightProps {
     copyright?: string;
@@ -6,4 +7,5 @@ export interface CopyrightProps {
     minDigitalCopyright?: boolean;
 }
 export declare const Copyright: React.FC<CopyrightProps>;
+export { CopyrightContainer };
 export default Copyright;

package/govgr/Footer/Copyright.js

@@ -5,11 +5,18 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCopyright = exports["default"] = exports.Copyright = void 0;
+exports.Copyright = void 0;
+Object.defineProperty(exports, "CopyrightContainer", {
+  enumerable: true,
+  get: function get() {
+    return _CopyrightContainer["default"];
+  }
+});
+exports.getCopyright = exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Copyright = _interopRequireDefault(require("@digigov/react-core/Copyright"));
+var _CopyrightContainer = _interopRequireDefault(require("@digigov/react-core/CopyrightContainer"));
 
 var _app = require("@digigov/ui/app");
 
@@ -38,7 +45,7 @@ var Copyright = function Copyright(_ref) {
     url: 'https://grnet.gr',
     label: t('footer.grnet')
   };
-  return /*#__PURE__*/_react["default"].createElement(_Copyright["default"], null, children ? children : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, copyright, createdBy || /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, t('footer.created_by'), ' ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_CopyrightContainer["default"], null, children ? children : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, copyright, createdBy || /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, t('footer.created_by'), ' ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
     href: copyrightInfo.url,
     target: "_blank",
     rel: "noopener noreferrer"

package/govgr/Footer/index.mdx

@@ -95,3 +95,7 @@ import { Feedback } from '@digigov/ui/govgr/Footer';
   <GovGRFooter />
 </Bottom>
 ```
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="Footer" />

package/index.d.ts

@@ -3,3 +3,4 @@ export * from '@digigov/ui/layouts';
 export * from '@digigov/ui/typography';
 export * from '@digigov/ui/app';
 export * from '@digigov/ui/govgr';
+export * from '@digigov/ui/admin';

package/index.js

@@ -67,4 +67,17 @@ Object.keys(_govgr).forEach(function (key) {
       return _govgr[key];
     }
   });
+});
+
+var _admin = require("@digigov/ui/admin");
+
+Object.keys(_admin).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _admin[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _admin[key];
+    }
+  });
 });

package/layouts/Basic/Basic.stories.d.ts

@@ -1,6 +1,8 @@
 declare namespace _default {
     export const title: string;
+    export const defaultWidth: string;
     export { Basic as component };
+    export const displayName: string;
 }
 export default _default;
 export * from "./__stories__/Default";

package/layouts/Basic/Basic.stories.js

@@ -55,6 +55,8 @@ Object.keys(_MultipleRowsLayout).forEach(function (key) {
 /* eslint-disable digigov/no-relative-imports */
 var _default = {
   title: 'Digigov UI/layouts/Basic',
-  component: _Basic["default"]
+  defaultWidth: 'l',
+  component: _Basic["default"],
+  displayName: 'Basic'
 };
 exports["default"] = _default;

package/layouts/Basic/Bottom/index.d.ts

@@ -1,3 +1,3 @@
+export * from '@digigov/react-core/Bottom';
 import Bottom from '@digigov/react-core/Bottom';
-export { Bottom };
 export default Bottom;

package/layouts/Basic/Bottom/index.js

@@ -1,19 +1,30 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Bottom", {
-  enumerable: true,
-  get: function get() {
-    return _Bottom["default"];
-  }
-});
+var _exportNames = {};
 exports["default"] = void 0;
 
-var _Bottom = _interopRequireDefault(require("@digigov/react-core/Bottom"));
+var _Bottom = _interopRequireWildcard(require("@digigov/react-core/Bottom"));
+
+Object.keys(_Bottom).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Bottom[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Bottom[key];
+    }
+  });
+});
+
+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; }
 
 var _default = _Bottom["default"];
 exports["default"] = _default;

package/layouts/Basic/Bottom/index.mdx

@@ -34,3 +34,7 @@ Use the Bottom component in order to wrap the Footer's components.
 ### Properties
 
 <PropsDoc data={Bottom.__doc__} />
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="Bottom" />

package/layouts/Basic/Content/index.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
-import { ContainerProps as CoreContainerProps } from '@digigov/react-core/Container';
 import Container from '@digigov/react-core/Container';
-export declare type ContainerProps = CoreContainerProps;
-export declare const Content: import("react").ForwardRefExoticComponent<Pick<CoreContainerProps, "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "cols" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "fullWidth"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Content: import("react").ForwardRefExoticComponent<Pick<import("@digigov/react-core/Container").ContainerProps, "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "cols" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "fullWidth"> & import("react").RefAttributes<HTMLDivElement>>;
 export default Content;
 export { Container };

package/layouts/Basic/Main/index.d.ts

@@ -1,3 +1,3 @@
+export * from '@digigov/react-core/Main';
 import Main from '@digigov/react-core/Main';
-export { Main };
 export default Main;

package/layouts/Basic/Main/index.js

@@ -1,19 +1,30 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Main", {
-  enumerable: true,
-  get: function get() {
-    return _Main["default"];
-  }
-});
+var _exportNames = {};
 exports["default"] = void 0;
 
-var _Main = _interopRequireDefault(require("@digigov/react-core/Main"));
+var _Main = _interopRequireWildcard(require("@digigov/react-core/Main"));
+
+Object.keys(_Main).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Main[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Main[key];
+    }
+  });
+});
+
+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; }
 
 var _default = _Main["default"];
 exports["default"] = _default;

package/layouts/Basic/Main/index.mdx

@@ -50,3 +50,7 @@ export Main
 
 The Main component is used to include tha main information of the page,
 spanning two-thirds of the page width.
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="Main" />

package/layouts/Basic/Masthead/index.d.ts

@@ -1,4 +1,4 @@
+export * from '@digigov/react-core/Masthead';
+export * from '@digigov/react-core/MastheadBody';
 import Masthead from '@digigov/react-core/Masthead';
-import MastheadBody from '@digigov/react-core/MastheadBody';
-export { Masthead, MastheadBody };
 export default Masthead;

package/layouts/Basic/Masthead/index.js

@@ -1,27 +1,44 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Masthead", {
-  enumerable: true,
-  get: function get() {
-    return _Masthead["default"];
-  }
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _Masthead = _interopRequireWildcard(require("@digigov/react-core/Masthead"));
+
+Object.keys(_Masthead).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Masthead[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Masthead[key];
+    }
+  });
 });
-Object.defineProperty(exports, "MastheadBody", {
-  enumerable: true,
-  get: function get() {
-    return _MastheadBody["default"];
-  }
+
+var _MastheadBody = require("@digigov/react-core/MastheadBody");
+
+Object.keys(_MastheadBody).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _MastheadBody[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MastheadBody[key];
+    }
+  });
 });
-exports["default"] = void 0;
 
-var _Masthead = _interopRequireDefault(require("@digigov/react-core/Masthead"));
+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); }
 
-var _MastheadBody = _interopRequireDefault(require("@digigov/react-core/MastheadBody"));
+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; }
 
 var _default = _Masthead["default"];
 exports["default"] = _default;

package/layouts/Basic/Masthead/index.mdx

@@ -57,3 +57,7 @@ export Masthead
 ## How it works
 
 The Masthead component is a set of features or layout that marks the page and delivers identifying information to web users.
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="Masthead" />

package/layouts/Basic/Top/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Top: import("react").ForwardRefExoticComponent<Pick<import("@digigov/react-core/Top").TopProps, "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden"> & import("react").RefAttributes<HTMLDivElement>>;
+export * from '@digigov/react-core/Top';
+import Top from '@digigov/react-core/Top';
 export default Top;

package/layouts/Basic/Top/index.js

@@ -1,24 +1,30 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Top = void 0;
+var _exportNames = {};
+exports["default"] = void 0;
 
-var _Top = _interopRequireDefault(require("@digigov/react-core/Top"));
+var _Top = _interopRequireWildcard(require("@digigov/react-core/Top"));
 
-var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
-
-var Top = (0, _withDeprecation["default"])(_Top["default"], {
-  name: 'Top',
-  props: {
-    dense: {
-      error: true
+Object.keys(_Top).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Top[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Top[key];
     }
-  }
+  });
 });
-exports.Top = Top;
-var _default = Top;
+
+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; }
+
+var _default = _Top["default"];
 exports["default"] = _default;

package/layouts/Basic/Top/index.mdx

@@ -58,3 +58,7 @@ export Top
 ## How it works
 
 The Top component is used to group the Header components.
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="Top" />