superdesk-ui-framework 4.0.38 → 4.0.40

package/dist/vendor.bundle.js

@@ -7,7 +7,7 @@
 		var a = typeof exports === 'object' ? factory(require("react"), require("react-dom"), require("angular")) : factory(root["react"], root["react-dom"], root["angular"]);
 		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_9__, __WEBPACK_EXTERNAL_MODULE_806__) {
+})(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_9__, __WEBPACK_EXTERNAL_MODULE_807__) {
 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 = 803);
+/******/ 	return __webpack_require__(__webpack_require__.s = 804);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -28246,7 +28246,7 @@ return jQuery;
 
 /***/ }),
 
-/***/ 803:
+/***/ 804:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -28256,19 +28256,19 @@ __webpack_require__(18);
 
 __webpack_require__(75);
 
-__webpack_require__(804);
-
-__webpack_require__(806);
+__webpack_require__(805);
 
 __webpack_require__(807);
 
+__webpack_require__(808);
+
 __webpack_require__(0);
 
 __webpack_require__(9);
 
 /***/ }),
 
-/***/ 804:
+/***/ 805:
 /***/ (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__(75), __webpack_require__(805) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+		!(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(75), __webpack_require__(806) ], __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;
 
 /***/ }),
 
-/***/ 805:
+/***/ 806:
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;( function( factory ) {
@@ -29060,23 +29060,23 @@ return $.ui.version = "1.13.0";
 
 /***/ }),
 
-/***/ 806:
+/***/ 807:
 /***/ (function(module, exports) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE_806__;
+module.exports = __WEBPACK_EXTERNAL_MODULE_807__;
 
 /***/ }),
 
-/***/ 807:
+/***/ 808:
 /***/ (function(module, exports, __webpack_require__) {
 
-__webpack_require__(808);
+__webpack_require__(809);
 module.exports = 'ngAnimate';
 
 
 /***/ }),
 
-/***/ 808:
+/***/ 809:
 /***/ (function(module, exports) {
 
 /**

package/examples/pages/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() {

package/package.json

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

package/react/components/Card.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+interface IProps extends Pick<React.CSSProperties, 'paddingBlock'> {
+    children: React.ReactNode;
+    paddingBase: '0' | '1' | '2' | '3' | '4';
+    paddingBlock?: React.CSSProperties['paddingBlock'];
+    paddingBlockStart?: React.CSSProperties['paddingBlockStart'];
+    paddingBlockEnd?: React.CSSProperties['paddingBlockEnd'];
+    paddingInline?: React.CSSProperties['paddingInline'];
+    paddingInlineStart?: React.CSSProperties['paddingInlineStart'];
+    paddingInlineEnd?: React.CSSProperties['paddingInlineEnd'];
+}
+export declare class Card extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};

package/react/components/Card.js

@@ -0,0 +1,65 @@
+"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.Card = void 0;
+var React = __importStar(require("react"));
+var Card = /** @class */ (function (_super) {
+    __extends(Card, _super);
+    function Card() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Card.prototype.render = function () {
+        return (React.createElement("div", { style: {
+                width: '100%',
+                background: 'var(--sd-item__main-Bg)',
+                borderRadius: 'var(--b-radius--medium)',
+                padding: "calc( ".concat(this.props.paddingBase, " * var(--base-increment))"),
+                boxShadow: 'var(--sd-shadow--z2)',
+                paddingBlock: this.props.paddingBlock,
+                paddingBlockStart: this.props.paddingBlockStart,
+                paddingBlockEnd: this.props.paddingBlockEnd,
+                paddingInline: this.props.paddingInline,
+                paddingInlineStart: this.props.paddingInlineStart,
+                paddingInlineEnd: this.props.paddingInlineEnd,
+            } }, this.props.children));
+    };
+    return Card;
+}(React.PureComponent));
+exports.Card = Card;

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

@@ -6,6 +6,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';
@@ -98,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

@@ -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.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.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.Label = exports.Popover = exports.WithPagination = exports.SelectWithTemplate = exports.Option = exports.Select = exports.Input = exports.Button = exports.HelloWorld = void 0;
-exports.Text = 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 = 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 = void 0;
+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.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");
@@ -36,6 +36,8 @@ var Popover_1 = require("./components/Popover");
 Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return Popover_1.Popover; } });
 var Label_1 = require("./components/Label");
 Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return Label_1.Label; } });
+var Card_1 = require("./components/Card");
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return Card_1.Card; } });
 var Badge_1 = require("./components/Badge");
 Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
 var Alert_1 = require("./components/Alert");
@@ -238,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; } });