@json-editor/json-editor 1.4.0-beta.0 → 1.17.0

package/src/iconlibs/bootstrap3.js

@@ -1,17 +1,28 @@
-JSONEditor.defaults.iconlibs.bootstrap3 = JSONEditor.AbstractIconLib.extend({
-  mapping: {
-    collapse: 'chevron-down',
-    expand: 'chevron-right',
-    "delete": 'remove',
-    edit: 'pencil',
-    add: 'plus',
-    cancel: 'floppy-remove',
-    save: 'floppy-saved',
-    moveup: 'arrow-up',
-    movedown: 'arrow-down',
-    clear: 'remove-circle',
-    time: 'time',
-    calendar: 'calendar'
-  },
-  icon_prefix: 'glyphicon glyphicon-'
-});
+import { AbstractIconLib } from '../iconlib.js'
+
+const iconPrefix = 'glyphicon glyphicon-'
+const mapping = {
+  collapse: 'chevron-down',
+  expand: 'chevron-right',
+  delete: 'trash',
+  edit: 'pencil',
+  add: 'plus',
+  subtract: 'minus',
+  cancel: 'floppy-remove',
+  save: 'floppy-saved',
+  moveup: 'arrow-up',
+  moveright: 'arrow-right',
+  movedown: 'arrow-down',
+  moveleft: 'arrow-left',
+  copy: 'copy',
+  clear: 'remove-circle',
+  time: 'time',
+  calendar: 'calendar',
+  edit_properties: 'list'
+}
+
+export class bootstrap3Iconlib extends AbstractIconLib {
+  constructor () {
+    super(iconPrefix, mapping)
+  }
+}

package/src/iconlibs/fontawesome3.js

@@ -1,17 +1,28 @@
-JSONEditor.defaults.iconlibs.fontawesome3 = JSONEditor.AbstractIconLib.extend({
-  mapping: {
-    collapse: 'chevron-down',
-    expand: 'chevron-right',
-    "delete": 'remove',
-    edit: 'pencil',
-    add: 'plus',
-    cancel: 'ban-circle',
-    save: 'save',
-    moveup: 'arrow-up',
-    movedown: 'arrow-down',
-    clear: 'remove-circle',
-    time: 'time',
-    calendar: 'calendar'
-  },
-  icon_prefix: 'icon-'
-});
+import { AbstractIconLib } from '../iconlib.js'
+
+const iconPrefix = 'icon-'
+const mapping = {
+  collapse: 'chevron-down',
+  expand: 'chevron-right',
+  delete: 'trash',
+  edit: 'pencil',
+  add: 'plus',
+  subtract: 'minus',
+  cancel: 'ban-circle',
+  save: 'save',
+  moveup: 'arrow-up',
+  moveright: 'arrow-right',
+  movedown: 'arrow-down',
+  moveleft: 'arrow-left',
+  copy: 'copy',
+  clear: 'remove-circle',
+  time: 'time',
+  calendar: 'calendar',
+  edit_properties: 'list'
+}
+
+export class fontawesome3Iconlib extends AbstractIconLib {
+  constructor () {
+    super(iconPrefix, mapping)
+  }
+}

package/src/iconlibs/fontawesome4.js

@@ -1,18 +1,28 @@
-JSONEditor.defaults.iconlibs.fontawesome4 = JSONEditor.AbstractIconLib.extend({
-  mapping: {
-    collapse: 'caret-square-o-down',
-    expand: 'caret-square-o-right',
-    "delete": 'times',
-    edit: 'pencil',
-    add: 'plus',
-    cancel: 'ban',
-    save: 'save',
-    moveup: 'arrow-up',
-    movedown: 'arrow-down',
-    copy: 'files-o',
-    clear: 'times-circle-o',
-    time: 'clock-o',
-    calendar: 'calendar'
-  },
-  icon_prefix: 'fa fa-'
-});
+import { AbstractIconLib } from '../iconlib.js'
+
+const iconPrefix = 'fa fa-'
+const mapping = {
+  collapse: 'caret-square-o-down',
+  expand: 'caret-square-o-right',
+  delete: 'times',
+  edit: 'pencil',
+  add: 'plus',
+  subtract: 'minus',
+  cancel: 'ban',
+  save: 'save',
+  moveup: 'arrow-up',
+  moveright: 'arrow-right',
+  movedown: 'arrow-down',
+  moveleft: 'arrow-left',
+  copy: 'files-o',
+  clear: 'times-circle-o',
+  time: 'clock-o',
+  calendar: 'calendar',
+  edit_properties: 'list'
+}
+
+export class fontawesome4Iconlib extends AbstractIconLib {
+  constructor () {
+    super(iconPrefix, mapping)
+  }
+}

