@vidispine/vdt-materialui 23.1.0 → 23.2.0-pre.2

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 (356) hide show
  1. package/dist/index.js +26107 -175
  2. package/dist/index.umd.cjs +9 -0
  3. package/package.json +26 -30
  4. package/dist/ConfirmationDialog.js +0 -7
  5. package/dist/LayoutButtonGroup.js +0 -12
  6. package/dist/SplitButton.js +0 -17
  7. package/dist/Theme.js +0 -10
  8. package/dist/TreeItemDraggable.js +0 -8
  9. package/dist/analyze/BatonAnalysisDialog.js +0 -18
  10. package/dist/analyze/BatonAnalysisForm.js +0 -13
  11. package/dist/collection/AddToCollectionDialog/AddToCollectionDialog.js +0 -23
  12. package/dist/collection/AddToCollectionDialog/index.js +0 -6
  13. package/dist/collection/CollectionAccessTab.js +0 -15
  14. package/dist/collection/CollectionCard/CollectionCard.js +0 -12
  15. package/dist/collection/CollectionCard/components/CollectionAvatar.js +0 -7
  16. package/dist/collection/CollectionCard/index.js +0 -6
  17. package/dist/collection/CollectionCardThumbnail/CollectionCardThumbnail.js +0 -13
  18. package/dist/collection/CollectionCardThumbnail/index.js +0 -6
  19. package/dist/collection/CollectionContent/CollectionContent.js +0 -21
  20. package/dist/collection/CollectionContent/components/CollectionContentCollection.js +0 -17
  21. package/dist/collection/CollectionContent/components/CollectionContentEntity.js +0 -14
  22. package/dist/collection/CollectionContent/components/CollectionContentItem.js +0 -20
  23. package/dist/collection/CollectionContent/components/CollectionContentSkeleton.js +0 -10
  24. package/dist/collection/CollectionContent/index.js +0 -6
  25. package/dist/collection/CollectionCreateDialog/CollectionCreateDialog.js +0 -15
  26. package/dist/collection/CollectionCreateDialog/index.js +0 -6
  27. package/dist/collection/CollectionGrid/CollectionGrid.js +0 -9
  28. package/dist/collection/CollectionGrid/index.js +0 -6
  29. package/dist/collection/CollectionLabel.js +0 -10
  30. package/dist/collection/CollectionList/CollectionList.js +0 -9
  31. package/dist/collection/CollectionList/index.js +0 -6
  32. package/dist/collection/CollectionListItem/CollectionListItem.js +0 -11
  33. package/dist/collection/CollectionListItem/index.js +0 -6
  34. package/dist/collection/CollectionMetadataEdit.js +0 -15
  35. package/dist/collection/CollectionMetadataTab.js +0 -15
  36. package/dist/collection/CollectionRow/CollectionRow.js +0 -15
  37. package/dist/collection/CollectionRow/index.js +0 -6
  38. package/dist/collection/CollectionSearchPicker/CollectionSearchPicker.js +0 -16
  39. package/dist/collection/CollectionSearchPicker/index.js +0 -6
  40. package/dist/collection/CollectionTable/CollectionTable.js +0 -15
  41. package/dist/collection/CollectionTable/index.js +0 -6
  42. package/dist/collection/CollectionTreeList/CollectionTreeList.js +0 -19
  43. package/dist/collection/CollectionTreeList/components/CollectionLabelDroppable.js +0 -8
  44. package/dist/collection/CollectionTreeList/index.js +0 -6
  45. package/dist/collection/RemoveFromCollectionDialog/RemoveFromCollectionDialog.js +0 -9
  46. package/dist/collection/RemoveFromCollectionDialog/index.js +0 -6
  47. package/dist/contexts/MediaCardContext.js +0 -7
  48. package/dist/dnd/components/DragLayer.js +0 -11
  49. package/dist/dnd/contexts/DragAndDropContext.js +0 -10
  50. package/dist/dnd/hoc/withDrag.js +0 -20
  51. package/dist/dnd/hoc/withDrop.js +0 -14
  52. package/dist/dnd/hooks/useDragOffsetDiff.js +0 -10
  53. package/dist/dnd/utils/extractEntityInfo.js +0 -3
  54. package/dist/entity/BinList/BinList.js +0 -24
  55. package/dist/entity/BinList/index.js +0 -6
  56. package/dist/entity/BinListMenu/BinListMenu.js +0 -18
  57. package/dist/entity/BinListMenu/index.js +0 -6
  58. package/dist/entity/EntityAccessAdd.js +0 -24
  59. package/dist/entity/EntityAccessTable.js +0 -23
  60. package/dist/entity/EntityCard/EntityCard.js +0 -9
  61. package/dist/entity/EntityCard/index.js +0 -2
  62. package/dist/entity/EntityComment.js +0 -18
  63. package/dist/entity/EntityCommentCard.js +0 -21
  64. package/dist/entity/EntityDeleteDialog/EntityDeleteDialog.js +0 -23
  65. package/dist/entity/EntityDeleteDialog/index.js +0 -6
  66. package/dist/entity/EntityGrid.js +0 -11
  67. package/dist/entity/EntityGridItem.js +0 -10
  68. package/dist/entity/EntityGridItemDraggable.js +0 -12
  69. package/dist/entity/EntityTable.js +0 -15
  70. package/dist/entity/EntityTableRow.js +0 -9
  71. package/dist/entity/EntityTableRowDraggable.js +0 -12
  72. package/dist/entity/EntityTree.js +0 -21
  73. package/dist/entity/EntityTreeConsts.js +0 -3
  74. package/dist/entity/EntityTreeContext.js +0 -12
  75. package/dist/entity/EntityTreeList.js +0 -19
  76. package/dist/events/Event/Event.js +0 -10
  77. package/dist/events/Event/index.js +0 -6
  78. package/dist/events/EventContainer/EventContainer.js +0 -6
  79. package/dist/events/EventContainer/index.js +0 -6
  80. package/dist/events/EventMarker/EventMarker.js +0 -7
  81. package/dist/events/EventMarker/index.js +0 -6
  82. package/dist/events/EventMarkerThumbnail/EventMarkerThumbnail.js +0 -10
  83. package/dist/events/EventMarkerThumbnail/index.js +0 -6
  84. package/dist/events/EventMarkerTimeline/EventMarkerTimeline.js +0 -8
  85. package/dist/events/EventMarkerTimeline/index.js +0 -6
  86. package/dist/events/EventTimeline/EventTimeline.js +0 -18
  87. package/dist/events/EventTimeline/index.js +0 -6
  88. package/dist/fieldgroup/Editor.js +0 -30
  89. package/dist/fieldgroup/FieldGroupDesigner.js +0 -34
  90. package/dist/fieldgroup/FieldIcon.js +0 -14
  91. package/dist/fieldgroup/MyField.js +0 -12
  92. package/dist/fieldgroup/MyFieldList.js +0 -8
  93. package/dist/fields/AutocompleteConstraintField.js +0 -14
  94. package/dist/fields/AutocompleteField.js +0 -11
  95. package/dist/fields/CheckboxField.js +0 -13
  96. package/dist/fields/CheckboxGroupField.js +0 -19
  97. package/dist/fields/DateField.js +0 -12
  98. package/dist/fields/Field.js +0 -9
  99. package/dist/fields/RadioField.js +0 -15
  100. package/dist/fields/SelectField.js +0 -14
  101. package/dist/fields/SliderField.js +0 -16
  102. package/dist/fields/SwitchField.js +0 -11
  103. package/dist/fields/TagField.js +0 -15
  104. package/dist/fields/TextField.js +0 -11
  105. package/dist/filter/FilterCard.js +0 -15
  106. package/dist/filter/FilterForm.js +0 -11
  107. package/dist/filter/FilterFormLabel.js +0 -9
  108. package/dist/forms/ExpandedFormControlLabel.js +0 -12
  109. package/dist/forms/LoginForm/LoginForm.js +0 -15
  110. package/dist/forms/LoginForm/index.js +0 -6
  111. package/dist/forms/SubmitButton.js +0 -10
  112. package/dist/forms/onGetToken.js +0 -9
  113. package/dist/general/DragScroll/DragScroll.js +0 -9
  114. package/dist/general/DragScroll/index.js +0 -6
  115. package/dist/general/ImageCollage/ImageCollage.js +0 -11
  116. package/dist/general/ImageCollage/index.js +0 -6
  117. package/dist/general/MimeTypeIcon/MimeTypeIcon.js +0 -14
  118. package/dist/general/MimeTypeIcon/index.js +0 -6
  119. package/dist/general/SelectedToolbar/SelectedToolbar.js +0 -16
  120. package/dist/general/SelectedToolbar/index.js +0 -6
  121. package/dist/group/CreateGroupDialog/CreateGroupDialog.js +0 -12
  122. package/dist/group/CreateGroupDialog/components/CreateGroupForm.js +0 -10
  123. package/dist/group/CreateGroupDialog/index.js +0 -6
  124. package/dist/group/EditGroupDialog/EditGroupDialog.js +0 -9
  125. package/dist/group/EditGroupDialog/components/EditGroupForm.js +0 -7
  126. package/dist/group/EditGroupDialog/index.js +0 -6
  127. package/dist/group/GroupDetails/GroupDetails.js +0 -19
  128. package/dist/group/GroupDetails/components/GroupData.js +0 -8
  129. package/dist/group/GroupDetails/components/GroupMenu.js +0 -8
  130. package/dist/group/GroupDetails/index.js +0 -6
  131. package/dist/group/GroupRelationList/GroupRelationList.js +0 -14
  132. package/dist/group/GroupRelationList/index.js +0 -6
  133. package/dist/group/GroupTable/GroupTable.js +0 -9
  134. package/dist/group/GroupTable/components/GroupRow.js +0 -9
  135. package/dist/group/GroupTable/index.js +0 -6
  136. package/dist/hooks/useComments.js +0 -10
  137. package/dist/hooks/useConfirmationDialog.js +0 -9
  138. package/dist/hooks/useExpand.js +0 -6
  139. package/dist/hooks/useMenu.js +0 -6
  140. package/dist/hooks/useSnackbarAlert.js +0 -13
  141. package/dist/icons/BitmovinIcon.js +0 -8
  142. package/dist/icons/FolderMultipleIcon.js +0 -8
  143. package/dist/icons/MediaConvertIcon.js +0 -8
  144. package/dist/icons/VidispineIcon.js +0 -8
  145. package/dist/icons/bitmovin_24.svg.js +0 -36
  146. package/dist/icons/foldermultiple_24.svg.js +0 -16
  147. package/dist/icons/mediaconvert_24.svg.js +0 -39
  148. package/dist/icons/vidispine_24.svg.js +0 -135
  149. package/dist/item/AddRelationDialog.js +0 -19
  150. package/dist/item/ItemAccessTab.js +0 -16
  151. package/dist/item/ItemCard.js +0 -12
  152. package/dist/item/ItemCompoundMetadataTab.js +0 -13
  153. package/dist/item/ItemCompoundMetadataTable.js +0 -20
  154. package/dist/item/ItemFieldGroupTab.js +0 -20
  155. package/dist/item/ItemFileShareDialog.js +0 -16
  156. package/dist/item/ItemGrid.js +0 -8
  157. package/dist/item/ItemGridDroppable.js +0 -11
  158. package/dist/item/ItemLabel.js +0 -12
  159. package/dist/item/ItemLabelDroppable.js +0 -8
  160. package/dist/item/ItemList/ItemList.js +0 -9
  161. package/dist/item/ItemList/index.js +0 -6
  162. package/dist/item/ItemListItem/ItemListItem.js +0 -11
  163. package/dist/item/ItemListItem/index.js +0 -6
  164. package/dist/item/ItemMetadataEdit.js +0 -13
  165. package/dist/item/ItemMetadataFieldRow.js +0 -12
  166. package/dist/item/ItemMetadataForm.js +0 -10
  167. package/dist/item/ItemMetadataFormTable.js +0 -25
  168. package/dist/item/ItemMetadataList.js +0 -12
  169. package/dist/item/ItemMetadataListFieldGroupItem.js +0 -14
  170. package/dist/item/ItemMetadataListFieldItem.js +0 -9
  171. package/dist/item/ItemMetadataTab.js +0 -15
  172. package/dist/item/ItemMetadataTable.js +0 -12
  173. package/dist/item/ItemParentsTab.js +0 -28
  174. package/dist/item/ItemPoster.js +0 -11
  175. package/dist/item/ItemPosterDialog.js +0 -13
  176. package/dist/item/ItemPosterList.js +0 -11
  177. package/dist/item/ItemPosterTab.js +0 -8
  178. package/dist/item/ItemRelationRemoveDialog.js +0 -10
  179. package/dist/item/ItemRelationsTab.js +0 -31
  180. package/dist/item/ItemRow.js +0 -15
  181. package/dist/item/ItemSearchPicker.js +0 -15
  182. package/dist/item/ItemShapeTab.js +0 -11
  183. package/dist/item/ItemShapeTable/ItemShapeTable.js +0 -13
  184. package/dist/item/ItemShapeTable/components/ItemShapeMenu.js +0 -16
  185. package/dist/item/ItemShapeTable/components/ItemShapeRow.js +0 -23
  186. package/dist/item/ItemShapeTable/index.js +0 -6
  187. package/dist/item/ItemSidecarDialog/ItemSidecarDialog.js +0 -15
  188. package/dist/item/ItemSidecarDialog/index.js +0 -6
  189. package/dist/item/ItemSidecarDownload/ItemSidecarDownload.js +0 -21
  190. package/dist/item/ItemSidecarDownload/index.js +0 -6
  191. package/dist/item/ItemSidecarUpload/ItemSidecarUpload.js +0 -22
  192. package/dist/item/ItemSidecarUpload/index.js +0 -6
  193. package/dist/item/ItemSourceTab.js +0 -9
  194. package/dist/item/ItemSourceTable/ItemSourceTable.js +0 -10
  195. package/dist/item/ItemSourceTable/components/AudioComponentTypeTableBody.js +0 -11
  196. package/dist/item/ItemSourceTable/components/ContainerComponentTypeTableBody.js +0 -11
  197. package/dist/item/ItemSourceTable/components/FileTypeTableBody.js +0 -15
  198. package/dist/item/ItemSourceTable/components/ImageTypeTableBody.js +0 -12
  199. package/dist/item/ItemSourceTable/components/MetadataTypeTableBody.js +0 -10
  200. package/dist/item/ItemSourceTable/components/PdfTypeTableBody.js +0 -9
  201. package/dist/item/ItemSourceTable/components/ShapeTypeTableBody.js +0 -16
  202. package/dist/item/ItemSourceTable/components/TableHead.js +0 -8
  203. package/dist/item/ItemSourceTable/components/TableRow.js +0 -10
  204. package/dist/item/ItemSourceTable/components/VideoComponentTypeTableBody.js +0 -12
  205. package/dist/item/ItemSourceTable/index.js +0 -6
  206. package/dist/item/ItemTable.js +0 -14
  207. package/dist/item/ItemTabs/ItemTabs.js +0 -13
  208. package/dist/item/ItemTabs/components/Tab.js +0 -7
  209. package/dist/item/ItemTabs/components/TabPanel.js +0 -9
  210. package/dist/item/ItemTabs/components/Tabs.js +0 -6
  211. package/dist/item/ItemTabs/index.js +0 -6
  212. package/dist/item/ItemTimespan/ItemTimespan.js +0 -10
  213. package/dist/item/ItemTimespan/components/ConfidenceSlider.js +0 -12
  214. package/dist/item/ItemTimespan/components/EditButton.js +0 -11
  215. package/dist/item/ItemTimespan/components/ItemTimespanBox.js +0 -17
  216. package/dist/item/ItemTimespan/components/ItemTimespanEdit.js +0 -12
  217. package/dist/item/ItemTimespan/components/ItemTimespanForm.js +0 -10
  218. package/dist/item/ItemTimespan/components/ItemTimespanInterval.js +0 -17
  219. package/dist/item/ItemTimespan/components/ItemTimespanList.js +0 -11
  220. package/dist/item/ItemTimespan/components/ItemTimespanSearchInput.js +0 -16
  221. package/dist/item/ItemTimespan/components/ItemTimespanSelection.js +0 -12
  222. package/dist/item/ItemTimespan/hooks/useConfidenceSlider.js +0 -8
  223. package/dist/item/ItemTimespan/hooks/useItemTimespan.js +0 -9
  224. package/dist/item/ItemTimespan/hooks/useItemTimespanBox.js +0 -8
  225. package/dist/item/ItemTimespan/hooks/useItemTimespanBoxEdit.js +0 -6
  226. package/dist/item/ItemTimespan/hooks/useItemTimespanEdit.js +0 -8
  227. package/dist/item/ItemTimespan/hooks/useItemTimespanInterval.js +0 -8
  228. package/dist/item/ItemTimespan/hooks/useItemTimespanList.js +0 -9
  229. package/dist/item/ItemTimespan/index.js +0 -6
  230. package/dist/item/ItemTimespan/utils/filterTimespanList.js +0 -7
  231. package/dist/item/ItemTimespan/utils/findActiveTimespanIndex.js +0 -5
  232. package/dist/item/ItemTimespan/utils/parseTimespanList.js +0 -6
  233. package/dist/item/ItemTimespanTab.js +0 -2
  234. package/dist/item/ItemTreeItem.js +0 -11
  235. package/dist/item/player/ItemAudioPlayer.js +0 -10
  236. package/dist/item/player/ItemDocumentPlayer.js +0 -11
  237. package/dist/item/player/ItemDocumentViewers/ItemPdfViewer.js +0 -12
  238. package/dist/item/player/ItemImagePlayer.js +0 -8
  239. package/dist/item/player/ItemPlayer/ItemPlayer.js +0 -25
  240. package/dist/item/player/ItemPlayer/index.js +0 -6
  241. package/dist/item/player/ItemVideoPlayer.js +0 -14
  242. package/dist/job/JobCard.js +0 -20
  243. package/dist/job/JobDataTable.js +0 -11
  244. package/dist/job/JobFooter.js +0 -14
  245. package/dist/job/JobFooterContext.js +0 -11
  246. package/dist/job/JobList.js +0 -23
  247. package/dist/job/JobRow.js +0 -11
  248. package/dist/job/JobRowButton.js +0 -6
  249. package/dist/job/JobSelectForm.js +0 -13
  250. package/dist/job/JobTable.js +0 -11
  251. package/dist/job/JobTaskTable.js +0 -21
  252. package/dist/job/const.js +0 -3
  253. package/dist/mapStringsBooleans.js +0 -6
  254. package/dist/media/MediaBadge.js +0 -7
  255. package/dist/media/MediaBadges.js +0 -15
  256. package/dist/media/MediaCard/MediaCard.js +0 -17
  257. package/dist/media/MediaCard/index.js +0 -6
  258. package/dist/media/MediaCardActions.js +0 -11
  259. package/dist/media/MediaCardAvatar/MediaCardAvatar.js +0 -10
  260. package/dist/media/MediaCardAvatar/index.js +0 -6
  261. package/dist/media/MediaCardCard.js +0 -10
  262. package/dist/media/MediaCardCheckbox.js +0 -6
  263. package/dist/media/MediaCardContent.js +0 -10
  264. package/dist/media/MediaCardDurationLabel.js +0 -6
  265. package/dist/media/MediaCardFullWidth/MediaCardFullWidth.js +0 -19
  266. package/dist/media/MediaCardFullWidth/components/MediaCardExpand.js +0 -10
  267. package/dist/media/MediaCardFullWidth/components/MediaCardFullWidthCard.js +0 -10
  268. package/dist/media/MediaCardFullWidth/components/MediaCardFullWidthContent.js +0 -11
  269. package/dist/media/MediaCardFullWidth/components/MediaCardFullWidthHeader.js +0 -9
  270. package/dist/media/MediaCardFullWidth/index.js +0 -6
  271. package/dist/media/MediaCardHeader.js +0 -10
  272. package/dist/media/MediaCardMenu.js +0 -13
  273. package/dist/media/MediaCardThumbnail/MediaCardThumbnail.js +0 -12
  274. package/dist/media/MediaCardThumbnail/index.js +0 -6
  275. package/dist/media/MediaCardThumbnailLabel/MediaCardThumbnailLabel.js +0 -7
  276. package/dist/media/MediaCardThumbnailLabel/index.js +0 -6
  277. package/dist/search/Pagination.js +0 -9
  278. package/dist/search/PaginationActions.js +0 -10
  279. package/dist/search/SavedSearch/SaveSearchForm.js +0 -10
  280. package/dist/search/SavedSearch/SavedSearch.js +0 -11
  281. package/dist/search/SavedSearch/SavedSearchAccessList.js +0 -11
  282. package/dist/search/SavedSearch/SavedSearchList.js +0 -12
  283. package/dist/search/SavedSearch/SavedSearchRow.js +0 -37
  284. package/dist/search/SavedSearch/ShareSearch.js +0 -10
  285. package/dist/search/SavedSearch/index.js +0 -2
  286. package/dist/search/SavedSearchFolder/AddFolderRow.js +0 -13
  287. package/dist/search/SavedSearchFolder/FolderRow.js +0 -15
  288. package/dist/search/SavedSearchFolder/index.js +0 -2
  289. package/dist/search/SearchField/SearchField.js +0 -23
  290. package/dist/search/SearchField/index.js +0 -6
  291. package/dist/search/SearchInput/SearchInput.js +0 -20
  292. package/dist/search/SearchInput/index.js +0 -6
  293. package/dist/search/SearchInputFieldSelect.js +0 -12
  294. package/dist/search/SearchResultRow.js +0 -13
  295. package/dist/search/SearchResultTable.js +0 -14
  296. package/dist/search/SearchSuggestions.js +0 -11
  297. package/dist/search/Sort/Sort.js +0 -15
  298. package/dist/search/Sort/index.js +0 -6
  299. package/dist/search/SortMenuItem.js +0 -11
  300. package/dist/search/SpellCheck/SpellCheck.js +0 -10
  301. package/dist/search/SpellCheck/index.js +0 -6
  302. package/dist/search/querybuilder/QueryBetween/QueryBetween.js +0 -10
  303. package/dist/search/querybuilder/QueryBetween/index.js +0 -6
  304. package/dist/search/querybuilder/QueryBuilder/QueryBuilder.js +0 -15
  305. package/dist/search/querybuilder/QueryBuilder/index.js +0 -6
  306. package/dist/search/querybuilder/QueryBuilderCard/QueryBuilderCard.js +0 -13
  307. package/dist/search/querybuilder/QueryBuilderCard/index.js +0 -6
  308. package/dist/search/querybuilder/QueryBuilderContext.js +0 -13
  309. package/dist/search/querybuilder/QueryContains/QueryContains.js +0 -10
  310. package/dist/search/querybuilder/QueryContains/index.js +0 -6
  311. package/dist/search/querybuilder/QueryEntry/QueryEntry.js +0 -20
  312. package/dist/search/querybuilder/QueryEntry/index.js +0 -6
  313. package/dist/search/querybuilder/QueryEquals/QueryEquals.js +0 -10
  314. package/dist/search/querybuilder/QueryEquals/index.js +0 -6
  315. package/dist/search/querybuilder/QueryField/QueryField.js +0 -22
  316. package/dist/search/querybuilder/QueryField/index.js +0 -6
  317. package/dist/search/querybuilder/QueryGroup/QueryGroup.js +0 -15
  318. package/dist/search/querybuilder/QueryGroup/index.js +0 -6
  319. package/dist/search/querybuilder/QueryInput/QueryInput.js +0 -17
  320. package/dist/search/querybuilder/QueryInput/index.js +0 -6
  321. package/dist/search/querybuilder/QueryOperator/QueryOperator.js +0 -16
  322. package/dist/search/querybuilder/QueryOperator/index.js +0 -6
  323. package/dist/storage/StorageListTree.js +0 -21
  324. package/dist/transcode/ShapeTagCard.js +0 -10
  325. package/dist/transcode/ShapeTagListAccordion.js +0 -19
  326. package/dist/transcode/TranscodeDialog.js +0 -32
  327. package/dist/upload/FileTree.js +0 -14
  328. package/dist/upload/Upload.js +0 -25
  329. package/dist/upload/UploadEditor.js +0 -8
  330. package/dist/upload/UploadForm.js +0 -13
  331. package/dist/upload/UploadListFolder.js +0 -8
  332. package/dist/upload/UploadListItem.js +0 -22
  333. package/dist/user/ChangePasswordDialog.js +0 -14
  334. package/dist/user/ChangePasswordForm.js +0 -22
  335. package/dist/user/ChangeUserPasswordDialog/ChangeUserPasswordDialog.js +0 -8
  336. package/dist/user/ChangeUserPasswordDialog/components/PasswordField.js +0 -10
  337. package/dist/user/ChangeUserPasswordDialog/components/UserPasswordForm.js +0 -8
  338. package/dist/user/ChangeUserPasswordDialog/index.js +0 -6
  339. package/dist/user/CreateUserDialog/CreateUserDialog.js +0 -12
  340. package/dist/user/CreateUserDialog/components/CreateUserForm.js +0 -11
  341. package/dist/user/CreateUserDialog/index.js +0 -6
  342. package/dist/user/EditUserDialog/EditUserDialog.js +0 -8
  343. package/dist/user/EditUserDialog/components/EditUserForm.js +0 -7
  344. package/dist/user/EditUserDialog/index.js +0 -6
  345. package/dist/user/UserAvatarButton/UserAvatarButton.js +0 -17
  346. package/dist/user/UserAvatarButton/index.js +0 -6
  347. package/dist/user/UserDetails/UserDetails.js +0 -17
  348. package/dist/user/UserDetails/components/UserData.js +0 -8
  349. package/dist/user/UserDetails/components/UserMenu.js +0 -8
  350. package/dist/user/UserDetails/index.js +0 -6
  351. package/dist/user/UserRelationList/UserRelationList.js +0 -13
  352. package/dist/user/UserRelationList/index.js +0 -6
  353. package/dist/user/UserTable/UserTable.js +0 -9
  354. package/dist/user/UserTable/components/UserRow.js +0 -9
  355. package/dist/user/UserTable/index.js +0 -6
  356. package/dist/utils.js +0 -7
