@pingux/astro 1.5.1-alpha.0 → 1.6.0-alpha.1

package/lib/components/TimeZonePicker/TimeZonePicker.test.js

@@ -0,0 +1,80 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React from 'react';
+import userEvent from '@testing-library/user-event';
+import { render, screen } from '../../utils/testUtils/testWrapper';
+import { TimeZonePicker, OverlayProvider } from '../../index';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var testTimeZoneJuba = 'Africa/Juba';
+var testTimeZoneApia = 'Pacific/Apia';
+var defaultProps = {
+  label: 'Test Label'
+};
+
+var getComponent = function getComponent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      _ref$renderFn = _ref.renderFn,
+      renderFn = _ref$renderFn === void 0 ? render : _ref$renderFn;
+
+  return renderFn(___EmotionJSX(OverlayProvider, null, ___EmotionJSX(TimeZonePicker, _extends({}, defaultProps, props))));
+};
+
+beforeAll(function () {
+  jest.spyOn(window.HTMLElement.prototype, 'clientWidth', 'get').mockImplementation(function () {
+    return 1000;
+  });
+  jest.spyOn(window.HTMLElement.prototype, 'clientHeight', 'get').mockImplementation(function () {
+    return 1000;
+  });
+  window.HTMLElement.prototype.scrollIntoView = jest.fn();
+  jest.spyOn(window.screen, 'width', 'get').mockImplementation(function () {
+    return 1024;
+  });
+  jest.spyOn(window, 'requestAnimationFrame').mockImplementation(function (cb) {
+    return cb();
+  });
+  jest.useFakeTimers();
+});
+afterEach(function () {
+  jest.clearAllMocks();
+});
+afterAll(function () {
+  jest.restoreAllMocks();
+});
+test('renders ComboBoxField component', function () {
+  getComponent();
+  var input = screen.queryByRole('combobox');
+  var label = screen.getByText(defaultProps.label);
+  var button = screen.queryByRole('button');
+  expect(input).toBeInTheDocument();
+  expect(screen.queryAllByLabelText(defaultProps.label)).toEqual([input, button]);
+  expect(label).toBeInTheDocument();
+  expect(label).toHaveTextContent(defaultProps.label);
+  expect(button).toBeInTheDocument();
+});
+test('search is working correctly', function () {
+  getComponent();
+  var input = screen.queryByRole('combobox');
+  userEvent.type(input, testTimeZoneApia);
+  expect(screen.getByText(testTimeZoneApia)).toBeInTheDocument();
+});
+test('custom timezone can be added', function () {
+  getComponent({
+    additionalTimeZones: {
+      '(GMT+02:00) Africa/Juba': testTimeZoneJuba
+    }
+  });
+  var input = screen.queryByRole('combobox');
+  userEvent.type(input, testTimeZoneJuba);
+  expect(screen.getByText(testTimeZoneJuba)).toBeInTheDocument();
+});
+test('shows custom empty search state text when no items are found', function () {
+  var testEmptyText = 'test empty text';
+  getComponent({
+    emptySearchText: testEmptyText
+  });
+  var input = screen.queryByRole('combobox');
+  userEvent.type(input, 'awdasrf213');
+  expect(screen.getByText(testEmptyText)).toBeInTheDocument();
+});

package/lib/components/TimeZonePicker/index.js

@@ -0,0 +1 @@
+export { default } from './TimeZonePicker';

package/lib/components/TimeZonePicker/timezones.js

