@pingux/astro 2.54.0-alpha.3 → 2.54.0-alpha.4

package/lib/components/SwitchField/SwitchField.js

@@ -20,11 +20,9 @@ import { usePress } from '@react-aria/interactions';
 import omit from 'lodash/omit';
 import { Box, FieldHelperText, Label, Switch } from '../..';
 import { useField, usePropWarning } from '../../hooks';
-import { getPendoID } from '../../utils/devUtils/constants/pendoID';
 import { statusDefaultProp } from '../../utils/docUtils/statusProp';
 import { switchFieldPropTypes } from './switchFieldAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var displayName = 'SwitchField';
 var SwitchField = /*#__PURE__*/forwardRef(function (props, ref) {
   var label = props.label,
     helperText = props.helperText,
@@ -86,16 +84,16 @@ var SwitchField = /*#__PURE__*/forwardRef(function (props, ref) {
     'aria-controls': others['aria-controls'],
     'aria-errormessage': others['aria-errormessage']
   };
-  return ___EmotionJSX(Box, _extends({}, getPendoID(displayName), fieldContainerProps), ___EmotionJSX(Label, _extends({
+  return ___EmotionJSX(Box, fieldContainerProps, ___EmotionJSX(Label, _extends({
     variant: "forms.switch.label"
   }, fieldLabelProps), ___EmotionJSX(Box, fieldControlWrapperProps, ___EmotionJSX(Switch, _extends({
     ref: switchRef,
     inputProps: fieldControlInputProps
-  }, unhandledAriaProps, omit(others, 'data-pendo-id')))), label), helperText && ___EmotionJSX(FieldHelperText, {
+  }, unhandledAriaProps, others))), label), helperText && ___EmotionJSX(FieldHelperText, {
     status: status
   }, helperText));
 });
 SwitchField.propTypes = switchFieldPropTypes;
 SwitchField.defaultProps = _objectSpread({}, statusDefaultProp);
-SwitchField.displayName = displayName;
+SwitchField.displayName = 'SwitchField';
 export default SwitchField;

package/lib/components/Tab/Tab.js

@@ -9,7 +9,6 @@ import PropTypes from 'prop-types';
 import { Box, Text, Tooltip, TooltipTrigger } from '../..';
 import { usePropWarning, useStatusClasses } from '../../hooks';
 import ORIENTATION from '../../utils/devUtils/constants/orientation';
-import { getPendoID } from '../../utils/devUtils/constants/pendoID';
 import TabPicker from '../TabPicker';
 import { TabsContext } from '../Tabs';
 
@@ -72,7 +71,7 @@ export var CollectionTab = /*#__PURE__*/forwardRef(function (props, ref) {
   }, slots === null || slots === void 0 ? void 0 : slots.beforeTab, ___EmotionJSX(Box, _extends({
     className: classNames,
     variant: "tab"
-  }, mergeProps(focusProps, hoverProps, tabProps), getPendoID('Tab'), otherItemProps, {
+  }, mergeProps(focusProps, hoverProps, tabProps), otherItemProps, {
     ref: tabRef,
     title: titleAttr || undefined
   }), icon, ___EmotionJSX(Text, _extends({

package/lib/components/TextAreaField/TextAreaField.js

@@ -16,12 +16,10 @@ import PropTypes from 'prop-types';
 import { v4 as uuid } from 'uuid';
 import { Box, FieldHelperText, Label, TextArea } from '../..';
 import { useColumnStyles, useField, useLabelHeight, usePropWarning } from '../../hooks';
-import { getPendoID } from '../../utils/devUtils/constants/pendoID';
 import { ariaAttributesBasePropTypes } from '../../utils/docUtils/ariaAttributes';
 import { inputFieldAttributesBasePropTypes } from '../../utils/docUtils/fieldAttributes';
 import { statusDefaultProp, statusPropTypes } from '../../utils/docUtils/statusProp';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var displayName = 'TextAreaField';
 var TextAreaField = /*#__PURE__*/forwardRef(function (props, ref) {
   var helperText = props.helperText,
     isUnresizable = props.isUnresizable,
@@ -103,7 +101,7 @@ var TextAreaField = /*#__PURE__*/forwardRef(function (props, ref) {
   }, labelNode);
   return ___EmotionJSX(Box, _extends({
     variant: "forms.input.fieldContainer"
-  }, getPendoID(displayName), fieldContainerProps, {
+  }, fieldContainerProps, {
     sx: _objectSpread(_objectSpread({}, columnStyleProps === null || columnStyleProps === void 0 ? void 0 : columnStyleProps.sx), fieldContainerProps === null || fieldContainerProps === void 0 ? void 0 : fieldContainerProps.sx),
     ref: containerRef,
     maxWidth: "100%"
@@ -205,5 +203,5 @@ TextAreaField.defaultProps = _objectSpread({
   isUnresizable: false,
   rows: 4
 }, statusDefaultProp);
-TextAreaField.displayName = displayName;
+TextAreaField.displayName = 'TextAreaField';
 export default TextAreaField;

package/lib/components/TextField/TextField.js

@@ -16,12 +16,10 @@ import { v4 as uuid } from 'uuid';
 import { Box, FieldHelperText, Input, Label } from '../..';
 import { useField, useLabelHeight, usePropWarning } from '../../hooks';
 import useColumnStyles from '../../hooks/useColumnStyles';
-import { getPendoID } from '../../utils/devUtils/constants/pendoID';
 import { ariaAttributesBasePropTypes } from '../../utils/docUtils/ariaAttributes';
 import { inputFieldAttributesBasePropTypes } from '../../utils/docUtils/fieldAttributes';
 import { statusDefaultProp, statusPropTypes } from '../../utils/docUtils/statusProp';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var displayName = 'TextField';
 var TextField = /*#__PURE__*/forwardRef(function (props, ref) {
   var helperText = props.helperText,
     helpHintProps = props.helpHintProps,
@@ -50,7 +48,7 @@ var TextField = /*#__PURE__*/forwardRef(function (props, ref) {
   var helperTextId = uuid();
   return ___EmotionJSX(Box, _extends({
     variant: "forms.input.fieldContainer"
-  }, getPendoID(displayName), fieldContainerProps, {
+  }, fieldContainerProps, {
     sx: _objectSpread(_objectSpread({}, columnStyleProps === null || columnStyleProps === void 0 ? void 0 : columnStyleProps.sx), fieldContainerProps === null || fieldContainerProps === void 0 ? void 0 : fieldContainerProps.sx)
   }), ___EmotionJSX(Label, _extends({}, fieldLabelProps, {
     ref: labelRef,
@@ -142,5 +140,5 @@ TextField.defaultProps = _objectSpread({
   isReadOnly: false,
   isRequired: false
 }, statusDefaultProp);
-TextField.displayName = displayName;
+TextField.displayName = 'TextField';
 export default TextField;

package/lib/components/TimeZonePicker/TimeZonePicker.js

@@ -23,7 +23,6 @@ import _sortInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instanc
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import { Box, ComboBoxField, Item, Text } from '../../index';
-import { getPendoID } from '../../utils/devUtils/constants/pendoID';
 import defaultTimezones, { usCities } from './timezones.js';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var createSearchTags = function createSearchTags(_ref) {
@@ -185,7 +184,7 @@ var TimeZonePicker = /*#__PURE__*/forwardRef(function (props, ref) {
       }]
     }, otherProps);
   }, [emptySearchText, filteredTimezones, otherProps]);
-  return ___EmotionJSX(ComboBoxField, _extends({}, getPendoID('TimeZonePicker'), comboBoxFieldProps, {
+  return ___EmotionJSX(ComboBoxField, _extends({}, comboBoxFieldProps, {
     disabledKeys: [emptySearchText],
     menuTrigger: "input"
   }), items);

package/lib/types/index.js

@@ -22,7 +22,6 @@ export * from './listItem';
 export * from './loader';
 export * from './menu';
 export * from './menuItem';
-export * from './messages';
 export * from './Modal';
 export * from './navBar';
 export * from './overlayPanel';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.54.0-alpha.3",
+  "version": "2.54.0-alpha.4",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",

package/lib/cjs/components/Messages/Message.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { MessageProps } from '../../types';
-export declare const ARIA_STATUSES: {
-    SUCCESS: string;
-    ERROR: string;
-    WARNING: string;
-};
-declare const Message: React.ForwardRefExoticComponent<MessageProps & React.RefAttributes<HTMLDivElement>>;
-export default Message;

package/lib/cjs/components/Messages/Message.styles.d.ts

@@ -1,151 +0,0 @@
-export declare const messageCloseButton: {
-    p: number;
-    ml: string;
-    outline: string;
-    path: {
-        fill: string;
-    };
-    '&.is-hovered': {
-        bg: string;
-        boxShadow: string;
-    };
-    '&.is-pressed': {
-        boxShadow: string;
-        bg: string;
-        path: {
-            fill: string;
-        };
-    };
-    '&.is-success': {
-        path: {
-            fill: string;
-        };
-        '&.is-pressed': {
-            boxShadow: string;
-            bg: string;
-            path: {
-                fill: string;
-            };
-        };
-    };
-    '&.is-warning': {
-        path: {
-            fill: string;
-        };
-        '&.is-pressed': {
-            boxShadow: string;
-            bg: string;
-            path: {
-                fill: string;
-            };
-        };
-    };
-    '&.is-error': {
-        path: {
-            fill: string;
-        };
-        '&.is-pressed': {
-            boxShadow: string;
-            bg: string;
-            path: {
-                fill: string;
-            };
-        };
-    };
-};
-declare const _default: {
-    wrapper: {
-        position: string;
-        right: string;
-        bottom: string;
-        left: string;
-        alignItems: string;
-        pointerEvents: string;
-    };
-    transition: {
-        transition: string;
-        opacity: number;
-        '&.is-hidden': {
-            opacity: number;
-        };
-    };
-    item: {
-        maxWidth: number;
-        pointerEvents: string;
-        mb: string;
-        p: string;
-        wordBreak: string;
-        alignItems: string;
-        bg: string;
-        color: string;
-        borderRadius: number;
-        '&.is-success, > .is-success': {
-            bg: string;
-            color: string;
-        };
-        '&.is-warning, > .is-warning': {
-            bg: string;
-            color: string;
-        };
-        '&.is-error, > .is-error': {
-            bg: string;
-            color: string;
-        };
-    };
-    messageCloseButton: {
-        p: number;
-        ml: string;
-        outline: string;
-        path: {
-            fill: string;
-        };
-        '&.is-hovered': {
-            bg: string;
-            boxShadow: string;
-        };
-        '&.is-pressed': {
-            boxShadow: string;
-            bg: string;
-            path: {
-                fill: string;
-            };
-        };
-        '&.is-success': {
-            path: {
-                fill: string;
-            };
-            '&.is-pressed': {
-                boxShadow: string;
-                bg: string;
-                path: {
-                    fill: string;
-                };
-            };
-        };
-        '&.is-warning': {
-            path: {
-                fill: string;
-            };
-            '&.is-pressed': {
-                boxShadow: string;
-                bg: string;
-                path: {
-                    fill: string;
-                };
-            };
-        };
-        '&.is-error': {
-            path: {
-                fill: string;
-            };
-            '&.is-pressed': {
-                boxShadow: string;
-                bg: string;
-                path: {
-                    fill: string;
-                };
-            };
-        };
-    };
-};
-export default _default;

package/lib/cjs/components/Messages/Messages.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { MessageItem, MessagesProps } from '../../types';
-declare const Messages: React.ForwardRefExoticComponent<MessagesProps<MessageItem> & React.RefAttributes<HTMLDivElement>>;
-export default Messages;

package/lib/cjs/components/Messages/Messages.stories.d.ts

@@ -1,128 +0,0 @@
-import React from 'react';
-import { MessageItem } from '../../types';
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("../../index").MessagesProps<MessageItem> & React.RefAttributes<HTMLDivElement>>;
-    decorators: ((...args: any) => any)[];
-    argTypes: {
-        items: {
-            control: {
-                type: string;
-            };
-        };
-        onClose: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        docs: {
-            page: () => React.JSX.Element;
-            source: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    (args: any): React.JSX.Element;
-    parameters: {
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};
-export declare const DefaultDynamic: {
-    (args: any): React.JSX.Element;
-    parameters: {
-        a11y: {
-            config: {
-                rules: {
-                    id: string;
-                    enabled: boolean;
-                }[];
-            };
-        };
-    };
-};
-export declare const Controlled: {
-    (args: any): React.JSX.Element;
-    parameters: {
-        a11y: {
-            config: {
-                rules: {
-                    id: string;
-                    enabled: boolean;
-                }[];
-            };
-        };
-    };
-};
-export declare const ControlledWithButton: {
-    (args: any): React.JSX.Element;
-    parameters: {
-        a11y: {
-            config: {
-                rules: {
-                    id: string;
-                    enabled: boolean;
-                }[];
-            };
-        };
-    };
-};
-export declare const WithCustomColorsAndIcons: {
-    (args: any): React.JSX.Element;
-    parameters: {
-        a11y: {
-            config: {
-                rules: {
-                    id: string;
-                    enabled: boolean;
-                }[];
-            };
-        };
-    };
-};
-export declare const UseReducer: {
-    (): React.JSX.Element;
-    parameters: {
-        a11y: {
-            config: {
-                rules: {
-                    id: string;
-                    enabled: boolean;
-                }[];
-            };
-        };
-    };
-};
-export declare const UseReducerWithMultipleContainers: {
-    (): React.JSX.Element;
-    parameters: {
-        a11y: {
-            config: {
-                rules: {
-                    id: string;
-                    enabled: boolean;
-                }[];
-            };
-        };
-    };
-};
-export declare const WithTextStyling: {
-    (args: any): React.JSX.Element;
-    parameters: {
-        a11y: {
-            config: {
-                rules: {
-                    id: string;
-                    enabled: boolean;
-                }[];
-            };
-        };
-    };
-};

package/lib/cjs/components/Messages/Messages.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/cjs/components/Messages/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './Messages';
-export { messagesReducer as messagesReducerStory, multiMessagesReducer as multiMessagesReducerStory, } from './utils';
-export * from './utils';

package/lib/cjs/components/Messages/utils/index.d.ts

@@ -1,2 +0,0 @@
-export { default as messagesReducer } from './messagesReducer';
-export { default as multiMessagesReducer } from './multiMessagesReducer';

package/lib/cjs/components/Messages/utils/messagesReducer.d.ts

@@ -1,107 +0,0 @@
-import { Key } from 'react';
-import { MessageItem, Status } from '../../../types';
-/**
-* A set of message util functions.
-*/
-export declare const messagesActions: {
-    ADD_MESSAGE: string;
-    HIDE_MESSAGE: string;
-    REMOVE_MESSAGE: string;
-    CLEAR_MESSAGES: string;
-    SHOW_SUCCESS_MESSAGE: string;
-    SHOW_ERROR_MESSAGE: string;
-    SHOW_WARNING_MESSAGE: string;
-    MULTI_SHOW_SUCCESS_MESSAGE: string;
-    MULTI_SHOW_CRITICAL_MESSAGE: string;
-    MULTI_SHOW_WARNING_MESSAGE: string;
-};
-export interface Message extends MessageItem {
-    isHidden?: boolean;
-}
-type MessageAction = {
-    message?: Message;
-    key?: Key;
-};
-export interface AddMessageAction extends MessageAction {
-    type: typeof messagesActions.ADD_MESSAGE;
-}
-export interface HideMessageAction extends MessageAction {
-    type: typeof messagesActions.HIDE_MESSAGE;
-}
-export interface RemoveMessageAction extends MessageAction {
-    type: typeof messagesActions.REMOVE_MESSAGE;
-}
-export interface ClearMessagesAction extends MessageAction {
-    type?: typeof messagesActions.CLEAR_MESSAGES;
-}
-export type MessageActions = AddMessageAction | HideMessageAction | RemoveMessageAction | ClearMessagesAction;
-export type MessagesState = Message[];
-/**
- * Create an action to add a message
- * The message object to be added
- */
-export declare const addMessage: (message: Message) => AddMessageAction;
-/**
- * Create an action to hide a message by key
- */
-export declare const hideMessage: (key: Key) => HideMessageAction;
-/**
- * Create an action to remove a message by key
- */
-export declare const removeMessage: (key: Key) => RemoveMessageAction;
-/**
- * Create an action to add a message and then remove it if there's a timeout
- */
-export declare const showMessage: (messageArg: Message, timeout?: number) => (dispatch: (action: MessageActions) => void) => {
-    isHidden?: boolean | undefined;
-    text?: string | undefined;
-    node?: import("react").ReactNode;
-    key: Key;
-    props?: import("../../../types").MessageItemProps | undefined;
-    status?: Status | undefined;
-};
-/** Create an action to clear all messages */
-export declare const clearMessages: () => ClearMessagesAction;
-/** Reducer to store a list of messages */
-declare const messagesReducer: {
-    (state: MessagesState, action: MessageActions): MessagesState;
-    actions: {
-        addMessage: (message: Message) => AddMessageAction;
-        hideMessage: (key: Key) => HideMessageAction;
-        removeMessage: (key: Key) => RemoveMessageAction;
-        showMessage: (messageArg: Message, timeout?: number) => (dispatch: (action: MessageActions) => void) => {
-            isHidden?: boolean | undefined;
-            text?: string | undefined;
-            node?: import("react").ReactNode;
-            key: Key;
-            props?: import("../../../types").MessageItemProps | undefined;
-            status?: Status | undefined;
-        };
-        clearMessages: () => ClearMessagesAction;
-        showSuccessMessage: (text: string) => (dispatch: (action: MessageActions) => void) => {
-            isHidden?: boolean | undefined;
-            text?: string | undefined;
-            node?: import("react").ReactNode;
-            key: Key;
-            props?: import("../../../types").MessageItemProps | undefined;
-            status?: Status | undefined;
-        };
-        showErrorMessage: (text: string) => (dispatch: (action: MessageActions) => void) => {
-            isHidden?: boolean | undefined;
-            text?: string | undefined;
-            node?: import("react").ReactNode;
-            key: Key;
-            props?: import("../../../types").MessageItemProps | undefined;
-            status?: Status | undefined;
-        };
-        showWarningMessage: (text: string) => (dispatch: (action: MessageActions) => void) => {
-            isHidden?: boolean | undefined;
-            text?: string | undefined;
-            node?: import("react").ReactNode;
-            key: Key;
-            props?: import("../../../types").MessageItemProps | undefined;
-            status?: Status | undefined;
-        };
-    };
-};
-export default messagesReducer;

package/lib/cjs/components/Messages/utils/multiMessagesReducer.d.ts

@@ -1,83 +0,0 @@
-/// <reference types="react" />
-import { Message, MessageActions } from './messagesReducer';
-export declare const withContainer: (container: any, action: any) => any;
-export declare const createMultiple: (actionCreator: any) => (container: any, ...args: any[]) => any;
-/**
- * Create an action to add a message
- */
-export declare const addMessage: (container: any, ...args: any[]) => any;
-/**
- * Create an action to hide a message by key
- */
-export declare const hideMessage: (container: any, ...args: any[]) => any;
-/**
- * Create an action to remove a message
- */
-export declare const removeMessage: (container: any, ...args: any[]) => any;
-/**
- * Create an action to clear all messages
- */
-export declare const clearMessages: (container: any, ...args: any[]) => any;
-/**
- * Create an action to add a message and then remove it if there's a timeout
- */
-export declare const showMessage: (container: any, messageArg: Message, timeout?: number) => (dispatch: any) => {
-    isHidden?: boolean | undefined;
-    text?: string | undefined;
-    node?: import("react").ReactNode;
-    key: import("react").Key;
-    props?: import("../../..").MessageItemProps | undefined;
-    status?: import("../../..").Status | undefined;
-};
-export interface MultiMessagesReducerState {
-    container?: string;
-}
-export interface MultiMessagesReducerActions {
-    container?: string;
-    action: MessageActions;
-}
-declare const multiMessagesReducer: {
-    (state: any, { container, ...action }: {
-        [x: string]: any;
-        container: any;
-    }): any;
-    actions: {
-        removeMessage: (container: any, ...args: any[]) => any;
-        addMessage: (container: any, ...args: any[]) => any;
-        hideMessage: (container: any, ...args: any[]) => any;
-        clearMessages: (container: any, ...args: any[]) => any;
-        showMessage: (container: any, messageArg: Message, timeout?: number) => (dispatch: any) => {
-            isHidden?: boolean | undefined;
-            text?: string | undefined;
-            node?: import("react").ReactNode;
-            key: import("react").Key;
-            props?: import("../../..").MessageItemProps | undefined;
-            status?: import("../../..").Status | undefined;
-        };
-        showSuccessMessage: (container: any, text: any) => (dispatch: any) => {
-            isHidden?: boolean | undefined;
-            text?: string | undefined;
-            node?: import("react").ReactNode;
-            key: import("react").Key;
-            props?: import("../../..").MessageItemProps | undefined;
-            status?: import("../../..").Status | undefined;
-        };
-        showCriticalMessage: (container: any, text: any) => (dispatch: any) => {
-            isHidden?: boolean | undefined;
-            text?: string | undefined;
-            node?: import("react").ReactNode;
-            key: import("react").Key;
-            props?: import("../../..").MessageItemProps | undefined;
-            status?: import("../../..").Status | undefined;
-        };
-        showWarningMessage: (container: any, text: any) => (dispatch: any) => {
-            isHidden?: boolean | undefined;
-            text?: string | undefined;
-            node?: import("react").ReactNode;
-            key: import("react").Key;
-            props?: import("../../..").MessageItemProps | undefined;
-            status?: import("../../..").Status | undefined;
-        };
-    };
-};
-export default multiMessagesReducer;

package/lib/cjs/components/Messages/utils/tests/messagesReducer.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/cjs/components/Messages/utils/tests/multiMessagesReducer.test.d.ts

@@ -1 +0,0 @@
-export {};