superdesk-ui-framework 3.0.0-rc12 → 3.0.0

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 (107) hide show
  1. package/.vscode/settings.json +5 -0
  2. package/app/fonts/sd_icons.eot +0 -0
  3. package/app/fonts/sd_icons.svg +1 -0
  4. package/app/fonts/sd_icons.ttf +0 -0
  5. package/app/fonts/sd_icons.woff +0 -0
  6. package/app/styles/_icon-font.scss +1 -0
  7. package/app/styles/_master-desk.scss +2 -2
  8. package/app/styles/_modals.scss +1 -0
  9. package/app/styles/app.scss +1 -0
  10. package/app/styles/components/_sd-pagination.scss +41 -0
  11. package/app/styles/grids/_grid-layout.scss +4 -14
  12. package/app/styles/menus/_sd-sidebar-menu.scss +1 -1
  13. package/app/styles/primereact/_pr-datepicker.scss +12 -0
  14. package/app/styles/primereact/_pr-dialog.scss +4 -0
  15. package/app/styles/variables/_colors.scss +37 -37
  16. package/app/template/search-handler.html +2 -2
  17. package/app-typescript/components/DatePicker.tsx +8 -9
  18. package/app-typescript/components/Layouts/CoreLayout.tsx +2 -1
  19. package/app-typescript/components/Layouts/CoreLayoutMain.tsx +4 -1
  20. package/app-typescript/components/Lists/ContentList.tsx +3 -2
  21. package/app-typescript/components/Lists/TableList.tsx +17 -8
  22. package/app-typescript/components/Modal.tsx +6 -2
  23. package/app-typescript/components/Navigation/SideBarMenu.tsx +30 -4
  24. package/app-typescript/dist/components/Alert.d.ts +16 -0
  25. package/app-typescript/dist/components/Autocomplete.d.ts +48 -0
  26. package/app-typescript/dist/components/Avatar.d.ts +33 -0
  27. package/app-typescript/dist/components/Badge.d.ts +13 -0
  28. package/app-typescript/dist/components/Button.d.ts +23 -0
  29. package/app-typescript/dist/components/ButtonGroup.d.ts +12 -0
  30. package/app-typescript/dist/components/CheckButtonGroup.d.ts +11 -0
  31. package/app-typescript/dist/components/CheckGroup.d.ts +9 -0
  32. package/app-typescript/dist/components/Checkbox.d.ts +19 -0
  33. package/app-typescript/dist/components/CheckboxButton.d.ts +19 -0
  34. package/app-typescript/dist/components/DatePicker.d.ts +37 -0
  35. package/app-typescript/dist/components/Divider.d.ts +9 -0
  36. package/app-typescript/dist/components/DonutChart.d.ts +12 -0
  37. package/app-typescript/dist/components/Dropdown.d.ts +28 -0
  38. package/app-typescript/dist/components/DropdownFirst.d.ts +42 -0
  39. package/app-typescript/dist/components/EmptyState.d.ts +11 -0
  40. package/app-typescript/dist/components/FormLabel.d.ts +9 -0
  41. package/app-typescript/dist/components/Genie.d.ts +13 -0
  42. package/app-typescript/dist/components/GridItem.d.ts +69 -0
  43. package/app-typescript/dist/components/GridList.d.ts +14 -0
  44. package/app-typescript/dist/components/HeadingText.d.ts +10 -0
  45. package/app-typescript/dist/components/HelloWorld.d.ts +8 -0
  46. package/app-typescript/dist/components/Icon.d.ts +12 -0
  47. package/app-typescript/dist/components/IconButton.d.ts +12 -0
  48. package/app-typescript/dist/components/IconLabel.d.ts +11 -0
  49. package/app-typescript/dist/components/Input.d.ts +24 -0
  50. package/app-typescript/dist/components/Label.d.ts +15 -0
  51. package/app-typescript/dist/components/LeftMenu.d.ts +26 -0
  52. package/app-typescript/dist/components/Loader.d.ts +8 -0
  53. package/app-typescript/dist/components/NavButton.d.ts +15 -0
  54. package/app-typescript/dist/components/Popover.d.ts +13 -0
  55. package/app-typescript/dist/components/PropsList.d.ts +15 -0
  56. package/app-typescript/dist/components/Radio.d.ts +19 -0
  57. package/app-typescript/dist/components/RadioButton.d.ts +20 -0
  58. package/app-typescript/dist/components/Select.d.ts +29 -0
  59. package/app-typescript/dist/components/SelectWithTemplate.d.ts +32 -0
  60. package/app-typescript/dist/components/SlidingToolbar.d.ts +8 -0
  61. package/app-typescript/dist/components/StrechBar.d.ts +4 -0
  62. package/app-typescript/dist/components/SubNav.d.ts +10 -0
  63. package/app-typescript/dist/components/Switch.d.ts +12 -0
  64. package/app-typescript/dist/components/TabCustom.d.ts +25 -0
  65. package/app-typescript/dist/components/TabList.d.ts +22 -0
  66. package/app-typescript/dist/components/Tag.d.ts +9 -0
  67. package/app-typescript/dist/components/TagInput.d.ts +7 -0
  68. package/app-typescript/dist/components/TagInputTest.d.ts +18 -0
  69. package/app-typescript/dist/components/TimePicker.d.ts +11 -0
  70. package/app-typescript/dist/components/Tooltip.d.ts +11 -0
  71. package/app-typescript/dist/components/_Positioner.d.ts +27 -0
  72. package/app-typescript/dist/index.d.ts +56 -0
  73. package/dist/examples.bundle.css +39 -0
  74. package/dist/examples.bundle.js +1905 -1471
  75. package/dist/playgrounds/react-playgrounds/CoreLayout.tsx +505 -3
  76. package/dist/playgrounds/react-playgrounds/RundownEditor.tsx +12 -9
  77. package/dist/playgrounds/react-playgrounds/Rundowns.tsx +6 -6
  78. package/dist/playgrounds/react-playgrounds/TestGround.tsx +29 -1
  79. package/dist/react/DatePicker.tsx +50 -2
  80. package/dist/react/Modal.tsx +154 -22
  81. package/dist/sd_icons.eot +0 -0
  82. package/dist/sd_icons.svg +1 -0
  83. package/dist/sd_icons.ttf +0 -0
  84. package/dist/sd_icons.woff +0 -0
  85. package/dist/superdesk-ui.bundle.css +175 -21
  86. package/dist/superdesk-ui.bundle.js +1059 -1033
  87. package/dist/vendor.bundle.js +7 -7
  88. package/examples/pages/playgrounds/react-playgrounds/CoreLayout.tsx +505 -3
  89. package/examples/pages/playgrounds/react-playgrounds/RundownEditor.tsx +12 -9
  90. package/examples/pages/playgrounds/react-playgrounds/Rundowns.tsx +6 -6
  91. package/examples/pages/playgrounds/react-playgrounds/TestGround.tsx +29 -1
  92. package/examples/pages/react/DatePicker.tsx +50 -2
  93. package/examples/pages/react/Modal.tsx +154 -22
  94. package/package.json +1 -1
  95. package/react/components/DatePicker.d.ts +2 -2
  96. package/react/components/DatePicker.js +3 -3
  97. package/react/components/Layouts/CoreLayout.d.ts +1 -0
  98. package/react/components/Layouts/CoreLayout.js +1 -1
  99. package/react/components/Layouts/CoreLayoutMain.d.ts +1 -0
  100. package/react/components/Layouts/CoreLayoutMain.js +1 -1
  101. package/react/components/Lists/ContentList.js +3 -2
  102. package/react/components/Lists/TableList.js +12 -4
  103. package/react/components/Modal.d.ts +2 -0
  104. package/react/components/Modal.js +3 -3
  105. package/react/components/Navigation/SideBarMenu.d.ts +6 -0
  106. package/react/components/Navigation/SideBarMenu.js +19 -2
  107. package/yarn-error.log +111 -0
