@mailstep/design-system 0.8.24 → 0.8.26-beta.0

package/README.md

@@ -1,76 +1,76 @@
-# Mailstep Design-system
-
-Live demo here: https://mailstep.gitlab.io/mailwise/mw2/design-system/storybook 
-
-## Peer dependencies
-- @xstyled/styled-components
-- styled-component
-- react-router
-- react-router-dom
-
-### How to develoop
-```
-yarn install
-yarn dev
-```
-
-### How to use
-```
-yarn add @mailstep/design-system
-```
-and add `import 'swiper/css'` somewhere to the root app.
-
-
-#### How to publish
-In root folder run 
-
-```
-npm run build
-npm run deploy
-```
-
-## Components
-There are Elements, Blocks and Forms components. Also you can use ThemeProvider and Utils package
-
-### Elements
-| Component   |      Description      | Info  |
-|----------|:-------------:|------:|
-| Alert |  TBD | [More info](ui/Elements/Alert/README.md) |
-| Avatar |  TBD | [More info](ui/Elements/Avatar/README.md) |
-| Badge |  TBD | [More info](ui/Elements/Badge/README.md) |
-| BorderedBox |  TBD | [More info](ui/Elements/BorderedBox/README.md) |
-| Button |  TBD | [More info](ui/Elements/Button/README.md) |
-| Card |  TBD | [More info](ui/Elements/Card/README.md) |
-| DialogOverlay |  TBD | [More info](ui/Elements/DialogOverlay/README.md) |
-| Dropdown |  TBD | [More info](ui/Elements/Dropdown/README.md) |
-| ErrorMessage |  TBD | [More info](ui/Elements/ErrorMessage/README.md) |
-| Icon |  TBD | [More info](ui/Elements/Icon/README.md) |
-| Image |  TBD | [More info](ui/Elements/Image/README.md) |
-| Label |  TBD | [More info](ui/Elements/Label/README.md) |
-| Link |  TBD | [More info](ui/Elements/Link/README.md) |
-| Logo |  TBD | [More info](ui/Elements/Logo/README.md) |
-| Overlay |  TBD | [More info](ui/Elements/Overlay/README.md) |
-| Pagination |  TBD | [More info](ui/Elements/Pagination/README.md) |
-| Paragraph |  TBD | [More info](ui/Elements/Paragraph/README.md) |
-| Spinner |  TBD | [More info](ui/Elements/Spinner/README.md) |
-
-### Blocks
-| Component   |      Description      | Info  |
-|----------|:-------------:|------:|
-| TBD |  TBD | TBD |
-
-### Forms
-| Component   |      Description      | Info  |
-|----------|:-------------:|------:|
-| TBD |  TBD | TBD |
-
-### System
-| Component   |      Description      | Info  |
-|----------|:-------------:|------:|
-| Fonts |  Import adjusted fonts of inter | TBD |
-
-### Theme Provider
-| Component   |      Description      | Info  |
-|----------|:-------------:|------:|
-| Theme Provider |  TBD | [More info](ui/ThemeProvider/README.md) |
-
+# Mailstep Design-system
+
+Live demo here: https://mailstep.gitlab.io/mailwise/mw2/design-system/storybook 
+
+## Peer dependencies
+- @xstyled/styled-components
+- styled-component
+- react-router
+- react-router-dom
+
+### How to develoop
+```
+yarn install
+yarn dev
+```
+
+### How to use
+```
+yarn add @mailstep/design-system
+```
+and add `import 'swiper/css'` somewhere to the root app.
+
+
+#### How to publish
+In root folder run 
+
+```
+npm run build
+npm run deploy
+```
+
+## Components
+There are Elements, Blocks and Forms components. Also you can use ThemeProvider and Utils package
+
+### Elements
+| Component   |      Description      | Info  |
+|----------|:-------------:|------:|
+| Alert |  TBD | [More info](ui/Elements/Alert/README.md) |
+| Avatar |  TBD | [More info](ui/Elements/Avatar/README.md) |
+| Badge |  TBD | [More info](ui/Elements/Badge/README.md) |
+| BorderedBox |  TBD | [More info](ui/Elements/BorderedBox/README.md) |
+| Button |  TBD | [More info](ui/Elements/Button/README.md) |
+| Card |  TBD | [More info](ui/Elements/Card/README.md) |
+| DialogOverlay |  TBD | [More info](ui/Elements/DialogOverlay/README.md) |
+| Dropdown |  TBD | [More info](ui/Elements/Dropdown/README.md) |
+| ErrorMessage |  TBD | [More info](ui/Elements/ErrorMessage/README.md) |
+| Icon |  TBD | [More info](ui/Elements/Icon/README.md) |
+| Image |  TBD | [More info](ui/Elements/Image/README.md) |
+| Label |  TBD | [More info](ui/Elements/Label/README.md) |
+| Link |  TBD | [More info](ui/Elements/Link/README.md) |
+| Logo |  TBD | [More info](ui/Elements/Logo/README.md) |
+| Overlay |  TBD | [More info](ui/Elements/Overlay/README.md) |
+| Pagination |  TBD | [More info](ui/Elements/Pagination/README.md) |
+| Paragraph |  TBD | [More info](ui/Elements/Paragraph/README.md) |
+| Spinner |  TBD | [More info](ui/Elements/Spinner/README.md) |
+
+### Blocks
+| Component   |      Description      | Info  |
+|----------|:-------------:|------:|
+| TBD |  TBD | TBD |
+
+### Forms
+| Component   |      Description      | Info  |
+|----------|:-------------:|------:|
+| TBD |  TBD | TBD |
+
+### System
+| Component   |      Description      | Info  |
+|----------|:-------------:|------:|
+| Fonts |  Import adjusted fonts of inter | TBD |
+
+### Theme Provider
+| Component   |      Description      | Info  |
+|----------|:-------------:|------:|
+| Theme Provider |  TBD | [More info](ui/ThemeProvider/README.md) |
+

