@quillsql/react 1.7.2 → 1.7.3

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 (136) hide show
  1. package/lib/AddToDashboardModal.js +249 -369
  2. package/lib/AddToDashboardModal.js.map +1 -1
  3. package/lib/BarList.js +92 -109
  4. package/lib/BarList.js.map +1 -1
  5. package/lib/Chart.d.ts +0 -1
  6. package/lib/Chart.js +359 -419
  7. package/lib/Chart.js.map +1 -1
  8. package/lib/Context.d.ts +1 -2
  9. package/lib/Context.js +91 -85
  10. package/lib/Context.js.map +1 -1
  11. package/lib/Dashboard.js +181 -209
  12. package/lib/Dashboard.js.map +1 -1
  13. package/lib/DateRangePicker/Calendar.js +87 -91
  14. package/lib/DateRangePicker/Calendar.js.map +1 -1
  15. package/lib/DateRangePicker/DateRangePicker.js +70 -68
  16. package/lib/DateRangePicker/DateRangePicker.js.map +1 -1
  17. package/lib/DateRangePicker/DateRangePickerButton.js +46 -57
  18. package/lib/DateRangePicker/DateRangePickerButton.js.map +1 -1
  19. package/lib/DateRangePicker/dateRangePickerUtils.js +105 -99
  20. package/lib/DateRangePicker/dateRangePickerUtils.js.map +1 -1
  21. package/lib/DateRangePicker/index.js +8 -1
  22. package/lib/DateRangePicker/index.js.map +1 -1
  23. package/lib/PieChart.js +221 -225
  24. package/lib/PieChart.js.map +1 -1
  25. package/lib/QuillProvider.d.ts +1 -2
  26. package/lib/QuillProvider.js +8 -18
  27. package/lib/QuillProvider.js.map +1 -1
  28. package/lib/ReportBuilder.js +430 -526
  29. package/lib/ReportBuilder.js.map +1 -1
  30. package/lib/SQLEditor.js +182 -268
  31. package/lib/SQLEditor.js.map +1 -1
  32. package/lib/Table.js +208 -261
  33. package/lib/Table.js.map +1 -1
  34. package/lib/TableChart.js +76 -75
  35. package/lib/TableChart.js.map +1 -1
  36. package/lib/assets/ArrowDownHeadIcon.js +5 -28
  37. package/lib/assets/ArrowDownHeadIcon.js.map +1 -1
  38. package/lib/assets/ArrowDownIcon.js +5 -28
  39. package/lib/assets/ArrowDownIcon.js.map +1 -1
  40. package/lib/assets/ArrowDownRightIcon.js +5 -28
  41. package/lib/assets/ArrowDownRightIcon.js.map +1 -1
  42. package/lib/assets/ArrowLeftHeadIcon.js +5 -28
  43. package/lib/assets/ArrowLeftHeadIcon.js.map +1 -1
  44. package/lib/assets/ArrowRightHeadIcon.js +5 -28
  45. package/lib/assets/ArrowRightHeadIcon.js.map +1 -1
  46. package/lib/assets/ArrowRightIcon.js +5 -28
  47. package/lib/assets/ArrowRightIcon.js.map +1 -1
  48. package/lib/assets/ArrowUpHeadIcon.js +5 -28
  49. package/lib/assets/ArrowUpHeadIcon.js.map +1 -1
  50. package/lib/assets/ArrowUpIcon.js +5 -28
  51. package/lib/assets/ArrowUpIcon.js.map +1 -1
  52. package/lib/assets/ArrowUpRightIcon.js +5 -28
  53. package/lib/assets/ArrowUpRightIcon.js.map +1 -1
  54. package/lib/assets/CalendarIcon.js +5 -28
  55. package/lib/assets/CalendarIcon.js.map +1 -1
  56. package/lib/assets/DoubleArrowLeftHeadIcon.js +5 -28
  57. package/lib/assets/DoubleArrowLeftHeadIcon.js.map +1 -1
  58. package/lib/assets/DoubleArrowRightHeadIcon.js +5 -28
  59. package/lib/assets/DoubleArrowRightHeadIcon.js.map +1 -1
  60. package/lib/assets/ExclamationFilledIcon.js +5 -28
  61. package/lib/assets/ExclamationFilledIcon.js.map +1 -1
  62. package/lib/assets/LoadingSpinner.js +5 -28
  63. package/lib/assets/LoadingSpinner.js.map +1 -1
  64. package/lib/assets/SearchIcon.js +5 -28
  65. package/lib/assets/SearchIcon.js.map +1 -1
  66. package/lib/assets/XCircleIcon.js +5 -28
  67. package/lib/assets/XCircleIcon.js.map +1 -1
  68. package/lib/assets/index.js +38 -16
  69. package/lib/assets/index.js.map +1 -1
  70. package/lib/components/BigModal/BigModal.js +45 -43
  71. package/lib/components/BigModal/BigModal.js.map +1 -1
  72. package/lib/components/Dropdown/Dropdown.js +57 -53
  73. package/lib/components/Dropdown/Dropdown.js.map +1 -1
  74. package/lib/components/Dropdown/DropdownItem.js +43 -40
  75. package/lib/components/Dropdown/DropdownItem.js.map +1 -1
  76. package/lib/components/Dropdown/index.js +10 -2
  77. package/lib/components/Dropdown/index.js.map +1 -1
  78. package/lib/components/Modal/Modal.js +45 -43
  79. package/lib/components/Modal/Modal.js.map +1 -1
  80. package/lib/components/Modal/index.js +8 -1
  81. package/lib/components/Modal/index.js.map +1 -1
  82. package/lib/components/selectUtils.js +20 -15
  83. package/lib/components/selectUtils.js.map +1 -1
  84. package/lib/contexts/BaseColorContext.js +5 -3
  85. package/lib/contexts/BaseColorContext.js.map +1 -1
  86. package/lib/contexts/HoveredValueContext.js +5 -3
  87. package/lib/contexts/HoveredValueContext.js.map +1 -1
  88. package/lib/contexts/RootStylesContext.js +5 -3
  89. package/lib/contexts/RootStylesContext.js.map +1 -1
  90. package/lib/contexts/SelectedValueContext.js +5 -3
  91. package/lib/contexts/SelectedValueContext.js.map +1 -1
  92. package/lib/contexts/index.js +14 -4
  93. package/lib/contexts/index.js.map +1 -1
  94. package/lib/hooks/index.js +14 -4
  95. package/lib/hooks/index.js.map +1 -1
  96. package/lib/hooks/useInternalState.js +9 -7
  97. package/lib/hooks/useInternalState.js.map +1 -1
  98. package/lib/hooks/useOnClickOutside.js +8 -6
  99. package/lib/hooks/useOnClickOutside.js.map +1 -1
  100. package/lib/hooks/useOnWindowResize.js +9 -7
  101. package/lib/hooks/useOnWindowResize.js.map +1 -1
  102. package/lib/hooks/useQuill.js +60 -111
  103. package/lib/hooks/useQuill.js.map +1 -1
  104. package/lib/hooks/useSelectOnKeyDown.js +17 -15
  105. package/lib/hooks/useSelectOnKeyDown.js.map +1 -1
  106. package/lib/index.js +22 -8
  107. package/lib/index.js.map +1 -1
  108. package/lib/lib/font.d.ts +13 -0
  109. package/lib/lib/font.js +17 -0
  110. package/lib/lib/font.js.map +1 -0
  111. package/lib/lib/index.d.ts +3 -0
  112. package/lib/lib/index.js +20 -0
  113. package/lib/lib/index.js.map +1 -0
  114. package/lib/lib/inputTypes.d.ts +20 -0
  115. package/lib/lib/inputTypes.js +57 -0
  116. package/lib/lib/inputTypes.js.map +1 -0
  117. package/lib/lib/utils.d.ts +9 -0
  118. package/lib/lib/utils.js +46 -0
  119. package/lib/lib/utils.js.map +1 -0
  120. package/package.json +6 -13
  121. package/src/AddToDashboardModal.tsx +2 -9
  122. package/src/Chart.tsx +49 -20
  123. package/src/Context.tsx +0 -3
  124. package/src/Dashboard.tsx +2 -3
  125. package/src/PieChart.tsx +2 -2
  126. package/src/QuillProvider.tsx +0 -3
  127. package/src/ReportBuilder.tsx +3 -9
  128. package/src/SQLEditor.tsx +99 -12
  129. package/src/Table.tsx +51 -8
  130. package/src/hooks/useQuill.ts +1 -2
  131. package/src/lib/font.ts +14 -0
  132. package/src/lib/index.ts +3 -0
  133. package/src/lib/inputTypes.ts +81 -0
  134. package/src/lib/utils.tsx +46 -0
  135. package/tsconfig.json +3 -3
  136. package/rollup.config.ts +0 -21
