Source: modal/commands/OpenSimpleInputModal.es.js

  1. /**
  2.  * Copyright (c) 2000-present Liferay, Inc. All rights reserved.
  3.  *
  4.  * This library is free software; you can redistribute it and/or modify it under
  5.  * the terms of the GNU Lesser General Public License as published by the Free
  6.  * Software Foundation; either version 2.1 of the License, or (at your option)
  7.  * any later version.
  8.  *
  9.  * This library is distributed in the hope that it will be useful, but WITHOUT
  10.  * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
  11.  * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more
  12.  * details.
  13.  */
  15. import {render} from '@liferay/frontend-js-react-web';
  16. import React from 'react';
  17. import {unmountComponentAtNode} from 'react-dom';
  19. import SimpleInputModal from '../components/SimpleInputModal.es';
  21. const DEFAULT_MODAL_CONTAINER_ID = 'modalContainer';
  23. const DEFAULT_RENDER_DATA = {
  24. 	portletId: 'UNKNOWN_PORTLET_ID',
  25. };
  27. function getDefaultModalContainer() {
  28. 	let container = document.getElementById(DEFAULT_MODAL_CONTAINER_ID);
  30. 	if (!container) {
  31. 		container = document.createElement('div');
  32. 		container.id = DEFAULT_MODAL_CONTAINER_ID;
  33. 		document.body.appendChild(container);
  34. 	}
  36. 	return container;
  37. }
  39. function dispose() {
  40. 	unmountComponentAtNode(getDefaultModalContainer());
  41. }
  43. function openSimpleInputModalImplementation({
  44. 	alert,
  45. 	checkboxFieldLabel,
  46. 	checkboxFieldName,
  47. 	checkboxFieldValue,
  48. 	dialogTitle,
  49. 	formSubmitURL,
  50. 	idFieldName,
  51. 	idFieldValue,
  52. 	mainFieldLabel,
  53. 	mainFieldName,
  54. 	namespace,
  55. 	onFormSuccess,
  56. 	placeholder,
  57. }) {
  58. 	dispose();
  60. 	render(
  61. 		<SimpleInputModal
  62. 			alert={alert}
  63. 			checkboxFieldLabel={checkboxFieldLabel}
  64. 			checkboxFieldName={checkboxFieldName}
  65. 			checkboxFieldValue={checkboxFieldValue}
  66. 			closeModal={dispose}
  67. 			dialogTitle={dialogTitle}
  68. 			formSubmitURL={formSubmitURL}
  69. 			idFieldName={idFieldName}
  70. 			idFieldValue={idFieldValue}
  71. 			initialVisible="true"
  72. 			mainFieldLabel={mainFieldLabel}
  73. 			mainFieldName={mainFieldName}
  74. 			namespace={namespace}
  75. 			onFormSuccess={onFormSuccess}
  76. 			placeholder={placeholder}
  77. 		/>,
  78. 		DEFAULT_RENDER_DATA,
  79. 		getDefaultModalContainer()
  80. 	);
  81. }
  83. let didEmitDeprecationWarning = false;
  85. /**
  86.  * Function that implements the SimpleInputModal pattern, which allows
  87.  * manipulating small amounts of data with a form shown inside a modal.
  88.  *
  89.  * @deprecated As of Athanasius (7.3.x), replaced by the default export
  90.  */
  91. export function openSimpleInputModal(data) {
  92. 	if (process.env.NODE_ENV === 'development' && !didEmitDeprecationWarning) {
  93. 		console.warn(
  94. 			'The named "openSimpleInputModal" export is deprecated: use the default export instead'
  95. 		);
  97. 		didEmitDeprecationWarning = true;
  98. 	}
  100. 	return openSimpleInputModalImplementation.call(null, data);
  101. }
  103. export default openSimpleInputModalImplementation;