revdev-components 0.138.0 → 0.140.0

package/build/dialog/regular/index.d.ts

@@ -18,6 +18,7 @@ export interface RegularDialogProps {
     onOk?: () => void;
     onClose?: () => void;
     open?: boolean;
+    maskClosable?: boolean;
 }
 export declare const RegularDialog: React.FC<RegularDialogProps>;
 export {};

package/build/fields/index.d.ts

@@ -7,7 +7,7 @@ export * from "./radioButton";
 export * from "./rangePicker";
 export * from "./select";
 export * from "./searchSelect";
-export * from "./text-area";
+export * from "./textArea";
 export * from "./checkbox";
 export * from "./switch";
 export * from "./autocomplete";

package/build/fields/line/index.d.ts

@@ -1,7 +1,10 @@
 import React from "react";
 import { FormRule } from "antd";
 import { NamePath } from "antd/es/form/interface";
-export declare function useLineProps<T extends FormLineProps>({ lineClassName, name, label, rules, valuePropName, noStyle, hasFeedback, dependencies, ...rest }: T): [FormLineProps, Omit<T, "lineClassName" | "name" | "label" | "rules" | "valuePropName" | "noStyle" | "hasFeedback" | "dependencies">];
+export declare function useLineProps<T extends FormLineProps>({ lineClassName, name, label, rules, valuePropName, noStyle, hasFeedback, dependencies, ...rest }: T): [
+    FormLineProps,
+    Omit<T, "lineClassName" | "name" | "label" | "rules" | "valuePropName" | "noStyle" | "hasFeedback" | "dependencies">
+];
 export interface FormLineProps {
     lineClassName?: string;
     name: NamePath;

package/build/hooks/index.d.ts

@@ -1,6 +1,6 @@
 export * from "./debounce";
-export * from "./form-rules";
-export * from "./form-values";
+export * from "./formRules";
+export * from "./formValues";
 export * from "./mount";
 export * from "./router";
 export * from "./api";

package/build/icon/social/names.d.ts

@@ -1,3 +1,3 @@
 export declare const SocialIconNameList: ("facebook" | "google" | "instagram" | "telegram" | "viber" | "whatsapp" | "youtube")[];
 export type SocialIconName = (typeof SocialIconNameList)[number];
-export declare const isSocialIconName: (name?: string) => name is "facebook" | "google" | "instagram" | "telegram" | "viber" | "whatsapp" | "youtube";
+export declare const isSocialIconName: (name?: string) => name is SocialIconName;

package/build/index.js

@@ -5037,7 +5037,7 @@ var InfoDialog = function (_a) {
 var s$i = {"root":"index-module_root__BQI-i","header":"index-module_header__OUCQj","title":"index-module_title__HPbDC","close":"index-module_close__-FN6K","content":"index-module_content__BpXha","footer":"index-module_footer__xqKte"};
 
 var RegularDialog = function (_a) {
-    var titleIcon = _a.titleIcon, titlePrefix = _a.titlePrefix, title = _a.title, children = _a.children, _b = _a.hideFooter, hideFooter = _b === void 0 ? false : _b, className = _a.className, width = _a.width, okText = _a.okText, cancelText = _a.cancelText, footerClassName = _a.footerClassName, contentClassName = _a.contentClassName, okHide = _a.okHide, okDisabled = _a.okDisabled, onOk = _a.onOk, onClose = _a.onClose, _c = _a.open, open = _c === void 0 ? true : _c;
+    var titleIcon = _a.titleIcon, titlePrefix = _a.titlePrefix, title = _a.title, children = _a.children, _b = _a.hideFooter, hideFooter = _b === void 0 ? false : _b, className = _a.className, width = _a.width, okText = _a.okText, cancelText = _a.cancelText, footerClassName = _a.footerClassName, contentClassName = _a.contentClassName, okHide = _a.okHide, okDisabled = _a.okDisabled, onOk = _a.onOk, onClose = _a.onClose, _c = _a.open, open = _c === void 0 ? true : _c, _d = _a.maskClosable, maskClosable = _d === void 0 ? false : _d;
     var close = React.useMemo(function () {
         return React.createElement(RegularIcon, { name: "cross", className: s$i.close, onClick: onClose });
     }, [onClose]);
@@ -5064,7 +5064,7 @@ var RegularDialog = function (_a) {
         }
         return result;
     }, [width]);
-    return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$i.root, className), maskClosable: false, footer: null },
+    return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$i.root, className), maskClosable: maskClosable, footer: null },
         titleContent,
         React.createElement("div", { className: classNames(s$i.content, contentClassName) }, children),
         hideFooter ? null : (React.createElement("div", { className: classNames(s$i.footer, footerClassName) },
@@ -5250,7 +5250,8 @@ var PopoverSelect = function (_a) {
         .filter(function (x) { return x.value !== value; })
         .map(function (x) { return (React.createElement(React.Fragment, { key: x.value }, renderOption ? (renderOption(x, { className: s$7.item, onClick: function () { return handleChange(x.value); } })) : (React.createElement("div", { className: s$7.item, onClick: function () { return handleChange(x.value); } }, x.label)))); }))); }, [options, value, handleChange, renderOption]);
     return (React.createElement(antd.Popover, { content: popoverContent, open: open, onOpenChange: closePopover, placement: "bottomRight" },
-        React.createElement(IconDivision, { icon: icon, onClick: handleOpen, rightIcon: open ? "expand-less" : "expand-more" }, showValue ? value : selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label)));
+        React.createElement("span", null,
+            React.createElement(IconDivision, { icon: icon, onClick: handleOpen, rightIcon: open ? "expand-less" : "expand-more" }, showValue ? value : selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label))));
 };
 
 var s$6 = {"root":"index-module_root__EQ0II","rounded":"index-module_rounded__4OK03","link":"index-module_link__fptGw"};
