@zohodesk/library-platform 1.1.10 → 1.1.12-temp-1

package/es/library/dot/components/form-fields/currency/adapters/presenter/TransformState.js

@@ -1,81 +0,0 @@
-// import TransFormState from '../../adapters/presenter/TransFormState';
-function isValidInteger() {
-  let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  const rejexPattern = new RegExp('^(\\d+\\.?\\d*|\\.\\d+)$');
-  const isValidInt = rejexPattern.test(value);
-  return isValidInt;
-}
-
-function formatCurrency(amount) {
-  let symbol = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  let currencyLocale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'US';
-  const isFormatNeeded = typeof amount === 'string' && amount.match(/(e|E)/) != null;
-  let number = isFormatNeeded ? Number(amount) : amount;
-  const isValidInt = isValidInteger(number);
-
-  if (isValidInt && symbol) {
-    number = number.toString();
-    const currencyArr = new Intl.NumberFormat(`en-${currencyLocale}`).formatToParts(number);
-    let currencyVal = '';
-    currencyArr.map(val => {
-      if (val.type == 'group') {
-        currencyVal += ',';
-      } else if (val.type == 'integer') {
-        currencyVal += val.value;
-      }
-    });
-
-    if (number.indexOf('.') != -1) {
-      const fractionVal = number.split(".")[1];
-
-      for (let i = fractionVal.length - 1; i >= 0; i--) {
-        if (fractionVal[i] != 0) {
-          currencyVal += `.${fractionVal.slice(0, i + 1)}`;
-          break;
-        }
-      }
-    }
-
-    return `${symbol}${currencyVal}`;
-  }
-
-  return number || amount;
-}
-
-export function TransformState(state) {
-  const {
-    ePHI,
-    tooltip,
-    value,
-    currencySymbol,
-    currencyLocale
-  } = state.properties;
-  let actions = [];
-
-  if (tooltip) {
-    actions.push({
-      type: 'InfoIcon',
-      eventMappings: [],
-      properties: {
-        tooltip
-      }
-    });
-  }
-
-  if (ePHI) {
-    actions.push({
-      type: 'EPHITag',
-      properties: {},
-      eventMappings: []
-    });
-  }
-
-  const formattedValue = formatCurrency(value, currencySymbol, currencyLocale);
-  return { ...state,
-    formattedValue,
-    properties: { ...state.properties,
-      actions,
-      value
-    }
-  };
-}

package/es/library/dot/components/form-fields/date/adapters/presenter/TransformState.js

@@ -1,22 +0,0 @@
-export function TransformState(state) {
-  const {
-    tooltip
-  } = state.properties;
-  let actions = [];
-
-  if (tooltip) {
-    actions.push({
-      type: 'InfoIcon',
-      eventMappings: [],
-      properties: {
-        tooltip
-      }
-    });
-  }
-
-  return { ...state,
-    viewModel: { ...state.properties,
-      actions
-    }
-  };
-}

package/es/library/dot/components/form-fields/datetime/adapters/presenter/TransformState.js

@@ -1,22 +0,0 @@
-export function TransformState(state) {
-  const {
-    tooltip
-  } = state.properties;
-  let actions = [];
-
-  if (tooltip) {
-    actions.push({
-      type: 'InfoIcon',
-      eventMappings: [],
-      properties: {
-        tooltip
-      }
-    });
-  }
-
-  return { ...state,
-    viewModel: { ...state.properties,
-      actions
-    }
-  };
-}

package/es/library/dot/components/form-fields/decimal/adapters/presenter/TransformState.js

@@ -1,31 +0,0 @@
-export function TransformState(state) {
-  const {
-    ePHI,
-    tooltip
-  } = state.properties;
-  let actions = [];
-
-  if (tooltip) {
-    actions.push({
-      type: 'InfoIcon',
-      eventMappings: [],
-      properties: {
-        tooltip
-      }
-    });
-  }
-
-  if (ePHI) {
-    actions.push({
-      type: 'EPHITag',
-      properties: {},
-      eventMappings: []
-    });
-  }
-
-  return { ...state,
-    viewModel: { ...state.properties,
-      actions
-    }
-  };
-}

package/es/library/dot/components/form-fields/email/adapters/presenter/TransformState.js

@@ -1,23 +0,0 @@
-// import TransFormState from '../../adapters/presenter/TransFormState';
-export function TransformState(state) {
-  const {
-    tooltip
-  } = state.properties;
-  let actions = [];
-
-  if (tooltip) {
-    actions.push({
-      type: 'InfoIcon',
-      eventMappings: [],
-      properties: {
-        tooltip
-      }
-    });
-  }
-
-  return { ...state,
-    properties: { ...state.properties,
-      actions
-    }
-  };
-}

