@dilicorp/ui 0.1.14 → 0.1.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/components/page-create/page-create.d.ts +8 -1
  2. package/dist/components/page-create/page-create.d.ts.map +1 -1
  3. package/dist/components/page-create/page-create.js +10 -6
  4. package/dist/components/page-list/page-list.d.ts +5 -1
  5. package/dist/components/page-list/page-list.d.ts.map +1 -1
  6. package/dist/components/page-list/page-list.js +2 -2
  7. package/dist/components/page-show/page-show.d.ts +5 -1
  8. package/dist/components/page-show/page-show.d.ts.map +1 -1
  9. package/dist/components/page-show/page-show.js +1 -1
  10. package/package.json +1 -1
package/dist/components/page-create/page-create.d.ts CHANGED
@@ -1,16 +1,23 @@
1
1
  import React from 'react';
2
2
  import { FormBuilderGroup } from '../form-builder/form-builder.types';
3
3
  import { DropdownItemProps } from '../../molecules/dropdown/dropdown-item';
4
+ import { ModalProps } from '../modal/modal';
4
5
  import { FormikHelpers } from 'formik';
6
+ declare type ExtraButtons = {
7
+ label: string;
8
+ items: DropdownItemProps[];
9
+ };
5
10
  export declare type PageCreateProps<Values = any> = {
6
11
  data: FormBuilderGroup[];
7
12
  onSubmit: (values: Values, formikHelpers: FormikHelpers<Values>) => void;
8
13
  title: string | React.ReactNode;
9
- extraButtons?: DropdownItemProps[];
14
+ modal?: ModalProps;
15
+ extraButtons?: DropdownItemProps[] | ExtraButtons;
10
16
  cancelButton?: {
11
17
  uri: string;
12
18
  label: string;
13
19
  };
14
20
  };
15
21
  export declare const PageCreate: React.FC<PageCreateProps>;
22
+ export {};
16
23
  //# sourceMappingURL=page-create.d.ts.map
package/dist/components/page-create/page-create.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"page-create.d.ts","sourceRoot":"","sources":["../../../src/components/page-create/page-create.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAGtC,oBAAY,eAAe,CAAC,MAAM,GAAG,GAAG,IAAI;IAC1C,IAAI,EAAE,gBAAgB,EAAE,CAAA;IACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACxE,KAAK,EAAE,MAAM,GAAC,KAAK,CAAC,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAClC,YAAY,CAAC,EAAE;QACb,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;CACF,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoChD,CAAA"}
1
+ {"version":3,"file":"page-create.d.ts","sourceRoot":"","sources":["../../../src/components/page-create/page-create.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAC1E,OAAO,EAAE,UAAU,EAAS,MAAM,gBAAgB,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAGtC,aAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,iBAAiB,EAAE,CAAA;CAC3B,CAAA;AAED,oBAAY,eAAe,CAAC,MAAM,GAAG,GAAG,IAAI;IAC1C,IAAI,EAAE,gBAAgB,EAAE,CAAA;IACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACxE,KAAK,EAAE,MAAM,GAAC,KAAK,CAAC,SAAS,CAAA;IAC7B,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,YAAY,CAAC,EAAE,iBAAiB,EAAE,GAAG,YAAY,CAAA;IACjD,YAAY,CAAC,EAAE;QACb,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;CACF,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8ChD,CAAA"}
package/dist/components/page-create/page-create.js CHANGED
@@ -1,15 +1,19 @@
1
1
  import React from 'react';
2
+ import { Modal } from '../modal/modal';
2
3
  import { Button, Col, Dropdown, FormBuilder, Icon, Link, Row, Typography } from '../../';
3
4
  export const PageCreate = (props) => {
4
- const { title, extraButtons = [], cancelButton, onSubmit, data } = props;
5
+ const { title, extraButtons = [], cancelButton, onSubmit, data, modal } = props;
6
+ const isModalPresent = modal && modal.children;
5
7
  return (React.createElement(React.Fragment, null,
6
8
  React.createElement(Row, { className: "mb-3" },
7
9
  React.createElement(Col, null,
8
10
  React.createElement(Typography, { variant: "h4", tag: "h1" }, title)),
9
11
  React.createElement(Col, { className: "ms-auto" },
10
- Boolean(extraButtons.length) && (React.createElement(Dropdown, { color: "default", className: "me-2", label: React.createElement(Icon, { icon: "faEllipsisH" }), items: extraButtons })),
11
- Boolean(cancelButton) && (React.createElement(Button, { tag: Link, href: cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.uri, color: "danger" },
12
- React.createElement(Icon, { icon: "faAngleLeft", className: "me-1" }), cancelButton === null || cancelButton === void 0 ? void 0 :
13
- cancelButton.label)))),
14
- React.createElement(FormBuilder, { data: data, onSubmit: onSubmit })));
12
+ React.createElement("div", { className: "extra-buttons-container" },
13
+ Boolean((Array.isArray(extraButtons) ? extraButtons : extraButtons.items).length) && (React.createElement(Dropdown, { color: "default", align: "right", label: Array.isArray(extraButtons) ? React.createElement(Icon, { icon: "faEllipsisH" }) : extraButtons.label, items: Array.isArray(extraButtons) ? extraButtons : extraButtons.items })),
14
+ Boolean(cancelButton) && (React.createElement(Button, { tag: Link, href: cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.uri, color: "danger" },
15
+ React.createElement(Icon, { icon: "faAngleLeft", className: "me-1" }), cancelButton === null || cancelButton === void 0 ? void 0 :
16
+ cancelButton.label))))),
17
+ React.createElement(FormBuilder, { data: data, onSubmit: onSubmit }),
18
+ isModalPresent && (React.createElement(Modal, { title: modal === null || modal === void 0 ? void 0 : modal.title, closeFn: modal === null || modal === void 0 ? void 0 : modal.closeFn, className: modal === null || modal === void 0 ? void 0 : modal.className }, modal === null || modal === void 0 ? void 0 : modal.children))));
15
19
  };
