@pega/cosmos-react-core 5.0.0-dev.4.7 → 5.0.0-dev.4.8

package/lib/components/Pagination/Pagination.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,WAAW,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,aAAa,MAAM,+BAA+B,CAAC;AAC/D,OAAO,KAAK,cAAc,MAAM,gCAAgC,CAAC;AACjE,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,YAAY,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;AAmB5C,MAAM,YAAY,GAA6B;IAC7C,UAAU,EAAE,CAAC;IACb,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,UAAU,GAAsD,CAAC,KAAsB,EAAE,EAAE;IAC/F,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACpD,IAAI,EAAE,QAAQ,GAAG,EAAE,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC;IAE9C,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;IACjC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,CAAC;IAC9C,IAAI,UAAU,GAAG,CAAC;QAAE,UAAU,GAAG,CAAC,CAAC;IACnC,IAAI,UAAU,GAAG,SAAS;QAAE,UAAU,GAAG,SAAS,CAAC;IAEnD,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,YAAoB,EAAE,EAAE;QACvB,IAAI,YAAY;YAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,CAAC;IAEtC,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE;YACT,GAAG,EAAE,CAAC;SACP,gBACW,CAAC,CAAC,oBAAoB,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,EAC5D,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,KAAK,KACR,SAAS,aAEb,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAAc,MAAM,YAC1D,CAAC,CAAC,oBAAoB,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,GAC5C,EACP,MAAC,IAAI,IACH,SAAS,EAAE;oBACT,GAAG,EAAE,CAAC;iBACP,EACD,IAAI,EAAC,OAAO,aAEZ,KAAC,MAAM,IACL,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAC3B,QAAQ,EAAE,UAAU,KAAK,CAAC,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,UAAU,GAAG,CAAC,CAAC,EAC/C,IAAI,kBAEJ,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,KAAK,EAAE,GAAI,GACzB,EACT,KAAC,MAAM,IACL,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAC3B,QAAQ,EAAE,UAAU,KAAK,SAAS,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,UAAU,GAAG,CAAC,CAAC,EAC/C,IAAI,kBAEJ,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,GAAG,EAAE,GAAI,GACvB,IACJ,IACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,YAAY,CAAC;AAEvC,eAAe,UAAU,CAAC","sourcesContent":["import { FunctionComponent, useCallback } from 'react';\n\nimport type { BaseProps, ForwardProps, NoChildrenProp } from '../../types';\nimport { useDirection, useI18n } from '../../hooks';\nimport Icon, { registerIcon } from '../Icon';\nimport * as caretLeftIcon from '../Icon/icons/caret-left.icon';\nimport * as caretRightIcon from '../Icon/icons/caret-right.icon';\nimport Button from '../Button';\nimport Flex from '../Flex';\n\nregisterIcon(caretLeftIcon, caretRightIcon);\n\nexport interface PaginationProps extends BaseProps, NoChildrenProp {\n  /** Total number of items. */\n  total: number;\n  /**\n   * Size of each page.\n   * @default 10\n   */\n  pageSize?: number;\n  /**\n   * Current page number.\n   * @default 1\n   */\n  pageNumber?: number;\n  /** Function to handle page change. */\n  onPageChange?: (pageNumber: number) => void;\n}\n\nconst defaultProps: Partial<PaginationProps> = {\n  pageNumber: 1,\n  pageSize: 10\n};\n\nconst Pagination: FunctionComponent<PaginationProps & ForwardProps> = (props: PaginationProps) => {\n  const { total, onPageChange, ...restProps } = props;\n  let { pageSize = 10, pageNumber = 1 } = props;\n\n  const t = useI18n();\n\n  pageSize = Math.max(1, pageSize);\n  const pageCount = Math.ceil(total / pageSize);\n  if (pageNumber < 1) pageNumber = 1;\n  if (pageNumber > pageCount) pageNumber = pageCount;\n\n  const handlePageChange = useCallback(\n    (currentValue: number) => {\n      if (onPageChange) onPageChange(currentValue);\n    },\n    [onPageChange]\n  );\n\n  const { start, end } = useDirection();\n\n  return (\n    <Flex\n      container={{\n        gap: 1\n      }}\n      aria-label={t('pagination_page_of', [pageNumber, pageCount])}\n      role='tablist'\n      total={total}\n      {...restProps}\n    >\n      <Flex container={{ alignItems: 'center' }} aria-hidden='true'>\n        {t('pagination_page_of', [pageNumber, pageCount])}\n      </Flex>\n      <Flex\n        container={{\n          gap: 1\n        }}\n        role='group'\n      >\n        <Button\n          variant='simple'\n          label={t('pagination_prev')}\n          disabled={pageNumber === 1}\n          onClick={() => handlePageChange(pageNumber - 1)}\n          icon\n        >\n          <Icon name={`caret-${start}`} />\n        </Button>\n        <Button\n          variant='simple'\n          label={t('pagination_next')}\n          disabled={pageNumber === pageCount}\n          onClick={() => handlePageChange(pageNumber + 1)}\n          icon\n        >\n          <Icon name={`caret-${end}`} />\n        </Button>\n      </Flex>\n    </Flex>\n  );\n};\n\nPagination.defaultProps = defaultProps;\n\nexport default Pagination;\n"]}

package/lib/components/Pagination/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './Pagination';
-export type { PaginationProps } from './Pagination';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/Pagination/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/lib/components/Pagination/index.js

@@ -1,2 +0,0 @@
-export { default } from './Pagination';
-//# sourceMappingURL=index.js.map

package/lib/components/Pagination/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { default } from './Pagination';\nexport type { PaginationProps } from './Pagination';\n"]}

