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

package/dist/components/ToDoList/ToDoList.stories.js

@@ -1,133 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ToDoListSkipped2 = exports.ToDoListRejected = exports.ToDoListMixedOverview = exports.ToDoListApproved = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ToDoList = _interopRequireDefault(require("./ToDoList"));
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-var _AuthContext = require("../../context/AuthContext");
-var _reactRouterDom = require("react-router-dom");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/ToDoList/ToDoList',
-  component: _ToDoList.default,
-  argTypes: {
-    title: {
-      type: 'string',
-      defaultValue: 'To do List'
-    },
-    subtitle: {
-      type: 'string',
-      defaultValue: '',
-      required: true
-    },
-    mandatoryTasks: {
-      type: 'array',
-      defaultValue: [{
-        title: ''
-      }, {
-        state: ''
-      }, {
-        link: ''
-      }, {
-        tooltip: ''
-      }]
-    },
-    optionalTasks: {
-      type: 'array',
-      defaultValue: [{
-        title: ''
-      }, {
-        state: ''
-      }, {
-        link: ''
-      }, {
-        tooltip: ''
-      }]
-    },
-    successText: {
-      type: 'string',
-      defaultValue: ''
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_ToDoList.default, args)))));
-const ToDoListMixedOverview = exports.ToDoListMixedOverview = Template.bind({});
-ToDoListMixedOverview.args = {
-  subtitle: 'subtitle',
-  mandatoryTasks: [{
-    title: 'Title of an Mandatory Task - In Progress',
-    state: 'in_progress',
-    link: 'www.madatorylink.com',
-    tooltip: 'a tooltip for Mandatory Task'
-  }, {
-    title: 'Title of an Mandatory Task - Rejected',
-    state: 'rejected',
-    link: 'www.madatorylink.com',
-    tooltip: 'a tooltip for Mandatory Task'
-  }, {
-    title: 'Title of an Mandatory Task - Approved',
-    state: 'approved',
-    link: 'www.madatorylink.com',
-    tooltip: 'a tooltip for Mandatory Task'
-  }, {
-    title: 'Title of an Mandatory Task - Skipped',
-    state: 'skipped',
-    link: 'www.madatorylink.com',
-    tooltip: 'a tooltip for Mandatory Task'
-  }, {
-    title: 'Title of an Mandatory Task - Reapply',
-    state: 'reapply',
-    link: 'www.madatorylink.com',
-    tooltip: 'a tooltip for Mandatory Task'
-  }, {
-    title: 'Title of an Mandatory Task - Not Available',
-    state: 'not_available',
-    link: 'www.madatorylink.com',
-    tooltip: 'a tooltip for Mandatory Task'
-  }],
-  optionalTasks: [{
-    title: 'Title of an Optional Task - Draft',
-    state: 'draft',
-    link: 'www.optionallink.com',
-    tooltip: 'a tooltip for Optional Task'
-  }]
-};
-const ToDoListApproved = exports.ToDoListApproved = Template.bind({});
-ToDoListApproved.args = {
-  subtitle: 'subtitle',
-  mandatoryTasks: [{
-    title: 'Title of an Mandatory Task - Approved',
-    state: 'approved',
-    link: 'www.madatorylink.com',
-    tooltip: 'a tooltip for Mandatory Task'
-  }]
-};
-const ToDoListRejected = exports.ToDoListRejected = Template.bind({});
-ToDoListRejected.args = {
-  subtitle: 'subtitle',
-  mandatoryTasks: [{
-    title: 'Title of an Mandatory Task - Rejected',
-    state: 'rejected',
-    link: 'www.madatorylink.com',
-    tooltip: 'a tooltip for Mandatory Task'
-  }]
-};
-const ToDoListSkipped2 = exports.ToDoListSkipped2 = Template.bind({});
-ToDoListSkipped2.args = {
-  subtitle: 'subtitle',
-  mandatoryTasks: [{
-    title: 'Title of an Mandatory Task - Skipped',
-    state: 'skipped',
-    link: 'www.madatorylink.com',
-    tooltip: 'a tooltip for Mandatory Task'
-  }, {
-    title: 'Title of an Mandatory Task - Skipped 2',
-    state: 'skipped',
-    link: 'www.madatorylink.com',
-    tooltip: 'a tooltip for Mandatory Task'
-  }]
-};

