@wavemaker-ai/app-rn-runtime 1.0.0-rc.647469

package/components/input/checkbox/checkbox.component.js

@@ -0,0 +1,124 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
+import { unStringify, validateField } from '@wavemaker-ai/app-rn-runtime/core/utils';
+import WmCheckboxProps from './checkbox.props';
+import { DEFAULT_CLASS } from './checkbox.styles';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
+import WmLabel from '../../basic/label/label.component';
+export class WmCheckboxState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isChecked", false);
+    _defineProperty(this, "isValid", true);
+    _defineProperty(this, "errorType", '');
+  }
+}
+export default class WmCheckbox extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmCheckboxProps(), new WmCheckboxState());
+  }
+  setChecked(dataValue, checkedvalue) {
+    const value = unStringify(dataValue) === unStringify(checkedvalue, true);
+    this.updateState({
+      isChecked: value
+    });
+  }
+  onPropertyChange(name, $new, $old) {
+    switch (name) {
+      case 'checkedvalue':
+        this.setChecked(this.state.props.datavalue, $new);
+        break;
+      case 'datavalue':
+        this.setChecked($new, this.state.props.checkedvalue);
+        break;
+    }
+  }
+  updateDatavalue(value) {
+    this.updateState({
+      props: {
+        datavalue: value
+      }
+    });
+  }
+  validate(value) {
+    const validationObj = validateField(this.state.props, value);
+    this.updateState({
+      isValid: validationObj.isValid,
+      errorType: validationObj.errorType
+    });
+  }
+  onPress() {
+    if (this.state.props.disabled || this.state.props.readonly) {
+      return;
+    }
+    this.invokeEventCallback('onFocus', [null, this.proxy]);
+    this.invokeEventCallback('onTap', [null, this.proxy]);
+    const oldValue = this.state.props.datavalue;
+    const value = !this.state.isChecked;
+    this.validate(value);
+    this.updateState({
+      isChecked: value
+    });
+    const dataValue = value === true ? this.state.props.checkedvalue : this.state.props.uncheckedvalue;
+    this.updateState({
+      props: {
+        datavalue: dataValue
+      }
+    }, () => {
+      if (!this.props.onFieldChange) {
+        this.invokeEventCallback('onChange', [null, this.proxy, dataValue, oldValue]);
+      } else {
+        this.props.onFieldChange && this.props.onFieldChange('datavalue', dataValue, oldValue);
+      }
+      setTimeout(() => {
+        this.invokeEventCallback('onBlur', [null, this.proxy]);
+      }, 10);
+    });
+  }
+  renderSkeleton(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.root, this.styles.skeleton.root]
+    }, /*#__PURE__*/React.createElement(WmIcon, {
+      styles: {
+        root: {
+          ...this.styles.checkicon,
+          ...this.styles.iconSkeleton.root
+        }
+      }
+    }), /*#__PURE__*/React.createElement(WmLabel, {
+      styles: {
+        root: {
+          ...this.styles.text,
+          ...this.styles.labelSkeleton.root
+        }
+      }
+    }));
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction(), {
+      style: [this.styles.root, this.state.isChecked ? this.styles.checkedItem : null],
+      onPress: this.onPress.bind(this)
+    }, getAccessibilityProps(AccessibilityWidgetType.CHECKBOX, {
+      ...this.props,
+      checked: this.state.isChecked
+    }), {
+      onLayout: event => this.handleLayout(event)
+    }), this._background, /*#__PURE__*/React.createElement(WmIcon, {
+      iconclass: "wi wi-check",
+      styles: this.state.isChecked ? this.styles.checkicon : this.styles.uncheckicon,
+      disabled: props.readonly || props.disabled,
+      id: this.getTestId('checkbox'),
+      accessible: false
+    }), /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel(), {
+      style: [this.styles.text, this.state.isChecked ? this.styles.selectedLabel : null],
+      importantForAccessibility: "no"
+    }), props.caption));
+  }
+}
+//# sourceMappingURL=checkbox.component.js.map

