superdesk-ui-framework 4.0.39 → 4.0.41

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

@@ -150,6 +150,7 @@ interface IProps {
     children?: React.ReactNode;
     density?: 'compact' | 'comfortable'; // defaults to 'compact'
     className?: string;
+    style?: React.CSSProperties;
 }
 
 class BoxedList extends React.PureComponent<IProps> {
@@ -159,7 +160,7 @@ class BoxedList extends React.PureComponent<IProps> {
             [`boxed-list--${this.props.density}`]: this.props.density || this.props.density !== undefined,
         }, this.props.className);
         return (
-            <ul className={classes}>
+            <ul className={classes} style={this.props.style}>
                 {this.props.children}
             </ul>
         );

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

@@ -107,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/examples.bundle.js

@@ -5941,7 +5941,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 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.TimePickerV2 = exports.TimePicker = exports.DatePickerLocaleSettings = exports.DatePickerISO = exports.DateTimePicker = 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.Card = exports.Label = exports.Popover = exports.WithPagination = exports.SelectWithTemplate = exports.Option = exports.Select = exports.Input = exports.Button = exports.HelloWorld = void 0;
 exports.Spinner = exports.ListItemLoader = exports.Skeleton = exports.IllustrationButton = exports.SvgIconIllustration = 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 = exports.ContentDivider = exports.Divider = exports.Icon = exports.Prop = void 0;
-exports.getTextColor = exports.CalendarWeekDayItem = exports.DragHandle = exports.DragHandleDots = exports.ResizeObserverComponent = exports.SpacerBlock = exports.Spacer = exports.showPopup = exports.PopupPositioner = exports.WithPopover = exports.ResizablePanels = exports.MultiSelect = exports.ContentListItem = exports.TableListItem = exports.TableList = exports.TreeMenu = exports.TreeSelect = exports.BottomNav = exports.Heading = exports.Time = exports.Text = exports.LoadingOverlay = void 0;
+exports.getTextColor = exports.WeeklyCalendarGridItem = exports.WeeklyCalendarGrid = exports.CalendarWeekDayItem = exports.DragHandle = exports.DragHandleDots = exports.ResizeObserverComponent = exports.SpacerBlock = exports.Spacer = exports.showPopup = exports.PopupPositioner = exports.WithPopover = exports.ResizablePanels = exports.MultiSelect = exports.ContentListItem = exports.TableListItem = exports.TableList = exports.TreeMenu = exports.TreeSelect = exports.BottomNav = exports.Heading = exports.Time = exports.Text = exports.LoadingOverlay = void 0;
 var HelloWorld_1 = __webpack_require__(391);
 Object.defineProperty(exports, "HelloWorld", { enumerable: true, get: function () { return HelloWorld_1.HelloWorld; } });
 var Button_1 = __webpack_require__(60);
@@ -6165,6 +6165,8 @@ var DragHandle_1 = __webpack_require__(110);
 Object.defineProperty(exports, "DragHandle", { enumerable: true, get: function () { return DragHandle_1.DragHandle; } });
 var CalendarWeekDayItem_1 = __webpack_require__(384);
 Object.defineProperty(exports, "CalendarWeekDayItem", { enumerable: true, get: function () { return CalendarWeekDayItem_1.CalendarWeekDayItem; } });
+Object.defineProperty(exports, "WeeklyCalendarGrid", { enumerable: true, get: function () { return CalendarWeekDayItem_1.WeeklyCalendarGrid; } });
+Object.defineProperty(exports, "WeeklyCalendarGridItem", { enumerable: true, get: function () { return CalendarWeekDayItem_1.WeeklyCalendarGridItem; } });
 var helpers_1 = __webpack_require__(23);
 Object.defineProperty(exports, "getTextColor", { enumerable: true, get: function () { return helpers_1.getTextColor; } });
 
