oziko-ui-kit 0.0.104 → 0.0.105

package/dist/components/atoms/inputs/minimized/array/Array.d.ts

@@ -1,12 +1,15 @@
 import { FC } from "react";
 import { TypeFlexElement } from "../../../flex-element/FlexElement";
-import { TypeArrayItems, TypeValueType } from "../../../../../custom-hooks/useInputRepresenter";
+import { TypeArrayItems, TypeInputRepresenterError, TypeValueType } from "../../../../../custom-hooks/useInputRepresenter";
 export type TypeMinimizedArrayInput = {
     propertyKey: string;
     value?: TypeValueType[];
     items?: TypeArrayItems;
     popoverProps?: TypeFlexElement;
     contentProps?: TypeFlexElement;
+    containerProps?: TypeFlexElement;
+    errors?: TypeInputRepresenterError | string;
+    onChange?: (value: any) => void;
 } & TypeFlexElement;
 declare const MinimizedArrayInput: FC<TypeMinimizedArrayInput>;
 export default MinimizedArrayInput;

package/dist/custom-hooks/useArrayItemInput.d.ts

@@ -0,0 +1,16 @@
+import { TypeArrayItems, TypeInputRepresenterError, TypeInputType, TypeProperties, TypeValueType } from "./useInputRepresenter";
+export declare const generateDefaultValueForType: (type: TypeInputType, properties?: TypeProperties) => TypeValueType;
+export declare const getDefaultValue: (items?: TypeArrayItems) => TypeValueType;
+type TypeUseArrayItemInput = {
+    propertyKey: string;
+    items?: TypeArrayItems;
+    value?: TypeValueType[];
+    activeIndex: number | null;
+    onChange?: (value: TypeValueType[]) => void;
+    errors?: TypeInputRepresenterError | string;
+};
+export declare const useArrayItemInput: ({ propertyKey, items, value, activeIndex, onChange, errors, }: TypeUseArrayItemInput) => {
+    inputFields: (import("react/jsx-runtime").JSX.Element | null)[];
+    getDefaultValue: () => TypeValueType;
+};
+export {};

package/dist/index.css

@@ -3054,28 +3054,47 @@ input:checked + .Switch-module_slider__sHGGR::before {
   -webkit-line-clamp: 1;
   display: block;
 }
-.ArrayInput-module_container__pCN6T {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
-  border: var(--oziko-border-default);
-  border-radius: var(--oziko-border-radius-md);
+
+.Array-module_buttonsContainer__mOaLI {
+  display: flex;
+  gap: 8px;
+  align-items: center;
 }
-.ArrayInput-module_container__pCN6T input {
-  padding: 0;
+
+.Array-module_itemButtonWrapper__zYbaj {
+  position: relative;
+  display: inline-block;
 }
 
-.ArrayInput-module_header__v88Lg {
-  width: 100%;
+.Array-module_itemButton__IvXJ4 {
+  background: var(--oziko-color-border) !important;
+  color: var(--oziko-color-font-primary) !important;
+  border-radius: var(--oziko-border-radius-md) !important;
 }
 
-.ArrayInput-module_inputHeader__YhlBU {
-  padding-left: 0;
+.Array-module_removeButton__nj38e {
+  position: absolute;
+  top: -10px;
+  left: 90%;
+  transform: translateX(-50%);
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.2s, visibility 0.2s;
+  background: var(--oziko-color-background-secondary) !important;
+  color: var(--oziko-color-font-primary) !important;
+  z-index: 1;
+  cursor: pointer;
+  width: 20px !important;
+  height: 20px !important;
+  min-width: 20px !important;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
-.ArrayInput-module_emptyStateText__ZHJbR {
-  font-size: var(--oziko-icon-size-sm);
+.Array-module_itemButtonWrapper__zYbaj:hover .Array-module_removeButton__nj38e {
+  opacity: 1;
+  visibility: visible;
 }
 .String-module_icon__pKB1k {
   color: var(--oziko-color-font-primary) !important;
@@ -3656,6 +3675,29 @@ button.font-increment {
 .ObjectInput-module_inputContainer__Kjm9k {
   width: 100%;
 }
+.ArrayInput-module_container__pCN6T {
+  background-color: var(--oziko-color-input-background);
+  border-radius: var(--oziko-border-radius-md);
+  color: var(--oziko-color-input-placeholder);
+  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
+  border: var(--oziko-border-default);
+  border-radius: var(--oziko-border-radius-md);
+}
+.ArrayInput-module_container__pCN6T input {
+  padding: 0;
+}
+
+.ArrayInput-module_header__v88Lg {
+  width: 100%;
+}
+
+.ArrayInput-module_inputHeader__YhlBU {
+  padding-left: 0;
+}
+
+.ArrayInput-module_emptyStateText__ZHJbR {
+  font-size: var(--oziko-icon-size-sm);
+}
 .ChipInput-module_chipInputContainer__wRY2y {
   background-color: var(--oziko-color-input-background);
   border-radius: var(--oziko-border-radius-md);