@seamapi/react 1.61.0 → 1.61.2

package/src/styles/_supported-device-table.scss

@@ -3,6 +3,10 @@
 $row-padding: 8px;
 
 @mixin all {
+  .seam-supported-device-table-content-wrap {
+    background: colors.$white;
+  }
+
   .seam-supported-device-table-filter-area {
     width: 100%;
     display: flex;
@@ -372,4 +376,9 @@ $row-padding: 8px;
       align-items: center;
     }
   }
+
+  .seam-supported-device-table-filter-menu-content {
+    max-height: 300px;
+    overflow: auto;
+  }
 }

package/src/styles/{_timezone-picker.scss → _time-zone-picker.scss}

@@ -1,12 +1,12 @@
 @use './colors';
 
 @mixin all {
-  .seam-timezone-picker {
-    .seam-manual-timezone-checkbox {
+  .seam-time-zone-picker {
+    .seam-manual-time-zone-checkbox {
       margin-bottom: 8px;
     }
 
-    > .seam-timezone-select {
+    > .seam-time-zone-select {
       background: colors.$white;
       padding: 0 12px;
       width: 100%;

package/lib/ui/AccessCodeForm/AccessCodeFormTimezonePicker.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" resolution-mode="require"/>
-interface AccessCodeFormTimezonePickerProps {
-    value: string;
-    onChange: (timezone: string) => void;
-    onClose: () => void;
-}
-export declare function AccessCodeFormTimezonePicker({ onChange, value, onClose, }: AccessCodeFormTimezonePickerProps): JSX.Element;
-export {};

package/lib/ui/AccessCodeForm/AccessCodeFormTimezonePicker.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { ContentHeader } from '../../../lib/ui/layout/ContentHeader.js';
-import { TimezonePicker } from '../../../lib/ui/TimezonePicker/TimezonePicker.js';
-export function AccessCodeFormTimezonePicker({ onChange, value, onClose, }) {
-    const [title, setTitle] = useState(t.titleAuto);
-    return (_jsxs("div", { className: 'seam-access-code-timezone-picker', children: [_jsx(ContentHeader, { title: title, onBack: onClose }), _jsx("div", { className: 'seam-content', children: _jsx(TimezonePicker, { value: value, onChange: onChange, onManualTimezoneSelected: (manualTimezoneSelected) => {
-                        setTitle(manualTimezoneSelected ? t.titleManual : t.titleAuto);
-                    } }) })] }));
-}
-const t = {
-    titleAuto: 'Time Zone (automatic)',
-    titleManual: 'Time Zone (manual)',
-    utc: 'UTC',
-    setTimezoneManuallyLabel: 'Use local time zone',
-};
-//# sourceMappingURL=AccessCodeFormTimezonePicker.js.map

package/lib/ui/TimezonePicker/TimezonePicker.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" resolution-mode="require"/>
-interface TimezonePickerProps {
-    value: string;
-    onChange: (timezone: string) => void;
-    onManualTimezoneSelected?: (manualTimezoneSelected: boolean) => void;
-}
-export declare function TimezonePicker({ onChange, value, onManualTimezoneSelected, }: TimezonePickerProps): JSX.Element;
-export {};

package/lib/ui/TimezonePicker/TimezonePicker.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { getBrowserTimezone, getTimezoneLabel, getTimezoneOffset, getTimezones, } from '../../../lib/dates.js';
-import { Checkbox } from '../../../lib/ui/Checkbox.js';
-import { handleString } from '../../../lib/ui/TextField/TextField.js';
-export function TimezonePicker({ onChange, value, onManualTimezoneSelected, }) {
-    const [manualTimezoneEnabled, setManualTimezoneEnabled] = useState(false);
-    const isBrowserTimezoneSelected = value === getBrowserTimezone();
-    const isManualTimezoneSelected = !isBrowserTimezoneSelected || manualTimezoneEnabled;
-    useEffect(() => {
-        if (onManualTimezoneSelected != null)
-            onManualTimezoneSelected(isManualTimezoneSelected);
-    }, [isManualTimezoneSelected, onManualTimezoneSelected]);
-    const handleChangeManualTimezone = (enabled) => {
-        setManualTimezoneEnabled(enabled);
-        if (!enabled) {
-            onChange(getBrowserTimezone());
-        }
-    };
-    return (_jsxs("div", { className: 'seam-timezone-picker', children: [_jsx(Checkbox, { label: t.setTimezoneManuallyLabel, checked: !isManualTimezoneSelected, onChange: (manual) => {
-                    handleChangeManualTimezone(!manual);
-                }, className: 'seam-manual-timezone-checkbox' }), _jsx("select", { value: value, onChange: handleString(onChange), className: 'seam-timezone-select', children: getTimezones().map((timezone) => (_jsxs("option", { value: timezone, children: [t.utc, " ", getTimezoneOffset(timezone), " ", getTimezoneLabel(timezone)] }, timezone))) })] }));
-}
-const t = {
-    utc: 'UTC',
-    setTimezoneManuallyLabel: 'Use local time zone',
-};
-//# sourceMappingURL=TimezonePicker.js.map

package/lib/ui/TimezonePicker/TimezonePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimezonePicker.js","sourceRoot":"","sources":["../../../src/lib/ui/TimezonePicker/TimezonePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAQ5D,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,wBAAwB,GACJ;IACpB,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzE,MAAM,yBAAyB,GAAG,KAAK,KAAK,kBAAkB,EAAE,CAAA;IAChE,MAAM,wBAAwB,GAC5B,CAAC,yBAAyB,IAAI,qBAAqB,CAAA;IAErD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,wBAAwB,IAAI,IAAI;YAClC,wBAAwB,CAAC,wBAAwB,CAAC,CAAA;IACtD,CAAC,EAAE,CAAC,wBAAwB,EAAE,wBAAwB,CAAC,CAAC,CAAA;IAExD,MAAM,0BAA0B,GAAG,CAAC,OAAgB,EAAQ,EAAE;QAC5D,wBAAwB,CAAC,OAAO,CAAC,CAAA;QACjC,IAAI,CAAC,OAAO,EAAE;YACZ,QAAQ,CAAC,kBAAkB,EAAE,CAAC,CAAA;SAC/B;IACH,CAAC,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,QAAQ,IACP,KAAK,EAAE,CAAC,CAAC,wBAAwB,EACjC,OAAO,EAAE,CAAC,wBAAwB,EAClC,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;oBACnB,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAA;gBACrC,CAAC,EACD,SAAS,EAAC,+BAA+B,GACzC,EAEF,iBACE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAChC,SAAS,EAAC,sBAAsB,YAE/B,YAAY,EAAE,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAChC,kBAAQ,KAAK,EAAE,QAAQ,aACpB,CAAC,CAAC,GAAG,OAAG,iBAAiB,CAAC,QAAQ,CAAC,OAAG,gBAAgB,CAAC,QAAQ,CAAC,KADrC,QAAQ,CAE7B,CACV,CAAC,GACK,IACL,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,GAAG,EAAE,KAAK;IACV,wBAAwB,EAAE,qBAAqB;CAChD,CAAA"}

package/lib/ui/use-current-time.d.ts

@@ -1,2 +0,0 @@
-import { DateTime } from 'luxon';
-export declare function useCurrentTime(): DateTime;

package/lib/ui/use-current-time.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-current-time.js","sourceRoot":"","sources":["../../src/lib/ui/use-current-time.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD,MAAM,UAAU,cAAc;IAC5B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAW,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAA;IAE1D,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAA;IACzB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,WAAW,CAAC,MAAM,CAAC,CAAA;IAEnB,OAAO,IAAI,CAAA;AACb,CAAC"}

package/src/lib/ui/TimezonePicker/TimezonePicker.tsx

@@ -1,70 +0,0 @@
-import { useEffect, useState } from 'react'
-
-import {
-  getBrowserTimezone,
-  getTimezoneLabel,
-  getTimezoneOffset,
-  getTimezones,
-} from 'lib/dates.js'
-import { Checkbox } from 'lib/ui/Checkbox.js'
-import { handleString } from 'lib/ui/TextField/TextField.js'
-
-interface TimezonePickerProps {
-  value: string
-  onChange: (timezone: string) => void
-  onManualTimezoneSelected?: (manualTimezoneSelected: boolean) => void
-}
-
-export function TimezonePicker({
-  onChange,
-  value,
-  onManualTimezoneSelected,
-}: TimezonePickerProps): JSX.Element {
-  const [manualTimezoneEnabled, setManualTimezoneEnabled] = useState(false)
-
-  const isBrowserTimezoneSelected = value === getBrowserTimezone()
-  const isManualTimezoneSelected =
-    !isBrowserTimezoneSelected || manualTimezoneEnabled
-
-  useEffect(() => {
-    if (onManualTimezoneSelected != null)
-      onManualTimezoneSelected(isManualTimezoneSelected)
-  }, [isManualTimezoneSelected, onManualTimezoneSelected])
-
-  const handleChangeManualTimezone = (enabled: boolean): void => {
-    setManualTimezoneEnabled(enabled)
-    if (!enabled) {
-      onChange(getBrowserTimezone())
-    }
-  }
-
-  return (
-    <div className='seam-timezone-picker'>
-      <Checkbox
-        label={t.setTimezoneManuallyLabel}
-        checked={!isManualTimezoneSelected}
-        onChange={(manual) => {
-          handleChangeManualTimezone(!manual)
-        }}
-        className='seam-manual-timezone-checkbox'
-      />
-
-      <select
-        value={value}
-        onChange={handleString(onChange)}
-        className='seam-timezone-select'
-      >
-        {getTimezones().map((timezone) => (
-          <option value={timezone} key={timezone}>
-            {t.utc} {getTimezoneOffset(timezone)} {getTimezoneLabel(timezone)}
-          </option>
-        ))}
-      </select>
-    </div>
-  )
-}
-
-const t = {
-  utc: 'UTC',
-  setTimezoneManuallyLabel: 'Use local time zone',
-}