@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/Result/index.js

@@ -1,121 +1,127 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import classNames from 'classnames';
-import React from 'react';
-import { AlertTriangleDuotone, CancelCircleDuotone, CheckCircleDuotone, InfoCircleLine } from "../Icon";
-import noFound from "./noFound";
-import serverError from "./serverError";
-import unauthorized from "./unauthorized";
-export var IconMap = {
-  success: /*#__PURE__*/React.createElement(CheckCircleDuotone, {
-    size: 80,
-    fill: 'var(--content-inverted-primary)',
-    color: 'var(--non-semantic-background-green-strong)'
-  }),
-  error: /*#__PURE__*/React.createElement(CancelCircleDuotone, {
-    size: 80,
-    fill: 'var(--content-inverted-primary)',
-    color: 'var(--non-semantic-background-red-strong)'
-  }),
-  info: /*#__PURE__*/React.createElement(InfoCircleLine, {
-    size: 80,
-    fill: 'var(--content-inverted-primary)',
-    color: 'var(--non-semantic-background-blue-strong)'
-  }),
-  warning: /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
-    size: 80,
-    fill: 'var(--content-inverted-primary)',
-    color: 'var(--non-semantic-background-orange-strong)'
-  })
+import { cn } from "../lib/utils.js";
+import Memo from "../Icon/components/AlertTriangleDuotone.js";
+import Memo$1 from "../Icon/components/CancelCircleDuotone.js";
+import Memo$2 from "../Icon/components/CheckCircleDuotone.js";
+import Memo$3 from "../Icon/components/InfoCircleLine.js";
+/* empty css       */
+import NoFound from "./noFound.js";
+import ServerError from "./serverError.js";
+import Unauthorized from "./unauthorized.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Result/index.tsx
+var IconMap = {
+	success: /* @__PURE__ */ jsx(Memo$2, {
+		size: 80,
+		fill: "var(--content-inverted-primary)",
+		color: "var(--non-semantic-background-green-strong)"
+	}),
+	error: /* @__PURE__ */ jsx(Memo$1, {
+		size: 80,
+		fill: "var(--content-inverted-primary)",
+		color: "var(--non-semantic-background-red-strong)"
+	}),
+	info: /* @__PURE__ */ jsx(Memo$3, {
+		size: 80,
+		fill: "var(--content-inverted-primary)",
+		color: "var(--non-semantic-background-blue-strong)"
+	}),
+	warning: /* @__PURE__ */ jsx(Memo, {
+		size: 80,
+		fill: "var(--content-inverted-primary)",
+		color: "var(--non-semantic-background-orange-strong)"
+	})
 };
-export var ExceptionMap = {
-  noFound: noFound,
-  serverError: serverError,
-  unauthorized: unauthorized
+var ExceptionMap = {
+	noFound: NoFound,
+	serverError: ServerError,
+	unauthorized: Unauthorized
 };
-// ExceptionImageMap keys
 var ExceptionStatus = Object.keys(ExceptionMap);
-var Icon = function Icon(_ref) {
-  var icon = _ref.icon,
-    status = _ref.status,
-    _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? 'vertical' : _ref$direction;
-  var className = classNames("ald-result-icon");
-  if (ExceptionStatus.includes("".concat(status))) {
-    // 404 403 500
-    var SVGComponent = ExceptionMap[status];
-    return /*#__PURE__*/React.createElement("div", {
-      className: classNames(className, 'ald-result-image', _defineProperty({}, "ald-result-image-".concat(direction), direction))
-    }, /*#__PURE__*/React.createElement(SVGComponent, {
-      direction: direction
-    }));
-  }
-  var iconNode = IconMap[status];
-  if (icon === null || icon === false) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, icon || iconNode);
+var Icon = ({ icon, status, direction = "vertical" }) => {
+	const className = cn(`ald-result-icon`);
+	if (ExceptionStatus.includes(`${status}`)) {
+		const SVGComponent = ExceptionMap[status];
+		return /* @__PURE__ */ jsx("div", {
+			className: cn(className, "ald-result-image", { [`ald-result-image-${direction}`]: direction }),
+			children: /* @__PURE__ */ jsx(SVGComponent, { direction })
+		});
+	}
+	const iconNode = IconMap[status];
+	if (icon === null || icon === false) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className,
+		children: icon || iconNode
+	});
 };
