react-cosmos-ui 7.2.0 → 7.2.1-canary.3822d76.0

package/dist/components/ValueInputTree/ValueInput/BooleanValueInput.d.ts

@@ -5,5 +5,5 @@ type Props = {
     data: boolean;
     onChange: (data: boolean) => unknown;
 };
-export declare function BooleanValueInput({ id, name, data, onChange }: Props): React.JSX.Element;
+export declare function BooleanValueInput({ name, data, onChange }: Props): React.JSX.Element;
 export {};

package/dist/components/ValueInputTree/ValueInput/BooleanValueInput.js

@@ -2,7 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { blue, lightBlue } from '../../../style/colors.js';
 import { Label, ValueDataContainer } from './shared.js';
-export function BooleanValueInput({ id, name, data, onChange }) {
+export function BooleanValueInput({ name, data, onChange }) {
     const onToggle = React.useCallback(() => onChange(!data), [onChange, data]);
     return (React.createElement(React.Fragment, null,
         React.createElement(Label, { title: name, as: "span", onClick: onToggle }, name),

package/dist/components/ValueInputTree/ValueInput/ValueInput.js

@@ -4,10 +4,10 @@ import { ValueTreeItem } from '../shared.js';
 import { BooleanValueInput } from './BooleanValueInput.js';
 import { NullValueInput } from './NullValueInput.js';
 import { NumberValueInput } from './NumberValueInput.js';
+import { ValueInputContainer } from './shared.js';
 import { StringValueInput } from './StringValueInput.js';
 import { UndefinedValueInput } from './UndefinedValueInput.js';
 import { UnserializableValueInput } from './UnserializableValueInput.js';
-import { ValueInputContainer } from './shared.js';
 export function ValueInput({ value, name, id, indentLevel, onChange }) {
     return (React.createElement(ValueInputSlot, { slotProps: { id, name, value, indentLevel, onChange } },
         React.createElement(ValueTreeItem, { indentLevel: indentLevel },

package/dist/components/ValueInputTree/ValueInputTree.js

@@ -1,5 +1,5 @@
-import { clone, setWith } from 'lodash-es';
 import React from 'react';
+import { setByPath, } from 'react-cosmos-core';
 import styled from 'styled-components';
 import { grey248, grey32 } from '../../style/colors.js';
 import { TreeView } from '../TreeView.js';
@@ -30,8 +30,7 @@ function getValuePath(valueKey, parentKeys) {
     return [...parentKeys.map(p => `${p}.values`), valueKey].join('.');
 }
 function setValueAtPath(values, newValue, valuePath) {
-    // Inspired by https://github.com/lodash/lodash/issues/1696#issuecomment-328335502
-    return setWith(clone(values), valuePath, newValue, clone);
+    return setByPath(values, valuePath, newValue);
 }
 function getChildrenText(childKeys, isArray) {
     if (childKeys.length > 0) {

package/dist/components/ValueInputTree/valueTreeExpansion.js

@@ -1,4 +1,3 @@
-import { clone, setWith } from 'lodash-es';
 import { stringifyFixtureId, } from 'react-cosmos-core';
 import { stringifyElementId } from './shared.js';
 const DEFAULT_EXPANSION = {};
@@ -6,12 +5,13 @@ export function getFixtureExpansion(groupExpansion, fixtureId) {
     return groupExpansion[stringifyFixtureId(fixtureId)] || DEFAULT_EXPANSION;
 }
 export function updateElementExpansion(groupExpansion, fixtureId, elementId, treeExpansion) {
-    const valuePath = createElementExpansionPath(fixtureId, elementId);
-    // Inspired by https://github.com/lodash/lodash/issues/1696#issuecomment-328335502
-    return setWith(clone(groupExpansion), valuePath, treeExpansion, clone);
-}
-function createElementExpansionPath(fixtureId, elementId) {
     const strFixtureId = stringifyFixtureId(fixtureId);
     const strElementId = stringifyElementId(elementId);
-    return [strFixtureId, strElementId];
+    return {
+        ...groupExpansion,
+        [strFixtureId]: {
+            ...groupExpansion[strFixtureId],
+            [strElementId]: treeExpansion,
+        },
+    };
 }