@modusoperandi/licit 0.1.4 → 0.1.8

package/dist/ui/canUseCSSFont.js.flow

@@ -1,43 +1,43 @@
-// @flow
-
-const cached = {};
-
-export default function canUseCSSFont(fontName: string): Promise<boolean> {
-  const doc: any = document;
-
-  if (cached.hasOwnProperty(fontName)) {
-    return Promise.resolve(cached[fontName]);
-  }
-
-  if (
-    !doc.fonts ||
-    !doc.fonts.check ||
-    !doc.fonts.ready ||
-    !doc.fonts.status ||
-    !doc.fonts.values
-  ) {
-    // Feature is not supported, install the CSS anyway
-    // https://developer.mozilla.org/en-US/docs/Web/API/FontFaceSet/check#Browser_compatibility
-    // TODO: Polyfill this.
-    console.log('FontFaceSet is not supported');
-    return Promise.resolve(false);
-  }
-
-  return new Promise((resolve) => {
-    // https://stackoverflow.com/questions/5680013/how-to-be-notified-once-a-web-font-has-loaded
-    // All fonts in use by visible text have loaded.
-    const check = () => {
-      if (doc.fonts.status !== 'loaded') {
-        setTimeout(check, 350);
-        return;
-      }
-      // Do not use `doc.fonts.check()` because it may return falsey result.
-      const fontFaces = Array.from(doc.fonts.values());
-      const matched = fontFaces.find((ff) => ff.family === fontName);
-      const result = !!matched;
-      cached[fontName] = result;
-      resolve(result);
-    };
-    doc.fonts.ready.then(check);
-  });
-}
+// @flow
+
+const cached = {};
+
+export default function canUseCSSFont(fontName: string): Promise<boolean> {
+  const doc: any = document;
+
+  if (cached.hasOwnProperty(fontName)) {
+    return Promise.resolve(cached[fontName]);
+  }
+
+  if (
+    !doc.fonts ||
+    !doc.fonts.check ||
+    !doc.fonts.ready ||
+    !doc.fonts.status ||
+    !doc.fonts.values
+  ) {
+    // Feature is not supported, install the CSS anyway
+    // https://developer.mozilla.org/en-US/docs/Web/API/FontFaceSet/check#Browser_compatibility
+    // TODO: Polyfill this.
+    console.log('FontFaceSet is not supported');
+    return Promise.resolve(false);
+  }
+
+  return new Promise((resolve) => {
+    // https://stackoverflow.com/questions/5680013/how-to-be-notified-once-a-web-font-has-loaded
+    // All fonts in use by visible text have loaded.
+    const check = () => {
+      if (doc.fonts.status !== 'loaded') {
+        setTimeout(check, 350);
+        return;
+      }
+      // Do not use `doc.fonts.check()` because it may return falsey result.
+      const fontFaces = Array.from(doc.fonts.values());
+      const matched = fontFaces.find((ff) => ff.family === fontName);
+      const result = !!matched;
+      cached[fontName] = result;
+      resolve(result);
+    };
+    doc.fonts.ready.then(check);
+  });
+}

package/dist/ui/clamp.js.flow

@@ -1,11 +1,11 @@
-// @flow
-
-export default function clamp(min: number, val: number, max: number): number {
-  if (val < min) {
-    return min;
-  }
-  if (val > max) {
-    return max;
-  }
-  return val;
-}
+// @flow
+
+export default function clamp(min: number, val: number, max: number): number {
+  if (val < min) {
+    return min;
+  }
+  if (val > max) {
+    return max;
+  }
+  return val;
+}

package/dist/ui/createPopUp.js.flow