package/src/iconlibs/fontawesome5.js

@@ -1,18 +1,28 @@
-JSONEditor.defaults.iconlibs.fontawesome5 = JSONEditor.AbstractIconLib.extend({
-  mapping: {
-    collapse: 'caret-down',
-    expand: 'caret-right',
-    delete: 'times',
-    edit: 'pen',
-    add: 'plus',
-    cancel: 'ban',
-    save: 'save',
-    moveup: 'arrow-up',
-    movedown: 'arrow-down',
-    copy: 'copy',
-    clear: 'times-circle',
-    time: 'clock',
-    calendar: 'calendar'
-  },
-  icon_prefix: 'fas fa-'
-});
+import { AbstractIconLib } from '../iconlib.js'
+
+const iconPrefix = 'fas fa-'
+const mapping = {
+  collapse: 'caret-down',
+  expand: 'caret-right',
+  delete: 'trash',
+  edit: 'pen',
+  add: 'plus',
+  subtract: 'minus',
+  cancel: 'ban',
+  save: 'save',
+  moveup: 'arrow-up',
+  moveright: 'arrow-right',
+  movedown: 'arrow-down',
+  moveleft: 'arrow-left',
+  copy: 'copy',
+  clear: 'times-circle',
+  time: 'clock',
+  calendar: 'calendar',
+  edit_properties: 'list'
+}
+
+export class fontawesome5Iconlib extends AbstractIconLib {
+  constructor () {
+    super(iconPrefix, mapping)
+  }
+}

package/src/iconlibs/foundation2.js

@@ -1,17 +1,24 @@
-JSONEditor.defaults.iconlibs.foundation2 = JSONEditor.AbstractIconLib.extend({
-  mapping: {
-    collapse: 'minus',
-    expand: 'plus',
-    "delete": 'remove',
-    edit: 'edit',
-    add: 'add-doc',
-    cancel: 'error',
-    save: 'checkmark',
-    moveup: 'up-arrow',
-    movedown: 'down-arrow',
-    clear: 'remove',
-    time: 'clock',
-    calendar: 'calendar'
-  },
-  icon_prefix: 'foundicon-'
-});
+import { AbstractIconLib } from '../iconlib.js'
+
+const iconPrefix = 'foundicon-'
+const mapping = {
+  collapse: 'minus',
+  expand: 'plus',
+  delete: 'remove',
+  edit: 'edit',
+  add: 'add-doc',
+  cancel: 'error',
+  save: 'checkmark',
+  moveup: 'up-arrow',
+  movedown: 'down-arrow',
+  copy: 'page-copy',
+  clear: 'remove',
+  time: 'clock',
+  calendar: 'calendar'
+}
+
+export class foundation2Iconlib extends AbstractIconLib {
+  constructor () {
+    super(iconPrefix, mapping)
+  }
+}

package/src/iconlibs/foundation3.js

