@digigov/ui 1.0.0-8bbf3ef2 → 1.0.0-b0737a96

package/form/FileUpload/__stories__/Default.js

@@ -1,32 +1,17 @@
-"use strict";
+import React from 'react';
+import { FieldContainer, Fieldset, FieldsetLegend } from "../../FieldContainer";
+import { FileUpload } from "./..";
+import { Hint } from "../../../typography/Hint";
 
-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 _FieldContainer = require("@digigov/ui/form/FieldContainer");
-
-var _FileUpload = require("@digigov/ui/form/FileUpload");
-
-var _Hint = require("@digigov/ui/typography/Hint");
-
-var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, {
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
   size: "md"
-}, "\u039B\u03BF\u03B3\u03CC\u03C4\u03C5\u03C0\u03BF \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, {
+}, "\u039B\u03BF\u03B3\u03CC\u03C4\u03C5\u03C0\u03BF \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(Hint, {
   id: "file-hint"
-}, "\u03A4\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 png \u03AE jpeg."), /*#__PURE__*/_react["default"].createElement(_FileUpload.FileUpload, {
+}, "\u03A4\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 png \u03AE jpeg."), /*#__PURE__*/React.createElement(FileUpload, {
   "aria-describedby": "file-hint"
 }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF\u03C5")));
 
-var Default = function Default() {
+export var Default = function Default() {
   return _ref;
 };
-
-exports.Default = Default;
-var _default = Default;
-exports["default"] = _default;
+export default Default;

package/form/FileUpload/__stories__/WithErrorMessage.js

@@ -1,38 +1,21 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WithErrorMessage = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ErrorMessage = require("@digigov/ui/form/ErrorMessage");
-
-var _FieldContainer = require("@digigov/ui/form/FieldContainer");
-
-var _FileUpload = require("@digigov/ui/form/FileUpload");
-
-var _Hint = require("@digigov/ui/typography/Hint");
-
-var _VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
-
-var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, {
+import React from 'react';
+import { ErrorMessage } from "../../ErrorMessage";
+import { FieldContainer, Fieldset, FieldsetLegend } from "../../FieldContainer";
+import { FileUpload } from "./..";
+import { Hint } from "../../../typography/Hint";
+import { VisuallyHidden } from "../../../utils/VisuallyHidden";
+
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, {
   error: true
-}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, {
+}, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
   size: "md"
-}, "\u039B\u03BF\u03B3\u03CC\u03C4\u03C5\u03C0\u03BF \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, {
+}, "\u039B\u03BF\u03B3\u03CC\u03C4\u03C5\u03C0\u03BF \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(Hint, {
   id: "file-hint"
-}, "\u03A4\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 png \u03AE jpeg."), /*#__PURE__*/_react["default"].createElement(_ErrorMessage.ErrorMessage, null, /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), " \u03A4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03B9\u03BA\u03C1\u03CC\u03C4\u03B5\u03C1\u03BF \u03B1\u03C0\u03CC 2MB."), /*#__PURE__*/_react["default"].createElement(_FileUpload.FileUpload, {
+}, "\u03A4\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 png \u03AE jpeg."), /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), " \u03A4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03B9\u03BA\u03C1\u03CC\u03C4\u03B5\u03C1\u03BF \u03B1\u03C0\u03CC 2MB."), /*#__PURE__*/React.createElement(FileUpload, {
   "aria-describedby": "file-hint"
 }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF\u03C5")));
 
-var WithErrorMessage = function WithErrorMessage() {
+export var WithErrorMessage = function WithErrorMessage() {
   return _ref;
 };
-
-exports.WithErrorMessage = WithErrorMessage;
-var _default = WithErrorMessage;
-exports["default"] = _default;
+export default WithErrorMessage;

package/form/FileUpload/index.js

@@ -1,44 +1,4 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-
-var _FileUpload = _interopRequireWildcard(require("@digigov/react-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 _FileUploadContainer = require("@digigov/react-core/FileUploadContainer");
-
-Object.keys(_FileUploadContainer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _FileUploadContainer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _FileUploadContainer[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 = _FileUpload["default"];
-exports["default"] = _default;
+export * from '@digigov/react-core/FileUpload';
+import FileUpload from '@digigov/react-core/FileUpload';
+export * from '@digigov/react-core/FileUploadContainer';
+export default FileUpload;

package/form/FileUpload/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/form/FileUpload/index.js"
+}

package/form/Form/index.js

@@ -1,19 +1,3 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Form", {
-  enumerable: true,
-  get: function get() {
-    return _Form["default"];
-  }
-});
-exports["default"] = void 0;
-
-var _Form = _interopRequireDefault(require("@digigov/react-core/Form"));
-
-var _default = _Form["default"];
-exports["default"] = _default;
+import Form from '@digigov/react-core/Form';
+export { Form };
+export default Form;

package/form/Form/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/form/Form/index.js"
+}

package/form/LabelContainer/index.js

@@ -1,44 +1,4 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-
-var _LabelContainer = _interopRequireWildcard(require("@digigov/react-core/LabelContainer"));
-
-Object.keys(_LabelContainer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _LabelContainer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _LabelContainer[key];
-    }
-  });
-});
-
-var _LabelTitle = require("@digigov/react-core/LabelTitle");
-
-Object.keys(_LabelTitle).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _LabelTitle[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _LabelTitle[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 = _LabelContainer["default"];
-exports["default"] = _default;
+export * from '@digigov/react-core/LabelContainer';
+export * from '@digigov/react-core/LabelTitle';
+import LabelContainer from '@digigov/react-core/LabelContainer';
+export default LabelContainer;

package/form/LabelContainer/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/form/LabelContainer/index.js"
+}

package/form/RadioContainer/RadioContainer.stories.js

@@ -1,159 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-
-var _RadioContainer = _interopRequireDefault(require("@digigov/ui/form/RadioContainer"));
-
-var _Default = require("@digigov/ui/form/RadioContainer/__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 _WithMediumLegend = require("@digigov/ui/form/RadioContainer/__stories__/WithMediumLegend");
-
-Object.keys(_WithMediumLegend).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithMediumLegend[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _WithMediumLegend[key];
-    }
-  });
-});
-
-var _MultipleQuestions = require("@digigov/ui/form/RadioContainer/__stories__/MultipleQuestions");
-
-Object.keys(_MultipleQuestions).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _MultipleQuestions[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _MultipleQuestions[key];
-    }
-  });
-});
-
-var _Inline = require("@digigov/ui/form/RadioContainer/__stories__/Inline");
-
-Object.keys(_Inline).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Inline[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Inline[key];
-    }
-  });
-});
-
-var _WithHints = require("@digigov/ui/form/RadioContainer/__stories__/WithHints");
-
-Object.keys(_WithHints).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithHints[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _WithHints[key];
-    }
-  });
-});
-
-var _NoneAnswer = require("@digigov/ui/form/RadioContainer/__stories__/NoneAnswer");
-
-Object.keys(_NoneAnswer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _NoneAnswer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _NoneAnswer[key];
-    }
-  });
-});
-
-var _WithErrorMessage = require("@digigov/ui/form/RadioContainer/__stories__/WithErrorMessage");
-
-Object.keys(_WithErrorMessage).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithErrorMessage[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _WithErrorMessage[key];
-    }
-  });
-});
-
-var _ConditionalReveal = require("@digigov/ui/form/RadioContainer/__stories__/ConditionalReveal");
-
-Object.keys(_ConditionalReveal).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ConditionalReveal[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ConditionalReveal[key];
-    }
-  });
-});
-
-var _InlineWithDivider = require("@digigov/ui/form/RadioContainer/__stories__/InlineWithDivider");
-
-Object.keys(_InlineWithDivider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _InlineWithDivider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _InlineWithDivider[key];
-    }
-  });
-});
-
-var _Dense = require("@digigov/ui/form/RadioContainer/__stories__/Dense");
-
-Object.keys(_Dense).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Dense[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Dense[key];
-    }
-  });
-});
-var _default = {
+import RadioContainer from "./";
+export default {
   title: 'Digigov UI/form/RadioContainer',
   description: 'Use the radios component when users can only select one option from a list.',
   link: 'https://guide.services.gov.gr/docs/components/radio',
-  component: _RadioContainer["default"],
+  component: RadioContainer,
   displayName: 'RadioContainer'
 };
-exports["default"] = _default;
+export * from "./__stories__/Default";
+export * from "./__stories__/WithMediumLegend";
+export * from "./__stories__/MultipleQuestions";
+export * from "./__stories__/Inline";
+export * from "./__stories__/WithHints";
+export * from "./__stories__/NoneAnswer";
+export * from "./__stories__/WithErrorMessage";
+export * from "./__stories__/ConditionalReveal";
+export * from "./__stories__/InlineWithDivider";
+export * from "./__stories__/Dense";

package/form/RadioContainer/__stories__/ConditionalReveal.js

@@ -1,42 +1,26 @@
-"use strict";
+import React from 'react';
+import { FieldContainer, Fieldset, FieldsetLegend } from "../../FieldContainer";
+import { RadioContainer, RadioItem, RadioConditional } from "./..";
+import { TextInput } from "../../TextInput";
+import { Hint } from "../../../typography/Hint";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.ConditionalReveal = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _FieldContainer = require("@digigov/ui/form/FieldContainer");
-
-var _RadioContainer = require("@digigov/ui/form/RadioContainer");
-
-var _TextInput = require("@digigov/ui/form/TextInput");
-
-var _Hint = require("@digigov/ui/typography/Hint");
-
-var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, {
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Fieldset, {
   "aria-describedby": "contact-hint"
-}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, null, "\u03A0\u03C9\u03C2 \u03B8\u03AD\u03BB\u03B5\u03C4\u03B5 \u03BD\u03B1 \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AE\u03C3\u03BF\u03C5\u03BC\u03B5 \u03BC\u03B1\u03B6\u03AF \u03C3\u03B1\u03C2;"), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, {
+}, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u03A0\u03C9\u03C2 \u03B8\u03AD\u03BB\u03B5\u03C4\u03B5 \u03BD\u03B1 \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AE\u03C3\u03BF\u03C5\u03BC\u03B5 \u03BC\u03B1\u03B6\u03AF \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(Hint, {
   id: "contact-hint"
-}, "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9 \u03C3\u03C4\u03B7\u03BD \u03C0\u03B5\u03C1\u03AF\u03C0\u03C4\u03C9\u03C3\u03B7 \u03C3\u03B1\u03C2."), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, null, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+}, "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9 \u03C3\u03C4\u03B7\u03BD \u03C0\u03B5\u03C1\u03AF\u03C0\u03C4\u03C9\u03C3\u03B7 \u03C3\u03B1\u03C2."), /*#__PURE__*/React.createElement(RadioContainer, null, /*#__PURE__*/React.createElement(RadioItem, {
   defaultChecked: true,
   name: "contact",
   value: "email"
-}, "Email"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioConditional, null, "\u0397\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AE \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 email", /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+}, "Email"), /*#__PURE__*/React.createElement(RadioConditional, null, "\u0397\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AE \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 email", /*#__PURE__*/React.createElement(TextInput, {
   name: "email",
   width: "33.3%"
-})), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+})), /*#__PURE__*/React.createElement(RadioItem, {
   name: "contact",
   value: "phone"
 }, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"))));
 
-var ConditionalReveal = function ConditionalReveal() {
+export var ConditionalReveal = function ConditionalReveal() {
   return _ref;
 };
-
-exports.ConditionalReveal = ConditionalReveal;
-var _default = ConditionalReveal;
-exports["default"] = _default;
+export default ConditionalReveal;

package/form/RadioContainer/__stories__/Default.js

@@ -1,36 +1,22 @@
-"use strict";
+import React from 'react';
+import { FieldContainer, Fieldset, FieldsetLegend } from "../../FieldContainer";
+import { RadioContainer, RadioItem } from "./..";
 
-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 _FieldContainer = require("@digigov/ui/form/FieldContainer");
-
-var _RadioContainer = require("@digigov/ui/form/RadioContainer");
-
-var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, null, "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, null, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(RadioContainer, null, /*#__PURE__*/React.createElement(RadioItem, {
   name: "country",
   value: "greece"
-}, "\u0395\u03BB\u03BB\u03AC\u03B4\u03B1"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+}, "\u0395\u03BB\u03BB\u03AC\u03B4\u03B1"), /*#__PURE__*/React.createElement(RadioItem, {
   name: "country",
   value: "cyprus"
-}, "\u039A\u03CD\u03C0\u03C1\u03BF\u03C2"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+}, "\u039A\u03CD\u03C0\u03C1\u03BF\u03C2"), /*#__PURE__*/React.createElement(RadioItem, {
   name: "country",
   value: "eu"
-}, "\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+}, "\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(RadioItem, {
   name: "country",
   value: "us"
 }, "H\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2"))));
 
