@procore/data-table 14.28.0-cdn.9 → 14.29.0

package/CHANGELOG.md

@@ -1,16 +1,14 @@
 # Change Log
 
-## 14.28.0-cdn.9
+## 14.29.0
 
 ### Minor Changes
 
-- 3f72970: Add placeholder implementation for MultiSelectCellRenderer component
-- 8baa7c3: Update I18nprovider and DataTable to have the option to pull translations from the CDN
+- 10547ee: Prevent SSR number and multi-number filters from sending empty value
 
 ### Patch Changes
 
-- Updated dependencies [8baa7c3]
-  - @procore/core-react@12.21.0-cdn.0
+- f59703f: Remove filter when value is empty
 
 ## 14.28.0
 

package/dist/legacy/index.cjs

@@ -12,7 +12,6 @@ var labsFinancialsUtils = require('@procore/labs-financials-utils');
 var styled4 = require('styled-components');
 var format = require('@procore/labs-financials-utils/dist/format');
 var ulid$1 = require('ulid');
-var cdnTranslations = require('@procore/cdn-translations');
 var toastAlert = require('@procore/toast-alert');
 var ReactDOM = require('react-dom');
 var server = require('react-dom/server');
@@ -54967,6 +54966,7 @@ function ServerSideNumberFilterRenderer({
     }
   );
   const prevValueRef = React80.useRef([]);
