oolib 2.207.1 → 2.208.1

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 (161) hide show
  1. package/dist/components/DateRangePicker/index.js +2 -2
  2. package/dist/components/GroupQuestionsInputSingle/index.js +2 -2
  3. package/dist/components/IFrameInput/index.js +1 -1
  4. package/dist/components/ImageInput/comps/Placeholder/index.js +1 -1
  5. package/dist/components/SimpleTable/index.js +2 -2
  6. package/dist/components/VideoInput/comps/EmbedLinkModal.js +1 -1
  7. package/dist/components/cards/ListProfile/index.js +1 -1
  8. package/dist/index.d.ts +8 -9
  9. package/dist/index.js +25 -33
  10. package/dist/stories/Oolib/components/Modal.stories.js +2 -2
  11. package/dist/stories/Oolib/components/TagsInput.stories.js +1 -1
  12. package/dist/stories/v2/components/visualization/HeatMapGrid.stories.d.ts +1 -0
  13. package/dist/stories/v2/components/visualization/HeatMapGrid.stories.js +83 -1
  14. package/dist/v2/components/DateRangePicker/index.js +1 -2
  15. package/dist/v2/components/TabBar/index.js +3 -3
  16. package/dist/v2/components/TextInputs/index.js +0 -7
  17. package/dist/v2/components/TextInputs/index.styled.js +1 -1
  18. package/dist/v2/components/dataviz/HeatMapGrid/index.js +23 -28
  19. package/dist/v2/components/dataviz/HeatMapGrid/utils/usePrepareHeatMapData.d.ts +33 -0
  20. package/dist/v2/components/dataviz/HeatMapGrid/utils/usePrepareHeatMapData.js +117 -0
  21. package/package.json +1 -1
  22. package/dist/components/BlockLabel/index.d.ts +0 -2
  23. package/dist/components/BlockLabel/index.js +0 -75
  24. package/dist/components/BlockLabel/index.styled.d.ts +0 -2
  25. package/dist/components/BlockLabel/index.styled.js +0 -14
  26. package/dist/components/Dropdowns/DropdownMulti/index.d.ts +0 -38
  27. package/dist/components/Dropdowns/DropdownMulti/index.js +0 -179
  28. package/dist/components/Dropdowns/DropdownSingle/index.d.ts +0 -40
  29. package/dist/components/Dropdowns/DropdownSingle/index.js +0 -163
  30. package/dist/components/Dropdowns/comps/Caret/index.d.ts +0 -6
  31. package/dist/components/Dropdowns/comps/Caret/index.js +0 -19
  32. package/dist/components/Dropdowns/comps/Caret/styled.d.ts +0 -2
  33. package/dist/components/Dropdowns/comps/Caret/styled.js +0 -14
  34. package/dist/components/Dropdowns/comps/DisplayCompSingle/index.d.ts +0 -7
  35. package/dist/components/Dropdowns/comps/DisplayCompSingle/index.js +0 -39
  36. package/dist/components/Dropdowns/comps/NoOptionResultsComp/index.d.ts +0 -4
  37. package/dist/components/Dropdowns/comps/NoOptionResultsComp/index.js +0 -15
  38. package/dist/components/Dropdowns/comps/OptionContent/index.d.ts +0 -8
  39. package/dist/components/Dropdowns/comps/OptionContent/index.js +0 -34
  40. package/dist/components/Dropdowns/comps/OptionsMulti/index.d.ts +0 -28
  41. package/dist/components/Dropdowns/comps/OptionsMulti/index.js +0 -159
  42. package/dist/components/Dropdowns/comps/OptionsShell/comps/OptionsAnimateWrapper/index.d.ts +0 -14
  43. package/dist/components/Dropdowns/comps/OptionsShell/comps/OptionsAnimateWrapper/index.js +0 -81
  44. package/dist/components/Dropdowns/comps/OptionsShell/comps/OptionsAnimateWrapper/styled.d.ts +0 -2
  45. package/dist/components/Dropdowns/comps/OptionsShell/comps/OptionsAnimateWrapper/styled.js +0 -25
  46. package/dist/components/Dropdowns/comps/OptionsShell/index.d.ts +0 -2
  47. package/dist/components/Dropdowns/comps/OptionsShell/index.js +0 -101
  48. package/dist/components/Dropdowns/comps/OptionsShell/styled.d.ts +0 -5
  49. package/dist/components/Dropdowns/comps/OptionsShell/styled.js +0 -45
  50. package/dist/components/Dropdowns/comps/OptionsSingle/index.d.ts +0 -28
  51. package/dist/components/Dropdowns/comps/OptionsSingle/index.js +0 -105
  52. package/dist/components/Dropdowns/comps/OptionsSingle/styled.d.ts +0 -1
  53. package/dist/components/Dropdowns/comps/OptionsSingle/styled.js +0 -61
  54. package/dist/components/Dropdowns/comps/SelectDropdown/index.d.ts +0 -13
  55. package/dist/components/Dropdowns/comps/SelectDropdown/index.js +0 -54
  56. package/dist/components/Dropdowns/comps/SelectDropdown/styled.d.ts +0 -1
  57. package/dist/components/Dropdowns/comps/SelectDropdown/styled.js +0 -71
  58. package/dist/components/Dropdowns/comps/SelectTagsInput/index.d.ts +0 -18
  59. package/dist/components/Dropdowns/comps/SelectTagsInput/index.js +0 -124
  60. package/dist/components/Dropdowns/comps/SelectTagsInput/styled.d.ts +0 -2
  61. package/dist/components/Dropdowns/comps/SelectTagsInput/styled.js +0 -54
  62. package/dist/components/Dropdowns/handlers/index.d.ts +0 -14
  63. package/dist/components/Dropdowns/handlers/index.js +0 -52
  64. package/dist/components/Dropdowns/styled.d.ts +0 -2
  65. package/dist/components/Dropdowns/styled.js +0 -49
  66. package/dist/components/Dropdowns/utils/genColor.d.ts +0 -4
  67. package/dist/components/Dropdowns/utils/genColor.js +0 -15
  68. package/dist/components/Dropdowns/utils/genIcon.d.ts +0 -6
  69. package/dist/components/Dropdowns/utils/genIcon.js +0 -18
  70. package/dist/components/Dropdowns/utils/genLinkOrText.d.ts +0 -1
  71. package/dist/components/Dropdowns/utils/genLinkOrText.js +0 -48
  72. package/dist/components/Dropdowns/utils/genProfileImg.d.ts +0 -6
  73. package/dist/components/Dropdowns/utils/genProfileImg.js +0 -14
  74. package/dist/components/Dropdowns/utils/genTagComp.d.ts +0 -2
  75. package/dist/components/Dropdowns/utils/genTagComp.js +0 -27
  76. package/dist/components/Dropdowns/utils/generateOptions.d.ts +0 -5
  77. package/dist/components/Dropdowns/utils/generateOptions.js +0 -20
  78. package/dist/components/Dropdowns/utils/getAllOptionsFns/genMonthsArray.d.ts +0 -1
  79. package/dist/components/Dropdowns/utils/getAllOptionsFns/genMonthsArray.js +0 -40
  80. package/dist/components/Dropdowns/utils/getAllOptionsFns/genYearsArray.d.ts +0 -4
  81. package/dist/components/Dropdowns/utils/getAllOptionsFns/genYearsArray.js +0 -11
  82. package/dist/components/Dropdowns/utils/getAllOptionsFns/getLanguagesArray.d.ts +0 -4
  83. package/dist/components/Dropdowns/utils/getAllOptionsFns/getLanguagesArray.js +0 -62
  84. package/dist/components/Dropdowns/utils/getAllOptionsFns/index.d.ts +0 -1
  85. package/dist/components/Dropdowns/utils/getAllOptionsFns/index.js +0 -19
  86. package/dist/components/Dropdowns/utils/getValue.d.ts +0 -14
  87. package/dist/components/Dropdowns/utils/getValue.js +0 -32
  88. package/dist/components/Dropdowns/utils/isDynamicOtherOption.d.ts +0 -0
  89. package/dist/components/Dropdowns/utils/isDynamicOtherOption.js +0 -0
  90. package/dist/components/Dropdowns/utils/keywordSearchOptions.d.ts +0 -6
  91. package/dist/components/Dropdowns/utils/keywordSearchOptions.js +0 -18
  92. package/dist/components/Dropdowns/utils/setDropdownSelectText.d.ts +0 -12
  93. package/dist/components/Dropdowns/utils/setDropdownSelectText.js +0 -19
  94. package/dist/components/Dropdowns/utils/useCreateDropdownRefs.d.ts +0 -5
  95. package/dist/components/Dropdowns/utils/useCreateDropdownRefs.js +0 -15
  96. package/dist/components/Dropdowns/utils/useHideShowOptions.d.ts +0 -5
  97. package/dist/components/Dropdowns/utils/useHideShowOptions.js +0 -20
  98. package/dist/components/Dropdowns/utils/useKeyboardControl.d.ts +0 -12
  99. package/dist/components/Dropdowns/utils/useKeyboardControl.js +0 -73
  100. package/dist/components/Dropdowns/utils/useSearchString.d.ts +0 -4
  101. package/dist/components/Dropdowns/utils/useSearchString.js +0 -20
  102. package/dist/components/Dropdowns/utils/useSetYOrientation.d.ts +0 -9
  103. package/dist/components/Dropdowns/utils/useSetYOrientation.js +0 -46
  104. package/dist/components/Hints/contextApi.d.ts +0 -6
  105. package/dist/components/Hints/contextApi.js +0 -48
  106. package/dist/components/Hints/index.d.ts +0 -9
  107. package/dist/components/Hints/index.js +0 -127
  108. package/dist/components/Hints/styled.d.ts +0 -6
  109. package/dist/components/Hints/styled.js +0 -54
  110. package/dist/components/RadioAndCheckbox/comps/CheckboxList/comps/CheckboxButton/index.d.ts +0 -11
  111. package/dist/components/RadioAndCheckbox/comps/CheckboxList/comps/CheckboxButton/index.js +0 -30
  112. package/dist/components/RadioAndCheckbox/comps/CheckboxList/comps/CheckboxButton/styled.d.ts +0 -1
  113. package/dist/components/RadioAndCheckbox/comps/CheckboxList/comps/CheckboxButton/styled.js +0 -70
  114. package/dist/components/RadioAndCheckbox/comps/CheckboxList/comps/CheckboxInput/index.d.ts +0 -11
  115. package/dist/components/RadioAndCheckbox/comps/CheckboxList/comps/CheckboxInput/index.js +0 -50
  116. package/dist/components/RadioAndCheckbox/comps/CheckboxList/index.d.ts +0 -20
  117. package/dist/components/RadioAndCheckbox/comps/CheckboxList/index.js +0 -124
  118. package/dist/components/RadioAndCheckbox/comps/CheckboxList/styled.d.ts +0 -2
  119. package/dist/components/RadioAndCheckbox/comps/CheckboxList/styled.js +0 -17
  120. package/dist/components/RadioAndCheckbox/comps/RadioList/comps/RadioInput/index.d.ts +0 -18
  121. package/dist/components/RadioAndCheckbox/comps/RadioList/comps/RadioInput/index.js +0 -53
  122. package/dist/components/RadioAndCheckbox/comps/RadioList/comps/RadioInput/styled.d.ts +0 -2
  123. package/dist/components/RadioAndCheckbox/comps/RadioList/comps/RadioInput/styled.js +0 -84
  124. package/dist/components/RadioAndCheckbox/comps/RadioList/comps/index.d.ts +0 -1
  125. package/dist/components/RadioAndCheckbox/comps/RadioList/comps/index.js +0 -6
  126. package/dist/components/RadioAndCheckbox/comps/RadioList/index.d.ts +0 -17
  127. package/dist/components/RadioAndCheckbox/comps/RadioList/index.js +0 -109
  128. package/dist/components/RadioAndCheckbox/index.d.ts +0 -5
  129. package/dist/components/RadioAndCheckbox/index.js +0 -14
  130. package/dist/components/RadioAndCheckbox/styled.d.ts +0 -5
  131. package/dist/components/RadioAndCheckbox/styled.js +0 -84
  132. package/dist/components/RadioAndCheckbox/utils.d.ts +0 -22
  133. package/dist/components/RadioAndCheckbox/utils.js +0 -49
  134. package/dist/components/Switches/index.d.ts +0 -21
  135. package/dist/components/Switches/index.js +0 -102
  136. package/dist/components/Switches/styled.d.ts +0 -5
  137. package/dist/components/Switches/styled.js +0 -63
  138. package/dist/components/TextInputs/index.d.ts +0 -24
  139. package/dist/components/TextInputs/index.js +0 -367
  140. package/dist/components/TextInputs/index.styled.d.ts +0 -3
  141. package/dist/components/TextInputs/index.styled.js +0 -77
  142. package/dist/components/cards/CardContent/index.d.ts +0 -11
  143. package/dist/components/cards/CardContent/index.js +0 -76
  144. package/dist/components/cards/CardContent/styled.d.ts +0 -7
  145. package/dist/components/cards/CardContent/styled.js +0 -63
  146. package/dist/components/cards/ListContent/index.d.ts +0 -12
  147. package/dist/components/cards/ListContent/index.js +0 -87
  148. package/dist/components/cards/ListContent/styled.d.ts +0 -7
  149. package/dist/components/cards/ListContent/styled.js +0 -26
  150. package/dist/stories/Oolib/components/BlockLabel.stories.d.ts +0 -71
  151. package/dist/stories/Oolib/components/BlockLabel.stories.js +0 -106
  152. package/dist/stories/Oolib/components/Checkbox.stories.d.ts +0 -248
  153. package/dist/stories/Oolib/components/Checkbox.stories.js +0 -249
  154. package/dist/stories/Oolib/components/Dropdowns.stories.d.ts +0 -127
  155. package/dist/stories/Oolib/components/Dropdowns.stories.js +0 -298
  156. package/dist/stories/Oolib/components/RadioButton.stories.d.ts +0 -260
  157. package/dist/stories/Oolib/components/RadioButton.stories.js +0 -264
  158. package/dist/stories/Oolib/components/Switches.stories.d.ts +0 -106
  159. package/dist/stories/Oolib/components/Switches.stories.js +0 -146
  160. package/dist/stories/Oolib/components/TextInputs.stories.d.ts +0 -124
  161. package/dist/stories/Oolib/components/TextInputs.stories.js +0 -188