package/es/library/dot/components/form-fields/ephi-tag/frameworks/ui/EPHITag.js

@@ -1,10 +0,0 @@
-import { createCustomComponent } from "../../../../../../custom-component";
-import EPHITagView from "./EPHITagView";
-const EPHITag = createCustomComponent({
-  name: 'EPHITag',
-  View: EPHITagView,
-  properties: {},
-  eventHandlers: {},
-  behaviours: []
-});
-export default EPHITag;

package/es/library/dot/components/form-fields/ephi-tag/frameworks/ui/EPHITagView.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import Tag from '@zohodesk-private/desk-components/es/table/StatusBox/StatusBox'; // @ts-ignore
-
-import style from "./css/EPHITag.module.css";
-
-function EPHITagView(_, ref) {
-  const ephiTooltip = 'ePHI is individually identifiable protected health information sent or stored electronically.';
-  return /*#__PURE__*/React.createElement(Tag, {
-    $customProps_container: {
-      ref
-    },
-    customStyle: {
-      container: style.tag
-    },
-    $ui_color: "green",
-    $i18n_text: 'ePHI',
-    $i18n_tooltip: ephiTooltip
-  });
-}
-
-export default EPHITagView;

package/es/library/dot/components/form-fields/ephi-tag/frameworks/ui/css/EPHITag.module.css

@@ -1,3 +0,0 @@
-.tag {
-    cursor: default
-}

package/es/library/dot/components/form-fields/info-icon/frameworks/ui/InfoIcon.js

@@ -1,10 +0,0 @@
-import { createCustomComponent } from "../../../../../../custom-component";
-import InfoIconProperties from "../../../../../../../cc/info-icon/Properties";
-import InfoIconView from "./InfoIconView";
-const InfoIcon = createCustomComponent({
-  name: 'InfoIcon',
-  View: InfoIconView,
-  properties: InfoIconProperties,
-  eventHandlers: {}
-});
-export default InfoIcon;

package/es/library/dot/components/form-fields/info-icon/frameworks/ui/InfoIconView.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import ActionIcon from '@zohodesk-private/desk-components/es/ActionIcon/ActionIcon'; // @ts-ignore
-
-import style from "./css/InfoIcon.module.css";
-export default function InfoIconView(_ref, ref) {
-  let {
-    state
-  } = _ref;
-  const {
-    tooltip
-  } = state.properties;
-  return /*#__PURE__*/React.createElement(ActionIcon, {
-    ref: ref,
-    $ui_iconName: "ZD-GN-info",
-    $ui_hoverVariant: "default",
-    $i18n_tooltip: tooltip,
-    customStyle: {
-      icon: style.icon
-    }
-  });
-}

package/es/library/dot/components/form-fields/info-icon/frameworks/ui/css/InfoIcon.module.css

@@ -1,3 +0,0 @@
-.icon {
-    padding: 0 
-}

package/es/library/dot/components/form-fields/multi-select/adapters/presenter/TransformState.js

@@ -1,31 +0,0 @@
-export function TransformState(state) {
-  const {
-    tooltip,
-    ePHI
-  } = state.properties;
-  let actions = [];
-
-  if (tooltip) {
-    actions.push({
-      type: 'InfoIcon',
-      eventMappings: [],
-      properties: {
-        tooltip
-      }
-    });
-  }
-
-  if (ePHI) {
-    actions.push({
-      type: 'EPHITag',
-      properties: {},
-      eventMappings: []
-    });
-  }
-
-  return { ...state,
-    properties: { ...state.properties,
-      actions
-    }
-  };
-}

package/es/library/dot/components/form-fields/number/adapters/presenter/TransformState.js

@@ -1,31 +0,0 @@
-export function TransformState(state) {
-  const {
-    ePHI,
-    tooltip
-  } = state.properties;
-  let actions = [];
-
-  if (tooltip) {
-    actions.push({
-      type: 'InfoIcon',
-      eventMappings: [],
-      properties: {
-        tooltip
-      }
-    });
-  }
-
-  if (ePHI) {
-    actions.push({
-      type: 'EPHITag',
-      properties: {},
-      eventMappings: []
-    });
-  }
-
-  return { ...state,
-    viewModel: { ...state.properties,
-      actions
-    }
-  };
-}

package/es/library/dot/components/form-fields/percentage/adapters/presenter/TransformState.js

