@widergy/energy-ui 3.192.3 → 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 +16 -3
- 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/components/UTRichText/index.js +1 -1
- package/dist/components/UTRichText/modules/table/TableHandles.js +1 -0
- package/dist/components/UTRichText/modules/table/TableMenu/index.js +1 -0
- package/dist/components/UTRichText/modules/table/TableMenu/styles.module.scss +75 -0
- package/dist/components/UTRichText/modules/table/TableMenuOverlay.js +1 -0
- package/dist/components/UTRichText/modules/table/ToolbarButton.js +1 -1
- package/dist/components/UTRichText/modules/table/actions.js +1 -0
- package/dist/components/UTRichText/modules/table/autoScroll.js +1 -0
- package/dist/components/UTRichText/modules/table/columnWidths.js +1 -0
- package/dist/components/UTRichText/modules/table/dragGhost.js +1 -0
- package/dist/components/UTRichText/modules/table/dragHandle.js +1 -0
- package/dist/components/UTRichText/modules/table/emailStyles.js +1 -0
- package/dist/components/UTRichText/modules/table/extensions.js +1 -1
- package/dist/components/UTRichText/modules/table/guideLine.js +1 -0
- package/dist/components/UTRichText/modules/table/index.js +1 -1
- package/dist/components/UTRichText/modules/table/menu.js +1 -0
- package/dist/components/UTRichText/modules/table/pm.js +1 -0
- package/dist/components/UTRichText/modules/table/rowResizing.js +1 -0
- package/dist/components/UTRichText/modules/table/selection.js +1 -0
- package/dist/components/UTRichText/styles.module.scss +156 -10
- package/dist/components/UTRichText/utils/contentBuilders.js +1 -1
- package/dist/constants/testIds.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/dist/esm/components/UTRichText/index.js +1 -1
- package/dist/esm/components/UTRichText/modules/table/TableHandles.js +1 -0
- package/dist/esm/components/UTRichText/modules/table/TableMenu/index.js +1 -0
- package/dist/esm/components/UTRichText/modules/table/TableMenu/styles.module.scss +75 -0
- package/dist/esm/components/UTRichText/modules/table/TableMenuOverlay.js +1 -0
- package/dist/esm/components/UTRichText/modules/table/ToolbarButton.js +1 -1
- package/dist/esm/components/UTRichText/modules/table/actions.js +1 -0
- package/dist/esm/components/UTRichText/modules/table/autoScroll.js +1 -0
- package/dist/esm/components/UTRichText/modules/table/columnWidths.js +1 -0
- package/dist/esm/components/UTRichText/modules/table/dragGhost.js +1 -0
- package/dist/esm/components/UTRichText/modules/table/dragHandle.js +1 -0
- package/dist/esm/components/UTRichText/modules/table/emailStyles.js +1 -0
- package/dist/esm/components/UTRichText/modules/table/extensions.js +1 -1
- package/dist/esm/components/UTRichText/modules/table/guideLine.js +1 -0
- package/dist/esm/components/UTRichText/modules/table/index.js +1 -1
- package/dist/esm/components/UTRichText/modules/table/menu.js +1 -0
- package/dist/esm/components/UTRichText/modules/table/pm.js +1 -0
- package/dist/esm/components/UTRichText/modules/table/rowResizing.js +1 -0
- package/dist/esm/components/UTRichText/modules/table/selection.js +1 -0
- package/dist/esm/components/UTRichText/styles.module.scss +156 -10
- package/dist/esm/components/UTRichText/utils/contentBuilders.js +1 -1
- package/dist/esm/constants/testIds.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/utils/hooks/useCSSVariables/dimensionTokens.js +1 -1
- package/dist/index.js +1 -1
- package/dist/utils/hooks/useCSSVariables/dimensionTokens.js +1 -1
- package/package.json +5 -1
- package/dist/components/UTRichText/modules/table/TableToolbar/index.js +0 -1
- package/dist/components/UTRichText/modules/table/TableToolbar/styles.module.scss +0 -13
- package/dist/esm/components/UTRichText/modules/table/TableToolbar/index.js +0 -1
- package/dist/esm/components/UTRichText/modules/table/TableToolbar/styles.module.scss +0 -13
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,22 @@
|
|
|
1
|
-
|
|
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
|
+
|
|
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))
|
|
7
|
+
|
|
8
|
+
# [3.193.0](https://github.com/widergy/energy-ui/compare/v3.192.3...v3.193.0) (2026-10-08)
|
|
9
|
+
|
|
10
|
+
### Novedades y Mejoras
|
|
11
|
+
|
|
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)
|
|
14
|
+
|
|
15
|
+
## [3.192.3](https://github.com/widergy/energy-ui/compare/v3.192.2...v3.192.3) (2026-10-08)
|
|
16
|
+
|
|
17
|
+
### Novedades y Mejoras
|
|
5
18
|
|
|
6
|
-
*
|
|
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)
|
|
7
20
|
|
|
8
21
|
## [3.192.2](https://github.com/widergy/energy-ui/compare/v3.192.1...v3.192.2) (2026-10-07)
|
|
9
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.propTypes=exports.default=void 0;var _react=require("@tiptap/react"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_propTypes=require("prop-types"),_react2=_interopRequireWildcard(require("react")),_classesUtils=require("../../utils/classesUtils.js"),_index=_interopRequireDefault(require("../UTFieldLabel/index.js")),_index2=_interopRequireDefault(require("../UTLabel/index.js")),_index3=_interopRequireWildcard(require("../UTValidation/index.js")),_utils=require("../UTValidation/utils.js"),_index4=_interopRequireDefault(require("./components/EditorSkeleton/index.js")),_index5=_interopRequireDefault(require("./components/SubmitAction/index.js")),_index6=_interopRequireDefault(require("./components/Toolbar/index.js")),_constants=require("./constants.js"),_useModuleResolution=_interopRequireDefault(require("./hooks/useModuleResolution.js")),_useRichTextEditor=_interopRequireDefault(require("./hooks/useRichTextEditor.js")),_utils2=require("./utils.js"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));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,s,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(o=t?a:r){if(o.has(e))return o.get(e);o.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?o(l,t,s):l[t]=e[t]);return l})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTRichText=e=>{var t;let{actions:r,classNames:a={},dataTestId:o=_constants.TEST_IDS_RICH_TEXT.root,disabled:s=!1,error:l,helpText:i,loading:n=!1,moduleConfig:u={},modules:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.propTypes=exports.default=void 0;var _react=require("@tiptap/react"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_propTypes=require("prop-types"),_react2=_interopRequireWildcard(require("react")),_classesUtils=require("../../utils/classesUtils.js"),_index=_interopRequireDefault(require("../UTFieldLabel/index.js")),_index2=_interopRequireDefault(require("../UTLabel/index.js")),_index3=_interopRequireWildcard(require("../UTValidation/index.js")),_utils=require("../UTValidation/utils.js"),_index4=_interopRequireDefault(require("./components/EditorSkeleton/index.js")),_index5=_interopRequireDefault(require("./components/SubmitAction/index.js")),_index6=_interopRequireDefault(require("./components/Toolbar/index.js")),_constants=require("./constants.js"),_useModuleResolution=_interopRequireDefault(require("./hooks/useModuleResolution.js")),_useRichTextEditor=_interopRequireDefault(require("./hooks/useRichTextEditor.js")),_utils2=require("./utils.js"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));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,s,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(o=t?a:r){if(o.has(e))return o.get(e);o.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?o(l,t,s):l[t]=e[t]);return l})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTRichText=e=>{var t;let{actions:r,classNames:a={},dataTestId:o=_constants.TEST_IDS_RICH_TEXT.root,disabled:s=!1,error:l,helpText:i,loading:n=!1,moduleConfig:u={},modules:d,onBlur:p,onChange:_,onFocus:c,onSubmit:T,placeholder:f,readOnly:y=!1,required:m=!1,submitButtonProps:E,title:b,titleVariant:x=_constants.DEFAULT_PROPS.titleVariant,validations:q,value:R}=e;const[v,S]=(0,_react2.useState)(!1),I=(0,_useModuleResolution.default)({moduleConfig:u,modules:d}),j=(0,_react2.useMemo)(()=>I.flat(),[I]),h=(0,_react2.useMemo)(()=>(0,_classesUtils.mergeMultipleClassNames)(_stylesModule.default,a),[a]),D=(0,_react2.useMemo)(()=>j.map(e=>{var t;return{...e,extensions:null!==(t=e.resolvedExtensions)&&void 0!==t?t:e.extensions}}),[j]),g=(0,_react2.useCallback)(e=>{S(!0),null==c||c(e)},[c]),C=(0,_react2.useCallback)(e=>{S(!1),null==p||p(e)},[p]),O=(0,_react2.useRef)(!1),M=(0,_react2.useCallback)(()=>!(!O.current||!T)&&(T(),!0),[T]),k=(0,_useRichTextEditor.default)({activeModules:D,ariaLabel:b,dataTestId:_constants.TEST_IDS_RICH_TEXT.content,disabled:s,editorClassName:_stylesModule.default.editorContent,onBlur:C,onChange:_,onFocus:g,onSubmit:M,placeholder:f,readOnly:y,value:R}),U=null===(t=(0,_react.useEditorState)({editor:k,selector:e=>{let{editor:t}=e;return!t||t.isEmpty}}))||void 0===t||t,N=Boolean(T)&&!s&&!n&&!U;O.current=N;const P=(0,_react2.useMemo)(()=>(0,_isEmpty.default)(q)?l?(0,_utils.formatErrorToValidation)(l):null:q,[l,q]);return _react2.default.createElement("div",{className:h.container,"data-testid":o},b&&_react2.default.createElement(_index.default,{actions:r,dataTestId:_constants.TEST_IDS_RICH_TEXT.label,readOnly:y,required:m,size:x},b),_react2.default.createElement("div",{className:(0,_utils2.getFieldClassName)({classes:h,disabled:s,error:l,isFocused:v,readOnly:y}),"data-testid":_constants.TEST_IDS_RICH_TEXT.field},n?_react2.default.createElement(_index4.default,null):_react2.default.createElement(_react2.default.Fragment,null,!y&&_react2.default.createElement(_index6.default,{dataTestId:_constants.TEST_IDS_RICH_TEXT.toolbar.root,disabled:s,editor:k,moduleGroups:I}),_react2.default.createElement("div",{className:h.scrollArea},_react2.default.createElement(_react.EditorContent,{className:h.editorWrapper,editor:k})),k&&!y&&!s&&D.map(e=>{let{EditorOverlay:t,...r}=e;return t&&_react2.default.createElement(t,{editor:k,key:r.key,module:r})}),T&&!y&&_react2.default.createElement(_index5.default,{dataTestId:_constants.TEST_IDS_RICH_TEXT.submitButton,disabled:!N,loading:n,onSubmit:T,submitButtonProps:E}))),i&&_react2.default.createElement(_index2.default,{className:h.helpText,colorTheme:"gray",dataTestId:_constants.TEST_IDS_RICH_TEXT.helpText,variant:"small",withMarkdown:!0},i),P&&_react2.default.createElement(_index3.default,{dataTestId:_constants.TEST_IDS_RICH_TEXT.validation,validationData:P}))},propTypes=exports.propTypes={actions:(0,_propTypes.arrayOf)(_propTypes.object),classNames:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,disabled:_propTypes.bool,error:(0,_propTypes.oneOfType)([_propTypes.bool,_propTypes.string]),helpText:_propTypes.string,loading:_propTypes.bool,moduleConfig:(0,_propTypes.objectOf)(_propTypes.object),modules:(0,_propTypes.arrayOf)((0,_propTypes.oneOf)(Object.values(_constants.MODULE_KEYS))),onBlur:_propTypes.func,onChange:_propTypes.func,onFocus:_propTypes.func,onSubmit:_propTypes.func,placeholder:_propTypes.string,readOnly:_propTypes.bool,required:_propTypes.bool,submitButtonProps:_propTypes.object,title:_propTypes.string,titleVariant:(0,_propTypes.oneOf)(Object.values(_constants.TITLE_VARIANTS)),validations:_index3.validationDataProptypes,value:_propTypes.object};UTRichText.propTypes=propTypes;var _default=exports.default=UTRichText;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.tableHandlesKey=exports.setActiveHandle=exports.getTableIndex=exports.getActiveHandleElement=exports.getActiveHandle=exports.focusHandle=exports.clearActiveHandle=exports.TableHandles=void 0;var _core=require("@tiptap/core"),_constants=require("../../constants.js"),_dragHandle=require("./dragHandle"),_pm=require("./pm"),_selection=require("./selection");const tableHandlesKey=exports.tableHandlesKey=new _pm.PluginKey("tableHandles"),HANDLE_CLASS="table-handle",ACTIVE_CLASS="".concat(HANDLE_CLASS,"--active"),VISIBLE_CLASS="".concat(HANDLE_CLASS,"--visible"),SELECTED_CELL_CLASS="selectedCell",DRAG_SOURCE_CLASS="table-drag-source",EDITOR_CLASS="has-table-handles",HANDLE_LABELS={[_selection.HANDLE_TYPES.cell]:e=>{let{col:t,row:n}=e;return"Opciones de la celda: fila ".concat(n+1,", columna ").concat(t+1)},[_selection.HANDLE_TYPES.column]:e=>{let{index:t}=e;return"Opciones de la columna ".concat(t+1)},[_selection.HANDLE_TYPES.row]:e=>{let{index:t}=e;return"Opciones de la fila ".concat(t+1)},[_selection.HANDLE_TYPES.table]:()=>"Opciones de la tabla"},getTableIndex=(e,t)=>{let n=0;return e.nodesBetween(0,t,(e,a)=>("table"===e.type.name&&a<t&&(n+=1),"table"!==e.type.name)),n};exports.getTableIndex=getTableIndex;const GRIP_DOTS={horizontal:[[5,9],[12,9],[19,9],[5,15],[12,15],[19,15]],vertical:[[9,5],[9,12],[9,19],[15,5],[15,12],[15,19]]},SVG_NS="http://www.w3.org/2000/svg",createChevronIcon=()=>{const e=document.createElementNS(SVG_NS,"svg");e.setAttribute("viewBox","0 0 24 24"),e.setAttribute("fill","none"),e.setAttribute("stroke","currentColor"),e.setAttribute("stroke-width","2"),e.setAttribute("stroke-linecap","round"),e.setAttribute("stroke-linejoin","round"),e.setAttribute("aria-hidden","true");const t=document.createElementNS(SVG_NS,"polyline");return t.setAttribute("points","6 9 12 15 18 9"),e.appendChild(t),e},createGripIcon=e=>{const t=document.createElementNS(SVG_NS,"svg");return t.setAttribute("viewBox","0 0 24 24"),t.setAttribute("fill","none"),t.setAttribute("stroke","currentColor"),t.setAttribute("stroke-width","2"),t.setAttribute("aria-hidden","true"),GRIP_DOTS[e].forEach(e=>{let[n,a]=e;const l=document.createElementNS(SVG_NS,"circle");l.setAttribute("cx",n),l.setAttribute("cy",a),l.setAttribute("r","1"),t.appendChild(l)}),t},isSameHandle=(e,t)=>!!e&&!!t&&e.type===t.type&&e.tablePos===t.tablePos&&e.index===t.index,setActiveHandle=(e,t)=>{const n=e.state.tr.setMeta(tableHandlesKey,{active:t}),a=(0,_selection.rebuildSelection)(n.doc,t);a&&n.setSelection(a),e.dispatch(n)};exports.setActiveHandle=setActiveHandle;const clearActiveHandle=e=>{const{selection:t}=e.state,n=t instanceof _pm.CellSelection,a=tableHandlesKey.getState(e.state);if(!(null!=a&&a.active||null!=a&&a.dragSource||n))return;const l=e.state.tr.setMeta(tableHandlesKey,{active:null,dragSource:null});n&&l.setSelection(_pm.Selection.near(l.doc.resolve(t.$anchorCell.pos+1))),e.dispatch(l)};exports.clearActiveHandle=clearActiveHandle;const setDragSource=(e,t)=>e.dispatch(e.state.tr.setMeta(tableHandlesKey,{active:null,dragSource:t})),getActiveHandle=e=>{var t,n;return null!==(t=null===(n=tableHandlesKey.getState(e))||void 0===n?void 0:n.active)&&void 0!==t?t:null};exports.getActiveHandle=getActiveHandle;const getActiveHandleElement=e=>e.dom.querySelector(".".concat(ACTIVE_CLASS));exports.getActiveHandleElement=getActiveHandleElement;const focusHandle=(e,t)=>{var n;const a=[".".concat(HANDLE_CLASS),'[data-table-pos="'.concat(t.tablePos,'"]'),'[data-handle-type="'.concat(t.type,'"]'),'[data-handle-index="'.concat(t.index,'"]')].join("");null===(n=e.dom.querySelector(a))||void 0===n||n.focus({preventScroll:!0})};exports.focusHandle=focusHandle;const buildHandleWidget=(e,t,n,a)=>_pm.Decoration.widget(e,e=>{const l=document.createElement("div");return l.className="".concat(HANDLE_CLASS," ").concat(HANDLE_CLASS,"--").concat(t.type).concat(n?" ".concat(ACTIVE_CLASS):""),l.contentEditable="false",l.tabIndex=-1,l.setAttribute("aria-haspopup","menu"),l.setAttribute("role","button"),l.setAttribute("aria-label",HANDLE_LABELS[t.type](t)),l.dataset.testid=_constants.TEST_IDS_RICH_TEXT.tableHandle[t.type],l.dataset.tableIndex=String(a),l.dataset.handleType=t.type,l.dataset.handleIndex=String(t.index),l.dataset.tablePos=String(t.tablePos),t.type===_selection.HANDLE_TYPES.cell?(l.dataset.handleRow=String(t.row),l.dataset.handleCol=String(t.col),l.appendChild(createChevronIcon())):l.appendChild(createGripIcon(t.type===_selection.HANDLE_TYPES.column?"horizontal":"vertical")),l.addEventListener("mousedown",n=>{n.preventDefault(),n.stopPropagation(),0===n.button&&(0,_dragHandle.trackHandlePointer)(e,t,n,{onClick:()=>setActiveHandle(e,t),onDragEnd:()=>clearActiveHandle(e),onDragStart:()=>setDragSource(e,t)})}),l.addEventListener("click",n=>{0===n.detail&&(n.preventDefault(),setActiveHandle(e,t))}),l.addEventListener("keydown",n=>{"Enter"!==n.key&&" "!==n.key||(n.preventDefault(),n.stopPropagation(),setActiveHandle(e,t))}),l},{ignoreSelection:!0,key:"".concat(HANDLE_CLASS,"-").concat(t.type,"-").concat(t.tablePos,"-").concat(t.index,"-").concat(a,"-").concat(n?1:0),side:-1,stopEvent:()=>!0}),buildDecorations=(e,t,n)=>{const a=[];let l=-1;e.descendants((e,n)=>{if("table"!==e.type.name)return!0;l+=1;const o=_pm.TableMap.get(e),c=n+1,r=(e,n)=>a.push(buildHandleWidget((e=>c+e+1)(e),n,isSameHandle(n,t),l)),s=(e,t,a)=>r(e,{index:a,tablePos:n,type:t});for(let e=0;e<o.width;e++)0!==e&&o.map[e]===o.map[e-1]||s(o.map[e],_selection.HANDLE_TYPES.column,e);for(let e=0;e<o.height;e++){const t=o.map[e*o.width];0!==e&&t===o.map[(e-1)*o.width]||s(t,_selection.HANDLE_TYPES.row,e)}s(o.map[0],_selection.HANDLE_TYPES.table,0);const d=new Set;for(let e=0;e<o.height;e++)for(let t=0;t<o.width;t++){const a=o.map[e*o.width+t];d.has(a)||(d.add(a),r(a,{col:t,index:a,row:e,tablePos:n,type:_selection.HANDLE_TYPES.cell}))}return!1});const o=n||t,c=n?DRAG_SOURCE_CLASS:"selectedCell";return o&&(0,_selection.getHandleCellPositions)(e,o).forEach(t=>{const n=e.nodeAt(t);n&&a.push(_pm.Decoration.node(t,t+n.nodeSize,{class:c}))}),_pm.DecorationSet.create(e,a)},mapActiveHandle=(e,t)=>{const{deleted:n,pos:a}=e.mapping.mapResult(t.tablePos);if(n)return null;const l={...t,tablePos:a};return(0,_selection.getHandleCellPositions)(e.doc,l).length?l:null},nextActiveHandle=(e,t)=>{const n=e.getMeta(tableHandlesKey);return n&&"active"in n?n.active:t?e.selectionSet?null:e.docChanged?mapActiveHandle(e,t):t:null},hoveredCellAt=(e,t)=>{var n;const a=null==t||null===(n=t.closest)||void 0===n?void 0:n.call(t,"td, th");if(!a||!e.dom.contains(a))return null;let l;try{l=e.state.doc.resolve(e.posAtDOM(a,0)-1)}catch{return null}const o=l.node(-1);if(!o||"table"!==o.type.name)return null;const{left:c,top:r}=_pm.TableMap.get(o).findCell(l.pos-l.start(-1));return{column:c,row:r,tablePos:l.before(-1)}},isSameCell=(e,t)=>e===t||!!e&&!!t&&e.tablePos===t.tablePos&&e.row===t.row&&e.column===t.column,createHoverView=e=>{let t=null;const n=()=>{if(e.dom.querySelectorAll(".".concat(VISIBLE_CLASS)).forEach(e=>e.classList.remove(VISIBLE_CLASS)),!t)return;const n=".".concat(HANDLE_CLASS,'[data-table-pos="').concat(t.tablePos,'"]');e.dom.querySelectorAll(["".concat(n,'[data-handle-type="').concat(_selection.HANDLE_TYPES.column,'"][data-handle-index="').concat(t.column,'"]'),"".concat(n,'[data-handle-type="').concat(_selection.HANDLE_TYPES.row,'"][data-handle-index="').concat(t.row,'"]'),"".concat(n,'[data-handle-type="').concat(_selection.HANDLE_TYPES.table,'"]'),"".concat(n,'[data-handle-type="').concat(_selection.HANDLE_TYPES.cell,'"][data-handle-row="').concat(t.row,'"][data-handle-col="').concat(t.column,'"]')].join(",")).forEach(e=>e.classList.add(VISIBLE_CLASS))},a=a=>{const l=hoveredCellAt(e,a.target);isSameCell(l,t)||(t=l,n())},l=()=>{t=null,n()};return e.dom.addEventListener("mousemove",a),e.dom.addEventListener("mouseleave",l),{update:n,destroy:()=>{e.dom.removeEventListener("mousemove",a),e.dom.removeEventListener("mouseleave",l)}}},TableHandles=exports.TableHandles=_core.Extension.create({name:"tableHandles",addProseMirrorPlugins:()=>[new _pm.Plugin({key:tableHandlesKey,state:{init:(e,t)=>({active:null,decorations:buildDecorations(t.doc,null,null),dragSource:null}),apply(e,t,n,a){const l=e.getMeta(tableHandlesKey),o=nextActiveHandle(e,t.active),c=l&&"dragSource"in l?l.dragSource:t.dragSource;return e.docChanged||o!==t.active||c!==t.dragSource?{active:o,decorations:buildDecorations(a.doc,o,c),dragSource:c}:t}},props:{attributes:{class:EDITOR_CLASS},decorations:e=>tableHandlesKey.getState(e).decorations,handleKeyDown:(e,t)=>!("Escape"!==t.key||!getActiveHandle(e.state))&&(clearActiveHandle(e),!0)},view:createHoverView})]});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _propTypes=require("prop-types"),_react=_interopRequireWildcard(require("react")),_index=_interopRequireDefault(require("../../../../UTIcon/index.js")),_index2=_interopRequireDefault(require("../../../../UTLabel/index.js")),_index3=_interopRequireDefault(require("../../../../UTPopper/index.js")),_index4=_interopRequireDefault(require("../../../../UTSwitch/index.js")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,n,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(a=t?o:r){if(a.has(e))return a.get(e);a.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?a(l,t,n):l[t]=e[t]);return l})(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 o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},_extends.apply(null,arguments)}const MenuItem=e=>{let{item:t,onClose:r}=e;const o=void 0!==t.checked,a=()=>{t.disabled||(t.onSelect(),r())},n=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),a())},l="".concat(_stylesModule.default.item," ").concat(t.disabled?_stylesModule.default.itemDisabled:""),s=_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_index.default,{className:_stylesModule.default.icon,colorTheme:"gray",name:t.icon}),_react.default.createElement(_index2.default,{className:_stylesModule.default.label,colorTheme:t.disabled?"gray":"dark"},t.label));return o?_react.default.createElement("div",{"aria-checked":t.checked,"aria-disabled":t.disabled||void 0,className:l,"data-testid":t.dataTestId,onClick:a,onKeyDown:n,role:"menuitemcheckbox",tabIndex:t.disabled?void 0:-1},s,_react.default.createElement("span",{className:_stylesModule.default.switch},_react.default.createElement(_index4.default,{disabled:t.disabled,value:t.checked,version:"V1"}))):_react.default.createElement("div",{"aria-disabled":t.disabled||void 0,className:l,"data-testid":t.dataTestId,onClick:a,onKeyDown:n,role:"menuitem",tabIndex:t.disabled?void 0:-1},s)};MenuItem.propTypes={item:(0,_propTypes.shape)({checked:_propTypes.bool,dataTestId:_propTypes.string,disabled:_propTypes.bool,icon:_propTypes.string,label:_propTypes.string,onSelect:_propTypes.func}),onClose:_propTypes.func};const VIEWPORT_MODIFIERS={flip:{boundariesElement:"viewport",padding:8},preventOverflow:{boundariesElement:"viewport",padding:8}},ITEM_SELECTOR='[role^="menuitem"][tabindex]',NAVIGATION_KEYS=["ArrowDown","ArrowUp","Home","End"],nextIndex=(e,t,r)=>"Home"===e?0:"End"===e?r-1:-1===t?"ArrowUp"===e?r-1:0:"ArrowDown"===e?(t+1)%r:(t-1+r)%r,MenuList=e=>{let{groups:t,items:r,label:o,menuProps:a,onClose:n,onEscape:l}=e;const s=(0,_react.useRef)(null),p=()=>{var e,t;return Array.from(null!==(e=null===(t=s.current)||void 0===t?void 0:t.querySelectorAll(ITEM_SELECTOR))&&void 0!==e?e:[])};(0,_react.useEffect)(()=>{var e;null===(e=p()[0])||void 0===e||e.focus({preventScroll:!0})},[]);return _react.default.createElement("div",_extends({},a,{"aria-label":o,className:_stylesModule.default.menu,onKeyDown:e=>{if("Escape"===e.key)return e.preventDefault(),e.stopPropagation(),void l();if(!NAVIGATION_KEYS.includes(e.key))return;e.preventDefault();const t=p();t.length&&t[nextIndex(e.key,t.indexOf(document.activeElement),t.length)].focus()},onMouseLeave:()=>{var e;null!==(e=s.current)&&void 0!==e&&e.contains(document.activeElement)&&s.current.focus({preventScroll:!0})},onMouseMove:e=>{var t,r;const o=null===(t=(r=e.target).closest)||void 0===t?void 0:t.call(r,'[role^="menuitem"]'),a=null!=o&&o.matches(ITEM_SELECTOR)?o:s.current;a&&document.activeElement!==a&&a.focus({preventScroll:!0})},ref:s,role:"menu",tabIndex:-1}),t.map((e,t)=>_react.default.createElement(_react.Fragment,{key:e.join("|")},t>0&&_react.default.createElement("div",{className:_stylesModule.default.separator,role:"separator"}),_react.default.createElement("div",{className:_stylesModule.default.group,role:"none"},e.map(e=>_react.default.createElement(MenuItem,{item:r[e],key:e,onClose:n}))))))};MenuList.propTypes={groups:(0,_propTypes.arrayOf)((0,_propTypes.arrayOf)(_propTypes.string)).isRequired,items:(0,_propTypes.objectOf)(_propTypes.object).isRequired,label:_propTypes.string,menuProps:_propTypes.object,onClose:_propTypes.func.isRequired,onEscape:_propTypes.func.isRequired};const TableMenu=e=>{let{anchor:t,groups:r,items:o,label:a,menuProps:n,onClose:l,onEscape:s,placement:p="bottom-start",rootProps:u}=e;return _react.default.createElement(_index3.default,_extends({},u,{anchor:t,className:_stylesModule.default.popper,classes:{paper:_stylesModule.default.paper},clickAwayListenerProps:{mouseEvent:"onMouseDown"},modifiers:VIEWPORT_MODIFIERS,onClose:l,placement:p}),_react.default.createElement(MenuList,{groups:r,items:o,label:a,menuProps:n,onClose:l,onEscape:null!=s?s:l}))};TableMenu.propTypes={anchor:_propTypes.object,groups:(0,_propTypes.arrayOf)((0,_propTypes.arrayOf)(_propTypes.string)).isRequired,items:(0,_propTypes.objectOf)(_propTypes.object).isRequired,label:_propTypes.string,menuProps:_propTypes.object,onClose:_propTypes.func.isRequired,onEscape:_propTypes.func,placement:_propTypes.string,rootProps:_propTypes.object};var _default=exports.default=TableMenu;
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
.popper {
|
|
2
|
+
z-index: 1300;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.paper {
|
|
6
|
+
border-radius: var(--UT-richText-table-menu-radius);
|
|
7
|
+
overflow: hidden;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.menu {
|
|
11
|
+
box-sizing: border-box;
|
|
12
|
+
display: flex;
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
max-height: calc(100vh - 16px);
|
|
15
|
+
overflow-y: auto;
|
|
16
|
+
padding-bottom: var(--UT-richText-table-menu-padding-y);
|
|
17
|
+
padding-left: var(--UT-richText-table-menu-padding-x);
|
|
18
|
+
padding-right: var(--UT-richText-table-menu-padding-x);
|
|
19
|
+
padding-top: var(--UT-richText-table-menu-padding-y);
|
|
20
|
+
width: var(--UT-richText-table-menu-width);
|
|
21
|
+
|
|
22
|
+
&:focus {
|
|
23
|
+
outline: none;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.group {
|
|
28
|
+
display: flex;
|
|
29
|
+
flex-direction: column;
|
|
30
|
+
padding: var(--UT-richText-table-menu-group-padding-y) 0;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.separator {
|
|
34
|
+
background-color: var(--light04);
|
|
35
|
+
height: 1px;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.item {
|
|
39
|
+
align-items: center;
|
|
40
|
+
border-radius: var(--UT-richText-table-menu-radius);
|
|
41
|
+
cursor: pointer;
|
|
42
|
+
display: flex;
|
|
43
|
+
grid-gap: var(--UT-richText-table-menu-item-gap);
|
|
44
|
+
padding-bottom: var(--UT-richText-table-menu-item-padding-y);
|
|
45
|
+
padding-left: var(--UT-richText-table-menu-item-gap);
|
|
46
|
+
padding-right: var(--UT-richText-table-menu-item-gap);
|
|
47
|
+
padding-top: var(--UT-richText-table-menu-item-padding-y);
|
|
48
|
+
user-select: none;
|
|
49
|
+
|
|
50
|
+
&:focus {
|
|
51
|
+
background-color: var(--light04);
|
|
52
|
+
outline: none;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.itemDisabled {
|
|
57
|
+
cursor: default;
|
|
58
|
+
opacity: 0.5;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.icon {
|
|
62
|
+
flex-shrink: 0;
|
|
63
|
+
height: var(--UT-richText-table-menu-item-icon-size);
|
|
64
|
+
width: var(--UT-richText-table-menu-item-icon-size);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.label {
|
|
68
|
+
flex: 1 1 auto;
|
|
69
|
+
min-width: 0;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.switch {
|
|
73
|
+
display: flex;
|
|
74
|
+
pointer-events: none;
|
|
75
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("@tiptap/react"),_propTypes=require("prop-types"),_react2=_interopRequireWildcard(require("react")),_constants=require("../../constants.js"),_menu=require("./menu.js"),_TableHandles=require("./TableHandles.js"),_index=_interopRequireDefault(require("./TableMenu/index.js"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,l=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,r,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(n=t?l:a){if(n.has(e))return n.get(e);n.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((r=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(r.get||r.set)?n(o,t,r):o[t]=e[t]);return o})(e,t)}const HANDLE_SELECTOR=".table-handle",TableMenuOverlay=e=>{var t;let{editor:a,module:l}=e;const{anchor:n,handle:r}=null!==(t=(0,_react.useEditorState)({editor:a,equalityFn:(e,t)=>(null==e?void 0:e.anchor)===(null==t?void 0:t.anchor)&&(null==e?void 0:e.doc)===(null==t?void 0:t.doc)&&(null==e?void 0:e.handle)===(null==t?void 0:t.handle),selector:e=>{let{editor:t}=e;const a=t&&!t.isDestroyed?(0,_TableHandles.getActiveHandle)(t.state):null;return{anchor:a?(0,_TableHandles.getActiveHandleElement)(t.view):null,doc:null==t?void 0:t.state.doc,handle:a}}}))&&void 0!==t?t:{},o=r?(0,_menu.buildTableMenu)(a,r,l.config.actions):null,u=(0,_react2.useCallback)(e=>{var t,l;null!=e&&null!==(t=e.target)&&void 0!==t&&null!==(l=t.closest)&&void 0!==l&&l.call(t,".table-handle")||(0,_TableHandles.clearActiveHandle)(a.view)},[a]),i=(0,_react2.useCallback)(()=>{const{view:e}=a,t=(0,_TableHandles.getActiveHandle)(e.state);(0,_TableHandles.clearActiveHandle)(e),t&&(0,_TableHandles.focusHandle)(e,t)},[a]);if(!n||!o||0===o.groups.length)return null;const d=(0,_TableHandles.getTableIndex)(a.state.doc,r.tablePos);return _react2.default.createElement(_index.default,{anchor:n,groups:o.groups,items:o.items,key:"".concat(r.type,"-").concat(r.tablePos,"-").concat(r.index),label:n.getAttribute("aria-label"),menuProps:{"data-table-index":d,"data-testid":_constants.TEST_IDS_RICH_TEXT.tableMenu[r.type].root},onClose:u,onEscape:i,placement:"right-start",rootProps:{"data-table-index":d,"data-testid":_constants.TEST_IDS_RICH_TEXT.tableMenu.root}})};TableMenuOverlay.propTypes={editor:_propTypes.object,module:(0,_propTypes.shape)({config:_propTypes.object})};var _default=exports.default=TableMenuOverlay;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _propTypes=require("prop-types"),_react=_interopRequireWildcard(require("react")),_index=_interopRequireDefault(require("../../../UTButton/index.js")),_index2=_interopRequireDefault(require("../../../UTTooltip/index.js")),_constants=require("../../constants.js")
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _propTypes=require("prop-types"),_react=_interopRequireWildcard(require("react")),_index=_interopRequireDefault(require("../../../UTButton/index.js")),_index2=_interopRequireDefault(require("../../../UTTooltip/index.js")),_constants=require("../../constants.js");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,a,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(n=t?o:r){if(n.has(e))return n.get(e);n.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?n(i,t,a):i[t]=e[t]);return i})(e,t)}const INSERT_TABLE_DEFAULTS={cols:3,rows:3,withHeaderRow:!0},TableToolbarButton=e=>{var t;let{disabled:r,editor:o,module:n}=e;const{allowInsert:a}=n.config||n.defaultConfig,i=(0,_react.useCallback)(()=>{if(!o.isActive("table"))return void o.chain().focus().insertTable(INSERT_TABLE_DEFAULTS).run();const{$from:e}=o.state.selection;for(let t=e.depth;t>0;t--)if("table"===e.node(t).type.name){const r=e.after(t);return void o.chain().insertContentAt(r,{type:"paragraph"}).setTextSelection(r+1).insertTable(INSERT_TABLE_DEFAULTS).run()}o.chain().focus().insertTable(INSERT_TABLE_DEFAULTS).run()},[o]);return a?_react.default.createElement(_index2.default,{arrow:!1,content:"Insertar tabla",tippyProps:{appendTo:()=>document.body,interactive:!1}},_react.default.createElement("div",null,_react.default.createElement(_index.default,{colorTheme:_constants.TOOLBAR_BUTTON.inactive.colorTheme,dataTestId:null===(t=n.testIds)||void 0===t?void 0:t.toolbarButton,disabled:r,LeftIcon:"IconTable",onClick:i,size:_constants.TOOLBAR_BUTTON.size,variant:_constants.TOOLBAR_BUTTON.inactive.variant}))):null};TableToolbarButton.propTypes={disabled:_propTypes.bool,editor:_propTypes.object,module:(0,_propTypes.shape)({config:_propTypes.object,defaultConfig:_propTypes.object,key:_propTypes.string,testIds:_propTypes.object})};var _default=exports.default=TableToolbarButton;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TABLE_ACTION_PRESETS=exports.TABLE_ACTIONS=exports.DEFAULT_TABLE_ACTIONS=void 0;const TABLE_ACTIONS=exports.TABLE_ACTIONS={addColumnAfter:"addColumnAfter",addColumnBefore:"addColumnBefore",addRowAfter:"addRowAfter",addRowBefore:"addRowBefore",clearCell:"clearCell",clearColumn:"clearColumn",clearRow:"clearRow",clearTable:"clearTable",copyTable:"copyTable",deleteColumn:"deleteColumn",deleteRow:"deleteRow",deleteTable:"deleteTable",moveColumnLeft:"moveColumnLeft",moveColumnRight:"moveColumnRight",moveRowDown:"moveRowDown",moveRowUp:"moveRowUp",toggleHeaderColumn:"toggleHeaderColumn",toggleHeaderRow:"toggleHeaderRow"},DEFAULT_TABLE_ACTIONS=exports.DEFAULT_TABLE_ACTIONS=Object.values(TABLE_ACTIONS),TABLE_ACTION_PRESETS=exports.TABLE_ACTION_PRESETS={contentOnly:[TABLE_ACTIONS.clearCell,TABLE_ACTIONS.clearRow,TABLE_ACTIONS.clearColumn,TABLE_ACTIONS.clearTable,TABLE_ACTIONS.copyTable],noDestructive:DEFAULT_TABLE_ACTIONS.filter(e=>e!==TABLE_ACTIONS.deleteTable&&e!==TABLE_ACTIONS.clearTable)};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.scrollParentOf=exports.createAutoScroller=exports.clampToContainer=void 0;const EDGE=32,MAX_STEP=24,SCROLL_KEYS={x:"scrollLeft",y:"scrollTop"},scrollParentOf=(t,e)=>{const o="y"===e?"overflowY":"overflowX";for(let e=null==t?void 0:t.parentElement;e;e=e.parentElement)if(/(auto|scroll)/.test(getComputedStyle(e)[o]))return e;return null};exports.scrollParentOf=scrollParentOf;const CLAMP_INSET=8,clampToContainer=(t,e,o)=>{const{bottom:l,left:n,right:r,top:c}=t.getBoundingClientRect(),[a,s]="y"===e?[c,l]:[n,r];return Math.min(Math.max(o,a+8),s-8)};exports.clampToContainer=clampToContainer;const createAutoScroller=function(t,e){let{grow:o,onScroll:l}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const n=SCROLL_KEYS[e];let r=null,c=null;const a=()=>{if(c=null,null===r)return;const s=(()=>{const{bottom:o,left:l,right:n,top:c}=t.getBoundingClientRect(),[a,s]="y"===e?[c,o]:[l,n];return r>s-32?Math.min(24,Math.ceil((r-(s-32))/4)):r<a+32?-Math.min(24,Math.ceil((a+32-r)/4)):0})();if(!s)return;const u=!!o&&o(s),i=t[n];t[n]=i+s;const p=t[n]!==i;p&&l&&l(),(p||u)&&(c=requestAnimationFrame(a))};return{stop:()=>{r=null,null!==c&&cancelAnimationFrame(c),c=null},update:t=>{r=t,null===c&&(c=requestAnimationFrame(a))}}};exports.createAutoScroller=createAutoScroller;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.columnRects=exports.ColumnWidths=void 0;var _core=require("@tiptap/core"),_autoScroll=require("./autoScroll"),_pm=require("./pm");const columnRects=(e,t)=>{const o=e.state.doc.nodeAt(t),n=_pm.TableMap.get(o),r=t+1;return Array.from({length:n.width},(t,o)=>{const l=Array.from({length:n.height},(e,t)=>n.map[t*n.width+o]),s=l.find(e=>{const{left:t,right:o}=n.findCell(e);return o-t===1});return e.nodeDOM(r+(null!=s?s:l[0])).getBoundingClientRect()})};exports.columnRects=columnRects;const tablePosAround=(e,t)=>{const o=e.resolve(t);for(let{depth:e}=o;e>0;e--)if("table"===o.node(e).type.name)return o.before(e);return null},hasWidth=e=>Array.isArray(e.attrs.colwidth)&&e.attrs.colwidth.every(e=>e>0),freezeColumnWidths=(e,t)=>{const o=e.state.doc.nodeAt(t),n=_pm.TableMap.get(o),r=Array.from(new Set(n.map));if(r.every(e=>hasWidth(o.nodeAt(e))))return;const l=columnRects(e,t).map(e=>Math.round(e.width)),s=t+1,{tr:i}=e.state;r.forEach(e=>{const t=o.nodeAt(e),{left:r,right:d}=n.findCell(e);i.setNodeMarkup(s+e,null,{...t.attrs,colwidth:l.slice(r,d)})}),e.dispatch(i.setMeta("addToHistory",!1))},fixedWidths=e=>{const t=_pm.TableMap.get(e);return Array.from(new Set(t.map)).every(t=>hasWidth(e.nodeAt(t)))?Array.from({length:t.width},(o,n)=>{const r=t.map[n];return e.nodeAt(r).attrs.colwidth[n-t.findCell(r).left]}):null},syncTableWidths=e=>{e.state.doc.descendants((t,o)=>{if("table"!==t.type.name)return!0;const n=e.nodeDOM(o),r=n&&("TABLE"===n.nodeName?n:n.querySelector("table")),l=fixedWidths(t);return r&&(r.style.width=l?"".concat(l.reduce((e,t)=>e+t,0),"px"):""),!1})},FORWARDED=Symbol("columnResizeForwarded"),followColumnResize=(e,t)=>{const o=e.nodeDOM(t),n=o&&("TABLE"===o.nodeName?o:o.querySelector("table")),r=(0,_autoScroll.scrollParentOf)(n,"x");if(!r)return;const l=r.scrollLeft;let s=null,i=0;const d=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;const o=(0,_autoScroll.clampToContainer)(r,"x",s)+r.scrollLeft-l+t,n=new MouseEvent(e,{bubbles:!0,clientX:o,clientY:i});n[FORWARDED]=!0,window.dispatchEvent(n)},a=(0,_autoScroll.createAutoScroller)(r,"x",{grow:e=>(d("mousemove",e),e>0),onScroll:()=>d("mousemove")}),c=e=>{e[FORWARDED]||(e.stopImmediatePropagation(),s=e.clientX,i=e.clientY,d("mousemove"),a.update(s))},u=e=>{e[FORWARDED]||(e.stopImmediatePropagation(),a.stop(),window.removeEventListener("mousemove",c,!0),window.removeEventListener("mouseup",u,!0),null===s&&(s=e.clientX),d("mouseup"))};window.addEventListener("mousemove",c,!0),window.addEventListener("mouseup",u,!0)},ColumnWidths=exports.ColumnWidths=_core.Extension.create({name:"columnWidths",addProseMirrorPlugins:()=>[new _pm.Plugin({key:new _pm.PluginKey("columnWidths"),view:e=>{const t=t=>{if(0!==t.button||!e.editable)return;const o=_pm.columnResizingPluginKey.getState(e.state);if(null==o||!o.dragging||o.activeHandle<0)return;const n=tablePosAround(e.state.doc,o.activeHandle);null!==n&&(freezeColumnWidths(e,n),followColumnResize(e,n))};return e.dom.addEventListener("mousedown",t),syncTableWidths(e),{destroy:()=>e.dom.removeEventListener("mousedown",t),update:()=>syncTableWidths(e)}}})]});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createDragGhost=void 0;var _pm=require("./pm"),_selection=require("./selection");const COPIED_STYLES=["backgroundColor","borderBottom","borderLeft","borderRight","borderTop","color","fontFamily","fontSize","fontStyle","fontWeight","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","textAlign","verticalAlign"],SHADOW="0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12)",cloneCell=e=>{const{height:t,width:o}=e.getBoundingClientRect(),n=getComputedStyle(e),r=e.cloneNode(!0);return r.removeAttribute("class"),r.querySelectorAll(".table-handle, .column-resize-handle").forEach(e=>e.remove()),r.querySelectorAll("*").forEach(e=>{e.style.margin="0"}),COPIED_STYLES.forEach(e=>{r.style[e]=n[e]}),Object.assign(r.style,{boxSizing:"border-box",height:"".concat(t,"px"),position:"static",width:"".concat(o,"px")}),r},appendRow=(e,t)=>{const o=document.createElement("tr");t.forEach(e=>o.appendChild(cloneCell(e))),e.appendChild(o)},createDragGhost=(e,t,o,n,r)=>{const l=t.type===_selection.HANDLE_TYPES.row,a=document.createElement("table");Object.assign(a.style,{borderCollapse:"collapse",boxShadow:SHADOW,left:"0",margin:"0",opacity:"0.85",pointerEvents:"none",position:"fixed",tableLayout:"fixed",top:"0",zIndex:"1400"});const i=document.createElement("tbody");let c;if(a.appendChild(i),l){const e=o.rows[t.index];c=e.getBoundingClientRect(),appendRow(i,Array.from(e.cells))}else{const n=_pm.TableMap.get(e.state.doc.nodeAt(t.tablePos)),r=t.tablePos+1,l=Array.from(new Set(Array.from({length:n.height},(e,o)=>n.map[o*n.width+t.index])),t=>e.nodeDOM(r+t));l.forEach(e=>appendRow(i,[e])),c={left:l[0].getBoundingClientRect().left,top:o.getBoundingClientRect().top}}document.body.appendChild(a);const p=n-c.left,d=r-c.top,s=(e,t)=>{const o=l?c.left:e-p,n=l?t-d:c.top;a.style.transform="translate(".concat(o,"px, ").concat(n,"px)")};return s(n,r),{move:s,remove:()=>a.remove()}};exports.createDragGhost=createDragGhost;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.trackHandlePointer=exports.isHeaderLocked=void 0;var _autoScroll=require("./autoScroll"),_extensions=require("./extensions"),_columnWidths=require("./columnWidths"),_dragGhost=require("./dragGhost"),_guideLine=require("./guideLine"),_pm=require("./pm"),_selection=require("./selection");const DRAG_THRESHOLD=4,MOVE_COMMANDS={[_selection.HANDLE_TYPES.column]:_pm.moveTableColumn,[_selection.HANDLE_TYPES.row]:_pm.moveTableRow},isHeaderLocked=(e,t)=>0===t.index&&(t.type===_selection.HANDLE_TYPES.row&&(0,_extensions.hasHeaderRow)(e,t.tablePos)||t.type===_selection.HANDLE_TYPES.column&&(0,_extensions.hasHeaderColumn)(e,t.tablePos));exports.isHeaderLocked=isHeaderLocked;const firstMovableIndex=(e,t)=>(t.type===_selection.HANDLE_TYPES.row?_extensions.hasHeaderRow:_extensions.hasHeaderColumn)(e,t.tablePos)?1:0,tableElementAt=(e,t)=>{const o=e.nodeDOM(t);return o?"TABLE"===o.nodeName?o:o.querySelector("table"):null},trackRects=(e,t,o)=>t.type===_selection.HANDLE_TYPES.row?Array.from(o.rows,e=>e.getBoundingClientRect()):(0,_columnWidths.columnRects)(e,t.tablePos),canMove=(e,t,o)=>{if(o===t.index)return!1;const n=(0,_selection.rebuildSelection)(e.state.doc,t);if(!n)return!1;const r=e.state.apply(e.state.tr.setSelection(n));return MOVE_COMMANDS[t.type]({from:t.index,select:!1,to:o})(r)},beginDrag=(e,t,o,n)=>{const r=tableElementAt(e,t.tablePos);if(!r)return null;const l=t.type===_selection.HANDLE_TYPES.row,s=firstMovableIndex(e.state,t),i=(0,_guideLine.createGuideLine)(e);i.element.dataset.dropIndex="";let c=null,a=null;const d=(0,_dragGhost.createDragGhost)(e,t,r,o,n),u=trackRects(e,t,r)[t.index],m=l?u.top:u.left,p=l?u.height:u.width,_=l?n:o,E=l?"y":"x",v=(0,_autoScroll.scrollParentOf)(r,E);let h=null;const S=o=>{d.move(o.clientX,o.clientY);const n=trackRects(e,t,r),u=(l?o.clientY:o.clientX)-_,E=m+u+(u>0?p:0),v=Math.max(s,n.filter(e=>(e=>l?e.top+e.height/2:e.left+e.width/2)(e)<E).length);if(v===a)return;a=v;const h=v>t.index?v-1:v;if(c=canMove(e,t,h)?h:null,null===c)return i.hide(),void(i.element.dataset.dropIndex="");i.element.dataset.dropIndex=String(c);const S=0===v?n[0]:n[v-1],x=l?0===v?S.top:S.bottom:0===v?S.left:S.right;l?i.horizontal(r,x):i.vertical(r,x)},x=v&&(0,_autoScroll.createAutoScroller)(v,E,{onScroll:()=>{a=null,S(h)}}),y=()=>{null==x||x.stop(),i.remove(),d.remove()};return{cancel:y,drop:()=>{if(y(),null===c)return;const o=(0,_selection.rebuildSelection)(e.state.doc,t);o&&(e.dispatch(e.state.tr.setSelection(o)),MOVE_COMMANDS[t.type]({from:t.index,to:c})(e.state,e.dispatch))},update:e=>{h=e,S(e),null==x||x.update(l?e.clientY:e.clientX)}}},trackHandlePointer=(e,t,o,n)=>{let{onClick:r,onDragEnd:l,onDragStart:s}=n;const i=!!MOVE_COMMANDS[t.type]&&!isHeaderLocked(e.state,t),c=o.clientX,a=o.clientY,{body:d}=document,u=d.style.cursor;let m=null,p=!1;const _={},E=()=>{document.removeEventListener("mousemove",_.move),document.removeEventListener("mouseup",_.up),document.removeEventListener("keydown",_.keyDown,!0),d.style.cursor=u};_.move=o=>{if(!m){if(Math.hypot(o.clientX-c,o.clientY-a)<4)return;if(p=!0,!i)return;if(m=beginDrag(e,t,c,a),!m)return;d.style.cursor="grabbing",s()}m.update(o)},_.up=()=>{E(),m?(m.drop(),l(),e.focus()):p||r()},_.keyDown=e=>{"Escape"===e.key&&m&&(e.preventDefault(),e.stopPropagation(),E(),m.cancel(),l())},document.addEventListener("mousemove",_.move),document.addEventListener("mouseup",_.up),document.addEventListener("keydown",_.keyDown,!0)};exports.trackHandlePointer=trackHandlePointer;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HEADER_CELL_EMAIL_STYLE=exports.DATA_CELL_EMAIL_STYLE=void 0;const HEADER_CELL_EMAIL_STYLE=exports.HEADER_CELL_EMAIL_STYLE="border: 1px solid #CCCCCC; padding: 8px 12px; text-align: left; font-family: inherit; font-weight: 600; background-color: #F5F5F5;",DATA_CELL_EMAIL_STYLE=exports.DATA_CELL_EMAIL_STYLE="border: 1px solid #CCCCCC; padding: 8px 12px; text-align: left; font-family: inherit;";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EnergyTableRow=exports.EnergyTableHeader=exports.EnergyTableCell=exports.EnergyTable=exports.CellFocus=void 0;var _core=require("@tiptap/core"),_extensionTable=require("@tiptap/extension-table"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.tableToTabSeparated=exports.hasHeaderRow=exports.hasHeaderColumn=exports.TableMove=exports.TableActions=exports.EnergyTableRow=exports.EnergyTableHeader=exports.EnergyTableCell=exports.EnergyTable=exports.CellFocus=void 0;var _core=require("@tiptap/core"),_extensionTable=require("@tiptap/extension-table"),_emailStyles=require("./emailStyles"),_pm=require("./pm");const buildMoveCommand=(e,t)=>l=>a=>{let r,{dispatch:o,state:n}=a;try{r=(0,_pm.selectedRect)(n)}catch{return!1}const s="row"===e?r.top:r.left,i="row"===e?r.map.height:r.map.width,d=s+l;return!(d<0||d>=i)&&t({from:s,to:d})(n,o)},TableMove=exports.TableMove=_core.Extension.create({name:"tableMove",addCommands:()=>({moveColumn:buildMoveCommand("column",_pm.moveTableColumn),moveRow:buildMoveCommand("row",_pm.moveTableRow)})}),CELL_MIN_WIDTH=72,EnergyTable=exports.EnergyTable=_extensionTable.Table.extend({addAttributes(){var e;return{...null===(e=this.parent)||void 0===e?void 0:e.call(this),style:{default:null,parseHTML:e=>e.getAttribute("style")||null,renderHTML:e=>e.style?{style:e.style}:{}}}},addKeyboardShortcuts(){var e;return{...null===(e=this.parent)||void 0===e?void 0:e.call(this),"Mod-Alt-t":()=>this.editor.commands.insertTable({cols:3,rows:3,withHeaderRow:!0})}}}).configure({cellMinWidth:72,resizable:!0}),EnergyTableRow=exports.EnergyTableRow=_extensionTable.TableRow.extend({addAttributes(){var e;return{...null===(e=this.parent)||void 0===e?void 0:e.call(this),style:{default:null,parseHTML:e=>e.getAttribute("style")||null,renderHTML:e=>e.style?{style:e.style}:{}}}}}),EnergyTableHeader=exports.EnergyTableHeader=_extensionTable.TableHeader.extend({addAttributes(){var e;return{...null===(e=this.parent)||void 0===e?void 0:e.call(this),style:{default:null,parseHTML:e=>e.getAttribute("style")||null,renderHTML:e=>e.style?{style:e.style}:{}}}}}),EnergyTableCell=exports.EnergyTableCell=_extensionTable.TableCell.extend({addAttributes(){var e;return{...null===(e=this.parent)||void 0===e?void 0:e.call(this),style:{default:null,parseHTML:e=>e.getAttribute("style")||null,renderHTML:e=>e.style?{style:e.style}:{}}}}}),uniqueCells=e=>Array.from(new Set(e)),isHeaderCell=(e,t)=>{var l;return"tableHeader"===(null===(l=e.nodeAt(t))||void 0===l?void 0:l.type.name)},hasHeaderRow=(e,t)=>{const l=e.doc.nodeAt(t);if(!l||"table"!==l.type.name)return!1;const a=_pm.TableMap.get(l);return 0!==a.height&&0!==a.width&&uniqueCells(a.map.slice(0,a.width)).every(e=>isHeaderCell(l,e))};exports.hasHeaderRow=hasHeaderRow;const hasHeaderColumn=(e,t)=>{const l=e.doc.nodeAt(t);if(!l||"table"!==l.type.name)return!1;const a=_pm.TableMap.get(l);if(0===a.height||0===a.width)return!1;const r=hasHeaderRow(e,t)?1:0;if(r>=a.height)return!1;const o=Array.from({length:a.height-r},(e,t)=>{const l=r+t;return a.map[l*a.width]});return uniqueCells(o).every(e=>isHeaderCell(l,e))};exports.hasHeaderColumn=hasHeaderColumn;const tableToTabSeparated=e=>{const t=[];return e.forEach(e=>{const l=[];e.forEach(e=>l.push(e.textContent.replace(/\n/g," "))),t.push(l.join("\t"))}),t.join("\n")};exports.tableToTabSeparated=tableToTabSeparated;const tableToHtml=(e,t)=>{const l=_pm.DOMSerializer.fromSchema(t),a=document.createElement("div");return a.appendChild(l.serializeNode(e)),a.innerHTML},clearCells=(e,t,l,a,r)=>{if(!r)return!0;const{tr:o}=a;return uniqueCells(e).forEach(e=>{const a=t.nodeAt(e);if(!a)return;const r=a.type.createAndFill().content;a.content.size<=r.size||o.replaceWith(o.mapping.map(l+e+1),o.mapping.map(l+e+a.nodeSize-1),r)}),o.docChanged&&r(o.scrollIntoView()),!0},buildClearCommand=e=>()=>t=>{let l,{state:a,dispatch:r}=t;try{l=(0,_pm.selectedRect)(a)}catch{return!1}return clearCells(e(l),l.table,l.tableStart,a,r)},normalizeStyle=e=>(e||"").replace(/\s+/g,"").toLowerCase(),HEADER_STYLE=normalizeStyle(_emailStyles.HEADER_CELL_EMAIL_STYLE),DATA_STYLE=normalizeStyle(_emailStyles.DATA_CELL_EMAIL_STYLE),swapCellEmailStyles=(e,t)=>{const l=e.doc.nodeAt(t);l&&"table"===l.type.name&&l.descendants((l,a)=>{if("tableHeader"!==l.type.name&&"tableCell"!==l.type.name)return!0;const r="tableHeader"===l.type.name;return normalizeStyle(l.attrs.style)===(r?DATA_STYLE:HEADER_STYLE)&&e.setNodeMarkup(t+1+a,null,{...l.attrs,style:r?_emailStyles.HEADER_CELL_EMAIL_STYLE:_emailStyles.DATA_CELL_EMAIL_STYLE}),!1})},buildToggleHeader=e=>t=>{let l,{state:a,dispatch:r}=t;try{l=(0,_pm.selectedRect)(a)}catch{return!1}const o=l.tableStart-1;return(0,_pm.toggleHeader)(e)(a,r&&(e=>{swapCellEmailStyles(e,o),r(e)}))},TableActions=exports.TableActions=_core.Extension.create({name:"tableActions",addCommands:()=>({clearCell:buildClearCommand(e=>e.map.cellsInRect(e)),clearRow:buildClearCommand(e=>{let{map:t,top:l}=e;const a=[];for(let e=0;e<t.width;e++)a.push(t.map[l*t.width+e]);return a}),clearColumn:buildClearCommand(e=>{let{map:t,left:l}=e;const a=[];for(let e=0;e<t.height;e++)a.push(t.map[e*t.width+l]);return a}),clearTable:buildClearCommand(e=>{let{map:t}=e;return t.map}),copyTable:()=>e=>{let t,{state:l,dispatch:a}=e;try{t=(0,_pm.selectedRect)(l)}catch{return!1}if(!a)return!0;const{table:r}=t,o=tableToTabSeparated(r),n=tableToHtml(r,l.schema);return(async()=>{var e;if(!window.ClipboardItem||null===(e=navigator.clipboard)||void 0===e||!e.write)throw new Error("ClipboardItem unsupported");await navigator.clipboard.write([new window.ClipboardItem({"text/html":new Blob([n],{type:"text/html"}),"text/plain":new Blob([o],{type:"text/plain"})})])})().catch(()=>navigator.clipboard.writeText(o)).catch(()=>{}),!0},toggleHeaderColumn:()=>buildToggleHeader("column"),toggleHeaderRow:()=>buildToggleHeader("row")})}),CellFocus=exports.CellFocus=_core.Extension.create({name:"cellFocus",addProseMirrorPlugins:()=>[new _pm.Plugin({state:{init:()=>!1,apply(e,t){const l=e.getMeta("cellFocus");return void 0!==l?l:t}},props:{handleDOMEvents:{focus:e=>(e.dispatch(e.state.tr.setMeta("cellFocus",!0)),!1),blur:e=>(e.dispatch(e.state.tr.setMeta("cellFocus",!1)),!1)},decorations(e){if(!this.getState(e))return _pm.DecorationSet.empty;const{doc:t,selection:l}=e,{$from:a}=l,r=[];for(let e=a.depth;e>0;e--){const t=a.node(e);if("tableCell"===t.type.name||"tableHeader"===t.type.name){const l=a.before(e);r.push(_pm.Decoration.node(l,l+t.nodeSize,{class:"focused-cell"}));break}}return _pm.DecorationSet.create(t,r)}}})]});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createGuideLine=void 0;const visibleRectOf=t=>{let{bottom:e,left:o,right:i,top:n}=t.getBoundingClientRect();for(let c=t.parentElement;c&&c!==document.body;c=c.parentElement){const{overflowX:t,overflowY:l}=getComputedStyle(c),r=c.getBoundingClientRect();"visible"!==t&&(o=Math.max(o,r.left),i=Math.min(i,r.right)),"visible"!==l&&(n=Math.max(n,r.top),e=Math.min(e,r.bottom))}return{bottom:e,left:o,right:i,top:n}},createGuideLine=t=>{const e=getComputedStyle(t.dom),o=e.getPropertyValue("--UT-richText-table-drop-indicator-width").trim()||"2px",i=document.createElement("div");Object.assign(i.style,{backgroundColor:e.getPropertyValue("--actionAccent04").trim(),display:"none",pointerEvents:"none",position:"fixed",zIndex:"1400"}),document.body.appendChild(i);const n=()=>{i.style.display="none"};return{element:i,hide:n,horizontal:(t,e)=>{const{bottom:c,left:l,right:r,top:a}=visibleRectOf(t);e<a||e>c||r<=l?n():Object.assign(i.style,{display:"block",height:o,left:"".concat(l,"px"),top:"calc(".concat(e,"px - ").concat(o," / 2)"),width:"".concat(r-l,"px")})},remove:()=>i.remove(),vertical:(t,e)=>{const{bottom:c,left:l,right:r,top:a}=visibleRectOf(t);e<l||e>r||c<=a?n():Object.assign(i.style,{display:"block",height:"".concat(c-a,"px"),left:"calc(".concat(e,"px - ").concat(o," / 2)"),top:"".concat(a,"px"),width:o})}}};exports.createGuideLine=createGuideLine;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _constants=require("../../constants.js"),_ToolbarButton=_interopRequireDefault(require("./ToolbarButton.js")),_extensions=require("./extensions.js");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default={defaultConfig:{allowInsert:!0,allowStructureEdit:!0},extensions:e=>[_extensions.EnergyTable,_extensions.EnergyTableRow,_extensions.EnergyTableHeader,_extensions.EnergyTableCell,_extensions.CellFocus],key:_constants.MODULE_KEYS.table,testIds:{toolbarButton:_constants.TEST_IDS_RICH_TEXT.toolbar.table},ToolbarButton:_ToolbarButton.default,toolbarButton:{isActive:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _constants=require("../../constants.js"),_actions=require("./actions.js"),_ToolbarButton=_interopRequireDefault(require("./ToolbarButton.js")),_extensions=require("./extensions.js"),_TableHandles=require("./TableHandles.js"),_TableMenuOverlay=_interopRequireDefault(require("./TableMenuOverlay.js")),_columnWidths=require("./columnWidths.js"),_rowResizing=require("./rowResizing.js");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default={defaultConfig:{actions:_actions.DEFAULT_TABLE_ACTIONS,allowInsert:!0,allowStructureEdit:!0},extensions:e=>[_extensions.EnergyTable,_extensions.EnergyTableRow,_extensions.EnergyTableHeader,_extensions.EnergyTableCell,_extensions.CellFocus,_extensions.TableMove,_extensions.TableActions,_rowResizing.RowResizing,_columnWidths.ColumnWidths,...e.allowStructureEdit&&e.actions.length>0?[_TableHandles.TableHandles]:[]],EditorOverlay:_TableMenuOverlay.default,key:_constants.MODULE_KEYS.table,testIds:{toolbarButton:_constants.TEST_IDS_RICH_TEXT.toolbar.table},ToolbarButton:_ToolbarButton.default,toolbarButton:{isActive:()=>!1}};
|