-var Result = function Result(_ref2) {
-  var className = _ref2.className,
-    subTitle = _ref2.subTitle,
-    title = _ref2.title,
-    style = _ref2.style,
-    children = _ref2.children,
-    _ref2$status = _ref2.status,
-    status = _ref2$status === void 0 ? 'info' : _ref2$status,
-    _ref2$direction = _ref2.direction,
-    direction = _ref2$direction === void 0 ? 'vertical' : _ref2$direction,
-    icon = _ref2.icon,
-    extra = _ref2.extra;
-  if (direction === 'horizontal') {
-    return /*#__PURE__*/React.createElement("div", {
-      className: classNames('ald-result-horizontal', className),
-      style: style
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "ald-result-left"
-    }, title && /*#__PURE__*/React.createElement("div", {
-      className: "ald-result-title"
-    }, title), subTitle && /*#__PURE__*/React.createElement("div", {
-      className: "ald-result-subtitle"
-    }, subTitle), extra && /*#__PURE__*/React.createElement("div", {
-      className: "ald-result-extra"
-    }, extra), children && /*#__PURE__*/React.createElement("div", {
-      className: "ald-result-content"
-    }, children)), /*#__PURE__*/React.createElement("div", {
-      className: "ald-result-right"
-    }, /*#__PURE__*/React.createElement(Icon, {
-      status: status,
-      icon: icon,
-      direction: direction
-    })));
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "ald-result-vertical-wrap"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames('ald-result-vertical', className),
-    style: style
-  }, /*#__PURE__*/React.createElement(Icon, {
-    status: status,
-    icon: icon
-  }), title && /*#__PURE__*/React.createElement("div", {
-    className: "ald-result-title"
-  }, title), subTitle && /*#__PURE__*/React.createElement("div", {
-    className: "ald-result-subtitle"
-  }, subTitle), extra && /*#__PURE__*/React.createElement("div", {
-    className: "ald-result-extra"
-  }, extra), children && /*#__PURE__*/React.createElement("div", {
-    className: "ald-result-content"
-  }, children)));
+var Result = ({ className, subTitle, title, style, children, status = "info", direction = "vertical", icon, extra }) => {
+	if (direction === "horizontal") return /* @__PURE__ */ jsxs("div", {
+		className: cn("ald-result-horizontal", className),
+		style,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: `ald-result-left`,
+			children: [
+				title && /* @__PURE__ */ jsx("div", {
+					className: `ald-result-title`,
+					children: title
+				}),
+				subTitle && /* @__PURE__ */ jsx("div", {
+					className: `ald-result-subtitle`,
+					children: subTitle
+				}),
+				extra && /* @__PURE__ */ jsx("div", {
+					className: `ald-result-extra`,
+					children: extra
+				}),
+				children && /* @__PURE__ */ jsx("div", {
+					className: `ald-result-content`,
+					children
+				})
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			className: `ald-result-right`,
+			children: /* @__PURE__ */ jsx(Icon, {
+				status,
+				icon,
+				direction
+			})
+		})]
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "ald-result-vertical-wrap",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("ald-result-vertical", className),
+			style,
+			children: [
+				/* @__PURE__ */ jsx(Icon, {
+					status,
+					icon
+				}),
+				title && /* @__PURE__ */ jsx("div", {
+					className: `ald-result-title`,
+					children: title
+				}),
+				subTitle && /* @__PURE__ */ jsx("div", {
+					className: `ald-result-subtitle`,
+					children: subTitle
+				}),
+				extra && /* @__PURE__ */ jsx("div", {
+					className: `ald-result-extra`,
+					children: extra
+				}),
+				children && /* @__PURE__ */ jsx("div", {
+					className: `ald-result-content`,
+					children
+				})
+			]
+		})
+	});
 };