@@ -157,11 +157,17 @@ var TableListItem = /** @class */ (function (_super) {
157
157
  _this.delay = 200;
158
158
  _this.prevent = false;
159
159
  _this.onSingleClick = function () {
160
+ var selection = window.getSelection();
160
161
  _this.timer = setTimeout(function () {
161
- if (!_this.prevent) {
162
- if (_this.props.onClick) {
162
+ if (!_this.prevent && _this.props.onClick && selection) {
163
+ if (_this.props.dragAndDrop) {
163
164
  _this.props.onClick();
164
165
  }
166
+ else {
167
+ if (selection.toString().length < 1) {
168
+ _this.props.onClick();
169
+ }
170
+ }
165
171
  }
166
172
  }, _this.delay);
167
173
  };
@@ -199,7 +205,8 @@ var TableListItem = /** @class */ (function (_super) {
199
205
  React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
200
206
  React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' }, this.props.center && this.props.center),
201
207
  React.createElement("div", { className: 'table-list__item-content-block' }, this.props.end && this.props.end)),
202
- this.props.action && React.createElement("div", { className: 'table-list__slide-in-actions', onClick: this.onActionMenuClick }, this.props.action)),
208
+ this.props.action &&
209
+ React.createElement("div", { className: 'table-list__slide-in-actions', onClick: this.onActionMenuClick }, this.props.action)),
203
210
  React.createElement("div", { className: 'table-list__add-bar-container' },
204
211
  React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
205
212
  React.createElement("div", { className: 'table-list__add-bar' },
@@ -211,7 +218,8 @@ var TableListItem = /** @class */ (function (_super) {
211
218
  React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
212
219
  React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' }, this.props.center && this.props.center),
213
220
  React.createElement("div", { className: 'table-list__item-content-block' }, this.props.end && this.props.end)),
214
- this.props.action && React.createElement("div", { className: 'table-list__slide-in-actions', onClick: this.onActionMenuClick }, this.props.action)));
221
+ this.props.action &&
222
+ React.createElement("div", { className: 'table-list__slide-in-actions', onClick: this.onActionMenuClick }, this.props.action)));
215
223
  };
216
224
  return TableListItem;
217
225
  }(React.PureComponent));
