superdesk-ui-framework 3.0.20 → 3.0.23

package/dist/vendor.bundle.js

@@ -7,7 +7,7 @@
 		var a = typeof exports === 'object' ? factory(require("react"), require("react-dom")) : factory(root["react"], root["react-dom"]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_8__) {
+})(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_7__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
@@ -70,7 +70,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	__webpack_require__.p = "";
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 564);
+/******/ 	return __webpack_require__(__webpack_require__.s = 565);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -28246,7 +28246,7 @@ module.exports = function(module) {
 
 /***/ }),
 
-/***/ 564:
+/***/ 565:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -28256,19 +28256,19 @@ __webpack_require__(27);
 
 __webpack_require__(42);
 
-__webpack_require__(565);
+__webpack_require__(566);
 
-__webpack_require__(567);
+__webpack_require__(568);
 
-__webpack_require__(569);
+__webpack_require__(570);
 
 __webpack_require__(0);
 
-__webpack_require__(8);
+__webpack_require__(7);
 
 /***/ }),
 
-/***/ 565:
+/***/ 566:
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -28292,7 +28292,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 	if ( true ) {
 
 		// AMD. Register as an anonymous module.
-		!(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(42), __webpack_require__(566) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+		!(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(42), __webpack_require__(567) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -29030,7 +29030,7 @@ return $.widget;
 
 /***/ }),
 
-/***/ 566:
+/***/ 567:
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;( function( factory ) {
@@ -29060,16 +29060,16 @@ return $.ui.version = "1.13.0";
 
 /***/ }),
 
-/***/ 567:
+/***/ 568:
 /***/ (function(module, exports, __webpack_require__) {
 
-__webpack_require__(568);
+__webpack_require__(569);
 module.exports = angular;
 
 
 /***/ }),
 
-/***/ 568:
+/***/ 569:
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(__webpack_provided_window_dot_jQuery) {/**
@@ -65676,16 +65676,16 @@ $provide.value("$locale", {
 
 /***/ }),
 
-/***/ 569:
+/***/ 570:
 /***/ (function(module, exports, __webpack_require__) {
 
-__webpack_require__(570);
+__webpack_require__(571);
 module.exports = 'ngAnimate';
 
 
 /***/ }),
 
-/***/ 570:
+/***/ 571:
 /***/ (function(module, exports) {
 
 /**
@@ -69964,10 +69964,10 @@ angular.module('ngAnimate', [], function initAngularHelpers() {
 
 /***/ }),
 
-/***/ 8:
+/***/ 7:
 /***/ (function(module, exports) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE_8__;
+module.exports = __WEBPACK_EXTERNAL_MODULE_7__;
 
 /***/ })
 

package/examples/pages/react/Panel.tsx

@@ -2,6 +2,7 @@ import * as React from 'react';
 import * as Markup from '../../js/react';
 import { PropsList, Prop, Button, ButtonGroup, IconButton, Label, SlidingToolbar } from '../../../app-typescript';
 import * as PanelElements from '../../../app-typescript/components/Layouts/Panel';
