@pega/react-sdk-components 0.24.3 → 0.242.1

package/lib/hooks/index.d.ts

@@ -1,4 +1,6 @@
 export { default as useAfterInitialEffect } from './useAfterInitialEffect';
 export { default as useConsolidatedRef } from './useConsolidatedRef';
 export { default as useUID } from './useUID';
+export { default as useScrolltoTop } from './useScrolltoTop';
+export { default as useFocusFirstField } from './useFocusFirstField';
 //# sourceMappingURL=index.d.ts.map

package/lib/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/hooks/index.js

@@ -1,4 +1,6 @@
 export { default as useAfterInitialEffect } from './useAfterInitialEffect';
 export { default as useConsolidatedRef } from './useConsolidatedRef';
 export { default as useUID } from './useUID';
+export { default as useScrolltoTop } from './useScrolltoTop';
+export { default as useFocusFirstField } from './useFocusFirstField';
 //# sourceMappingURL=index.js.map

package/lib/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC","sourcesContent":["export { default as useAfterInitialEffect } from './useAfterInitialEffect';\nexport { default as useConsolidatedRef } from './useConsolidatedRef';\nexport { default as useUID } from './useUID';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC","sourcesContent":["export { default as useAfterInitialEffect } from './useAfterInitialEffect';\nexport { default as useConsolidatedRef } from './useConsolidatedRef';\nexport { default as useUID } from './useUID';\nexport { default as useScrolltoTop } from './useScrolltoTop';\nexport { default as useFocusFirstField } from './useFocusFirstField';\n"]}

package/lib/hooks/useFocusFirstField.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @example useFocusFirstField(id, children);
+ * Focuses first editable field in the view.
+ */
+declare const useFocusFirstField: (id: any, children: any) => void;
+export default useFocusFirstField;
+//# sourceMappingURL=useFocusFirstField.d.ts.map

package/lib/hooks/useFocusFirstField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusFirstField.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusFirstField.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,QAAA,MAAM,kBAAkB,kCAavB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/hooks/useFocusFirstField.js

@@ -0,0 +1,20 @@
+import { useEffect } from 'react';
+/**
+ * @example useFocusFirstField(id, children);
+ * Focuses first editable field in the view.
+ */
+const useFocusFirstField = (id, children) => {
+    useEffect(() => {
+        const assignment = document.getElementById(id);
+        if (assignment) {
+            // Find all editable elements within the div
+            const editableElements = assignment.querySelectorAll('input, select, textarea');
+            // Focus on the first editable element
+            if (editableElements.length > 0) {
+                editableElements[0].focus();
+            }
+        }
+    }, [children]);
+};
+export default useFocusFirstField;
+//# sourceMappingURL=useFocusFirstField.js.map

