superdesk-ui-framework 3.0.1-beta.16 → 3.0.1-beta.17

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 (57) hide show
  1. package/app/styles/_master-desk.scss +3 -2
  2. package/app/styles/components/_sd-photo-preview.scss +2 -2
  3. package/app/styles/layout/_editor.scss +5 -0
  4. package/dist/examples.bundle.js +1 -1
  5. package/dist/superdesk-ui.bundle.css +14 -6
  6. package/package.json +1 -1
  7. package/.vscode/settings.json +0 -5
  8. package/app-typescript/dist/components/Alert.d.ts +0 -16
  9. package/app-typescript/dist/components/Autocomplete.d.ts +0 -48
  10. package/app-typescript/dist/components/Avatar.d.ts +0 -33
  11. package/app-typescript/dist/components/Badge.d.ts +0 -13
  12. package/app-typescript/dist/components/Button.d.ts +0 -23
  13. package/app-typescript/dist/components/ButtonGroup.d.ts +0 -12
  14. package/app-typescript/dist/components/CheckButtonGroup.d.ts +0 -11
  15. package/app-typescript/dist/components/CheckGroup.d.ts +0 -9
  16. package/app-typescript/dist/components/Checkbox.d.ts +0 -19
  17. package/app-typescript/dist/components/CheckboxButton.d.ts +0 -19
  18. package/app-typescript/dist/components/DatePicker.d.ts +0 -37
  19. package/app-typescript/dist/components/Divider.d.ts +0 -9
  20. package/app-typescript/dist/components/DonutChart.d.ts +0 -12
  21. package/app-typescript/dist/components/Dropdown.d.ts +0 -28
  22. package/app-typescript/dist/components/DropdownFirst.d.ts +0 -42
  23. package/app-typescript/dist/components/EmptyState.d.ts +0 -11
  24. package/app-typescript/dist/components/FormLabel.d.ts +0 -9
  25. package/app-typescript/dist/components/Genie.d.ts +0 -13
  26. package/app-typescript/dist/components/GridItem.d.ts +0 -69
  27. package/app-typescript/dist/components/GridList.d.ts +0 -14
  28. package/app-typescript/dist/components/HeadingText.d.ts +0 -10
  29. package/app-typescript/dist/components/HelloWorld.d.ts +0 -8
  30. package/app-typescript/dist/components/Icon.d.ts +0 -12
  31. package/app-typescript/dist/components/IconButton.d.ts +0 -12
  32. package/app-typescript/dist/components/IconLabel.d.ts +0 -11
  33. package/app-typescript/dist/components/Input.d.ts +0 -24
  34. package/app-typescript/dist/components/Label.d.ts +0 -15
  35. package/app-typescript/dist/components/LeftMenu.d.ts +0 -26
  36. package/app-typescript/dist/components/Loader.d.ts +0 -8
  37. package/app-typescript/dist/components/NavButton.d.ts +0 -15
  38. package/app-typescript/dist/components/Popover.d.ts +0 -13
  39. package/app-typescript/dist/components/PropsList.d.ts +0 -15
  40. package/app-typescript/dist/components/Radio.d.ts +0 -19
  41. package/app-typescript/dist/components/RadioButton.d.ts +0 -20
  42. package/app-typescript/dist/components/Select.d.ts +0 -29
  43. package/app-typescript/dist/components/SelectWithTemplate.d.ts +0 -32
  44. package/app-typescript/dist/components/SlidingToolbar.d.ts +0 -8
  45. package/app-typescript/dist/components/StrechBar.d.ts +0 -4
  46. package/app-typescript/dist/components/SubNav.d.ts +0 -10
  47. package/app-typescript/dist/components/Switch.d.ts +0 -12
  48. package/app-typescript/dist/components/TabCustom.d.ts +0 -25
  49. package/app-typescript/dist/components/TabList.d.ts +0 -22
  50. package/app-typescript/dist/components/Tag.d.ts +0 -9
  51. package/app-typescript/dist/components/TagInput.d.ts +0 -7
  52. package/app-typescript/dist/components/TagInputTest.d.ts +0 -18
  53. package/app-typescript/dist/components/TimePicker.d.ts +0 -11
  54. package/app-typescript/dist/components/Tooltip.d.ts +0 -11
  55. package/app-typescript/dist/components/_Positioner.d.ts +0 -27
  56. package/app-typescript/dist/index.d.ts +0 -56
  57. package/yarn-error.log +0 -111
