@meshxdata/fops 0.1.55 → 0.1.58

package/src/plugins/bundled/fops-plugin-cloud/ui/src/utils/Transition.jsx

@@ -1,116 +0,0 @@
-import React, { useRef, useEffect, useContext } from 'react';
-import { CSSTransition as ReactCSSTransition } from 'react-transition-group';
-
-const TransitionContext = React.createContext({
-  parent: {},
-})
-
-function useIsInitialRender() {
-  const isInitialRender = useRef(true);
-  useEffect(() => {
-    isInitialRender.current = false;
-  }, [])
-  return isInitialRender.current;
-}
-
-function CSSTransition({
-  show,
-  enter = '',
-  enterStart = '',
-  enterEnd = '',
-  leave = '',
-  leaveStart = '',
-  leaveEnd = '',
-  appear,
-  unmountOnExit,
-  tag = 'div',
-  children,
-  ...rest
-}) {
-  const enterClasses = enter.split(' ').filter((s) => s.length);
-  const enterStartClasses = enterStart.split(' ').filter((s) => s.length);
-  const enterEndClasses = enterEnd.split(' ').filter((s) => s.length);
-  const leaveClasses = leave.split(' ').filter((s) => s.length);
-  const leaveStartClasses = leaveStart.split(' ').filter((s) => s.length);
-  const leaveEndClasses = leaveEnd.split(' ').filter((s) => s.length);
-  const removeFromDom = unmountOnExit;
-
-  function addClasses(node, classes) {
-    classes.length && node.classList.add(...classes);
-  }
-
-  function removeClasses(node, classes) {
-    classes.length && node.classList.remove(...classes);
-  }
-
-  const nodeRef = React.useRef(null);
-  const Component = tag;
-
-  return (
-    <ReactCSSTransition
-      appear={appear}
-      nodeRef={nodeRef}
-      unmountOnExit={removeFromDom}
-      in={show}
-      addEndListener={(done) => {
-        nodeRef.current.addEventListener('transitionend', done, false)
-      }}
-      onEnter={() => {
-        if (!removeFromDom) nodeRef.current.style.display = null;
-        addClasses(nodeRef.current, [...enterClasses, ...enterStartClasses])
-      }}
-      onEntering={() => {
-        removeClasses(nodeRef.current, enterStartClasses)
-        addClasses(nodeRef.current, enterEndClasses)
-      }}
-      onEntered={() => {
-        removeClasses(nodeRef.current, [...enterEndClasses, ...enterClasses])
-      }}
-      onExit={() => {
-        addClasses(nodeRef.current, [...leaveClasses, ...leaveStartClasses])
-      }}
-      onExiting={() => {
-        removeClasses(nodeRef.current, leaveStartClasses)
-        addClasses(nodeRef.current, leaveEndClasses)
-      }}
-      onExited={() => {
-        removeClasses(nodeRef.current, [...leaveEndClasses, ...leaveClasses])
-        if (!removeFromDom) nodeRef.current.style.display = 'none';
-      }}
-    >
-      <Component ref={nodeRef} {...rest} style={{ display: !removeFromDom ? 'none': null }}>{children}</Component>
-    </ReactCSSTransition>
-  )
-}
-
-function Transition({ show, appear, ...rest }) {
-  const { parent } = useContext(TransitionContext);
-  const isInitialRender = useIsInitialRender();
-  const isChild = show === undefined;
-
-  if (isChild) {
-    return (
-      <CSSTransition
-        appear={parent.appear || !parent.isInitialRender}
-        show={parent.show}
-        {...rest}
-      />
-    )
-  }
-
-  return (
-    <TransitionContext.Provider
-      value={{
-        parent: {
-          show,
-          isInitialRender,
-          appear,
-        },
-      }}
-    >
-      <CSSTransition appear={appear} show={show} {...rest} />
-    </TransitionContext.Provider>
-  )
-}
-
-export default Transition;

package/src/plugins/bundled/fops-plugin-cloud/ui/src/utils/Utils.js

@@ -1,63 +0,0 @@
-export const formatValue = (value) => Intl.NumberFormat('en-US', {
-  style: 'currency',
-  currency: 'USD',
-  maximumSignificantDigits: 3,
-  notation: 'compact',
-}).format(value);
-
-export const formatThousands = (value) => Intl.NumberFormat('en-US', {
-  maximumSignificantDigits: 3,
-  notation: 'compact',
-}).format(value);
-
-export const getCssVariable = (variable) => {
-  return getComputedStyle(document.documentElement).getPropertyValue(variable).trim();
-};
-
-const adjustHexOpacity = (hexColor, opacity) => {
-  // Remove the '#' if it exists
-  hexColor = hexColor.replace('#', '');
-
-  // Convert hex to RGB
-  const r = parseInt(hexColor.substring(0, 2), 16);
-  const g = parseInt(hexColor.substring(2, 4), 16);
-  const b = parseInt(hexColor.substring(4, 6), 16);
-
-  // Return RGBA string
-  return `rgba(${r}, ${g}, ${b}, ${opacity})`;
-};
-
-const adjustHSLOpacity = (hslColor, opacity) => {
-  // Convert HSL to HSLA
-  return hslColor.replace('hsl(', 'hsla(').replace(')', `, ${opacity})`);
-};
-
-const adjustOKLCHOpacity = (oklchColor, opacity) => {
-  // Add alpha value to OKLCH color
-  return oklchColor.replace(/oklch\((.*?)\)/, (match, p1) => `oklch(${p1} / ${opacity})`);
-};
-
-export const adjustColorOpacity = (color, opacity) => {
-  if (color.startsWith('#')) {
-    return adjustHexOpacity(color, opacity);
-  } else if (color.startsWith('hsl')) {
-    return adjustHSLOpacity(color, opacity);
-  } else if (color.startsWith('oklch')) {
-    return adjustOKLCHOpacity(color, opacity);
-  } else {
-    throw new Error('Unsupported color format');
-  }
-};
-
-export const oklchToRGBA = (oklchColor) => {
-  // Create a temporary div to use for color conversion
-  const tempDiv = document.createElement('div');
-  tempDiv.style.color = oklchColor;
-  document.body.appendChild(tempDiv);
-  
-  // Get the computed style and convert to RGB
-  const computedColor = window.getComputedStyle(tempDiv).color;
-  document.body.removeChild(tempDiv);
-  
-  return computedColor;
-};