package/lib/components/Paragraph/ParagraphDisplay.d.ts

@@ -1,11 +0,0 @@
-import { FunctionComponent, Ref } from 'react';
-import { BaseProps, ForwardProps } from '../../types';
-export interface ParagraphDisplayProps extends BaseProps {
-    /** Paragraph text */
-    value?: string;
-    /** Ref for the wrapping element. */
-    ref?: Ref<HTMLParagraphElement>;
-}
-declare const ParagraphDisplay: FunctionComponent<ParagraphDisplayProps & ForwardProps>;
-export default ParagraphDisplay;
-//# sourceMappingURL=ParagraphDisplay.d.ts.map

package/lib/components/Paragraph/ParagraphDisplay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ParagraphDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/ParagraphDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5E,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGtD,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,oBAAoB,CAAC,CAAC;CACjC;AAMD,QAAA,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,GAAG,YAAY,CAW7E,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/Paragraph/ParagraphDisplay.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled from 'styled-components';
-import NoValue from '../NoValue/NoValue';
-const StyledParagraphDisplay = styled.p `
-  white-space: break-spaces;
-`;
-const ParagraphDisplay = forwardRef(function ParagraphDisplay({ value, ...restProps }, ref) {
-    return (_jsx(StyledParagraphDisplay, { ref: ref, ...restProps, children: value !== undefined ? value : _jsx(NoValue, {}) }));
-});
-export default ParagraphDisplay;
-//# sourceMappingURL=ParagraphDisplay.js.map

package/lib/components/Paragraph/ParagraphDisplay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ParagraphDisplay.js","sourceRoot":"","sources":["../../../src/components/Paragraph/ParagraphDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA2C,MAAM,OAAO,CAAC;AAC5E,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,OAAO,OAAO,MAAM,oBAAoB,CAAC;AASzC,MAAM,sBAAsB,GAAG,MAAM,CAAC,CAAC,CAAA;;CAEtC,CAAC;AAEF,MAAM,gBAAgB,GAA4D,UAAU,CAC1F,SAAS,gBAAgB,CACvB,EAAE,KAAK,EAAE,GAAG,SAAS,EAA0C,EAC/D,GAAiC;IAEjC,OAAO,CACL,KAAC,sBAAsB,IAAC,GAAG,EAAE,GAAG,KAAM,SAAS,YAC5C,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,KAAG,GACnB,CAC1B,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithoutRef, Ref } from 'react';\nimport styled from 'styled-components';\n\nimport { BaseProps, ForwardProps } from '../../types';\nimport NoValue from '../NoValue/NoValue';\n\nexport interface ParagraphDisplayProps extends BaseProps {\n  /** Paragraph text */\n  value?: string;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLParagraphElement>;\n}\n\nconst StyledParagraphDisplay = styled.p`\n  white-space: break-spaces;\n`;\n\nconst ParagraphDisplay: FunctionComponent<ParagraphDisplayProps & ForwardProps> = forwardRef(\n  function ParagraphDisplay(\n    { value, ...restProps }: PropsWithoutRef<ParagraphDisplayProps>,\n    ref: ParagraphDisplayProps['ref']\n  ) {\n    return (\n      <StyledParagraphDisplay ref={ref} {...restProps}>\n        {value !== undefined ? value : <NoValue />}\n      </StyledParagraphDisplay>\n    );\n  }\n);\n\nexport default ParagraphDisplay;\n"]}

package/lib/components/Paragraph/index.d.ts

@@ -1,3 +0,0 @@
-export { default as ParagraphDisplay } from './ParagraphDisplay';
-export type { ParagraphDisplayProps } from './ParagraphDisplay';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/Paragraph/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

package/lib/components/Paragraph/index.js

@@ -1,2 +0,0 @@
-export { default as ParagraphDisplay } from './ParagraphDisplay';
-//# sourceMappingURL=index.js.map

package/lib/components/Paragraph/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Paragraph/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { default as ParagraphDisplay } from './ParagraphDisplay';\nexport type { ParagraphDisplayProps } from './ParagraphDisplay';\n"]}

package/lib/components/Phone/Phone.test-ids.d.ts

@@ -1,2 +0,0 @@
-export declare const getPhoneInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control", "country-code", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
-//# sourceMappingURL=Phone.test-ids.d.ts.map

package/lib/components/Phone/Phone.test-ids.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Phone.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/Phone/Phone.test-ids.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,wLAItB,CAAC"}

package/lib/components/Phone/Phone.test-ids.js

@@ -1,8 +0,0 @@
-import { createTestIds } from '../../utils';
-import { elements } from '../FormField/FormField.test-ids';
-export const getPhoneInputTestIds = createTestIds('phone-input', [
-    'control',
-    'country-code',
-    ...elements
-]);
-//# sourceMappingURL=Phone.test-ids.js.map

package/lib/components/Phone/Phone.test-ids.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Phone.test-ids.js","sourceRoot":"","sources":["../../../src/components/Phone/Phone.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAC,aAAa,EAAE;IAC/D,SAAS;IACT,cAAc;IACd,GAAG,QAAQ;CACH,CAAC,CAAC","sourcesContent":["import { createTestIds } from '../../utils';\nimport { elements } from '../FormField/FormField.test-ids';\n\nexport const getPhoneInputTestIds = createTestIds('phone-input', [\n  'control',\n  'country-code',\n  ...elements\n] as const);\n"]}

package/lib/components/Phone/PhoneDisplay.d.ts

