@digigov/ui 0.28.2 → 0.29.0

package/admin/AutoComplete/index.mdx

@@ -0,0 +1,73 @@
+---
+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" />
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="AutoComplete" />

package/admin/AutoComplete/utils.d.ts

@@ -0,0 +1,11 @@
+export declare const keyCodes: {
+    13: string;
+    27: string;
+    32: string;
+    38: string;
+    40: string;
+};
+export declare function isIosDevice(): boolean | undefined;
+export declare function isPrintableKeyCode(keyCode: number): boolean;
+export declare const results: string[];
+export declare function suggest(query: string, syncResults: (options: string[]) => void): void;

package/admin/AutoComplete/utils.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isIosDevice = isIosDevice;
+exports.isPrintableKeyCode = isPrintableKeyCode;
+exports.results = exports.keyCodes = void 0;
+exports.suggest = suggest;
+var keyCodes = {
+  13: 'enter',
+  27: 'escape',
+  32: 'space',
+  38: 'up',
+  40: 'down'
+};
+exports.keyCodes = keyCodes;
+
+function isIosDevice() {
+  return typeof navigator !== 'undefined' && !!(navigator.userAgent.match(/(iPod|iPhone|iPad)/g) && navigator.userAgent.match(/AppleWebKit/g));
+}
+
+function isPrintableKeyCode(keyCode) {
+  return keyCode > 47 && keyCode < 58 || // number keys
+  keyCode === 32 || keyCode === 8 || // spacebar or backspace
+  keyCode > 64 && keyCode < 91 || // letter keys
+  keyCode > 95 && keyCode < 112 || // numpad keys
+  keyCode > 185 && keyCode < 193 || // ;=,-./` (in order)
+  keyCode > 218 && keyCode < 223 // [\]' (in order)
+  ;
+}
+/* Helper Utils for __stories__ */
+
+
+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'];
+exports.results = results;
+
+function suggest(query, syncResults) {
+  syncResults(query ? results.filter(function (result) {
+    return result.toLowerCase().indexOf(query.toLowerCase()) !== -1;
+  }) : []);
+}
+/* end Helpers Utils __stories__ */

package/admin/Chip/index.d.ts

@@ -0,0 +1,7 @@
+export * from '@digigov/react-extensions/admin/Chip';
+export * from '@digigov/react-extensions/admin/ChipHeading';
+export * from '@digigov/react-extensions/admin/ChipSection';
+export * from '@digigov/react-extensions/admin/ChipSectionHorizontal';
+export * from '@digigov/react-extensions/admin/ChipSectionWrapper';
+import Chip from '@digigov/react-extensions/admin/Chip';
+export default Chip;

