npm - @oracle/oraclejet-preact - Versions diffs - 14.1.7 → 14.1.9 - Mend

@oracle/oraclejet-preact 14.1.7 → 14.1.9

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.

Files changed (1220) hide show

package/amd/UNSAFE_BaseButton/__tests__/BaseButton.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../BaseButton-4b95e724","../../hooks/UNSAFE_useTabbableMode","../../tslib.es6-de389af1","../../hooks/UNSAFE_usePress","preact/hooks","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useActive","../../utils/UNSAFE_classNames","../../classNames-f7aa427b","preact/compat","css!./../../UNSAFE_BaseButton.css","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-a9b2d356","../../utils/UNSAFE_mergeInterpolations","../../_curry3-aa9c5bd1","../../_curry2-4587c862","../../_has-264770bc","../../utils/PRIVATE_clientHints","../../clientHints-0061da83","../../utils/UNSAFE_mergeProps","preact"],function(e,t,n,s,o,a,i,c,r,l,u,d,b,x,j,B,h,y,p,f,g,A,v,S,E,T,m){"use strict";afterEach(t.cleanup),describe("Test BaseButton component",()=>{it("render",async function(){const o=t.render(e.jsx(s.BaseButton,{children:"Press Me"})),a=await o.findByText("Press Me");n.expect(a).not.null}),it("click",async function(){let o=0;const a=t.render(e.jsxs("div",{children:[e.jsx(s.BaseButton,Object.assign({onAction:()=>{o++}},{children:"Press Me"})),e.jsx("span",{children:o})]})),i=await a.findByText("Press Me");n.expect(i).not.null,t.fireEvent.click(i),n.expect(o).to.equal(1)}),it("ENTER",async function(){let o=0;const a=t.render(e.jsxs("div",{children:[e.jsx(s.BaseButton,Object.assign({onAction:()=>{o++}},{children:"Press Me"})),e.jsx("span",{children:o})]})),i=await a.findByText("Press Me");n.expect(i).not.null,t.fireEvent.keyUp(i,{code:"Enter",key:"Enter",keyCode:13,charCode:13}),n.expect(o).to.equal(1)}),it("Space",async function(){let o=0;const a=t.render(e.jsxs("div",{children:[e.jsx(s.BaseButton,Object.assign({onAction:()=>{o++}},{children:"Press Me"})),e.jsx("span",{children:o})]})),i=await a.findByText("Press Me");n.expect(i).not.null,t.fireEvent.keyUp(i,{code:"Space",key:"Space",keyCode:32,charcode:32}),n.expect(o).to.equal(1)}),it("variant borderless",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({variant:"borderless"},{children:"button"}))).container.querySelector(".oj-c-base-button-borderless");n.expect(o,"borderless button found").not.null}),it("variant callToAction",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({variant:"callToAction"},{children:"button"}))).container.querySelector(".oj-c-base-button-callToAction");n.expect(o,"callToAction button found").not.null}),it("variant danger",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({variant:"danger"},{children:"button"}))).container.querySelector(".oj-c-base-button-danger");n.expect(o,"danger button found").not.null}),it("variant outlined",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({variant:"outlined"},{children:"button"}))).container.querySelector(".oj-c-base-button-outlined");n.expect(o,"outlined button found").not.null}),it("variant solid",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({variant:"solid"},{children:"button"}))).container.querySelector(".oj-c-base-button-solid");n.expect(o,"solid button found").not.null}),it("variant ghost",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({variant:"ghost"},{children:"button"}))).container.querySelector(".oj-c-base-button-ghost");n.expect(o,"ghost button found").not.null}),it("tabindex default ",async()=>{const o=t.render(e.jsx(s.BaseButton,{children:"button"})).container.firstElementChild;if(o){const e=o.getAttribute("tabindex");n.expect(e).to.equal("0")}}),it("size default ",async()=>{const o=t.render(e.jsx(s.BaseButton,{children:"button"})).container.querySelector(".oj-c-base-button-md");n.expect(o,"default size button found").not.null}),it("size sm ",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({size:"sm"},{children:"button"}))).container.querySelector(".oj-c-base-button-sm");n.expect(o,"sm size button found").not.null}),it("size md ",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({size:"md"},{children:"button"}))).container.querySelector(".oj-c-base-button-md");n.expect(o,"md size button found").not.null}),it("size lg ",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({size:"lg"},{children:"button"}))).container.querySelector(".oj-c-base-button-lg");n.expect(o,"lg size button found").not.null}),it("disabled default",async()=>{const o=t.render(e.jsx(s.BaseButton,{children:"button"})).container.firstElementChild;if(o){const e=o.getAttribute("disabled");n.expect(e).null}}),it("disabled",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({isDisabled:!0},{children:"button"}))).container.firstElementChild;if(o){const e=o.getAttribute("disabled"),t=o.getAttribute("tabindex");n.expect(t).to.equal("-1"),n.expect(e).not.null}}),it("with TabbableModeContext isTabbable=true",async()=>{const a=t.render(e.jsx(o.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!0}},{children:e.jsx(s.BaseButton,{children:"button"})}))),i=(await a.findByText("button")).getAttribute("tabindex");n.expect(i).to.equal("0")}),it("with TabbableModeContext isTabbable=false",async()=>{const a=t.render(e.jsx(o.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!1}},{children:e.jsx(s.BaseButton,{children:"button"})}))),i=(await a.findByText("button")).getAttribute("tabindex");n.expect(i).to.equal("-1")})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../BaseButton-7d5eb39d","../../hooks/UNSAFE_useTabbableMode","../../tslib.es6-0026d2ad","../../hooks/UNSAFE_usePress","preact/hooks","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useActive","../../utils/UNSAFE_classNames","../../classNames-62e37972","preact/compat","css!./../../UNSAFE_BaseButton.css","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-5e7b060f","../../utils/UNSAFE_mergeInterpolations","../../_curry3-5f6cc6b4","../../_curry2-a7eb1217","../../_has-ec8331b9","../../utils/PRIVATE_clientHints","../../clientHints-2e828dd3","../../utils/UNSAFE_mergeProps","preact"],function(e,t,n,s,o,i,a,c,r,l,u,d,b,x,j,B,h,y,p,f,g,A,v,S,E,T,m){"use strict";afterEach(t.cleanup),describe("Test BaseButton component",()=>{it("render",async function(){const o=t.render(e.jsx(s.BaseButton,{children:"Press Me"})),i=await o.findByText("Press Me");n.expect(i).not.null}),it("click",async function(){let o=0;const i=t.render(e.jsxs("div",{children:[e.jsx(s.BaseButton,Object.assign({onAction:()=>{o++}},{children:"Press Me"})),e.jsx("span",{children:o})]})),a=await i.findByText("Press Me");n.expect(a).not.null,t.fireEvent.click(a),n.expect(o).to.equal(1)}),it("ENTER",async function(){let o=0;const i=t.render(e.jsxs("div",{children:[e.jsx(s.BaseButton,Object.assign({onAction:()=>{o++}},{children:"Press Me"})),e.jsx("span",{children:o})]})),a=await i.findByText("Press Me");n.expect(a).not.null,t.fireEvent.keyUp(a,{code:"Enter",key:"Enter",keyCode:13,charCode:13}),n.expect(o).to.equal(1)}),it("Space",async function(){let o=0;const i=t.render(e.jsxs("div",{children:[e.jsx(s.BaseButton,Object.assign({onAction:()=>{o++}},{children:"Press Me"})),e.jsx("span",{children:o})]})),a=await i.findByText("Press Me");n.expect(a).not.null,t.fireEvent.keyUp(a,{code:"Space",key:"Space",keyCode:32,charcode:32}),n.expect(o).to.equal(1)}),it("variant borderless",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({variant:"borderless"},{children:"button"}))).container.querySelector(".oj-c-base-button-borderless");n.expect(o,"borderless button found").not.null}),it("variant callToAction",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({variant:"callToAction"},{children:"button"}))).container.querySelector(".oj-c-base-button-callToAction");n.expect(o,"callToAction button found").not.null}),it("variant danger",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({variant:"danger"},{children:"button"}))).container.querySelector(".oj-c-base-button-danger");n.expect(o,"danger button found").not.null}),it("variant outlined",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({variant:"outlined"},{children:"button"}))).container.querySelector(".oj-c-base-button-outlined");n.expect(o,"outlined button found").not.null}),it("variant solid",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({variant:"solid"},{children:"button"}))).container.querySelector(".oj-c-base-button-solid");n.expect(o,"solid button found").not.null}),it("variant ghost",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({variant:"ghost"},{children:"button"}))).container.querySelector(".oj-c-base-button-ghost");n.expect(o,"ghost button found").not.null}),it("tabindex default ",async()=>{const o=t.render(e.jsx(s.BaseButton,{children:"button"})).container.firstElementChild;if(o){const e=o.getAttribute("tabindex");n.expect(e).to.equal("0")}}),it("size default ",async()=>{const o=t.render(e.jsx(s.BaseButton,{children:"button"})).container.querySelector(".oj-c-base-button-md");n.expect(o,"default size button found").not.null}),it("size sm ",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({size:"sm"},{children:"button"}))).container.querySelector(".oj-c-base-button-sm");n.expect(o,"sm size button found").not.null}),it("size md ",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({size:"md"},{children:"button"}))).container.querySelector(".oj-c-base-button-md");n.expect(o,"md size button found").not.null}),it("size lg ",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({size:"lg"},{children:"button"}))).container.querySelector(".oj-c-base-button-lg");n.expect(o,"lg size button found").not.null}),it("disabled default",async()=>{const o=t.render(e.jsx(s.BaseButton,{children:"button"})).container.firstElementChild;if(o){const e=o.getAttribute("disabled");n.expect(e).null}}),it("disabled",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({isDisabled:!0},{children:"button"}))).container.firstElementChild;if(o){const e=o.getAttribute("disabled"),t=o.getAttribute("tabindex");n.expect(t).to.equal("-1"),n.expect(e).not.null}}),it("with TabbableModeContext isTabbable=true",async()=>{const i=t.render(e.jsx(o.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!0}},{children:e.jsx(s.BaseButton,{children:"button"})}))),a=(await i.findByText("button")).getAttribute("tabindex");n.expect(a).to.equal("0")}),it("with TabbableModeContext isTabbable=false",async()=>{const i=t.render(e.jsx(o.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!1}},{children:e.jsx(s.BaseButton,{children:"button"})}))),a=(await i.findByText("button")).getAttribute("tabindex");n.expect(a).to.equal("-1")})})});
 //# sourceMappingURL=BaseButton.spec.js.map

package/amd/UNSAFE_BaseButton.css CHANGED Viewed

