superdesk-ui-framework 4.0.39 → 4.0.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/app-typescript/components/Lists/CalendarWeekDayItem.tsx +21 -5
  2. package/app-typescript/components/Text/Text.tsx +8 -1
  3. package/app-typescript/index.ts +1 -1
  4. package/dist/examples.bundle.js +32 -4
  5. package/dist/superdesk-ui.bundle.js +31 -3
  6. package/package.json +1 -1
  7. package/react/components/Lists/CalendarWeekDayItem.d.ts +10 -2
  8. package/react/components/Lists/CalendarWeekDayItem.js +23 -1
  9. package/react/components/Text/Text.d.ts +1 -0
  10. package/react/components/Text/Text.js +5 -1
  11. package/react/index.d.ts +1 -1
  12. package/react/index.js +3 -1
package/app-typescript/components/Lists/CalendarWeekDayItem.tsx CHANGED
@@ -12,8 +12,7 @@ interface IPropsItem {
12
12
  onClick?(): void;
13
13
  }
14
14
 
15
- class CalendarWeekDayItem extends React.PureComponent<IPropsItem> {
16
-
15
+ export class CalendarWeekDayItem extends React.PureComponent<IPropsItem> {
17
16
  render() {
18
17
  let classes = classNames('calendar-week-day__item', {
19
18
  'calendar-week-day__item--clickable': this.props.clickable === true,
@@ -23,6 +22,7 @@ class CalendarWeekDayItem extends React.PureComponent<IPropsItem> {
23
22
  'calendar-week-day__item--hidden': this.props.hidden,
24
23
  [`calendar-week-day__item--${this.props.state}`]: this.props.state || this.props.state !== undefined,
25
24
  });
25
+
26
26
  return (
27
27
  <div className={classes}>
28
28
  {this.props.children}
@@ -31,6 +31,22 @@ class CalendarWeekDayItem extends React.PureComponent<IPropsItem> {
31
31
  }
32
32
  }
33
33
 
34
- export {
35
- CalendarWeekDayItem
36
- };
34
+ export class WeeklyCalendarGrid extends React.PureComponent<{style?: React.CSSProperties}> {
35
+ render() {
36
+ return (
37
+ <div className="calendar-user-week-row" style={this.props.style}>
38
+ {this.props.children}
39
+ </div>
40
+ );
41
+ }
42
+ }
43
+
44
+ export class WeeklyCalendarGridItem extends React.PureComponent {
45
+ render() {
46
+ return (
47
+ <div className="calendar-week-day__container">
48
+ {this.props.children}
49
+ </div>
50
+ );
51
+ }
52
+ }
package/app-typescript/components/Text/Text.tsx CHANGED
@@ -10,6 +10,7 @@ interface IProps {
10
10
  size?: 'x-small' | 'small' | 'medium' | 'large';
11
11
  color?: 'normal' | 'light' | 'lighter';
12
12
  fontStyle?: 'sans' | 'serif';
13
+ noMargin?: boolean;
13
14
  }
14
15
 
15
16
  export class Text extends React.PureComponent<IProps> {
@@ -27,8 +28,14 @@ export class Text extends React.PureComponent<IProps> {
27
28
  [`sd-text-color--${this.props.color}`]: this.props.color && this.props.color !== 'normal',
28
29
  }, this.props.className);
29
30
 
31
+ const styles: React.CSSProperties = {};
32
+
33
+ if (this.props.noMargin === true) {
34
+ styles.margin = 0;
35
+ }
36
+
30
37
  return (
31
- <p className={classes}>
38
+ <p className={classes} style={styles}>
32
39
  {this.props.children}
33
40
  </p>
34
41
  );
package/app-typescript/index.ts CHANGED
@@ -107,7 +107,7 @@ export { Spacer, SpacerBlock } from '@superdesk/common';
107
107
  export { ResizeObserverComponent } from './components/ResizeObserverComponent';
108
108
  export { DragHandleDots } from './components/DragHandleDots';
109
109
  export { DragHandle } from './components/DragHandle';
110
- export { CalendarWeekDayItem } from './components/Lists/CalendarWeekDayItem';
110
+ export {CalendarWeekDayItem, WeeklyCalendarGrid, WeeklyCalendarGridItem} from './components/Lists/CalendarWeekDayItem';
111
111
  export { getTextColor } from './helpers';
112
112
 
113
113
  // declare non-typescript exports to prevent errors
package/dist/examples.bundle.js CHANGED
@@ -5941,7 +5941,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
5941
5941
  Object.defineProperty(exports, "__esModule", { value: true });
5942
5942
  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;
5943
5943
  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;
5944
- 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;
5944
+ 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;
5945
5945
  var HelloWorld_1 = __webpack_require__(391);
5946
5946
  Object.defineProperty(exports, "HelloWorld", { enumerable: true, get: function () { return HelloWorld_1.HelloWorld; } });
5947
5947
  var Button_1 = __webpack_require__(60);
@@ -6165,6 +6165,8 @@ var DragHandle_1 = __webpack_require__(110);
6165
6165
  Object.defineProperty(exports, "DragHandle", { enumerable: true, get: function () { return DragHandle_1.DragHandle; } });
6166
6166
  var CalendarWeekDayItem_1 = __webpack_require__(384);
6167
6167
  Object.defineProperty(exports, "CalendarWeekDayItem", { enumerable: true, get: function () { return CalendarWeekDayItem_1.CalendarWeekDayItem; } });
6168
+ Object.defineProperty(exports, "WeeklyCalendarGrid", { enumerable: true, get: function () { return CalendarWeekDayItem_1.WeeklyCalendarGrid; } });
6169
+ Object.defineProperty(exports, "WeeklyCalendarGridItem", { enumerable: true, get: function () { return CalendarWeekDayItem_1.WeeklyCalendarGridItem; } });
6168
6170
  var helpers_1 = __webpack_require__(23);
6169
6171
  Object.defineProperty(exports, "getTextColor", { enumerable: true, get: function () { return helpers_1.getTextColor; } });
6170
6172
 
@@ -79785,7 +79787,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
79785
79787
  return (mod && mod.__esModule) ? mod : { "default": mod };
79786
79788
  };
79787
79789
  Object.defineProperty(exports, "__esModule", { value: true });
79788
- exports.CalendarWeekDayItem = void 0;
79790
+ exports.WeeklyCalendarGridItem = exports.WeeklyCalendarGrid = exports.CalendarWeekDayItem = void 0;
79789
79791
  var React = __importStar(__webpack_require__(0));
79790
79792
  var classnames_1 = __importDefault(__webpack_require__(3));
79791
79793
  var CalendarWeekDayItem = /** @class */ (function (_super) {
@@ -79809,6 +79811,28 @@ var CalendarWeekDayItem = /** @class */ (function (_super) {
79809
79811
  return CalendarWeekDayItem;
79810
79812
  }(React.PureComponent));
79811
79813
  exports.CalendarWeekDayItem = CalendarWeekDayItem;
79814
+ var WeeklyCalendarGrid = /** @class */ (function (_super) {
79815
+ __extends(WeeklyCalendarGrid, _super);
79816
+ function WeeklyCalendarGrid() {
79817
+ return _super !== null && _super.apply(this, arguments) || this;
79818
+ }
79819
+ WeeklyCalendarGrid.prototype.render = function () {
79820
+ return (React.createElement("div", { className: "calendar-user-week-row", style: this.props.style }, this.props.children));
79821
+ };
79822
+ return WeeklyCalendarGrid;
79823
+ }(React.PureComponent));
79824
+ exports.WeeklyCalendarGrid = WeeklyCalendarGrid;
79825
+ var WeeklyCalendarGridItem = /** @class */ (function (_super) {
79826
+ __extends(WeeklyCalendarGridItem, _super);
79827
+ function WeeklyCalendarGridItem() {
79828
+ return _super !== null && _super.apply(this, arguments) || this;
79829
+ }
79830
+ WeeklyCalendarGridItem.prototype.render = function () {
79831
+ return (React.createElement("div", { className: "calendar-week-day__container" }, this.props.children));
79832
+ };
79833
+ return WeeklyCalendarGridItem;
79834
+ }(React.PureComponent));
79835
+ exports.WeeklyCalendarGridItem = WeeklyCalendarGridItem;
79812
79836
 
79813
79837
 
79814
79838
  /***/ }),
@@ -153502,7 +153526,11 @@ var Text = /** @class */ (function (_super) {
153502
153526
  _a[''] = this.props.color === undefined,
153503
153527
  _a["sd-text-color--".concat(this.props.color)] = this.props.color && this.props.color !== 'normal',
153504
153528
  _a), this.props.className);
153505
- return (React.createElement("p", { className: classes }, this.props.children));
153529
+ var styles = {};
153530
+ if (this.props.noMargin === true) {
153531
+ styles.margin = 0;
153532
+ }
153533
+ return (React.createElement("p", { className: classes, style: styles }, this.props.children));
153506
153534
  };
153507
153535
  return Text;
153508
153536
  }(React.PureComponent));
