<DataSource ID="Code"
            serverType="sql"
            tableName="code"
            beanClassName="com.assaabloy.protech.shared.datasource.bean.Code"
            xmlns:fmt="WEB-INF/">
    <fmt:bundle basename="com.assaabloy.protech.shared.Messages"/>
    <fields>
        <field name="codeId" nativeName="code_id" type="sequence" javaClass="Long" primaryKey="true" hidden="true"/>
        <field name="codeTypeId" nativeName="code_type_id" type="integer" javaClass="Long" foreignKey="CodeType.code_type_id" required="true"
               displayField="codeType">
            <title>
                <fmt:message key="codeType"/>
            </title>
        </field>
        <field name="codeType" type="text" length="100" includeFrom="CodeType.description" hidden="true"/>
        <field name="companyId" nativeName="company_id" type="text" length="36" hidden="true" foreignKey="Company.companyId" joinType="outer">
            <title>
                <fmt:message key="company"/>
            </title>
        </field>
        <field name="code" type="text" length="100" required="true">
            <title>
                <fmt:message key="code"/>
            </title>
            <validators>
                <validator type="serverCustom">
                    <serverObject lookupStyle="spring" bean="codeService"/>
                    <errorMessage>
                        <fmt:message key="codeAlreadyExists"/>
                    </errorMessage>
                </validator>
            </validators>
        </field>
        <field name="description" type="text" length="100" required="true">
            <title>
                <fmt:message key="description"/>
            </title>
        </field>
        <field name="sortOrder" nativeName="sort_order" type="integer" javaClass="Integer" hidden="true"/>
        <field name="sequenceNumber" nativeName="sequence_number" type="integer" javaClass="Integer" hidden="true"/>
        <field name="required" type="boolean" sqlStorageStrategy="integer" hidden="true"/>
        <field name="visible" type="boolean" sqlStorageStrategy="integer" hidden="true"/>
        <field name="deleted" nativeName="is_deleted" type="boolean" sqlStorageStrategy="integer" hidden="true"/>
        <field name="parentCodeId" nativeName="parent_code_id" type="integer" javaClass="Long" foreignKey="Code.codeId" joinType="outer"
               displayField="parentCodeType">
            <title>
                <fmt:message key="parentCodeType"/>
            </title>
        </field>
        <field name="parentCodeType" type="text" length="100" includeFrom="Code.code" hidden="true"/>
        <field name="createdBy" nativeName="created_by" type="creator" hidden="true">
            <title>
                <fmt:message key="createdBy"/>
            </title>
        </field>
        <field name="createdTime" nativeName="created_time" type="creatorTimestamp" hidden="true">
            <title>
                <fmt:message key="createdTime"/>
            </title>
        </field>
        <field name="modifiedBy" nativeName="modified_by" type="modifier" hidden="true">
            <title>
                <fmt:message key="modifiedBy"/>
            </title>
        </field>
        <field name="modifiedTime" nativeName="modified_time" type="modifierTimestamp" hidden="true">
            <title>
                <fmt:message key="modifiedTime"/>
            </title>
        </field>

        <field name="concatValue" type="text" canEdit="false" customSelectExpression="CONCAT(code.code,'-',code.description)" hidden="=true"/>
    </fields>

    <operationBindings>
        <operationBinding operationType="add">
            <serverObject lookupStyle="spring" bean="codeService"/>
        </operationBinding>
        <operationBinding operationType="fetch">
            <criteria fieldName="deleted" value="false"/>
        </operationBinding>
        <operationBinding operationType="fetch" operationId="getMaxSortOrder">
            <customSQL>
                SELECT
                COALESCE(MAX(sort_order)+1,0) AS sort_order FROM code WHERE
                code_type_id=$criteria.code_type_id AND (company_id = $criteria.company_id or company_id IS NULL)
            </customSQL>
        </operationBinding>
        <operationBinding operationType="remove">
            <serverObject lookupStyle="spring" bean="codeService"/>
        </operationBinding>
    </operationBindings>
</DataSource>

isc.FloatItem.addProperties({selectOnFocus: true}); // ADDED. We have this as a default

isc.ListGrid.create({
    ID: "countryList",
    width:550, height:224,
    // use server-side dataSource so edits are retained across page transitions
    dataSource: countryDS,
    // display a subset of fields from the datasource
    fields:[
        {name:"countryCode", title:"Flag", width:40, type:"image", imageURLPrefix:"flags/24/", imageURLSuffix:".png", canEdit:false},
        {name:"countryName"},
        {name:"continent"},
        {name:"member_g8"},
        {name:"population"},
        {name:"gdp"}, // ADDED. To have a float field in the grid. Use this field to see the fault.
        {name:"independence"}
    ],
    autoFetchData: true,
    canEdit: true,
    editEvent: "click",
    showGridSummary: true // ADDED. This is also needed to see the fault
})

