@digigov/ui 0.21.2 → 0.23.0

package/introduction.md

@@ -5,4 +5,7 @@ sidebar_label: Introduction
 slug: /
 ---
 
-TBD
+This section lists any React components & features implemented in `@digigov/ui`
+NPM package.
+
+Find what you need in the sidebar menu on the left.

package/layouts/Basic/Content/index.mdx

@@ -48,15 +48,3 @@ export Side
 ## How it works
 
 The Content component is used as a wrapper for the Main and Side components.
-
-## API
-
-### Properties
-
-<PropsDoc data={Content.__doc__} />
-
-<br />
-
-### Styles
-
-<StylesDoc data={Content.__doc__} />

package/layouts/Basic/Main/index.mdx

@@ -50,13 +50,3 @@ export Main
 
 The Main component is used to include tha main information of the page,
 spanning two-thirds of the page width.
-
-## API
-
-### Properties
-
-<PropsDoc data={Main.__doc__} />
-
-### Styles
-
-<StylesDoc data={Main.__doc__} />

package/layouts/Basic/Masthead/index.mdx

@@ -57,15 +57,3 @@ 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
-
-### Properties
-
-<PropsDoc data={Masthead.__doc__} />
-
-<br />
-
-### Styles
-
-<StylesDoc data={Masthead.__doc__} />

package/layouts/Basic/Side/index.mdx

@@ -55,15 +55,3 @@ export Side
 
 The Side component covers the right one-third of the page width.
 Note that the Side component is optional, so there could be occasions that Side is empty.
-
-## API
-
-### Properties
-
-<PropsDoc data={Side.__doc__} />
-
-<br />
-
-### Styles
-
-<StylesDoc data={Side.__doc__} />

package/layouts/Basic/Top/index.mdx

@@ -58,15 +58,3 @@ export Top
 ## How it works
 
 The Top component is used to group the Header components.
-
-## API
-
-### Properties
-
-<PropsDoc data={Top.__doc__} />
-
-<br />
-
-### Styles
-
-<StylesDoc data={Top.__doc__} />

package/layouts/Basic/index.mdx

@@ -44,18 +44,4 @@ Content and Bottom components.
 
 ### Properties
 
-<br />
-
-### Styles
-
-<StylesDoc data={BasicLayout.__doc__} />
-<br />
-<StylesDoc data={Top.__doc__} />
-<br />
-<StylesDoc data={Content.__doc__} />
-<br />
-<StylesDoc data={Main.__doc__} />
-<br />
-<StylesDoc data={Side.__doc__} />
-<br />
-<StylesDoc data={Bottom.__doc__} />
+<br />

package/layouts/Grid/Grid.stories.d.ts

@@ -4,3 +4,4 @@ declare namespace _default {
 }
 export default _default;
 export * from "./__stories__/Default";
+export * from "./__stories__/Inline";

package/layouts/Grid/Grid.stories.js

@@ -23,6 +23,20 @@ Object.keys(_Default).forEach(function (key) {
     }
   });
 });
+
+var _Inline = require("./__stories__/Inline");
+
+Object.keys(_Inline).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Inline[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Inline[key];
+    }
+  });
+});
 var _default = {
   title: 'Digigov UI/layouts/Grid',
   component: _layouts["default"]

package/layouts/Grid/__stories__/Default.js

@@ -16,51 +16,71 @@ var _ref = /*#__PURE__*/_react["default"].createElement("div", {
 }, "lalal");
 
 var _ref2 = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  role: "grid",
+  "aria-label": "grid-example",
   container: true,
   spacing: 4
 }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  role: "row",
   xs: 12,
   sm: 8,
   md: 6,
   lg: 4,
   xl: 2,
   className: "border border-black"
-}, "1"), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+}, /*#__PURE__*/_react["default"].createElement("div", {
+  role: "gridcell"
+}, "1")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  role: "row",
   xs: 12,
   sm: 4,
   md: 6,
   lg: 4,
   xl: 2,
   className: "border border-black"
