@fixefy/fixefy-ui-utils 0.0.12 → 0.0.13

package/dist-cjs/contents/index.d.ts

@@ -0,0 +1,3 @@
+export declare const parseInput: ({ client, fetcher, control, structure, droppedItem, state, onInputChange, classes, args, ...rest }: {
+    [x: string]: any;
+}) => any;

package/dist-cjs/contents/index.js

@@ -1,33 +1,33 @@
 "use strict";
-// import React from 'react'
-// import { ComponentTypes } from '../'
-// import { FxAsyncDropdown, FxButton, FxTextField } from '@fixefy/fixefy-ui-components'
-// export const parseInput = ({ client, fetcher, control, structure, droppedItem, state, onInputChange, classes, args, ...rest }: { [x: string]: any }) => {
-//   const { type, children } = structure
-//   const { AsyncDropdown, Textfield, clear, dropdownOptions } = ComponentTypes
-//   switch (type) {
-//     case AsyncDropdown: {
-//       return <FxAsyncDropdown classes={classes} structure={structure} fetcher={fetcher} onChange={() => {}} {...rest} />
-//     }
-//     case Textfield: {
-//       return <FxTextField autoFocus={true} droppedItem={droppedItem} defaultValue={args && args.data && args.data.default_value} onChange={(e: any) => onInputChange({ structure, value: e.target.value })} structure={structure} {...rest} />
-//     }
-//     case dropdownOptions:
-//       return children.map((child: any) => {
-//         return parseInput({
-//           client,
-//           control,
-//           structure: child,
-//           droppedItem,
-//           state,
-//           onInputChange,
-//           classes,
-//           args,
-//           ...rest,
-//         })
-//       })
-//     case clear:
-//       return <FxButton {...rest}>{structure.name}</FxButton>
-//   }
-// }
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseInput = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const __1 = require("../");
+const fixefy_ui_components_1 = require("@fixefy/fixefy-ui-components");
+const parseInput = (_a) => {
+    var { client, fetcher, control, structure, droppedItem, state, onInputChange, classes, args } = _a, rest = tslib_1.__rest(_a, ["client", "fetcher", "control", "structure", "droppedItem", "state", "onInputChange", "classes", "args"]);
+    const { type, children } = structure;
+    const { AsyncDropdown, Textfield, clear, dropdownOptions } = __1.ComponentTypes;
+    switch (type) {
+        case AsyncDropdown: {
+            return react_1.default.createElement(fixefy_ui_components_1.FxAsyncDropdown, Object.assign({ classes: classes, structure: structure, fetcher: fetcher, onChange: () => { } }, rest));
+        }
+        case Textfield: {
+            return react_1.default.createElement(fixefy_ui_components_1.FxTextField, Object.assign({ autoFocus: true, droppedItem: droppedItem, defaultValue: args && args.data && args.data.default_value, onChange: (e) => onInputChange({ structure, value: e.target.value }), structure: structure }, rest));
+        }
+        case dropdownOptions:
+            return children.map((child) => {
+                return (0, exports.parseInput)(Object.assign({ client,
+                    control, structure: child, droppedItem,
+                    state,
+                    onInputChange,
+                    classes,
+                    args }, rest));
+            });
+        case clear:
+            return react_1.default.createElement(fixefy_ui_components_1.FxButton, Object.assign({}, rest), structure.name);
+    }
+};
+exports.parseInput = parseInput;
 //# sourceMappingURL=index.js.map

