@pezeshk-book/modules 0.1.91 → 0.2.0

package/dist/modules/data-table/data-table.d.ts

@@ -1,3 +1,3 @@
-import { DataTableProps } from './data-table.props';
-declare const DataTable: ({ type, ...rest }: DataTableProps) => import("react/jsx-runtime").JSX.Element;
+import { DataTableProps, TableVariant } from './data-table.props';
+declare const DataTable: <T extends TableVariant>(props: DataTableProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default DataTable;

package/dist/modules/data-table/data-table.js

@@ -1,13 +1,12 @@
-import { __assign, __rest } from "tslib";
+import { __assign } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import ComplexDataTable from './complex';
 import SimpleDataTable from './simple';
-var DataTable = function (_a) {
-    var _b = _a.type, type = _b === void 0 ? 'complex' : _b, rest = __rest(_a, ["type"]);
-    if (type === 'complex') {
-        return _jsx(ComplexDataTable, __assign({}, rest));
+var DataTable = function (props) {
+    if (props.variant === 'complex') {
+        return _jsx(ComplexDataTable, __assign({}, props));
     }
-    return _jsx(SimpleDataTable, __assign({}, rest));
+    return _jsx(SimpleDataTable, __assign({}, props));
 };
 export default DataTable;
 //# sourceMappingURL=data-table.js.map

package/dist/modules/data-table/data-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.js","sourceRoot":"","sources":["../../../modules/data-table/data-table.tsx"],"names":[],"mappings":";;AACA,OAAO,gBAAgB,MAAM,WAAW,CAAC;AACzC,OAAO,eAAe,MAAM,UAAU,CAAC;AAEvC,IAAM,SAAS,GAAG,UAAC,EAA6C;IAA3C,IAAA,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAK,IAAI,cAA3B,QAA6B,CAAF;IAC5C,IAAI,IAAI,KAAK,SAAS,EAAE;QACtB,OAAO,KAAC,gBAAgB,eAAK,IAAI,EAAI,CAAC;KACvC;IAED,OAAO,KAAC,eAAe,eAAK,IAAI,EAAI,CAAC;AACvC,CAAC,CAAC;AACF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"data-table.js","sourceRoot":"","sources":["../../../modules/data-table/data-table.tsx"],"names":[],"mappings":";;AACA,OAAO,gBAAgB,MAAM,WAAW,CAAC;AACzC,OAAO,eAAe,MAAM,UAAU,CAAC;AAIvC,IAAM,SAAS,GAAG,UAAyB,KAAwB;IACjE,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,EAAE;QAC/B,OAAO,KAAC,gBAAgB,eAAM,KAA+B,EAAI,CAAC;KACnE;IAED,OAAO,KAAC,eAAe,eAAM,KAA8B,EAAI,CAAC;AAClE,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/modules/data-table/data-table.props.d.ts

@@ -1,5 +1,8 @@
 import { ComplexDataTableProps } from './complex/complex-data-table.props';
 import { SimpleDataTableProps } from './simple/simple-data-table.props';
-export interface DataTableProps extends ComplexDataTableProps, SimpleDataTableProps {
-    type?: 'simple' | 'complex';
-}
+export type TableVariant = 'simple' | 'complex';
+export type DataTableProps<T extends TableVariant> = T extends 'simple' ? {
+    variant: 'simple';
+} & SimpleDataTableProps : {
+    variant: 'complex';
+} & ComplexDataTableProps;

package/dist/stories/data-table/complex-data-table.d.ts

@@ -0,0 +1,7 @@
+import { ComplexDataTableProps } from '../../modules/data-table/complex/complex-data-table.props';
+/**
+ * Primary UI component for user interaction
+ */
+export declare const ComplexDataTable: (props: {
+    variant: 'complex';
+} & ComplexDataTableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/data-table/complex-data-table.js

@@ -0,0 +1,12 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import CustomDataTable from '../../modules/data-table';
+import dummyData from './dummy-data';
+import { columns, header } from './data-table-columns';
+/**
+ * Primary UI component for user interaction
+ */
+export var ComplexDataTable = function (props) {
+    return (_jsx(CustomDataTable, __assign({}, props, { data: dummyData, header: header, column: columns })));
+};
+//# sourceMappingURL=complex-data-table.js.map

package/dist/stories/data-table/complex-data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"complex-data-table.js","sourceRoot":"","sources":["../../../stories/data-table/complex-data-table.tsx"],"names":[],"mappings":";;AAAA,OAAO,eAAe,MAAM,0BAA0B,CAAC;AACvD,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAGvD;;GAEG;AACH,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,KAAqD;IACpF,OAAO,CACL,KAAC,eAAe,eACV,KAAK,IACT,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,OAAO,IACf,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/stories/data-table/complex-data-table.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ComplexDataTable } from './complex-data-table';
+declare const meta: Meta<typeof ComplexDataTable>;
+export default meta;
+type Story = StoryObj<typeof ComplexDataTable>;
+export declare const Complex: Story;

package/dist/stories/data-table/complex-data-table.stories.js

@@ -0,0 +1,18 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ComplexDataTable } from './complex-data-table';
+var meta = {
+    title: 'DataTable',
+    component: ComplexDataTable,
+    argTypes: {}
+};
+export default meta;
+export var Complex = {
+    render: function (args) {
+        return _jsx(ComplexDataTable, __assign({}, args));
+    },
+    args: {
+        variant: 'complex'
+    }
+};
+//# sourceMappingURL=complex-data-table.stories.js.map

package/dist/stories/data-table/complex-data-table.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"complex-data-table.stories.js","sourceRoot":"","sources":["../../../stories/data-table/complex-data-table.stories.tsx"],"names":[],"mappings":";;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,IAAM,IAAI,GAAkC;IAC1C,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,gBAAgB;IAC3B,QAAQ,EAAE,EACT;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,UAAC,IAAqD;QAC5D,OAAO,KAAC,gBAAgB,eAAK,IAAI,EAAI,CAAC;IACxC,CAAC;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS;KACnB;CACF,CAAC"}

package/dist/stories/data-table/simple-data-table.d.ts

@@ -0,0 +1,7 @@
+import { SimpleDataTableProps } from '../../modules/data-table/simple/simple-data-table.props';
+/**
+ * Primary UI component for user interaction
+ */
+export declare const SimpleDataTable: (props: {
+    variant: 'simple';
+} & SimpleDataTableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/data-table/simple-data-table.js

@@ -0,0 +1,12 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import CustomDataTable from '../../modules/data-table';
+import dummyData from './dummy-data';
+import { columns, header } from './data-table-columns';
+/**
+ * Primary UI component for user interaction
+ */
+export var SimpleDataTable = function (props) {
+    return (_jsx(CustomDataTable, __assign({}, props, { data: dummyData, header: header, column: columns })));
+};
+//# sourceMappingURL=simple-data-table.js.map

package/dist/stories/data-table/simple-data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-data-table.js","sourceRoot":"","sources":["../../../stories/data-table/simple-data-table.tsx"],"names":[],"mappings":";;AAAA,OAAO,eAAe,MAAM,0BAA0B,CAAC;AACvD,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAGvD;;GAEG;AACH,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,KAAiD;IAC/E,OAAO,CACL,KAAC,eAAe,eACV,KAAK,IACT,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,OAAO,IACf,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/stories/data-table/simple-data-table.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SimpleDataTable } from './simple-data-table';
+declare const meta: Meta<typeof SimpleDataTable>;
+export default meta;
+type Story = StoryObj<typeof SimpleDataTable>;
+export declare const Simple: Story;

package/dist/stories/data-table/simple-data-table.stories.js

@@ -0,0 +1,18 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SimpleDataTable } from './simple-data-table';
+var meta = {
+    title: 'DataTable',
+    component: SimpleDataTable,
+    argTypes: {}
+};
+export default meta;
+export var Simple = {
+    render: function (args) {
+        return _jsx(SimpleDataTable, __assign({}, args));
+    },
+    args: {
+        variant: 'simple'
+    }
+};
+//# sourceMappingURL=simple-data-table.stories.js.map

package/dist/stories/data-table/simple-data-table.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-data-table.stories.js","sourceRoot":"","sources":["../../../stories/data-table/simple-data-table.stories.tsx"],"names":[],"mappings":";;AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGtD,IAAM,IAAI,GAAiC;IACzC,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE,EACT;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,MAAM,GAAU;IAC3B,MAAM,EAAE,UAAC,IAAiD;QACxD,OAAO,KAAC,eAAe,eAAK,IAAI,EAAI,CAAC;IACvC,CAAC;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,QAAQ;KAClB;CACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pezeshk-book/modules",
-  "version": "0.1.91",
+  "version": "0.2.0",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.ts",
   "module": "./dist/index.js",

package/dist/stories/data-table/data-table.d.ts

@@ -1,5 +0,0 @@
-import { DataTableProps } from '../../modules/data-table/data-table.props';
-/**
- * Primary UI component for user interaction
- */
-export declare const DataTable: ({ ...props }: DataTableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/data-table/data-table.js

@@ -1,13 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import CustomDataTable from '../../modules/data-table';
-import dummyData from './dummy-data';
-import { header, columns } from './data-table-columns';
-/**
- * Primary UI component for user interaction
- */
-export var DataTable = function (_a) {
-    var props = __rest(_a, []);
-    return (_jsx(CustomDataTable, __assign({}, props, { data: dummyData, header: header, total: 20, perPage: 20, lastPage: 1, column: columns })));
-};
-//# sourceMappingURL=data-table.js.map

package/dist/stories/data-table/data-table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-table.js","sourceRoot":"","sources":["../../../stories/data-table/data-table.tsx"],"names":[],"mappings":";;AAAA,OAAO,eAAe,MAAM,0BAA0B,CAAC;AAEvD,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEvD;;GAEG;AACH,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAA4B;QAAvB,KAAK,cAAV,EAAY,CAAF;IAClC,OAAO,CACL,KAAC,eAAe,eACV,KAAK,IACT,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,EAAE,EACT,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,CAAC,EACX,MAAM,EAAE,OAAO,IACf,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/stories/data-table/data-table.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { DataTable } from './data-table';
-declare const meta: Meta<typeof DataTable>;
-export default meta;
-type Story = StoryObj<typeof DataTable>;
-export declare const Default: Story;

package/dist/stories/data-table/data-table.stories.js

@@ -1,15 +0,0 @@
-import { __assign } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DataTable } from './data-table';
-var meta = {
-    title: 'DataTable',
-    component: DataTable,
-    argTypes: {}
-};
-export default meta;
-export var Default = {
-    render: function (args) {
-        return _jsx(DataTable, __assign({}, args));
-    }
-};
-//# sourceMappingURL=data-table.stories.js.map

package/dist/stories/data-table/data-table.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-table.stories.js","sourceRoot":"","sources":["../../../stories/data-table/data-table.stories.tsx"],"names":[],"mappings":";;AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,IAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE,EACT;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,UAAC,IAAqB;QAC5B,OAAO,KAAC,SAAS,eAAK,IAAI,EAAI,CAAC;IACjC,CAAC;CACF,CAAC"}