@sunggang/ui-lib 0.3.2 → 0.3.3

package/index.esm.css

@@ -572,58 +572,35 @@ video {
   color: hsl(var(--foreground));
     font-feature-settings: 'rlig' 1, 'calt' 1;
 }
-.\!container {
-  width: 100% !important;
-}
 .container {
   width: 100%;
 }
 @media (min-width: 640px) {
 
-  .\!container {
-    max-width: 640px !important;
-  }
-
   .container {
     max-width: 640px;
   }
 }
 @media (min-width: 768px) {
 
-  .\!container {
-    max-width: 768px !important;
-  }
-
   .container {
     max-width: 768px;
   }
 }
 @media (min-width: 1024px) {
 
-  .\!container {
-    max-width: 1024px !important;
-  }
-
   .container {
     max-width: 1024px;
   }
 }
 @media (min-width: 1280px) {
 
-  .\!container {
-    max-width: 1280px !important;
-  }
-
   .container {
     max-width: 1280px;
   }
 }
 @media (min-width: 1536px) {
 
-  .\!container {
-    max-width: 1536px !important;
-  }
-
   .container {
     max-width: 1536px;
   }
@@ -634,9 +611,6 @@ video {
 .pointer-events-auto {
   pointer-events: auto;
 }
-.\!visible {
-  visibility: visible !important;
-}
 .visible {
   visibility: visible;
 }
@@ -649,24 +623,15 @@ video {
 .static {
   position: static;
 }
-.\!fixed {
-  position: fixed !important;
-}
 .fixed {
   position: fixed;
 }
 .absolute {
   position: absolute;
 }
-.\!relative {
-  position: relative !important;
-}
 .relative {
   position: relative;
 }
-.sticky {
-  position: sticky;
-}
 .inset-0 {
   inset: 0px;
 }
@@ -720,9 +685,6 @@ video {
 .top-\[72px\] {
   top: 72px;
 }
-.isolate {
-  isolation: isolate;
-}
 .z-10 {
   z-index: 10;
 }
@@ -738,9 +700,6 @@ video {
 .z-\[9999\] {
   z-index: 9999;
 }
-.m-1 {
-  margin: 0.25rem;
-}
 .m-4 {
   margin: 1rem;
 }
@@ -825,9 +784,6 @@ video {
 .mt-5 {
   margin-top: 1.25rem;
 }
-.\!block {
-  display: block !important;
-}
 .block {
   display: block;
 }
@@ -843,49 +799,15 @@ video {
 .inline-flex {
   display: inline-flex;
 }
-.\!table {
-  display: table !important;
-}
 .table {
   display: table;
 }
-.inline-table {
-  display: inline-table;
-}
-.table-caption {
-  display: table-caption;
-}
-.table-cell {
-  display: table-cell;
-}
-.flow-root {
-  display: flow-root;
-}
-.\!grid {
-  display: grid !important;
-}
 .grid {
   display: grid;
 }
-.inline-grid {
-  display: inline-grid;
-}
-.\!contents {
-  display: contents !important;
-}
-.contents {
-  display: contents;
-}
-.list-item {
-  display: list-item;
-}
 .hidden {
   display: none;
 }
-.size-2 {
-  width: 0.5rem;
-  height: 0.5rem;
-}
 .h-10 {
   height: 2.5rem;
 }
@@ -1068,18 +990,9 @@ video {
 .flex-none {
   flex: none;
 }
-.flex-shrink {
-  flex-shrink: 1;
-}
-.shrink {
-  flex-shrink: 1;
-}
 .shrink-0 {
   flex-shrink: 0;
 }
-.flex-grow {
-  flex-grow: 1;
-}
 .grow {
   flex-grow: 1;
 }
@@ -1117,9 +1030,6 @@ video {
   --tw-rotate: 90deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.\!transform {
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
-}
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -1146,11 +1056,6 @@ video {
      -moz-user-select: none;
           user-select: none;
 }
-.select-all {
-  -webkit-user-select: all;
-     -moz-user-select: all;
-          user-select: all;
-}
 .resize {
   resize: both;
 }
@@ -1344,9 +1249,6 @@ video {
 .border-\[\#ffffff33\] {
   border-color: #ffffff33;
 }
-.border-\[top\2c left\2c right\2c bottom\] {
-  border-color: top,left,right,bottom;
-}
 .border-gray-200 {
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
@@ -1720,12 +1622,6 @@ video {
 .text-right {
   text-align: right;
 }
-.text-justify {
-  text-align: justify;
-}
-.indent-1 {
-  text-indent: 0.25rem;
-}
 .align-middle {
   vertical-align: middle;
 }
@@ -1771,9 +1667,6 @@ video {
 .font-bold {
   font-weight: 700;
 }
-.font-light {
-  font-weight: 300;
-}
 .font-medium {
   font-weight: 500;
 }
@@ -1795,10 +1688,6 @@ video {
 .italic {
   font-style: italic;
 }
-.ordinal {
-  --tw-ordinal: ordinal;
-  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
-}
 .tracking-tight {
   letter-spacing: -0.025em;
 }
@@ -2003,23 +1892,12 @@ video {
 .underline {
   text-decoration-line: underline;
 }
-.overline {
-  text-decoration-line: overline;
-}
 .line-through {
   text-decoration-line: line-through;
 }
 .underline-offset-4 {
   text-underline-offset: 4px;
 }
-.antialiased {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-.subpixel-antialiased {
-  -webkit-font-smoothing: auto;
-  -moz-osx-font-smoothing: auto;
-}
 .opacity-0 {
   opacity: 0;
 }
@@ -2104,28 +1982,9 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
-.grayscale {
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.invert {
-  --tw-invert: invert(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.sepia {
-  --tw-sepia: sepia(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.\!filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
-}
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
-.backdrop-filter {
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
 .transition {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -2165,9 +2024,6 @@ video {
 .duration-500 {
   transition-duration: 500ms;
 }
-.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
 .ease-in-out {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -2188,12 +2044,6 @@ video {
     transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
   }
 }
-.zoom-in {
-  --tw-enter-scale: 0;
-}
-.zoom-out {
-  --tw-exit-scale: 0;
-}
 .duration-1000 {
   animation-duration: 1000ms;
 }
@@ -2206,57 +2056,12 @@ video {
 .duration-500 {
   animation-duration: 500ms;
 }
-.ease-in {
-  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
 .ease-in-out {
   animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 .ease-out {
   animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.\!running {
-  animation-play-state: running !important;
-}
-.running {
-  animation-play-state: running;
-}
-.paused {
-  animation-play-state: paused;
-}
-.\[a-zA-Z0-9\:\\\\-\\\\\._\$\] {
-  a-z-a--z0-9: \\-\\. $;
-}
-.\[hash\:base64\] {
-  hash: base64;
-}
-.\[key\:string\] {
-  key: string;
-}
-.\[module\:ckbox\/ckbox\~CKBoxConfig\#assetsOrigin\] {
-  module: ckbox/ckbox~CKBoxConfig#assetsOrigin;
-}
-.\[module\:ckbox\/ckbox\~CKBoxConfig\#defaultUploadCategories\] {
-  module: ckbox/ckbox~CKBoxConfig#defaultUploadCategories;
-}
-.\[module\:ckbox\/ckbox\~CKBoxConfig\#ignoreDataId\] {
-  module: ckbox/ckbox~CKBoxConfig#ignoreDataId;
-}
-.\[module\:ckbox\/ckbox\~CKBoxConfig\#language\] {
-  module: ckbox/ckbox~CKBoxConfig#language;
-}
-.\[module\:ckbox\/ckbox\~CKBoxConfig\#serviceOrigin\] {
-  module: ckbox/ckbox~CKBoxConfig#serviceOrigin;
-}
-.\[module\:media-embed\/mediaembed\~MediaEmbedConfig\#elementName\] {
-  module: media-embed/mediaembed~MediaEmbedConfig#elementName;
-}
-.\[module\:media-embed\/mediaembed\~MediaEmbedConfig\#previewsInData\=false\] {
-  module: media-embed/mediaembed~MediaEmbedConfig#previewsInData=false;
-}
-.\[module\:ui\/template\~TemplateBinding\#callback\] {
-  module: ui/template~TemplateBinding#callback;
-}
 
 /* gary */
 

package/index.esm2.js

@@ -46942,7 +46942,7 @@ var BaseCkeditor = dynamic(function() {
 });
 var TextField = function(param) {
     var item = param.item;
-    var _useFormContext = useFormContext(), register = _useFormContext.register, setValue = _useFormContext.setValue, errors = _useFormContext.formState.errors;
+    var _useFormContext = useFormContext(), register = _useFormContext.register, setValue = _useFormContext.setValue; _useFormContext.control; var errors = _useFormContext.formState.errors;
     var handleReplace = function(event) {
         var result = event.target.value.replace(/\D/g, "");
         setValue(item.name, result);
@@ -47293,7 +47293,8 @@ var CheckboxField = function(param) {
                                     return /*#__PURE__*/ jsx(Checkbox, _object_spread_props$3(_object_spread$6({}, field, checkbox === null || checkbox === void 0 ? void 0 : checkbox.muiProps), {
                                         sx: {
                                             padding: 0
-                                        }
+                                        },
+                                        checked: !!field.value
                                     }));
                                 }
                             }),
@@ -47325,7 +47326,8 @@ var CheckboxField = function(param) {
                             return /*#__PURE__*/ jsx(Checkbox, _object_spread_props$3(_object_spread$6({}, field, item === null || item === void 0 ? void 0 : item.muiProps), {
                                 sx: {
                                     padding: 0
-                                }
+                                },
+                                checked: !!field.value
                             }));
                         }
                     }),
@@ -47594,7 +47596,7 @@ function _object_spread_props$2(target, source) {
 }
 var BaseSwitch = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     var props = _extends({}, _object_destructuring_empty(_param));
-    var control = useForm().control;
+    var control = useFormContext().control;
     var item = props.item;
     var size = (item === null || item === void 0 ? void 0 : item.size) || "large";
     var bgColor = (item === null || item === void 0 ? void 0 : item.color) === "blue" ? "data-[state=checked]:bg-blue-500" : (item === null || item === void 0 ? void 0 : item.color) === "red" ? "data-[state=checked]:bg-red-500" : (item === null || item === void 0 ? void 0 : item.color) === "green" ? "data-[state=checked]:bg-green-500" : (item === null || item === void 0 ? void 0 : item.color) === "yellow" ? "data-[state=checked]:bg-yellow-500" : "data-[state=checked]:bg-blue-500";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",

package/src/lib/Ckeditor/BaseCkeditor.d.ts

@@ -2,11 +2,6 @@
 import { FormItem } from '../Form/types';
 interface CkEditorProps {
     item: FormItem;
-    config: {
-        uploadUrl?: string;
-        fieldName?: string;
-        authToken?: string;
-    };
 }
 declare const BaseCkeditor: React.FC<CkEditorProps>;
 export default BaseCkeditor;