@digigov/react-core 0.16.1 → 0.16.3

package/esm/FileUpload/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "className", "children"];
+var _excluded = ["name", "className", "children", "disabled", "hasFiles"];
 import React from 'react';
 import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
@@ -13,16 +13,23 @@ export var FileUpload = /*#__PURE__*/React.forwardRef(function FileUpload(_ref,
   var name = _ref.name,
       className = _ref.className,
       children = _ref.children,
+      disabled = _ref.disabled,
+      _ref$hasFiles = _ref.hasFiles,
+      hasFiles = _ref$hasFiles === void 0 ? false : _ref$hasFiles,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: clsx(className, true && 'upload-file')
-  }, props), children, /*#__PURE__*/React.createElement(Base, _extends({
+  return /*#__PURE__*/React.createElement(Base, {
+    as: "label",
+    tabIndex: 0,
+    role: "button",
+    className: clsx(className, !hasFiles && ['govgr-btn', 'govgr-btn-secondary'], hasFiles && 'govgr-link', true && 'govgr-label-file')
+  }, /*#__PURE__*/React.createElement(Base, _extends({
     as: "input",
     ref: ref,
     type: "file",
     name: name,
-    className: clsx(true && 'govgr-file-upload')
-  }, props)));
+    disabled: disabled,
+    className: clsx(true && 'govgr-file-input')
+  }, props)), children);
 });
 export default FileUpload;

package/esm/FileUploadContainer/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,29 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the FileUpload with hasUploadedFile prop 1`] = `
+<ForwardRef(FileUploadContainer)
+  hasUploadedFile={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-uploaded-file"
+  >
+    <div
+      className="govgr-uploaded-file"
+    />
+  </ForwardRef(Base)>
+</ForwardRef(FileUploadContainer)>
+`;
+
+exports[`renders the FileUpload with no props 1`] = `
+<ForwardRef(FileUploadContainer)>
+  <ForwardRef(Base)
+    as="div"
+    className=""
+  >
+    <div
+      className=""
+    />
+  </ForwardRef(Base)>
+</ForwardRef(FileUploadContainer)>
+`;

package/esm/FileUploadContainer/index.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children", "hasUploadedFile"];
+import React from 'react';
+import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
+
+/**
+ * Details for the FileUploadContainer.
+ * FileUploadContainer component is used for wrapping the FileUpload component
+ */
+export var FileUploadContainer = /*#__PURE__*/React.forwardRef(function FileUploadContainer(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      _ref$hasUploadedFile = _ref.hasUploadedFile,
+      hasUploadedFile = _ref$hasUploadedFile === void 0 ? false : _ref$hasUploadedFile,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    ref: ref,
+    as: "div",
+    className: clsx(className, hasUploadedFile && 'govgr-uploaded-file')
+  }, props), children);
+});
+export default FileUploadContainer;

package/esm/FileUploadContainer/index.test.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import FileUploadContainer from '@digigov/react-core/FileUploadContainer';
+
+var _ref = /*#__PURE__*/React.createElement(FileUploadContainer, null);
+
+it('renders the FileUpload with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(FileUploadContainer, {
+  hasUploadedFile: true
+});
+
+it('renders the FileUpload with hasUploadedFile prop', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});