@@ -1,17 +1,28 @@
-JSONEditor.defaults.iconlibs.foundation3 = JSONEditor.AbstractIconLib.extend({
-  mapping: {
-    collapse: 'minus',
-    expand: 'plus',
-    "delete": 'x',
-    edit: 'pencil',
-    add: 'page-add',
-    cancel: 'x-circle',
-    save: 'save',
-    moveup: 'arrow-up',
-    movedown: 'arrow-down',
-    clear: 'x-circle',
-    time: 'clock',
-    calendar: 'calendar'
-  },
-  icon_prefix: 'fi-'
-});
+import { AbstractIconLib } from '../iconlib.js'
+
+const iconPrefix = 'fi-'
+const mapping = {
+  collapse: 'minus',
+  expand: 'plus',
+  delete: 'trash',
+  edit: 'pencil',
+  add: 'plus',
+  subtract: 'minus',
+  cancel: 'x-circle',
+  save: 'save',
+  moveup: 'arrow-up',
+  moveright: 'arrow-right',
+  movedown: 'arrow-down',
+  moveleft: 'arrow-left',
+  copy: 'page-copy',
+  clear: 'x-circle',
+  time: 'clock',
+  calendar: 'calendar',
+  edit_properties: 'list'
+}
+
+export class foundation3Iconlib extends AbstractIconLib {
+  constructor () {
+    super(iconPrefix, mapping)
+  }
+}

package/src/iconlibs/index.js

@@ -0,0 +1,27 @@
+// import  { bootstrap2Iconlib } from  './bootstrap2.js'
+import { bootstrap3Iconlib } from './bootstrap3.js'
+import { fontawesome3Iconlib } from './fontawesome3.js'
+import { fontawesome4Iconlib } from './fontawesome4.js'
+import { fontawesome5Iconlib } from './fontawesome5.js'
+// import  { foundation2Iconlib } from  './foundation2.js'
+// import  { foundation3Iconlib } from  './foundation3.js'
+import { jqueryuiIconlib } from './jqueryui.js'
+// import  { materialiconsIconlib } from  './materialicons.js'
+import { openiconicIconlib } from './openiconic.js'
+import { spectreIconlib } from './spectre.js'
+import { bootstrapIconlib } from './bootstrap'
+
+export const iconlibs = {
+  // bootstrap2: bootstrap2Iconlib,
+  bootstrap: bootstrapIconlib,
+  bootstrap3: bootstrap3Iconlib,
+  fontawesome3: fontawesome3Iconlib,
+  fontawesome4: fontawesome4Iconlib,
+  fontawesome5: fontawesome5Iconlib,
+  // foundation2: foundation2Iconlib,
+  // foundation3: foundation3Iconlib,
+  jqueryui: jqueryuiIconlib,
+  // materialicons: materialiconsIconlib,
+  openiconic: openiconicIconlib,
+  spectre: spectreIconlib
+}

package/src/iconlibs/jqueryui.js

@@ -1,17 +1,28 @@
-JSONEditor.defaults.iconlibs.jqueryui = JSONEditor.AbstractIconLib.extend({
-  mapping: {
-    collapse: 'triangle-1-s',
-    expand: 'triangle-1-e',
-    "delete": 'trash',
-    edit: 'pencil',
-    add: 'plusthick',
-    cancel: 'closethick',
-    save: 'disk',
-    moveup: 'arrowthick-1-n',
-    movedown: 'arrowthick-1-s',
-    clear: 'circle-close',
-    time: 'time',
-    calendar: 'calendar'
-  },
-  icon_prefix: 'ui-icon ui-icon-'
-});
+import { AbstractIconLib } from '../iconlib.js'
+
+const iconPrefix = 'ui-icon ui-icon-'
+const mapping = {
+  collapse: 'triangle-1-s',
+  expand: 'triangle-1-e',
+  delete: 'trash',
+  edit: 'pencil',
+  add: 'plusthick',
+  subtract: 'minusthick',
+  cancel: 'closethick',
+  save: 'disk',
+  moveup: 'arrowthick-1-n',
+  moveright: 'arrowthick-1-e',
+  movedown: 'arrowthick-1-s',
+  moveleft: 'arrowthick-1-w',
+  copy: 'copy',
+  clear: 'circle-close',
+  time: 'time',
+  calendar: 'calendar',
+  edit_properties: 'note'
+}
+
+export class jqueryuiIconlib extends AbstractIconLib {
+  constructor () {
+    super(iconPrefix, mapping)
+  }
+}