@@ -1,26 +0,0 @@
-import { FunctionComponent, Ref } from 'react';
-import type { BaseProps, ForwardProps, NoChildrenProp } from '../../types';
-export interface PhoneDisplayProps extends BaseProps, NoChildrenProp {
-    /** Phone number, no 'tel:' scheme, '+18887342669' */
-    value?: string;
-    /** The text to be displayed. */
-    displayText?: string;
-    /**
-     * Controls styling of the field.
-     * @default 'link'
-     */
-    variant?: 'link' | 'text';
-    /** Options to define formatting. */
-    formattingOptions?: {
-        /**
-         * Display phone number with country calling code
-         * @default true
-         */
-        showCountryCode?: boolean;
-    };
-    /** Ref for the wrapping element. */
-    ref?: Ref<HTMLAnchorElement | HTMLSpanElement>;
-}
-declare const PhoneDisplay: FunctionComponent<PhoneDisplayProps & ForwardProps>;
-export default PhoneDisplay;
-//# sourceMappingURL=PhoneDisplay.d.ts.map

package/lib/components/Phone/PhoneDisplay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PhoneDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/Phone/PhoneDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5E,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAM3E,MAAM,WAAW,iBAAkB,SAAQ,SAAS,EAAE,cAAc;IAClE,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,oCAAoC;IACpC,iBAAiB,CAAC,EAAE;QAClB;;;WAGG;QACH,eAAe,CAAC,EAAE,OAAO,CAAC;KAC3B,CAAC;IACF,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,GAAG,eAAe,CAAC,CAAC;CAChD;AAED,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,GAAG,YAAY,CA2BrE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/Phone/PhoneDisplay.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import Link from '../Link';
-import NoValue from '../NoValue/NoValue';
-import { formatPhone } from './utils';
-const PhoneDisplay = forwardRef(function PhoneDisplay({ value, displayText, variant = 'link', formattingOptions: { showCountryCode = true } = {}, ...restProps }, ref) {
-    const displayValue = value ? (displayText || formatPhone(value || '', { nationalFormat: !showCountryCode }) || value) : (_jsx(NoValue, {}));
-    return variant === 'text' || !value ? (_jsx("span", { ref: ref, ...restProps, children: displayValue })) : (_jsx(Link, { ref: ref, ...restProps, href: `tel:${value}`, children: displayValue }));
-});
-export default PhoneDisplay;
-//# sourceMappingURL=PhoneDisplay.js.map

package/lib/components/Phone/PhoneDisplay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PhoneDisplay.js","sourceRoot":"","sources":["../../../src/components/Phone/PhoneDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA2C,MAAM,OAAO,CAAC;AAG5E,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAwBtC,MAAM,YAAY,GAAwD,UAAU,CAClF,SAAS,YAAY,CACnB,EACE,KAAK,EACL,WAAW,EACX,OAAO,GAAG,MAAM,EAChB,iBAAiB,EAAE,EAAE,eAAe,GAAG,IAAI,EAAE,GAAG,EAAE,EAClD,GAAG,SAAS,EACuB,EACrC,GAA6B;IAE7B,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,CAC3B,WAAW,IAAI,WAAW,CAAC,KAAK,IAAI,EAAE,EAAE,EAAE,cAAc,EAAE,CAAC,eAAe,EAAE,CAAC,IAAI,KAAK,CACvF,CAAC,CAAC,CAAC,CACF,KAAC,OAAO,KAAG,CACZ,CAAC;IAEF,OAAO,OAAO,KAAK,MAAM,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACpC,eAAM,GAAG,EAAE,GAA2B,KAAM,SAAS,YAClD,YAAY,GACR,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,GAAG,EAAE,GAA6B,KAAM,SAAS,EAAE,IAAI,EAAE,OAAO,KAAK,EAAE,YAC1E,YAAY,GACR,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithoutRef, Ref } from 'react';\n\nimport type { BaseProps, ForwardProps, NoChildrenProp } from '../../types';\nimport Link from '../Link';\nimport NoValue from '../NoValue/NoValue';\n\nimport { formatPhone } from './utils';\n\nexport interface PhoneDisplayProps extends BaseProps, NoChildrenProp {\n  /** Phone number, no 'tel:' scheme, '+18887342669' */\n  value?: string;\n  /** The text to be displayed. */\n  displayText?: string;\n  /**\n   * Controls styling of the field.\n   * @default 'link'\n   */\n  variant?: 'link' | 'text';\n  /** Options to define formatting. */\n  formattingOptions?: {\n    /**\n     * Display phone number with country calling code\n     * @default true\n     */\n    showCountryCode?: boolean;\n  };\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLAnchorElement | HTMLSpanElement>;\n}\n\nconst PhoneDisplay: FunctionComponent<PhoneDisplayProps & ForwardProps> = forwardRef(\n  function PhoneDisplay(\n    {\n      value,\n      displayText,\n      variant = 'link',\n      formattingOptions: { showCountryCode = true } = {},\n      ...restProps\n    }: PropsWithoutRef<PhoneDisplayProps>,\n    ref: PhoneDisplayProps['ref']\n  ) {\n    const displayValue = value ? (\n      displayText || formatPhone(value || '', { nationalFormat: !showCountryCode }) || value\n    ) : (\n      <NoValue />\n    );\n\n    return variant === 'text' || !value ? (\n      <span ref={ref as Ref<HTMLSpanElement>} {...restProps}>\n        {displayValue}\n      </span>\n    ) : (\n      <Link ref={ref as Ref<HTMLAnchorElement>} {...restProps} href={`tel:${value}`}>\n        {displayValue}\n      </Link>\n    );\n  }\n);\n\nexport default PhoneDisplay;\n"]}

package/lib/components/Phone/PhoneInput.d.ts