package/admin/Chip/index.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _Chip = _interopRequireWildcard(require("@digigov/react-extensions/admin/Chip"));
+
+Object.keys(_Chip).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Chip[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Chip[key];
+    }
+  });
+});
+
+var _ChipHeading = require("@digigov/react-extensions/admin/ChipHeading");
+
+Object.keys(_ChipHeading).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChipHeading[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ChipHeading[key];
+    }
+  });
+});
+
+var _ChipSection = require("@digigov/react-extensions/admin/ChipSection");
+
+Object.keys(_ChipSection).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChipSection[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ChipSection[key];
+    }
+  });
+});
+
+var _ChipSectionHorizontal = require("@digigov/react-extensions/admin/ChipSectionHorizontal");
+
+Object.keys(_ChipSectionHorizontal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChipSectionHorizontal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ChipSectionHorizontal[key];
+    }
+  });
+});
+
+var _ChipSectionWrapper = require("@digigov/react-extensions/admin/ChipSectionWrapper");
+
+Object.keys(_ChipSectionWrapper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChipSectionWrapper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ChipSectionWrapper[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 = _Chip["default"];
+exports["default"] = _default;

package/admin/CircularProgress/CircularProgress.stories.d.ts

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

package/admin/CircularProgress/CircularProgress.stories.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _CircularProgress = _interopRequireDefault(require("@digigov/ui/admin/CircularProgress"));
+
+var _Default = require("@digigov/ui/admin/CircularProgress/__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/CircularProgress',
+  component: _CircularProgress["default"],
+  displayName: 'CircularProgress'
+};
+exports["default"] = _default;

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

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

package/admin/CircularProgress/__stories__/Default.js

@@ -0,0 +1,24 @@
+"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 _LoaderContainer = require("@digigov/ui/admin/LoaderContainer");
+
+var _CircularProgress = require("@digigov/ui/admin/CircularProgress");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_LoaderContainer.LoaderContainer, null, /*#__PURE__*/_react["default"].createElement(_CircularProgress.CircularProgress, null));
+
+var Default = function Default() {
+  return _ref;
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/admin/CircularProgress/index.d.ts

@@ -0,0 +1,3 @@
+export * from '@digigov/react-extensions/admin/CircularProgress';
+import CircularProgress from '@digigov/react-extensions/admin/CircularProgress';
+export default CircularProgress;

package/admin/CircularProgress/index.js

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

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

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

package/admin/CopyToClipboard/CopyToClipboard.stories.js

@@ -0,0 +1,45 @@
+"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 _default = {
+  title: 'Digigov UI/admin/CopyToClipboard',
+  component: _CopyToClipboard["default"],
+  displayName: 'CopyToClipboard'
+};
+exports["default"] = _default;

package/{src/admin/Modal/Modal.stories.playwright.json → admin/CopyToClipboard/CopyToClipboard.stories.playwright.json}

@@ -1,35 +1,35 @@
 {
   "version": "4",
   "stories": {
-    "digigov-ui-admin-modal--default": {
+    "digigov-ui-admin-copytoclipboard--default": {
       "actionSets": [
         {
           "actions": [
             {
               "name": "click",
               "args": {
-                "selector": "text=Προσθήκη τηλεφώνου"
+                "selector": "html>body>div:nth-child(5)>div>div>button"
               }
             }
           ],
-          "id": "Q1m2Z1DE-gfI",
-          "title": "Open Modal"
+          "id": "BSaIJR2CMZJU",
+          "title": "Click button"
         }
       ]
     },
-    "digigov-ui-admin-modal--alert-dialog": {
+    "digigov-ui-admin-copytoclipboard--banner": {
       "actionSets": [
         {
           "actions": [
             {
               "name": "click",
               "args": {
-                "selector": "text=Διαγραφή"
+                "selector": "html>body>div:nth-child(5)>div>div>button"
               }
             }
           ],
-          "id": "ugGBGco96ZdX",
-          "title": "Open modal"
+          "id": "T50MBtHpfRog",
+          "title": "Click button"
         }
       ]
     }

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

@@ -0,0 +1,2 @@
+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 _CopyToClipboard = require("@digigov/ui/admin/CopyToClipboard");
+
+var _Button = require("@digigov/ui/core/Button");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_CopyToClipboard.CopyToClipboard, {
+  text: "copied-text",
+  variant: "banner",
+  message: "text successfuly copied!"
+}, /*#__PURE__*/_react["default"].createElement(_Button.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,2 @@
+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 _CopyToClipboard = require("@digigov/ui/admin/CopyToClipboard");
+
+var _Button = require("@digigov/ui/core/Button");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_CopyToClipboard.CopyToClipboard, {
+  text: "copied-text",
+  variant: "tooltip-left",
+  message: "text successfuly copied!",
+  id: "copy-to-clipboard"
+}, /*#__PURE__*/_react["default"].createElement(_Button.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/index.d.ts

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

package/admin/CopyToClipboard/index.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CopyToClipboard = void 0;
+Object.defineProperty(exports, "CopyToClipboardContainer", {
+  enumerable: true,
+  get: function get() {
+    return _CopyToClipboardContainer["default"];
+  }
+});
+Object.defineProperty(exports, "CopyToClipboardMessage", {
+  enumerable: true,
+  get: function get() {
+    return _CopyToClipboardMessage["default"];
+  }
+});
+exports["default"] = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _CopyToClipboardContainer = _interopRequireDefault(require("@digigov/react-extensions/admin/CopyToClipboardContainer"));
+
+var _CopyToClipboardMessage = _interopRequireDefault(require("@digigov/react-extensions/admin/CopyToClipboardMessage"));
+
+var _NormalText = _interopRequireDefault(require("@digigov/ui/typography/NormalText"));
+
+var _app = require("@digigov/ui/app");
+
+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 CopyToClipboard = /*#__PURE__*/_react["default"].forwardRef(function CopyToClipboard(_ref, ref) {
+  var text = _ref.text,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'tooltip-right' : _ref$variant,
+      message = _ref.message,
+      _ref$timeout = _ref.timeout,
+      timeout = _ref$timeout === void 0 ? 3000 : _ref$timeout,
+      children = _ref.children;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      enabled = _useState2[0],
+      setEnabled = _useState2[1];
+
+  var _useTranslation = (0, _app.useTranslation)(),
+      t = _useTranslation.t;
+
+  (0, _react.useEffect)(function () {
+    var timeoutInstance = setTimeout(function () {
+      if (enabled) setEnabled(false);
+    }, timeout);
+    return function () {
+      return clearTimeout(timeoutInstance);
+    };
+  }, [enabled]);
+
+  function copyToClipboard() {
+    navigator.clipboard.writeText(text);
+    setEnabled(true);
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_CopyToClipboardContainer["default"], {
+    onClick: copyToClipboard,
+    variant: variant,
+    ref: ref
+  }, children, enabled && /*#__PURE__*/_react["default"].createElement(_CopyToClipboardMessage["default"], {
+    variant: variant,
+    enabled: enabled,
+    role: "tooltip"
+  }, /*#__PURE__*/_react["default"].createElement(_NormalText["default"], null, message || t('copy-to-clipboard.message'))));
+});
+
+exports.CopyToClipboard = CopyToClipboard;
+var _default = CopyToClipboard;
+exports["default"] = _default;

package/admin/CopyToClipboard/index.mdx

@@ -0,0 +1,26 @@
+---
+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" />
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="CopyToClipboard" />