@stokr/components-library 2.3.65-beta.1 → 2.3.65-beta.11

package/dist/components/Modal/PaymentModal.stories.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.PaymentModalOpen = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _PaymentModal = require("./PaymentModal");
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Modal',
-  component: _PaymentModal.PaymentModal,
-  argTypes: {
-    data: {
-      type: 'object',
-      defaultValue: false
-    },
-    isModalOpen: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    onClose: {
-      type: 'function',
-      action: 'onClose'
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_PaymentModal.PaymentModal, args)));
-const PaymentModalOpen = exports.PaymentModalOpen = Template.bind({});
-PaymentModalOpen.args = {
-  //children: 'I am the Child Element',
-  isModalOpen: true,
-  formatAmountInLink: true,
-  data: {
-    projectData: {
-      companyWallet: 'something'
-    },
-    tokeDecimals: 2,
-    currencyAmount: 32,
-    tokenAmount: '67',
-    tokenPrice: '345',
-    tokenSymbol: '$',
-    createdAt: Date.now(),
-    GAID: 'some gaid',
-    currencyType: 'lbtc'
-  }
-};
-
-// export const PaymentModalFullscreen = Template.bind({})
-// ModalFullscreen.args = {
-//   //children: 'I am the Child Element and I am Fullscreen',
-//   isOpen: true,
-//   //fullscreen: true,
-
-// }

package/dist/components/MultiProgressBar/MultiProgressBar.stories.js

@@ -1,67 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.MPBarMin30 = exports.MPBarMax70Fill65 = exports.MPBarAllparts = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _MultiProgressBar = _interopRequireDefault(require("./MultiProgressBar"));
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Multi Progress Bar',
-  component: _MultiProgressBar.default,
-  argTypes: {
-    backParts: {
-      type: 'array of shape',
-      defaultValue: [{
-        value: 0
-      }, {
-        label: ''
-      }]
-    },
-    fillParts: {
-      type: 'array of shape',
-      defaultValue: [{
-        value: 0
-      }, {
-        label: ''
-      }]
-    },
-    fill: {
-      type: 'number',
-      defaultValue: 0
-    }
-  }
-}; // backpart: minumum fill
-// fillparts: maximum fill
-// fill: fill between min and max
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_MultiProgressBar.default, args)));
-const MPBarMin30 = exports.MPBarMin30 = Template.bind({});
-MPBarMin30.args = {
-  backParts: [{
-    value: 30,
-    label: 'backparts - minumum fill'
-  }]
-};
-const MPBarMax70Fill65 = exports.MPBarMax70Fill65 = Template.bind({});
-MPBarMax70Fill65.args = {
-  fillParts: [{
-    value: 70,
-    label: 'fillparts - maximum fill'
-  }],
-  fill: 65
-};
-const MPBarAllparts = exports.MPBarAllparts = Template.bind({});
-MPBarAllparts.args = {
-  backParts: [{
-    value: 7,
-    label: 'backparts - minumum fill'
-  }],
-  fillParts: [{
-    value: 60,
-    label: 'fillparts - maximum fill'
-  }],
-  fill: 50
-};

package/dist/components/Newsletter/Newsletter.stories.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.NewsletterStokr = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Newsletter = _interopRequireDefault(require("./Newsletter"));
-var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Newsletter',
-  component: _Newsletter.default
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_Newsletter.default, args));
-const NewsletterStokr = exports.NewsletterStokr = Template.bind({});

package/dist/components/NotificationContext/NotificationContext.js

