fuse-importer 0.17.0 → 0.22.0

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 (97) hide show
  1. package/lib/esm/Importer/Footer.js +2 -2
  2. package/lib/esm/Importer/ImporterContextProvider.d.ts +35 -5
  3. package/lib/esm/Importer/ImporterContextProvider.js +43 -24
  4. package/lib/esm/Importer/ImporterFonts.js +1 -1
  5. package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/index.js +1 -1
  6. package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/tableColumns.js +3 -3
  7. package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcherContext.js +1 -1
  8. package/lib/esm/Importer/Matcher/EnumFieldsMatchers/index.js +3 -3
  9. package/lib/esm/Importer/Matcher/HeaderMatcher/index.js +2 -2
  10. package/lib/esm/Importer/Matcher/HeaderMatcher/tableColumns.js +3 -3
  11. package/lib/esm/Importer/Matcher/common/icons/index.js +2 -2
  12. package/lib/esm/Importer/Matcher/common/index.js +4 -4
  13. package/lib/esm/Importer/Matcher/index.js +6 -5
  14. package/lib/esm/Importer/PreviewModeBanner.d.ts +2 -0
  15. package/lib/esm/Importer/PreviewModeBanner.js +20 -0
  16. package/lib/esm/Importer/Review/AppResponseModal.js +1 -1
  17. package/lib/esm/Importer/Review/index.js +18 -22
  18. package/lib/esm/Importer/SpreadsheetReviewContextProvider.js +2 -2
  19. package/lib/esm/Importer/Stepper.js +24 -17
  20. package/lib/esm/Importer/TrialModeBanner.js +3 -3
  21. package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterDropzone.js +7 -4
  22. package/lib/esm/Importer/Uploader/DragAndDropImporter/backgrounds.js +2 -2
  23. package/lib/esm/Importer/Uploader/DragAndDropImporter/index.js +9 -9
  24. package/lib/esm/Importer/Uploader/HeadersPreview.js +21 -19
  25. package/lib/esm/Importer/Uploader/UploaderContextProvider.js +1 -1
  26. package/lib/esm/Importer/Uploader/index.js +2 -2
  27. package/lib/esm/Importer/common/AppLoading.js +1 -1
  28. package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider.js +8 -6
  29. package/lib/esm/Importer/common/Spreadsheet/SpreadsheetRowNumbers.js +2 -2
  30. package/lib/esm/Importer/common/Spreadsheet/common/FieldHeader.d.ts +7 -0
  31. package/lib/esm/Importer/common/Spreadsheet/common/FieldHeader.js +31 -0
  32. package/lib/esm/Importer/common/Spreadsheet/common/fields/SpeadsheetAutocomplete.d.ts +11 -6
  33. package/lib/esm/Importer/common/Spreadsheet/common/fields/SpeadsheetAutocomplete.js +7 -8
  34. package/lib/esm/Importer/common/Spreadsheet/common/fields/SpreadsheetInput.d.ts +4 -4
  35. package/lib/esm/Importer/common/Spreadsheet/common/fields/SpreadsheetInput.js +5 -6
  36. package/lib/esm/Importer/common/Spreadsheet/common/fields/index.d.ts +6 -5
  37. package/lib/esm/Importer/common/Spreadsheet/common/fields/index.js +15 -7
  38. package/lib/esm/Importer/common/Spreadsheet/common/index.d.ts +3 -0
  39. package/lib/esm/Importer/common/Spreadsheet/common/index.js +53 -9
  40. package/lib/esm/Importer/common/Spreadsheet/index.js +32 -61
  41. package/lib/esm/Importer/common/Spreadsheet/inputs/Boolean.d.ts +3 -0
  42. package/lib/esm/Importer/common/Spreadsheet/inputs/Boolean.js +18 -0
  43. package/lib/esm/Importer/common/Spreadsheet/inputs/EmailInput.d.ts +3 -0
  44. package/lib/esm/Importer/common/Spreadsheet/inputs/EmailInput.js +14 -0
  45. package/lib/esm/Importer/common/Spreadsheet/inputs/EnumInput.d.ts +6 -0
  46. package/lib/esm/Importer/common/Spreadsheet/inputs/EnumInput.js +30 -0
  47. package/lib/esm/Importer/common/Spreadsheet/inputs/FloatInput.d.ts +3 -0
  48. package/lib/esm/Importer/common/Spreadsheet/inputs/FloatInput.js +16 -0
  49. package/lib/esm/Importer/common/Spreadsheet/inputs/IntegerInput.d.ts +3 -0
  50. package/lib/esm/Importer/common/Spreadsheet/inputs/IntegerInput.js +16 -0
  51. package/lib/esm/Importer/common/Spreadsheet/inputs/StringInput.d.ts +3 -0
  52. package/lib/esm/Importer/common/Spreadsheet/inputs/StringInput.js +14 -0
  53. package/lib/esm/Importer/common/Spreadsheet/inputs/index.d.ts +13 -0
  54. package/lib/esm/Importer/common/Spreadsheet/inputs/index.js +20 -0
  55. package/lib/esm/Importer/common/icons/index.js +3 -3
  56. package/lib/esm/Importer/common/index.d.ts +2 -2
  57. package/lib/esm/Importer/common/index.js +2 -2
  58. package/lib/esm/Importer/index.d.ts +4 -2
  59. package/lib/esm/Importer/index.js +10 -10
  60. package/lib/esm/Importer/theme.d.ts +225 -0
  61. package/lib/esm/Importer/theme.js +18 -0
  62. package/lib/esm/common/Modal.js +1 -1
  63. package/lib/esm/common/Spinner.js +1 -1
  64. package/lib/esm/common/Table/Pagination/icons.js +5 -5
  65. package/lib/esm/common/Table/Pagination/index.js +2 -2
  66. package/lib/esm/common/Table/TableDataProvider.js +1 -1
  67. package/lib/esm/common/Table/TableView/TableHeaders.js +2 -2
  68. package/lib/esm/common/Table/TableView/TableRow.js +3 -3
  69. package/lib/esm/common/Table/TableView/index.js +5 -5
  70. package/lib/esm/common/Table/icons.js +2 -2
  71. package/lib/esm/common/Table/index.js +2 -2
  72. package/lib/esm/common/Toast.js +4 -3
  73. package/lib/esm/common/TooltipProvider.js +1 -1
  74. package/lib/esm/common/buttons.d.ts +15 -5
  75. package/lib/esm/common/buttons.js +13 -11
  76. package/lib/esm/common/icons/index.js +11 -11
  77. package/lib/esm/common/index.js +2 -2
  78. package/lib/esm/common/inputs/Autocomplete.d.ts +2 -2
  79. package/lib/esm/common/inputs/Autocomplete.js +4 -4
  80. package/lib/esm/common/inputs/SelectMenu.js +1 -1
  81. package/lib/esm/common/inputs/TextInput.js +13 -6
  82. package/lib/esm/common/logo.js +1 -1
  83. package/lib/esm/index.d.ts +2 -1
  84. package/lib/esm/index.js +1 -0
  85. package/lib/esm/styled/theme/dimensionsCss.js +1 -1
  86. package/lib/esm/styled/theme/fontCss.d.ts +0 -1
  87. package/lib/esm/styled/theme/fontCss.js +10 -11
  88. package/lib/esm/styled/theme/index.d.ts +0 -2
  89. package/lib/esm/styled/themeType.d.ts +1 -1
  90. package/lib/esm/styled/utils.d.ts +3 -0
  91. package/lib/esm/styled/utils.js +4 -3
  92. package/lib/esm/types.d.ts +8 -2
  93. package/lib/esm/types.js +4 -1
  94. package/lib/main.js +1 -1
  95. package/package.json +2 -1
  96. package/lib/esm/Importer/useCustomImporter.d.ts +0 -4
  97. package/lib/esm/Importer/useCustomImporter.js +0 -80
