Remove unexpected gap after Go! button on <OmniSearch>

Removed the white gap after Go! button.

Before:

After Changes:

Fixed by @ritikamotwani

Hotfix infinite loading bug on <Select> when no options are returned

• Previously, the <Select> component will show a loading spinner when no options are returned
• Now, we show a message saying "No results found" instead. This can also be customized using the noOptionResult prop

AutoComplete: Fix ActiveItemElement selection logic

Fixed a bug where a list item in could not be selected by clicking.

Fixed by @shubham-padia

Added props to extend the Progress component

1. New props added:

• percentageRange: sets the percentage range to display a different color on the progress component when the percentage changes
• size: sets the size of the component
• content: sets the content inside the component

2. Invalid props will be normalized for the component to behave correctly

• percentage: If a percentage < 0 is passed into the percentage prop, it will be set to 0. If percentage > 100, it will be set to 100.
• size: Similarly, size will be set to 1 if size < 0, or 10 if size > 10.
• percentageRange If the array consist of more than 3 numbers, it will take the first 2 numbers and ignore the rest.

Fixed invalid references in styles

In the previous release, we removed all usages of the id attribute. However, some styles were still relying on them, causing multiple bugs.

There is a breaking change in this release:

• For the OmniSearch and SearchFilter components, using the Button in the content prop will cause incorrect rendering of the button. For these components, it's recommended to use OmniSearch.Button and SearchFilter.Button components instead.

Removed use of IDs

For a re-usable component library, where each component can be used multiple times, using the id attribute is incorrect because HTML doesn't allow multiple usages of the same ID.

This change potentially breaks applications that used to rely on the id for styling purposes. Instead of using id, use the corresponding className, or use styled(AriesComponent) to override styles with higher specificity.

Fixed a performance issue with Alert component

We found a performance issue in the Alert component and it just requires one additional line of code to fix. The else if (prevProps.autoClose) is causing the component to call setTimeout and re-render every x number of seconds. [#70, @franciscrispin ]

Fixed rightClickURL in Brand component

Previously, rightClickURL was declared as optional in the Storybook documentation but was actually mandatory in the code. Without the prop, users would be redirected to undefined when they right click on the component.

This change makes the prop really optional. If no rightClickURL is given, the default platform action (i.e. show context menu) will be performed.

Fixed typo in Brand SVG

There was a typo within the <Brand> component that caused the glints-white asset to show the black version instead. This has been fixed.

Upgrade styled-components to v4

Deprecated the use of innerRef since React.createRef is now available.