oolib 2.225.1 → 2.225.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/components/SimpleTable/index.d.ts +1 -0
  2. package/dist/components/SimpleTable/index.js +3 -2
  3. package/dist/v2/components/Dropdowns/DropdownMulti/index.js +1 -1
  4. package/dist/v2/components/Dropdowns/comps/OptionsMulti/index.d.ts +2 -1
  5. package/dist/v2/components/Dropdowns/comps/OptionsMulti/index.js +13 -4
  6. package/package.json +1 -1
package/dist/components/SimpleTable/index.d.ts CHANGED
@@ -18,6 +18,7 @@ export function SimpleTable({ id, readOnly, config, value: _value, onChange, def
18
18
  rowHeaderData: any;
19
19
  disableAddRow: boolean;
20
20
  disableRowActionsMenu: boolean;
21
+ disablePrimaryActionsMenu: boolean;
21
22
  blockConfig: {
22
23
  comp: string;
23
24
  props: {};
package/dist/components/SimpleTable/index.js CHANGED
@@ -100,6 +100,7 @@ function SimpleTable(_a) {
100
100
  rowHeaderData: undefined,
101
101
  disableAddRow: false,
102
102
  disableRowActionsMenu: false,
103
+ disablePrimaryActionsMenu: false,
103
104
  blockConfig: [undefined, { comp: 'DropdownSingle', props: {} }, { comp: 'DropdownSingle', props: {} }]
104
105
  } : _b, _value = _a.value, onChange = _a.onChange, _c = _a.defaultColWidth, defaultColWidth = _c === void 0 ? 200 : _c;
105
106
  var props = arguments[0];
@@ -295,7 +296,7 @@ function SimpleTable(_a) {
295
296
  alignItems: "stretch" /**without stretch AddColButton will be wonky */,
296
297
  } },
297
298
  react_1.default.createElement("div", { style: { position: "relative" } },
298
- react_1.default.createElement("div", { style: {
299
+ !readOnly && !config.disablePrimaryActionsMenu && (react_1.default.createElement("div", { style: {
299
300
  position: "absolute",
300
301
  right: 0,
301
302
  top: "-" + primaryTableActionsMenuGap + "px",
@@ -338,7 +339,7 @@ function SimpleTable(_a) {
338
339
  },
339
340
  },
340
341
  ]
341
- : []), true) })),
342
+ : []), true) }))),
342
343
  react_1.default.createElement(styled_1.StyledSimpleTable, { onMouseLeave: function () {
343
344
  return setHoveredRowAndCol({ rowIdx: undefined, colIdx: undefined });
344
345
  } },
package/dist/v2/components/Dropdowns/DropdownMulti/index.js CHANGED
@@ -192,7 +192,7 @@ function DropdownMulti(_a) {
192
192
  ? !showOptions && handleShowOptions() //if tagsStyle, then click always shows options
193
193
  : showOptions ? handleHideOptions() : handleShowOptions(); //if dropdowns, then click toggles show/hide
194
194
  } }, isTagsStyle ? genSelectTagsInput() : (react_1.default.createElement(SelectDropdown_1.SelectDropdown, { value: value, placeholder: placeholder, selectClassName: selectClassName, selectStyleOverride: selectStyleOverride, showOptions: showOptions, genCustomSelectComp: genCustomSelectComp, disableSelectTextUpdate: disableSelectTextUpdate, selectConfig: selectConfig, S: S, disabled: disabled, variant: variant }))),
