pebble-web 2.25.2-alpha.3 → 2.26.0

package/src/components/typings/DateInput.ts

@@ -18,7 +18,6 @@ export interface DateInputProps {
   onOutsideClick?: (isOpen: boolean) => void;
   controlled?: boolean;
   isOpen?: boolean;
-  testId?: string;
 }
 
 export interface DateInputState {

package/src/components/typings/Dropdown.ts

@@ -25,7 +25,6 @@ export interface DropdownProps {
   modifiers?: Modifiers;
   controlled?: boolean;
   isOpen?: boolean;
-  testId?: string;
 }
 
 export interface DropdownState {

package/src/components/typings/Input.ts

@@ -20,7 +20,6 @@ export interface CommonInputProps {
   successMessage?: string;
   leftElement?: () => React.ReactNode;
   rightElement?: () => React.ReactNode;
-  testId?: string;
 }
 
 export type InputType =

package/src/components/typings/Loader.ts

@@ -2,5 +2,4 @@ export interface LoaderProps {
   color?: string;
   className?: string;
   scale?: number;
-  testId?: string;
 }

package/src/components/typings/Message.ts

@@ -4,5 +4,4 @@ export interface AlertProps {
   intent: "error" | "success";
   className?: string;
   text: React.ReactChild;
-  testId?: string;
 }

package/src/components/typings/OptionGroup.ts

@@ -13,7 +13,6 @@ export interface CommonProps {
     selectVisible?: () => void;
     clearVisible?: () => void;
   };
-  testId?: string;
 }
 
 export interface OptionGroupProps<OptionType> extends CommonProps {

package/src/components/typings/OptionGroupCheckBox.ts

@@ -13,5 +13,4 @@ export interface OptionGroupCheckBoxProps<OptionType> extends CommonProps {
     props: OptionGroupCheckBoxProps<OptionType>
   ) => void;
   onClear?: () => void;
-  testId?: string;
 }

package/src/components/typings/OptionGroupRadio.ts

@@ -7,5 +7,4 @@ export interface OptionGroupRadio<OptionType> extends CommonProps {
    */
   selected?: OptionType;
   isSelected?: (value: OptionType) => boolean;
-  testId?: string;
 }

package/src/components/typings/PhoneNumberInput.ts

@@ -19,5 +19,4 @@ export interface PhoneNumberInputProps<OptionType = string> {
   inputProps?: Omit<SimpleInputProps, "value" | "onChange" | "placeholder">;
   placeholder?: string;
   required?: boolean;
-  testId?: string;
 }

package/src/components/typings/PopUp.ts

@@ -9,5 +9,4 @@ export interface PopUpProps {
   rejectButtonText?: string | Element;
   approveButtonProps?: Omit<ButtonProps, "children" | "onClick">;
   rejectButtonProps?: Omit<ButtonProps, "children" | "onClick">;
-  testId?: string;
 }

package/src/components/typings/RadioGroup.ts

@@ -7,5 +7,4 @@ export interface RadioGroupProps<OptionType> {
   className?: string;
   name: string;
   disabled?: boolean;
-  testId?: string;
 }

package/src/components/typings/Search.ts

@@ -10,5 +10,4 @@ export interface SearchProps {
   clearable?: boolean;
   inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
   loading?: boolean;
-  testId?: string;
 }

package/src/components/typings/SecondaryInput.ts

@@ -14,7 +14,6 @@ export interface SecondaryInputProps {
   message?: string;
   inputProps?: React.InputHTMLAttributes<HTMLInputElement> &
     React.RefAttributes<HTMLInputElement>;
-  testId?: string;
 }
 
 export interface SecondaryInputState {

package/src/components/typings/Select.ts

@@ -23,7 +23,6 @@ export interface CommonSelectProps<OptionType> {
   isSelected?: (value: OptionType) => boolean;
   placement?: Placement;
   modifiers?: Modifiers;
-  testId?: string;
 }
 
 export interface SingleSelectProps<OptionType>

package/src/components/typings/Text.ts

@@ -4,5 +4,4 @@ export interface TextProps {
   color?: string;
   className?: string;
   typography?: TypographyStyle;
-  testId?: string;
 }

package/src/components/typings/Typeahead.ts

@@ -34,7 +34,6 @@ export interface TypeaheadProps<OptionType> {
   valueExtractor: (value: OptionType) => string;
   onClear?: () => void;
   inputProps?: Omit<SimpleInputProps, "onChange" | "value" | "placeholder">;
-  testId?: string;
 }
 
 export interface TypeaheadState {

package/src/index.ts

@@ -1,7 +1,6 @@
 export * from "./theme";
 export * from "./components";
 export * from "./utils/useragent";
-export * from "./utils/testIds";
 
 import * as utils from "./utils";
 import { colors } from "pebble-shared";

package/src/utils/index.ts

@@ -2,4 +2,3 @@ export * from "./strings/capitalize";
 export * from "./numbers/format";
 export * from "./analytics/ga";
 export * from "./dimensions";
-export * from "./testIds";

package/src/utils/useragent/index.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-interface UserAgentInfoProviderProps {
+export interface UserAgentInfoProviderProps {
   userAgent: string;
 }
 

package/dist/utils/testIds.d.ts

@@ -1,65 +0,0 @@
-declare type TestIdMap = Record<string, string | object>;
-declare type BaseSelectIds = {
-    inputId: string;
-    optionGroupId: string;
-};
-declare type OptionGroupCheckBoxIds = ReturnType<typeof getOptionGroupCheckBoxTestIds>;
-declare type OptionGroupRadioIds = ReturnType<typeof getOptionGroupRadioTestIds>;
-export declare function getTestIds<T extends TestIdMap>(id: string | undefined, builder: (_id: string) => Partial<T>): Partial<T>;
-export declare function getOptionTestId(id: string, index: number): string;
-export declare function getRadioGroupTestIds(id: string): {
-    optionId: string;
-};
-export declare function getOptionGroupTestIds(id: string): {
-    searchBoxId: string;
-    optionId: string;
-    selectVisibleId: string;
-    clearVisibleId: string;
-};
-export declare const getOptionGroupRadioTestIds: (id: string) => {
-    searchBoxId: string;
-    optionId: string;
-    selectVisibleId: string;
-    clearVisibleId: string;
-};
-export declare function getOptionGroupCheckBoxTestIds(id: string): {
-    searchBoxId: string;
-    optionId: string;
-    selectVisibleId: string;
-    clearVisibleId: string;
-    applyButtonId: string;
-    clearButtonId: string;
-};
-export declare function getPhoneNumberInputTestIds(id: string): {
-    phoneId: string;
-    countryId: string;
-    countryInputIds: BaseSelectIds & {
-        searchBoxId: string;
-        optionId: string;
-        selectVisibleId: string;
-        clearVisibleId: string;
-    };
-};
-export declare function getMessageTestId(id: string): string;
-export declare function getSelectInputTestIds(id: string, multiSelect: true): BaseSelectIds & OptionGroupCheckBoxIds;
-export declare function getSelectInputTestIds(id: string, multiSelect?: false): BaseSelectIds & OptionGroupRadioIds;
-export declare function getSelectInputTestIds(id: string, multiSelect?: boolean): (BaseSelectIds & OptionGroupCheckBoxIds) | (BaseSelectIds & OptionGroupRadioIds);
-export declare function getTypeaheadTestIds(id: string): {
-    searchBoxId: string;
-    optionId: string;
-    selectVisibleId: string;
-    clearVisibleId: string;
-    optionGroupId: string;
-};
-export declare function getCalendarTestIds(id: string): {
-    leftIconId: string;
-    rightIconId: string;
-    applyButtonId: string;
-    clearButtonId: string;
-};
-export declare function getPopUpTestIds(id: string): {
-    closeButtonId: string;
-    approveButtonId: string;
-    rejectButtonId: string;
-};
-export {};

package/src/components/__tests__/__snapshots__/checkboxGroup.test.tsx.snap

@@ -1,88 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CheckboxGroup snapshot 1`] = `
-.emotion-0 {
-  margin-right: 10px;
-  font-size: 16px;
-  padding-top: 2px;
-  height: 18px;
-}
-
-.emotion-1 {
-  cursor: pointer;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  outline: none;
-  padding: 10px 0;
-  position: relative;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  font-weight: 400;
-  color: #101721;
-  font-size: 14px;
-}
-
-.emotion-1[data-disabled='true'] {
-  cursor: not-allowed;
-}
-
-.emotion-1[data-disabled='true'] .i {
-  color: #E0E0E0;
-}
-
-<div
-  aria-label="test"
-  role="checkboxgroup"
->
-  <div
-    aria-checked={false}
-    className="emotion-1"
-    data-testid="checkbox-group-0"
-    onClick={[Function]}
-    role="checkbox"
-    tabIndex={-1}
-  >
-    <div
-      className="emotion-0"
-    >
-      <i
-        className="pi pi-checkbox-unselected"
-        style={
-          Object {
-            "color": "#E0E0E0",
-          }
-        }
-      />
-    </div>
-     
-    I am a checkbox
-  </div>
-  <div
-    aria-checked={true}
-    className="emotion-1"
-    data-testid="checkbox-group-1"
-    onClick={[Function]}
-    role="checkbox"
-    tabIndex={0}
-  >
-    <div
-      className="emotion-0"
-    >
-      <i
-        className="pi pi-checkbox-selected"
-        style={
-          Object {
-            "color": "#6161FF",
-          }
-        }
-      />
-    </div>
-     
-    I am a checkbox
-  </div>
-</div>
-`;

package/src/utils/testIds.ts

@@ -1,119 +0,0 @@
-type TestIdMap = Record<string, string | object>;
-
-type BaseSelectIds = {
-  inputId: string;
-  optionGroupId: string;
-};
-
-type OptionGroupCheckBoxIds = ReturnType<typeof getOptionGroupCheckBoxTestIds>;
-
-type OptionGroupRadioIds = ReturnType<typeof getOptionGroupRadioTestIds>;
-
-export function getTestIds<T extends TestIdMap>(
-  id: string | undefined,
-  builder: (_id: string) => Partial<T>
-): Partial<T> {
-  return id ? builder(id) : {};
-}
-
-export function getOptionTestId(id: string, index: number) {
-  return `${id}-${index}`;
-}
-
-export function getRadioGroupTestIds(id: string) {
-  return {
-    optionId: `${id}-option`
-  };
-}
-
-export function getOptionGroupTestIds(id: string) {
-  return {
-    searchBoxId: `${id}-search`,
-    optionId: `${id}-option`,
-    selectVisibleId: `${id}-select-visible`,
-    clearVisibleId: `${id}-clear-visible`
-  };
-}
-
-export const getOptionGroupRadioTestIds = (id: string) =>
-  getOptionGroupTestIds(id);
-
-export function getOptionGroupCheckBoxTestIds(id: string) {
-  return {
-    applyButtonId: `${id}-apply-btn`,
-    clearButtonId: `${id}-clear-btn`,
-    ...getOptionGroupTestIds(id)
-  };
-}
-
-export function getPhoneNumberInputTestIds(id: string) {
-  return {
-    phoneId: `${id}-phone`,
-    countryId: `${id}-country`,
-    countryInputIds: getSelectInputTestIds(`${id}-country`)
-  };
-}
-
-export function getMessageTestId(id: string) {
-  return `${id}-message`;
-}
-
-export function getSelectInputTestIds(
-  id: string,
-  multiSelect: true
-): BaseSelectIds & OptionGroupCheckBoxIds;
-
-export function getSelectInputTestIds(
-  id: string,
-  multiSelect?: false
-): BaseSelectIds & OptionGroupRadioIds;
-
-export function getSelectInputTestIds(
-  id: string,
-  multiSelect?: boolean
-):
-  | (BaseSelectIds & OptionGroupCheckBoxIds)
-  | (BaseSelectIds & OptionGroupRadioIds);
-
-export function getSelectInputTestIds(
-  id: string,
-  multiSelect: boolean = false
-) {
-  const optionGroupId = `${id}-option-group`;
-
-  const baseIds = {
-    inputId: `${id}-input`,
-    optionGroupId
-  };
-  return {
-    ...(multiSelect
-      ? getOptionGroupCheckBoxTestIds(optionGroupId)
-      : getOptionGroupRadioTestIds(optionGroupId)),
-    ...baseIds
-  };
-}
-
-export function getTypeaheadTestIds(id: string) {
-  const optionGroupId = `${id}-option-group`;
-  return {
-    optionGroupId,
-    ...getOptionGroupRadioTestIds(optionGroupId)
-  };
-}
-
-export function getCalendarTestIds(id: string){
-  return {
-    leftIconId: `${id}-left-icon`,
-    rightIconId: `${id}-right-icon`,
-    applyButtonId: `${id}-apply-btn`,
-    clearButtonId: `${id}-clear-btn`
-  };
-}
-
-export function getPopUpTestIds(id: string){
-  return {
-    closeButtonId: `${id}-close-btn`,
-    approveButtonId: `${id}-approve-btn`,
-    rejectButtonId: `${id}-reject-btn`
-  };
-}