@lotte-innovate/ui-component-test 0.2.88 → 0.2.90
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/README.md +21 -2
- package/dist/globals.css +3 -3
- package/dist/lib/components/AlertDialog/index.d.ts +0 -1
- package/dist/lib/components/Badge/index.js +1 -1
- package/dist/lib/components/Badge/index.mjs +1 -1
- package/dist/lib/components/Breadcrumb/BreadcrumbEllipsis.d.ts +1 -1
- package/dist/lib/components/Breadcrumb/BreadcrumbLink.d.ts +1 -1
- package/dist/lib/components/Breadcrumb/BreadcrumbSeparator.d.ts +1 -1
- package/dist/lib/components/Breadcrumb/index.d.ts +3 -4
- package/dist/lib/components/Callout/index.d.ts +0 -1
- package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.js +3 -4
- package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.mjs +1 -1
- package/dist/lib/components/CheckboxGroup/index.d.ts +1 -2
- package/dist/lib/components/ContextMenu/index.d.ts +0 -1
- package/dist/lib/components/DataList/DataListLabel.d.ts +1 -1
- package/dist/lib/components/DataList/index.d.ts +1 -2
- package/dist/lib/components/Datepicker/index.js +2 -2
- package/dist/lib/components/Datepicker/index.mjs +1 -1
- package/dist/lib/components/DatetimePicker/index.d.ts +1 -2
- package/dist/lib/components/DatetimePicker/index.js +15 -6
- package/dist/lib/components/DatetimePicker/index.mjs +1 -1
- package/dist/lib/components/Dialog/index.d.ts +0 -1
- package/dist/lib/components/DropdownMenu/index.d.ts +1 -2
- package/dist/lib/components/Editor/content.d.ts +1 -0
- package/dist/lib/components/Editor/content.js +1 -0
- package/dist/lib/components/Editor/content.mjs +2 -0
- package/dist/lib/components/Editor/content.mjs.map +1 -0
- package/dist/lib/components/Editor/index.js +2 -3
- package/dist/lib/components/Editor/index.mjs +1 -1
- package/dist/lib/components/Gnb/index.d.ts +0 -1
- package/dist/lib/components/Grid/index.js +12 -11
- package/dist/lib/components/Grid/index.mjs +1 -1
- package/dist/lib/components/Grid/useGrid.js +17 -13
- package/dist/lib/components/Grid/useGrid.mjs +1 -1
- package/dist/lib/components/HoverCard/index.d.ts +1 -2
- package/dist/lib/components/Menubar/index.d.ts +0 -1
- package/dist/lib/components/Modal/index.d.ts +1 -2
- package/dist/lib/components/NavigationMenu/index.d.ts +0 -1
- package/dist/lib/components/Popover/index.d.ts +1 -2
- package/dist/lib/components/RadioCards/index.d.ts +0 -1
- package/dist/lib/components/RadioGroup/index.d.ts +0 -1
- package/dist/lib/components/SegmentedControl/index.d.ts +0 -1
- package/dist/lib/components/TextField/index.js +1 -1
- package/dist/lib/components/TextField/index.mjs +1 -1
- package/dist/lib/components/Timeline/index.d.ts +0 -1
- package/dist/lib/components/Toast/ToastRoot.d.ts +2 -1
- package/dist/lib/components/Toast/ToastRoot.js +2 -2
- package/dist/lib/components/Toast/ToastRoot.mjs +1 -1
- package/dist/lib/components/Toast/index.d.ts +0 -1
- package/dist/lib/components/ToggleGroup/index.d.ts +0 -1
- package/dist/lib/components/Tree/index.js +2 -2
- package/dist/lib/components/Tree/index.mjs +1 -1
- package/dist/lib/constants.d.ts +2 -2
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/lib/utils/useLoadTinyMCE.js +2 -2
- package/dist/lib/utils/useLoadTinyMCE.mjs +1 -1
- package/dist/lib/utils/useLoadTinyMCE.mjs.map +1 -1
- package/dist/tailwind.config.js +9 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +13 -5
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"content.mjs","sources":["../../../lib/components/Editor/content.js"],"sourcesContent":["export var contentCss = \".mce-content-body .mce-item-anchor {\\n background: transparent url(\\\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A\\\") no-repeat center;\\n}\\n.mce-content-body .mce-item-anchor:empty {\\n cursor: default;\\n display: inline-block;\\n height: 12px !important;\\n padding: 0 2px;\\n -webkit-user-modify: read-only;\\n -moz-user-modify: read-only;\\n -webkit-user-select: all;\\n -moz-user-select: all;\\n user-select: all;\\n width: 8px !important;\\n}\\n.mce-content-body .mce-item-anchor:not(:empty) {\\n background-position-x: 2px;\\n display: inline-block;\\n padding-left: 12px;\\n}\\n.mce-content-body .mce-item-anchor[data-mce-selected] {\\n outline-offset: 1px;\\n}\\n.tox-comments-visible .tox-comment[contenteditable=\\\"false\\\"]:not([data-mce-selected]),\\n.tox-comments-visible span.tox-comment img:not([data-mce-selected]),\\n.tox-comments-visible span.tox-comment > audio:not([data-mce-selected]),\\n.tox-comments-visible span.tox-comment > video:not([data-mce-selected]),\\n.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]) {\\n outline: 3px solid #ffe89d;\\n}\\n.tox-comments-visible .tox-comment[contenteditable=\\\"false\\\"][data-mce-annotation-active=\\\"true\\\"]:not([data-mce-selected]) {\\n outline: 3px solid #fed635;\\n}\\n.tox-comments-visible span.tox-comment[data-mce-annotation-active=\\\"true\\\"] img:not([data-mce-selected]),\\n.tox-comments-visible span.tox-comment[data-mce-annotation-active=\\\"true\\\"] > audio:not([data-mce-selected]),\\n.tox-comments-visible span.tox-comment[data-mce-annotation-active=\\\"true\\\"] > video:not([data-mce-selected]),\\n.tox-comments-visible span.tox-comment[data-mce-annotation-active=\\\"true\\\"] span.mce-preview-object:not([data-mce-selected]) {\\n outline: 3px solid #fed635;\\n}\\n.tox-comments-visible span.tox-comment:not([data-mce-selected]) {\\n background-color: #ffe89d;\\n outline: none;\\n}\\n.tox-comments-visible span.tox-comment[data-mce-annotation-active=\\\"true\\\"]:not([data-mce-selected=\\\"inline-boundary\\\"]) {\\n background-color: #fed635;\\n}\\n.tox-checklist > li:not(.tox-checklist--hidden) {\\n list-style: none;\\n margin: 0.25em 0;\\n}\\n.tox-checklist > li:not(.tox-checklist--hidden)::before {\\n content: url(\\\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A\\\");\\n cursor: pointer;\\n height: 1em;\\n margin-left: -1.5em;\\n margin-top: 0.125em;\\n position: absolute;\\n width: 1em;\\n}\\n.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {\\n content: url(\\\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A\\\");\\n}\\n[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {\\n margin-left: 0;\\n margin-right: -1.5em;\\n}\\n/* stylelint-disable */\\n/* http://prismjs.com/ */\\n/**\\n * prism.js default theme for JavaScript, CSS and HTML\\n * Based on dabblet (http://dabblet.com)\\n * @author Lea Verou\\n */\\ncode[class*=\\\"language-\\\"],\\npre[class*=\\\"language-\\\"] {\\n color: black;\\n background: none;\\n text-shadow: 0 1px white;\\n font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\\n font-size: 1em;\\n text-align: left;\\n white-space: pre;\\n word-spacing: normal;\\n word-break: normal;\\n word-wrap: normal;\\n line-height: 1.5;\\n -moz-tab-size: 4;\\n tab-size: 4;\\n -webkit-hyphens: none;\\n hyphens: none;\\n}\\npre[class*=\\\"language-\\\"]::-moz-selection,\\npre[class*=\\\"language-\\\"] ::-moz-selection,\\ncode[class*=\\\"language-\\\"]::-moz-selection,\\ncode[class*=\\\"language-\\\"] ::-moz-selection {\\n text-shadow: none;\\n background: #b3d4fc;\\n}\\npre[class*=\\\"language-\\\"]::selection,\\npre[class*=\\\"language-\\\"] ::selection,\\ncode[class*=\\\"language-\\\"]::selection,\\ncode[class*=\\\"language-\\\"] ::selection {\\n text-shadow: none;\\n background: #b3d4fc;\\n}\\n@media print {\\n code[class*=\\\"language-\\\"],\\n pre[class*=\\\"language-\\\"] {\\n text-shadow: none;\\n }\\n}\\n/* Code blocks */\\npre[class*=\\\"language-\\\"] {\\n padding: 1em;\\n margin: 0.5em 0;\\n overflow: auto;\\n}\\n:not(pre) > code[class*=\\\"language-\\\"],\\npre[class*=\\\"language-\\\"] {\\n background: #f5f2f0;\\n}\\n/* Inline code */\\n:not(pre) > code[class*=\\\"language-\\\"] {\\n padding: 0.1em;\\n border-radius: 0.3em;\\n white-space: normal;\\n}\\n.token.comment,\\n.token.prolog,\\n.token.doctype,\\n.token.cdata {\\n color: slategray;\\n}\\n.token.punctuation {\\n color: #999;\\n}\\n.token.namespace {\\n opacity: 0.7;\\n}\\n.token.property,\\n.token.tag,\\n.token.boolean,\\n.token.number,\\n.token.constant,\\n.token.symbol,\\n.token.deleted {\\n color: #905;\\n}\\n.token.selector,\\n.token.attr-name,\\n.token.string,\\n.token.char,\\n.token.builtin,\\n.token.inserted {\\n color: #690;\\n}\\n.token.operator,\\n.token.entity,\\n.token.url,\\n.language-css .token.string,\\n.style .token.string {\\n color: #9a6e3a;\\n /* This background color was intended by the author of this theme. */\\n background: hsla(0, 0%, 100%, 0.5);\\n}\\n.token.atrule,\\n.token.attr-value,\\n.token.keyword {\\n color: #07a;\\n}\\n.token.function,\\n.token.class-name {\\n color: #DD4A68;\\n}\\n.token.regex,\\n.token.important,\\n.token.variable {\\n color: #e90;\\n}\\n.token.important,\\n.token.bold {\\n font-weight: bold;\\n}\\n.token.italic {\\n font-style: italic;\\n}\\n.token.entity {\\n cursor: help;\\n}\\n/* stylelint-enable */\\n.mce-content-body {\\n overflow-wrap: break-word;\\n word-wrap: break-word;\\n}\\n.mce-content-body .mce-visual-caret {\\n background-color: black;\\n background-color: currentColor;\\n position: absolute;\\n}\\n.mce-content-body .mce-visual-caret-hidden {\\n display: none;\\n}\\n.mce-content-body *[data-mce-caret] {\\n left: -1000px;\\n margin: 0;\\n padding: 0;\\n position: absolute;\\n right: auto;\\n top: 0;\\n}\\n.mce-content-body .mce-offscreen-selection {\\n left: -2000000px;\\n max-width: 1000000px;\\n position: absolute;\\n}\\n.mce-content-body *[contentEditable=false] {\\n cursor: default;\\n}\\n.mce-content-body *[contentEditable=true] {\\n cursor: text;\\n}\\n.tox-cursor-format-painter {\\n cursor: url(\\\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A\\\"), default;\\n}\\ndiv.mce-footnotes hr {\\n margin-inline-end: auto;\\n margin-inline-start: 0;\\n width: 25%;\\n}\\ndiv.mce-footnotes li > a.mce-footnotes-backlink {\\n text-decoration: none;\\n}\\n@media print {\\n sup.mce-footnote a {\\n color: black;\\n text-decoration: none;\\n }\\n div.mce-footnotes {\\n break-inside: avoid;\\n width: 100%;\\n }\\n div.mce-footnotes li > a.mce-footnotes-backlink {\\n display: none;\\n }\\n}\\n.mce-content-body figure.align-left {\\n float: left;\\n}\\n.mce-content-body figure.align-right {\\n float: right;\\n}\\n.mce-content-body figure.image.align-center {\\n display: table;\\n margin-left: auto;\\n margin-right: auto;\\n}\\n.mce-preview-object {\\n border: 1px solid gray;\\n display: inline-block;\\n line-height: 0;\\n margin: 0 2px 0 2px;\\n position: relative;\\n}\\n.mce-preview-object .mce-shim {\\n background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);\\n height: 100%;\\n left: 0;\\n position: absolute;\\n top: 0;\\n width: 100%;\\n}\\n.mce-preview-object[data-mce-selected=\\\"2\\\"] .mce-shim {\\n display: none;\\n}\\n.mce-content-body .mce-mergetag {\\n cursor: default !important;\\n -webkit-user-select: none;\\n -moz-user-select: none;\\n user-select: none;\\n}\\n.mce-content-body .mce-mergetag:hover {\\n background-color: rgba(0, 108, 231, 0.1);\\n}\\n.mce-content-body .mce-mergetag-affix {\\n background-color: rgba(0, 108, 231, 0.1);\\n color: #006ce7;\\n}\\n.mce-object {\\n background: transparent url(\\\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A\\\") no-repeat center;\\n border: 1px dashed #aaa;\\n}\\n.mce-pagebreak {\\n border: 1px dashed #aaa;\\n cursor: default;\\n display: block;\\n height: 5px;\\n margin-top: 15px;\\n page-break-before: always;\\n width: 100%;\\n}\\n@media print {\\n .mce-pagebreak {\\n border: 0;\\n }\\n}\\n.tiny-pageembed .mce-shim {\\n background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);\\n height: 100%;\\n left: 0;\\n position: absolute;\\n top: 0;\\n width: 100%;\\n}\\n.tiny-pageembed[data-mce-selected=\\\"2\\\"] .mce-shim {\\n display: none;\\n}\\n.tiny-pageembed {\\n display: inline-block;\\n position: relative;\\n}\\n.tiny-pageembed--21by9,\\n.tiny-pageembed--16by9,\\n.tiny-pageembed--4by3,\\n.tiny-pageembed--1by1 {\\n display: block;\\n overflow: hidden;\\n padding: 0;\\n position: relative;\\n width: 100%;\\n}\\n.tiny-pageembed--21by9 {\\n padding-top: 42.857143%;\\n}\\n.tiny-pageembed--16by9 {\\n padding-top: 56.25%;\\n}\\n.tiny-pageembed--4by3 {\\n padding-top: 75%;\\n}\\n.tiny-pageembed--1by1 {\\n padding-top: 100%;\\n}\\n.tiny-pageembed--21by9 iframe,\\n.tiny-pageembed--16by9 iframe,\\n.tiny-pageembed--4by3 iframe,\\n.tiny-pageembed--1by1 iframe {\\n border: 0;\\n height: 100%;\\n left: 0;\\n position: absolute;\\n top: 0;\\n width: 100%;\\n}\\n.mce-content-body[data-mce-placeholder] {\\n position: relative;\\n}\\n.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {\\n color: rgba(34, 47, 62, 0.7);\\n content: attr(data-mce-placeholder);\\n position: absolute;\\n}\\n.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {\\n left: 1px;\\n}\\n.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {\\n right: 1px;\\n}\\n.mce-content-body div.mce-resizehandle {\\n background-color: #4099ff;\\n border-color: #4099ff;\\n border-style: solid;\\n border-width: 1px;\\n box-sizing: border-box;\\n height: 10px;\\n position: absolute;\\n width: 10px;\\n z-index: 1298;\\n}\\n.mce-content-body div.mce-resizehandle:hover {\\n background-color: #4099ff;\\n}\\n.mce-content-body div.mce-resizehandle:nth-of-type(1) {\\n cursor: nwse-resize;\\n}\\n.mce-content-body div.mce-resizehandle:nth-of-type(2) {\\n cursor: nesw-resize;\\n}\\n.mce-content-body div.mce-resizehandle:nth-of-type(3) {\\n cursor: nwse-resize;\\n}\\n.mce-content-body div.mce-resizehandle:nth-of-type(4) {\\n cursor: nesw-resize;\\n}\\n.mce-content-body .mce-resize-backdrop {\\n z-index: 10000;\\n}\\n.mce-content-body .mce-clonedresizable {\\n cursor: default;\\n opacity: 0.5;\\n outline: 1px dashed black;\\n position: absolute;\\n z-index: 10001;\\n}\\n.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,\\n.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {\\n border: 0;\\n}\\n.mce-content-body .mce-resize-helper {\\n background: #555;\\n background: rgba(0, 0, 0, 0.75);\\n border: 1px;\\n border-radius: 3px;\\n color: white;\\n display: none;\\n font-family: sans-serif;\\n font-size: 12px;\\n line-height: 14px;\\n margin: 5px 10px;\\n padding: 5px;\\n position: absolute;\\n white-space: nowrap;\\n z-index: 10002;\\n}\\n.tox-rtc-user-selection {\\n position: relative;\\n}\\n.tox-rtc-user-cursor {\\n bottom: 0;\\n cursor: default;\\n position: absolute;\\n top: 0;\\n width: 2px;\\n}\\n.tox-rtc-user-cursor::before {\\n background-color: inherit;\\n border-radius: 50%;\\n content: '';\\n display: block;\\n height: 8px;\\n position: absolute;\\n right: -3px;\\n top: -3px;\\n width: 8px;\\n}\\n.tox-rtc-user-cursor:hover::after {\\n background-color: inherit;\\n border-radius: 100px;\\n box-sizing: border-box;\\n color: #fff;\\n content: attr(data-user);\\n display: block;\\n font-size: 12px;\\n font-weight: bold;\\n left: -5px;\\n min-height: 8px;\\n min-width: 8px;\\n padding: 0 12px;\\n position: absolute;\\n top: -11px;\\n white-space: nowrap;\\n z-index: 1000;\\n}\\n.tox-rtc-user-selection--1 .tox-rtc-user-cursor {\\n background-color: #2dc26b;\\n}\\n.tox-rtc-user-selection--2 .tox-rtc-user-cursor {\\n background-color: #e03e2d;\\n}\\n.tox-rtc-user-selection--3 .tox-rtc-user-cursor {\\n background-color: #f1c40f;\\n}\\n.tox-rtc-user-selection--4 .tox-rtc-user-cursor {\\n background-color: #3598db;\\n}\\n.tox-rtc-user-selection--5 .tox-rtc-user-cursor {\\n background-color: #b96ad9;\\n}\\n.tox-rtc-user-selection--6 .tox-rtc-user-cursor {\\n background-color: #e67e23;\\n}\\n.tox-rtc-user-selection--7 .tox-rtc-user-cursor {\\n background-color: #aaa69d;\\n}\\n.tox-rtc-user-selection--8 .tox-rtc-user-cursor {\\n background-color: #f368e0;\\n}\\n.tox-rtc-remote-image {\\n background: #eaeaea url(\\\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A\\\") no-repeat center center;\\n border: 1px solid #ccc;\\n min-height: 240px;\\n min-width: 320px;\\n}\\n.mce-match-marker {\\n background: #aaa;\\n color: #fff;\\n}\\n.mce-match-marker-selected {\\n background: #39f;\\n color: #fff;\\n}\\n.mce-match-marker-selected::-moz-selection {\\n background: #39f;\\n color: #fff;\\n}\\n.mce-match-marker-selected::selection {\\n background: #39f;\\n color: #fff;\\n}\\n.mce-content-body img[data-mce-selected],\\n.mce-content-body video[data-mce-selected],\\n.mce-content-body audio[data-mce-selected],\\n.mce-content-body object[data-mce-selected],\\n.mce-content-body embed[data-mce-selected],\\n.mce-content-body table[data-mce-selected],\\n.mce-content-body details[data-mce-selected] {\\n outline: 3px solid #b4d7ff;\\n}\\n.mce-content-body hr[data-mce-selected] {\\n outline: 3px solid #b4d7ff;\\n outline-offset: 1px;\\n}\\n.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {\\n outline: 3px solid #b4d7ff;\\n}\\n.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {\\n outline: 3px solid #b4d7ff;\\n}\\n.mce-content-body *[contentEditable=false][data-mce-selected] {\\n cursor: not-allowed;\\n outline: 3px solid #b4d7ff;\\n}\\n.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,\\n.mce-content-body.mce-content-readonly *[contentEditable=true]:hover {\\n outline: none;\\n}\\n.mce-content-body *[data-mce-selected=\\\"inline-boundary\\\"] {\\n background-color: #b4d7ff;\\n}\\n.mce-content-body .mce-edit-focus {\\n outline: 3px solid #b4d7ff;\\n}\\n.mce-content-body td[data-mce-selected],\\n.mce-content-body th[data-mce-selected] {\\n position: relative;\\n}\\n.mce-content-body td[data-mce-selected]::-moz-selection,\\n.mce-content-body th[data-mce-selected]::-moz-selection {\\n background: none;\\n}\\n.mce-content-body td[data-mce-selected]::selection,\\n.mce-content-body th[data-mce-selected]::selection {\\n background: none;\\n}\\n.mce-content-body td[data-mce-selected] *,\\n.mce-content-body th[data-mce-selected] * {\\n outline: none;\\n -webkit-touch-callout: none;\\n -webkit-user-select: none;\\n -moz-user-select: none;\\n user-select: none;\\n}\\n.mce-content-body td[data-mce-selected]::after,\\n.mce-content-body th[data-mce-selected]::after {\\n background-color: rgba(180, 215, 255, 0.7);\\n border: 1px solid rgba(180, 215, 255, 0.7);\\n bottom: -1px;\\n content: '';\\n left: -1px;\\n mix-blend-mode: multiply;\\n position: absolute;\\n right: -1px;\\n top: -1px;\\n}\\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\\n .mce-content-body td[data-mce-selected]::after,\\n .mce-content-body th[data-mce-selected]::after {\\n border-color: rgba(0, 84, 180, 0.7);\\n }\\n}\\n.mce-content-body img[data-mce-selected]::-moz-selection {\\n background: none;\\n}\\n.mce-content-body img[data-mce-selected]::selection {\\n background: none;\\n}\\n.ephox-snooker-resizer-bar {\\n background-color: #b4d7ff;\\n opacity: 0;\\n -webkit-user-select: none;\\n -moz-user-select: none;\\n user-select: none;\\n}\\n.ephox-snooker-resizer-cols {\\n cursor: col-resize;\\n}\\n.ephox-snooker-resizer-rows {\\n cursor: row-resize;\\n}\\n.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {\\n opacity: 1;\\n}\\n.mce-spellchecker-word {\\n background-image: url(\\\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A\\\");\\n background-position: 0 calc(100% + 1px);\\n background-repeat: repeat-x;\\n background-size: auto 6px;\\n cursor: default;\\n height: 2rem;\\n}\\n.mce-spellchecker-grammar {\\n background-image: url(\\\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A\\\");\\n background-position: 0 calc(100% + 1px);\\n background-repeat: repeat-x;\\n background-size: auto 6px;\\n cursor: default;\\n}\\n.mce-toc {\\n border: 1px solid gray;\\n}\\n.mce-toc h2 {\\n margin: 4px;\\n}\\n.mce-toc ul > li {\\n list-style-type: none;\\n}\\n[data-mce-block] {\\n display: block;\\n}\\ntable[style*=\\\"border-width: 0px\\\"],\\n.mce-item-table:not([border]),\\n.mce-item-table[border=\\\"0\\\"],\\ntable[style*=\\\"border-width: 0px\\\"] td,\\n.mce-item-table:not([border]) td,\\n.mce-item-table[border=\\\"0\\\"] td,\\ntable[style*=\\\"border-width: 0px\\\"] th,\\n.mce-item-table:not([border]) th,\\n.mce-item-table[border=\\\"0\\\"] th,\\ntable[style*=\\\"border-width: 0px\\\"] caption,\\n.mce-item-table:not([border]) caption,\\n.mce-item-table[border=\\\"0\\\"] caption {\\n border: 1px dashed #bbb;\\n}\\n.mce-visualblocks p,\\n.mce-visualblocks h1,\\n.mce-visualblocks h2,\\n.mce-visualblocks h3,\\n.mce-visualblocks h4,\\n.mce-visualblocks h5,\\n.mce-visualblocks h6,\\n.mce-visualblocks div:not([data-mce-bogus]),\\n.mce-visualblocks section,\\n.mce-visualblocks article,\\n.mce-visualblocks blockquote,\\n.mce-visualblocks address,\\n.mce-visualblocks pre,\\n.mce-visualblocks figure,\\n.mce-visualblocks figcaption,\\n.mce-visualblocks hgroup,\\n.mce-visualblocks aside,\\n.mce-visualblocks ul,\\n.mce-visualblocks ol,\\n.mce-visualblocks dl {\\n background-repeat: no-repeat;\\n border: 1px dashed #bbb;\\n margin-left: 3px;\\n padding-top: 10px;\\n}\\n.mce-visualblocks p {\\n background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);\\n}\\n.mce-visualblocks h1 {\\n background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);\\n}\\n.mce-visualblocks h2 {\\n background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);\\n}\\n.mce-visualblocks h3 {\\n background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);\\n}\\n.mce-visualblocks h4 {\\n background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);\\n}\\n.mce-visualblocks h5 {\\n background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);\\n}\\n.mce-visualblocks h6 {\\n background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);\\n}\\n.mce-visualblocks div:not([data-mce-bogus]) {\\n background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);\\n}\\n.mce-visualblocks section {\\n background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);\\n}\\n.mce-visualblocks article {\\n background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);\\n}\\n.mce-visualblocks blockquote {\\n background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);\\n}\\n.mce-visualblocks address {\\n background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);\\n}\\n.mce-visualblocks pre {\\n background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);\\n}\\n.mce-visualblocks figure {\\n background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);\\n}\\n.mce-visualblocks figcaption {\\n border: 1px dashed #bbb;\\n}\\n.mce-visualblocks hgroup {\\n background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);\\n}\\n.mce-visualblocks aside {\\n background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);\\n}\\n.mce-visualblocks ul {\\n background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);\\n}\\n.mce-visualblocks ol {\\n background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);\\n}\\n.mce-visualblocks dl {\\n background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);\\n}\\n.mce-visualblocks:not([dir=rtl]) p,\\n.mce-visualblocks:not([dir=rtl]) h1,\\n.mce-visualblocks:not([dir=rtl]) h2,\\n.mce-visualblocks:not([dir=rtl]) h3,\\n.mce-visualblocks:not([dir=rtl]) h4,\\n.mce-visualblocks:not([dir=rtl]) h5,\\n.mce-visualblocks:not([dir=rtl]) h6,\\n.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),\\n.mce-visualblocks:not([dir=rtl]) section,\\n.mce-visualblocks:not([dir=rtl]) article,\\n.mce-visualblocks:not([dir=rtl]) blockquote,\\n.mce-visualblocks:not([dir=rtl]) address,\\n.mce-visualblocks:not([dir=rtl]) pre,\\n.mce-visualblocks:not([dir=rtl]) figure,\\n.mce-visualblocks:not([dir=rtl]) figcaption,\\n.mce-visualblocks:not([dir=rtl]) hgroup,\\n.mce-visualblocks:not([dir=rtl]) aside,\\n.mce-visualblocks:not([dir=rtl]) ul,\\n.mce-visualblocks:not([dir=rtl]) ol,\\n.mce-visualblocks:not([dir=rtl]) dl {\\n margin-left: 3px;\\n}\\n.mce-visualblocks[dir=rtl] p,\\n.mce-visualblocks[dir=rtl] h1,\\n.mce-visualblocks[dir=rtl] h2,\\n.mce-visualblocks[dir=rtl] h3,\\n.mce-visualblocks[dir=rtl] h4,\\n.mce-visualblocks[dir=rtl] h5,\\n.mce-visualblocks[dir=rtl] h6,\\n.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),\\n.mce-visualblocks[dir=rtl] section,\\n.mce-visualblocks[dir=rtl] article,\\n.mce-visualblocks[dir=rtl] blockquote,\\n.mce-visualblocks[dir=rtl] address,\\n.mce-visualblocks[dir=rtl] pre,\\n.mce-visualblocks[dir=rtl] figure,\\n.mce-visualblocks[dir=rtl] figcaption,\\n.mce-visualblocks[dir=rtl] hgroup,\\n.mce-visualblocks[dir=rtl] aside,\\n.mce-visualblocks[dir=rtl] ul,\\n.mce-visualblocks[dir=rtl] ol,\\n.mce-visualblocks[dir=rtl] dl {\\n background-position-x: right;\\n margin-right: 3px;\\n}\\n.mce-nbsp,\\n.mce-shy {\\n background: #aaa;\\n}\\n.mce-shy::after {\\n content: '-';\\n}\\nbody { font-family:Noto Sans KR, sans-serif, Nunito Sans, Helvetica Neue, Helvetica }\\ntable {\\n border-collapse: collapse;\\n}\\n\";\n"],"names":["contentCss"],"mappings":"AAAU,IAACA,EAAa"}
|
|
@@ -31,8 +31,7 @@ import { cn } from '../../../lib/utils/utils';
|
|
|
31
31
|
import { useTheme } from '../../../lib/theme';
|
|
32
32
|
import { marked } from 'marked';
|
|
33
33
|
import 'tinymce/skins/ui/oxide/skin.css';
|
|
34
|
-
import
|
|
35
|
-
import contentCss from '!!raw-loader!tinymce/skins/content/default/content.css';
|
|
34
|
+
import { contentCss } from './content';
|
|
36
35
|
var editorVariants = cva('', {
|
|
37
36
|
variants: {
|
|
38
37
|
radius: __assign({}, radiusVariants['base']),
|
|
@@ -84,7 +83,7 @@ export var Editor = forwardRef(function (_a, ref) {
|
|
|
84
83
|
if (!isClient) {
|
|
85
84
|
return null;
|
|
86
85
|
}
|
|
87
|
-
return (_jsx("div", { className: cn(editorVariants(editorStyle), className), ref: ref, children: _jsx(EditorUI, __assign({ onInit: function (evt, editor) { return (editorRef.current = editor); }, init: __assign({ language: language, width: '100%', height: '100%', promotion: false, plugins: 'preview importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media codesample table charmap pagebreak nonbreaking anchor insertdatetime advlist lists wordcount charmap accordion', menubar: 'file edit view insert format tools table', toolbar: 'undo redo | accordion accordionremove | blocks fontfamily fontsize | bold italic underline strikethrough | align numlist bullist | link image | table media | lineheight outdent indent| forecolor backcolor removeformat | charmap | code fullscreen preview | save print | pagebreak anchor codesample | ltr rtl', autosave_ask_before_unload: true, autosave_interval: '30s', autosave_restore_when_empty: false, autosave_retention: '2m', image_advtab: true, image_caption: true, quickbars_selection_toolbar: '', toolbar_mode: 'sliding', skin: false, content_css: false, content_style:
|
|
86
|
+
return (_jsx("div", { className: cn(editorVariants(editorStyle), className), ref: ref, children: _jsx(EditorUI, __assign({ onInit: function (evt, editor) { return (editorRef.current = editor); }, init: __assign({ language: language, width: '100%', height: '100%', promotion: false, plugins: 'preview importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media codesample table charmap pagebreak nonbreaking anchor insertdatetime advlist lists wordcount charmap accordion', menubar: 'file edit view insert format tools table', toolbar: 'undo redo | accordion accordionremove | blocks fontfamily fontsize | bold italic underline strikethrough | align numlist bullist | link image | table media | lineheight outdent indent| forecolor backcolor removeformat | charmap | code fullscreen preview | save print | pagebreak anchor codesample | ltr rtl', autosave_ask_before_unload: true, autosave_interval: '30s', autosave_restore_when_empty: false, autosave_retention: '2m', image_advtab: true, image_caption: true, quickbars_selection_toolbar: '', toolbar_mode: 'sliding', skin: false, content_css: false, content_style: contentCss, setup: function (editor) {
|
|
88
87
|
editor.on('init', function () {
|
|
89
88
|
editor.formatter.register('code', {
|
|
90
89
|
inline: 'code',
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useState as
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useState as i,useRef as r,useEffect as n}from"react";import{Editor as o}from"@tinymce/tinymce-react";import{cva as a}from"class-variance-authority";import{loadTinymce as s}from"../../utils/useLoadTinyMCE.mjs";import{radiusVariants as l,scalingVariants as c}from"../../constants.mjs";import{cn as u}from"../../utils/utils.mjs";import{useTheme as m}from"../../theme/ThemeProvider.mjs";import{marked as d}from"marked";import"tinymce/skins/ui/oxide/skin.css";import{contentCss as p}from"./content.mjs";var f=function(){return f=Object.assign||function(e){for(var t,i=1,r=arguments.length;i<r;i++)for(var n in t=arguments[i])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},f.apply(this,arguments)},g=function(e,t){var i={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(i[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(i[r[n]]=e[r[n]])}return i},v=a("",{variants:{radius:f({},l.base),scaling:f({},c),size:{small:"w-[650px] h-[350px]",medium:"w-[700px] h-[400px]",large:"w-[750px] h-[450px]"}},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),h=t((function(t,a){var l=t.className,c=t.size,h=t.scaling,b=t.radius,y=t.init,x=t.language,k=void 0===x?"en":x,w=t.containerId,_=g(t,["className","size","scaling","radius","init","language","containerId"]),j=i(!1),O=j[0],z=j[1],C=r(null),I=m().theme,E={radius:null!=b?b:I.themeRadius,scaling:null!=h?h:I.themeScaling,size:c},P="8px";return"none"===E.radius&&(P="0px"),"small"===E.radius&&(P="4px"),"large"===E.radius&&(P="12px"),"full"===E.radius&&(P="16px"),n((function(){s().then((function(){z(!0)}))}),[]),n((function(){if(C.current){var e=C.current.getContainer();e&&(e.style.borderRadius="".concat(P))}}),[P]),O?e("div",{className:u(v(E),l),ref:a,children:e(o,f({onInit:function(e,t){return C.current=t},init:f({language:k,width:"100%",height:"100%",promotion:!1,plugins:"preview importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media codesample table charmap pagebreak nonbreaking anchor insertdatetime advlist lists wordcount charmap accordion",menubar:"file edit view insert format tools table",toolbar:"undo redo | accordion accordionremove | blocks fontfamily fontsize | bold italic underline strikethrough | align numlist bullist | link image | table media | lineheight outdent indent| forecolor backcolor removeformat | charmap | code fullscreen preview | save print | pagebreak anchor codesample | ltr rtl",autosave_ask_before_unload:!0,autosave_interval:"30s",autosave_restore_when_empty:!1,autosave_retention:"2m",image_advtab:!0,image_caption:!0,quickbars_selection_toolbar:"",toolbar_mode:"sliding",skin:!1,content_css:!1,content_style:p,setup:function(e){e.on("init",(function(){if(e.formatter.register("code",{inline:"code",remove:"all"}),e.getContainer().style.borderRadius=P,w){var t=document.getElementById(w),i=document.querySelector(".tox-tinymce-aux");t&&i&&t.appendChild(i)}})),e.ui.registry.addButton("inlinecode",{icon:"sourcecode",tooltip:"Inline code",onAction:function(){e.formatter.toggle("code")}}),e.ui.registry.addButton("markdown",{text:"Markdown",onAction:function(){var t=e.getContent({format:"text"}),i=d(t);e.setContent(i)}})}},y)},_))}):null}));h.displayName="Editor";export{h as Editor,h as default};
|
|
3
3
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const Gnb: {
|
|
3
2
|
Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("./GnbRoot").GnbProps & import("react").RefAttributes<HTMLElement>>;
|
|
4
3
|
Logo: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("./GnbLogo").GnbLogoProps & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
@@ -10,10 +10,9 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
-
import { jsx as _jsx, jsxs as _jsxs
|
|
13
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
14
|
import { useState } from 'react';
|
|
15
15
|
import { flexRender } from '@tanstack/react-table';
|
|
16
|
-
// import './index.css';
|
|
17
16
|
import Table from '../Table';
|
|
18
17
|
import { ChevronDownIcon, ChevronUpIcon } from '@radix-ui/react-icons';
|
|
19
18
|
import { cn } from '../../../lib/utils/utils';
|
|
@@ -30,9 +29,9 @@ export var GridVariants = cva("", {
|
|
|
30
29
|
},
|
|
31
30
|
});
|
|
32
31
|
function Grid(_a) {
|
|
33
|
-
var _b, _c, _d, _e;
|
|
32
|
+
var _b, _c, _d, _e, _f;
|
|
34
33
|
var table = _a.table;
|
|
35
|
-
var
|
|
34
|
+
var _g = useState(), clicked = _g[0], setClicked = _g[1];
|
|
36
35
|
return (_jsxs("div", { style: { direction: table.options.columnResizeDirection }, children: [_jsxs(Table.Root, { size: (_b = table.options) === null || _b === void 0 ? void 0 : _b.size, appearance: (_c = table.options) === null || _c === void 0 ? void 0 : _c.appearance, radius: table.options.radius, className: cn("", (_d = table.options) === null || _d === void 0 ? void 0 : _d.tableRootClassName), children: [_jsx(Table.Header, { children: table
|
|
37
36
|
.getHeaderGroups()
|
|
38
37
|
.map(function (headerGroup, index) {
|
|
@@ -65,19 +64,21 @@ function Grid(_a) {
|
|
|
65
64
|
: '',
|
|
66
65
|
} })] }, index));
|
|
67
66
|
}) }, index));
|
|
68
|
-
}) }), _jsx(Table.Body, { className: "border-b border-b-slateA-5 dark:border-b-slateDarkA-5", children: table.getRowModel().rows.map(function (row, index) { return (_jsx(Table.Row, {
|
|
69
|
-
if (!table.options.enableRowSelection)
|
|
70
|
-
setClicked(row.id);
|
|
71
|
-
}, onDoubleClick: function () {
|
|
67
|
+
}) }), _jsx(Table.Body, { className: "border-b border-b-slateA-5 dark:border-b-slateDarkA-5", children: table.getRowModel().rows.map(function (row, index) { return (_jsx(Table.Row, { onDoubleClick: function () {
|
|
72
68
|
return table.options.onRowDoubleClick && table.options.onRowDoubleClick(row);
|
|
73
|
-
}, className: "hover:bg-slateA-3 dark:hover:bg-slateDarkA-3 ".concat(
|
|
69
|
+
}, className: "hover:bg-slateA-3 dark:hover:bg-slateDarkA-3 ".concat(clicked === row.id ? 'bg-slateA-3 dark:bg-slateDarkA-3' : ''), children: row.getVisibleCells().map(function (cell, index) {
|
|
74
70
|
var _a, _b;
|
|
75
71
|
return (_jsx(Table.Cell, __assign({ style: {
|
|
76
72
|
width: cell.column.getSize(),
|
|
77
73
|
borderLeftWidth: index === 0 ? 0 : 1,
|
|
78
74
|
}, onClick: function () {
|
|
79
|
-
|
|
75
|
+
!row.getCanExpand() &&
|
|
76
|
+
table.options.onRowClick &&
|
|
77
|
+
table.options.onRowClick(row);
|
|
78
|
+
if (table.options.enableRowSelection && index === 0)
|
|
79
|
+
return;
|
|
80
|
+
setClicked(row.id);
|
|
80
81
|
} }, cell.column.columnDef.meta, { className: cn('border-l-slateA-5 dark:border-l-slateDarkA-5', (_b = (_a = cell.column.columnDef.meta) === null || _a === void 0 ? void 0 : _a.className) !== null && _b !== void 0 ? _b : ''), children: flexRender(cell.column.columnDef.cell, cell.getContext()) }), index));
|
|
81
|
-
}) }, index)); }) })] }), ((_e = table.options) === null || _e === void 0 ? void 0 : _e.enableRowPagination) && (
|
|
82
|
+
}) }, index)); }) })] }), ((_e = table.options) === null || _e === void 0 ? void 0 : _e.enableRowPagination) && ((_f = table.getRowModel().rows) === null || _f === void 0 ? void 0 : _f.length) > 0 && (_jsx("div", { className: "py-[6px]", children: _jsx(NumberingPagination, { table: table }) }))] }));
|
|
82
83
|
}
|
|
83
84
|
export default Grid;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as e,jsx as o
|
|
2
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t}from"react";import{flexRender as n}from"@tanstack/react-table";import r from"../Table/index.mjs";import{ChevronUpIcon as l,ChevronDownIcon as i}from"@radix-ui/react-icons";import{cn as a}from"../../utils/utils.mjs";import{bgColorStyle as s,radiusVariants as c}from"../../constants.mjs";import{cva as d}from"class-variance-authority";import u from"./NumberingPagination.mjs";var m=function(){return m=Object.assign||function(e){for(var o,t=1,n=arguments.length;t<n;t++)for(var r in o=arguments[t])Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r]);return e},m.apply(this,arguments)},p=d("",{variants:{color:s(),radius:m({},c.large)},defaultVariants:{radius:"medium"}});function g(s){var c,d,g,f,b,h=s.table,v=t(),k=v[0],w=v[1];return e("div",{style:{direction:h.options.columnResizeDirection},children:[e(r.Root,{size:null===(c=h.options)||void 0===c?void 0:c.size,appearance:null===(d=h.options)||void 0===d?void 0:d.appearance,radius:h.options.radius,className:a("",null===(g=h.options)||void 0===g?void 0:g.tableRootClassName),children:[o(r.Header,{children:h.getHeaderGroups().map((function(t,s){return o(r.Row,{children:t.headers.map((function(t,s){var c;return e(r.ColumnHeaderCell,{colSpan:t.colSpan,style:{width:t.getSize(),borderLeftWidth:0===s?0:1},className:"border-l-slateA-5 dark:border-l-slateDarkA-5",children:[t.isPlaceholder?null:e("div",{className:t.column.getCanSort()?"flex cursor-pointer select-none items-center justify-between":"h-full w-full flex-1",onClick:t.column.getToggleSortingHandler(),title:t.column.getCanSort()?"asc"===t.column.getNextSortingOrder()?"Sort ascending":"desc"===t.column.getNextSortingOrder()?"Sort descending":"Clear sort":void 0,children:[n(t.column.columnDef.header,t.getContext()),"asc"==t.column.getIsSorted()?o(l,{}):"desc"==t.column.getIsSorted()?o(i,{}):null]}),o("div",{onDoubleClick:function(){return t.column.resetSize()},onMouseDown:t.getResizeHandler(),onTouchStart:t.getResizeHandler(),className:a("absolute top-0 h-full w-[3px] bg-slateA-3 cursor-col-resize select-none touch-none right-0 opacity-0 hover:opacity-100",h.options.columnResizeDirection,t.column.getIsResizing()?p({color:h.options.color}):""),style:{transform:t.column.getIsResizing()?"translateX(".concat(("rtl"===h.options.columnResizeDirection?-1:1)*(null!==(c=h.getState().columnSizingInfo.deltaOffset)&&void 0!==c?c:0),"px)"):""}})]},s)}))},s)}))}),o(r.Body,{className:"border-b border-b-slateA-5 dark:border-b-slateDarkA-5",children:h.getRowModel().rows.map((function(e,t){return o(r.Row,{onDoubleClick:function(){return h.options.onRowDoubleClick&&h.options.onRowDoubleClick(e)},className:"hover:bg-slateA-3 dark:hover:bg-slateDarkA-3 ".concat(k===e.id?"bg-slateA-3 dark:bg-slateDarkA-3":""),children:e.getVisibleCells().map((function(t,l){var i,s;return o(r.Cell,m({style:{width:t.column.getSize(),borderLeftWidth:0===l?0:1},onClick:function(){!e.getCanExpand()&&h.options.onRowClick&&h.options.onRowClick(e),h.options.enableRowSelection&&0===l||w(e.id)}},t.column.columnDef.meta,{className:a("border-l-slateA-5 dark:border-l-slateDarkA-5",null!==(s=null===(i=t.column.columnDef.meta)||void 0===i?void 0:i.className)&&void 0!==s?s:""),children:n(t.column.columnDef.cell,t.getContext())}),l)}))},t)}))})]}),(null===(f=h.options)||void 0===f?void 0:f.enableRowPagination)&&(null===(b=h.getRowModel().rows)||void 0===b?void 0:b.length)>0&&o("div",{className:"py-[6px]",children:o(u,{table:h})})]})}export{p as GridVariants,g as default};
|
|
3
3
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -31,12 +31,14 @@ import { useTheme } from '../../../lib/theme';
|
|
|
31
31
|
function IndeterminateCheckbox(_a) {
|
|
32
32
|
var indeterminate = _a.indeterminate, checked = _a.checked, disabled = _a.disabled, onChange = _a.onChange, size = _a.size, color = _a.color, radius = _a.radius;
|
|
33
33
|
var ref = useRef();
|
|
34
|
-
React.useEffect(
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
}, [ref, indeterminate]);
|
|
39
|
-
return (_jsx(Checkbox, { ref: ref, id: "checkbox", checked: checked, disabled: disabled, size: size, onCheckedChange: function (v) { return onChange && onChange({ target: { value: v } }); },
|
|
34
|
+
// React.useEffect(() => {
|
|
35
|
+
// if (typeof indeterminate === 'boolean') {
|
|
36
|
+
// ref.current.indeterminate = checked && indeterminate;
|
|
37
|
+
// }
|
|
38
|
+
// }, [ref, indeterminate]);
|
|
39
|
+
return (_jsx(Checkbox, { ref: ref, id: "checkbox", checked: checked, disabled: disabled, size: size, onCheckedChange: function (v) { return onChange && onChange({ target: { value: v } }); },
|
|
40
|
+
// indeterminate={indeterminate}
|
|
41
|
+
className: "mr-0", color: color, radius: radius }));
|
|
40
42
|
}
|
|
41
43
|
export var useGrid = function (_a) {
|
|
42
44
|
var _b, _c, _d, _e;
|
|
@@ -54,7 +56,9 @@ export var useGrid = function (_a) {
|
|
|
54
56
|
columnsData[0] = __assign(__assign({}, columnsData[0]), { cell: function (props) {
|
|
55
57
|
var _a;
|
|
56
58
|
return (_jsxs("div", { className: "flex cursor-pointer items-center", style: { paddingLeft: "".concat(props.row.depth * 20, "px") }, children: [props.row.getCanExpand() ? (_jsx(IconButton, { appearance: "ghost", size: "small", className: "mr-1 h-3 w-3", color: (_a = props.color) !== null && _a !== void 0 ? _a : theme.themeColor, onClick: props.row.getToggleExpandedHandler(), children: props.row.getIsExpanded() ? _jsx(ChevronDownIcon, {}) : _jsx(ChevronRightIcon, {}) })) : (_jsx("div", { className: "mr-2" })), _jsx("div", { onClick: function () {
|
|
57
|
-
props.
|
|
59
|
+
props.row.getCanExpand() &&
|
|
60
|
+
props.table.options.onRowClick &&
|
|
61
|
+
props.table.options.onRowClick(props.row);
|
|
58
62
|
}, className: "w-full", children: firstcell_1 ? firstcell_1(props) : props.getValue() })] }));
|
|
59
63
|
} });
|
|
60
64
|
}
|
|
@@ -62,7 +66,7 @@ export var useGrid = function (_a) {
|
|
|
62
66
|
columnsData === null || columnsData === void 0 ? void 0 : columnsData.unshift({
|
|
63
67
|
id: 'index',
|
|
64
68
|
size: 50,
|
|
65
|
-
header: function () { return _jsx("div", { className: "flex justify-center", children: "NO" }); },
|
|
69
|
+
header: function () { return _jsx("div", { className: "flex w-full justify-center", children: "NO" }); },
|
|
66
70
|
cell: function (_a) {
|
|
67
71
|
var row = _a.row;
|
|
68
72
|
return _jsx("div", { className: "flex justify-center", children: row.index + 1 });
|
|
@@ -76,8 +80,8 @@ export var useGrid = function (_a) {
|
|
|
76
80
|
header: function (_a) {
|
|
77
81
|
var _b, _c;
|
|
78
82
|
var table = _a.table;
|
|
79
|
-
return (_jsx("div", { className: "flex h-full w-full items-center justify-center px-1", children: _jsx(IndeterminateCheckbox, { checked: table.getIsAllRowsSelected()
|
|
80
|
-
indeterminate: table.getIsSomeRowsSelected(),
|
|
83
|
+
return (_jsx("div", { className: "flex h-full w-full items-center justify-center px-1", children: _jsx(IndeterminateCheckbox, { checked: table.getIsAllRowsSelected(),
|
|
84
|
+
// indeterminate: table.getIsSomeRowsSelected(),
|
|
81
85
|
onChange: table.getToggleAllRowsSelectedHandler(),
|
|
82
86
|
size: (props === null || props === void 0 ? void 0 : props.size) == 'x-small' ? 'small' : props === null || props === void 0 ? void 0 : props.size,
|
|
83
87
|
color: (_b = props.color) !== null && _b !== void 0 ? _b : theme.themeColor,
|
|
@@ -86,8 +90,8 @@ export var useGrid = function (_a) {
|
|
|
86
90
|
cell: function (_a) {
|
|
87
91
|
var _b, _c;
|
|
88
92
|
var row = _a.row;
|
|
89
|
-
return (_jsx("div", { className: "flex h-full w-full items-center justify-center px-1", children: _jsx(IndeterminateCheckbox, { checked: row.getIsSelected()
|
|
90
|
-
indeterminate: row.getIsSomeSelected() && !row.getIsAllSubRowsSelected(),
|
|
93
|
+
return (_jsx("div", { className: "flex h-full w-full items-center justify-center px-1", children: _jsx(IndeterminateCheckbox, { checked: row.getIsSelected(),
|
|
94
|
+
// indeterminate: row.getIsSomeSelected() && !row.getIsAllSubRowsSelected(),
|
|
91
95
|
onChange: row.getToggleSelectedHandler(),
|
|
92
96
|
size: (props === null || props === void 0 ? void 0 : props.size) == 'x-small' ? 'small' : props === null || props === void 0 ? void 0 : props.size,
|
|
93
97
|
color: (_b = props.color) !== null && _b !== void 0 ? _b : theme.themeColor,
|
|
@@ -99,7 +103,7 @@ export var useGrid = function (_a) {
|
|
|
99
103
|
sorting: sorting,
|
|
100
104
|
rowSelection: (_c = props.rowSelection) !== null && _c !== void 0 ? _c : defaultRowSelection,
|
|
101
105
|
expanded: (_d = props.expanded) !== null && _d !== void 0 ? _d : defaultExpanded,
|
|
102
|
-
} }, props), { data: props.data, columns: columnsData, color: (_e = props.color) !== null && _e !== void 0 ? _e : theme.themeColor, paginateExpandedRows: true, enableExpanding: !!props.enableExpanding, enableMultiRowSelection: !!props.enableRowSelection, enableRowSelection: !!props.enableRowSelection, getSubRows: function (row) { return row.subRows; }, onExpandedChange: function (e) {
|
|
106
|
+
} }, props), { data: props.data, columns: columnsData, color: (_e = props.color) !== null && _e !== void 0 ? _e : theme.themeColor, paginateExpandedRows: true, enableExpanding: !!props.enableExpanding, enableMultiRowSelection: !!props.enableRowSelection, enableRowSelection: !!props.enableRowSelection, enableSubRowSelection: false, getSubRows: function (row) { return row.subRows; }, onExpandedChange: function (e) {
|
|
103
107
|
setDefaultExpanded(e);
|
|
104
108
|
props.onExpandedChange && props.onExpandedChange(e);
|
|
105
109
|
}, onSortingChange: setSorting, onRowSelectionChange: function (e) {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as e,jsx as n}from"react/jsx-runtime";import{createColumnHelper as o,getSortedRowModel as
|
|
2
|
+
import{jsxs as e,jsx as n}from"react/jsx-runtime";import{createColumnHelper as o,getSortedRowModel as l,getCoreRowModel as t,getExpandedRowModel as r,getPaginationRowModel as a,useReactTable as i}from"@tanstack/react-table";import c,{useRef as d}from"react";import{IconButton as s}from"../IconButton/index.mjs";import{ChevronDownIcon as u,ChevronRightIcon as m}from"@radix-ui/react-icons";import{Checkbox as f}from"../Checkbox/index.mjs";import{useTheme as g}from"../../theme/ThemeProvider.mjs";var p=function(){return p=Object.assign||function(e){for(var n,o=1,l=arguments.length;o<l;o++)for(var t in n=arguments[o])Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t]);return e},p.apply(this,arguments)},h=function(e,n){var o={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&n.indexOf(l)<0&&(o[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(l=Object.getOwnPropertySymbols(e);t<l.length;t++)n.indexOf(l[t])<0&&Object.prototype.propertyIsEnumerable.call(e,l[t])&&(o[l[t]]=e[l[t]])}return o};function w(e){e.indeterminate;var o=e.checked,l=e.disabled,t=e.onChange,r=e.size,a=e.color,i=e.radius,c=d();return n(f,{ref:c,id:"checkbox",checked:o,disabled:l,size:r,onCheckedChange:function(e){return t&&t({target:{value:e}})},className:"mr-0",color:a,radius:i})}var v=function(d){var f,v,x,b,C=h(d,[]),S=g().theme,R=c.useState([]),y=R[0],j=R[1],E=c.useState({}),O=E[0],k=E[1],z=c.useState({}),N=z[0],P=z[1],I=o(),M=null===(f=null==C?void 0:C.columns)||void 0===f?void 0:f.map((function(e){return I.accessor(e.id,p({},e))}));if(C.enableExpanding){var T=M[0].cell;M[0]=p(p({},M[0]),{cell:function(o){var l;return e("div",{className:"flex cursor-pointer items-center",style:{paddingLeft:"".concat(20*o.row.depth,"px")},children:[o.row.getCanExpand()?n(s,{appearance:"ghost",size:"small",className:"mr-1 h-3 w-3",color:null!==(l=o.color)&&void 0!==l?l:S.themeColor,onClick:o.row.getToggleExpandedHandler(),children:o.row.getIsExpanded()?n(u,{}):n(m,{})}):n("div",{className:"mr-2"}),n("div",{onClick:function(){o.row.getCanExpand()&&o.table.options.onRowClick&&o.table.options.onRowClick(o.row)},className:"w-full",children:T?T(o):o.getValue()})]})}})}C.enableIndexing&&!C.enableExpanding&&(null==M||M.unshift({id:"index",size:50,header:function(){return n("div",{className:"flex w-full justify-center",children:"NO"})},cell:function(e){var o=e.row;return n("div",{className:"flex justify-center",children:o.index+1})}})),C.enableRowSelection&&(null==M||M.unshift({id:"select",size:20,header:function(e){var o,l,t=e.table;return n("div",{className:"flex h-full w-full items-center justify-center px-1",children:n(w,{checked:t.getIsAllRowsSelected(),onChange:t.getToggleAllRowsSelectedHandler(),size:"x-small"==(null==C?void 0:C.size)?"small":null==C?void 0:C.size,color:null!==(o=C.color)&&void 0!==o?o:S.themeColor,radius:null!==(l=C.radius)&&void 0!==l?l:S.themeRadius})})},cell:function(e){var o,l,t=e.row;return n("div",{className:"flex h-full w-full items-center justify-center px-1",children:n(w,{checked:t.getIsSelected(),onChange:t.getToggleSelectedHandler(),size:"x-small"==(null==C?void 0:C.size)?"small":null==C?void 0:C.size,color:null!==(o=C.color)&&void 0!==o?o:S.themeColor,radius:null!==(l=C.radius)&&void 0!==l?l:S.themeRadius})})}}));var H=p(p({state:{sorting:y,rowSelection:null!==(v=C.rowSelection)&&void 0!==v?v:N,expanded:null!==(x=C.expanded)&&void 0!==x?x:O}},C),{data:C.data,columns:M,color:null!==(b=C.color)&&void 0!==b?b:S.themeColor,paginateExpandedRows:!0,enableExpanding:!!C.enableExpanding,enableMultiRowSelection:!!C.enableRowSelection,enableRowSelection:!!C.enableRowSelection,enableSubRowSelection:!1,getSubRows:function(e){return e.subRows},onExpandedChange:function(e){k(e),C.onExpandedChange&&C.onExpandedChange(e)},onSortingChange:j,onRowSelectionChange:function(e){P(e),C.onChangeRowSelection&&C.onChangeRowSelection(e)},getSortedRowModel:l(),getCoreRowModel:t(),getExpandedRowModel:r(),manualPagination:!1});return C.enableRowPagination&&(H.getPaginationRowModel=a()),i(H)};export{v as useGrid};
|
|
3
3
|
//# sourceMappingURL=useGrid.mjs.map
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const HoverCard: {
|
|
3
2
|
Root: {
|
|
4
|
-
({ children, radius, size, scaling, weight, color, ...props }: import("@radix-ui/themes/dist/cjs/components/hover-card").RootProps & import("./HoverCardRoot").HoverCardProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
({ children, radius, size, scaling, weight, color, ...props }: import("react").ComponentPropsWithoutRef<import("react").FC<import("@radix-ui/themes/dist/cjs/components/hover-card").RootProps>> & import("./HoverCardRoot").HoverCardProps): import("react/jsx-runtime").JSX.Element;
|
|
5
4
|
displayName: string;
|
|
6
5
|
};
|
|
7
6
|
Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/hover-card").TriggerProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const Menubar: {
|
|
3
2
|
Root: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./MenubarRoot").MenubarProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
3
|
Menu: import("react").ForwardRefExoticComponent<import("@radix-ui/react-menubar").MenubarMenuProps & {
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const Modal: {
|
|
3
2
|
Root: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogProps & import("./ModalRoot").ModalRootProps & import("react").RefAttributes<never>>;
|
|
4
3
|
Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
4
|
Portal: {
|
|
6
|
-
({ children, ...props }: import("@radix-ui/react-dialog").DialogPortalProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
({ children, ...props }: import("react").ComponentPropsWithoutRef<import("react").FC<import("@radix-ui/react-dialog").DialogPortalProps>>): import("react/jsx-runtime").JSX.Element;
|
|
7
6
|
displayName: string;
|
|
8
7
|
};
|
|
9
8
|
Overlay: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const NavigationMenu: {
|
|
3
2
|
Root: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("./NavigationMenuRoot").NavigationMenuProps & import("react").RefAttributes<HTMLElement>>;
|
|
4
3
|
List: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>, "ref"> & import("./NavigationMenuList").NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>>;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const Popover: {
|
|
3
2
|
Root: {
|
|
4
|
-
({ children, radius, size, scaling, ...props }: import("@radix-ui/themes/dist/cjs/components/popover").RootProps & import("./PopoverRoot").PopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
({ children, radius, size, scaling, ...props }: import("react").ComponentPropsWithoutRef<import("react").FC<import("@radix-ui/themes/dist/cjs/components/popover").RootProps>> & import("./PopoverRoot").PopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
5
4
|
displayName: string;
|
|
6
5
|
};
|
|
7
6
|
Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/popover").TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const RadioCards: {
|
|
3
2
|
Root: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes/dist/cjs/components/radio-cards").RootProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "color" | "size"> & import("./RadioCardsRoot").RadioCardsProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
3
|
Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/radio-cards").ItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./RadioCardsItem").RadioCardsItemProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const RadioGroup: {
|
|
3
2
|
Root: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes/dist/cjs/components/radio-group").RootProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "size"> & import("./RadioGroupRoot").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
3
|
Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/radio-group").ItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./RadioGroupItem").RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const SegmentedControl: {
|
|
3
2
|
Root: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes/dist/cjs/components/segmented-control").RootProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "size"> & import("./SegmentedControlRoot").SegmentedControlProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
3
|
Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/segmented-control").ItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./SegmentedControlItem").SegmentedControlItemProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -86,7 +86,7 @@ export var Root = React.forwardRef(function (_a, forwardedRef) {
|
|
|
86
86
|
return;
|
|
87
87
|
}
|
|
88
88
|
setShowMessage(false);
|
|
89
|
-
} }, textFieldProps, { children: [children, validationType == 'password' && (_jsx(TextField.Slot, { side: 'right', children: _jsx(IconButton, { appearance: "ghost", color: "slate", onMouseDown: function (e) { return setIsMouseDown(true); }, onMouseUp: function (e) { return setIsMouseDown(false); }, children: isMouseDown ? (_jsx(EyeOpenIcon, { height: "14", width: "14" })) : (_jsx(EyeClosedIcon, { height: "14", width: "14" })) }) }))] })) }), showMessage && (_jsx(Text, { size: "1", color: contextValue.color, children: warningMessage ? warningMessage : message }))] }));
|
|
89
|
+
} }, textFieldProps, { children: [children, validationType == 'password' && (_jsx(TextField.Slot, { side: 'right', children: _jsx(IconButton, { type: "button", appearance: "ghost", color: "slate", onMouseDown: function (e) { return setIsMouseDown(true); }, onMouseUp: function (e) { return setIsMouseDown(false); }, children: isMouseDown ? (_jsx(EyeOpenIcon, { height: "14", width: "14" })) : (_jsx(EyeClosedIcon, { height: "14", width: "14" })) }) }))] })) }), showMessage && (_jsx(Text, { size: "1", color: contextValue.color, children: warningMessage ? warningMessage : message }))] }));
|
|
90
90
|
});
|
|
91
91
|
Root.displayName = 'TextField.Root';
|
|
92
92
|
export var Slot = React.forwardRef(function (_a, forwardedRef) {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as r,jsx as e}from"react/jsx-runtime";import o,{useState as a}from"react";import{cva as t}from"class-variance-authority";import{cn as n}from"../../utils/utils.mjs";import{radiusVariants as i,bgColorStyle as l}from"../../constants.mjs";import{Theme as s,TextField as c}from"@radix-ui/themes";import{useTheme as u}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as d}from"../../color/constants.mjs";import{Text as m}from"../../Typography/Text/index.mjs";import{IconButton as p}from"../IconButton/index.mjs";import{EyeOpenIcon as f,EyeClosedIcon as h}from"@radix-ui/react-icons";var g=function(){return g=Object.assign||function(r){for(var e,o=1,a=arguments.length;o<a;o++)for(var t in e=arguments[o])Object.prototype.hasOwnProperty.call(e,t)&&(r[t]=e[t]);return r},g.apply(this,arguments)},v=function(r,e){var o={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(o[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(a=Object.getOwnPropertySymbols(r);t<a.length;t++)e.indexOf(a[t])<0&&Object.prototype.propertyIsEnumerable.call(r,a[t])&&(o[a[t]]=r[a[t]])}return o},y=t("",{variants:{radius:g({},i.base),color:l()}}),x=o.forwardRef((function(o,t){var i,l,x,w=o.className,
|
|
2
|
+
import{jsxs as r,jsx as e}from"react/jsx-runtime";import o,{useState as a}from"react";import{cva as t}from"class-variance-authority";import{cn as n}from"../../utils/utils.mjs";import{radiusVariants as i,bgColorStyle as l}from"../../constants.mjs";import{Theme as s,TextField as c}from"@radix-ui/themes";import{useTheme as u}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as d}from"../../color/constants.mjs";import{Text as m}from"../../Typography/Text/index.mjs";import{IconButton as p}from"../IconButton/index.mjs";import{EyeOpenIcon as f,EyeClosedIcon as h}from"@radix-ui/react-icons";var g=function(){return g=Object.assign||function(r){for(var e,o=1,a=arguments.length;o<a;o++)for(var t in e=arguments[o])Object.prototype.hasOwnProperty.call(e,t)&&(r[t]=e[t]);return r},g.apply(this,arguments)},v=function(r,e){var o={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(o[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(a=Object.getOwnPropertySymbols(r);t<a.length;t++)e.indexOf(a[t])<0&&Object.prototype.propertyIsEnumerable.call(r,a[t])&&(o[a[t]]=r[a[t]])}return o},y=t("",{variants:{radius:g({},i.base),color:l()}}),x=o.forwardRef((function(o,t){var i,l,x,w=o.className,j=o.color,O=o.size,N=o.appearance,T=o.scaling,z=o.radius,S=o.children,R=o.validationType,B=o.regex,C=o.warningMessage,P=o.onChange,M=o.onBlur,F=v(o,["className","color","size","appearance","scaling","radius","children","validationType","regex","warningMessage","onChange","onBlur"]),I=u().theme,$=a(!1),k=$[0],D=$[1],E=a(null!==(i=F.defaultValue)&&void 0!==i?i:""),U=E[0],V=E[1],_=a(!1),q=_[0],A=_[1],G="2";"small"===O&&(G="1"),"large"===O&&(G="3");var H={scaling:null!==(l=null!=T?T:I.themeScaling)&&void 0!==l?l:"100%",radius:null!=z?z:I.themeRadius,color:null!==(x=null!=j?j:I.themeColor)&&void 0!==x?x:d},J=/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/,K=/^[0-9]+$/,L="";return"number"==R&&(L="숫자만 입력 가능합니다."),"email"==R&&(L="이메일 형식에 어긋납니다."),"password"==(null==F?void 0:F.type)&&delete F.type,r("div",{children:[e(s,{scaling:H.scaling,accentColor:H.color,hasBackground:!1,children:r(c.Root,g({ref:t,variant:N,size:G,type:"password"!==R||q?"text":"password",radius:H.radius,color:H.color,className:n(y({radius:H.radius}),w),onChange:function(r){r.target.value&&B?D(!0):"number"!=R||!r.target.value||B||K.test(r.target.value)?(D(!1),V(r.target.value),P&&P(r)):D(!0)},value:U,onBlur:function(r){M&&M(r),"email"!=R||!r.target.value||J.test(r.target.value)?D(!1):D(!0)}},F,{children:[S,"password"==R&&e(b.Slot,{side:"right",children:e(p,{type:"button",appearance:"ghost",color:"slate",onMouseDown:function(r){return A(!0)},onMouseUp:function(r){return A(!1)},children:e(q?f:h,{height:"14",width:"14"})})})]}))}),k&&e(m,{size:"1",color:H.color,children:C||L})]})}));x.displayName="TextField.Root";var w=o.forwardRef((function(r,o){var a=r.className,t=r.color,i=r.side,l=r.radius,s=r.children,u=v(r,["className","color","side","radius","children"]);return e(c.Slot,g({ref:o,color:t,side:i,className:n(y({radius:l}),a)},u,{children:s}))}));w.displayName="TextField.Slot";var b={Root:x,Slot:w};export{x as Root,w as Slot,b as default};
|
|
3
3
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const Timeline: {
|
|
3
2
|
Root: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLOListElement> & import("./TimelineRoot").TimelineRootProps & import("react").RefAttributes<HTMLOListElement>>;
|
|
4
3
|
Item: import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { Dispatch, SetStateAction } from 'react';
|
|
1
|
+
import React, { Dispatch, SetStateAction, CSSProperties } from 'react';
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
3
|
import * as ToastPrimitive from '@radix-ui/react-toast';
|
|
4
4
|
import { toastTitleVariants } from './ToastTitle';
|
|
@@ -6,6 +6,7 @@ import { toastDescriptionVariants } from './ToastDescription';
|
|
|
6
6
|
import { toastActionButtonVariants } from './ToastActionButton';
|
|
7
7
|
export interface ToastProps extends VariantProps<typeof toastVariants>, VariantProps<typeof toastTitleVariants>, VariantProps<typeof toastDescriptionVariants>, VariantProps<typeof toastActionButtonVariants>, VariantProps<typeof toastViewportVariants> {
|
|
8
8
|
className?: string;
|
|
9
|
+
style?: CSSProperties;
|
|
9
10
|
openToast?: boolean;
|
|
10
11
|
duration?: number;
|
|
11
12
|
titleText?: string;
|
|
@@ -82,7 +82,7 @@ export var useToastContext = function () {
|
|
|
82
82
|
return useContext(ToastContext);
|
|
83
83
|
};
|
|
84
84
|
export var ToastRoot = forwardRef(function (_a, ref) {
|
|
85
|
-
var className = _a.className, children = _a.children, openToast = _a.openToast, radius = _a.radius, scaling = _a.scaling, size = _a.size, color = _a.color, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, _c = _a.toastPosition, toastPosition = _c === void 0 ? 'top_right' : _c, setOpenToast = _a.setOpenToast, props = __rest(_a, ["className", "children", "openToast", "radius", "scaling", "size", "color", "duration", "toastPosition", "setOpenToast"]);
|
|
85
|
+
var className = _a.className, style = _a.style, children = _a.children, openToast = _a.openToast, radius = _a.radius, scaling = _a.scaling, size = _a.size, color = _a.color, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, _c = _a.toastPosition, toastPosition = _c === void 0 ? 'top_right' : _c, setOpenToast = _a.setOpenToast, props = __rest(_a, ["className", "style", "children", "openToast", "radius", "scaling", "size", "color", "duration", "toastPosition", "setOpenToast"]);
|
|
86
86
|
var theme = useTheme().theme;
|
|
87
87
|
var contextValue = {
|
|
88
88
|
radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
|
|
@@ -92,7 +92,7 @@ export var ToastRoot = forwardRef(function (_a, ref) {
|
|
|
92
92
|
};
|
|
93
93
|
var toastRootStyle = "\n shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] \n flex flex-col px-[15px] relative justify-center\n data-[state=open]:animate-slideIn \n data-[state=closed]:animate-hide \n data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] \n data-[swipe=cancel]:translate-x-0 \n data-[swipe=cancel]:transition-[transform_200ms_ease-out] \n data-[swipe=end]:animate-swipeOut\n ";
|
|
94
94
|
var toastClassName = cn(toastVariants(contextValue), toastRootStyle, className);
|
|
95
|
-
return (_jsx(ToastContext.Provider, { value: contextValue, children: _jsxs(ToastPrimitive.Provider, { swipeDirection: "right", duration: duration, children: [_jsx(ToastPrimitive.Root, __assign({ ref: ref, className: toastClassName, open: openToast, onOpenChange: setOpenToast }, props, { children: children })), _jsx(ToastPrimitive.Viewport, { className: cn(toastViewportVariants({ toastPosition: toastPosition })) })] }) }));
|
|
95
|
+
return (_jsx(ToastContext.Provider, { value: contextValue, children: _jsxs(ToastPrimitive.Provider, { swipeDirection: "right", duration: duration, children: [_jsx(ToastPrimitive.Root, __assign({ ref: ref, className: toastClassName, open: openToast, onOpenChange: setOpenToast, style: style }, props, { children: children })), _jsx(ToastPrimitive.Viewport, { className: cn(toastViewportVariants({ toastPosition: toastPosition })) })] }) }));
|
|
96
96
|
});
|
|
97
97
|
ToastRoot.displayName = 'Toast.Root';
|
|
98
98
|
export default ToastRoot;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{createContext as r,forwardRef as a,useContext as o}from"react";import{cva as n}from"class-variance-authority";import{cn as i}from"../../utils/utils.mjs";import{scalingVariants as s}from"../../constants.mjs";import*as l from"@radix-ui/react-toast";import{useTheme as p}from"../../theme/ThemeProvider.mjs";var d=function(){return d=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},d.apply(this,arguments)},m=function(t,e){var r={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(r[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(t);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(t,a[o])&&(r[a[o]]=t[a[o]])}return r},c=n("flex bg-white dark:bg-slateDark-1",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"w-[300px] min-h-[55px] p-3",medium:"w-[400px] min-h-[63px] p-3",large:"w-[400px] min-h-[84px] p-4","x-large":"w-[400px] min-h-[88px] p-4"},scaling:d({},s),color:{danger:"bg-red-3 dark:bg-redDark-3",warning:"bg-amber-3 dark:bg-amberDark-3",success:"bg-green-3 dark:bg-greenDark-3",information:"bg-sky-3 dark:bg-skyDark-3"}},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),u=n("[--viewport-padding:_25px] fixed flex flex-col outline-none gap-[10px]\n p-[var(--viewport-padding)] m-0 list-none z-[987654321]",{variants:{toastPosition:{top_center:"top-0 left-1/2 transform -translate-x-1/2",top_left:"top-0 left-0",top_right:"top-0 right-0",bottom_center:"bottom-0 left-1/2 transform -translate-x-1/2",bottom_left:"bottom-0 left-0",bottom_right:"bottom-0 right-0"}},defaultVariants:{toastPosition:"top_right"}}),f=r({radius:"medium",scaling:"100%",size:"medium",color:null}),g=function(){return o(f)},x=a((function(r,a){var o=r.className,n=r.
|
|
2
|
+
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{createContext as r,forwardRef as a,useContext as o}from"react";import{cva as n}from"class-variance-authority";import{cn as i}from"../../utils/utils.mjs";import{scalingVariants as s}from"../../constants.mjs";import*as l from"@radix-ui/react-toast";import{useTheme as p}from"../../theme/ThemeProvider.mjs";var d=function(){return d=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},d.apply(this,arguments)},m=function(t,e){var r={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(r[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(t);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(t,a[o])&&(r[a[o]]=t[a[o]])}return r},c=n("flex bg-white dark:bg-slateDark-1",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"w-[300px] min-h-[55px] p-3",medium:"w-[400px] min-h-[63px] p-3",large:"w-[400px] min-h-[84px] p-4","x-large":"w-[400px] min-h-[88px] p-4"},scaling:d({},s),color:{danger:"bg-red-3 dark:bg-redDark-3",warning:"bg-amber-3 dark:bg-amberDark-3",success:"bg-green-3 dark:bg-greenDark-3",information:"bg-sky-3 dark:bg-skyDark-3"}},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),u=n("[--viewport-padding:_25px] fixed flex flex-col outline-none gap-[10px]\n p-[var(--viewport-padding)] m-0 list-none z-[987654321]",{variants:{toastPosition:{top_center:"top-0 left-1/2 transform -translate-x-1/2",top_left:"top-0 left-0",top_right:"top-0 right-0",bottom_center:"bottom-0 left-1/2 transform -translate-x-1/2",bottom_left:"bottom-0 left-0",bottom_right:"bottom-0 right-0"}},defaultVariants:{toastPosition:"top_right"}}),f=r({radius:"medium",scaling:"100%",size:"medium",color:null}),g=function(){return o(f)},x=a((function(r,a){var o=r.className,n=r.style,s=r.children,g=r.openToast,x=r.radius,h=r.scaling,_=r.size,b=r.color,v=r.duration,w=void 0===v?3e3:v,y=r.toastPosition,O=void 0===y?"top_right":y,k=r.setOpenToast,P=m(r,["className","style","children","openToast","radius","scaling","size","color","duration","toastPosition","setOpenToast"]),j=p().theme,z={radius:null!=x?x:j.themeRadius,scaling:null!=h?h:j.themeScaling,color:b,size:_},D=i(c(z),"\n shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] \n flex flex-col px-[15px] relative justify-center\n data-[state=open]:animate-slideIn \n data-[state=closed]:animate-hide \n data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] \n data-[swipe=cancel]:translate-x-0 \n data-[swipe=cancel]:transition-[transform_200ms_ease-out] \n data-[swipe=end]:animate-swipeOut\n ",o);return t(f.Provider,{value:z,children:e(l.Provider,{swipeDirection:"right",duration:w,children:[t(l.Root,d({ref:a,className:D,open:g,onOpenChange:k,style:n},P,{children:s})),t(l.Viewport,{className:i(u({toastPosition:O}))})]})})}));x.displayName="Toast.Root";export{x as ToastRoot,x as default,c as toastVariants,u as toastViewportVariants,g as useToastContext};
|
|
3
3
|
//# sourceMappingURL=ToastRoot.mjs.map
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const Toast: {
|
|
3
2
|
Root: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toast").ToastProviderProps & import("./ToastRoot").ToastProps & import("react").RefAttributes<never>>;
|
|
4
3
|
Title: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-toast").ToastTitleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./ToastTitle").ToastTitleProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const ToggleGroup: {
|
|
3
2
|
Root: import("react").ForwardRefExoticComponent<(import("react").ComponentPropsWithoutRef<import("react").ForwardRefExoticComponent<(import("@radix-ui/react-toggle-group").ToggleGroupSingleProps | import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps) & import("react").RefAttributes<HTMLDivElement>>> & import("./ToggleGroupRoot").ToggleGroupProps) & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
3
|
Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./ToggleGroupItem").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -20,8 +20,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
20
20
|
});
|
|
21
21
|
};
|
|
22
22
|
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
23
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
24
|
-
return g =
|
|
23
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
|
24
|
+
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
25
25
|
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
26
26
|
function step(op) {
|
|
27
27
|
if (f) throw new TypeError("Generator is already executing.");
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";import{primaryColorStyle as r}from"../../constants.mjs";import o,{useState as l,useRef as i,useCallback as a,useEffect as c}from"react";import{StaticTreeDataProvider as u,UncontrolledTreeEnvironment as s,Tree as f}from"react-complex-tree";import d from"../TextField/index.mjs";import{Button as m}from"../Button/index.mjs";import{MAIN_COLOR as p}from"../../color/constants.mjs";import{useTheme as h}from"../../theme/ThemeProvider.mjs";var v=function(){return v=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},v.apply(this,arguments)},y=function(e,t,n,r){return new(n||(n=Promise))((function(o,l){function i(e){try{c(r.next(e))}catch(e){l(e)}}function a(e){try{c(r.throw(e))}catch(e){l(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,a)}c((r=r.apply(e,t||[])).next())}))},b=function(e,t){var n,r,o,l
|
|
2
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";import{primaryColorStyle as r}from"../../constants.mjs";import o,{useState as l,useRef as i,useCallback as a,useEffect as c}from"react";import{StaticTreeDataProvider as u,UncontrolledTreeEnvironment as s,Tree as f}from"react-complex-tree";import d from"../TextField/index.mjs";import{Button as m}from"../Button/index.mjs";import{MAIN_COLOR as p}from"../../color/constants.mjs";import{useTheme as h}from"../../theme/ThemeProvider.mjs";var v=function(){return v=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},v.apply(this,arguments)},y=function(e,t,n,r){return new(n||(n=Promise))((function(o,l){function i(e){try{c(r.next(e))}catch(e){l(e)}}function a(e){try{c(r.throw(e))}catch(e){l(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,a)}c((r=r.apply(e,t||[])).next())}))},b=function(e,t){var n,r,o,l={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},i=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return i.next=a(0),i.throw=a(1),i.return=a(2),"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function a(a){return function(c){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;i&&(i=0,a[0]&&(l=0)),l;)try{if(n=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return l.label++,{value:a[1],done:!1};case 5:l.label++,r=a[1],a=[0];continue;case 7:a=l.ops.pop(),l.trys.pop();continue;default:if(!(o=l.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){l=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){l.label=a[1];break}if(6===a[0]&&l.label<o[1]){l.label=o[1],o=a;break}if(o&&l.label<o[2]){l.label=o[2],l.ops.push(a);break}o[2]&&l.ops.pop(),l.trys.pop();continue}a=t.call(e,l)}catch(e){a=[6,e],r=0}finally{n=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,c])}}},x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},g=function(e,t,n){if(n||2===arguments.length)for(var r,o=0,l=t.length;o<l;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))};function w(e,t){var n=[];return Object.values(e).forEach((function(e){e[t]&&n.push(e.index)})),n}n("",{variants:{color:r()}});var I=null,j=o.forwardRef((function(n,r){var o,j,O,k=n.items,S=n.treeId;n.className;var T=n.color,P=n.isSearch,E=n.keyword,C=x(n,["items","treeId","className","color","isSearch","keyword"]),N=l(""),F=N[0],R=N[1],B=i(null),D=l({}),L=D[0],q=D[1],A=w(k,"isFocusd"),z=w(k,"isExpanded"),G=w(k,"isSelected");I=new u(L,(function(e,t){return v(v({},e),{data:t})}));var H=h().theme,J={color:null!==(j=null!=T?T:H.themeColor)&&void 0!==j?j:p},K=a((function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return y(void 0,g([e],t,!0),void 0,(function(e,t){var n,r,o,l,i;return void 0===t&&(t="root"),b(this,(function(a){switch(a.label){case 0:return I?[4,I.getTreeItem(t)]:[2];case 1:return(n=a.sent()).data.toLowerCase().includes(e.toLowerCase())?[2,[n.index]]:[4,Promise.all(null!==(i=null===(l=n.children)||void 0===l?void 0:l.map((function(t){return K(e,t)})))&&void 0!==i?i:[])];case 2:return r=a.sent(),o=r.find((function(e){return null!==e})),o?[2,g([n.index],o,!0)]:[2,null]}}))}))}),[I]),M=a((function(e){e.preventDefault(),F&&K(F).then((function(e){var t;e&&(null===(t=B.current)||void 0===t||t.expandSubsequently(e).then((function(){var t,n;null===(t=B.current)||void 0===t||t.selectItems([e[e.length-1]]),null===(n=B.current)||void 0===n||n.focusItem(e[e.length-1])})))}))}),[K,F]);return c((function(){E&&K(E).then((function(e){var t;e&&(null===(t=B.current)||void 0===t||t.expandSubsequently(e).then((function(){var t,n;null===(t=B.current)||void 0===t||t.selectItems([e[e.length-1]]),null===(n=B.current)||void 0===n||n.focusItem(e[e.length-1])})))}))}),[E]),c((function(){if(k){var e=[],t=[];k.map((function(e){t.push.apply(t,e.children)})),k.forEach((function(n){t.includes(n.index)||e.push(n.index)}));var n={};n.root={index:"root",isFolder:!0,children:e,data:"Root item"},k.map((function(e){n[e.index]=v(v({},e),{isFolder:e.children.length>0})})),q(n)}}),[k]),c((function(){Object.keys(L).length>0&&I&&(null==I||I.onDidChangeTreeDataEmitter.emit(Object.keys(L)))}),[L]),e("div",{className:"text-slate-12",children:[P&&e("div",{className:"flex",children:[t(d.Root,{color:J.color,value:F,onChange:function(e){return R(e.target.value)},placeholder:"검색어를 입력하세요",className:"mr-2"}),t(m,{color:J.color,onClick:M,children:"검색"})]}),t(s,v({ref:r,dataProvider:I,getItemTitle:function(e){return e.data},viewState:(o={},o[S]={focusedItem:null!==(O=A[0])&&void 0!==O?O:"",expandedItems:z,selectedItems:G},o),keyboardBindings:v({renameItem:["enter"],abortRenameItem:["control+z"]},C.keyboardBindings)},C,{canSearch:!1,children:t(f,{ref:B,treeId:S,rootItem:"root",treeLabel:"Tree Example"})}))]})}));j.displayName="Tree";export{j as Tree,I as treeProvider};
|
|
3
3
|
//# sourceMappingURL=index.mjs.map
|
package/dist/lib/constants.d.ts
CHANGED
|
@@ -649,6 +649,6 @@ export declare const textColorStyle: () => Record<string, string>;
|
|
|
649
649
|
export declare const borderColorStyle: () => Record<string, string>;
|
|
650
650
|
export declare const appearanceStyle: (type: string, color?: string, isClickable?: boolean) => string;
|
|
651
651
|
export declare const toggleAppearanceStyle: (type: string, color?: string, isClickable?: boolean, stateOn?: string) => string;
|
|
652
|
-
export declare const menuItemAppearanceStyle: (type:
|
|
652
|
+
export declare const menuItemAppearanceStyle: (type: "solid" | "soft" | "ghost", color?: string) => string;
|
|
653
653
|
export declare const checkboxAppearanceStyle: (type: string, color: string | undefined, indeterminate: boolean) => string;
|
|
654
|
-
export declare const selectAppearanceStyle: (type:
|
|
654
|
+
export declare const selectAppearanceStyle: (type: "classic" | "surface" | "soft" | "ghost", color: string) => string;
|