+import {Rotate} from '../../../app-typescript/components/Rotate';
 
 interface IProps {
     children?: React.ReactNode;
@@ -13,26 +14,22 @@ interface IState {
     openPanel3: boolean;
     openPanel4: boolean;
     openToolbar1: boolean;
+    rotate: boolean;
 }
 
 export default class PanelDoc extends React.Component<IProps, IState> {
      constructor(props: IProps) {
          super(props);
          this.state = {
-             openPanel1: true,
-             openPanel2: true,
-             openPanel3: true,
-             openPanel4: true,
-             openToolbar1: true
+            openPanel1: true,
+            openPanel2: true,
+            openPanel3: true,
+            openPanel4: true,
+            openToolbar1: true,
+            rotate: false,
          }
     }
 
-    // handlePanel() {
-    //     this.setState((state) => ({
-    //         openPanel: !state.openPanel,
-    //     }));
-    // }
-
     render() {
         return (
             <section className='docs-page__container'>
@@ -67,7 +64,15 @@ export default class PanelDoc extends React.Component<IProps, IState> {
                                 </div> 
                             }
                             <PanelElements.Panel side='left' background='light' open={this.state.openPanel1} size='x-small'>
-                                <PanelElements.PanelHeader title='This is the title for the Panel' onClose={() => this.setState({'openPanel1': false})}>
+                                <PanelElements.PanelHeader
+                                    title='This is the title for the Panel'
+                                    onClose={() => this.setState({'openPanel1': false})}
+                                    iconButtons={[
+                                        <Rotate degrees={this.state.rotate ? 90 : 0}>
+                                            <IconButton ariaValue='Pin' icon='pin' onClick={() => this.setState({rotate: !this.state.rotate})} />
+                                        </Rotate>,
+                                    ]}
+                                >
                                 </PanelElements.PanelHeader>
                                 <PanelElements.PanelContent>
                                     <PanelElements.PanelContentBlock>
@@ -91,15 +96,28 @@ export default class PanelDoc extends React.Component<IProps, IState> {
                                 <Button text="Open Panel" style="filled" onClick={() => this.setState({'openPanel1': true})} />
                             </div> 
                         }
+
                         <PanelElements.Panel side='left' background='light' open={this.state.openPanel1} size='x-small'>
-                            <PanelElements.PanelHeader title='This is the title for the Panel' onClose={() => this.setState({'openPanel1': false})}>
+                            <PanelElements.PanelHeader
+                                title='This is the title for the Panel'
+                                onClose={() => this.setState({'openPanel1': false})}
+                                iconButtons={[
+                                    <Rotate degrees={this.state.rotate ? 90 : 0}>
+                                        <IconButton ariaValue='Pin' icon='pin' onClick={() => this.setState({rotate: !this.state.rotate})} />
+                                    </Rotate>,
+                                ]}
+                            >
                             </PanelElements.PanelHeader>
+
                             <PanelElements.PanelContent>
                                 <PanelElements.PanelContentBlock>
-                                    <p className='sd-margin-b--2'>Maecenas sed diam eget risus varius blandit sit amet non magna...</p>
-                                    <p>Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada...</p>
+                                    <p className='sd-margin-b--2'>Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas faucibus mollis interdum.
+                                        Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+                                    <p>Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis
+                                        vestibulum. Nullam quis risus eget urna mollis ornare vel eu leo. Curabitur blandit tempus porttitor. Aenean lacinia bibendum nulla sed consectetur.</p>
                                 </PanelElements.PanelContentBlock>
                             </PanelElements.PanelContent>
+
                             <PanelElements.PanelFooter>
                                 <Button text='Clear' style='hollow' onClick={() => false} />
                                 <Button text='Submit' type='primary' onClick={() => false} />
@@ -345,6 +363,7 @@ export default class PanelDoc extends React.Component<IProps, IState> {
                     <Prop name='theme' isRequired={false} type='light | dark' default='/' description='Explicitly define the theme just for the of Panel Header. All child elements and the content inside the Header will inherit the selected theme.'/>
                     <Prop name='color' isRequired={false} type='light | darker | blueGrey | blueGreyDarker' default='light' description='Background colour of the Panel Header. blueGrey and blueGreyDarker will also change the text colour to white.'/>
                     <Prop name='ClassName' isRequired={false} type='string' default='false' description='Add custom or helper classes to modify the default behaviour if needed. Use only if necessary.'/>
+                    <Prop name='iconButtons' isRequired={false} type='Aarray' default='false' description='Array of JSX Elements.'/>
                 </PropsList>
 
                 <p className="docs-page__paragraph">PanelContent</p>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "superdesk-ui-framework",
-  "version": "3.0.20",
+  "version": "3.0.23",
   "license": "AGPL-3.0",
   "repository": {
     "type": "git",

package/react/components/Icon.d.ts

@@ -4,7 +4,7 @@ interface IProps {
     size?: 'small' | 'big';
     type?: 'default' | 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'light' | 'white';
     className?: string;
-    scale?: '2x' | '3x' | '4x';
+    scale?: '1.5x' | '2x' | '3x' | '4x';
     ariaHidden?: boolean;
     color?: string;
 }

package/react/components/Layouts/Panel.d.ts

@@ -18,6 +18,7 @@ interface IPropsPanelHeader {
     theme?: 'light-ui' | 'dark-ui';
     className?: string;
     onClose?(): void;
+    iconButtons?: Array<React.ReactNode>;
 }
 declare class PanelHeader extends React.PureComponent<IPropsPanelHeader> {
     constructor(props: IPropsPanelHeader);
@@ -63,4 +64,4 @@ interface IPropsPanelTools {
 declare class PanelTools extends React.PureComponent<IPropsPanelTools> {
     render(): JSX.Element;
 }
-export { Panel, PanelHeader, PanelContent, PanelContentBlock, PanelFooter, PanelHeaderSlidingToolbar, PanelTools };
+export { Panel, PanelHeader, PanelContent, PanelContentBlock, PanelFooter, PanelHeaderSlidingToolbar, PanelTools, };

package/react/components/Layouts/Panel.js

@@ -43,10 +43,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PanelTools = exports.PanelHeaderSlidingToolbar = exports.PanelFooter = exports.PanelContentBlock = exports.PanelContent = exports.PanelHeader = exports.Panel = void 0;
 var React = __importStar(require("react"));
-var Icon_1 = require("../Icon");
 var IconButton_1 = require("../IconButton");
 var Spinner_1 = require("../Spinner");
 var classnames_1 = __importDefault(require("classnames"));
+var ButtonGroup_1 = require("../ButtonGroup");
 var Panel = /** @class */ (function (_super) {
     __extends(Panel, _super);
     function Panel() {
@@ -77,23 +77,26 @@ var PanelHeader = /** @class */ (function (_super) {
     }
     PanelHeader.prototype.render = function () {
         var _a;
-        var _this = this;
         var darkColors = ['blueGrey', 'blueGreyDarker'];
         var classes = (0, classnames_1.default)('side-panel__header side-panel__header--border-b', (_a = {},
             _a["side-panel__header--".concat(this.props.color)] = this.props.color || this.props.color !== undefined,
             _a['side-panel__header--has-close'] = this.props.onClose,
             _a), this.props.className);
         var style = {
-            zIndex: 10 + (this.props.zIndex ? this.props.zIndex : 0),
+            zIndex: this.props.zIndex ? this.props.zIndex : 10,
         };
         var defaultTheme = darkColors.includes(this.props.color || '') ? 'dark-ui' : null;
         return (React.createElement("div", { "data-theme": this.props.theme || defaultTheme, className: classes, style: style },
-            this.props.onClose ?
-                React.createElement("a", { className: "icn-btn side-panel__close", onClick: function () { return _this.props.onClose ? _this.props.onClose() : false; } },
-                    React.createElement(Icon_1.Icon, { name: 'close-small' })) : null,
-            this.props.title &&
-                React.createElement("div", { className: "side-panel__header-inner" },
-                    React.createElement("h3", { className: "side-panel__heading" }, this.props.title)),
+            React.createElement("div", { className: 'side-panel__header-wrapper' },
+                this.props.title != null
+                    && React.createElement("div", { className: "side-panel__header-inner" },
+                        React.createElement("h3", { className: "side-panel__heading" }, this.props.title)),
+                (this.props.onClose == null && this.props.iconButtons == null)
+                    || (React.createElement(ButtonGroup_1.ButtonGroup, { align: 'end', spaces: 'no-space', className: 'side-panel__btn-group' },
+                        this.props.iconButtons != null
+                            && this.props.iconButtons,
+                        this.props.onClose != null
+                            && React.createElement(IconButton_1.IconButton, { icon: 'close-small', ariaValue: 'Close', onClick: this.props.onClose })))),
             this.props.children));
     };
     return PanelHeader;
@@ -106,11 +109,11 @@ var PanelContent = /** @class */ (function (_super) {
     }
     PanelContent.prototype.render = function () {
         return (React.createElement("div", { className: "side-panel__content" },
-            this.props.loading ?
-                React.createElement(Spinner_1.LoadingOverlay, null,
-                    React.createElement(Spinner_1.Spinner, { size: "large" })) : null,
-            this.props.empty ?
-                React.createElement(Spinner_1.LoadingOverlay, null, this.props.emptyTemplate) : null,
+            this.props.loading
+                && React.createElement(Spinner_1.LoadingOverlay, null,
+                    React.createElement(Spinner_1.Spinner, { size: "large" })),
+            this.props.empty
+                && React.createElement(Spinner_1.LoadingOverlay, null, this.props.emptyTemplate),
             this.props.children));
     };
     return PanelContent;

package/react/components/Rotate.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface IPropsRotate {
+    children: React.ReactNode;
+    degrees: number;
+}
+export declare class Rotate extends React.PureComponent<IPropsRotate> {
+    render(): JSX.Element;
+}
+export {};

package/react/components/Rotate.js

@@ -0,0 +1,55 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Rotate = void 0;
+var React = __importStar(require("react"));
+var Rotate = /** @class */ (function (_super) {
+    __extends(Rotate, _super);
+    function Rotate() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Rotate.prototype.render = function () {
+        return (React.createElement("div", { style: {
+                transform: "rotate(".concat(this.props.degrees, "deg)"),
+            } }, this.props.children));
+    };
+    return Rotate;
+}(React.PureComponent));
+exports.Rotate = Rotate;

package/react/index.d.ts

@@ -14,6 +14,7 @@ export { AvatarContentImage } from './components/avatar/avatar-image';
 export { AvatarGroup } from './components/avatar/avatar-group';
 export { Avatar } from './components/avatar/avatar';
 export { AvatarPlaceholder } from './components/avatar/avatar-placeholder';
+export { Rotate } from './components/Rotate';
 export { IconButton } from './components/IconButton';
 export { IconLabel } from './components/IconLabel';
 export { Tooltip } from './components/Tooltip';

package/react/index.js

@@ -16,9 +16,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeadingText = exports.ContentDivider = exports.Divider = exports.Icon = exports.Prop = exports.PropsList = exports.StrechBar = exports.SlidingToolbar = exports.SubNavDivider = exports.SubNav = exports.LeftMenu = exports.TabList = exports.Tab = exports.NavButton = exports.CheckButtonGroup = exports.CheckGroup = exports.CheckboxButton = exports.RadioButtonGroup = exports.Checkbox = exports.RadioGroup = exports.Loader = exports.ButtonGroup = exports.SwitchGroup = exports.Switch = exports.FormLabel = exports.TimePicker = exports.DatePickerISO = exports.DatePicker = exports.getDurationString = exports.DurationInput = exports.Tooltip = exports.IconLabel = exports.IconButton = exports.AvatarPlaceholder = exports.Avatar = exports.AvatarGroup = exports.AvatarContentImage = exports.AvatarContentText = exports.AvatarWrapper = exports.Alert = exports.Badge = exports.Label = exports.Popover = exports.WithPagination = exports.SelectWithTemplate = exports.Option = exports.Select = exports.Input = exports.Button = exports.HelloWorld = void 0;
-exports.TableList = exports.TreeSelect = exports.BottomNav = exports.Heading = exports.Time = exports.Text = exports.LoadingOverlay = exports.Spinner = exports.ListItemLoader = exports.Skeleton = exports.WithSizeObserver = exports.SearchBar = exports.CreateButton = exports.DropZone = exports.ThemeSelector = exports.IconPicker = exports.SelectGrid = exports.ToggleBox = exports.Menu = exports.toasted = exports.GridItemCheckWrapper = exports.GridItemTopActions = exports.GridItemFooterActions = exports.GridItemFooterBlock = exports.GridItemSlug = exports.GridItemText = exports.GridItemTitle = exports.GridItemTime = exports.GridItemContentBlock = exports.GridItemFooter = exports.GridItemMedia = exports.GridItemContent = exports.GridItem = exports.GridList = exports.Modal = exports.Carousel = exports.DonutChart = exports.Autocomplete = exports.EmptyState = exports.Tabs = exports.TabContent = exports.TabPanel = exports.TabLabel = exports.TagInput = exports.Tag = exports.Dropdown = exports.DropdownDivider = exports.DropdownLabel = exports.DropdownItem = exports.DropdownFirst = void 0;
-exports.SpacerBlock = exports.Spacer = exports.WithPopover = exports.ResizablePanels = exports.MultiSelect = exports.ContentListItem = exports.TableListItem = void 0;
+exports.ContentDivider = exports.Divider = exports.Icon = exports.Prop = exports.PropsList = exports.StrechBar = exports.SlidingToolbar = exports.SubNavDivider = exports.SubNav = exports.LeftMenu = exports.TabList = exports.Tab = exports.NavButton = exports.CheckButtonGroup = exports.CheckGroup = exports.CheckboxButton = exports.RadioButtonGroup = exports.Checkbox = exports.RadioGroup = exports.Loader = exports.ButtonGroup = exports.SwitchGroup = exports.Switch = exports.FormLabel = exports.TimePicker = exports.DatePickerISO = exports.DatePicker = exports.getDurationString = exports.DurationInput = exports.Tooltip = exports.IconLabel = exports.IconButton = exports.Rotate = exports.AvatarPlaceholder = exports.Avatar = exports.AvatarGroup = exports.AvatarContentImage = exports.AvatarContentText = exports.AvatarWrapper = exports.Alert = exports.Badge = exports.Label = exports.Popover = exports.WithPagination = exports.SelectWithTemplate = exports.Option = exports.Select = exports.Input = exports.Button = exports.HelloWorld = void 0;
+exports.TreeSelect = exports.BottomNav = exports.Heading = exports.Time = exports.Text = exports.LoadingOverlay = exports.Spinner = exports.ListItemLoader = exports.Skeleton = exports.WithSizeObserver = exports.SearchBar = exports.CreateButton = exports.DropZone = exports.ThemeSelector = exports.IconPicker = exports.SelectGrid = exports.ToggleBox = exports.Menu = exports.toasted = exports.GridItemCheckWrapper = exports.GridItemTopActions = exports.GridItemFooterActions = exports.GridItemFooterBlock = exports.GridItemSlug = exports.GridItemText = exports.GridItemTitle = exports.GridItemTime = exports.GridItemContentBlock = exports.GridItemFooter = exports.GridItemMedia = exports.GridItemContent = exports.GridItem = exports.GridList = exports.Modal = exports.Carousel = exports.DonutChart = exports.Autocomplete = exports.EmptyState = exports.Tabs = exports.TabContent = exports.TabPanel = exports.TabLabel = exports.TagInput = exports.Tag = exports.Dropdown = exports.DropdownDivider = exports.DropdownLabel = exports.DropdownItem = exports.DropdownFirst = exports.HeadingText = void 0;
+exports.SpacerBlock = exports.Spacer = exports.WithPopover = exports.ResizablePanels = exports.MultiSelect = exports.ContentListItem = exports.TableListItem = exports.TableList = void 0;
 var HelloWorld_1 = require("./components/HelloWorld");
 Object.defineProperty(exports, "HelloWorld", { enumerable: true, get: function () { return HelloWorld_1.HelloWorld; } });
 var Button_1 = require("./components/Button");
@@ -52,6 +52,8 @@ var avatar_1 = require("./components/avatar/avatar");
 Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return avatar_1.Avatar; } });
 var avatar_placeholder_1 = require("./components/avatar/avatar-placeholder");
 Object.defineProperty(exports, "AvatarPlaceholder", { enumerable: true, get: function () { return avatar_placeholder_1.AvatarPlaceholder; } });
+var Rotate_1 = require("./components/Rotate");
+Object.defineProperty(exports, "Rotate", { enumerable: true, get: function () { return Rotate_1.Rotate; } });
 var IconButton_1 = require("./components/IconButton");
 Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return IconButton_1.IconButton; } });
 var IconLabel_1 = require("./components/IconLabel");