@digigov/ui 0.21.2 → 0.23.0

package/admin/AutoComplete/index.mdx

@@ -0,0 +1,46 @@
+---
+id: autocomplete
+title: AutoComplete
+---
+
+
+Autocomplete is a feature in which an input field suggests a word based on user input. This allows users to quickly search 
+through, select from large collections of options and help services get more consistent data.
+
+## Usage
+
+
+### How to import
+
+```bash
+import AutoComplete from '@digigov/ui/admin/AutoComplete';
+``` 
+
+### AutoComplete
+
+<Story packageName="@digigov/ui" component="admin/AutoComplete" story="Default.tsx" />
+
+### AutoComplete with auto select
+
+<Story packageName="@digigov/ui" component="admin/AutoComplete" story="WithAutoSelect.tsx" />
+
+### AutoComplete with inline style
+
+<Story packageName="@digigov/ui" component="admin/AutoComplete" story="WithInLine.tsx" />
+
+
+### AutoComplete with default value
+
+<Story packageName="@digigov/ui" component="admin/AutoComplete" story="WithDefaultValue.tsx" />
+
+### AutoComplete with placeholder
+<Story packageName="@digigov/ui" component="admin/AutoComplete" story="WithPlaceHolder.tsx" />
+
+### AutoComplete with all option's values
+<Story packageName="@digigov/ui" component="admin/AutoComplete" story="WithShowAllValues.tsx" />
+
+### AutoComplete with min length
+
+This is the minimum number of characters that should be entered before the autocomplete will attempt to suggest options(in above example is 2)
+
+<Story packageName="@digigov/ui" component="admin/AutoComplete" story="WithMinLength.tsx" />

package/admin/AutoComplete/utils.d.ts

@@ -0,0 +1 @@
+export default function suggest(query: string, syncResults: (options: string[]) => void): void;

