v0.4.0: Fix CSS and add createTableState util

Author: Rafferty97

package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-tabular",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Spreadsheet-like table UI",
   "license": "MIT",
   "author": "Rafferty97",
@@ -24,20 +24,23 @@
   "types": "./dist/index.d.ts",
   "browser": {},
   "exports": {
-    "solid": {
-      "development": "./dist/dev.jsx",
-      "import": "./dist/index.jsx"
-    },
-    "development": {
+    ".": {
+      "solid": {
+        "development": "./dist/dev.jsx",
+        "import": "./dist/index.jsx"
+      },
+      "development": {
+        "import": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/dev.js"
+        }
+      },
       "import": {
         "types": "./dist/index.d.ts",
-        "default": "./dist/dev.js"
+        "default": "./dist/index.js"
       }
     },
-    "import": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    }
+    "./styles.css": "./dist/index.css"
   },
   "typesVersions": {},
   "scripts": {

src/index.tsx

@@ -1,3 +1,4 @@
 export { Table } from 'src/table/Table'
 export type { ActiveRange } from 'src/table/types'
-export { createTextContent, createCheckboxContent } from './components/CellContent'
+export { createTextContent, createCheckboxContent } from 'src/components/CellContent'
+export { createTableState } from 'src/state'

src/state/index.ts

@@ -0,0 +1,25 @@
+import { createSignal } from 'solid-js'
+import { TableProps } from 'src/table/Table'
+import { ActiveRange } from 'src/table/types'
+
+export function createTableState(data: Record<string, unknown>[]) {
+  const columns = data[0] ? Object.keys(data[0]) : []
+  const numRows = data.length
+
+  const [activeRange, setActiveRange] = createSignal<ActiveRange>()
+
+  const [widths, setWidths] = createSignal(new Map<string, number>())
+
+  return {
+    columns,
+    numRows,
+    getCellValue: (row, column) => data[row]?.[column],
+    get activeRange() {
+      return activeRange()
+    },
+    setActiveRange,
+    getColumnSize: column => widths().get(column),
+    setColumnSize: (column, width) => setWidths(w => new Map([...w, [column, width]])),
+    resetColumnSize: column => setWidths(w => new Map([...w].filter(e => e[0] !== column))),
+  } satisfies TableProps<string>
+}

tsup.config.ts

@@ -29,14 +29,5 @@ export default defineConfig(config => {
 
   const parsed_options = preset.parsePresetOptions(preset_options, watching)
 
-  if (!watching && !CI) {
-    const package_fields = preset.generatePackageExports(parsed_options)
-
-    console.log(`package.json: \n\n${JSON.stringify(package_fields, null, 2)}\n\n`)
-
-    // will update ./package.json with the correct export fields
-    preset.writePackageJson(package_fields)
-  }
-
   return preset.generateTsupOptions(parsed_options)
 })