@@ -186510,7 +186538,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
186510
186538
  /* 940 */
186511
186539
  /***/ (function(module, exports) {
186512
186540
 
186513
- 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"}}
186541
+ module.exports = {"name":"superdesk-ui-framework","version":"4.0.40","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"}}
186514
186542
 
186515
186543
  /***/ }),
186516
186544
  /* 941 */
package/dist/superdesk-ui.bundle.js CHANGED
@@ -5941,7 +5941,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
5941
5941
  Object.defineProperty(exports, "__esModule", { value: true });
5942
5942
  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;
5943
5943
  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;
5944
- 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;
5944
+ 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;
5945
5945
  var HelloWorld_1 = __webpack_require__(391);
5946
5946
  Object.defineProperty(exports, "HelloWorld", { enumerable: true, get: function () { return HelloWorld_1.HelloWorld; } });
5947
5947
  var Button_1 = __webpack_require__(60);
@@ -6165,6 +6165,8 @@ var DragHandle_1 = __webpack_require__(110);
6165
6165
  Object.defineProperty(exports, "DragHandle", { enumerable: true, get: function () { return DragHandle_1.DragHandle; } });
6166
6166
  var CalendarWeekDayItem_1 = __webpack_require__(384);
6167
6167
  Object.defineProperty(exports, "CalendarWeekDayItem", { enumerable: true, get: function () { return CalendarWeekDayItem_1.CalendarWeekDayItem; } });