package/dist/components/page-list/page-list.d.ts CHANGED
@@ -20,10 +20,14 @@ declare type ExportButtonProps = ButtonProps & {
20
20
  label?: string;
21
21
  icon?: IconProps;
22
22
  };
23
+ declare type ExtraButtons = {
24
+ label: string;
25
+ items: DropdownItemProps[];
26
+ };
23
27
  export declare type PageListProps = ChildrenProps & {
24
28
  title?: React.ReactNode;
25
29
  addButton?: BtnProps;
26
- extraButtons?: DropdownItemProps[];
30
+ extraButtons?: DropdownItemProps[] | ExtraButtons;
27
31
  customizeFilter?: React.ReactNode;
28
32
  loading?: boolean;
29
33
  filter?: {
package/dist/components/page-list/page-list.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"page-list.d.ts","sourceRoot":"","sources":["../../../src/components/page-list/page-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAU,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAO1E,aAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,aAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,GAAG;QACb,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC;IACF,KAAK,EAAE,aAAa,GAAG,GAAG,CAAA;CAC3B,CAAA;AAED,aAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;CACxC,CAAA;AAED,aAAK,iBAAiB,GAAG,WAAW,GAAG;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAA;AAED,oBAAY,aAAa,GAAG,aAAa,GAAG;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAClC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,IAAI,CAAC,EAAE;QACL,YAAY,EAAE,MAAM,CAAA;QACpB,QAAQ,EAAE,MAAM,CAAA;QAChB,KAAK,EAAE,MAAM,CAAA;QACb,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAA;CACzC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8F5C,CAAA"}
1
+ {"version":3,"file":"page-list.d.ts","sourceRoot":"","sources":["../../../src/components/page-list/page-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAU,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAO1E,aAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,aAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,GAAG;QACb,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC;IACF,KAAK,EAAE,aAAa,GAAG,GAAG,CAAA;CAC3B,CAAA;AAED,aAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;CACxC,CAAA;AAED,aAAK,iBAAiB,GAAG,WAAW,GAAG;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAA;AAED,aAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,iBAAiB,EAAE,CAAA;CAC3B,CAAA;AAED,oBAAY,aAAa,GAAG,aAAa,GAAG;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,YAAY,CAAC,EAAE,iBAAiB,EAAE,GAAG,YAAY,CAAA;IACjD,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,IAAI,CAAC,EAAE;QACL,YAAY,EAAE,MAAM,CAAA;QACpB,QAAQ,EAAE,MAAM,CAAA;QAChB,KAAK,EAAE,MAAM,CAAA;QACb,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAA;CACzC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+F5C,CAAA"}
package/dist/components/page-list/page-list.js CHANGED
@@ -29,14 +29,14 @@ export const PageList = (props) => {
29
29
  React.createElement(Typography, { variant: "h4", tag: "h1" }, title))),
30
30
  React.createElement(Col, { className: "ms-auto" },
31
31
  React.createElement("div", { className: "extra-buttons-container" },
32
- Boolean(extraButtons.length) && (React.createElement(Dropdown, { color: "default", align: "right", label: React.createElement(Icon, { icon: "faEllipsisH" }), items: extraButtons })),
33
32
  Boolean(extraButtonsInline.length) &&
34
33
  extraButtonsInline.map((item, index) => (React.createElement(Button, Object.assign({ key: `export-button-${index}` }, item),
35
34
  item.label,
36
35
  item.icon && React.createElement(Icon, Object.assign({}, item.icon))))),
37
36
  Boolean(addButton) && (React.createElement(Button, { tag: Link, href: addButton === null || addButton === void 0 ? void 0 : addButton.uri },
38
37
  React.createElement(Icon, { icon: "faPlus", className: "me-1" }), addButton === null || addButton === void 0 ? void 0 :
39
- addButton.label))))),
38
+ addButton.label)),
39
+ Boolean((Array.isArray(extraButtons) ? extraButtons : extraButtons.items).length) && (React.createElement(Dropdown, { color: "default", align: "right", label: Array.isArray(extraButtons) ? React.createElement(Icon, { icon: "faEllipsisH" }) : extraButtons.label, items: Array.isArray(extraButtons) ? extraButtons : extraButtons.items }))))),
40
40
  !!customizeFilter && customizeFilter,