package/src/iconlibs/materialicons.js

@@ -1,44 +1,49 @@
-JSONEditor.defaults.iconlibs.materialicons = JSONEditor.AbstractIconLib.extend({
-
-    mapping: {
-      collapse: 'arrow_drop_up',
-      expand: 'arrow_drop_down',
-      "delete": 'delete',
-      edit: 'edit',
-      add: 'add',
-      cancel: 'cancel',
-      save: 'save',
-      moveup: 'arrow_upward',
-      movedown: 'arrow_downward',
-      copy: 'content_copy',
-      clear: 'highlight_off',
-      time: 'access_time',
-      calendar: 'calendar_today',
-      upload: 'cloud_upload',
-    },
-
-    icon_class: 'material-icons',
-    icon_prefix: '',
-
-    getIconClass: function(key) {
-
-        // This method is unused.
-
-        return this.icon_class;
-    },
-
-    getIcon: function(key) {
-
-        // Get the mapping.
-        var mapping = this.mapping[key];
-        if (!mapping) return null;
-
-        // @see http://materializecss.com/icons.html
-        var i = document.createElement('i');
-        i.classList.add(this.icon_class);
-        var t = document.createTextNode(mapping);
-        i.appendChild(t);
-        return i;
-
-    }
-});
+import { AbstractIconLib } from '../iconlib.js'
+
+const iconClass = 'material-icons'
+const iconPrefix = ''
+const mapping = {
+  collapse: 'arrow_drop_up',
+  expand: 'arrow_drop_down',
+  delete: 'delete',
+  edit: 'edit',
+  add: 'add',
+  subtract: 'remove',
+  cancel: 'cancel',
+  save: 'save',
+  moveup: 'arrow_upward',
+  movedown: 'arrow_downward',
+  moveright: 'arrow_forward',
+  moveleft: 'arrow_back',
+  copy: 'content_copy',
+  clear: 'highlight_off',
+  time: 'access_time',
+  calendar: 'calendar_today',
+  upload: 'cloud_upload',
+  edit_properties: 'list'
+}
+
+export class materialiconsIconlib extends AbstractIconLib {
+  constructor () {
+    super(iconPrefix, mapping)
+    this.icon_class = iconClass
+  }
+
+  getIconClass (key) {
+    /* This method is unused. */
+    return this.icon_class
+  }
+
+  getIcon (key) {
+    /* Get the mapping. */
+    const mapping = this.mapping[key]
+    if (!mapping) return null
+
+    /* @see http://materializecss.com/icons.html */
+    const i = document.createElement('i')
+    i.classList.add(this.icon_class)
+    const t = document.createTextNode(mapping)
+    i.appendChild(t)
+    return i
+  }
+}

package/src/iconlibs/openiconic.js

@@ -0,0 +1,28 @@
+import { AbstractIconLib } from '../iconlib.js'
+
+const iconPrefix = 'oi oi-'
+const mapping = {
+  collapse: 'collapse-down',
+  expand: 'expand-right',
+  delete: 'trash',
+  edit: 'pencil',
+  add: 'plus',
+  subtract: 'minus',
+  cancel: 'ban',
+  save: 'file',
+  moveup: 'arrow-thick-top',
+  moveright: 'arrow-thick-right',
+  movedown: 'arrow-thick-bottom',
+  moveleft: 'arrow-thick-left',
+  copy: 'clipboard',
+  clear: 'circle-x',
+  time: 'clock',
+  calendar: 'calendar',
+  edit_properties: 'list'
+}
+
+export class openiconicIconlib extends AbstractIconLib {
+  constructor () {
+    super(iconPrefix, mapping)
+  }
+}

package/src/iconlibs/spectre.js

