akeneo-design-system 1.0.2 → 1.0.4

package/.storybook/preview.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import {addDecorator, addParameters} from '@storybook/react';
 import {withThemesProvider} from 'themeprovider-storybook';
-import {themes} from '../src/theme';
+import {themes} from '../src/themes';
 import {StoryStyle} from '../src/storybook/PreviewGallery';
 
 addDecorator(story => <StoryStyle>{story()}</StoryStyle>);

package/lib/components/Tree/Tree.d.ts

@@ -12,11 +12,12 @@ type TreeProps<T = string> = {
     onClose?: (value: T) => void;
     onChange?: (value: T, checked: boolean, event: SyntheticEvent) => void;
     onClick?: (value: T) => void;
+    defaultOpen?: boolean;
     _isRoot?: boolean;
     children?: ReactNode;
 };
 declare const Tree: {
-    <T>({ label, value, children, isLeaf, selected, isLoading, selectable, readOnly, onChange, onOpen, onClose, onClick, _isRoot, ...rest }: React.PropsWithChildren<TreeProps<T>>): React.JSX.Element;
+    <T>({ label, value, children, isLeaf, selected, isLoading, selectable, readOnly, onChange, onOpen, onClose, onClick, defaultOpen, _isRoot, ...rest }: React.PropsWithChildren<TreeProps<T>>): React.JSX.Element;
     displayName: string;
 };
 export { Tree };

package/lib/components/Tree/Tree.js

@@ -91,7 +91,7 @@ var TreeIcon = function (_a) {
     return selected ? react_1.default.createElement(TreeFolderSelectedIcon, { size: 24 }) : react_1.default.createElement(TreeFolderNotSelectedIcon, { size: 24 });
 };
 var Tree = function (_a) {
-    var label = _a.label, value = _a.value, children = _a.children, _b = _a.isLeaf, isLeaf = _b === void 0 ? false : _b, _c = _a.selected, selected = _c === void 0 ? false : _c, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, _e = _a.selectable, selectable = _e === void 0 ? false : _e, _f = _a.readOnly, readOnly = _f === void 0 ? false : _f, onChange = _a.onChange, onOpen = _a.onOpen, onClose = _a.onClose, onClick = _a.onClick, _g = _a._isRoot, _isRoot = _g === void 0 ? true : _g, rest = __rest(_a, ["label", "value", "children", "isLeaf", "selected", "isLoading", "selectable", "readOnly", "onChange", "onOpen", "onClose", "onClick", "_isRoot"]);
+    var label = _a.label, value = _a.value, children = _a.children, _b = _a.isLeaf, isLeaf = _b === void 0 ? false : _b, _c = _a.selected, selected = _c === void 0 ? false : _c, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, _e = _a.selectable, selectable = _e === void 0 ? false : _e, _f = _a.readOnly, readOnly = _f === void 0 ? false : _f, onChange = _a.onChange, onOpen = _a.onOpen, onClose = _a.onClose, onClick = _a.onClick, _g = _a.defaultOpen, defaultOpen = _g === void 0 ? false : _g, _h = _a._isRoot, _isRoot = _h === void 0 ? true : _h, rest = __rest(_a, ["label", "value", "children", "isLeaf", "selected", "isLoading", "selectable", "readOnly", "onChange", "onOpen", "onClose", "onClick", "defaultOpen", "_isRoot"]);
     var subTrees = [];
     react_1.default.Children.forEach(children, function (child) {
         if (!(0, react_1.isValidElement)(child)) {
@@ -108,7 +108,7 @@ var Tree = function (_a) {
             selected = 'mixed';
         }
     }
-    var _h = react_1.default.useState(_isRoot ? subTrees.length > 0 : false), isOpen = _h[0], setOpen = _h[1];
+    var _j = react_1.default.useState(_isRoot || defaultOpen ? subTrees.length > 0 : false), isOpen = _j[0], setOpen = _j[1];
     var handleOpen = react_1.default.useCallback(function () {
         setOpen(true);
         if (onOpen) {
@@ -150,6 +150,7 @@ var Tree = function (_a) {
         isOpen && !isLeaf && subTrees.length > 0 && (react_1.default.createElement(SubTreesContainer, { role: "group" }, subTrees.map(function (subTree) {
             return react_1.default.cloneElement(subTree, {
                 key: JSON.stringify(subTree.props.value),
+                defaultOpen: defaultOpen,
                 _isRoot: false,
             });
         })))));

package/lib/components/Tree/Tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","sourceRoot":"","sources":["../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tree.js","sourceRoot":"","sources":["../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"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"}

package/lib/index.d.ts

@@ -4,7 +4,4 @@ export * from './icons';
 export * from './illustrations';
 export * from './shared';
 export * from './theme';
-export * from './theme/onboarder';
-export * from './theme/pim';
-export * from './theme/shared-catalogs';
-export * from './theme/connector';
+export * from './themes';

package/lib/index.js

@@ -20,8 +20,5 @@ __exportStar(require("./icons"), exports);
 __exportStar(require("./illustrations"), exports);
 __exportStar(require("./shared"), exports);
 __exportStar(require("./theme"), exports);
-__exportStar(require("./theme/onboarder"), exports);
-__exportStar(require("./theme/pim"), exports);
-__exportStar(require("./theme/shared-catalogs"), exports);
-__exportStar(require("./theme/connector"), exports);
+__exportStar(require("./themes"), exports);
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,0CAAwB;AACxB,0CAAwB;AACxB,kDAAgC;AAChC,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,8CAA4B;AAC5B,0DAAwC;AACxC,oDAAkC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,0CAAwB;AACxB,0CAAwB;AACxB,kDAAgC;AAChC,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB"}

package/lib/storybook/test-util.js

@@ -32,10 +32,10 @@ exports.render = void 0;
 var react_1 = __importDefault(require("react"));
 var react_2 = require("@testing-library/react");
 var styled_components_1 = require("styled-components");
-var pim_1 = require("../theme/pim");
+var themes_1 = require("../themes");
 var wrapper = function (_a) {
     var children = _a.children;
-    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: pim_1.pimTheme }, children));
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: themes_1.pimTheme }, children));
 };
 var customRender = function (ui, options) { return (0, react_2.render)(ui, __assign({ wrapper: wrapper }, options)); };
 exports.render = customRender;

