@digigov/ui 0.28.2 → 0.28.3

package/es/typography/Paragraph/__stories__/LeadVariant.js

@@ -0,0 +1,11 @@
+import React from "react";
+import Paragraph from "@digigov/ui/typography/Paragraph";
+
+var _ref = /*#__PURE__*/React.createElement(Paragraph, {
+  variant: "lead"
+}, "govgr-body");
+
+export var LeadVariant = function LeadVariant() {
+  return _ref;
+};
+export default LeadVariant;

package/es/typography/Paragraph/__stories__/SmallVariant.js

@@ -0,0 +1,11 @@
+import React from "react";
+import Paragraph from "@digigov/ui/typography/Paragraph";
+
+var _ref = /*#__PURE__*/React.createElement(Paragraph, {
+  variant: "small"
+}, "govgr-body");
+
+export var SmallVariant = function SmallVariant() {
+  return _ref;
+};
+export default SmallVariant;

package/es/typography/Paragraph/index.js

@@ -0,0 +1,3 @@
+import Paragraph from '@digigov/react-core/Paragraph';
+export * from '@digigov/react-core/Paragraph';
+export default Paragraph;

package/es/typography/Paragraph/index.mdx

@@ -0,0 +1,33 @@
+---
+id: paragraph
+title: Paragraph
+---
+
+```bash
+import Paragraph from '@digigov/ui/typography/Paragraph';
+``` 
+
+## How to use
+
+<Story packageName="@digigov/ui" component="typography/Paragraph" story="Default.tsx" />
+
+### Lead paragraph
+
+<Story packageName="@digigov/ui" component="typography/Paragraph" story="LeadVariant.tsx" />
+
+### Small paragraph
+
+<Story packageName="@digigov/ui" component="typography/Paragraph" story="SmallVariant.tsx" />
+
+## Font override classes
+
+### Font size
+
+<Story packageName="@digigov/ui" component="typography/Paragraph" story="FontSizes.tsx" />
+
+### Font weight
+
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="Paragraph" />

package/es/typography/Title/index.js

@@ -0,0 +1,49 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["size", "component", "children"];
+import React from 'react';
+import Heading from '@digigov/ui/typography/Heading';
+import withDeprecation from '@digigov/ui/utils/withDeprecation';
+var sizeMappings = {
+  xl: 'xl',
+  lg: 'l',
+  md: 'm',
+  sm: 's'
+};
+export var Title = withDeprecation(function (_ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'xl' : _ref$size,
+      component = _ref.component,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var newSize = sizeMappings[size];
+  return /*#__PURE__*/React.createElement(Heading, _extends({
+    size: newSize,
+    element: component
+  }, props), children);
+}, {
+  name: 'Title',
+  rename: 'Heading',
+  props: {
+    dense: {
+      error: true
+    },
+    size: {
+      values: {
+        xs: {
+          error: true
+        }
+      }
+    },
+    component: {
+      values: {
+        h5: {
+          error: true
+        }
+      }
+    }
+  }
+});
+export default Title;
+export { Heading };

package/es/typography/index.js

@@ -0,0 +1,7 @@
+export * from '@digigov/ui/typography/Title';
+export * from '@digigov/ui/typography/Heading';
+export * from '@digigov/ui/typography/HeadingCaption';
+export * from '@digigov/ui/typography/Paragraph';
+export * from '@digigov/ui/typography/NormalText';
+export * from '@digigov/ui/typography/Caption';
+export * from '@digigov/ui/typography/Hint';

package/es/utils/Kitchensink/AllComponents.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { stories } from "@digigov/ui/registry";
+import { KitchensinkDashboard } from "@digigov/ui/utils/Kitchensink/KitchensinkDashboard";
+
+var _ref = /*#__PURE__*/React.createElement(KitchensinkDashboard, {
+  stories: stories
+});
+
+export var AllComponents = function AllComponents() {
+  return _ref;
+};

package/es/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/es/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/es/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/es/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/es/utils/evaluateBrowserVersion.js

