@agility/plenum-ui 1.3.39 → 1.3.40
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/lib/components/Forms/InputCounter/InputCounter.d.ts +2 -2
- package/lib/index.esm.js +10 -12
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +10 -12
- package/lib/index.js.map +1 -1
- package/lib/tailwind.css +4 -0
- package/package.json +1 -1
- package/coverage/base.css +0 -224
- package/coverage/block-navigation.js +0 -87
- package/coverage/components/Button/Button.tsx.html +0 -739
- package/coverage/components/Button/index.html +0 -116
- package/coverage/components/Forms/BaseField/BaseField.tsx.html +0 -415
- package/coverage/components/Forms/BaseField/index.html +0 -116
- package/coverage/components/Forms/Checkbox/Checkbox.tsx.html +0 -346
- package/coverage/components/Forms/Checkbox/index.html +0 -116
- package/coverage/components/Forms/InputCounter/InputCounter.tsx.html +0 -139
- package/coverage/components/Forms/InputCounter/index.html +0 -116
- package/coverage/components/Forms/InputLabel/InputLabel.tsx.html +0 -211
- package/coverage/components/Forms/InputLabel/index.html +0 -131
- package/coverage/components/Forms/InputLabel/index.ts.html +0 -94
- package/coverage/components/Forms/Radio/Radio.tsx.html +0 -364
- package/coverage/components/Forms/Radio/index.html +0 -116
- package/coverage/components/Forms/Select/Select.tsx.html +0 -394
- package/coverage/components/Forms/Select/index.html +0 -116
- package/coverage/components/Forms/TextInputAddon/InputCta/InputCta.tsx.html +0 -271
- package/coverage/components/Forms/TextInputAddon/InputCta/index.html +0 -116
- package/coverage/components/Forms/TextInputSelect/InputSelect/InputSelect.tsx.html +0 -259
- package/coverage/components/Forms/TextInputSelect/InputSelect/index.html +0 -116
- package/coverage/components/Switch/Switch.tsx.html +0 -253
- package/coverage/components/Switch/index.html +0 -116
- package/coverage/components/ToggleSwitch/ToggleSwitch.tsx.html +0 -424
- package/coverage/components/ToggleSwitch/index.html +0 -116
- package/coverage/coverage-final.json +0 -14
- package/coverage/favicon.png +0 -0
- package/coverage/index.html +0 -251
- package/coverage/prettify.css +0 -1
- package/coverage/prettify.js +0 -2
- package/coverage/sort-arrow-sprite.png +0 -0
- package/coverage/sorter.js +0 -196
- package/coverage/util/DynamicIcons.tsx.html +0 -151
- package/coverage/util/Loader.tsx.html +0 -139
- package/coverage/util/index.html +0 -146
- package/coverage/util/useID.ts.html +0 -133
package/lib/index.js
CHANGED
|
@@ -12433,14 +12433,12 @@ var Avatar = function (_a) {
|
|
|
12433
12433
|
/** Primary UI component for user interaction */
|
|
12434
12434
|
var InputCounter = function (_a) {
|
|
12435
12435
|
var _b = _a.current, current = _b === void 0 ? 0 : _b, limit = _a.limit;
|
|
12436
|
-
return (React__default["default"].createElement("
|
|
12437
|
-
React__default["default"].createElement("
|
|
12438
|
-
|
|
12439
|
-
"
|
|
12440
|
-
|
|
12441
|
-
|
|
12442
|
-
" ",
|
|
12443
|
-
limit)));
|
|
12436
|
+
return (React__default["default"].createElement("div", { className: "mt-1 text-center text-sm text-gray-500 flex gap-1" },
|
|
12437
|
+
React__default["default"].createElement("div", { className: "currentCount" }, current),
|
|
12438
|
+
(limit || 0) > 0 &&
|
|
12439
|
+
React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
12440
|
+
React__default["default"].createElement("div", null, "/"),
|
|
12441
|
+
React__default["default"].createElement("div", { className: "limitCount" }, limit))));
|
|
12444
12442
|
};
|
|
12445
12443
|
|
|
12446
12444
|
/** default input styles */
|
|
@@ -12479,11 +12477,11 @@ var useId = function () {
|
|
|
12479
12477
|
};
|
|
12480
12478
|
|
|
12481
12479
|
var TextInput = function (_a, ref) {
|
|
12482
|
-
var label = _a.label, isFocused = _a.isFocused, isError = _a.isError, id = _a.id, name = _a.name, isRequired = _a.isRequired, type = _a.type, defaultValue = _a.defaultValue, isDisabled = _a.isDisabled, isReadonly = _a.isReadonly, message = _a.message, isShowCounter = _a.isShowCounter,
|
|
12480
|
+
var label = _a.label, isFocused = _a.isFocused, isError = _a.isError, id = _a.id, name = _a.name, isRequired = _a.isRequired, type = _a.type, defaultValue = _a.defaultValue, isDisabled = _a.isDisabled, isReadonly = _a.isReadonly, message = _a.message, isShowCounter = _a.isShowCounter, maxLength = _a.maxLength, onChange = _a.onChange, externalValue = _a.value, className = _a.className;
|
|
12483
12481
|
var uniqueID = useId();
|
|
12484
|
-
var
|
|
12485
|
-
var
|
|
12486
|
-
var
|
|
12482
|
+
var _b = React.useState(Boolean(isFocused)), isFocus = _b[0], setIsFocus = _b[1];
|
|
12483
|
+
var _c = React.useState(false); _c[0]; var setIsActive = _c[1];
|
|
12484
|
+
var _d = React.useState(externalValue || defaultValue || ""), value = _d[0], setValue = _d[1];
|
|
12487
12485
|
var inputRef = React.useRef(null);
|
|
12488
12486
|
React.useEffect(function () {
|
|
12489
12487
|
//if the external value is updated by the parent component, reset the value in here...
|