6168
+ Object.defineProperty(exports, "WeeklyCalendarGrid", { enumerable: true, get: function () { return CalendarWeekDayItem_1.WeeklyCalendarGrid; } });
6169
+ Object.defineProperty(exports, "WeeklyCalendarGridItem", { enumerable: true, get: function () { return CalendarWeekDayItem_1.WeeklyCalendarGridItem; } });
6168
6170
  var helpers_1 = __webpack_require__(23);
6169
6171
  Object.defineProperty(exports, "getTextColor", { enumerable: true, get: function () { return helpers_1.getTextColor; } });
6170
6172
 
@@ -78906,7 +78908,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
78906
78908
  return (mod && mod.__esModule) ? mod : { "default": mod };
78907
78909
  };
78908
78910
  Object.defineProperty(exports, "__esModule", { value: true });
78909
- exports.CalendarWeekDayItem = void 0;
78911
+ exports.WeeklyCalendarGridItem = exports.WeeklyCalendarGrid = exports.CalendarWeekDayItem = void 0;
78910
78912
  var React = __importStar(__webpack_require__(0));
78911
78913
  var classnames_1 = __importDefault(__webpack_require__(3));
78912
78914
  var CalendarWeekDayItem = /** @class */ (function (_super) {
@@ -78930,6 +78932,28 @@ var CalendarWeekDayItem = /** @class */ (function (_super) {
78930
78932
  return CalendarWeekDayItem;
78931
78933
  }(React.PureComponent));
78932
78934
  exports.CalendarWeekDayItem = CalendarWeekDayItem;
78935
+ var WeeklyCalendarGrid = /** @class */ (function (_super) {
78936
+ __extends(WeeklyCalendarGrid, _super);
78937
+ function WeeklyCalendarGrid() {
78938
+ return _super !== null && _super.apply(this, arguments) || this;
78939
+ }
78940
+ WeeklyCalendarGrid.prototype.render = function () {
78941
+ return (React.createElement("div", { className: "calendar-user-week-row", style: this.props.style }, this.props.children));
78942
+ };
78943
+ return WeeklyCalendarGrid;
78944
+ }(React.PureComponent));
78945
+ exports.WeeklyCalendarGrid = WeeklyCalendarGrid;
78946
+ var WeeklyCalendarGridItem = /** @class */ (function (_super) {
78947
+ __extends(WeeklyCalendarGridItem, _super);
78948
+ function WeeklyCalendarGridItem() {
78949
+ return _super !== null && _super.apply(this, arguments) || this;
78950
+ }
78951
+ WeeklyCalendarGridItem.prototype.render = function () {
78952
+ return (React.createElement("div", { className: "calendar-week-day__container" }, this.props.children));
78953
+ };
78954
+ return WeeklyCalendarGridItem;
78955
+ }(React.PureComponent));
78956
+ exports.WeeklyCalendarGridItem = WeeklyCalendarGridItem;
78933
78957
 
78934
78958
 
78935
78959
  /***/ }),
