oolib 2.200.2 → 2.201.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/components/LoadersAndProgress/SkeletonLoader/styled.js +2 -2
  2. package/dist/components/SimpleTable/utils/prepInitValueFromConfigIfNoValue.js +2 -2
  3. package/dist/index.d.ts +2 -4
  4. package/dist/index.js +8 -10
  5. package/dist/v2/components/Dropdowns/comps/SelectTagsInput/index.js +3 -3
  6. package/dist/v2/components/Dropdowns/comps/SelectTagsInput/styled.js +1 -1
  7. package/dist/v2/components/Dropdowns/utils/genTagComp.js +1 -1
  8. package/package.json +1 -1
package/dist/components/LoadersAndProgress/SkeletonLoader/styled.js CHANGED
@@ -39,11 +39,11 @@ var __importStar = (this && this.__importStar) || (function () {
39
39
  Object.defineProperty(exports, "__esModule", { value: true });
40
40
  exports.StyledSkeletonLoader = void 0;
41
41
  var styled_components_1 = __importStar(require("styled-components"));
42
- var __1 = require("../../..");
43
42
  var getDynamicColors_1 = require("../../../v2/themes/utils/getDynamicColors");
43
+ var themes_1 = require("../../../v2/themes");
44
44
  var load = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n from { left: -100%; }\n to { left: 100%; }\n"], ["\n from { left: -100%; }\n to { left: 100%; }\n"])));
45
45
  exports.StyledSkeletonLoader = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n overflow: hidden;\n position: relative;\n background-color: ", ";\n\n &::before {\n content: '';\n display: block;\n position: absolute;\n left: -100%;\n top: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(to right, transparent 0%, ", " 50%, transparent 100%);\n animation: ", " 1s cubic-bezier(0.4, 0.0, 0.2, 1);\n animation-iteration-count: infinite;\n }\n"], ["\n overflow: hidden;\n position: relative;\n background-color: ", ";\n\n &::before {\n content: '';\n display: block;\n position: absolute;\n left: -100%;\n top: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(to right, transparent 0%, ", " 50%, transparent 100%);\n animation: ", " 1s cubic-bezier(0.4, 0.0, 0.2, 1);\n animation-iteration-count: infinite;\n }\n"])), function (_a) {
46
46
  var theme = _a.theme;
47
47
  return (0, getDynamicColors_1.getSecondaryContainer)(theme === null || theme === void 0 ? void 0 : theme.colors);
48
- }, __1.colors2.grey5, load);
48
+ }, themes_1.colors.grey5, load);
49
49
  var templateObject_1, templateObject_2;
package/dist/components/SimpleTable/utils/prepInitValueFromConfigIfNoValue.js CHANGED
@@ -27,8 +27,8 @@ var prepInitValueFromConfigIfNoValue = function (_a) {
27
27
  var _b, _c, _d;
28
28
  var _value = _a._value, config = _a.config, defaultColWidth = _a.defaultColWidth;
29
29
  //if colHeaderData is defined then that decides the noOfCols.
30
- var noOfCols = ((_b = config.colHeaderData) === null || _b === void 0 ? void 0 : _b.length) || config.noOfCols;
31
- var noOfRows = ((_c = config.rowHeaderData) === null || _c === void 0 ? void 0 : _c.length) || config.noOfRows;
30
+ var noOfCols = ((_b = config.colHeaderData) === null || _b === void 0 ? void 0 : _b.length) || parseInt(config.noOfCols) || 3;
31
+ var noOfRows = ((_c = config.rowHeaderData) === null || _c === void 0 ? void 0 : _c.length) || parseInt(config.noOfRows) || 3;
32
32
  var value = ((_d = _value === null || _value === void 0 ? void 0 : _value.data) === null || _d === void 0 ? void 0 : _d.length) > 0 //value exists in the correct shape
33
33
  ? _value
34
34
  : Array.isArray(_value) && _value.length > 0 //value exists but in deprecated shape
package/dist/index.d.ts CHANGED
@@ -47,8 +47,6 @@ export { CardEmbed } from "./components/cards/CardEmbed";
47
47
  export { CardProfile } from "./components/cards/CardProfile";
48
48
  export { ListProfile } from "./components/cards/ListProfile";
49
49
  export { parseCardConfig } from "./components/cards/utils/parseCardConfig";
50
- export { DropdownSingle } from "./components/Dropdowns/DropdownSingle";
51
- export { DropdownMulti } from "./components/Dropdowns/DropdownMulti";
52
50
  export { OptionsSingle } from "./components/Dropdowns/comps/OptionsSingle";
53
51
  export { generateOptions } from "./components/Dropdowns/utils/generateOptions";
54
52
  export { genTagComp } from "./components/Dropdowns/utils/genTagComp";
@@ -66,8 +64,8 @@ export { SimpleTable } from "./components/SimpleTable";
66
64
  export { styledOKELinkCSS } from "./components/OKELink/styled";
67
65
  export { default as TableCellResizerPlugin } from "./components/Lexical/Plugins/TableCellResizer";
68
66
  export { HintsProvider } from "./v2/components/Hints/contextApi";
69
- export { DropdownSingle as DropdownSingleV2 } from "./v2/components/Dropdowns/DropdownSingle";
70
- export { DropdownMulti as DropdownMultiV2 } from "./v2/components/Dropdowns/DropdownMulti";
67
+ export { DropdownSingle } from "./v2/components/Dropdowns/DropdownSingle";
68
+ export { DropdownMulti } from "./v2/components/Dropdowns/DropdownMulti";
71
69
  export { TabBarStyle1 as TabBarV2 } from "./v2/components/TabBar";
72
70
  export { default as MetaBlockV2 } from "./v2/components/MetaBlock";
73
71
  export { DateRangePicker as DateRangePickerV2 } from "./v2/components/DateRangePicker";
package/dist/index.js CHANGED
@@ -39,8 +39,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
39
39
  return (mod && mod.__esModule) ? mod : { "default": mod };
40
40
  };