-var Default = function Default() {
+export var Default = function Default() {
   return _ref;
 };
-
-exports.Default = Default;
-var _default = Default;
-exports["default"] = _default;
+export default Default;

package/form/RadioContainer/__stories__/Dense.js

@@ -1,38 +1,24 @@
-"use strict";
+import React from 'react';
+import { FieldContainer, Fieldset, FieldsetLegend } from "../../FieldContainer";
+import { RadioContainer, RadioItem } from "./..";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Dense = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _FieldContainer = require("@digigov/ui/form/FieldContainer");
-
-var _RadioContainer = require("@digigov/ui/form/RadioContainer");
-
-var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, null, "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(RadioContainer, {
   dense: true
-}, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+}, /*#__PURE__*/React.createElement(RadioItem, {
   name: "country",
   value: "greece"
-}, "\u0395\u03BB\u03BB\u03AC\u03B4\u03B1"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+}, "\u0395\u03BB\u03BB\u03AC\u03B4\u03B1"), /*#__PURE__*/React.createElement(RadioItem, {
   name: "country",
   value: "cyprus"
-}, "\u039A\u03CD\u03C0\u03C1\u03BF\u03C2"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+}, "\u039A\u03CD\u03C0\u03C1\u03BF\u03C2"), /*#__PURE__*/React.createElement(RadioItem, {
   name: "country",
   value: "eu"
-}, "\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+}, "\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(RadioItem, {
   name: "country",
   value: "us"
 }, "H\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2"))));
 
