@lingk/sync 1.1.18 → 1.1.19

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.
@@ -3846,17 +3846,27 @@ module.exports =
3846
3846
  };
3847
3847
 
3848
3848
  _this.deleteFlatFile = function (fileName) {
3849
- _this.setState({ isDeletingFile: fileName });
3849
+ _this.setState({ deleteModalOpenFile: fileName });
3850
+ };
3851
+
3852
+ _this.actuallyDeleteFile = function () {
3853
+ var fileName = _this.state.deleteModalOpenFile;
3854
+ _this.setState({ deleteModalOpenFile: null, isDeletingFile: fileName });
3850
3855
  _this.props.deleteFlatFile(fileName);
3851
3856
  };
3852
3857
 
3858
+ _this.closeDeleteModal = function () {
3859
+ _this.setState({ deleteModalOpenFile: null, isDeletingFile: null });
3860
+ };
3861
+
3853
3862
  _this.state = {
3854
3863
  meta: [],
3855
3864
  fileContents: [],
3856
3865
  uploading: false,
3857
3866
  dropError: null,
3858
3867
  sortFileTableBy: 'uploadedTime', // name, byteSize, uploadedTime
3859
- isDeletingFile: null
3868
+ isDeletingFile: null,
3869
+ deleteModalOpen: false
3860
3870
  };
3861
3871
  return _this;
3862
3872
  }
@@ -3871,11 +3881,13 @@ module.exports =
3871
3881
  uploading = _state.uploading,
3872
3882
  dropError = _state.dropError,
3873
3883
  sortFileTableBy = _state.sortFileTableBy,
3874
- isDeletingFile = _state.isDeletingFile;
3884
+ isDeletingFile = _state.isDeletingFile,
3885
+ deleteModalOpenFile = _state.deleteModalOpenFile;
3875
3886
  var inputs = this.props.inputs;
3876
3887
 
3877
3888
  var Button = inputs.Button;
3878
3889
  var Spinner = inputs.Spinner;
3890
+ var Modal = inputs.Modal;
3879
3891
  var hasFile = meta && meta.length > 0;
3880
3892
 
3881
3893
  var fileSchema = [];
@@ -3975,110 +3987,129 @@ module.exports =
3975
3987
  );
3976
3988
  })
3977
3989
  )
