@digigov/ui 0.28.2 → 0.29.0

package/admin/Drawer/Drawer.stories.d.ts

@@ -0,0 +1,10 @@
+declare namespace _default {
+    export const title: string;
+    export const description: string;
+    export const link: string;
+    export { Drawer as component };
+    export const displayName: string;
+}
+export default _default;
+export * from "@digigov/ui/admin/Drawer/__stories__/Default";
+import Drawer from "@digigov/ui/admin/Drawer";

package/admin/Drawer/Drawer.stories.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _Drawer = _interopRequireDefault(require("@digigov/ui/admin/Drawer"));
+
+var _Default = require("@digigov/ui/admin/Drawer/__stories__/Default");
+
+Object.keys(_Default).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Default[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Default[key];
+    }
+  });
+});
+var _default = {
+  title: 'Digigov UI/admin/Drawer',
+  description: 'Use this component when you want to add a mobile friendly menu in admin layouts.',
+  link: 'https://guide.services.gov.gr/docs/drawer-layout',
+  component: _Drawer["default"],
+  displayName: 'Drawer'
+};
+exports["default"] = _default;

package/admin/Drawer/__stories__/Default.d.ts

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

package/admin/Drawer/__stories__/Default.js

@@ -0,0 +1,104 @@
+"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.Default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Drawer = require("@digigov/ui/admin/Drawer");
+
+var _NavList = require("@digigov/ui/core/NavList");
+
+var _Title = require("@digigov/ui/typography/Title");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function useDrawer() {
+  var _useState = (0, _react.useState)(true),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  function toggleDrawer() {
+    setOpen(!open);
+  }
+
+  return [open, toggleDrawer];
+}
+
+var links = [{
+  name: 'Nav1',
+  href: '#',
+  label: 'Nav list item 1'
+}, {
+  name: 'Nav2',
+  href: '#',
+  label: 'Nav list item 2',
+  subMenu: [{
+    name: 'Nav2.1',
+    href: '#',
+    label: 'Nav list item 2.1'
+  }, {
+    name: 'Nav2.2',
+    href: '#',
+    label: 'Nav list item 2.2'
+  }, {
+    name: 'Nav2.3',
+    href: '#',
+    label: 'Nav list item 2.3'
+  }, {
+    name: 'Nav2.4',
+    href: '#',
+    label: 'Nav list item 2.4'
+  }]
+}, {
+  name: 'Nav3',
+  href: '#',
+  label: 'Nav list item 3'
+}];
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Title.Title, {
+  size: "md"
+}, "Menu");
+
+var Default = function Default() {
+  var _useDrawer = useDrawer(),
+      _useDrawer2 = (0, _slicedToArray2["default"])(_useDrawer, 2),
+      open = _useDrawer2[0],
+      toggleDrawer = _useDrawer2[1];
+
+  return /*#__PURE__*/_react["default"].createElement(_Drawer.Drawer, {
+    direction: "left",
+    open: open
+  }, /*#__PURE__*/_react["default"].createElement(_Drawer.DrawerHeading, {
+    onClick: function onClick() {
+      return toggleDrawer();
+    }
+  }, _ref), /*#__PURE__*/_react["default"].createElement(_NavList.NavList, {
+    links: links,
+    "aria-label": "Nav list",
+    role: "menu"
+  }, links.map(function (link, key) {
+    return /*#__PURE__*/_react["default"].createElement(_NavList.NavListItem, {
+      key: key,
+      name: link.name,
+      "aria-label": link.label,
+      role: "menuitem",
+      "aria-haspopup": link.subMenu ? 'true' : 'false'
+    });
+  })));
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/admin/Drawer/index.d.ts

@@ -0,0 +1,4 @@
+export * from '@digigov/react-extensions/admin/Drawer';
+export * from '@digigov/react-extensions/admin/DrawerHeading';
+import Drawer from '@digigov/react-extensions/admin/Drawer';
+export default Drawer;

package/admin/Drawer/index.js

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

package/admin/Drawer/index.mdx

@@ -0,0 +1,16 @@
+---
+id: drawer
+title: Drawer
+---
+
+```bash
+import Drawer from '@digigov/ui/app/Drawer';
+```
+
+## How to use
+
+<Story packageName="@digigov/ui" component="admin/Drawer" story="Default.tsx" />
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="Drawer" />

package/admin/Dropdown/Dropdown.stories.d.ts

@@ -0,0 +1,12 @@
+declare namespace _default {
+    export const title: string;
+    export const description: string;
+    export const link: string;
+    export { Dropdown as component };
+    export const displayName: string;
+}
+export default _default;
+export * from "./__stories__/Default";
+export * from "./__stories__/AlignRight";
+export * from "./__stories__/PlacementTop";
+import Dropdown from "@digigov/ui/admin/Dropdown";

package/admin/Dropdown/Dropdown.stories.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _Dropdown = _interopRequireDefault(require("@digigov/ui/admin/Dropdown"));
+
+var _Default = require("./__stories__/Default");
+
+Object.keys(_Default).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Default[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Default[key];
+    }
+  });
+});
+
+var _AlignRight = require("./__stories__/AlignRight");
+
+Object.keys(_AlignRight).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AlignRight[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AlignRight[key];
+    }
+  });
+});
+
+var _PlacementTop = require("./__stories__/PlacementTop");
+
+Object.keys(_PlacementTop).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _PlacementTop[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _PlacementTop[key];
+    }
+  });
+});
+
+/* eslint-disable digigov/no-relative-imports */
+var _default = {
+  title: 'Digigov UI/admin/Dropdown',
+  description: 'Use the dropdown component to provide more options to users in cases where there is not enough space such as tables, navbars, etc.',
+  link: 'https://guide.services.gov.gr/docs/patterns/admin-pages/components/dropdown',
+  component: _Dropdown["default"],
+  displayName: 'Dropdown'
+};
+exports["default"] = _default;