@@ -0,0 +1,112 @@
+export default {
+  '(GMT-11:00) Pago Pago': 'Pacific/Pago_Pago',
+  '(GMT-10:00) Hawaii Time': 'Pacific/Honolulu',
+  '(GMT-08:00) Pacific Time': 'America/Los_Angeles',
+  '(GMT-08:00) Pacific Time - Tijuana': 'America/Tijuana',
+  '(GMT-07:00) Mountain Time': 'America/Denver',
+  '(GMT-07:00) Mountain Time - Arizona': 'America/Phoenix',
+  '(GMT-07:00) Mountain Time - Chihuahua, Mazatlan': 'America/Mazatlan',
+  '(GMT-06:00) Central Time': 'America/Chicago',
+  '(GMT-06:00) Central Time - Mexico City': 'America/Mexico_City',
+  '(GMT-06:00) Central Time - Regina': 'America/Regina',
+  '(GMT-06:00) Guatemala': 'America/Guatemala',
+  '(GMT-05:00) Bogota': 'America/Bogota',
+  '(GMT-05:00) Eastern Time': 'America/New_York',
+  '(GMT-05:00) Lima': 'America/Lima',
+  '(GMT-04:30) Caracas': 'America/Caracas',
+  '(GMT-04:00) Atlantic Time - Halifax': 'America/Halifax',
+  '(GMT-04:00) Guyana': 'America/Guyana',
+  '(GMT-04:00) La Paz': 'America/La_Paz',
+  '(GMT-03:00) Buenos Aires': 'America/Argentina/Buenos_Aires',
+  '(GMT-03:00) Godthab': 'America/Godthab',
+  '(GMT-03:00) Montevideo': 'America/Montevideo',
+  '(GMT-03:30) Newfoundland Time - St. Johns': 'America/St_Johns',
+  '(GMT-03:00) Santiago': 'America/Santiago',
+  '(GMT-02:00) Sao Paulo': 'America/Sao_Paulo',
+  '(GMT-02:00) South Georgia': 'Atlantic/South_Georgia',
+  '(GMT-01:00) Azores': 'Atlantic/Azores',
+  '(GMT-01:00) Cape Verde': 'Atlantic/Cape_Verde',
+  '(GMT+00:00) Casablanca': 'Africa/Casablanca',
+  '(GMT+00:00) Dublin': 'Europe/Dublin',
+  '(GMT+00:00) Lisbon': 'Europe/Lisbon',
+  '(GMT+00:00) London': 'Europe/London',
+  '(GMT+00:00) Monrovia': 'Africa/Monrovia',
+  '(GMT+01:00) Algiers': 'Africa/Algiers',
+  '(GMT+01:00) Amsterdam': 'Europe/Amsterdam',
+  '(GMT+01:00) Berlin': 'Europe/Berlin',
+  '(GMT+01:00) Brussels': 'Europe/Brussels',
+  '(GMT+01:00) Budapest': 'Europe/Budapest',
+  '(GMT+01:00) Central European Time - Belgrade': 'Europe/Belgrade',
+  '(GMT+01:00) Central European Time - Prague': 'Europe/Prague',
+  '(GMT+01:00) Copenhagen': 'Europe/Copenhagen',
+  '(GMT+01:00) Madrid': 'Europe/Madrid',
+  '(GMT+01:00) Paris': 'Europe/Paris',
+  '(GMT+01:00) Rome': 'Europe/Rome',
+  '(GMT+01:00) Stockholm': 'Europe/Stockholm',
+  '(GMT+01:00) Vienna': 'Europe/Vienna',
+  '(GMT+01:00) Warsaw': 'Europe/Warsaw',
+  '(GMT+02:00) Athens': 'Europe/Athens',
+  '(GMT+02:00) Bucharest': 'Europe/Bucharest',
+  '(GMT+02:00) Cairo': 'Africa/Cairo',
+  '(GMT+02:00) Jerusalem': 'Asia/Jerusalem',
+  '(GMT+02:00) Johannesburg': 'Africa/Johannesburg',
+  '(GMT+02:00) Helsinki': 'Europe/Helsinki',
+  '(GMT+02:00) Kiev': 'Europe/Kiev',
+  '(GMT+02:00) Moscow-01 - Kaliningrad': 'Europe/Kaliningrad',
+  '(GMT+02:00) Riga': 'Europe/Riga',
+  '(GMT+02:00) Sofia': 'Europe/Sofia',
+  '(GMT+02:00) Tallinn': 'Europe/Tallinn',
+  '(GMT+02:00) Vilnius': 'Europe/Vilnius',
+  '(GMT+03:00) Istanbul': 'Europe/Istanbul',
+  '(GMT+03:00) Baghdad': 'Asia/Baghdad',
+  '(GMT+03:00) Nairobi': 'Africa/Nairobi',
+  '(GMT+03:00) Minsk': 'Europe/Minsk',
+  '(GMT+03:00) Riyadh': 'Asia/Riyadh',
+  '(GMT+03:00) Moscow+00 - Moscow': 'Europe/Moscow',
+  '(GMT+03:30) Tehran': 'Asia/Tehran',
+  '(GMT+04:00) Baku': 'Asia/Baku',
+  '(GMT+04:00) Moscow+01 - Samara': 'Europe/Samara',
+  '(GMT+04:00) Tbilisi': 'Asia/Tbilisi',
+  '(GMT+04:00) Yerevan': 'Asia/Yerevan',
+  '(GMT+04:30) Kabul': 'Asia/Kabul',
+  '(GMT+05:00) Karachi': 'Asia/Karachi',
+  '(GMT+05:00) Moscow+02 - Yekaterinburg': 'Asia/Yekaterinburg',
+  '(GMT+05:00) Tashkent': 'Asia/Tashkent',
+  '(GMT+05:30) Colombo': 'Asia/Colombo',
+  '(GMT+06:00) Almaty': 'Asia/Almaty',
+  '(GMT+06:00) Dhaka': 'Asia/Dhaka',
+  '(GMT+06:30) Rangoon': 'Asia/Rangoon',
+  '(GMT+07:00) Bangkok': 'Asia/Bangkok',
+  '(GMT+07:00) Jakarta': 'Asia/Jakarta',
+  '(GMT+07:00) Moscow+04 - Krasnoyarsk': 'Asia/Krasnoyarsk',
+  '(GMT+08:00) China Time - Beijing': 'Asia/Shanghai',
+  '(GMT+08:00) Hong Kong': 'Asia/Hong_Kong',
+  '(GMT+08:00) Kuala Lumpur': 'Asia/Kuala_Lumpur',
+  '(GMT+08:00) Moscow+05 - Irkutsk': 'Asia/Irkutsk',
+  '(GMT+08:00) Singapore': 'Asia/Singapore',
+  '(GMT+08:00) Taipei': 'Asia/Taipei',
+  '(GMT+08:00) Ulaanbaatar': 'Asia/Ulaanbaatar',
+  '(GMT+08:00) Western Time - Perth': 'Australia/Perth',
+  '(GMT+09:00) Moscow+06 - Yakutsk': 'Asia/Yakutsk',
+  '(GMT+09:00) Seoul': 'Asia/Seoul',
+  '(GMT+09:00) Tokyo': 'Asia/Tokyo',
+  '(GMT+09:30) Central Time - Darwin': 'Australia/Darwin',
+  '(GMT+10:00) Eastern Time - Brisbane': 'Australia/Brisbane',
+  '(GMT+10:00) Guam': 'Pacific/Guam',
+  '(GMT+10:00) Moscow+07 - Magadan': 'Asia/Magadan',
+  '(GMT+10:00) Moscow+07 - Yuzhno-Sakhalinsk': 'Asia/Vladivostok',
+  '(GMT+10:00) Port Moresby': 'Pacific/Port_Moresby',
+  '(GMT+10:30) Central Time - Adelaide': 'Australia/Adelaide',
+  '(GMT+11:00) Eastern Time - Hobart': 'Australia/Hobart',
+  '(GMT+11:00) Eastern Time - Melbourne, Sydney': 'Australia/Sydney',
+  '(GMT+11:00) Guadalcanal': 'Pacific/Guadalcanal',
+  '(GMT+11:00) Noumea': 'Pacific/Noumea',
+  '(GMT+12:00) Majuro': 'Pacific/Majuro',
+  '(GMT+12:00) Moscow+09 - Petropavlovsk-Kamchatskiy': 'Asia/Kamchatka',
+  '(GMT+13:00) Auckland': 'Pacific/Auckland',
+  '(GMT+13:00) Fakaofo': 'Pacific/Fakaofo',
+  '(GMT+13:00) Fiji': 'Pacific/Fiji',
+  '(GMT+13:00) Tongatapu': 'Pacific/Tongatapu',
+  '(GMT+14:00) Apia': 'Pacific/Apia'
+};
+export var usCities = ['Los Angeles', 'Denver', 'Phoenix', 'Chicago', 'New York'];

