victory-core 36.7.0 → 36.8.1

package/lib/v37/victory-state/with-victory-provider.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withVictoryProvider = withVictoryProvider;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _victoryProvider = require("./victory-provider");
-
-var _clone = require("../clone");
-
-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; }
-
-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); }
-
-/* eslint-disable react/prop-types */
-
-/**
- * Ensures the component is wrapped by a VictoryProvider, if not already.
- */
-function withVictoryProvider(Comp) {
-  var WithVictoryProvider = /*#__PURE__*/React.memo(function (props) {
-    var updateChildProps = (0, _victoryProvider.useVictoryContextMaybe)(function (value) {
-      return value === null || value === void 0 ? void 0 : value.updateChildProps;
-    });
-    var hasParentProvider = !!updateChildProps;
-    React.useEffect(function () {
-      if (!hasParentProvider) return;
-      var id = Symbol("WithVictoryProvider");
-      updateChildProps(id, props); // eslint-disable-next-line consistent-return
-
-      return function () {
-        return updateChildProps(id, null);
-      };
-    }); // @ts-expect-error "TProps not assignable to LibraryManagedAttributes"
-
-    var result = /*#__PURE__*/React.createElement(Comp, props, props.children);
-
-    if (!hasParentProvider) {
-      // Wrap with a parent Provider:
-      result = /*#__PURE__*/React.createElement(_victoryProvider.VictoryProvider, null, /*#__PURE__*/React.createElement(_clone.Clone, _extends({
-        element: props.containerComponent
-      }, props), result));
-    }
-
-    return result;
-  });
-  var name = Comp.displayName || Comp.name;
-  WithVictoryProvider.displayName = name ? "WithVictoryProvider(".concat(name, ")") : "WithVictoryProvider"; // @ts-expect-error "WithVictoryProvider does not overlap with TComp"
-
-  return WithVictoryProvider;
-}

package/lib/v37/with-container.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import { VictoryProviderProps } from "./victory-state";
-import { VictoryCommonProps } from "../victory-util/common-props";
-export declare function withContainer<Props extends VictoryCommonProps>(WrappedComponent: React.FC<Props>, initialProviderProps?: Partial<VictoryProviderProps>): React.FC<Props>;
-//# sourceMappingURL=with-container.d.ts.map

package/lib/v37/with-container.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withContainer = withContainer;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _victoryState = require("./victory-state");
-
-var _victoryContainer = require("../victory-container/victory-container");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var defaultProviderProps = {
-  width: 450,
-  height: 300,
-  padding: 50,
-  data: []
-};
-
-function withContainer(WrappedComponent) {
-  var initialProviderProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return function (props) {
-    var providerProps = _objectSpread(_objectSpread(_objectSpread({}, defaultProviderProps), initialProviderProps), props);
-
-    var _props$standalone = props.standalone,
-        standalone = _props$standalone === void 0 ? true : _props$standalone,
-        _props$containerCompo = props.containerComponent,
-        containerComponent = _props$containerCompo === void 0 ? /*#__PURE__*/_react.default.createElement(_victoryContainer.VictoryContainer, null) : _props$containerCompo;
-
-    if (standalone) {
-      return /*#__PURE__*/_react.default.createElement(_victoryState.VictoryProvider, providerProps, /*#__PURE__*/_react.default.cloneElement(containerComponent, providerProps, /*#__PURE__*/_react.default.createElement(WrappedComponent, props)));
-    }
-
-    return /*#__PURE__*/_react.default.createElement(WrappedComponent, props);
-  };
-}

package/lib/v37/with-normalized-props.d.ts

@@ -1,17 +0,0 @@
-import { VictoryCommonProps } from "../victory-util/common-props";
-import React from "react";
-import { VictoryProviderProps } from "./victory-state";
-declare type FC<TProps> = (props: TProps) => JSX.Element;
-export declare function withNormalizedProps<TProps extends React.PropsWithChildren<VictoryCommonProps>, TDefaultPropKeys extends keyof TProps>(config: {
-    displayName: string;
-    propTypes?: React.WeakValidationMap<Omit<TProps, keyof VictoryCommonProps>>;
-    defaultProps: Pick<TProps, TDefaultPropKeys>;
-    /** @deprecated */
-    initialProviderProps?: Partial<VictoryProviderProps>;
-}, WrappedComponent: React.FC<TProps>): FC<TProps> & {
-    displayName: string;
-    defaultProps: Pick<TProps, TDefaultPropKeys>;
-    propTypes: React.WeakValidationMap<Omit<TProps, keyof VictoryCommonProps>> | undefined;
-};
-export {};
-//# sourceMappingURL=with-normalized-props.d.ts.map