41
41
  !customizeFilter && filterList && (React.createElement(PageListGetFilters, { filterList: filterList, search: search, filter: filter, key: JSON.stringify(history) }, configList)),
42
42
  React.createElement("div", null, restList),
package/dist/components/page-show/page-show.d.ts CHANGED
@@ -5,12 +5,16 @@ declare type ExtraButtonsInlineProps = ButtonProps & {
5
5
  label?: string;
6
6
  icon?: IconProps;
7
7
  };
8
+ declare type ExtraButtons = {
9
+ label: string;
10
+ items: DropdownItemProps[];
11
+ };
8
12
  export declare type PageShowProps = {
9
13
  children: React.ReactNode;
10
14
  title: string | React.ReactNode;
11
15
  subTitle?: string;
12
16
  loading: boolean;
13
- extraButtons?: DropdownItemProps[];
17
+ extraButtons?: DropdownItemProps[] | ExtraButtons;
14
18
  backButton?: {
15
19
  uri: string;
16
20
  label: string;
package/dist/components/page-show/page-show.d.ts.map CHANGED
@@ -1 +1 @@
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;AACzB,OAAO,EAAU,WAAW,EAAuB,SAAS,EAA6C,MAAM,QAAQ,CAAA;AACvH,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAE1E,aAAK,uBAAuB,GAAG,WAAW,GAAG;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAA;AAED,oBAAY,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,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;IACD,kBAAkB,CAAC,EAAE,uBAAuB,EAAE,CAAA;CAC/C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0D5C,CAAA"}
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;AACzB,OAAO,EAAU,WAAW,EAAuB,SAAS,EAA6C,MAAM,QAAQ,CAAA;AACvH,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAE1E,aAAK,uBAAuB,GAAG,WAAW,GAAG;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAA;AAED,aAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,iBAAiB,EAAE,CAAA;CAC3B,CAAA;AAED,oBAAY,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,iBAAiB,EAAE,GAAG,YAAY,CAAA;IACjD,UAAU,CAAC,EAAE;QACX,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,kBAAkB,CAAC,EAAE,uBAAuB,EAAE,CAAA;CAC/C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyD5C,CAAA"}
package/dist/components/page-show/page-show.js CHANGED
@@ -10,11 +10,11 @@ export const PageShow = (props) => {
10
10
  React.createElement(Typography, { variant: "h4", tag: "h1", subTitle: subTitle }, title)),
11
11
  React.createElement(Col, { className: "ms-auto" },
12
12
  React.createElement("div", { className: "extra-buttons-container" },
13
- Boolean(extraButtons.length) && (React.createElement(Dropdown, { color: "default", className: "me-2", align: "right", label: React.createElement(Icon, { icon: "faEllipsisH" }), items: extraButtons })),
14
13
  Boolean(extraButtonsInline.length) &&
15
14
  extraButtonsInline.map((item, index) => (React.createElement(Button, Object.assign({ key: `export-button-${index}` }, item),
16
15
  item.label,
17
16
  item.icon && React.createElement(Icon, Object.assign({}, item.icon))))),
17
+ Boolean((Array.isArray(extraButtons) ? extraButtons : extraButtons.items).length) && (React.createElement(Dropdown, { color: "default", align: "right", label: Array.isArray(extraButtons) ? React.createElement(Icon, { icon: "faEllipsisH" }) : extraButtons.label, items: Array.isArray(extraButtons) ? extraButtons : extraButtons.items })),
18
18
  Boolean(backButton) && (React.createElement(Button, { tag: Link, href: backButton === null || backButton === void 0 ? void 0 : backButton.uri, color: "danger" },
19
19
  React.createElement(Icon, { icon: "faAngleLeft", className: "me-1" }), backButton === null || backButton === void 0 ? void 0 :
20
20
  backButton.label))))),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dilicorp/ui",
3
- "version": "0.1.14",
3
+ "version": "0.1.16",
4
4
  "description": "A simple UI design for Dilicorp",
5
5
  "repository": {
6
6
  "type": "git",