package/package.json

@@ -1,155 +1,147 @@
-{
-  "name": "@mailstep/design-system",
-  "version": "0.8.24",
-  "license": "ISC",
-  "type": "module",
-  "main": "./ui/index.js",
-  "module": "./ui/index.es.js",
-  "types": "./ui/index.d.ts",
-  "files": [
-    "ui",
-    "assets"
-  ],
-  "scripts": {
-    "storybook": "storybook dev -p 6006",
-    "build": "rm -rf ./build && tsc && vite build && cp package.json build && cp README.md build",
-    "build:win": "rmdir /s /q build && tsc && vite build && copy package.json build && copy README.md build",
-    "build-storybook": "storybook build",
-    "deploy": "npm run build && npm publish ./build",
-    "deploy:win": "npm run build:win && npm publish ./build",
-    "dev": "yarn storybook",
-    "test": "echo \"The tests are still waiting to be written, but it seems like they're really good at procrastinating!\"",
-    "lint": "eslint ./packages/ui/**/*.{ts,tsx}",
-    "prepare": "husky install"
-  },
-  "lint-staged": {
-    "*.{js,ts,tsx}": "yarn eslint --fix"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.20.12",
-    "@babel/preset-env": "^7.22.4",
-    "@babel/preset-react": "^7.22.3",
-    "@babel/preset-typescript": "^7.23.3",
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/modifiers": "^9.0.0",
-    "@dnd-kit/sortable": "^10.0.0",
-    "@fortawesome/fontawesome-svg-core": "^6.3.0",
-    "@fortawesome/free-brands-svg-icons": "^6.1.1",
-    "@fortawesome/pro-duotone-svg-icons": "^6.0.0",
-    "@fortawesome/pro-light-svg-icons": "^6.0.0",
-    "@fortawesome/pro-regular-svg-icons": "^6.0.0",
-    "@fortawesome/pro-solid-svg-icons": "^6.3.0",
-    "@fortawesome/react-fontawesome": "^0.2.0",
-    "@lingui/core": "3.17.2",
-    "@lingui/react": "3.17.2",
-    "@popperjs/core": "^2.11.8",
-    "@storybook/addon-designs": "^11.1.2",
-    "@storybook/addon-docs": "10.2.8",
-    "@storybook/addon-links": "10.2.8",
-    "@storybook/react-webpack5": "10.2.8",
-    "@svgr/rollup": "^8.0.1",
-    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
-    "@types/faker": "^4.1.11",
-    "@types/lodash": "^4.17.13",
-    "@types/luxon": "^3.4.2",
-    "@types/node": "^20.1.7",
-    "@types/react": "^19.2.2",
-    "@types/react-beautiful-dnd": "^13.1.2",
-    "@types/react-dom": "^19.2.2",
-    "@types/react-helmet": "^6.1.11",
-    "@types/react-router": "^5.1.20",
-    "@types/react-router-dom": "^5.3.3",
-    "@types/styled-components": "^5.1.26",
-    "@typescript-eslint/eslint-plugin": "^5.59.6",
-    "@typescript-eslint/parser": "^5.59.6",
-    "@vitejs/plugin-react": "^4.2.1",
-    "@xstyled/styled-components": "^3.8.0",
-    "babel-loader": "^9.1.3",
-    "babel-plugin-macros": "^3.1.0",
-    "babel-plugin-named-exports-order": "^0.0.2",
-    "eslint": "^8.41.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-config-standard-with-typescript": "^34.0.1",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-n": "^17.9.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-promise": "^6.6.0",
-    "eslint-plugin-react": "^7.35.0",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-perf": "^3.3.2",
-    "eslint-plugin-storybook": "10.2.8",
-    "faker": "^5.1.0",
-    "husky": "^9.1.7",
-    "immer": "9.0.7",
-    "lint-staged": "^16.4.0",
-    "lodash": "^4.17.21",
-    "luxon": "^3.4.4",
-    "moment": "^2.30.1",
-    "prettier": "2.8.8",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-helmet": "^6.1.0",
-    "react-image": "^4.1.0",
-    "react-onclickoutside": "^6.13.0",
-    "react-popper": "^2.3.0",
-    "react-redux": "*",
-    "react-router": "^5.1.2",
-    "react-router-dom": "^5.1.2",
-    "react-script": "^2.0.5",
-    "react-select": "^5.10.0",
-    "react-use-draggable-scroll": "^0.4.7",
-    "redux": ">=4.0.5",
-    "reselect": "5.0.0-alpha.2",
-    "storybook": "10.2.8",
-    "string-width": "6.1.0",
-    "styled-components": "^5.3.10",
-    "swiper": "^11.0.3",
-    "tslib": "^2.6.2",
-    "typescript": "5.1.3",
-    "vite": "^5.0.10",
-    "vite-plugin-dts": "^3.6.4",
-    "vite-plugin-static-copy": "^1.0.0",
-    "webpack": "^5.82.1"
-  },
-  "peerDependencies": {
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/modifiers": "^9.0.0",
-    "@dnd-kit/sortable": "^10.0.0",
-    "@fortawesome/fontawesome-svg-core": "^6.3.0",
-    "@fortawesome/free-brands-svg-icons": "^6.1.1",
-    "@fortawesome/pro-duotone-svg-icons": "^6.0.0",
-    "@fortawesome/pro-light-svg-icons": "^6.0.0",
-    "@fortawesome/pro-regular-svg-icons": "^6.0.0",
-    "@fortawesome/pro-solid-svg-icons": "^6.3.0",
-    "@fortawesome/react-fontawesome": "^0.2.0",
-    "@lingui/core": "3.17.2",
-    "@lingui/react": "3.17.2",
-    "@popperjs/core": "^2.11.8",
-    "@xstyled/styled-components": "^3.8.0",
-    "babel-plugin-macros": "^3.1.0",
-    "immer": "9.0.7",
-    "lodash": "^4.17.21",
-    "luxon": "^3.4.4",
-    "moment": "^2.30.1",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-helmet": "^6.1.0",
-    "react-image": "^4.1.0",
-    "react-onclickoutside": "^6.13.0",
-    "react-popper": "^2.3.0",
-    "react-redux": ">=4.0.5",
-    "react-router": "^5.1.2",
-    "react-router-dom": "^5.1.2",
-    "react-select": "^5.10.0",
-    "react-use-draggable-scroll": "^0.4.7",
-    "redux": ">=4.0.5",
-    "reselect": "5.0.0-alpha.2",
-    "styled-components": "^5.3.10",
-    "swiper": "^11.0.3",
-    "tslib": "^2.6.2",
-    "typescript": "5.1.3"
-  },
-  "resolutions": {
-    "jackspeak": "2.1.1"
-  }
-}
+{
+  "name": "@mailstep/design-system",
+  "version": "0.8.26-beta.0",
+  "license": "ISC",
+  "type": "module",
+  "main": "./ui/index.js",
+  "module": "./ui/index.es.js",
+  "types": "./ui/index.d.ts",
+  "files": [
+    "ui",
+    "assets"
+  ],
+  "scripts": {
+    "storybook": "storybook dev -p 6006",
+    "build": "rm -rf ./build && tsc && vite build --emptyOutDir && cp package.json build && cp README.md build",
+    "build:win": "tsc && vite build --emptyOutDir && copy package.json build && copy README.md build",
+    "build-storybook": "storybook build",
+    "deploy": "npm run build && npm publish ./build",
+    "deploy:win": "npm run build:win && npm publish ./build",
+    "dev": "yarn storybook",
+    "test": "echo \"The tests are still waiting to be written, but it seems like they're really good at procrastinating!\"",
+    "lint": "eslint ./packages/ui/**/*.{ts,tsx}",
+    "prepare": "husky install"
+  },
+  "lint-staged": {
+    "*.{js,ts,tsx}": "yarn eslint --fix"
+  },
+  "devDependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@fortawesome/fontawesome-svg-core": "^6.3.0",
+    "@fortawesome/free-brands-svg-icons": "^6.1.1",
+    "@fortawesome/pro-duotone-svg-icons": "^6.0.0",
+    "@fortawesome/pro-light-svg-icons": "^6.0.0",
+    "@fortawesome/pro-regular-svg-icons": "^6.0.0",
+    "@fortawesome/pro-solid-svg-icons": "^6.3.0",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@lingui/core": "^5.0.0",
+    "@lingui/react": "^5.0.0",
+    "@popperjs/core": "^2.11.8",
+    "@storybook/addon-designs": "^11.1.2",
+    "@storybook/addon-docs": "10.2.8",
+    "@storybook/addon-links": "10.2.8",
+    "@storybook/react-webpack5": "10.2.8",
+    "@svgr/rollup": "^8.0.1",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
+    "@types/faker": "^4.1.11",
+    "@types/lodash": "^4.17.13",
+    "@types/luxon": "^3.4.2",
+    "@types/node": "^20.1.7",
+    "@types/react": "^19.2.2",
+    "@types/react-beautiful-dnd": "^13.1.2",
+    "@types/react-dom": "^19.2.2",
+    "@types/react-helmet": "^6.1.11",
+    "@types/react-router": "^5.1.20",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/styled-components": "^5.1.26",
+    "@typescript-eslint/eslint-plugin": "^5.59.6",
+    "@typescript-eslint/parser": "^5.59.6",
+    "@vitejs/plugin-react-swc": "^4.3.0",
+    "@xstyled/styled-components": "^3.8.0",
+    "eslint": "^8.41.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-config-standard-with-typescript": "^34.0.1",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-n": "^17.9.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-promise": "^6.6.0",
+    "eslint-plugin-react": "^7.35.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-perf": "^3.3.2",
+    "eslint-plugin-storybook": "10.2.8",
+    "faker": "^5.1.0",
+    "husky": "^9.1.7",
+    "immer": "^9.0.19",
+    "lint-staged": "^16.4.0",
+    "lodash": "^4.17.21",
+    "luxon": "^3.4.4",
+    "moment": "^2.30.1",
+    "prettier": "2.8.8",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-helmet": "^6.1.0",
+    "react-image": "^4.1.0",
+    "react-onclickoutside": "^6.13.0",
+    "react-popper": "^2.3.0",
+    "react-redux": "*",
+    "react-router": "^5.1.2",
+    "react-router-dom": "^5.1.2",
+    "react-script": "^2.0.5",
+    "react-select": "^5.10.0",
+    "react-use-draggable-scroll": "^0.4.7",
+    "redux": ">=4.0.5",
+    "reselect": "5.0.0-alpha.2",
+    "storybook": "10.2.8",
+    "string-width": "6.1.0",
+    "styled-components": "^5.3.10",
+    "swiper": "^11.0.3",
+    "tslib": "^2.6.2",
+    "typescript": "^5.9.3",
+    "vite": "^8.0.9",
+    "vite-plugin-dts": "^3.6.4",
+    "vite-plugin-static-copy": "^1.0.0",
+    "webpack": "^5.82.1"
+  },
+  "peerDependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@fortawesome/fontawesome-svg-core": "^6.3.0",
+    "@fortawesome/free-brands-svg-icons": "^6.1.1",
+    "@fortawesome/pro-duotone-svg-icons": "^6.0.0",
+    "@fortawesome/pro-light-svg-icons": "^6.0.0",
+    "@fortawesome/pro-regular-svg-icons": "^6.0.0",
+    "@fortawesome/pro-solid-svg-icons": "^6.3.0",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@lingui/core": "^5.0.0",
+    "@lingui/react": "^5.0.0",
+    "@popperjs/core": "^2.11.8",
+    "@xstyled/styled-components": "^3.8.0",
+    "immer": "^9.0.19",
+    "lodash": "^4.17.21",
+    "luxon": "^3.4.4",
+    "moment": "^2.30.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-helmet": "^6.1.0",
+    "react-image": "^4.1.0",
+    "react-onclickoutside": "^6.13.0",
+    "react-popper": "^2.3.0",
+    "react-redux": ">=4.0.5",
+    "react-router": "^5.1.2",
+    "react-router-dom": "^5.1.2",
+    "react-select": "^5.10.0",
+    "react-use-draggable-scroll": "^0.4.7",
+    "redux": ">=4.0.5",
+    "reselect": "5.0.0-alpha.2",
+    "styled-components": "^5.3.10",
+    "swiper": "^11.0.3",
+    "tslib": "^2.6.2",
+    "typescript": "^5.9.3"
+  },
+  "resolutions": {
+    "jackspeak": "2.1.1"
+  }
+}