@@ -1 +1 @@
1
- {"version":3,"file":"useSelectOnKeyDown.js","sourceRoot":"","sources":["../../src/hooks/useSelectOnKeyDown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,IAAM,kBAAkB,GAAG,UACzB,aAAsC,EACtC,YAAsB,EACtB,SAAkB,EAClB,iBAA+C,EAC/C,KAAc;IAKd,IAAM,gBAAgB,GAAG,CAAC,CAAC,CAAC;IACtB,IAAA,KAA8B,QAAQ,CAAC,gBAAgB,CAAC,EAAvD,UAAU,QAAA,EAAE,aAAa,QAA8B,CAAC;IAE/D,IAAM,eAAe,GAAG,UAAC,UAAkB,EAAE,YAAsB;QACjE,IAAI,UAAU,GAAG,CAAC;YAAE,OAAO,SAAS,CAAC;QACrC,OAAO,YAAY,CAAC,UAAU,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,SAAS,CAAC;QACR,IAAM,uBAAuB,GAAG;YAC9B,IAAI,CAAC,SAAS,EAAE;gBACd,aAAa,CAAC,gBAAgB,CAAC,CAAC;aACjC;YACD,IAAI,CAAC,KAAK;gBAAE,OAAO,gBAAgB,CAAC;YACpC,IAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACjD,OAAO,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC;QAC/D,CAAC,CAAC;QAEF,aAAa,CAAC,uBAAuB,EAAE,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,IAAM,YAAY,GAAG,eAAe,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IAE/D,IAAM,UAAU,GAAG;QACjB,IAAM,OAAO,GAAG,UAAU,GAAG,CAAC,CAAC;QAC/B,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACpD,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QACjB,IAAM,OAAO,GAAG,UAAU,GAAG,CAAC,CAAC;QAC/B,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,CAA0D;QAC/E,IAAI,CAAC,SAAS,EAAE;YACd,OAAO;SACR;QAED,QAAQ,CAAC,CAAC,GAAG,EAAE;YACb,KAAK,SAAS,CAAC,CAAC;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,UAAU,EAAE,CAAC,CAAC;gBAC5B,MAAM;aACP;YACD,KAAK,WAAW,CAAC,CAAC;gBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,UAAU,EAAE,CAAC,CAAC;gBAC5B,MAAM;aACP;YACD,KAAK,OAAO,CAAC,CAAC;gBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,YAAY,EAAE;oBAChB,aAAa,CAAC,YAAY,CAAC,CAAC;iBAC7B;gBACD,MAAM;aACP;YACD,KAAK,QAAQ,CAAC,CAAC;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,iBAAiB,CAAC,KAAK,CAAC,CAAC;gBACzB,aAAa,CAAC,gBAAgB,CAAC,CAAC;gBAChC,MAAM;aACP;SACF;IACH,CAAC,CAAC;IACF,OAAO,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"useSelectOnKeyDown.js","sourceRoot":"","sources":["../../src/hooks/useSelectOnKeyDown.tsx"],"names":[],"mappings":";;AAAA,iCAA4C;AAE5C,MAAM,kBAAkB,GAAG,CACzB,aAAsC,EACtC,YAAsB,EACtB,SAAkB,EAClB,iBAA+C,EAC/C,KAAc,EAId,EAAE;IACF,MAAM,gBAAgB,GAAG,CAAC,CAAC,CAAC;IAC5B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,gBAAgB,CAAC,CAAC;IAE/D,MAAM,eAAe,GAAG,CAAC,UAAkB,EAAE,YAAsB,EAAE,EAAE;QACrE,IAAI,UAAU,GAAG,CAAC;YAAE,OAAO,SAAS,CAAC;QACrC,OAAO,YAAY,CAAC,UAAU,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,uBAAuB,GAAG,GAAG,EAAE;YACnC,IAAI,CAAC,SAAS,EAAE;gBACd,aAAa,CAAC,gBAAgB,CAAC,CAAC;aACjC;YACD,IAAI,CAAC,KAAK;gBAAE,OAAO,gBAAgB,CAAC;YACpC,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACjD,OAAO,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC;QAC/D,CAAC,CAAC;QAEF,aAAa,CAAC,uBAAuB,EAAE,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,MAAM,YAAY,GAAG,eAAe,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IAE/D,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,OAAO,GAAG,UAAU,GAAG,CAAC,CAAC;QAC/B,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACpD,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,OAAO,GAAG,UAAU,GAAG,CAAC,CAAC;QAC/B,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAA0D,EAAE,EAAE;QACnF,IAAI,CAAC,SAAS,EAAE;YACd,OAAO;SACR;QAED,QAAQ,CAAC,CAAC,GAAG,EAAE;YACb,KAAK,SAAS,CAAC,CAAC;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,UAAU,EAAE,CAAC,CAAC;gBAC5B,MAAM;aACP;YACD,KAAK,WAAW,CAAC,CAAC;gBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,UAAU,EAAE,CAAC,CAAC;gBAC5B,MAAM;aACP;YACD,KAAK,OAAO,CAAC,CAAC;gBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,YAAY,EAAE;oBAChB,aAAa,CAAC,YAAY,CAAC,CAAC;iBAC7B;gBACD,MAAM;aACP;YACD,KAAK,QAAQ,CAAC,CAAC;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,iBAAiB,CAAC,KAAK,CAAC,CAAC;gBACzB,aAAa,CAAC,gBAAgB,CAAC,CAAC;gBAChC,MAAM;aACP;SACF;IACH,CAAC,CAAC;IACF,OAAO,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
package/lib/index.js CHANGED
@@ -1,10 +1,24 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.useQuill = exports.AddToDashboardModal = exports.ReportBuilder = exports.SQLEditor = exports.Table = exports.Chart = exports.QuillProvider = exports.Dashboard = void 0;
1
7
  // src/index.ts
2
- export { default as Dashboard } from './Dashboard';
3
- export { default as QuillProvider } from './QuillProvider';
4
- export { default as Chart } from './Chart';
5
- export { default as Table } from './Table';
6
- export { default as SQLEditor } from './SQLEditor';
7
- export { default as ReportBuilder } from './ReportBuilder';
8
- export { default as AddToDashboardModal } from './AddToDashboardModal';
9
- export { useQuill } from './hooks/useQuill';
8
+ var Dashboard_1 = require("./Dashboard");
9
+ Object.defineProperty(exports, "Dashboard", { enumerable: true, get: function () { return __importDefault(Dashboard_1).default; } });
10
+ var QuillProvider_1 = require("./QuillProvider");
11
+ Object.defineProperty(exports, "QuillProvider", { enumerable: true, get: function () { return __importDefault(QuillProvider_1).default; } });
12
+ var Chart_1 = require("./Chart");
13
+ Object.defineProperty(exports, "Chart", { enumerable: true, get: function () { return __importDefault(Chart_1).default; } });
14
+ var Table_1 = require("./Table");
15
+ Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });
16
+ var SQLEditor_1 = require("./SQLEditor");
17
+ Object.defineProperty(exports, "SQLEditor", { enumerable: true, get: function () { return __importDefault(SQLEditor_1).default; } });
18
+ var ReportBuilder_1 = require("./ReportBuilder");
19
+ Object.defineProperty(exports, "ReportBuilder", { enumerable: true, get: function () { return __importDefault(ReportBuilder_1).default; } });
20
+ var AddToDashboardModal_1 = require("./AddToDashboardModal");
21
+ Object.defineProperty(exports, "AddToDashboardModal", { enumerable: true, get: function () { return __importDefault(AddToDashboardModal_1).default; } });
22
+ var useQuill_1 = require("./hooks/useQuill");
23
+ Object.defineProperty(exports, "useQuill", { enumerable: true, get: function () { return useQuill_1.useQuill; } });
10
24
  //# sourceMappingURL=index.js.map
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,eAAe;AACf,yCAAmD;AAA1C,uHAAA,OAAO,OAAa;AAC7B,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,iCAA2C;AAAlC,+GAAA,OAAO,OAAS;AACzB,iCAA2C;AAAlC,+GAAA,OAAO,OAAS;AACzB,yCAAmD;AAA1C,uHAAA,OAAO,OAAa;AAC7B,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,6DAAuE;AAA9D,2IAAA,OAAO,OAAuB;AACvC,6CAA4C;AAAnC,oGAAA,QAAQ,OAAA"}
@@ -0,0 +1,13 @@
1
+ export declare const fontSize: {
2
+ xs: string;
3
+ sm: string;
4
+ md: string;
5
+ lg: string;
6
+ xl: string;
7
+ threeXl: string;
8
+ };
9
+ export declare const fontWeight: {
10
+ sm: string;
11
+ md: string;
12
+ lg: string;
13
+ };
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.fontWeight = exports.fontSize = void 0;
4
+ exports.fontSize = {
5
+ xs: 'qq-text-xs',
6
+ sm: 'qq-text-sm',
7
+ md: 'qq-text-base',
8
+ lg: 'qq-text-lg',
9
+ xl: 'qq-text-xl',
10
+ threeXl: 'qq-text-3xl',
11
+ };
12
+ exports.fontWeight = {
13
+ sm: 'qq-font-normal',
14
+ md: 'qq-font-medium',
15
+ lg: 'qq-font-semibold',
16
+ };
17
+ //# sourceMappingURL=font.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"font.js","sourceRoot":"","sources":["../../src/lib/font.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG;IACtB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,OAAO,EAAE,aAAa;CACvB,CAAC;AAEW,QAAA,UAAU,GAAG;IACxB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,kBAAkB;CACvB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from './inputTypes';
2
+ export * from './font';
3
+ export * from './utils';
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./inputTypes"), exports);
18
+ __exportStar(require("./font"), exports);
19
+ __exportStar(require("./utils"), exports);
20
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,yCAAuB;AACvB,0CAAwB"}
@@ -0,0 +1,20 @@
1
+ export type ValueFormatter = {
2
+ (value: number): string;
3
+ };
4
+ declare const iconVariantValues: readonly ["simple", "light", "shadow", "solid", "outlined"];
5
+ export type IconVariant = (typeof iconVariantValues)[number];
6
+ export type HorizontalPosition = 'left' | 'right';
7
+ export type VerticalPosition = 'top' | 'bottom';
8
+ export type ButtonVariant = 'primary' | 'secondary' | 'light';
9
+ declare const deltaTypeValues: readonly ["increase", "moderateIncrease", "decrease", "moderateDecrease", "unchanged"];
10
+ export type DeltaType = (typeof deltaTypeValues)[number];
11
+ declare const sizeValues: readonly ["xs", "sm", "md", "lg", "xl"];
12
+ export type Size = (typeof sizeValues)[number];
13
+ declare const colorValues: readonly ["slate", "gray", "zinc", "neutral", "stone", "red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "blue", "indigo", "violet", "purple", "fuchsia", "pink", "rose"];
14
+ export type Color = (typeof colorValues)[number];
15
+ declare const justifyContentValues: readonly ["start", "end", "center", "between", "around", "evenly"];
16
+ export type JustifyContent = (typeof justifyContentValues)[number];
17
+ declare const alignItemsValues: readonly ["start", "end", "center", "baseline", "stretch"];
18
+ export type AlignItems = (typeof alignItemsValues)[number];
19
+ export type FlexDirection = 'row' | 'col' | 'row-reverse' | 'col-reverse';
20
+ export {};
@@ -0,0 +1,57 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const iconVariantValues = [
4
+ 'simple',
5
+ 'light',
6
+ 'shadow',
7
+ 'solid',
8
+ 'outlined',
9
+ ];
10
+ const deltaTypeValues = [
11
+ 'increase',
12
+ 'moderateIncrease',
13
+ 'decrease',
14
+ 'moderateDecrease',
15
+ 'unchanged',
16
+ ];
17
+ const sizeValues = ['xs', 'sm', 'md', 'lg', 'xl'];
18
+ const colorValues = [
19
+ 'slate',
20
+ 'gray',
21
+ 'zinc',
22
+ 'neutral',
23
+ 'stone',
24
+ 'red',
25
+ 'orange',
26
+ 'amber',
27
+ 'yellow',
28
+ 'lime',
29
+ 'green',
30
+ 'emerald',
31
+ 'teal',
32
+ 'cyan',
33
+ 'sky',
34
+ 'blue',
35
+ 'indigo',
36
+ 'violet',
37
+ 'purple',
38
+ 'fuchsia',
39
+ 'pink',
40
+ 'rose',
41
+ ];
42
+ const justifyContentValues = [
43
+ 'start',
44
+ 'end',
45
+ 'center',
46
+ 'between',
47
+ 'around',
48
+ 'evenly',
49
+ ];
50
+ const alignItemsValues = [
51
+ 'start',
52
+ 'end',
53
+ 'center',
54
+ 'baseline',
55
+ 'stretch',
56
+ ];
57
+ //# sourceMappingURL=inputTypes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"inputTypes.js","sourceRoot":"","sources":["../../src/lib/inputTypes.ts"],"names":[],"mappings":";;AAIA,MAAM,iBAAiB,GAAG;IACxB,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,OAAO;IACP,UAAU;CACF,CAAC;AAUX,MAAM,eAAe,GAAG;IACtB,UAAU;IACV,kBAAkB;IAClB,UAAU;IACV,kBAAkB;IAClB,WAAW;CACH,CAAC;AAIX,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AAI3D,MAAM,WAAW,GAAG;IAClB,OAAO;IACP,MAAM;IACN,MAAM;IACN,SAAS;IACT,OAAO;IACP,KAAK;IACL,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,MAAM;IACN,OAAO;IACP,SAAS;IACT,MAAM;IACN,MAAM;IACN,KAAK;IACL,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,MAAM;IACN,MAAM;CACE,CAAC;AAIX,MAAM,oBAAoB,GAAG;IAC3B,OAAO;IACP,KAAK;IACL,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,QAAQ;CACA,CAAC;AAGX,MAAM,gBAAgB,GAAG;IACvB,OAAO;IACP,KAAK;IACL,QAAQ;IACR,UAAU;IACV,SAAS;CACD,CAAC"}
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import { ValueFormatter } from './inputTypes';
3
+ export declare const defaultValueFormatter: ValueFormatter;
4
+ export declare const sumNumericArray: (arr: number[]) => number;
5
+ export declare const removeValueFromArray: (value: any, array: any[]) => any[];
6
+ export declare const isValueInArray: (value: any, array: any[]) => boolean;
7
+ export declare const stringIsNumeric: (str: string | undefined) => boolean;
8
+ export declare const stringEndsWithNumber: (str: string) => boolean;
9
+ export declare function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T>;
@@ -0,0 +1,46 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.mergeRefs = exports.stringEndsWithNumber = exports.stringIsNumeric = exports.isValueInArray = exports.removeValueFromArray = exports.sumNumericArray = exports.defaultValueFormatter = void 0;
4
+ const defaultValueFormatter = (value) => value.toString();
5
+ exports.defaultValueFormatter = defaultValueFormatter;
6
+ const sumNumericArray = (arr) => arr.reduce((prefixSum, num) => prefixSum + num, 0);
7
+ exports.sumNumericArray = sumNumericArray;
8
+ const removeValueFromArray = (value, array) => {
9
+ const index = array.indexOf(value);
10
+ if (index > -1) {
11
+ array.splice(index, 1);
12
+ }
13
+ return array;
14
+ };
15
+ exports.removeValueFromArray = removeValueFromArray;
16
+ const isValueInArray = (value, array) => {
17
+ for (let i = 0; i < array.length; i++) {
18
+ if (array[i] === value) {
19
+ return true;
20
+ }
21
+ }
22
+ return false;
23
+ };
24
+ exports.isValueInArray = isValueInArray;
25
+ const stringIsNumeric = (str) => {
26
+ return !isNaN(Number(str)) && str !== undefined;
27
+ };
28
+ exports.stringIsNumeric = stringIsNumeric;
29
+ const stringEndsWithNumber = (str) => {
30
+ return (0, exports.stringIsNumeric)(str.split('-').pop());
31
+ };
32
+ exports.stringEndsWithNumber = stringEndsWithNumber;
33
+ function mergeRefs(refs) {
34
+ return value => {
35
+ refs.forEach(ref => {
36
+ if (typeof ref === 'function') {
37
+ ref(value);
38
+ }
39
+ else if (ref != null) {
40
+ ref.current = value;
41
+ }
42
+ });
43
+ };
44
+ }
45
+ exports.mergeRefs = mergeRefs;
46
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.tsx"],"names":[],"mappings":";;;AAEO,MAAM,qBAAqB,GAAmB,CAAC,KAAa,EAAE,EAAE,CACrE,KAAK,CAAC,QAAQ,EAAE,CAAC;AADN,QAAA,qBAAqB,yBACf;AAEZ,MAAM,eAAe,GAAG,CAAC,GAAa,EAAE,EAAE,CAC/C,GAAG,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,EAAE,CAAC,SAAS,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC;AADxC,QAAA,eAAe,mBACyB;AAE9C,MAAM,oBAAoB,GAAG,CAAC,KAAU,EAAE,KAAY,EAAS,EAAE;IACtE,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACnC,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE;QACd,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;KACxB;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AANW,QAAA,oBAAoB,wBAM/B;AAEK,MAAM,cAAc,GAAG,CAAC,KAAU,EAAE,KAAY,EAAW,EAAE;IAClE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACrC,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,EAAE;YACtB,OAAO,IAAI,CAAC;SACb;KACF;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAPW,QAAA,cAAc,kBAOzB;AAEK,MAAM,eAAe,GAAG,CAAC,GAAuB,EAAW,EAAE;IAClE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,KAAK,SAAS,CAAC;AAClD,CAAC,CAAC;AAFW,QAAA,eAAe,mBAE1B;AAEK,MAAM,oBAAoB,GAAG,CAAC,GAAW,EAAW,EAAE;IAC3D,OAAO,IAAA,uBAAe,EAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;AAC/C,CAAC,CAAC;AAFW,QAAA,oBAAoB,wBAE/B;AAEF,SAAgB,SAAS,CACvB,IAA2D;IAE3D,OAAO,KAAK,CAAC,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACjB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;gBAC7B,GAAG,CAAC,KAAK,CAAC,CAAC;aACZ;iBAAM,IAAI,GAAG,IAAI,IAAI,EAAE;gBACrB,GAAwC,CAAC,OAAO,GAAG,KAAK,CAAC;aAC3D;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC;AAZD,8BAYC"}
package/package.json CHANGED
@@ -1,12 +1,11 @@
1
1
  {
2
2
  "name": "@quillsql/react",
3
- "version": "1.7.2",
3
+ "version": "1.7.3",
4
4
  "access": "public",
5
5
  "description": "Quill React components for building dashboards and reporting.",
6
6
  "main": "lib/index.js",
7
7
  "scripts": {
8
8
  "build": "tsc",
9
- "build:foo": "rollup --config rollup.config.ts --configPlugin typescript",
10
9
  "watch": "tsc -w",
11
10
  "lint": "eslint 'src/**/*.{ts,tsx}'",
12
11
  "lint:fix": "eslint --fix 'src/**/*.{ts,tsx}'",
@@ -19,26 +18,19 @@
19
18
  "dependencies": {
20
19
  "@heroicons/react": "^2.0.18",
21
20
  "@monaco-editor/react": "^4.5.1",
22
- "@size-limit/webpack": "^8.2.6",
23
- "axios": "^1.3.5",
21
+ "axios": "^0.7.0",
24
22
  "date-fns": "^2.29.3",
25
23
  "date-fns-tz": "^2.0.0",
26
24
  "formik": "^2.4.2",
27
- "react-loader-spinner": "^5.3.4",
28
- "react-loading-skeleton": "^3.2.1",
29
25
  "recharts": "^2.5.0",
30
- "size-limit": "^8.2.6",
31
26
  "tslib": "^2.5.0",
32
27
  "typescript": "^5.0.3"
33
28
  },
34
29
  "peerDependencies": {
35
- "react": "^18.2.0",
36
- "react-dom": "^18.2.0"
30
+ "react": "^18.0.0",
31
+ "react-dom": "^18.0.0"
37
32
  },
38
33
  "devDependencies": {
39
- "@rollup/plugin-node-resolve": "^15.1.0",
40
- "@rollup/plugin-typescript": "^11.1.2",
41
- "@size-limit/preset-small-lib": "^8.2.6",
42
34
  "@types/react": "^18.0.33",
43
35
  "@types/react-dom": "^18.0.11",
44
36
  "@typescript-eslint/eslint-plugin": "^5.57.1",
@@ -49,6 +41,7 @@
49
41
  "eslint-plugin-react": "^7.32.2",
50
42
  "glob": "^10.2.2",
51
43
  "prettier": "^2.8.7",
52
- "rollup": "^3.28.0"
44
+ "react": "^18.0.0",
45
+ "react-dom": "^18.0.0"
53
46
  }
54
47
  }
@@ -97,14 +97,7 @@ export default function AddToDashboardModal({
97
97
  }, [schema]);
98
98
 
99
99
  const editChart = async ({ report, values, yAxisFields, columns, query }) => {
100
- const {
101
- publicKey,
102
- orgId,
103
- authToken,
104
- queryEndpoint,
105
- queryHeaders,
106
- withCredentials,
107
- } = client;
100
+ const { publicKey, orgId, authToken, queryEndpoint, queryHeaders } = client;
108
101
  const {
109
102
  xAxisLabel,
110
103
  yAxisLabel,
@@ -168,7 +161,7 @@ export default function AddToDashboardModal({
168
161
  task: 'create',
169
162
  },
170
163
  },
171
- { headers: queryHeaders, withCredentials }
164
+ { headers: queryHeaders }
172
165
  );
173
166
  } else {
174
167
  response = await axios.post(
package/src/Chart.tsx CHANGED
@@ -23,8 +23,6 @@ import {
23
23
  ThemeContext,
24
24
  DashboardFiltersContext,
25
25
  } from './Context';
26
- import Skeleton from 'react-loading-skeleton';
27
- import 'react-loading-skeleton/dist/skeleton.css';
28
26
  import TableChart from './TableChart';
29
27
  import { QuillTheme } from './QuillProvider';
30
28
 
@@ -550,7 +548,6 @@ const ChartUpdater: React.FC<ChartProps> = ({
550
548
  environment,
551
549
  queryEndpoint,
552
550
  queryHeaders,
553
- withCredentials,
554
551
  } = client;
555
552
  //queryEndpoint = undefined;
556
553
  setLoading(true);
@@ -586,7 +583,7 @@ const ChartUpdater: React.FC<ChartProps> = ({
586
583
  },
587
584
  },
588
585
  },
589
- { headers: queryHeaders, withCredentials }
586
+ { headers: queryHeaders }
590
587
  );
591
588
 
592
589
  if (resp.data) {
@@ -688,25 +685,57 @@ const ChartUpdater: React.FC<ChartProps> = ({
688
685
  height: containerStyle?.height || 300,
689
686
  width: '100%',
690
687
  boxSizing: 'content-box',
688
+ borderRadius: 8,
689
+ overflow: 'hidden',
691
690
  }}
692
691
  >
693
- <Skeleton
694
- count={1}
695
- // height={containerStyle?.height}
696
- height={
697
- containerStyle?.height && containerStyle?.marginTop
698
- ? containerStyle?.height + containerStyle?.marginTop
699
- : containerStyle?.height
700
- ? containerStyle?.height
701
- : 300
702
- }
703
- borderRadius={8}
704
- // highlightColor="#F7F7F8"
705
- highlightColor="#FDFDFD"
706
- // baseColor="#F3F4F6"
707
- baseColor="#F9F9FA"
692
+ <svg
708
693
  width="100%"
709
- />
694
+ height="100%"
695
+ xmlns="http://www.w3.org/2000/svg"
696
+ xmlns:xlink="http://www.w3.org/1999/xlink"
697
+ >
698
+ <rect width="100%" height="100%" fill="#F9F9FA" />
699
+
700
+ <defs fill="#F9F9FA">
701
+ <linearGradient
702
+ id="skeletonGradient"
703
+ x1="0%"
704
+ y1="0%"
705
+ x2="10%"
706
+ y2="0%"
707
+ gradientUnits="userSpaceOnUse"
708
+ >
709
+ <stop offset="0%" stop-color="rgba(255,255,255,0)" />
710
+ <stop offset="50%" stop-color="#FEFEFE" />
711
+ <stop offset="100%" stop-color="rgba(255,255,255,0)" />
712
+ <animate
713
+ attributeName="x1"
714
+ from="-100%"
715
+ to="100%"
716
+ dur="2s"
717
+ repeatCount="indefinite"
718
+ />
719
+ <animate
720
+ attributeName="x2"
721
+ from="-50%"
722
+ to="150%"
723
+ dur="2s"
724
+ repeatCount="indefinite"
725
+ />
726
+ </linearGradient>
727
+ </defs>
728
+
729
+ <rect width="50%" height="100%" fill="url(#skeletonGradient)">
730
+ <animate
731
+ attributeName="x"
732
+ from="-100%"
733
+ to="100%"
734
+ dur="2s"
735
+ repeatCount="indefinite"
736
+ />
737
+ </rect>
738
+ </svg>
710
739
  </div>
711
740
  </div>
712
741
  );
package/src/Context.tsx CHANGED
@@ -90,7 +90,6 @@ export const ContextProvider = ({
90
90
  userId,
91
91
  queryEndpoint,
92
92
  queryHeaders,
93
- withCredentials,
94
93
  }) => {
95
94
  const [client, setClient] = useState(null);
96
95
  const [theme, setTheme] =
@@ -136,7 +135,6 @@ export const ContextProvider = ({
136
135
  environment,
137
136
  queryEndpoint,
138
137
  queryHeaders,
139
- withCredentials,
140
138
  });
141
139
  }
142
140
  }, [
@@ -147,7 +145,6 @@ export const ContextProvider = ({
147
145
  client,
148
146
  environment,
149
147
  queryEndpoint,
150
- withCredentials,
151
148
  queryHeaders,
152
149
  ]);
153
150
 
package/src/Dashboard.tsx CHANGED
@@ -10,7 +10,7 @@ import {
10
10
  } from './Context';
11
11
  import { startOfToday, sub } from 'date-fns';
12
12
  import { DateRangePicker } from './DateRangePicker/index';
13
- import axios from 'axios';
13
+ import axios from 'axios/index';
14
14
  import Modal from './components/Modal/Modal';
15
15
  import { HoveredValueContext, SelectedValueContext } from './contexts';
16
16
  import { DropdownItem } from './components/Dropdown';
@@ -59,7 +59,6 @@ export default function Dashboard({
59
59
  environment,
60
60
  queryEndpoint,
61
61
  queryHeaders,
62
- withCredentials,
63
62
  } = client;
64
63
  try {
65
64
  // const response = await fetch(
@@ -68,6 +67,7 @@ export default function Dashboard({
68
67
 
69
68
  if (queryEndpoint) {
70
69
  //&& queryHeaders
70
+ // @ts-ignore
71
71
  const response = await axios.post(
72
72
  queryEndpoint,
73
73
  {
@@ -75,7 +75,6 @@ export default function Dashboard({
75
75
  },
76
76
  {
77
77
  headers: queryHeaders,
78
- withCredentials,
79
78
  }
80
79
  );
81
80
 
package/src/PieChart.tsx CHANGED
@@ -567,12 +567,12 @@ function rgbToHsl(rgb) {
567
567
  const max = Math.max(r, g, b);
568
568
  const min = Math.min(r, g, b);
569
569
 
570
- const h = 0,
570
+ let h = 0,
571
571
  s = 0,
572
572
  l = (max + min) / 2;
573
573
 
574
574
  if (max !== min) {
575
- const d = max - min;
575
+ let d = max - min;
576
576
  s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
577
577
 
578
578
  switch (max) {
@@ -19,7 +19,6 @@ interface WithQueryEndpoint extends BaseQuillProviderProps {
19
19
  organizationId?: never;
20
20
  queryEndpoint: string;
21
21
  queryHeaders: object;
22
- withCredentials?: boolean;
23
22
  }
24
23
 
25
24
  type QuillProviderProps = WithOrganizationId | WithQueryEndpoint;
@@ -61,7 +60,6 @@ const QuillProvider = ({
61
60
  environment,
62
61
  children,
63
62
  theme = defaultTheme,
64
- withCredentials = false,
65
63
  }: QuillProviderProps) => {
66
64
  return (
67
65
  <ContextProvider
@@ -71,7 +69,6 @@ const QuillProvider = ({
71
69
  customerId={organizationId}
72
70
  queryEndpoint={queryEndpoint}
73
71
  queryHeaders={queryHeaders}
74
- withCredentials={withCredentials}
75
72
  >
76
73
  {children}
77
74
  </ContextProvider>
@@ -161,21 +161,15 @@ export default function ReportBuilder({
161
161
  }, []);
162
162
 
163
163
  const runQuery = async query => {
164
- const {
165
- publicKey,
166
- customerId,
167
- environment,
168
- queryEndpoint,
169
- queryHeaders,
170
- withCredentials,
171
- } = client;
164
+ const { publicKey, customerId, environment, queryEndpoint, queryHeaders } =
165
+ client;
172
166
 
173
167
  let response;
174
168
  if (queryEndpoint) {
175
169
  response = await axios.post(
176
170
  queryEndpoint,
177
171
  { metadata: { query, task: 'query' } },
178
- { headers: queryHeaders, withCredentials }
172
+ { headers: queryHeaders }
179
173
  );
180
174
  } else {
181
175
  response = await axios.post(