package/lib/v37/with-normalized-props.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withNormalizedProps = withNormalizedProps;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _victoryState = require("./victory-state");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-function withNormalizedProps(config, WrappedComponent) {
-  WrappedComponent.displayName = config.displayName;
-  var WithNormalizedProps = (0, _victoryState.withVictoryProvider)(function (props) {
-    var normalizedProps = (0, _victoryState.useVictoryContext)(function (v) {
-      return v;
-    });
-    return /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, normalizedProps), props.children);
-  });
-  return Object.assign(WithNormalizedProps, {
-    displayName: "WithNormalizedProps(".concat(config.displayName),
-    defaultProps: config.defaultProps,
-    propTypes: config.propTypes
-  });
-}

package/src/v37/clone.tsx

@@ -1,30 +0,0 @@
-import React from "react";
-
-/**
- * Syntax sugar for `React.cloneElement`, so that we can use JSX instead
- *
- * @example
- *   // Before:
- *   const children = React.cloneElement(props.groupComponent, { prop2 }, props.children);
- *   return React.cloneElement(props.containerComponent, { prop1 }, children);
- *
- *   // After:
- *   return (
- *     <Clone element={props.containerComponent} prop1={prop1}>
- *       <Clone element={props.groupComponent} prop2={prop2}>
- *         {props.children}
- *       </Clone>
- *     </Clone>
- *   );
- */
-export const Clone = <TProps,>(
-  props: React.PropsWithChildren<
-    {
-      element: React.ReactElement<TProps>;
-      children?: React.ReactNode | React.ReactNode[];
-    } & TProps
-  >,
-) => {
-  const { children, element, ...rest } = props;
-  return React.cloneElement(element, rest as unknown as TProps, children);
-};

package/src/v37/index.tsx

@@ -1,4 +0,0 @@
-export * from "./victory-state";
-export * from "./clone";
-export * from "./with-normalized-props";
-export * from "./with-container";

package/src/v37/victory-state/defaults.ts

@@ -1,2 +0,0 @@
-export const DEFAULT_HEIGHT = 300;
-export const DEFAULT_WIDTH = 450;

package/src/v37/victory-state/helpers/get-axis-data.ts

@@ -1,14 +0,0 @@
-import { AxisType, Datum, DomainValue } from "../../../types/prop-types";
-import { isKeyValueObject } from "../../../victory-util/type-helpers";
-
-export function getAxisData(data: Datum[], axis: AxisType) {
-  return data.reduce((acc, datum) => {
-    if (isKeyValueObject(datum)) {
-      const value = datum[axis];
-      if (value && typeof value !== "string") {
-        acc.push(value);
-      }
-    }
-    return acc;
-  }, [] as DomainValue[]);
-}

package/src/v37/victory-state/helpers/get-data.ts

@@ -1,78 +0,0 @@
-import { get, isNil, orderBy } from "lodash";
-import { Datum, DatumValue } from "../../../types/prop-types";
-import { isKeyValueObject } from "../../../victory-util/type-helpers";
-import { VictoryProviderProps } from "../types";
-
-type DataProps = Pick<
-  VictoryProviderProps,
-  "data" | "x" | "y" | "sortKey" | "sortOrder" | "samples"
->;
-
-export interface FormattedDatum {
-  x: DatumValue;
-  y: DatumValue;
-  _x: number | Date;
-  _y: number | Date;
-  xName?: string;
-  yName?: string;
-  [key: string]: DatumValue;
-}
-
-function getValue(datum: Datum, key: string): DatumValue {
-  if (typeof datum === "object") {
-    return get(datum, key);
-  }
-  return datum;
-}
-
-function getNumericValue(value: DatumValue, fallback: number): number | Date {
-  if (typeof value === "number" || value instanceof Date) {
-    return value;
-  }
-  return fallback;
-}
-
-export function getData({
-  x: xAccessor = "x",
-  y: yAccessor = "y",
-  sortKey,
-  sortOrder = "ascending",
-  data = [],
-}: DataProps = {}): FormattedDatum[] {
-  const formattedData = data.reduce((nonNullData, datum, index) => {
-    const x = getValue(datum, xAccessor);
-    const y = getValue(datum, yAccessor);
-    if (isNil(x) || isNil(y)) {
-      return nonNullData;
-    }
-    const _x = getNumericValue(x, index + 1);
-    const _y = getNumericValue(y, index + 1);
-
-    // TODO: Get this value if it is different
-    const xName = typeof x === "string" ? x : undefined;
-    const yName = typeof y === "string" ? y : undefined;
-
-    const additionalProperties = isKeyValueObject(datum) ? datum : {};
-
-    return [
-      ...nonNullData,
-      {
-        x,
-        y,
-        _x,
-        _y,
-        // Only set these properties if they exist
-        ...(xName ? { xName } : {}),
-        ...(yName ? { yName } : {}),
-        ...additionalProperties,
-      },
-    ];
-  }, [] as FormattedDatum[]);
-
-  if (sortKey) {
-    const order = sortOrder === "descending" ? "desc" : "asc";
-    return orderBy(formattedData, sortKey, order);
-  }
-
-  return formattedData;
-}

