@kosdev-code/base-ui-components 0.1.0-dev.5623 → 0.1.0-dev.5633

package/components/molecules/form/components/form-hidden-field.d.ts

@@ -0,0 +1,8 @@
+import { FieldPath, FieldValues } from 'react-hook-form';
+
+export interface FormHiddenFieldProps<T extends FieldValues = FieldValues, N extends FieldPath<T> = FieldPath<T>> {
+    name: N;
+    disabled?: boolean;
+}
+export declare const FormHiddenField: <T extends FieldValues = FieldValues, N extends FieldPath<T> = FieldPath<T>>({ name, disabled, }: FormHiddenFieldProps<T, N>) => null;
+//# sourceMappingURL=form-hidden-field.d.ts.map

package/components/molecules/form/components/form-hidden-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-hidden-field.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/components/molecules/form/components/form-hidden-field.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,oBAAoB,CACnC,CAAC,SAAS,WAAW,GAAG,WAAW,EACnC,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC;IAErC,IAAI,EAAE,CAAC,CAAC;IACR,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,oGAMzB,qBAAqB,CAAC,EAAE,CAAC,CAAC,SAO5B,CAAC"}

package/components/molecules/form/components/form-static-field.d.ts

@@ -0,0 +1,9 @@
+import { FieldPath, FieldValues } from 'react-hook-form';
+
+export interface FormStaticFieldProps<T extends FieldValues = FieldValues, N extends FieldPath<T> = FieldPath<T>> {
+    name: N;
+    label?: string;
+    disabled?: boolean;
+}
+export declare const FormStaticField: <T extends FieldValues = FieldValues, N extends FieldPath<T> = FieldPath<T>>({ name, label, disabled, }: FormStaticFieldProps<T, N>) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-static-field.d.ts.map

package/components/molecules/form/components/form-static-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-static-field.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/components/molecules/form/components/form-static-field.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,iBAAiB,CAAC;AAIzB,MAAM,WAAW,oBAAoB,CACnC,CAAC,SAAS,WAAW,GAAG,WAAW,EACnC,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC;IAErC,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,2GAOzB,qBAAqB,CAAC,EAAE,CAAC,CAAC,qDA4B5B,CAAC"}

package/components/molecules/form/components/index.d.ts

@@ -11,4 +11,6 @@ export * from './form-name-input';
 export * from './form-combo-box';
 export * from './form-file-input';
 export * from './form-multi-select';
+export * from './form-hidden-field';
+export * from './form-static-field';
 //# sourceMappingURL=index.d.ts.map

package/components/molecules/form/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/components/molecules/form/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/components/molecules/form/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}

package/components/molecules/list/async-list/async-select-view-list.d.ts

@@ -0,0 +1,74 @@
+import { AsyncListProps } from './async-list';
+import { ListItem } from '../common/types';
+import { ReactElement } from 'react';
+
+/**
+ * Selection props for AsyncSelectViewList.
+ */
+export interface AsyncSelectViewListSelectionProps {
+    /** Currently selected item IDs */
+    selected: string[];
+    /**
+     * Called when an item's selection is toggled (e.g., radio button click).
+     * The consumer is responsible for updating the `selected` array.
+     */
+    onSelect: (itemId: string) => void;
+    /** Whether selection is disabled */
+    disabled?: boolean;
+}
+/**
+ * Optional view action props for AsyncSelectViewList.
+ * When provided, enables the "view" action on items (e.g., body/chevron click).
+ */
+export interface AsyncSelectViewListViewProps {
+    /** ID of the item currently being viewed (for visual highlighting) */
+    viewing?: string;
+    /**
+     * Called when an item's "view" action is triggered (e.g., clicking the body/chevron).
+     * Distinct from selection — this typically shows item details in another panel.
+     */
+    onItemView: (itemId: string) => void;
+}
+/**
+ * Props for AsyncSelectViewList.
+ * Combines AsyncList props with selection and optional view action props.
+ */
+export type AsyncSelectViewListProps<I extends Record<string, any> = Record<string, any>, T extends ListItem = ListItem> = AsyncListProps<I, T> & AsyncSelectViewListSelectionProps & {
+    /** Optional view action configuration. When provided, wraps with ViewActionContext. */
+    viewAction?: AsyncSelectViewListViewProps;
+};
+/**
+ * AsyncList with built-in selection and optional view action support.
+ *
+ * Reduces boilerplate by internally creating and providing SelectListContext
+ * and (optionally) ViewActionContext. Pair with `StudioSelectViewListItem`
+ * for dual-action list items (radio select + body/chevron view).
+ *
+ * @example Selection only
+ * ```tsx
+ * <AsyncSelectViewList
+ *   dataProvider={provider}
+ *   ItemTemplate={StudioNamedListItem}
+ *   selected={[selectedId]}
+ *   onSelect={handleSelect}
+ * />
+ * ```
+ *
+ * @example Selection + view action (split-action pattern)
+ * ```tsx
+ * <AsyncSelectViewList
+ *   dataProvider={provider}
+ *   ItemTemplate={StudioSelectViewListItem}
+ *   selected={[selectedId]}
+ *   onSelect={handleSelect}
+ *   viewAction={{
+ *     viewing: viewingId,
+ *     onItemView: handleItemView,
+ *   }}
+ * />
+ * ```
+ */
+export declare const AsyncSelectViewList: (<I extends Record<string, any>, T extends ListItem>({ selected, onSelect, disabled, viewAction, ...asyncListProps }: AsyncSelectViewListProps<I, T>) => ReactElement | null) & {
+    displayName: string;
+};
+//# sourceMappingURL=async-select-view-list.d.ts.map