package/dist-cjs/contents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/contents/index.tsx"],"names":[],"mappings":";AAAA,4BAA4B;AAE5B,uCAAuC;AACvC,wFAAwF;AAExF,4JAA4J;AAC5J,yCAAyC;AAEzC,gFAAgF;AAEhF,oBAAoB;AACpB,4BAA4B;AAC5B,2HAA2H;AAC3H,QAAQ;AAER,wBAAwB;AACxB,iPAAiP;AACjP,QAAQ;AAER,4BAA4B;AAC5B,8CAA8C;AAC9C,8BAA8B;AAC9B,oBAAoB;AACpB,qBAAqB;AACrB,8BAA8B;AAC9B,yBAAyB;AACzB,mBAAmB;AACnB,2BAA2B;AAC3B,qBAAqB;AACrB,kBAAkB;AAClB,qBAAqB;AACrB,aAAa;AACb,WAAW;AAEX,kBAAkB;AAClB,+DAA+D;AAC/D,MAAM;AACN,IAAI"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/contents/index.tsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AAEzB,2BAAoC;AACpC,uEAAqF;AAE9E,MAAM,UAAU,GAAG,CAAC,EAAwH,EAAE,EAAE;QAA5H,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,OAAiC,EAA5B,IAAI,sBAAhG,yGAAkG,CAAF;IACzH,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;IAEpC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,kBAAc,CAAA;IAE3E,QAAQ,IAAI,EAAE;QACZ,KAAK,aAAa,CAAC,CAAC;YAClB,OAAO,8BAAC,sCAAe,kBAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,IAAM,IAAI,EAAI,CAAA;SACnH;QAED,KAAK,SAAS,CAAC,CAAC;YACd,OAAO,8BAAC,kCAAW,kBAAC,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,IAAM,IAAI,EAAI,CAAA;SACzO;QAED,KAAK,eAAe;YAClB,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,EAAE;gBACjC,OAAO,IAAA,kBAAU,kBACf,MAAM;oBACN,OAAO,EACP,SAAS,EAAE,KAAK,EAChB,WAAW;oBACX,KAAK;oBACL,aAAa;oBACb,OAAO;oBACP,IAAI,IACD,IAAI,EACP,CAAA;YACJ,CAAC,CAAC,CAAA;QAEJ,KAAK,KAAK;YACR,OAAO,8BAAC,+BAAQ,oBAAK,IAAI,GAAG,SAAS,CAAC,IAAI,CAAY,CAAA;KACzD;AACH,CAAC,CAAA;AAhCY,QAAA,UAAU,cAgCtB"}

