chop-logic-components 0.12.1 → 0.13.0

package/dist/components/containers/grid/Grid.d.ts

@@ -0,0 +1,4 @@
+import { ChopLogicGridProps } from './types';
+
+declare const ChopLogicGrid: React.FC<ChopLogicGridProps>;
+export default ChopLogicGrid;

package/dist/components/containers/grid/Grid.styled.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare const StyledGrid: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
+export declare const StyledGridHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
+export declare const StyledGridBody: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
+export declare const StyledGridHeaderCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>> & string;
+export declare const StyledGridHeaderRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
+export declare const StyledGridCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;
+export declare const StyledGridCaption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const StyledGridRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {
+    $selected: boolean;
+}>> & string;
+export declare const StyledGridColumn: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, {
+    $isFirst: boolean;
+    $highlighted: boolean;
+}>> & string;
+export declare const StyledGridCheckboxWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $disabled: boolean;
+}>> & string;
+export declare const StyledGridCheckboxInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;

package/dist/components/containers/grid/__docs__/Grid.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as GridExample } from './GridExample';
+
+declare const meta: Meta<typeof GridExample>;
+export default meta;
+type Story = StoryObj<typeof GridExample>;
+export declare const DefaultGrid: Story;
+export declare const SelectableGrid: Story;

package/dist/components/containers/grid/__docs__/GridExample.d.ts

@@ -0,0 +1,4 @@
+import { ChopLogicGridProps } from '../types';
+
+declare const GridExample: React.FC<ChopLogicGridProps>;
+export default GridExample;

package/dist/components/containers/grid/__tests__/Body.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/containers/grid/__tests__/ColumnGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/containers/grid/__tests__/Grid.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/containers/grid/__tests__/Head.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/containers/grid/__tests__/Row.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/containers/grid/__tests__/SelectAllRowsCell.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/containers/grid/__tests__/SelectRowCell.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/containers/grid/__tests__/helpers.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/containers/grid/elements/Body.d.ts

@@ -0,0 +1,13 @@
+import { ChopLogicGridColumn, ChopLogicGridItem, RenderDataItemCallback } from '../types';
+
+type ChopLogicGridBodyProps = {
+    data: ChopLogicGridItem[];
+    columns: ChopLogicGridColumn[];
+    selectedIds: string[];
+    selectRowById: (id: string) => void;
+    deselectRowById: (id: string) => void;
+    renderDataItem?: RenderDataItemCallback;
+    selectable: boolean;
+};
+declare const ChopLogicGridBody: React.FC<ChopLogicGridBodyProps>;
+export default ChopLogicGridBody;

package/dist/components/containers/grid/elements/Checkbox.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+export type ChopLogicCheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    label: string;
+};
+declare const GridCheckbox: React.FC<ChopLogicCheckboxProps>;
+export default GridCheckbox;

package/dist/components/containers/grid/elements/ColumnGroup.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { ChopLogicGridColumn } from '../types';
+
+declare const GridColumnGroup: React.FC<{
+    columns: ChopLogicGridColumn[];
+    selectable: boolean;
+}>;
+export default GridColumnGroup;

package/dist/components/containers/grid/elements/DataCell.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+
+declare const GridDataCell: React.FC<{
+    value: string | JSX.Element;
+}>;
+export default GridDataCell;

package/dist/components/containers/grid/elements/Head.d.ts

@@ -0,0 +1,13 @@
+import { ChopLogicGridColumn } from '../types';
+
+type ChopLogicGridHeadProps = {
+    columns: ChopLogicGridColumn[];
+    gridId: string;
+    selectable: boolean;
+    isAllSelected: boolean;
+    isAllCheckboxDisabled?: boolean;
+    selectAll: () => void;
+    deselectAll: () => void;
+};
+declare const ChopLogicGridHead: React.FC<ChopLogicGridHeadProps>;
+export default ChopLogicGridHead;

package/dist/components/containers/grid/elements/HeaderCell.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+declare const GridHeaderCell: React.FC<{
+    title?: string;
+    component?: React.ReactElement;
+}>;
+export default GridHeaderCell;

package/dist/components/containers/grid/elements/Row.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+
+export type GridRowProps = {
+    rowId: string;
+    selectedIds: string[];
+    selectRowById: (id: string) => void;
+    deselectRowById: (id: string) => void;
+    selectable: boolean;
+    values: (string | JSX.Element)[];
+    disabled?: boolean;
+};
+declare const GridRow: React.FC<GridRowProps>;
+export default GridRow;

