onekijs-ui 0.19.1 → 0.19.3

package/dist/components/card/typings.d.ts

@@ -5,14 +5,14 @@ export type CardProps = {
     className?: string;
     collapsable?: boolean;
     animate?: number;
-    title: string;
+    title: string | ReactNode;
     TitleComponent?: FC<CardTitleProps>;
     icon?: ReactNode;
     open?: boolean;
     onToggle?: () => void;
 };
 export type CardTitleProps = {
-    title: string;
+    title: string | ReactNode;
     icon?: ReactNode;
     onToggle: () => void;
     open: boolean;

package/dist/index.d.ts

@@ -135,6 +135,7 @@ export { default as TableFilterOperatorComponent } from './components/table/comp
 export { default as TableInputFilterComponent } from './components/table/components/filters/TableInputFilterComponent';
 export { default as TableNumberFilterComponent } from './components/table/components/filters/TableNumberFilterComponent';
 export { default as TableTextFilterComponent } from './components/table/components/filters/TableTextFilterComponent';
+export { default as TableBodyRowComponent } from './components/table/components/TableBodyRowComponent';
 export { default as useCheckboxColumn } from './components/table/hooks/useCheckboxColumn';
 export { default as useColumns } from './components/table/hooks/useColumns';
 export { default as useEnumColumn } from './components/table/hooks/useEnumColumn';
@@ -144,6 +145,7 @@ export { default as useLinkColumn } from './components/table/hooks/useLinkColumn
 export { default as useNumberColumn } from './components/table/hooks/useNumberColumn';
 export { default as useSelectColumn } from './components/table/hooks/useSelectColumn';
 export { default as useTableController } from './components/table/hooks/useTableController';
+export { default as useTableService } from './components/table/hooks/useTableService';
 export { default as useTextColumn } from './components/table/hooks/useTextColumn';
 export { default as useTextareaColumn } from './components/table/hooks/useTextareaColumn';
 export { ArrayTableProps, Cell, CheckboxColumn, CheckboxColumnOptions, ControllerTableProps, EnumColumnOptions, FormTableContext, FormTableProps, InputColumn, InputColumnOptions, LinkColumnOptions, SelectCell, SelectColumn, SelectColumnOptions, TableBodyCellProps, TableBodyProps, TableBodyRowProps, TableColumn, TableColumnComputedWidth, TableColumnOptions, TableColumnSpec, TableColumnWidth, TableColumnsState, TableConfig, TableController, TableExpandedProps, TableFilterOperator, TableFilterOperatorProps, TableFooterCellProps, TableFooterProps, TableHeaderCellProps, TableHeaderProps, TableItem, TableItemAdaptee, TableItemAdapter, TableItems, TableNotFoundProps, TableProps, TableRowHandler, TableSortProps, TableState, TextareaColumn, TextareaColumnOptions, UseTableOptions, UseTableController, } from './components/table/typings';

package/dist/index.js

@@ -1527,7 +1527,7 @@ SubmitButton.displayName = 'SubmitButton';
 const CardTitle = ({ collapsable = true, open, title, onToggle }) => {
     return (React.createElement("div", { className: "o-card-title-container", onClick: onToggle },
         collapsable && React.createElement(TogglerIcon, { open: open }),
-        React.createElement("span", { className: "o-card-title" }, title)));
+        React.createElement("div", { className: "o-card-title" }, title)));
 };
 
 const CardComponent = ({ TitleComponent = CardTitle, open = true, className, title, animate = 150, icon, collapsable = true, children, onToggle, }) => {
@@ -1568,6 +1568,34 @@ const CardComponent = ({ TitleComponent = CardTitle, open = true, className, tit
                 React.createElement("div", { className: "o-card-content" }, children)))));
 };
 