isc.Label.create({
    height: 50,
    padding: 4,
    backgroundColor: "pink",
    align: "center",
    valign: "center",
    wrap: false,
    borderRadius: "7px 7px 7px 7px",
    icon: "[SAMPLE]icons/16/world.png",
    contents: "Hello world!"
})

@Override
    public void onModuleLoad()
    {
        SimpleType type = new SimpleType("joinedValues", FieldType.TEXT);
        type.setSimpleTypeValueExtractor(new SimpleType.SimpleTypeValueExtractor()
        {
            @Override
            public Object getAtomicValue(Object value)
            {
                Object atomicValue = value;
                if (value instanceof String)
                {
                    String s = (String) value;
                    atomicValue = s.isEmpty() ? new String[0] : s.split("\\|");
                }

                return atomicValue;
            }
        });

        type.setSimpleTypeValueUpdater(new SimpleType.SimpleTypeValueUpdater()
        {
            @Override
            public Object updateAtomicValue(Object atomicValue, Object currentValue)
            {
                Object updatedValue = atomicValue;
                if (atomicValue instanceof String[])
                {
                    updatedValue = Arrays.stream((String[]) atomicValue).collect(Collectors.joining("|"));
                }
                else if (atomicValue instanceof List<?>)
                {
                    List<String> list = (List<String>) atomicValue;
                    updatedValue = list.stream().collect(Collectors.joining("|"));
                }

                return updatedValue;
            }
        });

        Map<String, String> valueMap = new LinkedHashMap<>();
        valueMap.put("InternalA", "ExternalA");
        valueMap.put("InternalB", "ExternalB");
        valueMap.put("InternalC", "ExternalC");

        DataSource ds = new DataSource();
        ds.setClientOnly(true);

        DataSourceField pkField = new DataSourceTextField("A");
        pkField.setPrimaryKey(true);

        DataSourceField testField = new DataSourceField("B", FieldType.TEXT);
        testField.setType(type);
        testField.setEditorProperties(new MultiPickerItem());
        testField.setValueMap(valueMap);
        testField.setCanEdit(true);

        ds.setFields(pkField, testField);

        ListGrid listGrid = new ListGrid();
        listGrid.setDataSource(ds);
        listGrid.setCanEdit(true);
        listGrid.setWidth("100%");

        ListGridRecord record = new ListGridRecord();
        record.setAttribute("A", "PkA");
        record.setAttribute("B", "InternalA|InternalC");
        ds.setCacheData(record);
        listGrid.fetchData();

        listGrid.draw();
    }

        isc.RichTextEditor.addProperties({
            init: function () {
                this.Super("init", arguments);
                const editArea = this.editArea;
                if (editArea) {
                    editArea.showDisabled = this.showDisabled;
                    editArea.baseStyle = editArea.styleName;
                    editArea.setDisabled = function (disabled) {
                        this.Super("setDisabled", arguments);
                        if (this.showDisabled) {
                            this.setStyleName((this.baseStyle + (disabled ? "Disabled" : "")));
                        }
                    };
                }
            },
            setDisabled: function (disabled) {
                this.Super("setDisabled", arguments);
                this.editArea?.setDisabled(disabled);
            },
        });
        isc.RichTextItem.addProperties({
            init: function () {
                this.canvasProperties = { ...this.canvasProperties, showDisabled: this.showDisabled, disabled: this.disabled }
                this.Super("init", arguments);
            },
            setDisabled: function (disabled) {
                this.Super("setDisabled", arguments);
                this.canvas?.setDisabled(disabled);
            },

const ListImageField = {
type: "image",
title: " ",
padding: 0,
align: "center",
width: 20, imageHeight: 16, imageWidth: 16,
valueIconLeftPadding: 0,
valueIconRightPadding: 0,
canEdit: false,
escapeHTML: false, canSort: false, canFilter: false, canHide: false, canHover: true, showHover: true };

{ ...ListImageField,
name: CONSTANT.TYPE,
imageURLPrefix: "[SKINIMG]users/",
imageURLSuffix: ".png",
canHover: false, showHover: false
}

{ ...ListImageField,
name: CONSTANT.TYPE,
canHover: false, showHover: false,
  formatCellValue(value, record, rowNum, colNum, grid) {
     return isc.Canvas.imgHTML({
         src: `[SKINIMG]users/${value}.png`,
         width: this.imageWidth,
         height: this.imageHeight,
         align: "center",
     });;
}

isc.ListGrid.create({
    ID: "aGrid",
    data: [
        {
            test: "Foo Bar"
        }
    ],
    width: "100%", height: "100%",
    canEdit: true,
    fields: [
        {
            name: "test",
            title: "just a test case",
            valueMap: [
                "First",
                "Second",
                "Third",
                "Fourth"
            ]
        }
    ],
    modalEditing: true,
    rowEditorExit: function (editCompletionEvent, record, newValues, rowNum) {
        isc.logEcho("rowEditorExit")
        return true;
    }
}).show()

aGrid.startEditingNew()