@oracle/oraclejet-preact 14.0.10 → 14.1.1

package/amd/UNSAFE_Button.css

@@ -1,8 +1,7 @@
-._1g7lq3q{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;}
-._1wy6062{display:inline-flex;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size);font-weight:normal;margin-top:0;margin-bottom:0;}
-._1eom97x{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
-.rz0xj1{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
-._4l2jd9{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);}
-._1hf6pbe{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
-._1a8c9md{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);}
-._1a7z8gp{cursor:inherit;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}
+.z5wyoa{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;}
+._6avhz9{display:inline-flex;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size);font-weight:normal;margin-top:0;margin-bottom:0;}
+._2rgm26{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
+._17w8p0u{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
+.vamlz9{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);}
+._1jrppqz{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);}
+._6efwc7{cursor:inherit;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}

package/amd/UNSAFE_Button.js

@@ -1,2 +1,2 @@
-define(["exports","./Button-22b5f903","preact/jsx-runtime","./UNSAFE_BaseButton","./BaseButton-3dd95cea","./tslib.es6-0620c488","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-efacaca1","preact/compat","css!./UNSAFE_Button.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-804b6f8c","./utils/UNSAFE_mergeInterpolations","./_curry3-f4ff846a","./_curry2-1a6a3c9f","./_has-68a93609","./utils/PRIVATE_clientHints","./clientHints-ff85cc63","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps"],function(t,s,e,o,a,u,i,r,c,n,l,_,A,N,E,U,f,F,S,p,B,b,d,h,m,y,k,g){"use strict";t.Button=s.Button,t.ButtonLayout=s.ButtonLayout,Object.defineProperty(t,"__esModule",{value:!0})});
+define(["exports","./Button-95c272b3","preact/jsx-runtime","./UNSAFE_BaseButton","./BaseButton-cc1e314c","./tslib.es6-f169f6f6","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-77e465af","preact/compat","css!./UNSAFE_Button.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-4048f3ff","./utils/UNSAFE_mergeInterpolations","./_curry3-1f16eff2","./_curry2-386569fb","./_has-4e29ea27","./utils/PRIVATE_clientHints","./clientHints-6cd92723","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps"],function(e,t,s,o,u,i,a,r,n,c,l,_,f,A,N,E,U,F,S,p,B,b,h,m,y,d,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

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-0620c488","preact/jsx-runtime","./UNSAFE_Flex","./Flex-ab401fac","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-804b6f8c","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-efacaca1","./_curry3-f4ff846a","./_curry2-1a6a3c9f","./_has-68a93609",'module',"./utils/UNSAFE_interpolations/boxalignment","./keys-a890be37","./utils/UNSAFE_interpolations/flexbox","./flexbox-a0839c33","./utils/UNSAFE_interpolations/flexitem","./flexitem-a10cde90"],function(e,i,t,s,a,l,n,r,c,o,u,_,f,h,x,F,d,N,U,b,A,E){"use strict";e.Center=function(e){var{children:s,width:l="100%",height:n="100%"}=e,r=i.__rest(e,["children","width","height"]);return t.jsx(a.Flex,Object.assign({},r,{justify:"center",align:"center",width:l,height:n},{children:s}))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-f169f6f6","preact/jsx-runtime","./UNSAFE_Flex","./Flex-6a69bc2a","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-4048f3ff","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-77e465af","./_curry3-1f16eff2","./_curry2-386569fb","./_has-4e29ea27",'module',"./utils/UNSAFE_interpolations/boxalignment","./keys-dde22c13","./utils/UNSAFE_interpolations/flexbox","./flexbox-d4e8bc5d","./utils/UNSAFE_interpolations/flexitem","./flexitem-a81fbe8b"],function(e,i,t,s,l,n,r,a,f,c,o,u,_,d,h,x,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

@@ -0,0 +1,2 @@
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../Chip-51a40115","@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-77e465af","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/__tests__/Chip.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.spec.js","sources":["../../../../src/UNSAFE_Chip/__tests__/Chip.spec.tsx"],"sourcesContent":["import { render } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { Chip } from '../Chip';\nimport userEvent from '@testing-library/user-event';\nimport { TabbableModeContext } from '../../hooks/UNSAFE_useTabbableMode';\n\ndescribe('Test Chip component', () => {\n  it('render', async function () {\n    const content = render(<Chip>11</Chip>);\n    const text = await content.findByText('11');\n    expect(text).not.null;\n  });\n\n  it('isSelected property', async function () {\n    const content = render(<Chip isSelected={true}>88</Chip>);\n    const firstElement = content.container.firstElementChild;\n    // @ts-ignore\n    const classList = firstElement.classList;\n    expect(classList.length).equals(4);\n  });\n\n  it('isDisabled property', async function () {\n    const content = render(<Chip isDisabled={true}>99</Chip>);\n    const firstElement = content.container.firstElementChild;\n    // @ts-ignore\n    const classList = firstElement.classList;\n    expect(classList.length).equals(3);\n  });\n\n  it('event', async function () {\n    let count = 0;\n    const increment = () => count++;\n    const content = render(<Chip onToggle={increment}>Press</Chip>);\n    const label = await content.findByText('Press');\n    expect(label).not.null;\n    userEvent.click(label);\n    expect(count).equals(1);\n  });\n\n  it('with TabbableModeContext isTabbable=true', async () => {\n    const content = render(\n      <TabbableModeContext.Provider value={{ isTabbable: true }}>\n        <Chip>Test</Chip>\n      </TabbableModeContext.Provider>\n    );\n    const chip = await content.findByText('Test');\n    const tabindex = chip.getAttribute('tabindex');\n    expect(tabindex).to.equal('0');\n  });\n\n  it('with TabbableModeContext isTabbable=false', async () => {\n    const content = render(\n      <TabbableModeContext.Provider value={{ isTabbable: false }}>\n        <Chip>Test</Chip>\n      </TabbableModeContext.Provider>\n    );\n    const chip = await content.findByText('Test');\n    const tabindex = chip.getAttribute('tabindex');\n    expect(tabindex).to.equal('-1');\n  });\n});\n"],"names":["describe","it","async","content","render","_jsx","Chip","children","text","findByText","expect","not","null","classList","jsx","Object","assign","isSelected","container","firstElementChild","length","equals","isDisabled","count","onToggle","label","userEvent","click","TabbableModeContext","Provider","value","isTabbable","tabindex","getAttribute","to","equal"],"mappings":"+lBAMAA,SAAS,sBAAuB,KAC9BC,GAAG,SAAUC,iBACX,MAAMC,EAAUC,EAAMA,OAACC,MAACC,EAAAA,KAAI,CAAAC,SAAA,QACtBC,QAAaL,EAAQM,WAAW,MACtCC,EAAAA,OAAOF,GAAMG,IAAIC,OAGnBX,GAAG,sBAAuBC,iBACxB,MAGMW,EAHUT,EAAMA,OAACC,EAACS,IAAAR,EAAIA,KAACS,OAAAC,OAAA,CAAAC,YAAY,GAAe,CAAAV,SAAA,SAC3BW,UAAUC,kBAERN,UAC/BH,EAAAA,OAAOG,EAAUO,QAAQC,OAAO,KAGlCpB,GAAG,sBAAuBC,iBACxB,MAGMW,EAHUT,EAAMA,OAACC,EAACS,IAAAR,EAAIA,KAACS,OAAAC,OAAA,CAAAM,YAAY,GAAe,CAAAf,SAAA,SAC3BW,UAAUC,kBAERN,UAC/BH,EAAAA,OAAOG,EAAUO,QAAQC,OAAO,KAGlCpB,GAAG,QAASC,iBACV,IAAIqB,EAAQ,EACZ,MACMpB,EAAUC,EAAMA,OAACC,EAACS,IAAAR,EAAIA,KAACS,OAAAC,OAAA,CAAAQ,SADX,IAAMD,KACsC,CAAAhB,SAAA,YACxDkB,QAActB,EAAQM,WAAW,SACvCC,EAAAA,OAAOe,GAAOd,IAAIC,KAClBc,UAAUC,MAAMF,GAChBf,EAAAA,OAAOa,GAAOF,OAAO,KAGvBpB,GAAG,2CAA4CC,UAC7C,MAAMC,EAAUC,SACdC,EAAAA,IAACuB,EAAmBA,oBAACC,SAAQd,OAAAC,OAAA,CAACc,MAAO,CAAEC,YAAY,IAAM,CAAAxB,SACvDF,EAAAA,IAACC,EAAIA,KAAA,CAAAC,SAAA,aAIHyB,SADa7B,EAAQM,WAAW,SAChBwB,aAAa,YACnCvB,EAAAA,OAAOsB,GAAUE,GAAGC,MAAM,OAG5BlC,GAAG,4CAA6CC,UAC9C,MAAMC,EAAUC,SACdC,EAAAA,IAACuB,EAAmBA,oBAACC,SAAQd,OAAAC,OAAA,CAACc,MAAO,CAAEC,YAAY,IAAO,CAAAxB,SACxDF,EAAAA,IAACC,EAAIA,KAAA,CAAAC,SAAA,aAIHyB,SADa7B,EAAQM,WAAW,SAChBwB,aAAa,YACnCvB,EAAAA,OAAOsB,GAAUE,GAAGC,MAAM"}

package/amd/UNSAFE_Chip.css

@@ -1,7 +1,7 @@
-._1t2mhq{cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._1t2mhq:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-._1fybklc{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;}
-._1l6ug7p{--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);}
-._1obwt8c{--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);}
-._1qjhcmb{--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);}
-._1cczr6q{--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);}
-._944nv6 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._16kzji8{cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._16kzji8:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+.v5f5ib{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;}
+._115c62b{--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);}
+.t1tqch{--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);}
+._87jnas{--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);}
+.kdvvdj{--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);}
+.ppvl2f > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/amd/UNSAFE_Chip.js