@@ -1,25 +0,0 @@
-import { FunctionComponent, Ref } from 'react';
-import { BaseProps, ForwardProps, NoChildrenProp, TestIdProp } from '../../types';
-import { FormControlProps } from '../FormControl';
-export interface PhoneInputProps extends FormControlProps, BaseProps, NoChildrenProp, TestIdProp {
-    /**
-     * Display select with countries calling codes
-     * @default false
-     */
-    showCountryCode?: boolean;
-    /** Changes lists of countries calling codes */
-    callingCodesList?: string[];
-    /** Callback fired on input value change */
-    onChange?: (value: string) => void;
-    /** Callback fired when the component loses focus */
-    onBlur?: (value: string) => void;
-    /** CCallback fired when the component gets focus */
-    onFocus?: (value: string) => void;
-    /** Ref for the wrapping element. */
-    ref?: Ref<HTMLInputElement>;
-}
-declare const _default: FunctionComponent<PhoneInputProps & ForwardProps> & {
-    getTestIds: (testIdProp?: string | undefined) => import("../../types").TestIdsRecord<readonly ["control", "country-code", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
-};
-export default _default;
-//# sourceMappingURL=PhoneInput.d.ts.map

package/lib/components/Phone/PhoneInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../src/components/Phone/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,iBAAiB,EAEjB,GAAG,EAGJ,MAAM,OAAO,CAAC;AAWf,OAAO,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EAEd,UAAU,EACX,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AAYrE,MAAM,WAAW,eAAgB,SAAQ,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU;IAC9F;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,oDAAoD;IACpD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;;;;AA+JD,wBAA6D"}

package/lib/components/Phone/PhoneInput.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useCallback, useRef } from 'react';
-import styled, { css } from 'styled-components';
-import { useConsolidatedRef, useFocusWithin, useI18n, useInputFormatter, useTestIds } from '../../hooks';
-import { defaultThemeProp } from '../../theme';
-import FormField from '../FormField';
-import { StyledFormControl } from '../FormControl';
-import StyledInput from '../Input/Input.styles';
-import Select, { Option } from '../Select';
-import Input from '../Input';
-import { StyledSelect } from '../Select/Select';
-import Flex from '../Flex';
-import { withTestIds } from '../../utils';
-import callingCodes from './callingCodes';
-import { convertToCallbackParameter, formatPhoneNumber, getPhoneNumberParts } from './utils';
-import { getPhoneInputTestIds } from './Phone.test-ids';
-const StyledPhoneInput = styled.div(() => {
-    return css `
-    border: 0;
-    > ${StyledSelect} {
-      max-width: max-content;
-      border-inline-end: none;
-      border-start-end-radius: 0;
-      border-end-end-radius: 0;
-    }
-
-    > ${StyledSelect} + ${StyledInput} {
-      border-start-start-radius: 0;
-      border-end-start-radius: 0;
-    }
-  `;
-});
-StyledPhoneInput.defaultProps = defaultThemeProp;
-const PhoneInput = forwardRef(function PhoneInput(props, ref) {
-    const { testId, value, id, label, labelHidden, info, status, required, readOnly, disabled, showCountryCode = false, callingCodesList = callingCodes, onChange, onBlur, onFocus, onResolveSuggestion, additionalInfo, ...restProps } = props;
-    const testIds = useTestIds(testId, getPhoneInputTestIds);
-    const t = useI18n();
-    const [countryCode = callingCodesList[0], subscriberNumber = ''] = value
-        ? getPhoneNumberParts(value, callingCodesList)
-        : [];
-    const onFocusChange = (focused) => {
-        const callbackParam = convertToCallbackParameter(countryCode, subscriberNumber);
-        if (focused)
-            onFocus?.(callbackParam);
-        else
-            onBlur?.(callbackParam);
-    };
-    const onInputChange = (e) => {
-        onChange?.(convertToCallbackParameter(countryCode, e.target.value));
-    };
-    const onSelectChange = (e) => {
-        onChange?.(convertToCallbackParameter(e.target.value, subscriberNumber));
-    };
-    const inputRef = useConsolidatedRef(ref);
-    const containerRef = useRef(null);
-    useFocusWithin([containerRef], onFocusChange);
-    const formatter = useCallback(number => {
-        return formatPhoneNumber(number.replace(/\D+/g, ''), countryCode);
-    }, [countryCode]);
-    const formatted = useInputFormatter(inputRef, subscriberNumber, formatter);
-    const codesOptions = (_jsx(_Fragment, { children: callingCodesList.map(code => (_jsx(Option, { value: code, children: code }, code))) }));
-    const Comp = (_jsxs(StyledPhoneInput, { "data-testid": testIds.root, as: StyledFormControl, forwardedAs: Flex, container: { alignItems: 'center', wrap: 'nowrap' }, ref: containerRef, status: status, readOnly: readOnly, disabled: disabled, children: [showCountryCode && (_jsx(Select, { "data-testid": testIds.countryCode, value: countryCode, "aria-label": t('select_country_code'), onChange: onSelectChange, required: required, status: status, readOnly: readOnly, disabled: disabled, autoComplete: 'tel-country-code', hasSuggestion: status === 'pending' && !!onResolveSuggestion, children: codesOptions })), _jsx(Input, { "data-testid": testIds.control, ...restProps, inputMode: 'tel', ref: inputRef, value: formatted, "aria-label": t('enter_a_number'), onChange: onInputChange, required: required, status: status, readOnly: readOnly, disabled: disabled, autoComplete: 'tel-national', hasSuggestion: status === 'pending' && !!onResolveSuggestion })] }));
-    return label ? (_jsx(FormField, { testId: testIds, as: 'fieldset', labelAs: 'legend', additionalInfo: additionalInfo, label: label, labelHidden: labelHidden, id: id, info: info, status: status, required: required, disabled: disabled, onResolveSuggestion: onResolveSuggestion, children: Comp })) : (Comp);
-});
-export default withTestIds(PhoneInput, getPhoneInputTestIds);
-//# sourceMappingURL=PhoneInput.js.map