@@ -5351,11 +5352,11 @@ var HeaderActionPanel = function (_a) {
         if (content === null || content === void 0 ? void 0 : content.content) {
             return React.createElement(React.Fragment, { key: i }, content === null || content === void 0 ? void 0 : content.content);
         }
-        else if (!!(button === null || button === void 0 ? void 0 : button.onClick)) {
+        else if (button === null || button === void 0 ? void 0 : button.onClick) {
             var icon = button.icon, label = button.label, tooltip = button.tooltip;
             return (React.createElement(IconDivision, { key: i, icon: icon, onClick: button === null || button === void 0 ? void 0 : button.onClick, tooltip: tooltip, className: s$4.button }, label));
         }
-        else if (!!(link === null || link === void 0 ? void 0 : link.href)) {
+        else if (link === null || link === void 0 ? void 0 : link.href) {
             var icon = button.icon, label = button.label, tooltip = button.tooltip;
             return (React.createElement(AppLink, { key: i, href: link.href, className: s$4.link },
                 React.createElement(IconDivision, { icon: icon, tooltip: tooltip }, label)));

package/build/styles.css

@@ -22,17 +22,17 @@
   --centralDivisionMaxWidth: 1000px;
   --frontHeaderHeight: 50px;
   --frontFooterHeight: 30px;
-  --backSidebarBackgroundColor: rgb(58 63 81);
+  --backSidebarBackgroundColor: rgb(58, 63, 81);
   --backSidebarColor: #aaadb7;
   --backSidebarActiveColor: white;
-  --backSidebarHoverItemBackgroundColor: rgb(97 102 122);
+  --backSidebarHoverItemBackgroundColor: rgb(97, 102, 122);
   --backSidebarSubItemBackgroundColor: #2e3344;
   --backHeaderHeight: 50px;
-  --backHeaderBoxShadow: 0 2px 5px 0 rgb(0 0 0 / 16%);
+  --backHeaderBoxShadow: 0 2px 5px 0 rgb(0, 0, 0, 16%);
   --backLayoutBorderColor: #ccc;
   --backLayoutBackgroundColor: white;
   --backLayoutHeaderBackgroundColor: white;
-  --backLayoutSpinColor: rgb(58 63 81);
+  --backLayoutSpinColor: rgb(58, 63, 81);
   --iconDropBackgroundColor: white;
 }
 
@@ -225,7 +225,7 @@ body {
 }
 
 .index-module_footer__xqKte {
-  padding: 0 20px 20px 20px;
+  padding: 0 20px 20px;
   display: flex;
   flex-direction: row;
   justify-content: flex-end;

package/eslint.config.js

@@ -0,0 +1,14 @@
+const { defineConfig } = require("eslint/config");
+const storybook = require("eslint-plugin-storybook");
+const configs = require("eslint-config-varp");
+
+module.exports = defineConfig([
+  ...storybook.configs["flat/recommended"],
+  {
+    extends: [configs.eslint.base, configs.eslint.typescript, configs.eslint.react],
+    rules: {},
+  },
+  {
+    ignores: [".cache", "node_modules", "**/*.svg"],
+  },
+]);

package/package.json

@@ -1,16 +1,12 @@
 {
   "name": "revdev-components",
-  "version": "0.138.0",
+  "version": "0.140.0",
   "main": "build/index.js",
   "module": "build/index.esm.js",
   "scripts": {
-    "dev": "next dev",
-    "build:next": "next build",
-    "start:next": "next start",
     "start": "storybook dev -p 4300",
-    "s": "npm run start",
     "build-storybook": "storybook build",
-    "lint": "eslint . && stylelint \"**/*.scss\"",
+    "lint": "eslint . --quiet && stylelint \"**/*.scss\"",
     "lint:fix": "eslint . --fix && stylelint \"**/*.scss\" --fix",
     "stylelint": "stylelint \"**/*.scss\"",
     "stylelint:fix": "stylelint \"**/*.scss\" --fix",
@@ -20,50 +16,48 @@
     "pm": "npm run lint:fix && git add * && git commit -m\"update\" && git push origin master",
     "p": "npm run v && npm run lint:fix && git add * && git commit -m\"v\" && git push origin master"
   },
+  "prettier": "eslint-config-varp/prettier",
   "peerDependencies": {
-    "antd": ">=5",
+    "antd": "^5.29.0",
     "classnames": ">=2.5",
     "lodash.debounce": ">=4",
-    "next": ">=13",
+    "next": "^16.0.3",
     "page-path": ">=0.7",
-    "react": ">=18",
-    "react-dom": ">=18",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
     "revdev": ">=0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.2",
+    "@ant-design/v5-patch-for-react-19": "^1.0.3",
+    "@chromatic-com/storybook": "^4.1.3",
     "@rollup/plugin-typescript": "^12.1.1",
-    "@storybook/addon-actions": "^8.4.5",
-    "@storybook/addon-essentials": "^8.4.5",
-    "@storybook/addon-interactions": "^8.4.5",
-    "@storybook/addon-onboarding": "^8.4.5",
-    "@storybook/addon-viewport": "^8.5.8",
-    "@storybook/blocks": "^8.4.5",
-    "@storybook/nextjs": "^8.4.5",
-    "@storybook/react": "^8.4.5",
-    "@storybook/test": "^8.4.5",
+    "@storybook/addon-docs": "^10.0.8",
+    "@storybook/addon-onboarding": "^10.0.8",
+    "@storybook/nextjs": "^10.0.8",
     "@svgr/rollup": "^8.1.0",
     "@svgr/webpack": "^8.1.0",
     "@types/node": "^20",
     "@types/numeral": "^2.0.5",
     "@types/react": "^18",
     "@types/react-dom": "^18",
-    "antd": "^5.22.2",
+    "antd": "^5.29.0",
     "classnames": "^2.5.1",
-    "eslint-config-varp": "^1.10.0",
-    "next": "14.2.16",
+    "eslint-config-varp": "^2.10.0",
+    "eslint-plugin-storybook": "10.0.8",
+    "next": "^16.0.3",
     "numeral": "^2.0.6",
     "page-path": "^0.7.0",
     "postcss": "^8",
     "randex": "^0.32.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
     "revdev": "^0.221.0",
     "rollup": "^4.24.4",
     "rollup-obfuscator": "^4.1.1",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-scss": "^4.0.0",
     "sass": "^1.81.0",
-    "storybook": "^8.4.5",
-    "stylelint-config-varp": "^1.7.2",
-    "typescript": "5.1"
+    "storybook": "^10.0.8",
+    "typescript": "^5.9.3"
   }
 }

package/stylelint.config.js

@@ -0,0 +1,4 @@
+module.exports = {
+  extends: ["eslint-config-varp/stylelint"],
+  rules: {},
+};