@@ -7,7 +7,9 @@ interface IProps {
7
7
  contentBg?: 'default' | 'medium' | 'dark';
8
8
  contentPadding?: 'none' | 'small' | 'medium' | 'large';
9
9
  size?: 'small' | 'medium' | 'large' | 'x-large';
10
+ position?: "center" | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
10
11
  maximized?: boolean;
12
+ maximizable?: boolean;
11
13
  headerTemplate?: JSX.Element | string;
12
14
  footerTemplate?: JSX.Element | string;
13
15
  closeOnEscape?: boolean;
@@ -50,13 +50,13 @@ var Modal = /** @class */ (function (_super) {
50
50
  var _a;
51
51
  var classes = (0, classnames_1.default)((_a = {},
52
52
  _a["p-dialog-content--".concat(this.props.size)] = this.props.size,
53
- _a['p-dialog-content--default'] = this.props.contentBg === undefined,
54
- _a["p-dialog-content--".concat(this.props.contentBg)] = this.props.contentBg,
53
+ _a['p-dialog-content-bg--default'] = this.props.contentBg === undefined,
54
+ _a["p-dialog-content-bg--".concat(this.props.contentBg)] = this.props.contentBg,
55
55
  _a['p-dialog-content--s-padding'] = this.props.contentPadding === undefined,
56
56
  _a["p-dialog-content--".concat(this.props.contentPadding)] = this.props.contentPadding,
57
57
  _a), this.props.className);
58
58
  return (React.createElement("div", { style: { display: 'content' }, "data-theme": this.props.theme !== 'dark' ? null : 'dark-ui' },
59
- React.createElement(dialog_1.Dialog, { id: this.props.id, visible: this.props.visible, header: this.props.headerTemplate, footer: this.props.footerTemplate, closeOnEscape: this.props.closeOnEscape, maximized: this.props.maximized, contentClassName: classes, onShow: this.props.onShow, onHide: this.props.onHide, zIndex: this.props.zIndex }, this.props.children)));
59
+ React.createElement(dialog_1.Dialog, { id: this.props.id, visible: this.props.visible, header: this.props.headerTemplate, footer: this.props.footerTemplate, closeOnEscape: this.props.closeOnEscape, maximized: this.props.maximized, maximizable: this.props.maximizable, contentClassName: classes, onShow: this.props.onShow, onHide: this.props.onHide, zIndex: this.props.zIndex, position: this.props.position && this.props.position }, this.props.children)));
60
60
  };
61
61
  return Modal;
62
62
  }(React.Component));