@@ -1,141 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NotificationProvider = exports.NotificationConsumer = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _socket = _interopRequireDefault(require("socket.io-client"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const NotificationContext = /*#__PURE__*/_react.default.createContext();
-class NotificationProvider extends _react.Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "socket", {});
-    _defineProperty(this, "projectSocket", {});
-    _defineProperty(this, "state", {
-      notifications: [],
-      projectNotifications: []
-    });
-    _defineProperty(this, "connectToSocket", () => {
-      const {
-        userId
-      } = this.props;
-      this.socket = (0, _socket.default)(process.env.REACT_APP_NOTIFICATION_API_URL, {
-        path: '/notification'
-      });
-      this.setSocketEvents();
-      this.setState({
-        notifications: []
-      }, () => {
-        this.socket.emit('login_to_socket', {
-          userId
-        });
-      });
-    });
-    _defineProperty(this, "connectToProjectSocket", () => {
-      const {
-        projectId
-      } = this.props;
-      this.projectSocket = (0, _socket.default)(process.env.REACT_APP_NOTIFICATION_API_URL, {
-        path: '/notification'
-      });
-      this.setProjectSocketEvents();
-      this.setState({
-        projectNotifications: []
-      }, () => {
-        this.projectSocket.emit('login_to_socket', {
-          userId: projectId
-        });
-      });
-    });
-    _defineProperty(this, "setSocketEvents", () => {
-      this.socket.on('has_error', this.onHasError);
-      this.socket.on('notification', this.onNotification);
-    });
-    _defineProperty(this, "setProjectSocketEvents", () => {
-      this.projectSocket.on('has_error', this.onHasError);
-      this.projectSocket.on('notification', this.onProjectNotification);
-    });
-    _defineProperty(this, "onHasError", data => {
-      console.warn(data);
-    });
-    _defineProperty(this, "onNotification", notification => {
-      this.setState(prevState => ({
-        notifications: [notification, ...prevState.notifications]
-      }));
-    });
-    _defineProperty(this, "onProjectNotification", notification => {
-      this.setState(prevState => ({
-        projectNotifications: [notification, ...prevState.projectNotifications]
-      }));
-    });
-    _defineProperty(this, "markAsRead", userNotificationId => {
-      const {
-        notifications
-      } = this.state;
-      this.socket.emit('mark_as_read', {
-        userNotificationId
-      });
-      this.setState({
-        notifications: notifications.filter(notificationItem => notificationItem._id !== userNotificationId)
-      });
-    });
-  }
-  componentDidMount() {
-    const {
-      userId,
-      projectId
-    } = this.props;
-    if (userId !== '') {
-      //this.connectToSocket();
-    }
-    if (projectId !== '') {
-      //this.connectToProjectSocket();
-    }
-  }
-  componentDidUpdate(prevProps) {
-    const {
-      userId,
-      projectId
-    } = this.props;
-    if (prevProps.userId === '' && userId !== '') {
-      //this.connectToSocket()
-    }
-    if (prevProps.projectId === '' && projectId !== '') {
-      this.connectToProjectSocket();
-    }
-  }
-  render() {
-    const {
-      children
-    } = this.props;
-    const {
-      notifications,
-      projectNotifications
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement(NotificationContext.Provider, {
-      value: {
-        notifications: notifications.filter(notification => !notification.isRead),
-        projectNotifications,
-        markAsRead: this.markAsRead
-      }
-    }, children);
-  }
-}
-exports.NotificationProvider = NotificationProvider;
-NotificationProvider.propTypes = {
-  children: _propTypes.default.node.isRequired,
-  userId: _propTypes.default.string,
-  projectId: _propTypes.default.string
-};
-NotificationProvider.defaultProps = {
-  userId: '',
-  projectId: ''
-};
-const NotificationConsumer = exports.NotificationConsumer = NotificationContext.Consumer;

package/dist/components/Number/Number.stories.js