package/admin/Dropdown/__stories__/AlignRight.d.ts

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

package/admin/Dropdown/__stories__/AlignRight.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.AlignRight = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Dropdown = require("@digigov/ui/admin/Dropdown");
+
+var _FieldContainer = require("@digigov/ui/core/FieldContainer");
+
+var _LabelContainer = require("@digigov/ui/core/LabelContainer");
+
+var _SectionBreak = require("@digigov/ui/core/SectionBreak");
+
+var _NavVertical = require("@digigov/ui/core/NavList/NavVertical");
+
+var _TextInput = require("@digigov/ui/core/TextInput");
+
+var _NavVerticalItem = require("@digigov/ui/core/NavList/NavVerticalItem");
+
+var _Button = require("@digigov/ui/core/Button");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Dropdown.Dropdown, {
+  align: "right",
+  open: true
+}, /*#__PURE__*/_react["default"].createElement(_Dropdown.DropdownButton, {
+  role: "button",
+  "aria-haspopup": "true",
+  "aria-controls": "menu2",
+  arrow: true
+}, "\u0391\u03BD\u03B1\u03B6\u03B7\u03C4\u03B7\u03C3\u03B7"), /*#__PURE__*/_react["default"].createElement(_Dropdown.DropdownContent, {
+  role: "menu",
+  id: "menu2"
+}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, {
+  role: "menuitem"
+}, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+  name: "input-name"
+}))), /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
+  visible: true,
+  role: "separator"
+}), /*#__PURE__*/_react["default"].createElement(_NavVertical.NavVertical, {
+  role: "menu"
+}, /*#__PURE__*/_react["default"].createElement(_NavVerticalItem.NavVerticalItem, {
+  role: "menuitem",
+  href: "#"
+}, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /*#__PURE__*/_react["default"].createElement(_NavVerticalItem.NavVerticalItem, {
+  role: "menuitem",
+  href: "#"
+}, "\u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7"), /*#__PURE__*/_react["default"].createElement(_NavVerticalItem.NavVerticalItem, {
+  role: "menuitem",
+  href: "#"
+}, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE")), /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
+  visible: true,
+  role: "separator"
+}), /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  role: "menuitem"
+}, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1")));
+
+var AlignRight = function AlignRight() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, _ref);
+};
+
+exports.AlignRight = AlignRight;
+var _default = AlignRight;
+exports["default"] = _default;

package/admin/Dropdown/__stories__/Default.d.ts

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

