@dilicorp/ui 0.0.5 → 0.0.9

package/dist/components/page-show/page-show.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { DropdownItemProps } from '../../molecules/dropdown/dropdown-item';
+export declare type PageShowProps = {
+    children: React.ReactNode;
+    title: string;
+    loading: boolean;
+    extraButtons?: DropdownItemProps[];
+    backButton?: {
+        uri: string;
+        label: string;
+    };
+};
+export declare const PageShow: React.FC<PageShowProps>;
+//# sourceMappingURL=page-show.d.ts.map

package/dist/components/page-show/page-show.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-show.d.ts","sourceRoot":"","sources":["../../../src/components/page-show/page-show.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAE1E,oBAAY,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAClC,UAAU,CAAC,EAAE;QACX,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;CACF,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyC5C,CAAA"}

package/dist/components/page-show/page-show.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Button, Col, Dropdown, Icon, Link, Row, Separator, Spinner, Typography } from '../../';
+export const PageShow = (props) => {
+    const { loading = true, children, extraButtons = [], backButton, title } = props;
+    if (loading)
+        return React.createElement(Spinner, null);
+    return (React.createElement("div", null,
+        React.createElement(Row, { className: "mb-3" },
+            React.createElement(Col, null,
+                React.createElement(Typography, { lineBottom: true, variant: "h4", tag: "h1" }, title)),
+            React.createElement(Col, { className: "ms-auto" },
+                Boolean(extraButtons.length) && (React.createElement(Dropdown, { color: "default", className: "me-2", label: React.createElement(Icon, { icon: "faEllipsisH" }), items: extraButtons })),
+                Boolean(backButton) && (React.createElement(Button, { tag: Link, href: backButton === null || backButton === void 0 ? void 0 : backButton.uri, color: "danger" },
+                    React.createElement(Icon, { icon: "faAngleLeft", className: "me-1" }), backButton === null || backButton === void 0 ? void 0 :
+                    backButton.label)))),
+        React.createElement(Separator, null),
+        children));
+};

package/dist/index.d.ts

@@ -16,6 +16,7 @@ export * from './molecules/alert';
 export * from './molecules/breadcrumb';
 export * from './molecules/card';
 export * from './molecules/dropdown/dropdown';
+export * from './molecules/field';
 export * from './molecules/paginate';
 export * from './molecules/table';
 export * from './components/form-builder/form-builder';
@@ -32,6 +33,7 @@ export * from './components/page-list/page-list';
 export * from './components/page-list/page-list-filters';
 export * as PageListFilter from './components/page-list/filters';
 export * from './components/page-create/page-create';
+export * from './components/page-show/page-show';
 export { default as dateHelper } from './utils/date-helper';
 export { default as numberHelper } from './utils/number-helper';
 export { default as objectHelper } from './utils/object-helper';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAGlC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,kBAAkB,CAAA;AAChC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AAGjC,cAAc,wCAAwC,CAAA;AACtD,cAAc,sDAAsD,CAAA;AACpE,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAA;AAC/E,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEjD,cAAc,kCAAkC,CAAA;AAChD,cAAc,0CAA0C,CAAA;AACxD,OAAO,KAAK,cAAc,MAAM,gCAAgC,CAAA;AAChE,cAAc,sCAAsC,CAAA;AAGpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAGlC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,kBAAkB,CAAA;AAChC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AAGjC,cAAc,wCAAwC,CAAA;AACtD,cAAc,sDAAsD,CAAA;AACpE,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAA;AAC/E,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEjD,cAAc,kCAAkC,CAAA;AAChD,cAAc,0CAA0C,CAAA;AACxD,OAAO,KAAK,cAAc,MAAM,gCAAgC,CAAA;AAChE,cAAc,sCAAsC,CAAA;AACpD,cAAc,kCAAkC,CAAA;AAGhD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAA"}

package/dist/index.js

@@ -18,6 +18,7 @@ export * from './molecules/alert';
 export * from './molecules/breadcrumb';
 export * from './molecules/card';
 export * from './molecules/dropdown/dropdown';
+export * from './molecules/field';
 export * from './molecules/paginate';
 export * from './molecules/table';
 // Components
@@ -35,6 +36,7 @@ export * from './components/page-list/page-list-filters';
 import * as PageListFilter_1 from './components/page-list/filters';
 export { PageListFilter_1 as PageListFilter };
 export * from './components/page-create/page-create';
+export * from './components/page-show/page-show';
 // Utils
 export { default as dateHelper } from './utils/date-helper';
 export { default as numberHelper } from './utils/number-helper';

package/dist/molecules/field.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare type FieldProps = {
+    label: string;
+    value?: string | number | Date;
+};
+export declare const Field: React.FC<FieldProps>;
+//# sourceMappingURL=field.d.ts.map

package/dist/molecules/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/molecules/field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAC,MAAM,GAAC,IAAI,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAOtC,CAAA"}

package/dist/molecules/field.js

@@ -0,0 +1,6 @@
+import React from 'react';
+export const Field = ({ value, label }) => {
+    return (React.createElement("div", { className: "form-group" },
+        React.createElement("p", { className: "form-label bold" }, label),
+        Boolean(value) && React.createElement("p", null, value)));
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dilicorp/ui",
-  "version": "0.0.5",
+  "version": "0.0.9",
   "description": "A simple UI design for Dilicorp",
   "repository": {
     "type": "git",