Skip to content

Commit

Permalink
[feat] UI updates for effects (#2428)
Browse files Browse the repository at this point in the history 
Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>
  • Loading branch information
@igorDykhta
igorDykhta committed Nov 6, 2023
1 parent a69b087 commit 1ae4cd0
Show file tree
Hide file tree
Showing 42 changed files with 2,000 additions and 330 deletions.
12 changes: 8 additions & 4 deletions examples/demo-app/src/factories/map-control.js
View file
Expand Up @@ -58,10 +58,14 @@ const StyledMapControlOverlay = styled.div`
pointer-events: all;
}
margin-top: ${props => props.theme.rightPanelMarginTop}px;
margin-right: ${props => props.theme.rightPanelMarginRight}px;
margin-top: ${props => (props.rightPanelVisible ? props.theme.rightPanelMarginTop : 0)}px;
margin-right: ${props => (props.rightPanelVisible ? props.theme.rightPanelMarginRight : 0)}px;
${props => (props.fullHeight ? 'height' : 'max-height')}: calc(100% - ${props =>
props.theme.rightPanelMarginTop + props.theme.bottomWidgetPaddingBottom}px);
.map-control {
${props => (props.rightPanelVisible ? 'padding-top: 0px;' : '')}
}
`;

CustomMapControlFactory.deps = [
Expand All @@ -74,9 +78,9 @@ function CustomMapControlFactory(EffectControl, EffectManager, ...deps) {
const actionComponents = [...(MapControl.defaultProps?.actionComponents ?? []), EffectControl];

const CustomMapControl = props => {
const showEffects = props.mapControls?.effect?.active;
const showEffects = Boolean(props.mapControls?.effect?.active);
return (
<StyledMapControlOverlay top={props.top}>
<StyledMapControlOverlay top={props.top} rightPanelVisible={showEffects}>
<StyledMapControlPanel>
{!props.isExport && props.currentSample ? <SampleMapPanel {...props} /> : null}
<MapControl {...props} top={0} actionComponents={actionComponents} />
Expand Down
30 changes: 30 additions & 0 deletions src/components/src/common/icons/arrow-down-small.tsx
View file
@@ -0,0 +1,30 @@
import React, {Component} from 'react';
import PropTypes from 'prop-types';
import Base from './base';

export default class ArrowDownSmall extends Component {
static propTypes = {
/** Set the height of the icon, ex. '16px' */
height: PropTypes.string
};

static defaultProps = {
height: '16px',
viewBox: '0 0 16 16',
predefinedClassName: 'data-ex-icons-arrow-down-small'
};

render() {
return (
<Base {...this.props}>
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M12.4419 5.55807C12.1979 5.314 11.8021 5.314 11.5581 5.55807L8 9.11613L4.44194 5.55807C4.19786 5.314 3.80214 5.314 3.55806 5.55807C3.31398 5.80215 3.31398 6.19788 3.55806 6.44196L7.55806 10.442C7.67527 10.5592 7.83424 10.625 8 10.625C8.16576 10.625 8.32473 10.5592 8.44194 10.442L12.4419 6.44196C12.686 6.19788 12.686 5.80215 12.4419 5.55807Z"
/>
</svg>
</Base>
);
}
}
24 changes: 24 additions & 0 deletions src/components/src/common/icons/calendar.tsx
View file
@@ -0,0 +1,24 @@
import React, {Component} from 'react';
import Base, {BaseProps} from './base';

export default class Calendar extends Component<Partial<BaseProps>> {
static defaultProps = {
height: '16px',
viewBox: '0 0 16 16',
predefinedClassName: 'data-ex-icons-calendar'
};

render() {
return (
<Base {...this.props}>
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M11.2537 3H13.5C14.0523 3 14.5 3.44772 14.5 4V13C14.5 13.5523 14.0523 14 13.5 14H2.5C1.94772 14 1.5 13.5523 1.5 13V4C1.5 3.44772 1.94772 3 2.5 3H4.73697V2.5C4.73697 2.22386 4.96082 2 5.23697 2C5.51311 2 5.73697 2.22386 5.73697 2.5V3H10.2537V2.5C10.2537 2.22386 10.4776 2 10.7537 2C11.0299 2 11.2537 2.22386 11.2537 2.5V3ZM2.5 13H13.5V7H2.5V13ZM13.5 6H2.5V4H4.7V4.45C4.7 4.75376 4.94624 5 5.25 5C5.55376 5 5.8 4.75376 5.8 4.45V4H10.2V4.45C10.2 4.75376 10.4462 5 10.75 5C11.0538 5 11.3 4.75376 11.3 4.45V4H13.5V6Z"
/>
</svg>
</Base>
);
}
}
38 changes: 38 additions & 0 deletions src/components/src/common/icons/effects/brightness-contrast.tsx
View file
@@ -0,0 +1,38 @@
import React, {Component} from 'react';
import PropTypes from 'prop-types';
import Base from '../base';

export default class BrightnessContrast extends Component {
static propTypes = {
/** Set the height of the icon, ex. '16px' */
height: PropTypes.string
};

static defaultProps = {
height: '16px',
viewBox: '0 0 16 16',
predefinedClassName: 'data-ex-icons-brightness-contrast'
};

render() {
return (
<Base {...this.props}>
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M8.381 2.28577H7.6191V3.42862H8.381V2.28577Z" />
<path d="M13.7143 7.6191H12.5715V8.381H13.7143V7.6191Z" />
<path d="M7.6191 12.5715H8.381V13.7143H7.6191V12.5715Z" />
<path d="M3.42862 7.6191H2.28577V8.381H3.42862V7.6191Z" />
<path d="M3.63645 4.22943L4.22137 3.6445L5.09876 4.52189L4.51383 5.10682L3.63645 4.22943Z" />
<path d="M11.7725 3.64043L10.8951 4.51782L11.48 5.10274L12.3574 4.22535L11.7725 3.64043Z" />
<path d="M10.8963 11.4812L11.4812 10.8963L12.3586 11.7737L11.7736 12.3586L10.8963 11.4812Z" />
<path d="M3.42862 11.9645L4.34377 11.0477L4.95243 11.6589L4.03728 12.5715L3.42862 11.9645Z" />
<path
fillRule="evenodd"
clipRule="evenodd"
d="M6.09524 5.1493C6.65907 4.77256 7.32195 4.57148 8.00005 4.57148C8.90937 4.57148 9.78144 4.9327 10.4244 5.57569C11.0674 6.21867 11.4286 7.09074 11.4286 8.00005C11.4286 8.67816 11.2275 9.34104 10.8508 9.90486C10.4741 10.4687 9.9386 10.9081 9.31211 11.1676C8.68562 11.4271 7.99625 11.495 7.33117 11.3627C6.66609 11.2305 6.05518 10.9039 5.57569 10.4244C5.09619 9.94492 4.76965 9.33401 4.63736 8.66893C4.50507 8.00385 4.57297 7.31448 4.83247 6.68799C5.09197 6.06151 5.53142 5.52604 6.09524 5.1493ZM6.18178 9.81833C6.66402 10.3006 7.31807 10.5715 8.00005 10.5715V5.42862C7.31807 5.42862 6.66402 5.69954 6.18178 6.18178C5.69954 6.66401 5.42862 7.31807 5.42862 8.00005C5.42862 8.68204 5.69954 9.33609 6.18178 9.81833Z"
/>
</svg>
</Base>
);
}
}
82 changes: 82 additions & 0 deletions src/components/src/common/icons/effects/color-halftone.tsx
View file
@@ -0,0 +1,82 @@
import React, {Component} from 'react';
import PropTypes from 'prop-types';
import Base from '../base';

export default class ColorHalftone extends Component {
static propTypes = {
/** Set the height of the icon, ex. '16px' */
height: PropTypes.string
};

static defaultProps = {
height: '16px',
viewBox: '0 0 16 16',
predefinedClassName: 'data-ex-icons-color-halftone'
};

render() {
return (
<Base {...this.props}>
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<g clipPath="url(#clip0_129_11269)">
<path d="M4.03812 5.10475C4.03812 5.69386 3.56056 6.17142 2.97145 6.17142C2.38235 6.17142 1.90479 5.69386 1.90479 5.10475C1.90479 4.51565 2.38235 4.03809 2.97145 4.03809C3.56056 4.03809 4.03812 4.51565 4.03812 5.10475Z" />
<path
opacity="0.5"
d="M2.81902 11.0476C2.81902 11.3843 2.54613 11.6572 2.2095 11.6572C1.87287 11.6572 1.59998 11.3843 1.59998 11.0476C1.59998 10.711 1.87287 10.4381 2.2095 10.4381C2.54613 10.4381 2.81902 10.711 2.81902 11.0476Z"
/>
<path d="M5.86668 1.90484C5.86668 2.5781 5.3209 3.12389 4.64764 3.12389C3.97438 3.12389 3.42859 2.5781 3.42859 1.90484C3.42859 1.23158 3.97438 0.685791 4.64764 0.685791C5.3209 0.685791 5.86668 1.23158 5.86668 1.90484Z" />
<path d="M2.51427 1.90484C2.51427 2.5781 1.96848 3.12389 1.29522 3.12389C0.621958 3.12389 0.0761719 2.5781 0.0761719 1.90484C0.0761719 1.23158 0.621958 0.685791 1.29522 0.685791C1.96848 0.685791 2.51427 1.23158 2.51427 1.90484Z" />
<path d="M4.95235 8.30479C4.95235 8.80973 4.54301 9.21907 4.03807 9.21907C3.53312 9.21907 3.12378 8.80973 3.12378 8.30479C3.12378 7.79984 3.53312 7.3905 4.03807 7.3905C4.54301 7.3905 4.95235 7.79984 4.95235 8.30479Z" />
<path
opacity="0.3"
d="M4.34287 13.3334C4.34287 13.5858 4.1382 13.7905 3.88573 13.7905C3.63326 13.7905 3.42859 13.5858 3.42859 13.3334C3.42859 13.0809 3.63326 12.8762 3.88573 12.8762C4.1382 12.8762 4.34287 13.0809 4.34287 13.3334Z"
/>
<path d="M7.39054 5.10475C7.39054 5.69386 6.91297 6.17142 6.32387 6.17142C5.73477 6.17142 5.2572 5.69386 5.2572 5.10475C5.2572 4.51565 5.73477 4.03809 6.32387 4.03809C6.91297 4.03809 7.39054 4.51565 7.39054 5.10475Z" />
<path
opacity="0.5"
d="M6.17144 11.0476C6.17144 11.3843 5.89855 11.6572 5.56192 11.6572C5.22529 11.6572 4.95239 11.3843 4.95239 11.0476C4.95239 10.711 5.22529 10.4381 5.56192 10.4381C5.89855 10.4381 6.17144 10.711 6.17144 11.0476Z"
/>
<path d="M9.2191 1.90484C9.2191 2.5781 8.67332 3.12389 8.00005 3.12389C7.32679 3.12389 6.78101 2.5781 6.78101 1.90484C6.78101 1.23158 7.32679 0.685791 8.00005 0.685791C8.67332 0.685791 9.2191 1.23158 9.2191 1.90484Z" />
<path d="M8.30477 8.30479C8.30477 8.80973 7.89543 9.21907 7.39048 9.21907C6.88554 9.21907 6.4762 8.80973 6.4762 8.30479C6.4762 7.79984 6.88554 7.3905 7.39048 7.3905C7.89543 7.3905 8.30477 7.79984 8.30477 8.30479Z" />
<path
opacity="0.3"
d="M7.69529 13.3334C7.69529 13.5858 7.49062 13.7905 7.23815 13.7905C6.98568 13.7905 6.78101 13.5858 6.78101 13.3334C6.78101 13.0809 6.98568 12.8762 7.23815 12.8762C7.49062 12.8762 7.69529 13.0809 7.69529 13.3334Z"
/>
<path d="M10.7428 5.10475C10.7428 5.69386 10.2653 6.17142 9.67616 6.17142C9.08706 6.17142 8.6095 5.69386 8.6095 5.10475C8.6095 4.51565 9.08706 4.03809 9.67616 4.03809C10.2653 4.03809 10.7428 4.51565 10.7428 5.10475Z" />
<path
opacity="0.5"
d="M9.52386 11.0476C9.52386 11.3843 9.25096 11.6572 8.91433 11.6572C8.5777 11.6572 8.30481 11.3843 8.30481 11.0476C8.30481 10.711 8.5777 10.4381 8.91433 10.4381C9.25096 10.4381 9.52386 10.711 9.52386 11.0476Z"
/>
<path d="M12.5714 1.90484C12.5714 2.5781 12.0256 3.12389 11.3523 3.12389C10.6791 3.12389 10.1333 2.5781 10.1333 1.90484C10.1333 1.23158 10.6791 0.685791 11.3523 0.685791C12.0256 0.685791 12.5714 1.23158 12.5714 1.90484Z" />
<path d="M11.6572 8.30479C11.6572 8.80973 11.2478 9.21907 10.7429 9.21907C10.238 9.21907 9.82861 8.80973 9.82861 8.30479C9.82861 7.79984 10.238 7.3905 10.7429 7.3905C11.2478 7.3905 11.6572 7.79984 11.6572 8.30479Z" />
<path
opacity="0.3"
d="M11.0476 13.3334C11.0476 13.5858 10.8429 13.7905 10.5904 13.7905C10.338 13.7905 10.1333 13.5858 10.1333 13.3334C10.1333 13.0809 10.338 12.8762 10.5904 12.8762C10.8429 12.8762 11.0476 13.0809 11.0476 13.3334Z"
/>
<path d="M14.0952 5.10475C14.0952 5.69386 13.6177 6.17142 13.0286 6.17142C12.4395 6.17142 11.9619 5.69386 11.9619 5.10475C11.9619 4.51565 12.4395 4.03809 13.0286 4.03809C13.6177 4.03809 14.0952 4.51565 14.0952 5.10475Z" />
<path
opacity="0.5"
d="M12.8763 11.0476C12.8763 11.3843 12.6034 11.6572 12.2668 11.6572C11.9301 11.6572 11.6572 11.3843 11.6572 11.0476C11.6572 10.711 11.9301 10.4381 12.2668 10.4381C12.6034 10.4381 12.8763 10.711 12.8763 11.0476Z"
/>
<path d="M15.9238 1.90484C15.9238 2.5781 15.378 3.12389 14.7048 3.12389C14.0315 3.12389 13.4857 2.5781 13.4857 1.90484C13.4857 1.23158 14.0315 0.685791 14.7048 0.685791C15.378 0.685791 15.9238 1.23158 15.9238 1.90484Z" />
<path d="M15.0096 8.30479C15.0096 8.80973 14.6003 9.21907 14.0953 9.21907C13.5904 9.21907 13.181 8.80973 13.181 8.30479C13.181 7.79984 13.5904 7.3905 14.0953 7.3905C14.6003 7.3905 15.0096 7.79984 15.0096 8.30479Z" />
<path
opacity="0.3"
d="M14.4 13.3334C14.4 13.5858 14.1953 13.7905 13.9429 13.7905C13.6904 13.7905 13.4857 13.5858 13.4857 13.3334C13.4857 13.0809 13.6904 12.8762 13.9429 12.8762C14.1953 12.8762 14.4 13.0809 14.4 13.3334Z"
/>
</g>
<defs>
<clipPath id="clip0_129_11269">
<rect
width="12.1905"
height="12.1905"
fill="white"
transform="translate(1.90479 1.90479)"
/>
</clipPath>
</defs>
</svg>
</Base>
);
}
}
55 changes: 55 additions & 0 deletions src/components/src/common/icons/effects/dot-screen.tsx
View file
@@ -0,0 +1,55 @@
import React, {Component} from 'react';
import PropTypes from 'prop-types';
import Base from '../base';

export default class DotScreen extends Component {
static propTypes = {
/** Set the height of the icon, ex. '16px' */
height: PropTypes.string
};

static defaultProps = {
height: '16px',
viewBox: '0 0 16 16',
predefinedClassName: 'data-ex-icons-dot-screen'
};

render() {
return (
<Base {...this.props}>
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<g clipPath="url(#clip0_129_11268)">
<path d="M4.34288 4.95245C4.34288 5.62571 3.79709 6.17149 3.12383 6.17149C2.45057 6.17149 1.90479 5.62571 1.90479 4.95245C1.90479 4.27918 2.45057 3.7334 3.12383 3.7334C3.79709 3.7334 4.34288 4.27918 4.34288 4.95245Z" />
<path d="M4.34288 11.0477C4.34288 11.7209 3.79709 12.2667 3.12383 12.2667C2.45057 12.2667 1.90479 11.7209 1.90479 11.0477C1.90479 10.3744 2.45057 9.82861 3.12383 9.82861C3.79709 9.82861 4.34288 10.3744 4.34288 11.0477Z" />
<path d="M5.86668 1.90484C5.86668 2.5781 5.3209 3.12389 4.64764 3.12389C3.97438 3.12389 3.42859 2.5781 3.42859 1.90484C3.42859 1.23158 3.97438 0.685791 4.64764 0.685791C5.3209 0.685791 5.86668 1.23158 5.86668 1.90484Z" />
<path d="M2.51427 1.90484C2.51427 2.5781 1.96848 3.12389 1.29522 3.12389C0.621958 3.12389 0.0761719 2.5781 0.0761719 1.90484C0.0761719 1.23158 0.621958 0.685791 1.29522 0.685791C1.96848 0.685791 2.51427 1.23158 2.51427 1.90484Z" />
<path d="M5.86668 8.00005C5.86668 8.67332 5.3209 9.2191 4.64764 9.2191C3.97438 9.2191 3.42859 8.67332 3.42859 8.00005C3.42859 7.32679 3.97438 6.78101 4.64764 6.78101C5.3209 6.78101 5.86668 7.32679 5.86668 8.00005Z" />
<path d="M2.51427 8.00005C2.51427 8.67332 1.96848 9.2191 1.29522 9.2191C0.621958 9.2191 0.0761719 8.67332 0.0761719 8.00005C0.0761719 7.32679 0.621958 6.78101 1.29522 6.78101C1.96848 6.78101 2.51427 7.32679 2.51427 8.00005Z" />
<path d="M5.86668 14.0953C5.86668 14.7685 5.3209 15.3143 4.64764 15.3143C3.97438 15.3143 3.42859 14.7685 3.42859 14.0953C3.42859 13.422 3.97438 12.8762 4.64764 12.8762C5.3209 12.8762 5.86668 13.422 5.86668 14.0953Z" />
<path d="M2.51427 14.0953C2.51427 14.7685 1.96848 15.3143 1.29522 15.3143C0.621958 15.3143 0.0761719 14.7685 0.0761719 14.0953C0.0761719 13.422 0.621958 12.8762 1.29522 12.8762C1.96848 12.8762 2.51427 13.422 2.51427 14.0953Z" />
<path d="M7.6953 4.95245C7.6953 5.62571 7.14951 6.17149 6.47625 6.17149C5.80299 6.17149 5.2572 5.62571 5.2572 4.95245C5.2572 4.27918 5.80299 3.7334 6.47625 3.7334C7.14951 3.7334 7.6953 4.27918 7.6953 4.95245Z" />
<path d="M7.6953 11.0477C7.6953 11.7209 7.14951 12.2667 6.47625 12.2667C5.80299 12.2667 5.2572 11.7209 5.2572 11.0477C5.2572 10.3744 5.80299 9.82861 6.47625 9.82861C7.14951 9.82861 7.6953 10.3744 7.6953 11.0477Z" />
<path d="M9.2191 1.90484C9.2191 2.5781 8.67332 3.12389 8.00005 3.12389C7.32679 3.12389 6.78101 2.5781 6.78101 1.90484C6.78101 1.23158 7.32679 0.685791 8.00005 0.685791C8.67332 0.685791 9.2191 1.23158 9.2191 1.90484Z" />
<path d="M9.2191 8.00005C9.2191 8.67332 8.67332 9.2191 8.00005 9.2191C7.32679 9.2191 6.78101 8.67332 6.78101 8.00005C6.78101 7.32679 7.32679 6.78101 8.00005 6.78101C8.67332 6.78101 9.2191 7.32679 9.2191 8.00005Z" />
<path d="M9.2191 14.0953C9.2191 14.7685 8.67332 15.3143 8.00005 15.3143C7.32679 15.3143 6.78101 14.7685 6.78101 14.0953C6.78101 13.422 7.32679 12.8762 8.00005 12.8762C8.67332 12.8762 9.2191 13.422 9.2191 14.0953Z" />
<path d="M11.0476 4.95245C11.0476 5.62571 10.5018 6.17149 9.82854 6.17149C9.15528 6.17149 8.6095 5.62571 8.6095 4.95245C8.6095 4.27918 9.15528 3.7334 9.82854 3.7334C10.5018 3.7334 11.0476 4.27918 11.0476 4.95245Z" />
<path d="M11.0476 11.0477C11.0476 11.7209 10.5018 12.2667 9.82854 12.2667C9.15528 12.2667 8.6095 11.7209 8.6095 11.0477C8.6095 10.3744 9.15528 9.82861 9.82854 9.82861C10.5018 9.82861 11.0476 10.3744 11.0476 11.0477Z" />
<path d="M12.5714 1.90484C12.5714 2.5781 12.0256 3.12389 11.3523 3.12389C10.6791 3.12389 10.1333 2.5781 10.1333 1.90484C10.1333 1.23158 10.6791 0.685791 11.3523 0.685791C12.0256 0.685791 12.5714 1.23158 12.5714 1.90484Z" />
<path d="M12.5714 8.00005C12.5714 8.67332 12.0256 9.2191 11.3523 9.2191C10.6791 9.2191 10.1333 8.67332 10.1333 8.00005C10.1333 7.32679 10.6791 6.78101 11.3523 6.78101C12.0256 6.78101 12.5714 7.32679 12.5714 8.00005Z" />
<path d="M12.5714 14.0953C12.5714 14.7685 12.0256 15.3143 11.3523 15.3143C10.6791 15.3143 10.1333 14.7685 10.1333 14.0953C10.1333 13.422 10.6791 12.8762 11.3523 12.8762C12.0256 12.8762 12.5714 13.422 12.5714 14.0953Z" />
<path d="M14.4 4.95245C14.4 5.62571 13.8542 6.17149 13.181 6.17149C12.5077 6.17149 11.9619 5.62571 11.9619 4.95245C11.9619 4.27918 12.5077 3.7334 13.181 3.7334C13.8542 3.7334 14.4 4.27918 14.4 4.95245Z" />
<path d="M14.4 11.0477C14.4 11.7209 13.8542 12.2667 13.181 12.2667C12.5077 12.2667 11.9619 11.7209 11.9619 11.0477C11.9619 10.3744 12.5077 9.82861 13.181 9.82861C13.8542 9.82861 14.4 10.3744 14.4 11.0477Z" />
<path d="M15.9238 1.90484C15.9238 2.5781 15.378 3.12389 14.7048 3.12389C14.0315 3.12389 13.4857 2.5781 13.4857 1.90484C13.4857 1.23158 14.0315 0.685791 14.7048 0.685791C15.378 0.685791 15.9238 1.23158 15.9238 1.90484Z" />
<path d="M15.9238 8.00005C15.9238 8.67332 15.378 9.2191 14.7048 9.2191C14.0315 9.2191 13.4857 8.67332 13.4857 8.00005C13.4857 7.32679 14.0315 6.78101 14.7048 6.78101C15.378 6.78101 15.9238 7.32679 15.9238 8.00005Z" />
<path d="M15.9238 14.0953C15.9238 14.7685 15.378 15.3143 14.7048 15.3143C14.0315 15.3143 13.4857 14.7685 13.4857 14.0953C13.4857 13.422 14.0315 12.8762 14.7048 12.8762C15.378 12.8762 15.9238 13.422 15.9238 14.0953Z" />
</g>
<defs>
<clipPath id="clip0_129_11268">
<rect width="12.1905" height="12.1905" transform="translate(1.90479 1.90479)" />
</clipPath>
</defs>
</svg>
</Base>
);
}
}
35 changes: 35 additions & 0 deletions src/components/src/common/icons/effects/edge-work.tsx
View file
@@ -0,0 +1,35 @@
import React, {Component} from 'react';
import PropTypes from 'prop-types';
import Base from '../base';

export default class EdgeWork extends Component {
static propTypes = {
/** Set the height of the icon, ex. '16px' */
height: PropTypes.string
};

static defaultProps = {
height: '16px',
viewBox: '0 0 16 16',
predefinedClassName: 'data-ex-icons-edge-work'
};

render() {
return (
<Base {...this.props}>
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<g clipPath="url(#clip0_129_11274)">
<path d="M4.06642 1.90479L1.90479 6.33314L2.53682 6.64166L4.11683 3.40484L5.98457 6.65718L8.0826 3.33597L10.0205 6.71046L11.7371 3.38925L13.4983 6.45609L14.1082 6.10584L11.7045 1.92037L9.98798 5.24157L8.11129 1.97365L6.01326 5.29486L4.06642 1.90479Z" />
<path d="M4.06593 5.36231L6.01361 9.09299L8.11163 5.43967L9.98765 9.03309L11.7042 5.37976L14.1026 9.97369L13.4791 10.2992L11.7374 6.96301L10.0208 10.6163L8.08225 6.9031L5.98423 10.5564L4.11732 6.98045L2.55385 10.5037L1.91099 10.2184L4.06593 5.36231Z" />
<path d="M4.06642 9.28959L6.01326 12.6797L8.11129 9.35845L9.98798 12.6264L11.7045 9.30517L14.1082 13.4906L13.4983 13.8409L11.7371 10.7741L10.0205 14.0953L8.0826 10.7208L5.98457 14.042L4.11683 10.7896L2.53682 14.0265L1.90479 13.7179L4.06642 9.28959Z" />
</g>
<defs>
<clipPath id="clip0_129_11274">
<rect width="16" height="16" />
</clipPath>
</defs>
</svg>
</Base>
);
}
}

0 comments on commit 1ae4cd0

Please sign in to comment.