All files / src/comps NestedClose.tsx

94.44% Statements 17/18
78.94% Branches 15/19
100% Functions 1/1
94.44% Lines 17/18

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42                      22x 119x 119x 119x   119x 119x   119x 119x     119x 119x 2x   117x     117x 117x 117x 117x             22x  
import { useStore } from '../store';
import { useExpandsStore } from '../store/Expands';
import { BracketsClose } from '../symbol/';
import { type SectionElementResult } from '../store/Section';
import type * as CSS from 'csstype';
 
interface NestedCloseProps<T extends object> extends SectionElementResult<T> {
  expandKey: string;
  level: number;
}
 
export const NestedClose = <T extends object>(props: NestedCloseProps<T>) => {
  const { keyName, value, expandKey, parentValue, level, keys = [] } = props;
  const expands = useExpandsStore();
  const { collapsed, shouldExpandNodeInitially } = useStore();
  const defaultExpanded =
    typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
  const isExpanded = expands[expandKey] ?? defaultExpanded;
  const shouldExpand =
    shouldExpandNodeInitially && shouldExpandNodeInitially(isExpanded, { value, keys, level, keyName, parentValue });
  Iif (expands[expandKey] === undefined && !!shouldExpand) {
    return null;
  }
  const len = Object.keys(value!).length;
  if (isExpanded || len === 0) {
    return null;
  }
  const style: CSS.Properties<string | number> = {
    paddingLeft: 4,
  };
  const compProps = { keyName, value, keys, parentValue };
  const isArray = Array.isArray(value);
  const isMySet = value instanceof Set;
  return (
    <div style={style}>
      <BracketsClose isBrackets={isArray || isMySet} {...compProps} isVisiable={true} />
    </div>
  );
};
 
NestedClose.displayName = 'JVR.NestedClose';