@widergy/energy-ui 3.193.0 → 3.194.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -20
- package/dist/components/UTCheckbox/versions/V1/components/CheckboxControl/index.js +1 -0
- package/dist/components/UTCheckbox/versions/V1/components/CheckboxIcon/index.js +1 -0
- package/dist/components/UTCheckbox/versions/V1/components/TitleAndDescription/index.js +1 -0
- package/dist/components/UTCheckbox/versions/V1/components/TitleRow/index.js +1 -0
- package/dist/components/UTCheckbox/versions/V1/constants.js +1 -1
- package/dist/components/UTCheckbox/versions/V1/index.js +1 -1
- package/dist/components/UTCheckbox/versions/V1/theme.js +1 -1
- package/dist/components/UTDatePicker/versions/V1/components/Calendar/index.js +1 -1
- package/dist/components/UTDatePicker/versions/V1/index.js +1 -1
- package/dist/components/UTDatePicker/versions/V1/utils.js +1 -1
- package/dist/components/UTModal/index.js +1 -1
- package/dist/components/UTRadioGroup/versions/V1/components/Radio/constants.js +1 -1
- package/dist/components/UTRadioGroup/versions/V1/components/Radio/index.js +1 -1
- package/dist/components/UTRadioGroup/versions/V1/components/Radio/theme.js +1 -1
- package/dist/esm/components/UTCheckbox/versions/V1/components/CheckboxControl/index.js +1 -0
- package/dist/esm/components/UTCheckbox/versions/V1/components/CheckboxIcon/index.js +1 -0
- package/dist/esm/components/UTCheckbox/versions/V1/components/TitleAndDescription/index.js +1 -0
- package/dist/esm/components/UTCheckbox/versions/V1/components/TitleRow/index.js +1 -0
- package/dist/esm/components/UTCheckbox/versions/V1/constants.js +1 -1
- package/dist/esm/components/UTCheckbox/versions/V1/index.js +1 -1
- package/dist/esm/components/UTCheckbox/versions/V1/theme.js +1 -1
- package/dist/esm/components/UTDatePicker/versions/V1/components/Calendar/index.js +1 -1
- package/dist/esm/components/UTDatePicker/versions/V1/index.js +1 -1
- package/dist/esm/components/UTDatePicker/versions/V1/utils.js +1 -1
- package/dist/esm/components/UTModal/index.js +1 -1
- package/dist/esm/components/UTRadioGroup/versions/V1/components/Radio/constants.js +1 -1
- package/dist/esm/components/UTRadioGroup/versions/V1/components/Radio/index.js +1 -1
- package/dist/esm/components/UTRadioGroup/versions/V1/components/Radio/theme.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,33 +1,22 @@
|
|
|
1
|
-
# [3.
|
|
1
|
+
# [3.194.0](https://github.com/widergy/energy-ui/compare/v3.193.0...v3.194.0) (2026-10-13)
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
###
|
|
4
|
+
### Features
|
|
5
5
|
|
|
6
|
-
* [
|
|
7
|
-
* dependencies ([#892](https://github.com/widergy/energy-ui/issues/892)) ([896b881](https://github.com/widergy/energy-ui/commit/896b8814593edfd2cda185547a7bc1e783a5b00c))
|
|
8
|
-
* reviewer fixes ([1e921e9](https://github.com/widergy/energy-ui/commit/1e921e9b442ce97f3efd2601521f900b0125b6eb))
|
|
6
|
+
* [WDS-44] alinear props entre UTCheckbox y UTRadioGroup ([#877](https://github.com/widergy/energy-ui/issues/877)) ([9d3cd0b](https://github.com/widergy/energy-ui/commit/9d3cd0b3cd22d2df096a9f8b70b5a846521ce8f9))
|
|
9
7
|
|
|
8
|
+
# [3.193.0](https://github.com/widergy/energy-ui/compare/v3.192.3...v3.193.0) (2026-10-08)
|
|
10
9
|
|
|
11
|
-
###
|
|
10
|
+
### Novedades y Mejoras
|
|
12
11
|
|
|
13
|
-
*
|
|
14
|
-
*
|
|
15
|
-
* [AXCH-2383] plugin TableHandles: asas y resaltado ([e2aea17](https://github.com/widergy/energy-ui/commit/e2aea175f3103259b5978f9f9294dbeeee59e0ec))
|
|
16
|
-
* [AXCH-2384] componente TableMenu, tokens y validación de foco ([a73aa6f](https://github.com/widergy/energy-ui/commit/a73aa6f0231bfafcfe7a1d3ca04bd01e5fbe5634))
|
|
17
|
-
* [AXCH-2385] contrato de acciones de tabla y acciones nativas ([ec75563](https://github.com/widergy/energy-ui/commit/ec755639007fe992568107420f5f66d2b0172c80))
|
|
18
|
-
* [AXCH-2386] mover fila y columna desde el menú de tabla ([e00c773](https://github.com/widergy/energy-ui/commit/e00c77384686b3368cd2b527e62925609f4a68a6))
|
|
19
|
-
* [AXCH-2387] borrar contenido, copiar tabla y encabezados ([87a6688](https://github.com/widergy/energy-ui/commit/87a6688fb1e2e12e8ba4df8430af802ffe88c73e))
|
|
20
|
-
* [AXCH-2388] accesibilidad del menú de tabla ([a317ef4](https://github.com/widergy/energy-ui/commit/a317ef499cd184aa5cd398e20f12bfd40b7da0ca))
|
|
21
|
-
* [AXCH-2389] stories, README y test IDs del menú de tabla ([809d71f](https://github.com/widergy/energy-ui/commit/809d71f3c4c5af65ab428f7c2f06d9eab8593122))
|
|
22
|
-
* [AXCH-2390] retiro de la TableToolbar ([b8ba31e](https://github.com/widergy/energy-ui/commit/b8ba31e7aa1e2420f5365f5e26f0f704ef96a55c))
|
|
23
|
-
* [AXCH-2476] arrastrar filas y columnas, redimensionar filas y chevron de celda ([647de01](https://github.com/widergy/energy-ui/commit/647de01ba31ead9d467c6adae1f347db638ceb53))
|
|
12
|
+
* El editor de texto enriquecido ahora permite editar tablas de forma más visual e intuitiva: al pasar el cursor sobre una tabla aparecen controles para seleccionar filas, columnas o la tabla completa, cada uno con su propio menú de acciones. Desde esos menús es posible insertar, eliminar o mover filas y columnas, limpiar contenido, copiar la tabla y activar o desactivar filas y columnas de encabezado. También se puede reordenar filas y columnas arrastrándolas, y ajustar el alto de las filas desde su borde inferior. El menú se puede navegar completamente con el teclado y nunca queda cortado por los bordes de la pantalla. [#886](https://github.com/widergy/Energy-UI/pull/886) [AXCH-2324](https://widergy.atlassian.net/browse/AXCH-2324)
|
|
13
|
+
* Mejoras internas de la plataforma. [#892](https://github.com/widergy/Energy-UI/pull/892) [OUG-5552](https://widergy.atlassian.net/browse/OUG-5552)
|
|
24
14
|
|
|
25
15
|
## [3.192.3](https://github.com/widergy/energy-ui/compare/v3.192.2...v3.192.3) (2026-10-08)
|
|
26
16
|
|
|
17
|
+
### Novedades y Mejoras
|
|
27
18
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
* [OUG-5552] test ruleset ([#891](https://github.com/widergy/energy-ui/issues/891)) ([f9c5634](https://github.com/widergy/energy-ui/commit/f9c56342637238ebcbbec4b082ee15c23289f9b3))
|
|
19
|
+
* Mejoras internas de la plataforma. [#891](https://github.com/widergy/Energy-UI/pull/891) [`f4c93c8`](https://github.com/widergy/Energy-UI/commit/f4c93c8) [`c49ab8c`](https://github.com/widergy/Energy-UI/commit/c49ab8c) [OUG-5552](https://widergy.atlassian.net/browse/OUG-5552)
|
|
31
20
|
|
|
32
21
|
## [3.192.2](https://github.com/widergy/energy-ui/compare/v3.192.1...v3.192.2) (2026-10-07)
|
|
33
22
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTIcon=_interopRequireDefault(require("../../../../../UTIcon")),_constants=require("../../constants"),_stylesModule=_interopRequireDefault(require("../../styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const CheckboxControl=e=>{let{classes:t,dataTestId:a,indeterminate:r,isSimple:o=!1,value:s=!1}=e;const l=r?_constants.INDETERMINATE_ICON:!0===s?_constants.CHECKED_ICON:"";return _react.default.createElement("div",{className:t.boxContainer,"data-testid":a},o?_react.default.createElement(_UTIcon.default,{className:s?void 0:_stylesModule.default.hidden,colorTheme:"accent",name:_constants.CHECKED_ICON,shade:"04"}):_react.default.createElement("div",{className:t.box},_react.default.createElement("div",{className:t.iconContainer},l&&_react.default.createElement(_UTIcon.default,{colorTheme:"light",name:l,size:10}))))};CheckboxControl.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,indeterminate:_propTypes.bool,isSimple:_propTypes.bool,value:_propTypes.bool};var _default=exports.default=CheckboxControl;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTIcon=_interopRequireDefault(require("../../../../../UTIcon")),_constants=require("../../constants"),_utils=require("../../utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}const CheckboxIcon=e=>{let{classes:r,icon:t,iconProps:o={},iconSelectedProps:s={},isCard:n=!1,value:a=!1}=e;if(!t)return null;const p=(0,_utils.getIconContentType)(t);if(p===_constants.ICON_CONTENT_TYPES.IMAGE)return _react.default.createElement("img",{alt:t.alt||"",className:r.iconImage,src:t.src});if(p===_constants.ICON_CONTENT_TYPES.COMPONENT){const e=t;return _react.default.createElement(e,{className:r.icon})}return _react.default.createElement(_UTIcon.default,_extends({colorTheme:"dark",name:t,size:n?_constants.CARD_ICON_SIZE:void 0},n&&{area:!0,areaBackground:"var(--light01)",areaBorderColor:"var(--light04)",areaRadius:_constants.CARD_ICON_AREA_RADIUS,areaSize:_constants.CARD_ICON_AREA_SIZE},o,a?s:{}))};CheckboxIcon.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),icon:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.elementType,(0,_propTypes.shape)({alt:_propTypes.string,src:_propTypes.string})]),iconProps:_propTypes.object,iconSelectedProps:_propTypes.object,isCard:_propTypes.bool,value:_propTypes.bool};var _default=exports.default=CheckboxIcon;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const TitleAndDescription=e=>{let{children:r,classes:t,description:i,withContainer:o=!1}=e;return i||o?_react.default.createElement("div",{className:t.contentContainer},r,i&&_react.default.createElement(_UTLabel.default,{className:t.description,colorTheme:"gray",variant:"body"},i)):r};TitleAndDescription.propTypes={children:_propTypes.node,classes:(0,_propTypes.objectOf)(_propTypes.string),description:_propTypes.string,withContainer:_propTypes.bool};var _default=exports.default=TitleAndDescription;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTIcon=_interopRequireDefault(require("../../../../../UTIcon")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../../../UTTooltip")),_constants=require("../../constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const TitleRow=e=>{let{children:t,classes:r,prefix:a,suffix:o,tooltip:l}=e;return a||o||l?_react.default.createElement("div",{className:r.titleRow},a&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},a),t,l&&_react.default.createElement(_UTTooltip.default,{content:l},_react.default.createElement("span",{className:r.tooltip},_react.default.createElement(_UTIcon.default,{className:r.infoIcon,colorTheme:"gray",name:"IconHelp",shade:"04",size:_constants.TOOLTIP_ICON_SIZE}))),o&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},o)):t};TitleRow.propTypes={children:_propTypes.node,classes:(0,_propTypes.objectOf)(_propTypes.string),prefix:_propTypes.string,suffix:_propTypes.string,tooltip:_propTypes.string};var _default=exports.default=TitleRow;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SPACING=exports.INDETERMINATE_ICON=exports.ICON_CONTENT_TYPES=exports.CHECKED_ICON=exports.CARD_VARIANT=exports.CARD_ICON_SIZE=exports.CARD_ICON_AREA_SIZE=exports.CARD_ICON_AREA_RADIUS=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",CARD_VARIANT=exports.CARD_VARIANT="card",CARD_ICON_SIZE=exports.CARD_ICON_SIZE=16,CARD_ICON_AREA_SIZE=exports.CARD_ICON_AREA_SIZE=32,CARD_ICON_AREA_RADIUS=exports.CARD_ICON_AREA_RADIUS="var(--UT-checkbox-card-icon-area-radius, 8px)",ICON_CONTENT_TYPES=exports.ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TOOLTIP_ICON_SIZE=exports.SPACING=exports.INDETERMINATE_ICON=exports.ICON_CONTENT_TYPES=exports.CHECKED_ICON=exports.CARD_VARIANT=exports.CARD_ICON_SIZE=exports.CARD_ICON_AREA_SIZE=exports.CARD_ICON_AREA_RADIUS=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",CARD_VARIANT=exports.CARD_VARIANT="card",CARD_ICON_SIZE=exports.CARD_ICON_SIZE=16,CARD_ICON_AREA_SIZE=exports.CARD_ICON_AREA_SIZE=32,CARD_ICON_AREA_RADIUS=exports.CARD_ICON_AREA_RADIUS="var(--UT-checkbox-card-icon-area-radius, 8px)",TOOLTIP_ICON_SIZE=exports.TOOLTIP_ICON_SIZE=16,ICON_CONTENT_TYPES=exports.ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"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")),
|
|
1
|
+
"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")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../UTTouchableWithoutFeedback")),_buttonTypes=require("../../../../types/buttonTypes"),_formTypes=require("../../../../types/formTypes"),_utils=require("../../../UTValidation/utils"),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_CheckboxControl=_interopRequireDefault(require("./components/CheckboxControl")),_CheckboxIcon=_interopRequireDefault(require("./components/CheckboxIcon")),_TitleAndDescription=_interopRequireDefault(require("./components/TitleAndDescription")),_TitleRow=_interopRequireDefault(require("./components/TitleRow")),_constants=require("./constants"),_theme=require("./theme");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 o,i,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(o=t?a:r){if(o.has(e))return o.get(e);o.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(s,t,i):s[t]=e[t]);return s})(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:o,CustomComponent:i,dataTestId:s,description:p,disabled:l,icon:n,iconProps:c={},iconSelectedProps:u={},indeterminate:_,isSimple:d=!1,meta:T,nameProps:f={},nameSelectedProps:m={},onChange:y=()=>{},prefix:b,required:h,suffix:q,title:g,tooltip:x,value:C=!1,variant:U="default",withUpperTitle:v}=e;const R=(0,_react.useMemo)(()=>(0,_classesUtils.mergeMultipleClassNames)(a,o),[o,a]),D=U===_constants.CARD_VARIANT,k=!0===C&&U===_constants.BUTTON_VARIANT,E=T&&(0,_form.shouldShowErrors)(T)&&T.error||"",P=(0,_utils.formatErrorToValidation)(E),w=_react.default.createElement(_CheckboxControl.default,{classes:R,dataTestId:r,indeterminate:_,isSimple:!D&&d,value:C}),O=D?_react.default.createElement(_UTLabel.default,_extends({className:R.name,colorTheme:"dark"},f,C?m:{}),g):_react.default.createElement(_UTFieldLabel.default,{className:R.title,highlighted:k,required:h},g),j=_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_CheckboxIcon.default,{classes:R,icon:n,iconProps:c,iconSelectedProps:u,isCard:D,value:C}),_react.default.createElement(_TitleAndDescription.default,{classes:R,description:p,withContainer:D},_react.default.createElement(_TitleRow.default,{classes:R,prefix:b,suffix:q,tooltip:x},i||O)));return _react.default.createElement(_react.default.Fragment,null,v&&_react.default.createElement(_UTFieldLabel.default,{actions:t,required:h},g),_react.default.createElement(_UTTouchableWithoutFeedback.default,{className:R.container,dataTestId:s,disabled:l,onMouseDown:()=>{!l&&y&&y(!C)}},_react.default.createElement("div",{className:R.content},D?j:_react.default.createElement(_react.default.Fragment,null,w,_react.default.createElement("div",{className:R.labelContainer},j))),D&&w,E&&_react.default.createElement(_UTValidation.default,{className:R.validation,validationData:P})))};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,description:_propTypes.string,disabled:_propTypes.bool,icon:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.elementType,(0,_propTypes.shape)({alt:_propTypes.string,src:_propTypes.string})]),iconProps:_propTypes.object,iconSelectedProps:_propTypes.object,indeterminate:_propTypes.bool,isSimple:_propTypes.bool,meta:_formTypes.metaPropTypes.isRequired,nameProps:_propTypes.object,nameSelectedProps:_propTypes.object,onChange:_propTypes.func,prefix:_propTypes.string,required:_propTypes.bool,suffix:_propTypes.string,title:_propTypes.string,tooltip:_propTypes.string,value:_propTypes.bool,variant:_propTypes.string,withUpperTitle:_propTypes.bool};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTCheckbox);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"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="var(--UT-checkbox-gap-md, 8px)",SMALL_SPACING="var(--UT-checkbox-gap-sm, 4px)",baseCheckBoxTheme=e=>({container:{alignItems:"center !important",display:"flex",flexWrap:"wrap",gap:"0px"},content:{display:"flex",flexDirection:"row",alignItems:"center"},iconContainer:{border:"1px solid ".concat(e.Palette.light["05"]),borderRadius:"var(--UT-checkbox-radius, 4px)",display:"flex",height:"var(--UT-checkbox-size, 16px)",placeContent:"center",placeItems:"center",width:"var(--UT-checkbox-size, 16px)"},box:{borderRadius:25,overflow:"hidden",padding:3},validation:{flexBasis:"100%"},contentContainer:{display:"flex",flexDirection:"column",gap:"var(--UT-checkbox-content-gap, 4px)"},
|
|
1
|
+
"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="var(--UT-checkbox-gap-md, 8px)",SMALL_SPACING="var(--UT-checkbox-gap-sm, 4px)",baseCheckBoxTheme=e=>({container:{alignItems:"center !important",display:"flex",flexWrap:"wrap",gap:"0px"},content:{display:"flex",flexDirection:"row",alignItems:"center"},labelContainer:{alignItems:"center",display:"flex"},iconContainer:{border:"1px solid ".concat(e.Palette.light["05"]),borderRadius:"var(--UT-checkbox-radius, 4px)",display:"flex",height:"var(--UT-checkbox-size, 16px)",placeContent:"center",placeItems:"center",width:"var(--UT-checkbox-size, 16px)"},box:{borderRadius:25,overflow:"hidden",padding:3},validation:{flexBasis:"100%"},contentContainer:{display:"flex",flexDirection:"column",gap:"var(--UT-checkbox-content-gap, 4px)"},titleRow:{alignItems:"center",display:"flex",gap:"var(--gap-xs, 4px)"},tooltip:{display:"flex"},icon:{flexShrink:0,height:"36px",width:"36px"},iconImage:{borderRadius:"50%",flexShrink:0,height:"36px",objectFit:"cover",width:"36px"},infoIcon:{flexShrink:0},name:{},description:{}}),getCardTheme=e=>{var t,o,a,n;let{theme:r,error:i}=e;const l=(null===(t=r.Palette.actions)||void 0===t?void 0:t.accent["01"])||r.Palette.accent["01"],c=(null===(o=r.Palette.actions)||void 0===o?void 0:o.accent["02"])||r.Palette.accent["02"],d=(null===(a=r.Palette.actions)||void 0===a?void 0:a.accent["03"])||r.Palette.accent["03"],s=(null===(n=r.Palette.actions)||void 0===n?void 0:n.accent["05"])||r.Palette.accent["05"];return{base:{backgroundColor:r.Palette.light["01"],boxShadow:"none",outline:"1px solid ".concat(i?r.Palette.error["04"]:r.Palette.light["04"]," !important"),"&:hover":{backgroundColor:i?r.Palette.error["01"]:r.Palette.light["03"]},"&:active":{backgroundColor:i?r.Palette.error["02"]:r.Palette.light["04"],"& $description":{color:r.Palette.gray["03"]}}},selected:{boxShadow:"none",outline:"2px solid ".concat(d," !important"),"& $icon path":{fill:s},"&:hover":{backgroundColor:l,outline:"2px solid ".concat(d," !important")},"&:active":{backgroundColor:c,outline:"2px solid ".concat(d," !important")}},disabled:{backgroundColor:r.Palette.light["03"],boxShadow:"none",outline:"2px solid transparent !important",pointerEvents:"none","& $name, & $description":{color:r.Palette.gray["04"]},"& $icon path":{fill:r.Palette.gray["04"]}}}},getCardCheckboxColors=e=>{var t;let{isMarked:o,disabled:a,theme:n}=e;const r=(null===(t=n.Palette.actions)||void 0===t?void 0:t.accent["04"])||n.Palette.accent["04"],i=n.Palette.gray["04"];return{backgroundColor:o?a?i:r:"transparent",borderColor:o?a?i:r:n.Palette.light["05"]}},conditionalStyles=e=>{var t,o,a,n,r;let{value:i,indeterminate:l,reversed:c,spacing:d,variant:s,theme:p,disabled:x,error:b}=e;const v=d===_constants.SPACING.SMALL?SMALL_SPACING:MEDIUM_SPACING,h=s===_constants.CARD_VARIANT,g=h&&getCardTheme({theme:p,error:b}),u=!0===i||l;return{container:{...c&&{flexDirection:"row-reverse",justifyContent:"space-between"},...x&&!h&&{opacity:.5},...s===_constants.BUTTON_VARIANT&&{borderRadius:"8px",padding:"small"===d?"8px 12px":"12px 16px",backgroundColor:b?p.Palette.error["01"]:"transparent","&:active, &:hover":{transition:"background-color 0.1s ease-in-out"},"&:active":{backgroundColor:b?p.Palette.error["02"]:p.Palette.light["04"]},"&:hover":{backgroundColor:b?p.Palette.error["02"]:p.Palette.light["03"]}},...h&&{borderRadius:"var(--UT-checkbox-card-radius, 12px)",gap:v,minHeight:"var(--UT-checkbox-card-min-height, 24px)",overflow:"visible",padding:"var(--UT-checkbox-card-padding-y, 12px) var(--UT-checkbox-card-padding-x, 16px)",...x?g.disabled:i?g.selected:g.base}},content:{...c&&{flexDirection:"row-reverse",justifyContent:"space-between",...s===_constants.BUTTON_VARIANT&&{width:"100%"}},gap:v,...h&&{marginRight:"auto"}},labelContainer:{gap:v},iconContainer:{...b&&{borderColor:p.Palette.error["04"]},...u&&{backgroundColor:(null===(t=p.Palette.actions)||void 0===t?void 0:t.accent["04"])||p.Palette.accent["04"],borderColor:(null===(o=p.Palette.actions)||void 0===o?void 0:o.accent["04"])||p.Palette.accent["04"]},...h&&getCardCheckboxColors({isMarked:u,disabled:x,theme:p})},boxContainer:{...s!==_constants.BUTTON_VARIANT&&!h&&{"&:active, &:hover":{"& $box":{borderColor:b?p.Palette.error["03"]:(null===(a=p.Palette.actions)||void 0===a?void 0:a.accent["03"])||p.Palette.accent["03"],borderWidth:1,overflow:"hidden",transition:"background-color 0.1s ease-in-out"}},"&:active":{"& $box":{backgroundColor:b?p.Palette.error["02"]:(null===(n=p.Palette.actions)||void 0===n?void 0:n.accent["02"])||p.Palette.accent["02"]}},"&:hover":{"& $box":{backgroundColor:b?p.Palette.error["01"]:(null===(r=p.Palette.actions)||void 0===r?void 0:r.accent["01"])||p.Palette.accent["01"]}}}},title:s===_constants.BUTTON_VARIANT&&{userSelect:"none"}}},retrieveStyle=e=>{let{value:t,disabled:o,indeterminate:a,reversed:n,spacing:r,theme:i,variant:l,meta:c}=e;const d=baseCheckBoxTheme(i),s=c&&(0,_form.shouldShowErrors)(c),{container:p,content:x,iconContainer:b,boxContainer:v,labelContainer:h,title:g}=conditionalStyles({value:t,disabled:o,indeterminate:a,reversed:n,spacing:r,variant:l,theme:i,error:s});return{box:d.box,content:{...d.content,...x},container:{...d.container,...p},iconContainer:{...d.iconContainer,...b},boxContainer:v,labelContainer:{...d.labelContainer,...h},title:g,validation:d.validation,contentContainer:d.contentContainer,titleRow:d.titleRow,tooltip:d.tooltip,icon:d.icon,iconImage:d.iconImage,infoIcon:d.infoIcon,name:d.name,description:d.description}};exports.retrieveStyle=retrieveStyle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_dayjs=_interopRequireDefault(require("dayjs"));require("dayjs/locale/es");var _propTypes=require("prop-types"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_dayjs=_interopRequireDefault(require("dayjs"));require("dayjs/locale/es");var _propTypes=require("prop-types"),_UTButton=_interopRequireDefault(require("../../../../../UTButton")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_Day=_interopRequireDefault(require("../Day")),_constants=require("../../constants"),_stylesModule=_interopRequireDefault(require("../../styles.module.scss")),_utils=require("../../utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,n,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(l=t?r:a){if(l.has(e))return l.get(e);l.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?l(s,t,n):s[t]=e[t]);return s})(e,t)}const Calendar=e=>{let{dataTestId:t,maxDate:a,minDate:r,onDaySelect:l,pickedDate:n}=e;const[s,d]=(0,_react.useState)(n||(0,_dayjs.default)()),o=(0,_utils.getCalendarTestIds)(t);(0,_react.useEffect)(()=>{null!=n&&n.isValid()&&d(n)},[n]);const u=(0,_utils.getWeeks)(s),c=e=>!(!r||!e.isBefore((0,_dayjs.default)(r,_constants.OUTPUT_LABEL_MASK),"day"))||!(!a||!e.isAfter((0,_dayjs.default)(a,_constants.OUTPUT_LABEL_MASK),"day"));return _react.default.createElement("div",{className:_stylesModule.default.calendarContainer,"data-testid":o.calendar},_react.default.createElement("div",{className:_stylesModule.default.nav},_react.default.createElement(_UTButton.default,{colorTheme:"secondary",dataTestId:o.calendarPrevBtn,Icon:"IconChevronLeft",onClick:()=>d(e=>e.subtract(1,"month")),size:"small",variant:"text"}),_react.default.createElement(_UTLabel.default,{align:"center",className:_stylesModule.default.navLabel,dataTestId:o.calendarMonthYear,variant:"body",weight:"medium"},s.locale("es").format(_constants.MONTH_YEAR_FORMAT)),_react.default.createElement(_UTButton.default,{colorTheme:"secondary",dataTestId:o.calendarNextBtn,Icon:"IconChevronRight",onClick:()=>d(e=>e.add(1,"month")),size:"small",variant:"text"})),_react.default.createElement("div",{className:_stylesModule.default.month},_react.default.createElement("div",{className:_stylesModule.default.week},_constants.WEEKDAYS_LABELS.map(e=>_react.default.createElement(_UTLabel.default,{className:"".concat(_stylesModule.default.dayCell," ").concat(_stylesModule.default.dayHeader),key:e,variant:"body",weight:"medium"},e))),u.map(e=>_react.default.createElement("div",{className:_stylesModule.default.week,key:e[0].format("YYYY-MM-DD")},e.map(e=>{const t=e.month()===s.month();return _react.default.createElement(_Day.default,{date:e,dayInCurrentMonth:t,isDisabled:c(e),key:e.format("YYYY-MM-DD"),onClick:l,pickedDate:n})})))))};Calendar.propTypes={dataTestId:_propTypes.string,maxDate:_propTypes.object,minDate:_propTypes.object,onDaySelect:_propTypes.func,pickedDate:_propTypes.object};var _default=exports.default=Calendar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_Popover=_interopRequireDefault(require("@material-ui/core/Popover")),_dayjs=_interopRequireDefault(require("dayjs")),_customParseFormat=_interopRequireDefault(require("dayjs/plugin/customParseFormat")),_propTypes=require("prop-types"),_UTBaseInputField=_interopRequireDefault(require("../../../UTBaseInputField")),_UTButton=_interopRequireDefault(require("../../../UTButton")),_UTFieldLabel=_interopRequireDefault(require("../../../UTFieldLabel")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_constants=require("../../../UTBaseInputField/constants"),_Calendar=_interopRequireDefault(require("./components/Calendar")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants2=require("./constants"),_utils=require("./utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,l,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(n=t?r:a){if(n.has(e))return n.get(e);n.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?n(s,t,l):s[t]=e[t]);return s})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}_dayjs.default.extend(_customParseFormat.default);const CALENDAR_PAPER_PROPS={className:_stylesModule.default.calendarPaper,onMouseDown:e=>e.preventDefault()},UTDatePicker=e=>{let{classNames:t={},CustomIcon:a,dataTestId:r,disabled:n,error:l="",helpText:s,onChange:o=()=>{},placeholder:i,popoverProps:u,range:c,readOnly:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_Popover=_interopRequireDefault(require("@material-ui/core/Popover")),_dayjs=_interopRequireDefault(require("dayjs")),_customParseFormat=_interopRequireDefault(require("dayjs/plugin/customParseFormat")),_propTypes=require("prop-types"),_UTBaseInputField=_interopRequireDefault(require("../../../UTBaseInputField")),_UTButton=_interopRequireDefault(require("../../../UTButton")),_UTFieldLabel=_interopRequireDefault(require("../../../UTFieldLabel")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_constants=require("../../../UTBaseInputField/constants"),_Calendar=_interopRequireDefault(require("./components/Calendar")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants2=require("./constants"),_utils=require("./utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,l,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(n=t?r:a){if(n.has(e))return n.get(e);n.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?n(s,t,l):s[t]=e[t]);return s})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}_dayjs.default.extend(_customParseFormat.default);const CALENDAR_PAPER_PROPS={className:_stylesModule.default.calendarPaper,onMouseDown:e=>e.preventDefault()},UTDatePicker=e=>{let{classNames:t={},CustomIcon:a,dataTestId:r,disabled:n,error:l="",helpText:s,onChange:o=()=>{},placeholder:i,popoverProps:u,range:c,readOnly:d=!1,required:_,size:p=_constants2.DEFAULT_PROPS.size,title:f,value:T="",variant:m=_constants2.DEFAULT_PROPS.variant}=e;const{maxDate:y,minDate:v}=c||{},[P,U]=(0,_react.useState)(null),[E,D]=(0,_react.useState)(!1),[A,g]=(0,_react.useState)(""),[L,O]=(0,_react.useState)(!1),[h,M]=(0,_react.useState)(!1),q=(0,_react.useRef)(null),R=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{D(!1),g(""),M(!1),!T&&null!=P&&P.isValid()?U(null):(0,_utils.dateMatchesFormat)(T,_constants2.OUTPUT_LABEL_MASK)?U((0,_dayjs.default)(T,_constants2.OUTPUT_LABEL_MASK)):U(null)},[T]);const S=()=>{var e;n||d||(O(!0),null===(e=R.current)||void 0===e||e.focus())},b=E?A:null!=P&&P.isValid()?P.format(_constants2.OUTPUT_LABEL_MASK):"",F=!!l||h,B=null==P?void 0:P.isValid(),x=i||_constants2.DEFAULT_PLACEHOLDER,I=F&&!n,j=(B||E)&&!n&&!d,C=l||(h?_constants2.TYPING_ERROR_MESSAGE:""),N="picker"===m,k=I?[{name:_constants.COMPONENT_KEYS.ICON,props:{showOnlyOnError:!0}}]:[],w={colorTheme:F?"error":L?"primary":"gray",Icon:a||"IconCalendarEvent"},K=d?void 0:_react.default.createElement("div",{className:_stylesModule.default.endAdornments},_react.default.createElement(_UTButton.default,_extends({},j?{colorTheme:"dark",Icon:"IconX"}:w,{classNames:{root:_stylesModule.default.calendarButton},disabled:n,onClick:j?e=>{e.stopPropagation(),U(null),D(!1),g(""),M(!1),o("")}:S,size:"small",variant:"text"})));return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement("div",{className:_stylesModule.default.root},f&&_react.default.createElement(_UTFieldLabel.default,{className:null==t?void 0:t.upperTitle,required:_,withMarkdown:!0},f),_react.default.createElement("div",{ref:q},_react.default.createElement(_UTBaseInputField.default,{alwaysShowPlaceholder:!0,classNames:t,dataTestId:r,inputRef:R,disabled:n,error:F,readOnly:d,inputSize:"sm"===p?"small":void 0,variant:N?"transparent":void 0,leftAdornments:k,maxLength:10,muiProps:{InputProps:{endAdornment:K},onChange:e=>{var t,a;const r=(e=>{const t=e.replace(/\D/g,"").slice(0,8);return t.length<=2?t:t.length<=4?"".concat(t.slice(0,2),"/").concat(t.slice(2)):"".concat(t.slice(0,2),"/").concat(t.slice(2,4),"/").concat(t.slice(4))})(E?e.target.value:null!==(t=null===(a=e.nativeEvent)||void 0===a?void 0:a.data)&&void 0!==t?t:"");g(r),D(!0);if(8===r.replace(/\D/g,"").length){const e=(0,_utils.dateMatchesFormat)(r,_constants2.OUTPUT_LABEL_MASK)&&(0,_dayjs.default)(r,_constants2.OUTPUT_LABEL_MASK).isValid();M(!e),e&&U((0,_dayjs.default)(r,_constants2.OUTPUT_LABEL_MASK))}else M(!1)},fullWidth:!0},onBlur:e=>{var t;if((null===(t=q.current)||void 0===t||!t.contains(e.relatedTarget))&&(O(!1),M(!1),E)){if(D(!1),g(""),!A)return U(null),void o("");if((0,_utils.dateMatchesFormat)(A,_constants2.OUTPUT_LABEL_MASK)){const e=(0,_dayjs.default)(A,_constants2.OUTPUT_LABEL_MASK);if(e.isValid()){const t=(0,_utils.getFinalDate)({date:e,maxDate:y,minDate:v});return U(t),void o(t.format(_constants2.OUTPUT_LABEL_MASK))}}U(null),o("")}},onFocus:S,placeholder:x,value:b})),s&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small",withMarkdown:!0},s),"select"===m&&C&&_react.default.createElement(_UTValidation.default,{dataTestId:r?"".concat(r,".errorMessage"):void 0,validationData:[{items:[{status:"error",text:C}]}]})),_react.default.createElement(_Popover.default,_extends({anchorEl:q.current,anchorOrigin:{horizontal:"left",vertical:"bottom"},disableAutoFocus:!0,disableEnforceFocus:!0,disableRestoreFocus:!0,onClose:()=>{O(!1),M(!1),E&&(D(!1),g(""),T&&(0,_utils.dateMatchesFormat)(T,_constants2.OUTPUT_LABEL_MASK)?U((0,_dayjs.default)(T,_constants2.OUTPUT_LABEL_MASK)):U(null))},open:L,PaperProps:CALENDAR_PAPER_PROPS,transformOrigin:{horizontal:"left",vertical:"top"}},u),_react.default.createElement(_Calendar.default,{dataTestId:r,maxDate:y,minDate:v,onDaySelect:e=>{const t=(0,_utils.getFinalDate)({date:e,maxDate:y,minDate:v});U(t),D(!1),g(""),M(!1),t.isValid()?o(t.format(_constants2.OUTPUT_LABEL_MASK)):o(""),O(!1)},pickedDate:P})))};UTDatePicker.propTypes={classNames:_propTypes.object,CustomIcon:_propTypes.elementType,dataTestId:_propTypes.string,disabled:_propTypes.bool,error:_propTypes.string,helpText:_propTypes.string,onChange:_propTypes.func,placeholder:_propTypes.string,popoverProps:_propTypes.object,range:(0,_propTypes.shape)({maxDate:_propTypes.string,minDate:_propTypes.string}),readOnly:_propTypes.bool,required:_propTypes.bool,size:_propTypes.string,title:_propTypes.string,value:_propTypes.string,variant:(0,_propTypes.oneOf)(["select","picker"])};var _default=exports.default=UTDatePicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isSelected=exports.getWeeks=exports.getFinalDate=exports.dateMatchesFormat=void 0;var _dayjs=_interopRequireDefault(require("dayjs")),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isSelected=exports.getWeeks=exports.getFinalDate=exports.getCalendarTestIds=exports.dateMatchesFormat=void 0;var _dayjs=_interopRequireDefault(require("dayjs")),_testIds=require("../../../../constants/testIds"),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const{UTDatePickerV1TestID:UTDatePickerV1TestID}=_testIds.TEST_IDS,isSelected=(e,t)=>t&&e.isSame(t,"day");exports.isSelected=isSelected;const dateMatchesFormat=(e,t)=>(0,_dayjs.default)(e,t).format(t)===e;exports.dateMatchesFormat=dateMatchesFormat;const getFinalDate=e=>{let{date:t,maxDate:s,minDate:a}=e;const r=(0,_dayjs.default)(t);return s&&null!=r&&r.isAfter((0,_dayjs.default)(s,_constants.OUTPUT_LABEL_MASK))?(0,_dayjs.default)(s,_constants.OUTPUT_LABEL_MASK):a&&null!=r&&r.isBefore((0,_dayjs.default)(a,_constants.OUTPUT_LABEL_MASK))?(0,_dayjs.default)(a,_constants.OUTPUT_LABEL_MASK):r};exports.getFinalDate=getFinalDate;const getWeeks=e=>{const t=e.startOf("month"),s=e.endOf("month"),a=[];let r=t.subtract(t.day(),"day");do{const e=r;a.push(Array.from({length:7},(t,s)=>e.add(s,"day"))),r=r.add(7,"day")}while(r.isBefore(s)||r.isSame(s,"day"));return a};exports.getWeeks=getWeeks;const getCalendarTestIds=e=>Object.fromEntries(Object.entries(UTDatePickerV1TestID).map(t=>{let[s,a]=t;return[s,e?"".concat(e,".").concat(s):a]}));exports.getCalendarTestIds=getCalendarTestIds;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_object=require("@widergy/web-utils/lib/object"),_componentUtils=require("../../utils/componentUtils"),_classesUtils=require("../../utils/classesUtils"),_UTButton=_interopRequireDefault(require("../UTButton")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_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,t){if("function"==typeof WeakMap)var a=new WeakMap,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_object=require("@widergy/web-utils/lib/object"),_componentUtils=require("../../utils/componentUtils"),_classesUtils=require("../../utils/classesUtils"),_UTButton=_interopRequireDefault(require("../UTButton")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_testIds=require("../../constants/testIds"),_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,t){if("function"==typeof WeakMap)var a=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var r,n,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(r=t?o:a){if(r.has(e))return r.get(e);r.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?r(s,t,n):s[t]=e[t]);return s})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)({}).hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},_extends.apply(null,arguments)}const{dialog:dialog}=_testIds.TEST_IDS,UTModal=e=>{let{cancelAction:t,children:a,classes:o,classNames:r,dataTestId:n,description:s,descriptionProps:c={},handleClickAway:l,isOpen:i,primaryAction:d,removeBodyPadding:p,secondaryAction:u,SecondaryActionComponent:_,size:f,status:y,title:T}=e;const m=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{i?m.current.showModal():m.current.close()},[i]);const b=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(o,r),[r]),g=_constants.STATUS_ICONS[y],h=!(0,_object.objectIsEmpty)(u)||_;return _react.default.createElement("dialog",{className:"".concat(_stylesModule.default.container," ").concat(b.container," ").concat(f?_stylesModule.default["container".concat((0,_componentUtils.capitalize)(f))]:_stylesModule.default.containerM),"data-testid":n,onClick:e=>l&&"DIALOG"===e.target.tagName&&l(),ref:m},_react.default.createElement("div",null,g&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.status," ").concat(b["status".concat((0,_componentUtils.capitalize)(y))])},_react.default.createElement(g,{className:"".concat(_stylesModule.default.icon," ").concat(b["icon".concat((0,_componentUtils.capitalize)(y))])})),_react.default.createElement("div",{className:_stylesModule.default.header},_react.default.createElement(_UTLabel.default,{dataTestId:n?"".concat(n,".").concat(dialog.title):void 0,variant:"title3",weight:"medium"},T),s&&_react.default.createElement(_UTLabel.default,_extends({colorTheme:"gray"},c),s)),a&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.body," ").concat(!p&&_stylesModule.default.bodyPadding)},a),_react.default.createElement("div",{className:"\n ".concat(_stylesModule.default.actions,"\n ").concat(b.actions,"\n ").concat(h&&_stylesModule.default.withSecondaryActions,"\n ")},h&&_react.default.createElement("div",null,_?_react.default.createElement(_,null):_react.default.createElement(_UTButton.default,_extends({colorTheme:"secondary",variant:"semitransparent"},u),u.label)),_react.default.createElement("div",{className:_stylesModule.default.defaultActions},!(0,_object.objectIsEmpty)(t)&&_react.default.createElement(_UTButton.default,_extends({colorTheme:"secondary",dataTestId:n?"".concat(n,".").concat(dialog.cancelButton):void 0,variant:"text"},t),t.label||_constants.CANCEL_BUTTON_TEXT),!(0,_object.objectIsEmpty)(d)&&_react.default.createElement(_UTButton.default,_extends({colorTheme:"primary",dataTestId:n?"".concat(n,".").concat(dialog.acceptButton):void 0,variant:"filled"},d),d.label||_constants.ACCEPT_BUTTON_TEXT)))))};UTModal.propTypes={cancelAction:(0,_propTypes.shape)({label:_propTypes.string,onClick:_propTypes.func}),classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,description:_propTypes.string,descriptionProps:_propTypes.object,handleClickAway:_propTypes.func,isOpen:_propTypes.bool,primaryAction:(0,_propTypes.shape)({label:_propTypes.string,onClick:_propTypes.func}),removeBodyPadding:_propTypes.bool,secondaryAction:(0,_propTypes.shape)({label:_propTypes.string,onClick:_propTypes.func}),SecondaryActionComponent:_propTypes.elementType,size:_propTypes.string,status:_propTypes.string,title:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTModal);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RADIO_VARIANTS=exports.ICON_SIZES=exports.ICON_CONTENT_TYPES=exports.ICON_AREA_SIZE=exports.ICON_AREA_RADIUS=void 0;const RADIO_VARIANTS=exports.RADIO_VARIANTS={DEFAULT:"default",BUTTON:"button",CARD:"card"},ICON_SIZES=exports.ICON_SIZES={[RADIO_VARIANTS.CARD]:16},ICON_AREA_SIZE=exports.ICON_AREA_SIZE=32,ICON_AREA_RADIUS=exports.ICON_AREA_RADIUS="var(--UT-radioGroup-card-icon-area-radius, 8px)",ICON_CONTENT_TYPES=exports.ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TOOLTIP_ICON_SIZE=exports.RADIO_VARIANTS=exports.ICON_SIZES=exports.ICON_CONTENT_TYPES=exports.ICON_AREA_SIZE=exports.ICON_AREA_RADIUS=void 0;const RADIO_VARIANTS=exports.RADIO_VARIANTS={DEFAULT:"default",BUTTON:"button",CARD:"card"},ICON_SIZES=exports.ICON_SIZES={[RADIO_VARIANTS.CARD]:16},ICON_AREA_SIZE=exports.ICON_AREA_SIZE=32,ICON_AREA_RADIUS=exports.ICON_AREA_RADIUS="var(--UT-radioGroup-card-icon-area-radius, 8px)",TOOLTIP_ICON_SIZE=exports.TOOLTIP_ICON_SIZE=16,ICON_CONTENT_TYPES=exports.ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../../../UTTouchableWithoutFeedback")),_UTIcon=_interopRequireDefault(require("../../../../../UTIcon")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../../../UTTooltip")),_WithTheme=_interopRequireDefault(require("../../../../../WithTheme")),_theme=require("./theme"),_utils=require("./utils"),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const Radio=e=>{let{classes:t,dataTestId:a,description:r,descriptionProps:o={},disabled:n,icon:s,iconProps:c={},iconSelectedProps:l={},name:i,nameProps:p={},nameSelectedProps:_={},onChange:d,prefix:u,selected:T,suffix:m,theme:f,tooltip:y,variant:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../../../UTTouchableWithoutFeedback")),_UTIcon=_interopRequireDefault(require("../../../../../UTIcon")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../../../UTTooltip")),_WithTheme=_interopRequireDefault(require("../../../../../WithTheme")),_theme=require("./theme"),_utils=require("./utils"),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const Radio=e=>{let{classes:t,dataTestId:a,description:r,descriptionProps:o={},disabled:n,icon:s,iconProps:c={},iconSelectedProps:l={},name:i,nameProps:p={},nameSelectedProps:_={},onChange:d,prefix:u,selected:T,suffix:m,theme:f,tooltip:y,variant:I=_constants.RADIO_VARIANTS.DEFAULT}=e;const N=I===_constants.RADIO_VARIANTS.CARD,E=T&&I===_constants.RADIO_VARIANTS.BUTTON,{areaBackground:h,areaBorderColor:b}=(0,_utils.getIconAreaColors)(f),A=i&&_react.default.createElement(_UTLabel.default,_extends({className:t.name,colorTheme:E?"accent":"dark"},p,T?_:{}),i);return _react.default.createElement(_UTTouchableWithoutFeedback.default,{className:t.root,dataTestId:a,disabled:n,onClick:()=>!n&&d()},I===_constants.RADIO_VARIANTS.DEFAULT&&_react.default.createElement("div",{className:t.radioCircleContainer},_react.default.createElement("div",{className:t.radioCircle},T&&_react.default.createElement("div",{className:t.radioDot}))),_react.default.createElement("div",{className:t.content},(()=>{if(!s)return null;const e=(0,_utils.getIconContentType)(s);if(e===_constants.ICON_CONTENT_TYPES.IMAGE)return _react.default.createElement("img",{alt:s.alt||"",className:t.iconImage,src:s.src});if(e===_constants.ICON_CONTENT_TYPES.COMPONENT){const e=s;return _react.default.createElement(e,{className:t.icon})}return _react.default.createElement(_UTIcon.default,_extends({colorTheme:"dark",name:s,size:_constants.ICON_SIZES[I]},N&&{area:!0,areaBackground:h,areaBorderColor:b,areaRadius:_constants.ICON_AREA_RADIUS,areaSize:_constants.ICON_AREA_SIZE},c,T?l:{}))})(),_react.default.createElement("div",{className:t.contentContainer},_react.default.createElement("div",{className:t.content},u&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},u),y?_react.default.createElement("div",{className:t.titleAndTooltip},A,_react.default.createElement(_UTTooltip.default,{content:y},_react.default.createElement("span",{className:t.tooltip},_react.default.createElement(_UTIcon.default,{className:t.infoIcon,colorTheme:"gray",name:"IconHelp",shade:"04",size:_constants.TOOLTIP_ICON_SIZE})))):A,m&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},m)),_react.default.createElement(_UTLabel.default,_extends({className:t.description,colorTheme:"gray",variant:"body"},o),r))),N&&_react.default.createElement("div",{className:t.cardRadio},T&&_react.default.createElement("div",{className:t.radioDot})),T&&I===_constants.RADIO_VARIANTS.BUTTON&&_react.default.createElement(_UTIcon.default,{name:"IconCheck",colorTheme:"accent"}))};Radio.propTypes={classes:_propTypes.object,dataTestId:_propTypes.string,description:_propTypes.string,descriptionProps:_propTypes.object,disabled:_propTypes.bool,icon:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.elementType,(0,_propTypes.shape)({alt:_propTypes.string,src:_propTypes.string})]),iconProps:_propTypes.object,iconSelectedProps:_propTypes.object,name:_propTypes.string,nameProps:_propTypes.object,nameSelectedProps:_propTypes.object,onChange:_propTypes.func,prefix:_propTypes.string,selected:_propTypes.bool,suffix:_propTypes.string,theme:_propTypes.object,tooltip:_propTypes.string,variant:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(Radio);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _constants=require("../../constants"),_constants2=require("./constants");const SPACING_VALUES={[_constants.SPACING.SMALL]:"var(--UT-radioGroup-control-gap-sm, 4px)",[_constants.SPACING.MEDIUM]:"var(--UT-radioGroup-control-gap-md, 8px)"},getCardRadioColors=t=>{let{accent04:o,disabled:e,selected:r,theme:a}=t;const n=a.Palette.gray["04"];return{backgroundColor:r?e?n:o:"transparent",borderColor:r?e?n:o:a.Palette.light["05"]}},retrieveStyle=t=>{var o,e,r,a,n;let{theme:i,variant:l=_constants2.RADIO_VARIANTS.DEFAULT,disabled:c,selected:d,spacing:s=_constants.SPACING.MEDIUM,reversed:p}=t;const A=(null===(o=i.Palette.actions)||void 0===o?void 0:o.accent["01"])||i.Palette.accent["01"],g=(null===(e=i.Palette.actions)||void 0===e?void 0:e.accent["02"])||i.Palette.accent["02"],u=(null===(r=i.Palette.actions)||void 0===r?void 0:r.accent["03"])||i.Palette.accent["03"],v=(null===(a=i.Palette.actions)||void 0===a?void 0:a.accent["04"])||i.Palette.accent["04"],h=(null===(n=i.Palette.actions)||void 0===n?void 0:n.accent["05"])||i.Palette.accent["05"],x={[_constants2.RADIO_VARIANTS.CARD]:{backgroundColor:i.Palette.light["01"],boxShadow:"none",outline:"1px solid ".concat(i.Palette.light["04"]," !important"),"&:hover":{backgroundColor:i.Palette.light["03"]},"&:active":{backgroundColor:i.Palette.light["04"],"& $description":{color:i.Palette.gray["03"]}}},[_constants2.RADIO_VARIANTS.BUTTON]:{backgroundColor:i.Palette.light["01"],"&:hover":{backgroundColor:i.Palette.light["03"]},"&:active":{backgroundColor:i.Palette.light["04"]}},[_constants2.RADIO_VARIANTS.DEFAULT]:{}}[l],I={[_constants2.RADIO_VARIANTS.CARD]:{boxShadow:"none",outline:"2px solid ".concat(u," !important"),"& $icon path":{fill:h},"&:hover":{backgroundColor:A,outline:"2px solid ".concat(u," !important")},"&:active":{backgroundColor:g,outline:"2px solid ".concat(u," !important")}},[_constants2.RADIO_VARIANTS.BUTTON]:{},[_constants2.RADIO_VARIANTS.DEFAULT]:{}}[l],C={[_constants2.RADIO_VARIANTS.CARD]:{backgroundColor:i.Palette.light["03"],boxShadow:"none",outline:"2px solid transparent !important",pointerEvents:"none","& $name, & $description":{color:i.Palette.gray["04"]},"& $icon path":{fill:i.Palette.gray["04"]}},[_constants2.RADIO_VARIANTS.BUTTON]:{backgroundColor:i.Palette.light["01"],opacity:.5,pointerEvents:"none"},[_constants2.RADIO_VARIANTS.DEFAULT]:{opacity:.5,pointerEvents:"none"}}[l];return{root:{alignItems:"center !important",borderRadius:l===_constants2.RADIO_VARIANTS.CARD?"var(--UT-radioGroup-card-radius, 12px)":"var(--UT-radioGroup-row-radius, 8px)",display:"flex",flexDirection:"row",gap:SPACING_VALUES[s]||SPACING_VALUES[_constants.SPACING.MEDIUM],minHeight:"var(--UT-radioGroup-row-min-height, 24px)",overflow:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _constants=require("../../constants"),_constants2=require("./constants");const SPACING_VALUES={[_constants.SPACING.SMALL]:"var(--UT-radioGroup-control-gap-sm, 4px)",[_constants.SPACING.MEDIUM]:"var(--UT-radioGroup-control-gap-md, 8px)"},getCardRadioColors=t=>{let{accent04:o,disabled:e,selected:r,theme:a}=t;const n=a.Palette.gray["04"];return{backgroundColor:r?e?n:o:"transparent",borderColor:r?e?n:o:a.Palette.light["05"]}},retrieveStyle=t=>{var o,e,r,a,n;let{theme:i,variant:l=_constants2.RADIO_VARIANTS.DEFAULT,disabled:c,selected:d,spacing:s=_constants.SPACING.MEDIUM,reversed:p}=t;const A=(null===(o=i.Palette.actions)||void 0===o?void 0:o.accent["01"])||i.Palette.accent["01"],g=(null===(e=i.Palette.actions)||void 0===e?void 0:e.accent["02"])||i.Palette.accent["02"],u=(null===(r=i.Palette.actions)||void 0===r?void 0:r.accent["03"])||i.Palette.accent["03"],v=(null===(a=i.Palette.actions)||void 0===a?void 0:a.accent["04"])||i.Palette.accent["04"],h=(null===(n=i.Palette.actions)||void 0===n?void 0:n.accent["05"])||i.Palette.accent["05"],x={[_constants2.RADIO_VARIANTS.CARD]:{backgroundColor:i.Palette.light["01"],boxShadow:"none",outline:"1px solid ".concat(i.Palette.light["04"]," !important"),"&:hover":{backgroundColor:i.Palette.light["03"]},"&:active":{backgroundColor:i.Palette.light["04"],"& $description":{color:i.Palette.gray["03"]}}},[_constants2.RADIO_VARIANTS.BUTTON]:{backgroundColor:i.Palette.light["01"],"&:hover":{backgroundColor:i.Palette.light["03"]},"&:active":{backgroundColor:i.Palette.light["04"]}},[_constants2.RADIO_VARIANTS.DEFAULT]:{}}[l],I={[_constants2.RADIO_VARIANTS.CARD]:{boxShadow:"none",outline:"2px solid ".concat(u," !important"),"& $icon path":{fill:h},"&:hover":{backgroundColor:A,outline:"2px solid ".concat(u," !important")},"&:active":{backgroundColor:g,outline:"2px solid ".concat(u," !important")}},[_constants2.RADIO_VARIANTS.BUTTON]:{},[_constants2.RADIO_VARIANTS.DEFAULT]:{}}[l],C={[_constants2.RADIO_VARIANTS.CARD]:{backgroundColor:i.Palette.light["03"],boxShadow:"none",outline:"2px solid transparent !important",pointerEvents:"none","& $name, & $description":{color:i.Palette.gray["04"]},"& $icon path":{fill:i.Palette.gray["04"]}},[_constants2.RADIO_VARIANTS.BUTTON]:{backgroundColor:i.Palette.light["01"],opacity:.5,pointerEvents:"none"},[_constants2.RADIO_VARIANTS.DEFAULT]:{opacity:.5,pointerEvents:"none"}}[l];return{root:{alignItems:"center !important",borderRadius:l===_constants2.RADIO_VARIANTS.CARD?"var(--UT-radioGroup-card-radius, 12px)":"var(--UT-radioGroup-row-radius, 8px)",display:"flex",flexDirection:"row",gap:SPACING_VALUES[s]||SPACING_VALUES[_constants.SPACING.MEDIUM],minHeight:"var(--UT-radioGroup-row-min-height, 24px)",overflow:"visible",...l!==_constants2.RADIO_VARIANTS.DEFAULT&&{padding:"var(--UT-radioGroup-row-padding-y, 12px) var(--UT-radioGroup-row-padding-x, 16px)"},...c?C:d?I:x},radioCircleContainer:{borderRadius:"50%",overflow:"hidden",padding:3,"&:hover":{backgroundColor:A},"&:active":{backgroundColor:g}},radioCircle:{alignItems:"center",border:"1px solid ".concat(i.Palette.light["05"]),borderRadius:"50%",display:"flex",flexShrink:0,height:"var(--UT-radioGroup-control-size, 16px)",justifyContent:"center",width:"var(--UT-radioGroup-control-size, 16px)",...d&&{backgroundColor:v,borderColor:v}},radioDot:{backgroundColor:i.Palette.light["01"],borderRadius:"50%",height:"var(--UT-radioGroup-control-dot-size, 8px)",width:"var(--UT-radioGroup-control-dot-size, 8px)"},cardRadio:{alignItems:"center",border:"1px solid transparent",borderRadius:"50%",display:"flex",flexShrink:0,height:"var(--UT-radioGroup-control-size, 16px)",justifyContent:"center",width:"var(--UT-radioGroup-control-size, 16px)",...getCardRadioColors({accent04:v,disabled:c,selected:d,theme:i})},content:{alignItems:"center",display:"flex",flexDirection:p?"row-reverse":"row",gap:SPACING_VALUES[s]||SPACING_VALUES[_constants.SPACING.MEDIUM],marginRight:"auto"},contentContainer:{display:"flex",flexDirection:"column",gap:"var(--UT-radioGroup-content-gap, 4px)"},titleAndTooltip:{alignItems:"center",display:"flex",gap:"var(--gap-xs, 4px)"},tooltip:{display:"flex"},icon:{flexShrink:0,height:"36px",width:"36px"},iconImage:{borderRadius:"50%",flexShrink:0,height:"36px",objectFit:"cover",width:"36px"},infoIcon:{flexShrink:0},name:{},description:{}}};exports.retrieveStyle=retrieveStyle;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React from"react";import{bool,objectOf,string}from"prop-types";import UTIcon from"../../../../../UTIcon";import{CHECKED_ICON,INDETERMINATE_ICON}from"../../constants";import styles from"../../styles.module.scss";const CheckboxControl=e=>{let{classes:t,dataTestId:o,indeterminate:a,isSimple:s=!1,value:c=!1}=e;const n=a?INDETERMINATE_ICON:!0===c?CHECKED_ICON:"";return React.createElement("div",{className:t.boxContainer,"data-testid":o},s?React.createElement(UTIcon,{className:c?void 0:styles.hidden,colorTheme:"accent",name:CHECKED_ICON,shade:"04"}):React.createElement("div",{className:t.box},React.createElement("div",{className:t.iconContainer},n&&React.createElement(UTIcon,{colorTheme:"light",name:n,size:10}))))};CheckboxControl.propTypes={classes:objectOf(string),dataTestId:string,indeterminate:bool,isSimple:bool,value:bool};export default CheckboxControl;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},_extends.apply(null,arguments)}import React from"react";import{bool,elementType,object,objectOf,oneOfType,shape,string}from"prop-types";import UTIcon from"../../../../../UTIcon";import{CARD_ICON_AREA_RADIUS,CARD_ICON_AREA_SIZE,CARD_ICON_SIZE,ICON_CONTENT_TYPES}from"../../constants";import{getIconContentType}from"../../utils";const CheckboxIcon=e=>{let{classes:o,icon:t,iconProps:r={},iconSelectedProps:n={},isCard:c=!1,value:a=!1}=e;if(!t)return null;const s=getIconContentType(t);if(s===ICON_CONTENT_TYPES.IMAGE)return React.createElement("img",{alt:t.alt||"",className:o.iconImage,src:t.src});if(s===ICON_CONTENT_TYPES.COMPONENT){const e=t;return React.createElement(e,{className:o.icon})}return React.createElement(UTIcon,_extends({colorTheme:"dark",name:t,size:c?CARD_ICON_SIZE:void 0},c&&{area:!0,areaBackground:"var(--light01)",areaBorderColor:"var(--light04)",areaRadius:CARD_ICON_AREA_RADIUS,areaSize:CARD_ICON_AREA_SIZE},r,a?n:{}))};CheckboxIcon.propTypes={classes:objectOf(string),icon:oneOfType([string,elementType,shape({alt:string,src:string})]),iconProps:object,iconSelectedProps:object,isCard:bool,value:bool};export default CheckboxIcon;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React from"react";import{bool,node,objectOf,string}from"prop-types";import UTLabel from"../../../../../UTLabel";const TitleAndDescription=e=>{let{children:t,classes:o,description:r,withContainer:i=!1}=e;return r||i?React.createElement("div",{className:o.contentContainer},t,r&&React.createElement(UTLabel,{className:o.description,colorTheme:"gray",variant:"body"},r)):t};TitleAndDescription.propTypes={children:node,classes:objectOf(string),description:string,withContainer:bool};export default TitleAndDescription;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React from"react";import{node,objectOf,string}from"prop-types";import UTIcon from"../../../../../UTIcon";import UTLabel from"../../../../../UTLabel";import UTTooltip from"../../../../../UTTooltip";import{TOOLTIP_ICON_SIZE}from"../../constants";const TitleRow=e=>{let{children:t,classes:o,prefix:r,suffix:a,tooltip:c}=e;return r||a||c?React.createElement("div",{className:o.titleRow},r&&React.createElement(UTLabel,{colorTheme:"gray"},r),t,c&&React.createElement(UTTooltip,{content:c},React.createElement("span",{className:o.tooltip},React.createElement(UTIcon,{className:o.infoIcon,colorTheme:"gray",name:"IconHelp",shade:"04",size:TOOLTIP_ICON_SIZE}))),a&&React.createElement(UTLabel,{colorTheme:"gray"},a)):t};TitleRow.propTypes={children:node,classes:objectOf(string),prefix:string,suffix:string,tooltip:string};export default TitleRow;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const CHECKED_ICON="IconCheck";export const INDETERMINATE_ICON="IconMinus";export const SPACING={SMALL:"small",MEDIUM:"medium"};export const BUTTON_VARIANT="button";export const CARD_VARIANT="card";export const CARD_ICON_SIZE=16;export const CARD_ICON_AREA_SIZE=32;export const CARD_ICON_AREA_RADIUS="var(--UT-checkbox-card-icon-area-radius, 8px)";export const ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
|
|
1
|
+
export const CHECKED_ICON="IconCheck";export const INDETERMINATE_ICON="IconMinus";export const SPACING={SMALL:"small",MEDIUM:"medium"};export const BUTTON_VARIANT="button";export const CARD_VARIANT="card";export const CARD_ICON_SIZE=16;export const CARD_ICON_AREA_SIZE=32;export const CARD_ICON_AREA_RADIUS="var(--UT-checkbox-card-icon-area-radius, 8px)";export const TOOLTIP_ICON_SIZE=16;export const ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useMemo}from"react";import{arrayOf,bool,elementType,func,objectOf,oneOfType,shape,string}from"prop-types";import{shouldShowErrors}from"@widergy/web-utils/lib/form";import{mergeMultipleClassNames}from"../../../../utils/classesUtils";import UTFieldLabel from"../../../UTFieldLabel";import
|
|
1
|
+
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},_extends.apply(null,arguments)}import React,{useMemo}from"react";import{arrayOf,bool,elementType,func,object,objectOf,oneOfType,shape,string}from"prop-types";import{shouldShowErrors}from"@widergy/web-utils/lib/form";import{mergeMultipleClassNames}from"../../../../utils/classesUtils";import UTFieldLabel from"../../../UTFieldLabel";import UTLabel from"../../../UTLabel";import WithTheme from"../../../WithTheme";import UTTouchableWithoutFeedback from"../../../UTTouchableWithoutFeedback";import{buttonTypes}from"../../../../types/buttonTypes";import{metaPropTypes}from"../../../../types/formTypes";import{formatErrorToValidation}from"../../../UTValidation/utils";import UTValidation from"../../../UTValidation";import CheckboxControl from"./components/CheckboxControl";import CheckboxIcon from"./components/CheckboxIcon";import TitleAndDescription from"./components/TitleAndDescription";import TitleRow from"./components/TitleRow";import{BUTTON_VARIANT,CARD_VARIANT}from"./constants";import{retrieveStyle}from"./theme";const UTCheckbox=e=>{let{actions:t,checkboxDataTestId:o,classes:r,classNames:a,CustomComponent:i,dataTestId:n,description:s,disabled:l,icon:c,iconProps:m={},iconSelectedProps:p={},indeterminate:d,isSimple:T=!1,meta:b,nameProps:f={},nameSelectedProps:u={},onChange:h=()=>{},prefix:R,required:g,suffix:C,title:x,tooltip:y,value:U=!1,variant:E="default",withUpperTitle:N}=e;const k=useMemo(()=>mergeMultipleClassNames(r,a),[a,r]),v=E===CARD_VARIANT,A=!0===U&&E===BUTTON_VARIANT,I=b&&shouldShowErrors(b)&&b.error||"",P=formatErrorToValidation(I),w=React.createElement(CheckboxControl,{classes:k,dataTestId:o,indeterminate:d,isSimple:!v&&T,value:U}),O=v?React.createElement(UTLabel,_extends({className:k.name,colorTheme:"dark"},f,U?u:{}),x):React.createElement(UTFieldLabel,{className:k.title,highlighted:A,required:g},x),S=React.createElement(React.Fragment,null,React.createElement(CheckboxIcon,{classes:k,icon:c,iconProps:m,iconSelectedProps:p,isCard:v,value:U}),React.createElement(TitleAndDescription,{classes:k,description:s,withContainer:v},React.createElement(TitleRow,{classes:k,prefix:R,suffix:C,tooltip:y},i||O)));return React.createElement(React.Fragment,null,N&&React.createElement(UTFieldLabel,{actions:t,required:g},x),React.createElement(UTTouchableWithoutFeedback,{className:k.container,dataTestId:n,disabled:l,onMouseDown:()=>{!l&&h&&h(!U)}},React.createElement("div",{className:k.content},v?S:React.createElement(React.Fragment,null,w,React.createElement("div",{className:k.labelContainer},S))),v&&w,I&&React.createElement(UTValidation,{className:k.validation,validationData:P})))};UTCheckbox.propTypes={actions:arrayOf(buttonTypes),checkboxDataTestId:string,classes:objectOf(string),classNames:objectOf(string),CustomComponent:elementType,dataTestId:string,description:string,disabled:bool,icon:oneOfType([string,elementType,shape({alt:string,src:string})]),iconProps:object,iconSelectedProps:object,indeterminate:bool,isSimple:bool,meta:metaPropTypes.isRequired,nameProps:object,nameSelectedProps:object,onChange:func,prefix:string,required:bool,suffix:string,title:string,tooltip:string,value:bool,variant:string,withUpperTitle:bool};export default WithTheme(retrieveStyle)(UTCheckbox);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{shouldShowErrors}from"@widergy/web-utils/lib/form";import{BUTTON_VARIANT,CARD_VARIANT,SPACING}from"./constants";const MEDIUM_SPACING="var(--UT-checkbox-gap-md, 8px)",SMALL_SPACING="var(--UT-checkbox-gap-sm, 4px)",baseCheckBoxTheme=e=>({container:{alignItems:"center !important",display:"flex",flexWrap:"wrap",gap:"0px"},content:{display:"flex",flexDirection:"row",alignItems:"center"},iconContainer:{border:"1px solid ".concat(e.Palette.light["05"]),borderRadius:"var(--UT-checkbox-radius, 4px)",display:"flex",height:"var(--UT-checkbox-size, 16px)",placeContent:"center",placeItems:"center",width:"var(--UT-checkbox-size, 16px)"},box:{borderRadius:25,overflow:"hidden",padding:3},validation:{flexBasis:"100%"},contentContainer:{display:"flex",flexDirection:"column",gap:"var(--UT-checkbox-content-gap, 4px)"},
|
|
1
|
+
import{shouldShowErrors}from"@widergy/web-utils/lib/form";import{BUTTON_VARIANT,CARD_VARIANT,SPACING}from"./constants";const MEDIUM_SPACING="var(--UT-checkbox-gap-md, 8px)",SMALL_SPACING="var(--UT-checkbox-gap-sm, 4px)",baseCheckBoxTheme=e=>({container:{alignItems:"center !important",display:"flex",flexWrap:"wrap",gap:"0px"},content:{display:"flex",flexDirection:"row",alignItems:"center"},labelContainer:{alignItems:"center",display:"flex"},iconContainer:{border:"1px solid ".concat(e.Palette.light["05"]),borderRadius:"var(--UT-checkbox-radius, 4px)",display:"flex",height:"var(--UT-checkbox-size, 16px)",placeContent:"center",placeItems:"center",width:"var(--UT-checkbox-size, 16px)"},box:{borderRadius:25,overflow:"hidden",padding:3},validation:{flexBasis:"100%"},contentContainer:{display:"flex",flexDirection:"column",gap:"var(--UT-checkbox-content-gap, 4px)"},titleRow:{alignItems:"center",display:"flex",gap:"var(--gap-xs, 4px)"},tooltip:{display:"flex"},icon:{flexShrink:0,height:"36px",width:"36px"},iconImage:{borderRadius:"50%",flexShrink:0,height:"36px",objectFit:"cover",width:"36px"},infoIcon:{flexShrink:0},name:{},description:{}}),getCardTheme=e=>{var t,o,a,n;let{theme:r,error:i}=e;const l=(null===(t=r.Palette.actions)||void 0===t?void 0:t.accent["01"])||r.Palette.accent["01"],c=(null===(o=r.Palette.actions)||void 0===o?void 0:o.accent["02"])||r.Palette.accent["02"],d=(null===(a=r.Palette.actions)||void 0===a?void 0:a.accent["03"])||r.Palette.accent["03"],s=(null===(n=r.Palette.actions)||void 0===n?void 0:n.accent["05"])||r.Palette.accent["05"];return{base:{backgroundColor:r.Palette.light["01"],boxShadow:"none",outline:"1px solid ".concat(i?r.Palette.error["04"]:r.Palette.light["04"]," !important"),"&:hover":{backgroundColor:i?r.Palette.error["01"]:r.Palette.light["03"]},"&:active":{backgroundColor:i?r.Palette.error["02"]:r.Palette.light["04"],"& $description":{color:r.Palette.gray["03"]}}},selected:{boxShadow:"none",outline:"2px solid ".concat(d," !important"),"& $icon path":{fill:s},"&:hover":{backgroundColor:l,outline:"2px solid ".concat(d," !important")},"&:active":{backgroundColor:c,outline:"2px solid ".concat(d," !important")}},disabled:{backgroundColor:r.Palette.light["03"],boxShadow:"none",outline:"2px solid transparent !important",pointerEvents:"none","& $name, & $description":{color:r.Palette.gray["04"]},"& $icon path":{fill:r.Palette.gray["04"]}}}},getCardCheckboxColors=e=>{var t;let{isMarked:o,disabled:a,theme:n}=e;const r=(null===(t=n.Palette.actions)||void 0===t?void 0:t.accent["04"])||n.Palette.accent["04"],i=n.Palette.gray["04"];return{backgroundColor:o?a?i:r:"transparent",borderColor:o?a?i:r:n.Palette.light["05"]}},conditionalStyles=e=>{var t,o,a,n,r;let{value:i,indeterminate:l,reversed:c,spacing:d,variant:s,theme:p,disabled:b,error:x}=e;const h=d===SPACING.SMALL?SMALL_SPACING:MEDIUM_SPACING,v=s===CARD_VARIANT,g=v&&getCardTheme({theme:p,error:x}),u=!0===i||l;return{container:{...c&&{flexDirection:"row-reverse",justifyContent:"space-between"},...b&&!v&&{opacity:.5},...s===BUTTON_VARIANT&&{borderRadius:"8px",padding:"small"===d?"8px 12px":"12px 16px",backgroundColor:x?p.Palette.error["01"]:"transparent","&:active, &:hover":{transition:"background-color 0.1s ease-in-out"},"&:active":{backgroundColor:x?p.Palette.error["02"]:p.Palette.light["04"]},"&:hover":{backgroundColor:x?p.Palette.error["02"]:p.Palette.light["03"]}},...v&&{borderRadius:"var(--UT-checkbox-card-radius, 12px)",gap:h,minHeight:"var(--UT-checkbox-card-min-height, 24px)",overflow:"visible",padding:"var(--UT-checkbox-card-padding-y, 12px) var(--UT-checkbox-card-padding-x, 16px)",...b?g.disabled:i?g.selected:g.base}},content:{...c&&{flexDirection:"row-reverse",justifyContent:"space-between",...s===BUTTON_VARIANT&&{width:"100%"}},gap:h,...v&&{marginRight:"auto"}},labelContainer:{gap:h},iconContainer:{...x&&{borderColor:p.Palette.error["04"]},...u&&{backgroundColor:(null===(t=p.Palette.actions)||void 0===t?void 0:t.accent["04"])||p.Palette.accent["04"],borderColor:(null===(o=p.Palette.actions)||void 0===o?void 0:o.accent["04"])||p.Palette.accent["04"]},...v&&getCardCheckboxColors({isMarked:u,disabled:b,theme:p})},boxContainer:{...s!==BUTTON_VARIANT&&!v&&{"&:active, &:hover":{"& $box":{borderColor:x?p.Palette.error["03"]:(null===(a=p.Palette.actions)||void 0===a?void 0:a.accent["03"])||p.Palette.accent["03"],borderWidth:1,overflow:"hidden",transition:"background-color 0.1s ease-in-out"}},"&:active":{"& $box":{backgroundColor:x?p.Palette.error["02"]:(null===(n=p.Palette.actions)||void 0===n?void 0:n.accent["02"])||p.Palette.accent["02"]}},"&:hover":{"& $box":{backgroundColor:x?p.Palette.error["01"]:(null===(r=p.Palette.actions)||void 0===r?void 0:r.accent["01"])||p.Palette.accent["01"]}}}},title:s===BUTTON_VARIANT&&{userSelect:"none"}}};export const retrieveStyle=e=>{let{value:t,disabled:o,indeterminate:a,reversed:n,spacing:r,theme:i,variant:l,meta:c}=e;const d=baseCheckBoxTheme(i),s=c&&shouldShowErrors(c),{container:p,content:b,iconContainer:x,boxContainer:h,labelContainer:v,title:g}=conditionalStyles({value:t,disabled:o,indeterminate:a,reversed:n,spacing:r,variant:l,theme:i,error:s});return{box:d.box,content:{...d.content,...b},container:{...d.container,...p},iconContainer:{...d.iconContainer,...x},boxContainer:h,labelContainer:{...d.labelContainer,...v},title:g,validation:d.validation,contentContainer:d.contentContainer,titleRow:d.titleRow,tooltip:d.tooltip,icon:d.icon,iconImage:d.iconImage,infoIcon:d.infoIcon,name:d.name,description:d.description}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useState,useEffect}from"react";import dayjs from"dayjs";import"dayjs/locale/es";import{func,object}from"prop-types";import
|
|
1
|
+
import React,{useState,useEffect}from"react";import dayjs from"dayjs";import"dayjs/locale/es";import{func,object,string}from"prop-types";import UTButton from"../../../../../UTButton";import UTLabel from"../../../../../UTLabel";import Day from"../Day";import{WEEKDAYS_LABELS,MONTH_YEAR_FORMAT,OUTPUT_LABEL_MASK}from"../../constants";import styles from"../../styles.module.scss";import{getCalendarTestIds,getWeeks}from"../../utils";const Calendar=e=>{let{dataTestId:t,maxDate:a,minDate:s,onDaySelect:n,pickedDate:c}=e;const[r,o]=useState(c||dayjs()),l=getCalendarTestIds(t);useEffect(()=>{null!=c&&c.isValid()&&o(c)},[c]);const m=getWeeks(r),d=e=>!(!s||!e.isBefore(dayjs(s,OUTPUT_LABEL_MASK),"day"))||!(!a||!e.isAfter(dayjs(a,OUTPUT_LABEL_MASK),"day"));return React.createElement("div",{className:styles.calendarContainer,"data-testid":l.calendar},React.createElement("div",{className:styles.nav},React.createElement(UTButton,{colorTheme:"secondary",dataTestId:l.calendarPrevBtn,Icon:"IconChevronLeft",onClick:()=>o(e=>e.subtract(1,"month")),size:"small",variant:"text"}),React.createElement(UTLabel,{align:"center",className:styles.navLabel,dataTestId:l.calendarMonthYear,variant:"body",weight:"medium"},r.locale("es").format(MONTH_YEAR_FORMAT)),React.createElement(UTButton,{colorTheme:"secondary",dataTestId:l.calendarNextBtn,Icon:"IconChevronRight",onClick:()=>o(e=>e.add(1,"month")),size:"small",variant:"text"})),React.createElement("div",{className:styles.month},React.createElement("div",{className:styles.week},WEEKDAYS_LABELS.map(e=>React.createElement(UTLabel,{className:"".concat(styles.dayCell," ").concat(styles.dayHeader),key:e,variant:"body",weight:"medium"},e))),m.map(e=>React.createElement("div",{className:styles.week,key:e[0].format("YYYY-MM-DD")},e.map(e=>{const t=e.month()===r.month();return React.createElement(Day,{date:e,dayInCurrentMonth:t,isDisabled:d(e),key:e.format("YYYY-MM-DD"),onClick:n,pickedDate:c})})))))};Calendar.propTypes={dataTestId:string,maxDate:object,minDate:object,onDaySelect:func,pickedDate:object};export default Calendar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}import React,{useRef,useState,useEffect}from"react";import Popover from"@material-ui/core/Popover";import dayjs from"dayjs";import customParseFormat from"dayjs/plugin/customParseFormat";import{bool,elementType,func,object,shape,string,oneOf}from"prop-types";import UTBaseInputField from"../../../UTBaseInputField";import UTButton from"../../../UTButton";import UTFieldLabel from"../../../UTFieldLabel";import UTLabel from"../../../UTLabel";import UTValidation from"../../../UTValidation";import{COMPONENT_KEYS}from"../../../UTBaseInputField/constants";import Calendar from"./components/Calendar";import styles from"./styles.module.scss";import{DEFAULT_PROPS,DEFAULT_PLACEHOLDER,OUTPUT_LABEL_MASK,TYPING_ERROR_MESSAGE}from"./constants";import{dateMatchesFormat,getFinalDate}from"./utils";dayjs.extend(customParseFormat);const CALENDAR_PAPER_PROPS={className:styles.calendarPaper,onMouseDown:e=>e.preventDefault()},UTDatePicker=e=>{let{classNames:t={},CustomIcon:a,dataTestId:r,disabled:o,error:n="",helpText:l,onChange:s=()=>{},placeholder:i,popoverProps:c,range:d,readOnly:m=!1,required:u,size:p=DEFAULT_PROPS.size,title:T,value:E="",variant:P=DEFAULT_PROPS.variant}=e;const{maxDate:U,minDate:f}=d||{},[_,A]=useState(null),[v,L]=useState(!1),[O,g]=useState(""),[R,h]=useState(!1),[S,D]=useState(!1),y=useRef(null),F=useRef(null);useEffect(()=>{L(!1),g(""),D(!1),!E&&null!=_&&_.isValid()?A(null):dateMatchesFormat(E,OUTPUT_LABEL_MASK)?A(dayjs(E,OUTPUT_LABEL_MASK)):A(null)},[E]);const M=()=>{var e;o||m||(h(!0),null===(e=F.current)||void 0===e||e.focus())},b=v?O:null!=_&&_.isValid()?_.format(OUTPUT_LABEL_MASK):"",B=!!n||S,
|
|
1
|
+
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}import React,{useRef,useState,useEffect}from"react";import Popover from"@material-ui/core/Popover";import dayjs from"dayjs";import customParseFormat from"dayjs/plugin/customParseFormat";import{bool,elementType,func,object,shape,string,oneOf}from"prop-types";import UTBaseInputField from"../../../UTBaseInputField";import UTButton from"../../../UTButton";import UTFieldLabel from"../../../UTFieldLabel";import UTLabel from"../../../UTLabel";import UTValidation from"../../../UTValidation";import{COMPONENT_KEYS}from"../../../UTBaseInputField/constants";import Calendar from"./components/Calendar";import styles from"./styles.module.scss";import{DEFAULT_PROPS,DEFAULT_PLACEHOLDER,OUTPUT_LABEL_MASK,TYPING_ERROR_MESSAGE}from"./constants";import{dateMatchesFormat,getFinalDate}from"./utils";dayjs.extend(customParseFormat);const CALENDAR_PAPER_PROPS={className:styles.calendarPaper,onMouseDown:e=>e.preventDefault()},UTDatePicker=e=>{let{classNames:t={},CustomIcon:a,dataTestId:r,disabled:o,error:n="",helpText:l,onChange:s=()=>{},placeholder:i,popoverProps:c,range:d,readOnly:m=!1,required:u,size:p=DEFAULT_PROPS.size,title:T,value:E="",variant:P=DEFAULT_PROPS.variant}=e;const{maxDate:U,minDate:f}=d||{},[_,A]=useState(null),[v,L]=useState(!1),[O,g]=useState(""),[R,h]=useState(!1),[S,D]=useState(!1),y=useRef(null),F=useRef(null);useEffect(()=>{L(!1),g(""),D(!1),!E&&null!=_&&_.isValid()?A(null):dateMatchesFormat(E,OUTPUT_LABEL_MASK)?A(dayjs(E,OUTPUT_LABEL_MASK)):A(null)},[E]);const M=()=>{var e;o||m||(h(!0),null===(e=F.current)||void 0===e||e.focus())},b=v?O:null!=_&&_.isValid()?_.format(OUTPUT_LABEL_MASK):"",B=!!n||S,I=null==_?void 0:_.isValid(),C=i||DEFAULT_PLACEHOLDER,x=(I||v)&&!o&&!m,N=n||(S?TYPING_ERROR_MESSAGE:""),K="picker"===P,j=B&&!o?[{name:COMPONENT_KEYS.ICON,props:{showOnlyOnError:!0}}]:[],k={colorTheme:B?"error":R?"primary":"gray",Icon:a||"IconCalendarEvent"},w=m?void 0:React.createElement("div",{className:styles.endAdornments},React.createElement(UTButton,_extends({},x?{colorTheme:"dark",Icon:"IconX"}:k,{classNames:{root:styles.calendarButton},disabled:o,onClick:x?e=>{e.stopPropagation(),A(null),L(!1),g(""),D(!1),s("")}:M,size:"small",variant:"text"})));return React.createElement(React.Fragment,null,React.createElement("div",{className:styles.root},T&&React.createElement(UTFieldLabel,{className:null==t?void 0:t.upperTitle,required:u,withMarkdown:!0},T),React.createElement("div",{ref:y},React.createElement(UTBaseInputField,{alwaysShowPlaceholder:!0,classNames:t,dataTestId:r,inputRef:F,disabled:o,error:B,readOnly:m,inputSize:"sm"===p?"small":void 0,variant:K?"transparent":void 0,leftAdornments:j,maxLength:10,muiProps:{InputProps:{endAdornment:w},onChange:e=>{var t,a;const r=(e=>{const t=e.replace(/\D/g,"").slice(0,8);return t.length<=2?t:t.length<=4?"".concat(t.slice(0,2),"/").concat(t.slice(2)):"".concat(t.slice(0,2),"/").concat(t.slice(2,4),"/").concat(t.slice(4))})(v?e.target.value:null!==(t=null===(a=e.nativeEvent)||void 0===a?void 0:a.data)&&void 0!==t?t:"");g(r),L(!0);if(8===r.replace(/\D/g,"").length){const e=dateMatchesFormat(r,OUTPUT_LABEL_MASK)&&dayjs(r,OUTPUT_LABEL_MASK).isValid();D(!e),e&&A(dayjs(r,OUTPUT_LABEL_MASK))}else D(!1)},fullWidth:!0},onBlur:e=>{var t;if((null===(t=y.current)||void 0===t||!t.contains(e.relatedTarget))&&(h(!1),D(!1),v)){if(L(!1),g(""),!O)return A(null),void s("");if(dateMatchesFormat(O,OUTPUT_LABEL_MASK)){const e=dayjs(O,OUTPUT_LABEL_MASK);if(e.isValid()){const t=getFinalDate({date:e,maxDate:U,minDate:f});return A(t),void s(t.format(OUTPUT_LABEL_MASK))}}A(null),s("")}},onFocus:M,placeholder:C,value:b})),l&&React.createElement(UTLabel,{colorTheme:"gray",variant:"small",withMarkdown:!0},l),"select"===P&&N&&React.createElement(UTValidation,{dataTestId:r?"".concat(r,".errorMessage"):void 0,validationData:[{items:[{status:"error",text:N}]}]})),React.createElement(Popover,_extends({anchorEl:y.current,anchorOrigin:{horizontal:"left",vertical:"bottom"},disableAutoFocus:!0,disableEnforceFocus:!0,disableRestoreFocus:!0,onClose:()=>{h(!1),D(!1),v&&(L(!1),g(""),E&&dateMatchesFormat(E,OUTPUT_LABEL_MASK)?A(dayjs(E,OUTPUT_LABEL_MASK)):A(null))},open:R,PaperProps:CALENDAR_PAPER_PROPS,transformOrigin:{horizontal:"left",vertical:"top"}},c),React.createElement(Calendar,{dataTestId:r,maxDate:U,minDate:f,onDaySelect:e=>{const t=getFinalDate({date:e,maxDate:U,minDate:f});A(t),L(!1),g(""),D(!1),t.isValid()?s(t.format(OUTPUT_LABEL_MASK)):s(""),h(!1)},pickedDate:_})))};UTDatePicker.propTypes={classNames:object,CustomIcon:elementType,dataTestId:string,disabled:bool,error:string,helpText:string,onChange:func,placeholder:string,popoverProps:object,range:shape({maxDate:string,minDate:string}),readOnly:bool,required:bool,size:string,title:string,value:string,variant:oneOf(["select","picker"])};export default UTDatePicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import dayjs from"dayjs";import{OUTPUT_LABEL_MASK}from"./constants";export const isSelected=(t,
|
|
1
|
+
import dayjs from"dayjs";import{TEST_IDS}from"../../../../constants/testIds";import{OUTPUT_LABEL_MASK}from"./constants";const{UTDatePickerV1TestID:UTDatePickerV1TestID}=TEST_IDS;export const isSelected=(t,e)=>e&&t.isSame(e,"day");export const dateMatchesFormat=(t,e)=>dayjs(t,e).format(e)===t;export const getFinalDate=t=>{let{date:e,maxDate:a,minDate:s}=t;const r=dayjs(e);return a&&null!=r&&r.isAfter(dayjs(a,OUTPUT_LABEL_MASK))?dayjs(a,OUTPUT_LABEL_MASK):s&&null!=r&&r.isBefore(dayjs(s,OUTPUT_LABEL_MASK))?dayjs(s,OUTPUT_LABEL_MASK):r};export const getWeeks=t=>{const e=t.startOf("month"),a=t.endOf("month"),s=[];let r=e.subtract(e.day(),"day");do{const t=r;s.push(Array.from({length:7},(e,a)=>t.add(a,"day"))),r=r.add(7,"day")}while(r.isBefore(a)||r.isSame(a,"day"));return s};export const getCalendarTestIds=t=>Object.fromEntries(Object.entries(UTDatePickerV1TestID).map(e=>{let[a,s]=e;return[a,t?"".concat(t,".").concat(a):s]}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var
|
|
1
|
+
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var c in a)({}).hasOwnProperty.call(a,c)&&(e[c]=a[c])}return e},_extends.apply(null,arguments)}import React,{useEffect,useMemo,useRef}from"react";import{bool,elementType,func,object,objectOf,shape,string}from"prop-types";import{objectIsEmpty}from"@widergy/web-utils/lib/object";import{capitalize}from"../../utils/componentUtils";import{mergeClasses}from"../../utils/classesUtils";import UTButton from"../UTButton";import UTLabel from"../UTLabel";import WithTheme from"../WithTheme";import{TEST_IDS}from"../../constants/testIds";import{retrieveStyle}from"./theme";import{ACCEPT_BUTTON_TEXT,CANCEL_BUTTON_TEXT,STATUS_ICONS}from"./constants";import styles from"./styles.module.scss";const{dialog:dialog}=TEST_IDS,UTModal=e=>{let{cancelAction:t,children:a,classes:c,classNames:n,dataTestId:o,description:s,descriptionProps:l={},handleClickAway:i,isOpen:r,primaryAction:m,removeBodyPadding:d,secondaryAction:T,SecondaryActionComponent:p,size:y,status:u,title:f}=e;const E=useRef(null);useEffect(()=>{r?E.current.showModal():E.current.close()},[r]);const b=useMemo(()=>mergeClasses(c,n),[n]),g=STATUS_ICONS[u],h=!objectIsEmpty(T)||p;return React.createElement("dialog",{className:"".concat(styles.container," ").concat(b.container," ").concat(y?styles["container".concat(capitalize(y))]:styles.containerM),"data-testid":o,onClick:e=>i&&"DIALOG"===e.target.tagName&&i(),ref:E},React.createElement("div",null,g&&React.createElement("div",{className:"".concat(styles.status," ").concat(b["status".concat(capitalize(u))])},React.createElement(g,{className:"".concat(styles.icon," ").concat(b["icon".concat(capitalize(u))])})),React.createElement("div",{className:styles.header},React.createElement(UTLabel,{dataTestId:o?"".concat(o,".").concat(dialog.title):void 0,variant:"title3",weight:"medium"},f),s&&React.createElement(UTLabel,_extends({colorTheme:"gray"},l),s)),a&&React.createElement("div",{className:"".concat(styles.body," ").concat(!d&&styles.bodyPadding)},a),React.createElement("div",{className:"\n ".concat(styles.actions,"\n ").concat(b.actions,"\n ").concat(h&&styles.withSecondaryActions,"\n ")},h&&React.createElement("div",null,p?React.createElement(p,null):React.createElement(UTButton,_extends({colorTheme:"secondary",variant:"semitransparent"},T),T.label)),React.createElement("div",{className:styles.defaultActions},!objectIsEmpty(t)&&React.createElement(UTButton,_extends({colorTheme:"secondary",dataTestId:o?"".concat(o,".").concat(dialog.cancelButton):void 0,variant:"text"},t),t.label||CANCEL_BUTTON_TEXT),!objectIsEmpty(m)&&React.createElement(UTButton,_extends({colorTheme:"primary",dataTestId:o?"".concat(o,".").concat(dialog.acceptButton):void 0,variant:"filled"},m),m.label||ACCEPT_BUTTON_TEXT)))))};UTModal.propTypes={cancelAction:shape({label:string,onClick:func}),classes:objectOf(string),classNames:objectOf(string),dataTestId:string,description:string,descriptionProps:object,handleClickAway:func,isOpen:bool,primaryAction:shape({label:string,onClick:func}),removeBodyPadding:bool,secondaryAction:shape({label:string,onClick:func}),SecondaryActionComponent:elementType,size:string,status:string,title:string};export default WithTheme(retrieveStyle)(UTModal);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const RADIO_VARIANTS={DEFAULT:"default",BUTTON:"button",CARD:"card"};export const ICON_SIZES={[RADIO_VARIANTS.CARD]:16};export const ICON_AREA_SIZE=32;export const ICON_AREA_RADIUS="var(--UT-radioGroup-card-icon-area-radius, 8px)";export const ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
|
|
1
|
+
export const RADIO_VARIANTS={DEFAULT:"default",BUTTON:"button",CARD:"card"};export const ICON_SIZES={[RADIO_VARIANTS.CARD]:16};export const ICON_AREA_SIZE=32;export const ICON_AREA_RADIUS="var(--UT-radioGroup-card-icon-area-radius, 8px)";export const TOOLTIP_ICON_SIZE=16;export const ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)({}).hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},_extends.apply(null,arguments)}import React from"react";import{object,bool,elementType,func,oneOfType,shape,string}from"prop-types";import UTTouchableWithoutFeedback from"../../../../../UTTouchableWithoutFeedback";import UTIcon from"../../../../../UTIcon";import UTLabel from"../../../../../UTLabel";import UTTooltip from"../../../../../UTTooltip";import WithTheme from"../../../../../WithTheme";import{retrieveStyle}from"./theme";import{getIconAreaColors,getIconContentType}from"./utils";import{RADIO_VARIANTS,ICON_SIZES,ICON_AREA_RADIUS,ICON_AREA_SIZE,ICON_CONTENT_TYPES}from"./constants";const Radio=e=>{let{classes:t,dataTestId:a,description:o,descriptionProps:r={},disabled:c,icon:n,iconProps:
|
|
1
|
+
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)({}).hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},_extends.apply(null,arguments)}import React from"react";import{object,bool,elementType,func,oneOfType,shape,string}from"prop-types";import UTTouchableWithoutFeedback from"../../../../../UTTouchableWithoutFeedback";import UTIcon from"../../../../../UTIcon";import UTLabel from"../../../../../UTLabel";import UTTooltip from"../../../../../UTTooltip";import WithTheme from"../../../../../WithTheme";import{retrieveStyle}from"./theme";import{getIconAreaColors,getIconContentType}from"./utils";import{RADIO_VARIANTS,ICON_SIZES,ICON_AREA_RADIUS,ICON_AREA_SIZE,ICON_CONTENT_TYPES,TOOLTIP_ICON_SIZE}from"./constants";const Radio=e=>{let{classes:t,dataTestId:a,description:o,descriptionProps:r={},disabled:c,icon:n,iconProps:s={},iconSelectedProps:i={},name:l,nameProps:m={},nameSelectedProps:T={},onChange:d,prefix:p,selected:I,suffix:R,theme:N,tooltip:E,variant:A=RADIO_VARIANTS.DEFAULT}=e;const O=A===RADIO_VARIANTS.CARD,_=I&&A===RADIO_VARIANTS.BUTTON,{areaBackground:b,areaBorderColor:h}=getIconAreaColors(N),C=l&&React.createElement(UTLabel,_extends({className:t.name,colorTheme:_?"accent":"dark"},m,I?T:{}),l);return React.createElement(UTTouchableWithoutFeedback,{className:t.root,dataTestId:a,disabled:c,onClick:()=>!c&&d()},A===RADIO_VARIANTS.DEFAULT&&React.createElement("div",{className:t.radioCircleContainer},React.createElement("div",{className:t.radioCircle},I&&React.createElement("div",{className:t.radioDot}))),React.createElement("div",{className:t.content},(()=>{if(!n)return null;const e=getIconContentType(n);if(e===ICON_CONTENT_TYPES.IMAGE)return React.createElement("img",{alt:n.alt||"",className:t.iconImage,src:n.src});if(e===ICON_CONTENT_TYPES.COMPONENT){const e=n;return React.createElement(e,{className:t.icon})}return React.createElement(UTIcon,_extends({colorTheme:"dark",name:n,size:ICON_SIZES[A]},O&&{area:!0,areaBackground:b,areaBorderColor:h,areaRadius:ICON_AREA_RADIUS,areaSize:ICON_AREA_SIZE},s,I?i:{}))})(),React.createElement("div",{className:t.contentContainer},React.createElement("div",{className:t.content},p&&React.createElement(UTLabel,{colorTheme:"gray"},p),E?React.createElement("div",{className:t.titleAndTooltip},C,React.createElement(UTTooltip,{content:E},React.createElement("span",{className:t.tooltip},React.createElement(UTIcon,{className:t.infoIcon,colorTheme:"gray",name:"IconHelp",shade:"04",size:TOOLTIP_ICON_SIZE})))):C,R&&React.createElement(UTLabel,{colorTheme:"gray"},R)),React.createElement(UTLabel,_extends({className:t.description,colorTheme:"gray",variant:"body"},r),o))),O&&React.createElement("div",{className:t.cardRadio},I&&React.createElement("div",{className:t.radioDot})),I&&A===RADIO_VARIANTS.BUTTON&&React.createElement(UTIcon,{name:"IconCheck",colorTheme:"accent"}))};Radio.propTypes={classes:object,dataTestId:string,description:string,descriptionProps:object,disabled:bool,icon:oneOfType([string,elementType,shape({alt:string,src:string})]),iconProps:object,iconSelectedProps:object,name:string,nameProps:object,nameSelectedProps:object,onChange:func,prefix:string,selected:bool,suffix:string,theme:object,tooltip:string,variant:string};export default WithTheme(retrieveStyle)(Radio);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{SPACING}from"../../constants";import{RADIO_VARIANTS}from"./constants";const SPACING_VALUES={[SPACING.SMALL]:"var(--UT-radioGroup-control-gap-sm, 4px)",[SPACING.MEDIUM]:"var(--UT-radioGroup-control-gap-md, 8px)"},getCardRadioColors=o=>{let{accent04:t,disabled:e,selected:r,theme:a}=o;const i=a.Palette.gray["04"];return{backgroundColor:r?e?i:t:"transparent",borderColor:r?e?i:t:a.Palette.light["05"]}};export const retrieveStyle=o=>{var t,e,r,a,i;let{theme:n,variant:l=RADIO_VARIANTS.DEFAULT,disabled:d,selected:c,spacing:p=SPACING.MEDIUM,reversed:s}=o;const A=(null===(t=n.Palette.actions)||void 0===t?void 0:t.accent["01"])||n.Palette.accent["01"],g=(null===(e=n.Palette.actions)||void 0===e?void 0:e.accent["02"])||n.Palette.accent["02"],u=(null===(r=n.Palette.actions)||void 0===r?void 0:r.accent["03"])||n.Palette.accent["03"],h=(null===(a=n.Palette.actions)||void 0===a?void 0:a.accent["04"])||n.Palette.accent["04"],I=(null===(i=n.Palette.actions)||void 0===i?void 0:i.accent["05"])||n.Palette.accent["05"],x={[RADIO_VARIANTS.CARD]:{backgroundColor:n.Palette.light["01"],boxShadow:"none",outline:"1px solid ".concat(n.Palette.light["04"]," !important"),"&:hover":{backgroundColor:n.Palette.light["03"]},"&:active":{backgroundColor:n.Palette.light["04"],"& $description":{color:n.Palette.gray["03"]}}},[RADIO_VARIANTS.BUTTON]:{backgroundColor:n.Palette.light["01"],"&:hover":{backgroundColor:n.Palette.light["03"]},"&:active":{backgroundColor:n.Palette.light["04"]}},[RADIO_VARIANTS.DEFAULT]:{}}[l],v={[RADIO_VARIANTS.CARD]:{boxShadow:"none",outline:"2px solid ".concat(u," !important"),"& $icon path":{fill:I},"&:hover":{backgroundColor:A,outline:"2px solid ".concat(u," !important")},"&:active":{backgroundColor:g,outline:"2px solid ".concat(u," !important")}},[RADIO_VARIANTS.BUTTON]:{},[RADIO_VARIANTS.DEFAULT]:{}}[l],C={[RADIO_VARIANTS.CARD]:{backgroundColor:n.Palette.light["03"],boxShadow:"none",outline:"2px solid transparent !important",pointerEvents:"none","& $name, & $description":{color:n.Palette.gray["04"]},"& $icon path":{fill:n.Palette.gray["04"]}},[RADIO_VARIANTS.BUTTON]:{backgroundColor:n.Palette.light["01"],opacity:.5,pointerEvents:"none"},[RADIO_VARIANTS.DEFAULT]:{opacity:.5,pointerEvents:"none"}}[l];return{root:{alignItems:"center !important",borderRadius:l===RADIO_VARIANTS.CARD?"var(--UT-radioGroup-card-radius, 12px)":"var(--UT-radioGroup-row-radius, 8px)",display:"flex",flexDirection:"row",gap:SPACING_VALUES[p]||SPACING_VALUES[SPACING.MEDIUM],minHeight:"var(--UT-radioGroup-row-min-height, 24px)",overflow:
|
|
1
|
+
import{SPACING}from"../../constants";import{RADIO_VARIANTS}from"./constants";const SPACING_VALUES={[SPACING.SMALL]:"var(--UT-radioGroup-control-gap-sm, 4px)",[SPACING.MEDIUM]:"var(--UT-radioGroup-control-gap-md, 8px)"},getCardRadioColors=o=>{let{accent04:t,disabled:e,selected:r,theme:a}=o;const i=a.Palette.gray["04"];return{backgroundColor:r?e?i:t:"transparent",borderColor:r?e?i:t:a.Palette.light["05"]}};export const retrieveStyle=o=>{var t,e,r,a,i;let{theme:n,variant:l=RADIO_VARIANTS.DEFAULT,disabled:d,selected:c,spacing:p=SPACING.MEDIUM,reversed:s}=o;const A=(null===(t=n.Palette.actions)||void 0===t?void 0:t.accent["01"])||n.Palette.accent["01"],g=(null===(e=n.Palette.actions)||void 0===e?void 0:e.accent["02"])||n.Palette.accent["02"],u=(null===(r=n.Palette.actions)||void 0===r?void 0:r.accent["03"])||n.Palette.accent["03"],h=(null===(a=n.Palette.actions)||void 0===a?void 0:a.accent["04"])||n.Palette.accent["04"],I=(null===(i=n.Palette.actions)||void 0===i?void 0:i.accent["05"])||n.Palette.accent["05"],x={[RADIO_VARIANTS.CARD]:{backgroundColor:n.Palette.light["01"],boxShadow:"none",outline:"1px solid ".concat(n.Palette.light["04"]," !important"),"&:hover":{backgroundColor:n.Palette.light["03"]},"&:active":{backgroundColor:n.Palette.light["04"],"& $description":{color:n.Palette.gray["03"]}}},[RADIO_VARIANTS.BUTTON]:{backgroundColor:n.Palette.light["01"],"&:hover":{backgroundColor:n.Palette.light["03"]},"&:active":{backgroundColor:n.Palette.light["04"]}},[RADIO_VARIANTS.DEFAULT]:{}}[l],v={[RADIO_VARIANTS.CARD]:{boxShadow:"none",outline:"2px solid ".concat(u," !important"),"& $icon path":{fill:I},"&:hover":{backgroundColor:A,outline:"2px solid ".concat(u," !important")},"&:active":{backgroundColor:g,outline:"2px solid ".concat(u," !important")}},[RADIO_VARIANTS.BUTTON]:{},[RADIO_VARIANTS.DEFAULT]:{}}[l],C={[RADIO_VARIANTS.CARD]:{backgroundColor:n.Palette.light["03"],boxShadow:"none",outline:"2px solid transparent !important",pointerEvents:"none","& $name, & $description":{color:n.Palette.gray["04"]},"& $icon path":{fill:n.Palette.gray["04"]}},[RADIO_VARIANTS.BUTTON]:{backgroundColor:n.Palette.light["01"],opacity:.5,pointerEvents:"none"},[RADIO_VARIANTS.DEFAULT]:{opacity:.5,pointerEvents:"none"}}[l];return{root:{alignItems:"center !important",borderRadius:l===RADIO_VARIANTS.CARD?"var(--UT-radioGroup-card-radius, 12px)":"var(--UT-radioGroup-row-radius, 8px)",display:"flex",flexDirection:"row",gap:SPACING_VALUES[p]||SPACING_VALUES[SPACING.MEDIUM],minHeight:"var(--UT-radioGroup-row-min-height, 24px)",overflow:"visible",...l!==RADIO_VARIANTS.DEFAULT&&{padding:"var(--UT-radioGroup-row-padding-y, 12px) var(--UT-radioGroup-row-padding-x, 16px)"},...d?C:c?v:x},radioCircleContainer:{borderRadius:"50%",overflow:"hidden",padding:3,"&:hover":{backgroundColor:A},"&:active":{backgroundColor:g}},radioCircle:{alignItems:"center",border:"1px solid ".concat(n.Palette.light["05"]),borderRadius:"50%",display:"flex",flexShrink:0,height:"var(--UT-radioGroup-control-size, 16px)",justifyContent:"center",width:"var(--UT-radioGroup-control-size, 16px)",...c&&{backgroundColor:h,borderColor:h}},radioDot:{backgroundColor:n.Palette.light["01"],borderRadius:"50%",height:"var(--UT-radioGroup-control-dot-size, 8px)",width:"var(--UT-radioGroup-control-dot-size, 8px)"},cardRadio:{alignItems:"center",border:"1px solid transparent",borderRadius:"50%",display:"flex",flexShrink:0,height:"var(--UT-radioGroup-control-size, 16px)",justifyContent:"center",width:"var(--UT-radioGroup-control-size, 16px)",...getCardRadioColors({accent04:h,disabled:d,selected:c,theme:n})},content:{alignItems:"center",display:"flex",flexDirection:s?"row-reverse":"row",gap:SPACING_VALUES[p]||SPACING_VALUES[SPACING.MEDIUM],marginRight:"auto"},contentContainer:{display:"flex",flexDirection:"column",gap:"var(--UT-radioGroup-content-gap, 4px)"},titleAndTooltip:{alignItems:"center",display:"flex",gap:"var(--gap-xs, 4px)"},tooltip:{display:"flex"},icon:{flexShrink:0,height:"36px",width:"36px"},iconImage:{borderRadius:"50%",flexShrink:0,height:"36px",objectFit:"cover",width:"36px"},infoIcon:{flexShrink:0},name:{},description:{}}};
|