package/src/v37/victory-state/helpers/get-domain.ts

@@ -1,62 +0,0 @@
-import * as d3Array from "victory-vendor/d3-array";
-import { getAxisData } from "./get-axis-data";
-import {
-  getValueForAxis,
-  isDate,
-  isTuple,
-} from "../../../victory-util/type-helpers";
-import { VictoryProviderProps } from "../types";
-import {
-  Tuple,
-  AxisType,
-  DomainTuple,
-  DomainValue,
-} from "../../../types/prop-types";
-
-type DomainProps = Pick<
-  VictoryProviderProps,
-  "data" | "domain" | "maxDomain" | "minDomain" | "includeZero"
->;
-
-// TODO: What should this default value be?
-const DEFAULT_MIN = 0;
-const DEFAULT_MAX = 1;
-
-function getDomainFromMinMax(
-  min: number = DEFAULT_MIN,
-  max: number = DEFAULT_MAX,
-): Tuple<number> {
-  // TODO: Victoy currently has some really specific logic in getDomainFromMinMax
-  // that adds or subtracts a very small number from each domain to avoid the min
-  // and max being the same value. This has resulted in some weird behavior in the
-  // past, so we should revisit this.
-  return [min, max];
-}
-
-export function getDomain(
-  { data = [], includeZero, ...props }: DomainProps,
-  axis: AxisType,
-): DomainTuple {
-  const domainFromProps = getValueForAxis<DomainTuple>(props.domain, axis);
-  const axisData = getAxisData(data, axis);
-
-  if (includeZero && axis === "y") {
-    axisData.push(0);
-  }
-
-  if (isTuple(domainFromProps)) {
-    return domainFromProps;
-  }
-
-  const [min, max] = d3Array.extent(axisData) as DomainTuple | Tuple<undefined>;
-
-  const minDomain = getValueForAxis<DomainValue>(props.minDomain, axis) || min;
-  const maxDomain = getValueForAxis<DomainValue>(props.maxDomain, axis) || max;
-
-  if (isDate(minDomain) && isDate(maxDomain)) {
-    return [min, max] as Tuple<Date>;
-  }
-
-  // TODO: There might be an edge case here where we have mixed types
-  return getDomainFromMinMax(minDomain as number, maxDomain as number);
-}

package/src/v37/victory-state/helpers/get-range.ts

@@ -1,39 +0,0 @@
-import { AxisType, Padding, RangeTuple } from "../../../types/prop-types";
-import { getPadding } from "../../../victory-util/helpers";
-import { getValueForAxis, isTuple } from "../../../victory-util/type-helpers";
-import { VictoryProviderProps } from "../types";
-
-type RangeProps = Pick<
-  VictoryProviderProps,
-  "range" | "padding" | "height" | "width"
->;
-
-// TODO: Should we store these defaults somewhere?
-const DEFAULT_HEIGHT = 300;
-const DEFAULT_WIDTH = 450;
-
-// TODO: This does not include polar range
-export function getRange(
-  {
-    range,
-    height = DEFAULT_HEIGHT,
-    width = DEFAULT_WIDTH,
-    ...props
-  }: RangeProps,
-  axis: AxisType,
-) {
-  const rangeFromProps = getValueForAxis<RangeTuple>(range, axis);
-
-  if (isTuple(rangeFromProps)) {
-    return rangeFromProps;
-  }
-
-  // TODO: Convert this to TS
-  const padding = getPadding({ padding: props.padding }) as Padding;
-  const rangeForAxis = {
-    x: [padding.left, width - padding.right],
-    y: [height - padding.top, padding.bottom],
-  };
-
-  return rangeForAxis[axis];
-}