package/admin/Dropdown/__stories__/Default.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Dropdown = require("@digigov/ui/admin/Dropdown");
+
+var _FieldContainer = require("@digigov/ui/core/FieldContainer");
+
+var _LabelContainer = require("@digigov/ui/core/LabelContainer");
+
+var _SectionBreak = require("@digigov/ui/core/SectionBreak");
+
+var _NavVertical = require("@digigov/ui/core/NavList/NavVertical");
+
+var _TextInput = require("@digigov/ui/core/TextInput");
+
+var _NavVerticalItem = require("@digigov/ui/core/NavList/NavVerticalItem");
+
+var _Button = require("@digigov/ui/core/Button");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Dropdown.Dropdown, {
+  open: true
+}, /*#__PURE__*/_react["default"].createElement(_Dropdown.DropdownButton, {
+  role: "button",
+  "aria-haspopup": "true",
+  "aria-controls": "menu2",
+  arrow: true
+}, "\u0391\u03BD\u03B1\u03B6\u03B7\u03C4\u03B7\u03C3\u03B7"), /*#__PURE__*/_react["default"].createElement(_Dropdown.DropdownContent, {
+  role: "menu",
+  id: "menu2"
+}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, {
+  role: "menuitem"
+}, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+  name: "input-name"
+}))), /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
+  visible: true,
+  role: "separator"
+}), /*#__PURE__*/_react["default"].createElement(_NavVertical.NavVertical, {
+  role: "menu"
+}, /*#__PURE__*/_react["default"].createElement(_NavVerticalItem.NavVerticalItem, {
+  role: "menuitem",
+  href: "#"
+}, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /*#__PURE__*/_react["default"].createElement(_NavVerticalItem.NavVerticalItem, {
+  role: "menuitem",
+  href: "#"
+}, "\u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7"), /*#__PURE__*/_react["default"].createElement(_NavVerticalItem.NavVerticalItem, {
+  role: "menuitem",
+  href: "#"
+}, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE")), /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
+  visible: true,
+  role: "separator"
+}), /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  role: "menuitem"
+}, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1")));
+
+var Default = function Default() {
+  return _ref;
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/admin/Dropdown/__stories__/PlacementTop.d.ts

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

package/admin/Dropdown/__stories__/PlacementTop.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.PlacementTop = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Dropdown = require("@digigov/ui/admin/Dropdown");
+
+var _FieldContainer = require("@digigov/ui/core/FieldContainer");
+
+var _LabelContainer = require("@digigov/ui/core/LabelContainer");
+
+var _SectionBreak = require("@digigov/ui/core/SectionBreak");
+
+var _NavVertical = require("@digigov/ui/core/NavList/NavVertical");
+
+var _TextInput = require("@digigov/ui/core/TextInput");
+
+var _NavVerticalItem = require("@digigov/ui/core/NavList/NavVerticalItem");
+
+var _Button = require("@digigov/ui/core/Button");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Dropdown.Dropdown, {
+  placement: "top",
+  open: true
+}, /*#__PURE__*/_react["default"].createElement(_Dropdown.DropdownButton, {
+  role: "button",
+  "aria-haspopup": "true",
+  "aria-controls": "menu2",
+  arrow: true
+}, "\u0391\u03BD\u03B1\u03B6\u03B7\u03C4\u03B7\u03C3\u03B7"), /*#__PURE__*/_react["default"].createElement(_Dropdown.DropdownContent, {
+  role: "menu",
+  id: "menu2"
+}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, {
+  role: "menuitem"
+}, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+  name: "input-name"
+}))), /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
+  visible: true,
+  role: "separator"
+}), /*#__PURE__*/_react["default"].createElement(_NavVertical.NavVertical, {
+  role: "menu"
+}, /*#__PURE__*/_react["default"].createElement(_NavVerticalItem.NavVerticalItem, {
+  role: "menuitem",
+  href: "#"
+}, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /*#__PURE__*/_react["default"].createElement(_NavVerticalItem.NavVerticalItem, {
+  role: "menuitem",
+  href: "#"
+}, "\u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7"), /*#__PURE__*/_react["default"].createElement(_NavVerticalItem.NavVerticalItem, {
+  role: "menuitem",
+  href: "#"
+}, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE")), /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
+  visible: true,
+  role: "separator"
+}), /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  role: "menuitem"
+}, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1")));
+
+var PlacementTop = function PlacementTop() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, _ref);
+};
+
+exports.PlacementTop = PlacementTop;
+var _default = PlacementTop;
+exports["default"] = _default;

package/admin/Dropdown/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import DropdownBase, { DropdownBaseProps } from '@digigov/react-extensions/admin/DropdownBase';
+export * from '@digigov/react-extensions/admin/DropdownButton';
+export * from '@digigov/react-extensions/admin/DropdownContent';
+export interface DropdownProps extends DropdownBaseProps {
+    /**
+     * Use closeBehaviour to set the way that the Dropdown will close.
+     */
+    closeBehaviour?: 'clickButton' | 'clickOutside';
+    /**
+     * Use float dropdown to set the dropdown to float over
+     * scroll bars and stay on a static position.
+     * This is mainly used to show actions in a long table.
+     */
+    float?: boolean;
+}
+/**
+ * Dropdown component is used for showing more options with a button.
+ */
+export declare const Dropdown: ({ closeBehaviour, float, ...props }: DropdownProps) => React.ReactElement;
+export { DropdownBase };
+export default Dropdown;