package/components/input/checkbox/checkbox.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","TouchableOpacity","View","BaseComponent","BaseComponentState","WmIcon","unStringify","validateField","WmCheckboxProps","DEFAULT_CLASS","AccessibilityWidgetType","getAccessibilityProps","WmLabel","WmCheckboxState","constructor","args","_defineProperty","WmCheckbox","props","setChecked","dataValue","checkedvalue","value","updateState","isChecked","onPropertyChange","name","$new","$old","state","datavalue","updateDatavalue","validate","validationObj","isValid","errorType","onPress","disabled","readonly","invokeEventCallback","proxy","oldValue","uncheckedvalue","onFieldChange","setTimeout","renderSkeleton","createElement","style","styles","root","skeleton","checkicon","iconSkeleton","text","labelSkeleton","renderWidget","_extends","getTestPropsForAction","checkedItem","bind","CHECKBOX","checked","onLayout","event","handleLayout","_background","iconclass","uncheckicon","id","getTestId","accessible","getTestPropsForLabel","selectedLabel","importantForAccessibility","caption"],"sources":["checkbox.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Text, TouchableOpacity, View } from 'react-native';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport {unStringify, validateField} from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nimport WmCheckboxProps from './checkbox.props';\nimport { DEFAULT_CLASS, WmCheckboxStyles } from './checkbox.styles';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport WmLabel from '../../basic/label/label.component';\n\nexport class WmCheckboxState extends BaseComponentState<WmCheckboxProps> {\n  isChecked: boolean = false;\n  isValid: boolean = true;\n  errorType = '';\n}\n\nexport default class WmCheckbox extends BaseComponent<WmCheckboxProps, WmCheckboxState, WmCheckboxStyles> {\n\n  constructor(props: WmCheckboxProps) {\n    super(props, DEFAULT_CLASS, new WmCheckboxProps(), new WmCheckboxState());\n  }\n\n  setChecked(dataValue: any, checkedvalue: any) {\n    const value = unStringify(dataValue) === unStringify(checkedvalue, true);\n    this.updateState({ isChecked: value } as WmCheckboxState);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'checkedvalue':\n        this.setChecked(this.state.props.datavalue, $new);\n        break;\n      case 'datavalue':\n        this.setChecked($new, this.state.props.checkedvalue);\n        break;\n    }\n  }\n\n  updateDatavalue(value: any) {\n    this.updateState({ props: { datavalue: value }} as WmCheckboxState);\n  }\n  validate(value: any) {\n    const validationObj = validateField(this.state.props, value);\n    this.updateState({\n      isValid: validationObj.isValid,\n      errorType: validationObj.errorType\n    } as WmCheckboxState);\n  }\n\n  onPress() {\n    if (this.state.props.disabled || this.state.props.readonly) {\n      return;\n    }\n    this.invokeEventCallback('onFocus', [null, this.proxy]);\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    const oldValue = this.state.props.datavalue;\n    const value = !this.state.isChecked;\n    this.validate(value);\n    this.updateState({ isChecked: value } as WmCheckboxState);\n    const dataValue = value === true ? this.state.props.checkedvalue : this.state.props.uncheckedvalue;\n    this.updateState({ props: { datavalue: dataValue } } as WmCheckboxState,\n      () => {\n        if (!this.props.onFieldChange) {\n          this.invokeEventCallback('onChange', [null, this.proxy, dataValue, oldValue]);\n        } else {\n          this.props.onFieldChange && this.props.onFieldChange('datavalue', dataValue, oldValue);\n        }\n        setTimeout(() => {\n          this.invokeEventCallback('onBlur', [ null, this.proxy ]);\n        }, 10);\n      });\n  }\n\n  public renderSkeleton(props: WmCheckboxProps): React.ReactNode {\n    return <View style={[this.styles.root, this.styles.skeleton.root]}>\n        <WmIcon styles={{ root: {...this.styles.checkicon, ...this.styles.iconSkeleton.root} }}/>\n        <WmLabel styles={{ root: {...this.styles.text, ...this.styles.labelSkeleton.root} }}/>\n      </View>\n  }\n\n  renderWidget(props: WmCheckboxProps) {\n    return (\n      <TouchableOpacity\n        {...this.getTestPropsForAction()}\n        style={[this.styles.root, this.state.isChecked ? this.styles.checkedItem : null]}\n        onPress={this.onPress.bind(this)}\n        {...getAccessibilityProps(AccessibilityWidgetType.CHECKBOX, { ...this.props, checked: this.state.isChecked})}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n          {this._background}\n          <WmIcon iconclass=\"wi wi-check\" styles={this.state.isChecked ? this.styles.checkicon : this.styles.uncheckicon} disabled={props.readonly || props.disabled} id={this.getTestId('checkbox')} accessible={false}/>\n          <Text {...this.getTestPropsForLabel()} style={[this.styles.text, this.state.isChecked ? this.styles.selectedLabel: null]} importantForAccessibility='no'>{props.caption}</Text>\n      </TouchableOpacity>\n    );\n  }\n}\n\n\n\n"],"mappings":"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","ignoreList":[]}

package/components/input/checkbox/checkbox.props.js

@@ -0,0 +1,18 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export default class WmCheckboxProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "caption", null);
+    _defineProperty(this, "datavalue", false);
+    _defineProperty(this, "checkedvalue", true);
+    _defineProperty(this, "uncheckedvalue", false);
+    _defineProperty(this, "readonly", null);
+    _defineProperty(this, "onFieldChange", void 0);
+    _defineProperty(this, "invokeEvent", void 0);
+    _defineProperty(this, "hint", undefined);
+  }
+}
+//# sourceMappingURL=checkbox.props.js.map

