pge-front-common 14.0.17 → 14.0.19

package/lib/components/Select/index.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
 import { SelectDefaultProps } from "./index.types";
-declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, }: SelectDefaultProps) => React.JSX.Element;
+declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, }: SelectDefaultProps) => React.JSX.Element;
 export default SelectDefault;

package/lib/components/SkeletonLoader/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface SkeletonProps {
+    className?: string;
+}
+export declare function SkeletonLoader({ className }: SkeletonProps): React.JSX.Element;
+export {};

package/lib/components/SkeletonLoader/skeletonloader.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SkeletonLoader } from "./index";
+declare const meta: Meta<typeof SkeletonLoader>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Avatar: Story;
+export declare const Card: Story;

package/lib/index.d.ts

@@ -381,7 +381,7 @@ type OptionsProps = {
     value: string;
 };
 
-declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, }: SelectDefaultProps) => React$1.JSX.Element;
+declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, }: SelectDefaultProps) => React$1.JSX.Element;
 
 interface ModalProps$1 {
     isModalOpen: boolean;

package/lib/index.esm.js

@@ -1105,10 +1105,20 @@ var SelectPagination = function (_a) {
         setIsOpen(false);
     };
     return (React__default.createElement("div", { ref: selectRef, className: "".concat(styles$e.selectContainerPagination, " ").concat(className) },
-        React__default.createElement("div", { className: styles$e.selectTrigger },
+        React__default.createElement("div", { className: styles$e.selectTrigger, tabIndex: 0, onKeyDown: function (e) {
+                if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    setIsOpen(function (prev) { return !prev; });
+                }
+            } },
             React__default.createElement("span", { className: styles$e.selectedValue }, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label.padStart(2, "0")),
             React__default.createElement(IconTriangleRecall, { onClick: function () { return setIsOpen(!isOpen); }, className: "".concat(styles$e.icon, " ").concat(isOpen ? styles$e.iconOpen : ""), fill: "#005A92" })),
-        isOpen && (React__default.createElement("div", { className: styles$e.optionsList }, options.map(function (option) { return (React__default.createElement("div", { key: option.value, className: "".concat(styles$e.option, " ").concat(option.value === value ? styles$e.selected : ""), onClick: function () { return handleSelect(option.value); } }, option.label.padStart(2, "0"))); })))));
+        isOpen && (React__default.createElement("div", { className: styles$e.optionsList }, options.map(function (option) { return (React__default.createElement("div", { key: option.value, tabIndex: 0, className: "".concat(styles$e.option, " ").concat(option.value === value ? styles$e.selected : ""), onClick: function () { return handleSelect(option.value); }, onKeyDown: function (e) {
+                if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    handleSelect(option.value);
+                }
+            } }, option.label.padStart(2, "0"))); })))));
 };
 
 var IconArrowLeft = function (props) {
@@ -21380,7 +21390,7 @@ var selectColourStyles = function (isInvalid) { return ({
     },
 }); };
 var SelectDefault = function (_a) {
-    var name = _a.name, control = _a.control, optionsSelect = _a.optionsSelect, placeholder = _a.placeholder, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, label = _a.label, _c = _a.hasError, hasError = _c === void 0 ? false : _c, handleChange = _a.handleChange, isRequired = _a.isRequired, value = _a.value;
+    var name = _a.name, control = _a.control, optionsSelect = _a.optionsSelect, placeholder = _a.placeholder, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, label = _a.label, _c = _a.hasError, hasError = _c === void 0 ? false : _c, handleChange = _a.handleChange, isRequired = _a.isRequired, value = _a.value, handleInputChange = _a.handleInputChange;
     var _d = useController({ name: name, control: control }), _e = _d.field; _e.onChange; _e.value; var rest = __rest(_e, ["onChange", "value"]), error = _d.fieldState.error;
     var CustomDropdownIndicator = function () {
         return (React.createElement("div", { className: styles$3.contentIcon },
@@ -21392,7 +21402,11 @@ var SelectDefault = function (_a) {
             " ",
             isRequired ? React.createElement("span", { className: styles$3.errorRequired }, "*") : null)),
         React.createElement("div", { className: styles$3.selectElement },
-            React.createElement(StateManagedSelect$1, __assign({ isMulti: false, isDisabled: isDisabled, options: optionsSelect, value: optionsSelect.find(function (opt) { return opt.value === value; }) || value, onChange: handleChange, placeholder: placeholder, styles: selectColourStyles(hasError || !!error), isClearable: true, isSearchable: true, noOptionsMessage: function () { return "Nenhuma opção disponível"; }, components: { DropdownIndicator: CustomDropdownIndicator } }, rest))),
+            React.createElement(StateManagedSelect$1, __assign({ isMulti: false, isDisabled: isDisabled, options: optionsSelect, value: optionsSelect.find(function (opt) { return opt.value === value; }) || value, onChange: handleChange, onInputChange: function (inputValue) {
+                    if (inputValue) {
+                        handleInputChange === null || handleInputChange === void 0 ? void 0 : handleInputChange(inputValue);
+                    }
+                }, placeholder: placeholder, styles: selectColourStyles(hasError || !!error), isClearable: true, isSearchable: true, noOptionsMessage: function () { return "Nenhuma opção disponível"; }, components: { DropdownIndicator: CustomDropdownIndicator } }, rest))),
         error && React.createElement("span", { className: styles$3.errorText }, error.message)));
 };