@imposium-hub/components 2.5.10-11 → 2.5.10-12
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/components/assets/AssetsTableGlobalCell.js +2 -1
- package/dist/cjs/components/assets/AssetsTableGlobalCell.js.map +1 -1
- package/dist/cjs/components/card/Card.d.ts +1 -0
- package/dist/cjs/components/card/Card.js +17 -4
- package/dist/cjs/components/card/Card.js.map +1 -1
- package/dist/cjs/components/data-table/Paginator.js +51 -7
- package/dist/cjs/components/data-table/Paginator.js.map +1 -1
- package/dist/cjs/components/smpte-field/SMPTEField.d.ts +2 -1
- package/dist/cjs/components/smpte-field/SMPTEField.js +9 -3
- package/dist/cjs/components/smpte-field/SMPTEField.js.map +1 -1
- package/dist/cjs/components/tabs/Tabs.d.ts +1 -4
- package/dist/cjs/components/tabs/Tabs.stories.d.ts +1 -3
- package/dist/cjs/index.d.ts +3 -1
- package/dist/cjs/index.js +6 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/redux/actions/asset-list.js +34 -42
- package/dist/cjs/redux/actions/asset-list.js.map +1 -1
- package/dist/cjs/services/API.d.ts +3 -0
- package/dist/cjs/services/API.js +9 -0
- package/dist/cjs/services/API.js.map +1 -1
- package/dist/esm/components/advanced-number-field/AdvancedNumberField.d.ts +1 -1
- package/dist/esm/components/anchor-field/AnchorField.d.ts +1 -1
- package/dist/esm/components/assets/AssetsTableGlobalCell.js +2 -1
- package/dist/esm/components/assets/AssetsTableGlobalCell.js.map +1 -1
- package/dist/esm/components/assets/AssetsTablePreviewCell.d.ts +1 -1
- package/dist/esm/components/assets/FontAssetPreview.d.ts +1 -1
- package/dist/esm/components/assets/StoryTableTotalRendersCell.d.ts +1 -2
- package/dist/esm/components/button/Button.d.ts +1 -1
- package/dist/esm/components/button/Button.stories.d.ts +5 -6
- package/dist/esm/components/button-group-field/ButtonGroupField.stories.d.ts +1 -2
- package/dist/esm/components/button-menu/ButtonMenu.d.ts +2 -2
- package/dist/esm/components/button-menu/ButtonMenu.stories.d.ts +1 -2
- package/dist/esm/components/button-menu/ButtonMenuItem.d.ts +1 -1
- package/dist/esm/components/card/Card.d.ts +5 -4
- package/dist/esm/components/card/Card.js +16 -4
- package/dist/esm/components/card/Card.js.map +1 -1
- package/dist/esm/components/card/Card.stories.d.ts +1 -2
- package/dist/esm/components/checkbox-field/CheckboxField.d.ts +1 -1
- package/dist/esm/components/checkbox-field/CheckboxField.stories.d.ts +1 -2
- package/dist/esm/components/color-field/ColorField.d.ts +1 -1
- package/dist/esm/components/color-field/ColorFiled.stories.d.ts +1 -2
- package/dist/esm/components/compositions/TextLayer.d.ts +1 -1
- package/dist/esm/components/confirm-modal/ConfirmModal.d.ts +1 -2
- package/dist/esm/components/context-menu/AnimateComponent.d.ts +1 -2
- package/dist/esm/components/context-menu/ContextMenu.d.ts +1 -2
- package/dist/esm/components/context-menu/ContextMenuItem.d.ts +1 -2
- package/dist/esm/components/context-menu/ContextMenuTrigger.d.ts +1 -2
- package/dist/esm/components/context-menu/SubMenu.d.ts +1 -2
- package/dist/esm/components/controlled-list/ControlledList.d.ts +2 -2
- package/dist/esm/components/controlled-list/ControlledList.stories.d.ts +1 -2
- package/dist/esm/components/copy-prop-id-button/CopyPropIdButton.d.ts +1 -1
- package/dist/esm/components/data-table/Paginator.js +74 -44
- package/dist/esm/components/data-table/Paginator.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 +1 -1
- package/dist/esm/components/field-wrapper/FieldWrapper.d.ts +2 -2
- package/dist/esm/components/field-wrapper/FieldWrapper.stories.d.ts +1 -2
- package/dist/esm/components/font-picker/FontPicker.d.ts +1 -1
- package/dist/esm/components/h-rule/HRule.d.ts +1 -2
- package/dist/esm/components/h-rule/HRule.stories.d.ts +2 -3
- package/dist/esm/components/list-field/ListField.d.ts +1 -1
- package/dist/esm/components/list-field/ListField.stories.d.ts +1 -2
- 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 +1 -2
- package/dist/esm/components/number-field/NumberField.d.ts +1 -1
- package/dist/esm/components/number-field/NumberField.stories.d.ts +1 -2
- 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/VideoPlayer.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/publish/APIIntegration.d.ts +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 +1 -2
- package/dist/esm/components/section/Section.stories.d.ts +2 -3
- package/dist/esm/components/select-field/SelectField.d.ts +1 -1
- package/dist/esm/components/select-field/SelectField.stories.d.ts +1 -2
- package/dist/esm/components/shortcut-menu/ShortcutMenu.stories.d.ts +1 -1
- package/dist/esm/components/slider-field/SliderField.d.ts +1 -1
- package/dist/esm/components/slider-field/SliderField.stories.d.ts +1 -2
- package/dist/esm/components/smpte-field/SMPTEField.d.ts +3 -2
- package/dist/esm/components/smpte-field/SMPTEField.js +9 -3
- package/dist/esm/components/smpte-field/SMPTEField.js.map +1 -1
- package/dist/esm/components/tabs/Tabs.stories.d.ts +1 -1
- package/dist/esm/components/text-area-field/TextAreaField.d.ts +1 -1
- package/dist/esm/components/text-area-field/TextAreaField.stories.d.ts +1 -2
- package/dist/esm/components/text-field/TextField.d.ts +1 -1
- package/dist/esm/components/text-field/TextField.stories.d.ts +1 -2
- package/dist/esm/constants/icons.d.ts +73 -74
- package/dist/esm/index.d.ts +3 -1
- package/dist/esm/index.js +3 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/redux/actions/asset-list.js +34 -42
- package/dist/esm/redux/actions/asset-list.js.map +1 -1
- package/dist/esm/services/API.d.ts +3 -0
- package/dist/esm/services/API.js +9 -0
- package/dist/esm/services/API.js.map +1 -1
- package/dist/styles.css +13 -2
- package/dist/styles.less +16 -3
- package/less/components/data-table.less +4 -0
- package/less/components/form-field.less +7 -3
- package/less/components/tag.less +5 -0
- package/package.json +1 -1
- package/src/components/assets/AssetsTableAssetIdCell.tsx +65 -0
- package/src/components/assets/AssetsTableAssetIdFilter.tsx +40 -0
- package/src/components/assets/AssetsTableGlobalCell.tsx +11 -1
- package/src/components/card/Card.tsx +27 -13
- package/src/components/data-table/Paginator.tsx +140 -93
- package/src/components/smpte-field/SMPTEField.tsx +8 -3
- package/src/index.ts +4 -0
- package/src/redux/actions/asset-list.ts +37 -44
- package/src/services/API.ts +15 -0
|
@@ -3,53 +3,83 @@ import Button from '../button/Button';
|
|
|
3
3
|
import { ICON_ANGLE_DOUBLE_LEFT, ICON_ANGLE_LEFT, ICON_ANGLE_DOUBLE_RIGHT, ICON_ANGLE_RIGHT } from '../../constants/icons';
|
|
4
4
|
import { assets as copy } from '../../constants/copy';
|
|
5
5
|
let textInputTimeout;
|
|
6
|
-
const Paginator = ({ manualPagination, pageCount, pageIndex, pageSize, pageOptions, totalItems, canPreviousPage, canNextPage, gotoPage, previousPage, nextPage, setPageSize, itemsPerPage, onItemsPerPage }) =>
|
|
7
|
-
React.
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
const Paginator = ({ manualPagination, pageCount, pageIndex, pageSize, pageOptions, totalItems, canPreviousPage, canNextPage, gotoPage, previousPage, nextPage, setPageSize, itemsPerPage, onItemsPerPage }) => {
|
|
7
|
+
const [getPageIndex, setPageIndex] = React.useState(pageIndex);
|
|
8
|
+
const [getItemsPerPage, setItemsPerPage] = React.useState(itemsPerPage);
|
|
9
|
+
React.useEffect(() => {
|
|
10
|
+
if (pageIndex !== getPageIndex) {
|
|
11
|
+
setPageIndex(pageIndex);
|
|
12
|
+
}
|
|
13
|
+
}, [pageIndex]);
|
|
14
|
+
const onItemsPerPageBlur = () => {
|
|
15
|
+
clearTimeout(textInputTimeout);
|
|
16
|
+
onItemsPerPage(getItemsPerPage);
|
|
17
|
+
};
|
|
18
|
+
const onGoToPageBlur = () => {
|
|
19
|
+
clearTimeout(textInputTimeout);
|
|
20
|
+
gotoPage(getPageIndex, pageSize);
|
|
21
|
+
};
|
|
22
|
+
const onItemsPerPageKeyDown = (e) => {
|
|
23
|
+
if (e.key === 'Enter') {
|
|
24
|
+
clearTimeout(textInputTimeout);
|
|
25
|
+
onItemsPerPage(getItemsPerPage);
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
const onGoToPageKeyDown = (e) => {
|
|
29
|
+
if (e.key === 'Enter') {
|
|
30
|
+
clearTimeout(textInputTimeout);
|
|
31
|
+
gotoPage(getPageIndex, pageSize);
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
return (React.createElement("section", { className: 'ip-table-pagination' },
|
|
13
35
|
React.createElement("span", null,
|
|
14
|
-
|
|
36
|
+
React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to first page', disabled: !canPreviousPage, onClick: () => gotoPage(1, pageSize) }, ICON_ANGLE_DOUBLE_LEFT),
|
|
37
|
+
React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to previous page', disabled: !canPreviousPage, onClick: () => previousPage() }, ICON_ANGLE_LEFT),
|
|
38
|
+
React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to next page', disabled: !canNextPage, onClick: () => nextPage() }, ICON_ANGLE_RIGHT),
|
|
39
|
+
React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to last page', disabled: !canNextPage, onClick: () => gotoPage(pageCount, pageSize) }, ICON_ANGLE_DOUBLE_RIGHT),
|
|
15
40
|
"\u00A0\u00A0",
|
|
16
|
-
React.createElement("
|
|
17
|
-
|
|
18
|
-
"
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
41
|
+
React.createElement("span", null,
|
|
42
|
+
copy.table.page,
|
|
43
|
+
"\u00A0\u00A0",
|
|
44
|
+
React.createElement("strong", null,
|
|
45
|
+
getPageIndex,
|
|
46
|
+
" of ",
|
|
47
|
+
pageCount),
|
|
48
|
+
"\u00A0\u00A0"),
|
|
49
|
+
React.createElement("span", null,
|
|
50
|
+
copy.table.goToPage,
|
|
51
|
+
"\u00A0\u00A0",
|
|
52
|
+
React.createElement("input", { className: 'paginator-input', type: 'number', placeholder: getPageIndex.toString(), onChange: (e) => {
|
|
53
|
+
const input = e.target.value;
|
|
54
|
+
const inputNum = Number(input);
|
|
55
|
+
let next;
|
|
56
|
+
clearTimeout(textInputTimeout);
|
|
57
|
+
if (!input || inputNum < 1 || inputNum > pageCount) {
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
if (inputNum >= 1 && inputNum <= pageCount) {
|
|
61
|
+
next = inputNum;
|
|
62
|
+
}
|
|
63
|
+
textInputTimeout = window.setTimeout(() => gotoPage(next, pageSize), 1000);
|
|
64
|
+
}, onBlur: () => onGoToPageBlur(), onKeyDown: (e) => onGoToPageKeyDown(e) })),
|
|
23
65
|
"\u00A0\u00A0",
|
|
24
|
-
React.createElement("
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
"
|
|
38
|
-
|
|
39
|
-
copy.table.itemsPerPage,
|
|
66
|
+
React.createElement("span", null,
|
|
67
|
+
copy.table.itemsPerPage,
|
|
68
|
+
"\u00A0\u00A0",
|
|
69
|
+
React.createElement("input", { className: 'paginator-input', type: 'number', placeholder: getItemsPerPage.toString(), min: 1, onChange: (e) => {
|
|
70
|
+
const input = e.target.value;
|
|
71
|
+
const inputNum = Number(input);
|
|
72
|
+
clearTimeout(textInputTimeout);
|
|
73
|
+
if (!input || inputNum < 1) {
|
|
74
|
+
return;
|
|
75
|
+
}
|
|
76
|
+
setItemsPerPage(inputNum);
|
|
77
|
+
textInputTimeout = window.setTimeout(() => onItemsPerPage(inputNum), 1000);
|
|
78
|
+
}, onBlur: () => onItemsPerPageBlur(), onKeyDown: (e) => onItemsPerPageKeyDown(e) }))),
|
|
79
|
+
React.createElement("span", { className: 'total-assets' },
|
|
80
|
+
copy.table.total,
|
|
40
81
|
"\u00A0\u00A0",
|
|
41
|
-
React.createElement("
|
|
42
|
-
|
|
43
|
-
const inputNum = Number(input);
|
|
44
|
-
clearTimeout(textInputTimeout);
|
|
45
|
-
if (!input || inputNum < 1) {
|
|
46
|
-
return;
|
|
47
|
-
}
|
|
48
|
-
textInputTimeout = window.setTimeout(() => onItemsPerPage(inputNum), 300);
|
|
49
|
-
} }))),
|
|
50
|
-
React.createElement("span", { className: 'total-assets' },
|
|
51
|
-
copy.table.total,
|
|
52
|
-
"\u00A0\u00A0",
|
|
53
|
-
React.createElement("strong", null, totalItems || 0))));
|
|
82
|
+
React.createElement("strong", null, totalItems || 0))));
|
|
83
|
+
};
|
|
54
84
|
export default Paginator;
|
|
55
85
|
//# sourceMappingURL=Paginator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paginator.js","sourceRoot":"","sources":["../../../../src/components/data-table/Paginator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,OAAO,EACH,sBAAsB,EACtB,eAAe,EACf,uBAAuB,EACvB,gBAAgB,EACnB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACtD,IAAI,gBAAwB,CAAC;AAE7B,MAAM,SAAS,GAAkB,CAAC,EAC9B,gBAAgB,EAChB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,WAAW,EACX,UAAU,EACV,eAAe,EACf,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,cAAc,EACjB,EAAE,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"Paginator.js","sourceRoot":"","sources":["../../../../src/components/data-table/Paginator.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,6 @@ declare const _default: {
|
|
|
4
4
|
component: React.FC<import("./DeterminateLoader").IDeterminateLoaderProps>;
|
|
5
5
|
};
|
|
6
6
|
export default _default;
|
|
7
|
-
export declare const DeterminateLoader50Percent: () =>
|
|
8
|
-
export declare const DeterminateLoader25Percent: () =>
|
|
9
|
-
export declare const DeterminateLoaderLoading: () =>
|
|
7
|
+
export declare const DeterminateLoader50Percent: () => any;
|
|
8
|
+
export declare const DeterminateLoader25Percent: () => any;
|
|
9
|
+
export declare const DeterminateLoaderLoading: () => any;
|
|
@@ -20,8 +20,8 @@ declare class FieldWrapper extends React.PureComponent<IFieldWrapperProps, IFiel
|
|
|
20
20
|
constructor(props: any);
|
|
21
21
|
private getLabelClass;
|
|
22
22
|
private renderLabel;
|
|
23
|
-
render():
|
|
23
|
+
render(): any;
|
|
24
24
|
private renderInfo;
|
|
25
|
-
renderButtons():
|
|
25
|
+
renderButtons(): any;
|
|
26
26
|
}
|
|
27
27
|
export default FieldWrapper;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import FieldWrapper from './FieldWrapper';
|
|
3
2
|
declare const _default: {
|
|
4
3
|
title: string;
|
|
5
4
|
component: typeof FieldWrapper;
|
|
6
5
|
};
|
|
7
6
|
export default _default;
|
|
8
|
-
export declare const defaultFieldWrapperWithSelectField: () =>
|
|
7
|
+
export declare const defaultFieldWrapperWithSelectField: () => any;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
declare const _default: {
|
|
3
2
|
title: string;
|
|
4
|
-
component: (props: any) =>
|
|
3
|
+
component: (props: any) => any;
|
|
5
4
|
};
|
|
6
5
|
export default _default;
|
|
7
|
-
export declare const defaultHRule: () =>
|
|
6
|
+
export declare const defaultHRule: () => any;
|
|
@@ -30,7 +30,7 @@ declare class ListField extends React.PureComponent<IListFieldProps, IListFieldS
|
|
|
30
30
|
private inputChanged;
|
|
31
31
|
private inputFocus;
|
|
32
32
|
private submitOption;
|
|
33
|
-
render():
|
|
33
|
+
render(): any;
|
|
34
34
|
renderButtons(): any[];
|
|
35
35
|
}
|
|
36
36
|
export default ListField;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import ListField from './ListField';
|
|
3
2
|
declare const _default: {
|
|
4
3
|
title: string;
|
|
5
4
|
component: typeof ListField;
|
|
6
5
|
};
|
|
7
6
|
export default _default;
|
|
8
|
-
export declare const defaultListFIeld: () =>
|
|
7
|
+
export declare const defaultListFIeld: () => any;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import Modal from './Modal';
|
|
3
2
|
declare const _default: {
|
|
4
3
|
title: string;
|
|
5
4
|
component: typeof Modal;
|
|
6
5
|
};
|
|
7
6
|
export default _default;
|
|
8
|
-
export declare const defaultModal: () =>
|
|
7
|
+
export declare const defaultModal: () => any;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import NumberField from './NumberField';
|
|
3
2
|
declare const _default: {
|
|
4
3
|
title: string;
|
|
5
4
|
component: typeof NumberField;
|
|
6
5
|
};
|
|
7
6
|
export default _default;
|
|
8
|
-
export declare const defaultNumberField: () =>
|
|
7
|
+
export declare const defaultNumberField: () => any;
|
|
@@ -23,13 +23,13 @@ export default _default;
|
|
|
23
23
|
export declare const BigButton: React.FC<IBigButtonProps>;
|
|
24
24
|
export declare const TabContent: ({ children }: {
|
|
25
25
|
children: any;
|
|
26
|
-
}) =>
|
|
26
|
+
}) => any;
|
|
27
27
|
export declare const TabHeader: (props: {
|
|
28
28
|
title: string;
|
|
29
29
|
className?: StyleSheet | any;
|
|
30
|
-
}) =>
|
|
30
|
+
}) => any;
|
|
31
31
|
export declare const WizardError: (props: {
|
|
32
32
|
title: string;
|
|
33
33
|
description: string;
|
|
34
|
-
}) =>
|
|
34
|
+
}) => any;
|
|
35
35
|
export declare const BigLink: React.FC<IBigLinkProps>;
|
|
@@ -6,7 +6,7 @@ interface IWebpageHostedProps {
|
|
|
6
6
|
}
|
|
7
7
|
export declare const documentationLinks: {
|
|
8
8
|
key: string;
|
|
9
|
-
label:
|
|
9
|
+
label: any;
|
|
10
10
|
link: string;
|
|
11
11
|
}[];
|
|
12
12
|
declare class WebpageHosted extends React.PureComponent<IWebpageHostedProps> {
|
|
@@ -14,6 +14,6 @@ declare class WebpageHosted extends React.PureComponent<IWebpageHostedProps> {
|
|
|
14
14
|
private downloadSampleWebPage;
|
|
15
15
|
private getFirstAct;
|
|
16
16
|
private linkToDemoPage;
|
|
17
|
-
render():
|
|
17
|
+
render(): any;
|
|
18
18
|
}
|
|
19
19
|
export default WebpageHosted;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
declare const _default: {
|
|
3
2
|
title: string;
|
|
4
|
-
component: (props: any) =>
|
|
3
|
+
component: (props: any) => any;
|
|
5
4
|
};
|
|
6
5
|
export default _default;
|
|
7
|
-
export declare const defaultSection: () =>
|
|
6
|
+
export declare const defaultSection: () => any;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import SelectField from './SelectField';
|
|
3
2
|
declare const _default: {
|
|
4
3
|
title: string;
|
|
5
4
|
components: typeof SelectField;
|
|
6
5
|
};
|
|
7
6
|
export default _default;
|
|
8
|
-
export declare const defaultSelectField: () =>
|
|
7
|
+
export declare const defaultSelectField: () => any;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import SliderField from './SliderField';
|
|
3
2
|
declare const _default: {
|
|
4
3
|
title: string;
|
|
5
4
|
component: typeof SliderField;
|
|
6
5
|
};
|
|
7
6
|
export default _default;
|
|
8
|
-
export declare const defaultSliderField: () =>
|
|
7
|
+
export declare const defaultSliderField: () => any;
|
|
@@ -8,6 +8,7 @@ interface ISMPTEFieldProps {
|
|
|
8
8
|
width?: string | number;
|
|
9
9
|
onChange?(e: any): void;
|
|
10
10
|
onBlur?(e: any): void;
|
|
11
|
+
onError?(e: any): void;
|
|
11
12
|
info?: string;
|
|
12
13
|
labelPosition?: string;
|
|
13
14
|
labelWidth?: string | number;
|
|
@@ -28,7 +29,7 @@ declare class SMPTEField extends React.PureComponent<ISMPTEFieldProps, ISMPTEFie
|
|
|
28
29
|
private onBlur;
|
|
29
30
|
private onChange;
|
|
30
31
|
private setDuration;
|
|
31
|
-
private
|
|
32
|
-
render():
|
|
32
|
+
private SMTPEValidator;
|
|
33
|
+
render(): any;
|
|
33
34
|
}
|
|
34
35
|
export default SMPTEField;
|
|
@@ -42,7 +42,7 @@ class SMPTEField extends React.PureComponent {
|
|
|
42
42
|
}
|
|
43
43
|
onBlur(e) {
|
|
44
44
|
const val = e ? e.target.value : this.inputRef.current.value;
|
|
45
|
-
const isValid = this.
|
|
45
|
+
const isValid = this.SMTPEValidator(val);
|
|
46
46
|
if (e && e.key === 'Enter') {
|
|
47
47
|
this.setDuration(isValid, val);
|
|
48
48
|
}
|
|
@@ -52,10 +52,13 @@ class SMPTEField extends React.PureComponent {
|
|
|
52
52
|
}
|
|
53
53
|
onChange() {
|
|
54
54
|
const val = this.inputRef.current.value;
|
|
55
|
-
const isValid = this.
|
|
55
|
+
const isValid = this.SMTPEValidator(val);
|
|
56
56
|
if (isValid) {
|
|
57
57
|
this.props.onChange(val);
|
|
58
58
|
}
|
|
59
|
+
else {
|
|
60
|
+
this.props.onError(isValid);
|
|
61
|
+
}
|
|
59
62
|
}
|
|
60
63
|
setDuration(isValid, val) {
|
|
61
64
|
const { frameRate } = this.props;
|
|
@@ -64,9 +67,12 @@ class SMPTEField extends React.PureComponent {
|
|
|
64
67
|
if (smpte && this.props.onBlur) {
|
|
65
68
|
this.props.onBlur(smpte);
|
|
66
69
|
}
|
|
70
|
+
else {
|
|
71
|
+
this.props.onError(isValid);
|
|
72
|
+
}
|
|
67
73
|
}
|
|
68
74
|
}
|
|
69
|
-
|
|
75
|
+
SMTPEValidator(val) {
|
|
70
76
|
const isValidSMPTETimeCode = new RegExp(this.regex);
|
|
71
77
|
const isValid = isValidSMPTETimeCode.test(val);
|
|
72
78
|
const errorMsg = isValid ? null : TIMECODE.ERROR;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SMPTEField.js","sourceRoot":"","sources":["../../../../src/components/smpte-field/SMPTEField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,YAAY,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"SMPTEField.js","sourceRoot":"","sources":["../../../../src/components/smpte-field/SMPTEField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -37,6 +37,6 @@ declare class TextAreaField extends React.PureComponent<ITextAreaFieldProps, ITe
|
|
|
37
37
|
private renderButtons;
|
|
38
38
|
private toggleEditing;
|
|
39
39
|
componentDidUpdate(prevProps: any): void;
|
|
40
|
-
render():
|
|
40
|
+
render(): any;
|
|
41
41
|
}
|
|
42
42
|
export default TextAreaField;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import TextAreaField from './TextAreaField';
|
|
3
2
|
declare const _default: {
|
|
4
3
|
title: string;
|
|
5
4
|
components: typeof TextAreaField;
|
|
6
5
|
};
|
|
7
6
|
export default _default;
|
|
8
|
-
export declare const defaultTextAreaField: () =>
|
|
7
|
+
export declare const defaultTextAreaField: () => any;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import TextField from './TextField';
|
|
3
2
|
declare const _default: {
|
|
4
3
|
title: string;
|
|
5
4
|
components: typeof TextField;
|
|
6
5
|
};
|
|
7
6
|
export default _default;
|
|
8
|
-
export declare const defaultTextField: () =>
|
|
7
|
+
export declare const defaultTextField: () => any;
|