@@ -1,124 +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
- 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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.SelectTagsInput = void 0;
37
- var react_1 = __importStar(require("react"));
38
- var styled_components_1 = require("styled-components");
39
- var themes_1 = require("../../../../themes");
40
- var getKeyCode_1 = require("../../../../utils/getKeyCode");
41
- var toArray_1 = require("../../../../utils/toArray");
42
- var utilsOolib_1 = require("../../../../utilsOolib");
43
- var Typo_1 = require("../../../Typo");
44
- var styled_1 = require("../../styled");
45
- var genTagComp_1 = require("../../utils/genTagComp");
46
- var styled_2 = require("./styled");
47
- var SelectTagsInput = function (_a) {
48
- var
49
- //from root
50
- invert = _a.invert, id = _a.id, value = _a.value, disabled = _a.disabled,
51
- // genCustomSelectComp,
52
- handleSelect = _a.handleSelect, searchString = _a.searchString, setSearchString = _a.setSearchString, placeholder = _a.placeholder,
53
- // minHeight, // standard | wide | actual height in rem
54
- setFocusSelectTagsInput = _a.setFocusSelectTagsInput, focusSelectTagsInput = _a.focusSelectTagsInput, //force focus when after an option is selected in multiselect
55
- single_multi = _a.single_multi, showOptions = _a.showOptions, S = _a.S, tagColor = _a.tagColor, style = _a.style;
56
- var inputRef = (0, react_1.useRef)(null);
57
- var theme = (0, styled_components_1.useTheme)();
58
- var localize = (0, utilsOolib_1.useLocale)();
59
- var _b = (0, react_1.useState)(false), isFocussed = _b[0], setIsFocussed = _b[1];
60
- var handleFocus = function (bool) {
61
- setIsFocussed(bool);
62
- if (bool && inputRef.current)
63
- inputRef.current.focus(); //focus text input
64
- };
65
- var blurInputOnEscKey = function (e) {
66
- var code = (0, getKeyCode_1.getKeyCode)(e);
67
- if (code === "Escape") {
68
- inputRef.current.blur();
69
- }
70
- };
71
- (0, react_1.useEffect)(function () {
72
- if (focusSelectTagsInput) {
73
- //it gets initiated as 0. which means on first mount this wont run. which is what we want
74
- handleFocus(true);
75
- }
76
- }, [focusSelectTagsInput]);
77
- var genSelectedTagsTextLabel = function () {
78
- var TYPO_COMP = S ? Typo_1.SANS_2 : Typo_1.SANS_3;
79
- return (react_1.default.createElement("div", { style: {
80
- minHeight: S ? "2rem" : "3rem",
81
- display: "flex",
82
- alignItems: "center",
83
- } },
84
- react_1.default.createElement(TYPO_COMP, { color: disabled
85
- ? themes_1.colors.greyColor40
86
- : invert
87
- ? themes_1.colors.white
88
- : themes_1.colors.greyColor80 }, "".concat(localize('Selected Tags'), ":"))));
89
- };
90
- var genSelectComp = function () {
91
- // const minHeightStyle = minHeight
92
- // ? minHeight === "standard"
93
- // ? "4rem"
94
- // : minHeight === "wide"
95
- // ? "9rem"
96
- // : minHeight // else use explicit value
97
- // : "9rem"; //wide by default
98
- return (react_1.default.createElement(styled_2.StyledSelectTagsInputContainer, { onKeyDown: blurInputOnEscKey,
99
- // style={{ minHeight: '9rem' }}
100
- style: style, className: "".concat(isFocussed ? "focussed" : ""), invert: invert, disabled: disabled, onFocus: function () {
101
- handleFocus(true);
102
- }, onBlur: function () { return handleFocus(false); }, tabIndex: 0 },
103
- react_1.default.createElement(styled_1.StyledTagsInputWrapper, null,
104
- genSelectedTagsTextLabel(),
105
- value &&
106
- (0, toArray_1.toArray)(value).map(function (d) {
107
- return (0, genTagComp_1.genTagComp)(id, d, {
108
- handleSelect: handleSelect,
109
- single_multi: single_multi,
110
- invert: invert,
111
- showOptions: showOptions,
112
- theme: theme,
113
- S: S,
114
- color: tagColor
115
- });
116
- }),
117
- // isCombobox ? (
118
- react_1.default.createElement(styled_2.StyledTagsSelectTextInput, { ref: inputRef, className: S ? "SANS_2" : "SANS_3", style: { color: invert ? themes_1.colors.white : themes_1.colors.greyColor100 }, placeholder: localize(placeholder || "Type to Search"), type: "text", value: searchString, onBlur: function () {
119
- return setFocusSelectTagsInput && setFocusSelectTagsInput(false);
120
- }, onChange: function (e) { return setSearchString(e.target.value); } }))));
121
- };
122
- return genSelectComp();
123
- };
124
- exports.SelectTagsInput = SelectTagsInput;
@@ -1,2 +0,0 @@
1
- export const StyledTagsSelectTextInput: import("styled-components").StyledComponent<"input", any, {}, never>;
2
- export const StyledSelectTagsInputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,54 +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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
7
- if (k2 === undefined) k2 = k;
8
- var desc = Object.getOwnPropertyDescriptor(m, k);
9
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
10
- desc = { enumerable: true, get: function() { return m[k]; } };
11
- }
12
- Object.defineProperty(o, k2, desc);
13
- }) : (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- o[k2] = m[k];
16
- }));
17
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
18
- Object.defineProperty(o, "default", { enumerable: true, value: v });
19
- }) : function(o, v) {
20
- o["default"] = v;
21
- });
22
- var __importStar = (this && this.__importStar) || (function () {
23
- var ownKeys = function(o) {
24
- ownKeys = Object.getOwnPropertyNames || function (o) {
25
- var ar = [];
26
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
27
- return ar;
28
- };
29
- return ownKeys(o);
30
- };
31
- return function (mod) {
32
- if (mod && mod.__esModule) return mod;
33
- var result = {};
34
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
35
- __setModuleDefault(result, mod);
36
- return result;
37
- };
38
- })();
39
- Object.defineProperty(exports, "__esModule", { value: true });
40
- exports.StyledSelectTagsInputContainer = exports.StyledTagsSelectTextInput = void 0;
41
- var styled_components_1 = __importStar(require("styled-components"));
42
- var themes_1 = require("../../../../themes");
43
- var mixins_1 = require("../../../../themes/mixins");
44
- var utilsOolib_1 = require("../../../../utilsOolib");
45
- var globalVariables_1 = require("../../../../globalStyles/globalVariables");
46
- exports.StyledTagsSelectTextInput = styled_components_1.default.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100%;\n border: 0;\n width: 100%;\n background-color: ", ";\n \n // this strange bit is to fix the 'zoom into input' issue on ios\n margin: 0 -2rem;\n ", "\n &:focus {\n border: 0;\n }\n\n &::placeholder {\n color: ", ";\n }\n"], ["\n height: 100%;\n border: 0;\n width: 100%;\n background-color: ", ";\n \n // this strange bit is to fix the 'zoom into input' issue on ios\n margin: 0 -2rem;\n ", "\n &:focus {\n border: 0;\n }\n\n &::placeholder {\n color: ", ";\n }\n"])), themes_1.colors.none, globalVariables_1.globalInputElemPadding, themes_1.colors.greyColor40);
47
- exports.StyledSelectTagsInputContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n cursor: pointer;\n position: relative;\n border-radius: 2px;\n background-color: ", ";\n padding: 1rem 2rem 1rem 2rem;\n ", "\n\n ", ";\n\n ", "\n ", "\n\n height: auto;\n align-items: flex-start;\n"], ["\n cursor: pointer;\n position: relative;\n border-radius: 2px;\n background-color: ", ";\n padding: 1rem 2rem 1rem 2rem;\n ", "\n\n ", ";\n\n ", "\n ", "\n\n height: auto;\n align-items: flex-start;\n"])), function (_a) {
48
- var invert = _a.invert;
49
- return invert ? themes_1.colors.greyColor80 : themes_1.colors.greyColor5;
50
- }, function (_a) {
51
- var disabled = _a.disabled;
52
- return disabled && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n pointer-events: none;\n "], ["\n pointer-events: none;\n "])));
53
- }, (0, mixins_1.transition)("background-color"), globalVariables_1.globalInputElemFocused, globalVariables_1.globalInputElemHover);
54
- var templateObject_1, templateObject_2, templateObject_3;
@@ -1,14 +0,0 @@
1
- export function handleSelect_MULTI({ parentOnChange, id, prevVal, newVal, saveValueAsString, }: {
2
- parentOnChange: any;
3
- id: any;
4
- prevVal: any;
5
- newVal: any;
6
- saveValueAsString: any;
7
- }): void;
8
- export function handleSelect_SINGLE({ parentOnChange, handleHideOptions, id, newVal, saveValueAsString }: {
9
- parentOnChange: any;
10
- handleHideOptions: any;
11
- id: any;
12
- newVal: any;
13
- saveValueAsString: any;
14
- }): void;
@@ -1,52 +0,0 @@
1
- "use strict";
2
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
3
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
4
- if (ar || !(i in from)) {
5
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
6
- ar[i] = from[i];
7
- }
8
- }
9
- return to.concat(ar || Array.prototype.slice.call(from));
10
- };
11
- Object.defineProperty(exports, "__esModule", { value: true });
12
- exports.handleSelect_SINGLE = exports.handleSelect_MULTI = void 0;
13
- var handleSelect_MULTI = function (_a) {
14
- var parentOnChange = _a.parentOnChange, id = _a.id, prevVal = _a.prevVal, newVal = _a.newVal,
15
- // hideShowOtherTextInputOnSelect_MULTI,
16
- saveValueAsString = _a.saveValueAsString;
17
- var shouldDeselect = prevVal && prevVal.some(function (d) { return d.value === newVal.value; }); //if value already exists in the selected array, then we should deselect
18
- var newValue = shouldDeselect
19
- ? prevVal.filter(function (d) { return d.value !== newVal.value; })
20
- : __spreadArray(__spreadArray([], (prevVal || []) /*prevVal*/, true), [newVal], false);
21
- // hideShowOtherTextInputOnSelect_MULTI({
22
- // newVal: newValue,
23
- // prevVal: prevVal,
24
- // });
25
- var newValForParent = saveValueAsString ? newValue.map(function (d) { return d.value; }) : newValue;
26
- parentOnChange && parentOnChange(id, newValForParent);
27
- // setForceSelectFocus && setForceSelectFocus(prev => prev+1)
28
- };
29
- exports.handleSelect_MULTI = handleSelect_MULTI;
30
- var handleSelect_SINGLE = function (_a) {
31
- var parentOnChange = _a.parentOnChange,
32
- // hideShowOtherTextInputOnSelect_SINGLE,
33
- handleHideOptions = _a.handleHideOptions, id = _a.id, newVal = _a.newVal,
34
- // prevVal,
35
- saveValueAsString = _a.saveValueAsString;
36
- /**
37
- * this enables removing the selected option, if clicked on again
38
- * but disabled for now, cuz deselecting was causing all sorts of sideeffects on the platform
39
- */
40
- // let valueToSet = newVal?.value === prevVal?.value
41
- // ? undefined
42
- // : newVal
43
- var valueToSet = newVal;
44
- // hideShowOtherTextInputOnSelect_SINGLE({
45
- // prevVal,
46
- // newVal : valueToSet
47
- // });
48
- parentOnChange &&
49
- parentOnChange(id, saveValueAsString ? valueToSet === null || valueToSet === void 0 ? void 0 : valueToSet.value : valueToSet);
50
- handleHideOptions();
51
- };
52
- exports.handleSelect_SINGLE = handleSelect_SINGLE;
@@ -1,2 +0,0 @@
1
- export const StyledDropdownRefWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export const StyledTagsInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,49 +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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
7
- if (k2 === undefined) k2 = k;
8
- var desc = Object.getOwnPropertyDescriptor(m, k);
9
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
10
- desc = { enumerable: true, get: function() { return m[k]; } };
11
- }
12
- Object.defineProperty(o, k2, desc);
13
- }) : (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- o[k2] = m[k];
16
- }));
17
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
18
- Object.defineProperty(o, "default", { enumerable: true, value: v });
19
- }) : function(o, v) {
20
- o["default"] = v;
21
- });
22
- var __importStar = (this && this.__importStar) || (function () {
23
- var ownKeys = function(o) {
24
- ownKeys = Object.getOwnPropertyNames || function (o) {
25
- var ar = [];
26
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
27
- return ar;
28
- };
29
- return ownKeys(o);
30
- };
31
- return function (mod) {
32
- if (mod && mod.__esModule) return mod;
33
- var result = {};
34
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
35
- __setModuleDefault(result, mod);
36
- return result;
37
- };
38
- })();
39
- Object.defineProperty(exports, "__esModule", { value: true });
40
- exports.StyledTagsInputWrapper = exports.StyledDropdownRefWrapper = void 0;
41
- var styled_components_1 = __importStar(require("styled-components"));
42
- var themes_1 = require("../../themes");
43
- exports.StyledDropdownRefWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\nposition: relative;\n user-select: none;\n"], ["\nposition: relative;\n user-select: none;\n"])));
44
- exports.StyledTagsInputWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n height: 100%;\n gap: 1rem;\n ", "\n"], ["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n height: 100%;\n gap: 1rem;\n ", "\n"])), function (_a) {
45
- var input_display = _a.input_display;
46
- return input_display === 'input'
47
- ? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n max-width: calc(100vw - 10rem); //2+2 for page container padding on mob & 2+4 for the select elem padding\n "], ["\n background-color: ", ";\n max-width: calc(100vw - 10rem); //2+2 for page container padding on mob & 2+4 for the select elem padding\n "])), themes_1.colors.white) : (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\n "], ["\n\n "])));
48
- });
49
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
@@ -1,4 +0,0 @@
1
- export function genColor({ color }: {
2
- color: any;
3
- }): React.JSX.Element;
4
- import React from "react";
@@ -1,15 +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.genColor = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var genColor = function (_a) {
9
- var color = _a.color;
10
- if (!color)
11
- return null;
12
- return (react_1.default.createElement("div", { style: { flex: "0 0 auto" } },
13
- react_1.default.createElement("div", { style: { width: '2rem', height: '2rem', background: color, borderRadius: '10%' } })));
14
- };
15
- exports.genColor = genColor;
@@ -1,6 +0,0 @@
1
- export function genIcon({ icon, invert, S }: {
2
- icon: any;
3
- invert: any;
4
- S: any;
5
- }): React.JSX.Element;
6
- import React from "react";
@@ -1,18 +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.genIcon = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var icons_1 = require("../../../icons");
9
- var genIcon = function (_a) {
10
- var icon = _a.icon, invert = _a.invert, S = _a.S;
11
- if (!icon)
12
- return null;
13
- var IconComp = icons_1.icons[icon];
14
- if (!IconComp)
15
- return null;
16
- return react_1.default.createElement(IconComp, { size: S ? 15 : 20, style: { color: invert ? 'white' : 'unset' } });
17
- };
18
- exports.genIcon = genIcon;
@@ -1 +0,0 @@
1
- export function genLinkOrText(value: any, cb?: any, options?: {}): any;
@@ -1,48 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.genLinkOrText = void 0;
4
- var genLinkOrText = function (value, cb, options) {
5
- var _a, _b, _c, _d, _e, _f, _g, _h, _j;
6
- if (cb === void 0) { cb = undefined; }
7
- if (options === void 0) { options = {}; }
8
- if ((!value.data ||
9
- !value.data._id ||
10
- (!((_a = value.data.meta) === null || _a === void 0 ? void 0 : _a.content_type) &&
11
- !((_b = value.data.meta) === null || _b === void 0 ? void 0 : _b.profile_type) &&
12
- !((_c = value.data) === null || _c === void 0 ? void 0 : _c.profileType) /**from the user data object */)) && !value.tagId && ['userTags', 'contentTags'].indexOf(value.tagCategory) === -1 // AND its not even a tag v3 type of data then...
13
- ) {
14
- return cb ? cb(value.display) : { link: undefined };
15
- }
16
- else {
17
- var link = "";
18
- // create links for content types
19
- if ((_e = (_d = value.data) === null || _d === void 0 ? void 0 : _d.meta) === null || _e === void 0 ? void 0 : _e.content_type) {
20
- var _k = value.data, content_type = _k.meta.content_type, _id = _k._id;
21
- link = "/published-page/".concat(content_type, "?id=").concat(_id);
22
- }
23
- // create links for profiles
24
- else if (((_g = (_f = value.data) === null || _f === void 0 ? void 0 : _f.meta) === null || _g === void 0 ? void 0 : _g.profile_type) || ((_h = value.data) === null || _h === void 0 ? void 0 : _h.profileType)) {
25
- var profileType = ((_j = value.data.meta) === null || _j === void 0 ? void 0 : _j.profile_type) || value.data.profileType;
26
- var _l = value.data, user = _l.user, _id = _l._id;
27
- link = "/profile/userProfiles/".concat(profileType, "/").concat((user === null || user === void 0 ? void 0 : user._id) || _id);
28
- }
29
- // create links for tags
30
- else if (value.tagId &&
31
- value.tagCategory !== 'userTags' &&
32
- value.tagCategory !== 'contentTags') {
33
- // link = `/tags/${value.tagType}/${value.tagId}`
34
- link = undefined; //temp hack, cuz we dont want to do redirects to tag listing page (since old tagType implementation will be deprecated)
35
- }
36
- // create links for user tags
37
- else if (value.tagCategory === 'userTags') {
38
- link = "/profile/userProfiles/".concat(value.tagType || value.profileType, "/").concat(value._id);
39
- }
40
- //create links for content tags
41
- else if (value.tagCategory === 'contentTags') {
42
- //i think value.tagType is redundant, but will have to check
43
- link = "/published-page/".concat(value.tagType || value.meta.kp_content_type, "?id=").concat(value._id);
44
- }
45
- return cb ? (cb(value.display, link)) : ({ link: link });
46
- }
47
- };
48
- exports.genLinkOrText = genLinkOrText;
@@ -1,6 +0,0 @@
1
- export function genProfileImg({ image, display, invert }: {
2
- image: any;
3
- display: any;
4
- invert: any;
5
- }): React.JSX.Element;
6
- import React from "react";
@@ -1,14 +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.genProfileImg = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var ProfileImageInput_1 = require("../../ImageInput/derivedComps/ProfileImageInput");
9
- var genProfileImg = function (_a) {
10
- var image = _a.image, display = _a.display, invert = _a.invert;
11
- return (react_1.default.createElement("div", { style: { flex: "0 0 auto", display: 'flex', alignItems: 'start' }, id: "test" },
12
- react_1.default.createElement(ProfileImageInput_1.ProfileImageInput, { readOnly: true, value: image, imageTitle: display, size: 20, invert: invert })));
13
- };
14
- exports.genProfileImg = genProfileImg;
@@ -1,2 +0,0 @@
1
- export function genTagComp(id: any, d: any, options?: {}): React.JSX.Element;
2
- import React from "react";
@@ -1,27 +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.genTagComp = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var Tags_1 = require("../../Tags");
9
- var genLinkOrText_1 = require("./genLinkOrText");
10
- var genTagComp = function (id, d, options) {
11
- if (options === void 0) { options = {}; }
12
- var link = (0, genLinkOrText_1.genLinkOrText)(d).link;
13
- var showOptions = options.showOptions;
14
- switch (true) {
15
- case !options.display:
16
- return (react_1.default.createElement("div", { tabIndex: 0, style: { minWidth: 0 }, onFocus: function (e) { return !showOptions && e.stopPropagation(); } },
17
- react_1.default.createElement(Tags_1.TagClear, { XS: options.S, grey: true, invert: options.invert, display: d.display, onClick: function (e) {
18
- e.stopPropagation();
19
- options.handleSelect(options.single_multi === "single" ? undefined : d);
20
- } })));
21
- case !!link:
22
- return react_1.default.createElement(Tags_1.TagLink, { XS: options.S, invert: options.invert, to: link, display: d.display, color: options.color });
23
- default:
24
- return react_1.default.createElement(Tags_1.TagDisplay, { XS: options.S, invert: options.invert, display: d.display });
25
- }
26
- };
27
- exports.genTagComp = genTagComp;
@@ -1,5 +0,0 @@
1
- export function generateOptions({ options, optionsFn, theme }: {
2
- options: any;
3
- optionsFn: any;
4
- theme: any;
5
- }): any;
@@ -1,20 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.generateOptions = void 0;
4
- var getAllOptionsFns_1 = require("./getAllOptionsFns");
5
- var generateOptions = function (_a) {
6
- var _b;
7
- var options = _a.options, optionsFn = _a.optionsFn, theme = _a.theme /*injectOtherOption*/;
8
- console.log('rerun generate options');
9
- switch (true) {
10
- case !!options:
11
- return options;
12
- // let otherOp = { display: "Other", value: "other" };
13
- // return injectOtherOption ? [...options, otherOp] : options;
14
- case !!optionsFn:
15
- return (_b = (0, getAllOptionsFns_1.getAllOptionsFns)(theme))[optionsFn.fn].apply(_b, (optionsFn.args || []));
16
- default:
17
- return [{ display: "Options Undefined", value: "undefined" }];
18
- }
19
- };
20
- exports.generateOptions = generateOptions;
@@ -1 +0,0 @@
1
- export function genMonthsArray(nameLength: any): any;
@@ -1,40 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.genMonthsArray = void 0;
4
- var genMonthsArray = function (nameLength) {
5
- var form = {
6
- long: [
7
- "January",
8
- "February",
9
- "March",
10
- "April",
11
- "May",
12
- "June",
13
- "July",
14
- "August",
15
- "September",
16
- "October",
17
- "November",
18
- "December",
19
- ],
20
- short: [
21
- "Jan",
22
- "Feb",
23
- "Mar",
24
- "Apr",
25
- "May",
26
- "Jun",
27
- "Jul",
28
- "Aug",
29
- "Sep",
30
- "Oct",
31
- "Nov",
32
- "Dec",
33
- ],
34
- };
35
- var monthsAry = form[nameLength].map(function (d) {
36
- return { display: d, value: d.toLowerCase() };
37
- });
38
- return monthsAry;
39
- };
40
- exports.genMonthsArray = genMonthsArray;
@@ -1,4 +0,0 @@
1
- export function genYearsArray(fromYr: any, toYr: any): {
2
- display: any;
3
- value: any;
4
- }[];
@@ -1,11 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.genYearsArray = void 0;
4
- var genYearsArray = function (fromYr, toYr) {
5
- var yrsAry = [];
6
- for (var i = fromYr; i <= toYr; i++) {
7
- yrsAry.unshift(i.toString());
8
- }
9
- return yrsAry.map(function (d) { return ({ display: d, value: d }); });
10
- };
11
- exports.genYearsArray = genYearsArray;
@@ -1,4 +0,0 @@
1
- export function getLanguagesArray(): {
2
- value: string;
3
- display: string;
4
- }[];
@@ -1,62 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getLanguagesArray = void 0;
4
- var getLanguagesArray = function () { return [
5
- {
6
- "value": "as",
7
- "display": "Assamese"
8
- },
9
- {
10
- "value": "bn",
11
- "display": "Bengali"
12
- },
13
- {
14
- "value": "en",
15
- "display": "English"
16
- },
17
- {
18
- "value": "gu",
19
- "display": "Gujarati"
20
- },
21
- {
22
- "value": "hi",
23
- "display": "Hindi"
24
- },
25
- {
26
- "value": "kn",
27
- "display": "Kannada"
28
- },
29
- {
30
- "value": "ml",
31
- "display": "Malayalam"
32
- },
33
- {
34
- "value": "mr",
35
- "display": "Marathi"
36
- },
37
- {
38
- "value": "or",
39
- "display": "Odiya"
40
- },
41
- {
42
- "value": "pa",
43
- "display": "Punjabi"
44
- },
45
- {
46
- "value": "sd",
47
- "display": "Sindhi"
48
- },
49
- {
50
- "value": "ta",
51
- "display": "Tamil"
52
- },
53
- {
54
- "value": "te",
55
- "display": "Telugu"
56
- },
57
- {
58
- "value": "ur",
59
- "display": "Urdu"
60
- }
61
- ]; };
62
- exports.getLanguagesArray = getLanguagesArray;
@@ -1 +0,0 @@
1
- export function getAllOptionsFns(theme: any): any;
@@ -1,19 +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
- Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.getAllOptionsFns = void 0;
15
- var genMonthsArray_1 = require("./genMonthsArray");
16
- var genYearsArray_1 = require("./genYearsArray");
17
- var getLanguagesArray_1 = require("./getLanguagesArray");
18
- var getAllOptionsFns = function (theme) { return (__assign({ genYearsArray: genYearsArray_1.genYearsArray, genMonthsArray: genMonthsArray_1.genMonthsArray, getLanguagesArray: getLanguagesArray_1.getLanguagesArray }, ((theme === null || theme === void 0 ? void 0 : theme.optionsFns) || {}))); };
19
- exports.getAllOptionsFns = getAllOptionsFns;