@@ -0,0 +1,28 @@
+import { AbstractIconLib } from '../iconlib.js'
+
+const iconPrefix = 'icon icon-'
+const mapping = {
+  collapse: 'arrow-down',
+  expand: 'arrow-right',
+  delete: 'delete',
+  edit: 'edit',
+  add: 'plus',
+  subtract: 'minus',
+  cancel: 'cross',
+  save: 'check',
+  moveup: 'upward',
+  moveright: 'forward',
+  movedown: 'downward',
+  moveleft: 'back',
+  copy: 'copy',
+  clear: 'close',
+  time: 'time',
+  calendar: 'bookmark',
+  edit_properties: 'menu'
+}
+
+export class spectreIconlib extends AbstractIconLib {
+  constructor () {
+    super(iconPrefix, mapping)
+  }
+}

package/src/resolvers.js

@@ -0,0 +1,135 @@
+/* Use "multiple" as a fallback for everything */
+const defaultResolver = schema => typeof schema.type !== 'string' && 'multiple'
+
+/* If the type is a script type, then presume the Editor's type is "string" until later resolvers decide otherwise */
+const defaultResolverString = schema => typeof schema.type === 'string' && 'string'
+
+/* If the type is not set but properties are defined, we can infer the type is actually object */
+const object = schema => !schema.type && schema.properties && 'object'
+
+/* If type is set, and it's a basic JSON type, use the primitive editor */
+const primitive = schema => typeof schema.type === 'string' && ['string', 'number', 'integer', 'boolean', 'null', 'array', 'object'].includes(schema.type) && schema.type
+
+/* Use specialized editor for signatures */
+const signature = schema => schema.type === 'string' && schema.format === 'signature' && 'signature'
+
+/* Use the select editor for all boolean values */
+const boolean = schema => {
+  if (schema.type === 'boolean') {
+    /* If explicitly set to 'checkbox', use that */
+    if (schema.format === 'checkbox' || (schema.options && schema.options.checkbox)) return 'checkbox'
+    /* Otherwise, default to select menu */
+    if (schema.format === 'select2') return 'select2'
+    if (schema.format === 'selectize') return 'selectize'
+    if (schema.format === 'choices') return 'choices'
+    return 'select'
+  }
+}
+
+/* Use the multiple editor for schemas where the `type` is set to "any" */
+const any = schema => schema.type === 'any' && 'multiple'
+
+/* Editor for base64 encoded files */
+const base64 = schema => schema.type === 'string' && schema.media && schema.media.binaryEncoding === 'base64' && 'base64'
+
+/* Editor for uploading files */
+const upload = schema => schema.type === 'string' && schema.format === 'url' && window.FileReader && schema.options && schema.options.upload === Object(schema.options.upload) && 'upload'
+
+/* Use the table editor for arrays with the format set to `table` */
+const table = schema => schema.type === 'array' && schema.format === 'table' && 'table'
+
+/* Use the `select` editor for dynamic enumSource enums */
+const enumSource = schema => {
+  if (schema.enumSource) {
+    if (schema.format === 'radio') return 'radio'
+    if (schema.format === 'select2') return 'select2'
+    if (schema.format === 'selectize') return 'selectize'
+    if (schema.format === 'choices') return 'choices'
+    return 'select'
+  }
+}
+
+/* Use the `enum` or `select` editors for schemas with enumerated properties */
+const enumeratedProperties = schema => {
+  if (schema.enum) {
+    if (schema.type === 'array' || schema.type === 'object') return 'enum'
+    if (schema.type === 'number' || schema.type === 'integer' || schema.type === 'string') {
+      if (schema.format === 'radio') return 'radio'
+      if (schema.format === 'select2') return 'select2'
+      if (schema.format === 'selectize') return 'selectize'
+      if (schema.format === 'choices') return 'choices'
+      return 'select'
+    }
+  }
+}
+
+/* Specialized editors for arrays of strings */
+const arraysOfStrings = (schema, je) => {
+  if (schema.items) {
+    schema.items = je.expandSchema(schema.items)
+  }
+
+  if (schema.type === 'array' && schema.items && !(Array.isArray(schema.items)) && ['string', 'number', 'integer'].includes(schema.items.type)) {
+    if (schema.format === 'choices') return 'arrayChoices'
+    if (schema.uniqueItems) {
+      /* if 'selectize' enabled it is expected to be selectized control */
+      if (schema.format === 'selectize') return 'arraySelectize'
+      if (schema.format === 'select2') return 'arraySelect2'
+      if (schema.items.enum && schema.format !== 'table') return 'multiselect' /* otherwise it is select */
+    }
+  }
+}
+
+/* Use the multiple editor for schemas with `oneOf` or `anyOf` set */
+const oneOf = schema => (schema.oneOf || schema.anyOf) && (schema.options?.switcher ?? true) === true && 'multiple'
+
+/* Use the multiple editor for schemas with `if` set */
+const ifThenElse = schema => (schema.if) && 'multiple'
+
+/* Specialized editor for date, time and datetime-local formats */
+const date = schema => ['string', 'integer'].includes(schema.type) && ['date', 'time', 'datetime-local'].includes(schema.format) && 'datetime'
+
+/* Use a specialized editor for starratings */
+const starratings = schema => ['string', 'integer'].includes(schema.type) && ['starrating', 'rating'].includes(schema.format) && 'starrating'
+
+/* Hyper-link describeBy resolver */
+const describeBy = schema => {
+  if (schema.links) {
+    for (let i = 0; i < schema.links.length; i++) {
+      if (schema.links[i].rel && schema.links[i].rel.toLowerCase() === 'describedby') return 'describedBy'
+    }
+  }
+}
+
+/* Use the stepper editor for schemas with type `number` or `integer` and format `stepper` */
+const stepper = schema => {
+  if ((schema.type === 'integer' || schema.type === 'number') && schema.format === 'stepper') {
+    return 'stepper'
+  }
+}
+
+/* Enable custom editor type */
+const button = schema => schema.format === 'button' && 'button'
+
+const info = schema => schema.format === 'info' && 'info'
+
+const uuid = schema => schema.type === 'string' && schema.format === 'uuid' && 'uuid'
+
+const autoComplete = schema => schema.type === 'string' && schema.format === 'autocomplete' && 'autocomplete'
+
+const jodit = schema => schema.type === 'string' && schema.format === 'jodit' && 'jodit'
+
+const markdown = schema => schema.type === 'string' && schema.format === 'markdown' && 'simplemde'
+
+const xhtml = schema => schema.type === 'string' && ['xhtml', 'bbcode'].includes(schema.format) && 'sceditor'
+
+/* Use the ace editor for schemas with format equals any of ace editor modes */
+const aceModes = ['actionscript', 'batchfile', 'c', 'c++', 'cpp', 'coffee', 'csharp', 'css', 'dart', 'django', 'ejs', 'erlang', 'golang', 'groovy', 'handlebars', 'haskell', 'haxe', 'html', 'ini', 'jade', 'java', 'javascript', 'json', 'less', 'lisp', 'lua', 'makefile', 'matlab', 'mysql', 'objectivec', 'pascal', 'perl', 'pgsql', 'php', 'python', 'prql', 'r', 'ruby', 'rust', 'sass', 'scala', 'scss', 'sh', 'smarty', 'sql', 'sqlserver', 'stylus', 'svg', 'typescript', 'twig', 'vbscript', 'xml', 'yaml', 'zig']
+const ace = schema => schema.type === 'string' && aceModes.includes(schema.format) && 'ace'
+
+const ip = schema => schema.type === 'string' && ['ip', 'ipv4', 'ipv6', 'hostname'].includes(schema.format) && 'ip'
+
+const colorPicker = schema => schema.type === 'string' && schema.format === 'color' && 'colorpicker'
+
+/* Export resolvers in order of discovery, first to last */
+export const resolvers = [colorPicker, ip, ace, xhtml, markdown, jodit, autoComplete, uuid, info, button, stepper, describeBy, starratings, date, oneOf, ifThenElse, arraysOfStrings, enumeratedProperties, enumSource, table, upload, base64, any, boolean, signature, primitive, object, defaultResolver, defaultResolverString]