package/admin/AutoComplete/utils.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = suggest;
+
+function suggest(query, syncResults) {
+  var results = ['Afghanistan', 'Akrotiri', 'Albania', 'Algeria', 'American Samoa', 'Andorra', 'Angola', 'Anguilla', 'Antarctica', 'Antigua and Barbuda', 'Argentina', 'Armenia', 'Aruba', 'Ashmore and Cartier Islands', 'Australia', 'Austria', 'Azerbaijan', 'Bahamas, The', 'Bahrain', 'Bangladesh', 'Barbados', 'Bassas da India', 'Belarus', 'Belgium', 'Belize', 'Benin', 'Bermuda', 'Bhutan', 'Bolivia', 'Bosnia and Herzegovina', 'Botswana', 'Bouvet Island', 'Brazil', 'British Indian Ocean Territory', 'British Virgin Islands', 'Brunei', 'Bulgaria', 'Burkina Faso', 'Burma', 'Burundi', 'Cambodia', 'Cameroon', 'Canada', 'Cape Verde', 'Cayman Islands', 'Central African Republic', 'Chad', 'Chile', 'China', 'Christmas Island', 'Clipperton Island', 'Cocos (Keeling) Islands', 'Colombia', 'Comoros', 'Congo', 'Cook Islands', 'Coral Sea Islands', 'Costa Rica', "Cote d'Ivoire", 'Croatia', 'Cuba', 'Cyprus', 'Czech Republic', 'Denmark', 'Dhekelia', 'Djibouti', 'Dominica', 'Dominican Republic', 'Ecuador', 'Egypt', 'El Salvador', 'Equatorial Guinea', 'Eritrea', 'Estonia', 'Ethiopia', 'Europa Island', 'Falkland Islands', 'Faroe Islands', 'Fiji', 'Finland', 'France', 'French Guiana', 'French Polynesia', 'French Southern and Antarctic Lands', 'Gabon', 'Gambia,', 'Gaza Strip', 'Georgia', 'Germany', 'Ghana', 'Gibraltar', 'Glorioso Islands', 'Greece', 'Greenland', 'Grenada', 'Guadeloupe', 'Guam', 'Guatemala', 'Guernsey', 'Guinea', 'Guinea-Bissau', 'Guyana', 'Haiti', 'Heard Island and McDonald Islands', 'Holy See (Vatican City)', 'Honduras', 'Hong Kong', 'Hungary', 'Iceland', 'India', 'Indonesia', 'Iran', 'Iraq', 'Ireland', 'Isle of Man', 'Israel', 'Italy', 'Jamaica', 'Jan Mayen', 'Japan', 'Jersey', 'Jordan', 'Juan de Nova Island', 'Kazakhstan', 'Kenya', 'Kiribati', 'Korea, North', 'Korea, South', 'Kuwait', 'Kyrgyzstan', 'Laos', 'Latvia', 'Lebanon', 'Lesotho', 'Liberia', 'Libya', 'Liechtenstein', 'Lithuania', 'Luxembourg', 'Macau', 'Macedonia', 'Madagascar', 'Malawi', 'Malaysia', 'Maldives', 'Mali', 'Malta', 'Marshall Islands', 'Martinique', 'Mauritania', 'Mauritius', 'Mayotte', 'Mexico', 'Micronesia, Federated States of', 'Moldova', 'Monaco', 'Mongolia', 'Montserrat', 'Morocco', 'Mozambique', 'Namibia', 'Nauru', 'Navassa Island', 'Nepal', 'Netherlands', 'Netherlands Antilles', 'New Caledonia', 'New Zealand', 'Nicaragua', 'Niger', 'Nigeria', 'Niue', 'Norfolk Island', 'Northern Mariana Islands', 'Norway', 'Oman', 'Pakistan', 'Palau', 'Panama', 'Papua New Guinea', 'Paracel Islands', 'Paraguay', 'Peru', 'Philippines', 'Pitcairn Islands', 'Poland', 'Portugal', 'Puerto Rico', 'Qatar', 'Reunion', 'Romania', 'Russia', 'Rwanda', 'Saint Helena', 'Saint Kitts and Nevis', 'Saint Lucia', 'Saint Pierre and Miquelon', 'Saint Vincent and the Grenadines', 'Samoa', 'San Marino', 'Sao Tome and Principe', 'Saudi Arabia', 'Senegal', 'Serbia and Montenegro', 'Seychelles', 'Sierra Leone', 'Singapore', 'Slovakia', 'Slovenia', 'Solomon Islands', 'Somalia', 'South Africa', 'South Georgia and the South Sandwich Islands', 'Spain', 'Spratly Islands', 'Sri Lanka', 'Sudan', 'Suriname', 'Svalbard', 'Swaziland', 'Sweden', 'Switzerland', 'Syria', 'Taiwan', 'Tajikistan', 'Tanzania', 'Thailand', 'Timor-Leste', 'Togo', 'Tokelau', 'Tonga', 'Trinidad and Tobago', 'Tromelin Island', 'Tunisia', 'Turkey', 'Turkmenistan', 'Turks and Caicos Islands', 'Tuvalu', 'Uganda', 'Ukraine', 'United Arab Emirates', 'United Kingdom', 'United States', 'Uruguay', 'Uzbekistan', 'Vanuatu', 'Venezuela', 'Vietnam', 'Virgin Islands', 'Wake Island', 'Wallis and Futuna', 'West Bank', 'Western Sahara', 'Yemen', 'Zambia', 'Zimbabwe'];
+  syncResults(query ? results.filter(function (result) {
+    return result.toLowerCase().indexOf(query.toLowerCase()) !== -1;
+  }) : []);
+}

package/admin/CopyToClipboard/CopyToClipboard.stories.d.ts

@@ -0,0 +1,9 @@
+declare namespace _default {
+    export const title: string;
+    export { CopyToClipboard as component };
+}
+export default _default;
+export * from "@digigov/ui/admin/CopyToClipboard/__stories__/Default";
+export * from "@digigov/ui/admin/CopyToClipboard/__stories__/Banner";
+export * from "@digigov/ui/admin/CopyToClipboard/__stories__/MultipleCopies";
+import CopyToClipboard from "@digigov/ui/admin/CopyToClipboard";

