@oracle/oraclejet-preact 14.0.10 → 14.1.1

package/amd/Theme-redwood/theme.css

@@ -409,6 +409,10 @@
 :root {
   --oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-20), 0.7);
   --oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), 0.8);
+  --oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger:  #D63B25;
+  --oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning: #CF7C00;
+  --oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success: #508223;
+
 }
 
 .oj-c-colorscheme-dark, .oj-color-invert {
@@ -419,7 +423,6 @@
   --oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover      : rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0), 0.08);
   --oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active     : rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0), 0.12);
 }
-
 /* end:src/Common/themes/redwood/Common.css */
 /* start:src/hooks/UNSAFE_useTooltip/themes/redwood/useTooltip.css */
 :root {
@@ -586,7 +589,7 @@
     --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active:             var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);  
     --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled:         var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);
     --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);
-    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled:             transparent;    
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled:             transparent;        
 }
 
 .oj-c-base-button-callToAction {
@@ -601,7 +604,7 @@
     --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active:             var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast);
     --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled:             var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1);
     --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled:         transparent;
-    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);    
 }
 
 .oj-c-base-button-borderless {
@@ -619,6 +622,21 @@
     --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);  
 }
 
+.oj-c-base-button-ghost {
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color:                      transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color:                  transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color:                    var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover:                transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover:            transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover:              var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active:               transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active:           transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active:             var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled:             transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled:         transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);      
+}
+
 .oj-c-base-button-solid {
     --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color:                      rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190),.08);
     --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color:                  transparent;
@@ -631,7 +649,7 @@
     --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active:             var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);    
     --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled:             var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1);
     --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled:         transparent;
-    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);    
 }
 
 .oj-c-base-button-danger {
@@ -646,7 +664,7 @@
     --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active:             var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast);
     --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled:             var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1);
     --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled:         transparent;
-    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);    
 }
 
 .oj-c-base-button-lg {
@@ -736,13 +754,13 @@
 /* end:src/UNSAFE_BaseButton/themes/redwood/BaseButton.css */
 /* start:src/UNSAFE_Button/themes/redwood/ButtonLayout.css */
 .oj-c-button-layout-lg {
-    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:        1rem;
-    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:        1rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:        1.0rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:        1.0rem;
 }
 
 .oj-c-button-layout-md {
-    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:        .625rem;
-    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:       .625rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:       0.625rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:       0.625rem;
 }
 
 .oj-c-button-layout-sm {
@@ -1181,6 +1199,24 @@
     --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly:     rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-100));
     --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected:     rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-100));
 }
+
+.oj-c-rating-gauge-success {
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected:              var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected:       var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly:     var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success);
+}
+
+.oj-c-rating-gauge-warning {
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected:              var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected:       var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly:     var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning);
+}
+
+.oj-c-rating-gauge-danger {
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected:              var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected:       var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly:     var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger);
+}
 /* end:src/UNSAFE_RatingGauge/themes/redwood/RatingGauge.css */
 /* start:src/UNSAFE_Selector/themes/redwood/Selector.css */
 :root {

package/amd/Theme-stable/theme.css

@@ -389,6 +389,16 @@
   --oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-170), 0.15);
 }
 
+/* dvt vars */
+:root {
+  --oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-20), 0.7);
+  --oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), 0.8);
+  --oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger:  #D63B25;
+  --oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning: #CF7C00;
+  --oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success: #508223;
+
+}
+
 .oj-c-colorscheme-dark, .oj-color-invert {
   /* Override CSS vars to make it dark themed (the values are taken from the Legacy JET scoped under oj-color-invert) */
   --oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary  : rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0));
@@ -580,6 +590,21 @@
     --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active:             var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);
     --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled:             transparent;
     --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled:         transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);   
+}
+
+.oj-c-base-button-ghost {
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color:                      transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color:                  transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color:                    var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover:                transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover:            transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover:              var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active:               transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active:           transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active:             var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled:             transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled:         transparent;
     --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);  
 }
 
@@ -629,7 +654,7 @@
 :root {
     --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color:             transparent;
     --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color:         rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), .5);
-    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius:        var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius:        var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);    
     --oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight:          600;
     --oj-c-PRIVATE-DO-NOT-USE-base-button-height:               2.75rem;
     --oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding: 1rem;
@@ -700,13 +725,13 @@
 /* end:src/UNSAFE_BaseButton/themes/stable/BaseButton.css */
 /* start:src/UNSAFE_Button/themes/stable/ButtonLayout.css */
 .oj-c-button-layout-lg {
-    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:        1rem;
-    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:        1rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:        1.0rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:        1.0rem;
 }
 
 .oj-c-button-layout-md {
-    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:        .625rem;
-    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:       .625rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:       0.625rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:       0.625rem;
 }
 
 .oj-c-button-layout-sm {
@@ -715,6 +740,23 @@
     --oj-c-PRIVATE-DO-NOT-USE-button-icon-size:                   1.25rem;
 }    
 
+.oj-c-button-layout-embedded-lg {
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:        1rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:        0.84375rem;
+}
+
+.oj-c-button-layout-embedded-md {
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:        .625rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:        .59375rem;
+}
+
+.oj-c-button-layout-embedded-sm {
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:        .5rem;      
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:        .46875rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-size:                   1.25rem;
+}    
+
+
 :root {
     --oj-c-PRIVATE-DO-NOT-USE-button-icon-size:                   var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);
 }
@@ -1084,6 +1126,24 @@
     --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-100));
     --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-100));
 }
