@vendorflow/components 2.1.0 → 3.0.4

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 (139) hide show
  1. package/lib/components/index.d.ts +1 -1
  2. package/lib/components/material-ui/DataTable/Data.d.ts +1 -1
  3. package/lib/components/material-ui/DataTable/DataTable.d.ts +9 -76
  4. package/lib/components/material-ui/DataTable/FilterTool/Filters/MultiSelectFilter.d.ts +1 -1
  5. package/lib/components/material-ui/DataTable/FilterTool/Filters/RangeFilter.d.ts +1 -1
  6. package/lib/components/material-ui/DataTable/FilterTool/Filters/SingleSelectFilter.d.ts +1 -1
  7. package/lib/components/material-ui/DataTable/FilterTool/Filters/TextFilter.d.ts +1 -1
  8. package/lib/components/material-ui/DataTable/FilterTool/index.d.ts +2 -2
  9. package/lib/components/material-ui/DataTable/TablePieces/BodyRow.d.ts +1 -1
  10. package/lib/components/material-ui/DataTable/TablePieces/HeaderCell.d.ts +1 -1
  11. package/lib/components/material-ui/DataTable/TablePieces/Toolbar.d.ts +1 -1
  12. package/lib/components/material-ui/DataTable/index.d.ts +1 -1
  13. package/lib/index.js +3 -14
  14. package/lib/index.js.LICENSE.txt +35 -0
  15. package/lib/index.js.map +1 -0
  16. package/lib/types/DataTable.types.d.ts +69 -0
  17. package/lib/types/index.d.ts +1 -0
  18. package/package.json +20 -99
  19. package/lib/TempHooks.d.ts +0 -9
  20. package/lib/TempHooks.js +0 -25
  21. package/lib/components/InfiniteScroll/InfiniteScroll.d.ts +0 -16
  22. package/lib/components/InfiniteScroll/InfiniteScroll.js +0 -159
  23. package/lib/components/InfiniteScroll/index.d.ts +0 -1
  24. package/lib/components/InfiniteScroll/index.js +0 -8
  25. package/lib/components/blueprint/InputGroup/InputGroup.d.ts +0 -20
  26. package/lib/components/blueprint/InputGroup/InputGroup.js +0 -13
  27. package/lib/components/blueprint/InputGroup/InputGroup.story.d.ts +0 -2
  28. package/lib/components/blueprint/InputGroup/InputGroup.story.js +0 -11
  29. package/lib/components/blueprint/InputGroup/index.d.ts +0 -1
  30. package/lib/components/blueprint/InputGroup/index.js +0 -4
  31. package/lib/components/blueprint/InputSelect/InputSelect.d.ts +0 -51
  32. package/lib/components/blueprint/InputSelect/InputSelect.js +0 -98
  33. package/lib/components/blueprint/InputSelect/InputSelect.story.d.ts +0 -3
  34. package/lib/components/blueprint/InputSelect/InputSelect.story.js +0 -19
  35. package/lib/components/blueprint/InputSelect/index.d.ts +0 -1
  36. package/lib/components/blueprint/InputSelect/index.js +0 -4
  37. package/lib/components/blueprint/InputTime/InputTime.d.ts +0 -24
  38. package/lib/components/blueprint/InputTime/InputTime.js +0 -28
  39. package/lib/components/blueprint/InputTime/InputTime.story.d.ts +0 -2
  40. package/lib/components/blueprint/InputTime/InputTime.story.js +0 -11
  41. package/lib/components/blueprint/InputTime/index.d.ts +0 -1
  42. package/lib/components/blueprint/InputTime/index.js +0 -4
  43. package/lib/components/index.js +0 -32
  44. package/lib/components/material-ui/AudioPlayer/AudioPlayer.js +0 -111
  45. package/lib/components/material-ui/AudioPlayer/AudioPlayer.story.js +0 -9
  46. package/lib/components/material-ui/AudioPlayer/index.js +0 -8
  47. package/lib/components/material-ui/Button/Button.js +0 -38
  48. package/lib/components/material-ui/Button/Button.story.js +0 -9
  49. package/lib/components/material-ui/Button/index.js +0 -8
  50. package/lib/components/material-ui/ButtonMenu/ButtonMenu.js +0 -115
  51. package/lib/components/material-ui/ButtonMenu/ButtonMenu.story.js +0 -79
  52. package/lib/components/material-ui/ButtonMenu/index.js +0 -8
  53. package/lib/components/material-ui/ChatInterface/ActionsMenu.d.ts +0 -4
  54. package/lib/components/material-ui/ChatInterface/ActionsMenu.js +0 -37
  55. package/lib/components/material-ui/ChatInterface/ChatInterface.d.ts +0 -33
  56. package/lib/components/material-ui/ChatInterface/ChatInterface.js +0 -109
  57. package/lib/components/material-ui/ChatInterface/ChatInterface.story.d.ts +0 -1
  58. package/lib/components/material-ui/ChatInterface/ChatInterface.story.js +0 -134
  59. package/lib/components/material-ui/ChatInterface/MessageInput.d.ts +0 -9
  60. package/lib/components/material-ui/ChatInterface/MessageInput.js +0 -53
  61. package/lib/components/material-ui/ChatInterface/MessageItem.d.ts +0 -8
  62. package/lib/components/material-ui/ChatInterface/MessageItem.js +0 -71
  63. package/lib/components/material-ui/ChatInterface/MessageThread.d.ts +0 -6
  64. package/lib/components/material-ui/ChatInterface/MessageThread.js +0 -119
  65. package/lib/components/material-ui/ChatInterface/index.d.ts +0 -1
  66. package/lib/components/material-ui/ChatInterface/index.js +0 -8
  67. package/lib/components/material-ui/ColorPicker/ColorPicker.js +0 -86
  68. package/lib/components/material-ui/ColorPicker/ColorPicker.story.js +0 -47
  69. package/lib/components/material-ui/ColorPicker/index.js +0 -8
  70. package/lib/components/material-ui/ColorPicker/styles.js +0 -24
  71. package/lib/components/material-ui/DataTable/AppliedFilters.d.ts +0 -12
  72. package/lib/components/material-ui/DataTable/AppliedFilters.js +0 -26
  73. package/lib/components/material-ui/DataTable/Data.js +0 -42
  74. package/lib/components/material-ui/DataTable/DataTable.js +0 -363
  75. package/lib/components/material-ui/DataTable/DataTable.story.js +0 -76
  76. package/lib/components/material-ui/DataTable/FilterTool/Filters/MultiSelectFilter.js +0 -63
  77. package/lib/components/material-ui/DataTable/FilterTool/Filters/RangeFilter.js +0 -76
  78. package/lib/components/material-ui/DataTable/FilterTool/Filters/SingleSelectFilter.js +0 -69
  79. package/lib/components/material-ui/DataTable/FilterTool/Filters/TextFilter.js +0 -52
  80. package/lib/components/material-ui/DataTable/FilterTool/index.js +0 -78
  81. package/lib/components/material-ui/DataTable/GlobalSearchFilter.d.ts +0 -10
  82. package/lib/components/material-ui/DataTable/GlobalSearchFilter.js +0 -49
  83. package/lib/components/material-ui/DataTable/IndeterminateCheckbox.d.ts +0 -4
  84. package/lib/components/material-ui/DataTable/IndeterminateCheckbox.js +0 -65
  85. package/lib/components/material-ui/DataTable/SortIndicator.d.ts +0 -10
  86. package/lib/components/material-ui/DataTable/SortIndicator.js +0 -33
  87. package/lib/components/material-ui/DataTable/TablePieces/AppliedFilters.js +0 -26
  88. package/lib/components/material-ui/DataTable/TablePieces/BodyCell.js +0 -50
  89. package/lib/components/material-ui/DataTable/TablePieces/BodyRow.js +0 -88
  90. package/lib/components/material-ui/DataTable/TablePieces/GlobalSearchFilter.js +0 -49
  91. package/lib/components/material-ui/DataTable/TablePieces/HeaderCell.js +0 -57
  92. package/lib/components/material-ui/DataTable/TablePieces/IndeterminateCheckbox.js +0 -65
  93. package/lib/components/material-ui/DataTable/TablePieces/SortIndicator.js +0 -33
  94. package/lib/components/material-ui/DataTable/TablePieces/Table.js +0 -47
  95. package/lib/components/material-ui/DataTable/TablePieces/TableBodyContent.js +0 -89
  96. package/lib/components/material-ui/DataTable/TablePieces/Toolbar.js +0 -59
  97. package/lib/components/material-ui/DataTable/TablePieces/ViewColumnTool.js +0 -77
  98. package/lib/components/material-ui/DataTable/Toolbar.d.ts +0 -24
  99. package/lib/components/material-ui/DataTable/Toolbar.js +0 -63
  100. package/lib/components/material-ui/DataTable/Utils.d.ts +0 -25
  101. package/lib/components/material-ui/DataTable/Utils.js +0 -119
  102. package/lib/components/material-ui/DataTable/ViewColumnTool.d.ts +0 -11
  103. package/lib/components/material-ui/DataTable/ViewColumnTool.js +0 -76
  104. package/lib/components/material-ui/DataTable/index.js +0 -8
  105. package/lib/components/material-ui/ErrorBoundary/ErrorBoundary.d.ts +0 -7
  106. package/lib/components/material-ui/ErrorBoundary/ErrorBoundary.js +0 -20
  107. package/lib/components/material-ui/ErrorBoundary/index.d.ts +0 -1
  108. package/lib/components/material-ui/ErrorBoundary/index.js +0 -8
  109. package/lib/components/material-ui/InputCheckboxGroup/InputCheckboxGroup.js +0 -99
  110. package/lib/components/material-ui/InputCheckboxGroup/InputCheckboxGroup.story.js +0 -52
  111. package/lib/components/material-ui/InputCheckboxGroup/index.js +0 -8
  112. package/lib/components/material-ui/InputDate/InputDate.js +0 -93
  113. package/lib/components/material-ui/InputDate/InputDate.story.js +0 -53
  114. package/lib/components/material-ui/InputDate/index.js +0 -8
  115. package/lib/components/material-ui/InputDateTime/InputDateTime.js +0 -82
  116. package/lib/components/material-ui/InputDateTime/InputDateTime.story.js +0 -53
  117. package/lib/components/material-ui/InputDateTime/index.js +0 -8
  118. package/lib/components/material-ui/InputGroup/InputGroup.js +0 -91
  119. package/lib/components/material-ui/InputGroup/InputGroup.story.js +0 -50
  120. package/lib/components/material-ui/InputGroup/index.js +0 -8
  121. package/lib/components/material-ui/InputRadioGroup/InputRadioGroup.js +0 -82
  122. package/lib/components/material-ui/InputRadioGroup/InputRadioGroup.story.js +0 -52
  123. package/lib/components/material-ui/InputRadioGroup/index.js +0 -8
  124. package/lib/components/material-ui/InputSearchDropdown/InputSearchDropdown.js +0 -146
  125. package/lib/components/material-ui/InputSearchDropdown/InputSearchDropdown.story.js +0 -66
  126. package/lib/components/material-ui/InputSearchDropdown/index.js +0 -8
  127. package/lib/components/material-ui/InputTime/InputTime.js +0 -82
  128. package/lib/components/material-ui/InputTime/InputTime.story.js +0 -53
  129. package/lib/components/material-ui/InputTime/index.js +0 -8
  130. package/lib/components/material-ui/Modal/Modal.js +0 -57
  131. package/lib/components/material-ui/Modal/Modal.story.js +0 -83
  132. package/lib/components/material-ui/Modal/index.js +0 -8
  133. package/lib/services/Select.service.d.ts +0 -5
  134. package/lib/services/Select.service.js +0 -67
  135. package/lib/stories/0-Inputs.stories.d.ts +0 -17
  136. package/lib/stories/0-Inputs.stories.js +0 -38
  137. package/lib/types/Component.types.js +0 -2
  138. package/lib/types/Internal.types.js +0 -2
  139. package/lib/types/index.js +0 -13
