superdesk-ui-framework 4.0.38 → 4.0.40

package/app-typescript/components/Lists/CalendarWeekDayItem.tsx

@@ -12,8 +12,7 @@ interface IPropsItem {
     onClick?(): void;
 }
 
-class CalendarWeekDayItem extends React.PureComponent<IPropsItem> {
-
+export class CalendarWeekDayItem extends React.PureComponent<IPropsItem> {
     render() {
         let classes = classNames('calendar-week-day__item', {
             'calendar-week-day__item--clickable': this.props.clickable === true,
@@ -23,6 +22,7 @@ class CalendarWeekDayItem extends React.PureComponent<IPropsItem> {
             'calendar-week-day__item--hidden': this.props.hidden,
             [`calendar-week-day__item--${this.props.state}`]: this.props.state || this.props.state !== undefined,
         });
+
         return (
             <div className={classes}>
                 {this.props.children}
@@ -31,6 +31,22 @@ class CalendarWeekDayItem extends React.PureComponent<IPropsItem> {
     }
 }
 
-export {
-    CalendarWeekDayItem
-};
+export class WeeklyCalendarGrid extends React.PureComponent<{style?: React.CSSProperties}> {
+    render() {
+        return (
+            <div className="calendar-user-week-row" style={this.props.style}>
+                {this.props.children}
+            </div>
+        );
+    }
+}
+
+export class WeeklyCalendarGridItem extends React.PureComponent {
+    render() {
+        return (
+            <div className="calendar-week-day__container">
+                {this.props.children}
+            </div>
+        );
+    }
+}

package/app-typescript/components/Text/Text.tsx

@@ -10,6 +10,7 @@ interface IProps {
     size?: 'x-small' | 'small' | 'medium' | 'large';
     color?: 'normal' | 'light' | 'lighter';
     fontStyle?: 'sans' | 'serif';
+    noMargin?: boolean;
 }
 
 export class Text extends React.PureComponent<IProps> {
@@ -27,8 +28,14 @@ export class Text extends React.PureComponent<IProps> {
             [`sd-text-color--${this.props.color}`]: this.props.color && this.props.color !== 'normal',
         }, this.props.className);
 
+        const styles: React.CSSProperties = {};
+
+        if (this.props.noMargin === true) {
+            styles.margin = 0;
+        }
+
         return (
-            <p className={classes}>
+            <p className={classes} style={styles}>
                 {this.props.children}
             </p>
         );

package/app-typescript/index.ts

@@ -9,6 +9,7 @@ export { SelectWithTemplate } from './components/SelectWithTemplate';
 export { WithPagination } from './components/WithPagination';
 export { Popover } from './components/Popover';
 export { Label } from './components/Label';
+export { Card } from './components/Card';
 export { Badge } from './components/Badge';
 export { Alert } from './components/Alert';
 export { AvatarWrapper } from './components/avatar/avatar-wrapper';
@@ -106,7 +107,7 @@ export { Spacer, SpacerBlock } from '@superdesk/common';
 export { ResizeObserverComponent } from './components/ResizeObserverComponent';
 export { DragHandleDots } from './components/DragHandleDots';
 export { DragHandle } from './components/DragHandle';
-export { CalendarWeekDayItem } from './components/Lists/CalendarWeekDayItem';
+export {CalendarWeekDayItem, WeeklyCalendarGrid, WeeklyCalendarGridItem} from './components/Lists/CalendarWeekDayItem';
 export { getTextColor } from './helpers';
 
 // declare non-typescript exports to prevent errors

package/dist/components/Card.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import * as Markup from "../../js/react";
-import {Card} from '../../../app-typescript/components/card';
+import {Card} from '../../../app-typescript/components/Card';
 
 export default class CardDoc extends React.Component {
     render() {