@solibo/solibo-ui 1.0.9 → 1.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/index10.css +1 -1
- package/dist/assets/index26.css +1 -1
- package/dist/assets/index38.css +1 -1
- package/dist/assets/index41.css +1 -1
- package/dist/components/aside/index.cjs +1 -1
- package/dist/components/aside/index.js +18 -18
- package/dist/components/dialog/index.cjs +1 -1
- package/dist/components/dialog/index.js +38 -38
- package/dist/components/editor/index.cjs +25 -25
- package/dist/components/editor/index.cjs.map +1 -1
- package/dist/components/editor/index.js +1564 -1553
- package/dist/components/editor/index.js.map +1 -1
- package/dist/components/portal/index.cjs +1 -1
- package/dist/components/portal/index.js +15 -15
- package/dist/tokens.json +1 -1
- package/package.json +1 -1
package/dist/assets/index10.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--pseudo-selected-width: 3px}@keyframes
|
|
1
|
+
:root{--pseudo-selected-width: 3px}@keyframes _reveal_1j8wd_1{0%{opacity:0}to{opacity:1}}@property --portal-left{syntax: "<color>"; inherits: true; initial-value: white;}@property --portal-middle{syntax: "<color>"; inherits: true; initial-value: white;}@property --portal-right{syntax: "<color>"; inherits: true; initial-value: white;}@property --gradient-angle{syntax: "<angle>"; inherits: true; initial-value: 180deg;}._portal_1j8wd_41{align-self:start;background:linear-gradient(var(--gradient-angle),var(--portal-left) 7%,var(--portal-middle) 28%,var(--portal-middle) 68.5%,var(--portal-right) 90%);animation:_reveal_1j8wd_1 var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);border-radius:var(--shape-border-radius-radius-md);color:var(--colors-neutral-0);display:flex;flex-direction:column;height:calc(100vh - var(--utils-tokens-unit));margin:var(--shape-spacing-xs);padding:var(--shape-spacing-lg) var(--shape-spacing-xs) var(--shape-spacing-xs) var(--shape-spacing-xs);top:var(--shape-spacing-xs);transition:background var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),border-radius var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),height var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),margin var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),--portal-left calc(var(--utils-tokens-transition-duration) * 2) var(--utils-tokens-transition-timing-function),--portal-middle calc(var(--utils-tokens-transition-duration) * 2) var(--utils-tokens-transition-timing-function),--portal-right calc(var(--utils-tokens-transition-duration) * 2) var(--utils-tokens-transition-timing-function);width:calc(var(--utils-tokens-unit) * 14);z-index:5}._portal_1j8wd_41:has(nav [data-portal=blue][data-active]),._portal_1j8wd_41:has(nav [data-portal=blue][aria-current=page]){--portal-left: #073345;--portal-middle: #015e78;--portal-right: #073345}._portal_1j8wd_41:has(nav [data-portal=green][data-active]),._portal_1j8wd_41:has(nav [data-portal=green][aria-current=page]){--portal-left: #022c22;--portal-middle: #166045;--portal-right: #022c22}._portal_1j8wd_41:has(nav [data-portal=red][data-active]),._portal_1j8wd_41:has(nav [data-portal=red][aria-current=page]){--portal-left: #431407;--portal-middle: #7c2d12;--portal-right: #431407}._portal_1j8wd_41 figure{display:flex;align-self:center;margin-bottom:calc(var(--utils-tokens-unit) - 4px)}._portal_1j8wd_41 figure figcaption{display:none}._portal_1j8wd_41 footer{border-top:solid var(--scale-1) var(--colors-translucent);padding-top:var(--shape-spacing-xs);width:calc(100% - var(--utils-tokens-unit))}._portal_1j8wd_41 nav{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}._portal_1j8wd_41 nav a,._portal_1j8wd_41 nav summary{color:var(--colors-semantic-bg-surface);padding:var(--shape-spacing-xs);text-decoration:none;font-weight:var(--font-font-weight-regular)}._portal_1j8wd_41 nav a [data-component=icon],._portal_1j8wd_41 nav summary [data-component=icon]{background-color:var(--colors-semantic-bg-surface);margin-bottom:var(--scale-4);margin-right:var(--scale-8)}._portal_1j8wd_41 nav a[aria-current=page],._portal_1j8wd_41 nav summary[aria-current=page]{font-weight:var(--font-font-weight-bold)}._portal_1j8wd_41 nav details>summary{white-space:nowrap}._portal_1j8wd_41 nav details>summary [data-content=collapsible-summary]{overflow:hidden;text-overflow:ellipsis}._portal_1j8wd_41 nav details>summary [data-content=collapsible-indicator] [data-component=icon]{height:calc(var(--utils-tokens-unit) * 1.5);margin-bottom:0;margin-right:0;width:calc(var(--utils-tokens-unit) * 1.5)}._portal_1j8wd_41 nav details a{border-top-right-radius:var(--shape-border-radius-radius-sm);border-bottom-right-radius:var(--shape-border-radius-radius-sm);margin-left:calc(var(--utils-tokens-unit) + var(--scale-4));padding-left:var(--utils-tokens-unit);position:relative;width:calc(100% - var(--utils-tokens-unit) - var(--scale-8))}._portal_1j8wd_41 nav details a:before{background-color:var(--colors-neutral-0);content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;transition:width var(--utils-tokens-transition-duration);width:var(--scale-1)}._portal_1j8wd_41 nav details a[aria-current=page]:before{left:-1px;width:var(--pseudo-selected-width)}._portal_1j8wd_41 nav details a[aria-current=page]{background-color:#00000017}._portal_1j8wd_41 nav details a:hover:not([aria-current=page]){background-color:#ffffff54}._portal_1j8wd_41 nav details a:last-child:not([aria-current=page]){margin-bottom:var(--utils-tokens-unit)}._portal_1j8wd_41 nav[data-orientation=horizontal]{align-items:center;border-bottom:solid var(--scale-1) var(--colors-semantic-border-strong);display:flex;flex:0 0 auto;flex-direction:row;gap:var(--shape-spacing-lg);margin-bottom:var(--utils-tokens-unit);justify-self:center;justify-content:center;width:100%}._portal_1j8wd_41 nav[data-orientation=horizontal] a{border-bottom:solid var(--scale-2) transparent;font-size:var(--typography-font-sizes-caption);padding:var(--scale-8) 0;transition:all}._portal_1j8wd_41 nav[data-orientation=horizontal] a[data-active]{border-bottom:solid var(--scale-2) var(--colors-semantic-bg-surface);font-weight:var(--font-font-weight-bold)}._portal_1j8wd_41 nav[data-orientation=horizontal] a:hover:not([data-active]){color:var(--colors-semantic-bg-surface);text-decoration:none}._portal_1j8wd_41 nav [data-component=group]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}@supports (-moz-appearance: none){._portal_1j8wd_41 nav [data-component=group]{scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){._portal_1j8wd_41 nav [data-component=group]::-webkit-scrollbar{height:var(--scale-2);width:var(--scale-2)}._portal_1j8wd_41 nav [data-component=group]::-webkit-scrollbar-track{background-color:transparent}._portal_1j8wd_41 nav [data-component=group]::-webkit-scrollbar-thumb{background-color:var(--colors-semantic-border-default);border-radius:var(--scale-4)}}._portal_1j8wd_41 select{background-color:var(--colors-translucent);border:none;box-shadow:none;filter:invert(1);margin-bottom:var(--utils-tokens-unit);padding-bottom:var(--scale-8);padding-top:var(--scale-8);width:100%}._portal_1j8wd_41 select:active,._portal_1j8wd_41 select:focus{outline:none}._portal_1j8wd_41 ._content_1j8wd_251{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}._portal_1j8wd_41 ._toggle_1j8wd_258{display:none}@media (width <= 1024px){._menu_1j8wd_265{padding:0}._menu_1j8wd_265>summary{left:var(--utils-tokens-unit);top:var(--utils-tokens-unit)}._portal_1j8wd_41{--gradient-angle: 90deg;border-radius:0;height:calc(var(--utils-tokens-unit) * 4);margin:0;padding-top:var(--shape-spacing-sm);position:fixed;top:0;transition:height var(--utils-tokens-transition-duration),width var(--utils-tokens-transition-duration),--gradient-angle var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100vw}._portal_1j8wd_41 ._content_1j8wd_251{max-height:0;opacity:0;overflow:hidden;transition:opacity var(--utils-tokens-transition-duration),visibility 0s var(--utils-tokens-transition-duration);visibility:hidden}._portal_1j8wd_41 ._toggle_1j8wd_258{align-self:end;background-color:#ffffff1a;display:block;padding:var(--shape-spacing-xs);width:-webkit-min-content;width:-moz-min-content;width:min-content}._portal_1j8wd_41 ._toggle_1j8wd_258 [data-component=icon]{background-color:var(--colors-semantic-bg-surface);opacity:1;transform:rotateY(0);transition:transform var(--utils-tokens-transition-duration)}._portal_1j8wd_41 [data-component=branding]{left:50%;position:absolute;top:var(--shape-spacing-xs);transform:translate(-50%)}._portal_1j8wd_41._open_1j8wd_322{--gradient-angle: 180deg;width:calc(var(--utils-tokens-unit) * 30);height:100vh}._portal_1j8wd_41._open_1j8wd_322 ._content_1j8wd_251{margin-top:var(--utils-tokens-unit);max-height:calc(100vh - var(--utils-tokens-unit) * 4);opacity:1;overflow:auto;visibility:visible;transition:opacity 1s,visibility 0s}._portal_1j8wd_41._open_1j8wd_322 ._toggle_1j8wd_258>[data-component=icon]{transform:rotateY(180deg)}}@media (width <= 768px){._portal_1j8wd_41._open_1j8wd_322{width:100vw}}
|
package/dist/assets/index26.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._aside_19eaa_3 section{padding:var(--utils-tokens-unit) 0}._sidebar_19eaa_9{border-right:var(--scale-1) solid var(--colors-semantic-border-default);height:100vh;overflow:hidden auto;padding:var(--shape-spacing-xl) var(--shape-spacing-md) var(--shape-spacing-xl) var(--shape-spacing-sm)}._sidebar_19eaa_9 header{margin-top:0;margin-bottom:var(--shape-spacing-lg)}._sidebar_19eaa_9 [data-sidebar-toggle]{display:none}@supports (-moz-appearance: none){._sidebar_19eaa_9{scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){._sidebar_19eaa_9::-webkit-scrollbar{height:var(--scale-2);width:var(--scale-2)}._sidebar_19eaa_9::-webkit-scrollbar-track{background-color:transparent}._sidebar_19eaa_9::-webkit-scrollbar-thumb{background-color:var(--colors-semantic-border-default);border-radius:var(--scale-4)}}._sticky_19eaa_28{position:-webkit-sticky;position:sticky;top:0}@media (width <= 768px){._sidebar_19eaa_9{background-color:var(--colors-semantic-primary-primary-subtle);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overscroll-behavior-y:auto;padding:var(--shape-spacing-md);position:relative;top:0;width:100vw;z-index:2;transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._sidebar_19eaa_9>nav{display:none}._sidebar_19eaa_9>header{margin-bottom:0}._sidebar_19eaa_9 [data-sidebar-toggle]{position:relative;display:block;float:right;margin-top:var(--shape-spacing-2xs);padding:0}._sidebar_19eaa_9 [data-sidebar-toggle]:after{content:"";position:absolute;inset:var(--utils-tokens-negative-unit)}._sidebar_19eaa_9._open_19eaa_65{background-color:var(--colors-semantic-bg-page);display:block;height:calc(100vh - var(--shape-spacing-3xl))}._sidebar_19eaa_9._open_19eaa_65>header{margin-bottom:var(--shape-spacing-md)}._sidebar_19eaa_9._open_19eaa_65>nav{display:block}}
|
package/dist/assets/index38.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._dialog_1ojxw_3{max-width:var(--shape-width-max-lg);background-color:var(--colors-semantic-bg-surface);border-radius:var(--shape-border-radius-radius-md);border:none;box-sizing:border-box;box-shadow:var(--shape-box-shadow-sm-position-x) var(--shape-box-shadow-sm-position-y) var(--shape-box-shadow-sm-blur) var(--shape-box-shadow-sm-spread) var(--shape-box-shadow-sm-color);max-height:80vh;max-height:80dvh;overflow:auto;padding:var(--shape-spacing-md) var(--shape-spacing-lg);width:100%}._dialog_1ojxw_3::backdrop{background:var(--colors-box-shadow);-webkit-backdrop-filter:blur(var(--shape-box-shadow-xs-blur));backdrop-filter:blur(var(--shape-box-shadow-xs-blur))}._dialog_1ojxw_3 ._close_1ojxw_24{position:absolute;right:0;top:0;z-index:1}._structured_1ojxw_32{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding:0}._structured_1ojxw_32 ._header_1ojxw_38{align-items:start;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:var(--shape-spacing-md) var(--shape-spacing-lg)}._structured_1ojxw_32 ._header_1ojxw_38>header{margin-block:0}._structured_1ojxw_32 ._content_1ojxw_49{min-height:0;overflow:auto;padding:var(--shape-spacing-md) var(--shape-spacing-lg)}@supports (-moz-appearance: none){._structured_1ojxw_32 ._content_1ojxw_49{scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){._structured_1ojxw_32 ._content_1ojxw_49::-webkit-scrollbar{height:var(--scale-2);width:var(--scale-2)}._structured_1ojxw_32 ._content_1ojxw_49::-webkit-scrollbar-track{background-color:transparent}._structured_1ojxw_32 ._content_1ojxw_49::-webkit-scrollbar-thumb{background-color:var(--colors-semantic-border-default);border-radius:var(--scale-4)}}._structured_1ojxw_32 ._controls_1ojxw_57{border-top:var(--shape-border-width-default) solid var(--colors-semantic-border-default);padding:var(--shape-spacing-md) var(--shape-spacing-lg)}._structured_1ojxw_32 ._controls_1ojxw_57>:first-child{margin-top:0}._structured_1ojxw_32 ._close_1ojxw_24{grid-column:2;justify-self:end;position:static}._dialog_1ojxw_3:not([open]){display:none}._dialog_1ojxw_3._fullscreen_1ojxw_77{border-radius:0;height:100vh;height:100dvh;top:0;right:0;bottom:0;left:0;margin:0;max-height:none;max-width:none;padding:0;width:100vw;width:100dvw}._dialog_1ojxw_3._fullscreen_1ojxw_77._structured_1ojxw_32{grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}._dialog_1ojxw_3._fullscreen_1ojxw_77._structured_1ojxw_32 ._content_1ojxw_49{box-sizing:border-box;height:100%;min-height:0;min-width:0;width:100%}@media (width <= 768px){._dialog_1ojxw_3{border-radius:var(--shape-border-radius-radius-md) var(--shape-border-radius-radius-md) 0 0;margin:auto 0 0;max-width:none}._structured_1ojxw_32 ._controls_1ojxw_57{padding-top:0}}
|
package/dist/assets/index41.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._field_12mt8_3{min-width:0;width:100%}._editor_12mt8_8{background-color:var(--colors-semantic-bg-surface);border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);box-shadow:var(--shape-box-shadow-xs-position-x) var(--shape-box-shadow-xs-position-y) var(--shape-box-shadow-xs-blur) var(--shape-box-shadow-xs-spread) var(--shape-box-shadow-xs-color)}._editor_12mt8_8 [role=textbox]{box-sizing:border-box;border-radius:0 0 var(--shape-border-radius-radius-md) var(--shape-border-radius-radius-md);line-height:1.25;max-height:var(--editor-max-height);min-height:var(--editor-min-height);overflow-y:auto;padding:var(--scale-8) var(--utils-tokens-unit)}._editor_12mt8_8 img{max-width:100%}._invalid_12mt8_31{border-color:var(--colors-semantic-status-error-border);outline:solid var(--scale-1) var(--colors-semantic-status-error-border)}._error_12mt8_35{color:var(--colors-semantic-status-error-content);font-size:var(--typography-font-sizes-body-sm);margin-top:var(--scale-4)}._content_12mt8_41{position:relative}._files_12mt8_45{border-top:var(--scale-1) solid var(--colors-semantic-border-default);display:flex;flex-wrap:wrap;gap:var(--scale-8);padding:var(--scale-8) var(--utils-tokens-unit)}._has-files_12mt8_53 [role=textbox]{border-radius:0}._placeholder_12mt8_57{color:var(--colors-semantic-content-secondary);left:var(--utils-tokens-unit);pointer-events:none;position:absolute;top:var(--scale-8)}._fill_12mt8_65{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0}._fill-editor_12mt8_72{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0}._fill-editor_12mt8_72 ._content_12mt8_41{min-height:0}._fill-editor_12mt8_72 [role=textbox]{height:100%;max-height:none}._meta_12mt8_88{align-items:center;display:grid;flex-basis:100%;grid-template-columns:1fr auto auto;opacity:0;transition:all var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function)}._meta_12mt8_88._active_12mt8_97{border-top:var(--scale-1) solid var(--colors-semantic-border-default);height:auto;opacity:1}._meta_12mt8_88 input{border-radius:0;width:100%}._submit_12mt8_109{margin-left:auto}._bold_12mt8_113{font-weight:700}._italic_12mt8_117{font-style:italic}._link_12mt8_121{color:var(--colors-semantic-primary-primary);cursor:pointer;text-decoration:underline}._list_12mt8_127,._paragraph_12mt8_128{margin:var(--scale-8) 0}._list_12mt8_127{list-style-type:disc!important}._list_12mt8_127 li{list-style:inherit;margin-left:var(--scale-16);margin-bottom:var(--scale-8)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index26.css');const s=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),_=require("react"),b=require("../button/index.cjs"),f=require("../icon/index.cjs"),p="
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index26.css');const s=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),_=require("react"),b=require("../button/index.cjs"),f=require("../icon/index.cjs"),p="_aside_19eaa_3",x="_sidebar_19eaa_9",y="_sticky_19eaa_28",k="_open_19eaa_65",e={aside:p,sidebar:x,sticky:y,open:k},m={default:e.default,sidebar:e.sidebar},g=({children:c,className:n,sticky:d=!1,variant:a="default"})=>{const[t,i]=_.useState(!1);return s.jsxs("aside",{className:l.t(n&&n,t&&e.open,e.aside,d&&e.sticky,m[a]),onClick:u=>{var r;const o=u.target.closest("a[href]");o&&!((r=o.getAttribute("href"))!=null&&r.startsWith("#"))&&i(!1)},"data-component":"aside",children:[a==="sidebar"&&s.jsx(b.Button,{"data-sidebar-toggle":"true",onClick:()=>i(!t),variant:"tertiary",children:s.jsx(f.Icon,{name:t?"x":"menu"})}),c]})};exports.Aside=g;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { t as
|
|
3
|
-
import { useState as
|
|
4
|
-
import { Button as
|
|
5
|
-
import { Icon as
|
|
6
|
-
import '../../assets/index26.css';const
|
|
7
|
-
aside:
|
|
8
|
-
sidebar:
|
|
9
|
-
sticky:
|
|
10
|
-
open:
|
|
1
|
+
import { jsxs as l, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { t as m } from "../../classix-DG18itHa.js";
|
|
3
|
+
import { useState as p } from "react";
|
|
4
|
+
import { Button as _ } from "../button/index.js";
|
|
5
|
+
import { Icon as u } from "../icon/index.js";
|
|
6
|
+
import '../../assets/index26.css';const b = "_aside_19eaa_3", k = "_sidebar_19eaa_9", y = "_sticky_19eaa_28", h = "_open_19eaa_65", e = {
|
|
7
|
+
aside: b,
|
|
8
|
+
sidebar: k,
|
|
9
|
+
sticky: y,
|
|
10
|
+
open: h
|
|
11
11
|
}, g = {
|
|
12
|
-
default:
|
|
13
|
-
sidebar:
|
|
12
|
+
default: e.default,
|
|
13
|
+
sidebar: e.sidebar
|
|
14
14
|
}, B = ({
|
|
15
15
|
children: d,
|
|
16
16
|
className: s,
|
|
17
17
|
sticky: c = !1,
|
|
18
|
-
variant:
|
|
18
|
+
variant: a = "default"
|
|
19
19
|
}) => {
|
|
20
|
-
const [
|
|
21
|
-
return /* @__PURE__ */
|
|
20
|
+
const [t, i] = p(!1);
|
|
21
|
+
return /* @__PURE__ */ l("aside", { className: m(s && s, t && e.open, e.aside, c && e.sticky, g[a]), onClick: (f) => {
|
|
22
22
|
var r;
|
|
23
|
-
const
|
|
24
|
-
|
|
23
|
+
const o = f.target.closest("a[href]");
|
|
24
|
+
o && !((r = o.getAttribute("href")) != null && r.startsWith("#")) && i(!1);
|
|
25
25
|
}, "data-component": "aside", children: [
|
|
26
|
-
|
|
26
|
+
a === "sidebar" && /* @__PURE__ */ n(_, { "data-sidebar-toggle": "true", onClick: () => i(!t), variant: "tertiary", children: /* @__PURE__ */ n(u, { name: t ? "x" : "menu" }) }),
|
|
27
27
|
d
|
|
28
28
|
] });
|
|
29
29
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index38.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index38.css');const e=require("react/jsx-runtime"),p=require("../../classix-5H4IWnMA.cjs"),a=require("react"),h=require("../button/index.cjs"),P=require("../icon/index.cjs"),T="_dialog_1ojxw_3",E="_close_1ojxw_24",F="_structured_1ojxw_32",M="_header_1ojxw_38",S="_content_1ojxw_49",X="_controls_1ojxw_57",Y="_fullscreen_1ojxw_77",s={dialog:T,close:E,structured:F,header:M,content:S,controls:X,fullscreen:Y},w=c=>a.Children.toArray(c).some(o=>a.isValidElement(o)?o.type===h.Button&&o.props.variant==="danger"?!0:w(o.props.children):!1),A=({children:c,className:o,controls:l,fullscreen:f=!1,header:_,onCancel:i,onClick:u,onClose:d,open:n=!1,setOpen:r,...B})=>{const g=a.useRef(null),x=w(l),j=f||_!=null||l!=null;a.useEffect(()=>{const t=g.current;t&&(n&&!t.open?t.showModal():!n&&t.open&&t.close())},[n]);const b=t=>{i==null||i(t),!(t.defaultPrevented||!r)&&(t.preventDefault(),r(!1))},q=t=>{if(u==null||u(t),x||t.defaultPrevented||t.target!==t.currentTarget||!r)return;const{bottom:N,left:R,right:D,top:k}=t.currentTarget.getBoundingClientRect();(t.clientX<R||t.clientX>D||t.clientY<k||t.clientY>N)&&r(!1)},y=t=>{d==null||d(t),n&&(r==null||r(!1))},m=r&&!x?e.jsx(h.Button,{"aria-label":"Close dialog",className:s.close,onClick:()=>r(!1),variant:"simple",children:e.jsx(P.Icon,{name:"x"})}):null;return e.jsx("dialog",{className:p.t(s.dialog,j&&s.structured,f&&s.fullscreen,o),onCancel:b,onClick:q,onClose:y,ref:g,...B,"data-component":"dialog",children:j?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:s.header,children:[_,m]}),e.jsx("div",{className:s.content,children:c}),l!=null&&e.jsx("div",{className:s.controls,children:l})]}):e.jsxs(e.Fragment,{children:[m,c]})})};exports.Dialog=A;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { t as
|
|
3
|
-
import
|
|
4
|
-
import { Button as
|
|
5
|
-
import { Icon as
|
|
6
|
-
import '../../assets/index38.css';const
|
|
7
|
-
dialog:
|
|
8
|
-
close:
|
|
9
|
-
structured:
|
|
10
|
-
header:
|
|
11
|
-
content:
|
|
12
|
-
controls:
|
|
13
|
-
fullscreen:
|
|
14
|
-
},
|
|
15
|
-
children:
|
|
16
|
-
className:
|
|
1
|
+
import { jsx as e, jsxs as u, Fragment as j } from "react/jsx-runtime";
|
|
2
|
+
import { t as T } from "../../classix-DG18itHa.js";
|
|
3
|
+
import w, { useRef as X, useEffect as Y } from "react";
|
|
4
|
+
import { Button as p } from "../button/index.js";
|
|
5
|
+
import { Icon as A } from "../icon/index.js";
|
|
6
|
+
import '../../assets/index38.css';const F = "_dialog_1ojxw_3", I = "_close_1ojxw_24", M = "_structured_1ojxw_32", V = "_header_1ojxw_38", q = "_content_1ojxw_49", z = "_controls_1ojxw_57", G = "_fullscreen_1ojxw_77", l = {
|
|
7
|
+
dialog: F,
|
|
8
|
+
close: I,
|
|
9
|
+
structured: M,
|
|
10
|
+
header: V,
|
|
11
|
+
content: q,
|
|
12
|
+
controls: z,
|
|
13
|
+
fullscreen: G
|
|
14
|
+
}, B = (c) => w.Children.toArray(c).some((o) => w.isValidElement(o) ? o.type === p && o.props.variant === "danger" ? !0 : B(o.props.children) : !1), U = ({
|
|
15
|
+
children: c,
|
|
16
|
+
className: o,
|
|
17
17
|
controls: a,
|
|
18
18
|
fullscreen: f = !1,
|
|
19
19
|
header: _,
|
|
20
|
-
onCancel:
|
|
21
|
-
onClick:
|
|
22
|
-
onClose:
|
|
20
|
+
onCancel: n,
|
|
21
|
+
onClick: i,
|
|
22
|
+
onClose: d,
|
|
23
23
|
open: s = !1,
|
|
24
24
|
setOpen: t,
|
|
25
|
-
...
|
|
25
|
+
...N
|
|
26
26
|
}) => {
|
|
27
|
-
const m =
|
|
28
|
-
|
|
27
|
+
const m = X(null), g = B(a), h = f || _ != null || a != null;
|
|
28
|
+
Y(() => {
|
|
29
29
|
const r = m.current;
|
|
30
30
|
r && (s && !r.open ? r.showModal() : !s && r.open && r.close());
|
|
31
31
|
}, [s]);
|
|
32
32
|
const R = (r) => {
|
|
33
|
-
|
|
33
|
+
n == null || n(r), !(r.defaultPrevented || !t) && (r.preventDefault(), t(!1));
|
|
34
34
|
}, k = (r) => {
|
|
35
|
-
if (
|
|
35
|
+
if (i == null || i(r), g || r.defaultPrevented || r.target !== r.currentTarget || !t) return;
|
|
36
36
|
const {
|
|
37
37
|
bottom: D,
|
|
38
38
|
left: b,
|
|
39
|
-
right:
|
|
40
|
-
top:
|
|
39
|
+
right: E,
|
|
40
|
+
top: P
|
|
41
41
|
} = r.currentTarget.getBoundingClientRect();
|
|
42
|
-
(r.clientX < b || r.clientX >
|
|
42
|
+
(r.clientX < b || r.clientX > E || r.clientY < P || r.clientY > D) && t(!1);
|
|
43
43
|
}, y = (r) => {
|
|
44
|
-
|
|
45
|
-
},
|
|
46
|
-
return /* @__PURE__ */
|
|
47
|
-
/* @__PURE__ */ u("div", { className:
|
|
44
|
+
d == null || d(r), s && (t == null || t(!1));
|
|
45
|
+
}, x = t && !g ? /* @__PURE__ */ e(p, { "aria-label": "Close dialog", className: l.close, onClick: () => t(!1), variant: "simple", children: /* @__PURE__ */ e(A, { name: "x" }) }) : null;
|
|
46
|
+
return /* @__PURE__ */ e("dialog", { className: T(l.dialog, h && l.structured, f && l.fullscreen, o), onCancel: R, onClick: k, onClose: y, ref: m, ...N, "data-component": "dialog", children: h ? /* @__PURE__ */ u(j, { children: [
|
|
47
|
+
/* @__PURE__ */ u("div", { className: l.header, children: [
|
|
48
48
|
_,
|
|
49
|
-
|
|
49
|
+
x
|
|
50
50
|
] }),
|
|
51
|
-
/* @__PURE__ */
|
|
52
|
-
a != null && /* @__PURE__ */
|
|
53
|
-
] }) : /* @__PURE__ */ u(
|
|
54
|
-
|
|
55
|
-
|
|
51
|
+
/* @__PURE__ */ e("div", { className: l.content, children: c }),
|
|
52
|
+
a != null && /* @__PURE__ */ e("div", { className: l.controls, children: a })
|
|
53
|
+
] }) : /* @__PURE__ */ u(j, { children: [
|
|
54
|
+
x,
|
|
55
|
+
c
|
|
56
56
|
] }) });
|
|
57
57
|
};
|
|
58
58
|
export {
|
|
59
|
-
|
|
59
|
+
U as Dialog
|
|
60
60
|
};
|
|
61
61
|
//# sourceMappingURL=index.js.map
|