@via-profit/ui-kit 0.1.0-rc.86 → 0.1.0-rc.88

package/PhoneField/index.d.ts

@@ -1,14 +1,23 @@
 import React from 'react';
 import { TextFieldProps } from '../TextField';
-import type { CountryCode, CountryFlag, PhoneTemplate } from './templates';
+import type { CountryFlag, PhoneTemplate } from './templates';
 export interface PhoneFieldProps extends Omit<TextFieldProps, 'value' | 'onChange'> {
     /**
      * Phone string format 79876543210 or +7 (987) 654-32-10
      */
     readonly value: string;
-    readonly defaultCountry?: CountryCode | null;
+    /**
+     * On input change event
+     */
     readonly onChange: (event: React.ChangeEvent<HTMLInputElement>, payload: PhonePayload) => void;
+    /**
+     * Supported RegExp templates
+     */
     readonly templates: readonly PhoneTemplate[];
+    /**
+     * If truethen CountryFalg component will be hidden
+     */
+    readonly withoutCountryFlag?: boolean;
 }
 export interface PhonePayload {
     /**

package/PhoneField/index.js

@@ -33,7 +33,7 @@ const TextField_1 = __importDefault(require("../TextField"));
 const usePhoneUtils_1 = require("./usePhoneUtils");
 const CountryFlagComponent_1 = __importDefault(require("./CountryFlagComponent"));
 const PhoneField = (props, ref) => {
-    const { value, defaultCountry, templates, inputRef, onChange } = props, textFieldProps = __rest(props, ["value", "defaultCountry", "templates", "inputRef", "onChange"]);
+    const { value, templates, inputRef, withoutCountryFlag, onChange } = props, textFieldProps = __rest(props, ["value", "templates", "inputRef", "withoutCountryFlag", "onChange"]);
     const { formatParsedInput, parseInput, parseAndFormat } = (0, usePhoneUtils_1.usePhoneUtils)({ templates });
     const textInputRef = react_1.default.useRef(null);
     const initialValue = react_1.default.useRef(value);
@@ -80,12 +80,12 @@ const PhoneField = (props, ref) => {
             (_a = textInputRef.current) === null || _a === void 0 ? void 0 : _a.setSelectionRange(caret, caret);
         }, 15);
     };
-    return (react_1.default.createElement(TextField_1.default, Object.assign({ ref: ref }, textFieldProps, { startIcon: react_1.default.useMemo(() => (react_1.default.createElement(CountryFlagComponent_1.default, { flag: CountryFlag, onClick: () => {
+    return (react_1.default.createElement(TextField_1.default, Object.assign({ ref: ref, startIcon: react_1.default.useMemo(() => withoutCountryFlag ? undefined : (react_1.default.createElement(CountryFlagComponent_1.default, { flag: CountryFlag, onClick: () => {
                 if (textInputRef.current) {
                     textInputRef.current.select();
                     textInputRef.current.focus();
                 }
-            } })), [CountryFlag]), value: currentValue, placeholder: placeholder, onChange: handleChange, inputRef: input => {
+            } })), [CountryFlag, withoutCountryFlag]) }, textFieldProps, { value: currentValue, placeholder: placeholder, onChange: handleChange, inputRef: input => {
             textInputRef.current = input;
             if (typeof inputRef === 'function') {
                 inputRef(input);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@via-profit/ui-kit",
-  "version": "0.1.0-rc.86",
+  "version": "0.1.0-rc.88",
   "description": "UI Kit",
   "repository": {
     "type": "git",