package/admin/CopyToClipboard/CopyToClipboard.stories.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _CopyToClipboard = _interopRequireDefault(require("@digigov/ui/admin/CopyToClipboard"));
+
+var _Default = require("@digigov/ui/admin/CopyToClipboard/__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 _Banner = require("@digigov/ui/admin/CopyToClipboard/__stories__/Banner");
+
+Object.keys(_Banner).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Banner[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Banner[key];
+    }
+  });
+});
+
+var _MultipleCopies = require("@digigov/ui/admin/CopyToClipboard/__stories__/MultipleCopies");
+
+Object.keys(_MultipleCopies).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _MultipleCopies[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MultipleCopies[key];
+    }
+  });
+});
+var _default = {
+  title: 'Digigov UI/admin/CopyToClipboard',
+  component: _CopyToClipboard["default"]
+};
+exports["default"] = _default;

package/admin/CopyToClipboard/__stories__/Banner.d.ts

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

package/admin/CopyToClipboard/__stories__/Banner.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Banner = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _admin = require("@digigov/ui/admin");
+
+var _ui = require("@digigov/ui");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_admin.CopyToClipboard, {
+  text: "copied-text",
+  variant: "banner",
+  message: "text successfuly copied!"
+}, /*#__PURE__*/_react["default"].createElement(_ui.Button, {
+  color: "secondary"
+}, "Banner example"));
+
+var Banner = function Banner() {
+  return _ref;
+};
+
+exports.Banner = Banner;
+var _default = Banner;
+exports["default"] = _default;

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

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

package/admin/CopyToClipboard/__stories__/Default.js