package/lib/esm/common/icons/index.js CHANGED
@@ -11,17 +11,17 @@ var __assign = (this && this.__assign) || function () {
11
11
  };
12
12
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
13
  import { useTheme } from "styled-components";
14
- export var closeIcon = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M6 6.00003L18.7742 18.7742", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M6 18.7742L18.7742 6.00001", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0));
15
- export var closeIconCondensed = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M6 6.00003L18.7742 18.7742", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M6 18.7742L18.7742 6.00001", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0));
16
- export var checkIcon = (_jsx("svg", __assign({ width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M1.37805 5.80142L3.94469 8.28708L10.6827 1.52003", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
17
- export var greenCheckIcon = (_jsx("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22ZM8.70711 10.2426C8.31658 9.85208 7.68342 9.85208 7.29289 10.2426C6.90237 10.6331 6.90237 11.2663 7.29289 11.6568L9.41421 13.7781L10.1213 14.4852L10.8284 13.7781L15.0711 9.53549C15.4616 9.14497 15.4616 8.5118 15.0711 8.12128C14.6805 7.73076 14.0474 7.73076 13.6569 8.12128L10.1213 11.6568L8.70711 10.2426Z", fill: "#00D085" }, void 0) }), void 0));
18
- export var redXIcon = (_jsxs("svg", __assign({ width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("circle", { cx: "9.49967", cy: "8.99992", r: "7.79167", stroke: "currentColor", strokeWidth: "1.5" }, void 0), _jsx("path", { d: "M7.375 6.875L11.625 11.125", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M7.375 11.125L11.625 6.875", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0));
19
- export var defaultCheckIcon = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("circle", { cx: "12", cy: "12", r: "11", stroke: "currentColor", strokeWidth: "2" }, void 0), _jsx("path", { d: "M9 11.9497L11.1213 14.071L15.364 9.82839", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }, void 0)] }), void 0));
20
- export var whiteCheckIcon = (_jsx("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22ZM8.70711 10.2426C8.31658 9.85208 7.68342 9.85208 7.29289 10.2426C6.90237 10.6331 6.90237 11.2663 7.29289 11.6568L9.41421 13.7781L10.1213 14.4852L10.8284 13.7781L15.0711 9.53549C15.4616 9.14497 15.4616 8.5118 15.0711 8.12128C14.6805 7.73076 14.0474 7.73076 13.6569 8.12128L10.1213 11.6568L8.70711 10.2426Z", fill: "#0EBEBE" }, void 0) }), void 0));
21
- export var chevronLeftIcon = (_jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "8", height: "14", viewBox: "0 0 8 14", fill: "none" }, { children: _jsx("path", { d: "M6.22266 1.75L1.00028 6.97238L6.22266 12.1948", stroke: "#000000", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
14
+ export var closeIcon = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M6 6.00003L18.7742 18.7742", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M6 18.7742L18.7742 6.00001", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })));
15
+ export var closeIconCondensed = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M6 6.00003L18.7742 18.7742", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M6 18.7742L18.7742 6.00001", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })));
16
+ export var checkIcon = (_jsx("svg", __assign({ width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M1.37805 5.80142L3.94469 8.28708L10.6827 1.52003", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
17
+ export var greenCheckIcon = (_jsx("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22ZM8.70711 10.2426C8.31658 9.85208 7.68342 9.85208 7.29289 10.2426C6.90237 10.6331 6.90237 11.2663 7.29289 11.6568L9.41421 13.7781L10.1213 14.4852L10.8284 13.7781L15.0711 9.53549C15.4616 9.14497 15.4616 8.5118 15.0711 8.12128C14.6805 7.73076 14.0474 7.73076 13.6569 8.12128L10.1213 11.6568L8.70711 10.2426Z", fill: "#00D085" }) })));
18
+ export var redXIcon = (_jsxs("svg", __assign({ width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("circle", { cx: "9.49967", cy: "8.99992", r: "7.79167", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M7.375 6.875L11.625 11.125", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M7.375 11.125L11.625 6.875", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })));
19
+ export var defaultCheckIcon = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("circle", { cx: "12", cy: "12", r: "11", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "M9 11.9497L11.1213 14.071L15.364 9.82839", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] })));
20
+ export var whiteCheckIcon = (_jsx("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22ZM8.70711 10.2426C8.31658 9.85208 7.68342 9.85208 7.29289 10.2426C6.90237 10.6331 6.90237 11.2663 7.29289 11.6568L9.41421 13.7781L10.1213 14.4852L10.8284 13.7781L15.0711 9.53549C15.4616 9.14497 15.4616 8.5118 15.0711 8.12128C14.6805 7.73076 14.0474 7.73076 13.6569 8.12128L10.1213 11.6568L8.70711 10.2426Z", fill: "#0EBEBE" }) })));
21
+ export var chevronLeftIcon = (_jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "8", height: "14", viewBox: "0 0 8 14", fill: "none" }, { children: _jsx("path", { d: "M6.22266 1.75L1.00028 6.97238L6.22266 12.1948", stroke: "#000000", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
22
22
  export var ChevronRightIcon = function () {
23
23
  var theme = useTheme();
24
- return (_jsx("svg", __assign({ width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M1 1L7.96317 7.96317L1 14.9263", stroke: theme.colors.black || "#3333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
24
+ return (_jsx("svg", __assign({ width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M1 1L7.96317 7.96317L1 14.9263", stroke: theme.colors.black || "#3333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
25
25
  };
26
- export var weatherStarsIcon = (_jsxs("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M13.0159 4.5609C13.1442 4.0594 13.8565 4.0594 13.9847 4.5609L14.3163 5.85753C14.8596 7.98189 16.5184 9.64072 18.6428 10.184L19.9394 10.5155C20.4409 10.6438 20.4409 11.3561 19.9394 11.4844L18.6428 11.816C16.5184 12.3592 14.8596 14.018 14.3163 16.1424L13.9847 17.439C13.8565 17.9405 13.1442 17.9405 13.0159 17.439L12.6843 16.1424C12.1411 14.018 10.4823 12.3592 8.3579 11.816L7.06127 11.4844C6.55977 11.3561 6.55977 10.6438 7.06127 10.5155L8.3579 10.184C10.4823 9.64072 12.1411 7.98189 12.6843 5.85754L13.0159 4.5609Z", stroke: "white", strokeWidth: "2" }, void 0), _jsx("path", { d: "M3.5 1.83337V5.16671", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M5.16634 3.5H1.83301", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M4.33301 16.8334V20.1667", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M6.00033 18.5H2.66699", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0));
27
- export var chevronDownIcon = (_jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M18.9258 10L11.9626 16.9632L4.99944 10", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
26
+ export var weatherStarsIcon = (_jsxs("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M13.0159 4.5609C13.1442 4.0594 13.8565 4.0594 13.9847 4.5609L14.3163 5.85753C14.8596 7.98189 16.5184 9.64072 18.6428 10.184L19.9394 10.5155C20.4409 10.6438 20.4409 11.3561 19.9394 11.4844L18.6428 11.816C16.5184 12.3592 14.8596 14.018 14.3163 16.1424L13.9847 17.439C13.8565 17.9405 13.1442 17.9405 13.0159 17.439L12.6843 16.1424C12.1411 14.018 10.4823 12.3592 8.3579 11.816L7.06127 11.4844C6.55977 11.3561 6.55977 10.6438 7.06127 10.5155L8.3579 10.184C10.4823 9.64072 12.1411 7.98189 12.6843 5.85754L13.0159 4.5609Z", stroke: "white", strokeWidth: "2" }), _jsx("path", { d: "M3.5 1.83337V5.16671", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M5.16634 3.5H1.83301", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M4.33301 16.8334V20.1667", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M6.00033 18.5H2.66699", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })));
27
+ export var chevronDownIcon = (_jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M18.9258 10L11.9626 16.9632L4.99944 10", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
package/lib/esm/common/index.js CHANGED
@@ -18,7 +18,7 @@ import styled, { css } from "styled-components";
18
18
  import { Div, themeProps } from "../styled/utils";
19
19
  import { colors } from "../styled/theme/colorPalette";
20
20
  export var fuseImporterId = "fuse-importer-root";
21
- export var MenuItem = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-radius: 8px;\n padding: 12px 16px;\n display: flex;\n align-items: center;\n background: ", ";\n color: ", ";\n ", "\n ", ";\n ", "\n :hover {\n background: ", ";\n cursor: pointer;\n }\n"], ["\n border-radius: 8px;\n padding: 12px 16px;\n display: flex;\n align-items: center;\n background: ", ";\n color: ", ";\n ", "\n ", ";\n ", "\n :hover {\n background: ", ";\n cursor: pointer;\n }\n"])), function (props) { return props.theme.colors.white; }, function (props) { return props.theme.colors.text; }, function (props) { return props.theme.css.body1; }, function (p) { return p.theme.css.selectNone; }, function (p) {
21
+ export var MenuItem = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-radius: 8px;\n padding: 12px 16px;\n display: flex;\n align-items: center;\n background: ", ";\n color: ", ";\n ", "\n ", ";\n ", "\n :hover {\n background: ", ";\n cursor: pointer;\n }\n"], ["\n border-radius: 8px;\n padding: 12px 16px;\n display: flex;\n align-items: center;\n background: ", ";\n color: ", ";\n ", "\n ", ";\n ", "\n :hover {\n background: ", ";\n cursor: pointer;\n }\n"])), function (props) { return props.theme.colors.white; }, function (props) { return props.color || props.theme.colors.text; }, function (props) { return props.theme.css.body1; }, function (p) { return p.theme.css.selectNone; }, function (p) {
22
22
  return p.isSelected && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), function (p) { return p.theme.colors.blue500; });
23
23
  }, function (props) { return props.theme.colors.blue100; });
24
24
  export var FormInputLabel = styled(Div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n color: ", ";\n ", "\n"], ["\n ", ";\n color: ", ";\n ", "\n"])), function (props) { return props.theme.css.body4; }, function (props) { return props.theme.colors.text; }, function (props) {
@@ -26,7 +26,7 @@ export var FormInputLabel = styled(Div)(templateObject_4 || (templateObject_4 =
26
26
  });
27
27
  export var InfoDivider = function (_a) {
28
28
  var msg = _a.msg;
29
- return (_jsxs(Div, __assign({ dflex: true, alignCenter: true, mt: 7, mb: 7 }, { children: [_jsx(Div, { w100: true, h: 1, bg: colors.gray300 }, void 0), _jsx(Div, __assign({ w100: true, textAlignCenter: true, c: colors.gray700, body1: true, centered: true, p: 20 }, { children: msg }), void 0), _jsx(Div, { w100: true, h: 1, bg: colors.gray300 }, void 0)] }), void 0));
29
+ return (_jsxs(Div, __assign({ dflex: true, alignCenter: true, mt: 7, mb: 7 }, { children: [_jsx(Div, { w100: true, h: 1, bg: colors.gray300 }), _jsx(Div, __assign({ w100: true, textAlignCenter: true, c: colors.gray700, body1: true, centered: true, p: 20 }, { children: msg })), _jsx(Div, { w100: true, h: 1, bg: colors.gray300 })] })));
30
30
  };
31
31
  export var Avatar = styled.img(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", ";\n border-radius: 100%;\n height: 36px;\n width: 36px;\n"], ["\n ", ";\n border-radius: 100%;\n height: 36px;\n width: 36px;\n"])), themeProps);
32
32
  export var Divider = styled(Div)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n width: 100%;\n height: 1px;\n background: ", ";\n"], ["\n width: 100%;\n height: 1px;\n background: ", ";\n"])), colors.black);
package/lib/esm/common/inputs/Autocomplete.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  import { Placement } from "@popperjs/core";
3
3
  import { DivCSSProps } from "../../styled/utils";
4
- declare type Option = {
4
+ export declare type Option = {
5
5
  label: any;
6
6
  value: any;
7
7
  };
8
- declare type Props = {
8
+ export declare type Props = {
9
9
  label?: any;
10
10
  placeholder?: string;
11
11
  value?: any;
package/lib/esm/common/inputs/Autocomplete.js CHANGED
@@ -79,15 +79,15 @@ var Autocomplete = function (_a) {
79
79
  evt.preventDefault();
80
80
  evt.stopPropagation();
81
81
  onChange(undefined);
82
- } }, { children: clearIcon }), void 0)) : (_jsx(Div, __assign({ centered: true, dim: 24 }, { children: icon || chevronDownIcon }), void 0));
82
+ } }, { children: clearIcon }))) : (_jsx(Div, __assign({ centered: true, dim: 24 }, { children: icon || chevronDownIcon })));
83
83
  return (_jsxs(Div, __assign({ w100: true }, props, { children: [_jsx(ClickableArea, __assign({ isInputDisabled: isInputDisabled, onClick: function () { return setIsMenuOpen(true); } }, { children: _jsx(TextInput, { onBlur: function () {
84
84
  if (filteredOptions.length === 0) {
85
85
  setText(selectedLabel);
86
86
  setIsMenuOpen(false);
87
87
  }
88
- }, label: label, isDisabled: isInputDisabled, placeholder: placeholder, value: text, onChange: function (v) { return setText(v); }, icon: inputIconUI }, void 0) }), void 0), filteredOptions.length > 0 && (_jsx(SelectMenu, __assign({ placement: placement, isOpen: isMenuOpen, onClose: function () { return setIsMenuOpen(false); } }, { children: filteredOptions.map(function (o, index) { return (_jsx(Div, { children: _jsx(MenuItem, __assign({ isSelected: value === o.value, onClick: function () { return onSelect(o.value); } }, { children: o.label }), void 0) }, index)); }) }), void 0))] }), void 0));
88
+ }, label: label, isDisabled: isInputDisabled, placeholder: placeholder, value: text, onChange: function (v) { return setText(v); }, icon: inputIconUI }) })), filteredOptions.length > 0 && (_jsx(SelectMenu, __assign({ placement: placement, isOpen: isMenuOpen, onClose: function () { return setIsMenuOpen(false); } }, { children: filteredOptions.map(function (o, index) { return (_jsx(Div, { children: _jsx(MenuItem, __assign({ isSelected: value === o.value, onClick: function () { return onSelect(o.value); } }, { children: o.label })) }, index)); }) })))] })));
89
89
  };
