@fixefy/fixefy-ui-components 0.0.41 → 0.0.43

package/build/FxWizard/index.js

@@ -0,0 +1,23 @@
+"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.FxWizard;
+    },
+    WizardContext: function() {
+        return _WizardContext.WizardContext;
+    },
+    WizardContextProvider: function() {
+        return _WizardContext.WizardContextProvider;
+    }
+});
+const _FxWizard = require("./FxWizard");
+const _WizardContext = require("./WizardContext");

package/build/FxWizard/styles/wizard.styles.js

@@ -0,0 +1,89 @@
+// import React from "react";
+"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, {
+    StyledContent: function() {
+        return StyledContent;
+    },
+    StyledModal: function() {
+        return StyledModal;
+    }
+});
+const _material = require("@mui/material");
+const _styles = require("@mui/material/styles");
+const _FxModal = require("../../FxModal");
+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 _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;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+const StyledContent = (0, _styles.styled)(_material.Box)``;
+const StyledModal = (0, _styles.styled)(_FxModal.FxModal)(({ theme })=>({
+        '& #customized-dialog-title': _object_spread_props(_object_spread({}, theme.typography.h5), {
+            // @ts-ignore
+            color: theme.palette.typography.title,
+            padding: 0
+        }),
+        '& .MuiDialog-paper': {
+            maxWidth: '74% !important',
+            position: 'relative'
+        },
+        '& .MuiDialogContent-root': {
+            position: 'relative'
+        }
+    }));

package/build/FxWizard/wizard_types.d.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/build/index.js

