@dhis2-ui/file-input 9.11.0 → 9.11.1-beta.10

package/build/cjs/file-input-field/{file-input-field.stories.js → file-input-field.prod.stories.js}

@@ -4,28 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.WithLabel = exports.Statuses = exports.Sizes = exports.Required = exports.PlaceholderText = exports.Multiple = exports.HelpText = exports.FileList = exports.Disabled = exports.DesignSystemStackingOrderEmptyFileList = exports.DesignSystemStackingOrder = exports.DefaultButtonLabelAndPlaceholder = exports.Default = void 0;
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../index.js");
-
 var _fileInputField = require("./file-input-field.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const description = "\nThe `FileInputField` component wraps the `FileInput` component in a `Field` wrapper to add labels, help text, and validation text.\n\n```js\nimport { FileInputField, FileListItem } from '@dhis2/ui'\n```\n";
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const description = `
+The \`FileInputField\` component wraps the \`FileInput\` component in a \`Field\` wrapper to add labels, help text, and validation text.
+
+\`\`\`js
+import { FileInputField, FileListItem } from '@dhis2/ui'
+\`\`\`
+`;
 const onChange = obj => console.log('onChange', obj);
-
 const onRemove = () => console.log('onRemove');
-
 const onCancel = () => console.log('onCancel');
-
-var _default = {
+var _default = exports.default = {
   title: 'File Input Field',
   component: _fileInputField.FileInputField,
   parameters: {
@@ -36,54 +31,51 @@ var _default = {
     }
   },
   // Default args:
-  args: { // Handle default values (see comment in Transfer.js)
+  args: {
+    // Handle default values (see comment in Transfer.js)
     ..._fileInputField.FileInputField.defaultProps,
     onChange: onChange,
     name: 'uploadName',
     label: 'Upload something'
   },
   argTypes: {
-    small: { ..._uiConstants.sharedPropTypes.sizeArgType
+    small: {
+      ..._uiConstants.sharedPropTypes.sizeArgType
     },
-    large: { ..._uiConstants.sharedPropTypes.sizeArgType
+    large: {
+      ..._uiConstants.sharedPropTypes.sizeArgType
     },
-    valid: { ..._uiConstants.sharedPropTypes.statusArgType
+    valid: {
+      ..._uiConstants.sharedPropTypes.statusArgType
     },
-    warning: { ..._uiConstants.sharedPropTypes.statusArgType
+    warning: {
+      ..._uiConstants.sharedPropTypes.statusArgType
     },
-    error: { ..._uiConstants.sharedPropTypes.statusArgType
+    error: {
+      ..._uiConstants.sharedPropTypes.statusArgType
     }
   }
 };
-exports.default = _default;
-
 const Template = args => /*#__PURE__*/_react.default.createElement(_fileInputField.FileInputField, args);
-
-const Default = Template.bind({});
-exports.Default = Default;
+const Default = exports.Default = Template.bind({});
 Default.args = {
   label: null
 };
-const WithLabel = Template.bind({});
-exports.WithLabel = WithLabel;
-const Required = Template.bind({});
-exports.Required = Required;
+const WithLabel = exports.WithLabel = Template.bind({});
+const Required = exports.Required = Template.bind({});
 Required.args = {
   required: true
 };
-const Multiple = Template.bind({});
-exports.Multiple = Multiple;
+const Multiple = exports.Multiple = Template.bind({});
 Multiple.args = {
   multiple: true,
   label: 'Upload multiple things',
   buttonLabel: 'Upload files'
 };
-const Disabled = Template.bind({});
-exports.Disabled = Disabled;
+const Disabled = exports.Disabled = Template.bind({});
 Disabled.args = {
   disabled: true
 };
-
 const Sizes = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_fileInputField.FileInputField, _extends({}, args, {
   buttonLabel: "Default size",
   name: "defaultName"
@@ -96,9 +88,7 @@ const Sizes = args => /*#__PURE__*/_react.default.createElement(_react.default.F
   large: true,
   name: "largeName"
 })));
-
 exports.Sizes = Sizes;
-
 const Statuses = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_fileInputField.FileInputField, _extends({}, args, {
   buttonLabel: "Default",
   name: "defaultName"
@@ -116,9 +106,7 @@ const Statuses = args => /*#__PURE__*/_react.default.createElement(_react.defaul
   error: true,
   validationText: "Something went wrong"
 })));
-
 exports.Statuses = Statuses;
-
 const FileList = args => /*#__PURE__*/_react.default.createElement("div", {
   style: {
     width: 250
@@ -147,19 +135,15 @@ const FileList = args => /*#__PURE__*/_react.default.createElement("div", {
     color: 'grey'
   }
 }, /*#__PURE__*/_react.default.createElement("em", null, "Bounding box is 250px wide")));
-
 exports.FileList = FileList;
-const PlaceholderText = Template.bind({});
-exports.PlaceholderText = PlaceholderText;
+const PlaceholderText = exports.PlaceholderText = Template.bind({});
 PlaceholderText.args = {
   placeholder: 'No file(s) selected yet'
 };
-const HelpText = Template.bind({});
-exports.HelpText = HelpText;
+const HelpText = exports.HelpText = Template.bind({});
 HelpText.args = {
   helpText: 'Please select any file type'
 };
-
 const DesignSystemStackingOrder = args => /*#__PURE__*/_react.default.createElement(_fileInputField.FileInputField, args, /*#__PURE__*/_react.default.createElement(_index.FileListItem, {
   label: "TestFile.txt",
   onRemove: onRemove,
@@ -172,7 +156,6 @@ const DesignSystemStackingOrder = args => /*#__PURE__*/_react.default.createElem
   removeText: "remove",
   loading: true
 }));
-
 exports.DesignSystemStackingOrder = DesignSystemStackingOrder;
 DesignSystemStackingOrder.args = {
   error: true,
@@ -180,13 +163,12 @@ DesignSystemStackingOrder.args = {
   placeholder: 'Select a file',
   helpText: 'Please upload something'
 };
-const DesignSystemStackingOrderEmptyFileList = Template.bind({});
-exports.DesignSystemStackingOrderEmptyFileList = DesignSystemStackingOrderEmptyFileList;
-DesignSystemStackingOrderEmptyFileList.args = { ...DesignSystemStackingOrder.args
+const DesignSystemStackingOrderEmptyFileList = exports.DesignSystemStackingOrderEmptyFileList = Template.bind({});
+DesignSystemStackingOrderEmptyFileList.args = {
+  ...DesignSystemStackingOrder.args
 };
 DesignSystemStackingOrderEmptyFileList.storyName = 'Design system stacking order - empty file list';
-const DefaultButtonLabelAndPlaceholder = Template.bind({});
-exports.DefaultButtonLabelAndPlaceholder = DefaultButtonLabelAndPlaceholder;
+const DefaultButtonLabelAndPlaceholder = exports.DefaultButtonLabelAndPlaceholder = Template.bind({});
 DefaultButtonLabelAndPlaceholder.args = {
   label: null
 };

package/build/cjs/file-input-field/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "FileInputField", {
     return _fileInputField.FileInputField;
   }
 });
-
 var _fileInputField = require("./file-input-field.js");

package/build/cjs/file-input-field-with-list/__tests__/file-input-field-with-list.test.js

@@ -1,13 +1,9 @@
 "use strict";
 
 var _react = require("@testing-library/react");
-
 var _react2 = _interopRequireDefault(require("react"));
-
 var _fileInputFieldWithList = require("../file-input-field-with-list.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<FileInputFieldWithList />', () => {
   it('should call the onKeyDown callback when provided', () => {
     const onKeyDown = jest.fn();
@@ -19,13 +15,9 @@ describe('<FileInputFieldWithList />', () => {
       onKeyDown: onKeyDown,
       onChange: jest.fn()
     }));
-
     _react.fireEvent.keyDown(_react.screen.getByRole('button'), {});
-
     expect(onKeyDown).toHaveBeenCalledTimes(1);
-
     const input = _react.screen.getByTestId('dhis2-uicore-fileinput-input');
-
     expect(onKeyDown).toHaveBeenCalledWith({
       name: 'foo',
       files: input.files

package/build/cjs/file-input-field-with-list/features/common/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a FileInputFieldWithList with multiple files is rendered', () => {
   cy.visitStory('FileInputFieldWithList', 'Multiple files - with files');
 });

package/build/cjs/file-input-field-with-list/features/deduplicates_the_file_list/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('the list contains the file duplicate.md', () => {
   cy.contains('duplicate.md').should('have.lengthOf', 1).should('have.class', 'label').closest('[data-test="dhis2-uicore-filelistitem"]').should('have.lengthOf', 1);
 });

package/build/cjs/file-input-field-with-list/features/disables_button_when_full/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a FileInputFieldWithList without multiple is rendered', () => {
   cy.visitStory('FileInputFieldWithList', 'Single file - with file');
 });

package/build/cjs/file-input-field-with-list/features/displays_files_in_a_list/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Then)('the files are displayed in a list', () => {
   cy.get('[data-test="dhis2-uicore-filelistitem"] .label').then($labels => $labels.map((_, el) => el.innerHTML).toArray()).should('deep.equal', ['test1.md', 'duplicate.md', 'test2.md']);
 });

package/build/cjs/file-input-field-with-list/features/files_can_be_removed/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.When)('the remove handle behind a file is clicked', () => {
   cy.contains('test1.md').siblings('[data-test="dhis2-uicore-filelistitem-remove"]').click();
 });

package/build/cjs/file-input-field-with-list/features/has_default_button_label/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a default FileInputFieldWithList is rendered', () => {
   cy.visitStory('FileInputFieldWithList', 'With default texts');
 });

package/build/cjs/file-input-field-with-list/features/has_default_placeholder/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a default FileInputFieldWithList is rendered', () => {
   cy.visitStory('FileInputFieldWithList', 'With default texts');
 });

package/build/cjs/file-input-field-with-list/features/has_default_remove_text/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a default FileInputFieldWithList is rendered', () => {
   cy.visitStory('FileInputFieldWithList', 'With file and default texts');
 });