package/lib/storybook/test-util.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-util.js","sourceRoot":"","sources":["../../src/storybook/test-util.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAoE;AACpE,gDAA6D;AAC7D,uDAAgD;AAChD,oCAAsC;AAEtC,IAAM,OAAO,GAAkB,UAAC,EAAkC;QAAjC,QAAQ,cAAA;IAA8B,OAAA,CACrE,8BAAC,iCAAa,IAAC,KAAK,EAAE,cAAQ,IAAG,QAAQ,CAAiB,CAC3D;AAFsE,CAEtE,CAAC;AACF,IAAM,YAAY,GAAwE,UACxF,EAAgB,EAChB,OAAwC,IACrC,OAAA,IAAA,cAAM,EAAC,EAAE,aAAG,OAAO,SAAA,IAAK,OAAO,EAAE,EAAjC,CAAiC,CAAC;AAGf,8BAAM;AAD9B,yDAAuC"}
+{"version":3,"file":"test-util.js","sourceRoot":"","sources":["../../src/storybook/test-util.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAoE;AACpE,gDAA6D;AAC7D,uDAAgD;AAChD,oCAAmC;AAEnC,IAAM,OAAO,GAAkB,UAAC,EAAkC;QAAjC,QAAQ,cAAA;IAA8B,OAAA,CACrE,8BAAC,iCAAa,IAAC,KAAK,EAAE,iBAAQ,IAAG,QAAQ,CAAiB,CAC3D;AAFsE,CAEtE,CAAC;AACF,IAAM,YAAY,GAAwE,UACxF,EAAgB,EAChB,OAAwC,IACrC,OAAA,IAAA,cAAM,EAAC,EAAE,aAAG,OAAO,SAAA,IAAK,OAAO,EAAE,EAAjC,CAAiC,CAAC;AAGf,8BAAM;AAD9B,yDAAuC"}

package/lib/theme/index.d.ts

@@ -1,3 +1,2 @@
 export * from './common';
 export * from './theme';
-export * from './themes';

package/lib/theme/index.js

@@ -16,5 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./common"), exports);
 __exportStar(require("./theme"), exports);
-__exportStar(require("./themes"), exports);
 //# sourceMappingURL=index.js.map

package/lib/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,0CAAwB"}

package/lib/{theme → themes}/connector/index.d.ts

@@ -1,3 +1,3 @@
-import { Theme } from '../theme';
+import { Theme } from '../../theme';
 declare const connectorTheme: Theme;
 export { connectorTheme };

package/lib/{theme → themes}/connector/index.js

@@ -12,14 +12,14 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.connectorTheme = void 0;
-var common_1 = require("../common");
+var theme_1 = require("../../theme");
 var connectorTheme = {
     name: 'Connector',
-    color: __assign(__assign({}, common_1.color), { brand20: '#dbdef3', brand40: '#b8bde8', brand60: '#959cdc', brand80: '#727bd1', brand100: '#4f5bc6', brand120: '#3b4494', brand140: '#272d62' }),
-    colorAlternative: common_1.colorAlternative,
-    fontSize: common_1.fontSize,
-    palette: common_1.palette,
-    fontFamily: common_1.fontFamily,
+    color: __assign(__assign({}, theme_1.color), { brand20: '#dbdef3', brand40: '#b8bde8', brand60: '#959cdc', brand80: '#727bd1', brand100: '#4f5bc6', brand120: '#3b4494', brand140: '#272d62' }),
+    colorAlternative: theme_1.colorAlternative,
+    fontSize: theme_1.fontSize,
+    palette: theme_1.palette,
+    fontFamily: theme_1.fontFamily,
 };
 exports.connectorTheme = connectorTheme;
 //# sourceMappingURL=index.js.map

package/lib/themes/connector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/themes/connector/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,qCAA0F;AAE1F,IAAM,cAAc,GAAU;IAC5B,IAAI,EAAE,WAAW;IACjB,KAAK,wBACA,aAAK,KACR,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,GACpB;IACD,gBAAgB,0BAAA;IAChB,QAAQ,kBAAA;IACR,OAAO,iBAAA;IACP,UAAU,oBAAA;CACX,CAAC;AAEM,wCAAc"}

package/lib/themes/index.d.ts

@@ -0,0 +1,6 @@
+import { pimTheme } from './pim';
+import { onboarderTheme } from './onboarder';
+import { sharedCatalogsTheme } from './shared-catalogs';
+import { connectorTheme } from './connector';
+declare const themes: import("../theme/theme").Theme[];
+export { themes, pimTheme, onboarderTheme, sharedCatalogsTheme, connectorTheme };

package/lib/themes/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.connectorTheme = exports.sharedCatalogsTheme = exports.onboarderTheme = exports.pimTheme = exports.themes = void 0;
+var pim_1 = require("./pim");
+Object.defineProperty(exports, "pimTheme", { enumerable: true, get: function () { return pim_1.pimTheme; } });
+var onboarder_1 = require("./onboarder");
+Object.defineProperty(exports, "onboarderTheme", { enumerable: true, get: function () { return onboarder_1.onboarderTheme; } });
+var shared_catalogs_1 = require("./shared-catalogs");
+Object.defineProperty(exports, "sharedCatalogsTheme", { enumerable: true, get: function () { return shared_catalogs_1.sharedCatalogsTheme; } });
+var connector_1 = require("./connector");
+Object.defineProperty(exports, "connectorTheme", { enumerable: true, get: function () { return connector_1.connectorTheme; } });
+var themes = [pim_1.pimTheme, onboarder_1.onboarderTheme, shared_catalogs_1.sharedCatalogsTheme, connector_1.connectorTheme];
+exports.themes = themes;
+//# sourceMappingURL=index.js.map

package/lib/themes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":";;;AAAA,6BAA+B;AAOf,yFAPR,cAAQ,OAOQ;AANxB,yCAA2C;AAMjB,+FANlB,0BAAc,OAMkB;AALxC,qDAAsD;AAKZ,oGALlC,qCAAmB,OAKkC;AAJ7D,yCAA2C;AAIoB,+FAJvD,0BAAc,OAIuD;AAF7E,IAAM,MAAM,GAAG,CAAC,cAAQ,EAAE,0BAAc,EAAE,qCAAmB,EAAE,0BAAc,CAAC,CAAC;AAEvE,wBAAM"}

package/lib/{theme → themes}/onboarder/index.d.ts

@@ -1,3 +1,3 @@
-import { Theme } from '../theme';
+import { Theme } from '../../theme';
 declare const onboarderTheme: Theme;
 export { onboarderTheme };

package/lib/{theme → themes}/onboarder/index.js

@@ -12,14 +12,14 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.onboarderTheme = void 0;
-var common_1 = require("../common");
+var theme_1 = require("../../theme");
 var onboarderTheme = {
     name: 'Onboarder',
-    color: __assign(__assign({}, common_1.color), { brand20: '#dbedf8', brand40: '#b7dcf2', brand60: '#93caec', brand80: '#6fb9e6', brand100: '#4ca8e0', brand120: '#3c86b3', brand140: '#2d6486' }),
-    colorAlternative: common_1.colorAlternative,
-    fontSize: common_1.fontSize,
-    palette: common_1.palette,
-    fontFamily: common_1.fontFamily,
+    color: __assign(__assign({}, theme_1.color), { brand20: '#dbedf8', brand40: '#b7dcf2', brand60: '#93caec', brand80: '#6fb9e6', brand100: '#4ca8e0', brand120: '#3c86b3', brand140: '#2d6486' }),
+    colorAlternative: theme_1.colorAlternative,
+    fontSize: theme_1.fontSize,
+    palette: theme_1.palette,
+    fontFamily: theme_1.fontFamily,
 };
 exports.onboarderTheme = onboarderTheme;
 //# sourceMappingURL=index.js.map

package/lib/themes/onboarder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/themes/onboarder/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,qCAA0F;AAE1F,IAAM,cAAc,GAAU;IAC5B,IAAI,EAAE,WAAW;IACjB,KAAK,wBACA,aAAK,KACR,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,GACpB;IACD,gBAAgB,0BAAA;IAChB,QAAQ,kBAAA;IACR,OAAO,iBAAA;IACP,UAAU,oBAAA;CACX,CAAC;AAEM,wCAAc"}

package/lib/{theme → themes}/pim/index.d.ts

@@ -1,3 +1,3 @@
-import { Theme } from '../theme';
+import { Theme } from '../../theme';
 declare const pimTheme: Theme;
 export { pimTheme };

package/lib/{theme → themes}/pim/index.js

@@ -12,14 +12,14 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pimTheme = void 0;
-var common_1 = require("../common");
+var theme_1 = require("../../theme");
 var pimTheme = {
     name: 'PIM',
-    color: __assign(__assign({}, common_1.color), { brand20: '#eadcf1', brand40: '#d4bae3', brand60: '#be97d5', brand80: '#a974c7', brand100: '#9452ba', brand120: '#764194', brand140: '#58316f' }),
-    colorAlternative: common_1.colorAlternative,
-    fontSize: common_1.fontSize,
-    palette: common_1.palette,
-    fontFamily: common_1.fontFamily,
+    color: __assign(__assign({}, theme_1.color), { brand20: '#eadcf1', brand40: '#d4bae3', brand60: '#be97d5', brand80: '#a974c7', brand100: '#9452ba', brand120: '#764194', brand140: '#58316f' }),
+    colorAlternative: theme_1.colorAlternative,
+    fontSize: theme_1.fontSize,
+    palette: theme_1.palette,
+    fontFamily: theme_1.fontFamily,
 };
 exports.pimTheme = pimTheme;
 //# sourceMappingURL=index.js.map

package/lib/themes/pim/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/themes/pim/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,qCAA0F;AAE1F,IAAM,QAAQ,GAAU;IACtB,IAAI,EAAE,KAAK;IACX,KAAK,wBACA,aAAK,KACR,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,GACpB;IACD,gBAAgB,0BAAA;IAChB,QAAQ,kBAAA;IACR,OAAO,iBAAA;IACP,UAAU,oBAAA;CACX,CAAC;AAEM,4BAAQ"}

package/lib/{theme → themes}/shared-catalogs/index.d.ts

@@ -1,3 +1,3 @@
-import { Theme } from '../theme';
+import { Theme } from '../../theme';
 declare const sharedCatalogsTheme: Theme;
 export { sharedCatalogsTheme };

package/lib/{theme → themes}/shared-catalogs/index.js

@@ -12,14 +12,14 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.sharedCatalogsTheme = void 0;
-var common_1 = require("../common");
+var theme_1 = require("../../theme");
 var sharedCatalogsTheme = {
     name: 'Shared Catalogs',
-    color: __assign(__assign({}, common_1.color), { brand20: '#fdf0d8', brand40: '#fce1b2', brand60: '#fbd28b', brand80: '#fac365', brand100: '#f9b53f', brand120: '#c79032', brand140: '#956c25' }),
-    colorAlternative: common_1.colorAlternative,
-    fontSize: common_1.fontSize,
-    palette: common_1.palette,
-    fontFamily: common_1.fontFamily,
+    color: __assign(__assign({}, theme_1.color), { brand20: '#fdf0d8', brand40: '#fce1b2', brand60: '#fbd28b', brand80: '#fac365', brand100: '#f9b53f', brand120: '#c79032', brand140: '#956c25' }),
+    colorAlternative: theme_1.colorAlternative,
+    fontSize: theme_1.fontSize,
+    palette: theme_1.palette,
+    fontFamily: theme_1.fontFamily,
 };
 exports.sharedCatalogsTheme = sharedCatalogsTheme;
 //# sourceMappingURL=index.js.map

package/lib/themes/shared-catalogs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/themes/shared-catalogs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,qCAA0F;AAE1F,IAAM,mBAAmB,GAAU;IACjC,IAAI,EAAE,iBAAiB;IACvB,KAAK,wBACA,aAAK,KACR,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,GACpB;IACD,gBAAgB,0BAAA;IAChB,QAAQ,kBAAA;IACR,OAAO,iBAAA;IACP,UAAU,oBAAA;CACX,CAAC;AAEM,kDAAmB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "akeneo-design-system",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Akeneo design system",
   "main": "lib/index.js",
   "scripts": {

package/src/components/Tree/Tree.stories.mdx

@@ -38,6 +38,9 @@ import {Tree} from './Tree.tsx';
     onClick:{
       description: 'Triggered when the user clicks on a node. If not specified, a click opens or closes the node.'
     },
+    defaultOpen:{
+      description: 'Allow to open automatically children when present.'
+    },
     _isRoot:{
         table:{
           disable: true
@@ -171,15 +174,42 @@ The Tree component uses its value to trigger onOpen, onClose and other events. B
       return (
         <>
            <Tree {...args} label='Indeterminate' selectable={true}>
-                <Tree {...args} label='Child1' selectable={true} selected={true} />
-                <Tree {...args} label='Child2' selectable={true} />
+                <Tree {...args} label='Child1' isLeaf={true} selectable={true} selected={true} />
+                <Tree {...args} label='Child2' isLeaf={true} selectable={true} />
            </Tree>
            <Tree {...args} label='All Checked' selectable={true}>
-                <Tree {...args} label='Child1' selectable={true} selected={true} />
-                <Tree {...args} label='Child2' selectable={true} selected={true}/>
+                <Tree {...args} label='Child1' isLeaf={true} selectable={true} selected={true} />
+                <Tree {...args} label='Child2' isLeaf={true} selectable={true} selected={true}/>
            </Tree>
         </>
       );
     }}
   </Story>
 </Canvas>
+
+## Variation with open children when present
+
+<Canvas>
+  <Story name="defaultOpen">
+    {args => {
+      return (
+        <>
+           <Tree {...args} label='Parent1' defaultOpen={true}>
+               <Tree {...args} label='Child1'>
+                   <Tree {...args} label='Child1 Sub1' isLeaf={true} />
+                   <Tree {...args} label='Child1 Sub2' isLeaf={true} />
+               </Tree>
+               <Tree {...args} label='Child2' isLeaf={true} />
+          </Tree>
+          <Tree {...args} label='Parent 2' defaultOpen={true}>
+               <Tree {...args} label='Child1' isLeaf={true} />
+               <Tree {...args} label='Child2'>
+                   <Tree {...args} label='Child2 Sub1' isLeaf={true} />
+                   <Tree {...args} label='Child2 Sub2' isLeaf={true} />
+               </Tree>
+          </Tree>
+        </>
+      );
+    }}
+  </Story>
+</Canvas>

package/src/components/Tree/Tree.tsx

@@ -141,6 +141,7 @@ type TreeProps<T = string> = {
   onClose?: (value: T) => void;
   onChange?: (value: T, checked: boolean, event: SyntheticEvent) => void;
   onClick?: (value: T) => void;
+  defaultOpen?: boolean;
   _isRoot?: boolean;
   children?: ReactNode;
 };
@@ -158,6 +159,7 @@ const Tree = <T,>({
   onOpen,
   onClose,
   onClick,
+  defaultOpen = false,
   _isRoot = true,
   ...rest
 }: PropsWithChildren<TreeProps<T>>) => {
@@ -180,7 +182,7 @@ const Tree = <T,>({
     }
   }
 
-  const [isOpen, setOpen] = React.useState<boolean>(_isRoot ? subTrees.length > 0 : false);
+  const [isOpen, setOpen] = React.useState<boolean>(_isRoot || defaultOpen ? subTrees.length > 0 : false);
 
   const handleOpen = React.useCallback(() => {
     setOpen(true);
@@ -241,6 +243,7 @@ const Tree = <T,>({
           {subTrees.map(subTree =>
             React.cloneElement(subTree, {
               key: JSON.stringify(subTree.props.value),
+              defaultOpen: defaultOpen,
               _isRoot: false,
             })
           )}

package/src/guidelines/Colors.stories.mdx

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import {Canvas, Meta, Story} from '@storybook/addon-docs';
 import {PreviewGrid, PreviewCard, PreviewContainer, LabelContainer, Subtitle} from '../storybook/PreviewGallery';
-import {themes} from '../theme';
+import {themes} from '../themes';
 
 <Meta title="Guidelines/Colors" />
 

package/src/guidelines/Iconography.stories.mdx

@@ -1,6 +1,6 @@
 import {Canvas, Meta, Story, ArgsTable} from '@storybook/addon-docs';
 import {PreviewGrid, PreviewCard, PreviewContainer, LabelContainer} from '../storybook/PreviewGallery';
-import {pimTheme} from '../theme/pim/index';
+import {pimTheme} from '../themes';
 import {colors} from './Colors.stories.mdx';
 import * as Icons from '../icons';
 

package/src/hooks/useTheme.unit.tsx

@@ -2,7 +2,7 @@ import React, {ReactNode} from 'react';
 import {ThemeProvider} from 'styled-components';
 import {renderHook} from '@testing-library/react-hooks';
 import {useTheme} from './useTheme';
-import {pimTheme} from '../theme/pim';
+import {pimTheme} from '../themes/pim';
 
 const wrapper = ({children}: {children: ReactNode}) => <ThemeProvider theme={pimTheme}>{children}</ThemeProvider>;
 

package/src/index.ts

@@ -4,7 +4,4 @@ export * from './icons';
 export * from './illustrations';
 export * from './shared';
 export * from './theme';
-export * from './theme/onboarder';
-export * from './theme/pim';
-export * from './theme/shared-catalogs';
-export * from './theme/connector';
+export * from './themes';

package/src/storybook/test-util.tsx

@@ -1,7 +1,7 @@
 import React, {ComponentType, ReactElement, ReactNode} from 'react';
 import {render, RenderOptions} from '@testing-library/react';
 import {ThemeProvider} from 'styled-components';
-import {pimTheme} from '../theme/pim';
+import {pimTheme} from '../themes';
 
 const wrapper: ComponentType = ({children}: {children?: ReactNode}) => (
   <ThemeProvider theme={pimTheme}>{children}</ThemeProvider>

package/src/theme/index.ts

@@ -1,3 +1,2 @@
 export * from './common';
 export * from './theme';
-export * from './themes';

package/src/{theme → themes}/connector/index.ts

@@ -1,5 +1,4 @@
-import {Theme} from '../theme';
-import {color, fontSize, palette, fontFamily, colorAlternative} from '../common';
+import {Theme, color, fontSize, palette, fontFamily, colorAlternative} from '../../theme';
 
 const connectorTheme: Theme = {
   name: 'Connector',

package/src/{theme/themes.ts → themes/index.ts}

@@ -5,4 +5,4 @@ import {connectorTheme} from './connector';
 
 const themes = [pimTheme, onboarderTheme, sharedCatalogsTheme, connectorTheme];
 
-export {themes};
+export {themes, pimTheme, onboarderTheme, sharedCatalogsTheme, connectorTheme};

package/src/{theme → themes}/onboarder/index.ts

@@ -1,5 +1,4 @@
-import {Theme} from '../theme';
-import {color, fontSize, palette, fontFamily, colorAlternative} from '../common';
+import {Theme, color, fontSize, palette, fontFamily, colorAlternative} from '../../theme';
 
 const onboarderTheme: Theme = {
   name: 'Onboarder',

package/src/{theme → themes}/pim/index.ts

@@ -1,5 +1,4 @@
-import {Theme} from '../theme';
-import {color, colorAlternative, fontSize, palette, fontFamily} from '../common';
+import {Theme, color, fontSize, palette, fontFamily, colorAlternative} from '../../theme';
 
 const pimTheme: Theme = {
   name: 'PIM',

package/src/{theme → themes}/shared-catalogs/index.ts

@@ -1,5 +1,4 @@
-import {Theme} from '../theme';
-import {color, fontSize, palette, fontFamily, colorAlternative} from '../common';
+import {Theme, color, fontSize, palette, fontFamily, colorAlternative} from '../../theme';
 
 const sharedCatalogsTheme: Theme = {
   name: 'Shared Catalogs',

package/lib/theme/connector/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/connector/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,oCAAiF;AAEjF,IAAM,cAAc,GAAU;IAC5B,IAAI,EAAE,WAAW;IACjB,KAAK,wBACA,cAAK,KACR,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,GACpB;IACD,gBAAgB,2BAAA;IAChB,QAAQ,mBAAA;IACR,OAAO,kBAAA;IACP,UAAU,qBAAA;CACX,CAAC;AAEM,wCAAc"}

package/lib/theme/onboarder/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/onboarder/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,oCAAiF;AAEjF,IAAM,cAAc,GAAU;IAC5B,IAAI,EAAE,WAAW;IACjB,KAAK,wBACA,cAAK,KACR,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,GACpB;IACD,gBAAgB,2BAAA;IAChB,QAAQ,mBAAA;IACR,OAAO,kBAAA;IACP,UAAU,qBAAA;CACX,CAAC;AAEM,wCAAc"}

package/lib/theme/pim/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/pim/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,oCAAiF;AAEjF,IAAM,QAAQ,GAAU;IACtB,IAAI,EAAE,KAAK;IACX,KAAK,wBACA,cAAK,KACR,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,GACpB;IACD,gBAAgB,2BAAA;IAChB,QAAQ,mBAAA;IACR,OAAO,kBAAA;IACP,UAAU,qBAAA;CACX,CAAC;AAEM,4BAAQ"}

package/lib/theme/shared-catalogs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/shared-catalogs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,oCAAiF;AAEjF,IAAM,mBAAmB,GAAU;IACjC,IAAI,EAAE,iBAAiB;IACvB,KAAK,wBACA,cAAK,KACR,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,GACpB;IACD,gBAAgB,2BAAA;IAChB,QAAQ,mBAAA;IACR,OAAO,kBAAA;IACP,UAAU,qBAAA;CACX,CAAC;AAEM,kDAAmB"}

package/lib/theme/themes.d.ts

@@ -1,2 +0,0 @@
-declare const themes: import("./theme").Theme[];
-export { themes };

package/lib/theme/themes.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.themes = void 0;
-var pim_1 = require("./pim");
-var onboarder_1 = require("./onboarder");
-var shared_catalogs_1 = require("./shared-catalogs");
-var connector_1 = require("./connector");
-var themes = [pim_1.pimTheme, onboarder_1.onboarderTheme, shared_catalogs_1.sharedCatalogsTheme, connector_1.connectorTheme];
-exports.themes = themes;
-//# sourceMappingURL=themes.js.map

package/lib/theme/themes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../src/theme/themes.ts"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,yCAA2C;AAC3C,qDAAsD;AACtD,yCAA2C;AAE3C,IAAM,MAAM,GAAG,CAAC,cAAQ,EAAE,0BAAc,EAAE,qCAAmB,EAAE,0BAAc,CAAC,CAAC;AAEvE,wBAAM"}