@widergy/energy-ui 3.175.0 → 3.176.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 +24 -5
- package/dist/components/UTRichText/components/SubmitAction/constants.js +1 -0
- package/dist/components/UTRichText/components/SubmitAction/index.js +1 -0
- package/dist/components/UTRichText/components/SubmitAction/styles.module.scss +5 -0
- package/dist/components/UTRichText/components/Toolbar/index.js +1 -0
- package/dist/components/UTRichText/components/Toolbar/styles.module.scss +13 -0
- package/dist/components/UTRichText/components/ToolbarButton/index.js +1 -0
- package/dist/components/UTRichText/constants.js +1 -0
- package/dist/components/UTRichText/extensions/CustomKeymap.js +1 -0
- package/dist/components/UTRichText/hooks/useModuleResolution.js +1 -0
- package/dist/components/UTRichText/hooks/useRichTextEditor.js +1 -0
- package/dist/components/UTRichText/index.js +1 -0
- package/dist/components/UTRichText/modules/bold/index.js +1 -0
- package/dist/components/UTRichText/modules/italic/index.js +1 -0
- package/dist/components/UTRichText/modules/list/index.js +1 -0
- package/dist/components/UTRichText/modules/listNumbers/index.js +1 -0
- package/dist/components/UTRichText/registry.js +1 -0
- package/dist/components/UTRichText/styles.module.scss +124 -0
- package/dist/components/UTRichText/utils.js +1 -0
- package/dist/constants/testIds.js +1 -1
- package/dist/esm/components/UTRichText/components/SubmitAction/constants.js +1 -0
- package/dist/esm/components/UTRichText/components/SubmitAction/index.js +1 -0
- package/dist/esm/components/UTRichText/components/SubmitAction/styles.module.scss +5 -0
- package/dist/esm/components/UTRichText/components/Toolbar/index.js +1 -0
- package/dist/esm/components/UTRichText/components/Toolbar/styles.module.scss +13 -0
- package/dist/esm/components/UTRichText/components/ToolbarButton/index.js +1 -0
- package/dist/esm/components/UTRichText/constants.js +1 -0
- package/dist/esm/components/UTRichText/extensions/CustomKeymap.js +1 -0
- package/dist/esm/components/UTRichText/hooks/useModuleResolution.js +1 -0
- package/dist/esm/components/UTRichText/hooks/useRichTextEditor.js +1 -0
- package/dist/esm/components/UTRichText/index.js +1 -0
- package/dist/esm/components/UTRichText/modules/bold/index.js +1 -0
- package/dist/esm/components/UTRichText/modules/italic/index.js +1 -0
- package/dist/esm/components/UTRichText/modules/list/index.js +1 -0
- package/dist/esm/components/UTRichText/modules/listNumbers/index.js +1 -0
- package/dist/esm/components/UTRichText/registry.js +1 -0
- package/dist/esm/components/UTRichText/styles.module.scss +124 -0
- package/dist/esm/components/UTRichText/utils.js +1 -0
- package/dist/esm/constants/testIds.js +1 -1
- package/dist/esm/utils/hooks/useCSSVariables/dimensionTokens.js +1 -1
- package/dist/utils/hooks/useCSSVariables/dimensionTokens.js +1 -1
- package/package.json +14 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,16 +1,35 @@
|
|
|
1
|
-
# [3.
|
|
1
|
+
# [3.176.0](https://github.com/widergy/energy-ui/compare/v3.175.1...v3.176.0) (2026-08-14)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* [OUG-999] rich text tests ([#843](https://github.com/widergy/energy-ui/issues/843)) ([9823568](https://github.com/widergy/energy-ui/commit/9823568ec9d696ead7d9a6aaa0b3756f58f9cc1c))
|
|
7
|
+
* [OUG] rich text again ([#844](https://github.com/widergy/energy-ui/issues/844)) ([96a97a1](https://github.com/widergy/energy-ui/commit/96a97a1221586518f31627220d182127fb60db2a))
|
|
2
8
|
|
|
3
9
|
|
|
4
10
|
### Features
|
|
5
11
|
|
|
6
|
-
*
|
|
12
|
+
* new component UTTextEditor ([#842](https://github.com/widergy/energy-ui/issues/842)) ([5e3f7e4](https://github.com/widergy/energy-ui/commit/5e3f7e4f91b42418abbb8c6aef41e07fed37710a))
|
|
7
13
|
|
|
8
|
-
|
|
14
|
+
## [3.175.1](https://github.com/widergy/energy-ui/compare/v3.175.0...v3.175.1) (2026-08-06)
|
|
15
|
+
|
|
16
|
+
### Correcciones
|
|
9
17
|
|
|
18
|
+
* Mejoras internas de la plataforma. [#831](https://github.com/widergy/Energy-UI/pull/831) [`3d089ab`](https://github.com/widergy/Energy-UI/commit/3d089ab) [`b0f6548`](https://github.com/widergy/Energy-UI/commit/b0f6548) [DIS-999](https://widergy.atlassian.net/browse/DIS-999)
|
|
10
19
|
|
|
11
|
-
|
|
20
|
+
# [3.175.0](https://github.com/widergy/energy-ui/compare/v3.174.0...v3.175.0) (2026-08-03)
|
|
21
|
+
|
|
22
|
+
### Novedades y Mejoras
|
|
23
|
+
|
|
24
|
+
* Se incorporó soporte para paletas de color en tonos cálidos y fríos, permitiendo que la interfaz adapte su apariencia visual según la configuración del cliente. [#820](https://github.com/widergy/Energy-UI/pull/820) [OUG-9999](https://widergy.atlassian.net/browse/OUG-9999)
|
|
25
|
+
* Se amplió la generación automática de colores de acento, incluyendo variantes con transparencia para mayor flexibilidad visual en los distintos temas. [#820](https://github.com/widergy/Energy-UI/pull/820) [OUG-9999](https://widergy.atlassian.net/browse/OUG-9999)
|
|
26
|
+
* Mejoras internas de la plataforma. [#820](https://github.com/widergy/Energy-UI/pull/820) [OUG-9999](https://widergy.atlassian.net/browse/OUG-9999)
|
|
27
|
+
|
|
28
|
+
# [3.174.0](https://github.com/widergy/energy-ui/compare/v3.173.4...v3.174.0) (2026-08-03)
|
|
29
|
+
|
|
30
|
+
### Novedades y Mejoras
|
|
12
31
|
|
|
13
|
-
*
|
|
32
|
+
* Se unificó el componente de paginación en las tablas, logrando una experiencia más consistente en toda la plataforma. El cambio puede implicar un ajuste visual menor en la apariencia del paginador respecto a versiones anteriores. [#840](https://github.com/widergy/Energy-UI/pull/840) [WKS-166](https://widergy.atlassian.net/browse/WKS-166)
|
|
14
33
|
|
|
15
34
|
## [3.173.4](https://github.com/widergy/energy-ui/compare/v3.173.3...v3.173.4) (2026-07-29)
|
|
16
35
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SUBMIT_BUTTON=void 0;const SUBMIT_BUTTON=exports.SUBMIT_BUTTON={colorTheme:"primary",icon:"EnergyIconSendFilled",size:"medium",text:"Enviar"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _propTypes=require("prop-types"),_react=_interopRequireDefault(require("react")),_index=_interopRequireDefault(require("../../../UTButton/index.js")),_constants=require("./constants.js"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));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 s=arguments[t];for(var o in s)({}).hasOwnProperty.call(s,o)&&(e[o]=s[o])}return e},_extends.apply(null,arguments)}const SubmitAction=e=>{let{dataTestId:t,disabled:s,loading:o,onSubmit:r,submitButtonProps:n={}}=e;return _react.default.createElement("div",{className:_stylesModule.default.footer},_react.default.createElement(_index.default,_extends({colorTheme:_constants.SUBMIT_BUTTON.colorTheme,dataTestId:t,disabled:s,loading:o,onClick:r,RightIcon:_constants.SUBMIT_BUTTON.icon,size:_constants.SUBMIT_BUTTON.size},n),n.children||_constants.SUBMIT_BUTTON.text))};SubmitAction.propTypes={dataTestId:_propTypes.string,disabled:_propTypes.bool,loading:_propTypes.bool,onSubmit:_propTypes.func,submitButtonProps:_propTypes.object};var _default=exports.default=SubmitAction;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("@tiptap/react"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_propTypes=require("prop-types"),_react2=_interopRequireWildcard(require("react")),_utils=require("../../utils.js"),_index=_interopRequireDefault(require("../ToolbarButton/index.js")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));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,l,u={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return u;if(a=t?o:r){if(a.has(e))return a.get(e);a.set(e,u)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?a(u,t,l):u[t]=e[t]);return u})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const preventFocusLoss=e=>e.preventDefault(),Toolbar=e=>{let{dataTestId:t,disabled:r,editor:o,moduleGroups:a}=e;const l=(0,_react2.useMemo)(()=>a.flat(),[a]),u=(0,_react.useEditorState)({editor:o,selector:e=>{let{editor:t}=e;return t?(0,_utils.getActiveStates)(t,l):null}});return!o||(0,_isEmpty.default)(a)?null:_react2.default.createElement("div",{className:_stylesModule.default.toolbar,"data-testid":t,onMouseDown:preventFocusLoss,role:"toolbar"},a.map((e,t)=>_react2.default.createElement(_react2.Fragment,{key:e.map(e=>e.key).join("-")},t>0&&_react2.default.createElement("span",{className:_stylesModule.default.separator}),e.map(e=>{const t=e.ToolbarButton||_index.default;return _react2.default.createElement(t,{disabled:r,editor:o,isActive:Boolean(null==u?void 0:u[e.key]),key:e.key,module:e})}))))};Toolbar.propTypes={dataTestId:_propTypes.string,disabled:_propTypes.bool,editor:_propTypes.object,moduleGroups:(0,_propTypes.arrayOf)((0,_propTypes.arrayOf)(_propTypes.object))};var _default=exports.default=Toolbar;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
.toolbar {
|
|
2
|
+
align-items: center;
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-shrink: 0;
|
|
5
|
+
grid-gap: var(--UT-richText-toolbar-gap);
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.separator {
|
|
9
|
+
background-color: var(--light04);
|
|
10
|
+
height: var(--UT-richText-separator-height);
|
|
11
|
+
margin: 0 var(--UT-richText-toolbar-gap);
|
|
12
|
+
width: 1px;
|
|
13
|
+
}
|
|
@@ -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("../../../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 o=new WeakMap,r=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?r:o){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 ToolbarButton=e=>{let{disabled:t,editor:o,isActive:r,module:n}=e;const{command:a,icon:i,tooltip:p}=n.toolbarButton,{colorTheme:u,variant:s}=r?_constants.TOOLBAR_BUTTON.active:_constants.TOOLBAR_BUTTON.inactive,l=(0,_react.useCallback)(()=>a(o.chain().focus()).run(),[a,o]);return _react.default.createElement(_index2.default,{arrow:!1,content:p,tippyProps:{appendTo:()=>document.body,interactive:!1}},_react.default.createElement("div",null,_react.default.createElement(_index.default,{colorTheme:u,dataTestId:n.testIds.toolbarButton,disabled:t,LeftIcon:i,onClick:l,size:_constants.TOOLBAR_BUTTON.size,variant:s})))};ToolbarButton.propTypes={disabled:_propTypes.bool,editor:_propTypes.object,isActive:_propTypes.bool,module:(0,_propTypes.shape)({key:_propTypes.string,testIds:_propTypes.object,toolbarButton:_propTypes.object})};var _default=exports.default=ToolbarButton;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.buildBaseExtensions=exports.TOOLBAR_GROUPS=exports.TOOLBAR_BUTTON=exports.TITLE_VARIANTS=exports.TEST_IDS_RICH_TEXT=exports.PUBLISHED_SCHEMA=exports.MODULE_KEYS=exports.KEYMAP_SHORTCUTS=exports.DEFAULT_PROPS=exports.DEFAULT_MODULES=void 0;var _extensionDocument=_interopRequireDefault(require("@tiptap/extension-document")),_extensionHardBreak=_interopRequireDefault(require("@tiptap/extension-hard-break")),_extensionLink=_interopRequireDefault(require("@tiptap/extension-link")),_extensionParagraph=_interopRequireDefault(require("@tiptap/extension-paragraph")),_extensionText=_interopRequireDefault(require("@tiptap/extension-text")),_extensions=require("@tiptap/extensions"),_testIds=require("../../constants/testIds.js");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const TEST_IDS_RICH_TEXT=exports.TEST_IDS_RICH_TEXT=_testIds.TEST_IDS.UTRichText,MODULE_KEYS=exports.MODULE_KEYS={bold:"bold",italic:"italic",list:"list",listNumbers:"listNumbers"},TOOLBAR_GROUPS=exports.TOOLBAR_GROUPS=[[MODULE_KEYS.bold,MODULE_KEYS.italic],[MODULE_KEYS.listNumbers,MODULE_KEYS.list]],DEFAULT_MODULES=exports.DEFAULT_MODULES=TOOLBAR_GROUPS.flat(),KEYMAP_SHORTCUTS=exports.KEYMAP_SHORTCUTS={submit:"Mod-Enter"},TOOLBAR_BUTTON=exports.TOOLBAR_BUTTON={active:{colorTheme:"primary",variant:"semitransparent"},inactive:{colorTheme:"gray",variant:"text"},size:"small"},TITLE_VARIANTS=exports.TITLE_VARIANTS={large:"large",small:"small"},DEFAULT_PROPS=exports.DEFAULT_PROPS={titleVariant:TITLE_VARIANTS.large},PUBLISHED_SCHEMA=exports.PUBLISHED_SCHEMA={marks:["bold","italic","link"],nodes:["bulletList","doc","hardBreak","listItem","orderedList","paragraph","text"]},buildBaseExtensions=e=>{let{placeholder:t}=e;return[_extensionDocument.default,_extensionParagraph.default,_extensionText.default,_extensionHardBreak.default,_extensionLink.default.configure({autolink:!0,openOnClick:!1}),_extensions.Dropcursor,_extensions.Gapcursor,_extensions.UndoRedo,_extensions.Placeholder.configure({placeholder:t})]};exports.buildBaseExtensions=buildBaseExtensions;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _core=require("@tiptap/core"),_constants=require("../constants.js");const CustomKeymap=_core.Extension.create({name:"customKeymap",addOptions:()=>({onSubmit:null}),addKeyboardShortcuts(){return{[_constants.KEYMAP_SHORTCUTS.submit]:()=>{var t,e;return!0===(null===(t=(e=this.options).onSubmit)||void 0===t?void 0:t.call(e))}}}});var _default=exports.default=CustomKeymap;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_react=require("react"),_constants=require("../constants.js"),_registry=require("../registry.js");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const buildModuleGroups=e=>{const t=new Set(e);return _constants.TOOLBAR_GROUPS.map(e=>e.filter(e=>t.has(e)&&_registry.MODULE_REGISTRY[e]).map(e=>_registry.MODULE_REGISTRY[e])).filter(e=>!(0,_isEmpty.default)(e))},useModuleResolution=e=>{let{modules:t}=e;const r=JSON.stringify(t||_constants.DEFAULT_MODULES);return(0,_react.useMemo)(()=>buildModuleGroups(JSON.parse(r)),[r])};var _default=exports.default=useModuleResolution;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("@tiptap/react"),_react2=require("react"),_constants=require("../constants.js"),_CustomKeymap=_interopRequireDefault(require("../extensions/CustomKeymap.js")),_utils=require("../utils.js");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const useRichTextEditor=e=>{let{activeModules:t,ariaLabel:r,dataTestId:n,disabled:u,editorClassName:o,onBlur:a,onChange:s,onFocus:i,onSubmit:l,placeholder:c,readOnly:d,value:m}=e;const _=(0,_react2.useRef)({});_.current={onBlur:a,onChange:s,onFocus:i,onSubmit:l};const p=(0,_react2.useRef)(null),f=(0,_react2.useMemo)(()=>(0,_utils.dedupeExtensions)([...(0,_constants.buildBaseExtensions)({placeholder:c}),...t.flatMap(e=>e.extensions),_CustomKeymap.default.configure({onSubmit:()=>{const e=_.current.onSubmit;return!!e&&!0===e()}})]),[t,c]),v=(0,_react.useEditor)({content:m,editable:!u&&!d,editorProps:{attributes:{"aria-label":r,"aria-multiline":"true","data-testid":n,class:o,role:"textbox"}},extensions:f,immediatelyRender:!1,onBlur:e=>{var t,r;let{event:n}=e;return null===(t=(r=_.current).onBlur)||void 0===t?void 0:t.call(r,n)},onFocus:e=>{var t,r;let{event:n}=e;return null===(t=(r=_.current).onFocus)||void 0===t?void 0:t.call(r,n)},onUpdate:e=>{let{editor:t}=e;const r=t.getJSON();p.current=r,queueMicrotask(()=>{var e,t;return null===(e=(t=_.current).onChange)||void 0===e?void 0:e.call(t,r)})}},[f]);return(0,_react2.useEffect)(()=>{v&&(m?m!==p.current&&((0,_utils.isSameDocument)(m,v.getJSON())||v.commands.setContent(m,{emitUpdate:!1})):v.isEmpty||v.commands.clearContent(!1))},[v,m]),(0,_react2.useEffect)(()=>{null==v||v.setEditable(!u&&!d)},[u,v,d]),v};var _default=exports.default=useRichTextEditor;
|
|
@@ -0,0 +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/SubmitAction/index.js")),_index5=_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 s,o,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(s=t?a:r){if(s.has(e))return s.get(e);s.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?s(l,t,o):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:s=_constants.TEST_IDS_RICH_TEXT.root,disabled:o=!1,error:l,helpText:i,loading:n=!1,modules:u,onBlur:p,onChange:d,onFocus:_,onSubmit:c,placeholder:T,readOnly:f=!1,required:y=!1,submitButtonProps:m,title:b,titleVariant:E=_constants.DEFAULT_PROPS.titleVariant,validations:R,value:q}=e;const[x,I]=(0,_react2.useState)(!1),S=(0,_useModuleResolution.default)({modules:u}),h=(0,_react2.useMemo)(()=>S.flat(),[S]),v=(0,_react2.useMemo)(()=>(0,_classesUtils.mergeMultipleClassNames)(_stylesModule.default,a),[a]),D=(0,_react2.useCallback)(e=>{I(!0),null==_||_(e)},[_]),j=(0,_react2.useCallback)(e=>{I(!1),null==p||p(e)},[p]),O=(0,_react2.useRef)(!1),C=(0,_react2.useCallback)(()=>!(!O.current||!c)&&(c(),!0),[c]),M=(0,_useRichTextEditor.default)({activeModules:h,ariaLabel:b,dataTestId:_constants.TEST_IDS_RICH_TEXT.content,disabled:o,editorClassName:_stylesModule.default.editorContent,onBlur:j,onChange:d,onFocus:D,onSubmit:C,placeholder:T,readOnly:f,value:q}),g=null===(t=(0,_react.useEditorState)({editor:M,selector:e=>{let{editor:t}=e;return!t||t.isEmpty}}))||void 0===t||t,U=Boolean(c)&&!o&&!n&&!g;O.current=U;const N=(0,_react2.useMemo)(()=>(0,_isEmpty.default)(R)?l?(0,_utils.formatErrorToValidation)(l):null:R,[l,R]);return _react2.default.createElement("div",{className:v.container,"data-testid":s},b&&_react2.default.createElement(_index.default,{actions:r,dataTestId:_constants.TEST_IDS_RICH_TEXT.label,readOnly:f,required:y,size:E},b),_react2.default.createElement("div",{className:(0,_utils2.getFieldClassName)({classes:v,disabled:o,error:l,isFocused:x,readOnly:f}),"data-testid":_constants.TEST_IDS_RICH_TEXT.field},!f&&_react2.default.createElement(_index5.default,{dataTestId:_constants.TEST_IDS_RICH_TEXT.toolbar.root,disabled:o,editor:M,moduleGroups:S}),_react2.default.createElement("div",{className:v.scrollArea},_react2.default.createElement(_react.EditorContent,{className:v.editorWrapper,editor:M})),c&&!f&&_react2.default.createElement(_index4.default,{dataTestId:_constants.TEST_IDS_RICH_TEXT.submitButton,disabled:!U,loading:n,onSubmit:c,submitButtonProps:m})),i&&_react2.default.createElement(_index2.default,{className:v.helpText,colorTheme:"gray",dataTestId:_constants.TEST_IDS_RICH_TEXT.helpText,variant:"small",withMarkdown:!0},i),N&&_react2.default.createElement(_index3.default,{dataTestId:_constants.TEST_IDS_RICH_TEXT.validation,validationData:N}))},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,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.default=void 0;var _extensionBold=_interopRequireDefault(require("@tiptap/extension-bold")),_constants=require("../../constants.js");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}var _default=exports.default={defaultConfig:{},extensions:[_extensionBold.default],key:_constants.MODULE_KEYS.bold,testIds:{toolbarButton:_constants.TEST_IDS_RICH_TEXT.toolbar.bold},toolbarButton:{command:t=>t.toggleBold(),icon:"IconBold",isActive:t=>t.isActive("bold"),tooltip:"Negrita"}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _extensionItalic=_interopRequireDefault(require("@tiptap/extension-italic")),_constants=require("../../constants.js");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}var _default=exports.default={defaultConfig:{},extensions:[_extensionItalic.default],key:_constants.MODULE_KEYS.italic,testIds:{toolbarButton:_constants.TEST_IDS_RICH_TEXT.toolbar.italic},toolbarButton:{command:t=>t.toggleItalic(),icon:"IconItalic",isActive:t=>t.isActive("italic"),tooltip:"Itálica"}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _extensionList=require("@tiptap/extension-list"),_constants=require("../../constants.js"),_default=exports.default={defaultConfig:{},extensions:[_extensionList.BulletList,_extensionList.ListItem,_extensionList.ListKeymap],key:_constants.MODULE_KEYS.list,testIds:{toolbarButton:_constants.TEST_IDS_RICH_TEXT.toolbar.list},toolbarButton:{command:t=>t.toggleBulletList(),icon:"IconList",isActive:t=>t.isActive("bulletList"),tooltip:"Lista con viñetas"}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _extensionList=require("@tiptap/extension-list"),_constants=require("../../constants.js"),_default=exports.default={defaultConfig:{},extensions:[_extensionList.OrderedList,_extensionList.ListItem,_extensionList.ListKeymap],key:_constants.MODULE_KEYS.listNumbers,testIds:{toolbarButton:_constants.TEST_IDS_RICH_TEXT.toolbar.listNumbers},toolbarButton:{command:t=>t.toggleOrderedList(),icon:"IconListNumbers",isActive:t=>t.isActive("orderedList"),tooltip:"Lista numerada"}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MODULE_REGISTRY=void 0;var _index=_interopRequireDefault(require("./modules/bold/index.js")),_index2=_interopRequireDefault(require("./modules/italic/index.js")),_index3=_interopRequireDefault(require("./modules/list/index.js")),_index4=_interopRequireDefault(require("./modules/listNumbers/index.js"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const MODULE_REGISTRY=exports.MODULE_REGISTRY={bold:_index.default,italic:_index2.default,list:_index3.default,listNumbers:_index4.default};
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
.container {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
grid-gap: var(--gap-sm);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.field {
|
|
8
|
+
background-color: var(--light01);
|
|
9
|
+
border: 1px solid var(--light04);
|
|
10
|
+
border-radius: var(--UT-richText-radius);
|
|
11
|
+
display: flex;
|
|
12
|
+
flex-direction: column;
|
|
13
|
+
grid-gap: var(--UT-richText-gap);
|
|
14
|
+
// En longhand y no en shorthand: sin los fallbacks, sass-lint lee los dos var()
|
|
15
|
+
// como el mismo token y pide colapsarlos en uno solo.
|
|
16
|
+
padding-bottom: var(--UT-richText-padding-y);
|
|
17
|
+
padding-left: var(--UT-richText-padding-x);
|
|
18
|
+
padding-right: var(--UT-richText-padding-x);
|
|
19
|
+
padding-top: var(--UT-richText-padding-y);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
// El foco engrosa el borde a 2px con un box-shadow interior en vez de subir el
|
|
23
|
+
// border-width. El shadow no participa del layout, así que el padding no necesita
|
|
24
|
+
// compensar nada y el contenido no se corre al enfocar.
|
|
25
|
+
.fieldFocused {
|
|
26
|
+
border-color: var(--actionAccent04);
|
|
27
|
+
box-shadow: inset 0 0 0 1px var(--actionAccent04);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.fieldError {
|
|
31
|
+
border-color: var(--actionError04);
|
|
32
|
+
|
|
33
|
+
// Con error el anillo de foco toma el color de error, para no mezclar dos
|
|
34
|
+
// colores en el mismo borde.
|
|
35
|
+
&.fieldFocused {
|
|
36
|
+
box-shadow: inset 0 0 0 1px var(--actionError04);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.fieldDisabled {
|
|
41
|
+
background-color: var(--light03);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.fieldReadOnly {
|
|
45
|
+
background-color: transparent;
|
|
46
|
+
border-color: transparent;
|
|
47
|
+
padding-left: 0;
|
|
48
|
+
padding-right: 0;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
// El área de scroll y el wrapper que monta Tiptap se estiran para que el
|
|
52
|
+
// contenteditable ocupe todo el espacio disponible, y no solo el alto de su
|
|
53
|
+
// contenido. Así el espacio vacío debajo del texto ES área editable: clickear ahí
|
|
54
|
+
// enfoca de forma nativa y ProseMirror pone el cursor en la posición más cercana,
|
|
55
|
+
// sin ningún handler de JS.
|
|
56
|
+
.scrollArea {
|
|
57
|
+
display: flex;
|
|
58
|
+
flex-direction: column;
|
|
59
|
+
max-height: var(--UT-richText-content-max-height);
|
|
60
|
+
min-height: var(--UT-richText-content-min-height);
|
|
61
|
+
overflow-y: auto;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.editorWrapper {
|
|
65
|
+
display: flex;
|
|
66
|
+
flex: 1 1 auto;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.helpText {
|
|
70
|
+
text-align: left;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.editorContent {
|
|
74
|
+
color: var(--dark05);
|
|
75
|
+
flex: 1 1 auto;
|
|
76
|
+
font-size: var(--UT-richText-body-size);
|
|
77
|
+
line-height: var(--UT-richText-body-lh);
|
|
78
|
+
outline: none;
|
|
79
|
+
|
|
80
|
+
p {
|
|
81
|
+
margin: 0;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
ul,
|
|
85
|
+
ol {
|
|
86
|
+
margin: 0;
|
|
87
|
+
padding-left: var(--UT-richText-list-indent);
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
// Separación entre bloques hermanos del documento (párrafo ↔ párrafo,
|
|
91
|
+
// párrafo ↔ lista). Solo hijos directos: los párrafos dentro de un li no
|
|
92
|
+
// llevan margen.
|
|
93
|
+
> * + * {
|
|
94
|
+
margin-top: var(--UT-richText-block-gap);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
strong {
|
|
98
|
+
font-weight: var(--UT-richText-bold-weight);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
em {
|
|
102
|
+
font-style: italic;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
a {
|
|
106
|
+
color: var(--actionAccent04);
|
|
107
|
+
text-decoration: underline;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
// Única clase global necesaria: la genera la extensión Placeholder de Tiptap,
|
|
111
|
+
// así que CSS Modules la hashearía y la regla no aplicaría. Va anidada dentro
|
|
112
|
+
// de .editorContent, así que no se filtra fuera del editor.
|
|
113
|
+
:global(.is-editor-empty) {
|
|
114
|
+
&:first-child {
|
|
115
|
+
&::before {
|
|
116
|
+
color: var(--gray04);
|
|
117
|
+
content: attr(data-placeholder);
|
|
118
|
+
float: left;
|
|
119
|
+
height: 0;
|
|
120
|
+
pointer-events: none;
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isSameDocument=exports.getFieldClassName=exports.getActiveStates=exports.dedupeExtensions=void 0;var _isEqual=_interopRequireDefault(require("lodash/isEqual"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const dedupeExtensions=e=>{const t=new Set;return e.filter(e=>!t.has(e.name)&&(t.add(e.name),!0))};exports.dedupeExtensions=dedupeExtensions;const getActiveStates=(e,t)=>t.reduce((t,s)=>({...t,[s.key]:s.toolbarButton.isActive(e)}),{});exports.getActiveStates=getActiveStates;const isSameDocument=(e,t)=>(0,_isEqual.default)(e,t);exports.isSameDocument=isSameDocument;const getFieldClassName=e=>{let{classes:t,disabled:s,error:i,isFocused:o,readOnly:a}=e;return[t.field,o&&t.fieldFocused,i&&t.fieldError,s&&t.fieldDisabled,a&&t.fieldReadOnly].filter(Boolean).join(" ")};exports.getFieldClassName=getFieldClassName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TEST_IDS=exports.ID_CONSTANTS=void 0;const ID_CONSTANTS=exports.ID_CONSTANTS={ACTIONS:"actions",ADD_FILTER_BUTTON:"addFilterButton",AVATAR:"avatar",BOTTOM_NAV:"bottomNav",CANVAS:"canvas",CELL:"cell",CLEAR_BUTTON:"clearButton",CLIENT_FILTER:"clientFilter",COLLAPSED_PANEL_CONTENT:"collapsedPanelContent",COLLAPSE_BUTTON:"collapseButton",COLLAPSE_BUTTON_TOOLTIP:"collapseButtonTooltip",CREDIT_CARD:"creditCard",CUSTOM_SEARCH_ACTION:"customSearchAction",DATA_CATEGORY:"dataCategory",DATA_ELEMENT:"dataElement",DELETE_BUTTON:"deleteButton",DELETE_BUTTON_TOOLTIP:"deleteButtonTooltip",ADDITIONAL_CONTENT:"additionalContent",ADDITIONAL_CONTENT_BODY:"additionalContentBody",DESCRIPTION:"description",DIALOG:"dialog",EDIT_BUTTON:"editButton",EDIT_BUTTON_TOOLTIP:"editButtonTooltip",EXPANDED_PANEL_CONTENT:"expandedPanelContent",EXPANDED_PANEL_CONTENT_CATEGORY:"expandedPanelContentCategory",EXPANDED_PANEL_CONTENT_CATEGORY_EMPTY:"expandedPanelContentCategoryEmpty",EXPANDED_PANEL_CONTENT_CATEGORY_HEADER:"expandedPanelContentCategoryHeader",EXPANDED_PANEL_CONTENT_CATEGORY_ITEM:"expandedPanelContentCategoryItem",EXPANDED_PANEL_CONTENT_HEADER:"expandedPanelContentHeader",EXPAND_BUTTON:"expandButton",FILTER_GROUPING:"filterGrouping",GROUPING_PANEL:"groupingPanel",HEADER:"header",HELP_TEXT:"helpText",ICON:"icon",INVALID_PARAMS:"invalidParams",LABEL:"label",MAIN_BUTTON:"mainButton",NAME:"name",NAME_CONTAINER:"nameContainer",ONBOARDING:"onboarding",PAGINATION_NEXT:"paginationNext",PAGINATION_PREV:"paginationPrev",PANEL:"panel",PERSISTENT_FILTER:"persistentFilter",PINNED:"pinned",POPPER:"popper",SEARCH_BUTTON:"searchButton",SECONDARY_ACTION:"secondaryAction",SEARCH_BUTTON_TOOLTIP:"searchButtonTooltip",SEARCH_FIELD:"searchField",SELECTION_COMPONENT:"selectionComponent",SIDEBAR:"sidebar",SIDEBAR_BUTTON:"sidebarButton",STATUS_MESSAGE:"statusMessage",TABLE:"table",TERTIARY_ACTION:"tertiaryAction",TABLE_ROW:"tableRow",TITLE:"title",USER_FILTER:"userFilter",UT_SNACKBAR:"UTSnackbar",VALIDATION_DATA:"validationData",WORKFLOW_CONTAINER:"workflowContainer"},TEST_IDS=exports.TEST_IDS={barChart:{bar:{tooltip:"barChart.bar.tooltip."},xAxis:{secondaryLabel:"barChart.xAxis.secondaryLabel.",mainLabel:"barChart.xAxis.mainLabel."}},breadcrumbs:{item:"breadcrumbs.item"},creditCard:{cardField:"".concat(ID_CONSTANTS.CREDIT_CARD,".cardField"),cvcField:"".concat(ID_CONSTANTS.CREDIT_CARD,".cvcField"),expires:"".concat(ID_CONSTANTS.CREDIT_CARD,".expires"),nameField:"".concat(ID_CONSTANTS.CREDIT_CARD,".nameField")},dataCategory:{container:"".concat(ID_CONSTANTS.DATA_CATEGORY,".container"),collapseButton:"".concat(ID_CONSTANTS.DATA_CATEGORY,".collapseButton"),item:"".concat(ID_CONSTANTS.DATA_CATEGORY,".item")},dataElement:{container:"".concat(ID_CONSTANTS.DATA_ELEMENT,".container"),collapseButton:"".concat(ID_CONSTANTS.DATA_ELEMENT,".collapseButton"),switchAction:"".concat(ID_CONSTANTS.DATA_ELEMENT,".actionSwitch"),buttonAction:"".concat(ID_CONSTANTS.DATA_ELEMENT,".actionButton")},dialog:{acceptButton:"".concat(ID_CONSTANTS.DIALOG,".acceptButton"),cancelButton:"".concat(ID_CONSTANTS.DIALOG,".cancelButton"),closeButton:"".concat(ID_CONSTANTS.DIALOG,".closeButton"),title:"".concat(ID_CONSTANTS.DIALOG,".title")},filterGrouping:{groupingPanel:{collapsedPanelContent:{expandButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.COLLAPSED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPAND_BUTTON)},expandedPanelContent:{expandedPanelContentCategory:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_CATEGORY),expandedPanelContentHeader:{addFilterButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.ADD_FILTER_BUTTON),collapseButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.COLLAPSE_BUTTON),collapseButtonTooltip:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.COLLAPSE_BUTTON_TOOLTIP),customSearchAction:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.CUSTOM_SEARCH_ACTION),searchButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_BUTTON),searchButtonTooltip:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_BUTTON_TOOLTIP),searchField:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_FIELD),title:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.TITLE)}}}},onboarding:{close:"".concat(ID_CONSTANTS.ONBOARDING,".close"),description:"".concat(ID_CONSTANTS.ONBOARDING,".description"),nextButton:"".concat(ID_CONSTANTS.ONBOARDING,".nextButton"),prevButton:"".concat(ID_CONSTANTS.ONBOARDING,".prevButton"),title:"".concat(ID_CONSTANTS.ONBOARDING,".title")},panel:{additionalContent:{body:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT_BODY),sidebar:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.SIDEBAR),sidebarButton:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.SIDEBAR_BUTTON,".")},backButton:"".concat(ID_CONSTANTS.PANEL,".backButton"),closeButton:"".concat(ID_CONSTANTS.PANEL,".closeButton"),mainAction:"".concat(ID_CONSTANTS.PANEL,".mainAction"),mainButton:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.MAIN_BUTTON),paginationNext:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.PAGINATION_NEXT),paginationPrev:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.PAGINATION_PREV),secondaryAction:"".concat(ID_CONSTANTS.PANEL,".secondaryAction"),title:"".concat(ID_CONSTANTS.PANEL,".title")},signature:"signature",snackBar:{closeButton:"snackbar.closeButton",label:"snackbar.label"},statusMessage:{description:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".description"),helperText:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".helperText"),icon:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".icon"),title:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".title")},table:{tableHeader:{title:"".concat(ID_CONSTANTS.TABLE,".tableHeader.title")}},tabs:{tab:"tabs.tab."},wrapperObservation:{actionIcon:"wrapperObservation.actionIcon."},UTLoading:{logoLoader:"UTLoading.logoLoader",spinner:"UTLoading.spinner"},UTSnackbar:{closeButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".closeButton"),description:"".concat(ID_CONSTANTS.UT_SNACKBAR,".description"),label:"".concat(ID_CONSTANTS.UT_SNACKBAR,".label"),primaryActionButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".primaryActionButton"),root:"".concat(ID_CONSTANTS.UT_SNACKBAR,".root"),secondaryActionButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".secondaryActionButton")},UTDatePickerV1TestID:{calendar:"UTDatePickerV1.calendar",calendarPrevBtn:"UTDatePickerV1.calendarPrevBtn",calendarNextBtn:"UTDatePickerV1.calendarNextBtn",calendarMonthYear:"UTDatePickerV1.calendarMonthYear"},workflowContainer:{bottomNav:{backButton:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".backButton"),nextButton:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".nextButton"),primaryAction:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".primaryAction"),secondaryAction:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".secondaryAction")},header:{helpText:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".helpText"),requiredFieldInfo:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".requiredFieldInfo"),subtitle:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".subtitle"),tagline:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".tagline"),title:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".title")}}};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TEST_IDS=exports.ID_CONSTANTS=void 0;const ID_CONSTANTS=exports.ID_CONSTANTS={ACTIONS:"actions",ADD_FILTER_BUTTON:"addFilterButton",AVATAR:"avatar",BOTTOM_NAV:"bottomNav",CANVAS:"canvas",CELL:"cell",CLEAR_BUTTON:"clearButton",CLIENT_FILTER:"clientFilter",COLLAPSED_PANEL_CONTENT:"collapsedPanelContent",COLLAPSE_BUTTON:"collapseButton",COLLAPSE_BUTTON_TOOLTIP:"collapseButtonTooltip",CREDIT_CARD:"creditCard",CUSTOM_SEARCH_ACTION:"customSearchAction",DATA_CATEGORY:"dataCategory",DATA_ELEMENT:"dataElement",DELETE_BUTTON:"deleteButton",DELETE_BUTTON_TOOLTIP:"deleteButtonTooltip",ADDITIONAL_CONTENT:"additionalContent",ADDITIONAL_CONTENT_BODY:"additionalContentBody",DESCRIPTION:"description",DIALOG:"dialog",EDIT_BUTTON:"editButton",EDIT_BUTTON_TOOLTIP:"editButtonTooltip",EXPANDED_PANEL_CONTENT:"expandedPanelContent",EXPANDED_PANEL_CONTENT_CATEGORY:"expandedPanelContentCategory",EXPANDED_PANEL_CONTENT_CATEGORY_EMPTY:"expandedPanelContentCategoryEmpty",EXPANDED_PANEL_CONTENT_CATEGORY_HEADER:"expandedPanelContentCategoryHeader",EXPANDED_PANEL_CONTENT_CATEGORY_ITEM:"expandedPanelContentCategoryItem",EXPANDED_PANEL_CONTENT_HEADER:"expandedPanelContentHeader",EXPAND_BUTTON:"expandButton",FILTER_GROUPING:"filterGrouping",GROUPING_PANEL:"groupingPanel",HEADER:"header",HELP_TEXT:"helpText",ICON:"icon",INVALID_PARAMS:"invalidParams",LABEL:"label",MAIN_BUTTON:"mainButton",NAME:"name",NAME_CONTAINER:"nameContainer",ONBOARDING:"onboarding",PAGINATION_NEXT:"paginationNext",PAGINATION_PREV:"paginationPrev",PANEL:"panel",PERSISTENT_FILTER:"persistentFilter",PINNED:"pinned",POPPER:"popper",SEARCH_BUTTON:"searchButton",SECONDARY_ACTION:"secondaryAction",SEARCH_BUTTON_TOOLTIP:"searchButtonTooltip",SEARCH_FIELD:"searchField",SELECTION_COMPONENT:"selectionComponent",SIDEBAR:"sidebar",SIDEBAR_BUTTON:"sidebarButton",STATUS_MESSAGE:"statusMessage",TABLE:"table",TERTIARY_ACTION:"tertiaryAction",TABLE_ROW:"tableRow",TITLE:"title",USER_FILTER:"userFilter",UT_RICH_TEXT:"UTRichText",UT_SNACKBAR:"UTSnackbar",VALIDATION_DATA:"validationData",WORKFLOW_CONTAINER:"workflowContainer"},TEST_IDS=exports.TEST_IDS={barChart:{bar:{tooltip:"barChart.bar.tooltip."},xAxis:{secondaryLabel:"barChart.xAxis.secondaryLabel.",mainLabel:"barChart.xAxis.mainLabel."}},breadcrumbs:{item:"breadcrumbs.item"},creditCard:{cardField:"".concat(ID_CONSTANTS.CREDIT_CARD,".cardField"),cvcField:"".concat(ID_CONSTANTS.CREDIT_CARD,".cvcField"),expires:"".concat(ID_CONSTANTS.CREDIT_CARD,".expires"),nameField:"".concat(ID_CONSTANTS.CREDIT_CARD,".nameField")},dataCategory:{container:"".concat(ID_CONSTANTS.DATA_CATEGORY,".container"),collapseButton:"".concat(ID_CONSTANTS.DATA_CATEGORY,".collapseButton"),item:"".concat(ID_CONSTANTS.DATA_CATEGORY,".item")},dataElement:{container:"".concat(ID_CONSTANTS.DATA_ELEMENT,".container"),collapseButton:"".concat(ID_CONSTANTS.DATA_ELEMENT,".collapseButton"),switchAction:"".concat(ID_CONSTANTS.DATA_ELEMENT,".actionSwitch"),buttonAction:"".concat(ID_CONSTANTS.DATA_ELEMENT,".actionButton")},dialog:{acceptButton:"".concat(ID_CONSTANTS.DIALOG,".acceptButton"),cancelButton:"".concat(ID_CONSTANTS.DIALOG,".cancelButton"),closeButton:"".concat(ID_CONSTANTS.DIALOG,".closeButton"),title:"".concat(ID_CONSTANTS.DIALOG,".title")},filterGrouping:{groupingPanel:{collapsedPanelContent:{expandButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.COLLAPSED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPAND_BUTTON)},expandedPanelContent:{expandedPanelContentCategory:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_CATEGORY),expandedPanelContentHeader:{addFilterButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.ADD_FILTER_BUTTON),collapseButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.COLLAPSE_BUTTON),collapseButtonTooltip:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.COLLAPSE_BUTTON_TOOLTIP),customSearchAction:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.CUSTOM_SEARCH_ACTION),searchButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_BUTTON),searchButtonTooltip:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_BUTTON_TOOLTIP),searchField:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_FIELD),title:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.TITLE)}}}},onboarding:{close:"".concat(ID_CONSTANTS.ONBOARDING,".close"),description:"".concat(ID_CONSTANTS.ONBOARDING,".description"),nextButton:"".concat(ID_CONSTANTS.ONBOARDING,".nextButton"),prevButton:"".concat(ID_CONSTANTS.ONBOARDING,".prevButton"),title:"".concat(ID_CONSTANTS.ONBOARDING,".title")},panel:{additionalContent:{body:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT_BODY),sidebar:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.SIDEBAR),sidebarButton:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.SIDEBAR_BUTTON,".")},backButton:"".concat(ID_CONSTANTS.PANEL,".backButton"),closeButton:"".concat(ID_CONSTANTS.PANEL,".closeButton"),mainAction:"".concat(ID_CONSTANTS.PANEL,".mainAction"),mainButton:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.MAIN_BUTTON),paginationNext:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.PAGINATION_NEXT),paginationPrev:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.PAGINATION_PREV),secondaryAction:"".concat(ID_CONSTANTS.PANEL,".secondaryAction"),title:"".concat(ID_CONSTANTS.PANEL,".title")},signature:"signature",snackBar:{closeButton:"snackbar.closeButton",label:"snackbar.label"},statusMessage:{description:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".description"),helperText:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".helperText"),icon:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".icon"),title:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".title")},table:{tableHeader:{title:"".concat(ID_CONSTANTS.TABLE,".tableHeader.title")}},tabs:{tab:"tabs.tab."},wrapperObservation:{actionIcon:"wrapperObservation.actionIcon."},UTLoading:{logoLoader:"UTLoading.logoLoader",spinner:"UTLoading.spinner"},UTRichText:{content:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".content"),field:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".field"),helpText:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".").concat(ID_CONSTANTS.HELP_TEXT),label:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".").concat(ID_CONSTANTS.LABEL),root:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".root"),submitButton:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".submitButton"),toolbar:{bold:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.bold"),italic:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.italic"),list:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.list"),listNumbers:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.listNumbers"),root:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.root")},validation:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".").concat(ID_CONSTANTS.VALIDATION_DATA)},UTSnackbar:{closeButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".closeButton"),description:"".concat(ID_CONSTANTS.UT_SNACKBAR,".description"),label:"".concat(ID_CONSTANTS.UT_SNACKBAR,".label"),primaryActionButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".primaryActionButton"),root:"".concat(ID_CONSTANTS.UT_SNACKBAR,".root"),secondaryActionButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".secondaryActionButton")},UTDatePickerV1TestID:{calendar:"UTDatePickerV1.calendar",calendarPrevBtn:"UTDatePickerV1.calendarPrevBtn",calendarNextBtn:"UTDatePickerV1.calendarNextBtn",calendarMonthYear:"UTDatePickerV1.calendarMonthYear"},workflowContainer:{bottomNav:{backButton:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".backButton"),nextButton:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".nextButton"),primaryAction:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".primaryAction"),secondaryAction:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".secondaryAction")},header:{helpText:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".helpText"),requiredFieldInfo:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".requiredFieldInfo"),subtitle:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".subtitle"),tagline:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".tagline"),title:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".title")}}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const SUBMIT_BUTTON={colorTheme:"primary",icon:"EnergyIconSendFilled",size:"medium",text:"Enviar"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var n in o)({}).hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t},_extends.apply(null,arguments)}import{bool,func,object,string}from"prop-types";import React from"react";import UTButton from"../../../UTButton/index.js";import{SUBMIT_BUTTON}from"./constants.js";import styles from"./styles.module.scss";const SubmitAction=t=>{let{dataTestId:e,disabled:o,loading:n,onSubmit:s,submitButtonProps:i={}}=t;return React.createElement("div",{className:styles.footer},React.createElement(UTButton,_extends({colorTheme:SUBMIT_BUTTON.colorTheme,dataTestId:e,disabled:o,loading:n,onClick:s,RightIcon:SUBMIT_BUTTON.icon,size:SUBMIT_BUTTON.size},i),i.children||SUBMIT_BUTTON.text))};SubmitAction.propTypes={dataTestId:string,disabled:bool,loading:bool,onSubmit:func,submitButtonProps:object};export default SubmitAction;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useEditorState}from"@tiptap/react";import isEmpty from"lodash/isEmpty";import{arrayOf,bool,object,string}from"prop-types";import React,{Fragment,useMemo}from"react";import{getActiveStates}from"../../utils.js";import ToolbarButton from"../ToolbarButton/index.js";import styles from"./styles.module.scss";const preventFocusLoss=t=>t.preventDefault(),Toolbar=t=>{let{dataTestId:e,disabled:o,editor:r,moduleGroups:a}=t;const s=useMemo(()=>a.flat(),[a]),l=useEditorState({editor:r,selector:t=>{let{editor:e}=t;return e?getActiveStates(e,s):null}});return!r||isEmpty(a)?null:React.createElement("div",{className:styles.toolbar,"data-testid":e,onMouseDown:preventFocusLoss,role:"toolbar"},a.map((t,e)=>React.createElement(Fragment,{key:t.map(t=>t.key).join("-")},e>0&&React.createElement("span",{className:styles.separator}),t.map(t=>{const e=t.ToolbarButton||ToolbarButton;return React.createElement(e,{disabled:o,editor:r,isActive:Boolean(null==l?void 0:l[t.key]),key:t.key,module:t})}))))};Toolbar.propTypes={dataTestId:string,disabled:bool,editor:object,moduleGroups:arrayOf(arrayOf(object))};export default Toolbar;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
.toolbar {
|
|
2
|
+
align-items: center;
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-shrink: 0;
|
|
5
|
+
grid-gap: var(--UT-richText-toolbar-gap);
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.separator {
|
|
9
|
+
background-color: var(--light04);
|
|
10
|
+
height: var(--UT-richText-separator-height);
|
|
11
|
+
margin: 0 var(--UT-richText-toolbar-gap);
|
|
12
|
+
width: 1px;
|
|
13
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{bool,object,shape,string}from"prop-types";import React,{useCallback}from"react";import UTButton from"../../../UTButton/index.js";import UTTooltip from"../../../UTTooltip/index.js";import{TOOLBAR_BUTTON}from"../../constants.js";const ToolbarButton=t=>{let{disabled:o,editor:e,isActive:a,module:r}=t;const{command:i,icon:n,tooltip:c}=r.toolbarButton,{colorTheme:l,variant:s}=a?TOOLBAR_BUTTON.active:TOOLBAR_BUTTON.inactive,T=useCallback(()=>i(e.chain().focus()).run(),[i,e]);return React.createElement(UTTooltip,{arrow:!1,content:c,tippyProps:{appendTo:()=>document.body,interactive:!1}},React.createElement("div",null,React.createElement(UTButton,{colorTheme:l,dataTestId:r.testIds.toolbarButton,disabled:o,LeftIcon:n,onClick:T,size:TOOLBAR_BUTTON.size,variant:s})))};ToolbarButton.propTypes={disabled:bool,editor:object,isActive:bool,module:shape({key:string,testIds:object,toolbarButton:object})};export default ToolbarButton;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import Document from"@tiptap/extension-document";import HardBreak from"@tiptap/extension-hard-break";import Link from"@tiptap/extension-link";import Paragraph from"@tiptap/extension-paragraph";import Text from"@tiptap/extension-text";import{Dropcursor,Gapcursor,Placeholder,UndoRedo}from"@tiptap/extensions";import{TEST_IDS}from"../../constants/testIds.js";export const TEST_IDS_RICH_TEXT=TEST_IDS.UTRichText;export const MODULE_KEYS={bold:"bold",italic:"italic",list:"list",listNumbers:"listNumbers"};export const TOOLBAR_GROUPS=[[MODULE_KEYS.bold,MODULE_KEYS.italic],[MODULE_KEYS.listNumbers,MODULE_KEYS.list]];export const DEFAULT_MODULES=TOOLBAR_GROUPS.flat();export const KEYMAP_SHORTCUTS={submit:"Mod-Enter"};export const TOOLBAR_BUTTON={active:{colorTheme:"primary",variant:"semitransparent"},inactive:{colorTheme:"gray",variant:"text"},size:"small"};export const TITLE_VARIANTS={large:"large",small:"small"};export const DEFAULT_PROPS={titleVariant:TITLE_VARIANTS.large};export const PUBLISHED_SCHEMA={marks:["bold","italic","link"],nodes:["bulletList","doc","hardBreak","listItem","orderedList","paragraph","text"]};export const buildBaseExtensions=t=>{let{placeholder:r}=t;return[Document,Paragraph,Text,HardBreak,Link.configure({autolink:!0,openOnClick:!1}),Dropcursor,Gapcursor,UndoRedo,Placeholder.configure({placeholder:r})]};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Extension}from"@tiptap/core";import{KEYMAP_SHORTCUTS}from"../constants.js";const CustomKeymap=Extension.create({name:"customKeymap",addOptions:()=>({onSubmit:null}),addKeyboardShortcuts(){return{[KEYMAP_SHORTCUTS.submit]:()=>{var t,o;return!0===(null===(t=(o=this.options).onSubmit)||void 0===t?void 0:t.call(o))}}}});export default CustomKeymap;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import isEmpty from"lodash/isEmpty";import{useMemo}from"react";import{DEFAULT_MODULES,TOOLBAR_GROUPS}from"../constants.js";import{MODULE_REGISTRY}from"../registry.js";const buildModuleGroups=o=>{const e=new Set(o);return TOOLBAR_GROUPS.map(o=>o.filter(o=>e.has(o)&&MODULE_REGISTRY[o]).map(o=>MODULE_REGISTRY[o])).filter(o=>!isEmpty(o))},useModuleResolution=o=>{let{modules:e}=o;const t=JSON.stringify(e||DEFAULT_MODULES);return useMemo(()=>buildModuleGroups(JSON.parse(t)),[t])};export default useModuleResolution;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useEditor}from"@tiptap/react";import{useEffect,useMemo,useRef}from"react";import{buildBaseExtensions}from"../constants.js";import CustomKeymap from"../extensions/CustomKeymap.js";import{dedupeExtensions,isSameDocument}from"../utils.js";const useRichTextEditor=e=>{let{activeModules:t,ariaLabel:o,dataTestId:n,disabled:r,editorClassName:s,onBlur:u,onChange:a,onFocus:i,onSubmit:l,placeholder:c,readOnly:d,value:m}=e;const p=useRef({});p.current={onBlur:u,onChange:a,onFocus:i,onSubmit:l};const f=useRef(null),b=useMemo(()=>dedupeExtensions([...buildBaseExtensions({placeholder:c}),...t.flatMap(e=>e.extensions),CustomKeymap.configure({onSubmit:()=>{const e=p.current.onSubmit;return!!e&&!0===e()}})]),[t,c]),v=useEditor({content:m,editable:!r&&!d,editorProps:{attributes:{"aria-label":o,"aria-multiline":"true","data-testid":n,class:s,role:"textbox"}},extensions:b,immediatelyRender:!1,onBlur:e=>{var t,o;let{event:n}=e;return null===(t=(o=p.current).onBlur)||void 0===t?void 0:t.call(o,n)},onFocus:e=>{var t,o;let{event:n}=e;return null===(t=(o=p.current).onFocus)||void 0===t?void 0:t.call(o,n)},onUpdate:e=>{let{editor:t}=e;const o=t.getJSON();f.current=o,queueMicrotask(()=>{var e,t;return null===(e=(t=p.current).onChange)||void 0===e?void 0:e.call(t,o)})}},[b]);return useEffect(()=>{v&&(m?m!==f.current&&(isSameDocument(m,v.getJSON())||v.commands.setContent(m,{emitUpdate:!1})):v.isEmpty||v.commands.clearContent(!1))},[v,m]),useEffect(()=>{null==v||v.setEditable(!r&&!d)},[r,v,d]),v};export default useRichTextEditor;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{EditorContent,useEditorState}from"@tiptap/react";import isEmpty from"lodash/isEmpty";import{arrayOf,bool,func,object,objectOf,oneOf,oneOfType,string}from"prop-types";import React,{useCallback,useMemo,useRef,useState}from"react";import{mergeMultipleClassNames}from"../../utils/classesUtils.js";import UTFieldLabel from"../UTFieldLabel/index.js";import UTLabel from"../UTLabel/index.js";import UTValidation,{validationDataProptypes}from"../UTValidation/index.js";import{formatErrorToValidation}from"../UTValidation/utils.js";import SubmitAction from"./components/SubmitAction/index.js";import Toolbar from"./components/Toolbar/index.js";import{DEFAULT_PROPS,MODULE_KEYS,TEST_IDS_RICH_TEXT,TITLE_VARIANTS}from"./constants.js";import useModuleResolution from"./hooks/useModuleResolution.js";import useRichTextEditor from"./hooks/useRichTextEditor.js";import{getFieldClassName}from"./utils.js";import styles from"./styles.module.scss";const UTRichText=e=>{var t;let{actions:o,classNames:a={},dataTestId:s=TEST_IDS_RICH_TEXT.root,disabled:l=!1,error:r,helpText:i,loading:n=!1,modules:d,onBlur:T,onChange:m,onFocus:c,onSubmit:u,placeholder:p,readOnly:E=!1,required:b=!1,submitButtonProps:f,title:S,titleVariant:R=DEFAULT_PROPS.titleVariant,validations:_,value:I}=e;const[y,C]=useState(!1),h=useModuleResolution({modules:d}),O=useMemo(()=>h.flat(),[h]),j=useMemo(()=>mergeMultipleClassNames(styles,a),[a]),g=useCallback(e=>{C(!0),null==c||c(e)},[c]),v=useCallback(e=>{C(!1),null==T||T(e)},[T]),U=useRef(!1),x=useCallback(()=>!(!U.current||!u)&&(u(),!0),[u]),D=useRichTextEditor({activeModules:O,ariaLabel:S,dataTestId:TEST_IDS_RICH_TEXT.content,disabled:l,editorClassName:styles.editorContent,onBlur:v,onChange:m,onFocus:g,onSubmit:x,placeholder:p,readOnly:E,value:I}),N=null===(t=useEditorState({editor:D,selector:e=>{let{editor:t}=e;return!t||t.isEmpty}}))||void 0===t||t,L=Boolean(u)&&!l&&!n&&!N;U.current=L;const M=useMemo(()=>isEmpty(_)?r?formatErrorToValidation(r):null:_,[r,_]);return React.createElement("div",{className:j.container,"data-testid":s},S&&React.createElement(UTFieldLabel,{actions:o,dataTestId:TEST_IDS_RICH_TEXT.label,readOnly:E,required:b,size:R},S),React.createElement("div",{className:getFieldClassName({classes:j,disabled:l,error:r,isFocused:y,readOnly:E}),"data-testid":TEST_IDS_RICH_TEXT.field},!E&&React.createElement(Toolbar,{dataTestId:TEST_IDS_RICH_TEXT.toolbar.root,disabled:l,editor:D,moduleGroups:h}),React.createElement("div",{className:j.scrollArea},React.createElement(EditorContent,{className:j.editorWrapper,editor:D})),u&&!E&&React.createElement(SubmitAction,{dataTestId:TEST_IDS_RICH_TEXT.submitButton,disabled:!L,loading:n,onSubmit:u,submitButtonProps:f})),i&&React.createElement(UTLabel,{className:j.helpText,colorTheme:"gray",dataTestId:TEST_IDS_RICH_TEXT.helpText,variant:"small",withMarkdown:!0},i),M&&React.createElement(UTValidation,{dataTestId:TEST_IDS_RICH_TEXT.validation,validationData:M}))};export const propTypes={actions:arrayOf(object),classNames:objectOf(string),dataTestId:string,disabled:bool,error:oneOfType([bool,string]),helpText:string,loading:bool,modules:arrayOf(oneOf(Object.values(MODULE_KEYS))),onBlur:func,onChange:func,onFocus:func,onSubmit:func,placeholder:string,readOnly:bool,required:bool,submitButtonProps:object,title:string,titleVariant:oneOf(Object.values(TITLE_VARIANTS)),validations:validationDataProptypes,value:object};UTRichText.propTypes=propTypes;export default UTRichText;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import Bold from"@tiptap/extension-bold";import{MODULE_KEYS,TEST_IDS_RICH_TEXT}from"../../constants.js";export default{defaultConfig:{},extensions:[Bold],key:MODULE_KEYS.bold,testIds:{toolbarButton:TEST_IDS_RICH_TEXT.toolbar.bold},toolbarButton:{command:o=>o.toggleBold(),icon:"IconBold",isActive:o=>o.isActive("bold"),tooltip:"Negrita"}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import Italic from"@tiptap/extension-italic";import{MODULE_KEYS,TEST_IDS_RICH_TEXT}from"../../constants.js";export default{defaultConfig:{},extensions:[Italic],key:MODULE_KEYS.italic,testIds:{toolbarButton:TEST_IDS_RICH_TEXT.toolbar.italic},toolbarButton:{command:t=>t.toggleItalic(),icon:"IconItalic",isActive:t=>t.isActive("italic"),tooltip:"Itálica"}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{BulletList,ListItem,ListKeymap}from"@tiptap/extension-list";import{MODULE_KEYS,TEST_IDS_RICH_TEXT}from"../../constants.js";export default{defaultConfig:{},extensions:[BulletList,ListItem,ListKeymap],key:MODULE_KEYS.list,testIds:{toolbarButton:TEST_IDS_RICH_TEXT.toolbar.list},toolbarButton:{command:t=>t.toggleBulletList(),icon:"IconList",isActive:t=>t.isActive("bulletList"),tooltip:"Lista con viñetas"}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ListItem,ListKeymap,OrderedList}from"@tiptap/extension-list";import{MODULE_KEYS,TEST_IDS_RICH_TEXT}from"../../constants.js";export default{defaultConfig:{},extensions:[OrderedList,ListItem,ListKeymap],key:MODULE_KEYS.listNumbers,testIds:{toolbarButton:TEST_IDS_RICH_TEXT.toolbar.listNumbers},toolbarButton:{command:t=>t.toggleOrderedList(),icon:"IconListNumbers",isActive:t=>t.isActive("orderedList"),tooltip:"Lista numerada"}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import bold from"./modules/bold/index.js";import italic from"./modules/italic/index.js";import list from"./modules/list/index.js";import listNumbers from"./modules/listNumbers/index.js";export const MODULE_REGISTRY={bold:bold,italic:italic,list:list,listNumbers:listNumbers};
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
.container {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
grid-gap: var(--gap-sm);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.field {
|
|
8
|
+
background-color: var(--light01);
|
|
9
|
+
border: 1px solid var(--light04);
|
|
10
|
+
border-radius: var(--UT-richText-radius);
|
|
11
|
+
display: flex;
|
|
12
|
+
flex-direction: column;
|
|
13
|
+
grid-gap: var(--UT-richText-gap);
|
|
14
|
+
// En longhand y no en shorthand: sin los fallbacks, sass-lint lee los dos var()
|
|
15
|
+
// como el mismo token y pide colapsarlos en uno solo.
|
|
16
|
+
padding-bottom: var(--UT-richText-padding-y);
|
|
17
|
+
padding-left: var(--UT-richText-padding-x);
|
|
18
|
+
padding-right: var(--UT-richText-padding-x);
|
|
19
|
+
padding-top: var(--UT-richText-padding-y);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
// El foco engrosa el borde a 2px con un box-shadow interior en vez de subir el
|
|
23
|
+
// border-width. El shadow no participa del layout, así que el padding no necesita
|
|
24
|
+
// compensar nada y el contenido no se corre al enfocar.
|
|
25
|
+
.fieldFocused {
|
|
26
|
+
border-color: var(--actionAccent04);
|
|
27
|
+
box-shadow: inset 0 0 0 1px var(--actionAccent04);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.fieldError {
|
|
31
|
+
border-color: var(--actionError04);
|
|
32
|
+
|
|
33
|
+
// Con error el anillo de foco toma el color de error, para no mezclar dos
|
|
34
|
+
// colores en el mismo borde.
|
|
35
|
+
&.fieldFocused {
|
|
36
|
+
box-shadow: inset 0 0 0 1px var(--actionError04);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.fieldDisabled {
|
|
41
|
+
background-color: var(--light03);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.fieldReadOnly {
|
|
45
|
+
background-color: transparent;
|
|
46
|
+
border-color: transparent;
|
|
47
|
+
padding-left: 0;
|
|
48
|
+
padding-right: 0;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
// El área de scroll y el wrapper que monta Tiptap se estiran para que el
|
|
52
|
+
// contenteditable ocupe todo el espacio disponible, y no solo el alto de su
|
|
53
|
+
// contenido. Así el espacio vacío debajo del texto ES área editable: clickear ahí
|
|
54
|
+
// enfoca de forma nativa y ProseMirror pone el cursor en la posición más cercana,
|
|
55
|
+
// sin ningún handler de JS.
|
|
56
|
+
.scrollArea {
|
|
57
|
+
display: flex;
|
|
58
|
+
flex-direction: column;
|
|
59
|
+
max-height: var(--UT-richText-content-max-height);
|
|
60
|
+
min-height: var(--UT-richText-content-min-height);
|
|
61
|
+
overflow-y: auto;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.editorWrapper {
|
|
65
|
+
display: flex;
|
|
66
|
+
flex: 1 1 auto;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.helpText {
|
|
70
|
+
text-align: left;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.editorContent {
|
|
74
|
+
color: var(--dark05);
|
|
75
|
+
flex: 1 1 auto;
|
|
76
|
+
font-size: var(--UT-richText-body-size);
|
|
77
|
+
line-height: var(--UT-richText-body-lh);
|
|
78
|
+
outline: none;
|
|
79
|
+
|
|
80
|
+
p {
|
|
81
|
+
margin: 0;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
ul,
|
|
85
|
+
ol {
|
|
86
|
+
margin: 0;
|
|
87
|
+
padding-left: var(--UT-richText-list-indent);
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
// Separación entre bloques hermanos del documento (párrafo ↔ párrafo,
|
|
91
|
+
// párrafo ↔ lista). Solo hijos directos: los párrafos dentro de un li no
|
|
92
|
+
// llevan margen.
|
|
93
|
+
> * + * {
|
|
94
|
+
margin-top: var(--UT-richText-block-gap);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
strong {
|
|
98
|
+
font-weight: var(--UT-richText-bold-weight);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
em {
|
|
102
|
+
font-style: italic;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
a {
|
|
106
|
+
color: var(--actionAccent04);
|
|
107
|
+
text-decoration: underline;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
// Única clase global necesaria: la genera la extensión Placeholder de Tiptap,
|
|
111
|
+
// así que CSS Modules la hashearía y la regla no aplicaría. Va anidada dentro
|
|
112
|
+
// de .editorContent, así que no se filtra fuera del editor.
|
|
113
|
+
:global(.is-editor-empty) {
|
|
114
|
+
&:first-child {
|
|
115
|
+
&::before {
|
|
116
|
+
color: var(--gray04);
|
|
117
|
+
content: attr(data-placeholder);
|
|
118
|
+
float: left;
|
|
119
|
+
height: 0;
|
|
120
|
+
pointer-events: none;
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import isEqual from"lodash/isEqual";export const dedupeExtensions=e=>{const t=new Set;return e.filter(e=>!t.has(e.name)&&(t.add(e.name),!0))};export const getActiveStates=(e,t)=>t.reduce((t,s)=>({...t,[s.key]:s.toolbarButton.isActive(e)}),{});export const isSameDocument=(e,t)=>isEqual(e,t);export const getFieldClassName=e=>{let{classes:t,disabled:s,error:o,isFocused:i,readOnly:l}=e;return[t.field,i&&t.fieldFocused,o&&t.fieldError,s&&t.fieldDisabled,l&&t.fieldReadOnly].filter(Boolean).join(" ")};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const ID_CONSTANTS={ACTIONS:"actions",ADD_FILTER_BUTTON:"addFilterButton",AVATAR:"avatar",BOTTOM_NAV:"bottomNav",CANVAS:"canvas",CELL:"cell",CLEAR_BUTTON:"clearButton",CLIENT_FILTER:"clientFilter",COLLAPSED_PANEL_CONTENT:"collapsedPanelContent",COLLAPSE_BUTTON:"collapseButton",COLLAPSE_BUTTON_TOOLTIP:"collapseButtonTooltip",CREDIT_CARD:"creditCard",CUSTOM_SEARCH_ACTION:"customSearchAction",DATA_CATEGORY:"dataCategory",DATA_ELEMENT:"dataElement",DELETE_BUTTON:"deleteButton",DELETE_BUTTON_TOOLTIP:"deleteButtonTooltip",ADDITIONAL_CONTENT:"additionalContent",ADDITIONAL_CONTENT_BODY:"additionalContentBody",DESCRIPTION:"description",DIALOG:"dialog",EDIT_BUTTON:"editButton",EDIT_BUTTON_TOOLTIP:"editButtonTooltip",EXPANDED_PANEL_CONTENT:"expandedPanelContent",EXPANDED_PANEL_CONTENT_CATEGORY:"expandedPanelContentCategory",EXPANDED_PANEL_CONTENT_CATEGORY_EMPTY:"expandedPanelContentCategoryEmpty",EXPANDED_PANEL_CONTENT_CATEGORY_HEADER:"expandedPanelContentCategoryHeader",EXPANDED_PANEL_CONTENT_CATEGORY_ITEM:"expandedPanelContentCategoryItem",EXPANDED_PANEL_CONTENT_HEADER:"expandedPanelContentHeader",EXPAND_BUTTON:"expandButton",FILTER_GROUPING:"filterGrouping",GROUPING_PANEL:"groupingPanel",HEADER:"header",HELP_TEXT:"helpText",ICON:"icon",INVALID_PARAMS:"invalidParams",LABEL:"label",MAIN_BUTTON:"mainButton",NAME:"name",NAME_CONTAINER:"nameContainer",ONBOARDING:"onboarding",PAGINATION_NEXT:"paginationNext",PAGINATION_PREV:"paginationPrev",PANEL:"panel",PERSISTENT_FILTER:"persistentFilter",PINNED:"pinned",POPPER:"popper",SEARCH_BUTTON:"searchButton",SECONDARY_ACTION:"secondaryAction",SEARCH_BUTTON_TOOLTIP:"searchButtonTooltip",SEARCH_FIELD:"searchField",SELECTION_COMPONENT:"selectionComponent",SIDEBAR:"sidebar",SIDEBAR_BUTTON:"sidebarButton",STATUS_MESSAGE:"statusMessage",TABLE:"table",TERTIARY_ACTION:"tertiaryAction",TABLE_ROW:"tableRow",TITLE:"title",USER_FILTER:"userFilter",UT_SNACKBAR:"UTSnackbar",VALIDATION_DATA:"validationData",WORKFLOW_CONTAINER:"workflowContainer"};export const TEST_IDS={barChart:{bar:{tooltip:"barChart.bar.tooltip."},xAxis:{secondaryLabel:"barChart.xAxis.secondaryLabel.",mainLabel:"barChart.xAxis.mainLabel."}},breadcrumbs:{item:"breadcrumbs.item"},creditCard:{cardField:"".concat(ID_CONSTANTS.CREDIT_CARD,".cardField"),cvcField:"".concat(ID_CONSTANTS.CREDIT_CARD,".cvcField"),expires:"".concat(ID_CONSTANTS.CREDIT_CARD,".expires"),nameField:"".concat(ID_CONSTANTS.CREDIT_CARD,".nameField")},dataCategory:{container:"".concat(ID_CONSTANTS.DATA_CATEGORY,".container"),collapseButton:"".concat(ID_CONSTANTS.DATA_CATEGORY,".collapseButton"),item:"".concat(ID_CONSTANTS.DATA_CATEGORY,".item")},dataElement:{container:"".concat(ID_CONSTANTS.DATA_ELEMENT,".container"),collapseButton:"".concat(ID_CONSTANTS.DATA_ELEMENT,".collapseButton"),switchAction:"".concat(ID_CONSTANTS.DATA_ELEMENT,".actionSwitch"),buttonAction:"".concat(ID_CONSTANTS.DATA_ELEMENT,".actionButton")},dialog:{acceptButton:"".concat(ID_CONSTANTS.DIALOG,".acceptButton"),cancelButton:"".concat(ID_CONSTANTS.DIALOG,".cancelButton"),closeButton:"".concat(ID_CONSTANTS.DIALOG,".closeButton"),title:"".concat(ID_CONSTANTS.DIALOG,".title")},filterGrouping:{groupingPanel:{collapsedPanelContent:{expandButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.COLLAPSED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPAND_BUTTON)},expandedPanelContent:{expandedPanelContentCategory:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_CATEGORY),expandedPanelContentHeader:{addFilterButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.ADD_FILTER_BUTTON),collapseButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.COLLAPSE_BUTTON),collapseButtonTooltip:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.COLLAPSE_BUTTON_TOOLTIP),customSearchAction:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.CUSTOM_SEARCH_ACTION),searchButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_BUTTON),searchButtonTooltip:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_BUTTON_TOOLTIP),searchField:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_FIELD),title:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.TITLE)}}}},onboarding:{close:"".concat(ID_CONSTANTS.ONBOARDING,".close"),description:"".concat(ID_CONSTANTS.ONBOARDING,".description"),nextButton:"".concat(ID_CONSTANTS.ONBOARDING,".nextButton"),prevButton:"".concat(ID_CONSTANTS.ONBOARDING,".prevButton"),title:"".concat(ID_CONSTANTS.ONBOARDING,".title")},panel:{additionalContent:{body:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT_BODY),sidebar:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.SIDEBAR),sidebarButton:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.SIDEBAR_BUTTON,".")},backButton:"".concat(ID_CONSTANTS.PANEL,".backButton"),closeButton:"".concat(ID_CONSTANTS.PANEL,".closeButton"),mainAction:"".concat(ID_CONSTANTS.PANEL,".mainAction"),mainButton:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.MAIN_BUTTON),paginationNext:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.PAGINATION_NEXT),paginationPrev:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.PAGINATION_PREV),secondaryAction:"".concat(ID_CONSTANTS.PANEL,".secondaryAction"),title:"".concat(ID_CONSTANTS.PANEL,".title")},signature:"signature",snackBar:{closeButton:"snackbar.closeButton",label:"snackbar.label"},statusMessage:{description:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".description"),helperText:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".helperText"),icon:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".icon"),title:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".title")},table:{tableHeader:{title:"".concat(ID_CONSTANTS.TABLE,".tableHeader.title")}},tabs:{tab:"tabs.tab."},wrapperObservation:{actionIcon:"wrapperObservation.actionIcon."},UTLoading:{logoLoader:"UTLoading.logoLoader",spinner:"UTLoading.spinner"},UTSnackbar:{closeButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".closeButton"),description:"".concat(ID_CONSTANTS.UT_SNACKBAR,".description"),label:"".concat(ID_CONSTANTS.UT_SNACKBAR,".label"),primaryActionButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".primaryActionButton"),root:"".concat(ID_CONSTANTS.UT_SNACKBAR,".root"),secondaryActionButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".secondaryActionButton")},UTDatePickerV1TestID:{calendar:"UTDatePickerV1.calendar",calendarPrevBtn:"UTDatePickerV1.calendarPrevBtn",calendarNextBtn:"UTDatePickerV1.calendarNextBtn",calendarMonthYear:"UTDatePickerV1.calendarMonthYear"},workflowContainer:{bottomNav:{backButton:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".backButton"),nextButton:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".nextButton"),primaryAction:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".primaryAction"),secondaryAction:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".secondaryAction")},header:{helpText:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".helpText"),requiredFieldInfo:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".requiredFieldInfo"),subtitle:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".subtitle"),tagline:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".tagline"),title:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".title")}}};
|
|
1
|
+
export const ID_CONSTANTS={ACTIONS:"actions",ADD_FILTER_BUTTON:"addFilterButton",AVATAR:"avatar",BOTTOM_NAV:"bottomNav",CANVAS:"canvas",CELL:"cell",CLEAR_BUTTON:"clearButton",CLIENT_FILTER:"clientFilter",COLLAPSED_PANEL_CONTENT:"collapsedPanelContent",COLLAPSE_BUTTON:"collapseButton",COLLAPSE_BUTTON_TOOLTIP:"collapseButtonTooltip",CREDIT_CARD:"creditCard",CUSTOM_SEARCH_ACTION:"customSearchAction",DATA_CATEGORY:"dataCategory",DATA_ELEMENT:"dataElement",DELETE_BUTTON:"deleteButton",DELETE_BUTTON_TOOLTIP:"deleteButtonTooltip",ADDITIONAL_CONTENT:"additionalContent",ADDITIONAL_CONTENT_BODY:"additionalContentBody",DESCRIPTION:"description",DIALOG:"dialog",EDIT_BUTTON:"editButton",EDIT_BUTTON_TOOLTIP:"editButtonTooltip",EXPANDED_PANEL_CONTENT:"expandedPanelContent",EXPANDED_PANEL_CONTENT_CATEGORY:"expandedPanelContentCategory",EXPANDED_PANEL_CONTENT_CATEGORY_EMPTY:"expandedPanelContentCategoryEmpty",EXPANDED_PANEL_CONTENT_CATEGORY_HEADER:"expandedPanelContentCategoryHeader",EXPANDED_PANEL_CONTENT_CATEGORY_ITEM:"expandedPanelContentCategoryItem",EXPANDED_PANEL_CONTENT_HEADER:"expandedPanelContentHeader",EXPAND_BUTTON:"expandButton",FILTER_GROUPING:"filterGrouping",GROUPING_PANEL:"groupingPanel",HEADER:"header",HELP_TEXT:"helpText",ICON:"icon",INVALID_PARAMS:"invalidParams",LABEL:"label",MAIN_BUTTON:"mainButton",NAME:"name",NAME_CONTAINER:"nameContainer",ONBOARDING:"onboarding",PAGINATION_NEXT:"paginationNext",PAGINATION_PREV:"paginationPrev",PANEL:"panel",PERSISTENT_FILTER:"persistentFilter",PINNED:"pinned",POPPER:"popper",SEARCH_BUTTON:"searchButton",SECONDARY_ACTION:"secondaryAction",SEARCH_BUTTON_TOOLTIP:"searchButtonTooltip",SEARCH_FIELD:"searchField",SELECTION_COMPONENT:"selectionComponent",SIDEBAR:"sidebar",SIDEBAR_BUTTON:"sidebarButton",STATUS_MESSAGE:"statusMessage",TABLE:"table",TERTIARY_ACTION:"tertiaryAction",TABLE_ROW:"tableRow",TITLE:"title",USER_FILTER:"userFilter",UT_RICH_TEXT:"UTRichText",UT_SNACKBAR:"UTSnackbar",VALIDATION_DATA:"validationData",WORKFLOW_CONTAINER:"workflowContainer"};export const TEST_IDS={barChart:{bar:{tooltip:"barChart.bar.tooltip."},xAxis:{secondaryLabel:"barChart.xAxis.secondaryLabel.",mainLabel:"barChart.xAxis.mainLabel."}},breadcrumbs:{item:"breadcrumbs.item"},creditCard:{cardField:"".concat(ID_CONSTANTS.CREDIT_CARD,".cardField"),cvcField:"".concat(ID_CONSTANTS.CREDIT_CARD,".cvcField"),expires:"".concat(ID_CONSTANTS.CREDIT_CARD,".expires"),nameField:"".concat(ID_CONSTANTS.CREDIT_CARD,".nameField")},dataCategory:{container:"".concat(ID_CONSTANTS.DATA_CATEGORY,".container"),collapseButton:"".concat(ID_CONSTANTS.DATA_CATEGORY,".collapseButton"),item:"".concat(ID_CONSTANTS.DATA_CATEGORY,".item")},dataElement:{container:"".concat(ID_CONSTANTS.DATA_ELEMENT,".container"),collapseButton:"".concat(ID_CONSTANTS.DATA_ELEMENT,".collapseButton"),switchAction:"".concat(ID_CONSTANTS.DATA_ELEMENT,".actionSwitch"),buttonAction:"".concat(ID_CONSTANTS.DATA_ELEMENT,".actionButton")},dialog:{acceptButton:"".concat(ID_CONSTANTS.DIALOG,".acceptButton"),cancelButton:"".concat(ID_CONSTANTS.DIALOG,".cancelButton"),closeButton:"".concat(ID_CONSTANTS.DIALOG,".closeButton"),title:"".concat(ID_CONSTANTS.DIALOG,".title")},filterGrouping:{groupingPanel:{collapsedPanelContent:{expandButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.COLLAPSED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPAND_BUTTON)},expandedPanelContent:{expandedPanelContentCategory:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_CATEGORY),expandedPanelContentHeader:{addFilterButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.ADD_FILTER_BUTTON),collapseButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.COLLAPSE_BUTTON),collapseButtonTooltip:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.COLLAPSE_BUTTON_TOOLTIP),customSearchAction:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.CUSTOM_SEARCH_ACTION),searchButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_BUTTON),searchButtonTooltip:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_BUTTON_TOOLTIP),searchField:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_FIELD),title:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.TITLE)}}}},onboarding:{close:"".concat(ID_CONSTANTS.ONBOARDING,".close"),description:"".concat(ID_CONSTANTS.ONBOARDING,".description"),nextButton:"".concat(ID_CONSTANTS.ONBOARDING,".nextButton"),prevButton:"".concat(ID_CONSTANTS.ONBOARDING,".prevButton"),title:"".concat(ID_CONSTANTS.ONBOARDING,".title")},panel:{additionalContent:{body:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT_BODY),sidebar:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.SIDEBAR),sidebarButton:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.SIDEBAR_BUTTON,".")},backButton:"".concat(ID_CONSTANTS.PANEL,".backButton"),closeButton:"".concat(ID_CONSTANTS.PANEL,".closeButton"),mainAction:"".concat(ID_CONSTANTS.PANEL,".mainAction"),mainButton:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.MAIN_BUTTON),paginationNext:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.PAGINATION_NEXT),paginationPrev:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.PAGINATION_PREV),secondaryAction:"".concat(ID_CONSTANTS.PANEL,".secondaryAction"),title:"".concat(ID_CONSTANTS.PANEL,".title")},signature:"signature",snackBar:{closeButton:"snackbar.closeButton",label:"snackbar.label"},statusMessage:{description:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".description"),helperText:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".helperText"),icon:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".icon"),title:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".title")},table:{tableHeader:{title:"".concat(ID_CONSTANTS.TABLE,".tableHeader.title")}},tabs:{tab:"tabs.tab."},wrapperObservation:{actionIcon:"wrapperObservation.actionIcon."},UTLoading:{logoLoader:"UTLoading.logoLoader",spinner:"UTLoading.spinner"},UTRichText:{content:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".content"),field:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".field"),helpText:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".").concat(ID_CONSTANTS.HELP_TEXT),label:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".").concat(ID_CONSTANTS.LABEL),root:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".root"),submitButton:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".submitButton"),toolbar:{bold:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.bold"),italic:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.italic"),list:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.list"),listNumbers:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.listNumbers"),root:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.root")},validation:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".").concat(ID_CONSTANTS.VALIDATION_DATA)},UTSnackbar:{closeButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".closeButton"),description:"".concat(ID_CONSTANTS.UT_SNACKBAR,".description"),label:"".concat(ID_CONSTANTS.UT_SNACKBAR,".label"),primaryActionButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".primaryActionButton"),root:"".concat(ID_CONSTANTS.UT_SNACKBAR,".root"),secondaryActionButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".secondaryActionButton")},UTDatePickerV1TestID:{calendar:"UTDatePickerV1.calendar",calendarPrevBtn:"UTDatePickerV1.calendarPrevBtn",calendarNextBtn:"UTDatePickerV1.calendarNextBtn",calendarMonthYear:"UTDatePickerV1.calendarMonthYear"},workflowContainer:{bottomNav:{backButton:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".backButton"),nextButton:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".nextButton"),primaryAction:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".primaryAction"),secondaryAction:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".secondaryAction")},header:{helpText:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".helpText"),requiredFieldInfo:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".requiredFieldInfo"),subtitle:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".subtitle"),tagline:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".tagline"),title:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".title")}}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default{base:{"size-12a":"4.5rem","size-13a":"7.5rem","size-16a":"12.5rem","size-full":"100%","size-0":"0rem","size-1":"0.125rem","size-2":"0.25rem","size-3":"0.5rem","size-4":"0.75rem","size-5":"1rem","size-6":"1.25rem","size-7":"1.5rem","size-8":"2rem","size-9":"2.5rem","size-10":"3rem","size-11":"3.5rem","size-12":"4rem","size-13":"6rem","size-14":"8rem","size-15":"10rem","size-16":"12rem","size-17":"14rem","size-18":"16rem","size-19":"20rem","spacing-0":"0rem","spacing-1":"0.125rem","spacing-2":"0.25rem","spacing-3":"0.5rem","spacing-4":"0.75rem","spacing-5":"1rem","spacing-6":"1.25rem","spacing-7":"1.5rem","spacing-8":"2rem","spacing-9":"2.5rem","spacing-10":"3rem","spacing-11":"3.5rem","spacing-12":"4rem","spacing-13":"6rem","spacing-14":"8rem","font-family":"Inter","font-size-100":"0.625rem","font-size-200":"0.75rem","font-size-300":"0.875rem","font-size-400":"1rem","font-size-500":"1.125rem","font-size-600":"1.25rem","font-size-650":"1.375rem","font-size-700":"1.5rem","font-size-800":"1.875rem","font-size-900":"2.5rem","font-size-1000":"3rem","font-size-1100":"4rem","font-weight-100":"100","font-weight-200":"200","font-weight-300":"300","font-weight-400":"400","font-weight-500":"500","font-weight-600":"600","font-weight-700":"700","font-weight-800":"800","font-weight-900":"900","font-lh-100":"1","font-lh-120":"1.2","font-lh-140":"1.4","font-lh-150":"1.5","font-lh-170":"1.7","legacy-font-lh-full":"100%","legacy-font-lh-100":"1.125rem","legacy-font-lh-120":"1.25rem","legacy-font-lh-140":"1.375rem","radius-100":"4px","radius-200":"8px","radius-300":"12px","radius-400":"16px","radius-500":"24px","radius-full":"9999px"},semantic:{"padding-3xs":"spacing-1","padding-2xs":"spacing-2","padding-xs":"spacing-3","padding-sm":"spacing-4","padding-md":"spacing-5","padding-lg":"spacing-7","padding-xl":"spacing-8","padding-2xl":"spacing-9","gap-2xs":"spacing-1","gap-xs":"spacing-2","gap-sm":"spacing-3","gap-md":"spacing-4","gap-lg":"spacing-5","gap-xl":"spacing-7","gap-2xl":"spacing-8","gap-3xl":"spacing-9","font-heading-size-1":"font-size-700","font-heading-size-2":"font-size-650","font-heading-size-3":"font-size-600","font-heading-size-4":"font-size-500","font-heading-size-5":"font-size-400","font-heading-size-6":"font-size-500","font-body-size-xs":"font-size-100","font-body-size-sm":"font-size-200","font-body-size-md":"font-size-300","font-body-size-lg":"font-size-400","font-metric-size-sm":"font-size-300","font-metric-size-md":"font-size-400","font-metric-size-lg":"font-size-500","font-action-size-sm":"font-size-200","font-action-size-md":"font-size-300","font-label-size-sm":"font-size-200","font-label-size-md":"font-size-300","font-weight-thin":"font-weight-100","font-weight-extralight":"font-weight-200","font-weight-light":"font-weight-300","font-weight-regular":"font-weight-400","font-weight-medium":"font-weight-500","font-weight-semibold":"font-weight-600","font-weight-bold":"font-weight-700","font-weight-extrabold":"font-weight-800","font-weight-black":"font-weight-900","font-lh-reset":"font-lh-100","font-lh-heading":"font-lh-120","font-lh-subheading":"font-lh-140","font-lh-body":"font-lh-140","font-lh-caption":"font-lh-170","legacy-font-lh-small":"legacy-font-lh-120","legacy-font-lh-xsmall":"legacy-font-lh-100","size-control-2xs":"size-5","size-control-xs":"size-7","size-control-sm":"size-8","size-control-md":"size-9","size-control-lg":"size-10","size-control-xl":"size-11","size-control-2xl":"size-12","size-control-3xl":"size-13","size-control-4xl":"size-13a","size-brand-logo-2xs":"size-11","size-brand-logo-xs":"size-12a","size-brand-logo-sm":"size-13a","size-brand-logo-md":"size-15","size-brand-logo-lg":"size-16a","size-icon-3xs":"size-4","size-icon-2xs":"size-5","size-icon-xs":"size-6","size-icon-md":"size-7","size-icon-lg":"size-8","size-icon-xl":"size-10","size-layout-3xs":"size-11","size-layout-2xs":"size-12","size-layout-sm":"size-15","size-layout-md":"size-18","size-layout-lg":"size-19","size-overlay-sm":"size-14","size-overlay-md":"size-16","size-overlay-lg":"size-18","size-overlay-xl":"size-19","size-overlay-2xl":"size-21","size-overlay-3xl":"size-23","size-overlay-full":"size-full","size-input-height-sm":"size-9","size-input-height-md":"size-10","size-input-padding-y":"spacing-3","size-input-padding-x":"spacing-5","size-input-gap":"spacing-5","size-input-radius":"radius-100","font-input-size":"font-size-400","size-input-icon":"size-6","radius-sm":"radius-100","radius-md":"radius-200","radius-lg":"radius-300","radius-xl":"radius-500"},component:{"UT-banner-buttons-gap":"gap-sm","UT-banner-gap-lg":"gap-xl","UT-banner-gap-md":"gap-lg","UT-banner-gap-sm":"gap-sm","UT-banner-icon-gap":"gap-md","UT-banner-icon-size-lg":"size-icon-md","UT-banner-icon-size-sm":"size-icon-xs","UT-banner-padding-lg":"padding-lg","UT-banner-padding-md":"padding-md","UT-banner-padding-x-sm":"padding-sm","UT-banner-padding-y-sm":"padding-xs","UT-banner-radius":"radius-md","UT-banner-text-gap":"gap-sm","UT-button-height-sm":"size-control-sm","UT-button-height-md":"size-control-md","UT-button-height-lg":"size-control-lg","UT-button-padding-xs":"padding-2xs","UT-button-padding-sm":"padding-xs","UT-button-padding-md":"padding-sm","UT-button-padding-lg":"padding-md","UT-button-gap-sm":"gap-xs","UT-button-gap-md":"gap-sm","UT-button-label-size":"font-label-size-md","UT-button-label-weight":"font-weight-600","UT-button-label-lh":"font-lh-reset","UT-button-radius":"radius-sm","UT-button-icon-size-sm":"size-icon-xs","UT-button-icon-size-md":"size-icon-md","UT-buttonGroup-padding":"padding-2xs","UT-buttonGroup-radius":"radius-md","UT-label-size-title-1":"font-heading-size-1","UT-label-size-title-2":"font-heading-size-2","UT-label-size-title-3":"font-heading-size-3","UT-label-size-subtitle-1":"font-heading-size-4","UT-label-size-subtitle-2":"font-heading-size-5","UT-label-size-body":"font-body-size-lg","UT-label-size-small":"font-body-size-md","UT-label-size-xsmall":"font-body-size-sm","UT-label-lh-heading":"font-lh-heading","UT-label-lh-subheading":"font-lh-subheading","UT-label-lh-body":"font-lh-body","UT-label-lh-small":"font-lh-140","UT-label-lh-xsmall":"font-lh-150","UT-label-weight-thin":"font-weight-thin","UT-label-weight-extralight":"font-weight-extralight","UT-label-weight-light":"font-weight-light","UT-label-weight-regular":"font-weight-regular","UT-label-weight-medium":"font-weight-medium","UT-label-weight-semibold":"font-weight-semibold","UT-label-weight-bold":"font-weight-bold","UT-label-weight-extrabold":"font-weight-extrabold","UT-label-weight-black":"font-weight-black","UT-label-markdown-margin-sm":"padding-xs","UT-label-markdown-margin-md":"padding-sm","UT-label-markdown-margin-lg":"padding-md","UT-label-markdown-margin-xl":"padding-lg","UT-label-markdown-padding-sm":"padding-xs","UT-label-markdown-padding-md":"padding-sm","UT-label-markdown-padding-lg":"padding-md","UT-label-markdown-padding-xl":"padding-lg","UT-shortcutPanel-width":"size-layout-md","UT-shortcutPanel-width-collapsed":"size-layout-3xs","UT-shortcutPanel-padding":"padding-md","UT-shortcutPanel-header-height":"size-layout-2xs","UT-shortcutPanel-header-gap":"gap-sm","UT-shortcutPanel-header-label-size":"font-heading-size-5","UT-shortcutPanel-category-height":"size-control-md","UT-shortcutPanel-category-padding":"padding-xs","UT-shortcutPanel-category-gap":"gap-lg","UT-shortcutPanel-category-label-size":"font-body-size-sm","UT-shortcutPanel-category-icon-size":"size-icon-md","UT-shortcutPanel-item-height":"size-control-md","UT-shortcutPanel-item-padding":"padding-xs","UT-shortcutPanel-item-gap":"gap-sm","UT-shortcutPanel-item-label-size":"font-body-size-md","UT-shortcutPanel-item-icon-size":"size-icon-xs","UT-snackbar-padding-x":"padding-sm","UT-snackbar-padding-y":"padding-sm","UT-snackbar-radius":"radius-sm","UT-snackbar-gap-icon":"gap-sm","UT-snackbar-gap-description":"gap-xs","UT-snackbar-gap-actions":"gap-xs","UT-snackbar-gap-action-area":"gap-md","UT-snackbar-icon-size":"size-icon-xs","UT-snackbar-icon-offset":"spacing-1","UT-dataElement-padding-md":"padding-md","UT-dataElement-padding-sm":"padding-xs","UT-dataElement-gap-md":"gap-lg","UT-dataElement-gap-sm":"gap-sm","UT-dataElement-content-gap-x":"gap-sm","UT-dataElement-content-gap-y":"gap-sm","UT-dataElement-icon-size":"size-icon-md","UT-dataElement-chevron-icon-size":"size-icon-xs","UT-dataElement-title-size":"font-body-size-md","UT-dataElement-title-weight":"font-weight-medium","UT-dataElement-prefix-size":"font-body-size-md","UT-dataElement-prefix-weight":"font-weight-medium","UT-dataCategory-padding":"padding-md","UT-dataCategory-gap":"gap-lg","UT-dataCategory-title-gap":"gap-sm","UT-dataCategory-title-size":"font-body-size-sm","UT-dataCategory-title-weight":"font-weight-medium","UT-dataCategory-icon-size":"size-icon-xs","UT-status-gap-large":"gap-sm","UT-status-gap-medium":"gap-sm","UT-status-gap-small":"gap-xs","UT-status-gap-xlarge":"gap-sm","UT-status-gap-xsmall":"gap-xs","UT-status-padding-y-large":"padding-2xs","UT-status-padding-x-large":"padding-xs","UT-status-padding-y-medium":"padding-2xs","UT-status-padding-x-medium":"padding-xs","UT-status-padding-y-small":"padding-2xs","UT-status-padding-x-small":"padding-xs","UT-status-padding-y-xlarge":"padding-xs","UT-status-padding-x-xlarge":"padding-sm","UT-status-padding-y-xsmall":"padding-3xs","UT-status-padding-x-xsmall":"padding-2xs","UT-status-radius":"radius-sm","UT-status-radius-rounded":"radius-full","UT-status-icon-size-3xs":"size-icon-3xs","UT-status-icon-size-2xs":"size-icon-2xs","UT-status-icon-size-xs":"size-icon-xs","UT-status-icon-size-md":"size-icon-md","UT-datepicker-root-gap":"gap-sm","UT-datepicker-adornments-gap":"gap-xs","UT-datepicker-day-padding-y":"padding-xs","UT-datepicker-day-padding-x":"padding-sm","UT-datepicker-calendar-gap":"gap-lg","UT-datepicker-calendar-padding":"padding-md","UT-datepicker-input-padding-x":"padding-sm","UT-datepicker-input-height":"size-control-sm","UT-loading-size":"size-control-4xl","UT-loading-logo-width":"size-brand-logo-2xs","UT-loading-color-start":"var(--identitySolidTone3)","UT-loading-color-end":"var(--identitySolidTone2)","UT-loading-text-size":"font-body-size-md","UT-loading-gap":"gap-lg"}};
|
|
1
|
+
export default{base:{"size-12a":"4.5rem","size-13a":"7.5rem","size-16a":"12.5rem","size-full":"100%","size-0":"0rem","size-1":"0.125rem","size-2":"0.25rem","size-3":"0.5rem","size-4":"0.75rem","size-5":"1rem","size-6":"1.25rem","size-7":"1.5rem","size-8":"2rem","size-9":"2.5rem","size-10":"3rem","size-11":"3.5rem","size-12":"4rem","size-13":"6rem","size-14":"8rem","size-15":"10rem","size-16":"12rem","size-17":"14rem","size-18":"16rem","size-19":"20rem","spacing-0":"0rem","spacing-1":"0.125rem","spacing-2":"0.25rem","spacing-3":"0.5rem","spacing-4":"0.75rem","spacing-5":"1rem","spacing-6":"1.25rem","spacing-7":"1.5rem","spacing-8":"2rem","spacing-9":"2.5rem","spacing-10":"3rem","spacing-11":"3.5rem","spacing-12":"4rem","spacing-13":"6rem","spacing-14":"8rem","font-family":"Inter","font-size-100":"0.625rem","font-size-200":"0.75rem","font-size-300":"0.875rem","font-size-400":"1rem","font-size-500":"1.125rem","font-size-600":"1.25rem","font-size-650":"1.375rem","font-size-700":"1.5rem","font-size-800":"1.875rem","font-size-900":"2.5rem","font-size-1000":"3rem","font-size-1100":"4rem","font-weight-100":"100","font-weight-200":"200","font-weight-300":"300","font-weight-400":"400","font-weight-500":"500","font-weight-600":"600","font-weight-700":"700","font-weight-800":"800","font-weight-900":"900","font-lh-100":"1","font-lh-120":"1.2","font-lh-140":"1.4","font-lh-150":"1.5","font-lh-170":"1.7","legacy-font-lh-full":"100%","legacy-font-lh-100":"1.125rem","legacy-font-lh-120":"1.25rem","legacy-font-lh-140":"1.375rem","radius-100":"4px","radius-200":"8px","radius-300":"12px","radius-400":"16px","radius-500":"24px","radius-full":"9999px"},semantic:{"padding-3xs":"spacing-1","padding-2xs":"spacing-2","padding-xs":"spacing-3","padding-sm":"spacing-4","padding-md":"spacing-5","padding-lg":"spacing-7","padding-xl":"spacing-8","padding-2xl":"spacing-9","gap-2xs":"spacing-1","gap-xs":"spacing-2","gap-sm":"spacing-3","gap-md":"spacing-4","gap-lg":"spacing-5","gap-xl":"spacing-7","gap-2xl":"spacing-8","gap-3xl":"spacing-9","font-heading-size-1":"font-size-700","font-heading-size-2":"font-size-650","font-heading-size-3":"font-size-600","font-heading-size-4":"font-size-500","font-heading-size-5":"font-size-400","font-heading-size-6":"font-size-500","font-body-size-xs":"font-size-100","font-body-size-sm":"font-size-200","font-body-size-md":"font-size-300","font-body-size-lg":"font-size-400","font-metric-size-sm":"font-size-300","font-metric-size-md":"font-size-400","font-metric-size-lg":"font-size-500","font-action-size-sm":"font-size-200","font-action-size-md":"font-size-300","font-label-size-sm":"font-size-200","font-label-size-md":"font-size-300","font-weight-thin":"font-weight-100","font-weight-extralight":"font-weight-200","font-weight-light":"font-weight-300","font-weight-regular":"font-weight-400","font-weight-medium":"font-weight-500","font-weight-semibold":"font-weight-600","font-weight-bold":"font-weight-700","font-weight-extrabold":"font-weight-800","font-weight-black":"font-weight-900","font-lh-reset":"font-lh-100","font-lh-heading":"font-lh-120","font-lh-subheading":"font-lh-140","font-lh-body":"font-lh-140","font-lh-caption":"font-lh-170","legacy-font-lh-small":"legacy-font-lh-120","legacy-font-lh-xsmall":"legacy-font-lh-100","size-control-2xs":"size-5","size-control-xs":"size-7","size-control-sm":"size-8","size-control-md":"size-9","size-control-lg":"size-10","size-control-xl":"size-11","size-control-2xl":"size-12","size-control-3xl":"size-13","size-control-4xl":"size-13a","size-brand-logo-2xs":"size-11","size-brand-logo-xs":"size-12a","size-brand-logo-sm":"size-13a","size-brand-logo-md":"size-15","size-brand-logo-lg":"size-16a","size-icon-3xs":"size-4","size-icon-2xs":"size-5","size-icon-xs":"size-6","size-icon-md":"size-7","size-icon-lg":"size-8","size-icon-xl":"size-10","size-layout-3xs":"size-11","size-layout-2xs":"size-12","size-layout-sm":"size-15","size-layout-md":"size-18","size-layout-lg":"size-19","size-overlay-sm":"size-14","size-overlay-md":"size-16","size-overlay-lg":"size-18","size-overlay-xl":"size-19","size-overlay-2xl":"size-21","size-overlay-3xl":"size-23","size-overlay-full":"size-full","size-input-height-sm":"size-9","size-input-height-md":"size-10","size-input-padding-y":"spacing-3","size-input-padding-x":"spacing-5","size-input-gap":"spacing-5","size-input-radius":"radius-100","font-input-size":"font-size-400","size-input-icon":"size-6","radius-sm":"radius-100","radius-md":"radius-200","radius-lg":"radius-300","radius-xl":"radius-500"},component:{"UT-banner-buttons-gap":"gap-sm","UT-banner-gap-lg":"gap-xl","UT-banner-gap-md":"gap-lg","UT-banner-gap-sm":"gap-sm","UT-banner-icon-gap":"gap-md","UT-banner-icon-size-lg":"size-icon-md","UT-banner-icon-size-sm":"size-icon-xs","UT-banner-padding-lg":"padding-lg","UT-banner-padding-md":"padding-md","UT-banner-padding-x-sm":"padding-sm","UT-banner-padding-y-sm":"padding-xs","UT-banner-radius":"radius-md","UT-banner-text-gap":"gap-sm","UT-button-height-sm":"size-control-sm","UT-button-height-md":"size-control-md","UT-button-height-lg":"size-control-lg","UT-button-padding-xs":"padding-2xs","UT-button-padding-sm":"padding-xs","UT-button-padding-md":"padding-sm","UT-button-padding-lg":"padding-md","UT-button-gap-sm":"gap-xs","UT-button-gap-md":"gap-sm","UT-button-label-size":"font-label-size-md","UT-button-label-weight":"font-weight-600","UT-button-label-lh":"font-lh-reset","UT-button-radius":"radius-sm","UT-button-icon-size-sm":"size-icon-xs","UT-button-icon-size-md":"size-icon-md","UT-buttonGroup-padding":"padding-2xs","UT-buttonGroup-radius":"radius-md","UT-label-size-title-1":"font-heading-size-1","UT-label-size-title-2":"font-heading-size-2","UT-label-size-title-3":"font-heading-size-3","UT-label-size-subtitle-1":"font-heading-size-4","UT-label-size-subtitle-2":"font-heading-size-5","UT-label-size-body":"font-body-size-lg","UT-label-size-small":"font-body-size-md","UT-label-size-xsmall":"font-body-size-sm","UT-label-lh-heading":"font-lh-heading","UT-label-lh-subheading":"font-lh-subheading","UT-label-lh-body":"font-lh-body","UT-label-lh-small":"font-lh-140","UT-label-lh-xsmall":"font-lh-150","UT-label-weight-thin":"font-weight-thin","UT-label-weight-extralight":"font-weight-extralight","UT-label-weight-light":"font-weight-light","UT-label-weight-regular":"font-weight-regular","UT-label-weight-medium":"font-weight-medium","UT-label-weight-semibold":"font-weight-semibold","UT-label-weight-bold":"font-weight-bold","UT-label-weight-extrabold":"font-weight-extrabold","UT-label-weight-black":"font-weight-black","UT-label-markdown-margin-sm":"padding-xs","UT-label-markdown-margin-md":"padding-sm","UT-label-markdown-margin-lg":"padding-md","UT-label-markdown-margin-xl":"padding-lg","UT-label-markdown-padding-sm":"padding-xs","UT-label-markdown-padding-md":"padding-sm","UT-label-markdown-padding-lg":"padding-md","UT-label-markdown-padding-xl":"padding-lg","UT-shortcutPanel-width":"size-layout-md","UT-shortcutPanel-width-collapsed":"size-layout-3xs","UT-shortcutPanel-padding":"padding-md","UT-shortcutPanel-header-height":"size-layout-2xs","UT-shortcutPanel-header-gap":"gap-sm","UT-shortcutPanel-header-label-size":"font-heading-size-5","UT-shortcutPanel-category-height":"size-control-md","UT-shortcutPanel-category-padding":"padding-xs","UT-shortcutPanel-category-gap":"gap-lg","UT-shortcutPanel-category-label-size":"font-body-size-sm","UT-shortcutPanel-category-icon-size":"size-icon-md","UT-shortcutPanel-item-height":"size-control-md","UT-shortcutPanel-item-padding":"padding-xs","UT-shortcutPanel-item-gap":"gap-sm","UT-shortcutPanel-item-label-size":"font-body-size-md","UT-shortcutPanel-item-icon-size":"size-icon-xs","UT-snackbar-padding-x":"padding-sm","UT-snackbar-padding-y":"padding-sm","UT-snackbar-radius":"radius-sm","UT-snackbar-gap-icon":"gap-sm","UT-snackbar-gap-description":"gap-xs","UT-snackbar-gap-actions":"gap-xs","UT-snackbar-gap-action-area":"gap-md","UT-snackbar-icon-size":"size-icon-xs","UT-snackbar-icon-offset":"spacing-1","UT-dataElement-padding-md":"padding-md","UT-dataElement-padding-sm":"padding-xs","UT-dataElement-gap-md":"gap-lg","UT-dataElement-gap-sm":"gap-sm","UT-dataElement-content-gap-x":"gap-sm","UT-dataElement-content-gap-y":"gap-sm","UT-dataElement-icon-size":"size-icon-md","UT-dataElement-chevron-icon-size":"size-icon-xs","UT-dataElement-title-size":"font-body-size-md","UT-dataElement-title-weight":"font-weight-medium","UT-dataElement-prefix-size":"font-body-size-md","UT-dataElement-prefix-weight":"font-weight-medium","UT-dataCategory-padding":"padding-md","UT-dataCategory-gap":"gap-lg","UT-dataCategory-title-gap":"gap-sm","UT-dataCategory-title-size":"font-body-size-sm","UT-dataCategory-title-weight":"font-weight-medium","UT-dataCategory-icon-size":"size-icon-xs","UT-status-gap-large":"gap-sm","UT-status-gap-medium":"gap-sm","UT-status-gap-small":"gap-xs","UT-status-gap-xlarge":"gap-sm","UT-status-gap-xsmall":"gap-xs","UT-status-padding-y-large":"padding-2xs","UT-status-padding-x-large":"padding-xs","UT-status-padding-y-medium":"padding-2xs","UT-status-padding-x-medium":"padding-xs","UT-status-padding-y-small":"padding-2xs","UT-status-padding-x-small":"padding-xs","UT-status-padding-y-xlarge":"padding-xs","UT-status-padding-x-xlarge":"padding-sm","UT-status-padding-y-xsmall":"padding-3xs","UT-status-padding-x-xsmall":"padding-2xs","UT-status-radius":"radius-sm","UT-status-radius-rounded":"radius-full","UT-status-icon-size-3xs":"size-icon-3xs","UT-status-icon-size-2xs":"size-icon-2xs","UT-status-icon-size-xs":"size-icon-xs","UT-status-icon-size-md":"size-icon-md","UT-datepicker-root-gap":"gap-sm","UT-datepicker-adornments-gap":"gap-xs","UT-datepicker-day-padding-y":"padding-xs","UT-datepicker-day-padding-x":"padding-sm","UT-datepicker-calendar-gap":"gap-lg","UT-datepicker-calendar-padding":"padding-md","UT-datepicker-input-padding-x":"padding-sm","UT-datepicker-input-height":"size-control-sm","UT-loading-size":"size-control-4xl","UT-loading-logo-width":"size-brand-logo-2xs","UT-loading-color-start":"var(--identitySolidTone3)","UT-loading-color-end":"var(--identitySolidTone2)","UT-loading-text-size":"font-body-size-md","UT-loading-gap":"gap-lg","UT-richText-radius":"radius-sm","UT-richText-padding-y":"padding-sm","UT-richText-padding-x":"padding-md","UT-richText-gap":"gap-md","UT-richText-toolbar-gap":"gap-xs","UT-richText-separator-height":"size-icon-xs","UT-richText-block-gap":"gap-sm","UT-richText-list-indent":"spacing-6","UT-richText-body-size":"font-body-size-lg","UT-richText-body-lh":"font-lh-body","UT-richText-bold-weight":"font-weight-semibold","UT-richText-content-min-height":"size-12a","UT-richText-content-max-height":"size-17"}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _default=exports.default={base:{"size-12a":"4.5rem","size-13a":"7.5rem","size-16a":"12.5rem","size-full":"100%","size-0":"0rem","size-1":"0.125rem","size-2":"0.25rem","size-3":"0.5rem","size-4":"0.75rem","size-5":"1rem","size-6":"1.25rem","size-7":"1.5rem","size-8":"2rem","size-9":"2.5rem","size-10":"3rem","size-11":"3.5rem","size-12":"4rem","size-13":"6rem","size-14":"8rem","size-15":"10rem","size-16":"12rem","size-17":"14rem","size-18":"16rem","size-19":"20rem","spacing-0":"0rem","spacing-1":"0.125rem","spacing-2":"0.25rem","spacing-3":"0.5rem","spacing-4":"0.75rem","spacing-5":"1rem","spacing-6":"1.25rem","spacing-7":"1.5rem","spacing-8":"2rem","spacing-9":"2.5rem","spacing-10":"3rem","spacing-11":"3.5rem","spacing-12":"4rem","spacing-13":"6rem","spacing-14":"8rem","font-family":"Inter","font-size-100":"0.625rem","font-size-200":"0.75rem","font-size-300":"0.875rem","font-size-400":"1rem","font-size-500":"1.125rem","font-size-600":"1.25rem","font-size-650":"1.375rem","font-size-700":"1.5rem","font-size-800":"1.875rem","font-size-900":"2.5rem","font-size-1000":"3rem","font-size-1100":"4rem","font-weight-100":"100","font-weight-200":"200","font-weight-300":"300","font-weight-400":"400","font-weight-500":"500","font-weight-600":"600","font-weight-700":"700","font-weight-800":"800","font-weight-900":"900","font-lh-100":"1","font-lh-120":"1.2","font-lh-140":"1.4","font-lh-150":"1.5","font-lh-170":"1.7","legacy-font-lh-full":"100%","legacy-font-lh-100":"1.125rem","legacy-font-lh-120":"1.25rem","legacy-font-lh-140":"1.375rem","radius-100":"4px","radius-200":"8px","radius-300":"12px","radius-400":"16px","radius-500":"24px","radius-full":"9999px"},semantic:{"padding-3xs":"spacing-1","padding-2xs":"spacing-2","padding-xs":"spacing-3","padding-sm":"spacing-4","padding-md":"spacing-5","padding-lg":"spacing-7","padding-xl":"spacing-8","padding-2xl":"spacing-9","gap-2xs":"spacing-1","gap-xs":"spacing-2","gap-sm":"spacing-3","gap-md":"spacing-4","gap-lg":"spacing-5","gap-xl":"spacing-7","gap-2xl":"spacing-8","gap-3xl":"spacing-9","font-heading-size-1":"font-size-700","font-heading-size-2":"font-size-650","font-heading-size-3":"font-size-600","font-heading-size-4":"font-size-500","font-heading-size-5":"font-size-400","font-heading-size-6":"font-size-500","font-body-size-xs":"font-size-100","font-body-size-sm":"font-size-200","font-body-size-md":"font-size-300","font-body-size-lg":"font-size-400","font-metric-size-sm":"font-size-300","font-metric-size-md":"font-size-400","font-metric-size-lg":"font-size-500","font-action-size-sm":"font-size-200","font-action-size-md":"font-size-300","font-label-size-sm":"font-size-200","font-label-size-md":"font-size-300","font-weight-thin":"font-weight-100","font-weight-extralight":"font-weight-200","font-weight-light":"font-weight-300","font-weight-regular":"font-weight-400","font-weight-medium":"font-weight-500","font-weight-semibold":"font-weight-600","font-weight-bold":"font-weight-700","font-weight-extrabold":"font-weight-800","font-weight-black":"font-weight-900","font-lh-reset":"font-lh-100","font-lh-heading":"font-lh-120","font-lh-subheading":"font-lh-140","font-lh-body":"font-lh-140","font-lh-caption":"font-lh-170","legacy-font-lh-small":"legacy-font-lh-120","legacy-font-lh-xsmall":"legacy-font-lh-100","size-control-2xs":"size-5","size-control-xs":"size-7","size-control-sm":"size-8","size-control-md":"size-9","size-control-lg":"size-10","size-control-xl":"size-11","size-control-2xl":"size-12","size-control-3xl":"size-13","size-control-4xl":"size-13a","size-brand-logo-2xs":"size-11","size-brand-logo-xs":"size-12a","size-brand-logo-sm":"size-13a","size-brand-logo-md":"size-15","size-brand-logo-lg":"size-16a","size-icon-3xs":"size-4","size-icon-2xs":"size-5","size-icon-xs":"size-6","size-icon-md":"size-7","size-icon-lg":"size-8","size-icon-xl":"size-10","size-layout-3xs":"size-11","size-layout-2xs":"size-12","size-layout-sm":"size-15","size-layout-md":"size-18","size-layout-lg":"size-19","size-overlay-sm":"size-14","size-overlay-md":"size-16","size-overlay-lg":"size-18","size-overlay-xl":"size-19","size-overlay-2xl":"size-21","size-overlay-3xl":"size-23","size-overlay-full":"size-full","size-input-height-sm":"size-9","size-input-height-md":"size-10","size-input-padding-y":"spacing-3","size-input-padding-x":"spacing-5","size-input-gap":"spacing-5","size-input-radius":"radius-100","font-input-size":"font-size-400","size-input-icon":"size-6","radius-sm":"radius-100","radius-md":"radius-200","radius-lg":"radius-300","radius-xl":"radius-500"},component:{"UT-banner-buttons-gap":"gap-sm","UT-banner-gap-lg":"gap-xl","UT-banner-gap-md":"gap-lg","UT-banner-gap-sm":"gap-sm","UT-banner-icon-gap":"gap-md","UT-banner-icon-size-lg":"size-icon-md","UT-banner-icon-size-sm":"size-icon-xs","UT-banner-padding-lg":"padding-lg","UT-banner-padding-md":"padding-md","UT-banner-padding-x-sm":"padding-sm","UT-banner-padding-y-sm":"padding-xs","UT-banner-radius":"radius-md","UT-banner-text-gap":"gap-sm","UT-button-height-sm":"size-control-sm","UT-button-height-md":"size-control-md","UT-button-height-lg":"size-control-lg","UT-button-padding-xs":"padding-2xs","UT-button-padding-sm":"padding-xs","UT-button-padding-md":"padding-sm","UT-button-padding-lg":"padding-md","UT-button-gap-sm":"gap-xs","UT-button-gap-md":"gap-sm","UT-button-label-size":"font-label-size-md","UT-button-label-weight":"font-weight-600","UT-button-label-lh":"font-lh-reset","UT-button-radius":"radius-sm","UT-button-icon-size-sm":"size-icon-xs","UT-button-icon-size-md":"size-icon-md","UT-buttonGroup-padding":"padding-2xs","UT-buttonGroup-radius":"radius-md","UT-label-size-title-1":"font-heading-size-1","UT-label-size-title-2":"font-heading-size-2","UT-label-size-title-3":"font-heading-size-3","UT-label-size-subtitle-1":"font-heading-size-4","UT-label-size-subtitle-2":"font-heading-size-5","UT-label-size-body":"font-body-size-lg","UT-label-size-small":"font-body-size-md","UT-label-size-xsmall":"font-body-size-sm","UT-label-lh-heading":"font-lh-heading","UT-label-lh-subheading":"font-lh-subheading","UT-label-lh-body":"font-lh-body","UT-label-lh-small":"font-lh-140","UT-label-lh-xsmall":"font-lh-150","UT-label-weight-thin":"font-weight-thin","UT-label-weight-extralight":"font-weight-extralight","UT-label-weight-light":"font-weight-light","UT-label-weight-regular":"font-weight-regular","UT-label-weight-medium":"font-weight-medium","UT-label-weight-semibold":"font-weight-semibold","UT-label-weight-bold":"font-weight-bold","UT-label-weight-extrabold":"font-weight-extrabold","UT-label-weight-black":"font-weight-black","UT-label-markdown-margin-sm":"padding-xs","UT-label-markdown-margin-md":"padding-sm","UT-label-markdown-margin-lg":"padding-md","UT-label-markdown-margin-xl":"padding-lg","UT-label-markdown-padding-sm":"padding-xs","UT-label-markdown-padding-md":"padding-sm","UT-label-markdown-padding-lg":"padding-md","UT-label-markdown-padding-xl":"padding-lg","UT-shortcutPanel-width":"size-layout-md","UT-shortcutPanel-width-collapsed":"size-layout-3xs","UT-shortcutPanel-padding":"padding-md","UT-shortcutPanel-header-height":"size-layout-2xs","UT-shortcutPanel-header-gap":"gap-sm","UT-shortcutPanel-header-label-size":"font-heading-size-5","UT-shortcutPanel-category-height":"size-control-md","UT-shortcutPanel-category-padding":"padding-xs","UT-shortcutPanel-category-gap":"gap-lg","UT-shortcutPanel-category-label-size":"font-body-size-sm","UT-shortcutPanel-category-icon-size":"size-icon-md","UT-shortcutPanel-item-height":"size-control-md","UT-shortcutPanel-item-padding":"padding-xs","UT-shortcutPanel-item-gap":"gap-sm","UT-shortcutPanel-item-label-size":"font-body-size-md","UT-shortcutPanel-item-icon-size":"size-icon-xs","UT-snackbar-padding-x":"padding-sm","UT-snackbar-padding-y":"padding-sm","UT-snackbar-radius":"radius-sm","UT-snackbar-gap-icon":"gap-sm","UT-snackbar-gap-description":"gap-xs","UT-snackbar-gap-actions":"gap-xs","UT-snackbar-gap-action-area":"gap-md","UT-snackbar-icon-size":"size-icon-xs","UT-snackbar-icon-offset":"spacing-1","UT-dataElement-padding-md":"padding-md","UT-dataElement-padding-sm":"padding-xs","UT-dataElement-gap-md":"gap-lg","UT-dataElement-gap-sm":"gap-sm","UT-dataElement-content-gap-x":"gap-sm","UT-dataElement-content-gap-y":"gap-sm","UT-dataElement-icon-size":"size-icon-md","UT-dataElement-chevron-icon-size":"size-icon-xs","UT-dataElement-title-size":"font-body-size-md","UT-dataElement-title-weight":"font-weight-medium","UT-dataElement-prefix-size":"font-body-size-md","UT-dataElement-prefix-weight":"font-weight-medium","UT-dataCategory-padding":"padding-md","UT-dataCategory-gap":"gap-lg","UT-dataCategory-title-gap":"gap-sm","UT-dataCategory-title-size":"font-body-size-sm","UT-dataCategory-title-weight":"font-weight-medium","UT-dataCategory-icon-size":"size-icon-xs","UT-status-gap-large":"gap-sm","UT-status-gap-medium":"gap-sm","UT-status-gap-small":"gap-xs","UT-status-gap-xlarge":"gap-sm","UT-status-gap-xsmall":"gap-xs","UT-status-padding-y-large":"padding-2xs","UT-status-padding-x-large":"padding-xs","UT-status-padding-y-medium":"padding-2xs","UT-status-padding-x-medium":"padding-xs","UT-status-padding-y-small":"padding-2xs","UT-status-padding-x-small":"padding-xs","UT-status-padding-y-xlarge":"padding-xs","UT-status-padding-x-xlarge":"padding-sm","UT-status-padding-y-xsmall":"padding-3xs","UT-status-padding-x-xsmall":"padding-2xs","UT-status-radius":"radius-sm","UT-status-radius-rounded":"radius-full","UT-status-icon-size-3xs":"size-icon-3xs","UT-status-icon-size-2xs":"size-icon-2xs","UT-status-icon-size-xs":"size-icon-xs","UT-status-icon-size-md":"size-icon-md","UT-datepicker-root-gap":"gap-sm","UT-datepicker-adornments-gap":"gap-xs","UT-datepicker-day-padding-y":"padding-xs","UT-datepicker-day-padding-x":"padding-sm","UT-datepicker-calendar-gap":"gap-lg","UT-datepicker-calendar-padding":"padding-md","UT-datepicker-input-padding-x":"padding-sm","UT-datepicker-input-height":"size-control-sm","UT-loading-size":"size-control-4xl","UT-loading-logo-width":"size-brand-logo-2xs","UT-loading-color-start":"var(--identitySolidTone3)","UT-loading-color-end":"var(--identitySolidTone2)","UT-loading-text-size":"font-body-size-md","UT-loading-gap":"gap-lg"}};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _default=exports.default={base:{"size-12a":"4.5rem","size-13a":"7.5rem","size-16a":"12.5rem","size-full":"100%","size-0":"0rem","size-1":"0.125rem","size-2":"0.25rem","size-3":"0.5rem","size-4":"0.75rem","size-5":"1rem","size-6":"1.25rem","size-7":"1.5rem","size-8":"2rem","size-9":"2.5rem","size-10":"3rem","size-11":"3.5rem","size-12":"4rem","size-13":"6rem","size-14":"8rem","size-15":"10rem","size-16":"12rem","size-17":"14rem","size-18":"16rem","size-19":"20rem","spacing-0":"0rem","spacing-1":"0.125rem","spacing-2":"0.25rem","spacing-3":"0.5rem","spacing-4":"0.75rem","spacing-5":"1rem","spacing-6":"1.25rem","spacing-7":"1.5rem","spacing-8":"2rem","spacing-9":"2.5rem","spacing-10":"3rem","spacing-11":"3.5rem","spacing-12":"4rem","spacing-13":"6rem","spacing-14":"8rem","font-family":"Inter","font-size-100":"0.625rem","font-size-200":"0.75rem","font-size-300":"0.875rem","font-size-400":"1rem","font-size-500":"1.125rem","font-size-600":"1.25rem","font-size-650":"1.375rem","font-size-700":"1.5rem","font-size-800":"1.875rem","font-size-900":"2.5rem","font-size-1000":"3rem","font-size-1100":"4rem","font-weight-100":"100","font-weight-200":"200","font-weight-300":"300","font-weight-400":"400","font-weight-500":"500","font-weight-600":"600","font-weight-700":"700","font-weight-800":"800","font-weight-900":"900","font-lh-100":"1","font-lh-120":"1.2","font-lh-140":"1.4","font-lh-150":"1.5","font-lh-170":"1.7","legacy-font-lh-full":"100%","legacy-font-lh-100":"1.125rem","legacy-font-lh-120":"1.25rem","legacy-font-lh-140":"1.375rem","radius-100":"4px","radius-200":"8px","radius-300":"12px","radius-400":"16px","radius-500":"24px","radius-full":"9999px"},semantic:{"padding-3xs":"spacing-1","padding-2xs":"spacing-2","padding-xs":"spacing-3","padding-sm":"spacing-4","padding-md":"spacing-5","padding-lg":"spacing-7","padding-xl":"spacing-8","padding-2xl":"spacing-9","gap-2xs":"spacing-1","gap-xs":"spacing-2","gap-sm":"spacing-3","gap-md":"spacing-4","gap-lg":"spacing-5","gap-xl":"spacing-7","gap-2xl":"spacing-8","gap-3xl":"spacing-9","font-heading-size-1":"font-size-700","font-heading-size-2":"font-size-650","font-heading-size-3":"font-size-600","font-heading-size-4":"font-size-500","font-heading-size-5":"font-size-400","font-heading-size-6":"font-size-500","font-body-size-xs":"font-size-100","font-body-size-sm":"font-size-200","font-body-size-md":"font-size-300","font-body-size-lg":"font-size-400","font-metric-size-sm":"font-size-300","font-metric-size-md":"font-size-400","font-metric-size-lg":"font-size-500","font-action-size-sm":"font-size-200","font-action-size-md":"font-size-300","font-label-size-sm":"font-size-200","font-label-size-md":"font-size-300","font-weight-thin":"font-weight-100","font-weight-extralight":"font-weight-200","font-weight-light":"font-weight-300","font-weight-regular":"font-weight-400","font-weight-medium":"font-weight-500","font-weight-semibold":"font-weight-600","font-weight-bold":"font-weight-700","font-weight-extrabold":"font-weight-800","font-weight-black":"font-weight-900","font-lh-reset":"font-lh-100","font-lh-heading":"font-lh-120","font-lh-subheading":"font-lh-140","font-lh-body":"font-lh-140","font-lh-caption":"font-lh-170","legacy-font-lh-small":"legacy-font-lh-120","legacy-font-lh-xsmall":"legacy-font-lh-100","size-control-2xs":"size-5","size-control-xs":"size-7","size-control-sm":"size-8","size-control-md":"size-9","size-control-lg":"size-10","size-control-xl":"size-11","size-control-2xl":"size-12","size-control-3xl":"size-13","size-control-4xl":"size-13a","size-brand-logo-2xs":"size-11","size-brand-logo-xs":"size-12a","size-brand-logo-sm":"size-13a","size-brand-logo-md":"size-15","size-brand-logo-lg":"size-16a","size-icon-3xs":"size-4","size-icon-2xs":"size-5","size-icon-xs":"size-6","size-icon-md":"size-7","size-icon-lg":"size-8","size-icon-xl":"size-10","size-layout-3xs":"size-11","size-layout-2xs":"size-12","size-layout-sm":"size-15","size-layout-md":"size-18","size-layout-lg":"size-19","size-overlay-sm":"size-14","size-overlay-md":"size-16","size-overlay-lg":"size-18","size-overlay-xl":"size-19","size-overlay-2xl":"size-21","size-overlay-3xl":"size-23","size-overlay-full":"size-full","size-input-height-sm":"size-9","size-input-height-md":"size-10","size-input-padding-y":"spacing-3","size-input-padding-x":"spacing-5","size-input-gap":"spacing-5","size-input-radius":"radius-100","font-input-size":"font-size-400","size-input-icon":"size-6","radius-sm":"radius-100","radius-md":"radius-200","radius-lg":"radius-300","radius-xl":"radius-500"},component:{"UT-banner-buttons-gap":"gap-sm","UT-banner-gap-lg":"gap-xl","UT-banner-gap-md":"gap-lg","UT-banner-gap-sm":"gap-sm","UT-banner-icon-gap":"gap-md","UT-banner-icon-size-lg":"size-icon-md","UT-banner-icon-size-sm":"size-icon-xs","UT-banner-padding-lg":"padding-lg","UT-banner-padding-md":"padding-md","UT-banner-padding-x-sm":"padding-sm","UT-banner-padding-y-sm":"padding-xs","UT-banner-radius":"radius-md","UT-banner-text-gap":"gap-sm","UT-button-height-sm":"size-control-sm","UT-button-height-md":"size-control-md","UT-button-height-lg":"size-control-lg","UT-button-padding-xs":"padding-2xs","UT-button-padding-sm":"padding-xs","UT-button-padding-md":"padding-sm","UT-button-padding-lg":"padding-md","UT-button-gap-sm":"gap-xs","UT-button-gap-md":"gap-sm","UT-button-label-size":"font-label-size-md","UT-button-label-weight":"font-weight-600","UT-button-label-lh":"font-lh-reset","UT-button-radius":"radius-sm","UT-button-icon-size-sm":"size-icon-xs","UT-button-icon-size-md":"size-icon-md","UT-buttonGroup-padding":"padding-2xs","UT-buttonGroup-radius":"radius-md","UT-label-size-title-1":"font-heading-size-1","UT-label-size-title-2":"font-heading-size-2","UT-label-size-title-3":"font-heading-size-3","UT-label-size-subtitle-1":"font-heading-size-4","UT-label-size-subtitle-2":"font-heading-size-5","UT-label-size-body":"font-body-size-lg","UT-label-size-small":"font-body-size-md","UT-label-size-xsmall":"font-body-size-sm","UT-label-lh-heading":"font-lh-heading","UT-label-lh-subheading":"font-lh-subheading","UT-label-lh-body":"font-lh-body","UT-label-lh-small":"font-lh-140","UT-label-lh-xsmall":"font-lh-150","UT-label-weight-thin":"font-weight-thin","UT-label-weight-extralight":"font-weight-extralight","UT-label-weight-light":"font-weight-light","UT-label-weight-regular":"font-weight-regular","UT-label-weight-medium":"font-weight-medium","UT-label-weight-semibold":"font-weight-semibold","UT-label-weight-bold":"font-weight-bold","UT-label-weight-extrabold":"font-weight-extrabold","UT-label-weight-black":"font-weight-black","UT-label-markdown-margin-sm":"padding-xs","UT-label-markdown-margin-md":"padding-sm","UT-label-markdown-margin-lg":"padding-md","UT-label-markdown-margin-xl":"padding-lg","UT-label-markdown-padding-sm":"padding-xs","UT-label-markdown-padding-md":"padding-sm","UT-label-markdown-padding-lg":"padding-md","UT-label-markdown-padding-xl":"padding-lg","UT-shortcutPanel-width":"size-layout-md","UT-shortcutPanel-width-collapsed":"size-layout-3xs","UT-shortcutPanel-padding":"padding-md","UT-shortcutPanel-header-height":"size-layout-2xs","UT-shortcutPanel-header-gap":"gap-sm","UT-shortcutPanel-header-label-size":"font-heading-size-5","UT-shortcutPanel-category-height":"size-control-md","UT-shortcutPanel-category-padding":"padding-xs","UT-shortcutPanel-category-gap":"gap-lg","UT-shortcutPanel-category-label-size":"font-body-size-sm","UT-shortcutPanel-category-icon-size":"size-icon-md","UT-shortcutPanel-item-height":"size-control-md","UT-shortcutPanel-item-padding":"padding-xs","UT-shortcutPanel-item-gap":"gap-sm","UT-shortcutPanel-item-label-size":"font-body-size-md","UT-shortcutPanel-item-icon-size":"size-icon-xs","UT-snackbar-padding-x":"padding-sm","UT-snackbar-padding-y":"padding-sm","UT-snackbar-radius":"radius-sm","UT-snackbar-gap-icon":"gap-sm","UT-snackbar-gap-description":"gap-xs","UT-snackbar-gap-actions":"gap-xs","UT-snackbar-gap-action-area":"gap-md","UT-snackbar-icon-size":"size-icon-xs","UT-snackbar-icon-offset":"spacing-1","UT-dataElement-padding-md":"padding-md","UT-dataElement-padding-sm":"padding-xs","UT-dataElement-gap-md":"gap-lg","UT-dataElement-gap-sm":"gap-sm","UT-dataElement-content-gap-x":"gap-sm","UT-dataElement-content-gap-y":"gap-sm","UT-dataElement-icon-size":"size-icon-md","UT-dataElement-chevron-icon-size":"size-icon-xs","UT-dataElement-title-size":"font-body-size-md","UT-dataElement-title-weight":"font-weight-medium","UT-dataElement-prefix-size":"font-body-size-md","UT-dataElement-prefix-weight":"font-weight-medium","UT-dataCategory-padding":"padding-md","UT-dataCategory-gap":"gap-lg","UT-dataCategory-title-gap":"gap-sm","UT-dataCategory-title-size":"font-body-size-sm","UT-dataCategory-title-weight":"font-weight-medium","UT-dataCategory-icon-size":"size-icon-xs","UT-status-gap-large":"gap-sm","UT-status-gap-medium":"gap-sm","UT-status-gap-small":"gap-xs","UT-status-gap-xlarge":"gap-sm","UT-status-gap-xsmall":"gap-xs","UT-status-padding-y-large":"padding-2xs","UT-status-padding-x-large":"padding-xs","UT-status-padding-y-medium":"padding-2xs","UT-status-padding-x-medium":"padding-xs","UT-status-padding-y-small":"padding-2xs","UT-status-padding-x-small":"padding-xs","UT-status-padding-y-xlarge":"padding-xs","UT-status-padding-x-xlarge":"padding-sm","UT-status-padding-y-xsmall":"padding-3xs","UT-status-padding-x-xsmall":"padding-2xs","UT-status-radius":"radius-sm","UT-status-radius-rounded":"radius-full","UT-status-icon-size-3xs":"size-icon-3xs","UT-status-icon-size-2xs":"size-icon-2xs","UT-status-icon-size-xs":"size-icon-xs","UT-status-icon-size-md":"size-icon-md","UT-datepicker-root-gap":"gap-sm","UT-datepicker-adornments-gap":"gap-xs","UT-datepicker-day-padding-y":"padding-xs","UT-datepicker-day-padding-x":"padding-sm","UT-datepicker-calendar-gap":"gap-lg","UT-datepicker-calendar-padding":"padding-md","UT-datepicker-input-padding-x":"padding-sm","UT-datepicker-input-height":"size-control-sm","UT-loading-size":"size-control-4xl","UT-loading-logo-width":"size-brand-logo-2xs","UT-loading-color-start":"var(--identitySolidTone3)","UT-loading-color-end":"var(--identitySolidTone2)","UT-loading-text-size":"font-body-size-md","UT-loading-gap":"gap-lg","UT-richText-radius":"radius-sm","UT-richText-padding-y":"padding-sm","UT-richText-padding-x":"padding-md","UT-richText-gap":"gap-md","UT-richText-toolbar-gap":"gap-xs","UT-richText-separator-height":"size-icon-xs","UT-richText-block-gap":"gap-sm","UT-richText-list-indent":"spacing-6","UT-richText-body-size":"font-body-size-lg","UT-richText-body-lh":"font-lh-body","UT-richText-bold-weight":"font-weight-semibold","UT-richText-content-min-height":"size-12a","UT-richText-content-max-height":"size-17"}};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@widergy/energy-ui",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.176.0",
|
|
4
4
|
"description": "Widergy Web Components",
|
|
5
5
|
"author": "widergy",
|
|
6
6
|
"license": "MIT",
|
|
@@ -49,6 +49,18 @@
|
|
|
49
49
|
"@react-google-maps/api": "^2.19.3",
|
|
50
50
|
"@tabler/icons-react": "^2.0.0",
|
|
51
51
|
"@tippy.js/react": "^3.0.0",
|
|
52
|
+
"@tiptap/core": "3.29.2",
|
|
53
|
+
"@tiptap/extension-bold": "3.29.2",
|
|
54
|
+
"@tiptap/extension-document": "3.29.2",
|
|
55
|
+
"@tiptap/extension-hard-break": "3.29.2",
|
|
56
|
+
"@tiptap/extension-italic": "3.29.2",
|
|
57
|
+
"@tiptap/extension-link": "3.29.2",
|
|
58
|
+
"@tiptap/extension-list": "3.29.2",
|
|
59
|
+
"@tiptap/extension-paragraph": "3.29.2",
|
|
60
|
+
"@tiptap/extension-text": "3.29.2",
|
|
61
|
+
"@tiptap/extensions": "3.29.2",
|
|
62
|
+
"@tiptap/pm": "3.29.2",
|
|
63
|
+
"@tiptap/react": "3.29.2",
|
|
52
64
|
"@trainline/react-skeletor": "^1.0.2",
|
|
53
65
|
"@widergy/energy-hooks": "^2.0.0",
|
|
54
66
|
"@widergy/web-utils": "^2.0.0",
|
|
@@ -136,10 +148,10 @@
|
|
|
136
148
|
"sass-lint": "^1.12.1",
|
|
137
149
|
"semantic-release": "^15.13.31",
|
|
138
150
|
"storybook": "^8.0.9",
|
|
151
|
+
"terser": "^5.36.0",
|
|
139
152
|
"typescript-coverage-report": "^1.1.0",
|
|
140
153
|
"typescript-eslint": "^8.46.4",
|
|
141
154
|
"wait-on": "^9.0.3",
|
|
142
|
-
"terser": "^5.36.0",
|
|
143
155
|
"webpack": "^5.90.1"
|
|
144
156
|
},
|
|
145
157
|
"release": {
|