react-restyle-components 0.4.39 → 0.4.40

package/lib/src/core-components/src/components/TreeSelect/hooks.js

@@ -1 +1,252 @@
-"use strict";import{useState as x,useCallback as g,useEffect as L}from"react";export function getFieldValue(o,t,e={}){const n={label:e.label||"title",value:e.value||"value",children:e.children||"children"};return o[n[t]]}export function flattenTree(o,t,e){const n=[];for(const c of o){const r=getFieldValue(c,"value",t),a=getFieldValue(c,"children",t),f=e?[...e.path,r]:[r];n.push({...c,parent:e,path:f}),a&&Array.isArray(a)&&n.push(...flattenTree(a,t,{...c,path:f}))}return n}export function findNodeByValue(o,t,e){for(const n of o){const c=getFieldValue(n,"value",e),r=getFieldValue(n,"children",e);if(c===t)return n;if(r&&Array.isArray(r)){const a=findNodeByValue(r,t,e);if(a)return a}}}export function getDescendantValues(o,t){const e=[],n=getFieldValue(o,"children",t);if(n&&Array.isArray(n))for(const c of n){const r=getFieldValue(c,"value",t);e.push(r),e.push(...getDescendantValues(c,t))}return e}export function getAncestorValues(o,t,e){return flattenTree(o,e).find(r=>getFieldValue(r,"value",e)===t)?.path.slice(0,-1)||[]}export function filterTree(o,t,e,n="title",c){if(!t)return o;const a=e||((d,u)=>{const s=u[n];return typeof s=="string"?s.toLowerCase().includes(d.toLowerCase()):!1}),f=[];for(const d of o){const u=getFieldValue(d,"children",c),s=u?filterTree(u,t,e,n,c):[];(a(t,d)||s.length>0)&&f.push({...d,children:s.length>0?s:u})}return f}export function useExpandedState(o,t,e,n,c){const[r,a]=x(()=>{if(e){const s=new Set,i=h=>{for(const l of h){const C=getFieldValue(l,"value",c),p=getFieldValue(l,"children",c);p&&p.length>0&&(s.add(C),i(p))}};return i(o),s}return new Set(t||[])}),f=n?new Set(n):r,d=g(s=>{a(i=>{const h=new Set(i);return h.has(s)?h.delete(s):h.add(s),h})},[]),u=g(s=>{a(new Set(s))},[]);return{expandedKeys:f,toggleExpand:d,setExpanded:u}}export function useCheckedState(o,t,e=!1,n){const[c,r]=x(new Set(t||[])),[a,f]=x(new Set);L(()=>{t&&(r(new Set(t)),e||d(new Set(t)))},[t,e]);const d=g(s=>{if(e){f(new Set);return}const i=new Set,h=flattenTree(o,n);for(const l of h){const C=getFieldValue(l,"value",n),p=getFieldValue(l,"children",n);if(p&&p.length>0){const w=getDescendantValues(l,n),S=w.filter(K=>s.has(K));S.length>0&&S.length<w.length&&i.add(C)}}f(i)},[o,e,n]),u=g((s,i)=>{r(h=>{const l=new Set(h);return l.has(s)?(l.delete(s),e||getDescendantValues(i,n).forEach(w=>l.delete(w))):(l.add(s),e||getDescendantValues(i,n).forEach(w=>l.add(w))),e||v(l,s,o,n),d(l),l})},[e,o,n,d]);return{checkedKeys:c,halfCheckedKeys:a,toggleCheck:u,setCheckedKeys:r}}function v(o,t,e,n){const c=getAncestorValues(e,t,n);for(const r of c.reverse()){const a=findNodeByValue(e,r,n);a&&(getDescendantValues(a,n).every(u=>o.has(u))?o.add(r):o.delete(r))}}export function useAsyncLoading(){const[o,t]=x(new Set),[e,n]=x(new Set),c=g((d,u)=>{t(s=>{const i=new Set(s);return u?i.add(d):i.delete(d),i})},[]),r=g(d=>{n(u=>new Set(u).add(d)),t(u=>{const s=new Set(u);return s.delete(d),s})},[]),a=g(d=>o.has(d),[o]),f=g(d=>e.has(d),[e]);return{loadingKeys:o,setLoading:c,markLoaded:r,isLoading:a,isLoaded:f}}
+import { useState, useCallback, useEffect } from 'react';
+/**
+ * Get the actual field value based on field names mapping
+ */
+export function getFieldValue(node, field, fieldNames = {}) {
+    const mapping = {
+        label: fieldNames.label || 'title',
+        value: fieldNames.value || 'value',
+        children: fieldNames.children || 'children',
+    };
+    return node[mapping[field]];
+}
+/**
+ * Flatten tree data for easier searching
+ */
+export function flattenTree(nodes, fieldNames, parent) {
+    const result = [];
+    for (const node of nodes) {
+        const value = getFieldValue(node, 'value', fieldNames);
+        const children = getFieldValue(node, 'children', fieldNames);
+        const path = parent ? [...parent.path, value] : [value];
+        result.push({ ...node, parent, path });
+        if (children && Array.isArray(children)) {
+            result.push(...flattenTree(children, fieldNames, { ...node, path }));
+        }
+    }
+    return result;
+}
+/**
+ * Find a node by value
+ */
+export function findNodeByValue(nodes, value, fieldNames) {
+    for (const node of nodes) {
+        const nodeValue = getFieldValue(node, 'value', fieldNames);
+        const children = getFieldValue(node, 'children', fieldNames);
+        if (nodeValue === value)
+            return node;
+        if (children && Array.isArray(children)) {
+            const found = findNodeByValue(children, value, fieldNames);
+            if (found)
+                return found;
+        }
+    }
+    return undefined;
+}
+/**
+ * Get all descendant values
+ */
+export function getDescendantValues(node, fieldNames) {
+    const values = [];
+    const children = getFieldValue(node, 'children', fieldNames);
+    if (children && Array.isArray(children)) {
+        for (const child of children) {
+            const childValue = getFieldValue(child, 'value', fieldNames);
+            values.push(childValue);
+            values.push(...getDescendantValues(child, fieldNames));
+        }
+    }
+    return values;
+}
+/**
+ * Get all ancestor values
+ */
+export function getAncestorValues(nodes, targetValue, fieldNames) {
+    const flatNodes = flattenTree(nodes, fieldNames);
+    const target = flatNodes.find((n) => getFieldValue(n, 'value', fieldNames) === targetValue);
+    return target?.path.slice(0, -1) || [];
+}
+/**
+ * Filter tree nodes based on search
+ */
+export function filterTree(nodes, searchValue, filterFn, filterProp = 'title', fieldNames) {
+    if (!searchValue)
+        return nodes;
+    const defaultFilter = (value, node) => {
+        const nodeLabel = node[filterProp];
+        if (typeof nodeLabel === 'string') {
+            return nodeLabel.toLowerCase().includes(value.toLowerCase());
+        }
+        return false;
+    };
+    const filter = filterFn || defaultFilter;
+    const result = [];
+    for (const node of nodes) {
+        const children = getFieldValue(node, 'children', fieldNames);
+        const filteredChildren = children
+            ? filterTree(children, searchValue, filterFn, filterProp, fieldNames)
+            : [];
+        if (filter(searchValue, node) || filteredChildren.length > 0) {
+            result.push({
+                ...node,
+                children: filteredChildren.length > 0 ? filteredChildren : children,
+            });
+        }
+    }
+    return result;
+}
+/**
+ * Hook for managing expanded state
+ */
+export function useExpandedState(treeData, defaultExpandedKeys, defaultExpandAll, controlledExpandedKeys, fieldNames) {
+    const [internalExpanded, setInternalExpanded] = useState(() => {
+        if (defaultExpandAll) {
+            const allKeys = new Set();
+            const collectKeys = (nodes) => {
+                for (const node of nodes) {
+                    const value = getFieldValue(node, 'value', fieldNames);
+                    const children = getFieldValue(node, 'children', fieldNames);
+                    if (children && children.length > 0) {
+                        allKeys.add(value);
+                        collectKeys(children);
+                    }
+                }
+            };
+            collectKeys(treeData);
+            return allKeys;
+        }
+        return new Set(defaultExpandedKeys || []);
+    });
+    const expandedKeys = controlledExpandedKeys
+        ? new Set(controlledExpandedKeys)
+        : internalExpanded;
+    const toggleExpand = useCallback((key) => {
+        setInternalExpanded((prev) => {
+            const next = new Set(prev);
+            if (next.has(key)) {
+                next.delete(key);
+            }
+            else {
+                next.add(key);
+            }
+            return next;
+        });
+    }, []);
+    const setExpanded = useCallback((keys) => {
+        setInternalExpanded(new Set(keys));
+    }, []);
+    return { expandedKeys, toggleExpand, setExpanded };
+}
+/**
+ * Hook for managing checked state (checkable mode)
+ */
+export function useCheckedState(treeData, value, checkStrictly = false, fieldNames) {
+    const [checkedKeys, setCheckedKeys] = useState(new Set(value || []));
+    const [halfCheckedKeys, setHalfCheckedKeys] = useState(new Set());
+    // Update when controlled value changes
+    useEffect(() => {
+        if (value) {
+            setCheckedKeys(new Set(value));
+            if (!checkStrictly) {
+                updateHalfChecked(new Set(value));
+            }
+        }
+    }, [value, checkStrictly]);
+    const updateHalfChecked = useCallback((checked) => {
+        if (checkStrictly) {
+            setHalfCheckedKeys(new Set());
+            return;
+        }
+        const half = new Set();
+        const flatNodes = flattenTree(treeData, fieldNames);
+        // Check each parent node
+        for (const node of flatNodes) {
+            const nodeValue = getFieldValue(node, 'value', fieldNames);
+            const children = getFieldValue(node, 'children', fieldNames);
+            if (children && children.length > 0) {
+                const descendantValues = getDescendantValues(node, fieldNames);
+                const checkedDescendants = descendantValues.filter((v) => checked.has(v));
+                if (checkedDescendants.length > 0 &&
+                    checkedDescendants.length < descendantValues.length) {
+                    half.add(nodeValue);
+                }
+            }
+        }
+        setHalfCheckedKeys(half);
+    }, [treeData, checkStrictly, fieldNames]);
+    const toggleCheck = useCallback((nodeValue, node) => {
+        setCheckedKeys((prev) => {
+            const next = new Set(prev);
+            const isChecked = next.has(nodeValue);
+            if (isChecked) {
+                next.delete(nodeValue);
+                if (!checkStrictly) {
+                    // Uncheck all descendants
+                    const descendants = getDescendantValues(node, fieldNames);
+                    descendants.forEach((v) => next.delete(v));
+                }
+            }
+            else {
+                next.add(nodeValue);
+                if (!checkStrictly) {
+                    // Check all descendants
+                    const descendants = getDescendantValues(node, fieldNames);
+                    descendants.forEach((v) => next.add(v));
+                }
+            }
+            // Update parent states if not strict
+            if (!checkStrictly) {
+                updateParentStates(next, nodeValue, treeData, fieldNames);
+            }
+            updateHalfChecked(next);
+            return next;
+        });
+    }, [checkStrictly, treeData, fieldNames, updateHalfChecked]);
+    return { checkedKeys, halfCheckedKeys, toggleCheck, setCheckedKeys };
+}
+function updateParentStates(checked, changedValue, treeData, fieldNames) {
+    const ancestors = getAncestorValues(treeData, changedValue, fieldNames);
+    for (const ancestorValue of ancestors.reverse()) {
+        const ancestorNode = findNodeByValue(treeData, ancestorValue, fieldNames);
+        if (ancestorNode) {
+            const descendants = getDescendantValues(ancestorNode, fieldNames);
+            const allChecked = descendants.every((v) => checked.has(v));
+            if (allChecked) {
+                checked.add(ancestorValue);
+            }
+            else {
+                checked.delete(ancestorValue);
+            }
+        }
+    }
+}
+/**
+ * Hook for managing async loading
+ */
+export function useAsyncLoading() {
+    const [loadingKeys, setLoadingKeys] = useState(new Set());
+    const [loadedKeys, setLoadedKeys] = useState(new Set());
+    const setLoading = useCallback((key, isLoading) => {
+        setLoadingKeys((prev) => {
+            const next = new Set(prev);
+            if (isLoading) {
+                next.add(key);
+            }
+            else {
+                next.delete(key);
+            }
+            return next;
+        });
+    }, []);
+    const markLoaded = useCallback((key) => {
+        setLoadedKeys((prev) => new Set(prev).add(key));
+        setLoadingKeys((prev) => {
+            const next = new Set(prev);
+            next.delete(key);
+            return next;
+        });
+    }, []);
+    const isLoading = useCallback((key) => loadingKeys.has(key), [loadingKeys]);
+    const isLoaded = useCallback((key) => loadedKeys.has(key), [loadedKeys]);
+    return { loadingKeys, setLoading, markLoaded, isLoading, isLoaded };
+}

