@yanqirenshi/table.wbs 0.0.15 → 0.0.17

package/.claude/settings.local.json

@@ -0,0 +1,17 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(node -e \"console.log\\(require\\('./node_modules/react/package.json'\\).version\\)\")",
+      "Bash(npm install *)",
+      "Bash(npm test *)",
+      "Bash(git stash *)",
+      "Bash(npm view *)",
+      "Bash(npx react-scripts *)",
+      "Bash(SKIP_PREFLIGHT_CHECK=true CI=true npx react-scripts test --watchAll=false)",
+      "Bash(SKIP_PREFLIGHT_CHECK=true CI=true npx react-scripts build)",
+      "Bash(SKIP_PREFLIGHT_CHECK=true BROWSER=none npx react-scripts start)",
+      "Bash(kill %1)",
+      "Bash(wait)"
+    ]
+  }
+}

package/README.md

@@ -1,3 +1,103 @@
 # table.WBS
 
+## Usage
+
 See: examples/
+
+### (1) Code
+
+```
+import React from 'react';
+
+import WBSTable from '@yanqirenshi/table.wbs';
+
+import * as WBS_DATA from './data.js';
+
+export default function Example() {
+    const columns = [
+        {
+            label: 'Code',
+            leveling: true,
+            required: true,
+            contents: (c, d) => {
+                return <>{d._id}</>;
+            }
+        },
+        {
+            label: 'Name',
+            required: true,
+            contents: (c, d) => {
+                return <span>{d.label}</span>;
+            },
+        },
+        {
+            label: 'Description',
+            contents: (c, d) => {
+                return d.description;
+            }
+        },
+    ];
+
+    const wbs_source = {
+        projects:     WBS_DATA.PROJECTS,
+        wbs:          WBS_DATA.WBS,
+        workpackages: WBS_DATA.WORKPACKAGES,
+        edges:        WBS_DATA.EDGES,
+    };
+
+    const options = {}; // or null
+    const style_table = { fontSize: '16px' }; // or null
+    return (
+        <div style={{padding: '33px'}}>
+          <WBSTable source={wbs_source}
+                    columns={columns}
+                    options={options}
+                    style={style_table}/>
+        </div>
+    );
+}
+```
+
+### (2) Data
+
+```
+export const PROJECTS = [
+    {
+        _id: 1,
+        _class: 'PROJECT',
+        label: 'a',
+    }
+];
+export const WBS = [
+    {
+        _id: 10,
+        _class: 'WBS',
+        label: 'b',
+    }
+];
+export const WORKPACKAGES = [
+    {
+        _id: 100,
+        _class: 'WORKPACKAGE',
+        label: 'c',
+    }
+];
+
+let i = 10000000;
+export const EDGES = [
+    {
+        _id: i++,
+        from_id: 1,
+        from_class: 'PROJECT',
+        to_id: 10,
+        to_class: 'WBS',
+    },
+    {
+        _id: i++,
+        from_id: 10,
+        from_class: 'WBS',
+        to_id: 100,
+        to_class: 'WORKPACKAGE',
+    },
+];
+```

package/dist/components/Controller.js

@@ -78,7 +78,8 @@ function Controller(props) {
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "icon is-small is-left"
   }, /*#__PURE__*/_react["default"].createElement(_reactFontawesome.FontAwesomeIcon, {
-    icon: _freeSolidSvgIcons.faFilter
+    icon: _freeSolidSvgIcons.faFilter,
+    className: ""
   })))))), /*#__PURE__*/_react["default"].createElement("div", {
     style: style_right
   }, /*#__PURE__*/_react["default"].createElement("button", {
@@ -91,6 +92,7 @@ function Controller(props) {
     onClick: xxx
   }, /*#__PURE__*/_react["default"].createElement(_reactFontawesome.FontAwesomeIcon, {
     icon: _freeSolidSvgIcons.faDownload,
+    className: "",
     style: {
       fontSize: 14
     }

package/dist/components/TBodyTr.js

@@ -51,12 +51,14 @@ function opener(row, column, closed_wbs, callback) {
     style: {
       color: '#888084'
     },
-    icon: _freeSolidSvgIcons.faCaretRight
+    icon: _freeSolidSvgIcons.faCaretRight,
+    className: ""
   }), !x && /*#__PURE__*/_react["default"].createElement(_reactFontawesome.FontAwesomeIcon, {
     style: {
       color: '#dddcd6'
     },
-    icon: _freeSolidSvgIcons.faCaretDown
+    icon: _freeSolidSvgIcons.faCaretDown,
+    className: ""
   }));
 }