@douyinfe/semi-foundation 2.34.1-alpha.2 → 2.34.1

package/lib/es/table/table.css

@@ -94,6 +94,10 @@
 .semi-table-header-sticky .semi-table-thead > .semi-table-row > .semi-table-row-head {
   background-color: var(--semi-color-bg-1);
 }
+.semi-table-operate-wrapper {
+  display: flex;
+  justify-content: flex-start;
+}
 .semi-table-body {
   overflow: auto;
   width: 100%;
@@ -119,8 +123,7 @@
   padding-top: 8px;
   padding-bottom: 8px;
   vertical-align: middle;
-  word-break: break-all;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
   position: relative;
 }
 .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right {
@@ -173,6 +176,16 @@
   display: inline-flex;
   align-items: center;
 }
+.semi-table-thead > .semi-table-row > .semi-table-row-head-ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.semi-table-thead > .semi-table-row > .semi-table-row-head-ellipsis .semi-table-row-head-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .semi-table-thead > .semi-table-row .react-resizable {
   position: relative;
   background-clip: padding-box;
@@ -223,8 +236,7 @@
 }
 .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
   display: table-cell;
-  word-wrap: break-word;
-  word-break: break-all;
+  overflow-wrap: break-word;
   border-left: none;
   border-right: none;
   border-bottom: 1px solid var(--semi-color-border);
@@ -236,6 +248,11 @@
 .semi-table-tbody > .semi-table-row > .semi-table-row-cell.resizing {
   border-right: 2px solid var(--semi-color-primary);
 }
+.semi-table-tbody > .semi-table-row > .semi-table-row-cell-ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .semi-table-tbody > .semi-table-row.semi-table-row-expand > .semi-table-row-cell {
   background-color: var(--semi-color-fill-0);
 }
@@ -336,9 +353,10 @@
   text-align: center;
 }
 .semi-table .semi-table-column-sorter-wrapper {
-  display: inline-flex;
+  display: flex;
   align-items: center;
   cursor: pointer;
+  overflow: hidden;
 }
 .semi-table .semi-table-column-sorter-up, .semi-table .semi-table-column-sorter-down {
   height: 0;

package/lib/es/table/table.scss

@@ -83,6 +83,11 @@ $module: #{$prefix}-table;
         }
     }
 
+    &-operate-wrapper {
+        display: flex;
+        justify-content: flex-start;
+    }
+
     &-body {
         overflow: auto;
         width: 100%;
@@ -115,8 +120,9 @@ $module: #{$prefix}-table;
                 padding-top: $spacing-table_row_head-paddingY;
                 padding-bottom: $spacing-table_row_head-paddingY;
                 vertical-align: middle;
-                word-break: break-all;
-                word-wrap: break-word;
+                overflow-wrap: break-word;
+                // word-break: break-all;
+                // word-wrap: break-word;
                 position: relative;
 
                 &.#{$module}-cell-fixed {
@@ -177,6 +183,14 @@ $module: #{$prefix}-table;
                     display: inline-flex;
                     align-items: center;
                 }