@@ -79785,7 +79787,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarWeekDayItem = void 0;
+exports.WeeklyCalendarGridItem = exports.WeeklyCalendarGrid = exports.CalendarWeekDayItem = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(3));
 var CalendarWeekDayItem = /** @class */ (function (_super) {
@@ -79809,6 +79811,28 @@ var CalendarWeekDayItem = /** @class */ (function (_super) {
     return CalendarWeekDayItem;
 }(React.PureComponent));
 exports.CalendarWeekDayItem = CalendarWeekDayItem;
+var WeeklyCalendarGrid = /** @class */ (function (_super) {
+    __extends(WeeklyCalendarGrid, _super);
+    function WeeklyCalendarGrid() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    WeeklyCalendarGrid.prototype.render = function () {
+        return (React.createElement("div", { className: "calendar-user-week-row", style: this.props.style }, this.props.children));
+    };
+    return WeeklyCalendarGrid;
+}(React.PureComponent));
+exports.WeeklyCalendarGrid = WeeklyCalendarGrid;
+var WeeklyCalendarGridItem = /** @class */ (function (_super) {
+    __extends(WeeklyCalendarGridItem, _super);
+    function WeeklyCalendarGridItem() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    WeeklyCalendarGridItem.prototype.render = function () {
+        return (React.createElement("div", { className: "calendar-week-day__container" }, this.props.children));
+    };
+    return WeeklyCalendarGridItem;
+}(React.PureComponent));
+exports.WeeklyCalendarGridItem = WeeklyCalendarGridItem;
 
 
 /***/ }),
@@ -153349,7 +153373,7 @@ var BoxedList = /** @class */ (function (_super) {
             },
             _a["boxed-list--".concat(this.props.density)] = this.props.density || this.props.density !== undefined,
             _a), this.props.className);
-        return (React.createElement("ul", { className: classes }, this.props.children));
+        return (React.createElement("ul", { className: classes, style: this.props.style }, this.props.children));
     };
     return BoxedList;
 }(React.PureComponent));
@@ -153502,7 +153526,11 @@ var Text = /** @class */ (function (_super) {
             _a[''] = this.props.color === undefined,
             _a["sd-text-color--".concat(this.props.color)] = this.props.color && this.props.color !== 'normal',
             _a), this.props.className);
-        return (React.createElement("p", { className: classes }, this.props.children));
+        var styles = {};
+        if (this.props.noMargin === true) {
+            styles.margin = 0;
+        }
+        return (React.createElement("p", { className: classes, style: styles }, this.props.children));
     };
     return Text;
 }(React.PureComponent));
