@digigov/ui 0.24.3 → 0.26.0

package/CHANGELOG.md

@@ -1,6 +1,26 @@
 # Change Log - @digigov/ui
 
-This log was last generated on Tue, 16 Aug 2022 07:40:15 GMT and should not be manually modified.
+This log was last generated on Thu, 01 Sep 2022 17:10:30 GMT and should not be manually modified.
+
+## 0.26.0
+Thu, 01 Sep 2022 17:10:30 GMT
+
+### Minor changes
+
+- Add locales for MultiplicityField in @digigov/form
+- Refactor Autocomplete and its utils
+
+## 0.25.0
+Wed, 31 Aug 2022 16:10:12 GMT
+
+### Minor changes
+
+- Add script to check if there are unexported react components from digigov/ui
+
+### Patches
+
+- Add custom content to Copyright
+- Fix typerror causing build to fail
 
 ## 0.24.3
 Tue, 16 Aug 2022 07:40:15 GMT

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

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

package/admin/AutoComplete/__stories__/Default.js

@@ -13,7 +13,7 @@ var _AutoComplete = _interopRequireDefault(require("@digigov/ui/admin/AutoComple
 
 var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
 
-var _utils = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete/utils"));
+var _utils = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete/__stories__/utils"));
 
 var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_AutoComplete["default"], {
   source: _utils["default"],

package/admin/AutoComplete/__stories__/WithAutoSelect.d.ts

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

package/admin/AutoComplete/__stories__/WithAutoSelect.js

@@ -13,7 +13,7 @@ var _AutoComplete = _interopRequireDefault(require("@digigov/ui/admin/AutoComple
 
 var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
 
-var _utils = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete/utils"));
+var _utils = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete/__stories__/utils"));
 
 var _ref = /*#__PURE__*/_react["default"].createElement("div", {
   className: "govgr-btn govgr-btn-primary"
@@ -23,7 +23,18 @@ var WithAutoSelect = function WithAutoSelect() {
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_AutoComplete["default"], {
     source: _utils["default"],
     autoselect: true,
-    id: "govgr",
+    id: "govgr" // tStatusResults={(x, y) => {
+    //   return `Results x: ${x} y: ${y}`;
+    // }}
+    ,
+    templates: {
+      suggestion: function suggestion(value) {
+        return '--> ' + value;
+      },
+      inputValue: function inputValue(value) {
+        return value ? 'Country: ' + value : '';
+      }
+    },
     tNoResults: function tNoResults() {
       return 'Δεν υπάρχουν αποτελέσματα';
     }

package/admin/AutoComplete/__stories__/WithDefaultValue.d.ts

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

package/admin/AutoComplete/__stories__/WithDefaultValue.js

@@ -13,7 +13,7 @@ var _AutoComplete = _interopRequireDefault(require("@digigov/ui/admin/AutoComple
 
 var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
 
-var _utils = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete/utils"));
+var _utils = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete/__stories__/utils"));
 
 var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_AutoComplete["default"], {
   source: _utils["default"],

package/admin/AutoComplete/__stories__/WithInLine.d.ts

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

package/admin/AutoComplete/__stories__/WithInLine.js

@@ -13,7 +13,7 @@ var _AutoComplete = _interopRequireDefault(require("@digigov/ui/admin/AutoComple
 
 var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
 
-var _utils = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete/utils"));
+var _utils = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete/__stories__/utils"));
 
 var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_AutoComplete["default"], {
   source: _utils["default"],

package/admin/AutoComplete/__stories__/WithMinLength.d.ts

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

package/admin/AutoComplete/__stories__/WithMinLength.js

@@ -15,7 +15,7 @@ var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
 
 var _Paragraph = _interopRequireDefault(require("@digigov/ui/typography/Paragraph"));
 
-var _utils = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete/utils"));
+var _utils = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete/__stories__/utils"));
 
 var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], null, "This is the minimum number of characters that should be entered before the autocomplete will attempt to suggest options(in above example is 2)"), /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_AutoComplete["default"], {
   source: _utils["default"],

package/admin/AutoComplete/__stories__/WithPlaceHolder.d.ts

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

package/admin/AutoComplete/__stories__/WithPlaceHolder.js

@@ -13,7 +13,7 @@ var _AutoComplete = _interopRequireDefault(require("@digigov/ui/admin/AutoComple
 
 var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
 
-var _utils = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete/utils"));
+var _utils = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete/__stories__/utils"));
 
 var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_AutoComplete["default"], {
   source: _utils["default"],

package/admin/AutoComplete/__stories__/WithShowAllValues.d.ts

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

package/admin/AutoComplete/__stories__/WithShowAllValues.js

@@ -13,7 +13,7 @@ var _AutoComplete = _interopRequireDefault(require("@digigov/ui/admin/AutoComple
 
 var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
 
-var _utils = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete/utils"));
+var _utils = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete/__stories__/utils"));
 
 var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_AutoComplete["default"], {
   source: _utils["default"],

package/admin/AutoComplete/__stories__/utils.d.ts

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

package/admin/AutoComplete/__stories__/utils.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = suggest;
+exports.results = void 0;
+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;
+  }) : []);
+}

package/admin/AutoComplete/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import AutoCompleteInput from '@digigov/react-extensions/admin/AutoCompleteInput';
 import AutoCompleteInputTypeahead from '@digigov/react-extensions/admin/AutoCompleteInputTypeahead';
 import AutoCompleteNoResult from '@digigov/react-extensions/admin/AutoCompleteNoResult';
@@ -6,13 +7,15 @@ import AutoCompleteResultListItem from '@digigov/react-extensions/admin/AutoComp
 import AutoCompleteWrapper from '@digigov/react-extensions/admin/AutoCompleteWrapper';
 import AutoCompleteAssistiveHint from '@digigov/react-extensions/admin/AutoCompleteAssistiveHint';
 import { Component } from 'react';
-declare type AutoCompleteProps = {
+export declare type AutoCompleteProps = {
     source: (query: string, syncResults: (options: string[]) => void) => void;
     id: string;
     tStatusResults?: (x: number, y: string) => string;
     tStatusNoResults?: () => string;
     tStatusQueryTooShort?: (x: number) => string;
     tStatusSelectedOption?: (x: string, y: number, z: number) => string;
+    tNoResults?: () => string;
+    tAssistiveHint?: () => string;
     templates?: {
         suggestion: (value: string) => string;
         inputValue: (value: string) => string;
@@ -29,11 +32,9 @@ declare type AutoCompleteProps = {
     showNoOptionsFound?: boolean;
     showAllValues?: boolean;
     required?: boolean;
-    tNoResults?: () => string;
-    tAssistiveHint?: () => string;
-    dropdownArrow?: any;
+    dropdownArrow?: React.ElementType;
 };
-declare type State = {
+export declare type State = {
     focused: any;
     hovered: any;
     menuOpen: boolean;
@@ -43,7 +44,7 @@ declare type State = {
     selected: any;
     ariaHint: boolean;
 };
-declare type ΝewQueryProps = {
+export declare type ΝewQueryProps = {
     menuOpen?: boolean;
     query?: string;
 };
@@ -63,9 +64,7 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
         required: boolean;
         tNoResults: () => string;
         tAssistiveHint: () => string;
-        dropdownArrow: ({ className }: {
-            className: any;
-        }) => JSX.Element;
+        dropdownArrow: React.ElementType<any>;
     };
     elementReferences: {};
     $pollInput: any;
@@ -75,27 +74,45 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
     componentWillUnmount(): void;
     pollInputElement(): void;
     getDirectInputChanges(): void;
-    componentDidUpdate(prevState: any): void;
+    componentDidUpdate(_: any, prevState: Readonly<State>): void;
     hasAutoselect(): boolean;
     templateInputValue(value: string): string;
     templateSuggestion(value: string): string;
     handleComponentBlur(newState: ΝewQueryProps): void;
     handleListMouseLeave(): void;
-    handleOptionBlur(event: any, index: number): void;
+    handleOptionBlur(event: React.FocusEvent<HTMLLIElement>, index: number): void;
     handleInputBlur(): void;
-    handleInputChange(event: any): void;
-    handleInputClick(event: any): void;
+    handleInputChange(event: {
+        target: any;
+    }): void;
+    handleInputClick(event: React.MouseEvent<HTMLInputElement, MouseEvent>): void;
     handleInputFocus(): void;
     handleOptionFocus(index: number): void;
     handleOptionMouseEnter(index: number): void;
     handleOptionClick(index: number): void;
-    handleOptionMouseDown(event: any): void;
-    handleUpArrow(event: any): void;
-    handleDownArrow(event: any): void;
-    handleSpace(event: any): void;
-    handleEnter(event: any): void;
-    handlePrintableKey(event: any): void;
-    handleKeyDown(event: any): void;
+    handleOptionMouseDown(event: {
+        preventDefault: () => void;
+    }): void;
+    handleUpArrow(event: {
+        preventDefault: () => void;
+    }): void;
+    handleDownArrow(event: {
+        preventDefault: () => void;
+    }): void;
+    handleSpace(event: {
+        preventDefault: () => void;
+    }): void;
+    handleEnter(event: {
+        preventDefault: () => void;
+    }): void;
+    handlePrintableKey(event: {
+        target: any;
+    }): void;
+    handleKeyDown(event: {
+        preventDefault: () => void;
+        keyCode: number;
+        target: any;
+    }): void;
     render(): JSX.Element;
 }
 export { AutoCompleteInput, AutoCompleteInputTypeahead, AutoCompleteNoResult, AutoCompleteResultList, AutoCompleteResultListItem, AutoCompleteWrapper, AutoCompleteAssistiveHint, };

package/admin/AutoComplete/index.js

@@ -85,6 +85,8 @@ var _Status = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete/Sta
 
 var _DropdownArrowDown = _interopRequireDefault(require("@digigov/react-extensions/admin/DropdownArrowDown"));
 
+var _utils = require("@digigov/ui/admin/AutoComplete/utils");
+
 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; }
@@ -93,31 +95,6 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-/* const IS_PREACT = process.env.COMPONENT_LIBRARY === 'PREACT'; */
-
-/* const IS_REACT = process.env.COMPONENT_LIBRARY === 'REACT'; */
-var keyCodes = {
-  13: 'enter',
-  27: 'escape',
-  32: 'space',
-  38: 'up',
-  40: 'down'
-};
-
-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)
-  ;
-}
-
 var AutoComplete = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(AutoComplete, _Component);
 
@@ -209,7 +186,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "componentDidUpdate",
-    value: function componentDidUpdate(prevState) {
+    value: function componentDidUpdate(_, prevState) {
       var focused = this.state.focused;
       var componentLostFocus = focused === null;
       var focusedChanged = prevState.focused !== focused;
@@ -231,7 +208,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
   }, {
     key: "hasAutoselect",
     value: function hasAutoselect() {
-      return isIosDevice() ? false : this.props.autoselect;
+      return (0, _utils.isIosDevice)() ? false : this.props.autoselect;
     } // This template is used when converting from a state.options object into a state.query.
 
   }, {
@@ -294,7 +271,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
       var blurComponent = !focusingAnotherOption && focusingOutsideComponent || !(focusingAnotherOption || focusingInput);
 
       if (blurComponent) {
-        var keepMenuOpen = menuOpen && isIosDevice();
+        var keepMenuOpen = menuOpen && (0, _utils.isIosDevice)();
         this.handleComponentBlur({
           menuOpen: keepMenuOpen,
           query: this.templateInputValue(options[selected])
@@ -313,8 +290,8 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
       var focusingAnOption = focused !== -1;
 
       if (!focusingAnOption) {
-        var keepMenuOpen = menuOpen && isIosDevice();
-        var newQuery = isIosDevice() ? query : this.templateInputValue(options[selected]);
+        var keepMenuOpen = menuOpen && (0, _utils.isIosDevice)();
+        var newQuery = (0, _utils.isIosDevice)() ? query : this.templateInputValue(options[selected]);
         this.handleComponentBlur({
           menuOpen: keepMenuOpen,
           query: newQuery
@@ -403,7 +380,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
     value: function handleOptionMouseEnter(index) {
       // iOS Safari prevents click event if mouseenter adds hover background colour
       // See: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW4
-      if (!isIosDevice()) {
+      if (!(0, _utils.isIosDevice)()) {
         this.setState({
           hovered: index
         });
@@ -534,7 +511,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
   }, {
     key: "handleKeyDown",
     value: function handleKeyDown(event) {
-      switch (keyCodes[event.keyCode]) {
+      switch (_utils.keyCodes[event.keyCode]) {
         case 'up':
           this.handleUpArrow(event);
           break;
@@ -558,7 +535,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
           break;
 
         default:
-          if (isPrintableKeyCode(event.keyCode)) {
+          if ((0, _utils.isPrintableKeyCode)(event.keyCode)) {
             this.handlePrintableKey(event);
           }
 
@@ -585,7 +562,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
           tStatusSelectedOption = _this$props4.tStatusSelectedOption,
           tStatusResults = _this$props4.tStatusResults,
           tAssistiveHint = _this$props4.tAssistiveHint,
-          dropdownArrowFactory = _this$props4.dropdownArrow;
+          DropdownArrow = _this$props4.dropdownArrow;
       var _this$state7 = this.state,
           focused = _this$state7.focused,
           hovered = _this$state7.hovered,
@@ -612,23 +589,6 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
       var ariaDescribedProp = ariaHint ? {
         'aria-describedby': assistiveHintID
       } : null;
-      var dropdownArrow; // we only need a dropdown arrow if showAllValues is set to a truthy value
-
-      if (showAllValues) {
-        dropdownArrow = dropdownArrowFactory({
-          className: dropdownArrowClassName
-        }); // if the factory returns a string we'll render this as HTML (usage w/o (P)React)
-
-        if (typeof dropdownArrow === 'string') {
-          dropdownArrow = /*#__PURE__*/_react["default"].createElement("div", {
-            className: "autocomplete__dropdown-arrow-down-wrapper",
-            dangerouslySetInnerHTML: {
-              __html: dropdownArrow
-            }
-          });
-        }
-      }
-
       return /*#__PURE__*/_react["default"].createElement(_AutoCompleteWrapper["default"], {
         onKeyDown: this.handleKeyDown,
         cellWidth: cellWidth
@@ -671,7 +631,9 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
         role: "combobox",
         required: required,
         value: query
-      })), dropdownArrow, /*#__PURE__*/_react["default"].createElement(_AutoCompleteResultList["default"], {
+      })), showAllValues && DropdownArrow && /*#__PURE__*/_react["default"].createElement(DropdownArrow, {
+        className: dropdownArrowClassName
+      }), /*#__PURE__*/_react["default"].createElement(_AutoCompleteResultList["default"], {
         displayMenu: displayMenu,
         isVisible: menuIsVisible,
         onMouseLeave: function onMouseLeave() {
@@ -681,7 +643,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
         role: "listbox"
       }, options.map(function (option, index) {
         var showFocused = focused === -1 ? selected === index : focused === index;
-        var iosPosinsetHtml = isIosDevice() ? "<span id=".concat(id, "__option-suffix--").concat(index, " style=\"border:0;clip:rect(0 0 0 0);height:1px;") + 'marginBottom:-1px;marginRight:-1px;overflow:hidden;padding:0;position:absolute;' + 'whiteSpace:nowrap;width:1px">' + " ".concat(index + 1, " of ").concat(options.length, "</span>") : '';
+        var iosPosinsetHtml = (0, _utils.isIosDevice)() ? "<span id=".concat(id, "__option-suffix--").concat(index, " style=\"border:0;clip:rect(0 0 0 0);height:1px;") + 'marginBottom:-1px;marginRight:-1px;overflow:hidden;padding:0;position:absolute;' + 'whiteSpace:nowrap;width:1px">' + " ".concat(index + 1, " of ").concat(options.length, "</span>") : '';
         return /*#__PURE__*/_react["default"].createElement(_AutoCompleteResultListItem["default"], {
           isFocused: showFocused,
           isHovered: hovered,

package/admin/AutoComplete/utils.d.ts

@@ -1 +1,9 @@
-export default function suggest(query: string, syncResults: (options: string[]) => void): void;
+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;

package/admin/AutoComplete/utils.js

@@ -3,11 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = suggest;
+exports.isIosDevice = isIosDevice;
+exports.isPrintableKeyCode = isPrintableKeyCode;
+exports.keyCodes = void 0;
+var keyCodes = {
+  13: 'enter',
+  27: 'escape',
+  32: 'space',
+  38: 'up',
+  40: 'down'
+};
+exports.keyCodes = keyCodes;
 
-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;
-  }) : []);
+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)
+  ;
 }

package/admin/Chip/index.d.ts

@@ -1,5 +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

@@ -50,6 +50,34 @@ Object.keys(_ChipSection).forEach(function (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; }

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

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

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

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

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

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

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

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

package/admin/CopyToClipboard/index.d.ts

@@ -1,9 +1,12 @@
 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?: '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>>;
+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"> & React.RefAttributes<HTMLDivElement>>;
 export default CopyToClipboard;
+export { CopyToClipboardContainer, CopyToClipboardMessage };