@digigov/ui 0.28.1 → 0.28.3

package/typography/Hint/Hint.stories.d.ts

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

package/typography/Hint/Hint.stories.js

@@ -39,6 +39,7 @@ Object.keys(_FontSizes).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov UI/typography/Hint',
-  component: _Hint["default"]
+  component: _Hint["default"],
+  displayName: 'Hint'
 };
 exports["default"] = _default;

package/typography/Hint/index.mdx

@@ -13,4 +13,7 @@ import Hint from '@digigov/ui/typography/Hint';
 
 ### Font sizes
 
-<Story packageName="@digigov/ui" component="typography/Hint" story="FontSizes.tsx" />
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="Hint" />

package/typography/NormalText/NormalText.stories.d.ts

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

package/typography/NormalText/NormalText.stories.js

@@ -67,6 +67,7 @@ Object.keys(_Variants).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov UI/typography/NormalText',
-  component: _NormalText["default"]
+  component: _NormalText["default"],
+  displayName: 'NormalText'
 };
 exports["default"] = _default;

package/typography/NormalText/index.mdx

@@ -23,4 +23,7 @@ import NormalText from '@digigov/ui/typography/NormalText';
 
 ### Font weight
 
-<Story packageName="@digigov/ui" component="typography/NormalText" story="FontWeight.tsx" />
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="NormalText" />

package/typography/Paragraph/Paragraph.stories.d.ts

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

package/typography/Paragraph/Paragraph.stories.js

@@ -81,6 +81,7 @@ Object.keys(_FontWeight).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov UI/typography/Paragraph',
-  component: _Paragraph["default"]
+  component: _Paragraph["default"],
+  displayName: 'Paragraph'
 };
 exports["default"] = _default;

package/typography/Paragraph/index.mdx

@@ -27,4 +27,7 @@ import Paragraph from '@digigov/ui/typography/Paragraph';
 
 ### Font weight
 
-<Story packageName="@digigov/ui" component="typography/Paragraph" story="FontWeight.tsx" />
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="Paragraph" />

package/typography/index.d.ts

@@ -1,9 +1,7 @@
 export * from '@digigov/ui/typography/Title';
-export { default as Title } from '@digigov/ui/typography/Title';
+export * from '@digigov/ui/typography/Heading';
+export * from '@digigov/ui/typography/HeadingCaption';
 export * from '@digigov/ui/typography/Paragraph';
-export { default as Paragraph } from '@digigov/ui/typography/Paragraph';
 export * from '@digigov/ui/typography/NormalText';
-export { default as NormalText } from '@digigov/ui/typography/NormalText';
 export * from '@digigov/ui/typography/Caption';
-export { default as Caption } from '@digigov/ui/typography/Caption';
 export * from '@digigov/ui/typography/Hint';

package/typography/index.js

@@ -1,46 +1,13 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  Title: true,
-  Paragraph: true,
-  NormalText: true,
-  Caption: true
-};
-Object.defineProperty(exports, "Caption", {
-  enumerable: true,
-  get: function get() {
-    return _Caption["default"];
-  }
-});
-Object.defineProperty(exports, "NormalText", {
-  enumerable: true,
-  get: function get() {
-    return _NormalText["default"];
-  }
-});
-Object.defineProperty(exports, "Paragraph", {
-  enumerable: true,
-  get: function get() {
-    return _Paragraph["default"];
-  }
-});
-Object.defineProperty(exports, "Title", {
-  enumerable: true,
-  get: function get() {
-    return _Title["default"];
-  }
-});
 
-var _Title = _interopRequireWildcard(require("@digigov/ui/typography/Title"));
+var _Title = require("@digigov/ui/typography/Title");
 
 Object.keys(_Title).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Title[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -50,11 +17,36 @@ Object.keys(_Title).forEach(function (key) {
   });
 });
 
-var _Paragraph = _interopRequireWildcard(require("@digigov/ui/typography/Paragraph"));
+var _Heading = require("@digigov/ui/typography/Heading");
+
+Object.keys(_Heading).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Heading[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Heading[key];
+    }
+  });
+});
+
+var _HeadingCaption = require("@digigov/ui/typography/HeadingCaption");
+
+Object.keys(_HeadingCaption).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _HeadingCaption[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _HeadingCaption[key];
+    }
+  });
+});
+
+var _Paragraph = require("@digigov/ui/typography/Paragraph");
 
 Object.keys(_Paragraph).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Paragraph[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -64,11 +56,10 @@ Object.keys(_Paragraph).forEach(function (key) {
   });
 });
 
-var _NormalText = _interopRequireWildcard(require("@digigov/ui/typography/NormalText"));
+var _NormalText = require("@digigov/ui/typography/NormalText");
 
 Object.keys(_NormalText).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _NormalText[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -78,11 +69,10 @@ Object.keys(_NormalText).forEach(function (key) {
   });
 });
 
