@imposium-hub/components 1.45.3 → 1.45.5

package/.storybook/main.js

@@ -1,20 +1,16 @@
-
 module.exports = {
-    stories: ['../components/**/*.stories.(tsx|mdx)'],
-    addons: ['@storybook/addon-actions', '@storybook/addon-links', '@storybook/addon-storysource', 'storybook-dark-mode', '@storybook/addon-docs'],
-    webpackFinal: async config => {
-	
-    	config.module.rules.push({
-            test: /(\.ts|\.tsx)$/,
-            use: 'ts-loader',
-            exclude: /node_modules/
-        });
-            
-
-        config.resolve = {
-            extensions: ['.ts', '.tsx', '.js']
-        };
-
-        return config;
-    }
-};
+  "stories": [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)"
+  ],
+  "addons": [
+    "@storybook/addon-storysource",
+    "@storybook/addon-docs",
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-actions",
+    "@storybook/addon-interactions",
+    "storybook-dark-mode"
+  ],
+  "framework": "@storybook/react"
+}

package/.storybook/preview-head.html

@@ -1,4 +1,3 @@
-<link rel="stylesheet" href="styles.css">
 <style>
     .sb-show-main{
         padding:25px;

package/.storybook/preview.js

@@ -0,0 +1,11 @@
+import '../dist/styles.css';
+
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}

package/README.md

@@ -75,10 +75,19 @@ render(
 
 # How to bundle styles in your project via LESS
 
-To import the CSS bundle for the component library, use the following syntax:
+To import the LESS for the component library, use one of the following imports:
 
 ```
 @import "your_project_path/node_modules/@imposium-hub/components/dist/styles.less";
 ```
 
 Right now styles are shipped as a single bundle however as the library grows in size & complexity individual CSS bundles per component may added at a later time.
+
+# Storybook
+
+To run the [storybook](https://storybook.js.org/) UI at `localhost:6066`, run:
+```
+npm run storybook
+```
+
+This will run a clean build of the component library, and spin up the storybook UI.

package/dist/cjs/components/data-table/DataTable.d.ts

@@ -11,10 +11,10 @@ interface IDataTableProps {
     freezeWhenExpanded?: boolean;
     customPaginator?: boolean;
     pages?: number;
-    tightRows: boolean;
-    dndType: string;
-    dndName: string;
-    dnd: boolean;
+    tightRows?: boolean;
+    dndType?: string;
+    dndName?: string;
+    dnd?: boolean;
     onFetchData?: (...args: any[]) => any;
     data: any[];
     columns: any | any[];

package/dist/esm/components/data-table/DataTable.d.ts

@@ -11,10 +11,10 @@ interface IDataTableProps {
     freezeWhenExpanded?: boolean;
     customPaginator?: boolean;
     pages?: number;
-    tightRows: boolean;
-    dndType: string;
-    dndName: string;
-    dnd: boolean;
+    tightRows?: boolean;
+    dndType?: string;
+    dndName?: string;
+    dnd?: boolean;
     onFetchData?: (...args: any[]) => any;
     data: any[];
     columns: any | any[];