@invoicebox/ui 0.1.0-alpha.326 → 0.1.0-alpha.327

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/dist/components/common/AdaptiveModalDrawer/index.d.ts +11 -0
  2. package/dist/components/common/AdaptiveModalDrawer/index.js +31 -0
  3. package/dist/components/common/AdaptiveModalDrawer/index.stories.d.ts +5 -0
  4. package/dist/components/common/AdaptiveModalDrawer/index.stories.js +44 -0
  5. package/dist/components/common/Modal/assets/CollapseIcon.d.ts +1 -0
  6. package/dist/components/common/Modal/assets/CollapseIcon.js +42 -0
  7. package/dist/components/common/Modal/assets/ExpandIcon.d.ts +1 -0
  8. package/dist/components/common/Modal/assets/ExpandIcon.js +42 -0
  9. package/dist/components/common/Modal/context.d.ts +9 -0
  10. package/dist/components/common/Modal/context.js +14 -0
  11. package/dist/components/common/Modal/index.d.ts +15 -0
  12. package/dist/components/common/Modal/index.js +165 -0
  13. package/dist/components/common/Modal/index.stories.d.ts +6 -0
  14. package/dist/components/common/Modal/index.stories.js +76 -0
  15. package/dist/components/common/Modal/palette.d.ts +9 -0
  16. package/dist/components/common/Modal/palette.js +23 -0
  17. package/dist/components/common/Modal/styles.d.ts +25 -0
  18. package/dist/components/common/Modal/styles.js +69 -0
  19. package/dist/components/common/WentWrongModal/assets/icons.d.ts +3 -0
  20. package/dist/components/common/WentWrongModal/assets/icons.js +84 -0
  21. package/dist/components/common/WentWrongModal/assets/racoonImage.d.ts +1 -0
  22. package/dist/components/common/WentWrongModal/assets/racoonImage.js +9 -0
  23. package/dist/components/common/WentWrongModal/index.d.ts +23 -0
  24. package/dist/components/common/WentWrongModal/index.js +193 -0
  25. package/dist/components/common/WentWrongModal/index.stories.d.ts +6 -0
  26. package/dist/components/common/WentWrongModal/index.stories.js +60 -0
  27. package/dist/components/common/WentWrongModal/index.test.d.ts +1 -0
  28. package/dist/components/common/WentWrongModal/index.test.js +209 -0
  29. package/dist/components/common/WentWrongModal/palette.d.ts +11 -0
  30. package/dist/components/common/WentWrongModal/palette.js +22 -0
  31. package/dist/components/common/WentWrongModal/styles.d.ts +24 -0
  32. package/dist/components/common/WentWrongModal/styles.js +88 -0
  33. package/dist/esm/components/common/AdaptiveModalDrawer/index.js +24 -0
  34. package/dist/esm/components/common/AdaptiveModalDrawer/index.stories.js +37 -0
  35. package/dist/esm/components/common/Modal/assets/CollapseIcon.js +35 -0
  36. package/dist/esm/components/common/Modal/assets/ExpandIcon.js +35 -0
  37. package/dist/esm/components/common/Modal/context.js +8 -0
  38. package/dist/esm/components/common/Modal/index.js +147 -0
  39. package/dist/esm/components/common/Modal/index.stories.js +69 -0
  40. package/dist/esm/components/common/Modal/palette.js +16 -0
  41. package/dist/esm/components/common/Modal/styles.js +61 -0
  42. package/dist/esm/components/common/WentWrongModal/assets/icons.js +77 -0
  43. package/dist/esm/components/common/WentWrongModal/assets/racoonImage.js +3 -0
  44. package/dist/esm/components/common/WentWrongModal/index.js +186 -0
  45. package/dist/esm/components/common/WentWrongModal/index.stories.js +53 -0
  46. package/dist/esm/components/common/WentWrongModal/index.test.js +208 -0
  47. package/dist/esm/components/common/WentWrongModal/palette.js +15 -0
  48. package/dist/esm/components/common/WentWrongModal/styles.js +81 -0
  49. package/dist/esm/index.js +3 -1
  50. package/dist/esm/palette/context.js +5 -1
  51. package/dist/esm/palette/provider.js +5 -1
  52. package/dist/index.d.ts +6 -0
  53. package/dist/index.js +39 -0
  54. package/dist/palette/context.d.ts +4 -0
  55. package/dist/palette/context.js +5 -1
  56. package/dist/palette/provider.js +5 -1
  57. package/dist/palette/usePalette.d.ts +2 -0
  58. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -3,6 +3,12 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