package/lib/src/core-components/src/components/TreeSelect/index.js

@@ -1 +1,3 @@
-"use strict";export{TreeSelect,default}from"./TreeSelect";export*from"./types";export{flattenTree,findNodeByValue,getDescendantValues,getAncestorValues,filterTree,getFieldValue}from"./hooks";
+export { TreeSelect, default } from './TreeSelect';
+export * from './types';
+export { flattenTree, findNodeByValue, getDescendantValues, getAncestorValues, filterTree, getFieldValue, } from './hooks';

package/lib/src/core-components/src/components/TreeSelect/types.js

@@ -1 +1 @@
-"use strict";export{};
+export {};

package/lib/src/core-components/src/components/index.js

@@ -1 +1,30 @@
-"use strict";export*from"./Accordion/AccordionSection";export*from"./Accordion/Collapsible/Collapsible2.component";export*from"./AutoComplete";export*from"./Avatar/Avatar";export*from"./Badge/Badge";export*from"./Button";export*from"./FormField";export*from"./Icon";export*from"./Loader/loader.component";export*from"./Modal";export*from"./Picker";export*from"./Selection";export*from"./Stepper2/stepper.component";export*from"./Tabs/tabs.component";export*from"./Tags1/Tags.component";export*from"./Timer1/timer.component";export*from"./Tooltip";export*from"./Breadcrumb";export*from"./DynamicGrid";export*from"./AlertBanner";export*from"./Chip";export*from"./Divider";export*from"./Skeleton";export*from"./Switch";export*from"./Toast";export*from"./SpeedDial";export*from"./Masonry";export*from"./TreeSelect";export*from"./Table";
+export * from './Accordion/AccordionSection';
+export * from './Accordion/Collapsible/Collapsible2.component';
+export * from './AutoComplete';
+export * from './Avatar/Avatar';
+export * from './Badge/Badge';
+export * from './Button';
+export * from './FormField';
+export * from './Icon';
+export * from './Loader/loader.component';
+export * from './Modal';
+export * from './Picker';
+export * from './Selection';
+export * from './Stepper2/stepper.component';
+export * from './Tabs/tabs.component';
+export * from './Tags1/Tags.component';
+export * from './Timer1/timer.component';
+export * from './Tooltip';
+// New components
+export * from './Breadcrumb';
+export * from './DynamicGrid';
+export * from './AlertBanner';
+export * from './Chip';
+export * from './Divider';
+export * from './Skeleton';
+export * from './Switch';
+export * from './Toast';
+export * from './SpeedDial';
+export * from './Masonry';
+export * from './TreeSelect';
+export * from './Table';

