td-stylekit 28.44.1 → 29.0.0

package/CHANGELOG.md

@@ -1,3 +1,51 @@
+# [29.0.0](https://github.com/treasure-data/td-stylekit/compare/v28.44.1...v29.0.0) (2024-09-09)
+
+
+### Code Refactoring
+
+* **CON-16802:** Remove v4 stories & snapshots ([#1599](https://github.com/treasure-data/td-stylekit/issues/1599)) ([34c27ab](https://github.com/treasure-data/td-stylekit/commit/34c27ab396dc63be5b40bbb5aaa01f1dbd7ce9fb))
+
+
+### BREAKING CHANGES
+
+* **CON-16802:** <description of breaking change, remove this line if
+it's not breaking>
+
+🔥🔥🔥Merging a BREAKING CHANGE? Verify that "BREAKING CHANGE" appears in
+the commit message below.🔥🔥🔥
+-->
+
+## Time to Review!
+
+Please keep in mind that we have [guidelines and best
+practices](https://treasure-data.atlassian.net/wiki/spaces/EN/pages/535824915/Best+Practices#Code-Reviews)
+for our code reviews to keep our codebase robust and clean. Make sure
+that you keep an eye on this document and keep its suggestions in mind
+while reviewing it!
+
+<!-- Title:  fix|feat|ninja(CON-XXX): subject -->
+<!--
+[How to properly format PR
+title](https://treasure-data.atlassian.net/wiki/spaces/EN/pages/1918402717/Stylekit+Contribution+Guidelines#How-do-I-get-my-changes-deployed%3F-%F0%9F%9A%80)
+for semantic-release.
+
+build: Changes that affect the build system or external dependencies
+chore: Updating a library or a version change in CI
+ci: Changes to our CI configuration files and scripts
+docs: Documentation only changes
+feat: A new feature
+fix: A bug fix
+ninja: For those under the radar tickets
+perf: A code change that improves performance
+refactor: A code change that neither fixes a bug nor adds a feature
+revert: for rollbacks
+test: Adding missing tests or correcting existing tests
+-->
+
+
+[CON-16802]:
+https://treasure-data.atlassian.net/browse/CON-16802?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ
+
 ## [28.44.1](https://github.com/treasure-data/td-stylekit/compare/v28.44.0...v28.44.1) (2024-08-16)
 
 

package/dist/es/DataGrid/renderers.d.ts

@@ -3,10 +3,6 @@ import type { filterRendererArguments, sortRendererArguments } from './types';
  * Function to render a basic text search input.
  */
 export declare function textFilterRenderer({ onChange, value, name, localeStrings }: filterRendererArguments): import("@emotion/react/jsx-runtime").JSX.Element;
-/**
- * Function to render a basic date search input.
- */
-export declare function dateFilterRenderer({ onChange, value, name, setIsFiltering, operator, localeStrings, locale }: filterRendererArguments): import("@emotion/react/jsx-runtime").JSX.Element;
 /**
  * Function to render a basic date search input for V5.
  */

package/dist/es/DataGrid/renderers.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.basicSortV5Renderer = basicSortV5Renderer;
 exports.categoryFilterRenderer = void 0;
 exports.dateControlFilterRenderer = dateControlFilterRenderer;
-exports.dateFilterRenderer = dateFilterRenderer;
 exports.dateSortRenderer = dateSortRenderer;
 exports.dateSortRendererV5 = dateSortRendererV5;
 exports.genericSortRenderer = genericSortRenderer;
@@ -15,7 +14,6 @@ exports.stringSortRenderer = stringSortRenderer;
 exports.stringSortV5Renderer = stringSortV5Renderer;
 exports.textFilterRenderer = textFilterRenderer;
 var _Input = _interopRequireDefault(require("../Input"));
-var _DateField = _interopRequireDefault(require("../DateField"));
 var _DateControl = _interopRequireDefault(require("../DateControl"));
 var _elements = require("./elements");
 var _constants = require("./constants");
@@ -40,7 +38,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "wnm4x8-textFilterRenderer",
   styles: "width:100%;label:textFilterRenderer;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9EYXRhR3JpZC9yZW5kZXJlcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCTSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvRGF0YUdyaWQvcmVuZGVyZXJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHRkL2luc3RydW1lbnRhdGlvbiAqL1xuLy8gdGhpcyBsZXZlbCBvZiBmaW5lIGdyYWluZWQgaW5zdHJ1bWVudGF0aW9uIGlzIG5vdCBuZWVkZWRcbmltcG9ydCBJbnB1dCBmcm9tICcuLi9JbnB1dCdcbmltcG9ydCBEYXRlRmllbGQgZnJvbSAnLi4vRGF0ZUZpZWxkJ1xuaW1wb3J0IERhdGVDb250cm9sIGZyb20gJy4uL0RhdGVDb250cm9sJ1xuaW1wb3J0IHsgU29ydEJ1dHRvbiwgT3BlcmF0b3JTZWxlY3QgfSBmcm9tICcuL2VsZW1lbnRzJ1xuaW1wb3J0IHsgRGVmYXVsdFN0cmluZ3MsIE9QRVJBVE9SUywgZ2V0RGF0ZUZpbHRlck9wZXJhdG9ycyB9IGZyb20gJy4vY29uc3RhbnRzJ1xuaW1wb3J0IHsgU29ydERpcmVjdGlvbiB9IGZyb20gJ3JlYWN0LXZpcnR1YWxpemVkJ1xuaW1wb3J0IENhdGVnb3J5RmlsdGVyIGZyb20gJy4vY29tcG9uZW50cy9DYXRlZ29yeUZpbHRlcidcbmltcG9ydCBJY29uIGZyb20gJy4uL0ljb24nXG5pbXBvcnQgdHlwZSB7IGZpbHRlclJlbmRlcmVyQXJndW1lbnRzLCBzb3J0UmVuZGVyZXJBcmd1bWVudHMgfSBmcm9tICcuL3R5cGVzJ1xuXG4vKipcbiAqIEZ1bmN0aW9uIHRvIHJlbmRlciBhIGJhc2ljIHRleHQgc2VhcmNoIGlucHV0LlxuICovXG5leHBvcnQgZnVuY3Rpb24gdGV4dEZpbHRlclJlbmRlcmVyKHtcbiAgb25DaGFuZ2UsXG4gIHZhbHVlID0gJycsXG4gIG5hbWUsXG4gIGxvY2FsZVN0cmluZ3Ncbn06IGZpbHRlclJlbmRlcmVyQXJndW1lbnRzKSB7XG4gIHJldHVybiAoXG4gICAgPElucHV0XG4gICAgICBjbGFzc05hbWU9XCJkYXRhR3JpZEZpbHRlcklucHV0XCJcbiAgICAgIGNzcz17eyB3aWR0aDogJzEwMCUnIH19XG4gICAgICB0eXBlPVwidGV4dFwiXG4gICAgICBwbGFjZWhvbGRlcj17bG9jYWxlU3RyaW5ncz8uc2VhcmNoIHx8IERlZmF1bHRTdHJpbmdzLnNlYXJjaH1cbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICBvbkNoYW5nZT17KHsgdmFsdWUgfSkgPT4gb25DaGFuZ2UoeyB2YWx1ZSB9KX1cbiAgICAgIGF1dG9Gb2N1c1xuICAgIC8+XG4gIClcbn1cblxuLyoqXG4gKiBGdW5jdGlvbiB0byByZW5kZXIgYSBiYXNpYyBkYXRlIHNlYXJjaCBpbnB1dC5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGRhdGVGaWx0ZXJSZW5kZXJlcih7XG4gIG9uQ2hhbmdlLFxuICB2YWx1ZSxcbiAgbmFtZSxcbiAgc2V0SXNGaWx0ZXJpbmcsXG4gIG9wZXJhdG9yLFxuICBsb2NhbGVTdHJpbmdzLFxuICBsb2NhbGUgPSAnZW4nXG59OiBmaWx0ZXJSZW5kZXJlckFyZ3VtZW50cykge1xuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8T3BlcmF0b3JTZWxlY3RcbiAgICAgICAgb3B0aW9ucz17Z2V0RGF0ZUZpbHRlck9wZXJhdG9ycyhsb2NhbGVTdHJpbmdzKX1cbiAgICAgICAgdmFsdWU9e29wZXJhdG9yIHx8IE9QRVJBVE9SUy5JU19EQVRFfVxuICAgICAgICBvbkNoYW5nZT17ZSA9PiBvbkNoYW5nZSh7IG9wZXJhdG9yOiBlLnZhbHVlLCB2YWx1ZSB9KX1cbiAgICAgICAgb25NZW51T3Blbj17KCkgPT4gc2V0SXNGaWx0ZXJpbmcodHJ1ZSl9XG4gICAgICAgIG9uTWVudUNsb3NlPXsoKSA9PiBzZXRJc0ZpbHRlcmluZyhmYWxzZSl9XG4gICAgICAgIGF1dG9Gb2N1c1xuICAgICAgICBzdHlsZT17eyB3aWR0aDogJzEwMCUnIH19XG4gICAgICAgIG5hbWU9XCJEQVRFX0ZJTFRFUl9TRUxFQ1RcIlxuICAgICAgLz5cbiAgICAgIDxEYXRlRmllbGRcbiAgICAgICAgY2xhc3NOYW1lPVwiZGF0YUdyaWRGaWx0ZXJEYXRlSW5wdXRcIlxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICB2YWx1ZT17dmFsdWUgfHwgbnVsbH1cbiAgICAgICAgb25DaGFuZ2U9eyh7IHZhbHVlIH0pID0+XG4gICAgICAgICAgb25DaGFuZ2UoeyBvcGVyYXRvcjogb3BlcmF0b3IgfHwgT1BFUkFUT1JTLklTX0RBVEUsIHZhbHVlIH0pXG4gICAgICAgIH1cbiAgICAgICAgZW5hYmxlUGFzdERhdGVzXG4gICAgICAgIG9uTWVudU9wZW49eygpID0+IHNldElzRmlsdGVyaW5nKHRydWUpfVxuICAgICAgICBvbk1lbnVDbG9zZT17KCkgPT4gc2V0SXNGaWx0ZXJpbmcoZmFsc2UpfVxuICAgICAgICBhdXRvQ29tcGxldGU9XCJvZmZcIlxuICAgICAgICBwb3BvdmVyUGxhY2VtZW50PVwicmlnaHRcIlxuICAgICAgICBsb2NhbGU9e2xvY2FsZX1cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuLyoqXG4gKiBGdW5jdGlvbiB0byByZW5kZXIgYSBiYXNpYyBkYXRlIHNlYXJjaCBpbnB1dCBmb3IgVjUuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBkYXRlQ29udHJvbEZpbHRlclJlbmRlcmVyKHtcbiAgb25DaGFuZ2UsXG4gIHZhbHVlLFxuICBuYW1lLFxuICBzZXRJc0ZpbHRlcmluZyxcbiAgb3BlcmF0b3IsXG4gIGxvY2FsZSA9ICdlbicsXG4gIGxvY2FsZVN0cmluZ3Ncbn06IGZpbHRlclJlbmRlcmVyQXJndW1lbnRzKSB7XG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxPcGVyYXRvclNlbGVjdFxuICAgICAgICBvcHRpb25zPXtnZXREYXRlRmlsdGVyT3BlcmF0b3JzKGxvY2FsZVN0cmluZ3MpfVxuICAgICAgICB2YWx1ZT17b3BlcmF0b3IgfHwgT1BFUkFUT1JTLklTX0RBVEV9XG4gICAgICAgIG9uQ2hhbmdlPXtlID0+IG9uQ2hhbmdlKHsgb3BlcmF0b3I6IGUudmFsdWUsIHZhbHVlIH0pfVxuICAgICAgICBvbk1lbnVPcGVuPXsoKSA9PiBzZXRJc0ZpbHRlcmluZyh0cnVlKX1cbiAgICAgICAgb25NZW51Q2xvc2U9eygpID0+IHNldElzRmlsdGVyaW5nKGZhbHNlKX1cbiAgICAgICAgYXV0b0ZvY3VzXG4gICAgICAgIHN0eWxlPXt7IHdpZHRoOiAnMTAwJScgfX1cbiAgICAgICAgbmFtZT1cIkRBVEVfRklMVEVSX1NFTEVDVFwiXG4gICAgICAvPlxuICAgICAgPERhdGVDb250cm9sXG4gICAgICAgIGJsb2NrTGFiZWxcbiAgICAgICAgY2xhc3NOYW1lPVwiZGF0YUdyaWRGaWx0ZXJEYXRlSW5wdXRcIlxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICB2YWx1ZT17dmFsdWUgfHwgbnVsbH1cbiAgICAgICAgb25DaGFuZ2U9eyh7IHZhbHVlIH0pID0+XG4gICAgICAgICAgb25DaGFuZ2UoeyBvcGVyYXRvcjogb3BlcmF0b3IgfHwgT1BFUkFUT1JTLklTX0RBVEUsIHZhbHVlIH0pXG4gICAgICAgIH1cbiAgICAgICAgZW5hYmxlUGFzdERhdGVzXG4gICAgICAgIG9uTWVudU9wZW49eygpID0+IHNldElzRmlsdGVyaW5nKHRydWUpfVxuICAgICAgICBvbk1lbnVDbG9zZT17KCkgPT4gc2V0SXNGaWx0ZXJpbmcoZmFsc2UpfVxuICAgICAgICBsb2NhbGU9e2xvY2FsZX1cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IGNhdGVnb3J5RmlsdGVyUmVuZGVyZXIgPSAob3B0aW9uczogQXJyYXk8YW55PikgPT4ge1xuICBjb25zdCBGaWx0ZXIgPSAocHJvcHM6IGZpbHRlclJlbmRlcmVyQXJndW1lbnRzKSA9PiAoXG4gICAgPENhdGVnb3J5RmlsdGVyIG9wdGlvbnM9e29wdGlvbnN9IHsuLi5wcm9wc30gLz5cbiAgKVxuICByZXR1cm4gRmlsdGVyXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZW5lcmljU29ydFJlbmRlcmVyKHtcbiAgZGF0YUtleSxcbiAgb25Tb3J0QXNjLFxuICBvblNvcnREZXNjLFxuICBzb3J0QXNjSWNvbixcbiAgc29ydEJ5LFxuICBzb3J0RGVzY0ljb24sXG4gIHNvcnREaXJlY3Rpb24sXG4gIGxvY2FsZVN0cmluZ3Ncbn06IHNvcnRSZW5kZXJlckFyZ3VtZW50cykge1xuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8U29ydEJ1dHRvblxuICAgICAgICBhY3RpdmU9e3NvcnREaXJlY3Rpb24gPT09IFNvcnREaXJlY3Rpb24uQVNDICYmIHNvcnRCeSA9PT0gZGF0YUtleX1cbiAgICAgICAgbGFiZWw9e2xvY2FsZVN0cmluZ3M/LnNvcnRBc2MgfHwgRGVmYXVsdFN0cmluZ3Muc29ydEFzY31cbiAgICAgICAgaWNvbj17c29ydEFzY0ljb259XG4gICAgICAgIG9uQ2xpY2s9e29uU29ydEFzY31cbiAgICAgIC8+XG4gICAgICA8YnIgLz5cbiAgICAgIDxTb3J0QnV0dG9uXG4gICAgICAgIGFjdGl2ZT17c29ydERpcmVjdGlvbiA9PT0gU29ydERpcmVjdGlvbi5ERVNDICYmIHNvcnRCeSA9PT0gZGF0YUtleX1cbiAgICAgICAgbGFiZWw9e2xvY2FsZVN0cmluZ3M/LnNvcnREZXNjIHx8IERlZmF1bHRTdHJpbmdzLnNvcnREZXNjfVxuICAgICAgICBpY29uPXtzb3J0RGVzY0ljb259XG4gICAgICAgIG9uQ2xpY2s9e29uU29ydERlc2N9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBkYXRlU29ydFJlbmRlcmVyKHtcbiAgZGF0YUtleSxcbiAgb25Tb3J0QXNjLFxuICBvblNvcnREZXNjLFxuICBzb3J0QnksXG4gIHNvcnREaXJlY3Rpb25cbn06IHNvcnRSZW5kZXJlckFyZ3VtZW50cykge1xuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8U29ydEJ1dHRvblxuICAgICAgICBhY3RpdmU9e3NvcnREaXJlY3Rpb24gPT09IFNvcnREaXJlY3Rpb24uQVNDICYmIHNvcnRCeSA9PT0gZGF0YUtleX1cbiAgICAgICAgbGFiZWw9XCJTb3J0IE9sZGVzdCB0byBOZXdlc3RcIlxuICAgICAgICBvbkNsaWNrPXtvblNvcnRBc2N9XG4gICAgICAgIGljb249e3VuZGVmaW5lZH1cbiAgICAgIC8+XG4gICAgICA8YnIgLz5cbiAgICAgIDxTb3J0QnV0dG9uXG4gICAgICAgIGFjdGl2ZT17c29ydERpcmVjdGlvbiA9PT0gU29ydERpcmVjdGlvbi5ERVNDICYmIHNvcnRCeSA9PT0gZGF0YUtleX1cbiAgICAgICAgbGFiZWw9XCJTb3J0IE5ld2VzdCB0byBPbGRlc3RcIlxuICAgICAgICBvbkNsaWNrPXtvblNvcnREZXNjfVxuICAgICAgICBpY29uPXt1bmRlZmluZWR9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBkYXRlU29ydFJlbmRlcmVyVjUoe1xuICBkYXRhS2V5LFxuICBvblNvcnRBc2MsXG4gIG9uU29ydERlc2MsXG4gIHNvcnRBc2NJY29uLFxuICBzb3J0QnksXG4gIHNvcnREZXNjSWNvbixcbiAgc29ydERpcmVjdGlvbixcbiAgbG9jYWxlU3RyaW5nc1xufTogc29ydFJlbmRlcmVyQXJndW1lbnRzKSB7XG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxTb3J0QnV0dG9uXG4gICAgICAgIGFjdGl2ZT17c29ydERpcmVjdGlvbiA9PT0gU29ydERpcmVjdGlvbi5BU0MgJiYgZGF0YUtleSA9PT0gc29ydEJ5fVxuICAgICAgICBpY29uPXtzb3J0QXNjSWNvbn1cbiAgICAgICAgbGFiZWw9e2xvY2FsZVN0cmluZ3M/LmRhdGVTb3J0QXNjIHx8IERlZmF1bHRTdHJpbmdzLmRhdGVTb3J0QXNjfVxuICAgICAgICBvbkNsaWNrPXtvblNvcnRBc2N9XG4gICAgICAvPlxuICAgICAgPGJyIC8+XG4gICAgICA8U29ydEJ1dHRvblxuICAgICAgICBhY3RpdmU9e3NvcnREaXJlY3Rpb24gPT09IFNvcnREaXJlY3Rpb24uREVTQyAmJiBkYXRhS2V5ID09PSBzb3J0Qnl9XG4gICAgICAgIGljb249e3NvcnREZXNjSWNvbn1cbiAgICAgICAgbGFiZWw9e2xvY2FsZVN0cmluZ3M/LmRhdGVTb3J0RGVzYyB8fCBEZWZhdWx0U3RyaW5ncy5kYXRlU29ydERlc2N9XG4gICAgICAgIG9uQ2xpY2s9e29uU29ydERlc2N9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBzdHJpbmdTb3J0UmVuZGVyZXIoe1xuICBkYXRhS2V5LFxuICBvblNvcnRBc2MsXG4gIG9uU29ydERlc2MsXG4gIHNvcnRCeSxcbiAgc29ydERpcmVjdGlvblxufTogc29ydFJlbmRlcmVyQXJndW1lbnRzKSB7XG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxTb3J0QnV0dG9uXG4gICAgICAgIGFjdGl2ZT17c29ydERpcmVjdGlvbiA9PT0gU29ydERpcmVjdGlvbi5BU0MgJiYgc29ydEJ5ID09PSBkYXRhS2V5fVxuICAgICAgICBsYWJlbD1cIlNvcnQgQSB0byBaXCJcbiAgICAgICAgaWNvbj17PEljb24uTWVkaXVtLlRvb2xTb3J0QXNjQWxwaGEgLz59XG4gICAgICAgIG9uQ2xpY2s9e29uU29ydEFzY31cbiAgICAgIC8+XG4gICAgICA8YnIgLz5cbiAgICAgIDxTb3J0QnV0dG9uXG4gICAgICAgIGFjdGl2ZT17c29ydERpcmVjdGlvbiA9PT0gU29ydERpcmVjdGlvbi5ERVNDICYmIHNvcnRCeSA9PT0gZGF0YUtleX1cbiAgICAgICAgbGFiZWw9XCJTb3J0IFogdG8gQVwiXG4gICAgICAgIGljb249ezxJY29uLk1lZGl1bS5Ub29sU29ydERlc2NBbHBoYSAvPn1cbiAgICAgICAgb25DbGljaz17b25Tb3J0RGVzY31cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHN0cmluZ1NvcnRWNVJlbmRlcmVyKHtcbiAgZGF0YUtleSxcbiAgb25Tb3J0QXNjLFxuICBvblNvcnREZXNjLFxuICBzb3J0QnksXG4gIHNvcnREaXJlY3Rpb24sXG4gIGxvY2FsZVN0cmluZ3Ncbn06IHNvcnRSZW5kZXJlckFyZ3VtZW50cykge1xuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8U29ydEJ1dHRvblxuICAgICAgICBhY3RpdmU9e3NvcnREaXJlY3Rpb24gPT09IFNvcnREaXJlY3Rpb24uQVNDICYmIHNvcnRCeSA9PT0gZGF0YUtleX1cbiAgICAgICAgbGFiZWw9e2xvY2FsZVN0cmluZ3M/LnN0cmluZ1NvcnRBc2MgfHwgRGVmYXVsdFN0cmluZ3Muc3RyaW5nU29ydEFzY31cbiAgICAgICAgaWNvbj17PEljb24uTWVkaXVtLlRvb2xTb3J0QXNjQWxwaGEgLz59XG4gICAgICAgIG9uQ2xpY2s9e29uU29ydEFzY31cbiAgICAgIC8+XG4gICAgICA8YnIgLz5cbiAgICAgIDxTb3J0QnV0dG9uXG4gICAgICAgIGFjdGl2ZT17c29ydERpcmVjdGlvbiA9PT0gU29ydERpcmVjdGlvbi5ERVNDICYmIHNvcnRCeSA9PT0gZGF0YUtleX1cbiAgICAgICAgbGFiZWw9e2xvY2FsZVN0cmluZ3M/LnN0cmluZ1NvcnREZXNjIHx8IERlZmF1bHRTdHJpbmdzLnN0cmluZ1NvcnREZXNjfVxuICAgICAgICBpY29uPXs8SWNvbi5NZWRpdW0uVG9vbFNvcnREZXNjQWxwaGEgLz59XG4gICAgICAgIG9uQ2xpY2s9e29uU29ydERlc2N9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBiYXNpY1NvcnRWNVJlbmRlcmVyKHtcbiAgZGF0YUtleSxcbiAgb25Tb3J0QXNjLFxuICBvblNvcnREZXNjLFxuICBzb3J0QXNjSWNvbixcbiAgc29ydEJ5LFxuICBzb3J0RGVzY0ljb24sXG4gIHNvcnREaXJlY3Rpb24sXG4gIGxvY2FsZVN0cmluZ3Ncbn06IHNvcnRSZW5kZXJlckFyZ3VtZW50cykge1xuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8U29ydEJ1dHRvblxuICAgICAgICBhY3RpdmU9e3NvcnREaXJlY3Rpb24gPT09IFNvcnREaXJlY3Rpb24uQVNDICYmIHNvcnRCeSA9PT0gZGF0YUtleX1cbiAgICAgICAgbGFiZWw9e2xvY2FsZVN0cmluZ3M/LnNvcnRCYXNpY0FzYyB8fCBEZWZhdWx0U3RyaW5ncy5zb3J0QmFzaWNBc2N9XG4gICAgICAgIGljb249e3NvcnRBc2NJY29ufVxuICAgICAgICBvbkNsaWNrPXtvblNvcnRBc2N9XG4gICAgICAvPlxuICAgICAgPGJyIC8+XG4gICAgICA8U29ydEJ1dHRvblxuICAgICAgICBhY3RpdmU9e3NvcnREaXJlY3Rpb24gPT09IFNvcnREaXJlY3Rpb24uREVTQyAmJiBzb3J0QnkgPT09IGRhdGFLZXl9XG4gICAgICAgIGxhYmVsPXtsb2NhbGVTdHJpbmdzPy5zb3J0QmFzaWNEZXNjIHx8IERlZmF1bHRTdHJpbmdzLnNvcnRCYXNpY0Rlc2N9XG4gICAgICAgIGljb249e3NvcnREZXNjSWNvbn1cbiAgICAgICAgb25DbGljaz17b25Tb3J0RGVzY31cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gIClcbn1cbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9EYXRhR3JpZC9yZW5kZXJlcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCTSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvRGF0YUdyaWQvcmVuZGVyZXJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHRkL2luc3RydW1lbnRhdGlvbiAqL1xuLy8gdGhpcyBsZXZlbCBvZiBmaW5lIGdyYWluZWQgaW5zdHJ1bWVudGF0aW9uIGlzIG5vdCBuZWVkZWRcbmltcG9ydCBJbnB1dCBmcm9tICcuLi9JbnB1dCdcbmltcG9ydCBEYXRlQ29udHJvbCBmcm9tICcuLi9EYXRlQ29udHJvbCdcbmltcG9ydCB7IFNvcnRCdXR0b24sIE9wZXJhdG9yU2VsZWN0IH0gZnJvbSAnLi9lbGVtZW50cydcbmltcG9ydCB7IERlZmF1bHRTdHJpbmdzLCBPUEVSQVRPUlMsIGdldERhdGVGaWx0ZXJPcGVyYXRvcnMgfSBmcm9tICcuL2NvbnN0YW50cydcbmltcG9ydCB7IFNvcnREaXJlY3Rpb24gfSBmcm9tICdyZWFjdC12aXJ0dWFsaXplZCdcbmltcG9ydCBDYXRlZ29yeUZpbHRlciBmcm9tICcuL2NvbXBvbmVudHMvQ2F0ZWdvcnlGaWx0ZXInXG5pbXBvcnQgSWNvbiBmcm9tICcuLi9JY29uJ1xuaW1wb3J0IHR5cGUgeyBmaWx0ZXJSZW5kZXJlckFyZ3VtZW50cywgc29ydFJlbmRlcmVyQXJndW1lbnRzIH0gZnJvbSAnLi90eXBlcydcblxuLyoqXG4gKiBGdW5jdGlvbiB0byByZW5kZXIgYSBiYXNpYyB0ZXh0IHNlYXJjaCBpbnB1dC5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHRleHRGaWx0ZXJSZW5kZXJlcih7XG4gIG9uQ2hhbmdlLFxuICB2YWx1ZSA9ICcnLFxuICBuYW1lLFxuICBsb2NhbGVTdHJpbmdzXG59OiBmaWx0ZXJSZW5kZXJlckFyZ3VtZW50cykge1xuICByZXR1cm4gKFxuICAgIDxJbnB1dFxuICAgICAgY2xhc3NOYW1lPVwiZGF0YUdyaWRGaWx0ZXJJbnB1dFwiXG4gICAgICBjc3M9e3sgd2lkdGg6ICcxMDAlJyB9fVxuICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgcGxhY2Vob2xkZXI9e2xvY2FsZVN0cmluZ3M/LnNlYXJjaCB8fCBEZWZhdWx0U3RyaW5ncy5zZWFyY2h9XG4gICAgICBuYW1lPXtuYW1lfVxuICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgb25DaGFuZ2U9eyh7IHZhbHVlIH0pID0+IG9uQ2hhbmdlKHsgdmFsdWUgfSl9XG4gICAgICBhdXRvRm9jdXNcbiAgICAvPlxuICApXG59XG5cbi8qKlxuICogRnVuY3Rpb24gdG8gcmVuZGVyIGEgYmFzaWMgZGF0ZSBzZWFyY2ggaW5wdXQgZm9yIFY1LlxuICovXG5leHBvcnQgZnVuY3Rpb24gZGF0ZUNvbnRyb2xGaWx0ZXJSZW5kZXJlcih7XG4gIG9uQ2hhbmdlLFxuICB2YWx1ZSxcbiAgbmFtZSxcbiAgc2V0SXNGaWx0ZXJpbmcsXG4gIG9wZXJhdG9yLFxuICBsb2NhbGUgPSAnZW4nLFxuICBsb2NhbGVTdHJpbmdzXG59OiBmaWx0ZXJSZW5kZXJlckFyZ3VtZW50cykge1xuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8T3BlcmF0b3JTZWxlY3RcbiAgICAgICAgb3B0aW9ucz17Z2V0RGF0ZUZpbHRlck9wZXJhdG9ycyhsb2NhbGVTdHJpbmdzKX1cbiAgICAgICAgdmFsdWU9e29wZXJhdG9yIHx8IE9QRVJBVE9SUy5JU19EQVRFfVxuICAgICAgICBvbkNoYW5nZT17ZSA9PiBvbkNoYW5nZSh7IG9wZXJhdG9yOiBlLnZhbHVlLCB2YWx1ZSB9KX1cbiAgICAgICAgb25NZW51T3Blbj17KCkgPT4gc2V0SXNGaWx0ZXJpbmcodHJ1ZSl9XG4gICAgICAgIG9uTWVudUNsb3NlPXsoKSA9PiBzZXRJc0ZpbHRlcmluZyhmYWxzZSl9XG4gICAgICAgIGF1dG9Gb2N1c1xuICAgICAgICBzdHlsZT17eyB3aWR0aDogJzEwMCUnIH19XG4gICAgICAgIG5hbWU9XCJEQVRFX0ZJTFRFUl9TRUxFQ1RcIlxuICAgICAgLz5cbiAgICAgIDxEYXRlQ29udHJvbFxuICAgICAgICBibG9ja0xhYmVsXG4gICAgICAgIGNsYXNzTmFtZT1cImRhdGFHcmlkRmlsdGVyRGF0ZUlucHV0XCJcbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgdmFsdWU9e3ZhbHVlIHx8IG51bGx9XG4gICAgICAgIG9uQ2hhbmdlPXsoeyB2YWx1ZSB9KSA9PlxuICAgICAgICAgIG9uQ2hhbmdlKHsgb3BlcmF0b3I6IG9wZXJhdG9yIHx8IE9QRVJBVE9SUy5JU19EQVRFLCB2YWx1ZSB9KVxuICAgICAgICB9XG4gICAgICAgIGVuYWJsZVBhc3REYXRlc1xuICAgICAgICBvbk1lbnVPcGVuPXsoKSA9PiBzZXRJc0ZpbHRlcmluZyh0cnVlKX1cbiAgICAgICAgb25NZW51Q2xvc2U9eygpID0+IHNldElzRmlsdGVyaW5nKGZhbHNlKX1cbiAgICAgICAgbG9jYWxlPXtsb2NhbGV9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBjYXRlZ29yeUZpbHRlclJlbmRlcmVyID0gKG9wdGlvbnM6IEFycmF5PGFueT4pID0+IHtcbiAgY29uc3QgRmlsdGVyID0gKHByb3BzOiBmaWx0ZXJSZW5kZXJlckFyZ3VtZW50cykgPT4gKFxuICAgIDxDYXRlZ29yeUZpbHRlciBvcHRpb25zPXtvcHRpb25zfSB7Li4ucHJvcHN9IC8+XG4gIClcbiAgcmV0dXJuIEZpbHRlclxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2VuZXJpY1NvcnRSZW5kZXJlcih7XG4gIGRhdGFLZXksXG4gIG9uU29ydEFzYyxcbiAgb25Tb3J0RGVzYyxcbiAgc29ydEFzY0ljb24sXG4gIHNvcnRCeSxcbiAgc29ydERlc2NJY29uLFxuICBzb3J0RGlyZWN0aW9uLFxuICBsb2NhbGVTdHJpbmdzXG59OiBzb3J0UmVuZGVyZXJBcmd1bWVudHMpIHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPFNvcnRCdXR0b25cbiAgICAgICAgYWN0aXZlPXtzb3J0RGlyZWN0aW9uID09PSBTb3J0RGlyZWN0aW9uLkFTQyAmJiBzb3J0QnkgPT09IGRhdGFLZXl9XG4gICAgICAgIGxhYmVsPXtsb2NhbGVTdHJpbmdzPy5zb3J0QXNjIHx8IERlZmF1bHRTdHJpbmdzLnNvcnRBc2N9XG4gICAgICAgIGljb249e3NvcnRBc2NJY29ufVxuICAgICAgICBvbkNsaWNrPXtvblNvcnRBc2N9XG4gICAgICAvPlxuICAgICAgPGJyIC8+XG4gICAgICA8U29ydEJ1dHRvblxuICAgICAgICBhY3RpdmU9e3NvcnREaXJlY3Rpb24gPT09IFNvcnREaXJlY3Rpb24uREVTQyAmJiBzb3J0QnkgPT09IGRhdGFLZXl9XG4gICAgICAgIGxhYmVsPXtsb2NhbGVTdHJpbmdzPy5zb3J0RGVzYyB8fCBEZWZhdWx0U3RyaW5ncy5zb3J0RGVzY31cbiAgICAgICAgaWNvbj17c29ydERlc2NJY29ufVxuICAgICAgICBvbkNsaWNrPXtvblNvcnREZXNjfVxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZnVuY3Rpb24gZGF0ZVNvcnRSZW5kZXJlcih7XG4gIGRhdGFLZXksXG4gIG9uU29ydEFzYyxcbiAgb25Tb3J0RGVzYyxcbiAgc29ydEJ5LFxuICBzb3J0RGlyZWN0aW9uXG59OiBzb3J0UmVuZGVyZXJBcmd1bWVudHMpIHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPFNvcnRCdXR0b25cbiAgICAgICAgYWN0aXZlPXtzb3J0RGlyZWN0aW9uID09PSBTb3J0RGlyZWN0aW9uLkFTQyAmJiBzb3J0QnkgPT09IGRhdGFLZXl9XG4gICAgICAgIGxhYmVsPVwiU29ydCBPbGRlc3QgdG8gTmV3ZXN0XCJcbiAgICAgICAgb25DbGljaz17b25Tb3J0QXNjfVxuICAgICAgICBpY29uPXt1bmRlZmluZWR9XG4gICAgICAvPlxuICAgICAgPGJyIC8+XG4gICAgICA8U29ydEJ1dHRvblxuICAgICAgICBhY3RpdmU9e3NvcnREaXJlY3Rpb24gPT09IFNvcnREaXJlY3Rpb24uREVTQyAmJiBzb3J0QnkgPT09IGRhdGFLZXl9XG4gICAgICAgIGxhYmVsPVwiU29ydCBOZXdlc3QgdG8gT2xkZXN0XCJcbiAgICAgICAgb25DbGljaz17b25Tb3J0RGVzY31cbiAgICAgICAgaWNvbj17dW5kZWZpbmVkfVxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZnVuY3Rpb24gZGF0ZVNvcnRSZW5kZXJlclY1KHtcbiAgZGF0YUtleSxcbiAgb25Tb3J0QXNjLFxuICBvblNvcnREZXNjLFxuICBzb3J0QXNjSWNvbixcbiAgc29ydEJ5LFxuICBzb3J0RGVzY0ljb24sXG4gIHNvcnREaXJlY3Rpb24sXG4gIGxvY2FsZVN0cmluZ3Ncbn06IHNvcnRSZW5kZXJlckFyZ3VtZW50cykge1xuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8U29ydEJ1dHRvblxuICAgICAgICBhY3RpdmU9e3NvcnREaXJlY3Rpb24gPT09IFNvcnREaXJlY3Rpb24uQVNDICYmIGRhdGFLZXkgPT09IHNvcnRCeX1cbiAgICAgICAgaWNvbj17c29ydEFzY0ljb259XG4gICAgICAgIGxhYmVsPXtsb2NhbGVTdHJpbmdzPy5kYXRlU29ydEFzYyB8fCBEZWZhdWx0U3RyaW5ncy5kYXRlU29ydEFzY31cbiAgICAgICAgb25DbGljaz17b25Tb3J0QXNjfVxuICAgICAgLz5cbiAgICAgIDxiciAvPlxuICAgICAgPFNvcnRCdXR0b25cbiAgICAgICAgYWN0aXZlPXtzb3J0RGlyZWN0aW9uID09PSBTb3J0RGlyZWN0aW9uLkRFU0MgJiYgZGF0YUtleSA9PT0gc29ydEJ5fVxuICAgICAgICBpY29uPXtzb3J0RGVzY0ljb259XG4gICAgICAgIGxhYmVsPXtsb2NhbGVTdHJpbmdzPy5kYXRlU29ydERlc2MgfHwgRGVmYXVsdFN0cmluZ3MuZGF0ZVNvcnREZXNjfVxuICAgICAgICBvbkNsaWNrPXtvblNvcnREZXNjfVxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZnVuY3Rpb24gc3RyaW5nU29ydFJlbmRlcmVyKHtcbiAgZGF0YUtleSxcbiAgb25Tb3J0QXNjLFxuICBvblNvcnREZXNjLFxuICBzb3J0QnksXG4gIHNvcnREaXJlY3Rpb25cbn06IHNvcnRSZW5kZXJlckFyZ3VtZW50cykge1xuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8U29ydEJ1dHRvblxuICAgICAgICBhY3RpdmU9e3NvcnREaXJlY3Rpb24gPT09IFNvcnREaXJlY3Rpb24uQVNDICYmIHNvcnRCeSA9PT0gZGF0YUtleX1cbiAgICAgICAgbGFiZWw9XCJTb3J0IEEgdG8gWlwiXG4gICAgICAgIGljb249ezxJY29uLk1lZGl1bS5Ub29sU29ydEFzY0FscGhhIC8+fVxuICAgICAgICBvbkNsaWNrPXtvblNvcnRBc2N9XG4gICAgICAvPlxuICAgICAgPGJyIC8+XG4gICAgICA8U29ydEJ1dHRvblxuICAgICAgICBhY3RpdmU9e3NvcnREaXJlY3Rpb24gPT09IFNvcnREaXJlY3Rpb24uREVTQyAmJiBzb3J0QnkgPT09IGRhdGFLZXl9XG4gICAgICAgIGxhYmVsPVwiU29ydCBaIHRvIEFcIlxuICAgICAgICBpY29uPXs8SWNvbi5NZWRpdW0uVG9vbFNvcnREZXNjQWxwaGEgLz59XG4gICAgICAgIG9uQ2xpY2s9e29uU29ydERlc2N9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBzdHJpbmdTb3J0VjVSZW5kZXJlcih7XG4gIGRhdGFLZXksXG4gIG9uU29ydEFzYyxcbiAgb25Tb3J0RGVzYyxcbiAgc29ydEJ5LFxuICBzb3J0RGlyZWN0aW9uLFxuICBsb2NhbGVTdHJpbmdzXG59OiBzb3J0UmVuZGVyZXJBcmd1bWVudHMpIHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPFNvcnRCdXR0b25cbiAgICAgICAgYWN0aXZlPXtzb3J0RGlyZWN0aW9uID09PSBTb3J0RGlyZWN0aW9uLkFTQyAmJiBzb3J0QnkgPT09IGRhdGFLZXl9XG4gICAgICAgIGxhYmVsPXtsb2NhbGVTdHJpbmdzPy5zdHJpbmdTb3J0QXNjIHx8IERlZmF1bHRTdHJpbmdzLnN0cmluZ1NvcnRBc2N9XG4gICAgICAgIGljb249ezxJY29uLk1lZGl1bS5Ub29sU29ydEFzY0FscGhhIC8+fVxuICAgICAgICBvbkNsaWNrPXtvblNvcnRBc2N9XG4gICAgICAvPlxuICAgICAgPGJyIC8+XG4gICAgICA8U29ydEJ1dHRvblxuICAgICAgICBhY3RpdmU9e3NvcnREaXJlY3Rpb24gPT09IFNvcnREaXJlY3Rpb24uREVTQyAmJiBzb3J0QnkgPT09IGRhdGFLZXl9XG4gICAgICAgIGxhYmVsPXtsb2NhbGVTdHJpbmdzPy5zdHJpbmdTb3J0RGVzYyB8fCBEZWZhdWx0U3RyaW5ncy5zdHJpbmdTb3J0RGVzY31cbiAgICAgICAgaWNvbj17PEljb24uTWVkaXVtLlRvb2xTb3J0RGVzY0FscGhhIC8+fVxuICAgICAgICBvbkNsaWNrPXtvblNvcnREZXNjfVxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZnVuY3Rpb24gYmFzaWNTb3J0VjVSZW5kZXJlcih7XG4gIGRhdGFLZXksXG4gIG9uU29ydEFzYyxcbiAgb25Tb3J0RGVzYyxcbiAgc29ydEFzY0ljb24sXG4gIHNvcnRCeSxcbiAgc29ydERlc2NJY29uLFxuICBzb3J0RGlyZWN0aW9uLFxuICBsb2NhbGVTdHJpbmdzXG59OiBzb3J0UmVuZGVyZXJBcmd1bWVudHMpIHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPFNvcnRCdXR0b25cbiAgICAgICAgYWN0aXZlPXtzb3J0RGlyZWN0aW9uID09PSBTb3J0RGlyZWN0aW9uLkFTQyAmJiBzb3J0QnkgPT09IGRhdGFLZXl9XG4gICAgICAgIGxhYmVsPXtsb2NhbGVTdHJpbmdzPy5zb3J0QmFzaWNBc2MgfHwgRGVmYXVsdFN0cmluZ3Muc29ydEJhc2ljQXNjfVxuICAgICAgICBpY29uPXtzb3J0QXNjSWNvbn1cbiAgICAgICAgb25DbGljaz17b25Tb3J0QXNjfVxuICAgICAgLz5cbiAgICAgIDxiciAvPlxuICAgICAgPFNvcnRCdXR0b25cbiAgICAgICAgYWN0aXZlPXtzb3J0RGlyZWN0aW9uID09PSBTb3J0RGlyZWN0aW9uLkRFU0MgJiYgc29ydEJ5ID09PSBkYXRhS2V5fVxuICAgICAgICBsYWJlbD17bG9jYWxlU3RyaW5ncz8uc29ydEJhc2ljRGVzYyB8fCBEZWZhdWx0U3RyaW5ncy5zb3J0QmFzaWNEZXNjfVxuICAgICAgICBpY29uPXtzb3J0RGVzY0ljb259XG4gICAgICAgIG9uQ2xpY2s9e29uU29ydERlc2N9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 /**
@@ -72,80 +70,17 @@ function textFilterRenderer(_ref) {
 }
 
 /**
- * Function to render a basic date search input.
+ * Function to render a basic date search input for V5.
  */
-function dateFilterRenderer(_ref4) {
+function dateControlFilterRenderer(_ref4) {
   var _onChange2 = _ref4.onChange,
     value = _ref4.value,
     name = _ref4.name,
     setIsFiltering = _ref4.setIsFiltering,
     operator = _ref4.operator,
-    localeStrings = _ref4.localeStrings,
     _ref4$locale = _ref4.locale,
-    locale = _ref4$locale === void 0 ? 'en' : _ref4$locale;
-  return (0, _jsxRuntime.jsxs)("div", {
-    "data-gs": gs("src", "datagrid", "renderers.tsx", "date-filter-renderer", "div"),
-    children: [(0, _jsxRuntime.jsx)(_elements.OperatorSelect, {
-      "data-gs-c": gsC(operator || _constants.OPERATORS.IS_DATE, "DATE_FILTER_SELECT"),
-      "data-gs": gs("src", "datagrid", "renderers.tsx", "date-filter-renderer", "div", "operator-select"),
-      options: (0, _constants.getDateFilterOperators)(localeStrings),
-      value: operator || _constants.OPERATORS.IS_DATE,
-      onChange: function onChange(e) {
-        return _onChange2({
-          operator: e.value,
-          value: value
-        });
-      },
-      onMenuOpen: function onMenuOpen() {
-        return setIsFiltering(true);
-      },
-      onMenuClose: function onMenuClose() {
-        return setIsFiltering(false);
-      },
-      autoFocus: true,
-      style: {
-        width: '100%'
-      },
-      name: "DATE_FILTER_SELECT"
-    }), (0, _jsxRuntime.jsx)(_DateField["default"], {
-      "data-gs-c": gsC(name, value || null),
-      "data-gs": gs("src", "datagrid", "renderers.tsx", "date-filter-renderer", "div", "date-field"),
-      className: "dataGridFilterDateInput",
-      name: name,
-      value: value || null,
-      onChange: function onChange(_ref5) {
-        var value = _ref5.value;
-        return _onChange2({
-          operator: operator || _constants.OPERATORS.IS_DATE,
-          value: value
-        });
-      },
-      enablePastDates: true,
-      onMenuOpen: function onMenuOpen() {
-        return setIsFiltering(true);
-      },
-      onMenuClose: function onMenuClose() {
-        return setIsFiltering(false);
-      },
-      autoComplete: "off",
-      popoverPlacement: "right",
-      locale: locale
-    })]
-  });
-}
-
-/**
- * Function to render a basic date search input for V5.
- */
-function dateControlFilterRenderer(_ref6) {
-  var _onChange3 = _ref6.onChange,
-    value = _ref6.value,
-    name = _ref6.name,
-    setIsFiltering = _ref6.setIsFiltering,
-    operator = _ref6.operator,
-    _ref6$locale = _ref6.locale,
-    locale = _ref6$locale === void 0 ? 'en' : _ref6$locale,
-    localeStrings = _ref6.localeStrings;
+    locale = _ref4$locale === void 0 ? 'en' : _ref4$locale,
+    localeStrings = _ref4.localeStrings;
   return (0, _jsxRuntime.jsxs)("div", {
     "data-gs": gs("src", "datagrid", "renderers.tsx", "date-control-filter-renderer", "div"),
     children: [(0, _jsxRuntime.jsx)(_elements.OperatorSelect, {
@@ -154,7 +89,7 @@ function dateControlFilterRenderer(_ref6) {
       options: (0, _constants.getDateFilterOperators)(localeStrings),
       value: operator || _constants.OPERATORS.IS_DATE,
       onChange: function onChange(e) {
-        return _onChange3({
+        return _onChange2({
           operator: e.value,
           value: value
         });
@@ -177,9 +112,9 @@ function dateControlFilterRenderer(_ref6) {
       className: "dataGridFilterDateInput",
       name: name,
       value: value || null,
-      onChange: function onChange(_ref7) {
-        var value = _ref7.value;
-        return _onChange3({
+      onChange: function onChange(_ref5) {
+        var value = _ref5.value;
+        return _onChange2({
           operator: operator || _constants.OPERATORS.IS_DATE,
           value: value
         });
@@ -204,15 +139,15 @@ var categoryFilterRenderer = exports.categoryFilterRenderer = function categoryF
   };
   return Filter;
 };
-function genericSortRenderer(_ref8) {
-  var dataKey = _ref8.dataKey,
-    onSortAsc = _ref8.onSortAsc,
-    onSortDesc = _ref8.onSortDesc,
-    sortAscIcon = _ref8.sortAscIcon,
-    sortBy = _ref8.sortBy,
-    sortDescIcon = _ref8.sortDescIcon,
-    sortDirection = _ref8.sortDirection,
-    localeStrings = _ref8.localeStrings;
+function genericSortRenderer(_ref6) {
+  var dataKey = _ref6.dataKey,
+    onSortAsc = _ref6.onSortAsc,
+    onSortDesc = _ref6.onSortDesc,
+    sortAscIcon = _ref6.sortAscIcon,
+    sortBy = _ref6.sortBy,
+    sortDescIcon = _ref6.sortDescIcon,
+    sortDirection = _ref6.sortDirection,
+    localeStrings = _ref6.localeStrings;
   return (0, _jsxRuntime.jsxs)("div", {
     "data-gs": gs("src", "datagrid", "renderers.tsx", "generic-sort-renderer", "div"),
     children: [(0, _jsxRuntime.jsx)(_elements.SortButton, {
@@ -232,12 +167,12 @@ function genericSortRenderer(_ref8) {
     })]
   });
 }
-function dateSortRenderer(_ref9) {
-  var dataKey = _ref9.dataKey,
-    onSortAsc = _ref9.onSortAsc,
-    onSortDesc = _ref9.onSortDesc,
-    sortBy = _ref9.sortBy,
-    sortDirection = _ref9.sortDirection;
+function dateSortRenderer(_ref7) {
+  var dataKey = _ref7.dataKey,
+    onSortAsc = _ref7.onSortAsc,
+    onSortDesc = _ref7.onSortDesc,
+    sortBy = _ref7.sortBy,
+    sortDirection = _ref7.sortDirection;
   return (0, _jsxRuntime.jsxs)("div", {
     "data-gs": gs("src", "datagrid", "renderers.tsx", "date-sort-renderer", "div"),
     children: [(0, _jsxRuntime.jsx)(_elements.SortButton, {
@@ -257,15 +192,15 @@ function dateSortRenderer(_ref9) {
     })]
   });
 }
-function dateSortRendererV5(_ref10) {
-  var dataKey = _ref10.dataKey,
-    onSortAsc = _ref10.onSortAsc,
-    onSortDesc = _ref10.onSortDesc,
-    sortAscIcon = _ref10.sortAscIcon,
-    sortBy = _ref10.sortBy,
-    sortDescIcon = _ref10.sortDescIcon,
-    sortDirection = _ref10.sortDirection,
-    localeStrings = _ref10.localeStrings;
+function dateSortRendererV5(_ref8) {
+  var dataKey = _ref8.dataKey,
+    onSortAsc = _ref8.onSortAsc,
+    onSortDesc = _ref8.onSortDesc,
+    sortAscIcon = _ref8.sortAscIcon,
+    sortBy = _ref8.sortBy,
+    sortDescIcon = _ref8.sortDescIcon,
+    sortDirection = _ref8.sortDirection,
+    localeStrings = _ref8.localeStrings;
   return (0, _jsxRuntime.jsxs)("div", {
     "data-gs": gs("src", "datagrid", "renderers.tsx", "date-sort-renderer-v5", "div"),
     children: [(0, _jsxRuntime.jsx)(_elements.SortButton, {
@@ -285,12 +220,12 @@ function dateSortRendererV5(_ref10) {
     })]
   });
 }
-function stringSortRenderer(_ref11) {
-  var dataKey = _ref11.dataKey,
-    onSortAsc = _ref11.onSortAsc,
-    onSortDesc = _ref11.onSortDesc,
-    sortBy = _ref11.sortBy,
-    sortDirection = _ref11.sortDirection;
+function stringSortRenderer(_ref9) {
+  var dataKey = _ref9.dataKey,
+    onSortAsc = _ref9.onSortAsc,
+    onSortDesc = _ref9.onSortDesc,
+    sortBy = _ref9.sortBy,
+    sortDirection = _ref9.sortDirection;
   return (0, _jsxRuntime.jsxs)("div", {
     "data-gs": gs("src", "datagrid", "renderers.tsx", "string-sort-renderer", "div"),
     children: [(0, _jsxRuntime.jsx)(_elements.SortButton, {
@@ -314,13 +249,13 @@ function stringSortRenderer(_ref11) {
     })]
   });
 }
-function stringSortV5Renderer(_ref12) {
-  var dataKey = _ref12.dataKey,
-    onSortAsc = _ref12.onSortAsc,
-    onSortDesc = _ref12.onSortDesc,
-    sortBy = _ref12.sortBy,
-    sortDirection = _ref12.sortDirection,
-    localeStrings = _ref12.localeStrings;
+function stringSortV5Renderer(_ref10) {
+  var dataKey = _ref10.dataKey,
+    onSortAsc = _ref10.onSortAsc,
+    onSortDesc = _ref10.onSortDesc,
+    sortBy = _ref10.sortBy,
+    sortDirection = _ref10.sortDirection,
+    localeStrings = _ref10.localeStrings;
   return (0, _jsxRuntime.jsxs)("div", {
     "data-gs": gs("src", "datagrid", "renderers.tsx", "string-sort-v5renderer", "div"),
     children: [(0, _jsxRuntime.jsx)(_elements.SortButton, {
@@ -344,15 +279,15 @@ function stringSortV5Renderer(_ref12) {
     })]
   });
 }
-function basicSortV5Renderer(_ref13) {
-  var dataKey = _ref13.dataKey,
-    onSortAsc = _ref13.onSortAsc,
-    onSortDesc = _ref13.onSortDesc,
-    sortAscIcon = _ref13.sortAscIcon,
-    sortBy = _ref13.sortBy,
-    sortDescIcon = _ref13.sortDescIcon,
-    sortDirection = _ref13.sortDirection,
-    localeStrings = _ref13.localeStrings;
+function basicSortV5Renderer(_ref11) {
+  var dataKey = _ref11.dataKey,
+    onSortAsc = _ref11.onSortAsc,
+    onSortDesc = _ref11.onSortDesc,
+    sortAscIcon = _ref11.sortAscIcon,
+    sortBy = _ref11.sortBy,
+    sortDescIcon = _ref11.sortDescIcon,
+    sortDirection = _ref11.sortDirection,
+    localeStrings = _ref11.localeStrings;
   return (0, _jsxRuntime.jsxs)("div", {
     "data-gs": gs("src", "datagrid", "renderers.tsx", "basic-sort-v5renderer", "div"),
     children: [(0, _jsxRuntime.jsx)(_elements.SortButton, {

package/dist/es/DateControl/elements.d.ts

@@ -106,6 +106,12 @@ export declare const DateFormControl: import("@emotion/styled").StyledComponent<
     size?: "small" | "medium" | "large" | "xlarge" | undefined;
     'data-gs-c'?: Function | undefined;
     labelWidth?: string | number | undefined;
+    showFullLabel?: boolean | undefined;
+    options?: any;
+    optionRenderer?: ((option: import("..").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
+    isClearable?: boolean | undefined;
+    guessMenuWidth?: boolean | undefined;
+    warning?: import("react").ReactNode;
     showFullError?: boolean | undefined;
     showFullHint?: boolean | undefined;
     showFullWarning?: boolean | undefined;
@@ -115,15 +121,9 @@ export declare const DateFormControl: import("@emotion/styled").StyledComponent<
     truncateErrors?: boolean | undefined;
     hint?: import("react").ReactNode;
     hintNode?: import("react").ReactNode;
-    showFullLabel?: boolean | undefined;
-    options?: any;
-    optionRenderer?: ((option: import("..").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
-    isClearable?: boolean | undefined;
-    guessMenuWidth?: boolean | undefined;
-    warning?: import("react").ReactNode;
+    blockLabel?: boolean | undefined;
     addOnClassName?: string | undefined;
     valueCanBeNull?: boolean | undefined;
-    blockLabel?: boolean | undefined;
     inputCss?: import("@emotion/react").Interpolation<any>;
 } & {}) | (Pick<{
     addOnClassName?: string | undefined;
@@ -175,6 +175,12 @@ export declare const DateFormControl: import("@emotion/styled").StyledComponent<
     size?: "small" | "medium" | "large" | "xlarge" | undefined;
     'data-gs-c'?: Function | undefined;
     labelWidth?: string | number | undefined;
+    showFullLabel?: boolean | undefined;
+    options?: any;
+    optionRenderer?: (((option: import("..").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & ((option: import("..").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>)) | undefined;
+    isClearable?: boolean | undefined;
+    guessMenuWidth?: boolean | undefined;
+    warning?: import("react").ReactNode;
     showFullError?: boolean | undefined;
     showFullHint?: boolean | undefined;
     showFullWarning?: boolean | undefined;
@@ -184,15 +190,9 @@ export declare const DateFormControl: import("@emotion/styled").StyledComponent<
     truncateErrors?: boolean | undefined;
     hint?: import("react").ReactNode;
     hintNode?: import("react").ReactNode;
-    showFullLabel?: boolean | undefined;
-    options?: any;
-    optionRenderer?: (((option: import("..").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & ((option: import("..").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>)) | undefined;
-    isClearable?: boolean | undefined;
-    guessMenuWidth?: boolean | undefined;
-    warning?: import("react").ReactNode;
+    blockLabel?: boolean | undefined;
     addOnClassName?: string | undefined;
     valueCanBeNull?: boolean | undefined;
-    blockLabel?: boolean | undefined;
     inputCss?: import("@emotion/react").Interpolation<any>;
 } & {}) | (Pick<{
     addOnClassName?: string | undefined;
@@ -244,6 +244,12 @@ export declare const DateFormControl: import("@emotion/styled").StyledComponent<
     size?: undefined;
     'data-gs-c'?: Function | undefined;
     labelWidth?: string | number | undefined;
+    showFullLabel?: boolean | undefined;
+    options?: any;
+    optionRenderer?: ((option: import("..").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
+    isClearable?: boolean | undefined;
+    guessMenuWidth?: boolean | undefined;
+    warning?: import("react").ReactNode;
     showFullError?: boolean | undefined;
     showFullHint?: boolean | undefined;
     showFullWarning?: boolean | undefined;
@@ -253,15 +259,9 @@ export declare const DateFormControl: import("@emotion/styled").StyledComponent<
     truncateErrors?: boolean | undefined;
     hint?: import("react").ReactNode;
     hintNode?: import("react").ReactNode;
-    showFullLabel?: boolean | undefined;
-    options?: any;
-    optionRenderer?: ((option: import("..").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
-    isClearable?: boolean | undefined;
-    guessMenuWidth?: boolean | undefined;
-    warning?: import("react").ReactNode;
+    blockLabel?: boolean | undefined;
     addOnClassName?: string | undefined;
     valueCanBeNull?: boolean | undefined;
-    blockLabel?: boolean | undefined;
     inputCss?: import("@emotion/react").Interpolation<any>;
 } & {})) & {
     theme?: import("@emotion/react").Theme | undefined;

package/dist/es/FormField/index.d.ts

@@ -1,4 +1,2 @@
-export type { FormFieldProps } from './FormField';
 export { getErrorList, getWarningList } from './utils';
-export { default } from './FormField';
 //# sourceMappingURL=index.d.ts.map

package/dist/es/FormField/index.js

@@ -3,12 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _FormField["default"];
-  }
-});
 Object.defineProperty(exports, "getErrorList", {
   enumerable: true,
   get: function get() {
@@ -22,7 +16,5 @@ Object.defineProperty(exports, "getWarningList", {
   }
 });
 var _utils = require("./utils");
-var _FormField = _interopRequireDefault(require("./FormField"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};

package/dist/es/Icon/types.js

@@ -965,10 +965,14 @@ typesv5: {Activation: /*#__PURE__*/React.createElement("path", {
   d: "M21.151 7.85a1.187 1.187 0 0 0-1.679-1.678l-3.594 3.593-2.485-2.485a1.187 1.187 0 0 0-1.68 0l-3.466 3.466a1.187 1.187 0 0 0 1.68 1.68l2.626-2.627 2.486 2.485a1.187 1.187 0 0 0 1.679 0z"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M4.875 3.687a1.187 1.187 0 0 0-2.375 0v15.517A2.296 2.296 0 0 0 4.796 21.5h15.517a1.187 1.187 0 1 0 0-2.375H4.875z",
-  strokeLinecap: "round"
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  strokeMiterlimit: "10"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M21.151 7.85a1.187 1.187 0 0 0-1.679-1.678l-3.594 3.593-2.485-2.485a1.187 1.187 0 0 0-1.68 0l-3.466 3.466a1.187 1.187 0 0 0 1.68 1.68l2.626-2.627 2.486 2.485a1.187 1.187 0 0 0 1.679 0z",
-  strokeLinecap: "round"
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  strokeMiterlimit: "10"
 })),Source: /*#__PURE__*/React.createElement("path", {
   d: "M13.915 8.607a2.5 2.5 0 1 0-3.83 0L6.819 14.52a2.5 2.5 0 1 0 2.029 3.34h6.304a2.5 2.5 0 1 0 2.029-3.34zm-2.255.87a2.5 2.5 0 0 0 .68 0l3.258 5.9a2.5 2.5 0 0 0-.416.684H8.819a2.5 2.5 0 0 0-.416-.683z",
   fillRule: "evenodd"

package/dist/es/TimeControl/elements.d.ts

@@ -89,6 +89,12 @@ export declare const TimeFormControl: import("@emotion/styled").StyledComponent<
     size?: "small" | "medium" | "large" | "xlarge" | undefined;
     'data-gs-c'?: Function | undefined;
     labelWidth?: string | number | undefined;
+    showFullLabel?: boolean | undefined;
+    options?: any;
+    optionRenderer?: ((option: import("..").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
+    isClearable?: boolean | undefined;
+    guessMenuWidth?: boolean | undefined;
+    warning?: import("react").ReactNode;
     showFullError?: boolean | undefined;
     showFullHint?: boolean | undefined;
     showFullWarning?: boolean | undefined;
@@ -98,15 +104,9 @@ export declare const TimeFormControl: import("@emotion/styled").StyledComponent<
     truncateErrors?: boolean | undefined;
     hint?: import("react").ReactNode;
     hintNode?: import("react").ReactNode;
-    showFullLabel?: boolean | undefined;
-    options?: any;
-    optionRenderer?: ((option: import("..").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
-    isClearable?: boolean | undefined;
-    guessMenuWidth?: boolean | undefined;
-    warning?: import("react").ReactNode;
+    blockLabel?: boolean | undefined;
     addOnClassName?: string | undefined;
     valueCanBeNull?: boolean | undefined;
-    blockLabel?: boolean | undefined;
     inputCss?: import("@emotion/react").Interpolation<any>;
 } & {}) | (Pick<{
     addOnClassName?: string | undefined;
@@ -158,6 +158,12 @@ export declare const TimeFormControl: import("@emotion/styled").StyledComponent<
     size?: "small" | "medium" | "large" | "xlarge" | undefined;
     'data-gs-c'?: Function | undefined;
     labelWidth?: string | number | undefined;
+    showFullLabel?: boolean | undefined;
+    options?: any;
+    optionRenderer?: (((option: import("..").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & ((option: import("..").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>)) | undefined;
+    isClearable?: boolean | undefined;
+    guessMenuWidth?: boolean | undefined;
+    warning?: import("react").ReactNode;
     showFullError?: boolean | undefined;
     showFullHint?: boolean | undefined;
     showFullWarning?: boolean | undefined;
@@ -167,15 +173,9 @@ export declare const TimeFormControl: import("@emotion/styled").StyledComponent<
     truncateErrors?: boolean | undefined;
     hint?: import("react").ReactNode;
     hintNode?: import("react").ReactNode;
-    showFullLabel?: boolean | undefined;
-    options?: any;
-    optionRenderer?: (((option: import("..").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & ((option: import("..").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>)) | undefined;
-    isClearable?: boolean | undefined;
-    guessMenuWidth?: boolean | undefined;
-    warning?: import("react").ReactNode;
+    blockLabel?: boolean | undefined;
     addOnClassName?: string | undefined;
     valueCanBeNull?: boolean | undefined;
-    blockLabel?: boolean | undefined;
     inputCss?: import("@emotion/react").Interpolation<any>;
 } & {}) | (Pick<{
     addOnClassName?: string | undefined;
@@ -227,6 +227,12 @@ export declare const TimeFormControl: import("@emotion/styled").StyledComponent<
     size?: undefined;
     'data-gs-c'?: Function | undefined;
     labelWidth?: string | number | undefined;
+    showFullLabel?: boolean | undefined;
+    options?: any;
+    optionRenderer?: ((option: import("..").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
+    isClearable?: boolean | undefined;
+    guessMenuWidth?: boolean | undefined;
+    warning?: import("react").ReactNode;
     showFullError?: boolean | undefined;
     showFullHint?: boolean | undefined;
     showFullWarning?: boolean | undefined;
@@ -236,15 +242,9 @@ export declare const TimeFormControl: import("@emotion/styled").StyledComponent<
     truncateErrors?: boolean | undefined;
     hint?: import("react").ReactNode;
     hintNode?: import("react").ReactNode;
-    showFullLabel?: boolean | undefined;
-    options?: any;
-    optionRenderer?: ((option: import("..").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
-    isClearable?: boolean | undefined;
-    guessMenuWidth?: boolean | undefined;
-    warning?: import("react").ReactNode;
+    blockLabel?: boolean | undefined;
     addOnClassName?: string | undefined;
     valueCanBeNull?: boolean | undefined;
-    blockLabel?: boolean | undefined;
     inputCss?: import("@emotion/react").Interpolation<any>;
 } & {})) & {
     theme?: import("@emotion/react").Theme | undefined;