package/src/v37/victory-state/helpers/get-scale.ts

@@ -1,67 +0,0 @@
-import {
-  scaleLinear,
-  scaleTime,
-  scaleLog,
-  scaleSqrt,
-} from "victory-vendor/d3-scale";
-import { AxisType, D3ScaleFn, ScalePropType } from "../../../types/prop-types";
-import * as Collection from "../../../victory-util/collection";
-import {
-  getValueForAxis,
-  isFunction,
-} from "../../../victory-util/type-helpers";
-import { VictoryProviderProps } from "../types";
-import { getAxisData } from "./get-axis-data";
-
-type Scale = ScalePropType | D3ScaleFn;
-
-type ScaleProps = Pick<VictoryProviderProps, "data" | "scale">;
-
-const DEFAULT_SCALE = scaleLinear;
-
-function isD3Scale(scale?: unknown): scale is D3ScaleFn {
-  return (
-    isFunction(scale) &&
-    isFunction(scale().copy) &&
-    isFunction(scale().domain) &&
-    isFunction(scale().range)
-  );
-}
-
-function getD3ScaleFromString(scale: ScalePropType): D3ScaleFn {
-  switch (scale) {
-    case "linear":
-      return scaleLinear;
-    case "time":
-      return scaleTime;
-    case "log":
-      return scaleLog;
-    case "sqrt":
-      return scaleSqrt;
-    default:
-      return DEFAULT_SCALE;
-  }
-}
-
-export function getScale(
-  { data = [], ...props }: ScaleProps,
-  axis: AxisType,
-): D3ScaleFn {
-  const scale = getValueForAxis<Scale>(props.scale, axis);
-
-  if (isD3Scale(scale)) {
-    return scale;
-  }
-
-  if (typeof scale === "string") {
-    return getD3ScaleFromString(scale);
-  }
-
-  const axisData = getAxisData(data, axis);
-
-  if (Collection.containsDates(axisData)) {
-    return scaleTime;
-  }
-
-  return DEFAULT_SCALE;
-}

package/src/v37/victory-state/index.ts

@@ -1,3 +0,0 @@
-export * from "./victory-provider";
-export * from "./types";
-export * from "./with-victory-provider";

package/src/v37/victory-state/types.ts

@@ -1,32 +0,0 @@
-import {
-  D3ScaleFn,
-  Datum,
-  DomainTuple,
-  RangeTuple,
-  ScalePropType,
-  ValueOrAxes,
-} from "../../types/prop-types";
-import { PaddingProps } from "../../victory-theme/types";
-
-// These are all the props that are used to calculate data, domain, range, and scale
-export interface VictoryCalculatedStateProps {
-  data?: Datum[];
-  domain?: ValueOrAxes<DomainTuple>;
-  height?: number;
-  includeZero?: boolean;
-  maxDomain?: ValueOrAxes<number>;
-  minDomain?: ValueOrAxes<number>;
-  padding?: PaddingProps;
-  range?: ValueOrAxes<RangeTuple>;
-  samples?: number;
-  scale?: ValueOrAxes<ScalePropType | D3ScaleFn>;
-  sortKey?: string;
-  sortOrder?: "ascending" | "descending";
-  width?: number;
-  x?: string;
-  y?: string;
-}
-
-export interface VictoryProviderProps extends VictoryCalculatedStateProps {
-  children?: React.ReactNode;
-}

package/src/v37/victory-state/victory-provider.tsx