package/dist/components/ToDoList/ToDoListTask.stories.js

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ToDoListTaskReal = exports.ToDoListTaskOverview = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ToDoListTask = _interopRequireDefault(require("./ToDoListTask"));
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-var _reactRouterDom = require("react-router-dom");
-var _AuthContext = require("../../context/AuthContext");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/ToDoList/ToDoListTask',
-  component: _ToDoListTask.default,
-  argTypes: {
-    title: {
-      type: 'string',
-      defaultValue: '',
-      required: true
-    },
-    message: {
-      type: 'string',
-      defaultValue: '',
-      required: true
-    },
-    state: {
-      type: 'string',
-      defaultValue: '',
-      required: true
-    },
-    icon: {
-      type: 'string',
-      defaultValue: '',
-      required: true
-    },
-    link: {
-      type: 'any',
-      defaultValue: undefined
-    },
-    tooltip: {
-      type: 'string',
-      defaultValue: ''
-    },
-    notificationCount: {
-      type: 'string',
-      defaultValue: ''
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_ToDoListTask.default, args)))));
-const ToDoListTaskReal = exports.ToDoListTaskReal = Template.bind({});
-ToDoListTaskReal.args = {
-  title: 'Risk Questionaire',
-  message: 'You have read and understood the risks',
-  link: 'www.link.com',
-  state: 'approved',
-  tooltip: 'a tool tip for you',
-  notificationCount: '5'
-};
-const ToDoListTaskOverview = exports.ToDoListTaskOverview = Template.bind({});
-ToDoListTaskOverview.args = {
-  title: 'Task Title',
-  message: 'Task Message',
-  icon: 'Icon',
-  link: 'www.link.com',
-  tooltip: 'a tool-tip for you',
-  notificationCount: '5'
-};

package/dist/components/TransactionDetails/TransactionDetails.stories.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TransactionDetails4 = exports.TransactionDetails1 = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _TransactionDetails = require("./TransactionDetails");
-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/TransactionDetails',
-  component: _TransactionDetails.TransactionDetails,
-  argTypes: {
-    data: [{
-      label: {
-        type: 'string'
-      }
-    }, {
-      value: {
-        type: 'string',
-        required: true
-      }
-    }],
-    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(_TransactionDetails.TransactionDetails, args)));
-const TransactionDetails1 = exports.TransactionDetails1 = Template.bind({});
-TransactionDetails1.args = {
-  data: [{
-    label: 'This is a Label',
-    value: 'This is a value'
-  }]
-};
-const TransactionDetails4 = exports.TransactionDetails4 = Template.bind({});
-TransactionDetails4.args = {
-  data: [{
-    label: 'This is a Label',
-    value: 'This is a value'
-  }, {
-    label: 'This is a Label too',
-    value: 'This is a value too'
-  }, {
-    label: 'This is Label three',
-    value: 'This is value three'
-  }, {
-    label: 'This is Label four',
-    value: 'This is value four'
-  }]
-};
-
-//doublecheck:
-// state?

package/dist/components/TransactionDetails/TransactionDetailsTable.stories.js

