glints-aries 4.0.351 → 4.0.353

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.
Files changed (11) hide show
  1. package/es/@next/CurrencyInput/CurrencyInput.d.ts +4 -2
  2. package/es/@next/CurrencyInput/CurrencyInput.js +9 -4
  3. package/es/@next/SideSheet/SideSheet.js +2 -2
  4. package/es/@next/SideSheet/SideSheetStyle.d.ts +1 -0
  5. package/es/@next/SideSheet/SideSheetStyle.js +5 -1
  6. package/lib/@next/CurrencyInput/CurrencyInput.d.ts +4 -2
  7. package/lib/@next/CurrencyInput/CurrencyInput.js +9 -4
  8. package/lib/@next/SideSheet/SideSheet.js +1 -1
  9. package/lib/@next/SideSheet/SideSheetStyle.d.ts +1 -0
  10. package/lib/@next/SideSheet/SideSheetStyle.js +7 -2
  11. package/package.json +1 -1
package/es/@next/CurrencyInput/CurrencyInput.d.ts CHANGED
@@ -3,14 +3,16 @@ import { InputProps } from '../Input/Input';
3
3
  export declare type CurrencyInputProps = Omit<InputProps, 'type' | 'prefix' | 'onChange' | 'value'> & {
4
4
  locale?: string;
5
5
  value?: number;
6
- onChange?: (value: number) => void;
6
+ allowEmptyValue?: boolean;
7
+ onChange?: (value: number | undefined) => void;
7
8
  currencyCode: string;
8
9
  currencySymbol?: string;
9
10
  };
10
11
  export declare const CurrencyInput: React.ForwardRefExoticComponent<Omit<InputProps, "type" | "value" | "prefix" | "onChange"> & {
11
12
  locale?: string;
12
13
  value?: number;
13
- onChange?: (value: number) => void;
14
+ allowEmptyValue?: boolean;
15
+ onChange?: (value: number | undefined) => void;
14
16
  currencyCode: string;
15
17
  currencySymbol?: string;
16
18
  } & React.RefAttributes<HTMLInputElement>>;
package/es/@next/CurrencyInput/CurrencyInput.js CHANGED
@@ -1,14 +1,15 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
3
- var _excluded = ["locale", "value", "onChange", "currencyCode", "currencySymbol"];
3
+ var _excluded = ["locale", "value", "allowEmptyValue", "onChange", "currencyCode", "currencySymbol"];
4
4
  import React from 'react';
5
5
  import { Input } from '../Input/Input';