@@ -0,0 +1,32 @@
+"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 _admin = require("@digigov/ui/admin");
+
+var _ui = require("@digigov/ui");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_admin.CopyToClipboard, {
+  text: "copied-text",
+  variant: "tooltipLeft",
+  message: "text successfuly copied!",
+  id: "copy-to-clipboard"
+}, /*#__PURE__*/_react["default"].createElement(_ui.Button, {
+  color: "secondary",
+  "aria-describedby": "copy-to-clipboard"
+}, "Copy"));
+
+var Default = function Default() {
+  return _ref;
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/admin/CopyToClipboard/__stories__/MultipleCopies.d.ts

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

package/{app/CopyToClipboard/__stories__/Default.js → admin/CopyToClipboard/__stories__/MultipleCopies.js}

@@ -5,13 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Default = void 0;
+exports["default"] = exports.MultipleCopies = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _CopyToClipboard = _interopRequireDefault(require("@digigov/ui/app/CopyToClipboard"));
+var _admin = require("@digigov/ui/admin");
 
-var _admin = require("@digigov/react-extensions/admin/");
+var _admin2 = require("@digigov/react-extensions/admin");
 
 var _reactCore = require("@digigov/react-core");
 
@@ -49,9 +49,11 @@ var fields = [{
   actions: ['Ανάθεση']
 }];
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_admin.AdminHeader, null, /*#__PURE__*/_react["default"].createElement(_admin.AdminHeaderSection, null, /*#__PURE__*/_react["default"].createElement(_ui.HeaderContent, null, /*#__PURE__*/_react["default"].createElement(_Logo["default"], null), /*#__PURE__*/_react["default"].createElement(_ui.HeaderTitle, null, "\u0398\u03C5\u03C1\u03AF\u03B4\u03B5\u03C2")), /*#__PURE__*/_react["default"].createElement(_ui.HeaderSubtitle, null, /*#__PURE__*/_react["default"].createElement(_admin.Dropdown, null, /*#__PURE__*/_react["default"].createElement(_admin.DropdownButton, {
+var _ref = /*#__PURE__*/_react["default"].createElement(_admin2.AdminHeader, null, /*#__PURE__*/_react["default"].createElement(_admin2.AdminHeaderSection, null, /*#__PURE__*/_react["default"].createElement(_ui.HeaderContent, null, /*#__PURE__*/_react["default"].createElement(_Logo["default"], null), /*#__PURE__*/_react["default"].createElement(_ui.HeaderTitle, null, "\u0398\u03C5\u03C1\u03AF\u03B4\u03B5\u03C2")), /*#__PURE__*/_react["default"].createElement(_ui.HeaderSubtitle, null, /*#__PURE__*/_react["default"].createElement(_admin2.Dropdown, {
+  align: "right"
+}, /*#__PURE__*/_react["default"].createElement(_admin2.DropdownButton, {
   variant: "link"
-}, "\u0388\u03C7\u03B5\u03C4\u03B5 \u03C3\u03C5\u03BD\u03B4\u03B5\u03B8\u03B5\u03AF \u03C9\u03C2 \u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5", /*#__PURE__*/_react["default"].createElement(_reactCore.MoreVertIcon, null)), /*#__PURE__*/_react["default"].createElement(_admin.DropdownContent, null, /*#__PURE__*/_react["default"].createElement(_reactCore.NavVertical, null, /*#__PURE__*/_react["default"].createElement(_reactCore.NavVerticalItem, {
+}, "\u0388\u03C7\u03B5\u03C4\u03B5 \u03C3\u03C5\u03BD\u03B4\u03B5\u03B8\u03B5\u03AF \u03C9\u03C2 \u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5", /*#__PURE__*/_react["default"].createElement(_reactCore.MoreVertIcon, null)), /*#__PURE__*/_react["default"].createElement(_admin2.DropdownContent, null, /*#__PURE__*/_react["default"].createElement(_reactCore.NavVertical, null, /*#__PURE__*/_react["default"].createElement(_reactCore.NavVerticalItem, {
   href: "#"
 }, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /*#__PURE__*/_react["default"].createElement(_reactCore.NavVerticalItem, {
   href: "#"
@@ -63,7 +65,7 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   item: true,
   md: 3,
   lg: 2
-}, /*#__PURE__*/_react["default"].createElement(_admin.AdminAside, null, /*#__PURE__*/_react["default"].createElement(_admin.AdminTopSection, null, /*#__PURE__*/_react["default"].createElement(_ui.BackButton, null, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE \u03B8\u03C5\u03C1\u03AF\u03B4\u03B1\u03C2"), /*#__PURE__*/_react["default"].createElement(_Title["default"], {
+}, /*#__PURE__*/_react["default"].createElement(_admin2.AdminAside, null, /*#__PURE__*/_react["default"].createElement(_admin2.AdminTopSection, null, /*#__PURE__*/_react["default"].createElement(_ui.BackButton, null, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE \u03B8\u03C5\u03C1\u03AF\u03B4\u03B1\u03C2"), /*#__PURE__*/_react["default"].createElement(_Title["default"], {
   size: "sm"
 }, "\u039A\u0395\u03A0/\u0396\u0391\u039A\u03A5\u039D\u0398\u039F\u03A5 [\u0396\u0391\u039A\u03A5\u039D\u0398\u0399\u03A9\u039D]"), /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], null, "\u039A\u0395\u03A0/\u0396\u0391\u039A\u03A5\u039D\u0398\u039F\u03A5 [\u0396\u0391\u039A\u03A5\u039D\u0398\u0399\u03A9\u039D]")), /*#__PURE__*/_react["default"].createElement(_ui.SectionBreak, {
   visible: true,
@@ -74,9 +76,9 @@ var _ref3 = /*#__PURE__*/_react["default"].createElement(_Title["default"], {
   size: "xl"
 }, "# \u03A5\u03C0\u03CC\u03B8\u03B5\u03C3\u03B7 4");
 
-var _ref4 = /*#__PURE__*/_react["default"].createElement(_ui.ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_CopyToClipboard["default"], {
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_ui.ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_admin.CopyToClipboard, {
   text: "AAABBBFFFLLL",
-  variant: "tooltip",
+  variant: "tooltipLeft",
   message: "text successfuly copied!"
 }, /*#__PURE__*/_react["default"].createElement(_ui.Button, null, "\u0391\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7")), /*#__PURE__*/_react["default"].createElement(_ui.Button, {
   color: "secondary"
@@ -87,7 +89,7 @@ var _ref4 = /*#__PURE__*/_react["default"].createElement(_ui.ButtonGroup, null,
 var _ref5 = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   item: true,
   xs: 12
-}, /*#__PURE__*/_react["default"].createElement(_CopyToClipboard["default"], {
+}, /*#__PURE__*/_react["default"].createElement(_admin.CopyToClipboard, {
   text: "AAABBBFFFLLL",
   variant: "banner",
   message: "text successfuly copied!"
@@ -98,9 +100,9 @@ var _ref5 = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
 var _ref6 = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   item: true,
   xs: 12
-}, /*#__PURE__*/_react["default"].createElement(_CopyToClipboard["default"], {
+}, /*#__PURE__*/_react["default"].createElement(_admin.CopyToClipboard, {
   text: "AAABBBFFFLLL",
-  variant: "tooltip",
+  variant: "tooltipLeft",
   message: "text successfuly copied!"
 }, /*#__PURE__*/_react["default"].createElement(_ui.Button, {
   color: "secondary"
@@ -108,12 +110,12 @@ var _ref6 = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
 
 var _ref7 = /*#__PURE__*/_react["default"].createElement(_Footer["default"], null);
 
-var Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_admin.AdminLayout, null, _ref, /*#__PURE__*/_react["default"].createElement(_admin.AdminContainer, null, _ref2, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+var MultipleCopies = function MultipleCopies() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_admin2.AdminLayout, null, _ref, /*#__PURE__*/_react["default"].createElement(_admin2.AdminContainer, null, _ref2, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
     item: true,
     md: 9,
     lg: 10
-  }, /*#__PURE__*/_react["default"].createElement(_admin.AdminMain, null, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_admin2.AdminMain, null, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
     container: true,
     spacing: 4
   }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
@@ -123,9 +125,9 @@ var Default = function Default() {
     return /*#__PURE__*/_react["default"].createElement(_ui.SummaryListItem, {
       key: index
     }, /*#__PURE__*/_react["default"].createElement(_ui.SummaryListItemKey, null, field.name), /*#__PURE__*/_react["default"].createElement(_ui.SummaryListItemValue, null, field.value), /*#__PURE__*/_react["default"].createElement(_ui.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_ui.ButtonGroup, null, field.actions && field.actions.map(function (action, subIndex) {
-      return /*#__PURE__*/_react["default"].createElement(_CopyToClipboard["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_admin.CopyToClipboard, {
         text: "MMMNNNKKKO",
-        variant: "tooltip",
+        variant: "tooltipRight",
         key: subIndex
       }, /*#__PURE__*/_react["default"].createElement(_ui.Button, {
         key: subIndex,
@@ -135,6 +137,6 @@ var Default = function Default() {
   }))), _ref5, _ref6)))), _ref7));
 };
 
-exports.Default = Default;
-var _default = Default;
+exports.MultipleCopies = MultipleCopies;
+var _default = MultipleCopies;
 exports["default"] = _default;

package/admin/CopyToClipboard/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 declare type DivElementAttributes = JSX.IntrinsicElements['div'];
 export interface CopyToClipboardProps extends DivElementAttributes {
     text: string;
-    variant?: 'tooltip' | 'banner';
+    variant?: 'tooltipRight' | 'tooltipLeft' | 'banner';
     message?: string;
 }
 export declare const CopyToClipboard: React.ForwardRefExoticComponent<Pick<CopyToClipboardProps, "color" | "variant" | "className" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "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" | "text" | "message"> & React.RefAttributes<HTMLDivElement>>;

package/admin/CopyToClipboard/index.js

@@ -28,7 +28,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var CopyToClipboard = /*#__PURE__*/_react["default"].forwardRef(function CopyToClipboard(_ref, ref) {
   var text = _ref.text,
       _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'tooltip' : _ref$variant,
+      variant = _ref$variant === void 0 ? 'tooltipRight' : _ref$variant,
       message = _ref.message,
       children = _ref.children;
 
@@ -60,7 +60,8 @@ var CopyToClipboard = /*#__PURE__*/_react["default"].forwardRef(function CopyToC
     ref: ref
   }, children, enabled && /*#__PURE__*/_react["default"].createElement(_CopyToClipboardMessage["default"], {
     variant: variant,
-    enabled: enabled
+    enabled: enabled,
+    role: "tooltip"
   }, /*#__PURE__*/_react["default"].createElement(_NormalText["default"], null, message || t('copy-to-clipboard.message'))));
 });
 

package/admin/CopyToClipboard/index.mdx

@@ -0,0 +1,22 @@
+---
+id: copy-to-clipboard
+title: CopyToClipboard
+---
+
+```bash
+import CopyToClipboard from '@digigov/ui/admin/CopyToClipboard';
+``` 
+
+## How to use
+
+### Default
+
+<Story packageName="@digigov/ui" component="admin/CopyToClipboard" story="Default.tsx" />
+
+### Banner
+
+<Story packageName="@digigov/ui" component="admin/CopyToClipboard" story="Banner.tsx" />
+
+### Layout example
+
+<Story packageName="@digigov/ui" component="admin/CopyToClipboard" story="MultipleCopies.tsx" />

package/admin/Drawer/__stories__/Default.js

@@ -19,7 +19,7 @@ var _reactCore = require("@digigov/react-core");
 
 var _ui = require("@digigov/ui");
 
-var _admin = require("@digigov/react-extensions/admin/");
+var _admin = require("@digigov/react-extensions/admin");
 
 var _Grid = _interopRequireDefault(require("@digigov/react-core/Grid"));
 

package/admin/Drawer/index.mdx

@@ -0,0 +1,12 @@
+---
+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" />

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

@@ -0,0 +1,9 @@
+declare namespace _default {
+    export const title: string;
+    export { Dropdown as component };
+}
+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,60 @@
+"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',
+  component: _Dropdown["default"]
+};
+exports["default"] = _default;

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

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

package/admin/Dropdown/__stories__/AlignRight.js

@@ -0,0 +1,83 @@
+"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.AlignRight = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Dropdown = _interopRequireWildcard(require("@digigov/ui/admin/Dropdown"));
+
+var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
+
+var _Label = _interopRequireDefault(require("@digigov/react-core/Label"));
+
+var _Divider = require("@digigov/ui/core/Divider");
+
+var _NavVertical = _interopRequireDefault(require("@digigov/react-core/NavVertical"));
+
+var _LabelTitle = require("@digigov/react-core/LabelTitle");
+
+var _TextInput = _interopRequireDefault(require("@digigov/ui/core/TextInput"));
+
+var _NavVerticalItem = _interopRequireDefault(require("@digigov/react-core/NavVerticalItem"));
+
+var _Button = _interopRequireDefault(require("@digigov/ui/core/Button"));
+
+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 _ref = /*#__PURE__*/_react["default"].createElement(_Dropdown["default"], {
+  align: "right"
+}, /*#__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(_Field["default"], {
+  role: "menuitem"
+}, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle.LabelTitle, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5"), /*#__PURE__*/_react["default"].createElement(_TextInput["default"], {
+  name: "input-name"
+}))), /*#__PURE__*/_react["default"].createElement(_Divider.SectionBreak, {
+  visible: true,
+  role: "separator"
+}), /*#__PURE__*/_react["default"].createElement(_NavVertical["default"], {
+  role: "menu"
+}, /*#__PURE__*/_react["default"].createElement(_NavVerticalItem["default"], {
+  role: "menuitem",
+  href: "#"
+}, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /*#__PURE__*/_react["default"].createElement(_NavVerticalItem["default"], {
+  role: "menuitem",
+  href: "#"
+}, "\u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7"), /*#__PURE__*/_react["default"].createElement(_NavVerticalItem["default"], {
+  role: "menuitem",
+  href: "#"
+}, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE")), /*#__PURE__*/_react["default"].createElement(_Divider.SectionBreak, {
+  visible: true,
+  role: "separator"
+}), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+  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,3 @@
+/// <reference types="react" />
+export declare const Default: () => JSX.Element;
+export default Default;