@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/components/UTCheckbox/versions/V0/index.js

@@ -1,141 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
-var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
-var _form = require("@widergy/web-utils/lib/form");
-var _energyHooks = require("@widergy/energy-hooks");
-var _formTypes = require("../../../../types/formTypes");
-var _classesUtils = require("../../../../utils/classesUtils");
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _UTTooltip = _interopRequireDefault(require("../../../UTTooltip"));
-var _WithTheme = _interopRequireDefault(require("../../../WithTheme"));
-var _theme = require("./theme");
-var _constants = require("./constants");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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); }
-var Checked = function Checked(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M10 14Zm0 3-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9Z"
-  }));
-};
-Checked.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "5 6.58 14 10.42"
-};
-const UTCheckbox = _ref => {
-  let {
-    classes: themeClasses = {},
-    classNames,
-    color = 'primary',
-    checkboxDataTestId,
-    CustomCheckedIcon = Checked,
-    customRowLabel: CustomRowLabel,
-    CustomUncheckedIcon = _ref2 => {
-      let {
-        className
-      } = _ref2;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: className
-      });
-    },
-    disabled,
-    disableRipple,
-    input,
-    item,
-    label,
-    labelDataTestId,
-    labelProps = {},
-    meta,
-    onChange,
-    showError,
-    tooltipContent,
-    useCustomIcons,
-    value
-  } = _ref;
-  const [checkedRef, setChecked] = (0, _energyHooks.useMutableState)(value);
-  const handleChange = event => {
-    if (onChange) onChange(value);
-    if (input !== null && input !== void 0 && input.onChange) input.onChange(event.target.checked);
-  };
-  (0, _react.useEffect)(() => {
-    setChecked(value || (input === null || input === void 0 ? void 0 : input.value));
-  }, [input === null || input === void 0 ? void 0 : input.value, value]);
-  const classes = (0, _classesUtils.mergeClasses)(themeClasses, classNames);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
-    disabled: disabled,
-    control: /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
-      content: tooltipContent,
-      stringContentClassName: _stylesModule.default.disableSelectionTooltip,
-      tippyProps: _constants.tippyProps
-    }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
-      classes: {
-        colorPrimary: classes.checkboxColorPrimary,
-        colorSecondary: classes.checkboxColorSecondary
-      },
-      checkedIcon: useCustomIcons && /*#__PURE__*/_react.default.createElement(CustomCheckedIcon, {
-        className: classes.checkedIcon
-      }),
-      inputProps: {
-        'data-testid': checkboxDataTestId
-      },
-      icon: useCustomIcons && /*#__PURE__*/_react.default.createElement(CustomUncheckedIcon, {
-        className: classes.uncheckedIcon
-      }),
-      checked: checkedRef.current || false,
-      onChange: handleChange,
-      value: (input === null || input === void 0 ? void 0 : input.value) || value,
-      color: color,
-      disableRipple: disableRipple,
-      disabled: disabled
-    }))),
-    label: CustomRowLabel ? /*#__PURE__*/_react.default.createElement(CustomRowLabel, {
-      item: item
-    }) : /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
-      className: classes.label,
-      dataTestId: labelDataTestId,
-      variant: "small",
-      withMarkdown: true
-    }, labelProps), label),
-    classes: classes && {
-      root: classes.root,
-      label: classes.label
-    }
-  }), showError && (0, _form.shouldShowErrors)(meta) && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "error",
-    variant: "small"
-  }, meta.error));
-};
-UTCheckbox.propTypes = {
-  classes: (0, _propTypes.shape)({
-    checkboxColorPrimary: _propTypes.string,
-    checkboxColorSecondary: _propTypes.string
-  }),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  color: _propTypes.string,
-  checkboxDataTestId: _propTypes.string,
-  CustomCheckedIcon: _propTypes.node,
-  customRowLabel: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.element, _propTypes.string]),
-  CustomUncheckedIcon: _propTypes.node,
-  disabled: _propTypes.bool,
-  disableRipple: _propTypes.bool,
-  input: _formTypes.inputPropTypes,
-  item: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.object]),
-  label: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string]),
-  labelDataTestId: _propTypes.string,
-  labelProps: _propTypes.object,
-  meta: _formTypes.metaPropTypes,
-  onChange: _propTypes.func,
-  showError: _propTypes.bool,
-  tooltipContent: _propTypes.element,
-  useCustomIcons: _propTypes.bool,
-  value: (0, _propTypes.oneOfType)([_propTypes.bool, _propTypes.string])
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTCheckbox);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_Checkbox=_interopRequireDefault(require("@material-ui/core/Checkbox")),_FormControlLabel=_interopRequireDefault(require("@material-ui/core/FormControlLabel")),_form=require("@widergy/web-utils/lib/form"),_energyHooks=require("@widergy/energy-hooks"),_formTypes=require("../../../../types/formTypes"),_classesUtils=require("../../../../utils/classesUtils"),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_theme=require("./theme"),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var t=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var a,l,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(a=r?o:t){if(a.has(e))return a.get(e);a.set(e,s)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((l=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(l.get||l.set)?a(s,r,l):s[r]=e[r]);return s})(e,r)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)({}).hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},_extends.apply(null,arguments)}var Checked=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{d:"M10 14Zm0 3-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9Z"}))};Checked.defaultProps={xmlns:"http://www.w3.org/2000/svg",viewBox:"5 6.58 14 10.42"};const UTCheckbox=e=>{let{classes:r={},classNames:t,color:o="primary",checkboxDataTestId:a,CustomCheckedIcon:l=Checked,customRowLabel:s,CustomUncheckedIcon:p=e=>{let{className:r}=e;return _react.default.createElement("div",{className:r})},disabled:n,disableRipple:c,input:i,item:u,label:_,labelDataTestId:d,labelProps:f={},meta:y,onChange:m,showError:T,tooltipContent:b,useCustomIcons:h,value:C}=e;const[g,k]=(0,_energyHooks.useMutableState)(C);(0,_react.useEffect)(()=>{k(C||(null==i?void 0:i.value))},[null==i?void 0:i.value,C]);const v=(0,_classesUtils.mergeClasses)(r,t);return _react.default.createElement(_react.Fragment,null,_react.default.createElement(_FormControlLabel.default,{disabled:n,control:_react.default.createElement(_UTTooltip.default,{content:b,stringContentClassName:_stylesModule.default.disableSelectionTooltip,tippyProps:_constants.tippyProps},_react.default.createElement("span",null,_react.default.createElement(_Checkbox.default,{classes:{colorPrimary:v.checkboxColorPrimary,colorSecondary:v.checkboxColorSecondary},checkedIcon:h&&_react.default.createElement(l,{className:v.checkedIcon}),inputProps:{"data-testid":a},icon:h&&_react.default.createElement(p,{className:v.uncheckedIcon}),checked:g.current||!1,onChange:e=>{m&&m(C),null!=i&&i.onChange&&i.onChange(e.target.checked)},value:(null==i?void 0:i.value)||C,color:o,disableRipple:c,disabled:n}))),label:s?_react.default.createElement(s,{item:u}):_react.default.createElement(_UTLabel.default,_extends({className:v.label,dataTestId:d,variant:"small",withMarkdown:!0},f),_),classes:v&&{root:v.root,label:v.label}}),T&&(0,_form.shouldShowErrors)(y)&&_react.default.createElement(_UTLabel.default,{colorTheme:"error",variant:"small"},y.error))};UTCheckbox.propTypes={classes:(0,_propTypes.shape)({checkboxColorPrimary:_propTypes.string,checkboxColorSecondary:_propTypes.string}),classNames:(0,_propTypes.objectOf)(_propTypes.string),color:_propTypes.string,checkboxDataTestId:_propTypes.string,CustomCheckedIcon:_propTypes.node,customRowLabel:(0,_propTypes.oneOfType)([_propTypes.func,_propTypes.element,_propTypes.string]),CustomUncheckedIcon:_propTypes.node,disabled:_propTypes.bool,disableRipple:_propTypes.bool,input:_formTypes.inputPropTypes,item:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.object]),label:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string]),labelDataTestId:_propTypes.string,labelProps:_propTypes.object,meta:_formTypes.metaPropTypes,onChange:_propTypes.func,showError:_propTypes.bool,tooltipContent:_propTypes.element,useCustomIcons:_propTypes.bool,value:(0,_propTypes.oneOfType)([_propTypes.bool,_propTypes.string])};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle,_theme.retrieveMuiTheme)(UTCheckbox);

