superdesk-ui-framework 7.0.0-dev-hg0 → 7.0.0-dev-hg2
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/fonts/sd_big-icons.eot +0 -0
- package/app/fonts/sd_big-icons.svg +69 -0
- package/app/fonts/sd_big-icons.ttf +0 -0
- package/app/fonts/sd_big-icons.woff +0 -0
- package/app/fonts/sd_icons.eot +0 -0
- package/app/fonts/sd_icons.svg +202 -0
- package/app/fonts/sd_icons.ttf +0 -0
- package/app/fonts/sd_icons.woff +0 -0
- package/app/img/AvatarDefaultImage.svg +6 -0
- package/app/img/DotsSmall-dark.svg +14 -0
- package/app/img/OneDot.svg +3 -0
- package/app/img/SD-logo.svg +52 -0
- package/app/img/dots.svg +3 -0
- package/app/img/empty_states/empty-state--large-1.svg +221 -0
- package/app/img/empty_states/empty-state--large-2.svg +207 -0
- package/app/img/empty_states/empty-state--large-3.svg +231 -0
- package/app/img/empty_states/empty-state--large-dashboard.svg +642 -0
- package/app/img/empty_states/empty-state--small-1.svg +112 -0
- package/app/img/empty_states/empty-state--small-2.svg +49 -0
- package/app/img/empty_states/empty-state--small-3.svg +47 -0
- package/app/img/icon_illustrations/IconIllustration__headlines.svg +25 -0
- package/app/img/icon_illustrations/IconIllustration__keywords.svg +46 -0
- package/app/img/icon_illustrations/IconIllustration__optimise.svg +38 -0
- package/app/img/icon_illustrations/IconIllustration__summary.svg +27 -0
- package/app/img/icon_illustrations/IconIllustration__translate.svg +12 -0
- package/app/img/icon_image_stack--white.svg +16 -0
- package/app/img/icon_image_stack.svg +16 -0
- package/app/img/spinner.svg +3 -0
- package/app/img/spinning-wheel.gif +0 -0
- package/app/img/theme-thumbnail.png +0 -0
- package/app/img/themes/theme-base.svg +1 -0
- package/app/img/themes/theme-contrast.svg +45 -0
- package/app/img/themes/theme-dark.svg +1 -0
- package/app/img/themes/theme-light.svg +1 -0
- package/app/img/three-dots.svg +33 -0
- package/app/styles/_accessibility.scss +358 -0
- package/app/styles/_alerts.scss +392 -0
- package/app/styles/_animations.scss +73 -0
- package/app/styles/_avatar.scss +526 -0
- package/app/styles/_badge.scss +106 -0
- package/app/styles/_big-icon-font.scss +182 -0
- package/app/styles/_boxed-list.scss +284 -0
- package/app/styles/_buttons.scss +874 -0
- package/app/styles/_carousel.scss +232 -0
- package/app/styles/_content-divider.scss +233 -0
- package/app/styles/_design-tokens.scss +6 -0
- package/app/styles/_drag-drop.scss +26 -0
- package/app/styles/_drag-handle.scss +48 -0
- package/app/styles/_empty-states.scss +81 -0
- package/app/styles/_expand-button.scss +31 -0
- package/app/styles/_hamburger.scss +160 -0
- package/app/styles/_helpers.scss +2220 -0
- package/app/styles/_icon-font.scss +488 -0
- package/app/styles/_icon-labels.scss +140 -0
- package/app/styles/_labels.scss +184 -0
- package/app/styles/_loaders.scss +29 -0
- package/app/styles/_master-desk.scss +323 -0
- package/app/styles/_mixins.scss +164 -0
- package/app/styles/_modals.scss +452 -0
- package/app/styles/_normalize.scss +466 -0
- package/app/styles/_panel-info.scss +48 -0
- package/app/styles/_popover.scss +29 -0
- package/app/styles/_pr-superdesk-theme.scss +4 -0
- package/app/styles/_publisher-styles.scss +195 -0
- package/app/styles/_reboot.scss +65 -0
- package/app/styles/_sd-tag-input.scss +715 -0
- package/app/styles/_simple-list.scss +158 -0
- package/app/styles/_spinner.scss +47 -0
- package/app/styles/_table-list.scss +385 -0
- package/app/styles/_tables.scss +150 -0
- package/app/styles/_tabs-vertical.scss +58 -0
- package/app/styles/_tabs.scss +232 -0
- package/app/styles/_tag-labels.scss +210 -0
- package/app/styles/_thumb-carousel.scss +247 -0
- package/app/styles/_time.scss +113 -0
- package/app/styles/_toggle-box.scss +175 -0
- package/app/styles/_toggle-button.scss +46 -0
- package/app/styles/_tooltips.scss +431 -0
- package/app/styles/_variables.scss +4 -0
- package/app/styles/app.scss +127 -0
- package/app/styles/components/_calendar-week-day.scss +99 -0
- package/app/styles/components/_card-item.scss +586 -0
- package/app/styles/components/_list-item.scss +694 -0
- package/app/styles/components/_load-more-indicator.scss +15 -0
- package/app/styles/components/_overflow-stack.scss +120 -0
- package/app/styles/components/_sd-circular-progress.scss +239 -0
- package/app/styles/components/_sd-collapse-box.scss +292 -0
- package/app/styles/components/_sd-comment-box.scss +42 -0
- package/app/styles/components/_sd-dropzone.scss +134 -0
- package/app/styles/components/_sd-editor-popup.scss +106 -0
- package/app/styles/components/_sd-grid-item.scss +865 -0
- package/app/styles/components/_sd-loader.scss +39 -0
- package/app/styles/components/_sd-media-carousel.scss +408 -0
- package/app/styles/components/_sd-notification-panel.scss +51 -0
- package/app/styles/components/_sd-pagination.scss +51 -0
- package/app/styles/components/_sd-photo-preview.scss +508 -0
- package/app/styles/components/_sd-searchbar.scss +276 -0
- package/app/styles/components/_sd-toaster.scss +226 -0
- package/app/styles/components/_subnav.scss +777 -0
- package/app/styles/components/_theme-selector.scss +221 -0
- package/app/styles/components/sd-slider.scss +125 -0
- package/app/styles/design-tokens/_brand-colors.scss +36 -0
- package/app/styles/design-tokens/_component-tokens.scss +11 -0
- package/app/styles/design-tokens/_design-tokens-general.scss +145 -0
- package/app/styles/design-tokens/_new-colors.scss +820 -0
- package/app/styles/design-tokens/_primitives.scss +161 -0
- package/app/styles/design-tokens/_semantic-colors.scss +161 -0
- package/app/styles/dropdowns/_basic-dropdown.scss +760 -0
- package/app/styles/dropdowns/_input-dropdown.scss +26 -0
- package/app/styles/dropdowns/_navigation_dropdown.scss +126 -0
- package/app/styles/dropdowns/_nested-dropdown.scss +95 -0
- package/app/styles/dropdowns/_other_dropdown.scss +59 -0
- package/app/styles/dropdowns/dropdown2.scss +4 -0
- package/app/styles/editor/_editor-buttons.scss +61 -0
- package/app/styles/editor/_editor-themes.scss +550 -0
- package/app/styles/form-elements/_autocomplete.scss +54 -0
- package/app/styles/form-elements/_checkbox.scss +770 -0
- package/app/styles/form-elements/_forms-general.scss +543 -0
- package/app/styles/form-elements/_input-preview.scss +80 -0
- package/app/styles/form-elements/_input-wrap.scss +147 -0
- package/app/styles/form-elements/_inputs.scss +1425 -0
- package/app/styles/form-elements/_radio.scss +65 -0
- package/app/styles/form-elements/_select-grid.scss +81 -0
- package/app/styles/form-elements/_switch.scss +109 -0
- package/app/styles/grids/_basic-grid.scss +206 -0
- package/app/styles/grids/_grid-layout.scss +1162 -0
- package/app/styles/grids/_layout-grid.scss +176 -0
- package/app/styles/grids/_sd-kanban-list.scss +92 -0
- package/app/styles/index.js +1 -0
- package/app/styles/interface-elements/_side-panel.scss +595 -0
- package/app/styles/layout/_basic-layout.scss +149 -0
- package/app/styles/layout/_container.scss +45 -0
- package/app/styles/layout/_editor.scss +464 -0
- package/app/styles/layout/_general.scss +92 -0
- package/app/styles/menus/_sd-bottom-tabs.scss +79 -0
- package/app/styles/menus/_sd-content-navigation.scss +50 -0
- package/app/styles/menus/_sd-left-navigation.scss +126 -0
- package/app/styles/menus/_sd-sidebar-menu.scss +465 -0
- package/app/styles/menus/_sd-top-menu.scss +105 -0
- package/app/styles/pr-superdesk-theme.scss +7 -0
- package/app/styles/primereact/_pr-autocomplete.scss +27 -0
- package/app/styles/primereact/_pr-datepicker.scss +288 -0
- package/app/styles/primereact/_pr-dialog.scss +399 -0
- package/app/styles/primereact/_pr-dropdown.scss +233 -0
- package/app/styles/primereact/_pr-general.scss +72 -0
- package/app/styles/primereact/_pr-menu.scss +60 -0
- package/app/styles/primereact/_pr-skeleton.scss +36 -0
- package/app/styles/primereact/_pr-tag-input.scss +66 -0
- package/app/styles/variables/_colors.scss +275 -0
- package/app/styles/variables/_dimensions.scss +89 -0
- package/app/styles/variables/_form-elements.scss +0 -0
- package/app/styles/variables/_typography.scss +20 -0
- package/dist/esm/components/EmptyState.d.ts.map +1 -1
- package/dist/esm/components/EmptyState.js +22 -1
- package/dist/esm/components/EmptyState.js.map +1 -1
- package/dist/fonts/sd_big-icons.eot +0 -0
- package/dist/fonts/sd_big-icons.svg +69 -0
- package/dist/fonts/sd_big-icons.ttf +0 -0
- package/dist/fonts/sd_big-icons.woff +0 -0
- package/dist/fonts/sd_icons.eot +0 -0
- package/dist/fonts/sd_icons.svg +202 -0
- package/dist/fonts/sd_icons.ttf +0 -0
- package/dist/fonts/sd_icons.woff +0 -0
- package/dist/img/AvatarDefaultImage.svg +6 -0
- package/dist/img/DotsSmall-dark.svg +14 -0
- package/dist/img/OneDot.svg +3 -0
- package/dist/img/SD-logo.svg +52 -0
- package/dist/img/dots.svg +3 -0
- package/dist/img/empty_states/empty-state--large-1.svg +221 -0
- package/dist/img/empty_states/empty-state--large-2.svg +207 -0
- package/dist/img/empty_states/empty-state--large-3.svg +231 -0
- package/dist/img/empty_states/empty-state--large-dashboard.svg +642 -0
- package/dist/img/empty_states/empty-state--small-1.svg +112 -0
- package/dist/img/empty_states/empty-state--small-2.svg +49 -0
- package/dist/img/empty_states/empty-state--small-3.svg +47 -0
- package/dist/img/icon_illustrations/IconIllustration__headlines.svg +25 -0
- package/dist/img/icon_illustrations/IconIllustration__keywords.svg +46 -0
- package/dist/img/icon_illustrations/IconIllustration__optimise.svg +38 -0
- package/dist/img/icon_illustrations/IconIllustration__summary.svg +27 -0
- package/dist/img/icon_illustrations/IconIllustration__translate.svg +12 -0
- package/dist/img/icon_image_stack--white.svg +16 -0
- package/dist/img/icon_image_stack.svg +16 -0
- package/dist/img/spinner.svg +3 -0
- package/dist/img/spinning-wheel.gif +0 -0
- package/dist/img/theme-thumbnail.png +0 -0
- package/dist/img/themes/theme-base.svg +1 -0
- package/dist/img/themes/theme-contrast.svg +45 -0
- package/dist/img/themes/theme-dark.svg +1 -0
- package/dist/img/themes/theme-light.svg +1 -0
- package/dist/img/three-dots.svg +33 -0
- package/dist/superdesk-ui.bundle.js +1 -1
- package/package.json +10 -3
- package/react/components/EmptyState.d.ts.map +1 -1
- package/react/components/EmptyState.js +22 -1
- package/react/components/EmptyState.js.map +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "superdesk-ui-framework",
|
|
3
|
-
"version": "7.0.0-dev-
|
|
3
|
+
"version": "7.0.0-dev-hg2",
|
|
4
4
|
"license": "AGPL-3.0",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
"main": "./dist/superdesk-ui.bundle.js",
|
|
10
10
|
"module": "./dist/esm/index.js",
|
|
11
11
|
"types": "./dist/esm/index.d.ts",
|
|
12
|
+
"style": "./dist/styles/app.css",
|
|
12
13
|
"exports": {
|
|
13
14
|
".": {
|
|
14
15
|
"types": "./dist/esm/index.d.ts",
|
|
@@ -34,9 +35,14 @@
|
|
|
34
35
|
"files": [
|
|
35
36
|
"dist/esm/",
|
|
36
37
|
"dist/styles/",
|
|
38
|
+
"dist/img/",
|
|
39
|
+
"dist/fonts/",
|
|
37
40
|
"dist/superdesk-ui.bundle.js",
|
|
38
41
|
"dist/superdesk-ui.bundle.css",
|
|
39
42
|
"react/",
|
|
43
|
+
"app/styles/",
|
|
44
|
+
"app/fonts/",
|
|
45
|
+
"app/img/",
|
|
40
46
|
"README.md",
|
|
41
47
|
"LICENSE"
|
|
42
48
|
],
|
|
@@ -56,8 +62,9 @@
|
|
|
56
62
|
"build:umd": "webpack --config tasks/webpack.prod.js",
|
|
57
63
|
"build:css": "sass app/styles/app.scss dist/styles/app.css --style=compressed --source-map",
|
|
58
64
|
"build:types-legacy": "tsc -p tsconfig.json",
|
|
59
|
-
"
|
|
60
|
-
"
|
|
65
|
+
"copy-assets": "mkdir -p dist/img dist/fonts && cp -r app/img/* dist/img/ && cp -r app/fonts/* dist/fonts/",
|
|
66
|
+
"build": "npm run clean && npm run build:esm && npm run build:umd && npm run build:types-legacy && npm run build:css && npm run copy-assets && npm run build-storybook && npm run copy-storybook",
|
|
67
|
+
"clean": "rm -rf dist/esm dist/styles dist/img dist/fonts react dist/*.bundle.* dist/*.chunk.* storybook-static",
|
|
61
68
|
"watch:esm": "tsc -p tsconfig.esm.json --watch",
|
|
62
69
|
"watch:umd": "webpack --watch --config tasks/webpack.prod.js",
|
|
63
70
|
"watch": "npm run watch:esm & npm run watch:umd",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../app-typescript/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../app-typescript/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,UAAU,MAAM;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,qBAAa,UAAW,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;IACvD,MAAM;CA2BT"}
|
|
@@ -1,5 +1,26 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
+
// Static imports for all empty state images
|
|
4
|
+
import emptyStateSmall1 from '../../app/img/empty_states/empty-state--small-1.svg';
|
|
5
|
+
import emptyStateSmall2 from '../../app/img/empty_states/empty-state--small-2.svg';
|
|
6
|
+
import emptyStateSmall3 from '../../app/img/empty_states/empty-state--small-3.svg';
|
|
7
|
+
import emptyStateLarge1 from '../../app/img/empty_states/empty-state--large-1.svg';
|
|
8
|
+
import emptyStateLarge2 from '../../app/img/empty_states/empty-state--large-2.svg';
|
|
9
|
+
import emptyStateLarge3 from '../../app/img/empty_states/empty-state--large-3.svg';
|
|
10
|
+
import emptyStateLargeDashboard from '../../app/img/empty_states/empty-state--large-dashboard.svg';
|
|
11
|
+
const emptyStateImages = {
|
|
12
|
+
small: {
|
|
13
|
+
'1': emptyStateSmall1,
|
|
14
|
+
'2': emptyStateSmall2,
|
|
15
|
+
'3': emptyStateSmall3,
|
|
16
|
+
},
|
|
17
|
+
large: {
|
|
18
|
+
'1': emptyStateLarge1,
|
|
19
|
+
'2': emptyStateLarge2,
|
|
20
|
+
'3': emptyStateLarge3,
|
|
21
|
+
'dashboard': emptyStateLargeDashboard,
|
|
22
|
+
},
|
|
23
|
+
};
|
|
3
24
|
export class EmptyState extends React.PureComponent {
|
|
4
25
|
render() {
|
|
5
26
|
let classes = classNames('content-state__image', {
|
|
@@ -8,7 +29,7 @@ export class EmptyState extends React.PureComponent {
|
|
|
8
29
|
});
|
|
9
30
|
const size = this.props.size ?? 'small';
|
|
10
31
|
const illustration = this.props.illustration ?? '1';
|
|
11
|
-
const image =
|
|
32
|
+
const image = emptyStateImages[size]?.[illustration] ?? emptyStateSmall1;
|
|
12
33
|
return (React.createElement("div", { className: 'content-state--empty-container' +
|
|
13
34
|
(this.props.absolutePositioned ? ' content-state__empty-container--absolute' : '') },
|
|
14
35
|
React.createElement("div", { className: "content-state__empty-info" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../app-typescript/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../app-typescript/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,4CAA4C;AAC5C,OAAO,gBAAgB,MAAM,qDAAqD,CAAC;AACnF,OAAO,gBAAgB,MAAM,qDAAqD,CAAC;AACnF,OAAO,gBAAgB,MAAM,qDAAqD,CAAC;AACnF,OAAO,gBAAgB,MAAM,qDAAqD,CAAC;AACnF,OAAO,gBAAgB,MAAM,qDAAqD,CAAC;AACnF,OAAO,gBAAgB,MAAM,qDAAqD,CAAC;AACnF,OAAO,wBAAwB,MAAM,6DAA6D,CAAC;AAEnG,MAAM,gBAAgB,GAA2C;IAC7D,KAAK,EAAE;QACH,GAAG,EAAE,gBAAgB;QACrB,GAAG,EAAE,gBAAgB;QACrB,GAAG,EAAE,gBAAgB;KACxB;IACD,KAAK,EAAE;QACH,GAAG,EAAE,gBAAgB;QACrB,GAAG,EAAE,gBAAgB;QACrB,GAAG,EAAE,gBAAgB;QACrB,WAAW,EAAE,wBAAwB;KACxC;CACJ,CAAC;AAUF,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,aAAqB;IACvD,MAAM;QACF,IAAI,OAAO,GAAG,UAAU,CAAC,sBAAsB,EAAE;YAC7C,6BAA6B,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS;YAC5D,CAAC,yBAAyB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS;SACjG,CAAC,CAAC;QAEH,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,OAAO,CAAC;QACxC,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,GAAG,CAAC;QACpD,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,IAAI,gBAAgB,CAAC;QAEzE,OAAO,CACH,6BACI,SAAS,EACL,gCAAgC;gBAChC,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,2CAA2C,CAAC,CAAC,CAAC,EAAE,CAAC;YAGtF,6BAAK,SAAS,EAAC,2BAA2B;gBACtC,gCAAQ,SAAS,EAAE,OAAO;oBACtB,6BAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GAAI,CAC5C;gBACT,4BAAI,SAAS,EAAC,wBAAwB,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAM;gBAC9D,2BAAG,SAAS,EAAC,4BAA4B,IAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAK,CACpE,CACJ,CACT,CAAC;IACN,CAAC;CACJ"}
|