package/lib/src/core-components/src/components/pdf/pdf-images.components.js

@@ -1 +1,7 @@
-"use strict";import{jsx as r,Fragment as m}from"react/jsx-runtime";import{Image as e}from"@react-pdf/renderer";export const PdfImage=({src:t="https://picsum.photos/200/300",style:s})=>r(m,{children:r(e,{style:{...s},src:t})});
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Image } from '@react-pdf/renderer';
+export const PdfImage = ({ src = 'https://picsum.photos/200/300', style, }) => {
+    return (_jsx(_Fragment, { children: _jsx(Image, { style: {
+                ...style,
+            }, src: src }) }));
+};

package/lib/src/core-components/src/components/pdf/pdf-table.components.js

@@ -1,5 +1,48 @@
-"use strict";import{jsx as t,Fragment as g,jsxs as s}from"react/jsx-runtime";import{Text as x,View as a,StyleSheet as m}from"@react-pdf/renderer";import{PdfSmall as l}from"./pdf-typography.components";import{PdfBorderView as p}from"./pdf-wrapped-view.components";const r=m.create({table:{borderColor:"#000000",borderWidth:1,marginHorizontal:20,flexFlow:1},tableRow:{flexDirection:"row"},headerBg:{backgroundColor:"#aaa",borderStyle:"solid",borderColor:"#000000",borderWidth:1},tableCellHeader:{margin:2,fontSize:10,fontWeight:"bold",textAlign:"center"},tableCell:{margin:2,fontSize:12},textCenter:{textAlign:"center"}});export const PdfTable=({headerFixed:c=!1,fields:d,data:h,style:y,headerStyle:b})=>s(a,{style:[r.table,{...y}],children:[t(a,{style:[r.tableRow,r.headerBg,{...b}],fixed:c,children:d.map((n,o)=>t(a,{style:[{width:n.width+"%"}],children:t(x,{style:[r.tableCellHeader],children:n?.title})},o))}),h?.map((n,o)=>t(a,{style:r.tableRow,children:Object.entries(n).map((e,i)=>t(p,{style:{width:d[i]?.width+"%",borderStyle:"solid"},mh:0,mv:0,p:0,bw:1,borderColor:"#000000",children:typeof e[1]=="object"?s(g,{children:[t(l,{style:{textAlign:"center"},children:e[1]?.panelDesc?`Panel Description : ${e[1]?.panelDesc} 
-`:""}),t(l,{style:{textAlign:"center"},children:e[1]?.panelMethodName?`Panel Method Name: ${e[1]?.panelMethodName} 
-`:""}),t(l,{style:{textAlign:"center"},children:e[1]?.testMethodName?`Test Method Name: ${e[1]?.testMethodName} 
-`:""}),t(l,{style:{textAlign:"center"},children:e[1]?.analyteDesc?`Analyte Description: ${e[1]?.analyteDesc} 
-`:""}),t(l,{style:{textAlign:"center"},children:e[1]?.analyteMethodName?`Analyte Method Name: ${e[1]?.analyteMethodName}`:""})]}):t(l,{style:{textAlign:"center"},children:e[1]||""})},i))},o))]});
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, View, StyleSheet } from '@react-pdf/renderer';
+import { PdfSmall } from './pdf-typography.components';
+import { PdfBorderView } from './pdf-wrapped-view.components';
+const styles = StyleSheet.create({
+    table: {
+        borderColor: '#000000',
+        borderWidth: 1,
+        marginHorizontal: 20,
+        flexFlow: 1,
+    },
+    tableRow: {
+        flexDirection: 'row',
+    },
+    headerBg: {
+        backgroundColor: '#aaa',
+        borderStyle: 'solid',
+        borderColor: '#000000',
+        borderWidth: 1,
+    },
+    tableCellHeader: {
+        margin: 2,
+        fontSize: 10,
+        fontWeight: 'bold',
+        textAlign: 'center',
+    },
+    tableCell: {
+        margin: 2,
+        fontSize: 12,
+    },
+    textCenter: {
+        textAlign: 'center',
+    },
+});
+export const PdfTable = ({ headerFixed = false, fields, data, style, headerStyle, }) => (_jsxs(View, { style: [styles.table, { ...style }], children: [_jsx(View, { style: [styles.tableRow, styles.headerBg, { ...headerStyle }], fixed: headerFixed, children: fields.map((item, index) => (_jsx(View, { style: [{ width: item.width + '%' }], children: _jsx(Text, { style: [styles.tableCellHeader], children: item?.title }) }, index))) }), data?.map((item, index) => (_jsx(View, { style: styles.tableRow, children: Object.entries(item).map((_item, _idx) => (_jsx(PdfBorderView, { style: {
+                    width: fields[_idx]?.width + '%',
+                    borderStyle: 'solid',
+                }, mh: 0, mv: 0, p: 0, bw: 1, borderColor: "#000000", children: typeof _item[1] == 'object' ? (_jsxs(_Fragment, { children: [_jsx(PdfSmall, { style: { textAlign: 'center' }, children: _item[1]?.panelDesc
+                                ? `Panel Description : ${_item[1]?.panelDesc} \n`
+                                : '' }), _jsx(PdfSmall, { style: { textAlign: 'center' }, children: _item[1]?.panelMethodName
+                                ? `Panel Method Name: ${_item[1]?.panelMethodName} \n`
+                                : '' }), _jsx(PdfSmall, { style: { textAlign: 'center' }, children: _item[1]?.testMethodName
+                                ? `Test Method Name: ${_item[1]?.testMethodName} \n`
+                                : '' }), _jsx(PdfSmall, { style: { textAlign: 'center' }, children: _item[1]?.analyteDesc
+                                ? `Analyte Description: ${_item[1]?.analyteDesc} \n`
+                                : '' }), _jsx(PdfSmall, { style: { textAlign: 'center' }, children: _item[1]?.analyteMethodName
+                                ? `Analyte Method Name: ${_item[1]?.analyteMethodName}`
+                                : '' })] })) : (_jsx(PdfSmall, { style: { textAlign: 'center' }, children: _item[1] || '' })) }, _idx))) }, index)))] }));