@@ -186510,7 +186538,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
 /* 940 */
 /***/ (function(module, exports) {
 
-module.exports = {"name":"superdesk-ui-framework","version":"4.0.39","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","playground-lint":"tsc -p examples/pages/playgrounds/react-playgrounds --noEmit","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}' && npm run playground-lint","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build","unit-test":"mocha","debug-unit-tests":"mocha --inspect-brk"},"devDependencies":{"@types/assert":"^1.5.6","@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/enzyme":"^3.10.12","@types/enzyme-adapter-react-16":"^1.0.6","@types/lodash":"^4.14.161","@types/mocha":"^9.1.1","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"^5.58.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.7","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","jsdom":"20.0.3","jsdom-global":"3.0.2","lodash":"4.17.21","mocha":"^8.4.0","moment":"^2.29.3","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","ts-node":"^10.9.1","tslint":"^5.18.0","typescript":"4.9.5","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@popperjs/core":"^2.4.0","@superdesk/common":"0.0.28","@superdesk/primereact":"^5.0.2-13","@superdesk/react-resizable-panels":"0.0.39","chart.js":"^2.9.3","date-fns":"2.7.0","popper-max-size-modifier":"^0.2.0","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-scrollspy":"^3.4.3","tippy.js":"^6.3.7"},"peerDependencies":{"moment":"*"},"volta":{"node":"14.21.3"}}
+module.exports = {"name":"superdesk-ui-framework","version":"4.0.41","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","playground-lint":"tsc -p examples/pages/playgrounds/react-playgrounds --noEmit","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}' && npm run playground-lint","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build","unit-test":"mocha","debug-unit-tests":"mocha --inspect-brk"},"devDependencies":{"@types/assert":"^1.5.6","@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/enzyme":"^3.10.12","@types/enzyme-adapter-react-16":"^1.0.6","@types/lodash":"^4.14.161","@types/mocha":"^9.1.1","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"^5.58.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.7","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","jsdom":"20.0.3","jsdom-global":"3.0.2","lodash":"4.17.21","mocha":"^8.4.0","moment":"^2.29.3","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","ts-node":"^10.9.1","tslint":"^5.18.0","typescript":"4.9.5","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@popperjs/core":"^2.4.0","@superdesk/common":"0.0.28","@superdesk/primereact":"^5.0.2-13","@superdesk/react-resizable-panels":"0.0.39","chart.js":"^2.9.3","date-fns":"2.7.0","popper-max-size-modifier":"^0.2.0","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-scrollspy":"^3.4.3","tippy.js":"^6.3.7"},"peerDependencies":{"moment":"*"},"volta":{"node":"14.21.3"}}
 
 /***/ }),
 /* 941 */

package/dist/superdesk-ui.bundle.js

@@ -5941,7 +5941,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 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.TimePickerV2 = exports.TimePicker = exports.DatePickerLocaleSettings = exports.DatePickerISO = exports.DateTimePicker = 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.Card = exports.Label = exports.Popover = exports.WithPagination = exports.SelectWithTemplate = exports.Option = exports.Select = exports.Input = exports.Button = exports.HelloWorld = void 0;
 exports.Spinner = exports.ListItemLoader = exports.Skeleton = exports.IllustrationButton = exports.SvgIconIllustration = 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 = exports.ContentDivider = exports.Divider = exports.Icon = exports.Prop = void 0;
-exports.getTextColor = exports.CalendarWeekDayItem = exports.DragHandle = exports.DragHandleDots = exports.ResizeObserverComponent = exports.SpacerBlock = exports.Spacer = exports.showPopup = exports.PopupPositioner = exports.WithPopover = exports.ResizablePanels = exports.MultiSelect = exports.ContentListItem = exports.TableListItem = exports.TableList = exports.TreeMenu = exports.TreeSelect = exports.BottomNav = exports.Heading = exports.Time = exports.Text = exports.LoadingOverlay = void 0;
+exports.getTextColor = exports.WeeklyCalendarGridItem = exports.WeeklyCalendarGrid = exports.CalendarWeekDayItem = exports.DragHandle = exports.DragHandleDots = exports.ResizeObserverComponent = exports.SpacerBlock = exports.Spacer = exports.showPopup = exports.PopupPositioner = exports.WithPopover = exports.ResizablePanels = exports.MultiSelect = exports.ContentListItem = exports.TableListItem = exports.TableList = exports.TreeMenu = exports.TreeSelect = exports.BottomNav = exports.Heading = exports.Time = exports.Text = exports.LoadingOverlay = void 0;
 var HelloWorld_1 = __webpack_require__(391);
 Object.defineProperty(exports, "HelloWorld", { enumerable: true, get: function () { return HelloWorld_1.HelloWorld; } });
 var Button_1 = __webpack_require__(60);
@@ -6165,6 +6165,8 @@ var DragHandle_1 = __webpack_require__(110);
 Object.defineProperty(exports, "DragHandle", { enumerable: true, get: function () { return DragHandle_1.DragHandle; } });
 var CalendarWeekDayItem_1 = __webpack_require__(384);
 Object.defineProperty(exports, "CalendarWeekDayItem", { enumerable: true, get: function () { return CalendarWeekDayItem_1.CalendarWeekDayItem; } });
+Object.defineProperty(exports, "WeeklyCalendarGrid", { enumerable: true, get: function () { return CalendarWeekDayItem_1.WeeklyCalendarGrid; } });
+Object.defineProperty(exports, "WeeklyCalendarGridItem", { enumerable: true, get: function () { return CalendarWeekDayItem_1.WeeklyCalendarGridItem; } });
 var helpers_1 = __webpack_require__(23);
 Object.defineProperty(exports, "getTextColor", { enumerable: true, get: function () { return helpers_1.getTextColor; } });
 
@@ -78906,7 +78908,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarWeekDayItem = void 0;
+exports.WeeklyCalendarGridItem = exports.WeeklyCalendarGrid = exports.CalendarWeekDayItem = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(3));
 var CalendarWeekDayItem = /** @class */ (function (_super) {
@@ -78930,6 +78932,28 @@ var CalendarWeekDayItem = /** @class */ (function (_super) {
     return CalendarWeekDayItem;
 }(React.PureComponent));
 exports.CalendarWeekDayItem = CalendarWeekDayItem;
+var WeeklyCalendarGrid = /** @class */ (function (_super) {
+    __extends(WeeklyCalendarGrid, _super);
+    function WeeklyCalendarGrid() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    WeeklyCalendarGrid.prototype.render = function () {
+        return (React.createElement("div", { className: "calendar-user-week-row", style: this.props.style }, this.props.children));
+    };
+    return WeeklyCalendarGrid;
+}(React.PureComponent));
+exports.WeeklyCalendarGrid = WeeklyCalendarGrid;
+var WeeklyCalendarGridItem = /** @class */ (function (_super) {
+    __extends(WeeklyCalendarGridItem, _super);
+    function WeeklyCalendarGridItem() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    WeeklyCalendarGridItem.prototype.render = function () {
+        return (React.createElement("div", { className: "calendar-week-day__container" }, this.props.children));
+    };
+    return WeeklyCalendarGridItem;
+}(React.PureComponent));
+exports.WeeklyCalendarGridItem = WeeklyCalendarGridItem;
 
 
 /***/ }),
@@ -152470,7 +152494,7 @@ var BoxedList = /** @class */ (function (_super) {
             },
             _a["boxed-list--".concat(this.props.density)] = this.props.density || this.props.density !== undefined,
             _a), this.props.className);