+  const internalClearRef = React80.useRef(false);
   const debounceTimerRef = React80.useRef(null);
   React80.useEffect(() => {
     return () => {
@@ -54976,9 +54976,10 @@ function ServerSideNumberFilterRenderer({
     };
   }, []);
   React80.useEffect(() => {
-    if (prevValueRef.current.length !== 0 && value.length === 0) {
+    if (prevValueRef.current.length > 0 && value.length === 0 && !internalClearRef.current) {
       setLocalFilter({});
     }
+    internalClearRef.current = false;
     prevValueRef.current = value;
   }, [value]);
   const transformToFilterArray = (filter) => {
@@ -55064,12 +55065,19 @@ function ServerSideNumberFilterRenderer({
         clearTimeout(debounceTimerRef.current);
       }
       debounceTimerRef.current = setTimeout(() => {
-        if (next.type === "inRange") {
-          if (next.value !== void 0 && next.valueTo !== void 0) {
-            updateFilter(next);
-          }
-        } else {
+        const { type, value: value2, valueTo } = next;
+        if (!type) {
+          onChange == null ? void 0 : onChange([]);
+          return;
+        }
+        const isInRange = type === "inRange";
+        const hasValues = isInRange ? value2 !== void 0 && valueTo !== void 0 : value2 !== void 0;
+        if (hasValues) {
           updateFilter(next);
+        } else {
+          internalClearRef.current = true;
+          setLocalFilter(next);
+          onChange == null ? void 0 : onChange([]);
         }
       }, DEBOUNCE_TIME);
     },
@@ -55203,6 +55211,17 @@ function ServerSideMultiNumberFilterRenderer({
     const [returnedFilter] = returnedFilterArray;
     const next = returnedFilter ? { ...returnedFilter, operator: firstFilter.operator } : { operator: firstFilter.operator };
     setFirstFilter(next);
+    const isCleared = !returnedFilter || !isValidFilter(returnedFilter) && !returnedFilter.type;
+    if (isCleared) {
+      if (debounceTimerRef.current) {
+        clearTimeout(debounceTimerRef.current);
+        debounceTimerRef.current = null;
+      }
+      setFirstFilter({ operator: "and" });
+      setSecondFilter({ operator: "and" });
+      onChange == null ? void 0 : onChange([]);
+      return;
+    }
     if (debounceTimerRef.current)
       clearTimeout(debounceTimerRef.current);
     debounceTimerRef.current = setTimeout(() => {
@@ -55221,20 +55240,12 @@ function ServerSideMultiNumberFilterRenderer({
   };
   const fireOnChange = React80.useCallback(
     (f1, f2) => {
-      if (!f1.type) {
-        onChange == null ? void 0 : onChange([]);
-        setFirstFilter({ operator: "and" });
-        setSecondFilter({ operator: "and" });
-        return;
-      }
       const f1Valid = isValidFilter(f1);
       const f2Valid = isValidFilter(f2);
       const values2 = [f1Valid ? f1 : null, f2Valid ? f2 : null].filter(
         (value2) => value2 !== null
       );
-      if (values2.length) {
-        onChange == null ? void 0 : onChange(values2);
-      }
+      onChange == null ? void 0 : onChange(values2);
     },
     [onChange]
   );
@@ -109295,8 +109306,7 @@ var DataTable = ({
   showExpandCollapseAllToggle,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   const initialTableConfig = localStoragePersistenceKey && webSdkStorage.storage.local.getItem(localStoragePersistenceKey) || _initialTableConfig;
   const onServerSideDataRequestRef = React80__default.default.useRef(onServerSideDataRequest);
@@ -109308,28 +109318,14 @@ var DataTable = ({
   );
   const contextPanel = useContextPanel();
   const clientI18n = coreReact.useI18nContext();
-  const isCDNEnabled = cdnTranslations.isCDNFeatureFlagEnabled(clientI18n, enableCDN);
-  const cdnTranslations$1 = cdnTranslations.useRequestTranslations(
-    {
-      locale: clientI18n.locale,
-      type: "file",
-      absolute_file_path: (locale) => `core/packages/data-table/src/locales/${locale}.json`
-    },
-    { en: translations.en, pseudo: translations.pseudo },
-    {
-      oldTranslations: translations,
-      enableCDN: isCDNEnabled
-    }
-  );
   const internalI18n = coreReact.useI18n({
-    locale: clientI18n.locale,
+    ...clientI18n,
     translations: ramda.mergeDeepLeft(
       ramda.mergeDeepLeft(clientI18n.translations, {
         [clientI18n.locale]: translations2
       }),
-      cdnTranslations$1.translations
-    ),
-    enableCDN: isCDNEnabled
+      translations
+    )
   });
   const rowSelectionRef = React80__default.default.useRef({
     affectedRows: {},
@@ -112592,8 +112588,7 @@ var ClientSideDataTable = ({
   onTableConfigChange,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   return /* @__PURE__ */ React80__default.default.createElement(
     DataTable,
@@ -112611,8 +112606,7 @@ var ClientSideDataTable = ({
       translations: translations2,
       localStoragePersistenceKey,
       customBulkEditorFields,
-      enableCellTextSelection,
-      enableCDN
+      enableCellTextSelection
     },
     children
   );
@@ -117073,8 +117067,7 @@ var ServerSideDataTable = ({
   enableCellTextSelection,
   showExpandCollapseAllToggle,
   translations: translations2 = {},
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   return /* @__PURE__ */ React80__default.default.createElement(
     DataTable,
@@ -117093,8 +117086,7 @@ var ServerSideDataTable = ({
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection,
-      localStoragePersistenceKey,
-      enableCDN
+      localStoragePersistenceKey
     },
     children
   );

package/dist/legacy/index.d.cts

@@ -1148,7 +1148,6 @@ interface DataTableProps {
     showExpandCollapseAllToggle?: boolean;
     translations?: DataTableTranslations;
     enableCellTextSelection?: boolean;
-    enableCDN?: boolean;
 }
 interface ClientSideDataTableProps extends Omit<DataTableProps, 'onServerSideDataRequest' | 'showExpandCollapseAllToggle'> {
 }
@@ -1439,7 +1438,7 @@ interface BulkActionProps {
     style?: React__default.CSSProperties;
 }
 
-declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
+declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
@@ -1476,7 +1475,7 @@ declare const MultiSelectQuickFilterRenderer: (props: FilterProps<any[]>) => Rea
 
 declare const SingleSelectQuickFilterRenderer: (props: FilterProps<any[]>) => React__default.JSX.Element;
 
-declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
+declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;

package/dist/legacy/index.d.ts

@@ -1148,7 +1148,6 @@ interface DataTableProps {
     showExpandCollapseAllToggle?: boolean;
     translations?: DataTableTranslations;
     enableCellTextSelection?: boolean;
-    enableCDN?: boolean;
 }
 interface ClientSideDataTableProps extends Omit<DataTableProps, 'onServerSideDataRequest' | 'showExpandCollapseAllToggle'> {
 }
@@ -1439,7 +1438,7 @@ interface BulkActionProps {
     style?: React__default.CSSProperties;
 }
 
-declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
+declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
@@ -1476,7 +1475,7 @@ declare const MultiSelectQuickFilterRenderer: (props: FilterProps<any[]>) => Rea
 
 declare const SingleSelectQuickFilterRenderer: (props: FilterProps<any[]>) => React__default.JSX.Element;
 
-declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
+declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;

package/dist/legacy/index.js

@@ -10,7 +10,6 @@ import { formatNumber, formatCurrency, formatPercentage } from '@procore/labs-fi
 import styled4, { css as css$1 } from 'styled-components';
 import { format } from '@procore/labs-financials-utils/dist/format';
 import { detectPrng, factory } from 'ulid';
-import { isCDNFeatureFlagEnabled, useRequestTranslations } from '@procore/cdn-translations';
 import { useToastAlertContext, ToastAlertProvider } from '@procore/toast-alert';
 import ReactDOM, { createPortal } from 'react-dom';
 import { renderToString, renderToStaticMarkup } from 'react-dom/server';
@@ -54954,6 +54953,7 @@ function ServerSideNumberFilterRenderer({
     }
   );
   const prevValueRef = useRef([]);
+  const internalClearRef = useRef(false);
   const debounceTimerRef = useRef(null);
   useEffect(() => {
     return () => {
@@ -54963,9 +54963,10 @@ function ServerSideNumberFilterRenderer({
     };
   }, []);
   useEffect(() => {
-    if (prevValueRef.current.length !== 0 && value.length === 0) {
+    if (prevValueRef.current.length > 0 && value.length === 0 && !internalClearRef.current) {
       setLocalFilter({});
     }
+    internalClearRef.current = false;
     prevValueRef.current = value;
   }, [value]);
   const transformToFilterArray = (filter) => {
@@ -55051,12 +55052,19 @@ function ServerSideNumberFilterRenderer({
         clearTimeout(debounceTimerRef.current);
       }
       debounceTimerRef.current = setTimeout(() => {
-        if (next.type === "inRange") {
-          if (next.value !== void 0 && next.valueTo !== void 0) {
-            updateFilter(next);
-          }
-        } else {
+        const { type, value: value2, valueTo } = next;
+        if (!type) {
+          onChange == null ? void 0 : onChange([]);
+          return;
+        }
+        const isInRange = type === "inRange";
+        const hasValues = isInRange ? value2 !== void 0 && valueTo !== void 0 : value2 !== void 0;
+        if (hasValues) {
           updateFilter(next);
+        } else {
+          internalClearRef.current = true;
+          setLocalFilter(next);
+          onChange == null ? void 0 : onChange([]);
         }
       }, DEBOUNCE_TIME);
     },
@@ -55190,6 +55198,17 @@ function ServerSideMultiNumberFilterRenderer({
     const [returnedFilter] = returnedFilterArray;
     const next = returnedFilter ? { ...returnedFilter, operator: firstFilter.operator } : { operator: firstFilter.operator };
     setFirstFilter(next);
+    const isCleared = !returnedFilter || !isValidFilter(returnedFilter) && !returnedFilter.type;
+    if (isCleared) {
+      if (debounceTimerRef.current) {
+        clearTimeout(debounceTimerRef.current);
+        debounceTimerRef.current = null;
+      }
+      setFirstFilter({ operator: "and" });
+      setSecondFilter({ operator: "and" });
+      onChange == null ? void 0 : onChange([]);
+      return;
+    }
     if (debounceTimerRef.current)
       clearTimeout(debounceTimerRef.current);
     debounceTimerRef.current = setTimeout(() => {
@@ -55208,20 +55227,12 @@ function ServerSideMultiNumberFilterRenderer({
   };
   const fireOnChange = useCallback(
     (f1, f2) => {
-      if (!f1.type) {
-        onChange == null ? void 0 : onChange([]);
-        setFirstFilter({ operator: "and" });
-        setSecondFilter({ operator: "and" });
-        return;
-      }
       const f1Valid = isValidFilter(f1);
       const f2Valid = isValidFilter(f2);
       const values2 = [f1Valid ? f1 : null, f2Valid ? f2 : null].filter(
         (value2) => value2 !== null
       );
-      if (values2.length) {
-        onChange == null ? void 0 : onChange(values2);
-      }
+      onChange == null ? void 0 : onChange(values2);
     },
     [onChange]
   );
@@ -109282,8 +109293,7 @@ var DataTable = ({
   showExpandCollapseAllToggle,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   const initialTableConfig = localStoragePersistenceKey && storage.local.getItem(localStoragePersistenceKey) || _initialTableConfig;
   const onServerSideDataRequestRef = React80.useRef(onServerSideDataRequest);
@@ -109295,28 +109305,14 @@ var DataTable = ({
   );
   const contextPanel = useContextPanel();
   const clientI18n = useI18nContext();
-  const isCDNEnabled = isCDNFeatureFlagEnabled(clientI18n, enableCDN);
-  const cdnTranslations = useRequestTranslations(
-    {
-      locale: clientI18n.locale,
-      type: "file",
-      absolute_file_path: (locale) => `core/packages/data-table/src/locales/${locale}.json`
-    },
-    { en: translations.en, pseudo: translations.pseudo },
-    {
-      oldTranslations: translations,
-      enableCDN: isCDNEnabled
-    }
-  );
   const internalI18n = useI18n({
-    locale: clientI18n.locale,
+    ...clientI18n,
     translations: mergeDeepLeft(
       mergeDeepLeft(clientI18n.translations, {
         [clientI18n.locale]: translations2
       }),
-      cdnTranslations.translations
-    ),
-    enableCDN: isCDNEnabled
+      translations
+    )
   });
   const rowSelectionRef = React80.useRef({
     affectedRows: {},
@@ -112579,8 +112575,7 @@ var ClientSideDataTable = ({
   onTableConfigChange,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   return /* @__PURE__ */ React80.createElement(
     DataTable,
@@ -112598,8 +112593,7 @@ var ClientSideDataTable = ({
       translations: translations2,
       localStoragePersistenceKey,
       customBulkEditorFields,
-      enableCellTextSelection,
-      enableCDN
+      enableCellTextSelection
     },
     children
   );
@@ -117060,8 +117054,7 @@ var ServerSideDataTable = ({
   enableCellTextSelection,
   showExpandCollapseAllToggle,
   translations: translations2 = {},
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   return /* @__PURE__ */ React80.createElement(
     DataTable,
@@ -117080,8 +117073,7 @@ var ServerSideDataTable = ({
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection,
-      localStoragePersistenceKey,
-      enableCDN
+      localStoragePersistenceKey
     },
     children
   );

package/dist/modern/index.cjs

@@ -12,7 +12,6 @@ var labsFinancialsUtils = require('@procore/labs-financials-utils');
 var styled4 = require('styled-components');
 var format = require('@procore/labs-financials-utils/dist/format');
 var ulid$1 = require('ulid');
-var cdnTranslations = require('@procore/cdn-translations');
 var toastAlert = require('@procore/toast-alert');
 var ReactDOM = require('react-dom');
 var server = require('react-dom/server');
@@ -54906,6 +54905,7 @@ function ServerSideNumberFilterRenderer({
     }
   );
   const prevValueRef = React80.useRef([]);
+  const internalClearRef = React80.useRef(false);
   const debounceTimerRef = React80.useRef(null);
   React80.useEffect(() => {
     return () => {
@@ -54915,9 +54915,10 @@ function ServerSideNumberFilterRenderer({
     };
   }, []);
   React80.useEffect(() => {
-    if (prevValueRef.current.length !== 0 && value.length === 0) {
+    if (prevValueRef.current.length > 0 && value.length === 0 && !internalClearRef.current) {
       setLocalFilter({});
     }
+    internalClearRef.current = false;
     prevValueRef.current = value;
   }, [value]);
   const transformToFilterArray = (filter) => {
@@ -55003,12 +55004,19 @@ function ServerSideNumberFilterRenderer({
         clearTimeout(debounceTimerRef.current);
       }
       debounceTimerRef.current = setTimeout(() => {
-        if (next.type === "inRange") {
-          if (next.value !== void 0 && next.valueTo !== void 0) {
-            updateFilter(next);
-          }
-        } else {
+        const { type, value: value2, valueTo } = next;
+        if (!type) {
+          onChange?.([]);
+          return;
+        }
+        const isInRange = type === "inRange";
+        const hasValues = isInRange ? value2 !== void 0 && valueTo !== void 0 : value2 !== void 0;
+        if (hasValues) {
           updateFilter(next);
+        } else {
+          internalClearRef.current = true;
+          setLocalFilter(next);
+          onChange?.([]);
         }
       }, DEBOUNCE_TIME);
     },
@@ -55141,6 +55149,17 @@ function ServerSideMultiNumberFilterRenderer({
     const [returnedFilter] = returnedFilterArray;
     const next = returnedFilter ? { ...returnedFilter, operator: firstFilter.operator } : { operator: firstFilter.operator };
     setFirstFilter(next);
+    const isCleared = !returnedFilter || !isValidFilter(returnedFilter) && !returnedFilter.type;
+    if (isCleared) {
+      if (debounceTimerRef.current) {
+        clearTimeout(debounceTimerRef.current);
+        debounceTimerRef.current = null;
+      }
+      setFirstFilter({ operator: "and" });
+      setSecondFilter({ operator: "and" });
+      onChange?.([]);
+      return;
+    }
     if (debounceTimerRef.current)
       clearTimeout(debounceTimerRef.current);
     debounceTimerRef.current = setTimeout(() => {
@@ -55159,20 +55178,12 @@ function ServerSideMultiNumberFilterRenderer({
   };
   const fireOnChange = React80.useCallback(
     (f1, f2) => {
-      if (!f1.type) {
-        onChange?.([]);
-        setFirstFilter({ operator: "and" });
-        setSecondFilter({ operator: "and" });
-        return;
-      }
       const f1Valid = isValidFilter(f1);
       const f2Valid = isValidFilter(f2);
       const values2 = [f1Valid ? f1 : null, f2Valid ? f2 : null].filter(
         (value2) => value2 !== null
       );
-      if (values2.length) {
-        onChange?.(values2);
-      }
+      onChange?.(values2);
     },
     [onChange]
   );
@@ -109115,8 +109126,7 @@ var DataTable = ({
   showExpandCollapseAllToggle,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   const initialTableConfig = localStoragePersistenceKey && webSdkStorage.storage.local.getItem(localStoragePersistenceKey) || _initialTableConfig;
   const onServerSideDataRequestRef = React80__default.default.useRef(onServerSideDataRequest);
@@ -109128,28 +109138,14 @@ var DataTable = ({
   );
   const contextPanel = useContextPanel();
   const clientI18n = coreReact.useI18nContext();
-  const isCDNEnabled = cdnTranslations.isCDNFeatureFlagEnabled(clientI18n, enableCDN);
-  const cdnTranslations$1 = cdnTranslations.useRequestTranslations(
-    {
-      locale: clientI18n.locale,
-      type: "file",
-      absolute_file_path: (locale) => `core/packages/data-table/src/locales/${locale}.json`
-    },
-    { en: translations.en, pseudo: translations.pseudo },
-    {
-      oldTranslations: translations,
-      enableCDN: isCDNEnabled
-    }
-  );
   const internalI18n = coreReact.useI18n({
-    locale: clientI18n.locale,
+    ...clientI18n,
     translations: ramda.mergeDeepLeft(
       ramda.mergeDeepLeft(clientI18n.translations, {
         [clientI18n.locale]: translations2
       }),
-      cdnTranslations$1.translations
-    ),
-    enableCDN: isCDNEnabled
+      translations
+    )
   });
   const rowSelectionRef = React80__default.default.useRef({
     affectedRows: {},
@@ -112333,8 +112329,7 @@ var ClientSideDataTable = ({
   onTableConfigChange,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   return /* @__PURE__ */ React80__default.default.createElement(
     DataTable,
@@ -112352,8 +112347,7 @@ var ClientSideDataTable = ({
       translations: translations2,
       localStoragePersistenceKey,
       customBulkEditorFields,
-      enableCellTextSelection,
-      enableCDN
+      enableCellTextSelection
     },
     children
   );
@@ -116813,8 +116807,7 @@ var ServerSideDataTable = ({
   enableCellTextSelection,
   showExpandCollapseAllToggle,
   translations: translations2 = {},
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   return /* @__PURE__ */ React80__default.default.createElement(
     DataTable,
@@ -116833,8 +116826,7 @@ var ServerSideDataTable = ({
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection,
-      localStoragePersistenceKey,
-      enableCDN
+      localStoragePersistenceKey
     },
     children
   );

package/dist/modern/index.d.cts

@@ -1148,7 +1148,6 @@ interface DataTableProps {
     showExpandCollapseAllToggle?: boolean;
     translations?: DataTableTranslations;
     enableCellTextSelection?: boolean;
-    enableCDN?: boolean;
 }
 interface ClientSideDataTableProps extends Omit<DataTableProps, 'onServerSideDataRequest' | 'showExpandCollapseAllToggle'> {
 }
@@ -1439,7 +1438,7 @@ interface BulkActionProps {
     style?: React__default.CSSProperties;
 }
 
-declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
+declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
@@ -1476,7 +1475,7 @@ declare const MultiSelectQuickFilterRenderer: (props: FilterProps<any[]>) => Rea
 
 declare const SingleSelectQuickFilterRenderer: (props: FilterProps<any[]>) => React__default.JSX.Element;
 
-declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
+declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;

package/dist/modern/index.d.ts

@@ -1148,7 +1148,6 @@ interface DataTableProps {
     showExpandCollapseAllToggle?: boolean;
     translations?: DataTableTranslations;
     enableCellTextSelection?: boolean;
-    enableCDN?: boolean;
 }
 interface ClientSideDataTableProps extends Omit<DataTableProps, 'onServerSideDataRequest' | 'showExpandCollapseAllToggle'> {
 }
@@ -1439,7 +1438,7 @@ interface BulkActionProps {
     style?: React__default.CSSProperties;
 }
 
-declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
+declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
@@ -1476,7 +1475,7 @@ declare const MultiSelectQuickFilterRenderer: (props: FilterProps<any[]>) => Rea
 
 declare const SingleSelectQuickFilterRenderer: (props: FilterProps<any[]>) => React__default.JSX.Element;
 
-declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
+declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;

package/dist/modern/index.js

@@ -10,7 +10,6 @@ import { formatNumber, formatCurrency, formatPercentage } from '@procore/labs-fi
 import styled4, { css as css$1 } from 'styled-components';
 import { format } from '@procore/labs-financials-utils/dist/format';
 import { detectPrng, factory } from 'ulid';
-import { isCDNFeatureFlagEnabled, useRequestTranslations } from '@procore/cdn-translations';
 import { useToastAlertContext, ToastAlertProvider } from '@procore/toast-alert';
 import ReactDOM, { createPortal } from 'react-dom';
 import { renderToString, renderToStaticMarkup } from 'react-dom/server';
@@ -54893,6 +54892,7 @@ function ServerSideNumberFilterRenderer({
     }
   );
   const prevValueRef = useRef([]);
+  const internalClearRef = useRef(false);
   const debounceTimerRef = useRef(null);
   useEffect(() => {
     return () => {
@@ -54902,9 +54902,10 @@ function ServerSideNumberFilterRenderer({
     };
   }, []);
   useEffect(() => {
-    if (prevValueRef.current.length !== 0 && value.length === 0) {
+    if (prevValueRef.current.length > 0 && value.length === 0 && !internalClearRef.current) {
       setLocalFilter({});
     }
+    internalClearRef.current = false;
     prevValueRef.current = value;
   }, [value]);
   const transformToFilterArray = (filter) => {
@@ -54990,12 +54991,19 @@ function ServerSideNumberFilterRenderer({
         clearTimeout(debounceTimerRef.current);
       }
       debounceTimerRef.current = setTimeout(() => {
-        if (next.type === "inRange") {
-          if (next.value !== void 0 && next.valueTo !== void 0) {
-            updateFilter(next);
-          }
-        } else {
+        const { type, value: value2, valueTo } = next;
+        if (!type) {
+          onChange?.([]);
+          return;
+        }
+        const isInRange = type === "inRange";
+        const hasValues = isInRange ? value2 !== void 0 && valueTo !== void 0 : value2 !== void 0;
+        if (hasValues) {
           updateFilter(next);
+        } else {
+          internalClearRef.current = true;
+          setLocalFilter(next);
+          onChange?.([]);
         }
       }, DEBOUNCE_TIME);
     },
@@ -55128,6 +55136,17 @@ function ServerSideMultiNumberFilterRenderer({
     const [returnedFilter] = returnedFilterArray;
     const next = returnedFilter ? { ...returnedFilter, operator: firstFilter.operator } : { operator: firstFilter.operator };
     setFirstFilter(next);
+    const isCleared = !returnedFilter || !isValidFilter(returnedFilter) && !returnedFilter.type;
+    if (isCleared) {
+      if (debounceTimerRef.current) {
+        clearTimeout(debounceTimerRef.current);
+        debounceTimerRef.current = null;
+      }
+      setFirstFilter({ operator: "and" });
+      setSecondFilter({ operator: "and" });
+      onChange?.([]);
+      return;
+    }
     if (debounceTimerRef.current)
       clearTimeout(debounceTimerRef.current);
     debounceTimerRef.current = setTimeout(() => {
@@ -55146,20 +55165,12 @@ function ServerSideMultiNumberFilterRenderer({
   };
   const fireOnChange = useCallback(
     (f1, f2) => {
-      if (!f1.type) {
-        onChange?.([]);
-        setFirstFilter({ operator: "and" });
-        setSecondFilter({ operator: "and" });
-        return;
-      }
       const f1Valid = isValidFilter(f1);
       const f2Valid = isValidFilter(f2);
       const values2 = [f1Valid ? f1 : null, f2Valid ? f2 : null].filter(
         (value2) => value2 !== null
       );
-      if (values2.length) {
-        onChange?.(values2);
-      }
+      onChange?.(values2);
     },
     [onChange]
   );
@@ -109102,8 +109113,7 @@ var DataTable = ({
   showExpandCollapseAllToggle,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   const initialTableConfig = localStoragePersistenceKey && storage.local.getItem(localStoragePersistenceKey) || _initialTableConfig;
   const onServerSideDataRequestRef = React80.useRef(onServerSideDataRequest);
@@ -109115,28 +109125,14 @@ var DataTable = ({
   );
   const contextPanel = useContextPanel();
   const clientI18n = useI18nContext();
-  const isCDNEnabled = isCDNFeatureFlagEnabled(clientI18n, enableCDN);
-  const cdnTranslations = useRequestTranslations(
-    {
-      locale: clientI18n.locale,
-      type: "file",
-      absolute_file_path: (locale) => `core/packages/data-table/src/locales/${locale}.json`
-    },
-    { en: translations.en, pseudo: translations.pseudo },
-    {
-      oldTranslations: translations,
-      enableCDN: isCDNEnabled
-    }
-  );
   const internalI18n = useI18n({
-    locale: clientI18n.locale,
+    ...clientI18n,
     translations: mergeDeepLeft(
       mergeDeepLeft(clientI18n.translations, {
         [clientI18n.locale]: translations2
       }),
-      cdnTranslations.translations
-    ),
-    enableCDN: isCDNEnabled
+      translations
+    )
   });
   const rowSelectionRef = React80.useRef({
     affectedRows: {},
@@ -112320,8 +112316,7 @@ var ClientSideDataTable = ({
   onTableConfigChange,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   return /* @__PURE__ */ React80.createElement(
     DataTable,
@@ -112339,8 +112334,7 @@ var ClientSideDataTable = ({
       translations: translations2,
       localStoragePersistenceKey,
       customBulkEditorFields,
-      enableCellTextSelection,
-      enableCDN
+      enableCellTextSelection
     },
     children
   );
@@ -116800,8 +116794,7 @@ var ServerSideDataTable = ({
   enableCellTextSelection,
   showExpandCollapseAllToggle,
   translations: translations2 = {},
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   return /* @__PURE__ */ React80.createElement(
     DataTable,
@@ -116820,8 +116813,7 @@ var ServerSideDataTable = ({
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection,
-      localStoragePersistenceKey,
-      enableCDN
+      localStoragePersistenceKey
     },
     children
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "14.28.0-cdn.9",
+  "version": "14.29.0",
   "description": "Complex data grid built on top of ag-grid, with DST components and styles.",
   "type": "module",
   "main": "dist/legacy/index.cjs",
@@ -79,7 +79,6 @@
     "styled-components": ">= 5.1.1 < 6"
   },
   "dependencies": {
-    "@procore/cdn-translations": "0.1.6",
     "@procore/error-pages": "0.2.1",
     "@procore/labs-datetime-select": "0.1.1",
     "@procore/labs-group-by-select": "4.0.0",
@@ -114,7 +113,7 @@
     "@procore/core-css": "10.17.0",
     "@procore/core-icons": "12.6.0",
     "@procore/core-prettier": "10.2.0",
-    "@procore/core-react": "12.21.0-cdn.9",
+    "@procore/core-react": "12.21.0",
     "@procore/eslint-config": "10.0.0",
     "@procore/globalization-toolkit": "3.1.0",
     "@procore/labs-financials-utils": "4.3.1",