@invoicebox/ui 0.1.0-alpha.320 → 0.1.0-alpha.322
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/common/AppCardLink/index.js +2 -1
- package/dist/components/common/BgCard/index.js +2 -1
- package/dist/components/common/BgCard/styles.js +2 -1
- package/dist/components/common/Calendar/index.js +2 -1
- package/dist/components/common/Calendar/index.stories.js +2 -1
- package/dist/components/common/Calendar/styles.js +2 -1
- package/dist/components/common/Divider/index.js +2 -1
- package/dist/components/common/Drawer/index.js +2 -1
- package/dist/components/common/Drawer/index.stories.js +2 -1
- package/dist/components/common/Drawer/styles.js +2 -1
- package/dist/components/common/Dropdown/index.js +2 -1
- package/dist/components/common/Dropdown/styles.js +9 -8
- package/dist/components/common/EntityAutocompleteOptionsDrawer/index.js +2 -1
- package/dist/components/common/EntityAutocompleteOptionsDrawer/index.stories.js +2 -1
- package/dist/components/common/Flag/index.js +2 -1
- package/dist/components/common/Flag/styles.js +2 -1
- package/dist/components/common/InvoiceboxSpinner/index.js +2 -1
- package/dist/components/common/InvoiceboxSpinner/styles.js +2 -1
- package/dist/components/common/PointsLoader/index.js +2 -1
- package/dist/components/common/QRCode/index.js +2 -2
- package/dist/components/common/ReadOnlyLabelValueField/index.js +2 -1
- package/dist/components/common/Scrollbar/index.js +2 -1
- package/dist/components/common/Scrollbar/styles.js +2 -1
- package/dist/components/common/SecondaryButton/index.js +4 -3
- package/dist/components/common/SecondaryButton/styles.js +2 -1
- package/dist/components/common/Skeleton/index.js +2 -1
- package/dist/components/common/Skeleton/styles.js +2 -1
- package/dist/components/common/Toast/index.js +2 -1
- package/dist/components/common/Tooltip/index.js +2 -1
- package/dist/components/common/Typography/index.js +4 -3
- package/dist/components/common/WarningIcon/index.js +2 -1
- package/dist/components/form/Autocomplete/components/Autocomplete/index.js +2 -1
- package/dist/components/form/Autocomplete/components/Autocomplete/index.stories.js +2 -1
- package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/index.js +2 -1
- package/dist/components/form/Checkbox/index.js +4 -3
- package/dist/components/form/Checkbox/index.stories.js +2 -1
- package/dist/components/form/CodeInput/index.js +2 -1
- package/dist/components/form/CodeInput/index.stories.js +2 -1
- package/dist/components/form/CountrySelect/components/CountryItem/index.d.ts +2 -1
- package/dist/components/form/CountrySelect/components/CountryItem/index.js +10 -4
- package/dist/components/form/CountrySelect/components/CountryItem/stlyes.d.ts +4 -0
- package/dist/components/form/CountrySelect/components/CountryItem/stlyes.js +18 -7
- package/dist/components/form/CountrySelect/index.d.ts +1 -0
- package/dist/components/form/CountrySelect/index.js +5 -3
- package/dist/components/form/CurrencyInput/CoreCurrencyInput/index.js +2 -1
- package/dist/components/form/CurrencyInput/CoreCurrencyInput/index.stories.js +2 -1
- package/dist/components/form/CurrencyInput/CurrencyInputNumber/index.js +2 -2
- package/dist/components/form/CurrencyInput/CurrencyInputNumber/index.stories.js +2 -1
- package/dist/components/form/CurrencyInput/CurrencyInputString/index.js +2 -2
- package/dist/components/form/CurrencyInput/CurrencyInputString/index.stories.js +2 -1
- package/dist/components/form/DateInput/components/CalendarIcon/index.js +2 -1
- package/dist/components/form/DateInput/components/MobileDrawerDateCalendar/index.js +2 -1
- package/dist/components/form/DateInput/components/MobileDrawerDateCalendar/index.stories.js +2 -1
- package/dist/components/form/DateInput/index.js +2 -1
- package/dist/components/form/DateInput/index.stories.js +2 -1
- package/dist/components/form/DateInput/logic.d.ts +1 -0
- package/dist/components/form/DateInput/logic.js +11 -0
- package/dist/components/form/DateTimeInput/components/MobileDatePicker/index.d.ts +12 -0
- package/dist/components/form/DateTimeInput/components/MobileDatePicker/index.js +83 -0
- package/dist/components/form/DateTimeInput/components/MobileDatePicker/index.stories.d.ts +6 -0
- package/dist/components/form/DateTimeInput/components/MobileDatePicker/index.stories.js +48 -0
- package/dist/components/form/DateTimeInput/components/MobileDatePicker/logic.d.ts +11 -0
- package/dist/components/form/DateTimeInput/components/MobileDatePicker/logic.js +92 -0
- package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.d.ts +4 -0
- package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.js +42 -22
- package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.stories.js +2 -1
- package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/styles.d.ts +1 -2
- package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/styles.js +4 -8
- package/dist/components/form/DateTimeInput/components/MobileWheelPicker/components/WheelColumn/index.d.ts +14 -0
- package/dist/components/form/DateTimeInput/components/MobileWheelPicker/components/WheelColumn/index.js +259 -0
- package/dist/components/form/DateTimeInput/components/MobileWheelPicker/components/WheelColumn/styles.d.ts +12 -0
- package/dist/components/form/DateTimeInput/components/MobileWheelPicker/components/WheelColumn/styles.js +35 -0
- package/dist/components/form/DateTimeInput/components/MobileWheelPicker/constants.d.ts +11 -0
- package/dist/components/form/DateTimeInput/components/MobileWheelPicker/constants.js +40 -0
- package/dist/components/form/DateTimeInput/components/MobileWheelPicker/index.d.ts +12 -0
- package/dist/components/form/DateTimeInput/components/MobileWheelPicker/index.js +48 -0
- package/dist/components/form/DateTimeInput/components/MobileWheelPicker/index.stories.d.ts +5 -0
- package/dist/components/form/DateTimeInput/components/MobileWheelPicker/index.stories.js +47 -0
- package/dist/components/form/DateTimeInput/components/MobileWheelPicker/palette.d.ts +9 -0
- package/dist/components/form/DateTimeInput/components/MobileWheelPicker/palette.js +17 -0
- package/dist/components/form/DateTimeInput/components/MobileWheelPicker/styles.d.ts +12 -0
- package/dist/components/form/DateTimeInput/components/MobileWheelPicker/styles.js +39 -0
- package/dist/components/form/DateTimeInput/components/TimePicker/index.d.ts +1 -0
- package/dist/components/form/DateTimeInput/components/TimePicker/index.js +34 -16
- package/dist/components/form/DateTimeInput/components/TimePicker/index.stories.d.ts +1 -0
- package/dist/components/form/DateTimeInput/components/TimePicker/index.stories.js +31 -17
- package/dist/components/form/DateTimeInput/components/TimePicker/styles.d.ts +0 -4
- package/dist/components/form/DateTimeInput/components/TimePicker/styles.js +2 -13
- package/dist/components/form/DateTimeInput/index.js +22 -4
- package/dist/components/form/DateTimeInput/index.stories.js +2 -1
- package/dist/components/form/InputLabel/index.js +2 -1
- package/dist/components/form/InputLabel/styles.js +2 -1
- package/dist/components/form/ModernPlaceholder/index.js +2 -1
- package/dist/components/form/PhoneInput/index.d.ts +1 -0
- package/dist/components/form/PhoneInput/index.js +2 -1
- package/dist/components/form/PhoneInput/index.stories.js +4 -2
- package/dist/components/form/PhoneInput/phoneInputLogic.d.ts +2 -0
- package/dist/components/form/PhoneInput/types.d.ts +1 -0
- package/dist/components/form/PositiveIntegerInput/index.js +2 -1
- package/dist/components/form/PositiveIntegerInput/index.stories.js +2 -1
- package/dist/components/form/PositiveIntegerInput/styles.js +2 -1
- package/dist/components/form/PureInput/index.js +4 -3
- package/dist/components/form/PureInput/styles.js +2 -2
- package/dist/components/form/ResetButton/index.js +2 -1
- package/dist/components/form/SearchInput/index.js +2 -1
- package/dist/components/form/SearchInput/index.stories.js +2 -1
- package/dist/components/form/Select/components/Input/index.js +2 -1
- package/dist/components/form/Select/components/Loader/index.js +2 -1
- package/dist/components/form/Select/components/MultipleValue/index.js +2 -1
- package/dist/components/form/Select/components/MultipleValue/styles.js +2 -1
- package/dist/components/form/Select/index.js +2 -1
- package/dist/components/form/Select/index.stories.js +2 -1
- package/dist/components/form/Select/styles.js +2 -1
- package/dist/components/form/TagsInput/index.js +2 -1
- package/dist/components/form/TagsInput/index.stories.js +2 -1
- package/dist/components/form/TagsInput/styles.js +2 -2
- package/dist/components/form/TextInput/index.js +2 -1
- package/dist/components/form/TextInput/index.stories.js +2 -1
- package/dist/components/form/Toggle/index.js +4 -3
- package/dist/components/form/Toggle/index.stories.js +2 -1
- package/dist/components/form/Toggle/styles.js +10 -10
- package/dist/components/form/_hooks/useInputStyles.js +2 -1
- package/dist/components/form/common/DrawerHeader/index.d.ts +2 -0
- package/dist/components/form/common/DrawerHeader/index.js +15 -5
- package/dist/components/form/common/DrawerHeader/styles.d.ts +4 -0
- package/dist/components/form/common/DrawerHeader/styles.js +17 -7
- package/dist/esm/components/common/Dropdown/styles.js +7 -7
- package/dist/esm/components/common/QRCode/index.js +2 -2
- package/dist/esm/components/common/SecondaryButton/index.js +2 -2
- package/dist/esm/components/common/Typography/index.js +2 -2
- package/dist/esm/components/form/Checkbox/index.js +2 -2
- package/dist/esm/components/form/CountrySelect/components/CountryItem/index.js +8 -3
- package/dist/esm/components/form/CountrySelect/components/CountryItem/stlyes.js +17 -6
- package/dist/esm/components/form/CountrySelect/index.js +3 -2
- package/dist/esm/components/form/CurrencyInput/CurrencyInputNumber/index.js +2 -2
- package/dist/esm/components/form/CurrencyInput/CurrencyInputString/index.js +2 -2
- package/dist/esm/components/form/DateInput/logic.js +11 -0
- package/dist/esm/components/form/DateTimeInput/components/MobileDatePicker/index.js +74 -0
- package/dist/esm/components/form/DateTimeInput/components/MobileDatePicker/index.stories.js +39 -0
- package/dist/esm/components/form/DateTimeInput/components/MobileDatePicker/logic.js +86 -0
- package/dist/esm/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.js +40 -21
- package/dist/esm/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/styles.js +3 -7
- package/dist/esm/components/form/DateTimeInput/components/MobileWheelPicker/components/WheelColumn/index.js +250 -0
- package/dist/esm/components/form/DateTimeInput/components/MobileWheelPicker/components/WheelColumn/styles.js +28 -0
- package/dist/esm/components/form/DateTimeInput/components/MobileWheelPicker/constants.js +34 -0
- package/dist/esm/components/form/DateTimeInput/components/MobileWheelPicker/index.js +32 -0
- package/dist/esm/components/form/DateTimeInput/components/MobileWheelPicker/index.stories.js +38 -0
- package/dist/esm/components/form/DateTimeInput/components/MobileWheelPicker/palette.js +10 -0
- package/dist/esm/components/form/DateTimeInput/components/MobileWheelPicker/styles.js +32 -0
- package/dist/esm/components/form/DateTimeInput/components/TimePicker/index.js +32 -15
- package/dist/esm/components/form/DateTimeInput/components/TimePicker/index.stories.js +29 -15
- package/dist/esm/components/form/DateTimeInput/components/TimePicker/styles.js +1 -12
- package/dist/esm/components/form/DateTimeInput/index.js +21 -4
- package/dist/esm/components/form/PhoneInput/index.stories.js +2 -1
- package/dist/esm/components/form/PureInput/index.js +2 -2
- package/dist/esm/components/form/PureInput/styles.js +2 -2
- package/dist/esm/components/form/TagsInput/styles.js +2 -2
- package/dist/esm/components/form/Toggle/index.js +2 -2
- package/dist/esm/components/form/Toggle/styles.js +10 -10
- package/dist/esm/components/form/common/DrawerHeader/index.js +13 -4
- package/dist/esm/components/form/common/DrawerHeader/styles.js +16 -6
- package/dist/esm/palette/context.js +2 -0
- package/dist/esm/palette/provider.js +2 -0
- package/dist/hooks/useUnupdatableHandler/index.stories.js +2 -1
- package/dist/palette/context.d.ts +2 -0
- package/dist/palette/context.js +48 -46
- package/dist/palette/provider.js +50 -47
- package/dist/palette/usePalette.d.ts +1 -0
- package/package.json +1 -1
- package/dist/components/form/DateTimeInput/components/MobileNumbersColumn/index.d.ts +0 -8
- package/dist/components/form/DateTimeInput/components/MobileNumbersColumn/index.js +0 -201
- package/dist/components/form/DateTimeInput/components/MobileNumbersColumn/styles.d.ts +0 -7
- package/dist/components/form/DateTimeInput/components/MobileNumbersColumn/styles.js +0 -27
- package/dist/esm/components/form/DateTimeInput/components/MobileNumbersColumn/index.js +0 -193
- package/dist/esm/components/form/DateTimeInput/components/MobileNumbersColumn/styles.js +0 -19
|
@@ -7,7 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports["default"] = exports.DisabledChecked = exports.Disabled = exports.Default = exports.Checked = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _ = require(".");
|
|
10
|
-
function
|
|
10
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
11
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
11
12
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
12
13
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
13
14
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -8,7 +8,8 @@ exports.CodeInput = void 0;
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var S = _interopRequireWildcard(require("./styles"));
|
|
10
10
|
var _palette = require("../../../palette");
|
|
11
|
-
function
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
12
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
13
14
|
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
14
15
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -7,7 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports["default"] = exports.Live = exports.Default = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _ = require(".");
|
|
10
|
-
function
|
|
10
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
11
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
11
12
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
12
13
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
13
14
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -9,5 +9,6 @@ export type TProps<TValue> = {
|
|
|
9
9
|
selectedLabel: string;
|
|
10
10
|
palette: TCountrySelectPalette;
|
|
11
11
|
flag?: TFlagKey;
|
|
12
|
+
hint?: string;
|
|
12
13
|
};
|
|
13
|
-
export declare const CountryItem: <TValue>({ isSelected, flag, onSelect, description, value, countryLabel, selectedLabel, palette, }: TProps<TValue>) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const CountryItem: <TValue>({ isSelected, flag, onSelect, description, value, countryLabel, selectedLabel, palette, hint, }: TProps<TValue>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -9,7 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var S = _interopRequireWildcard(require("./stlyes"));
|
|
10
10
|
var _Flag = require("../../../../common/Flag");
|
|
11
11
|
var _Typography = require("../../../../common/Typography");
|
|
12
|
-
function
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
13
14
|
var CountryItem = exports.CountryItem = function CountryItem(_ref) {
|
|
14
15
|
var isSelected = _ref.isSelected,
|
|
15
16
|
flag = _ref.flag,
|
|
@@ -18,7 +19,8 @@ var CountryItem = exports.CountryItem = function CountryItem(_ref) {
|
|
|
18
19
|
value = _ref.value,
|
|
19
20
|
countryLabel = _ref.countryLabel,
|
|
20
21
|
selectedLabel = _ref.selectedLabel,
|
|
21
|
-
palette = _ref.palette
|
|
22
|
+
palette = _ref.palette,
|
|
23
|
+
hint = _ref.hint;
|
|
22
24
|
var handleSelect = (0, _react.useCallback)(function () {
|
|
23
25
|
return onSelect(value);
|
|
24
26
|
}, [onSelect, value]);
|
|
@@ -32,9 +34,13 @@ var CountryItem = exports.CountryItem = function CountryItem(_ref) {
|
|
|
32
34
|
}, flag && /*#__PURE__*/_react["default"].createElement(_Flag.Flag, {
|
|
33
35
|
flag: flag,
|
|
34
36
|
isSmall: true
|
|
35
|
-
}), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
|
|
37
|
+
}), /*#__PURE__*/_react["default"].createElement(S.TitleTexts, null, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
|
|
36
38
|
variant: 'captionRegular'
|
|
37
|
-
}, countryLabel, " ", isSelected && selectedLabel)
|
|
39
|
+
}, countryLabel, " ", isSelected && selectedLabel), hint && /*#__PURE__*/_react["default"].createElement(S.Hint, {
|
|
40
|
+
$palette: palette
|
|
41
|
+
}, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
|
|
42
|
+
variant: 'captionSRegular'
|
|
43
|
+
}, hint)))), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
|
|
38
44
|
variant: 'captionRegular'
|
|
39
45
|
}, description));
|
|
40
46
|
};
|
|
@@ -4,6 +4,10 @@ export declare const Title: import("styled-components/dist/types").IStyledCompon
|
|
|
4
4
|
$isSelected: boolean;
|
|
5
5
|
$palette: TCountrySelectPalette;
|
|
6
6
|
}>> & string;
|
|
7
|
+
export declare const TitleTexts: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
8
|
+
export declare const Hint: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
9
|
+
$palette: TCountrySelectPalette;
|
|
10
|
+
}>> & string;
|
|
7
11
|
export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
8
12
|
$palette: TCountrySelectPalette;
|
|
9
13
|
}>> & string;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.Wrapper = exports.Title = void 0;
|
|
6
|
+
exports.Wrapper = exports.TitleTexts = exports.Title = exports.Hint = void 0;
|
|
7
7
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
8
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
9
9
|
var Title = exports.Title = _styledComponents["default"].div.withConfig({
|
|
@@ -16,16 +16,27 @@ var Title = exports.Title = _styledComponents["default"].div.withConfig({
|
|
|
16
16
|
var $isSelected = _ref2.$isSelected;
|
|
17
17
|
return $isSelected ? 0.5 : 1;
|
|
18
18
|
});
|
|
19
|
-
var
|
|
20
|
-
displayName: "
|
|
19
|
+
var TitleTexts = exports.TitleTexts = _styledComponents["default"].div.withConfig({
|
|
20
|
+
displayName: "stlyes__TitleTexts",
|
|
21
21
|
componentId: "sc-cou0vg-1"
|
|
22
|
-
})(["
|
|
22
|
+
})(["text-align:left;"]);
|
|
23
|
+
var Hint = exports.Hint = _styledComponents["default"].div.withConfig({
|
|
24
|
+
displayName: "stlyes__Hint",
|
|
25
|
+
componentId: "sc-cou0vg-2"
|
|
26
|
+
})(["color:", ";"], function (_ref3) {
|
|
23
27
|
var $palette = _ref3.$palette;
|
|
24
|
-
return $palette.countryBg;
|
|
25
|
-
}, function (_ref4) {
|
|
26
|
-
var $palette = _ref4.$palette;
|
|
27
28
|
return $palette.countryDescription;
|
|
29
|
+
});
|
|
30
|
+
var Wrapper = exports.Wrapper = _styledComponents["default"].button.withConfig({
|
|
31
|
+
displayName: "stlyes__Wrapper",
|
|
32
|
+
componentId: "sc-cou0vg-3"
|
|
33
|
+
})(["padding:15px 20px;display:flex;align-items:center;justify-content:space-between;width:100%;border:none;cursor:pointer;background-color:", ";color:", ";&:hover{background-color:", ";", "{opacity:0.5;}}"], function (_ref4) {
|
|
34
|
+
var $palette = _ref4.$palette;
|
|
35
|
+
return $palette.countryBg;
|
|
28
36
|
}, function (_ref5) {
|
|
29
37
|
var $palette = _ref5.$palette;
|
|
38
|
+
return $palette.countryDescription;
|
|
39
|
+
}, function (_ref6) {
|
|
40
|
+
var $palette = _ref6.$palette;
|
|
30
41
|
return $palette.countryHoverBg;
|
|
31
42
|
}, Title);
|
|
@@ -17,7 +17,8 @@ var _Dropdown = require("../../common/Dropdown");
|
|
|
17
17
|
var _Scrollbar = require("../../common/Scrollbar");
|
|
18
18
|
var _palette = require("../../../palette");
|
|
19
19
|
var _excluded = ["value", "onChange", "options", "placeholder", "disabled", "selectedLabel"];
|
|
20
|
-
function
|
|
20
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
21
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
21
22
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
22
23
|
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
23
24
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -29,8 +30,8 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
|
|
|
29
30
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
30
31
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
31
32
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
32
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var
|
|
33
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (
|
|
33
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
34
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
34
35
|
var CountrySelect = exports.CountrySelect = function CountrySelect(_ref) {
|
|
35
36
|
var value = _ref.value,
|
|
36
37
|
onChange = _ref.onChange,
|
|
@@ -117,6 +118,7 @@ var CountrySelect = exports.CountrySelect = function CountrySelect(_ref) {
|
|
|
117
118
|
value: option.value,
|
|
118
119
|
isSelected: option === selectedOption,
|
|
119
120
|
description: option.description,
|
|
121
|
+
hint: option.hint,
|
|
120
122
|
flag: option.flag
|
|
121
123
|
});
|
|
122
124
|
})))));
|
|
@@ -11,7 +11,8 @@ var _useInputFocus2 = require("../../../../hooks/useInputFocus");
|
|
|
11
11
|
var _styles = require("./styles");
|
|
12
12
|
var _palette = require("../../../../palette");
|
|
13
13
|
var _useInputStyles2 = require("../../_hooks/useInputStyles");
|
|
14
|
-
function
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
15
16
|
var CoreCurrencyInput = exports.CoreCurrencyInput = function CoreCurrencyInput(_ref) {
|
|
16
17
|
var label = _ref.label,
|
|
17
18
|
size = _ref.size,
|
|
@@ -7,7 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports["default"] = exports.Default = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _index = require("./index");
|
|
10
|
-
function
|
|
10
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
11
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
11
12
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
12
13
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
13
14
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -9,8 +9,8 @@ var _CoreCurrencyInput = require("../CoreCurrencyInput");
|
|
|
9
9
|
var _excluded = ["onChange"];
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
11
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
12
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var
|
|
13
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (
|
|
12
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
13
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
14
14
|
var CurrencyInputNumber = exports.CurrencyInputNumber = function CurrencyInputNumber(_ref) {
|
|
15
15
|
var onChange = _ref.onChange,
|
|
16
16
|
other = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -7,7 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports["default"] = exports.Default = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _index = require("./index");
|
|
10
|
-
function
|
|
10
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
11
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
11
12
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
12
13
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
13
14
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -9,8 +9,8 @@ var _CoreCurrencyInput = require("../CoreCurrencyInput");
|
|
|
9
9
|
var _excluded = ["onChange"];
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
11
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
12
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var
|
|
13
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (
|
|
12
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
13
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
14
14
|
var CurrencyInputString = exports.CurrencyInputString = function CurrencyInputString(_ref) {
|
|
15
15
|
var onChange = _ref.onChange,
|
|
16
16
|
other = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -7,7 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports["default"] = exports.Default = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _index = require("./index");
|
|
10
|
-
function
|
|
10
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
11
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
11
12
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
12
13
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
13
14
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.CalendarIcon = void 0;
|
|
8
8
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
function
|
|
9
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
10
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
10
11
|
var CalendarIcon = exports.CalendarIcon = function CalendarIcon() {
|
|
11
12
|
return /*#__PURE__*/React.createElement("svg", {
|
|
12
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -10,7 +10,8 @@ var _Calendar = require("../../../../common/Calendar");
|
|
|
10
10
|
var S = _interopRequireWildcard(require("./styles"));
|
|
11
11
|
var _DrawerHeader = require("../../../common/DrawerHeader");
|
|
12
12
|
var _Drawer = require("../../../../common/Drawer");
|
|
13
|
-
function
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
14
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
15
16
|
var MobileDrawerDateCalendar = exports.MobileDrawerDateCalendar = function MobileDrawerDateCalendar(_ref) {
|
|
16
17
|
var isOpen = _ref.isOpen,
|
|
@@ -9,7 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _addonActions = require("@storybook/addon-actions");
|
|
10
10
|
var _ = require(".");
|
|
11
11
|
require("react-calendar/dist/Calendar.css");
|
|
12
|
-
function
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
13
14
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
15
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
15
16
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -19,7 +19,8 @@ var _palette = require("../../../palette");
|
|
|
19
19
|
var _index = require("../../../index");
|
|
20
20
|
var _MobileDrawerDateCalendar = require("./components/MobileDrawerDateCalendar");
|
|
21
21
|
var _useInputStyles2 = require("../_hooks/useInputStyles");
|
|
22
|
-
function
|
|
22
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
23
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
23
24
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
24
25
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
25
26
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -9,7 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _addonActions = require("@storybook/addon-actions");
|
|
10
10
|
var _ = require(".");
|
|
11
11
|
require("react-calendar/dist/Calendar.css");
|
|
12
|
-
function
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
13
14
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
15
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
15
16
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -5,6 +5,7 @@ declare class Logic {
|
|
|
5
5
|
isBetweenMinAndMax(date: Date, minDate?: Date, maxDate?: Date): boolean;
|
|
6
6
|
valueToString(value: null | Date, withTime?: boolean): string;
|
|
7
7
|
stringToDate(str: string, withTime?: boolean): Date;
|
|
8
|
+
dropSeconds(date: Date): Date;
|
|
8
9
|
addHoursAndMinutesToDate(date: Date, hours: number, minutes: number): Date;
|
|
9
10
|
getHoursAndMinutesFromDate(date: Date): number[];
|
|
10
11
|
}
|
|
@@ -78,6 +78,17 @@ var Logic = /*#__PURE__*/function () {
|
|
|
78
78
|
}).join(':');
|
|
79
79
|
return new Date(withTime ? formattedDateStr + ' ' + formattedTimeStr : formattedDateStr);
|
|
80
80
|
}
|
|
81
|
+
|
|
82
|
+
// Поля с временем работают с точностью до минуты, а секунды приходят из
|
|
83
|
+
// `new Date()` у потребителя и ломают сравнения: выбранные 15:12:00 оказываются
|
|
84
|
+
// «меньше» границы 15:12:37, и сохранить значение невозможно.
|
|
85
|
+
}, {
|
|
86
|
+
key: "dropSeconds",
|
|
87
|
+
value: function dropSeconds(date) {
|
|
88
|
+
var newDate = new Date(date);
|
|
89
|
+
newDate.setSeconds(0, 0);
|
|
90
|
+
return newDate;
|
|
91
|
+
}
|
|
81
92
|
}, {
|
|
82
93
|
key: "addHoursAndMinutesToDate",
|
|
83
94
|
value: function addHoursAndMinutesToDate(date, hours, minutes) {
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
export type TProps = {
|
|
3
|
+
value: Date | null;
|
|
4
|
+
onChange: (value: Date) => void;
|
|
5
|
+
minDate?: Date;
|
|
6
|
+
maxDate?: Date;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Барабанный выбор даты «как в ОС»: день / месяц / год.
|
|
10
|
+
* Время не трогаем — его добавляет вызывающий код, как это делает Calendar.
|
|
11
|
+
*/
|
|
12
|
+
export declare const MobileDatePicker: FC<TProps>;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.MobileDatePicker = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _MobileWheelPicker = require("../MobileWheelPicker");
|
|
10
|
+
var _logic = require("./logic");
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
13
|
+
var DAY_COLUMN_WIDTH = 56;
|
|
14
|
+
var MONTH_COLUMN_WIDTH = 116;
|
|
15
|
+
var YEAR_COLUMN_WIDTH = 76;
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Барабанный выбор даты «как в ОС»: день / месяц / год.
|
|
19
|
+
* Время не трогаем — его добавляет вызывающий код, как это делает Calendar.
|
|
20
|
+
*/
|
|
21
|
+
var MobileDatePicker = exports.MobileDatePicker = function MobileDatePicker(_ref) {
|
|
22
|
+
var value = _ref.value,
|
|
23
|
+
onChange = _ref.onChange,
|
|
24
|
+
minDate = _ref.minDate,
|
|
25
|
+
maxDate = _ref.maxDate;
|
|
26
|
+
var fallbackDate = (0, _react.useMemo)(function () {
|
|
27
|
+
var today = new Date();
|
|
28
|
+
return _logic.datePickerLogic.clampDate(today.getFullYear(), today.getMonth(), today.getDate(), minDate, maxDate);
|
|
29
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
30
|
+
}, [minDate === null || minDate === void 0 ? void 0 : minDate.getTime(), maxDate === null || maxDate === void 0 ? void 0 : maxDate.getTime()]);
|
|
31
|
+
var currentDate = value || fallbackDate;
|
|
32
|
+
var year = currentDate.getFullYear();
|
|
33
|
+
var month = currentDate.getMonth();
|
|
34
|
+
var day = currentDate.getDate();
|
|
35
|
+
|
|
36
|
+
// В нативном пикере значение есть всегда: пустое поле открывается на сегодня,
|
|
37
|
+
// и «Готово» сразу доступно. Поднимаем стартовую дату наверх один раз.
|
|
38
|
+
var didInitRef = (0, _react.useRef)(false);
|
|
39
|
+
(0, _react.useEffect)(function () {
|
|
40
|
+
if (didInitRef.current || value) return;
|
|
41
|
+
didInitRef.current = true;
|
|
42
|
+
onChange(fallbackDate);
|
|
43
|
+
}, [value, fallbackDate, onChange]);
|
|
44
|
+
var yearOptions = (0, _react.useMemo)(function () {
|
|
45
|
+
return _logic.datePickerLogic.getYearOptions(minDate, maxDate);
|
|
46
|
+
}, [minDate, maxDate]);
|
|
47
|
+
var monthOptions = (0, _react.useMemo)(function () {
|
|
48
|
+
return _logic.datePickerLogic.getMonthOptions(year, minDate, maxDate);
|
|
49
|
+
}, [year, minDate, maxDate]);
|
|
50
|
+
var dayOptions = (0, _react.useMemo)(function () {
|
|
51
|
+
return _logic.datePickerLogic.getDayOptions(year, month, minDate, maxDate);
|
|
52
|
+
}, [year, month, minDate, maxDate]);
|
|
53
|
+
var handleDayChange = (0, _react.useCallback)(function (newDay) {
|
|
54
|
+
return onChange(_logic.datePickerLogic.clampDate(year, month, newDay, minDate, maxDate));
|
|
55
|
+
}, [maxDate, minDate, month, onChange, year]);
|
|
56
|
+
var handleMonthChange = (0, _react.useCallback)(function (newMonth) {
|
|
57
|
+
return onChange(_logic.datePickerLogic.clampDate(year, newMonth, day, minDate, maxDate));
|
|
58
|
+
}, [day, maxDate, minDate, onChange, year]);
|
|
59
|
+
var handleYearChange = (0, _react.useCallback)(function (newYear) {
|
|
60
|
+
return onChange(_logic.datePickerLogic.clampDate(newYear, month, day, minDate, maxDate));
|
|
61
|
+
}, [day, maxDate, minDate, month, onChange]);
|
|
62
|
+
return /*#__PURE__*/_react["default"].createElement(_MobileWheelPicker.MobileWheelPicker, {
|
|
63
|
+
label: 'Дата'
|
|
64
|
+
}, /*#__PURE__*/_react["default"].createElement(_MobileWheelPicker.WheelColumn, {
|
|
65
|
+
label: 'День',
|
|
66
|
+
options: dayOptions,
|
|
67
|
+
value: day,
|
|
68
|
+
onChange: handleDayChange,
|
|
69
|
+
width: DAY_COLUMN_WIDTH
|
|
70
|
+
}), /*#__PURE__*/_react["default"].createElement(_MobileWheelPicker.WheelColumn, {
|
|
71
|
+
label: 'Месяц',
|
|
72
|
+
options: monthOptions,
|
|
73
|
+
value: month,
|
|
74
|
+
onChange: handleMonthChange,
|
|
75
|
+
width: MONTH_COLUMN_WIDTH
|
|
76
|
+
}), /*#__PURE__*/_react["default"].createElement(_MobileWheelPicker.WheelColumn, {
|
|
77
|
+
label: 'Год',
|
|
78
|
+
options: yearOptions,
|
|
79
|
+
value: year,
|
|
80
|
+
onChange: handleYearChange,
|
|
81
|
+
width: YEAR_COLUMN_WIDTH
|
|
82
|
+
}));
|
|
83
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { MobileDatePicker, TProps } from '.';
|
|
3
|
+
declare const meta: Meta<typeof MobileDatePicker>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const Default: StoryObj<TProps>;
|
|
6
|
+
export declare const WithMinAndMaxDate: StoryObj<TProps>;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = exports.WithMinAndMaxDate = exports.Default = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _ = require(".");
|
|
10
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
11
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
12
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
13
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
14
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
15
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
16
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
17
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
18
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
19
|
+
var meta = {
|
|
20
|
+
title: 'form/DateTimeInput/_components/MobileDatePicker',
|
|
21
|
+
component: _.MobileDatePicker,
|
|
22
|
+
tags: ['autodocs']
|
|
23
|
+
};
|
|
24
|
+
var _default = exports["default"] = meta;
|
|
25
|
+
var Render = function Render(args) {
|
|
26
|
+
var _useState = (0, _react.useState)(args.value),
|
|
27
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
28
|
+
value = _useState2[0],
|
|
29
|
+
setValue = _useState2[1];
|
|
30
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_.MobileDatePicker, _extends({}, args, {
|
|
31
|
+
value: value,
|
|
32
|
+
onChange: setValue
|
|
33
|
+
})), /*#__PURE__*/_react["default"].createElement("div", null, value ? value.toDateString() : 'не выбрано'));
|
|
34
|
+
};
|
|
35
|
+
var Default = exports.Default = {
|
|
36
|
+
args: {
|
|
37
|
+
value: null
|
|
38
|
+
},
|
|
39
|
+
render: Render
|
|
40
|
+
};
|
|
41
|
+
var WithMinAndMaxDate = exports.WithMinAndMaxDate = {
|
|
42
|
+
args: {
|
|
43
|
+
value: null,
|
|
44
|
+
minDate: new Date(2024, 5, 10),
|
|
45
|
+
maxDate: new Date(2026, 8, 25)
|
|
46
|
+
},
|
|
47
|
+
render: Render
|
|
48
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { TWheelOption } from '../MobileWheelPicker';
|
|
2
|
+
export declare const MONTHS: string[];
|
|
3
|
+
declare class DatePickerLogic {
|
|
4
|
+
getDaysInMonth(year: number, month: number): number;
|
|
5
|
+
getYearOptions(minDate?: Date, maxDate?: Date): Array<TWheelOption>;
|
|
6
|
+
getMonthOptions(year: number, minDate?: Date, maxDate?: Date): Array<TWheelOption>;
|
|
7
|
+
getDayOptions(year: number, month: number, minDate?: Date, maxDate?: Date): Array<TWheelOption>;
|
|
8
|
+
clampDate(year: number, month: number, day: number, minDate?: Date, maxDate?: Date): Date;
|
|
9
|
+
}
|
|
10
|
+
export declare const datePickerLogic: DatePickerLogic;
|
|
11
|
+
export {};
|