@papillonarts/components 0.48.0 → 0.49.1

package/build/Legacy/Grid/FlexGrid/FlexGrid.js

@@ -1,12 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FlexGrid = FlexGrid;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _index = _interopRequireDefault(require("@papillonarts/css/truncate/index.scss"));
 var _borders = _interopRequireDefault(require("@papillonarts/css/utilities/borders.scss"));
 var _colors = _interopRequireDefault(require("@papillonarts/css/utilities/colors.scss"));
@@ -25,65 +23,50 @@ var _Checkbox = require("../../Form/Checkbox");
 var _Radio = require("../../Form/Radio");
 var _Icon = require("../../Icon");
 var _grid = _interopRequireDefault(require("../../Layout/grid.scss"));
-var _FlexGrid = _interopRequireDefault(require("./FlexGrid.scss"));
-var _FlexGrid2 = require("./FlexGrid.type");
+var _FlexGrid = require("./FlexGrid.const");
+var _FlexGrid2 = _interopRequireDefault(require("./FlexGrid.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
-function FlexGrid(_ref) {
-  var _items$;
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _FlexGrid2.FlexGridDefault.ClassName : _ref$className,
-    items = _ref.items,
-    _ref$idIndex = _ref.idIndex,
-    idIndex = _ref$idIndex === void 0 ? _FlexGrid2.FlexGridDefault.IdIndex : _ref$idIndex,
-    _ref$isSelectedIndex = _ref.isSelectedIndex,
-    isSelectedIndex = _ref$isSelectedIndex === void 0 ? _FlexGrid2.FlexGridDefault.IsSelectedIndex : _ref$isSelectedIndex,
-    _ref$selection = _ref.selection,
-    selection = _ref$selection === void 0 ? _FlexGrid2.FlexGridDefault.Selection : _ref$selection,
-    sort = _ref.sort,
-    _ref$onChange = _ref.onChange,
-    _onChange = _ref$onChange === void 0 ? _FlexGrid2.FlexGridDefault.OnChange : _ref$onChange,
-    _ref$onClick = _ref.onClick,
-    _onClick = _ref$onClick === void 0 ? _FlexGrid2.FlexGridDefault.OnClick : _ref$onClick,
-    _ref$onDoubleClick = _ref.onDoubleClick,
-    _onDoubleClick = _ref$onDoubleClick === void 0 ? _FlexGrid2.FlexGridDefault.OnDoubleClick : _ref$onDoubleClick,
-    _ref$iconColor = _ref.iconColor,
-    iconColor = _ref$iconColor === void 0 ? _FlexGrid2.FlexGridDefault.IconColor : _ref$iconColor,
-    _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _FlexGrid2.FlexGridDefault.State : _ref$state;
+function FlexGrid({
+  className = _FlexGrid.FlexGridDefault.ClassName,
+  items,
+  idIndex = _FlexGrid.FlexGridDefault.IdIndex,
+  isSelectedIndex = _FlexGrid.FlexGridDefault.IsSelectedIndex,
+  selection = _FlexGrid.FlexGridDefault.Selection,
+  sort,
+  onChange = _FlexGrid.FlexGridDefault.OnChange,
+  onClick = _FlexGrid.FlexGridDefault.OnClick,
+  onDoubleClick = _FlexGrid.FlexGridDefault.OnDoubleClick,
+  iconColor = _FlexGrid.FlexGridDefault.IconColor,
+  state = _FlexGrid.FlexGridDefault.State
+}) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])({}, _FlexGrid["default"]['flexGrid-inactive'], state === _FlexGrid2.FlexGridState.Inactive)),
+    className: (0, _classnames.default)(className, {
+      [_FlexGrid2.default['flexGrid-inactive']]: state === _FlexGrid.FlexGridState.Inactive
+    }),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-row'], _flexbox["default"]['flex-items-start'], _colors["default"]['bg-blue-light'], (0, _defineProperty2["default"])({}, _borders["default"].border, items === null || items === void 0 ? void 0 : items[0])),
-      children: items === null || items === void 0 || (_items$ = items[0]) === null || _items$ === void 0 || (_items$ = _items$.names) === null || _items$ === void 0 ? void 0 : _items$.map(function (name, nameIndex) {
-        var _items$2;
-        var isIdColumn = nameIndex === idIndex;
-        var isSelectedColumn = nameIndex === isSelectedIndex;
-        var isSelectedComponent = selection === _FlexGrid2.FlexGridSelection.Radio ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
+      className: (0, _classnames.default)(_visibilityDisplay.default['d-flex'], _flexbox.default['flex-row'], _flexbox.default['flex-items-start'], _colors.default['bg-blue-light'], {
+        [_borders.default.border]: items?.[0]
+      }),
+      children: items?.[0]?.names?.map((name, nameIndex) => {
+        const isIdColumn = nameIndex === idIndex;
+        const isSelectedColumn = nameIndex === isSelectedIndex;
+        const isSelectedComponent = selection === _FlexGrid.FlexGridSelection.Radio ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
           ariaAttr: {
             describedBy: name.toString()
           },
-          isChecked: items.map(function (item) {
-            return item.values[1];
-          }).every(function (isSelected) {
-            return isSelected === true;
-          }),
-          onChange: function onChange(event) {
-            var newItems = items === null || items === void 0 ? void 0 : items.map(function (_ref2) {
-              var values = _ref2.values;
-              return values === null || values === void 0 ? void 0 : values.map(function (value, valueIndex) {
-                return valueIndex === isSelectedIndex ? event.target.checked : value;
-              });
-            }).map(function (newItem) {
-              return {
-                id: newItem[idIndex],
-                isSelected: newItem[isSelectedIndex]
-              };
-            });
+          isChecked: items.map(item => item.values[1]).every(isSelected => isSelected === true),
+          onChange: event => {
+            const newItems = items?.map(({
+              values
+            }) => values?.map((value, valueIndex) => valueIndex === isSelectedIndex ? event.target.checked : value)).map(newItem => ({
+              id: newItem[idIndex],
+              isSelected: newItem[isSelectedIndex]
+            }));
             // @ts-ignore
-            _onChange(newItems);
+            onChange(newItems);
           }
         });
-        var sortComponent;
+        let sortComponent;
         if (sort.index === nameIndex && sort.value === name) {
           if (sort.order === _sort.SortOrder.Ascending) {
             sortComponent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
@@ -101,32 +84,37 @@ function FlexGrid(_ref) {
         }
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
           children: !isIdColumn && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: (0, _classnames["default"])(_typography["default"].h6, _visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-row'], _padding["default"]['p-2'], _index["default"]['css-truncate'], _index["default"]['css-truncate-overflow'], _FlexGrid["default"].item, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _grid["default"]['col-2'], isSelectedColumn), _grid["default"]['col-12'], !isSelectedColumn), _flexbox["default"]['flex-justify-center'], isSelectedColumn), _flexbox["default"]['flex-justify-between'], !isSelectedColumn)),
-            onClick: function onClick() {
+            className: (0, _classnames.default)(_typography.default.h6, _visibilityDisplay.default['d-flex'], _flexbox.default['flex-row'], _padding.default['p-2'], _index.default['css-truncate'], _index.default['css-truncate-overflow'], _FlexGrid2.default.item, {
+              [_grid.default['col-2']]: isSelectedColumn,
+              [_grid.default['col-12']]: !isSelectedColumn,
+              [_flexbox.default['flex-justify-center']]: isSelectedColumn,
+              [_flexbox.default['flex-justify-between']]: !isSelectedColumn
+            }),
+            onClick: () => {
               if (!isSelectedColumn) {
                 // @ts-ignore
-                _onClick({
+                onClick({
                   index: nameIndex,
                   value: name,
                   order: sort.order
                 });
               }
             },
-            onKeyPress: function onKeyPress() {},
+            onKeyPress: () => {},
             role: "button",
             tabIndex: 0,
             children: isSelectedColumn ? isSelectedComponent : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-              className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-justify-between'], _layout["default"]['width-full']),
+              className: (0, _classnames.default)(_visibilityDisplay.default['d-flex'], _flexbox.default['flex-justify-between'], _layout.default['width-full']),
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                className: (0, _classnames["default"])(_index["default"]['css-truncate'], _index["default"]['css-truncate-overflow']),
+                className: (0, _classnames.default)(_index.default['css-truncate'], _index.default['css-truncate-overflow']),
                 children: (0, _string.getCapitalizedString)({
                   input: name.toString(),
                   separator: '-'
                 })
               }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-items-start'], _margin["default"]['ml-1']),
-                children: [sortComponent, nameIndex < (items === null || items === void 0 || (_items$2 = items[0]) === null || _items$2 === void 0 ? void 0 : _items$2.names.length) - 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                  className: (0, _classnames["default"])(_margin["default"]['ml-1'], _colors["default"]['text-gray-light']),
+                className: (0, _classnames.default)(_visibilityDisplay.default['d-flex'], _flexbox.default['flex-items-start'], _margin.default['ml-1']),
+                children: [sortComponent, nameIndex < items?.[0]?.names.length - 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                  className: (0, _classnames.default)(_margin.default['ml-1'], _colors.default['text-gray-light']),
                   children: " |"
                 }) : null]
               })]
@@ -134,114 +122,107 @@ function FlexGrid(_ref) {
           })
         }, (0, _uuid.v1)());
       })