@@ -2,20 +2,26 @@ import * as React from 'react';
2
2
  interface IProps {
3
3
  items: Array<IItem | 'divider'>;
4
4
  side?: 'none' | 'left' | 'right';
5
+ hover?: boolean;
6
+ onCLick?(): void;
5
7
  }
6
8
  interface IItem {
7
9
  icon: string;
8
10
  size: 'small' | 'big';
9
11
  tooltip?: string;
10
12
  active?: boolean;
13
+ hover?: boolean;
14
+ onCLick?(): void;
11
15
  }
12
16
  interface IState {
13
17
  index: number;
14
18
  closeIndex: number;
19
+ hover: boolean;
15
20
  }
16
21
  export declare class SideBarMenu extends React.PureComponent<IProps, IState> {
17
22
  constructor(props: IProps);
18
23
  handleClick(indexNumber: number): void;
24
+ handleArrows(): void;
19
25
  render(): JSX.Element;
20
26
  }
21
27
  export {};
@@ -44,8 +44,10 @@ var SideBarMenu = /** @class */ (function (_super) {
44
44
  _this.state = {
45
45
  index: -1,
46
46
  closeIndex: -1,
47
+ hover: _this.props.hover ? _this.props.hover : false,
47
48
  };
48
49
  _this.handleClick = _this.handleClick.bind(_this);
50
+ _this.handleArrows = _this.handleArrows.bind(_this);
49
51
  return _this;
50
52
  }
51
53
  SideBarMenu.prototype.handleClick = function (indexNumber) {
@@ -58,6 +60,11 @@ var SideBarMenu = /** @class */ (function (_super) {
58
60
  });
59
61
  }
60
62
  };
