@dhis2-ui/file-input 10.0.0-alpha.5 → 10.0.0-alpha.7

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

@@ -58,10 +58,10 @@ class FileInput extends _react.Component {
   }
   render() {
     const {
-      accept,
+      accept = '*',
       buttonLabel,
       className,
-      dataTest,
+      dataTest = 'dhis2-uicore-fileinput',
       disabled,
       error,
       initialFocus,
@@ -114,10 +114,10 @@ class FileInput extends _react.Component {
   }
 }
 exports.FileInput = FileInput;
-FileInput.defaultProps = {
+_defineProperty(FileInput, "defaultProps", {
   accept: '*',
   dataTest: 'dhis2-uicore-fileinput'
-};
+});
 FileInput.propTypes = {
   /**
    * The `accept` attribute of the [native file input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept)

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

@@ -20,13 +20,15 @@ const translate = (prop, interpolationObject) => {
   }
   return prop;
 };
+const defaultButtonLabel = () => _index3.default.t('Upload a file');
+const defaultPlaceholder = () => _index3.default.t('No file uploaded yet');
 const FileInputField = _ref => {
   let {
-    accept,
-    buttonLabel,
+    accept = '*',
+    buttonLabel = defaultButtonLabel,
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uiwidgets-fileinputfield',
     disabled,
     error,
     helpText,
@@ -39,7 +41,7 @@ const FileInputField = _ref => {
     onChange,
     onFocus,
     onKeyDown,
-    placeholder,
+    placeholder = defaultPlaceholder,
     required,
     small,
     tabIndex,
@@ -80,12 +82,6 @@ const FileInputField = _ref => {
   }), /*#__PURE__*/_react.default.createElement(_index2.FileList, null, children ? children : /*#__PURE__*/_react.default.createElement(_index2.FileListPlaceholder, null, translate(placeholder))));
 };
 exports.FileInputField = FileInputField;