3978
- ),
3979
- fileSchema && fileSchema.length > 0 && _react2.default.createElement(
3990
+ )
3991
+ ),
3992
+ fileSchema && fileSchema.length > 0 && _react2.default.createElement(
3993
+ 'div',
3994
+ { style: {
3995
+ marginTop: 20, width: '100%'
3996
+ } },
3997
+ _react2.default.createElement(
3980
3998
  'div',
3981
- { style: {
3982
- display: 'inline-block', marginTop: 13, verticalAlign: 'top'
3983
- } },
3999
+ { style: { marginBottom: 4 } },
3984
4000
  _react2.default.createElement(
3985
- 'div',
3986
- { style: { marginBottom: 4 } },
3987
- _react2.default.createElement(
3988
- 'strong',
3989
- null,
3990
- fileSchema.length + ' file' + (fileSchema.length === 1 ? '' : 's')
3991
- ),
3992
- _react2.default.createElement(
3993
- 'strong',
3994
- null,
3995
- ' uploaded'
3996
- )
4001
+ 'strong',
4002
+ null,
4003
+ fileSchema.length + ' file' + (fileSchema.length === 1 ? '' : 's')
3997
4004
  ),
3998
4005
  _react2.default.createElement(
3999
- _reactBootstrap.Table,
4000
- { bordered: true, condensed: true, className: 'file-manager-table' },
4006
+ 'strong',
4007
+ null,
4008
+ ' uploaded'
4009
+ )
4010
+ ),
4011
+ _react2.default.createElement(
4012
+ _reactBootstrap.Table,
4013
+ { bordered: true, condensed: true, className: 'file-manager-table' },
4014
+ _react2.default.createElement(
4015
+ 'thead',
4016
+ null,
4001
4017
  _react2.default.createElement(
4002
- 'thead',
4018
+ 'tr',
4003
4019
  null,
4004
4020
  _react2.default.createElement(
4021
+ 'th',
4022
+ { onClick: function onClick() {
4023
+ return _this2.setState({ sortFileTableBy: 'name' });
4024
+ } },
4025
+ 'Name'
4026
+ ),
4027
+ _react2.default.createElement(
4028
+ 'th',
4029
+ { onClick: function onClick() {
4030
+ return _this2.setState({ sortFileTableBy: 'byteSize' });
4031
+ } },
4032
+ 'Size'
4033
+ ),
4034
+ _react2.default.createElement(
4035
+ 'th',
4036
+ { onClick: function onClick() {
4037
+ return _this2.setState({ sortFileTableBy: 'uploadedTime' });
4038
+ } },
4039
+ 'Date uploaded'
4040
+ )
4041
+ )
4042
+ ),
4043
+ _react2.default.createElement(
4044
+ 'tbody',
4045
+ null,
4046
+ fileSchema.map(function (file, i) {
4047
+ return _react2.default.createElement(
4005
4048
  'tr',
4006
- null,
4007
- _react2.default.createElement(
4008
- 'th',
4009
- { onClick: function onClick() {
4010
- return _this2.setState({ sortFileTableBy: 'name' });
4011
- } },
4012
- 'Name'
4013
- ),
4049
+ { key: i },
4014
4050
  _react2.default.createElement(
4015
- 'th',
4016
- { onClick: function onClick() {
4017
- return _this2.setState({ sortFileTableBy: 'byteSize' });
4018
- } },
4019
- 'Size'
4051
+ 'td',
4052
+ null,
4053
+ _react2.default.createElement(
4054
+ 'a',
4055
+ { onClick: function onClick(e) {
4056
+ return _this2.downloadFile(e, file);
4057
+ } },
4058
+ file.name
4059
+ )
4020
4060
  ),
4021
4061
  _react2.default.createElement(
4022
- 'th',
4023
- { onClick: function onClick() {
4024
- return _this2.setState({ sortFileTableBy: 'uploadedTime' });
4025
- } },
4026
- 'Date uploaded'
4027
- )
4028
- )
4029
- ),
4030
- _react2.default.createElement(
4031
- 'tbody',
4032
- null,
4033
- fileSchema.map(function (file, i) {
4034
- return _react2.default.createElement(
4035
- 'tr',
4036
- { key: i },
4037
- _react2.default.createElement(
4038
- 'td',
4039
- null,
4040
- _react2.default.createElement(
4041
- 'a',
4042
- { onClick: function onClick(e) {
4043
- return _this2.downloadFile(e, file);
4044
- } },
4045
- file.name
4046
- )
4047
- ),
4048
- _react2.default.createElement(
4049
- 'td',
4050
- null,
4051
- _react2.default.createElement(
4052
- 'span',
4053
- null,
4054
- formatBytes(file.byteSize)
4055
- )
4056
- ),
4057
- _react2.default.createElement(
4058
- 'td',
4059
- null,
4060
- (0, _moment2.default)(file.uploadedTime).format('MMM Do, h:mm a')
4061
- ),
4062
+ 'td',
4063
+ null,
4062
4064
  _react2.default.createElement(
4063
- 'td',
4065
+ 'span',
4064
4066
  null,
4065
- !(isDeletingFile === file.name) && _react2.default.createElement(
4066
- 'svg',
4067
- { style: { width: 18, height: 18 },
4068
- onClick: function onClick() {
4069
- return _this2.deleteFlatFile(file.name);
4070
- },
4071
- className: 'delete-flat-file', viewBox: '0 0 60 60' },
4072
- _react2.default.createElement('path', { d: 'M 15.674663,15.572746 L 44.587629,44.485711 M 45.118838,15.420972 L 15.522889,45.016920' })
4073
- )
4067
+ formatBytes(file.byteSize)
4074
4068
  )
4075
- );
4076
- })
4077
- )
4069
+ ),
4070
+ _react2.default.createElement(
4071
+ 'td',
4072
+ null,
4073
+ (0, _moment2.default)(file.uploadedTime).format('MMM Do, h:mm a')
4074
+ ),
4075
+ _react2.default.createElement(
4076
+ 'td',
4077
+ { style: { width: 24 } },
4078
+ !(isDeletingFile === file.name) && _react2.default.createElement(
4079
+ 'svg',
4080
+ { style: { width: 18, height: 18 },
4081
+ onClick: function onClick() {
4082
+ return _this2.deleteFlatFile(file.name);
4083
+ },
4084
+ className: 'delete-flat-file', viewBox: '0 0 60 60' },
4085
+ _react2.default.createElement('path', { d: 'M 15.674663,15.572746 L 44.587629,44.485711 M 45.118838,15.420972 L 15.522889,45.016920' })
4086
+ )
4087
+ )
4088
+ );
4089
+ })
4078
4090
  )
4079
4091
  )
4080
4092
  ),
4081
- ' '
4093
+ _react2.default.createElement(
4094
+ Modal,
4095
+ { opened: deleteModalOpenFile ? true : false,
4096
+ hideModal: this.closeDeleteModal,
4097
+ submitModal: this.actuallyDeleteFile,
4098
+ title: 'Delete File', danger: true,
4099
+ showCancel: true, submitLabel: 'Delete' },
4100
+ _react2.default.createElement(
4101
+ 'div',
4102
+ { style: { padding: 24, textAlign: 'center' } },
4103
+ 'Are you sure you want to delete',
4104
+ _react2.default.createElement(
4105
+ 'strong',
4106
+ null,
4107
+ ' ',
4108
+ deleteModalOpenFile
4109
+ ),
4110
+ '?'
4111
+ )
4112
+ )
4082
4113
  );
4083
4114
  }
4084
4115
  }]);