@prorobotech/openapi-k8s-toolkit 0.0.1-alpha.94 → 0.0.1-alpha.96

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { SelectProps } from 'antd';
+export declare const CustomSelect: FC<SelectProps>;

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

@@ -0,0 +1 @@
+export * from './CustomSelect';

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

@@ -0,0 +1,158 @@
+/// <reference types="react" />
+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;
+        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;
+    }>;
+};

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

@@ -6,4 +6,5 @@ export * from './Icons';
 export * from './ContentCard';
 export * from './FlexGrow';
 export * from './UncontrolledSelect';
+export * from './CustomSelect';
 export * from './CursorPointerTag';

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

@@ -7,6 +7,11 @@ type TEditModalProps = {
     modalTitle: string;
     modalDescriptionText?: string;
     inputLabel?: string;
+    maxEditTagTextLength?: number;
+    allowClearEditSelect?: boolean;
+    endpoint: string;
+    pathToValue: string;
+    editModalWidth?: number;
 };
 export declare const EditModal: FC<TEditModalProps>;
 export {};

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

@@ -177,12 +177,18 @@ 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;
     };
     LabelsToSearchParams: {
         id: number | string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prorobotech/openapi-k8s-toolkit",
-  "version": "0.0.1-alpha.94",
+  "version": "0.0.1-alpha.96",
   "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",