@@ -171,14 +171,15 @@ $board-header-border-color: var(--color-kanban-border);
171
171
  opacity: 0.4;
172
172
  }
173
173
  }
174
- .sd-inset-search__input {
174
+ .sd-inset-search__input,
175
+ input.sd-inset-search__input {
175
176
  flex-grow: 1;
176
177
  flex-shrink: 1;
177
178
  font-size: 1.4rem;
178
179
  padding: 0;
179
180
  color: inherit;
180
181
  align-self: auto;
181
- background-color: transparent;
182
+ background-color: transparent !important;
182
183
  border: 0;
183
184
  box-shadow: none !important;
184
185
  padding: 0 1rem 0 3rem;
@@ -338,11 +338,11 @@ $photo-nav-transition: all 0.2s ease-out;
338
338
  }
339
339
 
340
340
  .sd-photo-preview__slide-in-button {
341
- position: absolute;
341
+ position: absolute !important;
342
342
  top: 2.4rem;
343
343
  right: 0;
344
344
  z-index: 2;
345
- background-color: rgba(255,255,255,0.1);
345
+ background-color: hsla(0, 0%, 100%, 0.1);
346
346
  height:4.8rem;
347
347
  width:4.8rem;
348
348
  color: $white;
@@ -372,6 +372,11 @@
372
372
  }
373
373
  }
374
374
 
375
+ .sd-content-wrapper--editor-full .open-editor .sd-editor__container {
376
+ min-width: auto;
377
+ max-width: none;
378
+ }
379
+
375
380
  .sd-editor__input--title {
376
381
  -webkit-appearance: none;
377
382
  -moz-appearance: none;
@@ -137768,7 +137768,7 @@ exports.WithSizeObserverDocs = WithSizeObserverDocs;
137768
137768
  /* 649 */
137769
137769
  /***/ (function(module, exports) {
137770
137770
 
137771
- module.exports = {"name":"superdesk-ui-framework","version":"3.0.1-beta.16","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","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build"},"devDependencies":{"@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/lodash":"^4.14.161","@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.14.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","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","lodash":"4.17.21","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-bootstrap":"^0.31.2","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","tslint":"^5.18.0","typescript":"4.5.2","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":{"@material-ui/lab":"^4.0.0-alpha.56","@popperjs/core":"^2.4.0","@superdesk/primereact":"^5.0.2-6","@types/node":"^14.10.2","chart.js":"^2.9.3","date-fns":"2.7.0","moment":"^2.29.3","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-popper":"^2.2.3","react-scrollspy":"^3.4.3"}}
137771
+ module.exports = {"name":"superdesk-ui-framework","version":"3.0.1-beta.17","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","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build"},"devDependencies":{"@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/lodash":"^4.14.161","@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.14.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","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","lodash":"4.17.21","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-bootstrap":"^0.31.2","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","tslint":"^5.18.0","typescript":"4.5.2","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":{"@material-ui/lab":"^4.0.0-alpha.56","@popperjs/core":"^2.4.0","@superdesk/primereact":"^5.0.2-6","@types/node":"^14.10.2","chart.js":"^2.9.3","date-fns":"2.7.0","moment":"^2.29.3","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-popper":"^2.2.3","react-scrollspy":"^3.4.3"}}
137772
137772
 
137773
137773
  /***/ }),
137774
137774
  /* 650 */
@@ -34495,24 +34495,28 @@ tags-input,
34495
34495
  font-family: 'sd_icons';
34496
34496
  opacity: 0.4; }
34497
34497
 