-}, "1"), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+}, /*#__PURE__*/_react["default"].createElement("div", {
+  role: "gridcell"
+}, "1")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  role: "row",
   xs: 12,
   sm: 8,
   md: 6,
   lg: 4,
   xl: 2,
   className: "border border-black"
-}, "1"), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+}, /*#__PURE__*/_react["default"].createElement("div", {
+  role: "gridcell"
+}, "1")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  role: "row",
   xs: 12,
   sm: 4,
   md: 6,
   lg: 4,
   xl: 2,
   className: "border border-black"
-}, "1"), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+}, /*#__PURE__*/_react["default"].createElement("div", {
+  role: "gridcell"
+}, "1")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  role: "row",
   xs: 12,
   sm: 8,
   md: 6,
   lg: 4,
   xl: 2,
   className: "border border-black"
-}, "1"), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+}, /*#__PURE__*/_react["default"].createElement("div", {
+  role: "gridcell"
+}, "1")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  role: "row",
   xs: 12,
   sm: 4,
   md: 6,
   lg: 4,
   xl: 2,
   className: "border border-black"
-}, "1"));
+}, /*#__PURE__*/_react["default"].createElement("div", {
+  role: "gridcell"
+}, "1")));
 
 var Default = function Default() {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2);

package/layouts/Grid/__stories__/Inline.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Inline: () => JSX.Element;
+export default Inline;

package/layouts/Grid/__stories__/Inline.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Inline = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Grid = _interopRequireDefault(require("@digigov/react-core/Grid"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  role: "grid",
+  "aria-label": "grid-example",
+  container: true,
+  spacing: 4,
+  inline: true
+}, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  role: "row",
+  xs: 12,
+  sm: 8,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, /*#__PURE__*/_react["default"].createElement("div", {
+  role: "gridcell"
+}, "1")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  role: "row",
+  xs: 12,
+  sm: 4,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, /*#__PURE__*/_react["default"].createElement("div", {
+  role: "gridcell"
+}, "1")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  role: "row",
+  xs: 12,
+  sm: 8,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, /*#__PURE__*/_react["default"].createElement("div", {
+  role: "gridcell"
+}, "1")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  role: "row",
+  xs: 12,
+  sm: 4,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, /*#__PURE__*/_react["default"].createElement("div", {
+  role: "gridcell"
+}, "1")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  role: "row",
+  xs: 12,
+  sm: 8,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, /*#__PURE__*/_react["default"].createElement("div", {
+  role: "gridcell"
+}, "1")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  role: "row",
+  xs: 12,
+  sm: 4,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, /*#__PURE__*/_react["default"].createElement("div", {
+  role: "gridcell"
+}, "1")));
+
+var Inline = function Inline() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref);
+};
+
+exports.Inline = Inline;
+var _default = Inline;
+exports["default"] = _default;

package/layouts/Grid/index.d.ts

@@ -1,3 +1,4 @@
 import Grid, { GridProps as CoreGridProps } from '@digigov/react-core/Grid';
 export declare type GridProps = CoreGridProps;
+export { Grid };
 export default Grid;

package/layouts/Grid/index.js

@@ -5,6 +5,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: function get() {
+    return _Grid["default"];
+  }
+});
 exports["default"] = void 0;
 
 var _Grid = _interopRequireDefault(require("@digigov/react-core/Grid"));

package/layouts/index.d.ts

@@ -1,2 +1,4 @@
 export * from '@digigov/ui/layouts/Basic';
+export * from '@digigov/ui/layouts/Grid';
+export { default as Grid } from '@digigov/ui/layouts/Grid';
 export { default as BasicLayout } from '@digigov/ui/layouts/Basic';