package/components/molecules/list/async-list/async-select-view-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-select-view-list.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/components/molecules/list/async-list/async-select-view-list.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,iCAAiC;IAChD,kCAAkC;IAClC,QAAQ,EAAE,MAAM,EAAE,CAAC;IAEnB;;;OAGG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,WAAW,4BAA4B;IAC3C,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED;;;GAGG;AACH,MAAM,MAAM,wBAAwB,CAClC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACnD,CAAC,SAAS,QAAQ,GAAG,QAAQ,IAC3B,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,GACtB,iCAAiC,GAAG;IAClC,uFAAuF;IACvF,UAAU,CAAC,EAAE,4BAA4B,CAAC;CAC3C,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,mBAAmB,wHAO3B,yBAAyB,CAAC,EAAE,CAAC,CAAC,KAAG,YAAY,GAAG,IAAI;;CAoCxD,CAAC"}

package/components/molecules/list/async-list/index.d.ts

@@ -2,8 +2,10 @@
  * (C) Copyright 2025, TCCC, All rights reserved.
  */
 export * from './async-list';
+export * from './async-select-view-list';
 export * from './async-list-group-header';
 export * from './types';
 export * from './item-action-bar';
 export * from './templates/studio-named-list-item';
+export * from './templates/studio-select-view-list-item';
 //# sourceMappingURL=index.d.ts.map

package/components/molecules/list/async-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/components/molecules/list/async-list/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,oCAAoC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/components/molecules/list/async-list/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,oCAAoC,CAAC;AACnD,cAAc,0CAA0C,CAAC"}

package/components/molecules/list/async-list/templates/studio-select-view-list-item.d.ts

@@ -0,0 +1,33 @@
+import { ResolvedAction, ResolvedDecorator } from '../types';
+import { ListItem } from '../../common/types';
+import { IconColors, IconIds } from '../../../../atoms';
+import { ReactNode } from 'react';
+
+/**
+ * Studio 2.0 list item template with dual-action support:
+ * - Radio button click: toggles selection via SelectListContext
+ * - Body/chevron click: triggers "view" action via ViewActionContext
+ *
+ * This template combines the selection pattern from SelectViewListItem
+ * with the decoration capabilities of StudioNamedListItem, making it
+ * compatible with AsyncList and the declarative framework.
+ *
+ * @category Components
+ * @version 2.0.0
+ */
+export interface StudioSelectViewListItemProps extends ListItem {
+    /** Optional subtitle (only used when children not provided) */
+    subText?: string;
+    /** Custom content - when provided, replaces name/subText rendering */
+    children?: ReactNode;
+    iconId?: IconIds;
+    iconColor?: IconColors;
+    actions?: ResolvedAction[];
+    decorators?: ResolvedDecorator[];
+    className?: string;
+    disabled?: boolean;
+    "data-depth"?: number;
+    "data-indent-size"?: number;
+}
+export declare const StudioSelectViewListItem: import('react').FunctionComponent<StudioSelectViewListItemProps>;
+//# sourceMappingURL=studio-select-view-list-item.d.ts.map

package/components/molecules/list/async-list/templates/studio-select-view-list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"studio-select-view-list-item.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/libraries/base-ui-components/src/components/molecules/list/async-list/templates/studio-select-view-list-item.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAO7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAOlE;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,6BAA8B,SAAQ,QAAQ;IAC7D,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAGjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,wBAAwB,kEAuHlC,CAAC"}

package/components/molecules/list/common/contexts/index.d.ts

@@ -1,3 +1,4 @@
 export * from './select-list-context';
 export * from './list-context';
+export * from './view-action-context';
 //# sourceMappingURL=index.d.ts.map

package/components/molecules/list/common/contexts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/libraries/base-ui-components/src/components/molecules/list/common/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/libraries/base-ui-components/src/components/molecules/list/common/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC"}

package/components/molecules/list/common/contexts/view-action-context.d.ts

@@ -0,0 +1,13 @@
+/**
+ * (C) Copyright 2025, TCCC, All rights reserved.
+ */
+/// <reference types="react" />
+export interface ViewActionContextValue {
+    /** The ID of the item currently being viewed (for visual highlighting) */
+    viewing: string | undefined;
+    /** Callback to trigger the "view" action on an item */
+    onItemView: (itemId: string) => void;
+}
+export declare const ViewActionContext: import('react').Context<ViewActionContextValue | undefined>;
+export declare const useViewActionContext: () => ViewActionContextValue;
+//# sourceMappingURL=view-action-context.d.ts.map

package/components/molecules/list/common/contexts/view-action-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-action-context.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/libraries/base-ui-components/src/components/molecules/list/common/contexts/view-action-context.tsx"],"names":[],"mappings":"AAAA;;GAEG;;AAKH,MAAM,WAAW,sBAAsB;IACrC,0EAA0E;IAC1E,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,uDAAuD;IACvD,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,iBAAiB,6DAK5B,CAAC;AAEH,eAAO,MAAM,oBAAoB,8BAWhC,CAAC"}