package/build/cjs/file-input-field-with-list/file-input-field-with-list.e2e.stories.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithFileAndDefaultTexts = exports.WithDefaultTexts = exports.SingleFileWithFile = exports.MultipleFilesWithFiles = exports.MultipleFilesEmpty = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _index = require("./index.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+window.onChange = window.Cypress && window.Cypress.cy.stub();
+const singleFileArray = [new File([], 'dummy.txt')];
+window.duplicateFileConstructorArgs = [[], 'duplicate.md', {
+  lastModified: 1581348175357,
+  type: 'text/markdown'
+}];
+const multipleFileArray = [new File([], 'test1.md'), new File(...window.duplicateFileConstructorArgs), new File([], 'test2.md')];
+const onChange = (payload, event) => {
+  // NOTE: if files is not transformed into an array,
+  // cypress will get an empty file list!
+  window.onChange({
+    ...payload,
+    files: [...payload.files]
+  }, event);
+};
+var _default = exports.default = {
+  title: 'FileInputFieldWithList'
+};
+const SingleFileWithFile = () => /*#__PURE__*/_react.default.createElement(_index.FileInputFieldWithList, {
+  buttonLabel: "Upload file",
+  name: "upload",
+  files: singleFileArray,
+  removeText: "remove",
+  onChange: onChange
+});
+exports.SingleFileWithFile = SingleFileWithFile;
+const MultipleFilesEmpty = () => /*#__PURE__*/_react.default.createElement(_index.FileInputFieldWithList, {
+  buttonLabel: "Upload file",
+  multiple: true,
+  name: "upload",
+  removeText: "remove",
+  onChange: onChange
+});
+exports.MultipleFilesEmpty = MultipleFilesEmpty;
+const MultipleFilesWithFiles = () => /*#__PURE__*/_react.default.createElement(_index.FileInputFieldWithList, {
+  buttonLabel: "Upload file",
+  multiple: true,
+  name: "upload",
+  files: multipleFileArray,
+  removeText: "remove",
+  onChange: onChange
+});
+exports.MultipleFilesWithFiles = MultipleFilesWithFiles;
+const WithFileAndDefaultTexts = () => /*#__PURE__*/_react.default.createElement(_index.FileInputFieldWithList, {
+  name: "upload",
+  files: singleFileArray,
+  onChange: onChange
+});
+exports.WithFileAndDefaultTexts = WithFileAndDefaultTexts;
+const WithDefaultTexts = () => /*#__PURE__*/_react.default.createElement(_index.FileInputFieldWithList, {
+  name: "upload",
+  onChange: onChange
+});
+exports.WithDefaultTexts = WithDefaultTexts;

package/build/cjs/file-input-field-with-list/file-input-field-with-list.js

@@ -4,40 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FileInputFieldWithList = void 0;
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _index = require("../index.js");
-
+var _index = require("../file-input-field/index.js");
 var _index2 = _interopRequireDefault(require("../locales/index.js"));
-
 var _fileListItemWithRemove = require("./file-list-item-with-remove.js");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 // TODO: i18n
 const translate = (prop, interpolationObject) => {
   if (typeof prop === 'function') {
     return prop(interpolationObject);
   }
-
   return prop;
 };
-
 class FileInputFieldWithList extends _react.Component {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "handleChange", (_ref, event) => {
       let {
         files: fileList
@@ -51,7 +39,6 @@ class FileInputFieldWithList extends _react.Component {
         name: name
       }, event);
     });
-
     _defineProperty(this, "handleRemove", (_ref2, event) => {
       let {
         file: fileToRemove
@@ -67,7 +54,6 @@ class FileInputFieldWithList extends _react.Component {
       }, event);
     });
   }
