glints-aries 4.0.209 → 4.0.211

package/es/@next/Button/ButtonStyle.js

@@ -15,7 +15,7 @@ var buttonSizeStyleMap = {
 export var StyledButton = styled.button.withConfig({
   displayName: "ButtonStyle__StyledButton",
   componentId: "sc-8t0676-0"
-})(["display:flex;gap:8px;border-width:1px;border-style:solid;border-radius:", ";flex-direction:row;align-items:center;justify-content:center;flex:none;order:0;flex-grow:0;color:", ";background:", ";border-color:", ";box-shadow:", ";&:hover{cursor:pointer;background:", ";}&:focus{outline:none;border-color:", ";box-shadow:", ";}&:active{background:", ";border:1px solid ", ";box-shadow:", ";}&:active > svg{fill:", ";}&:disabled{color:", ";background:", ";}&:disabled svg{fill:", ";}", " svg{width:16px;height:16px;fill:", ";}.spinner-container{position:absolute;}&[data-active='true']{color:", ";background:", ";}&[data-full-width='true']{width:100%;}&[data-icon='true']{gap:4px;}&[data-active='true'] svg{fill:", ";}&[data-loading='true']{background:", ";color:transparent;}&[data-loading='true'] svg{fill:transparent;}&[data-loading='true'] .spinner-container svg{fill:", ";}"], borderRadius4, Neutral.B18, Neutral.B100, Neutral.B68, button, Neutral.B99, Neutral.B68, buttonFocused, Neutral.B95, Neutral.B68, insetButtonPressed, Neutral.B40, Neutral.B68, Neutral.B95, Neutral.B85, function (_ref) {
+})(["display:flex;gap:8px;border-width:1px;border-style:solid;border-radius:", ";flex-direction:row;align-items:center;justify-content:center;flex:none;order:0;flex-grow:0;color:", ";background:", ";border-color:", ";box-shadow:", ";&:hover{cursor:pointer;background:", ";}&:focus{outline:none;border-color:", ";box-shadow:", ";}&:active{background:", ";border:1px solid ", ";box-shadow:", ";}&:active > svg{fill:", ";}&:disabled{color:", ";background:", ";pointer-events:none;}&:disabled svg{fill:", ";}", " svg{width:16px;height:16px;fill:", ";}.spinner-container{position:absolute;}&[data-active='true']{color:", ";background:", ";}&[data-full-width='true']{width:100%;}&[data-icon='true']{gap:4px;}&[data-active='true'] svg{fill:", ";}&[data-loading='true']{background:", ";color:transparent;}&[data-loading='true'] svg{fill:transparent;}&[data-loading='true'] .spinner-container svg{fill:", ";}"], borderRadius4, Neutral.B18, Neutral.B100, Neutral.B68, button, Neutral.B99, Neutral.B68, buttonFocused, Neutral.B95, Neutral.B68, insetButtonPressed, Neutral.B40, Neutral.B68, Neutral.B95, Neutral.B85, function (_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'default' : _ref$size;
   var sizeStyle = buttonSizeStyleMap[size];

package/es/@next/Button/PrimaryButtonStyle.js

@@ -4,4 +4,4 @@ import { Button } from './Button';
 export var PrimaryButton = styled(Button).withConfig({
   displayName: "PrimaryButtonStyle__PrimaryButton",
   componentId: "sc-1iczr6c-0"
-})(["color:", ";background:", ";border:none;&:hover{background:", ";opacity:0.9;box-shadow:0px 1px 0px rgba(0,0,0,0.08),inset 0px -1px 0px rgba(0,0,0,0.2);}&:active{background:", ";opacity:1;}&[data-loading='true']{background:", ";}svg{fill:", ";}"], Neutral.B100, Blue.S99, Blue.S100, Blue.S100, Neutral.B95, Neutral.B100);
+})(["color:", ";background:", ";border:none;&:hover{background:", ";opacity:0.9;box-shadow:0px 1px 0px rgba(0,0,0,0.08),inset 0px -1px 0px rgba(0,0,0,0.2);}&:active{background:", ";opacity:1;border:0;}&[data-loading='true']{background:", ";}svg{fill:", ";}"], Neutral.B100, Blue.S99, Blue.S100, Blue.S100, Neutral.B95, Neutral.B100);

package/es/@next/CurrencyInput/CurrencyInput.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["locale", "value", "onChange", "currencyCode", "currencySymbol"];
-import React, { useState } from 'react';
+import React from 'react';
 import { Input } from '../Input/Input';
 export var CurrencyInput = /*#__PURE__*/React.forwardRef(function CurrencyInput(_ref, ref) {
   var _ref$locale = _ref.locale,
@@ -50,13 +50,10 @@ export var CurrencyInput = /*#__PURE__*/React.forwardRef(function CurrencyInput(
     }
     return '$';
   };
-  var _useState = useState(formatter.format(getRawNumber(value.toString()))),
-    formattedValue = _useState[0],
-    setFormattedValue = _useState[1];
+  var formattedValue = formatter.format(getRawNumber(value.toString()));
   var handleChange = function handleChange(e) {
     var rawValue = getRawNumber(e.currentTarget.value);
     onChange(rawValue);
-    setFormattedValue(formatter.format(rawValue));
   };
   return /*#__PURE__*/React.createElement(Input, _extends({
     ref: ref,

package/es/@next/TextInput/TextInput.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
 import { InputProps } from '../Input/Input';
-export declare type TextInputProps = Omit<InputProps, 'type'> & {
+export declare type TextInputProps = Omit<InputProps, 'type' | 'onChange'> & {
     canClear?: boolean;
+    onChange?: (value: string) => void;
 };
-export declare const TextInput: React.ForwardRefExoticComponent<Omit<InputProps, "type"> & {
+export declare const TextInput: React.ForwardRefExoticComponent<Omit<InputProps, "type" | "onChange"> & {
     canClear?: boolean;
+    onChange?: (value: string) => void;
 } & React.RefAttributes<HTMLInputElement>>;

package/es/@next/TextInput/TextInput.js

@@ -24,19 +24,15 @@ export var TextInput = /*#__PURE__*/React.forwardRef(function TextInput(_ref, re
   var _useState = useState(suffix),
     suffixValue = _useState[0],
     setSuffixValue = _useState[1];
-  var _useState2 = useState(value),
-    currentValue = _useState2[0],
-    setCurrentValue = _useState2[1];
   var handleClearIconClick = function handleClearIconClick() {
-    setCurrentValue('');
+    onChange == null ? void 0 : onChange('');
     setSuffixValue(suffix);
   };
   var handleChange = function handleChange(e) {
     var val = e.currentTarget.value;
     var currSuffix = canClear && !!val ? /*#__PURE__*/React.createElement(ClearIcon, null) : suffixValue;
-    setCurrentValue(val);
     setSuffixValue(currSuffix);
-    onChange == null ? void 0 : onChange(e);
+    onChange == null ? void 0 : onChange(val);
   };
   useEffect(function () {
     setSuffixValue(suffix);
@@ -45,7 +41,7 @@ export var TextInput = /*#__PURE__*/React.forwardRef(function TextInput(_ref, re
     ref: ref,
     type: "text",
     suffix: suffixValue,
-    value: currentValue,
+    value: value,
     onChange: handleChange
   }, props));
 });

package/lib/@next/Button/ButtonStyle.js

@@ -22,7 +22,7 @@ var buttonSizeStyleMap = {
 var StyledButton = _styledComponents["default"].button.withConfig({
   displayName: "ButtonStyle__StyledButton",
   componentId: "sc-8t0676-0"
-})(["display:flex;gap:8px;border-width:1px;border-style:solid;border-radius:", ";flex-direction:row;align-items:center;justify-content:center;flex:none;order:0;flex-grow:0;color:", ";background:", ";border-color:", ";box-shadow:", ";&:hover{cursor:pointer;background:", ";}&:focus{outline:none;border-color:", ";box-shadow:", ";}&:active{background:", ";border:1px solid ", ";box-shadow:", ";}&:active > svg{fill:", ";}&:disabled{color:", ";background:", ";}&:disabled svg{fill:", ";}", " svg{width:16px;height:16px;fill:", ";}.spinner-container{position:absolute;}&[data-active='true']{color:", ";background:", ";}&[data-full-width='true']{width:100%;}&[data-icon='true']{gap:4px;}&[data-active='true'] svg{fill:", ";}&[data-loading='true']{background:", ";color:transparent;}&[data-loading='true'] svg{fill:transparent;}&[data-loading='true'] .spinner-container svg{fill:", ";}"], _borderRadius.borderRadius4, _colors.Neutral.B18, _colors.Neutral.B100, _colors.Neutral.B68, _dropShadow.button, _colors.Neutral.B99, _colors.Neutral.B68, _dropShadow.buttonFocused, _colors.Neutral.B95, _colors.Neutral.B68, _dropShadow.insetButtonPressed, _colors.Neutral.B40, _colors.Neutral.B68, _colors.Neutral.B95, _colors.Neutral.B85, function (_ref) {
+})(["display:flex;gap:8px;border-width:1px;border-style:solid;border-radius:", ";flex-direction:row;align-items:center;justify-content:center;flex:none;order:0;flex-grow:0;color:", ";background:", ";border-color:", ";box-shadow:", ";&:hover{cursor:pointer;background:", ";}&:focus{outline:none;border-color:", ";box-shadow:", ";}&:active{background:", ";border:1px solid ", ";box-shadow:", ";}&:active > svg{fill:", ";}&:disabled{color:", ";background:", ";pointer-events:none;}&:disabled svg{fill:", ";}", " svg{width:16px;height:16px;fill:", ";}.spinner-container{position:absolute;}&[data-active='true']{color:", ";background:", ";}&[data-full-width='true']{width:100%;}&[data-icon='true']{gap:4px;}&[data-active='true'] svg{fill:", ";}&[data-loading='true']{background:", ";color:transparent;}&[data-loading='true'] svg{fill:transparent;}&[data-loading='true'] .spinner-container svg{fill:", ";}"], _borderRadius.borderRadius4, _colors.Neutral.B18, _colors.Neutral.B100, _colors.Neutral.B68, _dropShadow.button, _colors.Neutral.B99, _colors.Neutral.B68, _dropShadow.buttonFocused, _colors.Neutral.B95, _colors.Neutral.B68, _dropShadow.insetButtonPressed, _colors.Neutral.B40, _colors.Neutral.B68, _colors.Neutral.B95, _colors.Neutral.B85, function (_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'default' : _ref$size;
   var sizeStyle = buttonSizeStyleMap[size];

package/lib/@next/Button/PrimaryButtonStyle.js

@@ -9,5 +9,5 @@ var _Button = require("./Button");
 var PrimaryButton = (0, _styledComponents["default"])(_Button.Button).withConfig({
   displayName: "PrimaryButtonStyle__PrimaryButton",
   componentId: "sc-1iczr6c-0"
-})(["color:", ";background:", ";border:none;&:hover{background:", ";opacity:0.9;box-shadow:0px 1px 0px rgba(0,0,0,0.08),inset 0px -1px 0px rgba(0,0,0,0.2);}&:active{background:", ";opacity:1;}&[data-loading='true']{background:", ";}svg{fill:", ";}"], _colors.Neutral.B100, _colors.Blue.S99, _colors.Blue.S100, _colors.Blue.S100, _colors.Neutral.B95, _colors.Neutral.B100);
+})(["color:", ";background:", ";border:none;&:hover{background:", ";opacity:0.9;box-shadow:0px 1px 0px rgba(0,0,0,0.08),inset 0px -1px 0px rgba(0,0,0,0.2);}&:active{background:", ";opacity:1;border:0;}&[data-loading='true']{background:", ";}svg{fill:", ";}"], _colors.Neutral.B100, _colors.Blue.S99, _colors.Blue.S100, _colors.Blue.S100, _colors.Neutral.B95, _colors.Neutral.B100);
 exports.PrimaryButton = PrimaryButton;

package/lib/@next/CurrencyInput/CurrencyInput.js

@@ -5,11 +5,9 @@ exports.__esModule = true;
 exports.CurrencyInput = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _Input = require("../Input/Input");
 var _excluded = ["locale", "value", "onChange", "currencyCode", "currencySymbol"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var CurrencyInput = /*#__PURE__*/_react["default"].forwardRef(function CurrencyInput(_ref, ref) {
   var _ref$locale = _ref.locale,
     locale = _ref$locale === void 0 ? 'en' : _ref$locale,
@@ -57,13 +55,10 @@ var CurrencyInput = /*#__PURE__*/_react["default"].forwardRef(function CurrencyI
     }
     return '$';
   };
-  var _useState = (0, _react.useState)(formatter.format(getRawNumber(value.toString()))),
-    formattedValue = _useState[0],
-    setFormattedValue = _useState[1];
+  var formattedValue = formatter.format(getRawNumber(value.toString()));
   var handleChange = function handleChange(e) {
     var rawValue = getRawNumber(e.currentTarget.value);
     onChange(rawValue);
-    setFormattedValue(formatter.format(rawValue));
   };
   return /*#__PURE__*/_react["default"].createElement(_Input.Input, (0, _extends2["default"])({
     ref: ref,

package/lib/@next/TextInput/TextInput.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
 import { InputProps } from '../Input/Input';
-export declare type TextInputProps = Omit<InputProps, 'type'> & {
+export declare type TextInputProps = Omit<InputProps, 'type' | 'onChange'> & {
     canClear?: boolean;
+    onChange?: (value: string) => void;
 };
-export declare const TextInput: React.ForwardRefExoticComponent<Omit<InputProps, "type"> & {
+export declare const TextInput: React.ForwardRefExoticComponent<Omit<InputProps, "type" | "onChange"> & {
     canClear?: boolean;
+    onChange?: (value: string) => void;
 } & React.RefAttributes<HTMLInputElement>>;

package/lib/@next/TextInput/TextInput.js

@@ -31,19 +31,15 @@ var TextInput = /*#__PURE__*/_react["default"].forwardRef(function TextInput(_re
   var _useState = (0, _react.useState)(suffix),
     suffixValue = _useState[0],
     setSuffixValue = _useState[1];
-  var _useState2 = (0, _react.useState)(value),
-    currentValue = _useState2[0],
-    setCurrentValue = _useState2[1];
   var handleClearIconClick = function handleClearIconClick() {
-    setCurrentValue('');
+    onChange == null ? void 0 : onChange('');
     setSuffixValue(suffix);
   };
   var handleChange = function handleChange(e) {
     var val = e.currentTarget.value;
     var currSuffix = canClear && !!val ? /*#__PURE__*/_react["default"].createElement(ClearIcon, null) : suffixValue;
-    setCurrentValue(val);
     setSuffixValue(currSuffix);
-    onChange == null ? void 0 : onChange(e);
+    onChange == null ? void 0 : onChange(val);
   };
   (0, _react.useEffect)(function () {
     setSuffixValue(suffix);
@@ -52,7 +48,7 @@ var TextInput = /*#__PURE__*/_react["default"].forwardRef(function TextInput(_re
     ref: ref,
     type: "text",
     suffix: suffixValue,
-    value: currentValue,
+    value: value,
     onChange: handleChange
   }, props));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glints-aries",
-  "version": "4.0.209",
+  "version": "4.0.211",
   "description": "Glints ui-kit for frontend",
   "main": "./lib/index.js",
   "module": "./es/index.js",