@@ -1,31 +0,0 @@
-export function TransformState(state) {
-  const {
-    ePHI,
-    tooltip
-  } = state.properties;
-  let actions = [];
-
-  if (tooltip) {
-    actions.push({
-      type: 'InfoIcon',
-      eventMappings: [],
-      properties: {
-        tooltip
-      }
-    });
-  }
-
-  if (ePHI) {
-    actions.push({
-      type: 'EPHITag',
-      properties: {},
-      eventMappings: []
-    });
-  }
-
-  return { ...state,
-    viewModel: { ...state.properties,
-      actions
-    }
-  };
-}

package/es/library/dot/components/form-fields/phone/adapters/presenter/TransformState.js

@@ -1,31 +0,0 @@
-export function TransformState(state) {
-  const {
-    ePHI,
-    tooltip
-  } = state.properties;
-  let actions = [];
-
-  if (tooltip) {
-    actions.push({
-      type: 'InfoIcon',
-      eventMappings: [],
-      properties: {
-        tooltip
-      }
-    });
-  }
-
-  if (ePHI) {
-    actions.push({
-      type: 'EPHITag',
-      properties: {},
-      eventMappings: []
-    });
-  }
-
-  return { ...state,
-    viewModel: { ...state.properties,
-      actions
-    }
-  };
-}

package/es/library/dot/components/form-fields/pick-list/adapters/presenter/TransformState.js

@@ -1,23 +0,0 @@
-// import TransFormState from '../../adapters/presenter/TransFormState';
-export function TransformState(state) {
-  const {
-    tooltip
-  } = state.properties;
-  let actions = [];
-
-  if (tooltip) {
-    actions.push({
-      type: 'InfoIcon',
-      eventMappings: [],
-      properties: {
-        tooltip
-      }
-    });
-  }
-
-  return { ...state,
-    properties: { ...state.properties,
-      actions
-    }
-  };
-}

package/es/library/dot/components/form-fields/textarea/adapters/presenter/TransformState.js

@@ -1,23 +0,0 @@
-// import TransFormState from '../../adapters/presenter/TransFormState';
-export function TransformState(state) {
-  const {
-    tooltip
-  } = state.properties;
-  let actions = [];
-
-  if (tooltip) {
-    actions.push({
-      type: 'InfoIcon',
-      eventMappings: [],
-      properties: {
-        tooltip
-      }
-    });
-  }
-
-  return { ...state,
-    properties: { ...state.properties,
-      actions
-    }
-  };
-}

package/es/library/dot/components/form-fields/textbox/adapters/presenter/TransformState.js

@@ -1,32 +0,0 @@
-// import TransFormState from '../../adapters/presenter/TransFormState';
-export function TransformState(state) {
-  const {
-    ePHI,
-    tooltip
-  } = state.properties;
-  let actions = [];
-
-  if (tooltip) {
-    actions.push({
-      type: 'InfoIcon',
-      eventMappings: [],
-      properties: {
-        tooltip
-      }
-    });
-  }
-
-  if (ePHI) {
-    actions.push({
-      type: 'EPHITag',
-      properties: {},
-      eventMappings: []
-    });
-  }
-
-  return { ...state,
-    properties: { ...state.properties,
-      actions
-    }
-  };
-}

package/es/library/dot/components/form-fields/url/adapters/presenter/TransformState.js

@@ -1,31 +0,0 @@
-export function TransformState(state) {
-  const {
-    ePHI,
-    tooltip
-  } = state.properties;
-  let actions = [];
-
-  if (tooltip) {
-    actions.push({
-      type: 'InfoIcon',
-      eventMappings: [],
-      properties: {
-        tooltip
-      }
-    });
-  }
-
-  if (ePHI) {
-    actions.push({
-      type: 'EPHITag',
-      properties: {},
-      eventMappings: []
-    });
-  }
-
-  return { ...state,
-    viewModel: { ...state.properties,
-      actions
-    }
-  };
-}

package/es/library/dot/components/section/adapters/presenter/TransFormState.js

@@ -1,26 +0,0 @@
-/* eslint-disable @zohodesk/architecturerules/return-void */
-export default function TransFormState(state) {
-  const {
-    fields
-  } = state.properties;
-
-  if (Array.isArray(fields) === false) {
-    return state;
-  }
-
-  const slotContract = fields.filter(field => field.isVisible).map(field => {
-    const {
-      type,
-      ...properties
-    } = field;
-    return {
-      type,
-      properties
-    };
-  });
-  return { ...state,
-    properties: { ...state.properties,
-      fields: slotContract
-    }
-  };
-}

package/es/library/dot/legacy-to-new-arch/label/frameworks/ui/sub-components/ui/LabelAction.js