package/lib/src/core-components/src/components/pdf/pdf-typography.components.js

@@ -1 +1,70 @@
-"use strict";import{jsx as l}from"react/jsx-runtime";import{Text as n,Font as f}from"@react-pdf/renderer";f.register({family:"ArimaBold",fonts:[{src:"../../../library/assets/fonts/arima/arima-bold.ttf",fontStyle:"normal",fontWeight:"bold"}]}),f.register({family:"ArimaRegular",src:"../../../library/assets/fonts/arima/arima-regular.ttf"});export const PdfHeading=({fontWeight:t="bold",fontSize:e=22,fontFamily:r="ArimaRegular",style:i,children:o})=>l(n,{style:{fontWeight:t,fontSize:e,fontFamily:r,...i},children:o}),PdfSubHeading=({fontWeight:t="bold",fontSize:e=20,fontFamily:r="ArimaRegular",style:i,children:o})=>l(n,{style:{fontWeight:t,fontSize:e,fontFamily:r,...i},children:o}),PdfMedium=({fontWeight:t="medium",fontSize:e=16,textAlign:r="left",fontFamily:i="ArimaRegular",style:o,children:a})=>l(n,{style:{fontWeight:t,fontSize:e,fontFamily:i,textAlign:r,...o},children:a}),PdfRegular=({fontWeight:t="normal",fontSize:e=12,textAlign:r="left",fontFamily:i="ArimaRegular",style:o,children:a})=>l(n,{style:{fontWeight:t,fontSize:e,fontFamily:i,textAlign:r,...o},children:a}),PdfSmall=({fontSize:t=10,fontFamily:e="ArimaRegular",fontWeight:r="normal",textAlign:i="left",lineHeight:o=0,fixed:a=!1,style:m,children:s})=>l(n,{style:{fontSize:t,fontFamily:e,fontWeight:r,lineHeight:o,textAlign:i,...m},fixed:a,children:s}),PdfPageNumber=({style:t,bottom:e=55})=>l(n,{style:{position:"absolute",bottom:e,right:14,fontSize:10,color:"black",...t},render:({pageNumber:r,totalPages:i})=>`Page ${r} of ${i}`,fixed:!0});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text, Font } from '@react-pdf/renderer';
+Font.register({
+    family: 'ArimaBold',
+    fonts: [
+        {
+            src: '../../../library/assets/fonts/arima/arima-bold.ttf',
+            fontStyle: 'normal',
+            fontWeight: 'bold',
+        },
+    ],
+});
+Font.register({
+    family: 'ArimaRegular',
+    src: '../../../library/assets/fonts/arima/arima-regular.ttf',
+});
+export const PdfHeading = ({ fontWeight = 'bold', fontSize = 22, fontFamily = 'ArimaRegular', style, children, }) => {
+    return (_jsx(Text, { style: {
+            fontWeight: fontWeight,
+            fontSize: fontSize,
+            fontFamily: fontFamily,
+            ...style,
+        }, children: children }));
+};
+export const PdfSubHeading = ({ fontWeight = 'bold', fontSize = 20, fontFamily = 'ArimaRegular', style, children, }) => {
+    return (_jsx(Text, { style: {
+            fontWeight: fontWeight,
+            fontSize: fontSize,
+            fontFamily: fontFamily,
+            ...style,
+        }, children: children }));
+};
+export const PdfMedium = ({ fontWeight = 'medium', fontSize = 16, textAlign = 'left', fontFamily = 'ArimaRegular', style, children, }) => {
+    return (_jsx(Text, { style: {
+            fontWeight: fontWeight,
+            fontSize: fontSize,
+            fontFamily: fontFamily,
+            textAlign: textAlign,
+            ...style,
+        }, children: children }));
+};
+export const PdfRegular = ({ fontWeight = 'normal', fontSize = 12, textAlign = 'left', fontFamily = 'ArimaRegular', style, children, }) => {
+    return (_jsx(Text, { style: {
+            fontWeight: fontWeight,
+            fontSize: fontSize,
+            fontFamily: fontFamily,
+            textAlign: textAlign,
+            ...style,
+        }, children: children }));
+};
+export const PdfSmall = ({ fontSize = 10, fontFamily = 'ArimaRegular', fontWeight = 'normal', textAlign = 'left', lineHeight = 0, fixed = false, style, children, }) => {
+    return (_jsx(Text, { style: {
+            fontSize: fontSize,
+            fontFamily: fontFamily,
+            fontWeight: fontWeight,
+            lineHeight: lineHeight,
+            textAlign: textAlign,
+            ...style,
+        }, fixed: fixed, children: children }));
+};
+export const PdfPageNumber = ({ style, bottom = 55 }) => {
+    return (_jsx(Text, { style: {
+            position: 'absolute',
+            bottom: bottom,
+            right: 14,
+            fontSize: 10,
+            color: 'black',
+            ...style,
+        }, render: ({ pageNumber, totalPages }) => `Page ${pageNumber} of ${totalPages}`, fixed: true }));
+};