package/dist/components/containers/grid/elements/SelectAllRowsCell.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+type SelectAllGridRowsCheckbox = {
+    gridId: string;
+    isAllSelected: boolean;
+    selectAll: () => void;
+    deselectAll: () => void;
+    disabled?: boolean;
+};
+declare const SelectAllRowsCell: React.FC<SelectAllGridRowsCheckbox>;
+export default SelectAllRowsCell;

package/dist/components/containers/grid/elements/SelectRowCell.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+type SelectAllGridRowsCheckbox = {
+    rowId: string;
+    isRowSelected: boolean;
+    selectRowById: (id: string) => void;
+    deselectRowById: (id: string) => void;
+    disabled?: boolean;
+};
+declare const SelectGridRowCell: React.FC<SelectAllGridRowsCheckbox>;
+export default SelectGridRowCell;

package/dist/components/containers/grid/helpers.d.ts

@@ -0,0 +1,7 @@
+import { ChopLogicGridColumn, ChopLogicGridItem, RenderDataItemCallback } from './types';
+
+export declare function getGridRowValues({ item, columns, renderDataItem, }: {
+    item: ChopLogicGridItem;
+    columns: ChopLogicGridColumn[];
+    renderDataItem?: RenderDataItemCallback;
+}): (string | JSX.Element)[];

package/dist/components/containers/grid/types.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+export type ChopLogicGridProps = {
+    columns: ChopLogicGridColumn[];
+    data: ChopLogicGridItem[];
+    caption?: string;
+    id?: string;
+    selectable?: boolean;
+    tabIndex?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    renderDataItem?: RenderDataItemCallback;
+    onSelect?: (ids: string[]) => void;
+};
+export type ChopLogicGridColumn = {
+    field: string;
+    title?: string;
+    component?: React.ReactElement;
+    highlighted?: boolean;
+    className?: string;
+};
+export type ChopLogicGridItem = {
+    id: string;
+    disabled?: boolean;
+    [key: string]: unknown;
+};
+export type RenderDataItemCallback = (item: ChopLogicGridItem, field: string) => JSX.Element;

package/dist/components/containers/portal/__tests__/Portal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/index.d.ts

@@ -8,4 +8,5 @@ export { default as ChopLogicAlert } from './modals/alert/Alert';
 export { default as ChopLogicDialog } from './modals/dialog/Dialog';
 export { default as ChopLogicTooltip } from './modals/tooltip/Tooltip';
 export { default as ChopLogicForm } from './containers/form/Form';
+export { default as ChopLogicGrid } from './containers/grid/Grid';
 export { default as ChopLogicTabs } from './containers/tabs/Tabs';

package/dist/components/inputs/checkbox/Checkbox.d.ts

@@ -3,7 +3,7 @@ import { default as React } from 'react';
 export type ChopLogicCheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {
     name: string;
     label: string;
-    isLabelHidden?: boolean;
+    noLabel?: boolean;
     iconPosition?: 'left' | 'right';
 };
 declare const ChopLogicCheckbox: React.FC<ChopLogicCheckboxProps>;

package/dist/components/misc/icon/Icon.d.ts

@@ -8,11 +8,14 @@ export declare enum CLIcon {
     CheckboxChecked = "checkbox-checked",
     CheckboxUnchecked = "checkbox-unchecked",
     CheckMark = "check-mark",
+    ChevronDown = "chevron-down",
+    ChevronLeft = "chevron-left",
+    ChevronRight = "chevron-right",
+    ChevronUp = "chevron-up",
     Clear = "clear",
     Copy = "copy",
     Cut = "cut",
     Delete = "delete",
-    Down = "down",
     Download = "download",
     Error = "error",
     Forward = "forward",
@@ -23,7 +26,6 @@ export declare enum CLIcon {
     Question = "question",
     Save = "save",
     Show = "show",
-    Up = "up",
     Upload = "upload",
     Warning = "warning",
     Remove = "remove"

package/dist/components/misc/icon/elements/ChevronDown.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare function ChevronDownIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default ChevronDownIcon;

package/dist/components/misc/icon/elements/ChevronLeft.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare function ChevronLeftIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default ChevronLeftIcon;

package/dist/components/misc/icon/elements/ChevronRight.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare function ChevronRightIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default ChevronRightIcon;

package/dist/components/misc/icon/elements/ChevronUp.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare function ChevronUpIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default ChevronUpIcon;

package/dist/constants/style-variables.d.ts

@@ -19,7 +19,7 @@ export declare const UNITS: Readonly<{
     minElementSize: "2.75rem";
     smallIconSize: "1.6rem";
     blockBorderRadius: "0.375rem";
-    inputWrapperHeight: "3.5rem";
+    fieldWrapperHeight: "2.125rem";
 }>;
 export declare const SHADOWS: Readonly<{
     box: "rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px";