External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-06 08:57:35 -02:30
Code Issues Packages Projects Releases Wiki Activity

add omitProps helper

Browse Source
This commit is contained in:
Keith Grant
2019-08-27 08:41:30 -07:00
parent 8a31be6ffe
commit 3a9a884bbc
2 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
awx/ui_next/src/components/CollapsibleSection/CollapsibleSection.jsx
View File

@@ -3,6 +3,7 @@ import { bool, string } from 'prop-types';
import styled from 'styled-components'; import styled from 'styled-components';
import { Button } from '@patternfly/react-core'; import { Button } from '@patternfly/react-core';
import { AngleRightIcon } from '@patternfly/react-icons'; import { AngleRightIcon } from '@patternfly/react-icons';
import omitProps from '@util/omitProps';
import ExpandingContainer from './ExpandingContainer'; import ExpandingContainer from './ExpandingContainer';
const Toggle = styled.div` const Toggle = styled.div`
@@ -17,12 +18,12 @@ const Toggle = styled.div`
} }
`; `;
const Arrow = styled(AngleRightIcon)` const Arrow = styled(omitProps(AngleRightIcon, 'isExpanded'))`
margin-right: -5px; margin-right: -5px;
margin-left: 5px; margin-left: 5px;
transition: transform 0.1s ease-out; transition: transform 0.1s ease-out;
transform-origin: 50% 50%; transform-origin: 50% 50%;
${(props) => props.isExpanded && `transform: rotate(90deg);`} ${props => props.isExpanded && `transform: rotate(90deg);`}
`; `;
function CollapsibleSection({ label, startExpanded, children }) { function CollapsibleSection({ label, startExpanded, children }) {

11
awx/ui_next/src/util/omitProps.jsx Normal file
View File

@@ -0,0 +1,11 @@
import React from 'react';
export default function omitProps(Component, ...omit) {
return function Omit(props) {
const clean = { ...props };
omit.forEach(key => {
delete clean[key];
})
return <Component {...clean} />;
}
}