@digigov/ui 0.21.1 → 0.22.0

package/core/VisuallyHidden/__stories__/Default.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _VisuallyHidden = _interopRequireDefault(require("@digigov/ui/core/VisuallyHidden"));
+
+var _typography = require("@digigov/ui/typography");
+
+var _Button = _interopRequireWildcard(require("@digigov/ui/core/Button"));
+
+var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
+
+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(_typography.Paragraph, null, "Some element below is visually hidden. It's only accessible for screen readers and any tools parsing the DOM.");
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Button.ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], null, " \u0394\u03BF\u03BA\u03B9\u03BC\u03AE"), /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "#"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, " \u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")));
+
+var Default = function Default() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2);
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/core/VisuallyHidden/index.d.ts

@@ -1 +1,3 @@
 export * from '@digigov/react-core/VisuallyHidden';
+import VisuallyHidden from '@digigov/react-core/VisuallyHidden';
+export default VisuallyHidden;

package/core/VisuallyHidden/index.js

@@ -1,13 +1,18 @@
 "use strict";
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {};
+exports["default"] = void 0;
 
-var _VisuallyHidden = require("@digigov/react-core/VisuallyHidden");
+var _VisuallyHidden = _interopRequireWildcard(require("@digigov/react-core/VisuallyHidden"));
 
 Object.keys(_VisuallyHidden).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _VisuallyHidden[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -15,4 +20,11 @@ Object.keys(_VisuallyHidden).forEach(function (key) {
       return _VisuallyHidden[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 = _VisuallyHidden["default"];
+exports["default"] = _default;

package/core/VisuallyHidden/index.mdx

@@ -0,0 +1,17 @@
+---
+id: visually-hidden
+title: VisuallyHidden
+---
+
+Use this component to convey meaning to people using screen readers, helping
+them access information and context.
+
+VisuallyHidden is a web accessibility technique used to hide content from the visual client, but keep it readable for screen readers.
+
+```bash
+import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
+``` 
+
+## How to use
+
+<Story packageName="@digigov/ui" component="core/VisuallyHidden" story="Default.tsx" />

package/core/WarningText/WarningText.stories.d.ts

@@ -0,0 +1,6 @@
+declare namespace _default {
+    export const title: string;
+    export { WarningText as component };
+}
+export default _default;
+export * from "./__stories__/Default";

package/core/WarningText/WarningText.stories.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _core = _interopRequireDefault(require("@digigov/ui/core"));
+
+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 _default = {
+  title: 'Digigov UI/core/WarningText',
+  component: _core["default"]
+};
+exports["default"] = _default;

package/core/WarningText/__stories__/Default.d.ts

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

package/core/WarningText/__stories__/Default.js

@@ -0,0 +1,22 @@
+"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 _WarningText = _interopRequireDefault(require("@digigov/ui/core/WarningText"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_WarningText["default"], null, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF \u03BD\u03B1 \u03C3\u03B1\u03C2 \u03B5\u03C0\u03B9\u03B2\u03BB\u03B7\u03B8\u03B5\u03AF \u03C0\u03C1\u03CC\u03C3\u03C4\u03B9\u03BC\u03BF \u03AD\u03C9\u03C2 \u03BA\u03B1\u03B9 5.000 \u03B5\u03C5\u03C1\u03CE \u03B5\u03AC\u03BD \u03B4\u03B5\u03BD \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03B5\u03AF\u03C4\u03B5.");
+
+var Default = function Default() {
+  return _ref;
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/core/WarningText/index.mdx

@@ -1,44 +1,19 @@
 ---
-title: Warning Text
-parent: docs/ui/components
+id: warning-text
+title: WarningText
 ---
 
-# Warning Text
+# WarningText
+ 
 
-import WarningText from '@digigov/ui/core/WarningText';
 
-```jsx live path=core/WarningText/index.tsx
+```bash
 import WarningText from '@digigov/ui/core/WarningText';
-import Paragraph from '@digigov/ui/typography/Paragraph';
-function CustomWarning (props){
- return (
-  <WarningText><Paragraph>Action Label</Paragraph></WarningText>
- )
-}
-export CustomWarningText
-
-```
-
-<br />
-
-## When to use this component
-
-Use the warning text component when you need to warn users about something
-important, such as legal consequences of an action, or lack of action that
-they might take.
-
-## How it works
-
-Write a descriptive message for the users that warns them about the possible
-complications of the current action.
-
-## API
-
-### Properties
+``` 
 
-<PropsDoc data={WarningText.__doc__} />
-<br />
+## How to use
 
-### Styles
+You might need to rewrite the hidden text ("Προσοχή" in the example) to make it appropriate for your context. 
+This will be used by screen-readers.
 
-<StylesDoc data={WarningText.__doc__} />
+<Story packageName="@digigov/ui" component="core/WarningText" story="Default.tsx" />

package/core/index.d.ts

@@ -1,22 +1,28 @@
 export { default as Button } from '@digigov/ui/core/Button';
+export * from '@digigov/ui/core/BackLink';
 export * from '@digigov/ui/core/Button';
 export * from '@digigov/ui/core/Accordion';
 export * from '@digigov/ui/core/Blockquote';
 export * from '@digigov/ui/core/Breadcrumbs';
 export * from '@digigov/ui/core/Card';
+export * from '@digigov/ui/core/Confirmation';
 export * from '@digigov/ui/core/Details';
 export * from '@digigov/ui/core/Divider';
 export * from '@digigov/ui/core/ErrorSummary';
+export * from '@digigov/ui/core/FileUpload';
 export * from '@digigov/ui/core/Hidden';
 export * from '@digigov/ui/core/Link';
 export * from '@digigov/ui/core/List';
 export * from '@digigov/ui/core/NavList';
-export * from '@digigov/ui/core/ServiceBadge';
+export * from '@digigov/ui/core/NavList';
+export * from '@digigov/ui/core/PhaseBanner';
 export * from '@digigov/ui/core/NotificationBanner';
 export * from '@digigov/ui/core/SummaryList';
+export * from '@digigov/ui/core/ServiceBadge';
 export * from '@digigov/ui/core/Table';
 export * from '@digigov/ui/core/Tabs';
+export * from '@digigov/ui/core/TextArea';
+export * from '@digigov/ui/core/TextInput';
 export * from '@digigov/ui/core/VisuallyHidden';
 export { default as WarningText } from '@digigov/ui/core/WarningText';
 export * from '@digigov/ui/core/SvgIcon';
-export * from '@digigov/ui/core/FileUpload';

package/core/index.js

@@ -38,6 +38,20 @@ Object.keys(_Button).forEach(function (key) {
   });
 });
 
+var _BackLink = require("@digigov/ui/core/BackLink");
+
+Object.keys(_BackLink).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _BackLink[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _BackLink[key];
+    }
+  });
+});
+
 var _Accordion = require("@digigov/ui/core/Accordion");
 
 Object.keys(_Accordion).forEach(function (key) {
@@ -94,6 +108,20 @@ Object.keys(_Card).forEach(function (key) {
   });
 });
 