package/layouts/index.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  BasicLayout: true
+  BasicLayout: true,
+  Grid: true
 };
 Object.defineProperty(exports, "BasicLayout", {
   enumerable: true,
@@ -14,6 +15,12 @@ Object.defineProperty(exports, "BasicLayout", {
     return _Basic["default"];
   }
 });
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: function get() {
+    return _Grid["default"];
+  }
+});
 
 var _Basic = _interopRequireWildcard(require("@digigov/ui/layouts/Basic"));
 
@@ -29,6 +36,20 @@ Object.keys(_Basic).forEach(function (key) {
   });
 });
 
+var _Grid = _interopRequireWildcard(require("@digigov/ui/layouts/Grid"));
+
+Object.keys(_Grid).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Grid[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Grid[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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/ui",
-  "version": "0.21.2",
+  "version": "0.23.0",
   "description": "@digigov reusable components toolkit",
   "module": "./esm/index.js",
   "publishConfig": {
@@ -18,8 +18,8 @@
     "clsx": "1.1.1",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "@digigov/react-core": "0.15.1",
-    "@digigov/react-extensions": "0.15.1"
+    "@digigov/react-core": "0.15.3",
+    "@digigov/react-extensions": "0.16.0"
   },
   "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871",
   "private": false,

package/registry.d.ts

@@ -1,14 +1,5 @@
 declare var _default: {
     '@digigov/ui': {};
-    '@digigov/ui/admin': {};
-    '@digigov/ui/app/App': {};
-    '@digigov/ui/app/I18nText': {};
-    '@digigov/ui/app/OutdatedBrowserBanner': {};
-    '@digigov/ui/app/PageTitle': {};
-    '@digigov/ui/app/PhaseBannerHeader': {};
-    '@digigov/ui/app/i18n': {};
-    '@digigov/ui/app': {};
-    '@digigov/ui/core': {};
     '@digigov/ui/api/APIErrors': {};
     '@digigov/ui/api/APIProvider': {};
     '@digigov/ui/api/fetchAPI': {};
@@ -17,6 +8,14 @@ declare var _default: {
     '@digigov/ui/api/useResourceAction': {};
     '@digigov/ui/api/useResourceQuery': {};
     '@digigov/ui/api/utils': {};
+    '@digigov/ui/admin': {};
+    '@digigov/ui/app/App': {};
+    '@digigov/ui/app/I18nText': {};
+    '@digigov/ui/app/OutdatedBrowserBanner': {};
+    '@digigov/ui/app/PageTitle': {};
+    '@digigov/ui/app/i18n': {};
+    '@digigov/ui/app': {};
+    '@digigov/ui/core': {};
     '@digigov/ui/govgr': {};
     '@digigov/ui/hooks/useDebounce': {};
     '@digigov/ui/hooks/useLatest': {};
@@ -28,19 +27,15 @@ declare var _default: {
     '@digigov/ui/locales/en': {};
     '@digigov/ui/router': {};
     '@digigov/ui/themes': {};
-    '@digigov/ui/typography/Caption': {};
-    '@digigov/ui/typography/Hint': {};
-    '@digigov/ui/typography/NormalText': {};
-    '@digigov/ui/typography/Paragraph': {};
-    '@digigov/ui/typography/Title': {};
     '@digigov/ui/typography': {};
     '@digigov/ui/utils/evaluateBrowserVersion': {};
     '@digigov/ui/utils/withDeprecation': {};
     '@digigov/ui/admin/AdminLayout': {};
+    '@digigov/ui/admin/AutoComplete': {};
+    '@digigov/ui/admin/AutoComplete/utils': {};
     '@digigov/ui/admin/Chip': {};
     '@digigov/ui/admin/CircularProgress': {};
     '@digigov/ui/admin/CopyToClipboard': {};
-    '@digigov/ui/admin/CopyToClipboardMessage': {};
     '@digigov/ui/admin/Drawer': {};
     '@digigov/ui/admin/Dropdown': {};
     '@digigov/ui/admin/FillableText': {};
@@ -63,8 +58,10 @@ declare var _default: {
     '@digigov/ui/app/Header/HeaderTitle': {};
     '@digigov/ui/app/Header': {};
     '@digigov/ui/app/NotFound': {};
+    '@digigov/ui/app/PhaseBannerHeader': {};
     '@digigov/ui/app/QrCodeScanner': {};
     '@digigov/ui/core/Accordion': {};
+    '@digigov/ui/core/BackLink': {};
     '@digigov/ui/core/Blockquote': {};
     '@digigov/ui/core/Breadcrumbs': {};
     '@digigov/ui/core/Button/BackButton': {};
@@ -73,9 +70,14 @@ declare var _default: {
     '@digigov/ui/core/Button/Icon': {};
     '@digigov/ui/core/Button': {};
     '@digigov/ui/core/Card': {};
+    '@digigov/ui/core/Checkboxes': {};
+    '@digigov/ui/core/Confirmation': {};
+    '@digigov/ui/core/DateInput': {};
     '@digigov/ui/core/Details': {};
     '@digigov/ui/core/Divider': {};
+    '@digigov/ui/core/ErrorMessage': {};
     '@digigov/ui/core/ErrorSummary': {};
+    '@digigov/ui/core/Field': {};
     '@digigov/ui/core/FileUpload': {};
     '@digigov/ui/core/Hidden': {};
     '@digigov/ui/core/Link': {};
@@ -86,18 +88,27 @@ declare var _default: {
     '@digigov/ui/core/List/ListItemText': {};
     '@digigov/ui/core/List/ListItemTitle': {};
     '@digigov/ui/core/List': {};
+    '@digigov/ui/core/Masthead': {};
     '@digigov/ui/core/NavList/NavList': {};
+    '@digigov/ui/core/NavList/NavListBase': {};
     '@digigov/ui/core/NavList/NavListContext': {};
     '@digigov/ui/core/NavList/NavListItem': {};
     '@digigov/ui/core/NavList/NavListItemBase': {};
     '@digigov/ui/core/NavList/NavListSubMenu': {};
     '@digigov/ui/core/NavList': {};
+    '@digigov/ui/core/NavList/types': {};
     '@digigov/ui/core/NotificationBanner': {};
+    '@digigov/ui/core/PhaseBanner': {};
+    '@digigov/ui/core/Radios': {};
+    '@digigov/ui/core/Select': {};
     '@digigov/ui/core/ServiceBadge': {};
     '@digigov/ui/core/SummaryList': {};
     '@digigov/ui/core/SvgIcon': {};
+    '@digigov/ui/core/Table/TableFloatingScroll': {};
     '@digigov/ui/core/Table': {};
     '@digigov/ui/core/Tabs': {};
+    '@digigov/ui/core/TextArea': {};
+    '@digigov/ui/core/TextInput': {};
     '@digigov/ui/core/VisuallyHidden': {};
     '@digigov/ui/core/WarningText': {};
     '@digigov/ui/govgr/Footer/Copyright': {};
@@ -109,6 +120,13 @@ declare var _default: {
     '@digigov/ui/govgr/Logo/logo': {};
     '@digigov/ui/layouts/Basic': {};
     '@digigov/ui/layouts/Grid': {};
+    '@digigov/ui/typography/Caption': {};
+    '@digigov/ui/typography/Hint': {};
+    '@digigov/ui/typography/NormalText': {};
+    '@digigov/ui/typography/Paragraph': {};
+    '@digigov/ui/typography/Title': {};
+    '@digigov/ui/admin/AutoComplete/AccesibleAutoComplete': {};
+    '@digigov/ui/admin/AutoComplete/Status': {};
     '@digigov/ui/govgr/Footer/logos/logo-el': {};
     '@digigov/ui/govgr/Footer/logos/logo-en': {};
     '@digigov/ui/layouts/Basic/Bottom': {};