@react-ag-components/my-printer

my-printer

React my-printer component for external web apps

Usage

Install

npm i @react-ag-components/my-printer --save

Use in your project

import ContactPerson from '@react-ag-components/my-printer'

let commodities = [
  {value: "D",label: "Dairy (Just For Testing)"},
  {value: "F",label: "Fish (Just For Testing)"},
  {value: "H",label: "Hort (For Testing Only)"},
  {value: "X",label: "All Other Goods"}
]

let activeCommodities = ["X"]

<Commodities
  ref="commodities"
  commodities={this.state.commodities}
  activeCommodities={this.state.activeCommodities}
  onlyShowCommodities={true}
  standAlonePage={false}
  myPrinterMsg={this.updateMsg}
/>

updateMsg = status => {
  this.setState((prevState, props) => ({
    [status.type]: status.msg
  }));
  if (status.msg !== "") {
    window.scroll(0, 0);
  }
};

Properties

prop	Type	Note
commodities	object	data.commodities
activeCommodities	object	data.activeCommodities
onlyShowCommodities	state	so we can use it for Export Commodities
standAlonePage	boolean	Has own Save button
myPrinterMsg	object	update parent page state

Contributing

Get the repository

git clone https://github.com/alphillips/my-printer-component.git

Update dependencies

npm install

Run the project

npm start

Deploy to npm

Build

npm run build -- --copy-files

Publish

npm publish --access public