@@ -0,0 +1,201 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+//copied from https://github.com/faisalman/ua-parser-js/blob/master/src/ua-parser.js
+var EMPTY = '',
+    UNKNOWN = '?',
+    FUNC_TYPE = 'function',
+    UNDEF_TYPE = 'undefined',
+    OBJ_TYPE = 'object',
+    STR_TYPE = 'string',
+    NAME = 'name',
+    VERSION = 'version';
+var BROWSER = 'Browser',
+    CHROME = 'Chrome',
+    FIREFOX = 'Firefox',
+    OPERA = 'Opera';
+var oldSafariMap = {
+  '1.0': '/8',
+  '1.2': '/1',
+  '1.3': '/3',
+  '2.0': '/412',
+  '2.0.2': '/416',
+  '2.0.3': '/417',
+  '2.0.4': '/419',
+  '?': '/'
+};
+
+function strMapper(str, map) {
+  for (var i in map) {
+    // check if current value is array
+    if (_typeof(map[i]) === OBJ_TYPE && map[i].length > 0) {
+      for (var j = 0; j < map[i].length; j++) {
+        if (map[i][j].includes(str)) {
+          return i === UNKNOWN ? undefined : i;
+        }
+      }
+    } else if (map[i].includes(str)) {
+      return i === UNKNOWN ? undefined : i;
+    }
+  }
+
+  return str;
+}
+
+function majorize(version) {
+  return _typeof(version) === STR_TYPE ? version.replace(/[^\d.]/g, EMPTY).split('.')[0] : undefined;
+}
+
+function rgxMapper(browser, ua, arrays) {
+  var i = 0,
+      j,
+      k,
+      p,
+      q,
+      matches,
+      match; // loop through all regexes maps
+
+  while (i < arrays.length && !matches) {
+    var regex = arrays[i],
+        // even sequence (0,2,4,..)
+    props = arrays[i + 1]; // odd sequence (1,3,5,..)
+
+    j = k = 0; // try matching uastring with regexes
+
+    while (j < regex.length && !matches) {
+      matches = regex[j++].exec(ua);
+
+      if (matches) {
+        for (p = 0; p < props.length; p++) {
+          match = matches[++k];
+          q = props[p]; // check if given property is actually array
+
+          if (_typeof(q) === OBJ_TYPE && q.length > 0) {
+            if (q.length == 2) {
+              if (_typeof(q[1]) == FUNC_TYPE) {
+                // assign modified match
+                browser[q[0]] = q[1].call(browser, match);
+              } else {
+                // assign given value, ignore regex match
+                browser[q[0]] = q[1];
+              }
+            } else if (q.length == 3) {
+              // check whether function or regex
+              if (_typeof(q[1]) === FUNC_TYPE && !(q[1].exec && q[1].test)) {
+                // call function (usually string mapper)
+                browser[q[0]] = match ? q[1].call(browser, match, q[2]) : undefined;
+              } else {
+                // sanitize match using given regex
+                browser[q[0]] = match ? match.replace(q[1], q[2]) : undefined;
+              }
+            } else if (q.length == 4) {
+              browser[q[0]] = match ? q[3].call(browser, match.replace(q[1], q[2])) : undefined;
+            }
+          } else {
+            browser[q] = match ? match : undefined;
+          }
+        }
+      }
+    }
+
+    i += 2;
+  }
+}
+
+var browserRegexes = [[/\b(?:crmo|crios)\/([\w.]+)/i // Chrome for Android/iOS
+], [VERSION, [NAME, 'Chrome']], [/edg(?:e|ios|a)?\/([\w.]+)/i // Microsoft Edge
+], [VERSION, [NAME, 'Edge']], [// Presto based
+/(opera mini)\/([-\w.]+)/i, // Opera Mini
+/(opera [mobiletab]{3,6})\b.+version\/([-\w.]+)/i, // Opera Mobi/Tablet
+/(opera)(?:.+version\/|[/ ]+)([\w.]+)/i // Opera
+], [NAME, VERSION], [/opios[/ ]+([\w.]+)/i // Opera mini on iphone >= 8.0
+], [VERSION, [NAME, OPERA + ' Mini']], [/\bopr\/([\w.]+)/i // Opera Webkit
+], [VERSION, [NAME, OPERA]], [// Mixed
+/(kindle)\/([\w.]+)/i, // Kindle
+/(lunascape|maxthon|netfront|jasmine|blazer)[/ ]?([\w.]*)/i, // Lunascape/Maxthon/Netfront/Jasmine/Blazer
+// Trident based
+/(avant |iemobile|slim)(?:browser)?[/ ]?([\w.]*)/i, // Avant/IEMobile/SlimBrowser
+/(ba?idubrowser)[/ ]?([\w.]+)/i, // Baidu Browser
+/(?:ms|\()(ie) ([\w.]+)/i, // Internet Explorer
+// Webkit/KHTML based                                               // Flock/RockMelt/Midori/Epiphany/Silk/Skyfire/Bolt/Iron/Iridium/PhantomJS/Bowser/QupZilla/Falkon
+/(flock|rockmelt|midori|epiphany|silk|skyfire|ovibrowser|bolt|iron|vivaldi|iridium|phantomjs|bowser|quark|qupzilla|falkon|rekonq|puffin|brave|whale|qqbrowserlite|qq)\/([-\w.]+)/i, // Rekonq/Puffin/Brave/Whale/QQBrowserLite/QQ, aka ShouQ
+/(weibo)__([\d.]+)/i // Weibo
+], [NAME, VERSION], [/(?:\buc? ?browser|(?:juc.+)ucweb)[/ ]?([\w.]+)/i // UCBrowser
+], [VERSION, [NAME, 'UC' + BROWSER]], [/\bqbcore\/([\w.]+)/i // WeChat Desktop for Windows Built-in Browser
+], [VERSION, [NAME, 'WeChat(Win) Desktop']], [/micromessenger\/([\w.]+)/i // WeChat
+], [VERSION, [NAME, 'WeChat']], [/konqueror\/([\w.]+)/i // Konqueror
+], [VERSION, [NAME, 'Konqueror']], [/trident.+rv[: ]([\w.]{1,9})\b.+like gecko/i // IE11
+], [VERSION, [NAME, 'IE']], [/yabrowser\/([\w.]+)/i // Yandex
+], [VERSION, [NAME, 'Yandex']], [/(avast|avg)\/([\w.]+)/i // Avast/AVG Secure Browser
+], [[NAME, /(.+)/, '$1 Secure ' + BROWSER], VERSION], [/\bfocus\/([\w.]+)/i // Firefox Focus
+], [VERSION, [NAME, FIREFOX + ' Focus']], [/\bopt\/([\w.]+)/i // Opera Touch
+], [VERSION, [NAME, OPERA + ' Touch']], [/coc_coc\w+\/([\w.]+)/i // Coc Coc Browser
+], [VERSION, [NAME, 'Coc Coc']], [/dolfin\/([\w.]+)/i // Dolphin
+], [VERSION, [NAME, 'Dolphin']], [/coast\/([\w.]+)/i // Opera Coast
+], [VERSION, [NAME, OPERA + ' Coast']], [/miuibrowser\/([\w.]+)/i // MIUI Browser
+], [VERSION, [NAME, 'MIUI ' + BROWSER]], [/fxios\/([-\w.]+)/i // Firefox for iOS
+], [VERSION, [NAME, FIREFOX]], [/\bqihu|(qi?ho?o?|360)browser/i // 360
+], [[NAME, '360 ' + BROWSER]], [/(oculus|samsung|sailfish)browser\/([\w.]+)/i], [[NAME, /(.+)/, '$1 ' + BROWSER], VERSION], [// Oculus/Samsung/Sailfish Browser
+/(comodo_dragon)\/([\w.]+)/i // Comodo Dragon
+], [[NAME, /_/g, ' '], VERSION], [/(electron)\/([\w.]+) safari/i, // Electron-based App
+/(tesla)(?: qtcarbrowser|\/(20\d\d\.[-\w.]+))/i, // Tesla
+/m?(qqbrowser|baiduboxapp|2345Explorer)[/ ]?([\w.]+)/i // QQBrowser/Baidu App/2345 Browser
+], [NAME, VERSION], [/(metasr)[/ ]?([\w.]+)/i, // SouGouBrowser
+/(lbbrowser)/i // LieBao Browser
+], [NAME], [// WebView
+/((?:fban\/fbios|fb_iab\/fb4a)(?!.+fbav)|;fbav\/([\w.]+);)/i // Facebook App for iOS & Android
+], [[NAME, 'Facebook'], VERSION], [/safari (line)\/([\w.]+)/i, // Line App for iOS
+/\b(line)\/([\w.]+)\/iab/i, // Line App for Android
+/(chromium|instagram)[/ ]([-\w.]+)/i // Chromium/Instagram
+], [NAME, VERSION], [/\bgsa\/([\w.]+) .*safari\//i // Google Search Appliance on iOS
+], [VERSION, [NAME, 'GSA']], [/headlesschrome(?:\/([\w.]+)| )/i // Chrome Headless
+], [VERSION, [NAME, CHROME + ' Headless']], [/ wv\).+(chrome)\/([\w.]+)/i // Chrome WebView
+], [[NAME, CHROME + ' WebView'], VERSION], [/droid.+ version\/([\w.]+)\b.+(?:mobile safari|safari)/i // Android Browser
+], [VERSION, [NAME, 'Android ' + BROWSER]], [/(chrome|omniweb|arora|[tizenoka]{5} ?browser)\/v?([\w.]+)/i // Chrome/OmniWeb/Arora/Tizen/Nokia
+], [NAME, VERSION], [/version\/([\w.]+) .*mobile\/\w+ (safari)/i // Mobile Safari
+], [VERSION, [NAME, 'Mobile Safari']], [/version\/([\w.]+) .*(mobile ?safari|safari)/i // Safari & Safari Mobile
+], [VERSION, NAME], [/webkit.+?(mobile ?safari|safari)(\/[\w.]+)/i // Safari < 3.0
+], [NAME, [VERSION, strMapper, oldSafariMap]], [/(webkit|khtml)\/([\w.]+)/i], [NAME, VERSION], [// Gecko based
+/(navigator|netscape\d?)\/([-\w.]+)/i // Netscape
+], [[NAME, 'Netscape'], VERSION], [/mobile vr; rv:([\w.]+)\).+firefox/i // Firefox Reality
+], [VERSION, [NAME, FIREFOX + ' Reality']], [/ekiohf.+(flow)\/([\w.]+)/i, // Flow
+/(swiftfox)/i, // Swiftfox
+/(icedragon|iceweasel|camino|chimera|fennec|maemo browser|minimo|conkeror|klar)[/ ]?([\w.+]+)/i, // IceDragon/Iceweasel/Camino/Chimera/Fennec/Maemo/Minimo/Conkeror/Klar
+/(seamonkey|k-meleon|icecat|iceape|firebird|phoenix|palemoon|basilisk|waterfox)\/([-\w.]+)$/i, // Firefox/SeaMonkey/K-Meleon/IceCat/IceApe/Firebird/Phoenix
+/(firefox)\/([\w.]+)/i, // Other Firefox-based
+/(mozilla)\/([\w.]+) .+rv:.+gecko\/\d+/i, // Mozilla
+// Other
+/(polaris|lynx|dillo|icab|doris|amaya|w3m|netsurf|sleipnir|obigo|mosaic|(?:go|ice|up)[. ]?browser)[-/ ]?v?([\w.]+)/i, // Polaris/Lynx/Dillo/iCab/Doris/Amaya/w3m/NetSurf/Sleipnir/Obigo/Mosaic/Go/ICE/UP.Browser
+/(links) \(([\w.]+)/i // Links
+], [NAME, VERSION]];
+
+var _ua = (typeof window === "undefined" ? "undefined" : _typeof(window)) !== UNDEF_TYPE && window.navigator && window.navigator.userAgent ? window.navigator.userAgent : EMPTY;
+
+export function evaluateBrowserVersion() {
+  var browser = {
+    name: '',
+    version: ''
+  };
+  rgxMapper(browser, _ua, browserRegexes);
+  browser.version = majorize(browser.version);
+  return browser;
+}
+export var isMobile = {
+  Android: function Android() {
+    return navigator.userAgent.match(/Android/i);
+  },
+  BlackBerry: function BlackBerry() {
+    return navigator.userAgent.match(/BlackBerry/i);
+  },
+  iOS: function iOS() {
+    return navigator.userAgent.match(/iPhone|iPad|iPod/i);
+  },
+  Opera: function Opera() {
+    return navigator.userAgent.match(/Opera Mini/i);
+  },
+  Windows: function Windows() {
+    return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i);
+  },
+  any: function any() {
+    return isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows();
+  }
+};
+export default evaluateBrowserVersion;

