package mx.collections
{
// Proposed ISortField interface.
// The existing MX and the new Spark SortField classes implement this interface.
// The MX version has all of those functions already.
public interface ISort
{
    //--------------------------------------------------------------------------
    //  Properties
    //--------------------------------------------------------------------------

    function get compareFunction():Function;
    function set compareFunction(value:Function):void;

    function get fields():Array;
    function set fields(value:Array):void;

    function get unique():Boolean;
    function set unique(value:Boolean):void;

    //--------------------------------------------------------------------------
    //  Functions
    //--------------------------------------------------------------------------

    function findItem( items:Array, values:Object, mode:String, returnInsertionIndex:Boolean = false, compareFunction:Function = null):int;

    function propertyAffectsSort(property:String):Boolean;

    function reverse():void;

    function sort(items:Array):void;
}

// Proposed ISortField interface.
// The existing MX and the new Spark SortField will implement this interface.
// The MX version has all of those functions already plus caseInsensitive:Boolean property.
public interface ISortField
{
    //--------------------------------------------------------------------------
    //  Properties
    //--------------------------------------------------------------------------

    function get compareFunction():Function;
    function set compareFunction(c:Function):void;

    function get descending():Boolean;
    function set descending(value:Boolean):void;

    function get name():String;
    function set name(n:String):void;

    function get numeric():Object;
    function set numeric(value:Object):void;

    //--------------------------------------------------------------------------
    //  Functions
    //--------------------------------------------------------------------------

    function reverse():void;

    //--------------------------------------------------------------------------
    //  Properties and functions that were used to be mx_internal and now public
    //--------------------------------------------------------------------------

    function get usingCustomCompareFunction():Boolean;

    function internalCompare(a:Object, b:Object):int;

    function getArraySortOnOptions():int;

    function initCompare(obj:Object):void;
}

}

<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the Halo DataGrid control. -->
<s:Application
    xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/mx">
    <fx:Declarations>
        <fx:XMLList id="employees">
            <employee>
                <name>Joanne Wall</name>
                <phone>555-219-2012</phone>
                <email>jwall@fictitious.com</email>
                <active>true</active>
            </employee>

            <employee>
                <name>fr cote</name>
                <phone>555-219-2000</phone>
                <email>mjones@fictitious.com</email>
                <active>true</active>
            </employee>

            <employee>
                <name>Maurice Smith</name>
                <phone>555-219-2012</phone>
                <email>maurice@fictitious.com</email>
                <active>false</active>
            </employee>

            <employee>
                <name>fr côte</name>
                <phone>555-219-2000</phone>
                <email>mjones@fictitious.com</email>
                <active>true</active>
            </employee>

            <employee>
                <name>fr coté</name>
                <phone>555-219-2000</phone>
                <email>mjones@fictitious.com</email>
                <active>true</active>
            </employee>

            <employee>
                <name>fr côté</name>
                <phone>555-219-2000</phone>
                <email>mjones@fictitious.com</email>
                <active>true</active>
            </employee>

            <employee>
                <name>Christina Coenraets</name>
                <phone>555-219-2270</phone>
                <email>ccoenraets@fictitious.com</email>
                <active>true</active>
            </employee>

            <employee>
                <name>Mary Jones</name>
                <phone>555-219-2000</phone>
                <email>mjones@fictitious.com</email>
                <active>true</active>
            </employee>
        </fx:XMLList>
        <s:XMLListCollection id="employees2" source="{employees}"/>
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            import mx.collections.ISort;
            import mx.collections.ISortField;
            import mx.collections.Sort;
            import mx.collections.SortField;
            import spark.globalization.Sort;
            import spark.globalization.SortField;
            import spark.globalization.SortingCollator;

            <a href="Bindable%28%26quot%3Bchange%26quot%3B%29">Bindable("change")</a>
            private static var useSparkSort:Boolean = true;

            <a href="Bindable%28%26quot%3Bchange%26quot%3B%29">Bindable("change")</a>
            private var collator:SortingCollator = new SortingCollator();

            private function sortCompareFunction(a:String, b:String):int
            {
                return collator.compare(a, b);
            }

            private function sortChange(locale:String):void
            {
                const sort:ISort = useSparkSort
                    ? new spark.globalization.Sort()
                    : new mx.collections.Sort();

                if (useSparkSort)
                    addStyleClient(sort as spark.globalization.Sort);

                sort.fields = new Array();
                var sf:mx.collections.ISortField;

                sf = useSparkSort
                    ? new spark.globalization.SortField()
                    : new mx.collections.SortField();

                if (useSparkSort)
                    addStyleClient(sf as spark.globalization.SortField);

                sf.name = "name";
                sf.compareFunction = sortCompareFunction;
                sort.fields.push(sf);

                employees2.sort = sort;
                dg.dataProvider = employees2;
                if (locale)
                {
                    collator.setStyle("locale", locale);
                    (dg.columns<a href="0">0</a> as DataGridColumn).sortCompareFunction = sortCompareFunction;
                }
                else
                {
                    (dg.columns<a href="0">0</a> as DataGridColumn).sortCompareFunction = null;
                }
            }
        ]]>
    </fx:Script>
    <mx:Form>
        <mx:FormItem label="Locale">
            <s:RadioButton label="Use Spark Sort/SortFiled classes"
                click="useSparkSort=true" selected="{useSparkSort}"/>
            <s:RadioButton label="Use MX Sort/SortFiled classes"
                click="useSparkSort=false" selected="{useSparkSort}"/>
        </mx:FormItem>
        <mx:FormItem label="Locale">
            <s:Button label="Sort: No Collator" click="sortChange(null)"/>
            <s:Button label="Sort: Collator with 'en' locale" click="sortChange('en')"/>
            <s:Button label="Sort: Collator with 'fr' locale" click="sortChange('fr')"/>
        </mx:FormItem>
        <mx:FormItem label="DataGrid">
            <mx:Text text="Select a row in the DataGrid control."/>
            <mx:DataGrid id="dg" width="100%" height="100%" rowCount="10" dataProvider="{employees2}">
                <mx:columns>
                    <mx:DataGridColumn dataField="name" headerText="Name"/>
                    <mx:DataGridColumn dataField="phone" headerText="Phone"/>
                    <mx:DataGridColumn dataField="email" headerText="Email"/>
                </mx:columns>
            </mx:DataGrid>
        </mx:FormItem>
        <mx:FormItem label="Selected Item">
            <mx:Form>
                <mx:FormItem label="Name">
                    <mx:Label text="{dg.selectedItem.name}"/>
                </mx:FormItem>
                <mx:FormItem label="Email">
                    <mx:Label text="{dg.selectedItem.email}"/>
                </mx:FormItem>
                <mx:FormItem label="Phone">
                    <mx:Label text="{dg.selectedItem.phone}"/>
                </mx:FormItem>
            </mx:Form>
        </mx:FormItem>
    </mx:Form>
</s:Application>