package/lib/components/Phone/PhoneInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../src/components/Phone/PhoneInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeEvent,\n  forwardRef,\n  FunctionComponent,\n  PropsWithoutRef,\n  Ref,\n  useCallback,\n  useRef\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  useConsolidatedRef,\n  useFocusWithin,\n  useI18n,\n  useInputFormatter,\n  useTestIds\n} from '../../hooks';\nimport { defaultThemeProp } from '../../theme';\nimport {\n  BaseProps,\n  ForwardProps,\n  NoChildrenProp,\n  PropsWithDefaults,\n  TestIdProp\n} from '../../types';\nimport FormField from '../FormField';\nimport { FormControlProps, StyledFormControl } from '../FormControl';\nimport StyledInput from '../Input/Input.styles';\nimport Select, { Option } from '../Select';\nimport Input from '../Input';\nimport { StyledSelect } from '../Select/Select';\nimport Flex from '../Flex';\nimport { withTestIds } from '../../utils';\n\nimport callingCodes from './callingCodes';\nimport { convertToCallbackParameter, formatPhoneNumber, getPhoneNumberParts } from './utils';\nimport { getPhoneInputTestIds } from './Phone.test-ids';\n\nexport interface PhoneInputProps extends FormControlProps, BaseProps, NoChildrenProp, TestIdProp {\n  /**\n   * Display select with countries calling codes\n   * @default false\n   */\n  showCountryCode?: boolean;\n  /** Changes lists of countries calling codes */\n  callingCodesList?: string[];\n  /** Callback fired on input value change */\n  onChange?: (value: string) => void;\n  /** Callback fired when the component loses focus */\n  onBlur?: (value: string) => void;\n  /** CCallback fired when the component gets focus */\n  onFocus?: (value: string) => void;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLInputElement>;\n}\n\ntype PhoneInputPropsWithDefaults = PropsWithDefaults<PhoneInputProps>;\n\nconst StyledPhoneInput = styled.div<PhoneInputPropsWithDefaults>(() => {\n  return css`\n    border: 0;\n    > ${StyledSelect} {\n      max-width: max-content;\n      border-inline-end: none;\n      border-start-end-radius: 0;\n      border-end-end-radius: 0;\n    }\n\n    > ${StyledSelect} + ${StyledInput} {\n      border-start-start-radius: 0;\n      border-end-start-radius: 0;\n    }\n  `;\n});\n\nStyledPhoneInput.defaultProps = defaultThemeProp;\n\nconst PhoneInput: FunctionComponent<PhoneInputProps & ForwardProps> = forwardRef(\n  function PhoneInput(props: PropsWithoutRef<PhoneInputProps>, ref: PhoneInputProps['ref']) {\n    const {\n      testId,\n      value,\n      id,\n      label,\n      labelHidden,\n      info,\n      status,\n      required,\n      readOnly,\n      disabled,\n      showCountryCode = false,\n      callingCodesList = callingCodes,\n      onChange,\n      onBlur,\n      onFocus,\n      onResolveSuggestion,\n      additionalInfo,\n      ...restProps\n    } = props;\n\n    const testIds = useTestIds(testId, getPhoneInputTestIds);\n\n    const t = useI18n();\n\n    const [countryCode = callingCodesList[0], subscriberNumber = ''] = value\n      ? getPhoneNumberParts(value, callingCodesList)\n      : [];\n\n    const onFocusChange = (focused: boolean) => {\n      const callbackParam = convertToCallbackParameter(countryCode, subscriberNumber);\n      if (focused) onFocus?.(callbackParam);\n      else onBlur?.(callbackParam);\n    };\n\n    const onInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n      onChange?.(convertToCallbackParameter(countryCode, e.target.value));\n    };\n\n    const onSelectChange = (e: ChangeEvent<HTMLSelectElement>) => {\n      onChange?.(convertToCallbackParameter(e.target.value, subscriberNumber));\n    };\n\n    const inputRef = useConsolidatedRef<HTMLInputElement>(ref);\n    const containerRef = useRef<HTMLElement>(null);\n    useFocusWithin([containerRef], onFocusChange);\n\n    const formatter = useCallback(\n      number => {\n        return formatPhoneNumber(number.replace(/\\D+/g, ''), countryCode);\n      },\n      [countryCode]\n    );\n\n    const formatted = useInputFormatter(inputRef, subscriberNumber, formatter);\n\n    const codesOptions = (\n      <>\n        {callingCodesList.map(code => (\n          <Option key={code} value={code}>\n            {code}\n          </Option>\n        ))}\n      </>\n    );\n\n    const Comp = (\n      <StyledPhoneInput\n        data-testid={testIds.root}\n        as={StyledFormControl}\n        forwardedAs={Flex as any}\n        container={{ alignItems: 'center', wrap: 'nowrap' }}\n        ref={containerRef}\n        status={status}\n        readOnly={readOnly}\n        disabled={disabled}\n      >\n        {showCountryCode && (\n          <Select\n            data-testid={testIds.countryCode}\n            value={countryCode}\n            aria-label={t('select_country_code')}\n            onChange={onSelectChange}\n            required={required}\n            status={status}\n            readOnly={readOnly}\n            disabled={disabled}\n            autoComplete='tel-country-code'\n            hasSuggestion={status === 'pending' && !!onResolveSuggestion}\n          >\n            {codesOptions}\n          </Select>\n        )}\n        <Input\n          data-testid={testIds.control}\n          {...restProps}\n          inputMode='tel'\n          ref={inputRef}\n          value={formatted}\n          aria-label={t('enter_a_number')}\n          onChange={onInputChange}\n          required={required}\n          status={status}\n          readOnly={readOnly}\n          disabled={disabled}\n          autoComplete='tel-national'\n          hasSuggestion={status === 'pending' && !!onResolveSuggestion}\n        />\n      </StyledPhoneInput>\n    );\n\n    return label ? (\n      <FormField\n        testId={testIds}\n        as='fieldset'\n        labelAs='legend'\n        additionalInfo={additionalInfo}\n        label={label}\n        labelHidden={labelHidden}\n        id={id}\n        info={info}\n        status={status}\n        required={required}\n        disabled={disabled}\n        onResolveSuggestion={onResolveSuggestion}\n      >\n        {Comp}\n      </FormField>\n    ) : (\n      Comp\n    );\n  }\n);\n\nexport default withTestIds(PhoneInput, getPhoneInputTestIds);\n"]}