package/ui/Blocks/CommonGrid/components/ControlButtons/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ControlButtonsContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const Left: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const Right: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

package/ui/Blocks/CommonGrid/components/IconList/IconList.d.ts

@@ -3,7 +3,7 @@ import { FC } from 'react';
 export declare const List: import('styled-components').StyledComponent<"ul", import('@xstyled/system').Theme, {}, never>;
 export declare const ListItem: import('styled-components').StyledComponent<"li", import('@xstyled/system').Theme, {}, never>;
 export declare const ListItemContent: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {
-    selected?: boolean | undefined;
+    selected?: boolean;
 }, never>;
 export declare const ListItemIcon: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {}, never>;
 type Item = {

package/ui/Blocks/CommonGrid/components/ManageColumnForm/styles.d.ts

@@ -1,5 +1,5 @@
 export declare const RowLayout: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     $isVisible: boolean;
-    transition?: string | undefined;
-    transform?: string | undefined;
+    transition?: string;
+    transform?: string;
 }, never>;

package/ui/Blocks/CommonGrid/components/Table.d.ts

@@ -1,48 +1,48 @@
 export declare const Row: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    hasRowClick?: boolean | undefined;
-    align?: string | undefined;
+    hasRowClick?: boolean;
+    align?: string;
 }, never>;
 export declare const Cell: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    align?: string | undefined;
