@fixefy/fixefy-ui-components 0.2.18 → 0.2.20

package/dist/FxWizard/FxWizard/FxWizard.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const FxWizard: ({ config, footer }: {
+    config: any;
+    footer: any;
+}) => React.JSX.Element;
+export default FxWizard;

package/dist/FxWizard/FxWizard/FxWizard.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reactusewizard = require("react-use-wizard");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const FxWizard = ({ config, footer })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactusewizard.Wizard, {
+        footer: footer,
+        children: config === null || config === void 0 ? void 0 : config.steps.map((step, i)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(WizardStepWrapper, {
+                props: step,
+                Component: step.component
+            }, i))
+    });
+};
+const WizardStepWrapper = ({ Component, props })=>{
+    console.log('WizardStepWrapper', JSON.stringify(props));
+    const { goToStep, isLastStep } = (0, _reactusewizard.useWizard)();
+    const handleNext = ()=>{
+        if (!isLastStep) {
+            goToStep(props.nextStepPath);
+        } else {
+            console.log('Reached the final step');
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, {
+        onHandleNext: handleNext
+    });
+};
+const _default = FxWizard;

package/dist/FxWizard/FxWizard/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FxWizard';
+export * from './utils';

package/dist/FxWizard/FxWizard/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./FxWizard"), exports);
+_export_star(require("./utils"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/FxWizard/FxWizard/utils/envHelpers.d.ts

@@ -0,0 +1 @@
+export declare const getEnvSuffix: () => string;

package/dist/FxWizard/FxWizard/utils/envHelpers.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getEnvSuffix", {
+    enumerable: true,
+    get: function() {
+        return getEnvSuffix;
+    }
+});
+const getEnvSuffix = ()=>{
+    let rv;
+    switch(process.env.NEXT_PUBLIC_NODE_ENV){
+        case 'prod':
+        case 'production':
+            rv = '';
+            break;
+        case 'stage':
+            {
+                rv = '-stage';
+                break;
+            }
+        case 'dev':
+        case 'development':
+            rv = '-dev';
+            break;
+        case 'test':
+            rv = `-${process.env.NEXT_PUBLIC_NODE_ENV || ''}`;
+            break;
+        default:
+            rv = '-dev';
+            break;
+    }
+    return rv;
+};

package/dist/FxWizard/FxWizard/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './envHelpers';

package/dist/FxWizard/FxWizard/utils/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./envHelpers"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/FxWizard/FxWizard.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const FxWizard: ({ config, footer }: {
+    config: any;
+    footer: any;
+}) => React.JSX.Element;
+export default FxWizard;

package/dist/FxWizard/FxWizard.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    FxWizard: function() {
+        return FxWizard;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reactusewizard = require("react-use-wizard");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const FxWizard = ({ config, footer })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactusewizard.Wizard, {
+        footer: footer,
+        children: config === null || config === void 0 ? void 0 : config.steps.map((step, i)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(WizardStepWrapper, {
+                props: step,
+                Component: step.component
+            }, i))
+    });
+};
+const WizardStepWrapper = ({ Component, props })=>{
+    console.log('WizardStepWrapper', JSON.stringify(props));
+    const { goToStep, isLastStep } = (0, _reactusewizard.useWizard)();
+    const handleNext = ()=>{
+        if (!isLastStep) {
+            goToStep(props.nextStepPath);
+        } else {
+            console.log('Reached the final step');
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, {
+        onHandleNext: handleNext
+    });
+};
+const _default = FxWizard;

package/dist/FxWizard/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FxWizard';
+export * from './steps launcher';

package/dist/FxWizard/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./FxWizard"), exports);
+_export_star(require("./steps launcher"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/FxWizard/pages/wizard/[step].d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare function getServerSideProps(context: any): Promise<{
+    props?: {
+        step: any;
+        pathname: string;
+    } | undefined;
+}>;
+declare const steps: (props: any) => React.JSX.Element;
+export default steps;

package/dist/FxWizard/pages/wizard/[step].js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    default: function() {
+        return _default;
+    },
+    getServerSideProps: function() {
+        return getServerSideProps;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+// import { getServerSideProps as serverProps } from '@lib/serverProps'
+const Step = ()=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        children: "Step"
+    });
+};
+function getServerSideProps(context) {
+    return _getServerSideProps.apply(this, arguments);
+}
+function _getServerSideProps() {
+    _getServerSideProps = _async_to_generator(function*(context) {
+        const { query } = context;
+        let rv;
+        if (query) {
+            const { step, wizardId } = query;
+            rv = {
+                props: {
+                    step,
+                    pathname: `.../${wizardId}/steps/${step}`
+                }
+            };
+        }
+        return _object_spread({}, rv);
+    });
+    return _getServerSideProps.apply(this, arguments);
+}
+const steps = (props)=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Step, _object_spread({}, props));
+};
+const _default = steps;