41
41
  Object.defineProperty(exports, "__esModule", { value: true });
42
- exports.PDFInput = exports.AudioInput = exports.VideoInput = exports.ProfileImageInput = exports.ImageInput = exports.MetaBlock = exports.genTagComp = exports.generateOptions = exports.OptionsSingle = exports.DropdownMulti = exports.DropdownSingle = exports.parseCardConfig = exports.ListProfile = exports.CardProfile = exports.CardEmbed = exports.DateTimeRangePicker = exports.DateTimePicker = exports.TimeRangePicker = exports.TimePicker = exports.DateRangePicker = exports.DatePicker = exports.TextLoader = exports.PageScrollIndicator = exports.HomeCover = exports.EmptyStates = exports.ModalSmall = exports.Modal = exports.ModalForms = exports.ModalConfirm = exports.SkeletonLoader = exports.Divider = exports.PercentCompletedPie = exports.Accordion = exports.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.SwitchDouble = exports.TagDisplay = exports.TagSelect = exports.TagLink = exports.TagClear = exports.LoaderOverlay = exports.Loader = exports.ProgressBar = exports.LoaderCircle = exports.icons = exports.colors = exports.GlobalStyles = void 0;
43
- exports.baseStyling = exports.CustomTooltip = exports.ListItem = exports.List = exports.SwitchSingle = exports.RadioButton = exports.RadioInput = exports.RadioList = exports.CheckboxButton = exports.CheckboxInput = exports.CheckboxList = exports.AccordionV2 = exports.DataVizAccordion = exports.BarGraphCollection = exports.HeatMapGrid = exports.PieChart = exports.BarChart = exports.HomeCoverV2 = exports.DateRangePickerV2 = exports.MetaBlockV2 = exports.typoV2_CSS = exports.colors2 = exports.TabBarV2 = exports.ButtonGhostCompact = exports.ButtonTertiaryCompact = exports.ButtonSecondaryCompact = exports.ButtonPrimaryCompact = exports.ButtonGhostV2 = exports.ButtonTertiaryV2 = exports.ButtonSecondaryV2 = exports.ButtonPrimaryV2 = exports.TagClearV2 = exports.TagLinkV2 = exports.TagDisplayV2 = exports.DropdownMultiV2 = exports.DropdownSingleV2 = exports.HintsProvider = exports.TableCellResizerPlugin = exports.styledOKELinkCSS = exports.SimpleTable = exports.ModalConfirmAction = exports.BannerProvider = exports.useBannerContext = exports.BannerContext = exports.BannerInfo = exports.BannerAlert = exports.GroupQuestionsInputSingle = exports.ResourceInput = exports.IFrameInput = void 0;
42
+ exports.ResourceInput = exports.IFrameInput = exports.PDFInput = exports.AudioInput = exports.VideoInput = exports.ProfileImageInput = exports.ImageInput = exports.MetaBlock = exports.genTagComp = exports.generateOptions = exports.OptionsSingle = exports.parseCardConfig = exports.ListProfile = exports.CardProfile = exports.CardEmbed = exports.DateTimeRangePicker = exports.DateTimePicker = exports.TimeRangePicker = exports.TimePicker = exports.DateRangePicker = exports.DatePicker = exports.TextLoader = exports.PageScrollIndicator = exports.HomeCover = exports.EmptyStates = exports.ModalSmall = exports.Modal = exports.ModalForms = exports.ModalConfirm = exports.SkeletonLoader = exports.Divider = exports.PercentCompletedPie = exports.Accordion = exports.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.SwitchDouble = exports.TagDisplay = exports.TagSelect = exports.TagLink = exports.TagClear = exports.LoaderOverlay = exports.Loader = exports.ProgressBar = exports.LoaderCircle = exports.icons = exports.colors = exports.GlobalStyles = void 0;
43
+ exports.baseStyling = exports.CustomTooltip = exports.ListItem = exports.List = exports.SwitchSingle = exports.RadioButton = exports.RadioInput = exports.RadioList = exports.CheckboxButton = exports.CheckboxInput = exports.CheckboxList = exports.AccordionV2 = exports.DataVizAccordion = exports.BarGraphCollection = exports.HeatMapGrid = exports.PieChart = exports.BarChart = exports.HomeCoverV2 = exports.DateRangePickerV2 = exports.MetaBlockV2 = exports.typoV2_CSS = exports.colors2 = exports.TabBarV2 = exports.ButtonGhostCompact = exports.ButtonTertiaryCompact = exports.ButtonSecondaryCompact = exports.ButtonPrimaryCompact = exports.ButtonGhostV2 = exports.ButtonTertiaryV2 = exports.ButtonSecondaryV2 = exports.ButtonPrimaryV2 = exports.TagClearV2 = exports.TagLinkV2 = exports.TagDisplayV2 = exports.DropdownMulti = exports.DropdownSingle = exports.HintsProvider = exports.TableCellResizerPlugin = exports.styledOKELinkCSS = exports.SimpleTable = exports.ModalConfirmAction = exports.BannerProvider = exports.useBannerContext = exports.BannerContext = exports.BannerInfo = exports.BannerAlert = exports.GroupQuestionsInputSingle = void 0;
44
44
  //css and styling related ( styled-components )