package/dist-cjs/page_context/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Theme } from '@mui/material/styles';
 declare module '@mui/styles/defaultTheme' {
     interface DefaultTheme extends Theme {

package/dist-cjs/renderer/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const parseValue: ({ value, structure, onClick }: any) => any;
+export declare const getValueComponentByComponentValue: ({ value, name, title, type, onClick, }: {
+    value?: any;
+    name?: string | undefined;
+    title?: string | undefined;
+    type?: any;
+    onClick?: any;
+}) => React.JSX.Element | null;

package/dist-cjs/renderer/index.js

@@ -1,78 +1,67 @@
 "use strict";
-// import React from 'react'
-// import { Typography, Link } from '@mui/material'
-// import { FxChip, FxShowMore } from '@fixefy/fixefy-ui-components'
-// import { ComponentTypes, getJPart, titleCase, getStringValueByValueType } from '../'
-// // helper function in order to extract and present the right value from recursive path - supermannnnnn
-// export const parseValue = ({ value, structure, onClick }: any) => {
-//   //TODO: change active to enabled or disabled
-//   const { extended, name, type, title } = structure
-//   // extract path if exists
-//   const path = extended && extended.title_path
-//   let theTruth
-//   if (path) {
-//     // extract the object in the path
-//     theTruth = getJPart(value, path, undefined)
-//   }
-//   const _value = theTruth === undefined || theTruth === null ? value[name] : theTruth
-//   if (_value === undefined || _value === null) {
-//     return getValueComponentByComponentValue({
-//       value: 'No Value Found',
-//     })
-//   }
-//   // get string value according to value type
-//   let rv = getStringValueByValueType({ value: _value, name })
-//   // parse wrapping component according to type
-//   rv = getValueComponentByComponentValue({
-//     value: rv,
-//     name,
-//     title,
-//     type,
-//     onClick: (e: any) => onClick(e, _value),
-//   })
-//   return rv
-// }
-// export const getValueComponentByComponentValue = ({ value, name, title, type, onClick }: { value?: any; name?: string; title?: string; type?: any; onClick?: any }) => {
-//   let rv = null
-//   switch (type) {
-//     case ComponentTypes.Chip:
-//       rv = <FxChip size="small" key={`${name}-Chip-3003`} style={{ marginBottom: '5px' }} status={value.toLowerCase()} label={value} />
-//       break
-//     case ComponentTypes.ClickableLabel:
-//       rv = (
-//         <Typography
-//           key={`${name}-Link-2002`}
-//           sx={{
-//             marginBottom: '5px',
-//             fontSize: '14px',
-//             textDecoration: 'underline',
-//             cursor: 'pointer',
-//           }}
-//           variant="body1"
-//         >
-//           <Link onClick={onClick}>{titleCase(value)}</Link>
-//         </Typography>
-//       )
-//       break
-//     case ComponentTypes.Label:
-//       if (Array.isArray(value) && value?.length > 1) {
-//         rv = (
-//           <FxShowMore items={value} label={title ?? ''}>
-//             <Typography key={`${name}-Label-1000`} lineHeight={'20px'} sx={{ fontSize: '14px' }} variant="body1">
-//               {titleCase(value[0])}
-//             </Typography>
-//           </FxShowMore>
-//         )
-//       }
-//       break
-//     default:
-//       rv = (
-//         <Typography key={`${name}-Label-1000`} lineHeight={'20px'} sx={{ fontSize: '14px' }} variant="body1">
-//           {titleCase(value)}
-//         </Typography>
-//       )
-//       break
-//   }
-//   return rv
-// }
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getValueComponentByComponentValue = exports.parseValue = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const material_1 = require("@mui/material");
+const fixefy_ui_components_1 = require("@fixefy/fixefy-ui-components");
+const __1 = require("../");
+// helper function in order to extract and present the right value from recursive path - supermannnnnn
+const parseValue = ({ value, structure, onClick }) => {
+    //TODO: change active to enabled or disabled
+    const { extended, name, type, title } = structure;
+    // extract path if exists
+    const path = extended && extended.title_path;
+    let theTruth;
+    if (path) {
+        // extract the object in the path
+        theTruth = (0, __1.getJPart)(value, path, undefined);
+    }
+    const _value = theTruth === undefined || theTruth === null ? value[name] : theTruth;
+    if (_value === undefined || _value === null) {
+        return (0, exports.getValueComponentByComponentValue)({
+            value: 'No Value Found',
+        });
+    }
+    // get string value according to value type
+    let rv = (0, __1.getStringValueByValueType)({ value: _value, name });
+    // parse wrapping component according to type
+    rv = (0, exports.getValueComponentByComponentValue)({
+        value: rv,
+        name,
+        title,
+        type,
+        onClick: (e) => onClick(e, _value),
+    });
+    return rv;
+};
+exports.parseValue = parseValue;
+const getValueComponentByComponentValue = ({ value, name, title, type, onClick, }) => {
+    let rv = null;
+    switch (type) {
+        case __1.ComponentTypes.Chip:
+            rv = (react_1.default.createElement(fixefy_ui_components_1.FxChip, { size: 'small', key: `${name}-Chip-3003`, style: { marginBottom: '5px' }, status: value.toLowerCase(), label: value }));
+            break;
+        case __1.ComponentTypes.ClickableLabel:
+            rv = (react_1.default.createElement(material_1.Typography, { key: `${name}-Link-2002`, sx: {
+                    marginBottom: '5px',
+                    fontSize: '14px',
+                    textDecoration: 'underline',
+                    cursor: 'pointer',
+                }, variant: 'body1' },
+                react_1.default.createElement(material_1.Link, { onClick: onClick }, (0, __1.titleCase)(value))));
+            break;
+        case __1.ComponentTypes.Label:
+            if (Array.isArray(value) && (value === null || value === void 0 ? void 0 : value.length) > 1) {
+                rv = (react_1.default.createElement(fixefy_ui_components_1.FxShowMore, { items: value, label: title !== null && title !== void 0 ? title : '' },
+                    react_1.default.createElement(material_1.Typography, { key: `${name}-Label-1000`, lineHeight: '20px', sx: { fontSize: '14px' }, variant: 'body1' }, (0, __1.titleCase)(value[0]))));
+            }
+            break;
+        default:
+            rv = (react_1.default.createElement(material_1.Typography, { key: `${name}-Label-1000`, lineHeight: '20px', sx: { fontSize: '14px' }, variant: 'body1' }, (0, __1.titleCase)(value)));
+            break;
+    }
+    return rv;
+};
+exports.getValueComponentByComponentValue = getValueComponentByComponentValue;
 //# sourceMappingURL=index.js.map

package/dist-cjs/renderer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/renderer/index.tsx"],"names":[],"mappings":";AAAA,4BAA4B;AAE5B,mDAAmD;AACnD,oEAAoE;AACpE,uFAAuF;AAEvF,yGAAyG;AACzG,sEAAsE;AACtE,iDAAiD;AACjD,sDAAsD;AACtD,8BAA8B;AAC9B,iDAAiD;AACjD,iBAAiB;AACjB,gBAAgB;AAChB,wCAAwC;AACxC,kDAAkD;AAClD,MAAM;AACN,wFAAwF;AACxF,mDAAmD;AACnD,iDAAiD;AACjD,iCAAiC;AACjC,SAAS;AACT,MAAM;AACN,gDAAgD;AAChD,gEAAgE;AAChE,kDAAkD;AAClD,6CAA6C;AAC7C,iBAAiB;AACjB,YAAY;AACZ,aAAa;AACb,YAAY;AACZ,+CAA+C;AAC/C,OAAO;AAEP,cAAc;AACd,IAAI;AAEJ,2KAA2K;AAC3K,kBAAkB;AAElB,oBAAoB;AACpB,gCAAgC;AAChC,0IAA0I;AAC1I,cAAc;AAEd,0CAA0C;AAC1C,eAAe;AACf,sBAAsB;AACtB,sCAAsC;AACtC,kBAAkB;AAClB,mCAAmC;AACnC,gCAAgC;AAChC,2CAA2C;AAC3C,iCAAiC;AACjC,eAAe;AACf,4BAA4B;AAC5B,YAAY;AACZ,8DAA8D;AAC9D,wBAAwB;AACxB,UAAU;AACV,cAAc;AAEd,iCAAiC;AACjC,yDAAyD;AACzD,iBAAiB;AACjB,2DAA2D;AAC3D,oHAAoH;AACpH,sCAAsC;AACtC,4BAA4B;AAC5B,0BAA0B;AAC1B,YAAY;AACZ,UAAU;AACV,cAAc;AAEd,eAAe;AACf,eAAe;AACf,gHAAgH;AAChH,+BAA+B;AAC/B,wBAAwB;AACxB,UAAU;AACV,cAAc;AACd,MAAM;AAEN,cAAc;AACd,IAAI"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/renderer/index.tsx"],"names":[],"mappings":"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"}