@@ -1,92 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Zero = exports.Two = exports.Three = exports.Six = exports.Seven = exports.One = exports.NumberRow = exports.Nine = exports.InvalidNumber = exports.Four = exports.Five = exports.Eight = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Number = require("./Number");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Number',
-  component: _Number.Number,
-  parameters: {
-    docs: {
-      description: {
-        component: 'A component that displays numbers using SVG icons.'
-      }
-    }
-  },
-  argTypes: {
-    number: {
-      control: {
-        type: 'number',
-        min: 0,
-        max: 9,
-        step: 1
-      },
-      description: 'Number to display (0-9)'
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_Number.Number, args);
-
-// Individual numbers
-const Zero = exports.Zero = Template.bind({});
-Zero.args = {
-  number: 0
-};
-const One = exports.One = Template.bind({});
-One.args = {
-  number: 1
-};
-const Two = exports.Two = Template.bind({});
-Two.args = {
-  number: 2
-};
-const Three = exports.Three = Template.bind({});
-Three.args = {
-  number: 3
-};
-const Four = exports.Four = Template.bind({});
-Four.args = {
-  number: 4
-};
-const Five = exports.Five = Template.bind({});
-Five.args = {
-  number: 5
-};
-const Six = exports.Six = Template.bind({});
-Six.args = {
-  number: 6
-};
-const Seven = exports.Seven = Template.bind({});
-Seven.args = {
-  number: 7
-};
-const Eight = exports.Eight = Template.bind({});
-Eight.args = {
-  number: 8
-};
-const Nine = exports.Nine = Template.bind({});
-Nine.args = {
-  number: 9
-};
-
-// Example of invalid number
-const InvalidNumber = exports.InvalidNumber = Template.bind({});
-InvalidNumber.args = {
-  number: 10
-};
-
-// Row of multiple numbers
-const NumberRow = () => /*#__PURE__*/_react.default.createElement("div", {
-  style: {
-    display: 'flex',
-    gap: '8px'
-  }
-}, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map(num => /*#__PURE__*/_react.default.createElement(_Number.Number, {
-  key: num,
-  number: num
-})));
-exports.NumberRow = NumberRow;

package/dist/components/Pagination/Pagination.stories.js

@@ -1,83 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.PaginationWithInput = exports.PaginationExample = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Pagination = require("./Pagination");
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-var _InputWithButton = require("../Input/InputWithButton");
-var _Button = require("../Button/Button.styles");
-var _Card = require("../Card/Card.styles");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Pagination',
-  component: _Pagination.Pagination,
-  argTypes: {
-    currentPage: {
-      type: 'number',
-      defaultValue: 0
-    },
-    totalCount: {
-      type: 'number',
-      defaultValue: 0
-    },
-    pageSize: {
-      type: 'number',
-      defaultValue: 10
-    },
-    siblingCount: {
-      type: 'number',
-      defaultValue: 0
-    },
-    onPageChange: {
-      type: 'function',
-      required: true
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_Pagination.Pagination, args)));
-const TemplateWithInput = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, {
-  noPaddingHorizontal: true,
-  flex: true,
-  style: {
-    justifyContent: 'space-between',
-    flexWrap: 'wrap'
-  }
-}, /*#__PURE__*/_react.default.createElement(_Pagination.Pagination, args), /*#__PURE__*/_react.default.createElement(_Card.Card, {
-  noPadding: true
-}, /*#__PURE__*/_react.default.createElement(_Card.CardTitle, {
-  style: {
-    padding: '2px 20px'
-  }
-}, "Page Size:"), /*#__PURE__*/_react.default.createElement(_InputWithButton.InputWithButton, {
-  id: "pageSize",
-  name: "pageSize",
-  type: "number",
-  placeholder: 'Page size'
-  // onChange={(e) => setinputPageSize(e.target.value)}
-}, /*#__PURE__*/_react.default.createElement(_Button.Button
-//   onClick={() => setpageSize(Number(inputPageSize))}
-, null, "apply")))));
-const PaginationExample = exports.PaginationExample = Template.bind({});
-PaginationExample.args = {
-  currentPage: 1,
-  totalCount: 100,
-  pageSize: 10,
-  siblingCount: 1,
-  onPageChange: page => {
-    console.log('page changed to', page);
-  }
-};
-const PaginationWithInput = exports.PaginationWithInput = TemplateWithInput.bind({});
-PaginationWithInput.args = {
-  currentPage: 1,
-  totalCount: 100,
-  pageSize: 10,
-  siblingCount: 1,
-  onPageChange: page => {
-    console.log('page changed to', page);
-  }
-};

package/dist/components/Pagination/PaginationControls.stories.js