@@ -1,34 +0,0 @@
1
- import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
2
- import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
3
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
4
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
5
- import { useState, useEffect } from 'react';
6
- import { DragDropContext } from 'react-beautiful-dnd';
7
- import Button from '@material-ui/core/Button';
8
- import Dialog from '@material-ui/core/Dialog';
9
- import DialogActions from '@material-ui/core/DialogActions';
10
- import DialogContent from '@material-ui/core/DialogContent';
11
- import DialogContentText from '@material-ui/core/DialogContentText';
12
- import DialogTitle from '@material-ui/core/DialogTitle';
13
- import Grid from '@material-ui/core/Grid';
14
- import IconButton from '@material-ui/core/IconButton';
15
- import List from '@material-ui/core/List';
16
- import ListItem from '@material-ui/core/ListItem';
17
- import ListItemText from '@material-ui/core/ListItemText';
18
- import { withStyles } from '@material-ui/core/styles';
19
- import TextField from '@material-ui/core/TextField';
20
- import Typography from '@material-ui/core/Typography';
21
- import EditIcon from '@material-ui/icons/Edit';
22
- import Autocomplete, { createFilterOptions } from '@material-ui/lab/Autocomplete';
23
- import { utils, fieldgroup, metadatafield } from '@vidispine/vdt-api';
24
- import Editor from './Editor.js';
25
- import MyFieldList from './MyFieldList.js';
26
- import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
27
-
28
- var _excluded=["groupName","orderedFieldIds"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var vFetch=utils.vFetch,isRequired=utils.isRequired;function updateGroupFieldOrder(_ref){var _ref$groupName=_ref.groupName,groupName=_ref$groupName===void 0?isRequired():_ref$groupName,_ref$orderedFieldIds=_ref.orderedFieldIds,orderedFieldIds=_ref$orderedFieldIds===void 0?isRequired():_ref$orderedFieldIds,props=_objectWithoutProperties(_ref,_excluded);var path="/API/metadata-field/field-group/".concat(groupName,"/metadata/order");return vFetch(_objectSpread({path:path,method:'PUT',headers:{contentType:'text/plain',accept:'text/plain'},body:orderedFieldIds.join(',')},props));}var filter=createFilterOptions();function uuidv4(){return ([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,function(c){return(// eslint-disable-next-line
29
- (c^crypto.getRandomValues(new Uint8Array(1))[0]&15>>c/4).toString(16));});}var styles={data:{display:'flex',width:'100%'},margin:{margin:20},button:{width:'100%'},addNewField:{"float":'right'},title:{'&:hover':{cursor:'pointer'}}};var MY_FIELDS='MY_FIELDS';var initialData=_defineProperty({},MY_FIELDS,[]);function FieldGroupDesigner(_ref2){var classes=_ref2.classes,groupName=_ref2.groupName,groups=_ref2.groups,_ref2$metadataFieldGr=_ref2.metadataFieldGroupType,metadataFieldGroupType=_ref2$metadataFieldGr===void 0?{}:_ref2$metadataFieldGr,onSuccess=_ref2.onSuccess,onError=_ref2.onError,onChangeGroup=_ref2.onChangeGroup,isLoading=_ref2.isLoading;var _useState=useState(initialData),_useState2=_slicedToArray(_useState,2),data=_useState2[0],setData=_useState2[1];var _useState3=useState(),_useState4=_slicedToArray(_useState3,2),selectedItem=_useState4[0],setSelectedItem=_useState4[1];var _useState5=useState(false),_useState6=_slicedToArray(_useState5,2),update=_useState6[0],setUpdate=_useState6[1];var _useState7=useState(),_useState8=_slicedToArray(_useState7,2),displayLabel=_useState8[0],setDisplayLabel=_useState8[1];var _useState9=useState(null),_useState10=_slicedToArray(_useState9,2),fieldToAdd=_useState10[0],setFieldToAdd=_useState10[1];var _useState11=useState([]),_useState12=_slicedToArray(_useState11,2),existingFields=_useState12[0],setExistingFields=_useState12[1];var _useState13=useState([]),_useState14=_slicedToArray(_useState13,2),childGroups=_useState14[0],setChildGroups=_useState14[1];var _useState15=useState(false),_useState16=_slicedToArray(_useState15,2),showLabelEditorDialog=_useState16[0],setShowLabelEditorDialog=_useState16[1];var _useState17=useState(false),_useState18=_slicedToArray(_useState17,2),showExistingFieldDialog=_useState18[0],setShowExistingFieldDialog=_useState18[1];var _useState19=useState(false),_useState20=_slicedToArray(_useState19,2),showFieldEditorDialog=_useState20[0],setShowFieldEditorDialog=_useState20[1];var _useState21=useState(false),_useState22=_slicedToArray(_useState21,2),showDeleteFieldDialog=_useState22[0],setShowDeleteFieldDialog=_useState22[1];var _useState23=useState(false),_useState24=_slicedToArray(_useState23,2),showGroupDialog=_useState24[0],setShowGroupDialog=_useState24[1];var _useState25=useState(false),_useState26=_slicedToArray(_useState25,2),showAddChildDialog=_useState26[0],setShowAddChildDialog=_useState26[1];var openFieldEditorDialog=function openFieldEditorDialog(){setShowFieldEditorDialog(true);};var closeFieldEditorDialog=function closeFieldEditorDialog(){setShowFieldEditorDialog(false);};var openAddChildGroupDialog=function openAddChildGroupDialog(){setShowAddChildDialog(true);};var closeAddChildGroupDialog=function closeAddChildGroupDialog(){setShowAddChildDialog(false);};var openLabelEditorDialog=function openLabelEditorDialog(){setShowLabelEditorDialog(true);};var closeLabelEditorDialog=function closeLabelEditorDialog(){setShowLabelEditorDialog(false);};var openExistingFieldDialog=function openExistingFieldDialog(){setShowExistingFieldDialog(true);};var closeExistingFieldDialog=function closeExistingFieldDialog(){setShowExistingFieldDialog(false);};var openDeleteFieldDialog=function openDeleteFieldDialog(){setShowDeleteFieldDialog(true);};var closeDeleteFieldDialog=function closeDeleteFieldDialog(){setShowDeleteFieldDialog(false);};var openGroupDialog=function openGroupDialog(){setShowGroupDialog(true);};var closeGroupDialog=function closeGroupDialog(){setShowGroupDialog(false);};var onLabelChange=function onLabelChange(event){setDisplayLabel(event.target.value);};useEffect(function(){if(!groupName)return;var _metadataFieldGroupTy=metadataFieldGroupType.field,field=_metadataFieldGroupTy===void 0?[]:_metadataFieldGroupTy;if(metadataFieldGroupType){if(typeof metadataFieldGroupType.data==='undefined'){setDisplayLabel(groupName);}else {var labelIndex=metadataFieldGroupType.data.findIndex(function(label){return label.key==='label';});if(labelIndex>-1)setDisplayLabel(metadataFieldGroupType.data[labelIndex].value);}// sort the fields using the arbitrary "order" key
30
- if(metadataFieldGroupType.data){var orderKeyValue=metadataFieldGroupType.data.find(function(item){return item.key==='order';});if(orderKeyValue){var order=orderKeyValue.value.split(',');field.sort(function(a,b){return order.indexOf(a.name)-order.indexOf(b.name);});}}if(metadataFieldGroupType.group){setChildGroups(metadataFieldGroupType.group);}if(field){setData(_defineProperty({},MY_FIELDS,field));}}},[groupName,metadataFieldGroupType]);var onUpdateFieldGroup=function onUpdateFieldGroup(){if(!groupName)return;fieldgroup.updateFieldGroup({groupName:groupName,metadataFieldGroupDocument:_objectSpread(_objectSpread({},metadataFieldGroupType),{},{field:_toConsumableArray(data[MY_FIELDS]),data:[{key:'label',value:displayLabel}]})}).then(function(response){if(response.ok&&onSuccess){onSuccess({message:"".concat(groupName," has been saved")});}})["catch"](function(error){if(onError)onError({error:error,message:"Error saving ".concat(groupName)});else throw new Error(error);});};useEffect(function(){if(update){onUpdateFieldGroup();}// eslint-disable-next-line react-hooks/exhaustive-deps
31
- },[data]);var addNewItem=function addNewItem(){var newFieldData={data:[{key:'displayType',value:'text'},{key:'label',value:''}],type:'string',values:{field:[]}};var destinationItems=_toConsumableArray(data[MY_FIELDS]);var newData=_objectSpread({},data);var _uuidv4$split=uuidv4().split('-'),_uuidv4$split2=_slicedToArray(_uuidv4$split,1),newId=_uuidv4$split2[0];var _groupName$split=groupName.split('_'),_groupName$split2=_slicedToArray(_groupName$split,1),groupPrefix=_groupName$split2[0];var newName="".concat(groupPrefix,"_meta").concat(newId);var newItem=_objectSpread(_objectSpread({},newFieldData),{},{name:newName});destinationItems.splice(0,0,newItem);newData[MY_FIELDS]=destinationItems;setData(newData);setSelectedItem(newName);openFieldEditorDialog();};var isNewItem=function isNewItem(item){if(!metadataFieldGroupType||!item)return true;var fieldName=item.name;var _metadataFieldGroupTy2=metadataFieldGroupType.field,field=_metadataFieldGroupTy2===void 0?[]:_metadataFieldGroupTy2;var itemIndex=field.findIndex(function(_ref3){var name=_ref3.name;return name===fieldName;});return itemIndex===-1;};var onDragEnd=function onDragEnd(_ref4){var source=_ref4.source,destination=_ref4.destination;if(!destination){return;}var sourceId=source.droppableId,sourceIndex=source.index;var destinationId=destination.droppableId,destinationIndex=destination.index;var destinationItems=_toConsumableArray(data[destinationId]);var newData=_objectSpread({},data);if(sourceId===destinationId){var _destinationItems$spl=destinationItems.splice(sourceIndex,1),_destinationItems$spl2=_slicedToArray(_destinationItems$spl,1),removed=_destinationItems$spl2[0];destinationItems.splice(destinationIndex,0,removed);newData[destinationId]=destinationItems;}setData(newData);var orderedFieldIds=newData[MY_FIELDS].map(function(field){return field.name;});updateGroupFieldOrder({groupName:groupName,orderedFieldIds:orderedFieldIds}).then(function(response){if(response.ok&&onSuccess){onSuccess({message:"".concat(groupName," has been saved")});}})["catch"](function(error){if(onError)onError({message:"Error saving ".concat(groupName),error:error});else throw new Error(error);});};var onEdit=function onEdit(destinationId){return function(prevItem,newItem){var prevName=prevItem.name;var newName=newItem.name;var destinationItems=_toConsumableArray(data[destinationId]);var destinationIndex=destinationItems.findIndex(function(_ref5){var name=_ref5.name;return name===prevName;});destinationItems.splice(destinationIndex,1,newItem);var newData=_objectSpread({},data);newData[destinationId]=destinationItems;setData(newData);setUpdate(true);setSelectedItem(newName);};};var myFields=data[MY_FIELDS];var _useState27=useState({}),_useState28=_slicedToArray(_useState27,2),editItem=_useState28[0],setEditItem=_useState28[1];useEffect(function(){setEditItem(myFields.find(function(_ref6){var name=_ref6.name;return name===selectedItem;}));// eslint-disable-next-line react-hooks/exhaustive-deps
32
- },[selectedItem]);var onDelete=function onDelete(){var destinationItems=_toConsumableArray(data[MY_FIELDS]);var destinationIndex=destinationItems.findIndex(function(field){return field.name===selectedItem;});destinationItems.splice(destinationIndex,1);var newData=_objectSpread({},data);newData[MY_FIELDS]=destinationItems;if(metadataFieldGroupType){fieldgroup.removeFieldGroupField({groupName:groupName,fieldName:selectedItem}).then(function(response){if(response.ok&&onSuccess){onSuccess({message:"".concat(selectedItem," has been deleted")});}})["catch"](function(error){if(onError)onError({message:"Error deleting ".concat(selectedItem),error:error});else throw new Error(error);});}setData(newData);setUpdate(true);};var onGetMetadataFields=function onGetMetadataFields(){metadatafield.listMetadataField().then(function(response){setExistingFields(response.data.field);});};function addExistingField(){var destinationItems=_toConsumableArray(data[MY_FIELDS]);var newData=_objectSpread({},data);destinationItems.splice(0,0,fieldToAdd);newData[MY_FIELDS]=destinationItems;setData(newData);setUpdate(true);}var _useState29=useState(''),_useState30=_slicedToArray(_useState29,2),childGroupName=_useState30[0],setChildGroupName=_useState30[1];function addChildGroup(child){setChildGroupName(child);}var _useState31=useState(null),_useState32=_slicedToArray(_useState31,2),value=_useState32[0],setValue=_useState32[1];var onUpdateFieldGroupChild=function onUpdateFieldGroupChild(){try{fieldgroup.updateFieldGroupChild({groupName:groupName,childGroupName:childGroupName}).then(function(response){if(response.ok&&onSuccess){onSuccess({message:"".concat(childGroupName," has been added to ").concat(groupName)});}})["catch"](function(error){if(onError)onError({message:"Error adding ".concat(childGroupName,"to ").concat(groupName),error:error});else throw new Error(error);});}catch(error){if(onError)onError({message:"Error adding ".concat(childGroupName,"to ").concat(groupName),error:error});else throw new Error(error);}};var handleEditLabelClick=function handleEditLabelClick(event){event.stopPropagation();openLabelEditorDialog();};return/*#__PURE__*/jsxs(Fragment,{children:[!isLoading&&/*#__PURE__*/jsxs(Grid,{container:true,spacing:2,children:[/*#__PURE__*/jsx(Grid,{item:true,xs:8,children:/*#__PURE__*/jsxs(Typography,{variant:"h5",className:classes.title,children:["Field-group: ".concat(displayLabel),/*#__PURE__*/jsx(IconButton,{"aria-label":"edit label",onClick:handleEditLabelClick,children:/*#__PURE__*/jsx(EditIcon,{fontSize:"small"})})]})}),/*#__PURE__*/jsxs(Grid,{item:true,xs:4,children:[/*#__PURE__*/jsx(Button,{variant:"contained",color:"default",style:{marginLeft:'10px'},className:classes.addNewField,onClick:openGroupDialog,children:"Child groups"}),/*#__PURE__*/jsx(Button,{variant:"contained",color:"primary",onClick:addNewItem,style:{marginLeft:'10px'},className:classes.addNewField,children:"Add new field"}),/*#__PURE__*/jsx(Button,{variant:"outlined",color:"default",onClick:function onClick(){openExistingFieldDialog();onGetMetadataFields();},className:classes.addNewField,children:"Add existing field"})]})]}),/*#__PURE__*/jsx(DragDropContext,{onDragEnd:onDragEnd,children:/*#__PURE__*/jsx(Grid,{container:true,spacing:2,children:/*#__PURE__*/jsx("div",{className:classes.data,children:/*#__PURE__*/jsx(Grid,{item:true,xs:12,className:classes.margin,children:/*#__PURE__*/jsx(MyFieldList,{items:myFields,setSelectedItem:setSelectedItem,selectedItem:selectedItem,droppableId:MY_FIELDS,openEditor:openFieldEditorDialog,closeEditor:closeFieldEditorDialog,onDelete:onDelete,onUpdateGroup:onUpdateFieldGroup,openDeleteDialog:openDeleteFieldDialog})})})})}),/*#__PURE__*/jsx(Dialog,{onClose:closeFieldEditorDialog,open:showFieldEditorDialog,maxWidth:"md",fullWidth:true,children:/*#__PURE__*/jsx(Editor,{item:editItem,isNewItem:isNewItem(editItem),onClose:closeFieldEditorDialog,onEdit:onEdit(MY_FIELDS),onDelete:onDelete,onUpdateGroup:onUpdateFieldGroup})}),/*#__PURE__*/jsxs(Dialog,{onClose:closeLabelEditorDialog,open:showLabelEditorDialog,maxWidth:"sm",fullWidth:true,children:[/*#__PURE__*/jsx(DialogTitle,{children:"Edit group label"}),/*#__PURE__*/jsx(DialogContent,{children:/*#__PURE__*/jsx(TextField,{name:"label",label:"Label",value:displayLabel,onChange:onLabelChange,fullWidth:true})}),/*#__PURE__*/jsxs(DialogActions,{children:[/*#__PURE__*/jsx(Button,{onClick:closeLabelEditorDialog,color:"primary",children:"Cancel"}),/*#__PURE__*/jsx(Button,{onClick:function onClick(){onUpdateFieldGroup();closeLabelEditorDialog();},color:"primary",autoFocus:true,children:"Save"})]})]}),/*#__PURE__*/jsxs(Dialog,{onClose:closeExistingFieldDialog,open:showExistingFieldDialog,maxWidth:"sm",fullWidth:true,children:[/*#__PURE__*/jsx(DialogTitle,{children:"Choose existing field to add"}),/*#__PURE__*/jsx(DialogContent,{children:/*#__PURE__*/jsx(Autocomplete,{options:existingFields,value:fieldToAdd,onChange:function onChange(event,newValue){if(newValue&&newValue.inputValue){setFieldToAdd({name:newValue.inputValue});return;}setFieldToAdd(newValue);},filterOptions:function filterOptions(options,params){var filtered=filter(options,params);return filtered;},getOptionLabel:function getOptionLabel(option){if(typeof option==='string'){return option;}if(option.inputValue){setFieldToAdd(option);return option.inputValue;}return option.name;},renderOption:function renderOption(option){return option.name;},renderInput:function renderInput(params){return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread({},params),{},{label:"Select field",variant:"outlined"}));}})}),/*#__PURE__*/jsxs(DialogActions,{children:[/*#__PURE__*/jsx(Button,{onClick:closeExistingFieldDialog,color:"primary",children:"Cancel"}),/*#__PURE__*/jsx(Button,{onClick:function onClick(){closeExistingFieldDialog();addExistingField();},color:"primary",autoFocus:true,children:"Add"})]})]}),/*#__PURE__*/jsxs(Dialog,{open:showDeleteFieldDialog,onClose:closeDeleteFieldDialog,maxWidth:"sm",fullWidth:true,children:[/*#__PURE__*/jsx(DialogTitle,{children:"Delete Field?"}),/*#__PURE__*/jsx(DialogContent,{children:/*#__PURE__*/jsx(DialogContentText,{children:"Are you sure that you want to delete ".concat(selectedItem)})}),/*#__PURE__*/jsxs(DialogActions,{children:[/*#__PURE__*/jsx(Button,{onClick:closeDeleteFieldDialog,color:"primary",children:"Cancel"}),/*#__PURE__*/jsx(Button,{variant:"contained",onClick:function onClick(){closeDeleteFieldDialog();onDelete();},color:"secondary",children:"Delete"})]})]}),/*#__PURE__*/jsxs(Dialog,{onClose:closeGroupDialog,open:showGroupDialog,maxWidth:"sm",fullWidth:true,children:[/*#__PURE__*/jsx(DialogContent,{children:/*#__PURE__*/jsxs(Grid,{container:true,spacing:2,children:[/*#__PURE__*/jsx(Grid,{item:true,xs:8,children:/*#__PURE__*/jsx(Typography,{variant:"h5",className:classes.title,children:"Child groups"})}),/*#__PURE__*/jsx(Grid,{item:true,xs:4,children:/*#__PURE__*/jsx(Button,{variant:"contained",color:"primary",style:{marginLeft:'10px'},className:classes.addNewField,onClick:openAddChildGroupDialog,children:"Add Child Group"})}),/*#__PURE__*/jsx(Grid,{item:true,xs:12,children:/*#__PURE__*/jsx(List,{children:childGroups.map(function(_ref7){var name=_ref7.name;return/*#__PURE__*/jsx(ListItem,{button:true,onClick:function onClick(){onChangeGroup(name);closeGroupDialog();},children:/*#__PURE__*/jsx(ListItemText,{primary:name})},name);})})})]})}),/*#__PURE__*/jsx(DialogActions,{children:/*#__PURE__*/jsx(Button,{onClick:closeGroupDialog,color:"primary",children:"Close"})})]}),/*#__PURE__*/jsxs(Dialog,{onClose:closeAddChildGroupDialog,open:showAddChildDialog,maxWidth:"sm",fullWidth:true,children:[/*#__PURE__*/jsx(DialogTitle,{children:"Choose child group to add"}),/*#__PURE__*/jsx(DialogContent,{children:/*#__PURE__*/jsx(Autocomplete,{options:groups,value:value,onChange:function onChange(_,newValue){if(newValue&&newValue.inputValue){setValue({name:newValue.inputValue});return;}setValue(newValue);if(newValue){addChildGroup(newValue.name);}},filterOptions:function filterOptions(options,params){var filtered=filter(options,params);return filtered;},getOptionLabel:function getOptionLabel(option){if(typeof option==='string'){return option;}if(option.inputValue){addChildGroup(option.inputValue);return option.inputValue;}return option.name;},renderOption:function renderOption(option){return option.name;},renderInput:function renderInput(params){return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread({},params),{},{label:"Select group",variant:"outlined"}));}})}),/*#__PURE__*/jsxs(DialogActions,{children:[/*#__PURE__*/jsx(Button,{onClick:closeAddChildGroupDialog,color:"primary",children:"Cancel"}),/*#__PURE__*/jsx(Button,{onClick:function onClick(){closeAddChildGroupDialog();onUpdateFieldGroupChild();},color:"primary",autoFocus:true,children:"Add"})]})]})]});}var FieldGroupDesigner$1 = withStyles(styles,{name:'VdtFieldGroupDesigner'})(FieldGroupDesigner);
33
-
34
- export { FieldGroupDesigner$1 as default, updateGroupFieldOrder };
@@ -1,14 +0,0 @@
1
- import { withStyles } from '@material-ui/core/styles';
2
- import AssignmentIcon from '@material-ui/icons/Assignment';
3
- import Filter9PlusIcon from '@material-ui/icons/Filter9Plus';
4
- import FormatListNumberedIcon from '@material-ui/icons/FormatListNumbered';
5
- import LooksOneIcon from '@material-ui/icons/LooksOne';
6
- import ScheduleIcon from '@material-ui/icons/Schedule';
7
- import TextFieldsIcon from '@material-ui/icons/TextFields';
8
- import ThumbsUpDownIcon from '@material-ui/icons/ThumbsUpDown';
9
- import TodayIcon from '@material-ui/icons/Today';
10
- import { jsx } from 'react/jsx-runtime';
11
-
12
- var styles={iconContainer:{width:'40px',height:'40px',backgroundColor:'rgba(0, 0, 0, 0.10)',"float":'left'},iconStyle:{marginTop:8,marginLeft:8}};var DEFAULT_ICONS={date:TodayIcon,"float":FormatListNumberedIcon,integer:LooksOneIcon,"long":Filter9PlusIcon,string:TextFieldsIcon,'string-exact':AssignmentIcon,"boolean":ThumbsUpDownIcon,timeCode:ScheduleIcon};function FieldIcon(_ref){var fieldType=_ref.fieldType,classes=_ref.classes,_ref$icons=_ref.icons,icons=_ref$icons===void 0?DEFAULT_ICONS:_ref$icons;var _icons$fieldType=icons[fieldType],IconComponent=_icons$fieldType===void 0?null:_icons$fieldType;return/*#__PURE__*/jsx("div",{className:classes.iconContainer,children:/*#__PURE__*/jsx(IconComponent,{className:classes.iconStyle})});}var FieldIcon$1 = withStyles(styles,{name:'VdtFieldGroupIcon'})(FieldIcon);
13
-
14
- export { FieldIcon$1 as default };
@@ -1,12 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import Card from '@material-ui/core/Card';
3
- import IconButton from '@material-ui/core/IconButton';
4
- import { withStyles, emphasize } from '@material-ui/core/styles';
5
- import DeleteIcon from '@material-ui/icons/Delete';
6
- import EditIcon from '@material-ui/icons/Edit';
7
- import FieldIcon from './FieldIcon.js';
8
- import { jsxs, jsx } from 'react/jsx-runtime';
9
-
10
- function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {fieldTitle:{lineHeight:'40px',marginLeft:10,width:'30%'},fieldInfo:{lineHeight:'40px',marginLeft:10,width:'60%'},item:{backgroundColor:theme.palette.background.paper,boxSizing:'border-box',fontSize:'14px',userSelect:'none',display:'flex',justifyContent:'left',alignItems:'center',height:'40px'},activeItem:{backgroundColor:emphasize(theme.palette.background.paper,0.1),boxSizing:'border-box',fontSize:'14px',userSelect:'none',display:'flex',justifyContent:'left',alignItems:'center',height:'40px'},"delete":{marginLeft:'auto'},edit:{marginLeft:''}};};function getStyle(_ref){var draggableStyle=_ref.draggableStyle,virtualStyle=_ref.virtualStyle,isDragging=_ref.isDragging;var combined=_objectSpread(_objectSpread({},virtualStyle),draggableStyle);var grid=8;var result=_objectSpread(_objectSpread({},combined),{},{height:40,width:isDragging?draggableStyle.width:"calc(".concat(combined.width," - ").concat(grid*2,"px)"),marginBottom:grid});return result;}var NO_LABEL='-';var NO_DISPLAY_TYPE='-';function MyField(_ref2){var classes=_ref2.classes,provided=_ref2.provided,item=_ref2.item,style=_ref2.style,isDragging=_ref2.isDragging,_ref2$setSelectedItem=_ref2.setSelectedItem,setSelectedItem=_ref2$setSelectedItem===void 0?function(){return null;}:_ref2$setSelectedItem,openEditor=_ref2.openEditor,openDeleteDialog=_ref2.openDeleteDialog;var itemId=item.name,_item$data=item.data,data=_item$data===void 0?[]:_item$data,fieldType=item.type;var _ref3=data.find(function(e){return e.key==='label';})||{},labelDataValue=_ref3.value;var label=labelDataValue||NO_LABEL;var _ref4=data.find(function(e){return e.key==='displayType';})||{},displayTypeDataValue=_ref4.value;var displayType=displayTypeDataValue||NO_DISPLAY_TYPE;var handleClickEdit=function handleClickEdit(){setSelectedItem(itemId);openEditor();};var handleClickRemove=function handleClickRemove(event){event.stopPropagation();setSelectedItem(itemId);openDeleteDialog();};return/*#__PURE__*/jsxs(Card,_objectSpread(_objectSpread(_objectSpread({},provided.draggableProps),provided.dragHandleProps),{},{ref:provided.innerRef,style:getStyle({draggableStyle:provided.draggableProps.style,virtualStyle:style,isDragging:isDragging}),className:classes.item,onClick:handleClickEdit,children:[/*#__PURE__*/jsx(FieldIcon,{fieldType:fieldType}),/*#__PURE__*/jsx("span",{className:classes.fieldTitle,children:itemId}),/*#__PURE__*/jsx("span",{className:classes.fieldInfo,children:"Label: ".concat(label," | Display Type: ").concat(displayType)}),/*#__PURE__*/jsx(IconButton,{"aria-label":"delete",className:classes.edit,onClick:handleClickEdit,children:/*#__PURE__*/jsx(EditIcon,{fontSize:"small"})}),/*#__PURE__*/jsx(IconButton,{"aria-label":"delete",className:classes["delete"],onClick:handleClickRemove,children:/*#__PURE__*/jsx(DeleteIcon,{fontSize:"small"})})]}));}var MyField$1 = withStyles(styles,{name:'VdtFieldGroupMyField'})(MyField);
11
-
12
- export { MyField$1 as default };
@@ -1,8 +0,0 @@
1
- import { Droppable, Draggable } from 'react-beautiful-dnd';
2
- import { withStyles } from '@material-ui/core/styles';
3
- import MyField from './MyField.js';
4
- import { jsx, jsxs } from 'react/jsx-runtime';
5
-
6
- var styles={droppable:{height:600}};function MyFieldList(_ref){var classes=_ref.classes,items=_ref.items,setSelectedItem=_ref.setSelectedItem,droppableId=_ref.droppableId,selectedItem=_ref.selectedItem,openEditor=_ref.openEditor,onDelete=_ref.onDelete,onUpdateFieldGroup=_ref.onUpdateFieldGroup,openDeleteDialog=_ref.openDeleteDialog;return/*#__PURE__*/jsx(Droppable,{droppableId:droppableId,renderClone:function renderClone(provided,snapshot,rubric){return/*#__PURE__*/jsx(MyField,{provided:provided,isDragging:snapshot.isDragging,item:items[rubric.source.index]});},children:function children(provided){return/*#__PURE__*/jsxs("div",{ref:provided.innerRef,className:classes.droppable,children:[items.map(function(item,index){return/*#__PURE__*/jsx(Draggable,{draggableId:item.name,index:index,children:function children(itemProvided){return/*#__PURE__*/jsx(MyField,{provided:itemProvided,item:item,setSelectedItem:setSelectedItem,selectedItem:selectedItem,openEditor:openEditor,onDelete:onDelete,onUpdateGroup:onUpdateFieldGroup,openDeleteDialog:openDeleteDialog});}},item.name);}),provided.placeholder]});}});}var MyFieldList$1 = withStyles(styles,{name:'VdtFieldGroupMyFieldList'})(MyFieldList);
7
-
8
- export { MyFieldList$1 as default };
@@ -1,14 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
3
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
4
- import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
5
- import _regeneratorRuntime from '@babel/runtime/regenerator';
6
- import { forwardRef, useState, useRef, useEffect } from 'react';
7
- import { withStyles } from '@material-ui/core';
8
- import { metadatafield } from '@vidispine/vdt-api';
9
- import AutocompleteField from './AutocompleteField.js';
10
- import { jsx } from 'react/jsx-runtime';
11
-
12
- var _excluded=["options","getOptionsAsync","parentField","parentValue","constraint","input"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var defaultGetOptionsAsync=/*#__PURE__*/function(){var _ref2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref){var fieldName,parentField,parentValue,metadataFieldValueConstraintListDocument,_yield$MetadatafieldA,_yield$MetadatafieldA2,_yield$MetadatafieldA3,constraintValueListType;return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:fieldName=_ref.name,parentField=_ref.parentField,parentValue=_ref.parentValue;if(!(parentField&&!parentValue)){_context.next=3;break;}return _context.abrupt("return",Promise.resolve([]));case 3:metadataFieldValueConstraintListDocument={constraint:parentValue?[{field:parentField,value:parentValue}]:[]};_context.next=6;return metadatafield.getMetadataFieldAllowedValues({fieldName:fieldName,metadataFieldValueConstraintListDocument:metadataFieldValueConstraintListDocument});case 6:_yield$MetadatafieldA=_context.sent;_yield$MetadatafieldA2=_yield$MetadatafieldA.data;_yield$MetadatafieldA2=_yield$MetadatafieldA2===void 0?{}:_yield$MetadatafieldA2;_yield$MetadatafieldA3=_yield$MetadatafieldA2.value,constraintValueListType=_yield$MetadatafieldA3===void 0?[]:_yield$MetadatafieldA3;return _context.abrupt("return",constraintValueListType.map(function(_ref3){var value=_ref3.value;return value;}));case 11:case"end":return _context.stop();}}},_callee);}));return function defaultGetOptionsAsync(_x){return _ref2.apply(this,arguments);};}();var AutocompleteConstraintField=/*#__PURE__*/forwardRef(function(_ref4,ref){var _ref4$options=_ref4.options,propsOptions=_ref4$options===void 0?[]:_ref4$options,_ref4$getOptionsAsync=_ref4.getOptionsAsync,getOptionsAsync=_ref4$getOptionsAsync===void 0?defaultGetOptionsAsync:_ref4$getOptionsAsync,parentField=_ref4.parentField,parentValue=_ref4.parentValue,constraint=_ref4.constraint,input=_ref4.input,props=_objectWithoutProperties(_ref4,_excluded);var name=input.name;var _useState=useState(!!getOptionsAsync),_useState2=_slicedToArray(_useState,2),isLoading=_useState2[0],setIsLoading=_useState2[1];var _useState3=useState(propsOptions),_useState4=_slicedToArray(_useState3,2),options=_useState4[0],setOptions=_useState4[1];var prevParentValue=useRef(parentValue);var onChangeRef=useRef(input.onChange);useEffect(function(){if(getOptionsAsync){setIsLoading(true);getOptionsAsync({name:name,parentField:parentField,parentValue:parentValue,constraint:constraint}).then(function(newOptions){setIsLoading(false);setOptions(newOptions);})["catch"](function(){return setIsLoading(false);});if(prevParentValue.current!==parentValue){if(onChangeRef.current)onChangeRef.current('');prevParentValue.current=parentValue;}}},[getOptionsAsync,name,parentField,parentValue,constraint]);return/*#__PURE__*/jsx(AutocompleteField,_objectSpread({ref:ref,input:input,options:options,loading:isLoading},props));});var AutocompleteConstraintField$1 = withStyles({},{name:'VdtAutocompleteConstraintField'})(AutocompleteConstraintField);
13
-
14
- export { AutocompleteConstraintField$1 as default };
@@ -1,11 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
3
- import { withStyles } from '@material-ui/core';
4
- import CircularProgress from '@material-ui/core/CircularProgress';
5
- import { Autocomplete } from '@material-ui/lab';
6
- import TextField from './TextField.js';
7
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
8
-
9
- var _excluded=["input","meta","helperText","label","loading","options","noOptionsText","getOptionLabel","getOptionSelected","getValue","FormControlProps","clearOnBlur","size","FormHelperTextProps"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(){};var defaultGetOptionLabel=function defaultGetOptionLabel(opt){return opt.label||opt;};var defaultGetOptionSelected=function defaultGetOptionSelected(opt,val){var _opt$value=opt.value,option=_opt$value===void 0?opt:_opt$value;var _val$value=val.value,value=_val$value===void 0?val:_val$value;return value===option;};var defaultGetValue=function defaultGetValue(_ref){var value=_ref.value,multiple=_ref.multiple;if(multiple&&!Array.isArray(value))return [value];if(!multiple&&Array.isArray(value))return value.join(', ');return value;};function AutocompleteField(_ref2){var _ref2$input=_ref2.input,input=_ref2$input===void 0?{}:_ref2$input,_ref2$meta=_ref2.meta,meta=_ref2$meta===void 0?{}:_ref2$meta,_ref2$helperText=_ref2.helperText,helperText=_ref2$helperText===void 0?"\xA0":_ref2$helperText,label=_ref2.label,loading=_ref2.loading,_ref2$options=_ref2.options,options=_ref2$options===void 0?[]:_ref2$options,noOptionsText=_ref2.noOptionsText,_ref2$getOptionLabel=_ref2.getOptionLabel,getOptionLabel=_ref2$getOptionLabel===void 0?defaultGetOptionLabel:_ref2$getOptionLabel,_ref2$getOptionSelect=_ref2.getOptionSelected,getOptionSelected=_ref2$getOptionSelect===void 0?defaultGetOptionSelected:_ref2$getOptionSelect,_ref2$getValue=_ref2.getValue,getValue=_ref2$getValue===void 0?defaultGetValue:_ref2$getValue,FormControlProps=_ref2.FormControlProps,_ref2$clearOnBlur=_ref2.clearOnBlur,clearOnBlur=_ref2$clearOnBlur===void 0?true:_ref2$clearOnBlur,_ref2$size=_ref2.size,size=_ref2$size===void 0?'small':_ref2$size;_ref2.FormHelperTextProps;var props=_objectWithoutProperties(_ref2,_excluded);var name=input.name,multiple=input.multiple;var value=getValue(input);var touched=meta.touched,error=meta.error,submitError=meta.submitError;var onChange=function onChange(event,newValue){if(!newValue)return input.onChange(null);var _newValue$value=newValue.value,val=_newValue$value===void 0?newValue:_newValue$value;return input.onChange(val);};return/*#__PURE__*/jsx(Autocomplete,_objectSpread({onChange:onChange,options:options,renderInput:function renderInput(inputProps){return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread({label:label,input:{name:name},meta:{touched:touched,error:error,submitError:submitError},helperText:helperText,FormControlProps:FormControlProps},inputProps),{},{InputProps:_objectSpread(_objectSpread({},inputProps.InputProps),{},{endAdornment:/*#__PURE__*/jsxs(Fragment,{children:[loading?/*#__PURE__*/jsx(CircularProgress,{color:"inherit",size:20}):null,inputProps.InputProps.endAdornment]})})}));},loading:loading,value:value,getOptionLabel:getOptionLabel,getOptionSelected:getOptionSelected,noOptionsText:noOptionsText,multiple:multiple,clearOnBlur:clearOnBlur,size:size},props));}var AutocompleteField$1 = withStyles(styles,{name:'VdtAutocompleteField'})(AutocompleteField);
10
-
11
- export { AutocompleteField$1 as default };
@@ -1,13 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
3
- import clsx from 'clsx';
4
- import Checkbox from '@material-ui/core/Checkbox';
5
- import FormControl from '@material-ui/core/FormControl';
6
- import FormControlLabel from '@material-ui/core/FormControlLabel';
7
- import FormHelperText from '@material-ui/core/FormHelperText';
8
- import { withStyles } from '@material-ui/core/styles';
9
- import { jsxs, jsx } from 'react/jsx-runtime';
10
-
11
- var _excluded=["checked","name","onChange"],_excluded2=["input","meta","label","classes","className","FormControlProps","FormControlLabelProps","FormControlHelperTextProps"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{marginTop:theme.spacing(1),width:'100%'}};};function CheckboxField(_ref){var _ref$input=_ref.input;_ref$input=_ref$input===void 0?{}:_ref$input;var checked=_ref$input.checked,name=_ref$input.name,onChange=_ref$input.onChange,inputProps=_objectWithoutProperties(_ref$input,_excluded),_ref$meta=_ref.meta;_ref$meta=_ref$meta===void 0?{}:_ref$meta;var touched=_ref$meta.touched,error=_ref$meta.error,submitError=_ref$meta.submitError,label=_ref.label,classes=_ref.classes,className=_ref.className,_ref$FormControlProps=_ref.FormControlProps,FormControlProps=_ref$FormControlProps===void 0?{}:_ref$FormControlProps,_ref$FormControlLabel=_ref.FormControlLabelProps,FormControlLabelProps=_ref$FormControlLabel===void 0?{}:_ref$FormControlLabel,_ref$FormControlHelpe=_ref.FormControlHelperTextProps,FormControlHelperTextProps=_ref$FormControlHelpe===void 0?{}:_ref$FormControlHelpe,props=_objectWithoutProperties(_ref,_excluded2);return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({error:(error||submitError)&&touched,hiddenLabel:true,className:clsx(classes.root,'VdtCheckboxField-root',className)},FormControlProps),{},{children:[/*#__PURE__*/jsx(FormControlLabel,_objectSpread({label:label,control:/*#__PURE__*/jsx(Checkbox,_objectSpread(_objectSpread({},props),{},{name:name,inputProps:inputProps,onChange:onChange,checked:checked,className:clsx(classes.checkbox,'VdtCheckboxField-checkbox')})),className:clsx(classes.formControlLabel,'VdtCheckboxField-formControlLabel')},FormControlLabelProps)),/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({margin:"dense",className:clsx(classes.formHelperText,'VdtCheckboxField-formHelperText')},FormControlHelperTextProps),{},{children:error||submitError}))]}));}var CheckboxField$1 = withStyles(styles,{name:'VdtCheckboxField'})(CheckboxField);
12
-
13
- export { CheckboxField$1 as default };
@@ -1,19 +0,0 @@
1
- import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
2
- import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
3
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
4
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
5
- import { useState, useEffect } from 'react';
6
- import clsx from 'clsx';
7
- import Checkbox from '@material-ui/core/Checkbox';
8
- import FormControl from '@material-ui/core/FormControl';
9
- import FormControlLabel from '@material-ui/core/FormControlLabel';
10
- import FormGroup from '@material-ui/core/FormGroup';
11
- import FormHelperText from '@material-ui/core/FormHelperText';
12
- import FormLabel from '@material-ui/core/FormLabel';
13
- import { withStyles } from '@material-ui/core/styles';
14
- import { jsxs, jsx } from 'react/jsx-runtime';
15
-
16
- var _excluded=["label"],_excluded2=["value","name","onChange"],_excluded3=["value","label"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{marginTop:theme.spacing(2),width:'100%'}};};function DefaultFormLabel(_ref){var label=_ref.label,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(FormLabel,_objectSpread(_objectSpread({component:"legend"},props),{},{children:label}));}function CheckboxGroupField(_ref2){var _ref2$input=_ref2.input;_ref2$input=_ref2$input===void 0?{}:_ref2$input;var value=_ref2$input.value,name=_ref2$input.name,onChange=_ref2$input.onChange,inputProps=_objectWithoutProperties(_ref2$input,_excluded2),_ref2$meta=_ref2.meta;_ref2$meta=_ref2$meta===void 0?{}:_ref2$meta;var touched=_ref2$meta.touched,error=_ref2$meta.error,submitError=_ref2$meta.submitError,_ref2$options=_ref2.options,options=_ref2$options===void 0?[]:_ref2$options,label=_ref2.label,classes=_ref2.classes,className=_ref2.className,selectAllValue=_ref2.selectAllValue,_ref2$FormControlProp=_ref2.FormControlProps,FormControlProps=_ref2$FormControlProp===void 0?{}:_ref2$FormControlProp,_ref2$FormLabelCompon=_ref2.FormLabelComponent,FormLabelComponent=_ref2$FormLabelCompon===void 0?DefaultFormLabel:_ref2$FormLabelCompon,_ref2$FormLabelProps=_ref2.FormLabelProps,FormLabelProps=_ref2$FormLabelProps===void 0?{}:_ref2$FormLabelProps,_ref2$FormGroupProps=_ref2.FormGroupProps,FormGroupProps=_ref2$FormGroupProps===void 0?{}:_ref2$FormGroupProps,_ref2$FormControlLabe=_ref2.FormControlLabelProps,FormControlLabelProps=_ref2$FormControlLabe===void 0?{}:_ref2$FormControlLabe,_ref2$CheckboxProps=_ref2.CheckboxProps,CheckboxProps=_ref2$CheckboxProps===void 0?{}:_ref2$CheckboxProps,_ref2$FormHelperTextP=_ref2.FormHelperTextProps,FormHelperTextProps=_ref2$FormHelperTextP===void 0?{}:_ref2$FormHelperTextP,_ref2$FormControlLabe2=_ref2.FormControlLabelComponent,FormControlLabelComponent=_ref2$FormControlLabe2===void 0?FormControlLabel:_ref2$FormControlLabe2;var _useState=useState([]),_useState2=_slicedToArray(_useState,2),checkedValues=_useState2[0],setCheckedValues=_useState2[1];var handleOnChange=function handleOnChange(event){var checkboxValue=event.target.value;var isChecked=!value.includes(checkboxValue);var addOrRemoveCheckboxName=function addOrRemoveCheckboxName(values){if(!selectAllValue){return isChecked?[].concat(_toConsumableArray(values),[checkboxValue]):values.filter(function(v){return checkboxValue!==v;});}if(checkboxValue===selectAllValue){return isChecked?options.map(function(opt){return opt.value;}):[];}return isChecked?[].concat(_toConsumableArray(values),[checkboxValue]):values.filter(function(v){return ![selectAllValue,checkboxValue].includes(v);});};onChange(addOrRemoveCheckboxName(checkedValues));setCheckedValues(function(values){return addOrRemoveCheckboxName(values);});};useEffect(function(){var shouldReset=(!value||!value.length)&&checkedValues.length>0;if(shouldReset){onChange([]);setCheckedValues(function(){return [];});}else if(value){setCheckedValues(function(){return value;});}// eslint-disable-next-line react-hooks/exhaustive-deps
17
- },[checkedValues.length,value]);return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({component:"fieldset",error:(error||submitError)&&touched,className:clsx(classes.root,'VdtCheckboxGroupField-root',className)},FormControlProps),{},{children:[/*#__PURE__*/jsx(FormLabelComponent,_objectSpread({className:clsx(classes.formLabel,'VdtCheckboxGroupField-formLabel'),label:label,options:options,onChange:onChange},FormLabelProps)),/*#__PURE__*/jsx(FormGroup,_objectSpread(_objectSpread({name:name,onChange:handleOnChange,className:clsx(classes.formGroup,'VdtCheckboxGroupField-formGroup')},FormGroupProps),{},{children:options.map(function(_ref3){var optionValue=_ref3.value,optionLabel=_ref3.label,optionProps=_objectWithoutProperties(_ref3,_excluded3);return/*#__PURE__*/jsx(FormControlLabelComponent,_objectSpread(_objectSpread({label:optionLabel,control:/*#__PURE__*/jsx(Checkbox,_objectSpread({name:optionValue,value:optionValue,inputProps:inputProps,checked:checkedValues.includes(optionValue),className:clsx(classes.checkbox,'VdtCheckboxGroupField-checkbox')},CheckboxProps)),className:clsx(classes.formControlLabel,'VdtCheckboxGroupField-formControlLabel')},FormControlLabelProps),optionProps),"".concat(name,"-").concat(optionValue));})})),/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({className:clsx(classes.formHelperText,'VdtCheckboxGroupField-formHelperText')},FormHelperTextProps),{},{children:error||submitError}))]}));}var CheckboxGroupField$1 = withStyles(styles,{name:'VdtCheckboxGroupField'})(CheckboxGroupField);
18
-
19
- export { CheckboxGroupField$1 as default };
@@ -1,12 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
3
- import clsx from 'clsx';
4
- import { withStyles } from '@material-ui/core';
5
- import FormControl from '@material-ui/core/FormControl';
6
- import TextField from '@material-ui/core/TextField';
7
- import { jsx } from 'react/jsx-runtime';
8
-
9
- var _excluded=["input","meta","label","helperText","dateType","classes","className","FormControlProps","InputLabelProps"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{marginTop:theme.spacing(2),width:'100%'},date:{'& ::-webkit-calendar-picker-indicator':{// Make date-icon white for dark theme
10
- filter:theme.palette.type==='dark'&&'invert(1)'}}};};function DateField(_ref){var _ref$input=_ref.input;_ref$input=_ref$input===void 0?{}:_ref$input;var value=_ref$input.value,name=_ref$input.name,onChange=_ref$input.onChange,_ref$meta=_ref.meta;_ref$meta=_ref$meta===void 0?{}:_ref$meta;var touched=_ref$meta.touched,error=_ref$meta.error,submitError=_ref$meta.submitError,label=_ref.label,helperText=_ref.helperText,_ref$dateType=_ref.dateType,dateType=_ref$dateType===void 0?'date':_ref$dateType,classes=_ref.classes,className=_ref.className,_ref$FormControlProps=_ref.FormControlProps,FormControlProps=_ref$FormControlProps===void 0?{}:_ref$FormControlProps,_ref$InputLabelProps=_ref.InputLabelProps,InputLabelProps=_ref$InputLabelProps===void 0?{}:_ref$InputLabelProps,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(FormControl,_objectSpread(_objectSpread({className:clsx(classes.root,'VdtDateField-root',className),error:(error||submitError)&&touched},FormControlProps),{},{children:/*#__PURE__*/jsx(TextField,_objectSpread({id:name,label:label,value:value,type:dateType,onChange:onChange,helperText:touched&&(error||submitError)?error||submitError:helperText,error:(error||submitError)&&touched,InputLabelProps:_objectSpread({shrink:true},InputLabelProps),className:clsx(classes.date,'VdtDateField-date')},props))}));}var DateField$1 = withStyles(styles,{name:'VdtDateField'})(DateField);
11
-
12
- export { DateField$1 as default };
@@ -1,9 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
3
- import _extends from '@babel/runtime/helpers/extends';
4
- import { Field as Field$1 } from 'react-final-form';
5
- import { jsx } from 'react/jsx-runtime';
6
-
7
- function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function Field(_ref){var props=_extends({},(_objectDestructuringEmpty(_ref),_ref));var _props$constraint=props.constraint,constraint=_props$constraint===void 0?{}:_props$constraint;var parentField=constraint.parent;return parentField?/*#__PURE__*/jsx(Field$1,{name:parentField,subscription:{value:true},children:function children(_ref2){var value=_ref2.input.value;return/*#__PURE__*/jsx(Field$1,_objectSpread({parentField:parentField,parentValue:value},props));}}):/*#__PURE__*/jsx(Field$1,_objectSpread({},props));}
8
-
9
- export { Field as default };
@@ -1,15 +0,0 @@
1
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
2
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
3
- import clsx from 'clsx';
4
- import FormControl from '@material-ui/core/FormControl';
5
- import FormControlLabel from '@material-ui/core/FormControlLabel';
6
- import FormHelperText from '@material-ui/core/FormHelperText';
7
- import FormLabel from '@material-ui/core/FormLabel';
8
- import Radio from '@material-ui/core/Radio';
9
- import RadioGroup from '@material-ui/core/RadioGroup';
10
- import { withStyles } from '@material-ui/core/styles';
11
- import { jsxs, jsx } from 'react/jsx-runtime';
12
-
13
- var _excluded=["value","label"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{marginTop:theme.spacing(2),width:'100%'}};};function RadioField(_ref){var _ref$input=_ref.input;_ref$input=_ref$input===void 0?{}:_ref$input;var value=_ref$input.value,name=_ref$input.name,onChange=_ref$input.onChange,_ref$meta=_ref.meta;_ref$meta=_ref$meta===void 0?{}:_ref$meta;var touched=_ref$meta.touched,error=_ref$meta.error,submitError=_ref$meta.submitError,_ref$options=_ref.options,options=_ref$options===void 0?[]:_ref$options,label=_ref.label,classes=_ref.classes,className=_ref.className,_ref$FormControlProps=_ref.FormControlProps,FormControlProps=_ref$FormControlProps===void 0?{}:_ref$FormControlProps,_ref$FormLabelProps=_ref.FormLabelProps,FormLabelProps=_ref$FormLabelProps===void 0?{}:_ref$FormLabelProps,_ref$RadioGroupProps=_ref.RadioGroupProps,RadioGroupProps=_ref$RadioGroupProps===void 0?{}:_ref$RadioGroupProps,_ref$FormControlLabel=_ref.FormControlLabelProps,FormControlLabelProps=_ref$FormControlLabel===void 0?{}:_ref$FormControlLabel,_ref$RadioProps=_ref.RadioProps,RadioProps=_ref$RadioProps===void 0?{}:_ref$RadioProps,_ref$FormHelperTextPr=_ref.FormHelperTextProps,FormHelperTextProps=_ref$FormHelperTextPr===void 0?{}:_ref$FormHelperTextPr,_ref$FormControlLabel2=_ref.FormControlLabelComponent,FormControlLabelComponent=_ref$FormControlLabel2===void 0?FormControlLabel:_ref$FormControlLabel2;return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({component:"fieldset",error:(error||submitError)&&touched,className:clsx(classes.root,'VdtRadioField-root',className)},FormControlProps),{},{children:[/*#__PURE__*/jsx(FormLabel,_objectSpread(_objectSpread({component:"legend",className:clsx(classes.formLabel,'VdtRadioField-formLabel')},FormLabelProps),{},{children:label})),/*#__PURE__*/jsx(RadioGroup,_objectSpread(_objectSpread({name:name,value:value,onChange:onChange,className:clsx(classes.radioGroup,'VdtRadioField-radioGroup')},RadioGroupProps),{},{children:options.map(function(_ref2){var optionValue=_ref2.value,optionLabel=_ref2.label,optionProps=_objectWithoutProperties(_ref2,_excluded);return/*#__PURE__*/jsx(FormControlLabelComponent,_objectSpread(_objectSpread({label:optionLabel,control:/*#__PURE__*/jsx(Radio,_objectSpread({value:optionValue,className:clsx(classes.radio,'VdtRadioField-radio')},RadioProps)),className:clsx(classes.formControlLabel,'VdtRadioField-formControlLabel')},FormControlLabelProps),optionProps),optionValue);})})),/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({className:clsx(classes.formHelperTextProps,'VdtRadioField-formHelperTextProps')},FormHelperTextProps),{},{children:error||submitError}))]}));}var RadioField$1 = withStyles(styles,{name:'VdtRadioField'})(RadioField);
14
-
15
- export { RadioField$1 as default };
@@ -1,14 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
3
- import clsx from 'clsx';
4
- import FormControl from '@material-ui/core/FormControl';
5
- import FormHelperText from '@material-ui/core/FormHelperText';
6
- import InputLabel from '@material-ui/core/InputLabel';
7
- import MenuItem from '@material-ui/core/MenuItem';
8
- import Select from '@material-ui/core/Select';
9
- import { withStyles } from '@material-ui/core/styles';
10
- import { jsxs, jsx } from 'react/jsx-runtime';
11
-
12
- var _excluded=["input","meta","options","label","classes","className","FormControlProps","InputLabelProps","MenuItemProps","FormHelperTextProps"],_excluded2=["value","label"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{marginTop:theme.spacing(1),width:'100%','& .MuiInputBase-root':{fontSize:'.75rem'},'& .MuiInputBase-input':{fontWeight:500,fontSize:'0.875rem'}},inputLabel:{},select:{},menuItem:{},formHelperText:{}};};function SelectField(_ref){var _ref$input=_ref.input;_ref$input=_ref$input===void 0?{}:_ref$input;var value=_ref$input.value,name=_ref$input.name,onChange=_ref$input.onChange,multiple=_ref$input.multiple,_ref$meta=_ref.meta;_ref$meta=_ref$meta===void 0?{}:_ref$meta;var touched=_ref$meta.touched,error=_ref$meta.error,submitError=_ref$meta.submitError,_ref$options=_ref.options,options=_ref$options===void 0?[]:_ref$options,label=_ref.label,classes=_ref.classes,className=_ref.className,_ref$FormControlProps=_ref.FormControlProps,FormControlProps=_ref$FormControlProps===void 0?{}:_ref$FormControlProps,_ref$InputLabelProps=_ref.InputLabelProps,InputLabelProps=_ref$InputLabelProps===void 0?{}:_ref$InputLabelProps,_ref$MenuItemProps=_ref.MenuItemProps,MenuItemProps=_ref$MenuItemProps===void 0?{}:_ref$MenuItemProps,_ref$FormHelperTextPr=_ref.FormHelperTextProps,FormHelperTextProps=_ref$FormHelperTextPr===void 0?{}:_ref$FormHelperTextPr,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({error:(error||submitError)&&touched,className:clsx(classes.root,'VdtSelectField-root',className)},FormControlProps),{},{children:[/*#__PURE__*/jsx(InputLabel,_objectSpread(_objectSpread({htmlFor:name,className:clsx(classes.inputLabel,'VdtSelectField-inputLabel')},InputLabelProps),{},{children:label})),/*#__PURE__*/jsx(Select,_objectSpread(_objectSpread({name:name,onChange:onChange,value:multiple&&!value?[]:value,multiple:multiple,className:clsx(classes.select,'VdtSelectField-select')},props),{},{children:options.map(function(_ref2){var optionValue=_ref2.value,optionLabel=_ref2.label,optionProps=_objectWithoutProperties(_ref2,_excluded2);return/*#__PURE__*/jsx(MenuItem,_objectSpread(_objectSpread(_objectSpread({value:optionValue,className:clsx(classes.menuItem,'VdtSelectField-menuItem')},MenuItemProps),optionProps),{},{children:optionLabel}),optionValue);})})),/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({className:clsx(classes.formHelperText,'VdtSelectField-formHelperText')},FormHelperTextProps),{},{children:touched&&(error||submitError)?error||submitError:''}))]}));}var SelectField$1 = withStyles(styles,{name:'VdtSelectField'})(SelectField);
13
-
14
- export { SelectField$1 as default };
@@ -1,16 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
3
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
4
- import { useMemo } from 'react';
5
- import clsx from 'clsx';
6
- import FormControl from '@material-ui/core/FormControl';
7
- import FormHelperText from '@material-ui/core/FormHelperText';
8
- import FormLabel from '@material-ui/core/FormLabel';
9
- import MUISlider from '@material-ui/core/Slider';
10
- import { withStyles } from '@material-ui/core/styles';
11
- import { jsxs, jsx } from 'react/jsx-runtime';
12
-
13
- var _excluded=["input","meta","options","label","min","max","isRange","step","showMarks","classes","className","FormControlProps","FormLabelProps","FormHelperTextProps","exclude"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{marginTop:theme.spacing(2),width:'100%'},sliderWithoutThumb:{'& .MuiSlider-thumb':{visibility:'hidden'}}};};function Slider(_ref){var _clsx;var _ref$input=_ref.input;_ref$input=_ref$input===void 0?{}:_ref$input;var value=_ref$input.value,name=_ref$input.name,_onChange=_ref$input.onChange,_ref$meta=_ref.meta;_ref$meta=_ref$meta===void 0?{}:_ref$meta;var touched=_ref$meta.touched,error=_ref$meta.error,submitError=_ref$meta.submitError,_ref$options=_ref.options,options=_ref$options===void 0?[]:_ref$options,label=_ref.label,min=_ref.min,max=_ref.max,isRange=_ref.isRange,_ref$step=_ref.step,step=_ref$step===void 0?null:_ref$step,_ref$showMarks=_ref.showMarks,showMarks=_ref$showMarks===void 0?true:_ref$showMarks,classes=_ref.classes,className=_ref.className,_ref$FormControlProps=_ref.FormControlProps,FormControlProps=_ref$FormControlProps===void 0?{}:_ref$FormControlProps,_ref$FormLabelProps=_ref.FormLabelProps,FormLabelProps=_ref$FormLabelProps===void 0?{}:_ref$FormLabelProps,_ref$FormHelperTextPr=_ref.FormHelperTextProps,FormHelperTextProps=_ref$FormHelperTextPr===void 0?{}:_ref$FormHelperTextPr;_ref.exclude;var props=_objectWithoutProperties(_ref,_excluded);var numberOptions=useMemo(function(){return options.filter(function(o){return !Number.isNaN(o.value);}).map(function(o){return {value:Number(o.value),label:showMarks?o.label:undefined};});},[showMarks,options]);var _useMemo=useMemo(function(){var values=numberOptions.map(function(o){return o.value;}).sort(function(a,b){return a-b;});return [values[0],values[values.length-1]];},[numberOptions]),_useMemo2=_slicedToArray(_useMemo,2),optionsMin=_useMemo2[0],optionsMax=_useMemo2[1];var sliderMin=Number(min)||optionsMin;var sliderMax=Number(max)||optionsMax;// value = '' || undefined => error
14
- var initialValue=isRange?[sliderMin,sliderMax]:null;return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({error:(error||submitError)&&touched,className:clsx(classes.root,'VdtSliderField-root',className)},FormControlProps),{},{children:[/*#__PURE__*/jsx(FormLabel,_objectSpread(_objectSpread({component:"legend",className:clsx(classes.FormLabel,'VdtSliderField-formLabel')},FormLabelProps),{},{children:label})),/*#__PURE__*/jsx(MUISlider,_objectSpread({name:name,value:value||initialValue,min:sliderMin,max:sliderMax,marks:numberOptions,step:step,disabled:!numberOptions.length,valueLabelDisplay:numberOptions.length>0?'auto':undefined,onChange:function onChange(e,v){return _onChange(v);},className:clsx((_clsx={},_defineProperty(_clsx,classes.slider,true),_defineProperty(_clsx,'VdtSliderField-slider',true),_defineProperty(_clsx,classes.sliderWithoutThumb,!value),_clsx))},props)),/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({className:clsx(classes.formHelperText,'VdtSliderField-formHelperText')},FormHelperTextProps),{},{children:error||submitError}))]}));}var SliderField = withStyles(styles,{name:'VdtSliderField'})(Slider);
15
-
16
- export { SliderField as default };
@@ -1,11 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import clsx from 'clsx';
3
- import FormControl from '@material-ui/core/FormControl';
4
- import FormControlLabel from '@material-ui/core/FormControlLabel';
5
- import { withStyles } from '@material-ui/core/styles';
6
- import Switch from '@material-ui/core/Switch';
7
- import { jsx } from 'react/jsx-runtime';
8
-
9
- function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{marginTop:theme.spacing(1),width:'100%'}};};function SwitchField(_ref){var className=_ref.className,classes=_ref.classes,_ref$input=_ref.input;_ref$input=_ref$input===void 0?{}:_ref$input;var name=_ref$input.name,onChange=_ref$input.onChange,value=_ref$input.value,label=_ref.label,checkedValue=_ref.checkedValue,uncheckedValue=_ref.uncheckedValue,_ref$FormControlProps=_ref.FormControlProps,FormControlProps=_ref$FormControlProps===void 0?{}:_ref$FormControlProps,_ref$FormControlLabel=_ref.FormControlLabelProps,FormControlLabelProps=_ref$FormControlLabel===void 0?{}:_ref$FormControlLabel,_ref$SwitchProps=_ref.SwitchProps,SwitchProps=_ref$SwitchProps===void 0?{}:_ref$SwitchProps;var handleChange=checkedValue&&uncheckedValue?function(event){var checked=event.target.checked;onChange(checked?checkedValue:uncheckedValue);}:onChange;var checked=checkedValue&&uncheckedValue?checkedValue===value:value;return/*#__PURE__*/jsx(FormControl,_objectSpread(_objectSpread({className:clsx(classes.root,'VdtSwitchField-root',className)},FormControlProps),{},{children:/*#__PURE__*/jsx(FormControlLabel,_objectSpread({label:label,className:clsx(classes.label,'VdtSwitchField-FormControlLabel'),control:/*#__PURE__*/jsx(Switch,_objectSpread({type:"checkbox",className:clsx(classes["switch"],'VdtSwitchField-Switch'),checked:checked,onChange:handleChange,name:name},SwitchProps))},FormControlLabelProps))}));}var SwitchField$1 = withStyles(styles,{name:'VdtSwitchField'})(SwitchField);
10
-
11
- export { SwitchField$1 as default };
@@ -1,15 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
3
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
4
- import { useState, useEffect } from 'react';
5
- import clsx from 'clsx';
6
- import { FormControl, FormHelperText } from '@material-ui/core';
7
- import { withStyles } from '@material-ui/core/styles';
8
- import TextField from '@material-ui/core/TextField';
9
- import Autocomplete from '@material-ui/lab/Autocomplete';
10
- import { jsxs, jsx } from 'react/jsx-runtime';
11
-
12
- var _excluded=["input","meta","options","label","classes","className","FormControlProps","TextFieldProps","InputLabelProps","FormHelperTextProps","AutocompleteProps"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{marginTop:theme.spacing(1),width:'100%'}};};function TagField(_ref){var _ref$input=_ref.input;_ref$input=_ref$input===void 0?{}:_ref$input;var value=_ref$input.value,name=_ref$input.name,onChange=_ref$input.onChange,_ref$meta=_ref.meta;_ref$meta=_ref$meta===void 0?{}:_ref$meta;var touched=_ref$meta.touched,error=_ref$meta.error,submitError=_ref$meta.submitError,_ref$options=_ref.options,options=_ref$options===void 0?[]:_ref$options,label=_ref.label,classes=_ref.classes,className=_ref.className,_ref$FormControlProps=_ref.FormControlProps,FormControlProps=_ref$FormControlProps===void 0?{}:_ref$FormControlProps,_ref$TextFieldProps=_ref.TextFieldProps,TextFieldProps=_ref$TextFieldProps===void 0?{}:_ref$TextFieldProps,_ref$InputLabelProps=_ref.InputLabelProps,InputLabelProps=_ref$InputLabelProps===void 0?{}:_ref$InputLabelProps,_ref$FormHelperTextPr=_ref.FormHelperTextProps,FormHelperTextProps=_ref$FormHelperTextPr===void 0?{}:_ref$FormHelperTextPr,_ref$AutocompleteProp=_ref.AutocompleteProps,AutocompleteProps=_ref$AutocompleteProp===void 0?{}:_ref$AutocompleteProp,props=_objectWithoutProperties(_ref,_excluded);var freeSolo=AutocompleteProps.freeSolo,multiple=AutocompleteProps.multiple;var initialState=multiple?[]:null;var _useState=useState(initialState),_useState2=_slicedToArray(_useState,2),selectedValues=_useState2[0],setSelectedValues=_useState2[1];var handleChange=function handleChange(event,values){if(multiple){if(freeSolo){setSelectedValues(values.map(function(v){return v.value?v:{value:v,label:v};}));onChange(values.map(function(v){return v.value?v.value:v;}));}else {setSelectedValues(values);onChange(values.map(function(v){return v.value;}));}}else {setSelectedValues(values);onChange(values.value);}};useEffect(function(){if(multiple){if((!value||!value.length)&&selectedValues.length>0){setSelectedValues(function(){return initialState;});}else if(Array.isArray(value)&&value&&value.length>0&&selectedValues.length===0&&touched===false){setSelectedValues(function(){return value.map(function(initialValue){return {value:initialValue,label:initialValue};});});}else if(!Array.isArray(value)&&value&&value.length>0&&selectedValues.length===0&&touched===false){setSelectedValues(function(){return [{value:value,label:value}];});}}else if(!value&&selectedValues){setSelectedValues(function(){return initialState;});onChange([]);}else if(value&&value.length&&!selectedValues){var initialValue=value.length?value[0]:value;setSelectedValues(function(){return {value:initialValue,label:initialValue};});}// eslint-disable-next-line react-hooks/exhaustive-deps
13
- },[selectedValues,value]);return/*#__PURE__*/jsxs(FormControl,_objectSpread(_objectSpread({component:"fieldset",className:clsx(classes.root,'VdtTagField-root',className),error:(error||submitError)&&touched},FormControlProps),{},{children:[/*#__PURE__*/jsx(Autocomplete,_objectSpread(_objectSpread({className:clsx(classes.root,'VdtTagField-root',className),id:name,value:selectedValues,options:options,getOptionLabel:function getOptionLabel(o){return o.label||o.value||'';},getOptionSelected:function getOptionSelected(o,v){return o.value===v.value;},onChange:handleChange,disableClearable:true,freeSolo:freeSolo,multiple:multiple,renderInput:function renderInput(params){return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread({label:label,className:clsx(classes.text,'VdtTagField-text'),error:(error||submitError)&&touched,InputLabelProps:InputLabelProps},params),TextFieldProps));}},AutocompleteProps),props)),/*#__PURE__*/jsx(FormHelperText,_objectSpread(_objectSpread({className:clsx(classes.helperText,'VdtTagField-helperText')},FormHelperTextProps),{},{children:error||submitError}))]}));}var TagField$1 = withStyles(styles,{name:'VdtTagField'})(TagField);
14
-
15
- export { TagField$1 as default };
@@ -1,11 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
3
- import clsx from 'clsx';
4
- import FormControl from '@material-ui/core/FormControl';
5
- import { withStyles } from '@material-ui/core/styles';
6
- import TextField$2 from '@material-ui/core/TextField';
7
- import { jsx } from 'react/jsx-runtime';
8
-
9
- var _excluded=["name","onChange","value"],_excluded2=["input","meta","helperText","classes","className","FormControlProps"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{marginTop:theme.spacing(1),width:'100%','& .MuiInputBase-root':{fontSize:'.75rem'},'& .MuiInputBase-input':{fontWeight:500,fontSize:'0.875rem'}}};};function TextField(_ref){var _ref$input=_ref.input;_ref$input=_ref$input===void 0?{}:_ref$input;var name=_ref$input.name,onChange=_ref$input.onChange,value=_ref$input.value,inputProps=_objectWithoutProperties(_ref$input,_excluded),_ref$meta=_ref.meta;_ref$meta=_ref$meta===void 0?{}:_ref$meta;var touched=_ref$meta.touched,error=_ref$meta.error,submitError=_ref$meta.submitError,_ref$helperText=_ref.helperText,helperText=_ref$helperText===void 0?"\xA0":_ref$helperText,classes=_ref.classes,className=_ref.className,_ref$FormControlProps=_ref.FormControlProps,FormControlProps=_ref$FormControlProps===void 0?{}:_ref$FormControlProps,props=_objectWithoutProperties(_ref,_excluded2);return/*#__PURE__*/jsx(FormControl,_objectSpread(_objectSpread({className:clsx(classes.root,'VdtTextField-root',className)},FormControlProps),{},{children:/*#__PURE__*/jsx(TextField$2,_objectSpread({className:clsx(classes.text,'VdtTextField-text'),name:name,helperText:touched&&(error||submitError)?error||submitError:helperText,error:(error||submitError)&&touched,inputProps:inputProps,onChange:onChange,value:value},props))}));}var TextField$1 = withStyles(styles,{name:'VdtTextField'})(TextField);
10
-
11
- export { TextField$1 as default };
@@ -1,15 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
3
- import { useState, useMemo, useCallback } from 'react';
4
- import { Form } from 'react-final-form';
5
- import { Box, Typography } from '@material-ui/core';
6
- import Paper from '@material-ui/core/Paper';
7
- import { withStyles } from '@material-ui/core/styles';
8
- import { parseFacetType, parseNowDate } from '@vidispine/vdt-js';
9
- import FilterForm from './FilterForm.js';
10
- import { jsxs, jsx } from 'react/jsx-runtime';
11
-
12
- function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {header:{padding:theme.spacing(2),paddingBottom:'0'},form:{paddingLeft:theme.spacing(2),paddingRight:theme.spacing(2),paddingBottom:theme.spacing(2)}};};var isDate=function isDate(value){var dateValue=new Date(value);return dateValue instanceof Date&&!Number.isNaN(dateValue.getTime());};var isString=function isString(value){return typeof value==='string'||value instanceof String;};var isNumber=function isNumber(value){return typeof value==='number';};var isNow=function isNow(value){return isString(value)&&value.startsWith('NOW');};var hasDates=function hasDates(values){return values.every(isDate);};var hasNumbers=function hasNumbers(values){return values.every(isNumber);};var hasNowRange=function hasNowRange(values){return values.every(isNow)||values.some(isNow)&&values.some(isDate);};var getRangeValues=function getRangeValues(value){var values;if(hasDates(value)){values=value.sort(function(a,b){return new Date(a).getTime()-new Date(b).getTime();});}else if(hasNumbers(value)){values=value.sort(function(a,b){return Number(a)-Number(b);});}else if(hasNowRange(value)){values=value.sort(function(a,b){return parseNowDate(a).getTime()-parseNowDate(b).getTime();});}else {return undefined;}return [values[0],values[values.length-1]];};var getRangeFilter=function getRangeFilter(name,_ref){var _ref2=_slicedToArray(_ref,2),min=_ref2[0],max=_ref2[1];return {name:name,field:[{name:name,range:[{value:[{value:min},{value:max}]}]}]};};var getFieldFilter=function getFieldFilter(name,value,operation){return {name:name,field:Array.isArray(value)?value.map(function(v){return {name:name,value:[{value:v}]};}):[{name:name,value:[{value:value}]}],operation:operation};};function parseFilterValues(filter){return (filter||[]).reduce(function(acc,curr){return _objectSpread(_defineProperty({},curr.name,(curr.field||[]).flatMap(function(_ref3){var value=_ref3.value,range=_ref3.range;if(value){return value[0].value;}if(range){return range[0].value.map(function(v){return v.value;});}return undefined;})),acc);},{});}function FilterCard(_ref4){var className=_ref4.className,classes=_ref4.classes,_ref4$itemListType=_ref4.itemListType,itemListType=_ref4$itemListType===void 0?{}:_ref4$itemListType,_ref4$fields=_ref4.fields,fields=_ref4$fields===void 0?[]:_ref4$fields,initialSearchFilter=_ref4.initialSearchFilter,isLoading=_ref4.isLoading,onChange=_ref4.onChange,_ref4$headerText=_ref4.headerText,headerText=_ref4$headerText===void 0?'Filter':_ref4$headerText,_ref4$component=_ref4.component,RootComponent=_ref4$component===void 0?Paper:_ref4$component,_ref4$FormComponent=_ref4.FormComponent,FormComponent=_ref4$FormComponent===void 0?FilterForm:_ref4$FormComponent,_ref4$FormProps=_ref4.FormProps,FormProps=_ref4$FormProps===void 0?{}:_ref4$FormProps,_ref4$HeaderProps=_ref4.HeaderProps,HeaderProps=_ref4$HeaderProps===void 0?{}:_ref4$HeaderProps,_ref4$CardProps=_ref4.CardProps,CardProps=_ref4$CardProps===void 0?{}:_ref4$CardProps,_ref4$operation=_ref4.operation,operation=_ref4$operation===void 0?'OR':_ref4$operation,hideEmptyFilters=_ref4.hideEmptyFilters;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),dirty=_useState2[0],setDirty=_useState2[1];var facet=itemListType.facet;var initialValues=useMemo(function(){return parseFilterValues(initialSearchFilter);},[initialSearchFilter]);var parsedFacet=useMemo(function(){return parseFacetType(facet);},[facet]);var onSubmit=useCallback(function(values){var valueEntries=Object.entries(values);if(valueEntries.length===0&&!dirty)return;if(!dirty)setDirty(true);var filters=valueEntries.filter(function(_ref5){var _ref6=_slicedToArray(_ref5,2),value=_ref6[1];return value!==null;}).map(function(_ref7){var _ref8=_slicedToArray(_ref7,2),name=_ref8[0],value=_ref8[1];var field=fields.find(function(f){return f.value===name;});if(field.isRange&&Array.isArray(value)&&value.length>=2){return getRangeFilter(name,getRangeValues(value));}return getFieldFilter(name,value,operation);});onChange(filters);},// eslint-disable-next-line react-hooks/exhaustive-deps
13
- [onChange,dirty]);return !isLoading?/*#__PURE__*/jsxs(RootComponent,_objectSpread(_objectSpread({className:className},CardProps),{},{children:[headerText&&/*#__PURE__*/jsx(Box,{className:classes.header,children:/*#__PURE__*/jsx(Typography,_objectSpread(_objectSpread({variant:"button",color:"textSecondary"},HeaderProps),{},{children:headerText}))}),/*#__PURE__*/jsx(Form,_objectSpread({className:classes.form,onSubmit:onSubmit,render:FormComponent,parsedFacet:parsedFacet,validate:onSubmit,fields:fields,defaultValues:initialValues,hideEmptyFilters:hideEmptyFilters},FormProps))]})):null;}var FilterCard$1 = withStyles(styles,{name:'VdtFilterCard'})(FilterCard);
14
-
15
- export { FilterCard$1 as default };
@@ -1,11 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
3
- import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
4
- import { useCallback } from 'react';
5
- import { Field } from 'react-final-form';
6
- import FilterFormLabel from './FilterFormLabel.js';
7
- import { jsx } from 'react/jsx-runtime';
8
-
9
- var _excluded=["value","parseOptions","label","FacetProps","FilterFormLabelProps"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var defaultParseOptions=function defaultParseOptions(facet,hideEmptyOptions){return Object.entries(facet||{}).filter(function(_ref){var _ref2=_slicedToArray(_ref,2),count=_ref2[1];return hideEmptyOptions===false||count!==0;}).map(function(_ref3){var _ref4=_slicedToArray(_ref3,2),value=_ref4[0],count=_ref4[1];return {value:value,label:"".concat(value.toUpperCase()).concat(count!==undefined?" (".concat(count,")"):'')};});};function FilterForm(_ref5){var className=_ref5.className,fields=_ref5.fields,_ref5$defaultValues=_ref5.defaultValues,defaultValues=_ref5$defaultValues===void 0?{}:_ref5$defaultValues,parsedFacet=_ref5.parsedFacet,form=_ref5.form,_ref5$dirtyFields=_ref5.dirtyFields,dirtyFields=_ref5$dirtyFields===void 0?{}:_ref5$dirtyFields,handleSubmit=_ref5.handleSubmit,hideEmptyFilters=_ref5.hideEmptyFilters;var hasChangedValues=useCallback(function(name){var _form$getState=form.getState(),_form$getState$values=_form$getState.values,values=_form$getState$values===void 0?{}:_form$getState$values;if(values[name]&&Array.isArray(values[name])){return values[name].length>0;}return dirtyFields[name];},[dirtyFields,form]);return/*#__PURE__*/jsx("form",{onSubmit:handleSubmit,className:className,children:fields.map(function(_ref6){var name=_ref6.value,_ref6$parseOptions=_ref6.parseOptions,parseOptions=_ref6$parseOptions===void 0?defaultParseOptions:_ref6$parseOptions,label=_ref6.label,_ref6$FacetProps=_ref6.FacetProps,FacetProps=_ref6$FacetProps===void 0?{}:_ref6$FacetProps,_ref6$FilterFormLabel=_ref6.FilterFormLabelProps,FilterFormLabelProps=_ref6$FilterFormLabel===void 0?{}:_ref6$FilterFormLabel,props=_objectWithoutProperties(_ref6,_excluded);var facets=parsedFacet[name];var count=FacetProps.count;var options=parseOptions(facets,hideEmptyFilters);var display=hideEmptyFilters===true&&count===true&&options.length===0?'none':'inherit';return/*#__PURE__*/jsx("div",{style:{display:display},children:/*#__PURE__*/jsx(Field,_objectSpread({name:name,FormHelperTextProps:{style:{display:'none'}},defaultValue:defaultValues[name],label:/*#__PURE__*/jsx(FilterFormLabel,_objectSpread({hidden:!hasChangedValues(name),label:label,onClick:function onClick(){return form.change(name);}},FilterFormLabelProps)),options:options},props))},name);})});}
10
-
11
- export { FilterForm as default };
@@ -1,9 +0,0 @@
1
- import Box from '@material-ui/core/Box';
2
- import IconButton from '@material-ui/core/IconButton';
3
- import { withStyles } from '@material-ui/core/styles';
4
- import CancelIcon from '@material-ui/icons/Cancel';
5
- import { jsxs, jsx } from 'react/jsx-runtime';
6
-
7
- var styles=function styles(theme){return {root:{height:20,lineHeight:'inherit'},icon:{padding:0,marginLeft:theme.spacing(2)}};};function FilterFormLabel(_ref){var classes=_ref.classes,label=_ref.label,hidden=_ref.hidden,onClick=_ref.onClick,_ref$IconComponent=_ref.IconComponent,IconComponent=_ref$IconComponent===void 0?CancelIcon:_ref$IconComponent;return/*#__PURE__*/jsxs(Box,{className:classes.root,children:[label,/*#__PURE__*/jsx(IconButton,{className:classes.icon,onClick:onClick,style:{visibility:hidden?'hidden':'inherit'},children:/*#__PURE__*/jsx(IconComponent,{})})]});}var FilterFormLabel$1 = withStyles(styles,{name:'VdtFilterFormLabel'})(FilterFormLabel);
8
-
9
- export { FilterFormLabel$1 as default };
@@ -1,12 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
3
- import { forwardRef, cloneElement } from 'react';
4
- import clsx from 'clsx';
5
- import { withStyles, useFormControl, Typography } from '@material-ui/core';
6
- import { jsxs, jsx } from 'react/jsx-runtime';
7
-
8
- var _excluded=["checked","classes","className","control","disabled","inputRef","label","name","onChange","value"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{display:'inline-flex',alignItems:'center',cursor:'pointer',// For correct alignment with the text.
9
- verticalAlign:'middle',WebkitTapHighlightColor:'transparent',marginLeft:-11,marginRight:11,'&$disabled':{cursor:'default'},width:'100%'},disabled:{},label:{'&$disabled':{color:theme.palette.text.disabled}},labelText:{whiteSpace:'nowrap',overflow:'hidden',textOverflow:'ellipsis'},labelCount:{marginLeft:'auto',marginRight:-11}};};var ExpandedFormControlLabel=/*#__PURE__*/forwardRef(function(props,ref){props.checked;var classes=props.classes,className=props.className,control=props.control,disabledProp=props.disabled;props.inputRef;var label=props.label;props.name;props.onChange;props.value;var other=_objectWithoutProperties(props,_excluded);var muiFormControl=useFormControl();var labels=label?label.split(' '):[];var labelText=labels.slice(0,labels.length-1).join(' ');var labelCount=labels.slice(-1);var disabled=disabledProp;if(typeof disabled==='undefined'&&typeof control.props.disabled!=='undefined'){disabled=control.props.disabled;}if(typeof disabled==='undefined'&&muiFormControl){disabled=muiFormControl.disabled;}var controlProps={disabled:disabled};['checked','name','onChange','value','inputRef'].forEach(function(key){if(typeof control.props[key]==='undefined'&&typeof props[key]!=='undefined'){controlProps[key]=props[key];}});return/*#__PURE__*/ (// eslint-disable-next-line jsx-a11y/label-has-associated-control
10
- jsxs("label",_objectSpread(_objectSpread({className:clsx(classes.root,_defineProperty({},classes.disabled,disabled),className),ref:ref},other),{},{children:[/*#__PURE__*/cloneElement(control,controlProps),/*#__PURE__*/jsx(Typography,{component:"span",className:clsx(classes.label,classes.labelText,_defineProperty({},classes.disabled,disabled)),children:labelText}),/*#__PURE__*/jsx(Typography,{component:"span",className:clsx(classes.label,classes.labelCount,_defineProperty({},classes.disabled,disabled)),children:labelCount})]})));});var ExpandedFormControlLabel$1 = withStyles(styles,{name:'VdtExpandedFormControlLabel'})(ExpandedFormControlLabel);
11
-
12
- export { ExpandedFormControlLabel$1 as default, styles };
@@ -1,15 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
3
- import clsx from 'clsx';
4
- import { Form, Field } from 'react-final-form';
5
- import Box from '@material-ui/core/Box';
6
- import FormHelperText from '@material-ui/core/FormHelperText';
7
- import { withStyles } from '@material-ui/core/styles';
8
- import CheckboxField from '../../fields/CheckboxField.js';
9
- import TextField from '../../fields/TextField.js';
10
- import SubmitButton from '../SubmitButton.js';
11
- import { jsx, jsxs } from 'react/jsx-runtime';
12
-
13
- var _excluded=["name","label","FieldProps"],_excluded2=["name","label","requiredText","FieldProps"],_excluded3=["name","label","requiredText","FieldProps"],_excluded4=["name","label","FieldProps"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var isUrl=function isUrl(){var value=arguments.length>0&&arguments[0]!==undefined?arguments[0]:'';var helperText=arguments.length>1&&arguments[1]!==undefined?arguments[1]:'Not a URL';var expression=/https?:\/\/[-a-zA-Z0-9@:%._+~#=]{2,256}\b([-a-zA-Z0-9@:%_+.~#?&//=]*)/gi;var regex=new RegExp(expression);var matches=value.match(regex);return matches?undefined:helperText;};var UrlField=withStyles({},{name:'VdtUrlField'})(function(_ref){var _ref$name=_ref.name,name=_ref$name===void 0?'serverUrl':_ref$name,_ref$label=_ref.label,label=_ref$label===void 0?'Vidispine API Server':_ref$label,_ref$FieldProps=_ref.FieldProps,FieldProps=_ref$FieldProps===void 0?{}:_ref$FieldProps,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(Field,_objectSpread(_objectSpread({name:name,component:TextField,type:"text",label:label,validate:isUrl,fullWidth:true},FieldProps),props));});var UsernameField=withStyles({},{name:'VdtUsernameField'})(function(_ref2){var _ref2$name=_ref2.name,name=_ref2$name===void 0?'userName':_ref2$name,_ref2$label=_ref2.label,label=_ref2$label===void 0?'Username':_ref2$label,_ref2$requiredText=_ref2.requiredText,requiredText=_ref2$requiredText===void 0?'Required':_ref2$requiredText,_ref2$FieldProps=_ref2.FieldProps,FieldProps=_ref2$FieldProps===void 0?{}:_ref2$FieldProps,props=_objectWithoutProperties(_ref2,_excluded2);return/*#__PURE__*/jsx(Field,_objectSpread(_objectSpread({name:name,component:TextField,type:"text",label:label,validate:function validate(value){return value?undefined:requiredText;},fullWidth:true},FieldProps),props));});var PasswordField=withStyles({},{name:'VdtPasswordField'})(function(_ref3){var _ref3$name=_ref3.name,name=_ref3$name===void 0?'password':_ref3$name,_ref3$label=_ref3.label,label=_ref3$label===void 0?'Password':_ref3$label,_ref3$requiredText=_ref3.requiredText,requiredText=_ref3$requiredText===void 0?'Required':_ref3$requiredText,_ref3$FieldProps=_ref3.FieldProps,FieldProps=_ref3$FieldProps===void 0?{}:_ref3$FieldProps,props=_objectWithoutProperties(_ref3,_excluded3);return/*#__PURE__*/jsx(Field,_objectSpread(_objectSpread({name:name,component:TextField,type:"password",label:label,validate:function validate(value){return value?undefined:requiredText;},fullWidth:true},FieldProps),props));});var RememberMeField=withStyles({},{name:'VdtRememberMeField'})(function(_ref4){var _ref4$name=_ref4.name,name=_ref4$name===void 0?'rememberMe':_ref4$name,_ref4$label=_ref4.label,label=_ref4$label===void 0?'Remember Me':_ref4$label,_ref4$FieldProps=_ref4.FieldProps,FieldProps=_ref4$FieldProps===void 0?{}:_ref4$FieldProps,props=_objectWithoutProperties(_ref4,_excluded4);return/*#__PURE__*/jsx(Field,_objectSpread(_objectSpread({name:name,label:label,component:CheckboxField,type:"checkbox"},FieldProps),props));});function FormFields(_ref5){var _ref5$UrlFieldCompone=_ref5.UrlFieldComponent,UrlFieldComponent=_ref5$UrlFieldCompone===void 0?UrlField:_ref5$UrlFieldCompone,_ref5$UrlFieldProps=_ref5.UrlFieldProps,UrlFieldProps=_ref5$UrlFieldProps===void 0?{}:_ref5$UrlFieldProps,_ref5$UsernameFieldCo=_ref5.UsernameFieldComponent,UsernameFieldComponent=_ref5$UsernameFieldCo===void 0?UsernameField:_ref5$UsernameFieldCo,_ref5$UsernameFieldPr=_ref5.UsernameFieldProps,UsernameFieldProps=_ref5$UsernameFieldPr===void 0?{}:_ref5$UsernameFieldPr,_ref5$PasswordFieldCo=_ref5.PasswordFieldComponent,PasswordFieldComponent=_ref5$PasswordFieldCo===void 0?PasswordField:_ref5$PasswordFieldCo,_ref5$PasswordFieldPr=_ref5.PasswordFieldProps,PasswordFieldProps=_ref5$PasswordFieldPr===void 0?{}:_ref5$PasswordFieldPr,_ref5$RememberMeField=_ref5.RememberMeFieldComponent,RememberMeFieldComponent=_ref5$RememberMeField===void 0?RememberMeField:_ref5$RememberMeField,_ref5$RememberMeField2=_ref5.RememberMeFieldProps,RememberMeFieldProps=_ref5$RememberMeField2===void 0?{}:_ref5$RememberMeField2,FieldProps=_ref5.FieldProps;return/*#__PURE__*/jsxs(Box,{children:[UrlFieldComponent&&/*#__PURE__*/jsx(UrlFieldComponent,_objectSpread({FieldProps:FieldProps},UrlFieldProps)),UsernameFieldComponent&&/*#__PURE__*/jsx(UsernameFieldComponent,_objectSpread({FieldProps:FieldProps},UsernameFieldProps)),PasswordFieldComponent&&/*#__PURE__*/jsx(PasswordFieldComponent,_objectSpread({FieldProps:FieldProps},PasswordFieldProps)),RememberMeFieldComponent&&/*#__PURE__*/jsx(RememberMeFieldComponent,_objectSpread({FieldProps:FieldProps},RememberMeFieldProps))]});}function FormText(_ref6){var helperText=_ref6.helperText,submitError=_ref6.submitError;return/*#__PURE__*/jsx(Box,{py:helperText||submitError?0:0.8,my:1,children:(helperText||submitError)&&/*#__PURE__*/jsx(FormHelperText,{error:Boolean(submitError),children:submitError||helperText})});}var FormButtons=withStyles({},{name:'VdtLoginFormButtons'})(function(_ref7){var submitting=_ref7.submitting,_ref7$SubmitButtonPro=_ref7.SubmitButtonProps,SubmitButtonProps=_ref7$SubmitButtonPro===void 0?{}:_ref7$SubmitButtonPro,_ref7$loginText=_ref7.loginText,loginText=_ref7$loginText===void 0?'Login':_ref7$loginText;return/*#__PURE__*/jsx(Box,{children:/*#__PURE__*/jsx(SubmitButton,_objectSpread(_objectSpread({type:"submit",submitting:submitting,fullWidth:true},SubmitButtonProps),{},{children:loginText}))});});var styles=function styles(){return {root:{}};};function LoginForm(_ref8){var classes=_ref8.classes,className=_ref8.className,onSubmit=_ref8.onSubmit,helperText=_ref8.helperText,SubmitButtonProps=_ref8.SubmitButtonProps,FormProps=_ref8.FormProps,FieldProps=_ref8.FieldProps,UrlFieldComponent=_ref8.UrlFieldComponent,UsernameFieldComponent=_ref8.UsernameFieldComponent,PasswordFieldComponent=_ref8.PasswordFieldComponent,RememberMeFieldComponent=_ref8.RememberMeFieldComponent,FormFieldsComponent=_ref8.FormFieldsComponent,FormFieldsProps=_ref8.FormFieldsProps,FormTextComponent=_ref8.FormTextComponent,FormTextProps=_ref8.FormTextProps,FormButtonsComponent=_ref8.FormButtonsComponent,FormButtonsProps=_ref8.FormButtonsProps;return/*#__PURE__*/jsx(Form,_objectSpread(_objectSpread({className:clsx(classes.root,'VdtLoginForm-root',className),onSubmit:onSubmit},FormProps),{},{render:function render(_ref9){var handleSubmit=_ref9.handleSubmit,submitting=_ref9.submitting,submitError=_ref9.submitError;return/*#__PURE__*/jsxs("form",{onSubmit:handleSubmit,children:[/*#__PURE__*/jsx(FormFieldsComponent,_objectSpread({FieldProps:FieldProps,UrlFieldComponent:UrlFieldComponent,UsernameFieldComponent:UsernameFieldComponent,PasswordFieldComponent:PasswordFieldComponent,RememberMeFieldComponent:RememberMeFieldComponent},FormFieldsProps)),/*#__PURE__*/jsx(FormTextComponent,_objectSpread({helperText:helperText,submitError:submitError},FormTextProps)),/*#__PURE__*/jsx(FormButtonsComponent,_objectSpread({submitting:submitting,handleSubmit:handleSubmit,SubmitButtonProps:SubmitButtonProps},FormButtonsProps))]});}}));}LoginForm.defaultProps={className:undefined,classes:{},onSubmit:function onSubmit(){return null;},helperText:undefined,SubmitButtonProps:{},FormProps:{},FieldProps:{},UrlFieldComponent:UrlField,UsernameFieldComponent:UsernameField,PasswordFieldComponent:PasswordField,RememberMeFieldComponent:RememberMeField,FormFieldsComponent:FormFields,FormFieldsProps:{},FormTextComponent:FormText,FormTextProps:{},FormButtonsComponent:FormButtons,FormButtonsProps:{}};
14
-
15
- export { LoginForm as default, styles };
@@ -1,6 +0,0 @@
1
- import { withStyles } from '@material-ui/core/styles';
2
- import LoginForm, { styles } from './LoginForm.js';
3
-
4
- var Component=withStyles(styles,{name:'VdtLoginForm'})(LoginForm);Component.displayName='LoginForm';var Component$1 = Component;
5
-
6
- export { Component$1 as default };
@@ -1,10 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
3
- import Box from '@material-ui/core/Box';
4
- import Button from '@material-ui/core/Button';
5
- import CircularProgress from '@material-ui/core/CircularProgress';
6
- import { jsx, jsxs } from 'react/jsx-runtime';
7
-
8
- var _excluded=["children","submitting","disabled"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function SubmitButton(_ref){var children=_ref.children,_ref$submitting=_ref.submitting,submitting=_ref$submitting===void 0?false:_ref$submitting,disabled=_ref.disabled,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(Button,_objectSpread(_objectSpread({},props),{},{disabled:disabled||submitting,children:/*#__PURE__*/jsxs(Box,{position:"relative",children:[/*#__PURE__*/jsx(Box,{position:"absolute",height:1,width:1,display:submitting?'inherit':'none',children:/*#__PURE__*/jsx(CircularProgress,{size:24})}),/*#__PURE__*/jsx(Box,{children:children})]})}));}
9
-
10
- export { SubmitButton as default };
@@ -1,9 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
3
- import _regeneratorRuntime from '@babel/runtime/regenerator';
4
- import { FORM_ERROR } from 'final-form';
5
- import { utils, user } from '@vidispine/vdt-api';
6
-
7
- var onGetToken=/*#__PURE__*/function(){var _ref2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref){var userName,password,serverUrl,queryParams,headers,_yield$UserApi$getTok,token,_error$response,response,_error$message,message,submissionError;return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:userName=_ref.userName,password=_ref.password,serverUrl=_ref.serverUrl;queryParams={seconds:2592000,autoRefresh:'true'};headers={password:password,username:userName};if(serverUrl){utils.defaultClient.defaults.baseURL=serverUrl;}_context.prev=4;_context.next=7;return user.getToken({userName:userName,queryParams:queryParams,headers:headers});case 7:_yield$UserApi$getTok=_context.sent;token=_yield$UserApi$getTok.data;return _context.abrupt("return",token);case 12:_context.prev=12;_context.t0=_context["catch"](4);_error$response=_context.t0.response,response=_error$response===void 0?{}:_error$response,_error$message=_context.t0.message,message=_error$message===void 0?'Unknown error.':_error$message;submissionError=_defineProperty({},FORM_ERROR,message);if(response.status===401){submissionError=_defineProperty({},FORM_ERROR,'Incorrect Username/Password');}throw submissionError;case 18:case"end":return _context.stop();}}},_callee,null,[[4,12]]);}));return function onGetToken(_x){return _ref2.apply(this,arguments);};}();var onGetToken$1 = onGetToken;
8
-
9
- export { onGetToken$1 as default };
@@ -1,9 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
3
- import { useRef, useState, useEffect } from 'react';
4
- import clsx from 'clsx';
5
- import { jsx } from 'react/jsx-runtime';
6
-
7
- var styles=function styles(){return {root:{overflow:'auto','&::-webkit-scrollbar':{display:'none'}},scrolling:{'& *':{userSelect:'none',cursor:'grabbing'}},grab:{cursor:'grab'}};};var isOverflowing=function isOverflowing(containerRef){var container=containerRef.current;return container&&(container.offsetHeight<container.scrollHeight||container.offsetWidth<container.scrollWidth);};function DragScroll(_ref){var _clsx;var className=_ref.className,classes=_ref.classes,children=_ref.children;var containerRef=useRef();var _useState=useState(null),_useState2=_slicedToArray(_useState,2),startPos=_useState2[0],setStartPos=_useState2[1];var _useState3=useState(false),_useState4=_slicedToArray(_useState3,2),overflowing=_useState4[0],setOverflowing=_useState4[1];var _useState5=useState(false),_useState6=_slicedToArray(_useState5,2),isDragging=_useState6[0],setIsDragging=_useState6[1];var _useState7=useState(null),_useState8=_slicedToArray(_useState7,2),cancelDragTimeout=_useState8[0],setCancelDragTimeout=_useState8[1];useEffect(function(){var checkOverflowing=function checkOverflowing(){return setOverflowing(isOverflowing(containerRef));};window.addEventListener('resize',checkOverflowing);return function(){window.removeEventListener('resize',checkOverflowing);};},[]);useEffect(function(){return function(){if(cancelDragTimeout){clearTimeout(cancelDragTimeout);}};},[cancelDragTimeout]);var mouseDownHandler=function mouseDownHandler(e){setIsDragging(false);if(overflowing){setStartPos({left:containerRef.current.scrollLeft,top:containerRef.current.scrollTop,x:e.clientX,y:e.clientY});e.preventDefault();e.stopPropagation();}};var mouseMoveHandler=function mouseMoveHandler(e){if(startPos){setIsDragging(true);var dx=e.clientX-startPos.x;var dy=e.clientY-startPos.y;containerRef.current.scrollTop=startPos.top-dy;containerRef.current.scrollLeft=startPos.left-dx;}};var mouseUpHandler=function mouseUpHandler(e){setCancelDragTimeout(setTimeout(function(){return setIsDragging(false);}));setStartPos(null);e.preventDefault();e.stopPropagation();};var onClickHandler=function onClickHandler(e){if(isDragging){e.preventDefault();e.stopPropagation();}};return/*#__PURE__*/jsx("div",{onMouseDownCapture:mouseDownHandler,onMouseUpCapture:mouseUpHandler,onMouseLeave:mouseUpHandler,onMouseMove:mouseMoveHandler,onClickCapture:onClickHandler,ref:function ref(el){containerRef.current=el;setOverflowing(isOverflowing(containerRef));},className:clsx(classes.root,'VdtDragScroll-root',className,(_clsx={},_defineProperty(_clsx,classes.grab,overflowing&&!isDragging),_defineProperty(_clsx,classes.scrolling,isDragging),_clsx)),children:children});}DragScroll.defaultProps={className:undefined,classes:{}};
8
-
9
- export { DragScroll as default, styles };
@@ -1,6 +0,0 @@
1
- import { withStyles } from '@material-ui/core/styles';
2
- import DragScroll, { styles } from './DragScroll.js';
3
-
4
- var Component=withStyles(styles,{name:'VdtDragScroll'})(DragScroll);Component.displayName='DragScroll';var Component$1 = Component;
5
-
6
- export { Component$1 as default };
@@ -1,11 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import clsx from 'clsx';
3
- import { jsx } from 'react/jsx-runtime';
4
-
5
- var styles={root:{display:'flex',flexWrap:'wrap',pointerEvents:'none',width:'inherit',height:'inherit'},image:{objectFit:'cover',// Left align if multiple images
6
- '&:last-child:not(:first-child)':{marginRight:'auto'}},lastSingleStretched:{// Full width if last row has single image
7
- '&:last-child:not(:first-child)':{width:'100% !important'}},notStretchSingle:{// Do not set full width or height for single image
8
- '&:last-child&:first-child':{objectFit:'contain'}}};function ImageCollage(_ref){var className=_ref.className,classes=_ref.classes,urls=_ref.urls,maxImages=_ref.maxImages,maxColumns=_ref.maxColumns,showSingleStretched=_ref.showSingleStretched,showLastSingleStretched=_ref.showLastSingleStretched,onError=_ref.onError;if(!urls.length||maxImages<0||maxColumns<0){return null;}var amountOfImages=Math.min(maxImages,urls.length);var amountOfCols=Math.min(maxColumns,amountOfImages);var amountOfRows=Math.ceil(amountOfImages/amountOfCols);var height="".concat(100/amountOfRows,"%");var width="".concat(100/Math.max(Math.min(maxColumns,amountOfImages),1),"%");var hasLastRowWithSingleImage=amountOfImages%amountOfCols===1;return/*#__PURE__*/jsx("div",{className:clsx(className,classes.root,'VdtImageCollage-root'),children:urls.slice(0,maxImages).map(function(url){var _clsx;return/*#__PURE__*/jsx("img",{className:clsx((_clsx={},_defineProperty(_clsx,classes.image,true),_defineProperty(_clsx,'VdtImageCollage-image',true),_defineProperty(_clsx,classes.notStretchSingle,!showSingleStretched),_defineProperty(_clsx,classes.lastSingleStretched,showLastSingleStretched&&hasLastRowWithSingleImage),_clsx)),src:url,style:{height:height,width:width},onError:onError,alt:""},url);})});}ImageCollage.defaultProps={className:undefined,classes:{},urls:[],maxColumns:2,maxImages:4,showSingleStretched:true,showLastSingleStretched:true,// eslint-disable-next-line no-console
9
- onError:function onError(e){return console.warn(e);}};
10
-
11
- export { ImageCollage as default, styles };