@@ -1,15 +1,15 @@
-._1f9o8i9{align-items:center;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);display:inline-block;font-family:inherit;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);justify-content:center;min-width:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);overflow-x:hidden;overflow-y:hidden;padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);padding-top:0;padding-bottom:0;pointer-events:auto;text-overflow:ellipsis;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0);white-space:nowrap;}._1f9o8i9:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active);}._1f9o8i9:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-.t9jisx:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}
-.xg85ms{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active);}
-@media(hover:hover){._2kx22n:hover:enabled:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}}
-@media(hover:hover){._1gtgn04:hover:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}}
-._1dppswy{box-sizing:border-box;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);}
-._1aqxjzg{padding-inline-start:0;padding-inline-end:0;}
-._6isgrc{width:100%;}
-._3p8jn2{background-color:transparent;border-style:hidden;cursor:none;display:flex;}._3p8jn2:active{background-color:transparent;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);}
-._1m4ig4v{height:100%;display:flex;}._1m4ig4v:focus-visible{outline-style:none;}
-._11ob39t{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0px;}
-._1azk0cx{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:0px;}
-._1gunhw5{pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled);}
-._6higk1{border-left-width:0;border-right-width:0;border-block-end-width:0;width:100%;border-top-left-radius:0;border-top-right-radius:0;}
-._17bf84k > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1qexynw{align-items:center;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);display:inline-block;font-family:inherit;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);justify-content:center;min-width:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);overflow-x:hidden;overflow-y:hidden;padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);padding-top:0;padding-bottom:0;pointer-events:auto;text-overflow:ellipsis;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0);white-space:nowrap;}._1qexynw:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active);}._1qexynw:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+._1ipgnxu:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}
+._1izhurf{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active);}
+@media(hover:hover){.voka91:hover:enabled:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}}
+@media(hover:hover){._1ykgdg2:hover:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}}
+._6ae3lb{box-sizing:border-box;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);}
+.wdggev{padding-inline-start:0;padding-inline-end:0;}
+.lgvh6{width:100%;}
+._4zu57r{background-color:transparent;border-style:hidden;cursor:none;display:flex;}._4zu57r:active{background-color:transparent;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);}
+.i961tw{height:100%;display:flex;}.i961tw:focus-visible{outline-style:none;}
+.ep7yu{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0px;}
+._71z8z1{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:0px;}
+._4a1oh6{pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled);}
+._1oeop57{border-left-width:0;border-right-width:0;border-block-end-width:0;width:100%;border-top-left-radius:0;border-top-right-radius:0;}
+._1sig28b > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/amd/UNSAFE_BaseButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./BaseButton-4b95e724","./tslib.es6-de389af1","preact/jsx-runtime","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-f7aa427b","preact/compat","css!./UNSAFE_BaseButton.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-a9b2d356","./utils/UNSAFE_mergeInterpolations","./_curry3-aa9c5bd1","./_curry2-4587c862","./_has-264770bc","./utils/PRIVATE_clientHints","./clientHints-0061da83","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps"],function(s,e,t,a,o,i,r,u,l,c,n,_,A,N,E,U,F,S,b,p,d,h,m,k,B,f){"use strict";s.BaseButton=e.BaseButton,Object.defineProperty(s,"__esModule",{value:!0})});
+define(["exports","./BaseButton-7d5eb39d","./tslib.es6-0026d2ad","preact/jsx-runtime","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-62e37972","preact/compat","css!./UNSAFE_BaseButton.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-5e7b060f","./utils/UNSAFE_mergeInterpolations","./_curry3-5f6cc6b4","./_curry2-a7eb1217","./_has-ec8331b9","./utils/PRIVATE_clientHints","./clientHints-2e828dd3","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps"],function(e,s,t,o,i,r,a,u,l,c,n,_,A,N,E,U,d,F,S,b,p,h,m,k,B,f){"use strict";e.BaseButton=s.BaseButton,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_BaseButton.js.map

package/amd/UNSAFE_Button/__tests__/Button.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../Button-8aa00bbd","../../hooks/UNSAFE_useTabbableMode","../../UNSAFE_BaseButton","../../BaseButton-4b95e724","../../tslib.es6-de389af1","../../hooks/UNSAFE_usePress","preact/hooks","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useActive","../../utils/UNSAFE_classNames","../../classNames-f7aa427b","preact/compat","css!./../../UNSAFE_Button.css","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-a9b2d356","../../utils/UNSAFE_mergeInterpolations","../../_curry3-aa9c5bd1","../../_curry2-4587c862","../../_has-264770bc","../../utils/PRIVATE_clientHints","../../clientHints-0061da83","../../utils/UNSAFE_mergeProps","preact"],function(t,e,n,o,s,a,l,c,i,r,u,b,d,x,p,y,j,f,B,h,S,I,E,q,A,g,T,v,m){"use strict";afterEach(e.cleanup),describe("Test Button component",()=>{it("render",async function(){const s=e.render(t.jsx(o.Button,{label:"Press Me"})),a=await s.findByText("Press Me");n.expect(a).not.null}),it("if both label and title exist, it should show title as tooltip",async()=>{const s=e.render(t.jsx(o.Button,{display:"icons",label:"label",title:"title"})).container.firstElementChild;if(n.expect(s).to.not.be.null,s){const t=s.getAttribute("title");n.expect(t).to.equal("title")}}),it("no default tooltip",async()=>{const s=e.render(t.jsx(o.Button,{label:"label"})).container.firstElementChild;if(n.expect(s).to.not.be.null,s){const t=s.getAttribute("title");n.expect(t).to.equal(null)}}),it("if accessibleLabel exist, it should show as tooltip",async()=>{const s=e.render(t.jsx(o.Button,{display:"icons",accessibleLabel:"alabel",label:"button"})).container.firstElementChild;if(n.expect(s).to.not.be.null,s){const t=s.getAttribute("title");n.expect(t).to.equal("alabel")}}),it("click",async function(){let s=0;const a=e.render(t.jsxs("div",{children:[t.jsx(o.Button,{label:"Press Me",onAction:()=>{s++}}),t.jsx("span",{children:s})]})),l=await a.findByText("Press Me");n.expect(l).not.null,e.fireEvent.click(l),n.expect(s).to.equal(1)}),it("ENTER",async function(){let s=0;const a=e.render(t.jsxs("div",{children:[t.jsx(o.Button,{label:"Press Me",onAction:()=>{s++}}),t.jsx("span",{children:s})]})),l=await a.findByText("Press Me");n.expect(l).not.null,e.fireEvent.keyDown(l,{code:"Enter",key:"Enter",keyCode:13,charCode:13}),e.fireEvent.keyUp(l,{code:"Enter",key:"Enter",keyCode:13,charCode:13}),n.expect(s).to.equal(1)}),it("Space",async function(){let s=0;const a=e.render(t.jsxs("div",{children:[t.jsx(o.Button,{label:"Press Me",onAction:()=>{s++}}),t.jsx("span",{children:s})]})),l=await a.findByText("Press Me");n.expect(l).not.null,e.fireEvent.keyDown(l,{code:"Space",key:"Space",keyCode:32,charcode:32}),e.fireEvent.keyUp(l,{code:"Space",key:"Space",keyCode:32,charcode:32}),n.expect(s).to.equal(1)}),it("variant borderless",async()=>{const s=e.render(t.jsx(o.Button,{variant:"borderless",label:"button"})).container.querySelector(".oj-c-base-button-borderless");n.expect(s,"borderless button found").not.null}),it("variant callToAction",async()=>{const s=e.render(t.jsx(o.Button,{variant:"callToAction",label:"button"})).container.querySelector(".oj-c-base-button-callToAction");n.expect(s,"callToAction button found").not.null}),it("variant danger",async()=>{const s=e.render(t.jsx(o.Button,{variant:"danger",label:"button"})).container.querySelector(".oj-c-base-button-danger");n.expect(s,"danger button found").not.null}),it("variant outlined",async()=>{const s=e.render(t.jsx(o.Button,{variant:"outlined",label:"button"})).container.querySelector(".oj-c-base-button-outlined");n.expect(s,"outlined button found").not.null}),it("variant solid",async()=>{const s=e.render(t.jsx(o.Button,{variant:"solid",label:"button"})).container.querySelector(".oj-c-base-button-solid");n.expect(s,"solid button found").not.null}),it("variant ghost",async()=>{const s=e.render(t.jsx(o.Button,{variant:"ghost",label:"button"})).container.querySelector(".oj-c-base-button-ghost");n.expect(s,"ghost button found").not.null}),it("tabindex default ",async()=>{const s=e.render(t.jsx(o.Button,{label:"button"})).container.firstElementChild;if(s){const t=s.getAttribute("tabindex");n.expect(t).to.equal("0")}}),it("size default ",async()=>{const s=e.render(t.jsx(o.Button,{label:"button"})).container.querySelector(".oj-c-base-button-md");n.expect(s,"default size button found").not.null}),it("size sm ",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",size:"sm"})).container.querySelector(".oj-c-base-button-sm");n.expect(s,"sm size button found").not.null}),it("size md ",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",size:"md"})).container.querySelector(".oj-c-base-button-md");n.expect(s,"md size button found").not.null}),it("size lg ",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",size:"lg"})).container.querySelector(".oj-c-base-button-lg");n.expect(s,"lg size button found").not.null}),it("disabled default",async()=>{const s=e.render(t.jsx(o.Button,{label:"button"})).container.firstElementChild;if(s){const t=s.getAttribute("disabled");n.expect(t).null}}),it("disabled",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",isDisabled:!0})).container.firstElementChild;if(s){const t=s.getAttribute("disabled"),e=s.getAttribute("tabindex");n.expect(e).to.equal("-1"),n.expect(t).not.null}}),it("display default",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",startIcon:t.jsx("span",{class:"startIcon"}),endIcon:t.jsx("span",{class:"endIcon"})})),a=s.container.querySelector(".startIcon"),l=s.container.querySelector(".endIcon");n.expect(a).not.null,n.expect(l).not.null}),it("display default",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",startIcon:t.jsx("span",{class:"startIcon"}),endIcon:t.jsx("span",{class:"endIcon"})})),a=await s.findByText("button"),l=s.container.querySelector(".startIcon"),c=s.container.querySelector(".endIcon");n.expect(a).not.null,n.expect(l).not.null,n.expect(c).not.null}),it("display all",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",display:"all",startIcon:t.jsx("span",{class:"startIcon"}),endIcon:t.jsx("span",{class:"endIcon"})})),a=await s.findByText("button"),l=s.container.querySelector(".startIcon"),c=s.container.querySelector(".endIcon");n.expect(a).not.null,n.expect(l).not.null,n.expect(c).not.null}),it("display icons",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",display:"icons",startIcon:t.jsx("span",{class:"startIcon"}),endIcon:t.jsx("span",{class:"endIcon"})})),a=s.findByText("button"),l=s.container.querySelector(".startIcon"),c=s.container.querySelector(".endIcon");n.expect(0===Object.keys(a).length).to.be.true,n.expect(l).not.null,n.expect(c).not.null}),it("display text",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",display:"label",startIcon:t.jsx("span",{class:"startIcon"}),endIcon:t.jsx("span",{class:"endIcon"})})),a=await s.findByText("button"),l=s.container.querySelector(".startIcon"),c=s.container.querySelector(".endIcon");n.expect(a).not.null,n.expect(l).null,n.expect(c).null}),it("with TabbableModeContext isTabbable=true",async()=>{const a=e.render(t.jsx(s.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!0}},{children:t.jsx(o.Button,{label:"button"})}))),l=(await a.findByText("button")).getAttribute("tabindex");n.expect(l).to.equal("0")}),it("with TabbableModeContext isTabbable=false",async()=>{const a=e.render(t.jsx(s.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!1}},{children:t.jsx(o.Button,{label:"button"})}))),l=(await a.findByText("button")).getAttribute("tabindex");n.expect(l).to.equal("-1")})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../Button-0d9421fc","../../hooks/UNSAFE_useTabbableMode","../../UNSAFE_BaseButton","../../BaseButton-7d5eb39d","../../tslib.es6-0026d2ad","../../hooks/UNSAFE_usePress","preact/hooks","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useActive","../../utils/UNSAFE_classNames","../../classNames-62e37972","preact/compat","css!./../../UNSAFE_Button.css","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-5e7b060f","../../utils/UNSAFE_mergeInterpolations","../../_curry3-5f6cc6b4","../../_curry2-a7eb1217","../../_has-ec8331b9","../../utils/PRIVATE_clientHints","../../clientHints-2e828dd3","../../utils/UNSAFE_mergeProps","preact"],function(t,e,n,o,s,l,a,c,i,r,u,d,b,x,p,y,j,f,B,h,S,I,E,q,A,g,T,v,m){"use strict";afterEach(e.cleanup),describe("Test Button component",()=>{it("render",async function(){const s=e.render(t.jsx(o.Button,{label:"Press Me"})),l=await s.findByText("Press Me");n.expect(l).not.null}),it("if both label and title exist, it should show title as tooltip",async()=>{const s=e.render(t.jsx(o.Button,{display:"icons",label:"label",title:"title"})).container.firstElementChild;if(n.expect(s).to.not.be.null,s){const t=s.getAttribute("title");n.expect(t).to.equal("title")}}),it("no default tooltip",async()=>{const s=e.render(t.jsx(o.Button,{label:"label"})).container.firstElementChild;if(n.expect(s).to.not.be.null,s){const t=s.getAttribute("title");n.expect(t).to.equal(null)}}),it("if accessibleLabel exist, it should show as tooltip",async()=>{const s=e.render(t.jsx(o.Button,{display:"icons",accessibleLabel:"alabel",label:"button"})).container.firstElementChild;if(n.expect(s).to.not.be.null,s){const t=s.getAttribute("title");n.expect(t).to.equal("alabel")}}),it("click",async function(){let s=0;const l=e.render(t.jsxs("div",{children:[t.jsx(o.Button,{label:"Press Me",onAction:()=>{s++}}),t.jsx("span",{children:s})]})),a=await l.findByText("Press Me");n.expect(a).not.null,e.fireEvent.click(a),n.expect(s).to.equal(1)}),it("ENTER",async function(){let s=0;const l=e.render(t.jsxs("div",{children:[t.jsx(o.Button,{label:"Press Me",onAction:()=>{s++}}),t.jsx("span",{children:s})]})),a=await l.findByText("Press Me");n.expect(a).not.null,e.fireEvent.keyDown(a,{code:"Enter",key:"Enter",keyCode:13,charCode:13}),e.fireEvent.keyUp(a,{code:"Enter",key:"Enter",keyCode:13,charCode:13}),n.expect(s).to.equal(1)}),it("Space",async function(){let s=0;const l=e.render(t.jsxs("div",{children:[t.jsx(o.Button,{label:"Press Me",onAction:()=>{s++}}),t.jsx("span",{children:s})]})),a=await l.findByText("Press Me");n.expect(a).not.null,e.fireEvent.keyDown(a,{code:"Space",key:"Space",keyCode:32,charcode:32}),e.fireEvent.keyUp(a,{code:"Space",key:"Space",keyCode:32,charcode:32}),n.expect(s).to.equal(1)}),it("variant borderless",async()=>{const s=e.render(t.jsx(o.Button,{variant:"borderless",label:"button"})).container.querySelector(".oj-c-base-button-borderless");n.expect(s,"borderless button found").not.null}),it("variant callToAction",async()=>{const s=e.render(t.jsx(o.Button,{variant:"callToAction",label:"button"})).container.querySelector(".oj-c-base-button-callToAction");n.expect(s,"callToAction button found").not.null}),it("variant danger",async()=>{const s=e.render(t.jsx(o.Button,{variant:"danger",label:"button"})).container.querySelector(".oj-c-base-button-danger");n.expect(s,"danger button found").not.null}),it("variant outlined",async()=>{const s=e.render(t.jsx(o.Button,{variant:"outlined",label:"button"})).container.querySelector(".oj-c-base-button-outlined");n.expect(s,"outlined button found").not.null}),it("variant solid",async()=>{const s=e.render(t.jsx(o.Button,{variant:"solid",label:"button"})).container.querySelector(".oj-c-base-button-solid");n.expect(s,"solid button found").not.null}),it("variant ghost",async()=>{const s=e.render(t.jsx(o.Button,{variant:"ghost",label:"button"})).container.querySelector(".oj-c-base-button-ghost");n.expect(s,"ghost button found").not.null}),it("tabindex default ",async()=>{const s=e.render(t.jsx(o.Button,{label:"button"})).container.firstElementChild;if(s){const t=s.getAttribute("tabindex");n.expect(t).to.equal("0")}}),it("size default ",async()=>{const s=e.render(t.jsx(o.Button,{label:"button"})).container.querySelector(".oj-c-base-button-md");n.expect(s,"default size button found").not.null}),it("size sm ",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",size:"sm"})).container.querySelector(".oj-c-base-button-sm");n.expect(s,"sm size button found").not.null}),it("size md ",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",size:"md"})).container.querySelector(".oj-c-base-button-md");n.expect(s,"md size button found").not.null}),it("size lg ",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",size:"lg"})).container.querySelector(".oj-c-base-button-lg");n.expect(s,"lg size button found").not.null}),it("disabled default",async()=>{const s=e.render(t.jsx(o.Button,{label:"button"})).container.firstElementChild;if(s){const t=s.getAttribute("disabled");n.expect(t).null}}),it("disabled",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",isDisabled:!0})).container.firstElementChild;if(s){const t=s.getAttribute("disabled"),e=s.getAttribute("tabindex");n.expect(e).to.equal("-1"),n.expect(t).not.null}}),it("display default",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",startIcon:t.jsx("span",{class:"startIcon"}),endIcon:t.jsx("span",{class:"endIcon"})})),l=s.container.querySelector(".startIcon"),a=s.container.querySelector(".endIcon");n.expect(l).not.null,n.expect(a).not.null}),it("display default",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",startIcon:t.jsx("span",{class:"startIcon"}),endIcon:t.jsx("span",{class:"endIcon"})})),l=await s.findByText("button"),a=s.container.querySelector(".startIcon"),c=s.container.querySelector(".endIcon");n.expect(l).not.null,n.expect(a).not.null,n.expect(c).not.null}),it("display all",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",display:"all",startIcon:t.jsx("span",{class:"startIcon"}),endIcon:t.jsx("span",{class:"endIcon"})})),l=await s.findByText("button"),a=s.container.querySelector(".startIcon"),c=s.container.querySelector(".endIcon");n.expect(l).not.null,n.expect(a).not.null,n.expect(c).not.null}),it("display icons",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",display:"icons",startIcon:t.jsx("span",{class:"startIcon"}),endIcon:t.jsx("span",{class:"endIcon"})})),l=s.findByText("button"),a=s.container.querySelector(".startIcon"),c=s.container.querySelector(".endIcon");n.expect(0===Object.keys(l).length).to.be.true,n.expect(a).not.null,n.expect(c).not.null}),it("display text",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",display:"label",startIcon:t.jsx("span",{class:"startIcon"}),endIcon:t.jsx("span",{class:"endIcon"})})),l=await s.findByText("button"),a=s.container.querySelector(".startIcon"),c=s.container.querySelector(".endIcon");n.expect(l).not.null,n.expect(a).null,n.expect(c).null}),it("with TabbableModeContext isTabbable=true",async()=>{const l=e.render(t.jsx(s.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!0}},{children:t.jsx(o.Button,{label:"button"})}))),a=(await l.findByText("button")).getAttribute("tabindex");n.expect(a).to.equal("0")}),it("with TabbableModeContext isTabbable=false",async()=>{const l=e.render(t.jsx(s.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!1}},{children:t.jsx(o.Button,{label:"button"})}))),a=(await l.findByText("button")).getAttribute("tabindex");n.expect(a).to.equal("-1")})})});
 //# sourceMappingURL=Button.spec.js.map

package/amd/UNSAFE_Button.css CHANGED Viewed