package/dist-es/contents/index.d.ts

@@ -0,0 +1,3 @@
+export declare const parseInput: ({ client, fetcher, control, structure, droppedItem, state, onInputChange, classes, args, ...rest }: {
+    [x: string]: any;
+}) => any;

package/dist-es/contents/index.js

@@ -1,33 +1,32 @@
-"use strict";
-// import React from 'react'
-// import { ComponentTypes } from '../'
-// import { FxAsyncDropdown, FxButton, FxTextField } from '@fixefy/fixefy-ui-components'
-// export const parseInput = ({ client, fetcher, control, structure, droppedItem, state, onInputChange, classes, args, ...rest }: { [x: string]: any }) => {
-//   const { type, children } = structure
-//   const { AsyncDropdown, Textfield, clear, dropdownOptions } = ComponentTypes
-//   switch (type) {
-//     case AsyncDropdown: {
-//       return <FxAsyncDropdown classes={classes} structure={structure} fetcher={fetcher} onChange={() => {}} {...rest} />
-//     }
-//     case Textfield: {
-//       return <FxTextField autoFocus={true} droppedItem={droppedItem} defaultValue={args && args.data && args.data.default_value} onChange={(e: any) => onInputChange({ structure, value: e.target.value })} structure={structure} {...rest} />
-//     }
-//     case dropdownOptions:
-//       return children.map((child: any) => {
-//         return parseInput({
-//           client,
-//           control,
-//           structure: child,
-//           droppedItem,
-//           state,
-//           onInputChange,
-//           classes,
-//           args,
-//           ...rest,
-//         })
-//       })
-//     case clear:
-//       return <FxButton {...rest}>{structure.name}</FxButton>
-//   }
-// }
+import React from 'react';
+import { ComponentTypes } from '../';
+import { FxAsyncDropdown, FxButton, FxTextField } from '@fixefy/fixefy-ui-components';
+export const parseInput = ({ client, fetcher, control, structure, droppedItem, state, onInputChange, classes, args, ...rest }) => {
+    const { type, children } = structure;
+    const { AsyncDropdown, Textfield, clear, dropdownOptions } = ComponentTypes;
+    switch (type) {
+        case AsyncDropdown: {
+            return React.createElement(FxAsyncDropdown, { classes: classes, structure: structure, fetcher: fetcher, onChange: () => { }, ...rest });
+        }
+        case Textfield: {
+            return React.createElement(FxTextField, { autoFocus: true, droppedItem: droppedItem, defaultValue: args && args.data && args.data.default_value, onChange: (e) => onInputChange({ structure, value: e.target.value }), structure: structure, ...rest });
+        }
+        case dropdownOptions:
+            return children.map((child) => {
+                return parseInput({
+                    client,
+                    control,
+                    structure: child,
+                    droppedItem,
+                    state,
+                    onInputChange,
+                    classes,
+                    args,
+                    ...rest,
+                });
+            });
+        case clear:
+            return React.createElement(FxButton, { ...rest }, structure.name);
+    }
+};
 //# sourceMappingURL=index.js.map