+
+.oj-c-rating-gauge-success {
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected:              var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected:       var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly:     var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success);
+}
+
+.oj-c-rating-gauge-warning {
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected:              var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected:       var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly:     var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning);
+}
+
+.oj-c-rating-gauge-danger {
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected:              var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected:       var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly:     var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger);
+}
 /* end:src/UNSAFE_RatingGauge/themes/stable/RatingGauge.css */
 /* start:src/UNSAFE_Selector/themes/stable/Selector.css */
 :root {

package/amd/UNSAFE_AspectRatio.css

@@ -1 +1 @@
-._1m6teo7{position:relative;overflow-x:hidden;overflow-y:hidden;}._1m6teo7::before{content:'';display:block;padding-bottom:calc(100% / (var(--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio)));}._1m6teo7 > :first-child{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;}._1m6teo7 > img{object-fit:cover;}._1m6teo7 > video{object-fit:cover;}
+._1bdsc1q{position:relative;overflow-x:hidden;overflow-y:hidden;}._1bdsc1q::before{content:'';display:block;padding-bottom:calc(100% / (var(--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio)));}._1bdsc1q > :first-child{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;}._1bdsc1q > img{object-fit:cover;}._1bdsc1q > video{object-fit:cover;}

package/amd/UNSAFE_AspectRatio.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-0620c488","preact/jsx-runtime","css!./UNSAFE_AspectRatio.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./utils/UNSAFE_arrayUtils","./classNames-efacaca1","./utils/UNSAFE_size","./_curry1-804b6f8c","./_curry3-f4ff846a","./_curry2-1a6a3c9f","./_has-68a93609"],function(s,t,i,e,r,a,n,c,l,o,_,u,d,m){"use strict";const f=c.stringLiteralArray(["9/16","1/1","6/5","5/4","4/3","11/8","1.43/1","3/2","14/9","16/10","1.6180/1","5/3","16/9","1.85/1","1.9/1","2/1","2.2/1","64/21","2.4/1","2.414/1","2.76/1","32/9","18/5","4/1"]),A=c.stringLiteralArray(["maxWidth","minWidth","width"]),p=Array.from(A,s=>r.dimensionInterpolations[s]),y=a.mergeInterpolations(p);s.AspectRatio=function(s){var{children:e,ratio:r="1/1"}=s,a=t.__rest(s,["children","ratio"]);const n=y(a),{class:c}=n,o=t.__rest(n,["class"]),_=Object.assign(Object.assign({},o),{"--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio":r});return i.jsx("div",Object.assign({class:l.classNames(["_1m6teo7",c]),style:_},{children:e}))},s.ratios=f,Object.defineProperty(s,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-f169f6f6","preact/jsx-runtime","css!./UNSAFE_AspectRatio.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./utils/UNSAFE_arrayUtils","./classNames-77e465af","./utils/UNSAFE_size","./_curry1-4048f3ff","./_curry3-1f16eff2","./_curry2-386569fb","./_has-4e29ea27"],function(s,t,e,i,r,a,n,c,l,o,f,_,u,d){"use strict";const m=c.stringLiteralArray(["9/16","1/1","6/5","5/4","4/3","11/8","1.43/1","3/2","14/9","16/10","1.6180/1","5/3","16/9","1.85/1","1.9/1","2/1","2.2/1","64/21","2.4/1","2.414/1","2.76/1","32/9","18/5","4/1"]),A=c.stringLiteralArray(["maxWidth","minWidth","width"]),p=Array.from(A,s=>r.dimensionInterpolations[s]),y=a.mergeInterpolations(p);s.AspectRatio=function(s){var{children:i,ratio:r="1/1"}=s,a=t.__rest(s,["children","ratio"]);const n=y(a),{class:c}=n,o=t.__rest(n,["class"]),f=Object.assign(Object.assign({},o),{"--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio":r});return e.jsx("div",Object.assign({class:l.classNames(["_1bdsc1q",c]),style:f},{children:i}))},s.ratios=m,Object.defineProperty(s,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_AspectRatio.js.map

package/amd/UNSAFE_Avatar/__tests__/Avatar.spec.js

@@ -0,0 +1,2 @@
+define(["preact/jsx-runtime","@testing-library/preact","@testing-library/user-event","chai","../../UNSAFE_Avatar","../../tslib.es6-f169f6f6","../../utils/UNSAFE_classNames","../../classNames-77e465af","css!./../../UNSAFE_Avatar.css"],function(e,t,a,i,n,r,l,s,c){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=o(a);describe("Test Avatar component",()=>{it("render",async function(){const a=t.render(e.jsx(n.Avatar,{children:"TN"})),r=await a.findByText("TN");i.expect(r).not.null,d.default.click(r)}),it("applies Linaria CSS classes",()=>{const a=t.render(e.jsx(n.Avatar,{})).container.firstElementChild,r=null==a?void 0:a.classList;i.expect(null==r?void 0:r.length).equals(3)}),it("checks for avatar sizes",()=>{["2xs","xs","sm","md","lg","xl","2xl"].forEach(a=>{const r=t.render(e.jsx(n.Avatar,{size:a})).container.firstElementChild,l=null==r?void 0:r.classList,s="oj-c-avatar-"+a,c=null==l?void 0:l.value;i.expect(c).to.be.a("string").that.contains(s)})}),it("checks for avatar initials",()=>{var a;const r="TEST INITIAL",l=null===(a=t.render(e.jsx(n.Avatar,{initials:r})).container.firstElementChild)||void 0===a?void 0:a.firstElementChild,s=null==l?void 0:l.innerHTML;i.expect(s).equals(r)}),it("checks for avatar src",()=>{var a;const r="avatar-image.jpg",l=null===(a=t.render(e.jsx(n.Avatar,{src:r})).container.firstElementChild)||void 0===a?void 0:a.firstElementChild,s=null==l?void 0:l.style.backgroundImage;i.expect(s).to.be.a("string").that.contains(r)}),"undefined"==typeof jest&&it("checks for avatar shape",()=>{["circle","square"].forEach(a=>{var r;const l=null===(r=t.render(e.jsx(n.Avatar,{shape:a})).container.firstElementChild)||void 0===r?void 0:r.firstElementChild,s=window.getComputedStyle(l).getPropertyValue("border-radius");"circle"===a?i.expect(s).equals("50%"):i.expect(s).not.equals("50%")})}),it("checks for backgroundColor style",()=>{["neutral","orange","green","teal","blue","slate","pink","purple","lilac","gray"].forEach(a=>{const r=t.render(e.jsx(n.Avatar,{background:a})).container.firstElementChild,l=null==r?void 0:r.classList,s="oj-c-avatar-bg-"+a,c=null==l?void 0:l.value;i.expect(c).to.be.a("string").that.contains(s)})})}),describe("Security Test Avatar component",()=>{it("initials injection",function(){const a=t.render(e.jsx(n.Avatar,{initials:"<span id='evil'>Evil disabled</span>"})).container.querySelectorAll("#evil").length;i.expect(a).equals(0)}),it("src injection",function(){const a=t.render(e.jsx(n.Avatar,{src:"<span id='evil'>Evil disabled</span>"})).container.querySelectorAll("#evil").length;i.expect(a).equals(0)}),it("size injection",function(){const a=t.render(e.jsx(n.Avatar,{size:"<span id='evil'>Evil disabled</span>"})).container.querySelectorAll("#evil").length;i.expect(a).equals(0)})})});
+//# sourceMappingURL=Avatar.spec.js.map

package/amd/UNSAFE_Avatar/__tests__/Avatar.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.spec.js","sources":["../../../../src/UNSAFE_Avatar/__tests__/Avatar.spec.tsx"],"sourcesContent":["import { ComponentProps } from 'preact';\nimport { render } from '@testing-library/preact';\nimport userEvent from '@testing-library/user-event';\nimport { expect } from 'chai';\nimport { Avatar } from '../';\n//import { DemoRedwoodIcon } from '@oracle/oraclejet-pattern-library';\n\ntype avatarProps = ComponentProps<typeof Avatar>;\n\ndescribe('Test Avatar component', () => {\n  it('render', async function () {\n    const content = render(<Avatar>TN</Avatar>);\n    const initials = await content.findByText('TN');\n    expect(initials).not.null;\n    userEvent.click(initials);\n  });\n\n  it('applies Linaria CSS classes', () => {\n    const content = render(<Avatar />);\n    const firstElement = content.container.firstElementChild as HTMLElement;\n    const classList = firstElement?.classList;\n    expect(classList?.length).equals(3);\n  });\n\n  it('checks for avatar sizes', () => {\n    const sizeOptionsArray: Array<avatarProps['size']> = [\n      '2xs',\n      'xs',\n      'sm',\n      'md',\n      'lg',\n      'xl',\n      '2xl'\n    ];\n    sizeOptionsArray.forEach((size) => {\n      const content = render(<Avatar size={size} />);\n      const firstElement = content.container.firstElementChild as HTMLElement;\n      const classList = firstElement?.classList;\n      const bgColorClass = 'oj-c-avatar-' + size;\n      const result = classList?.value;\n      expect(result).to.be.a('string').that.contains(bgColorClass);\n    });\n  });\n  it('checks for avatar initials', () => {\n    const testInitials = 'TEST INITIAL';\n    const content = render(<Avatar initials={testInitials} />);\n    const firstElement = content.container.firstElementChild?.firstElementChild as HTMLElement;\n    const innerHTMLText = firstElement?.innerHTML;\n    expect(innerHTMLText).equals(testInitials);\n  });\n  it('checks for avatar src', () => {\n    const src: avatarProps['src'] = 'avatar-image.jpg';\n    const content = render(<Avatar src={src} />);\n    const firstElement = content.container.firstElementChild?.firstElementChild as HTMLElement;\n    const srcImage = firstElement?.style.backgroundImage;\n    expect(srcImage).to.be.a('string').that.contains(src);\n  });\n  // commented out until we resolve using this external dependency\n  // it('checks for avatar icon', () => {\n  //   const iconName = 'car';\n  //   const content = render(\n  //     <Avatar>\n  //       <DemoRedwoodIcon name={iconName} />\n  //     </Avatar>\n  //   );\n  //   const firstElement = content.container.firstElementChild as HTMLElement;\n  //   const iconElement = firstElement?.querySelectorAll(`.oj-ux-ico-${iconName}`);\n  //   expect(iconElement?.length).equals(1);\n  // });\n  //Note: added check for running the below test only on browser, so as to access the getComputedStyle when the component is rendered\n  if (typeof jest === 'undefined') {\n    it('checks for avatar shape', () => {\n      const shapeOptionsArray: Array<avatarProps['shape']> = ['circle', 'square'];\n      shapeOptionsArray.forEach((shape) => {\n        const content = render(<Avatar shape={shape} />);\n        const firstElement = content.container.firstElementChild?.firstElementChild as HTMLElement;\n        const avatarBorderRadius = window\n          .getComputedStyle(firstElement)\n          .getPropertyValue('border-radius');\n        if (shape === 'circle') {\n          expect(avatarBorderRadius).equals('50%');\n        } else {\n          expect(avatarBorderRadius).not.equals('50%');\n        }\n      });\n    });\n  }\n  it('checks for backgroundColor style', () => {\n    const backgroundOptionsArray: Array<avatarProps['background']> = [\n      'neutral',\n      'orange',\n      'green',\n      'teal',\n      'blue',\n      'slate',\n      'pink',\n      'purple',\n      'lilac',\n      'gray'\n    ];\n    backgroundOptionsArray.forEach((background) => {\n      const content = render(<Avatar background={background} />);\n      const firstElement = content.container.firstElementChild as HTMLElement;\n      const classList = firstElement?.classList;\n      const sizeClass = 'oj-c-avatar-bg-' + background;\n      const result = classList?.value;\n      expect(result).to.be.a('string').that.contains(sizeClass);\n    });\n  });\n});\n\ndescribe('Security Test Avatar component', () => {\n  it('initials injection', function () {\n    const unwantedInitials = \"<span id='evil'>Evil disabled</span>\";\n    const content = render(<Avatar initials={unwantedInitials}></Avatar>);\n    const parentContainer = content.container as HTMLElement;\n    const evilSpan = parentContainer.querySelectorAll('#evil').length;\n    expect(evilSpan).equals(0);\n  });\n  it('src injection', function () {\n    const unwantedSrc = \"<span id='evil'>Evil disabled</span>\";\n    const content = render(<Avatar src={unwantedSrc}></Avatar>);\n    const parentContainer = content.container as HTMLElement;\n    const evilSpan = parentContainer.querySelectorAll('#evil').length;\n    expect(evilSpan).equals(0);\n  });\n  it('size injection', function () {\n    const unwantedInitials = \"<span id='evil'>Evil disabled</span>\";\n    // @ts-ignore\n    const content = render(<Avatar size={unwantedInitials}></Avatar>);\n    const parentContainer = content.container as HTMLElement;\n    const evilSpan = parentContainer.querySelectorAll('#evil').length;\n    expect(evilSpan).equals(0);\n  });\n});\n"],"names":["describe","it","async","content","render","_jsx","Avatar","children","initials","findByText","expect","not","null","userEvent","click","firstElement","container","firstElementChild","classList","length","equals","forEach","size","bgColorClass","result","value","to","be","a","that","contains","testInitials","_a","innerHTMLText","innerHTML","src","srcImage","style","backgroundImage","jest","shape","avatarBorderRadius","window","getComputedStyle","getPropertyValue","background","sizeClass","evilSpan","querySelectorAll"],"mappings":"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"}

package/amd/UNSAFE_Avatar.css

@@ -1,8 +1,8 @@
-.k1hicv{display:inline-grid;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size);}
-._10ee1rp{--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius:50%;}
-.n9jm7t > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-.e8kvzp{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius);align-self:stretch;align-items:center;justify-content:center;display:flex;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);grid-row-start:1;grid-column-start:1;grid-row-end:2;grid-column-end:2;background-position:center center;overflow-x:hidden;overflow-y:hidden;}
-._19lzc62{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color);background-size:196px 196px;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern);}
-._1u9edtu{background-size:cover;}
-.wm3xkw{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight);}
-.l020lw{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size);}
+._3l6tvf{display:inline-grid;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size);}
+.ka8x1b{--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius:50%;}
+.e2rj6j > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1hfxiom{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius);align-self:stretch;align-items:center;justify-content:center;display:flex;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);grid-row-start:1;grid-column-start:1;grid-row-end:2;grid-column-end:2;background-position:center center;overflow-x:hidden;overflow-y:hidden;}
+._2igphf{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color);background-size:196px 196px;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern);}
+.avjgiz{background-size:cover;}
+._1qedi4u{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight);}
+._1jjmye5{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size);}