@@ -1,7 +1,7 @@
-._1kr0in9{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;}
-._5fg8xi{display:inline-flex;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size);font-weight:normal;margin-top:0;margin-bottom:0;}
-._15v6u9{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
-._1snod8y{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
-.qxvm24{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
-._1rwikbt{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
-._1qdxcay{cursor:inherit;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}
+._1ucsm45{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;}
+._1ohb5y0{display:inline-flex;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size);font-weight:normal;margin-top:0;margin-bottom:0;}
+.qrsbny{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
+._9i4my5{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
+.f82it9{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
+._1cixc4c{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
+._15glvyn{cursor:inherit;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}

package/amd/UNSAFE_Button.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./Button-8aa00bbd","preact/jsx-runtime","./UNSAFE_BaseButton","./BaseButton-4b95e724","./tslib.es6-de389af1","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-f7aa427b","preact/compat","css!./UNSAFE_Button.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-a9b2d356","./utils/UNSAFE_mergeInterpolations","./_curry3-aa9c5bd1","./_curry2-4587c862","./_has-264770bc","./utils/PRIVATE_clientHints","./clientHints-0061da83","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps"],function(t,s,e,o,a,u,i,r,n,l,c,_,A,N,E,U,b,F,S,d,p,B,h,m,y,k,f,g){"use strict";t.Button=s.Button,t.ButtonLayout=s.ButtonLayout,Object.defineProperty(t,"__esModule",{value:!0})});
+define(["exports","./Button-0d9421fc","preact/jsx-runtime","./UNSAFE_BaseButton","./BaseButton-7d5eb39d","./tslib.es6-0026d2ad","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-62e37972","preact/compat","css!./UNSAFE_Button.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-5e7b060f","./utils/UNSAFE_mergeInterpolations","./_curry3-5f6cc6b4","./_curry2-a7eb1217","./_has-ec8331b9","./utils/PRIVATE_clientHints","./clientHints-2e828dd3","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps"],function(e,t,s,o,u,i,a,r,n,c,l,_,A,N,E,U,d,F,S,b,p,B,h,m,y,f,k,g){"use strict";e.Button=t.Button,e.ButtonLayout=t.ButtonLayout,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Button.js.map

package/amd/UNSAFE_Center.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-de389af1","preact/jsx-runtime","./UNSAFE_Flex","./Flex-f9400d0c","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-a9b2d356","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-f7aa427b","./_curry3-aa9c5bd1","./_curry2-4587c862","./_has-264770bc",'module',"./utils/UNSAFE_interpolations/boxalignment","./keys-a3d0c6e0","./utils/UNSAFE_interpolations/flexbox","./flexbox-e416347d","./utils/UNSAFE_interpolations/flexitem","./flexitem-7c6baa22"],function(e,i,t,s,l,n,r,a,c,o,u,_,d,h,x,f,F,b,N,U,A,E){"use strict";e.Center=function(e){var{children:s,width:n="100%",height:r="100%"}=e,a=i.__rest(e,["children","width","height"]);return t.jsx(l.Flex,Object.assign({},a,{justify:"center",align:"center",width:n,height:r},{children:s}))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-0026d2ad","preact/jsx-runtime","./UNSAFE_Flex","./Flex-56ca361c","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-5e7b060f","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-62e37972","./_curry3-5f6cc6b4","./_curry2-a7eb1217","./_has-ec8331b9",'module',"./utils/UNSAFE_interpolations/boxalignment","./keys-f1cf2c8a","./utils/UNSAFE_interpolations/flexbox","./flexbox-495ba219","./utils/UNSAFE_interpolations/flexitem","./flexitem-2a478c7f"],function(e,i,t,s,l,n,r,a,c,o,u,_,f,h,x,d,F,b,N,U,A,E){"use strict";e.Center=function(e){var{children:s,width:n="100%",height:r="100%"}=e,a=i.__rest(e,["children","width","height"]);return t.jsx(l.Flex,Object.assign({},a,{justify:"center",align:"center",width:n,height:r},{children:s}))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Center.js.map

package/amd/UNSAFE_Chip/__tests__/Chip.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../Chip-a65960d0","@testing-library/user-event","../../hooks/UNSAFE_useTabbableMode","../../hooks/UNSAFE_useActionable","../../utils/UNSAFE_mergeProps","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","preact/hooks","../../hooks/UNSAFE_useActive","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_usePress","css!./../../UNSAFE_Chip.css","../../utils/UNSAFE_classNames","../../classNames-f7aa427b","preact"],function(e,t,s,i,n,a,c,r,o,l,b,d,u,h,p,x,T,f){"use strict";function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=g(n);describe("Test Chip component",()=>{it("render",async function(){const n=t.render(e.jsx(i.Chip,{children:"11"})),a=await n.findByText("11");s.expect(a).not.null}),it("isSelected property",async function(){const n=t.render(e.jsx(i.Chip,Object.assign({isSelected:!0},{children:"88"}))).container.firstElementChild.classList;s.expect(n.length).equals(4)}),it("isDisabled property",async function(){const n=t.render(e.jsx(i.Chip,Object.assign({isDisabled:!0},{children:"99"}))).container.firstElementChild.classList;s.expect(n.length).equals(3)}),it("event",async function(){let n=0;const a=t.render(e.jsx(i.Chip,Object.assign({onToggle:()=>n++},{children:"Press"}))),c=await a.findByText("Press");s.expect(c).not.null,j.default.click(c),s.expect(n).equals(1)}),it("with TabbableModeContext isTabbable=true",async()=>{const n=t.render(e.jsx(a.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!0}},{children:e.jsx(i.Chip,{children:"Test"})}))),c=(await n.findByText("Test")).getAttribute("tabindex");s.expect(c).to.equal("0")}),it("with TabbableModeContext isTabbable=false",async()=>{const n=t.render(e.jsx(a.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!1}},{children:e.jsx(i.Chip,{children:"Test"})}))),c=(await n.findByText("Test")).getAttribute("tabindex");s.expect(c).to.equal("-1")})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../Chip-125d2062","@testing-library/user-event","../../hooks/UNSAFE_useTabbableMode","../../hooks/UNSAFE_useActionable","../../utils/UNSAFE_mergeProps","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","preact/hooks","../../hooks/UNSAFE_useActive","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_usePress","css!./../../UNSAFE_Chip.css","../../utils/UNSAFE_classNames","../../classNames-62e37972","preact"],function(e,t,s,i,n,a,c,r,o,l,b,d,u,h,p,x,T,f){"use strict";function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=g(n);describe("Test Chip component",()=>{it("render",async function(){const n=t.render(e.jsx(i.Chip,{children:"11"})),a=await n.findByText("11");s.expect(a).not.null}),it("isSelected property",async function(){const n=t.render(e.jsx(i.Chip,Object.assign({isSelected:!0},{children:"88"}))).container.firstElementChild.classList;s.expect(n.length).equals(4)}),it("isDisabled property",async function(){const n=t.render(e.jsx(i.Chip,Object.assign({isDisabled:!0},{children:"99"}))).container.firstElementChild.classList;s.expect(n.length).equals(3)}),it("event",async function(){let n=0;const a=t.render(e.jsx(i.Chip,Object.assign({onToggle:()=>n++},{children:"Press"}))),c=await a.findByText("Press");s.expect(c).not.null,j.default.click(c),s.expect(n).equals(1)}),it("with TabbableModeContext isTabbable=true",async()=>{const n=t.render(e.jsx(a.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!0}},{children:e.jsx(i.Chip,{children:"Test"})}))),c=(await n.findByText("Test")).getAttribute("tabindex");s.expect(c).to.equal("0")}),it("with TabbableModeContext isTabbable=false",async()=>{const n=t.render(e.jsx(a.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!1}},{children:e.jsx(i.Chip,{children:"Test"})}))),c=(await n.findByText("Test")).getAttribute("tabindex");s.expect(c).to.equal("-1")})})});
 //# sourceMappingURL=Chip.spec.js.map

package/amd/UNSAFE_Chip.css CHANGED Viewed

@@ -1,7 +1,7 @@
-.lqjzix{cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}.lqjzix:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-._1ow3nrl{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-chip-text-color);display:inline-block;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);box-sizing:border-box;border-top-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-top-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-bottom-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-bottom-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);height:2rem;min-width:2rem;line-height:var(--oj-c-PRIVATE-DO-NOT-USE-chip-line-height);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-weight);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
-._1co4wvc{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-._8nlsdj{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast);}
-._1p9lymu{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast);}
-.obwywb{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast);}
-.b4ms53 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1wnam7y{cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._1wnam7y:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+._4pmge3{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-chip-text-color);display:inline-block;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);box-sizing:border-box;border-top-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-top-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-bottom-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-bottom-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);height:2rem;min-width:2rem;line-height:var(--oj-c-PRIVATE-DO-NOT-USE-chip-line-height);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-weight);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
+.lsgszl{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._1reelr9{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast);}
+.jkyh5k{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast);}
+._174m9q{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast);}
+._1pvq3eq > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/amd/UNSAFE_Chip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./Chip-a65960d0","preact/jsx-runtime","./hooks/UNSAFE_useActionable","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","preact/hooks","./hooks/UNSAFE_useActive","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_usePress","css!./UNSAFE_Chip.css","./utils/UNSAFE_classNames","./classNames-f7aa427b","./hooks/UNSAFE_useTabbableMode","preact"],function(e,s,o,a,u,i,t,r,c,h,A,N,_,l,F,p){"use strict";e.Chip=s.Chip,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Chip-125d2062","preact/jsx-runtime","./hooks/UNSAFE_useActionable","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","preact/hooks","./hooks/UNSAFE_useActive","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_usePress","css!./UNSAFE_Chip.css","./utils/UNSAFE_classNames","./classNames-62e37972","./hooks/UNSAFE_useTabbableMode","preact"],function(e,s,o,u,i,t,a,r,c,h,A,N,_,l,F,p){"use strict";e.Chip=s.Chip,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Chip.js.map

package/amd/UNSAFE_Collapsible.css CHANGED Viewed

@@ -1,9 +1,9 @@
-._102tg44 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1kxa41m > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-.hs93gg{cursor:pointer;}.hs93gg:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-._1bpj63s{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
-.i9mnz{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
-._1xnk171{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-._19eiedj{flex-grow:1;}._19eiedj > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-._5dtbcf{padding-inline-start:16px;}
-.oknpbg{padding-inline-end:16px;}
+._1une27d{cursor:pointer;}._1une27d:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+._1qaqdx{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
+._4cend2{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
+._1vuwubj{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+.v7lgob{flex-grow:1;}.v7lgob > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.itj5s0{padding-inline-start:16px;}
+.hn0rlu{padding-inline-end:16px;}

package/amd/UNSAFE_Collapsible.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","preact/hooks","./hooks/UNSAFE_useId","preact","css!./UNSAFE_Collapsible.css","./utils/UNSAFE_classNames","./UNSAFE_Flex","./UNSAFE_Divider","./index-d117de08","./index-4dd59b80","./hooks/UNSAFE_usePress","./classNames-f7aa427b","./Flex-f9400d0c","./Divider-ee5ca5d2","./hooks/UNSAFE_useAnimation","./useAnimation-af110ad3","./tslib.es6-de389af1","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-a9b2d356","./utils/UNSAFE_mergeInterpolations","./_curry3-aa9c5bd1","./_curry2-4587c862","./_has-264770bc","./utils/UNSAFE_interpolations/boxalignment","./keys-a3d0c6e0","./utils/UNSAFE_interpolations/flexbox","./flexbox-e416347d","./utils/UNSAFE_interpolations/flexitem","./flexitem-7c6baa22","./UNSAFE_Icon","./Icon-4b1331cd","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-930f80d0","preact/compat","./index-9be81def","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useTheme"],function(e,s,n,i,t,o,a,l,d,r,c,u,x,g,h,b,p,E,_,m,F,N,A,S,U,j,f,v,k,I,O,P,H,y,T,C,D,z,R,w,$,V,L,M,Y,q,B,G,J,K,Q){"use strict";const W=({isExpanded:e,iconPosition:n})=>{const i="start"===n&&e?c.SvgIcoChevronDown:r.CollapseIcon,t="end"===n&&e?c.SvgIcoChevronUp:c.SvgIcoChevronDown,o="start"===n?i:t;return s.jsx(o,{size:"6x"})},X="hs93gg",Z="_1bpj63s",ee="i9mnz",se="_1xnk171",ne="_19eiedj",ie="_5dtbcf",te="oknpbg",oe=({children:e,id:i,contentId:o,isDisabled:a,isExpanded:l,iconPosition:d,variant:r="basic",toggleHandler:c})=>{const b=x.classNames([X,"horizontal-rule"===r&&se,l&&"horizontal-rule"!==r&&Z,a&&ee]),p=x.classNames([ne,"end"===d&&te,"start"===d&&ie]),E=n.useCallback(e=>{c(e.target)},[c]),{pressProps:_}=u.usePress(E,{isDisabled:a,isRepeat:!1});return s.jsxs(s.Fragment,{children:[s.jsx("div",Object.assign({role:"button","aria-controls":o,"aria-expanded":l,id:i,tabIndex:0,className:b},_,{children:s.jsx(g.Flex,Object.assign({align:"center",justify:"start"===d?"start":"between"},{children:s.jsxs(t.Fragment,{children:["end"===d&&s.jsx("div",Object.assign({className:p},{children:e})),s.jsx(W,{iconPosition:d,isExpanded:l}),"start"===d&&s.jsx("div",Object.assign({className:p},{children:e}))]})}))})),"horizontal-rule"===r&&s.jsx(h.Divider,{})]})},ae=({children:e,id:i,isExpanded:t,onTransitionEnd:o})=>{const[a,l]=n.useState(t?"expanding":"unmounted"),d=n.useRef({overflowY:"hidden",maxHeight:t?"none":"0"});n.useEffect(()=>{("unmounted"!==a||t)&&l(t?"expanding":"collapsing")},[t,a]);const{nodeRef:r}=p.useAnimation(a,{animationStates:le,onAnimationEnd:({animationState:e})=>{"collapsing"===e&&l("unmounted"),null==o||o()}});return s.jsx("div",Object.assign({className:"_102tg44",ref:r,id:i,tabIndex:-1,style:d.current,"aria-hidden":!t||void 0},{children:"unmounted"!==a&&e}))},le={expanding:e=>({to:{maxHeight:`${e.scrollHeight}px`},options:{duration:400},end:{maxHeight:"none"}}),collapsing:e=>Object.assign(Object.assign({},"none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`}}),{to:{maxHeight:"0"},options:{duration:400}})};e.Collapsible=({id:e,header:t,children:o,isDisabled:a=!1,isExpanded:l=!1,iconPosition:d="start",variant:r="basic",onToggle:c,onTransitionEnd:u})=>{const x=n.useRef(null),g=i.useId(),h=`oj-collapsible-header-${g}`,b=`oj-collapsible-content-${g}`,p=n.useCallback(e=>{a||null==c||c({value:!l,target:e})},[a,c,l]),E=n.useCallback(()=>{null==u||u({value:l})},[u,l]);return s.jsxs("div",Object.assign({id:e,ref:x},{children:[s.jsx(oe,Object.assign({id:h,contentId:b,toggleHandler:p,isDisabled:a,isExpanded:l,iconPosition:d,variant:r},{children:t})),s.jsx(ae,Object.assign({id:b,isExpanded:l,onTransitionEnd:E},{children:o}))]}))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","preact/jsx-runtime","preact/hooks","./hooks/UNSAFE_useId","preact","css!./UNSAFE_Collapsible.css","./utils/UNSAFE_classNames","./UNSAFE_Flex","./UNSAFE_Divider","./index-359cad62","./index-8aa44d16","./hooks/UNSAFE_usePress","./classNames-62e37972","./Flex-56ca361c","./Divider-7f552636","./hooks/UNSAFE_useAnimation","./useAnimation-979626b0","./tslib.es6-0026d2ad","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-5e7b060f","./utils/UNSAFE_mergeInterpolations","./_curry3-5f6cc6b4","./_curry2-a7eb1217","./_has-ec8331b9","./utils/UNSAFE_interpolations/boxalignment","./keys-f1cf2c8a","./utils/UNSAFE_interpolations/flexbox","./flexbox-495ba219","./utils/UNSAFE_interpolations/flexitem","./flexitem-2a478c7f","./UNSAFE_Icon","./Icon-104b91f5","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-e8dc5fb7","preact/compat","./index-f9c35a81","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useTheme"],function(e,s,n,i,t,o,a,l,r,d,c,u,x,g,h,b,E,p,_,m,F,N,A,S,U,j,f,v,k,I,O,P,H,y,T,C,D,R,w,z,$,q,V,L,M,Y,B,G,J,K,Q){"use strict";const W=({isExpanded:e,iconPosition:n})=>{const i="start"===n&&e?c.SvgIcoChevronDown:d.CollapseIcon,t="end"===n&&e?c.SvgIcoChevronUp:c.SvgIcoChevronDown,o="start"===n?i:t;return s.jsx(o,{size:"6x"})},X="_1une27d",Z="_1qaqdx",ee="_4cend2",se="_1vuwubj",ne="v7lgob",ie="itj5s0",te="hn0rlu",oe=({children:e,id:i,contentId:o,isDisabled:a,isExpanded:l,iconPosition:r,variant:d="basic",toggleHandler:c})=>{const b=x.classNames([X,"horizontal-rule"===d&&se,l&&"horizontal-rule"!==d&&Z,a&&ee]),E=x.classNames([ne,"end"===r&&te,"start"===r&&ie]),p=n.useCallback(e=>{c(e.target)},[c]),{pressProps:_}=u.usePress(p,{isDisabled:a,isRepeat:!1});return s.jsxs(s.Fragment,{children:[s.jsx("div",Object.assign({role:"button","aria-controls":o,"aria-expanded":l,id:i,tabIndex:0,className:b},_,{children:s.jsx(g.Flex,Object.assign({align:"center",justify:"start"===r?"start":"between"},{children:s.jsxs(t.Fragment,{children:["end"===r&&s.jsx("div",Object.assign({className:E},{children:e})),s.jsx(W,{iconPosition:r,isExpanded:l}),"start"===r&&s.jsx("div",Object.assign({className:E},{children:e}))]})}))})),"horizontal-rule"===d&&s.jsx(h.Divider,{})]})},ae=({children:e,id:i,isExpanded:t,onTransitionEnd:o})=>{const[a,l]=n.useState(t?"expanding":"unmounted"),r=n.useRef({overflowY:"hidden",maxHeight:t?"none":"0"});n.useEffect(()=>{("unmounted"!==a||t)&&l(t?"expanding":"collapsing")},[t,a]);const{nodeRef:d}=E.useAnimation(a,{animationStates:le,onAnimationEnd:({animationState:e})=>{"collapsing"===e&&l("unmounted"),null==o||o()}});return s.jsx("div",Object.assign({className:"_1kxa41m",ref:d,id:i,tabIndex:-1,style:r.current,"aria-hidden":!t||void 0},{children:"unmounted"!==a&&e}))},le={expanding:e=>({to:{maxHeight:`${e.scrollHeight}px`},options:{duration:400},end:{maxHeight:"none"}}),collapsing:e=>Object.assign(Object.assign({},"none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`}}),{to:{maxHeight:"0"},options:{duration:400}})};e.Collapsible=({id:e,header:t,children:o,isDisabled:a=!1,isExpanded:l=!1,iconPosition:r="start",variant:d="basic",onToggle:c,onTransitionEnd:u})=>{const x=n.useRef(null),g=i.useId(),h=`oj-collapsible-header-${g}`,b=`oj-collapsible-content-${g}`,E=n.useCallback(e=>{a||null==c||c({value:!l,target:e})},[a,c,l]),p=n.useCallback(()=>{null==u||u({value:l})},[u,l]);return s.jsxs("div",Object.assign({id:e,ref:x},{children:[s.jsx(oe,Object.assign({id:h,contentId:b,toggleHandler:E,isDisabled:a,isExpanded:l,iconPosition:r,variant:d},{children:t})),s.jsx(ae,Object.assign({id:b,isExpanded:l,onTransitionEnd:p},{children:o}))]}))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Collapsible.js.map

package/amd/UNSAFE_Collapsible.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_Collapsible.js","sources":["../../src/UNSAFE_Collapsible/CollapsibleHeaderIcon.tsx","../../src/UNSAFE_Collapsible/CollapsibleHeader.tsx","../../src/UNSAFE_Collapsible/CollapsibleContent.tsx","../../src/UNSAFE_Collapsible/Collapsible.tsx"],"sourcesContent":["import { ExpandIcon, CollapseIcon, CollapseUpIcon } from '../UNSAFE_ThemedIcons';\n\ntype IconProps = {\n isExpanded: boolean;\n iconPosition?: 'start' \| 'end';\n};\n\n/*\n Header icon subcomponent\n /\nexport const CollapsibleHeaderIcon = ({ isExpanded, iconPosition }: IconProps) => {\n const startIcon = iconPosition === 'start' && isExpanded ? ExpandIcon : CollapseIcon;\n const endIcon = iconPosition === 'end' && isExpanded ? CollapseUpIcon : ExpandIcon;\n const Icon = iconPosition === 'start' ? startIcon : endIcon;\n\n return <Icon size=\"6x\" />;\n};\n","import { Fragment } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Divider } from '../UNSAFE_Divider';\nimport { CollapsibleHeaderIcon } from './CollapsibleHeaderIcon';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { usePress } from '../hooks/UNSAFE_usePress';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'id' \| 'children'>;\n\ntype HeaderProps = IntrinsicProps & {\n id: string;\n contentId: string;\n isDisabled: boolean;\n isExpanded: boolean;\n iconPosition?: 'start' \| 'end';\n variant?: 'basic' \| 'horizontal-rule';\n toggleHandler: (target: EventTarget \| null) => void;\n};\n\nconst styles = {\n base: cssProps`${{\n cursor: 'pointer',\n '&:focus-visible': {\n outlineStyle: 'dotted',\n outlineOffset: '1px',\n outlineWidth: '1px',\n outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n }\n }}`,\n expanded: cssProps`${{\n paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)'\n }}`,\n disabled: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n cursor: 'auto'\n }}`,\n divider: cssProps`${{\n paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n }}`\n};\n\nconst childrenStylesBase = {\n base: cssProps`${{\n flexGrow: 1,\n / @ts-ignore /\n '& > ': {\n marginTop: '0 !important',\n marginBottom: '0 !important',\n marginLeft: '0 !important',\n marginRight: '0 !important'\n }\n }}`,\n iconStart: cssProps`${{\n paddingInlineStart: '16px'\n }}`,\n iconEnd: cssProps`${{\n paddingInlineEnd: '16px'\n }}`\n};\n\n/*\n Header subcomponent\n /\n\nexport const CollapsibleHeader = ({\n children,\n id,\n contentId,\n isDisabled,\n isExpanded,\n iconPosition,\n variant = 'basic',\n toggleHandler\n}: HeaderProps) => {\n const classes = classNames([\n styles.base,\n variant === 'horizontal-rule' && styles.divider,\n isExpanded && variant !== 'horizontal-rule' && styles.expanded,\n isDisabled && styles.disabled\n ]);\n\n const childrenClasses = classNames([\n childrenStylesBase.base,\n iconPosition === 'end' && childrenStylesBase.iconEnd,\n iconPosition === 'start' && childrenStylesBase.iconStart\n ]);\n\n const pressHandler = useCallback(\n (event: Event) => {\n toggleHandler(event.target);\n },\n [toggleHandler]\n );\n\n const { pressProps } = usePress(pressHandler, {\n isDisabled,\n isRepeat: false\n });\n\n const getHeader = () => (\n <Fragment>\n {iconPosition === 'end' && <div className={childrenClasses}>{children}</div>}\n <CollapsibleHeaderIcon iconPosition={iconPosition} isExpanded={isExpanded} />\n {iconPosition === 'start' && <div className={childrenClasses}>{children}</div>}\n </Fragment>\n );\n\n return (\n <>\n <div\n role={'button'}\n aria-controls={contentId}\n aria-expanded={isExpanded}\n id={id}\n tabIndex={0}\n className={classes}\n {...pressProps}>\n <Flex align=\"center\" justify={iconPosition === 'start' ? 'start' : 'between'}>\n {getHeader()}\n </Flex>\n </div>\n {variant === 'horizontal-rule' && <Divider />}\n </>\n );\n};\n","import { JSX } from 'preact';\nimport { useState, useEffect, useRef } from 'preact/hooks';\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype ContentProps = IntrinsicProps & {\n id: string;\n isExpanded: boolean;\n onTransitionEnd: () => void;\n};\n\n/\n The 'collapsing' and 'expanding' states are related to the animation. The 'unmounted' state\n * is used for conditional rendering. In this state, the Collapsible content is completely removed\n * from the DOM. The 'unmounted' state is set either as an initial state or when collapsing\n * animation ends.\n /\ntype Status = 'collapsing' \| 'expanding' \| 'unmounted';\n\nconst styles = cssProps`${{\n / @ts-ignore /\n '& > ': {\n marginTop: '0 !important',\n marginBottom: '0 !important',\n marginLeft: '0 !important',\n marginRight: '0 !important'\n }\n}}`;\n\nexport const CollapsibleContent = ({ children, id, isExpanded, onTransitionEnd }: ContentProps) => {\n const [state, setState] = useState<Status>(isExpanded ? 'expanding' : 'unmounted');\n\n /*\n 1. On initial render, Preact sets style.maxHeight field to 0 or 'none'.\n * 2. During expanding animation, useAnimation hook uses WAAPI to animate the maxHeight out\n * to the expanded value.\n * 3. On subsequent re-renders, Preact does never updates the style.maxHeight value\n * because even though we are telling Preact that maxHeight should be 0 or 'none', Preact\n * considers the maxHeight value is 0 or 'none' as it is not aware that we changed this value\n * in step 2. So from Preact's perspective there is no difference.\n /\n const contentInitialStyle = useRef<JSX.CSSProperties>({\n overflowY: 'hidden',\n maxHeight: isExpanded ? 'none' : '0'\n });\n\n useEffect(() => {\n // Ignore state update on initial render\n if (state === 'unmounted' && !isExpanded) {\n return;\n }\n setState(isExpanded ? 'expanding' : 'collapsing');\n }, [isExpanded, state]);\n\n const { nodeRef } = useAnimation<Status, HTMLDivElement>(state, {\n animationStates,\n onAnimationEnd: ({ animationState }) => {\n if (animationState === 'collapsing') {\n setState('unmounted');\n }\n onTransitionEnd?.();\n }\n });\n\n return (\n <div\n className={styles}\n ref={nodeRef}\n id={id}\n tabIndex={-1}\n style={contentInitialStyle.current}\n aria-hidden={!isExpanded \|\| undefined}>\n {state !== 'unmounted' && children}\n </div>\n );\n};\n\n/\n The transition from collapsed to expanded works as follows:\n * 1. When the component is initially rendered in the collapsed state, we\n * explicitly set maxHeight and overflowY from \"to\" configuration.\n * 2. When the expanded prop changes from false to true, we first mount the content children.\n * 3. Once this is mounted we trigger an animation updating animationState value of useAnimationHook.\n * 4. Configuration is represented inside hook. Passed config depends if previous animation was completed or not.\n * We could check that based on node.style.maxHeight.\n \n The transition from expanded to collapsed is similar:\n * 1. We trigger an animation updating animationState value of useAnimationHook.\n * 2. Once animation is completed, with the help of end config,we set max-Height as 'none'.\n * This will allow us to keep adding content.\n * 3. Once this is done, onAnimationEnd is called(as 'from collapsed to expanded\"). Here, content children are unmouunted.\n /\nconst animationStates: UseAnimationConfig<Status, HTMLDivElement>['animationStates'] = {\n expanding: (node) => ({\n to: {\n maxHeight: `${node.scrollHeight}px`\n },\n options: {\n duration: 400\n },\n end: {\n maxHeight: 'none'\n }\n }),\n collapsing: (node) => ({\n ...(node.style.maxHeight === 'none' && {\n from: {\n maxHeight: `${node.scrollHeight}px`\n }\n }),\n to: {\n maxHeight: '0'\n },\n options: {\n duration: 400\n }\n })\n};\n","import { ComponentChildren } from 'preact';\nimport { useRef, useCallback } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { CollapsibleHeader } from './CollapsibleHeader';\nimport { CollapsibleContent } from './CollapsibleContent';\n\ntype Props = {\n /\n Id of the component\n /\n id?: string;\n\n /\n Collapsible's header. If not specified, the header contains only an open/close icon. Note that the header text is required for JET collapsible for accessibility purposes.\n /\n header?: ComponentChildren;\n\n /\n The content node to be collapsed\n /\n children?: ComponentChildren;\n\n /\n Disables the collapsible if set to true\n /\n isDisabled?: boolean;\n\n /\n Specifies if the content is expanded\n /\n isExpanded?: boolean;\n\n /\n Changes chevron icon placement at the end of the collapsible header\n /\n iconPosition?: 'start' \| 'end';\n\n /\n Controls the header display which con include a divider below the collapsible header\n /\n variant?: 'basic' \| 'horizontal-rule';\n\n /\n Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n /\n onToggle?: (details: ToggleDetail) => void;\n\n /\n Property that triggers a callback after toggle animation is done\n /\n onTransitionEnd?: (details: TransitionEnd) => void;\n};\n\ntype ToggleDetail = TransitionEnd & {\n target: EventTarget \| null;\n};\n\ntype TransitionEnd = {\n value: boolean;\n};\n\n/\n A collapsible displays a header that can be expanded to show its content.\n /\n\nexport const Collapsible = ({\n id,\n header,\n children,\n isDisabled = false,\n isExpanded = false,\n iconPosition = 'start',\n variant = 'basic',\n onToggle,\n onTransitionEnd\n}: Props) => {\n const rootRef = useRef<HTMLDivElement>(null);\n const uniqueID = useId();\n const headerId = `oj-collapsible-header-${uniqueID}`;\n const contentId = `oj-collapsible-content-${uniqueID}`;\n\n /\n Function handling toggle and invoking callback for collapsing/expanding\n /\n const toggleHandler = useCallback(\n (target: EventTarget \| null) => {\n if (isDisabled) {\n return;\n }\n onToggle?.({\n value: !isExpanded,\n target\n });\n },\n [isDisabled, onToggle, isExpanded]\n );\n\n /\n Function that is triggerd when animation ends\n */\n const transitionEndHandler = useCallback(() => {\n onTransitionEnd?.({\n value: isExpanded\n });\n }, [onTransitionEnd, isExpanded]);\n\n return (\n <div id={id} ref={rootRef}>\n <CollapsibleHeader\n id={headerId}\n contentId={contentId}\n toggleHandler={toggleHandler}\n isDisabled={isDisabled}\n isExpanded={isExpanded}\n iconPosition={iconPosition}\n variant={variant}>\n {header}\n </CollapsibleHeader>\n <CollapsibleContent\n id={contentId}\n isExpanded={isExpanded}\n onTransitionEnd={transitionEndHandler}>\n {children}\n </CollapsibleContent>\n </div>\n );\n};\n"],"names":["CollapsibleHeaderIcon","isExpanded","iconPosition","startIcon","ExpandIcon","CollapseIcon","endIcon","CollapseUpIcon","Icon","_jsx","size","styles","childrenStylesBase","CollapsibleHeader","children","id","contentId","isDisabled","variant","toggleHandler","pressHandler","useCallback","event","target","pressProps","usePress","isRepeat","_jsxs","_Fragment","jsx","Object","assign","role","tabIndex","className","classes","Flex","align","justify","Divider","CollapsibleContent","onTransitionEnd","state","setState","useState","overflowY","nodeRef","useAnimation","onAnimationEnd","animationState","ref","style","contentInitialStyle","current","undefined","animationStates","expanding","node","to","maxHeight","scrollHeight","options","duration","end","collapsing","from","header","onToggle","rootRef","useRef","uniqueID","useId","headerId","value","transitionEndHandler"],"mappings":"g0CAUO,MAAMA,EAAwB,EAAGC,WAAAA,EAAYC,aAAAA,MAClD,MAAMC,EAA6B,UAAjBD,GAA4BD,EAAaG,EAAAA,kBAAaC,EAAAA,aAClEC,EAA2B,QAAjBJ,GAA0BD,EAAaM,EAAAA,gBAAiBH,EAAAA,kBAClEI,EAAwB,UAAjBN,EAA2BC,EAAYG,EAEpD,OAAOG,MAACD,EAAI,CAACE,KAAK,QCQpBC,EAAA,SAAAA,EAAA,WAAAA,GAAA,QAAAA,cAsBAC,GAAA,WAAAA,GAAA,UAAAA,YAuBAC,GAAA,EAAAC,SAAAA,EAAAC,GAAAA,EAAAC,UAAAA,EAAAC,WAAAA,EAAAhB,WAAAA,EAAAC,aAAAA,EAAAgB,QAAAA,EAAA,QAAAC,cAAAA,4BAWIR,EACA,oBAAAO,GAAAP,GACAV,GAAA,oBAAAiB,GAAAP,0BAKAC,GACA,QAAAV,GAAAU,GACA,UAAAV,GAAAU,KAGFQ,EAAAC,EAAAA,YAAAC,IAEIH,EAAAG,EAAAC,SACF,CAAAJ,KAIFK,WAAAA,GAAAC,EAAAA,SAAAL,EAAA,cAEEM,UAAA,IAWF,OAAAC,EAAAA,KAAAC,EAAAA,SAAA,CAAAd,SAAA,CAAAL,EAAAoB,IAAA,MAAAC,OAAAC,OAAA,CAAAC,KAAA,SAAA,gBAAAhB,EAAA,gBAAAf,EAAAc,GAAAA,EAAAkB,SAAA,EAAAC,UAAAC,GAAAX,EAAA,CAAAV,SAAAL,EAAAoB,IAAAO,OAAAN,OAAAC,OAAA,CAAAM,MAAA,SAAAC,QAAA,UAAApC,EAAA,QAAA,WAAA,CAAAY,4NAAA,oBAAAI,GAAAT,EAAAA,IAAA8B,EAAAA,QAAA,QC/EFC,GAAA,EAAA1B,SAAAA,EAAAC,GAAAA,EAAAd,WAAAA,EAAAwC,gBAAAA,MACE,MAAAC,EAAAC,GAAAC,EAAAA,SAAA3C,EAAA,YAAA,yBAYE4C,UAAA,oDAMA,cAAAH,GAAAzC,mCAIF,CAAAA,EAAAyC,IAEA,MAAAI,QAAAA,GAAAC,EAAAA,aAAAL,EAAA,oBAEEM,eAAA,EAAAC,eAAAA,uCAIER,MAAAA,GAAAA,OAIJ,OAAAhC,MAAA,MAAAqB,OAAAC,OAAA,CAAAG,UA7CF,WA6CEgB,IAAAJ,EAAA/B,GAAAA,EAAAkB,UAAA,EAAAkB,MAAAC,EAAAC,QAAA,eAAApD,QAAAqD,GAAA,CAAAxC,SAAA,cAAA4B,GAAA5B,MA4BFyC,GAAA,CACEC,UAAAC,IAAA,CACEC,GAAA,CACEC,UAAA,GAAAF,EAAAG,kBAEFC,QAAA,CACEC,SAAA,KAEFC,IAAA,CACEJ,UAAA,UAGJK,WAAAP,GAAA3B,OAAAC,OAAAD,OAAAC,OAAA,GAAA,SAAA0B,EAAAN,MAAAQ,WAAA,CAEIM,KAAA,CACEN,UAAA,GAAAF,EAAAG,yBAIFD,UAAA,KACDE,QAAA,CAECC,SAAA,sBCpDqB,EACzB/C,GAAAA,EACAmD,OAAAA,EACApD,SAAAA,EACAG,WAAAA,GAAa,EACbhB,WAAAA,GAAa,EACbC,aAAAA,EAAe,QACfgB,QAAAA,EAAU,QACViD,SAAAA,EACA1B,gBAAAA,MAEA,MAAM2B,EAAUC,SAAuB,MACjCC,EAAWC,EAAAA,QACXC,EAAW,yBAAyBF,IACpCtD,EAAY,0BAA0BsD,IAKtCnD,EAAgBE,cACnBE,IACKN,GAGJkD,MAAAA,GAAAA,EAAW,CACTM,OAAQxE,EACRsB,OAAAA,KAGJ,CAACN,EAAYkD,EAAUlE,IAMnByE,EAAuBrD,EAAAA,YAAY,KACvCoB,MAAAA,GAAAA,EAAkB,CAChBgC,MAAOxE,KAER,CAACwC,EAAiBxC,IAErB,OACE0B,OAAA,MAAAG,OAAAC,OAAA,CAAKhB,GAAIA,EAAImC,IAAKkB,GAAO,CAAAtD,SAAA,CACvBL,EAAAA,IAACI,GACCiB,OAAAC,OAAA,CAAAhB,GAAIyD,EACJxD,UAAWA,EACXG,cAAeA,EACfF,WAAYA,EACZhB,WAAYA,EACZC,aAAcA,EACdgB,QAASA,GAAO,CAAAJ,SACfoD,KAEHzD,EAAAA,IAAC+B,GACCV,OAAAC,OAAA,CAAAhB,GAAIC,EACJf,WAAYA,EACZwC,gBAAiBiC,GAChB,CAAA5D,SAAAA"}
1	+ {"version":3,"file":"UNSAFE_Collapsible.js","sources":["../../src/UNSAFE_Collapsible/CollapsibleHeaderIcon.tsx","../../src/UNSAFE_Collapsible/CollapsibleHeader.tsx","../../src/UNSAFE_Collapsible/CollapsibleContent.tsx","../../src/UNSAFE_Collapsible/Collapsible.tsx"],"sourcesContent":["import { ExpandIcon, CollapseIcon, CollapseUpIcon } from '../UNSAFE_ThemedIcons';\n\ntype IconProps = {\n isExpanded: boolean;\n iconPosition?: 'start' \| 'end';\n};\n\n/*\n Header icon subcomponent\n /\nexport const CollapsibleHeaderIcon = ({ isExpanded, iconPosition }: IconProps) => {\n const startIcon = iconPosition === 'start' && isExpanded ? ExpandIcon : CollapseIcon;\n const endIcon = iconPosition === 'end' && isExpanded ? CollapseUpIcon : ExpandIcon;\n const Icon = iconPosition === 'start' ? startIcon : endIcon;\n\n return <Icon size=\"6x\" />;\n};\n","import { Fragment } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Divider } from '../UNSAFE_Divider';\nimport { CollapsibleHeaderIcon } from './CollapsibleHeaderIcon';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { usePress } from '../hooks/UNSAFE_usePress';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'id' \| 'children'>;\n\ntype HeaderProps = IntrinsicProps & {\n id: string;\n contentId: string;\n isDisabled: boolean;\n isExpanded: boolean;\n iconPosition?: 'start' \| 'end';\n variant?: 'basic' \| 'horizontal-rule';\n toggleHandler: (target: EventTarget \| null) => void;\n};\n\nconst styles = {\n base: cssProps`${{\n cursor: 'pointer',\n '&:focus-visible': {\n outlineStyle: 'dotted',\n outlineOffset: '1px',\n outlineWidth: '1px',\n outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n }\n }}`,\n expanded: cssProps`${{\n paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)'\n }}`,\n disabled: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n cursor: 'auto'\n }}`,\n divider: cssProps`${{\n paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n }}`\n};\n\nconst childrenStylesBase = {\n base: cssProps`${{\n flexGrow: 1,\n / @ts-ignore /\n '& > ': {\n marginTop: '0 !important',\n marginBottom: '0 !important',\n marginLeft: '0 !important',\n marginRight: '0 !important'\n }\n }}`,\n iconStart: cssProps`${{\n paddingInlineStart: '16px'\n }}`,\n iconEnd: cssProps`${{\n paddingInlineEnd: '16px'\n }}`\n};\n\n/*\n Header subcomponent\n /\n\nexport const CollapsibleHeader = ({\n children,\n id,\n contentId,\n isDisabled,\n isExpanded,\n iconPosition,\n variant = 'basic',\n toggleHandler\n}: HeaderProps) => {\n const classes = classNames([\n styles.base,\n variant === 'horizontal-rule' && styles.divider,\n isExpanded && variant !== 'horizontal-rule' && styles.expanded,\n isDisabled && styles.disabled\n ]);\n\n const childrenClasses = classNames([\n childrenStylesBase.base,\n iconPosition === 'end' && childrenStylesBase.iconEnd,\n iconPosition === 'start' && childrenStylesBase.iconStart\n ]);\n\n const pressHandler = useCallback(\n (event: Event) => {\n toggleHandler(event.target);\n },\n [toggleHandler]\n );\n\n const { pressProps } = usePress(pressHandler, {\n isDisabled,\n isRepeat: false\n });\n\n const getHeader = () => (\n <Fragment>\n {iconPosition === 'end' && <div className={childrenClasses}>{children}</div>}\n <CollapsibleHeaderIcon iconPosition={iconPosition} isExpanded={isExpanded} />\n {iconPosition === 'start' && <div className={childrenClasses}>{children}</div>}\n </Fragment>\n );\n\n return (\n <>\n <div\n role={'button'}\n aria-controls={contentId}\n aria-expanded={isExpanded}\n id={id}\n tabIndex={0}\n className={classes}\n {...pressProps}>\n <Flex align=\"center\" justify={iconPosition === 'start' ? 'start' : 'between'}>\n {getHeader()}\n </Flex>\n </div>\n {variant === 'horizontal-rule' && <Divider />}\n </>\n );\n};\n","import { JSX } from 'preact';\nimport { useState, useEffect, useRef } from 'preact/hooks';\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype ContentProps = IntrinsicProps & {\n id: string;\n isExpanded: boolean;\n onTransitionEnd: () => void;\n};\n\n/\n The 'collapsing' and 'expanding' states are related to the animation. The 'unmounted' state\n * is used for conditional rendering. In this state, the Collapsible content is completely removed\n * from the DOM. The 'unmounted' state is set either as an initial state or when collapsing\n * animation ends.\n /\ntype Status = 'collapsing' \| 'expanding' \| 'unmounted';\n\nconst styles = cssProps`${{\n / @ts-ignore /\n '& > ': {\n marginTop: '0 !important',\n marginBottom: '0 !important',\n marginLeft: '0 !important',\n marginRight: '0 !important'\n }\n}}`;\n\nexport const CollapsibleContent = ({ children, id, isExpanded, onTransitionEnd }: ContentProps) => {\n const [state, setState] = useState<Status>(isExpanded ? 'expanding' : 'unmounted');\n\n /*\n 1. On initial render, Preact sets style.maxHeight field to 0 or 'none'.\n * 2. During expanding animation, useAnimation hook uses WAAPI to animate the maxHeight out\n * to the expanded value.\n * 3. On subsequent re-renders, Preact does never updates the style.maxHeight value\n * because even though we are telling Preact that maxHeight should be 0 or 'none', Preact\n * considers the maxHeight value is 0 or 'none' as it is not aware that we changed this value\n * in step 2. So from Preact's perspective there is no difference.\n /\n const contentInitialStyle = useRef<JSX.CSSProperties>({\n overflowY: 'hidden',\n maxHeight: isExpanded ? 'none' : '0'\n });\n\n useEffect(() => {\n // Ignore state update on initial render\n if (state === 'unmounted' && !isExpanded) {\n return;\n }\n setState(isExpanded ? 'expanding' : 'collapsing');\n }, [isExpanded, state]);\n\n const { nodeRef } = useAnimation<Status, HTMLDivElement>(state, {\n animationStates,\n onAnimationEnd: ({ animationState }) => {\n if (animationState === 'collapsing') {\n setState('unmounted');\n }\n onTransitionEnd?.();\n }\n });\n\n return (\n <div\n className={styles}\n ref={nodeRef}\n id={id}\n tabIndex={-1}\n style={contentInitialStyle.current}\n aria-hidden={!isExpanded \|\| undefined}>\n {state !== 'unmounted' && children}\n </div>\n );\n};\n\n/\n The transition from collapsed to expanded works as follows:\n * 1. When the component is initially rendered in the collapsed state, we\n * explicitly set maxHeight and overflowY from \"to\" configuration.\n * 2. When the expanded prop changes from false to true, we first mount the content children.\n * 3. Once this is mounted we trigger an animation updating animationState value of useAnimationHook.\n * 4. Configuration is represented inside hook. Passed config depends if previous animation was completed or not.\n * We could check that based on node.style.maxHeight.\n \n The transition from expanded to collapsed is similar:\n * 1. We trigger an animation updating animationState value of useAnimationHook.\n * 2. Once animation is completed, with the help of end config,we set max-Height as 'none'.\n * This will allow us to keep adding content.\n * 3. Once this is done, onAnimationEnd is called(as 'from collapsed to expanded\"). Here, content children are unmouunted.\n /\nconst animationStates: UseAnimationConfig<Status, HTMLDivElement>['animationStates'] = {\n expanding: (node) => ({\n to: {\n maxHeight: `${node.scrollHeight}px`\n },\n options: {\n duration: 400\n },\n end: {\n maxHeight: 'none'\n }\n }),\n collapsing: (node) => ({\n ...(node.style.maxHeight === 'none' && {\n from: {\n maxHeight: `${node.scrollHeight}px`\n }\n }),\n to: {\n maxHeight: '0'\n },\n options: {\n duration: 400\n }\n })\n};\n","import { ComponentChildren } from 'preact';\nimport { useRef, useCallback } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { CollapsibleHeader } from './CollapsibleHeader';\nimport { CollapsibleContent } from './CollapsibleContent';\n\ntype Props = {\n /\n Id of the component\n /\n id?: string;\n\n /\n Collapsible's header. If not specified, the header contains only an open/close icon. Note that the header text is required for JET collapsible for accessibility purposes.\n /\n header?: ComponentChildren;\n\n /\n The content node to be collapsed\n /\n children?: ComponentChildren;\n\n /\n Disables the collapsible if set to true\n /\n isDisabled?: boolean;\n\n /\n Specifies if the content is expanded\n /\n isExpanded?: boolean;\n\n /\n Changes chevron icon placement at the end of the collapsible header\n /\n iconPosition?: 'start' \| 'end';\n\n /\n Controls the header display which con include a divider below the collapsible header\n /\n variant?: 'basic' \| 'horizontal-rule';\n\n /\n Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n /\n onToggle?: (details: ToggleDetail) => void;\n\n /\n Property that triggers a callback after toggle animation is done\n /\n onTransitionEnd?: (details: TransitionEnd) => void;\n};\n\ntype ToggleDetail = TransitionEnd & {\n target: EventTarget \| null;\n};\n\ntype TransitionEnd = {\n value: boolean;\n};\n\n/\n A collapsible displays a header that can be expanded to show its content.\n /\n\nexport const Collapsible = ({\n id,\n header,\n children,\n isDisabled = false,\n isExpanded = false,\n iconPosition = 'start',\n variant = 'basic',\n onToggle,\n onTransitionEnd\n}: Props) => {\n const rootRef = useRef<HTMLDivElement>(null);\n const uniqueID = useId();\n const headerId = `oj-collapsible-header-${uniqueID}`;\n const contentId = `oj-collapsible-content-${uniqueID}`;\n\n /\n Function handling toggle and invoking callback for collapsing/expanding\n /\n const toggleHandler = useCallback(\n (target: EventTarget \| null) => {\n if (isDisabled) {\n return;\n }\n onToggle?.({\n value: !isExpanded,\n target\n });\n },\n [isDisabled, onToggle, isExpanded]\n );\n\n /\n Function that is triggerd when animation ends\n */\n const transitionEndHandler = useCallback(() => {\n onTransitionEnd?.({\n value: isExpanded\n });\n }, [onTransitionEnd, isExpanded]);\n\n return (\n <div id={id} ref={rootRef}>\n <CollapsibleHeader\n id={headerId}\n contentId={contentId}\n toggleHandler={toggleHandler}\n isDisabled={isDisabled}\n isExpanded={isExpanded}\n iconPosition={iconPosition}\n variant={variant}>\n {header}\n </CollapsibleHeader>\n <CollapsibleContent\n id={contentId}\n isExpanded={isExpanded}\n onTransitionEnd={transitionEndHandler}>\n {children}\n </CollapsibleContent>\n </div>\n );\n};\n"],"names":["CollapsibleHeaderIcon","isExpanded","iconPosition","startIcon","ExpandIcon","CollapseIcon","endIcon","CollapseUpIcon","Icon","_jsx","size","styles","childrenStylesBase","CollapsibleHeader","children","id","contentId","isDisabled","variant","toggleHandler","pressHandler","useCallback","event","target","pressProps","usePress","isRepeat","_jsxs","_Fragment","jsx","Object","assign","role","tabIndex","className","classes","Flex","align","justify","Divider","CollapsibleContent","onTransitionEnd","state","setState","useState","overflowY","nodeRef","useAnimation","onAnimationEnd","animationState","ref","style","contentInitialStyle","current","undefined","animationStates","expanding","node","to","maxHeight","scrollHeight","options","duration","end","collapsing","from","header","onToggle","rootRef","useRef","uniqueID","useId","headerId","value","transitionEndHandler"],"mappings":"g0CAUO,MAAMA,EAAwB,EAAGC,WAAAA,EAAYC,aAAAA,MAClD,MAAMC,EAA6B,UAAjBD,GAA4BD,EAAaG,EAAAA,kBAAaC,EAAAA,aAClEC,EAA2B,QAAjBJ,GAA0BD,EAAaM,EAAAA,gBAAiBH,EAAAA,kBAClEI,EAAwB,UAAjBN,EAA2BC,EAAYG,EAEpD,OAAOG,MAACD,EAAI,CAACE,KAAK,QCQpBC,EAAA,WAAAA,EAAA,UAAAA,GAAA,UAAAA,cAsBAC,GAAA,SAAAA,GAAA,SAAAA,YAuBAC,GAAA,EAAAC,SAAAA,EAAAC,GAAAA,EAAAC,UAAAA,EAAAC,WAAAA,EAAAhB,WAAAA,EAAAC,aAAAA,EAAAgB,QAAAA,EAAA,QAAAC,cAAAA,4BAWIR,EACA,oBAAAO,GAAAP,GACAV,GAAA,oBAAAiB,GAAAP,0BAKAC,GACA,QAAAV,GAAAU,GACA,UAAAV,GAAAU,KAGFQ,EAAAC,EAAAA,YAAAC,IAEIH,EAAAG,EAAAC,SACF,CAAAJ,KAIFK,WAAAA,GAAAC,EAAAA,SAAAL,EAAA,cAEEM,UAAA,IAWF,OAAAC,EAAAA,KAAAC,EAAAA,SAAA,CAAAd,SAAA,CAAAL,EAAAoB,IAAA,MAAAC,OAAAC,OAAA,CAAAC,KAAA,SAAA,gBAAAhB,EAAA,gBAAAf,EAAAc,GAAAA,EAAAkB,SAAA,EAAAC,UAAAC,GAAAX,EAAA,CAAAV,SAAAL,EAAAoB,IAAAO,OAAAN,OAAAC,OAAA,CAAAM,MAAA,SAAAC,QAAA,UAAApC,EAAA,QAAA,WAAA,CAAAY,4NAAA,oBAAAI,GAAAT,EAAAA,IAAA8B,EAAAA,QAAA,QC/EFC,GAAA,EAAA1B,SAAAA,EAAAC,GAAAA,EAAAd,WAAAA,EAAAwC,gBAAAA,MACE,MAAAC,EAAAC,GAAAC,EAAAA,SAAA3C,EAAA,YAAA,yBAYE4C,UAAA,oDAMA,cAAAH,GAAAzC,mCAIF,CAAAA,EAAAyC,IAEA,MAAAI,QAAAA,GAAAC,EAAAA,aAAAL,EAAA,oBAEEM,eAAA,EAAAC,eAAAA,uCAIER,MAAAA,GAAAA,OAIJ,OAAAhC,MAAA,MAAAqB,OAAAC,OAAA,CAAAG,UA7CF,WA6CEgB,IAAAJ,EAAA/B,GAAAA,EAAAkB,UAAA,EAAAkB,MAAAC,EAAAC,QAAA,eAAApD,QAAAqD,GAAA,CAAAxC,SAAA,cAAA4B,GAAA5B,MA4BFyC,GAAA,CACEC,UAAAC,IAAA,CACEC,GAAA,CACEC,UAAA,GAAAF,EAAAG,kBAEFC,QAAA,CACEC,SAAA,KAEFC,IAAA,CACEJ,UAAA,UAGJK,WAAAP,GAAA3B,OAAAC,OAAAD,OAAAC,OAAA,GAAA,SAAA0B,EAAAN,MAAAQ,WAAA,CAEIM,KAAA,CACEN,UAAA,GAAAF,EAAAG,yBAIFD,UAAA,KACDE,QAAA,CAECC,SAAA,sBCpDqB,EACzB/C,GAAAA,EACAmD,OAAAA,EACApD,SAAAA,EACAG,WAAAA,GAAa,EACbhB,WAAAA,GAAa,EACbC,aAAAA,EAAe,QACfgB,QAAAA,EAAU,QACViD,SAAAA,EACA1B,gBAAAA,MAEA,MAAM2B,EAAUC,SAAuB,MACjCC,EAAWC,EAAAA,QACXC,EAAW,yBAAyBF,IACpCtD,EAAY,0BAA0BsD,IAKtCnD,EAAgBE,cACnBE,IACKN,GAGJkD,MAAAA,GAAAA,EAAW,CACTM,OAAQxE,EACRsB,OAAAA,KAGJ,CAACN,EAAYkD,EAAUlE,IAMnByE,EAAuBrD,EAAAA,YAAY,KACvCoB,MAAAA,GAAAA,EAAkB,CAChBgC,MAAOxE,KAER,CAACwC,EAAiBxC,IAErB,OACE0B,OAAA,MAAAG,OAAAC,OAAA,CAAKhB,GAAIA,EAAImC,IAAKkB,GAAO,CAAAtD,SAAA,CACvBL,EAAAA,IAACI,GACCiB,OAAAC,OAAA,CAAAhB,GAAIyD,EACJxD,UAAWA,EACXG,cAAeA,EACfF,WAAYA,EACZhB,WAAYA,EACZC,aAAcA,EACdgB,QAASA,GAAO,CAAAJ,SACfoD,KAEHzD,EAAAA,IAAC+B,GACCV,OAAAC,OAAA,CAAAhB,GAAIC,EACJf,WAAYA,EACZwC,gBAAiBiC,GAChB,CAAA5D,SAAAA"}

package/amd/UNSAFE_ComponentMessage/__tests__/ComponentMessage.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["require","preact/jsx-runtime","@testing-library/preact","chai","../../PRIVATE_Message","../../UNSAFE_Environment","../../utils/UNSAFE_matchTranslationBundle","../../ComponentMessage-fb11610e","../../Message.types-e1e686f9","css!./../../UNSAFE_ComponentMessage.css","preact/hooks","../../UNSAFE_Flex","../../Flex-f9400d0c","../../tslib.es6-de389af1","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-a9b2d356","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-f7aa427b","../../_curry3-aa9c5bd1","../../_curry2-4587c862","../../_has-264770bc","../../utils/UNSAFE_interpolations/boxalignment","../../keys-a3d0c6e0","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-e416347d","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-7c6baa22","../../utils/PRIVATE_timer","../../MessageCloseButton-c1dbc30b","../../UNSAFE_Button","../../Button-8aa00bbd","../../UNSAFE_BaseButton","../../BaseButton-4b95e724","../../hooks/UNSAFE_usePress","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useActive","preact/compat","../../utils/PRIVATE_clientHints","../../clientHints-0061da83","../../hooks/UNSAFE_useTabbableMode","preact","../../utils/UNSAFE_mergeProps","../../index-d117de08","../../index-4dd59b80","../../UNSAFE_Icon","../../Icon-4b1331cd","../../hooks/UNSAFE_useTooltip","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-930f80d0","../../index-9be81def","../../hooks/UNSAFE_useUser","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-af110ad3","../../hooks/UNSAFE_useTheme","../../MessageDetail-42f44dd3","../../MessageFormattingUtils-a991ff36","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-b89cb03c","../../MessageStartIcon-1256ab5f","../../MessageSummary-2bdadf22","../../MessageTimestamp-1a077b86","../../MessageUtils-43b228f0","../../utils/UNSAFE_logger","../../utils/UNSAFE_soundUtils","../../MessagesManager-7022e7d9","../../PRIVATE_TransitionGroup","../../hooks/UNSAFE_useMessagesContext","../../hooks/UNSAFE_useTranslationBundle","../../UNSAFE_HiddenAccessible","../../HiddenAccessible-be5f2a1d"],function(e,s,n,r,u,o,t,l,c,i,a,d,b,m,f,P,w,A,U,E,_,F,h,S,N,g,p,k,x,v,T,y,M,C,B,I,H,j,R,V,X,q,z,L,$,O,D,G,J,K,Q,W,Y,Z,ee,se,ne,re,ue,oe,te,le,ce,ie,ae,de,be,me,fe,Pe,we,Ae,Ue,Ee,_e,Fe,he,Se,Ne,ge,pe,ke){"use strict";async function xe(){const s=t.matchTranslationBundle(["en"],new Set(["en-US","en"])),{default:n}=await function(s){switch(s){case"../../resources/nls/ar/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ar/bundle"],s,n)});case"../../resources/nls/ar-XB/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ar-XB/bundle"],s,n)});case"../../resources/nls/bg/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bg/bundle"],s,n)});case"../../resources/nls/bs/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bs/bundle"],s,n)});case"../../resources/nls/bs-Cyrl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bs-Cyrl/bundle"],s,n)});case"../../resources/nls/cs/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/cs/bundle"],s,n)});case"../../resources/nls/da/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/da/bundle"],s,n)});case"../../resources/nls/de/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/de/bundle"],s,n)});case"../../resources/nls/el/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/el/bundle"],s,n)});case"../../resources/nls/en/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en/bundle"],s,n)});case"../../resources/nls/en-XA/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en-XA/bundle"],s,n)});case"../../resources/nls/en-XC/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en-XC/bundle"],s,n)});case"../../resources/nls/es/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/es/bundle"],s,n)});case"../../resources/nls/et/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/et/bundle"],s,n)});case"../../resources/nls/fi/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fi/bundle"],s,n)});case"../../resources/nls/fr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fr/bundle"],s,n)});case"../../resources/nls/fr-CA/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fr-CA/bundle"],s,n)});case"../../resources/nls/he/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/he/bundle"],s,n)});case"../../resources/nls/hr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/hr/bundle"],s,n)});case"../../resources/nls/hu/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/hu/bundle"],s,n)});case"../../resources/nls/is/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/is/bundle"],s,n)});case"../../resources/nls/it/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/it/bundle"],s,n)});case"../../resources/nls/ja/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ja/bundle"],s,n)});case"../../resources/nls/ko/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ko/bundle"],s,n)});case"../../resources/nls/lt/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/lt/bundle"],s,n)});case"../../resources/nls/lv/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/lv/bundle"],s,n)});case"../../resources/nls/ms/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ms/bundle"],s,n)});case"../../resources/nls/nl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/nl/bundle"],s,n)});case"../../resources/nls/no/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/no/bundle"],s,n)});case"../../resources/nls/pl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pl/bundle"],s,n)});case"../../resources/nls/pt/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pt/bundle"],s,n)});case"../../resources/nls/pt-PT/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pt-PT/bundle"],s,n)});case"../../resources/nls/ro/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ro/bundle"],s,n)});case"../../resources/nls/ru/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ru/bundle"],s,n)});case"../../resources/nls/sk/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sk/bundle"],s,n)});case"../../resources/nls/sl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sl/bundle"],s,n)});case"../../resources/nls/sr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sr/bundle"],s,n)});case"../../resources/nls/sr-Latn/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sr-Latn/bundle"],s,n)});case"../../resources/nls/sv/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sv/bundle"],s,n)});case"../../resources/nls/th/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/th/bundle"],s,n)});case"../../resources/nls/tr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/tr/bundle"],s,n)});case"../../resources/nls/uk/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/uk/bundle"],s,n)});case"../../resources/nls/vi/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/vi/bundle"],s,n)});case"../../resources/nls/zh-Hans/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/zh-Hans/bundle"],s,n)});case"../../resources/nls/zh-Hant/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/zh-Hant/bundle"],s,n)});default:return new Promise(function(e,n){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(n.bind(null,new Error("Unknown variable dynamic import: "+s)))})}}(`../../resources/nls/${s}/bundle.ts`);return{translations:{"@oracle/oraclejet-preact":n}}}describe("Test ComponentMessage component",()=>{for(const e of c.severities)"none"!==e&&it(`severity ${e}`,async()=>{var u;const t=n.render(s.jsx(o.RootEnvironmentProvider,Object.assign({environment:await xe()},{children:s.jsx(l.ComponentMessage,{severity:e,detail:`${e} message`})}))).container.firstElementChild;r.expect(t,"component is rendered").not.null,r.expect(null==t?void 0:t.classList.contains(`oj-c-messageinline-${e}`),"correct style class is set").to.be.true;const c=null==t?void 0:t.children.item(0),i=null==t?void 0:t.children.item(1);r.expect(null==t?void 0:t.children.length).to.equal(2,"correct child DOM nodes count"),r.expect(c,"icon exists").not.null,r.expect(i,"detail exists").not.null,r.expect(null===(u=null==i?void 0:i.textContent)||void 0===u?void 0:u.trim()).to.equal(`${e} message`,"detail rendered correctly")})})});
+define(["require","preact/jsx-runtime","@testing-library/preact","chai","../../PRIVATE_Message","../../UNSAFE_Environment","../../utils/UNSAFE_matchTranslationBundle","../../ComponentMessage-955a6a54","../../Message.types-cdf49a64","css!./../../UNSAFE_ComponentMessage.css","preact/hooks","../../UNSAFE_Flex","../../Flex-56ca361c","../../tslib.es6-0026d2ad","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-5e7b060f","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-62e37972","../../_curry3-5f6cc6b4","../../_curry2-a7eb1217","../../_has-ec8331b9","../../utils/UNSAFE_interpolations/boxalignment","../../keys-f1cf2c8a","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-495ba219","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-2a478c7f","../../utils/PRIVATE_timer","../../MessageCloseButton-c0436a6d","../../UNSAFE_Button","../../Button-0d9421fc","../../UNSAFE_BaseButton","../../BaseButton-7d5eb39d","../../hooks/UNSAFE_usePress","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useActive","preact/compat","../../utils/PRIVATE_clientHints","../../clientHints-2e828dd3","../../hooks/UNSAFE_useTabbableMode","preact","../../utils/UNSAFE_mergeProps","../../index-359cad62","../../index-8aa44d16","../../UNSAFE_Icon","../../Icon-104b91f5","../../hooks/UNSAFE_useTooltip","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-e8dc5fb7","../../index-f9c35a81","../../hooks/UNSAFE_useUser","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-979626b0","../../hooks/UNSAFE_useTheme","../../MessageDetail-3e492e42","../../MessageFormattingUtils-36ba3a21","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-91d77e3d","../../MessageStartIcon-c7c14eb3","../../MessageSummary-2e35809c","../../MessageTimestamp-5a7d95b4","../../MessageUtils-f508120a","../../utils/UNSAFE_logger","../../utils/UNSAFE_soundUtils","../../MessagesManager-2c73161c","../../PRIVATE_TransitionGroup","../../hooks/UNSAFE_useMessagesContext","../../hooks/UNSAFE_useTranslationBundle","../../UNSAFE_HiddenAccessible","../../HiddenAccessible-5ecb1534"],function(e,s,n,r,u,o,t,l,c,i,a,d,b,m,f,P,w,A,U,E,_,F,h,S,N,g,p,k,x,v,T,y,M,C,B,I,H,j,R,V,X,q,z,L,$,O,D,G,J,K,Q,W,Y,Z,ee,se,ne,re,ue,oe,te,le,ce,ie,ae,de,be,me,fe,Pe,we,Ae,Ue,Ee,_e,Fe,he,Se,Ne,ge,pe,ke){"use strict";async function xe(){const s=t.matchTranslationBundle(["en"],new Set(["en-US","en"])),{default:n}=await function(s){switch(s){case"../../resources/nls/ar/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ar/bundle"],s,n)});case"../../resources/nls/ar-XB/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ar-XB/bundle"],s,n)});case"../../resources/nls/bg/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bg/bundle"],s,n)});case"../../resources/nls/bs/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bs/bundle"],s,n)});case"../../resources/nls/bs-Cyrl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bs-Cyrl/bundle"],s,n)});case"../../resources/nls/cs/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/cs/bundle"],s,n)});case"../../resources/nls/da/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/da/bundle"],s,n)});case"../../resources/nls/de/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/de/bundle"],s,n)});case"../../resources/nls/el/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/el/bundle"],s,n)});case"../../resources/nls/en/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en/bundle"],s,n)});case"../../resources/nls/en-XA/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en-XA/bundle"],s,n)});case"../../resources/nls/en-XC/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en-XC/bundle"],s,n)});case"../../resources/nls/es/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/es/bundle"],s,n)});case"../../resources/nls/et/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/et/bundle"],s,n)});case"../../resources/nls/fi/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fi/bundle"],s,n)});case"../../resources/nls/fr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fr/bundle"],s,n)});case"../../resources/nls/fr-CA/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fr-CA/bundle"],s,n)});case"../../resources/nls/he/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/he/bundle"],s,n)});case"../../resources/nls/hr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/hr/bundle"],s,n)});case"../../resources/nls/hu/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/hu/bundle"],s,n)});case"../../resources/nls/is/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/is/bundle"],s,n)});case"../../resources/nls/it/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/it/bundle"],s,n)});case"../../resources/nls/ja/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ja/bundle"],s,n)});case"../../resources/nls/ko/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ko/bundle"],s,n)});case"../../resources/nls/lt/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/lt/bundle"],s,n)});case"../../resources/nls/lv/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/lv/bundle"],s,n)});case"../../resources/nls/ms/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ms/bundle"],s,n)});case"../../resources/nls/nl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/nl/bundle"],s,n)});case"../../resources/nls/no/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/no/bundle"],s,n)});case"../../resources/nls/pl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pl/bundle"],s,n)});case"../../resources/nls/pt/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pt/bundle"],s,n)});case"../../resources/nls/pt-PT/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pt-PT/bundle"],s,n)});case"../../resources/nls/ro/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ro/bundle"],s,n)});case"../../resources/nls/ru/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ru/bundle"],s,n)});case"../../resources/nls/sk/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sk/bundle"],s,n)});case"../../resources/nls/sl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sl/bundle"],s,n)});case"../../resources/nls/sr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sr/bundle"],s,n)});case"../../resources/nls/sr-Latn/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sr-Latn/bundle"],s,n)});case"../../resources/nls/sv/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sv/bundle"],s,n)});case"../../resources/nls/th/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/th/bundle"],s,n)});case"../../resources/nls/tr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/tr/bundle"],s,n)});case"../../resources/nls/uk/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/uk/bundle"],s,n)});case"../../resources/nls/vi/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/vi/bundle"],s,n)});case"../../resources/nls/zh-Hans/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/zh-Hans/bundle"],s,n)});case"../../resources/nls/zh-Hant/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/zh-Hant/bundle"],s,n)});default:return new Promise(function(e,n){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(n.bind(null,new Error("Unknown variable dynamic import: "+s)))})}}(`../../resources/nls/${s}/bundle.ts`);return{translations:{"@oracle/oraclejet-preact":n}}}describe("Test ComponentMessage component",()=>{for(const e of c.severities)"none"!==e&&it(`severity ${e}`,async()=>{var u;const t=n.render(s.jsx(o.RootEnvironmentProvider,Object.assign({environment:await xe()},{children:s.jsx(l.ComponentMessage,{severity:e,detail:`${e} message`})}))).container.firstElementChild;r.expect(t,"component is rendered").not.null,r.expect(null==t?void 0:t.classList.contains(`oj-c-messageinline-${e}`),"correct style class is set").to.be.true;const c=null==t?void 0:t.children.item(0),i=null==t?void 0:t.children.item(1);r.expect(null==t?void 0:t.children.length).to.equal(2,"correct child DOM nodes count"),r.expect(c,"icon exists").not.null,r.expect(i,"detail exists").not.null,r.expect(null===(u=null==i?void 0:i.textContent)||void 0===u?void 0:u.trim()).to.equal(`${e} message`,"detail rendered correctly")})})});
 //# sourceMappingURL=ComponentMessage.spec.js.map