-    }), items === null || items === void 0 ? void 0 : items.map(function (item, itemIndex) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-row'], _flexbox["default"]['flex-items-start'], _borders["default"].border, _FlexGrid["default"].item, _FlexGrid["default"].row),
-        onClick: function onClick() {
-          var bubleUpNewItems = true;
-          var newItems = items === null || items === void 0 ? void 0 : items.map(function (_ref3, newItemIndex) {
-            var values = _ref3.values;
-            return values === null || values === void 0 ? void 0 : values.map(function (newValue, newValueIndex) {
-              if ((0, _typeof2["default"])(newValue) === 'object' && ['FileDirectory16', 'File16'].includes(newValue === null || newValue === void 0 ? void 0 : newValue.icon)) {
-                bubleUpNewItems = false;
-              }
-              return newItemIndex === itemIndex && newValueIndex === isSelectedIndex ? !newValue : newValue;
-            });
-          }).map(function (newItem) {
-            return {
+    }), items?.map((item, itemIndex) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(_visibilityDisplay.default['d-flex'], _flexbox.default['flex-row'], _flexbox.default['flex-items-start'], _borders.default.border, _FlexGrid2.default.item, _FlexGrid2.default.row),
+      onClick: () => {
+        let bubleUpNewItems = true;
+        const newItems = items?.map(({
+          values
+        }, newItemIndex) => values?.map((newValue, newValueIndex) => {
+          if (typeof newValue === 'object' && ['FileDirectory16', 'File16'].includes(newValue?.icon)) {
+            bubleUpNewItems = false;
+          }
+          return newItemIndex === itemIndex && newValueIndex === isSelectedIndex ? !newValue : newValue;
+        })).map(newItem => ({
+          id: newItem[idIndex],
+          isSelected: newItem[isSelectedIndex]
+        }));
+        if (bubleUpNewItems) {
+          // @ts-ignore
+          onChange(newItems);
+        }
+      },
+      onKeyPress: () => {},
+      role: "button",
+      tabIndex: 0,
+      onDoubleClick: () => {
+        // @ts-ignore
+        onDoubleClick(itemIndex);
+      },
+      children: item.values.map((value, valueIndex) => {
+        const isIdColumn = valueIndex === idIndex;
+        const isSelectedColumn = valueIndex === isSelectedIndex;
+        const isSelectedComponent = selection === _FlexGrid.FlexGridSelection.Radio ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.Radio, {
+          name: "isSelected",
+          isChecked: item.values[isSelectedIndex] === true,
+          onChange: event => {
+            const newItems = items?.map(({
+              names,
+              values
+            }, newItemIndex) => ({
+              names,
+              values: values.map((newValue, newValueIndex) => {
+                if (newItemIndex === itemIndex && newValueIndex === isSelectedIndex) {
+                  return event.target.checked;
+                }
+                if (newItemIndex === itemIndex && newValueIndex !== isSelectedIndex) {
+                  return newValue;
+                }
+                if (newItemIndex !== itemIndex && newValueIndex === isSelectedIndex) {
+                  return false;
+                }
+                if (newItemIndex !== itemIndex && newValueIndex !== isSelectedIndex) {
+                  return newValue;
+                }
+                return newValue;
+              })
+            }));
+            // @ts-ignore
+            onChange(newItems);
+          }
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
+          ariaAttr: {
+            describedBy: 'isSelected'
+          },
+          isChecked: item.values[isSelectedIndex] === true,
+          onChange: event => {
+            const newItems = items?.map(({
+              values
+            }, newItemIndex) => values?.map((newValue, newValueIndex) => newItemIndex === itemIndex && newValueIndex === isSelectedIndex ? event.target.checked : newValue)).map(newItem => ({
               id: newItem[idIndex],
               isSelected: newItem[isSelectedIndex]
-            };
-          });
-          if (bubleUpNewItems) {
+            }));
             // @ts-ignore
-            _onChange(newItems);
+            onChange(newItems);
           }
-        },
-        onKeyPress: function onKeyPress() {},
-        role: "button",
-        tabIndex: 0,
-        onDoubleClick: function onDoubleClick() {
-          // @ts-ignore
-          _onDoubleClick(itemIndex);
-        },
-        children: item.values.map(function (value, valueIndex) {
-          var isIdColumn = valueIndex === idIndex;
-          var isSelectedColumn = valueIndex === isSelectedIndex;
-          var isSelectedComponent = selection === _FlexGrid2.FlexGridSelection.Radio ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.Radio, {
-            name: "isSelected",
-            isChecked: item.values[isSelectedIndex] === true,
-            onChange: function onChange(event) {
-              var newItems = items === null || items === void 0 ? void 0 : items.map(function (_ref4, newItemIndex) {
-                var names = _ref4.names,
-                  values = _ref4.values;
-                return {
-                  names: names,
-                  values: values.map(function (newValue, newValueIndex) {
-                    if (newItemIndex === itemIndex && newValueIndex === isSelectedIndex) {
-                      return event.target.checked;
-                    }
-                    if (newItemIndex === itemIndex && newValueIndex !== isSelectedIndex) {
-                      return newValue;
-                    }
-                    if (newItemIndex !== itemIndex && newValueIndex === isSelectedIndex) {
-                      return false;
-                    }
-                    if (newItemIndex !== itemIndex && newValueIndex !== isSelectedIndex) {
-                      return newValue;
-                    }
-                    return newValue;
-                  })
-                };
-              });
-              // @ts-ignore
-              _onChange(newItems);
-            }
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
-            ariaAttr: {
-              describedBy: 'isSelected'
-            },
-            isChecked: item.values[isSelectedIndex] === true,
-            onChange: function onChange(event) {
-              var newItems = items === null || items === void 0 ? void 0 : items.map(function (_ref5, newItemIndex) {
-                var values = _ref5.values;
-                return values === null || values === void 0 ? void 0 : values.map(function (newValue, newValueIndex) {
-                  return newItemIndex === itemIndex && newValueIndex === isSelectedIndex ? event.target.checked : newValue;
-                });
-              }).map(function (newItem) {
-                return {
-                  id: newItem[idIndex],
-                  isSelected: newItem[isSelectedIndex]
-                };
-              });
-              // @ts-ignore
-              _onChange(newItems);
-            }
-          });
-          var iconComponent = value !== null && value !== void 0 && value.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-            icon: _Icon.IconName[value.icon],
-            size: _Icon.IconSize.Small,
-            fill: iconColor.object
-          }) : null;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
-            children: !isIdColumn && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-row'], _padding["default"]['p-2'], _index["default"]['css-truncate'], _index["default"]['css-truncate-overflow'], _typography["default"]['no-wrap'], (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _grid["default"]['col-2'], isSelectedColumn), _grid["default"]['col-12'], !isSelectedColumn), _flexbox["default"]['flex-justify-center'], isSelectedColumn), _flexbox["default"]['flex-justify-start'], !isSelectedColumn)),
-              children: isSelectedColumn ? isSelectedComponent : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                className: (0, _classnames["default"])(_index["default"]['css-truncate'], _index["default"]['css-truncate-overflow']),
-                children: [(value === null || value === void 0 ? void 0 : value.icon) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-                  children: [iconComponent, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                    className: _margin["default"]['ml-2'],
-                    children: value.value
-                  })]
-                }), value instanceof Date && "".concat(value.toLocaleDateString(), " ").concat(value.toLocaleTimeString()), Array.isArray(value) && value.find(function (_ref6) {
-                  var isSelected = _ref6.isSelected;
-                  return isSelected === true;
-                }).text, !(value !== null && value !== void 0 && value.icon) && !(value instanceof Date) && !Array.isArray(value) && (value === null || value === void 0 ? void 0 : value.toString())]
-              })
-            }, (0, _uuid.v1)())
-          }, (0, _uuid.v1)());
-        })
-      }, (0, _uuid.v1)());
-    })]
+        });
+        const iconComponent = value?.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          icon: _Icon.IconName[value.icon],
+          size: _Icon.IconSize.Small,
+          fill: iconColor.object
+        }) : null;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+          children: !isIdColumn && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: (0, _classnames.default)(_visibilityDisplay.default['d-flex'], _flexbox.default['flex-row'], _padding.default['p-2'], _index.default['css-truncate'], _index.default['css-truncate-overflow'], _typography.default['no-wrap'], {
+              [_grid.default['col-2']]: isSelectedColumn,
+              [_grid.default['col-12']]: !isSelectedColumn,
+              [_flexbox.default['flex-justify-center']]: isSelectedColumn,
+              [_flexbox.default['flex-justify-start']]: !isSelectedColumn
+            }),
+            children: isSelectedColumn ? isSelectedComponent : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: (0, _classnames.default)(_index.default['css-truncate'], _index.default['css-truncate-overflow']),
+              children: [value?.icon && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+                children: [iconComponent, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                  className: _margin.default['ml-2'],
+                  children: value.value
+                })]
+              }), value instanceof Date && `${value.toLocaleDateString()} ${value.toLocaleTimeString()}`, Array.isArray(value) && value.find(({
+                isSelected
+              }) => isSelected === true).text, !value?.icon && !(value instanceof Date) && !Array.isArray(value) && value?.toString()]
+            })
+          }, (0, _uuid.v1)())
+        }, (0, _uuid.v1)());
+      })
+    }, (0, _uuid.v1)()))]
   });
 }