@@ -0,0 +1,182 @@
+"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, {
+    ActionButtonPropsType: function() {
+        return _FxActionsTray.ActionButtonPropsType;
+    },
+    ActionsTrayPropsType: function() {
+        return _FxActionsTray.ActionsTrayPropsType;
+    },
+    AggreationsBarPropsType: function() {
+        return _FxAggregationsBar.AggreationsBarPropsType;
+    },
+    AggregationsDataPropsType: function() {
+        return _FxAggregationsBar.AggregationsDataPropsType;
+    },
+    AsyncDropdownPropsType: function() {
+        return _FxAsyncDropdown.AsyncDropdownPropsType;
+    },
+    AvatarPropsType: function() {
+        return _FxAvatar.AvatarPropsType;
+    },
+    ChipPropsType: function() {
+        return _FxChip.ChipPropsType;
+    },
+    FxActionsTray: function() {
+        return _FxActionsTray.FxActionsTray;
+    },
+    FxAggregationsBar: function() {
+        return _FxAggregationsBar.FxAggregationsBar;
+    },
+    FxAsyncDropdown: function() {
+        return _FxAsyncDropdown.FxAsyncDropdown;
+    },
+    FxAvatar: function() {
+        return _FxAvatar.FxAvatar;
+    },
+    FxButton: function() {
+        return _FxButton.FxButton;
+    },
+    FxChip: function() {
+        return _FxChip.FxChip;
+    },
+    FxIcon: function() {
+        return _FxIcon.FxIcon;
+    },
+    FxModal: function() {
+        return _FxModal.FxModal;
+    },
+    FxNotes: function() {
+        return _FxNotes.FxNotes;
+    },
+    FxNumberField: function() {
+        return _FxNumberField.FxNumberField;
+    },
+    FxProgressCircle: function() {
+        return _FxProgressCircle.FxProgressCircle;
+    },
+    FxProgressCounter: function() {
+        return _FxProgressCounter.FxProgressCounter;
+    },
+    FxScore: function() {
+        return _FxScore.FxScore;
+    },
+    FxShowMore: function() {
+        return _FxShowMore.FxShowMore;
+    },
+    FxSlider: function() {
+        return _FxSlider.FxSlider;
+    },
+    FxStatisticsBar: function() {
+        return _FxStatisticsBar.FxStatisticsBar;
+    },
+    FxStatusBar: function() {
+        return _FxStatusBar.FxStatusBar;
+    },
+    FxTag: function() {
+        return _FxTag.FxTag;
+    },
+    FxTextField: function() {
+        return _FxTextField.FxTextField;
+    },
+    FxTodo: function() {
+        return _FxTodo.FxTodo;
+    },
+    FxWizard: function() {
+        return _FxWizard.FxWizard;
+    },
+    IconPropsType: function() {
+        return _FxIcon.IconPropsType;
+    },
+    ModalPropsType: function() {
+        return _FxModal.ModalPropsType;
+    },
+    NotesPropsType: function() {
+        return _FxNotes.NotesPropsType;
+    },
+    NumberfieldPropsType: function() {
+        return _FxNumberField.NumberfieldPropsType;
+    },
+    ProgressCirclePropsType: function() {
+        return _FxProgressCircle.ProgressCirclePropsType;
+    },
+    ProgressCounterPropsType: function() {
+        return _FxProgressCounter.ProgressCounterPropsType;
+    },
+    ScorePropsType: function() {
+        return _FxScore.ScorePropsType;
+    },
+    ShowMorePropsType: function() {
+        return _FxShowMore.ShowMorePropsType;
+    },
+    SliderPropsType: function() {
+        return _FxSlider.SliderPropsType;
+    },
+    StatisticsPropsType: function() {
+        return _FxStatisticsBar.StatisticsPropsType;
+    },
+    StatusBarPropsType: function() {
+        return _FxStatusBar.StatusBarPropsType;
+    },
+    TagPropsType: function() {
+        return _FxTag.TagPropsType;
+    },
+    TextFieldPropsType: function() {
+        return _FxTextField.TextFieldPropsType;
+    },
+    TodoPropsType: function() {
+        return _FxTodo.TodoPropsType;
+    },
+    WizardContext: function() {
+        return _FxWizard.WizardContext;
+    },
+    WizardContextProvider: function() {
+        return _FxWizard.WizardContextProvider;
+    },
+    WizardPropsType: function() {
+        return _FxWizard.WizardPropsType;
+    }
+});
+const _FxActionsTray = require("./FxActionsTray");
+const _FxAggregationsBar = require("./FxAggregationsBar");
+const _FxAsyncDropdown = require("./FxAsyncDropdown");
+const _FxAvatar = require("./FxAvatar");
+const _FxButton = require("./FxButton");
+const _FxChip = require("./FxChip");
+const _FxIcon = require("./FxIcon");
+const _FxModal = require("./FxModal");
+const _FxNotes = require("./FxNotes");
+const _FxNumberField = require("./FxNumberField");
+const _FxProgressCircle = require("./FxProgressCircle");
+const _FxProgressCounter = require("./FxProgressCounter");
+const _FxScore = require("./FxScore");
+const _FxShowMore = require("./FxShowMore");
+const _FxSlider = require("./FxSlider");
+const _FxStatisticsBar = require("./FxStatisticsBar");
+const _FxStatusBar = require("./FxStatusBar");
+const _FxTag = require("./FxTag");
+const _FxTextField = require("./FxTextField");
+const _FxTodo = require("./FxTodo");
+const _FxWizard = require("./FxWizard");
+_export_star(require("./FxStyledComponents"), 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/package.json

@@ -42,7 +42,7 @@
     "url": "https://github.com/Fixefy/fixefy-ui-components.git"
   },
   "scripts": {
-	"build": "swc src/FxTag -d build",
+	"build": "swc src -d build",
     "build:copy": "node ../../scripts/copy-files-ex.js",
     "pre_release": "yarn clean && yarn && yarn build",
     "r": "yarn release",
@@ -57,17 +57,17 @@
     "node": "18.17.1"
   },
   "files": [
-    "*"
+    "build/**/*"
   ],
   "private": false,