-
   /**
    * @param {FileList} fileList
    * @returns {File[]}
@@ -76,17 +62,14 @@ class FileInputFieldWithList extends _react.Component {
     const {
       multiple,
       files
-    } = this.props; // Spread immutable FileList instance onto array
-
+    } = this.props;
+    // Spread immutable FileList instance onto array
     const newFiles = [...fileList];
-
     if (!multiple) {
       return newFiles;
     }
-
     return files.filter(file => !newFiles.some(x => x.name === file.name && x.lastModified === file.lastModified && x.size === file.size && x.type === file.type)).concat(newFiles);
   }
-
   render() {
     const {
       accept,
@@ -146,9 +129,7 @@ class FileInputFieldWithList extends _react.Component {
       file: file
     })));
   }
-
 }
-
 exports.FileInputFieldWithList = FileInputFieldWithList;
 FileInputFieldWithList.defaultProps = {
   dataTest: 'dhis2-uiwidgets-fileinputfieldwithlist',
@@ -160,66 +141,47 @@ FileInputFieldWithList.defaultProps = {
 FileInputFieldWithList.propTypes = {
   /** Called with signature `({ name: string, files: [File] }, event)` */
   onChange: _propTypes.default.func.isRequired,
-
   /** The `accept` attribute of the [native file input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept) */
   accept: _propTypes.default.string,
