@prorobotech/openapi-k8s-toolkit 0.0.1-alpha.95 → 0.0.1-alpha.97

package/dist/types/api/forms.d.ts

@@ -10,3 +10,8 @@ export declare const updateEntry: <T>({ endpoint, body, }: {
 export declare const deleteEntry: <T>({ endpoint }: {
     endpoint: string;
 }) => Promise<AxiosResponse<T, any>>;
+export declare const patchEntryWithReplaceOp: <T>({ endpoint, pathToValue, body, }: {
+    endpoint: string;
+    pathToValue: string;
+    body: unknown;
+}) => Promise<AxiosResponse<T, any>>;

package/dist/types/components/atoms/CustomSelect/CustomSelect.d.ts

@@ -1,3 +1,7 @@
 import { FC } from 'react';
 import { SelectProps } from 'antd';
-export declare const CustomSelect: FC<SelectProps>;
+type TCustomSelectProps = SelectProps & {
+    paddingContainerEnd?: string;
+};
+export declare const CustomSelect: FC<TCustomSelectProps>;
+export {};

package/dist/types/components/atoms/CustomSelect/styled.d.ts

@@ -1,158 +1,10 @@
 /// <reference types="react" />
+type TCustomSelectProps = {
+    $paddingContainerEnd?: string;
+};
 export declare const Styled: {
-    CustomSelect: import("styled-components").IStyledComponent<"web", {
-        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
-        mode?: "multiple" | "tags" | undefined;
-        status?: "" | "error" | "warning" | undefined;
-        popupClassName?: string | undefined;
-        dropdownClassName?: string | undefined;
-        dropdownMatchSelectWidth?: number | boolean | undefined;
-        popupMatchSelectWidth?: number | boolean | undefined;
-        dropdownRender?: ((menu: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
-        popupRender?: ((menu: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
-        dropdownStyle?: import("react").CSSProperties | undefined;
-        onDropdownVisibleChange?: ((visible: boolean) => void) | undefined;
-        onOpenChange?: ((visible: boolean) => void) | undefined;
-        defaultValue?: unknown;
-        autoFocus?: boolean | undefined;
-        className?: string | undefined;
-        id?: string | undefined;
-        placeholder?: import("react").ReactNode;
-        style?: import("react").CSSProperties | undefined;
-        tabIndex?: number | undefined;
-        title?: string | undefined;
-        prefix?: import("react").ReactNode;
-        "aria-activedescendant"?: string | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
-        "aria-colcount"?: number | undefined;
-        "aria-colindex"?: number | undefined;
-        "aria-colindextext"?: string | undefined;
-        "aria-colspan"?: number | undefined;
-        "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date" | undefined;
-        "aria-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-        "aria-keyshortcuts"?: string | undefined;
-        "aria-label"?: string | undefined;
-        "aria-labelledby"?: string | undefined;
-        "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-        "aria-valuemax"?: number | undefined;
-        "aria-valuemin"?: number | undefined;
-        "aria-valuenow"?: number | undefined;
-        "aria-valuetext"?: string | undefined;
+    CustomSelect: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("antd").SelectProps<unknown, import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType> & {
         children?: import("react").ReactNode;
-        onFocus?: import("react").FocusEventHandler<HTMLElement> | undefined;
-        onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
-        onChange?: ((value: unknown, option?: import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType | (import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType)[] | undefined) => void) | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onSelect?: import("rc-select/lib/Select").SelectHandler<unknown, import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType> | undefined;
-        prefixCls?: string | undefined;
-        direction?: "ltr" | "rtl" | undefined;
-        fieldNames?: import("rc-select/lib/Select").FieldNames | undefined;
-        disabled?: boolean | undefined;
-        virtual?: boolean | undefined;
-        rootClassName?: string | undefined;
-        searchValue?: string | undefined;
-        size?: import("antd/es/button").ButtonSize;
-        value?: unknown;
-        maxLength?: number | undefined;
-        classNames?: (Partial<Record<"root", string>> & {
-            popup?: Partial<Record<"root", string>> | undefined;
-        }) | undefined;
-        styles?: (Partial<Record<"root", import("react").CSSProperties>> & {
-            popup?: Partial<Record<"root", import("react").CSSProperties>> | undefined;
-        }) | undefined;
-        onClear?: (() => void) | undefined;
-        allowClear?: boolean | {
-            clearIcon?: import("rc-select/lib/interface").RenderNode;
-        } | undefined;
-        open?: boolean | undefined;
-        loading?: boolean | undefined;
-        options?: (import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType)[] | undefined;
-        animation?: string | undefined;
-        transitionName?: string | undefined;
-        autoClearSearchValue?: boolean | undefined;
-        onSearch?: ((value: string) => void) | undefined;
-        showSearch?: boolean | undefined;
-        tagRender?: ((props: import("rc-select/lib/BaseSelect").CustomTagProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
-        notFoundContent?: import("react").ReactNode;
-        choiceTransitionName?: string | undefined;
-        defaultOpen?: boolean | undefined;
-        maxTagTextLength?: number | undefined;
-        maxTagCount?: number | "responsive" | undefined;
-        maxTagPlaceholder?: import("react").ReactNode | ((omittedValues: import("rc-select/lib/interface").DisplayValueType[]) => import("react").ReactNode);
-        tokenSeparators?: string[] | undefined;
-        suffixIcon?: import("react").ReactNode;
-        clearIcon?: import("rc-select/lib/interface").RenderNode;
-        removeIcon?: import("rc-select/lib/interface").RenderNode;
-        dropdownAlign?: import("@rc-component/trigger").AlignType | undefined;
-        builtinPlacements?: import("@rc-component/trigger").BuildInPlacements | undefined;
-        getPopupContainer?: import("rc-select/lib/interface").RenderDOMFunc | undefined;
-        showAction?: ("focus" | "click")[] | undefined;
-        onPopupScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-        onInputKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
-        inputValue?: string | undefined;
-        onDeselect?: import("rc-select/lib/Select").SelectHandler<unknown, import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType> | undefined;
-        filterOption?: boolean | import("rc-select/lib/Select").FilterFunc<import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType> | undefined;
-        filterSort?: ((optionA: import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType, optionB: import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType, info: {
-            searchValue: string;
-        }) => number) | undefined;
-        optionFilterProp?: string | undefined;
-        optionLabelProp?: string | undefined;
-        optionRender?: ((oriOption: import("rc-select/lib/interface").FlattenOptionData<import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType>, info: {
-            index: number;
-        }) => import("react").ReactNode) | undefined;
-        defaultActiveFirstOption?: boolean | undefined;
-        listHeight?: number | undefined;
-        listItemHeight?: number | undefined;
-        labelRender?: ((props: import("rc-select/lib/Select").LabelInValueType) => import("react").ReactNode) | undefined;
-        menuItemSelectedIcon?: import("rc-select/lib/interface").RenderNode;
-        labelInValue?: boolean | undefined;
-        maxCount?: number | undefined;
-        bordered?: boolean | undefined;
-        showArrow?: boolean | undefined;
-        variant?: "outlined" | "borderless" | "filled" | "underlined" | undefined;
-        ref?: import("react").Ref<import("antd").RefSelectProps> | undefined;
-        key?: import("react").Key | null | undefined;
-    }>;
+    } & import("react").RefAttributes<import("antd").RefSelectProps>, TCustomSelectProps>>;
 };
+export {};

package/dist/types/components/organisms/DynamicComponents/molecules/Labels/molecules/EditModal/EditModal.d.ts

@@ -9,6 +9,10 @@ type TEditModalProps = {
     inputLabel?: string;
     maxEditTagTextLength?: number;
     allowClearEditSelect?: boolean;
+    endpoint: string;
+    pathToValue: string;
+    editModalWidth?: number | string;
+    paddingContainerEnd?: string;
 };
 export declare const EditModal: FC<TEditModalProps>;
 export {};

package/dist/types/components/organisms/DynamicComponents/types.d.ts

@@ -177,14 +177,19 @@ export type TDynamicComponentsAppTypeMap = {
         reqIndex: string;
         jsonPathToLabels: string;
         selectProps?: SelectProps;
-        notificationSuccessMessage: string;
-        notificationSuccessMessageDescription: string;
-        modalTitle: string;
+        readOnly?: true;
+        notificationSuccessMessage?: string;
+        notificationSuccessMessageDescription?: string;
+        modalTitle?: string;
         modalDescriptionText?: string;
         inputLabel?: string;
         containerStyle?: CSSProperties;
         maxEditTagTextLength?: number;
         allowClearEditSelect?: boolean;
+        endpoint?: string;
+        pathToValue?: string;
+        editModalWidth?: number | string;
+        paddingContainerEnd?: string;
     };
     LabelsToSearchParams: {
         id: number | string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prorobotech/openapi-k8s-toolkit",
-  "version": "0.0.1-alpha.95",
+  "version": "0.0.1-alpha.97",
   "description": "ProRobotech OpenAPI k8s tools",
   "main": "dist/openapi-k8s-toolkit.cjs.js",
   "module": "dist/openapi-k8s-toolkit.es.js",
@@ -17,8 +17,8 @@
     "watch:build": "chokidar \"src/**/*\" -c \"npm run build\" -d 5000",
     "watch:yalc": "chokidar \"dist/**/*\" -c \"yalc push\" -d 5000",
     "dev:open": "cross-env BASEPREFIX=/toolkit vite --open --port 3002 --strictPort",
-    "build": "vite build && tsc && tsc-alias -p tsconfig.json",
-    "build:local": "vite build && tsc && tsc-alias -p tsconfig.json && yalc publish --replace",
+    "build": "vite build && tsc -p tsconfig.json && tsc-alias -p tsconfig.json",
+    "build:local": "vite build && tsc -p tsconfig.json && tsc-alias -p tsconfig.json && yalc publish --replace && yalc push",
     "serve": "vite preview --port 3002 --strictPort",
     "preview": "vite preview --port 3002 --strictPort",
     "tsc": "tsc --project tsconfig.json",
@@ -27,7 +27,10 @@
     "lint": "npm run lint:js && npm run lint:css && npm run tsc",
     "test": "jest",
     "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage"
+    "test:coverage": "jest --coverage",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build",
+    "storybook:serve": "serve storybook-static"
   },
   "peerDependencies": {
     "@ant-design/icons": "5.6.0",
@@ -60,6 +63,7 @@
   },
   "devDependencies": {
     "@ant-design/icons": "5.6.0",
+    "@storybook/react-vite": "9.1.2",
     "@stylelint/postcss-css-in-js": "0.38.0",
     "@tanstack/react-query": "5.62.2",
     "@tanstack/react-query-devtools": "5.62.2",
@@ -94,6 +98,8 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-router-dom": "6.25.1",
+    "serve": "14.2.4",
+    "storybook": "9.1.2",
     "stylelint": "16.14.1",
     "stylelint-config-standard": "37.0.0",
     "ts-jest": "29.3.2",