kku-ui 0.0.454 → 0.0.455
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 +1 -0
- package/lib/esm/src/common/base/base.interface.d.ts +1 -0
- package/lib/esm/src/common/base/base.interface.js +1 -1
- package/lib/esm/src/common/base/base.interface.js.map +1 -1
- package/lib/esm/src/common/hook/useClickOutside.d.ts +2 -0
- package/lib/esm/src/common/hook/useClickOutside.js +1 -0
- package/lib/esm/src/common/hook/useClickOutside.js.map +1 -0
- package/lib/esm/src/common/util/variation.js +1 -1
- package/lib/esm/src/common/util/variation.js.map +1 -1
- package/lib/esm/src/components/drop-holder/KDropHolder.d.ts +3 -0
- package/lib/esm/src/components/drop-holder/KDropHolder.interface.d.ts +15 -0
- package/lib/esm/src/components/drop-holder/KDropHolder.interface.js +1 -0
- package/lib/esm/src/components/drop-holder/KDropHolder.interface.js.map +1 -0
- package/lib/esm/src/components/drop-holder/KDropHolder.js +1 -0
- package/lib/esm/src/components/drop-holder/KDropHolder.js.map +1 -0
- package/lib/esm/src/components/drop-holder/index.d.ts +2 -0
- package/lib/esm/src/components/drop-holder/index.js +1 -0
- package/lib/esm/src/components/drop-holder/index.js.map +1 -0
- package/lib/esm/src/components/icon/KIcon.d.ts +1 -0
- package/lib/esm/src/components/icon/KIcon.js +1 -1
- package/lib/esm/src/components/icon/KIcon.js.map +1 -1
- package/lib/esm/src/components/icon/index.d.ts +1 -0
- package/lib/esm/src/components/icon/index.js +1 -1
- package/lib/esm/src/components/icon/index.js.map +1 -1
- package/lib/esm/src/components/index.d.ts +3 -0
- package/lib/esm/src/components/index.js +1 -1
- package/lib/esm/src/components/index.js.map +1 -1
- package/lib/esm/src/components/input/checkbox/KCheckbox.d.ts +3 -0
- package/lib/esm/src/components/input/checkbox/KCheckbox.interface.d.ts +22 -0
- package/lib/esm/src/components/input/checkbox/KCheckbox.interface.js +1 -0
- package/lib/esm/src/components/input/checkbox/KCheckbox.interface.js.map +1 -0
- package/lib/esm/src/components/input/checkbox/KCheckbox.js +1 -0
- package/lib/esm/src/components/input/checkbox/KCheckbox.js.map +1 -0
- package/lib/esm/src/components/input/checkbox/index.d.ts +2 -0
- package/lib/esm/src/components/input/checkbox/index.js +1 -0
- package/lib/esm/src/components/input/checkbox/index.js.map +1 -0
- package/lib/esm/src/components/input/checkbox-group/KCheckboxGroup.d.ts +9 -0
- package/lib/esm/src/components/input/checkbox-group/KCheckboxGroup.interface.d.ts +17 -0
- package/lib/esm/src/components/input/checkbox-group/KCheckboxGroup.interface.js +1 -0
- package/lib/esm/src/components/input/checkbox-group/KCheckboxGroup.interface.js.map +1 -0
- package/lib/esm/src/components/input/checkbox-group/KCheckboxGroup.js +1 -0
- package/lib/esm/src/components/input/checkbox-group/KCheckboxGroup.js.map +1 -0
- package/lib/esm/src/components/input/checkbox-group/index.d.ts +2 -0
- package/lib/esm/src/components/input/checkbox-group/index.js +1 -0
- package/lib/esm/src/components/input/checkbox-group/index.js.map +1 -0
- package/lib/esm/src/components/input/select/KSelect.interface.d.ts +9 -0
- package/lib/esm/src/components/input/select/KSelect.js +1 -1
- package/lib/esm/src/components/input/select/KSelect.js.map +1 -1
- package/lib/esm/src/components/input/select/KSelectList.d.ts +3 -0
- package/lib/esm/src/components/input/select/KSelectList.js +1 -0
- package/lib/esm/src/components/input/select/KSelectList.js.map +1 -0
- package/lib/esm/src/components/input/select/index.d.ts +1 -0
- package/lib/esm/src/components/input/select/index.js +1 -1
- package/lib/esm/src/components/input/select/index.js.map +1 -1
- package/lib/esm/src/components/input/textfield/KTextField.interface.d.ts +1 -0
- package/lib/esm/src/components/input/textfield/KTextField.js +1 -1
- package/lib/esm/src/components/input/textfield/KTextField.js.map +1 -1
- package/lib/esm/src/components/input/textfield/index.d.ts +1 -0
- package/lib/esm/src/components/input/textfield/index.js +1 -1
- package/lib/esm/src/components/input/textfield/index.js.map +1 -1
- package/lib/styles/index.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -19,6 +19,7 @@ export interface KSizeProp {
|
|
|
19
19
|
export declare const variants: {
|
|
20
20
|
readonly primary: "primary";
|
|
21
21
|
readonly outlined: "outlined";
|
|
22
|
+
readonly default: "default";
|
|
22
23
|
};
|
|
23
24
|
export type VariantType = (typeof variants)[keyof typeof variants];
|
|
24
25
|
export interface KVariantProp {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";export const sizes={large:"large",medium:"medium",small:"small"},variants={primary:"primary",outlined:"outlined"};
|
|
1
|
+
"use strict";export const sizes={large:"large",medium:"medium",small:"small"},variants={primary:"primary",outlined:"outlined",default:"default"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.interface.js","sourceRoot":"","sources":["../../../../../src/common/base/base.interface.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAW,CAAC;AAanF,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"base.interface.js","sourceRoot":"","sources":["../../../../../src/common/base/base.interface.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAW,CAAC;AAanF,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";import{useEffect as i}from"react";export default function r(e,n){i(()=>{const t=o=>{e.current&&!e.current.contains(o.target)&&n()};return window.addEventListener("mousedown",t),()=>{window.removeEventListener("mousedown",t)}},[e])}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useClickOutside.js","sourceRoot":"","sources":["../../../../../src/common/hook/useClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,GAAyC,EACzC,QAAoB;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,CAAa,EAAE,EAAE;YAC3C,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAqB,CAAC,EAAE,CAAC;gBAClE,QAAQ,EAAE,CAAC;YACb,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAEzD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC9D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACZ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{sizes as p,variants as f}from"../../common/base/base.interface";export const initSize=(s,e,o,$,
|
|
1
|
+
"use strict";import{sizes as p,variants as f}from"../../common/base/base.interface";export const initSize=(s,e,r,o,$,h)=>{const l=[o,$,h].filter(u=>u);if(r&&l.length>0||l.length>1)throw Error("Error: Multiple sizes are not allowed.");r?s.push(`${e}--${r}`):o?s.push(`${e}--${p.large}`):$?s.push(`${e}--${p.medium}`):h?s.push(`${e}--${p.small}`):s.push(`${e}--${p.medium}`)},initVariant=(s,e,r,o,$)=>{if(r&&(o||$)||o&&$)throw Error("Multiple variant are not allowed.");r?s.push(`${e}--${r}`):o?s.push(`${e}--${f.primary}`):$?s.push(`${e}--${f.outlined}`):s.push(`${e}--default`)},initDisabled=(s,e,r)=>{r&&s.push(`${e}--disabled`)};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variation.js","sourceRoot":"","sources":["../../../../../src/common/util/variation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAe,QAAQ,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"variation.js","sourceRoot":"","sources":["../../../../../src/common/util/variation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAe,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAQtF,MAAM,CAAC,MAAM,QAAQ,GAAiB,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;IAEpF,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAE5D,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACjE,MAAM,KAAK,CAAC,wCAAwC,CAAC,CAAC;IACxD,CAAC;IAED,IAAI,IAAI,EAAE,CAAC;QACT,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,KAAK,IAAI,EAAE,CAAC,CAAC;IACrC,CAAC;SAAM,IAAI,KAAK,EAAE,CAAC;QACjB,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,KAAK,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;IAC5C,CAAC;SAAM,IAAI,MAAM,EAAE,CAAC;QAClB,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,KAAK,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;IAC7C,CAAC;SAAM,IAAI,KAAK,EAAE,CAAC;QACjB,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,KAAK,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;IAC5C,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,KAAK,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;IAC7C,CAAC;AACH,CAAC,CAAC;AAUF,MAAM,CAAC,MAAM,WAAW,GAAkB,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;IAExF,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,EAAE,CAAC;QAChE,MAAM,KAAK,CAAC,mCAAmC,CAAC,CAAC;IACnD,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,KAAK,OAAO,EAAE,CAAC,CAAC;IACxC,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC;QACnB,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,KAAK,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;IACjD,CAAC;SAAM,IAAI,QAAQ,EAAE,CAAC;QACpB,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,KAAK,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;IAClD,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,WAAW,CAAC,CAAC;IACrC,CAAC;AACH,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAe,EAAE,QAAgB,EAAE,QAAkB,EAAE,EAAE;IACpF,IAAI,QAAQ,EAAE,CAAC;QAAC,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,YAAY,CAAC,CAAC;IAAC,CAAC;AACxD,CAAC,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { KDropHolderProps, KDropHolderRefs } from '../../components/drop-holder/KDropHolder.interface';
|
|
2
|
+
declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<KDropHolderProps & import("react").RefAttributes<KDropHolderRefs>>>;
|
|
3
|
+
export default _default;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { KBaseProp } from '../../common/base/base.interface';
|
|
3
|
+
type KDropHolderPositionType = 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-left' | 'top-center' | 'top-right';
|
|
4
|
+
export interface KDropHolderProps extends KBaseProp {
|
|
5
|
+
position?: KDropHolderPositionType;
|
|
6
|
+
offset?: string;
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
content: ReactNode;
|
|
9
|
+
onClick?: () => void;
|
|
10
|
+
}
|
|
11
|
+
export interface KDropHolderRefs {
|
|
12
|
+
open: () => void;
|
|
13
|
+
close: () => void;
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";export{};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KDropHolder.interface.js","sourceRoot":"","sources":["../../../../../src/components/drop-holder/KDropHolder.interface.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";import{Fragment as N,jsx as p}from"react/jsx-runtime";import{forwardRef as X,useState as h,useMemo as l,memo as A,useImperativeHandle as Y,useCallback as o,useEffect as K,useRef as S,createElement as j}from"react";import{createRoot as z}from"react-dom/client";import B from"../../common/hook/useClickOutside";const c={wrapper:"k-drop-holder__anchor__wrapper",container:"k-drop-holder__anchor__container"},a=X((t,y)=>{const s=S(null),[i,r]=h(!1),[x,$]=h(0);B(s,()=>{r(!1)}),Y(y,()=>({open:()=>{_()},close:()=>{E()}}));const g=l(()=>{const e=[];return t.className&&e.push(t.className),t.position&&e.push(`k-drop-holder--${t.position}`),e.join(" ")},[t.className,t.position]),w=l(()=>t.style?t.style:{},[t.style]),C=o(()=>{const{width:e,height:n}=s.current?.getBoundingClientRect()??{width:0,height:0};return t.position==="top-left"?{transform:`translateY(calc(-100% - ${n}px)) translateX(0)`}:t.position==="top-center"?{transform:`translateY(calc(-100% - ${n}px)) translateX(calc(-50% + ${e/2}px))`}:t.position==="top-right"?{transform:`translateY(calc(-100% - ${n}px)) translateX(calc(-100% + ${e}px)`}:t.position==="bottom-left"?{transform:"translateX(0)"}:t.position==="bottom-center"?{transform:`translateX(calc(-50% + ${e/2}px))`}:t.position==="bottom-right"?{transform:`translateX(calc(-100% + ${e}px)`}:{transform:`translateX(calc(-50% + ${e/2}px))`}},[t.position,x]),k=o(()=>{r(!0)},[]),b=o(e=>{(e.key===" "||e.key==="Enter")&&r(!0)},[]),v=o(e=>{e.stopPropagation()},[]),d=l(()=>p(N,{children:t.content}),[t.content]),_=o(()=>{r(!0)},[]),E=o(()=>{r(!1)},[]),f=o(e=>{const{top:n,left:H,height:u}=s.current?.getBoundingClientRect()||{top:0,left:0,height:0};e.style.setProperty("position","fixed"),e.style.setProperty("zIndex","9999"),t.position?.includes("bottom")&&e.style.setProperty("top",`calc(${n+u}px + ${t.offset})`),t.position?.includes("top")&&e.style.setProperty("top",`calc(${n+u}px - ${t.offset})`),e.style.setProperty("left",`${H}px`)},[t.position,t.offset]),m=o(()=>{$(window.scrollY)},[]),P=o(()=>{const e=document.createElement("div");e.classList.add(c.wrapper),f(e),document.body.appendChild(e);const n=j("div",{className:c.container,style:C(),onClick:v},d);z(e).render(n),window.addEventListener("scroll",m,{passive:!0})},[d,f]),R=o(()=>{document.body.getElementsByClassName(c.wrapper)[0]?.remove(),window.removeEventListener("scroll",m)},[]);return K(()=>{i?P():R()},[i]),p("div",{ref:s,id:t.id,className:`k-drop-holder ${g}`,tabIndex:0,role:"button",onClick:k,onKeyUp:b,style:w,children:t.children})});a.defaultProps={position:"bottom-center",offset:"4px"},a.displayName="KDropHolder";export default A(a);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KDropHolder.js","sourceRoot":"","sources":["../../../../../src/components/drop-holder/KDropHolder.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAO,mBAAmB,EAAE,WAAW,EAC1E,SAAS,EAAE,MAAM,EAAE,aAAa,GACjC,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAE5D,MAAM,WAAW,GAAG;IAClB,OAAO,EAAE,gCAAgC;IACzC,SAAS,EAAE,kCAAkC;CAC9C,CAAC;AAEF,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,KAAuB,EAAE,GAAyB,EAAE,EAAE;IAKpF,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACnD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAClD,eAAe,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpD,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAE9B,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC;QAEvB,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC;KAC1B,CAAC,CAAC,CAAC;IAMJ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,KAAK,GAAG,EAAE,CAAC;QAEjB,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAAC,CAAC;QAErD,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,KAAK,CAAC,IAAI,CAAC,kBAAkB,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;QACjD,CAAC;QAED,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAOtC,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACxC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAkB,EAAE;QAC3D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO,EAAE,qBAAqB,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QAE9F,IAAI,KAAK,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;YAClC,OAAO,EAAE,SAAS,EAAE,2BAA2B,MAAM,oBAAoB,EAAE,CAAC;QAC9E,CAAC;QACD,IAAI,KAAK,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;YACpC,OAAO,EAAE,SAAS,EAAE,2BAA2B,MAAM,+BAA+B,KAAK,GAAG,CAAC,MAAM,EAAE,CAAC;QACxG,CAAC;QACD,IAAI,KAAK,CAAC,QAAQ,KAAK,WAAW,EAAE,CAAC;YACnC,OAAO,EAAE,SAAS,EAAE,2BAA2B,MAAM,gCAAgC,KAAK,KAAK,EAAE,CAAC;QACpG,CAAC;QACD,IAAI,KAAK,CAAC,QAAQ,KAAK,aAAa,EAAE,CAAC;YACrC,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;QACxC,CAAC;QACD,IAAI,KAAK,CAAC,QAAQ,KAAK,eAAe,EAAE,CAAC;YACvC,OAAO,EAAE,SAAS,EAAE,0BAA0B,KAAK,GAAG,CAAC,MAAM,EAAE,CAAC;QAClE,CAAC;QACD,IAAI,KAAK,CAAC,QAAQ,KAAK,cAAc,EAAE,CAAC;YACtC,OAAO,EAAE,SAAS,EAAE,2BAA2B,KAAK,KAAK,EAAE,CAAC;QAC9D,CAAC;QAED,OAAO,EAAE,SAAS,EAAE,0BAA0B,KAAK,GAAG,CAAC,MAAM,EAAE,CAAC;IAElE,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAO9B,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAgC,EAAE,EAAE;QACnE,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACvC,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAA6B,EAAE,EAAE;QAClE,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAMP,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,4BAAG,KAAK,CAAC,OAAO,GAAI,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAOjF,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEzD,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,UAA0B,EAAE,EAAE;QACpE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO,EAAE,qBAAqB,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QAEzG,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QAClD,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC/C,IAAI,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YACvC,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,GAAG,GAAG,MAAM,QAAQ,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QACnF,CAAC;QACD,IAAI,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YACpC,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,GAAG,GAAG,MAAM,QAAQ,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QACnF,CAAC;QAED,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,GAAG,IAAI,IAAI,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAEnC,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QAExC,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAErD,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAClD,kBAAkB,CAAC,cAAc,CAAC,CAAC;QACnC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QAE1C,MAAM,mBAAmB,GAAG,aAAa,CACvC,KAAK,EACL,EAAE,SAAS,EAAE,WAAW,CAAC,SAAS,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,EAC3F,iBAAiB,CAClB,CAAC;QACF,UAAU,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;QACvD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,kBAAkB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAE3E,CAAC,EAAE,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE5C,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,sBAAsB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACjF,cAAc,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC;QAC5B,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;IAE3D,CAAC,EAAE,EAAE,CAAC,CAAC;IAOP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,gBAAgB,EAAE,CAAC;QACrB,CAAC;aAAM,CAAC;YACN,gBAAgB,EAAE,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAMb,OAAO,CACL,cACE,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,iBAAiB,SAAS,EAAE,EACvC,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,iBACJ,eAAe,YAE1B,KAAK,CAAC,QAAQ,GACX,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,YAAY,GAAG;IACzB,QAAQ,EAAE,eAAe;IACzB,MAAM,EAAE,KAAK;CACd,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AACxC,eAAe,IAAI,CAAC,WAAW,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";export{default as KDropHolder}from"./KDropHolder";export*from"./KDropHolder.interface";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/drop-holder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,yBAAyB,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { KIconProps, KIconRefs } from '../../components/icon/KIcon.interface';
|
|
2
2
|
import '@material-symbols/font-300/outlined.css';
|
|
3
|
+
import '@material-symbols/font-300/rounded.css';
|
|
3
4
|
declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<KIconProps & import("react").RefAttributes<KIconRefs>>>;
|
|
4
5
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{jsx as
|
|
1
|
+
"use strict";import{jsx as s}from"react/jsx-runtime";import{forwardRef as k,memo as b,useCallback as c,useId as y,useImperativeHandle as z,useMemo as t,useRef as C}from"react";import{initDisabled as r}from"../../common/util/variation";import"@material-symbols/font-300/outlined.css";import"@material-symbols/font-300/rounded.css";const l=k((e,a)=>{if(!e.icon)throw Error("Error: icon is required and must be provided.");const n=C(null),o=`k-icon-${y()}`;z(a,()=>({click:()=>{n.current?.click()}}));const d=t(()=>{const i=[];return e.type&&i.push(`material-symbols-${e.type}`),e.className&&i.push(e.className),typeof e.size!="number"&&e.size&&i.push(`k-icon--${e.size}`),e.clickable&&i.push("k-icon--clickable"),r(i,"k-icon",e.disabled),i.join(" ")},[e.type,e.className,e.size,e.disabled,e.clickable]),u=t(()=>{const i=e.style||{};return e.color&&(i.color=e.color),typeof e.size=="number"&&(i.fontSize=`${e.size}px`),i},[e.style,e.color,e.size]),m=c(()=>{!e.disabled&&e.onClick&&e.onClick()},[e.disabled]),f=c(i=>{(i.key==="enter"||i.key===" ")&&!e.disabled&&e.onClick&&e.onClick()},[e.disabled]);return s("span",{ref:n,id:e.id?e.id:o,className:`k-icon ${d}`,style:u,onClick:m,onKeyDown:f,role:e.onClick?"button":"img",tabIndex:e.onClick?0:-1,children:e.icon})});l.displayName="KIcon",l.defaultProps={type:"outlined",size:"medium"};export default b(l);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KIcon.js","sourceRoot":"","sources":["../../../../../src/components/icon/KIcon.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAiB,UAAU,EAAiB,IAAI,EAAO,WAAW,EACvE,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,yCAAyC,CAAC;
|
|
1
|
+
{"version":3,"file":"KIcon.js","sourceRoot":"","sources":["../../../../../src/components/icon/KIcon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";export{default as KIcon}from"./KIcon";
|
|
1
|
+
"use strict";export{default as KIcon}from"./KIcon";export*from"./KIcon.interface";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,mBAAmB,CAAA"}
|
|
@@ -2,3 +2,6 @@ export * from '../components/button';
|
|
|
2
2
|
export * from '../components/input/textfield';
|
|
3
3
|
export * from '../components/icon';
|
|
4
4
|
export * from '../components/input/select';
|
|
5
|
+
export * from '../components/input/checkbox';
|
|
6
|
+
export * from '../components/input/checkbox-group';
|
|
7
|
+
export * from '../components/drop-holder';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";export*from"../components/button";export*from"../components/input/textfield";export*from"../components/icon";export*from"../components/input/select";
|
|
1
|
+
"use strict";export*from"../components/button";export*from"../components/input/textfield";export*from"../components/icon";export*from"../components/input/select";export*from"../components/input/checkbox";export*from"../components/input/checkbox-group";export*from"../components/drop-holder";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAA;AACjD,cAAc,0BAA0B,CAAA"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { KCheckboxProps, KCheckboxRefs } from '../../../components/input/checkbox/KCheckbox.interface';
|
|
2
|
+
declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<KCheckboxProps & import("react").RefAttributes<KCheckboxRefs>>>;
|
|
3
|
+
export default _default;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { KBaseProp, KSizeProp } from '../../../common/base/base.interface';
|
|
2
|
+
export type KCheckboxShape = 'circle' | 'square';
|
|
3
|
+
export interface KCheckboxProps extends KBaseProp, KSizeProp {
|
|
4
|
+
label: string;
|
|
5
|
+
value: boolean;
|
|
6
|
+
shape?: KCheckboxShape;
|
|
7
|
+
circle?: boolean;
|
|
8
|
+
square?: boolean;
|
|
9
|
+
color?: string;
|
|
10
|
+
defaultCheck?: boolean;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
onChange: (value: boolean) => void;
|
|
13
|
+
onFocus?: () => void;
|
|
14
|
+
onBlur?: () => void;
|
|
15
|
+
width?: string;
|
|
16
|
+
}
|
|
17
|
+
export interface KCheckboxRefs {
|
|
18
|
+
click: () => void;
|
|
19
|
+
focus: () => void;
|
|
20
|
+
blur: () => void;
|
|
21
|
+
toggle: () => void;
|
|
22
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";export{};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KCheckbox.interface.js","sourceRoot":"","sources":["../../../../../../src/components/input/checkbox/KCheckbox.interface.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";import{jsx as a,jsxs as _}from"react/jsx-runtime";import{forwardRef as z,memo as g,useCallback as u,useEffect as y,useId as C,useImperativeHandle as q,useMemo as t,useRef as v}from"react";import{initDisabled as I,initSize as N}from"../../../common/util/variation";import{KIcon as n}from"../../../components";const d=z((e,r)=>{const i=v(null),h=`k-checkbox + ${C()}`;q(r,()=>({blur(){i.current?.blur()},focus(){i.current?.focus()},click(){i.current?.click()},toggle(){e.onChange(!e.value)}}));const k=u(()=>{i.current?.click()},[]),m=t(()=>{const c=[];if(e.className&&c.push(e.className),N(c,"k-checkbox",e.size,e.large,e.medium,e.small),I(c,"k-checkbox",e.disabled),e.shape&&(e.circle||e.square))throw Error("Error: type and circle, square attributes cannot be duplicated.");if(e.circle&&e.square)throw Error("Error: circle, square attributes cannot be duplicated.");return e.shape&&c.push(`k-checkbox--${e.shape}`),e.circle&&c.push("k-checkbox--circle"),e.square&&c.push("k-checkbox--square"),c.join(" ")},[e.className,e.size,e.shape,e.circle,e.square,e.small,e.medium,e.large,e.disabled]),b=t(()=>({...e.width?{width:e.width}:{},...e.style}),[e.style,e.width]),l=t(()=>e.size==="large"||e.large?33:e.size==="medium"||e.medium?27:e.size==="small"||e.small?23:27,[e.size,e.large,e.medium,e.small]),s=u(c=>{e.onChange(c.target.checked)},[e.onChange]),f=u(c=>{(c?.key===" "||c?.key==="Enter")&&k()},[]);y(()=>{e.defaultCheck&&k()},[e.defaultCheck]);const o=t(()=>e.value?a(n,{size:l,icon:"check_box",color:e.color}):a(n,{size:l,icon:"check_box_outline_blank",color:e.color}),[e.value,l,e.color]),x=t(()=>e.value?a(n,{size:l,icon:"check_circle",color:e.color}):a(n,{size:l,icon:"circle",color:e.color}),[e.value,l,e.color]);return a("div",{id:e.id,role:"checkbox","aria-checked":e.value,tabIndex:e.disabled?-1:0,className:`k-checkbox ${m}`,style:b,onKeyUp:f,children:_("label",{htmlFor:h,className:"k-checkbox__container",children:[a("input",{tabIndex:-1,ref:i,id:h,className:"k-checkbox__container__input",type:"checkbox",checked:e.value,disabled:e.disabled,onChange:s}),(e.square||e.shape==="square"||e.shape===void 0)&&o,(e.circle||e.shape==="circle"||e.shape===void 0)&&x,a("span",{className:"k-checkbox__container__label",children:e.label})]})})});d.defaultProps={defaultCheck:!1,shape:"square"},d.displayName="KCheckbox";export default g(d);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KCheckbox.js","sourceRoot":"","sources":["../../../../../../src/components/input/checkbox/KCheckbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";export{default as KCheckbox}from"./KCheckbox";export*from"./KCheckbox.interface";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/input/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,uBAAuB,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { KCheckboxGroupProps } from '../../../components/input/checkbox-group/KCheckboxGroup.interface';
|
|
2
|
+
declare const _default: import("react").MemoExoticComponent<{
|
|
3
|
+
(props: KCheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
defaultProps: {
|
|
5
|
+
item: never[];
|
|
6
|
+
direction: string;
|
|
7
|
+
};
|
|
8
|
+
}>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { KCheckboxShape } from '../../../components/input/checkbox/KCheckbox.interface';
|
|
2
|
+
import { KBaseProp, KSizeProp } from '../../../common/base/base.interface';
|
|
3
|
+
export interface KCheckboxGroupItem {
|
|
4
|
+
['label']: string;
|
|
5
|
+
['value']: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
defaultCheck?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface KCheckboxGroupProps extends KBaseProp, KSizeProp {
|
|
10
|
+
items: KCheckboxGroupItem[];
|
|
11
|
+
value: string[];
|
|
12
|
+
shape?: KCheckboxShape;
|
|
13
|
+
color?: string;
|
|
14
|
+
direction?: 'column' | 'row';
|
|
15
|
+
gap?: string;
|
|
16
|
+
onChange: (value: string[]) => void;
|
|
17
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";export{};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KCheckboxGroup.interface.js","sourceRoot":"","sources":["../../../../../../src/components/input/checkbox-group/KCheckboxGroup.interface.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";import{jsx as u}from"react/jsx-runtime";import{memo as h,useCallback as s,useMemo as i}from"react";import{KCheckbox as f}from"../../../components";import{initSize as g}from"../../../common/util/variation";const n=e=>{const t=i(()=>{const l=e.style?e.style:{};return e.gap&&(l.gap=e.gap),l},[e.style,e.gap]),a=i(()=>{const l=[];return g(l,"k-checkbox-group",e.size,e.large,e.medium,e.small),e.className&&l.push(e.className),e.direction==="row"&&l.push("k-checkbox-group--row"),e.direction==="column"&&l.push("k-checkbox-group--column"),l.join(" ")},[e.className,e.direction,e.large,e.medium,e.small,e.size]),m=s((l,c)=>{l?e.onChange([...e.value,c]):e.onChange(e.value.filter(o=>o!==c))},[e.value,e.items,e.onChange]),d=i(()=>{if(a.includes("small"))return"small";if(a.includes("medium"))return"medium";if(a.includes("large"))return"large"},[a]);return u("div",{id:e.id,style:t,className:`k-checkbox-group ${a}`,children:e.items?.map(l=>u(f,{label:l.label,value:e.value?.includes(l.value),onChange:c=>{m(c,l.value)},size:d,shape:e.shape,color:e.color,disabled:l.disabled,defaultCheck:l.defaultCheck},l.value))})};n.defaultProps={item:[],direction:"row"};export default h(n);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KCheckboxGroup.js","sourceRoot":"","sources":["../../../../../../src/components/input/checkbox-group/KCheckboxGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";export{default as KCheckboxGroup}from"./KCheckboxGroup";export*from"./KCheckboxGroup.interface";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/input/checkbox-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,cAAc,4BAA4B,CAAA"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { KeyboardEvent } from 'react';
|
|
1
2
|
import { KBaseProp, KSizeProp } from '../../../common/base/base.interface';
|
|
2
3
|
export interface KSelectItemType {
|
|
3
4
|
['value']: string;
|
|
@@ -20,3 +21,11 @@ export interface KSelectRefs {
|
|
|
20
21
|
focus?: () => void;
|
|
21
22
|
blur?: () => void;
|
|
22
23
|
}
|
|
24
|
+
export interface KSelectListProps {
|
|
25
|
+
open: boolean;
|
|
26
|
+
items: KSelectItemType[];
|
|
27
|
+
noDataText?: string;
|
|
28
|
+
onFocus: () => void;
|
|
29
|
+
onClick: (item: KSelectItemType | null) => void;
|
|
30
|
+
onKeyDown: (e: KeyboardEvent<HTMLLIElement>, item: KSelectItemType | null, idx: number) => void;
|
|
31
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{jsx as
|
|
1
|
+
"use strict";import{jsx as s,jsxs as T}from"react/jsx-runtime";import{forwardRef as g,memo as z,useCallback as n,useImperativeHandle as D,useMemo as u,useRef as y,useState as F}from"react";import{initDisabled as L,initSize as M}from"../../../common/util/variation";import{KIcon as j}from"../../../components";import B from"../../../components/input/select/KSelectList";const f=g((e,h)=>{const o=y(null),a=y(!1),[l,m]=F(!1);D(h,()=>({focus:()=>{o.current?.focus()},blur:()=>{o.current?.blur()},validate:()=>{},value:e.value}));const k=u(()=>{const t=[];return l&&t.push("k-select--open"),e.className&&t.push(e.className),M(t,"k-select",e.size,e.large,e.medium,e.small),L(t,"k-select",e.disabled),t.join(" ")},[l,e.className,e.size,e.small,e.medium,e.large,e.disabled]),v=u(()=>({...e.width?{width:e.width}:{},...e.style}),[e.style,e.width]),d=n(()=>{m(!0)},[]),c=n(()=>{m(!1)},[]),b=u(()=>{if((!e.value||e.value==="")&&e.placeholder)return s("span",{className:"k-select__label-text__placeholder",children:e.placeholder});const t=e.items?.find(i=>i.value===e.value);return s("span",{className:"k-select__label-text",children:t?.title||e.value})},[e.value,e.items,e.placeholder]),_=n(()=>{if(!l&&!e.disabled){d();return}c()},[l]),x=n(()=>{e.onFocus&&e.onFocus()},[]),K=n(()=>{l&&!a.current&&c(),e.onBlur&&e.onBlur()},[l]),C=n(()=>{a.current=!0},[]),N=n(()=>{a.current=!1},[]),R=n(t=>{if(t.key==="Enter"||t.key===" "){if(!l){d();return}c()}t.key==="Tab"&&t.shiftKey&&a.current&&c(),t.key==="Tab"&&(a.current=!0)},[l]),w=n(t=>{t!==null&&(e.onChange(t.value),c())},[e.value,e.items,e.onChange]),S=n(()=>{a.current=!1},[]),I=n((t,i,r)=>{i&&(t.key==="Enter"||t.key===" ")&&e.onChange(i.value),(e.items.length-1===r||r===-1)&&!t.shiftKey&&t.key==="Tab"&&c()},[e.value,e.items]);return T("div",{ref:o,id:e.id,className:`k-select ${k}`,style:v,tabIndex:e.disabled?-1:0,role:"button",onClick:_,onKeyUp:R,onFocus:x,onBlur:K,onMouseEnter:C,onMouseLeave:N,children:[b,s(j,{className:"k-select__current__label__arrow-icon",icon:"expand_more",size:18}),s(B,{open:l,items:e.items,onClick:w,onFocus:S,onKeyDown:I,noDataText:e.noDataText})]})});f.defaultProps={noDataText:"No Data"},f.displayName="KSelect";export default z(f);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KSelect.js","sourceRoot":"","sources":["../../../../../../src/components/input/select/KSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,UAAU,EAAiB,IAAI,EAAO,WAAW,EAAE,mBAAmB,EACtE,OAAO,EAAE,MAAM,EAAE,QAAQ,GAC1B,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"KSelect.js","sourceRoot":"","sources":["../../../../../../src/components/input/select/KSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,UAAU,EAAiB,IAAI,EAAO,WAAW,EAAE,mBAAmB,EACtE,OAAO,EAAE,MAAM,EAAE,QAAQ,GAC1B,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,WAAW,MAAM,uCAAuC,CAAC;AAGhE,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,KAAmB,EAAE,GAAqB,EAAE,EAAE;IAIxE,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;IACzC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAGjD,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,KAAK,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QAC5C,IAAI,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC1C,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB,CAAC,CAAC,CAAC;IAOJ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,KAAK,GAAG,EAAE,CAAC;QAEjB,IAAI,IAAI,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAAC,CAAC;QAC3C,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAAC,CAAC;QACrD,QAAQ,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;QAChF,YAAY,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEhD,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEhG,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,KAAK,GAAkB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAEvE,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IACtC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAO/B,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAEhC,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,EAAE,CAAC,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YAC9D,OAAO,CACL,eAAM,SAAS,EAAC,mCAAmC,YAChD,KAAK,CAAC,WAAW,GACb,CACR,CAAC;QACJ,CAAC;QAED,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC/C,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QAE/B,OAAO,CACL,eAAM,SAAS,EAAC,sBAAsB,iBAAa,gBAAgB,YAChE,YAAY,EAAE,KAAK,IAAI,KAAK,CAAC,KAAK,GAC9B,CACR,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAOlD,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YAC7B,YAAY,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QACD,WAAW,EAAE,CAAC;IAChB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YAAC,WAAW,EAAE,CAAC;QAAC,CAAC;QAClD,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QAAC,CAAC;IACvC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAgC,EAAE,EAAE;QACnE,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACvC,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,YAAY,EAAE,CAAC;gBACf,OAAO;YACT,CAAC;YACD,WAAW,EAAE,CAAC;QAChB,CAAC;QACD,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,QAAQ,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YAAC,WAAW,EAAE,CAAC;QAAC,CAAC;QAC1E,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;YAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAAC,CAAC;IACpD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,IAA4B,EAAE,EAAE;QACnE,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YAAC,OAAO;QAAC,CAAC;QAE9B,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3B,WAAW,EAAE,CAAC;IAChB,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE/C,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAGP,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,CAA+B,EAAE,IAA4B,EAAE,GAAW,EAAE,EAAE;QACnH,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC;YAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAAC,CAAC;QAEjF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,CAAC,EAAE,CAAC;YACvF,WAAW,EAAE,CAAC;QAChB,CAAC;IAEH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAW/B,OAAO,CACL,eACI,GAAG,EAAE,SAAS,EACd,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,YAAY,SAAS,EAAE,iBACtB,UAAU,EACtB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACjC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,aAE/B,YAAY,EACb,KAAC,KAAK,IAAC,SAAS,EAAC,sCAAsC,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,EAAE,GAAI,EACvF,KAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,iBAAiB,EAC5B,UAAU,EAAE,KAAK,CAAC,UAAU,GAC5B,IACE,CACP,CAAC;AAIJ,CAAC,CAAC,CAAC;AAEH,OAAO,CAAC,YAAY,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;AACjD,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAChC,eAAe,IAAI,CAAC,OAAO,CAAC,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { KSelectListProps } from '../../../components/input/select/KSelect.interface';
|
|
2
|
+
declare const _default: import("react").MemoExoticComponent<({ open, items, noDataText, onClick, onFocus, onKeyDown }: KSelectListProps) => false | import("react/jsx-runtime").JSX.Element>;
|
|
3
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";import{jsx as m,jsxs as c}from"react/jsx-runtime";import{memo as u}from"react";const r=({open:_,items:l,noDataText:a,onClick:s,onFocus:t,onKeyDown:n})=>_&&c("ul",{className:"k-select__menu-list",children:[l.map((e,i)=>m("li",{role:"menuitem",tabIndex:0,onFocus:t,onClick:()=>{s(e)},onKeyDown:o=>{n(o,e,i)},className:"k-select__menu-list__item",children:e.title},e.value)),l.length===0&&m("li",{role:"menuitem",tabIndex:0,onFocus:t,onClick:()=>{s(null)},onKeyDown:e=>{n(e,null,-1)},className:"k-select__menu-list__item k-select__menu-list__item-no-data",children:a})]});export default u(r);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KSelectList.js","sourceRoot":"","sources":["../../../../../../src/components/input/select/KSelectList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAI7B,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAoB,EAAE,EAAE;IAEjG,OAAO,CACL,IAAI,IAAI,CACN,cAAI,SAAS,EAAC,qBAAqB,iBAAa,eAAe,aAC5D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CACxB,aAEE,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EACjC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,EAC9C,SAAS,EAAC,2BAA2B,YAEpC,IAAI,CAAC,KAAK,IARN,IAAI,CAAC,KAAK,CASZ,CACN,CAAC,EAEA,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CACpB,aACI,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EACjC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7C,SAAS,EAAC,6DAA6D,YAExE,UAAU,GACR,CACN,IAEA,CACN,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,WAAW,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";export{default as KSelect}from"./KSelect";
|
|
1
|
+
"use strict";export{default as KSelect}from"./KSelect";export*from"./KSelect.interface";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/input/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/input/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,qBAAqB,CAAA"}
|
|
@@ -24,6 +24,7 @@ export interface KTextFieldProps extends KBaseProp, KSizeProp {
|
|
|
24
24
|
onKeyDown?: (e?: KeyboardEvent<HTMLInputElement>) => void;
|
|
25
25
|
onKeyUp?: (e?: KeyboardEvent<HTMLInputElement>) => void;
|
|
26
26
|
width?: string;
|
|
27
|
+
fullWidth?: boolean;
|
|
27
28
|
}
|
|
28
29
|
export interface KTextFieldRefs {
|
|
29
30
|
focus: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{jsx as i,jsxs as
|
|
1
|
+
"use strict";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{forwardRef as y,memo as F,useCallback as t,useId as S,useImperativeHandle as j,useMemo as n,useRef as I,useState as h}from"react";import{initDisabled as P,initSize as $}from"../../../common/util/variation";import{KIcon as f}from"../../../components";const s=y((e,r)=>{const c=I(null),m=`k-text-field-input-${S()}`,[u,x]=h(!1),[b,o]=h(!1);j(r,()=>({focus:()=>{c.current?.focus()},blur:()=>{c.current?.blur()},validate:()=>{},value:e.value}));const k=n(()=>{const l=[];if(e.className&&l.push(e.className),$(l,"k-text-field",e.size,e.large,e.medium,e.small),P(l,"k-text-field",e.disabled),e.labelDirection&&(e.row||e.column))throw Error("Error: labelDirection and row or column attributes cannot be duplicated.");return e.labelDirection&&l.push(`k-text-field--${e.labelDirection}`),e.column&&l.push("k-text-field--column"),e.row&&l.push("k-text-field--row"),!e.labelDirection&&!e.column&&!e.row&&l.push("k-text-field--column"),e.password&&l.push("k-text-field__input--password"),e.clearable&&l.push("k-text-field__input--clearable"),l.join(" ")},[e.className,e.large,e.medium,e.small,e.size,e.disabled,e.password,e.labelDirection,e.column,e.row]),w=n(()=>{const l=e.style||{};return e.width&&(l.width=e.width),e.fullWidth&&(l.width="100%"),l},[e.style,e.fullWidth]),g=n(()=>{const l=[];return e.label?(b&&l.push("k-text-field__label__text--focus"),l.join(" ")):""},[e.label,b]),d=n(()=>{if(e.size==="large"||e.large)return 20;if(!e.size||e.size==="medium"||e.medium)return 18;if(e.size==="small"||e.small)return 16},[]),z=t(l=>{const D=l.target.value;e.onChange&&e.onChange(D)},[]),v=t(()=>{e.label&&o(!0)},[e.label]),N=t(()=>{e.label&&o(!1)},[e.label]),C=t(()=>{e.clearable&&e.onChange&&e.onChange("")},[e.clearable]),_=t(()=>{x(l=>!l)},[e.password,u]);return a("div",{className:`k-text-field ${k}`,style:w,children:[a("div",{className:"k-text-field__label__container",children:[e.label&&a("label",{htmlFor:e.id?e.id:m,className:`k-text-field__label__text ${g}`,children:[e.label,e.required&&i("span",{className:"k-text-field__label__text__required",children:"*"})]}),e.rightAction&&(!e.labelDirection&&!e.row||e.labelDirection==="column"&&!e.column||!e.labelDirection&&e.column)&&i("div",{className:"k-text-field__label__right-action",children:e.rightAction})]}),a("div",{className:"k-text-field__input__container",children:[i("input",{id:e.id?e.id:m,ref:c,className:"k-text-field__input",type:e.password&&!u?"password":"input",value:e.value,onChange:z,onFocus:v,onBlur:N,disabled:e.disabled,placeholder:e.placeholder,maxLength:e.maxLength}),e.password&&(u?i(f,{className:"k-text-field__icon",icon:"visibility_off",size:d,clickable:!0,onClick:_}):i(f,{className:"k-text-field__icon",icon:"visibility",size:d,clickable:!0,onClick:_})),e.clearable&&e.value&&i(f,{className:"k-text-field__icon",icon:"close",size:d,clickable:!0,onClick:C})]})]})});s.displayName="KTextField",s.defaultProps={};export default F(s);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KTextField.js","sourceRoot":"","sources":["../../../../../../src/components/input/textfield/KTextField.tsx"],"names":[],"mappings":";AAAA,OAAO,EACuB,UAAU,EAAE,IAAI,EAAO,WAAW,EAC9D,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,GACtD,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAGrC,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAwB,EAAE,EAAE;IAIjF,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,sBAAsB,KAAK,EAAE,EAAE,CAAC;IACjD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACjE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEvD,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,KAAK,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QAC3C,IAAI,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACzC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB,CAAC,CAAC,CAAC;IAOJ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,KAAK,GAAG,EAAE,CAAC;QAEjB,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAAC,CAAC;QAErD,QAAQ,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;QACpF,YAAY,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEpD,IAAI,KAAK,CAAC,cAAc,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;YACxD,MAAM,KAAK,CAAC,0EAA0E,CAAC,CAAC;QAC1F,CAAC;QACD,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,iBAAiB,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC;QAAC,CAAC;QAClF,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QAAC,CAAC;QACzD,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAAC,CAAC;QACnD,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;YACzD,KAAK,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACrC,CAAC;QAED,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC;QAAC,CAAC;QACpE,IAAI,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"KTextField.js","sourceRoot":"","sources":["../../../../../../src/components/input/textfield/KTextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";export{default as KTextField}from"./KTextField";
|
|
1
|
+
"use strict";export{default as KTextField}from"./KTextField";export*from"./KTextField.interface";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/input/textfield/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/input/textfield/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,wBAAwB,CAAA"}
|
package/lib/styles/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}.k-ripple{position:absolute;opacity:.1;border-radius:50%}@keyframes ripple-effect{0%{transform:scale(.1);opacity:.32}to{transform:scale(1);opacity:.1}}.k-spinner--loading{display:inline-block;border:3px solid #FFF;border-bottom-color:#ff3d00;border-radius:50%;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--k-primary-color: #068FFF;--k-primary-hover-color: #0079dc;--k-secondary-color-error: #ED2B2A;--k-secondary-color-green: #7DCE13;--k-secondary-color-yellow: #FFFA4D;--k-secondary-color-blue: #0079FF;--k-white-color: #ffffff;--k-white-hover-color: #ebebeb;--k-black-color: #000000;--k-black-hover-color: #141414;--k-gray-color-50: #fefefe;--k-gray-color-100: #e6e6e6;--k-gray-color-200: #cccccc;--k-gray-color-300: #b3b3b3;--k-gray-color-400: #999999;--k-gray-color-500: gray;--k-gray-color-600: #666666;--k-gray-color-700: #4d4d4d;--k-gray-color-800: #333333;--k-gray-color-900: #1a1a1a}.k-button{position:relative;display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;background:transparent;border-radius:3px;overflow:hidden;cursor:pointer;user-select:none;transition-duration:.3s;transition-timing-function:ease}.k-button[disabled]{cursor:not-allowed}.k-button .k-button__content{white-space:nowrap}.k-button.k-button--default{color:#333;border-color:#ccc;background:#fff}.k-button.k-button--default:hover{border-color:#666;background:#ebebeb}.k-button.k-button--default[disabled]{color:#adadad;border-color:#ccc;background:#f5f5f5}.k-button.k-button--default .k-spinner--loading{border:3px solid #cccccc;border-bottom-color:#4d4d4d}.k-button.k-button--primary{color:#fff;border-color:#068fff;background:#068fff}.k-button.k-button--primary:hover{border-color:#0079dc;background:#0079dc}.k-button.k-button--primary[disabled]{color:#adadad;border-color:#0084f1;background:#0084f1}.k-button.k-button--primary .k-spinner--loading{border:3px solid #068FFF;border-bottom-color:#fff}.k-button.k-button--outlined{color:#068fff;border-color:#068fff;background:#fff}.k-button.k-button--outlined:hover{border-color:#0079dc;background:#ebebeb}.k-button.k-button--outlined[disabled]{color:#0084f1;border-color:#0084f1;background:#f5f5f5}.k-button.k-button--outlined .k-spinner--loading{border:3px solid #068FFF;border-bottom-color:#fff}.k-button.k-button--loading{pointer-events:none}.k-button.k-button--loading .k-button__content{opacity:0}.k-button.k-button--loading:focus-within{outline:none}.k-button.k-button--loading .k-button__loading__container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.k-button.k-button--disabled:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000001a}.k-button.k-button--large{height:36px;padding:0 24px}.k-button.k-button--large .k-button__content{font-size:18px;line-height:22px;font-weight:400}.k-button.k-button--large .k-spinner--loading{width:24px;height:24px}.k-button.k-button--medium{height:32px;padding:0 16px}.k-button.k-button--medium .k-button__content{font-size:16px;line-height:20px;font-weight:400}.k-button.k-button--medium .k-spinner--loading{width:18px;height:18px}.k-button.k-button--small{height:28px;padding:0 12px}.k-button.k-button--small .k-button__content{font-size:14px;line-height:18px;font-weight:400}.k-button.k-button--small .k-spinner--loading{width:16px;height:16px}.dark .k-button.k-button--default{color:#fff;border-color:#4d4d4d;background:#4d4d4d}.dark .k-button.k-button--default:hover{border-color:#616161;background:#616161}.dark .k-button.k-button--default[disabled]{color:#6b6b6b;border-color:#424242;background:#424242}.dark .k-button.k-button--default .k-spinner--loading{border:3px solid #cccccc;border-bottom-color:#4d4d4d}.dark .k-button.k-button--primary[disabled]{color:#adadad;border-color:#00579f;background:#00579f}.dark .k-button.k-button--outlined[disabled]{color:#00579f;background-color:#adadad}.k-text-field{display:flex;gap:6px;min-width:280px;font-size:0}.k-text-field .k-text-field__label__container{display:flex;justify-content:space-between;align-items:center}.k-text-field .k-text-field__label__container .k-text-field__label__text{display:inline-flex;justify-content:flex-start;align-items:center;gap:2px;white-space:nowrap;color:#333}.k-text-field .k-text-field__label__container .k-text-field__label__text.k-text-field__label__text--focus{color:#068fff;transition-property:color;transition-duration:.3s;transition-timing-function:ease}.k-text-field.k-text-field--column{flex-direction:column}.k-text-field.k-text-field--row{flex-direction:row;gap:16px}.k-text-field.k-text-field--row .k-text-field__label__container{display:flex;justify-content:flex-start;align-items:center}.k-text-field .k-text-field__input__container{display:inline-flex;justify-content:center;align-items:center;width:100%;border:1px solid #cccccc;border-radius:3px;background:#fff;caret-color:#333;transition-property:border-color;transition-duration:.3s;transition-timing-function:ease}.k-text-field .k-text-field__input__container:hover,.k-text-field .k-text-field__input__container:focus-within{border-color:#0079dc}.k-text-field .k-text-field__input__container .k-text-field__input{width:100%;padding:0;border:none;outline:none;background-color:transparent;color:#333;transition-duration:.3s;transition-timing-function:ease}.k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:#b3b3b3}.k-text-field .k-text-field__input__container .k-text-field__icon{margin-left:8px}.k-text-field.k-text-field--disabled .k-text-field__input__container{background:#f5f5f5;cursor:not-allowed}.k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:#ccc}.k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:#adadad;background:#f5f5f5;cursor:not-allowed}.k-text-field.k-text-field__input--password.k-text-field--large .k-text-field__input__container>.k-text-field__input{letter-spacing:4px}.k-text-field.k-text-field__input--password.k-text-field--medium .k-text-field__input__container>.k-text-field__input{letter-spacing:2px}.k-text-field.k-text-field__input--password.k-text-field--small .k-text-field__input__container>.k-text-field__input{letter-spacing:1px}.k-text-field.k-text-field__input--required .k-text-field__label__container .k-text-field__label__text:after{content:"*";color:#ed2b2a}.k-text-field.k-text-field--large .k-text-field__label__container .k-text-field__label__text{font-size:16px;line-height:22px;font-weight:400}.k-text-field.k-text-field--large .k-text-field__input__container{padding:10px 16px}.k-text-field.k-text-field--large .k-text-field__input__container .k-text-field__input{font-size:18px;line-height:22px;font-weight:400}.k-text-field.k-text-field--medium .k-text-field__label__container .k-text-field__label__text{font-size:14px;line-height:20px;font-weight:400}.k-text-field.k-text-field--medium .k-text-field__input__container{padding:8px 12px}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__input{font-size:16px;line-height:20px;font-weight:400}.k-text-field.k-text-field--small .k-text-field__label__container .k-text-field__label__text{font-size:12px;line-height:18px;font-weight:400}.k-text-field.k-text-field--small .k-text-field__input__container{padding:6px 8px}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__input{font-size:14px;line-height:18px;font-weight:400}.dark .k-text-field.k-text-field--row .k-text-field__label__container .k-text-field__label__text,.dark .k-text-field.k-text-field--column .k-text-field__label__container .k-text-field__label__text{color:#ccc}.dark .k-text-field.k-text-field--row .k-text-field__label__container .k-text-field__label__text.k-text-field__label__text--focus,.dark .k-text-field.k-text-field--column .k-text-field__label__container .k-text-field__label__text.k-text-field__label__text--focus{color:#068fff;transition-property:color;transition-duration:.3s;transition-timing-function:ease}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container{background:#2b2b2b}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:#4d4d4d}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:#4d4d4d;background:#2b2b2b}.dark .k-text-field .k-text-field__input__container{border:1px solid #4d4d4d;border-radius:3px;background:#212121;caret-color:#fff;font-size:0}.dark .k-text-field .k-text-field__input__container:hover,.dark .k-text-field .k-text-field__input__container:focus-within{border-color:#0079dc}.dark .k-text-field .k-text-field__input__container .k-text-field__input{color:#ccc}.dark .k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:#424242}.k-select{position:relative;display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:80px;border:1px solid #cccccc;border-radius:3px;background:#fff;white-space:nowrap;cursor:pointer;user-select:none;transition-property:border-color;transition-duration:.3s;transition-timing-function:ease}.k-select:hover{border-color:#068fff}.k-select.k-select--disabled{color:#adadad;background:#f5f5f5;cursor:not-allowed}.k-select.k-select--disabled:hover{border-color:#ccc}.k-select .k-select__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-select .k-select__label-text__placeholder{color:#b3b3b3}.k-select .k-select__current__label__arrow-icon{transition-duration:.3s;transition-timing-function:ease}.k-select.k-select--open .k-select__current__label__arrow-icon{transform:rotate(180deg)}.k-select.k-select--open .k-select__menu-list{height:auto}.k-select .k-select__menu-list{position:absolute;top:calc(100% + 8px);left:0;width:100%;height:0;border:1px solid #cccccc;background-color:#fff;border-radius:3px;overflow:hidden;z-index:10}.k-select .k-select__menu-list .k-select__menu-list__item{width:100%;white-space:nowrap;cursor:pointer;border-bottom:1px solid #e6e6e6}.k-select .k-select__menu-list .k-select__menu-list__item:hover{background:#ebebeb}.k-select .k-select__menu-list .k-select__menu-list__item:last-child{border:none}.k-select .k-select__menu-list .k-select__menu-list__item-no-data{color:#b3b3b3}.k-select.k-select--large,.k-select.k-select--large+.k-select__template{padding:10px 10px 10px 16px;font-size:18px;line-height:22px;font-weight:400}.k-select.k-select--large .k-select__menu-list .k-select__menu-list__item{padding:10px 16px}.k-select.k-select--medium,.k-select.k-select--medium+.k-select__template{padding:8px 8px 8px 14px;font-size:16px;line-height:20px;font-weight:400}.k-select.k-select--medium .k-select__menu-list .k-select__menu-list__item{padding:8px 14px}.k-select.k-select--small,.k-select.k-select--small+.k-select__template{padding:6px 6px 6px 12px;font-size:14px;line-height:18px;font-weight:400}.k-select.k-select--small .k-select__menu-list .k-select__menu-list__item{padding:6px 10px}.dark .k-select{color:#ccc;border:1px solid #4d4d4d;border-radius:3px;background:#212121}.dark .k-select.k-select--disabled{color:#4d4d4d;background:#2b2b2b}.dark .k-select.k-select--disabled:hover{border-color:#4d4d4d}.dark .k-select .k-select__menu-list{border-color:#4d4d4d;background-color:#212121}.dark .k-select .k-select__menu-list .k-select__menu-list__item{border-color:#333}.dark .k-select .k-select__menu-list .k-select__menu-list__item:hover{background:#353535}.k-icon{color:gray;user-select:none}.k-icon.k-icon--clickable{cursor:pointer}.k-icon.k-icon--disabled{cursor:not-allowed}.k-icon.k-icon--large{font-size:42px}.k-icon.k-icon--medium{font-size:36px}.k-icon.k-icon--small{font-size:28px}
|
|
1
|
+
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}.k-ripple{position:absolute;opacity:.1;border-radius:50%}@keyframes ripple-effect{0%{transform:scale(.1);opacity:.32}to{transform:scale(1);opacity:.1}}.k-spinner--loading{display:inline-block;border:3px solid #FFF;border-bottom-color:#ff3d00;border-radius:50%;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--k-primary-color: #068FFF;--k-primary-hover-color: #0079dc;--k-secondary-color-error: #ED2B2A;--k-secondary-color-green: #7DCE13;--k-secondary-color-yellow: #FFFA4D;--k-secondary-color-blue: #0079FF;--k-white-color: #ffffff;--k-white-hover-color: #ebebeb;--k-black-color: #000000;--k-black-hover-color: #141414;--k-gray-color-50: #fefefe;--k-gray-color-100: #e6e6e6;--k-gray-color-200: #cccccc;--k-gray-color-300: #b3b3b3;--k-gray-color-400: #999999;--k-gray-color-500: gray;--k-gray-color-600: #666666;--k-gray-color-700: #4d4d4d;--k-gray-color-800: #333333;--k-gray-color-900: #1a1a1a}.k-button{position:relative;display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;background:transparent;border-radius:3px;overflow:hidden;cursor:pointer;user-select:none;transition-duration:.3s;transition-timing-function:ease}.k-button[disabled]{cursor:not-allowed}.k-button .k-button__content{white-space:nowrap}.k-button.k-button--default{color:#333;border-color:#ccc;background:#fff}.k-button.k-button--default:hover{border-color:#666;background:#ebebeb}.k-button.k-button--default[disabled]{color:#adadad;border-color:#ccc;background:#f5f5f5}.k-button.k-button--default .k-spinner--loading{border:3px solid #cccccc;border-bottom-color:#4d4d4d}.k-button.k-button--primary{color:#fff;border-color:#068fff;background:#068fff}.k-button.k-button--primary:hover{border-color:#0079dc;background:#0079dc}.k-button.k-button--primary[disabled]{color:#adadad;border-color:#0084f1;background:#0084f1}.k-button.k-button--primary .k-spinner--loading{border:3px solid #068FFF;border-bottom-color:#fff}.k-button.k-button--outlined{color:#068fff;border-color:#068fff;background:#fff}.k-button.k-button--outlined:hover{border-color:#0079dc;background:#ebebeb}.k-button.k-button--outlined[disabled]{color:#0084f1;border-color:#0084f1;background:#f5f5f5}.k-button.k-button--outlined .k-spinner--loading{border:3px solid #068FFF;border-bottom-color:#fff}.k-button.k-button--loading{pointer-events:none}.k-button.k-button--loading .k-button__content{opacity:0}.k-button.k-button--loading:focus-within{outline:none}.k-button.k-button--loading .k-button__loading__container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.k-button.k-button--disabled:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000001a}.k-button.k-button--large{height:36px;padding:0 24px}.k-button.k-button--large .k-button__content{font-size:18px;line-height:22px;font-weight:400}.k-button.k-button--large .k-spinner--loading{width:24px;height:24px}.k-button.k-button--medium{height:32px;padding:0 16px}.k-button.k-button--medium .k-button__content{font-size:16px;line-height:20px;font-weight:400}.k-button.k-button--medium .k-spinner--loading{width:18px;height:18px}.k-button.k-button--small{height:28px;padding:0 12px}.k-button.k-button--small .k-button__content{font-size:14px;line-height:18px;font-weight:400}.k-button.k-button--small .k-spinner--loading{width:16px;height:16px}.dark .k-button.k-button--default{color:#fff;border-color:#4d4d4d;background:#4d4d4d}.dark .k-button.k-button--default:hover{border-color:#616161;background:#616161}.dark .k-button.k-button--default[disabled]{color:#6b6b6b;border-color:#424242;background:#424242}.dark .k-button.k-button--default .k-spinner--loading{border:3px solid #cccccc;border-bottom-color:#4d4d4d}.dark .k-button.k-button--primary[disabled]{color:#adadad;border-color:#00579f;background:#00579f}.dark .k-button.k-button--outlined[disabled]{color:#00579f;background-color:#adadad}.k-text-field{display:flex;gap:6px;min-width:280px;font-size:0;width:300px}.k-text-field .k-text-field__label__container{display:flex;justify-content:space-between;align-items:center;padding:0 2px}.k-text-field .k-text-field__label__container .k-text-field__label__text{display:inline-flex;justify-content:flex-start;align-items:center;gap:2px;white-space:nowrap;color:#333}.k-text-field .k-text-field__label__container .k-text-field__label__text .k-text-field__label__text__required{color:#ed2b2a}.k-text-field .k-text-field__label__container .k-text-field__label__text.k-text-field__label__text--focus{color:#068fff;transition-property:color;transition-duration:.3s;transition-timing-function:ease}.k-text-field.k-text-field--column{flex-direction:column}.k-text-field.k-text-field--row{flex-direction:row;gap:16px}.k-text-field.k-text-field--row .k-text-field__label__container{display:flex;justify-content:flex-start;align-items:center}.k-text-field .k-text-field__input__container{display:inline-flex;justify-content:center;align-items:center;width:100%;border:1px solid #cccccc;border-radius:3px;background:#fff;caret-color:#333;transition-property:border-color;transition-duration:.3s;transition-timing-function:ease}.k-text-field .k-text-field__input__container:hover,.k-text-field .k-text-field__input__container:focus-within{border-color:#0079dc}.k-text-field .k-text-field__input__container .k-text-field__input{width:100%;padding:0;border:none;outline:none;background-color:transparent;color:#333;transition-duration:.3s;transition-timing-function:ease}.k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:#b3b3b3}.k-text-field .k-text-field__input__container .k-text-field__icon{margin-left:8px}.k-text-field.k-text-field--disabled .k-text-field__input__container{background:#f5f5f5;cursor:not-allowed}.k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:#ccc}.k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:#adadad;background:#f5f5f5;cursor:not-allowed}.k-text-field.k-text-field__input--password.k-text-field--large .k-text-field__input__container>.k-text-field__input{letter-spacing:4px}.k-text-field.k-text-field__input--password.k-text-field--medium .k-text-field__input__container>.k-text-field__input{letter-spacing:2px}.k-text-field.k-text-field__input--password.k-text-field--small .k-text-field__input__container>.k-text-field__input{letter-spacing:1px}.k-text-field.k-text-field--large .k-text-field__label__container .k-text-field__label__text{font-size:16px;line-height:22px;font-weight:400}.k-text-field.k-text-field--large .k-text-field__input__container{padding:10px 16px}.k-text-field.k-text-field--large .k-text-field__input__container .k-text-field__input{font-size:18px;line-height:22px;font-weight:400}.k-text-field.k-text-field--medium .k-text-field__label__container .k-text-field__label__text{font-size:14px;line-height:20px;font-weight:400}.k-text-field.k-text-field--medium .k-text-field__input__container{padding:8px 12px}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__input{font-size:16px;line-height:20px;font-weight:400}.k-text-field.k-text-field--small .k-text-field__label__container .k-text-field__label__text{font-size:12px;line-height:18px;font-weight:400}.k-text-field.k-text-field--small .k-text-field__input__container{padding:6px 8px}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__input{font-size:14px;line-height:18px;font-weight:400}.dark .k-text-field.k-text-field--row .k-text-field__label__container .k-text-field__label__text,.dark .k-text-field.k-text-field--column .k-text-field__label__container .k-text-field__label__text{color:#ccc}.dark .k-text-field.k-text-field--row .k-text-field__label__container .k-text-field__label__text.k-text-field__label__text--focus,.dark .k-text-field.k-text-field--column .k-text-field__label__container .k-text-field__label__text.k-text-field__label__text--focus{color:#068fff;transition-property:color;transition-duration:.3s;transition-timing-function:ease}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container{background:#2b2b2b}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:#4d4d4d}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:#4d4d4d;background:#2b2b2b}.dark .k-text-field .k-text-field__input__container{border:1px solid #4d4d4d;border-radius:3px;background:#212121;caret-color:#fff;font-size:0}.dark .k-text-field .k-text-field__input__container:hover,.dark .k-text-field .k-text-field__input__container:focus-within{border-color:#0079dc}.dark .k-text-field .k-text-field__input__container .k-text-field__input{color:#ccc}.dark .k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:#424242}.k-select{position:relative;display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:80px;border:1px solid #cccccc;border-radius:3px;background:#fff;white-space:nowrap;cursor:pointer;user-select:none;transition-property:border-color;transition-duration:.3s;transition-timing-function:ease}.k-select:hover{border-color:#068fff}.k-select.k-select--disabled{color:#adadad;background:#f5f5f5;cursor:not-allowed}.k-select.k-select--disabled:hover{border-color:#ccc}.k-select .k-select__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-select .k-select__label-text__placeholder{color:#b3b3b3}.k-select .k-select__current__label__arrow-icon{transition-duration:.3s;transition-timing-function:ease}.k-select.k-select--open .k-select__current__label__arrow-icon{transform:rotate(180deg)}.k-select.k-select--open .k-select__menu-list{height:auto}.k-select .k-select__menu-list{position:absolute;top:calc(100% + 8px);left:0;width:100%;height:0;border:1px solid #cccccc;background-color:#fff;border-radius:3px;overflow:hidden;z-index:10}.k-select .k-select__menu-list .k-select__menu-list__item{width:100%;white-space:nowrap;cursor:pointer;border-bottom:1px solid #e6e6e6}.k-select .k-select__menu-list .k-select__menu-list__item:hover{background:#ebebeb}.k-select .k-select__menu-list .k-select__menu-list__item:last-child{border:none}.k-select .k-select__menu-list .k-select__menu-list__item-no-data{color:#b3b3b3}.k-select.k-select--large,.k-select.k-select--large+.k-select__template{padding:10px 10px 10px 16px;font-size:18px;line-height:22px;font-weight:400}.k-select.k-select--large .k-select__menu-list .k-select__menu-list__item{padding:10px 16px}.k-select.k-select--medium,.k-select.k-select--medium+.k-select__template{padding:8px 8px 8px 14px;font-size:16px;line-height:20px;font-weight:400}.k-select.k-select--medium .k-select__menu-list .k-select__menu-list__item{padding:8px 14px}.k-select.k-select--small,.k-select.k-select--small+.k-select__template{padding:6px 6px 6px 12px;font-size:14px;line-height:18px;font-weight:400}.k-select.k-select--small .k-select__menu-list .k-select__menu-list__item{padding:6px 10px}.dark .k-select{color:#ccc;border:1px solid #4d4d4d;border-radius:3px;background:#212121}.dark .k-select.k-select--disabled{color:#4d4d4d;background:#2b2b2b}.dark .k-select.k-select--disabled:hover{border-color:#4d4d4d}.dark .k-select .k-select__menu-list{border-color:#4d4d4d;background-color:#212121}.dark .k-select .k-select__menu-list .k-select__menu-list__item{border-color:#333}.dark .k-select .k-select__menu-list .k-select__menu-list__item:hover{background:#353535}.k-checkbox{display:inline-block;font-size:0;overflow:hidden;user-select:none}.k-checkbox.k-checkbox--disabled .k-checkbox__container{cursor:not-allowed}.k-checkbox.k-checkbox--disabled .k-checkbox__container .k-icon,.k-checkbox.k-checkbox--disabled .k-checkbox__container .k-checkbox__container__label{color:#adadad}.k-checkbox .k-checkbox__container{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.k-checkbox .k-checkbox__container .k-checkbox__container__input{position:absolute;z-index:-9999;top:-9999px;left:-9999px;opacity:0}.k-checkbox .k-checkbox__container .k-icon{color:#333}.k-checkbox .k-checkbox__container .k-checkbox__container__label{position:relative;top:1px;color:#333}.k-checkbox.k-checkbox--large .k-checkbox__container .k-checkbox__container__label{font-size:18px;line-height:22px;font-weight:400}.k-checkbox.k-checkbox--medium .k-checkbox__container .k-checkbox__container__label{font-size:16px;line-height:20px;font-weight:400}.k-checkbox.k-checkbox--small .k-checkbox__container .k-checkbox__container__label{font-size:14px;line-height:18px;font-weight:400}.dark .k-checkbox.k-checkbox--disabled{color:#4d4d4d}.dark .k-checkbox.k-checkbox--disabled .k-checkbox__container{cursor:not-allowed}.dark .k-checkbox.k-checkbox--disabled .k-checkbox__container .k-icon{color:#adadad}.dark .k-checkbox.k-checkbox--disabled .k-checkbox__container .k-checkbox__container__label{color:#4d4d4d}.dark .k-checkbox .k-checkbox__container{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.dark .k-checkbox .k-checkbox__container .k-checkbox__container__input{position:absolute;z-index:-9999;top:-9999px;left:-9999px;opacity:0}.dark .k-checkbox .k-checkbox__container .k-icon,.dark .k-checkbox .k-checkbox__container .k-checkbox__container__label{color:#ccc}.k-checkbox-group{display:inline-flex;justify-content:space-between;align-items:center;gap:8px}.k-checkbox-group.k-checkbox-group--row{flex-direction:row}.k-checkbox-group.k-checkbox-group--column{flex-direction:column;align-items:flex-start}.k-checkbox-group.k-checkbox-group--small{gap:12px}.k-checkbox-group.k-checkbox-group--medium{gap:14px}.k-checkbox-group.k-checkbox-group--large{gap:16px}.k-icon{color:gray;user-select:none}.k-icon.k-icon--clickable{cursor:pointer}.k-icon.k-icon--disabled{cursor:not-allowed}.k-icon.k-icon--large{font-size:42px}.k-icon.k-icon--medium{font-size:36px}.k-icon.k-icon--small{font-size:28px}.k-drop-holder{display:inline-block;font-size:0;cursor:pointer}.k-drop-holder__anchor__wrapper .k-drop-holder__anchor__container{padding:12px;border:1px solid #000}
|