-        return (React.createElement("ul", { className: classes }, this.props.children));
+        return (React.createElement("ul", { className: classes, style: this.props.style }, this.props.children));
     };
     return BoxedList;
 }(React.PureComponent));
@@ -152623,7 +152647,11 @@ var Text = /** @class */ (function (_super) {
             _a[''] = this.props.color === undefined,
             _a["sd-text-color--".concat(this.props.color)] = this.props.color && this.props.color !== 'normal',
             _a), this.props.className);
-        return (React.createElement("p", { className: classes }, this.props.children));
+        var styles = {};
+        if (this.props.noMargin === true) {
+            styles.margin = 0;
+        }
+        return (React.createElement("p", { className: classes, style: styles }, this.props.children));
     };
     return Text;
 }(React.PureComponent));

package/package.json

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

package/react/components/Lists/BoxedList.d.ts

@@ -38,6 +38,7 @@ interface IProps {
     children?: React.ReactNode;
     density?: 'compact' | 'comfortable';
     className?: string;
+    style?: React.CSSProperties;
 }
 declare class BoxedList extends React.PureComponent<IProps> {
     render(): JSX.Element;

package/react/components/Lists/BoxedList.js

@@ -158,7 +158,7 @@ var BoxedList = /** @class */ (function (_super) {
             },
             _a["boxed-list--".concat(this.props.density)] = this.props.density || this.props.density !== undefined,
             _a), this.props.className);
-        return (React.createElement("ul", { className: classes }, this.props.children));
+        return (React.createElement("ul", { className: classes, style: this.props.style }, this.props.children));
     };
     return BoxedList;
 }(React.PureComponent));

package/react/components/Lists/CalendarWeekDayItem.d.ts

@@ -9,7 +9,15 @@ interface IPropsItem {
     hidden?: boolean;
     onClick?(): void;
 }
