@nar-bus/ui-kit 1.3.0 → 1.4.0

package/dist/molecules/Dropzone.d.ts

@@ -0,0 +1,55 @@
+import { ReactNode } from 'react';
+export interface FileRejection {
+    file: File;
+    reason: "type" | "size";
+}
+export interface DropzoneProps {
+    /** Fires with the accepted files whenever a selection is made (click or drop). */
+    onFilesSelected: (files: File[]) => void;
+    /** Native `accept` string, also used to filter dropped files (extensions and/or mime, incl. `image/*`). */
+    accept?: string;
+    /** Allow selecting more than one file. Default `false`. */
+    multiple?: boolean;
+    /** Max size in bytes; larger files are rejected via {@link onReject}. */
+    maxSize?: number;
+    /** Fires with files rejected by `accept` / `maxSize`. */
+    onReject?: (rejections: FileRejection[]) => void;
+    /** Inert + dimmed; click / drop / keyboard are disabled. */
+    disabled?: boolean;
+    /** Controlled selected file(s) — renders a preview card when `showPreview`. */
+    value?: File | File[] | null;
+    /** Show the built-in preview card(s). Defaults to `true` when `value` is provided. */
+    showPreview?: boolean;
+    /** Preview remove handler. Falls back to `onFilesSelected([])` when omitted. */
+    onRemove?: (file: File) => void;
+    /** Custom preview renderer — replaces the built-in card(s) (e.g. spreadsheet icon + extension badge). Receives the files and a `remove` callback. */
+    renderPreview?: (files: File[], remove: (file: File) => void) => ReactNode;
+    /** aria-label for the built-in preview's remove button. Default `"Kaldır"`. */
+    removeLabel?: string;
+    /** Leading icon in the empty zone. Default `<Upload />`. */
+    icon?: ReactNode;
+    /** Primary text in the empty zone. */
+    title?: ReactNode;
+    /** Secondary muted text (e.g. accepted types / max size). */
+    hint?: ReactNode;
+    /** Error message rendered under the zone. */
+    error?: ReactNode;
+    /** Custom empty-zone body (replaces icon/title/hint). */
+    children?: ReactNode;
+    className?: string;
+    id?: string;
+    "aria-label"?: string;
+}
+/**
+ * Dropzone — unified file drop area for both consumers.
+ *
+ * Drop-in for HES `FileDropZone` / `FirmwareFormPanel` and MDM
+ * `CoefficientUploadPanel`: dashed click/drag zone with keyboard activation,
+ * a drag-over state, optional `accept` / `maxSize` validation (rejects surface
+ * via `onReject`, so the i18n message stays consumer-owned), a controlled
+ * selected-file preview card with a remove button, and an `error` slot. The
+ * button-triggered upload flavour (MDM `FileUploadButton`) stays a trivial
+ * `Button` + `Progress` composition and is intentionally out of scope here.
+ */
+export declare const Dropzone: import('react').ForwardRefExoticComponent<DropzoneProps & import('react').RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Dropzone.d.ts.map

package/dist/molecules/Dropzone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../src/molecules/Dropzone.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,aAAa;IAC5B,kFAAkF;IAClF,eAAe,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACzC,2GAA2G;IAC3G,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IACjD,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAC7B,sFAAsF;IACtF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,qJAAqJ;IACrJ,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,KAAK,SAAS,CAAC;IAC3E,+EAA+E;IAC/E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sCAAsC;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA0BD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,4GAyLpB,CAAC"}

package/dist/molecules/KpiCard.d.ts

@@ -13,6 +13,18 @@ export interface KpiCardProps {
     accentColor?: string;
     size?: "default" | "compact";
     className?: string;
+    /** Interactive card — role=button, Enter/Space, focus halo, hover elevation, cursor-pointer. */
+    onClick?: () => void;
+    /** Renders a Skeleton in place of the value (and suppresses the trend delta). */
+    isLoading?: boolean;
+    /** Inert + dimmed; disables click / tab when combined with `onClick`. */
+    disabled?: boolean;
+    /** Accessible name for the card — primarily labels the role=button when `onClick` is set (richer than the visible label+value). */
+    "aria-label"?: string;
+    /** Error state — value shows "—", an alert icon, and `errorMessage`. Takes precedence over `isLoading`; makes the card non-interactive. */
+    isError?: boolean;
+    /** Consumer-supplied error text shown under the value in the error state (message stays consumer-owned; the package owns only the chrome). */
+    errorMessage?: ReactNode;
 }
-export declare function KpiCard({ value, unit, label, trend, icon: IconComponent, accentColor, size, className, }: KpiCardProps): import("react").JSX.Element;
+export declare function KpiCard({ value, unit, label, trend, icon: IconComponent, accentColor, size, className, onClick, isLoading, disabled, "aria-label": ariaLabel, isError, errorMessage, }: KpiCardProps): import("react").JSX.Element;
 //# sourceMappingURL=KpiCard.d.ts.map

package/dist/molecules/KpiCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KpiCard.d.ts","sourceRoot":"","sources":["../../src/molecules/KpiCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAgC,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAqC7E,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,wGAAwG;IACxG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,IAAI,GAAG,MAAM,CAAA;KAAE,CAAC;IACpD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqCD,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EAAE,aAAa,EACnB,WAAW,EACX,IAAgB,EAChB,SAAS,GACV,EAAE,YAAY,+BAsEd"}
+{"version":3,"file":"KpiCard.d.ts","sourceRoot":"","sources":["../../src/molecules/KpiCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAA+C,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAsC5F,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,wGAAwG;IACxG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,IAAI,GAAG,MAAM,CAAA;KAAE,CAAC;IACpD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gGAAgG;IAChG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mIAAmI;IACnI,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2IAA2I;IAC3I,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8IAA8I;IAC9I,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAqCD,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EAAE,aAAa,EACnB,WAAW,EACX,IAAgB,EAChB,SAAS,EACT,OAAO,EACP,SAAS,EACT,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,OAAO,EACP,YAAY,GACb,EAAE,YAAY,+BA2Hd"}

package/dist/molecules/index.d.ts

@@ -14,4 +14,5 @@ export { DateRangePicker, type DateRangePickerProps, type DateRange } from './Da
 export { Combobox, type ComboboxProps, type ComboboxOption } from './Combobox';
 export { MetricTile, type MetricTileProps, type MetricTileTone, type MetricTileStatus, type MetricTileTrend } from './MetricTile';
 export { SectionCard, type SectionCardProps } from './SectionCard';
+export { Dropzone, type DropzoneProps, type FileRejection } from './Dropzone';
 //# sourceMappingURL=index.d.ts.map

package/dist/molecules/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/molecules/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,KAAK,gBAAgB,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AACjI,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC/F,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAClI,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/molecules/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,KAAK,gBAAgB,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AACjI,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC/F,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAClI,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nar-bus/ui-kit",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",