@@ -1,9 +0,0 @@
-import { createCustomComponent } from "../../../../../../../custom-component";
-import ActionLocationProperties from "../../../../../../../../cc/action-location/Properties";
-import LabelActionView from "./LabelActionView";
-export default createCustomComponent({
-  name: 'LabelAction',
-  properties: ActionLocationProperties,
-  eventHandlers: {},
-  View: LabelActionView
-});

package/es/library/dot/legacy-to-new-arch/label/frameworks/ui/sub-components/ui/LabelActionView.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import Flex from '@zohodesk/layout/es/Flex/Flex';
-import ComponentRegistry from "../../../../../../../custom-component/frameworks/ui/ComponentRegistry";
-import ActionComponentMapping from "../../../../../../components/action-location/frameworks/ui/ActionComponentMapping"; // @ts-ignore
-
-import style from "./css/LabelAction.module.css";
-
-function LabelActionView(_ref, ref) {
-  let {
-    state
-  } = _ref;
-  const {
-    actions
-  } = state.properties;
-  return /*#__PURE__*/React.createElement(Flex, {
-    ref: ref,
-    $ui_displayMode: "inline",
-    $ui_alignItems: "center",
-    $ui_className: style.container
-  }, actions.map((action, index) => {
-    const {
-      type,
-      properties,
-      eventMappings
-    } = action;
-    const ActionUiType = ActionComponentMapping[type] || ComponentRegistry.get(type);
-    return /*#__PURE__*/React.createElement(ActionUiType, {
-      key: index,
-      ...properties,
-      appendToActionPayload: {
-        eventMappings
-      }
-    });
-  }));
-}
-
-;
-export default LabelActionView;

package/es/library/dot/legacy-to-new-arch/label/frameworks/ui/sub-components/ui/css/LabelAction.module.css

@@ -1,4 +0,0 @@
-.container {
-    vertical-align: middle;
-    gap: var(--zd_size4) 
-}

package/es/platform/client-actions/cc/dynamic-action-component/Properties.js

@@ -1,51 +0,0 @@
-export const actionSchema = {
-  type: 'object',
-  properties: {
-    component: {
-      type: 'string'
-    },
-    id: {
-      type: 'string'
-    },
-    properties: {
-      type: 'object'
-    },
-    eventMappings: {
-      type: 'array',
-      minItems: 0,
-      items: {
-        type: 'object',
-        properties: {
-          action: {
-            type: 'object',
-            properties: {
-              event: {
-                type: 'string'
-              },
-              payload: {
-                type: 'object'
-              }
-            },
-            required: ['event', 'payload']
-          },
-          id: {
-            type: 'string'
-          },
-          sourceEvent: {
-            type: 'string'
-          }
-        },
-        required: ['id']
-      }
-    }
-  },
-  required: ['component', 'properties']
-};
-export default {
-  action: {
-    required: true,
-    typeMetadata: {
-      schema: actionSchema
-    }
-  }
-};

package/es/platform/client-actions/components/dynamic-component/frameworks/ui/DynamicActionComponent.js

@@ -1,9 +0,0 @@
-import { createCustomComponent } from "../../../../../../library/custom-component";
-import DynamicActionComponentProperties from "../../../../cc/dynamic-action-component/Properties";
-import DynamicActionComponentView from "./DynamicActionComponentView";
-export default createCustomComponent({
-  name: 'DynamicActionComponent',
-  properties: DynamicActionComponentProperties,
-  eventHandlers: {},
-  View: DynamicActionComponentView
-});

package/es/platform/client-actions/components/dynamic-component/frameworks/ui/DynamicActionComponentView.js

@@ -1,38 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import ComponentRegistry from "../../../../../../library/custom-component/frameworks/ui/ComponentRegistry";
-import ActionComponentMapping from "../../../../../../library/dot/components/action-location/frameworks/ui/ActionComponentMapping";
-
-function DynamicComponentView(_ref, ref) {
-  let {
-    state
-  } = _ref;
-  const {
-    action
-  } = state.properties;
-  const {
-    component,
-    properties,
-    eventMappings,
-    id: actionId
-  } = action;
-  const Component = ComponentRegistry.get(component) || ActionComponentMapping[component];
-
-  if (!Component) {
-    return /*#__PURE__*/React.createElement("div", {
-      ref: ref
-    }, "Error");
-  }
-
-  return /*#__PURE__*/React.createElement(Component, _extends({
-    getRef: ref
-  }, properties, {
-    appendToActionPayload: {
-      eventMappings,
-      actionId
-    }
-  }));
-}
-
-export default DynamicComponentView;