package/lib/index.js

@@ -140,6 +140,7 @@ export { default as TextArea } from './components/TextArea';
 export * from './components/TextArea';
 export { default as TextAreaField } from './components/TextAreaField';
 export * from './components/TextAreaField';
+export { default as TimeZonePicker } from './components/TimeZonePicker';
 export { default as TooltipTrigger } from './components/TooltipTrigger';
 export * from './components/TooltipTrigger';
 /* eslint-enable import/export */

package/lib/styles/variants/text.js

@@ -175,6 +175,33 @@ var maskedValue = {
     fontWeight: 700
   }
 };
+var timeZone = {
+  title: {
+    color: 'neutral.10',
+    fontSize: 'md',
+    whiteSpace: 'nowrap',
+    lineHeight: 1,
+    '.is-focused &': {
+      color: 'white'
+    }
+  },
+  subTitle: {
+    color: 'neutral.40',
+    fontSize: 'sm',
+    ml: 10,
+    '.is-focused &': {
+      color: 'white'
+    }
+  },
+  time: {
+    color: 'neutral.10',
+    fontSize: 'sm',
+    fontWeight: 1,
+    '.is-focused &': {
+      color: 'white'
+    }
+  }
+};
 export var text = {
   base: base,
   bodyStrong: _objectSpread(_objectSpread({}, wordWrap), {}, {
@@ -287,5 +314,6 @@ export var text = {
     color: 'text.primary',
     fontFamily: 'standard'
   }),
-  tooltipContent: tooltipContent
+  tooltipContent: tooltipContent,
+  timeZone: timeZone
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.5.1-alpha.0",
+  "version": "1.6.0-alpha.1",
   "description": "PingUX themeable React component library",
   "author": "ux-development@pingidentity.com",
   "license": "Apache-2.0",