package/dist/components/UTCheckbox/versions/V0/theme.js

@@ -1,87 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = exports.retrieveMuiTheme = void 0;
-var _seamlessImmutable = require("seamless-immutable");
-var _styles = require("@material-ui/core/styles");
-var _colorsModule = _interopRequireDefault(require("../../../../scss/variables/colors.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const retrieveStyle = _ref => {
-  let {
-    theme
-  } = _ref;
-  return {
-    checkedIcon: {
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'icon', 'checked', 'width']),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'icon', 'checked', 'height']),
-      margin: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'icon', 'checked', 'margin']),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'icon', 'checked', 'padding']),
-      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'icon', 'checked', 'borderRadius']),
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'icon', 'checked', 'backgroundColor']),
-      fill: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'icon', 'checked', 'fill']),
-      border: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'icon', 'checked', 'border'])
-    },
-    uncheckedIcon: {
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'icon', 'unchecked', 'width']),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'icon', 'unchecked', 'height']),
-      margin: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'icon', 'unchecked', 'margin']),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'icon', 'unchecked', 'padding']),
-      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'icon', 'unchecked', 'borderRadius']),
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'icon', 'unchecked', 'backgroundColor']),
-      fill: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'icon', 'unchecked', 'fill']),
-      border: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'icon', 'unchecked', 'border'])
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
-const retrieveMuiTheme = theme => (0, _styles.createTheme)({
-  typography: {
-    fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])
-  },
-  overrides: {
-    MuiFormControlLabel: {
-      label: {
-        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'label', 'fontSize'], 14),
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'label', 'color'], _colorsModule.default.primary),
-        '& span': {
-          fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'label', 'fontSize'], 14),
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'label', 'color'], _colorsModule.default.primary),
-          '& a': {
-            color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'linkLabel', 'color'], _colorsModule.default.primary)
-          }
-        }
-      }
-    },
-    MuiFormHelperText: {
-      root: {
-        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'helperText', 'fontSize'], 14),
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'helperText', 'color'], _colorsModule.default.primary),
-        '&$error': {
-          color: theme.Palette.error['05']
-        }
-      }
-    },
-    MuiCheckbox: {
-      root: {
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'checkbox', 'color'], _colorsModule.default.gray)
-      },
-      colorPrimary: {
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'checkbox', 'color'], _colorsModule.default.gray),
-        '&$checked': {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'checkbox', 'checkedColor'], _colorsModule.default.inputPrimary)
-        },
-        '&$disabled': {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'checkbox', 'disabledColor'], _colorsModule.default.gray),
-          opacity: 0.5
-        },
-        '&$checked$disabled': {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'checkbox', 'checkedColor'], _colorsModule.default.inputPrimary),
-          opacity: 0.5
-        }
-      }
-    }
-  }
-});
-exports.retrieveMuiTheme = retrieveMuiTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=exports.retrieveMuiTheme=void 0;var _seamlessImmutable=require("seamless-immutable"),_styles=require("@material-ui/core/styles"),_colorsModule=_interopRequireDefault(require("../../../../scss/variables/colors.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const retrieveStyle=e=>{let{theme:o}=e;return{checkedIcon:{width:(0,_seamlessImmutable.getIn)(o,["UTCheckbox","icon","checked","width"]),height:(0,_seamlessImmutable.getIn)(o,["UTCheckbox","icon","checked","height"]),margin:(0,_seamlessImmutable.getIn)(o,["UTCheckbox","icon","checked","margin"]),padding:(0,_seamlessImmutable.getIn)(o,["UTCheckbox","icon","checked","padding"]),borderRadius:(0,_seamlessImmutable.getIn)(o,["UTCheckbox","icon","checked","borderRadius"]),backgroundColor:(0,_seamlessImmutable.getIn)(o,["UTCheckbox","icon","checked","backgroundColor"]),fill:(0,_seamlessImmutable.getIn)(o,["UTCheckbox","icon","checked","fill"]),border:(0,_seamlessImmutable.getIn)(o,["UTCheckbox","icon","checked","border"])},uncheckedIcon:{width:(0,_seamlessImmutable.getIn)(o,["UTCheckbox","icon","unchecked","width"]),height:(0,_seamlessImmutable.getIn)(o,["UTCheckbox","icon","unchecked","height"]),margin:(0,_seamlessImmutable.getIn)(o,["UTCheckbox","icon","unchecked","margin"]),padding:(0,_seamlessImmutable.getIn)(o,["UTCheckbox","icon","unchecked","padding"]),borderRadius:(0,_seamlessImmutable.getIn)(o,["UTCheckbox","icon","unchecked","borderRadius"]),backgroundColor:(0,_seamlessImmutable.getIn)(o,["UTCheckbox","icon","unchecked","backgroundColor"]),fill:(0,_seamlessImmutable.getIn)(o,["UTCheckbox","icon","unchecked","fill"]),border:(0,_seamlessImmutable.getIn)(o,["UTCheckbox","icon","unchecked","border"])}}};exports.retrieveStyle=retrieveStyle;const retrieveMuiTheme=e=>(0,_styles.createTheme)({typography:{fontFamily:(0,_seamlessImmutable.getIn)(e,["Fonts","fontFamily"])},overrides:{MuiFormControlLabel:{label:{fontSize:(0,_seamlessImmutable.getIn)(e,["UTCheckbox","label","fontSize"],14),color:(0,_seamlessImmutable.getIn)(e,["UTCheckbox","label","color"],_colorsModule.default.primary),"& span":{fontSize:(0,_seamlessImmutable.getIn)(e,["UTCheckbox","label","fontSize"],14),color:(0,_seamlessImmutable.getIn)(e,["UTCheckbox","label","color"],_colorsModule.default.primary),"& a":{color:(0,_seamlessImmutable.getIn)(e,["UTCheckbox","linkLabel","color"],_colorsModule.default.primary)}}}},MuiFormHelperText:{root:{fontSize:(0,_seamlessImmutable.getIn)(e,["UTCheckbox","helperText","fontSize"],14),color:(0,_seamlessImmutable.getIn)(e,["UTCheckbox","helperText","color"],_colorsModule.default.primary),"&$error":{color:e.Palette.error["05"]}}},MuiCheckbox:{root:{color:(0,_seamlessImmutable.getIn)(e,["UTCheckbox","checkbox","color"],_colorsModule.default.gray)},colorPrimary:{color:(0,_seamlessImmutable.getIn)(e,["UTCheckbox","checkbox","color"],_colorsModule.default.gray),"&$checked":{color:(0,_seamlessImmutable.getIn)(e,["UTCheckbox","checkbox","checkedColor"],_colorsModule.default.inputPrimary)},"&$disabled":{color:(0,_seamlessImmutable.getIn)(e,["UTCheckbox","checkbox","disabledColor"],_colorsModule.default.gray),opacity:.5},"&$checked$disabled":{color:(0,_seamlessImmutable.getIn)(e,["UTCheckbox","checkbox","checkedColor"],_colorsModule.default.inputPrimary),opacity:.5}}}}});exports.retrieveMuiTheme=retrieveMuiTheme;

package/dist/components/UTCheckbox/versions/V1/constants.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SPACING = exports.INDETERMINATE_ICON = exports.CHECKED_ICON = exports.BUTTON_VARIANT = void 0;
-const CHECKED_ICON = exports.CHECKED_ICON = 'IconCheck';
-const INDETERMINATE_ICON = exports.INDETERMINATE_ICON = 'IconMinus';
-const SPACING = exports.SPACING = {
-  SMALL: 'small',
-  MEDIUM: 'medium'
-};
-const BUTTON_VARIANT = exports.BUTTON_VARIANT = 'button';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SPACING=exports.INDETERMINATE_ICON=exports.CHECKED_ICON=exports.BUTTON_VARIANT=void 0;const CHECKED_ICON=exports.CHECKED_ICON="IconCheck",INDETERMINATE_ICON=exports.INDETERMINATE_ICON="IconMinus",SPACING=exports.SPACING={SMALL:"small",MEDIUM:"medium"},BUTTON_VARIANT=exports.BUTTON_VARIANT="button";

package/dist/components/UTCheckbox/versions/V1/index.js

@@ -1,125 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _form = require("@widergy/web-utils/lib/form");
-var _classesUtils = require("../../../../utils/classesUtils");
-var _UTFieldLabel = _interopRequireDefault(require("../../../UTFieldLabel"));
-var _UTIcon = _interopRequireDefault(require("../../../UTIcon"));
-var _WithTheme = _interopRequireDefault(require("../../../WithTheme"));
-var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../../../UTTouchableWithoutFeedback"));
-var _buttonTypes = require("../../../../types/buttonTypes");
-var _formTypes = require("../../../../types/formTypes");
-var _utils = require("../../../UTValidation/utils");
-var _UTValidation = _interopRequireDefault(require("../../../UTValidation"));
-var _constants = require("./constants");
-var _theme = require("./theme");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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); }
-const UTCheckbox = _ref => {
-  let {
-    actions,
-    checkboxDataTestId,
-    classes: theme,
-    classNames,
-    CustomComponent,
-    dataTestId,
-    disabled,
-    indeterminate,
-    isSimple = false,
-    meta,
-    onChange = () => {},
-    required,
-    icon,
-    title,
-    value = false,
-    variant = 'default',
-    withUpperTitle
-  } = _ref;
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(theme, classNames), [classNames, theme]);
-  const iconName = (0, _react.useMemo)(() => indeterminate ? _constants.INDETERMINATE_ICON : value === true ? _constants.CHECKED_ICON : '', [indeterminate, value]);
-  const handlePress = () => {
-    if (!disabled && onChange) onChange(!value);
-  };
-  const shouldHighlightLabel = value === true && variant === _constants.BUTTON_VARIANT;
-  const touchableProps = {
-    onMouseDown: handlePress,
-    disabled
-  };
-  const RootComponent = variant === _constants.BUTTON_VARIANT ? _UTTouchableWithoutFeedback.default : 'div';
-  const BoxContainerComponent = variant === _constants.BUTTON_VARIANT ? 'div' : _UTTouchableWithoutFeedback.default;
-  const rootComponentProps = variant === _constants.BUTTON_VARIANT ? touchableProps : {};
-  const boxContainerProps = variant === _constants.BUTTON_VARIANT ? {} : touchableProps;
-  const error = meta && (0, _form.shouldShowErrors)(meta) && meta.error || '';
-  const validationData = (0, _utils.formatErrorToValidation)(error);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, withUpperTitle && /*#__PURE__*/_react.default.createElement(_UTFieldLabel.default, {
-    actions: actions,
-    required: required
-  }, title), /*#__PURE__*/_react.default.createElement(RootComponent, _extends({
-    className: classes.container
-  }, variant === _constants.BUTTON_VARIANT ? {
-    dataTestId
-  } : {
-    'data-testid': dataTestId
-  }, rootComponentProps), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.content
-  }, /*#__PURE__*/_react.default.createElement(BoxContainerComponent, _extends({
-    className: classes.boxContainer
-  }, variant === _constants.BUTTON_VARIANT ? {
-    'data-testid': checkboxDataTestId
-  } : {
-    dataTestId: checkboxDataTestId
-  }, boxContainerProps), isSimple ? /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
-    name: "IconCheck",
-    shade: "04",
-    colorTheme: "accent",
-    className: value ? undefined : _stylesModule.default.hidden
-  }) : /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.box
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.iconContainer
-  }, /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
-    colorTheme: "light",
-    name: iconName,
-    size: 16
-  })))), CustomComponent || /*#__PURE__*/_react.default.createElement(_UTFieldLabel.default, {
-    className: classes.title,
-    highlighted: shouldHighlightLabel,
-    icon: icon,
-    required: required
-  }, title)), error && /*#__PURE__*/_react.default.createElement(_UTValidation.default, {
-    className: classes.validation,
-    validationData: validationData
-  })));
-};
-UTCheckbox.propTypes = {
-  actions: (0, _propTypes.arrayOf)(_buttonTypes.buttonTypes),
-  checkboxDataTestId: _propTypes.string,
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  CustomComponent: _propTypes.elementType,
-  dataTestId: _propTypes.string,
-  disabled: _propTypes.bool,
-  indeterminate: _propTypes.bool,
-  /**
-   * @deprecated The "isSimple" prop is deprecated and will be removed in a future release. Please do not use it.
-   */
-  isSimple: _propTypes.bool,
-  meta: _formTypes.metaPropTypes.isRequired,
-  onChange: _propTypes.func,
-  required: _propTypes.bool,
-  icon: _propTypes.string,
-  reversed: _propTypes.bool,
-  spacing: _propTypes.string,
-  title: _propTypes.string,
-  value: _propTypes.bool,
-  variant: _propTypes.string,
-  withUpperTitle: _propTypes.bool
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTCheckbox);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_form=require("@widergy/web-utils/lib/form"),_classesUtils=require("../../../../utils/classesUtils"),_UTFieldLabel=_interopRequireDefault(require("../../../UTFieldLabel")),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../UTTouchableWithoutFeedback")),_buttonTypes=require("../../../../types/buttonTypes"),_formTypes=require("../../../../types/formTypes"),_utils=require("../../../UTValidation/utils"),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_constants=require("./constants"),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var s,o,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(s=t?a:r){if(s.has(e))return s.get(e);s.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?s(i,t,o):i[t]=e[t]);return i})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const UTCheckbox=e=>{let{actions:t,checkboxDataTestId:r,classes:a,classNames:s,CustomComponent:o,dataTestId:i,disabled:n,indeterminate:l,isSimple:p=!1,meta:u,onChange:c=()=>{},required:_,icon:d,title:T,value:f=!1,variant:m="default",withUpperTitle:y}=e;const b=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(a,s),[s,a]),h=(0,_react.useMemo)(()=>l?_constants.INDETERMINATE_ICON:!0===f?_constants.CHECKED_ICON:"",[l,f]),U=!0===f&&m===_constants.BUTTON_VARIANT,q={onMouseDown:()=>{!n&&c&&c(!f)},disabled:n},N=m===_constants.BUTTON_VARIANT?_UTTouchableWithoutFeedback.default:"div",g=m===_constants.BUTTON_VARIANT?"div":_UTTouchableWithoutFeedback.default,v=m===_constants.BUTTON_VARIANT?q:{},I=m===_constants.BUTTON_VARIANT?{}:q,O=u&&(0,_form.shouldShowErrors)(u)&&u.error||"",R=(0,_utils.formatErrorToValidation)(O);return _react.default.createElement(_react.Fragment,null,y&&_react.default.createElement(_UTFieldLabel.default,{actions:t,required:_},T),_react.default.createElement(N,_extends({className:b.container},m===_constants.BUTTON_VARIANT?{dataTestId:i}:{"data-testid":i},v),_react.default.createElement("div",{className:b.content},_react.default.createElement(g,_extends({className:b.boxContainer},m===_constants.BUTTON_VARIANT?{"data-testid":r}:{dataTestId:r},I),p?_react.default.createElement(_UTIcon.default,{name:"IconCheck",shade:"04",colorTheme:"accent",className:f?void 0:_stylesModule.default.hidden}):_react.default.createElement("div",{className:b.box},_react.default.createElement("div",{className:b.iconContainer},_react.default.createElement(_UTIcon.default,{colorTheme:"light",name:h,size:16})))),o||_react.default.createElement(_UTFieldLabel.default,{className:b.title,highlighted:U,icon:d,required:_},T)),O&&_react.default.createElement(_UTValidation.default,{className:b.validation,validationData:R})))};UTCheckbox.propTypes={actions:(0,_propTypes.arrayOf)(_buttonTypes.buttonTypes),checkboxDataTestId:_propTypes.string,classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),CustomComponent:_propTypes.elementType,dataTestId:_propTypes.string,disabled:_propTypes.bool,indeterminate:_propTypes.bool,isSimple:_propTypes.bool,meta:_formTypes.metaPropTypes.isRequired,onChange:_propTypes.func,required:_propTypes.bool,icon:_propTypes.string,reversed:_propTypes.bool,spacing:_propTypes.string,title:_propTypes.string,value:_propTypes.bool,variant:_propTypes.string,withUpperTitle:_propTypes.bool};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTCheckbox);

