@telus-uds/components-web 2.17.0 → 2.17.2

package/CHANGELOG.md

@@ -1,12 +1,29 @@
 # Change Log - @telus-uds/components-web
 
-This log was last generated on Tue, 08 Aug 2023 23:51:39 GMT and should not be manually modified.
+This log was last generated on Thu, 31 Aug 2023 17:58:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 2.17.2
+
+Thu, 31 Aug 2023 17:58:49 GMT
+
+### Patches
+
+- Bump @telus-uds/components-base to v1.59.2
+
+## 2.17.1
+
+Mon, 21 Aug 2023 19:06:28 GMT
+
+### Patches
+
+- Synced up event propagation to the relevant element taking `id` (shahzaibkhalidmalik@outlook.com)
+- Bump @telus-uds/components-base to v1.59.1
+
 ## 2.17.0
 
-Tue, 08 Aug 2023 23:51:39 GMT
+Wed, 09 Aug 2023 00:02:59 GMT
 
 ### Minor changes
 

package/component-docs.json

@@ -847,6 +847,17 @@
           "required": false,
           "description": "Function to call on pressing the panel's control, which should open or close the panel."
         },
+        "nativeID": {
+          "defaultValue": {
+            "value": "''",
+            "computed": false
+          },
+          "type": {
+            "name": "string"
+          },
+          "required": false,
+          "description": "ID for DOM element on web"
+        },
         "onPress": {
           "type": {
             "name": "func"
@@ -10696,6 +10707,13 @@
           },
           "required": false,
           "description": ""
+        },
+        "nativeSubmitBtnID": {
+          "type": {
+            "name": "string"
+          },
+          "required": false,
+          "description": "ID for Submit button element on web"
         }
       },
       "attributes": {

package/lib/ExpandCollapseMini/ExpandCollapseMini.js

@@ -26,6 +26,7 @@ const ExpandCollapseMini = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     children,
     onToggle,
     tokens,
+    nativeID,
     ...rest
   } = _ref;
 
@@ -57,6 +58,7 @@ const ExpandCollapseMini = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         ...rest
       }),
       controlRef: ref,
+      nativeID: nativeID,
       children: children
     })
   });
@@ -68,10 +70,16 @@ ExpandCollapseMini.propTypes = { ..._ExpandCollapseMiniControl.default.propTypes
    * Function to call on pressing the panel's control, which should open or close the panel.
    */
   onToggle: _propTypes.default.func,
+
+  /**
+   * ID for DOM element on web
+   */
+  nativeID: _propTypes.default.string,
   children: _propTypes.default.node.isRequired
 };
 ExpandCollapseMini.defaultProps = {
-  onToggle: () => {}
+  onToggle: () => {},
+  nativeID: ''
 };
 var _default = ExpandCollapseMini;
 exports.default = _default;

package/lib/Table/Table.js

@@ -107,7 +107,6 @@ const Table = _ref2 => {
     ref: containerRef,
     isScrollable: isScrollable,
     tablePaddingBottom: tablePaddingBottom,
-    ...selectProps(rest),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableContext.Provider, {
       value: {
         text,
@@ -121,6 +120,7 @@ const Table = _ref2 => {
         tableWidth: tableWidth,
         cellSpacing: 0,
         ref: tableRef,
+        ...selectProps(rest),
         children: children
       })
     })

package/lib-module/ExpandCollapseMini/ExpandCollapseMini.js

@@ -8,6 +8,7 @@ const ExpandCollapseMini = /*#__PURE__*/forwardRef((_ref, ref) => {
     children,
     onToggle,
     tokens,
+    nativeID,
     ...rest
   } = _ref;
 
@@ -39,6 +40,7 @@ const ExpandCollapseMini = /*#__PURE__*/forwardRef((_ref, ref) => {
         ...rest
       }),
       controlRef: ref,
+      nativeID: nativeID,
       children: children
     })
   });
