@imposium-hub/components 2.2.45 → 2.2.46-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.
- package/dist/cjs/Util.d.ts +1 -0
- package/dist/cjs/Util.js +8 -1
- package/dist/cjs/Util.js.map +1 -1
- package/dist/cjs/components/Tooltip.d.ts +2 -2
- package/dist/cjs/components/Tooltip.js +4 -7
- package/dist/cjs/components/Tooltip.js.map +1 -1
- package/dist/cjs/components/advanced-number-field/AdvancedNumberField.d.ts +2 -2
- package/dist/cjs/components/anchor-field/AnchorField.d.ts +2 -2
- package/dist/cjs/components/assets/AssetField.js +2 -2
- package/dist/cjs/components/assets/AssetField.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableDurationCell.js +1 -4
- package/dist/cjs/components/assets/AssetsTableDurationCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableGlobalCell.js +1 -1
- package/dist/cjs/components/assets/AssetsTableGlobalCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableNameCell.js +2 -1
- package/dist/cjs/components/assets/AssetsTableNameCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTablePreviewCell.d.ts +1 -1
- package/dist/cjs/components/assets/AssetsTableRateCell.js +9 -3
- package/dist/cjs/components/assets/AssetsTableRateCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableTypeFilter.js +2 -2
- package/dist/cjs/components/assets/AssetsTableTypeFilter.js.map +1 -1
- package/dist/cjs/components/assets/AssetsUploadMenu.js +157 -33
- package/dist/cjs/components/assets/AssetsUploadMenu.js.map +1 -1
- package/dist/cjs/components/assets/FontAssetPreview.d.ts +1 -1
- package/dist/cjs/components/button/Button.d.ts +1 -1
- package/dist/cjs/components/button/Button.stories.d.ts +6 -5
- package/dist/cjs/components/button-group-field/ButtonGroupField.d.ts +1 -1
- package/dist/cjs/components/button-group-field/ButtonGroupField.stories.d.ts +2 -1
- package/dist/cjs/components/button-menu/ButtonMenu.d.ts +2 -2
- package/dist/cjs/components/button-menu/ButtonMenu.stories.d.ts +2 -1
- package/dist/cjs/components/button-menu/ButtonMenuItem.d.ts +1 -1
- package/dist/cjs/components/card/Card.stories.d.ts +2 -1
- package/dist/cjs/components/checkbox-field/CheckboxField.d.ts +2 -2
- package/dist/cjs/components/checkbox-field/CheckboxField.stories.d.ts +2 -1
- package/dist/cjs/components/color-field/ColorField.d.ts +2 -2
- package/dist/cjs/components/color-field/ColorField.js +2 -2
- package/dist/cjs/components/color-field/ColorField.js.map +1 -1
- package/dist/cjs/components/color-field/ColorFiled.stories.d.ts +2 -1
- package/dist/cjs/components/compositions/TextLayer.d.ts +1 -1
- package/dist/cjs/components/context-menu/AnimateComponent.d.ts +2 -1
- package/dist/cjs/components/context-menu/ContextMenu.d.ts +2 -1
- package/dist/cjs/components/context-menu/ContextMenu.js +8 -4
- package/dist/cjs/components/context-menu/ContextMenu.js.map +1 -1
- package/dist/cjs/components/context-menu/ContextMenuItem.d.ts +2 -1
- package/dist/cjs/components/context-menu/ContextMenuTrigger.d.ts +2 -1
- package/dist/cjs/components/context-menu/SubMenu.d.ts +2 -1
- package/dist/cjs/components/controlled-list/ControlledList.d.ts +2 -2
- package/dist/cjs/components/controlled-list/ControlledList.stories.d.ts +2 -1
- package/dist/cjs/components/copy-prop-id-button/CopyPropIdButton.d.ts +12 -0
- package/dist/cjs/components/copy-prop-id-button/CopyPropIdButton.js +75 -0
- package/dist/cjs/components/copy-prop-id-button/CopyPropIdButton.js.map +1 -0
- package/dist/cjs/components/data-table/DataTable.js +2 -2
- package/dist/cjs/components/data-table/DataTable.js.map +1 -1
- package/dist/cjs/components/determinate-loader/DeterminateLoader.stories.d.ts +3 -3
- package/dist/cjs/components/dropdown/Dropdown.d.ts +1 -1
- package/dist/cjs/components/dropdown/{dropdown.stories.d.ts → Dropdown.stories.d.ts} +1 -1
- package/dist/cjs/components/field-wrapper/FieldWrapper.d.ts +2 -2
- package/dist/cjs/components/field-wrapper/FieldWrapper.stories.d.ts +2 -1
- package/dist/cjs/components/font-picker/FontPicker.d.ts +1 -1
- package/dist/cjs/components/h-rule/HRule.d.ts +2 -1
- package/dist/cjs/components/h-rule/HRule.stories.d.ts +3 -2
- package/dist/cjs/components/list-field/ListField.d.ts +2 -2
- package/dist/cjs/components/list-field/ListField.stories.d.ts +2 -1
- package/dist/cjs/components/log-viewer/LogViewer.d.ts +1 -1
- package/dist/cjs/components/media-variable-field/MediaVariableField.d.ts +1 -1
- package/dist/cjs/components/modal/Modal.d.ts +1 -1
- package/dist/cjs/components/modal/Modal.stories.d.ts +2 -1
- package/dist/cjs/components/number-field/NumberField.d.ts +2 -2
- package/dist/cjs/components/number-field/NumberField.stories.d.ts +2 -1
- package/dist/cjs/components/players/AudioPlayer.d.ts +1 -1
- package/dist/cjs/components/players/AudioPreview.d.ts +1 -1
- package/dist/cjs/components/players/ImagePlayer.d.ts +1 -1
- package/dist/cjs/components/players/ImagePreview.d.ts +1 -1
- package/dist/cjs/components/players/ImageSequencePlayer.d.ts +1 -1
- package/dist/cjs/components/players/TemplatePlayer.d.ts +1 -1
- package/dist/cjs/components/players/VideoPreview.d.ts +1 -1
- package/dist/cjs/components/publish-wizard/PublishWizard.d.ts +3 -3
- package/dist/cjs/components/publish-wizard/PublishWizard.js +4 -0
- package/dist/cjs/components/publish-wizard/PublishWizard.js.map +1 -1
- package/dist/cjs/components/publish-wizard/publish/APIIntegration.d.ts +1 -1
- package/dist/cjs/components/publish-wizard/publish/EmailWorkflow.js +28 -5
- package/dist/cjs/components/publish-wizard/publish/EmailWorkflow.js.map +1 -1
- package/dist/cjs/components/publish-wizard/publish/HubSpotFlow.d.ts +1 -1
- package/dist/cjs/components/publish-wizard/publish/WebpageHosted.d.ts +2 -2
- package/dist/cjs/components/section/Section.d.ts +2 -1
- package/dist/cjs/components/section/Section.stories.d.ts +3 -2
- package/dist/cjs/components/select-field/SelectField.d.ts +2 -2
- package/dist/cjs/components/select-field/SelectField.js +4 -0
- package/dist/cjs/components/select-field/SelectField.js.map +1 -1
- package/dist/cjs/components/select-field/SelectField.stories.d.ts +2 -1
- package/dist/cjs/components/shortcut-menu/ShortcutMenu.stories.d.ts +1 -1
- package/dist/cjs/components/slider-field/SliderField.d.ts +2 -2
- package/dist/cjs/components/slider-field/SliderField.stories.d.ts +2 -1
- package/dist/cjs/components/smpte-field/SMPTEField.d.ts +2 -2
- package/dist/cjs/components/tabs/Tabs.stories.d.ts +1 -1
- package/dist/cjs/components/text-area-field/TextAreaField.d.ts +2 -2
- package/dist/cjs/components/text-area-field/TextAreaField.stories.d.ts +2 -1
- package/dist/cjs/components/text-field/TextField.d.ts +2 -2
- package/dist/cjs/components/text-field/TextField.stories.d.ts +2 -1
- package/dist/cjs/constants/copy.d.ts +2 -0
- package/dist/cjs/constants/copy.js +5 -3
- package/dist/cjs/constants/copy.js.map +1 -1
- package/dist/cjs/constants/icons.d.ts +71 -70
- package/dist/cjs/index.d.ts +4 -2
- package/dist/cjs/index.js +6 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/redux/actions/asset-uploads.d.ts +5 -10
- package/dist/cjs/redux/actions/asset-uploads.js +262 -182
- package/dist/cjs/redux/actions/asset-uploads.js.map +1 -1
- package/dist/cjs/redux/reducers/asset-uploads.js +8 -24
- package/dist/cjs/redux/reducers/asset-uploads.js.map +1 -1
- package/dist/cjs/utils/assets.d.ts +1 -0
- package/dist/esm/Util.d.ts +1 -0
- package/dist/esm/Util.js +6 -0
- package/dist/esm/Util.js.map +1 -1
- package/dist/esm/components/Tooltip.d.ts +2 -2
- package/dist/esm/components/Tooltip.js +4 -4
- package/dist/esm/components/Tooltip.js.map +1 -1
- package/dist/esm/components/advanced-number-field/AdvancedNumberField.d.ts +2 -2
- package/dist/esm/components/anchor-field/AnchorField.d.ts +2 -2
- package/dist/esm/components/assets/AssetField.js +2 -2
- package/dist/esm/components/assets/AssetField.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableDurationCell.js +2 -5
- package/dist/esm/components/assets/AssetsTableDurationCell.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableGlobalCell.js +1 -1
- package/dist/esm/components/assets/AssetsTableGlobalCell.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableNameCell.js +2 -1
- package/dist/esm/components/assets/AssetsTableNameCell.js.map +1 -1
- package/dist/esm/components/assets/AssetsTablePreviewCell.d.ts +1 -1
- package/dist/esm/components/assets/AssetsTableRateCell.js +9 -3
- package/dist/esm/components/assets/AssetsTableRateCell.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableTypeFilter.js +2 -2
- package/dist/esm/components/assets/AssetsTableTypeFilter.js.map +1 -1
- package/dist/esm/components/assets/AssetsUploadMenu.js +138 -33
- package/dist/esm/components/assets/AssetsUploadMenu.js.map +1 -1
- package/dist/esm/components/assets/FontAssetPreview.d.ts +1 -1
- package/dist/esm/components/button/Button.d.ts +1 -1
- package/dist/esm/components/button/Button.stories.d.ts +6 -5
- package/dist/esm/components/button-group-field/ButtonGroupField.d.ts +1 -1
- package/dist/esm/components/button-group-field/ButtonGroupField.stories.d.ts +2 -1
- package/dist/esm/components/button-menu/ButtonMenu.d.ts +2 -2
- package/dist/esm/components/button-menu/ButtonMenu.stories.d.ts +2 -1
- package/dist/esm/components/button-menu/ButtonMenuItem.d.ts +1 -1
- package/dist/esm/components/card/Card.stories.d.ts +2 -1
- package/dist/esm/components/checkbox-field/CheckboxField.d.ts +2 -2
- package/dist/esm/components/checkbox-field/CheckboxField.stories.d.ts +2 -1
- package/dist/esm/components/color-field/ColorField.d.ts +2 -2
- package/dist/esm/components/color-field/ColorField.js +2 -2
- package/dist/esm/components/color-field/ColorField.js.map +1 -1
- package/dist/esm/components/color-field/ColorFiled.stories.d.ts +2 -1
- package/dist/esm/components/compositions/TextLayer.d.ts +1 -1
- package/dist/esm/components/context-menu/AnimateComponent.d.ts +2 -1
- package/dist/esm/components/context-menu/ContextMenu.d.ts +2 -1
- package/dist/esm/components/context-menu/ContextMenu.js +7 -3
- package/dist/esm/components/context-menu/ContextMenu.js.map +1 -1
- package/dist/esm/components/context-menu/ContextMenuItem.d.ts +2 -1
- package/dist/esm/components/context-menu/ContextMenuTrigger.d.ts +2 -1
- package/dist/esm/components/context-menu/SubMenu.d.ts +2 -1
- package/dist/esm/components/controlled-list/ControlledList.d.ts +2 -2
- package/dist/esm/components/controlled-list/ControlledList.stories.d.ts +2 -1
- package/dist/esm/components/copy-prop-id-button/CopyPropIdButton.d.ts +12 -0
- package/dist/esm/components/copy-prop-id-button/CopyPropIdButton.js +24 -0
- package/dist/esm/components/copy-prop-id-button/CopyPropIdButton.js.map +1 -0
- package/dist/esm/components/data-table/DataTable.js +2 -2
- package/dist/esm/components/data-table/DataTable.js.map +1 -1
- package/dist/esm/components/determinate-loader/DeterminateLoader.stories.d.ts +3 -3
- package/dist/esm/components/dropdown/Dropdown.d.ts +1 -1
- package/dist/esm/components/dropdown/{dropdown.stories.d.ts → Dropdown.stories.d.ts} +1 -1
- package/dist/esm/components/field-wrapper/FieldWrapper.d.ts +2 -2
- package/dist/esm/components/field-wrapper/FieldWrapper.stories.d.ts +2 -1
- package/dist/esm/components/font-picker/FontPicker.d.ts +1 -1
- package/dist/esm/components/h-rule/HRule.d.ts +2 -1
- package/dist/esm/components/h-rule/HRule.stories.d.ts +3 -2
- package/dist/esm/components/list-field/ListField.d.ts +2 -2
- package/dist/esm/components/list-field/ListField.stories.d.ts +2 -1
- package/dist/esm/components/log-viewer/LogViewer.d.ts +1 -1
- package/dist/esm/components/media-variable-field/MediaVariableField.d.ts +1 -1
- package/dist/esm/components/modal/Modal.d.ts +1 -1
- package/dist/esm/components/modal/Modal.stories.d.ts +2 -1
- package/dist/esm/components/number-field/NumberField.d.ts +2 -2
- package/dist/esm/components/number-field/NumberField.stories.d.ts +2 -1
- package/dist/esm/components/players/AudioPlayer.d.ts +1 -1
- package/dist/esm/components/players/AudioPreview.d.ts +1 -1
- package/dist/esm/components/players/ImagePlayer.d.ts +1 -1
- package/dist/esm/components/players/ImagePreview.d.ts +1 -1
- package/dist/esm/components/players/ImageSequencePlayer.d.ts +1 -1
- package/dist/esm/components/players/TemplatePlayer.d.ts +1 -1
- package/dist/esm/components/players/VideoPreview.d.ts +1 -1
- package/dist/esm/components/publish-wizard/PublishWizard.d.ts +3 -3
- package/dist/esm/components/publish-wizard/PublishWizard.js +4 -0
- package/dist/esm/components/publish-wizard/PublishWizard.js.map +1 -1
- package/dist/esm/components/publish-wizard/publish/APIIntegration.d.ts +1 -1
- package/dist/esm/components/publish-wizard/publish/EmailWorkflow.js +28 -5
- package/dist/esm/components/publish-wizard/publish/EmailWorkflow.js.map +1 -1
- package/dist/esm/components/publish-wizard/publish/HubSpotFlow.d.ts +1 -1
- package/dist/esm/components/publish-wizard/publish/WebpageHosted.d.ts +2 -2
- package/dist/esm/components/section/Section.d.ts +2 -1
- package/dist/esm/components/section/Section.stories.d.ts +3 -2
- package/dist/esm/components/select-field/SelectField.d.ts +2 -2
- package/dist/esm/components/select-field/SelectField.js +3 -0
- package/dist/esm/components/select-field/SelectField.js.map +1 -1
- package/dist/esm/components/select-field/SelectField.stories.d.ts +2 -1
- package/dist/esm/components/shortcut-menu/ShortcutMenu.stories.d.ts +1 -1
- package/dist/esm/components/slider-field/SliderField.d.ts +2 -2
- package/dist/esm/components/slider-field/SliderField.stories.d.ts +2 -1
- package/dist/esm/components/smpte-field/SMPTEField.d.ts +2 -2
- package/dist/esm/components/tabs/Tabs.stories.d.ts +1 -1
- package/dist/esm/components/text-area-field/TextAreaField.d.ts +2 -2
- package/dist/esm/components/text-area-field/TextAreaField.stories.d.ts +2 -1
- package/dist/esm/components/text-field/TextField.d.ts +2 -2
- package/dist/esm/components/text-field/TextField.stories.d.ts +2 -1
- package/dist/esm/constants/copy.d.ts +2 -0
- package/dist/esm/constants/copy.js +5 -3
- package/dist/esm/constants/copy.js.map +1 -1
- package/dist/esm/constants/icons.d.ts +71 -70
- package/dist/esm/index.d.ts +4 -2
- package/dist/esm/index.js +4 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/redux/actions/asset-uploads.d.ts +5 -10
- package/dist/esm/redux/actions/asset-uploads.js +224 -167
- package/dist/esm/redux/actions/asset-uploads.js.map +1 -1
- package/dist/esm/redux/reducers/asset-uploads.js +11 -48
- package/dist/esm/redux/reducers/asset-uploads.js.map +1 -1
- package/dist/esm/utils/assets.d.ts +1 -0
- package/dist/styles.css +151 -2
- package/dist/styles.less +280 -74
- package/less/components/assets.less +237 -63
- package/less/components/button.less +7 -1
- package/less/components/data-table.less +17 -11
- package/less/components/publish-wizard.less +20 -0
- package/less/components/story-previewer.less +1 -0
- package/package.json +6 -6
- package/src/Util.ts +10 -0
- package/src/components/Tooltip.tsx +9 -9
- package/src/components/advanced-number-field/AdvancedNumberField.tsx +1 -1
- package/src/components/anchor-field/AnchorField.tsx +1 -1
- package/src/components/assets/AssetField.tsx +3 -8
- package/src/components/assets/AssetsTableDurationCell.tsx +2 -5
- package/src/components/assets/AssetsTableGlobalCell.tsx +15 -0
- package/src/components/assets/AssetsTableNameCell.tsx +2 -1
- package/src/components/assets/AssetsTableRateCell.tsx +11 -4
- package/src/components/assets/AssetsTableTypeFilter.tsx +7 -8
- package/src/components/assets/AssetsUploadMenu.tsx +275 -97
- package/src/components/button-group-field/ButtonGroupField.tsx +1 -1
- package/src/components/checkbox-field/CheckboxField.tsx +1 -1
- package/src/components/color-field/ColorField.tsx +3 -3
- package/src/components/context-menu/ContextMenu.tsx +16 -11
- package/src/components/copy-prop-id-button/CopyPropIdButton.tsx +44 -0
- package/src/components/data-table/DataTable.tsx +2 -2
- package/src/components/list-field/ListField.tsx +1 -1
- package/src/components/number-field/NumberField.tsx +1 -1
- package/src/components/publish-wizard/PublishWizard.tsx +15 -8
- package/src/components/publish-wizard/publish/EmailWorkflow.tsx +42 -10
- package/src/components/select-field/SelectField.tsx +4 -1
- package/src/components/slider-field/SliderField.tsx +1 -1
- package/src/components/smpte-field/SMPTEField.tsx +1 -1
- package/src/components/text-area-field/TextAreaField.tsx +1 -1
- package/src/components/text-field/TextField.tsx +1 -1
- package/src/constants/copy.ts +5 -3
- package/src/index.ts +6 -8
- package/src/redux/actions/asset-uploads.ts +305 -205
- package/src/redux/reducers/asset-uploads.ts +13 -48
- /package/dist/cjs/components/dropdown/{dropdown.stories.js → Dropdown.stories.js} +0 -0
- /package/dist/cjs/components/dropdown/{dropdown.stories.js.map → Dropdown.stories.js.map} +0 -0
- /package/dist/esm/components/dropdown/{dropdown.stories.js → Dropdown.stories.js} +0 -0
- /package/dist/esm/components/dropdown/{dropdown.stories.js.map → Dropdown.stories.js.map} +0 -0
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { assets as copy } from '../../constants/copy';
|
|
3
3
|
import CheckboxField from '../checkbox-field/CheckboxField';
|
|
4
|
-
import {
|
|
5
|
-
import { toggleAssignToStory, cancelAssetUpload, toggleTagFileName, setDelimiter, toggleTagDelimiter, toggleManualTagging, addManualTag, deleteManualTag, deleteManualTags } from '../../redux/actions/asset-uploads';
|
|
4
|
+
import { cancelAssetUpload, uploadingAsset, updateUploadTags, cancelNonUploadedAssets } from '../../redux/actions/asset-uploads';
|
|
6
5
|
import { bindActionCreators } from 'redux';
|
|
7
6
|
import { connect } from 'react-redux';
|
|
8
7
|
import Button from '../button/Button';
|
|
@@ -13,69 +12,175 @@ import AssetsTableTagsPivot from './AssetsTableTagsPivot';
|
|
|
13
12
|
import Tag from '../tag/Tag';
|
|
14
13
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
15
14
|
import { faEraser } from '@fortawesome/free-solid-svg-icons';
|
|
15
|
+
import { ICON_TIMES, ICON_UPLOAD } from '../../constants/icons';
|
|
16
|
+
import AssetsTableDropzone from './AssetsTableDropzone';
|
|
16
17
|
class AssetsUploadMenu extends React.PureComponent {
|
|
18
|
+
menuRef = null;
|
|
19
|
+
clickHandler = (e) => this.detectOutsideClick(e);
|
|
17
20
|
constructor(props) {
|
|
18
21
|
super(props);
|
|
22
|
+
this.state = {
|
|
23
|
+
assetOver: false
|
|
24
|
+
};
|
|
25
|
+
this.menuRef = React.createRef();
|
|
26
|
+
}
|
|
27
|
+
componentDidUpdate(prevProps) {
|
|
28
|
+
if (this.props.show && !prevProps.show) {
|
|
29
|
+
window.addEventListener('mousedown', this.clickHandler);
|
|
30
|
+
}
|
|
31
|
+
if (!this.props.show && prevProps.show) {
|
|
32
|
+
window.removeEventListener('mousedown', this.clickHandler);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
componentWillUnmount() {
|
|
36
|
+
window.removeEventListener('mousedown', this.clickHandler);
|
|
19
37
|
}
|
|
20
38
|
handleCancelAssetUpload(fileName) {
|
|
21
39
|
const { api } = this.props;
|
|
22
40
|
this.props.cancelAssetUpload(fileName, api);
|
|
23
41
|
}
|
|
42
|
+
uploadFileHandler() {
|
|
43
|
+
const { api } = this.props;
|
|
44
|
+
this.props.uploadingAsset(api);
|
|
45
|
+
this.props.updateEditorConfig({ showUploadsDropdown: false });
|
|
46
|
+
}
|
|
47
|
+
cancelUploadHandler(remove) {
|
|
48
|
+
const { api } = this.props;
|
|
49
|
+
if (!remove) {
|
|
50
|
+
this.props.cancelNonUploadedAssets(api);
|
|
51
|
+
}
|
|
52
|
+
this.props.updateEditorConfig({ showUploadsDropdown: false });
|
|
53
|
+
}
|
|
54
|
+
uploadsSetting(state) {
|
|
55
|
+
const currState = this.props.editor.assetUploads;
|
|
56
|
+
const newState = { ...currState, ...state };
|
|
57
|
+
this.props.updateEditorConfig({
|
|
58
|
+
assetUploads: newState
|
|
59
|
+
});
|
|
60
|
+
this.props.updateUploadTags();
|
|
61
|
+
}
|
|
62
|
+
deleteManualTag(tag) {
|
|
63
|
+
const { manualTags } = this.props.editor.assetUploads;
|
|
64
|
+
const updatedManualTags = manualTags.filter((t) => t !== tag);
|
|
65
|
+
this.uploadsSetting({ manualTags: updatedManualTags });
|
|
66
|
+
}
|
|
67
|
+
addManualTag(tag) {
|
|
68
|
+
const { manualTags } = this.props.editor.assetUploads;
|
|
69
|
+
const updatedManualTags = manualTags ? manualTags : [];
|
|
70
|
+
updatedManualTags.push(tag);
|
|
71
|
+
this.uploadsSetting({ manualTags: updatedManualTags });
|
|
72
|
+
}
|
|
73
|
+
checkHover(monitor) {
|
|
74
|
+
const isOver = monitor.isOver();
|
|
75
|
+
if (isOver !== this.state.assetOver) {
|
|
76
|
+
this.setState({ assetOver: isOver }, () => this.props.onMenuHover(isOver));
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
detectOutsideClick = (e) => {
|
|
80
|
+
const { toggleRef } = this.props;
|
|
81
|
+
const { target } = e;
|
|
82
|
+
const isResizing = target.classList.contains('Resizer') ? true : false;
|
|
83
|
+
const clickInside = this.menuRef.current && this.menuRef.current.contains(target) ? true : false;
|
|
84
|
+
const clickOnToggle = toggleRef && toggleRef.current && toggleRef.current.contains(target) ? true : false;
|
|
85
|
+
if (!isResizing && !clickInside && !clickOnToggle) {
|
|
86
|
+
this.cancelRender(true);
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
cancelRender = (forced = false) => {
|
|
90
|
+
const { onOutsideClick } = this.props;
|
|
91
|
+
window.removeEventListener('mousedown', this.clickHandler);
|
|
92
|
+
if (forced) {
|
|
93
|
+
onOutsideClick();
|
|
94
|
+
}
|
|
95
|
+
};
|
|
24
96
|
render() {
|
|
25
|
-
const { assetUploads: { uploads
|
|
97
|
+
const { assetUploads: { uploads }, editor: { showUploadsMenu, assetUploads: { tagByDelimiter, delimiter, assignToStory, tagByFileName, tagManually, manualTags } }, assetTags } = this.props;
|
|
98
|
+
const disable = uploads.length > 0 ? false : true;
|
|
26
99
|
let uploadsListInner;
|
|
100
|
+
const uploading = [];
|
|
27
101
|
if (uploads.length > 0) {
|
|
28
102
|
uploadsListInner = uploads.map((u) => {
|
|
29
|
-
const { filename, percent } = u;
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
React.createElement("div", { className: 'ongoing-upload
|
|
34
|
-
React.createElement("div", { className: 'upload-
|
|
35
|
-
|
|
36
|
-
|
|
103
|
+
const { filename, percent, tags } = u;
|
|
104
|
+
if (percent === 0) {
|
|
105
|
+
const closeButton = (React.createElement(Button, { key: 'btn-cancel', onClick: () => this.handleCancelAssetUpload(filename), style: 'subtle', size: 'small' }, ICON_TIMES));
|
|
106
|
+
const fileTags = tags.map((tag) => (React.createElement(Tag, { key: tag, copy: tag, colorize: AssetsTableTagsPivot.COLORIZE_TAGS })));
|
|
107
|
+
return (React.createElement("div", { className: 'ongoing-upload', key: filename },
|
|
108
|
+
React.createElement("div", { className: 'ongoing-upload-inner' },
|
|
109
|
+
React.createElement("input", { className: 'upload-filename', value: filename, readOnly: true }),
|
|
110
|
+
React.createElement("div", { className: 'tags-column' }, fileTags),
|
|
111
|
+
closeButton)));
|
|
112
|
+
}
|
|
113
|
+
else {
|
|
114
|
+
uploading.push(true);
|
|
115
|
+
}
|
|
37
116
|
});
|
|
38
117
|
}
|
|
39
118
|
else {
|
|
40
119
|
uploadsListInner = React.createElement("div", { className: 'no-ongoing-uploads' }, copy.uploads.noUploads);
|
|
41
120
|
}
|
|
42
|
-
|
|
121
|
+
if (uploading.length === uploads.length) {
|
|
122
|
+
uploadsListInner = React.createElement("div", { className: 'no-ongoing-uploads' }, copy.uploads.noUploads);
|
|
123
|
+
}
|
|
124
|
+
const delimiterSelector = tagByDelimiter && (React.createElement(SelectField, { width: '35%', options: DELIMITER_OPTIONS, value: delimiter, onChange: (c) => {
|
|
125
|
+
this.uploadsSetting({ delimiter: c });
|
|
126
|
+
} }));
|
|
43
127
|
const tagsArray = [...new Set(manualTags)];
|
|
44
|
-
const tagsMarkup = tagsArray.map((tag) => (React.createElement(Tag, { key: tag, copy: tag, colorize: AssetsTableTagsPivot.COLORIZE_TAGS, removeHandler: () =>
|
|
45
|
-
|
|
128
|
+
const tagsMarkup = tagsArray.map((tag) => (React.createElement(Tag, { key: tag, copy: tag, colorize: AssetsTableTagsPivot.COLORIZE_TAGS, removeHandler: () => {
|
|
129
|
+
this.deleteManualTag(tag);
|
|
130
|
+
} })));
|
|
131
|
+
const removeTagsBtn = tagsArray.length > 0 ? (React.createElement(Button, { tooltip: 'Remove All Tags', style: 'sublte', onClick: () => {
|
|
132
|
+
this.uploadsSetting({ manualTags: [] });
|
|
133
|
+
} },
|
|
46
134
|
React.createElement(FontAwesomeIcon, { icon: faEraser }))) : null;
|
|
47
135
|
const tagsColumn = tagManually && (React.createElement("div", { className: 'tags-column' },
|
|
48
|
-
React.createElement(TextField, { submittable: true, submittableType: 'add', suggestions: assetTags, label: copy.tags.add, width: AssetsTableTagsPivot.ADD_TAG_INPUT_WIDTH, doSubmit: (t) =>
|
|
136
|
+
React.createElement(TextField, { submittable: true, submittableType: 'add', suggestions: assetTags, label: copy.tags.add, width: AssetsTableTagsPivot.ADD_TAG_INPUT_WIDTH, doSubmit: (t) => {
|
|
137
|
+
this.addManualTag(t);
|
|
138
|
+
} }),
|
|
49
139
|
tagsMarkup,
|
|
50
140
|
removeTagsBtn));
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
141
|
+
const modifier = this.state.assetOver ? 'asset-over' : '';
|
|
142
|
+
const show = this.props.show ? 'show' : '';
|
|
143
|
+
const tableHover = this.props.tableHover ? 'table-hover' : '';
|
|
144
|
+
const width = document.getElementsByClassName('assetUploads')[0]?.clientWidth;
|
|
145
|
+
return (React.createElement(AssetsTableDropzone, { className: `uploads-dropzone ${show} ${tableHover} ${modifier}`, onDrop: (i, m) => {
|
|
146
|
+
this.props.onDrop(i, m);
|
|
147
|
+
}, onExternalCollect: (o) => this.checkHover(o) },
|
|
148
|
+
React.createElement("div", { className: 'overlay' },
|
|
149
|
+
React.createElement("p", { style: { display: this.state.assetOver ? 'block' : 'none' } }, copy.dropAsset)),
|
|
150
|
+
React.createElement("div", { className: 'uploads-menu', style: { width }, ref: this.menuRef },
|
|
151
|
+
React.createElement("div", { className: 'uploads-controls' },
|
|
152
|
+
React.createElement(CheckboxField, { width: '50%', label: copy.uploads.autoTagDelimiter, value: tagByDelimiter, onChange: () => this.uploadsSetting({ tagByDelimiter: !tagByDelimiter }) }),
|
|
153
|
+
delimiterSelector,
|
|
154
|
+
React.createElement(CheckboxField, { width: '50%', label: copy.uploads.manualTagging, value: tagManually, onChange: () => this.uploadsSetting({ tagManually: !tagManually }) }),
|
|
155
|
+
React.createElement(CheckboxField, { width: '50%', label: copy.uploads.autoTagFilname, value: tagByFileName, onChange: () => this.uploadsSetting({ tagByFileName: !tagByFileName }) }),
|
|
156
|
+
React.createElement(CheckboxField, { width: '50%', label: copy.uploads.assignToProjectInput, info: copy.uploads.assignToProjectInfo, value: !assignToStory, onChange: () => this.uploadsSetting({ assignToStory: !assignToStory }) })),
|
|
157
|
+
tagsColumn,
|
|
158
|
+
React.createElement("div", { className: 'uploads-list' }, uploadsListInner),
|
|
159
|
+
React.createElement("div", { className: 'uploads-confirm' },
|
|
160
|
+
React.createElement(CheckboxField, { label: `Don't show again`, value: !showUploadsMenu, onChange: () => this.props.updateEditorConfig({
|
|
161
|
+
showUploadsMenu: !showUploadsMenu
|
|
162
|
+
}) }),
|
|
163
|
+
React.createElement(Button, { key: 'cancel-upload', onClick: () => this.cancelUploadHandler(disable), customStyles: {
|
|
164
|
+
color: 'black'
|
|
165
|
+
}, style: 'bold', color: 'secondary', width: '60px', size: 'small' }, "Cancel"),
|
|
166
|
+
React.createElement(Button, { key: 'upload-file', disabled: disable, onClick: () => this.uploadFileHandler(), style: 'bold', color: 'primary', width: '80px', size: 'small' },
|
|
167
|
+
"Upload ",
|
|
168
|
+
ICON_UPLOAD)))));
|
|
60
169
|
}
|
|
61
170
|
}
|
|
62
171
|
const mapDispatchToProps = (dispatch) => {
|
|
63
172
|
return bindActionCreators({
|
|
64
|
-
toggleAssignToStory,
|
|
65
|
-
toggleTagFileName,
|
|
66
173
|
cancelAssetUpload,
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
addManualTag,
|
|
71
|
-
deleteManualTag,
|
|
72
|
-
deleteManualTags
|
|
174
|
+
cancelNonUploadedAssets,
|
|
175
|
+
uploadingAsset,
|
|
176
|
+
updateUploadTags
|
|
73
177
|
}, dispatch);
|
|
74
178
|
};
|
|
75
179
|
const mapStateToProps = (state) => {
|
|
76
180
|
return {
|
|
77
181
|
assetUploads: state.assetUploads,
|
|
78
|
-
assetTags: state.assetTags
|
|
182
|
+
assetTags: state.assetTags,
|
|
183
|
+
editor: state.editor
|
|
79
184
|
};
|
|
80
185
|
};
|
|
81
186
|
export default connect(mapStateToProps, mapDispatchToProps)(AssetsUploadMenu);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssetsUploadMenu.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsUploadMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,aAAa,MAAM,iCAAiC,CAAC;AAC5D,OAAO,
|
|
1
|
+
{"version":3,"file":"AssetsUploadMenu.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsUploadMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
declare const _default: {
|
|
2
3
|
title: string;
|
|
3
4
|
};
|
|
4
5
|
export default _default;
|
|
5
|
-
export declare const sizes: () =>
|
|
6
|
-
export declare const styles: () =>
|
|
7
|
-
export declare const colors: () =>
|
|
8
|
-
export declare const loading: () =>
|
|
9
|
-
export declare const tooltips: () =>
|
|
6
|
+
export declare const sizes: () => React.JSX.Element;
|
|
7
|
+
export declare const styles: () => React.JSX.Element;
|
|
8
|
+
export declare const colors: () => React.JSX.Element;
|
|
9
|
+
export declare const loading: () => React.JSX.Element;
|
|
10
|
+
export declare const tooltips: () => React.JSX.Element;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import ButtonGroupField from './ButtonGroupField';
|
|
2
3
|
declare const _default: {
|
|
3
4
|
title: string;
|
|
4
5
|
component: typeof ButtonGroupField;
|
|
5
6
|
};
|
|
6
7
|
export default _default;
|
|
7
|
-
export declare const defaultField: () =>
|
|
8
|
+
export declare const defaultField: () => React.JSX.Element;
|
|
@@ -20,7 +20,7 @@ declare class ButtonMenu extends React.PureComponent<IButtonMenuProps, IButtonMe
|
|
|
20
20
|
componentWillUnmount(): void;
|
|
21
21
|
toggleMenu(e: any): void;
|
|
22
22
|
renderItems(): any[];
|
|
23
|
-
renderMenu():
|
|
24
|
-
render():
|
|
23
|
+
renderMenu(): React.JSX.Element;
|
|
24
|
+
render(): React.JSX.Element;
|
|
25
25
|
}
|
|
26
26
|
export default ButtonMenu;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import ButtonMenu from './ButtonMenu';
|
|
2
3
|
declare const _default: {
|
|
3
4
|
title: string;
|
|
4
5
|
component: typeof ButtonMenu;
|
|
5
6
|
};
|
|
6
7
|
export default _default;
|
|
7
|
-
export declare const rightButtonMenuWithButtonMenuItem: () =>
|
|
8
|
+
export declare const rightButtonMenuWithButtonMenuItem: () => React.JSX.Element;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import Card from './Card';
|
|
2
3
|
declare const _default: {
|
|
3
4
|
title: string;
|
|
4
5
|
component: typeof Card;
|
|
5
6
|
};
|
|
6
7
|
export default _default;
|
|
7
|
-
export declare const defaultCard: () =>
|
|
8
|
+
export declare const defaultCard: () => React.JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { IToolTipConfig } from '../Tooltip';
|
|
3
3
|
interface ICheckboxFieldProps {
|
|
4
|
-
label?:
|
|
4
|
+
label?: any;
|
|
5
5
|
value: boolean;
|
|
6
6
|
width?: string | number;
|
|
7
7
|
tooltip?: IToolTipConfig | string;
|
|
@@ -14,6 +14,6 @@ interface ICheckboxFieldProps {
|
|
|
14
14
|
declare class CheckboxField extends React.PureComponent<ICheckboxFieldProps> {
|
|
15
15
|
constructor(props: any);
|
|
16
16
|
private toggle;
|
|
17
|
-
render():
|
|
17
|
+
render(): React.JSX.Element;
|
|
18
18
|
}
|
|
19
19
|
export default CheckboxField;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import CheckBoxField from './CheckboxField';
|
|
2
3
|
declare const _default: {
|
|
3
4
|
title: string;
|
|
4
5
|
component: typeof CheckBoxField;
|
|
5
6
|
};
|
|
6
7
|
export default _default;
|
|
7
|
-
export declare const defaultCheckboxField: () =>
|
|
8
|
+
export declare const defaultCheckboxField: () => React.JSX.Element;
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { IToolTipConfig } from '../Tooltip';
|
|
3
3
|
interface IColorFieldProps {
|
|
4
4
|
buttons?: any;
|
|
5
|
-
label?:
|
|
5
|
+
label?: any;
|
|
6
6
|
placeholder?: string;
|
|
7
7
|
readOnly?: boolean;
|
|
8
8
|
value: string;
|
|
@@ -28,6 +28,6 @@ declare class ColorField extends React.PureComponent<IColorFieldProps, IColorFie
|
|
|
28
28
|
componentWillUnmount(): void;
|
|
29
29
|
private handleClickOutside;
|
|
30
30
|
private handleChangeComplete;
|
|
31
|
-
render():
|
|
31
|
+
render(): React.JSX.Element;
|
|
32
32
|
}
|
|
33
33
|
export default ColorField;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import FieldWrapper from '../field-wrapper/FieldWrapper';
|
|
3
|
-
import { SketchPicker } from 'react-color';
|
|
3
|
+
import { SketchPicker } from '@imposium-hub/react-color';
|
|
4
4
|
class ColorField extends React.PureComponent {
|
|
5
5
|
clickOutsideHandler;
|
|
6
6
|
picker;
|
|
7
|
-
transparentBg = `url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/
|
|
7
|
+
transparentBg = `url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADBJREFUOE9jPHPmzH8GPMDY2BifNAPjqAHDIgz+//+PNx2cPXsWfzoYNYCBceiHAQD1OVMJc/dYeAAAAABJRU5ErkJggg==") left center`;
|
|
8
8
|
constructor(props) {
|
|
9
9
|
super(props);
|
|
10
10
|
this.state = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorField.js","sourceRoot":"","sources":["../../../../src/components/color-field/ColorField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,YAAY,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ColorField.js","sourceRoot":"","sources":["../../../../src/components/color-field/ColorField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import ColorField from './ColorField';
|
|
2
3
|
declare const _default: {
|
|
3
4
|
title: string;
|
|
4
5
|
component: typeof ColorField;
|
|
5
6
|
};
|
|
6
7
|
export default _default;
|
|
7
|
-
export declare const defaultColorField: () =>
|
|
8
|
+
export declare const defaultColorField: () => React.JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
declare const ContextMenu: {
|
|
2
3
|
({ children, id, appendTo, hideOnLeave, onMouseLeave, onHide, onShow, preventHideOnScroll, preventHideOnResize, attributes, animation }: {
|
|
3
4
|
children: any;
|
|
@@ -11,7 +12,7 @@ declare const ContextMenu: {
|
|
|
11
12
|
preventHideOnResize: any;
|
|
12
13
|
attributes: any;
|
|
13
14
|
animation: any;
|
|
14
|
-
}):
|
|
15
|
+
}): React.JSX.Element;
|
|
15
16
|
defaultProps: {
|
|
16
17
|
appendTo: any;
|
|
17
18
|
hideOnLeave: boolean;
|
|
@@ -6,6 +6,8 @@ import { throttle } from './helper';
|
|
|
6
6
|
const ContextMenu = ({ children, id, appendTo, hideOnLeave, onMouseLeave, onHide, onShow, preventHideOnScroll, preventHideOnResize, attributes, animation }) => {
|
|
7
7
|
const contextMenuEl = useRef(null);
|
|
8
8
|
const [isVisible, setVisible] = useState(false);
|
|
9
|
+
const [top, setTop] = useState('');
|
|
10
|
+
const [left, setLeft] = useState('');
|
|
9
11
|
const [clientPosition, setClientPosition] = useState(null);
|
|
10
12
|
const showMenu = (e) => {
|
|
11
13
|
const { position } = e;
|
|
@@ -76,14 +78,16 @@ const ContextMenu = ({ children, id, appendTo, hideOnLeave, onMouseLeave, onHide
|
|
|
76
78
|
newClientY = clientY - elemHeight;
|
|
77
79
|
if (windowInnerWidth < clientX + elemWidth)
|
|
78
80
|
newClientX = clientX - elemWidth;
|
|
79
|
-
|
|
80
|
-
|
|
81
|
+
setTop(`${newClientY + 2}px`);
|
|
82
|
+
setLeft(`${newClientX + 2}px`);
|
|
81
83
|
if (onShow)
|
|
82
84
|
onShow();
|
|
83
85
|
}
|
|
84
86
|
}, [isVisible, clientPosition]);
|
|
85
87
|
const childrenWithProps = React.Children.map(children, (child) => React.cloneElement(child, { id }));
|
|
86
|
-
const ContextComponent = () =>
|
|
88
|
+
const ContextComponent = () => {
|
|
89
|
+
return (React.createElement("div", { className: `contextmenu`, ref: contextMenuEl, style: { top, left }, onMouseLeave: handleMouseLeave, ...attributes }, childrenWithProps));
|
|
90
|
+
};
|
|
87
91
|
const PortalContextComponent = () => ReactDOM.createPortal(React.createElement(ContextComponent, null), document.querySelector(appendTo));
|
|
88
92
|
if (document.readyState === 'complete' && appendTo) {
|
|
89
93
|
return animation ? (React.createElement(AnimateComponent, { isVisible: isVisible, timeout: 200, className: animation },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/components/context-menu/ContextMenu.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/components/context-menu/ContextMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
declare const ContextMenuItem: {
|
|
2
3
|
({ children, onClick, disabled, preventClose, attributes, className }: {
|
|
3
4
|
children: any;
|
|
@@ -6,7 +7,7 @@ declare const ContextMenuItem: {
|
|
|
6
7
|
preventClose: any;
|
|
7
8
|
attributes: any;
|
|
8
9
|
className: any;
|
|
9
|
-
}):
|
|
10
|
+
}): React.JSX.Element;
|
|
10
11
|
defaultProps: {
|
|
11
12
|
disabled: boolean;
|
|
12
13
|
preventClose: boolean;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
declare const ContextMenuTrigger: {
|
|
2
3
|
({ children, id, disableWhileShiftPressed, attributes, disable }: {
|
|
3
4
|
children: any;
|
|
@@ -5,7 +6,7 @@ declare const ContextMenuTrigger: {
|
|
|
5
6
|
disableWhileShiftPressed: any;
|
|
6
7
|
attributes: any;
|
|
7
8
|
disable: any;
|
|
8
|
-
}):
|
|
9
|
+
}): React.JSX.Element;
|
|
9
10
|
defaultProps: {
|
|
10
11
|
attributes: {};
|
|
11
12
|
disable: boolean;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
declare const Submenu: {
|
|
2
3
|
({ children, title, attributes, className }: {
|
|
3
4
|
children: any;
|
|
4
5
|
title: any;
|
|
5
6
|
attributes: any;
|
|
6
7
|
className: any;
|
|
7
|
-
}):
|
|
8
|
+
}): React.JSX.Element;
|
|
8
9
|
defaultProps: {
|
|
9
10
|
title: string;
|
|
10
11
|
className: string;
|
|
@@ -7,7 +7,7 @@ interface IControlledListProps {
|
|
|
7
7
|
declare class ControlledList extends React.PureComponent<IControlledListProps> {
|
|
8
8
|
private inputRef;
|
|
9
9
|
private submitHandler;
|
|
10
|
-
renderRemoveButton(index: any):
|
|
11
|
-
render():
|
|
10
|
+
renderRemoveButton(index: any): React.JSX.Element;
|
|
11
|
+
render(): React.JSX.Element;
|
|
12
12
|
}
|
|
13
13
|
export default ControlledList;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import ControlledList from './ControlledList';
|
|
2
3
|
declare const _default: {
|
|
3
4
|
title: string;
|
|
4
5
|
componenet: typeof ControlledList;
|
|
5
6
|
};
|
|
6
7
|
export default _default;
|
|
7
|
-
export declare const ControlledListWithTags: () =>
|
|
8
|
+
export declare const ControlledListWithTags: () => React.JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface ICopyPropIdButtonProps {
|
|
3
|
+
copyPropId: string;
|
|
4
|
+
onNotification?(e: any): void;
|
|
5
|
+
onError?(e: any): void;
|
|
6
|
+
}
|
|
7
|
+
declare class CopyPropIdButton extends React.PureComponent<ICopyPropIdButtonProps, undefined> {
|
|
8
|
+
private clickHandler;
|
|
9
|
+
private copyPropId;
|
|
10
|
+
render(): React.JSX.Element;
|
|
11
|
+
}
|
|
12
|
+
export default CopyPropIdButton;
|