package/dist-es/contents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/contents/index.tsx"],"names":[],"mappings":";AAAA,4BAA4B;AAE5B,uCAAuC;AACvC,wFAAwF;AAExF,4JAA4J;AAC5J,yCAAyC;AAEzC,gFAAgF;AAEhF,oBAAoB;AACpB,4BAA4B;AAC5B,2HAA2H;AAC3H,QAAQ;AAER,wBAAwB;AACxB,iPAAiP;AACjP,QAAQ;AAER,4BAA4B;AAC5B,8CAA8C;AAC9C,8BAA8B;AAC9B,oBAAoB;AACpB,qBAAqB;AACrB,8BAA8B;AAC9B,yBAAyB;AACzB,mBAAmB;AACnB,2BAA2B;AAC3B,qBAAqB;AACrB,kBAAkB;AAClB,qBAAqB;AACrB,aAAa;AACb,WAAW;AAEX,kBAAkB;AAClB,+DAA+D;AAC/D,MAAM;AACN,IAAI"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/contents/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AACpC,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAErF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,EAAwB,EAAE,EAAE;IACrJ,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;IAEpC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,cAAc,CAAA;IAE3E,QAAQ,IAAI,EAAE;QACZ,KAAK,aAAa,CAAC,CAAC;YAClB,OAAO,oBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,KAAM,IAAI,GAAI,CAAA;SACnH;QAED,KAAK,SAAS,CAAC,CAAC;YACd,OAAO,oBAAC,WAAW,IAAC,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,KAAM,IAAI,GAAI,CAAA;SACzO;QAED,KAAK,eAAe;YAClB,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,EAAE;gBACjC,OAAO,UAAU,CAAC;oBAChB,MAAM;oBACN,OAAO;oBACP,SAAS,EAAE,KAAK;oBAChB,WAAW;oBACX,KAAK;oBACL,aAAa;oBACb,OAAO;oBACP,IAAI;oBACJ,GAAG,IAAI;iBACR,CAAC,CAAA;YACJ,CAAC,CAAC,CAAA;QAEJ,KAAK,KAAK;YACR,OAAO,oBAAC,QAAQ,OAAK,IAAI,IAAG,SAAS,CAAC,IAAI,CAAY,CAAA;KACzD;AACH,CAAC,CAAA"}