package/amd/UNSAFE_Avatar.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-0620c488","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_Avatar.css","./classNames-efacaca1"],function(s,e,a,c,i,r){"use strict";const n=s=>{var{src:c}=s,i=e.__rest(s,["src"]);const n=r.classNames([j.base,j.image]);return a.jsx(l,Object.assign({},i,{children:a.jsx("div",{class:n,style:{backgroundImage:`url(${c})`}})}))},t=s=>{var{children:c,initials:i}=s,n=e.__rest(s,["children","initials"]);const t=[j.base,j.content,i?j.initials:j.icon,!i&&b],d=i||c;return a.jsx(l,Object.assign({},n,{children:a.jsx("div",Object.assign({"aria-hidden":"true",class:r.classNames(t)},{children:d}))}))},l=({background:s="neutral",size:e="md",shape:c="square",children:i,accessibleLabel:n})=>{const t=r.classNames([d.base,`oj-c-avatar-bg-${s}`,`oj-c-avatar-${e}`,"circle"===c&&d.circle]);return n?a.jsx("div",Object.assign({"aria-label":n,role:"img",class:t},{children:i})):a.jsx("div",Object.assign({class:t},{children:i}))},d={base:"k1hicv",circle:"_10ee1rp"},b="n9jm7t",j={base:"e8kvzp",content:"_19lzc62",image:"_1u9edtu",initials:"wm3xkw",icon:"l020lw"};s.Avatar=function(s){var{children:c,src:i}=s,r=e.__rest(s,["children","src"]);return i&&!c?a.jsx(n,Object.assign({src:i},r)):a.jsx(t,Object.assign({},r,{children:c}))},Object.defineProperty(s,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-f169f6f6","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_Avatar.css","./classNames-77e465af"],function(s,e,a,i,c,r){"use strict";const n=s=>{var{src:i}=s,c=e.__rest(s,["src"]);const n=r.classNames([b.base,b.image]);return a.jsx(l,Object.assign({},c,{children:a.jsx("div",{class:n,style:{backgroundImage:`url(${i})`}})}))},t=s=>{var{children:i,initials:c}=s,n=e.__rest(s,["children","initials"]);const t=[b.base,b.content,c?b.initials:b.icon,!c&&j],d=c||i;return a.jsx(l,Object.assign({},n,{children:a.jsx("div",Object.assign({"aria-hidden":"true",class:r.classNames(t)},{children:d}))}))},l=({background:s="neutral",size:e="md",shape:i="square",children:c,accessibleLabel:n})=>{const t=r.classNames([d.base,`oj-c-avatar-bg-${s}`,`oj-c-avatar-${e}`,"circle"===i&&d.circle]);return n?a.jsx("div",Object.assign({"aria-label":n,role:"img",class:t},{children:c})):a.jsx("div",Object.assign({class:t},{children:c}))},d={base:"_3l6tvf",circle:"ka8x1b"},j="e2rj6j",b={base:"_1hfxiom",content:"_2igphf",image:"avjgiz",initials:"_1qedi4u",icon:"_1jjmye5"};s.Avatar=function(s){var{children:i,src:c}=s,r=e.__rest(s,["children","src"]);return c&&!i?a.jsx(n,Object.assign({src:c},r)):a.jsx(t,Object.assign({},r,{children:i}))},Object.defineProperty(s,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Avatar.js.map

package/amd/UNSAFE_Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Avatar.js","sources":["../../src/UNSAFE_Avatar/Avatar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\ntype Props = {\n  /**\n   * Specifies the source for the image of the avatar.  Will only be displayed if no icon component is specified as a child.  Image will be rendered as a\n   * background image.\n   */\n  src?: string;\n  /**\n   * Specifies the initials of the avatar.  Will only be displayed if both the src attribute and the child icon component are not specified.\n   */\n  initials?: string;\n  /**\n   * Specifies the background of the avatar.\n   */\n  background?:\n    | 'neutral'\n    | 'orange'\n    | 'green'\n    | 'teal'\n    | 'blue'\n    | 'slate'\n    | 'pink'\n    | 'purple'\n    | 'lilac'\n    | 'gray';\n\n  /**\n   * Specifies the size of the avatar.\n   */\n  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\n  /**\n   * Specifies the shape of the avatar. Can be square or circle.  The default value of this\n   * property varies by theme.\n   */\n  shape?: 'square' | 'circle';\n  /**\n   * AccessibleLabel does not need to be set if associated information is available to assistive technologies elsewhere on the page,\n   * for example if a person's name is shown next to the avatar.\n   * Otherwise accessibleLabel must be set to make the page accessible.\n   *\n   *  If accessibleLabel  is set, role will internally be set to 'img'.\n   */\n  accessibleLabel?: string;\n} & IntrinsicProps;\n\n/**\n * An avatar represents a person or entity as initials or an image.\n */\nexport function Avatar({ children, src, ...otherProps }: Props) {\n  if (src && !children) {\n    return <ImageAvatar src={src} {...otherProps}></ImageAvatar>;\n  } else {\n    return <ContentAvatar {...otherProps}>{children}</ContentAvatar>;\n  }\n}\n\nconst ImageAvatar = ({ src, ...otherProps }: Props) => {\n  const classes = classNames([contentStyles.base, contentStyles.image]);\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div class={classes} style={{ backgroundImage: `url(${src})` }}></div>\n    </AvatarWrapper>\n  );\n};\n\nconst ContentAvatar = ({ children, initials, ...otherProps }: Props) => {\n  const classes = [\n    contentStyles.base,\n    contentStyles.content,\n    initials ? contentStyles.initials : contentStyles.icon,\n    !initials && childrenStyles\n  ];\n\n  const childContent = initials || children;\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div aria-hidden=\"true\" class={classNames(classes)}>\n        {childContent}\n      </div>\n    </AvatarWrapper>\n  );\n};\n\nconst AvatarWrapper = ({\n  background = 'neutral',\n  size = 'md',\n  shape = 'square',\n  children,\n  accessibleLabel\n}: Props) => {\n  const classes = classNames([\n    styles.base,\n    `oj-c-avatar-bg-${background}`,\n    `oj-c-avatar-${size}`,\n    shape === 'circle' && styles.circle\n  ]);\n  if (accessibleLabel) {\n    return (\n      <div aria-label={accessibleLabel} role=\"img\" class={classes}>\n        {children}\n      </div>\n    );\n  } else {\n    return <div class={classes}>{children}</div>;\n  }\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'inline-grid',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size)'\n  }}`,\n\n  circle: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius': '50%'\n  }}`\n};\n\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\nconst contentStyles = {\n  base: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius)',\n    alignSelf: 'stretch',\n    alignItems: 'center',\n    justifyContent: 'center',\n    display: 'flex',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    gridRowStart: '1',\n    gridColumnStart: '1',\n    gridRowEnd: '2',\n    gridColumnEnd: '2',\n    backgroundPosition: 'center center',\n    overflowX: 'hidden',\n    overflowY: 'hidden'\n  }}`,\n  content: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color)',\n    backgroundSize: '196px 196px',\n    backgroundImage: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern)'\n  }}`,\n  image: cssProps`${{\n    backgroundSize: 'cover'\n  }}`,\n  initials: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight)'\n  }}`,\n  icon: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size)'\n  }}`\n};\n"],"names":["ImageAvatar","_a","src","otherProps","__rest","classes","classNames","contentStyles","base","image","ContentAvatar","content","childContent","initials","children","AvatarWrapper","background","size","shape","accessibleLabel","styles","circle","_jsx","Object","assign","role","class","childrenStyles"],"mappings":"gKAoEA,MAAAA,EAAAC,IAAqB,IAAAC,IAAAA,GAAAD,EAAAE,EAAAC,EAAAA,OAAAH,EAAA,CAAA,QACnB,MAAAI,EAAAC,EAAAA,WAAA,CAAAC,EAAAC,KAAAD,EAAAE,mHAQFC,EAAAT,uEACE,MAAAI,EAAA,CACEE,EAAAC,KACAD,EAAAI,mCAKFC,EAAAC,GAAAC,wIAUFC,EAAA,EAAAC,WAAAA,EAAA,UAAAC,KAAAA,EAAA,KAAAC,MAAAA,EAAA,SAAAJ,SAAAA,EAAAK,gBAAAA,4BAQIC,EAAAZ,KACA,kBAAAQ,IACA,eAAAC,IACA,WAAAC,GAAAE,EAAAC,SAEF,OAAAF,EACEG,MAAA,MAAAC,OAAAC,OAAA,CAAA,aAAAL,EAAAM,KAAA,MAAAC,MAAArB,GAAA,CAAAS,SAAAA,KAMAQ,MAAA,MAAAC,OAAAC,OAAA,CAAAE,MAAArB,GAAA,CAAAS,SAAAA,MAIJM,EAAA,MAAA,4BAYAO,EAAA,SAUApB,EAAA,MAAA,iBAAA,iBAAA,oBAAA,iCAjFA,SAAAN,4DACE,OAAAC,IAAAY,oCAGEQ,EAAAA,IAAAZ,EAAAa,OAAAC,OAAA,GAAArB,EAAA,CAAAW,SAAAA"}
+{"version":3,"file":"UNSAFE_Avatar.js","sources":["../../src/UNSAFE_Avatar/Avatar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\ntype Props = {\n  /**\n   * Specifies the source for the image of the avatar.  Will only be displayed if no icon component is specified as a child.  Image will be rendered as a\n   * background image.\n   */\n  src?: string;\n  /**\n   * Specifies the initials of the avatar.  Will only be displayed if both the src attribute and the child icon component are not specified.\n   */\n  initials?: string;\n  /**\n   * Specifies the background of the avatar.\n   */\n  background?:\n    | 'neutral'\n    | 'orange'\n    | 'green'\n    | 'teal'\n    | 'blue'\n    | 'slate'\n    | 'pink'\n    | 'purple'\n    | 'lilac'\n    | 'gray';\n\n  /**\n   * Specifies the size of the avatar.\n   */\n  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\n  /**\n   * Specifies the shape of the avatar. Can be square or circle.  The default value of this\n   * property varies by theme.\n   */\n  shape?: 'square' | 'circle';\n  /**\n   * AccessibleLabel does not need to be set if associated information is available to assistive technologies elsewhere on the page,\n   * for example if a person's name is shown next to the avatar.\n   * Otherwise accessibleLabel must be set to make the page accessible.\n   *\n   *  If accessibleLabel  is set, role will internally be set to 'img'.\n   */\n  accessibleLabel?: string;\n} & IntrinsicProps;\n\n/**\n * An avatar represents a person or entity as initials or an image.\n */\nexport function Avatar({ children, src, ...otherProps }: Props) {\n  if (src && !children) {\n    return <ImageAvatar src={src} {...otherProps}></ImageAvatar>;\n  } else {\n    return <ContentAvatar {...otherProps}>{children}</ContentAvatar>;\n  }\n}\n\nconst ImageAvatar = ({ src, ...otherProps }: Props) => {\n  const classes = classNames([contentStyles.base, contentStyles.image]);\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div class={classes} style={{ backgroundImage: `url(${src})` }}></div>\n    </AvatarWrapper>\n  );\n};\n\nconst ContentAvatar = ({ children, initials, ...otherProps }: Props) => {\n  const classes = [\n    contentStyles.base,\n    contentStyles.content,\n    initials ? contentStyles.initials : contentStyles.icon,\n    !initials && childrenStyles\n  ];\n\n  const childContent = initials || children;\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div aria-hidden=\"true\" class={classNames(classes)}>\n        {childContent}\n      </div>\n    </AvatarWrapper>\n  );\n};\n\nconst AvatarWrapper = ({\n  background = 'neutral',\n  size = 'md',\n  shape = 'square',\n  children,\n  accessibleLabel\n}: Props) => {\n  const classes = classNames([\n    styles.base,\n    `oj-c-avatar-bg-${background}`,\n    `oj-c-avatar-${size}`,\n    shape === 'circle' && styles.circle\n  ]);\n  if (accessibleLabel) {\n    return (\n      <div aria-label={accessibleLabel} role=\"img\" class={classes}>\n        {children}\n      </div>\n    );\n  } else {\n    return <div class={classes}>{children}</div>;\n  }\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'inline-grid',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size)'\n  }}`,\n\n  circle: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius': '50%'\n  }}`\n};\n\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\nconst contentStyles = {\n  base: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius)',\n    alignSelf: 'stretch',\n    alignItems: 'center',\n    justifyContent: 'center',\n    display: 'flex',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    gridRowStart: '1',\n    gridColumnStart: '1',\n    gridRowEnd: '2',\n    gridColumnEnd: '2',\n    backgroundPosition: 'center center',\n    overflowX: 'hidden',\n    overflowY: 'hidden'\n  }}`,\n  content: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color)',\n    backgroundSize: '196px 196px',\n    backgroundImage: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern)'\n  }}`,\n  image: cssProps`${{\n    backgroundSize: 'cover'\n  }}`,\n  initials: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight)'\n  }}`,\n  icon: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size)'\n  }}`\n};\n"],"names":["ImageAvatar","_a","src","otherProps","__rest","classes","classNames","contentStyles","base","image","ContentAvatar","content","childContent","initials","children","AvatarWrapper","background","size","shape","accessibleLabel","styles","circle","_jsx","Object","assign","role","class","childrenStyles"],"mappings":"gKAoEA,MAAAA,EAAAC,IAAqB,IAAAC,IAAAA,GAAAD,EAAAE,EAAAC,EAAAA,OAAAH,EAAA,CAAA,QACnB,MAAAI,EAAAC,EAAAA,WAAA,CAAAC,EAAAC,KAAAD,EAAAE,mHAQFC,EAAAT,uEACE,MAAAI,EAAA,CACEE,EAAAC,KACAD,EAAAI,mCAKFC,EAAAC,GAAAC,wIAUFC,EAAA,EAAAC,WAAAA,EAAA,UAAAC,KAAAA,EAAA,KAAAC,MAAAA,EAAA,SAAAJ,SAAAA,EAAAK,gBAAAA,4BAQIC,EAAAZ,KACA,kBAAAQ,IACA,eAAAC,IACA,WAAAC,GAAAE,EAAAC,SAEF,OAAAF,EACEG,MAAA,MAAAC,OAAAC,OAAA,CAAA,aAAAL,EAAAM,KAAA,MAAAC,MAAArB,GAAA,CAAAS,SAAAA,KAMAQ,MAAA,MAAAC,OAAAC,OAAA,CAAAE,MAAArB,GAAA,CAAAS,SAAAA,MAIJM,EAAA,MAAA,2BAYAO,EAAA,SAUApB,EAAA,MAAA,mBAAA,gBAAA,kBAAA,qCAjFA,SAAAN,4DACE,OAAAC,IAAAY,oCAGEQ,EAAAA,IAAAZ,EAAAa,OAAAC,OAAA,GAAArB,EAAA,CAAAW,SAAAA"}