-
   /** Text on the button */
   buttonLabel: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]),
   className: _propTypes.default.string,
   dataTest: _propTypes.default.string,
-
   /** Disables the button */
   disabled: _propTypes.default.bool,
-
   /** Applies 'error' styling to the button and validation text. Mutually exclusive with `warning` and `valid` props */
   error: _uiConstants.sharedPropTypes.statusPropType,
   files: _propTypes.default.arrayOf(_propTypes.default.instanceOf(File)),
-
   /** Useful guiding text for the user */
   helpText: _propTypes.default.string,
   initialFocus: _propTypes.default.bool,
-
   /** A descriptive label above the button */
   label: _propTypes.default.string,
-
   /** Size of the button. Mutually exclusive with the `small` prop */
   large: _uiConstants.sharedPropTypes.sizePropType,
-
   /** The `multiple` attribute of the [native file input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#multiple) */
   multiple: _propTypes.default.bool,
-
   /** Name associated with input. Passed to event handler callbacks */
   name: _propTypes.default.string,
-
   /** Placeholder below the button */
   placeholder: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]),
-
   /** Text used for the button that removes a file from the list */
   removeText: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]),
-
   /** Adds an asterisk to indicate this field is required */
   required: _propTypes.default.bool,
-
   /** Size of the button. Mutually exclusive with the `large` prop */
   small: _uiConstants.sharedPropTypes.sizePropType,
   tabIndex: _propTypes.default.string,
-
   /** Applies 'valid' styling to the button and validation text. Mutually exclusive with `warning` and `error` props */
   valid: _uiConstants.sharedPropTypes.statusPropType,
-
   /** Text below the button that provides validation feedback */
   validationText: _propTypes.default.string,
-
   /** Applies 'warning' styling to the button and validation text. Mutually exclusive with `valid` and `error` props */
   warning: _uiConstants.sharedPropTypes.statusPropType,
