react-cosmos-ui 7.2.1-canary.e6e39db.0 → 7.3.0

package/dist/components/Icon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SvgChildren } from './BaseSvg.js';
+import type { SvgChildren } from './BaseSvg.js';
 export type IconProps = {
     size?: number | string;
     strokeWidth?: number;

package/dist/components/Illustration.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SvgChildren } from './BaseSvg.js';
+import type { SvgChildren } from './BaseSvg.js';
 type Props = {
     children: SvgChildren;
     viewBox: string;

package/dist/components/TreeView.d.ts

@@ -1,6 +1,7 @@
-import React, { ReactNode } from 'react';
-import { TreeNode } from 'react-cosmos-core';
-import { TreeExpansion } from '../shared/treeExpansion.js';
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { TreeNode } from 'react-cosmos-core';
+import type { TreeExpansion } from '../shared/treeExpansion.js';
 type Props<Item> = {
     node: TreeNode<Item>;
     name?: string;

package/dist/components/ValueInputTree/ExpandCollapseValues.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { FixtureStateValues } from 'react-cosmos-core';
-import { TreeExpansion } from '../../shared/treeExpansion.js';
+import type { FixtureStateValues } from 'react-cosmos-core';
+import type { TreeExpansion } from '../../shared/treeExpansion.js';
 type Props = {
     values: FixtureStateValues;
     expansion: TreeExpansion;

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.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { PrimitiveData } from 'react-cosmos-core';
-import { LeafValue } from '../shared.js';
+import type { PrimitiveData } from 'react-cosmos-core';
+import type { LeafValue } from '../shared.js';
 type Props = {
     value: LeafValue;
     name: string;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { FixtureStateValues } from 'react-cosmos-core';
-import { TreeExpansion } from '../../shared/treeExpansion.js';
+import type { FixtureStateValues } from 'react-cosmos-core';
+import type { TreeExpansion } from '../../shared/treeExpansion.js';
 type Props = {
     id: string;
     values: FixtureStateValues;

package/dist/components/ValueInputTree/ValueInputTree.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { setByPath, } from 'react-cosmos-core';
+import { setByPath } from 'react-cosmos-core';
 import styled from 'styled-components';
 import { grey248, grey32 } from '../../style/colors.js';
 import { TreeView } from '../TreeView.js';
@@ -8,20 +8,19 @@ import { ValueInputDir } from './ValueInputDir.js';
 import { createValueTree } from './valueTree.js';
 export const ValueInputTree = React.memo(function ValueInputTree({ id, values, expansion, setExpansion, onValueChange, }) {
     const rootNode = createValueTree(values);
-    return (React.createElement(Container, null,
-        React.createElement(TreeView, { node: rootNode, expansion: expansion, setExpansion: setExpansion, renderNode: ({ node, name, parents, expanded, onToggle }) => {
-                const { data, children } = node;
-                if (data.type === 'item') {
-                    return (React.createElement(ValueInput, { value: data.value, name: name, id: getInputId(id, parents, name), indentLevel: parents.length, onChange: newData => onValueChange(setValueAtPath(values, { type: 'primitive', data: newData }, getValuePath(name, parents))) }));
-                }
-                if (children) {
-                    const childKeys = Object.keys(children);
-                    return (React.createElement(ValueInputDir, { name: name, childrenText: getChildrenText(childKeys, data.isArray), disabled: childKeys.length === 0, expanded: expanded, indentLevel: parents.length, onToggle: onToggle }));
-                }
-                else {
-                    return null;
-                }
-            } })));
+    return (React.createElement(Container, null, React.createElement(TreeView, { node: rootNode, expansion: expansion, setExpansion: setExpansion, renderNode: ({ node, name, parents, expanded, onToggle }) => {
+            const { data, children } = node;
+            if (data.type === 'item') {
+                return (React.createElement(ValueInput, { value: data.value, name: name, id: getInputId(id, parents, name), indentLevel: parents.length, onChange: newData => onValueChange(setValueAtPath(values, { type: 'primitive', data: newData }, getValuePath(name, parents))) }));
+            }
+            if (children) {
+                const childKeys = Object.keys(children);
+                return (React.createElement(ValueInputDir, { name: name, childrenText: getChildrenText(childKeys, data.isArray), disabled: childKeys.length === 0, expanded: expanded, indentLevel: parents.length, onToggle: onToggle }));
+            }
+            else {
+                return null;
+            }
+        } })));
 });
 function getInputId(treeId, parents, name) {
     return `${treeId}-${[...parents, name].join('-')}`;

package/dist/components/ValueInputTree/index.d.ts

@@ -1,4 +1,4 @@
 export { stringifyElementId } from './shared.js';
 export { hasFsValues, sortFsValueGroups } from './valueGroups.js';
 export { ValueInputTree } from './ValueInputTree.js';
-export { FixtureExpansion, FixtureExpansionGroup, OnElementExpansionChange, getFixtureExpansion, updateElementExpansion, } from './valueTreeExpansion.js';
+export { type FixtureExpansion, type FixtureExpansionGroup, type OnElementExpansionChange, getFixtureExpansion, updateElementExpansion, } from './valueTreeExpansion.js';

package/dist/components/ValueInputTree/shared.d.ts

@@ -1,4 +1,4 @@
-import { FixtureElementId, FixtureStatePrimitiveValue, FixtureStateUnserializableValue, TreeNode } from 'react-cosmos-core';
+import type { FixtureElementId, FixtureStatePrimitiveValue, FixtureStateUnserializableValue, TreeNode } from 'react-cosmos-core';
 export type LeafValue = FixtureStatePrimitiveValue | FixtureStateUnserializableValue;
 export type ValueNodeData = {
     type: 'collection';

package/dist/components/ValueInputTree/valueGroups.d.ts

@@ -1,4 +1,4 @@
-import { FixtureElementId, FixtureStateValues } from 'react-cosmos-core';
+import type { FixtureElementId, FixtureStateValues } from 'react-cosmos-core';
 interface FixtureStateValueGroup {
     elementId: FixtureElementId;
     values: FixtureStateValues;

package/dist/components/ValueInputTree/valueTree.d.ts

@@ -1,3 +1,3 @@
-import { FixtureStateValues } from 'react-cosmos-core';
-import { ValueNode } from './shared.js';
+import type { FixtureStateValues } from 'react-cosmos-core';
+import type { ValueNode } from './shared.js';
 export declare function createValueTree(values: FixtureStateValues, isArray?: boolean): ValueNode;

package/dist/components/ValueInputTree/valueTreeExpansion.d.ts

@@ -1,5 +1,5 @@
-import { FixtureElementId, FixtureId } from 'react-cosmos-core';
-import { TreeExpansion } from '../../shared/treeExpansion.js';
+import type { FixtureElementId, FixtureId } from 'react-cosmos-core';
+import type { TreeExpansion } from '../../shared/treeExpansion.js';
 export type FixtureExpansion = Record<string, void | TreeExpansion>;
 export type FixtureExpansionGroup = Record<string, void | FixtureExpansion>;
 export type OnElementExpansionChange = (elementId: FixtureElementId, treeExpansion: TreeExpansion) => unknown;

package/dist/components/ValueInputTree/valueTreeExpansion.js

@@ -1,4 +1,4 @@
-import { stringifyFixtureId, } from 'react-cosmos-core';
+import { stringifyFixtureId } from 'react-cosmos-core';
 import { stringifyElementId } from './shared.js';
 const DEFAULT_EXPANSION = {};
 export function getFixtureExpansion(groupExpansion, fixtureId) {

package/dist/components/icons/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../Icon.js';
+import type { IconProps } from '../Icon.js';
 export declare const ChevronLeftIcon: () => React.JSX.Element;
 export declare const ChevronRightIcon: () => React.JSX.Element;
 export declare const ChevronDownIcon: () => React.JSX.Element;

package/dist/components/inputs/Select.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { GroupedOptions } from '../../shared/groupedOptions.js';
+import type { GroupedOptions } from '../../shared/groupedOptions.js';
 type BaseOption = {
     value: string;
     label: string;

package/dist/components/inputs/Select.js

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 import styled from 'styled-components';
 import { useFocus } from '../../hooks/useFocus.js';
-import { isGroupedOptions, } from '../../shared/groupedOptions.js';
+import { isGroupedOptions } from '../../shared/groupedOptions.js';
 import { blue, grey32 } from '../../style/colors.js';
 import { ChevronDownIcon } from '../icons/index.js';
 const CUSTOM_LABEL = 'Custom';