superdesk-ui-framework 3.1.28 → 4.0.0

package/dist/components/NavButtons.tsx

@@ -17,7 +17,7 @@ export default class NavButtonsDoc extends React.Component {
 
                 <Markup.ReactMarkup>
                     <Markup.ReactMarkupPreview>
-                        <SubNav zIndex={2}>
+                        <SubNav>
                             <ButtonGroup align='start' spaces='no-space'>
                                 <Tooltip text='Filters' flow='right'>
                                     <NavButton icon='filter-large' type='darker' state="active" text="Filter" onClick={() => false} />
@@ -36,7 +36,7 @@ export default class NavButtonsDoc extends React.Component {
                         </SubNav>
                     </Markup.ReactMarkupPreview>
                     <Markup.ReactMarkupCode>{`
-                        <SubNav zIndex={2}>
+                        <SubNav>
                             <ButtonGroup align='start' spaces='no-space'>
                                 <Tooltip text='Filters' flow='right'>
                                     <NavButton icon='filter-large' type='darker' state="active" text="Filter" onClick={() => false} />
@@ -59,7 +59,7 @@ export default class NavButtonsDoc extends React.Component {
                 <h3 className="docs-page__h3">Styles / Types</h3>
                 <Markup.ReactMarkup>
                     <Markup.ReactMarkupPreview>
-                        <SubNav zIndex={2}>
+                        <SubNav>
                             <ButtonGroup align='start' spaces='no-space'>
                                 <NavButton icon='adjust' type='default' text="Adjust" onClick={() => false} />
                                 <NavButton icon='eye-open' type='darker' text="View" onClick={() => false} />
@@ -72,7 +72,7 @@ export default class NavButtonsDoc extends React.Component {
                         </SubNav>
                     </Markup.ReactMarkupPreview>
                     <Markup.ReactMarkupCode>{`
-                        <SubNav zIndex={2}>
+                        <SubNav>
                             <ButtonGroup align='start' spaces='no-space'>
                                 <NavButton icon='adjust' type='default' text="Adjust" onClick={() => false} />
                                 <NavButton icon='eye-open' type='darker' text="View" onClick={() => false} />

package/dist/components/Panel.tsx

@@ -359,7 +359,6 @@ export default class PanelDoc extends React.Component<IProps, IState> {
                 <p className="docs-page__paragraph">PanelHeader</p>
                 <PropsList>
                     <Prop name='title' isRequired={false} type='string' default='/' description='Specifies the title of the panel.'/>
-                    <Prop name='zIndex' isRequired={false} type='number' default='1' description='Increase the z-index of the header if needed.'/>
                     <Prop name='theme' isRequired={false} type='light | dark' default='/' description='Explicitly define the theme just for the of Panel Header. All child elements and the content inside the Header will inherit the selected theme.'/>
                     <Prop name='color' isRequired={false} type='light | darker | blueGrey | blueGreyDarker' default='light' description='Background colour of the Panel Header. blueGrey and blueGreyDarker will also change the text colour to white.'/>
                     <Prop name='ClassName' isRequired={false} type='string' default='false' description='Add custom or helper classes to modify the default behaviour if needed. Use only if necessary.'/>

package/dist/components/Popover.tsx

@@ -35,7 +35,6 @@ export class PopoverDoc extends React.Component {
                                     triggerSelector="#button-view-content"
                                     title="Popover test"
                                     placement="top-end"
-                                    zIndex={999}
                                 >
                                     Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur.
                                 </Popover>
@@ -49,7 +48,6 @@ export class PopoverDoc extends React.Component {
                             triggerSelector="#button-view-content"
                             title="Popover test"
                             placement="top-end"
-                            zIndex={999}
                         >
                             Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur.
                         </Popover>
@@ -65,7 +63,6 @@ export class PopoverDoc extends React.Component {
                     <Prop name='placement' isRequired={false}
                           type='auto | auto-end | auto-start | bottom | bottom-end | bottom-start | left | left-end | left-start | right | right-end | right-start | top | top-end | top-start' 
                           default='auto' description='Define the placement of the Popover.' />
-                    <Prop name='zIndex' isRequired={false} type='number' default='null' description='Defines the z-index of the Popover.' />
                 </PropsList>
             </section>
         )

package/dist/components/SubNav.tsx

@@ -9,7 +9,7 @@ export default class SubNavDoc extends React.Component {
                 <h2 className='docs-page__h2'>Sub Navigation bar</h2>
                 <p></p>
                 <Markup.ReactMarkupCodePreview>{`
-                    <SubNav zIndex={2}>
+                    <SubNav>
                         <ButtonGroup align='start'>
                             <NavButton icon='search' onClick={()=> false} />
                         </ButtonGroup>
@@ -22,7 +22,7 @@ export default class SubNavDoc extends React.Component {
 
                 <Markup.ReactMarkup>
                     <Markup.ReactMarkupPreview>
-                        <SubNav zIndex={4}>
+                        <SubNav>
                             <ButtonGroup align='start'>
                                 <NavButton icon='search' onClick={()=> false} />
                             </ButtonGroup>
@@ -30,7 +30,7 @@ export default class SubNavDoc extends React.Component {
                                 <NavButton icon='expand-thin' type='highlight' onClick={()=> false} />
                             </ButtonGroup>
                         </SubNav>
-                        <SubNav color='darker' zIndex={3}>
+                        <SubNav color='darker'>
                             <ButtonGroup align='start'>
                                 <NavButton icon='filter-large' type='darker' onClick={()=> false} />
                             </ButtonGroup>
@@ -48,7 +48,7 @@ export default class SubNavDoc extends React.Component {
                             </ButtonGroup>
                         </SubNav>
                         <br />
-                        <SubNav color='darker' zIndex={2}>
+                        <SubNav color='darker'>
                             <ButtonGroup align='start' padded={true}>
                             <Button text='Something' onClick={()=> false} />
                                 <Button text='Else' onClick={()=> false} />
@@ -58,7 +58,7 @@ export default class SubNavDoc extends React.Component {
                             </ButtonGroup>
                         </SubNav>
                         <br />
-                        <SubNav color='blueGreyDarker' zIndex={1}>
+                        <SubNav color='blueGreyDarker'>
                             <ButtonGroup align='center'>
                             <Button text='One' onClick={()=> false} />
                                 <Button text='Two' onClick={()=> false} />
@@ -72,7 +72,7 @@ export default class SubNavDoc extends React.Component {
                         </SubNav>
                     </Markup.ReactMarkupPreview>
                     <Markup.ReactMarkupCode>{`
-                        <SubNav zIndex={4}>
+                        <SubNav>
                             <ButtonGroup align='start'>
                                 <NavButton icon='search' onClick={()=> false} />
                             </ButtonGroup>
@@ -80,7 +80,7 @@ export default class SubNavDoc extends React.Component {
                                 <NavButton icon='expand-thin' type='highlight' onClick={()=> false} />
                             </ButtonGroup>
                         </SubNav>
-                        <SubNav color='darker' zIndex={3}>
+                        <SubNav color='darker'>
                             <ButtonGroup align='start'>
                                 <NavButton icon='filter-large' type='darker' onClick={()=> false} />
                             </ButtonGroup>
@@ -100,7 +100,7 @@ export default class SubNavDoc extends React.Component {
 
                         <br />
 
-                        <SubNav color='darker' zIndex={2}>
+                        <SubNav color='darker'>
                             <ButtonGroup align='start' padded={true}>
                             <Button text='Something' onClick={()=> false} />
                                 <Button text='Else' onClick={()=> false} />
@@ -112,7 +112,7 @@ export default class SubNavDoc extends React.Component {
                         
                         <br />
 
-                        <SubNav color='blueGreyDarker' zIndex={1}>
+                        <SubNav color='blueGreyDarker'>
                             <ButtonGroup align='center'>
                             <Button text='One' onClick={()=> false} />
                                 <Button text='Two' onClick={()=> false} />
@@ -132,7 +132,6 @@ export default class SubNavDoc extends React.Component {
                 <PropsList>
                     <Prop name='color' isRequired={false} type='light | darker | blueGrey | blueGreyDarker' default='light' description='Background colour of the SubNav component.'/>
                     <Prop name='theme' isRequired={false} type='light | dark' default='/' description='Choose the UI theme. It will inherit the default theme if not set. All child elements will inherit the theme of the SubNav if it is set.'/>
-                    <Prop name='zIndex' isRequired={true} type='number' default='1000' description='Increase the default z-index value (1000) by the specified amount.'/>
                     <Prop name='className' isRequired={false} type='string' default='/' description='Add helper classes or custom CSS styles.'/>
                 </PropsList>
             </section>

package/dist/components/TableList.tsx

@@ -23,7 +23,7 @@ export default class TableListDoc extends React.Component<IProps, IState> {
                     </>,
                     center: <span>Item 1</span>,
                     end: <IconLabel style='translucent' text='Label success' type='success' icon='time' />,
-                    action: <Dropdown append={true} items={[
+                    action: <Dropdown items={[
                         { label: <Label style='translucent' type='primary' text='aacc' />, onSelect: () => 1 },
                         { label: <Label style='translucent' text='prlg' />, onSelect: () => 1 },
                         { label: <Label style='translucent' type='primary' text='prlg' />, onSelect: () => 1 },

package/dist/design-patterns/ThreePaneLayoutPattern.tsx

@@ -77,7 +77,7 @@ class ThreePaneLayoutPattern extends React.Component<IProps, IState> {
                         <div style={{height: 600,}} className='sd-border--light'>
                             <Layout.PageLayout fullHeight={true}
                                 header={(
-                                    <SubNav zIndex={2}>
+                                    <SubNav>
                                         <ButtonGroup align="inline">
                                             <Tooltip text='Click to toggle left panel' flow='right'>
                                                 <NavButton 
@@ -212,7 +212,7 @@ class ThreePaneLayoutPattern extends React.Component<IProps, IState> {
                     <Markup.ReactMarkupCode>{`
                         <Layout.PageLayout
                             header={(
-                                <SubNav zIndex={2}>
+                                <SubNav>
                                     <ButtonGroup align="inline">
                                         <Tooltip text='Click to toggle left panel' flow='right'>
                                             <NavButton 
@@ -359,4 +359,4 @@ class ThreePaneLayoutPattern extends React.Component<IProps, IState> {
     }
 }
 
-export { ThreePaneLayoutPattern };
+export { ThreePaneLayoutPattern };