@edvisor/product-language 0.5.0 → 0.5.1

package/index.js

@@ -9529,7 +9529,7 @@ const getNode = (nodes, value) => {
 };
 
 const nodeHasChildren = node => {
-  return isDefined(node.children) && Array.isArray(node.children);
+  return isDefined(node.children) && Array.isArray(node.children) && !isEmpty(node.children);
 };
 
 const getDisabledState = (node, parent) => {
@@ -9654,7 +9654,9 @@ const ParentNode = /*#__PURE__*/styled.ol.withConfig({
 const Container$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "tree-view__Container",
   componentId: "sc-4bkb59-1"
-})(["display:block;margin:", ";padding:", ";"], Margin.none, Padding.none);
+})(["display:block;margin:", ";padding:", ";"], Margin.none, ({
+  useCardContainer
+}) => useCardContainer ? Padding.none : Padding.xs);
 const TreeView = props => {
   const {
     checkedList = [],
@@ -9662,7 +9664,8 @@ const TreeView = props => {
     title,
     nodes,
     className,
-    showChildCount = false
+    showChildCount = false,
+    useCardContainer = true
   } = props;
   const [expandedList, setExpandedList] = useState(expanded);
   const treeId = new Date().getTime().toString();
@@ -9760,18 +9763,29 @@ const TreeView = props => {
     }));
   };
 
-  return maybeRender(!isEmpty(nodes), jsx(Card, Object.assign({
-    heading: title
-  }, {
-    children: jsx(Card.Section, {
-      children: jsx(Container$1, Object.assign({
-        className: className,
-        id: treeId
-      }, {
-        children: renderTreeNodes(nodes)
-      }))
-    })
-  })));
+  const renderTree = () => {
+    return useCardContainer ? jsx(Card, Object.assign({
+      heading: title
+    }, {
+      children: jsx(Card.Section, {
+        children: jsx(Container$1, Object.assign({
+          className: className,
+          id: treeId,
+          useCardContainer: true
+        }, {
+          children: renderTreeNodes(nodes)
+        }))
+      })
+    })) : jsx(Container$1, Object.assign({
+      className: className,
+      id: treeId,
+      useCardContainer: false
+    }, {
+      children: renderTreeNodes(nodes)
+    }));
+  };
+
+  return maybeRender(!isEmpty(nodes), renderTree());
 };
 
 // this file was generated, but it is safe to modify
@@ -9908,7 +9922,8 @@ const Wrapper = /*#__PURE__*/styled.label.withConfig({
 })(["display:flex;width:100%;align-items:center;"]);
 const InputCheckbox = props => {
   const {
-    label = ''
+    label = '',
+    onChange
   } = props;
 
   if (isEmpty(label)) {
@@ -9917,7 +9932,12 @@ const InputCheckbox = props => {
 
   return jsxs(Wrapper, {
     children: [jsx(Checkbox, Object.assign({}, props, {
-      name: isDefined(props.name) ? props.name : label
+      name: isDefined(props.name) ? props.name : label,
+      onChange: e => {
+        if (isDefined(onChange)) {
+          onChange(e.target.checked);
+        }
+      }
     })), jsx(Text, {
       children: label
     })]

package/lib/components/molecules/input-checkbox/input-checkbox.d.ts

@@ -3,5 +3,6 @@ import { FC } from '@helpers';
 export declare type IInputCheckboxProps = InputHTMLAttributes<HTMLInputElement> & {
     label: string;
     error?: boolean;
+    onChange?: (change: boolean) => void;
 };
 export declare const InputCheckbox: FC<IInputCheckboxProps>;

package/lib/components/tree-view/types.d.ts

@@ -24,6 +24,7 @@ export interface ITreeViewProps {
     expanded?: string[];
     className?: string;
     title?: string;
+    useCardContainer?: boolean;
     showChildCount?: boolean;
     expandDisabled?: boolean;
     onCheck: (checked: string[], node?: ICheckNode) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edvisor/product-language",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "license": "MIT",
   "description": "Edvisor.io product-language components",
   "repository": "https://github.com/edvisor-io/front-end/",