195
- react_1.default.createElement(OptionsMulti_1.OptionsMulti, { id: id, value: value, relativeToRef: selectRef, showOptions: showOptions, handleSelect: handleSelect, handleHideOptions: handleHideOptions, optionsClassName: optionsClassName, options: options, optionsFn: optionsFn, label: label, optionsModalLabel: optionsModalLabel, isTagsStyle: isTagsStyle, genCreateTagButton: genCreateTagButton, lightboxHeight: lightboxHeight, lightboxStyle: lightboxStyle, optionsAnchor: optionsAnchor, SelectComp: isTagsStyle && genSelectTagsInput({ style: { position: 'sticky', top: 0, zIndex: 1000 } }), setFocusSelectTagsInput: setFocusSelectTagsInput, popOutOfOverflowHiddenParent: popOutOfOverflowHiddenParent, S: S, alignDropdown: alignDropdown, matchSelectInputWidth: matchSelectInputWidth, searchbarPlaceholder: searchbarPlaceholder, isSearchable: isTagsStyle ? false : isSearchable, searchString: searchString, setSearchString: setSearchString })));
195
+ react_1.default.createElement(OptionsMulti_1.OptionsMulti, { parentOnChange: parentOnChange, id: id, value: value, relativeToRef: selectRef, showOptions: showOptions, handleSelect: handleSelect, handleHideOptions: handleHideOptions, optionsClassName: optionsClassName, options: options, optionsFn: optionsFn, label: label, optionsModalLabel: optionsModalLabel, isTagsStyle: isTagsStyle, genCreateTagButton: genCreateTagButton, lightboxHeight: lightboxHeight, lightboxStyle: lightboxStyle, optionsAnchor: optionsAnchor, SelectComp: isTagsStyle && genSelectTagsInput({ style: { position: 'sticky', top: 0, zIndex: 1000 } }), setFocusSelectTagsInput: setFocusSelectTagsInput, popOutOfOverflowHiddenParent: popOutOfOverflowHiddenParent, S: S, alignDropdown: alignDropdown, matchSelectInputWidth: matchSelectInputWidth, searchbarPlaceholder: searchbarPlaceholder, isSearchable: isTagsStyle ? false : isSearchable, searchString: searchString, setSearchString: setSearchString })));
196
196
  };
197
197
  return (react_1.default.createElement("div", { className: "OKE-Dropdown ".concat(className, " OKE-Dropdown--").concat(readOnly ? "displayComp" : "inputComp") },
198
198
  react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, getBlockLabelProps_1.getBlockLabelProps)(props))),