package/components/input/checkbox/checkbox.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmCheckboxProps","constructor","args","_defineProperty","undefined"],"sources":["checkbox.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmCheckboxProps extends BaseProps {\n  caption: string = null as any;\n  datavalue = false;\n  checkedvalue: any = true;\n  uncheckedvalue: any = false;\n  readonly: boolean = null as any;\n  onFieldChange: any;\n  invokeEvent?: Function;\n  hint?: string = undefined;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kBACnC,IAAI;IAAAA,eAAA,oBACV,KAAK;IAAAA,eAAA,uBACG,IAAI;IAAAA,eAAA,yBACF,KAAK;IAAAA,eAAA,mBACP,IAAI;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,eAGRC,SAAS;EAAA;AAC3B","ignoreList":[]}

package/components/input/checkbox/checkbox.styles.js

@@ -0,0 +1,94 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-checkbox';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      flexDirection: 'row',
+      alignContent: 'center'
+    },
+    text: {
+      alignSelf: 'center',
+      fontFamily: themeVariables.baseFont,
+      fontSize: 16,
+      color: themeVariables.labelDefaultColor,
+      marginLeft: 8
+    },
+    skeleton: {
+      root: {
+        width: 20,
+        height: 20,
+        borderRadius: 4
+      }
+    },
+    iconSkeleton: {
+      root: {
+        width: 20,
+        height: 20,
+        borderRadius: 4
+      }
+    },
+    labelSkeleton: {
+      root: {
+        width: 200,
+        borderRadius: 4,
+        height: 16
+      }
+    },
+    checkicon: {
+      root: {
+        width: 20,
+        height: 20,
+        borderRadius: 4,
+        backgroundColor: themeVariables.primaryColor,
+        justifyContent: 'center',
+        alignItems: 'center',
+        borderColor: themeVariables.checkedBorderColor
+      },
+      text: {
+        fontSize: 18
+      },
+      icon: {
+        color: themeVariables.checkedIconColor,
+        padding: 0
+      }
+    },
+    uncheckicon: {
+      root: {
+        width: 20,
+        height: 20,
+        borderWidth: 2,
+        borderRadius: 4,
+        borderColor: themeVariables.uncheckedBorderColor,
+        backgroundColor: themeVariables.uncheckedBgColor
+      },
+      text: {},
+      icon: {
+        color: 'transparent'
+      }
+    },
+    checkedItem: {},
+    selectedLabel: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+
+  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles
+  addStyle('form-checkbox-input-horizontal', '', {
+    root: {
+      flex: 1,
+      minWidth: 0,
+      // Allow shrinking below intrinsic content size if needed
+      maxWidth: '100%' // Prevent overflow
+    },
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS + '-disabled', '', {
+    root: {
+      opacity: 0.8
+    },
+    text: {
+      color: themeVariables.checkedDisabledColor
+    }
+  });
+});
+//# sourceMappingURL=checkbox.styles.js.map

