@sb1/ffe-file-upload-react 9.0.5 → 10.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/es/FileItem.js +23 -14
  2. package/es/FileUpload.js +5 -2
  3. package/lib/FileItem.js +23 -14
  4. package/lib/FileUpload.js +5 -2
  5. package/package.json +5 -5
package/es/FileItem.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { func, shape, object, string as stringType } from 'prop-types';
3
- import UtropstegnIkon from "@sb1/ffe-icons-react/es/utropstegn-ikon";
3
+ import _Symbol from '@sb1/ffe-symbols-react';
4
4
  var FileItem = function FileItem(_ref) {
5
5
  var file = _ref.file,
6
6
  onFileDeleted = _ref.onFileDeleted,
@@ -15,10 +15,13 @@ var FileItem = function FileItem(_ref) {
15
15
  id: file.name,
16
16
  className: "ffe-file-upload__file-item-delete-button",
17
17
  onClick: onFileDeleted
18
- }, cancelText, /*#__PURE__*/React.createElement("div", {
19
- id: file.name,
18
+ }, /*#__PURE__*/React.createElement("span", {
19
+ className: "ffe-file-upload__file-item-delete-button-text"
20
+ }, cancelText), /*#__PURE__*/React.createElement(_Symbol, {
21
+ ariaLabel: "",
22
+ size: "md",
20
23
  className: "ffe-file-upload__file-item-delete-icon"
21
- })), /*#__PURE__*/React.createElement("div", {
24
+ }, "close")), /*#__PURE__*/React.createElement("div", {
22
25
  className: "ffe-file-upload__file-item-stencil-info"
23
26
  }, /*#__PURE__*/React.createElement("div", {
24
27
  className: "ffe-file-upload__file-item-stencil-info-background"
@@ -33,10 +36,13 @@ var FileItem = function FileItem(_ref) {
33
36
  id: file.name,
34
37
  className: "ffe-file-upload__file-item-delete-button",
35
38
  onClick: onFileDeleted
36
- }, deleteText, /*#__PURE__*/React.createElement("div", {
37
- id: file.name,
39
+ }, /*#__PURE__*/React.createElement("span", {
40
+ className: "ffe-file-upload__file-item-delete-button-text"
41
+ }, deleteText), /*#__PURE__*/React.createElement(_Symbol, {
42
+ ariaLabel: "",
43
+ size: "md",
38
44
  className: "ffe-file-upload__file-item-delete-icon"
39
- })), /*#__PURE__*/React.createElement("div", {
45
+ }, "close")), /*#__PURE__*/React.createElement("div", {
40
46
  className: "ffe-file-upload__file-item-filename"
41
47
  }, file.name)),
42
48
  // File has error
@@ -45,18 +51,21 @@ var FileItem = function FileItem(_ref) {
45
51
  role: "alert"
46
52
  }, /*#__PURE__*/React.createElement("div", {
47
53
  className: "ffe-file-upload__file-item-error-icon"
48
- }, /*#__PURE__*/React.createElement(UtropstegnIkon, {
49
- role: "img",
50
- title: "utropstegn-ikon"
51
- })), /*#__PURE__*/React.createElement("button", {
54
+ }, /*#__PURE__*/React.createElement(_Symbol, {
55
+ ariaLabel: "",
56
+ size: "sm"
57
+ }, "exclamation")), /*#__PURE__*/React.createElement("button", {
52
58
  type: "button",
53
59
  id: file.name,
54
60
  className: "ffe-file-upload__file-item-delete-button",
55
61
  onClick: onFileDeleted
56
- }, deleteText, /*#__PURE__*/React.createElement("div", {
57
- id: file.name,
62
+ }, /*#__PURE__*/React.createElement("span", {
63
+ className: "ffe-file-upload__file-item-delete-button-text"
64
+ }, deleteText), /*#__PURE__*/React.createElement(_Symbol, {
65
+ ariaLabel: "",
66
+ size: "md",
58
67
  className: "ffe-file-upload__file-item-delete-icon"
59
- })), /*#__PURE__*/React.createElement("div", {
68
+ }, "close")), /*#__PURE__*/React.createElement("div", {
60
69
  className: "ffe-file-upload__file-item-error-info"
61
70
  }, /*#__PURE__*/React.createElement("div", {
62
71
  className: "ffe-file-upload__file-item-error-filename"
package/es/FileUpload.js CHANGED
@@ -16,7 +16,7 @@ import { object, bool, func, string as stringType } from 'prop-types';
16
16
  import FileItem from './FileItem';
17
17
  import classNames from 'classnames';
18
18
  import { SecondaryButton } from '@sb1/ffe-buttons-react';
19
- import PilNedIBoksIkon from "@sb1/ffe-icons-react/es/pil-ned-i-boks-ikon";
19
+ import _Symbol from '@sb1/ffe-symbols-react';
20
20
  var FileUpload = /*#__PURE__*/function (_React$Component) {
21
21
  _inherits(FileUpload, _React$Component);
22
22
  var _super = _createSuper(FileUpload);
@@ -129,7 +129,10 @@ var FileUpload = /*#__PURE__*/function (_React$Component) {
129
129
  }, uploadTitle), /*#__PURE__*/React.createElement("div", {
130
130
  className: "ffe-file-upload__upload-section-microtext"
131
131
  }, uploadMicroText), /*#__PURE__*/React.createElement(SecondaryButton, {
132
- leftIcon: /*#__PURE__*/React.createElement(PilNedIBoksIkon, null),
132
+ leftIcon: /*#__PURE__*/React.createElement(_Symbol, {
133
+ ariaLabel: "",
134
+ size: "sm"
135
+ }, "download"),
133
136
  onClick: this.triggerUploadFileNativeHandler,
134
137
  id: "".concat(id, "-button")
135
138
  }, /*#__PURE__*/React.createElement("span", {
package/lib/FileItem.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _propTypes = require("prop-types");
9
- var _utropstegnIkon = _interopRequireDefault(require("@sb1/ffe-icons-react/lib/utropstegn-ikon"));
9
+ var _ffeSymbolsReact = _interopRequireDefault(require("@sb1/ffe-symbols-react"));
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
11
  var FileItem = function FileItem(_ref) {
12
12
  var file = _ref.file,
@@ -22,10 +22,13 @@ var FileItem = function FileItem(_ref) {
22
22
  id: file.name,
23
23
  className: "ffe-file-upload__file-item-delete-button",
24
24
  onClick: onFileDeleted
25
- }, cancelText, /*#__PURE__*/_react.default.createElement("div", {
26
- id: file.name,
25
+ }, /*#__PURE__*/_react.default.createElement("span", {
26
+ className: "ffe-file-upload__file-item-delete-button-text"
27
+ }, cancelText), /*#__PURE__*/_react.default.createElement(_ffeSymbolsReact.default, {
28
+ ariaLabel: "",
29
+ size: "md",
27
30
  className: "ffe-file-upload__file-item-delete-icon"
28
- })), /*#__PURE__*/_react.default.createElement("div", {
31
+ }, "close")), /*#__PURE__*/_react.default.createElement("div", {
29
32
  className: "ffe-file-upload__file-item-stencil-info"
30
33
  }, /*#__PURE__*/_react.default.createElement("div", {
31
34
  className: "ffe-file-upload__file-item-stencil-info-background"
@@ -40,10 +43,13 @@ var FileItem = function FileItem(_ref) {
40
43
  id: file.name,
41
44
  className: "ffe-file-upload__file-item-delete-button",
42
45
  onClick: onFileDeleted
43
- }, deleteText, /*#__PURE__*/_react.default.createElement("div", {
44
- id: file.name,
46
+ }, /*#__PURE__*/_react.default.createElement("span", {
47
+ className: "ffe-file-upload__file-item-delete-button-text"
48
+ }, deleteText), /*#__PURE__*/_react.default.createElement(_ffeSymbolsReact.default, {
49
+ ariaLabel: "",
50
+ size: "md",
45
51
  className: "ffe-file-upload__file-item-delete-icon"
46
- })), /*#__PURE__*/_react.default.createElement("div", {
52
+ }, "close")), /*#__PURE__*/_react.default.createElement("div", {
47
53
  className: "ffe-file-upload__file-item-filename"
48
54
  }, file.name)),
49
55
  // File has error
@@ -52,18 +58,21 @@ var FileItem = function FileItem(_ref) {
52
58
  role: "alert"
53
59
  }, /*#__PURE__*/_react.default.createElement("div", {
54
60
  className: "ffe-file-upload__file-item-error-icon"
55
- }, /*#__PURE__*/_react.default.createElement(_utropstegnIkon.default, {
56
- role: "img",
57
- title: "utropstegn-ikon"
58
- })), /*#__PURE__*/_react.default.createElement("button", {
61
+ }, /*#__PURE__*/_react.default.createElement(_ffeSymbolsReact.default, {
62
+ ariaLabel: "",
63
+ size: "sm"
64
+ }, "exclamation")), /*#__PURE__*/_react.default.createElement("button", {
59
65
  type: "button",
60
66
  id: file.name,
61
67
  className: "ffe-file-upload__file-item-delete-button",
62
68
  onClick: onFileDeleted
63
- }, deleteText, /*#__PURE__*/_react.default.createElement("div", {
64
- id: file.name,
69
+ }, /*#__PURE__*/_react.default.createElement("span", {
70
+ className: "ffe-file-upload__file-item-delete-button-text"
71
+ }, deleteText), /*#__PURE__*/_react.default.createElement(_ffeSymbolsReact.default, {
72
+ ariaLabel: "",
73
+ size: "md",
65
74
  className: "ffe-file-upload__file-item-delete-icon"
66
- })), /*#__PURE__*/_react.default.createElement("div", {
75
+ }, "close")), /*#__PURE__*/_react.default.createElement("div", {
67
76
  className: "ffe-file-upload__file-item-error-info"
68
77
  }, /*#__PURE__*/_react.default.createElement("div", {
69
78
  className: "ffe-file-upload__file-item-error-filename"
package/lib/FileUpload.js CHANGED
@@ -10,7 +10,7 @@ var _propTypes = require("prop-types");
10
10
  var _FileItem = _interopRequireDefault(require("./FileItem"));
11
11
  var _classnames = _interopRequireDefault(require("classnames"));
12
12
  var _ffeButtonsReact = require("@sb1/ffe-buttons-react");
13
- var _pilNedIBoksIkon = _interopRequireDefault(require("@sb1/ffe-icons-react/lib/pil-ned-i-boks-ikon"));
13
+ var _ffeSymbolsReact = _interopRequireDefault(require("@sb1/ffe-symbols-react"));
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
16
16
  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
@@ -136,7 +136,10 @@ var FileUpload = /*#__PURE__*/function (_React$Component) {
136
136
  }, uploadTitle), /*#__PURE__*/_react.default.createElement("div", {
137
137
  className: "ffe-file-upload__upload-section-microtext"
138
138
  }, uploadMicroText), /*#__PURE__*/_react.default.createElement(_ffeButtonsReact.SecondaryButton, {
139
- leftIcon: /*#__PURE__*/_react.default.createElement(_pilNedIBoksIkon.default, null),
139
+ leftIcon: /*#__PURE__*/_react.default.createElement(_ffeSymbolsReact.default, {
140
+ ariaLabel: "",
141
+ size: "sm"
142
+ }, "download"),
140
143
  onClick: this.triggerUploadFileNativeHandler,
141
144
  id: "".concat(id, "-button")
142
145
  }, /*#__PURE__*/_react.default.createElement("span", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-file-upload-react",
3
- "version": "9.0.5",
3
+ "version": "10.0.0",
4
4
  "description": "Upload file button with validation and list of uploaded files.",
5
5
  "keywords": [
6
6
  "ffe"
@@ -29,9 +29,9 @@
29
29
  },
30
30
  "dependencies": {
31
31
  "@sb1/ffe-buttons-react": "^18.0.6",
32
- "@sb1/ffe-file-upload": "^9.1.1",
33
- "@sb1/ffe-form": "^24.1.1",
34
- "@sb1/ffe-icons-react": "^7.3.5",
32
+ "@sb1/ffe-file-upload": "^10.0.0",
33
+ "@sb1/ffe-form": "^25.0.0",
34
+ "@sb1/ffe-symbols-react": "^2.0.1",
35
35
  "classnames": "^2.3.1"
36
36
  },
37
37
  "devDependencies": {
@@ -48,5 +48,5 @@
48
48
  "depencencies": {
49
49
  "prop-types": "^15.6.0"
50
50
  },
51
- "gitHead": "22b8ad48a07c5afca3100dfef456bb667a0dfb0e"
51
+ "gitHead": "04cfeec9eb6e5f7c351765a75292f795c7024cd5"
52
52
  }