onekijs-ui 0.19.4 → 0.19.5

package/dist/index.js

@@ -1673,7 +1673,7 @@ const FormCardDisplayer = styled(FormCardDisplayerComponent) `
   ${formCardDisplayerStyle}
 `;
 
-const FormCard = ({ name, disabled, visible, ...cardProps }) => {
+const FormCard = ({ name, ...cardProps }) => {
     const decorator = onekijsFramework.useFormDecorator(name, {
         Displayer: (displayerProps) => {
             return React.createElement(FormCardDisplayer, { ...displayerProps, name: typeof cardProps.title === 'string' ? cardProps.title : titlelize(name) });
@@ -1686,8 +1686,10 @@ const FormCard = ({ name, disabled, visible, ...cardProps }) => {
     });
     const { hide, show, disable, enable } = fieldContainer;
     React.useEffect(() => {
-        if (!metadata.visible) {
-            if (metadata.disabled) {
+        const visible = metadata.visible ?? true;
+        const disabled = metadata.disabled ?? false;
+        if (!visible) {
+            if (disabled) {
                 disable();
             }
             else {
@@ -1697,7 +1699,7 @@ const FormCard = ({ name, disabled, visible, ...cardProps }) => {
         }
         else {
             show();
-            if (metadata.disabled) {
+            if (disabled) {
                 disable();
             }
             else {
@@ -2273,7 +2275,7 @@ const extractFieldLayoutProps = (props) => {
     ];
     const fieldOptionsKeys = [
         'defaultValue',
-        'touchedOn',
+        'touchOn',
         'disabled',
         'visible',
         'editable',
@@ -6348,18 +6350,17 @@ SelectTokenComponent.displayName = 'SelectTokenComponent';
 var SelectTokenComponent$1 = React.memo(SelectTokenComponent);
 
 const SelectTokensComponent = ({ tokens, onRemove, maxDisplayTokens, }) => {
-    const widthRef = React.useRef();
     const onExiting = (node) => {
         node.style.width = '0';
         node.style.opacity = '0';
     };
     const onEntering = (node) => {
-        widthRef.current = node.getBoundingClientRect().width;
+        const width = node.getBoundingClientRect().width;
         node.style.width = '0px';
         node.style.opacity = '0';
         node.style.transition = 'all 150ms';
         setTimeout(() => {
-            node.style.width = `${widthRef.current}px`;
+            node.style.width = `${width}px`;
             node.style.opacity = '1';
         }, 0);
     };
@@ -10366,9 +10367,6 @@ const DefaultFormCellDisplayer = (props) => {
         if (props.column) {
             const name = props.column.id ? `${props.rowName}.${props.column.id}` : `${props.rowName}`;
             const field = form.fields[name];
-            if (props.column.id === 'value') {
-                console.log(field);
-            }
             if (field && field.Displayer) {
                 const Component = field.Displayer;
                 return React.createElement(Component, { name: name, label: props.column.id ? props.column.title : '', Displayer: field.Displayer, children: {}, index: 0, first: true, last: true, format: props.format });
@@ -11292,7 +11290,7 @@ const Step = ({ title, active = false, disabled = false, visible = true, closabl
             children)));
 };
 
-const FormStep = ({ name, disabled, visible, ...stepProps }) => {
+const FormStep = ({ name, disabled = false, visible = true, ...stepProps }) => {
     const decorator = onekijsFramework.useFormDecorator(name, {
         Displayer: (displayerProps) => {
             const total = Object.values(displayerProps.children ?? {}).length;