package/lib/components/Phone/callingCodes.d.ts

@@ -1,3 +0,0 @@
-declare const callingCodes: string[];
-export default callingCodes;
-//# sourceMappingURL=callingCodes.d.ts.map

package/lib/components/Phone/callingCodes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"callingCodes.d.ts","sourceRoot":"","sources":["../../../src/components/Phone/callingCodes.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,UA6MjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/Phone/callingCodes.js

@@ -1,208 +0,0 @@
-const callingCodes = [
-    '+1',
-    '+7',
-    '+20',
-    '+27',
-    '+30',
-    '+31',
-    '+32',
-    '+33',
-    '+34',
-    '+36',
-    '+39',
-    '+40',
-    '+41',
-    '+43',
-    '+44',
-    '+45',
-    '+46',
-    '+47',
-    '+48',
-    '+49',
-    '+51',
-    '+52',
-    '+53',
-    '+54',
-    '+55',
-    '+56',
-    '+57',
-    '+58',
-    '+60',
-    '+61',
-    '+62',
-    '+63',
-    '+64',
-    '+65',
-    '+66',
-    '+81',
-    '+82',
-    '+84',
-    '+86',
-    '+90',
-    '+91',
-    '+92',
-    '+93',
-    '+94',
-    '+95',
-    '+98',
-    '+211',
-    '+212',
-    '+213',
-    '+216',
-    '+218',
-    '+220',
-    '+221',
-    '+222',
-    '+223',
-    '+224',
-    '+225',
-    '+226',
-    '+227',
-    '+228',
-    '+229',
-    '+230',
-    '+231',
-    '+232',
-    '+233',
-    '+234',
-    '+235',
-    '+236',
-    '+237',
-    '+238',
-    '+239',
-    '+240',
-    '+241',
-    '+242',
-    '+243',
-    '+244',
-    '+245',
-    '+246',
-    '+248',
-    '+249',
-    '+250',
-    '+251',
-    '+252',
-    '+253',
-    '+254',
-    '+255',
-    '+256',
-    '+257',
-    '+258',
-    '+260',
-    '+261',
-    '+262',
-    '+263',
-    '+264',
-    '+265',
-    '+266',
-    '+267',
-    '+268',
-    '+269',
-    '+290',
-    '+291',
-    '+297',
-    '+298',
-    '+299',
-    '+350',
-    '+351',
-    '+352',
-    '+353',
-    '+354',
-    '+355',
-    '+356',
-    '+357',
-    '+358',
-    '+359',
-    '+370',
-    '+371',
-    '+372',
-    '+373',
-    '+374',
-    '+375',
-    '+376',
-    '+377',
-    '+378',
-    '+379',
-    '+380',
-    '+381',
-    '+382',
-    '+383',
-    '+385',
-    '+386',
-    '+387',
-    '+389',
-    '+420',
-    '+421',
-    '+423',
-    '+500',
-    '+501',
-    '+502',
-    '+503',
-    '+504',
-    '+505',
-    '+506',
-    '+507',
-    '+508',
-    '+509',
-    '+590',
-    '+591',
-    '+592',
-    '+593',
-    '+595',
-    '+597',
-    '+598',
-    '+599',
-    '+670',
-    '+672',
-    '+673',
-    '+674',
-    '+675',
-    '+676',
-    '+677',
-    '+678',
-    '+679',
-    '+680',
-    '+681',
-    '+682',
-    '+683',
-    '+685',
-    '+686',
-    '+687',
-    '+688',
-    '+689',
-    '+690',
-    '+691',
-    '+692',
-    '+850',
-    '+852',
-    '+853',
-    '+855',
-    '+856',
-    '+880',
-    '+886',
-    '+960',
-    '+961',
-    '+962',
-    '+963',
-    '+964',
-    '+965',
-    '+966',
-    '+967',
-    '+968',
-    '+970',
-    '+971',
-    '+972',
-    '+973',
-    '+974',
-    '+975',
-    '+976',
-    '+977',
-    '+992',
-    '+993',
-    '+994',
-    '+995',
-    '+996',
-    '+998'
-];
-export default callingCodes;
-//# sourceMappingURL=callingCodes.js.map

package/lib/components/Phone/callingCodes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"callingCodes.js","sourceRoot":"","sources":["../../../src/components/Phone/callingCodes.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG;IACnB,IAAI;IACJ,IAAI;IACJ,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;CACP,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["const callingCodes = [\n  '+1',\n  '+7',\n  '+20',\n  '+27',\n  '+30',\n  '+31',\n  '+32',\n  '+33',\n  '+34',\n  '+36',\n  '+39',\n  '+40',\n  '+41',\n  '+43',\n  '+44',\n  '+45',\n  '+46',\n  '+47',\n  '+48',\n  '+49',\n  '+51',\n  '+52',\n  '+53',\n  '+54',\n  '+55',\n  '+56',\n  '+57',\n  '+58',\n  '+60',\n  '+61',\n  '+62',\n  '+63',\n  '+64',\n  '+65',\n  '+66',\n  '+81',\n  '+82',\n  '+84',\n  '+86',\n  '+90',\n  '+91',\n  '+92',\n  '+93',\n  '+94',\n  '+95',\n  '+98',\n  '+211',\n  '+212',\n  '+213',\n  '+216',\n  '+218',\n  '+220',\n  '+221',\n  '+222',\n  '+223',\n  '+224',\n  '+225',\n  '+226',\n  '+227',\n  '+228',\n  '+229',\n  '+230',\n  '+231',\n  '+232',\n  '+233',\n  '+234',\n  '+235',\n  '+236',\n  '+237',\n  '+238',\n  '+239',\n  '+240',\n  '+241',\n  '+242',\n  '+243',\n  '+244',\n  '+245',\n  '+246',\n  '+248',\n  '+249',\n  '+250',\n  '+251',\n  '+252',\n  '+253',\n  '+254',\n  '+255',\n  '+256',\n  '+257',\n  '+258',\n  '+260',\n  '+261',\n  '+262',\n  '+263',\n  '+264',\n  '+265',\n  '+266',\n  '+267',\n  '+268',\n  '+269',\n  '+290',\n  '+291',\n  '+297',\n  '+298',\n  '+299',\n  '+350',\n  '+351',\n  '+352',\n  '+353',\n  '+354',\n  '+355',\n  '+356',\n  '+357',\n  '+358',\n  '+359',\n  '+370',\n  '+371',\n  '+372',\n  '+373',\n  '+374',\n  '+375',\n  '+376',\n  '+377',\n  '+378',\n  '+379',\n  '+380',\n  '+381',\n  '+382',\n  '+383',\n  '+385',\n  '+386',\n  '+387',\n  '+389',\n  '+420',\n  '+421',\n  '+423',\n  '+500',\n  '+501',\n  '+502',\n  '+503',\n  '+504',\n  '+505',\n  '+506',\n  '+507',\n  '+508',\n  '+509',\n  '+590',\n  '+591',\n  '+592',\n  '+593',\n  '+595',\n  '+597',\n  '+598',\n  '+599',\n  '+670',\n  '+672',\n  '+673',\n  '+674',\n  '+675',\n  '+676',\n  '+677',\n  '+678',\n  '+679',\n  '+680',\n  '+681',\n  '+682',\n  '+683',\n  '+685',\n  '+686',\n  '+687',\n  '+688',\n  '+689',\n  '+690',\n  '+691',\n  '+692',\n  '+850',\n  '+852',\n  '+853',\n  '+855',\n  '+856',\n  '+880',\n  '+886',\n  '+960',\n  '+961',\n  '+962',\n  '+963',\n  '+964',\n  '+965',\n  '+966',\n  '+967',\n  '+968',\n  '+970',\n  '+971',\n  '+972',\n  '+973',\n  '+974',\n  '+975',\n  '+976',\n  '+977',\n  '+992',\n  '+993',\n  '+994',\n  '+995',\n  '+996',\n  '+998'\n];\n\nexport default callingCodes;\n"]}

package/lib/components/Phone/index.d.ts

@@ -1,7 +0,0 @@
-export { default as PhoneInput } from './PhoneInput';
-export type { PhoneInputProps } from './PhoneInput';
-export { default as getPhoneNumberParts } from './utils';
-export { default as PhoneDisplay } from './PhoneDisplay';
-export type { PhoneDisplayProps } from './PhoneDisplay';
-export { formatPhone } from './utils';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/Phone/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Phone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/lib/components/Phone/index.js

@@ -1,5 +0,0 @@
-export { default as PhoneInput } from './PhoneInput';
-export { default as getPhoneNumberParts } from './utils';
-export { default as PhoneDisplay } from './PhoneDisplay';
-export { formatPhone } from './utils';
-//# sourceMappingURL=index.js.map

package/lib/components/Phone/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Phone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { default as PhoneInput } from './PhoneInput';\nexport type { PhoneInputProps } from './PhoneInput';\nexport { default as getPhoneNumberParts } from './utils';\nexport { default as PhoneDisplay } from './PhoneDisplay';\nexport type { PhoneDisplayProps } from './PhoneDisplay';\nexport { formatPhone } from './utils';\n"]}

package/lib/components/Phone/utils.d.ts

@@ -1,11 +0,0 @@
-export declare const getPhoneNumberParts: (phoneNumber: string, codesList: string[]) => [string | undefined, string];
-export declare const cleanSubscriberNumber: (phoneNumber: string) => string;
-export declare const getCountry: (countryCode: string, number: string) => import("libphonenumber-js").CountryCode | undefined;
-export declare const formatPhoneNumber: (numberToFormat: string, countryCode?: string) => string;
-export declare const convertToCallbackParameter: (codePart: string | undefined, numberPart: string) => string;
-interface PhoneFormatOptions {
-    nationalFormat?: boolean;
-}
-export declare const formatPhone: (value: string, { nationalFormat }?: PhoneFormatOptions) => string | undefined;
-export default getPhoneNumberParts;
-//# sourceMappingURL=utils.d.ts.map

package/lib/components/Phone/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Phone/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,gBACjB,MAAM,aACR,MAAM,EAAE,KAClB,CAAC,MAAM,GAAG,SAAS,EAAE,MAAM,CAK7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,gBAAiB,MAAM,WAExD,CAAC;AAEF,eAAO,MAAM,UAAU,gBAAiB,MAAM,UAAU,MAAM,wDAI7D,CAAC;AAEF,eAAO,MAAM,iBAAiB,mBAAoB,MAAM,gBAAe,MAAM,WAO5E,CAAC;AAEF,eAAO,MAAM,0BAA0B,aAAc,MAAM,GAAG,SAAS,cAAc,MAAM,WAE1F,CAAC;AAEF,UAAU,kBAAkB;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,WAAW,UAAW,MAAM,uBAAsB,kBAAkB,uBAIhF,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/components/Phone/utils.js

@@ -1,34 +0,0 @@
-import parsePhoneNumber, { AsYouType, formatIncompletePhoneNumber } from 'libphonenumber-js';
-export const getPhoneNumberParts = (phoneNumber, codesList) => {
-    if (!phoneNumber.startsWith('+') || phoneNumber.startsWith('+0'))
-        return [undefined, phoneNumber];
-    const countryCode = codesList.find(code => phoneNumber.startsWith(code));
-    const subscriberNumber = phoneNumber.substring(countryCode?.length || 0);
-    return [countryCode, subscriberNumber];
-};
-export const cleanSubscriberNumber = (phoneNumber) => {
-    return phoneNumber.replace(/\D/g, '');
-};
-export const getCountry = (countryCode, number) => {
-    const asYouTypeCode = new AsYouType();
-    asYouTypeCode.input(countryCode + number);
-    return countryCode === '+1' ? 'US' : asYouTypeCode.getNumber()?.country;
-};
-export const formatPhoneNumber = (numberToFormat, countryCode = '') => {
-    let formatted = cleanSubscriberNumber(numberToFormat);
-    if (countryCode) {
-        const country = getCountry(countryCode, formatted);
-        formatted = formatIncompletePhoneNumber(formatted, country);
-    }
-    return formatted;
-};
-export const convertToCallbackParameter = (codePart, numberPart) => {
-    return [codePart, cleanSubscriberNumber(numberPart)].join('');
-};
-export const formatPhone = (value, { nationalFormat } = {}) => {
-    return nationalFormat
-        ? parsePhoneNumber(value)?.formatNational()
-        : parsePhoneNumber(value)?.formatInternational();
-};
-export default getPhoneNumberParts;
-//# sourceMappingURL=utils.js.map

package/lib/components/Phone/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Phone/utils.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,EAAE,EAAE,SAAS,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AAE7F,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,WAAmB,EACnB,SAAmB,EACW,EAAE;IAChC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC;QAAE,OAAO,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAClG,MAAM,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;IACzE,MAAM,gBAAgB,GAAG,WAAW,CAAC,SAAS,CAAC,WAAW,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC;IACzE,OAAO,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAC;AACzC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,WAAmB,EAAE,EAAE;IAC3D,OAAO,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,WAAmB,EAAE,MAAc,EAAE,EAAE;IAChE,MAAM,aAAa,GAAG,IAAI,SAAS,EAAE,CAAC;IACtC,aAAa,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC,CAAC;IAC1C,OAAO,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,OAAO,CAAC;AAC1E,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,cAAsB,EAAE,cAAsB,EAAE,EAAE,EAAE;IACpF,IAAI,SAAS,GAAG,qBAAqB,CAAC,cAAc,CAAC,CAAC;IACtD,IAAI,WAAW,EAAE;QACf,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;QACnD,SAAS,GAAG,2BAA2B,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;KAC7D;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,QAA4B,EAAE,UAAkB,EAAE,EAAE;IAC7F,OAAO,CAAC,QAAQ,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChE,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE,cAAc,KAAyB,EAAE,EAAE,EAAE;IACxF,OAAO,cAAc;QACnB,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,cAAc,EAAE;QAC3C,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;AACrD,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import parsePhoneNumber, { AsYouType, formatIncompletePhoneNumber } from 'libphonenumber-js';\n\nexport const getPhoneNumberParts = (\n  phoneNumber: string,\n  codesList: string[]\n): [string | undefined, string] => {\n  if (!phoneNumber.startsWith('+') || phoneNumber.startsWith('+0')) return [undefined, phoneNumber];\n  const countryCode = codesList.find(code => phoneNumber.startsWith(code));\n  const subscriberNumber = phoneNumber.substring(countryCode?.length || 0);\n  return [countryCode, subscriberNumber];\n};\n\nexport const cleanSubscriberNumber = (phoneNumber: string) => {\n  return phoneNumber.replace(/\\D/g, '');\n};\n\nexport const getCountry = (countryCode: string, number: string) => {\n  const asYouTypeCode = new AsYouType();\n  asYouTypeCode.input(countryCode + number);\n  return countryCode === '+1' ? 'US' : asYouTypeCode.getNumber()?.country;\n};\n\nexport const formatPhoneNumber = (numberToFormat: string, countryCode: string = '') => {\n  let formatted = cleanSubscriberNumber(numberToFormat);\n  if (countryCode) {\n    const country = getCountry(countryCode, formatted);\n    formatted = formatIncompletePhoneNumber(formatted, country);\n  }\n  return formatted;\n};\n\nexport const convertToCallbackParameter = (codePart: string | undefined, numberPart: string) => {\n  return [codePart, cleanSubscriberNumber(numberPart)].join('');\n};\n\ninterface PhoneFormatOptions {\n  nationalFormat?: boolean;\n}\n\nexport const formatPhone = (value: string, { nationalFormat }: PhoneFormatOptions = {}) => {\n  return nationalFormat\n    ? parsePhoneNumber(value)?.formatNational()\n    : parsePhoneNumber(value)?.formatInternational();\n};\n\nexport default getPhoneNumberParts;\n"]}