-FileInputField.defaultProps = {
-  accept: '*',
-  dataTest: 'dhis2-uiwidgets-fileinputfield',
-  buttonLabel: () => _index3.default.t('Upload a file'),
-  placeholder: () => _index3.default.t('No file uploaded yet')
-};
 FileInputField.propTypes = {
   /** 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,

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

@@ -33,7 +33,9 @@ var _default = exports.default = {
   // Default args:
   args: {
     // Handle default values (see comment in Transfer.js)
-    ..._fileInputField.FileInputField.defaultProps,
+    accept: '*',
+    dataTest: 'dhis2-uiwidgets-fileinputfield',
+    placeholder: 'No file uploaded yet',
     onChange: onChange,
     name: 'uploadName',
     label: 'Upload something',

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

@@ -73,12 +73,12 @@ class FileInputFieldWithList extends _react.Component {
   render() {
     const {
       accept,
-      buttonLabel,
+      buttonLabel = FileInputFieldWithList.defaultProps.buttonLabel,
       className,
-      dataTest,
+      dataTest = 'dhis2-uiwidgets-fileinputfieldwithlist',
       disabled,
       error,
-      files,
+      files = [],
       helpText,
       initialFocus,
       label,
@@ -88,8 +88,8 @@ class FileInputFieldWithList extends _react.Component {
       onBlur,
       onFocus,
       onKeyDown,
-      placeholder,
-      removeText,
+      placeholder = FileInputFieldWithList.defaultProps.placeholder,
+      removeText = FileInputFieldWithList.defaultProps.removeText,
       required,
       small,
       tabIndex,
@@ -131,13 +131,13 @@ class FileInputFieldWithList extends _react.Component {
   }
 }
 exports.FileInputFieldWithList = FileInputFieldWithList;
-FileInputFieldWithList.defaultProps = {
-  dataTest: 'dhis2-uiwidgets-fileinputfieldwithlist',
-  files: [],
+_defineProperty(FileInputFieldWithList, "defaultProps", {
+  accept: '*',
+  dataTest: 'dhis2-uiwidgets-fileinputfield',
   buttonLabel: () => _index2.default.t('Upload a file'),
   placeholder: () => _index2.default.t('No file uploaded yet'),
   removeText: () => _index2.default.t('Remove')
-};
+});
 FileInputFieldWithList.propTypes = {
   /** Called with signature `({ name: string, files: [File] }, event)` */
   onChange: _propTypes.default.func.isRequired,

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

@@ -34,7 +34,11 @@ var _default = exports.default = {
   },
   args: {
     // Handle default props bug (see Transfer stories)
-    ..._fileInputFieldWithList.FileInputFieldWithList.defaultProps,
+    dataTest: 'dhis2-uiwidgets-fileinputfieldwithlist',
+    files: [],
+    buttonLabel: 'Upload a file',
+    placeholder: 'No file uploaded yet',
+    removeText: 'Remove',
     multiple: true,
     onChange: onChange,
     name: 'uploadName'

package/build/cjs/file-list/file-list-item.js

@@ -21,7 +21,7 @@ const FileListItem = _ref => {
     loading,
     onCancel,
     cancelText,
-    dataTest
+    dataTest = 'dhis2-uicore-filelistitem'
   } = _ref;
   const handleKeyDown = event => {
     if (!onRemove) {
@@ -60,9 +60,6 @@ const FileListItem = _ref => {
   }, [`p.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0;padding-top:${_uiConstants.spacers.dp4};}`, "span.__jsx-style-dynamic-selector{display:inline-block;}", ".icon.__jsx-style-dynamic-selector{margin-inline-end:4px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-top:1px;}", ".text.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", `.label.__jsx-style-dynamic-selector{font-size:14px;color:${_uiConstants.colors.grey900};word-break:break-all;}`, ".label.__jsx-style-dynamic-selector::after{content:' ';display:inline-block;width:12px;}", `.action.__jsx-style-dynamic-selector{font-size:12px;line-height:12px;margin-top:0;-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;color:${_uiConstants.colors.grey700};}`, `.action.__jsx-style-dynamic-selector:hover{color:${_uiConstants.colors.red700};}`, `.action.__jsx-style-dynamic-selector:active{color:${_uiConstants.colors.red800};}`, `.action.__jsx-style-dynamic-selector:focus{outline:3px solid ${_uiConstants.theme.focus};outline-offset:2px;}`]));
 };
 exports.FileListItem = FileListItem;
-FileListItem.defaultProps = {
-  dataTest: 'dhis2-uicore-filelistitem'
-};
 FileListItem.propTypes = {
   onRemove: _propTypes.default.func.isRequired,
   cancelText: _propTypes.default.string,

package/build/cjs/file-list/file-list-placeholder.js

@@ -12,7 +12,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const FileListPlaceholder = _ref => {
   let {
     children,
-    dataTest
+    dataTest = 'dhis2-uicore-filelistplaceholder'
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("p", {
     "data-test": dataTest,
@@ -23,9 +23,6 @@ const FileListPlaceholder = _ref => {
   }, [`p.__jsx-style-dynamic-selector{margin:0;padding-top:${_uiConstants.spacers.dp4};font-size:14px;color:${_uiConstants.colors.grey700};}`]));
 };
 exports.FileListPlaceholder = FileListPlaceholder;
-FileListPlaceholder.defaultProps = {
-  dataTest: 'dhis2-uicore-filelistplaceholder'
-};
 FileListPlaceholder.propTypes = {
   children: _propTypes.default.string,
   dataTest: _propTypes.default.string

package/build/cjs/file-list/file-list.js

@@ -12,7 +12,7 @@ const FileList = _ref => {
   let {
     children,
     className,
-    dataTest
+    dataTest = 'dhis2-uicore-filelist'
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-test": dataTest,
@@ -22,9 +22,6 @@ const FileList = _ref => {
   }, ["div.jsx-2770071620{padding-top:4px;}", ".file-input+div.jsx-2770071620{padding-top:0;}"]));
 };
 exports.FileList = FileList;
-FileList.defaultProps = {
-  dataTest: 'dhis2-uicore-filelist'
-};
 FileList.propTypes = {
   children: _propTypes.default.node,
   className: _propTypes.default.string,

package/build/es/file-input/file-input.js

@@ -49,10 +49,10 @@ class FileInput extends Component {
   }
   render() {
     const {
-      accept,
+      accept = '*',
       buttonLabel,
       className,
-      dataTest,
+      dataTest = 'dhis2-uicore-fileinput',
       disabled,
       error,
       initialFocus,
@@ -104,10 +104,10 @@ class FileInput extends Component {
     }, ["input.__jsx-style-dynamic-selector{display:none;}", `.file-input.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:${spacers.dp8};padding-bottom:${spacers.dp4};}`]));
   }
 }
-FileInput.defaultProps = {
+_defineProperty(FileInput, "defaultProps", {
   accept: '*',
   dataTest: 'dhis2-uicore-fileinput'
-};
+});
 FileInput.propTypes = {
   /**
    * The `accept` attribute of the [native file input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept)

package/build/es/file-input-field/file-input-field.js

@@ -14,13 +14,15 @@ const translate = (prop, interpolationObject) => {
   }
   return prop;
 };
+const defaultButtonLabel = () => i18n.t('Upload a file');
+const defaultPlaceholder = () => i18n.t('No file uploaded yet');
 const FileInputField = _ref => {
   let {
-    accept,
-    buttonLabel,
+    accept = '*',
+    buttonLabel = defaultButtonLabel,
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uiwidgets-fileinputfield',
     disabled,
     error,
     helpText,
@@ -33,7 +35,7 @@ const FileInputField = _ref => {
     onChange,
     onFocus,
     onKeyDown,
-    placeholder,
+    placeholder = defaultPlaceholder,
     required,
     small,
     tabIndex,
@@ -73,12 +75,6 @@ const FileInputField = _ref => {
     warning: warning
   }), /*#__PURE__*/React.createElement(FileList, null, children ? children : /*#__PURE__*/React.createElement(FileListPlaceholder, null, translate(placeholder))));
 };
-FileInputField.defaultProps = {
-  accept: '*',
-  dataTest: 'dhis2-uiwidgets-fileinputfield',
-  buttonLabel: () => i18n.t('Upload a file'),
-  placeholder: () => i18n.t('No file uploaded yet')
-};
 FileInputField.propTypes = {
   /** The `accept` attribute of the [native file input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept) */
   accept: PropTypes.string,

package/build/es/file-input-field/file-input-field.prod.stories.js

@@ -26,7 +26,9 @@ export default {
   // Default args:
   args: {
     // Handle default values (see comment in Transfer.js)
-    ...FileInputField.defaultProps,
+    accept: '*',
+    dataTest: 'dhis2-uiwidgets-fileinputfield',
+    placeholder: 'No file uploaded yet',
     onChange: onChange,
     name: 'uploadName',
     label: 'Upload something',

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

@@ -65,12 +65,12 @@ class FileInputFieldWithList extends Component {
   render() {
     const {
       accept,
-      buttonLabel,
+      buttonLabel = FileInputFieldWithList.defaultProps.buttonLabel,
       className,
-      dataTest,
+      dataTest = 'dhis2-uiwidgets-fileinputfieldwithlist',
       disabled,
       error,
-      files,
+      files = [],
       helpText,
       initialFocus,
       label,
@@ -80,8 +80,8 @@ class FileInputFieldWithList extends Component {
       onBlur,
       onFocus,
       onKeyDown,
-      placeholder,
-      removeText,
+      placeholder = FileInputFieldWithList.defaultProps.placeholder,
+      removeText = FileInputFieldWithList.defaultProps.removeText,
       required,
       small,
       tabIndex,
@@ -122,13 +122,13 @@ class FileInputFieldWithList extends Component {
     })));
   }
 }
-FileInputFieldWithList.defaultProps = {
-  dataTest: 'dhis2-uiwidgets-fileinputfieldwithlist',
-  files: [],
+_defineProperty(FileInputFieldWithList, "defaultProps", {
+  accept: '*',
+  dataTest: 'dhis2-uiwidgets-fileinputfield',
   buttonLabel: () => i18n.t('Upload a file'),
   placeholder: () => i18n.t('No file uploaded yet'),
   removeText: () => i18n.t('Remove')
-};
+});
 FileInputFieldWithList.propTypes = {
   /** Called with signature `({ name: string, files: [File] }, event)` */
   onChange: PropTypes.func.isRequired,

package/build/es/file-input-field-with-list/file-input-field-with-list.prod.stories.js

@@ -27,7 +27,11 @@ export default {
   },
   args: {
     // Handle default props bug (see Transfer stories)
-    ...FileInputFieldWithList.defaultProps,
+    dataTest: 'dhis2-uiwidgets-fileinputfieldwithlist',
+    files: [],
+    buttonLabel: 'Upload a file',
+    placeholder: 'No file uploaded yet',
+    removeText: 'Remove',
     multiple: true,
     onChange: onChange,
     name: 'uploadName'

package/build/es/file-list/file-list-item.js

@@ -14,7 +14,7 @@ const FileListItem = _ref => {
     loading,
     onCancel,
     cancelText,
-    dataTest
+    dataTest = 'dhis2-uicore-filelistitem'
   } = _ref;
   const handleKeyDown = event => {
     if (!onRemove) {
@@ -52,9 +52,6 @@ const FileListItem = _ref => {
     dynamic: [spacers.dp4, colors.grey900, colors.grey700, colors.red700, colors.red800, theme.focus]
   }, [`p.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0;padding-top:${spacers.dp4};}`, "span.__jsx-style-dynamic-selector{display:inline-block;}", ".icon.__jsx-style-dynamic-selector{margin-inline-end:4px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-top:1px;}", ".text.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", `.label.__jsx-style-dynamic-selector{font-size:14px;color:${colors.grey900};word-break:break-all;}`, ".label.__jsx-style-dynamic-selector::after{content:' ';display:inline-block;width:12px;}", `.action.__jsx-style-dynamic-selector{font-size:12px;line-height:12px;margin-top:0;-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;color:${colors.grey700};}`, `.action.__jsx-style-dynamic-selector:hover{color:${colors.red700};}`, `.action.__jsx-style-dynamic-selector:active{color:${colors.red800};}`, `.action.__jsx-style-dynamic-selector:focus{outline:3px solid ${theme.focus};outline-offset:2px;}`]));
 };
-FileListItem.defaultProps = {
-  dataTest: 'dhis2-uicore-filelistitem'
-};
 FileListItem.propTypes = {
   onRemove: PropTypes.func.isRequired,
   cancelText: PropTypes.string,

package/build/es/file-list/file-list-placeholder.js

@@ -5,7 +5,7 @@ import React from 'react';
 const FileListPlaceholder = _ref => {
   let {
     children,
-    dataTest
+    dataTest = 'dhis2-uicore-filelistplaceholder'
   } = _ref;
   return /*#__PURE__*/React.createElement("p", {
     "data-test": dataTest,
@@ -15,9 +15,6 @@ const FileListPlaceholder = _ref => {
     dynamic: [spacers.dp4, colors.grey700]
   }, [`p.__jsx-style-dynamic-selector{margin:0;padding-top:${spacers.dp4};font-size:14px;color:${colors.grey700};}`]));
 };
-FileListPlaceholder.defaultProps = {
-  dataTest: 'dhis2-uicore-filelistplaceholder'
-};
 FileListPlaceholder.propTypes = {
   children: PropTypes.string,
   dataTest: PropTypes.string

package/build/es/file-list/file-list.js

@@ -5,7 +5,7 @@ const FileList = _ref => {
   let {
     children,
     className,
-    dataTest
+    dataTest = 'dhis2-uicore-filelist'
   } = _ref;
   return /*#__PURE__*/React.createElement("div", {
     "data-test": dataTest,
@@ -14,9 +14,6 @@ const FileList = _ref => {
     id: "2770071620"
   }, ["div.jsx-2770071620{padding-top:4px;}", ".file-input+div.jsx-2770071620{padding-top:0;}"]));
 };
-FileList.defaultProps = {
-  dataTest: 'dhis2-uicore-filelist'
-};
 FileList.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/file-input",
-    "version": "10.0.0-alpha.5",
+    "version": "10.0.0-alpha.7",
     "description": "UI FileInput",
     "repository": {
         "type": "git",
@@ -34,13 +34,13 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2-ui/button": "10.0.0-alpha.5",
-        "@dhis2-ui/field": "10.0.0-alpha.5",
-        "@dhis2-ui/label": "10.0.0-alpha.5",
-        "@dhis2-ui/loader": "10.0.0-alpha.5",
-        "@dhis2-ui/status-icon": "10.0.0-alpha.5",
-        "@dhis2/ui-constants": "10.0.0-alpha.5",
-        "@dhis2/ui-icons": "10.0.0-alpha.5",
+        "@dhis2-ui/button": "10.0.0-alpha.7",
+        "@dhis2-ui/field": "10.0.0-alpha.7",
+        "@dhis2-ui/label": "10.0.0-alpha.7",
+        "@dhis2-ui/loader": "10.0.0-alpha.7",
+        "@dhis2-ui/status-icon": "10.0.0-alpha.7",
+        "@dhis2/ui-constants": "10.0.0-alpha.7",
+        "@dhis2/ui-icons": "10.0.0-alpha.7",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },