@modusoperandi/licit 0.1.9 → 0.13.2

package/dist/ui/createPopUp.js

@@ -1,199 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = createPopUp;
-exports.bpfrpt_proptype_PopUpHandle = void 0;
-
-require("./czi-vars.css");
-
-require("./czi-pop-up.css");
-
-var _PopUp = _interopRequireWildcard(require("./PopUp"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _uuid = _interopRequireDefault(require("./uuid"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-// eslint-disable-next-line no-unused-vars
-var bpfrpt_proptype_PopUpHandle = {
-  "close": _propTypes.default.func.isRequired,
-  "update": _propTypes.default.func.isRequired
-};
-exports.bpfrpt_proptype_PopUpHandle = bpfrpt_proptype_PopUpHandle;
-let modalsCount = 0;
-let popUpsCount = 0;
-const Z_INDEX_BASE = 9999;
-const MODAL_MASK_ID = 'pop-up-modal-mask-' + (0, _uuid.default)();
-
-function showModalMask(IsChildDialog) {
-  const root = 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 = 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() {
-  const element = document.getElementById(MODAL_MASK_ID);
-
-  if (element && element.parentElement) {
-    element.parentElement.removeChild(element);
-  }
-}
-
-function getRootElement(id, forceCreation, popUpParams) {
-  const root = 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 = 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, close, View, viewProps, popUpParams) {
-  const rootNode = getRootElement(rootId, true, popUpParams);
-
-  if (rootNode) {
-    const component = /*#__PURE__*/React.createElement(_PopUp.default, {
-      View: View,
-      close: close,
-      popUpParams: popUpParams,
-      viewProps: viewProps
-    });
-
-    _reactDom.default.render(component, rootNode);
-  }
-
-  if (modalsCount > 0) {
-    showModalMask(popUpParams.IsChildDialog);
-  } else {
-    hideModalMask();
-  }
-}
-
-function unrenderPopUp(rootId) {
-  const rootNode = getRootElement(rootId, false);
-
-  if (rootNode) {
-    _reactDom.default.unmountComponentAtNode(rootNode);
-
-    rootNode.parentElement && rootNode.parentElement.removeChild(rootNode);
-  }
-
-  if (modalsCount === 0) {
-    hideModalMask();
-  }
-}
-
-function createPopUp(View, viewProps, popUpParams) {
-  const rootId = (0, _uuid.default)();
-  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/createPopUp.js.flow

@@ -1,205 +0,0 @@
-// @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 +0,0 @@
-.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-color-editor.css

@@ -1,56 +0,0 @@
-@import './czi-vars.css';
-
-.czi-color-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-color-editor .czi-custom-button {
-  border-color: #fff;
-  border-style: solid;
-  border-width: 1px;
-  border: solid 1px #fff;
-  box-sizing: border-box;
-  height: 18px;
-  margin: 1px;
-  padding: 0;
-  width: 18px;
-}
-
-.czi-color-editor .czi-custom-button.czi-color-editor-color-transparent {
-  box-sizing: border-box;
-  display: block;
-  height: auto;
-  margin: 2px;
-  padding: 6px;
-  text-align: center;
-  width: auto;
-}
-
-.czi-color-editor .czi-custom-button.czi-color-editor-color-transparent:hover {
-  background-color: var(--czi-button-hover-background-color);
-}
-
-.czi-color-editor .czi-custom-button.active,
-.czi-color-editor .czi-custom-button:hover {
-  font-weight: normal;
-  outline: solid 1px #000;
-}
-
-.czi-color-editor-section {
-  margin-bottom: 8px;
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 8px;
-  width: 200px;
-}
-
-.czi-color-editor-section .czi-color-editor-cell {
-  border-radius: 0;
-}

package/dist/ui/czi-custom-button.css

@@ -1,93 +0,0 @@
-/* <CustomButton /> */
-@import './czi-vars.css';
-
-.czi-custom-buttons {
-  margin-bottom: 0;
-  margin-left: 8px;
-  margin-right: 8px;
-  margin-top: 0;
-  white-space: nowrap;
-}
-
-.czi-custom-button {
-  background-clip: padding-box;
-  background-color: #fff;
-  border: var(--czi-border-grey);
-  border-radius: 5px;
-  box-sizing: border-box;
-  color: var(--czi-button-text-color);
-  cursor: pointer;
-  display: inline-block;
-  font-family: var(--czi-font-family);
-  font-size: var(--czi-font-size);
-  font-weight: normal;
-  line-height: 1.2em;
-  overflow: hidden;
-  padding-bottom: 6px;
-  padding-left: 12px;
-  padding-right: 12px;
-  padding-top: 6px;
-  position: relative;
-  text-overflow: ellipsis;
-  user-select: none;
-  vertical-align: middle;
-  white-space: nowrap;
-}
-
-.czi-custom-button.use-icon {
-  border-color: transparent;
-  padding: 0;
-}
-
-.czi-custom-button:focus,
-.czi-custom-button:hover {
-  background-color: #f0f0f0;
-  border-color: #555;
-  outline: none;
-}
-
-.czi-custom-button.active {
-  /*
-   * Use text-stroke to strengthen teh text, do not use "bold" because it will
-   * cause layout reflow.
-   * Firefox & Edge specifically only support the -webkit-text-stroke property.
-   * https://caniuse.com/#feat=text-stroke
-   */
-  border-color: #666;
-  color: #000;
-  -webkit-text-stroke-color: #000;
-  -webkit-text-stroke-width: 0.5px;
-}
-
-.czi-custom-button.pressed {
-  background-color: #e0e0e0;
-}
-
-.czi-custom-button.disabled,
-.czi-custom-button.disabled:hover {
-  background: #fff;
-  border-color: #ccc;
-  color: #dedede;
-  cursor: unset;
-  pointer-events: none;
-  -webkit-text-stroke-width: 0;
-}
-
-.czi-custom-buttons .czi-custom-button {
-  border-radius: 0;
-  margin-left: 0;
-}
-
-.czi-custom-buttons > .czi-custom-button:first-of-type {
-  border-bottom-left-radius: var(--czi-button-radius);
-  border-top-left-radius: var(--czi-button-radius);
-}
-
-.czi-custom-buttons > .czi-custom-button:last-child {
-  border-bottom-right-radius: var(--czi-button-radius);
-  border-top-right-radius: var(--czi-button-radius);
-}
-
-.czi-custom-buttons > .czi-custom-button:only-child {
-  border-radius: var(--czi-button-radius);
-}

package/dist/ui/czi-pop-up.css

@@ -1,32 +0,0 @@
-@import './czi-vars.css';
-
-.czi-pop-up-modal-mask,
-.czi-pop-up-element {
-  background-color: rgba(0, 0, 0, 0.5);
-  height: 100vh;
-  left: 0;
-  position: fixed;
-  top: 0;
-  width: 100vw;
-  z-index: 5000;
-}
-
-/* [FS] IRAD-1048 2020-10-07
- To handle child dialog window  */
-.child-modal {
-  background-color: unset !important;
-  z-index: 100006 !important;
-}
-
-.czi-pop-up-element {
-  background-color: transparent;
-  height: auto;
-  width: auto;
-}
-
-.czi-pop-up-element a:link,
-.czi-pop-up-element a:visited,
-.czi-pop-up-element a:hover,
-.czi-pop-up-element a:active {
-  color: var(--czi-link-color);
-}

package/dist/ui/czi-tooltip-surface.css

@@ -1,45 +0,0 @@
-@import './czi-vars.css';
-@import './czi-animations.css';
-
-.czi-tooltip-surface.czi-animation-fade-in {
-  display: contents;
-}
-
-.czi-tooltip-view {
-  background-color: #393939;
-  border-radius: 5px;
-  box-sizing: border-box;
-  color: #fff;
-  font-family: var(--czi-font-family);
-  font-size: var(--czi-font-size);
-  margin: 20px 0 0 0;
-  min-width: 100px;
-  padding: 6px 8px;
-  pointer-events: none;
-  text-align: center;
-  user-select: none;
-}
-
-@media only print {
-  .czi-tooltip-view {
-    display: none;
-  }
-}
-
-.czi-tooltip-view.czi-animation-fade-in {
-  animation-delay: 150ms;
-  animation-duration: 250ms;
-}
-
-.czi-tooltip-view::after {
-  background-color: #393939;
-  content: '';
-  height: 8px;
-  left: var(--czi-pop-up-anchor-offset-left);
-  margin-left: -6px;
-  position: absolute;
-  top: 16px;
-  transform: rotate(45deg);
-  width: 8px;
-  z-index: -1;
-}

package/dist/ui/preventEventDefault.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = preventEventDefault;
-
-function preventEventDefault(e) {
-  e.preventDefault();
-}

package/dist/ui/preventEventDefault.js.flow

@@ -1,5 +0,0 @@
-// @flow
-
-export default function preventEventDefault(e: SyntheticEvent<>): void {
-  e.preventDefault();
-}