package/lib/src/core-components/src/components/pdf/pdf-wrapped-view.components.js

@@ -1 +1,50 @@
-"use strict";import{jsx as d}from"react/jsx-runtime";import{View as l}from"@react-pdf/renderer";export const PdfView=({mh:e=20,p:r=2,flexDirection:o="column",style:n,fixed:t=!1,isBreak:i=!1,alignItems:a,mt:s,isWrap:f=!0,children:c})=>d(l,{break:i,style:{marginHorizontal:e,marginTop:s,padding:r,flexDirection:o,alignItems:a,...n},fixed:t,wrap:f,children:c}),PdfBorderView=({mh:e=20,mv:r=50,p:o=2,borderColor:n="gray",bw:t=2,style:i,flexDirection:a="column",fixed:s=!1,isBreak:f=!1,children:c})=>d(l,{break:f,style:{flexDirection:a,marginHorizontal:e,marginVertical:r,padding:o,borderColor:n,borderWidth:t,...i},fixed:s,children:c}),PdfHeader=({bg:e="orange",p:r=10,alignItems:o="flex-start",fixed:n=!1,style:t,children:i})=>d(l,{style:{backgroundColor:e,alignItems:o,padding:r,...t},fixed:n,children:i}),PdfSubHeader=({bg:e="yellow",p:r=4,alignItems:o="flex-end",fixed:n=!1,style:t,children:i})=>d(l,{style:{backgroundColor:e,alignItems:o,padding:r,...t},fixed:n,children:i}),PdfFooterView=({bottom:e=0,left:r=0,right:o=0,bg:n="orange",p:t=10,alignItems:i="center",fixed:a=!1,height:s="100%",style:f,children:c})=>d(l,{style:[{position:"absolute",bottom:e,left:r,right:o,height:s},{backgroundColor:n,padding:t,alignItems:i,...f}],fixed:a,children:c}),PdfGrid=({cols:e=1,bg:r="white",style:o,children:n})=>d(l,{style:{width:`${100/e}%`,backgroundColor:r,...o},children:n});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from '@react-pdf/renderer';
+export const PdfView = ({ mh = 20, p = 2, flexDirection = 'column', style, fixed = false, isBreak = false, alignItems, mt, isWrap = true, children, }) => {
+    return (_jsx(View, { break: isBreak, style: {
+            marginHorizontal: mh,
+            marginTop: mt,
+            padding: p,
+            flexDirection: flexDirection,
+            alignItems: alignItems,
+            ...style,
+        }, fixed: fixed, wrap: isWrap, children: children }));
+};
+export const PdfBorderView = ({ mh = 20, mv = 50, p = 2, borderColor = 'gray', bw = 2, style, flexDirection = 'column', fixed = false, isBreak = false, children, }) => {
+    return (_jsx(View, { break: isBreak, style: {
+            flexDirection: flexDirection,
+            marginHorizontal: mh,
+            marginVertical: mv,
+            padding: p,
+            borderColor: borderColor,
+            borderWidth: bw,
+            ...style,
+        }, fixed: fixed, children: children }));
+};
+export const PdfHeader = ({ bg = 'orange', p = 10, alignItems = 'flex-start', fixed = false, style, children, }) => {
+    return (_jsx(View, { style: {
+            backgroundColor: bg,
+            alignItems: alignItems,
+            padding: p,
+            ...style,
+        }, fixed: fixed, children: children }));
+};
+export const PdfSubHeader = ({ bg = 'yellow', p = 4, alignItems = 'flex-end', fixed = false, style, children, }) => {
+    return (_jsx(View, { style: {
+            backgroundColor: bg,
+            alignItems: alignItems,
+            padding: p,
+            ...style,
+        }, fixed: fixed, children: children }));
+};
+export const PdfFooterView = ({ bottom = 0, left = 0, right = 0, bg = 'orange', p = 10, alignItems = 'center', fixed = false, height = '100%', style, children, }) => {
+    return (_jsx(View, { style: [
+            { position: 'absolute', bottom, left, right, height },
+            { backgroundColor: bg, padding: p, alignItems: alignItems, ...style },
+        ], fixed: fixed, children: children }));
+};
+export const PdfGrid = ({ cols = 1, bg = 'white', style, children, }) => (_jsx(View, { style: {
+        width: `${100 / cols}%`,
+        backgroundColor: bg,
+        ...style,
+    }, children: children }));