@@ -1,152 +0,0 @@
-import * as React from "react";
-import { createContext, useContext } from "react";
-import { D3ScaleFn, DomainTuple, ForAxes } from "../../types/prop-types";
-import { FormattedDatum, getData } from "./helpers/get-data";
-import { getDomain } from "./helpers/get-domain";
-import { getRange } from "./helpers/get-range";
-import { getScale } from "./helpers/get-scale";
-import { VictoryCalculatedStateProps, VictoryProviderProps } from "./types";
-
-type ScaleType = Required<ForAxes<D3ScaleFn>>;
-type DomainType = Required<ForAxes<DomainTuple>>;
-
-export interface ContextType {
-  data: FormattedDatum[];
-  scale: ScaleType;
-  domain: DomainType;
-  updateChildProps: (id: symbol, props: VictoryProviderProps | null) => void;
-}
-
-const VictoryContext = createContext<ContextType | null>(null);
-
-type CollectedProps = { [id: symbol]: VictoryCalculatedStateProps };
-
-function useNormalizedProps(): ContextType {
-  const [collectedProps, setCollectedProps] = React.useState<CollectedProps>(
-    {},
-  );
-
-  const updateChildProps = React.useCallback(
-    (id: symbol, newProps: VictoryCalculatedStateProps | null) => {
-      setCollectedProps((prev) => {
-        const result = { ...prev };
-        if (newProps === null) {
-          delete result[id];
-        } else {
-          result[id] = newProps;
-        }
-        return result;
-      });
-    },
-    [],
-  );
-
-  // TEMP: combine all props into a single result:
-  // TODO: instead, we should intelligently aggregate all these props
-  const props = Object.values(
-    collectedProps,
-  ).reduce<VictoryCalculatedStateProps>(
-    (result, childProps) => Object.assign(result, childProps),
-    {},
-  );
-
-  const data = React.useMemo(() => {
-    return getData(props);
-  }, [props]);
-
-  const domain = React.useMemo(() => {
-    return {
-      x: getDomain(props, "x"),
-      y: getDomain(props, "y"),
-    };
-  }, [props]);
-
-  const range = React.useMemo(
-    () => ({
-      x: getRange(props, "x"),
-      y: getRange(props, "y"),
-    }),
-    [props],
-  );
-
-  const scale = React.useMemo(() => {
-    const xBaseScaleFn = getScale(props, "x");
-    const yBaseScaleFn = getScale(props, "y");
-
-    // @ts-expect-error: This is a valid scale function
-    const xScaleFn = xBaseScaleFn().domain(domain.x).range(range.x);
-    // @ts-expect-error: This is a valid scale function
-    const yScaleFn = yBaseScaleFn().domain(domain.y).range(range.y);
-
-    return {
-      x: xScaleFn,
-      y: yScaleFn,
-    };
-  }, [props, domain, range]);
-
-  const normalizedProps = React.useMemo(
-    () => ({
-      scale,
-      data,
-      domain,
-      updateChildProps,
-    }),
-    [scale, data, domain, updateChildProps],
-  );
-
-  return normalizedProps;
-}
-
-export function VictoryProvider({
-  children,
-  // Disabled due to TODO below which will require this obj. spread
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  ...providerProps
-}: VictoryProviderProps) {
-  const value = useNormalizedProps();
-
-  // TODO: sync the providerProps
-
-  return (
-    <VictoryContext.Provider value={value}>{children}</VictoryContext.Provider>
-  );
-}
-
-export function useVictoryContextMaybe<T>(
-  selector: (value: ContextType | null) => T,
-): T {
-  const context = useContext(VictoryContext);
-  return selector(context);
-}
-
-export function useVictoryContext<T>(selector: (value: ContextType) => T): T {
-  const context = useContext(VictoryContext);
-  if (!context) {
-    throw new Error("useVictoryContext must be used within a VictoryProvider");
-  }
-  return selector(context);
-}
-
-export function useScale() {
-  return useVictoryContext<ScaleType>((value) => value.scale);
-}
-
-export function useData() {
-  return useVictoryContext<FormattedDatum[]>((value) => value.data);
-}
-
-export function useDomain() {
-  return useVictoryContext<DomainType>((value) => value.domain);
-}
-
-// This function keeps props in sync betwen the VictoryProvider and child components
-export function useVictoryProviderSync(props: VictoryCalculatedStateProps) {
-  const updateChildProps = useVictoryContext((value) => value.updateChildProps);
-  const [myId] = React.useState(() =>
-    Symbol("UniqueIdFor(VictoryProviderChild)"),
-  );
-
-  React.useEffect(() => {
-    updateChildProps(myId, props);
-  }, [updateChildProps, props, myId]);
-}