@@ -1,66 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- var __read = (this && this.__read) || function (o, n) {
22
- var m = typeof Symbol === "function" && o[Symbol.iterator];
23
- if (!m) return o;
24
- var i = m.call(o), r, ar = [], e;
25
- try {
26
- while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
27
- }
28
- catch (error) { e = { error: error }; }
29
- finally {
30
- try {
31
- if (r && !r.done && (m = i["return"])) m.call(i);
32
- }
33
- finally { if (e) throw e.error; }
34
- }
35
- return ar;
36
- };
37
- var __importDefault = (this && this.__importDefault) || function (mod) {
38
- return (mod && mod.__esModule) ? mod : { "default": mod };
39
- };
40
- Object.defineProperty(exports, "__esModule", { value: true });
41
- exports.InputSearchDropdownMulti = exports.InputSearchDropdownSingle = void 0;
42
- var react_1 = __importStar(require("react"));
43
- var InputSearchDropdown_1 = __importDefault(require("./InputSearchDropdown"));
44
- exports.default = {};
45
- var options = [
46
- { firstName: 'Alvin', lastName: 'Kamara', id: '1' },
47
- { firstName: 'Michael', lastName: 'Thomas', id: '2' },
48
- { firstName: 'Todd', lastName: 'Gurley', id: '3' },
49
- { firstName: 'Raheem', lastName: 'Mostert', id: '4' },
50
- { firstName: 'Tyeke', lastName: 'Hill', id: '5' },
51
- { firstName: 'Frank', lastName: 'Gore', id: '6' },
52
- { firstName: 'Patrick', lastName: 'Willis', id: '7' },
53
- ];
54
- var getKey = function (option) { return option.id; };
55
- var getOptionLabel = function (option) { return option.firstName + " " + option.lastName; };
56
- var errors = [true];
57
- var InputSearchDropdownSingle = function () {
58
- var _a = __read((0, react_1.useState)(null), 2), value = _a[0], setValue = _a[1];
59
- return (react_1.default.createElement(InputSearchDropdown_1.default, { name: "footballPlayer", label: "Football Player", options: options, getKey: getKey, getOptionLabel: getOptionLabel, onChange: function (evt) { return setValue(evt.target.value || null); }, value: value }));
60
- };
61
- exports.InputSearchDropdownSingle = InputSearchDropdownSingle;
62
- var InputSearchDropdownMulti = function () {
63
- var _a = __read((0, react_1.useState)([]), 2), value = _a[0], setValue = _a[1];
64
- return (react_1.default.createElement(InputSearchDropdown_1.default, { freeSolo: true, multiple: true, name: "footballPlayer", label: "Football Player", options: options, getKey: getKey, getOptionLabel: getOptionLabel, onChange: function (evt) { return setValue(evt.target.value); }, errors: errors, value: value, helperText: "hello", max: 10 }));
65
- };
66
- exports.InputSearchDropdownMulti = InputSearchDropdownMulti;
@@ -1,8 +0,0 @@
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.default = void 0;
7
- var InputSearchDropdown_1 = require("./InputSearchDropdown");
8
- Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(InputSearchDropdown_1).default; } });
@@ -1,82 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
16
- }) : (function(o, m, k, k2) {
17
- if (k2 === undefined) k2 = k;
18
- o[k2] = m[k];
19
- }));
20
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
21
- Object.defineProperty(o, "default", { enumerable: true, value: v });
22
- }) : function(o, v) {
23
- o["default"] = v;
24
- });
25
- var __importStar = (this && this.__importStar) || function (mod) {
26
- if (mod && mod.__esModule) return mod;
27
- var result = {};
28
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
29
- __setModuleDefault(result, mod);
30
- return result;
31
- };
32
- var __rest = (this && this.__rest) || function (s, e) {
33
- var t = {};
34
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
35
- t[p] = s[p];
36
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
37
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
38
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
39
- t[p[i]] = s[p[i]];
40
- }
41
- return t;
42
- };
43
- var __read = (this && this.__read) || function (o, n) {
44
- var m = typeof Symbol === "function" && o[Symbol.iterator];
45
- if (!m) return o;
46
- var i = m.call(o), r, ar = [], e;
47
- try {
48
- while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
49
- }
50
- catch (error) { e = { error: error }; }
51
- finally {
52
- try {
53
- if (r && !r.done && (m = i["return"])) m.call(i);
54
- }
55
- finally { if (e) throw e.error; }
56
- }
57
- return ar;
58
- };
59
- Object.defineProperty(exports, "__esModule", { value: true });
60
- var react_1 = __importStar(require("react"));
61
- var date_fns_1 = require("date-fns");
62
- var lab_1 = require("@mui/lab");
63
- var material_1 = require("@mui/material");
64
- var nanoid_1 = require("nanoid");
65
- function InputTime(props) {
66
- var _a = props.clearable, clearable = _a === void 0 ? true : _a, _b = props.inputFormat, inputFormat = _b === void 0 ? 'HH:mm' : _b, _c = props.InputProps, InputProps = _c === void 0 ? {} : _c, label = props.label, name = props.name, onChange = props.onChange, restOfProps = __rest(props, ["clearable", "inputFormat", "InputProps", "label", "name", "onChange"]);
67
- var _d = __read((0, react_1.useState)(null), 2), value = _d[0], setValue = _d[1];
68
- var id = (0, react_1.useRef)((0, nanoid_1.nanoid)());
69
- (0, react_1.useEffect)(function () {
70
- if (props.value) {
71
- setValue(props.value);
72
- }
73
- }, []);
74
- function handleOnChange(date) {
75
- setValue(date);
76
- if (date === null || (0, date_fns_1.isValid)(date)) {
77
- onChange({ target: { name: name, value: date ? (0, date_fns_1.formatISO)(date) : null } });
78
- }
79
- }
80
- return (react_1.default.createElement(lab_1.TimePicker, __assign({}, restOfProps, { clearable: clearable, inputFormat: inputFormat, label: label, onChange: handleOnChange, renderInput: function (params) { return (react_1.default.createElement(material_1.TextField, __assign({}, params, InputProps, { id: id.current, size: (InputProps === null || InputProps === void 0 ? void 0 : InputProps.size) || 'small' }))); }, value: value })));
81
- }
82
- exports.default = InputTime;
@@ -1,53 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- var __read = (this && this.__read) || function (o, n) {
22
- var m = typeof Symbol === "function" && o[Symbol.iterator];
23
- if (!m) return o;
24
- var i = m.call(o), r, ar = [], e;
25
- try {
26
- while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
27
- }
28
- catch (error) { e = { error: error }; }
29
- finally {
30
- try {
31
- if (r && !r.done && (m = i["return"])) m.call(i);
32
- }
33
- finally { if (e) throw e.error; }
34
- }
35
- return ar;
36
- };
37
- var __importDefault = (this && this.__importDefault) || function (mod) {
38
- return (mod && mod.__esModule) ? mod : { "default": mod };
39
- };
40
- Object.defineProperty(exports, "__esModule", { value: true });
41
- var react_1 = __importStar(require("react"));
42
- var lab_1 = require("@mui/lab");
43
- var InputTime_1 = __importDefault(require("./InputTime"));
44
- var AdapterDateFns_1 = __importDefault(require("@mui/lab/AdapterDateFns"));
45
- var InputTime = function () {
46
- var _a = __read((0, react_1.useState)(null), 2), value = _a[0], setValue = _a[1];
47
- return (react_1.default.createElement(lab_1.LocalizationProvider, { dateAdapter: AdapterDateFns_1.default },
48
- react_1.default.createElement(InputTime_1.default, { label: "Bedtime", value: value, onChange: function (_a) {
49
- var value = _a.target.value;
50
- return setValue(value);
51
- } })));
52
- };
53
- exports.default = InputTime;
@@ -1,8 +0,0 @@
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.default = void 0;
7
- var InputTime_1 = require("./InputTime");
8
- Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(InputTime_1).default; } });
@@ -1,57 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __rest = (this && this.__rest) || function (s, e) {
18
- var t = {};
19
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
20
- t[p] = s[p];
21
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
22
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
23
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
24
- t[p[i]] = s[p[i]];
25
- }
26
- return t;
27
- };
28
- var __importDefault = (this && this.__importDefault) || function (mod) {
29
- return (mod && mod.__esModule) ? mod : { "default": mod };
30
- };
31
- Object.defineProperty(exports, "__esModule", { value: true });
32
- /** @jsxRuntime classic */
33
- /** @jsx jsx */
34
- var react_1 = require("@emotion/react");
35
- var material_1 = require("@mui/material");
36
- var Button_1 = __importDefault(require("../Button"));
37
- function Modal(props) {
38
- var children = props.children, classes = props.classes, cancelButton = props.cancelButton, okayButton = props.okayButton, onClose = props.onClose, submitting = props.submitting, open = props.open, title = props.title, progressValue = props.progressValue, footer = props.footer, restOfProps = __rest(props, ["children", "classes", "cancelButton", "okayButton", "onClose", "submitting", "open", "title", "progressValue", "footer"]);
39
- var showProgressBar = typeof progressValue !== 'undefined' && submitting;
40
- return ((0, react_1.jsx)(material_1.Dialog, __assign({}, restOfProps, { classes: classes, open: open, onClose: onClose }),
41
- (0, react_1.jsx)(material_1.DialogTitle, null, title),
42
- (0, react_1.jsx)(material_1.DialogContent, null, typeof children === 'string' ? (0, react_1.jsx)(material_1.DialogContentText, null, children) : children),
43
- (0, react_1.jsx)("div", { css: (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: 0 24px;\n "], ["\n margin: 0 24px;\n "]))) }, footer),
44
- (0, react_1.jsx)("div", { css: (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n "], ["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n "]))) },
45
- showProgressBar && ((0, react_1.jsx)(material_1.LinearProgress, { css: function (theme) {
46
- var _a, _b;
47
- return (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-left: 20px;\n width: -webkit-fill-available;\n border-radius: 5px;\n color: ", ";\n\n & .MuiLinearProgress-bar {\n border-radius: 5px;\n }\n "], ["\n margin-left: 20px;\n width: -webkit-fill-available;\n border-radius: 5px;\n color: ", ";\n\n & .MuiLinearProgress-bar {\n border-radius: 5px;\n }\n "])), ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _a === void 0 ? void 0 : _a.primary) === null || _b === void 0 ? void 0 : _b.main) || 'hsl(321, 53%, 31%)');
48
- }, variant: "determinate", value: progressValue })),
49
- (0, react_1.jsx)(material_1.DialogActions, null,
50
- cancelButton && !showProgressBar && ((0, react_1.jsx)(Button_1.default, { variant: "text", disabled: cancelButton.disabled || submitting, onClick: cancelButton.onClick }, cancelButton.text)),
51
- okayButton && ((0, react_1.jsx)(Button_1.default, { css: function (theme) {
52
- var _a, _b;
53
- return (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n &&.MuiButton-root .MuiCircularProgress-root {\n color: ", ";\n }\n "], ["\n &&.MuiButton-root .MuiCircularProgress-root {\n color: ", ";\n }\n "])), ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _a === void 0 ? void 0 : _a.primary) === null || _b === void 0 ? void 0 : _b.main) || 'hsl(321, 53%, 31%)');
54
- }, color: "primary", variant: "text", disabled: okayButton.disabled, onClick: okayButton.onClick, loading: submitting }, okayButton.text))))));
55
- }
56
- exports.default = Modal;
57
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
@@ -1,83 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- var __read = (this && this.__read) || function (o, n) {
22
- var m = typeof Symbol === "function" && o[Symbol.iterator];
23
- if (!m) return o;
24
- var i = m.call(o), r, ar = [], e;
25
- try {
26
- while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
27
- }
28
- catch (error) { e = { error: error }; }
29
- finally {
30
- try {
31
- if (r && !r.done && (m = i["return"])) m.call(i);
32
- }
33
- finally { if (e) throw e.error; }
34
- }
35
- return ar;
36
- };
37
- var __importDefault = (this && this.__importDefault) || function (mod) {
38
- return (mod && mod.__esModule) ? mod : { "default": mod };
39
- };
40
- Object.defineProperty(exports, "__esModule", { value: true });
41
- var react_1 = __importStar(require("react"));
42
- var Button_1 = __importDefault(require("../Button"));
43
- var Modal_1 = __importDefault(require("./Modal"));
44
- var Modal = function () {
45
- var _a = __read((0, react_1.useState)(false), 2), open = _a[0], setOpen = _a[1];
46
- var _b = __read((0, react_1.useState)(0), 2), progressValue = _b[0], setProgressValue = _b[1];
47
- var _c = __read((0, react_1.useState)(false), 2), isSubmitting = _c[0], setIsSubmitting = _c[1];
48
- react_1.default.useEffect(function () {
49
- var timer = setInterval(function () {
50
- if (isSubmitting) {
51
- setProgressValue(function (progressValue) {
52
- if (progressValue === 100) {
53
- alert('Have a great day!!');
54
- handleOnClose();
55
- }
56
- var diff = Math.random() * 15;
57
- return Math.min(progressValue + diff, 100);
58
- });
59
- }
60
- }, 500);
61
- return function () {
62
- clearInterval(timer);
63
- };
64
- }, [isSubmitting]);
65
- function handleOnClose() {
66
- setOpen(false);
67
- setIsSubmitting(false);
68
- setProgressValue(0);
69
- }
70
- return (react_1.default.createElement(react_1.default.Fragment, null,
71
- react_1.default.createElement(Button_1.default, { color: "primary", onClick: function () { return setOpen(true); } }, "Open"),
72
- react_1.default.createElement(Modal_1.default, { open: open, submitting: isSubmitting, title: "My Modal", onClose: handleOnClose, cancelButton: {
73
- text: 'Cancel',
74
- onClick: function () { return alert('You canceled it!'); },
75
- }, okayButton: {
76
- text: 'Okay',
77
- onClick: function () {
78
- alert('Okay!');
79
- setIsSubmitting(true);
80
- },
81
- }, progressValue: progressValue, footer: react_1.default.createElement("div", null, "Cheers!") }, "Hello there! How are you today?")));
82
- };
83
- exports.default = Modal;
@@ -1,8 +0,0 @@
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.default = void 0;
7
- var Modal_1 = require("./Modal");
8
- Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Modal_1).default; } });
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import { IItemRendererProps } from '@blueprintjs/select';
3
- import { UniqueKey, InputValueRender } from 'types/Component.types';
4
- export declare function getFilter<T>(inputValueRenderer: InputValueRender<T>): (query: string, item: T, index?: number | undefined, exactMatch?: boolean | undefined) => boolean;
5
- export declare function getItemRenderer<T>(uniqueKey: UniqueKey<T>, inputValueRenderer: InputValueRender<T>, isItemSelected?: (item: T) => boolean): (item: T, { handleClick, modifiers, query }: IItemRendererProps) => JSX.Element | null;
@@ -1,67 +0,0 @@
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
- var react_1 = __importDefault(require("react"));
7
- var core_1 = require("@blueprintjs/core");
8
- function escapeRegExpChars(text) {
9
- return text.replace(/([.*+?^=!:${}()|[\]/\\])/g, '\\$1');
10
- }
11
- function highlightText(text, query) {
12
- var lastIndex = 0;
13
- var words = query
14
- .split(/\s+/)
15
- .filter(function (word) { return word.length > 0; })
16
- .map(escapeRegExpChars);
17
- if (words.length === 0) {
18
- return [text];
19
- }
20
- var regexp = new RegExp(words.join('|'), 'gi');
21
- var tokens = [];
22
- while (true) {
23
- var match = regexp.exec(text);
24
- if (!match) {
25
- break;
26
- }
27
- var length_1 = match[0].length;
28
- var before = text.slice(lastIndex, regexp.lastIndex - length_1);
29
- if (before.length > 0) {
30
- tokens.push(before);
31
- }
32
- lastIndex = regexp.lastIndex;
33
- tokens.push(react_1.default.createElement("strong", { key: lastIndex }, match[0]));
34
- }
35
- var rest = text.slice(lastIndex);
36
- if (rest.length > 0) {
37
- tokens.push(rest);
38
- }
39
- return tokens;
40
- }
41
- function getFilter(inputValueRenderer) {
42
- return function filterItems(query, item, index, exactMatch) {
43
- return exactMatch
44
- ? inputValueRenderer(item).toLowerCase() === query.toLowerCase()
45
- : inputValueRenderer(item).toLowerCase().includes(query.toLowerCase());
46
- };
47
- }
48
- exports.getFilter = getFilter;
49
- function getItemRenderer(uniqueKey, inputValueRenderer, isItemSelected) {
50
- return function renderItem(item, _a) {
51
- var handleClick = _a.handleClick, modifiers = _a.modifiers, query = _a.query;
52
- if (!modifiers.matchesPredicate) {
53
- return null;
54
- }
55
- var text = inputValueRenderer(item);
56
- var key = null;
57
- if (typeof uniqueKey === 'string') {
58
- // @ts-ignore
59
- key = item[uniqueKey];
60
- }
61
- else if (typeof uniqueKey === 'function') {
62
- key = uniqueKey(item);
63
- }
64
- return (react_1.default.createElement(core_1.MenuItem, { active: modifiers.active, icon: isItemSelected && isItemSelected(item) ? 'tick' : 'blank', disabled: modifiers.disabled, label: undefined, key: key, onClick: handleClick, text: highlightText(text, query) }));
65
- };
66
- }
67
- exports.getItemRenderer = getItemRenderer;
@@ -1,17 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- };
4
- export default _default;
5
- export { default as AudioPlayer } from '../components/material-ui/AudioPlayer/AudioPlayer.story';
6
- export { default as Button } from '../components/material-ui/Button/Button.story';
7
- export { ButtonMenuUsingDefault, ButtonMenuUsingCustom, ButtonMenuDisableTest, } from '../components/material-ui/ButtonMenu/ButtonMenu.story';
8
- export { default as ColorPicker } from '../components/material-ui/ColorPicker/ColorPicker.story';
9
- export { default as DataTable } from '../components/material-ui/DataTable/DataTable.story';
10
- export { default as InputDate } from '../components/material-ui/InputDate/InputDate.story';
11
- export { default as InputDateTime } from '../components/material-ui/InputDateTime/InputDateTime.story';
12
- export { default as InputGroup } from '../components/material-ui/InputGroup/InputGroup.story';
13
- export { default as InputCheckboxGroup } from '../components/material-ui/InputCheckboxGroup/InputCheckboxGroup.story';
14
- export { default as InputRadioGroup } from '../components/material-ui/InputRadioGroup/InputRadioGroup.story';
15
- export { InputSearchDropdownSingle, InputSearchDropdownMulti, } from '../components/material-ui/InputSearchDropdown/InputSearchDropdown.story';
16
- export { default as InputTime } from '../components/material-ui/InputTime/InputTime.story';
17
- export { default as Modal } from '../components/material-ui/Modal/Modal.story';
@@ -1,38 +0,0 @@
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.Modal = exports.InputTime = exports.InputSearchDropdownMulti = exports.InputSearchDropdownSingle = exports.InputRadioGroup = exports.InputCheckboxGroup = exports.InputGroup = exports.InputDateTime = exports.InputDate = exports.DataTable = exports.ColorPicker = exports.ButtonMenuDisableTest = exports.ButtonMenuUsingCustom = exports.ButtonMenuUsingDefault = exports.Button = exports.AudioPlayer = void 0;
7
- exports.default = {
8
- title: 'Inputs',
9
- };
10
- var AudioPlayer_story_1 = require("../components/material-ui/AudioPlayer/AudioPlayer.story");
11
- Object.defineProperty(exports, "AudioPlayer", { enumerable: true, get: function () { return __importDefault(AudioPlayer_story_1).default; } });
12
- var Button_story_1 = require("../components/material-ui/Button/Button.story");
13
- Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_story_1).default; } });
14
- var ButtonMenu_story_1 = require("../components/material-ui/ButtonMenu/ButtonMenu.story");
15
- Object.defineProperty(exports, "ButtonMenuUsingDefault", { enumerable: true, get: function () { return ButtonMenu_story_1.ButtonMenuUsingDefault; } });
16
- Object.defineProperty(exports, "ButtonMenuUsingCustom", { enumerable: true, get: function () { return ButtonMenu_story_1.ButtonMenuUsingCustom; } });
17
- Object.defineProperty(exports, "ButtonMenuDisableTest", { enumerable: true, get: function () { return ButtonMenu_story_1.ButtonMenuDisableTest; } });
18
- var ColorPicker_story_1 = require("../components/material-ui/ColorPicker/ColorPicker.story");
19
- Object.defineProperty(exports, "ColorPicker", { enumerable: true, get: function () { return __importDefault(ColorPicker_story_1).default; } });
20
- var DataTable_story_1 = require("../components/material-ui/DataTable/DataTable.story");
21
- Object.defineProperty(exports, "DataTable", { enumerable: true, get: function () { return __importDefault(DataTable_story_1).default; } });
22
- var InputDate_story_1 = require("../components/material-ui/InputDate/InputDate.story");
23
- Object.defineProperty(exports, "InputDate", { enumerable: true, get: function () { return __importDefault(InputDate_story_1).default; } });
24
- var InputDateTime_story_1 = require("../components/material-ui/InputDateTime/InputDateTime.story");
25
- Object.defineProperty(exports, "InputDateTime", { enumerable: true, get: function () { return __importDefault(InputDateTime_story_1).default; } });
26
- var InputGroup_story_1 = require("../components/material-ui/InputGroup/InputGroup.story");
27
- Object.defineProperty(exports, "InputGroup", { enumerable: true, get: function () { return __importDefault(InputGroup_story_1).default; } });
28
- var InputCheckboxGroup_story_1 = require("../components/material-ui/InputCheckboxGroup/InputCheckboxGroup.story");
29
- Object.defineProperty(exports, "InputCheckboxGroup", { enumerable: true, get: function () { return __importDefault(InputCheckboxGroup_story_1).default; } });
30
- var InputRadioGroup_story_1 = require("../components/material-ui/InputRadioGroup/InputRadioGroup.story");
31
- Object.defineProperty(exports, "InputRadioGroup", { enumerable: true, get: function () { return __importDefault(InputRadioGroup_story_1).default; } });
32
- var InputSearchDropdown_story_1 = require("../components/material-ui/InputSearchDropdown/InputSearchDropdown.story");
33
- Object.defineProperty(exports, "InputSearchDropdownSingle", { enumerable: true, get: function () { return InputSearchDropdown_story_1.InputSearchDropdownSingle; } });
34
- Object.defineProperty(exports, "InputSearchDropdownMulti", { enumerable: true, get: function () { return InputSearchDropdown_story_1.InputSearchDropdownMulti; } });
35
- var InputTime_story_1 = require("../components/material-ui/InputTime/InputTime.story");
36
- Object.defineProperty(exports, "InputTime", { enumerable: true, get: function () { return __importDefault(InputTime_story_1).default; } });
37
- var Modal_story_1 = require("../components/material-ui/Modal/Modal.story");
38
- Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return __importDefault(Modal_story_1).default; } });
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,13 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- __exportStar(require("./Component.types"), exports);