Modify methods and API cleanup

.flowconfig

@@ -12,3 +12,4 @@ module.system.node.resolve_dirname=src
 <PROJECT_ROOT>/.*/gatsby-node.js
 <PROJECT_ROOT>/packages/dataparcels-docs/.*
 <PROJECT_ROOT>/node_modules/react-flip-move/src/.*
+<PROJECT_ROOT>/node_modules/immutable/.*

.size-limit

@@ -4,7 +4,11 @@
         path: "packages/dataparcels/lib/index.js"
     },
     {
-        limit: "30 KB",
+        limit: "25 KB",
+        path: "packages/dataparcels/ParcelShape.js"
+    },
+    {
+        limit: "25 KB",
         path: "packages/react-dataparcels/lib/index.js"
     }
 ]

flow-typed/brokenModules.js

@@ -0,0 +1,3 @@
+declare module "immutable" {
+      declare module.exports: any
+}

package.json

@@ -9,8 +9,8 @@
     "flow": "blueflag-test flow",
     "flow-coverage": "blueflag-test flow-coverage -M",
     "lint": "blueflag-test lint --monorepo",
-    "test": "yarn jest --maxWorkers=4",
-    "test-all": "yarn lint && yarn flow && yarn test --maxWorkers=4 && yarn flow-coverage && yarn size-limit",
+    "test": "yarn build && yarn jest --maxWorkers=1",
+    "test-all": "yarn build && yarn test --maxWorkers=1 && yarn flow && yarn lint && yarn flow-coverage && yarn size-limit",
     "deploy-docs": "yarn lerna --scope dataparcels-docs run deploy",
     "view-coverage": "open ./coverage/lcov-report/index.html",
     "watch": "lerna run watch --parallel --"

packages/dataparcels-docs/src/docs/api/action/Action.md

@@ -3,8 +3,8 @@ import Link from 'component/Link';
 # Action
 
 ```js
-import {Action} from 'dataparcels';
-import {Action} from 'react-dataparcels';
+import Action from 'dataparcels/Action';
+import Action from 'react-dataparcels/Action';
 ```
 
 ```flow

packages/dataparcels-docs/src/docs/api/changeRequest/ChangeRequest.md

@@ -3,8 +3,8 @@ import Link from 'component/Link';
 # ChangeRequest
 
 ```js
-import {ChangeRequest} from 'dataparcels';
-import {ChangeRequest} from 'react-dataparcels';
+import ChangeRequest from 'dataparcels/ChangeRequest';
+import ChangeRequest from 'react-dataparcels/ChangeRequest';
 ```
 
 ```flow

packages/dataparcels-docs/src/docs/api/parcelBoundary/ParcelBoundary.md

@@ -18,7 +18,7 @@ Each ParcelBoundary is passed a Parcel. By default the ParcelBoundary uses pure
 ParcelBoundaries have an internal action buffer that can hold onto changes as they exit the boundary. These are normally released immediately, but also allow for debouncing changes, or putting a hold on all changes so they can be released later.
 
 ```js
-import {ParcelBoundary} from 'react-dataparcels';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 ```
 
 ```js

packages/dataparcels-docs/src/docs/api/parcelBoundaryHoc/ParcelBoundaryHoc.md

@@ -20,7 +20,7 @@ ParcelBoundaryHocs have an internal action buffer that can hold onto changes as
 Unlike <Link to="/api/ParcelBoundary">ParcelBoundary</Link>, it cannot use pure rendering.
 
 ```js
-import {ParcelBoundaryHoc} from 'react-dataparcels';
+import ParcelBoundaryHoc from 'react-dataparcels/ParcelBoundaryHoc';
 ```
 
 ```js

packages/dataparcels-docs/src/docs/api/parcelHoc/ParcelHoc.md