-declare class CalendarWeekDayItem extends React.PureComponent<IPropsItem> {
+export declare class CalendarWeekDayItem extends React.PureComponent<IPropsItem> {
     render(): JSX.Element;
 }
-export { CalendarWeekDayItem };
+export declare class WeeklyCalendarGrid extends React.PureComponent<{
+    style?: React.CSSProperties;
+}> {
+    render(): JSX.Element;
+}
+export declare class WeeklyCalendarGridItem extends React.PureComponent {
+    render(): JSX.Element;
+}
+export {};

package/react/components/Lists/CalendarWeekDayItem.js

@@ -41,7 +41,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarWeekDayItem = void 0;
+exports.WeeklyCalendarGridItem = exports.WeeklyCalendarGrid = exports.CalendarWeekDayItem = void 0;
 var React = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var CalendarWeekDayItem = /** @class */ (function (_super) {
@@ -65,3 +65,25 @@ var CalendarWeekDayItem = /** @class */ (function (_super) {
     return CalendarWeekDayItem;
 }(React.PureComponent));
 exports.CalendarWeekDayItem = CalendarWeekDayItem;
+var WeeklyCalendarGrid = /** @class */ (function (_super) {
+    __extends(WeeklyCalendarGrid, _super);
+    function WeeklyCalendarGrid() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    WeeklyCalendarGrid.prototype.render = function () {
+        return (React.createElement("div", { className: "calendar-user-week-row", style: this.props.style }, this.props.children));
+    };
+    return WeeklyCalendarGrid;
+}(React.PureComponent));
+exports.WeeklyCalendarGrid = WeeklyCalendarGrid;
+var WeeklyCalendarGridItem = /** @class */ (function (_super) {
+    __extends(WeeklyCalendarGridItem, _super);
+    function WeeklyCalendarGridItem() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    WeeklyCalendarGridItem.prototype.render = function () {
+        return (React.createElement("div", { className: "calendar-week-day__container" }, this.props.children));
+    };
+    return WeeklyCalendarGridItem;
+}(React.PureComponent));
+exports.WeeklyCalendarGridItem = WeeklyCalendarGridItem;

package/react/components/Text/Text.d.ts

@@ -8,6 +8,7 @@ interface IProps {
     size?: 'x-small' | 'small' | 'medium' | 'large';
     color?: 'normal' | 'light' | 'lighter';
     fontStyle?: 'sans' | 'serif';
+    noMargin?: boolean;
 }
 export declare class Text extends React.PureComponent<IProps> {
     render(): JSX.Element;

package/react/components/Text/Text.js

@@ -64,7 +64,11 @@ var Text = /** @class */ (function (_super) {
             _a[''] = this.props.color === undefined,
             _a["sd-text-color--".concat(this.props.color)] = this.props.color && this.props.color !== 'normal',
             _a), this.props.className);
-        return (React.createElement("p", { className: classes }, this.props.children));
+        var styles = {};
+        if (this.props.noMargin === true) {
+            styles.margin = 0;
+        }
+        return (React.createElement("p", { className: classes, style: styles }, this.props.children));
     };
     return Text;
 }(React.PureComponent));

package/react/index.d.ts

@@ -99,7 +99,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';
 export declare const ToggleBoxNext: any;
 export declare const reactToAngular1: any;

package/react/index.js

@@ -18,7 +18,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 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.TimePickerV2 = exports.TimePicker = exports.DatePickerISO = exports.DateTimePicker = 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.Card = exports.Label = exports.Popover = exports.WithPagination = exports.SelectWithTemplate = exports.Option = exports.Select = exports.Input = exports.Button = exports.HelloWorld = void 0;
 exports.LoadingOverlay = exports.Spinner = exports.ListItemLoader = exports.Skeleton = exports.IllustrationButton = exports.SvgIconIllustration = 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 = exports.ContentDivider = exports.Divider = exports.Icon = void 0;
-exports.getTextColor = exports.CalendarWeekDayItem = exports.DragHandle = exports.DragHandleDots = exports.ResizeObserverComponent = exports.SpacerBlock = exports.Spacer = exports.showPopup = exports.PopupPositioner = exports.WithPopover = exports.ResizablePanels = exports.MultiSelect = exports.ContentListItem = exports.TableListItem = exports.TableList = exports.TreeMenu = exports.TreeSelect = exports.BottomNav = exports.Heading = exports.Time = exports.Text = void 0;
+exports.getTextColor = exports.WeeklyCalendarGridItem = exports.WeeklyCalendarGrid = exports.CalendarWeekDayItem = exports.DragHandle = exports.DragHandleDots = exports.ResizeObserverComponent = exports.SpacerBlock = exports.Spacer = exports.showPopup = exports.PopupPositioner = exports.WithPopover = exports.ResizablePanels = exports.MultiSelect = exports.ContentListItem = exports.TableListItem = exports.TableList = exports.TreeMenu = exports.TreeSelect = exports.BottomNav = exports.Heading = exports.Time = exports.Text = 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");
@@ -240,5 +240,7 @@ var DragHandle_1 = require("./components/DragHandle");
 Object.defineProperty(exports, "DragHandle", { enumerable: true, get: function () { return DragHandle_1.DragHandle; } });
 var CalendarWeekDayItem_1 = require("./components/Lists/CalendarWeekDayItem");
 Object.defineProperty(exports, "CalendarWeekDayItem", { enumerable: true, get: function () { return CalendarWeekDayItem_1.CalendarWeekDayItem; } });
+Object.defineProperty(exports, "WeeklyCalendarGrid", { enumerable: true, get: function () { return CalendarWeekDayItem_1.WeeklyCalendarGrid; } });
+Object.defineProperty(exports, "WeeklyCalendarGridItem", { enumerable: true, get: function () { return CalendarWeekDayItem_1.WeeklyCalendarGridItem; } });
 var helpers_1 = require("./helpers");
 Object.defineProperty(exports, "getTextColor", { enumerable: true, get: function () { return helpers_1.getTextColor; } });