package/components/input/checkbox/checkbox.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","alignContent","text","alignSelf","fontFamily","baseFont","fontSize","color","labelDefaultColor","marginLeft","skeleton","width","height","borderRadius","iconSkeleton","labelSkeleton","checkicon","backgroundColor","primaryColor","justifyContent","alignItems","borderColor","checkedBorderColor","icon","checkedIconColor","padding","uncheckicon","borderWidth","uncheckedBorderColor","uncheckedBgColor","checkedItem","selectedLabel","flex","minWidth","maxWidth","opacity","checkedDisabledColor"],"sources":["checkbox.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { WmIconStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles';\n\nexport type WmCheckboxStyles = BaseStyles & {\n  skeleton: WmSkeletonStyles;\n  checkicon: WmIconStyles;\n  uncheckicon: WmIconStyles;\n  iconSkeleton: WmSkeletonStyles;\n  labelSkeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-checkbox';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmCheckboxStyles = defineStyles({\n        root: {\n          flexDirection: 'row',\n          alignContent: 'center',\n        },\n        text: {\n          alignSelf: 'center',\n          fontFamily: themeVariables.baseFont,\n          fontSize: 16,\n          color: themeVariables.labelDefaultColor,\n          marginLeft: 8\n        },\n        skeleton: {\n          root: {\n            width: 20,\n            height: 20,\n            borderRadius: 4,\n          },\n        } as any as WmSkeletonStyles,\n        iconSkeleton: {\n          root: {\n            width: 20,\n            height: 20,\n            borderRadius: 4,\n          }\n        } as any as WmSkeletonStyles,\n        labelSkeleton: {\n          root: {\n            width: 200,\n            borderRadius: 4,\n            height: 16\n          }\n        } as any as WmSkeletonStyles,\n        checkicon : {\n          root: {\n            width: 20,\n            height: 20,\n            borderRadius: 4,\n            backgroundColor: themeVariables.primaryColor,\n            justifyContent: 'center',\n            alignItems: 'center',\n            borderColor: themeVariables.checkedBorderColor,\n          },\n          text: {\n            fontSize: 18,\n          },\n          icon : {\n            color: themeVariables.checkedIconColor,\n            padding: 0\n          }\n      } as WmIconStyles,\n        uncheckicon : {\n          root: {\n            width: 20,\n            height: 20,\n            borderWidth: 2,\n            borderRadius: 4,\n            borderColor: themeVariables.uncheckedBorderColor,\n            backgroundColor: themeVariables.uncheckedBgColor,\n          },\n          text: {},\n          icon : {\n            color: 'transparent',\n          }\n      } as WmIconStyles,\n      checkedItem: {} as AllStyle,\n      selectedLabel: {} as AllStyle,\n      });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n    // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n    addStyle('form-checkbox-input-horizontal', '', {\n      root: {\n        flex: 1,\n        minWidth: 0, // Allow shrinking below intrinsic content size if needed\n        maxWidth: '100%' // Prevent overflow\n      },\n      text: {}\n    } as BaseStyles);\n\n    addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        opacity: 0.8\n      },\n      text : {\n        color: themeVariables.checkedDisabledColor\n      }\n    });\n  });\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,2CAA2C;AAChF,SAAqBC,YAAY,QAAQ,kDAAkD;AAY3F,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA+B,GAAGL,YAAY,CAAC;IACjDM,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACJC,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAER,cAAc,CAACS,QAAQ;MACnCC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEX,cAAc,CAACY,iBAAiB;MACvCC,UAAU,EAAE;IACd,CAAC;IACDC,QAAQ,EAAE;MACRX,IAAI,EAAE;QACJY,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE;MAChB;IACF,CAA4B;IAC5BC,YAAY,EAAE;MACZf,IAAI,EAAE;QACJY,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE;MAChB;IACF,CAA4B;IAC5BE,aAAa,EAAE;MACbhB,IAAI,EAAE;QACJY,KAAK,EAAE,GAAG;QACVE,YAAY,EAAE,CAAC;QACfD,MAAM,EAAE;MACV;IACF,CAA4B;IAC5BI,SAAS,EAAG;MACVjB,IAAI,EAAE;QACJY,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE,CAAC;QACfI,eAAe,EAAErB,cAAc,CAACsB,YAAY;QAC5CC,cAAc,EAAE,QAAQ;QACxBC,UAAU,EAAE,QAAQ;QACpBC,WAAW,EAAEzB,cAAc,CAAC0B;MAC9B,CAAC;MACDpB,IAAI,EAAE;QACJI,QAAQ,EAAE;MACZ,CAAC;MACDiB,IAAI,EAAG;QACLhB,KAAK,EAAEX,cAAc,CAAC4B,gBAAgB;QACtCC,OAAO,EAAE;MACX;IACJ,CAAiB;IACfC,WAAW,EAAG;MACZ3B,IAAI,EAAE;QACJY,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVe,WAAW,EAAE,CAAC;QACdd,YAAY,EAAE,CAAC;QACfQ,WAAW,EAAEzB,cAAc,CAACgC,oBAAoB;QAChDX,eAAe,EAAErB,cAAc,CAACiC;MAClC,CAAC;MACD3B,IAAI,EAAE,CAAC,CAAC;MACRqB,IAAI,EAAG;QACLhB,KAAK,EAAE;MACT;IACJ,CAAiB;IACjBuB,WAAW,EAAE,CAAC,CAAa;IAC3BC,aAAa,EAAE,CAAC;EAChB,CAAC,CAAC;EAEJlC,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;;EAE1C;EACAD,QAAQ,CAAC,gCAAgC,EAAE,EAAE,EAAE;IAC7CE,IAAI,EAAE;MACJiC,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MAAE;MACbC,QAAQ,EAAE,MAAM,CAAC;IACnB,CAAC;IACDhC,IAAI,EAAE,CAAC;EACT,CAAe,CAAC;EAEhBL,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCK,IAAI,EAAG;MACLoC,OAAO,EAAE;IACX,CAAC;IACDjC,IAAI,EAAG;MACLK,KAAK,EAAEX,cAAc,CAACwC;IACxB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/components/input/checkboxset/checkboxset.component.js

@@ -0,0 +1,159 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { Text, View, TouchableOpacity, Platform } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
+import { find, forEach, isEqual, isEmpty } from 'lodash';
+import WmCheckboxsetProps from './checkboxset.props';
+import { DEFAULT_CLASS } from './checkboxset.styles';
+import { BaseDatasetComponent, BaseDatasetState } from '@wavemaker-ai/app-rn-runtime/components/input/basedataset/basedataset.component';
+import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
+import { getNumberOfEmptyObjects } from '@wavemaker-ai/app-rn-runtime/core/utils';
+import WmLabel from '@wavemaker-ai/app-rn-runtime/components/basic/label/label.component';
+export class WmCheckboxsetState extends BaseDatasetState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isValid", true);
+    _defineProperty(this, "template", "");
+  }
+}
+export default class WmCheckboxset extends BaseDatasetComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmCheckboxsetProps());
+  }
+  onPress(item) {
+    if (this.state.props.disabled || this.state.props.readonly) {
+      return;
+    }
+    this.invokeEventCallback('onTap', [null, this.proxy]);
+    item.selected = !item.selected;
+    const selectedValue = [];
+    const selectedItem = find(this.state.dataItems, d => isEqual(d.key, item.key));
+    const oldValue = this.state.props.datavalue;
+    selectedItem.selected = item.selected;
+    forEach(this.state.dataItems, item => {
+      if (item.selected) {
+        selectedValue.push(item.datafield);
+      }
+    });
+    this.validate(selectedValue);
+    this.updateState({
+      props: {
+        datavalue: selectedValue
+      }
+    }, () => {
+      this.computeDisplayValue();
+      this.invokeEventCallback('onChange', [undefined, this.proxy, selectedValue, oldValue]);
+    });
+  }
+  renderChild(item, index, colWidth) {
+    const props = this.state.props;
+    const displayText = item.displayexp || item.displayfield;
+    const accessibilityProps = {
+      accessibilityLabel: displayText,
+      accessibilityRole: 'checkbox',
+      accessibilityState: {
+        disabled: this.props.readonly || this.props.disabled,
+        selected: item.selected
+      }
+    };
+    return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction(index + ''), {
+      style: [this.styles.item, item.selected ? this.styles.checkedItem : null, {
+        width: colWidth
+      }],
+      onPress: this.onPress.bind(this, item),
+      key: item.key
+    }, accessibilityProps), /*#__PURE__*/React.createElement(WmIcon, {
+      iconclass: "wi wi-check",
+      styles: item.selected ? this.styles.checkicon : this.styles.uncheckicon,
+      disabled: props.readonly || props.disabled,
+      id: this.getTestId('item' + index),
+      accessible: false
+    }), !isEmpty(this.state.template) && this.props.renderitempartial ? this.props.renderitempartial(item.dataObject, index, this.state.template) : /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel(index + ''), {
+      style: [this.styles.text, item.selected ? this.styles.selectedLabel : null],
+      importantForAccessibility: "no"
+    }), displayText));
+  }
+  computeDisplayValue() {
+    this.updateState({
+      props: {
+        displayValue: (this.state.dataItems || []).filter(item => item.selected).map(item => item.displayexp || item.displayfield) || ''
+      }
+    });
+  }
+  updateDatavalue(value) {
+    this.updateState({
+      props: {
+        datavalue: value
+      }
+    });
+    return Promise.resolve();
+  }
+  setTemplate(partialName) {
+    this.updateState({
+      template: partialName
+    });
+  }
+  renderGroupby() {
+    const groupedData = this.state.groupedData;
+    return /*#__PURE__*/React.createElement(View, null, groupedData && groupedData.length ? groupedData.map((groupObj, index) => {
+      return /*#__PURE__*/React.createElement(View, {
+        key: groupObj.key
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: this.styles.groupHeaderTitle
+      }, groupObj.key), this.renderCheckboxses(groupObj.data));
+    }) : null);
+  }
+  renderCheckboxses(items) {
+    const props = this.state.props;
+    const noOfColumns = props.itemsperrow.xs || 1;
+    const colWidth = Math.round(100 / noOfColumns) + '%';
+    return /*#__PURE__*/React.createElement(View, _extends({
+      style: noOfColumns === 1 ? {} : {
+        flexWrap: 'wrap',
+        flexDirection: 'row'
+      }
+    }, getAccessibilityProps(AccessibilityWidgetType.CHECKBOXSET, props)), items && items.length ? items.map((item, index) => this.renderChild(item, index, colWidth)) : null);
+  }
+  renderSkeleton(props) {
+    var _ref;
+    const noOfColumns = props.itemsperrow.xs || 1;
+    const colWidth = Math.round(100 / noOfColumns) + '%';
+    return [...getNumberOfEmptyObjects((_ref = props.numberofskeletonitems) !== null && _ref !== void 0 ? _ref : 3)].map(_ => {
+      return /*#__PURE__*/React.createElement(View, {
+        style: [this.styles.item, {
+          width: colWidth
+        }]
+      }, /*#__PURE__*/React.createElement(WmIcon, {
+        styles: this.styles.checkicon
+      }), /*#__PURE__*/React.createElement(WmLabel, {
+        styles: {
+          root: this.styles.text
+        }
+      }));
+    });
+  }
+  renderWidget(props) {
+    const items = this.state.dataItems;
+    return /*#__PURE__*/React.createElement(ScrollView, {
+      style: this.styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, /*#__PURE__*/React.createElement(ScrollView, {
+      horizontal: true,
+      style: this.isRTL && Platform.OS == 'android' ? {
+        transform: [{
+          scaleX: -1
+        }]
+      } : {},
+      contentContainerStyle: this.isRTL && Platform.OS == 'android' ? {
+        transform: [{
+          scaleX: -1
+        }]
+      } : {}
+    }, props.groupby && this.renderGroupby(), !props.groupby && this.renderCheckboxses(items)));
+  }
+}
+//# sourceMappingURL=checkboxset.component.js.map