-  "main": "./index.js",
-  "module": "./index.js",
+  "main": "./build/index.js",
+  "module": "./build/index.js",
   "exports": {
     ".": {
-      "import": "./index.js",
-      "require": "./index.js"
+      "import": "./builds/index.js",
+      "require": "./build/index.js"
     }
   },
-  "types": "./index.d.ts",
-  "version": "0.0.41"
+  "types": "./build/index.ts",
+  "version": "0.0.43"
 }

package/.prettierrc.json

@@ -1,10 +0,0 @@
-{
-    "bracketSpacing": true,
-    "singleQuote": true,
-    "trailingComma": "all",
-    "tabWidth": 2,
-    "semi": false,
-    "printWidth": 120,
-    "jsxSingleQuote": true,
-    "endOfLine": "auto"
-  }

package/.swcrc

@@ -1,20 +0,0 @@
-{
-    "jsc": {
-      "externalHelpers": false,
-      "target": "es2016",
-      "parser": {
-        "syntax": "typescript",
-        "tsx": true,
-        "decorators": false,
-        "dynamicImport": true
-      },
-      "transform": {
-        "react": {
-          "runtime": "automatic"
-        }
-      }
-    },
-    "module": {
-      "type": "commonjs"
-    }
-  }

package/src/FxActionsTray/FxActionsTray.tsx