63
+ SideBarMenu.prototype.handleArrows = function () {
64
+ this.setState({
65
+ hover: !this.state.hover,
66
+ });
67
+ };
61
68
  SideBarMenu.prototype.render = function () {
62
69
  var _this = this;
63
70
  return (React.createElement("div", { className: 'sd-sidebar-menu sd-content-wrapper__left-tabs' },
@@ -66,8 +73,18 @@ var SideBarMenu = /** @class */ (function (_super) {
66
73
  return (React.createElement("li", { key: index, className: 'sd-sidebar-menu__spacer' }));
67
74
  }
68
75
  else {
69
- return (React.createElement("li", { key: index, "data-sd-tooltip": item['tooltip'], "data-flow": 'right' },
70
- React.createElement("a", { className: 'sd-sidebar-menu__btn' + (index === _this.state.closeIndex ? ' sd-sidebar-menu__btn--closed ' : '') + (item['active'] ? ' sd-sidebar-menu__btn--active' : (index === _this.state.index ? ' sd-sidebar-menu__btn--active' : '')), onClick: function () { return _this.handleClick(index); } },
76
+ return (React.createElement("li", { key: index, "data-sd-tooltip": item['tooltip'], "data-flow": 'right', className: item.hover ? 'authoring-active__item' : '' },
77
+ React.createElement("a", { className: 'sd-sidebar-menu__btn'
78
+ + (_this.state.hover ? ' sd-sidebar-menu__btn--closed ' : '')
79
+ + (item['active'] ? ' sd-sidebar-menu__btn--active' : (index === _this.state.index ? ' sd-sidebar-menu__btn--active' : '')), onClick: function () {
80
+ _this.handleClick(index);
81
+ if (item.hover) {
82
+ _this.handleArrows();
83
+ if (item.onCLick) {
84
+ item.onCLick();
85
+ }
86
+ }
87
+ } },
71
88
  React.createElement("span", { className: 'sd-sidebar-menu__main-icon ' },
72
89
  React.createElement(Icon_1.Icon, { size: item['size'], name: item['icon'] })),
73
90
  React.createElement("i", { className: 'sd-sidebar-menu__helper-icon big-icon--chevron-left' }))));
package/yarn-error.log ADDED
@@ -0,0 +1,111 @@
1
+ Arguments:
2
+ /usr/local/bin/node /usr/local/bin/yarn install
3
+
4
+ PATH:
5
+ /usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin
6
+
7
+ Yarn version:
8
+ 1.21.1
9
+
10
+ Node version:
11
+ 12.14.1
12
+
13
+ Platform:
14
+ linux x64
15
+
16
+ Trace:
17
+ Error: getaddrinfo EAI_AGAIN registry.yarnpkg.com
18
+ at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:60:26)
19
+
20
+ npm manifest:
21
+ {
22
+ "name": "superdesk-ui-framework",
23
+ "version": "2.1.11",
24
+ "license": "AGPL-3.0",
25
+ "repository": {
26
+ "type": "git",
27
+ "url": "https://github.com/superdesk/superdesk-ui-framework.git"
28
+ },
29
+ "main": "dist/superdesk-ui.bundle.js",
30
+ "types": "app-typescript/dist/index.d.ts",
31
+ "contributors": [
32
+ "Nemanja Pavlovic",
33
+ "Vladimir Stefanovic",
34
+ "Darko Tomic",
35
+ "Aleksandar Jelicic",
36
+ "Tomas Kikutis"
37
+ ],
38
+ "scripts": {
39
+ "start": "webpack-dev-server --config tasks/webpack.dev.js",
40
+ "server": "webpack --watch",
41
+ "build": "webpack && npm run lint && tsc",
42
+ "lint": "eslint app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'",
43
+ "prepublishOnly": "npm run build",
44
+ "prepublish": "patch-package"
45
+ },
46
+ "devDependencies": {
47
+ "@types/classnames": "^2.2.9",
48
+ "@types/lodash": "4.14.149",
49
+ "@types/react": "16.8.23",
50
+ "@types/react-dom": "16.8.0",
51
+ "@types/react-router-dom": "^5.1.2",
52
+ "angular": "^1.7.9",
53
+ "angular-animate": "^1.7.9",
54
+ "angular-route": "^1.7.9",
55
+ "babel-core": "^6.26.0",
56
+ "babel-loader": "^7.1.2",
57
+ "babel-plugin-transform-object-rest-spread": "^6.26.0",
58
+ "babel-preset-es2015": "^6.24.1",
59
+ "babel-preset-react": "^6.24.1",
60
+ "classnames": "^2.2.5",
61
+ "clean-webpack-plugin": "^1.0.0",
62
+ "code-prettify": "^0.1.0",
63
+ "copy-webpack-plugin": "^4.6.0",
64
+ "css-loader": "^2.1.1",
65
+ "eslint": "^4.6.1",
66
+ "eslint-loader": "^1.9.0",
67
+ "eslint-plugin-angular": "^3.1.1",
68
+ "eslint-plugin-react": "^7.3.0",
69
+ "extract-text-webpack-plugin": "^3.0.2",
70
+ "file-loader": "^0.11.2",
71
+ "html-loader": "^0.5.1",
72
+ "html-webpack-plugin": "^2.30.1",
73
+ "jquery": "^3.1.1",
74
+ "jquery-ui": "^1.12.1",
75
+ "lodash": "4.17.15",
76
+ "node-sass": "^4.5.3",
77
+ "patch-package": "6.2.0",
78
+ "prismjs": "^1.17.1",
79
+ "prop-types": "^15.6.0",
80
+ "react": "16.8.6",
81
+ "react-bootstrap": "^0.31.2",
82
+ "react-dom": "16.8.6",
83
+ "react-redux": "^5.0.6",
84
+ "react-router-dom": "^5.1.2",
85
+ "redux": "^3.7.2",
86
+ "redux-form": "^7.0.4",
87
+ "sass-loader": "^6.0.6",
88
+ "style-loader": "^0.18.2",
89
+ "superdesk-code-style": "^1.1.2",
90
+ "ts-loader": "^6.0.2",
91
+ "tslint": "^5.18.0",
92
+ "typescript": "^3.5.1",
93
+ "url-loader": "^1.1.2",
94
+ "webpack": "^3.5.5",
95
+ "webpack-cli": "3.3.10",
96
+ "webpack-dev-server": "2.11.1",
97
+ "webpack-merge": "^4.2.1"
98
+ },
99
+ "dependencies": {
100
+ "date-fns": "2.7.0",
101
+ "popper.js": "1.14.4",
102
+ "primeicons": "2.0.0",
103
+ "primereact": "3.3.2"
104
+ }
105
+ }
106
+
107
+ yarn manifest:
108
+ No manifest
109
+
110
+ Lockfile:
111
+ No lockfile