package/dist-es/page_context/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Theme } from '@mui/material/styles';
 declare module '@mui/styles/defaultTheme' {
     interface DefaultTheme extends Theme {

package/dist-es/renderer/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const parseValue: ({ value, structure, onClick }: any) => any;
+export declare const getValueComponentByComponentValue: ({ value, name, title, type, onClick, }: {
+    value?: any;
+    name?: string | undefined;
+    title?: string | undefined;
+    type?: any;
+    onClick?: any;
+}) => React.JSX.Element | null;

package/dist-es/renderer/index.js

@@ -1,78 +1,61 @@
-"use strict";
-// import React from 'react'
-// import { Typography, Link } from '@mui/material'
-// import { FxChip, FxShowMore } from '@fixefy/fixefy-ui-components'
-// import { ComponentTypes, getJPart, titleCase, getStringValueByValueType } from '../'
-// // helper function in order to extract and present the right value from recursive path - supermannnnnn
-// export const parseValue = ({ value, structure, onClick }: any) => {
-//   //TODO: change active to enabled or disabled
-//   const { extended, name, type, title } = structure
-//   // extract path if exists
-//   const path = extended && extended.title_path
-//   let theTruth
-//   if (path) {
-//     // extract the object in the path
-//     theTruth = getJPart(value, path, undefined)
-//   }
-//   const _value = theTruth === undefined || theTruth === null ? value[name] : theTruth
-//   if (_value === undefined || _value === null) {
-//     return getValueComponentByComponentValue({
-//       value: 'No Value Found',
-//     })
-//   }
-//   // get string value according to value type
-//   let rv = getStringValueByValueType({ value: _value, name })
-//   // parse wrapping component according to type
-//   rv = getValueComponentByComponentValue({
-//     value: rv,
-//     name,
-//     title,
-//     type,
-//     onClick: (e: any) => onClick(e, _value),
-//   })
-//   return rv
-// }
-// export const getValueComponentByComponentValue = ({ value, name, title, type, onClick }: { value?: any; name?: string; title?: string; type?: any; onClick?: any }) => {
-//   let rv = null
-//   switch (type) {
-//     case ComponentTypes.Chip:
-//       rv = <FxChip size="small" key={`${name}-Chip-3003`} style={{ marginBottom: '5px' }} status={value.toLowerCase()} label={value} />
-//       break
-//     case ComponentTypes.ClickableLabel:
-//       rv = (
-//         <Typography
-//           key={`${name}-Link-2002`}
-//           sx={{
-//             marginBottom: '5px',
-//             fontSize: '14px',
-//             textDecoration: 'underline',
-//             cursor: 'pointer',
-//           }}
-//           variant="body1"
-//         >
-//           <Link onClick={onClick}>{titleCase(value)}</Link>
-//         </Typography>
-//       )
-//       break
-//     case ComponentTypes.Label:
-//       if (Array.isArray(value) && value?.length > 1) {
-//         rv = (
-//           <FxShowMore items={value} label={title ?? ''}>
-//             <Typography key={`${name}-Label-1000`} lineHeight={'20px'} sx={{ fontSize: '14px' }} variant="body1">
-//               {titleCase(value[0])}
-//             </Typography>
-//           </FxShowMore>
-//         )
-//       }
-//       break
-//     default:
-//       rv = (
-//         <Typography key={`${name}-Label-1000`} lineHeight={'20px'} sx={{ fontSize: '14px' }} variant="body1">
-//           {titleCase(value)}
-//         </Typography>
-//       )
-//       break
-//   }
-//   return rv
-// }
+import React from 'react';
+import { Typography, Link } from '@mui/material';
+import { FxChip, FxShowMore } from '@fixefy/fixefy-ui-components';
+import { ComponentTypes, getJPart, titleCase, getStringValueByValueType } from '../';
+// helper function in order to extract and present the right value from recursive path - supermannnnnn
+export const parseValue = ({ value, structure, onClick }) => {
+    //TODO: change active to enabled or disabled
+    const { extended, name, type, title } = structure;
+    // extract path if exists
+    const path = extended && extended.title_path;
+    let theTruth;
+    if (path) {
+        // extract the object in the path
+        theTruth = getJPart(value, path, undefined);
+    }
+    const _value = theTruth === undefined || theTruth === null ? value[name] : theTruth;
+    if (_value === undefined || _value === null) {
+        return getValueComponentByComponentValue({
+            value: 'No Value Found',
+        });
+    }
+    // get string value according to value type
+    let rv = getStringValueByValueType({ value: _value, name });
+    // parse wrapping component according to type
+    rv = getValueComponentByComponentValue({
+        value: rv,
+        name,
+        title,
+        type,
+        onClick: (e) => onClick(e, _value),
+    });
+    return rv;
+};
+export const getValueComponentByComponentValue = ({ value, name, title, type, onClick, }) => {
+    let rv = null;
+    switch (type) {
+        case ComponentTypes.Chip:
+            rv = (React.createElement(FxChip, { size: 'small', key: `${name}-Chip-3003`, style: { marginBottom: '5px' }, status: value.toLowerCase(), label: value }));
+            break;
+        case ComponentTypes.ClickableLabel:
+            rv = (React.createElement(Typography, { key: `${name}-Link-2002`, sx: {
+                    marginBottom: '5px',
+                    fontSize: '14px',
+                    textDecoration: 'underline',
+                    cursor: 'pointer',
+                }, variant: 'body1' },
+                React.createElement(Link, { onClick: onClick }, titleCase(value))));
+            break;
+        case ComponentTypes.Label:
+            if (Array.isArray(value) && value?.length > 1) {
+                rv = (React.createElement(FxShowMore, { items: value, label: title ?? '' },
+                    React.createElement(Typography, { key: `${name}-Label-1000`, lineHeight: '20px', sx: { fontSize: '14px' }, variant: 'body1' }, titleCase(value[0]))));
+            }
+            break;
+        default:
+            rv = (React.createElement(Typography, { key: `${name}-Label-1000`, lineHeight: '20px', sx: { fontSize: '14px' }, variant: 'body1' }, titleCase(value)));
+            break;
+    }
+    return rv;
+};
 //# sourceMappingURL=index.js.map

package/dist-es/renderer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/renderer/index.tsx"],"names":[],"mappings":";AAAA,4BAA4B;AAE5B,mDAAmD;AACnD,oEAAoE;AACpE,uFAAuF;AAEvF,yGAAyG;AACzG,sEAAsE;AACtE,iDAAiD;AACjD,sDAAsD;AACtD,8BAA8B;AAC9B,iDAAiD;AACjD,iBAAiB;AACjB,gBAAgB;AAChB,wCAAwC;AACxC,kDAAkD;AAClD,MAAM;AACN,wFAAwF;AACxF,mDAAmD;AACnD,iDAAiD;AACjD,iCAAiC;AACjC,SAAS;AACT,MAAM;AACN,gDAAgD;AAChD,gEAAgE;AAChE,kDAAkD;AAClD,6CAA6C;AAC7C,iBAAiB;AACjB,YAAY;AACZ,aAAa;AACb,YAAY;AACZ,+CAA+C;AAC/C,OAAO;AAEP,cAAc;AACd,IAAI;AAEJ,2KAA2K;AAC3K,kBAAkB;AAElB,oBAAoB;AACpB,gCAAgC;AAChC,0IAA0I;AAC1I,cAAc;AAEd,0CAA0C;AAC1C,eAAe;AACf,sBAAsB;AACtB,sCAAsC;AACtC,kBAAkB;AAClB,mCAAmC;AACnC,gCAAgC;AAChC,2CAA2C;AAC3C,iCAAiC;AACjC,eAAe;AACf,4BAA4B;AAC5B,YAAY;AACZ,8DAA8D;AAC9D,wBAAwB;AACxB,UAAU;AACV,cAAc;AAEd,iCAAiC;AACjC,yDAAyD;AACzD,iBAAiB;AACjB,2DAA2D;AAC3D,oHAAoH;AACpH,sCAAsC;AACtC,4BAA4B;AAC5B,0BAA0B;AAC1B,YAAY;AACZ,UAAU;AACV,cAAc;AAEd,eAAe;AACf,eAAe;AACf,gHAAgH;AAChH,+BAA+B;AAC/B,wBAAwB;AACxB,UAAU;AACV,cAAc;AACd,MAAM;AAEN,cAAc;AACd,IAAI"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/renderer/index.tsx"],"names":[],"mappings":"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"}

