@alfalab/core-components-international-phone-input 1.0.0

package/cssm/components/flag-icon/index.d.ts

@@ -0,0 +1 @@
+export * from "./component";

package/cssm/components/flag-icon/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_flagIcon_component = require('./component.js');
+require('react');
+require('classnames');
+require('./flagSprite.js');
+require('./index.module.css');
+
+
+
+exports.FlagIcon = components_flagIcon_component.FlagIcon;

package/cssm/components/flag-icon/index.module.css

@@ -0,0 +1,29 @@
+:root {
+} /* deprecated */ :root {
+    --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+    --border-radius-xs: 2px;
+} :root {
+    --gap-3xs: 2px;
+} :root {
+} :root {
+} .flagIcon {
+    max-width: 24px;
+    max-height: 24px;
+} .flagPlaceholder {
+    width: 24px;
+    height: 16px;
+    max-height: 16px;
+    border-radius: var(--border-radius-xs);
+    margin-top: var(--gap-3xs);
+    background-color: var(--color-light-specialbg-tertiary-transparent);
+}

package/cssm/components/select-field/component.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { FieldProps } from "../../shared-4cd3936b";
+declare const EMPTY_COUNTRY_SELECT_FIELD: {
+    value: string;
+    key: string;
+};
+declare const SelectField: FC<FieldProps>;
+export { EMPTY_COUNTRY_SELECT_FIELD, SelectField };

package/cssm/components/select-field/component.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var hooks = require('@alfalab/hooks');
+var WorldMagnifierMIcon = require('@alfalab/icons-glyph/WorldMagnifierMIcon');
+var components_flagIcon_component = require('../flag-icon/component.js');
+var styles = require('./index.module.css');
+require('../flag-icon/flagSprite.js');
+require('../flag-icon/index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var EMPTY_COUNTRY_SELECT_FIELD = {
+    value: 'EMPTY_COUNTRY_SELECT_VALUE',
+    key: 'EMPTY_COUNTRY_SELECT_KEY',
+};
+var SelectField = function (_a) {
+    var _b;
+    var selected = _a.selected, Arrow = _a.Arrow, size = _a.size, disabled = _a.disabled, _c = _a.innerProps, innerProps = _c === void 0 ? {} : _c;
+    var wrapperRef = React.useRef(null);
+    var focusVisible = hooks.useFocus(wrapperRef, 'keyboard')[0];
+    var ref = innerProps.ref ? mergeRefs__default.default([innerProps.ref, wrapperRef]) : wrapperRef;
+    return (React__default.default.createElement("div", { ref: ref, className: cn__default.default(styles__default.default.component, size && styles__default.default[size], (_b = {},
+            _b[styles__default.default.focusVisible] = focusVisible,
+            _b[styles__default.default.disabled] = disabled,
+            _b)) },
+        React__default.default.createElement("div", tslib.__assign({}, innerProps, { className: styles__default.default.inner }),
+            React__default.default.createElement("span", { className: styles__default.default.flagIconContainer }, !selected || selected === EMPTY_COUNTRY_SELECT_FIELD ? (React__default.default.createElement(WorldMagnifierMIcon.WorldMagnifierMIcon, { className: styles__default.default.emptyCountryIcon })) : (React__default.default.createElement(components_flagIcon_component.FlagIcon, { country: selected.key }))),
+            Arrow)));
+};
+
+exports.EMPTY_COUNTRY_SELECT_FIELD = EMPTY_COUNTRY_SELECT_FIELD;
+exports.SelectField = SelectField;

package/cssm/components/select-field/index.d.ts

@@ -0,0 +1 @@
+export * from "./component";

package/cssm/components/select-field/index.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_selectField_component = require('./component.js');
+require('tslib');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/hooks');
+require('@alfalab/icons-glyph/WorldMagnifierMIcon');
+require('../flag-icon/component.js');
+require('../flag-icon/flagSprite.js');
+require('../flag-icon/index.module.css');
+require('./index.module.css');
+
+
+
+exports.EMPTY_COUNTRY_SELECT_FIELD = components_selectField_component.EMPTY_COUNTRY_SELECT_FIELD;
+exports.SelectField = components_selectField_component.SelectField;

package/cssm/components/select-field/index.module.css

@@ -0,0 +1,52 @@
+:root {
+} /* deprecated */ :root {
+    --color-light-border-link: #0072ef;
+    --color-light-graphic-secondary: #86868a; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+    --gap-2xs: 4px;
+    --gap-s: 12px;
+    --gap-m: 16px;
+} :root {
+} :root {
+    --focus-color: var(--color-light-border-link);
+    --disabled-cursor: not-allowed;
+} .component {
+    height: 100%;
+    cursor: pointer;
+    outline: none;
+    position: relative;
+} .flagIconContainer {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 24px;
+    height: 24px;
+    margin-right: var(--gap-2xs);
+} .emptyCountryIcon {
+    color: var(--color-light-graphic-secondary);
+} .disabled {
+    cursor: var(--disabled-cursor);
+} .inner {
+    position: relative;
+    display: flex;
+    align-items: center;
+    height: 100%;
+    padding-left: var(--gap-s);
+    outline: none;
+} .l .inner,
+.xl .inner {
+    padding-left: var(--gap-m);
+} .focusVisible {
+    outline: 2px solid var(--focus-color);
+    outline-offset: 2px;
+}

package/cssm/consts-f777ba1a.d.ts

@@ -0,0 +1,2 @@
+declare const DEFAULT_VISIBLE_OPTIONS = 5;
+export { DEFAULT_VISIBLE_OPTIONS };

package/cssm/consts.d.ts

@@ -0,0 +1,2 @@
+declare const DEFAULT_PHONE_FORMAT = "... ... ... ... ...";
+export { DEFAULT_PHONE_FORMAT };

package/cssm/consts.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DEFAULT_PHONE_FORMAT = '... ... ... ... ...';
+
+exports.DEFAULT_PHONE_FORMAT = DEFAULT_PHONE_FORMAT;

package/cssm/data/country-data.d.ts

@@ -0,0 +1,3 @@
+type CountriesData = [string, string[], string, string, string?, number?, string[]?];
+declare const countriesData: CountriesData[];
+export { CountriesData, countriesData };