package/amd/UNSAFE_ComponentMessage/__tests__/ComponentMessageContainer.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["require","preact/jsx-runtime","@testing-library/preact","chai","../../ComponentMessageContainer-adda2d86","../../UNSAFE_Environment","../../utils/UNSAFE_matchTranslationBundle","css!./../../UNSAFE_ComponentMessage.css","../../PRIVATE_Message","preact/hooks","../../UNSAFE_Flex","../../Flex-f9400d0c","../../tslib.es6-de389af1","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-a9b2d356","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-f7aa427b","../../_curry3-aa9c5bd1","../../_curry2-4587c862","../../_has-264770bc","../../utils/UNSAFE_interpolations/boxalignment","../../keys-a3d0c6e0","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-e416347d","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-7c6baa22","../../utils/PRIVATE_timer","../../MessageCloseButton-c1dbc30b","../../UNSAFE_Button","../../Button-8aa00bbd","../../UNSAFE_BaseButton","../../BaseButton-4b95e724","../../hooks/UNSAFE_usePress","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useActive","preact/compat","../../utils/PRIVATE_clientHints","../../clientHints-0061da83","../../hooks/UNSAFE_useTabbableMode","preact","../../utils/UNSAFE_mergeProps","../../index-d117de08","../../index-4dd59b80","../../UNSAFE_Icon","../../Icon-4b1331cd","../../hooks/UNSAFE_useTooltip","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-930f80d0","../../index-9be81def","../../hooks/UNSAFE_useUser","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-af110ad3","../../hooks/UNSAFE_useTheme","../../MessageDetail-42f44dd3","../../MessageFormattingUtils-a991ff36","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-b89cb03c","../../Message.types-e1e686f9","../../MessageStartIcon-1256ab5f","../../MessageSummary-2bdadf22","../../MessageTimestamp-1a077b86","../../MessageUtils-43b228f0","../../utils/UNSAFE_logger","../../utils/UNSAFE_soundUtils","../../MessagesManager-7022e7d9","../../PRIVATE_TransitionGroup","../../hooks/UNSAFE_useMessagesContext","../../ComponentMessage-fb11610e","../../hooks/UNSAFE_useTranslationBundle","../../UNSAFE_HiddenAccessible","../../HiddenAccessible-be5f2a1d"],function(e,s,n,r,o,t,u,l,i,c,a,d,b,m,f,w,P,g,h,A,E,U,v,_,F,S,p,N,x,k,C,y,T,M,B,j,I,H,q,L,R,V,X,z,O,D,G,$,J,K,Q,W,Y,Z,ee,se,ne,re,oe,te,ue,le,ie,ce,ae,de,be,me,fe,we,Pe,ge,he,Ae,Ee,Ue,ve,_e,Fe,Se,pe,Ne,xe){"use strict";async function ke(){const s=u.matchTranslationBundle(["en"],new Set(["en-US","en"])),{default:n}=await function(s){switch(s){case"../../resources/nls/ar/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ar/bundle"],s,n)});case"../../resources/nls/ar-XB/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ar-XB/bundle"],s,n)});case"../../resources/nls/bg/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bg/bundle"],s,n)});case"../../resources/nls/bs/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bs/bundle"],s,n)});case"../../resources/nls/bs-Cyrl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bs-Cyrl/bundle"],s,n)});case"../../resources/nls/cs/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/cs/bundle"],s,n)});case"../../resources/nls/da/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/da/bundle"],s,n)});case"../../resources/nls/de/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/de/bundle"],s,n)});case"../../resources/nls/el/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/el/bundle"],s,n)});case"../../resources/nls/en/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en/bundle"],s,n)});case"../../resources/nls/en-XA/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en-XA/bundle"],s,n)});case"../../resources/nls/en-XC/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en-XC/bundle"],s,n)});case"../../resources/nls/es/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/es/bundle"],s,n)});case"../../resources/nls/et/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/et/bundle"],s,n)});case"../../resources/nls/fi/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fi/bundle"],s,n)});case"../../resources/nls/fr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fr/bundle"],s,n)});case"../../resources/nls/fr-CA/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fr-CA/bundle"],s,n)});case"../../resources/nls/he/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/he/bundle"],s,n)});case"../../resources/nls/hr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/hr/bundle"],s,n)});case"../../resources/nls/hu/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/hu/bundle"],s,n)});case"../../resources/nls/is/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/is/bundle"],s,n)});case"../../resources/nls/it/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/it/bundle"],s,n)});case"../../resources/nls/ja/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ja/bundle"],s,n)});case"../../resources/nls/ko/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ko/bundle"],s,n)});case"../../resources/nls/lt/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/lt/bundle"],s,n)});case"../../resources/nls/lv/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/lv/bundle"],s,n)});case"../../resources/nls/ms/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ms/bundle"],s,n)});case"../../resources/nls/nl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/nl/bundle"],s,n)});case"../../resources/nls/no/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/no/bundle"],s,n)});case"../../resources/nls/pl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pl/bundle"],s,n)});case"../../resources/nls/pt/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pt/bundle"],s,n)});case"../../resources/nls/pt-PT/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pt-PT/bundle"],s,n)});case"../../resources/nls/ro/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ro/bundle"],s,n)});case"../../resources/nls/ru/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ru/bundle"],s,n)});case"../../resources/nls/sk/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sk/bundle"],s,n)});case"../../resources/nls/sl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sl/bundle"],s,n)});case"../../resources/nls/sr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sr/bundle"],s,n)});case"../../resources/nls/sr-Latn/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sr-Latn/bundle"],s,n)});case"../../resources/nls/sv/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sv/bundle"],s,n)});case"../../resources/nls/th/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/th/bundle"],s,n)});case"../../resources/nls/tr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/tr/bundle"],s,n)});case"../../resources/nls/uk/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/uk/bundle"],s,n)});case"../../resources/nls/vi/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/vi/bundle"],s,n)});case"../../resources/nls/zh-Hans/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/zh-Hans/bundle"],s,n)});case"../../resources/nls/zh-Hant/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/zh-Hant/bundle"],s,n)});default:return new Promise(function(e,n){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(n.bind(null,new Error("Unknown variable dynamic import: "+s)))})}}(`../../resources/nls/${s}/bundle.ts`);return{translations:{"@oracle/oraclejet-preact":n}}}describe("Test ComponentMessageContainer component",()=>{it("should render messages correctly",async()=>{var e,u,l,i,c,a,d,b;const{container:m}=n.render(s.jsx(t.RootEnvironmentProvider,Object.assign({environment:await ke()},{children:s.jsx(o.ComponentMessageContainer,{messages:[{detail:"error message",severity:"error"},{detail:"warning message",severity:"warning"},{detail:"confirmation message",severity:"confirmation"},{detail:"info message",severity:"info"}]})}))),f=m.firstElementChild;r.expect(null==f?void 0:f.children.length).to.equal(4,"all messages are rendered");const w=null===(u=null===(e=null==f?void 0:f.children)||void 0===e?void 0:e.item(0))||void 0===u?void 0:u.firstElementChild,P=null===(i=null===(l=null==f?void 0:f.children)||void 0===l?void 0:l.item(1))||void 0===i?void 0:i.firstElementChild,g=null===(a=null===(c=null==f?void 0:f.children)||void 0===c?void 0:c.item(2))||void 0===a?void 0:a.firstElementChild,h=null===(b=null===(d=null==f?void 0:f.children)||void 0===d?void 0:d.item(3))||void 0===b?void 0:b.firstElementChild;r.expect(null==w?void 0:w.classList.contains("oj-c-messageinline-error"),"has correct error class").to.be.true,r.expect(null==w?void 0:w.textContent).to.equal("error message","has correct error detail text"),r.expect(null==P?void 0:P.classList.contains("oj-c-messageinline-warning"),"has correct warning class").to.be.true,r.expect(null==P?void 0:P.textContent).to.equal("warning message","has correct warning detail text"),r.expect(null==g?void 0:g.classList.contains("oj-c-messageinline-confirmation"),"has correct confirmation class").to.be.true,r.expect(null==g?void 0:g.textContent).to.equal("confirmation message","has correct confirmation detail text"),r.expect(null==h?void 0:h.classList.contains("oj-c-messageinline-info"),"has correct info class").to.be.true,r.expect(null==h?void 0:h.textContent).to.equal("info message","has correct info detail text")})})});
+define(["require","preact/jsx-runtime","@testing-library/preact","chai","../../ComponentMessageContainer-6bd115d9","../../UNSAFE_Environment","../../utils/UNSAFE_matchTranslationBundle","css!./../../UNSAFE_ComponentMessage.css","../../PRIVATE_Message","preact/hooks","../../UNSAFE_Flex","../../Flex-56ca361c","../../tslib.es6-0026d2ad","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-5e7b060f","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-62e37972","../../_curry3-5f6cc6b4","../../_curry2-a7eb1217","../../_has-ec8331b9","../../utils/UNSAFE_interpolations/boxalignment","../../keys-f1cf2c8a","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-495ba219","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-2a478c7f","../../utils/PRIVATE_timer","../../MessageCloseButton-c0436a6d","../../UNSAFE_Button","../../Button-0d9421fc","../../UNSAFE_BaseButton","../../BaseButton-7d5eb39d","../../hooks/UNSAFE_usePress","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useActive","preact/compat","../../utils/PRIVATE_clientHints","../../clientHints-2e828dd3","../../hooks/UNSAFE_useTabbableMode","preact","../../utils/UNSAFE_mergeProps","../../index-359cad62","../../index-8aa44d16","../../UNSAFE_Icon","../../Icon-104b91f5","../../hooks/UNSAFE_useTooltip","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-e8dc5fb7","../../index-f9c35a81","../../hooks/UNSAFE_useUser","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-979626b0","../../hooks/UNSAFE_useTheme","../../MessageDetail-3e492e42","../../MessageFormattingUtils-36ba3a21","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-91d77e3d","../../Message.types-cdf49a64","../../MessageStartIcon-c7c14eb3","../../MessageSummary-2e35809c","../../MessageTimestamp-5a7d95b4","../../MessageUtils-f508120a","../../utils/UNSAFE_logger","../../utils/UNSAFE_soundUtils","../../MessagesManager-2c73161c","../../PRIVATE_TransitionGroup","../../hooks/UNSAFE_useMessagesContext","../../ComponentMessage-955a6a54","../../hooks/UNSAFE_useTranslationBundle","../../UNSAFE_HiddenAccessible","../../HiddenAccessible-5ecb1534"],function(e,s,n,r,o,t,u,l,i,c,a,d,b,m,f,w,P,g,h,A,E,U,v,_,F,S,p,N,x,k,C,y,T,M,B,j,I,H,q,L,R,V,X,z,O,D,G,$,J,K,Q,W,Y,Z,ee,se,ne,re,oe,te,ue,le,ie,ce,ae,de,be,me,fe,we,Pe,ge,he,Ae,Ee,Ue,ve,_e,Fe,Se,pe,Ne,xe){"use strict";async function ke(){const s=u.matchTranslationBundle(["en"],new Set(["en-US","en"])),{default:n}=await function(s){switch(s){case"../../resources/nls/ar/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ar/bundle"],s,n)});case"../../resources/nls/ar-XB/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ar-XB/bundle"],s,n)});case"../../resources/nls/bg/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bg/bundle"],s,n)});case"../../resources/nls/bs/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bs/bundle"],s,n)});case"../../resources/nls/bs-Cyrl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/bs-Cyrl/bundle"],s,n)});case"../../resources/nls/cs/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/cs/bundle"],s,n)});case"../../resources/nls/da/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/da/bundle"],s,n)});case"../../resources/nls/de/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/de/bundle"],s,n)});case"../../resources/nls/el/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/el/bundle"],s,n)});case"../../resources/nls/en/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en/bundle"],s,n)});case"../../resources/nls/en-XA/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en-XA/bundle"],s,n)});case"../../resources/nls/en-XC/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/en-XC/bundle"],s,n)});case"../../resources/nls/es/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/es/bundle"],s,n)});case"../../resources/nls/et/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/et/bundle"],s,n)});case"../../resources/nls/fi/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fi/bundle"],s,n)});case"../../resources/nls/fr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fr/bundle"],s,n)});case"../../resources/nls/fr-CA/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/fr-CA/bundle"],s,n)});case"../../resources/nls/he/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/he/bundle"],s,n)});case"../../resources/nls/hr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/hr/bundle"],s,n)});case"../../resources/nls/hu/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/hu/bundle"],s,n)});case"../../resources/nls/is/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/is/bundle"],s,n)});case"../../resources/nls/it/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/it/bundle"],s,n)});case"../../resources/nls/ja/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ja/bundle"],s,n)});case"../../resources/nls/ko/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ko/bundle"],s,n)});case"../../resources/nls/lt/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/lt/bundle"],s,n)});case"../../resources/nls/lv/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/lv/bundle"],s,n)});case"../../resources/nls/ms/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ms/bundle"],s,n)});case"../../resources/nls/nl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/nl/bundle"],s,n)});case"../../resources/nls/no/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/no/bundle"],s,n)});case"../../resources/nls/pl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pl/bundle"],s,n)});case"../../resources/nls/pt/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pt/bundle"],s,n)});case"../../resources/nls/pt-PT/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/pt-PT/bundle"],s,n)});case"../../resources/nls/ro/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ro/bundle"],s,n)});case"../../resources/nls/ru/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/ru/bundle"],s,n)});case"../../resources/nls/sk/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sk/bundle"],s,n)});case"../../resources/nls/sl/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sl/bundle"],s,n)});case"../../resources/nls/sr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sr/bundle"],s,n)});case"../../resources/nls/sr-Latn/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sr-Latn/bundle"],s,n)});case"../../resources/nls/sv/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/sv/bundle"],s,n)});case"../../resources/nls/th/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/th/bundle"],s,n)});case"../../resources/nls/tr/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/tr/bundle"],s,n)});case"../../resources/nls/uk/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/uk/bundle"],s,n)});case"../../resources/nls/vi/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/vi/bundle"],s,n)});case"../../resources/nls/zh-Hans/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/zh-Hans/bundle"],s,n)});case"../../resources/nls/zh-Hant/bundle.ts":return new Promise(function(s,n){e(["../../resources/nls/zh-Hant/bundle"],s,n)});default:return new Promise(function(e,n){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(n.bind(null,new Error("Unknown variable dynamic import: "+s)))})}}(`../../resources/nls/${s}/bundle.ts`);return{translations:{"@oracle/oraclejet-preact":n}}}describe("Test ComponentMessageContainer component",()=>{it("should render messages correctly",async()=>{var e,u,l,i,c,a,d,b;const{container:m}=n.render(s.jsx(t.RootEnvironmentProvider,Object.assign({environment:await ke()},{children:s.jsx(o.ComponentMessageContainer,{messages:[{detail:"error message",severity:"error"},{detail:"warning message",severity:"warning"},{detail:"confirmation message",severity:"confirmation"},{detail:"info message",severity:"info"}]})}))),f=m.firstElementChild;r.expect(null==f?void 0:f.children.length).to.equal(4,"all messages are rendered");const w=null===(u=null===(e=null==f?void 0:f.children)||void 0===e?void 0:e.item(0))||void 0===u?void 0:u.firstElementChild,P=null===(i=null===(l=null==f?void 0:f.children)||void 0===l?void 0:l.item(1))||void 0===i?void 0:i.firstElementChild,g=null===(a=null===(c=null==f?void 0:f.children)||void 0===c?void 0:c.item(2))||void 0===a?void 0:a.firstElementChild,h=null===(b=null===(d=null==f?void 0:f.children)||void 0===d?void 0:d.item(3))||void 0===b?void 0:b.firstElementChild;r.expect(null==w?void 0:w.classList.contains("oj-c-messageinline-error"),"has correct error class").to.be.true,r.expect(null==w?void 0:w.textContent).to.equal("error message","has correct error detail text"),r.expect(null==P?void 0:P.classList.contains("oj-c-messageinline-warning"),"has correct warning class").to.be.true,r.expect(null==P?void 0:P.textContent).to.equal("warning message","has correct warning detail text"),r.expect(null==g?void 0:g.classList.contains("oj-c-messageinline-confirmation"),"has correct confirmation class").to.be.true,r.expect(null==g?void 0:g.textContent).to.equal("confirmation message","has correct confirmation detail text"),r.expect(null==h?void 0:h.classList.contains("oj-c-messageinline-info"),"has correct info class").to.be.true,r.expect(null==h?void 0:h.textContent).to.equal("info message","has correct info detail text")})})});
 //# sourceMappingURL=ComponentMessageContainer.spec.js.map