-
   /** Called with signature `({ name: string, files: [] }, event)` */
   onBlur: _propTypes.default.func,
-
   /** Called with signature `({ name: string, files: [] }, event)` */
   onFocus: _propTypes.default.func,
-
   /** Called with signature `({ name: string, files: [] }, event)` */
   onKeyDown: _propTypes.default.func
 };

package/build/cjs/file-input-field-with-list/{file-input-field-with-list.stories.js → file-input-field-with-list.prod.stories.js}

@@ -4,26 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.RTL = exports.DefaultPlaceholder = exports.DefaultButtonLabelAndRemoveText = exports.Default = void 0;
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _fileInputFieldWithList = require("./file-input-field-with-list.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const description = `
+A FileInputField with logic for creating a dynamic list of removable files from an array of \`File\` objects.
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const description = "\nA FileInputField with logic for creating a dynamic list of removable files from an array of `File` objects.\n\n```js\nimport { FileInputFieldWithList } from '@dhis2/ui'\n```\n";
-const files = new Array(10).fill('dummy-file-name').map((name, i) => new File([], "".concat(name, "-").concat(i + 1, ".txt")));
-
+\`\`\`js
+import { FileInputFieldWithList } from '@dhis2/ui'
+\`\`\`
+`;
+const files = new Array(10).fill('dummy-file-name').map((name, i) => new File([], `${name}-${i + 1}.txt`));
 const onChange = _ref => {
   let {
     files
   } = _ref;
   console.log('files: ', files);
 };
-
-var _default = {
+var _default = exports.default = {
   title: 'File Input Field With List',
   component: _fileInputFieldWithList.FileInputFieldWithList,
   parameters: {
@@ -33,50 +32,48 @@ var _default = {
       }
     }
   },
-  args: { // Handle default props bug (see Transfer stories)
+  args: {
+    // Handle default props bug (see Transfer stories)
     ..._fileInputFieldWithList.FileInputFieldWithList.defaultProps,
     multiple: true,
     onChange: onChange,
     name: 'uploadName'
   },
   argTypes: {
-    small: { ..._uiConstants.sharedPropTypes.sizeArgType
+    small: {
+      ..._uiConstants.sharedPropTypes.sizeArgType
     },
-    large: { ..._uiConstants.sharedPropTypes.sizeArgType
+    large: {
+      ..._uiConstants.sharedPropTypes.sizeArgType
     },
-    valid: { ..._uiConstants.sharedPropTypes.statusArgType
+    valid: {
+      ..._uiConstants.sharedPropTypes.statusArgType
     },
-    warning: { ..._uiConstants.sharedPropTypes.statusArgType
+    warning: {
+      ..._uiConstants.sharedPropTypes.statusArgType
     },
-    error: { ..._uiConstants.sharedPropTypes.statusArgType
+    error: {
+      ..._uiConstants.sharedPropTypes.statusArgType
     }
   }
 };
-exports.default = _default;
-
 const Template = args => /*#__PURE__*/_react.default.createElement(_fileInputFieldWithList.FileInputFieldWithList, args);
-
-const Default = Template.bind({});
-exports.Default = Default;
+const Default = exports.Default = Template.bind({});
 Default.args = {
   buttonLabel: 'Upload file (custom label)',
   files: files,
   removeText: 'Custom remove text'
 };
-const DefaultButtonLabelAndRemoveText = Template.bind({});
-exports.DefaultButtonLabelAndRemoveText = DefaultButtonLabelAndRemoveText;
+const DefaultButtonLabelAndRemoveText = exports.DefaultButtonLabelAndRemoveText = Template.bind({});
 DefaultButtonLabelAndRemoveText.args = {
   files: files
 };
 DefaultButtonLabelAndRemoveText.storyName = 'Default: buttonLabel and removeText';
-const DefaultPlaceholder = Template.bind({});
-exports.DefaultPlaceholder = DefaultPlaceholder;
+const DefaultPlaceholder = exports.DefaultPlaceholder = Template.bind({});
 DefaultPlaceholder.storyName = 'Default: placeholder';
-
 const RTL = args => /*#__PURE__*/_react.default.createElement("div", {
   dir: "rtl"
 }, /*#__PURE__*/_react.default.createElement(Template, args));
-
 exports.RTL = RTL;
 RTL.args = {
   files: files