@@ -15,7 +15,7 @@ ParcelHoc is a React higher order component. It's job is to provide a parcel as
 It is recommended that you <Link to="/examples/editing-objects">use ParcelHoc</Link>, rather than <Link to="/examples/managing-your-own-parcel-state">managing your own Parcel state</Link>.
 
 ```js
-import {ParcelHoc} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
 ```
 
 ```flow

packages/dataparcels-docs/src/docs/api/parcelShape/ParcelShape.md

@@ -14,8 +14,8 @@ These exist to be used with <Link to="/shape-updaters">shape updaters</Link>, to
 ParcelShape's methods are a subset of <Link to="/api/Parcel">Parcel</Link>'s methods.
 
 ```js
-import {ParcelShape} from 'dataparcels';
-import {ParcelShape} from 'react-dataparcels';
+import ParcelShape from 'dataparcels/ParcelShape';
+import ParcelShape from 'react-dataparcels/ParcelShape';
 ```
 
 ```flow
@@ -34,4 +34,4 @@ let parcelShape = new ParcelShape(123);
 
 ParcelShapes are used in a very similar way to [Immutable.js Maps and Lists](https://facebook.github.io/immutable-js/docs/), by calling methods that return new and updated ParcelShapes.
 
-TODO
+TODOTODO

packages/dataparcels-docs/src/examples/EditingArrays.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import {ParcelHoc, ParcelBoundary} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 import ExampleHoc from 'component/ExampleHoc';
 
 const FruitListParcelHoc = ParcelHoc({

packages/dataparcels-docs/src/examples/EditingArraysFlipMove.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import FlipMove from 'react-flip-move';
-import {ParcelHoc, ParcelBoundary} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 import ExampleHoc from 'component/ExampleHoc';
 
 const FruitListParcelHoc = ParcelHoc({

packages/dataparcels-docs/src/examples/EditingArraysSortableHoc.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import {ParcelHoc, ParcelBoundary} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 import {SortableContainer, SortableElement} from 'react-sortable-hoc';
 import ExampleHoc from 'component/ExampleHoc';
 

packages/dataparcels-docs/src/examples/EditingObjects.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import {ParcelHoc, ParcelBoundary} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 import ExampleHoc from 'component/ExampleHoc';
 
 const PersonParcelHoc = ParcelHoc({

packages/dataparcels-docs/src/examples/EditingObjectsBeginner.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {ParcelHoc} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
 import ExampleHoc from 'component/ExampleHoc';
 
 const PersonParcelHoc = ParcelHoc({

packages/dataparcels-docs/src/examples/ManagingOwnParcelState.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import Parcel, {ParcelBoundary} from 'react-dataparcels';
+import Parcel from 'react-dataparcels';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 
 export default class ManagingOwnParcelState extends React.Component {
     constructor(props) {

packages/dataparcels-docs/src/examples/ParcelBoundaryDebounce.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import {ParcelHoc, ParcelBoundary} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 import ExampleHoc from 'component/ExampleHoc';
 
 const FoodParcelHoc = ParcelHoc({

packages/dataparcels-docs/src/examples/ParcelBoundaryForceUpdate.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import {ParcelHoc, ParcelBoundary} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 import ExampleHoc from 'component/ExampleHoc';
 
 const ColourParcelHoc = ParcelHoc({

packages/dataparcels-docs/src/examples/ParcelBoundaryHold.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import {ParcelHoc, ParcelBoundary} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 import ExampleHoc from 'component/ExampleHoc';
 
 const NameParcelHoc = ParcelHoc({

packages/dataparcels-docs/src/examples/ParcelBoundaryPure.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import {ParcelHoc, ParcelBoundary} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 import ExampleHoc from 'component/ExampleHoc';
 
 const PersonParcelHoc = ParcelHoc({

packages/dataparcels-docs/src/examples/ParcelHocExample.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {ParcelHoc} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
 import ExampleHoc from 'component/ExampleHoc';
 
 const WordParcelHoc = ParcelHoc({

packages/dataparcels-docs/src/examples/ParcelHocExampleDelayUntil.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {ParcelHoc} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
 import ExampleHoc from 'component/ExampleHoc';
 
 const DelayParcelHoc = ParcelHoc({

packages/dataparcels-docs/src/examples/ParcelHocExampleInitialValueFromProps.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {ParcelHoc} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
 import ExampleHoc from 'component/ExampleHoc';
 
 const WordParcelHoc = ParcelHoc({

packages/dataparcels-docs/src/examples/ParcelHocExampleOnChange.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {ParcelHoc} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
 import ExampleHoc from 'component/ExampleHoc';
 
 const WordParcelHoc = ParcelHoc({

packages/dataparcels-docs/src/examples/ParcelHocUpdateFromProps.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {ParcelHoc} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
 import ExampleHoc from 'component/ExampleHoc';
 import {Box} from 'dcme-style';
 

packages/dataparcels-docs/src/examples/ParcelHocUpdateFromQueryString.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import {ParcelHoc} from 'react-dataparcels';
-import {ParcelBoundary} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 import ExampleHoc from 'component/ExampleHoc';
 import IsRenderingStaticHtml from 'utils/IsRenderingStaticHtml';
 import ReactRouterQueryStringHoc from 'react-cool-storage/lib/ReactRouterQueryStringHoc';

packages/dataparcels-docs/src/pages/examples/editing-arrays.md

@@ -9,7 +9,8 @@ Dataparcels has a powerful set of methods for manipulating indexed data types, s
 
 ```js
 import React from 'react';
-import {ParcelHoc, ParcelBoundary} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 import ExampleHoc from 'component/ExampleHoc';
 
 const FruitListParcelHoc = ParcelHoc({
@@ -59,7 +60,8 @@ Dataparcels' plays nicely with [react-sortable-hoc](https://github.com/clauderic
 
 ```js
 import React from 'react';
-import {ParcelHoc, ParcelBoundary} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 import {SortableContainer, SortableElement} from 'react-sortable-hoc';
 
 const FruitListParcelHoc = ParcelHoc({
@@ -116,7 +118,8 @@ Dataparcels' also plays nicely with [react-flip-move](https://github.com/joshwco
 ```js
 import React from 'react';
 import FlipMove from 'react-flip-move';
-import {ParcelHoc, ParcelBoundary} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 import ExampleHoc from 'component/ExampleHoc';
 
 const FruitListEditor = (props) => {

packages/dataparcels-docs/src/pages/examples/editing-objects.md

@@ -18,7 +18,8 @@ This example demonstrates a pretty typical React setup to do that.
 
 ```js
 import React from 'react';
-import {ParcelHoc, ParcelBoundary} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 
 const PersonParcelHoc = ParcelHoc({
     name: "personParcel",

packages/dataparcels-docs/src/pages/examples/managing-your-own-parcel-state.md

@@ -7,7 +7,8 @@ If you don't want to use the <Link to="/api/ParcelHoc">ParcelHoc higher order co
 
 ```js
 import React from 'react';
-import Parcel, {ParcelBoundary} from 'react-dataparcels';
+import Parcel from 'react-dataparcels';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 
 export default class ManagingOwnParcelState extends React.Component {
     constructor(props) {

packages/dataparcels-docs/src/pages/examples/parcelboundary-debounce.md

@@ -9,7 +9,8 @@ This example demonstrates ParcelBoundary's `debounce` feature. The first field i
 
 ```js
 import React from 'react';
-import {ParcelHoc, ParcelBoundary} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 
 const FoodParcelHoc = ParcelHoc({
     name: "foodParcel",

packages/dataparcels-docs/src/pages/examples/parcelboundary-forceUpdate.md

@@ -11,7 +11,8 @@ The `forceUpdate` option is used to force the ParcelBoundary to update when `opt
 
 ```js
 import React from 'react';
-import {ParcelHoc, ParcelBoundary} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 
 const ColourParcelHoc = ParcelHoc({
     name: "colourParcel",

packages/dataparcels-docs/src/pages/examples/parcelboundary-hold.md

@@ -9,7 +9,8 @@ This example demonstrates ParcelBoundary's `hold` feature.
 
 ```js
 import React from 'react';
-import {ParcelHoc, ParcelBoundary} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 
 const NameParcelHoc = ParcelHoc({
     name: "nameParcel",

packages/dataparcels-docs/src/pages/examples/parcelboundary-pure.md

@@ -11,7 +11,8 @@ Note how the `height` field has a prop of `pure={false}`, and therefore updates
 
 ```js
 import React from 'react';
-import {ParcelHoc, ParcelBoundary} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 
 const PersonParcelHoc = ParcelHoc({
     name: "personParcel",

packages/dataparcels-docs/src/pages/examples/parcelhoc-delayuntil.md

@@ -9,7 +9,7 @@ This example shows how to delay the creation of a Parcel with `ParcelHoc`. The e
 
 ```js
 import React from 'react';
-import {ParcelHoc} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
 
 const DelayParcelHoc = ParcelHoc({
     name: "delayParcel",

packages/dataparcels-docs/src/pages/examples/parcelhoc-example.md

@@ -9,7 +9,7 @@ This example demonstrates a simple usage of `ParcelHoc`.
 
 ```js
 import React from 'react';
-import {ParcelHoc} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
 
 const WordParcelHoc = ParcelHoc({
     name: "wordParcel",

packages/dataparcels-docs/src/pages/examples/parcelhoc-onchange.md

@@ -11,7 +11,7 @@ This example demonstrates a `ParcelHoc` with an initial value that originates fr
 
 ```js
 import React from 'react';
-import {ParcelHoc} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
 
 const WordParcelHoc = ParcelHoc({
     name: "wordParcel",

packages/dataparcels-docs/src/pages/examples/parcelhoc-updatefromprops.md

@@ -28,7 +28,7 @@ When you type in the second input, the ParcelHoc changes and notifies the higher
 
 ```js
 import React from 'react';
-import {ParcelHoc} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
 
 const NameParcelHoc = ParcelHoc({
     name: "nameParcel",
@@ -86,8 +86,8 @@ The same method can be used to allow a ParcelHoc to be controlled by another oth
 
 ```js
 import React from 'react';
-import {ParcelHoc} from 'react-dataparcels';
-import {ParcelBoundary} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 import ReactRouterQueryStringHoc from 'react-cool-storage/lib/ReactRouterQueryStringHoc';
 
 import composeWith from 'unmutable/lib/util/composeWith';

packages/dataparcels-docs/src/pages/examples/parcelhoc-valuefromprops.md

@@ -9,7 +9,7 @@ This example demonstrates a `ParcelHoc` with an initial value that originates fr
 
 ```js
 import React from 'react';
-import {ParcelHoc} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
 
 const WordParcelHoc = ParcelHoc({
     name: "wordParcel",

packages/dataparcels-docs/src/pages/getting-started.md

@@ -43,7 +43,7 @@ We could do something like this.
 
 ```js
 import React from 'react';
-import {ParcelHoc} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
 
 // PLEASE DON'T USE THIS CODE
 // THIS CODE IS FOR DEMONSTRAION PURPOSES ONLY
@@ -99,7 +99,8 @@ This is the same example with a few improvements added: better rendering perform
 
 ```js
 import React from 'react';
-import {ParcelHoc, ParcelBoundary} from 'react-dataparcels';
+import ParcelHoc from 'react-dataparcels/ParcelHoc';
+import ParcelBoundary from 'react-dataparcels/ParcelBoundary';
 
 const PersonParcelHoc = ParcelHoc({
     name: "personParcel",

packages/dataparcels/Action.js

@@ -0,0 +1,2 @@
+/* eslint-disable */
+module.exports = require('./lib/change/Action.js').default;

packages/dataparcels/ChangeRequest.js

@@ -0,0 +1,2 @@
+/* eslint-disable */
+module.exports = require('./lib/change/ChangeRequest.js').default;

packages/dataparcels/DeletedParcelMarker.js

@@ -0,0 +1,2 @@
+/* eslint-disable */
+module.exports = require('./lib/parcelData/DeletedParcelMarker.js').default;

packages/dataparcels/ParcelShape.js

@@ -0,0 +1,2 @@
+/* eslint-disable */
+module.exports = require('./lib/parcelShape/ParcelShape.js').default;