-    flexBasis?: number | undefined;
-    flexGrow?: number | undefined;
-    flexShrink?: number | undefined;
-    transition?: string | undefined;
-    transform?: string | undefined;
+    align?: string;
+    flexBasis?: number;
+    flexGrow?: number;
+    flexShrink?: number;
+    transition?: string;
+    transform?: string;
 }, never>;
 export declare const StyledDataRow: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    hasRowClick?: boolean | undefined;
-    align?: string | undefined;
+    hasRowClick?: boolean;
+    align?: string;
 } & {
     isEven: boolean;
 }, never>;
 export declare const TextCell: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    align?: string | undefined;
-    flexBasis?: number | undefined;
-    flexGrow?: number | undefined;
-    flexShrink?: number | undefined;
-    transition?: string | undefined;
-    transform?: string | undefined;
+    align?: string;
+    flexBasis?: number;
+    flexGrow?: number;
+    flexShrink?: number;
+    transition?: string;
+    transform?: string;
 }, never>;
 export declare const MessageCell: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    align?: string | undefined;
-    flexBasis?: number | undefined;
-    flexGrow?: number | undefined;
-    flexShrink?: number | undefined;
-    transition?: string | undefined;
-    transform?: string | undefined;
+    align?: string;
+    flexBasis?: number;
+    flexGrow?: number;
+    flexShrink?: number;
+    transition?: string;
+    transform?: string;
 }, never>;
 declare const variantColors: {
     error: (props: import('@xstyled/util').Props<import('@xstyled/system').Theme>) => import('@xstyled/system').CSSScalar;
     info: (props: import('@xstyled/util').Props<import('@xstyled/system').Theme>) => import('@xstyled/system').CSSScalar;
 };
 export declare const MessageCellBody: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    align?: string | undefined;