@@ -1,2 +1,2 @@
-define(["exports","./Chip-780c2567","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-efacaca1","./hooks/UNSAFE_useTabbableMode","preact"],function(e,s,o,a,u,c,i,t,r,h,A,N,_,l,F,p){"use strict";e.Chip=s.Chip,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Chip-51a40115","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-77e465af","./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})});
 //# sourceMappingURL=UNSAFE_Chip.js.map

package/amd/UNSAFE_Collapsible.css

@@ -1,9 +1,9 @@
-._12uqa6p{cursor:pointer;}._12uqa6p:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-._19lkhin{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
-.rm5ted{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
-._17s83be{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-._10hqpso{flex-grow:1;}._10hqpso > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-._1pp2r0s{padding-inline-start:16px;}
-._9mhj1t{padding-inline-end:16px;}
+._55ifzf{cursor:pointer;}._55ifzf:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+._7jmaj8{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
+._1vm9ms{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
+._1v7fo31{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._1cz4w1p{flex-grow:1;}._1cz4w1p > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1cowqd7{padding-inline-start:16px;}
+.jmo87l{padding-inline-end:16px;}
 
-._1b1x312 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1fwzsh7 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/amd/UNSAFE_Collapsible.js

@@ -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-b8e5d729","./index-1318fb6a","./hooks/UNSAFE_usePress","./classNames-efacaca1","./Flex-ab401fac","./Divider-b2c88668","./hooks/UNSAFE_useAnimation","./useAnimation-e0b7ba57","./tslib.es6-0620c488","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-804b6f8c","./utils/UNSAFE_mergeInterpolations","./_curry3-f4ff846a","./_curry2-1a6a3c9f","./_has-68a93609","./utils/UNSAFE_interpolations/boxalignment","./keys-a890be37","./utils/UNSAFE_interpolations/flexbox","./flexbox-a0839c33","./utils/UNSAFE_interpolations/flexitem","./flexitem-a10cde90","./UNSAFE_Icon","./Icon-b5346fcc","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-31fb8ae6","preact/compat","./index-235e3f2f","./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,a,o,l,r,d,c,u,x,h,g,p,b,E,_,m,F,N,A,S,f,U,j,v,k,I,O,P,H,y,T,C,D,R,z,w,$,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,a="start"===n?i:t;return s.jsx(a,{size:"6x"})},X="_12uqa6p",Z="_19lkhin",ee="rm5ted",se="_17s83be",ne="_10hqpso",ie="_1pp2r0s",te="_9mhj1t",ae=({children:e,id:i,contentId:a,isDisabled:o,isExpanded:l,iconPosition:r,variant:d="basic",toggleHandler:c})=>{const p=x.classNames([X,"horizontal-rule"===d&&se,l&&"horizontal-rule"!==d&&Z,o&&ee]),b=x.classNames([ne,"end"===r&&te,"start"===r&&ie]),E=n.useCallback(e=>{c(e.target)},[c]),{pressProps:_}=u.usePress(E,{isDisabled:o,isRepeat:!1});return s.jsxs(s.Fragment,{children:[s.jsx("div",Object.assign({role:"button","aria-controls":a,"aria-expanded":l,id:i,tabIndex:0,className:p},_,{children:s.jsx(h.Flex,Object.assign({align:"center",justify:"start"===r?"start":"between"},{children:s.jsxs(t.Fragment,{children:["end"===r&&s.jsx("div",Object.assign({className:b},{children:e})),s.jsx(W,{iconPosition:r,isExpanded:l}),"start"===r&&s.jsx("div",Object.assign({className:b},{children:e}))]})}))})),"horizontal-rule"===d&&s.jsx(g.Divider,{})]})},oe=({children:e,id:i,isExpanded:t,onTransitionEnd:a})=>{const[o,l]=n.useState(t?"expanding":"unmounted"),r=n.useRef({overflowY:"hidden",maxHeight:t?"none":"0"});n.useEffect(()=>{("unmounted"!==o||t)&&l(t?"expanding":"collapsing")},[t,o]);const{nodeRef:d}=b.useAnimation(o,{animationStates:le,onAnimationEnd:({animationState:e})=>{"collapsing"===e&&l("unmounted"),null==a||a()}});return s.jsx("div",Object.assign({className:"_1b1x312",ref:d,id:i,tabIndex:-1,style:r.current,"aria-hidden":!t||void 0},{children:"unmounted"!==o&&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:a,isDisabled:o=!1,isExpanded:l=!1,iconPosition:r="start",variant:d="basic",onToggle:c,onTransitionEnd:u})=>{const x=n.useRef(null),h=i.useId(),g=`oj-collapsible-header-${h}`,p=`oj-collapsible-content-${h}`,b=n.useCallback(e=>{o||null==c||c({value:!l,target:e})},[o,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(ae,Object.assign({id:g,contentId:p,toggleHandler:b,isDisabled:o,isExpanded:l,iconPosition:r,variant:d},{children:t})),s.jsx(oe,Object.assign({id:p,isExpanded:l,onTransitionEnd:E},{children:a}))]}))},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-f095628b","./index-c2b403d2","./hooks/UNSAFE_usePress","./classNames-77e465af","./Flex-6a69bc2a","./Divider-7f5777f5","./hooks/UNSAFE_useAnimation","./useAnimation-5d52bb49","./tslib.es6-f169f6f6","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-4048f3ff","./utils/UNSAFE_mergeInterpolations","./_curry3-1f16eff2","./_curry2-386569fb","./_has-4e29ea27","./utils/UNSAFE_interpolations/boxalignment","./keys-dde22c13","./utils/UNSAFE_interpolations/flexbox","./flexbox-d4e8bc5d","./utils/UNSAFE_interpolations/flexitem","./flexitem-a81fbe8b","./UNSAFE_Icon","./Icon-bf3f7959","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-fe475c26","preact/compat","./index-8637c972","./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,i,n,o,t,a,l,r,d,c,u,x,h,g,b,f,m,p,E,_,F,N,A,S,j,U,v,k,I,O,P,H,y,T,C,D,z,w,R,$,V,q,L,M,Y,B,G,J,K,Q){"use strict";const W=({isExpanded:e,iconPosition:i})=>{const n="start"===i&&e?c.SvgIcoChevronDown:d.CollapseIcon,o="end"===i&&e?c.SvgIcoChevronUp:c.SvgIcoChevronDown,t="start"===i?n:o;return s.jsx(t,{size:"6x"})},X="_55ifzf",Z="_7jmaj8",ee="_1vm9ms",se="_1v7fo31",ie="_1cz4w1p",ne="_1cowqd7",oe="jmo87l",te=({children:e,id:n,contentId:t,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]),f=x.classNames([ie,"end"===r&&oe,"start"===r&&ne]),m=i.useCallback(e=>{c(e.target)},[c]),{pressProps:p}=u.usePress(m,{isDisabled:a,isRepeat:!1});return s.jsxs(s.Fragment,{children:[s.jsx("div",Object.assign({role:"button","aria-controls":t,"aria-expanded":l,id:n,tabIndex:0,className:b},p,{children:s.jsx(h.Flex,Object.assign({align:"center",justify:"start"===r?"start":"between"},{children:s.jsxs(o.Fragment,{children:["end"===r&&s.jsx("div",Object.assign({className:f},{children:e})),s.jsx(W,{iconPosition:r,isExpanded:l}),"start"===r&&s.jsx("div",Object.assign({className:f},{children:e}))]})}))})),"horizontal-rule"===d&&s.jsx(g.Divider,{})]})},ae=({children:e,id:n,isExpanded:o,onTransitionEnd:t})=>{const[a,l]=i.useState(o?"expanding":"unmounted"),r=i.useRef({overflowY:"hidden",maxHeight:o?"none":"0"});i.useEffect(()=>{("unmounted"!==a||o)&&l(o?"expanding":"collapsing")},[o,a]);const{nodeRef:d}=f.useAnimation(a,{animationStates:le,onAnimationEnd:({animationState:e})=>{"collapsing"===e&&l("unmounted"),null==t||t()}});return s.jsx("div",Object.assign({className:"_1fwzsh7",ref:d,id:n,tabIndex:-1,style:r.current,"aria-hidden":!o||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:o,children:t,isDisabled:a=!1,isExpanded:l=!1,iconPosition:r="start",variant:d="basic",onToggle:c,onTransitionEnd:u})=>{const x=i.useRef(null),h=n.useId(),g=`oj-collapsible-header-${h}`,b=`oj-collapsible-content-${h}`,f=i.useCallback(e=>{a||null==c||c({value:!l,target:e})},[a,c,l]),m=i.useCallback(()=>{null==u||u({value:l})},[u,l]);return s.jsxs("div",Object.assign({id:e,ref:x},{children:[s.jsx(te,Object.assign({id:g,contentId:b,toggleHandler:f,isDisabled:a,isExpanded:l,iconPosition:r,variant:d},{children:o})),s.jsx(ae,Object.assign({id:b,isExpanded:l,onTransitionEnd:m},{children:t}))]}))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Collapsible.js.map

package/amd/UNSAFE_Collapsible.js.map

@@ -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":"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"}
+{"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":"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"}

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

@@ -0,0 +1,2 @@
+define(["require","preact/jsx-runtime","@testing-library/preact","chai","../../PRIVATE_Message","../../UNSAFE_Environment","../../utils/UNSAFE_matchTranslationBundle","../../ComponentMessage-2985b387","../../Message.types-ba802f0d","css!./../../UNSAFE_ComponentMessage.css","preact/hooks","../../UNSAFE_Flex","../../Flex-6a69bc2a","../../tslib.es6-f169f6f6","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-4048f3ff","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-77e465af","../../_curry3-1f16eff2","../../_curry2-386569fb","../../_has-4e29ea27","../../utils/UNSAFE_interpolations/boxalignment","../../keys-dde22c13","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-d4e8bc5d","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-a81fbe8b","../../utils/PRIVATE_timer","../../MessageCloseButton-6fd750b0","../../UNSAFE_Button","../../Button-95c272b3","../../UNSAFE_BaseButton","../../BaseButton-cc1e314c","../../hooks/UNSAFE_usePress","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useActive","preact/compat","../../utils/PRIVATE_clientHints","../../clientHints-6cd92723","../../hooks/UNSAFE_useTabbableMode","preact","../../utils/UNSAFE_mergeProps","../../index-f095628b","../../index-c2b403d2","../../UNSAFE_Icon","../../Icon-bf3f7959","../../hooks/UNSAFE_useTooltip","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-fe475c26","../../index-8637c972","../../hooks/UNSAFE_useUser","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-5d52bb49","../../hooks/UNSAFE_useTheme","../../MessageDetail-49daadc3","../../MessageFormattingUtils-eb594b6a","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-e17f4469","../../MessageStartIcon-36c31428","../../MessageSummary-31da06a2","../../MessageTimestamp-a8b2f726","../../MessageUtils-7a134473","../../utils/UNSAFE_logger","../../utils/UNSAFE_soundUtils","../../MessagesManager-fabd2ebf","../../PRIVATE_TransitionGroup","../../hooks/UNSAFE_useMessagesContext","../../hooks/UNSAFE_useTranslationBundle","../../UNSAFE_HiddenAccessible","../../HiddenAccessible-51ce05e2"],function(e,s,n,r,u,o,t,l,c,i,a,d,b,f,m,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,fe,me,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__/ComponentMessage.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessage.spec.js","sources":["../../../../src/UNSAFE_ComponentMessage/__tests__/ComponentMessage.spec.tsx"],"sourcesContent":["import { render } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { severities } from '../../PRIVATE_Message';\nimport type { RootEnvironment } from '../../UNSAFE_Environment';\nimport { RootEnvironmentProvider } from '../../UNSAFE_Environment';\nimport { matchTranslationBundle } from '../../utils/UNSAFE_matchTranslationBundle';\nimport type { ComponentMessageItem } from '../ComponentMessage';\nimport { ComponentMessage } from '../ComponentMessage';\n\nasync function getEnvironmentContext() {\n  const locale = matchTranslationBundle(['en'], new Set(['en-US', 'en']));\n  const { default: translations } = await import(`../../resources/nls/${locale}/bundle.ts`);\n  return {\n    translations: { '@oracle/oraclejet-preact': translations }\n  } as Partial<RootEnvironment>;\n}\n\ndescribe('Test ComponentMessage component', () => {\n  for (const severity of severities) {\n    if (severity === 'none') {\n      continue;\n    }\n\n    it(`severity ${severity}`, async () => {\n      const content = render(\n        <RootEnvironmentProvider environment={await getEnvironmentContext()}>\n          <ComponentMessage\n            severity={severity as ComponentMessageItem['severity']}\n            detail={`${severity} message`}\n          />\n        </RootEnvironmentProvider>\n      );\n\n      const message = content.container.firstElementChild;\n      expect(message, 'component is rendered').not.null;\n      expect(\n        message?.classList.contains(`oj-c-messageinline-${severity}`),\n        'correct style class is set'\n      ).to.be.true;\n\n      const icon = message?.children.item(0);\n      const detail = message?.children.item(1);\n\n      expect(message?.children.length).to.equal(2, 'correct child DOM nodes count');\n      expect(icon, 'icon exists').not.null;\n      expect(detail, 'detail exists').not.null;\n\n      expect(detail?.textContent?.trim()).to.equal(\n        `${severity} message`,\n        'detail rendered correctly'\n      );\n    });\n  }\n});\n"],"names":["async","getEnvironmentContext","locale","matchTranslationBundle","Set","default","translations","__variableDynamicImportRuntime0__","describe","severity","severities","it","message","render","_jsx","jsx","RootEnvironmentProvider","Object","assign","environment","children","ComponentMessage","detail","container","firstElementChild","expect","not","null","classList","contains","to","be","true","icon","item","length","equal","_a","textContent","trim"],"mappings":"kiFASAA,eAAeC,KACb,MAAMC,EAASC,yBAAuB,CAAC,MAAO,IAAIC,IAAI,CAAC,QAAS,SACxDC,QAASC,q0KAAuBC,CAAO,uBAAuBL,eACtE,MAAO,CACLI,aAAc,CAAE,2BAA4BA,IAIhDE,SAAS,kCAAmC,KAC1C,IAAK,MAAMC,KAAYC,aACJ,SAAbD,GAIJE,GAAG,YAAYF,IAAYT,gBACzB,MASMY,EATUC,EAAAA,OACdC,EAACC,IAAAC,0BAAwBC,OAAAC,OAAA,CAAAC,kBAAmBlB,MAC1C,CAAAmB,SAAAN,EAAAC,IAACM,mBAAgB,CACfZ,SAAUA,EACVa,OAAQ,GAAGb,kBAKOc,UAAUC,kBAClCC,EAAAA,OAAOb,EAAS,yBAAyBc,IAAIC,KAC7CF,SACEb,MAAAA,OAAO,EAAPA,EAASgB,UAAUC,SAAS,sBAAsBpB,KAClD,8BACAqB,GAAGC,GAAGC,KAER,MAAMC,EAAOrB,MAAAA,OAAA,EAAAA,EAASQ,SAASc,KAAK,GAC9BZ,EAASV,MAAAA,OAAA,EAAAA,EAASQ,SAASc,KAAK,GAEtCT,EAAMA,OAACb,MAAAA,SAAAA,EAASQ,SAASe,QAAQL,GAAGM,MAAM,EAAG,iCAC7CX,EAAAA,OAAOQ,EAAM,eAAeP,IAAIC,KAChCF,EAAAA,OAAOH,EAAQ,iBAAiBI,IAAIC,KAEpCF,EAAAA,OAA0B,QAAnBY,EAAAf,MAAAA,SAAAA,EAAQgB,mBAAW,IAAAD,OAAA,EAAAA,EAAEE,QAAQT,GAAGM,MACrC,GAAG3B,YACH"}

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

@@ -0,0 +1,2 @@
+define(["require","preact/jsx-runtime","@testing-library/preact","chai","../../ComponentMessageContainer-a274e23d","../../UNSAFE_Environment","../../utils/UNSAFE_matchTranslationBundle","css!./../../UNSAFE_ComponentMessage.css","../../PRIVATE_Message","preact/hooks","../../UNSAFE_Flex","../../Flex-6a69bc2a","../../tslib.es6-f169f6f6","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-4048f3ff","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-77e465af","../../_curry3-1f16eff2","../../_curry2-386569fb","../../_has-4e29ea27","../../utils/UNSAFE_interpolations/boxalignment","../../keys-dde22c13","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-d4e8bc5d","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-a81fbe8b","../../utils/PRIVATE_timer","../../MessageCloseButton-6fd750b0","../../UNSAFE_Button","../../Button-95c272b3","../../UNSAFE_BaseButton","../../BaseButton-cc1e314c","../../hooks/UNSAFE_usePress","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useActive","preact/compat","../../utils/PRIVATE_clientHints","../../clientHints-6cd92723","../../hooks/UNSAFE_useTabbableMode","preact","../../utils/UNSAFE_mergeProps","../../index-f095628b","../../index-c2b403d2","../../UNSAFE_Icon","../../Icon-bf3f7959","../../hooks/UNSAFE_useTooltip","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-fe475c26","../../index-8637c972","../../hooks/UNSAFE_useUser","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-5d52bb49","../../hooks/UNSAFE_useTheme","../../MessageDetail-49daadc3","../../MessageFormattingUtils-eb594b6a","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-e17f4469","../../Message.types-ba802f0d","../../MessageStartIcon-36c31428","../../MessageSummary-31da06a2","../../MessageTimestamp-a8b2f726","../../MessageUtils-7a134473","../../utils/UNSAFE_logger","../../utils/UNSAFE_soundUtils","../../MessagesManager-fabd2ebf","../../PRIVATE_TransitionGroup","../../hooks/UNSAFE_useMessagesContext","../../ComponentMessage-2985b387","../../hooks/UNSAFE_useTranslationBundle","../../UNSAFE_HiddenAccessible","../../HiddenAccessible-51ce05e2"],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/__tests__/ComponentMessageContainer.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessageContainer.spec.js","sources":["../../../../src/UNSAFE_ComponentMessage/__tests__/ComponentMessageContainer.spec.tsx"],"sourcesContent":["import { render } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { ComponentMessageContainer } from '../ComponentMessageContainer';\nimport type { ComponentMessageItem } from '../ComponentMessage';\nimport type { RootEnvironment } from '../../UNSAFE_Environment';\nimport { RootEnvironmentProvider } from '../../UNSAFE_Environment';\nimport { matchTranslationBundle } from '../../utils/UNSAFE_matchTranslationBundle';\n\nasync function getEnvironmentContext() {\n  const locale = matchTranslationBundle(['en'], new Set(['en-US', 'en']));\n  const { default: translations } = await import(`../../resources/nls/${locale}/bundle.ts`);\n  return {\n    translations: { '@oracle/oraclejet-preact': translations }\n  } as Partial<RootEnvironment>;\n}\n\ndescribe('Test ComponentMessageContainer component', () => {\n  it('should render messages correctly', async () => {\n    const messages: ComponentMessageItem[] = [\n      { detail: 'error message', severity: 'error' },\n      { detail: 'warning message', severity: 'warning' },\n      { detail: 'confirmation message', severity: 'confirmation' },\n      { detail: 'info message', severity: 'info' }\n    ];\n    const { container } = render(\n      <RootEnvironmentProvider environment={await getEnvironmentContext()}>\n        <ComponentMessageContainer messages={messages} />\n      </RootEnvironmentProvider>\n    );\n    const messagesContainer = container.firstElementChild;\n\n    expect(messagesContainer?.children.length).to.equal(4, 'all messages are rendered');\n\n    const error = messagesContainer?.children?.item(0)?.firstElementChild;\n    const warning = messagesContainer?.children?.item(1)?.firstElementChild;\n    const confirmation = messagesContainer?.children?.item(2)?.firstElementChild;\n    const info = messagesContainer?.children?.item(3)?.firstElementChild;\n\n    expect(error?.classList.contains('oj-c-messageinline-error'), 'has correct error class').to.be\n      .true;\n    expect(error?.textContent).to.equal('error message', 'has correct error detail text');\n\n    expect(warning?.classList.contains('oj-c-messageinline-warning'), 'has correct warning class')\n      .to.be.true;\n    expect(warning?.textContent).to.equal('warning message', 'has correct warning detail text');\n\n    expect(\n      confirmation?.classList.contains('oj-c-messageinline-confirmation'),\n      'has correct confirmation class'\n    ).to.be.true;\n    expect(confirmation?.textContent).to.equal(\n      'confirmation message',\n      'has correct confirmation detail text'\n    );\n\n    expect(info?.classList.contains('oj-c-messageinline-info'), 'has correct info class').to.be\n      .true;\n    expect(info?.textContent).to.equal('info message', 'has correct info detail text');\n  });\n});\n"],"names":["async","getEnvironmentContext","locale","matchTranslationBundle","Set","default","translations","__variableDynamicImportRuntime0__","describe","it","container","render","_jsx","jsx","RootEnvironmentProvider","Object","assign","environment","children","ComponentMessageContainer","messages","detail","severity","messagesContainer","firstElementChild","expect","length","to","equal","error","_b","item","warning","_d","confirmation","_f","info","_h","classList","contains","be","true","textContent"],"mappings":"glFAQAA,eAAeC,KACb,MAAMC,EAASC,yBAAuB,CAAC,MAAO,IAAIC,IAAI,CAAC,QAAS,SACxDC,QAASC,q0KAAuBC,CAAO,uBAAuBL,eACtE,MAAO,CACLI,aAAc,CAAE,2BAA4BA,IAIhDE,SAAS,2CAA4C,KACnDC,GAAG,mCAAoCT,8BACrC,MAMMU,UAAEA,GAAcC,EAAAA,OACpBC,EAACC,IAAAC,EAAuBA,wBAACC,OAAAC,OAAA,CAAAC,kBAAmBhB,MAAuB,CAAAiB,SACjEN,EAACC,IAAAM,4BAA0B,CAAAC,SARU,CACvC,CAAEC,OAAQ,gBAAiBC,SAAU,SACrC,CAAED,OAAQ,kBAAmBC,SAAU,WACvC,CAAED,OAAQ,uBAAwBC,SAAU,gBAC5C,CAAED,OAAQ,eAAgBC,SAAU,eAOhCC,EAAoBb,EAAUc,kBAEpCC,EAAMA,OAACF,MAAAA,SAAAA,EAAmBL,SAASQ,QAAQC,GAAGC,MAAM,EAAG,6BAEvD,MAAMC,EAA4C,QAApCC,YAAAP,MAAAA,OAAA,EAAAA,EAAmBL,+BAAUa,KAAK,UAAE,IAAAD,OAAA,EAAAA,EAAEN,kBAC9CQ,EAA8C,QAApCC,YAAAV,MAAAA,OAAA,EAAAA,EAAmBL,+BAAUa,KAAK,UAAE,IAAAE,OAAA,EAAAA,EAAET,kBAChDU,EAAmD,QAApCC,YAAAZ,MAAAA,OAAA,EAAAA,EAAmBL,+BAAUa,KAAK,UAAE,IAAAI,OAAA,EAAAA,EAAEX,kBACrDY,EAA2C,QAApCC,YAAAd,MAAAA,OAAA,EAAAA,EAAmBL,+BAAUa,KAAK,UAAE,IAAAM,OAAA,EAAAA,EAAEb,kBAEnDC,EAAMA,OAACI,MAAAA,OAAA,EAAAA,EAAOS,UAAUC,SAAS,4BAA6B,2BAA2BZ,GAAGa,GACzFC,KACHhB,EAAAA,OAAOI,MAAAA,OAAA,EAAAA,EAAOa,aAAaf,GAAGC,MAAM,gBAAiB,iCAErDH,EAAAA,OAAOO,MAAAA,SAAAA,EAASM,UAAUC,SAAS,8BAA+B,6BAC/DZ,GAAGa,GAAGC,KACThB,EAAAA,OAAOO,MAAAA,OAAA,EAAAA,EAASU,aAAaf,GAAGC,MAAM,kBAAmB,mCAEzDH,EAAMA,OACJS,MAAAA,SAAAA,EAAcI,UAAUC,SAAS,mCACjC,kCACAZ,GAAGa,GAAGC,KACRhB,EAAAA,OAAOS,MAAAA,OAAA,EAAAA,EAAcQ,aAAaf,GAAGC,MACnC,uBACA,wCAGFH,EAAMA,OAACW,MAAAA,OAAA,EAAAA,EAAME,UAAUC,SAAS,2BAA4B,0BAA0BZ,GAAGa,GACtFC,KACHhB,EAAAA,OAAOW,MAAAA,OAAA,EAAAA,EAAMM,aAAaf,GAAGC,MAAM,eAAgB"}

package/amd/UNSAFE_ComponentMessage.css

@@ -1,3 +1,3 @@
-._1a79ohr{overflow-x:hidden;overflow-y:hidden;}
+._121vkyx{box-sizing:border-box;display:flex;flex-wrap:wrap;}
 
-._1owj07q{box-sizing:border-box;display:flex;flex-wrap:wrap;}
+._1ec1cpj{overflow-x:hidden;overflow-y:hidden;}

package/amd/UNSAFE_ComponentMessage.js

@@ -1,2 +1,2 @@
-define(["exports","./ComponentMessage-b7f25750","./ComponentMessageContainer-31c64104","preact/jsx-runtime","css!./UNSAFE_ComponentMessage.css","./hooks/UNSAFE_useTranslationBundle","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./PRIVATE_Message","./UNSAFE_Flex","./Flex-ab401fac","./tslib.es6-0620c488","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-804b6f8c","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-efacaca1","./_curry3-f4ff846a","./_curry2-1a6a3c9f","./_has-68a93609","./utils/UNSAFE_interpolations/boxalignment","./keys-a890be37","./utils/UNSAFE_interpolations/flexbox","./flexbox-a0839c33","./utils/UNSAFE_interpolations/flexitem","./flexitem-a10cde90","./utils/PRIVATE_timer","./MessageCloseButton-f315afc4","./UNSAFE_Button","./Button-22b5f903","./UNSAFE_BaseButton","./BaseButton-3dd95cea","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-ff85cc63","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_mergeProps","./index-b8e5d729","./index-1318fb6a","./UNSAFE_Icon","./Icon-b5346fcc","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-31fb8ae6","./index-235e3f2f","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-e0b7ba57","./hooks/UNSAFE_useTheme","./MessageDetail-43d9a644","./MessageFormattingUtils-0860b6cc","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-b50295bb","./Message.types-693a69c2","./MessageStartIcon-b7c0ed92","./MessageSummary-142352fa","./MessageTimestamp-c36cb04b","./MessageUtils-4fe36e53","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-11baf986","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-3ad00300"],function(e,s,t,o,a,i,n,l,u,c,_,A,r,U,E,F,N,S,g,f,b,m,d,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,ce,_e,Ae,re,Ue,Ee,Fe,Ne,Se,ge,fe,be,me,de,pe,Me,he){"use strict";e.ComponentMessage=s.ComponentMessage,e.ComponentMessageContainer=t.ComponentMessageContainer,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./ComponentMessage-2985b387","./ComponentMessageContainer-a274e23d","preact/jsx-runtime","css!./UNSAFE_ComponentMessage.css","./hooks/UNSAFE_useTranslationBundle","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./PRIVATE_Message","./UNSAFE_Flex","./Flex-6a69bc2a","./tslib.es6-f169f6f6","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-4048f3ff","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-77e465af","./_curry3-1f16eff2","./_curry2-386569fb","./_has-4e29ea27","./utils/UNSAFE_interpolations/boxalignment","./keys-dde22c13","./utils/UNSAFE_interpolations/flexbox","./flexbox-d4e8bc5d","./utils/UNSAFE_interpolations/flexitem","./flexitem-a81fbe8b","./utils/PRIVATE_timer","./MessageCloseButton-6fd750b0","./UNSAFE_Button","./Button-95c272b3","./UNSAFE_BaseButton","./BaseButton-cc1e314c","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-6cd92723","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_mergeProps","./index-f095628b","./index-c2b403d2","./UNSAFE_Icon","./Icon-bf3f7959","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-fe475c26","./index-8637c972","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-5d52bb49","./hooks/UNSAFE_useTheme","./MessageDetail-49daadc3","./MessageFormattingUtils-eb594b6a","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-e17f4469","./Message.types-ba802f0d","./MessageStartIcon-36c31428","./MessageSummary-31da06a2","./MessageTimestamp-a8b2f726","./MessageUtils-7a134473","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-fabd2ebf","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-51ce05e2"],function(e,s,t,o,i,a,n,l,u,_,A,r,U,E,F,c,N,S,g,f,d,b,m,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,ie,ae,ne,le,ue,_e,Ae,re,Ue,Ee,Fe,ce,Ne,Se,ge,fe,de,be,me,pe,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

@@ -0,0 +1,2 @@
+define(["preact/jsx-runtime","chai","@testing-library/preact","../../Divider-7f5777f5","css!./../../UNSAFE_Divider.css","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-77e465af","../../_curry1-4048f3ff","../../_curry3-1f16eff2","../../_curry2-386569fb","../../_has-4e29ea27"],function(e,i,r,s,t,a,n,c,f,l,u,d){"use strict";describe("Test Divider component",()=>{it("divider render",async function(){const t=r.render(e.jsx(s.Divider,{})),a=await t.findByRole("separator"),n=a.classList;i.expect(a).not.null,i.expect(n.length).equals(1)})})});
+//# sourceMappingURL=Divider.spec.js.map

package/amd/UNSAFE_Divider/__tests__/Divider.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.spec.js","sources":["../../../../src/UNSAFE_Divider/__tests__/Divider.spec.tsx"],"sourcesContent":["import { expect } from 'chai';\n\nimport { render } from '@testing-library/preact';\n\nimport { Divider } from '../Divider';\n\ndescribe('Test Divider component', () => {\n  it('divider render', async function () {\n    const content = render(<Divider />);\n    const divider = await content.findByRole('separator');\n    const classList = divider.classList;\n    expect(divider).not.null;\n    expect(classList.length).equals(1);\n  });\n});\n"],"names":["describe","it","async","content","render","_jsx","Divider","divider","findByRole","classList","expect","not","null","length","equals"],"mappings":"uVAMAA,SAAS,yBAA0B,KACjCC,GAAG,iBAAkBC,iBACnB,MAAMC,EAAUC,EAAAA,OAAOC,EAAAA,IAACC,EAAAA,QAAO,KACzBC,QAAgBJ,EAAQK,WAAW,aACnCC,EAAYF,EAAQE,UAC1BC,EAAAA,OAAOH,GAASI,IAAIC,KACpBF,EAAAA,OAAOD,EAAUI,QAAQC,OAAO"}

package/amd/UNSAFE_Divider.css

@@ -1 +1 @@
-._3xa7h4{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;}
+._1719t4c{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

@@ -1,2 +1,2 @@
-define(["exports","./Divider-b2c88668","preact/jsx-runtime","css!./UNSAFE_Divider.css","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-efacaca1","./_curry1-804b6f8c","./_curry3-f4ff846a","./_curry2-1a6a3c9f","./_has-68a93609"],function(e,r,a,i,s,c,t,u,f,l,n){"use strict";e.Divider=r.Divider,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Divider-7f5777f5","preact/jsx-runtime","css!./UNSAFE_Divider.css","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-77e465af","./_curry1-4048f3ff","./_curry3-1f16eff2","./_curry2-386569fb","./_has-4e29ea27"],function(e,r,i,s,f,a,t,u,c,l,n){"use strict";e.Divider=r.Divider,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Divider.js.map

package/amd/UNSAFE_Environment/__tests__/Environment.spec.js

@@ -0,0 +1,2 @@
+define(["require","preact/jsx-runtime","../../UNSAFE_Environment","@testing-library/preact","chai","../../utils/UNSAFE_matchTranslationBundle","../../hooks/UNSAFE_useUser","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useScale","../../hooks/UNSAFE_useColorScheme","../../hooks/UNSAFE_useTranslationBundle","preact","preact/hooks","../../UNSAFE_Layer","preact/compat"],function(e,s,n,r,u,o,t,l,c,i,d,a,b,m,f){"use strict";function w(){const{locale:e,direction:n,forcedColors:r}=t.useUser(),{name:u}=l.useTheme(),o=c.useScale(),d=i.useColorScheme();return s.jsx("div",{children:s.jsxs("ul",{children:[s.jsxs("li",{children:[e,",",n,",",r]}),s.jsxs("li",{children:[u,",",o,",",d]})]})})}function P(){return s.jsx(n.EnvironmentProvider,Object.assign({environment:{scale:"md"}},{children:s.jsx("div",Object.assign({id:"testModifiedEnv"},{children:s.jsx(w,{})}))}))}function h(){const e=d.useTranslationBundle("@oracle/oraclejet-preact");return s.jsxs("ul",{children:[s.jsx("li",{children:e.info()}),s.jsx("li",{children:e.confirmation()})]})}describe("Test initial rendering",()=>{it("Test default values from RootEnvironmentProvider",()=>{const e=r.render(s.jsx(n.RootEnvironmentProvider,{children:s.jsx(w,{})})).container.querySelectorAll("li");u.expect(e.length).equals(2),u.expect(e[0].textContent).equals("en,ltr,none"),u.expect(e[1].textContent).equals("redwood,lg,light")}),it("Initial values from RootEnvironmentProvider",()=>{const e=r.render(s.jsx(n.RootEnvironmentProvider,Object.assign({environment:{user:{locale:"es"},colorScheme:"dark"}},{children:s.jsx(w,{})}))).container.querySelectorAll("li");u.expect(e.length).equals(2),u.expect(e[0].textContent).equals("es,ltr,none"),u.expect(e[1].textContent).equals("redwood,lg,dark")}),it("Replacing theme value with EnvironmentProvider",()=>{const e=r.render(s.jsxs(n.RootEnvironmentProvider,Object.assign({environment:{user:{locale:"es"},colorScheme:"dark"}},{children:[s.jsx(w,{}),s.jsx(P,{})]}))).container.querySelectorAll("li");u.expect(e.length).equals(4),u.expect(e[0].textContent).equals("es,ltr,none"),u.expect(e[1].textContent).equals("redwood,lg,dark"),u.expect(e[2].textContent).equals("es,ltr,none"),u.expect(e[3].textContent).equals("redwood,md,dark")}),it("Using translation bundle from RootEnvironmentProvider",async()=>{const t=o.matchTranslationBundle(["en"],new Set(["en-US","en"])),{default:l}=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/${t}/bundle.ts`),c={user:{locale:"es"},translations:{"@oracle/oraclejet-preact":l}},i=r.render(s.jsx(n.RootEnvironmentProvider,Object.assign({environment:c},{children:s.jsx(h,{})}))).container.querySelectorAll("li");u.expect(i.length).equals(2),u.expect(i[0].textContent).equals("Info"),u.expect(i[1].textContent).equals("Confirmation")}),it("Overwrite translation bundle value for the subtree",async()=>{const t=o.matchTranslationBundle(["en"],new Set(["en-US","en"])),{default:l}=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/${t}/bundle.ts`),c={user:{locale:"es"},translations:{"@oracle/oraclejet-preact":l}},i=r.render(s.jsxs(n.RootEnvironmentProvider,Object.assign({environment:c},{children:[s.jsx(h,{}),s.jsx(n.EnvironmentProvider,Object.assign({environment:{translations:{"@oracle/oraclejet-preact":{info:()=>"updatedInfo"}}}},{children:s.jsx(h,{})}))]}))).container.querySelectorAll("li");u.expect(i.length).equals(4),u.expect(i[0].textContent).equals("Info"),u.expect(i[1].textContent).equals("Confirmation"),u.expect(i[2].textContent).equals("updatedInfo"),u.expect(i[3].textContent).equals("Confirmation")})})});
+//# sourceMappingURL=Environment.spec.js.map

package/amd/UNSAFE_Environment/__tests__/Environment.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Environment.spec.js","sources":["../../../../src/UNSAFE_Environment/__tests__/Environment.spec.tsx"],"sourcesContent":["import { RootEnvironmentProvider, EnvironmentProvider } from '../EnvironmentProvider';\nimport type { RootEnvironment, Environment } from '../EnvironmentContext';\nimport { render } from '@testing-library/preact';\nimport { expect } from 'chai';\n\nimport { matchTranslationBundle } from '../../utils/UNSAFE_matchTranslationBundle';\nimport { useUser } from '../../hooks/UNSAFE_useUser';\nimport { useTheme } from '../../hooks/UNSAFE_useTheme';\nimport { useScale } from '../../hooks/UNSAFE_useScale';\nimport { useColorScheme } from '../../hooks/UNSAFE_useColorScheme';\nimport { useTranslationBundle } from '../../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../../resources/nls/bundle';\n\nfunction TestConsumer() {\n  const { locale, direction, forcedColors } = useUser();\n  const { name } = useTheme();\n  const scale = useScale();\n  const colorScheme = useColorScheme();\n  return (\n    <div>\n      <ul>\n        <li>\n          {locale},{direction},{forcedColors}\n        </li>\n        <li>\n          {name},{scale},{colorScheme}\n        </li>\n      </ul>\n    </div>\n  );\n}\n\nfunction TestEnvironmentOverwrite() {\n  const customisedEnv: Environment = { scale: 'md' };\n  return (\n    <EnvironmentProvider environment={customisedEnv}>\n      <div id=\"testModifiedEnv\">\n        <TestConsumer />\n      </div>\n    </EnvironmentProvider>\n  );\n}\n\nfunction TestTranslationBundle() {\n  const bundle = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  return (\n    <ul>\n      <li>{bundle.info()}</li>\n      <li>{bundle.confirmation()}</li>\n    </ul>\n  );\n}\n\ndescribe('Test initial rendering', () => {\n  it('Test default values from RootEnvironmentProvider', () => {\n    const content = render(\n      <RootEnvironmentProvider>\n        <TestConsumer />\n      </RootEnvironmentProvider>\n    );\n    const listItems = content.container.querySelectorAll('li');\n    expect(listItems.length).equals(2);\n    expect(listItems[0].textContent).equals('en,ltr,none');\n    expect(listItems[1].textContent).equals('redwood,lg,light');\n  });\n\n  it('Initial values from RootEnvironmentProvider', () => {\n    const env: Partial<RootEnvironment> = {\n      user: { locale: 'es' },\n      colorScheme: 'dark'\n    };\n    const content = render(\n      <RootEnvironmentProvider environment={env}>\n        <TestConsumer />\n      </RootEnvironmentProvider>\n    );\n\n    const listItems = content.container.querySelectorAll('li');\n    expect(listItems.length).equals(2);\n    expect(listItems[0].textContent).equals('es,ltr,none');\n    expect(listItems[1].textContent).equals('redwood,lg,dark');\n  });\n\n  it('Replacing theme value with EnvironmentProvider', () => {\n    const env: Partial<RootEnvironment> = {\n      user: { locale: 'es' },\n      colorScheme: 'dark'\n    };\n\n    const content = render(\n      <RootEnvironmentProvider environment={env}>\n        <TestConsumer />\n        <TestEnvironmentOverwrite />\n      </RootEnvironmentProvider>\n    );\n\n    const listItems = content.container.querySelectorAll('li');\n    expect(listItems.length).equals(4);\n    expect(listItems[0].textContent).equals('es,ltr,none');\n    expect(listItems[1].textContent).equals('redwood,lg,dark');\n    expect(listItems[2].textContent).equals('es,ltr,none');\n    expect(listItems[3].textContent).equals('redwood,md,dark');\n  });\n\n  it('Using translation bundle from RootEnvironmentProvider', async () => {\n    const locale = matchTranslationBundle(['en'], new Set(['en-US', 'en']));\n    const { default: translations } = await import(`../../resources/nls/${locale}/bundle.ts`);\n    const env: Partial<RootEnvironment> = {\n      user: { locale: 'es' },\n      translations: { '@oracle/oraclejet-preact': translations }\n    };\n    const content = render(\n      <RootEnvironmentProvider environment={env}>\n        <TestTranslationBundle />\n      </RootEnvironmentProvider>\n    );\n\n    const listItems = content.container.querySelectorAll('li');\n    expect(listItems.length).equals(2);\n    expect(listItems[0].textContent).equals('Info');\n    expect(listItems[1].textContent).equals('Confirmation');\n  });\n\n  it('Overwrite translation bundle value for the subtree', async () => {\n    const locale = matchTranslationBundle(['en'], new Set(['en-US', 'en']));\n    const { default: translations } = await import(`../../resources/nls/${locale}/bundle.ts`);\n    const rootEnv: Partial<RootEnvironment> = {\n      user: { locale: 'es' },\n      translations: { '@oracle/oraclejet-preact': translations }\n    };\n    const env: Partial<Environment> = {\n      translations: { '@oracle/oraclejet-preact': { info: () => 'updatedInfo' } }\n    };\n    const content = render(\n      <RootEnvironmentProvider environment={rootEnv}>\n        <TestTranslationBundle />\n        <EnvironmentProvider environment={env}>\n          <TestTranslationBundle />\n        </EnvironmentProvider>\n      </RootEnvironmentProvider>\n    );\n\n    const listItems = content.container.querySelectorAll('li');\n    expect(listItems.length).equals(4);\n    expect(listItems[0].textContent).equals('Info');\n    expect(listItems[1].textContent).equals('Confirmation');\n    expect(listItems[2].textContent).equals('updatedInfo');\n    expect(listItems[3].textContent).equals('Confirmation');\n  });\n});\n"],"names":["TestConsumer","locale","direction","forcedColors","useUser","name","useTheme","scale","useScale","colorScheme","useColorScheme","_jsx","_jsxs","jsxs","children","TestEnvironmentOverwrite","EnvironmentProvider","environment","Object","assign","id","TestTranslationBundle","bundle","useTranslationBundle","info","confirmation","describe","it","listItems","render","jsx","RootEnvironmentProvider","container","querySelectorAll","expect","length","equals","textContent","user","async","matchTranslationBundle","Set","default","translations","__variableDynamicImportRuntime0__","env","__variableDynamicImportRuntime1__","rootEnv"],"mappings":"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"}

package/amd/UNSAFE_FilePicker/__tests__/FilePicker.spec.js

@@ -0,0 +1,2 @@
+define(["require","preact/jsx-runtime","@testing-library/preact","chai","../../FilePicker-ad8e39d8","../../utils/UNSAFE_matchTranslationBundle","../../UNSAFE_Environment","preact","preact/compat","../../utils/PRIVATE_clientHints","../../utils/PRIVATE_dvtTestUtils","../../clientHints-6cd92723","../../tslib.es6-f169f6f6","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_classNames","../../classNames-77e465af","../../hooks/UNSAFE_useTranslationBundle","preact/hooks","../../UNSAFE_Layer","css!./../../UNSAFE_FilePicker.css","../../UNSAFE_Text","../../Text-3c659af2","../../utils/UNSAFE_mergeInterpolations","../../_curry1-4048f3ff","../../_curry3-1f16eff2","../../_curry2-386569fb","../../_has-4e29ea27","../../UNSAFE_Spacer","../../Spacer-1de486f2","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-a81fbe8b","../../keys-dde22c13","../../utils/UNSAFE_stringUtils","../../stringUtils-e17f4469","../../utils/UNSAFE_filePickerUtils","../../hooks/UNSAFE_usePress","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useTabbableMode"],function(e,n,s,t,r,l,i,a,o,c,u,d,p,f,b,m,v,g,w,y,x,h,P,E,C,D,F,k,S,T,O,A,M,U,_,j,q,I,N,L,B,H){"use strict";describe("Test Filepicker component",()=>{it("render",async()=>{const e=(await R({accept:["image/*"]})).container.firstElementChild.classList;t.expect(e.length).equals(2)}),it("Focus Blur",async()=>{const e=(await R()).container.firstElementChild;e.focus();let n=document.activeElement;t.expect(e.contains(n),"FilePicker is in focus").equals(!0),e.blur(),n=document.activeElement,t.expect(e.contains(n),"FilePicker no longer in focus").not.equals(!0)}),it("default value for isDisabled",async()=>{var e;const n=null===(e=(await R()).container.firstElementChild.classList)||void 0===e?void 0:e.value;t.expect(n).to.be.a("string").that.not.contains("oj-c-filepicker-disabled")}),it("default value for primaryText",async()=>{const e=await R(),n=await e.findByText("Drag and Drop");t.expect(n).not.null}),it("default value for secondaryText",async()=>{const e=await R(),n=await e.findByText("Select or drop files here");t.expect(n).not.null}),it("default value for accessibleLabel",async()=>{const e=(await R()).container.firstElementChild;t.expect(e.getAttribute("aria-label")).equals("Add Files. Drag and Drop. Select or drop files here")}),it("HandleDragEnter",async()=>{const e=a.createRef();await R({},e);const n=V();e.current.onDragEnter(n.event),await s.waitFor(()=>{n.expectEventToBeCancelled()})});const e=[{description:"Invalid single handleDragOver handleDragLeave",dragOver:["application/pdf"],dragLeave:!0,invalidMessage:"You can't upload files of type application/pdf"},{description:"Invalid single handleDragOver handleFileDrop",dragOver:["application/pdf"],fileDrop:[["test.pdf","application/pdf"]],invalidMessage:"You can't upload files of type application/pdf"},{description:"Invalid single unknown mimetype handleDragOver handleFileDrop",dragOver:[""],fileDrop:[["test.pkg",""]],invalidMessage:"You can't upload files of type unknown",invalidSafariIEMessage:"You can't upload files of type .pkg"},{description:"Invalid single .pem mimetype handleDragOver handleFileDrop",dragOver:[""],fileDrop:[["test.pkg",""]],invalidMessage:"You can't upload files of type .pkg",invalidSafariIEMessage:"You can't upload files of type .pkg",mimeType:[".pem"]},{description:"Invalid single unknown no extension mimetype handleDragOver handleFileDrop",dragOver:[""],fileDrop:[["README",""]],invalidMessage:"You can't upload files of type unknown"},{description:"Invalid multiple unknown mimetype handleDragOver handleFileDrop",dragOver:["",""],fileDrop:[["test.pkg",""],["README",""]],invalidMessage:"You can't upload files of type unknown",invalidSafariIEMessage:"You can't upload files of type: .pkg, unknown"},{description:"Invalid multiple handleDragOver selectionMode single",dragOver:["image/png","image/png"],invalidMessage:"Upload one file at a time",single:!0},{description:"Invalid multiple handleDragOver handleFileDrop",dragOver:["application/pdf","application/pdf"],fileDrop:[["test.pdf","application/pdf"],["test2.pdf","application/pdf"]],invalidMessage:"You can't upload files of type application/pdf"},{description:"Invalid multiple unique types handleDragOver handleFileDrop",dragOver:["application/pdf","video/mp4"],fileDrop:[["test.pdf","application/pdf"],["test.mp4","video/mp4"]],invalidMessage:"You can't upload files of type: application/pdf, video/mp4"}];it("Invalid Scenarios",()=>{e.forEach(async e=>{let n=Promise.resolve();const r=!!e.mimeType,l={invalidCalled:!1},i=a.createRef(),o=await R({accept:e.mimeType?e.mimeType:["image/*"],selectionMode:e.single?"single":"multiple",onReject:s=>{const r=s.messages[0],i="safari"===d.getClientHints().browser&&e.invalidSafariIEMessage?e.invalidSafariIEMessage:e.invalidMessage;t.expect(r.severity,"Message severity is error").to.equal("error"),t.expect(r.summary,"Message summary is correct").to.equal(i),n=s.until,l.invalidCalled=!0}},i),c=o.container.firstElementChild,u=J(e.dragOver,l,c,r),p=i.current;if(p.onDragOver(u.event),await s.waitFor(()=>{u.expectEventToBeCancelled(),u.expectedCalls()}),e.fileDrop){const s=K(e.fileDrop,l,r);p.onDrop(s.event),await n,s.expectEventToBeCancelled(),s.expectedCalls()}if(e.dragLeave){const e=Q(o.container,c);p.onDragLeave(e.event,r),await n,e.expectEventToBeCancelled(),e.expectedCalls()}})});const n=[{description:"Valid single handleDragOver handleFileDrop",dragOver:["image/png"],fileDrop:[["test.png","image/png"]]},{description:"Valid .pem handleDragOver handleFileDrop",dragOver:[""],fileDrop:[["test.pem",""]],mimeType:[".pem"]},{description:"Valid multiple handleDragOver handleFileDrop",dragOver:["image/png","image/png"],fileDrop:[["test.png","image/png"],["test2.png","image/png"]]}];it("Valid Scenarios",()=>{n.forEach(async e=>{const n=a.createRef(),r=await R({accept:e.mimeType?e.mimeType:["image/*"],onReject:()=>{t.expect(!1,"Invalid Select Listener should not be called").to.be.true},onCommit:n=>{const s=n.files;let r;for(let n=0;n<s.length;n++)r=s[n],t.expect(r.name,"File name is correct").to.equal(e.fileDrop[n][0]),t.expect(r.type,"File type is correct").to.equal(e.fileDrop[n][1]);l.selectCalled=!0}},n),l={selectCalled:!1},i=r.container.firstElementChild,o=n.current,c=G(e.dragOver,i);o.onDragOver(c.event),await s.waitFor(()=>{c.expectEventToBeCancelled(),c.expectedCalls()});const u=$(e.fileDrop,l);o.onDrop(u.event),await s.waitFor(()=>{u.expectEventToBeCancelled(),u.expectedCalls()})})}),it("handleFileSelected (click listener)",async()=>{let e;const n={select:!1},s="image/png",r="test.png",l=new Promise(n=>{e=n}),i=a.createRef();await R({accept:["image/*"],onCommit:l=>{const i=l.files[0];t.expect(i.name,"File name is correct").to.equal(r),t.expect(i.type,"File type is correct").to.equal(s),n.select=!0,e()}},i);const o=i.current,c=W(n);o.onClickSelected([{name:r,type:s}]),await l,c()}),"edge"===d.getClientHints().browser&&it("handleFileSelected invalid file Edge(click listener)",async()=>{const e={invalid:!1},n=a.createRef(),r=await R({onReject:n=>{const s=n.detail.messages[0];t.expect(s.severity,"Message severity is error").to.equal("error"),t.expect(s.summary,"Message summary is correct").to.equal("You can't upload files of type "+i+"."),e.invalid=!0,o()}},n);s.render(r);const l=n.current,i="document/pdf";let o;const c=new Promise((e,n)=>{o=e,n=n}),u=W(e);l.onClickSelected([{name:"test.pdf",type:i}]),await c,u()})}),describe("File Picker - TabbableModeContext",()=>{it(" RootEnvironmentProvider is not present",async()=>{const e=(await R()).container.firstElementChild,n=null==e?void 0:e.getAttribute("tabindex");t.expect(n).to.equal("0")}),it("TabbableModeContext isTabbable=true",async()=>{const e=n.jsx(r.FilePicker,{}),s=(await u.default(e,!0)).container.firstElementChild,l=null==s?void 0:s.getAttribute("tabindex");t.expect(l).to.equal("0")}),it("TabbableModeContext isTabbable=false",async()=>{const e=n.jsx(r.FilePicker,{}),s=(await u.default(e,!1)).container.firstElementChild,l=null==s?void 0:s.getAttribute("tabindex");t.expect(l).to.equal("-1")}),it("TabbableModeContext not provided",async()=>{const e=n.jsx(r.FilePicker,{}),s=(await u.default(e)).container.firstElementChild,l=null==s?void 0:s.getAttribute("tabindex");t.expect(l).to.equal("0")})});const R=async(t={},a)=>{const c=l.matchTranslationBundle(["en"],new Set(["en-US","en"])),{default:u}=await function(n){switch(n){case"../../resources/nls/ar/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ar/bundle"],n,s)});case"../../resources/nls/ar-XB/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ar-XB/bundle"],n,s)});case"../../resources/nls/bg/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/bg/bundle"],n,s)});case"../../resources/nls/bs/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/bs/bundle"],n,s)});case"../../resources/nls/bs-Cyrl/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/bs-Cyrl/bundle"],n,s)});case"../../resources/nls/cs/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/cs/bundle"],n,s)});case"../../resources/nls/da/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/da/bundle"],n,s)});case"../../resources/nls/de/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/de/bundle"],n,s)});case"../../resources/nls/el/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/el/bundle"],n,s)});case"../../resources/nls/en/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/en/bundle"],n,s)});case"../../resources/nls/en-XA/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/en-XA/bundle"],n,s)});case"../../resources/nls/en-XC/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/en-XC/bundle"],n,s)});case"../../resources/nls/es/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/es/bundle"],n,s)});case"../../resources/nls/et/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/et/bundle"],n,s)});case"../../resources/nls/fi/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/fi/bundle"],n,s)});case"../../resources/nls/fr/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/fr/bundle"],n,s)});case"../../resources/nls/fr-CA/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/fr-CA/bundle"],n,s)});case"../../resources/nls/he/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/he/bundle"],n,s)});case"../../resources/nls/hr/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/hr/bundle"],n,s)});case"../../resources/nls/hu/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/hu/bundle"],n,s)});case"../../resources/nls/is/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/is/bundle"],n,s)});case"../../resources/nls/it/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/it/bundle"],n,s)});case"../../resources/nls/ja/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ja/bundle"],n,s)});case"../../resources/nls/ko/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ko/bundle"],n,s)});case"../../resources/nls/lt/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/lt/bundle"],n,s)});case"../../resources/nls/lv/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/lv/bundle"],n,s)});case"../../resources/nls/ms/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ms/bundle"],n,s)});case"../../resources/nls/nl/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/nl/bundle"],n,s)});case"../../resources/nls/no/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/no/bundle"],n,s)});case"../../resources/nls/pl/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/pl/bundle"],n,s)});case"../../resources/nls/pt/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/pt/bundle"],n,s)});case"../../resources/nls/pt-PT/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/pt-PT/bundle"],n,s)});case"../../resources/nls/ro/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ro/bundle"],n,s)});case"../../resources/nls/ru/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ru/bundle"],n,s)});case"../../resources/nls/sk/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/sk/bundle"],n,s)});case"../../resources/nls/sl/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/sl/bundle"],n,s)});case"../../resources/nls/sr/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/sr/bundle"],n,s)});case"../../resources/nls/sr-Latn/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/sr-Latn/bundle"],n,s)});case"../../resources/nls/sv/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/sv/bundle"],n,s)});case"../../resources/nls/th/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/th/bundle"],n,s)});case"../../resources/nls/tr/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/tr/bundle"],n,s)});case"../../resources/nls/uk/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/uk/bundle"],n,s)});case"../../resources/nls/vi/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/vi/bundle"],n,s)});case"../../resources/nls/zh-Hans/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/zh-Hans/bundle"],n,s)});case"../../resources/nls/zh-Hant/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/zh-Hant/bundle"],n,s)});default:return new Promise(function(e,s){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(s.bind(null,new Error("Unknown variable dynamic import: "+n)))})}}(`../../resources/nls/${c}/bundle.ts`),d={translations:{"@oracle/oraclejet-preact":u}};let p;if(a){const e=o.forwardRef(Y);p=n.jsx(e,Object.assign({ref:a},t))}else p=n.jsx(r.FilePicker,Object.assign({},t));return s.render(n.jsx(i.RootEnvironmentProvider,Object.assign({environment:d},{children:p})))},Y=(e,s)=>{const t=r.FilePicker,l=Object.assign({__testHandlerSymbol:s},e);return n.jsx(t,Object.assign({},l))},V=()=>{let e=!1,n=!1;return{event:{preventDefault:()=>{e=!0},stopPropagation:()=>{n=!0}},expectEventToBeCancelled:()=>{t.expect(e,"Default prevented").to.be.true,t.expect(n,"Propagation stopped").to.be.true}}},X=e=>{const n=V(),s=[];for(const n of e)s.push({kind:"file",type:n});const t="safari"===d.getClientHints().browser?null:{items:s};return n.event.dataTransfer=t,n},z=e=>{const n=V(),s=[];let t;for(let n=0;n<e.length;n++)t=e[n],s.push({name:t[0],type:t[1]});return n.event.dataTransfer={files:s},n},$=(e,n)=>{const s=z(e);return s.expectedCalls=()=>{t.expect(n.selectCalled,"Select Listener Event fired").to.be.true},s},G=(e,n)=>{const s=X(e);return s.expectedCalls=()=>{t.expect(null!==n.querySelector(".oj-c-valid-drop"),"Overlay shown").to.be.true},s},J=(e,n,s,r)=>{const l=X(e);return l.expectedCalls=()=>{"safari"===d.getClientHints().browser||r?(t.expect(null!==s.querySelector(".oj-c-valid-drop"),"Overlay shown").to.be.true,t.expect(n.invalidCalled,"Invalid Listener Event not fired in IE or Safari").to.be.false):t.expect(n.invalidCalled,"Invalid Listener Event fired").to.be.true},l},K=(e,n,s)=>{const r=z(e);return r.expectedCalls=()=>{("safari"===d.getClientHints().browser||s)&&t.expect(n.invalidCalled,"Invalid Listener Event fired").to.be.true},r},Q=(e,n)=>{const s=V();s.event.relatedTarget=e;const r="safari"===d.getClientHints().browser;return s.expectedCalls=()=>{r?t.expect(null===n.querySelector(".oj-c-invalid-drop"),"Invalid State removed").to.be.true:t.expect(null===n.querySelector(".oj-c-valid-drop"),"Overlay removed").to.be.true},s},W=e=>()=>{for(const n of Object.keys(e))t.expect(e[n],n+" Listener Event fired").to.be.true}});
+//# sourceMappingURL=FilePicker.spec.js.map