package/lib/hooks/useFocusFirstField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusFirstField.js","sourceRoot":"","sources":["../../src/hooks/useFocusFirstField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;;GAGG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,EAAE;IAC1C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;QAC/C,IAAI,UAAU,EAAE;YACd,4CAA4C;YAC5C,MAAM,gBAAgB,GAA4B,UAAU,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,CAAC;YAEzG,sCAAsC;YACtC,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC/B,gBAAgB,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;aAC7B;SACF;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AACjB,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { useEffect } from 'react';\n\n/**\n * @example useFocusFirstField(id, children);\n * Focuses first editable field in the view.\n */\nconst useFocusFirstField = (id, children) => {\n  useEffect(() => {\n    const assignment = document.getElementById(id);\n    if (assignment) {\n      // Find all editable elements within the div\n      const editableElements: NodeListOf<HTMLElement> = assignment.querySelectorAll('input, select, textarea');\n\n      // Focus on the first editable element\n      if (editableElements.length > 0) {\n        editableElements[0].focus();\n      }\n    }\n  }, [children]);\n};\n\nexport default useFocusFirstField;\n"]}

package/lib/hooks/useScrolltoTop.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @example useScrolltoTop(id, children);;
+ * Page scrolls to top on view change.
+ */
+declare const useScrolltoTop: (id: any, children: any) => void;
+export default useScrolltoTop;
+//# sourceMappingURL=useScrolltoTop.d.ts.map

package/lib/hooks/useScrolltoTop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrolltoTop.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrolltoTop.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,QAAA,MAAM,cAAc,kCAKnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/hooks/useScrolltoTop.js

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+/**
+ * @example useScrolltoTop(id, children);;
+ * Page scrolls to top on view change.
+ */
+const useScrolltoTop = (id, children) => {
+    useEffect(() => {
+        const scrollElement = document.querySelector(id);
+        scrollElement?.scrollIntoView();
+    }, [children]);
+};
+export default useScrolltoTop;
+//# sourceMappingURL=useScrolltoTop.js.map

package/lib/hooks/useScrolltoTop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrolltoTop.js","sourceRoot":"","sources":["../../src/hooks/useScrolltoTop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;;GAGG;AACH,MAAM,cAAc,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,EAAE;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;QACjD,aAAa,EAAE,cAAc,EAAE,CAAC;IAClC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AACjB,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { useEffect } from 'react';\n\n/**\n * @example useScrolltoTop(id, children);;\n * Page scrolls to top on view change.\n */\nconst useScrolltoTop = (id, children) => {\n  useEffect(() => {\n    const scrollElement = document.querySelector(id);\n    scrollElement?.scrollIntoView();\n  }, [children]);\n};\n\nexport default useScrolltoTop;\n"]}

package/lib/theme.d.ts

@@ -0,0 +1,11 @@
+import { Theme } from '@mui/material/styles';
+/**
+ * Since makeStyles is now exported from @mui/styles package which does not know about Theme in the core package.
+ * you need to augment the DefaultTheme (empty object) in @mui/styles with Theme from the core.
+ */
+declare module '@mui/styles/defaultTheme' {
+    interface DefaultTheme extends Theme {
+    }
+}
+export declare const theme: Theme;
+//# sourceMappingURL=theme.d.ts.map

package/lib/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C;;;GAGG;AACH,OAAO,QAAQ,0BAA0B,CAAC;IACxC,UAAU,YAAa,SAAQ,KAAK;KAAG;CACxC;AAGD,eAAO,MAAM,KAAK,OAehB,CAAC"}

package/lib/theme.js

@@ -0,0 +1,19 @@
+import { createTheme } from '@mui/material';
+// eslint-disable-next-line import/prefer-default-export
+export const theme = createTheme({
+    palette: {
+        primary: {
+            contrastText: '#fff',
+            dark: '#303f9f',
+            light: '#7986cb',
+            main: '#3f51b5'
+        },
+        secondary: {
+            contrastText: '#fff',
+            dark: '#c51162',
+            light: '#ff4081',
+            main: '#f50057'
+        }
+    }
+});
+//# sourceMappingURL=theme.js.map

package/lib/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAW5C,wDAAwD;AACxD,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAC;IAC/B,OAAO,EAAE;QACP,OAAO,EAAE;YACP,YAAY,EAAE,MAAM;YACpB,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;SAChB;QACD,SAAS,EAAE;YACT,YAAY,EAAE,MAAM;YACpB,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;SAChB;KACF;CACF,CAAC,CAAC","sourcesContent":["import { createTheme } from '@mui/material';\nimport { Theme } from '@mui/material/styles';\n\n/**\n * Since makeStyles is now exported from @mui/styles package which does not know about Theme in the core package.\n * you need to augment the DefaultTheme (empty object) in @mui/styles with Theme from the core.\n */\ndeclare module '@mui/styles/defaultTheme' {\n  interface DefaultTheme extends Theme {}\n}\n\n// eslint-disable-next-line import/prefer-default-export\nexport const theme = createTheme({\n  palette: {\n    primary: {\n      contrastText: '#fff',\n      dark: '#303f9f',\n      light: '#7986cb',\n      main: '#3f51b5'\n    },\n    secondary: {\n      contrastText: '#fff',\n      dark: '#c51162',\n      light: '#ff4081',\n      main: '#f50057'\n    }\n  }\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/react-sdk-components",
-  "version": "0.24.3",
+  "version": "0.242.1",
   "description": "React SDK Infrastructure: bridge and components",
   "_filesComment": "During packing, npm ignores everything NOT in the files list",
   "files": [