package/components/input/checkboxset/checkboxset.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","TouchableOpacity","Platform","ScrollView","find","forEach","isEqual","isEmpty","WmCheckboxsetProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmIcon","AccessibilityWidgetType","getAccessibilityProps","getNumberOfEmptyObjects","WmLabel","WmCheckboxsetState","constructor","args","_defineProperty","WmCheckboxset","props","onPress","item","state","disabled","readonly","invokeEventCallback","proxy","selected","selectedValue","selectedItem","dataItems","d","key","oldValue","datavalue","push","datafield","validate","updateState","computeDisplayValue","undefined","renderChild","index","colWidth","displayText","displayexp","displayfield","accessibilityProps","accessibilityLabel","accessibilityRole","accessibilityState","createElement","_extends","getTestPropsForAction","style","styles","checkedItem","width","bind","iconclass","checkicon","uncheckicon","id","getTestId","accessible","template","renderitempartial","dataObject","getTestPropsForLabel","text","selectedLabel","importantForAccessibility","displayValue","filter","map","updateDatavalue","value","Promise","resolve","setTemplate","partialName","renderGroupby","groupedData","length","groupObj","groupHeaderTitle","renderCheckboxses","data","items","noOfColumns","itemsperrow","xs","Math","round","flexWrap","flexDirection","CHECKBOXSET","renderSkeleton","_ref","numberofskeletonitems","_","root","renderWidget","onLayout","event","handleLayout","horizontal","isRTL","OS","transform","scaleX","contentContainerStyle","groupby"],"sources":["checkboxset.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity, DimensionValue, Platform, AccessibilityRole } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { find, forEach, isEqual,  isEmpty } from 'lodash';\nimport WmCheckboxsetProps from './checkboxset.props';\nimport {\n  DEFAULT_CLASS,\n\n  WmCheckboxsetStyles,\n} from './checkboxset.styles';\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState,\n} from '@wavemaker-ai/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { getNumberOfEmptyObjects } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport WmLabel from '@wavemaker-ai/app-rn-runtime/components/basic/label/label.component';\n\nexport class WmCheckboxsetState extends BaseDatasetState<WmCheckboxsetProps> {\n  isValid: boolean = true;\n  template: string = \"\";\n}\n\nexport default class WmCheckboxset extends BaseDatasetComponent<WmCheckboxsetProps, WmCheckboxsetState, WmCheckboxsetStyles> {\n  constructor(props: WmCheckboxsetProps) {\n    super(props, DEFAULT_CLASS, new WmCheckboxsetProps());\n  }\n\n  onPress(item: any) {\n    if (this.state.props.disabled || this.state.props.readonly) {\n      return;\n    }\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    item.selected = !item.selected;\n    const selectedValue: any = [];\n    const selectedItem = find(this.state.dataItems, d => isEqual(d.key, item.key));\n    const oldValue = this.state.props.datavalue;\n    selectedItem.selected = item.selected;\n    forEach(this.state.dataItems, (item) => {\n        if (item.selected) {\n          selectedValue.push(item.datafield);\n        }\n    });\n    this.validate(selectedValue);\n    this.updateState({ props: { datavalue: selectedValue }} as WmCheckboxsetState,\n      () => {\n        this.computeDisplayValue();\n        this.invokeEventCallback('onChange', [ undefined, this.proxy, selectedValue, oldValue ]);\n      });\n  }\n\n  renderChild(item: any, index: any,colWidth: DimensionValue) {\n    const props = this.state.props;\n    const displayText = item.displayexp || item.displayfield;\n    const accessibilityProps = { accessibilityLabel: displayText ,\n      accessibilityRole: 'checkbox' as AccessibilityRole,\n      accessibilityState: {\n        disabled: this.props.readonly || this.props.disabled,\n        selected: item.selected,\n      }\n    }\n    return (\n      <TouchableOpacity {...this.getTestPropsForAction(index + '')}\n        style={[this.styles.item, item.selected ? this.styles.checkedItem : null, {width: colWidth}]}\n        onPress={this.onPress.bind(this, item)} key={item.key} {...accessibilityProps}>\n        <WmIcon iconclass=\"wi wi-check\" styles={item.selected? this.styles.checkicon : this.styles.uncheckicon} disabled={props.readonly || props.disabled} id={this.getTestId('item'+index)} accessible={false}/>\n        {!isEmpty(this.state.template) && this.props.renderitempartial ?\n           this.props.renderitempartial(item.dataObject, index, this.state.template) :\n        <Text {...this.getTestPropsForLabel(index + '')} style={[this.styles.text, item.selected ? this.styles.selectedLabel: null]} importantForAccessibility='no'>{displayText}</Text>}\n      </TouchableOpacity>)\n  }\n\n  computeDisplayValue() {\n    this.updateState({\n      props: {\n        displayValue: ((this.state.dataItems || [] as any)\n          .filter((item: any) => item.selected)\n          .map((item: any) => item.displayexp || item.displayfield)) || ''\n      }\n    } as WmCheckboxsetState);\n  }\n\n  updateDatavalue(value: any) {\n    this.updateState({ props: { datavalue: value }} as WmCheckboxsetState);\n    return Promise.resolve();\n  }\n\n  setTemplate(partialName: any) {\n    this.updateState({ template: partialName} as WmCheckboxsetState);\n  }\n\n  renderGroupby() {\n    const groupedData = this.state.groupedData;\n    return (\n      <View>\n        {groupedData && groupedData.length\n          ? groupedData.map((groupObj: any, index: any) => {\n            return(\n              <View key={groupObj.key}>\n                <Text style={this.styles.groupHeaderTitle}>{groupObj.key}</Text>\n                {this.renderCheckboxses(groupObj.data)}\n              </View>)\n          })\n          : null}\n      </View>\n    );\n  }\n\n  renderCheckboxses(items: any) {\n    const props = this.state.props;\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n    return(<View style = {noOfColumns === 1 ? {} : {flexWrap: 'wrap', flexDirection: 'row'}} {...getAccessibilityProps(AccessibilityWidgetType.CHECKBOXSET, props)}>\n      {items && items.length\n        ? items.map((item: any, index: any) => this.renderChild(item, index, colWidth))\n        : null}\n    </View>)\n  }\n\n  public renderSkeleton(props: WmCheckboxsetProps): React.ReactNode {\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n\n    return [...getNumberOfEmptyObjects(props.numberofskeletonitems as number ?? 3)].map(_ => {\n      return <View style={[this.styles.item, {width: colWidth}]}>\n        <WmIcon styles={this.styles.checkicon}/>\n        <WmLabel styles={{ root: this.styles.text }}/>\n      </View>\n    })\n  }\n\n  renderWidget(props: WmCheckboxsetProps) {\n    const items = this.state.dataItems;\n    return (\n      <ScrollView style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n        <ScrollView horizontal={true}\n          style={this.isRTL && Platform.OS == 'android' ? { transform: [{ scaleX: -1 }] } : {}}\n          contentContainerStyle={this.isRTL && Platform.OS == 'android' ? { transform: [{ scaleX: -1 }] } : {}}\n        >\n          {props.groupby && this.renderGroupby()}\n          {!props.groupby && this.renderCheckboxses(items)}\n        </ScrollView>\n      </ScrollView>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/input/checkboxset/checkboxset.props.js