+var _Confirmation = require("@digigov/ui/core/Confirmation");
+
+Object.keys(_Confirmation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Confirmation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Confirmation[key];
+    }
+  });
+});
+
 var _Details = require("@digigov/ui/core/Details");
 
 Object.keys(_Details).forEach(function (key) {
@@ -136,6 +164,20 @@ Object.keys(_ErrorSummary).forEach(function (key) {
   });
 });
 
+var _FileUpload = require("@digigov/ui/core/FileUpload");
+
+Object.keys(_FileUpload).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _FileUpload[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FileUpload[key];
+    }
+  });
+});
+
 var _Hidden = require("@digigov/ui/core/Hidden");
 
 Object.keys(_Hidden).forEach(function (key) {
@@ -192,16 +234,16 @@ Object.keys(_NavList).forEach(function (key) {
   });
 });
 
-var _ServiceBadge = require("@digigov/ui/core/ServiceBadge");
+var _PhaseBanner = require("@digigov/ui/core/PhaseBanner");
 
-Object.keys(_ServiceBadge).forEach(function (key) {
+Object.keys(_PhaseBanner).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ServiceBadge[key]) return;
+  if (key in exports && exports[key] === _PhaseBanner[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _ServiceBadge[key];
+      return _PhaseBanner[key];
     }
   });
 });
@@ -234,6 +276,20 @@ Object.keys(_SummaryList).forEach(function (key) {
   });
 });
 
+var _ServiceBadge = require("@digigov/ui/core/ServiceBadge");
+
+Object.keys(_ServiceBadge).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ServiceBadge[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ServiceBadge[key];
+    }
+  });
+});
+
 var _Table = require("@digigov/ui/core/Table");
 
 Object.keys(_Table).forEach(function (key) {
@@ -262,46 +318,60 @@ Object.keys(_Tabs).forEach(function (key) {
   });
 });
 
-var _VisuallyHidden = require("@digigov/ui/core/VisuallyHidden");
+var _TextArea = require("@digigov/ui/core/TextArea");
 
-Object.keys(_VisuallyHidden).forEach(function (key) {
+Object.keys(_TextArea).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _VisuallyHidden[key]) return;
+  if (key in exports && exports[key] === _TextArea[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _VisuallyHidden[key];
+      return _TextArea[key];
     }
   });
 });
 
-var _WarningText = _interopRequireDefault(require("@digigov/ui/core/WarningText"));
+var _TextInput = require("@digigov/ui/core/TextInput");
 
-var _SvgIcon = require("@digigov/ui/core/SvgIcon");
+Object.keys(_TextInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TextInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TextInput[key];
+    }
+  });
+});
 