package/lib/src/core-components/src/core-components/Avatar.js

@@ -1,13 +1,42 @@
-"use strict";"use client";import{jsx as a}from"react/jsx-runtime";import{styled as n}from"styled-components";const o=({size:r,weight:e,children:t})=>a("span",{style:{fontSize:{1:"0.75rem",4:"1.25rem"}[r],fontWeight:{regular:400,heavy:700}[e]},children:t}),s=n.div`
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from 'styled-components';
+const Text = ({ size, weight, children, }) => {
+    return (_jsx("span", { style: {
+            fontSize: {
+                1: '0.75rem',
+                4: '1.25rem',
+            }[size],
+            fontWeight: {
+                regular: 400,
+                heavy: 700,
+            }[weight],
+        }, children: children }));
+};
+const StyledAvatarBackground = styled.div `
   background-color: var(--aui-primary);
   color: var(--aui-on-primary);
 
   flex-shrink: 0;
-  width: ${({$diameter:r})=>r};
-  height: ${({$diameter:r})=>r};
+  width: ${({ $diameter }) => $diameter};
+  height: ${({ $diameter }) => $diameter};
   border-radius: var(--aui-border-radius-round);
 
   display: inline-flex;
   justify-content: center;
   align-items: center;
-`;export const Avatar=({size:r,children:e})=>{const t={sm:"1.25rem",lg:"2rem"}[r],i={sm:1,lg:4}[r];return a(s,{"data-aui":"avatar",$diameter:t,children:a(o,{size:i,weight:"heavy",children:e})})};
+`;
+/**
+ * Internal Avatar component with basic feature set
+ */
+export const Avatar = ({ size, children }) => {
+    const diameter = {
+        sm: '1.25rem',
+        lg: '2rem',
+    }[size];
+    const fontSize = {
+        sm: 1,
+        lg: 4,
+    }[size];
+    return (_jsx(StyledAvatarBackground, { "data-aui": "avatar", "$diameter": diameter, children: _jsx(Text, { size: fontSize, weight: "heavy", children: children }) }));
+};