-    flexBasis?: number | undefined;
-    flexGrow?: number | undefined;
-    flexShrink?: number | undefined;
-    transition?: string | undefined;
-    transform?: string | undefined;
+    align?: string;
+    flexBasis?: number;
+    flexGrow?: number;
+    flexShrink?: number;
+    transition?: string;
+    transform?: string;
 } & {
     variant: keyof typeof variantColors;
 }, never>;

package/ui/Blocks/CommonGrid/hooks/useAddFilter.d.ts

@@ -1,5 +1,5 @@
 import { GridActionsType, ColumnDefinition } from '../types';
 
 type AddFilterRet = (value: any, column: ColumnDefinition, others?: any) => void;
-export declare const useAddFilter: (onChange: Required<GridActionsType>['addFilter']) => AddFilterRet;
+export declare const useAddFilter: (onChange: Required<GridActionsType>["addFilter"]) => AddFilterRet;
 export {};

package/ui/Blocks/CommonGrid/hooks/useColumnSizes.d.ts

@@ -9,5 +9,5 @@ type ReturnProps = {
     gridBoxRef: React.MutableRefObject<HTMLElement>;
     handleResizeDrag: (column: string, width: number) => void;
 };
-declare const useColumnSizes: (displayColumnsDefinitions: CommonGridProps['columnsDefinitions'], storeColumnsWidth: Required<GridSelectorsType>['columnsWidth'], storeColumnsWidthVariant: GridSelectorsType['columnsWidthVariant'], setColumnWidth: Required<GridActionsType>['setColumnWidth'], columnLayout: Required<CommonGridProps>['columnLayout'], minColumnWidth?: number) => ReturnProps;
+declare const useColumnSizes: (displayColumnsDefinitions: CommonGridProps["columnsDefinitions"], storeColumnsWidth: Required<GridSelectorsType>["columnsWidth"], storeColumnsWidthVariant: GridSelectorsType["columnsWidthVariant"], setColumnWidth: Required<GridActionsType>["setColumnWidth"], columnLayout: Required<CommonGridProps>["columnLayout"], minColumnWidth?: number) => ReturnProps;
 export default useColumnSizes;