@@ -1,293 +0,0 @@
-import React from 'react'
-import Image from 'next/image'
-
-import { Slide } from '@mui/material'
-import { imageLoader } from '@fixefy/fixefy-ui-utils'
-import { ActionsTrayPropsType } from './actions_tray_types'
-
-import { ActionBtn, ActionTitle, ChargesCount, ChargesTitle, Close, Container, Divider, TitleWrapper } from './styles/actions_tray.styles'
-
-export function FxActionsTray({ type, onApprove, onChallenge, show, onClose, chargesCount, container, direction = 'up' }: ActionsTrayPropsType) {
-  const renderActions = () => {
-    switch (type) {
-      case 'approved':
-        return <ApprovedActions onChallenge={onChallenge} />
-      case 'challenge':
-        return <ChallengeActions onChallenge={onChallenge} onApprove={onApprove} />
-      case 'pending':
-        return <PendingActions onApprove={onApprove} onChallenge={onChallenge} />
-      case 'no_pricing':
-        return <NoPricingActions onApprove={onApprove} onChallenge={onChallenge} />
-      default:
-        return <ApprovedActions onChallenge={onChallenge} />
-    }
-  }
-  return (
-    <div>
-      <Slide direction={direction} in={show} mountOnEnter unmountOnExit timeout={400} container={container}>
-        <Container>
-          <TitleWrapper>
-            <ChargesCount>{chargesCount}</ChargesCount>
-            <ChargesTitle>charges selected</ChargesTitle>
-          </TitleWrapper>
-          <Divider />
-          <div>
-            {renderActions()}
-            {/* {actions.map(({ title, name, onClick, ...action }, index) => (
-							<ActionBtn key={index} onClick={(event) => onClick(event, name)}>
-								<Image
-									loader={() =>
-										imageLoader({
-											root: "https://cdn-dev.fixefy.me/",
-											src: `actions/${action.extended.icon}}.svg`,
-										})
-									}
-									src={`actions/${action.extended.icon}}.svg`}
-									width={20}
-									height={20}
-									onLoad={() => console.log("loaded")}
-									onError={(e) => console.log("error:", e)}
-								/>
-								<ActionTitle>{titleCase(title)}</ActionTitle>
-							</ActionBtn>
-						))} */}
-          </div>
-          <Divider />
-          <div onClick={onClose}>
-            <Close>close</Close>
-          </div>
-        </Container>
-      </Slide>
-    </div>
-  )
-}
-
-const ChallengeActions = ({ onChallenge, onApprove }: { onChallenge?: () => void; onApprove?: () => void }) => {
-  return (
-    <>
-      <ActionBtn onClick={onChallenge} type="low">
-        <Image
-          alt="challenge"
-          loader={() =>
-            imageLoader({
-              root: 'https://cdn-dev.fixefy.me/',
-              src: 'actions/challenge.svg',
-            })
-          }
-          src={'actions/challenge.svg'}
-          width={20}
-          height={20}
-          onLoad={() => console.log('loaded')}
-          onError={(e: any) => console.log('error:', e)}
-        />
-        <ActionTitle>challenge</ActionTitle>
-      </ActionBtn>
-      <ActionBtn onClick={onApprove}>
-        <Image
-          alt="approve"
-          loader={() =>
-            imageLoader({
-              root: 'https://cdn-dev.fixefy.me/',
-              src: 'actions/approve.svg',
-            })
-          }
-          src={'actions/approve.svg'}
-          width={20}
-          height={20}
-          onLoad={() => console.log('loaded')}
-          onError={(e: any) => console.log('error:', e)}
-        />
-        <ActionTitle>approve</ActionTitle>
-      </ActionBtn>
-      <ActionBtn onClick={onApprove}>
-        <Image
-          alt="ignore and approve"
-          loader={() =>
-            imageLoader({
-              root: 'https://cdn-dev.fixefy.me/',
-              src: 'actions/ignore_and_approve.svg',
-            })
-          }
-          src={'actions/ignore_and_approve.svg'}
-          width={20}
-          height={20}
-          onLoad={() => console.log('loaded')}
-          onError={(e: any) => console.log('error:', e)}
-        />
-        <ActionTitle>ignore & approve</ActionTitle>
-      </ActionBtn>
-      <ActionBtn onClick={onApprove}>
-        <Image
-          alt="change exception"
-          loader={() =>
-            imageLoader({
-              root: 'https://cdn-dev.fixefy.me/',
-              src: 'actions/change_exception.svg',
-            })
-          }
-          src={'actions/change_exception.svg'}
-          width={20}
-          height={20}
-          onLoad={() => console.log('loaded')}
-          onError={(e: any) => console.log('error:', e)}
-        />
-        <ActionTitle>Change exeption</ActionTitle>
-      </ActionBtn>
-    </>
-  )
-}
-const PendingActions = ({ onApprove, onChallenge }: { onChallenge?: () => void; onApprove?: () => void }) => {
-  return (
-    <>
-      <ActionBtn onClick={onApprove} type="excellent">
-        <Image
-          alt="approve"
-          loader={() =>
-            imageLoader({
-              root: 'https://cdn-dev.fixefy.me/',
-              src: 'actions/approve.svg',
-            })
-          }
-          src={'actions/approve.svg'}
-          width={20}
-          height={20}
-          onLoad={() => console.log('loaded')}
-          onError={(e: any) => console.log('error:', e)}
-        />
-        <ActionTitle>approve</ActionTitle>
-      </ActionBtn>
-      <ActionBtn onClick={onChallenge}>
-        <Image
-          alt="challenge"
-          loader={() =>
-            imageLoader({
-              root: 'https://cdn-dev.fixefy.me/',
-              src: 'actions/challenge.svg',
-            })
-          }
-          src={'actions/challenge.svg'}
-          width={20}
-          height={20}
-          onLoad={() => console.log('loaded')}
-          onError={(e: any) => console.log('error:', e)}
-        />
-        <ActionTitle>challenge</ActionTitle>
-      </ActionBtn>
-
-      <ActionBtn onClick={onChallenge}>
-        <Image
-          alt="dive in"
-          loader={() =>
-            imageLoader({
-              root: 'https://cdn-dev.fixefy.me/',
-              src: 'actions/dive_in.svg',
-            })
-          }
-          src={'actions/dive_in.svg'}
-          width={20}
-          height={20}
-          onLoad={() => console.log('loaded')}
-          onError={(e: any) => console.log('error:', e)}
-        />
-        <ActionTitle>dive in</ActionTitle>
-      </ActionBtn>
-    </>
-  )
-}
-const NoPricingActions = ({ onApprove, onChallenge }: { onChallenge?: () => void; onApprove?: () => void }) => {
-  return (
-    <>
-      <ActionBtn onClick={onChallenge}>
-        <Image
-          alt="dive in"
-          loader={() =>
-            imageLoader({
-              root: 'https://cdn-dev.fixefy.me/',
-              src: 'actions/dive_in.svg',
-            })
-          }
-          src={'actions/dive_in.svg'}
-          width={20}
-          height={20}
-          onLoad={() => console.log('loaded')}
-          onError={(e: any) => console.log('error:', e)}
-        />
-        <ActionTitle>dive in</ActionTitle>
-      </ActionBtn>
-      <ActionBtn onClick={onApprove}>
-        <Image
-          alt="solve"
-          loader={() =>
-            imageLoader({
-              root: 'https://cdn-dev.fixefy.me/',
-              src: 'actions/solve.svg',
-            })
-          }
-          src={'actions/solve.svg'}
-          width={20}
-          height={20}
-          onLoad={() => console.log('loaded')}
-          onError={(e: any) => console.log('error:', e)}
-        />
-        <ActionTitle>solve</ActionTitle>
-      </ActionBtn>
-      <ActionBtn onClick={onApprove}>
-        <Image
-          alt="ignore and approve"
-          loader={() =>
-            imageLoader({
-              root: 'https://cdn-dev.fixefy.me/',
-              src: 'actions/ignore_and_approve.svg',
-            })
-          }
-          src={'actions/ignore_and_approve.svg'}
-          width={20}
-          height={20}
-          onLoad={() => console.log('loaded')}
-          onError={(e: any) => console.log('error:', e)}
-        />
-        <ActionTitle>ignore & approve</ActionTitle>
-      </ActionBtn>
-    </>
-  )
-}
-const ApprovedActions = ({ onChallenge }: { onChallenge?: () => void; onApprove?: () => void }) => {
-  return (
-    <>
-      <ActionBtn onClick={onChallenge}>
-        <Image
-          alt="dive in"
-          loader={() =>
-            imageLoader({
-              root: 'https://cdn-dev.fixefy.me/',
-              src: 'actionsCards/check_exceptions.svg',
-            })
-          }
-          src={'actionsCards/check_exceptions.svg'}
-          width={20}
-          height={20}
-          onLoad={() => console.log('loaded')}
-          onError={(e: any) => console.log('error:', e)}
-        />
-        <ActionTitle>dive in</ActionTitle>
-      </ActionBtn>
-      <ActionBtn onClick={onChallenge}>
-        <Image
-          alt="challenge"
-          loader={() =>
-            imageLoader({
-              root: 'https://cdn-dev.fixefy.me/',
-              src: 'actions/undo.svg',
-            })
-          }
-          src={'actions/undo.svg'}
-          width={20}
-          height={20}
-          onLoad={() => console.log('loaded')}
-          onError={(e: any) => console.log('error:', e)}
-        />
-        <ActionTitle>undo</ActionTitle>
-      </ActionBtn>
-    </>
-  )
-}

package/src/FxActionsTray/actions_tray_types.d.ts

@@ -1,15 +0,0 @@
-export type ActionsTrayPropsType = {
-  type: 'approved' | 'challenge' | 'pending' | 'no_pricing'
-  onApprove?: () => void
-  onChallenge?: () => void
-  onClick?: () => void
-  onClose?: () => void
-  show: boolean
-  chargesCount: number
-  container?: any
-  direction?: 'down' | 'left' | 'right' | 'up'
-}
-
-export type ActionButtonPropsType = {
-  type?: 'excellent' | 'high' | 'medium' | 'low' | 'bad'
-}

package/src/FxActionsTray/index.ts

@@ -1,3 +0,0 @@
-export { FxActionsTray } from './FxActionsTray'
-
-export type { ActionsTrayPropsType, ActionButtonPropsType } from './actions_tray_types'