package/dist/components/UTCheckbox/versions/V1/theme.js

@@ -1,177 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _form = require("@widergy/web-utils/lib/form");
-var _constants = require("./constants");
-const MEDIUM_SPACING = 16;
-const SMALL_SPACING = 8;
-const baseCheckBoxTheme = theme => ({
-  container: {
-    alignItems: 'center !important',
-    display: 'flex',
-    flexWrap: 'wrap',
-    gap: '0px'
-  },
-  content: {
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  iconContainer: {
-    border: "2px solid ".concat(theme.Palette.gray['04']),
-    borderRadius: 5,
-    display: 'flex',
-    height: 20,
-    placeContent: 'center',
-    placeItems: 'center',
-    width: 20
-  },
-  box: {
-    borderRadius: 25,
-    overflow: 'hidden',
-    padding: 6
-  },
-  validation: {
-    flexBasis: '100%'
-  }
-});
-const conditionalStyles = _ref => {
-  var _theme$Palette$action, _theme$Palette$action2, _theme$Palette$action3, _theme$Palette$action4, _theme$Palette$action5;
-  let {
-    value,
-    indeterminate,
-    reversed,
-    spacing,
-    variant,
-    theme,
-    disabled,
-    error
-  } = _ref;
-  const spacingValue = spacing === _constants.SPACING.SMALL ? SMALL_SPACING : MEDIUM_SPACING;
-  return {
-    container: {
-      ...(reversed && {
-        flexDirection: 'row-reverse',
-        justifyContent: 'space-between'
-      }),
-      ...(disabled && {
-        opacity: 0.5
-      }),
-      ...(variant === _constants.BUTTON_VARIANT && {
-        borderRadius: '8px',
-        padding: spacing === 'small' ? '8px 12px' : '12px 16px',
-        backgroundColor: error ? theme.Palette.error['01'] : 'transparent',
-        '&:active, &:hover': {
-          transition: 'background-color 0.1s ease-in-out'
-        },
-        '&:active': {
-          backgroundColor: error ? theme.Palette.error['02'] : theme.Palette.light['04']
-        },
-        '&:hover': {
-          backgroundColor: error ? theme.Palette.error['02'] : theme.Palette.light['03']
-        }
-      })
-    },
-    content: {
-      ...(reversed && {
-        flexDirection: 'row-reverse',
-        justifyContent: 'space-between',
-        ...(variant === _constants.BUTTON_VARIANT && {
-          width: '100%'
-        })
-      })
-    },
-    iconContainer: {
-      ...(error && {
-        borderColor: theme.Palette.error['04']
-      }),
-      ...((value === true || indeterminate) && {
-        backgroundColor: ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action.accent['04']) || theme.Palette.accent['04'],
-        borderColor: ((_theme$Palette$action2 = theme.Palette.actions) === null || _theme$Palette$action2 === void 0 ? void 0 : _theme$Palette$action2.accent['04']) || theme.Palette.accent['04']
-      })
-    },
-    boxContainer: {
-      ...(reversed ? {
-        marginLeft: spacingValue,
-        marginRight: 0
-      } : {
-        marginRight: spacingValue
-      }),
-      ...(variant !== _constants.BUTTON_VARIANT && {
-        '&:active, &:hover': {
-          '& $box': {
-            borderColor: error ? theme.Palette.error['03'] : ((_theme$Palette$action3 = theme.Palette.actions) === null || _theme$Palette$action3 === void 0 ? void 0 : _theme$Palette$action3.accent['03']) || theme.Palette.accent['03'],
-            borderWidth: 1,
-            overflow: 'hidden',
-            transition: 'background-color 0.1s ease-in-out'
-          }
-        },
-        '&:active': {
-          '& $box': {
-            backgroundColor: error ? theme.Palette.error['02'] : ((_theme$Palette$action4 = theme.Palette.actions) === null || _theme$Palette$action4 === void 0 ? void 0 : _theme$Palette$action4.accent['02']) || theme.Palette.accent['02']
-          }
-        },
-        '&:hover': {
-          '& $box': {
-            backgroundColor: error ? theme.Palette.error['01'] : ((_theme$Palette$action5 = theme.Palette.actions) === null || _theme$Palette$action5 === void 0 ? void 0 : _theme$Palette$action5.accent['01']) || theme.Palette.accent['01']
-          }
-        }
-      })
-    },
-    title: variant === _constants.BUTTON_VARIANT && {
-      userSelect: 'none'
-    }
-  };
-};
-const retrieveStyle = _ref2 => {
-  let {
-    value,
-    disabled,
-    indeterminate,
-    reversed,
-    spacing,
-    theme,
-    variant,
-    meta
-  } = _ref2;
-  const baseThemeStyles = baseCheckBoxTheme(theme);
-  const error = meta && (0, _form.shouldShowErrors)(meta);
-  const {
-    container,
-    content,
-    iconContainer,
-    boxContainer,
-    title
-  } = conditionalStyles({
-    value,
-    disabled,
-    indeterminate,
-    reversed,
-    spacing,
-    variant,
-    theme,
-    error
-  });
-  return {
-    box: baseThemeStyles.box,
-    content: {
-      ...baseThemeStyles.content,
-      ...content
-    },
-    container: {
-      ...baseThemeStyles.container,
-      ...container
-    },
-    iconContainer: {
-      ...baseThemeStyles.iconContainer,
-      ...iconContainer
-    },
-    boxContainer,
-    title,
-    validation: baseThemeStyles.validation
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _form=require("@widergy/web-utils/lib/form"),_constants=require("./constants");const MEDIUM_SPACING=16,SMALL_SPACING=8,baseCheckBoxTheme=e=>({container:{alignItems:"center !important",display:"flex",flexWrap:"wrap",gap:"0px"},content:{display:"flex",flexDirection:"row",alignItems:"center"},iconContainer:{border:"2px solid ".concat(e.Palette.gray["04"]),borderRadius:5,display:"flex",height:20,placeContent:"center",placeItems:"center",width:20},box:{borderRadius:25,overflow:"hidden",padding:6},validation:{flexBasis:"100%"}}),conditionalStyles=e=>{var t,o,r,n,a;let{value:i,indeterminate:l,reversed:c,spacing:s,variant:d,theme:v,disabled:b,error:u}=e;const p=s===_constants.SPACING.SMALL?8:16;return{container:{...c&&{flexDirection:"row-reverse",justifyContent:"space-between"},...b&&{opacity:.5},...d===_constants.BUTTON_VARIANT&&{borderRadius:"8px",padding:"small"===s?"8px 12px":"12px 16px",backgroundColor:u?v.Palette.error["01"]:"transparent","&:active, &:hover":{transition:"background-color 0.1s ease-in-out"},"&:active":{backgroundColor:u?v.Palette.error["02"]:v.Palette.light["04"]},"&:hover":{backgroundColor:u?v.Palette.error["02"]:v.Palette.light["03"]}}},content:{...c&&{flexDirection:"row-reverse",justifyContent:"space-between",...d===_constants.BUTTON_VARIANT&&{width:"100%"}}},iconContainer:{...u&&{borderColor:v.Palette.error["04"]},...(!0===i||l)&&{backgroundColor:(null===(t=v.Palette.actions)||void 0===t?void 0:t.accent["04"])||v.Palette.accent["04"],borderColor:(null===(o=v.Palette.actions)||void 0===o?void 0:o.accent["04"])||v.Palette.accent["04"]}},boxContainer:{...c?{marginLeft:p,marginRight:0}:{marginRight:p},...d!==_constants.BUTTON_VARIANT&&{"&:active, &:hover":{"& $box":{borderColor:u?v.Palette.error["03"]:(null===(r=v.Palette.actions)||void 0===r?void 0:r.accent["03"])||v.Palette.accent["03"],borderWidth:1,overflow:"hidden",transition:"background-color 0.1s ease-in-out"}},"&:active":{"& $box":{backgroundColor:u?v.Palette.error["02"]:(null===(n=v.Palette.actions)||void 0===n?void 0:n.accent["02"])||v.Palette.accent["02"]}},"&:hover":{"& $box":{backgroundColor:u?v.Palette.error["01"]:(null===(a=v.Palette.actions)||void 0===a?void 0:a.accent["01"])||v.Palette.accent["01"]}}}},title:d===_constants.BUTTON_VARIANT&&{userSelect:"none"}}},retrieveStyle=e=>{let{value:t,disabled:o,indeterminate:r,reversed:n,spacing:a,theme:i,variant:l,meta:c}=e;const s=baseCheckBoxTheme(i),d=c&&(0,_form.shouldShowErrors)(c),{container:v,content:b,iconContainer:u,boxContainer:p,title:x}=conditionalStyles({value:t,disabled:o,indeterminate:r,reversed:n,spacing:a,variant:l,theme:i,error:d});return{box:s.box,content:{...s.content,...b},container:{...s.container,...v},iconContainer:{...s.iconContainer,...u},boxContainer:p,title:x,validation:s.validation}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTChip/constants.js

@@ -1,27 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CHIP_VARIANT = exports.CHIP_SIZES = exports.ADORNMENT_TYPES = exports.ADORNMENT_COMPONENT_MAPPER = void 0;
-var _UTIcon = _interopRequireDefault(require("../UTIcon"));
-var _UTAvatar = _interopRequireDefault(require("../UTAvatar"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CHIP_VARIANT = exports.CHIP_VARIANT = {
-  DEFAULT: 'default',
-  OUTLINE: 'outline'
-};
-const CHIP_SIZES = exports.CHIP_SIZES = {
-  MEDIUM: 'medium',
-  SMALL: 'small'
-};
-const ADORNMENT_TYPES = exports.ADORNMENT_TYPES = {
-  ICON: 'icon',
-  AVATAR: 'avatar',
-  IMAGE: 'image'
-};
-const ADORNMENT_COMPONENT_MAPPER = exports.ADORNMENT_COMPONENT_MAPPER = {
-  [ADORNMENT_TYPES.ICON]: _UTIcon.default,
-  [ADORNMENT_TYPES.AVATAR]: _UTAvatar.default,
-  [ADORNMENT_TYPES.IMAGE]: 'img'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CHIP_VARIANT=exports.CHIP_SIZES=exports.ADORNMENT_TYPES=exports.ADORNMENT_COMPONENT_MAPPER=void 0;var _UTIcon=_interopRequireDefault(require("../UTIcon")),_UTAvatar=_interopRequireDefault(require("../UTAvatar"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const CHIP_VARIANT=exports.CHIP_VARIANT={DEFAULT:"default",OUTLINE:"outline"},CHIP_SIZES=exports.CHIP_SIZES={MEDIUM:"medium",SMALL:"small"},ADORNMENT_TYPES=exports.ADORNMENT_TYPES={ICON:"icon",AVATAR:"avatar",IMAGE:"image"},ADORNMENT_COMPONENT_MAPPER=exports.ADORNMENT_COMPONENT_MAPPER={[ADORNMENT_TYPES.ICON]:_UTIcon.default,[ADORNMENT_TYPES.AVATAR]:_UTAvatar.default,[ADORNMENT_TYPES.IMAGE]:"img"};