package/ui/Blocks/CommonGrid/hooks/useEvent.d.ts

@@ -1,3 +1,3 @@
 type AnyFunction = (...args: any[]) => any;
-export declare const useEvent: <T extends AnyFunction>(callback?: T | undefined) => T;
+export declare const useEvent: <T extends AnyFunction>(callback?: T) => T;
 export {};

package/ui/Blocks/CommonGrid/hooks/useGridActionTrigger.d.ts

@@ -5,5 +5,5 @@ import { RowProps, UxState, ActionColumn, OnBatchActionFn } from '../types';
  * returns [subset of actions that are enabled, onSelect(value) - param1: selected action value]
  */
 type GridActionTriggerRet = [Required<ActionColumn>['actionOptions'], (value: any) => void];
-export declare const useGridActionTrigger: (rowsData: RowProps[], uxState: UxState, actionOptions?: ActionColumn['actionOptions'], onBatchAction?: OnBatchActionFn) => GridActionTriggerRet;
+export declare const useGridActionTrigger: (rowsData: RowProps[], uxState: UxState, actionOptions?: ActionColumn["actionOptions"], onBatchAction?: OnBatchActionFn) => GridActionTriggerRet;
 export {};

package/ui/Blocks/CommonGrid/hooks/useManageColumn.d.ts