package/dist/v2/components/Dropdowns/comps/OptionsMulti/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export function OptionsMulti({ lightboxHeight, lightboxStyle, optionsAnchor, value, id, optionsClassName, relativeToRef, showOptions, handleHideOptions, handleSelect, options, isSearchable, label, optionsModalLabel, searchString, setSearchString, SelectComp, isTagsStyle, genCreateTagButton, setFocusSelectTagsInput, popOutOfOverflowHiddenParent, S, searchbarPlaceholder, alignDropdown, matchSelectInputWidth }: {
1
+ export function OptionsMulti({ lightboxHeight, lightboxStyle, optionsAnchor, value, id, optionsClassName, relativeToRef, showOptions, handleHideOptions, handleSelect, options, parentOnChange, isSearchable, label, optionsModalLabel, searchString, setSearchString, SelectComp, isTagsStyle, genCreateTagButton, setFocusSelectTagsInput, popOutOfOverflowHiddenParent, S, searchbarPlaceholder, alignDropdown, matchSelectInputWidth }: {
2
2
  lightboxHeight: any;
3
3
  lightboxStyle: any;
4
4
  optionsAnchor: any;
@@ -10,6 +10,7 @@ export function OptionsMulti({ lightboxHeight, lightboxStyle, optionsAnchor, val
10
10
  handleHideOptions: any;
11
11
  handleSelect: any;
12
12
  options: any;
13
+ parentOnChange: any;
13
14
  isSearchable: any;
14
15
  label: any;
15
16
  optionsModalLabel: any;
package/dist/v2/components/Dropdowns/comps/OptionsMulti/index.js CHANGED
@@ -46,7 +46,7 @@ var OptionsMulti = function (_a) {
46
46
  lightboxHeight = _a.lightboxHeight, lightboxStyle = _a.lightboxStyle, optionsAnchor = _a.optionsAnchor, value = _a.value, id = _a.id, optionsClassName = _a.optionsClassName,
47
47
  //from Dropdown
48
48
  relativeToRef = _a.relativeToRef, //the element that this lightbox is being rendered against. i.e top or bottom
49
- showOptions = _a.showOptions, handleHideOptions = _a.handleHideOptions, handleSelect = _a.handleSelect, options = _a.options, isSearchable = _a.isSearchable, label = _a.label, optionsModalLabel = _a.optionsModalLabel, //label is just a fallback for optionsModalLabel. Don't know why both are needed
49
+ showOptions = _a.showOptions, handleHideOptions = _a.handleHideOptions, handleSelect = _a.handleSelect, options = _a.options, parentOnChange = _a.parentOnChange, isSearchable = _a.isSearchable, label = _a.label, optionsModalLabel = _a.optionsModalLabel, //label is just a fallback for optionsModalLabel. Don't know why both are needed
50
50
  searchString = _a.searchString, setSearchString = _a.setSearchString, SelectComp = _a.SelectComp, // for mobile
51
51
  isTagsStyle = _a.isTagsStyle, genCreateTagButton = _a.genCreateTagButton, setFocusSelectTagsInput = _a.setFocusSelectTagsInput, popOutOfOverflowHiddenParent = _a.popOutOfOverflowHiddenParent, S = _a.S, searchbarPlaceholder = _a.searchbarPlaceholder, alignDropdown = _a.alignDropdown, matchSelectInputWidth = _a.matchSelectInputWidth;
52
52
  //INIT ORIENTATION STATE AND CUSTOM HOOK
@@ -84,10 +84,20 @@ var OptionsMulti = function (_a) {
84
84
  (0, react_1.useEffect)(function () {
85
85
  setSearchBarFocus(showOptions);
86
86
  }, [showOptions]);
87
+ var handleClearAll = function () {
88
+ parentOnChange(id, []);
89
+ setSearchString('');
90
+ };
87
91
  var createSelectedOptions = function () {
88
92
  return (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) > 0 && (react_1.default.createElement("div", null,
89
- react_1.default.createElement("div", { style: { padding: "0.4rem 0.8rem" } },
90
- react_1.default.createElement(__1.UI_TAG, null, "Selected")),
93
+ react_1.default.createElement("div", { style: {
94
+ padding: "0 0.8rem",
95
+ display: "flex",
96
+ justifyContent: "space-between",
97
+ alignItems: "center",
98
+ } },
99
+ react_1.default.createElement(__1.UI_TAG, null, "Selected"),
100
+ react_1.default.createElement(__1.ButtonTertiaryCompact, { onClick: handleClearAll, children: "Clear all", icon: "X" })),
91
101
  react_1.default.createElement(List_1.List, { key: value, options: selectedOptions, value: value, focussedOp: focussedOp, scrollFocussedOpIntoView: scrollFocussedOpIntoView, onChange: function (id, v) {
92
102
  return handleSelect(v);
93
103
  }, setSearchString: setSearchString, optionsClassName: optionsClassName, setFocusSelectTagsInput: setFocusSelectTagsInput, S: S, isMulti: true, style: { padding: "0" }, disableShadow: true }),
@@ -96,7 +106,6 @@ var OptionsMulti = function (_a) {
96
106
  };
97
107
  return (react_1.default.createElement(OptionsShell_1.OptionsShell, { ref: optionsRef, yOrientation: yOrientation, lightboxHeight: lightboxHeight, lightboxStyle: lightboxStyle, options: options, optionsAnchor: optionsAnchor, showOptions: showOptions, handleHideOptions: handleHideOptions, SelectComp: SelectComp, label: label, optionsModalLabel: optionsModalLabel, showDoneButton: true, popOutOfOverflowHiddenParent: popOutOfOverflowHiddenParent, relativeToRef: relativeToRef, S: S, alignDropdown: alignDropdown, matchSelectInputWidth: matchSelectInputWidth },
98
108
  react_1.default.createElement(List_1.List, { options: options, value: value, focussedOp: focussedOp, scrollFocussedOpIntoView: scrollFocussedOpIntoView, onChange: function (id, v) {
99
- console.log({ id: id, v: v });
100
109
  handleSelect(v);
101
110
  }, optionsClassName: optionsClassName, S: S, isMulti: true, disableShadow: true, isSearchable: isSearchable, searchbarPlaceholder: searchbarPlaceholder, searchBarFocus: searchBarFocus, searchString: searchString, setSearchString: setSearchString, setSearchBarFocus: setSearchBarFocus, children: !isTagsStyle && createSelectedOptions(), showList: showOptions, usedIn: "dropdown" }),
102
111
  genCreateTagButton && genCreateTagButton(options)));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oolib",
3
- "version": "2.225.1",
3
+ "version": "2.225.3",
4
4
  "description": " OKE Component Library",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",