package/amd/UNSAFE_Badge/__tests__/Badge.spec.js

@@ -0,0 +1,2 @@
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../Badge-1c3c4b6e","../../utils/UNSAFE_classNames","../../classNames-77e465af","css!./../../UNSAFE_Badge.css"],function(e,n,t,a,s,i,r){"use strict";describe("Test Badge component",()=>{it("render",async function(){const s=n.render(e.jsx(a.Badge,{children:"Badge"})),i=await s.findByText("Badge");t.expect(i).not.null}),it("variant property success",async function(){const s=n.render(e.jsx(a.Badge,Object.assign({variant:"success"},{children:"Badge"}))).container.firstElementChild.classList;t.expect(s.length).equals(3)}),it("variant property danger",async function(){const s=n.render(e.jsx(a.Badge,Object.assign({variant:"danger"},{children:"Badge"}))).container.firstElementChild.classList;t.expect(s.length).equals(3)}),it("variant property warning",async function(){const s=n.render(e.jsx(a.Badge,Object.assign({variant:"warning"},{children:"Badge"}))).container.firstElementChild.classList;t.expect(s.length).equals(3)}),it("variant property info",async function(){const s=n.render(e.jsx(a.Badge,Object.assign({variant:"info"},{children:"Badge"}))).container.firstElementChild.classList;t.expect(s.length).equals(3)})})});
+//# sourceMappingURL=Badge.spec.js.map