@@ -0,0 +1,21 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import BaseDatasetProps from '@wavemaker-ai/app-rn-runtime/components/input/basedataset/basedataset.props';
+export default class WmCheckboxsetProps extends BaseDatasetProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "dataset", 'Option 1, Option 2, Option 3');
+    _defineProperty(this, "displayValue", '');
+    _defineProperty(this, "required", false);
+    _defineProperty(this, "itemsperrow", {
+      xs: 1,
+      sm: 1,
+      md: 1,
+      lg: 1
+    });
+    _defineProperty(this, "renderitempartial", void 0);
+    _defineProperty(this, "numberofskeletonitems", void 0);
+  }
+}
+//# sourceMappingURL=checkboxset.props.js.map

package/components/input/checkboxset/checkboxset.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseDatasetProps","WmCheckboxsetProps","constructor","args","_defineProperty","xs","sm","md","lg"],"sources":["checkboxset.props.ts"],"sourcesContent":["import BaseDatasetProps from '@wavemaker-ai/app-rn-runtime/components/input/basedataset/basedataset.props';\n\nexport default class WmCheckboxsetProps extends BaseDatasetProps {\n  dataset: any = 'Option 1, Option 2, Option 3';\n  displayValue: any = '';\n  required: boolean = false;\n  itemsperrow =  {\n    xs: 1,\n    sm: 1,\n    md: 1,\n    lg: 1,\n };\n  renderitempartial?: (item: any, index: number, partialName: string)=> React.ReactNode;\n  numberofskeletonitems?: number | string\n}\n"],"mappings":";;;AAAA,OAAOA,gBAAgB,MAAM,6EAA6E;AAE1G,eAAe,MAAMC,kBAAkB,SAASD,gBAAgB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kBAChD,8BAA8B;IAAAA,eAAA,uBACzB,EAAE;IAAAA,eAAA,mBACF,KAAK;IAAAA,eAAA,sBACV;MACbC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE;IACP,CAAC;IAAAJ,eAAA;IAAAA,eAAA;EAAA;AAGF","ignoreList":[]}

