OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	02/20/2020 06:40:48 AM	rwxr-xr-x
📄 ComponentApi.ts	2.18 KB	02/20/2020 06:37:43 AM	rw-r--r--
📄 ComposingConfigs.ts	970 bytes	02/20/2020 06:37:43 AM	rw-r--r--
📄 DialogTabHeight.ts	5.23 KB	02/20/2020 06:37:45 AM	rw-r--r--
📄 DisablingConfigs.ts	678 bytes	02/20/2020 06:37:45 AM	rw-r--r--
📄 FieldLabeller.ts	1.87 KB	02/20/2020 06:37:46 AM	rw-r--r--
📄 FlatgridAutodetect.ts	1.16 KB	02/20/2020 06:37:46 AM	rw-r--r--
📄 RepresentingConfigs.ts	2.39 KB	02/20/2020 06:37:47 AM	rw-r--r--
📄 SimpleBehaviours.ts	700 bytes	02/20/2020 06:37:47 AM	rw-r--r--

Editing: RepresentingConfigs.ts

/**
 * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 * Licensed under the LGPL or a commercial license.
 * For LGPL see License.txt in the project root for license information.
 * For commercial licenses see https://www.tiny.cloud/
 */

import { MementoRecord, Representing, AlloyComponent } from '@ephox/alloy';
import { FieldSchema, ValueSchema } from '@ephox/boulder';
import { Fun, Merger, Option } from '@ephox/katamari';
import { Element, Html, Value } from '@ephox/sugar';

const processors = ValueSchema.objOf([
  FieldSchema.defaulted('preprocess', Fun.identity),
  FieldSchema.defaulted('postprocess', Fun.identity)
]);

const withElement = <D>(initialValue: Option<D>, getter: (elem: Element) => D, setter: (elem: Element, v: D) => void) => {
  return withComp(
    initialValue,
    (c) => getter(c.element()),
    (c, v) => setter(c.element(), v)
  );
};

const domValue = (optInitialValue: Option<string>) => {
  return withElement(optInitialValue, Value.get, Value.set);
};

const domHtml = (optInitialValue: Option<string>) => {
  return withElement(optInitialValue, Html.get, Html.set);
};

const memory = <D>(initialValue) => {
  return Representing.config({
    store: {
      mode: 'memory',
      initialValue
    }
  });
};

export const RepresentingConfigs = {
  memento,
  withElement,
  withComp,
  domValue,
  domHtml,
  memory
};