6
6
  export var CurrencyInput = /*#__PURE__*/React.forwardRef(function CurrencyInput(_ref, ref) {
7
7
  var _formatter$format;
8
8
  var _ref$locale = _ref.locale,
9
9
  locale = _ref$locale === void 0 ? 'en' : _ref$locale,
10
- _ref$value = _ref.value,
11
- value = _ref$value === void 0 ? 0 : _ref$value,
10
+ value = _ref.value,
11
+ _ref$allowEmptyValue = _ref.allowEmptyValue,
12
+ allowEmptyValue = _ref$allowEmptyValue === void 0 ? false : _ref$allowEmptyValue,
12
13
  onChange = _ref.onChange,
13
14
  currencyCode = _ref.currencyCode,
14
15
  currencySymbol = _ref.currencySymbol,
@@ -51,8 +52,12 @@ export var CurrencyInput = /*#__PURE__*/React.forwardRef(function CurrencyInput(
51
52
  }
52
53
  return '$';
53
54
  };
54
- var formattedValue = (_formatter$format = formatter.format(getRawNumber(value.toString()))) != null ? _formatter$format : '';
55
+ var formattedValue = allowEmptyValue && value === undefined ? '' : (_formatter$format = formatter.format(getRawNumber((value != null ? value : 0).toString()))) != null ? _formatter$format : '';
55
56
  var handleChange = function handleChange(e) {
57
+ if (allowEmptyValue && e.currentTarget.value === '') {
58
+ onChange(undefined);
59
+ return;
60
+ }
56
61
  var rawValue = getRawNumber(e.currentTarget.value);
57
62
  onChange(rawValue);
58
63
  };
package/es/@next/SideSheet/SideSheet.js CHANGED
@@ -7,7 +7,7 @@ import { ButtonGroup } from '../ButtonGroup';
7
7
  import { Icon } from '../Icon';
8
8
  import { Neutral } from '../utilities/colors';
9
9
  import { Portal } from '../Portal/Portal';
10
- import { StyledSideSheetContainer, StyledSideSheetWrapper, StyledSideSheetHeader, StyledButtonContainer, StyledRightContainer, StyledHorizontalLine, StyledSideSheetFooter, StyledButtonGroupContainer } from './SideSheetStyle';
10
+ import { StyledSideSheetContainer, StyledSideSheetWrapper, StyledSideSheetHeader, StyledButtonContainer, StyledRightContainer, StyledHorizontalLine, StyledSideSheetFooter, StyledButtonGroupContainer, SideSheetContent } from './SideSheetStyle';
11
11
  import { Typography } from '../Typography';
12
12
  var SideSheet = /*#__PURE__*/React.forwardRef(function SideSheet(_ref, ref) {
13
13
  var isOpen = _ref.isOpen,
@@ -88,7 +88,7 @@ var SideSheet = /*#__PURE__*/React.forwardRef(function SideSheet(_ref, ref) {
88
88
  onClick: handleClose
89
89
  }, /*#__PURE__*/React.createElement(Icon, {
90
90
  name: "ri-close"
91
- })))), showHorizontalLine && /*#__PURE__*/React.createElement(StyledHorizontalLine, null), /*#__PURE__*/React.createElement("div", {
91
+ })))), showHorizontalLine && /*#__PURE__*/React.createElement(StyledHorizontalLine, null), /*#__PURE__*/React.createElement(SideSheetContent, {
92
92
  className: "sidesheet-content"
93
93
  }, children), (basicButtonAction || primaryButtonAction) && /*#__PURE__*/React.createElement(StyledSideSheetFooter, null, /*#__PURE__*/React.createElement(StyledHorizontalLine, null), /*#__PURE__*/React.createElement(StyledButtonGroupContainer, null, /*#__PURE__*/React.createElement(ButtonGroup, {
94
94
  fullWidth: true
package/es/@next/SideSheet/SideSheetStyle.d.ts CHANGED
@@ -6,3 +6,4 @@ export declare const StyledRightContainer: import("styled-components").StyledCom
6
6
  export declare const StyledHorizontalLine: import("styled-components").StyledComponent<"hr", any, {}, never>;
7
7
  export declare const StyledSideSheetFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
8
8
  export declare const StyledButtonGroupContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
9
+ export declare const SideSheetContent: import("styled-components").StyledComponent<"div", any, {}, never>;
package/es/@next/SideSheet/SideSheetStyle.js CHANGED
@@ -32,4 +32,8 @@ export var StyledSideSheetFooter = styled.div.withConfig({
32
32
  export var StyledButtonGroupContainer = styled.div.withConfig({
33
33
  displayName: "SideSheetStyle__StyledButtonGroupContainer",
34
34
  componentId: "sc-z0rzf0-7"
35
- })(["margin:16px 20px;"]);
35
+ })(["margin:16px 20px;"]);
36
+ export var SideSheetContent = styled.div.withConfig({
37
+ displayName: "SideSheetStyle__SideSheetContent",
38
+ componentId: "sc-z0rzf0-8"
39
+ })(["overflow-y:scroll;"]);
package/lib/@next/CurrencyInput/CurrencyInput.d.ts CHANGED
@@ -3,14 +3,16 @@ import { InputProps } from '../Input/Input';
3
3
  export declare type CurrencyInputProps = Omit<InputProps, 'type' | 'prefix' | 'onChange' | 'value'> & {
4
4
  locale?: string;
5
5
  value?: number;
6
- onChange?: (value: number) => void;
6
+ allowEmptyValue?: boolean;
7
+ onChange?: (value: number | undefined) => void;
7
8
  currencyCode: string;
8
9
  currencySymbol?: string;
9
10
  };
10
11
  export declare const CurrencyInput: React.ForwardRefExoticComponent<Omit<InputProps, "type" | "value" | "prefix" | "onChange"> & {
11
12
  locale?: string;
12
13
  value?: number;
13
- onChange?: (value: number) => void;
14
+ allowEmptyValue?: boolean;
15
+ onChange?: (value: number | undefined) => void;
14
16
  currencyCode: string;
15
17
  currencySymbol?: string;
16
18
  } & React.RefAttributes<HTMLInputElement>>;
package/lib/@next/CurrencyInput/CurrencyInput.js CHANGED
@@ -7,13 +7,14 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
7
7
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _Input = require("../Input/Input");
10
- var _excluded = ["locale", "value", "onChange", "currencyCode", "currencySymbol"];
10
+ var _excluded = ["locale", "value", "allowEmptyValue", "onChange", "currencyCode", "currencySymbol"];
11
11
  var CurrencyInput = /*#__PURE__*/_react["default"].forwardRef(function CurrencyInput(_ref, ref) {
12
12
  var _formatter$format;
13
13
  var _ref$locale = _ref.locale,
14
14
  locale = _ref$locale === void 0 ? 'en' : _ref$locale,
15
- _ref$value = _ref.value,
16
- value = _ref$value === void 0 ? 0 : _ref$value,
15
+ value = _ref.value,
16
+ _ref$allowEmptyValue = _ref.allowEmptyValue,
17
+ allowEmptyValue = _ref$allowEmptyValue === void 0 ? false : _ref$allowEmptyValue,
17
18
  onChange = _ref.onChange,
18
19
  currencyCode = _ref.currencyCode,
19
20
  currencySymbol = _ref.currencySymbol,
@@ -56,8 +57,12 @@ var CurrencyInput = /*#__PURE__*/_react["default"].forwardRef(function CurrencyI
56
57
  }
57
58
  return '$';
58
59
  };
59
- var formattedValue = (_formatter$format = formatter.format(getRawNumber(value.toString()))) != null ? _formatter$format : '';
60
+ var formattedValue = allowEmptyValue && value === undefined ? '' : (_formatter$format = formatter.format(getRawNumber((value != null ? value : 0).toString()))) != null ? _formatter$format : '';
60
61
  var handleChange = function handleChange(e) {
62
+ if (allowEmptyValue && e.currentTarget.value === '') {
63
+ onChange(undefined);
64
+ return;
65
+ }
61
66
  var rawValue = getRawNumber(e.currentTarget.value);
62
67
  onChange(rawValue);
63
68
  };
package/lib/@next/SideSheet/SideSheet.js CHANGED
@@ -95,7 +95,7 @@ var SideSheet = /*#__PURE__*/_react["default"].forwardRef(function SideSheet(_re
95
95
  onClick: handleClose
96
96
  }, /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
97
97
  name: "ri-close"
98
- })))), showHorizontalLine && /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.StyledHorizontalLine, null), /*#__PURE__*/_react["default"].createElement("div", {
98
+ })))), showHorizontalLine && /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.StyledHorizontalLine, null), /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.SideSheetContent, {
99
99
  className: "sidesheet-content"
100
100
  }, children), (basicButtonAction || primaryButtonAction) && /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.StyledSideSheetFooter, null, /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.StyledHorizontalLine, null), /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.StyledButtonGroupContainer, null, /*#__PURE__*/_react["default"].createElement(_ButtonGroup.ButtonGroup, {
101
101
  fullWidth: true
package/lib/@next/SideSheet/SideSheetStyle.d.ts CHANGED
@@ -6,3 +6,4 @@ export declare const StyledRightContainer: import("styled-components").StyledCom
6
6
  export declare const StyledHorizontalLine: import("styled-components").StyledComponent<"hr", any, {}, never>;
7
7
  export declare const StyledSideSheetFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
8
8
  export declare const StyledButtonGroupContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
9
+ export declare const SideSheetContent: import("styled-components").StyledComponent<"div", any, {}, never>;
package/lib/@next/SideSheet/SideSheetStyle.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
  exports.__esModule = true;
5
- exports.StyledSideSheetWrapper = exports.StyledSideSheetHeader = exports.StyledSideSheetFooter = exports.StyledSideSheetContainer = exports.StyledRightContainer = exports.StyledHorizontalLine = exports.StyledButtonGroupContainer = exports.StyledButtonContainer = void 0;
5
+ exports.StyledSideSheetWrapper = exports.StyledSideSheetHeader = exports.StyledSideSheetFooter = exports.StyledSideSheetContainer = exports.StyledRightContainer = exports.StyledHorizontalLine = exports.StyledButtonGroupContainer = exports.StyledButtonContainer = exports.SideSheetContent = void 0;
6
6
  var _styledComponents = _interopRequireDefault(require("styled-components"));
7
7
  var _colors = require("../utilities/colors");
8
8
  var Breakpoints = _interopRequireWildcard(require("../utilities/breakpoints"));
@@ -47,4 +47,9 @@ var StyledButtonGroupContainer = _styledComponents["default"].div.withConfig({
47
47
  displayName: "SideSheetStyle__StyledButtonGroupContainer",
48
48
  componentId: "sc-z0rzf0-7"
49
49
  })(["margin:16px 20px;"]);
50
- exports.StyledButtonGroupContainer = StyledButtonGroupContainer;
50
+ exports.StyledButtonGroupContainer = StyledButtonGroupContainer;
51
+ var SideSheetContent = _styledComponents["default"].div.withConfig({
52
+ displayName: "SideSheetStyle__SideSheetContent",
53
+ componentId: "sc-z0rzf0-8"
54
+ })(["overflow-y:scroll;"]);
55
+ exports.SideSheetContent = SideSheetContent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "glints-aries",
3
- "version": "4.0.351",
3
+ "version": "4.0.353",
4
4
  "description": "Glints ui-kit for frontend",
5
5
  "main": "./lib/index.js",
6
6
  "module": "./es/index.js",