package/components/input/checkboxset/checkboxset.styles.js

@@ -0,0 +1,88 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-checkboxset';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {},
+    text: {
+      alignSelf: 'center',
+      fontFamily: themeVariables.baseFont,
+      fontSize: 16,
+      color: themeVariables.labelDefaultColor,
+      marginLeft: 8
+    },
+    groupHeaderTitle: {
+      backgroundColor: themeVariables.groupHeadingBgColor,
+      fontSize: 16,
+      paddingLeft: 8,
+      paddingRight: 8,
+      lineHeight: 40,
+      fontFamily: themeVariables.baseFont
+    },
+    checkedItem: {},
+    selectedLabel: {},
+    item: {
+      flexDirection: 'row',
+      alignContent: 'center',
+      marginRight: -20,
+      marginTop: 8
+    },
+    skeleton: {
+      root: {
+        width: '100%',
+        height: 16
+      }
+    },
+    checkicon: {
+      root: {
+        width: 20,
+        height: 20,
+        borderRadius: 4,
+        backgroundColor: themeVariables.primaryColor,
+        justifyContent: 'center',
+        alignItems: 'center',
+        borderColor: themeVariables.checkedBorderColor
+      },
+      text: {
+        fontSize: 18
+      },
+      icon: {
+        color: themeVariables.checkedIconColor,
+        padding: 0
+      }
+    },
+    uncheckicon: {
+      root: {
+        width: 20,
+        height: 20,
+        borderWidth: 2,
+        borderRadius: 4,
+        borderColor: themeVariables.uncheckedBorderColor
+      },
+      text: {},
+      icon: {
+        color: 'transparent'
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+
+  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles
+  addStyle('form-checkboxset-input-horizontal', '', {
+    root: {
+      minWidth: 0,
+      // Allow shrinking below intrinsic content size if needed
+      maxWidth: '100%' // Prevent overflow
+    },
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS + '-disabled', '', {
+    root: {
+      opacity: 0.8
+    },
+    text: {
+      color: themeVariables.checkedDisabledColor
+    }
+  });
+});
+//# sourceMappingURL=checkboxset.styles.js.map

package/components/input/checkboxset/checkboxset.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","alignSelf","fontFamily","baseFont","fontSize","color","labelDefaultColor","marginLeft","groupHeaderTitle","backgroundColor","groupHeadingBgColor","paddingLeft","paddingRight","lineHeight","checkedItem","selectedLabel","item","flexDirection","alignContent","marginRight","marginTop","skeleton","width","height","checkicon","borderRadius","primaryColor","justifyContent","alignItems","borderColor","checkedBorderColor","icon","checkedIconColor","padding","uncheckicon","borderWidth","uncheckedBorderColor","minWidth","maxWidth","opacity","checkedDisabledColor"],"sources":["checkboxset.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { WmIconStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles';\n\nexport type WmCheckboxsetStyles = BaseStyles & {\n  groupHeaderTitle: AllStyle;\n  item: AllStyle;\n  skeleton: WmSkeletonStyles;\n  checkicon: WmIconStyles;\n  checkedItem: AllStyle;\n  uncheckicon: WmIconStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-checkboxset';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmCheckboxsetStyles = defineStyles({\n      root: {},\n      text: {\n        alignSelf: 'center',\n        fontFamily: themeVariables.baseFont,\n        fontSize: 16,\n        color: themeVariables.labelDefaultColor,\n        marginLeft: 8,\n      },\n    groupHeaderTitle: {\n      backgroundColor: themeVariables.groupHeadingBgColor,\n      fontSize: 16,\n      paddingLeft: 8,\n      paddingRight: 8,\n      lineHeight: 40,\n      fontFamily: themeVariables.baseFont\n    } as AllStyle,\n    checkedItem: {} as AllStyle,\n    selectedLabel: {} as AllStyle,\n    item: {\n      flexDirection: 'row',\n      alignContent: 'center',\n      marginRight: -20,\n      marginTop: 8\n    } as AllStyle,\n    skeleton: {\n      root: {\n        width: '100%',\n        height: 16\n      }\n    } as any as WmSkeletonStyles,\n    checkicon : {\n      root: {\n        width: 20,\n        height: 20,\n        borderRadius: 4,\n        backgroundColor: themeVariables.primaryColor,\n        justifyContent: 'center',\n        alignItems: 'center',\n        borderColor: themeVariables.checkedBorderColor,\n      },\n      text: {\n        fontSize: 18,\n      },\n      icon : {\n        color: themeVariables.checkedIconColor,\n        padding: 0\n      }\n  } as WmIconStyles,\n    uncheckicon : {\n      root: {\n        width: 20,\n        height: 20,\n        borderWidth: 2,\n        borderRadius: 4,\n        borderColor: themeVariables.uncheckedBorderColor,\n      },\n      text: {},\n      icon : {\n        color: 'transparent',\n      }\n  } as WmIconStyles,\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n  addStyle('form-checkboxset-input-horizontal', '', {\n    root: {\n\n      minWidth: 0, // Allow shrinking below intrinsic content size if needed\n      maxWidth: '100%' // Prevent overflow\n    },\n    text: {}\n  } as BaseStyles);\n\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root: {\n      opacity: 0.8\n    },\n    text : {\n      color: themeVariables.checkedDisabledColor\n    }\n  });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,2CAA2C;AAChF,SAAqBC,YAAY,QAAQ,kDAAkD;AAa3F,OAAO,MAAMC,aAAa,GAAG,iBAAiB;AAC9CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE;MACJC,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAEN,cAAc,CAACO,QAAQ;MACnCC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAET,cAAc,CAACU,iBAAiB;MACvCC,UAAU,EAAE;IACd,CAAC;IACHC,gBAAgB,EAAE;MAChBC,eAAe,EAAEb,cAAc,CAACc,mBAAmB;MACnDN,QAAQ,EAAE,EAAE;MACZO,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAE,EAAE;MACdX,UAAU,EAAEN,cAAc,CAACO;IAC7B,CAAa;IACbW,WAAW,EAAE,CAAC,CAAa;IAC3BC,aAAa,EAAE,CAAC,CAAa;IAC7BC,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,YAAY,EAAE,QAAQ;MACtBC,WAAW,EAAE,CAAC,EAAE;MAChBC,SAAS,EAAE;IACb,CAAa;IACbC,QAAQ,EAAE;MACRtB,IAAI,EAAE;QACJuB,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE;MACV;IACF,CAA4B;IAC5BC,SAAS,EAAG;MACVzB,IAAI,EAAE;QACJuB,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVE,YAAY,EAAE,CAAC;QACfhB,eAAe,EAAEb,cAAc,CAAC8B,YAAY;QAC5CC,cAAc,EAAE,QAAQ;QACxBC,UAAU,EAAE,QAAQ;QACpBC,WAAW,EAAEjC,cAAc,CAACkC;MAC9B,CAAC;MACD9B,IAAI,EAAE;QACJI,QAAQ,EAAE;MACZ,CAAC;MACD2B,IAAI,EAAG;QACL1B,KAAK,EAAET,cAAc,CAACoC,gBAAgB;QACtCC,OAAO,EAAE;MACX;IACJ,CAAiB;IACfC,WAAW,EAAG;MACZnC,IAAI,EAAE;QACJuB,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVY,WAAW,EAAE,CAAC;QACdV,YAAY,EAAE,CAAC;QACfI,WAAW,EAAEjC,cAAc,CAACwC;MAC9B,CAAC;MACDpC,IAAI,EAAE,CAAC,CAAC;MACR+B,IAAI,EAAG;QACL1B,KAAK,EAAE;MACT;IACJ;EACA,CAAC,CAAC;EAEFR,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;;EAE1C;EACAD,QAAQ,CAAC,mCAAmC,EAAE,EAAE,EAAE;IAChDE,IAAI,EAAE;MAEJsC,QAAQ,EAAE,CAAC;MAAE;MACbC,QAAQ,EAAE,MAAM,CAAC;IACnB,CAAC;IACDtC,IAAI,EAAE,CAAC;EACT,CAAe,CAAC;EAEhBH,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCK,IAAI,EAAE;MACJwC,OAAO,EAAE;IACX,CAAC;IACDvC,IAAI,EAAG;MACLK,KAAK,EAAET,cAAc,CAAC4C;IACxB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}