34498
- .sd-inset-search__input {
34498
+ .sd-inset-search__input,
34499
+ input.sd-inset-search__input {
34499
34500
  flex-grow: 1;
34500
34501
  flex-shrink: 1;
34501
34502
  font-size: 1.4rem;
34502
34503
  padding: 0;
34503
34504
  color: inherit;
34504
34505
  align-self: auto;
34505
- background-color: transparent;
34506
+ background-color: transparent !important;
34506
34507
  border: 0;
34507
34508
  box-shadow: none !important;
34508
34509
  padding: 0 1rem 0 3rem;
34509
34510
  height: auto;
34510
34511
  color: inherit; }
34511
- .sd-inset-search__input::-ms-clear {
34512
+ .sd-inset-search__input::-ms-clear,
34513
+ input.sd-inset-search__input::-ms-clear {
34512
34514
  display: none; }
34513
- .sd-inset-search__input:focus {
34515
+ .sd-inset-search__input:focus,
34516
+ input.sd-inset-search__input:focus {
34514
34517
  box-shadow: unset !important; }
34515
- .sd-inset-search__input::placeholder {
34518
+ .sd-inset-search__input::placeholder,
34519
+ input.sd-inset-search__input::placeholder {
34516
34520
  opacity: 0.8;
34517
34521
  font-weight: 300; }
34518
34522
 
@@ -39566,6 +39570,10 @@ a.text-link {
39566
39570
  .open-editor .sd-editor__container.sd-editor__container--large {
39567
39571
  min-width: 52vw; }
39568
39572
 
39573
+ .sd-content-wrapper--editor-full .open-editor .sd-editor__container {
39574
+ min-width: auto;
39575
+ max-width: none; }
39576
+
39569
39577
  .sd-editor__input--title {
39570
39578
  -webkit-appearance: none;
39571
39579
  -moz-appearance: none;
@@ -41471,7 +41479,7 @@ a.text-link {
41471
41479
  max-height: calc(100vh - 53px - 90px); }
41472
41480
 
41473
41481
  .sd-photo-preview__slide-in-button {
41474
- position: absolute;
41482
+ position: absolute !important;
41475
41483
  top: 2.4rem;
41476
41484
  right: 0;
41477
41485
  z-index: 2;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "superdesk-ui-framework",
3
- "version": "3.0.1-beta.16",
3
+ "version": "3.0.1-beta.17",
4
4
  "license": "AGPL-3.0",
5
5
  "repository": {
6
6
  "type": "git",
@@ -1,5 +0,0 @@
1
- {
2
- "cSpell.words": [
3
- "qcode"
4
- ]
5
- }
@@ -1,16 +0,0 @@
1
- import * as React from 'react';
2
- interface IProps {
3
- type?: 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'sd-green';
4
- style?: 'filled' | 'hollow';
5
- size?: 'normal' | 'small';
6
- restoreIcon?: 'info' | 'help';
7
- }
8
- interface IState {
9
- open: boolean;
10
- }
11
- export declare class Alert extends React.PureComponent<IProps, IState> {
12
- constructor(props: IProps);
13
- onToggle(): void;
14
- render(): JSX.Element;
15
- }
16
- export {};
@@ -1,48 +0,0 @@
1
- import * as React from 'react';
2
- interface IProps {
3
- items: Array<any>;
4
- keyValue?: string;
5
- minLength?: number;
6
- value?: string | object;
7
- label?: string;
8
- placeholder?: string;
9
- info?: string;
10
- error?: string;
11
- required?: boolean;
12
- disabled?: boolean;
13
- invalid?: boolean;
14
- inlineLabel?: boolean;
15
- isSearchField?: boolean;
16
- listItemTemplate?(value: any): any;
17
- search?(searhString: string, callback: (result: Array<any>) => void): {
18
- cancel: () => void;
19
- };
20
- onChange(newValue: string): void;
21
- onSelect?(suggestion: string): void;
22
- }
23
- interface IState {
24
- selectedItem: any;
25
- filteredItems: any;
26
- invalid: boolean;
27
- focused: boolean;
28
- }
29
- export declare class Autocomplete extends React.Component<IProps, IState> {
30
- latestCall?: {
31
- cancel: () => void;
32
- };
33
- constructor(props: IProps);
34
- htmlId: string;
35
- search(term: string): void;
36
- searchItem(event: any): void;
37
- handleChange(event: {
38
- originalEvent: Event;
39
- value: any;
40
- }): void;
41
- handleSelect(event: {
42
- originalEvent: Event;
43
- value: any;
44
- }): void;
45
- handleInputClear(): void;
46
- render(): JSX.Element;
47
- }
48
- export {};
@@ -1,33 +0,0 @@
1
- import * as React from 'react';
2
- interface IBase {
3
- tooltipText?: string;
4
- }
5
- interface IImageAvatar extends IBase {
6
- imageUrl?: string;
7
- }
8
- interface ITextAvatar extends IBase {
9
- text: string;
10
- }
11
- export declare class AvatarContentText extends React.PureComponent<ITextAvatar> {
12
- render(): JSX.Element;
13
- }
14
- export declare class AvatarContentImage extends React.PureComponent<IImageAvatar> {
15
- render(): JSX.Element;
16
- }
17
- interface IPropsAvatarWrapper {
18
- size?: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
19
- statusIndicator?: {
20
- status: 'online' | 'offline';
21
- tooltipText?: string;
22
- };
23
- administratorIndicator?: {
24
- enabled: boolean;
25
- tooltipText?: string;
26
- };
27
- children: React.ReactNode;
28
- 'data-test-id'?: string;
29
- }
30
- export declare class AvatarWrapper extends React.PureComponent<IPropsAvatarWrapper> {
31
- render(): JSX.Element;
32
- }
33
- export {};
@@ -1,13 +0,0 @@
1
- import * as React from 'react';
2
- interface IProps {
3
- text?: string;
4
- type?: 'default' | 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'light';
5
- color?: string;
6
- shape?: 'round' | 'square';
7
- children?: React.ReactNode;
8
- 'data-test-id'?: string;
9
- }
10
- export declare class Badge extends React.PureComponent<IProps> {
11
- render(): JSX.Element;
12
- }
13
- export {};
@@ -1,23 +0,0 @@
1
- import * as React from 'react';
2
- interface IButtonBase {
3
- id?: string;
4
- theme?: 'light' | 'dark';
5
- type?: 'default' | 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'sd-green';
6
- size?: 'small' | 'normal' | 'large';
7
- children?: never;
8
- icon?: string;
9
- disabled?: boolean;
10
- iconOnly?: boolean;
11
- onClick(): void;
12
- 'data-test-id'?: string;
13
- }
14
- interface IPropsButton extends IButtonBase {
15
- text: string;
16
- expand?: boolean;
17
- style?: 'filled' | 'hollow' | 'text-only';
18
- shape?: 'square' | 'round';
19
- }
20
- export declare class Button extends React.PureComponent<IPropsButton> {
21
- render(): JSX.Element;
22
- }
23
- export {};
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- interface IProps {
3
- orientation?: 'horizontal' | 'vertical';
4
- spaces?: 'comfort' | 'compact';
5
- align?: 'left' | 'right' | 'center' | 'inline';
6
- padded?: boolean;
7
- children: React.ReactNode;
8
- }
9
- export declare class ButtonGroup extends React.PureComponent<IProps> {
10
- render(): JSX.Element;
11
- }
12
- export {};
@@ -1,11 +0,0 @@
1
- import * as React from 'react';
2
- interface IProps {
3
- orientation?: 'horizontal' | 'vertical';
4
- grid?: boolean;
5
- align?: 'left' | 'right' | 'center' | 'inline';
6
- padded?: boolean;
7
- }
8
- export declare class CheckButtonGroup extends React.PureComponent<IProps> {
9
- render(): JSX.Element;
10
- }
11
- export {};
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- interface IProps {
3
- orientation?: 'horizontal' | 'vertical';
4
- children: React.ReactNode;
5
- }
6
- export declare class CheckGroup extends React.PureComponent<IProps> {
7
- render(): JSX.Element;
8
- }
9
- export {};
@@ -1,19 +0,0 @@
1
- import * as React from 'react';
2
- interface IProps {
3
- label: {
4
- text: string;
5
- side?: 'left' | 'right';
6
- hidden?: boolean;
7
- };
8
- checked?: boolean;
9
- disabled?: boolean;
10
- required?: boolean;
11
- onChange(nextValue: boolean): void;
12
- }
13
- export declare class Checkbox extends React.Component<IProps> {
14
- htmlId: string;
15
- constructor(props: IProps);
16
- handleChange(event: React.ChangeEvent<HTMLInputElement>): void;
17
- render(): JSX.Element;
18
- }
19
- export {};
@@ -1,19 +0,0 @@
1
- import * as React from 'react';
2
- interface IProps {
3
- label: {
4
- text: string;
5
- icon?: string;
6
- hidden?: boolean;
7
- };
8
- checked?: boolean;
9
- disabled?: boolean;
10
- required?: boolean;
11
- onChange(nextValue: boolean): void;
12
- }
13
- export declare class CheckboxButton extends React.Component<IProps> {
14
- htmlId: string;
15
- constructor(props: IProps);
16
- handleChange(event: React.ChangeEvent<HTMLInputElement>): void;
17
- render(): JSX.Element;
18
- }
19
- export {};
@@ -1,37 +0,0 @@
1
- import * as React from 'react';
2
- import { LocaleSettings, CalendarProps } from '@superdesk/primereact/calendar';
3
- export declare type DatePickerLocaleSettings = Omit<LocaleSettings, 'today' | 'clear'>;
4
- interface IDatePickerBase {
5
- disabled?: boolean;
6
- dateFormat: string;
7
- shortcuts?: Array<{
8
- days: number;
9
- label: string;
10
- }>;
11
- locale?: DatePickerLocaleSettings;
12
- }
13
- interface IDatePicker extends IDatePickerBase {
14
- value: Date | null;
15
- onChange(valueNext: Date | null): void;
16
- }
17
- interface IState {
18
- value: CalendarProps['value'];
19
- valid: boolean;
20
- }
21
- export declare class DatePicker extends React.PureComponent<IDatePicker, IState> {
22
- private instance;
23
- hidePopupOnScroll: () => void;
24
- constructor(props: IDatePicker);
25
- componentDidMount(): void;
26
- componentWillUnmount(): void;
27
- componentDidUpdate(prevProps: IDatePicker): void;
28
- render(): JSX.Element;
29
- }
30
- interface IDatePickerISO extends IDatePickerBase {
31
- value: string;
32
- onChange(value: string): void;
33
- }
34
- export declare class DatePickerISO extends React.PureComponent<IDatePickerISO> {
35
- render(): JSX.Element;
36
- }
37
- export {};
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- interface IProps {
3
- size?: 'mini' | 'small' | 'medium' | 'large';
4
- border?: boolean;
5
- }
6
- export declare class Divider extends React.PureComponent<IProps> {
7
- render(): JSX.Element;
8
- }
9
- export {};
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- import { ChartData, ChartOptions } from 'chart.js';
3
- interface IProps {
4
- data: ChartData;
5
- options: ChartOptions;
6
- width: string;
7
- height: string;
8
- }
9
- export declare class DonutChart extends React.Component<IProps, {}> {
10
- render(): JSX.Element;
11
- }
12
- export {};
@@ -1,28 +0,0 @@
1
- import * as React from 'react';
2
- export interface IMenuItem {
3
- label: string;
4
- icon?: string;
5
- onSelect(): void;
6
- }
7
- export interface ISubmenu {
8
- type: 'submenu';
9
- label: string;
10
- icon?: string;
11
- items: Array<IMenuItem | ISubmenu | IMenuGroup | 'divider'>;
12
- }
13
- export interface IMenuGroup {
14
- type: 'group';
15
- label?: string;
16
- items: Array<IMenuItem | ISubmenu | IMenuGroup | 'divider'>;
17
- }
18
- interface IMenu {
19
- label?: string;
20
- align?: 'left' | 'right';
21
- items: Array<IMenuItem | ISubmenu | IMenuGroup | 'divider'>;
22
- header?: Array<IMenuItem | ISubmenu | IMenuGroup | 'divider'>;
23
- footer?: Array<IMenuItem | ISubmenu | IMenuGroup | 'divider'>;
24
- append?: boolean;
25
- children: React.ReactNode;
26
- }
27
- export declare const Dropdown: ({ items, header, footer, children, append, align, }: IMenu) => JSX.Element;
28
- export {};
@@ -1,42 +0,0 @@
1
- import * as React from 'react';
2
- interface IProps {
3
- name: string;
4
- align?: 'left' | 'right';
5
- side?: 'left' | 'right';
6
- icon?: string;
7
- navDropdown?: boolean;
8
- level?: boolean;
9
- headerFooter?: boolean;
10
- children: React.ReactNode;
11
- }
12
- interface IPropsItem {
13
- text: string;
14
- noLink?: boolean;
15
- icon?: string;
16
- onSelect(): void;
17
- children?: never;
18
- }
19
- interface IPropsLabel {
20
- text: string;
21
- children?: never;
22
- }
23
- interface IPropsMenu {
24
- title: string;
25
- children: React.ReactNode;
26
- }
27
- export declare const DropdownFirst: {
28
- ({ name, align, side, level, icon, headerFooter, navDropdown, children, }: IProps): JSX.Element;
29
- Item: ({ text, icon, noLink, onSelect, }: IPropsItem) => JSX.Element;
30
- Divider: ({}: {}) => JSX.Element;
31
- Label: ({ text, }: IPropsLabel) => JSX.Element;
32
- Header: ({ title, children, }: IPropsMenu) => JSX.Element;
33
- Body: ({ title, children, }: IPropsMenu) => JSX.Element;
34
- Footer: ({ title, children, }: IPropsMenu) => JSX.Element;
35
- };
36
- export declare const DropdownItem: ({ text, icon, noLink, onSelect, }: IPropsItem) => JSX.Element;
37
- export declare const DropdownDivider: ({}: {}) => JSX.Element;
38
- export declare const DropdownLabel: ({ text, }: IPropsLabel) => JSX.Element;
39
- export declare const DropdownHeader: ({ title, children, }: IPropsMenu) => JSX.Element;
40
- export declare const DropdownBody: ({ title, children, }: IPropsMenu) => JSX.Element;
41
- export declare const DropdownFooter: ({ title, children, }: IPropsMenu) => JSX.Element;
42
- export {};
@@ -1,11 +0,0 @@
1
- import * as React from 'react';
2
- interface IProps {
3
- illustration?: string;
4
- size?: 'small' | 'large';
5
- title: string;
6
- description?: string;
7
- }
8
- export declare class EmptyState extends React.PureComponent<IProps> {
9
- render(): JSX.Element;
10
- }
11
- export {};
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- interface IProps {
3
- text: string;
4
- style?: 'normal' | 'light';
5
- }
6
- export declare class FormLabel extends React.PureComponent<IProps> {
7
- render(): JSX.Element;
8
- }
9
- export {};
@@ -1,13 +0,0 @@
1
- import * as React from 'react';
2
- interface IProps<T> {
3
- val: T;
4
- }
5
- export declare class Genie<T extends string> extends React.PureComponent<IProps<T>> {
6
- render(): JSX.Element;
7
- }
8
- export {};
9
-
10
-
11
- interface Id {
12
- prop<T>: Genie<T>;
13
- }
@@ -1,69 +0,0 @@
1
- import * as React from 'react';
2
- declare class GridItemMedia extends React.PureComponent {
3
- render(): JSX.Element;
4
- }
5
- declare class GridItemContent extends React.PureComponent {
6
- render(): JSX.Element;
7
- }
8
- declare class GridItemContentBlock extends React.PureComponent {
9
- render(): JSX.Element;
10
- }
11
- declare class GridItemFooter extends React.PureComponent {
12
- render(): JSX.Element;
13
- }
14
- interface IPropsFooterBlock {
15
- align?: 'left' | 'right';
16
- }
17
- declare class GridItemFooterBlock extends React.PureComponent<IPropsFooterBlock> {
18
- static defaultProps: {
19
- align: string;
20
- };
21
- render(): JSX.Element;
22
- }
23
- interface IPropsFooterActions {
24
- autohide?: boolean;
25
- }
26
- declare class GridItemFooterActions extends React.PureComponent<IPropsFooterActions> {
27
- static defaultProps: {
28
- autohide: boolean;
29
- };
30
- render(): JSX.Element;
31
- }
32
- interface IPropsTime {
33
- time: string;
34
- }
35
- declare class GridItemTime extends React.PureComponent<IPropsTime> {
36
- render(): JSX.Element;
37
- }
38
- declare class GridItemTitle extends React.PureComponent {
39
- render(): JSX.Element;
40
- }
41
- declare class GridItemSlug extends React.PureComponent {
42
- render(): JSX.Element;
43
- }
44
- declare class GridItemText extends React.PureComponent {
45
- render(): JSX.Element;
46
- }
47
- declare class GridItemTopActions extends React.PureComponent {
48
- render(): JSX.Element;
49
- }
50
- declare class GridItemCheckWrapper extends React.PureComponent {
51
- render(): JSX.Element;
52
- }
53
- interface IProps {
54
- locked?: boolean;
55
- fetched?: boolean;
56
- onClick?(): void;
57
- itemtype?: 'audio' | 'composite' | 'file' | 'graphic' | 'photo' | 'slideshow' | 'text' | 'video' | string;
58
- status?: Array<'actioning' | 'selected' | 'activated' | string>;
59
- }
60
- export default class GridItem extends React.PureComponent<IProps> {
61
- static defaultProps: {
62
- locked: boolean;
63
- fetched: boolean;
64
- itemtype: string;
65
- status: never[];
66
- };
67
- render(): JSX.Element;
68
- }
69
- export { GridItem, GridItemContent, GridItemMedia, GridItemFooter, GridItemContentBlock, GridItemTime, GridItemTitle, GridItemText, GridItemSlug, GridItemFooterBlock, GridItemFooterActions, GridItemTopActions, GridItemCheckWrapper };
@@ -1,14 +0,0 @@
1
- import * as React from 'react';
2
- interface IProps {
3
- size?: 'x-small' | 'small' | 'medium' | 'large';
4
- margin?: '0' | '1' | '2' | '3';
5
- gap?: 'small' | 'medium' | 'large' | 'x-large';
6
- }
7
- export declare class GridList extends React.PureComponent<IProps> {
8
- static defaultProps: {
9
- size: string;
10
- gap: string;
11
- };
12
- render(): JSX.Element;
13
- }
14
- export {};
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- interface IProps {
3
- heading: string;
4
- text: string;
5
- timestamp?: Date;
6
- }
7
- export declare class HeadingText extends React.PureComponent<IProps> {
8
- render(): JSX.Element;
9
- }
10
- export {};
@@ -1,8 +0,0 @@
1
- import * as React from 'react';
2
- interface IProps {
3
- message: string;
4
- }
5
- export declare class HelloWorld extends React.Component<IProps> {
6
- render(): JSX.Element;
7
- }
8
- export {};
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- interface IProps {
3
- name?: string;
4
- size?: 'small' | 'big';
5
- type?: 'default' | 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'light';
6
- className?: string;
7
- ariaHidden?: boolean;
8
- }
9
- export declare class Icon extends React.PureComponent<IProps> {
10
- render(): JSX.Element;
11
- }
12
- export {};
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- interface IProps {
3
- id?: string;
4
- icon?: string;
5
- ariaValue: string;
6
- size?: 'small';
7
- onClick(event: React.MouseEvent): void;
8
- }
9
- export declare class IconButton extends React.PureComponent<IProps> {
10
- render(): JSX.Element;
11
- }
12
- export {};