package/amd/UNSAFE_Badge/__tests__/Badge.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.spec.js","sources":["../../../../src/UNSAFE_Badge/__tests__/Badge.spec.tsx"],"sourcesContent":["import { render } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { Badge } from '../Badge';\n\ndescribe('Test Badge component', () => {\n  it('render', async function () {\n    const content = render(<Badge>Badge</Badge>);\n    const initials = await content.findByText('Badge');\n    expect(initials).not.null;\n  });\n\n  it('variant property success', async function () {\n    const content = render(<Badge variant=\"success\">Badge</Badge>);\n    const firstElement = content.container.firstElementChild;\n    // @ts-ignore\n    const classList = firstElement.classList;\n    expect(classList.length).equals(3);\n  });\n\n  it('variant property danger', async function () {\n    const content = render(<Badge variant=\"danger\">Badge</Badge>);\n    const firstElement = content.container.firstElementChild;\n    // @ts-ignore\n    const classList = firstElement.classList;\n    expect(classList.length).equals(3);\n  });\n\n  it('variant property warning', async function () {\n    const content = render(<Badge variant=\"warning\">Badge</Badge>);\n    const firstElement = content.container.firstElementChild;\n    // @ts-ignore\n    const classList = firstElement.classList;\n    expect(classList.length).equals(3);\n  });\n\n  it('variant property info', async function () {\n    const content = render(<Badge variant=\"info\">Badge</Badge>);\n    const firstElement = content.container.firstElementChild;\n    // @ts-ignore\n    const classList = firstElement.classList;\n    expect(classList.length).equals(3);\n  });\n});\n"],"names":["describe","it","async","content","render","_jsx","Badge","children","initials","findByText","expect","not","null","classList","jsx","Object","assign","variant","container","firstElementChild","length","equals"],"mappings":"iMAIAA,SAAS,uBAAwB,KAC/BC,GAAG,SAAUC,iBACX,MAAMC,EAAUC,EAAMA,OAACC,MAACC,EAAAA,MAAK,CAAAC,SAAA,WACvBC,QAAiBL,EAAQM,WAAW,SAC1CC,EAAAA,OAAOF,GAAUG,IAAIC,OAGvBX,GAAG,2BAA4BC,iBAC7B,MAGMW,EAHUT,EAAMA,OAACC,EAACS,IAAAR,EAAKA,MAACS,OAAAC,OAAA,CAAAC,QAAQ,WAAuB,CAAAV,SAAA,YAChCW,UAAUC,kBAERN,UAC/BH,EAAAA,OAAOG,EAAUO,QAAQC,OAAO,KAGlCpB,GAAG,0BAA2BC,iBAC5B,MAGMW,EAHUT,EAAMA,OAACC,EAACS,IAAAR,EAAKA,MAACS,OAAAC,OAAA,CAAAC,QAAQ,UAAsB,CAAAV,SAAA,YAC/BW,UAAUC,kBAERN,UAC/BH,EAAAA,OAAOG,EAAUO,QAAQC,OAAO,KAGlCpB,GAAG,2BAA4BC,iBAC7B,MAGMW,EAHUT,EAAMA,OAACC,EAACS,IAAAR,EAAKA,MAACS,OAAAC,OAAA,CAAAC,QAAQ,WAAuB,CAAAV,SAAA,YAChCW,UAAUC,kBAERN,UAC/BH,EAAAA,OAAOG,EAAUO,QAAQC,OAAO,KAGlCpB,GAAG,wBAAyBC,iBAC1B,MAGMW,EAHUT,EAAMA,OAACC,EAACS,IAAAR,EAAKA,MAACS,OAAAC,OAAA,CAAAC,QAAQ,QAAoB,CAAAV,SAAA,YAC7BW,UAAUC,kBAERN,UAC/BH,EAAAA,OAAOG,EAAUO,QAAQC,OAAO"}

package/amd/UNSAFE_Badge.css

@@ -1,13 +1,13 @@
-._10s1pk8{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-badge-text-color);display:inline-block;padding-top:0;padding-bottom:0;padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding);box-sizing:border-box;border-top-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-top-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-bottom-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-bottom-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);height:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);min-width:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-weight);font-stretch:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-stretch);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;vertical-align:middle;}
-.x0oznk{border-top-right-radius:0;border-bottom-right-radius:0;}
-.ptslhn{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast);}
-._9gcb4m{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast);}
-.t2v347{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-contrast);}
-._12p3f9t{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-contrast);}
-._125ek4o{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast);}
-.ypl5ru{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-contrast);}
-._18ofa7{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-contrast);}
-.pfoj8a{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-contrast);}
-._1f5cr4s{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-contrast);}
-.b0zhkj{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info--secondarycontrast);}
-.ht1o98 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1d383pp{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-badge-text-color);display:inline-block;padding-top:0;padding-bottom:0;padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding);box-sizing:border-box;border-top-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-top-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-bottom-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-bottom-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);height:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);min-width:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-weight);font-stretch:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-stretch);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;vertical-align:middle;}
+.wfu873{border-top-right-radius:0;border-bottom-right-radius:0;}
+._1kdfmcy{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast);}
+.ju7td4{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast);}
+.nwc06o{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-contrast);}
+._185yk4i{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-contrast);}
+.fvqfn9{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast);}
+._10jivgv{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-contrast);}
+._8b33m6{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-contrast);}
+.mzpm0x{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-contrast);}
+._61gv8m{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-contrast);}
+._9rscwv{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info--secondarycontrast);}
+.q448yo > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/amd/UNSAFE_Badge.js

