ag-common 0.0.658 → 0.0.660

package/dist/ui/components/DropdownList/Base.js

@@ -68,7 +68,6 @@ const ListItemStyle = styled_1.default.div `
   padding: 1rem;
   cursor: pointer;
   display: flex;
-  overflow: hidden;
   justify-content: center;
   align-items: center;
   &[data-default='false'] {
@@ -125,6 +124,7 @@ function DropdownList(p) {
             minWidth: `calc(${maxLen}ch + 2rem)`,
             filter: `drop-shadow(1px 1px 0.5rem ${shadow})`,
             maxHeight,
+            width: 'fit-content',
         };
         const minPx = (0, dom_1.convertRemToPixels)(2 + maxLen / 2);
         const offsetLeft = (_b = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.offsetLeft) !== null && _b !== void 0 ? _b : 0;

package/dist/ui/components/Search/AutoHideSearchBox.js

@@ -91,7 +91,7 @@ const AutoHideSearchBox = (p) => {
             } },
             open && react_1.default.createElement(icons_1.CrossIcon, null),
             !open && react_1.default.createElement(icons_1.Magnify, { style: { fill: 'white' } })),
-        react_1.default.createElement(SearchBoxStyled, Object.assign({ textBoxRef: textEditRef }, p, { className: "", "data-open": open, defaultValue: p.searchText, setSearchText: (val, enter) => {
+        react_1.default.createElement(SearchBoxStyled, Object.assign({ textBoxRef: textEditRef }, p, { className: "", "data-open": open, setSearchText: (val, enter) => {
                 //we dont want empty enters to do anything
                 if (val === '' && enter) {
                     p.setSearchText(val, false);

package/dist/ui/components/Search/SearchBox.d.ts

@@ -4,7 +4,6 @@ export interface ISearchBox {
     placeholderText?: string;
     searchText: string;
     setSearchText: (val: string, enterPressed: boolean) => void;
-    defaultValue?: string;
     className?: string;
     textBoxRef?: React.RefObject<IRefTextEdit>;
 }

package/dist/ui/components/Search/SearchBox.js

@@ -72,23 +72,24 @@ const TextEditStyled = (0, styled_1.default)(TextEdit_1.TextEdit) `
   background-color: white;
 `;
 const SearchBox = (p) => {
+    var _a, _b;
+    const textBoxRef = (0, react_1.useRef)((_b = (_a = p.textBoxRef) === null || _a === void 0 ? void 0 : _a.current) !== null && _b !== void 0 ? _b : null);
     (0, react_1.useEffect)(() => {
-        var _a, _b, _c;
-        if (!((_a = p.textBoxRef) === null || _a === void 0 ? void 0 : _a.current) ||
-            ((_b = p.textBoxRef) === null || _b === void 0 ? void 0 : _b.current.getValue()) === p.searchText) {
+        if (!(textBoxRef === null || textBoxRef === void 0 ? void 0 : textBoxRef.current) ||
+            (textBoxRef === null || textBoxRef === void 0 ? void 0 : textBoxRef.current.getValue()) === p.searchText) {
             return;
         }
-        (_c = p.textBoxRef) === null || _c === void 0 ? void 0 : _c.current.setValue(p.searchText);
+        textBoxRef === null || textBoxRef === void 0 ? void 0 : textBoxRef.current.setValue(p.searchText);
         p.setSearchText(p.searchText, true);
     }, [p]);
     return (react_1.default.createElement(Base, Object.assign({ "data-type": "search", className: p.className }, (0, dom_1.filterDataProps)(p)),
-        react_1.default.createElement(TextEditStyled, { ref: p.textBoxRef, placeholder: p.placeholderText, defaultEditing: { focus: true }, singleLine: true, leftContent: react_1.default.createElement(MagnifyIcon, { onClick: () => { var _a, _b; return p.setSearchText(((_b = (_a = p.textBoxRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.getValue()) || '', true); } },
+        react_1.default.createElement(TextEditStyled, { ref: textBoxRef, defaultValue: p.searchText, placeholder: p.placeholderText, defaultEditing: { focus: true }, singleLine: true, leftContent: react_1.default.createElement(MagnifyIcon, { onClick: () => { var _a; return p.setSearchText(((_a = textBoxRef === null || textBoxRef === void 0 ? void 0 : textBoxRef.current) === null || _a === void 0 ? void 0 : _a.getValue()) || '', true); } },
                 react_1.default.createElement(icons_1.Magnify, null)), allowUndo: false, onClickOutsideWithNoValue: null, onSubmit: (v, enterPressed) => (0, debounce_1.debounce)(() => {
                 p.setSearchText(v, enterPressed);
-            }, { key: 'pagesearch', time: 200 }), defaultValue: p.defaultValue }),
+            }, { key: 'pagesearch', time: 200 }) }),
         p.searchText && (react_1.default.createElement(CrossIconStyled, { onClick: () => {
-                var _a, _b;
-                (_b = (_a = p.textBoxRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.setValue('');
+                var _a;
+                (_a = textBoxRef === null || textBoxRef === void 0 ? void 0 : textBoxRef.current) === null || _a === void 0 ? void 0 : _a.setValue('');
                 p.setSearchText('', true);
             } }))));
 };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.658",
+  "version": "0.0.660",
   "name": "ag-common",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",