package/es/utils/withDeprecation.js

@@ -0,0 +1,106 @@
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from 'react';
+
+var DigigovError = /*#__PURE__*/function (_Error) {
+  _inherits(DigigovError, _Error);
+
+  var _super = _createSuper(DigigovError);
+
+  function DigigovError(message) {
+    var _this;
+
+    _classCallCheck(this, DigigovError);
+
+    _this = _super.call(this, message); // (1)
+
+    _this.name = 'DigigovError'; // (2)
+
+    return _this;
+  }
+
+  return _createClass(DigigovError);
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+
+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) {
+    warnOnce(componentName, "\u26A0\uFE0F  ".concat(componentName, ": ").concat(name, " ").concat(type, " will be deprecated."));
+  } else if (typeof warning === 'string') {
+    warnOnce(componentName, warning);
+  }
+
+  if (error === true) {
+    throw new DigigovError("".concat(componentName, ": !! ").concat(name, " ").concat(type, " is deprecated."));
+  } else if (typeof error === 'string') {
+    throw new DigigovError("Component `".concat(componentName, "` with `").concat(name, "` prop: ").concat(error));
+  }
+};
+
+export default function withDeprecation(Component, deprecations) {
+  var _Component$render;
+
+  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); // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+
+  return function withDeprecationComponent(props) {
+    if (deprecations.rename) {
+      warnOnce(componentName, "\u267B\uFE0F  ".concat(componentName, " is renamed to ").concat(deprecations.rename, "\n"));
+    }
+
+    handleErrorWarning(componentName, componentName, deprecations, 'component');
+
+    if (deprecations.props) {
+      Object.keys(deprecations.props).forEach(function (propName) {
+        var _deprecations$props, _propDeprecation$valu;
+
+        var value = props[propName];
+
+        if (!value) {
+          return;
+        }
+
+        var propDeprecation = deprecations === null || deprecations === void 0 ? void 0 : (_deprecations$props = deprecations.props) === null || _deprecations$props === void 0 ? void 0 : _deprecations$props[propName];
+
+        if (propDeprecation !== null && propDeprecation !== void 0 && (_propDeprecation$valu = propDeprecation.values) !== null && _propDeprecation$valu !== void 0 && _propDeprecation$valu[value]) {
+          var _propDeprecation$valu2;
+
+          return handleErrorWarning(componentName, "".concat(propName, " ").concat(value), propDeprecation === null || propDeprecation === void 0 ? void 0 : (_propDeprecation$valu2 = propDeprecation.values) === null || _propDeprecation$valu2 === void 0 ? void 0 : _propDeprecation$valu2[value], 'property value');
+        }
+
+        if (propDeprecation !== null && propDeprecation !== void 0 && propDeprecation.error || propDeprecation !== null && propDeprecation !== void 0 && propDeprecation.warning) {
+          return handleErrorWarning(componentName, propName, propDeprecation, 'property');
+        }
+      });
+    } // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+
+
+    return /*#__PURE__*/React.createElement(Component, props);
+  };
+}

