superdesk-ui-framework 4.0.37 → 4.0.39
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.
- package/app-typescript/components/Card.tsx +36 -0
- package/app-typescript/index.ts +1 -0
- package/dist/components/Card.tsx +24 -0
- package/dist/components/Index.tsx +5 -0
- package/dist/examples.bundle.js +1343 -1200
- package/dist/superdesk-ui.bundle.js +991 -916
- package/dist/vendor.bundle.js +14 -14
- package/examples/pages/components/Card.tsx +24 -0
- package/examples/pages/components/Index.tsx +5 -0
- package/package.json +1 -1
- package/react/components/Card.d.ts +15 -0
- package/react/components/Card.js +65 -0
- package/react/index.d.ts +1 -0
- package/react/index.js +5 -3
package/dist/vendor.bundle.js
CHANGED
|
@@ -7,7 +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"]);
|
|
8
8
|
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
|
|
9
9
|
}
|
|
10
|
-
})(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_9__,
|
|
10
|
+
})(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_9__, __WEBPACK_EXTERNAL_MODULE_807__) {
|
|
11
11
|
return /******/ (function(modules) { // webpackBootstrap
|
|
12
12
|
/******/ // The module cache
|
|
13
13
|
/******/ var installedModules = {};
|
|
@@ -70,7 +70,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|
|
70
70
|
/******/ __webpack_require__.p = "";
|
|
71
71
|
/******/
|
|
72
72
|
/******/ // Load entry module and return exports
|
|
73
|
-
/******/ return __webpack_require__(__webpack_require__.s =
|
|
73
|
+
/******/ return __webpack_require__(__webpack_require__.s = 804);
|
|
74
74
|
/******/ })
|
|
75
75
|
/************************************************************************/
|
|
76
76
|
/******/ ({
|
|
@@ -28246,7 +28246,7 @@ return jQuery;
|
|
|
28246
28246
|
|
|
28247
28247
|
/***/ }),
|
|
28248
28248
|
|
|
28249
|
-
/***/
|
|
28249
|
+
/***/ 804:
|
|
28250
28250
|
/***/ (function(module, exports, __webpack_require__) {
|
|
28251
28251
|
|
|
28252
28252
|
"use strict";
|
|
@@ -28256,19 +28256,19 @@ __webpack_require__(18);
|
|
|
28256
28256
|
|
|
28257
28257
|
__webpack_require__(75);
|
|
28258
28258
|
|
|
28259
|
-
__webpack_require__(
|
|
28260
|
-
|
|
28261
|
-
__webpack_require__(806);
|
|
28259
|
+
__webpack_require__(805);
|
|
28262
28260
|
|
|
28263
28261
|
__webpack_require__(807);
|
|
28264
28262
|
|
|
28263
|
+
__webpack_require__(808);
|
|
28264
|
+
|
|
28265
28265
|
__webpack_require__(0);
|
|
28266
28266
|
|
|
28267
28267
|
__webpack_require__(9);
|
|
28268
28268
|
|
|
28269
28269
|
/***/ }),
|
|
28270
28270
|
|
|
28271
|
-
/***/
|
|
28271
|
+
/***/ 805:
|
|
28272
28272
|
/***/ (function(module, exports, __webpack_require__) {
|
|
28273
28273
|
|
|
28274
28274
|
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_
|
|
|
28292
28292
|
if ( true ) {
|
|
28293
28293
|
|
|
28294
28294
|
// AMD. Register as an anonymous module.
|
|
28295
|
-
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(75), __webpack_require__(
|
|
28295
|
+
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(75), __webpack_require__(806) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
|
|
28296
28296
|
__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
|
|
28297
28297
|
(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
|
|
28298
28298
|
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
|
|
@@ -29030,7 +29030,7 @@ return $.widget;
|
|
|
29030
29030
|
|
|
29031
29031
|
/***/ }),
|
|
29032
29032
|
|
|
29033
|
-
/***/
|
|
29033
|
+
/***/ 806:
|
|
29034
29034
|
/***/ (function(module, exports, __webpack_require__) {
|
|
29035
29035
|
|
|
29036
29036
|
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";
|
|
|
29060
29060
|
|
|
29061
29061
|
/***/ }),
|
|
29062
29062
|
|
|
29063
|
-
/***/
|
|
29063
|
+
/***/ 807:
|
|
29064
29064
|
/***/ (function(module, exports) {
|
|
29065
29065
|
|
|
29066
|
-
module.exports =
|
|
29066
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE_807__;
|
|
29067
29067
|
|
|
29068
29068
|
/***/ }),
|
|
29069
29069
|
|
|
29070
|
-
/***/
|
|
29070
|
+
/***/ 808:
|
|
29071
29071
|
/***/ (function(module, exports, __webpack_require__) {
|
|
29072
29072
|
|
|
29073
|
-
__webpack_require__(
|
|
29073
|
+
__webpack_require__(809);
|
|
29074
29074
|
module.exports = 'ngAnimate';
|
|
29075
29075
|
|
|
29076
29076
|
|
|
29077
29077
|
/***/ }),
|
|
29078
29078
|
|
|
29079
|
-
/***/
|
|
29079
|
+
/***/ 809:
|
|
29080
29080
|
/***/ (function(module, exports) {
|
|
29081
29081
|
|
|
29082
29082
|
/**
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as Markup from "../../js/react";
|
|
3
|
+
import {Card} from '../../../app-typescript/components/Card';
|
|
4
|
+
|
|
5
|
+
export default class CardDoc extends React.Component {
|
|
6
|
+
render() {
|
|
7
|
+
return (
|
|
8
|
+
<section className="docs-page__container">
|
|
9
|
+
<h2 className="docs-page__h2">Card</h2>
|
|
10
|
+
|
|
11
|
+
<Markup.ReactMarkupCodePreview>{`
|
|
12
|
+
<Card paddingBase="1">
|
|
13
|
+
card content
|
|
14
|
+
</Card>
|
|
15
|
+
`}
|
|
16
|
+
</Markup.ReactMarkupCodePreview>
|
|
17
|
+
|
|
18
|
+
<Card paddingBase="1">
|
|
19
|
+
card content
|
|
20
|
+
</Card>
|
|
21
|
+
</section>
|
|
22
|
+
)
|
|
23
|
+
}
|
|
24
|
+
}
|
|
@@ -86,6 +86,7 @@ import { OpacityUtilitiesDoc } from './utilities/OpacityUtilities';
|
|
|
86
86
|
import { ObjectFitUtilitiesDoc } from './utilities/ObjectFitUtilities';
|
|
87
87
|
import { ObjectPositionUtilitiesDoc } from './utilities/ObjectPositionUtilities';
|
|
88
88
|
import LoaderDoc from './Loader';
|
|
89
|
+
import CardDoc from './Card';
|
|
89
90
|
|
|
90
91
|
|
|
91
92
|
interface IPages {
|
|
@@ -104,6 +105,10 @@ const pages: IPages = {
|
|
|
104
105
|
basicComponents: {
|
|
105
106
|
name: 'Basic Components',
|
|
106
107
|
items: {
|
|
108
|
+
'card': {
|
|
109
|
+
name: 'Card',
|
|
110
|
+
component: CardDoc,
|
|
111
|
+
},
|
|
107
112
|
'buttons': {
|
|
108
113
|
name: 'Buttons',
|
|
109
114
|
component: ButtonsDoc,
|
package/package.json
CHANGED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
interface IProps extends Pick<React.CSSProperties, 'paddingBlock'> {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
paddingBase: '0' | '1' | '2' | '3' | '4';
|
|
5
|
+
paddingBlock?: React.CSSProperties['paddingBlock'];
|
|
6
|
+
paddingBlockStart?: React.CSSProperties['paddingBlockStart'];
|
|
7
|
+
paddingBlockEnd?: React.CSSProperties['paddingBlockEnd'];
|
|
8
|
+
paddingInline?: React.CSSProperties['paddingInline'];
|
|
9
|
+
paddingInlineStart?: React.CSSProperties['paddingInlineStart'];
|
|
10
|
+
paddingInlineEnd?: React.CSSProperties['paddingInlineEnd'];
|
|
11
|
+
}
|
|
12
|
+
export declare class Card extends React.PureComponent<IProps> {
|
|
13
|
+
render(): JSX.Element;
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __extends = (this && this.__extends) || (function () {
|
|
3
|
+
var extendStatics = function (d, b) {
|
|
4
|
+
extendStatics = Object.setPrototypeOf ||
|
|
5
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
+
return extendStatics(d, b);
|
|
8
|
+
};
|
|
9
|
+
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
+
extendStatics(d, b);
|
|
13
|
+
function __() { this.constructor = d; }
|
|
14
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
|
+
exports.Card = void 0;
|
|
42
|
+
var React = __importStar(require("react"));
|
|
43
|
+
var Card = /** @class */ (function (_super) {
|
|
44
|
+
__extends(Card, _super);
|
|
45
|
+
function Card() {
|
|
46
|
+
return _super !== null && _super.apply(this, arguments) || this;
|
|
47
|
+
}
|
|
48
|
+
Card.prototype.render = function () {
|
|
49
|
+
return (React.createElement("div", { style: {
|
|
50
|
+
width: '100%',
|
|
51
|
+
background: 'var(--sd-item__main-Bg)',
|
|
52
|
+
borderRadius: 'var(--b-radius--medium)',
|
|
53
|
+
padding: "calc( ".concat(this.props.paddingBase, " * var(--base-increment))"),
|
|
54
|
+
boxShadow: 'var(--sd-shadow--z2)',
|
|
55
|
+
paddingBlock: this.props.paddingBlock,
|
|
56
|
+
paddingBlockStart: this.props.paddingBlockStart,
|
|
57
|
+
paddingBlockEnd: this.props.paddingBlockEnd,
|
|
58
|
+
paddingInline: this.props.paddingInline,
|
|
59
|
+
paddingInlineStart: this.props.paddingInlineStart,
|
|
60
|
+
paddingInlineEnd: this.props.paddingInlineEnd,
|
|
61
|
+
} }, this.props.children));
|
|
62
|
+
};
|
|
63
|
+
return Card;
|
|
64
|
+
}(React.PureComponent));
|
|
65
|
+
exports.Card = Card;
|
package/react/index.d.ts
CHANGED
|
@@ -6,6 +6,7 @@ export { SelectWithTemplate } from './components/SelectWithTemplate';
|
|
|
6
6
|
export { WithPagination } from './components/WithPagination';
|
|
7
7
|
export { Popover } from './components/Popover';
|
|
8
8
|
export { Label } from './components/Label';
|
|
9
|
+
export { Card } from './components/Card';
|
|
9
10
|
export { Badge } from './components/Badge';
|
|
10
11
|
export { Alert } from './components/Alert';
|
|
11
12
|
export { AvatarWrapper } from './components/avatar/avatar-wrapper';
|
package/react/index.js
CHANGED
|
@@ -16,9 +16,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
16
16
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
17
17
|
};
|
|
18
18
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
|
-
exports.
|
|
20
|
-
exports.
|
|
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 = void 0;
|
|
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
|
+
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;
|
|
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");
|
|
@@ -36,6 +36,8 @@ var Popover_1 = require("./components/Popover");
|
|
|
36
36
|
Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return Popover_1.Popover; } });
|
|
37
37
|
var Label_1 = require("./components/Label");
|
|
38
38
|
Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return Label_1.Label; } });
|
|
39
|
+
var Card_1 = require("./components/Card");
|
|
40
|
+
Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return Card_1.Card; } });
|
|
39
41
|
var Badge_1 = require("./components/Badge");
|
|
40
42
|
Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
|
|
41
43
|
var Alert_1 = require("./components/Alert");
|