-var Dense = function Dense() {
+export var Dense = function Dense() {
   return _ref;
 };
-
-exports.Dense = Dense;
-var _default = Dense;
-exports["default"] = _default;
+export default Dense;

package/form/RadioContainer/__stories__/Inline.js

@@ -1,38 +1,23 @@
-"use strict";
+import React from 'react';
+import { FieldContainer, Fieldset, FieldsetLegend } from "../../FieldContainer";
+import { RadioContainer, RadioItem } from "./..";
+import { Hint } from "../../../typography/Hint";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Inline = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _FieldContainer = require("@digigov/ui/form/FieldContainer");
-
-var _RadioContainer = require("@digigov/ui/form/RadioContainer");
-
-var _Hint = require("@digigov/ui/typography/Hint");
-
-var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, {
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Fieldset, {
   "aria-describedby": "name-hint"
-}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, null, "\u0388\u03C7\u03B5\u03C4\u03B5 \u03B1\u03BB\u03BB\u03AC\u03BE\u03B5\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2;"), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, {
+}, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u0388\u03C7\u03B5\u03C4\u03B5 \u03B1\u03BB\u03BB\u03AC\u03BE\u03B5\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(Hint, {
   id: "name-hint"
-}, "\u03A3\u03C5\u03BC\u03C0\u03B5\u03C1\u03B9\u03BB\u03B1\u03BC\u03B2\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03B5\u03C0\u03AF\u03B8\u03B5\u03C4\u03BF\u03C5 \u03C3\u03B1\u03C2 \u03AE \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03C4\u03C1\u03CC\u03C0\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03B3\u03C1\u03AC\u03C6\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2."), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
+}, "\u03A3\u03C5\u03BC\u03C0\u03B5\u03C1\u03B9\u03BB\u03B1\u03BC\u03B2\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03B5\u03C0\u03AF\u03B8\u03B5\u03C4\u03BF\u03C5 \u03C3\u03B1\u03C2 \u03AE \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03C4\u03C1\u03CC\u03C0\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03B3\u03C1\u03AC\u03C6\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2."), /*#__PURE__*/React.createElement(RadioContainer, {
   layout: "horizontal"
-}, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+}, /*#__PURE__*/React.createElement(RadioItem, {
   name: "changed_name",
   value: "yes"
-}, "\u039D\u03B1\u03B9"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+}, "\u039D\u03B1\u03B9"), /*#__PURE__*/React.createElement(RadioItem, {
   name: "changed_name",
   value: "no"
 }, "\u038C\u03C7\u03B9"))));
 
-var Inline = function Inline() {
+export var Inline = function Inline() {
   return _ref;
 };
-
-exports.Inline = Inline;
-var _default = Inline;
-exports["default"] = _default;
+export default Inline;