superdesk-ui-framework 3.0.1-beta.11 → 3.0.1-beta.13
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/styles/_modals.scss +3 -3
- package/app/styles/_table-list.scss +100 -11
- package/app/styles/grids/_grid-layout.scss +3 -0
- package/app-typescript/components/Dropdown.tsx +78 -37
- package/app-typescript/components/DurationInput.tsx +7 -1
- package/app-typescript/components/Layouts/CoreLayout.tsx +2 -1
- package/app-typescript/components/Layouts/CoreLayoutMain.tsx +7 -1
- package/app-typescript/components/Lists/TableList.tsx +138 -25
- package/app-typescript/components/SearchBar.tsx +11 -3
- package/app-typescript/components/TimePicker.tsx +2 -13
- package/dist/examples.bundle.js +361 -123
- package/dist/playgrounds/react-playgrounds/CoreLayout.tsx +1 -0
- package/dist/react/Dropdowns.tsx +227 -47
- package/dist/react/TableList.tsx +15 -119
- package/dist/superdesk-ui.bundle.css +84 -16
- package/dist/superdesk-ui.bundle.js +153 -56
- package/examples/pages/playgrounds/react-playgrounds/CoreLayout.tsx +1 -0
- package/examples/pages/react/Dropdowns.tsx +227 -47
- package/examples/pages/react/TableList.tsx +15 -119
- package/package.json +1 -1
- package/react/components/Dropdown.d.ts +2 -1
- package/react/components/Dropdown.js +39 -20
- package/react/components/DurationInput.js +9 -1
- package/react/components/Layouts/CoreLayout.d.ts +1 -0
- package/react/components/Layouts/CoreLayout.js +1 -1
- package/react/components/Layouts/CoreLayoutMain.d.ts +1 -0
- package/react/components/Layouts/CoreLayoutMain.js +8 -1
- package/react/components/Lists/TableList.d.ts +22 -6
- package/react/components/Lists/TableList.js +78 -19
- package/react/components/SearchBar.d.ts +1 -1
- package/react/components/SearchBar.js +15 -7
- package/react/components/TimePicker.d.ts +1 -5
- package/react/components/TimePicker.js +3 -7
- package/.vscode/settings.json +0 -5
- package/app-typescript/dist/components/Alert.d.ts +0 -16
- package/app-typescript/dist/components/Autocomplete.d.ts +0 -48
- package/app-typescript/dist/components/Avatar.d.ts +0 -33
- package/app-typescript/dist/components/Badge.d.ts +0 -13
- package/app-typescript/dist/components/Button.d.ts +0 -23
- package/app-typescript/dist/components/ButtonGroup.d.ts +0 -12
- package/app-typescript/dist/components/CheckButtonGroup.d.ts +0 -11
- package/app-typescript/dist/components/CheckGroup.d.ts +0 -9
- package/app-typescript/dist/components/Checkbox.d.ts +0 -19
- package/app-typescript/dist/components/CheckboxButton.d.ts +0 -19
- package/app-typescript/dist/components/DatePicker.d.ts +0 -37
- package/app-typescript/dist/components/Divider.d.ts +0 -9
- package/app-typescript/dist/components/DonutChart.d.ts +0 -12
- package/app-typescript/dist/components/Dropdown.d.ts +0 -28
- package/app-typescript/dist/components/DropdownFirst.d.ts +0 -42
- package/app-typescript/dist/components/EmptyState.d.ts +0 -11
- package/app-typescript/dist/components/FormLabel.d.ts +0 -9
- package/app-typescript/dist/components/Genie.d.ts +0 -13
- package/app-typescript/dist/components/GridItem.d.ts +0 -69
- package/app-typescript/dist/components/GridList.d.ts +0 -14
- package/app-typescript/dist/components/HeadingText.d.ts +0 -10
- package/app-typescript/dist/components/HelloWorld.d.ts +0 -8
- package/app-typescript/dist/components/Icon.d.ts +0 -12
- package/app-typescript/dist/components/IconButton.d.ts +0 -12
- package/app-typescript/dist/components/IconLabel.d.ts +0 -11
- package/app-typescript/dist/components/Input.d.ts +0 -24
- package/app-typescript/dist/components/Label.d.ts +0 -15
- package/app-typescript/dist/components/LeftMenu.d.ts +0 -26
- package/app-typescript/dist/components/Loader.d.ts +0 -8
- package/app-typescript/dist/components/NavButton.d.ts +0 -15
- package/app-typescript/dist/components/Popover.d.ts +0 -13
- package/app-typescript/dist/components/PropsList.d.ts +0 -15
- package/app-typescript/dist/components/Radio.d.ts +0 -19
- package/app-typescript/dist/components/RadioButton.d.ts +0 -20
- package/app-typescript/dist/components/Select.d.ts +0 -29
- package/app-typescript/dist/components/SelectWithTemplate.d.ts +0 -32
- package/app-typescript/dist/components/SlidingToolbar.d.ts +0 -8
- package/app-typescript/dist/components/StrechBar.d.ts +0 -4
- package/app-typescript/dist/components/SubNav.d.ts +0 -10
- package/app-typescript/dist/components/Switch.d.ts +0 -12
- package/app-typescript/dist/components/TabCustom.d.ts +0 -25
- package/app-typescript/dist/components/TabList.d.ts +0 -22
- package/app-typescript/dist/components/Tag.d.ts +0 -9
- package/app-typescript/dist/components/TagInput.d.ts +0 -7
- package/app-typescript/dist/components/TagInputTest.d.ts +0 -18
- package/app-typescript/dist/components/TimePicker.d.ts +0 -11
- package/app-typescript/dist/components/Tooltip.d.ts +0 -11
- package/app-typescript/dist/components/_Positioner.d.ts +0 -27
- package/app-typescript/dist/index.d.ts +0 -56
- package/yarn-error.log +0 -111
@@ -3,7 +3,7 @@ import classNames from 'classnames';
|
|
3
3
|
import {Icon} from './Icon';
|
4
4
|
|
5
5
|
interface IProps {
|
6
|
-
value?: string
|
6
|
+
value?: string;
|
7
7
|
type?: 'expanded' | 'collapsed' | 'boxed';
|
8
8
|
placeholder: string;
|
9
9
|
focused?: boolean;
|
@@ -79,9 +79,17 @@ export class SearchBar extends React.PureComponent<IProps, IState> {
|
|
79
79
|
onChange={(event) => this.setState({inputValue: event.target.value})}
|
80
80
|
onFocus={() => this.setState({focused: true})} />
|
81
81
|
{this.state.inputValue &&
|
82
|
-
<button className="sd-searchbar__cancel" onClick={() =>
|
82
|
+
<button className="sd-searchbar__cancel" onClick={() => {
|
83
|
+
this.setState({inputValue: ''});
|
84
|
+
setTimeout(() => {
|
85
|
+
if (this.props.onSubmit) {
|
86
|
+
this.props.onSubmit(this.state.inputValue);
|
87
|
+
}
|
88
|
+
});
|
89
|
+
}}>
|
83
90
|
<Icon name='remove-sign' />
|
84
91
|
</button>}
|
92
|
+
{this.state.inputValue &&
|
85
93
|
<button
|
86
94
|
id="sd-searchbar__search-btn"
|
87
95
|
className={`sd-searchbar__search-btn ${this.state.keyDown ? 'sd-searchbar__search-btn--active' : ''}`}
|
@@ -91,7 +99,7 @@ export class SearchBar extends React.PureComponent<IProps, IState> {
|
|
91
99
|
}
|
92
100
|
}}>
|
93
101
|
<Icon name='chevron-right-thin' />
|
94
|
-
</button>
|
102
|
+
</button>}
|
95
103
|
</div>
|
96
104
|
);
|
97
105
|
}
|
@@ -1,5 +1,4 @@
|
|
1
1
|
import * as React from 'react';
|
2
|
-
// import classNames from 'classnames';
|
3
2
|
import nextId from "react-id-generator";
|
4
3
|
import { InputWrapper } from './Form';
|
5
4
|
|
@@ -19,18 +18,8 @@ interface IProps {
|
|
19
18
|
error?: string;
|
20
19
|
}
|
21
20
|
|
22
|
-
|
23
|
-
invalid: boolean;
|
24
|
-
}
|
25
|
-
|
26
|
-
export class TimePicker extends React.PureComponent<IProps, IState> {
|
21
|
+
export class TimePicker extends React.PureComponent<IProps> {
|
27
22
|
private htmlId = nextId();
|
28
|
-
constructor(props: IProps) {
|
29
|
-
super(props);
|
30
|
-
this.state = {
|
31
|
-
invalid: this.props.invalid ? this.props.invalid : false,
|
32
|
-
};
|
33
|
-
}
|
34
23
|
|
35
24
|
render() {
|
36
25
|
return (
|
@@ -39,7 +28,7 @@ export class TimePicker extends React.PureComponent<IProps, IState> {
|
|
39
28
|
error={this.props.error}
|
40
29
|
required={this.props.required}
|
41
30
|
disabled={this.props.disabled}
|
42
|
-
invalid={this.
|
31
|
+
invalid={this.props.invalid}
|
43
32
|
info={this.props.info}
|
44
33
|
inlineLabel={this.props.inlineLabel}
|
45
34
|
labelHidden={this.props.labelHidden}
|