package/esm/admin/AdminLayout/index.js

@@ -0,0 +1,9 @@
+export * from '@digigov/react-extensions/admin/AdminLayout';
+export * from '@digigov/react-extensions/admin/AdminContainer';
+export * from '@digigov/react-extensions/admin/AdminMain';
+export * from '@digigov/react-extensions/admin/AdminAside';
+export * from '@digigov/react-extensions/admin/AdminTopSection';
+export * from '@digigov/react-extensions/admin/AdminHeader';
+export * from '@digigov/react-extensions/admin/AdminHeaderSection';
+import AdminLayout from '@digigov/react-extensions/admin/AdminLayout';
+export default AdminLayout;

package/esm/admin/AutoComplete/AutoComplete.stories.js

@@ -0,0 +1,14 @@
+import AutoComplete from '@digigov/ui/admin/AutoComplete';
+export default {
+  title: 'Digigov UI/admin/AutoComplete',
+  component: AutoComplete,
+  displayName: 'AutoComplete'
+}; // eslint-disable-next-line digigov/no-relative-import
+
+export * from '@digigov/ui/admin/AutoComplete/__stories__/Default';
+export * from '@digigov/ui/admin/AutoComplete/__stories__/WithAutoSelect';
+export * from '@digigov/ui/admin/AutoComplete/__stories__/WithInLine';
+export * from '@digigov/ui/admin/AutoComplete/__stories__/WithDefaultValue';
+export * from '@digigov/ui/admin/AutoComplete/__stories__/WithPlaceHolder';
+export * from '@digigov/ui/admin/AutoComplete/__stories__/WithShowAllValues';
+export * from '@digigov/ui/admin/AutoComplete/__stories__/WithMinLength';