45
45
  var globalStyles_1 = require("./globalStyles");
46
46
  Object.defineProperty(exports, "GlobalStyles", { enumerable: true, get: function () { return globalStyles_1.GlobalStyles; } });
@@ -142,10 +142,8 @@ Object.defineProperty(exports, "ListProfile", { enumerable: true, get: function
142
142
  var parseCardConfig_1 = require("./components/cards/utils/parseCardConfig");
143
143
  Object.defineProperty(exports, "parseCardConfig", { enumerable: true, get: function () { return parseCardConfig_1.parseCardConfig; } });
144
144
  //dropdowns & options
145
- var DropdownSingle_1 = require("./components/Dropdowns/DropdownSingle");
146
- Object.defineProperty(exports, "DropdownSingle", { enumerable: true, get: function () { return DropdownSingle_1.DropdownSingle; } });
147
- var DropdownMulti_1 = require("./components/Dropdowns/DropdownMulti");
148
- Object.defineProperty(exports, "DropdownMulti", { enumerable: true, get: function () { return DropdownMulti_1.DropdownMulti; } });
145
+ // export {DropdownSingle} from './components/Dropdowns/DropdownSingle'
146
+ // export {DropdownMulti} from './components/Dropdowns/DropdownMulti'
149
147
  var OptionsSingle_1 = require("./components/Dropdowns/comps/OptionsSingle");
150
148
  Object.defineProperty(exports, "OptionsSingle", { enumerable: true, get: function () { return OptionsSingle_1.OptionsSingle; } });
151
149
  //used only by FilterInput. once that is shifted to oolib, dont need to export it anymore
@@ -206,10 +204,10 @@ __exportStar(require("./v2/components/Typo2"), exports);
206
204
  __exportStar(require("./v2/components/BlockLabel"), exports);
207
205
  var contextApi_1 = require("./v2/components/Hints/contextApi");
208
206
  Object.defineProperty(exports, "HintsProvider", { enumerable: true, get: function () { return contextApi_1.HintsProvider; } });
209
- var DropdownSingle_2 = require("./v2/components/Dropdowns/DropdownSingle");
210
- Object.defineProperty(exports, "DropdownSingleV2", { enumerable: true, get: function () { return DropdownSingle_2.DropdownSingle; } });
211
- var DropdownMulti_2 = require("./v2/components/Dropdowns/DropdownMulti");
212
- Object.defineProperty(exports, "DropdownMultiV2", { enumerable: true, get: function () { return DropdownMulti_2.DropdownMulti; } });
207
+ var DropdownSingle_1 = require("./v2/components/Dropdowns/DropdownSingle");
208
+ Object.defineProperty(exports, "DropdownSingle", { enumerable: true, get: function () { return DropdownSingle_1.DropdownSingle; } });
209
+ var DropdownMulti_1 = require("./v2/components/Dropdowns/DropdownMulti");
210
+ Object.defineProperty(exports, "DropdownMulti", { enumerable: true, get: function () { return DropdownMulti_1.DropdownMulti; } });
213
211
  // 2 imports available
214
212
  var Tags_2 = require("./v2/components/Tags");
215
213
  Object.defineProperty(exports, "TagDisplayV2", { enumerable: true, get: function () { return Tags_2.TagDisplay; } });
package/dist/v2/components/Dropdowns/comps/SelectTagsInput/index.js CHANGED
@@ -38,12 +38,12 @@ var react_1 = __importStar(require("react"));
38
38
  var styled_components_1 = require("styled-components");
39
39
  var toArray_1 = require("../../../../../utils/toArray");
40
40
  var utilsOolib_1 = require("../../../../../utilsOolib");
41
- var Typo_1 = require("../../../../../components/Typo");
42
41
  var styled_1 = require("../../styled");
43
42
  var genTagComp_1 = require("../../utils/genTagComp");
44
43
  var styled_2 = require("./styled");
45
44
  var getKeyCode_1 = require("../../../../../utils/getKeyCode");
46
45
  var themes_1 = require("../../../../themes");
46
+ var Typo2_1 = require("../../../Typo2");
47
47
  var SelectTagsInput = function (_a) {
48
48
  var
49
49
  //from root
@@ -75,7 +75,7 @@ var SelectTagsInput = function (_a) {
75
75
  }
76
76
  }, [focusSelectTagsInput]);
77
77
  var genSelectedTagsTextLabel = function () {
78
- var TYPO_COMP = S ? Typo_1.SANS_2 : Typo_1.SANS_3;
78
+ var TYPO_COMP = S ? Typo2_1.UI_BODY_SM : Typo2_1.UI_BODY;
79
79
  return (react_1.default.createElement("div", { style: {
80
80
  minHeight: S ? "2rem" : "3rem",
81
81
  display: "flex",
@@ -112,7 +112,7 @@ var SelectTagsInput = function (_a) {
112
112
  });
113
113
  }),
114
114
  // isCombobox ? (
115
- react_1.default.createElement(styled_2.StyledTagsSelectTextInput, { ref: inputRef, className: S ? "SANS_2" : "SANS_3", style: { color: themes_1.colors.grey80 }, placeholder: localize(placeholder || "Type to Search"), type: "text", value: searchString, onBlur: function () {
115
+ react_1.default.createElement(styled_2.StyledTagsSelectTextInput, { ref: inputRef, className: S ? "UI_BODY_SM" : "UI_BODY", style: { color: themes_1.colors.grey80 }, placeholder: localize(placeholder || "Type to Search"), type: "text", value: searchString, onBlur: function () {
116
116
  return setFocusSelectTagsInput && setFocusSelectTagsInput(false);
117
117
  }, onChange: function (e) { return setSearchString(e.target.value); } }))));
118
118
  };
package/dist/v2/components/Dropdowns/comps/SelectTagsInput/styled.js CHANGED
@@ -42,7 +42,7 @@ var styled_components_1 = __importStar(require("styled-components"));
42
42
  var globalVariables_1 = require("../../../../../globalStyles/globalVariables");
43
43
  var mixins_1 = require("../../../../../themes/mixins");
44
44
  var themes_1 = require("../../../../themes");
45
- 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.grey40);
45
+ exports.StyledTagsSelectTextInput = styled_components_1.default.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100%;\n border: 0;\n width: 100%;\n background-color: inherit;\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: inherit;\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"])), globalVariables_1.globalInputElemPadding, themes_1.colors.grey40);
46
46
  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"])), themes_1.colors.grey5, function (_a) {
47
47
  var disabled = _a.disabled;
48
48
  return disabled && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n pointer-events: none;\n "], ["\n pointer-events: none;\n "])));
package/dist/v2/components/Dropdowns/utils/genTagComp.js CHANGED
@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.genTagComp = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
- var Tags_1 = require("../../Tags");
9
8
  var genLinkOrText_1 = require("./genLinkOrText");
9
+ var Tags_1 = require("../../Tags");
10
10
  var genTagComp = function (id, d, options) {
11
11
  if (options === void 0) { options = {}; }
12
12
  var link = (0, genLinkOrText_1.genLinkOrText)(d).link;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oolib",
3
- "version": "2.200.2",
3
+ "version": "2.201.0",
4
4
  "description": " OKE Component Library",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",