dfh-ui-library 1.3.32 → 1.3.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/shared/models/components/base.model.d.ts +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/shared/models/components/base.model.d.ts +1 -1
- package/dist/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes } from "react";
|
|
2
2
|
import { IAdditionalClassesProp, IChildrenProp, IIconTypeProp, AlignmentType, IOnClickEventProps, TyphoTypes, TyphoComponents, IconHoverColorTypes, MessageTypes, InputType, IconType, LableTypes, ToolTipProps } from "./common.model";
|
|
3
|
-
export type VariantTypes = "large" | "small" | "extraSmall" | "largeOutlined" | "smallOutlined" | "extraSmallOutlined" | "default" | "defaultOutlined" | "primaryBlue" | "primaryWhite" | "primaryWhiteSelected" | "primaryWhiteNoBoader" | "primaryWhiteIcon" | undefined;
|
|
3
|
+
export type VariantTypes = "large" | "small" | "extraSmall" | "largeOutlined" | "smallOutlined" | "extraSmallOutlined" | "default" | "defaultOutlined" | "primaryBlue" | "primaryWhite" | "primaryWhiteSelected" | "primaryWhiteNoBoader" | "primaryWhiteIcon" | "primaryRed" | undefined;
|
|
4
4
|
export interface IButtonProps extends IChildrenProp, IAdditionalClassesProp, IIconTypeProp, IOnClickEventProps {
|
|
5
5
|
/**
|
|
6
6
|
* Set the button type
|
package/dist/esm/index.js
CHANGED
|
@@ -20,5 +20,5 @@ function Ds(e,t){return"function"==typeof e?e(t):e}function Ss(e,t){return n=>{t
|
|
|
20
20
|
*
|
|
21
21
|
* @license MIT
|
|
22
22
|
*/
|
|
23
|
-
function pc(t,n){return t?function(e){return"function"==typeof e&&(()=>{const t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}(r=t)||"function"==typeof r||function(e){return"object"==typeof e&&"symbol"==typeof e.$$typeof&&["react.memo","react.forward_ref"].includes(e.$$typeof.description)}(r)?e.createElement(t,n):t:null;var r}function mc({data:n,columns:r,sorting:o,onSortingChange:a,pagination:i,onPaginationChange:l,totalRecords:s,isManualPagination:c=!1,isManualSorting:u=!1,rowClick:d}){const p=function(t){const n={state:{},onStateChange:()=>{},renderFallbackValue:null,...t},[r]=e.useState((()=>({current:cc(n)}))),[o,a]=e.useState((()=>r.current.initialState));return r.current.setOptions((e=>({...e,...t,state:{...o,...t.state},onStateChange:e=>{a(e),null==t.onStateChange||t.onStateChange(e)}}))),r.current}({data:n,columns:r,state:{sorting:o,pagination:i},manualPagination:c,manualSorting:u,onPaginationChange:l,onSortingChange:a,getCoreRowModel:e=>Ns((()=>[e.options.data]),(t=>{const n={rows:[],flatRows:[],rowsById:{}},r=function(t,o,a){void 0===o&&(o=0);const i=[];for(let s=0;s<t.length;s++){const c=uc(e,e._getRowId(t[s],s,a),t[s],s,o,void 0,null==a?void 0:a.id);var l;n.flatRows.push(c),n.rowsById[c.id]=c,i.push(c),e.options.getSubRows&&(c.originalSubRows=e.options.getSubRows(t[s],s),null!=(l=c.originalSubRows)&&l.length&&(c.subRows=r(c.originalSubRows,o+1,c)))}return i};return n.rows=r(t),n}),{key:"development"===process.env.NODE_ENV&&"getRowModel",debug:()=>{var t;return null!=(t=e.options.debugAll)?t:e.options.debugTable},onChange:()=>{e._autoResetPageIndex()}}),getFilteredRowModel:e=>Ns((()=>[e.getPreFilteredRowModel(),e.getState().columnFilters,e.getState().globalFilter]),((t,n,r)=>{if(!t.rows.length||(null==n||!n.length)&&!r){for(let e=0;e<t.flatRows.length;e++)t.flatRows[e].columnFilters={},t.flatRows[e].columnFiltersMeta={};return t}const o=[],a=[];(null!=n?n:[]).forEach((t=>{var n;const r=e.getColumn(t.id);if(!r)return;const a=r.getFilterFn();a?o.push({id:t.id,filterFn:a,resolvedValue:null!=(n=null==a.resolveFilterValue?void 0:a.resolveFilterValue(t.value))?n:t.value}):"production"!==process.env.NODE_ENV&&console.warn(`Could not find a valid 'column.filterFn' for column with the ID: ${r.id}.`)}));const i=n.map((e=>e.id)),l=e.getGlobalFilterFn(),s=e.getAllLeafColumns().filter((e=>e.getCanGlobalFilter()));let c,u;r&&l&&s.length&&(i.push("__global__"),s.forEach((e=>{var t;a.push({id:e.id,filterFn:l,resolvedValue:null!=(t=null==l.resolveFilterValue?void 0:l.resolveFilterValue(r))?t:r})})));for(let e=0;e<t.flatRows.length;e++){const n=t.flatRows[e];if(n.columnFilters={},o.length)for(let e=0;e<o.length;e++){c=o[e];const t=c.id;n.columnFilters[t]=c.filterFn(n,t,c.resolvedValue,(e=>{n.columnFiltersMeta[t]=e}))}if(a.length){for(let e=0;e<a.length;e++){u=a[e];const t=u.id;if(u.filterFn(n,t,u.resolvedValue,(e=>{n.columnFiltersMeta[t]=e}))){n.columnFilters.__global__=!0;break}}!0!==n.columnFilters.__global__&&(n.columnFilters.__global__=!1)}}return dc(t.rows,(e=>{for(let t=0;t<i.length;t++)if(!1===e.columnFilters[i[t]])return!1;return!0}),e)}),{key:"development"===process.env.NODE_ENV&&"getFilteredRowModel",debug:()=>{var t;return null!=(t=e.options.debugAll)?t:e.options.debugTable},onChange:()=>{e._autoResetPageIndex()}}),getPaginationRowModel:e=>Ns((()=>[e.getState().pagination,e.getPrePaginationRowModel(),e.options.paginateExpandedRows?void 0:e.getState().expanded]),((t,n)=>{if(!n.rows.length)return n;const{pageSize:r,pageIndex:o}=t;let{rows:a,flatRows:i,rowsById:l}=n;const s=r*o,c=s+r;let u;a=a.slice(s,c),u=e.options.paginateExpandedRows?{rows:a,flatRows:i,rowsById:l}:function(e){const t=[],n=e=>{var r;t.push(e),null!=(r=e.subRows)&&r.length&&e.getIsExpanded()&&e.subRows.forEach(n)};return e.rows.forEach(n),{rows:t,flatRows:e.flatRows,rowsById:e.rowsById}}({rows:a,flatRows:i,rowsById:l}),u.flatRows=[];const d=e=>{u.flatRows.push(e),e.subRows.length&&e.subRows.forEach(d)};return u.rows.forEach(d),u}),{key:"development"===process.env.NODE_ENV&&"getPaginationRowModel",debug:()=>{var t;return null!=(t=e.options.debugAll)?t:e.options.debugTable}}),getSortedRowModel:e=>Ns((()=>[e.getState().sorting,e.getPreSortedRowModel()]),((t,n)=>{if(!n.rows.length||null==t||!t.length)return n;const r=e.getState().sorting,o=[],a=r.filter((t=>{var n;return null==(n=e.getColumn(t.id))?void 0:n.getCanSort()})),i={};a.forEach((t=>{const n=e.getColumn(t.id);n&&(i[t.id]={sortUndefined:n.columnDef.sortUndefined,invertSorting:n.columnDef.invertSorting,sortingFn:n.getSortingFn()})}));const l=e=>{const t=e.map((e=>({...e})));return t.sort(((e,t)=>{for(let r=0;r<a.length;r+=1){var n;const o=a[r],l=i[o.id],s=null!=(n=null==o?void 0:o.desc)&&n;let c=0;if(l.sortUndefined){const n=void 0===e.getValue(o.id),r=void 0===t.getValue(o.id);(n||r)&&(c=n&&r?0:n?l.sortUndefined:-l.sortUndefined)}if(0===c&&(c=l.sortingFn(e,t,o.id)),0!==c)return s&&(c*=-1),l.invertSorting&&(c*=-1),c}return e.index-t.index})),t.forEach((e=>{var t;o.push(e),null!=(t=e.subRows)&&t.length&&(e.subRows=l(e.subRows))})),t};return{rows:l(n.rows),flatRows:o,rowsById:n.rowsById}}),{key:"development"===process.env.NODE_ENV&&"getSortedRowModel",debug:()=>{var t;return null!=(t=e.options.debugAll)?t:e.options.debugTable},onChange:()=>{e._autoResetPageIndex()}}),debugTable:!0,pageCount:s});return console.log(p.getState().pagination.pageSize),t.createElement("div",{className:"flex flex-col"},t.createElement("div",{className:"overflow-x-auto"},t.createElement("div",{className:"w-full inline-block align-middle pb-6"},t.createElement("div",{className:"overflow-hidden border rounded-lg"},t.createElement("table",{className:"min-w-full divide-y divide-gray-200"},t.createElement("thead",null,p.getHeaderGroups().map((e=>t.createElement("tr",{key:e.id},e.headers.map(((e,n)=>{var r;return t.createElement("th",{key:e.id,colSpan:e.colSpan,className:"bg-grey-510 border-t-0 border-r-0"},e.isPlaceholder?null:t.createElement("div",{className:e.column.getCanSort()?"cursor-pointer select-none flex text-grey-540 text-21s font-normal":"",onClick:e.column.getToggleSortingHandler()},pc(e.column.columnDef.header,e.getContext()),null!==(r={asc:t.createElement(te,{iconType:"Sort",additionalClasses:"mt-1.5 ml-2"}),desc:t.createElement(te,{iconType:"Sort",additionalClasses:"mt-1.5 ml-2"})}[e.column.getIsSorted()])&&void 0!==r?r:null))})))))),t.createElement("tbody",null,p.getRowModel().rows.map(((e,n)=>t.createElement("tr",{key:e.id,className:"border-b-0",onClick:()=>d&&d(e)},e.getVisibleCells().map((e=>t.createElement("td",{key:e.id,className:"bg-white border-r-0 text-black-540 text-21s font-normal py-3 "+(p.getRowModel().rows.length-1===n?"":"border-dashed border-b border-[#CFD8DF]")},pc(e.column.columnDef.cell,e.getContext()))))))))))),t.createElement("div",{className:"grid grid-col-8 text-grey-540 text-21s font-normal"},t.createElement("div",{className:"col-start-1 col-end-2 items-center flex"},p.getState().pagination.pageIndex+1," of"," ",p.getPageCount()," Patients"),t.createElement("div",{className:"col-start-5 col-end-6 flex items-center"},t.createElement("button",{className:"",onClick:()=>p.previousPage(),disabled:!p.getCanPreviousPage()},t.createElement(te,{iconType:"PreviousIcon"})),Array.from({length:
|
|
23
|
+
function pc(t,n){return t?function(e){return"function"==typeof e&&(()=>{const t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}(r=t)||"function"==typeof r||function(e){return"object"==typeof e&&"symbol"==typeof e.$$typeof&&["react.memo","react.forward_ref"].includes(e.$$typeof.description)}(r)?e.createElement(t,n):t:null;var r}function mc({data:n,columns:r,sorting:o,onSortingChange:a,pagination:i,onPaginationChange:l,totalRecords:s,isManualPagination:c=!1,isManualSorting:u=!1,rowClick:d}){const p=function(t){const n={state:{},onStateChange:()=>{},renderFallbackValue:null,...t},[r]=e.useState((()=>({current:cc(n)}))),[o,a]=e.useState((()=>r.current.initialState));return r.current.setOptions((e=>({...e,...t,state:{...o,...t.state},onStateChange:e=>{a(e),null==t.onStateChange||t.onStateChange(e)}}))),r.current}({data:n,columns:r,state:{sorting:o,pagination:i},manualPagination:c,manualSorting:u,onPaginationChange:l,onSortingChange:a,getCoreRowModel:e=>Ns((()=>[e.options.data]),(t=>{const n={rows:[],flatRows:[],rowsById:{}},r=function(t,o,a){void 0===o&&(o=0);const i=[];for(let s=0;s<t.length;s++){const c=uc(e,e._getRowId(t[s],s,a),t[s],s,o,void 0,null==a?void 0:a.id);var l;n.flatRows.push(c),n.rowsById[c.id]=c,i.push(c),e.options.getSubRows&&(c.originalSubRows=e.options.getSubRows(t[s],s),null!=(l=c.originalSubRows)&&l.length&&(c.subRows=r(c.originalSubRows,o+1,c)))}return i};return n.rows=r(t),n}),{key:"development"===process.env.NODE_ENV&&"getRowModel",debug:()=>{var t;return null!=(t=e.options.debugAll)?t:e.options.debugTable},onChange:()=>{e._autoResetPageIndex()}}),getFilteredRowModel:e=>Ns((()=>[e.getPreFilteredRowModel(),e.getState().columnFilters,e.getState().globalFilter]),((t,n,r)=>{if(!t.rows.length||(null==n||!n.length)&&!r){for(let e=0;e<t.flatRows.length;e++)t.flatRows[e].columnFilters={},t.flatRows[e].columnFiltersMeta={};return t}const o=[],a=[];(null!=n?n:[]).forEach((t=>{var n;const r=e.getColumn(t.id);if(!r)return;const a=r.getFilterFn();a?o.push({id:t.id,filterFn:a,resolvedValue:null!=(n=null==a.resolveFilterValue?void 0:a.resolveFilterValue(t.value))?n:t.value}):"production"!==process.env.NODE_ENV&&console.warn(`Could not find a valid 'column.filterFn' for column with the ID: ${r.id}.`)}));const i=n.map((e=>e.id)),l=e.getGlobalFilterFn(),s=e.getAllLeafColumns().filter((e=>e.getCanGlobalFilter()));let c,u;r&&l&&s.length&&(i.push("__global__"),s.forEach((e=>{var t;a.push({id:e.id,filterFn:l,resolvedValue:null!=(t=null==l.resolveFilterValue?void 0:l.resolveFilterValue(r))?t:r})})));for(let e=0;e<t.flatRows.length;e++){const n=t.flatRows[e];if(n.columnFilters={},o.length)for(let e=0;e<o.length;e++){c=o[e];const t=c.id;n.columnFilters[t]=c.filterFn(n,t,c.resolvedValue,(e=>{n.columnFiltersMeta[t]=e}))}if(a.length){for(let e=0;e<a.length;e++){u=a[e];const t=u.id;if(u.filterFn(n,t,u.resolvedValue,(e=>{n.columnFiltersMeta[t]=e}))){n.columnFilters.__global__=!0;break}}!0!==n.columnFilters.__global__&&(n.columnFilters.__global__=!1)}}return dc(t.rows,(e=>{for(let t=0;t<i.length;t++)if(!1===e.columnFilters[i[t]])return!1;return!0}),e)}),{key:"development"===process.env.NODE_ENV&&"getFilteredRowModel",debug:()=>{var t;return null!=(t=e.options.debugAll)?t:e.options.debugTable},onChange:()=>{e._autoResetPageIndex()}}),getPaginationRowModel:e=>Ns((()=>[e.getState().pagination,e.getPrePaginationRowModel(),e.options.paginateExpandedRows?void 0:e.getState().expanded]),((t,n)=>{if(!n.rows.length)return n;const{pageSize:r,pageIndex:o}=t;let{rows:a,flatRows:i,rowsById:l}=n;const s=r*o,c=s+r;let u;a=a.slice(s,c),u=e.options.paginateExpandedRows?{rows:a,flatRows:i,rowsById:l}:function(e){const t=[],n=e=>{var r;t.push(e),null!=(r=e.subRows)&&r.length&&e.getIsExpanded()&&e.subRows.forEach(n)};return e.rows.forEach(n),{rows:t,flatRows:e.flatRows,rowsById:e.rowsById}}({rows:a,flatRows:i,rowsById:l}),u.flatRows=[];const d=e=>{u.flatRows.push(e),e.subRows.length&&e.subRows.forEach(d)};return u.rows.forEach(d),u}),{key:"development"===process.env.NODE_ENV&&"getPaginationRowModel",debug:()=>{var t;return null!=(t=e.options.debugAll)?t:e.options.debugTable}}),getSortedRowModel:e=>Ns((()=>[e.getState().sorting,e.getPreSortedRowModel()]),((t,n)=>{if(!n.rows.length||null==t||!t.length)return n;const r=e.getState().sorting,o=[],a=r.filter((t=>{var n;return null==(n=e.getColumn(t.id))?void 0:n.getCanSort()})),i={};a.forEach((t=>{const n=e.getColumn(t.id);n&&(i[t.id]={sortUndefined:n.columnDef.sortUndefined,invertSorting:n.columnDef.invertSorting,sortingFn:n.getSortingFn()})}));const l=e=>{const t=e.map((e=>({...e})));return t.sort(((e,t)=>{for(let r=0;r<a.length;r+=1){var n;const o=a[r],l=i[o.id],s=null!=(n=null==o?void 0:o.desc)&&n;let c=0;if(l.sortUndefined){const n=void 0===e.getValue(o.id),r=void 0===t.getValue(o.id);(n||r)&&(c=n&&r?0:n?l.sortUndefined:-l.sortUndefined)}if(0===c&&(c=l.sortingFn(e,t,o.id)),0!==c)return s&&(c*=-1),l.invertSorting&&(c*=-1),c}return e.index-t.index})),t.forEach((e=>{var t;o.push(e),null!=(t=e.subRows)&&t.length&&(e.subRows=l(e.subRows))})),t};return{rows:l(n.rows),flatRows:o,rowsById:n.rowsById}}),{key:"development"===process.env.NODE_ENV&&"getSortedRowModel",debug:()=>{var t;return null!=(t=e.options.debugAll)?t:e.options.debugTable},onChange:()=>{e._autoResetPageIndex()}}),debugTable:!0,pageCount:s});return console.log(p.getState().pagination.pageSize),t.createElement("div",{className:"flex flex-col"},t.createElement("div",{className:"overflow-x-auto"},t.createElement("div",{className:"w-full inline-block align-middle pb-6"},t.createElement("div",{className:"overflow-hidden border rounded-lg"},t.createElement("table",{className:"min-w-full divide-y divide-gray-200"},t.createElement("thead",null,p.getHeaderGroups().map((e=>t.createElement("tr",{key:e.id},e.headers.map(((e,n)=>{var r;return t.createElement("th",{key:e.id,colSpan:e.colSpan,className:"bg-grey-510 border-t-0 border-r-0"},e.isPlaceholder?null:t.createElement("div",{className:e.column.getCanSort()?"cursor-pointer select-none flex text-grey-540 text-21s font-normal":"",onClick:e.column.getToggleSortingHandler()},pc(e.column.columnDef.header,e.getContext()),null!==(r={asc:t.createElement(te,{iconType:"Sort",additionalClasses:"mt-1.5 ml-2"}),desc:t.createElement(te,{iconType:"Sort",additionalClasses:"mt-1.5 ml-2"})}[e.column.getIsSorted()])&&void 0!==r?r:null))})))))),t.createElement("tbody",null,p.getRowModel().rows.map(((e,n)=>t.createElement("tr",{key:e.id,className:"border-b-0 cursor-pointer",onClick:()=>d&&d(e)},e.getVisibleCells().map((e=>t.createElement("td",{key:e.id,className:"bg-white border-r-0 text-black-540 text-21s font-normal py-3 "+(p.getRowModel().rows.length-1===n?"":"border-dashed border-b border-[#CFD8DF]")},pc(e.column.columnDef.cell,e.getContext()))))))))))),t.createElement("div",{className:"grid grid-col-8 text-grey-540 text-21s font-normal"},t.createElement("div",{className:"col-start-1 col-end-2 items-center flex"},p.getState().pagination.pageIndex+1," of"," ",p.getPageCount()," Patients"),t.createElement("div",{className:"col-start-5 col-end-6 flex items-center"},t.createElement("button",{className:"",onClick:()=>p.previousPage(),disabled:!p.getCanPreviousPage()},t.createElement(te,{iconType:"PreviousIcon"})),Array.from({length:s?s/p.getState().pagination.pageSize:0},((e,n)=>t.createElement("button",{key:n,onClick:()=>p.setPageIndex(n),className:"cursor-pointer mx-1 px-2.5 py-1 rounded-full "+(p.getState().pagination.pageIndex===n?"bg-[#F1F5F9]":"")},n+1))),p.getState().pagination.pageSize>5&&t.createElement(t.Fragment,null,t.createElement("span",{className:"mx-1 px-3 py-1"},"..."),t.createElement("button",{key:p.getState().pagination.pageSize,onClick:()=>p.setPageIndex(p.getState().pagination.pageSize),className:"cursor-pointer mx-1 px-2.5 py-1 rounded-full "+(p.getState().pagination.pageIndex===p.getState().pagination.pageSize?"bg-[#F1F5F9]":"")},p.getState().pagination.pageSize)),t.createElement("button",{className:"",onClick:()=>p.nextPage(),disabled:!p.getCanNextPage()},t.createElement(te,{iconType:"NextIcon"}))),t.createElement("div",{className:"flex col-start-8 col-end-9 gap-2 items-center justify-end"},t.createElement("div",null,"Show"),t.createElement("div",null," ",t.createElement("select",{className:"flex w-auto bg-white border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none rounded-md sm:text-sm focus:ring-1",value:p.getState().pagination.pageSize,onChange:e=>p.setPageSize(parseInt(e.target.value,10))},[10,20,30,40,50].map((e=>t.createElement("option",{key:e,value:e},e)))))))))}const fc=({schema:e,externalSetComponents:n})=>{const[o,a]=t.useState();r((()=>{i(e)}),[e]);const i=e=>{const t=Ne(e);a(t),n(t)};return{componentsRtn:o}};function gc(e=10,t=0){const[n,r]=a({pageSize:e,pageIndex:t}),{pageSize:o,pageIndex:i}=n;return{limit:o,onPaginationChange:r,pagination:n,skip:o*i}}function hc(e="id",t="ASC"){const[n,r]=a([{id:e,desc:"DESC"===t}]);return{sorting:n,onSortingChange:r,order:n.length?n[0].desc?"DESC":"ASC":t,field:n.length?n[0].id:e}}export{Ve as Breadcrumb,oe as Button,Es as ButtonGroup,Se as Card,ae as CheckBox,Te as ComponentProvider,ys as CustomFileInput,fs as DatePicker,bs as DialogBox,vs as Heading,te as Icon,xe as IconInput,Ee as ImageInput,re as ImagePreview,ve as Input,de as InputValidation,me as Label,Re as LoadingSpinner,Pe as Logo,Ie as Message,Cs as Modal,Fe as NavBar,hs as PhoneNumberInput,be as RadioButton,gs as Row,xs as SearchDropdownWithButton,Ce as Select,mc as Table,ks as TagDropdown,ks as TagSelect,ye as Textarea,ge as Tooltip,ne as Typhography,fc as UseSchemaProcessor,gc as usePagination,hc as useSorting};
|
|
24
24
|
//# sourceMappingURL=index.js.map
|