merchi_product_form
Version:
A React component for Merchi product forms
68 lines • 9.96 kB
JavaScript
import * as React from 'react';
import { ContentState, convertFromRaw, EditorState } from 'draft-js';
import createAlignmentPlugin from '@draft-js-plugins/alignment';
import createImagePlugin from '@draft-js-plugins/image';
import Editor, { composeDecorators } from '@draft-js-plugins/editor';
import '@draft-js-plugins/text-alignment/lib/plugin.css';
import 'draft-js/dist/Draft.css';
import '@draft-js-plugins/image/lib/plugin.css';
import '@draft-js-plugins/alignment/lib/plugin.css';
import createFocusPlugin from '@draft-js-plugins/focus';
import createVideoPlugin from '@draft-js-plugins/video';
import createBlockDndPlugin from '@draft-js-plugins/drag-n-drop';
import createTextAlignmentPlugin from '@draft-js-plugins/text-alignment';
import { jsx as _jsx } from "react/jsx-runtime";
var textAlignmentPlugin = createTextAlignmentPlugin();
var blockDndPlugin = createBlockDndPlugin();
var alignmentPlugin = createAlignmentPlugin();
var focusPlugin = createFocusPlugin();
export var defaultThemeVideo = {
iframeContainer: 'rte-editor-iframeContainer',
iframe: 'rte-editor-iframe',
invalidVideoSrc: 'rte-editor-invalidVideoSrc',
video: 'rte-editor-video'
};
var decorator = composeDecorators(alignmentPlugin.decorator, blockDndPlugin.decorator, focusPlugin.decorator);
var videoDecorator = composeDecorators(alignmentPlugin.decorator, focusPlugin.decorator);
var imagePlugin = createImagePlugin({
decorator: decorator
});
var videoPlugin = createVideoPlugin({
decorator: videoDecorator,
theme: defaultThemeVideo
});
var plugins = [focusPlugin, alignmentPlugin, blockDndPlugin, imagePlugin, textAlignmentPlugin, videoPlugin];
function VariationFieldInputInstructions(_ref) {
var instructions = _ref.instructions;
var message;
var content;
try {
content = convertFromRaw(JSON.parse(instructions));
} catch (_unused) {
if (!instructions || instructions === '') {
message = '';
} else {
message = instructions;
}
content = ContentState.createFromText(message);
}
var initialEditorState = EditorState.createWithContent(content);
var editorRef = React.useRef(null);
return /*#__PURE__*/_jsx("div", {
className: "variation-field-instructions",
style: {
width: 'auto%'
},
children: /*#__PURE__*/_jsx(Editor, {
onChange: function onChange() {
return null;
},
ref: editorRef,
editorState: initialEditorState,
readOnly: true,
plugins: plugins
})
});
}
export default VariationFieldInputInstructions;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkNvbnRlbnRTdGF0ZSIsImNvbnZlcnRGcm9tUmF3IiwiRWRpdG9yU3RhdGUiLCJjcmVhdGVBbGlnbm1lbnRQbHVnaW4iLCJjcmVhdGVJbWFnZVBsdWdpbiIsIkVkaXRvciIsImNvbXBvc2VEZWNvcmF0b3JzIiwiY3JlYXRlRm9jdXNQbHVnaW4iLCJjcmVhdGVWaWRlb1BsdWdpbiIsImNyZWF0ZUJsb2NrRG5kUGx1Z2luIiwiY3JlYXRlVGV4dEFsaWdubWVudFBsdWdpbiIsImpzeCIsIl9qc3giLCJ0ZXh0QWxpZ25tZW50UGx1Z2luIiwiYmxvY2tEbmRQbHVnaW4iLCJhbGlnbm1lbnRQbHVnaW4iLCJmb2N1c1BsdWdpbiIsImRlZmF1bHRUaGVtZVZpZGVvIiwiaWZyYW1lQ29udGFpbmVyIiwiaWZyYW1lIiwiaW52YWxpZFZpZGVvU3JjIiwidmlkZW8iLCJkZWNvcmF0b3IiLCJ2aWRlb0RlY29yYXRvciIsImltYWdlUGx1Z2luIiwidmlkZW9QbHVnaW4iLCJ0aGVtZSIsInBsdWdpbnMiLCJWYXJpYXRpb25GaWVsZElucHV0SW5zdHJ1Y3Rpb25zIiwiX3JlZiIsImluc3RydWN0aW9ucyIsIm1lc3NhZ2UiLCJjb250ZW50IiwiSlNPTiIsInBhcnNlIiwiX3VudXNlZCIsImNyZWF0ZUZyb21UZXh0IiwiaW5pdGlhbEVkaXRvclN0YXRlIiwiY3JlYXRlV2l0aENvbnRlbnQiLCJlZGl0b3JSZWYiLCJ1c2VSZWYiLCJjbGFzc05hbWUiLCJzdHlsZSIsIndpZHRoIiwiY2hpbGRyZW4iLCJvbkNoYW5nZSIsInJlZiIsImVkaXRvclN0YXRlIiwicmVhZE9ubHkiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tcG9uZW50cy9WYXJpYXRpb25GaWVsZElucHV0SW5zdHJ1Y3Rpb25zLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDb250ZW50U3RhdGUsIGNvbnZlcnRGcm9tUmF3LCBFZGl0b3JTdGF0ZSB9IGZyb20gJ2RyYWZ0LWpzJztcbmltcG9ydCBjcmVhdGVBbGlnbm1lbnRQbHVnaW4gZnJvbSAnQGRyYWZ0LWpzLXBsdWdpbnMvYWxpZ25tZW50JztcbmltcG9ydCBjcmVhdGVJbWFnZVBsdWdpbiBmcm9tICdAZHJhZnQtanMtcGx1Z2lucy9pbWFnZSc7XG5pbXBvcnQgRWRpdG9yLCB7IGNvbXBvc2VEZWNvcmF0b3JzIH0gZnJvbSAnQGRyYWZ0LWpzLXBsdWdpbnMvZWRpdG9yJztcbmltcG9ydCAnQGRyYWZ0LWpzLXBsdWdpbnMvdGV4dC1hbGlnbm1lbnQvbGliL3BsdWdpbi5jc3MnO1xuaW1wb3J0ICdkcmFmdC1qcy9kaXN0L0RyYWZ0LmNzcyc7XG5pbXBvcnQgJ0BkcmFmdC1qcy1wbHVnaW5zL2ltYWdlL2xpYi9wbHVnaW4uY3NzJztcbmltcG9ydCAnQGRyYWZ0LWpzLXBsdWdpbnMvYWxpZ25tZW50L2xpYi9wbHVnaW4uY3NzJztcblxuaW1wb3J0IGNyZWF0ZUZvY3VzUGx1Z2luIGZyb20gJ0BkcmFmdC1qcy1wbHVnaW5zL2ZvY3VzJztcbmltcG9ydCBjcmVhdGVWaWRlb1BsdWdpbiBmcm9tICdAZHJhZnQtanMtcGx1Z2lucy92aWRlbyc7XG5pbXBvcnQgY3JlYXRlQmxvY2tEbmRQbHVnaW4gZnJvbSAnQGRyYWZ0LWpzLXBsdWdpbnMvZHJhZy1uLWRyb3AnO1xuaW1wb3J0IGNyZWF0ZVRleHRBbGlnbm1lbnRQbHVnaW4gZnJvbSAnQGRyYWZ0LWpzLXBsdWdpbnMvdGV4dC1hbGlnbm1lbnQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFZpZGVvUGx1Z2luVGhlbWUge1xuICBpZnJhbWVDb250YWluZXI6IHN0cmluZztcbiAgaWZyYW1lOiBzdHJpbmc7XG4gIGludmFsaWRWaWRlb1NyYzogc3RyaW5nO1xuICB2aWRlbzogc3RyaW5nO1xufVxuXG5jb25zdCB0ZXh0QWxpZ25tZW50UGx1Z2luID0gY3JlYXRlVGV4dEFsaWdubWVudFBsdWdpbigpO1xuY29uc3QgYmxvY2tEbmRQbHVnaW4gPSBjcmVhdGVCbG9ja0RuZFBsdWdpbigpO1xuY29uc3QgYWxpZ25tZW50UGx1Z2luID0gY3JlYXRlQWxpZ25tZW50UGx1Z2luKCk7XG5jb25zdCBmb2N1c1BsdWdpbiA9IGNyZWF0ZUZvY3VzUGx1Z2luKCk7XG5cbmV4cG9ydCBjb25zdCBkZWZhdWx0VGhlbWVWaWRlbzogVmlkZW9QbHVnaW5UaGVtZSA9IHtcbiAgaWZyYW1lQ29udGFpbmVyOiAncnRlLWVkaXRvci1pZnJhbWVDb250YWluZXInLFxuICBpZnJhbWU6ICdydGUtZWRpdG9yLWlmcmFtZScsXG4gIGludmFsaWRWaWRlb1NyYzogJ3J0ZS1lZGl0b3ItaW52YWxpZFZpZGVvU3JjJyxcbiAgdmlkZW86ICdydGUtZWRpdG9yLXZpZGVvJyxcbn07XG5cbmNvbnN0IGRlY29yYXRvcjphbnkgPSBjb21wb3NlRGVjb3JhdG9ycyhcbiAgYWxpZ25tZW50UGx1Z2luLmRlY29yYXRvcixcbiAgYmxvY2tEbmRQbHVnaW4uZGVjb3JhdG9yLFxuICBmb2N1c1BsdWdpbi5kZWNvcmF0b3IsXG4pO1xuXG5jb25zdCB2aWRlb0RlY29yYXRvcjphbnkgPSBjb21wb3NlRGVjb3JhdG9ycyhcbiAgYWxpZ25tZW50UGx1Z2luLmRlY29yYXRvcixcbiAgZm9jdXNQbHVnaW4uZGVjb3JhdG9yLFxuKTtcblxuY29uc3QgaW1hZ2VQbHVnaW4gPSBjcmVhdGVJbWFnZVBsdWdpbih7XG4gIGRlY29yYXRvcixcbn0pO1xuXG5jb25zdCB2aWRlb1BsdWdpbiA9IGNyZWF0ZVZpZGVvUGx1Z2luKHtcbiAgZGVjb3JhdG9yOiB2aWRlb0RlY29yYXRvcixcbiAgdGhlbWU6IGRlZmF1bHRUaGVtZVZpZGVvLFxufSk7XG5cbmNvbnN0IHBsdWdpbnM6IGFueSA9IFtcbiAgZm9jdXNQbHVnaW4sXG4gIGFsaWdubWVudFBsdWdpbixcbiAgYmxvY2tEbmRQbHVnaW4sXG4gIGltYWdlUGx1Z2luLFxuICB0ZXh0QWxpZ25tZW50UGx1Z2luLFxuICB2aWRlb1BsdWdpbixcbl07XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGluc3RydWN0aW9uczogc3RyaW5nO1xufVxuXG5mdW5jdGlvbiBWYXJpYXRpb25GaWVsZElucHV0SW5zdHJ1Y3Rpb25zKCB7IGluc3RydWN0aW9ucyB9OiBQcm9wcykge1xuICBsZXQgbWVzc2FnZTtcbiAgbGV0IGNvbnRlbnQ7XG4gIHRyeSB7XG4gICAgY29udGVudCA9IGNvbnZlcnRGcm9tUmF3KEpTT04ucGFyc2UoaW5zdHJ1Y3Rpb25zKSk7XG4gIH0gY2F0Y2gge1xuICAgIGlmICghaW5zdHJ1Y3Rpb25zICB8fCBpbnN0cnVjdGlvbnMgPT09ICcnKSB7XG4gICAgICBtZXNzYWdlID0gJyc7XG4gICAgfSBlbHNlIHtcbiAgICAgIG1lc3NhZ2UgPSBpbnN0cnVjdGlvbnM7XG4gICAgfVxuICAgIGNvbnRlbnQgPSBDb250ZW50U3RhdGUuY3JlYXRlRnJvbVRleHQobWVzc2FnZSk7XG4gIH1cbiAgY29uc3QgaW5pdGlhbEVkaXRvclN0YXRlID0gRWRpdG9yU3RhdGUuY3JlYXRlV2l0aENvbnRlbnQoY29udGVudCk7XG4gIGNvbnN0IGVkaXRvclJlZiA9IFJlYWN0LnVzZVJlZjxFZGl0b3I+KG51bGwpO1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPVwidmFyaWF0aW9uLWZpZWxkLWluc3RydWN0aW9uc1wiIHN0eWxlPXt7IHdpZHRoOiAnYXV0byUnIH19PlxuICAgICAgPEVkaXRvclxuICAgICAgICBvbkNoYW5nZT17KCkgPT4gbnVsbH1cbiAgICAgICAgcmVmPXtlZGl0b3JSZWZ9XG4gICAgICAgIGVkaXRvclN0YXRlPXtpbml0aWFsRWRpdG9yU3RhdGV9XG4gICAgICAgIHJlYWRPbmx5PXt0cnVlfVxuICAgICAgICBwbHVnaW5zPXtwbHVnaW5zfVxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgVmFyaWF0aW9uRmllbGRJbnB1dEluc3RydWN0aW9ucztcbiJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLQSxLQUFLLE1B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