@@ -50,9 +52,15 @@ ExpandCollapseMini.propTypes = { ...ExpandCollapseMiniControl.propTypes,
    * Function to call on pressing the panel's control, which should open or close the panel.
    */
   onToggle: PropTypes.func,
+
+  /**
+   * ID for DOM element on web
+   */
+  nativeID: PropTypes.string,
   children: PropTypes.node.isRequired
 };
 ExpandCollapseMini.defaultProps = {
-  onToggle: () => {}
+  onToggle: () => {},
+  nativeID: ''
 };
 export default ExpandCollapseMini;

package/lib-module/Table/Table.js

@@ -80,7 +80,6 @@ const Table = _ref2 => {
     ref: containerRef,
     isScrollable: isScrollable,
     tablePaddingBottom: tablePaddingBottom,
-    ...selectProps(rest),
     children: /*#__PURE__*/_jsx(TableContext.Provider, {
       value: {
         text,
@@ -94,6 +93,7 @@ const Table = _ref2 => {
         tableWidth: tableWidth,
         cellSpacing: 0,
         ref: tableRef,
+        ...selectProps(rest),
         children: children
       })
     })

package/package.json

@@ -5,7 +5,7 @@
   ],
   "dependencies": {
     "@gorhom/portal": "^1.0.14",
-    "@telus-uds/components-base": "1.59.0",
+    "@telus-uds/components-base": "1.59.2",
     "@telus-uds/system-constants": "^1.3.0",
     "fscreen": "^1.2.0",
     "lodash.omit": "^4.5.0",
@@ -63,5 +63,5 @@
     "skip": true
   },
   "types": "types/index.d.ts",
-  "version": "2.17.0"
+  "version": "2.17.2"
 }

package/src/ExpandCollapseMini/ExpandCollapseMini.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import { ExpandCollapse } from '@telus-uds/components-base'
 import ExpandCollapseMiniControl from './ExpandCollapseMiniControl'
 
-const ExpandCollapseMini = forwardRef(({ children, onToggle, tokens, ...rest }, ref) => {
+const ExpandCollapseMini = forwardRef(({ children, onToggle, tokens, nativeID, ...rest }, ref) => {
   const handleChange = (openPanels, event) => {
     if (typeof onToggle === 'function') {
       const isOpen = openPanels.length > 0
@@ -31,6 +31,7 @@ const ExpandCollapseMini = forwardRef(({ children, onToggle, tokens, ...rest },
             <ExpandCollapseMiniControl pressableState={pressableState} {...rest} />
           )}
           controlRef={ref}
+          nativeID={nativeID}
         >
           {children}
         </ExpandCollapse.Panel>
@@ -46,10 +47,15 @@ ExpandCollapseMini.propTypes = {
    * Function to call on pressing the panel's control, which should open or close the panel.
    */
   onToggle: PropTypes.func,
+  /**
+   * ID for DOM element on web
+   */
+  nativeID: PropTypes.string,
   children: PropTypes.node.isRequired
 }
 ExpandCollapseMini.defaultProps = {
-  onToggle: () => {}
+  onToggle: () => {},
+  nativeID: ''
 }
 
 export default ExpandCollapseMini

package/src/Table/Table.jsx

@@ -81,7 +81,6 @@ const Table = ({
       ref={containerRef}
       isScrollable={isScrollable}
       tablePaddingBottom={tablePaddingBottom}
-      {...selectProps(rest)}
     >
       <TableContext.Provider value={{ text, isScrollable, tokens, spacing }}>
         <StyledTable
@@ -90,6 +89,7 @@ const Table = ({
           tableWidth={tableWidth}
           cellSpacing={0}
           ref={tableRef}
+          {...selectProps(rest)}
         >
           {children}
         </StyledTable>

package/types/common.d.ts

@@ -145,7 +145,7 @@ export type Tokens = Record<string, any>
 
 export type CopyLang = 'en' | 'fr'
 
-export type Variant = Record<string, string | number | boolean>
+export type Variant = Record<string, string | number | boolean | undefined>
 
 export interface PressableState {
   pressed: boolean