feat(plugin-data-spreadsheet-new): CB-1075 add additional img formats

This commit is contained in:
Naumov Alexey
2021-07-07 23:07:52 +03:00
parent 14569c6860
commit 463fd436db
4 changed files with 19 additions and 11 deletions
@@ -221,12 +221,12 @@
<path fill-rule="evenodd" clip-rule="evenodd" d="M19 1L28 10H19V1ZM8 8H13V12H8V8ZM24 22H19V26H24V22ZM19 15H24V19H19V15ZM11.5 13H9.5V25H10H11.5H18V23H11.5V18H18V16H11.5V13Z" fill="#338ECC"/>
</symbol>
<symbol id="external-link" viewBox="0 0 24 24">
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="2" y="5" width="18" height="18">
<path d="M2 5.50134V22.5682H10.5337H19.0674V5.50134H2Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5855 3V4.92469H17.0404L7.58063 14.3851L8.9375 15.7413L18.3973 6.2822V9.73641H20.3219V3H13.5855Z" fill="#338ECC"/>
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="3" y="3" width="18" height="18">
<path d="M11.6611 3H3V20.3222H11.6611H20.3221V3H11.6611Z" fill="white"/>
</mask>
<g mask="url(#mask0)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.28539 22.5682H16.7817C18.0384 22.5682 19.0674 21.54 19.0674 20.2826V9.658L16.7817 12.2844V20.2826H4.28539V7.78622H12.2843L14.91 5.50134H4.28539C3.01668 5.50134 1.99976 6.52958 1.99976 7.78622V20.2826C1.99976 21.54 3.01668 22.5682 4.28539 22.5682Z" fill="#338ECC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.92463 20.3222H18.3975C19.4557 20.3222 20.3222 19.4564 20.3222 18.3975V11.6611H18.3975V18.3975H4.92463V4.92469H11.661V3H4.92463C3.85614 3 2.99994 3.86643 2.99994 4.92469V18.3975C2.99994 19.4564 3.85614 20.3222 4.92463 20.3222Z" fill="#338ECC"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5694 4.2854H18.6718L7.4389 15.5176L9.05061 17.1293L20.2828 5.89635V9.99873H22.5684V1.99977H14.5694V4.2854Z" fill="#338ECC"/>
</symbol>
</svg>

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 26 KiB

@@ -7,5 +7,5 @@
*/
export function isImageFormat(value: string): boolean {
return value.match(/\.(jpeg|jpg|gif|png)$/) != null;
return value.match(/\.(jpeg|jpg|gif|png|svg|bmp|ico)$/) != null;
}
@@ -69,7 +69,7 @@ export const TextFormatter: React.FC<FormatterProps> = observer(function TextFor
<IconOrImage icon='external-link' viewBox='0 0 24 24' />
</a>
)}
{value}
<value className='text-formatter_value'>{value}</value>
</text-formatter>
);
});
@@ -35,14 +35,22 @@
}
.text-formatter {
display: flex;
align-items: center;
& a {
display: flex;
margin-right: 4px;
}
& svg {
width: 12px;
height: 12px;
}
}
.text-formatter_value {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
& svg {
width: 8px;
height: 8px;
margin-right: 4px;
}
}
.rdg-cell-editing {