@@ -1,205 +1,205 @@
-// @flow
-
-import './czi-vars.css';
-import './czi-pop-up.css';
-
-import type { PopUpParams, ViewProps } from './PopUp';
-
-import PopUp from './PopUp';
-// eslint-disable-next-line no-unused-vars
-import * as React from 'react';
-import ReactDOM from 'react-dom';
-import uuid from './uuid';
-
-export type PopUpHandle = {
-  close: (val: any) => void,
-  update: (props: Object) => void,
-};
-
-let modalsCount = 0;
-let popUpsCount = 0;
-
-const Z_INDEX_BASE = 9999;
-const MODAL_MASK_ID = 'pop-up-modal-mask-' + uuid();
-
-function showModalMask(IsChildDialog: ?boolean): void {
-  const root: any = document.body || document.documentElement;
-  let element = document.getElementById(MODAL_MASK_ID);
-  if (!element) {
-    element = document.createElement('div');
-    element.id = MODAL_MASK_ID;
-    // [FS] IRAD-1048 2020-10-07
-    // To handle child dialog window
-    if (IsChildDialog) {
-      element.className = 'czi-pop-up-modal-mask child-modal';
-      element.setAttribute(
-        'data-mask-type',
-        'czi-pop-up-modal-mask child-modal'
-      );
-    } else {
-      element.className = 'czi-pop-up-modal-mask';
-      element.setAttribute('data-mask-type', 'czi-pop-up-modal-mask');
-    }
-
-    element.setAttribute('role', 'dialog');
-    element.setAttribute('aria-modal', 'true');
-  }
-
-  if (root && !element.parentElement) {
-    root.appendChild(element);
-  }
-  const style: any = element.style;
-
-  const selector = '.czi-pop-up-element[data-pop-up-modal]';
-  const zIndex = Array.from(document.querySelectorAll(selector)).reduce(
-    (zz, el) => Math.max(zz, Number(el.style.zIndex)),
-    0
-  );
-
-  style.zIndex = zIndex - 1;
-}
-
-function hideModalMask(): void {
-  const element = document.getElementById(MODAL_MASK_ID);
-  if (element && element.parentElement) {
-    element.parentElement.removeChild(element);
-  }
-}
-
-function getRootElement(
-  id: string,
-  forceCreation: boolean,
-  popUpParams: ?PopUpParams
-): ?HTMLElement {
-  const root: any =
-    (popUpParams && popUpParams.container) ||
-    document.body ||
-    document.documentElement;
-  let element = document.getElementById(id);
-  if (!element && forceCreation) {
-    element = document.createElement('div');
-  }
-
-  if (!element) {
-    return null;
-  }
-
-  if (popUpParams && popUpParams.modal) {
-    element.setAttribute('data-pop-up-modal', 'y');
-  }
-  // [FS] IRAD-1048 2020-10-07
-  // To handle child dialog window
-  if (popUpParams && popUpParams.IsChildDialog) {
-    element.className = 'czi-pop-up-element child-modal czi-vars';
-  } else {
-    element.className = 'czi-pop-up-element czi-vars';
-  }
-
-  element.id = id;
-  const style: any = element.style;
-  const modalZIndexOffset = popUpParams && popUpParams.modal ? 1 : 0;
-  if (!(popUpParams && popUpParams.container)) {
-    style.zIndex = Z_INDEX_BASE + popUpsCount * 3 + modalZIndexOffset;
-  }
-
-  // Populates the default ARIA attributes here.
-  // http://accessibility.athena-ict.com/aria/examples/dialog.shtml
-  element.setAttribute('role', 'dialog');
-  element.setAttribute('aria-modal', 'true');
-  if (root && !element.parentElement) {
-    root.appendChild(element);
-  }
-  return element;
-}
-
-function renderPopUp(
-  rootId: string,
-  close: Function,
-  View: Function,
-  viewProps: ViewProps,
-  popUpParams: PopUpParams
-): void {
-  const rootNode = getRootElement(rootId, true, popUpParams);
-  if (rootNode) {
-    const component = (
-      <PopUp
-        View={View}
-        close={close}
-        popUpParams={popUpParams}
-        viewProps={viewProps}
-      />
-    );
-    ReactDOM.render(component, rootNode);
-  }
-
-  if (modalsCount > 0) {
-    showModalMask(popUpParams.IsChildDialog);
-  } else {
-    hideModalMask();
-  }
-}
-
-function unrenderPopUp(rootId: string): void {
-  const rootNode = getRootElement(rootId, false);
-  if (rootNode) {
-    ReactDOM.unmountComponentAtNode(rootNode);
-    rootNode.parentElement && rootNode.parentElement.removeChild(rootNode);
-  }
-
-  if (modalsCount === 0) {
-    hideModalMask();
-  }
-}
-
-export default function createPopUp(
-  View: Function,
-  viewProps?: ?ViewProps,
-  popUpParams?: ?PopUpParams
-): PopUpHandle {
-  const rootId = uuid();
-
-  let handle = null;
-  let currentViewProps = viewProps;
-
-  viewProps = viewProps || {};
-  popUpParams = popUpParams || {};
-
-  const modal = popUpParams.modal || !popUpParams.anchor;
-  popUpParams.modal = modal;
-
-  popUpsCount++;
-  if (modal) {
-    modalsCount++;
-  }
-
-  const closePopUp = (value) => {
-    if (!handle) {
-      return;
-    }
-
-    if (modal) {
-      modalsCount--;
-    }
-    popUpsCount--;
-
-    handle = null;
-    unrenderPopUp(rootId);
-
-    const onClose = popUpParams && popUpParams.onClose;
-    onClose && onClose(value);
-  };
-
-  const render = renderPopUp.bind(null, rootId, closePopUp, View);
-  const emptyObj = {};
-
-  handle = {
-    close: closePopUp,
-    update: (nextViewProps) => {
-      currentViewProps = nextViewProps;
-      render(currentViewProps || emptyObj, popUpParams || emptyObj);
-    },
-  };
-
-  render(currentViewProps || emptyObj, popUpParams);
-  return handle;
-}
+// @flow
+
+import './czi-vars.css';
+import './czi-pop-up.css';
+
+import type { PopUpParams, ViewProps } from './PopUp';
+
+import PopUp from './PopUp';
+// eslint-disable-next-line no-unused-vars
+import * as React from 'react';
+import ReactDOM from 'react-dom';
+import uuid from './uuid';
+
+export type PopUpHandle = {
+  close: (val: any) => void,
+  update: (props: Object) => void,
+};
+
+let modalsCount = 0;
+let popUpsCount = 0;
+
+const Z_INDEX_BASE = 9999;
+const MODAL_MASK_ID = 'pop-up-modal-mask-' + uuid();
+
+function showModalMask(IsChildDialog: ?boolean): void {
+  const root: any = document.body || document.documentElement;
+  let element = document.getElementById(MODAL_MASK_ID);
+  if (!element) {
+    element = document.createElement('div');
+    element.id = MODAL_MASK_ID;
+    // [FS] IRAD-1048 2020-10-07
+    // To handle child dialog window
+    if (IsChildDialog) {
+      element.className = 'czi-pop-up-modal-mask child-modal';
+      element.setAttribute(
+        'data-mask-type',
+        'czi-pop-up-modal-mask child-modal'
+      );
+    } else {
+      element.className = 'czi-pop-up-modal-mask';
+      element.setAttribute('data-mask-type', 'czi-pop-up-modal-mask');
+    }
+
+    element.setAttribute('role', 'dialog');
+    element.setAttribute('aria-modal', 'true');
+  }
+
+  if (root && !element.parentElement) {
+    root.appendChild(element);
+  }
+  const style: any = element.style;
+
+  const selector = '.czi-pop-up-element[data-pop-up-modal]';
+  const zIndex = Array.from(document.querySelectorAll(selector)).reduce(
+    (zz, el) => Math.max(zz, Number(el.style.zIndex)),
+    0
+  );
+
+  style.zIndex = zIndex - 1;
+}
+
+function hideModalMask(): void {
+  const element = document.getElementById(MODAL_MASK_ID);
+  if (element && element.parentElement) {
+    element.parentElement.removeChild(element);
+  }
+}
+
+function getRootElement(
+  id: string,
+  forceCreation: boolean,
+  popUpParams: ?PopUpParams
+): ?HTMLElement {
+  const root: any =
+    (popUpParams && popUpParams.container) ||
+    document.body ||
+    document.documentElement;
+  let element = document.getElementById(id);
+  if (!element && forceCreation) {
+    element = document.createElement('div');
+  }
+
+  if (!element) {
+    return null;
+  }
+
+  if (popUpParams && popUpParams.modal) {
+    element.setAttribute('data-pop-up-modal', 'y');
+  }
+  // [FS] IRAD-1048 2020-10-07
+  // To handle child dialog window
+  if (popUpParams && popUpParams.IsChildDialog) {
+    element.className = 'czi-pop-up-element child-modal czi-vars';
+  } else {
+    element.className = 'czi-pop-up-element czi-vars';
+  }
+
+  element.id = id;
+  const style: any = element.style;
+  const modalZIndexOffset = popUpParams && popUpParams.modal ? 1 : 0;
+  if (!(popUpParams && popUpParams.container)) {
+    style.zIndex = Z_INDEX_BASE + popUpsCount * 3 + modalZIndexOffset;
+  }
+
+  // Populates the default ARIA attributes here.
+  // http://accessibility.athena-ict.com/aria/examples/dialog.shtml
+  element.setAttribute('role', 'dialog');
+  element.setAttribute('aria-modal', 'true');
+  if (root && !element.parentElement) {
+    root.appendChild(element);
+  }
+  return element;
+}
+
+function renderPopUp(
+  rootId: string,
+  close: Function,
+  View: Function,
+  viewProps: ViewProps,
+  popUpParams: PopUpParams
+): void {
+  const rootNode = getRootElement(rootId, true, popUpParams);
+  if (rootNode) {
+    const component = (
+      <PopUp
+        View={View}
+        close={close}
+        popUpParams={popUpParams}
+        viewProps={viewProps}
+      />
+    );
+    ReactDOM.render(component, rootNode);
+  }
+
+  if (modalsCount > 0) {
+    showModalMask(popUpParams.IsChildDialog);
+  } else {
+    hideModalMask();
+  }
+}
+
+function unrenderPopUp(rootId: string): void {
+  const rootNode = getRootElement(rootId, false);
+  if (rootNode) {
+    ReactDOM.unmountComponentAtNode(rootNode);
+    rootNode.parentElement && rootNode.parentElement.removeChild(rootNode);
+  }
+
+  if (modalsCount === 0) {
+    hideModalMask();
+  }
+}
+
+export default function createPopUp(
+  View: Function,
+  viewProps?: ?ViewProps,
+  popUpParams?: ?PopUpParams
+): PopUpHandle {
+  const rootId = uuid();
+
+  let handle = null;
+  let currentViewProps = viewProps;
+
+  viewProps = viewProps || {};
+  popUpParams = popUpParams || {};
+
+  const modal = popUpParams.modal || !popUpParams.anchor;
+  popUpParams.modal = modal;
+
+  popUpsCount++;
+  if (modal) {
+    modalsCount++;
+  }
+
+  const closePopUp = (value) => {
+    if (!handle) {
+      return;
+    }
+
+    if (modal) {
+      modalsCount--;
+    }
+    popUpsCount--;
+
+    handle = null;
+    unrenderPopUp(rootId);
+
+    const onClose = popUpParams && popUpParams.onClose;
+    onClose && onClose(value);
+  };
+
+  const render = renderPopUp.bind(null, rootId, closePopUp, View);
+  const emptyObj = {};
+
+  handle = {
+    close: closePopUp,
+    update: (nextViewProps) => {
+      currentViewProps = nextViewProps;
+      render(currentViewProps || emptyObj, popUpParams || emptyObj);
+    },
+  };
+
+  render(currentViewProps || emptyObj, popUpParams);
+  return handle;
+}