+// initial; 1; auto; none;
+const flexValues = {
+    initial: '0 1 auto',
+    1: '1 1 0%',
+    auto: '1 1 auto',
+    none: 'none',
+};
+const flexFormatter = enumFormatter(flexValues);
+const flex = cssProperty('flex', flexFormatter);
+// row; row-reverse; column; column-reverse
+const flexBasis = cssProperty('flex-basic');
+// row; row-reverse; column; column-reverse
+const flexDirection = cssProperty('flex-direction');
+// true; false
+const flexGrow = cssProperty('flex-grow');
+// true; false
+const flexShrink = cssProperty('flex-shrink');
+// nowrap; wrap; wrap-reverse;
+const flexWrap = cssProperty('flex-wrap');
+// first; last; none; 1; 2; 3; 4; 5; 6; 7; 8; 9; 10; 11; 12
+const orderValues = {
+    first: '-9999',
+    last: '9999',
+    none: '0',
+};
+const orderFormatter = enumFormatter(orderValues);
+const order = cssProperty('order', orderFormatter);
+
 const cardStyle = ({ theme, collapsable = true, animate = 150, bordered = true, open, }) => {
     const t = theme.card;
     return styled.css `
@@ -1598,6 +1626,7 @@ const cardStyle = ({ theme, collapsable = true, animate = 150, bordered = true,
       ${paddingY(t.paddingY)}
       ${letterSpacing(t.letterSpacing)}
       .o-card-title {
+        ${flexGrow(1)}
         ${marginLeft('sm')}
       }
       ${userSelect('none')}
@@ -1743,34 +1772,6 @@ const Checkbox = styled(CheckboxComponent) `
   ${checkboxStyle}
 `;
 
-// initial; 1; auto; none;
-const flexValues = {
-    initial: '0 1 auto',
-    1: '1 1 0%',
-    auto: '1 1 auto',
-    none: 'none',
-};
-const flexFormatter = enumFormatter(flexValues);
-const flex = cssProperty('flex', flexFormatter);
-// row; row-reverse; column; column-reverse
-const flexBasis = cssProperty('flex-basic');
-// row; row-reverse; column; column-reverse
-const flexDirection = cssProperty('flex-direction');
-// true; false
-const flexGrow = cssProperty('flex-grow');
-// true; false
-const flexShrink = cssProperty('flex-shrink');
-// nowrap; wrap; wrap-reverse;
-const flexWrap = cssProperty('flex-wrap');
-// first; last; none; 1; 2; 3; 4; 5; 6; 7; 8; 9; 10; 11; 12
-const orderValues = {
-    first: '-9999',
-    last: '9999',
-    none: '0',
-};
-const orderFormatter = enumFormatter(orderValues);
-const order = cssProperty('order', orderFormatter);
-
 const getColWidths = (gap, theme) => {
     const getContent = (size, variant) => {
         const content = `{ flex: 0 0 calc((100% / 12) * ${size}  - ${gap}); max-width: calc((100% / 12) * ${size}  - ${gap}); }`;
@@ -5759,6 +5760,7 @@ const propertiesStyle = ({ theme }) => {
     return styled.css `
     .o-property {
       ${paddingY(t.paddingY)}
+      ${flexWrap('nowrap')}
     }
     .o-property-name {
       ${fontWeight(t.fontWeight)}
@@ -11903,6 +11905,7 @@ exports.SuccessIcon = SuccessIcon;
 exports.Tab = Tab;
 exports.TabTitle = TabTitle;
 exports.Table = Table;
+exports.TableBodyRowComponent = TableBodyRowComponent;
 exports.TableFilterOperatorComponent = TableFilterOperatorComponent;
 exports.TableInputFilterComponent = TableInputFilterComponent;
 exports.TableNumberFilterComponent = TableNumberFilterComponent;
@@ -12238,6 +12241,7 @@ exports.useSelectController = useSelectController;
 exports.useSelectService = useSelectService;
 exports.useTab = useTab;
 exports.useTableController = useTableController;
+exports.useTableService = useTableService;
 exports.useTabsController = useTabsController;
 exports.useTabsService = useTabsService;
 exports.useTabsState = useTabsState;