@@ -1,305 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithoutBorders = exports.WithIcons = exports.WithCustomStyling = exports.WithContainerStyling = exports.SingleRow = exports.MultipleRows = exports.LongTextContent = exports.EmptyState = exports.CustomWidth = exports.ComplexExample = exports.Basic = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _TransactionDetailsTable = require("./TransactionDetailsTable");
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-var _InfoIcon = require("../InfoIcon/InfoIcon");
-var _Info = require("../icons/Info");
-var _colors = _interopRequireDefault(require("../../styles/colors"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/TransactionDetails/TransactionDetailsTable',
-  component: _TransactionDetailsTable.TransactionDetailsTable,
-  argTypes: {
-    data: {
-      control: 'object',
-      description: 'Array of objects with label, value, labelIcon, and valueIcon properties'
-    },
-    showBorders: {
-      control: 'boolean',
-      description: 'Show borders around the table and rows',
-      defaultValue: true
-    },
-    maxWidth: {
-      control: 'text',
-      description: 'Maximum width of the table container'
-    },
-    labelCellStyle: {
-      control: false,
-      description: 'Function that returns style object for label cells: (index, item) => style'
-    },
-    valueCellStyle: {
-      control: false,
-      description: 'Function that returns style object for value cells: (index, item) => style'
-    },
-    rowStyle: {
-      control: false,
-      description: 'Function that returns style object for rows: (index, item) => style'
-    },
-    containerStyle: {
-      control: 'object',
-      description: 'Style object for the table container'
-    },
-    className: {
-      control: 'text',
-      description: 'CSS class name for the table container'
-    },
-    labelCellClassName: {
-      control: false,
-      description: 'Function that returns className for label cells: (index, item) => className'
-    },
-    valueCellClassName: {
-      control: false,
-      description: 'Function that returns className for value cells: (index, item) => className'
-    },
-    rowClassName: {
-      control: false,
-      description: 'Function that returns className for rows: (index, item) => className'
-    }
-  },
-  decorators: [Story => /*#__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(Story, null)))]
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_TransactionDetailsTable.TransactionDetailsTable, args);
-
-// Basic example
-const Basic = exports.Basic = Template.bind({});
-Basic.args = {
-  data: [{
-    label: 'Transaction ID',
-    value: '0x1234...5678'
-  }, {
-    label: 'Amount',
-    value: '1,000.00 EUR'
-  }, {
-    label: 'Status',
-    value: 'Completed'
-  }]
-};
-
-// Multiple rows
-const MultipleRows = exports.MultipleRows = Template.bind({});
-MultipleRows.args = {
-  data: [{
-    label: 'Transaction ID',
-    value: '0x1234567890abcdef'
-  }, {
-    label: 'From Address',
-    value: '0xabcd...ef01'
-  }, {
-    label: 'To Address',
-    value: '0x2345...6789'
-  }, {
-    label: 'Amount',
-    value: '5,000.00 EUR'
-  }, {
-    label: 'Gas Fee',
-    value: '0.001 ETH'
-  }, {
-    label: 'Status',
-    value: 'Completed'
-  }, {
-    label: 'Date',
-    value: '2024-01-15 14:30:00'
-  }]
-};
-
-// With icons
-const WithIcons = exports.WithIcons = Template.bind({});
-WithIcons.args = {
-  data: [{
-    label: 'Transaction ID',
-    value: '0x1234...5678',
-    labelIcon: /*#__PURE__*/_react.default.createElement(_InfoIcon.InfoIcon, {
-      title: "This is the unique identifier for your transaction",
-      position: "right"
-    })
-  }, {
-    label: 'Amount',
-    value: '1,000.00 EUR',
-    valueIcon: /*#__PURE__*/_react.default.createElement(_Info.Info, {
-      style: {
-        marginRight: '8px',
-        display: 'inline-block'
-      }
-    })
-  }, {
-    label: 'Status',
-    value: 'Completed'
-  }]
-};
-
-// Without borders
-const WithoutBorders = exports.WithoutBorders = Template.bind({});
-WithoutBorders.args = {
-  data: [{
-    label: 'Transaction ID',
-    value: '0x1234...5678'
-  }, {
-    label: 'Amount',
-    value: '1,000.00 EUR'
-  }, {
-    label: 'Status',
-    value: 'Completed'
-  }],
-  showBorders: false
-};
-
-// Custom width
-const CustomWidth = exports.CustomWidth = Template.bind({});
-CustomWidth.args = {
-  data: [{
-    label: 'Transaction ID',
-    value: '0x1234...5678'
-  }, {
-    label: 'Amount',
-    value: '1,000.00 EUR'
-  }, {
-    label: 'Status',
-    value: 'Completed'
-  }],
-  maxWidth: '800px'
-};
-
-// With custom styling
-const WithCustomStyling = exports.WithCustomStyling = Template.bind({});
-WithCustomStyling.args = {
-  data: [{
-    label: 'Transaction ID',
-    value: '0x1234...5678'
-  }, {
-    label: 'Amount',
-    value: '1,000.00 EUR'
-  }, {
-    label: 'Status',
-    value: 'Completed'
-  }, {
-    label: 'Priority',
-    value: 'High'
-  }],
-  rowStyle: (index, item) => {
-    if (item.value === 'Completed') {
-      return {
-        backgroundColor: _colors.default.veryLightGreen
-      };
-    }
-    if (item.value === 'High') {
-      return {
-        backgroundColor: _colors.default.lightPeach
-      };
-    }
-    return {};
-  },
-  valueCellStyle: (index, item) => {
-    if (item.value === 'Completed') {
-      return {
-        color: _colors.default.freshGreen,
-        fontWeight: 'bold'
-      };
-    }
-    return {};
-  }
-};
-
-// Long text content
-const LongTextContent = exports.LongTextContent = Template.bind({});
-LongTextContent.args = {
-  data: [{
-    label: 'Transaction Hash',
-    value: '0x1234567890abcdef1234567890abcdef1234567890abcdef1234567890abcdef'
-  }, {
-    label: 'Description',
-    value: 'This is a very long description that should wrap properly within the table cell and demonstrate how the component handles word wrapping and text overflow scenarios.'
-  }, {
-    label: 'Short Label',
-    value: 'Short value'
-  }]
-};
-
-// Empty state (edge case)
-const EmptyState = exports.EmptyState = Template.bind({});
-EmptyState.args = {
-  data: []
-};
-
-// Single row
-const SingleRow = exports.SingleRow = Template.bind({});
-SingleRow.args = {
-  data: [{
-    label: 'Total Amount',
-    value: '10,000.00 EUR'
-  }]
-};
-
-// With container styling
-const WithContainerStyling = exports.WithContainerStyling = Template.bind({});
-WithContainerStyling.args = {
-  data: [{
-    label: 'Transaction ID',
-    value: '0x1234...5678'
-  }, {
-    label: 'Amount',
-    value: '1,000.00 EUR'
-  }, {
-    label: 'Status',
-    value: 'Completed'
-  }],
-  containerStyle: {
-    borderRadius: '8px',
-    padding: '20px',
-    backgroundColor: _colors.default.grey3
-  }
-};
-
-// Complex example with all features
-const ComplexExample = exports.ComplexExample = Template.bind({});
-ComplexExample.args = {
-  data: [{
-    label: 'Transaction ID',
-    value: '0x1234...5678',
-    labelIcon: /*#__PURE__*/_react.default.createElement(_InfoIcon.InfoIcon, {
-      title: "Unique transaction identifier",
-      position: "right",
-      noMarginLeft: true
-    })
-  }, {
-    label: 'Amount',
-    value: '5,000.00 EUR',
-    valueIcon: /*#__PURE__*/_react.default.createElement(_Info.Info, {
-      style: {
-        marginRight: '8px',
-        display: 'inline-block'
-      }
-    })
-  }, {
-    label: 'Status',
-    value: 'Pending'
-  }, {
-    label: 'Gas Fee',
-    value: '0.002 ETH'
-  }, {
-    label: 'Network',
-    value: 'Ethereum Mainnet'
-  }],
-  maxWidth: '700px',
-  rowStyle: (index, item) => {
-    if (item.value === 'Pending') {
-      return {
-        backgroundColor: _colors.default.yellowLight
-      };
-    }
-    return {};
-  },
-  valueCellStyle: (index, item) => {
-    if (item.value === 'Pending') {
-      return {
-        color: _colors.default.warningOrange
-      };
-    }
-    return {};
-  }
-};