package/build/Legacy/Grid/FlexGrid/FlexGrid.type.d.ts

@@ -1,14 +1,13 @@
-import { ISort } from '@papillonarts/library/sort/type';
+import type { ISort } from '@papillonarts/library/sort/type';
+import type { ReactNode } from 'react';
 export interface IFlexGridState {
     Active: string;
     Inactive: string;
 }
-export declare const FlexGridState: IFlexGridState;
 export interface IFlexGridSelection {
     Checkbox: string;
     Radio: string;
 }
-export declare const FlexGridSelection: IFlexGridSelection;
 export interface IIconColor {
     sort: string;
     object: string;
@@ -24,14 +23,13 @@ export interface IFlexGridDefault {
     IconColor: IIconColor;
     State: string;
 }
-export declare const FlexGridDefault: IFlexGridDefault;
 export interface IFlexGridItemValue {
-    value: React.ReactNode;
-    icon: React.ReactNode;
+    value: ReactNode;
+    icon: ReactNode;
 }
 export interface IFlexGridItem {
-    names: React.ReactNode[];
-    values: IFlexGridItemValue[] | React.ReactNode[];
+    names: ReactNode[];
+    values: IFlexGridItemValue[] | ReactNode[];
 }
 export interface IFlexGrid {
     className?: string;
@@ -40,9 +38,16 @@ export interface IFlexGrid {
     isSelectedIndex?: number;
     selection?: string;
     sort: ISort;
-    onChange?: (value: any) => void;
-    onClick?: (value: any) => void;
-    onDoubleClick?: (value: any) => void;
+    onChange?: (items: {
+        id: ReactNode;
+        isSelected: boolean;
+    }[]) => void;
+    onClick?: (sortInfo: {
+        index: number;
+        value: ReactNode;
+        order: string;
+    }) => void;
+    onDoubleClick?: (itemIndex: number) => void;
     iconColor?: IIconColor;
     state?: string;
 }

package/build/Legacy/Grid/FlexGrid/FlexGrid.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlexGrid.type.d.ts","sourceRoot":"","sources":["../../../../src/Legacy/Grid/FlexGrid/FlexGrid.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAEvD,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,cAG3B,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,iBAAiB,EAAE,kBAG/B,CAAA;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,SAAS,EAAE,UAAU,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,eAAe,EAAE,gBAa7B,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACxB,MAAM,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CACjD;AAED,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,KAAK,CAAA;IACX,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IAC1B,OAAO,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IAC/B,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
+{"version":3,"file":"FlexGrid.type.d.ts","sourceRoot":"","sources":["../../../../src/Legacy/Grid/FlexGrid/FlexGrid.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB;AACD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CACd;AACD,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;CACf;AACD,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,SAAS,EAAE,UAAU,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;CACd;AACD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,SAAS,CAAA;IAChB,IAAI,EAAE,SAAS,CAAA;CAChB;AACD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,MAAM,EAAE,kBAAkB,EAAE,GAAG,SAAS,EAAE,CAAA;CAC3C;AACD,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,KAAK,CAAA;IACX,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,EAAE,EAAE,SAAS,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,EAAE,KAAK,IAAI,CAAA;IACpE,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAChF,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}

package/build/Legacy/Grid/FlexGrid/FlexGrid.type.js

@@ -2,27 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.FlexGridState = exports.FlexGridSelection = exports.FlexGridDefault = void 0;
-var FlexGridState = exports.FlexGridState = {
-  Active: 'active',
-  Inactive: 'inactive'
-};
-var FlexGridSelection = exports.FlexGridSelection = {
-  Checkbox: 'checkbox',
-  Radio: 'radio'
-};
-var FlexGridDefault = exports.FlexGridDefault = {
-  ClassName: null,
-  IdIndex: -1,
-  IsSelectedIndex: -1,
-  Selection: FlexGridSelection.Checkbox,
-  OnChange: function OnChange() {},
-  OnClick: function OnClick() {},
-  OnDoubleClick: function OnDoubleClick() {},
-  IconColor: {
-    sort: '#990000',
-    object: '#79b8ff'
-  },
-  State: FlexGridState.Active
-};
+});

package/build/Legacy/Grid/FlexGrid/__tests__/FlexGrid.doc.md

@@ -18,9 +18,9 @@ export interface IFlexGrid {
   isSelectedIndex?: number
   selection?: string
   sort: ISort
-  onChange?: (value) => void
-  onClick?: (value) => void
-  onDoubleClick?: (value) => void
+  onChange?: (items: { id: ReactNode; isSelected: boolean }[]) => void
+  onClick?: (sortInfo: { index: number; value: ReactNode; order: string }) => void
+  onDoubleClick?: (itemIndex: number) => void
   iconColor?: IIconColor
   state?: string
 }

package/build/Legacy/Grid/FlexGrid/index.d.ts

@@ -1,4 +1,4 @@
 export { FlexGrid } from './FlexGrid';
-export { FlexGridSelection, FlexGridState } from './FlexGrid.type';
+export { FlexGridSelection, FlexGridState } from './FlexGrid.const';
 export type { IFlexGridItem } from './FlexGrid.type';
 //# sourceMappingURL=index.d.ts.map

package/build/Legacy/Grid/FlexGrid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Legacy/Grid/FlexGrid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAClE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Legacy/Grid/FlexGrid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACnE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

package/build/Legacy/Grid/FlexGrid/index.js

@@ -5,21 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "FlexGrid", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FlexGrid.FlexGrid;
   }
 });
 Object.defineProperty(exports, "FlexGridSelection", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FlexGrid2.FlexGridSelection;
   }
 });
 Object.defineProperty(exports, "FlexGridState", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FlexGrid2.FlexGridState;
   }
 });
 var _FlexGrid = require("./FlexGrid");
-var _FlexGrid2 = require("./FlexGrid.type");
+var _FlexGrid2 = require("./FlexGrid.const");

package/build/Legacy/Grid/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Grid = void 0;
 var _DisplayTable = require("./DisplayTable");
 var _FlexGrid = require("./FlexGrid");
-var Grid = exports.Grid = {
+const Grid = exports.Grid = {
   DisplayTable: _DisplayTable.DisplayTable,
   FlexGrid: _FlexGrid.FlexGrid,
   FlexGridSelection: _FlexGrid.FlexGridSelection,