@@ -1,112 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithoutPageSizeControl = exports.SmallDataSet = exports.LargeDataSet = exports.Default = exports.CustomStyle = exports.CustomPageSizeLabel = exports.CustomListStyle = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _PaginationControls = _interopRequireDefault(require("./PaginationControls"));
-var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-// Create mock data array
-const mockItems = Array.from({
-  length: 15
-}, (_, index) => ({
-  id: index + 1,
-  name: "Item ".concat(index + 1)
-}));
-var _default = exports.default = {
-  title: 'Components Library/Pagination',
-  component: _PaginationControls.default,
-  parameters: {
-    docs: {
-      description: {
-        component: 'Pagination controls component with customizable page size and navigation.'
-      }
-    }
-  }
-};
-const Template = args => {
-  const [currentPage, setCurrentPage] = (0, _react.useState)(1);
-  const [pageSize, setPageSize] = (0, _react.useState)(10);
-  const [inputPageSize, setInputPageSize] = (0, _react.useState)(10);
-
-  // Get current items
-  const indexOfLastItem = currentPage * pageSize;
-  const indexOfFirstItem = indexOfLastItem - pageSize;
-  const currentItems = mockItems.slice(indexOfFirstItem, indexOfLastItem);
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      marginBottom: '20px'
-    }
-  }, "Showing items ", (currentPage - 1) * pageSize + 1, " to", ' ', Math.min(currentPage * pageSize, mockItems.length), " of", ' ', mockItems.length), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      marginBottom: '20px'
-    }
-  }, currentItems.map(item => /*#__PURE__*/_react.default.createElement("div", {
-    key: item.id,
-    style: {
-      padding: '8px',
-      borderBottom: '1px solid #eee'
-    }
-  }, item.name))), /*#__PURE__*/_react.default.createElement(_PaginationControls.default, _extends({}, args, {
-    currentPage: currentPage,
-    totalCount: mockItems.length,
-    pageSize: pageSize,
-    inputPageSize: inputPageSize,
-    onPageChange: setCurrentPage,
-    setPageSize: setPageSize,
-    setInputPageSize: setInputPageSize
-  })));
-};
-const Default = exports.Default = Template.bind({});
-Default.args = {
-  scrollOffset: -100,
-  showPageSizeControl: true,
-  pageSizeLabel: 'Page Size:',
-  applyButtonText: 'Apply'
-};
-const WithoutPageSizeControl = exports.WithoutPageSizeControl = Template.bind({});
-WithoutPageSizeControl.args = _objectSpread(_objectSpread({}, Default.args), {}, {
-  showPageSizeControl: false
-});
-const CustomPageSizeLabel = exports.CustomPageSizeLabel = Template.bind({});
-CustomPageSizeLabel.args = _objectSpread(_objectSpread({}, Default.args), {}, {
-  pageSizeLabel: 'Items per page:',
-  applyButtonText: 'Set'
-});
-const CustomStyle = exports.CustomStyle = Template.bind({});
-CustomStyle.args = _objectSpread(_objectSpread({}, Default.args), {}, {
-  containerStyle: {
-    backgroundColor: '#f5f5f5',
-    padding: '20px',
-    borderRadius: '8px'
-  }
-});
-const SmallDataSet = exports.SmallDataSet = Template.bind({});
-SmallDataSet.args = _objectSpread(_objectSpread({}, Default.args), {}, {
-  totalCount: 20
-});
-
-// Example showing how the component handles a large dataset
-const LargeDataSet = exports.LargeDataSet = Template.bind({});
-LargeDataSet.args = _objectSpread(_objectSpread({}, Default.args), {}, {
-  totalCount: 1000
-});
-
-// Example with custom list style
-const CustomListStyle = exports.CustomListStyle = Template.bind({});
-CustomListStyle.args = _objectSpread(_objectSpread({}, Default.args), {}, {
-  listStyle: {
-    backgroundColor: '#e6f7ff',
-    borderRadius: '4px',
-    padding: '8px'
-  }
-});