90
- var chevronDownIcon = (_jsx("svg", __assign({ width: "16", height: "9", viewBox: "0 0 16 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M14.9263 1L7.9631 7.96317L0.999928 1", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
91
- var clearIcon = (_jsxs("svg", __assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M4 4L12.5161 12.5161", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M4 12.5161L12.5161 3.99998", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0));
90
+ var chevronDownIcon = (_jsx("svg", __assign({ width: "16", height: "9", viewBox: "0 0 16 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M14.9263 1L7.9631 7.96317L0.999928 1", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
91
+ var clearIcon = (_jsxs("svg", __assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M4 4L12.5161 12.5161", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M4 12.5161L12.5161 3.99998", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })));
92
92
  export { Autocomplete };
93
93
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
package/lib/esm/common/inputs/SelectMenu.js CHANGED
@@ -54,6 +54,6 @@ export var SelectMenu = function (_a) {
54
54
  if (update)
55
55
  update();
56
56
  }, [isOpen]);
57
- return (_jsx(_Fragment, { children: isOpen && (_jsxs(Div, __assign({ ref: setReferenceElement, pRelative: true }, props, { children: [_jsx(SelectMenuBackdrop, { onClick: onClose }, void 0), _jsx(SelectMenuDiv, __assign({ ref: setPopperElement, style: styles.popper }, attributes.popper, { children: _jsx(SelectMenuScrollArea, { children: children }, void 0) }), void 0)] }), void 0)) }, void 0));
57
+ return (_jsx(_Fragment, { children: isOpen && (_jsxs(Div, __assign({ ref: setReferenceElement, pRelative: true }, props, { children: [_jsx(SelectMenuBackdrop, { onClick: onClose }), _jsx(SelectMenuDiv, __assign({ ref: setPopperElement, style: styles.popper }, attributes.popper, { children: _jsx(SelectMenuScrollArea, { children: children }) }))] }))) }));
58
58
  };
59
59
  var templateObject_1, templateObject_2, templateObject_3;
package/lib/esm/common/inputs/TextInput.js CHANGED
@@ -42,13 +42,20 @@ var TextInput = function (_a) {
42
42
  var res = usePasswordVisibleIcon(type);
43
43
  var passwordVisibleIcon = res.passwordVisibleIcon, isPasswordVisible = res.isPasswordVisible;
44
44
  var _icon = passwordVisibleIcon || icon;
45
- return (_jsxs(Div, __assign({ w100: true }, props, { children: [label && (_jsx(FormInputLabel, __assign({ isDisabled: isDisabled, mb: 8 }, { children: label }), void 0)), _jsxs(Div, __assign({ pRelative: true }, { children: [_jsx(HTMLInput, __assign({}, { placeholder: placeholder, isDisabled: isDisabled, onFocus: onFocus, hasError: hasError, autoFocus: autoFocus }, { type: isPasswordVisible ? "text" : type, value: _value || "", onChange: function (_a) {
45
+ return (_jsxs(Div, __assign({ w100: true }, props, { children: [label && (_jsx(FormInputLabel, __assign({ isDisabled: isDisabled, mb: 8 }, { children: label }))), _jsxs(Div, __assign({ pRelative: true }, { children: [_jsx(HTMLInput, __assign({}, {
46
+ placeholder: placeholder,
47
+ isDisabled: isDisabled,
48
+ onFocus: onFocus,
49
+ hasError: hasError,
50
+ autoFocus: autoFocus,
51
+ disabled: isDisabled,
52
+ }, { type: isPasswordVisible ? "text" : type, value: _value || "", onChange: function (_a) {
46
53
  var value = _a.target.value;
47
54
  return set_Value(value);
48
55
  }, onBlur: function () {
49
56
  if (onBlur)
50
57
  onBlur(_value);
51
- } }), void 0), _jsx(TextInputIcon, __assign({ centered: true }, { children: hasError ? errorIcon : _icon }), void 0)] }), void 0)] }), void 0));
58
+ } })), _jsx(TextInputIcon, __assign({ centered: true }, { children: hasError ? errorIcon : _icon }))] }))] })));
52
59
  };
53
60
  var PIcon = styled(Div)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (props) {
54
61
  var c = props.theme.css;
@@ -58,11 +65,11 @@ var usePasswordVisibleIcon = function (type) {
58
65
  var _a = useState(false), isPasswordVisible = _a[0], setIsPasswordVisible = _a[1];
59
66
  if (type !== "password")
60
67
  return { passwordVisibleIcon: null, isPasswordVisible: null };
61
- var passwordVisibleIcon = isPasswordVisible ? (_jsx(PIcon, __assign({ title: "Hide", mt: -2, onClick: function () { return setIsPasswordVisible(false); } }, { children: hideIcon }), void 0)) : (_jsx(PIcon, __assign({ title: "Show", onClick: function () { return setIsPasswordVisible(true); } }, { children: viewIcon }), void 0));
68
+ var passwordVisibleIcon = isPasswordVisible ? (_jsx(PIcon, __assign({ title: "Hide", mt: -2, onClick: function () { return setIsPasswordVisible(false); } }, { children: hideIcon }))) : (_jsx(PIcon, __assign({ title: "Show", onClick: function () { return setIsPasswordVisible(true); } }, { children: viewIcon })));
62
69
  return { isPasswordVisible: isPasswordVisible, passwordVisibleIcon: passwordVisibleIcon };
63
70
  };
64
- var errorIcon = (_jsx("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22ZM11 5C11.5523 5 12 5.44772 12 6V11C12 11.5523 11.5523 12 11 12C10.4477 12 10 11.5523 10 11V6C10 5.44772 10.4477 5 11 5ZM11 14C11.5523 14 12 14.4477 12 15V15.5C12 16.0523 11.5523 16.5 11 16.5C10.4477 16.5 10 16.0523 10 15.5V15C10 14.4477 10.4477 14 11 14Z", fill: "#CF4520" }, void 0) }), void 0));
65
- var hideIcon = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M5.67969 3L21.6797 19", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round" }, void 0), _jsx("path", { d: "M22.2679 13.2302C22.4458 12.5885 22.3647 11.8927 22.0246 11.3003C20.3114 8.31648 17.8496 6.09905 15 5.11633M19.6278 16.9999C17.4379 19.2279 14.6784 20.5564 11.6798 20.5564C7.44377 20.5564 3.68497 17.9054 1.33497 13.8124C0.888345 13.0345 0.888342 12.0783 1.33497 11.3004C2.93979 8.50518 5.20165 6.38253 7.82381 5.31743", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M14.5892 11.8251C14.748 12.457 14.6968 13.1233 14.4434 13.7235C14.1899 14.3236 13.748 14.825 13.1844 15.1517C12.6208 15.4785 11.9662 15.6129 11.3194 15.5347C10.6726 15.4564 10.0689 15.1698 9.59949 14.7181C9.13007 14.2663 8.82045 13.6741 8.71743 13.0308C8.61441 12.3875 8.7236 11.7282 9.02848 11.1524C9.33337 10.5767 9.81738 10.1159 10.4074 9.83956C10.9973 9.56327 11.6612 9.48653 12.2987 9.62095", stroke: "#333333", strokeWidth: "2" }, void 0)] }), void 0));
66
- var viewIcon = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M1.33497 13.2561C0.888345 12.4782 0.888342 11.522 1.33497 10.7441C3.68496 6.65097 7.44378 4 11.6798 4C15.9158 4 19.6746 6.65094 22.0246 10.744C22.4712 11.5219 22.4712 12.4781 22.0246 13.256C19.6746 17.3491 15.9158 20 11.6798 20C7.44377 20 3.68497 17.3491 1.33497 13.2561Z", stroke: "#333333", strokeWidth: "2" }, void 0), _jsx("circle", { cx: "11.6797", cy: "12", r: "3", stroke: "#333333", strokeWidth: "2" }, void 0)] }), void 0));
71
+ var errorIcon = (_jsx("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22ZM11 5C11.5523 5 12 5.44772 12 6V11C12 11.5523 11.5523 12 11 12C10.4477 12 10 11.5523 10 11V6C10 5.44772 10.4477 5 11 5ZM11 14C11.5523 14 12 14.4477 12 15V15.5C12 16.0523 11.5523 16.5 11 16.5C10.4477 16.5 10 16.0523 10 15.5V15C10 14.4477 10.4477 14 11 14Z", fill: "#CF4520" }) })));
72
+ var hideIcon = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M5.67969 3L21.6797 19", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round" }), _jsx("path", { d: "M22.2679 13.2302C22.4458 12.5885 22.3647 11.8927 22.0246 11.3003C20.3114 8.31648 17.8496 6.09905 15 5.11633M19.6278 16.9999C17.4379 19.2279 14.6784 20.5564 11.6798 20.5564C7.44377 20.5564 3.68497 17.9054 1.33497 13.8124C0.888345 13.0345 0.888342 12.0783 1.33497 11.3004C2.93979 8.50518 5.20165 6.38253 7.82381 5.31743", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M14.5892 11.8251C14.748 12.457 14.6968 13.1233 14.4434 13.7235C14.1899 14.3236 13.748 14.825 13.1844 15.1517C12.6208 15.4785 11.9662 15.6129 11.3194 15.5347C10.6726 15.4564 10.0689 15.1698 9.59949 14.7181C9.13007 14.2663 8.82045 13.6741 8.71743 13.0308C8.61441 12.3875 8.7236 11.7282 9.02848 11.1524C9.33337 10.5767 9.81738 10.1159 10.4074 9.83956C10.9973 9.56327 11.6612 9.48653 12.2987 9.62095", stroke: "#333333", strokeWidth: "2" })] })));
73
+ var viewIcon = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M1.33497 13.2561C0.888345 12.4782 0.888342 11.522 1.33497 10.7441C3.68496 6.65097 7.44378 4 11.6798 4C15.9158 4 19.6746 6.65094 22.0246 10.744C22.4712 11.5219 22.4712 12.4781 22.0246 13.256C19.6746 17.3491 15.9158 20 11.6798 20C7.44377 20 3.68497 17.3491 1.33497 13.2561Z", stroke: "#333333", strokeWidth: "2" }), _jsx("circle", { cx: "11.6797", cy: "12", r: "3", stroke: "#333333", strokeWidth: "2" })] })));
67
74
  export { TextInput };
68
75
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
package/lib/esm/common/logo.js CHANGED
@@ -10,4 +10,4 @@ var __assign = (this && this.__assign) || function () {
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
12
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- export var logo = (_jsxs("svg", __assign({ width: "176", height: "30", viewBox: "0 0 176 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M0 29.9999L20.5392 29.9999L31.5691 14.6739L21.1845 -2.83335e-06L0 29.9999Z", fill: "#214BA7" }, void 0), _jsx("path", { d: "M0.151122 0.00026989L10.2386 15.5298L21.2304 0.000268968L0.151122 0.00026989Z", fill: "#3A69CD" }, void 0), _jsx("path", { d: "M17.0308 0.000269593L10.2388 15.5298L21.2308 0.000269409L17.0308 0.000269593Z", fill: "#1A3778" }, void 0), _jsx("path", { d: "M40.5811 7.21279H47.5848C49.2586 7.21279 50.7343 7.53866 52.0117 8.19041C53.3038 8.82734 54.3022 9.73089 55.007 10.9011C55.7264 12.0712 56.0862 13.434 56.0862 14.9893C56.0862 16.5446 55.7264 17.9073 55.007 19.0775C54.3022 20.2477 53.3038 21.1586 52.0117 21.8104C50.7343 22.4473 49.2586 22.7658 47.5848 22.7658H40.5811V7.21279ZM47.4086 19.8107C48.9503 19.8107 50.1763 19.3812 51.0866 18.522C52.0117 17.6481 52.4742 16.4705 52.4742 14.9893C52.4742 13.508 52.0117 12.3379 51.0866 11.4788C50.1763 10.6048 48.9503 10.1679 47.4086 10.1679H44.149V19.8107H47.4086Z", fill: "#242934" }, void 0), _jsx("path", { d: "M70.5871 19.433H63.4292L62.0637 22.7658H58.4077L65.2792 7.21279H68.8031L75.6967 22.7658H71.9526L70.5871 19.433ZM69.4639 16.7001L67.0192 10.7455L64.5745 16.7001H69.4639Z", fill: "#242934" }, void 0), _jsx("path", { d: "M81.5876 10.1456H76.6541V7.21279H90.0889V10.1456H85.1555V22.7658H81.5876V10.1456Z", fill: "#242934" }, void 0), _jsx("path", { d: "M103.26 19.433H96.1017L94.7362 22.7658H91.0802L97.9518 7.21279H101.476L108.369 22.7658H104.625L103.26 19.433ZM102.136 16.7001L99.6917 10.7455L97.247 16.7001H102.136Z", fill: "#242934" }, void 0), _jsx("path", { d: "M134.304 7.21279L129.26 22.7658H125.428L122.036 12.2342L118.534 22.7658H114.724L109.659 7.21279H113.359L116.838 18.1443L120.472 7.21279H123.776L127.3 18.2332L130.89 7.21279H134.304Z", fill: "#242934" }, void 0), _jsx("path", { d: "M138.168 7.21279H141.736V22.7658H138.168V7.21279Z", fill: "#242934" }, void 0), _jsx("path", { d: "M152.332 23.0324C151.113 23.0324 149.931 22.8695 148.786 22.5436C147.656 22.2029 146.745 21.7659 146.055 21.2327L147.266 18.522C147.927 19.0108 148.713 19.4034 149.623 19.6996C150.533 19.9959 151.444 20.144 152.354 20.144C153.367 20.144 154.116 19.9959 154.601 19.6996C155.085 19.3886 155.327 18.9812 155.327 18.4776C155.327 18.1073 155.18 17.8036 154.887 17.5666C154.608 17.3148 154.241 17.1149 153.786 16.9667C153.345 16.8186 152.743 16.6557 151.98 16.4779C150.805 16.1965 149.843 15.9151 149.094 15.6336C148.346 15.3522 147.7 14.9004 147.156 14.2783C146.628 13.6562 146.363 12.8267 146.363 11.7898C146.363 10.8863 146.606 10.0716 147.09 9.34577C147.575 8.60515 148.302 8.02006 149.271 7.5905C150.254 7.16095 151.451 6.94617 152.861 6.94617C153.844 6.94617 154.806 7.06467 155.746 7.30166C156.685 7.53866 157.508 7.87935 158.212 8.32372L157.111 11.0566C155.687 10.2419 154.263 9.83458 152.839 9.83458C151.84 9.83458 151.099 9.99751 150.614 10.3234C150.144 10.6493 149.909 11.0788 149.909 11.6121C149.909 12.1453 150.181 12.5452 150.724 12.8119C151.282 13.0637 152.126 13.3155 153.257 13.5673C154.432 13.8487 155.393 14.1302 156.142 14.4116C156.891 14.693 157.53 15.1374 158.058 15.7447C158.602 16.352 158.873 17.1741 158.873 18.211C158.873 19.0997 158.624 19.9144 158.124 20.655C157.64 21.3808 156.906 21.9585 155.922 22.3881C154.938 22.8176 153.742 23.0324 152.332 23.0324Z", fill: "#242934" }, void 0), _jsx("path", { d: "M175.12 19.8774V22.7658H163.183V7.21279H174.834V10.1012H166.729V13.4784H173.887V16.278H166.729V19.8774H175.12Z", fill: "#242934" }, void 0)] }), void 0));
13
+ export var logo = (_jsxs("svg", __assign({ width: "220", height: "32", viewBox: "0 0 220 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M3.96044 28.355L19.3937 28.355C19.5463 28.355 19.6898 28.2803 19.7803 28.1537L28.2598 16.2897C28.3833 16.117 28.3845 15.882 28.2628 15.708L19.827 3.64491L3.76198 27.9689C3.65363 28.133 3.76776 28.355 3.96044 28.355Z", fill: "#FD395E" }), _jsx("path", { d: "M3.76198 4.03111L11.667 16L19.827 3.64507L3.96044 3.64507C3.76775 3.64507 3.65363 3.86706 3.76198 4.03111Z", fill: "url(#paint0_linear_1502_38864)" }), _jsx("path", { d: "M15.0273 3.64506L11.6673 16L19.8273 3.64506L15.0273 3.64506Z", fill: "#8A0E25" }), _jsx("path", { d: "M39.3532 22.7756H42.8606V17.3201H47.9331V14.7574H42.8606V11.7869H48.1593V9.22419H39.3532V22.7756Z", fill: "black" }), _jsx("path", { d: "M52.1884 22.7756H61.1265V20.0964H55.6957V9.22419H52.1884V22.7756Z", fill: "black" }), _jsx("path", { d: "M63.8544 22.7756H67.4183L68.4554 19.8828H73.3959L74.3765 22.7756H78.2233L73.1508 9.22419H68.8514L63.8544 22.7756ZM72.5662 17.3201H69.2663L70.9634 12.0199H71.0011L72.5662 17.3201Z", fill: "black" }), _jsx("path", { d: "M82.8424 22.7756H86.3498V11.9034H89.5932V9.22419H79.5991V11.9034H82.8424V22.7756Z", fill: "black" }), _jsx("path", { d: "M93.4902 22.7756H96.9976V9.22419H93.4902V22.7756Z", fill: "black" }), _jsx("path", { d: "M101.787 22.7756H105.294V17.4172H106.03C107.331 17.4172 107.783 17.9996 108.5 20.3294L109.254 22.7756H112.912L111.63 19.0868C110.97 17.4366 110.895 16.4076 109.763 16.097V16.0581C111.46 15.6504 112.29 14.4467 112.29 12.6412C112.29 10.3114 110.386 9.22419 108.047 9.22419H101.787V22.7756ZM105.294 11.7869H106.218C107.557 11.7869 108.783 12.0199 108.783 13.2818C108.783 14.8156 107.35 14.8544 106.218 14.8544H105.294V11.7869Z", fill: "black" }), _jsx("path", { d: "M116.231 15.9999C116.231 20.31 118.532 23.0086 122.831 23.0086C127.13 23.0086 129.431 20.31 129.431 15.9999C129.431 11.651 127.168 8.99121 122.831 8.99121C118.494 8.99121 116.231 11.651 116.231 15.9999ZM119.852 15.9999C119.852 13.6507 120.7 11.6704 122.831 11.6704C124.962 11.6704 125.81 13.6507 125.81 15.9999C125.81 18.2326 124.962 20.3294 122.831 20.3294C120.7 20.3294 119.852 18.2326 119.852 15.9999Z", fill: "black" }), _jsx("path", { d: "M133.717 22.7756H136.942L136.829 13.5148H136.866L141.468 22.7756H145.823V9.22419H142.618L142.674 18.4267H142.637L138.186 9.22419H133.717V22.7756Z", fill: "black" }), _jsx("path", { d: "M150.336 22.4262C151.505 22.8144 153.033 23.0086 154.258 23.0086C157.181 23.0086 160.047 22.0573 160.047 18.5432C160.047 13.6507 153.825 15.1262 153.825 12.9324C153.825 11.7481 155.296 11.6704 156.182 11.6704C157.181 11.6704 158.2 11.8646 159.105 12.2917L159.331 9.49599C158.445 9.18536 157.2 8.99121 155.937 8.99121C153.297 8.99121 150.204 9.88428 150.204 13.1459C150.204 18.0773 156.427 16.4853 156.427 19.0092C156.427 20.0964 155.371 20.3294 154.258 20.3294C152.806 20.3294 151.543 19.9411 150.638 19.4363L150.336 22.4262Z", fill: "black" }), _jsx("path", { d: "M164.392 22.7756H167.9V17.3201H172.972V14.7574H167.9V11.7869H173.198V9.22419H164.392V22.7756Z", fill: "#FD395E" }), _jsx("path", { d: "M188.579 9.22419H185.072V17.0289C185.072 18.815 184.6 20.3294 182.809 20.3294C181.018 20.3294 180.546 18.815 180.546 17.0289V9.22419H177.039V17.6307C177.039 21.3389 179.377 23.0086 182.809 23.0086C186.241 23.0086 188.579 21.3389 188.579 17.6307V9.22419Z", fill: "#FD395E" }), _jsx("path", { d: "M192.835 22.4262C194.004 22.8144 195.531 23.0086 196.757 23.0086C199.68 23.0086 202.546 22.0573 202.546 18.5432C202.546 13.6507 196.323 15.1262 196.323 12.9324C196.323 11.7481 197.794 11.6704 198.68 11.6704C199.68 11.6704 200.698 11.8646 201.603 12.2917L201.829 9.49599C200.943 9.18536 199.699 8.99121 198.435 8.99121C195.795 8.99121 192.703 9.88428 192.703 13.1459C192.703 18.0773 198.926 16.4853 198.926 19.0092C198.926 20.0964 197.87 20.3294 196.757 20.3294C195.305 20.3294 194.042 19.9411 193.137 19.4363L192.835 22.4262Z", fill: "#FD395E" }), _jsx("path", { d: "M206.795 22.7756H216.28V20.2129H210.302V17.1454H215.752V14.5826H210.302V11.7869H216.073V9.22419H206.795V22.7756Z", fill: "#FD395E" }), _jsx("defs", { children: _jsxs("linearGradient", __assign({ id: "paint0_linear_1502_38864", x1: "1.81659", y1: "3.64507", x2: "20.2841", y2: "9.7137", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: "0.03125", stopColor: "#CA405A", stopOpacity: "0.958429" }), _jsx("stop", { offset: "1", stopColor: "#A2243B" })] })) })] })));
package/lib/esm/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { EnvironmentType, ImporterOptions, OnSubmit, OnValidateBatch, OnValidateRecord } from "./types";
1
+ import { EnvironmentType, FormatRecord, ImporterOptions, OnSubmit, OnValidateBatch, OnValidateRecord } from "./types";
2
2
  declare class FuseImporter {
3
3
  apiToken: string;
4
4
  templateSlug: string;
@@ -6,6 +6,7 @@ declare class FuseImporter {
6
6
  zIndex: number;
7
7
  options: ImporterOptions;
8
8
  constructor(apiToken: string, templateSlug: string, options?: ImporterOptions);
9
+ formatRecord: FormatRecord;
9
10
  onValidateRecord: OnValidateRecord;
10
11
  onValidateBatch: OnValidateBatch;
11
12
  onSubmit: OnSubmit;
package/lib/esm/index.js CHANGED
@@ -36,6 +36,7 @@ var FuseImporter = /** @class */ (function () {
36
36
  apiToken: this.apiToken,
37
37
  templateSlug: this.templateSlug,
38
38
  options: this.options,
39
+ formatRecord: this.formatRecord,
39
40
  onValidateRecord: this.onValidateRecord,
40
41
  onValidateBatch: this.onValidateBatch,
41
42
  onSubmit: this.onSubmit,
package/lib/esm/styled/theme/dimensionsCss.js CHANGED
@@ -15,6 +15,6 @@ export var dimensionsCss = {
15
15
  maxh: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n /* maxinum height in px */\n max-height: ", "px;\n "], ["\n /* maxinum height in px */\n max-height: ", "px;\n "])), function (p) { return p.maxh; }),
16
16
  minw: css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n /* minimum width in px */\n min-width: ", "px;\n "], ["\n /* minimum width in px */\n min-width: ", "px;\n "])), function (p) { return p.minw; }),
17
17
  minh: css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n /* minimum height in px */\n min-height: ", "px;\n "], ["\n /* minimum height in px */\n min-height: ", "px;\n "])), function (p) { return p.minh; }),
18
- br: css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n /* border radius in px */\n border-radius: ", "px;\n "], ["\n /* border radius in px */\n border-radius: ", "px;\n "])), function (p) { return p.br; }),
18
+ br: css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n /* border radius in px */\n border-radius: ", ";\n "], ["\n /* border radius in px */\n border-radius: ", ";\n "])), function (p) { return getCssValue(p.br); }),
19
19
  };
20
20
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
package/lib/esm/styled/theme/fontCss.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  export declare const fontCss: {
2
- normal: import("styled-components").FlattenSimpleInterpolation;
3
2
  semiBold: import("styled-components").FlattenSimpleInterpolation;
4
3
  bold: import("styled-components").FlattenSimpleInterpolation;
5
4
  extraBold: import("styled-components").FlattenSimpleInterpolation;
package/lib/esm/styled/theme/fontCss.js CHANGED
@@ -4,15 +4,14 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
4
4
  };
5
5
  import { css } from "../themeType";
6
6
  export var fontCss = {
7
- normal: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-weight: 400;\n "], ["\n font-weight: 400;\n "]))),
8
- semiBold: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-weight: 500;\n "], ["\n font-weight: 500;\n "]))),
9
- bold: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-weight: 600;\n "], ["\n font-weight: 600;\n "]))),
10
- extraBold: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-weight: 700;\n "], ["\n font-weight: 700;\n "]))),
11
- fontweight_800: css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-weight: 800;\n "], ["\n font-weight: 800;\n "]))),
12
- italic: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-style: italic;\n "], ["\n font-style: italic;\n "]))),
13
- DM4: css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-family: DM Serif Text;\n font-weight: 400;\n "], ["\n font-family: DM Serif Text;\n font-weight: 400;\n "]))),
14
- fs: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n /* font size in px */\n font-size: ", "px;\n "], ["\n /* font size in px */\n font-size: ", "px;\n "])), function (props) { return props.fs; }),
15
- lh: css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n /* line height in px */\n line-height: ", "px;\n "], ["\n /* line height in px */\n line-height: ", "px;\n "])), function (props) { return props.lh; }),
16
- ls: css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n /* letter spacing in px */\n letter-spacing: ", "px;\n "], ["\n /* letter spacing in px */\n letter-spacing: ", "px;\n "])), function (props) { return props.ls; }),
7
+ semiBold: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-weight: 500;\n "], ["\n font-weight: 500;\n "]))),
8
+ bold: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-weight: 600;\n "], ["\n font-weight: 600;\n "]))),
9
+ extraBold: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-weight: 700;\n "], ["\n font-weight: 700;\n "]))),
10
+ fontweight_800: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-weight: 800;\n "], ["\n font-weight: 800;\n "]))),
11
+ italic: css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-style: italic;\n "], ["\n font-style: italic;\n "]))),
12
+ DM4: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-family: DM Serif Text;\n font-weight: 400;\n "], ["\n font-family: DM Serif Text;\n font-weight: 400;\n "]))),
13
+ fs: css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n /* font size in px */\n font-size: ", "px;\n "], ["\n /* font size in px */\n font-size: ", "px;\n "])), function (props) { return props.fs; }),
14
+ lh: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n /* line height in px */\n line-height: ", "px;\n "], ["\n /* line height in px */\n line-height: ", "px;\n "])), function (props) { return props.lh; }),
15
+ ls: css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n /* letter spacing in px */\n letter-spacing: ", "px;\n "], ["\n /* letter spacing in px */\n letter-spacing: ", "px;\n "])), function (props) { return props.ls; }),
17
16
  };
18
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
17
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
package/lib/esm/styled/theme/index.d.ts CHANGED
@@ -36,7 +36,6 @@ export declare const appCss: {
36
36
  bgred: import("styled-components").FlattenSimpleInterpolation;
37
37
  bgblue: import("styled-components").FlattenSimpleInterpolation;
38
38
  opacity5: import("styled-components").FlattenSimpleInterpolation;
39
- normal: import("styled-components").FlattenSimpleInterpolation;
40
39
  semiBold: import("styled-components").FlattenSimpleInterpolation;
41
40
  bold: import("styled-components").FlattenSimpleInterpolation;
42
41
  extraBold: import("styled-components").FlattenSimpleInterpolation;
@@ -242,7 +241,6 @@ export declare const theme: {
242
241
  bgred: import("styled-components").FlattenSimpleInterpolation;
243
242
  bgblue: import("styled-components").FlattenSimpleInterpolation;
244
243
  opacity5: import("styled-components").FlattenSimpleInterpolation;
245
- normal: import("styled-components").FlattenSimpleInterpolation;
246
244
  semiBold: import("styled-components").FlattenSimpleInterpolation;
247
245
  bold: import("styled-components").FlattenSimpleInterpolation;
248
246
  extraBold: import("styled-components").FlattenSimpleInterpolation;
package/lib/esm/styled/themeType.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import { ThemedCssFunction } from "styled-components";
2
2
  import { theme } from "./theme";
3
- export declare const css: ThemedCssFunction<null>;
3
+ export declare const css: ThemedCssFunction<any>;
4
4
  export declare type ThemeType = typeof theme;
package/lib/esm/styled/utils.d.ts CHANGED
@@ -8,9 +8,12 @@ export declare type CSSAnyProps = CSSProps | {
8
8
  [key: string]: any;
9
9
  };
10
10
  export declare const Div: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CSSProps, never>;
11
+ export declare const HTMLButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, CSSProps, never>;
11
12
  export declare const Span: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CSSProps, never>;
12
13
  export declare const P: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, CSSProps, never>;
13
14
  export declare type DivProps = React.HTMLAttributes<HTMLDivElement>;
15
+ export declare type HTMLButtonProps = React.HTMLAttributes<HTMLButtonElement>;
14
16
  export declare type HTMLInputProps = React.InputHTMLAttributes<HTMLInputElement>;
15
17
  export declare type DivCSSProps = DivProps & CSSProps;
18
+ export declare type HTMLButtonCSSProps = HTMLButtonProps & CSSProps;
16
19
  export declare type HTMLInputCSSProps = HTMLInputProps & CSSProps;
package/lib/esm/styled/utils.js CHANGED
@@ -9,6 +9,7 @@ export var themeProps = css(templateObject_1 || (templateObject_1 = __makeTempla
9
9
  .filter(function (c) { return c; });
10
10
  });
11
11
  export var Div = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), themeProps);
12
- export var Span = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), themeProps);
13
- export var P = styled.p(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), themeProps);
14
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
12
+ export var HTMLButton = styled.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), themeProps);
13
+ export var Span = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), themeProps);
14
+ export var P = styled.p(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), themeProps);
15
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
package/lib/esm/types.d.ts CHANGED
@@ -7,6 +7,7 @@ export declare type SpreadsheetOptions = {
7
7
  export declare type ImporterOptions = {
8
8
  zIndex?: number;
9
9
  env?: EnvironmentType;
10
+ previewMode?: boolean;
10
11
  } & SpreadsheetOptions;
11
12
  export declare enum FieldTypes {
12
13
  boolean = "boolean",
@@ -14,8 +15,11 @@ export declare enum FieldTypes {
14
15
  float = "float",
15
16
  string = "string",
16
17
  email = "email",
17
- autocomplete = "autocomplete",
18
- enum = "enum"
18
+ enum = "enum",
19
+ url = "url",
20
+ date = "date",
21
+ datetime = "datetime",
22
+ time = "time"
19
23
  }
20
24
  export declare type Field = {
21
25
  name: string;
@@ -23,6 +27,7 @@ export declare type Field = {
23
27
  type: FieldTypes;
24
28
  isRequired?: boolean;
25
29
  options?: any;
30
+ pattern?: string;
26
31
  };
27
32
  export declare type SpreadsheetValidationErrors = {
28
33
  [rowId: string]: ValidationErrors;
@@ -41,6 +46,7 @@ export declare type ValidationErrors = {
41
46
  [k: string]: string;
42
47
  };
43
48
  export declare type OnValidateRecord = (record: Record) => Promise<ValidationErrors>;
49
+ export declare type FormatRecord = (record: Record) => Record;
44
50
  export declare type RowValidationError = {
45
51
  rowId: string;
46
52
  errors: ValidationErrors;
package/lib/esm/types.js CHANGED
@@ -11,6 +11,9 @@ export var FieldTypes;
11
11
  FieldTypes["float"] = "float";
12
12
  FieldTypes["string"] = "string";
13
13
  FieldTypes["email"] = "email";
14
- FieldTypes["autocomplete"] = "autocomplete";
15
14
  FieldTypes["enum"] = "enum";
15
+ FieldTypes["url"] = "url";
16
+ FieldTypes["date"] = "date";
17
+ FieldTypes["datetime"] = "datetime";
18
+ FieldTypes["time"] = "time";
16
19
  })(FieldTypes || (FieldTypes = {}));