@performant-software/shared-components 1.0.8-beta.0 → 1.0.8-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/shared-components",
-  "version": "1.0.8-beta.0",
+  "version": "1.0.8-beta.2",
   "description": "A package of shared, framework agnostic, components.",
   "license": "MIT",
   "main": "./build/index.js",

package/src/components/RichTextArea.css

@@ -1,3 +1,5 @@
+@import 'react-quill/dist/quill.snow.css';
+
 .rich-text-area.quill {
   width: 100%;
 }

package/src/components/RichTextArea.js

@@ -2,7 +2,6 @@
 
 import React, { lazy } from 'react';
 import withSuspense from '../hooks/Suspense';
-import 'react-quill/dist/quill.snow.css';
 import './RichTextArea.css';
 
 type Props = {
@@ -13,32 +12,30 @@ type Props = {
   value: ?string
 };
 
+const ReactQuill = lazy(() => import('react-quill'));
+
 const SEARCH_EMPTY = '<p><br></p>';
 const REPLACE_EMPTY = '';
 
-const RichTextArea = withSuspense((props: Props) => {
-  const ReactQuill = lazy(() => import('react-quill'));
-
-  return (
-    <ReactQuill
-      className='rich-text-area'
-      formats={props.formats}
-      modules={props.modules}
-      onChange={(value) => {
-        let newValue = value;
+const RichTextArea = withSuspense((props: Props) => (
+  <ReactQuill
+    className='rich-text-area'
+    formats={props.formats}
+    modules={props.modules}
+    onChange={(value) => {
+      let newValue = value;
 
-        if (value === SEARCH_EMPTY) {
-          newValue = REPLACE_EMPTY;
-        }
+      if (value === SEARCH_EMPTY) {
+        newValue = REPLACE_EMPTY;
+      }
 
-        props.onChange(newValue);
-      }}
-      placeholder={props.placeholder}
-      theme='snow'
-      value={props.value}
-    />
-  );
-});
+      props.onChange(newValue);
+    }}
+    placeholder={props.placeholder}
+    theme='snow'
+    value={props.value}
+  />
+));
 
 RichTextArea.defaultProps = {
   formats: [

package/types/components/RichTextArea.js.flow

@@ -2,7 +2,6 @@
 
 import React, { lazy } from 'react';
 import withSuspense from '../hooks/Suspense';
-import 'react-quill/dist/quill.snow.css';
 import './RichTextArea.css';
 
 type Props = {
@@ -13,32 +12,30 @@ type Props = {
   value: ?string
 };
 
+const ReactQuill = lazy(() => import('react-quill'));
+
 const SEARCH_EMPTY = '<p><br></p>';
 const REPLACE_EMPTY = '';
 
-const RichTextArea = withSuspense((props: Props) => {
-  const ReactQuill = lazy(() => import('react-quill'));
-
-  return (
-    <ReactQuill
-      className='rich-text-area'
-      formats={props.formats}
-      modules={props.modules}
-      onChange={(value) => {
-        let newValue = value;
+const RichTextArea = withSuspense((props: Props) => (
+  <ReactQuill
+    className='rich-text-area'
+    formats={props.formats}
+    modules={props.modules}
+    onChange={(value) => {
+      let newValue = value;
 
-        if (value === SEARCH_EMPTY) {
-          newValue = REPLACE_EMPTY;
-        }
+      if (value === SEARCH_EMPTY) {
+        newValue = REPLACE_EMPTY;
+      }
 
-        props.onChange(newValue);
-      }}
-      placeholder={props.placeholder}
-      theme='snow'
-      value={props.value}
-    />
-  );
-});
+      props.onChange(newValue);
+    }}
+    placeholder={props.placeholder}
+    theme='snow'
+    value={props.value}
+  />
+));
 
 RichTextArea.defaultProps = {
   formats: [

package/webpack.config.js

@@ -1,3 +1,13 @@
 const { configure } = require('@performant-software/webpack-config');
+const path = require('path');
 
-module.exports = configure(__dirname);
+module.exports = configure(__dirname, {
+  resolve: {
+    alias: {
+      './react-quill/dist/quill.snow.css$': path.resolve(
+        __dirname,
+        '../../node_modules/react-quill/dist/quill.snow.css'
+      )
+    }
+  }
+});