package/amd/UNSAFE_ComponentMessage.css CHANGED Viewed

@@ -1,3 +1,3 @@
-._1fum77u{box-sizing:border-box;display:flex;flex-wrap:wrap;}
+._1lkykhk{box-sizing:border-box;display:flex;flex-wrap:wrap;}
-._1sl5s6j{overflow-x:hidden;overflow-y:hidden;}
+._1dmjwqy{overflow-x:hidden;overflow-y:hidden;}

package/amd/UNSAFE_ComponentMessage.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./ComponentMessage-fb11610e","./ComponentMessageContainer-adda2d86","preact/jsx-runtime","css!./UNSAFE_ComponentMessage.css","./hooks/UNSAFE_useTranslationBundle","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./PRIVATE_Message","./UNSAFE_Flex","./Flex-f9400d0c","./tslib.es6-de389af1","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-a9b2d356","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-f7aa427b","./_curry3-aa9c5bd1","./_curry2-4587c862","./_has-264770bc","./utils/UNSAFE_interpolations/boxalignment","./keys-a3d0c6e0","./utils/UNSAFE_interpolations/flexbox","./flexbox-e416347d","./utils/UNSAFE_interpolations/flexitem","./flexitem-7c6baa22","./utils/PRIVATE_timer","./MessageCloseButton-c1dbc30b","./UNSAFE_Button","./Button-8aa00bbd","./UNSAFE_BaseButton","./BaseButton-4b95e724","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-0061da83","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_mergeProps","./index-d117de08","./index-4dd59b80","./UNSAFE_Icon","./Icon-4b1331cd","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-930f80d0","./index-9be81def","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-af110ad3","./hooks/UNSAFE_useTheme","./MessageDetail-42f44dd3","./MessageFormattingUtils-a991ff36","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-b89cb03c","./Message.types-e1e686f9","./MessageStartIcon-1256ab5f","./MessageSummary-2bdadf22","./MessageTimestamp-1a077b86","./MessageUtils-43b228f0","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-7022e7d9","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-be5f2a1d"],function(e,s,t,o,a,i,n,l,u,_,A,r,U,E,d,F,c,N,S,g,b,m,f,p,M,h,k,x,T,C,I,y,P,B,R,V,H,v,j,L,O,z,D,G,q,w,J,K,Q,W,X,Y,Z,$,ee,se,te,oe,ae,ie,ne,le,ue,_e,Ae,re,Ue,Ee,de,Fe,ce,Ne,Se,ge,be,me,fe,pe,Me,he){"use strict";e.ComponentMessage=s.ComponentMessage,e.ComponentMessageContainer=t.ComponentMessageContainer,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./ComponentMessage-955a6a54","./ComponentMessageContainer-6bd115d9","preact/jsx-runtime","css!./UNSAFE_ComponentMessage.css","./hooks/UNSAFE_useTranslationBundle","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./PRIVATE_Message","./UNSAFE_Flex","./Flex-56ca361c","./tslib.es6-0026d2ad","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-5e7b060f","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-62e37972","./_curry3-5f6cc6b4","./_curry2-a7eb1217","./_has-ec8331b9","./utils/UNSAFE_interpolations/boxalignment","./keys-f1cf2c8a","./utils/UNSAFE_interpolations/flexbox","./flexbox-495ba219","./utils/UNSAFE_interpolations/flexitem","./flexitem-2a478c7f","./utils/PRIVATE_timer","./MessageCloseButton-c0436a6d","./UNSAFE_Button","./Button-0d9421fc","./UNSAFE_BaseButton","./BaseButton-7d5eb39d","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-2e828dd3","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_mergeProps","./index-359cad62","./index-8aa44d16","./UNSAFE_Icon","./Icon-104b91f5","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-e8dc5fb7","./index-f9c35a81","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-979626b0","./hooks/UNSAFE_useTheme","./MessageDetail-3e492e42","./MessageFormattingUtils-36ba3a21","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-91d77e3d","./Message.types-cdf49a64","./MessageStartIcon-c7c14eb3","./MessageSummary-2e35809c","./MessageTimestamp-5a7d95b4","./MessageUtils-f508120a","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-2c73161c","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-5ecb1534"],function(e,s,t,o,i,a,n,l,u,_,c,A,r,U,E,F,N,S,d,g,m,b,p,f,M,h,k,x,T,C,I,y,P,B,R,V,H,v,j,L,O,z,D,G,q,w,J,K,Q,W,X,Y,Z,$,ee,se,te,oe,ie,ae,ne,le,ue,_e,ce,Ae,re,Ue,Ee,Fe,Ne,Se,de,ge,me,be,pe,fe,Me,he){"use strict";e.ComponentMessage=s.ComponentMessage,e.ComponentMessageContainer=t.ComponentMessageContainer,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_ComponentMessage.js.map

package/amd/UNSAFE_Divider/__tests__/Divider.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","chai","@testing-library/preact","../../Divider-ee5ca5d2","css!./../../UNSAFE_Divider.css","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-f7aa427b","../../_curry1-a9b2d356","../../_curry3-aa9c5bd1","../../_curry2-4587c862","../../_has-264770bc"],function(e,i,r,a,s,t,c,n,d,l,u,o){"use strict";describe("Test Divider component",()=>{it("divider render",async function(){const s=r.render(e.jsx(a.Divider,{})),t=await s.findByRole("separator"),c=t.classList;i.expect(t).not.null,i.expect(c.length).equals(1)})})});
+define(["preact/jsx-runtime","chai","@testing-library/preact","../../Divider-7f552636","css!./../../UNSAFE_Divider.css","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-62e37972","../../_curry1-5e7b060f","../../_curry3-5f6cc6b4","../../_curry2-a7eb1217","../../_has-ec8331b9"],function(e,i,r,s,t,c,a,n,l,u,d,o){"use strict";describe("Test Divider component",()=>{it("divider render",async function(){const t=r.render(e.jsx(s.Divider,{})),c=await t.findByRole("separator"),a=c.classList;i.expect(c).not.null,i.expect(a.length).equals(1)})})});
 //# sourceMappingURL=Divider.spec.js.map

package/amd/UNSAFE_Divider.css CHANGED Viewed

	@@ -1 +1 @@
1	- .~~_11pu0p9~~{display:block;width:100%;height:0;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-style:solid;border-width:1px 0 0 0;font-size:0;line-height:0;}
1	+ ._113yqwg{display:block;width:100%;height:0;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-style:solid;border-width:1px 0 0 0;font-size:0;line-height:0;}

package/amd/UNSAFE_Divider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./Divider-ee5ca5d2","preact/jsx-runtime","css!./UNSAFE_Divider.css","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-f7aa427b","./_curry1-a9b2d356","./_curry3-aa9c5bd1","./_curry2-4587c862","./_has-264770bc"],function(e,r,a,i,s,c,t,u,d,l,n){"use strict";e.Divider=r.Divider,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Divider-7f552636","preact/jsx-runtime","css!./UNSAFE_Divider.css","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-62e37972","./_curry1-5e7b060f","./_curry3-5f6cc6b4","./_curry2-a7eb1217","./_has-ec8331b9"],function(e,r,i,s,c,t,a,u,l,n,_){"use strict";e.Divider=r.Divider,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Divider.js.map