@@ -11,7 +11,7 @@ declare const useManageColumn: ({ columns, gridSelectors, gridActions, onClose }
     columnsConfigValues: string[];
     setColumnsConfigOptions: import('react').Dispatch<import('react').SetStateAction<{
         [x: string]: {
-            isHidden?: boolean | undefined;
+            isHidden?: boolean;
         };
     }>>;
     onConfirmForm: () => void;

package/ui/Blocks/CommonGrid/hooks/useRowsKeyControls.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import { RowProps, UxState } from '../types';
 
-declare const useRowsKeyControls: (rowsData: RowProps[], uxState: UxState, onUxChange?: ((uxKey: keyof UxState, uxValue: any) => void) | undefined) => (e: React.KeyboardEvent<HTMLDivElement>) => void;
+declare const useRowsKeyControls: (rowsData: RowProps[], uxState: UxState, onUxChange?: (uxKey: keyof UxState, uxValue: any) => void) => (e: React.KeyboardEvent<HTMLDivElement>) => void;
 export default useRowsKeyControls;

package/ui/Blocks/CommonGrid/hooks/useToggleAllCheckbox.d.ts

@@ -5,5 +5,5 @@ import { RowProps, GridActionsType, UxState } from '../types';
  * returns [checked state, toggleAllHandler()] for checkbox
  */
 type ToggleAllCheckboxRet = [boolean, () => void];
-export declare const useToggleAllCheckbox: (rowsData?: RowProps[], uxState?: UxState, handleUxChange?: GridActionsType['handleUxChange']) => ToggleAllCheckboxRet;
+export declare const useToggleAllCheckbox: (rowsData?: RowProps[], uxState?: UxState, handleUxChange?: GridActionsType["handleUxChange"]) => ToggleAllCheckboxRet;
 export {};