package/lib/src/core-components/src/core-components/CoreButton/CoreButton.js

@@ -1 +1,10 @@
-"use strict";"use client";import{jsx as e}from"react/jsx-runtime";import u from"react";import{ButtonElement as _}from"./elements";import{InternalProvider as d,useDeviceDetect as p}from"../../utils";import{DEFAULT_BUTTON_COLOR as F,DEFAULT_BUTTON_SIZE as U,DEFAULT_BUTTON_VARIANT as h}from"./types";export const CoreButton=u.forwardRef(({variant:r=h,color:t=F,ariaLabel:o,size:i=U,children:s,hasChildren:l=!0,iconSide:a="left",hasIcon:n=!1,options:m={useFigmaStyles:!1},...f},c)=>{const{isMobile:T}=p();return e(d,{children:e(_,{ref:c,"aria-label":o,size:i,variant:r,color:t,hasChildren:l,iconSide:a,hasIcon:n,useFigmaStyles:m.useFigmaStyles??!1,isMobile:T,...f,children:s})})});
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { ButtonElement } from './elements';
+import { InternalProvider, useDeviceDetect } from '../../utils';
+import { DEFAULT_BUTTON_COLOR, DEFAULT_BUTTON_SIZE, DEFAULT_BUTTON_VARIANT, } from './types';
+export const CoreButton = React.forwardRef(({ variant = DEFAULT_BUTTON_VARIANT, color = DEFAULT_BUTTON_COLOR, ariaLabel, size = DEFAULT_BUTTON_SIZE, children, hasChildren = true, iconSide = 'left', hasIcon = false, options = { useFigmaStyles: false }, ...rest }, fRef) => {
+    const { isMobile } = useDeviceDetect();
+    return (_jsx(InternalProvider, { children: _jsx(ButtonElement, { ref: fRef, "aria-label": ariaLabel, size: size, variant: variant, color: color, hasChildren: hasChildren, iconSide: iconSide, hasIcon: hasIcon, useFigmaStyles: options.useFigmaStyles ?? false, isMobile: isMobile, ...rest, children: children }) }));
+});