package/dist/components/TransactionInfo/TransactionInfo.stories.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TransactionInfoExample = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _TransactionInfo = require("./TransactionInfo");
-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/TransactionInfo',
-  component: _TransactionInfo.TransactionInfo,
-  argTypes: {
-    value1: {
-      type: 'string',
-      defaultValue: ''
-    },
-    unit1: {
-      type: 'string',
-      defaultValue: ''
-    },
-    name1: {
-      type: 'string',
-      defaultValue: ''
-    },
-    owner1: {
-      type: 'string',
-      defaultValue: ''
-    },
-    value2: {
-      type: 'string',
-      defaultValue: ''
-    },
-    unit2: {
-      type: 'string',
-      defaultValue: ''
-    },
-    name2: {
-      type: 'string',
-      defaultValue: ''
-    },
-    owner2: {
-      type: 'string',
-      defaultValue: ''
-    }
-  }
-};
-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(_TransactionInfo.TransactionInfo, args)));
-const TransactionInfoExample = exports.TransactionInfoExample = Template.bind({});
-TransactionInfoExample.args = {
-  value1: 'value 1',
-  unit1: 'unit 1',
-  name1: 'name 1',
-  owner1: 'owner 1',
-  value2: 'value 2',
-  unit2: 'unit 2',
-  name2: 'name 2',
-  owner2: 'owner 2'
-};