-Result.PRESENTED_IMAGE_403 = ExceptionMap['unauthorized'];
-Result.PRESENTED_IMAGE_404 = ExceptionMap['noFound'];
-Result.PRESENTED_IMAGE_500 = ExceptionMap['serverError'];
-if (process.env.NODE_ENV !== 'production') {
-  Result.displayName = 'Result';
-}
-export default Result;
+Result.PRESENTED_IMAGE_403 = ExceptionMap["unauthorized"];
+Result.PRESENTED_IMAGE_404 = ExceptionMap["noFound"];
+Result.PRESENTED_IMAGE_500 = ExceptionMap["serverError"];
+if (process.env.NODE_ENV !== "production") Result.displayName = "Result";
+//#endregion
+export { Result as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Result/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Result/index.tsx"],"sourcesContent":["import './result.css';\nimport { cn } from '../lib/utils';\nimport React from 'react';\nimport {\n  AlertTriangleDuotone,\n  CancelCircleDuotone,\n  CheckCircleDuotone,\n  InfoCircleLine,\n} from '../Icon';\nimport noFound from './noFound';\nimport serverError from './serverError';\nimport unauthorized from './unauthorized';\nexport const IconMap = {\n  success: (\n    <CheckCircleDuotone\n      size={80}\n      fill={'var(--content-inverted-primary)'}\n      color={'var(--non-semantic-background-green-strong)'}\n    />\n  ),\n  error: (\n    <CancelCircleDuotone\n      size={80}\n      fill={'var(--content-inverted-primary)'}\n      color={'var(--non-semantic-background-red-strong)'}\n    />\n  ),\n  info: (\n    <InfoCircleLine\n      size={80}\n      fill={'var(--content-inverted-primary)'}\n      color={'var(--non-semantic-background-blue-strong)'}\n    />\n  ),\n  warning: (\n    <AlertTriangleDuotone\n      size={80}\n      fill={'var(--content-inverted-primary)'}\n      color={'var(--non-semantic-background-orange-strong)'}\n    />\n  ),\n};\n\nexport const ExceptionMap = {\n  noFound: noFound,\n  serverError: serverError,\n  unauthorized: unauthorized,\n};\nexport type ExceptionStatusType = 'unauthorized' | 'noFound' | 'serverError';\nexport type ResultStatusType = ExceptionStatusType | keyof typeof IconMap;\nexport type ResultDirectionType = 'horizontal' | 'vertical';\nexport interface ResultProps {\n  icon?: React.ReactNode;\n  status?: ResultStatusType;\n  title?: React.ReactNode;\n  subTitle?: React.ReactNode;\n  extra?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  direction?: ResultDirectionType;\n}\nexport interface ResultType extends React.FC<ResultProps> {\n  PRESENTED_IMAGE_404: React.FC<{ direction?: ResultDirectionType }>;\n  PRESENTED_IMAGE_403: React.FC<{ direction?: ResultDirectionType }>;\n  PRESENTED_IMAGE_500: React.FC<{ direction?: ResultDirectionType }>;\n}\n// ExceptionImageMap keys\nconst ExceptionStatus = Object.keys(ExceptionMap);\ninterface IconProps {\n  icon: React.ReactNode;\n  status: ResultStatusType;\n  direction?: ResultDirectionType;\n}\nconst Icon: React.FC<IconProps> = ({\n  icon,\n  status,\n  direction = 'vertical',\n}) => {\n  const className = cn(`ald-result-icon`);\n\n  if (ExceptionStatus.includes(`${status}`)) {\n    // 404 403 500\n    const SVGComponent = ExceptionMap[status as ExceptionStatusType];\n    return (\n      <div\n        className={cn(className, 'ald-result-image', {\n          [`ald-result-image-${direction}`]: direction,\n        })}\n      >\n        <SVGComponent direction={direction} />\n      </div>\n    );\n  }\n\n  const iconNode =\n    IconMap[status as Exclude<ResultStatusType, ExceptionStatusType>];\n\n  if (icon === null || icon === false) {\n    return null;\n  }\n\n  return <div className={className}>{icon || iconNode}</div>;\n};\n\nconst Result: ResultType = ({\n  className,\n  subTitle,\n  title,\n  style,\n  children,\n  status = 'info',\n  direction = 'vertical',\n  icon,\n  extra,\n}) => {\n  if (direction === 'horizontal') {\n    return (\n      <div className={cn('ald-result-horizontal', className)} style={style}>\n        <div className={`ald-result-left`}>\n          {title && <div className={`ald-result-title`}>{title}</div>}\n          {subTitle && <div className={`ald-result-subtitle`}>{subTitle}</div>}\n          {extra && <div className={`ald-result-extra`}>{extra}</div>}\n          {children && <div className={`ald-result-content`}>{children}</div>}\n        </div>\n        <div className={`ald-result-right`}>\n          <Icon status={status} icon={icon} direction={direction} />\n        </div>\n      </div>\n    );\n  }\n  return (\n    <div className=\"ald-result-vertical-wrap\">\n      <div className={cn('ald-result-vertical', className)} style={style}>\n        <Icon status={status} icon={icon} />\n        {title && <div className={`ald-result-title`}>{title}</div>}\n        {subTitle && <div className={`ald-result-subtitle`}>{subTitle}</div>}\n        {extra && <div className={`ald-result-extra`}>{extra}</div>}\n        {children && <div className={`ald-result-content`}>{children}</div>}\n      </div>\n    </div>\n  );\n};\n\nResult.PRESENTED_IMAGE_403 = ExceptionMap['unauthorized'];\nResult.PRESENTED_IMAGE_404 = ExceptionMap['noFound'];\nResult.PRESENTED_IMAGE_500 = ExceptionMap['serverError'];\n\nif (process.env.NODE_ENV !== 'production') {\n  Result.displayName = 'Result';\n}\n\nexport default Result;\n"],"mappings":";;;;;;;;;;;;AAYA,IAAa,UAAU;CACrB,SACE,oBAAC,QAAD;EACE,MAAM;EACN,MAAM;EACN,OAAO;EACP,CAAA;CAEJ,OACE,oBAAC,QAAD;EACE,MAAM;EACN,MAAM;EACN,OAAO;EACP,CAAA;CAEJ,MACE,oBAAC,QAAD;EACE,MAAM;EACN,MAAM;EACN,OAAO;EACP,CAAA;CAEJ,SACE,oBAAC,MAAD;EACE,MAAM;EACN,MAAM;EACN,OAAO;EACP,CAAA;CAEL;AAED,IAAa,eAAe;CACjB,SAAA;CACI,aAAA;CACC,cAAA;CACf;AAqBD,IAAM,kBAAkB,OAAO,KAAK,aAAa;AAMjD,IAAM,QAA6B,EACjC,MACA,QACA,YAAY,iBACR;CACJ,MAAM,YAAY,GAAG,kBAAkB;AAEvC,KAAI,gBAAgB,SAAS,GAAG,SAAS,EAAE;EAEzC,MAAM,eAAe,aAAa;AAClC,SACE,oBAAC,OAAD;GACE,WAAW,GAAG,WAAW,oBAAoB,GAC1C,oBAAoB,cAAc,WACpC,CAAC;aAEF,oBAAC,cAAD,EAAyB,WAAa,CAAA;GAClC,CAAA;;CAIV,MAAM,WACJ,QAAQ;AAEV,KAAI,SAAS,QAAQ,SAAS,MAC5B,QAAO;AAGT,QAAO,oBAAC,OAAD;EAAgB;YAAY,QAAQ;EAAe,CAAA;;AAG5D,IAAM,UAAsB,EAC1B,WACA,UACA,OACA,OACA,UACA,SAAS,QACT,YAAY,YACZ,MACA,YACI;AACJ,KAAI,cAAc,aAChB,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,yBAAyB,UAAU;EAAS;YAA/D,CACE,qBAAC,OAAD;GAAK,WAAW;aAAhB;IACG,SAAS,oBAAC,OAAD;KAAK,WAAW;eAAqB;KAAY,CAAA;IAC1D,YAAY,oBAAC,OAAD;KAAK,WAAW;eAAwB;KAAe,CAAA;IACnE,SAAS,oBAAC,OAAD;KAAK,WAAW;eAAqB;KAAY,CAAA;IAC1D,YAAY,oBAAC,OAAD;KAAK,WAAW;KAAuB;KAAe,CAAA;IAC/D;MACN,oBAAC,OAAD;GAAK,WAAW;aACd,oBAAC,MAAD;IAAc;IAAc;IAAiB;IAAa,CAAA;GACtD,CAAA,CACF;;AAGV,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,qBAAC,OAAD;GAAK,WAAW,GAAG,uBAAuB,UAAU;GAAS;aAA7D;IACE,oBAAC,MAAD;KAAc;KAAc;KAAQ,CAAA;IACnC,SAAS,oBAAC,OAAD;KAAK,WAAW;eAAqB;KAAY,CAAA;IAC1D,YAAY,oBAAC,OAAD;KAAK,WAAW;eAAwB;KAAe,CAAA;IACnE,SAAS,oBAAC,OAAD;KAAK,WAAW;eAAqB;KAAY,CAAA;IAC1D,YAAY,oBAAC,OAAD;KAAK,WAAW;KAAuB;KAAe,CAAA;IAC/D;;EACF,CAAA;;AAIV,OAAO,sBAAsB,aAAa;AAC1C,OAAO,sBAAsB,aAAa;AAC1C,OAAO,sBAAsB,aAAa;AAE1C,IAAA,QAAA,IAAA,aAA6B,aAC3B,QAAO,cAAc"}

package/dist/Result/noFound.d.ts

@@ -1,5 +1,5 @@
+import { ResultDirectionType } from './index.js';
 import * as React from 'react';
-import { ResultDirectionType } from './index';
 declare const NoFound: React.FC<{
     direction?: ResultDirectionType;
 }>;