@linzjs/step-ag-grid 18.1.0 → 19.1.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.
- package/dist/step-ag-grid.cjs.js +52 -67
- package/dist/step-ag-grid.cjs.js.map +1 -1
- package/dist/step-ag-grid.esm.js +52 -67
- package/dist/step-ag-grid.esm.js.map +1 -1
- package/package.json +52 -51
- package/src/components/gridFilter/GridFilterColumnsToggle.tsx +1 -1
- package/src/components/gridForm/GridFormMultiSelectGrid.tsx +2 -2
- package/src/react-menu3/components/ControlledMenu.tsx +6 -4
- package/src/stories/grid/GridNoRowsOverlay.stories.tsx +2 -2
- package/src/stories/grid/gridFormInteraction/GridFormDropDownInteraction.stories.tsx +37 -39
- package/src/stories/grid/gridFormInteraction/GridFormEditBearingCorrectionInteraction.stories.tsx +27 -17
- package/src/stories/grid/gridFormInteraction/GridFormEditBearingInteraction.stories.tsx +27 -17
- package/src/stories/grid/gridFormInteraction/GridFormMultiSelectGridInteraction.stories.tsx +34 -39
- package/src/stories/grid/gridFormInteraction/GridFormMultiSelectInteraction.stories.tsx +34 -32
- package/src/stories/grid/gridFormInteraction/GridFormPopoverMenuInteraction.stories.tsx +34 -25
- package/src/stories/grid/gridFormInteraction/GridFormTextAreaInteraction.stories.tsx +27 -17
- package/src/stories/grid/gridFormInteraction/GridFormTextInputInteraction.stories.tsx +27 -17
- package/src/stories/grid/interactions/GridKeyboardInteractions.stories.tsx +6 -5
- package/src/stories/react-menu/ReactMenu.stories.tsx +5 -4
- package/src/utils/storybookTestUtil.ts +1 -2
- package/src/utils/testUtil.ts +3 -3
package/dist/step-ag-grid.esm.js
CHANGED
|
@@ -645,12 +645,12 @@ function Bean(beanName) {
|
|
|
645
645
|
}
|
|
646
646
|
function Autowired(name) {
|
|
647
647
|
return function (target, propertyKey, descriptor) {
|
|
648
|
-
autowiredFunc(target, name, false, target, propertyKey
|
|
648
|
+
autowiredFunc(target, name, false, target, propertyKey);
|
|
649
649
|
};
|
|
650
650
|
}
|
|
651
651
|
function Optional(name) {
|
|
652
652
|
return function (target, propertyKey, descriptor) {
|
|
653
|
-
autowiredFunc(target, name, true, target, propertyKey
|
|
653
|
+
autowiredFunc(target, name, true, target, propertyKey);
|
|
654
654
|
};
|
|
655
655
|
}
|
|
656
656
|
function autowiredFunc(target, name, optional, classPrototype, methodOrAttributeName, index) {
|
|
@@ -658,10 +658,6 @@ function autowiredFunc(target, name, optional, classPrototype, methodOrAttribute
|
|
|
658
658
|
console.error("AG Grid: Autowired name should not be null");
|
|
659
659
|
return;
|
|
660
660
|
}
|
|
661
|
-
if (typeof index === "number") {
|
|
662
|
-
console.error("AG Grid: Autowired should be on an attribute");
|
|
663
|
-
return;
|
|
664
|
-
}
|
|
665
661
|
// it's an attribute on the class
|
|
666
662
|
var props = getOrCreateProps$1(target.constructor);
|
|
667
663
|
if (!props.agClassAttributes) {
|
|
@@ -1259,10 +1255,7 @@ var Column = /** @class */ (function () {
|
|
|
1259
1255
|
var colDefAny = this.colDef;
|
|
1260
1256
|
function warnOnce(msg, key, obj) {
|
|
1261
1257
|
doOnce(function () {
|
|
1262
|
-
|
|
1263
|
-
console.warn(msg, obj);
|
|
1264
|
-
}
|
|
1265
|
-
else {
|
|
1258
|
+
{
|
|
1266
1259
|
doOnce(function () { return console.warn(msg); }, key);
|
|
1267
1260
|
}
|
|
1268
1261
|
}, key);
|
|
@@ -30053,7 +30046,7 @@ var CellComp = /** @class */ (function (_super) {
|
|
|
30053
30046
|
_this.forceWrapper = cellCtrl.isForceWrapper();
|
|
30054
30047
|
_this.refreshWrapper(false);
|
|
30055
30048
|
var setAttribute = function (name, value, element) {
|
|
30056
|
-
var actualElement =
|
|
30049
|
+
var actualElement = eGui;
|
|
30057
30050
|
if (value != null && value != '') {
|
|
30058
30051
|
actualElement.setAttribute(name, value);
|
|
30059
30052
|
}
|
|
@@ -31576,7 +31569,7 @@ var HeaderCellComp = /** @class */ (function (_super) {
|
|
|
31576
31569
|
var _this = this;
|
|
31577
31570
|
var eGui = this.getGui();
|
|
31578
31571
|
var setAttribute = function (name, value, element) {
|
|
31579
|
-
var actualElement =
|
|
31572
|
+
var actualElement = eGui;
|
|
31580
31573
|
if (value != null && value != '') {
|
|
31581
31574
|
actualElement.setAttribute(name, value);
|
|
31582
31575
|
}
|
|
@@ -51243,44 +51236,48 @@ var AllCommunityModules = [ClientSideRowModelModule, InfiniteRowModelModule, Csv
|
|
|
51243
51236
|
|
|
51244
51237
|
ModuleRegistry.registerModules(AllCommunityModules);
|
|
51245
51238
|
|
|
51246
|
-
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<
|
|
51239
|
+
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
|
51247
51240
|
|
|
51248
|
-
|
|
51249
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
51250
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
51251
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
51252
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
51253
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
51254
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
51255
|
-
});
|
|
51256
|
-
};
|
|
51241
|
+
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
51257
51242
|
|
|
51258
|
-
|
|
51259
|
-
|
|
51260
|
-
|
|
51261
|
-
|
|
51262
|
-
|
|
51263
|
-
|
|
51264
|
-
|
|
51265
|
-
|
|
51266
|
-
|
|
51243
|
+
function getDefaultExportFromCjs (x) {
|
|
51244
|
+
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
51245
|
+
}
|
|
51246
|
+
|
|
51247
|
+
/**
|
|
51248
|
+
* lodash (Custom Build) <https://lodash.com/>
|
|
51249
|
+
* Build: `lodash modularize exports="npm" -o ./`
|
|
51250
|
+
* Copyright jQuery Foundation and other contributors <https://jquery.org/>
|
|
51251
|
+
* Released under MIT license <https://lodash.com/license>
|
|
51252
|
+
* Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
|
|
51253
|
+
* Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
|
|
51254
|
+
*/
|
|
51255
|
+
|
|
51256
|
+
/** Detect free variable `global` from Node.js. */
|
|
51257
|
+
var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
|
|
51258
|
+
|
|
51259
|
+
/** Detect free variable `self`. */
|
|
51260
|
+
var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
|
|
51267
51261
|
|
|
51262
|
+
/** Used as a reference to the global object. */
|
|
51263
|
+
freeGlobal || freeSelf || Function('return this')();
|
|
51264
|
+
|
|
51265
|
+
var useIsomorphicLayoutEffect$1 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
|
|
51268
51266
|
function useInterval(callback, delay) {
|
|
51269
|
-
|
|
51270
|
-
|
|
51271
|
-
|
|
51272
|
-
|
|
51273
|
-
|
|
51274
|
-
|
|
51275
|
-
|
|
51276
|
-
|
|
51277
|
-
|
|
51278
|
-
|
|
51279
|
-
}
|
|
51267
|
+
const savedCallback = useRef(callback);
|
|
51268
|
+
useIsomorphicLayoutEffect$1(() => {
|
|
51269
|
+
savedCallback.current = callback;
|
|
51270
|
+
}, [callback]);
|
|
51271
|
+
useEffect(() => {
|
|
51272
|
+
const id = setInterval(() => {
|
|
51273
|
+
savedCallback.current();
|
|
51274
|
+
}, delay);
|
|
51275
|
+
return () => {
|
|
51276
|
+
clearInterval(id);
|
|
51277
|
+
};
|
|
51278
|
+
}, [delay]);
|
|
51280
51279
|
}
|
|
51281
51280
|
|
|
51282
|
-
const useIsomorphicLayoutEffect$1 = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
|
|
51283
|
-
|
|
51284
51281
|
const GridContext = createContext({
|
|
51285
51282
|
gridReady: false,
|
|
51286
51283
|
gridRenderState: () => null,
|
|
@@ -53110,10 +53107,12 @@ const ControlledMenuFr = ({ "aria-label": ariaLabel, className, containerProps,
|
|
|
53110
53107
|
safeCall(onClose, { key, reason: CloseReason.CLICK });
|
|
53111
53108
|
},
|
|
53112
53109
|
}), [onItemClick, onClose]);
|
|
53113
|
-
const
|
|
53114
|
-
switch (key) {
|
|
53110
|
+
const onKeyUp = (e) => {
|
|
53111
|
+
switch (e.key) {
|
|
53115
53112
|
case Keys.ESC:
|
|
53116
|
-
|
|
53113
|
+
e.preventDefault();
|
|
53114
|
+
e.stopPropagation();
|
|
53115
|
+
safeCall(onClose, { key: e.key, reason: CloseReason.CANCEL });
|
|
53117
53116
|
break;
|
|
53118
53117
|
}
|
|
53119
53118
|
};
|
|
@@ -53136,7 +53135,7 @@ const ControlledMenuFr = ({ "aria-label": ariaLabel, className, containerProps,
|
|
|
53136
53135
|
};
|
|
53137
53136
|
const itemTransition = getTransition(transition, "item");
|
|
53138
53137
|
const modifiers = useMemo(() => ({ theme: theming, itemTransition }), [theming, itemTransition]);
|
|
53139
|
-
const menuList = (jsx("div", { ...mergeProps({
|
|
53138
|
+
const menuList = (jsx("div", { ...mergeProps({ onKeyUp, onBlur }, containerProps), className: useBEM({
|
|
53140
53139
|
block: menuContainerClass,
|
|
53141
53140
|
modifiers,
|
|
53142
53141
|
className,
|
|
@@ -54288,7 +54287,7 @@ const GridFilterColumnsToggle = ({ saveState = true }) => {
|
|
|
54288
54287
|
},
|
|
54289
54288
|
}, onChange: () => {
|
|
54290
54289
|
/*Do nothing, change handled by menuItem*/
|
|
54291
|
-
} }) }, col.colId))) }), jsx(MenuDivider, {}, `$$divider_reset_columns`), jsxs(MenuItem, { onClick: (e) => {
|
|
54290
|
+
} }) }, col.colId ?? "no_col_id"))) }), jsx(MenuDivider, {}, `$$divider_reset_columns`), jsxs(MenuItem, { onClick: (e) => {
|
|
54292
54291
|
// Global react-menu MenuItem handler handles tabs
|
|
54293
54292
|
if (e.key !== "Tab") {
|
|
54294
54293
|
e.keepOpen = e.key !== "Enter";
|
|
@@ -54401,10 +54400,6 @@ const GridFilterDownloadCsvButton = (csvExportParams) => {
|
|
|
54401
54400
|
} })) : (jsx(GridFilterHeaderIconButton, { icon: "ic_csv_file", title: "Download CSV", onClick: handleDownloadClick, disabled: downloading }));
|
|
54402
54401
|
};
|
|
54403
54402
|
|
|
54404
|
-
function getDefaultExportFromCjs (x) {
|
|
54405
|
-
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
54406
|
-
}
|
|
54407
|
-
|
|
54408
54403
|
/* global setTimeout, clearTimeout */
|
|
54409
54404
|
|
|
54410
54405
|
var dist = function debounce(fn) {
|
|
@@ -54606,7 +54601,7 @@ const baseMatcher = (inputs, patterns, options, firstMatchOnly) => {
|
|
|
54606
54601
|
|
|
54607
54602
|
patterns = patterns.map(pattern => makeRegexp(pattern, options));
|
|
54608
54603
|
|
|
54609
|
-
const {allPatterns} =
|
|
54604
|
+
const {allPatterns} = {};
|
|
54610
54605
|
const result = [];
|
|
54611
54606
|
|
|
54612
54607
|
for (const input of inputs) {
|
|
@@ -54636,7 +54631,7 @@ const baseMatcher = (inputs, patterns, options, firstMatchOnly) => {
|
|
|
54636
54631
|
) {
|
|
54637
54632
|
result.push(input);
|
|
54638
54633
|
|
|
54639
|
-
|
|
54634
|
+
{
|
|
54640
54635
|
break;
|
|
54641
54636
|
}
|
|
54642
54637
|
}
|
|
@@ -54646,7 +54641,7 @@ const baseMatcher = (inputs, patterns, options, firstMatchOnly) => {
|
|
|
54646
54641
|
};
|
|
54647
54642
|
|
|
54648
54643
|
function isMatch(inputs, patterns, options) {
|
|
54649
|
-
return baseMatcher(inputs, patterns, options
|
|
54644
|
+
return baseMatcher(inputs, patterns, options).length > 0;
|
|
54650
54645
|
}
|
|
54651
54646
|
|
|
54652
54647
|
/**
|
|
@@ -55348,7 +55343,7 @@ const GridFormMultiSelectGrid = (props) => {
|
|
|
55348
55343
|
e.keepOpen = true;
|
|
55349
55344
|
toggleValue(o);
|
|
55350
55345
|
}
|
|
55351
|
-
}, children: jsx(LuiCheckboxInput, { isChecked: !!o.checked ?? false, isIndeterminate: o.checked === "partial", value: `${o.value}`, label: jsxs(Fragment$1, { children: [o.warning && jsx(GridIcon, { icon: "ic_warning_outline", title: o.warning }), jsx("span", { className: "GridMultiSelectGrid-Label", children: o.label ?? (o.value == null ? `<${o.value}>` : `${o.value}`) })] }), inputProps: {
|
|
55346
|
+
}, children: jsx(LuiCheckboxInput, { isChecked: !!o.checked ?? false, isIndeterminate: o.checked === "partial", value: `${o.value}`, label: jsxs(Fragment$1, { children: [o.warning && jsx(GridIcon, { icon: "ic_warning_outline", title: o.warning }, "$$icon$$"), jsx("span", { className: "GridMultiSelectGrid-Label", children: o.label ?? (o.value == null ? `<${o.value}>` : `${o.value}`) }, "$$label$$")] }), inputProps: {
|
|
55352
55347
|
onClick: (e) => {
|
|
55353
55348
|
// Click is handled by MenuItem onClick
|
|
55354
55349
|
e.preventDefault();
|
|
@@ -55500,16 +55495,6 @@ function v4(options, buf, offset) {
|
|
|
55500
55495
|
rnds[6] = rnds[6] & 0x0f | 0x40;
|
|
55501
55496
|
rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
|
|
55502
55497
|
|
|
55503
|
-
if (buf) {
|
|
55504
|
-
offset = offset || 0;
|
|
55505
|
-
|
|
55506
|
-
for (let i = 0; i < 16; ++i) {
|
|
55507
|
-
buf[offset + i] = rnds[i];
|
|
55508
|
-
}
|
|
55509
|
-
|
|
55510
|
-
return buf;
|
|
55511
|
-
}
|
|
55512
|
-
|
|
55513
55498
|
return unsafeStringify(rnds);
|
|
55514
55499
|
}
|
|
55515
55500
|
|