+ Object.defineProperty(exports, "AdaptiveModalDrawer", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _AdaptiveModalDrawer.AdaptiveModalDrawer;
10
+ }
11
+ });
6
12
  Object.defineProperty(exports, "AppCardLink", {
7
13
  enumerable: true,
8
14
  get: function get() {
@@ -165,6 +171,12 @@ Object.defineProperty(exports, "LENGTH_VAT_NUMBER", {
165
171
  return _vatNumberValidateHelpers.LENGTH_VAT_NUMBER;
166
172
  }
167
173
  });
174
+ Object.defineProperty(exports, "Modal", {
175
+ enumerable: true,
176
+ get: function get() {
177
+ return _Modal.Modal;
178
+ }
179
+ });
168
180
  Object.defineProperty(exports, "OrganizationAutocompleteItem", {
169
181
  enumerable: true,
170
182
  get: function get() {
@@ -291,12 +303,24 @@ Object.defineProperty(exports, "Validate", {
291
303
  return _validate.Validate;
292
304
  }
293
305
  });
306
+ Object.defineProperty(exports, "WENT_WRONG_MODAL_DEFAULT_CONTACTS", {
307
+ enumerable: true,
308
+ get: function get() {
309
+ return _WentWrongModal.WENT_WRONG_MODAL_DEFAULT_CONTACTS;
310
+ }
311
+ });
294
312
  Object.defineProperty(exports, "WarningIcon", {
295
313
  enumerable: true,
296
314
  get: function get() {
297
315
  return _WarningIcon.WarningIcon;
298
316
  }
299
317
  });
318
+ Object.defineProperty(exports, "WentWrongModal", {
319
+ enumerable: true,
320
+ get: function get() {
321
+ return _WentWrongModal.WentWrongModal;
322
+ }
323
+ });
300
324
  Object.defineProperty(exports, "booleanFromString", {
301
325
  enumerable: true,
302
326
  get: function get() {
@@ -381,6 +405,12 @@ Object.defineProperty(exports, "isDropdownPortalClick", {
381
405
  return _useOutsideClick.isDropdownPortalClick;
382
406
  }
383
407
  });
408
+ Object.defineProperty(exports, "modalExpansionFlexItem", {
409
+ enumerable: true,
410
+ get: function get() {
411
+ return _Modal.modalExpansionFlexItem;
412
+ }
413
+ });
384
414
  Object.defineProperty(exports, "phoneLogic", {
385
415
  enumerable: true,
386
416
  get: function get() {
@@ -429,6 +459,12 @@ Object.defineProperty(exports, "useModal", {
429
459
  return _useModal.useModal;
430
460
  }
431
461
  });
462
+ Object.defineProperty(exports, "useModalExpansion", {
463
+ enumerable: true,
464
+ get: function get() {
465
+ return _Modal.useModalExpansion;
466
+ }
467
+ });
432
468
  Object.defineProperty(exports, "useOutsideClick", {
433
469
  enumerable: true,
434
470
  get: function get() {
@@ -476,6 +512,9 @@ var _Toast = require("./components/common/Toast");
476
512
  var _AppCardLink = require("./components/common/AppCardLink");
477
513
  var _InvoiceboxLogo = require("./components/common/InvoiceboxLogo");
478
514
  var _QRCode = require("./components/common/QRCode");
515
+ var _Modal = require("./components/common/Modal");
516
+ var _AdaptiveModalDrawer = require("./components/common/AdaptiveModalDrawer");
517
+ var _WentWrongModal = require("./components/common/WentWrongModal");
479
518
  var _InputLabel = require("./components/form/InputLabel");
480
519
  var _PureInput = require("./components/form/PureInput");
481
520
  var _PositiveIntegerInput = require("./components/form/PositiveIntegerInput");
@@ -32,6 +32,8 @@ import { TDateTimeInputPalette } from '../components/form/DateTimeInput/palette'
32
32
  import { TDrawerHeaderPalette } from '../components/form/common/DrawerHeader/palette';
33
33
  import { TCheckboxPalette } from '../components/form/Checkbox/palette';
34
34
  import { TTooltipPalette } from '../components/common/Tooltip/palette';
35
+ import { TModalPalette } from '../components/common/Modal/palette';
36
+ import { TWentWrongModalPalette } from '../components/common/WentWrongModal/palette';
35
37
  type TContext = {
36
38
  skeleton: TSkeletonPalette;
37
39
  invoiceboxSpinner: TInvoiceboxSpinnerPalette;
@@ -66,6 +68,8 @@ type TContext = {
66
68
  drawerHeader: TDrawerHeaderPalette;
67
69
  checkbox: TCheckboxPalette;
68
70
  tooltip: TTooltipPalette;
71
+ modal: TModalPalette;
72
+ wentWrongModal: TWentWrongModalPalette;
69
73
  };
70
74
  export declare const PaletteContext: import("react").Context<TContext>;
71
75
  export {};
@@ -39,6 +39,8 @@ var _palette28 = require("../components/form/DateTimeInput/palette");
39
39
  var _palette29 = require("../components/form/common/DrawerHeader/palette");
40
40
  var _palette30 = require("../components/form/Checkbox/palette");
41
41
  var _palette31 = require("../components/common/Tooltip/palette");
42
+ var _palette32 = require("../components/common/Modal/palette");
43
+ var _palette33 = require("../components/common/WentWrongModal/palette");
42
44
  var PaletteContext = exports.PaletteContext = /*#__PURE__*/(0, _react.createContext)({
43
45
  skeleton: (0, _palette.generateSkeletonPalette)(_constants.defaultAbstractPalette),
44
46
  invoiceboxSpinner: (0, _palette2.generateInvoiceboxSpinnerPalette)(_constants.defaultAbstractPalette),
@@ -72,5 +74,7 @@ var PaletteContext = exports.PaletteContext = /*#__PURE__*/(0, _react.createCont
72
74
  dateTimeInput: (0, _palette28.generateDateTimeInputPalette)(_constants.defaultAbstractPalette),
73
75
  drawerHeader: (0, _palette29.generateDrawerHeaderPalette)(_constants.defaultAbstractPalette),
74
76
  checkbox: (0, _palette30.generateCheckboxPalette)(_constants.defaultAbstractPalette),
75
- tooltip: (0, _palette31.generateTooltipPalette)(_constants.defaultAbstractPalette)
77
+ tooltip: (0, _palette31.generateTooltipPalette)(_constants.defaultAbstractPalette),
78
+ modal: (0, _palette32.generateModalPalette)(_constants.defaultAbstractPalette),
79
+ wentWrongModal: (0, _palette33.generateWentWrongModalPalette)(_constants.defaultAbstractPalette)
76
80
  });
@@ -40,6 +40,8 @@ var _palette28 = require("../components/form/DateTimeInput/palette");
40
40
  var _palette29 = require("../components/form/common/DrawerHeader/palette");
41
41
  var _palette30 = require("../components/form/Checkbox/palette");
42
42
  var _palette31 = require("../components/common/Tooltip/palette");
43
+ var _palette32 = require("../components/common/Modal/palette");
44
+ var _palette33 = require("../components/common/WentWrongModal/palette");
43
45
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(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 (var _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); }
44
46
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
45
47
  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; }
@@ -91,7 +93,9 @@ var PaletteProvider = exports.PaletteProvider = function PaletteProvider(_ref) {
91
93
  dateTimeInput: (0, _palette28.generateDateTimeInputPalette)(mergedAbstractPalette),
92
94
  drawerHeader: (0, _palette29.generateDrawerHeaderPalette)(mergedAbstractPalette),
93
95
  checkbox: (0, _palette30.generateCheckboxPalette)(mergedAbstractPalette),
94
- tooltip: (0, _palette31.generateTooltipPalette)(mergedAbstractPalette)
96
+ tooltip: (0, _palette31.generateTooltipPalette)(mergedAbstractPalette),
97
+ modal: (0, _palette32.generateModalPalette)(mergedAbstractPalette),
98
+ wentWrongModal: (0, _palette33.generateWentWrongModalPalette)(mergedAbstractPalette)
95
99
  };
96
100
  }, [mergedSkeletonPalette, mergedAbstractPalette]);
97
101
  return /*#__PURE__*/_react["default"].createElement(_context.PaletteContext.Provider, {
@@ -32,4 +32,6 @@ export declare const usePalette: () => {
32
32
  drawerHeader: import("../components/form/common/DrawerHeader/palette").TDrawerHeaderPalette;
33
33
  checkbox: import("../components/form/Checkbox/palette").TCheckboxPalette;
34
34
  tooltip: import("../components/common/Tooltip/palette").TTooltipPalette;
35
+ modal: import("../components/common/Modal/palette").TModalPalette;
36
+ wentWrongModal: import("../components/common/WentWrongModal/palette").TWentWrongModalPalette;
35
37
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@invoicebox/ui",
3
- "version": "0.1.0-alpha.326",
3
+ "version": "0.1.0-alpha.327",
4
4
  "description": "Invoicebox UI",
5
5
  "license": "Apache License 2.0",
6
6
  "scripts": {