package/dist-types/contents/index.d.ts

@@ -0,0 +1,3 @@
+export declare const parseInput: ({ client, fetcher, control, structure, droppedItem, state, onInputChange, classes, args, ...rest }: {
+    [x: string]: any;
+}) => any;

package/dist-types/page_context/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Theme } from '@mui/material/styles';
 declare module '@mui/styles/defaultTheme' {
     interface DefaultTheme extends Theme {

package/dist-types/renderer/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const parseValue: ({ value, structure, onClick }: any) => any;
+export declare const getValueComponentByComponentValue: ({ value, name, title, type, onClick, }: {
+    value?: any;
+    name?: string | undefined;
+    title?: string | undefined;
+    type?: any;
+    onClick?: any;
+}) => React.JSX.Element | null;

package/package.json

@@ -4,7 +4,7 @@
     "fs": false
   },
   "dependencies": {
-    "@fixefy/fixefy-ui-components": "^0.0.9",
+    "@fixefy/fixefy-ui-components": "^0.0.14",
     "@mui/material": "^5.14.11",
     "@mui/styled-engine": "^5.14.11",
     "@mui/styles": "^5.14.11",
@@ -64,5 +64,5 @@
     }
   },
   "types": "./dist-types/index.d.ts",
-  "version": "0.0.12"
+  "version": "0.0.13"
 }