package/dist/ui/czi-animations.css

@@ -1,15 +1,15 @@
-.czi-animation-fade-in {
-  animation-duration: 250ms;
-  animation-fill-mode: both;
-  animation-name: cziAnimationFadeIn;
-  opacity: 0.6;
-}
-
-@keyframes cziAnimationFadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
+.czi-animation-fade-in {
+  animation-duration: 250ms;
+  animation-fill-mode: both;
+  animation-name: cziAnimationFadeIn;
+  opacity: 0.6;
+}
+
+@keyframes cziAnimationFadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}

package/dist/ui/czi-body-layout-editor.css

@@ -1,16 +1,16 @@
-@import './czi-vars.css';
-
-.czi-body-layout-editor {
-  background: #fff;
-  box-shadow: var(--czi-overlay-shadow);
-  font-family: var(--czi-font-family);
-  font-size: var(--czi-font-size);
-  padding-bottom: 4px;
-  padding-left: 10px;
-  padding-right: 10px;
-  padding-top: 4px;
-}
-
-.czi-body-layout-editor .czi-form {
-  width: 300px;
-}
+@import './czi-vars.css';
+
+.czi-body-layout-editor {
+  background: #fff;
+  box-shadow: var(--czi-overlay-shadow);
+  font-family: var(--czi-font-family);
+  font-size: var(--czi-font-size);
+  padding-bottom: 4px;
+  padding-left: 10px;
+  padding-right: 10px;
+  padding-top: 4px;
+}
+
+.czi-body-layout-editor .czi-form {
+  width: 300px;
+}

package/dist/ui/czi-bookmark-view.css

@@ -1,10 +1,10 @@
-.czi-bookmark-view {
-  color: #5e8adb;
-  display: inline-block;
-  margin-bottom: 0;
-  margin-left: 4px;
-  margin-right: 4px;
-  margin-top: 0;
-  vertical-align: middle;
-  width: 20px;
-}
+.czi-bookmark-view {
+  color: #5e8adb;
+  display: inline-block;
+  margin-bottom: 0;
+  margin-left: 4px;
+  margin-right: 4px;
+  margin-top: 0;
+  vertical-align: middle;
+  width: 20px;
+}