-var _Caption = _interopRequireWildcard(require("@digigov/ui/typography/Caption"));
+var _Caption = require("@digigov/ui/typography/Caption");
 
 Object.keys(_Caption).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Caption[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -96,7 +86,6 @@ var _Hint = require("@digigov/ui/typography/Hint");
 
 Object.keys(_Hint).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Hint[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -104,8 +93,4 @@ Object.keys(_Hint).forEach(function (key) {
       return _Hint[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; }
+});

package/utils/Kitchensink/AllComponents.d.ts

@@ -0,0 +1 @@
+export declare const AllComponents: () => JSX.Element;

package/utils/Kitchensink/AllComponents.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AllComponents = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _registry = require("@digigov/ui/registry");
+
+var _KitchensinkDashboard = require("@digigov/ui/utils/Kitchensink/KitchensinkDashboard");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_KitchensinkDashboard.KitchensinkDashboard, {
+  stories: _registry.stories
+});
+
+var AllComponents = function AllComponents() {
+  return _ref;
+};
+
+exports.AllComponents = AllComponents;

package/utils/Kitchensink/KitchensinkByCategory.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface KitchensinkByCategoryInterface {
+    category: string;
+    stories: React.ReactElement[];
+}
+export declare const KitchensinkByCategory: ({ category, stories, }: KitchensinkByCategoryInterface) => JSX.Element;

package/utils/Kitchensink/KitchensinkByCategory.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.KitchensinkByCategory = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Heading = _interopRequireDefault(require("@digigov/react-core/Heading"));
+
+var _KitchensinkByLetter = require("@digigov/ui/utils/Kitchensink/KitchensinkByLetter");
+
+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["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
+    className: "govgr-kitchensink-category__heading"
+  }, category), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "govgr-kitchensink-category"
+  }, Object.keys(alphabeticalOrder).sort().map(function (letter, index) {
+    return /*#__PURE__*/_react["default"].createElement(_KitchensinkByLetter.KitchensinkByLetter, {
+      letter: letter,
+      stories: alphabeticalOrder[letter],
+      key: index
+    });
+  })));
+};
+
+exports.KitchensinkByCategory = KitchensinkByCategory;

package/utils/Kitchensink/KitchensinkByLetter.d.ts

@@ -0,0 +1,5 @@
+export interface KitchensinkByLetterInterface {
+    letter: string;
+    stories: any;
+}
+export declare const KitchensinkByLetter: ({ letter, stories, }: KitchensinkByLetterInterface) => JSX.Element;

package/utils/Kitchensink/KitchensinkByLetter.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.KitchensinkByLetter = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Heading = _interopRequireDefault(require("@digigov/react-core/Heading"));
+
+var _KitchensinkComponent = require("@digigov/ui/utils/Kitchensink/KitchensinkComponent");
+
+var KitchensinkByLetter = function KitchensinkByLetter(_ref) {
+  var letter = _ref.letter,
+      stories = _ref.stories;
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Heading["default"], null, letter), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "govgr-kitchensink-letter-content"
+  }, stories.map(function (story, index) {
+    return /*#__PURE__*/_react["default"].createElement(_KitchensinkComponent.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
+    });
+  })));
+};
+
+exports.KitchensinkByLetter = KitchensinkByLetter;

package/utils/Kitchensink/KitchensinkComponent.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface KitchensinkComponentInterface {
+    tags?: string[];
+    title: string;
+    description?: string;
+    link?: string;
+    stories: React.ReactElement[];
+    width?: "m" | "l";
+}
+export declare const KitchensinkComponent: ({ tags, title, description, link, stories, width }: KitchensinkComponentInterface) => JSX.Element;

package/utils/Kitchensink/KitchensinkComponent.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.KitchensinkComponent = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _Heading = _interopRequireDefault(require("@digigov/ui/typography/Heading"));
+
+var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
+
+var _SectionBreak = _interopRequireDefault(require("@digigov/ui/core/SectionBreak"));
+
+var _core = require("@digigov/ui/core");
+
+var _typography = require("@digigov/ui/typography");
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak["default"], null);
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_SectionBreak["default"], null);
+
+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["default"].createElement("div", {
+    className: (0, _clsx["default"])(width === 'l' && 'govgr-kitchensink-content-wide', true && "govgr-kitchensink-content")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "govgr-kitchensink-content__info"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "govgr-firma-tags"
+  }, tags && tags.map(function (tag, index) {
+    return /*#__PURE__*/_react["default"].createElement(_core.ServiceBadge, {
+      label: tag,
+      key: index
+    });
+  })), /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
+    size: "l"
+  }, title), /*#__PURE__*/_react["default"].createElement(_typography.Paragraph, null, description), link && /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+    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["default"].createElement("div", {
+      key: index
+    }, _ref3, /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
+      size: "s"
+    }, story), /*#__PURE__*/_react["default"].createElement(_core.Card, {
+      variant: "border",
+      borderColor: "gray",
+      className: "govgr-kitchensink-card"
+    }, /*#__PURE__*/_react["default"].createElement(Component, null)));
+  }));
+};
+
+exports.KitchensinkComponent = KitchensinkComponent;

package/utils/Kitchensink/KitchensinkDashboard.d.ts

@@ -0,0 +1,4 @@
+export interface KitchensinkDashboardInterface {
+    stories: any;
+}
+export declare const KitchensinkDashboard: ({ stories, }: KitchensinkDashboardInterface) => JSX.Element;

package/utils/Kitchensink/KitchensinkDashboard.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.KitchensinkDashboard = void 0;
+
+var _Paragraph = _interopRequireDefault(require("@digigov/react-core/Paragraph"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _KitchensinkByCategory = require("./KitchensinkByCategory");
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
+  fontSize: "72",
+  fontWeight: "bold"
+}, "Components");
+
+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["default"].createElement("div", null, _ref2, /*#__PURE__*/_react["default"].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["default"].createElement(_KitchensinkByCategory.KitchensinkByCategory, {
+      category: category,
+      stories: categoryOrder[category],
+      key: index
+    });
+  })));
+};
+
+exports.KitchensinkDashboard = KitchensinkDashboard;

package/utils/withDeprecation.js

@@ -44,16 +44,26 @@ var DigigovError = /*#__PURE__*/function (_Error) {
   return (0, _createClass2["default"])(DigigovError);
 }( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(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) {
@@ -68,19 +78,12 @@ 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/admin/CopyToClipboard/__stories__/MultipleCopies.d.ts

@@ -1,2 +0,0 @@
-export declare const MultipleCopies: () => JSX.Element;
-export default MultipleCopies;