-Object.keys(_SvgIcon).forEach(function (key) {
+var _VisuallyHidden = require("@digigov/ui/core/VisuallyHidden");
+
+Object.keys(_VisuallyHidden).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _SvgIcon[key]) return;
+  if (key in exports && exports[key] === _VisuallyHidden[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _SvgIcon[key];
+      return _VisuallyHidden[key];
     }
   });
 });
 
-var _FileUpload = require("@digigov/ui/core/FileUpload");
+var _WarningText = _interopRequireDefault(require("@digigov/ui/core/WarningText"));
 
-Object.keys(_FileUpload).forEach(function (key) {
+var _SvgIcon = require("@digigov/ui/core/SvgIcon");
+
+Object.keys(_SvgIcon).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _FileUpload[key]) return;
+  if (key in exports && exports[key] === _SvgIcon[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _FileUpload[key];
+      return _SvgIcon[key];
     }
   });
 });

package/es/admin/AutoComplete/AccesibleAutoComplete/index.js

@@ -0,0 +1,87 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import * as ReactDOM from 'react-dom';
+import AutoComplete from '@digigov/ui/admin/AutoComplete';
+
+function AccesibleAutoComplete(options) {
+  console.log('options are', options);
+
+  if (!options.element) {
+    throw new Error('element is not defined');
+  }
+
+  if (!options.id) {
+    throw new Error('id is not defined');
+  }
+
+  if (!options.source) {
+    throw new Error('source is not defined');
+  }
+
+  if (Array.isArray(options.source)) {
+    options.source = createSimpleEngine(options.source);
+  }
+
+  ReactDOM.render( /*#__PURE__*/React.createElement(AutoComplete, options), options.element);
+}
+
+var createSimpleEngine = function createSimpleEngine(values) {
+  return function (query, syncResults) {
+    var matches = values.filter(function (r) {
+      return r.toLowerCase().indexOf(query.toLowerCase()) !== -1;
+    });
+    syncResults(matches);
+  };
+};
+
+AccesibleAutoComplete.enhanceSelectElement = function (configurationOptions) {
+  if (!configurationOptions.selectElement) {
+    throw new Error('selectElement is not defined');
+  } // Set defaults.
+
+
+  if (!configurationOptions.source) {
+    var availableOptions = [].filter.call(configurationOptions.selectElement.options, function (option) {
+      return option.value || configurationOptions.preserveNullOptions;
+    });
+    configurationOptions.source = availableOptions.map(function (option) {
+      return option.textContent || option.innerText;
+    });
+  }
+
+  configurationOptions.onConfirm = configurationOptions.onConfirm || function (query) {
+    var requestedOption = [].filter.call(configurationOptions.selectElement.options, function (option) {
+      return (option.textContent || option.innerText) === query;
+    })[0];
+
+    if (requestedOption) {
+      requestedOption.selected = true;
+    }
+  };
+
+  if (configurationOptions.selectElement.value || configurationOptions.defaultValue === undefined) {
+    var option = configurationOptions.selectElement.options[configurationOptions.selectElement.options.selectedIndex];
+    configurationOptions.defaultValue = option.textContent || option.innerText;
+  }
+
+  if (configurationOptions.name === undefined) configurationOptions.name = '';
+
+  if (configurationOptions.id === undefined) {
+    if (configurationOptions.selectElement.id === undefined) {
+      configurationOptions.id = '';
+    } else {
+      configurationOptions.id = configurationOptions.selectElement.id;
+    }
+  }
+
+  if (configurationOptions.autoselect === undefined) configurationOptions.autoselect = true;
+  var element = document.createElement('div');
+  configurationOptions.selectElement.parentNode.insertBefore(element, configurationOptions.selectElement);
+  AccesibleAutoComplete(_extends({}, configurationOptions, {
+    element: element
+  }));
+  configurationOptions.selectElement.style.display = 'none';
+  configurationOptions.selectElement.id = configurationOptions.selectElement.id + '-select';
+};
+
+export default AccesibleAutoComplete;

package/es/admin/AutoComplete/AutoComplete.stories.js

@@ -0,0 +1,13 @@
+import AutoComplete from '@digigov/ui/admin/AutoComplete';
+export default {
+  title: 'Digigov UI/admin/AutoComplete',
+  component: AutoComplete
+}; // eslint-disable-next-line digigov/no-relative-import
+
+export * from '@digigov/ui/admin/AutoComplete/__stories__/Default';
+export * from '@digigov/ui/admin/AutoComplete/__stories__/WithAutoSelect';
+export * from '@digigov/ui/admin/AutoComplete/__stories__/WithInLine';
+export * from '@digigov/ui/admin/AutoComplete/__stories__/WithDefaultValue';
+export * from '@digigov/ui/admin/AutoComplete/__stories__/WithPlaceHolder';
+export * from '@digigov/ui/admin/AutoComplete/__stories__/WithShowAllValues';
+export * from '@digigov/ui/admin/AutoComplete/__stories__/WithMinLength';