@@ -152623,7 +152647,11 @@ var Text = /** @class */ (function (_super) {
152623
152647
  _a[''] = this.props.color === undefined,
152624
152648
  _a["sd-text-color--".concat(this.props.color)] = this.props.color && this.props.color !== 'normal',
152625
152649
  _a), this.props.className);
152626
- return (React.createElement("p", { className: classes }, this.props.children));
152650
+ var styles = {};
152651
+ if (this.props.noMargin === true) {
152652
+ styles.margin = 0;
152653
+ }
152654
+ return (React.createElement("p", { className: classes, style: styles }, this.props.children));
152627
152655
  };
152628
152656
  return Text;
152629
152657
  }(React.PureComponent));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "superdesk-ui-framework",
3
- "version": "4.0.39",
3
+ "version": "4.0.40",
4
4
  "license": "AGPL-3.0",
5
5
  "repository": {
6
6
  "type": "git",
package/react/components/Lists/CalendarWeekDayItem.d.ts CHANGED
@@ -9,7 +9,15 @@ interface IPropsItem {
9
9
  hidden?: boolean;
10
10
  onClick?(): void;
11
11
  }
12
- declare class CalendarWeekDayItem extends React.PureComponent<IPropsItem> {
12
+ export declare class CalendarWeekDayItem extends React.PureComponent<IPropsItem> {
13
13
  render(): JSX.Element;
14
14
  }
15
- export { CalendarWeekDayItem };
15
+ export declare class WeeklyCalendarGrid extends React.PureComponent<{
16
+ style?: React.CSSProperties;
17
+ }> {
18
+ render(): JSX.Element;
19
+ }
20
+ export declare class WeeklyCalendarGridItem extends React.PureComponent {
21
+ render(): JSX.Element;
22
+ }
23
+ export {};
package/react/components/Lists/CalendarWeekDayItem.js CHANGED
@@ -41,7 +41,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
41
41
  return (mod && mod.__esModule) ? mod : { "default": mod };
42
42
  };
43
43
  Object.defineProperty(exports, "__esModule", { value: true });
44
- exports.CalendarWeekDayItem = void 0;
44
+ exports.WeeklyCalendarGridItem = exports.WeeklyCalendarGrid = exports.CalendarWeekDayItem = void 0;
45
45
  var React = __importStar(require("react"));
46
46
  var classnames_1 = __importDefault(require("classnames"));
47
47
  var CalendarWeekDayItem = /** @class */ (function (_super) {
@@ -65,3 +65,25 @@ var CalendarWeekDayItem = /** @class */ (function (_super) {
65
65
  return CalendarWeekDayItem;
66
66
  }(React.PureComponent));
67
67
  exports.CalendarWeekDayItem = CalendarWeekDayItem;
68
+ var WeeklyCalendarGrid = /** @class */ (function (_super) {
69
+ __extends(WeeklyCalendarGrid, _super);
70
+ function WeeklyCalendarGrid() {
71
+ return _super !== null && _super.apply(this, arguments) || this;
72
+ }
73
+ WeeklyCalendarGrid.prototype.render = function () {
74
+ return (React.createElement("div", { className: "calendar-user-week-row", style: this.props.style }, this.props.children));
75
+ };
76
+ return WeeklyCalendarGrid;
77
+ }(React.PureComponent));
78
+ exports.WeeklyCalendarGrid = WeeklyCalendarGrid;
79
+ var WeeklyCalendarGridItem = /** @class */ (function (_super) {
80
+ __extends(WeeklyCalendarGridItem, _super);
81
+ function WeeklyCalendarGridItem() {
82
+ return _super !== null && _super.apply(this, arguments) || this;
83
+ }
84
+ WeeklyCalendarGridItem.prototype.render = function () {
85
+ return (React.createElement("div", { className: "calendar-week-day__container" }, this.props.children));
86
+ };
87
+ return WeeklyCalendarGridItem;
88
+ }(React.PureComponent));
89
+ exports.WeeklyCalendarGridItem = WeeklyCalendarGridItem;
package/react/components/Text/Text.d.ts CHANGED
@@ -8,6 +8,7 @@ interface IProps {
8
8
  size?: 'x-small' | 'small' | 'medium' | 'large';
9
9
  color?: 'normal' | 'light' | 'lighter';
10
10
  fontStyle?: 'sans' | 'serif';
11
+ noMargin?: boolean;
11
12
  }
12
13
  export declare class Text extends React.PureComponent<IProps> {
13
14
  render(): JSX.Element;
package/react/components/Text/Text.js CHANGED
@@ -64,7 +64,11 @@ var Text = /** @class */ (function (_super) {
64
64
  _a[''] = this.props.color === undefined,
65
65
  _a["sd-text-color--".concat(this.props.color)] = this.props.color && this.props.color !== 'normal',
66
66
  _a), this.props.className);
67
- return (React.createElement("p", { className: classes }, this.props.children));
67
+ var styles = {};
68
+ if (this.props.noMargin === true) {
69
+ styles.margin = 0;
70
+ }
71
+ return (React.createElement("p", { className: classes, style: styles }, this.props.children));
68
72
  };
69
73
  return Text;
70
74
  }(React.PureComponent));
package/react/index.d.ts CHANGED
@@ -99,7 +99,7 @@ export { Spacer, SpacerBlock } from '@superdesk/common';
99
99
  export { ResizeObserverComponent } from './components/ResizeObserverComponent';
100
100
  export { DragHandleDots } from './components/DragHandleDots';
101
101
  export { DragHandle } from './components/DragHandle';
102
- export { CalendarWeekDayItem } from './components/Lists/CalendarWeekDayItem';
102
+ export { CalendarWeekDayItem, WeeklyCalendarGrid, WeeklyCalendarGridItem } from './components/Lists/CalendarWeekDayItem';
103
103
  export { getTextColor } from './helpers';
104
104
  export declare const ToggleBoxNext: any;
105
105
  export declare const reactToAngular1: any;
package/react/index.js CHANGED
@@ -18,7 +18,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
18
18
  Object.defineProperty(exports, "__esModule", { value: true });
19
19
  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;
20
20
  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;
21
- 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;
21
+ 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;
22
22
  var HelloWorld_1 = require("./components/HelloWorld");
23
23
  Object.defineProperty(exports, "HelloWorld", { enumerable: true, get: function () { return HelloWorld_1.HelloWorld; } });
24
24
  var Button_1 = require("./components/Button");
@@ -240,5 +240,7 @@ var DragHandle_1 = require("./components/DragHandle");
240
240
  Object.defineProperty(exports, "DragHandle", { enumerable: true, get: function () { return DragHandle_1.DragHandle; } });
241
241
  var CalendarWeekDayItem_1 = require("./components/Lists/CalendarWeekDayItem");
242
242
  Object.defineProperty(exports, "CalendarWeekDayItem", { enumerable: true, get: function () { return CalendarWeekDayItem_1.CalendarWeekDayItem; } });
243
+ Object.defineProperty(exports, "WeeklyCalendarGrid", { enumerable: true, get: function () { return CalendarWeekDayItem_1.WeeklyCalendarGrid; } });
244
+ Object.defineProperty(exports, "WeeklyCalendarGridItem", { enumerable: true, get: function () { return CalendarWeekDayItem_1.WeeklyCalendarGridItem; } });
243
245
  var helpers_1 = require("./helpers");
244
246
  Object.defineProperty(exports, "getTextColor", { enumerable: true, get: function () { return helpers_1.getTextColor; } });