@@ -1,2 +1,2 @@
-define(["exports","./Badge-ca074748","preact/jsx-runtime","./utils/UNSAFE_classNames","./classNames-efacaca1","css!./UNSAFE_Badge.css"],function(e,a,s,c,t,i){"use strict";e.Badge=a.Badge,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Badge-1c3c4b6e","preact/jsx-runtime","./utils/UNSAFE_classNames","./classNames-77e465af","css!./UNSAFE_Badge.css"],function(e,a,s,t,c,i){"use strict";e.Badge=a.Badge,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Badge.js.map

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

@@ -0,0 +1,2 @@
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../BaseButton-cc1e314c","../../hooks/UNSAFE_useTabbableMode","../../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_BaseButton.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","../../utils/UNSAFE_mergeProps","preact"],function(e,t,n,s,o,i,a,c,r,l,u,d,b,x,j,f,B,h,y,p,g,A,v,S,E,T,m){"use strict";afterEach(t.cleanup),describe("Test BaseButton component",()=>{it("render",async function(){const o=t.render(e.jsx(s.BaseButton,{children:"Press Me"})),i=await o.findByText("Press Me");n.expect(i).not.null}),it("click",async function(){let o=0;const i=t.render(e.jsxs("div",{children:[e.jsx(s.BaseButton,Object.assign({onAction:()=>{o++}},{children:"Press Me"})),e.jsx("span",{children:o})]})),a=await i.findByText("Press Me");n.expect(a).not.null,t.fireEvent.click(a),n.expect(o).to.equal(1)}),it("ENTER",async function(){let o=0;const i=t.render(e.jsxs("div",{children:[e.jsx(s.BaseButton,Object.assign({onAction:()=>{o++}},{children:"Press Me"})),e.jsx("span",{children:o})]})),a=await i.findByText("Press Me");n.expect(a).not.null,t.fireEvent.keyUp(a,{code:"Enter",key:"Enter",keyCode:13,charCode:13}),n.expect(o).to.equal(1)}),it("Space",async function(){let o=0;const i=t.render(e.jsxs("div",{children:[e.jsx(s.BaseButton,Object.assign({onAction:()=>{o++}},{children:"Press Me"})),e.jsx("span",{children:o})]})),a=await i.findByText("Press Me");n.expect(a).not.null,t.fireEvent.keyUp(a,{code:"Space",key:"Space",keyCode:32,charcode:32}),n.expect(o).to.equal(1)}),it("variant borderless",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({variant:"borderless"},{children:"button"}))).container.querySelector(".oj-c-base-button-borderless");n.expect(o,"borderless button found").not.null}),it("variant callToAction",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({variant:"callToAction"},{children:"button"}))).container.querySelector(".oj-c-base-button-callToAction");n.expect(o,"callToAction button found").not.null}),it("variant danger",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({variant:"danger"},{children:"button"}))).container.querySelector(".oj-c-base-button-danger");n.expect(o,"danger button found").not.null}),it("variant outlined",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({variant:"outlined"},{children:"button"}))).container.querySelector(".oj-c-base-button-outlined");n.expect(o,"outlined button found").not.null}),it("variant solid",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({variant:"solid"},{children:"button"}))).container.querySelector(".oj-c-base-button-solid");n.expect(o,"solid button found").not.null}),it("variant ghost",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({variant:"ghost"},{children:"button"}))).container.querySelector(".oj-c-base-button-ghost");n.expect(o,"ghost button found").not.null}),it("tabindex default ",async()=>{const o=t.render(e.jsx(s.BaseButton,{children:"button"})).container.firstElementChild;if(o){const e=o.getAttribute("tabindex");n.expect(e).to.equal("0")}}),it("size default ",async()=>{const o=t.render(e.jsx(s.BaseButton,{children:"button"})).container.querySelector(".oj-c-base-button-md");n.expect(o,"default size button found").not.null}),it("size sm ",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({size:"sm"},{children:"button"}))).container.querySelector(".oj-c-base-button-sm");n.expect(o,"sm size button found").not.null}),it("size md ",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({size:"md"},{children:"button"}))).container.querySelector(".oj-c-base-button-md");n.expect(o,"md size button found").not.null}),it("size lg ",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({size:"lg"},{children:"button"}))).container.querySelector(".oj-c-base-button-lg");n.expect(o,"lg size button found").not.null}),it("disabled default",async()=>{const o=t.render(e.jsx(s.BaseButton,{children:"button"})).container.firstElementChild;if(o){const e=o.getAttribute("disabled");n.expect(e).null}}),it("disabled",async()=>{const o=t.render(e.jsx(s.BaseButton,Object.assign({isDisabled:!0},{children:"button"}))).container.firstElementChild;if(o){const e=o.getAttribute("disabled"),t=o.getAttribute("tabindex");n.expect(t).to.equal("-1"),n.expect(e).not.null}}),it("with TabbableModeContext isTabbable=true",async()=>{const i=t.render(e.jsx(o.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!0}},{children:e.jsx(s.BaseButton,{children:"button"})}))),a=(await i.findByText("button")).getAttribute("tabindex");n.expect(a).to.equal("0")}),it("with TabbableModeContext isTabbable=false",async()=>{const i=t.render(e.jsx(o.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!1}},{children:e.jsx(s.BaseButton,{children:"button"})}))),a=(await i.findByText("button")).getAttribute("tabindex");n.expect(a).to.equal("-1")})})});
+//# sourceMappingURL=BaseButton.spec.js.map

package/amd/UNSAFE_BaseButton/__tests__/BaseButton.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.spec.js","sources":["../../../../src/UNSAFE_BaseButton/__tests__/BaseButton.spec.tsx"],"sourcesContent":["import { cleanup, fireEvent, render } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { BaseButton } from '../BaseButton';\nimport { TabbableModeContext } from '../../hooks/UNSAFE_useTabbableMode';\n\nafterEach(cleanup);\n\ndescribe('Test BaseButton component', () => {\n  it('render', async function () {\n    const content = render(<BaseButton>Press Me</BaseButton>);\n    const label = await content.findByText('Press Me');\n    expect(label).not.null;\n  });\n\n  it('click', async function () {\n    let count = 0;\n    const increment = () => {\n      count++;\n    };\n    const content = render(\n      <div>\n        <BaseButton onAction={increment}>Press Me</BaseButton>\n        <span>{count}</span>\n      </div>\n    );\n    const button = await content.findByText('Press Me');\n    expect(button).not.null;\n    fireEvent.click(button);\n    expect(count).to.equal(1);\n  });\n\n  it('ENTER', async function () {\n    let count = 0;\n    const increment = () => {\n      count++;\n    };\n    const content = render(\n      <div>\n        <BaseButton onAction={increment}>Press Me</BaseButton>\n        <span>{count}</span>\n      </div>\n    );\n    const button = await content.findByText('Press Me');\n    expect(button).not.null;\n    //    fireEvent.keyDown(button, { code: 'Enter', key: 'Enter', keyCode: 13, charCode: 13 });\n    fireEvent.keyUp(button, { code: 'Enter', key: 'Enter', keyCode: 13, charCode: 13 });\n    expect(count).to.equal(1);\n  });\n\n  it('Space', async function () {\n    let count = 0;\n    const increment = () => {\n      count++;\n    };\n    const content = render(\n      <div>\n        <BaseButton onAction={increment}>Press Me</BaseButton>\n        <span>{count}</span>\n      </div>\n    );\n    const button = await content.findByText('Press Me');\n    expect(button).not.null;\n    //   fireEvent.keyDown(button, { code: 'Space', key: 'Space', keyCode: 32, charcode: 32 });\n    fireEvent.keyUp(button, { code: 'Space', key: 'Space', keyCode: 32, charcode: 32 });\n    expect(count).to.equal(1);\n  });\n\n  it('variant borderless', async () => {\n    const content = render(<BaseButton variant=\"borderless\">button</BaseButton>);\n    const button = content.container.querySelector('.oj-c-base-button-borderless');\n    expect(button, 'borderless button found').not.null;\n  });\n\n  it('variant callToAction', async () => {\n    const content = render(<BaseButton variant=\"callToAction\">button</BaseButton>);\n    const button = content.container.querySelector('.oj-c-base-button-callToAction');\n    expect(button, 'callToAction button found').not.null;\n  });\n\n  it('variant danger', async () => {\n    const content = render(<BaseButton variant=\"danger\">button</BaseButton>);\n    const button = content.container.querySelector('.oj-c-base-button-danger');\n    expect(button, 'danger button found').not.null;\n  });\n\n  it('variant outlined', async () => {\n    const content = render(<BaseButton variant=\"outlined\">button</BaseButton>);\n    const button = content.container.querySelector('.oj-c-base-button-outlined');\n    expect(button, 'outlined button found').not.null;\n  });\n\n  it('variant solid', async () => {\n    const content = render(<BaseButton variant=\"solid\">button</BaseButton>);\n    const button = content.container.querySelector('.oj-c-base-button-solid');\n    expect(button, 'solid button found').not.null;\n  });\n\n  it('variant ghost', async () => {\n    const content = render(<BaseButton variant=\"ghost\">button</BaseButton>);\n    const button = content.container.querySelector('.oj-c-base-button-ghost');\n    expect(button, 'ghost button found').not.null;\n  });\n\n  it('tabindex default ', async () => {\n    const content = render(<BaseButton>button</BaseButton>);\n    const button = content.container.firstElementChild;\n    if (button) {\n      const tabindex = button.getAttribute('tabindex');\n      expect(tabindex).to.equal('0');\n    }\n  });\n\n  it('size default ', async () => {\n    const content = render(<BaseButton>button</BaseButton>);\n    const button = content.container.querySelector('.oj-c-base-button-md');\n    expect(button, 'default size button found').not.null;\n  });\n\n  it('size sm ', async () => {\n    const content = render(<BaseButton size=\"sm\">button</BaseButton>);\n    const button = content.container.querySelector('.oj-c-base-button-sm');\n    expect(button, 'sm size button found').not.null;\n  });\n\n  it('size md ', async () => {\n    const content = render(<BaseButton size=\"md\">button</BaseButton>);\n    const button = content.container.querySelector('.oj-c-base-button-md');\n    expect(button, 'md size button found').not.null;\n  });\n\n  it('size lg ', async () => {\n    const content = render(<BaseButton size=\"lg\">button</BaseButton>);\n    const button = content.container.querySelector('.oj-c-base-button-lg');\n    expect(button, 'lg size button found').not.null;\n  });\n\n  it('disabled default', async () => {\n    const content = render(<BaseButton>button</BaseButton>);\n    const button = content.container.firstElementChild;\n    if (button) {\n      const disabled = button.getAttribute('disabled');\n      expect(disabled).null;\n    }\n  });\n\n  it('disabled', async () => {\n    const content = render(<BaseButton isDisabled={true}>button</BaseButton>);\n    const button = content.container.firstElementChild;\n    if (button) {\n      const disabled = button.getAttribute('disabled');\n      const tabindex = button.getAttribute('tabindex');\n      expect(tabindex).to.equal('-1');\n      expect(disabled).not.null;\n    }\n  });\n\n  it('with TabbableModeContext isTabbable=true', async () => {\n    const content = render(\n      <TabbableModeContext.Provider value={{ isTabbable: true }}>\n        <BaseButton>button</BaseButton>\n      </TabbableModeContext.Provider>\n    );\n    const button = await content.findByText('button');\n    const tabindex = button.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        <BaseButton>button</BaseButton>\n      </TabbableModeContext.Provider>\n    );\n    const button = await content.findByText('button');\n    const tabindex = button.getAttribute('tabindex');\n    expect(tabindex).to.equal('-1');\n  });\n});\n"],"names":["afterEach","cleanup","describe","it","async","content","render","_jsx","BaseButton","children","label","findByText","expect","not","null","count","_jsxs","jsxs","Object","assign","onAction","jsx","button","fireEvent","click","to","equal","keyUp","code","key","keyCode","charCode","charcode","variant","container","querySelector","firstElementChild","tabindex","getAttribute","size","disabled","isDisabled","TabbableModeContext","Provider","value","isTabbable"],"mappings":"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"}

package/amd/UNSAFE_BaseButton.css

@@ -1,15 +1,15 @@
-.vrkz8b{align-items:center;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);display:inline-block;font-family:inherit;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);justify-content:center;min-width:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);overflow-x:hidden;overflow-y:hidden;padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);padding-top:0;padding-bottom:0;pointer-events:auto;text-overflow:ellipsis;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0);white-space:nowrap;}.vrkz8b:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active);}.vrkz8b:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-.x3b8x4:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}
-.mmnmrz{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active);}
-@media(hover:hover){._1ysauoz:hover:enabled:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}}
-@media(hover:hover){.v2120o:hover:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}}
-.ll51xt{box-sizing:border-box;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);}
-._1hkx5yy{padding-inline-start:0;padding-inline-end:0;}
-._19catix{width:100%;}
-._9l1csf{background-color:transparent;border-style:hidden;cursor:none;display:flex;}._9l1csf:active{background-color:transparent;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);}
-.kzsj3j{height:100%;display:flex;}.kzsj3j:focus-visible{outline-style:none;}
-._2tfcf0{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0px;}
-.bygnbv{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:0px;}
-.aewkdi{pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled);}
-.nffy9c{border-left-width:0;border-right-width:0;border-block-end-width:0;width:100%;border-top-left-radius:0;border-top-right-radius:0;}
-._1q2lfmw > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1kroqf0{align-items:center;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);display:inline-block;font-family:inherit;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);justify-content:center;min-width:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);overflow-x:hidden;overflow-y:hidden;padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);padding-top:0;padding-bottom:0;pointer-events:auto;text-overflow:ellipsis;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0);white-space:nowrap;}._1kroqf0:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active);}._1kroqf0:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+._1gjyl5h:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}
+.jjfmyo{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active);}
+@media(hover:hover){.yhh59l:hover:enabled:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}}
+@media(hover:hover){.gwtu4b:hover:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}}
+.ss2pk2{box-sizing:border-box;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);}
+.cutrt2{padding-inline-start:0;padding-inline-end:0;}
+._3fzhwq{width:100%;}
+.e2idh9{background-color:transparent;border-style:hidden;cursor:none;display:flex;}.e2idh9:active{background-color:transparent;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);}
+.sgc3bb{height:100%;display:flex;}.sgc3bb:focus-visible{outline-style:none;}
+.g8op07{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0px;}
+.rww4w0{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:0px;}
+.dmlar6{pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled);}
+._1l6oqsz{border-left-width:0;border-right-width:0;border-block-end-width:0;width:100%;border-top-left-radius:0;border-top-right-radius:0;}
+._197s62s > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/amd/UNSAFE_BaseButton.js

