@solidxai/core-ui 0.1.9-beta.7 → 0.1.9

package/dist/components/core/list/widgets/SolidManyToManyRelationAvatarListWidget.js

@@ -11,7 +11,7 @@ export var SolidManyToManyRelationAvatarListWidget = function (_a) {
         var manyToManyColVal = manyToManyFieldData.map(function (f) { return f[userKeyField_1]; });
         // TODO: change this to use an anchor tag so that on click we open that entity form view. 
         return (_jsx(_Fragment, { children: manyToManyColVal.length > 0 &&
-                _jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(AvatarWidget, { value: manyToManyColVal[0] }), _jsx("span", { style: { color: "#0895CD", fontWeight: 'bold' }, children: manyToManyColVal.length - 1 > 0 ? " +".concat(manyToManyColVal.length - 1) : "" })] }) }));
+                _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(AvatarWidget, { value: manyToManyColVal[0] }), _jsx("span", { style: { color: "#0895CD", fontWeight: 'bold' }, children: manyToManyColVal.length - 1 > 0 ? " +".concat(manyToManyColVal.length - 1) : "" })] }) }));
     }
     else {
         return _jsx("span", {});

package/dist/components/core/list/widgets/SolidManyToManyRelationAvatarListWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidManyToManyRelationAvatarListWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidManyToManyRelationAvatarListWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAG/E,MAAM,CAAC,IAAM,uCAAuC,GAAG,UAAC,EAAoF;;QAAlF,OAAO,aAAA,EAAE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IAC3G,IAAM,mBAAmB,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEvD,+DAA+D;IAC/D,IAAI,mBAAmB,EAAE;QACrB,0FAA0F;QAC1F,IAAM,cAAY,GAAG,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,0CAAE,YAAY,0CAAE,IAAI,CAAC;QAEtE,IAAM,gBAAgB,GAAG,mBAAmB,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,cAAY,CAAC,EAAf,CAAe,CAAC,CAAC;QAE9E,0FAA0F;QAC1F,OAAO,CACH,4BACK,gBAAgB,CAAC,MAAM,GAAG,CAAC;gBACxB,eAAK,SAAS,EAAC,+BAA+B,aAC1C,KAAC,YAAY,IAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAiB,EACzD,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,YAAG,gBAAgB,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAK,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAE,CAAC,CAAC,CAAC,EAAE,GAAQ,IACvI,GAEX,CACN,CAAA;KACJ;SACI;QACD,OAAO,gBAAa,CAAA;KACvB;AACL,CAAC,CAAC","sourcesContent":["import { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { AvatarWidget } from '../../../../components/core/common/AvatarWidget';\n\n\nexport const SolidManyToManyRelationAvatarListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {\n    const manyToManyFieldData = rowData[column.attrs.name];\n\n    // This is the userkey that will be present within the rowData.\n    if (manyToManyFieldData) {\n        // Since this is a many-to-one field, we fetch the user key field of the associated model.\n        const userKeyField = fieldMetadata?.relationModel?.userKeyField?.name;\n\n        const manyToManyColVal = manyToManyFieldData.map((f: any) => f[userKeyField]);\n\n        // TODO: change this to use an anchor tag so that on click we open that entity form view. \n        return (\n            <>\n                {manyToManyColVal.length > 0 &&\n                    <div className=\"flex align-items-center gap-2\">\n                        <AvatarWidget value={manyToManyColVal[0]}></AvatarWidget>\n                        <span style={{ color: \"#0895CD\", fontWeight: 'bold' }}>{manyToManyColVal.length - 1 > 0 ? ` +${manyToManyColVal.length - 1}` : \"\"}</span>\n                    </div>\n                }\n            </>\n        )\n    }\n    else {\n        return <span></span>\n    }\n};\n"]}
+{"version":3,"file":"SolidManyToManyRelationAvatarListWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidManyToManyRelationAvatarListWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAG/E,MAAM,CAAC,IAAM,uCAAuC,GAAG,UAAC,EAAoF;;QAAlF,OAAO,aAAA,EAAE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IAC3G,IAAM,mBAAmB,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEvD,+DAA+D;IAC/D,IAAI,mBAAmB,EAAE;QACrB,0FAA0F;QAC1F,IAAM,cAAY,GAAG,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,0CAAE,YAAY,0CAAE,IAAI,CAAC;QAEtE,IAAM,gBAAgB,GAAG,mBAAmB,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,cAAY,CAAC,EAAf,CAAe,CAAC,CAAC;QAE9E,0FAA0F;QAC1F,OAAO,CACH,4BACK,gBAAgB,CAAC,MAAM,GAAG,CAAC;gBACxB,eAAK,SAAS,EAAC,yBAAyB,aACpC,KAAC,YAAY,IAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAiB,EACzD,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,YAAG,gBAAgB,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAK,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAE,CAAC,CAAC,CAAC,EAAE,GAAQ,IACvI,GAEX,CACN,CAAA;KACJ;SACI;QACD,OAAO,gBAAa,CAAA;KACvB;AACL,CAAC,CAAC","sourcesContent":["import { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { AvatarWidget } from '../../../../components/core/common/AvatarWidget';\n\n\nexport const SolidManyToManyRelationAvatarListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {\n    const manyToManyFieldData = rowData[column.attrs.name];\n\n    // This is the userkey that will be present within the rowData.\n    if (manyToManyFieldData) {\n        // Since this is a many-to-one field, we fetch the user key field of the associated model.\n        const userKeyField = fieldMetadata?.relationModel?.userKeyField?.name;\n\n        const manyToManyColVal = manyToManyFieldData.map((f: any) => f[userKeyField]);\n\n        // TODO: change this to use an anchor tag so that on click we open that entity form view. \n        return (\n            <>\n                {manyToManyColVal.length > 0 &&\n                    <div className=\"flex items-center gap-2\">\n                        <AvatarWidget value={manyToManyColVal[0]}></AvatarWidget>\n                        <span style={{ color: \"#0895CD\", fontWeight: 'bold' }}>{manyToManyColVal.length - 1 > 0 ? ` +${manyToManyColVal.length - 1}` : \"\"}</span>\n                    </div>\n                }\n            </>\n        )\n    }\n    else {\n        return <span></span>\n    }\n};\n"]}

package/dist/components/core/list/widgets/SolidManyToManyRelationAvatarListWidget.tsx

@@ -16,7 +16,7 @@ export const SolidManyToManyRelationAvatarListWidget = ({ rowData, solidListView
         return (
             <>
                 {manyToManyColVal.length > 0 &&
-                    <div className="flex align-items-center gap-2">
+                    <div className="flex items-center gap-2">
                         <AvatarWidget value={manyToManyColVal[0]}></AvatarWidget>
                         <span style={{ color: "#0895CD", fontWeight: 'bold' }}>{manyToManyColVal.length - 1 > 0 ? ` +${manyToManyColVal.length - 1}` : ""}</span>
                     </div>

package/dist/components/core/list/widgets/SolidShortTextFieldImageRenderModeWidget.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 export var SolidShortTextFieldImageListWidget = function (_a) {
     var rowData = _a.rowData, solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox;
-    return (_jsx("img", { src: rowData[fieldMetadata.name], alt: "product-image-single", className: "shadow-2 border-round", width: 40, height: 40, style: { objectFit: "cover" }, onClick: function (event) {
+    return (_jsx("img", { src: rowData[fieldMetadata.name], alt: "product-image-single", className: "rounded shadow-md", width: 40, height: 40, style: { objectFit: "cover" }, onClick: function (event) {
             event.stopPropagation();
             setLightboxUrls([{ src: rowData[fieldMetadata.name], downloadUrl: rowData[fieldMetadata.name] }]);
             setOpenLightbox(true);

package/dist/components/core/list/widgets/SolidShortTextFieldImageRenderModeWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidShortTextFieldImageRenderModeWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidShortTextFieldImageRenderModeWidget.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,IAAM,kCAAkC,GAAG,UAAC,EAA2H;QAAzH,OAAO,aAAA,EAAE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA,EAAE,eAAe,qBAAA,EAAE,eAAe,qBAAA;IAExI,OAAO,CACH,cACI,GAAG,EAAE,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAChC,GAAG,EAAC,sBAAsB,EAC1B,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,EAC7B,OAAO,EAAE,UAAC,KAAK;YACX,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;YAClG,eAAe,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { SolidMediaListFieldWidgetProps } from \"../../../../types/solid-core\";\n\nexport const SolidShortTextFieldImageListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column, setLightboxUrls, setOpenLightbox }: SolidMediaListFieldWidgetProps) => {\n\n    return (\n        <img\n            src={rowData[fieldMetadata.name]}\n            alt=\"product-image-single\"\n            className=\"shadow-2 border-round\"\n            width={40}\n            height={40}\n            style={{ objectFit: \"cover\" }}\n            onClick={(event) => {\n                event.stopPropagation();\n                setLightboxUrls([{ src: rowData[fieldMetadata.name], downloadUrl: rowData[fieldMetadata.name] }]);\n                setOpenLightbox(true);\n            }}\n        />\n    );\n};\n\n"]}
+{"version":3,"file":"SolidShortTextFieldImageRenderModeWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidShortTextFieldImageRenderModeWidget.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,IAAM,kCAAkC,GAAG,UAAC,EAA2H;QAAzH,OAAO,aAAA,EAAE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA,EAAE,eAAe,qBAAA,EAAE,eAAe,qBAAA;IAExI,OAAO,CACH,cACI,GAAG,EAAE,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAChC,GAAG,EAAC,sBAAsB,EAC1B,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,EAC7B,OAAO,EAAE,UAAC,KAAK;YACX,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;YAClG,eAAe,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { SolidMediaListFieldWidgetProps } from \"../../../../types/solid-core\";\n\nexport const SolidShortTextFieldImageListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column, setLightboxUrls, setOpenLightbox }: SolidMediaListFieldWidgetProps) => {\n\n    return (\n        <img\n            src={rowData[fieldMetadata.name]}\n            alt=\"product-image-single\"\n            className=\"rounded shadow-md\"\n            width={40}\n            height={40}\n            style={{ objectFit: \"cover\" }}\n            onClick={(event) => {\n                event.stopPropagation();\n                setLightboxUrls([{ src: rowData[fieldMetadata.name], downloadUrl: rowData[fieldMetadata.name] }]);\n                setOpenLightbox(true);\n            }}\n        />\n    );\n};\n"]}

package/dist/components/core/list/widgets/SolidShortTextFieldImageRenderModeWidget.tsx

@@ -6,7 +6,7 @@ export const SolidShortTextFieldImageListWidget = ({ rowData, solidListViewMetaD
         <img
             src={rowData[fieldMetadata.name]}
             alt="product-image-single"
-            className="shadow-2 border-round"
+            className="rounded shadow-md"
             width={40}
             height={40}
             style={{ objectFit: "cover" }}
@@ -18,4 +18,3 @@ export const SolidShortTextFieldImageListWidget = ({ rowData, solidListViewMetaD
         />
     );
 };
-

package/dist/components/core/list/widgets/SolidUserBlockedStatusListWidget.d.ts

@@ -0,0 +1,3 @@
+import { SolidListFieldWidgetProps } from "../../../../types/solid-core";
+export declare const SolidUserBlockedStatusListWidget: ({ rowData }: SolidListFieldWidgetProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidUserBlockedStatusListWidget.d.ts.map

package/dist/components/core/list/widgets/SolidUserBlockedStatusListWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidUserBlockedStatusListWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidUserBlockedStatusListWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAiBzE,eAAO,MAAM,gCAAgC,gBAAiB,yBAAyB,4CA6BtF,CAAC"}

package/dist/components/core/list/widgets/SolidUserBlockedStatusListWidget.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { getSettingsMap } from "../../../../helpers/settingsPayload";
+import { useGetSolidSettingsQuery } from "../../../../redux/api/solidSettingsApi";
+function toNumber(value) {
+    if (typeof value === "number" && Number.isFinite(value)) {
+        return value;
+    }
+    if (typeof value === "string" && value.trim() !== "") {
+        var parsed = Number(value);
+        if (Number.isFinite(parsed)) {
+            return parsed;
+        }
+    }
+    return null;
+}
+export var SolidUserBlockedStatusListWidget = function (_a) {
+    var _b;
+    var rowData = _a.rowData;
+    var solidSettingsData = useGetSolidSettingsQuery(undefined).data;
+    var settingsMap = getSettingsMap(solidSettingsData);
+    var maxFailedLoginAttempts = toNumber(settingsMap === null || settingsMap === void 0 ? void 0 : settingsMap.maxFailedLoginAttempts);
+    var failedLoginAttempts = (_b = toNumber(rowData === null || rowData === void 0 ? void 0 : rowData.failedLoginAttempts)) !== null && _b !== void 0 ? _b : 0;
+    var isBlocked = maxFailedLoginAttempts !== null && maxFailedLoginAttempts > 0 && failedLoginAttempts >= maxFailedLoginAttempts;
+    return (isBlocked ?
+        _jsx("span", { style: {
+                display: "inline-flex",
+                alignItems: "center",
+                padding: "0.2rem 0.5rem",
+                borderRadius: "999px",
+                fontSize: "0.75rem",
+                fontWeight: 600,
+                backgroundColor: "#fee2e2",
+                color: "#991b1b",
+                // backgroundColor: isBlocked ? "#fee2e2" : "#dcfce7",
+                // color: isBlocked ? "#991b1b" : "#166534",
+            }, children: "Blocked" }) :
+        _jsx(_Fragment, {}));
+};
+//# sourceMappingURL=SolidUserBlockedStatusListWidget.js.map

package/dist/components/core/list/widgets/SolidUserBlockedStatusListWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidUserBlockedStatusListWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidUserBlockedStatusListWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAGlF,SAAS,QAAQ,CAAC,KAAc;IAC9B,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QACvD,OAAO,KAAK,CAAC;KACd;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACpD,IAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;YAC3B,OAAO,MAAM,CAAC;SACf;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,CAAC,IAAM,gCAAgC,GAAG,UAAC,EAAsC;;QAApC,OAAO,aAAA;IAChD,IAAM,iBAAiB,GAAK,wBAAwB,CAAC,SAAS,CAAC,KAAxC,CAAyC;IACxE,IAAM,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAEtD,IAAM,sBAAsB,GAAG,QAAQ,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,sBAAsB,CAAC,CAAC;IAC7E,IAAM,mBAAmB,GAAG,MAAA,QAAQ,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAC,mCAAI,CAAC,CAAC;IACxE,IAAM,SAAS,GACb,sBAAsB,KAAK,IAAI,IAAI,sBAAsB,GAAG,CAAC,IAAI,mBAAmB,IAAI,sBAAsB,CAAC;IAEjH,OAAO,CACL,SAAS,CAAC,CAAC;QACT,eACE,KAAK,EAAE;gBACL,OAAO,EAAE,aAAa;gBACtB,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,eAAe;gBACxB,YAAY,EAAE,OAAO;gBACrB,QAAQ,EAAE,SAAS;gBACnB,UAAU,EAAE,GAAG;gBACf,eAAe,EAAE,SAAS;gBAC1B,KAAK,EAAE,SAAS;gBAChB,sDAAsD;gBACtD,4CAA4C;aAC7C,wBAGI,CAAC,CAAC;QACT,mBAAK,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { getSettingsMap } from \"../../../../helpers/settingsPayload\";\nimport { useGetSolidSettingsQuery } from \"../../../../redux/api/solidSettingsApi\";\nimport { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\n\nfunction toNumber(value: unknown): number | null {\n  if (typeof value === \"number\" && Number.isFinite(value)) {\n    return value;\n  }\n\n  if (typeof value === \"string\" && value.trim() !== \"\") {\n    const parsed = Number(value);\n    if (Number.isFinite(parsed)) {\n      return parsed;\n    }\n  }\n\n  return null;\n}\n\nexport const SolidUserBlockedStatusListWidget = ({ rowData }: SolidListFieldWidgetProps) => {\n  const { data: solidSettingsData } = useGetSolidSettingsQuery(undefined);\n  const settingsMap = getSettingsMap(solidSettingsData);\n\n  const maxFailedLoginAttempts = toNumber(settingsMap?.maxFailedLoginAttempts);\n  const failedLoginAttempts = toNumber(rowData?.failedLoginAttempts) ?? 0;\n  const isBlocked =\n    maxFailedLoginAttempts !== null && maxFailedLoginAttempts > 0 && failedLoginAttempts >= maxFailedLoginAttempts;\n\n  return (\n    isBlocked ?\n      <span\n        style={{\n          display: \"inline-flex\",\n          alignItems: \"center\",\n          padding: \"0.2rem 0.5rem\",\n          borderRadius: \"999px\",\n          fontSize: \"0.75rem\",\n          fontWeight: 600,\n          backgroundColor: \"#fee2e2\",\n          color: \"#991b1b\",\n          // backgroundColor: isBlocked ? \"#fee2e2\" : \"#dcfce7\",\n          // color: isBlocked ? \"#991b1b\" : \"#166534\",\n        }}\n      >\n        Blocked\n      </span> :\n      <></>\n  );\n};\n\n"]}

package/dist/components/core/list/widgets/SolidUserBlockedStatusListWidget.tsx

@@ -0,0 +1,50 @@
+import { getSettingsMap } from "../../../../helpers/settingsPayload";
+import { useGetSolidSettingsQuery } from "../../../../redux/api/solidSettingsApi";
+import { SolidListFieldWidgetProps } from "../../../../types/solid-core";
+
+function toNumber(value: unknown): number | null {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return value;
+  }
+
+  if (typeof value === "string" && value.trim() !== "") {
+    const parsed = Number(value);
+    if (Number.isFinite(parsed)) {
+      return parsed;
+    }
+  }
+
+  return null;
+}
+
+export const SolidUserBlockedStatusListWidget = ({ rowData }: SolidListFieldWidgetProps) => {
+  const { data: solidSettingsData } = useGetSolidSettingsQuery(undefined);
+  const settingsMap = getSettingsMap(solidSettingsData);
+
+  const maxFailedLoginAttempts = toNumber(settingsMap?.maxFailedLoginAttempts);
+  const failedLoginAttempts = toNumber(rowData?.failedLoginAttempts) ?? 0;
+  const isBlocked =
+    maxFailedLoginAttempts !== null && maxFailedLoginAttempts > 0 && failedLoginAttempts >= maxFailedLoginAttempts;
+
+  return (
+    isBlocked ?
+      <span
+        style={{
+          display: "inline-flex",
+          alignItems: "center",
+          padding: "0.2rem 0.5rem",
+          borderRadius: "999px",
+          fontSize: "0.75rem",
+          fontWeight: 600,
+          backgroundColor: "#fee2e2",
+          color: "#991b1b",
+          // backgroundColor: isBlocked ? "#fee2e2" : "#dcfce7",
+          // color: isBlocked ? "#991b1b" : "#166534",
+        }}
+      >
+        Blocked
+      </span> :
+      <></>
+  );
+};
+

package/dist/components/core/locales/SolidLocale.js

@@ -49,10 +49,10 @@ var SolidLocale = function (_a) {
         var minutes = String(date.getMinutes()).padStart(2, '0');
         return "".concat(day, "-").concat(month, "-").concat(year, " ").concat(hours, ":").concat(minutes);
     };
-    return (_jsxs("div", { className: "flex flex-column p-0 m-0 solid-locale-stack", children: [_jsx("div", { className: "flex justify-content-end gap-3" }), solidFormViewData && (viewMode === 'edit') &&
+    return (_jsxs("div", { className: "flex flex-col p-0 m-0 solid-locale-stack", children: [_jsx("div", { className: "flex justify-end gap-4" }), solidFormViewData && (viewMode === 'edit') &&
                 (_jsx("div", { className: "w-full solid-locale-status-banner ".concat(published !== null ? 'is-published' : 'is-unpublished'), children: ((_c = (_b = solidFormViewMetaData.data.solidView) === null || _b === void 0 ? void 0 : _b.model) === null || _c === void 0 ? void 0 : _c.draftPublishWorkflow) &&
-                        published !== null ? (_jsxs("li", { className: "w-full text-left list-disc solid-locale-status-copy", children: ["Editing ", _jsx("span", { className: "font-bold", children: "published version" })] })) : (_jsxs("li", { className: "w-full text-left list-disc solid-locale-status-copy", children: ["Editing ", _jsx("span", { className: "font-bold", children: "unpublished version" })] })) })), _jsxs("div", { className: "flex flex-column gap-2 mt-2 solid-locale-info-card", children: [_jsx("h3", { className: "solid-locale-section-title p-0 m-0", children: "Information" }), _jsx(SolidDivider, { className: "my-2" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: 'flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row', children: [_jsx("p", { className: "text-sm font-bold m-0 solid-locale-info-label", children: "Created At" }), _jsx("p", { className: "text-sm m-0 solid-locale-info-value", children: formatToDDMMYYWithTime((_d = solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data) === null || _d === void 0 ? void 0 : _d.createdAt) })] }), _jsxs("div", { className: 'flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row', children: [_jsx("p", { className: "text-sm font-bold m-0 solid-locale-info-label", children: "Updated At" }), _jsx("p", { className: "text-sm m-0 solid-locale-info-value", children: formatToDDMMYYWithTime((_e = solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data) === null || _e === void 0 ? void 0 : _e.updatedAt) })] }), _jsxs("div", { className: 'flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row', children: [_jsx("p", { className: "text-sm font-bold m-0 solid-locale-info-label", children: "Published At" }), _jsx("p", { className: "text-sm m-0 solid-locale-info-value", children: formatToDDMMYYWithTime(published !== null && published !== void 0 ? published : '') })] })] }), ((_h = (_g = (_f = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _f === void 0 ? void 0 : _f.solidView) === null || _g === void 0 ? void 0 : _g.model) === null || _h === void 0 ? void 0 : _h.internationalisation) &&
-                        _jsxs(_Fragment, { children: [_jsx("h3", { className: "solid-locale-section-title mt-6 mb-2", children: "Internationalisation" }), _jsx("label", { className: "form-field-label", children: "Locales" }), _jsx(SolidSelect, { value: selectedLocale, onChange: function (e) { return handleLocaleChange(e.value); }, options: localeOptions, placeholder: "Select locale", className: "w-full", disabled: createMode }), (viewMode === 'view' || createMode) && (_jsxs("p", { className: "text-sm mt-0 ml-0 solid-locale-helper-copy", children: [" By default record will be created in ", _jsx("b", { children: defautlLocale })] }))] })] })] }));
+                        published !== null ? (_jsxs("li", { className: "w-full text-left list-disc solid-locale-status-copy", children: ["Editing ", _jsx("span", { className: "font-bold", children: "published version" })] })) : (_jsxs("li", { className: "w-full text-left list-disc solid-locale-status-copy", children: ["Editing ", _jsx("span", { className: "font-bold", children: "unpublished version" })] })) })), _jsxs("div", { className: "flex flex-col gap-2 mt-2 solid-locale-info-card", children: [_jsx("h3", { className: "solid-locale-section-title p-0 m-0", children: "Information" }), _jsx(SolidDivider, { className: "my-2" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: 'flex items-center justify-between gap-2 p-2 solid-locale-info-row', children: [_jsx("p", { className: "text-sm font-bold m-0 solid-locale-info-label", children: "Created At" }), _jsx("p", { className: "text-sm m-0 solid-locale-info-value", children: formatToDDMMYYWithTime((_d = solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data) === null || _d === void 0 ? void 0 : _d.createdAt) })] }), _jsxs("div", { className: 'flex items-center justify-between gap-2 p-2 solid-locale-info-row', children: [_jsx("p", { className: "text-sm font-bold m-0 solid-locale-info-label", children: "Updated At" }), _jsx("p", { className: "text-sm m-0 solid-locale-info-value", children: formatToDDMMYYWithTime((_e = solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data) === null || _e === void 0 ? void 0 : _e.updatedAt) })] }), _jsxs("div", { className: 'flex items-center justify-between gap-2 p-2 solid-locale-info-row', children: [_jsx("p", { className: "text-sm font-bold m-0 solid-locale-info-label", children: "Published At" }), _jsx("p", { className: "text-sm m-0 solid-locale-info-value", children: formatToDDMMYYWithTime(published !== null && published !== void 0 ? published : '') })] })] }), ((_h = (_g = (_f = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _f === void 0 ? void 0 : _f.solidView) === null || _g === void 0 ? void 0 : _g.model) === null || _h === void 0 ? void 0 : _h.internationalisation) &&
+                        _jsxs(_Fragment, { children: [_jsx("h3", { className: "solid-locale-section-title mt-6 mb-2", children: "Internationalisation" }), _jsx("label", { className: "form-field-label", children: "Locales" }), _jsx(SolidSelect, { value: selectedLocale, onChange: function (e) { return handleLocaleChange(e.value); }, options: localeOptions, placeholder: "Select locale", className: "w-full", disabled: createMode }), createMode && (_jsxs("p", { className: "text-sm mt-0 ml-0 solid-locale-helper-copy", children: [" By default record will be created in ", _jsx("b", { children: defautlLocale })] }))] })] })] }));
 };
 export default SolidLocale;
 //# sourceMappingURL=SolidLocale.js.map

package/dist/components/core/locales/SolidLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidLocale.js","sourceRoot":"","sources":["../../../../src/components/core/locales/SolidLocale.tsx"],"names":[],"mappings":";AACA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,oBAAoB,CAAC;AAC5B,IAAM,WAAW,GAAG,UAAC,EACwU;;QADtU,qBAAqB,2BAAA,EAAE,EAAE,QAAA,EAAE,cAAc,oBAAA,EAAE,iBAAiB,uBAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,0BAA0B,gCAAA,EACjI,iBAAiB,uBAAA,EAAE,qBAAqB,2BAAA,EAAE,iBAAiB,uBAAA,EAAE,SAAS,eAAA;IAChE,IAAA,KAAoC,QAAQ,CAAC,EAAE,CAAC,EAA/C,aAAa,QAAA,EAAE,gBAAgB,QAAgB,CAAC;IACjD,IAAA,KAAoC,QAAQ,CAAC,EAAE,CAAC,EAA/C,aAAa,QAAA,EAAE,gBAAgB,QAAgB,CAAC;IACvD,SAAS,CAAC;QACN,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAC/B,uBAAuB;QACvB,IAAM,aAAa,GAAG,iBAAiB,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC;YACrD,KAAK,EAAE,CAAC,CAAC,WAAW;YACpB,KAAK,EAAE,CAAC,CAAC,MAAM;SAClB,CAAC,EAHsD,CAGtD,CAAC,CAAC;QACJ,gBAAgB,CAAC,aAAa,CAAC,CAAC;QAEhC,IAAI,UAAU,EAAE;YACZ,IAAM,aAAa,GAAG,iBAAiB,CAAC,IAAI,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,SAAS,KAAK,KAAK,EAArB,CAAqB,CAAC,CAAC;YAChF,iBAAiB,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,KAAI,IAAI,CAAC,CAAC;YACjD,gBAAgB,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,KAAI,EAAE,CAAC,CAAC;YACnD,OAAO;SACV;QAED,IAAI,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,MAAM,EAAE;YAC5C,+GAA+G;YAC/G,IAAM,aAAa,GAAG,iBAAiB,CAAC,IAAI,CACxC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,SAAS,KAAK,KAAK,IAAI,CAAC,CAAC,qBAAqB,IAAI,EAAE,EAAtD,CAAsD,CACrE,CAAC;YACF,IAAI,aAAa,EAAE;gBACf,iBAAiB,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;aAC3C;SACJ;IACL,CAAC,EAAE,CAAC,iBAAiB,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAElD,IAAM,kBAAkB,GAAG,UAAC,SAAiB;QACzC,IAAI,SAAS,KAAK,cAAc;YAAE,OAAO;QACzC,iBAAiB,CAAC,SAAS,CAAC,CAAC;QAC7B,IAAM,2BAA2B,GAAG,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB,IAAI,EAAE,CAAC;QACvG,0BAA0B,CAAC,SAAS,EAAE,2BAA2B,EAAE,QAAQ,CAAC,CAAC;IACjF,CAAC,CAAC;IAEF,sBAAsB;IACtB,IAAM,sBAAsB,GAAG,UAAC,UAAkB;QAC9C,IAAI,CAAC,UAAU;YAAE,OAAO,KAAK,CAAC;QAC9B,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC;QAElC,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QACpD,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAC3D,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAElD,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QACvD,IAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAE3D,OAAO,UAAG,GAAG,cAAI,KAAK,cAAI,IAAI,cAAI,KAAK,cAAI,OAAO,CAAE,CAAC;IACzD,CAAC,CAAA;IAGD,OAAO,CACH,eAAK,SAAS,EAAC,6CAA6C,aACxD,cAAK,SAAS,EAAC,gCAAgC,GACzC,EACL,iBAAiB,IAAI,CAAC,QAAQ,KAAK,MAAM,CAAC;gBACvC,CAAC,cAAK,SAAS,EAAE,4CAAqC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB,CAAE,YACzG,CAAA,MAAA,MAAA,qBAAqB,CAAC,IAAI,CAAC,SAAS,0CAAE,KAAK,0CAAE,oBAAoB;wBAC9D,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,CACrB,cAAI,SAAS,EAAC,qDAAqD,yBACvD,eAAM,SAAS,EAAC,WAAW,kCAAyB,IAC3D,CACR,CAAC,CAAC,CAAC,CACA,cAAI,SAAS,EAAC,qDAAqD,yBACvD,eAAM,SAAS,EAAC,WAAW,oCAA2B,IAC7D,CACR,GACC,CACL,EAEL,eAAK,SAAS,EAAC,oDAAoD,aAC/D,aAAI,SAAS,EAAC,oCAAoC,4BAAiB,EACnE,KAAC,YAAY,IAAC,SAAS,EAAC,MAAM,GAAG,EACjC,eAAK,SAAS,EAAC,WAAW,aACtB,eAAK,SAAS,EAAC,iFAAiF,aAC5F,YAAG,SAAS,EAAC,+CAA+C,2BAAe,EAC3E,YAAG,SAAS,EAAC,qCAAqC,YAAE,sBAAsB,CAAC,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,SAAS,CAAC,GAAK,IACjH,EACN,eAAK,SAAS,EAAC,iFAAiF,aAC5F,YAAG,SAAS,EAAC,+CAA+C,2BAAe,EAC3E,YAAG,SAAS,EAAC,qCAAqC,YAC7C,sBAAsB,CAAC,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,SAAS,CAAC,GAC3D,IACF,EACN,eAAK,SAAS,EAAC,iFAAiF,aAC5F,YAAG,SAAS,EAAC,+CAA+C,6BAAiB,EAC7E,YAAG,SAAS,EAAC,qCAAqC,YAAE,sBAAsB,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAC,GAAK,IAC9F,IACJ,EAEL,CAAA,MAAA,MAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,IAAI,0CAAE,SAAS,0CAAE,KAAK,0CAAE,oBAAoB;wBAChE,8BACI,aAAI,SAAS,EAAC,sCAAsC,qCAA0B,EAC9E,gBAAO,SAAS,EAAC,kBAAkB,wBAAgB,EACnD,KAAC,WAAW,IACR,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,EAA3B,CAA2B,EAC5C,OAAO,EAAE,aAAa,EACtB,WAAW,EAAC,eAAe,EAC3B,SAAS,EAAC,QAAQ,EAClB,QAAQ,EAAE,UAAU,GACtB,EACD,CAAC,QAAQ,KAAK,MAAM,IAAI,UAAU,CAAC,IAAI,CACpC,aAAG,SAAS,EAAC,4CAA4C,uDAAuC,sBAAI,aAAa,GAAK,IAAI,CAC7H,IACF,IAEL,IAEJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["\nimport React, { useEffect, useState } from 'react';\nimport { SolidDivider, SolidSelect } from \"../../shad-cn-ui\";\nimport \"./solid-locale.css\";\nconst SolidLocale = ({ solidFormViewMetaData, id, selectedLocale, setSelectedLocale, viewMode, createMode, handleLocaleChangeRedirect,\n    applicableLocales, defaultEntityLocaleId, solidFormViewData, published }: { solidFormViewMetaData: any, id: string, selectedLocale: any, setSelectedLocale: any, viewMode: string, createMode: boolean, handleLocaleChangeRedirect: any, applicableLocales: any, defaultEntityLocaleId: string | null, solidFormViewData: any, published: string | null }) => {\n    const [localeOptions, setLocaleOptions] = useState([]);\n    const [defautlLocale, setDefaultLocale] = useState('');\n    useEffect(() => {\n        if (!applicableLocales) return;\n        // Set dropdown options\n        const localeOptions = applicableLocales.map((x: any) => ({\n            label: x.displayName,\n            value: x.locale,\n        }));\n        setLocaleOptions(localeOptions);\n\n        if (createMode) {\n            const defaultLocale = applicableLocales.find((x: any) => x.isDefault === 'yes');\n            setSelectedLocale(defaultLocale?.locale || null);\n            setDefaultLocale(defaultLocale?.displayName || '');\n            return;\n        }\n\n        if (viewMode === 'edit' || viewMode === 'view') {\n            //This is to check record entity matched defaultEntityLocaleId from query params & isDefault for default locale\n            const matchedLocale = applicableLocales.find(\n                (x: any) => x.isDefault === 'yes' && x.defaultEntityLocaleId == id\n            );\n            if (matchedLocale) {\n                setSelectedLocale(matchedLocale.locale);\n            }\n        }\n    }, [applicableLocales, id, viewMode, createMode]);\n\n    const handleLocaleChange = (newLocale: string) => {\n        if (newLocale === selectedLocale) return;\n        setSelectedLocale(newLocale);\n        const targetDefaultEntityLocaleId = id === 'new' ? defaultEntityLocaleId : defaultEntityLocaleId || id;\n        handleLocaleChangeRedirect(newLocale, targetDefaultEntityLocaleId, viewMode);\n    };\n\n    // utils/formatDate.ts\n    const formatToDDMMYYWithTime = (dateString: string) => {\n        if (!dateString) return 'N/A';\n        const date = new Date(dateString);\n\n        const day = String(date.getDate()).padStart(2, '0');\n        const month = String(date.getMonth() + 1).padStart(2, '0');\n        const year = String(date.getFullYear()).slice(-2);\n\n        const hours = String(date.getHours()).padStart(2, '0');\n        const minutes = String(date.getMinutes()).padStart(2, '0');\n\n        return `${day}-${month}-${year} ${hours}:${minutes}`;\n    }\n\n\n    return (\n        <div className=\"flex flex-column p-0 m-0 solid-locale-stack\">\n            <div className=\"flex justify-content-end gap-3\">\n            </div>\n            {solidFormViewData && (viewMode === 'edit') &&\n                (<div className={`w-full solid-locale-status-banner ${published !== null ? 'is-published' : 'is-unpublished'}`}>\n                    {solidFormViewMetaData.data.solidView?.model?.draftPublishWorkflow &&\n                        published !== null ? (\n                        <li className=\"w-full text-left list-disc solid-locale-status-copy\">\n                            Editing <span className=\"font-bold\">published version</span>\n                        </li>\n                    ) : (\n                        <li className=\"w-full text-left list-disc solid-locale-status-copy\">\n                            Editing <span className=\"font-bold\">unpublished version</span>\n                        </li>\n                    )}\n                </div>\n                )\n            }\n            <div className=\"flex flex-column gap-2 mt-2 solid-locale-info-card\">\n                <h3 className=\"solid-locale-section-title p-0 m-0\">Information</h3>\n                <SolidDivider className=\"my-2\" />\n                <div className=\"space-y-2\">\n                    <div className='flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row'>\n                        <p className=\"text-sm font-bold m-0 solid-locale-info-label\">Created At</p>\n                        <p className=\"text-sm m-0 solid-locale-info-value\">{formatToDDMMYYWithTime(solidFormViewData?.data?.createdAt)}</p>\n                    </div>\n                    <div className='flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row'>\n                        <p className=\"text-sm font-bold m-0 solid-locale-info-label\">Updated At</p>\n                        <p className=\"text-sm m-0 solid-locale-info-value\">\n                            {formatToDDMMYYWithTime(solidFormViewData?.data?.updatedAt)}\n                        </p>\n                    </div>\n                    <div className='flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row'>\n                        <p className=\"text-sm font-bold m-0 solid-locale-info-label\">Published At</p>\n                        <p className=\"text-sm m-0 solid-locale-info-value\">{formatToDDMMYYWithTime(published ?? '')}</p>\n                    </div>\n                </div>\n\n                {solidFormViewMetaData?.data?.solidView?.model?.internationalisation &&\n                    <>\n                        <h3 className=\"solid-locale-section-title mt-6 mb-2\">Internationalisation</h3>\n                        <label className=\"form-field-label\">Locales</label>\n                        <SolidSelect\n                            value={selectedLocale}\n                            onChange={(e) => handleLocaleChange(e.value)}\n                            options={localeOptions}\n                            placeholder=\"Select locale\"\n                            className=\"w-full\"\n                            disabled={createMode}\n                        />\n                        {(viewMode === 'view' || createMode) && (\n                            <p className=\"text-sm mt-0 ml-0 solid-locale-helper-copy\"> By default record will be created in <b>{defautlLocale}</b></p>\n                        )}\n                    </>\n                }\n            </div>\n            {/* <p className=\"text-sm font-bold text-gray-500 px-2\">Fill in form another locale</p> */}\n        </div>\n    );\n};\n\nexport default SolidLocale;\n"]}
+{"version":3,"file":"SolidLocale.js","sourceRoot":"","sources":["../../../../src/components/core/locales/SolidLocale.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useEffect, useState } from 'react';\nimport { SolidDivider, SolidSelect } from \"../../shad-cn-ui\";\nimport \"./solid-locale.css\";\nconst SolidLocale = ({ solidFormViewMetaData, id, selectedLocale, setSelectedLocale, viewMode, createMode, handleLocaleChangeRedirect,\n    applicableLocales, defaultEntityLocaleId, solidFormViewData, published }: { solidFormViewMetaData: any, id: string, selectedLocale: any, setSelectedLocale: any, viewMode: string, createMode: boolean, handleLocaleChangeRedirect: any, applicableLocales: any, defaultEntityLocaleId: string | null, solidFormViewData: any, published: string | null }) => {\n    const [localeOptions, setLocaleOptions] = useState([]);\n    const [defautlLocale, setDefaultLocale] = useState('');\n    useEffect(() => {\n        if (!applicableLocales) return;\n        // Set dropdown options\n        const localeOptions = applicableLocales.map((x: any) => ({\n            label: x.displayName,\n            value: x.locale,\n        }));\n        setLocaleOptions(localeOptions);\n\n        if (createMode) {\n            const defaultLocale = applicableLocales.find((x: any) => x.isDefault === 'yes');\n            setSelectedLocale(defaultLocale?.locale || null);\n            setDefaultLocale(defaultLocale?.displayName || '');\n            return;\n        }\n\n        if (viewMode === 'edit' || viewMode === 'view') {\n            //This is to check record entity matched defaultEntityLocaleId from query params & isDefault for default locale\n            const matchedLocale = applicableLocales.find(\n                (x: any) => x.isDefault === 'yes' && x.defaultEntityLocaleId == id\n            );\n            if (matchedLocale) {\n                setSelectedLocale(matchedLocale.locale);\n            }\n        }\n    }, [applicableLocales, id, viewMode, createMode]);\n\n    const handleLocaleChange = (newLocale: string) => {\n        if (newLocale === selectedLocale) return;\n        setSelectedLocale(newLocale);\n        const targetDefaultEntityLocaleId = id === 'new' ? defaultEntityLocaleId : defaultEntityLocaleId || id;\n        handleLocaleChangeRedirect(newLocale, targetDefaultEntityLocaleId, viewMode);\n    };\n\n    // utils/formatDate.ts\n    const formatToDDMMYYWithTime = (dateString: string) => {\n        if (!dateString) return 'N/A';\n        const date = new Date(dateString);\n\n        const day = String(date.getDate()).padStart(2, '0');\n        const month = String(date.getMonth() + 1).padStart(2, '0');\n        const year = String(date.getFullYear()).slice(-2);\n\n        const hours = String(date.getHours()).padStart(2, '0');\n        const minutes = String(date.getMinutes()).padStart(2, '0');\n\n        return `${day}-${month}-${year} ${hours}:${minutes}`;\n    }\n\n\n    return (\n        <div className=\"flex flex-col p-0 m-0 solid-locale-stack\">\n            <div className=\"flex justify-end gap-4\">\n            </div>\n            {solidFormViewData && (viewMode === 'edit') &&\n                (<div className={`w-full solid-locale-status-banner ${published !== null ? 'is-published' : 'is-unpublished'}`}>\n                    {solidFormViewMetaData.data.solidView?.model?.draftPublishWorkflow &&\n                        published !== null ? (\n                        <li className=\"w-full text-left list-disc solid-locale-status-copy\">\n                            Editing <span className=\"font-bold\">published version</span>\n                        </li>\n                    ) : (\n                        <li className=\"w-full text-left list-disc solid-locale-status-copy\">\n                            Editing <span className=\"font-bold\">unpublished version</span>\n                        </li>\n                    )}\n                </div>\n                )\n            }\n            <div className=\"flex flex-col gap-2 mt-2 solid-locale-info-card\">\n                <h3 className=\"solid-locale-section-title p-0 m-0\">Information</h3>\n                <SolidDivider className=\"my-2\" />\n                <div className=\"space-y-2\">\n                    <div className='flex items-center justify-between gap-2 p-2 solid-locale-info-row'>\n                        <p className=\"text-sm font-bold m-0 solid-locale-info-label\">Created At</p>\n                        <p className=\"text-sm m-0 solid-locale-info-value\">{formatToDDMMYYWithTime(solidFormViewData?.data?.createdAt)}</p>\n                    </div>\n                    <div className='flex items-center justify-between gap-2 p-2 solid-locale-info-row'>\n                        <p className=\"text-sm font-bold m-0 solid-locale-info-label\">Updated At</p>\n                        <p className=\"text-sm m-0 solid-locale-info-value\">\n                            {formatToDDMMYYWithTime(solidFormViewData?.data?.updatedAt)}\n                        </p>\n                    </div>\n                    <div className='flex items-center justify-between gap-2 p-2 solid-locale-info-row'>\n                        <p className=\"text-sm font-bold m-0 solid-locale-info-label\">Published At</p>\n                        <p className=\"text-sm m-0 solid-locale-info-value\">{formatToDDMMYYWithTime(published ?? '')}</p>\n                    </div>\n                </div>\n\n                {solidFormViewMetaData?.data?.solidView?.model?.internationalisation &&\n                    <>\n                        <h3 className=\"solid-locale-section-title mt-6 mb-2\">Internationalisation</h3>\n                        <label className=\"form-field-label\">Locales</label>\n                        <SolidSelect\n                            value={selectedLocale}\n                            onChange={(e) => handleLocaleChange(e.value)}\n                            options={localeOptions}\n                            placeholder=\"Select locale\"\n                            className=\"w-full\"\n                            disabled={createMode}\n                        />\n                        {createMode && (\n                            <p className=\"text-sm mt-0 ml-0 solid-locale-helper-copy\"> By default record will be created in <b>{defautlLocale}</b></p>\n                        )}\n                    </>\n                }\n            </div>\n            {/* <p className=\"text-sm font-bold text-gray-500 px-2\">Fill in form another locale</p> */}\n        </div>\n    );\n};\n\nexport default SolidLocale;\n"]}

package/dist/components/core/locales/SolidLocale.tsx

@@ -57,8 +57,8 @@ const SolidLocale = ({ solidFormViewMetaData, id, selectedLocale, setSelectedLoc
 
 
     return (
-        <div className="flex flex-column p-0 m-0 solid-locale-stack">
-            <div className="flex justify-content-end gap-3">
+        <div className="flex flex-col p-0 m-0 solid-locale-stack">
+            <div className="flex justify-end gap-4">
             </div>
             {solidFormViewData && (viewMode === 'edit') &&
                 (<div className={`w-full solid-locale-status-banner ${published !== null ? 'is-published' : 'is-unpublished'}`}>
@@ -75,21 +75,21 @@ const SolidLocale = ({ solidFormViewMetaData, id, selectedLocale, setSelectedLoc
                 </div>
                 )
             }
-            <div className="flex flex-column gap-2 mt-2 solid-locale-info-card">
+            <div className="flex flex-col gap-2 mt-2 solid-locale-info-card">
                 <h3 className="solid-locale-section-title p-0 m-0">Information</h3>
                 <SolidDivider className="my-2" />
                 <div className="space-y-2">
-                    <div className='flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row'>
+                    <div className='flex items-center justify-between gap-2 p-2 solid-locale-info-row'>
                         <p className="text-sm font-bold m-0 solid-locale-info-label">Created At</p>
                         <p className="text-sm m-0 solid-locale-info-value">{formatToDDMMYYWithTime(solidFormViewData?.data?.createdAt)}</p>
                     </div>
-                    <div className='flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row'>
+                    <div className='flex items-center justify-between gap-2 p-2 solid-locale-info-row'>
                         <p className="text-sm font-bold m-0 solid-locale-info-label">Updated At</p>
                         <p className="text-sm m-0 solid-locale-info-value">
                             {formatToDDMMYYWithTime(solidFormViewData?.data?.updatedAt)}
                         </p>
                     </div>
-                    <div className='flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row'>
+                    <div className='flex items-center justify-between gap-2 p-2 solid-locale-info-row'>
                         <p className="text-sm font-bold m-0 solid-locale-info-label">Published At</p>
                         <p className="text-sm m-0 solid-locale-info-value">{formatToDDMMYYWithTime(published ?? '')}</p>
                     </div>
@@ -107,7 +107,7 @@ const SolidLocale = ({ solidFormViewMetaData, id, selectedLocale, setSelectedLoc
                             className="w-full"
                             disabled={createMode}
                         />
-                        {(viewMode === 'view' || createMode) && (
+                        {createMode && (
                             <p className="text-sm mt-0 ml-0 solid-locale-helper-copy"> By default record will be created in <b>{defautlLocale}</b></p>
                         )}
                     </>

package/dist/components/core/locales/solid-locale.css

@@ -1,9 +1,9 @@
 .solid-locale-panel {
-  display: flex;
+  /* display: flex; */
   flex: 1;
   min-height: 0;
   height: 100%;
-  margin-left: 10px;
+  /* margin-left: 10px; */
   background: transparent;
 }
 
@@ -20,7 +20,7 @@
 .solid-locale-tabs-list {
   display: flex;
   align-items: center;
-  gap: 0.75rem;
+  gap: 0rem;
   min-height: 44px;
   padding: 0 0.9rem;
   border-bottom: 1px solid color-mix(in srgb, var(--border) 84%, transparent);
@@ -39,6 +39,7 @@
   cursor: pointer;
   border-bottom: 2px solid transparent;
   transition: color 150ms ease, border-color 150ms ease;
+  margin-left: 12px;
 }
 
 .solid-locale-tabs .solid-tabs-trigger:hover {
@@ -76,7 +77,7 @@
 
 .solid-locale-status-banner {
   margin: 0.25rem 0 0;
-  padding: 0;
+  padding: 0 0.7rem;
   overflow: hidden;
   border-radius: 10px;
   border: 1px solid color-mix(in srgb, var(--border) 82%, transparent);

package/dist/components/core/model/CreateModel.css

@@ -0,0 +1,48 @@
+.solid-model-form-workspace {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+.solid-model-form-tabs {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+}
+
+.solid-model-form-tablist {
+  width: 100% !important;
+  padding: 0 0.25rem;
+  border-bottom: 1px solid color-mix(in srgb, var(--border) 86%, transparent);
+}
+
+.solid-model-form-tabpanel {
+  padding-top: 0.65rem;
+}
+
+.solid-model-form-tablabel,
+.solid-model-form-tab-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.45rem;
+  white-space: nowrap;
+}
+
+.solid-model-form-tablist .solid-notebook-tab-trigger {
+  padding: 0.9rem 0.95rem 0.8rem;
+}
+
+.solid-model-form-content {
+  padding: 0.75rem 1rem 1rem;
+}
+
+.solid-model-form-content.is-tabbed {
+  padding: 0 0.9rem 1rem;
+}
+
+.solid-model-form-actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 0.75rem 0.9rem;
+}

package/dist/components/core/model/CreateModel.d.ts

@@ -1,3 +1,4 @@
+import "./CreateModel.css";
 declare const CreateModel: ({ data, params }: any) => import("react/jsx-runtime").JSX.Element;
 export default CreateModel;
 //# sourceMappingURL=CreateModel.d.ts.map

package/dist/components/core/model/CreateModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateModel.d.ts","sourceRoot":"","sources":["../../../../src/components/core/model/CreateModel.tsx"],"names":[],"mappings":"AAmCA,QAAA,MAAM,WAAW,qBAAsB,GAAG,4CA4bzC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"CreateModel.d.ts","sourceRoot":"","sources":["../../../../src/components/core/model/CreateModel.tsx"],"names":[],"mappings":"AAcA,OAAO,mBAAmB,CAAC;AAW3B,QAAA,MAAM,WAAW,qBAAsB,GAAG,4CA0UzC,CAAC;AAEF,eAAe,WAAW,CAAC"}