+
+                &-ellipsis {
+                    @include text-overflow-hidden;
+
+                    .#{$module}-row-head-title {
+                        @include text-overflow-hidden;
+                    }
+                }
             }
 
             .react-resizable {
@@ -241,8 +255,9 @@ $module: #{$prefix}-table;
 
             & > .#{$module}-row-cell {
                 display: table-cell;
-                word-wrap: break-word;
-                word-break: break-all;
+                overflow-wrap: break-word;
+                // word-wrap: break-word;
+                // word-break: break-all;
                 border-left: none;
                 border-right: none;
                 border-bottom: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
@@ -254,6 +269,10 @@ $module: #{$prefix}-table;
                 &.resizing {
                     border-right: $width-table_resizer_border solid $color-table_resizer-bg-default;
                 }
+
+                &-ellipsis {
+                    @include text-overflow-hidden;
+                }
             }
             &.#{$module}-row {
                 &-expand {
@@ -401,9 +420,10 @@ $module: #{$prefix}-table;
             text-align: center;
 
             &-wrapper {
-                display: inline-flex;
+                display: flex;
                 align-items: center;
                 cursor: pointer;
+                overflow: hidden;
             }
 
             &-up,

package/lib/es/table/utils.d.ts

@@ -1,4 +1,5 @@
 import { strings } from './constants';
+import type { BaseEllipsis } from './foundation';
 export declare function equalWith(value: any, other: any, customizer?: (...args: any[]) => boolean): boolean;
 export declare function getColumnKey(column: any, keyPropNames: any[]): any;
 /**
@@ -151,3 +152,4 @@ export declare function isTreeTable({ dataSource, childrenRecordName }: {
     childrenRecordName?: string;
 }): boolean;
 export declare function getRTLAlign(align: typeof strings.ALIGNS[number], direction?: 'ltr' | 'rtl'): typeof strings.ALIGNS[number];
+export declare function shouldShowEllipsisTitle(ellipsis: BaseEllipsis): any;

package/lib/es/table/utils.js

@@ -510,4 +510,9 @@ export function getRTLAlign(align, direction) {
   }
 
   return align;
+}
+export function shouldShowEllipsisTitle(ellipsis) {
+  const shouldShowTitle = ellipsis === true || _get(ellipsis, 'showTitle', true);
+
+  return shouldShowTitle;
 }

package/lib/es/timePicker/foundation.js

@@ -1,3 +1,4 @@
+import _isUndefined from "lodash/isUndefined";
 import _split from "lodash/split";
 
 /* eslint-disable max-len */
@@ -359,7 +360,19 @@ class TimePickerFoundation extends BaseFoundation {
     }
 
     if (_dates && Array.isArray(_dates)) {
-      return _dates.map(date => formatToString(date, validFormat, dateFnsLocale)).join(rangeSeparator);
+      const result = _dates.map(date => {
+        let str;
+
+        if (_isUndefined(date)) {
+          str = '';
+        } else {
+          str = formatToString(date, validFormat, dateFnsLocale);
+        }
+
+        return str;
+      });
+
+      return result.join(rangeSeparator);
     }
 
     return undefined;

package/lib/es/typography/typography.css

@@ -98,11 +98,19 @@
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
+.semi-typography-ellipsis-multiple-line.semi-typography-ellipsis-multiple-line-text {
+  display: -webkit-inline-box;
+}
 .semi-typography-ellipsis-overflow-ellipsis {
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
+.semi-typography-ellipsis-overflow-ellipsis.semi-typography-ellipsis-overflow-ellipsis-text {
+  display: inline-block;
+  max-width: 100%;
+  vertical-align: top;
+}
 .semi-typography-ellipsis-expand {
   display: inline;
   margin-left: 8px;

package/lib/es/typography/typography.scss

@@ -123,12 +123,25 @@ $module: #{$prefix}-typography;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         overflow: hidden;
+
+        &.#{$module}-ellipsis-multiple-line-text {
+            // inline-block only works in the Text component, keeping the original external inline performance
+            display: -webkit-inline-box;
+        }
     }
 
     &-ellipsis-overflow-ellipsis {
         display: block;
         white-space: nowrap;
         text-overflow: ellipsis;
+
+        &.#{$module}-ellipsis-overflow-ellipsis-text {
+            // inline-block only works in the Text component, keeping the original external inline performance
+            display: inline-block;
+            // Ensure that Text component can be limited by the parent's width when no specific width is set
+            max-width: 100%;
+            vertical-align: top;
+        }
     }
 
     &-ellipsis-expand {

package/lib/es/utils/date-fns-extra.d.ts

@@ -9,6 +9,10 @@ export declare const IANAOffsetMap: (number | string[])[][];
  * @returns {number|undefined}
  */
 export declare const toIANA: (tz: string | number) => any;
+/**
+ * @see https://github.com/marnusw/date-fns-tz/blob/a92e0ad017d101a0c50e39a63ef5d322b4d849f6/src/_lib/tzParseTimezone/index.js#L137
+ */
+export declare function isValidTimezoneIANAString(timeZoneString: string): boolean;
 /**
  *
  * @param {string | number | Date} date

package/lib/es/utils/date-fns-extra.js

@@ -8,6 +8,40 @@ import { parse as dateFnsParse } from 'date-fns';
  */
 
 export const IANAOffsetMap = [[-11, ['Pacific/Midway']], [-10, ['Pacific/Honolulu']], [-9.5, ['Pacific/Marquesas']], [-9, ['Pacific/Gambier']], [-8, ['Pacific/Pitcairn']], [-7, ['America/Phoenix']], [-6, ['America/Tegucigalpa']], [-5, ['America/Bogota']], [-4, ['America/Puerto_Rico']], [-3.5, ['America/St_Johns']], [-3, ['America/Montevideo']], [-2, ['Atlantic/South_Georgia']], [-1, ['Atlantic/Cape_Verde']], [0, ['Africa/Accra']], [1, ['Africa/Bangui']], [2, ['Africa/Cairo']], [3, ['Asia/Bahrain', 'Indian/Antananarivo']], [3.5, ['Asia/Tehran']], [4, ['Asia/Dubai', 'Asia/Muscat']], [4.5, ['Asia/Kabul']], [5, ['Asia/Samarkand', 'Asia/Karachi']], [5.5, ['Asia/Kolkata']], [5.75, ['Asia/Kathmandu']], [6, ['Asia/Dhaka']], [6.5, ['Asia/Rangoon', 'Asia/Rangoon']], [7, ['Asia/Jakarta', 'Asia/Phnom_Penh', 'Asia/Bangkok']], [8, ['Asia/Shanghai', 'Asia/Singapore']], [8.75, ['Australia/Eucla']], [9, ['Asia/Tokyo', 'Asia/Seoul', 'Asia/Pyongyang']], [9.5, ['Australia/Darwin']], [10, ['Pacific/Guam']], [10.5, ['Australia/Adelaide']], [11, ['Pacific/Guadalcanal']], [12, ['Pacific/Funafuti']], [13, ['Pacific/Enderbury']], [13.75, ['Pacific/Chatham']], [14, ['Pacific/Kiritimati']]];
+/**
+ * Etc/GMT* no DST
+ * @see https://data.iana.org/time-zones/tzdb/etcetera
+ */
+
+const IANAEtcGMTOffsetMap = {
+  '0': 'Etc/GMT',
+  '1': 'Etc/GMT-1',
+  '2': 'Etc/GMT-2',
+  '3': 'Etc/GMT-3',
+  '4': 'Etc/GMT-4',
+  '5': 'Etc/GMT-5',
+  '6': 'Etc/GMT-6',
+  '7': 'Etc/GMT-7',
+  '8': 'Etc/GMT-8',
+  '9': 'Etc/GMT-9',
+  '10': 'Etc/GMT-10',
+  '11': 'Etc/GMT-11',
+  '12': 'Etc/GMT-12',
+  '13': 'Etc/GMT-13',
+  '14': 'Etc/GMT-14',
+  '-1': 'Etc/GMT+1',
+  '-2': 'Etc/GMT+2',
+  '-3': 'Etc/GMT+3',
+  '-4': 'Etc/GMT+4',
+  '-5': 'Etc/GMT+5',
+  '-6': 'Etc/GMT+6',
+  '-7': 'Etc/GMT+7',
+  '-8': 'Etc/GMT+8',
+  '-9': 'Etc/GMT+9',
+  '-10': 'Etc/GMT+10',
+  '-11': 'Etc/GMT+11',
+  '-12': 'Etc/GMT+12'
+};
 const GMTStringReg = /([\-\+]{1})(\d{2})\:(\d{2})/;
 /**
  *
@@ -33,10 +67,37 @@ export const toIANA = tz => {
   }
 
   if (typeof tz === 'number') {
+    // if tz can be transformed to a Etc/GMT* and browser supports it
+    if (tz in IANAEtcGMTOffsetMap) {
+      const etcGMTtimeZone = IANAEtcGMTOffsetMap[tz];
+
+      if (isValidTimezoneIANAString(etcGMTtimeZone)) {
+        return etcGMTtimeZone;
+      }
+    }
+
     const found = IANAOffsetMap.find(item => item[0] === tz);
     return found && found[1][0];
   }
 };
+const validIANATimezoneCache = {};
+/**
+ * @see https://github.com/marnusw/date-fns-tz/blob/a92e0ad017d101a0c50e39a63ef5d322b4d849f6/src/_lib/tzParseTimezone/index.js#L137
+ */
+
+export function isValidTimezoneIANAString(timeZoneString) {
+  if (validIANATimezoneCache[timeZoneString]) return true;
+
+  try {
+    new Intl.DateTimeFormat(undefined, {
+      timeZone: timeZoneString
+    });
+    validIANATimezoneCache[timeZoneString] = true;
+    return true;
+  } catch (error) {
+    return false;
+  }
+}
 /**
  *
  * @param {string | number | Date} date

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.34.1-alpha.2",
+    "version": "2.34.1",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "f5462b68c0ab80669582aa520ce1cd334a5809e4",
+    "gitHead": "810c998a7c1db1cb824fb3c17353ca94c3df067e",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/radio/radio.scss

@@ -416,6 +416,7 @@ $inner-width: $width-icon-medium;
     &-horizontal {
         display: inline-flex;
         flex-wrap: wrap;
+        vertical-align: bottom; // Fix 1573
         gap: $spacing-radio_group_horizontal-marginRight;
     }
 

package/steps/bacisSteps.scss

@@ -173,7 +173,7 @@ $basicType: #{$module}-basic;
         
         transform:scale($transform_scale-step-item);
 
-        &:hover {
+        &-hover:hover {
 
             .#{$item}-title {
                 color: $color-steps_item_title-text-hover;
@@ -267,7 +267,7 @@ $basicType: #{$module}-basic;
                 }
             }
 
-            &:hover {
+            &-hover:hover {
                 .#{$item}-left {
 
                     .#{$item}-icon {

package/steps/fillSteps.scss

@@ -92,7 +92,7 @@ $module: #{$prefix}-steps;
                 color: $color-steps_success-text-default;
             }
 
-            &:hover {
+            &-hover:hover {
                 background-color: $color-steps-bg-hover;
 
                 .#{$prefix}-icon,
@@ -118,7 +118,7 @@ $module: #{$prefix}-steps;
                 color: $color-steps_danger-text-default;
             }
 
-            &:hover {
+            &-hover:hover {
                 background: $color-steps-bg-hover;
 
                 .#{$prefix}-icon,
@@ -144,7 +144,7 @@ $module: #{$prefix}-steps;
                 color: $color-steps_warning-text-default;
             }
 
-            &:hover {
+            &-hover:hover {
                 background: $color-steps-bg-hover;
 
                 .#{$module}-item-title,

package/table/foundation.ts

@@ -58,7 +58,8 @@ export interface BaseColumnProps<RecordType> {
     sorter?: BaseSorter<RecordType>;
     title?: any;
     useFullRender?: boolean;
-    width?: string | number
+    width?: string | number;
+    ellipsis?: BaseEllipsis
 }
 
 export interface TableAdapter<RecordType> extends DefaultAdapter {
@@ -103,7 +104,8 @@ export interface TableAdapter<RecordType> extends DefaultAdapter {
     getNormalizeColumns: () => (columns: BaseColumnProps<RecordType>[], children: any) => BaseColumnProps<RecordType>[];
     getHandleColumns: () => (queries: BaseColumnProps<RecordType>[], cachedColumns: BaseColumnProps<RecordType>[]) => BaseColumnProps<RecordType>[];
     getMergePagination: () => (pagination: BasePagination) => BasePagination;
-    setBodyHasScrollbar: (bodyHasScrollBar: boolean) => void
+    setBodyHasScrollbar: (bodyHasScrollBar: boolean) => void;
+    getTableLayout: () => 'fixed' | 'auto'
 }
 
 class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<RecordType>> {
@@ -1257,4 +1259,6 @@ export interface BaseChangeInfoSorter<RecordType> {
 
 export type BaseIncludeGroupRecord<RecordType> = RecordType | { groupKey: string };
 
+export type BaseEllipsis = boolean | { showTitle: boolean };
+
 export default TableFoundation;

package/table/table.scss

@@ -83,6 +83,11 @@ $module: #{$prefix}-table;
         }
     }
 
+    &-operate-wrapper {
+        display: flex;
+        justify-content: flex-start;
+    }
+
     &-body {
         overflow: auto;
         width: 100%;
@@ -115,8 +120,9 @@ $module: #{$prefix}-table;
                 padding-top: $spacing-table_row_head-paddingY;
                 padding-bottom: $spacing-table_row_head-paddingY;
                 vertical-align: middle;
-                word-break: break-all;
-                word-wrap: break-word;
+                overflow-wrap: break-word;
+                // word-break: break-all;
+                // word-wrap: break-word;
                 position: relative;
 
                 &.#{$module}-cell-fixed {
@@ -177,6 +183,14 @@ $module: #{$prefix}-table;
                     display: inline-flex;
                     align-items: center;
                 }
+
+                &-ellipsis {
+                    @include text-overflow-hidden;
+
+                    .#{$module}-row-head-title {
+                        @include text-overflow-hidden;
+                    }
+                }
             }
 
             .react-resizable {
@@ -241,8 +255,9 @@ $module: #{$prefix}-table;
 
             & > .#{$module}-row-cell {
                 display: table-cell;
-                word-wrap: break-word;
-                word-break: break-all;
+                overflow-wrap: break-word;
+                // word-wrap: break-word;
+                // word-break: break-all;
                 border-left: none;
                 border-right: none;
                 border-bottom: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
@@ -254,6 +269,10 @@ $module: #{$prefix}-table;
                 &.resizing {
                     border-right: $width-table_resizer_border solid $color-table_resizer-bg-default;
                 }
+
+                &-ellipsis {
+                    @include text-overflow-hidden;
+                }
             }
             &.#{$module}-row {
                 &-expand {
@@ -401,9 +420,10 @@ $module: #{$prefix}-table;
             text-align: center;
 
             &-wrapper {
-                display: inline-flex;
+                display: flex;
                 align-items: center;
                 cursor: pointer;
+                overflow: hidden;
             }
 
             &-up,

package/table/utils.ts

@@ -18,6 +18,7 @@ import {
 import { strings, numbers } from './constants';
 import isNullOrUndefined from '../utils/isNullOrUndefined';
 import Logger from '../utils/Logger';
+import type { BaseEllipsis } from './foundation';
 
 
 export function equalWith(value: any, other: any, customizer?: (...args: any[]) => boolean) {
@@ -479,4 +480,9 @@ export function getRTLAlign(align: typeof strings.ALIGNS[number], direction?: 'l
         }
     }
     return align;
+}
+
+export function shouldShowEllipsisTitle(ellipsis: BaseEllipsis) {
+    const shouldShowTitle = ellipsis === true || get(ellipsis, 'showTitle', true);
+    return shouldShowTitle;
 }

package/timePicker/foundation.ts

@@ -10,7 +10,7 @@ import {
     transformToArray,
     isTimeFormatLike
 } from './utils';
-import { split } from 'lodash';
+import { split, isUndefined } from 'lodash';
 import { isValid, format, getHours } from 'date-fns';
 import { utcToZonedTime, zonedTimeToUtc } from '../utils/date-fns-extra';
 import isNullOrUndefined from '../utils/isNullOrUndefined';
@@ -182,7 +182,7 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
             isAM[index] = panelIsAM;
             const inputValue = this.formatValue(value);
 
-            if (this.getState('isAM')[index] !== result.isAM){
+            if (this.getState('isAM')[index] !== result.isAM) {
                 this.setState({ isAM } as any);
             }
             if (!this._isControlledComponent('value')) {
@@ -369,7 +369,16 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
         }
 
         if (_dates && Array.isArray(_dates)) {
-            return _dates.map(date => formatToString(date, validFormat, dateFnsLocale)).join(rangeSeparator);
+            const result = _dates.map(date => {
+                let str;
+                if (isUndefined(date)) {
+                    str = '';
+                } else {
+                    str = formatToString(date, validFormat, dateFnsLocale);
+                }
+                return str;
+            });
+            return result.join(rangeSeparator);
         }
         return undefined;
     }

package/typography/typography.scss

@@ -123,12 +123,25 @@ $module: #{$prefix}-typography;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         overflow: hidden;
+
+        &.#{$module}-ellipsis-multiple-line-text {
+            // inline-block only works in the Text component, keeping the original external inline performance
+            display: -webkit-inline-box;
+        }
     }
 
     &-ellipsis-overflow-ellipsis {
         display: block;
         white-space: nowrap;
         text-overflow: ellipsis;
+
+        &.#{$module}-ellipsis-overflow-ellipsis-text {
+            // inline-block only works in the Text component, keeping the original external inline performance
+            display: inline-block;
+            // Ensure that Text component can be limited by the parent's width when no specific width is set
+            max-width: 100%;
+            vertical-align: top;
+        }
     }
 
     &-ellipsis-expand {

package/utils/date-fns-extra.ts

@@ -52,6 +52,40 @@ export const IANAOffsetMap = [
     [14, ['Pacific/Kiritimati']],
 ];
 
+/**
+ * Etc/GMT* no DST
+ * @see https://data.iana.org/time-zones/tzdb/etcetera
+ */
+const IANAEtcGMTOffsetMap = {
+    '0': 'Etc/GMT',
+    '1': 'Etc/GMT-1',
+    '2': 'Etc/GMT-2',
+    '3': 'Etc/GMT-3',
+    '4': 'Etc/GMT-4',
+    '5': 'Etc/GMT-5',
+    '6': 'Etc/GMT-6',
+    '7': 'Etc/GMT-7',
+    '8': 'Etc/GMT-8',
+    '9': 'Etc/GMT-9',
+    '10': 'Etc/GMT-10',
+    '11': 'Etc/GMT-11',
+    '12': 'Etc/GMT-12',
+    '13': 'Etc/GMT-13',
+    '14': 'Etc/GMT-14',
+    '-1': 'Etc/GMT+1',
+    '-2': 'Etc/GMT+2',
+    '-3': 'Etc/GMT+3',
+    '-4': 'Etc/GMT+4',
+    '-5': 'Etc/GMT+5',
+    '-6': 'Etc/GMT+6',
+    '-7': 'Etc/GMT+7',
+    '-8': 'Etc/GMT+8',
+    '-9': 'Etc/GMT+9',
+    '-10': 'Etc/GMT+10',
+    '-11': 'Etc/GMT+11',
+    '-12': 'Etc/GMT+12',
+};
+
 const GMTStringReg = /([\-\+]{1})(\d{2})\:(\d{2})/;
 
 /**
@@ -74,11 +108,33 @@ export const toIANA = (tz: string | number) => {
     }
 
     if (typeof tz === 'number') {
+        // if tz can be transformed to a Etc/GMT* and browser supports it
+        if (tz in IANAEtcGMTOffsetMap) {
+            const etcGMTtimeZone = IANAEtcGMTOffsetMap[tz];
+            if (isValidTimezoneIANAString(etcGMTtimeZone)) {
+                return etcGMTtimeZone;
+            }
+        }
         const found = IANAOffsetMap.find(item => item[0] === tz);
         return found && found[1][0];
     }
 };
 
+const validIANATimezoneCache = {};
+/**
+ * @see https://github.com/marnusw/date-fns-tz/blob/a92e0ad017d101a0c50e39a63ef5d322b4d849f6/src/_lib/tzParseTimezone/index.js#L137
+ */
+export function isValidTimezoneIANAString(timeZoneString: string) {
+    if (validIANATimezoneCache[timeZoneString]) return true;
+    try {
+        new Intl.DateTimeFormat(undefined, { timeZone: timeZoneString });
+        validIANATimezoneCache[timeZoneString] = true;
+        return true;
+    } catch (error) {
+        return false;
+    }
+}
+
 /**
  *
  * @param {string | number | Date} date