package/dist/FxWizard/pages/wizard/index.d.ts

@@ -0,0 +1 @@
+export * from './[step]';

package/dist/FxWizard/pages/wizard/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./[step]"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/FxWizard/steps launcher/StepsLauncher.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const StepsLauncher: (steps: any, footer: any) => React.JSX.Element;
+export default StepsLauncher;

package/dist/FxWizard/steps launcher/StepsLauncher.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    StepsLauncher: function() {
+        return StepsLauncher;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _FxWizard = /*#__PURE__*/ _interop_require_default(require("../FxWizard"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const StepsLauncher = (steps, footer)=>{
+    /* each config-step has a path, component, and nextStepPath
+  example: 
+  steps = [
+    {
+    path: '/file-type-selection-page',
+    component: FileTypeSelectionPage,
+    nextStepPath: '/choose-and-display-files',
+    },
+    {
+    path: '/choose-and-display-files',
+    component: ChosenFilesDisplayPage,
+    nextStepPath: '/uploader-page',
+    },
+  ]
+
+  footer is a component
+  */ const config = {
+        steps
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxWizard.default, {
+        config: config,
+        footer: footer
+    });
+};
+const _default = StepsLauncher;

package/dist/FxWizard/steps launcher/index.d.ts

@@ -0,0 +1 @@
+export * from './StepsLauncher';

package/dist/FxWizard/steps launcher/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./StepsLauncher"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/index.d.ts

@@ -20,4 +20,5 @@ export { FxStatusBar, StatusBarPropsType, Options } from './FxStatusBar';
 export { FxTag, TagPropsType } from './FxTag';
 export { FxTextField, TextFieldPropsType } from './FxTextField';
 export { FxTodo, TodoItemType, TodoPropsType } from './FxTodo';
+export { FxWizard, StepsLauncher } from './FxWizard';
 export { Card, PageHeader, Label, BoldValue, Value, PageTitle, Link, Text, ShowMore, ShowMoreContainer, DataWrapper, Bars, } from './FxStyledComponents';

package/dist/index.js

@@ -111,6 +111,9 @@ _export(exports, {
     FxTodo: function() {
         return _FxTodo.FxTodo;
     },
+    FxWizard: function() {
+        return _FxWizard.FxWizard;
+    },
     Label: function() {
         return _FxStyledComponents.Label;
     },
@@ -168,6 +171,9 @@ _export(exports, {
     StatusBarPropsType: function() {
         return _FxStatusBar.StatusBarPropsType;
     },
+    StepsLauncher: function() {
+        return _FxWizard.StepsLauncher;
+    },
     StylesOptions: function() {
         return _FxAsyncDropdown.StylesOptions;
     },
@@ -212,4 +218,5 @@ const _FxStatusBar = require("./FxStatusBar");
 const _FxTag = require("./FxTag");
 const _FxTextField = require("./FxTextField");
 const _FxTodo = require("./FxTodo");
+const _FxWizard = require("./FxWizard");
 const _FxStyledComponents = require("./FxStyledComponents");

package/package.json

@@ -14,7 +14,8 @@
     "graphql-tag": "^2.12.6",
     "next": "^14.2.3",
     "react": "18.3.1",
-    "react-dom": "18.3.1"
+    "react-dom": "18.3.1",
+    "react-use-wizard": "^2.3.0"
   },
   "devDependencies": {
     "@svgr/webpack": "^8.1.0",
@@ -64,5 +65,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.2.18"
+  "version": "0.2.20"
 }