webplatform-tabcontainer

Tab Container - React UI Component

The tab container is a generic react UI that can be consumed to add and switch between different UI tabs on spry

Consuming with Browserify

This package is meant to be consumed using browserify. There is associated CSS which needs to be built. This is done using https://github.com/rotundasoftware/parcelify

Example:

var React = require('react');
var ContainerView = require('@adsk/<tbd>/views/containerView.react');

//Require other React views that you want to use

var MyView = React.createClass({
  render: function() {
    return (
      <ContainerView>
        <div id="pdfScaler" isSelected='true' label="PDF Tools"><h1>PDF Tools</h1></div>
        <ContentBrowser id="contentBrowser" isSelected='false' label="Content Browser" />
        <HelpPanel id="helpPanel" isSelected='false' label="Help Panel" />
      </ContainerView>
    );
  }
});

Grunt Tasks

task name | description --------- | ----------- deploy | Deploys the current build foler to S3. build | Runs the build test | Runs the build, unit_tests, cucumber tests dev | Starts a continuous build, and development server at http://localhost:9001 unit_test | Runs the unit tests karma:watch | Runs the unit tests continously cucumber | Builds, starts a development server, runs cucumber tests. Can pass --cucumbertags=@only to run features that are tagged with @only

Required Environment

ASSET_URL, AWS_ACCESS_KEY, AWS_SECRET_KEY, AWS_ACCESS_PERMISSION, AWS_S3_BUCKET, AWS_ACCESS,
AWS_REGION