baseui 0.0.0-alpha-afa08b4 → 0.0.0-alpha-c54ce6f

package/data-table/measure-column-widths.js

@@ -45,6 +45,7 @@ function MeasureColumn(_ref) {
       css = _useStyletron2[0];
 
   var ref = (0, React.useRef)();
+  console.log('measure column', columnIndex);
   React.useEffect(function () {
     if (typeof document !== 'undefined') {
       if (ref.current) {
@@ -139,6 +140,7 @@ function MeasureColumnWidths(_ref2) {
     return generateSampleIndices(0, rows.length - 1, sampleSize);
   }, [columns, rows, widths, sampleSize]);
   var handleDimensionsChange = React.useCallback(function (columnIndex, dimensions) {
+    console.log('handle dimensions change', columnIndex, dimensions);
     var nextWidth = Math.min(Math.max(columns[columnIndex].minWidth || 0, widthMap.get(columnIndex) || 0, dimensions.width + 1), columns[columnIndex].maxWidth || Infinity);
 
     if (nextWidth !== widthMap.get(columnIndex)) {

package/data-table/measure-column-widths.js.flow

@@ -27,6 +27,8 @@ function MeasureColumn({
 
   const ref = useRef();
 
+  console.log('measure column', columnIndex);
+
   React.useEffect(() => {
     if (__BROWSER__) {
       if (ref.current) {
@@ -134,6 +136,7 @@ export default function MeasureColumnWidths({
 
   const handleDimensionsChange = React.useCallback(
     (columnIndex, dimensions) => {
+      console.log('handle dimensions change', columnIndex, dimensions);
       const nextWidth = Math.min(
         Math.max(
           columns[columnIndex].minWidth || 0,

package/es/data-table/measure-column-widths.js

@@ -19,6 +19,7 @@ function MeasureColumn({
 }) {
   const [css] = useStyletron();
   const ref = useRef();
+  console.log('measure column', columnIndex);
   React.useEffect(() => {
     if (typeof document !== 'undefined') {
       if (ref.current) {
@@ -107,6 +108,7 @@ export default function MeasureColumnWidths({
     return generateSampleIndices(0, rows.length - 1, sampleSize);
   }, [columns, rows, widths, sampleSize]);
   const handleDimensionsChange = React.useCallback((columnIndex, dimensions) => {
+    console.log('handle dimensions change', columnIndex, dimensions);
     const nextWidth = Math.min(Math.max(columns[columnIndex].minWidth || 0, widthMap.get(columnIndex) || 0, dimensions.width + 1), columns[columnIndex].maxWidth || Infinity);
 
     if (nextWidth !== widthMap.get(columnIndex)) {

package/es/timezonepicker/timezone-picker.js

@@ -44,10 +44,12 @@ class TimezonePicker extends React.Component {
             }
           }
 
+          const offsetMinutes = offset * 60;
           timezones.push({
             id: zoneName,
             label,
-            offset
+            // offset output is in minutes, difference of UTC and this zone (negative for hours ahead of UTC, positive for hours behind)
+            offset: offsetMinutes === 0 ? 0 : offsetMinutes * -1
           });
         } catch (error) {
           // Ignores timezones that are not available within a user's browser/operating system

package/esm/data-table/measure-column-widths.js

@@ -34,6 +34,7 @@ function MeasureColumn(_ref) {
       css = _useStyletron2[0];
 
   var ref = useRef();
+  console.log('measure column', columnIndex);
   React.useEffect(function () {
     if (typeof document !== 'undefined') {
       if (ref.current) {
@@ -128,6 +129,7 @@ export default function MeasureColumnWidths(_ref2) {
     return generateSampleIndices(0, rows.length - 1, sampleSize);
   }, [columns, rows, widths, sampleSize]);
   var handleDimensionsChange = React.useCallback(function (columnIndex, dimensions) {
+    console.log('handle dimensions change', columnIndex, dimensions);
     var nextWidth = Math.min(Math.max(columns[columnIndex].minWidth || 0, widthMap.get(columnIndex) || 0, dimensions.width + 1), columns[columnIndex].maxWidth || Infinity);
 
     if (nextWidth !== widthMap.get(columnIndex)) {

package/esm/timezonepicker/timezone-picker.js

@@ -98,10 +98,12 @@ var TimezonePicker = /*#__PURE__*/function (_React$Component) {
               }
             }
 
+            var offsetMinutes = offset * 60;
             timezones.push({
               id: zoneName,
               label: label,
-              offset: offset
+              // offset output is in minutes, difference of UTC and this zone (negative for hours ahead of UTC, positive for hours behind)
+              offset: offsetMinutes === 0 ? 0 : offsetMinutes * -1
             });
           } catch (error) {
             // Ignores timezones that are not available within a user's browser/operating system

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "baseui",
-  "version": "0.0.0-alpha-afa08b4",
+  "version": "0.0.0-alpha-c54ce6f",
   "description": "A React Component library implementing the Base design language",
   "keywords": [
     "react",
@@ -193,7 +193,7 @@
   "dependencies": {
     "@date-io/date-fns": "^2.6.2",
     "card-validator": "^6.2.0",
-    "d3": "^7.3.0",
+    "d3": "^6.7.0",
     "date-fns": "^2.6.0",
     "date-fns-tz": "^1.2.2",
     "glob": "^7.1.6",

package/timezonepicker/timezone-picker.js

@@ -107,10 +107,12 @@ var TimezonePicker = /*#__PURE__*/function (_React$Component) {
               }
             }
 
+            var offsetMinutes = offset * 60;
             timezones.push({
               id: zoneName,
               label: label,
-              offset: offset
+              // offset output is in minutes, difference of UTC and this zone (negative for hours ahead of UTC, positive for hours behind)
+              offset: offsetMinutes === 0 ? 0 : offsetMinutes * -1
             });
           } catch (error) {
             // Ignores timezones that are not available within a user's browser/operating system

package/timezonepicker/timezone-picker.js.flow

@@ -73,10 +73,13 @@ class TimezonePicker extends React.Component<
           }
         }
 
+        const offsetMinutes = offset * 60;
+
         timezones.push({
           id: zoneName,
           label,
-          offset,
+          // offset output is in minutes, difference of UTC and this zone (negative for hours ahead of UTC, positive for hours behind)
+          offset: offsetMinutes === 0 ? 0 : offsetMinutes * -1,
         });
       } catch (error) {
         // Ignores timezones that are not available within a user's browser/operating system

package/timezonepicker/types.js.flow

@@ -22,6 +22,11 @@ export type TimezonePickerStateT = {
 export type TimezoneT = {
   id: string,
   label: string,
+  /**
+   * The difference, in minutes, between a UTC date, and a date in the indicated time zone.
+   * Positive values indicate hours behind UTC, negative values indicate hours ahead.
+   * This aligns with Date.getTimezoneOffset()
+   */
   offset: number,
 };
 export type TimezonePickerPropsT = {