@emporix/component-library 2.2.0 → 2.4.0

package/dist/components/sectionbox/SectionBox.d.ts

@@ -0,0 +1,65 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface SectionTitleProps {
+    /**
+     * Title text. Rendered through a title-case transform (e.g. `orderDetails`
+     * renders as `Order Details`).
+     */
+    name?: string;
+    /**
+     * Actions rendered alongside the title (e.g. a button).
+     */
+    actions?: ReactNode;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+    /**
+     * Test ID for testing.
+     */
+    'data-testid'?: string;
+}
+/**
+ * Section heading row: a title (title-cased) with optional trailing actions.
+ * Used standalone or automatically by `SectionBox` when `name`/`actions` are set.
+ */
+export declare const SectionTitle: ({ name, actions, className, "data-testid": testId, }: SectionTitleProps) => import("react/jsx-runtime").JSX.Element;
+export interface SectionBoxProps {
+    /**
+     * Content rendered inside the bordered box.
+     */
+    children: ReactNode;
+    /**
+     * Optional title, rendered via `SectionTitle` above the box.
+     */
+    name?: string;
+    /**
+     * Optional actions rendered alongside the title.
+     */
+    actions?: ReactNode;
+    /**
+     * Inline styles applied to the inner bordered box.
+     */
+    sectionStyles?: CSSProperties;
+    /**
+     * Additional CSS class name applied to the inner bordered box.
+     */
+    sectionClassName?: string;
+    /**
+     * Additional CSS class name applied to the root wrapper.
+     */
+    className?: string;
+    /**
+     * Inline styles applied to the root wrapper.
+     */
+    style?: CSSProperties;
+    /**
+     * Test ID for testing.
+     */
+    'data-testid'?: string;
+}
+/**
+ * Bordered content section with an optional title/actions header.
+ * Common layout primitive for grouping form fields or detail content.
+ */
+export declare const SectionBox: ({ children, name, actions, sectionStyles, sectionClassName, className, style, "data-testid": testId, }: SectionBoxProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SectionBox.d.ts.map

package/dist/components/sectionbox/SectionBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionBox.d.ts","sourceRoot":"","sources":["../../../src/components/sectionbox/SectionBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrD,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,sDAK1B,iBAAiB,4CAWnB,CAAA;AAED,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,wGASxB,eAAe,4CAsBjB,CAAA"}

package/dist/components/sectionbox/index.d.ts

@@ -0,0 +1,3 @@
+export { SectionBox, SectionTitle } from './SectionBox';
+export type { SectionBoxProps, SectionTitleProps } from './SectionBox';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/sectionbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/sectionbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AACvD,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA"}

package/dist/components/sectionbox/textToTitleCase.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Converts arbitrary text (including camelCase / snake-ish identifiers) into
+ * title case, e.g. `orderDetails` -> `Order Details`.
+ *
+ * Ported as-is from management-dashboard's `helpers/utils.ts` so migrated
+ * consumers see no visual change. This is a pure text-casing transform, not
+ * a translation — no i18n involved.
+ */
+export declare const textToTitleCase: (input: string | undefined) => string;
+//# sourceMappingURL=textToTitleCase.d.ts.map

package/dist/components/sectionbox/textToTitleCase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textToTitleCase.d.ts","sourceRoot":"","sources":["../../../src/components/sectionbox/textToTitleCase.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,GAAG,SAAS,KAAG,MAsB3D,CAAA"}