@@ -1,2 +1,2 @@
-define(["exports","./BaseButton-3dd95cea","./tslib.es6-0620c488","preact/jsx-runtime","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-efacaca1","preact/compat","css!./UNSAFE_BaseButton.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(s,e,t,a,o,i,r,c,u,l,n,_,A,N,E,U,f,F,S,p,d,h,m,b,k,B){"use strict";s.BaseButton=e.BaseButton,Object.defineProperty(s,"__esModule",{value:!0})});
+define(["exports","./BaseButton-cc1e314c","./tslib.es6-f169f6f6","preact/jsx-runtime","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-77e465af","preact/compat","css!./UNSAFE_BaseButton.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,s,t,o,i,r,a,u,c,l,n,_,f,A,N,E,U,F,S,p,h,m,b,d,k,B){"use strict";e.BaseButton=s.BaseButton,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_BaseButton.js.map

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

@@ -0,0 +1,2 @@
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../Button-95c272b3","../../hooks/UNSAFE_useTabbableMode","../../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","../../utils/UNSAFE_mergeProps","preact"],function(t,e,n,o,s,l,a,c,i,r,u,d,b,x,p,y,f,j,B,h,S,I,E,q,A,g,T,v,m){"use strict";afterEach(e.cleanup),describe("Test Button component",()=>{it("render",async function(){const s=e.render(t.jsx(o.Button,{label:"Press Me"})),l=await s.findByText("Press Me");n.expect(l).not.null}),it("if both label and title exist, it should show title as tooltip",async()=>{const s=e.render(t.jsx(o.Button,{display:"icons",label:"label",title:"title"})).container.firstElementChild;if(n.expect(s).to.not.be.null,s){const t=s.getAttribute("title");n.expect(t).to.equal("title")}}),it("no default tooltip",async()=>{const s=e.render(t.jsx(o.Button,{label:"label"})).container.firstElementChild;if(n.expect(s).to.not.be.null,s){const t=s.getAttribute("title");n.expect(t).to.equal(null)}}),it("if accessibleLabel exist, it should show as tooltip",async()=>{const s=e.render(t.jsx(o.Button,{display:"icons",accessibleLabel:"alabel",label:"button"})).container.firstElementChild;if(n.expect(s).to.not.be.null,s){const t=s.getAttribute("title");n.expect(t).to.equal("alabel")}}),it("click",async function(){let s=0;const l=e.render(t.jsxs("div",{children:[t.jsx(o.Button,{label:"Press Me",onAction:()=>{s++}}),t.jsx("span",{children:s})]})),a=await l.findByText("Press Me");n.expect(a).not.null,e.fireEvent.click(a),n.expect(s).to.equal(1)}),it("ENTER",async function(){let s=0;const l=e.render(t.jsxs("div",{children:[t.jsx(o.Button,{label:"Press Me",onAction:()=>{s++}}),t.jsx("span",{children:s})]})),a=await l.findByText("Press Me");n.expect(a).not.null,e.fireEvent.keyDown(a,{code:"Enter",key:"Enter",keyCode:13,charCode:13}),e.fireEvent.keyUp(a,{code:"Enter",key:"Enter",keyCode:13,charCode:13}),n.expect(s).to.equal(1)}),it("Space",async function(){let s=0;const l=e.render(t.jsxs("div",{children:[t.jsx(o.Button,{label:"Press Me",onAction:()=>{s++}}),t.jsx("span",{children:s})]})),a=await l.findByText("Press Me");n.expect(a).not.null,e.fireEvent.keyDown(a,{code:"Space",key:"Space",keyCode:32,charcode:32}),e.fireEvent.keyUp(a,{code:"Space",key:"Space",keyCode:32,charcode:32}),n.expect(s).to.equal(1)}),it("variant borderless",async()=>{const s=e.render(t.jsx(o.Button,{variant:"borderless",label:"button"})).container.querySelector(".oj-c-base-button-borderless");n.expect(s,"borderless button found").not.null}),it("variant callToAction",async()=>{const s=e.render(t.jsx(o.Button,{variant:"callToAction",label:"button"})).container.querySelector(".oj-c-base-button-callToAction");n.expect(s,"callToAction button found").not.null}),it("variant danger",async()=>{const s=e.render(t.jsx(o.Button,{variant:"danger",label:"button"})).container.querySelector(".oj-c-base-button-danger");n.expect(s,"danger button found").not.null}),it("variant outlined",async()=>{const s=e.render(t.jsx(o.Button,{variant:"outlined",label:"button"})).container.querySelector(".oj-c-base-button-outlined");n.expect(s,"outlined button found").not.null}),it("variant solid",async()=>{const s=e.render(t.jsx(o.Button,{variant:"solid",label:"button"})).container.querySelector(".oj-c-base-button-solid");n.expect(s,"solid button found").not.null}),it("variant ghost",async()=>{const s=e.render(t.jsx(o.Button,{variant:"ghost",label:"button"})).container.querySelector(".oj-c-base-button-ghost");n.expect(s,"ghost button found").not.null}),it("tabindex default ",async()=>{const s=e.render(t.jsx(o.Button,{label:"button"})).container.firstElementChild;if(s){const t=s.getAttribute("tabindex");n.expect(t).to.equal("0")}}),it("size default ",async()=>{const s=e.render(t.jsx(o.Button,{label:"button"})).container.querySelector(".oj-c-base-button-md");n.expect(s,"default size button found").not.null}),it("size sm ",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",size:"sm"})).container.querySelector(".oj-c-base-button-sm");n.expect(s,"sm size button found").not.null}),it("size md ",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",size:"md"})).container.querySelector(".oj-c-base-button-md");n.expect(s,"md size button found").not.null}),it("size lg ",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",size:"lg"})).container.querySelector(".oj-c-base-button-lg");n.expect(s,"lg size button found").not.null}),it("disabled default",async()=>{const s=e.render(t.jsx(o.Button,{label:"button"})).container.firstElementChild;if(s){const t=s.getAttribute("disabled");n.expect(t).null}}),it("disabled",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",isDisabled:!0})).container.firstElementChild;if(s){const t=s.getAttribute("disabled"),e=s.getAttribute("tabindex");n.expect(e).to.equal("-1"),n.expect(t).not.null}}),it("display default",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",startIcon:t.jsx("span",{class:"startIcon"}),endIcon:t.jsx("span",{class:"endIcon"})})),l=s.container.querySelector(".startIcon"),a=s.container.querySelector(".endIcon");n.expect(l).not.null,n.expect(a).not.null}),it("display default",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",startIcon:t.jsx("span",{class:"startIcon"}),endIcon:t.jsx("span",{class:"endIcon"})})),l=await s.findByText("button"),a=s.container.querySelector(".startIcon"),c=s.container.querySelector(".endIcon");n.expect(l).not.null,n.expect(a).not.null,n.expect(c).not.null}),it("display all",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",display:"all",startIcon:t.jsx("span",{class:"startIcon"}),endIcon:t.jsx("span",{class:"endIcon"})})),l=await s.findByText("button"),a=s.container.querySelector(".startIcon"),c=s.container.querySelector(".endIcon");n.expect(l).not.null,n.expect(a).not.null,n.expect(c).not.null}),it("display icons",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",display:"icons",startIcon:t.jsx("span",{class:"startIcon"}),endIcon:t.jsx("span",{class:"endIcon"})})),l=s.findByText("button"),a=s.container.querySelector(".startIcon"),c=s.container.querySelector(".endIcon");n.expect(0===Object.keys(l).length).to.be.true,n.expect(a).not.null,n.expect(c).not.null}),it("display text",async()=>{const s=e.render(t.jsx(o.Button,{label:"button",display:"label",startIcon:t.jsx("span",{class:"startIcon"}),endIcon:t.jsx("span",{class:"endIcon"})})),l=await s.findByText("button"),a=s.container.querySelector(".startIcon"),c=s.container.querySelector(".endIcon");n.expect(l).not.null,n.expect(a).null,n.expect(c).null}),it("with TabbableModeContext isTabbable=true",async()=>{const l=e.render(t.jsx(s.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!0}},{children:t.jsx(o.Button,{label:"button"})}))),a=(await l.findByText("button")).getAttribute("tabindex");n.expect(a).to.equal("0")}),it("with TabbableModeContext isTabbable=false",async()=>{const l=e.render(t.jsx(s.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!1}},{children:t.jsx(o.Button,{label:"button"})}))),a=(await l.findByText("button")).getAttribute("tabindex");n.expect(a).to.equal("-1")})})});
+//# sourceMappingURL=Button.spec.js.map

package/amd/UNSAFE_Button/__tests__/Button.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.spec.js","sources":["../../../../src/UNSAFE_Button/__tests__/Button.spec.tsx"],"sourcesContent":["import { cleanup, fireEvent, render } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { Button } from '../Button';\nimport { TabbableModeContext } from '../../hooks/UNSAFE_useTabbableMode';\n\nafterEach(cleanup);\n\ndescribe('Test Button component', () => {\n  it('render', async function () {\n    const content = render(<Button label=\"Press Me\"></Button>);\n    const label = await content.findByText('Press Me');\n    expect(label).not.null;\n  });\n\n  it('if both label and title exist, it should show title as tooltip', async () => {\n    const content = render(<Button display=\"icons\" label=\"label\" title=\"title\"></Button>);\n    const button = content.container.firstElementChild;\n    expect(button).to.not.be.null;\n    if (button) {\n      const tooltipText = button.getAttribute('title');\n      expect(tooltipText).to.equal('title');\n    }\n  });\n\n  it('no default tooltip', async () => {\n    const content = render(<Button label=\"label\"></Button>);\n    const button = content.container.firstElementChild;\n    expect(button).to.not.be.null;\n    if (button) {\n      const tooltipText = button.getAttribute('title');\n      expect(tooltipText).to.equal(null);\n    }\n  });\n\n  it('if accessibleLabel exist, it should show as tooltip', async () => {\n    const content = render(\n      <Button display=\"icons\" accessibleLabel=\"alabel\" label=\"button\"></Button>\n    );\n    const button = content.container.firstElementChild;\n    expect(button).to.not.be.null;\n    if (button) {\n      const tooltipText = button.getAttribute('title');\n      expect(tooltipText).to.equal('alabel');\n    }\n  });\n\n  it('click', async function () {\n    let count = 0;\n    const increment = () => {\n      count++;\n    };\n    const content = render(\n      <div>\n        <Button label=\"Press Me\" onAction={increment}></Button>\n        <span>{count}</span>\n      </div>\n    );\n    const button = await content.findByText('Press Me');\n    expect(button).not.null;\n    fireEvent.click(button);\n    expect(count).to.equal(1);\n  });\n\n  it('ENTER', async function () {\n    let count = 0;\n    const increment = () => {\n      count++;\n    };\n    const content = render(\n      <div>\n        <Button label=\"Press Me\" onAction={increment}></Button>\n        <span>{count}</span>\n      </div>\n    );\n    const button = await content.findByText('Press Me');\n    expect(button).not.null;\n    fireEvent.keyDown(button, { code: 'Enter', key: 'Enter', keyCode: 13, charCode: 13 });\n    fireEvent.keyUp(button, { code: 'Enter', key: 'Enter', keyCode: 13, charCode: 13 });\n    expect(count).to.equal(1);\n  });\n\n  it('Space', async function () {\n    let count = 0;\n    const increment = () => {\n      count++;\n    };\n    const content = render(\n      <div>\n        <Button label=\"Press Me\" onAction={increment}></Button>\n        <span>{count}</span>\n      </div>\n    );\n    const button = await content.findByText('Press Me');\n    expect(button).not.null;\n    fireEvent.keyDown(button, { code: 'Space', key: 'Space', keyCode: 32, charcode: 32 });\n    fireEvent.keyUp(button, { code: 'Space', key: 'Space', keyCode: 32, charcode: 32 });\n    expect(count).to.equal(1);\n  });\n\n  it('variant borderless', async () => {\n    const content = render(<Button variant=\"borderless\" label=\"button\"></Button>);\n    const button = content.container.querySelector('.oj-c-base-button-borderless');\n    expect(button, 'borderless button found').not.null;\n  });\n\n  it('variant callToAction', async () => {\n    const content = render(<Button variant=\"callToAction\" label=\"button\"></Button>);\n    const button = content.container.querySelector('.oj-c-base-button-callToAction');\n    expect(button, 'callToAction button found').not.null;\n  });\n\n  it('variant danger', async () => {\n    const content = render(<Button variant=\"danger\" label=\"button\"></Button>);\n    const button = content.container.querySelector('.oj-c-base-button-danger');\n    expect(button, 'danger button found').not.null;\n  });\n\n  it('variant outlined', async () => {\n    const content = render(<Button variant=\"outlined\" label=\"button\"></Button>);\n    const button = content.container.querySelector('.oj-c-base-button-outlined');\n    expect(button, 'outlined button found').not.null;\n  });\n\n  it('variant solid', async () => {\n    const content = render(<Button variant=\"solid\" label=\"button\"></Button>);\n    const button = content.container.querySelector('.oj-c-base-button-solid');\n    expect(button, 'solid button found').not.null;\n  });\n\n  it('variant ghost', async () => {\n    const content = render(<Button variant=\"ghost\" label=\"button\"></Button>);\n    const button = content.container.querySelector('.oj-c-base-button-ghost');\n    expect(button, 'ghost button found').not.null;\n  });\n\n  it('tabindex default ', async () => {\n    const content = render(<Button label=\"button\"></Button>);\n    const button = content.container.firstElementChild;\n    if (button) {\n      const tabindex = button.getAttribute('tabindex');\n      expect(tabindex).to.equal('0');\n    }\n  });\n\n  it('size default ', async () => {\n    const content = render(<Button label=\"button\"></Button>);\n    const button = content.container.querySelector('.oj-c-base-button-md');\n    expect(button, 'default size button found').not.null;\n  });\n\n  it('size sm ', async () => {\n    const content = render(<Button label=\"button\" size=\"sm\"></Button>);\n    const button = content.container.querySelector('.oj-c-base-button-sm');\n    expect(button, 'sm size button found').not.null;\n  });\n\n  it('size md ', async () => {\n    const content = render(<Button label=\"button\" size=\"md\"></Button>);\n    const button = content.container.querySelector('.oj-c-base-button-md');\n    expect(button, 'md size button found').not.null;\n  });\n\n  it('size lg ', async () => {\n    const content = render(<Button label=\"button\" size=\"lg\"></Button>);\n    const button = content.container.querySelector('.oj-c-base-button-lg');\n    expect(button, 'lg size button found').not.null;\n  });\n\n  it('disabled default', async () => {\n    const content = render(<Button label=\"button\"></Button>);\n    const button = content.container.firstElementChild;\n    if (button) {\n      const disabled = button.getAttribute('disabled');\n      expect(disabled).null;\n    }\n  });\n\n  it('disabled', async () => {\n    const content = render(<Button label=\"button\" isDisabled={true}></Button>);\n    const button = content.container.firstElementChild;\n    if (button) {\n      const disabled = button.getAttribute('disabled');\n      const tabindex = button.getAttribute('tabindex');\n      expect(tabindex).to.equal('-1');\n      expect(disabled).not.null;\n    }\n  });\n\n  it('display default', async () => {\n    const content = render(\n      <Button\n        label=\"button\"\n        startIcon={<span class=\"startIcon\"></span>}\n        endIcon={<span class=\"endIcon\"></span>}></Button>\n    );\n    const startIcon = content.container.querySelector('.startIcon');\n    const endIcon = content.container.querySelector('.endIcon');\n    expect(startIcon).not.null;\n    expect(endIcon).not.null;\n  });\n\n  it('display default', async () => {\n    const content = render(\n      <Button\n        label=\"button\"\n        startIcon={<span class=\"startIcon\"></span>}\n        endIcon={<span class=\"endIcon\"></span>}></Button>\n    );\n    const label = await content.findByText('button');\n    const startIcon = content.container.querySelector('.startIcon');\n    const endIcon = content.container.querySelector('.endIcon');\n    expect(label).not.null;\n    expect(startIcon).not.null;\n    expect(endIcon).not.null;\n  });\n\n  it('display all', async () => {\n    const content = render(\n      <Button\n        label=\"button\"\n        display=\"all\"\n        startIcon={<span class=\"startIcon\"></span>}\n        endIcon={<span class=\"endIcon\"></span>}></Button>\n    );\n    const label = await content.findByText('button');\n    const startIcon = content.container.querySelector('.startIcon');\n    const endIcon = content.container.querySelector('.endIcon');\n    expect(label).not.null;\n    expect(startIcon).not.null;\n    expect(endIcon).not.null;\n  });\n\n  it('display icons', async () => {\n    const content = render(\n      <Button\n        label=\"button\"\n        display=\"icons\"\n        startIcon={<span class=\"startIcon\"></span>}\n        endIcon={<span class=\"endIcon\"></span>}></Button>\n    );\n    const label = content.findByText('button');\n    const startIcon = content.container.querySelector('.startIcon');\n    const endIcon = content.container.querySelector('.endIcon');\n    expect(Object.keys(label).length === 0).to.be.true;\n    expect(startIcon).not.null;\n    expect(endIcon).not.null;\n  });\n\n  it('display text', async () => {\n    const content = render(\n      <Button\n        label=\"button\"\n        display=\"label\"\n        startIcon={<span class=\"startIcon\"></span>}\n        endIcon={<span class=\"endIcon\"></span>}></Button>\n    );\n    const label = await content.findByText('button');\n    const startIcon = content.container.querySelector('.startIcon');\n    const endIcon = content.container.querySelector('.endIcon');\n    expect(label).not.null;\n    expect(startIcon).null;\n    expect(endIcon).null;\n  });\n\n  it('with TabbableModeContext isTabbable=true', async () => {\n    const content = render(\n      <TabbableModeContext.Provider value={{ isTabbable: true }}>\n        <Button label=\"button\" />\n      </TabbableModeContext.Provider>\n    );\n    const button = await content.findByText('button');\n    const tabindex = button.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        <Button label=\"button\" />\n      </TabbableModeContext.Provider>\n    );\n    const button = await content.findByText('button');\n    const tabindex = button.getAttribute('tabindex');\n    expect(tabindex).to.equal('-1');\n  });\n});\n"],"names":["afterEach","cleanup","describe","it","async","content","render","_jsx","Button","label","findByText","expect","not","null","button","display","title","container","firstElementChild","to","be","tooltipText","getAttribute","equal","accessibleLabel","count","_jsxs","jsx","onAction","fireEvent","click","keyDown","code","key","keyCode","charCode","keyUp","charcode","variant","querySelector","tabindex","size","disabled","isDisabled","startIcon","class","endIcon","Object","keys","length","true","TabbableModeContext","Provider","assign","value","isTabbable","children"],"mappings":"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"}